@nylas/web-elements 1.1.0-canary.17 → 1.1.0-canary.18

package/dist/nylas-web-elements/{p-d1d984c5.entry.js → p-c1ff6499.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as o}from"./p-68c2fadf.js";const n="button.sc-button-component{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 r=n;const a=class{constructor(o){t(this,o);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 t=`button-${this.variant}`+(this.disabled?" disabled":"");return o("button",{key:"fca4a9e837ecc61a8b7a9e4782e5ef6c37651a94",class:t,disabled:this.disabled,type:"type",onClick:this.clickHandler,onMouseOver:this.mouseOverHandler,onMouseOut:this.mouseOutHandler,onFocus:this.focusHandler,onBlur:this.blurHandler},o("slot",{key:"df96fc8cb6cfa3eccb9f295489a7502ec0022550"}))}};a.style=r;export{a as button_component};
-//# sourceMappingURL=p-d1d984c5.entry.js.map
+import{r as t,h as o}from"./p-68c2fadf.js";const n="button.sc-button-component{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 r=n;const a=class{constructor(o){t(this,o);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 t=`button-${this.variant}`+(this.disabled?" disabled":"");return o("button",{key:"bee09000c1e5c4fd748032ed56db6f36d307ce77",class:t,disabled:this.disabled,type:"type",onClick:this.clickHandler,onMouseOver:this.mouseOverHandler,onMouseOut:this.mouseOutHandler,onFocus:this.focusHandler,onBlur:this.blurHandler},o("slot",{key:"bedb527775bf845d865d7abb47cc409fe1245a27"}))}};a.style=r;export{a as button_component};
+//# sourceMappingURL=p-c1ff6499.entry.js.map

package/dist/nylas-web-elements/{p-672f1951.entry.js → p-cb03e4d4.entry.js}

@@ -1,2 +1,2 @@
-import{h as e,F as a,r as s,c as t,H as r,a as o}from"./p-68c2fadf.js";import{R as i}from"./p-795b324a.js";import{j as n,b as l,k as d,a as c,t as h}from"./p-6c11737d.js";import"./p-02aa5f03.js";import"./p-cb65c223.js";function m(e,a,s,t,r){if(!t){return}if(!s){return}if(s.children.length>0){return}c(`[nylas-view-thread] Rendering email`,{message:e,attachments:a,viewEmailElement:t});const o=t.cloneNode(true);o.message=e.data;o.parent=r;s.appendChild(o)}const p=({viewEmailElement:s,message:t,attachments:r,onMessageClick:o,onShowContactDataClick:i,parent:c})=>e(a,null,e("div",{key:t.id,class:"message"},e("div",{class:"sub-header","data-id":t.data.id,onClick:o},e("div",{class:"avatar"},t.data.from&&t.data.from[0]?.name&&t.data.from[0]?.name[0]?.toUpperCase()),e("div",{class:"from"},e("span",{class:"name"},t.data.from&&t.data.from[0]?.name)," ",e("span",{class:"email"},t.data.from&&t.data.from[0]?.email)),e("div",{class:"date"},new Date(t.data.date*1e3).toLocaleTimeString(undefined,{timeStyle:"short"})," ","(",n(new Date(t.data.date*1e3)),")"),e("sp-button-group",{class:"buttons"},e("nylas-summarize-message-button",{message:t.data})),t.collapse&&e("div",{class:"snippet"},t.data.snippet),!t.collapse&&t.data.to&&e("div",{class:"to"},e("span",null,"to")," ",l(t.data.to)," ",e("button",{type:"button",value:t.data.id,onClick:i,class:{expand:true,"expand--showContactData":t.showContactData}},e("chevron-icon",null)))),t.showContactData&&e("div",{class:"address-info"},e("div",{class:"label"},"From"),e("div",{class:"value"},d(t.data?.from?t?.data?.from[0]:{name:"",email:""})),t.data.to&&e(a,null,e("div",{class:"label"},"To"),e("div",{class:"value"},t.data.to.map((a=>e("div",null,d(a)))))),typeof t.data.cc!=="undefined"&&t.data.cc.length>0&&e(a,null,e("div",{class:"label"},"CC"),e("div",{class:"value"},t.data.cc.map((a=>e("div",null,d(a))))))),!t.collapse&&s&&e("div",{key:t.id,ref:e=>m(t,r,e,s,c)}),!t.collapse&&!s&&e("nylas-view-email",{key:t.id,message:t.data,parent:c})),e("hr",null));const u=':host{display:block;font-size:inherit}.avatar{z-index:1;border-radius:100%;background-color:var(--nylas-color-primary-200);height:40px;width:40px;align-items:center;display:flex;justify-content:center;border:1px solid var(--nylas-color-primary-200)}.view-thread{display:grid;grid-auto-flow:row;width:100%}.view-thread .header{display:grid;grid-gap:1rem;align-items:center;margin-bottom:1rem}.view-thread .header .subject{font-size:1.25rem;font-weight:600;line-height:1.5rem}.view-thread .header .folders{display:grid;grid-auto-flow:column;grid-auto-columns:min-content;overflow-x:auto;gap:1rem}.view-thread .header .folders .folder{padding:0 0.5rem;font-size:0.9rem;color:var(--nylas-color-primary-900);background-color:var(--nylas-color-primary-300)}.view-thread .messages{display:grid;gap:1rem}.view-thread .messages hr{margin:0;width:100%;border:1px solid var(--nylas-color-primary-200)}.view-thread .messages hr:last-of-type{display:none}.view-thread .messages .message{display:grid;grid-auto-flow:row;gap:1rem}.view-thread .messages .message:last-of-type .sub-header{cursor:default}.view-thread .messages .message .sub-header{display:grid;grid-template:"avatar from date buttons" "avatar to to buttons";grid-column-gap:1rem;grid-template-columns:auto 1fr auto auto;cursor:pointer}.view-thread .messages .message .sub-header>*{pointer-events:none}.view-thread .messages .message .sub-header .avatar{grid-area:avatar}.view-thread .messages .message .sub-header .from{grid-area:from}.view-thread .messages .message .sub-header .from span.email{display:none;color:var(--nylas-color-primary-400);font-weight:600}.view-thread .messages .message .sub-header .buttons{grid-area:buttons;align-self:center}.view-thread .messages .message .sub-header .buttons *{pointer-events:all}.view-thread .messages .message .sub-header .date{grid-area:date;align-self:center;color:var(--nylas-color-primary-400)}.view-thread .messages .message .sub-header .snippet{width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--nylas-color-primary-600)}.view-thread .messages .message .sub-header .to{grid-area:to;color:var(--nylas-color-primary-400)}.view-thread .messages .message .sub-header .to>span{color:var(--nylas-color-primary-400)}.view-thread .messages .message .sub-header .to button{border:0;background-color:transparent;cursor:pointer;pointer-events:all;padding:0;margin:0}.view-thread .messages .message .sub-header .to button>*{pointer-events:none}.view-thread .messages .message .sub-header .to button chevron-icon{display:inline-table;fill:var(--nylas-color-primary-400);width:15px;height:15px;vertical-align:middle}.view-thread .messages .message .sub-header .to button chevron-icon svg{width:15px;height:15px;transform:rotate(90deg)}.view-thread .messages .message .sub-header .to button.expand--showContactData chevron-icon svg{transform:rotate(270deg)}.view-thread .messages .message .address-info{display:grid;column-gap:1rem;row-gap:0.5rem;grid-template-columns:auto 1fr;grid-template-rows:1fr;padding:1rem 2rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-color-primary-200);align-items:flex-start;color:var(--nylas-color-primary-600)}.view-thread .messages .message .address-info .label{color:var(--nylas-color-primary-400);font-weight:600}.show-more{position:relative;display:flex;width:100%}.show-more .sr-only{display:none}.show-more button{position:relative;display:inline-flex;width:100%;padding:0;border:0;background-color:transparent;cursor:pointer;text-align:left;overflow:hidden}.show-more button span{border:1px solid var(--nylas-color-primary-400)}.show-more button:hover span{background-color:var(--nylas-color-primary-700)}.show-more button::after{border-top:1px solid rgba(100, 121, 143, 0.122);border-bottom:1px solid rgba(100, 121, 143, 0.122);content:"";height:4px;width:100%;position:absolute;top:50%}.loading{position:absolute;width:100%;height:100%;background-color:var(--loading__background-color);top:0;bottom:0;left:0;z-index:1;display:grid;justify-content:center;align-items:center;font-weight:600;overflow:hidden}.reply-buttons{display:grid;grid-auto-flow:column;grid-auto-columns:min-content;gap:1rem;margin-top:1rem}.reply-buttons sp-button{border-radius:var(--nylas-border-radius);background-color:var(--nylas-color-primary-400);color:var(--nylas-color-primary-900);fill:var(--nylas-color-primary-900)}.reply-buttons sp-button:hover{background-color:var(--nylas-color-primary-500)}.reply-buttons sp-button:disabled{background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600);cursor:not-allowed}.reply-buttons sp-button chevron-icon{display:inline-block}@media only screen and (min-width: 768px){.view-thread .messages .message .sub-header .from span.email{display:inline}}';const g=u;var v=undefined&&undefined.__decorate||function(e,a,s,t){var r=arguments.length,o=r<3?a:t===null?t=Object.getOwnPropertyDescriptor(a,s):t,i;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,a,s,t);else for(var n=e.length-1;n>=0;n--)if(i=e[n])o=(r<3?i(o):r>3?i(a,s,o):i(a,s))||o;return r>3&&o&&Object.defineProperty(a,s,o),o};var y=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const b=class{constructor(e){s(this,e);this.threadSelected=t(this,"threadSelected",7);this.showContactDataClicked=t(this,"showContactDataClicked",7);this.messageClicked=t(this,"messageClicked",7);this.nylasViewEmailElement=null;this.nylasComposerElement=null;this.onShowContactDataClick=e=>{e.stopPropagation();const a=e.target;const s=a.value;const t=this.internalMessages.find((e=>e.data.id===s));if(!t){c(`[nylas-view-thread] Could not find message ${s}`);return}const r=this.showContactDataClicked.emit(t.data);if(!r.defaultPrevented){t.showContactData=!t.showContactData;this.internalMessages=[...this.internalMessages]}c(`[nylas-view-thread] show contact data clicked ${s} ${t.showContactData?"collapsed":"expanded"}`)};this.onMessageClick=e=>{const a=e.target;const s=a.dataset.id;const t=this.internalMessages.find((e=>e.data.id===s));if(!t){c(`[nylas-view-thread] Could not find message ${s}`);return}const r=this.messageClicked.emit(t.data);if(!r.defaultPrevented){if(t.id!==this.internalMessages[this.internalMessages.length-1]?.id){t.collapse=!t.collapse;if(t.collapse){t.showContactData=false}}this.internalMessages=[...this.internalMessages]}c(`[nylas-view-thread] message clicked ${s} ${t.collapse?"collapsed":"expanded"}`)};this.onShowAllEmailsClick=()=>{this.showAllEmails=!this.showAllEmails};this.showComposerClick=()=>{this.showComposer=!this.showComposer};this.draft=undefined;this.thread=undefined;this.messages=[];this.attachments=[];this.state="loading";this.internalMessages=[];this.showAllEmails=false;this.showComposer=false}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){c(`[nylas-view-thread] Component will load`);this.updateInternalMessages(this.messages);const e=this.host.querySelector("template.nylas-view-email");if(!e){c(`[nylas-view-thread] Could not find template`);return}const a=document.importNode(e.content,true);this.nylasViewEmailElement=a.querySelector("nylas-view-email");const s=this.host.querySelector("template.nylas-composer");if(!s){c(`[nylas-view-thread] Could not find composer template`);return}const t=document.importNode(s.content,true);this.nylasComposerElement=t.querySelector("nylas-composer")}async componentDidLoad(){c(`[nylas-view-thread] Component did load`)}async threadChanged(e){c(`[nylas-view-thread] Thread changed`,{thread:e});this.internalMessages=[];const a=this.threadSelected.emit(e);if(!a.defaultPrevented){c(`[nylas-view-thread] Default event not prevented, initializing`)}}updateInternalMessages(e){c(`[nylas-view-thread] Updating internal messages`,{messages:e});const a=e.sort(((e,a)=>e.date>a.date?1:-1)).map(((a,s)=>({id:a.id,data:a,collapse:s===e.length-1?false:true,showContactData:false})));this.internalMessages=a}render(){const s=this.internalMessages.length>2?this.internalMessages[0]:null;const t=this.internalMessages.slice(this.internalMessages.length-2,this.internalMessages.length);const o=this.internalMessages.slice(1,this.internalMessages.length-2);const i=this.internalMessages[this.internalMessages.length-1];return e(r,{key:"a886c18c380e985cfb63a6a4ab523a93b2160ced"},e("sp-theme",{key:"dba4495bbb475f8825f5ade124f84f8bbe2c7c45",scale:"medium",color:"dark"},e("div",{key:"05c602d7c43e31402c433cdaaaccb26c8d88fc7e",class:"view-thread"},e("div",{key:"0b2900754126998aa4495a916b03ad2ea4157f34",class:"header"},e("div",{key:"38db0766a5bc2dfc37b5269cf1e63ad25531ee8d",class:"subject"},this.thread?.subject),e("div",{key:"bb73a5220497288f51b7c9d31e54cb685cfe54d5",class:"folders"},this.thread?.folders?.map((a=>e("sp-tag",{size:"s"},h(a.replace("CATEGORY_","").replace("_"," "))))))),e("div",{key:"7d774b36fbfc216c05ed8cabbab79ad6b80e0e87",class:"messages"},s&&e(p,{message:s,attachments:this.attachments.filter((e=>e.messageId===s.id)),onMessageClick:this.onMessageClick,onShowContactDataClick:this.onShowContactDataClick,parent:this.host,viewEmailElement:this.nylasViewEmailElement,composerElement:this.nylasComposerElement}),o.length>0&&this.messages.length>1&&!this.showAllEmails&&t.length>0&&e(a,null,e("div",{class:"show-more"},e("button",{type:"button",onClick:this.onShowAllEmailsClick},e("span",{class:"avatar"},o.length)," ",e("span",{class:"sr-only"},"Show ",o.length," more emails"))),e("hr",null)),o.length>0&&this.showAllEmails&&this.messages.length>2&&o.map((a=>e(p,{message:a,attachments:this.attachments.filter((e=>e.messageId===s?.id)),onMessageClick:this.onMessageClick,onShowContactDataClick:this.onShowContactDataClick,parent:this.host,viewEmailElement:this.nylasViewEmailElement,composerElement:this.nylasComposerElement}))),t.length>0&&t.map((a=>e(p,{message:a,attachments:this.attachments.filter((e=>e.messageId===s?.id)),onMessageClick:this.onMessageClick,onShowContactDataClick:this.onShowContactDataClick,parent:this.host,viewEmailElement:this.nylasViewEmailElement,composerElement:this.nylasComposerElement})))),!(this.showComposer&&i)&&e("div",{class:"reply-buttons"},e("sp-button",{variant:"cta",type:"button",onClick:this.showComposerClick},e("span",{slot:"icon"},e("reply-icon",null)),e("span",null,"Reply")),e("sp-button",{variant:"cta",type:"button"},e("span",{slot:"icon"},e("reply-all-icon",null)),e("span",null,"Reply All")),e("sp-button",{variant:"cta",type:"button"},e("span",{slot:"icon"},e("forward-icon",null)),e("span",null,"Forward"))),this.showComposer&&i&&e("div",{class:"composer"},e("nylas-composer",{message:i.data,onClose:this.showComposerClick,onSend:e=>{c(`[nylas-view-thread] Send event`,{message:e.detail.message,replyBody:e.detail.replyBody})}})))))}get host(){return o(this)}static get watchers(){return{thread:["threadChanged"],messages:["updateInternalMessages"]}}};v([i({name:"nylas-view-thread",stateToProps:new Map([["mailbox.selectedThread","thread"],["mailbox.messages","messages"],["mailbox.state","state"]]),eventToProps:{threadSelected:async(e,a)=>{c(`[nylas-view-thread] Nylas init event. Fetching thread messages.`,{event:e});const s=e.detail;if(s&&s.id){await a.messages.getThreadMessages(s.id)}}},fireRegisterEvent:true}),y("design:type",Function),y("design:paramtypes",[]),y("design:returntype",void 0)],b.prototype,"render",null);b.style=g;export{b as nylas_view_thread};
-//# sourceMappingURL=p-672f1951.entry.js.map
+import{h as e,F as s,r as a,c as t,H as r,a as o}from"./p-68c2fadf.js";import{R as i}from"./p-795b324a.js";import{j as n,b as l,k as d,a as c,t as h}from"./p-6c11737d.js";import"./p-02aa5f03.js";import"./p-cb65c223.js";function m(e,s,a,t,r){if(!t){return}if(!a){return}if(a.children.length>0){return}c(`[nylas-view-thread] Rendering email`,{message:e,attachments:s,viewEmailElement:t});const o=t.cloneNode(true);o.message=e.data;o.parent=r;a.appendChild(o)}const p=({viewEmailElement:a,message:t,attachments:r,onMessageClick:o,onShowContactDataClick:i,parent:c})=>e(s,null,e("div",{key:t.id,class:"message"},e("div",{class:"sub-header","data-id":t.data.id,onClick:o},e("div",{class:"avatar"},t.data.from&&t.data.from[0]?.name&&t.data.from[0]?.name[0]?.toUpperCase()),e("div",{class:"from"},e("span",{class:"name"},t.data.from&&t.data.from[0]?.name)," ",e("span",{class:"email"},t.data.from&&t.data.from[0]?.email)),e("div",{class:"date"},new Date(t.data.date*1e3).toLocaleTimeString(undefined,{timeStyle:"short"})," ","(",n(new Date(t.data.date*1e3)),")"),e("sp-button-group",{class:"buttons"},e("nylas-summarize-message-button",{message:t.data})),t.collapse&&e("div",{class:"snippet"},t.data.snippet),!t.collapse&&t.data.to&&e("div",{class:"to"},e("span",null,"to")," ",l(t.data.to)," ",e("button",{type:"button",value:t.data.id,onClick:i,class:{expand:true,"expand--showContactData":t.showContactData}},e("chevron-icon",null)))),t.showContactData&&e("div",{class:"address-info"},e("div",{class:"label"},"From"),e("div",{class:"value"},d(t.data?.from?t?.data?.from[0]:{name:"",email:""})),t.data.to&&e(s,null,e("div",{class:"label"},"To"),e("div",{class:"value"},t.data.to.map((s=>e("div",null,d(s)))))),typeof t.data.cc!=="undefined"&&t.data.cc.length>0&&e(s,null,e("div",{class:"label"},"CC"),e("div",{class:"value"},t.data.cc.map((s=>e("div",null,d(s))))))),!t.collapse&&a&&e("div",{key:t.id,ref:e=>m(t,r,e,a,c)}),!t.collapse&&!a&&e("nylas-view-email",{key:t.id,message:t.data,parent:c})),e("hr",null));const u=':host{display:block;font-size:inherit}.avatar{z-index:1;border-radius:100%;background-color:var(--nylas-color-primary-200);height:40px;width:40px;align-items:center;display:flex;justify-content:center;border:1px solid var(--nylas-color-primary-200)}.view-thread{display:grid;grid-auto-flow:row;width:100%}.view-thread .header{display:grid;grid-gap:1rem;align-items:center;margin-bottom:1rem}.view-thread .header .subject{font-size:1.25rem;font-weight:600;line-height:1.5rem}.view-thread .header .folders{display:grid;grid-auto-flow:column;grid-auto-columns:min-content;overflow-x:auto;gap:1rem}.view-thread .header .folders .folder{padding:0 0.5rem;font-size:0.9rem;color:var(--nylas-color-primary-900);background-color:var(--nylas-color-primary-300)}.view-thread .messages{display:grid;gap:1rem}.view-thread .messages hr{margin:0;width:100%;border:1px solid var(--nylas-color-primary-200)}.view-thread .messages hr:last-of-type{display:none}.view-thread .messages .message{display:grid;grid-auto-flow:row;gap:1rem}.view-thread .messages .message:last-of-type .sub-header{cursor:default}.view-thread .messages .message .sub-header{display:grid;grid-template:"avatar from date buttons" "avatar to to buttons";grid-column-gap:1rem;grid-template-columns:auto 1fr auto auto;cursor:pointer}.view-thread .messages .message .sub-header>*{pointer-events:none}.view-thread .messages .message .sub-header .avatar{grid-area:avatar}.view-thread .messages .message .sub-header .from{grid-area:from}.view-thread .messages .message .sub-header .from span.email{display:none;color:var(--nylas-color-primary-400);font-weight:600}.view-thread .messages .message .sub-header .buttons{grid-area:buttons;align-self:center}.view-thread .messages .message .sub-header .buttons *{pointer-events:all}.view-thread .messages .message .sub-header .date{grid-area:date;align-self:center;color:var(--nylas-color-primary-400)}.view-thread .messages .message .sub-header .snippet{width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--nylas-color-primary-600)}.view-thread .messages .message .sub-header .to{grid-area:to;color:var(--nylas-color-primary-400)}.view-thread .messages .message .sub-header .to>span{color:var(--nylas-color-primary-400)}.view-thread .messages .message .sub-header .to button{border:0;background-color:transparent;cursor:pointer;pointer-events:all;padding:0;margin:0}.view-thread .messages .message .sub-header .to button>*{pointer-events:none}.view-thread .messages .message .sub-header .to button chevron-icon{display:inline-table;fill:var(--nylas-color-primary-400);width:15px;height:15px;vertical-align:middle}.view-thread .messages .message .sub-header .to button chevron-icon svg{width:15px;height:15px;transform:rotate(90deg)}.view-thread .messages .message .sub-header .to button.expand--showContactData chevron-icon svg{transform:rotate(270deg)}.view-thread .messages .message .address-info{display:grid;column-gap:1rem;row-gap:0.5rem;grid-template-columns:auto 1fr;grid-template-rows:1fr;padding:1rem 2rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-color-primary-200);align-items:flex-start;color:var(--nylas-color-primary-600)}.view-thread .messages .message .address-info .label{color:var(--nylas-color-primary-400);font-weight:600}.show-more{position:relative;display:flex;width:100%}.show-more .sr-only{display:none}.show-more button{position:relative;display:inline-flex;width:100%;padding:0;border:0;background-color:transparent;cursor:pointer;text-align:left;overflow:hidden}.show-more button span{border:1px solid var(--nylas-color-primary-400)}.show-more button:hover span{background-color:var(--nylas-color-primary-700)}.show-more button::after{border-top:1px solid rgba(100, 121, 143, 0.122);border-bottom:1px solid rgba(100, 121, 143, 0.122);content:"";height:4px;width:100%;position:absolute;top:50%}.loading{position:absolute;width:100%;height:100%;background-color:var(--loading__background-color);top:0;bottom:0;left:0;z-index:1;display:grid;justify-content:center;align-items:center;font-weight:600;overflow:hidden}.reply-buttons{display:grid;grid-auto-flow:column;grid-auto-columns:min-content;gap:1rem;margin-top:1rem}.reply-buttons sp-button{border-radius:var(--nylas-border-radius);background-color:var(--nylas-color-primary-400);color:var(--nylas-color-primary-900);fill:var(--nylas-color-primary-900)}.reply-buttons sp-button:hover{background-color:var(--nylas-color-primary-500)}.reply-buttons sp-button:disabled{background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600);cursor:not-allowed}.reply-buttons sp-button chevron-icon{display:inline-block}@media only screen and (min-width: 768px){.view-thread .messages .message .sub-header .from span.email{display:inline}}';const g=u;var v=undefined&&undefined.__decorate||function(e,s,a,t){var r=arguments.length,o=r<3?s:t===null?t=Object.getOwnPropertyDescriptor(s,a):t,i;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,s,a,t);else for(var n=e.length-1;n>=0;n--)if(i=e[n])o=(r<3?i(o):r>3?i(s,a,o):i(s,a))||o;return r>3&&o&&Object.defineProperty(s,a,o),o};var y=undefined&&undefined.__metadata||function(e,s){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,s)};const f=class{constructor(e){a(this,e);this.threadSelected=t(this,"threadSelected",7);this.showContactDataClicked=t(this,"showContactDataClicked",7);this.messageClicked=t(this,"messageClicked",7);this.nylasViewEmailElement=null;this.nylasComposerElement=null;this.onShowContactDataClick=e=>{e.stopPropagation();const s=e.target;const a=s.value;const t=this.internalMessages.find((e=>e.data.id===a));if(!t){c(`[nylas-view-thread] Could not find message ${a}`);return}const r=this.showContactDataClicked.emit(t.data);if(!r.defaultPrevented){t.showContactData=!t.showContactData;this.internalMessages=[...this.internalMessages]}c(`[nylas-view-thread] show contact data clicked ${a} ${t.showContactData?"collapsed":"expanded"}`)};this.onMessageClick=e=>{const s=e.target;const a=s.dataset.id;const t=this.internalMessages.find((e=>e.data.id===a));if(!t){c(`[nylas-view-thread] Could not find message ${a}`);return}const r=this.messageClicked.emit(t.data);if(!r.defaultPrevented){if(t.id!==this.internalMessages[this.internalMessages.length-1]?.id){t.collapse=!t.collapse;if(t.collapse){t.showContactData=false}}this.internalMessages=[...this.internalMessages]}c(`[nylas-view-thread] message clicked ${a} ${t.collapse?"collapsed":"expanded"}`)};this.onShowAllEmailsClick=()=>{this.showAllEmails=!this.showAllEmails};this.showComposerClick=()=>{this.showComposer=!this.showComposer};this.draft=undefined;this.thread=undefined;this.messages=[];this.attachments=[];this.state="loading";this.internalMessages=[];this.showAllEmails=false;this.showComposer=false}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){c(`[nylas-view-thread] Component will load`);this.updateInternalMessages(this.messages);const e=this.host.querySelector("template.nylas-view-email");if(!e){c(`[nylas-view-thread] Could not find template`);return}const s=document.importNode(e.content,true);this.nylasViewEmailElement=s.querySelector("nylas-view-email");const a=this.host.querySelector("template.nylas-composer");if(!a){c(`[nylas-view-thread] Could not find composer template`);return}const t=document.importNode(a.content,true);this.nylasComposerElement=t.querySelector("nylas-composer")}async componentDidLoad(){c(`[nylas-view-thread] Component did load`)}async threadChanged(e){c(`[nylas-view-thread] Thread changed`,{thread:e});this.internalMessages=[];const s=this.threadSelected.emit(e);if(!s.defaultPrevented){c(`[nylas-view-thread] Default event not prevented, initializing`)}}updateInternalMessages(e){c(`[nylas-view-thread] Updating internal messages`,{messages:e});const s=e.sort(((e,s)=>e.date>s.date?1:-1)).map(((s,a)=>({id:s.id,data:s,collapse:a===e.length-1?false:true,showContactData:false})));this.internalMessages=s}render(){const a=this.internalMessages.length>2?this.internalMessages[0]:null;const t=this.internalMessages.slice(this.internalMessages.length-2,this.internalMessages.length);const o=this.internalMessages.slice(1,this.internalMessages.length-2);const i=this.internalMessages[this.internalMessages.length-1];return e(r,{key:"b9bcde80e7ee15061bfc217d99bb9422dfbe1d04"},e("sp-theme",{key:"965e53796323e3e13983447abb4ac1b3a8651daa",scale:"medium",color:"dark"},e("div",{key:"9efc644121efd09a2e837c23f9f8da80589f870b",class:"view-thread"},e("div",{key:"c1479929b6679a1b47f03dfe6d5cc1128484b703",class:"header"},e("div",{key:"00c6788a461f9f6ca4532fb2acb2bf08e0f0c118",class:"subject"},this.thread?.subject),e("div",{key:"2e114754a9dd830e4a124cd9079ad4cf725908bd",class:"folders"},this.thread?.folders?.map((s=>e("sp-tag",{size:"s"},h(s.replace("CATEGORY_","").replace("_"," "))))))),e("div",{key:"136d6a314c647991218dfe4090fa97c8d98b210d",class:"messages"},a&&e(p,{message:a,attachments:this.attachments.filter((e=>e.messageId===a.id)),onMessageClick:this.onMessageClick,onShowContactDataClick:this.onShowContactDataClick,parent:this.host,viewEmailElement:this.nylasViewEmailElement,composerElement:this.nylasComposerElement}),o.length>0&&this.messages.length>1&&!this.showAllEmails&&t.length>0&&e(s,null,e("div",{class:"show-more"},e("button",{type:"button",onClick:this.onShowAllEmailsClick},e("span",{class:"avatar"},o.length)," ",e("span",{class:"sr-only"},"Show ",o.length," more emails"))),e("hr",null)),o.length>0&&this.showAllEmails&&this.messages.length>2&&o.map((s=>e(p,{message:s,attachments:this.attachments.filter((e=>e.messageId===a?.id)),onMessageClick:this.onMessageClick,onShowContactDataClick:this.onShowContactDataClick,parent:this.host,viewEmailElement:this.nylasViewEmailElement,composerElement:this.nylasComposerElement}))),t.length>0&&t.map((s=>e(p,{message:s,attachments:this.attachments.filter((e=>e.messageId===a?.id)),onMessageClick:this.onMessageClick,onShowContactDataClick:this.onShowContactDataClick,parent:this.host,viewEmailElement:this.nylasViewEmailElement,composerElement:this.nylasComposerElement})))),!(this.showComposer&&i)&&e("div",{class:"reply-buttons"},e("sp-button",{variant:"cta",type:"button",onClick:this.showComposerClick},e("span",{slot:"icon"},e("reply-icon",null)),e("span",null,"Reply")),e("sp-button",{variant:"cta",type:"button"},e("span",{slot:"icon"},e("reply-all-icon",null)),e("span",null,"Reply All")),e("sp-button",{variant:"cta",type:"button"},e("span",{slot:"icon"},e("forward-icon",null)),e("span",null,"Forward"))),this.showComposer&&i&&e("div",{class:"composer"},e("nylas-composer",{message:i.data,onClose:this.showComposerClick,onSend:e=>{c(`[nylas-view-thread] Send event`,{message:e.detail.message,replyBody:e.detail.replyBody})}})))))}get host(){return o(this)}static get watchers(){return{thread:["threadChanged"],messages:["updateInternalMessages"]}}};v([i({name:"nylas-view-thread",stateToProps:new Map([["mailbox.selectedThread","thread"],["mailbox.messages","messages"],["mailbox.state","state"]]),eventToProps:{threadSelected:async(e,s)=>{c(`[nylas-view-thread] Nylas init event. Fetching thread messages.`,{event:e});const a=e.detail;if(a&&a.id){await s.messages.getThreadMessages(a.id)}}},fireRegisterEvent:true}),y("design:type",Function),y("design:paramtypes",[]),y("design:returntype",void 0)],f.prototype,"render",null);f.style=g;export{f as nylas_view_thread};
+//# sourceMappingURL=p-cb03e4d4.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as a,h as c}from"./p-68c2fadf.js";const e=".sc-add-circle-icon-h{display:flex}";const s=e;const t=class{constructor(c){a(this,c);this.width="24";this.height="25"}render(){return c("svg",{key:"61927c69799c46729dc3fd834e12d85039949e97",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},c("path",{key:"9dda19a5a0521e3f26a5198af34e4a0b63778d57",d:"M12 2.5c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10ZM12 4a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm0 3.5a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5A.75.75 0 0 1 12 7.5Z",fill:"currentColor"}))}};t.style=s;const f=".sc-close-icon-h{display:flex}";const d=f;const l=class{constructor(c){a(this,c);this.width="16";this.height="16"}render(){return c("svg",{key:"0f4877401be56f05c3e078f1787090f1d4ef1828",width:"21",height:"21",fill:"none",xmlns:"http://www.w3.org/2000/svg"},c("g",{key:"1de897afab65499f15dc52a688c0979688a0e1e6","clip-path":"url(#a)"},c("path",{key:"a845971a716788575a41b7baa3cb3112c6b101dd",d:"M5.73 4.574a.75.75 0 1 0-1.061 1.06l4.419 4.42-4.42 4.42a.75.75 0 1 0 1.061 1.06l4.42-4.42 4.419 4.42a.75.75 0 0 0 1.06-1.06l-4.419-4.42 4.42-4.42a.75.75 0 1 0-1.061-1.06l-4.42 4.42-4.419-4.42Z",fill:"currentColor"})),c("defs",{key:"53535e0937ab07c5a668dd03286a54048f8486d7"},c("clipPath",{key:"cfc1b69ea9a3f2c77fbc1f639b083f89a53e69f5",id:"a"},c("path",{key:"88c774bf4d75f09fbc2754feac3dfa293297b3a2",fill:"#fff",transform:"translate(.148 .054)",d:"M0 0h20v20H0z"}))))}};l.style=d;export{t as add_circle_icon,l as close_icon};
+//# sourceMappingURL=p-de7b0878.entry.js.map

package/dist/nylas-web-elements/{p-f1e9ed6b.entry.js → p-e8cde784.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as s,H as e,a as n}from"./p-68c2fadf.js";import{F as r,G as a,H as h,I as o,J as l}from"./p-6c11737d.js";import{c}from"./p-cb65c223.js";import"./p-02aa5f03.js";var d={exports:{}};(function(t,i){!function(i,s){t.exports=s()}(c,(function(){var t={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},i=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,s=/\d\d/,e=/\d\d?/,n=/\d*[^-_:/,()\s\d]+/,r={},a=function(t){return(t=+t)+(t>68?1900:2e3)};var h=function(t){return function(i){this[t]=+i}},o=[/[+-]\d\d:?(\d\d)?|Z/,function(t){(this.zone||(this.zone={})).offset=function(t){if(!t)return 0;if("Z"===t)return 0;var i=t.match(/([+-]|\d\d)/g),s=60*i[1]+(+i[2]||0);return 0===s?0:"+"===i[0]?-s:s}(t)}],l=function(t){var i=r[t];return i&&(i.indexOf?i:i.s.concat(i.f))},c=function(t,i){var s,e=r.meridiem;if(e){for(var n=1;n<=24;n+=1)if(t.indexOf(e(n,0,i))>-1){s=n>12;break}}else s=t===(i?"pm":"PM");return s},d={A:[n,function(t){this.afternoon=c(t,!1)}],a:[n,function(t){this.afternoon=c(t,!0)}],S:[/\d/,function(t){this.milliseconds=100*+t}],SS:[s,function(t){this.milliseconds=10*+t}],SSS:[/\d{3}/,function(t){this.milliseconds=+t}],s:[e,h("seconds")],ss:[e,h("seconds")],m:[e,h("minutes")],mm:[e,h("minutes")],H:[e,h("hours")],h:[e,h("hours")],HH:[e,h("hours")],hh:[e,h("hours")],D:[e,h("day")],DD:[s,h("day")],Do:[n,function(t){var i=r.ordinal,s=t.match(/\d+/);if(this.day=s[0],i)for(var e=1;e<=31;e+=1)i(e).replace(/\[|\]/g,"")===t&&(this.day=e)}],M:[e,h("month")],MM:[s,h("month")],MMM:[n,function(t){var i=l("months"),s=(l("monthsShort")||i.map((function(t){return t.slice(0,3)}))).indexOf(t)+1;if(s<1)throw new Error;this.month=s%12||s}],MMMM:[n,function(t){var i=l("months").indexOf(t)+1;if(i<1)throw new Error;this.month=i%12||i}],Y:[/[+-]?\d+/,h("year")],YY:[s,function(t){this.year=a(t)}],YYYY:[/\d{4}/,h("year")],Z:o,ZZ:o};function f(s){var e,n;e=s,n=r&&r.formats;for(var a=(s=e.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(i,s,e){var r=e&&e.toUpperCase();return s||n[e]||t[e]||n[r].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(t,i,s){return i||s.slice(1)}))}))).match(i),h=a.length,o=0;o<h;o+=1){var l=a[o],c=d[l],f=c&&c[0],m=c&&c[1];a[o]=m?{regex:f,parser:m}:l.replace(/^\[|\]$/g,"")}return function(t){for(var i={},s=0,e=0;s<h;s+=1){var n=a[s];if("string"==typeof n)e+=n.length;else{var r=n.regex,o=n.parser,l=t.slice(e),c=r.exec(l)[0];o.call(i,c),t=t.replace(c,"")}}return function(t){var i=t.afternoon;if(void 0!==i){var s=t.hours;i?s<12&&(t.hours+=12):12===s&&(t.hours=0),delete t.afternoon}}(i),i}}return function(t,i,s){s.p.customParseFormat=!0,t&&t.parseTwoDigitYear&&(a=t.parseTwoDigitYear);var e=i.prototype,n=e.parse;e.parse=function(t){var i=t.date,e=t.utc,a=t.args;this.$u=e;var h=a[1];if("string"==typeof h){var o=!0===a[2],l=!0===a[3],c=o||l,d=a[2];l&&(d=a[2]),r=this.$locale(),!o&&d&&(r=s.Ls[d]),this.$d=function(t,i,s){try{if(["x","X"].indexOf(i)>-1)return new Date(("X"===i?1e3:1)*t);var e=f(i)(t),n=e.year,r=e.month,a=e.day,h=e.hours,o=e.minutes,l=e.seconds,c=e.milliseconds,d=e.zone,m=new Date,u=a||(n||r?1:m.getDate()),p=n||m.getFullYear(),b=0;n&&!r||(b=r>0?r-1:m.getMonth());var y=h||0,v=o||0,x=l||0,g=c||0;return d?new Date(Date.UTC(p,b,u,y,v,x,g+60*d.offset*1e3)):s?new Date(Date.UTC(p,b,u,y,v,x,g)):new Date(p,b,u,y,v,x,g)}catch(t){return new Date("")}}(i,h,e),this.init(),d&&!0!==d&&(this.$L=this.locale(d).$L),c&&i!=this.format(h)&&(this.$d=new Date("")),r={}}else if(h instanceof Array)for(var m=h.length,u=1;u<=m;u+=1){a[1]=h[u-1];var p=s.apply(this,a);if(p.isValid()){this.$d=p.$d,this.$L=p.$L,this.init();break}u===m&&(this.$d=new Date(""))}else n.call(this,t)}}}))})(d);const f=d.exports;const m=':host{display:block;position:relative;--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}.time-picker{display:inline-block;width:150px;font-family:var(--nylas-font-family);position:relative}@media screen and (max-width: 768px){.time-picker{width:auto}}.time-picker input{width:150px;height:48px;text-align:center;font-size:16px;font-family:inherit;cursor:pointer;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.time-picker input{width:88px}}@media screen and (max-width: 504px){.time-picker input{width:68px;font-size:15px}}.time-picker input.focus{background:transparent}.time-picker input:hover,.time-picker input:active{border:1px solid var(--nylas-primary)}.time-picker input:active{outline:2px solid var(--nylas-primary)}.time-picker input span.open{transform:rotate(90deg)}.time-picker input span.closed{transform:rotate(270deg)}.time-picker input.error{border:1px solid var(--nylas-error)}.time-picker p.error{color:var(--nylas-error);font-size:0.875rem;margin:0}.times{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;border:1px solid #ddd;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}.times ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.times 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:center;cursor:pointer}.times ul li.focused{background-color:var(--nylas-base-100)}.times ul li:hover,.times ul li:focus{background-color:var(--nylas-base-100)}.times ul li label{display:flex;align-items:center;gap:0.5rem}.times ul li label input{margin:0}';const u=m;r.extend(f);const p=class{constructor(s){t(this,s);this.timeChange=i(this,"timeChange",7);this.formError=i(this,"formError",7);this.time=undefined;this.minimumStartTime=null;this.placeholder="hh:mmam/pm";this.name=undefined;this.hasError=false;this.err="";this.showTimes=false;this.ariaActivedescendant="";this.times=this.generateTimes();this.shouldAutoScroll=false}handleOutsideClick(t){const i=t.composedPath();const s=i.includes(this.el);if(!s&&this.showTimes){this.showTimes=false}}minimumStartTimeChangedHandler(){if(this.minimumStartTime){let t=r().hour(parseInt(this.minimumStartTime)).minute(parseInt(this.minimumStartTime.slice(-4,-2)));if(this.minimumStartTime.slice(-2).toLowerCase()==="pm"&&parseInt(this.minimumStartTime)!==12){t=t.add(12,"hour")}else if(this.minimumStartTime.slice(-2).toLowerCase()==="am"&&parseInt(this.minimumStartTime)===12){t=t.subtract(12,"hour")}this.times=this.generateTimes();const i=r(this.times[0].value,"hh:mma");let s=r(this.time,"hh:mma");if(s.isBefore(i)){this.err="Invalid";this.formError.emit({key:this.el.id,message:"Invalid"})}}}componentDidRender(){if(this.showTimes&&this.shouldAutoScroll){const t=a(this.time);const i=this.times.findIndex((i=>i.value===t));if(i>-1){this.shouldAutoScroll=false;this.scrollToViewWithinParent(i)}return}}handleTimeChange(t,i){const s=i.split(":");if(s[0]==="00"&&s[1].slice(-2)=="pm"){this.err="Invalid";this.formError.emit({key:this.el.id,message:"Invalid"})}if(!h(i)){this.err="Invalid";this.formError.emit({key:this.el.id,message:"Invalid"})}else{this.err="";this.formError.emit({key:this.el.id,message:""})}this.timeChange.emit({key:this.el.id,value:i})}handleTimeAutocomplete(t){const i=t.target?.value;if(!h(i)){this.err="Invalid";this.formError.emit({key:this.el.id,message:"Invalid"});return}if(i===""){const t=o().format("hh:mma");this.timeChange.emit({key:this.el.id,value:t});return}if(!l(i)){const t=a(i);this.timeChange.emit({key:this.el.id,value:t});return}this.timeChange.emit({key:this.el.id,value:i})}handleOnInput(t){const i=t.target?.value;if(!h(i)){return}if(i===""){const t=o().format("hh:mma");const i=this.times.findIndex((i=>i.value===t));if(i>-1){this.scrollToViewWithinParent(i)}return}if(!l(i)){const t=a(i);const s=this.times.findIndex((i=>i.value===t));if(s>-1){this.scrollToViewWithinParent(s)}return}}generateTimes(){const t=[];let i=r().set("hour",0).set("minute",0).set("second",0);if(this.minimumStartTime){i=r(this.minimumStartTime,"hh:mma")}const s=i.endOf("day").diff(i,"minutes");const e=Math.round(s/15);for(let s=0;s<e+1;s++){const n=i.add(s*15,"minute");if(s==e&&n.format("hh:mma").includes("am")){break}t.push({id:s,value:n.format("hh:mma")})}return t}handleComboboxKeyDown(t){if(t.key==="ArrowDown"){t.preventDefault();if(!this.showTimes){this.showTimes=true;this.shouldAutoScroll=true;return}if(this.ariaActivedescendant===""){this.ariaActivedescendant=this.times[0].id.toString();this.focusOption(0)}else{const t=this.times.findIndex((t=>t.id.toString()===this.ariaActivedescendant));const i=t+1<this.times.length?t+1:0;this.ariaActivedescendant=this.times[i].id.toString();this.focusOption(i)}}else if(t.key==="ArrowUp"){t.preventDefault();if(this.ariaActivedescendant===""){this.ariaActivedescendant=this.times[this.times.length-1].id.toString();this.focusOption(this.times.length-1)}else{const t=this.times.findIndex((t=>t.id.toString()===this.ariaActivedescendant));const i=t-1>=0?t-1:this.times.length-1;this.ariaActivedescendant=this.times[i].id.toString();this.focusOption(i)}}else if(t.key==="Escape"){this.showTimes=false;this.timeInput.focus()}}handleListboxKeydown(t){const i=this.times;const s=i.findIndex((t=>t.id.toString()===this.ariaActivedescendant));if(t.key==="ArrowDown"||t.key==="Tab"&&!t.shiftKey){t.preventDefault();const e=s+1<i.length?s+1:0;this.ariaActivedescendant=i[e].id.toString();this.focusOption(e)}else if(t.key==="ArrowUp"||t.key==="Tab"&&t.shiftKey){t.preventDefault();const e=s-1>=0?s-1:i.length-1;this.ariaActivedescendant=i[e].id.toString();this.focusOption(e)}else if(t.key==="Enter"){t.preventDefault();if(this.ariaActivedescendant){const e=i[s];this.handleTimeChange(t,e.value);this.showTimes=false;this.ariaActivedescendant="";this.timeInput.focus()}}else if(t.key==="Escape"){this.showTimes=false;this.timeInput.focus()}}scrollToViewWithinParent(t){const i=this.times[t];const s=this.el.shadowRoot?.getElementById(i.id.toString());const e=this.timeMenu;this.ariaActivedescendant=i.id.toString();const n=s.getBoundingClientRect();const r=e.getBoundingClientRect();if(n.top<r.top){e.scrollTop-=r.top-n.top}else if(n.bottom>r.bottom){e.scrollTop+=n.bottom-r.bottom}if(n.left<r.left){e.scrollLeft-=r.left-n.left}else if(n.right>r.right){e.scrollLeft+=n.right-r.right}}focusOption(t){const i=this.times[t];if(!i)return;const s=i.id.toString();const e=this.el.shadowRoot?.getElementById(s);if(e){e.focus();e.scrollIntoView({behavior:"smooth",block:"nearest"})}}render(){return s(e,{key:"51ee1081a47b86693eb0fcd034a53333728f0a8a"},s("div",{key:"29616cbfd3978f2fb38d2583214e2cb67e86ecd2",class:"time-picker",part:"time-picker"},s("input",{key:"0eedc68542c5dd6c2d051f89b806016e31ae21d4",type:"text",name:this.name,id:this.name,part:"time-input",class:{"time-input":true,error:!!this.err||this.hasError},ref:t=>this.timeInput=t,value:this.time,onClick:()=>{this.showTimes=!this.showTimes;this.shouldAutoScroll=true},"aria-haspopup":"listbox","aria-label":this.name,"aria-expanded":this.showTimes?"true":"false",placeholder:this.placeholder,onKeyDown:t=>this.handleComboboxKeyDown(t),onInput:t=>this.handleOnInput(t),onBlur:t=>this.handleTimeAutocomplete(t)}),this.err&&s("div",{class:"invalid-time-icon"}),this.showTimes&&s("div",{class:"times",part:"times",ref:t=>this.timeMenu=t},s("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:t=>this.handleListboxKeydown(t)},this.times.map((t=>s("li",{tabindex:"0",key:t.id,id:t.id.toString(),class:{focused:this.ariaActivedescendant===t.id.toString()},onClick:i=>{this.handleTimeChange(i,t.value);this.showTimes=false;this.timeInput.focus()},role:"option"},`${t.value}`))))),!this.showTimes&&this.err&&s("p",{class:"error",id:"email-error"},this.err)))}get el(){return n(this)}static get watchers(){return{minimumStartTime:["minimumStartTimeChangedHandler"]}}};p.style=u;export{p as nylas_time_window_picker};
-//# sourceMappingURL=p-f1e9ed6b.entry.js.map
+import{r as t,c as i,h as s,H as e,a as n}from"./p-68c2fadf.js";import{F as r,G as a,H as h,I as o,J as l}from"./p-6c11737d.js";import{c}from"./p-cb65c223.js";import"./p-02aa5f03.js";var f={exports:{}};(function(t,i){!function(i,s){t.exports=s()}(c,(function(){var t={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},i=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,s=/\d\d/,e=/\d\d?/,n=/\d*[^-_:/,()\s\d]+/,r={},a=function(t){return(t=+t)+(t>68?1900:2e3)};var h=function(t){return function(i){this[t]=+i}},o=[/[+-]\d\d:?(\d\d)?|Z/,function(t){(this.zone||(this.zone={})).offset=function(t){if(!t)return 0;if("Z"===t)return 0;var i=t.match(/([+-]|\d\d)/g),s=60*i[1]+(+i[2]||0);return 0===s?0:"+"===i[0]?-s:s}(t)}],l=function(t){var i=r[t];return i&&(i.indexOf?i:i.s.concat(i.f))},c=function(t,i){var s,e=r.meridiem;if(e){for(var n=1;n<=24;n+=1)if(t.indexOf(e(n,0,i))>-1){s=n>12;break}}else s=t===(i?"pm":"PM");return s},f={A:[n,function(t){this.afternoon=c(t,!1)}],a:[n,function(t){this.afternoon=c(t,!0)}],S:[/\d/,function(t){this.milliseconds=100*+t}],SS:[s,function(t){this.milliseconds=10*+t}],SSS:[/\d{3}/,function(t){this.milliseconds=+t}],s:[e,h("seconds")],ss:[e,h("seconds")],m:[e,h("minutes")],mm:[e,h("minutes")],H:[e,h("hours")],h:[e,h("hours")],HH:[e,h("hours")],hh:[e,h("hours")],D:[e,h("day")],DD:[s,h("day")],Do:[n,function(t){var i=r.ordinal,s=t.match(/\d+/);if(this.day=s[0],i)for(var e=1;e<=31;e+=1)i(e).replace(/\[|\]/g,"")===t&&(this.day=e)}],M:[e,h("month")],MM:[s,h("month")],MMM:[n,function(t){var i=l("months"),s=(l("monthsShort")||i.map((function(t){return t.slice(0,3)}))).indexOf(t)+1;if(s<1)throw new Error;this.month=s%12||s}],MMMM:[n,function(t){var i=l("months").indexOf(t)+1;if(i<1)throw new Error;this.month=i%12||i}],Y:[/[+-]?\d+/,h("year")],YY:[s,function(t){this.year=a(t)}],YYYY:[/\d{4}/,h("year")],Z:o,ZZ:o};function d(s){var e,n;e=s,n=r&&r.formats;for(var a=(s=e.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(i,s,e){var r=e&&e.toUpperCase();return s||n[e]||t[e]||n[r].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(t,i,s){return i||s.slice(1)}))}))).match(i),h=a.length,o=0;o<h;o+=1){var l=a[o],c=f[l],d=c&&c[0],m=c&&c[1];a[o]=m?{regex:d,parser:m}:l.replace(/^\[|\]$/g,"")}return function(t){for(var i={},s=0,e=0;s<h;s+=1){var n=a[s];if("string"==typeof n)e+=n.length;else{var r=n.regex,o=n.parser,l=t.slice(e),c=r.exec(l)[0];o.call(i,c),t=t.replace(c,"")}}return function(t){var i=t.afternoon;if(void 0!==i){var s=t.hours;i?s<12&&(t.hours+=12):12===s&&(t.hours=0),delete t.afternoon}}(i),i}}return function(t,i,s){s.p.customParseFormat=!0,t&&t.parseTwoDigitYear&&(a=t.parseTwoDigitYear);var e=i.prototype,n=e.parse;e.parse=function(t){var i=t.date,e=t.utc,a=t.args;this.$u=e;var h=a[1];if("string"==typeof h){var o=!0===a[2],l=!0===a[3],c=o||l,f=a[2];l&&(f=a[2]),r=this.$locale(),!o&&f&&(r=s.Ls[f]),this.$d=function(t,i,s){try{if(["x","X"].indexOf(i)>-1)return new Date(("X"===i?1e3:1)*t);var e=d(i)(t),n=e.year,r=e.month,a=e.day,h=e.hours,o=e.minutes,l=e.seconds,c=e.milliseconds,f=e.zone,m=new Date,u=a||(n||r?1:m.getDate()),p=n||m.getFullYear(),b=0;n&&!r||(b=r>0?r-1:m.getMonth());var y=h||0,v=o||0,x=l||0,g=c||0;return f?new Date(Date.UTC(p,b,u,y,v,x,g+60*f.offset*1e3)):s?new Date(Date.UTC(p,b,u,y,v,x,g)):new Date(p,b,u,y,v,x,g)}catch(t){return new Date("")}}(i,h,e),this.init(),f&&!0!==f&&(this.$L=this.locale(f).$L),c&&i!=this.format(h)&&(this.$d=new Date("")),r={}}else if(h instanceof Array)for(var m=h.length,u=1;u<=m;u+=1){a[1]=h[u-1];var p=s.apply(this,a);if(p.isValid()){this.$d=p.$d,this.$L=p.$L,this.init();break}u===m&&(this.$d=new Date(""))}else n.call(this,t)}}}))})(f);const d=f.exports;const m=':host{display:block;position:relative;--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}.time-picker{display:inline-block;width:150px;font-family:var(--nylas-font-family);position:relative}@media screen and (max-width: 768px){.time-picker{width:auto}}.time-picker input{width:150px;height:48px;text-align:center;font-size:16px;font-family:inherit;cursor:pointer;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.time-picker input{width:88px}}@media screen and (max-width: 504px){.time-picker input{width:68px;font-size:15px}}.time-picker input.focus{background:transparent}.time-picker input:hover,.time-picker input:active{border:1px solid var(--nylas-primary)}.time-picker input:active{outline:2px solid var(--nylas-primary)}.time-picker input span.open{transform:rotate(90deg)}.time-picker input span.closed{transform:rotate(270deg)}.time-picker input.error{border:1px solid var(--nylas-error)}.time-picker p.error{color:var(--nylas-error);font-size:0.875rem;margin:0}.times{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;border:1px solid #ddd;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}.times ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.times 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:center;cursor:pointer}.times ul li.focused{background-color:var(--nylas-base-100)}.times ul li:hover,.times ul li:focus{background-color:var(--nylas-base-100)}.times ul li label{display:flex;align-items:center;gap:0.5rem}.times ul li label input{margin:0}';const u=m;r.extend(d);const p=class{constructor(s){t(this,s);this.timeChange=i(this,"timeChange",7);this.formError=i(this,"formError",7);this.time=undefined;this.minimumStartTime=null;this.placeholder="hh:mmam/pm";this.name=undefined;this.hasError=false;this.err="";this.showTimes=false;this.ariaActivedescendant="";this.times=this.generateTimes();this.shouldAutoScroll=false}handleOutsideClick(t){const i=t.composedPath();const s=i.includes(this.el);if(!s&&this.showTimes){this.showTimes=false}}minimumStartTimeChangedHandler(){if(this.minimumStartTime){let t=r().hour(parseInt(this.minimumStartTime)).minute(parseInt(this.minimumStartTime.slice(-4,-2)));if(this.minimumStartTime.slice(-2).toLowerCase()==="pm"&&parseInt(this.minimumStartTime)!==12){t=t.add(12,"hour")}else if(this.minimumStartTime.slice(-2).toLowerCase()==="am"&&parseInt(this.minimumStartTime)===12){t=t.subtract(12,"hour")}this.times=this.generateTimes();const i=r(this.times[0].value,"hh:mma");let s=r(this.time,"hh:mma");if(s.isBefore(i)){this.err="Invalid";this.formError.emit({key:this.el.id,message:"Invalid"})}}}componentDidRender(){if(this.showTimes&&this.shouldAutoScroll){const t=a(this.time);const i=this.times.findIndex((i=>i.value===t));if(i>-1){this.shouldAutoScroll=false;this.scrollToViewWithinParent(i)}return}}handleTimeChange(t,i){const s=i.split(":");if(s[0]==="00"&&s[1].slice(-2)=="pm"){this.err="Invalid";this.formError.emit({key:this.el.id,message:"Invalid"})}if(!h(i)){this.err="Invalid";this.formError.emit({key:this.el.id,message:"Invalid"})}else{this.err="";this.formError.emit({key:this.el.id,message:""})}this.timeChange.emit({key:this.el.id,value:i})}handleTimeAutocomplete(t){const i=t.target?.value;if(!h(i)){this.err="Invalid";this.formError.emit({key:this.el.id,message:"Invalid"});return}if(i===""){const t=o().format("hh:mma");this.timeChange.emit({key:this.el.id,value:t});return}if(!l(i)){const t=a(i);this.timeChange.emit({key:this.el.id,value:t});return}this.timeChange.emit({key:this.el.id,value:i})}handleOnInput(t){const i=t.target?.value;if(!h(i)){return}if(i===""){const t=o().format("hh:mma");const i=this.times.findIndex((i=>i.value===t));if(i>-1){this.scrollToViewWithinParent(i)}return}if(!l(i)){const t=a(i);const s=this.times.findIndex((i=>i.value===t));if(s>-1){this.scrollToViewWithinParent(s)}return}}generateTimes(){const t=[];let i=r().set("hour",0).set("minute",0).set("second",0);if(this.minimumStartTime){i=r(this.minimumStartTime,"hh:mma")}const s=i.endOf("day").diff(i,"minutes");const e=Math.round(s/15);for(let s=0;s<e+1;s++){const n=i.add(s*15,"minute");if(s==e&&n.format("hh:mma").includes("am")){break}t.push({id:s,value:n.format("hh:mma")})}return t}handleComboboxKeyDown(t){if(t.key==="ArrowDown"){t.preventDefault();if(!this.showTimes){this.showTimes=true;this.shouldAutoScroll=true;return}if(this.ariaActivedescendant===""){this.ariaActivedescendant=this.times[0].id.toString();this.focusOption(0)}else{const t=this.times.findIndex((t=>t.id.toString()===this.ariaActivedescendant));const i=t+1<this.times.length?t+1:0;this.ariaActivedescendant=this.times[i].id.toString();this.focusOption(i)}}else if(t.key==="ArrowUp"){t.preventDefault();if(this.ariaActivedescendant===""){this.ariaActivedescendant=this.times[this.times.length-1].id.toString();this.focusOption(this.times.length-1)}else{const t=this.times.findIndex((t=>t.id.toString()===this.ariaActivedescendant));const i=t-1>=0?t-1:this.times.length-1;this.ariaActivedescendant=this.times[i].id.toString();this.focusOption(i)}}else if(t.key==="Escape"){this.showTimes=false;this.timeInput.focus()}}handleListboxKeydown(t){const i=this.times;const s=i.findIndex((t=>t.id.toString()===this.ariaActivedescendant));if(t.key==="ArrowDown"||t.key==="Tab"&&!t.shiftKey){t.preventDefault();const e=s+1<i.length?s+1:0;this.ariaActivedescendant=i[e].id.toString();this.focusOption(e)}else if(t.key==="ArrowUp"||t.key==="Tab"&&t.shiftKey){t.preventDefault();const e=s-1>=0?s-1:i.length-1;this.ariaActivedescendant=i[e].id.toString();this.focusOption(e)}else if(t.key==="Enter"){t.preventDefault();if(this.ariaActivedescendant){const e=i[s];this.handleTimeChange(t,e.value);this.showTimes=false;this.ariaActivedescendant="";this.timeInput.focus()}}else if(t.key==="Escape"){this.showTimes=false;this.timeInput.focus()}}scrollToViewWithinParent(t){const i=this.times[t];const s=this.el.shadowRoot?.getElementById(i.id.toString());const e=this.timeMenu;this.ariaActivedescendant=i.id.toString();const n=s.getBoundingClientRect();const r=e.getBoundingClientRect();if(n.top<r.top){e.scrollTop-=r.top-n.top}else if(n.bottom>r.bottom){e.scrollTop+=n.bottom-r.bottom}if(n.left<r.left){e.scrollLeft-=r.left-n.left}else if(n.right>r.right){e.scrollLeft+=n.right-r.right}}focusOption(t){const i=this.times[t];if(!i)return;const s=i.id.toString();const e=this.el.shadowRoot?.getElementById(s);if(e){e.focus();e.scrollIntoView({behavior:"smooth",block:"nearest"})}}render(){return s(e,{key:"e6e899509659691432e600fb64b1f4964d737e8f"},s("div",{key:"6f177a2b2963e2462b842c26553f0059518dd713",class:"time-picker",part:"time-picker"},s("input",{key:"4d290b135afdb54edcadb2279b5c18f9b1ed6ee1",type:"text",name:this.name,id:this.name,part:"time-input",class:{"time-input":true,error:!!this.err||this.hasError},ref:t=>this.timeInput=t,value:this.time,onClick:()=>{this.showTimes=!this.showTimes;this.shouldAutoScroll=true},"aria-haspopup":"listbox","aria-label":this.name,"aria-expanded":this.showTimes?"true":"false",placeholder:this.placeholder,onKeyDown:t=>this.handleComboboxKeyDown(t),onInput:t=>this.handleOnInput(t),onBlur:t=>this.handleTimeAutocomplete(t)}),this.err&&s("div",{class:"invalid-time-icon"}),this.showTimes&&s("div",{class:"times",part:"times",ref:t=>this.timeMenu=t},s("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:t=>this.handleListboxKeydown(t)},this.times.map((t=>s("li",{tabindex:"0",key:t.id,id:t.id.toString(),class:{focused:this.ariaActivedescendant===t.id.toString()},onClick:i=>{this.handleTimeChange(i,t.value);this.showTimes=false;this.timeInput.focus()},role:"option"},`${t.value}`))))),!this.showTimes&&this.err&&s("p",{class:"error",id:"email-error"},this.err)))}get el(){return n(this)}static get watchers(){return{minimumStartTime:["minimumStartTimeChangedHandler"]}}};p.style=u;export{p as nylas_time_window_picker};
+//# sourceMappingURL=p-e8cde784.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as s,H as i}from"./p-68c2fadf.js";import{R as r}from"./p-795b324a.js";import{a as n}from"./p-6c11737d.js";import"./p-02aa5f03.js";import"./p-cb65c223.js";const a=":host{display:contents}.container{width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.pull-to-refresh{display:none;border:0;background-color:transparent;text-align:center;width:100%;justify-content:center}.pulling{position:relative;display:flex;margin:0 auto;padding:1rem}.pulling svg{width:24px;height:24px;color:var(--nylas-color-primary-500);transform:rotate(90deg)}.refreshing{position:relative;display:flex;margin:0 auto;padding:1rem}.refreshing svg{width:24px;height:24px;fill:var(--nylas-color-primary-500);animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";const o=a;var h=undefined&&undefined.__decorate||function(t,e,s,i){var r=arguments.length,n=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,s):i,a;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(t,e,s,i);else for(var o=t.length-1;o>=0;o--)if(a=t[o])n=(r<3?a(n):r>3?a(e,s,n):a(e,s))||n;return r>3&&n&&Object.defineProperty(e,s,n),n};var c=undefined&&undefined.__metadata||function(t,e){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(t,e)};const d=class{constructor(s){t(this,s);this.refresh=e(this,"refresh",7);this.threshold=100;this.onTouchStart=t=>{n(`[nylas-threads-refresh] Touch start`,t.touches[0].pageY,this.containerElement?.scrollTop,this.containerElement?.offsetHeight,this.contentElement?.scrollTop);if(this.containerElement?.scrollTop===0){this.start=t.touches[0].pageY}else{this.start=0}};this.onTouchMove=t=>{if(this.start){const e=t.touches[0].pageY-this.start;if(e>this.threshold){this.pulling=true}else{this.pulling=false}}};this.onTouchEnd=t=>{if(this.start){const e=t.changedTouches[0].pageY-this.start;if(e>this.threshold){this.pulling=false;this.refresh.emit({updateState:this.updateState})}this.start=0}};this.start=0;this.state="ready";this.pulling=false;n(`[nylas-threads-refresh] Constructor`);this.updateState=this.updateState.bind(this)}connectedCallback(){}async componentWillLoad(){n(`[nylas-threads-refresh] Component will load`)}componentDidLoad(){n(`[nylas-threads-refresh] Component did load`);this.containerElement?.addEventListener("touchstart",this.onTouchStart);this.containerElement?.addEventListener("touchmove",this.onTouchMove);this.containerElement?.addEventListener("touchend",this.onTouchEnd)}disconnectedCallback(){n(`[nylas-threads-refresh] Component disconnected`);this.containerElement?.removeEventListener("touchstart",this.onTouchStart);this.containerElement?.removeEventListener("touchmove",this.onTouchMove);this.containerElement?.removeEventListener("touchend",this.onTouchEnd)}async updateState(t){this.state=t}render(){return s(i,{key:"fd0b82f21c069806d697d1997925fd01c2574594"},s("div",{key:"653737af280d1a4a75433b47edc5455b1eaf61cd",class:"container",ref:t=>this.containerElement=t},s("button",{key:"835dbcdf5cfd24069258564b9e23cd3a7c03b8c6",class:{"pull-to-refresh":true,pulling:this.pulling,refreshing:this.state==="loading"},"aria-label":"Refreshing..."},this.state==="loading"&&s("refresh-icon",{slot:"icon"}),this.state!=="loading"&&s("arrow-icon",{slot:"icon"})),s("div",{key:"b3e3db22c04e261b39c2ed53dd4bd4d33932ffe7",class:"content",ref:t=>this.contentElement=t},s("slot",{key:"01f37b6814fae9494dcd4c76c736034c6cc4f392"}))))}};h([r({name:"nylas-threads-refresh",eventToProps:{refresh:async(t,e)=>{n(`[nylas-threads-refresh] Refreshing threads`);const{updateState:s}=t.detail;await s("loading");await e.threads.getThreads(undefined,"overwrite",false);await s("ready")}},fireRegisterEvent:true}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],d.prototype,"render",null);d.style=o;export{d as nylas_threads_refresh};
+//# sourceMappingURL=p-f2d1b1a6.entry.js.map

package/dist/nylas-web-elements/{p-a5dbdc8e.entry.js.map → p-f2d1b1a6.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["nylasThreadsRefreshCss","NylasThreadsRefreshStyle0","NylasThreadsRefresh","constructor","hostRef","this","threshold","onTouchStart","e","debug","touches","pageY","containerElement","scrollTop","offsetHeight","contentElement","start","onTouchMove","distance","pulling","onTouchEnd","changedTouches","refresh","emit","updateState","bind","connectedCallback","componentWillLoad","componentDidLoad","addEventListener","disconnectedCallback","removeEventListener","state","render","h","Host","key","class","ref","r","refreshing","slot","__decorate","RegisterComponent","name","eventToProps","async","event","nylasConnector","detail","threads","getThreads","undefined","fireRegisterEvent"],"sources":["src/components/mailbox/nylas-threads-refresh/nylas-threads-refresh.scss?tag=nylas-threads-refresh&encapsulation=shadow","src/components/mailbox/nylas-threads-refresh/nylas-threads-refresh.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.container {\n  width: 100%;\n  overflow: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.pull-to-refresh {\n  display: none;\n  border: 0;\n  background-color: transparent;\n  text-align: center;\n  width: 100%;\n  justify-content: center;\n}\n\n.pulling {\n  position: relative;\n  display: flex;\n  margin: 0 auto;\n  padding: 1rem;\n  svg {\n    width: 24px;\n    height: 24px;\n    color: var(--nylas-color-primary-500);\n    transform: rotate(90deg);\n  }\n}\n\n.refreshing {\n  position: relative;\n  display: flex;\n  margin: 0 auto;\n  padding: 1rem;\n  svg {\n    width: 24px;\n    height: 24px;\n    fill: var(--nylas-color-primary-500);\n    animation: rotate 1s linear infinite;\n  }\n}\n\n@keyframes rotate {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { Component, Event, EventEmitter, Host, Method, State, h } from '@stencil/core';\nimport { NylasMailboxConnector } from '../../../components';\nimport { NylasMailbox } from '../nylas-mailbox/nylas-mailbox';\nimport { debug } from '@/utils/utils';\n\nexport type RefreshEvent = {\n  updateState: (state: 'ready' | 'loading' | 'error') => Promise<void>;\n};\n\n@Component({\n  tag: 'nylas-threads-refresh',\n  styleUrl: 'nylas-threads-refresh.scss',\n  shadow: true,\n})\nexport class NylasThreadsRefresh {\n  private readonly threshold: number = 100;\n\n  @State() start: number = 0;\n\n  @State() state: 'ready' | 'loading' | 'error' = 'ready';\n\n  @State() pulling: boolean = false;\n\n  @Event() refresh!: EventEmitter<RefreshEvent>;\n\n  private containerElement?: HTMLElement;\n  private contentElement?: HTMLElement;\n\n  constructor() {\n    debug(`[nylas-threads-refresh] Constructor`);\n    this.updateState = this.updateState.bind(this);\n  }\n\n  connectedCallback() {}\n\n  async componentWillLoad() {\n    debug(`[nylas-threads-refresh] Component will load`);\n  }\n\n  componentDidLoad() {\n    debug(`[nylas-threads-refresh] Component did load`);\n    this.containerElement?.addEventListener('touchstart', this.onTouchStart);\n    this.containerElement?.addEventListener('touchmove', this.onTouchMove);\n    this.containerElement?.addEventListener('touchend', this.onTouchEnd);\n  }\n\n  disconnectedCallback() {\n    debug(`[nylas-threads-refresh] Component disconnected`);\n    this.containerElement?.removeEventListener('touchstart', this.onTouchStart);\n    this.containerElement?.removeEventListener('touchmove', this.onTouchMove);\n    this.containerElement?.removeEventListener('touchend', this.onTouchEnd);\n  }\n\n  @Method()\n  public async updateState(state: 'ready' | 'loading' | 'error') {\n    this.state = state;\n  }\n\n  private onTouchStart = (e: TouchEvent) => {\n    debug(`[nylas-threads-refresh] Touch start`, e.touches[0].pageY, this.containerElement?.scrollTop, this.containerElement?.offsetHeight, this.contentElement?.scrollTop);\n    if (this.containerElement?.scrollTop === 0) {\n      this.start = e.touches[0].pageY;\n    } else {\n      this.start = 0;\n    }\n  };\n\n  private onTouchMove = (e: TouchEvent) => {\n    if (this.start) {\n      const distance = e.touches[0].pageY - this.start;\n      if (distance > this.threshold) {\n        this.pulling = true;\n      } else {\n        this.pulling = false;\n      }\n    }\n  };\n\n  private onTouchEnd = (e: TouchEvent) => {\n    if (this.start) {\n      const distance = e.changedTouches[0].pageY - this.start;\n      if (distance > this.threshold) {\n        this.pulling = false;\n        this.refresh.emit({\n          updateState: this.updateState,\n        });\n      }\n      this.start = 0;\n    }\n  };\n  @RegisterComponent<NylasThreadsRefresh, NylasMailboxConnector, Exclude<NylasMailbox['stores'], undefined>>({\n    name: 'nylas-threads-refresh',\n    eventToProps: {\n      refresh: async (event: CustomEvent<RefreshEvent>, nylasConnector: NylasMailboxConnector) => {\n        debug(`[nylas-threads-refresh] Refreshing threads`);\n        const { updateState } = event.detail;\n        await updateState('loading');\n        await nylasConnector.threads.getThreads(undefined, 'overwrite', false);\n        await updateState('ready');\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host>\n        <div class=\"container\" ref={r => (this.containerElement = r)}>\n          <button\n            class={{\n              'pull-to-refresh': true,\n              'pulling': this.pulling,\n              'refreshing': this.state === 'loading',\n            }}\n            aria-label=\"Refreshing...\"\n          >\n            {this.state === 'loading' && <refresh-icon slot=\"icon\" />}\n            {this.state !== 'loading' && <arrow-icon slot=\"icon\" />}\n          </button>\n          <div class=\"content\" ref={r => (this.contentElement = r)}>\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"4KAAA,MAAMA,EAAyB,2nBAC/B,MAAAC,EAAeD,E,ugBCcFE,EAAmB,MAc9B,WAAAC,CAAAC,G,2CAbiBC,KAAAC,UAAoB,IA2C7BD,KAAAE,aAAgBC,IACtBC,EAAM,sCAAuCD,EAAEE,QAAQ,GAAGC,MAAON,KAAKO,kBAAkBC,UAAWR,KAAKO,kBAAkBE,aAAcT,KAAKU,gBAAgBF,WAC7J,GAAIR,KAAKO,kBAAkBC,YAAc,EAAG,CAC1CR,KAAKW,MAAQR,EAAEE,QAAQ,GAAGC,K,KACrB,CACLN,KAAKW,MAAQ,C,GAITX,KAAAY,YAAeT,IACrB,GAAIH,KAAKW,MAAO,CACd,MAAME,EAAWV,EAAEE,QAAQ,GAAGC,MAAQN,KAAKW,MAC3C,GAAIE,EAAWb,KAAKC,UAAW,CAC7BD,KAAKc,QAAU,I,KACV,CACLd,KAAKc,QAAU,K,IAKbd,KAAAe,WAAcZ,IACpB,GAAIH,KAAKW,MAAO,CACd,MAAME,EAAWV,EAAEa,eAAe,GAAGV,MAAQN,KAAKW,MAClD,GAAIE,EAAWb,KAAKC,UAAW,CAC7BD,KAAKc,QAAU,MACfd,KAAKiB,QAAQC,KAAK,CAChBC,YAAanB,KAAKmB,a,CAGtBnB,KAAKW,MAAQ,C,cAtEQ,E,WAEuB,Q,aAEpB,MAQ1BP,EAAM,uCACNJ,KAAKmB,YAAcnB,KAAKmB,YAAYC,KAAKpB,K,CAG3C,iBAAAqB,GAAiB,CAEjB,uBAAMC,GACJlB,EAAM,8C,CAGR,gBAAAmB,GACEnB,EAAM,8CACNJ,KAAKO,kBAAkBiB,iBAAiB,aAAcxB,KAAKE,cAC3DF,KAAKO,kBAAkBiB,iBAAiB,YAAaxB,KAAKY,aAC1DZ,KAAKO,kBAAkBiB,iBAAiB,WAAYxB,KAAKe,W,CAG3D,oBAAAU,GACErB,EAAM,kDACNJ,KAAKO,kBAAkBmB,oBAAoB,aAAc1B,KAAKE,cAC9DF,KAAKO,kBAAkBmB,oBAAoB,YAAa1B,KAAKY,aAC7DZ,KAAKO,kBAAkBmB,oBAAoB,WAAY1B,KAAKe,W,CAIvD,iBAAMI,CAAYQ,GACvB3B,KAAK2B,MAAQA,C,CAgDf,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,YAAYC,IAAKC,GAAMlC,KAAKO,iBAAmB2B,GACxDL,EAAA,UAAAE,IAAA,2CACEC,MAAO,CACL,kBAAmB,KACnBlB,QAAWd,KAAKc,QAChBqB,WAAcnC,KAAK2B,QAAU,WAC9B,aACU,iBAEV3B,KAAK2B,QAAU,WAAaE,EAAA,gBAAcO,KAAK,SAC/CpC,KAAK2B,QAAU,WAAaE,EAAA,cAAYO,KAAK,UAEhDP,EAAA,OAAAE,IAAA,2CAAKC,MAAM,UAAUC,IAAKC,GAAMlC,KAAKU,eAAiBwB,GACpDL,EAAA,QAAAE,IAAA,+C,GAhBVM,EAAA,CAbCC,EAA0G,CACzGC,KAAM,wBACNC,aAAc,CACZvB,QAASwB,MAAOC,EAAkCC,KAChDvC,EAAM,8CACN,MAAMe,YAAEA,GAAgBuB,EAAME,aACxBzB,EAAY,iBACZwB,EAAeE,QAAQC,WAAWC,UAAW,YAAa,aAC1D5B,EAAY,QAAQ,GAG9B6B,kBAAmB,O"}
+{"version":3,"names":["nylasThreadsRefreshCss","NylasThreadsRefreshStyle0","NylasThreadsRefresh","constructor","hostRef","this","threshold","onTouchStart","e","debug","touches","pageY","containerElement","scrollTop","offsetHeight","contentElement","start","onTouchMove","distance","pulling","onTouchEnd","changedTouches","refresh","emit","updateState","bind","connectedCallback","componentWillLoad","componentDidLoad","addEventListener","disconnectedCallback","removeEventListener","state","render","h","Host","key","class","ref","r","refreshing","slot","__decorate","RegisterComponent","name","eventToProps","async","event","nylasConnector","detail","threads","getThreads","undefined","fireRegisterEvent"],"sources":["src/components/mailbox/nylas-threads-refresh/nylas-threads-refresh.scss?tag=nylas-threads-refresh&encapsulation=shadow","src/components/mailbox/nylas-threads-refresh/nylas-threads-refresh.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.container {\n  width: 100%;\n  overflow: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.pull-to-refresh {\n  display: none;\n  border: 0;\n  background-color: transparent;\n  text-align: center;\n  width: 100%;\n  justify-content: center;\n}\n\n.pulling {\n  position: relative;\n  display: flex;\n  margin: 0 auto;\n  padding: 1rem;\n  svg {\n    width: 24px;\n    height: 24px;\n    color: var(--nylas-color-primary-500);\n    transform: rotate(90deg);\n  }\n}\n\n.refreshing {\n  position: relative;\n  display: flex;\n  margin: 0 auto;\n  padding: 1rem;\n  svg {\n    width: 24px;\n    height: 24px;\n    fill: var(--nylas-color-primary-500);\n    animation: rotate 1s linear infinite;\n  }\n}\n\n@keyframes rotate {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { Component, Event, EventEmitter, Host, Method, State, h } from '@stencil/core';\nimport { NylasMailboxConnector } from '../../../components';\nimport { NylasMailbox } from '../nylas-mailbox/nylas-mailbox';\nimport { debug } from '@/utils/utils';\n\nexport type RefreshEvent = {\n  updateState: (state: 'ready' | 'loading' | 'error') => Promise<void>;\n};\n\n@Component({\n  tag: 'nylas-threads-refresh',\n  styleUrl: 'nylas-threads-refresh.scss',\n  shadow: true,\n})\nexport class NylasThreadsRefresh {\n  private readonly threshold: number = 100;\n\n  @State() start: number = 0;\n\n  @State() state: 'ready' | 'loading' | 'error' = 'ready';\n\n  @State() pulling: boolean = false;\n\n  @Event() refresh!: EventEmitter<RefreshEvent>;\n\n  private containerElement?: HTMLElement;\n  private contentElement?: HTMLElement;\n\n  constructor() {\n    debug(`[nylas-threads-refresh] Constructor`);\n    this.updateState = this.updateState.bind(this);\n  }\n\n  connectedCallback() {}\n\n  async componentWillLoad() {\n    debug(`[nylas-threads-refresh] Component will load`);\n  }\n\n  componentDidLoad() {\n    debug(`[nylas-threads-refresh] Component did load`);\n    this.containerElement?.addEventListener('touchstart', this.onTouchStart);\n    this.containerElement?.addEventListener('touchmove', this.onTouchMove);\n    this.containerElement?.addEventListener('touchend', this.onTouchEnd);\n  }\n\n  disconnectedCallback() {\n    debug(`[nylas-threads-refresh] Component disconnected`);\n    this.containerElement?.removeEventListener('touchstart', this.onTouchStart);\n    this.containerElement?.removeEventListener('touchmove', this.onTouchMove);\n    this.containerElement?.removeEventListener('touchend', this.onTouchEnd);\n  }\n\n  @Method()\n  public async updateState(state: 'ready' | 'loading' | 'error') {\n    this.state = state;\n  }\n\n  private onTouchStart = (e: TouchEvent) => {\n    debug(`[nylas-threads-refresh] Touch start`, e.touches[0].pageY, this.containerElement?.scrollTop, this.containerElement?.offsetHeight, this.contentElement?.scrollTop);\n    if (this.containerElement?.scrollTop === 0) {\n      this.start = e.touches[0].pageY;\n    } else {\n      this.start = 0;\n    }\n  };\n\n  private onTouchMove = (e: TouchEvent) => {\n    if (this.start) {\n      const distance = e.touches[0].pageY - this.start;\n      if (distance > this.threshold) {\n        this.pulling = true;\n      } else {\n        this.pulling = false;\n      }\n    }\n  };\n\n  private onTouchEnd = (e: TouchEvent) => {\n    if (this.start) {\n      const distance = e.changedTouches[0].pageY - this.start;\n      if (distance > this.threshold) {\n        this.pulling = false;\n        this.refresh.emit({\n          updateState: this.updateState,\n        });\n      }\n      this.start = 0;\n    }\n  };\n  @RegisterComponent<NylasThreadsRefresh, NylasMailboxConnector, Exclude<NylasMailbox['stores'], undefined>>({\n    name: 'nylas-threads-refresh',\n    eventToProps: {\n      refresh: async (event: CustomEvent<RefreshEvent>, nylasConnector: NylasMailboxConnector) => {\n        debug(`[nylas-threads-refresh] Refreshing threads`);\n        const { updateState } = event.detail;\n        await updateState('loading');\n        await nylasConnector.threads.getThreads(undefined, 'overwrite', false);\n        await updateState('ready');\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host>\n        <div class=\"container\" ref={r => (this.containerElement = r)}>\n          <button\n            class={{\n              'pull-to-refresh': true,\n              'pulling': this.pulling,\n              'refreshing': this.state === 'loading',\n            }}\n            aria-label=\"Refreshing...\"\n          >\n            {this.state === 'loading' && <refresh-icon slot=\"icon\" />}\n            {this.state !== 'loading' && <arrow-icon slot=\"icon\" />}\n          </button>\n          <div class=\"content\" ref={r => (this.contentElement = r)}>\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"iLAAA,MAAMA,EAAyB,2nBAC/B,MAAAC,EAAeD,E,ugBCcFE,EAAmB,MAc9B,WAAAC,CAAAC,G,2CAbiBC,KAAAC,UAAoB,IA2C7BD,KAAAE,aAAgBC,IACtBC,EAAM,sCAAuCD,EAAEE,QAAQ,GAAGC,MAAON,KAAKO,kBAAkBC,UAAWR,KAAKO,kBAAkBE,aAAcT,KAAKU,gBAAgBF,WAC7J,GAAIR,KAAKO,kBAAkBC,YAAc,EAAG,CAC1CR,KAAKW,MAAQR,EAAEE,QAAQ,GAAGC,K,KACrB,CACLN,KAAKW,MAAQ,C,GAITX,KAAAY,YAAeT,IACrB,GAAIH,KAAKW,MAAO,CACd,MAAME,EAAWV,EAAEE,QAAQ,GAAGC,MAAQN,KAAKW,MAC3C,GAAIE,EAAWb,KAAKC,UAAW,CAC7BD,KAAKc,QAAU,I,KACV,CACLd,KAAKc,QAAU,K,IAKbd,KAAAe,WAAcZ,IACpB,GAAIH,KAAKW,MAAO,CACd,MAAME,EAAWV,EAAEa,eAAe,GAAGV,MAAQN,KAAKW,MAClD,GAAIE,EAAWb,KAAKC,UAAW,CAC7BD,KAAKc,QAAU,MACfd,KAAKiB,QAAQC,KAAK,CAChBC,YAAanB,KAAKmB,a,CAGtBnB,KAAKW,MAAQ,C,cAtEQ,E,WAEuB,Q,aAEpB,MAQ1BP,EAAM,uCACNJ,KAAKmB,YAAcnB,KAAKmB,YAAYC,KAAKpB,K,CAG3C,iBAAAqB,GAAiB,CAEjB,uBAAMC,GACJlB,EAAM,8C,CAGR,gBAAAmB,GACEnB,EAAM,8CACNJ,KAAKO,kBAAkBiB,iBAAiB,aAAcxB,KAAKE,cAC3DF,KAAKO,kBAAkBiB,iBAAiB,YAAaxB,KAAKY,aAC1DZ,KAAKO,kBAAkBiB,iBAAiB,WAAYxB,KAAKe,W,CAG3D,oBAAAU,GACErB,EAAM,kDACNJ,KAAKO,kBAAkBmB,oBAAoB,aAAc1B,KAAKE,cAC9DF,KAAKO,kBAAkBmB,oBAAoB,YAAa1B,KAAKY,aAC7DZ,KAAKO,kBAAkBmB,oBAAoB,WAAY1B,KAAKe,W,CAIvD,iBAAMI,CAAYQ,GACvB3B,KAAK2B,MAAQA,C,CAgDf,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,YAAYC,IAAKC,GAAMlC,KAAKO,iBAAmB2B,GACxDL,EAAA,UAAAE,IAAA,2CACEC,MAAO,CACL,kBAAmB,KACnBlB,QAAWd,KAAKc,QAChBqB,WAAcnC,KAAK2B,QAAU,WAC9B,aACU,iBAEV3B,KAAK2B,QAAU,WAAaE,EAAA,gBAAcO,KAAK,SAC/CpC,KAAK2B,QAAU,WAAaE,EAAA,cAAYO,KAAK,UAEhDP,EAAA,OAAAE,IAAA,2CAAKC,MAAM,UAAUC,IAAKC,GAAMlC,KAAKU,eAAiBwB,GACpDL,EAAA,QAAAE,IAAA,+C,GAhBVM,EAAA,CAbCC,EAA0G,CACzGC,KAAM,wBACNC,aAAc,CACZvB,QAASwB,MAAOC,EAAkCC,KAChDvC,EAAM,8CACN,MAAMe,YAAEA,GAAgBuB,EAAME,aACxBzB,EAAY,iBACZwB,EAAeE,QAAQC,WAAWC,UAAW,YAAa,aAC1D5B,EAAY,QAAQ,GAG9B6B,kBAAmB,O"}