@pod-os/elements 0.29.1-rc.80aa77e.0 → 0.29.1-rc.88079dc.0

package/dist/elements/p-38edfa6d.entry.js

@@ -1,2 +0,0 @@
-import{r as t,i,h as e}from"./p-97889672.js";import{s as r,B as s}from"./p-93f5c8ec.js";const o="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 a=o;const h=class{constructor(e){t(this,e);this.initializeOsEmitter=i(this,"pod-os:init",7);this.resourceLoadedEmitter=i(this,"pod-os:resource-loaded",7);this.loading=true;this.setOs=async t=>{this.os=t}}componentWillLoad(){r.onChange("isLoggedIn",(()=>this.fetchBlob()));this.initializeOsEmitter.emit(this.setOs)}async fetchBlob(){try{this.loading=true;const t=await this.os.fetchFile(this.src);this.resourceLoadedEmitter.emit(this.src);if(t.blob()){this.dataUri=URL.createObjectURL(t.blob());this.error=null}else{this.brokenFile=t}}catch(t){this.error=t}finally{this.loading=false}}render(){if(this.loading){return e("ion-skeleton-text",{animated:true})}if(this.error){return e("div",{class:"error"},this.error.message)}if(this.brokenFile){return e(s,{file:this.brokenFile})}return e("iframe",{src:this.dataUri})}static get watchers(){return{os:["fetchBlob"],src:["fetchBlob"]}}};h.style=a;export{h as pos_document};
-//# sourceMappingURL=p-38edfa6d.entry.js.map

package/dist/elements/p-38edfa6d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["posDocumentCss","PosDocumentStyle0","PosDocument","constructor","hostRef","this","loading","setOs","async","os","componentWillLoad","session","onChange","fetchBlob","initializeOsEmitter","emit","file","fetchFile","src","resourceLoadedEmitter","blob","dataUri","URL","createObjectURL","error","brokenFile","err","render","h","animated","class","message","BrokenFile"],"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"],"mappings":"wFAAA,MAAMA,EAAiB,inBACvB,MAAAC,EAAeD,E,MCSFE,EAAW,MALxB,WAAAC,CAAAC,G,yHAsBUC,KAAAC,QAAmB,KAc3BD,KAAAE,MAAQC,MAAOC,IACbJ,KAAKI,GAAKA,CAAE,C,CANd,iBAAAC,GACEC,EAAQC,SAAS,cAAc,IAAMP,KAAKQ,cAC1CR,KAAKS,oBAAoBC,KAAKV,KAAKE,M,CASrC,eAAMM,GACJ,IACER,KAAKC,QAAU,KACf,MAAMU,QAAaX,KAAKI,GAAGQ,UAAUZ,KAAKa,KAC1Cb,KAAKc,sBAAsBJ,KAAKV,KAAKa,KACrC,GAAIF,EAAKI,OAAQ,CACff,KAAKgB,QAAUC,IAAIC,gBAAgBP,EAAKI,QACxCf,KAAKmB,MAAQ,I,KACR,CACLnB,KAAKoB,WAAaT,C,EAEpB,MAAOU,GACPrB,KAAKmB,MAAQE,C,SAEbrB,KAAKC,QAAU,K,EAInB,MAAAqB,GACE,GAAItB,KAAKC,QAAS,CAChB,OAAOsB,EAAA,qBAAmBC,SAAU,M,CAEtC,GAAIxB,KAAKmB,MAAO,CACd,OAAOI,EAAA,OAAKE,MAAM,SAASzB,KAAKmB,MAAMO,Q,CAExC,GAAI1B,KAAKoB,WAAY,CACnB,OAAOG,EAACI,EAAU,CAAChB,KAAMX,KAAKoB,Y,CAEhC,OAAOG,EAAA,UAAQV,IAAKb,KAAKgB,S","ignoreList":[]}