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

package/dist/contacts/p-1a3db10b.entry.js

@@ -0,0 +1,364 @@
+import{r as t,h as e,e as i,c as o}from"./p-_4aU9NfA.js";import"./p-D6s4RlTY.js";import{i as s,x as a,c as r,S as n,_ as l,r as c,n as d,a as h,w as u}from"./p-DAeBhDur.js";import{e as p}from"./p-ffZsjcF5.js";import{o as b}from"./p-GY-EgIvC.js";import{e as v,s as m,a as f,g,b as w,w as y}from"./p-B9Os6GUk.js";import{H as _}from"./p-C_2ssh--.js";import{L as k}from"./p-BnGEOH37.js";import{c as x}from"./p-vFMstSdt.js";import{s as $}from"./p-sjhA5ZF-.js";import{s as z}from"./p-jlzl8vRd.js";import{c as C}from"./p-CXax1-ne.js";import{s as j}from"./p-BW_CkW1K.js";const S=class{constructor(e){t(this,e)}openDialog(){this.dialog.showModal()}render(){return e(i,{key:"9a60547270fcc455679acdfe6de75da57e513b1f"},e("button",{key:"32a8ba00ef511587024c843663e281e2b6930c19",id:"new",title:"Add a new thing",onClick:()=>this.openDialog()},e("sl-icon",{key:"6faf99cef999b441410770b0509f5a8d6a10f7e9",name:"plus-circle"})),e("pos-dialog",{key:"f6cd827c19d3dfe33500f03e561f399e11d728ce",ref:t=>this.dialog=t},e("span",{key:"ff40b8f28a349a1ad6db11e2d427d74ea5fbd300",slot:"title"},"Add a new thing"),e("pos-new-thing-form",{key:"e48257160d78d025e6213bd61c4953261d4829c2",slot:"content",referenceUri:this.referenceUri})))}};S.style=":host{font-family:var(--font-sans);display:block}button#new{cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;width:var(--size-10);height:var(--size-10);background-color:var(--pos-primary-color);color:var(--pos-primary-text-color);font-size:var(--scale-6);border-radius:var(--radius-xs);padding:var(--size-2)}button#new:hover,button#new:focus{outline:none;filter:brightness(110%);box-shadow:var(--shadow-sm)}pos-new-thing-form{margin:var(--scale-3)}";var I=s`
+  :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 D=Symbol.for(""),R=t=>{if(t?.r===D)return t?._$litStatic$},U=(t,...e)=>({_$litStatic$:e.reduce(((e,i,o)=>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.`)})(i)+t[o+1]),t[0]),r:D}),A=new Map,E=(L=a,(t,...e)=>{const i=e.length;let o,s;const a=[],r=[];let n,l=0,c=!1;for(;l<i;){for(n=t[l];l<i&&void 0!==(s=e[l],o=R(s));)n+=o+t[++l],c=!0;l!==i&&r.push(s),a.push(n),l++}if(l===i&&a.push(t[i]),c){const i=a.join("$$lit$$");void 0===(t=A.get(i))&&(a.raw=a,A.set(i,t=a)),e=r}return L(t,...e)});var L,B=class extends h{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?U`a`:U`button`;return E`
+      <${e}
+        part="base"
+        class=${p({"icon-button":!0,"icon-button--disabled":!t&&this.disabled,"icon-button--focused":this.hasFocus})}
+        ?disabled=${b(t?void 0:this.disabled)}
+        type=${b(t?void 0:"button")}
+        href=${b(t?this.href:void 0)}
+        target=${b(t?this.target:void 0)}
+        download=${b(t?this.download:void 0)}
+        rel=${b(t&&this.target?"noreferrer noopener":void 0)}
+        role=${b(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=${b(this.name)}
+          library=${b(this.library)}
+          src=${b(this.src)}
+          aria-hidden="true"
+        ></sl-icon>
+      </${e}>
+    `}};B.styles=[r,I],B.dependencies={"sl-icon":n},l([v(".icon-button")],B.prototype,"button",2),l([c()],B.prototype,"hasFocus",2),l([d()],B.prototype,"name",2),l([d()],B.prototype,"library",2),l([d()],B.prototype,"src",2),l([d()],B.prototype,"href",2),l([d()],B.prototype,"target",2),l([d()],B.prototype,"download",2),l([d()],B.prototype,"label",2),l([d({type:Boolean,reflect:!0})],B.prototype,"disabled",2);var F=s`
+  :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;
+  }
+`,O=class t extends h{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 f(this.base),this.base.hidden=!1;const{keyframes:t,options:e}=g(this,"alert.show",{dir:this.localize.dir()});await w(this.base,t,e),this.emit("sl-after-show")}else{(t=>{var e;const{activeElement:i}=document;i&&t.contains(i)&&(null==(e=document.activeElement)||e.blur())})(this),this.emit("sl-hide"),clearTimeout(this.autoHideTimeout),clearInterval(this.remainingTimeInterval),await f(this.base);const{keyframes:t,options:e}=g(this,"alert.hide",{dir:this.localize.dir()});await w(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 a`
+      <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?a`
+              <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?a`
+              <div
+                class=${p({alert__countdown:!0,"alert__countdown--ltr":"ltr"===this.countdown})}
+              >
+                <div class="alert__countdown-elapsed"></div>
+              </div>
+            `:""}
+      </div>
+    `}};O.styles=[r,F],O.dependencies={"sl-icon-button":B},l([v('[part~="base"]')],O.prototype,"base",2),l([v(".alert__countdown-elapsed")],O.prototype,"countdownElement",2),l([d({type:Boolean,reflect:!0})],O.prototype,"open",2),l([d({type:Boolean,reflect:!0})],O.prototype,"closable",2),l([d({reflect:!0})],O.prototype,"variant",2),l([d({type:Number})],O.prototype,"duration",2),l([d({type:String,reflect:!0})],O.prototype,"countdown",2),l([c()],O.prototype,"remainingTime",2),l([u("open",{waitUntilFirstUpdate:!0})],O.prototype,"handleOpenChange",1),l([u("duration")],O.prototype,"handleDurationChange",1);var T=O;m("alert.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}}),m("alert.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}}),T.define("sl-alert");const H=class{constructor(e){t(this,e)}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 e(i,{key:"a2c2db82c085541f2912861ff715633c1a50872e"},e("sl-alert",{key:"af7e56dacdd8c2cdacfe4eb5020d59e8111e9947",ref:t=>this.alert=t,variant:"danger",duration:"10000",closable:!0},e("sl-icon",{key:"f50b8c321b0844c2f3cac2886f23b758e18500b1",slot:"icon",name:"exclamation-octagon"}),e("strong",{key:"0f7c7880b08366a16baaa1385df12614d6a6cddf"},this.title),e("br",{key:"5660dbabfa1162590b386087231301ee3920a415"}),this.message),e("slot",{key:"671026ea140044dfbeb63dee5c08a65591464668"}))}},M=class{constructor(e){t(this,e),this.uri="pod-os:dashboard"}render(){return e("pod-os:settings"===this.uri?"pos-app-settings":"pos-app-dashboard",null)}},V=class{constructor(e){t(this,e),this.subscribePodOs=o(this,"pod-os:init",7),this.linkEmitter=o(this,"pod-os:link",7),this.uri="",this.inputValue=this.uri,this.searchIndex=void 0,this.suggestions=[],this.selectedIndex=-1,this.resource=null,this.changeEvents=new x.Subject,this.debouncedSearch=null,this.receivePodOs=async t=>{this.os=t}}updateResource(){var t;try{this.resource=this.uri?null===(t=this.os)||void 0===t?void 0:t.store.get(this.uri):null}catch(t){this.resource=null}}componentWillLoad(){z(this),this.updateResource(),$.onChange("isLoggedIn",(async t=>{t?await this.buildSearchIndex():this.clearSearchIndex()})),this.debouncedSearch=this.changeEvents.pipe(x.debounceTime(300)).subscribe((()=>this.search()))}disconnectedCallback(){var t;null===(t=this.debouncedSearch)||void 0===t||t.unsubscribe()}async buildSearchIndex(){this.searchIndex=await this.os.buildSearchIndex($.state.profile)}rebuildSearchIndex(){this.searchIndex.rebuild()}openNavigationDialog(t){var e,i;this.resource=t.detail,t.detail&&(this.inputValue=t.detail.uri,this.search()),null===(e=this.inputRef)||void 0===e||e.select(),null===(i=this.dialogRef)||void 0===i||i.show()}clearSearchIndex(){var t;null===(t=this.searchIndex)||void 0===t||t.clear()}onChange(t){this.inputValue=t.target.value,this.changeEvents.next()}closeDialog(){var t;null===(t=this.dialogRef)||void 0===t||t.close(),this.selectedIndex=-1}clearSuggestions(){var t;this.suggestions=[],null===(t=this.dialogRef)||void 0===t||t.close(),this.selectedIndex=-1}onClickSelf(t){t.stopPropagation()}handleKeyDown(t){"Escape"===t.key?this.closeDialog():"ArrowDown"===t.key?(t.preventDefault(),this.selectedIndex=Math.min(this.selectedIndex+1,this.suggestions.length-1)):"ArrowUp"===t.key&&(t.preventDefault(),this.selectedIndex=Math.max(this.selectedIndex-1,0))}search(){this.searchIndex&&(this.suggestions=this.inputValue?this.searchIndex.search(this.inputValue):[])}onSubmit(){this.linkEmitter.emit(this.suggestions&&this.selectedIndex>-1?this.suggestions[this.selectedIndex].ref:this.inputValue)}render(){return e("nav",{key:"d5ad4841674cf172e9401a63fc50e58900ca5b1f"},e("search",{key:"8daf86774c49234d10637160fd983681ac483b44"},e("pos-navigation-bar",{key:"200137643dbc0aa1f120c231dc70a0d3f71b596a",searchIndexReady:void 0!==this.searchIndex,current:this.resource}),e("dialog",{key:"f2fb1d3e4a38d17efb6bd80ca791e8a30fafab66",ref:t=>this.dialogRef=t},e("form",{key:"e54698d8fb968a5ee6007cc4d5644fec36bf74f3",method:"dialog",onSubmit:()=>this.onSubmit()},e("input",{key:"633a4030c6296b5c94e2661bd73168afc1e04438",ref:t=>this.inputRef=t,enterkeyhint:"search","aria-label":"Search or enter URI",placeholder:"Search or enter URI",value:this.uri,onChange:t=>this.onChange(t),onInput:t=>this.onChange(t),role:"combobox","aria-autocomplete":"list","aria-expanded":this.suggestions.length>0,"aria-controls":"suggestions-list","aria-activedescendant":this.selectedIndex>=0?`option-${this.selectedIndex}`:null}),this.suggestions.length>0?e("div",{class:"suggestions"},e("ol",{id:"suggestions-list",role:"listbox","aria-label":"Search results"},this.suggestions.map(((t,i)=>e("li",{id:`option-${i}`,role:"option","aria-selected":i===this.selectedIndex?"true":"false"},e("pos-rich-link",{uri:t.ref})))))):null))))}static get watchers(){return{uri:[{updateResource:0}],os:[{updateResource:0}]}}};V.style=":host{--pos-navigation-bar-height:var(--size-10)}search{position:relative}.suggestions ol{border:1px solid var(--pos-border-color);display:flex;flex-direction:column;margin:0;padding:0;list-style-type:none}.suggestions{width:100%;overflow-y:auto;max-height:90dvh;li{padding:1rem;background-color:var(--pos-background-color);pos-rich-link{--background-color:inherit}&[aria-selected='true']{background-color:var(--pos-primary-color);&:hover{background-color:var(--pos-primary-color)}}&:hover{background-color:var(--pos-border-color)}}}.suggestions li.selected pos-rich-link{--label-color:white;--description-color:var(--pos-border-color);--uri-color:var(--pos-subtle-text-color)}dialog{position:absolute;margin-top:calc(-1 * var(--pos-navigation-bar-height));padding:0;width:100%;max-width:100%;min-width:100%;overflow:hidden;max-height:100dvh;background-color:var(--pos-background-color);color:var(--pos-normal-text-color);border:var(--pos-border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);form{display:flex;flex-direction:column;height:100%;width:100%;align-items:center;input{display:flex;font-size:var(--scale-1);height:var(--pos-navigation-bar-height);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);padding-left:var(--size-2);width:100%;border:none;outline:none;color:var(--pos-normal-text-color);background-color:var(--pos-input-background-color);box-sizing:border-box}}}dialog[open]{display:flex;z-index:var(--layer-top);animation:slideIn 100ms ease-out}@media (max-width: 640px){search{position:unset}dialog{margin-top:var(--size-1);top:0;width:95dvw;max-width:unset;min-width:unset;form{input{height:var(--size-12);font-size:var(--scale-fluid-3)}}}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}";const W=C(),q=class{constructor(e){t(this,e),this.routeChanged=o(this,"pod-os:route-changed",7),this.mode="standalone"}linkClicked(t){this.navigate(t.detail)}sessionRestored(t){W.push(t.detail.url)}componentWillLoad(){this.updateUri(),W.onChange("url",(()=>{this.updateUri()}))}navigate(t){W.push("?uri="+encodeURIComponent(t))}updateUri(){this.uri=new URLSearchParams(window.location.search).get("uri")||("standalone"===this.mode?"pod-os:dashboard":window.location.href),this.routeChanged.emit(this.uri)}render(){return e("slot",{key:"8b09de3dbbd253665cd541b9f264b0dcdc774354"})}};q.style=".toolbar{display:flex;flex-direction:row;gap:0;align-items:center;margin-left:0.5rem}pos-navigation{flex-grow:1}";const G={Generic:{element:"pos-app-generic",label:"Data",icon:"list-ul",types:[]},Attachments:{element:"pos-tool-attachments",label:"Attach",icon:"paperclip",types:[]},RdfDocument:{element:"pos-app-rdf-document",label:"Things",icon:"diagram-2",types:[{uri:"http://www.w3.org/2007/ont/link#RDFDocument",priority:20}]},DocumentViewer:{element:"pos-app-document-viewer",label:"Doc",icon:"file-text",types:[{uri:"http://www.w3.org/ns/iana/media-types/application/pdf#Resource",priority:30},{uri:"http://www.w3.org/2007/ont/link#Document",priority:10}]},ImageViewer:{element:"pos-app-image-viewer",label:"Pic",icon:"file-image",types:[{uri:"http://purl.org/dc/terms/Image",priority:20}]},LdpContainer:{element:"pos-app-ldp-container",label:"Content",icon:"folder",types:[{uri:"http://www.w3.org/ns/ldp#Container",priority:30}]}};function N(t,e){return t.filter((t=>e.has(t.uri))).reduce(((t,e)=>Math.max(t,e.priority)),0)}const P=t=>t.priority>0,K=(t,e)=>e.priority-t.priority,X=class{constructor(e){t(this,e),this.subscribeResource=o(this,"pod-os:resource",7),this.transitioning=!1,this.receiveResource=t=>{var e;const i=t.types();this.availableTools=function(t){const e=new Set(t.map((t=>t.uri)));return Object.values(G).map((t=>e=>({tool:e,priority:N(e.types,t)}))(e)).filter(P).toSorted(K).map((t=>t.tool)).concat(G.Generic).concat(G.Attachments)}(i),this.currentTool=null!==(e=this.availableTools.find((t=>t.element===this.initialTool)))&&void 0!==e?e:this.availableTools[0]}}componentWillLoad(){j(this);const t=new URLSearchParams(window.location.search).get("tool");t&&(this.initialTool=t)}handleToolSelected(t){this.oldTool=this.currentTool,this.currentTool=t.detail,this.transitioning=!0;const e=new URL(window.location.href);e.searchParams.set("tool",t.detail.element),window.history.replaceState({},"",e.toString())}render(){return this.availableTools?this.renderApp():null}renderApp(){var t;const i=this.currentTool.element,o=null===(t=this.oldTool)||void 0===t?void 0:t.element;return e("section",null,e("pos-tool-select",{selected:this.currentTool,tools:this.availableTools}),e("div",{class:{tools:!0,transition:this.transitioning},onAnimationEnd:()=>this.removeOldTool()},o&&e(o,{class:"tool hidden"}),e(i,{class:"tool visible"})))}removeOldTool(){this.oldTool=null,this.transitioning=!1}};X.style="section{display:flex;flex-direction:row}.tools{flex-grow:1;&.transition{position:relative;.tool{position:absolute}}}.tool{top:0;right:0;left:0;bottom:0;&.visible{animation:fadeIn 300ms ease-in}&.hidden{animation:fadeOut 300ms ease-in}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@media (max-width: 640px){section{--toolbar-size:var(--size-16);flex-direction:column-reverse;padding-bottom:var(--toolbar-size);pos-tool-select{--button-size:var(--toolbar-size)}}}";var Y=s`
+  :host {
+    display: inline-block;
+
+    --size: 3rem;
+  }
+
+  .avatar {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    width: var(--size);
+    height: var(--size);
+    background-color: var(--sl-color-neutral-400);
+    font-family: var(--sl-font-sans);
+    font-size: calc(var(--size) * 0.5);
+    font-weight: var(--sl-font-weight-normal);
+    color: var(--sl-color-neutral-0);
+    user-select: none;
+    -webkit-user-select: none;
+    vertical-align: middle;
+  }
+
+  .avatar--circle,
+  .avatar--circle .avatar__image {
+    border-radius: var(--sl-border-radius-circle);
+  }
+
+  .avatar--rounded,
+  .avatar--rounded .avatar__image {
+    border-radius: var(--sl-border-radius-medium);
+  }
+
+  .avatar--square {
+    border-radius: 0;
+  }
+
+  .avatar__icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+
+  .avatar__initials {
+    line-height: 1;
+    text-transform: uppercase;
+  }
+
+  .avatar__image {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    overflow: hidden;
+  }
+`,Z=class extends h{constructor(){super(...arguments),this.hasError=!1,this.image="",this.label="",this.initials="",this.loading="eager",this.shape="circle"}handleImageChange(){this.hasError=!1}handleImageLoadError(){this.hasError=!0,this.emit("sl-error")}render(){const t=a`
+      <img
+        part="image"
+        class="avatar__image"
+        src="${this.image}"
+        loading="${this.loading}"
+        alt=""
+        @error="${this.handleImageLoadError}"
+      />
+    `;let e=a``;return e=this.initials?a`<div part="initials" class="avatar__initials">${this.initials}</div>`:a`
+        <div part="icon" class="avatar__icon" aria-hidden="true">
+          <slot name="icon">
+            <sl-icon name="person-fill" library="system"></sl-icon>
+          </slot>
+        </div>
+      `,a`
+      <div
+        part="base"
+        class=${p({avatar:!0,"avatar--circle":"circle"===this.shape,"avatar--rounded":"rounded"===this.shape,"avatar--square":"square"===this.shape})}
+        role="img"
+        aria-label=${this.label}
+      >
+        ${this.image&&!this.hasError?t:e}
+      </div>
+    `}};Z.styles=[r,Y],Z.dependencies={"sl-icon":n},l([c()],Z.prototype,"hasError",2),l([d()],Z.prototype,"image",2),l([d()],Z.prototype,"label",2),l([d()],Z.prototype,"initials",2),l([d()],Z.prototype,"loading",2),l([d({reflect:!0})],Z.prototype,"shape",2),l([u("image")],Z.prototype,"handleImageChange",1),Z.define("sl-avatar");var J=s`
+  :host {
+    --color: var(--sl-panel-border-color);
+    --width: var(--sl-panel-border-width);
+    --spacing: var(--sl-spacing-medium);
+  }
+
+  :host(:not([vertical])) {
+    display: block;
+    border-top: solid var(--width) var(--color);
+    margin: var(--spacing) 0;
+  }
+
+  :host([vertical]) {
+    display: inline-block;
+    height: 100%;
+    border-left: solid var(--width) var(--color);
+    margin: 0 var(--spacing);
+  }
+`,Q=class extends h{constructor(){super(...arguments),this.vertical=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","separator")}handleVerticalChange(){this.setAttribute("aria-orientation",this.vertical?"vertical":"horizontal")}};Q.styles=[r,J],l([d({type:Boolean,reflect:!0})],Q.prototype,"vertical",2),l([u("vertical")],Q.prototype,"handleVerticalChange",1),Q.define("sl-divider");const tt=class{constructor(e){t(this,e),this.logout=o(this,"pod-os:logout",7),this.link=o(this,"pod-os:link",7)}onSelect(t){const{value:e}=t.detail.item;"logout"===e?this.logout.emit():"profile"===e?this.link.emit(this.webId):"dashboard"===e?this.link.emit("pod-os:dashboard"):"settings"===e&&this.link.emit("pod-os:settings")}render(){return this.webId?e("pos-resource",{uri:this.webId},e("sl-dropdown",null,e("button",{slot:"trigger","aria-label":"User menu"},e("pos-picture",{"no-upload":!0},e("sl-avatar",null))),e("sl-menu",null,e("sl-menu-item",{value:"dashboard"},"Dashboard"),e("sl-menu-item",{value:"profile"},e("pos-label",null)),e("sl-menu-item",{value:"settings"},"Settings"),e("sl-divider",null),e("sl-menu-item",{value:"logout"},"Logout")))):null}};tt.style="button{display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:none;cursor:pointer;border-radius:50%;pos-picture{--width:40px;--height:40px;--border-radius:50%}sl-avatar{--size:40px}}sl-dropdown{display:block}";export{S as pos_add_new_thing,H as pos_error_toast,M as pos_internal_router,V as pos_navigation,q as pos_router,X as pos_type_router,tt as pos_user_menu}

package/dist/contacts/p-1c438065.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i}from"./p-_4aU9NfA.js";import"./p-1xUnBGk9.js";import"./p-B9Os6GUk.js";import"./p-BnGEOH37.js";import"./p-DAeBhDur.js";import"./p-D6s4RlTY.js";import"./p-ffZsjcF5.js";const o=class{constructor(i){t(this,i),this.expanded=!1}render(){return this.expanded?i("div",{class:"container"},i("a",{href:this.uri},this.uri),i("sl-tooltip",{content:"Collapse URI"},i("button",{"aria-label":`collapse URI to ${this.label}`,onClick:()=>this.expanded=!1},i("sl-icon",{name:"arrow-left-circle"})))):i("sl-tooltip",{content:`${this.uri}`},i("button",{onClick:()=>this.expanded=!0},this.label))}};o.style=":host{--text-color:var(--pos-primary-color);font-family:var(--font-sans)}button{line-height:var(--scale-0);font-family:inherit;margin:0;padding:0;display:flex;background:none;border:none;cursor:pointer}button,a{color:var(--text-color);font-weight:var(--weight-light);line-height:var(--scale-0);font-size:var(--scale-0);font-family:inherit}.container{display:flex;gap:var(--size-1);flex-direction:row;align-items:center;line-height:var(--scale-0)}";export{o as pos_predicate}

package/dist/contacts/p-1d26260f.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as s,e as i}from"./p-_4aU9NfA.js";import{L as n}from"./p-LoCE14bN.js";import{s as o}from"./p-BW_CkW1K.js";const r=class{constructor(s){t(this,s),this.subscribeResource=e(this,"pod-os:resource",7),this.contents=[],this.loading=!0,this.createNewItem=null,this.receiveResource=t=>{this.container=t.assume(n),this.loading=!1,this.contents=this.container.contains().sort(((t,e)=>t.name.localeCompare(e.name)))}}onCreateNewFile(){this.createNewItem="file"}onCreateNewFolder(){this.createNewItem="folder"}componentWillLoad(){o(this)}handleKeyDown(t){"Escape"===t.key&&(this.createNewItem=null)}render(){if(this.loading)return null;const t=this.contents.map((t=>s("li",{key:t.uri},s("pos-resource",{lazy:!0,uri:t.uri},s("pos-container-item",null,t.name)))));return null!==this.createNewItem&&t.unshift(s("li",{key:"new-item"},s("pos-create-new-container-item",{type:this.createNewItem,container:this.container}))),s(i,null,s("pos-container-toolbar",{"onPod-os:create-new-file":()=>this.onCreateNewFile(),"onPod-os:create-new-folder":()=>this.onCreateNewFolder()}),t.length>0?s("ul",{"aria-label":"Container contents"},t):s("p",null,"The container is empty"))}};r.style="ul{list-style:none;padding:0;margin:0}li{padding:0;margin:0}";export{r as pos_container_contents}

package/dist/contacts/p-1xUnBGk9.js

@@ -0,0 +1,78 @@
+import{i as t,c as i,_ as s,n as o,w as e,a,x as h}from"./p-DAeBhDur.js";import{S as l,e as r,s as p,p as n,a as d,g as c,b as u,w as m}from"./p-B9Os6GUk.js";import{L as f}from"./p-BnGEOH37.js";import{e as w}from"./p-ffZsjcF5.js";var y=t`
+  :host {
+    --max-width: 20rem;
+    --hide-delay: 0ms;
+    --show-delay: 150ms;
+
+    display: contents;
+  }
+
+  .tooltip {
+    --arrow-size: var(--sl-tooltip-arrow-size);
+    --arrow-color: var(--sl-tooltip-background-color);
+  }
+
+  .tooltip::part(popup) {
+    z-index: var(--sl-z-index-tooltip);
+  }
+
+  .tooltip[placement^='top']::part(popup) {
+    transform-origin: bottom;
+  }
+
+  .tooltip[placement^='bottom']::part(popup) {
+    transform-origin: top;
+  }
+
+  .tooltip[placement^='left']::part(popup) {
+    transform-origin: right;
+  }
+
+  .tooltip[placement^='right']::part(popup) {
+    transform-origin: left;
+  }
+
+  .tooltip__body {
+    display: block;
+    width: max-content;
+    max-width: var(--max-width);
+    border-radius: var(--sl-tooltip-border-radius);
+    background-color: var(--sl-tooltip-background-color);
+    font-family: var(--sl-tooltip-font-family);
+    font-size: var(--sl-tooltip-font-size);
+    font-weight: var(--sl-tooltip-font-weight);
+    line-height: var(--sl-tooltip-line-height);
+    text-align: start;
+    white-space: normal;
+    color: var(--sl-tooltip-color);
+    padding: var(--sl-tooltip-padding);
+    pointer-events: none;
+    user-select: none;
+    -webkit-user-select: none;
+  }
+`,g=class extends a{constructor(){super(),this.localize=new f(this),this.content="",this.placement="top",this.disabled=!1,this.distance=8,this.open=!1,this.skidding=0,this.trigger="hover focus",this.hoist=!1,this.handleBlur=()=>{this.hasTrigger("focus")&&this.hide()},this.handleClick=()=>{this.hasTrigger("click")&&(this.open?this.hide():this.show())},this.handleFocus=()=>{this.hasTrigger("focus")&&this.show()},this.handleDocumentKeyDown=t=>{"Escape"===t.key&&(t.stopPropagation(),this.hide())},this.handleMouseOver=()=>{if(this.hasTrigger("hover")){const t=n(getComputedStyle(this).getPropertyValue("--show-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout((()=>this.show()),t)}},this.handleMouseOut=()=>{if(this.hasTrigger("hover")){const t=n(getComputedStyle(this).getPropertyValue("--hide-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout((()=>this.hide()),t)}},this.addEventListener("blur",this.handleBlur,!0),this.addEventListener("focus",this.handleFocus,!0),this.addEventListener("click",this.handleClick),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut)}disconnectedCallback(){var t;super.disconnectedCallback(),null==(t=this.closeWatcher)||t.destroy(),document.removeEventListener("keydown",this.handleDocumentKeyDown)}firstUpdated(){this.body.hidden=!this.open,this.open&&(this.popup.active=!0,this.popup.reposition())}hasTrigger(t){return this.trigger.split(" ").includes(t)}async handleOpenChange(){var t,i;if(this.open){if(this.disabled)return;this.emit("sl-show"),"CloseWatcher"in window?(null==(t=this.closeWatcher)||t.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.hide()}):document.addEventListener("keydown",this.handleDocumentKeyDown),await d(this.body),this.body.hidden=!1,this.popup.active=!0;const{keyframes:i,options:s}=c(this,"tooltip.show",{dir:this.localize.dir()});await u(this.popup.popup,i,s),this.popup.reposition(),this.emit("sl-after-show")}else{this.emit("sl-hide"),null==(i=this.closeWatcher)||i.destroy(),document.removeEventListener("keydown",this.handleDocumentKeyDown),await d(this.body);const{keyframes:t,options:s}=c(this,"tooltip.hide",{dir:this.localize.dir()});await u(this.popup.popup,t,s),this.popup.active=!1,this.body.hidden=!0,this.emit("sl-after-hide")}}async handleOptionsChange(){this.hasUpdated&&(await this.updateComplete,this.popup.reposition())}handleDisabledChange(){this.disabled&&this.open&&this.hide()}async show(){if(!this.open)return this.open=!0,m(this,"sl-after-show")}async hide(){if(this.open)return this.open=!1,m(this,"sl-after-hide")}render(){return h`
+      <sl-popup
+        part="base"
+        exportparts="
+          popup:base__popup,
+          arrow:base__arrow
+        "
+        class=${w({tooltip:!0,"tooltip--open":this.open})}
+        placement=${this.placement}
+        distance=${this.distance}
+        skidding=${this.skidding}
+        strategy=${this.hoist?"fixed":"absolute"}
+        flip
+        shift
+        arrow
+        hover-bridge
+      >
+        ${""}
+        <slot slot="anchor" aria-describedby="tooltip"></slot>
+
+        ${""}
+        <div part="body" id="tooltip" class="tooltip__body" role="tooltip" aria-live=${this.open?"polite":"off"}>
+          <slot name="content">${this.content}</slot>
+        </div>
+      </sl-popup>
+    `}};g.styles=[i,y],g.dependencies={"sl-popup":l},s([r("slot:not([name])")],g.prototype,"defaultSlot",2),s([r(".tooltip__body")],g.prototype,"body",2),s([r("sl-popup")],g.prototype,"popup",2),s([o()],g.prototype,"content",2),s([o()],g.prototype,"placement",2),s([o({type:Boolean,reflect:!0})],g.prototype,"disabled",2),s([o({type:Number})],g.prototype,"distance",2),s([o({type:Boolean,reflect:!0})],g.prototype,"open",2),s([o({type:Number})],g.prototype,"skidding",2),s([o()],g.prototype,"trigger",2),s([o({type:Boolean})],g.prototype,"hoist",2),s([e("open",{waitUntilFirstUpdate:!0})],g.prototype,"handleOpenChange",1),s([e(["content","distance","hoist","placement","skidding"])],g.prototype,"handleOptionsChange",1),s([e("disabled")],g.prototype,"handleDisabledChange",1),p("tooltip.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:150,easing:"ease"}}),p("tooltip.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:150,easing:"ease"}}),g.define("sl-tooltip");

package/dist/contacts/p-274a058e.entry.js

@@ -0,0 +1 @@
+import{r as a,h as e,e as i,a as s}from"./p-_4aU9NfA.js";import{u as r}from"./p-D0uCfr1-.js";import{u as t}from"./p-yVO4JQ9P.js";const o=class{constructor(e){a(this,e)}async componentWillLoad(){this.os=await r(this.el),this.resource=await t(this.el)}render(){var a;return e(i,{key:"c7670fa2c000099af02d33a702a404e9889d4552"},e("section",{key:"1b3ce82d5101ec4c0b6e6df26ede473c7287b747"},e("article",{key:"b9929952d801ab53a848985af7ed08c18072a662"},e("h2",{key:"dc39c20da1730c6ea01b32a99dc8b0680a33b6c2"},"Attachments"),e("pos-attachments",{key:"65fd33e592be78e1a15ac9c2238321973a3f8612",ref:a=>this.attachmentsElement=a}))),e("section",{key:"4ebe089659ed2c517440a9ff06141f332e44c56d"},(null===(a=this.resource)||void 0===a?void 0:a.editable)?e("pos-upload",{accept:["*/*"],uploader:a=>{const e=this.os.attachments().uploadAndAddAttachment(this.resource,a);return e.map((e=>{this.attachmentsElement.addToList({uri:e.url,label:a.name})})),e}}):null))}get el(){return s(this)}};o.style=":host{display:flex;flex-direction:column;gap:var(--size-1);h2{margin:0;padding:0;font-size:var(--scale-2)}}:host{--gap-size:var(--size-1);display:flex;flex-direction:column;gap:var(--gap-size);margin:var(--gap-size)}section{display:flex;flex-direction:column;gap:var(--gap-size)}@media (min-width: 640px){:host{--gap-size:var(--size-4);flex-direction:row;flex-wrap:wrap;section{&:first-of-type{flex:1}}section:not(:first-of-type){flex:0 0 30%}}}article{padding:var(--size-2);display:flex;flex-direction:column;gap:var(--size-2);outline:var(--pos-border-solid);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);background-color:var(--pos-card-background);header{display:flex;flex-direction:column;gap:var(--size-2);h1{margin:0}}}";export{o as pos_tool_attachments}

package/dist/contacts/p-2838a706.entry.js

@@ -0,0 +1 @@
+import{r as s,c as t,h as i,a as h}from"./p-_4aU9NfA.js";import{s as o}from"./p-BW_CkW1K.js";import{s as r}from"./p-jlzl8vRd.js";import{c as e}from"./p-vFMstSdt.js";const n=class{constructor(i){s(this,i),this.subscribeResource=t(this,"pod-os:resource",7),this.subscribePodOs=t(this,"pod-os:init",7),this.fetch=!1,this.error=null,this.items=[],this.disconnected$=new e.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(e.takeUntil(this.disconnected$)).subscribe((s=>this.items=s))}}componentWillLoad(){this.rel&&o(this),this.ifTypeof&&r(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 h(this)}};export{n as pos_list}

package/dist/contacts/p-2f71dc3f.entry.js

@@ -0,0 +1 @@
+import{r as e,h as o,e as r}from"./p-_4aU9NfA.js";import{s as a}from"./p-sjhA5ZF-.js";const s=class{constructor(o){e(this,o),this.restorePreviousSession=!1,this.mode="standalone",this.uri=""}render(){return o(r,{key:"08b186d2f354d6c07df02707eb4ada81aef7dec3"},o("pos-app",{key:"54c372343e916ab5d77584381b3965c925ae0cd0",restorePreviousSession:this.restorePreviousSession},o("pos-error-toast",{key:"ab63e18121ca16670f81da141219a782dde0694b"},o("pos-router",{key:"69b6f3bf8ce3720c6c39cdb4be69e640e27ccc5b",mode:this.mode,"onPod-os:route-changed":e=>this.uri=e.detail},o("header",{key:"5cd3412caf13b6d99da517ae7e6f5877234e65d7"},o("pos-add-new-thing",{key:"9b83b3cf03b7038303975386176df539b35ff547",referenceUri:this.uri}),o("pos-navigation",{key:"26bfed9b1c8dd1be018babc6ef40ae42808a5c42",uri:"pod-os:dashboard"===this.uri?"":this.uri}),o("pos-login",{key:"e29f18dcde866d8ac1e317fcd7b71ef584e69034"},o("pos-user-menu",{key:"be796f0914649eb4e8525a9d8acdfd535626303c",webId:a.state.webId,slot:"if-logged-in"}))),o("main",{key:"f99dfb2d43e949528bc767b94801c99bf04a7eea"},this.mainContent()),o("footer",{key:"64744d1246356fa00da9c6b561785e2b794a7907"},o(d,{key:"a648f7f88e12c79348bda33152f2759d2b93e738"}),o("span",{key:"f22e2f9904ba517fc2e579a05018704b5ade6302"},"PodOS Browser"))))))}mainContent(){return""===this.uri?null:this.uri.startsWith("pod-os:")?o("pos-internal-router",{uri:this.uri}):o("pos-resource",{key:this.uri,uri:this.uri},o("pos-type-router",null))}},d=()=>o("svg",{viewBox:"0 0 400 400",xmlns:"http://www.w3.org/2000/svg"},o("path",{d:"M50 350 L50 100 L200 50 L350 100 L350 350 Z",style:{fill:"#008BF8",stroke:"#008BF8","stroke-width":"70"},"stroke-linejoin":"round"}),o("path",{d:"M100 300 L100 150 L200 120 L300 150 L300 300 L130 300 L130 370 L100 370Z",style:{fill:"white",stroke:"white","stroke-width":"45"},"stroke-linejoin":"round"}),o("path",{d:"M150 250 L150 200 L200 180 L250 200 L250 250 Z",style:{fill:"#DC0073",stroke:"#DC0073","stroke-width":"20"},"stroke-linejoin":"round"}));s.style="pos-router{margin:0;padding:0;display:flex;flex-direction:column;height:100%}pos-navigation{max-width:var(--width-lg);margin:0;min-width:var(--size-32);flex-shrink:1;}pos-add-new-thing,pos-login{flex:0 1 auto;flex-shrink:0;}header,footer{display:flex;gap:var(--size-1);height:auto;justify-content:center;align-items:center;padding:var(--size-1)}footer svg{width:var(--size-5);height:var(--size-5)}footer{font-size:var(--scale-fluid-000);.settings{padding:0 var(--size-1);text-decoration:none;background-color:var(--pos-background-color);border:1px solid var(--pos-secondary-border-color);color:var(--pos-secondary-border-color);border-radius:var(--radius-xs);&:hover{background-color:var(--pos-secondary-border-color);color:var(--pos-background-color)}}}header{flex-wrap:nowrap;padding:var(--size-1) var(--size-8)}main{flex:1;max-height:100vh;overflow:auto}@media (max-width: 640px){header{padding:var(--size-1);justify-content:space-between}footer{display:none}}";export{s as pos_app_browser}