@pod-os/elements 0.24.2-rc.2a139ac.0 → 0.24.2-rc.445e85d.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/dist/cjs/ion-badge_8.cjs.entry.js +1 -1
  2. package/dist/cjs/ion-card_34.cjs.entry.js +19 -19
  3. package/dist/cjs/ion-card_34.cjs.entry.js.map +1 -1
  4. package/dist/cjs/pos-app-generic.cjs.entry.js +1 -1
  5. package/dist/cjs/pos-app-ldp-container.cjs.entry.js +1 -1
  6. package/dist/cjs/pos-app-rdf-document.cjs.entry.js +1 -1
  7. package/dist/collection/apps/pos-app-browser/pos-app-browser.css +13 -0
  8. package/dist/collection/apps/pos-app-browser/pos-app-browser.js +1 -1
  9. package/dist/collection/apps/pos-app-browser/pos-app-browser.js.map +1 -1
  10. package/dist/collection/apps/pos-app-dashboard/pos-app-dashboard.js +1 -1
  11. package/dist/collection/apps/pos-app-dashboard/pos-example-resources/pos-example-resources.js +1 -1
  12. package/dist/collection/apps/pos-app-dashboard/pos-getting-started/pos-getting-started.js +1 -1
  13. package/dist/collection/apps/pos-app-generic/pos-app-generic.js +1 -1
  14. package/dist/collection/apps/pos-app-ldp-container/pos-app-ldp-container.js +1 -1
  15. package/dist/collection/apps/pos-app-rdf-document/pos-app-rdf-document.js +1 -1
  16. package/dist/collection/apps/pos-app-settings/pos-app-settings.js +1 -1
  17. package/dist/collection/apps/pos-app-settings/pos-getting-started/pos-setting-offline-cache.js +2 -1
  18. package/dist/collection/apps/pos-app-settings/pos-getting-started/pos-setting-offline-cache.js.map +1 -1
  19. package/dist/collection/components/pos-add-new-thing/pos-add-new-thing.js +1 -1
  20. package/dist/collection/components/pos-app/pos-app.js +1 -1
  21. package/dist/collection/components/pos-dialog/pos-dialog.js +1 -1
  22. package/dist/collection/components/pos-error-toast/pos-error-toast.js +1 -1
  23. package/dist/collection/components/pos-literals/pos-literals.js +1 -1
  24. package/dist/collection/components/pos-login/pos-login.js +1 -1
  25. package/dist/collection/components/pos-login-form/pos-login-form.js +1 -1
  26. package/dist/collection/components/pos-navigation-bar/pos-navigation-bar.js +1 -1
  27. package/dist/collection/components/pos-new-thing-form/pos-new-thing-form.js +1 -1
  28. package/dist/collection/components/pos-rich-link/pos-rich-link.js +2 -2
  29. package/dist/collection/components/pos-router/pos-router.js +1 -1
  30. package/dist/collection/components/pos-select-term/pos-select-term.js +1 -1
  31. package/dist/components/index11.js +170 -172
  32. package/dist/components/index11.js.map +1 -1
  33. package/dist/components/index12.js +198 -0
  34. package/dist/components/index12.js.map +1 -0
  35. package/dist/components/ion-app.js +1 -1
  36. package/dist/components/pos-add-new-thing2.js +1 -1
  37. package/dist/components/pos-app-browser.js +2 -2
  38. package/dist/components/pos-app-browser.js.map +1 -1
  39. package/dist/components/pos-app-dashboard2.js +1 -1
  40. package/dist/components/pos-app-generic.js +1 -1
  41. package/dist/components/pos-app-ldp-container.js +1 -1
  42. package/dist/components/pos-app-rdf-document.js +1 -1
  43. package/dist/components/pos-app-settings2.js +1 -1
  44. package/dist/components/pos-app2.js +3 -26
  45. package/dist/components/pos-app2.js.map +1 -1
  46. package/dist/components/pos-dialog2.js +1 -1
  47. package/dist/components/pos-error-toast2.js +1 -1
  48. package/dist/components/pos-example-resources2.js +1 -1
  49. package/dist/components/pos-getting-started2.js +1 -1
  50. package/dist/components/pos-literals2.js +1 -1
  51. package/dist/components/pos-login-form2.js +1 -1
  52. package/dist/components/pos-login2.js +1 -1
  53. package/dist/components/pos-navigation-bar2.js +1 -1
  54. package/dist/components/pos-new-thing-form2.js +1 -1
  55. package/dist/components/pos-rich-link2.js +2 -2
  56. package/dist/components/pos-router2.js +1 -1
  57. package/dist/components/pos-select-term2.js +1 -1
  58. package/dist/components/pos-setting-offline-cache2.js +2 -1
  59. package/dist/components/pos-setting-offline-cache2.js.map +1 -1
  60. package/dist/components/session.js +2 -193
  61. package/dist/components/session.js.map +1 -1
  62. package/dist/components/settings.js +29 -0
  63. package/dist/components/settings.js.map +1 -0
  64. package/dist/elements/elements.esm.js +1 -1
  65. package/dist/elements/p-48f2cf16.entry.js +2 -0
  66. package/dist/elements/p-6e0e0f54.entry.js +2 -0
  67. package/dist/elements/{p-83d99403.entry.js → p-8cea7540.entry.js} +8 -8
  68. package/dist/elements/{p-83d99403.entry.js.map → p-8cea7540.entry.js.map} +1 -1
  69. package/dist/elements/{p-4b8c7388.entry.js → p-8eb66b39.entry.js} +2 -2
  70. package/dist/elements/p-b58b6be4.entry.js +2 -0
  71. package/dist/esm/ion-badge_8.entry.js +1 -1
  72. package/dist/esm/ion-card_34.entry.js +19 -19
  73. package/dist/esm/ion-card_34.entry.js.map +1 -1
  74. package/dist/esm/pos-app-generic.entry.js +1 -1
  75. package/dist/esm/pos-app-ldp-container.entry.js +1 -1
  76. package/dist/esm/pos-app-rdf-document.entry.js +1 -1
  77. package/package.json +1 -1
  78. package/dist/elements/p-52678615.entry.js +0 -2
  79. package/dist/elements/p-a1fbbc32.entry.js +0 -2
  80. package/dist/elements/p-c7b331ce.entry.js +0 -2
  81. /package/dist/elements/{p-a1fbbc32.entry.js.map → p-48f2cf16.entry.js.map} +0 -0
  82. /package/dist/elements/{p-52678615.entry.js.map → p-6e0e0f54.entry.js.map} +0 -0
  83. /package/dist/elements/{p-4b8c7388.entry.js.map → p-8eb66b39.entry.js.map} +0 -0
  84. /package/dist/elements/{p-c7b331ce.entry.js.map → p-b58b6be4.entry.js.map} +0 -0
@@ -1,5 +1,5 @@
1
1
  import{r as i,h as d,H as n,j as a,i as o}from"./p-7a6a7690.js";import{c as r}from"./p-669fab6c.js";import{g as t}from"./p-866a6047.js";import{l as e}from"./p-be37bf2c.js";import{s as g}from"./p-182f722d.js";import{s}from"./p-f6671856.js";const p=":host{--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff);--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{border-radius:10px;font-size:max(13px, 0.8125rem)}";const l=p;const c=":host{--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff);--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{--padding-top:3px;--padding-end:4px;--padding-bottom:4px;--padding-start:4px;border-radius:4px}";const h=c;const m=class{constructor(d){i(this,d);this.color=undefined}render(){const i=t(this);return d(n,{key:"22d41ceefb76f40dfbf739fd71483f1272a45858",class:r(this.color,{[i]:true})},d("slot",{key:"e7e65463bac5903971a8f9f6be55515f42b81a83"}))}};m.style={ios:l,md:h};const u=":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-text-color, #000);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:1.75rem;font-weight:700;line-height:1.2}";const v=u;const x=":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-color-step-850, #262626);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:1.25rem;font-weight:500;line-height:1.2}";const f=x;const b=class{constructor(d){i(this,d);this.color=undefined}render(){const i=t(this);return d(n,{key:"a9e4190346e7d0a8e6089ec1fe01bca0f5f7200d",role:"heading","aria-level":"2",class:r(this.color,{"ion-inherit-color":true,[i]:true})},d("slot",{key:"8d87636ad703545b6d2297629205a5a8616eb94e"}))}};b.style={ios:v,md:f};
2
2
  /*!
3
3
  * (C) Ionic http://ionicframework.com - MIT License
4
- */const w={xs:"(min-width: 0px)",sm:"(min-width: 576px)",md:"(min-width: 768px)",lg:"(min-width: 992px)",xl:"(min-width: 1200px)"};const k=i=>{if(i===undefined||i===""){return true}if(window.matchMedia){const d=w[i];return window.matchMedia(d).matches}return false};const y=":host{-webkit-padding-start:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;box-sizing:border-box;position:relative;flex-basis:0;flex-grow:1;width:100%;max-width:100%;min-height:1px}@media (min-width: 576px){:host{-webkit-padding-start:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px))}}@media (min-width: 768px){:host{-webkit-padding-start:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px))}}@media (min-width: 992px){:host{-webkit-padding-start:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px))}}@media (min-width: 1200px){:host{-webkit-padding-start:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px))}}";const z=y;const j=typeof window!=="undefined"?window:undefined;const _=j&&!!(j.CSS&&j.CSS.supports&&j.CSS.supports("--a: 0"));const C=["","xs","sm","md","lg","xl"];const O=class{constructor(d){i(this,d);this.offset=undefined;this.offsetXs=undefined;this.offsetSm=undefined;this.offsetMd=undefined;this.offsetLg=undefined;this.offsetXl=undefined;this.pull=undefined;this.pullXs=undefined;this.pullSm=undefined;this.pullMd=undefined;this.pullLg=undefined;this.pullXl=undefined;this.push=undefined;this.pushXs=undefined;this.pushSm=undefined;this.pushMd=undefined;this.pushLg=undefined;this.pushXl=undefined;this.size=undefined;this.sizeXs=undefined;this.sizeSm=undefined;this.sizeMd=undefined;this.sizeLg=undefined;this.sizeXl=undefined}onResize(){a(this)}getColumns(i){let d;for(const n of C){const a=k(n);const o=this[i+n.charAt(0).toUpperCase()+n.slice(1)];if(a&&o!==undefined){d=o}}return d}calculateSize(){const i=this.getColumns("size");if(!i||i===""){return}const d=i==="auto"?"auto":_?`calc(calc(${i} / var(--ion-grid-columns, 12)) * 100%)`:i/12*100+"%";return{flex:`0 0 ${d}`,width:`${d}`,"max-width":`${d}`}}calculatePosition(i,d){const n=this.getColumns(i);if(!n){return}const a=_?`calc(calc(${n} / var(--ion-grid-columns, 12)) * 100%)`:n>0&&n<12?n/12*100+"%":"auto";return{[d]:a}}calculateOffset(i){return this.calculatePosition("offset",i?"margin-right":"margin-left")}calculatePull(i){return this.calculatePosition("pull",i?"left":"right")}calculatePush(i){return this.calculatePosition("push",i?"right":"left")}render(){const i=document.dir==="rtl";const a=t(this);return d(n,{key:"56ecf3b3f2be05d5f179f2d136d4ab05a4525da9",class:{[a]:true},style:Object.assign(Object.assign(Object.assign(Object.assign({},this.calculateOffset(i)),this.calculatePull(i)),this.calculatePush(i)),this.calculateSize())},d("slot",{key:"8f1113d39dcb709300ebbeaf81bc092c1dd8da3e"}))}};O.style=z;const P=":host{-webkit-padding-start:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;display:block;flex:1}@media (min-width: 576px){:host{-webkit-padding-start:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px))}}@media (min-width: 768px){:host{-webkit-padding-start:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px))}}@media (min-width: 992px){:host{-webkit-padding-start:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px))}}@media (min-width: 1200px){:host{-webkit-padding-start:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px))}}:host(.grid-fixed){width:var(--ion-grid-width-xs, var(--ion-grid-width, 100%));max-width:100%}@media (min-width: 576px){:host(.grid-fixed){width:var(--ion-grid-width-sm, var(--ion-grid-width, 540px))}}@media (min-width: 768px){:host(.grid-fixed){width:var(--ion-grid-width-md, var(--ion-grid-width, 720px))}}@media (min-width: 992px){:host(.grid-fixed){width:var(--ion-grid-width-lg, var(--ion-grid-width, 960px))}}@media (min-width: 1200px){:host(.grid-fixed){width:var(--ion-grid-width-xl, var(--ion-grid-width, 1140px))}}:host(.ion-no-padding){--ion-grid-column-padding:0;--ion-grid-column-padding-xs:0;--ion-grid-column-padding-sm:0;--ion-grid-column-padding-md:0;--ion-grid-column-padding-lg:0;--ion-grid-column-padding-xl:0}";const $=P;const L=class{constructor(d){i(this,d);this.fixed=false}render(){const i=t(this);return d(n,{key:"a1c2ff77f97761c2bbcd869b2cc7b1558032b406",class:{[i]:true,"grid-fixed":this.fixed}},d("slot",{key:"cd25166436cf3a63a11ad436a9b9c5a607e72600"}))}};L.style=$;const S=":host{display:flex;flex-wrap:wrap}";const W=S;const A=class{constructor(d){i(this,d)}render(){return d(n,{key:"242c9a45b0bb39af2aebf412fdfa9a176babc834",class:t(this)},d("slot",{key:"d9015d663d631bbf20bd3e0821fed874cd6c5156"}))}};A.style=W;const N=":host{display:flex;align-items:center;gap:0.2rem}";const D=N;const H=class{constructor(d){i(this,d);this.subscribePodOs=o(this,"pod-os:init",7);this.subscribeResource=o(this,"pod-os:resource",7);this.addedLiteralValue=o(this,"pod-os:added-literal-value",7);this.error=o(this,"pod-os:error",7);this.receiveResource=i=>{this.resource=i};this.receivePodOs=async i=>{this.os=i}}setName(){}componentWillLoad(){s(this);g(this)}async save(){try{await this.os.addPropertyValue(this.resource,this.selectedTermUri,this.currentValue);const i={predicate:this.selectedTermUri,label:e(this.selectedTermUri),values:[this.currentValue]};this.addedLiteralValue.emit(i);this.currentValue=""}catch(i){this.error.emit(i)}}onTermSelected(i){this.selectedTermUri=i.detail.uri;this.valueInput.setFocus()}render(){var i;if(!((i=this.resource)===null||i===void 0?void 0:i.editable)){return}return d(n,null,d("ion-icon",{name:"add-circle-outline"}),d("pos-select-term",{placeholder:"Add literal","onPod-os:term-selected":i=>this.onTermSelected(i)}),d("ion-input",{ref:i=>this.valueInput=i,value:this.currentValue,placeholder:"",onIonChange:i=>this.currentValue=i.detail.value.toString(),onChange:()=>this.save()}))}static get watchers(){return{os:["setName"]}}};H.style=D;const I=":host {\n --background-base-color: var(--color-grey-200);\n --background-color-even: hsl(from var(--background-base-color) h s calc(l + 7));\n --background-color-odd: hsl(from var(--background-base-color) h s calc(l + 10));\n --border-color: var(--background-base-color);\n}\n\ndd {\n padding: 0;\n margin: 0;\n}\n\ndl {\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: var(--size-1);\n}\n\ndt {\n margin-bottom: var(--size-1);\n}\n\n.predicate-values:nth-child(odd) {\n background-color: var(--background-color-odd);\n}\n\n.predicate-values:nth-child(even) {\n background-color: var(--background-color-even);\n}\n\n.predicate-values {\n display: flex;\n flex-direction: column;\n border: var(--size-px) solid var(--border-color);\n padding: var(--size-2);\n gap: var(--size-1);\n\n .values {\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n }\n}\n";const R=I;const T=class{constructor(d){i(this,d);this.subscribeResource=o(this,"pod-os:resource",7);this.data=[];this.receiveResource=i=>{this.data=i.literals()}}componentWillLoad(){s(this)}literalValueAdded(i){const d=this.data.find((d=>d.predicate===i.predicate));if(!d){this.data=[...this.data,i]}else{this.data=this.data.map((n=>n.predicate===d.predicate?{predicate:d.predicate,label:d.label,values:[...d.values,...i.values]}:n))}}render(){return d(n,{key:"26dd446e53e4157e6b635b5d711abf9ddf50b821"},this.data.length>0?d("dl",null,this.data.map((i=>d("div",{class:"predicate-values"},d("dt",null,d("pos-predicate",{uri:i.predicate,label:i.label})),d("div",{class:"values"},i.values.map((i=>d("dd",null,i)))))))):null,d("pos-add-literal-value",{key:"756003351bba9399d1a53242c0153b18fc0b4b19","onPod-os:added-literal-value":i=>this.literalValueAdded(i.detail)}))}};T.style=R;const V=".types{display:flex;gap:var(--size-1)}.expanded{flex-direction:column;justify-content:flex-start;align-items:flex-start}ion-badge{color:#333;background:#eee}ion-badge.toggle{cursor:pointer}ion-badge.toggle:hover{background:#ddd}";const q=V;const B=class{constructor(d){i(this,d);this.subscribeResource=o(this,"pod-os:resource",7);this.data=[];this.typeLabels=[];this.isExpanded=false;this.receiveResource=i=>{this.data=i.types();this.typeLabels=[...new Set(i.types().map((i=>i.label)))]}}componentWillLoad(){s(this)}toggleDetails(){this.isExpanded=!this.isExpanded}render(){if(this.data.length==0){return null}if(this.isExpanded){return d("div",{class:"types expanded"},d("ion-badge",{class:"toggle",onClick:()=>this.toggleDetails()},d("ion-icon",{name:"contract-outline"})),this.data.map((i=>d("ion-badge",null,i.uri))))}else{return d(n,null,d("div",{class:"types"},this.typeLabels.map((i=>d("ion-badge",null,i))),d("ion-badge",{class:"toggle",onClick:()=>this.toggleDetails()},d("ion-icon",{name:"expand-outline"}))))}}};B.style=q;export{m as ion_badge,b as ion_card_title,O as ion_col,L as ion_grid,A as ion_row,H as pos_add_literal_value,T as pos_literals,B as pos_type_badges};
5
- //# sourceMappingURL=p-4b8c7388.entry.js.map
4
+ */const w={xs:"(min-width: 0px)",sm:"(min-width: 576px)",md:"(min-width: 768px)",lg:"(min-width: 992px)",xl:"(min-width: 1200px)"};const k=i=>{if(i===undefined||i===""){return true}if(window.matchMedia){const d=w[i];return window.matchMedia(d).matches}return false};const y=":host{-webkit-padding-start:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;box-sizing:border-box;position:relative;flex-basis:0;flex-grow:1;width:100%;max-width:100%;min-height:1px}@media (min-width: 576px){:host{-webkit-padding-start:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px))}}@media (min-width: 768px){:host{-webkit-padding-start:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px))}}@media (min-width: 992px){:host{-webkit-padding-start:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px))}}@media (min-width: 1200px){:host{-webkit-padding-start:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px))}}";const z=y;const j=typeof window!=="undefined"?window:undefined;const _=j&&!!(j.CSS&&j.CSS.supports&&j.CSS.supports("--a: 0"));const C=["","xs","sm","md","lg","xl"];const O=class{constructor(d){i(this,d);this.offset=undefined;this.offsetXs=undefined;this.offsetSm=undefined;this.offsetMd=undefined;this.offsetLg=undefined;this.offsetXl=undefined;this.pull=undefined;this.pullXs=undefined;this.pullSm=undefined;this.pullMd=undefined;this.pullLg=undefined;this.pullXl=undefined;this.push=undefined;this.pushXs=undefined;this.pushSm=undefined;this.pushMd=undefined;this.pushLg=undefined;this.pushXl=undefined;this.size=undefined;this.sizeXs=undefined;this.sizeSm=undefined;this.sizeMd=undefined;this.sizeLg=undefined;this.sizeXl=undefined}onResize(){a(this)}getColumns(i){let d;for(const n of C){const a=k(n);const o=this[i+n.charAt(0).toUpperCase()+n.slice(1)];if(a&&o!==undefined){d=o}}return d}calculateSize(){const i=this.getColumns("size");if(!i||i===""){return}const d=i==="auto"?"auto":_?`calc(calc(${i} / var(--ion-grid-columns, 12)) * 100%)`:i/12*100+"%";return{flex:`0 0 ${d}`,width:`${d}`,"max-width":`${d}`}}calculatePosition(i,d){const n=this.getColumns(i);if(!n){return}const a=_?`calc(calc(${n} / var(--ion-grid-columns, 12)) * 100%)`:n>0&&n<12?n/12*100+"%":"auto";return{[d]:a}}calculateOffset(i){return this.calculatePosition("offset",i?"margin-right":"margin-left")}calculatePull(i){return this.calculatePosition("pull",i?"left":"right")}calculatePush(i){return this.calculatePosition("push",i?"right":"left")}render(){const i=document.dir==="rtl";const a=t(this);return d(n,{key:"56ecf3b3f2be05d5f179f2d136d4ab05a4525da9",class:{[a]:true},style:Object.assign(Object.assign(Object.assign(Object.assign({},this.calculateOffset(i)),this.calculatePull(i)),this.calculatePush(i)),this.calculateSize())},d("slot",{key:"8f1113d39dcb709300ebbeaf81bc092c1dd8da3e"}))}};O.style=z;const P=":host{-webkit-padding-start:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;display:block;flex:1}@media (min-width: 576px){:host{-webkit-padding-start:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px))}}@media (min-width: 768px){:host{-webkit-padding-start:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px))}}@media (min-width: 992px){:host{-webkit-padding-start:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px))}}@media (min-width: 1200px){:host{-webkit-padding-start:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px))}}:host(.grid-fixed){width:var(--ion-grid-width-xs, var(--ion-grid-width, 100%));max-width:100%}@media (min-width: 576px){:host(.grid-fixed){width:var(--ion-grid-width-sm, var(--ion-grid-width, 540px))}}@media (min-width: 768px){:host(.grid-fixed){width:var(--ion-grid-width-md, var(--ion-grid-width, 720px))}}@media (min-width: 992px){:host(.grid-fixed){width:var(--ion-grid-width-lg, var(--ion-grid-width, 960px))}}@media (min-width: 1200px){:host(.grid-fixed){width:var(--ion-grid-width-xl, var(--ion-grid-width, 1140px))}}:host(.ion-no-padding){--ion-grid-column-padding:0;--ion-grid-column-padding-xs:0;--ion-grid-column-padding-sm:0;--ion-grid-column-padding-md:0;--ion-grid-column-padding-lg:0;--ion-grid-column-padding-xl:0}";const $=P;const L=class{constructor(d){i(this,d);this.fixed=false}render(){const i=t(this);return d(n,{key:"a1c2ff77f97761c2bbcd869b2cc7b1558032b406",class:{[i]:true,"grid-fixed":this.fixed}},d("slot",{key:"cd25166436cf3a63a11ad436a9b9c5a607e72600"}))}};L.style=$;const S=":host{display:flex;flex-wrap:wrap}";const W=S;const A=class{constructor(d){i(this,d)}render(){return d(n,{key:"242c9a45b0bb39af2aebf412fdfa9a176babc834",class:t(this)},d("slot",{key:"d9015d663d631bbf20bd3e0821fed874cd6c5156"}))}};A.style=W;const N=":host{display:flex;align-items:center;gap:0.2rem}";const D=N;const H=class{constructor(d){i(this,d);this.subscribePodOs=o(this,"pod-os:init",7);this.subscribeResource=o(this,"pod-os:resource",7);this.addedLiteralValue=o(this,"pod-os:added-literal-value",7);this.error=o(this,"pod-os:error",7);this.receiveResource=i=>{this.resource=i};this.receivePodOs=async i=>{this.os=i}}setName(){}componentWillLoad(){s(this);g(this)}async save(){try{await this.os.addPropertyValue(this.resource,this.selectedTermUri,this.currentValue);const i={predicate:this.selectedTermUri,label:e(this.selectedTermUri),values:[this.currentValue]};this.addedLiteralValue.emit(i);this.currentValue=""}catch(i){this.error.emit(i)}}onTermSelected(i){this.selectedTermUri=i.detail.uri;this.valueInput.setFocus()}render(){var i;if(!((i=this.resource)===null||i===void 0?void 0:i.editable)){return}return d(n,null,d("ion-icon",{name:"add-circle-outline"}),d("pos-select-term",{placeholder:"Add literal","onPod-os:term-selected":i=>this.onTermSelected(i)}),d("ion-input",{ref:i=>this.valueInput=i,value:this.currentValue,placeholder:"",onIonChange:i=>this.currentValue=i.detail.value.toString(),onChange:()=>this.save()}))}static get watchers(){return{os:["setName"]}}};H.style=D;const I=":host {\n --background-base-color: var(--color-grey-200);\n --background-color-even: hsl(from var(--background-base-color) h s calc(l + 7));\n --background-color-odd: hsl(from var(--background-base-color) h s calc(l + 10));\n --border-color: var(--background-base-color);\n}\n\ndd {\n padding: 0;\n margin: 0;\n}\n\ndl {\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: var(--size-1);\n}\n\ndt {\n margin-bottom: var(--size-1);\n}\n\n.predicate-values:nth-child(odd) {\n background-color: var(--background-color-odd);\n}\n\n.predicate-values:nth-child(even) {\n background-color: var(--background-color-even);\n}\n\n.predicate-values {\n display: flex;\n flex-direction: column;\n border: var(--size-px) solid var(--border-color);\n padding: var(--size-2);\n gap: var(--size-1);\n\n .values {\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n }\n}\n";const R=I;const T=class{constructor(d){i(this,d);this.subscribeResource=o(this,"pod-os:resource",7);this.data=[];this.receiveResource=i=>{this.data=i.literals()}}componentWillLoad(){s(this)}literalValueAdded(i){const d=this.data.find((d=>d.predicate===i.predicate));if(!d){this.data=[...this.data,i]}else{this.data=this.data.map((n=>n.predicate===d.predicate?{predicate:d.predicate,label:d.label,values:[...d.values,...i.values]}:n))}}render(){return d(n,{key:"fbfc96a94c8a225a94cbf8d230b9ec36b935523b"},this.data.length>0?d("dl",null,this.data.map((i=>d("div",{class:"predicate-values"},d("dt",null,d("pos-predicate",{uri:i.predicate,label:i.label})),d("div",{class:"values"},i.values.map((i=>d("dd",null,i)))))))):null,d("pos-add-literal-value",{key:"f0b7dda5edb7d590301a8c04a6309a774c074ccb","onPod-os:added-literal-value":i=>this.literalValueAdded(i.detail)}))}};T.style=R;const V=".types{display:flex;gap:var(--size-1)}.expanded{flex-direction:column;justify-content:flex-start;align-items:flex-start}ion-badge{color:#333;background:#eee}ion-badge.toggle{cursor:pointer}ion-badge.toggle:hover{background:#ddd}";const q=V;const B=class{constructor(d){i(this,d);this.subscribeResource=o(this,"pod-os:resource",7);this.data=[];this.typeLabels=[];this.isExpanded=false;this.receiveResource=i=>{this.data=i.types();this.typeLabels=[...new Set(i.types().map((i=>i.label)))]}}componentWillLoad(){s(this)}toggleDetails(){this.isExpanded=!this.isExpanded}render(){if(this.data.length==0){return null}if(this.isExpanded){return d("div",{class:"types expanded"},d("ion-badge",{class:"toggle",onClick:()=>this.toggleDetails()},d("ion-icon",{name:"contract-outline"})),this.data.map((i=>d("ion-badge",null,i.uri))))}else{return d(n,null,d("div",{class:"types"},this.typeLabels.map((i=>d("ion-badge",null,i))),d("ion-badge",{class:"toggle",onClick:()=>this.toggleDetails()},d("ion-icon",{name:"expand-outline"}))))}}};B.style=q;export{m as ion_badge,b as ion_card_title,O as ion_col,L as ion_grid,A as ion_row,H as pos_add_literal_value,T as pos_literals,B as pos_type_badges};
5
+ //# sourceMappingURL=p-8eb66b39.entry.js.map
@@ -0,0 +1,2 @@
1
+ import{r as e,h as c}from"./p-7a6a7690.js";const a=class{constructor(c){e(this,c)}render(){return c("ion-grid",{key:"b5ebaf12ad80fbe1de402725fee629d6ff634d82"},c("ion-row",{key:"97e9414cc2d702abbc51c3b8f4e894e4c47396c3"},c("ion-col",{key:"5412d9c2a339923913a514913cc67af12451c299",size:"12","size-sm":true},c("pos-container-contents",{key:"ef602f4c357d8308c5a37fe2a14b7100d6fc8737"}),c("details",{key:"1c754800523e2bc9b54323035b5e123a139fddff"},c("summary",{key:"4ab826738cc31ed61bd888da6f110a0f9f40bfee"},"All subjects"),c("pos-subjects",{key:"73a41bcd107c654139798d8f8e66d6794c17aa94"}))),c("ion-col",{key:"66bad3d51cdf326b7487463388869eccc21a1272",size:"12","size-sm":true},c("ion-card",{key:"83d11549b46d2a501f0fe7cdcaa5e2d41536f689"},c("ion-card-header",{key:"e1a625e1bb1771537974de79f60dceda2ff2b6c4",style:{gap:"var(--size-1)"}},c("ion-card-title",{key:"0571560cf780182f071c8eecf98b805ddfdf1747"},c("pos-label",{key:"abfb6a6a4c4cbe3cc0accd71cf13f9e3e68ad25f"})),c("pos-type-badges",{key:"c1b6addde162ace3604805dab8446aa39b1874b1"}),c("pos-literals",{key:"04ab3ebf74e378d2c4a9c85b32b246e24ad355e0"}))))))}};export{a as pos_app_ldp_container};
2
+ //# sourceMappingURL=p-b58b6be4.entry.js.map
@@ -312,7 +312,7 @@ const PosLiterals = class {
312
312
  }
313
313
  }
314
314
  render() {
315
- return (h(Host, { key: '26dd446e53e4157e6b635b5d711abf9ddf50b821' }, 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: '756003351bba9399d1a53242c0153b18fc0b4b19', "onPod-os:added-literal-value": event => this.literalValueAdded(event.detail) })));
315
+ 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) })));
316
316
  }
317
317
  };
318
318
  PosLiterals.style = PosLiteralsStyle0;
@@ -1915,7 +1915,7 @@ const PosAddNewThing = class {
1915
1915
  this.dialog.showModal();
1916
1916
  }
1917
1917
  render() {
1918
- return (h(Host, { key: '6142a141ef03ca93a362a6b00ebe8d515c3a677a' }, h("button", { key: '72ecf353cd3a7d2d68f9ef28eb1bbe7fdb88b700', id: "new", title: "Add a new thing", onClick: () => this.openDialog() }, h("ion-icon", { key: 'bd05d75c42c10de6df519575787fc66eafb22930', name: "add-circle-outline" })), h("pos-dialog", { key: '23cf0118149704dfca16758970e4f4658e87e946', ref: el => (this.dialog = el) }, h("span", { key: '5af7b7f618cc20684c39134b5ea295400e651cb6', slot: "title" }, "Add a new thing"), h("pos-new-thing-form", { key: '895496c2f6ede3c8677d9d918e0b13582090baed', slot: "content", referenceUri: this.referenceUri }))));
1918
+ 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 }))));
1919
1919
  }
1920
1920
  };
1921
1921
  PosAddNewThing.style = PosAddNewThingStyle0;
@@ -3246,11 +3246,11 @@ const PosApp = class {
3246
3246
  }
3247
3247
  }
3248
3248
  render() {
3249
- return h("slot", { key: '988c393af75e8bd0f4ff2b4c04fe33b1ed686fa7' });
3249
+ return h("slot", { key: 'eb7dfaa67c538b3e3e33f42556c1b604fc964729' });
3250
3250
  }
3251
3251
  };
3252
3252
 
3253
- const posAppBrowserCss = "pos-router{margin:0;padding:0;display:flex;flex-direction:column;height:100%}pos-navigation-bar{max-width:var(--width-lg);margin:0}pos-add-new-thing,pos-login{flex:0 1 auto;}header,footer{display:flex;gap:var(--size-1);height:auto;justify-content:center;align-items:center;padding:var(--size-1)}footer svg{width:var(--size-5);height:var(--size-5)}footer{font-size:var(--scale-fluid-000)}header{flex-wrap:wrap;padding:0 var(--size-8)}main{flex:1;max-height:100vh;overflow:auto}@media (max-width: 640px){header{padding:0 var(--size-1) var(--size-1);justify-content:space-between}pos-navigation-bar{flex-basis:100%;order:0}pos-add-new-thing,pos-login{order:1}}";
3253
+ const posAppBrowserCss = "pos-router {\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n\npos-navigation-bar {\n max-width: var(--width-lg);\n margin: 0;\n}\n\npos-add-new-thing,\npos-login {\n flex: 0 1 auto; /* Behält die Breite des Inhalts bei */\n}\n\nheader,\nfooter {\n display: flex;\n gap: var(--size-1);\n height: auto;\n justify-content: center;\n align-items: center;\n padding: var(--size-1);\n}\n\nfooter svg {\n width: var(--size-5);\n height: var(--size-5);\n}\n\nfooter {\n font-size: var(--scale-fluid-000);\n\n .settings {\n padding: 0 var(--size-1);\n text-decoration: none;\n border: 1px solid var(--color-grey-800);\n color: var(--color-grey-800);\n border-radius: var(--radius-xs);\n\n &:hover {\n background-color: var(--color-grey-800);\n color: white;\n }\n }\n}\n\nheader {\n flex-wrap: wrap;\n padding: 0 var(--size-8);\n}\n\nmain {\n flex: 1;\n max-height: 100vh;\n overflow: auto;\n}\n\n@media (max-width: 640px) {\n header {\n padding: 0 var(--size-1) var(--size-1);\n justify-content: space-between;\n }\n\n pos-navigation-bar {\n flex-basis: 100%;\n order: 0;\n }\n\n pos-add-new-thing,\n pos-login {\n order: 1;\n }\n}\n";
3254
3254
  const PosAppBrowserStyle0 = posAppBrowserCss;
3255
3255
 
3256
3256
  const PosAppBrowser = class {
@@ -3267,7 +3267,7 @@ const PosAppBrowser = class {
3267
3267
  this.uri = '';
3268
3268
  }
3269
3269
  render() {
3270
- 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")))))));
3270
+ 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")))))));
3271
3271
  }
3272
3272
  };
3273
3273
  const Logo = () => {
@@ -3295,7 +3295,7 @@ const PosAppDashboard = class {
3295
3295
  registerInstance(this, hostRef);
3296
3296
  }
3297
3297
  render() {
3298
- return (h(Host, { key: '238188758d52f7a78180d9dcacf52f64d07990c4' }, h("pos-getting-started", { key: 'da58685fcdbe522a442675d93270fbd553a8c5db' }), h("pos-example-resources", { key: '538845ab6065040e89abb9fdac166f01e5bfa7b4' })));
3298
+ return (h(Host, { key: 'c467fa44eac028bc1a1546423ac92a5e1e9a98d2' }, h("pos-getting-started", { key: 'f62088d7cc2c199617eecbfd771b2f22db1a7431' }), h("pos-example-resources", { key: '6285bd2160042582ee113f81e7e6e02139d67f45' })));
3299
3299
  }
3300
3300
  };
3301
3301
  PosAppDashboard.style = PosAppDashboardStyle0;
@@ -3308,7 +3308,7 @@ const PosAppSettings = class {
3308
3308
  registerInstance(this, hostRef);
3309
3309
  }
3310
3310
  render() {
3311
- return h("pos-setting-offline-cache", { key: 'f065206f6291089773a19045243f04b6ce35eeb9' });
3311
+ return h("pos-setting-offline-cache", { key: '83d824c60d1eb9e2d60b0d7255dda841ad9c6164' });
3312
3312
  }
3313
3313
  };
3314
3314
  PosAppSettings.style = PosAppSettingsStyle0;
@@ -3343,7 +3343,7 @@ const PosDialog = class {
3343
3343
  this.dialog.close();
3344
3344
  }
3345
3345
  render() {
3346
- return (h(Host, { key: '168dc7d1cf3feabd5f9b2b3f9add6b04467b36ef' }, h("dialog", { key: '8bbfb245d9ff066d111c116c1715be25b0907403', ref: el => (this.dialog = el) }, h("header", { key: '94e28eb2b8147cb6b2aedda0d8e6a5158117788e' }, h("slot", { key: 'a40c2d397b9f54056d4fd8089fdfcc1e446b6d61', name: "title" }), h("button", { key: 'f0f64f5aaafc331f9e3d0fb6201c453600157db1', tabindex: -1, id: "close", title: "Close", onClick: () => this.close() }, h("ion-icon", { key: 'd94a0cf3d19d7caa3717690004101e3ff4748760', name: "close-outline" }))), h("slot", { key: '3181fafe55869add4a587bf4726226055e98588d', name: "content" }))));
3346
+ 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" }))));
3347
3347
  }
3348
3348
  };
3349
3349
  PosDialog.style = PosDialogStyle0;
@@ -3378,7 +3378,7 @@ const PosErrorToast = class {
3378
3378
  await toast.present();
3379
3379
  }
3380
3380
  render() {
3381
- return (h(Host, { key: 'c1ee5f8a19177c79a3fe377fa27e4a32ffa9db9f' }, h("ion-toast", { key: '8759a3436a5caa16a11a2900a5f67d0dd205d097', 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: '990aa24f2a18750ec5307498acda539b784c86c4' })), h("slot", { key: 'bea0650cc211dc2a161e7c634825adc045647d84' })));
3381
+ 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' })));
3382
3382
  }
3383
3383
  };
3384
3384
 
@@ -3390,7 +3390,7 @@ const PosExampleResources = class {
3390
3390
  registerInstance(this, hostRef);
3391
3391
  }
3392
3392
  render() {
3393
- return (h(Host, { key: '85fd8b16422fb57ad1414804d7cc2c86eee39d02' }, h("div", { key: 'd446af3cc59ce0b9d372a37650618686aa48b8fb' }, h("h2", { key: '3000fbd901554640126f7d6880d56d1bef9ed241' }, "Try these... \uD83D\uDCA1"), h("p", { key: 'c89defab8e6e2e7a617898f163ed7234249727d2' }, "No idea where to start? Try these example resources, and follow your nose \uD83D\uDC43"), h("div", { key: 'bc9ed67f429ea468c53b591390b7fba1674b0b7d', class: "links" }, h("pos-rich-link", { key: 'a5fd0f04c539c2654198a0d825fbb2da891e0d14', uri: "https://pod-os.solidcommunity.net/profile/card#me" }), h("pos-rich-link", { key: '0b8dc4abeecbb4cc0f2d8957aa6e43f6877d84d0', uri: "https://angelo.veltens.org/profile/card#me" }), h("pos-rich-link", { key: '628bd8639c706134274ee3c1cd14616664ba9552', uri: "https://angelo.veltens.org/public/bookmarks" }), h("pos-rich-link", { key: '91efe195ccc2567428ea978390a9845d22beda5e', uri: "https://solidos.solidcommunity.net/profile/card#me" })))));
3393
+ 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" })))));
3394
3394
  }
3395
3395
  };
3396
3396
  PosExampleResources.style = PosExampleResourcesStyle0;
@@ -3403,7 +3403,7 @@ const PosGettingStarted = class {
3403
3403
  registerInstance(this, hostRef);
3404
3404
  }
3405
3405
  render() {
3406
- return (h(Host, { key: '2347ea586342456767e9aba2b30debbd86e0b37e' }, h("div", { key: '33da44a3cd289b08384b17933c16cef8063a87e2' }, h("h2", { key: '7b08c85b665db29d7d0ceaea5bce32b975180300' }, "Getting started \uD83D\uDE80"), h("p", { key: 'b582fad4e229353edfe5286a417ed544f8a08659' }, "\uD83D\uDD0E Enter a URL into the above navigation bar to browse through the web of data. "), h("p", { key: '95a42fe1be9e27e03e1bf1beb9a359720dbfef8a' }, "\uD83D\uDD10 Sign in to access private resources on your Solid Pod or those of your friends or coworkers.")), h("div", { key: 'be49077a2032e6208fbfc8c170ec2a4f2151d792' }, h("p", { key: '15ebacbf46ab241c0001aa6df011612e27b14657', class: "question" }, "New to Solid?"), h("p", { key: '41366fc5e73c5df8b07dc39236d781f9bdb16a2e' }, h("a", { key: '35d1572cf1db045759434e3783c02cac98954c91', href: "https://solidproject.org/for-developers#hosted-pod-services" }, "Get a Pod \u2192"))), h("div", { key: '2c4a4d8b7f2a0aded70c541f4b511b96150c4fd4' }, h("p", { key: '3a1f2bc0640b9c7a553063d4886d22eee41af0f9', class: "question" }, "Want to dig deeper into PodOS?"), h("p", { key: 'ec76e0f2dd6feff49ecac2d5bc51d27635412bcc' }, h("a", { key: '5c49f338c15f0e9941e3929f5a81baa6521bbb1a', href: "http://pod-os.org" }, "Learn more \u2192")))));
3406
+ 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")))));
3407
3407
  }
3408
3408
  };
3409
3409
  PosGettingStarted.style = PosGettingStartedStyle0;
@@ -3533,7 +3533,7 @@ const PosLogin = class {
3533
3533
  this.dialog.showModal();
3534
3534
  }
3535
3535
  render() {
3536
- return (h(Host, { key: '6349e0939fb22cddc9a6e47d424ce2badd518dcd' }, h("div", { key: '940d720ae5a7b951fe4a1bf411e463add43d93d0', class: "container" }, store.state.isLoggedIn ? (h("pos-resource", { uri: store.state.webId }, h("span", { class: "user-data" }, h("pos-picture", null), h("pos-label", null)))) : (''), !store.state.isLoggedIn && (h("button", { key: '40aeea2f9686c9792c3952f8b899f9e819895bae', id: "login", onClick: () => this.openDialog() }, "Login")), store.state.isLoggedIn && (h("button", { key: 'dd8129f4ae6b590231c33d072f4094b7bfc99da5', id: "logout", onClick: () => this.logout() }, "Logout"))), h("pos-dialog", { key: '33278d394f830f5c6040c3c22dc720440dd9d75c', ref: el => (this.dialog = el) }, h("span", { key: '96d3c645cacb1b38bd9adca8562ae4068eeabe11', slot: "title" }, "Sign in to your Pod"), h("pos-login-form", { key: '0c296b68774e4e2c1ed6091c305348b36e80178f', "onPod-os:idp-url-selected": ev => this.login(ev), slot: "content" }))));
3536
+ return (h(Host, { key: '246bea632b952b0a004e1237697a86bd0ebfeea4' }, h("div", { key: 'cdcb1905deb0d27f79adc4ed1eeae0adb47b37f6', class: "container" }, store.state.isLoggedIn ? (h("pos-resource", { uri: store.state.webId }, h("span", { class: "user-data" }, h("pos-picture", null), h("pos-label", null)))) : (''), !store.state.isLoggedIn && (h("button", { key: 'dc3a1072af920e9495a2e003c1e2edf8d282de29', id: "login", onClick: () => this.openDialog() }, "Login")), store.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" }))));
3537
3537
  }
3538
3538
  };
3539
3539
  PosLogin.style = PosLoginStyle0;
@@ -3552,7 +3552,7 @@ const PosLoginForm = class {
3552
3552
  this.canSubmit = Boolean(this.idpUrl);
3553
3553
  }
3554
3554
  render() {
3555
- return (h("form", { key: '193d3790329d1480fd6b14fd55a0d8cee8ce61dd', method: "dialog", onSubmit: () => this.handleSubmit() }, h("label", { key: 'd85ea6b508c9f229e1125f8cc97092335458b94a', htmlFor: "idpUrl" }, "Please enter your Identity Provider"), h("input", { key: 'a2f5e9955b27a8c1fab14c8f087fab167a19dc9a', id: "idpUrl", type: "url", value: this.idpUrl, required: true, onInput: e => this.handleChange(e), list: "suggestedIssuers", placeholder: "Type to search..." }), h("datalist", { key: 'fa0924b31e1a4fcdc794931dd2073022ab4ce95b', id: "suggestedIssuers" }, h("option", { key: 'c3495be7c2a98494ac3ca7fe504edd4b1b232394', value: "https://solidcommunity.net" }, "solidcommunity.net"), h("option", { key: '7fd17434388ed31468df8682dcfc2b4263c27ccb', value: "https://solidweb.org" }, "solidweb.org"), h("option", { key: '4c2a5854fc2499198b289181136cbd0a2fd9c1e1', value: "https://solidweb.me" }, "solidweb.me"), h("option", { key: '02a81104db23c62e0d42b8b45b95eccbd16fc108', value: "https://inrupt.net" }, "inrupt.net"), h("option", { key: 'd7c15dca86800cafc5a974920e40bd117fa50194', value: "https://login.inrupt.com" }, "Inrupt PodSpaces"), h("option", { key: '93ff71136f1775098fda80db5d437f37b51c496f', value: "https://trinpod.us" }, "trinpod.us"), h("option", { key: '481f1630526e324cb24b38c0077b1aeb496b4690', value: "https://use.id" }, "use.id"), h("option", { key: 'abd85ffba7532ba488bf0a4c18a2da2f3dc481ee', value: "https://solid.redpencil.io" }, "redpencil.io"), h("option", { key: '339562d277c4af2e10344f385d00aa4cc37375fa', value: "https://datapod.grant.io" }, "Data Pod (grant.io)"), h("option", { key: '918224ac5af806666a7b77bc8049dcf79800ab8c', value: "https://teamid.live" }, "teamid.live")), h("input", { key: '1ad3ef7998237d30c5eaf5bc9eebe55ede09d0a8', id: "login", type: "submit", value: "Login", disabled: !this.canSubmit })));
3555
+ 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 })));
3556
3556
  }
3557
3557
  handleChange(event) {
3558
3558
  this.validate();
@@ -3752,7 +3752,7 @@ const PosNavigationBar = class {
3752
3752
  }
3753
3753
  }
3754
3754
  render() {
3755
- return (h("form", { key: 'e92382c2024642ea5c0b5abb00f1759003f74c78', onSubmit: e => this.onSubmit(e) }, this.searchIndex && this.uri ? h("pos-make-findable", { uri: this.uri }) : '', h("div", { key: 'c32607860e8aa1fe6d6d182c0e2a056f40b6f1b7', class: "bar" }, h("ion-searchbar", { key: '6f281c307640200da6c57a0660e27901f55d375d', 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)));
3755
+ 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)));
3756
3756
  }
3757
3757
  };
3758
3758
  PosNavigationBar.style = PosNavigationBarStyle0;
@@ -3778,7 +3778,7 @@ const PosNewThingForm = class {
3778
3778
  subscribePodOs(this);
3779
3779
  }
3780
3780
  render() {
3781
- return (h("form", { key: '9ee9d0ab4f31bfc55865ef697d410b37977b1051', method: "dialog", onSubmit: e => this.handleSubmit(e) }, h("label", { key: 'a6f807d2034d55e5218c01375c4ff36564924bfb', htmlFor: "type" }, "Type"), h("pos-select-term", { key: 'f6001d6801bee97c03121d57742a595c8d5d5bd7', id: "type", placeholder: "", value: this.selectedTypeUri, "onPod-os:term-selected": e => this.onTermSelected(e) }), h("label", { key: '9365561d47d72e0153bb743f4fdf5ca7a1b5dcc0', htmlFor: "name" }, "Name"), h("input", { key: 'c93de873370a1123441a33d27c53c954bcc5f5ce', 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: '9fc1fb39f7c582a069876642cc17678303c7d72b', id: "create", type: "submit", value: "Create", disabled: !this.canSubmit })));
3781
+ 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 })));
3782
3782
  }
3783
3783
  handleChange(event) {
3784
3784
  this.name = event.target.value;
@@ -3913,10 +3913,10 @@ const PosRichLink = class {
3913
3913
  this.linkEmitter = createEvent(this, "pod-os:link", 7);
3914
3914
  }
3915
3915
  render() {
3916
- return (h("pos-resource", { key: '0a794cc8287b13f163a813dc6a4f87b2f00e028b', lazy: true, uri: this.uri }, h("p", { key: 'b7a44482a82cd69228f144b04e9ec20b84410339', class: "content" }, h("a", { key: '0d218d4d5c1991c767b66f0d37c5476038e7a0fb', href: this.uri, onClick: e => {
3916
+ 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 => {
3917
3917
  e.preventDefault();
3918
3918
  this.linkEmitter.emit(this.uri);
3919
- } }, h("pos-label", { key: 'd04048986a7a4da138608f187a2f27e6313d9a6e' })), h("span", { key: '53a05023aa2fec4725e1d7e59acee9888476ecac', class: "url" }, new URL(this.uri).host), h("pos-description", { key: 'a73de2d208b684a9f555cda312e94df4282afba0' }))));
3919
+ } }, h("pos-label", { key: '4530f9511b81d37229f7c4f57915da035002bdfb' })), h("span", { key: '341e91a6167d36881d2bb5e96365aa7f2f7f2f9b', class: "url" }, new URL(this.uri).host), h("pos-description", { key: 'c8e3875a219a76fa401a558d9c4eaa6813206a19' }))));
3920
3920
  }
3921
3921
  };
3922
3922
  PosRichLink.style = PosRichLinkStyle0;
@@ -4247,7 +4247,7 @@ const PosRouter = class {
4247
4247
  this.routeChanged.emit(this.uri);
4248
4248
  }
4249
4249
  render() {
4250
- return h("slot", { key: '221db70a52ce7ebc7e9c171142dcf94f252fa985' });
4250
+ return h("slot", { key: '4c9986b609d72550130ca76675dee260ca1cf373' });
4251
4251
  }
4252
4252
  };
4253
4253
  PosRouter.style = PosRouterStyle0;
@@ -4277,7 +4277,7 @@ const PosSelectTerm = class {
4277
4277
  this.termSelected.emit({ uri: event.target.value });
4278
4278
  }
4279
4279
  render() {
4280
- return (h(Host, { key: '7a548735e2a0478fa1e63e2a880ca61f0f43d91c' }, h("input", { key: '9549691026f4bf42a3048f2af3a78bd71536b160', part: "input", list: "terms", placeholder: this.placeholder, value: this.value, onChange: ev => this.handleChange(ev) }), h("datalist", { key: 'adfd77a001389d6cc092e3b054ef12e45d562d54', part: "terms", id: "terms" }, this.terms.map(term => (h("option", { value: term.uri }, term.shorthand))))));
4280
+ 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))))));
4281
4281
  }
4282
4282
  static get delegatesFocus() { return true; }
4283
4283
  static get watchers() { return {
@@ -4294,7 +4294,7 @@ const PosSettingOfflineCache = class {
4294
4294
  registerInstance(this, hostRef);
4295
4295
  }
4296
4296
  render() {
4297
- return (h(Host, { key: '0af6a13fe2773fb444849a08521f4f086105c9f9' }, h("div", { key: '41604ede29d0c28651fc92a1071b6e701a1dd071' }, h("h2", { key: 'edbf22e35dee895893048e8e5b9c1a0a9392e2de' }, h("svg", { key: 'aa6b7d0696eba049a5e29bca7b52fac146b804b0', xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { key: 'b45db7a6a0b637595c38058acaf80320506e6d7a', "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: '35f29296365f70a83dc2cae3d9ff7bd66cefb756', class: "info" }, "\u2139 Enable offline cache to be able to access previously loaded data while offline."), h("p", { key: '575121d3d6eb5f45346167db438748417133acc7', class: "warn" }, "\u26A0 Private data may be stored on this device. Only enable it, if you trust this device."), h("label", { key: '86df4910a9a3e216c9810470811f03168db2fc25' }, h("input", { key: '9e672339a4df1572c224fe35d202d831d8e888ef', type: "checkbox" }), "Enable offline cache"))));
4297
+ 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"))));
4298
4298
  }
4299
4299
  };
4300
4300
  PosSettingOfflineCache.style = PosSettingOfflineCacheStyle0;