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

package/dist/components/chunk.XQ2OKYYA.js

@@ -0,0 +1,68 @@
+import{h as e}from"@stencil/core/internal/client";import"./chunk.ZGGPD2XJ.js";import"./chunk.YHLNUJ7P.js";import{i as o,c as r,a as s,n as i,S as n,x as a}from"./chunk.4TUIT776.js";import{a as t}from"./class-map.js";const l=({file:o})=>{const r=function(e){switch(e.code){case 401:case 403:return"lock";case 404:return"question-circle";default:return"exclamation-circle"}}(o.status);return e("div",null,e("a",{class:"error",href:o.url},e("div",null,e("sl-icon",{name:r})),e("div",{class:"code"},o.status.code),e("div",{class:"text"},o.status.text)))};var c=o`
+  :host {
+    --border-radius: var(--sl-border-radius-pill);
+    --color: var(--sl-color-neutral-200);
+    --sheen-color: var(--sl-color-neutral-300);
+
+    display: block;
+    position: relative;
+  }
+
+  .skeleton {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    min-height: 1rem;
+  }
+
+  .skeleton__indicator {
+    flex: 1 1 auto;
+    background: var(--color);
+    border-radius: var(--border-radius);
+  }
+
+  .skeleton--sheen .skeleton__indicator {
+    background: linear-gradient(270deg, var(--sheen-color), var(--color), var(--color), var(--sheen-color));
+    background-size: 400% 100%;
+    animation: sheen 8s ease-in-out infinite;
+  }
+
+  .skeleton--pulse .skeleton__indicator {
+    animation: pulse 2s ease-in-out 0.5s infinite;
+  }
+
+  /* Forced colors mode */
+  @media (forced-colors: active) {
+    :host {
+      --color: GrayText;
+    }
+  }
+
+  @keyframes sheen {
+    0% {
+      background-position: 200% 0;
+    }
+    to {
+      background-position: -200% 0;
+    }
+  }
+
+  @keyframes pulse {
+    0% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0.4;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+`,d=class extends n{constructor(){super(...arguments),this.effect="none"}render(){return a`
+      <div
+        part="base"
+        class=${t({skeleton:!0,"skeleton--pulse":"pulse"===this.effect,"skeleton--sheen":"sheen"===this.effect})}
+      >
+        <div part="indicator" class="skeleton__indicator"></div>
+      </div>
+    `}};d.styles=[r,c],s([i()],d.prototype,"effect",2),d.define("sl-skeleton");export{l as B}

package/dist/components/chunk.YHLNUJ7P.js

@@ -0,0 +1,26 @@
+import{g as t}from"./chunk.3Y6SB6QS.js";import{i as n,_ as l,n as i,c as s,a as e,S as r,x as a}from"./chunk.4TUIT776.js";var o={caret:'\n    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">\n      <polyline points="6 9 12 15 18 9"></polyline>\n    </svg>\n  ',check:'\n    <svg part="checked-icon" class="checkbox__icon" viewBox="0 0 16 16">\n      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">\n        <g stroke="currentColor">\n          <g transform="translate(3.428571, 3.428571)">\n            <path d="M0,5.71428571 L3.42857143,9.14285714"></path>\n            <path d="M9.14285714,0 L3.42857143,9.14285714"></path>\n          </g>\n        </g>\n      </g>\n    </svg>\n  ',"chevron-down":'\n    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">\n      <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>\n    </svg>\n  ',"chevron-left":'\n    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16">\n      <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>\n    </svg>\n  ',"chevron-right":'\n    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">\n      <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/>\n    </svg>\n  ',copy:'\n    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-copy" viewBox="0 0 16 16">\n      <path fill-rule="evenodd" d="M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V2Zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H6ZM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1H2Z"/>\n    </svg>\n  ',eye:'\n    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16">\n      <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/>\n      <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/>\n    </svg>\n  ',"eye-slash":'\n    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-slash" viewBox="0 0 16 16">\n      <path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z"/>\n      <path d="M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"/>\n      <path d="M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12-.708.708z"/>\n    </svg>\n  ',eyedropper:'\n    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eyedropper" viewBox="0 0 16 16">\n      <path d="M13.354.646a1.207 1.207 0 0 0-1.708 0L8.5 3.793l-.646-.647a.5.5 0 1 0-.708.708L8.293 5l-7.147 7.146A.5.5 0 0 0 1 12.5v1.793l-.854.853a.5.5 0 1 0 .708.707L1.707 15H3.5a.5.5 0 0 0 .354-.146L11 7.707l1.146 1.147a.5.5 0 0 0 .708-.708l-.647-.646 3.147-3.146a1.207 1.207 0 0 0 0-1.708l-2-2zM2 12.707l7-7L10.293 7l-7 7H2v-1.293z"></path>\n    </svg>\n  ',"grip-vertical":'\n    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-grip-vertical" viewBox="0 0 16 16">\n      <path d="M7 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path>\n    </svg>\n  ',indeterminate:'\n    <svg part="indeterminate-icon" class="checkbox__icon" viewBox="0 0 16 16">\n      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">\n        <g stroke="currentColor" stroke-width="2">\n          <g transform="translate(2.285714, 6.857143)">\n            <path d="M10.2857143,1.14285714 L1.14285714,1.14285714"></path>\n          </g>\n        </g>\n      </g>\n    </svg>\n  ',"person-fill":'\n    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">\n      <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>\n    </svg>\n  ',"play-fill":'\n    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play-fill" viewBox="0 0 16 16">\n      <path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"></path>\n    </svg>\n  ',"pause-fill":'\n    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pause-fill" viewBox="0 0 16 16">\n      <path d="M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5zm5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5z"></path>\n    </svg>\n  ',radio:'\n    <svg part="checked-icon" class="radio__icon" viewBox="0 0 16 16">\n      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n        <g fill="currentColor">\n          <circle cx="8" cy="8" r="3.42857143"></circle>\n        </g>\n      </g>\n    </svg>\n  ',"star-fill":'\n    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">\n      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>\n    </svg>\n  ',"x-lg":'\n    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">\n      <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"/>\n    </svg>\n  ',"x-circle-fill":'\n    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-circle-fill" viewBox="0 0 16 16">\n      <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"></path>\n    </svg>\n  '},h=[{name:"default",resolver:n=>t(`assets/icons/${n}.svg`)},{name:"system",resolver:t=>t in o?`data:image/svg+xml,${encodeURIComponent(o[t])}`:""}],c=[];function v(t){return h.find((n=>n.name===t))}var g=n`
+  :host {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    box-sizing: content-box !important;
+  }
+
+  svg {
+    display: block;
+    height: 100%;
+    width: 100%;
+  }
+`;function w(t,n){const i=l({waitUntilFirstUpdate:!1},n);return(n,l)=>{const{update:s}=n,e=Array.isArray(t)?t:[t];n.update=function(t){e.forEach((n=>{const s=n;if(t.has(s)){const n=t.get(s),e=this[s];n!==e&&(i.waitUntilFirstUpdate&&!this.hasUpdated||this[l](n,e))}})),s.call(this,t)}}}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */function d(t){return i({...t,state:!0,attribute:!1})}
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const p=t=>void 0===t.strings;var u,f=Symbol(),m=Symbol(),b=new Map,x=class extends r{constructor(){super(...arguments),this.initialRender=!1,this.svg=null,this.label="",this.library="default"}async resolveIcon(t,n){var l;let i;if(null==n?void 0:n.spriteSheet)return this.svg=a`<svg part="svg">
+        <use part="use" href="${t}"></use>
+      </svg>`,this.svg;try{if(i=await fetch(t,{mode:"cors"}),!i.ok)return 410===i.status?f:m}catch(t){return m}try{const t=document.createElement("div");t.innerHTML=await i.text();const n=t.firstElementChild;if("svg"!==(null==(l=null==n?void 0:n.tagName)?void 0:l.toLowerCase()))return f;u||(u=new DOMParser);const s=u.parseFromString(n.outerHTML,"text/html").body.querySelector("svg");return s?(s.part.add("svg"),document.adoptNode(s)):f}catch(t){return f}}connectedCallback(){super.connectedCallback(),c.push(this)}firstUpdated(){this.initialRender=!0,this.setIcon()}disconnectedCallback(){var t;super.disconnectedCallback(),t=this,c=c.filter((n=>n!==t))}getIconSource(){const t=v(this.library);return this.name&&t?{url:t.resolver(this.name),fromLibrary:!0}:{url:this.src,fromLibrary:!1}}handleLabelChange(){"string"==typeof this.label&&this.label.length>0?(this.setAttribute("role","img"),this.setAttribute("aria-label",this.label),this.removeAttribute("aria-hidden")):(this.removeAttribute("role"),this.removeAttribute("aria-label"),this.setAttribute("aria-hidden","true"))}async setIcon(){var t;const{url:n,fromLibrary:l}=this.getIconSource(),i=l?v(this.library):void 0;if(!n)return void(this.svg=null);let s=b.get(n);if(s||(s=this.resolveIcon(n,i),b.set(n,s)),!this.initialRender)return;const e=await s;var r;if(e===m&&b.delete(n),n===this.getIconSource().url)if(r=e,void 0===r?._$litType$)switch(e){case m:case f:this.svg=null,this.emit("sl-error");break;default:this.svg=e.cloneNode(!0),null==(t=null==i?void 0:i.mutator)||t.call(i,this.svg),this.emit("sl-load")}else if(this.svg=e,i){await this.updateComplete;const t=this.shadowRoot.querySelector("[part='svg']");"function"==typeof i.mutator&&t&&i.mutator(t)}}render(){return this.svg}};x.styles=[s,g],e([d()],x.prototype,"svg",2),e([i({reflect:!0})],x.prototype,"name",2),e([i()],x.prototype,"src",2),e([i()],x.prototype,"label",2),e([i({reflect:!0})],x.prototype,"library",2),e([w("label")],x.prototype,"handleLabelChange",1),e([w(["name","src","library"])],x.prototype,"setIcon",1);export{x as S,p as f,d as r,w}

package/dist/components/chunk.ZGGPD2XJ.js

@@ -0,0 +1 @@
+import{S as o}from"./chunk.YHLNUJ7P.js";o.define("sl-icon");

package/dist/components/class-map.js

@@ -0,0 +1,11 @@
+import{T as t}from"./chunk.4TUIT776.js";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const s={ATTRIBUTE:1,CHILD:2},i=t=>(...s)=>({_$litDirective$:t,values:s});class r{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,s,i){this._$Ct=t,this._$AM=s,this._$Ci=i}_$AS(t,s){return this.update(t,s)}update(t,s){return this.render(...s)}}
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const e=i(class extends r{constructor(t){if(super(t),t.type!==s.ATTRIBUTE||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((s=>t[s])).join(" ")+" "}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)))}return t}});export{e as a,i as e,r as i,s as t}

package/dist/components/contact-details.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as s,createEvent as t,h as a,Host as n,transformTag as o}from"@stencil/core/internal/client";import"./chunk.ZGGPD2XJ.js";import"./chunk.YHLNUJ7P.js";import"./chunk.4TUIT776.js";import{d as i}from"./email-addresses.js";import{d as c}from"./loading-spinner.js";import{d as r}from"./phone-numbers.js";function l(e){return new Promise((s=>{e.dispatchEvent(new CustomEvent("pod-os:module",{bubbles:!0,composed:!0,cancelable:!0,detail:{module:"contacts",receiver:s}}))}))}const d=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.closeContact=t(this,"pod-os-contacts:contact-closed",7)}async componentWillLoad(){this.contactsModule=await l(this.el),await this.loadContact()}async loadContact(){this.contact=await this.contactsModule.readContact(this.uri)}render(){return this.contact?a(n,null,a("header",null,a("button",{class:"back","aria-label":"Back to address book",onClick:()=>this.closeContact.emit()},a("sl-icon",{"aria-hidden":"true",name:"arrow-left-short"})),a("div",{class:"overview"},a("sl-icon",{class:"avatar",name:"person-circle"}),a("h2",null,this.contact.name))),a("section",null,a("pos-contacts-phone-numbers",{phoneNumbers:this.contact.phoneNumbers}),a("pos-contacts-email-addresses",{emailAddresses:this.contact.emails}))):a("div",{class:"loading"},a("pos-contacts-loading-spinner",null))}get el(){return this}static get watchers(){return{uri:[{loadContact:0}]}}static get style(){return"@media only screen and (max-width: 600px){header{.overview{flex-direction:column;align-items:center;gap:0}}}@media only screen and (min-width: 600px){header{.overview{flex-direction:row;align-items:flex-start;gap:var(--size-4)}}}header{display:flex;flex-direction:column;padding:var(--size-4);align-items:flex-start;.overview{display:flex;align-items:center;width:100%;.avatar{width:var(--size-56);height:var(--size-56);opacity:5%}h2{font-size:var(--scale-fluid-4)}}}section{display:flex;flex-direction:column;padding:var(--size-6);gap:var(--size-6)}button.back{border:none;cursor:pointer;background:none;border-radius:var(--radius-sm);display:flex;justify-content:center;align-items:center;color:var(--color-grey-800);padding:var(--size-2);font-size:var(--scale-2)}button.back:hover{background:var(--color-grey-100)}.loading{display:flex;height:100%;align-items:center;justify-content:center;pos-contacts-loading-spinner{--spinner-size:var(--size-36)}}"}},[1,"pos-contacts-contact-details",{uri:[1],contact:[32],contactsModule:[32]},void 0,{uri:[{loadContact:0}]}]);function m(){"undefined"!=typeof customElements&&["pos-contacts-contact-details","pos-contacts-email-addresses","pos-contacts-loading-spinner","pos-contacts-phone-numbers"].forEach((e=>{switch(e){case"pos-contacts-contact-details":customElements.get(o(e))||customElements.define(o(e),d);break;case"pos-contacts-email-addresses":customElements.get(o(e))||i();break;case"pos-contacts-loading-spinner":customElements.get(o(e))||c();break;case"pos-contacts-phone-numbers":customElements.get(o(e))||r()}}))}export{d as C,m as d,l as u}

package/dist/components/contact-list.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as o,createEvent as e,h as c,transformTag as s}from"@stencil/core/internal/client";const r=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.contactSelected=e(this,"pod-os-contacts:contact-selected",7)}render(){return c("ul",{key:"f12b0a045443f044609d4dc94a41c8d1afd46171"},this.contacts.map((t=>c("li",null,c("a",{onClick:o=>{o.preventDefault(),this.contactSelected.emit(t)},href:t.uri},t.name||t.uri)))))}static get style(){return":host{--text-color:var(--color-grey-800);--hover-color:var(--color-grey-200)}ul{list-style-type:none;padding:0;margin:0}li{display:flex;border-bottom:1px solid var(--color-grey-100)}li:hover{background-color:var(--hover-color)}a{color:var(--text-color);text-decoration:none}li a{width:100%;padding:var(--size-4) var(--size-10)}"}},[1,"pos-contacts-contact-list",{contacts:[16]}]);function n(){"undefined"!=typeof customElements&&["pos-contacts-contact-list"].forEach((t=>{"pos-contacts-contact-list"===t&&(customElements.get(s(t))||customElements.define(s(t),r))}))}export{r as C,n as d}

package/dist/components/create-new-contact-form.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as t,createEvent as o,h as a,transformTag as s}from"@stencil/core/internal/client";import{s as r}from"./PodOsModuleAware.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.subscribeModule=o(this,"pod-os:module",7),this.contactCreated=o(this,"pod-os-contacts:contact-created",7),this.errorEmitter=o(this,"pod-os:error",7),this.newContact={name:""},this.receiveModule=e=>{this.contactsModule=e}}componentWillLoad(){r("contacts",this)}async handleSubmit(){try{const e=await this.contactsModule.createNewContact({contact:this.newContact,addressBookUri:this.addressBookUri});this.contactCreated.emit({uri:e,name:this.newContact.name})}catch(e){this.errorEmitter.emit(e)}}handleNameChanged(e){this.newContact.name=e.target.value}handlePhoneNumberChanged(e){this.newContact.phoneNumber=e.target.value}handleEmailAddressChanged(e){this.newContact.email=e.target.value}render(){return a("form",{key:"85b9f8d7024ae73bc9233284dd00352306b3e05a",method:"dialog",onSubmit:()=>this.handleSubmit()},a("label",{key:"a85dc2a44ab3eb37876de324f82f83462c89472d",htmlFor:"name"},"Name"),a("input",{key:"d4c42030019bec11521b010d384e4f4df125f18c",id:"name",name:"name",type:"text",onInput:e=>this.handleNameChanged(e),required:!0}),a("label",{key:"bcc212e9120b6fbbf526f36e8e011543b32d53a7",htmlFor:"phoneNumber"},"Phone"),a("input",{key:"028d487800a33cf0fc525b5e2c848e8eff232587",id:"phoneNumber",name:"phoneNumber",type:"tel",onInput:e=>this.handlePhoneNumberChanged(e)}),a("label",{key:"63ed2120c57d0fd8cb3b054b5ccaa9991a1de96d",htmlFor:"emailAddress"},"Email"),a("input",{key:"0b100804f0c105853da805771ed3778eb22e44b7",id:"emailAddress",name:"emailAddress",type:"email",onInput:e=>this.handleEmailAddressChanged(e)}),a("input",{key:"d5bcb82e3b0c854347582da1bef900b166269fb0",type:"submit",id:"create",value:"Save"}))}static get delegatesFocus(){return!0}static get style(){return"form{display:grid;grid-template-columns:var(--size-16) 1fr;grid-gap:var(--scale-0)}label{grid-column:1 / 2;display:flex;align-items:center;justify-content:flex-end}input{grid-column:2 / 3;outline:var(--pos-input-outline);padding:var(--scale-000);border:none;border-radius:var(--radius-xs);width:var(--size-full);box-sizing:border-box}input:focus-within{outline:var(--pos-input-focus-outline)}input#create{outline:none;box-shadow:var(--shadow-sm);cursor:pointer;color:var(--pos-primary-text-color);background-color:var(--pos-primary-color)}input#create:disabled{cursor:default;color:var(--pos-disabled-text-color);background-color:var(--pos-disabled-color);box-shadow:none}input#create:hover:not(:disabled),input#create:focus{filter:brightness(110%);box-shadow:var(--shadow-md)}"}},[17,"pos-contacts-create-new-contact-form",{addressBookUri:[1,"address-book-uri"],contactsModule:[32],newContact:[32]}]);function i(){"undefined"!=typeof customElements&&["pos-contacts-create-new-contact-form"].forEach((e=>{"pos-contacts-create-new-contact-form"===e&&(customElements.get(s(e))||customElements.define(s(e),n))}))}export{n as C,i as d}

package/dist/components/create-new-contact.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as t,h as o,Host as c,transformTag as a}from"@stencil/core/internal/client";import"./chunk.ZGGPD2XJ.js";import"./chunk.YHLNUJ7P.js";import"./chunk.4TUIT776.js";import{d as s}from"./create-new-contact-form.js";import{d as r}from"./pos-dialog2.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return o(c,{key:"526e9b0a00215eaaa85a728115f56c65b8a78d23"},o("button",{key:"af6593fb637c39efddc2ae3eb9b6ea6c74d858f6",class:"create",onClick:()=>this.dialog.showModal()},o("sl-icon",{key:"23485ec2f70d7e9d5397f2ab4f8982f44a3d7e31",name:"person-fill-add"}),"Create contact"),o("pos-dialog",{key:"392bcff2ce73c8bbb94c937e104f33fc481d3d30",ref:e=>this.dialog=e},o("h2",{key:"51462b2931f48f1343106c0ba984177fa954775e",slot:"title"},"Create new contact"),o("pos-contacts-create-new-contact-form",{key:"130c87957857900d0e6c8af147f78b887c0e2b1b",addressBookUri:this.addressBookUri,slot:"content"})))}static get style(){return":host{display:flex;justify-content:flex-end;padding:var(--size-4)}button.create{display:flex;gap:var(--size-1);padding:var(--size-4);font-weight:var(--weight-bold);letter-spacing:var(--letter-xl);background-color:var(--pos-primary-color);color:var(--pos-primary-text-color);border-radius:var(--radius-xs);outline:none;border:none;box-shadow:var(--shadow-sm);cursor:pointer}button.create:focus-within{outline:var(--pos-input-focus-outline)}button.create:focus-within,button.create:focus,button.create:hover{filter:brightness(110%);box-shadow:var(--shadow-md)}"}},[1,"pos-contacts-create-new-contact",{addressBookUri:[1,"address-book-uri"]}]);function i(){"undefined"!=typeof customElements&&["pos-contacts-create-new-contact","pos-contacts-create-new-contact-form","pos-dialog"].forEach((e=>{switch(e){case"pos-contacts-create-new-contact":customElements.get(a(e))||customElements.define(a(e),n);break;case"pos-contacts-create-new-contact-form":customElements.get(a(e))||s();break;case"pos-dialog":customElements.get(a(e))||r()}}))}export{n as C,i as d}

package/dist/components/email-addresses.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as s,h as t,transformTag as n}from"@stencil/core/internal/client";import"./chunk.ZGGPD2XJ.js";import"./chunk.YHLNUJ7P.js";import"./chunk.4TUIT776.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return 0==this.emailAddresses.length?null:t("section",{"aria-label":"e-mail addresses"},t("sl-icon",{"aria-hidden":"true",size:"large",name:"envelope-at"}),t("ul",null,this.emailAddresses.map((e=>t("li",null,t("a",{href:`mailto:${e.value}`},e.value))))))}static get style(){return"ul{list-style-type:none;display:flex;flex-direction:column;gap:var(--size-4);margin:0}section{display:flex;justify-content:flex-start;align-items:flex-start}"}},[1,"pos-contacts-email-addresses",{emailAddresses:[16]}]);function i(){"undefined"!=typeof customElements&&["pos-contacts-email-addresses"].forEach((e=>{"pos-contacts-email-addresses"===e&&(customElements.get(n(e))||customElements.define(n(e),l))}))}export{l as E,i as d}

package/dist/components/group-details.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as e,h as s,Host as o,transformTag as c}from"@stencil/core/internal/client";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}render(){return s(o,{key:"bbd50db5fc480d9590785d4892e87e20bc7e5734"},this.uri)}},[0,"pos-contacts-group-details",{uri:[1]}]);function r(){"undefined"!=typeof customElements&&["pos-contacts-group-details"].forEach((t=>{"pos-contacts-group-details"===t&&(customElements.get(c(t))||customElements.define(c(t),n))}))}export{n as G,r as d}

package/dist/components/group-list.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as e,createEvent as o,h as r,transformTag as s}from"@stencil/core/internal/client";const i=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.groupSelected=o(this,"pod-os-contacts:group-selected",7)}render(){return r("ul",{key:"4a825899a83ef45b0a2aa3496ad6a76c1e149b42"},this.groups.map((t=>r("li",null,r("a",{href:t.uri,onClick:e=>{e.preventDefault(),this.groupSelected.emit(t)}},t.name||t.uri)))))}static get style(){return":host{--text-color:var(--color-grey-800);--hover-color:rgb(230 237 250 / 100%)}ul{display:flex;flex-direction:column;gap:var(--size-1);padding:0;margin:0;list-style-type:none}li{transition:all 300ms var(--ease-in-out-sine);display:flex;margin-left:var(--size-4);margin-right:var(--size-4);max-height:50%;border-radius:var(--radius-full)}li a{width:100%;padding:var(--size-4) var(--size-10)}li:hover{background:var(--hover-color)}a{color:var(--text-color);text-decoration:none}a:visited{color:var(--text-color)}"}},[1,"pos-contacts-group-list",{groups:[16]}]);function a(){"undefined"!=typeof customElements&&["pos-contacts-group-list"].forEach((t=>{"pos-contacts-group-list"===t&&(customElements.get(s(t))||customElements.define(s(t),i))}))}export{i as G,a as d}

package/dist/components/if-defined.js

@@ -0,0 +1,6 @@
+import{E as o}from"./chunk.4TUIT776.js";
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const r=r=>r??o;export{r as o}

package/dist/components/index.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export * from '../types';

package/dist/components/index.js

@@ -0,0 +1 @@
+import{s as e}from"./chunk.3Y6SB6QS.js";export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";function t(e){document.documentElement.classList.toggle("sl-theme-dark",e.matches)}!function(){e(""+new URL("./shoelace",import.meta.url));const n=window.matchMedia("(prefers-color-scheme: dark)");t(n),n.addEventListener("change",t)}();