@pod-os/elements 0.24.2-rc.2a139ac.0 → 0.24.2-rc.fd22901.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ion-badge_8.cjs.entry.js +1 -1
- package/dist/cjs/ion-card_34.cjs.entry.js +19 -19
- package/dist/cjs/ion-card_34.cjs.entry.js.map +1 -1
- package/dist/cjs/pos-app-generic.cjs.entry.js +1 -1
- package/dist/cjs/pos-app-ldp-container.cjs.entry.js +1 -1
- package/dist/cjs/pos-app-rdf-document.cjs.entry.js +1 -1
- package/dist/collection/apps/pos-app-browser/pos-app-browser.css +13 -0
- package/dist/collection/apps/pos-app-browser/pos-app-browser.js +1 -1
- package/dist/collection/apps/pos-app-browser/pos-app-browser.js.map +1 -1
- package/dist/collection/apps/pos-app-dashboard/pos-app-dashboard.js +1 -1
- package/dist/collection/apps/pos-app-dashboard/pos-example-resources/pos-example-resources.js +1 -1
- package/dist/collection/apps/pos-app-dashboard/pos-getting-started/pos-getting-started.js +1 -1
- package/dist/collection/apps/pos-app-generic/pos-app-generic.js +1 -1
- package/dist/collection/apps/pos-app-ldp-container/pos-app-ldp-container.js +1 -1
- package/dist/collection/apps/pos-app-rdf-document/pos-app-rdf-document.js +1 -1
- package/dist/collection/apps/pos-app-settings/pos-app-settings.js +1 -1
- package/dist/collection/apps/pos-app-settings/pos-getting-started/pos-setting-offline-cache.js +2 -1
- package/dist/collection/apps/pos-app-settings/pos-getting-started/pos-setting-offline-cache.js.map +1 -1
- package/dist/collection/components/pos-add-new-thing/pos-add-new-thing.js +1 -1
- package/dist/collection/components/pos-app/pos-app.js +1 -1
- package/dist/collection/components/pos-dialog/pos-dialog.js +1 -1
- package/dist/collection/components/pos-error-toast/pos-error-toast.js +1 -1
- package/dist/collection/components/pos-literals/pos-literals.js +1 -1
- package/dist/collection/components/pos-login/pos-login.js +1 -1
- package/dist/collection/components/pos-login-form/pos-login-form.js +1 -1
- package/dist/collection/components/pos-navigation-bar/pos-navigation-bar.js +1 -1
- package/dist/collection/components/pos-new-thing-form/pos-new-thing-form.js +1 -1
- package/dist/collection/components/pos-rich-link/pos-rich-link.js +2 -2
- package/dist/collection/components/pos-router/pos-router.js +1 -1
- package/dist/collection/components/pos-select-term/pos-select-term.js +1 -1
- package/dist/components/index11.js +170 -172
- package/dist/components/index11.js.map +1 -1
- package/dist/components/index12.js +198 -0
- package/dist/components/index12.js.map +1 -0
- package/dist/components/ion-app.js +1 -1
- package/dist/components/pos-add-new-thing2.js +1 -1
- package/dist/components/pos-app-browser.js +2 -2
- package/dist/components/pos-app-browser.js.map +1 -1
- package/dist/components/pos-app-dashboard2.js +1 -1
- package/dist/components/pos-app-generic.js +1 -1
- package/dist/components/pos-app-ldp-container.js +1 -1
- package/dist/components/pos-app-rdf-document.js +1 -1
- package/dist/components/pos-app-settings2.js +1 -1
- package/dist/components/pos-app2.js +3 -26
- package/dist/components/pos-app2.js.map +1 -1
- package/dist/components/pos-dialog2.js +1 -1
- package/dist/components/pos-error-toast2.js +1 -1
- package/dist/components/pos-example-resources2.js +1 -1
- package/dist/components/pos-getting-started2.js +1 -1
- package/dist/components/pos-literals2.js +1 -1
- package/dist/components/pos-login-form2.js +1 -1
- package/dist/components/pos-login2.js +1 -1
- package/dist/components/pos-navigation-bar2.js +1 -1
- package/dist/components/pos-new-thing-form2.js +1 -1
- package/dist/components/pos-rich-link2.js +2 -2
- package/dist/components/pos-router2.js +1 -1
- package/dist/components/pos-select-term2.js +1 -1
- package/dist/components/pos-setting-offline-cache2.js +2 -1
- package/dist/components/pos-setting-offline-cache2.js.map +1 -1
- package/dist/components/session.js +2 -193
- package/dist/components/session.js.map +1 -1
- package/dist/components/settings.js +29 -0
- package/dist/components/settings.js.map +1 -0
- package/dist/elements/elements.esm.js +1 -1
- package/dist/elements/p-48f2cf16.entry.js +2 -0
- package/dist/elements/p-6e0e0f54.entry.js +2 -0
- package/dist/elements/{p-83d99403.entry.js → p-8cea7540.entry.js} +8 -8
- package/dist/elements/{p-83d99403.entry.js.map → p-8cea7540.entry.js.map} +1 -1
- package/dist/elements/{p-4b8c7388.entry.js → p-8eb66b39.entry.js} +2 -2
- package/dist/elements/p-b58b6be4.entry.js +2 -0
- package/dist/esm/ion-badge_8.entry.js +1 -1
- package/dist/esm/ion-card_34.entry.js +19 -19
- package/dist/esm/ion-card_34.entry.js.map +1 -1
- package/dist/esm/pos-app-generic.entry.js +1 -1
- package/dist/esm/pos-app-ldp-container.entry.js +1 -1
- package/dist/esm/pos-app-rdf-document.entry.js +1 -1
- package/package.json +1 -1
- package/dist/elements/p-52678615.entry.js +0 -2
- package/dist/elements/p-a1fbbc32.entry.js +0 -2
- package/dist/elements/p-c7b331ce.entry.js +0 -2
- /package/dist/elements/{p-a1fbbc32.entry.js.map → p-48f2cf16.entry.js.map} +0 -0
- /package/dist/elements/{p-52678615.entry.js.map → p-6e0e0f54.entry.js.map} +0 -0
- /package/dist/elements/{p-4b8c7388.entry.js.map → p-8eb66b39.entry.js.map} +0 -0
- /package/dist/elements/{p-c7b331ce.entry.js.map → p-b58b6be4.entry.js.map} +0 -0
|
@@ -12,7 +12,7 @@ const PosAppGeneric = class {
|
|
|
12
12
|
index.registerInstance(this, hostRef);
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (index.h(index.Host, { key: '
|
|
15
|
+
return (index.h(index.Host, { key: '170a57d59474ac6fa887251c96dfe64f93308e3f' }, index.h("section", { key: '208917e280149067f5a0c946636853f23fc83d7b' }, index.h("article", { key: '62c8f8a2b37455d7ec4ffc11cbb7e46b7262a6e8', "aria-labelledby": "thing-title" }, index.h("header", { key: '2f85c4bffecfa3e0f55ed07d98397647cfcd4acc' }, index.h("pos-picture", { key: '1094acb0b8cac8c9a8acaca29abeeaa5cc00aca0', blurredBackground: true }), index.h("h1", { key: 'eba5144dd2cf94fdfdc7514c26d68aecc8361139', id: "thing-title" }, index.h("pos-label", { key: 'ac03525509d037740d1b329fbaf64c68f9ea5376' })), index.h("pos-type-badges", { key: '0dbdb698a8a77a5a500a440142e078860b3c0681' })), index.h("main", { key: 'd87bfa4cf8bfb9b0ba633dff40f7d42478265cc1' }, index.h("pos-description", { key: 'c5c3b64864f8bc9d8e72b1a87f92bdd2435b4e41' })))), index.h("section", { key: 'f013653e7eafd26e6daa53c76a95d12939d356bd' }, index.h("pos-literals", { key: 'd34963cc5eed8c6e6baa3963009c352043f30db5' })), index.h("section", { key: 'ab70a3d890665c4ecfe987f35437de1a5dc3e655' }, index.h("pos-relations", { key: 'f8751d31a54b240cad0f089a9aea5123dc0c0bae' }), index.h("pos-reverse-relations", { key: '5aff024840f92393d69f0816263751efc6cb57f3' }))));
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
18
|
PosAppGeneric.style = PosAppGenericStyle0;
|
|
@@ -9,7 +9,7 @@ const PosAppLdpContainer = class {
|
|
|
9
9
|
index.registerInstance(this, hostRef);
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (index.h("ion-grid", { key: '
|
|
12
|
+
return (index.h("ion-grid", { key: 'b5ebaf12ad80fbe1de402725fee629d6ff634d82' }, index.h("ion-row", { key: '97e9414cc2d702abbc51c3b8f4e894e4c47396c3' }, index.h("ion-col", { key: '5412d9c2a339923913a514913cc67af12451c299', size: "12", "size-sm": true }, index.h("pos-container-contents", { key: 'ef602f4c357d8308c5a37fe2a14b7100d6fc8737' }), index.h("details", { key: '1c754800523e2bc9b54323035b5e123a139fddff' }, index.h("summary", { key: '4ab826738cc31ed61bd888da6f110a0f9f40bfee' }, "All subjects"), index.h("pos-subjects", { key: '73a41bcd107c654139798d8f8e66d6794c17aa94' }))), index.h("ion-col", { key: '66bad3d51cdf326b7487463388869eccc21a1272', size: "12", "size-sm": true }, index.h("ion-card", { key: '83d11549b46d2a501f0fe7cdcaa5e2d41536f689' }, index.h("ion-card-header", { key: 'e1a625e1bb1771537974de79f60dceda2ff2b6c4', style: { gap: 'var(--size-1)' } }, index.h("ion-card-title", { key: '0571560cf780182f071c8eecf98b805ddfdf1747' }, index.h("pos-label", { key: 'abfb6a6a4c4cbe3cc0accd71cf13f9e3e68ad25f' })), index.h("pos-type-badges", { key: 'c1b6addde162ace3604805dab8446aa39b1874b1' }), index.h("pos-literals", { key: '04ab3ebf74e378d2c4a9c85b32b246e24ad355e0' })))))));
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
15
|
|
|
@@ -9,7 +9,7 @@ const PosAppRdfDocument = class {
|
|
|
9
9
|
index.registerInstance(this, hostRef);
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (index.h("ion-grid", { key: '
|
|
12
|
+
return (index.h("ion-grid", { key: '84ff2964b293d6f0549f7d80d40929d4649f6fa7' }, index.h("ion-row", { key: '938bbb5b0abb409cb2db0eac0e5a5cf44a6b3ec5' }, index.h("ion-col", { key: '4a131b3ecf8caf92d872d05beaee96ac72bf9ff5', size: "12", "size-sm": true }, index.h("pos-subjects", { key: 'b2710e968d205934e74455940ec9d989f8dd6a85' })), index.h("ion-col", { key: '85fe9c8bf0d12839a21c6629f2512d2e4336586e', size: "12", "size-sm": true }, index.h("ion-card", { key: 'b0e0c64af5e9f07ee3e4329ca59eda09bc5e9c9c' }, index.h("ion-card-header", { key: 'aa1a4102e987aa9790617419be04ef6928abc6a2', style: { gap: 'var(--size-1)' } }, index.h("ion-card-title", { key: 'd07a9fe987dab982ae9d354912b3eea35817b59f' }, index.h("pos-label", { key: '468c63bec31273ff8536518a806fd6811484e53e' })), index.h("pos-type-badges", { key: '2da876ae6a2f14ce84f5e65d83d720cd972af5b8' }), index.h("pos-literals", { key: '5db1c14427cfe4a39de592901580c033082e6a48' })))))));
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
15
|
|
|
@@ -33,6 +33,19 @@ footer svg {
|
|
|
33
33
|
|
|
34
34
|
footer {
|
|
35
35
|
font-size: var(--scale-fluid-000);
|
|
36
|
+
|
|
37
|
+
.settings {
|
|
38
|
+
padding: 0 var(--size-1);
|
|
39
|
+
text-decoration: none;
|
|
40
|
+
border: 1px solid var(--color-grey-800);
|
|
41
|
+
color: var(--color-grey-800);
|
|
42
|
+
border-radius: var(--radius-xs);
|
|
43
|
+
|
|
44
|
+
&:hover {
|
|
45
|
+
background-color: var(--color-grey-800);
|
|
46
|
+
color: white;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
36
49
|
}
|
|
37
50
|
|
|
38
51
|
header {
|
|
@@ -12,7 +12,7 @@ export class PosAppBrowser {
|
|
|
12
12
|
this.uri = '';
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (h(Host, { key: '50b6e91f4e98be29cfa37552eb799883aeb49c9e' }, h("pos-app", { key: '652617d5eaf3653caeb58b9e93dff09810a587a3', restorePreviousSession: this.restorePreviousSession }, h("pos-error-toast", { key: 'f4a29b30c2a4caece50c0da046426bc50a3b402e' }, h("pos-router", { key: 'd3f2307db47406c4d84c9b27ac767d263ae81c32', mode: this.mode, "onPod-os:route-changed": e => (this.uri = e.detail) }, h("header", { key: '521c8469dae209a27780d62a5922f8a15d393e07' }, h("pos-add-new-thing", { key: '2fdd9716da4b3590fb0983a4b50f8c63eca26dce', referenceUri: this.uri }), h("pos-navigation-bar", { key: '6add9651de9ff5ca8496470c0df1341927683001', uri: this.uri === 'pod-os:dashboard' ? '' : this.uri }), h("pos-login", { key: '87a60cc03fc63a2ca68b294726e7e44a09bdc835' })), h("main", { key: 'dd2b3de09ca7f8957b240b030cafeeac37e76c1b' }, this.uri.startsWith('pod-os:') ? (h("pos-internal-router", { uri: this.uri })) : (h("pos-resource", { key: this.uri, uri: this.uri }, h("pos-type-router", null)))), h("footer", { key: 'ea1444713656c8740d81c5ac777b72bb6e287729' }, h(Logo, { key: '1bba3eec9e30c30f9132a6524e00ec212169f402' }), h("span", { key: '3b38a5e1704559f271075b60a27d8334f41a09dc' }, "PodOS Browser")))))));
|
|
15
|
+
return (h(Host, { key: '50b6e91f4e98be29cfa37552eb799883aeb49c9e' }, h("pos-app", { key: '652617d5eaf3653caeb58b9e93dff09810a587a3', restorePreviousSession: this.restorePreviousSession }, h("pos-error-toast", { key: 'f4a29b30c2a4caece50c0da046426bc50a3b402e' }, h("pos-router", { key: 'd3f2307db47406c4d84c9b27ac767d263ae81c32', mode: this.mode, "onPod-os:route-changed": e => (this.uri = e.detail) }, h("header", { key: '521c8469dae209a27780d62a5922f8a15d393e07' }, h("pos-add-new-thing", { key: '2fdd9716da4b3590fb0983a4b50f8c63eca26dce', referenceUri: this.uri }), h("pos-navigation-bar", { key: '6add9651de9ff5ca8496470c0df1341927683001', uri: this.uri === 'pod-os:dashboard' ? '' : this.uri }), h("pos-login", { key: '87a60cc03fc63a2ca68b294726e7e44a09bdc835' })), h("main", { key: 'dd2b3de09ca7f8957b240b030cafeeac37e76c1b' }, this.uri.startsWith('pod-os:') ? (h("pos-internal-router", { uri: this.uri })) : (h("pos-resource", { key: this.uri, uri: this.uri }, h("pos-type-router", null)))), h("footer", { key: 'ea1444713656c8740d81c5ac777b72bb6e287729' }, h(Logo, { key: '1bba3eec9e30c30f9132a6524e00ec212169f402' }), h("span", { key: '3b38a5e1704559f271075b60a27d8334f41a09dc' }, "PodOS Browser"), h("span", { key: '848dd110da12d70ec7798bfcf042638af8f7b121' }, "|"), h("a", { key: 'ec7f0f8054177ced1d97230207c511c8b6f95dbe', class: "settings", href: "?uri=pod-os:settings" }, "\u2699 Settings")))))));
|
|
16
16
|
}
|
|
17
17
|
static get is() { return "pos-app-browser"; }
|
|
18
18
|
static get originalStyleUrls() {
|
|
@@ -1 +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,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAMhE,MAAM,OAAO,aAAa;IAJ1B;QAKU,2BAAsB,GAAY,KAAK,CAAC;QAEhD;;;;;WAKG;QACK,SAAI,GAAyB,YAAY,CAAC;QAEzC,QAAG,GAAG,EAAE,CAAC;
|
|
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,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAMhE,MAAM,OAAO,aAAa;IAJ1B;QAKU,2BAAsB,GAAY,KAAK,CAAC;QAEhD;;;;;WAKG;QACK,SAAI,GAAyB,YAAY,CAAC;QAEzC,QAAG,GAAG,EAAE,CAAC;KAoCnB;IAlCC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,gEAAS,sBAAsB,EAAE,IAAI,CAAC,sBAAsB;gBAC1D;oBACE,mEAAY,IAAI,EAAE,IAAI,CAAC,IAAI,4BAA0B,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC;wBAC7E;4BACE,0EAAmB,YAAY,EAAE,IAAI,CAAC,GAAG,GAAsB;4BAC/D,2EAAoB,GAAG,EAAE,IAAI,CAAC,GAAG,KAAK,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,GAAuB;4BAC/F,mEAAuB,CAChB;wBACT,+DACG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAChC,2BAAqB,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,CACvC,CAAC,CAAC,CAAC,CACF,oBAAc,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG;4BACxC,0BAAmB,CACN,CAChB,CACI;wBACP;4BACE,EAAC,IAAI,sDAAG;4BACR,+EAA0B;4BAC1B,mEAAc;4BACd,0DAAG,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,sBAAsB,sBAE3C,CACG,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 /**\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 <span>|</span>\n <a class=\"settings\" href=\"?uri=pod-os:settings\">\n ⚙ Settings\n </a>\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"]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
export class PosAppDashboard {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: 'c467fa44eac028bc1a1546423ac92a5e1e9a98d2' }, h("pos-getting-started", { key: 'f62088d7cc2c199617eecbfd771b2f22db1a7431' }), h("pos-example-resources", { key: '6285bd2160042582ee113f81e7e6e02139d67f45' })));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "pos-app-dashboard"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/apps/pos-app-dashboard/pos-example-resources/pos-example-resources.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
export class PosExampleResources {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: 'b6a491caa9ea624cdba3cca92fcc9444a3c38290' }, h("div", { key: '458ceb259d7070d38eb13aea9f3b303f174a5c56' }, h("h2", { key: '1d571afb47c256f2ac873840c6fe8bc8408cc9a6' }, "Try these... \uD83D\uDCA1"), h("p", { key: '7de1dac7a92becb01ec7aab4cf96c45fa95f7de6' }, "No idea where to start? Try these example resources, and follow your nose \uD83D\uDC43"), h("div", { key: 'b94cc5571f5b7af0bcc660fc8812ca08ca2db482', class: "links" }, h("pos-rich-link", { key: 'e2c414d51b79e27667a42d04fa66e879a2ecf2a2', uri: "https://pod-os.solidcommunity.net/profile/card#me" }), h("pos-rich-link", { key: 'e54479349363d67d027612bbcdb2167f9ab6ec03', uri: "https://angelo.veltens.org/profile/card#me" }), h("pos-rich-link", { key: '1c743eafd11d46f6bdd31face3bf1083abd1e045', uri: "https://angelo.veltens.org/public/bookmarks" }), h("pos-rich-link", { key: '3e47cd67a0ab44a1921ec4f0e5e9f24404826494', uri: "https://solidos.solidcommunity.net/profile/card#me" })))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "pos-example-resources"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
export class PosGettingStarted {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: 'a31a64545a5960ce8e34f0c612d2755e465c1131' }, h("div", { key: '29ec2c449fd5334e47199dece7c01c2a71ab6d98' }, h("h2", { key: 'e680003831826c8cd4615de083f9f9c305513c29' }, "Getting started \uD83D\uDE80"), h("p", { key: '8e80305087bee4c8ec05ac7cb16096caf0c61ad0' }, "\uD83D\uDD0E Enter a URL into the above navigation bar to browse through the web of data. "), h("p", { key: '4d7ba95047694e636934cb7a03c291adb0678bb6' }, "\uD83D\uDD10 Sign in to access private resources on your Solid Pod or those of your friends or coworkers.")), h("div", { key: '167ac903fa88b9be6cf00f2f5bfea23d8dfd14c9' }, h("p", { key: 'a0b06f944e534b889502a96c935686a3b7f349d0', class: "question" }, "New to Solid?"), h("p", { key: '8c26c4d20d0fcdb075ad4c0ea5ff012d22dee081' }, h("a", { key: 'd9bc5b7bfd213012078729e25e42b4ea8b970573', href: "https://solidproject.org/for-developers#hosted-pod-services" }, "Get a Pod \u2192"))), h("div", { key: '223f171699e3acf5f1c5c4819621bddc49db41f1' }, h("p", { key: 'e83cfd2b01c5abaf30f0053ef261c68ae0919f0a', class: "question" }, "Want to dig deeper into PodOS?"), h("p", { key: '8ccdbd60a250850c4105e99545f09755109ced86' }, h("a", { key: 'f72a83533b846bd8e8e798b0dd71cfc585a8d104', href: "http://pod-os.org" }, "Learn more \u2192")))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "pos-getting-started"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
export class PosAppGeneric {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: '170a57d59474ac6fa887251c96dfe64f93308e3f' }, h("section", { key: '208917e280149067f5a0c946636853f23fc83d7b' }, h("article", { key: '62c8f8a2b37455d7ec4ffc11cbb7e46b7262a6e8', "aria-labelledby": "thing-title" }, h("header", { key: '2f85c4bffecfa3e0f55ed07d98397647cfcd4acc' }, h("pos-picture", { key: '1094acb0b8cac8c9a8acaca29abeeaa5cc00aca0', blurredBackground: true }), h("h1", { key: 'eba5144dd2cf94fdfdc7514c26d68aecc8361139', id: "thing-title" }, h("pos-label", { key: 'ac03525509d037740d1b329fbaf64c68f9ea5376' })), h("pos-type-badges", { key: '0dbdb698a8a77a5a500a440142e078860b3c0681' })), h("main", { key: 'd87bfa4cf8bfb9b0ba633dff40f7d42478265cc1' }, h("pos-description", { key: 'c5c3b64864f8bc9d8e72b1a87f92bdd2435b4e41' })))), h("section", { key: 'f013653e7eafd26e6daa53c76a95d12939d356bd' }, h("pos-literals", { key: 'd34963cc5eed8c6e6baa3963009c352043f30db5' })), h("section", { key: 'ab70a3d890665c4ecfe987f35437de1a5dc3e655' }, h("pos-relations", { key: 'f8751d31a54b240cad0f089a9aea5123dc0c0bae' }), h("pos-reverse-relations", { key: '5aff024840f92393d69f0816263751efc6cb57f3' }))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "pos-app-generic"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
export class PosAppLdpContainer {
|
|
3
3
|
render() {
|
|
4
|
-
return (h("ion-grid", { key: '
|
|
4
|
+
return (h("ion-grid", { key: 'b5ebaf12ad80fbe1de402725fee629d6ff634d82' }, h("ion-row", { key: '97e9414cc2d702abbc51c3b8f4e894e4c47396c3' }, h("ion-col", { key: '5412d9c2a339923913a514913cc67af12451c299', size: "12", "size-sm": true }, h("pos-container-contents", { key: 'ef602f4c357d8308c5a37fe2a14b7100d6fc8737' }), h("details", { key: '1c754800523e2bc9b54323035b5e123a139fddff' }, h("summary", { key: '4ab826738cc31ed61bd888da6f110a0f9f40bfee' }, "All subjects"), h("pos-subjects", { key: '73a41bcd107c654139798d8f8e66d6794c17aa94' }))), h("ion-col", { key: '66bad3d51cdf326b7487463388869eccc21a1272', size: "12", "size-sm": true }, h("ion-card", { key: '83d11549b46d2a501f0fe7cdcaa5e2d41536f689' }, h("ion-card-header", { key: 'e1a625e1bb1771537974de79f60dceda2ff2b6c4', style: { gap: 'var(--size-1)' } }, h("ion-card-title", { key: '0571560cf780182f071c8eecf98b805ddfdf1747' }, h("pos-label", { key: 'abfb6a6a4c4cbe3cc0accd71cf13f9e3e68ad25f' })), h("pos-type-badges", { key: 'c1b6addde162ace3604805dab8446aa39b1874b1' }), h("pos-literals", { key: '04ab3ebf74e378d2c4a9c85b32b246e24ad355e0' })))))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "pos-app-ldp-container"; }
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
export class PosAppRdfDocument {
|
|
3
3
|
render() {
|
|
4
|
-
return (h("ion-grid", { key: '
|
|
4
|
+
return (h("ion-grid", { key: '84ff2964b293d6f0549f7d80d40929d4649f6fa7' }, h("ion-row", { key: '938bbb5b0abb409cb2db0eac0e5a5cf44a6b3ec5' }, h("ion-col", { key: '4a131b3ecf8caf92d872d05beaee96ac72bf9ff5', size: "12", "size-sm": true }, h("pos-subjects", { key: 'b2710e968d205934e74455940ec9d989f8dd6a85' })), h("ion-col", { key: '85fe9c8bf0d12839a21c6629f2512d2e4336586e', size: "12", "size-sm": true }, h("ion-card", { key: 'b0e0c64af5e9f07ee3e4329ca59eda09bc5e9c9c' }, h("ion-card-header", { key: 'aa1a4102e987aa9790617419be04ef6928abc6a2', style: { gap: 'var(--size-1)' } }, h("ion-card-title", { key: 'd07a9fe987dab982ae9d354912b3eea35817b59f' }, h("pos-label", { key: '468c63bec31273ff8536518a806fd6811484e53e' })), h("pos-type-badges", { key: '2da876ae6a2f14ce84f5e65d83d720cd972af5b8' }), h("pos-literals", { key: '5db1c14427cfe4a39de592901580c033082e6a48' })))))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "pos-app-rdf-document"; }
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
export class PosAppSettings {
|
|
3
3
|
render() {
|
|
4
|
-
return h("pos-setting-offline-cache", { key: '
|
|
4
|
+
return h("pos-setting-offline-cache", { key: '83d824c60d1eb9e2d60b0d7255dda841ad9c6164' });
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "pos-app-settings"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/apps/pos-app-settings/pos-getting-started/pos-setting-offline-cache.js
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
|
+
import { localSettings } from "../../../store/settings";
|
|
2
3
|
export class PosSettingOfflineCache {
|
|
3
4
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
5
|
+
return (h(Host, { key: 'a98de97ba1e0930b485a4a3610102deb02d927a7' }, h("div", { key: '5cf196a71b95fdfed7e5d990b272e12d2b9dd3ff' }, h("h2", { key: '99ddd9827f3ccc5a5277cc64e3952a3f5170f7bc' }, h("svg", { key: 'd9ce3722957428524cc9b264265320119f2e5c88', xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { key: '8e4e7af37df231e3141ba30b17a02517737cbe85', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M20.25 6.375c0 2.278-3.694 4.125-8.25 4.125S3.75 8.653 3.75 6.375m16.5 0c0-2.278-3.694-4.125-8.25-4.125S3.75 4.097 3.75 6.375m16.5 0v11.25c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125V6.375m16.5 0v3.75m-16.5-3.75v3.75m16.5 0v3.75C20.25 16.153 16.556 18 12 18s-8.25-1.847-8.25-4.125v-3.75m16.5 0c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125" })), "Cache Settings"), h("p", { key: '7175929cd9327bc705db305294afa362cb2f648c', class: "info" }, "\u2139 Enable offline cache to be able to access previously loaded data while offline."), h("p", { key: '784fd9141b339165fdab6a98c084430299ff7ed5', class: "warn" }, "\u26A0 Private data may be stored on this device. Only enable it, if you trust this device."), h("label", { key: 'dac2cddf6b6c374d1a2ef3c4d9bad63a9cb7b8d9' }, h("input", { key: 'e39adb18d03ce622a85dd48a28c6d3c0dc2ce7f4', type: "checkbox", checked: localSettings.state.offlineCache, onChange: ev => (localSettings.state.offlineCache = ev.target.checked) }), "Enable offline cache"))));
|
|
5
6
|
}
|
|
6
7
|
static get is() { return "pos-setting-offline-cache"; }
|
|
7
8
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/apps/pos-app-settings/pos-getting-started/pos-setting-offline-cache.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pos-setting-offline-cache.js","sourceRoot":"","sources":["../../../../../src/apps/pos-app-settings/pos-getting-started/pos-setting-offline-cache.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"pos-setting-offline-cache.js","sourceRoot":"","sources":["../../../../../src/apps/pos-app-settings/pos-getting-started/pos-setting-offline-cache.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAOxD,MAAM,OAAO,sBAAsB;IACjC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH;gBACE;oBACE,4DACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,kBACN,KAAK,EAClB,MAAM,EAAC,cAAc;wBAErB,+EACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,uWAAuW,GACzW,CACE;qCAEH;gBACL,0DAAG,KAAK,EAAC,MAAM,6FAAsF;gBACrG,0DAAG,KAAK,EAAC,MAAM,kGAA2F;gBAC1G;oBACE,8DACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,aAAa,CAAC,KAAK,CAAC,YAAY,EACzC,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,YAAY,GAAI,EAAE,CAAC,MAA2B,CAAC,OAAO,CAAC,GACrF;2CAEH,CACJ,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host } from '@stencil/core';\nimport { localSettings } from '../../../store/settings';\n\n@Component({\n tag: 'pos-setting-offline-cache',\n styleUrl: 'pos-setting-offline-cache.css',\n shadow: true,\n})\nexport class PosSettingOfflineCache {\n render() {\n return (\n <Host>\n <div>\n <h2>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke-width=\"1.5\"\n stroke=\"currentColor\"\n >\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n d=\"M20.25 6.375c0 2.278-3.694 4.125-8.25 4.125S3.75 8.653 3.75 6.375m16.5 0c0-2.278-3.694-4.125-8.25-4.125S3.75 4.097 3.75 6.375m16.5 0v11.25c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125V6.375m16.5 0v3.75m-16.5-3.75v3.75m16.5 0v3.75C20.25 16.153 16.556 18 12 18s-8.25-1.847-8.25-4.125v-3.75m16.5 0c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125\"\n />\n </svg>\n Cache Settings\n </h2>\n <p class=\"info\">ℹ Enable offline cache to be able to access previously loaded data while offline.</p>\n <p class=\"warn\">⚠ Private data may be stored on this device. Only enable it, if you trust this device.</p>\n <label>\n <input\n type=\"checkbox\"\n checked={localSettings.state.offlineCache}\n onChange={ev => (localSettings.state.offlineCache = (ev.target as HTMLInputElement).checked)}\n ></input>\n Enable offline cache\n </label>\n </div>\n </Host>\n );\n }\n}\n"]}
|
|
@@ -4,7 +4,7 @@ export class PosAddNewThing {
|
|
|
4
4
|
this.dialog.showModal();
|
|
5
5
|
}
|
|
6
6
|
render() {
|
|
7
|
-
return (h(Host, { key: '
|
|
7
|
+
return (h(Host, { key: '4adcc80d1a0d810279a85be26c8ec6717d91c8a2' }, h("button", { key: '9a3cdd12719c4d3e4ae1e0eff60ccd6101395d92', id: "new", title: "Add a new thing", onClick: () => this.openDialog() }, h("ion-icon", { key: 'efb2723db05962c02293931d0a334ba55908f596', name: "add-circle-outline" })), h("pos-dialog", { key: '954a947b2dc4082519c50cb71a4b6f0f3550c0fb', ref: el => (this.dialog = el) }, h("span", { key: '0a7e91bab3d8740bc8228782d70a980779db7ca1', slot: "title" }, "Add a new thing"), h("pos-new-thing-form", { key: '66ac9bcf72a71b58f4dbbc5cfd214b3609c78cbf', slot: "content", referenceUri: this.referenceUri }))));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "pos-add-new-thing"; }
|
|
10
10
|
static get encapsulation() { return "shadow"; }
|
|
@@ -49,7 +49,7 @@ export class PosApp {
|
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
51
|
render() {
|
|
52
|
-
return h("slot", { key: '
|
|
52
|
+
return h("slot", { key: 'eb7dfaa67c538b3e3e33f42556c1b604fc964729' });
|
|
53
53
|
}
|
|
54
54
|
static get is() { return "pos-app"; }
|
|
55
55
|
static get properties() {
|
|
@@ -10,7 +10,7 @@ export class PosDialog {
|
|
|
10
10
|
this.dialog.close();
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h(Host, { key: '
|
|
13
|
+
return (h(Host, { key: '097959e50499628b0b3e9be024cd415d25182303' }, h("dialog", { key: '0ac068acd6392cfc57f9e3bff866a6c865dcafe3', ref: el => (this.dialog = el) }, h("header", { key: '0cf470448e42f04c8a839eb67eec5a0708e306cb' }, h("slot", { key: '3f3f457ff9130c66ac31e21da74f9ffa9cc42a06', name: "title" }), h("button", { key: 'd420ee61dc91d4f193048f6c89351121c0337446', tabindex: -1, id: "close", title: "Close", onClick: () => this.close() }, h("ion-icon", { key: '9a775752b1678654b3446b964fe83ca15d8722ca', name: "close-outline" }))), h("slot", { key: '464e9fefd0dc8c32b52399358ff250e1982bdf36', name: "content" }))));
|
|
14
14
|
}
|
|
15
15
|
static get is() { return "pos-dialog"; }
|
|
16
16
|
static get originalStyleUrls() {
|
|
@@ -27,7 +27,7 @@ export class PosErrorToast {
|
|
|
27
27
|
await toast.present();
|
|
28
28
|
}
|
|
29
29
|
render() {
|
|
30
|
-
return (h(Host, { key: '
|
|
30
|
+
return (h(Host, { key: 'ca253ac051cc38f56c8db1224fea075293f796b4' }, h("ion-toast", { key: '060b78fd54963782be40abca4592c5871fc84d82', trigger: "never", message: "Workarround to preload ion-toast and ion-ripple-effect to be able to show errors while offline", duration: 0 }, h("ion-ripple-effect", { key: '45f799c8d1f36ad3f11a62485677fc38eb01857b' })), h("slot", { key: '02c6e3ad7cce764de694579056fc1fe1d97dfa32' })));
|
|
31
31
|
}
|
|
32
32
|
static get is() { return "pos-error-toast"; }
|
|
33
33
|
static get encapsulation() { return "shadow"; }
|
|
@@ -28,7 +28,7 @@ export class PosLiterals {
|
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
render() {
|
|
31
|
-
return (h(Host, { key: '
|
|
31
|
+
return (h(Host, { key: 'fbfc96a94c8a225a94cbf8d230b9ec36b935523b' }, this.data.length > 0 ? (h("dl", null, this.data.map(it => (h("div", { class: "predicate-values" }, h("dt", null, h("pos-predicate", { uri: it.predicate, label: it.label })), h("div", { class: "values" }, it.values.map(value => (h("dd", null, value))))))))) : null, h("pos-add-literal-value", { key: 'f0b7dda5edb7d590301a8c04a6309a774c074ccb', "onPod-os:added-literal-value": event => this.literalValueAdded(event.detail) })));
|
|
32
32
|
}
|
|
33
33
|
static get is() { return "pos-literals"; }
|
|
34
34
|
static get encapsulation() { return "shadow"; }
|
|
@@ -20,7 +20,7 @@ export class PosLogin {
|
|
|
20
20
|
this.dialog.showModal();
|
|
21
21
|
}
|
|
22
22
|
render() {
|
|
23
|
-
return (h(Host, { key: '
|
|
23
|
+
return (h(Host, { key: '246bea632b952b0a004e1237697a86bd0ebfeea4' }, h("div", { key: 'cdcb1905deb0d27f79adc4ed1eeae0adb47b37f6', 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: 'dc3a1072af920e9495a2e003c1e2edf8d282de29', id: "login", onClick: () => this.openDialog() }, "Login")), session.state.isLoggedIn && (h("button", { key: 'ca04ffb1126cd26d1c80060673c036048b403c82', id: "logout", onClick: () => this.logout() }, "Logout"))), h("pos-dialog", { key: 'f832ac8272a695e1bcf826d5aa5d62843bfb4de5', ref: el => (this.dialog = el) }, h("span", { key: 'd2dd84554a068af4a044cba963aa4417b8232d93', slot: "title" }, "Sign in to your Pod"), h("pos-login-form", { key: '98b542c2ddc6828fe99857632ee90a0dae6fdf96', "onPod-os:idp-url-selected": ev => this.login(ev), slot: "content" }))));
|
|
24
24
|
}
|
|
25
25
|
static get is() { return "pos-login"; }
|
|
26
26
|
static get encapsulation() { return "shadow"; }
|
|
@@ -8,7 +8,7 @@ export class PosLoginForm {
|
|
|
8
8
|
this.canSubmit = Boolean(this.idpUrl);
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
return (h("form", { key: '
|
|
11
|
+
return (h("form", { key: 'ad94a827203fead2cc5976e65d5dd11b76929a37', method: "dialog", onSubmit: () => this.handleSubmit() }, h("label", { key: '042115e98ac3dc97aa941b9a086a930c532bab19', htmlFor: "idpUrl" }, "Please enter your Identity Provider"), h("input", { key: '45a4621d9a21a5b21ec82f81025b2be68d5505ae', id: "idpUrl", type: "url", value: this.idpUrl, required: true, onInput: e => this.handleChange(e), list: "suggestedIssuers", placeholder: "Type to search..." }), h("datalist", { key: '1f4dd4962470e796d1a175ea2ec2d03663390a0d', id: "suggestedIssuers" }, h("option", { key: 'f00f189f9f7babbda5c109a57d380d4d44d68f79', value: "https://solidcommunity.net" }, "solidcommunity.net"), h("option", { key: 'a0a1e4171ef87cd219cb8f0c68b68d0901d3fa55', value: "https://solidweb.org" }, "solidweb.org"), h("option", { key: '4361294b71ba9b7b123dd5d1deb2692b2edfa59e', value: "https://solidweb.me" }, "solidweb.me"), h("option", { key: '0fcee23d732415ef206d8c9a4d18c31f2bcd8eca', value: "https://inrupt.net" }, "inrupt.net"), h("option", { key: '267b177e9765e09ee2aa592c8a4d4c152ad7fb0b', value: "https://login.inrupt.com" }, "Inrupt PodSpaces"), h("option", { key: '302a4d517fedeafb146d9f8a3938383c57e24f7e', value: "https://trinpod.us" }, "trinpod.us"), h("option", { key: '83fd1b92688b24f575d3ee17a9cb394c8ab16eab', value: "https://use.id" }, "use.id"), h("option", { key: '007f814795f747d9b74f7b16db986502a9b746af', value: "https://solid.redpencil.io" }, "redpencil.io"), h("option", { key: '5477d60737d194bce4c50f24a75930427b6dc9bb', value: "https://datapod.grant.io" }, "Data Pod (grant.io)"), h("option", { key: 'e289736fcc31902f783efae443f17dfda532ba9f', value: "https://teamid.live" }, "teamid.live")), h("input", { key: '69a61d727a4e2c88a7f3594b98cca42f934b649a', id: "login", type: "submit", value: "Login", disabled: !this.canSubmit })));
|
|
12
12
|
}
|
|
13
13
|
handleChange(event) {
|
|
14
14
|
this.validate();
|
|
@@ -72,7 +72,7 @@ export class PosNavigationBar {
|
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
74
|
render() {
|
|
75
|
-
return (h("form", { key: '
|
|
75
|
+
return (h("form", { key: 'dadf35124fd0908c3623ef2e358f1e751a0b7242', onSubmit: e => this.onSubmit(e) }, this.searchIndex && this.uri ? h("pos-make-findable", { uri: this.uri }) : '', h("div", { key: '64d85b0b51298e2d1b3d6ff32f36db3f80fa1796', class: "bar" }, h("ion-searchbar", { key: 'cd51737238ab42315ace5bebdcc0b4c561b02c38', 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)));
|
|
76
76
|
}
|
|
77
77
|
static get is() { return "pos-navigation-bar"; }
|
|
78
78
|
static get encapsulation() { return "shadow"; }
|
|
@@ -14,7 +14,7 @@ export class PosNewThingForm {
|
|
|
14
14
|
subscribePodOs(this);
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
|
-
return (h("form", { key: '
|
|
17
|
+
return (h("form", { key: 'd231729bb8d01ffa9e1f88d9488fa92041f33460', method: "dialog", onSubmit: e => this.handleSubmit(e) }, h("label", { key: '739f893b508ffe8baa0b575594af48f6f690425c', htmlFor: "type" }, "Type"), h("pos-select-term", { key: '9973af04355cf8dec838a4217f711e4c8669dab4', id: "type", placeholder: "", value: this.selectedTypeUri, "onPod-os:term-selected": e => this.onTermSelected(e) }), h("label", { key: '4fac8ecca95c2e16c98c35ae92ea9b7f6bd6a94a', htmlFor: "name" }, "Name"), h("input", { key: 'c922c03e656d194c3235fb374ef90fce205f7ee7', 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: 'fb39eb6c09e67315326f13e184aab93a4ed786c6', id: "create", type: "submit", value: "Create", disabled: !this.canSubmit })));
|
|
18
18
|
}
|
|
19
19
|
handleChange(event) {
|
|
20
20
|
this.name = event.target.value;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
export class PosRichLink {
|
|
3
3
|
render() {
|
|
4
|
-
return (h("pos-resource", { key: '
|
|
4
|
+
return (h("pos-resource", { key: 'e9f1c8b7ca9ded161eebf1b4886b21ec2a23e042', lazy: true, uri: this.uri }, h("p", { key: '022cebbb522c3a04f1f6b83e9aeb8ad890642bdd', class: "content" }, h("a", { key: '105415deeb645e99e36d34f1750da0fa444c6ba8', href: this.uri, onClick: e => {
|
|
5
5
|
e.preventDefault();
|
|
6
6
|
this.linkEmitter.emit(this.uri);
|
|
7
|
-
} }, h("pos-label", { key: '
|
|
7
|
+
} }, h("pos-label", { key: '4530f9511b81d37229f7c4f57915da035002bdfb' })), h("span", { key: '341e91a6167d36881d2bb5e96365aa7f2f7f2f9b', class: "url" }, new URL(this.uri).host), h("pos-description", { key: 'c8e3875a219a76fa401a558d9c4eaa6813206a19' }))));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "pos-rich-link"; }
|
|
10
10
|
static get encapsulation() { return "shadow"; }
|
|
@@ -38,7 +38,7 @@ export class PosRouter {
|
|
|
38
38
|
this.routeChanged.emit(this.uri);
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
|
-
return h("slot", { key: '
|
|
41
|
+
return h("slot", { key: '4c9986b609d72550130ca76675dee260ca1cf373' });
|
|
42
42
|
}
|
|
43
43
|
static get is() { return "pos-router"; }
|
|
44
44
|
static get originalStyleUrls() {
|
|
@@ -19,7 +19,7 @@ export class PosSelectTerm {
|
|
|
19
19
|
this.termSelected.emit({ uri: event.target.value });
|
|
20
20
|
}
|
|
21
21
|
render() {
|
|
22
|
-
return (h(Host, { key: '
|
|
22
|
+
return (h(Host, { key: '0c84c241534e981ac22797ca058622c79aa2c661' }, h("input", { key: '0dd0c1d3ed228a3e2c333e440eb5044e99110252', part: "input", list: "terms", placeholder: this.placeholder, value: this.value, onChange: ev => this.handleChange(ev) }), h("datalist", { key: 'b792a879f92d1b95b094cef9cab81738205a503b', part: "terms", id: "terms" }, this.terms.map(term => (h("option", { value: term.uri }, term.shorthand))))));
|
|
23
23
|
}
|
|
24
24
|
static get is() { return "pos-select-term"; }
|
|
25
25
|
static get encapsulation() { return "shadow"; }
|