@nylas/web-elements 1.1.0-canary.19.c → 1.1.0-canary.19.e

package/dist/nylas-web-elements/{p-8a4ac2a4.entry.js → p-bed6d217.entry.js}

@@ -1,2 +1,2 @@
-import{r as c,h as s}from"./p-68c2fadf.js";const t=".sc-calendar-check-icon-h{display:flex}";const e=t;const a=class{constructor(s){c(this,s);this.width="20";this.height="20"}render(){return s("svg",{key:"656684a265ada2973a127a79dcfa3b86296d0587",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},s("path",{key:"bbb76fb882819d37468e1861c2956b2dd4707c97",fill:"currentColor",d:"M14.75 0C16.5449 0 18 1.45507 18 3.25V9.02182C17.5368 8.72526 17.0335 8.48584 16.5 8.3135V5.5H1.5V14.75C1.5 15.7165 2.2835 16.5 3.25 16.5H8.3135C8.48584 17.0335 8.72526 17.5368 9.02182 18H3.25C1.45507 18 0 16.5449 0 14.75V3.25C0 1.45507 1.45507 0 3.25 0H14.75ZM14.75 1.5H3.25C2.2835 1.5 1.5 2.2835 1.5 3.25V4H16.5V3.25C16.5 2.2835 15.7165 1.5 14.75 1.5ZM20 14.5C20 17.5376 17.5376 20 14.5 20C11.4624 20 9 17.5376 9 14.5C9 11.4624 11.4624 9 14.5 9C17.5376 9 20 11.4624 20 14.5ZM17.8536 12.1464C17.6583 11.9512 17.3417 11.9512 17.1464 12.1464L13.5 15.7929L11.8536 14.1464C11.6583 13.9512 11.3417 13.9512 11.1464 14.1464C10.9512 14.3417 10.9512 14.6583 11.1464 14.8536L13.1464 16.8536C13.3417 17.0488 13.6583 17.0488 13.8536 16.8536L17.8536 12.8536C18.0488 12.6583 18.0488 12.3417 17.8536 12.1464Z"}))}};a.style=e;const r=".sc-checkmark-circle-icon-h{display:flex}";const i=r;const h=class{constructor(s){c(this,s);this.width="20";this.height="20"}render(){return s("svg",{key:"ddc426139e3a9066010e7381896814df9a119c3f",xmlns:"http://www.w3.org/2000/svg",width:this.width,height:this.height,fill:"none",viewBox:"0 0 20 20"},s("path",{key:"f59e7a943d3ef07dd2bf8b6579ab93cd62252e71",fill:"currentColor",d:"M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm0 1a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm3.358 4.646a.5.5 0 0 1 .058.638l-.058.07-4.004 4.004a.5.5 0 0 1-.638.058l-.07-.058-2-2a.5.5 0 0 1 .638-.765l.07.058L9 11.298l3.651-3.652a.5.5 0 0 1 .707 0Z"}))}};h.style=i;export{a as calendar_check_icon,h as checkmark_circle_icon};
-//# sourceMappingURL=p-8a4ac2a4.entry.js.map
+import{r as c,h as e}from"./p-68c2fadf.js";const s=".sc-calendar-check-icon-h{display:flex}";const t=s;const a=class{constructor(e){c(this,e);this.width="20";this.height="20"}render(){return e("svg",{key:"8253553c472b0399f1f9ffd3dc0a9528b6d60aa1",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"72c5719a9131a7be70fb098d120aaf88264e955e",fill:"currentColor",d:"M14.75 0C16.5449 0 18 1.45507 18 3.25V9.02182C17.5368 8.72526 17.0335 8.48584 16.5 8.3135V5.5H1.5V14.75C1.5 15.7165 2.2835 16.5 3.25 16.5H8.3135C8.48584 17.0335 8.72526 17.5368 9.02182 18H3.25C1.45507 18 0 16.5449 0 14.75V3.25C0 1.45507 1.45507 0 3.25 0H14.75ZM14.75 1.5H3.25C2.2835 1.5 1.5 2.2835 1.5 3.25V4H16.5V3.25C16.5 2.2835 15.7165 1.5 14.75 1.5ZM20 14.5C20 17.5376 17.5376 20 14.5 20C11.4624 20 9 17.5376 9 14.5C9 11.4624 11.4624 9 14.5 9C17.5376 9 20 11.4624 20 14.5ZM17.8536 12.1464C17.6583 11.9512 17.3417 11.9512 17.1464 12.1464L13.5 15.7929L11.8536 14.1464C11.6583 13.9512 11.3417 13.9512 11.1464 14.1464C10.9512 14.3417 10.9512 14.6583 11.1464 14.8536L13.1464 16.8536C13.3417 17.0488 13.6583 17.0488 13.8536 16.8536L17.8536 12.8536C18.0488 12.6583 18.0488 12.3417 17.8536 12.1464Z"}))}};a.style=t;const r=".sc-checkmark-circle-icon-h{display:flex}";const i=r;const h=class{constructor(e){c(this,e);this.width="20";this.height="20"}render(){return e("svg",{key:"e446460b1db6b7d85b6887731606b2e123ee0f4a",xmlns:"http://www.w3.org/2000/svg",width:this.width,height:this.height,fill:"none",viewBox:"0 0 20 20"},e("path",{key:"f7c68c791cea4d65c6fc065faebe010da8dfffd4",fill:"currentColor",d:"M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm0 1a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm3.358 4.646a.5.5 0 0 1 .058.638l-.058.07-4.004 4.004a.5.5 0 0 1-.638.058l-.07-.058-2-2a.5.5 0 0 1 .638-.765l.07.058L9 11.298l3.651-3.652a.5.5 0 0 1 .707 0Z"}))}};h.style=i;export{a as calendar_check_icon,h as checkmark_circle_icon};
+//# sourceMappingURL=p-bed6d217.entry.js.map

package/dist/nylas-web-elements/p-bf4e0d2a.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as a,c as s}from"./p-68c2fadf.js";import{s as r}from"./p-cb9f8627.js";import"./p-cb65c223.js";import"./p-1ffbe196.js";import"./p-02aa5f03.js";const t="button.sc-button-component{display:flex;align-items:center;justify-content:center;gap:0.75rem;height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;cursor:pointer;font-family:var(--nylas-font-family);font-weight:600}@media screen and (max-width: 768px){button.sc-button-component{width:100%}}button.button-primary.sc-button-component{background:var(--nylas-primary);color:var(--nylas-base-0);height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;cursor:pointer}button.button-primary.sc-button-component:hover{background:var(--nylas-base-600)}button.button-primary.sc-button-component:active{background:var(--nylas-base-800)}button.button-primary.sc-button-component:disabled{background:var(--nylas-base-300);cursor:not-allowed}button.button-basic.sc-button-component{border:1px solid var(--nylas-base-300);color:var(--nylas-base-700);background:transparent}button.button-basic.sc-button-component:hover{background:transparent;border-color:var(--nylas-primary)}button.button-basic.sc-button-component:active{background:transparent;border-color:var(--nylas-base-600);border-width:2px}button.button-basic.sc-button-component:disabled{background:transparent;border-color:var(--nylas-base-300);color:var(--nylas-base-300);cursor:not-allowed}button.button-destructive.sc-button-component{border:1px solid var(--nylas-base-300);color:var(--nylas-error);background:transparent}button.button-destructive.sc-button-component:hover{background:transparent;border-color:var(--nylas-error)}button.button-destructive.sc-button-component:active{background:transparent;border-color:var(--nylas-error-pressed);border-width:2px;color:var(--nylas-error-pressed)}button.button-destructive.sc-button-component:disabled{background:transparent;border-color:var(--nylas-base-300);color:var(--nylas-base-300);cursor:not-allowed}button.button-invisible.sc-button-component{background:transparent;color:var(--nylas-base-800);border:none}button.button-invisible.sc-button-component:hover{background:var(--nylas-base-50);color:var(--nylas-primary)}button.button-invisible.sc-button-component:active{background:var(--nylas-base-50);color:var(--nylas-base-850)}button.button-invisible.sc-button-component:disabled{background:transparent;color:var(--nylas-base-300);cursor:not-allowed}";const n=t;const o=class{constructor(a){e(this,a);this.variant="primary";this.disabled=false;this.type="button";this.clickHandler=undefined;this.mouseOverHandler=undefined;this.mouseOutHandler=undefined;this.focusHandler=undefined;this.blurHandler=undefined}render(){const e=`button-${this.variant}`+(this.disabled?" disabled":"");return a("button",{key:"d9fa79e150ccd98125285923f3c60671652604de",class:e,disabled:this.disabled,type:"type",onClick:this.clickHandler,onMouseOver:this.mouseOverHandler,onMouseOut:this.mouseOutHandler,onFocus:this.focusHandler,onBlur:this.blurHandler},a("slot",{key:"78f3b074a4eb251a7d26d0cf26402f068c5f88bc"}))}};o.style=n;const i='.checkbox-container{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;display:flex;flex-direction:column;gap:0.5rem}.checkbox-container p.error{color:var(--nylas-error);font-size:14px;font-weight:400;line-height:20px;font-family:var(--nylas-font-family);margin:0}label{display:flex;align-items:center;font-family:var(--nylas-font-family);cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}label input[type=checkbox]:focus~.checkmark,label input[type=checkbox]:hover~.checkmark{border-color:var(--nylas-primary)}label input[type=checkbox]:checked~.checkmark{color:var(--nylas-base-0);background:var(--nylas-primary) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTQuNTc1IDguOTc3cy0uNDA0LS4wMDctLjUzNi0uMTY1TC4wNTcgNS42NGwuODI5LTEuMjI3TDQuNDcgNy4yNjggMTAuOTIxLjA4NmwuOTIzIDEuMTAzLTYuODYzIDcuNjRjLS4xMzQtLjAwMy0uNDA2LjE0OC0uNDA2LjE0OHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+) 50% 40% no-repeat;border:2px solid var(--nylas-primary)}label .checkmark{border-radius:var(--nylas-border-radius);border:2px solid var(--nylas-base-800);position:absolute;left:0;top:2px;width:18px;height:18px;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label .label{margin-left:32px;font-size:16px;font-weight:400;color:var(--nylas-base-800);line-height:24px}';const l=i;const c=class{constructor(a){e(this,a);this.nylasFormCheckboxToggled=s(this,"nylasFormCheckboxToggled",7);this.name="checkbox";this.checked=false;this.label="";this.required=false;this.isChecked=this.checked;this.error=""}componentWillLoad(){this.isChecked=this.checked}handleBookingFormSubmitted(e){if(this.required&&!this.isChecked){this.error=`${this.label} is required.`;return}if(this.error){e.preventDefault()}}toggleCheck(){this.error="";this.isChecked=!this.isChecked;this.nylasFormCheckboxToggled.emit({checked:this.isChecked,name:this.name,label:this.label})}render(){return a("div",{key:"03a045ebf04ccaa223d56c5488156e86ded96fd5",class:"checkbox-container"},a("label",{key:"1cd29a98ca5734353b2475b056e4a31afc78e5ec"},a("input",{key:"87351d3849506bf4cd4dc848371871368e05a490",type:"checkbox",name:this.name,checked:this.isChecked,onChange:()=>this.toggleCheck()}),a("span",{key:"daa486a699c23cec2f4eaa3d6bffea1899720093",class:"checkmark"}),a("slot",{key:"93970705048b1ac7502cf8b235e94f76aa5acd1e",name:"label"},a("span",{key:"a255a8587d771872d25a8920782e081ee1775822",class:"label"},this.label))),this.error&&a("p",{class:"error"},this.error))}};c.style=l;const b=':host{display:block;height:auto;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:100%}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0}label .error{color:var(--nylas-error)}.input_wrapper{display:flex;align-items:center;gap:1rem}input[type=text],input[type=email]{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%;width:-moz-available;width:-webkit-fill-available}input[type=text]:focus,input[type=email]:focus{outline-color:var(--nylas-primary)}input[type=text].error,input[type=email].error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}input[type=text].error::placeholder,input[type=email].error::placeholder{font-weight:400}input[type=text]::placeholder,input[type=email]::placeholder{color:var(--nylas-base-300)}';const d=b;const p={email:/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/,phone_number:/^[0-9]{10}$/};const h={email:"name@example.com",phone_number:"1234567890"};const u=class{constructor(a){e(this,a);this.nylasFormInputChanged=s(this,"nylasFormInputChanged",7);this.name="input";this.defaultValue="";this.label="";this.type="text";this.placeholder=h[this.type];this.required=false;this.readOnly=false;this.autoFocus=false;this.pattern=undefined;this.maxLength=255;this.patternError="";this.value="";this.error=""}handleDefaultValueChange(e){this.value=r(e);if(this.value){this.validatePattern(this.value)}}componentWillLoad(){this.value=r(this.defaultValue);if(this.type!=="text"&&!this.pattern){this.pattern=p[this.type]}if(this.value){this.validatePattern(this.value)}}handleBookingFormSubmitted(e){this.validatePattern(this.value);if(this.error){e.preventDefault()}}handleInput(e){this.error="";this.value=r(e.target.value);this.nylasFormInputChanged.emit({value:this.value,name:this.name,label:this.label,error:this.error,type:this.type})}validatePattern(e){this.error="";if(this.required&&!e){this.error=`${this.label} is required.`;return}if(!this.pattern||!e&&!this.required)return;if(this.pattern.test(e)){this.error=""}else{this.error=`Invalid ${this.label.toLowerCase()} format.`}}render(){return a("label",{key:"69f4ee1c42164c33480ad066fd5218cd8b6b5f0f",part:"ic__label",class:{error:!!this.error}},a("p",{key:"bd4ea163ee6f8b4620108e890664f85478e61eaa"},a("span",{key:"215abbc6726440af1915c437e349e4533dd83688",class:"label"},this.label),this.required&&a("span",{class:"required"},"*")),a("div",{key:"c8a86286bf4956bdac73f99dadb1944b55c6569b",part:"ic__input_wrapper",class:"input_wrapper"},a("input",{key:"57dffc4a8a9f0d446047c8041ecc00afa8021635",type:"text",name:this.name,part:"ic__input",readOnly:this.readOnly,autoFocus:this.autoFocus,value:this.value,maxLength:this.maxLength,placeholder:this.placeholder,class:{error:!!this.error},onInput:e=>this.handleInput(e)}),a("slot",{key:"8abbe86ec70e1b611526e03b7aecd5b8a286d9c1",name:"additional-input"})),this.error&&a("span",{class:"error help-text"},this.error," ",this.value&&this.patternError!==""?` ${this.patternError}`:""))}static get watchers(){return{defaultValue:["handleDefaultValueChange"]}}};u.style=d;const y='.radio-group{display:flex;flex-direction:column;gap:0.5rem;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.radio-group slot[name=label]{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;font-size:16px}.radio-group slot[name=label].error{color:var(--nylas-error)}.radio-group slot[name=label] span.required{color:var(--nylas-error);padding:0 0.25rem}.radio-group slot[name=label] p{margin:0}.radio-group slot[name=label] p.error{color:var(--nylas-error)}.radio-group slot[name=label] .error{color:var(--nylas-error)}.radio-group span.error{color:var(--nylas-error);font-size:14px;font-weight:400;line-height:20px;font-family:var(--nylas-font-family)}.radio-group label{display:flex;font-family:var(--nylas-font-family);cursor:pointer}.radio-group label .radio-option{display:flex;align-items:flex-start;gap:0.5rem}.radio-group label .radio-option input[type=radio]{cursor:pointer}.radio-group label .radio-option input[type=radio i]{width:20px;height:20px;color:var(--nylas-primary)}.radio-group label .radio-option p{display:flex;flex-direction:column;gap:0.5rem;margin:0}.radio-group label .radio-option p .title{font-size:16px;font-weight:500;line-height:20px;color:var(--nylas-base-800)}.radio-group label .radio-option p .description{font-size:14px;font-weight:400;line-height:20px;color:var(--nylas-base-600)}';const f=y;const m=class{constructor(a){e(this,a);this.nylasFormRadioChanged=s(this,"nylasFormRadioChanged",7);this.name="radio-group";this.options=[];this.defaultSelectedValue="";this.label=undefined;this.required=false;this.selectedValue=this.defaultSelectedValue;this.error=""}handleBookingFormSubmitted(e){if(this.required&&!this.selectedValue){this.error=`${this.label} is required.`;return}if(this.error){e.preventDefault()}}handleChange(e){this.error="";this.selectedValue=e;this.nylasFormRadioChanged.emit({value:e,name:this.name,label:this.label})}render(){return a("div",{key:"0db802b87a038c8f22ba8140c8fefa7b17217aa6",class:"radio-group"},a("slot",{key:"9f890c53e323998cd145b1cfd5525ad9548dd295",name:"label"},this.label&&a("p",{class:{error:!!this.error}},a("span",{class:"label"},this.label),this.required&&a("span",{class:"required"},"*"))),this.options.map((e=>a("label",null,a("div",{class:"radio-option"},a("input",{type:"radio",name:this.name,value:e.value,checked:this.selectedValue===e.value,onChange:()=>this.handleChange(e.value)}),a("p",null,a("span",{class:"title"},e.label),a("span",{class:"description"},e.description)))))),this.error&&a("span",{class:"error help-text"},this.error))}};m.style=f;export{o as button_component,c as checkbox_component,u as input_component,m as radio_button_group};
+//# sourceMappingURL=p-bf4e0d2a.entry.js.map

package/dist/nylas-web-elements/p-bf4e0d2a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["buttonComponentCss","ButtonComponentStyle0","ButtonComponent","render","className","this","variant","disabled","h","key","class","type","onClick","clickHandler","onMouseOver","mouseOverHandler","onMouseOut","mouseOutHandler","onFocus","focusHandler","onBlur","blurHandler","checkboxComponentCss","CheckboxComponentStyle0","CheckboxComponent","checked","componentWillLoad","isChecked","handleBookingFormSubmitted","event","required","error","label","preventDefault","toggleCheck","nylasFormCheckboxToggled","emit","name","onChange","inputComponentCss","InputComponentStyle0","DefaultPattern","email","phone_number","DefaultPlaceholder","InputComponent","handleDefaultValueChange","newValue","value","sanitizeHtml","validatePattern","defaultValue","pattern","handleInput","e","target","nylasFormInputChanged","test","toLowerCase","part","readOnly","autoFocus","maxLength","placeholder","onInput","patternError","radioButtonGroupCss","RadioButtonGroupStyle0","RadioButtonGroup","defaultSelectedValue","selectedValue","handleChange","nylasFormRadioChanged","options","map","option","description"],"sources":["src/components/design-system/button-component/button-component.scss?tag=button-component&encapsulation=scoped","src/components/design-system/button-component/button-component.tsx","src/components/design-system/checkbox-component/checkbox-component.scss?tag=checkbox-component&encapsulation=shadow","src/components/design-system/checkbox-component/checkbox-component.tsx","src/components/design-system/input-component/input-component.scss?tag=input-component&encapsulation=shadow","src/components/design-system/input-component/input-component.tsx","src/components/design-system/radio-button-group/radio-button-group.scss?tag=radio-button-group&encapsulation=shadow","src/components/design-system/radio-button-group/radio-button-group.tsx"],"sourcesContent":["@import '../../../common/mixins/buttons.scss';\n@import '../../../common/styles/variables.scss';\n\nbutton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.75rem;\n  height: 48px;\n  border: none;\n  border-radius: var(--nylas-border-radius-2x);\n  font-size: 1rem;\n  line-height: 24px;\n  padding: 0 1rem;\n  cursor: pointer;\n  font-family: var(--nylas-font-family);\n  font-weight: 600;\n\n  @media #{$mobile} {\n    width: 100%;\n  }\n\n  &.button-primary {\n    @include primary-button;\n  }\n\n  &.button-basic {\n    border: 1px solid var(--nylas-base-300);\n    color: var(--nylas-base-700);\n    background: transparent;\n\n    &:hover {\n      background: transparent;\n      border-color: var(--nylas-primary);\n    }\n\n    &:active {\n      background: transparent;\n      border-color: var(--nylas-base-600);\n      border-width: 2px;\n    }\n\n    &:disabled {\n      background: transparent;\n      border-color: var(--nylas-base-300);\n      color: var(--nylas-base-300);\n      cursor: not-allowed;\n    }\n  }\n\n  &.button-destructive {\n    border: 1px solid var(--nylas-base-300);\n    color: var(--nylas-error);\n    background: transparent;\n\n    &:hover {\n      background: transparent;\n      border-color: var(--nylas-error);\n    }\n\n    &:active {\n      background: transparent;\n      border-color: var(--nylas-error-pressed);\n      border-width: 2px;\n      color: var(--nylas-error-pressed);\n    }\n\n    &:disabled {\n      background: transparent;\n      border-color: var(--nylas-base-300);\n      color: var(--nylas-base-300);\n      cursor: not-allowed;\n    }\n  }\n\n  &.button-invisible {\n    background: transparent;\n    color: var(--nylas-base-800);\n    border: none;\n\n    &:hover {\n      background: var(--nylas-base-50);\n      color: var(--nylas-primary);\n    }\n\n    &:active {\n      background: var(--nylas-base-50);\n      color: var(--nylas-base-850);\n    }\n\n    &:disabled {\n      background: transparent;\n      color: var(--nylas-base-300);\n      cursor: not-allowed;\n    }\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\ntype ButtonType = 'primary' | 'basic' | 'destructive' | 'invisible';\n\n@Component({\n  tag: 'button-component',\n  styleUrl: 'button-component.scss',\n  scoped: true,\n})\nexport class ButtonComponent {\n  // Define a prop to accept the button type\n  @Prop() variant: ButtonType = 'primary';\n\n  // Define a prop for disabled state\n  @Prop() disabled: boolean = false;\n\n  @Prop() type: string = 'button';\n  @Prop() clickHandler?: (event: MouseEvent) => void;\n  @Prop() mouseOverHandler?: (event: MouseEvent) => void;\n  @Prop() mouseOutHandler?: (event: MouseEvent) => void;\n  @Prop() focusHandler?: (event: FocusEvent) => void;\n  @Prop() blurHandler?: (event: FocusEvent) => void;\n\n  render() {\n    const className = `button-${this.variant}` + (this.disabled ? ' disabled' : '');\n\n    return (\n      <button\n        class={className}\n        disabled={this.disabled}\n        type=\"type\"\n        onClick={this.clickHandler}\n        onMouseOver={this.mouseOverHandler}\n        onMouseOut={this.mouseOutHandler}\n        onFocus={this.focusHandler}\n        onBlur={this.blurHandler}\n      >\n        <slot></slot>\n      </button>\n    );\n  }\n}\n","@import '../../../common/styles/variables.scss';\n\n.checkbox-container {\n  @include default-css-variables;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n\n  p.error {\n    color: var(--nylas-error);\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n    font-family: var(--nylas-font-family);\n    margin: 0;\n  }\n}\n\nlabel {\n  display: flex;\n  align-items: center;\n  font-family: var(--nylas-font-family);\n  cursor: pointer;\n  position: relative;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n\n  input[type='checkbox'] {\n    position: absolute;\n    opacity: 0;\n    cursor: pointer;\n\n    &:focus ~ .checkmark,\n    &:hover ~ .checkmark {\n      border-color: var(--nylas-primary);\n    }\n\n    &:checked ~ .checkmark {\n      color: var(--nylas-base-0);\n      background: var(--nylas-primary)\n        url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTQuNTc1IDguOTc3cy0uNDA0LS4wMDctLjUzNi0uMTY1TC4wNTcgNS42NGwuODI5LTEuMjI3TDQuNDcgNy4yNjggMTAuOTIxLjA4NmwuOTIzIDEuMTAzLTYuODYzIDcuNjRjLS4xMzQtLjAwMy0uNDA2LjE0OC0uNDA2LjE0OHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+)\n        50% 40% no-repeat;\n      border: 2px solid var(--nylas-primary);\n    }\n  }\n\n  .checkmark {\n    border-radius: var(--nylas-border-radius);\n    border: 2px solid var(--nylas-base-800);\n    position: absolute;\n    left: 0;\n    top: 2px;\n    width: 18px;\n    height: 18px;\n    cursor: pointer;\n    pointer-events: none;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n  }\n\n  .label {\n    margin-left: 32px;\n    font-size: 16px;\n    font-weight: 400;\n    color: var(--nylas-base-800);\n    line-height: 24px;\n  }\n}\n","import { Component, h, Prop, State, Event, EventEmitter, Listen } from '@stencil/core';\n\n/**\n * The `checkbox-component` component is a UI component that allows users to select a checkbox.\n * This component is used in the scheduling form to input checkbox type inputs.\n */\n@Component({\n  tag: 'checkbox-component',\n  styleUrl: 'checkbox-component.scss',\n  shadow: true,\n})\nexport class CheckboxComponent {\n  /**\n   * The name of the checkbox. This is used to identify the checkbox when submitting a form.\n   */\n  @Prop() name: string = 'checkbox';\n  /**\n   * The default value of the checkbox. This is the value that is displayed when the checkbox is rendered.\n   */\n  @Prop() checked: boolean = false;\n  /**\n   * The label of the checkbox. This is displayed next to the checkbox.\n   */\n  @Prop() label: string = '';\n  /**\n   * Whether the checkbox is required. If true, the checkbox must be checked when submitting a form.\n   * Default is false. If the checkbox is required and not checked, an error message is displayed.\n   */\n  @Prop() required: boolean = false;\n  /**\n   * The checked state of the checkbox.\n   */\n  @State() isChecked: boolean = this.checked;\n  /**\n   * The error message state.\n   */\n  @State() error: string = '';\n\n  /**\n   * This event is fired when the checkbox is toggled.\n   */\n  @Event() nylasFormCheckboxToggled!: EventEmitter<{\n    checked: boolean;\n    name: string;\n    label: string;\n  }>;\n\n  // Lifecycle events\n  componentWillLoad() {\n    this.isChecked = this.checked;\n  }\n\n  // Event listeners\n  /**\n   * Listen for the bookingFormSubmitted event to validate the input value when the form is submitted.\n   */\n  @Listen('bookingFormSubmitted', { target: 'document' })\n  handleBookingFormSubmitted(event: CustomEvent) {\n    if (this.required && !this.isChecked) {\n      this.error = `${this.label} is required.`;\n      return;\n    }\n    if (this.error) {\n      event.preventDefault();\n    }\n  }\n\n  // Methods\n  toggleCheck() {\n    this.error = '';\n    this.isChecked = !this.isChecked;\n    this.nylasFormCheckboxToggled.emit({\n      checked: this.isChecked,\n      name: this.name,\n      label: this.label,\n    });\n  }\n\n  render() {\n    return (\n      <div class=\"checkbox-container\">\n        <label>\n          <input type=\"checkbox\" name={this.name} checked={this.isChecked} onChange={() => this.toggleCheck()} />\n          <span class=\"checkmark\"></span>\n          <slot name=\"label\">\n            <span class=\"label\">{this.label}</span>\n          </slot>\n        </label>\n        {this.error && <p class=\"error\">{this.error}</p>}\n      </div>\n    );\n  }\n}\n","@import '../../../common/styles/variables.scss';\n@import '../../../common/mixins/inputs.scss';\n\n:host {\n  display: block;\n  height: auto;\n  @include default-css-variables;\n  width: 100%;\n}\n\nlabel {\n  @include input-label;\n  flex-direction: column;\n  gap: 4px;\n  font-family: var(--nylas-font-family);\n  font-size: 16px;\n  color: var(--nylas-base-800);\n\n  p {\n    margin: 0;\n  }\n\n  .error {\n    color: var(--nylas-error);\n  }\n}\n\n.input_wrapper {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n\ninput[type='text'],\ninput[type='email'] {\n  @include textfield;\n  width: -moz-available;\n  width: -webkit-fill-available;\n}\n","import { Component, h, Prop, State, Event, EventEmitter, Listen, Watch } from '@stencil/core';\nimport sanitizeHtml from 'sanitize-html';\n\nconst DefaultPattern = {\n  email: /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/,\n  phone_number: /^[0-9]{10}$/,\n};\n\nconst DefaultPlaceholder = {\n  email: 'name@example.com',\n  phone_number: '1234567890',\n};\n\n/**\n * The `input-component` component is a UI component that allows users to input text, email, or phone number values.\n * This component is used in the scheduling form to input text, email and phone number type inputs.\n */\n\n@Component({\n  tag: 'input-component',\n  styleUrl: 'input-component.scss',\n  shadow: true,\n})\nexport class InputComponent {\n  /**\n   * The name of the input. This is used to identify the input when submitting a form.\n   */\n  @Prop() name: string = 'input';\n  /**\n   * The default value of the input. This is the value that is displayed when the input is rendered.\n   */\n  @Prop() defaultValue: string = '';\n  /**\n   * The label of the input. This is displayed above the input.\n   */\n  @Prop() label: string = '';\n  /**\n   * The type of the input. This is used to determine the input's behavior.\n   * Supported types are 'text', 'email', and 'phone_number'.\n   */\n  @Prop() type: 'text' | 'email' | 'phone_number' = 'text';\n  /**\n   * The placeholder of the input. This is displayed when the input is empty.\n   */\n  @Prop() placeholder: string = DefaultPlaceholder[this.type];\n  /**\n   * Whether the input is required. If true, the input must have a value when submitting a form.\n   * Default is false. If the input is required and the value is empty, an error message is displayed.\n   */\n  @Prop() required: boolean = false;\n  /**\n   * Whether the input is read-only. If true, the input cannot be edited.\n   * Default is false.\n   */\n  @Prop() readOnly: boolean = false;\n  /**\n   * Whether the input should be focused when rendered.\n   * Default is false. If true, the input is focused when rendered.\n   * Use this to set the focus on the first input in a form.\n   */\n  @Prop() autoFocus: boolean = false;\n  /**\n   * The pattern to validate the input value. If the value does not match the pattern, an error message is displayed.\n   * Default is null. If the pattern is not set, the pattern is determined by the input type for 'email' and 'phone_number'.\n   */\n  @Prop() pattern?: RegExp;\n  /**\n   * The maximum length of the input value. If the value is longer than the maximum length, an error message is displayed.\n   * Default is 255.\n   */\n  @Prop() maxLength: number = 255;\n  /**\n   * The error message to display when the value does not match the pattern.\n   * Default is an empty string. If the value does not match the pattern, the error message is appended to the default error message.\n   * For ex: patternError: \"Format: 123-456-7890\" , Default error message: \"Invalid phone number.\"\n   * - Error message displayed: \"Invalid phone number. Format: 123-456-7890\"\n   */\n  @Prop() patternError: string = '';\n\n  /**\n   * The input value state.\n   */\n  @State() value: string = '';\n  /**\n   * The error message state.\n   */\n  @State() error: string = '';\n\n  /**\n   * This event is fired when the input value is changed.\n   * The scheduling form listens for this event to validate the input value and submit the form.\n   * If using outside of the scheduling form, listen for this event to validate the input value\n   * and handle the input value change.\n   */\n  @Event() nylasFormInputChanged!: EventEmitter<{\n    value: string;\n    name: string;\n    label: string;\n    type: string;\n    error: string;\n  }>;\n\n  // Lifecycle methods\n  @Watch('defaultValue')\n  handleDefaultValueChange(newValue: string) {\n    this.value = sanitizeHtml(newValue);\n    if (this.value) {\n      this.validatePattern(this.value);\n    }\n  }\n\n  componentWillLoad() {\n    this.value = sanitizeHtml(this.defaultValue);\n    if (this.type !== 'text' && !this.pattern) {\n      this.pattern = DefaultPattern[this.type];\n    }\n\n    if (this.value) {\n      this.validatePattern(this.value);\n    }\n  }\n\n  // Event listeners\n  /**\n   * Listen for the bookingFormSubmitted event to validate the input value when the form is submitted.\n   */\n  @Listen('bookingFormSubmitted', { target: 'document' })\n  handleBookingFormSubmitted(event: CustomEvent) {\n    this.validatePattern(this.value);\n    if (this.error) {\n      event.preventDefault();\n    }\n  }\n\n  // Methods\n  handleInput(e: Event) {\n    this.error = '';\n    this.value = sanitizeHtml((e.target as HTMLInputElement).value);\n    this.nylasFormInputChanged.emit({\n      value: this.value,\n      name: this.name,\n      label: this.label,\n      error: this.error,\n      type: this.type,\n    });\n  }\n\n  validatePattern(value: string) {\n    // Reset error\n    this.error = '';\n    // Check if the field is required and value is empty\n    if (this.required && !value) {\n      this.error = `${this.label} is required.`;\n      return;\n    }\n    // Check if value matches pattern\n    if (!this.pattern || (!value && !this.required)) return;\n\n    if (this.pattern.test(value)) {\n      this.error = '';\n    } else {\n      this.error = `Invalid ${this.label.toLowerCase()} format.`;\n    }\n  }\n\n  render() {\n    return (\n      <label part=\"ic__label\" class={{ error: !!this.error }}>\n        <p>\n          <span class=\"label\">{this.label}</span>\n          {this.required && <span class=\"required\">*</span>}\n        </p>\n        <div part=\"ic__input_wrapper\" class=\"input_wrapper\">\n          <input\n            type=\"text\"\n            name={this.name}\n            part=\"ic__input\"\n            readOnly={this.readOnly}\n            autoFocus={this.autoFocus}\n            value={this.value}\n            maxLength={this.maxLength}\n            placeholder={this.placeholder}\n            class={{ error: !!this.error }}\n            onInput={e => this.handleInput(e)}\n          />\n          <slot name=\"additional-input\"></slot>\n        </div>\n        {this.error && (\n          <span class=\"error help-text\">\n            {this.error} {this.value && this.patternError !== '' ? ` ${this.patternError}` : ''}\n          </span>\n        )}\n      </label>\n    );\n  }\n}\n","@import '../../../common/styles/variables.scss';\n@import '../../../common/mixins/inputs.scss';\n\n.radio-group {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  @include default-css-variables;\n\n  slot[name='label'] {\n    @include input-label;\n    font-size: 16px;\n\n    p {\n      margin: 0;\n\n      &.error {\n        color: var(--nylas-error);\n      }\n    }\n\n    .error {\n      color: var(--nylas-error);\n    }\n  }\n\n  span.error {\n    color: var(--nylas-error);\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n    font-family: var(--nylas-font-family);\n  }\n\n  label {\n    display: flex;\n\n    font-family: var(--nylas-font-family);\n    cursor: pointer;\n\n    .radio-option {\n      display: flex;\n      align-items: flex-start;\n      gap: 0.5rem;\n\n      input[type='radio'] {\n        cursor: pointer;\n      }\n\n      input[type='radio' i] {\n        width: 20px;\n        height: 20px;\n        color: var(--nylas-primary);\n      }\n\n      p {\n        display: flex;\n        flex-direction: column;\n        gap: 0.5rem;\n        margin: 0;\n\n        .title {\n          font-size: 16px;\n          font-weight: 500;\n          line-height: 20px;\n          color: var(--nylas-base-800);\n        }\n\n        .description {\n          font-size: 14px;\n          font-weight: 400;\n          line-height: 20px;\n          color: var(--nylas-base-600);\n        }\n      }\n    }\n  }\n}\n","// src/components/radio-group/radio-group.tsx\nimport { Component, h, Prop, State, Event, EventEmitter, Listen } from '@stencil/core';\n\n/**\n * The `radio-button-group` component is a UI component that allows users to select a single option from a list of options.\n * This component is used in the scheduling form to input radio button type inputs.\n */\n@Component({\n  tag: 'radio-button-group',\n  styleUrl: 'radio-button-group.scss',\n  shadow: true,\n})\nexport class RadioButtonGroup {\n  /**\n   * The name of the radio group. This is used to identify the radio group when submitting a form.\n   */\n  @Prop() name: string = 'radio-group';\n  /**\n   * The list of options in the radio group.\n   * Each option has a label and a value and an optional description.\n   */\n  @Prop() options: { label: string; value: string; description?: string }[] = [];\n  /**\n   * The default selected value of the radio group.\n   */\n  @Prop() defaultSelectedValue: string = '';\n  /**\n   * The label of the radio group. This is displayed above the radio group.\n   * Label is optional. You can also use the slot 'label' to add a label.\n   */\n  @Prop() label?: string;\n  /**\n   * Whether the radio group is required. If true, the radio group must have a value when submitting a form.\n   * Default is false. If the radio group is required and the value is empty, an error message is displayed.\n   */\n  @Prop() required: boolean = false;\n  /**\n   * The selected value of the radio group.\n   */\n  @State() selectedValue: string = this.defaultSelectedValue;\n  /**\n   * The error message state.\n   */\n  @State() error: string = '';\n  /**\n   * This event is fired when the selected value changes.\n   */\n  @Event() nylasFormRadioChanged!: EventEmitter<{\n    value: string;\n    name: string;\n    label?: string;\n  }>;\n\n  // Event listeners\n  /**\n   * Listen for the bookingFormSubmitted event to validate the input value when the form is submitted.\n   */\n  @Listen('bookingFormSubmitted', { target: 'document' })\n  handleBookingFormSubmitted(event: CustomEvent) {\n    if (this.required && !this.selectedValue) {\n      this.error = `${this.label} is required.`;\n      return;\n    }\n    if (this.error) {\n      event.preventDefault();\n    }\n  }\n\n  handleChange(value: string) {\n    this.error = '';\n    this.selectedValue = value;\n    this.nylasFormRadioChanged.emit({\n      value,\n      name: this.name,\n      label: this.label,\n    });\n  }\n\n  render() {\n    return (\n      <div class=\"radio-group\">\n        <slot name=\"label\">\n          {this.label && (\n            <p class={{ error: !!this.error }}>\n              <span class=\"label\">{this.label}</span>\n              {this.required && <span class=\"required\">*</span>}\n            </p>\n          )}\n        </slot>\n        {this.options.map(option => (\n          <label>\n            <div class=\"radio-option\">\n              <input type=\"radio\" name={this.name} value={option.value} checked={this.selectedValue === option.value} onChange={() => this.handleChange(option.value)} />\n              <p>\n                <span class=\"title\">{option.label}</span>\n                <span class=\"description\">{option.description}</span>\n              </p>\n            </div>\n          </label>\n        ))}\n        {this.error && <span class=\"error help-text\">{this.error}</span>}\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/nylas-web-elements/{p-8e63b66c.entry.js → p-cb9fd100.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e}from"./p-68c2fadf.js";const s=".sc-archive-icon-h{display:flex}";const o=s;const c=class{constructor(e){t(this,e);this.width="15";this.height="15"}render(){return e("svg",{key:"edc983b37da8e7db7e2a11558a1b138dbb1abc3f",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"4893693be863eef5e74928bc1d133164716d1b0b",d:"M3 6H5H21",stroke:"auto","stroke-width":"1.5"}),e("path",{key:"1e647ff0a8d56a69c31ce256d3afe45801af8b2e",d:"M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z",stroke:"auto","stroke-width":"1.5"}),e("path",{key:"09fff62dff0e658fdb49bb49637a1f2751380836",d:"M10 11V17",stroke:"auto","stroke-width":"1.5"}),e("path",{key:"5caf6df24bc511fdc3ab7a3f6b5845d24ec46fca",d:"M14 11V17",stroke:"auto","stroke-width":"1.5"}))}};c.style=o;const a=".sc-folder-icon-h{display:flex}";const d=a;const i=class{constructor(e){t(this,e);this.width="15";this.height="15"}render(){return e("svg",{key:"3d9f49fdf078865c34e43e9a440b1038a24d431b",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"341fe5a36ba17f253291a7ae5cae8c96c227b4e4",d:"M3 8.2C3 7.07989 3 6.51984 3.21799 6.09202C3.40973 5.71569 3.71569 5.40973 4.09202 5.21799C4.51984 5 5.0799 5 6.2 5H9.67452C10.1637 5 10.4083 5 10.6385 5.05526C10.8425 5.10425 11.0376 5.18506 11.2166 5.29472C11.4184 5.4184 11.5914 5.59135 11.9373 5.93726L12.0627 6.06274C12.4086 6.40865 12.5816 6.5816 12.7834 6.70528C12.9624 6.81494 13.1575 6.89575 13.3615 6.94474C13.5917 7 13.8363 7 14.3255 7H17.8C18.9201 7 19.4802 7 19.908 7.21799C20.2843 7.40973 20.5903 7.71569 20.782 8.09202C21 8.51984 21 9.0799 21 10.2V15.8C21 16.9201 21 17.4802 20.782 17.908C20.5903 18.2843 20.2843 18.5903 19.908 18.782C19.4802 19 18.9201 19 17.8 19H6.2C5.07989 19 4.51984 19 4.09202 18.782C3.71569 18.5903 3.40973 18.2843 3.21799 17.908C3 17.4802 3 16.9201 3 15.8V8.2Z",stroke:"auto","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))}};i.style=d;const h=".sc-inbox-icon-h{display:flex}";const r=h;const f=class{constructor(e){t(this,e);this.width="15";this.height="15"}render(){return e("svg",{key:"7e1e0c1f13f306e98756f7293805c651e86dee88",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"d8567f4f610c5b18a1b9c1e7256066bcaf312392",d:"M20 3H4C2.89543 3 2 3.89543 2 5V19C2 20.1046 2.89543 21 4 21H20C21.1046 21 22 20.1046 22 19V5C22 3.89543 21.1046 3 20 3Z",stroke:"auto","stroke-width":"1.5"}),e("path",{key:"dcb0810f1de1ce516b9f8c54451e97401db8c8ee",d:"M2 5L12 12.5L22 5",stroke:"auto","stroke-width":"1.5"}))}};f.style=r;const n=".sc-sent-icon-h{display:flex}";const b=n;const C=class{constructor(e){t(this,e);this.width="15";this.height="15"}render(){return e("svg",{key:"1d987da73b497a15a2a5595e3719dd9fe2571dd8",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"ab98c2c75245ec1feb91de8b46ab7f15a8aded0b",d:"M21.5 12L3.5 3.5L3.5 20.5L21.5 12Z",stroke:"auto","stroke-width":"1.5"}),e("path",{key:"4e8a2ff35b1b2cb8d150f30e209cf45340e94013",d:"M3.5 3.5L12 10.5",stroke:"auto","stroke-width":"1.5"}),e("path",{key:"6689fc0f544843a9a0627e79d88e8e9787ef2077",d:"M3.5 20.5L12 13.5",stroke:"auto","stroke-width":"1.5"}))}};C.style=b;const k=".sc-spam-icon-h{display:flex}";const w=k;const l=class{constructor(e){t(this,e);this.width="15";this.height="15"}render(){return e("svg",{key:"bdbcaf79a1c8379867cc533963bb7916df1f8c22",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"deecdfc0927c7bccca2a371ffdda8695ecee1355",d:"M20 3H4C2.89543 3 2 3.89543 2 5V19C2 20.1046 2.89543 21 4 21H20C21.1046 21 22 20.1046 22 19V5C22 3.89543 21.1046 3 20 3Z",stroke:"auto","stroke-width":"1.5"}),e("path",{key:"e9cc38d4d4868a9f1431109e5496575bc75c08b7",d:"M2 5L12 12.5L22 5",stroke:"auto","stroke-width":"1.5"}))}};l.style=w;const u=".sc-star-icon-h{display:flex}";const p=u;const y=class{constructor(e){t(this,e);this.width="15";this.height="15"}render(){return e("svg",{key:"6ac24835331b992a6b7fd10bd12287df5744f055",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"a684ba5d0acb6289fb50994fcb171aeb14a2d69c",d:"M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z",stroke:"auto","stroke-width":"1.5"}))}};y.style=p;const g=".sc-trash-icon-h{display:flex}";const x=g;const v=class{constructor(e){t(this,e);this.width="15";this.height="15"}render(){return e("svg",{key:"b89b0fd4a0d55359b49151ce278ee36e6642f2b2",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"eca4e2e49f36f9cb57d9ce8e4e351876ab3d1c9e",d:"M3 6H5H21",stroke:"auto","stroke-width":"1.5"}),e("path",{key:"3f66d356c4f989d0d96b093d5b3e7d9668c074c4",d:"M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z",stroke:"auto","stroke-width":"1.5"}),e("path",{key:"bfd4cd726a11a5e2e8f05264c5564ef31c2df120",d:"M10 11V17",stroke:"auto","stroke-width":"1.5"}),e("path",{key:"26635b2a7d817c9d4b30d064196a3ca6672c2535",d:"M14 11V17",stroke:"auto","stroke-width":"1.5"}))}};v.style=x;export{c as archive_icon,i as folder_icon,f as inbox_icon,C as sent_icon,l as spam_icon,y as star_icon,v as trash_icon};
-//# sourceMappingURL=p-8e63b66c.entry.js.map
+import{r as t,h as e}from"./p-68c2fadf.js";const s=".sc-archive-icon-h{display:flex}";const a=s;const d=class{constructor(e){t(this,e);this.width="15";this.height="15"}render(){return e("svg",{key:"3f58af70c24e93bedd141637b7cee1962b8fda17",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"a7772a464f1fa4b4c4ddc0f6382ca6c38c0374d5",d:"M3 6H5H21",stroke:"auto","stroke-width":"1.5"}),e("path",{key:"2359cca9ae704553e5c06f55acfe4d3a00bd12ab",d:"M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z",stroke:"auto","stroke-width":"1.5"}),e("path",{key:"613a8b40113f8606d34e783b0dcaa0cbc1dd2860",d:"M10 11V17",stroke:"auto","stroke-width":"1.5"}),e("path",{key:"25e17f88e8ed8f9decde38fb7a9061c953979d06",d:"M14 11V17",stroke:"auto","stroke-width":"1.5"}))}};d.style=a;const o=".sc-folder-icon-h{display:flex}";const c=o;const i=class{constructor(e){t(this,e);this.width="15";this.height="15"}render(){return e("svg",{key:"3ef2719fd9d39b748c7e73bd494fb181a2d47341",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"ef9713573df7eb9c92ad59c995c666d46b11822d",d:"M3 8.2C3 7.07989 3 6.51984 3.21799 6.09202C3.40973 5.71569 3.71569 5.40973 4.09202 5.21799C4.51984 5 5.0799 5 6.2 5H9.67452C10.1637 5 10.4083 5 10.6385 5.05526C10.8425 5.10425 11.0376 5.18506 11.2166 5.29472C11.4184 5.4184 11.5914 5.59135 11.9373 5.93726L12.0627 6.06274C12.4086 6.40865 12.5816 6.5816 12.7834 6.70528C12.9624 6.81494 13.1575 6.89575 13.3615 6.94474C13.5917 7 13.8363 7 14.3255 7H17.8C18.9201 7 19.4802 7 19.908 7.21799C20.2843 7.40973 20.5903 7.71569 20.782 8.09202C21 8.51984 21 9.0799 21 10.2V15.8C21 16.9201 21 17.4802 20.782 17.908C20.5903 18.2843 20.2843 18.5903 19.908 18.782C19.4802 19 18.9201 19 17.8 19H6.2C5.07989 19 4.51984 19 4.09202 18.782C3.71569 18.5903 3.40973 18.2843 3.21799 17.908C3 17.4802 3 16.9201 3 15.8V8.2Z",stroke:"auto","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))}};i.style=c;const h=".sc-inbox-icon-h{display:flex}";const r=h;const f=class{constructor(e){t(this,e);this.width="15";this.height="15"}render(){return e("svg",{key:"3c4c261bf2d5a7486e5aa0e51ff82febaad6c5eb",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"1aaf9c43de0c1b32efe7f9c9ea63e798c359bda1",d:"M20 3H4C2.89543 3 2 3.89543 2 5V19C2 20.1046 2.89543 21 4 21H20C21.1046 21 22 20.1046 22 19V5C22 3.89543 21.1046 3 20 3Z",stroke:"auto","stroke-width":"1.5"}),e("path",{key:"dd88ad4743d9c457974937e7fbbd95422ceaa480",d:"M2 5L12 12.5L22 5",stroke:"auto","stroke-width":"1.5"}))}};f.style=r;const n=".sc-sent-icon-h{display:flex}";const b=n;const C=class{constructor(e){t(this,e);this.width="15";this.height="15"}render(){return e("svg",{key:"eb738e0c20d3b30459cf35fd47f0f7ea642ae944",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"8c197cb20fae705e739b8bbd8dbc816ffc46640b",d:"M21.5 12L3.5 3.5L3.5 20.5L21.5 12Z",stroke:"auto","stroke-width":"1.5"}),e("path",{key:"78bd6315f920cfd182a4e42d4ced922c4ab52ded",d:"M3.5 3.5L12 10.5",stroke:"auto","stroke-width":"1.5"}),e("path",{key:"6094104fea26e182f249c18966f2b3098c66bccd",d:"M3.5 20.5L12 13.5",stroke:"auto","stroke-width":"1.5"}))}};C.style=b;const k=".sc-spam-icon-h{display:flex}";const w=k;const l=class{constructor(e){t(this,e);this.width="15";this.height="15"}render(){return e("svg",{key:"d6bc8a21df02ea1bf0fb90989a9437e7ae4c593b",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"c35c7f14b548fa6e702cbdb3753f28c66c0973ea",d:"M20 3H4C2.89543 3 2 3.89543 2 5V19C2 20.1046 2.89543 21 4 21H20C21.1046 21 22 20.1046 22 19V5C22 3.89543 21.1046 3 20 3Z",stroke:"auto","stroke-width":"1.5"}),e("path",{key:"280ba6d994a6cfcaad8ad0c934b3132d4a7dbb9c",d:"M2 5L12 12.5L22 5",stroke:"auto","stroke-width":"1.5"}))}};l.style=w;const u=".sc-star-icon-h{display:flex}";const p=u;const y=class{constructor(e){t(this,e);this.width="15";this.height="15"}render(){return e("svg",{key:"8491df3c0a8e0320a0032b19ed90c33d09f89f44",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"0875e8a365dc220a8e9b84fbaa8c39b20f65bf15",d:"M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z",stroke:"auto","stroke-width":"1.5"}))}};y.style=p;const g=".sc-trash-icon-h{display:flex}";const x=g;const v=class{constructor(e){t(this,e);this.width="15";this.height="15"}render(){return e("svg",{key:"afdadfb5b82a3d0ee568d6c40e339563668eb744",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"0d1ee6501fa7b6b6977f988d5b5683b380cba199",d:"M3 6H5H21",stroke:"auto","stroke-width":"1.5"}),e("path",{key:"1d1a7c6394a4e86b65743ef17ad98bb1d0a3317c",d:"M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z",stroke:"auto","stroke-width":"1.5"}),e("path",{key:"0dfddf8d4bd9920de7007a08e01c0fc400a3161b",d:"M10 11V17",stroke:"auto","stroke-width":"1.5"}),e("path",{key:"1ddf88c61f5d183bcffe87df3f86fd93fe74ea4d",d:"M14 11V17",stroke:"auto","stroke-width":"1.5"}))}};v.style=x;export{d as archive_icon,i as folder_icon,f as inbox_icon,C as sent_icon,l as spam_icon,y as star_icon,v as trash_icon};
+//# sourceMappingURL=p-cb9fd100.entry.js.map

package/dist/nylas-web-elements/p-ce14a1d5.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as s,h as i,H as e,a as h}from"./p-68c2fadf.js";import{N as n,e as a}from"./p-36e3bf97.js";import{a as r}from"./p-6c11737d.js";import{N as o,a as c,b as d,c as u,C as l,d as f,H as p}from"./p-a35d2938.js";import"./p-02aa5f03.js";import"./p-cb65c223.js";import"./p-cabb2e68.js";class b{constructor(t,s,i,e){this.router=t;this.nylasAuth=s;this.nylasAuthStore=i;this.nylasMailboxStore=e}init(){r("NylasMailboxConnector init")}get mailboxStore(){return this.nylasMailboxStore}get authStore(){return this.nylasAuthStore}get auth(){if(this._authConnector){return this._authConnector}this._authConnector=new o(this.nylasAuth,this.nylasAuthStore);return this._authConnector}get threads(){if(this._threadConnector){return this._threadConnector}this._threadConnector=new c(this.nylasAuth,this.nylasAuthStore,this.nylasMailboxStore,this.router);return this._threadConnector}get messages(){if(this._messageConnector){return this._messageConnector}this._messageConnector=new d(this.nylasAuth,this.nylasAuthStore,this.nylasMailboxStore);return this._messageConnector}get folders(){if(this._foldersConnector){return this._foldersConnector}this._foldersConnector=new u(this.nylasAuth,this.nylasAuthStore,this.nylasMailboxStore);return this._foldersConnector}getAuth(){return this.nylasAuth}resetStores(){this.nylasMailboxStore.reset();this.nylasAuthStore.reset()}async logout(){await this.nylasAuth.logout();this.resetStores()}}const m=":host{display:contents}";const y=m;const g=class{constructor(i){t(this,i);this.init=s(this,"init",7);this.loggedIn=s(this,"loggedIn",7);this.loggedOut=s(this,"loggedOut",7);this.handleAuthChange=async t=>{if(t){this.loggedIn.emit(this.host)}else{const t=this.loggedOut.emit(this.host);if(!t.defaultPrevented){await(this.nylasMailboxConnector?.logout())}}};this.automaticComponentRegistration=true;this.eventOverrides={};this.authConfig=undefined;this.defaultAuthStoreState=undefined;this.defaultMailboxStoreState=undefined}connectedCallback(){r("[nylas-mailbox] connectedCallback")}async componentWillLoad(){this.stores={auth:l(this.defaultAuthStoreState),mailbox:f(this.defaultMailboxStoreState)};this.baseProvider=new n(this.host,this.stores,this.automaticComponentRegistration,this.eventOverrides);this.router=new p;this.nylasAuth=a({apiUri:"https://api.us.nylas.com",elementsApiUri:"https://elements.us.nylas.com",storageType:"indexeddb",clientId:"YOUR_CLIENT_ID",defaultScopes:[],redirectURI:"/",...this.authConfig});const t=this.baseProvider?.getStore("auth");if(!t){throw new Error("Auth store is not defined")}const s=this.baseProvider?.getStore("mailbox");if(!s){throw new Error("Mailbox store is not defined")}this.nylasMailboxConnector=new b(this.router,this.nylasAuth,t,s);const i=this.init.emit(this.host);if(!i.defaultPrevented){await(this.nylasMailboxConnector?.auth.validateSession())}this.router?.addRouteChangeListener(`/thread/:threadId`,(async(t,s,i)=>{const e=i.threadId;const h=await(this.nylasMailboxConnector?.threads.getThread(e));if(h){this.nylasMailboxConnector?.mailboxStore.set("selectedThread",h)}}));this.router?.addRouteChangeListener(`/`,(async(s,i,e)=>{if(!t.state.isAuthenticated){return}this.nylasMailboxConnector?.threads.unSelectThread();this.nylasMailboxConnector?.folders.getFolders();const h=window.location.hash.split("?")[1];if(h){const t=new URLSearchParams(h);const s=t.get("query");if(s){await(this.nylasMailboxConnector?.threads.getThreads({search_query_native:s,page_token:undefined}))}}else{this.nylasMailboxConnector?.threads.getThreads()}}));this.router?.init();this.handleAuthChange(t.state.isAuthenticated);this.baseProvider?.componentWillLoad(this.nylasMailboxConnector)}async componentDidLoad(){const t=this.baseProvider?.getStore("auth");if(!t){throw new Error("Auth store is not defined")}t.onChange("isAuthenticated",this.handleAuthChange);this.baseProvider?.componentDidLoad()}componentDisconnected(){this.baseProvider?.componentDisconnected()}async registerComponentHandler(t){this.baseProvider?.registerComponent(t.detail)}async unregisterComponentHandler(t){this.baseProvider?.unregisterComponent(t.detail)}async getMailboxStore(){return this.baseProvider?.getStore("mailbox")}async getAuthStore(){return this.baseProvider?.getStore("auth")}async getNylasAuth(){return this.nylasAuth}async getNylasMailboxConnector(){return this.nylasMailboxConnector}render(){return i(e,{key:"3c2ab6be465a6307bf0a39145fdf0622ff3595c9"},i("slot",{key:"4ba5899b21f226ab1f39865a2b981e74b2fb962b"}))}get host(){return h(this)}};g.style=y;export{g as nylas_mailbox};
+//# sourceMappingURL=p-ce14a1d5.entry.js.map

package/dist/nylas-web-elements/{p-1fa7b832.entry.js.map → p-ce14a1d5.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["NylasMailboxConnector","constructor","router","nylasAuth","nylasAuthStore","nylasStore","this","nylasMailboxStore","init","debug","mailboxStore","authStore","auth","_authConnector","NylasAuthConnector","threads","_threadConnector","NylasThreadsConnector","messages","_messageConnector","NylasMessagesConnector","folders","_foldersConnector","NylasFoldersConnector","getAuth","resetStores","reset","logout","nylasMailboxCss","NylasMailboxStyle0","NylasMailbox","handleAuthChange","async","isAuthenticated","loggedIn","emit","host","loggedOutEvent","loggedOut","defaultPrevented","nylasMailboxConnector","connectedCallback","componentWillLoad","stores","CreateNylasAuthStore","defaultAuthStoreState","mailbox","CreateNylasMailboxStore","defaultMailboxStoreState","baseProvider","NylasBaseProvider","automaticComponentRegistration","eventOverrides","HashRouter","NylasAuth","apiUri","elementsApiUri","storageType","clientId","defaultScopes","redirectURI","authConfig","getStore","Error","initEvent","validateSession","addRouteChangeListener","_route","_path","routeParams","threadId","thread","getThread","set","_routeParams","state","unSelectThread","getFolders","queryParams","window","location","hash","split","params","URLSearchParams","searchQuery","get","getThreads","search_query_native","page_token","undefined","componentDidLoad","onChange","componentDisconnected","registerComponentHandler","event","registerComponent","detail","unregisterComponentHandler","unregisterComponent","getMailboxStore","getAuthStore","getNylasAuth","getNylasMailboxConnector","render","h","Host","key"],"sources":["src/connector/nylas-mailbox-connector/index.ts","src/components/mailbox/nylas-mailbox/nylas-mailbox.css?tag=nylas-mailbox&encapsulation=shadow","src/components/mailbox/nylas-mailbox/nylas-mailbox.tsx"],"sourcesContent":["import { RouterInterface } from '@/routers/router-interface';\nimport { NylasAuthStoreType } from '@/stores/auth-store';\nimport { NylasMailboxStoreType } from '@/stores/mailbox-store';\nimport { debug } from '@/utils/utils';\nimport type { NylasAuthType } from '@nylas/core';\nimport { NylasMailboxConnectorInterface } from '../connector-interface';\nimport { NylasAuthConnector } from '../shared/api/auth';\nimport { NylasMessagesConnector } from '../shared/api/messages';\nimport { NylasThreadsConnector } from '../shared/api/threads';\nimport { NylasFoldersConnector } from '../shared/api/folders';\n\n/**\n * Base class for the Nylas connector.\n */\nexport class NylasMailboxConnector implements NylasMailboxConnectorInterface {\n  public nylasAuth: NylasAuthType;\n  public nylasMailboxStore: NylasMailboxStoreType;\n  public nylasAuthStore: NylasAuthStoreType;\n  public router: RouterInterface;\n\n  private _authConnector: NylasAuthConnector | undefined;\n  private _threadConnector: NylasThreadsConnector | undefined;\n  private _messageConnector: NylasMessagesConnector | undefined;\n  private _foldersConnector: NylasFoldersConnector | undefined;\n\n  constructor(router: RouterInterface, nylasAuth: NylasAuthType, nylasAuthStore: NylasAuthStoreType, nylasStore: NylasMailboxStoreType) {\n    this.router = router;\n    this.nylasAuth = nylasAuth;\n    this.nylasAuthStore = nylasAuthStore;\n    this.nylasMailboxStore = nylasStore;\n  }\n\n  public init() {\n    debug('NylasMailboxConnector init');\n  }\n\n  public get mailboxStore() {\n    return this.nylasMailboxStore;\n  }\n\n  public get authStore() {\n    return this.nylasAuthStore;\n  }\n\n  public get auth() {\n    if (this._authConnector) {\n      return this._authConnector;\n    }\n    this._authConnector = new NylasAuthConnector(this.nylasAuth, this.nylasAuthStore);\n    return this._authConnector;\n  }\n\n  public get threads() {\n    if (this._threadConnector) {\n      return this._threadConnector;\n    }\n    this._threadConnector = new NylasThreadsConnector(this.nylasAuth, this.nylasAuthStore, this.nylasMailboxStore, this.router);\n    return this._threadConnector;\n  }\n\n  public get messages() {\n    if (this._messageConnector) {\n      return this._messageConnector;\n    }\n    this._messageConnector = new NylasMessagesConnector(this.nylasAuth, this.nylasAuthStore, this.nylasMailboxStore);\n    return this._messageConnector;\n  }\n\n  public get folders() {\n    if (this._foldersConnector) {\n      return this._foldersConnector;\n    }\n    this._foldersConnector = new NylasFoldersConnector(this.nylasAuth, this.nylasAuthStore, this.nylasMailboxStore);\n    return this._foldersConnector;\n  }\n\n  public getAuth() {\n    return this.nylasAuth;\n  }\n\n  public resetStores() {\n    this.nylasMailboxStore.reset();\n    this.nylasAuthStore.reset();\n  }\n\n  public async logout() {\n    await this.nylasAuth.logout();\n    this.resetStores();\n  }\n}\n\nexport type PublicMethods<T> = {\n  [K in keyof T]: T[K] extends Function ? (string extends K ? never : K) : never;\n}[keyof T];\n\nexport type NylasMailboxConnectorPublicMethods = PublicMethods<NylasMailboxConnector>;\n",":host {\n  display: contents;\n}\n","import { NylasBaseProvider } from '@/common/abstract-provider';\nimport { RegisteredComponent } from '@/common/register-component';\nimport type { EventOverride } from '@/common/component-types';\nimport { NylasMailboxConnector } from '@/connector/nylas-mailbox-connector';\nimport { HashRouter } from '@/routers/hash-router';\nimport { RouterInterface } from '@/routers/router-interface';\nimport { CreateNylasAuthStore, NylasAuthStoreState, NylasAuthStoreType } from '@/stores/auth-store';\nimport { CreateNylasMailboxStore, NylasMailboxStoreState, NylasMailboxStoreType } from '@/stores/mailbox-store';\nimport { AuthConfig, NylasAuth, NylasAuthType } from '@nylas/core';\nimport { Component, Element, Event, EventEmitter, Host, Listen, Method, Prop, h } from '@stencil/core';\nimport { debug } from '@/utils/utils';\n\n/**\n * The Nylas Mailbox component.\n * This component is used as a provider for all other Nylas Mailbox components.\n * It is responsible for managing the NylasAuth and NylasMailboxConnector instances.\n * It also manages the state of the NylasAuth and NylasMailboxStore instances.\n * @example\n * <nylas-mailbox\n *  auth-config={{\n *  clientId: 'YOUR_CLIENT_ID',\n *  }}\n * default-auth-store-state={{\n * threadQueryParams: {\n *  limit: 10,\n * }}\n * >\n *  <nylas-mailbox-thread-list></nylas-mailbox-thread-list>\n * </nylas-mailbox>\n */\n@Component({\n  tag: 'nylas-mailbox',\n  styleUrl: 'nylas-mailbox.css',\n  shadow: true,\n})\nexport class NylasMailbox {\n  /**\n   * Stores to be used by the provider.\n   */\n  private stores?: {\n    auth: NylasAuthStoreType;\n    mailbox: NylasMailboxStoreType;\n  };\n\n  /**\n   * This is a base provide that defines the common methods and properties\n   * that all providers should have.\n   *\n   * Because stencil does not support abstract classes, we have to use a\n   * property to store the base provider instance.\n   */\n  private baseProvider?: NylasBaseProvider<Exclude<typeof this.stores, undefined>>;\n\n  /**\n   * The Nylas Auth instance.\n   * Used to manage all things authentication with Nylas.\n   */\n  private nylasAuth?: NylasAuthType;\n\n  /**\n   * A router instance.\n   */\n  private router?: RouterInterface;\n\n  /**\n   * The Nylas Mailbox Connector instance.\n   * The branins of the provider. It manages data fetching and state synchronization.\n   */\n  private nylasMailboxConnector?: NylasMailboxConnector;\n\n  /**\n   * The host element.\n   * Used to manage the host element of the provider.\n   */\n  @Element() private host!: HTMLNylasMailboxElement;\n\n  /**\n   * Automatically register components that have the `@RegisterComponent` decorator.\n   * If this is set to false, you will need to manually register components using the\n   * `registerComponent` method.\n   */\n  @Prop() readonly automaticComponentRegistration: boolean = true;\n\n  /**\n   * This provides a way to override the default event handlers.\n   */\n  @Prop() eventOverrides: EventOverride<Exclude<typeof this.nylasMailboxConnector, undefined>> = {};\n\n  /**\n   * The Nylas Auth configuration.\n   * Used to manage all things authentication with Nylas.\n   */\n  @Prop({ attribute: 'auth-config' }) readonly authConfig?: AuthConfig;\n\n  /**\n   * The default auth store state.\n   * Used to set the initial state of the auth store.\n   */\n  @Prop({ attribute: 'default-auth-store-state' }) readonly defaultAuthStoreState?: NylasAuthStoreState;\n\n  /**\n   * The default mailbox store state.\n   * Used to set the initial state of the mailbox store.\n   */\n  @Prop({ attribute: 'default-mailbox-store-state' }) readonly defaultMailboxStoreState?: NylasMailboxStoreState;\n\n  /**\n   * This event is fired when the provider is initialized.\n   * It can be used to set the initial state of the provider,\n   * or to prevent the provider from firing some default behavior.\n   */\n  @Event({ cancelable: true }) readonly init!: EventEmitter<HTMLNylasMailboxElement>;\n\n  /**\n   * This event is fired when the the NyalsAuth isAuthenticated state changes\n   * to true.\n   */\n  @Event({ cancelable: true }) readonly loggedIn!: EventEmitter<HTMLNylasMailboxElement>;\n\n  /**\n   * This event is fired when the the NyalsAuth isAuthenticated state changes\n   * to true.\n   */\n  @Event({ cancelable: true }) readonly loggedOut!: EventEmitter<HTMLNylasMailboxElement>;\n\n  connectedCallback() {\n    debug('[nylas-mailbox] connectedCallback');\n  }\n\n  async componentWillLoad() {\n    this.stores = {\n      auth: CreateNylasAuthStore(this.defaultAuthStoreState),\n      mailbox: CreateNylasMailboxStore(this.defaultMailboxStoreState),\n    };\n\n    this.baseProvider = new NylasBaseProvider(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides);\n\n    /**\n     * Create the router instance.\n     * This will be used to manage the routing of the provider.\n     */\n    this.router = new HashRouter();\n\n    /**\n     * Create the NylasAuth instance.\n     * This will be used to manage all things authentication with Nylas.\n     */\n    this.nylasAuth = NylasAuth({\n      apiUri: 'https://api.us.nylas.com',\n      elementsApiUri: 'https://elements.us.nylas.com',\n      storageType: 'indexeddb',\n      clientId: 'YOUR_CLIENT_ID',\n      defaultScopes: [],\n      redirectURI: '/',\n      ...this.authConfig,\n    });\n\n    const authStore = this.baseProvider?.getStore('auth');\n    if (!authStore) {\n      throw new Error('Auth store is not defined');\n    }\n\n    const mailboxStore = this.baseProvider?.getStore('mailbox');\n    if (!mailboxStore) {\n      throw new Error('Mailbox store is not defined');\n    }\n\n    this.nylasMailboxConnector = new NylasMailboxConnector(this.router, this.nylasAuth, authStore, mailboxStore);\n\n    const initEvent = this.init.emit(this.host);\n    if (!initEvent.defaultPrevented) {\n      /**\n       * By default, on init, we will validate the session.\n       * This will check if the user is logged in and if the session is still valid.\n       * If the session is not valid, the user will be logged out.\n       */\n      await this.nylasMailboxConnector?.auth.validateSession();\n    }\n\n    // Handle our router\n    this.router?.addRouteChangeListener(`/thread/:threadId`, async (_route, _path, routeParams) => {\n      const threadId = routeParams.threadId;\n      const thread = await this.nylasMailboxConnector?.threads.getThread(threadId);\n      if (thread) {\n        this.nylasMailboxConnector?.mailboxStore.set('selectedThread', thread);\n      }\n    });\n    this.router?.addRouteChangeListener(`/`, async (_route, _path, _routeParams) => {\n      if (!authStore.state.isAuthenticated) {\n        return;\n      }\n      // Reset the selected thread\n      this.nylasMailboxConnector?.threads.unSelectThread();\n      this.nylasMailboxConnector?.folders.getFolders();\n\n      // If we have a query param, search for threads\n      const queryParams = window.location.hash.split('?')[1];\n      if (queryParams) {\n        const params = new URLSearchParams(queryParams);\n        const searchQuery = params.get('query');\n        if (searchQuery) {\n          await this.nylasMailboxConnector?.threads.getThreads({\n            search_query_native: searchQuery,\n            page_token: undefined,\n          });\n        }\n      } else {\n        this.nylasMailboxConnector?.threads.getThreads();\n      }\n    });\n\n    /**\n     * Initialize the router.\n     * This will be used to manage the routing of the provider.\n     */\n    this.router?.init();\n\n    /**\n     * Listen for changes in the NylasAuth isAuthenticated state.\n     * This is used to fire the loggedIn and loggedOut events.\n     */\n    this.handleAuthChange(authStore.state.isAuthenticated);\n    this.baseProvider?.componentWillLoad(this.nylasMailboxConnector);\n  }\n\n  async componentDidLoad() {\n    const authStore = this.baseProvider?.getStore('auth');\n    if (!authStore) {\n      throw new Error('Auth store is not defined');\n    }\n\n    authStore.onChange('isAuthenticated', this.handleAuthChange);\n    this.baseProvider?.componentDidLoad();\n  }\n\n  componentDisconnected() {\n    this.baseProvider?.componentDisconnected();\n  }\n\n  /**\n   * This is a custom event handler that is used to register a component with the provider.\n   * It is used by components that have the `@RegisterComponent` decorator.\n   * @param event A custom event that contains the component to register\n   * @returns Promise<void>\n   */\n  @Listen('registerComponent')\n  async registerComponentHandler(event: CustomEvent<RegisteredComponent<any, any>>): Promise<void> {\n    this.baseProvider?.registerComponent(event.detail);\n  }\n\n  /**\n   * This is a custom event handler that is used to unregister a component with the provider.\n   * It is used by components that have the `@RegisterComponent` decorator.\n   * @param event A custom event that contains the component to unregister\n   * @returns Promise<void>\n   */\n  @Listen('unregisterComponent')\n  async unregisterComponentHandler(event: CustomEvent<RegisteredComponent<any, any>>): Promise<void> {\n    this.baseProvider?.unregisterComponent(event.detail);\n  }\n\n  /**\n   * This method is used to retrieve the mailboxStore instance\n   * @returns The mailboxStore instance\n   */\n  @Method()\n  async getMailboxStore(): Promise<NylasMailboxStoreType | undefined> {\n    return this.baseProvider?.getStore('mailbox');\n  }\n\n  /**\n   * This method is used to retrieve the authStore instance\n   * @returns The authStore instance\n   */\n  @Method()\n  async getAuthStore(): Promise<NylasAuthStoreType | undefined> {\n    return this.baseProvider?.getStore('auth');\n  }\n\n  /**\n   * This method is used to retrieve the NylasAuth instance\n   * @returns The NylasAuth instance\n   */\n  @Method()\n  async getNylasAuth(): Promise<NylasAuthType | undefined> {\n    return this.nylasAuth;\n  }\n\n  /**\n   * This method is used to retrieve the NylasMailboxConnector instance\n   * @returns The NylasMailboxConnector instance\n   */\n  @Method()\n  async getNylasMailboxConnector() {\n    return this.nylasMailboxConnector;\n  }\n\n  /**\n   * This method is used to handle changes in the NylasAuth isAuthenticated state\n   * @param isAuthenticated isAuthenticated state\n   * @returns void\n   */\n  private handleAuthChange = async (isAuthenticated: boolean) => {\n    if (isAuthenticated) {\n      this.loggedIn.emit(this.host);\n    } else {\n      const loggedOutEvent = this.loggedOut.emit(this.host);\n      if (!loggedOutEvent.defaultPrevented) {\n        await this.nylasMailboxConnector?.logout();\n      }\n    }\n  };\n\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["NylasMailboxConnector","constructor","router","nylasAuth","nylasAuthStore","nylasStore","this","nylasMailboxStore","init","debug","mailboxStore","authStore","auth","_authConnector","NylasAuthConnector","threads","_threadConnector","NylasThreadsConnector","messages","_messageConnector","NylasMessagesConnector","folders","_foldersConnector","NylasFoldersConnector","getAuth","resetStores","reset","logout","nylasMailboxCss","NylasMailboxStyle0","NylasMailbox","handleAuthChange","async","isAuthenticated","loggedIn","emit","host","loggedOutEvent","loggedOut","defaultPrevented","nylasMailboxConnector","connectedCallback","componentWillLoad","stores","CreateNylasAuthStore","defaultAuthStoreState","mailbox","CreateNylasMailboxStore","defaultMailboxStoreState","baseProvider","NylasBaseProvider","automaticComponentRegistration","eventOverrides","HashRouter","NylasAuth","apiUri","elementsApiUri","storageType","clientId","defaultScopes","redirectURI","authConfig","getStore","Error","initEvent","validateSession","addRouteChangeListener","_route","_path","routeParams","threadId","thread","getThread","set","_routeParams","state","unSelectThread","getFolders","queryParams","window","location","hash","split","params","URLSearchParams","searchQuery","get","getThreads","search_query_native","page_token","undefined","componentDidLoad","onChange","componentDisconnected","registerComponentHandler","event","registerComponent","detail","unregisterComponentHandler","unregisterComponent","getMailboxStore","getAuthStore","getNylasAuth","getNylasMailboxConnector","render","h","Host","key"],"sources":["src/connector/nylas-mailbox-connector/index.ts","src/components/mailbox/nylas-mailbox/nylas-mailbox.css?tag=nylas-mailbox&encapsulation=shadow","src/components/mailbox/nylas-mailbox/nylas-mailbox.tsx"],"sourcesContent":["import { RouterInterface } from '@/routers/router-interface';\nimport { NylasAuthStoreType } from '@/stores/auth-store';\nimport { NylasMailboxStoreType } from '@/stores/mailbox-store';\nimport { debug } from '@/utils/utils';\nimport type { NylasAuthType } from '@nylas/core';\nimport { NylasMailboxConnectorInterface } from '../connector-interface';\nimport { NylasAuthConnector } from '../shared/api/auth';\nimport { NylasMessagesConnector } from '../shared/api/messages';\nimport { NylasThreadsConnector } from '../shared/api/threads';\nimport { NylasFoldersConnector } from '../shared/api/folders';\n\n/**\n * Base class for the Nylas connector.\n */\nexport class NylasMailboxConnector implements NylasMailboxConnectorInterface {\n  public nylasAuth: NylasAuthType;\n  public nylasMailboxStore: NylasMailboxStoreType;\n  public nylasAuthStore: NylasAuthStoreType;\n  public router: RouterInterface;\n\n  private _authConnector: NylasAuthConnector | undefined;\n  private _threadConnector: NylasThreadsConnector | undefined;\n  private _messageConnector: NylasMessagesConnector | undefined;\n  private _foldersConnector: NylasFoldersConnector | undefined;\n\n  constructor(router: RouterInterface, nylasAuth: NylasAuthType, nylasAuthStore: NylasAuthStoreType, nylasStore: NylasMailboxStoreType) {\n    this.router = router;\n    this.nylasAuth = nylasAuth;\n    this.nylasAuthStore = nylasAuthStore;\n    this.nylasMailboxStore = nylasStore;\n  }\n\n  public init() {\n    debug('NylasMailboxConnector init');\n  }\n\n  public get mailboxStore() {\n    return this.nylasMailboxStore;\n  }\n\n  public get authStore() {\n    return this.nylasAuthStore;\n  }\n\n  public get auth() {\n    if (this._authConnector) {\n      return this._authConnector;\n    }\n    this._authConnector = new NylasAuthConnector(this.nylasAuth, this.nylasAuthStore);\n    return this._authConnector;\n  }\n\n  public get threads() {\n    if (this._threadConnector) {\n      return this._threadConnector;\n    }\n    this._threadConnector = new NylasThreadsConnector(this.nylasAuth, this.nylasAuthStore, this.nylasMailboxStore, this.router);\n    return this._threadConnector;\n  }\n\n  public get messages() {\n    if (this._messageConnector) {\n      return this._messageConnector;\n    }\n    this._messageConnector = new NylasMessagesConnector(this.nylasAuth, this.nylasAuthStore, this.nylasMailboxStore);\n    return this._messageConnector;\n  }\n\n  public get folders() {\n    if (this._foldersConnector) {\n      return this._foldersConnector;\n    }\n    this._foldersConnector = new NylasFoldersConnector(this.nylasAuth, this.nylasAuthStore, this.nylasMailboxStore);\n    return this._foldersConnector;\n  }\n\n  public getAuth() {\n    return this.nylasAuth;\n  }\n\n  public resetStores() {\n    this.nylasMailboxStore.reset();\n    this.nylasAuthStore.reset();\n  }\n\n  public async logout() {\n    await this.nylasAuth.logout();\n    this.resetStores();\n  }\n}\n\nexport type PublicMethods<T> = {\n  [K in keyof T]: T[K] extends Function ? (string extends K ? never : K) : never;\n}[keyof T];\n\nexport type NylasMailboxConnectorPublicMethods = PublicMethods<NylasMailboxConnector>;\n",":host {\n  display: contents;\n}\n","import { NylasBaseProvider } from '@/common/abstract-provider';\nimport { RegisteredComponent } from '@/common/register-component';\nimport type { EventOverride } from '@/common/component-types';\nimport { NylasMailboxConnector } from '@/connector/nylas-mailbox-connector';\nimport { HashRouter } from '@/routers/hash-router';\nimport { RouterInterface } from '@/routers/router-interface';\nimport { CreateNylasAuthStore, NylasAuthStoreState, NylasAuthStoreType } from '@/stores/auth-store';\nimport { CreateNylasMailboxStore, NylasMailboxStoreState, NylasMailboxStoreType } from '@/stores/mailbox-store';\nimport { AuthConfig, NylasAuth, NylasAuthType } from '@nylas/core';\nimport { Component, Element, Event, EventEmitter, Host, Listen, Method, Prop, h } from '@stencil/core';\nimport { debug } from '@/utils/utils';\n\n/**\n * The Nylas Mailbox component.\n * This component is used as a provider for all other Nylas Mailbox components.\n * It is responsible for managing the NylasAuth and NylasMailboxConnector instances.\n * It also manages the state of the NylasAuth and NylasMailboxStore instances.\n * @example\n * <nylas-mailbox\n *  auth-config={{\n *  clientId: 'YOUR_CLIENT_ID',\n *  }}\n * default-auth-store-state={{\n * threadQueryParams: {\n *  limit: 10,\n * }}\n * >\n *  <nylas-mailbox-thread-list></nylas-mailbox-thread-list>\n * </nylas-mailbox>\n */\n@Component({\n  tag: 'nylas-mailbox',\n  styleUrl: 'nylas-mailbox.css',\n  shadow: true,\n})\nexport class NylasMailbox {\n  /**\n   * Stores to be used by the provider.\n   */\n  private stores?: {\n    auth: NylasAuthStoreType;\n    mailbox: NylasMailboxStoreType;\n  };\n\n  /**\n   * This is a base provide that defines the common methods and properties\n   * that all providers should have.\n   *\n   * Because stencil does not support abstract classes, we have to use a\n   * property to store the base provider instance.\n   */\n  private baseProvider?: NylasBaseProvider<Exclude<typeof this.stores, undefined>>;\n\n  /**\n   * The Nylas Auth instance.\n   * Used to manage all things authentication with Nylas.\n   */\n  private nylasAuth?: NylasAuthType;\n\n  /**\n   * A router instance.\n   */\n  private router?: RouterInterface;\n\n  /**\n   * The Nylas Mailbox Connector instance.\n   * The branins of the provider. It manages data fetching and state synchronization.\n   */\n  private nylasMailboxConnector?: NylasMailboxConnector;\n\n  /**\n   * The host element.\n   * Used to manage the host element of the provider.\n   */\n  @Element() private host!: HTMLNylasMailboxElement;\n\n  /**\n   * Automatically register components that have the `@RegisterComponent` decorator.\n   * If this is set to false, you will need to manually register components using the\n   * `registerComponent` method.\n   */\n  @Prop() readonly automaticComponentRegistration: boolean = true;\n\n  /**\n   * This provides a way to override the default event handlers.\n   */\n  @Prop() eventOverrides: EventOverride<Exclude<typeof this.nylasMailboxConnector, undefined>> = {};\n\n  /**\n   * The Nylas Auth configuration.\n   * Used to manage all things authentication with Nylas.\n   */\n  @Prop({ attribute: 'auth-config' }) readonly authConfig?: AuthConfig;\n\n  /**\n   * The default auth store state.\n   * Used to set the initial state of the auth store.\n   */\n  @Prop({ attribute: 'default-auth-store-state' }) readonly defaultAuthStoreState?: NylasAuthStoreState;\n\n  /**\n   * The default mailbox store state.\n   * Used to set the initial state of the mailbox store.\n   */\n  @Prop({ attribute: 'default-mailbox-store-state' }) readonly defaultMailboxStoreState?: NylasMailboxStoreState;\n\n  /**\n   * This event is fired when the provider is initialized.\n   * It can be used to set the initial state of the provider,\n   * or to prevent the provider from firing some default behavior.\n   */\n  @Event({ cancelable: true }) readonly init!: EventEmitter<HTMLNylasMailboxElement>;\n\n  /**\n   * This event is fired when the the NyalsAuth isAuthenticated state changes\n   * to true.\n   */\n  @Event({ cancelable: true }) readonly loggedIn!: EventEmitter<HTMLNylasMailboxElement>;\n\n  /**\n   * This event is fired when the the NyalsAuth isAuthenticated state changes\n   * to true.\n   */\n  @Event({ cancelable: true }) readonly loggedOut!: EventEmitter<HTMLNylasMailboxElement>;\n\n  connectedCallback() {\n    debug('[nylas-mailbox] connectedCallback');\n  }\n\n  async componentWillLoad() {\n    this.stores = {\n      auth: CreateNylasAuthStore(this.defaultAuthStoreState),\n      mailbox: CreateNylasMailboxStore(this.defaultMailboxStoreState),\n    };\n\n    this.baseProvider = new NylasBaseProvider(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides);\n\n    /**\n     * Create the router instance.\n     * This will be used to manage the routing of the provider.\n     */\n    this.router = new HashRouter();\n\n    /**\n     * Create the NylasAuth instance.\n     * This will be used to manage all things authentication with Nylas.\n     */\n    this.nylasAuth = NylasAuth({\n      apiUri: 'https://api.us.nylas.com',\n      elementsApiUri: 'https://elements.us.nylas.com',\n      storageType: 'indexeddb',\n      clientId: 'YOUR_CLIENT_ID',\n      defaultScopes: [],\n      redirectURI: '/',\n      ...this.authConfig,\n    });\n\n    const authStore = this.baseProvider?.getStore('auth');\n    if (!authStore) {\n      throw new Error('Auth store is not defined');\n    }\n\n    const mailboxStore = this.baseProvider?.getStore('mailbox');\n    if (!mailboxStore) {\n      throw new Error('Mailbox store is not defined');\n    }\n\n    this.nylasMailboxConnector = new NylasMailboxConnector(this.router, this.nylasAuth, authStore, mailboxStore);\n\n    const initEvent = this.init.emit(this.host);\n    if (!initEvent.defaultPrevented) {\n      /**\n       * By default, on init, we will validate the session.\n       * This will check if the user is logged in and if the session is still valid.\n       * If the session is not valid, the user will be logged out.\n       */\n      await this.nylasMailboxConnector?.auth.validateSession();\n    }\n\n    // Handle our router\n    this.router?.addRouteChangeListener(`/thread/:threadId`, async (_route, _path, routeParams) => {\n      const threadId = routeParams.threadId;\n      const thread = await this.nylasMailboxConnector?.threads.getThread(threadId);\n      if (thread) {\n        this.nylasMailboxConnector?.mailboxStore.set('selectedThread', thread);\n      }\n    });\n    this.router?.addRouteChangeListener(`/`, async (_route, _path, _routeParams) => {\n      if (!authStore.state.isAuthenticated) {\n        return;\n      }\n      // Reset the selected thread\n      this.nylasMailboxConnector?.threads.unSelectThread();\n      this.nylasMailboxConnector?.folders.getFolders();\n\n      // If we have a query param, search for threads\n      const queryParams = window.location.hash.split('?')[1];\n      if (queryParams) {\n        const params = new URLSearchParams(queryParams);\n        const searchQuery = params.get('query');\n        if (searchQuery) {\n          await this.nylasMailboxConnector?.threads.getThreads({\n            search_query_native: searchQuery,\n            page_token: undefined,\n          });\n        }\n      } else {\n        this.nylasMailboxConnector?.threads.getThreads();\n      }\n    });\n\n    /**\n     * Initialize the router.\n     * This will be used to manage the routing of the provider.\n     */\n    this.router?.init();\n\n    /**\n     * Listen for changes in the NylasAuth isAuthenticated state.\n     * This is used to fire the loggedIn and loggedOut events.\n     */\n    this.handleAuthChange(authStore.state.isAuthenticated);\n    this.baseProvider?.componentWillLoad(this.nylasMailboxConnector);\n  }\n\n  async componentDidLoad() {\n    const authStore = this.baseProvider?.getStore('auth');\n    if (!authStore) {\n      throw new Error('Auth store is not defined');\n    }\n\n    authStore.onChange('isAuthenticated', this.handleAuthChange);\n    this.baseProvider?.componentDidLoad();\n  }\n\n  componentDisconnected() {\n    this.baseProvider?.componentDisconnected();\n  }\n\n  /**\n   * This is a custom event handler that is used to register a component with the provider.\n   * It is used by components that have the `@RegisterComponent` decorator.\n   * @param event A custom event that contains the component to register\n   * @returns Promise<void>\n   */\n  @Listen('registerComponent')\n  async registerComponentHandler(event: CustomEvent<RegisteredComponent<any, any>>): Promise<void> {\n    this.baseProvider?.registerComponent(event.detail);\n  }\n\n  /**\n   * This is a custom event handler that is used to unregister a component with the provider.\n   * It is used by components that have the `@RegisterComponent` decorator.\n   * @param event A custom event that contains the component to unregister\n   * @returns Promise<void>\n   */\n  @Listen('unregisterComponent')\n  async unregisterComponentHandler(event: CustomEvent<RegisteredComponent<any, any>>): Promise<void> {\n    this.baseProvider?.unregisterComponent(event.detail);\n  }\n\n  /**\n   * This method is used to retrieve the mailboxStore instance\n   * @returns The mailboxStore instance\n   */\n  @Method()\n  async getMailboxStore(): Promise<NylasMailboxStoreType | undefined> {\n    return this.baseProvider?.getStore('mailbox');\n  }\n\n  /**\n   * This method is used to retrieve the authStore instance\n   * @returns The authStore instance\n   */\n  @Method()\n  async getAuthStore(): Promise<NylasAuthStoreType | undefined> {\n    return this.baseProvider?.getStore('auth');\n  }\n\n  /**\n   * This method is used to retrieve the NylasAuth instance\n   * @returns The NylasAuth instance\n   */\n  @Method()\n  async getNylasAuth(): Promise<NylasAuthType | undefined> {\n    return this.nylasAuth;\n  }\n\n  /**\n   * This method is used to retrieve the NylasMailboxConnector instance\n   * @returns The NylasMailboxConnector instance\n   */\n  @Method()\n  async getNylasMailboxConnector() {\n    return this.nylasMailboxConnector;\n  }\n\n  /**\n   * This method is used to handle changes in the NylasAuth isAuthenticated state\n   * @param isAuthenticated isAuthenticated state\n   * @returns void\n   */\n  private handleAuthChange = async (isAuthenticated: boolean) => {\n    if (isAuthenticated) {\n      this.loggedIn.emit(this.host);\n    } else {\n      const loggedOutEvent = this.loggedOut.emit(this.host);\n      if (!loggedOutEvent.defaultPrevented) {\n        await this.nylasMailboxConnector?.logout();\n      }\n    }\n  };\n\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/nylas-web-elements/{p-44507695.entry.js → p-cee0929a.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as a,H as r}from"./p-68c2fadf.js";import{R as o}from"./p-795b324a.js";import{a as i,b as n,c as s}from"./p-6c11737d.js";import"./p-02aa5f03.js";import"./p-cb65c223.js";const l=':host{display:block;font-size:var(--nylas-font-size, inherit);font-family:var(--nylas-font-family, inherit)}.list-thread{display:grid;grid-auto-flow:row;color:var(--nylas-color-primary-800);width:100%}.thread{position:relative;width:100%;display:grid;padding:0.5rem 1rem;column-gap:0.25rem;grid-template-areas:"........ from    count   ....... date actions" "checkbox subject subject subject subject actions" "........ snippet snippet snippet snippet actions";grid-template-columns:auto auto auto auto auto auto;margin-bottom:0.75rem;border-radius:var(--nylas-border-radius-2x);color:var(--nylas-color-primary-00);background-color:var(--nylas-color-primary-50);border:0;box-sizing:border-box;text-align:left;cursor:pointer;box-shadow:1px 1px 3px 0px rgba(0, 0, 0, 0.3);font-size:inherit;font-family:inherit}.thread.loading{animation:pulsate 1.5s infinite ease-in-out;width:100%;height:90px}.thread:last-of-type{margin-bottom:0}.thread.selected{box-shadow:0 2px 0 0 var(--nylas-color-primary-200);background-color:var(--nylas-color-primary-100)}.thread:hover{box-shadow:0 2px 0 0 var(--nylas-color-primary-200);background-color:var(--nylas-color-primary-100)}.thread>div{align-self:center;pointer-events:all !important}.thread .actions{grid-area:actions}.thread .actions sp-action-menu{pointer-events:initial !important}.thread .actions sp-action-button{pointer-events:initial !important}.thread .actions sp-menu-item{pointer-events:initial !important}.thread .checkbox{grid-area:checkbox;margin-right:0.5rem;pointer-events:initial !important}.thread .checkbox sp-checkbox{pointer-events:initial !important}.thread .star{grid-area:star;justify-self:end}.thread .from{grid-area:from;color:var(--nylas-color-primary-600)}.thread .count{grid-area:count;color:var(--nylas-color-primary-600)}.thread .subject{grid-area:subject;color:var(--nylas-color-primary-600)}.thread .snippet{grid-area:snippet;color:var(--nylas-color-primary-500)}.thread .date{grid-area:date;align-self:center;color:var(--nylas-color-primary-500)}.thread.unread .from,.thread.unread .count,.thread.unread .subject,.thread.unread .date{font-weight:600;color:var(--nylas-color-primary-800)}.thread.unread .snippet{color:var(--nylas-color-primary-700)}.thread .from{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread .snippet{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread .subject{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width: 768px){.thread{column-gap:1rem;grid-template-areas:"checkbox from count subject snippet date actions";grid-template-columns:auto minmax(auto, 200px) auto auto 1fr auto auto;margin-bottom:0.5rem;border:1px solid var(--nylas-color-primary-100)}.thread.no-checkbox{grid-template-areas:"from count subject snippet date actions";grid-template-columns:minmax(auto, 200px) auto auto 1fr auto auto}.thread .checkbox{margin-right:0}}@keyframes pulsate{0%{background-color:var(--nylas-color-primary-50)}50%{background-color:var(--nylas-color-primary-100)}100%{background-color:var(--nylas-color-primary-50)}}';const d=l;var c=undefined&&undefined.__decorate||function(e,t,a,r){var o=arguments.length,i=o<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,a):r,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,t,a,r);else for(var s=e.length-1;s>=0;s--)if(n=e[s])i=(o<3?n(i):o>3?n(t,a,i):n(t,a))||i;return o>3&&i&&Object.defineProperty(t,a,i),i};var p=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const h=class{constructor(a){e(this,a);this.threadSelected=t(this,"threadSelected",7);this.handleThreadSelected=async e=>{i(`[nylas-list-threads] Thread selected`,{thread:e});const t=this.threadSelected.emit(e);if(!t.defaultPrevented){i(`[nylas-list-threads] Default event not prevented, selecting thread`)}};this.handleCheckboxClick=async e=>{i(`[nylas-list-threads] Checkbox clicked`,{event:e});e.stopPropagation()};this.threads=[];this.isAuthenticated=false;this.tokenInfo=undefined;this.state="ready";this.showCheckbox=false}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){i(`[nylas-list-threads] Component will load`)}async componentDidLoad(){i(`[nylas-list-threads] Component did load`,{isAuthenticated:this.isAuthenticated})}render(){return a(r,{key:"dedfe1c18609bab902d277c9e2df4c211c45ff7e"},a("div",{key:"40bf31c6086f3f875b8a79947f8927d130994ded",class:"list-thread",part:"list-thread"},this.state==="loading"&&new Array(10).fill(0).map(((e,t)=>a("div",{class:"thread loading",style:{animationDelay:`${t*20}ms`}}))),this.state==="ready"&&this.threads.map((e=>a("button",{key:e?.id,class:{thread:true,unread:e?.unread===true,"no-checkbox":this.showCheckbox===false},part:"thread","aria-label":`Thread with subject ${e?.subject}`,onClick:()=>this.handleThreadSelected(e)},this.showCheckbox&&a("div",{class:"checkbox",part:"checkbox"},a("sp-checkbox",{size:"s",value:e?.id,onClick:this.handleCheckboxClick})),a("div",{class:"from",part:"from"},n(e.participants??[],this.tokenInfo?.email,e?.message_ids?.length||1,1)),a("div",{class:"subject",part:"subject"},e?.subject),a("div",{class:"count",part:"count"},e?.message_ids?.length||1),a("div",{class:"snippet",part:"snippet"},e?.snippet?.trim()),e.latest_message_received_date&&a("div",{class:"date","aria-label":`${Intl.DateTimeFormat(undefined,{dateStyle:"full"}).format(new Date(e.latest_message_received_date*1e3))}`,part:"date"},s(e.latest_message_received_date)))))))}};c([o({name:"nylas-list-threads",stateToProps:new Map([["auth.isAuthenticated","isAuthenticated"],["auth.tokenInfo","tokenInfo"],["mailbox.threads","threads"],["mailbox.state","state"]]),eventToProps:{threadSelected:async(e,t)=>{i(`[nylas-list-threads] Thread selected`,{event:e});await t.threads.selectThread(e.detail)}},fireRegisterEvent:true}),p("design:type",Function),p("design:paramtypes",[]),p("design:returntype",void 0)],h.prototype,"render",null);h.style=d;export{h as nylas_list_threads};
-//# sourceMappingURL=p-44507695.entry.js.map
+import{r as e,c as t,h as a,H as r}from"./p-68c2fadf.js";import{R as o}from"./p-795b324a.js";import{a as i,b as n,c as s}from"./p-6c11737d.js";import"./p-02aa5f03.js";import"./p-cb65c223.js";const l=':host{display:block;font-size:var(--nylas-font-size, inherit);font-family:var(--nylas-font-family, inherit)}.list-thread{display:grid;grid-auto-flow:row;color:var(--nylas-color-primary-800);width:100%}.thread{position:relative;width:100%;display:grid;padding:0.5rem 1rem;column-gap:0.25rem;grid-template-areas:"........ from    count   ....... date actions" "checkbox subject subject subject subject actions" "........ snippet snippet snippet snippet actions";grid-template-columns:auto auto auto auto auto auto;margin-bottom:0.75rem;border-radius:var(--nylas-border-radius-2x);color:var(--nylas-color-primary-00);background-color:var(--nylas-color-primary-50);border:0;box-sizing:border-box;text-align:left;cursor:pointer;box-shadow:1px 1px 3px 0px rgba(0, 0, 0, 0.3);font-size:inherit;font-family:inherit}.thread.loading{animation:pulsate 1.5s infinite ease-in-out;width:100%;height:90px}.thread:last-of-type{margin-bottom:0}.thread.selected{box-shadow:0 2px 0 0 var(--nylas-color-primary-200);background-color:var(--nylas-color-primary-100)}.thread:hover{box-shadow:0 2px 0 0 var(--nylas-color-primary-200);background-color:var(--nylas-color-primary-100)}.thread>div{align-self:center;pointer-events:all !important}.thread .actions{grid-area:actions}.thread .actions sp-action-menu{pointer-events:initial !important}.thread .actions sp-action-button{pointer-events:initial !important}.thread .actions sp-menu-item{pointer-events:initial !important}.thread .checkbox{grid-area:checkbox;margin-right:0.5rem;pointer-events:initial !important}.thread .checkbox sp-checkbox{pointer-events:initial !important}.thread .star{grid-area:star;justify-self:end}.thread .from{grid-area:from;color:var(--nylas-color-primary-600)}.thread .count{grid-area:count;color:var(--nylas-color-primary-600)}.thread .subject{grid-area:subject;color:var(--nylas-color-primary-600)}.thread .snippet{grid-area:snippet;color:var(--nylas-color-primary-500)}.thread .date{grid-area:date;align-self:center;color:var(--nylas-color-primary-500)}.thread.unread .from,.thread.unread .count,.thread.unread .subject,.thread.unread .date{font-weight:600;color:var(--nylas-color-primary-800)}.thread.unread .snippet{color:var(--nylas-color-primary-700)}.thread .from{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread .snippet{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread .subject{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width: 768px){.thread{column-gap:1rem;grid-template-areas:"checkbox from count subject snippet date actions";grid-template-columns:auto minmax(auto, 200px) auto auto 1fr auto auto;margin-bottom:0.5rem;border:1px solid var(--nylas-color-primary-100)}.thread.no-checkbox{grid-template-areas:"from count subject snippet date actions";grid-template-columns:minmax(auto, 200px) auto auto 1fr auto auto}.thread .checkbox{margin-right:0}}@keyframes pulsate{0%{background-color:var(--nylas-color-primary-50)}50%{background-color:var(--nylas-color-primary-100)}100%{background-color:var(--nylas-color-primary-50)}}';const d=l;var c=undefined&&undefined.__decorate||function(e,t,a,r){var o=arguments.length,i=o<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,a):r,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,t,a,r);else for(var s=e.length-1;s>=0;s--)if(n=e[s])i=(o<3?n(i):o>3?n(t,a,i):n(t,a))||i;return o>3&&i&&Object.defineProperty(t,a,i),i};var p=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const h=class{constructor(a){e(this,a);this.threadSelected=t(this,"threadSelected",7);this.handleThreadSelected=async e=>{i(`[nylas-list-threads] Thread selected`,{thread:e});const t=this.threadSelected.emit(e);if(!t.defaultPrevented){i(`[nylas-list-threads] Default event not prevented, selecting thread`)}};this.handleCheckboxClick=async e=>{i(`[nylas-list-threads] Checkbox clicked`,{event:e});e.stopPropagation()};this.threads=[];this.isAuthenticated=false;this.tokenInfo=undefined;this.state="ready";this.showCheckbox=false}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){i(`[nylas-list-threads] Component will load`)}async componentDidLoad(){i(`[nylas-list-threads] Component did load`,{isAuthenticated:this.isAuthenticated})}render(){return a(r,{key:"0d39551dbd9e21fec1945696650d9c80bdf73e52"},a("div",{key:"6d72513ee819391db3e5b1f8ad6415e82d92e68a",class:"list-thread",part:"list-thread"},this.state==="loading"&&new Array(10).fill(0).map(((e,t)=>a("div",{class:"thread loading",style:{animationDelay:`${t*20}ms`}}))),this.state==="ready"&&this.threads.map((e=>a("button",{key:e?.id,class:{thread:true,unread:e?.unread===true,"no-checkbox":this.showCheckbox===false},part:"thread","aria-label":`Thread with subject ${e?.subject}`,onClick:()=>this.handleThreadSelected(e)},this.showCheckbox&&a("div",{class:"checkbox",part:"checkbox"},a("sp-checkbox",{size:"s",value:e?.id,onClick:this.handleCheckboxClick})),a("div",{class:"from",part:"from"},n(e.participants??[],this.tokenInfo?.email,e?.message_ids?.length||1,1)),a("div",{class:"subject",part:"subject"},e?.subject),a("div",{class:"count",part:"count"},e?.message_ids?.length||1),a("div",{class:"snippet",part:"snippet"},e?.snippet?.trim()),e.latest_message_received_date&&a("div",{class:"date","aria-label":`${Intl.DateTimeFormat(undefined,{dateStyle:"full"}).format(new Date(e.latest_message_received_date*1e3))}`,part:"date"},s(e.latest_message_received_date)))))))}};c([o({name:"nylas-list-threads",stateToProps:new Map([["auth.isAuthenticated","isAuthenticated"],["auth.tokenInfo","tokenInfo"],["mailbox.threads","threads"],["mailbox.state","state"]]),eventToProps:{threadSelected:async(e,t)=>{i(`[nylas-list-threads] Thread selected`,{event:e});await t.threads.selectThread(e.detail)}},fireRegisterEvent:true}),p("design:type",Function),p("design:paramtypes",[]),p("design:returntype",void 0)],h.prototype,"render",null);h.style=d;export{h as nylas_list_threads};
+//# sourceMappingURL=p-cee0929a.entry.js.map

package/dist/nylas-web-elements/{p-b334d63b.entry.js → p-cffb3636.entry.js}

@@ -1,2 +1,2 @@
-import{r as C,h as s}from"./p-68c2fadf.js";const t=".sc-globe-icon-h{display:flex}";const e=t;const o=class{constructor(s){C(this,s);this.width="16";this.height="16"}render(){return s("svg",{key:"e118f6587042dbd2405c644943d89e7711e9a384",xmlns:"http://www.w3.org/2000/svg",width:this.width,height:this.height,viewBox:"0 0 16 16",fill:"none"},s("path",{key:"05682560c53869ae2fd5a8531736f511386a0db2",d:"M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 3C8.37372 3 8.87543 3.35608 9.31258 4.31781C9.4073 4.52619 9.49448 4.75446 9.57265 5H6.42735C6.50552 4.75446 6.5927 4.52619 6.68742 4.31781C7.12457 3.35608 7.62628 3 8 3ZM5.77705 3.90401C5.62614 4.23601 5.49428 4.6038 5.38411 5H3.99963C4.52341 4.30269 5.22525 3.74677 6.03766 3.39978C5.94287 3.56117 5.85596 3.7304 5.77705 3.90401ZM5.16299 6C5.05694 6.6275 5 7.30146 5 8C5 8.69854 5.05694 9.3725 5.16299 10H3.41604C3.14845 9.38754 3 8.7111 3 8C3 7.2889 3.14845 6.61246 3.41604 6H5.16299ZM5.38411 11C5.49428 11.3962 5.62614 11.764 5.77705 12.096C5.85596 12.2696 5.94287 12.4388 6.03766 12.6002C5.22525 12.2532 4.52341 11.6973 3.99963 11H5.38411ZM6.42735 11H9.57265C9.49448 11.2455 9.4073 11.4738 9.31258 11.6822C8.87543 12.6439 8.37372 13 8 13C7.62628 13 7.12457 12.6439 6.68742 11.6822C6.5927 11.4738 6.50552 11.2455 6.42735 11ZM9.82134 10H6.17866C6.06438 9.3892 6 8.71396 6 8C6 7.28604 6.06438 6.6108 6.17866 6H9.82134C9.93562 6.6108 10 7.28604 10 8C10 8.71396 9.93562 9.3892 9.82134 10ZM10.6159 11H12.0004C11.4766 11.6973 10.7747 12.2532 9.96234 12.6002C10.0571 12.4388 10.144 12.2696 10.2229 12.096C10.3739 11.764 10.5057 11.3962 10.6159 11ZM12.584 10H10.837C10.9431 9.3725 11 8.69854 11 8C11 7.30146 10.9431 6.6275 10.837 6H12.584C12.8516 6.61246 13 7.2889 13 8C13 8.7111 12.8516 9.38754 12.584 10ZM9.96234 3.39978C10.7747 3.74677 11.4766 4.30269 12.0004 5H10.6159C10.5057 4.6038 10.3739 4.23601 10.2229 3.90401C10.144 3.7304 10.0571 3.56117 9.96234 3.39978Z",fill:"currentColor"}))}};o.style=e;export{o as globe_icon};
-//# sourceMappingURL=p-b334d63b.entry.js.map
+import{r as C,h as s}from"./p-68c2fadf.js";const t=".sc-globe-icon-h{display:flex}";const e=t;const o=class{constructor(s){C(this,s);this.width="16";this.height="16"}render(){return s("svg",{key:"1c28973777ad6f4d591bef2a4308792e2acd80a0",xmlns:"http://www.w3.org/2000/svg",width:this.width,height:this.height,viewBox:"0 0 16 16",fill:"none"},s("path",{key:"b828c7de0b20bf25681a1c9a8d1571c284125dde",d:"M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 3C8.37372 3 8.87543 3.35608 9.31258 4.31781C9.4073 4.52619 9.49448 4.75446 9.57265 5H6.42735C6.50552 4.75446 6.5927 4.52619 6.68742 4.31781C7.12457 3.35608 7.62628 3 8 3ZM5.77705 3.90401C5.62614 4.23601 5.49428 4.6038 5.38411 5H3.99963C4.52341 4.30269 5.22525 3.74677 6.03766 3.39978C5.94287 3.56117 5.85596 3.7304 5.77705 3.90401ZM5.16299 6C5.05694 6.6275 5 7.30146 5 8C5 8.69854 5.05694 9.3725 5.16299 10H3.41604C3.14845 9.38754 3 8.7111 3 8C3 7.2889 3.14845 6.61246 3.41604 6H5.16299ZM5.38411 11C5.49428 11.3962 5.62614 11.764 5.77705 12.096C5.85596 12.2696 5.94287 12.4388 6.03766 12.6002C5.22525 12.2532 4.52341 11.6973 3.99963 11H5.38411ZM6.42735 11H9.57265C9.49448 11.2455 9.4073 11.4738 9.31258 11.6822C8.87543 12.6439 8.37372 13 8 13C7.62628 13 7.12457 12.6439 6.68742 11.6822C6.5927 11.4738 6.50552 11.2455 6.42735 11ZM9.82134 10H6.17866C6.06438 9.3892 6 8.71396 6 8C6 7.28604 6.06438 6.6108 6.17866 6H9.82134C9.93562 6.6108 10 7.28604 10 8C10 8.71396 9.93562 9.3892 9.82134 10ZM10.6159 11H12.0004C11.4766 11.6973 10.7747 12.2532 9.96234 12.6002C10.0571 12.4388 10.144 12.2696 10.2229 12.096C10.3739 11.764 10.5057 11.3962 10.6159 11ZM12.584 10H10.837C10.9431 9.3725 11 8.69854 11 8C11 7.30146 10.9431 6.6275 10.837 6H12.584C12.8516 6.61246 13 7.2889 13 8C13 8.7111 12.8516 9.38754 12.584 10ZM9.96234 3.39978C10.7747 3.74677 11.4766 4.30269 12.0004 5H10.6159C10.5057 4.6038 10.3739 4.23601 10.2229 3.90401C10.144 3.7304 10.0571 3.56117 9.96234 3.39978Z",fill:"currentColor"}))}};o.style=e;export{o as globe_icon};
+//# sourceMappingURL=p-cffb3636.entry.js.map

package/dist/nylas-web-elements/{p-b2aca6c4.entry.js → p-d1ab9d75.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as t}from"./p-68c2fadf.js";const C=".sc-clock-icon-h{display:flex}";const c=C;const e=class{constructor(t){s(this,t);this.width="16";this.height="16"}render(){return t("svg",{key:"63d2d06255adf5ee8ba71b9ae22c27a92b9a069b",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"79770fc09cc2b4c2d715ff15529a6e8f525ddd1c",d:"M8 0.5C12.1421 0.5 15.5 3.85786 15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5ZM8 1.4375C4.37563 1.4375 1.4375 4.37563 1.4375 8C1.4375 11.6244 4.37563 14.5625 8 14.5625C11.6244 14.5625 14.5625 11.6244 14.5625 8C14.5625 4.37563 11.6244 1.4375 8 1.4375ZM7.53125 3.3125C7.76137 3.3125 7.95276 3.47832 7.99245 3.69699L8 3.78125V8H10.3438C10.6026 8 10.8125 8.20987 10.8125 8.46875C10.8125 8.69887 10.6467 8.89026 10.428 8.92995L10.3438 8.9375H7.53125C7.30113 8.9375 7.10974 8.77168 7.07005 8.55301L7.0625 8.46875V3.78125C7.0625 3.52237 7.27237 3.3125 7.53125 3.3125Z",fill:"currentColor"}))}};e.style=c;const o=".sc-person-icon-h{display:flex}";const n=o;const r=class{constructor(t){s(this,t);this.width="14";this.height="16"}render(){return t("svg",{key:"55b014fefee568d32972a083bc2aad02b5150fa8",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"8129a1e94d2c50afd5a3a375ffe98cf7e7b6374f",d:"M7 0C4.79086 0 3 1.79086 3 4C3 6.20914 4.79086 8 7 8C9.20914 8 11 6.20914 11 4C11 1.79086 9.20914 0 7 0ZM4 4C4 2.34315 5.34315 1 7 1C8.65685 1 10 2.34315 10 4C10 5.65685 8.65685 7 7 7C5.34315 7 4 5.65685 4 4ZM2.00873 9C0.903151 9 0 9.88687 0 11C0 12.6912 0.83281 13.9663 2.13499 14.7966C3.41697 15.614 5.14526 16 7 16C8.85474 16 10.583 15.614 11.865 14.7966C13.1672 13.9663 14 12.6912 14 11C14 9.89557 13.1045 9.00001 12 9.00001L2.00873 9ZM1 11C1 10.4467 1.44786 10 2.00873 10L12 10C12.5522 10 13 10.4478 13 11C13 12.3088 12.3777 13.2837 11.3274 13.9534C10.2568 14.636 8.73511 15 7 15C5.26489 15 3.74318 14.636 2.67262 13.9534C1.62226 13.2837 1 12.3088 1 11Z",fill:"currentColor"}))}};r.style=n;export{e as clock_icon,r as person_icon};
-//# sourceMappingURL=p-b2aca6c4.entry.js.map
+import{r as c,h as s}from"./p-68c2fadf.js";const t=".sc-clock-icon-h{display:flex}";const C=t;const e=class{constructor(s){c(this,s);this.width="16";this.height="16"}render(){return s("svg",{key:"6b5a434bcb0b2853ce3f8119d1926b932236cf8d",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},s("path",{key:"c1e2fd97c6c35816c8daaf3309144236f1d054a2",d:"M8 0.5C12.1421 0.5 15.5 3.85786 15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5ZM8 1.4375C4.37563 1.4375 1.4375 4.37563 1.4375 8C1.4375 11.6244 4.37563 14.5625 8 14.5625C11.6244 14.5625 14.5625 11.6244 14.5625 8C14.5625 4.37563 11.6244 1.4375 8 1.4375ZM7.53125 3.3125C7.76137 3.3125 7.95276 3.47832 7.99245 3.69699L8 3.78125V8H10.3438C10.6026 8 10.8125 8.20987 10.8125 8.46875C10.8125 8.69887 10.6467 8.89026 10.428 8.92995L10.3438 8.9375H7.53125C7.30113 8.9375 7.10974 8.77168 7.07005 8.55301L7.0625 8.46875V3.78125C7.0625 3.52237 7.27237 3.3125 7.53125 3.3125Z",fill:"currentColor"}))}};e.style=C;const o=".sc-person-icon-h{display:flex}";const n=o;const r=class{constructor(s){c(this,s);this.width="14";this.height="16"}render(){return s("svg",{key:"fa929120cfb5365b15bf617b8912f8e1e4b11464",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},s("path",{key:"9f13ede79c2cf9c1250ce3a4b527c7014656ea97",d:"M7 0C4.79086 0 3 1.79086 3 4C3 6.20914 4.79086 8 7 8C9.20914 8 11 6.20914 11 4C11 1.79086 9.20914 0 7 0ZM4 4C4 2.34315 5.34315 1 7 1C8.65685 1 10 2.34315 10 4C10 5.65685 8.65685 7 7 7C5.34315 7 4 5.65685 4 4ZM2.00873 9C0.903151 9 0 9.88687 0 11C0 12.6912 0.83281 13.9663 2.13499 14.7966C3.41697 15.614 5.14526 16 7 16C8.85474 16 10.583 15.614 11.865 14.7966C13.1672 13.9663 14 12.6912 14 11C14 9.89557 13.1045 9.00001 12 9.00001L2.00873 9ZM1 11C1 10.4467 1.44786 10 2.00873 10L12 10C12.5522 10 13 10.4478 13 11C13 12.3088 12.3777 13.2837 11.3274 13.9534C10.2568 14.636 8.73511 15 7 15C5.26489 15 3.74318 14.636 2.67262 13.9534C1.62226 13.2837 1 12.3088 1 11Z",fill:"currentColor"}))}};r.style=n;export{e as clock_icon,r as person_icon};
+//# sourceMappingURL=p-d1ab9d75.entry.js.map

package/dist/nylas-web-elements/p-d6a19e25.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as s,h as t,H as a,a as n}from"./p-68c2fadf.js";import{a as o}from"./p-6c11737d.js";import"./p-02aa5f03.js";import"./p-cb65c223.js";const r=':host{display:block;width:inherit;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.dropdown{display:inline-block;width:100%;position:relative}.dropdown .dropdown-label{display:flex;align-items:center;gap:0.25rem;color:var(--nylas-base-800)}.dropdown span.error{color:var(--nylas-error);font-size:14px}.dropbtn{width:inherit;height:48px;color:black;padding:0.5rem;font-size:1rem;cursor:pointer;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:transparent}.dropbtn.error{border:1px solid var(--nylas-error)}.dropbtn:hover,.dropbtn:active{border:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;top:72px;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:black;padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content ul li label{display:flex;align-items:center;gap:0.5rem}.dropdown-content ul li label input{margin:0}.selected-options{display:flex;flex-wrap:wrap;gap:0.5rem;padding:0.5rem 0;margin-top:0.25rem;background:var(--nylas-base-0)}.selected-options .selected-option{display:flex;align-items:center;gap:0.5rem;padding:4px 8px;border-radius:var(--nylas-border-radius-2x);background:var(--nylas-base-100);color:var(--nylas-base-800);font-size:16px;font-weight:500;line-height:1.5rem;letter-spacing:0.5px}.selected-options .selected-option button{background:transparent;border:none;cursor:pointer;padding:0}.selected-options .selected-option button:hover{color:var(--nylas-primary)}';const i=r;const l=class{constructor(t){e(this,t);this.selectedOptionsChanged=s(this,"selectedOptionsChanged",7);this.name=undefined;this.label=undefined;this.options=[];this.error="";this.availableOptions=this.options;this.isOpen=false;this.ariaActivedescendant="";this.shouldFocusFirstOption=false}componentDidRender(){o("multi-select-dropdown","componentDidRender");if(this.isOpen&&this.shouldFocusFirstOption){this.ariaActivedescendant=this.availableOptions[0].value;this.focusOption(0);this.shouldFocusFirstOption=false}}handleOutsideClick(e){const s=e.composedPath();const t=s.includes(this.el);if(!t&&this.isOpen){this.isOpen=false}}selectOption(e){this.availableOptions=this.availableOptions.map((s=>{if(s.value===e.value){s.selected=e.selected?false:true}return s}));const s=this.availableOptions.filter((e=>e.selected)).map((e=>e.value));this.selectedOptionsChanged.emit({value:s,name:this.name})}toggleDropdown(){this.isOpen=!this.isOpen;if(this.isOpen){this.shouldFocusFirstOption=true}else{this.ariaActivedescendant=""}}handleSelectButtonKeyDown(e){switch(e.key){case"ArrowDown":case"Enter":e.preventDefault();if(!this.isOpen){this.toggleDropdown()}break;case"Escape":this.isOpen=false;break}}handleListboxKeydown(e){const s=this.availableOptions;const t=s.findIndex((e=>e.value===this.ariaActivedescendant));switch(e.key){case"ArrowDown":case"Tab":if(!e.shiftKey){e.preventDefault();const a=t+1<s.length?t+1:0;this.ariaActivedescendant=s[a].value;this.focusOption(a)}else{e.preventDefault();const a=t-1>=0?t-1:s.length-1;this.ariaActivedescendant=s[a].value;this.focusOption(a)}break;case"ArrowUp":e.preventDefault();const a=t-1>=0?t-1:s.length-1;this.ariaActivedescendant=s[a].value;this.focusOption(a);break;case"Enter":e.preventDefault();if(this.ariaActivedescendant){this.selectOption(s[t])}break;case"Escape":this.isOpen=false;break}}focusOption(e){const s=this.availableOptions[e];if(!s)return;const t=s.value;const a=this.el.shadowRoot?.getElementById(t);if(a){a.focus();a.scrollIntoView({behavior:"smooth",block:"nearest"})}}getSelectedOptions(){return this.availableOptions.filter((e=>e.selected))}renderOption(e){return t("li",{key:e.value,id:e.value,role:"option",tabindex:"0","aria-selected":e.selected?"true":"false",onClick:s=>{s.stopImmediatePropagation();this.selectOption(e)},class:{selected:!!e.selected}},t("label",{htmlFor:e.value},t("input",{"aria-hidden":"true",id:e.value,type:"checkbox",checked:e.selected}),t("span",null,e.label)))}render(){return t(a,{key:"13db4057d2be36923f8a91add710ac9717e75b14"},t("div",{key:"e1b50b131cf2ee0038d2fc75ee04429f3aca53c5",class:"dropdown",part:"msd_dropdown"},t("label",{key:"79970d75fce924ea37e616002c6736ed6d073c64",class:"dropdown-label"},this.label,t("slot",{key:"cf880fb35069b64f90dca6e5b317004490cb49b5",name:"label-icon","aria-hidden":"true"})),t("button",{key:"95ff2246bfd59236d335d1150b2b2cec02128435",name:this.name,part:`msd_dropdown-button ${this.error?"msd_dropdown-button--error":""}`,class:{dropbtn:true,open:this.isOpen,error:!!this.error},onClick:()=>this.toggleDropdown(),"aria-haspopup":"listbox","aria-expanded":this.isOpen?"true":"false","aria-label":this.name,onKeyDown:e=>this.handleSelectButtonKeyDown(e)},t("slot",{key:"70f113a5894d1b4f0742d18622f06217f3ac8383",name:"select-icon","aria-hidden":"true"}),t("span",{key:"614e81da9c70adbf283d6071a69dae39386450ab",class:"selected-option",part:"msd_dropdown-button-selected-label"},this.getSelectedOptions().length>1?`Multiple ${this.name}s selected`:this.availableOptions.filter((e=>e.selected))[0]?.label??this.availableOptions[0]?.label),t("span",{key:"7066593b7c756cae1623bb90963584f193583402",class:this.isOpen?"open":"closed","aria-hidden":"true"},t("chevron-icon",{key:"689186030f7e27caf1f0ba1387209792b5ee3e16",width:"16",height:"16"}))),this.error?t("span",{class:"error"},this.error):null,this.isOpen?null:t("div",{class:"selected-options"},this.getSelectedOptions().map((e=>t("span",{class:"selected-option"},e.label,t("button",{key:e.label,onClick:()=>this.selectOption(e)},t("close-icon",null)))))),this.isOpen?t("div",{class:"dropdown-content",part:"msd_dropdown-content"},t("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-multiselectable":true,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:e=>this.handleListboxKeydown(e)},this.availableOptions.map((e=>this.renderOption(e))))):null))}get el(){return n(this)}};l.style=i;export{l as multi_select_dropdown};
+//# sourceMappingURL=p-d6a19e25.entry.js.map

package/dist/nylas-web-elements/p-d6a19e25.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["multiSelectDropdownCss","MultiSelectDropdownStyle0","MultiSelectDropdown","this","options","componentDidRender","debug","isOpen","shouldFocusFirstOption","ariaActivedescendant","availableOptions","value","focusOption","handleOutsideClick","event","path","composedPath","isClickInside","includes","el","selectOption","option","map","o","selected","selectedOptions","filter","selectedOptionsChanged","emit","name","toggleDropdown","handleSelectButtonKeyDown","key","preventDefault","handleListboxKeydown","e","items","currentIndex","findIndex","item","shiftKey","nextIndex","length","prevIndex","index","elementId","element","shadowRoot","getElementById","focus","scrollIntoView","behavior","block","getSelectedOptions","renderOption","h","id","role","tabindex","onClick","stopImmediatePropagation","class","htmlFor","type","checked","label","render","Host","part","error","dropbtn","open","onKeyDown","width","height"],"sources":["src/components/design-system/multi-select-dropdown/multi-select-dropdown.scss?tag=multi-select-dropdown&encapsulation=shadow","src/components/design-system/multi-select-dropdown/multi-select-dropdown.tsx"],"sourcesContent":["@import '../../../common/styles/variables.scss';\n\n:host {\n  display: block;\n  width: inherit;\n  @include default-css-variables;\n}\n\n.dropdown {\n  display: inline-block;\n  width: 100%;\n  position: relative;\n\n  .dropdown-label {\n    display: flex;\n    align-items: center;\n    gap: 0.25rem;\n    color: var(--nylas-base-800);\n  }\n\n  span.error {\n    color: var(--nylas-error);\n    font-size: 14px;\n  }\n}\n\n.dropbtn {\n  width: inherit;\n  height: 48px;\n  color: black;\n  padding: 0.5rem;\n  font-size: 1rem;\n  cursor: pointer;\n  display: flex;\n  gap: 0.5rem;\n  justify-content: space-between;\n  align-items: center;\n  background: transparent;\n  border: 1px solid var(--nylas-base-200);\n  border-radius: var(--nylas-border-radius-2x);\n\n  &.focus {\n    background: transparent;\n  }\n\n  &.error {\n    border: 1px solid var(--nylas-error);\n  }\n\n  &:hover,\n  &:active {\n    border: 1px solid var(--nylas-primary);\n  }\n\n  &:active {\n    outline: 2px solid var(--nylas-primary);\n  }\n\n  span {\n    &.open {\n      transform: rotate(90deg);\n    }\n\n    &.closed {\n      transform: rotate(270deg);\n    }\n  }\n}\n\n.dropdown-content {\n  display: block;\n  margin-top: 0.5rem;\n  background-color: var(--nylas-base-0);\n  width: 100%;\n  max-height: 336px;\n  overflow: auto;\n  z-index: 1;\n  border-radius: 4px;\n  position: absolute;\n  top: calc(48px + 24px);\n  box-shadow: 0px 4px 6px -2px #0000000d;\n  box-shadow: 0px 10px 15px -3px #0000001a;\n}\n\n.dropdown-content ul {\n  padding: 0;\n  list-style-type: none;\n  color: var(--nylas-base-900);\n  max-height: 336px;\n\n  li {\n    padding: 16px, 12px, 16px, 12px;\n    color: black;\n    padding: 12px 16px;\n    text-decoration: none;\n    display: block;\n    font-family: inherit;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: 0px;\n    text-align: left;\n    cursor: pointer;\n\n    &:hover,\n    &:focus {\n      background-color: var(--nylas-base-100);\n    }\n\n    label {\n      display: flex;\n      align-items: center;\n      gap: 0.5rem;\n\n      input {\n        margin: 0;\n      }\n    }\n  }\n}\n\n.selected-options {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.5rem;\n  padding: 0.5rem 0;\n  margin-top: 0.25rem;\n  background: var(--nylas-base-0);\n\n  .selected-option {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 4px 8px;\n    border-radius: var(--nylas-border-radius-2x);\n    background: var(--nylas-base-100);\n    color: var(--nylas-base-800);\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 1.5rem;\n    letter-spacing: 0.5px;\n\n    button {\n      background: transparent;\n      border: none;\n      cursor: pointer;\n      padding: 0;\n\n      &:hover {\n        color: var(--nylas-primary);\n      }\n    }\n  }\n}","import { debug } from '@/utils/utils';\nimport { Component, Element, Event, EventEmitter, Host, Listen, Prop, State, h } from '@stencil/core';\n\ninterface DropdownOption {\n  label: string;\n  value: string;\n  selected?: boolean; // Add a selected flag to each option\n}\n\n@Component({\n  tag: 'multi-select-dropdown',\n  styleUrl: 'multi-select-dropdown.scss',\n  shadow: true,\n})\nexport class MultiSelectDropdown {\n  @Element() el!: HTMLElement;\n\n  // Props\n  /**\n   * The name of the dropdown\n   */\n  @Prop() name!: string;\n\n  /**\n   * The label of the dropdown\n   */\n  @Prop() label?: string;\n\n  /**\n   * The options to display in the dropdown\n   */\n  @Prop() options: DropdownOption[] = [];\n\n  /**\n   * Error message to display\n   */\n  @Prop() error?: string = '';\n\n  // States\n  /**\n   * The copy of the options to display in the dropdown\n   */\n  @State() availableOptions: DropdownOption[] = this.options;\n  /**\n   * The open state of the dropdown\n   */\n  @State() isOpen: boolean = false;\n  /**\n   * The aria-activedescendant attribute for the listbox element to indicate the currently active\n   */\n  @State() ariaActivedescendant: string = '';\n\n  /**\n   * This flag is used to focus the first option when the dropdown is opened\n   * and reset after the first option is focused\n   */\n  @State() shouldFocusFirstOption: boolean = false;\n\n  // Events\n  /**\n   * This event is fired when the selected options are changed\n   */\n  @Event({ bubbles: true, composed: true }) selectedOptionsChanged!: EventEmitter<{\n    value: string[];\n    name: string;\n  }>;\n\n  // Lifecycle methods\n  componentDidRender() {\n    debug('multi-select-dropdown', 'componentDidRender');\n    if (this.isOpen && this.shouldFocusFirstOption) {\n      // The dropdown is open and we should focus the first option\n      this.ariaActivedescendant = this.availableOptions[0].value;\n      this.focusOption(0);\n      // Reset the flag\n      this.shouldFocusFirstOption = false;\n    }\n  }\n\n  // Event listeners\n  @Listen('click', { target: 'document', capture: true })\n  handleOutsideClick(event: MouseEvent) {\n    // Get the path of the event\n    const path = event.composedPath();\n\n    // Check if the path includes the host element\n    const isClickInside = path.includes(this.el);\n\n    if (!isClickInside && this.isOpen) {\n      this.isOpen = false;\n    }\n  }\n\n  // Methods\n\n  selectOption(option: DropdownOption): void {\n    this.availableOptions = this.availableOptions.map(o => {\n      if (o.value === option.value) {\n        o.selected = option.selected ? false : true;\n      }\n      return o;\n    });\n    const selectedOptions = this.availableOptions.filter(o => o.selected).map(o => o.value);\n    this.selectedOptionsChanged.emit({\n      value: selectedOptions,\n      name: this.name,\n    });\n  }\n\n  toggleDropdown(): void {\n    this.isOpen = !this.isOpen;\n    if (this.isOpen) {\n      this.shouldFocusFirstOption = true;\n    } else {\n      this.ariaActivedescendant = '';\n    }\n  }\n\n  handleSelectButtonKeyDown(event: KeyboardEvent): void {\n    switch (event.key) {\n      case 'ArrowDown':\n      case 'Enter':\n        event.preventDefault();\n        if (!this.isOpen) {\n          this.toggleDropdown();\n        }\n        break;\n      case 'Escape':\n        this.isOpen = false;\n        break;\n    }\n  }\n\n  handleListboxKeydown(e: KeyboardEvent) {\n    const items = this.availableOptions;\n    const currentIndex = items.findIndex(item => item.value === this.ariaActivedescendant);\n\n    switch (e.key) {\n      case 'ArrowDown':\n      case 'Tab':\n        if (!e.shiftKey) {\n          e.preventDefault();\n          const nextIndex = currentIndex + 1 < items.length ? currentIndex + 1 : 0;\n          this.ariaActivedescendant = items[nextIndex].value;\n          this.focusOption(nextIndex);\n        } else {\n          e.preventDefault();\n          const prevIndex = currentIndex - 1 >= 0 ? currentIndex - 1 : items.length - 1;\n          this.ariaActivedescendant = items[prevIndex].value;\n          this.focusOption(prevIndex);\n        }\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        const prevIndex = currentIndex - 1 >= 0 ? currentIndex - 1 : items.length - 1;\n        this.ariaActivedescendant = items[prevIndex].value;\n        this.focusOption(prevIndex);\n        break;\n      case 'Enter':\n        e.preventDefault();\n        if (this.ariaActivedescendant) {\n          this.selectOption(items[currentIndex]);\n        }\n        break;\n      case 'Escape':\n        this.isOpen = false;\n        break;\n    }\n  }\n\n  focusOption(index: number) {\n    const option = this.availableOptions[index];\n    if (!option) return; // Guard clause in case index is out of bounds\n\n    const elementId = option.value;\n    const element = this.el.shadowRoot?.getElementById(elementId) as HTMLLIElement;\n\n    if (element) {\n      element.focus(); // Set focus on the element\n      element.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n    }\n  }\n\n  getSelectedOptions() {\n    return this.availableOptions.filter(option => option.selected);\n  }\n\n  renderOption(option: DropdownOption) {\n    return (\n      <li\n        key={option.value}\n        id={option.value}\n        role=\"option\"\n        tabindex=\"0\"\n        aria-selected={option.selected ? 'true' : 'false'}\n        onClick={e => {\n          e.stopImmediatePropagation();\n          this.selectOption(option);\n        }}\n        class={{ selected: !!option.selected }}\n      >\n        <label htmlFor={option.value}>\n          <input aria-hidden=\"true\" id={option.value} type=\"checkbox\" checked={option.selected} />\n          <span>{option.label}</span>\n        </label>\n      </li>\n    );\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"dropdown\" part=\"msd_dropdown\">\n          <label class=\"dropdown-label\">\n            {this.label}\n            <slot name=\"label-icon\" aria-hidden=\"true\"></slot>\n          </label>\n          <button\n            name={this.name}\n            part={`msd_dropdown-button ${this.error ? 'msd_dropdown-button--error' : ''}`}\n            class={{ dropbtn: true, open: this.isOpen, error: !!this.error }}\n            onClick={() => this.toggleDropdown()}\n            aria-haspopup=\"listbox\"\n            aria-expanded={this.isOpen ? 'true' : 'false'}\n            aria-label={this.name}\n            onKeyDown={e => this.handleSelectButtonKeyDown(e)}\n          >\n            <slot name=\"select-icon\" aria-hidden=\"true\"></slot>\n            <span class=\"selected-option\" part=\"msd_dropdown-button-selected-label\">\n              {this.getSelectedOptions().length > 1\n                ? `Multiple ${this.name}s selected`\n                : this.availableOptions.filter(o => o.selected)[0]?.label ?? this.availableOptions[0]?.label}\n            </span>\n            <span class={this.isOpen ? 'open' : 'closed'} aria-hidden=\"true\">\n              <chevron-icon width=\"16\" height=\"16\" />\n            </span>\n          </button>\n          {this.error ? <span class=\"error\">{this.error}</span> : null}\n          {this.isOpen ? null : (\n            <div class={'selected-options'}>\n              {this.getSelectedOptions().map(option => (\n                <span class=\"selected-option\">\n                  {option.label}\n                  <button key={option.label} onClick={() => this.selectOption(option)}>\n                    <close-icon />\n                  </button>\n                </span>\n              ))}\n            </div>\n          )}\n          {this.isOpen ? (\n            <div class=\"dropdown-content\" part=\"msd_dropdown-content\">\n              <ul\n                tabindex=\"-1\"\n                role=\"listbox\"\n                aria-label={this.name}\n                aria-multiselectable={true}\n                aria-activedescendant={this.ariaActivedescendant}\n                onKeyDown={e => this.handleListboxKeydown(e)}\n              >\n                {this.availableOptions.map(option => this.renderOption(option))}\n              </ul>\n            </div>\n          ) : null}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/nylas-web-elements/{p-f96b12de.entry.js → p-d830e428.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as a,H as s,a as n}from"./p-68c2fadf.js";import{R as r}from"./p-795b324a.js";import{a as t,C as c}from"./p-6c11737d.js";import"./p-02aa5f03.js";import"./p-cb65c223.js";const d=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-form-card{width:100%;border-radius:8px;border:1px solid var(--nylas-base-200)}.nylas-form-card__header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}';const f=d;var o=undefined&&undefined.__decorate||function(e,a,s,n){var r=arguments.length,t=r<3?a:n===null?n=Object.getOwnPropertyDescriptor(a,s):n,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")t=Reflect.decorate(e,a,s,n);else for(var d=e.length-1;d>=0;d--)if(c=e[d])t=(r<3?c(t):r>3?c(a,s,t):c(a,s))||t;return r>3&&t&&Object.defineProperty(a,s,t),t};var l=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const b=class{constructor(a){e(this,a);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}}connectedCallback(){t("nylas-event-card","connectedCallback")}componentWillLoad(){t("nylas-event-card","componentWillLoad")}componentDidLoad(){t("nylas-event-card","componentDidLoad")}disconnectedCallback(){t("nylas-event-card","disconnectedCallback");const e=["header-title","header-subtitle","content"];c(e,this.host)}render(){return a(s,{key:"4ac05ebbc9f1ff0d795491f007564068fbb5c4aa"},a("div",{key:"de651f1cf620266d2e445157f56450690e9f1c87",class:"nylas-form-card"},a("div",{key:"7b8bf3474183c26e8699898ef55b87394d348fbd",class:"nylas-form-card__header"},a("slot",{key:"af122805f7374a573eb7e26575580bfeb77e4c69",name:"header-title"}),a("slot",{key:"cc56d745f793a04f82d2c5dd6ce7e8345df8139a",name:"header-subtitle"})),a("div",{key:"82ab99c14a70243260462acbcab6bd4edfd670df",class:"nylas-form-card__content"},a("slot",{key:"841376adcb1ac80cadbfdb7e7f4e68db58597794",name:"content"}))))}static get formAssociated(){return true}get host(){return n(this)}};o([r({name:"nylas-form-card",eventToProps:{},fireRegisterEvent:true}),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],b.prototype,"render",null);b.style=f;export{b as nylas_form_card};
-//# sourceMappingURL=p-f96b12de.entry.js.map
+import{r as e,h as a,H as s,a as n}from"./p-68c2fadf.js";import{R as r}from"./p-795b324a.js";import{a as t,C as c}from"./p-6c11737d.js";import"./p-02aa5f03.js";import"./p-cb65c223.js";const d=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-form-card{width:100%;border-radius:8px;border:1px solid var(--nylas-base-200)}.nylas-form-card__header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}';const o=d;var f=undefined&&undefined.__decorate||function(e,a,s,n){var r=arguments.length,t=r<3?a:n===null?n=Object.getOwnPropertyDescriptor(a,s):n,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")t=Reflect.decorate(e,a,s,n);else for(var d=e.length-1;d>=0;d--)if(c=e[d])t=(r<3?c(t):r>3?c(a,s,t):c(a,s))||t;return r>3&&t&&Object.defineProperty(a,s,t),t};var l=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const i=class{constructor(a){e(this,a);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}}connectedCallback(){t("nylas-event-card","connectedCallback")}componentWillLoad(){t("nylas-event-card","componentWillLoad")}componentDidLoad(){t("nylas-event-card","componentDidLoad")}disconnectedCallback(){t("nylas-event-card","disconnectedCallback");const e=["header-title","header-subtitle","content"];c(e,this.host)}render(){return a(s,{key:"f0d3f3b4e0f6cb8f782cc0d69ec737a21628ab95"},a("div",{key:"8dc03cee00efc627aac59ff0a4b97b4383689891",class:"nylas-form-card"},a("div",{key:"123a8d3e2877b93c1537dbd88dc49848199431f3",class:"nylas-form-card__header"},a("slot",{key:"6d4d92f980949f5140d3d23656501cfc35209da2",name:"header-title"}),a("slot",{key:"1060acf1100619a9a5be8a24bc3a3d10ee5489f1",name:"header-subtitle"})),a("div",{key:"3c044f14de9b6c83dd7ff431b42d443e73838637",class:"nylas-form-card__content"},a("slot",{key:"30b0e406e92c2632eb76671e93533463df23f9f5",name:"content"}))))}static get formAssociated(){return true}get host(){return n(this)}};f([r({name:"nylas-form-card",eventToProps:{},fireRegisterEvent:true}),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],i.prototype,"render",null);i.style=o;export{i as nylas_form_card};
+//# sourceMappingURL=p-d830e428.entry.js.map

package/dist/nylas-web-elements/{p-8075a758.entry.js → p-d9b08dd2.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t}from"./p-68c2fadf.js";const s=".sc-bold-icon-h{display:flex}";const o=s;const i=class{constructor(t){e(this,t);this.width="15";this.height="15"}render(){return t("svg",{key:"8365f411817ea0378dd23a5659e1a2b287f4c63f",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"06ace59923cae7bc72b16b20ce43a5e7330e762c",d:"M6 4V20M9.5 4H15.5C17.7091 4 19.5 5.79086 19.5 8C19.5 10.2091 17.7091 12 15.5 12H9.5H16.5C18.7091 12 20.5 13.7909 20.5 16C20.5 18.2091 18.7091 20 16.5 20H9.5M9.5 4V20M9.5 4H4M9.5 20H4",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))}};i.style=o;const n=".sc-italic-icon-h{display:flex}";const r=n;const c=class{constructor(t){e(this,t);this.width="15";this.height="15"}render(){return t("svg",{key:"91de847286c95304e2446be59af03971c8acc8cb",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"eed4e0566503fc030e7d5481e66abd9d7c46def9",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"m10 20 4-16m2 0h-4m0 16H8"}))}};c.style=r;const d=".sc-underline-icon-h{display:flex}";const h=d;const a=class{constructor(t){e(this,t);this.width="15";this.height="15"}render(){return t("svg",{key:"071e2282236f86904a8d1f0a82d5300fa632b406",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"5ca608fd40dbf7607b2d6e638aa563247ae2bc47",d:"M19 4V10C19 13.866 15.866 17 12 17C8.13401 17 5 13.866 5 10V4M8.5 4V10C8.5 13.2218 10.6766 15.9352 13.6395 16.7501M4 21H20M3 4L10.5 4M17 4L21 4",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))}};a.style=h;export{i as bold_icon,c as italic_icon,a as underline_icon};
-//# sourceMappingURL=p-8075a758.entry.js.map
+import{r as e,h as t}from"./p-68c2fadf.js";const s=".sc-bold-icon-h{display:flex}";const o=s;const i=class{constructor(t){e(this,t);this.width="15";this.height="15"}render(){return t("svg",{key:"70f1dece0ba94733694adbc1189355e9b1ea8819",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"4a5cb0ce048f4163fe65ea36a28f332ded4592b5",d:"M6 4V20M9.5 4H15.5C17.7091 4 19.5 5.79086 19.5 8C19.5 10.2091 17.7091 12 15.5 12H9.5H16.5C18.7091 12 20.5 13.7909 20.5 16C20.5 18.2091 18.7091 20 16.5 20H9.5M9.5 4V20M9.5 4H4M9.5 20H4",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))}};i.style=o;const n=".sc-italic-icon-h{display:flex}";const r=n;const c=class{constructor(t){e(this,t);this.width="15";this.height="15"}render(){return t("svg",{key:"0ba83e895701d3c20e3cd50f9197edf5e756dd77",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"93ff9fc423cd430d0ce3b5b011e9e4ba92ffdef4",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"m10 20 4-16m2 0h-4m0 16H8"}))}};c.style=r;const d=".sc-underline-icon-h{display:flex}";const h=d;const a=class{constructor(t){e(this,t);this.width="15";this.height="15"}render(){return t("svg",{key:"132a49d1cea5469af7f897591b6012d593b250c1",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"acab2bd780927b5f77c5db43f2868e5f422a110a",d:"M19 4V10C19 13.866 15.866 17 12 17C8.13401 17 5 13.866 5 10V4M8.5 4V10C8.5 13.2218 10.6766 15.9352 13.6395 16.7501M4 21H20M3 4L10.5 4M17 4L21 4",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))}};a.style=h;export{i as bold_icon,c as italic_icon,a as underline_icon};
+//# sourceMappingURL=p-d9b08dd2.entry.js.map

package/dist/nylas-web-elements/{p-8f843faf.entry.js → p-db73506b.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as o,a as e}from"./p-68c2fadf.js";const a=".sc-info-icon-h{display:flex}";const n=a;const s=class{constructor(o){t(this,o);this.width="14";this.height="14"}render(){return o("svg",{key:"ae81008309a0fdcc7fde85bca3559b3c3dbc3459",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"29f23d2d0b7cd32d1f67f2613be6a6bf1478c4e4",fill:"currentColor",d:"M6.5 5.5C6.77614 5.5 7 5.72386 7 6V9C7 9.27614 6.77614 9.5 6.5 9.5C6.22386 9.5 6 9.27614 6 9V6C6 5.72386 6.22386 5.5 6.5 5.5ZM6.50001 4.74907C6.91369 4.74907 7.24905 4.41371 7.24905 4.00003C7.24905 3.58635 6.91369 3.251 6.50001 3.251C6.08633 3.251 5.75098 3.58635 5.75098 4.00003C5.75098 4.41371 6.08633 4.74907 6.50001 4.74907ZM0.5 6.5C0.5 3.18629 3.18629 0.5 6.5 0.5C9.81371 0.5 12.5 3.18629 12.5 6.5C12.5 9.81371 9.81371 12.5 6.5 12.5C3.18629 12.5 0.5 9.81371 0.5 6.5ZM6.5 1.5C3.73858 1.5 1.5 3.73858 1.5 6.5C1.5 9.26142 3.73858 11.5 6.5 11.5C9.26142 11.5 11.5 9.26142 11.5 6.5C11.5 3.73858 9.26142 1.5 6.5 1.5Z"}))}};s.style=n;const r='.tooltip-container{position:relative;display:flex;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.tooltip-content{visibility:hidden;background-color:var(--nylas-base-800);color:var(--nylas-base-0);text-align:left;border-radius:6px;padding:5px 0;position:absolute;z-index:1;opacity:0;transition:opacity 0.3s;padding:0.5rem 1rem;max-width:200px;width:max-content}.tooltip-content.top{bottom:0;left:0;margin-bottom:1.25rem;transform:translateX(-50%)}.tooltip-content.right{top:50%;left:0%;margin-left:1.25rem;transform:translateY(-50%)}.tooltip-content.bottom{top:0;left:0;margin-top:1.25rem;transform:translateX(-50%)}.tooltip-content.left{top:50%;right:0%;margin-right:1.25rem;transform:translateY(-50%)}.tooltip-container:hover .tooltip-content,.tooltip-container:focus-within .tooltip-content{visibility:visible;opacity:1}.tooltip-content::after{content:"";position:absolute;top:-0.75rem;left:50%;transform:rotate(180deg);border-width:6px;border-style:solid;border-color:black transparent transparent transparent}.tooltip-content.top::after{top:100%;left:50%;transform:rotate(0deg)}.tooltip-content.bottom::after{top:-0.75rem;left:50%;transform:rotate(180deg)}.tooltip-content.left::after{top:47.5%;left:100%;transform:rotate(270deg)}.tooltip-content.right::after{top:47.5%;left:-0.75rem;transform:rotate(90deg)}';const i=r;const l=class{constructor(o){t(this,o);this.position="bottom"}showTooltip(t){t.target.nextElementSibling.style.visibility="visible";t.target.nextElementSibling.style.opacity="1"}hideTooltip(t){t.target.nextElementSibling.style.visibility="hidden";t.target.nextElementSibling.style.opacity="0"}render(){return o("div",{key:"66490b1818448612a5087a854b29e1f747398200",class:"tooltip-container",part:"tc__container"},o("span",{key:"b1c413ba9da4be1902d4148294636e287c41ced6",class:"info-icon",tabindex:"0",onFocus:this.showTooltip.bind(this),onBlur:this.hideTooltip.bind(this)},o("slot",{key:"71f002c51414c0a0d329df122233350e06d479a6",name:"tooltip-icon"},"i")),o("span",{key:"843a1a3e97f50edc1fe3d426d9d7852ea2dc2581",class:`tooltip-content ${this.position}`,part:"tc__content"},o("slot",{key:"b3900c99ae41247c974941c0cd74139e5dfe3acb",name:"tooltip-content"},"This is a help text.")))}get el(){return e(this)}};l.style=i;export{s as info_icon,l as tooltip_component};
-//# sourceMappingURL=p-8f843faf.entry.js.map
+import{r as t,h as o,a as e}from"./p-68c2fadf.js";const a=".sc-info-icon-h{display:flex}";const n=a;const s=class{constructor(o){t(this,o);this.width="14";this.height="14"}render(){return o("svg",{key:"d933385137674b4a0a1f3ff62d24633a5cd0d924",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"aa549c6a295bb9a19ed97485b7008495ec124778",fill:"currentColor",d:"M6.5 5.5C6.77614 5.5 7 5.72386 7 6V9C7 9.27614 6.77614 9.5 6.5 9.5C6.22386 9.5 6 9.27614 6 9V6C6 5.72386 6.22386 5.5 6.5 5.5ZM6.50001 4.74907C6.91369 4.74907 7.24905 4.41371 7.24905 4.00003C7.24905 3.58635 6.91369 3.251 6.50001 3.251C6.08633 3.251 5.75098 3.58635 5.75098 4.00003C5.75098 4.41371 6.08633 4.74907 6.50001 4.74907ZM0.5 6.5C0.5 3.18629 3.18629 0.5 6.5 0.5C9.81371 0.5 12.5 3.18629 12.5 6.5C12.5 9.81371 9.81371 12.5 6.5 12.5C3.18629 12.5 0.5 9.81371 0.5 6.5ZM6.5 1.5C3.73858 1.5 1.5 3.73858 1.5 6.5C1.5 9.26142 3.73858 11.5 6.5 11.5C9.26142 11.5 11.5 9.26142 11.5 6.5C11.5 3.73858 9.26142 1.5 6.5 1.5Z"}))}};s.style=n;const r='.tooltip-container{position:relative;display:flex;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.tooltip-content{visibility:hidden;background-color:var(--nylas-base-800);color:var(--nylas-base-0);text-align:left;border-radius:6px;padding:5px 0;position:absolute;z-index:1;opacity:0;transition:opacity 0.3s;padding:0.5rem 1rem;max-width:200px;width:max-content}.tooltip-content.top{bottom:0;left:0;margin-bottom:1.25rem;transform:translateX(-50%)}.tooltip-content.right{top:50%;left:0%;margin-left:1.25rem;transform:translateY(-50%)}.tooltip-content.bottom{top:0;left:0;margin-top:1.25rem;transform:translateX(-50%)}.tooltip-content.left{top:50%;right:0%;margin-right:1.25rem;transform:translateY(-50%)}.tooltip-container:hover .tooltip-content,.tooltip-container:focus-within .tooltip-content{visibility:visible;opacity:1}.tooltip-content::after{content:"";position:absolute;top:-0.75rem;left:50%;transform:rotate(180deg);border-width:6px;border-style:solid;border-color:black transparent transparent transparent}.tooltip-content.top::after{top:100%;left:50%;transform:rotate(0deg)}.tooltip-content.bottom::after{top:-0.75rem;left:50%;transform:rotate(180deg)}.tooltip-content.left::after{top:47.5%;left:100%;transform:rotate(270deg)}.tooltip-content.right::after{top:47.5%;left:-0.75rem;transform:rotate(90deg)}';const i=r;const l=class{constructor(o){t(this,o);this.position="bottom"}showTooltip(t){t.target.nextElementSibling.style.visibility="visible";t.target.nextElementSibling.style.opacity="1"}hideTooltip(t){t.target.nextElementSibling.style.visibility="hidden";t.target.nextElementSibling.style.opacity="0"}render(){return o("div",{key:"d943b820dabf17942c9892bd029ee186fd393cde",class:"tooltip-container",part:"tc__container"},o("span",{key:"8915e5b427e646ebbe0b8ff496d9a5cd113a4e52",class:"info-icon",tabindex:"0",onFocus:this.showTooltip.bind(this),onBlur:this.hideTooltip.bind(this)},o("slot",{key:"81e1037d095b49891d74a81a80492dc86ebc6192",name:"tooltip-icon"},"i")),o("span",{key:"7b6359c221c834e58115c9ea444dd2dddefd1cf7",class:`tooltip-content ${this.position}`,part:"tc__content"},o("slot",{key:"a3b353fd3bc079542d64ac868b4c3b66f0f86341",name:"tooltip-content"},"This is a help text.")))}get el(){return e(this)}};l.style=i;export{s as info_icon,l as tooltip_component};
+//# sourceMappingURL=p-db73506b.entry.js.map