@pod-os/elements 0.25.2 → 0.25.3-rc.3de9abd.0

package/dist/esm/pos-container-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, i as createEvent, h } from './index-4fdc2561.js';
+import { r as registerInstance, i as createEvent, h } from './index-9725d917.js';
 import { s as subscribeResource } from './ResourceAware-5f237305.js';
 
 function selectIconForTypes(types) {
@@ -17,6 +17,9 @@ function containsType(types, typeUri) {
     return types.some(type => type.uri === typeUri);
 }
 
+const posContainerItemCss = ":host {\n  display: flex;\n}\n\na {\n  display: flex;\n  text-decoration: none;\n  padding: var(--size-4);\n  width: var(--size-full);\n  gap: var(--size-2);\n  color: var(--pos-normal-text-color);\n  background-color: var(--pos-background-color);\n  &:hover {\n    background-color: var(--pos-border-color);\n  }\n}\n";
+const PosContainerItemStyle0 = posContainerItemCss;
+
 const PosContainerItem = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -33,12 +36,13 @@ const PosContainerItem = class {
         if (!this.resource)
             return null;
         const iconName = selectIconForTypes(this.resource.types());
-        return (h("ion-item", { href: this.resource.uri, onClick: e => {
+        return (h("a", { href: this.resource.uri, onClick: e => {
                 e.preventDefault();
                 this.linkEmitter.emit(this.resource.uri);
             } }, h("ion-icon", { name: iconName, slot: "start" }), h("slot", null)));
     }
 };
+PosContainerItem.style = PosContainerItemStyle0;
 
 export { PosContainerItem as pos_container_item };
 

package/dist/esm/pos-container-item.entry.js.map

@@ -1 +1 @@
-{"file":"pos-container-item.entry.js","mappings":";;;SAEgB,kBAAkB,CAAC,KAAgB;IACjD,IAAI,YAAY,CAAC,KAAK,EAAE,oCAAoC,CAAC,EAAE;QAC7D,OAAO,gBAAgB,CAAC;KACzB;SAAM,IAAI,YAAY,CAAC,KAAK,EAAE,mCAAmC,CAAC,EAAE;QACnE,OAAO,kBAAkB,CAAC;KAC3B;SAAM;QACL,OAAO,cAAc,CAAC;KACvB;AACH,CAAC;AAED;AACA,SAAS,YAAY,CAAC,KAAgB,EAAE,OAAe;IACrD,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,GAAG,KAAK,OAAO,CAAC,CAAC;AAClD;;MCNa,gBAAgB;IAJ7B;;;;QAgBE,oBAAe,GAAG,CAAC,QAAe;YAChC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAC1B,CAAC;KAkBH;IAxBC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAMD,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAO,IAAI,CAAC;QAChC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC;QAC3D,QACE,gBACE,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,EACvB,OAAO,EAAE,CAAC;gBACR,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;aAC1C,IAED,gBAAU,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,GAAY,EAClD,eAAa,CACJ,EACX;KACH;;;;;","names":[],"sources":["src/components/pos-container-contents/selectIconForTypes.ts","src/components/pos-container-contents/pos-container-item.tsx"],"sourcesContent":["import { RdfType } from '@pod-os/core';\n\nexport function selectIconForTypes(types: RdfType[]) {\n  if (containsType(types, 'http://www.w3.org/ns/ldp#Container')) {\n    return 'folder-outline';\n  } else if (containsType(types, 'http://www.w3.org/ns/ldp#Resource')) {\n    return 'document-outline';\n  } else {\n    return 'help-outline';\n  }\n}\n\n// TODO: remove duplication with pos-type-router/selectAppForTypes\nfunction containsType(types: RdfType[], typeUri: string) {\n  return types.some(type => type.uri === typeUri);\n}\n","import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\nimport { selectIconForTypes } from './selectIconForTypes';\n\n@Component({\n  tag: 'pos-container-item',\n  shadow: true,\n})\nexport class PosContainerItem implements ResourceAware {\n  @State() resource: Thing;\n\n  @Event({ eventName: 'pod-os:link' }) linkEmitter: EventEmitter;\n\n  @Event({ eventName: 'pod-os:resource' })\n  subscribeResource: EventEmitter;\n\n  componentWillLoad() {\n    subscribeResource(this);\n  }\n\n  receiveResource = (resource: Thing) => {\n    this.resource = resource;\n  };\n\n  render() {\n    if (!this.resource) return null;\n    const iconName = selectIconForTypes(this.resource.types());\n    return (\n      <ion-item\n        href={this.resource.uri}\n        onClick={e => {\n          e.preventDefault();\n          this.linkEmitter.emit(this.resource.uri);\n        }}\n      >\n        <ion-icon name={iconName} slot=\"start\"></ion-icon>\n        <slot></slot>\n      </ion-item>\n    );\n  }\n}\n"],"version":3}
+{"file":"pos-container-item.entry.js","mappings":";;;SAEgB,kBAAkB,CAAC,KAAgB;IACjD,IAAI,YAAY,CAAC,KAAK,EAAE,oCAAoC,CAAC,EAAE;QAC7D,OAAO,gBAAgB,CAAC;KACzB;SAAM,IAAI,YAAY,CAAC,KAAK,EAAE,mCAAmC,CAAC,EAAE;QACnE,OAAO,kBAAkB,CAAC;KAC3B;SAAM;QACL,OAAO,cAAc,CAAC;KACvB;AACH,CAAC;AAED;AACA,SAAS,YAAY,CAAC,KAAgB,EAAE,OAAe;IACrD,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,GAAG,KAAK,OAAO,CAAC,CAAC;AAClD;;ACfA,MAAM,mBAAmB,GAAG,gUAAgU,CAAC;AAC7V,+BAAe,mBAAmB;;MCSrB,gBAAgB;IAL7B;;;;QAiBE,oBAAe,GAAG,CAAC,QAAe;YAChC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAC1B,CAAC;KAkBH;IAxBC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAMD,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAO,IAAI,CAAC;QAChC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC;QAC3D,QACE,SACE,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,EACvB,OAAO,EAAE,CAAC;gBACR,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;aAC1C,IAED,gBAAU,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,GAAY,EAClD,eAAa,CACX,EACJ;KACH;;;;;;","names":[],"sources":["src/components/pos-container-contents/selectIconForTypes.ts","src/components/pos-container-contents/pos-container-item.css?tag=pos-container-item&encapsulation=shadow","src/components/pos-container-contents/pos-container-item.tsx"],"sourcesContent":["import { RdfType } from '@pod-os/core';\n\nexport function selectIconForTypes(types: RdfType[]) {\n  if (containsType(types, 'http://www.w3.org/ns/ldp#Container')) {\n    return 'folder-outline';\n  } else if (containsType(types, 'http://www.w3.org/ns/ldp#Resource')) {\n    return 'document-outline';\n  } else {\n    return 'help-outline';\n  }\n}\n\n// TODO: remove duplication with pos-type-router/selectAppForTypes\nfunction containsType(types: RdfType[], typeUri: string) {\n  return types.some(type => type.uri === typeUri);\n}\n",":host {\n  display: flex;\n}\n\na {\n  display: flex;\n  text-decoration: none;\n  padding: var(--size-4);\n  width: var(--size-full);\n  gap: var(--size-2);\n  color: var(--pos-normal-text-color);\n  background-color: var(--pos-background-color);\n  &:hover {\n    background-color: var(--pos-border-color);\n  }\n}\n","import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\nimport { selectIconForTypes } from './selectIconForTypes';\n\n@Component({\n  tag: 'pos-container-item',\n  shadow: true,\n  styleUrl: 'pos-container-item.css',\n})\nexport class PosContainerItem implements ResourceAware {\n  @State() resource: Thing;\n\n  @Event({ eventName: 'pod-os:link' }) linkEmitter: EventEmitter;\n\n  @Event({ eventName: 'pod-os:resource' })\n  subscribeResource: EventEmitter;\n\n  componentWillLoad() {\n    subscribeResource(this);\n  }\n\n  receiveResource = (resource: Thing) => {\n    this.resource = resource;\n  };\n\n  render() {\n    if (!this.resource) return null;\n    const iconName = selectIconForTypes(this.resource.types());\n    return (\n      <a\n        href={this.resource.uri}\n        onClick={e => {\n          e.preventDefault();\n          this.linkEmitter.emit(this.resource.uri);\n        }}\n      >\n        <ion-icon name={iconName} slot=\"start\"></ion-icon>\n        <slot></slot>\n      </a>\n    );\n  }\n}\n"],"version":3}

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, i as createEvent, h } from './index-4fdc2561.js';
-import { s as store, B as BrokenFile } from './BrokenFile-f46cbf25.js';
+import { r as registerInstance, i as createEvent, h } from './index-9725d917.js';
+import { s as store, B as BrokenFile } from './BrokenFile-d387a173.js';
 
-const posDocumentCss = "iframe{width:100%;height:100vh}.error{display:flex;opacity:0.8;background:repeating-linear-gradient( -45deg, rgba(150, 0, 0, 0.1), rgba(150, 0, 0, 0.1) 10px, #fff 5px, #fff 25px );flex-direction:column;border:1px solid red;color:black;align-items:center;justify-content:center;word-break:break-all;padding:1rem;box-sizing:border-box}.error ion-icon{color:#282828;--ionicon-stroke-width:calc(var(--width) / 5);font-size:calc(var(--width) / 2)}a{text-decoration:none;width:var(--width);height:var(--height)}.code{font-weight:bold;font-size:calc(var(--width) / 8)}.text{font-size:calc(var(--width) / 20)}";
+const posDocumentCss = "iframe{background-color:white;width:100%;height:100vh}.error{display:flex;opacity:0.8;background:repeating-linear-gradient(-45deg, rgba(150, 0, 0, 0.1), rgba(150, 0, 0, 0.1) 10px, #fff 5px, #fff 25px);flex-direction:column;border:1px solid red;color:black;align-items:center;justify-content:center;word-break:break-all;padding:1rem;box-sizing:border-box}.error ion-icon{color:#282828;--ionicon-stroke-width:calc(var(--width) / 5);font-size:calc(var(--width) / 2)}a{text-decoration:none;width:var(--width);height:var(--height)}.code{font-weight:bold;font-size:calc(var(--width) / 8)}.text{font-size:calc(var(--width) / 20)}";
 const PosDocumentStyle0 = posDocumentCss;
 
 const PosDocument = class {

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

@@ -1 +1 @@
-{"file":"pos-document.entry.js","mappings":";;;AAAA,MAAM,cAAc,GAAG,2lBAA2lB,CAAC;AACnnB,0BAAe,cAAc;;MCShB,WAAW;IALxB;;;;QAsBU,YAAO,GAAY,IAAI,CAAC;QAchC,UAAK,GAAG,OAAO,EAAS;YACtB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd,CAAC;KAkCH;IAzCC,iBAAiB;QACfA,KAAO,CAAC,QAAQ,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QACvD,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC3C;IAQD,MAAM,SAAS;QACb,IAAI;YACF,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC/C,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC1C,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE;gBACf,IAAI,CAAC,OAAO,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;gBAChD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;aACnB;iBAAM;gBACL,IAAI,CAAC,UAAU,GAAG,IAAsB,CAAC;aAC1C;SACF;QAAC,OAAO,GAAG,EAAE;YACZ,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC;SAClB;gBAAS;YACR,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;SACtB;KACF;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,OAAO,yBAAmB,QAAQ,EAAE,IAAI,GAAsB,CAAC;SAChE;QACD,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,OAAO,WAAK,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAO,CAAC;SACtD;QACD,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,OAAO,EAAC,UAAU,IAAC,IAAI,EAAE,IAAI,CAAC,UAAU,GAAI,CAAC;SAC9C;QACD,OAAO,cAAQ,GAAG,EAAE,IAAI,CAAC,OAAO,GAAW,CAAC;KAC7C;;;;;;;;;;","names":["session"],"sources":["src/components/pos-document/pos-document.css?tag=pos-document&encapsulation=shadow","src/components/pos-document/pos-document.tsx"],"sourcesContent":["\n:host {\n}\n\niframe {\n  width: 100%;\n  height: 100vh;\n}\n\n/* consolidate with styles from pos-image */\n.error {\n  display: flex;\n  opacity: 0.8;\n  background: repeating-linear-gradient( -45deg, rgba(150, 0, 0, 0.1), rgba(150, 0, 0, 0.1) 10px, #fff 5px, #fff 25px );\n  flex-direction: column;\n  border: 1px solid red;\n  color: black;\n  align-items: center;\n  justify-content: center;\n  word-break: break-all;\n  padding: 1rem;\n  box-sizing: border-box;\n}\n\n.error ion-icon {\n  color: #282828;\n  --ionicon-stroke-width: calc(var(--width) / 5) ;\n  font-size: calc(var(--width) / 2)\n}\n\na {\n  text-decoration: none;\n  width: var(--width);\n  height: var(--height);\n}\n\n.code {\n  font-weight: bold;\n  font-size: calc(var(--width) / 8);\n}\n\n.text {\n  font-size: calc(var(--width) / 20)\n}\n","import { PodOS, BrokenFile as BrokenFileData } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Prop, State, Watch } from '@stencil/core';\nimport session from '../../store/session';\nimport { BrokenFile } from '../broken-file/BrokenFile';\n\n@Component({\n  tag: 'pos-document',\n  styleUrl: 'pos-document.css',\n  shadow: true,\n})\nexport class PosDocument {\n  @Prop() src: string;\n\n  @Prop() alt: string;\n\n  @State() os: PodOS;\n\n  @State()\n  private dataUri: string;\n\n  @State()\n  private brokenFile: BrokenFileData;\n\n  @State()\n  private error: Error;\n\n  @State()\n  private loading: boolean = true;\n\n  @Event({ eventName: 'pod-os:init' }) initializeOsEmitter: EventEmitter;\n\n  /**\n   * Indicates that the resource given in `src` property has been loaded.\n   */\n  @Event({ eventName: 'pod-os:resource-loaded' }) resourceLoadedEmitter: EventEmitter<string>;\n\n  componentWillLoad() {\n    session.onChange('isLoggedIn', () => this.fetchBlob());\n    this.initializeOsEmitter.emit(this.setOs);\n  }\n\n  setOs = async (os: PodOS) => {\n    this.os = os;\n  };\n\n  @Watch('os')\n  @Watch('src')\n  async fetchBlob() {\n    try {\n      this.loading = true;\n      const file = await this.os.fetchFile(this.src);\n      this.resourceLoadedEmitter.emit(this.src);\n      if (file.blob()) {\n        this.dataUri = URL.createObjectURL(file.blob());\n        this.error = null;\n      } else {\n        this.brokenFile = file as BrokenFileData;\n      }\n    } catch (err) {\n      this.error = err;\n    } finally {\n      this.loading = false;\n    }\n  }\n\n  render() {\n    if (this.loading) {\n      return <ion-skeleton-text animated={true}></ion-skeleton-text>;\n    }\n    if (this.error) {\n      return <div class=\"error\">{this.error.message}</div>;\n    }\n    if (this.brokenFile) {\n      return <BrokenFile file={this.brokenFile} />;\n    }\n    return <iframe src={this.dataUri}></iframe>;\n  }\n}\n"],"version":3}
+{"file":"pos-document.entry.js","mappings":";;;AAAA,MAAM,cAAc,GAAG,gnBAAgnB,CAAC;AACxoB,0BAAe,cAAc;;MCShB,WAAW;IALxB;;;;QAsBU,YAAO,GAAY,IAAI,CAAC;QAchC,UAAK,GAAG,OAAO,EAAS;YACtB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd,CAAC;KAkCH;IAzCC,iBAAiB;QACfA,KAAO,CAAC,QAAQ,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QACvD,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC3C;IAQD,MAAM,SAAS;QACb,IAAI;YACF,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC/C,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC1C,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE;gBACf,IAAI,CAAC,OAAO,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;gBAChD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;aACnB;iBAAM;gBACL,IAAI,CAAC,UAAU,GAAG,IAAsB,CAAC;aAC1C;SACF;QAAC,OAAO,GAAG,EAAE;YACZ,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC;SAClB;gBAAS;YACR,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;SACtB;KACF;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,OAAO,yBAAmB,QAAQ,EAAE,IAAI,GAAsB,CAAC;SAChE;QACD,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,OAAO,WAAK,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAO,CAAC;SACtD;QACD,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,OAAO,EAAC,UAAU,IAAC,IAAI,EAAE,IAAI,CAAC,UAAU,GAAI,CAAC;SAC9C;QACD,OAAO,cAAQ,GAAG,EAAE,IAAI,CAAC,OAAO,GAAW,CAAC;KAC7C;;;;;;;;;;","names":["session"],"sources":["src/components/pos-document/pos-document.css?tag=pos-document&encapsulation=shadow","src/components/pos-document/pos-document.tsx"],"sourcesContent":["iframe {\n  background-color: white;\n  width: 100%;\n  height: 100vh;\n}\n\n/* consolidate with styles from pos-image */\n.error {\n  display: flex;\n  opacity: 0.8;\n  background: repeating-linear-gradient(-45deg, rgba(150, 0, 0, 0.1), rgba(150, 0, 0, 0.1) 10px, #fff 5px, #fff 25px);\n  flex-direction: column;\n  border: 1px solid red;\n  color: black;\n  align-items: center;\n  justify-content: center;\n  word-break: break-all;\n  padding: 1rem;\n  box-sizing: border-box;\n}\n\n.error ion-icon {\n  color: #282828;\n  --ionicon-stroke-width: calc(var(--width) / 5);\n  font-size: calc(var(--width) / 2);\n}\n\na {\n  text-decoration: none;\n  width: var(--width);\n  height: var(--height);\n}\n\n.code {\n  font-weight: bold;\n  font-size: calc(var(--width) / 8);\n}\n\n.text {\n  font-size: calc(var(--width) / 20);\n}\n","import { PodOS, BrokenFile as BrokenFileData } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Prop, State, Watch } from '@stencil/core';\nimport session from '../../store/session';\nimport { BrokenFile } from '../broken-file/BrokenFile';\n\n@Component({\n  tag: 'pos-document',\n  styleUrl: 'pos-document.css',\n  shadow: true,\n})\nexport class PosDocument {\n  @Prop() src: string;\n\n  @Prop() alt: string;\n\n  @State() os: PodOS;\n\n  @State()\n  private dataUri: string;\n\n  @State()\n  private brokenFile: BrokenFileData;\n\n  @State()\n  private error: Error;\n\n  @State()\n  private loading: boolean = true;\n\n  @Event({ eventName: 'pod-os:init' }) initializeOsEmitter: EventEmitter;\n\n  /**\n   * Indicates that the resource given in `src` property has been loaded.\n   */\n  @Event({ eventName: 'pod-os:resource-loaded' }) resourceLoadedEmitter: EventEmitter<string>;\n\n  componentWillLoad() {\n    session.onChange('isLoggedIn', () => this.fetchBlob());\n    this.initializeOsEmitter.emit(this.setOs);\n  }\n\n  setOs = async (os: PodOS) => {\n    this.os = os;\n  };\n\n  @Watch('os')\n  @Watch('src')\n  async fetchBlob() {\n    try {\n      this.loading = true;\n      const file = await this.os.fetchFile(this.src);\n      this.resourceLoadedEmitter.emit(this.src);\n      if (file.blob()) {\n        this.dataUri = URL.createObjectURL(file.blob());\n        this.error = null;\n      } else {\n        this.brokenFile = file as BrokenFileData;\n      }\n    } catch (err) {\n      this.error = err;\n    } finally {\n      this.loading = false;\n    }\n  }\n\n  render() {\n    if (this.loading) {\n      return <ion-skeleton-text animated={true}></ion-skeleton-text>;\n    }\n    if (this.error) {\n      return <div class=\"error\">{this.error.message}</div>;\n    }\n    if (this.brokenFile) {\n      return <BrokenFile file={this.brokenFile} />;\n    }\n    return <iframe src={this.dataUri}></iframe>;\n  }\n}\n"],"version":3}

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, i as createEvent, h } from './index-4fdc2561.js';
+import { r as registerInstance, i as createEvent, h } from './index-9725d917.js';
 import { s as subscribeResource } from './ResourceAware-5f237305.js';
 
-const posRelationsCss = ":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  display: flex;\n  flex-direction: column;\n  gap: var(--size-1);\n  padding: 0;\n  margin: 0;\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-3);\n  }\n}\n\npos-rich-link {\n  --background-color: inherit;\n}\n";
+const posRelationsCss = ":host {\n  --background-base-color: color-mix(in srgb, var(--pos-background-color), var(--color-grey-800) 10%);\n  --background-color-even: hsl(from var(--background-base-color) h s calc(l + 7));\n  --background-color-odd: hsl(from var(--background-base-color) h s calc(l + 10));\n  --border-color: var(--background-base-color);\n}\n\ndd {\n  padding: 0;\n  margin: 0;\n}\n\ndl {\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-1);\n  padding: 0;\n  margin: 0;\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-3);\n  }\n}\n\npos-rich-link {\n  --background-color: inherit;\n}\n";
 const PosRelationsStyle0 = posRelationsCss;
 
 const PosRelations = class {
@@ -23,7 +23,7 @@ const PosRelations = class {
 };
 PosRelations.style = PosRelationsStyle0;
 
-const posReverseRelationsCss = ":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  display: flex;\n  flex-direction: column;\n  gap: var(--size-1);\n  padding: 0;\n  margin: 0;\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  .values {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-3);\n  }\n}\n\npos-rich-link {\n  --background-color: inherit;\n}\n";
+const posReverseRelationsCss = ":host {\n  --background-base-color: color-mix(in srgb, var(--pos-background-color), var(--color-grey-800) 10%);\n  --background-color-even: hsl(from var(--background-base-color) h s calc(l + 7));\n  --background-color-odd: hsl(from var(--background-base-color) h s calc(l + 10));\n  --border-color: var(--background-base-color);\n}\n\ndd {\n  padding: 0;\n  margin: 0;\n}\n\ndl {\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-1);\n  padding: 0;\n  margin: 0;\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  .values {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-3);\n  }\n}\n\npos-rich-link {\n  --background-color: inherit;\n}\n";
 const PosReverseRelationsStyle0 = posReverseRelationsCss;
 
 const PosReverseRelations = class {

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

@@ -1 +1 @@
-{"file":"pos-relations.pos-reverse-relations.entry.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,o9BAAo9B,CAAC;AAC7+B,2BAAe,eAAe;;MCQjB,YAAY;IALzB;;;QAMW,SAAI,GAAe,EAAE,CAAC;QAS/B,oBAAe,GAAG,CAAC,QAAe;YAChC,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,SAAS,EAAE,CAAC;SAClC,CAAC;KAmBH;IAzBC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAMD,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,KAC5B,WAAK,KAAK,EAAC,kBAAkB,IAC3B,cACE,qBAAe,GAAG,EAAE,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,GAAI,CAClD,EACL,WAAK,KAAK,EAAC,QAAQ,IAChB,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,KACd,cACE,qBAAe,GAAG,EAAE,GAAG,GAAI,CACxB,CACN,CAAC,CACE,CACF,CACP,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,cAAK,KAAK,CAAM,GAAG,IAAI,CAAC;KACvD;;;;ACvCH,MAAM,sBAAsB,GAAG,k9BAAk9B,CAAC;AACl/B,kCAAe,sBAAsB;;MCQxB,mBAAmB;IALhC;;;QAMW,SAAI,GAAe,EAAE,CAAC;QAQ/B,oBAAe,GAAG,CAAC,QAAe;YAChC,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,gBAAgB,EAAE,CAAC;SACzC,CAAC;KAmBH;IAzBC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAMD,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,KAC5B,WAAK,KAAK,EAAC,kBAAkB,IAC3B,cACE,qBAAe,GAAG,EAAE,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,KAAK,KAAK,GAAI,CAC7D,EACL,WAAK,KAAK,EAAC,QAAQ,IAChB,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,KACd,cACE,qBAAe,GAAG,EAAE,GAAG,GAAI,CACxB,CACN,CAAC,CACE,CACF,CACP,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,cAAK,KAAK,CAAM,GAAG,IAAI,CAAC;KACvD;;;;;;","names":[],"sources":["src/components/pos-relations/pos-relations.css?tag=pos-relations&encapsulation=shadow","src/components/pos-relations/pos-relations.tsx","src/components/pos-reverse-relations/pos-reverse-relations.css?tag=pos-reverse-relations&encapsulation=shadow","src/components/pos-reverse-relations/pos-reverse-relations.tsx"],"sourcesContent":[":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  display: flex;\n  flex-direction: column;\n  gap: var(--size-1);\n  padding: 0;\n  margin: 0;\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-3);\n  }\n}\n\npos-rich-link {\n  --background-color: inherit;\n}\n","import { Relation, Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n  tag: 'pos-relations',\n  shadow: true,\n  styleUrl: 'pos-relations.css',\n})\nexport class PosRelations implements ResourceAware {\n  @State() data: Relation[] = [];\n\n  @Event({ eventName: 'pod-os:resource' })\n  subscribeResource: EventEmitter;\n\n  componentWillLoad() {\n    subscribeResource(this);\n  }\n\n  receiveResource = (resource: Thing) => {\n    this.data = resource.relations();\n  };\n\n  render() {\n    const items = this.data.map(it => (\n      <div class=\"predicate-values\">\n        <dt>\n          <pos-predicate uri={it.predicate} label={it.label} />\n        </dt>\n        <div class=\"values\">\n          {it.uris.map(uri => (\n            <dd>\n              <pos-rich-link uri={uri} />\n            </dd>\n          ))}\n        </div>\n      </div>\n    ));\n    return this.data.length > 0 ? <dl>{items}</dl> : null;\n  }\n}\n",":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  display: flex;\n  flex-direction: column;\n  gap: var(--size-1);\n  padding: 0;\n  margin: 0;\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  .values {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-3);\n  }\n}\n\npos-rich-link {\n  --background-color: inherit;\n}\n","import { Relation, Thing } from '@pod-os/core';\nimport { Component, h, Event, EventEmitter, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n  tag: 'pos-reverse-relations',\n  shadow: true,\n  styleUrl: 'pos-reverse-relations.css',\n})\nexport class PosReverseRelations implements ResourceAware {\n  @State() data: Relation[] = [];\n\n  @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n  componentWillLoad() {\n    subscribeResource(this);\n  }\n\n  receiveResource = (resource: Thing) => {\n    this.data = resource.reverseRelations();\n  };\n\n  render() {\n    const items = this.data.map(it => (\n      <div class=\"predicate-values\">\n        <dt>\n          <pos-predicate uri={it.predicate} label={`is ${it.label} of`} />\n        </dt>\n        <div class=\"values\">\n          {it.uris.map(uri => (\n            <dd>\n              <pos-rich-link uri={uri} />\n            </dd>\n          ))}\n        </div>\n      </div>\n    ));\n    return this.data.length > 0 ? <dl>{items}</dl> : null;\n  }\n}\n"],"version":3}
+{"file":"pos-relations.pos-reverse-relations.entry.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,ygCAAygC,CAAC;AACliC,2BAAe,eAAe;;MCQjB,YAAY;IALzB;;;QAMW,SAAI,GAAe,EAAE,CAAC;QAS/B,oBAAe,GAAG,CAAC,QAAe;YAChC,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,SAAS,EAAE,CAAC;SAClC,CAAC;KAmBH;IAzBC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAMD,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,KAC5B,WAAK,KAAK,EAAC,kBAAkB,IAC3B,cACE,qBAAe,GAAG,EAAE,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,GAAI,CAClD,EACL,WAAK,KAAK,EAAC,QAAQ,IAChB,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,KACd,cACE,qBAAe,GAAG,EAAE,GAAG,GAAI,CACxB,CACN,CAAC,CACE,CACF,CACP,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,cAAK,KAAK,CAAM,GAAG,IAAI,CAAC;KACvD;;;;ACvCH,MAAM,sBAAsB,GAAG,ugCAAugC,CAAC;AACviC,kCAAe,sBAAsB;;MCQxB,mBAAmB;IALhC;;;QAMW,SAAI,GAAe,EAAE,CAAC;QAQ/B,oBAAe,GAAG,CAAC,QAAe;YAChC,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,gBAAgB,EAAE,CAAC;SACzC,CAAC;KAmBH;IAzBC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAMD,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,KAC5B,WAAK,KAAK,EAAC,kBAAkB,IAC3B,cACE,qBAAe,GAAG,EAAE,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,KAAK,KAAK,GAAI,CAC7D,EACL,WAAK,KAAK,EAAC,QAAQ,IAChB,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,KACd,cACE,qBAAe,GAAG,EAAE,GAAG,GAAI,CACxB,CACN,CAAC,CACE,CACF,CACP,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,cAAK,KAAK,CAAM,GAAG,IAAI,CAAC;KACvD;;;;;;","names":[],"sources":["src/components/pos-relations/pos-relations.css?tag=pos-relations&encapsulation=shadow","src/components/pos-relations/pos-relations.tsx","src/components/pos-reverse-relations/pos-reverse-relations.css?tag=pos-reverse-relations&encapsulation=shadow","src/components/pos-reverse-relations/pos-reverse-relations.tsx"],"sourcesContent":[":host {\n  --background-base-color: color-mix(in srgb, var(--pos-background-color), var(--color-grey-800) 10%);\n  --background-color-even: hsl(from var(--background-base-color) h s calc(l + 7));\n  --background-color-odd: hsl(from var(--background-base-color) h s calc(l + 10));\n  --border-color: var(--background-base-color);\n}\n\ndd {\n  padding: 0;\n  margin: 0;\n}\n\ndl {\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-1);\n  padding: 0;\n  margin: 0;\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-3);\n  }\n}\n\npos-rich-link {\n  --background-color: inherit;\n}\n","import { Relation, Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n  tag: 'pos-relations',\n  shadow: true,\n  styleUrl: 'pos-relations.css',\n})\nexport class PosRelations implements ResourceAware {\n  @State() data: Relation[] = [];\n\n  @Event({ eventName: 'pod-os:resource' })\n  subscribeResource: EventEmitter;\n\n  componentWillLoad() {\n    subscribeResource(this);\n  }\n\n  receiveResource = (resource: Thing) => {\n    this.data = resource.relations();\n  };\n\n  render() {\n    const items = this.data.map(it => (\n      <div class=\"predicate-values\">\n        <dt>\n          <pos-predicate uri={it.predicate} label={it.label} />\n        </dt>\n        <div class=\"values\">\n          {it.uris.map(uri => (\n            <dd>\n              <pos-rich-link uri={uri} />\n            </dd>\n          ))}\n        </div>\n      </div>\n    ));\n    return this.data.length > 0 ? <dl>{items}</dl> : null;\n  }\n}\n",":host {\n  --background-base-color: color-mix(in srgb, var(--pos-background-color), var(--color-grey-800) 10%);\n  --background-color-even: hsl(from var(--background-base-color) h s calc(l + 7));\n  --background-color-odd: hsl(from var(--background-base-color) h s calc(l + 10));\n  --border-color: var(--background-base-color);\n}\n\ndd {\n  padding: 0;\n  margin: 0;\n}\n\ndl {\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-1);\n  padding: 0;\n  margin: 0;\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  .values {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-3);\n  }\n}\n\npos-rich-link {\n  --background-color: inherit;\n}\n","import { Relation, Thing } from '@pod-os/core';\nimport { Component, h, Event, EventEmitter, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n  tag: 'pos-reverse-relations',\n  shadow: true,\n  styleUrl: 'pos-reverse-relations.css',\n})\nexport class PosReverseRelations implements ResourceAware {\n  @State() data: Relation[] = [];\n\n  @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n  componentWillLoad() {\n    subscribeResource(this);\n  }\n\n  receiveResource = (resource: Thing) => {\n    this.data = resource.reverseRelations();\n  };\n\n  render() {\n    const items = this.data.map(it => (\n      <div class=\"predicate-values\">\n        <dt>\n          <pos-predicate uri={it.predicate} label={`is ${it.label} of`} />\n        </dt>\n        <div class=\"values\">\n          {it.uris.map(uri => (\n            <dd>\n              <pos-rich-link uri={uri} />\n            </dd>\n          ))}\n        </div>\n      </div>\n    ));\n    return this.data.length > 0 ? <dl>{items}</dl> : null;\n  }\n}\n"],"version":3}

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, h } from './index-4fdc2561.js';
+import { r as registerInstance, i as createEvent, h } from './index-9725d917.js';
 import { R as RdfDocument } from './index-e5d73939.js';
 import { s as subscribeResource } from './ResourceAware-5f237305.js';
 
-const posSubjectsCss = ":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\nul {\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n\n  margin: 0;\n  padding: 0;\n\n  li {\n    border: var(--size-px) solid var(--border-color);\n    &:nth-child(even) {\n      background-color: var(--background-color-even);\n    }\n    &:nth-child(odd) {\n      background-color: var(--background-color-odd);\n    }\n    padding: var(--size-4);\n    list-style-type: none;\n  }\n}\n";
+const posSubjectsCss = ":host {\n  --background-base-color: color-mix(in srgb, var(--pos-background-color), var(--color-grey-800) 10%);\n  --background-color-even: hsl(from var(--background-base-color) h s calc(l + 7));\n  --background-color-odd: hsl(from var(--background-base-color) h s calc(l + 10));\n  --border-color: var(--background-base-color);\n}\n\nul {\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n\n  margin: 0;\n  padding: 0;\n\n  li {\n    border: var(--size-px) solid var(--border-color);\n    &:nth-child(even) {\n      background-color: var(--background-color-even);\n    }\n    &:nth-child(odd) {\n      background-color: var(--background-color-odd);\n    }\n    padding: var(--size-4);\n    list-style-type: none;\n  }\n}\n";
 const PosSubjectsStyle0 = posSubjectsCss;
 
 const PosSubjects = class {

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

@@ -1 +1 @@
-{"file":"pos-subjects.entry.js","mappings":";;;;AAAA,MAAM,cAAc,GAAG,mrBAAmrB,CAAC;AAC3sB,0BAAe,cAAc;;MCQhB,WAAW;IALxB;;;QAMW,SAAI,GAAc,EAAE,CAAC;QAS9B,oBAAe,GAAG,CAAC,QAAe;YAChC,MAAM,GAAG,GAAG,QAAQ,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;YACzC,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;SAC5B,CAAC;KAUH;IAjBC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAOD,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,KAC5B,cACE,qBAAe,GAAG,EAAE,EAAE,CAAC,GAAG,GAAI,CAC3B,CACN,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,cAAK,KAAK,CAAM,GAAG,IAAI,CAAC;KACvD;;;;;;","names":[],"sources":["src/components/pos-subjects/pos-subjects.css?tag=pos-subjects&encapsulation=shadow","src/components/pos-subjects/pos-subjects.tsx"],"sourcesContent":[":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\nul {\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n\n  margin: 0;\n  padding: 0;\n\n  li {\n    border: var(--size-px) solid var(--border-color);\n    &:nth-child(even) {\n      background-color: var(--background-color-even);\n    }\n    &:nth-child(odd) {\n      background-color: var(--background-color-odd);\n    }\n    padding: var(--size-4);\n    list-style-type: none;\n  }\n}\n","import { RdfDocument, Subject, Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n  tag: 'pos-subjects',\n  shadow: true,\n  styleUrl: 'pos-subjects.css',\n})\nexport class PosSubjects implements ResourceAware {\n  @State() data: Subject[] = [];\n\n  @Event({ eventName: 'pod-os:resource' })\n  subscribeResource: EventEmitter;\n\n  componentWillLoad() {\n    subscribeResource(this);\n  }\n\n  receiveResource = (resource: Thing) => {\n    const doc = resource.assume(RdfDocument);\n    this.data = doc.subjects();\n  };\n\n  render() {\n    const items = this.data.map(it => (\n      <li>\n        <pos-rich-link uri={it.uri} />\n      </li>\n    ));\n    return this.data.length > 0 ? <ul>{items}</ul> : null;\n  }\n}\n"],"version":3}
+{"file":"pos-subjects.entry.js","mappings":";;;;AAAA,MAAM,cAAc,GAAG,wuBAAwuB,CAAC;AAChwB,0BAAe,cAAc;;MCQhB,WAAW;IALxB;;;QAMW,SAAI,GAAc,EAAE,CAAC;QAS9B,oBAAe,GAAG,CAAC,QAAe;YAChC,MAAM,GAAG,GAAG,QAAQ,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;YACzC,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;SAC5B,CAAC;KAUH;IAjBC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAOD,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,KAC5B,cACE,qBAAe,GAAG,EAAE,EAAE,CAAC,GAAG,GAAI,CAC3B,CACN,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,cAAK,KAAK,CAAM,GAAG,IAAI,CAAC;KACvD;;;;;;","names":[],"sources":["src/components/pos-subjects/pos-subjects.css?tag=pos-subjects&encapsulation=shadow","src/components/pos-subjects/pos-subjects.tsx"],"sourcesContent":[":host {\n  --background-base-color: color-mix(in srgb, var(--pos-background-color), var(--color-grey-800) 10%);\n  --background-color-even: hsl(from var(--background-base-color) h s calc(l + 7));\n  --background-color-odd: hsl(from var(--background-base-color) h s calc(l + 10));\n  --border-color: var(--background-base-color);\n}\n\nul {\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n\n  margin: 0;\n  padding: 0;\n\n  li {\n    border: var(--size-px) solid var(--border-color);\n    &:nth-child(even) {\n      background-color: var(--background-color-even);\n    }\n    &:nth-child(odd) {\n      background-color: var(--background-color-odd);\n    }\n    padding: var(--size-4);\n    list-style-type: none;\n  }\n}\n","import { RdfDocument, Subject, Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n  tag: 'pos-subjects',\n  shadow: true,\n  styleUrl: 'pos-subjects.css',\n})\nexport class PosSubjects implements ResourceAware {\n  @State() data: Subject[] = [];\n\n  @Event({ eventName: 'pod-os:resource' })\n  subscribeResource: EventEmitter;\n\n  componentWillLoad() {\n    subscribeResource(this);\n  }\n\n  receiveResource = (resource: Thing) => {\n    const doc = resource.assume(RdfDocument);\n    this.data = doc.subjects();\n  };\n\n  render() {\n    const items = this.data.map(it => (\n      <li>\n        <pos-rich-link uri={it.uri} />\n      </li>\n    ));\n    return this.data.length > 0 ? <ul>{items}</ul> : null;\n  }\n}\n"],"version":3}

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, i as createEvent } from './index-4fdc2561.js';
+import { r as registerInstance, i as createEvent } from './index-9725d917.js';
 import { s as subscribeResource } from './ResourceAware-5f237305.js';
 
 const PosValue = class {

package/dist/esm/{refresher.utils-b1770bf3.js → refresher.utils-d191622d.js}

@@ -1,6 +1,6 @@
-import { w as writeTask } from './index-4fdc2561.js';
-import { c as createAnimation } from './animation-8c622dae.js';
-import { t as transitionEndAsync, a as componentOnReady, c as clamp } from './helpers-a93a8cd2.js';
+import { w as writeTask } from './index-9725d917.js';
+import { c as createAnimation } from './animation-43b39c85.js';
+import { t as transitionEndAsync, a as componentOnReady, c as clamp } from './helpers-c51da066.js';
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
@@ -195,4 +195,4 @@ const shouldUseNativeRefresher = async (referenceEl, mode) => {
 
 export { setSpinnerOpacity as a, handleScrollWhilePulling as b, createPullingAnimation as c, createSnapBackAnimation as d, supportsRubberBandScrolling as e, getRefresherAnimationType as g, handleScrollWhileRefreshing as h, shouldUseNativeRefresher as s, translateElement as t };
 
-//# sourceMappingURL=refresher.utils-b1770bf3.js.map
+//# sourceMappingURL=refresher.utils-d191622d.js.map

package/dist/esm/{refresher.utils-b1770bf3.js.map → refresher.utils-d191622d.js.map}

@@ -1 +1 @@
-{"file":"refresher.utils-b1770bf3.js","mappings":"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","names":[],"sources":["../node_modules/@ionic/core/dist/collection/components/refresher/refresher.utils.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { writeTask } from \"@stencil/core\";\nimport { createAnimation } from \"../../utils/animation/animation\";\nimport { clamp, componentOnReady, transitionEndAsync } from \"../../utils/helpers\";\nexport const getRefresherAnimationType = (contentEl) => {\n    const previousSibling = contentEl.previousElementSibling;\n    const hasHeader = previousSibling !== null && previousSibling.tagName === 'ION-HEADER';\n    return hasHeader ? 'translate' : 'scale';\n};\nexport const createPullingAnimation = (type, pullingSpinner, refresherEl) => {\n    return type === 'scale'\n        ? createScaleAnimation(pullingSpinner, refresherEl)\n        : createTranslateAnimation(pullingSpinner, refresherEl);\n};\nconst createBaseAnimation = (pullingRefresherIcon) => {\n    const spinner = pullingRefresherIcon.querySelector('ion-spinner');\n    const circle = spinner.shadowRoot.querySelector('circle');\n    const spinnerArrowContainer = pullingRefresherIcon.querySelector('.spinner-arrow-container');\n    const arrowContainer = pullingRefresherIcon.querySelector('.arrow-container');\n    const arrow = arrowContainer ? arrowContainer.querySelector('ion-icon') : null;\n    const baseAnimation = createAnimation().duration(1000).easing('ease-out');\n    const spinnerArrowContainerAnimation = createAnimation()\n        .addElement(spinnerArrowContainer)\n        .keyframes([\n        { offset: 0, opacity: '0.3' },\n        { offset: 0.45, opacity: '0.3' },\n        { offset: 0.55, opacity: '1' },\n        { offset: 1, opacity: '1' },\n    ]);\n    const circleInnerAnimation = createAnimation()\n        .addElement(circle)\n        .keyframes([\n        { offset: 0, strokeDasharray: '1px, 200px' },\n        { offset: 0.2, strokeDasharray: '1px, 200px' },\n        { offset: 0.55, strokeDasharray: '100px, 200px' },\n        { offset: 1, strokeDasharray: '100px, 200px' },\n    ]);\n    const circleOuterAnimation = createAnimation()\n        .addElement(spinner)\n        .keyframes([\n        { offset: 0, transform: 'rotate(-90deg)' },\n        { offset: 1, transform: 'rotate(210deg)' },\n    ]);\n    /**\n     * Only add arrow animation if present\n     * this allows users to customize the spinners\n     * without errors being thrown\n     */\n    if (arrowContainer && arrow) {\n        const arrowContainerAnimation = createAnimation()\n            .addElement(arrowContainer)\n            .keyframes([\n            { offset: 0, transform: 'rotate(0deg)' },\n            { offset: 0.3, transform: 'rotate(0deg)' },\n            { offset: 0.55, transform: 'rotate(280deg)' },\n            { offset: 1, transform: 'rotate(400deg)' },\n        ]);\n        const arrowAnimation = createAnimation()\n            .addElement(arrow)\n            .keyframes([\n            { offset: 0, transform: 'translateX(2px) scale(0)' },\n            { offset: 0.3, transform: 'translateX(2px) scale(0)' },\n            { offset: 0.55, transform: 'translateX(-1.5px) scale(1)' },\n            { offset: 1, transform: 'translateX(-1.5px) scale(1)' },\n        ]);\n        baseAnimation.addAnimation([arrowContainerAnimation, arrowAnimation]);\n    }\n    return baseAnimation.addAnimation([spinnerArrowContainerAnimation, circleInnerAnimation, circleOuterAnimation]);\n};\nconst createScaleAnimation = (pullingRefresherIcon, refresherEl) => {\n    /**\n     * Do not take the height of the refresher icon\n     * because at this point the DOM has not updated,\n     * so the refresher icon is still hidden with\n     * display: none.\n     * The `ion-refresher` container height\n     * is roughly the amount we need to offset\n     * the icon by when pulling down.\n     */\n    const height = refresherEl.clientHeight;\n    const spinnerAnimation = createAnimation()\n        .addElement(pullingRefresherIcon)\n        .keyframes([\n        { offset: 0, transform: `scale(0) translateY(-${height}px)` },\n        { offset: 1, transform: 'scale(1) translateY(100px)' },\n    ]);\n    return createBaseAnimation(pullingRefresherIcon).addAnimation([spinnerAnimation]);\n};\nconst createTranslateAnimation = (pullingRefresherIcon, refresherEl) => {\n    /**\n     * Do not take the height of the refresher icon\n     * because at this point the DOM has not updated,\n     * so the refresher icon is still hidden with\n     * display: none.\n     * The `ion-refresher` container height\n     * is roughly the amount we need to offset\n     * the icon by when pulling down.\n     */\n    const height = refresherEl.clientHeight;\n    const spinnerAnimation = createAnimation()\n        .addElement(pullingRefresherIcon)\n        .keyframes([\n        { offset: 0, transform: `translateY(-${height}px)` },\n        { offset: 1, transform: 'translateY(100px)' },\n    ]);\n    return createBaseAnimation(pullingRefresherIcon).addAnimation([spinnerAnimation]);\n};\nexport const createSnapBackAnimation = (pullingRefresherIcon) => {\n    return createAnimation()\n        .duration(125)\n        .addElement(pullingRefresherIcon)\n        .fromTo('transform', 'translateY(var(--ion-pulling-refresher-translate, 100px))', 'translateY(0px)');\n};\n// iOS Native Refresher\n// -----------------------------\nexport const setSpinnerOpacity = (spinner, opacity) => {\n    spinner.style.setProperty('opacity', opacity.toString());\n};\nexport const handleScrollWhilePulling = (ticks, numTicks, pullAmount) => {\n    const max = 1;\n    writeTask(() => {\n        ticks.forEach((el, i) => {\n            /**\n             * Compute the opacity of each tick\n             * mark as a percentage of the pullAmount\n             * offset by max / numTicks so\n             * the tick marks are shown staggered.\n             */\n            const min = i * (max / numTicks);\n            const range = max - min;\n            const start = pullAmount - min;\n            const progression = clamp(0, start / range, 1);\n            el.style.setProperty('opacity', progression.toString());\n        });\n    });\n};\nexport const handleScrollWhileRefreshing = (spinner, lastVelocityY) => {\n    writeTask(() => {\n        // If user pulls down quickly, the spinner should spin faster\n        spinner.style.setProperty('--refreshing-rotation-duration', lastVelocityY >= 1.0 ? '0.5s' : '2s');\n        spinner.style.setProperty('opacity', '1');\n    });\n};\nexport const translateElement = (el, value, duration = 200) => {\n    if (!el) {\n        return Promise.resolve();\n    }\n    const trans = transitionEndAsync(el, duration);\n    writeTask(() => {\n        el.style.setProperty('transition', `${duration}ms all ease-out`);\n        if (value === undefined) {\n            el.style.removeProperty('transform');\n        }\n        else {\n            el.style.setProperty('transform', `translate3d(0px, ${value}, 0px)`);\n        }\n    });\n    return trans;\n};\n// Utils\n// -----------------------------\n/**\n * In order to use the native iOS refresher the device must support rubber band scrolling.\n * As part of this, we need to exclude Desktop Safari because it has a slightly different rubber band effect that is not compatible with the native refresher in Ionic.\n *\n * We also need to be careful not to include devices that spoof their user agent.\n * For example, when using iOS emulation in Chrome the user agent will be spoofed such that\n * navigator.maxTouchPointer > 0. To work around this,\n * we check to see if the apple-pay-logo is supported as a named image which is only\n * true on Apple devices.\n *\n * We previously checked referencEl.style.webkitOverflowScrolling to explicitly check\n * for rubber band support. However, this property was removed on iPadOS and it's possible\n * that this will be removed on iOS in the future too.\n *\n */\nexport const supportsRubberBandScrolling = () => {\n    return navigator.maxTouchPoints > 0 && CSS.supports('background: -webkit-named-image(apple-pay-logo-black)');\n};\nexport const shouldUseNativeRefresher = async (referenceEl, mode) => {\n    const refresherContent = referenceEl.querySelector('ion-refresher-content');\n    if (!refresherContent) {\n        return Promise.resolve(false);\n    }\n    await new Promise((resolve) => componentOnReady(refresherContent, resolve));\n    const pullingSpinner = referenceEl.querySelector('ion-refresher-content .refresher-pulling ion-spinner');\n    const refreshingSpinner = referenceEl.querySelector('ion-refresher-content .refresher-refreshing ion-spinner');\n    return (pullingSpinner !== null &&\n        refreshingSpinner !== null &&\n        ((mode === 'ios' && supportsRubberBandScrolling()) || mode === 'md'));\n};\n"],"version":3}
+{"file":"refresher.utils-d191622d.js","mappings":"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","names":[],"sources":["../node_modules/@ionic/core/dist/collection/components/refresher/refresher.utils.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { writeTask } from \"@stencil/core\";\nimport { createAnimation } from \"../../utils/animation/animation\";\nimport { clamp, componentOnReady, transitionEndAsync } from \"../../utils/helpers\";\nexport const getRefresherAnimationType = (contentEl) => {\n    const previousSibling = contentEl.previousElementSibling;\n    const hasHeader = previousSibling !== null && previousSibling.tagName === 'ION-HEADER';\n    return hasHeader ? 'translate' : 'scale';\n};\nexport const createPullingAnimation = (type, pullingSpinner, refresherEl) => {\n    return type === 'scale'\n        ? createScaleAnimation(pullingSpinner, refresherEl)\n        : createTranslateAnimation(pullingSpinner, refresherEl);\n};\nconst createBaseAnimation = (pullingRefresherIcon) => {\n    const spinner = pullingRefresherIcon.querySelector('ion-spinner');\n    const circle = spinner.shadowRoot.querySelector('circle');\n    const spinnerArrowContainer = pullingRefresherIcon.querySelector('.spinner-arrow-container');\n    const arrowContainer = pullingRefresherIcon.querySelector('.arrow-container');\n    const arrow = arrowContainer ? arrowContainer.querySelector('ion-icon') : null;\n    const baseAnimation = createAnimation().duration(1000).easing('ease-out');\n    const spinnerArrowContainerAnimation = createAnimation()\n        .addElement(spinnerArrowContainer)\n        .keyframes([\n        { offset: 0, opacity: '0.3' },\n        { offset: 0.45, opacity: '0.3' },\n        { offset: 0.55, opacity: '1' },\n        { offset: 1, opacity: '1' },\n    ]);\n    const circleInnerAnimation = createAnimation()\n        .addElement(circle)\n        .keyframes([\n        { offset: 0, strokeDasharray: '1px, 200px' },\n        { offset: 0.2, strokeDasharray: '1px, 200px' },\n        { offset: 0.55, strokeDasharray: '100px, 200px' },\n        { offset: 1, strokeDasharray: '100px, 200px' },\n    ]);\n    const circleOuterAnimation = createAnimation()\n        .addElement(spinner)\n        .keyframes([\n        { offset: 0, transform: 'rotate(-90deg)' },\n        { offset: 1, transform: 'rotate(210deg)' },\n    ]);\n    /**\n     * Only add arrow animation if present\n     * this allows users to customize the spinners\n     * without errors being thrown\n     */\n    if (arrowContainer && arrow) {\n        const arrowContainerAnimation = createAnimation()\n            .addElement(arrowContainer)\n            .keyframes([\n            { offset: 0, transform: 'rotate(0deg)' },\n            { offset: 0.3, transform: 'rotate(0deg)' },\n            { offset: 0.55, transform: 'rotate(280deg)' },\n            { offset: 1, transform: 'rotate(400deg)' },\n        ]);\n        const arrowAnimation = createAnimation()\n            .addElement(arrow)\n            .keyframes([\n            { offset: 0, transform: 'translateX(2px) scale(0)' },\n            { offset: 0.3, transform: 'translateX(2px) scale(0)' },\n            { offset: 0.55, transform: 'translateX(-1.5px) scale(1)' },\n            { offset: 1, transform: 'translateX(-1.5px) scale(1)' },\n        ]);\n        baseAnimation.addAnimation([arrowContainerAnimation, arrowAnimation]);\n    }\n    return baseAnimation.addAnimation([spinnerArrowContainerAnimation, circleInnerAnimation, circleOuterAnimation]);\n};\nconst createScaleAnimation = (pullingRefresherIcon, refresherEl) => {\n    /**\n     * Do not take the height of the refresher icon\n     * because at this point the DOM has not updated,\n     * so the refresher icon is still hidden with\n     * display: none.\n     * The `ion-refresher` container height\n     * is roughly the amount we need to offset\n     * the icon by when pulling down.\n     */\n    const height = refresherEl.clientHeight;\n    const spinnerAnimation = createAnimation()\n        .addElement(pullingRefresherIcon)\n        .keyframes([\n        { offset: 0, transform: `scale(0) translateY(-${height}px)` },\n        { offset: 1, transform: 'scale(1) translateY(100px)' },\n    ]);\n    return createBaseAnimation(pullingRefresherIcon).addAnimation([spinnerAnimation]);\n};\nconst createTranslateAnimation = (pullingRefresherIcon, refresherEl) => {\n    /**\n     * Do not take the height of the refresher icon\n     * because at this point the DOM has not updated,\n     * so the refresher icon is still hidden with\n     * display: none.\n     * The `ion-refresher` container height\n     * is roughly the amount we need to offset\n     * the icon by when pulling down.\n     */\n    const height = refresherEl.clientHeight;\n    const spinnerAnimation = createAnimation()\n        .addElement(pullingRefresherIcon)\n        .keyframes([\n        { offset: 0, transform: `translateY(-${height}px)` },\n        { offset: 1, transform: 'translateY(100px)' },\n    ]);\n    return createBaseAnimation(pullingRefresherIcon).addAnimation([spinnerAnimation]);\n};\nexport const createSnapBackAnimation = (pullingRefresherIcon) => {\n    return createAnimation()\n        .duration(125)\n        .addElement(pullingRefresherIcon)\n        .fromTo('transform', 'translateY(var(--ion-pulling-refresher-translate, 100px))', 'translateY(0px)');\n};\n// iOS Native Refresher\n// -----------------------------\nexport const setSpinnerOpacity = (spinner, opacity) => {\n    spinner.style.setProperty('opacity', opacity.toString());\n};\nexport const handleScrollWhilePulling = (ticks, numTicks, pullAmount) => {\n    const max = 1;\n    writeTask(() => {\n        ticks.forEach((el, i) => {\n            /**\n             * Compute the opacity of each tick\n             * mark as a percentage of the pullAmount\n             * offset by max / numTicks so\n             * the tick marks are shown staggered.\n             */\n            const min = i * (max / numTicks);\n            const range = max - min;\n            const start = pullAmount - min;\n            const progression = clamp(0, start / range, 1);\n            el.style.setProperty('opacity', progression.toString());\n        });\n    });\n};\nexport const handleScrollWhileRefreshing = (spinner, lastVelocityY) => {\n    writeTask(() => {\n        // If user pulls down quickly, the spinner should spin faster\n        spinner.style.setProperty('--refreshing-rotation-duration', lastVelocityY >= 1.0 ? '0.5s' : '2s');\n        spinner.style.setProperty('opacity', '1');\n    });\n};\nexport const translateElement = (el, value, duration = 200) => {\n    if (!el) {\n        return Promise.resolve();\n    }\n    const trans = transitionEndAsync(el, duration);\n    writeTask(() => {\n        el.style.setProperty('transition', `${duration}ms all ease-out`);\n        if (value === undefined) {\n            el.style.removeProperty('transform');\n        }\n        else {\n            el.style.setProperty('transform', `translate3d(0px, ${value}, 0px)`);\n        }\n    });\n    return trans;\n};\n// Utils\n// -----------------------------\n/**\n * In order to use the native iOS refresher the device must support rubber band scrolling.\n * As part of this, we need to exclude Desktop Safari because it has a slightly different rubber band effect that is not compatible with the native refresher in Ionic.\n *\n * We also need to be careful not to include devices that spoof their user agent.\n * For example, when using iOS emulation in Chrome the user agent will be spoofed such that\n * navigator.maxTouchPointer > 0. To work around this,\n * we check to see if the apple-pay-logo is supported as a named image which is only\n * true on Apple devices.\n *\n * We previously checked referencEl.style.webkitOverflowScrolling to explicitly check\n * for rubber band support. However, this property was removed on iPadOS and it's possible\n * that this will be removed on iOS in the future too.\n *\n */\nexport const supportsRubberBandScrolling = () => {\n    return navigator.maxTouchPoints > 0 && CSS.supports('background: -webkit-named-image(apple-pay-logo-black)');\n};\nexport const shouldUseNativeRefresher = async (referenceEl, mode) => {\n    const refresherContent = referenceEl.querySelector('ion-refresher-content');\n    if (!refresherContent) {\n        return Promise.resolve(false);\n    }\n    await new Promise((resolve) => componentOnReady(refresherContent, resolve));\n    const pullingSpinner = referenceEl.querySelector('ion-refresher-content .refresher-pulling ion-spinner');\n    const refreshingSpinner = referenceEl.querySelector('ion-refresher-content .refresher-refreshing ion-spinner');\n    return (pullingSpinner !== null &&\n        refreshingSpinner !== null &&\n        ((mode === 'ios' && supportsRubberBandScrolling()) || mode === 'md'));\n};\n"],"version":3}

package/dist/esm/{status-tap-e14d7459.js → status-tap-cdf580e7.js}

@@ -1,6 +1,6 @@
-import { f as readTask, w as writeTask } from './index-4fdc2561.js';
-import { a as findClosestIonContent, s as scrollToTop } from './index-432e7c6f.js';
-import { a as componentOnReady } from './helpers-a93a8cd2.js';
+import { f as readTask, w as writeTask } from './index-9725d917.js';
+import { a as findClosestIonContent, s as scrollToTop } from './index-12e18dab.js';
+import { a as componentOnReady } from './helpers-c51da066.js';
 import './index-f7ac0403.js';
 
 /*!
@@ -39,4 +39,4 @@ const startStatusTap = () => {
 
 export { startStatusTap };
 
-//# sourceMappingURL=status-tap-e14d7459.js.map
+//# sourceMappingURL=status-tap-cdf580e7.js.map

package/dist/esm/{status-tap-e14d7459.js.map → status-tap-cdf580e7.js.map}

@@ -1 +1 @@
-{"file":"status-tap-e14d7459.js","mappings":";;;;;AAAA;AACA;AACA;AAIY,MAAC,cAAc,GAAG,MAAM;AACpC,IAAI,MAAM,GAAG,GAAG,MAAM,CAAC;AACvB,IAAI,GAAG,CAAC,gBAAgB,CAAC,WAAW,EAAE,MAAM;AAC5C,QAAQ,QAAQ,CAAC,MAAM;AACvB,YAAY,MAAM,KAAK,GAAG,GAAG,CAAC,UAAU,CAAC;AACzC,YAAY,MAAM,MAAM,GAAG,GAAG,CAAC,WAAW,CAAC;AAC3C,YAAY,MAAM,EAAE,GAAG,QAAQ,CAAC,gBAAgB,CAAC,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC;AACxE,YAAY,IAAI,CAAC,EAAE,EAAE;AACrB,gBAAgB,OAAO;AACvB,aAAa;AACb,YAAY,MAAM,SAAS,GAAG,qBAAqB,CAAC,EAAE,CAAC,CAAC;AACxD,YAAY,IAAI,SAAS,EAAE;AAC3B,gBAAgB,IAAI,OAAO,CAAC,CAAC,OAAO,KAAK,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM;AAC1F,oBAAoB,SAAS,CAAC,YAAY;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;AAC5E,wBAAwB,MAAM,WAAW,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;AAC1D,wBAAwB,SAAS,CAAC,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;AACrE,qBAAqB,CAAC,CAAC;AACvB,iBAAiB,CAAC,CAAC;AACnB,aAAa;AACb,SAAS,CAAC,CAAC;AACX,KAAK,CAAC,CAAC;AACP;;;;","names":[],"sources":["../node_modules/@ionic/core/dist/collection/utils/status-tap.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { readTask, writeTask } from \"@stencil/core\";\nimport { findClosestIonContent, scrollToTop } from \"./content\";\nimport { componentOnReady } from \"./helpers\";\nexport const startStatusTap = () => {\n    const win = window;\n    win.addEventListener('statusTap', () => {\n        readTask(() => {\n            const width = win.innerWidth;\n            const height = win.innerHeight;\n            const el = document.elementFromPoint(width / 2, height / 2);\n            if (!el) {\n                return;\n            }\n            const contentEl = findClosestIonContent(el);\n            if (contentEl) {\n                new Promise((resolve) => componentOnReady(contentEl, resolve)).then(() => {\n                    writeTask(async () => {\n                        /**\n                         * If scrolling and user taps status bar,\n                         * only calling scrollToTop is not enough\n                         * as engines like WebKit will jump the\n                         * scroll position back down and complete\n                         * any in-progress momentum scrolling.\n                         */\n                        contentEl.style.setProperty('--overflow', 'hidden');\n                        await scrollToTop(contentEl, 300);\n                        contentEl.style.removeProperty('--overflow');\n                    });\n                });\n            }\n        });\n    });\n};\n"],"version":3}
+{"file":"status-tap-cdf580e7.js","mappings":";;;;;AAAA;AACA;AACA;AAIY,MAAC,cAAc,GAAG,MAAM;AACpC,IAAI,MAAM,GAAG,GAAG,MAAM,CAAC;AACvB,IAAI,GAAG,CAAC,gBAAgB,CAAC,WAAW,EAAE,MAAM;AAC5C,QAAQ,QAAQ,CAAC,MAAM;AACvB,YAAY,MAAM,KAAK,GAAG,GAAG,CAAC,UAAU,CAAC;AACzC,YAAY,MAAM,MAAM,GAAG,GAAG,CAAC,WAAW,CAAC;AAC3C,YAAY,MAAM,EAAE,GAAG,QAAQ,CAAC,gBAAgB,CAAC,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC;AACxE,YAAY,IAAI,CAAC,EAAE,EAAE;AACrB,gBAAgB,OAAO;AACvB,aAAa;AACb,YAAY,MAAM,SAAS,GAAG,qBAAqB,CAAC,EAAE,CAAC,CAAC;AACxD,YAAY,IAAI,SAAS,EAAE;AAC3B,gBAAgB,IAAI,OAAO,CAAC,CAAC,OAAO,KAAK,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM;AAC1F,oBAAoB,SAAS,CAAC,YAAY;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;AAC5E,wBAAwB,MAAM,WAAW,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;AAC1D,wBAAwB,SAAS,CAAC,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;AACrE,qBAAqB,CAAC,CAAC;AACvB,iBAAiB,CAAC,CAAC;AACnB,aAAa;AACb,SAAS,CAAC,CAAC;AACX,KAAK,CAAC,CAAC;AACP;;;;","names":[],"sources":["../node_modules/@ionic/core/dist/collection/utils/status-tap.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { readTask, writeTask } from \"@stencil/core\";\nimport { findClosestIonContent, scrollToTop } from \"./content\";\nimport { componentOnReady } from \"./helpers\";\nexport const startStatusTap = () => {\n    const win = window;\n    win.addEventListener('statusTap', () => {\n        readTask(() => {\n            const width = win.innerWidth;\n            const height = win.innerHeight;\n            const el = document.elementFromPoint(width / 2, height / 2);\n            if (!el) {\n                return;\n            }\n            const contentEl = findClosestIonContent(el);\n            if (contentEl) {\n                new Promise((resolve) => componentOnReady(contentEl, resolve)).then(() => {\n                    writeTask(async () => {\n                        /**\n                         * If scrolling and user taps status bar,\n                         * only calling scrollToTop is not enough\n                         * as engines like WebKit will jump the\n                         * scroll position back down and complete\n                         * any in-progress momentum scrolling.\n                         */\n                        contentEl.style.setProperty('--overflow', 'hidden');\n                        await scrollToTop(contentEl, 300);\n                        contentEl.style.removeProperty('--overflow');\n                    });\n                });\n            }\n        });\n    });\n};\n"],"version":3}

package/dist/esm/{swipe-back-5993fe10.js → swipe-back-698e6532.js}

@@ -1,4 +1,4 @@
-import { c as clamp } from './helpers-a93a8cd2.js';
+import { c as clamp } from './helpers-c51da066.js';
 import { i as isRTL } from './dir-f50ace98.js';
 import { createGesture } from './index-38fe935b.js';
 import './gesture-controller-958242a2.js';
@@ -78,4 +78,4 @@ const createSwipeBackGesture = (el, canStartHandler, onStartHandler, onMoveHandl
 
 export { createSwipeBackGesture };
 
-//# sourceMappingURL=swipe-back-5993fe10.js.map
+//# sourceMappingURL=swipe-back-698e6532.js.map

package/dist/esm/{swipe-back-5993fe10.js.map → swipe-back-698e6532.js.map}

@@ -1 +1 @@
-{"file":"swipe-back-5993fe10.js","mappings":"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","names":[],"sources":["../node_modules/@ionic/core/dist/collection/utils/gesture/swipe-back.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { clamp } from \"../helpers\";\nimport { isRTL } from \"../rtl\";\nimport { createGesture } from \"./index\";\nexport const createSwipeBackGesture = (el, canStartHandler, onStartHandler, onMoveHandler, onEndHandler) => {\n    const win = el.ownerDocument.defaultView;\n    let rtl = isRTL(el);\n    /**\n     * Determine if a gesture is near the edge\n     * of the screen. If true, then the swipe\n     * to go back gesture should proceed.\n     */\n    const isAtEdge = (detail) => {\n        const threshold = 50;\n        const { startX } = detail;\n        if (rtl) {\n            return startX >= win.innerWidth - threshold;\n        }\n        return startX <= threshold;\n    };\n    const getDeltaX = (detail) => {\n        return rtl ? -detail.deltaX : detail.deltaX;\n    };\n    const getVelocityX = (detail) => {\n        return rtl ? -detail.velocityX : detail.velocityX;\n    };\n    const canStart = (detail) => {\n        /**\n         * The user's locale can change mid-session,\n         * so we need to check text direction at\n         * the beginning of every gesture.\n         */\n        rtl = isRTL(el);\n        return isAtEdge(detail) && canStartHandler();\n    };\n    const onMove = (detail) => {\n        // set the transition animation's progress\n        const delta = getDeltaX(detail);\n        const stepValue = delta / win.innerWidth;\n        onMoveHandler(stepValue);\n    };\n    const onEnd = (detail) => {\n        // the swipe back gesture has ended\n        const delta = getDeltaX(detail);\n        const width = win.innerWidth;\n        const stepValue = delta / width;\n        const velocity = getVelocityX(detail);\n        const z = width / 2.0;\n        const shouldComplete = velocity >= 0 && (velocity > 0.2 || delta > z);\n        const missing = shouldComplete ? 1 - stepValue : stepValue;\n        const missingDistance = missing * width;\n        let realDur = 0;\n        if (missingDistance > 5) {\n            const dur = missingDistance / Math.abs(velocity);\n            realDur = Math.min(dur, 540);\n        }\n        onEndHandler(shouldComplete, stepValue <= 0 ? 0.01 : clamp(0, stepValue, 0.9999), realDur);\n    };\n    return createGesture({\n        el,\n        gestureName: 'goback-swipe',\n        /**\n         * Swipe to go back should have priority over other horizontal swipe\n         * gestures. These gestures have a priority of 100 which is why 101 was chosen here.\n         */\n        gesturePriority: 101,\n        threshold: 10,\n        canStart,\n        onStart: onStartHandler,\n        onMove,\n        onEnd,\n    });\n};\n"],"version":3}
+{"file":"swipe-back-698e6532.js","mappings":"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","names":[],"sources":["../node_modules/@ionic/core/dist/collection/utils/gesture/swipe-back.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { clamp } from \"../helpers\";\nimport { isRTL } from \"../rtl\";\nimport { createGesture } from \"./index\";\nexport const createSwipeBackGesture = (el, canStartHandler, onStartHandler, onMoveHandler, onEndHandler) => {\n    const win = el.ownerDocument.defaultView;\n    let rtl = isRTL(el);\n    /**\n     * Determine if a gesture is near the edge\n     * of the screen. If true, then the swipe\n     * to go back gesture should proceed.\n     */\n    const isAtEdge = (detail) => {\n        const threshold = 50;\n        const { startX } = detail;\n        if (rtl) {\n            return startX >= win.innerWidth - threshold;\n        }\n        return startX <= threshold;\n    };\n    const getDeltaX = (detail) => {\n        return rtl ? -detail.deltaX : detail.deltaX;\n    };\n    const getVelocityX = (detail) => {\n        return rtl ? -detail.velocityX : detail.velocityX;\n    };\n    const canStart = (detail) => {\n        /**\n         * The user's locale can change mid-session,\n         * so we need to check text direction at\n         * the beginning of every gesture.\n         */\n        rtl = isRTL(el);\n        return isAtEdge(detail) && canStartHandler();\n    };\n    const onMove = (detail) => {\n        // set the transition animation's progress\n        const delta = getDeltaX(detail);\n        const stepValue = delta / win.innerWidth;\n        onMoveHandler(stepValue);\n    };\n    const onEnd = (detail) => {\n        // the swipe back gesture has ended\n        const delta = getDeltaX(detail);\n        const width = win.innerWidth;\n        const stepValue = delta / width;\n        const velocity = getVelocityX(detail);\n        const z = width / 2.0;\n        const shouldComplete = velocity >= 0 && (velocity > 0.2 || delta > z);\n        const missing = shouldComplete ? 1 - stepValue : stepValue;\n        const missingDistance = missing * width;\n        let realDur = 0;\n        if (missingDistance > 5) {\n            const dur = missingDistance / Math.abs(velocity);\n            realDur = Math.min(dur, 540);\n        }\n        onEndHandler(shouldComplete, stepValue <= 0 ? 0.01 : clamp(0, stepValue, 0.9999), realDur);\n    };\n    return createGesture({\n        el,\n        gestureName: 'goback-swipe',\n        /**\n         * Swipe to go back should have priority over other horizontal swipe\n         * gestures. These gestures have a priority of 100 which is why 101 was chosen here.\n         */\n        gesturePriority: 101,\n        threshold: 10,\n        canStart,\n        onStart: onStartHandler,\n        onMove,\n        onEnd,\n    });\n};\n"],"version":3}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pod-os/elements",
-  "version": "0.25.2",
+  "version": "0.25.3-rc.3de9abd.0",
   "description": "Custom elements for usage with Solid Pods",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",