@pod-os/elements 0.17.1-fef97c9.0 → 0.18.1-a971174.0

package/dist/collection/apps/pos-app-browser/pos-app-browser.js

@@ -1,12 +1,23 @@
-import { h } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 export class PosAppBrowser {
     constructor() {
         this.restorePreviousSession = false;
+        this.uri = '';
     }
     render() {
-        return (h("pos-app", { key: 'b0cd0b818fdf4b747828e45722a2e5e2beca3fed', restorePreviousSession: this.restorePreviousSession }, h("pos-error-toast", { key: '48840fd1401920e5e925097c5e0fdbc84b0683a0' }, h("ion-app", { key: '739484cc781ab72aca520c8254ed0514b58c3ba3' }, h("ion-header", { key: 'e2f4cb34edc538c7e698fc0ed8e6a330ece3cfdc' }, h("ion-toolbar", { key: '25e12849dce08731864de78b9daa85c807a8d332' }, h("ion-title", { key: '1fb14f21d28e12bc3fe405fec7344bfd0987031e', slot: "start" }, "PodOS"), h("pos-login", { key: 'ffa9bb4105b5151d69ec8b2b2dbbe7038efc3612' }))), h("ion-content", { key: 'bbd8454b8b3cc65c650816112d2d43261335186b' }, h("pos-router", { key: 'e1c94f5dda22557fa417113a9168b5acef4cddfd' })), h("ion-footer", { key: '40623fc943a0a89c1a3ef23e23daebc653b5c5dc' }, h("ion-toolbar", { key: 'b3b6d497a9a19c0c0756b89c152ea2dc2ad25c41' }, h("ion-title", { key: '982679383f343e6f7a1a42d9110c1a53493c3b71' }, "PodOS Browser")))))));
+        return (h(Host, { key: 'b154b596b7c172de223da89c4f6e113607111ff4' }, h("pos-app", { key: '057c6ea517b358513a292ee1b22a4ab3f847acb4', restorePreviousSession: this.restorePreviousSession }, h("pos-error-toast", { key: '818712bc4dfbba08a5091412931fba60529f1ce1' }, h("pos-router", { key: '58b23715dd4a0c4c981b92c43da41df4fde0bfe5', "onPod-os:route-changed": e => (this.uri = e.detail) }, h("header", { key: 'e83dcbaff0f013747922a62734856663e0d8e095' }, h("pos-add-new-thing", { key: 'e74961384b4c145bdf7d771fbae0547f83b95b78', referenceUri: this.uri }), h("pos-navigation-bar", { key: 'e3cb7e3e137f2615fdda8980444fd03bf009bbd3', uri: this.uri }), h("pos-login", { key: 'fe07f4cedb465911c76fc0c4520c6084090c9fed' })), h("main", { key: '993531497ec2d6ec8a9828519c1405568f2ab86b' }, h("pos-resource", { key: this.uri, uri: this.uri }, h("pos-type-router", { key: '0b4faa6fac3426438744c224d5966cf1b8312e4a' }))), h("footer", { key: 'cff5a02d8a14b478a4484ce105e53443b9b753ae' }, h(Logo, { key: 'd6a67415ba15c8b0a72517dd011b622564d9d8d2' }), h("span", { key: '5cfb56d1da679a022826b72082fe47cad150f055' }, "PodOS Browser")))))));
     }
     static get is() { return "pos-app-browser"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["pos-app-browser.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["pos-app-browser.css"]
+        };
+    }
     static get properties() {
         return {
             "restorePreviousSession": {
@@ -29,5 +40,25 @@ export class PosAppBrowser {
             }
         };
     }
+    static get states() {
+        return {
+            "uri": {}
+        };
+    }
 }
+const Logo = () => {
+    return (h("svg", { viewBox: "0 0 400 400", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M50 350 L50 100 L200 50 L350 100 L350 350 Z", style: {
+            'fill': '#008BF8',
+            'stroke': '#008BF8',
+            'stroke-width': '70',
+        }, "stroke-linejoin": "round" }), h("path", { d: "M100 300 L100 150 L200 120 L300 150 L300 300 L130 300 L130 370 L100 370Z", style: {
+            'fill': 'white',
+            'stroke': 'white',
+            'stroke-width': '45',
+        }, "stroke-linejoin": "round" }), h("path", { d: "M150 250 L150 200 L200 180 L250 200 L250 250 Z", style: {
+            'fill': '#DC0073',
+            'stroke': '#DC0073',
+            'stroke-width': '20',
+        }, "stroke-linejoin": "round" })));
+};
 //# sourceMappingURL=pos-app-browser.js.map

package/dist/collection/apps/pos-app-browser/pos-app-browser.js.map

@@ -1 +1 @@
-{"version":3,"file":"pos-app-browser.js","sourceRoot":"","sources":["../../../../src/apps/pos-app-browser/pos-app-browser.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAKnD,MAAM,OAAO,aAAa;;sCACkB,KAAK;;IAE/C,MAAM;QACJ,OAAO,CACL,gEAAS,sBAAsB,EAAE,IAAI,CAAC,sBAAsB;YAC1D;gBACE;oBACE;wBACE;4BACE,kEAAW,IAAI,EAAC,OAAO,YAAkB;4BACzC,mEAAuB,CACX,CACH;oBACb;wBACE,oEAAc,CACF;oBACd;wBACE;4BACE,oFAAoC,CACxB,CACH,CACL,CACM,CACV,CACX,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pos-app-browser',\n})\nexport class PosAppBrowser {\n  @Prop() restorePreviousSession: boolean = false;\n\n  render() {\n    return (\n      <pos-app restorePreviousSession={this.restorePreviousSession}>\n        <pos-error-toast>\n          <ion-app>\n            <ion-header>\n              <ion-toolbar>\n                <ion-title slot=\"start\">PodOS</ion-title>\n                <pos-login></pos-login>\n              </ion-toolbar>\n            </ion-header>\n            <ion-content>\n              <pos-router />\n            </ion-content>\n            <ion-footer>\n              <ion-toolbar>\n                <ion-title>PodOS Browser</ion-title>\n              </ion-toolbar>\n            </ion-footer>\n          </ion-app>\n        </pos-error-toast>\n      </pos-app>\n    );\n  }\n}\n"]}
+{"version":3,"file":"pos-app-browser.js","sourceRoot":"","sources":["../../../../src/apps/pos-app-browser/pos-app-browser.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAMhE,MAAM,OAAO,aAAa;;sCACkB,KAAK;mBAEhC,EAAE;;IAEjB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,gEAAS,sBAAsB,EAAE,IAAI,CAAC,sBAAsB;gBAC1D;oBACE,6FAAoC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC;wBAC5D;4BACE,0EAAmB,YAAY,EAAE,IAAI,CAAC,GAAG,GAAsB;4BAC/D,2EAAoB,GAAG,EAAE,IAAI,CAAC,GAAG,GAAuB;4BACxD,mEAAuB,CAChB;wBACT;4BACE,oBAAc,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG;gCACxC,yEAAmB,CACN,CACV;wBACP;4BACE,EAAC,IAAI,sDAAG;4BACR,+EAA0B,CACnB,CACE,CACG,CACV,CACL,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF;AAED,MAAM,IAAI,GAAG,GAAG,EAAE;IAChB,OAAO,CACL,WAAK,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,4BAA4B;QAC3D,YACE,CAAC,EAAC,6CAA6C,EAC/C,KAAK,EAAE;gBACL,MAAM,EAAE,SAAS;gBACjB,QAAQ,EAAE,SAAS;gBACnB,cAAc,EAAE,IAAI;aACrB,qBACe,OAAO,GACvB;QAEF,YACE,CAAC,EAAC,0EAA0E,EAC5E,KAAK,EAAE;gBACL,MAAM,EAAE,OAAO;gBACf,QAAQ,EAAE,OAAO;gBACjB,cAAc,EAAE,IAAI;aACrB,qBACe,OAAO,GACvB;QAEF,YACE,CAAC,EAAC,gDAAgD,EAClD,KAAK,EAAE;gBACL,MAAM,EAAE,SAAS;gBACjB,QAAQ,EAAE,SAAS;gBACnB,cAAc,EAAE,IAAI;aACrB,qBACe,OAAO,GACvB,CACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["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  @State() uri = '';\n\n  render() {\n    return (\n      <Host>\n        <pos-app restorePreviousSession={this.restorePreviousSession}>\n          <pos-error-toast>\n            <pos-router 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}></pos-navigation-bar>\n                <pos-login></pos-login>\n              </header>\n              <main>\n                <pos-resource key={this.uri} uri={this.uri}>\n                  <pos-type-router />\n                </pos-resource>\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"]}

package/dist/collection/apps/pos-app-generic/pos-app-generic.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class PosAppGeneric {
     render() {
-        return (h("ion-grid", { key: 'd0b34c6e8b5cd74f717163d86592d478664ad34c' }, h("ion-row", { key: '6e96db4a729de0676b461e688a949291dc3e77f4' }, h("ion-col", { key: 'b0953536281658c815fbcd698ef7def9e1f117ac', size: "12", "size-sm": true }, h("ion-card", { key: '122da911e9a7cb0689948b70ab26d3f21ecaf044' }, h("ion-card-header", { key: '1754068e41b3d0b20005e097aeb84dd162f3569f' }, h("pos-type-badges", { key: '918f62a015be42159a92e81a5c221822aeba7bcf' }), h("pos-picture", { key: '44124804a1cf27984e27c902a9e15b887bee03b7' }), h("ion-card-title", { key: 'f3eb3a7ab88f6f3b8ceb217a92cb55381da2d616' }, h("pos-label", { key: '8b4a43f6c92883c3871fc6109e3aa49f92bdebde' }))), h("ion-card-content", { key: '920391cbaff095d480b410f2601519ab8db8f773' }, h("pos-description", { key: '906a3c8f5a48a650f738af61ce3dc06a19389c28' })))), h("ion-col", { key: '46a6785baffd48b319491995625734c38faef118', size: "12", "size-sm": true }, h("pos-literals", { key: '15cea21e23eac83072847305a9b035465e021186' })), h("ion-col", { key: '2582ecfd8331df16ddff408ffd37c81acb1629f1', size: "12", "size-sm": true }, h("pos-relations", { key: '9afe5b9f8b283894e1f1f4f66afb6f969e666dba' }), h("pos-reverse-relations", { key: 'be1c0c2dfe2b60c5f69bf030d9ea7454939cf3c5' })))));
+        return (h("ion-grid", { key: 'b2d6cad93a92550a0f0dd1bc9233d6841d0ff589' }, h("ion-row", { key: '8b025fc58661c8795546378b1179f171efffcb4c' }, h("ion-col", { key: 'e91e8bec2d21e69b8044e3d9bd26c32585b59df7', size: "12", "size-sm": true }, h("ion-card", { key: '8bba9e99d8d6c047e3bf5cbcbd71835f01568d78' }, h("ion-card-header", { key: '35b50230a90b9756f9482d7eb8ce43a12f76019e' }, h("pos-type-badges", { key: '5a5519757cc77c5b598c16959dce314b8489a2a0' }), h("pos-picture", { key: '04c3fd6603985310d409354d3959d09936e8f261' }), h("ion-card-title", { key: 'd90af825ad221dff228f9307fd0f6bc0b9e09bc9' }, h("pos-label", { key: '1d2651dad20d62b0da7457c7e0b022a6b391c7fd' }))), h("ion-card-content", { key: '4640cad1428e1ebd6fbe893e5ffefc196f60ce28' }, h("pos-description", { key: '556370a2e5212fb6b6356c978c481b5d943afa83' })))), h("ion-col", { key: '586d937db1e6bc04f9fa6438828cbe477354eeca', size: "12", "size-sm": true }, h("pos-literals", { key: '82c7ea592fa5cde4d5e42f439696aaf0a965dcb7' })), h("ion-col", { key: '51d3164c329dc6c0924cd8c24ea2549e763523b3', size: "12", "size-sm": true }, h("pos-relations", { key: '03e9a6494e1313f0562cdd78a775096b1db45474' }), h("pos-reverse-relations", { key: '47d56807a98a1accdc2b6a3cf376c4eff4dee811' })))));
     }
     static get is() { return "pos-app-generic"; }
 }

package/dist/collection/apps/pos-app-ldp-container/pos-app-ldp-container.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class PosAppLdpContainer {
     render() {
-        return (h("ion-grid", { key: '3fc6465fe588cb29aa682b7458f5f724928c5cc7' }, h("ion-row", { key: 'bc528a311c771890d959bb839dd0f44b6d7ac0ca' }, h("ion-col", { key: '972c987e475ca81e779405ab18058bb9ed774cc3', size: "12", "size-sm": true }, h("pos-container-contents", { key: '00f9a3c95bf9a1f5ee9ccf1b04ca9374fcaf1281' }), h("details", { key: 'a9e0e50a12ad66572fcaa14aa67a03dd3b859a71' }, h("summary", { key: 'adeec9e27a6843189677942bcd3816d59e9f2a21' }, "All subjects"), h("pos-subjects", { key: '477dd2a336bca0f64cd2c2966aa21a6a49c238d2' }))), h("ion-col", { key: '9886eece6a0926a525734aca8f0742e59f0d0806', size: "12", "size-sm": true }, h("ion-card", { key: '7c5e7f4408a8602ffec7e492ed251ead70e13706' }, h("ion-card-header", { key: 'b9db2e78d64c329e15aaeb5b80e087a458cf8d2e' }, h("ion-card-title", { key: '15f39fbfc40eefb216745d58a80a21a05afad25c' }, h("pos-label", { key: '21c7646fa75628a7d26672f024b3e30b13286699' })), h("pos-type-badges", { key: 'fe0dbcdb9815268fcb3c3d4df3ebbbe1071062db' }), h("pos-literals", { key: '3d4b76e46e74a9c54e97a3e9142e447ce2c12677' })))))));
+        return (h("ion-grid", { key: '7bad60bfd0bc8f21c90378dd5f511336acfcfc4f' }, h("ion-row", { key: '6a742864678564796d1d5ad41651438799a0e9cc' }, h("ion-col", { key: '4578b56c1508c26b24af6c39be91146217ea97e4', size: "12", "size-sm": true }, h("pos-container-contents", { key: '8e790a6d16b14610e166bda812b54ca403abd4c9' }), h("details", { key: 'e97b04715070f776d7237a5fe15d1be8d23a009f' }, h("summary", { key: '8ed6c8d86540b548406f90e5d11422eda5f8077d' }, "All subjects"), h("pos-subjects", { key: '9154cc1defe86d0b6d980709606f3475070e3686' }))), h("ion-col", { key: '28951a149ab376b30d369ae564afadda62df057c', size: "12", "size-sm": true }, h("ion-card", { key: 'd81361770bfaa073770ab0ceb5081bcd50f96d6a' }, h("ion-card-header", { key: '5e98b61411ca037c3a3cddd3d47ba8ad1a0782fb' }, h("ion-card-title", { key: '12f7369b526fc4b437b76f7497e25f1d7bc9034a' }, h("pos-label", { key: 'a4c064c09da6f6a36b0ece5f18596ba70665ee51' })), h("pos-type-badges", { key: 'c7f2526ded1b71c52674aeb128985687acc7fde0' }), h("pos-literals", { key: 'e9a1e8cc2204dce316231789e3bd4a2556f80048' })))))));
     }
     static get is() { return "pos-app-ldp-container"; }
 }

package/dist/collection/apps/pos-app-rdf-document/pos-app-rdf-document.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class PosAppRdfDocument {
     render() {
-        return (h("ion-grid", { key: '3cef77ac24cee1394fecc60ed30619f56ee65ac5' }, h("ion-row", { key: '21eaff6289b3f2065c21dc5b5d28ffe097a5c557' }, h("ion-col", { key: 'ad31c49ecaef1b7312b3c2995ffb027fdbc60261', size: "12", "size-sm": true }, h("pos-subjects", { key: '8fa5aa17997d84a0bd6fab4d987b43e379b5a26e' })), h("ion-col", { key: '0a632d7da58c26bf7b9463791f2123e67af34225', size: "12", "size-sm": true }, h("ion-card", { key: 'ee3fe41a4573e1e9f534b14ba0d619ddeccbe38c' }, h("ion-card-header", { key: '6d64e3db7d483ac540dd8d9ce737028a761dcb90' }, h("ion-card-title", { key: '47a3b66d38e2836068c026283e0d84a336658c8c' }, h("pos-label", { key: 'd90318d308a2fe6da204f365c631002dbcd34364' })), h("pos-type-badges", { key: '869a7f67dd683b59a718ff466eac942e152c04e3' }), h("pos-literals", { key: '8a617053e11cf4222b8396ff4899999a5635e985' })))))));
+        return (h("ion-grid", { key: '43f90a1be5426f91f1113bcebdf0a88b7980a903' }, h("ion-row", { key: '6f0fbdfb6236d5cc6a9b3c8fb5c421dde723e3ac' }, h("ion-col", { key: '93f0428068841e651941511defa9ec3ebd231dbc', size: "12", "size-sm": true }, h("pos-subjects", { key: '7be8ef433f0d50126ca8de4327a40c6ff92c7452' })), h("ion-col", { key: '9708fd6066c03de6424973acf8a5522b124b38c4', size: "12", "size-sm": true }, h("ion-card", { key: '0f0005bd3dbe7ce42f1eea9e20957fe9d1411475' }, h("ion-card-header", { key: '38659957e6594d881cef7725d24c73defa7f31bc' }, h("ion-card-title", { key: '42433094c8a42878f2cf0614e8727b3851a0b0f5' }, h("pos-label", { key: 'fbcef1bc8638decd9d6fc15a7ae2d66b865e730f' })), h("pos-type-badges", { key: '8720c5c6a50a815b726db2bb1d5eafa8341a6c1f' }), h("pos-literals", { key: 'a1f29dcce1863890bf7f450698511006858d5d4a' })))))));
     }
     static get is() { return "pos-app-rdf-document"; }
 }

package/dist/collection/components/pos-add-new-thing/pos-add-new-thing.js

@@ -7,7 +7,7 @@ export class PosAddNewThing {
         this.dialog.showModal();
     }
     render() {
-        return (h(Host, { key: 'f68aeded06adc5372957f9a75438cfb630d305e9' }, h("button", { key: '21216bb0fcbf47fbaafa2435b7f9e41df9412be4', id: "new", title: "Add a new thing", onClick: () => this.openDialog() }, h("ion-icon", { key: '58d0dc9ac04ee40cdccc23ce46cc8736767a6bde', name: "add-circle-outline" })), h("pos-dialog", { key: 'dde1ef9d4f75860173868088c47f252e98f00288', ref: el => (this.dialog = el) }, h("span", { key: 'fb12cccee3d5514cb6db2e329aede9e05183f3c5', slot: "title" }, "Add a new thing"), h("pos-new-thing-form", { key: '01949fa90383f62cbe987dd206f837ebfa8d4e55', slot: "content", referenceUri: this.referenceUri }))));
+        return (h(Host, { key: '2e632aa0d1699b39fd52f178c93bb510ac2d6e91' }, h("button", { key: '3830a37cc82868ed6bcbb4b88049da5de1a932c4', id: "new", title: "Add a new thing", onClick: () => this.openDialog() }, h("ion-icon", { key: 'efd48bfa658f4d58792e442ede0c22527ac1fb34', name: "add-circle-outline" })), h("pos-dialog", { key: '69be02ce0bf6a01ba7c919de67c87acc4a550983', ref: el => (this.dialog = el) }, h("span", { key: '8cfc152b49103ed239238af52f7c7de3f18df1b1', slot: "title" }, "Add a new thing"), h("pos-new-thing-form", { key: '4780a2a0c7254a577d38deac1d5078e8d5c7f82e', slot: "content", referenceUri: this.referenceUri }))));
     }
     static get is() { return "pos-add-new-thing"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pos-app/pos-app.js

@@ -45,7 +45,7 @@ export class PosApp {
         }
     }
     render() {
-        return h("slot", { key: 'd44bd56f5036b319e90964aa8cb2c0ab60046f46' });
+        return h("slot", { key: '0c1dd123a984543004e73308e33bab0afca708c7' });
     }
     static get is() { return "pos-app"; }
     static get properties() {

package/dist/collection/components/pos-dialog/pos-dialog.js

@@ -10,7 +10,7 @@ export class PosDialog {
         this.dialog.close();
     }
     render() {
-        return (h(Host, { key: '0bc83e22253fd17e9f8ffc1c81b80682050a0883' }, h("dialog", { key: '2a5d5ba49cfde551389d11f2f5ffb0dd065b26e1', ref: el => (this.dialog = el) }, h("header", { key: '09f35e49e79e9cb067926213d9e715048d57e0f4' }, h("slot", { key: '3f16be3db881b8f93aa1bcb0cf1cb2a19bade573', name: "title" }), h("button", { key: 'd4a566a54d6d5db752a1ae9c1c0eda34954103d9', tabindex: -1, id: "close", title: "Close", onClick: () => this.close() }, h("ion-icon", { key: '262f5f7233764471ab4dcd61808e65e6468bcffa', name: "close-outline" }))), h("slot", { key: 'de6782ef358e852a6d4d34d3bd37c222fbf64527', name: "content" }))));
+        return (h(Host, { key: '2afede6b81d08df86698897989cf60ddd0924725' }, h("dialog", { key: '437b2817f0cf0a24d2c23705754666db08d86d7b', ref: el => (this.dialog = el) }, h("header", { key: 'b117318680cf8afd336ecb0a1833e527c0ab9b12' }, h("slot", { key: 'bfb23dd0fcd65c92dce927ddff6656e97a6a4b58', name: "title" }), h("button", { key: '954d0e64de334a658a96927921f213cba1e30715', tabindex: -1, id: "close", title: "Close", onClick: () => this.close() }, h("ion-icon", { key: 'c7b70eda40f3c087eadfb6cfeb6107cbe7747c21', name: "close-outline" }))), h("slot", { key: '9fc63ff77963a2564b18598c97bee19a73655c1a', name: "content" }))));
     }
     static get is() { return "pos-dialog"; }
     static get originalStyleUrls() {

package/dist/collection/components/pos-error-toast/pos-error-toast.js

@@ -25,7 +25,7 @@ export class PosErrorToast {
         await toast.present();
     }
     render() {
-        return h("slot", { key: '93ac613ea6c25c6533fbca6ee06201a97c39d87d' });
+        return h("slot", { key: '8c5c8f5197184686f81602136672f35a62b2ea78' });
     }
     static get is() { return "pos-error-toast"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pos-literals/pos-literals.js

@@ -28,7 +28,7 @@ export class PosLiterals {
     }
     render() {
         const items = this.data.map(it => (h("ion-item-group", null, h("ion-item-divider", null, h("ion-label", null, it.predicate)), it.values.map(value => (h("ion-item", null, h("ion-label", { class: "ion-text-wrap" }, value), ' '))))));
-        return (h(Host, { key: 'b1854335e53e9747f386102eca8c4bcc0668fb91' }, this.data.length > 0 ? h("ion-list", null, items) : null, h("pos-add-literal-value", { key: '0eb4ff0eb3281dec938a61cc3f9cc95854e0883e', "onPod-os:added-literal-value": event => this.literalValueAdded(event.detail) })));
+        return (h(Host, { key: 'e191cfc7ea5180e4d290eed2f64b63779082a7bd' }, this.data.length > 0 ? h("ion-list", null, items) : null, h("pos-add-literal-value", { key: '090d1f79b86e701e074834b1fd1d14d1941f60a5', "onPod-os:added-literal-value": event => this.literalValueAdded(event.detail) })));
     }
     static get is() { return "pos-literals"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pos-login/pos-login.css

@@ -1,6 +1,7 @@
-:host {
+.container {
   display: flex;
-  gap: 10px;
+  align-items: center;
+  gap: var(--size-2);
 }
 .user-data {
   align-items: center;
@@ -14,33 +15,36 @@
 }
 
 pos-login-form {
-  margin: var(--size-2)
+  margin: var(--size-2);
 }
 
 dialog {
   margin-top: var(--size-10);
 }
 
-button#login, button#logout {
+button#login,
+button#logout {
   outline: none;
-  text-transform: uppercase;
   font-weight: var(--weight-bold);
   letter-spacing: var(--letter-xl);
   border: none;
   box-sizing: border-box;
   border-radius: var(--radius-xs);
-  padding: var(--scale-000);
+  padding: var(--size-2);
   box-shadow: var(--shadow-sm);
-  cursor: pointer;
   color: var(--pos-primary-text-color);
   background-color: var(--pos-primary-color);
 }
 
-button#login:focus-within, button#logout:focus-within {
+button#login:focus-within,
+button#logout:focus-within {
   outline: var(--pos-input-focus-outline);
 }
 
-button#login:focus, button#login:hover, button#logout:focus, button#logout:hover {
+button#login:focus,
+button#login:hover,
+button#logout:focus,
+button#logout:hover {
   filter: brightness(110%);
   box-shadow: var(--shadow-md);
 }

package/dist/collection/components/pos-login/pos-login.js

@@ -21,7 +21,7 @@ export class PosLogin {
         this.dialog.showModal();
     }
     render() {
-        return (h(Host, { key: '4d80604bf01d45172f793cc3a66ff9bfd853d6e8' }, session.state.isLoggedIn ? (h("pos-resource", { uri: session.state.webId }, h("span", { class: "user-data" }, h("pos-picture", null), h("pos-label", null)))) : (''), !session.state.isLoggedIn && (h("button", { key: 'c8d7cc5dfff6c6fd061876a295acb094cf13e620', id: "login", onClick: () => this.openDialog() }, "Login")), session.state.isLoggedIn && (h("button", { key: '7ee336f2d00cf71c36f5d2c87853e9eabe04366a', id: "logout", onClick: () => this.logout() }, "Logout")), h("pos-dialog", { key: '20b349d711044d71a876c4993577fd942e809bdb', ref: el => (this.dialog = el) }, h("span", { key: 'e7dc7cd69e392c7872a18f5129a7ab2545d74a57', slot: "title" }, "Sign in to your Pod"), h("pos-login-form", { key: 'bb17fa8b1632b286dd0a9d6ff68879730b276d82', "onPod-os:idp-url-selected": ev => this.login(ev), slot: "content" }))));
+        return (h(Host, { key: '780beb7c8a3be6f4f834c0d165c264fc4ca57f9b' }, h("div", { key: '66d54e274fab1e72590338ebb3a3aae3ab1275d5', class: "container" }, session.state.isLoggedIn ? (h("pos-resource", { uri: session.state.webId }, h("span", { class: "user-data" }, h("pos-picture", null), h("pos-label", null)))) : (''), !session.state.isLoggedIn && (h("button", { key: '86196036b1ca3cfa505f3c1efbc2ceeb65843a91', id: "login", onClick: () => this.openDialog() }, "Login")), session.state.isLoggedIn && (h("button", { key: 'ae2d4298dc2300ea9b9812b162bc7c14573a1606', id: "logout", onClick: () => this.logout() }, "Logout"))), h("pos-dialog", { key: 'c4cd26d24bdb7a4fa12ed589843da5cc90253c6c', ref: el => (this.dialog = el) }, h("span", { key: '5e59b0cde7cc110262edc1c2cf21cca9704970c6', slot: "title" }, "Sign in to your Pod"), h("pos-login-form", { key: '32c76681860a47a7a6f56fcd1d54757923891967', "onPod-os:idp-url-selected": ev => this.login(ev), slot: "content" }))));
     }
     static get is() { return "pos-login"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pos-login/pos-login.js.map

@@ -1 +1 @@
-{"version":3,"file":"pos-login.js","sourceRoot":"","sources":["../../../../src/components/pos-login/pos-login.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE/E,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAO1C,MAAM,OAAO,QAAQ;;QASnB,UAAK,GAAG,KAAK,EAAE,EAAS,EAAE,EAAE;YAC1B,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACf,CAAC,CAAC;;;IANF,iBAAiB;QACf,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IAMD,KAAK,CAAC,KAA0B;QAC9B,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAC5B,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACxB,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC;IACnB,CAAC;IAID,UAAU;QACR,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACF,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAC1B,oBAAc,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK;gBACpC,YAAM,KAAK,EAAC,WAAW;oBACrB,sBAAe;oBACf,oBAAa,CACR,CACM,CAChB,CAAC,CAAC,CAAC,CACF,EAAE,CACH;YACA,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,IAAI,CAC5B,+DAAQ,EAAE,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,YAE1C,CACV;YACA,OAAO,CAAC,KAAK,CAAC,UAAU,IAAI,CAC3B,+DAAQ,EAAE,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,aAEvC,CACV;YACD,mEAAY,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,EAA0B,CAAC;gBAC/D,6DAAM,IAAI,EAAC,OAAO,0BAA2B;gBAC7C,oGAA2C,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,IAAI,EAAC,SAAS,GAAG,CACvE,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { PodOS } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Host, State } from '@stencil/core';\n\nimport session from '../../store/session';\n\n@Component({\n  tag: 'pos-login',\n  shadow: true,\n  styleUrl: 'pos-login.css',\n})\nexport class PosLogin {\n  @Event({ eventName: 'pod-os:init' }) initializeOsEmitter: EventEmitter;\n\n  @State() os: PodOS;\n\n  componentWillLoad() {\n    this.initializeOsEmitter.emit(this.setOs);\n  }\n\n  setOs = async (os: PodOS) => {\n    this.os = os;\n  };\n\n  login(event: CustomEvent<string>) {\n    const idpUrl = event.detail;\n    this.os.login(idpUrl);\n  }\n\n  logout() {\n    this.os.logout();\n  }\n\n  private dialog: HTMLPosDialogElement;\n\n  openDialog() {\n    this.dialog.showModal();\n  }\n\n  render() {\n    return (\n      <Host>\n        {session.state.isLoggedIn ? (\n          <pos-resource uri={session.state.webId}>\n            <span class=\"user-data\">\n              <pos-picture />\n              <pos-label />\n            </span>\n          </pos-resource>\n        ) : (\n          ''\n        )}\n        {!session.state.isLoggedIn && (\n          <button id=\"login\" onClick={() => this.openDialog()}>\n            Login\n          </button>\n        )}\n        {session.state.isLoggedIn && (\n          <button id=\"logout\" onClick={() => this.logout()}>\n            Logout\n          </button>\n        )}\n        <pos-dialog ref={el => (this.dialog = el as HTMLPosDialogElement)}>\n          <span slot=\"title\">Sign in to your Pod</span>\n          <pos-login-form onPod-os:idp-url-selected={ev => this.login(ev)} slot=\"content\" />\n        </pos-dialog>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"pos-login.js","sourceRoot":"","sources":["../../../../src/components/pos-login/pos-login.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE/E,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAO1C,MAAM,OAAO,QAAQ;;QASnB,UAAK,GAAG,KAAK,EAAE,EAAS,EAAE,EAAE;YAC1B,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACf,CAAC,CAAC;;;IANF,iBAAiB;QACf,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IAMD,KAAK,CAAC,KAA0B;QAC9B,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAC5B,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACxB,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC;IACnB,CAAC;IAID,UAAU;QACR,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,WAAW;gBACnB,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAC1B,oBAAc,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK;oBACpC,YAAM,KAAK,EAAC,WAAW;wBACrB,sBAAe;wBACf,oBAAa,CACR,CACM,CAChB,CAAC,CAAC,CAAC,CACF,EAAE,CACH;gBACA,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,IAAI,CAC5B,+DAAQ,EAAE,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,YAE1C,CACV;gBACA,OAAO,CAAC,KAAK,CAAC,UAAU,IAAI,CAC3B,+DAAQ,EAAE,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,aAEvC,CACV,CACG;YACN,mEAAY,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,EAA0B,CAAC;gBAC/D,6DAAM,IAAI,EAAC,OAAO,0BAA2B;gBAC7C,oGAA2C,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,IAAI,EAAC,SAAS,GAAG,CACvE,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { PodOS } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Host, State } from '@stencil/core';\n\nimport session from '../../store/session';\n\n@Component({\n  tag: 'pos-login',\n  shadow: true,\n  styleUrl: 'pos-login.css',\n})\nexport class PosLogin {\n  @Event({ eventName: 'pod-os:init' }) initializeOsEmitter: EventEmitter;\n\n  @State() os: PodOS;\n\n  componentWillLoad() {\n    this.initializeOsEmitter.emit(this.setOs);\n  }\n\n  setOs = async (os: PodOS) => {\n    this.os = os;\n  };\n\n  login(event: CustomEvent<string>) {\n    const idpUrl = event.detail;\n    this.os.login(idpUrl);\n  }\n\n  logout() {\n    this.os.logout();\n  }\n\n  private dialog: HTMLPosDialogElement;\n\n  openDialog() {\n    this.dialog.showModal();\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"container\">\n          {session.state.isLoggedIn ? (\n            <pos-resource uri={session.state.webId}>\n              <span class=\"user-data\">\n                <pos-picture />\n                <pos-label />\n              </span>\n            </pos-resource>\n          ) : (\n            ''\n          )}\n          {!session.state.isLoggedIn && (\n            <button id=\"login\" onClick={() => this.openDialog()}>\n              Login\n            </button>\n          )}\n          {session.state.isLoggedIn && (\n            <button id=\"logout\" onClick={() => this.logout()}>\n              Logout\n            </button>\n          )}\n        </div>\n        <pos-dialog ref={el => (this.dialog = el as HTMLPosDialogElement)}>\n          <span slot=\"title\">Sign in to your Pod</span>\n          <pos-login-form onPod-os:idp-url-selected={ev => this.login(ev)} slot=\"content\" />\n        </pos-dialog>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/pos-login-form/pos-login-form.js

@@ -8,7 +8,7 @@ export class PosLoginForm {
         this.canSubmit = Boolean(this.idpUrl);
     }
     render() {
-        return (h("form", { key: '7fde1bbc5d3047550052bca7319edb79c7f99977', method: "dialog", onSubmit: () => this.handleSubmit() }, h("label", { key: '251439f51b85a4cb510f6e3848231b709cc8e510', htmlFor: "idpUrl" }, "Please enter your Identity Provider"), h("input", { key: '9f552e4b8dd06dedf0a64307778607d0c910b386', id: "idpUrl", type: "url", value: this.idpUrl, required: true, onInput: e => this.handleChange(e), list: "suggestedIssuers", placeholder: "Type to search..." }), h("datalist", { key: '3db05059ada1e7e9444015de2017c4dc9278ed7b', id: "suggestedIssuers" }, h("option", { key: 'aa1e61b1e72368c34b367e1788d8628a8e295821', value: "https://solidcommunity.net" }, "solidcommunity.net"), h("option", { key: '6320ad809ca912e94c20e18bcee7ed17a348f3f1', value: "https://solidweb.org" }, "solidweb.org"), h("option", { key: 'b1c2ec5d91e0078db5f12128f44f95c99adb6b4e', value: "https://solidweb.me" }, "solidweb.me"), h("option", { key: 'eeb13ac45c75177601a91ff6a5205a7f549055e6', value: "https://inrupt.net" }, "inrupt.net"), h("option", { key: '11f5ad9045b9d6707562922f4179d25fa6917583', value: "https://login.inrupt.com" }, "Inrupt PodSpaces"), h("option", { key: '75057cfb45adec0016f23506f2a93712e497aaf4', value: "https://trinpod.us" }, "trinpod.us"), h("option", { key: 'b0963e48242377be16275eb4f69b7cceb30e6be8', value: "https://use.id" }, "use.id"), h("option", { key: '211ef60f11d5c5d2ac5777645ad20548bc73d874', value: "https://solid.redpencil.io" }, "redpencil.io"), h("option", { key: '5879da4e80fd09f049e4c2ba8819a6d17ff9b028', value: "https://datapod.grant.io" }, "Data Pod (grant.io)"), h("option", { key: 'f35cb3113271a67f154b04559d18cc6be3f362b1', value: "https://teamid.live" }, "teamid.live")), h("input", { key: 'f33a4cf13b5ddb46b0c019122a6ae71e7e701bb6', id: "login", type: "submit", value: "Login", disabled: !this.canSubmit })));
+        return (h("form", { key: '92f9f517c1f20206c03c4a0ba0fa36cf44d03a4e', method: "dialog", onSubmit: () => this.handleSubmit() }, h("label", { key: '545072b27374d328f177cc7cd29a869f94084199', htmlFor: "idpUrl" }, "Please enter your Identity Provider"), h("input", { key: '702a8478a60f238aa571206709179735a6c4e94c', id: "idpUrl", type: "url", value: this.idpUrl, required: true, onInput: e => this.handleChange(e), list: "suggestedIssuers", placeholder: "Type to search..." }), h("datalist", { key: '1998a954b5b5af5f0db4134d5c5936a86ca3d938', id: "suggestedIssuers" }, h("option", { key: '10162042cea7e1080ae6dc1b22d417ea2c8bcdf1', value: "https://solidcommunity.net" }, "solidcommunity.net"), h("option", { key: 'd6fc9acff784dbf07ecd8370b8a864975c99b34c', value: "https://solidweb.org" }, "solidweb.org"), h("option", { key: 'd3980f1bbd66a092a3a8f26994d2e24c786bd311', value: "https://solidweb.me" }, "solidweb.me"), h("option", { key: 'c6e71652acbac29140c40f255b9f26cb50334bc9', value: "https://inrupt.net" }, "inrupt.net"), h("option", { key: 'c9b5cc8768bee481a34b95d6c993e4c75e63ecfd', value: "https://login.inrupt.com" }, "Inrupt PodSpaces"), h("option", { key: '97bb6676127f80f67337a1b0daa4dd367da21482', value: "https://trinpod.us" }, "trinpod.us"), h("option", { key: 'c8def1b84548f10bc2e7961139405ab5679e0dcc', value: "https://use.id" }, "use.id"), h("option", { key: 'e796fec0814bcafb4b3b48f9aff5efe9868243ba', value: "https://solid.redpencil.io" }, "redpencil.io"), h("option", { key: 'fd6632816dbad59dd8ebf3b2ab18d63b74bfd6ca', value: "https://datapod.grant.io" }, "Data Pod (grant.io)"), h("option", { key: 'c64c01e649cba6d8ff93b603e582369fd1bd5bd5', value: "https://teamid.live" }, "teamid.live")), h("input", { key: '2fe45bcb27fdb9f00680474b7e1cdfc989b0b0f2', id: "login", type: "submit", value: "Login", disabled: !this.canSubmit })));
     }
     handleChange(event) {
         this.validate();

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

@@ -67,7 +67,7 @@ export class PosNavigationBar {
         }
     }
     render() {
-        return (h("form", { key: '2accd6147dcc87fcf5c2dd68b54296297150b75c', onSubmit: e => this.onSubmit(e) }, h("ion-searchbar", { key: 'a10e7d4af946c8676d5568c0756af7b86ce0fc57', enterkeyhint: "search", placeholder: "Search or enter URI", value: this.uri, debounce: 300, onIonChange: e => this.onChange(e), onIonInput: e => this.onChange(e) }), this.suggestions.length > 0 ? (h("div", { class: "suggestions" }, h("ol", null, this.suggestions.map((it, index) => (h("li", { class: index === this.selectedIndex ? 'selected' : '' }, h("pos-rich-link", { uri: it.ref }))))))) : null));
+        return (h("form", { key: '0338ecb2fc05df87b7b1b9b46a3fe60dacf66a3a', onSubmit: e => this.onSubmit(e) }, h("ion-searchbar", { key: '691b8574fb64227895f521d501edd1d670b2cc6a', enterkeyhint: "search", placeholder: "Search or enter URI", value: this.uri, debounce: 300, onIonChange: e => this.onChange(e), onIonInput: e => this.onChange(e) }), this.suggestions.length > 0 ? (h("div", { class: "suggestions" }, h("ol", null, this.suggestions.map((it, index) => (h("li", { class: index === this.selectedIndex ? 'selected' : '' }, h("pos-rich-link", { uri: it.ref }))))))) : null));
     }
     static get is() { return "pos-navigation-bar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -19,7 +19,7 @@ export class PosNewThingForm {
         subscribePodOs(this);
     }
     render() {
-        return (h("form", { key: '05e374959459dd5b51a8b34625301f3e355aba9a', method: "dialog", onSubmit: e => this.handleSubmit(e) }, h("label", { key: 'f18a7ac3b1d4dcdc28da5761c27405f7302e8f45', htmlFor: "type" }, "Type"), h("pos-select-term", { key: 'fad6874533d45e2539ebc25d6e2ed3aa925477b5', id: "type", placeholder: "", value: this.selectedTypeUri, "onPod-os:term-selected": e => this.onTermSelected(e) }), h("label", { key: 'a0fc71d7a8096ea789a35d61b389a7b96283f5bc', htmlFor: "name" }, "Name"), h("input", { key: 'f405b91039d011e9625495bc7ecaeab98d1da487', id: "name", type: "text", value: this.name, onInput: e => this.handleChange(e) }), this.newUri ? (h("div", { id: "new-uri", title: "This will be the URI of the new thing" }, this.newUri)) : null, h("input", { key: '82204f0a888beca696f5cecececcf2dea64a2eb2', id: "create", type: "submit", value: "Create", disabled: !this.canSubmit })));
+        return (h("form", { key: 'd2e96a0788fc188f5d565a9f7cfd091cac2a50f9', method: "dialog", onSubmit: e => this.handleSubmit(e) }, h("label", { key: '06926ce3e0f9ed415559e05551e12d919fcfb355', htmlFor: "type" }, "Type"), h("pos-select-term", { key: '163341916328a9f18265125c9083afde595c617c', id: "type", placeholder: "", value: this.selectedTypeUri, "onPod-os:term-selected": e => this.onTermSelected(e) }), h("label", { key: 'f80187e539434d239649451da75f7b03a7735c6f', htmlFor: "name" }, "Name"), h("input", { key: '505d645e314a614300ac9e181cf0e9ece5ba564d', id: "name", type: "text", value: this.name, onInput: e => this.handleChange(e) }), this.newUri ? (h("div", { id: "new-uri", title: "This will be the URI of the new thing" }, this.newUri)) : null, h("input", { key: '5dc303fa9b68d363b417c4c6572bf5ff7afbea14', id: "create", type: "submit", value: "Create", disabled: !this.canSubmit })));
     }
     handleChange(event) {
         this.name = event.target.value;

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

@@ -4,10 +4,10 @@ export class PosRichLink {
         this.uri = undefined;
     }
     render() {
-        return (h("a", { key: 'a5e376305dc74372b48c127d8df8d8c6d6c76974', class: "container", href: this.uri, onClick: e => {
+        return (h("a", { key: '478e3fbeac417934283500edff87459f3ad155c9', class: "container", href: this.uri, onClick: e => {
                 e.preventDefault();
                 this.linkEmitter.emit(this.uri);
-            } }, h("pos-resource", { key: 'b9c6c0740fdb6708f386f68cd2506fccf6f1319e', lazy: true, uri: this.uri }, h("p", { key: '2b5e733ac4947ba896cd9aa2d770963067f075b7', class: "content" }, h("pos-label", { key: 'f5b57fbfea27e2b5dd06de89997b300f2788b0f8' }), h("pos-description", { key: '14c379c13217b0a4d96cb6645b24e4eda27cfce1' }), h("a", { key: 'cf29b9c0e4f1e1cc003b9471326c81ba8dee5eec', class: "uri", href: this.uri }, this.uri)))));
+            } }, h("pos-resource", { key: 'c28c929cc2df484cbdf4a071aa2636246eedf6f1', lazy: true, uri: this.uri }, h("p", { key: 'fb9f9211aacfb0d2550ba52d76f32632c7a99a38', class: "content" }, h("pos-label", { key: 'b44b9b7ed43aa889f4c3f706399a9e5de1509fb2' }), h("pos-description", { key: '9db29a285402b80fa18a895bd58996d91d7ea71e' }), h("a", { key: 'd5c7d15883f1b65dc2b6557121ad9439a56ddbd6', class: "uri", href: this.uri }, this.uri)))));
     }
     static get is() { return "pos-rich-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,6 +1,11 @@
 import { h } from "@stencil/core";
-import { createRouter, match, Route } from "stencil-router-v2";
+import { createRouter } from "stencil-router-v2";
 const Router = createRouter();
+/**
+ * The responsibility of pos-router is to handle the `uri` query param, that specifies the URI of the resource that is currently opened.
+ * It reads this query param and informs other components about changes via the `pod-os:route-changed` event.
+ * It also intercepts the URLs from `pod-os:link` events and pushes them as a new `uri` parameter.
+ */
 export class PosRouter {
     constructor() {
         this.uri = undefined;
@@ -22,9 +27,10 @@ export class PosRouter {
     }
     updateUri() {
         this.uri = new URLSearchParams(window.location.search).get('uri') || window.location.href;
+        this.routeChanged.emit(this.uri);
     }
     render() {
-        return (h(Router.Switch, { key: '57f9081e368822ff79d98945592959d019e578b9' }, h(Route, { key: '9d92bd00f9594c3ecd54ab53ae2bbe68c74894f6', path: match('', { exact: false }) }, h("div", { key: 'a977487e785d053e4599704308fa5baac783c47d', class: "toolbar" }, h("pos-add-new-thing", { key: 'da79e7a8c6c5427437f5b8e4ce386ece5d89c0b8', referenceUri: this.uri }), h("pos-navigation-bar", { key: '9266285b028945079eb3411c00d958a56021dd7e', uri: this.uri })), h("pos-resource", { key: this.uri, uri: this.uri }, h("pos-type-router", { key: '82657153a1d34b49c4e711b348cece4191ad363b' })))));
+        return h("slot", { key: '90cdd039ec5d00643bab4449814cce75e6aef855' });
     }
     static get is() { return "pos-router"; }
     static get originalStyleUrls() {
@@ -42,6 +48,24 @@ export class PosRouter {
             "uri": {}
         };
     }
+    static get events() {
+        return [{
+                "method": "routeChanged",
+                "name": "pod-os:route-changed",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emits the new URI that is active"
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }];
+    }
     static get listeners() {
         return [{
                 "name": "pod-os:link",

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

@@ -1 +1 @@
-{"version":3,"file":"pos-router.js","sourceRoot":"","sources":["../../../../src/components/pos-router/pos-router.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/D,MAAM,MAAM,GAAG,YAAY,EAAE,CAAC;AAM9B,MAAM,OAAO,SAAS;;;;IAIpB,WAAW,CAAC,CAAC;QACX,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAC1B,CAAC;IAGD,eAAe,CAAC,CAAC;QACf,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAC5B,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE;YAC1B,IAAI,CAAC,SAAS,EAAE,CAAC;QACnB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,QAAQ,CAAC,GAAW;QAClB,MAAM,CAAC,IAAI,CAAC,OAAO,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC;IACjD,CAAC;IAED,SAAS;QACP,IAAI,CAAC,GAAG,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;IAC5F,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,MAAM,CAAC,MAAM;YACZ,EAAC,KAAK,qDAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;gBACtC,4DAAK,KAAK,EAAC,SAAS;oBAClB,0EAAmB,YAAY,EAAE,IAAI,CAAC,GAAG,GAAsB;oBAC/D,2EAAoB,GAAG,EAAE,IAAI,CAAC,GAAG,GAAuB,CACpD;gBACN,oBAAc,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG;oBACxC,yEAAmB,CACN,CACT,CACM,CACjB,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Listen, State } from '@stencil/core';\n\nimport { createRouter, match, Route } from 'stencil-router-v2';\n\nconst Router = createRouter();\n\n@Component({\n  tag: 'pos-router',\n  styleUrl: 'pos-router.css',\n})\nexport class PosRouter {\n  @State() uri;\n\n  @Listen('pod-os:link')\n  linkClicked(e) {\n    this.navigate(e.detail);\n  }\n\n  @Listen('pod-os:session-restored', { target: 'window' })\n  sessionRestored(e) {\n    Router.push(e.detail.url);\n  }\n\n  componentWillLoad() {\n    this.updateUri();\n    Router.onChange('url', () => {\n      this.updateUri();\n    });\n  }\n\n  navigate(uri: string) {\n    Router.push('?uri=' + encodeURIComponent(uri));\n  }\n\n  updateUri() {\n    this.uri = new URLSearchParams(window.location.search).get('uri') || window.location.href;\n  }\n\n  render() {\n    return (\n      <Router.Switch>\n        <Route path={match('', { exact: false })}>\n          <div class=\"toolbar\">\n            <pos-add-new-thing referenceUri={this.uri}></pos-add-new-thing>\n            <pos-navigation-bar uri={this.uri}></pos-navigation-bar>\n          </div>\n          <pos-resource key={this.uri} uri={this.uri}>\n            <pos-type-router />\n          </pos-resource>\n        </Route>\n      </Router.Switch>\n    );\n  }\n}\n"]}
+{"version":3,"file":"pos-router.js","sourceRoot":"","sources":["../../../../src/components/pos-router/pos-router.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEjF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,MAAM,GAAG,YAAY,EAAE,CAAC;AAE9B;;;;GAIG;AAKH,MAAM,OAAO,SAAS;;;;IASpB,WAAW,CAAC,CAAC;QACX,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAC1B,CAAC;IAGD,eAAe,CAAC,CAAC;QACf,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAC5B,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE;YAC1B,IAAI,CAAC,SAAS,EAAE,CAAC;QACnB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,QAAQ,CAAC,GAAW;QAClB,MAAM,CAAC,IAAI,CAAC,OAAO,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC;IACjD,CAAC;IAED,SAAS;QACP,IAAI,CAAC,GAAG,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;QAC1F,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACnC,CAAC;IAED,MAAM;QACJ,OAAO,8DAAa,CAAC;IACvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, EventEmitter, h, Listen, State } from '@stencil/core';\n\nimport { createRouter } from 'stencil-router-v2';\n\nconst Router = createRouter();\n\n/**\n * The responsibility of pos-router is to handle the `uri` query param, that specifies the URI of the resource that is currently opened.\n * It reads this query param and informs other components about changes via the `pod-os:route-changed` event.\n * It also intercepts the URLs from `pod-os:link` events and pushes them as a new `uri` parameter.\n */\n@Component({\n  tag: 'pos-router',\n  styleUrl: 'pos-router.css',\n})\nexport class PosRouter {\n  @State() uri;\n\n  /**\n   * Emits the new URI that is active\n   */\n  @Event({ eventName: 'pod-os:route-changed' }) routeChanged: EventEmitter<string>;\n\n  @Listen('pod-os:link')\n  linkClicked(e) {\n    this.navigate(e.detail);\n  }\n\n  @Listen('pod-os:session-restored', { target: 'window' })\n  sessionRestored(e) {\n    Router.push(e.detail.url);\n  }\n\n  componentWillLoad() {\n    this.updateUri();\n    Router.onChange('url', () => {\n      this.updateUri();\n    });\n  }\n\n  navigate(uri: string) {\n    Router.push('?uri=' + encodeURIComponent(uri));\n  }\n\n  updateUri() {\n    this.uri = new URLSearchParams(window.location.search).get('uri') || window.location.href;\n    this.routeChanged.emit(this.uri);\n  }\n\n  render() {\n    return <slot></slot>;\n  }\n}\n"]}

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

@@ -20,7 +20,7 @@ export class PosSelectTerm {
         this.termSelected.emit({ uri: event.target.value });
     }
     render() {
-        return (h(Host, { key: '3e62d57949e8598cb000c62a684d624c0dc44739' }, h("input", { key: '2c09ff6c88c48105ebd6f146b9e724fb113f7523', part: "input", list: "terms", placeholder: this.placeholder, value: this.value, onChange: ev => this.handleChange(ev) }), h("datalist", { key: '1f3e596be54d4e0f055dac00c99742945adee3b1', part: "terms", id: "terms" }, this.terms.map(term => (h("option", { value: term.uri }, term.shorthand))))));
+        return (h(Host, { key: 'e73b3d7cb4dd291555b035c82959978ca0f665f3' }, h("input", { key: '9900762d64d4f7fcb31552e926bf71229e9b8ea4', part: "input", list: "terms", placeholder: this.placeholder, value: this.value, onChange: ev => this.handleChange(ev) }), h("datalist", { key: '71aca3b0d13973ea7e666e04ba09ff0f2d1483b0', part: "terms", id: "terms" }, this.terms.map(term => (h("option", { value: term.uri }, term.shorthand))))));
     }
     static get is() { return "pos-select-term"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/ion-app.js

@@ -1,4 +1,124 @@
-import { A as App, d as defineCustomElement$1 } from './app.js';
+import { proxyCustomElement, HTMLElement, Build, h, Host } from '@stencil/core/internal/client';
+import { shouldUseCloseWatcher } from './hardware-back-button.js';
+import { p as printIonWarning } from './index3.js';
+import { g as getIonMode, c as config, a as isPlatform } from './ionic-global.js';
+
+const appCss = "html.plt-mobile ion-app{user-select:none}html.plt-mobile ion-app [contenteditable]{user-select:text}ion-app.force-statusbar-padding{--ion-safe-area-top:20px}";
+const IonAppStyle0 = appCss;
+
+const App = /*@__PURE__*/ proxyCustomElement(class App extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    componentDidLoad() {
+        if (Build.isBrowser) {
+            rIC(async () => {
+                const isHybrid = isPlatform(window, 'hybrid');
+                if (!config.getBoolean('_testing')) {
+                    import('./index11.js').then((module) => module.startTapClick(config));
+                }
+                if (config.getBoolean('statusTap', isHybrid)) {
+                    import('./status-tap.js').then((module) => module.startStatusTap());
+                }
+                if (config.getBoolean('inputShims', needInputShims())) {
+                    /**
+                     * needInputShims() ensures that only iOS and Android
+                     * platforms proceed into this block.
+                     */
+                    const platform = isPlatform(window, 'ios') ? 'ios' : 'android';
+                    import('./input-shims.js').then((module) => module.startInputShims(config, platform));
+                }
+                const hardwareBackButtonModule = await import('./hardware-back-button.js');
+                const supportsHardwareBackButtonEvents = isHybrid || shouldUseCloseWatcher();
+                if (config.getBoolean('hardwareBackButton', supportsHardwareBackButtonEvents)) {
+                    hardwareBackButtonModule.startHardwareBackButton();
+                }
+                else {
+                    /**
+                     * If an app sets hardwareBackButton: false and experimentalCloseWatcher: true
+                     * then the close watcher will not be used.
+                     */
+                    if (shouldUseCloseWatcher()) {
+                        printIonWarning('experimentalCloseWatcher was set to `true`, but hardwareBackButton was set to `false`. Both config options must be `true` for the Close Watcher API to be used.');
+                    }
+                    hardwareBackButtonModule.blockHardwareBackButton();
+                }
+                if (typeof window !== 'undefined') {
+                    import('./keyboard2.js').then((module) => module.startKeyboardAssist(window));
+                }
+                import('./focus-visible.js').then((module) => (this.focusVisible = module.startFocusVisible()));
+            });
+        }
+    }
+    /**
+     * @internal
+     * Used to set focus on an element that uses `ion-focusable`.
+     * Do not use this if focusing the element as a result of a keyboard
+     * event as the focus utility should handle this for us. This method
+     * should be used when we want to programmatically focus an element as
+     * a result of another user action. (Ex: We focus the first element
+     * inside of a popover when the user presents it, but the popover is not always
+     * presented as a result of keyboard action.)
+     */
+    async setFocus(elements) {
+        if (this.focusVisible) {
+            this.focusVisible.setFocus(elements);
+        }
+    }
+    render() {
+        const mode = getIonMode(this);
+        return (h(Host, { key: '6d7c57453b4be454690e8f1a0721f1e3da8f92aa', class: {
+                [mode]: true,
+                'ion-page': true,
+                'force-statusbar-padding': config.getBoolean('_forceStatusbarPadding'),
+            } }));
+    }
+    get el() { return this; }
+    static get style() { return IonAppStyle0; }
+}, [0, "ion-app", {
+        "setFocus": [64]
+    }]);
+const needInputShims = () => {
+    /**
+     * iOS always needs input shims
+     */
+    const needsShimsIOS = isPlatform(window, 'ios') && isPlatform(window, 'mobile');
+    if (needsShimsIOS) {
+        return true;
+    }
+    /**
+     * Android only needs input shims when running
+     * in the browser and only if the browser is using the
+     * new Chrome 108+ resize behavior: https://developer.chrome.com/blog/viewport-resize-behavior/
+     */
+    const isAndroidMobileWeb = isPlatform(window, 'android') && isPlatform(window, 'mobileweb');
+    if (isAndroidMobileWeb) {
+        return true;
+    }
+    return false;
+};
+const rIC = (callback) => {
+    if ('requestIdleCallback' in window) {
+        window.requestIdleCallback(callback);
+    }
+    else {
+        setTimeout(callback, 32);
+    }
+};
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ion-app"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ion-app":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, App);
+            }
+            break;
+    } });
+}
 
 const IonApp = App;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ion-app.js.map

@@ -1 +1 @@
-{"file":"ion-app.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
+{"file":"ion-app.js","mappings":";;;;;AAAA,MAAM,MAAM,GAAG,+JAA+J,CAAC;AAC/K,qBAAe,MAAM;;MCQR,GAAG;;;;;IACZ,gBAAgB;QACZ,IAAI,KAAK,CAAC,SAAS,EAAE;YACjB,GAAG,CAAC;gBACA,MAAM,QAAQ,GAAG,UAAU,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;gBAC9C,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE;oBAChC,OAAO,cAAuB,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;iBAClF;gBACD,IAAI,MAAM,CAAC,UAAU,CAAC,WAAW,EAAE,QAAQ,CAAC,EAAE;oBAC1C,OAAO,iBAAwB,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,cAAc,EAAE,CAAC,CAAC;iBAC9E;gBACD,IAAI,MAAM,CAAC,UAAU,CAAC,YAAY,EAAE,cAAc,EAAE,CAAC,EAAE;;;;;oBAKnD,MAAM,QAAQ,GAAG,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,KAAK,GAAG,SAAS,CAAC;oBAC/D,OAAO,kBAAqC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,eAAe,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;iBAC5G;gBACD,MAAM,wBAAwB,GAAG,MAAM,OAAO,2BAAkC,CAAC,CAAC;gBAClF,MAAM,gCAAgC,GAAG,QAAQ,IAAI,qBAAqB,EAAE,CAAC;gBAC7E,IAAI,MAAM,CAAC,UAAU,CAAC,oBAAoB,EAAE,gCAAgC,CAAC,EAAE;oBAC3E,wBAAwB,CAAC,uBAAuB,EAAE,CAAC;iBACtD;qBACI;;;;;oBAKD,IAAI,qBAAqB,EAAE,EAAE;wBACzB,eAAe,CAAC,iKAAiK,CAAC,CAAC;qBACtL;oBACD,wBAAwB,CAAC,uBAAuB,EAAE,CAAC;iBACtD;gBACD,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;oBAC/B,OAAO,gBAA+B,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC;iBAChG;gBACD,OAAO,oBAA2B,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,MAAM,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC;aAC1G,CAAC,CAAC;SACN;KACJ;;;;;;;;;;;IAWD,MAAM,QAAQ,CAAC,QAAQ;QACnB,IAAI,IAAI,CAAC,YAAY,EAAE;YACnB,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;SACxC;KACJ;IACD,MAAM;QACF,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;QAC9B,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE;gBAClE,CAAC,IAAI,GAAG,IAAI;gBACZ,UAAU,EAAE,IAAI;gBAChB,yBAAyB,EAAE,MAAM,CAAC,UAAU,CAAC,wBAAwB,CAAC;aACzE,EAAE,CAAC,EAAE;KACb;;;;;;AA8CL,MAAM,cAAc,GAAG;;;;IAInB,MAAM,aAAa,GAAG,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,UAAU,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAChF,IAAI,aAAa,EAAE;QACf,OAAO,IAAI,CAAC;KACf;;;;;;IAMD,MAAM,kBAAkB,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,UAAU,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IAC5F,IAAI,kBAAkB,EAAE;QACpB,OAAO,IAAI,CAAC;KACf;IACD,OAAO,KAAK,CAAC;AACjB,CAAC,CAAC;AACF,MAAM,GAAG,GAAG,CAAC,QAAQ;IACjB,IAAI,qBAAqB,IAAI,MAAM,EAAE;QACjC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC;KACxC;SACI;QACD,UAAU,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;KAC5B;AACL,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["../node_modules/@ionic/core/dist/collection/components/app/app.css?tag=ion-app","../node_modules/@ionic/core/dist/collection/components/app/app.js"],"sourcesContent":["html.plt-mobile ion-app {\n  user-select: none;\n}\n\n/**\n * This works around a WebKit issue\n * where user-select: none was causing\n * contenteditable to not be selectable,\n * even though inputs and textareas are selectable.\n */\nhtml.plt-mobile ion-app [contenteditable] {\n  user-select: text;\n}\n\nion-app.force-statusbar-padding {\n  --ion-safe-area-top: 20px;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Build, Host, h } from \"@stencil/core\";\nimport { shouldUseCloseWatcher } from \"../../utils/hardware-back-button\";\nimport { printIonWarning } from \"../../utils/logging/index\";\nimport { isPlatform } from \"../../utils/platform\";\nimport { config } from \"../../global/config\";\nimport { getIonMode } from \"../../global/ionic-global\";\nexport class App {\n    componentDidLoad() {\n        if (Build.isBrowser) {\n            rIC(async () => {\n                const isHybrid = isPlatform(window, 'hybrid');\n                if (!config.getBoolean('_testing')) {\n                    import('../../utils/tap-click').then((module) => module.startTapClick(config));\n                }\n                if (config.getBoolean('statusTap', isHybrid)) {\n                    import('../../utils/status-tap').then((module) => module.startStatusTap());\n                }\n                if (config.getBoolean('inputShims', needInputShims())) {\n                    /**\n                     * needInputShims() ensures that only iOS and Android\n                     * platforms proceed into this block.\n                     */\n                    const platform = isPlatform(window, 'ios') ? 'ios' : 'android';\n                    import('../../utils/input-shims/input-shims').then((module) => module.startInputShims(config, platform));\n                }\n                const hardwareBackButtonModule = await import('../../utils/hardware-back-button');\n                const supportsHardwareBackButtonEvents = isHybrid || shouldUseCloseWatcher();\n                if (config.getBoolean('hardwareBackButton', supportsHardwareBackButtonEvents)) {\n                    hardwareBackButtonModule.startHardwareBackButton();\n                }\n                else {\n                    /**\n                     * If an app sets hardwareBackButton: false and experimentalCloseWatcher: true\n                     * then the close watcher will not be used.\n                     */\n                    if (shouldUseCloseWatcher()) {\n                        printIonWarning('experimentalCloseWatcher was set to `true`, but hardwareBackButton was set to `false`. Both config options must be `true` for the Close Watcher API to be used.');\n                    }\n                    hardwareBackButtonModule.blockHardwareBackButton();\n                }\n                if (typeof window !== 'undefined') {\n                    import('../../utils/keyboard/keyboard').then((module) => module.startKeyboardAssist(window));\n                }\n                import('../../utils/focus-visible').then((module) => (this.focusVisible = module.startFocusVisible()));\n            });\n        }\n    }\n    /**\n     * @internal\n     * Used to set focus on an element that uses `ion-focusable`.\n     * Do not use this if focusing the element as a result of a keyboard\n     * event as the focus utility should handle this for us. This method\n     * should be used when we want to programmatically focus an element as\n     * a result of another user action. (Ex: We focus the first element\n     * inside of a popover when the user presents it, but the popover is not always\n     * presented as a result of keyboard action.)\n     */\n    async setFocus(elements) {\n        if (this.focusVisible) {\n            this.focusVisible.setFocus(elements);\n        }\n    }\n    render() {\n        const mode = getIonMode(this);\n        return (h(Host, { key: '6d7c57453b4be454690e8f1a0721f1e3da8f92aa', class: {\n                [mode]: true,\n                'ion-page': true,\n                'force-statusbar-padding': config.getBoolean('_forceStatusbarPadding'),\n            } }));\n    }\n    static get is() { return \"ion-app\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"app.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"app.css\"]\n        };\n    }\n    static get methods() {\n        return {\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"(elements: HTMLElement[]) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"elements\",\n                            \"type\": \"HTMLElement[]\",\n                            \"docs\": \"\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Used to set focus on an element that uses `ion-focusable`.\\nDo not use this if focusing the element as a result of a keyboard\\nevent as the focus utility should handle this for us. This method\\nshould be used when we want to programmatically focus an element as\\na result of another user action. (Ex: We focus the first element\\ninside of a popover when the user presents it, but the popover is not always\\npresented as a result of keyboard action.)\"\n                        }]\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\nconst needInputShims = () => {\n    /**\n     * iOS always needs input shims\n     */\n    const needsShimsIOS = isPlatform(window, 'ios') && isPlatform(window, 'mobile');\n    if (needsShimsIOS) {\n        return true;\n    }\n    /**\n     * Android only needs input shims when running\n     * in the browser and only if the browser is using the\n     * new Chrome 108+ resize behavior: https://developer.chrome.com/blog/viewport-resize-behavior/\n     */\n    const isAndroidMobileWeb = isPlatform(window, 'android') && isPlatform(window, 'mobileweb');\n    if (isAndroidMobileWeb) {\n        return true;\n    }\n    return false;\n};\nconst rIC = (callback) => {\n    if ('requestIdleCallback' in window) {\n        window.requestIdleCallback(callback);\n    }\n    else {\n        setTimeout(callback, 32);\n    }\n};\n"],"version":3}