@pod-os/contacts 0.0.2-rc.40ff2aa.0

package/dist/components/pos-error-toast2.js

@@ -0,0 +1,258 @@
+import{proxyCustomElement as t,HTMLElement as e,h as s,Host as r,transformTag as o}from"@stencil/core/internal/client";import{i as a,x as i,c as n,a as l,n as c,S as d}from"./chunk.4TUIT776.js";import{S as h,r as u,w as b}from"./chunk.YHLNUJ7P.js";import{a as p}from"./class-map.js";import{o as f}from"./if-defined.js";import{e as m,s as v,a as g,g as w,b as _,w as y}from"./chunk.AJ3ENQ5C.js";import{H as $}from"./chunk.NYIIDP5N.js";import{L as k}from"./chunk.6CTB5ZDJ.js";var x=a`
+  :host {
+    display: inline-block;
+    color: var(--sl-color-neutral-600);
+  }
+
+  .icon-button {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    background: none;
+    border: none;
+    border-radius: var(--sl-border-radius-medium);
+    font-size: inherit;
+    color: inherit;
+    padding: var(--sl-spacing-x-small);
+    cursor: pointer;
+    transition: var(--sl-transition-x-fast) color;
+    -webkit-appearance: none;
+  }
+
+  .icon-button:hover:not(.icon-button--disabled),
+  .icon-button:focus-visible:not(.icon-button--disabled) {
+    color: var(--sl-color-primary-600);
+  }
+
+  .icon-button:active:not(.icon-button--disabled) {
+    color: var(--sl-color-primary-700);
+  }
+
+  .icon-button:focus {
+    outline: none;
+  }
+
+  .icon-button--disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .icon-button:focus-visible {
+    outline: var(--sl-focus-ring);
+    outline-offset: var(--sl-focus-ring-offset);
+  }
+
+  .icon-button__icon {
+    pointer-events: none;
+  }
+`
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */;const j=Symbol.for(""),E=t=>{if(t?.r===j)return t?._$litStatic$},C=(t,...e)=>({_$litStatic$:e.reduce(((e,s,r)=>e+(t=>{if(void 0!==t._$litStatic$)return t._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t}. Use 'unsafeStatic' to pass non-literal values, but\n            take care to ensure page security.`)})(s)+t[r+1]),t[0]),r:j}),z=new Map,S=(T=i,(t,...e)=>{const s=e.length;let r,o;const a=[],i=[];let n,l=0,c=!1;for(;l<s;){for(n=t[l];l<s&&void 0!==(o=e[l],r=E(o));)n+=r+t[++l],c=!0;l!==s&&i.push(o),a.push(n),l++}if(l===s&&a.push(t[s]),c){const s=a.join("$$lit$$");void 0===(t=z.get(s))&&(a.raw=a,z.set(s,t=a)),e=i}return T(t,...e)});var T,U=class extends d{constructor(){super(...arguments),this.hasFocus=!1,this.label="",this.disabled=!1}handleBlur(){this.hasFocus=!1,this.emit("sl-blur")}handleFocus(){this.hasFocus=!0,this.emit("sl-focus")}handleClick(t){this.disabled&&(t.preventDefault(),t.stopPropagation())}click(){this.button.click()}focus(t){this.button.focus(t)}blur(){this.button.blur()}render(){const t=!!this.href,e=t?C`a`:C`button`;return S`
+      <${e}
+        part="base"
+        class=${p({"icon-button":!0,"icon-button--disabled":!t&&this.disabled,"icon-button--focused":this.hasFocus})}
+        ?disabled=${f(t?void 0:this.disabled)}
+        type=${f(t?void 0:"button")}
+        href=${f(t?this.href:void 0)}
+        target=${f(t?this.target:void 0)}
+        download=${f(t?this.download:void 0)}
+        rel=${f(t&&this.target?"noreferrer noopener":void 0)}
+        role=${f(t?void 0:"button")}
+        aria-disabled=${this.disabled?"true":"false"}
+        aria-label="${this.label}"
+        tabindex=${this.disabled?"-1":"0"}
+        @blur=${this.handleBlur}
+        @focus=${this.handleFocus}
+        @click=${this.handleClick}
+      >
+        <sl-icon
+          class="icon-button__icon"
+          name=${f(this.name)}
+          library=${f(this.library)}
+          src=${f(this.src)}
+          aria-hidden="true"
+        ></sl-icon>
+      </${e}>
+    `}};U.styles=[n,x],U.dependencies={"sl-icon":h},l([m(".icon-button")],U.prototype,"button",2),l([u()],U.prototype,"hasFocus",2),l([c()],U.prototype,"name",2),l([c()],U.prototype,"library",2),l([c()],U.prototype,"src",2),l([c()],U.prototype,"href",2),l([c()],U.prototype,"target",2),l([c()],U.prototype,"download",2),l([c()],U.prototype,"label",2),l([c({type:Boolean,reflect:!0})],U.prototype,"disabled",2);var I=a`
+  :host {
+    display: contents;
+
+    /* For better DX, we'll reset the margin here so the base part can inherit it */
+    margin: 0;
+  }
+
+  .alert {
+    position: relative;
+    display: flex;
+    align-items: stretch;
+    background-color: var(--sl-panel-background-color);
+    border: solid var(--sl-panel-border-width) var(--sl-panel-border-color);
+    border-top-width: calc(var(--sl-panel-border-width) * 3);
+    border-radius: var(--sl-border-radius-medium);
+    font-family: var(--sl-font-sans);
+    font-size: var(--sl-font-size-small);
+    font-weight: var(--sl-font-weight-normal);
+    line-height: 1.6;
+    color: var(--sl-color-neutral-700);
+    margin: inherit;
+    overflow: hidden;
+  }
+
+  .alert:not(.alert--has-icon) .alert__icon,
+  .alert:not(.alert--closable) .alert__close-button {
+    display: none;
+  }
+
+  .alert__icon {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    font-size: var(--sl-font-size-large);
+    padding-inline-start: var(--sl-spacing-large);
+  }
+
+  .alert--has-countdown {
+    border-bottom: none;
+  }
+
+  .alert--primary {
+    border-top-color: var(--sl-color-primary-600);
+  }
+
+  .alert--primary .alert__icon {
+    color: var(--sl-color-primary-600);
+  }
+
+  .alert--success {
+    border-top-color: var(--sl-color-success-600);
+  }
+
+  .alert--success .alert__icon {
+    color: var(--sl-color-success-600);
+  }
+
+  .alert--neutral {
+    border-top-color: var(--sl-color-neutral-600);
+  }
+
+  .alert--neutral .alert__icon {
+    color: var(--sl-color-neutral-600);
+  }
+
+  .alert--warning {
+    border-top-color: var(--sl-color-warning-600);
+  }
+
+  .alert--warning .alert__icon {
+    color: var(--sl-color-warning-600);
+  }
+
+  .alert--danger {
+    border-top-color: var(--sl-color-danger-600);
+  }
+
+  .alert--danger .alert__icon {
+    color: var(--sl-color-danger-600);
+  }
+
+  .alert__message {
+    flex: 1 1 auto;
+    display: block;
+    padding: var(--sl-spacing-large);
+    overflow: hidden;
+  }
+
+  .alert__close-button {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    font-size: var(--sl-font-size-medium);
+    margin-inline-end: var(--sl-spacing-medium);
+    align-self: center;
+  }
+
+  .alert__countdown {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: calc(var(--sl-panel-border-width) * 3);
+    background-color: var(--sl-panel-border-color);
+    display: flex;
+  }
+
+  .alert__countdown--ltr {
+    justify-content: flex-end;
+  }
+
+  .alert__countdown .alert__countdown-elapsed {
+    height: 100%;
+    width: 0;
+  }
+
+  .alert--primary .alert__countdown-elapsed {
+    background-color: var(--sl-color-primary-600);
+  }
+
+  .alert--success .alert__countdown-elapsed {
+    background-color: var(--sl-color-success-600);
+  }
+
+  .alert--neutral .alert__countdown-elapsed {
+    background-color: var(--sl-color-neutral-600);
+  }
+
+  .alert--warning .alert__countdown-elapsed {
+    background-color: var(--sl-color-warning-600);
+  }
+
+  .alert--danger .alert__countdown-elapsed {
+    background-color: var(--sl-color-danger-600);
+  }
+
+  .alert__timer {
+    display: none;
+  }
+`,N=class t extends d{constructor(){super(...arguments),this.hasSlotController=new $(this,"icon","suffix"),this.localize=new k(this),this.open=!1,this.closable=!1,this.variant="primary",this.duration=1/0,this.remainingTime=this.duration}static get toastStack(){return this.currentToastStack||(this.currentToastStack=Object.assign(document.createElement("div"),{className:"sl-toast-stack"})),this.currentToastStack}firstUpdated(){this.base.hidden=!this.open}restartAutoHide(){this.handleCountdownChange(),clearTimeout(this.autoHideTimeout),clearInterval(this.remainingTimeInterval),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout((()=>this.hide()),this.duration),this.remainingTime=this.duration,this.remainingTimeInterval=window.setInterval((()=>{this.remainingTime-=100}),100))}pauseAutoHide(){var t;null==(t=this.countdownAnimation)||t.pause(),clearTimeout(this.autoHideTimeout),clearInterval(this.remainingTimeInterval)}resumeAutoHide(){var t;this.duration<1/0&&(this.autoHideTimeout=window.setTimeout((()=>this.hide()),this.remainingTime),this.remainingTimeInterval=window.setInterval((()=>{this.remainingTime-=100}),100),null==(t=this.countdownAnimation)||t.play())}handleCountdownChange(){if(this.open&&this.duration<1/0&&this.countdown){const{countdownElement:t}=this;this.countdownAnimation=t.animate([{width:"100%"},{width:"0"}],{duration:this.duration,easing:"linear"})}}handleCloseClick(){this.hide()}async handleOpenChange(){if(this.open){this.emit("sl-show"),this.duration<1/0&&this.restartAutoHide(),await g(this.base),this.base.hidden=!1;const{keyframes:t,options:e}=w(this,"alert.show",{dir:this.localize.dir()});await _(this.base,t,e),this.emit("sl-after-show")}else{(t=>{var e;const{activeElement:s}=document;s&&t.contains(s)&&(null==(e=document.activeElement)||e.blur())})(this),this.emit("sl-hide"),clearTimeout(this.autoHideTimeout),clearInterval(this.remainingTimeInterval),await g(this.base);const{keyframes:t,options:e}=w(this,"alert.hide",{dir:this.localize.dir()});await _(this.base,t,e),this.base.hidden=!0,this.emit("sl-after-hide")}}handleDurationChange(){this.restartAutoHide()}async show(){if(!this.open)return this.open=!0,y(this,"sl-after-show")}async hide(){if(this.open)return this.open=!1,y(this,"sl-after-hide")}async toast(){return new Promise((e=>{this.handleCountdownChange(),null===t.toastStack.parentElement&&document.body.append(t.toastStack),t.toastStack.appendChild(this),requestAnimationFrame((()=>{this.show()})),this.addEventListener("sl-after-hide",(()=>{t.toastStack.removeChild(this),e(),null===t.toastStack.querySelector("sl-alert")&&t.toastStack.remove()}),{once:!0})}))}render(){return i`
+      <div
+        part="base"
+        class=${p({alert:!0,"alert--open":this.open,"alert--closable":this.closable,"alert--has-countdown":!!this.countdown,"alert--has-icon":this.hasSlotController.test("icon"),"alert--primary":"primary"===this.variant,"alert--success":"success"===this.variant,"alert--neutral":"neutral"===this.variant,"alert--warning":"warning"===this.variant,"alert--danger":"danger"===this.variant})}
+        role="alert"
+        aria-hidden=${this.open?"false":"true"}
+        @mouseenter=${this.pauseAutoHide}
+        @mouseleave=${this.resumeAutoHide}
+      >
+        <div part="icon" class="alert__icon">
+          <slot name="icon"></slot>
+        </div>
+
+        <div part="message" class="alert__message" aria-live="polite">
+          <slot></slot>
+        </div>
+
+        ${this.closable?i`
+              <sl-icon-button
+                part="close-button"
+                exportparts="base:close-button__base"
+                class="alert__close-button"
+                name="x-lg"
+                library="system"
+                label=${this.localize.term("close")}
+                @click=${this.handleCloseClick}
+              ></sl-icon-button>
+            `:""}
+
+        <div role="timer" class="alert__timer">${this.remainingTime}</div>
+
+        ${this.countdown?i`
+              <div
+                class=${p({alert__countdown:!0,"alert__countdown--ltr":"ltr"===this.countdown})}
+              >
+                <div class="alert__countdown-elapsed"></div>
+              </div>
+            `:""}
+      </div>
+    `}};N.styles=[n,I],N.dependencies={"sl-icon-button":U},l([m('[part~="base"]')],N.prototype,"base",2),l([m(".alert__countdown-elapsed")],N.prototype,"countdownElement",2),l([c({type:Boolean,reflect:!0})],N.prototype,"open",2),l([c({type:Boolean,reflect:!0})],N.prototype,"closable",2),l([c({reflect:!0})],N.prototype,"variant",2),l([c({type:Number})],N.prototype,"duration",2),l([c({type:String,reflect:!0})],N.prototype,"countdown",2),l([u()],N.prototype,"remainingTime",2),l([b("open",{waitUntilFirstUpdate:!0})],N.prototype,"handleOpenChange",1),l([b("duration")],N.prototype,"handleDurationChange",1);var A=N;v("alert.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}}),v("alert.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}}),A.define("sl-alert");const B=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}async unhandledRejection(t){t.stopPropagation(),console.error("unhandled promise rejection",t),this.title="Unhandled promise rejection",this.message=t.reason.toString()}async catchError(t){if(t.stopPropagation(),console.error(t.detail),t.detail instanceof Error)this.title="Error",this.message=t.detail.message;else{const e=t.detail;this.title=e.title,this.message=e.detail}await this.alert.toast()}render(){return s(r,{key:"a2c2db82c085541f2912861ff715633c1a50872e"},s("sl-alert",{key:"af7e56dacdd8c2cdacfe4eb5020d59e8111e9947",ref:t=>this.alert=t,variant:"danger",duration:"10000",closable:!0},s("sl-icon",{key:"f50b8c321b0844c2f3cac2886f23b758e18500b1",slot:"icon",name:"exclamation-octagon"}),s("strong",{key:"0f7c7880b08366a16baaa1385df12614d6a6cddf"},this.title),s("br",{key:"5660dbabfa1162590b386087231301ee3920a415"}),this.message),s("slot",{key:"671026ea140044dfbeb63dee5c08a65591464668"}))}},[257,"pos-error-toast",{title:[32],message:[32]},[[8,"unhandledrejection","unhandledRejection"],[0,"pod-os:error","catchError"]]]);function D(){"undefined"!=typeof customElements&&["pos-error-toast"].forEach((t=>{"pos-error-toast"===t&&(customElements.get(o(t))||customElements.define(o(t),B))}))}export{B as P,D as d}

package/dist/components/pos-example-resources.js

@@ -0,0 +1 @@
+import{P as s,d as o}from"./pos-example-resources2.js";const e=s,r=o;export{e as PosExampleResources,r as defineCustomElement}

package/dist/components/pos-example-resources2.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as s,h as o,Host as r,transformTag as a}from"@stencil/core/internal/client";import{d as c}from"./pos-description2.js";import{d}from"./pos-label2.js";import{d as i}from"./pos-resource2.js";import{d as t}from"./pos-rich-link2.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return o(r,{key:"edfbfc18bef5794e03385a6712cd6301b9f7fb56"},o("div",{key:"cb211969daa03f9377b9cc91d32983305d8efc8f"},o("h2",{key:"df34f7358c8b232d6d4874069c3a93491332589e"},"Try these... 💡"),o("p",{key:"512f37a9d3ba9f7492ab1770472732d3027751d4"},"No idea where to start? Try these example resources, and follow your nose 👃"),o("div",{key:"70c3dd35ffb296cfa535df0e74a1142c825d24a2",class:"links"},o("pos-rich-link",{key:"441945b22665c8688efb69bdb90fb61c13e41192",uri:"https://pod-os.solidcommunity.net/profile/card#me"}),o("pos-rich-link",{key:"d159b08661afd4c3dcc1d305f51c0a71dd8d1556",uri:"https://angelo.veltens.org/profile/card#me"}),o("pos-rich-link",{key:"82bf392405f612530d5de60d93e2201fae53f8fd",uri:"https://angelo.veltens.org/public/bookmarks"}),o("pos-rich-link",{key:"6f2151ad44f7659e723cb31f33b1a26170fbe37b",uri:"https://solidos.solidcommunity.net/profile/card#me"}))))}static get style(){return":host{border:var(--size-px) solid var(--pos-border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--size-8);max-width:var(--size-96);background:var(--pos-card-background)}.links{display:flex;flex-direction:column;gap:var(--size-3);max-width:80vw}"}},[1,"pos-example-resources"]);function p(){"undefined"!=typeof customElements&&["pos-example-resources","pos-description","pos-label","pos-resource","pos-rich-link"].forEach((e=>{switch(e){case"pos-example-resources":customElements.get(a(e))||customElements.define(a(e),l);break;case"pos-description":customElements.get(a(e))||c();break;case"pos-label":customElements.get(a(e))||d();break;case"pos-resource":customElements.get(a(e))||i();break;case"pos-rich-link":customElements.get(a(e))||t()}}))}export{l as P,p as d}

package/dist/components/pos-getting-started.js

@@ -0,0 +1 @@
+import{P as t,d as s}from"./pos-getting-started2.js";const o=t,r=s;export{o as PosGettingStarted,r as defineCustomElement}

package/dist/components/pos-getting-started2.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as o,createEvent as a,h as t,Host as r,transformTag as d}from"@stencil/core/internal/client";const c=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.login=a(this,"pod-os:login",7)}render(){return t(r,{key:"7486f4d04e3b7bd341fd2d9c02b85360079c5d5a"},t("div",{key:"710c84685022c9a55c821a421642cbff24c7ba5a"},t("h2",{key:"f01aa189a05ea101c61eecdc68d6fa1db9fefbb3"},"Getting started 🚀"),t("p",{key:"0e3320c4297a3438b2cdda02e27f0517a0ac2a85"},"🔎 Enter a URL into the above navigation bar to browse through the web of data. "),t("p",{key:"f99d218c35b6aa698bba807dc0f3b272ecd81416"},"🔐"," ",t("button",{key:"7091693cc439ddb12f35ef2f3be54f649c47e4ce",class:"login",onClick:()=>this.login.emit()},"Sign in")," ","to access private resources on your Solid Pod or those of your friends or coworkers.")),t("div",{key:"643c46009b4a962548ac501b3bca912a5163f4d3"},t("p",{key:"7fb4a75e5eb6f55a6b8d25825b39f8f82bcadeb9",class:"question"},"New to Solid?"),t("p",{key:"e7dd87fc055ad8981f28f00eb29a65c9e67f7a96"},t("a",{key:"1ad84ef46c7320e4adbb1ce573a8c6b97f60b8ec",href:"https://solidproject.org/for-developers#hosted-pod-services"},"Get a Pod →"))),t("div",{key:"bf50fd05a28e6536aae13cd6c7245c4b487850a6"},t("p",{key:"911eec270cee7a1dcc40320fb43298ad61b01206",class:"question"},"Want to dig deeper into PodOS?"),t("p",{key:"d1f7f4215577f50f1186b48ea0d48670eee53c22"},t("a",{key:"18c487f6e1ea48289654005286816b18e741c8a0",href:"http://pod-os.org"},"Learn more →"))))}static get style(){return":host{border:var(--size-px) solid var(--pos-border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--size-8);max-width:var(--size-96);background:var(--pos-card-background)}.question{font-weight:var(--weight-semibold)}a{font-weight:var(--weight-bold);color:var(--pos-primary-color)}button.login{background:none;color:var(--pos-primary-color);display:inline;text-decoration:underline;border:none;padding:0;margin:0;cursor:pointer;font-size:unset}"}},[1,"pos-getting-started"]);function s(){"undefined"!=typeof customElements&&["pos-getting-started"].forEach((e=>{"pos-getting-started"===e&&(customElements.get(d(e))||customElements.define(d(e),c))}))}export{c as P,s as d}

package/dist/components/pos-image.js

@@ -0,0 +1 @@
+import{P as o,d as s}from"./pos-image2.js";const a=o,m=s;export{a as PosImage,m as defineCustomElement}

package/dist/components/pos-image2.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as i,createEvent as r,h as e,Host as s,transformTag as o}from"@stencil/core/internal/client";import{B as a}from"./chunk.XQ2OKYYA.js";import{s as h}from"./session.js";import"./chunk.4TUIT776.js";const n=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.initializeOsEmitter=r(this,"pod-os:init",7),this.resourceLoadedEmitter=r(this,"pod-os:resource-loaded",7),this.blurredBackground=!1,this.loading=!0,this.setOs=async t=>{this.os=t}}componentWillLoad(){h.onChange("isLoggedIn",(()=>this.fetchBlob())),this.initializeOsEmitter.emit(this.setOs)}async fetchBlob(){try{this.loading=!0,this.imageError=null,this.networkError=null,this.brokenFile=null;const t=await this.os.files().fetchFile(this.src);this.resourceLoadedEmitter.emit(this.src),t.blob()?this.dataUri=URL.createObjectURL(t.blob()):this.brokenFile=t}catch(t){this.networkError=t}finally{this.loading=!1}}onImageError(t){this.networkError=null,this.imageError=t}render(){return this.loading?e("sl-skeleton",{effect:"sheen"}):this.networkError?e("img",{alt:this.alt,src:this.src,onError:t=>this.onImageError(t)}):this.brokenFile?e(a,{file:this.brokenFile}):this.imageError?e("div",{class:"error"},e("a",{href:this.src},this.src)):e(s,{style:{backgroundImage:this.blurredBackground?`url('${this.dataUri}')`:null}},e("img",{src:this.dataUri,alt:this.alt}))}static get watchers(){return{os:[{fetchBlob:0}],src:[{fetchBlob:0}]}}static get style(){return":host{display:flex;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:inherit}img,div.error{border-radius:var(--border-radius);width:var(--width);height:var(--height);max-width:var(--max-width);max-height:var(--max-height);object-fit:var(--object-fit)}img{backdrop-filter:var(--blur-xl)}.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 sl-icon{color:#282828;font-size:calc(var(--width) / 2)}a.error{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)}sl-skeleton{--border-radius:inherit;width:var(--width);height:var(--height);max-width:var(--max-width);max-height:var(--max-height);aspect-ratio:16 / 9}"}},[1,"pos-image",{src:[1],alt:[1],blurredBackground:[4,"blurred-background"],os:[32],dataUri:[32],brokenFile:[32],networkError:[32],imageError:[32],loading:[32]},void 0,{os:[{fetchBlob:0}],src:[{fetchBlob:0}]}]);function c(){"undefined"!=typeof customElements&&["pos-image"].forEach((t=>{"pos-image"===t&&(customElements.get(o(t))||customElements.define(o(t),n))}))}export{n as P,c as d}

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

@@ -0,0 +1 @@
+import{P as o,d as r}from"./pos-internal-router2.js";const s=o,t=r;export{s as PosInternalRouter,t as defineCustomElement}

package/dist/components/pos-internal-router2.js

@@ -0,0 +1 @@
+import{proxyCustomElement as s,HTMLElement as e,h as o,transformTag as t}from"@stencil/core/internal/client";import{d as r}from"./pos-app-dashboard2.js";import{d as p}from"./pos-app-settings2.js";import{d as a}from"./pos-description2.js";import{d as i}from"./pos-example-resources2.js";import{d as n}from"./pos-getting-started2.js";import{d as c}from"./pos-label2.js";import{d as m}from"./pos-predicate2.js";import{d}from"./pos-resource2.js";import{d as l}from"./pos-rich-link2.js";import{d as u}from"./pos-setting-offline-cache2.js";import{d as f}from"./pos-type-index-entries2.js";const b=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.uri="pod-os:dashboard"}render(){return o("pod-os:settings"===this.uri?"pos-app-settings":"pos-app-dashboard",null)}},[0,"pos-internal-router",{uri:[1]}]);function h(){"undefined"!=typeof customElements&&["pos-internal-router","pos-app-dashboard","pos-app-settings","pos-description","pos-example-resources","pos-getting-started","pos-label","pos-predicate","pos-resource","pos-rich-link","pos-setting-offline-cache","pos-type-index-entries"].forEach((s=>{switch(s){case"pos-internal-router":customElements.get(t(s))||customElements.define(t(s),b);break;case"pos-app-dashboard":customElements.get(t(s))||r();break;case"pos-app-settings":customElements.get(t(s))||p();break;case"pos-description":customElements.get(t(s))||a();break;case"pos-example-resources":customElements.get(t(s))||i();break;case"pos-getting-started":customElements.get(t(s))||n();break;case"pos-label":customElements.get(t(s))||c();break;case"pos-predicate":customElements.get(t(s))||m();break;case"pos-resource":customElements.get(t(s))||d();break;case"pos-rich-link":customElements.get(t(s))||l();break;case"pos-setting-offline-cache":customElements.get(t(s))||u();break;case"pos-type-index-entries":customElements.get(t(s))||f()}}))}export{b as P,h as d}

package/dist/components/pos-label.js

@@ -0,0 +1 @@
+import{P as o,d as s}from"./pos-label2.js";const a=o,p=s;export{a as PosLabel,p as defineCustomElement}

package/dist/components/pos-label2.js

@@ -0,0 +1 @@
+import{proxyCustomElement as s,HTMLElement as e,createEvent as t,transformTag as o}from"@stencil/core/internal/client";import{s as r}from"./ResourceAware.js";const n=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.subscribeResource=t(this,"pod-os:resource",7),this.receiveResource=s=>{this.resource=s}}componentWillLoad(){r(this)}render(){return this.resource?this.resource.label():null}},[1,"pos-label",{resource:[32]}]);function i(){"undefined"!=typeof customElements&&["pos-label"].forEach((s=>{"pos-label"===s&&(customElements.get(o(s))||customElements.define(o(s),n))}))}export{n as P,i as d}

package/dist/components/pos-list.js

@@ -0,0 +1 @@
+import{proxyCustomElement as s,HTMLElement as t,createEvent as e,h as i,transformTag as o}from"@stencil/core/internal/client";import{s as r}from"./ResourceAware.js";import{s as h}from"./PodOsAware.js";import{c as n}from"./index3.js";import{d as c}from"./pos-resource2.js";const l=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.subscribeResource=e(this,"pod-os:resource",7),this.subscribePodOs=e(this,"pod-os:init",7),this.fetch=!1,this.error=null,this.items=[],this.disconnected$=new n.Subject,this.receiveResource=s=>{this.items=[],this.rel&&(this.items=s.relations(this.rel).flatMap((s=>s.uris)))},this.receivePodOs=async s=>{s.store.observeFindMembers(this.ifTypeof).pipe(n.takeUntil(this.disconnected$)).subscribe((s=>this.items=s))}}componentWillLoad(){this.rel&&r(this),this.ifTypeof&&h(this);const s=this.host.querySelector("template");null==s?this.error="No template element found":this.templateString=s.innerHTML}render(){if(this.error)return this.error;const s=this.items.map((s=>i("pos-resource",{uri:s,lazy:!this.fetch,innerHTML:this.templateString,about:s})));return this.items.length>0?s:null}disconnectedCallback(){this.disconnected$.next(),this.disconnected$.unsubscribe()}get host(){return this}},[0,"pos-list",{rel:[1],ifTypeof:[1,"if-typeof"],fetch:[4],error:[32],os:[32],resource:[32],items:[32],templateString:[32]}]),m=l,u=function(){"undefined"!=typeof customElements&&["pos-list","pos-resource"].forEach((s=>{switch(s){case"pos-list":customElements.get(o(s))||customElements.define(o(s),l);break;case"pos-resource":customElements.get(o(s))||c()}}))};export{m as PosList,u as defineCustomElement}

package/dist/components/pos-literals.js

@@ -0,0 +1 @@
+import{P as s,d as o}from"./pos-literals2.js";const r=s,t=o;export{r as PosLiterals,t as defineCustomElement}

package/dist/components/pos-literals2.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as s,createEvent as a,h as o,Host as r,transformTag as l}from"@stencil/core/internal/client";import{s as t}from"./ResourceAware.js";import{d}from"./pos-add-literal-value2.js";import{d as c}from"./pos-predicate2.js";import{d as i}from"./pos-select-term2.js";const n=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.subscribeResource=a(this,"pod-os:resource",7),this.data=[],this.receiveResource=e=>{this.data=e.literals()}}componentWillLoad(){t(this)}literalValueAdded(e){const s=this.data.find((s=>s.predicate===e.predicate));this.data=s?this.data.map((a=>a.predicate===s.predicate?{predicate:s.predicate,label:s.label,values:[...s.values,...e.values]}:a)):[...this.data,e]}render(){return o(r,{key:"79a29288f727943c57b62ffc4f3090ecf236f693"},this.data.length>0?o("dl",null,this.data.map((e=>o("div",{class:"predicate-values"},o("dt",null,o("pos-predicate",{uri:e.predicate,label:e.label})),o("div",{class:"values"},e.values.map((e=>o("dd",null,e)))))))):null,o("pos-add-literal-value",{key:"68d1936aca1dff7ff11493266aaf8e3c4d6d67e6","onPod-os:added-literal-value":e=>this.literalValueAdded(e.detail)}))}static get style(){return":host{--background-base-color:color-mix(in srgb, var(--pos-background-color), var(--color-grey-800) 10%);--background-color-even:hsl(from var(--background-base-color) h s calc(l + 7));--background-color-odd:hsl(from var(--background-base-color) h s calc(l + 10));--border-color:var(--background-base-color)}dd{padding:0;margin:0}dl{padding:0;margin:0;display:flex;flex-direction:column;gap:var(--size-1)}dt{margin-bottom:var(--size-1)}.predicate-values:nth-child(odd){background-color:var(--background-color-odd)}.predicate-values:nth-child(even){background-color:var(--background-color-even)}.predicate-values{display:flex;flex-direction:column;border:var(--size-px) solid var(--border-color);padding:var(--size-2);gap:var(--size-1);.values{display:flex;flex-direction:column;gap:var(--size-2)}}"}},[1,"pos-literals",{data:[32]}]);function u(){"undefined"!=typeof customElements&&["pos-literals","pos-add-literal-value","pos-predicate","pos-select-term"].forEach((e=>{switch(e){case"pos-literals":customElements.get(l(e))||customElements.define(l(e),n);break;case"pos-add-literal-value":customElements.get(l(e))||d();break;case"pos-predicate":customElements.get(l(e))||c();break;case"pos-select-term":customElements.get(l(e))||i()}}))}export{n as P,u as d}

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

@@ -0,0 +1 @@
+import{P as o,d as s}from"./pos-login-form2.js";const r=o,m=s;export{r as PosLoginForm,m as defineCustomElement}

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

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as o,createEvent as t,h as i,transformTag as d}from"@stencil/core/internal/client";const a=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.idpUrlSelected=t(this,"pod-os:idp-url-selected",7),this.idpUrl="",this.canSubmit=!1}validate(){this.canSubmit=Boolean(this.idpUrl)}render(){return i("form",{key:"15b515887ebceff9ed2adb03f05e4725d5b1d4da",method:"dialog",onSubmit:()=>this.handleSubmit()},i("label",{key:"2278fd2cd0629dfc8d0bc3dc1c10223383131e15",htmlFor:"idpUrl"},"Please enter your Identity Provider"),i("input",{key:"2e63bb5aa1d16393abd46d042fd78a8e70dbc476",id:"idpUrl",type:"url",value:this.idpUrl,required:!0,onInput:e=>this.handleChange(e),list:"suggestedIssuers",placeholder:"Type to search..."}),i("datalist",{key:"16de93f77ee4f756c76fd5e58d84cf8a96b7fafb",id:"suggestedIssuers"},i("option",{key:"c6612878e0dc7be06ba9c88266ba746cc41bbcbd",value:"https://solidcommunity.net/"},"solidcommunity.net"),i("option",{key:"c93e6a9e2cad61c5247a048a4261079daca2655d",value:"https://solidweb.me/"},"solidweb.me"),i("option",{key:"d051f96a34bafa0d8c55e0ea1b9bfc7a5eb4f59a",value:"https://login.inrupt.com"},"Inrupt PodSpaces"),i("option",{key:"c793826a68676e176714898363ad06daa023a2f3",value:"https://trinpod.us"},"trinpod.us"),i("option",{key:"8ed729faba2a6c7b9fbc53d96511ec4ebc0db340",value:"https://trinpod.eu"},"trinpod.eu"),i("option",{key:"e683f8901b359e8bf82cb3e6d196817ac1150134",value:"https://solid.redpencil.io/"},"redpencil.io"),i("option",{key:"ddbad19605db043fc6f19ca5d4fc7bfd1d96b743",value:"https://teamid.live/"},"teamid.live")),i("input",{key:"ac9ebfdcfe6e1053fde4f890abd3e1183621060c",id:"login",type:"submit",value:"Login",disabled:!this.canSubmit}))}handleChange(e){this.validate(),this.idpUrl=e.target.value}async handleSubmit(){this.idpUrlSelected.emit(this.idpUrl)}static get delegatesFocus(){return!0}static get watchers(){return{idpUrl:[{validate:0}]}}static get style(){return":host{display:block;margin:0}form{display:flex;flex-direction:column;gap:var(--size-4)}input{outline:var(--pos-input-outline);padding:var(--scale-000);border:none;border-radius:var(--radius-xs);width:var(--size-full);box-sizing:border-box;background:var(--pos-input-background-color);color:var(--pos-normal-text-color)}input:focus-within{outline:var(--pos-input-focus-outline)}input#login{outline:none;box-shadow:var(--shadow-sm);cursor:pointer;color:var(--pos-primary-text-color);background-color:var(--pos-primary-color)}input#login:disabled{cursor:default;color:var(--pos-disabled-text-color);background-color:var(--pos-disabled-color);box-shadow:none}input#login:hover:not(:disabled),input#login:focus{filter:brightness(110%);box-shadow:var(--shadow-md)}"}},[17,"pos-login-form",{idpUrl:[32],canSubmit:[32]},void 0,{idpUrl:[{validate:0}]}]);function s(){"undefined"!=typeof customElements&&["pos-login-form"].forEach((e=>{"pos-login-form"===e&&(customElements.get(d(e))||customElements.define(d(e),a))}))}export{a as P,s as d}

package/dist/components/pos-login.js

@@ -0,0 +1 @@
+import{P as o,d as s}from"./pos-login2.js";const p=o,r=s;export{p as PosLogin,r as defineCustomElement}

package/dist/components/pos-login2.js

@@ -0,0 +1 @@
+import{proxyCustomElement as o,HTMLElement as s,createEvent as t,h as e,Host as i,transformTag as n}from"@stencil/core/internal/client";import{s as r}from"./session.js";import{d as a}from"./pos-dialog2.js";import{d as l}from"./pos-image2.js";import{d as c}from"./pos-label2.js";import{d as p}from"./pos-login-form2.js";import{d as u}from"./pos-picture2.js";import{d}from"./pos-resource2.js";import{d as g}from"./pos-upload2.js";const m=o(class extends s{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.initializeOsEmitter=t(this,"pod-os:init",7),this.customLoggedInComponent=!1,this.setOs=async o=>{this.os=o}}componentWillLoad(){this.customLoggedInComponent=!!this.host.querySelector('[slot="if-logged-in"]'),this.initializeOsEmitter.emit(this.setOs)}login(o){this.os.login(o.detail)}logout(){this.os.logout()}onLogin(){this.openDialog()}openDialog(){this.dialog.showModal()}render(){return e(i,{key:"9c0cb63442db7acea4e60b09528bf4fc25afe2de"},e("div",{key:"ca56c2b730f371da27c1ac0a465a45d87071722f",class:"container"},r.state.isLoggedIn?this.loggedInComponents():e("button",{id:"login",onClick:()=>this.openDialog()},"Login")),e("pos-dialog",{key:"97b7d80acd6b57980641f189e3c2a67e8e45df44",ref:o=>this.dialog=o},e("span",{key:"3296c22755474e139546491890a5cc35c7a07be9",slot:"title"},"Sign in to your Pod"),e("pos-login-form",{key:"cb68b44a0a7541c116d3711c3ce8d0141515e815","onPod-os:idp-url-selected":o=>this.login(o),slot:"content"})))}loggedInComponents(){return this.customLoggedInComponent?e("slot",{name:"if-logged-in"}):this.defaultLoggedInComponents()}defaultLoggedInComponents(){return[e("pos-resource",{uri:r.state.webId},e("span",{class:"user-data"},e("pos-picture",{"no-upload":!0}),e("pos-label",null))),e("button",{id:"logout",onClick:()=>this.logout()},"Logout")]}get host(){return this}static get style(){return".container{display:flex;align-items:center;gap:var(--size-2)}.user-data{align-items:center;display:inline-flex;gap:10px}.user-data pos-picture{--width:40px;--height:40px;--border-radius:50%}pos-login-form{margin:var(--size-2)}dialog{margin-top:var(--size-10)}button#login,button#logout{outline:none;font-weight:var(--weight-bold);letter-spacing:var(--letter-xl);border:none;box-sizing:border-box;border-radius:var(--radius-xs);padding:var(--size-2);box-shadow:var(--shadow-sm);color:var(--pos-primary-text-color);background-color:var(--pos-primary-color)}button#login:focus-within,button#logout:focus-within{outline:var(--pos-input-focus-outline)}button#login:focus,button#login:hover,button#logout:focus,button#logout:hover{filter:brightness(110%);box-shadow:var(--shadow-md)}"}},[257,"pos-login",{os:[32],customLoggedInComponent:[32]},[[4,"pod-os:logout","logout"],[4,"pod-os:login","onLogin"]]]);function b(){"undefined"!=typeof customElements&&["pos-login","pos-dialog","pos-image","pos-label","pos-login-form","pos-picture","pos-resource","pos-upload"].forEach((o=>{switch(o){case"pos-login":customElements.get(n(o))||customElements.define(n(o),m);break;case"pos-dialog":customElements.get(n(o))||a();break;case"pos-image":customElements.get(n(o))||l();break;case"pos-label":customElements.get(n(o))||c();break;case"pos-login-form":customElements.get(n(o))||p();break;case"pos-picture":customElements.get(n(o))||u();break;case"pos-resource":customElements.get(n(o))||d();break;case"pos-upload":customElements.get(n(o))||g()}}))}export{m as P,b as d}

package/dist/components/pos-make-findable.js

@@ -0,0 +1 @@
+import{P as o,d as s}from"./pos-make-findable2.js";const a=o,e=s;export{a as PosMakeFindable,e as defineCustomElement}

package/dist/components/pos-make-findable2.js

@@ -0,0 +1 @@
+import{proxyCustomElement as s,HTMLElement as t,createEvent as e,h as o,Host as i,transformTag as r}from"@stencil/core/internal/client";import{a as n}from"./index2.js";import{s as a}from"./PodOsAware.js";import{s as l}from"./session.js";import"./chunk.HVTXQL7M.js";import"./chunk.5JY5FUCG.js";import"./chunk.6CTB5ZDJ.js";import"./chunk.4TUIT776.js";import"./chunk.YHLNUJ7P.js";import{d as c}from"./pos-label2.js";import{d as h}from"./pos-resource2.js";const d=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.subscribePodOs=e(this,"pod-os:init",7),this.errorEmitter=e(this,"pod-os:error",7),this.indexUpdatedEmitter=e(this,"pod-os:search:index-updated",7),this.indexCreatedEmitter=e(this,"pod-os:search:index-created",7),this.indexes=[],this.showOptions=!1,this.isIndexed=!1,this.receivePodOs=async s=>{this.os=s,this.thing=this.os.store.get(this.uri),this.getLabelIndexes(l.state.profile),this.unsubscribeSessionChange=l.onChange("profile",(s=>{this.getLabelIndexes(s)}))}}componentWillLoad(){a(this)}disconnectedCallback(){this.unsubscribeSessionChange&&this.unsubscribeSessionChange()}updateUri(s){this.thing=this.os.store.get(s),this.isIndexed=this.checkIfIndexed(s)}checkIfIndexed(s){return this.indexes.some((t=>t.contains(s)))}getLabelIndexes(s){s&&(this.indexes=s.getPrivateLabelIndexes().map((s=>this.os.store.get(s).assume(n))),this.showOptions=this.indexes.length>1,this.isIndexed=this.checkIfIndexed(this.uri))}async onClick(s){if(s.preventDefault(),1===this.indexes.length){const s=this.indexes[0];await this.addToLabelIndex(s),this.indexUpdatedEmitter.emit(s)}else if(0===this.indexes.length){const s=await this.createDefaultLabelIndex();await this.addToLabelIndex(s),this.indexCreatedEmitter.emit(s)}}async addToLabelIndex(s){try{await this.os.addToLabelIndex(this.thing,s),this.isIndexed=!0}catch(s){this.errorEmitter.emit(s)}}async createDefaultLabelIndex(){try{return await this.os.createDefaultLabelIndex(l.state.profile)}catch(s){this.errorEmitter.emit(s)}}render(){if(!l.state.isLoggedIn||!this.uri)return null;const s="Make this findable",t=o("button",{type:"button",slot:"trigger","aria-label":s,class:{main:!0,success:this.isIndexed},onClick:s=>this.onClick(s),title:""},o(this.isIndexed?p:u,null),o("p",null,s));return this.showOptions?o(i,null,o("sl-dropdown",null,t,o("sl-menu",{role:"listbox"},this.indexes.map((s=>o("sl-menu-item",{role:"option",value:s,type:"checkbox",checked:s.contains(this.uri)},o("pos-resource",{uri:s.uri,lazy:!0},o("pos-label",null)))))))):t}async onSelect(s){const t=s.detail.item.value;s.preventDefault(),await this.addToLabelIndex(t),this.indexUpdatedEmitter.emit(t)}get el(){return this}static get watchers(){return{uri:[{updateUri:0}]}}static get style(){return"button.main{display:flex;transition:width 200ms,\\n    background-color 500ms,\\n    color 500ms,\\n    border-color 500ms;max-width:var(--size-40);flex-direction:row;overflow:hidden;height:var(--pos-navigation-bar-height);width:var(--pos-navigation-bar-height);align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--pos-subtle-text-color);border:var(--size-px) dashed var(--pos-subtle-text-color);background-color:var(--pos-background-color);p{padding:0;margin:0;display:none;white-space:nowrap}&.success{color:var(--color-green-700);border-color:var(--color-green-700);border-style:solid;background-color:var(--color-green-100)}&:active{transform:scale(0.99);filter:brightness(90%)}&:focus{outline:var(--pos-input-focus-outline)}}svg{display:inline-block;height:var(--size-6);flex-shrink:0;flex-grow:0;width:var(--size-6)}button.main:hover,sl-dropdown[open] button{width:var(--size-full);height:var(--pos-navigation-bar-height);background:var(--pos-background-color);color:var(--pos-normal-text-color);&.success{background:var(--color-green-200);color:var(--color-green-700)}p{display:inline-block}}"}},[1,"pos-make-findable",{uri:[1],os:[32],thing:[32],indexes:[32],unsubscribeSessionChange:[32],showOptions:[32],isIndexed:[32]},[[0,"sl-select","onSelect"]],{uri:[{updateUri:0}]}]),u=()=>o("svg",{role:"presentation",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor"},o("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m5.231 13.481L15 17.25m-4.5-15H5.625c-.621 0-1.125.504-1.125 1.125v16.5c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Zm3.75 11.625a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z"})),p=()=>o("svg",{role:"presentation",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor"},o("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M10.125 2.25h-4.5c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125v-9M10.125 2.25h.375a9 9 0 0 1 9 9v.375M10.125 2.25A3.375 3.375 0 0 1 13.5 5.625v1.5c0 .621.504 1.125 1.125 1.125h1.5a3.375 3.375 0 0 1 3.375 3.375M9 15l2.25 2.25L15 12"}));function m(){"undefined"!=typeof customElements&&["pos-make-findable","pos-label","pos-resource"].forEach((s=>{switch(s){case"pos-make-findable":customElements.get(r(s))||customElements.define(r(s),d);break;case"pos-label":customElements.get(r(s))||c();break;case"pos-resource":customElements.get(r(s))||h()}}))}export{d as P,m as d}

package/dist/components/pos-markdown-document.js

@@ -0,0 +1 @@
+import{P as o,d as s}from"./pos-markdown-document2.js";const m=o,r=s;export{m as PosMarkdownDocument,r as defineCustomElement}