@nylas/react 1.0.0-prealpha1 → 1.0.2-canary.0

package/dist/add-circle-icon_13.entry-6dccb5e5.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-cee193d2.cjs"),l=require("./utils-df5c1963-1c47e21c.cjs"),A=require("./register-component-486ea571-cdfe1ef9.cjs"),oe=require("./constants-d93cf397-e3587f5c.cjs"),Ce=require("./_commonjsHelpers-57e89916-4a3ae7d8.cjs");require("react");require("react-dom");const _e=".sc-add-circle-icon-h{display:flex}",Te=_e,de=class{constructor(e){a.registerInstance(this,e),this.width="24",this.height="25"}render(){return a.h("svg",{key:"6ab5f6ef57d754e88589edaca8ef42f074a4bd10",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.h("path",{key:"3454421e4ce131ef5de69738d05737dcbe884a60",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"}))}};de.style=Te;const Oe=".sc-calendar-info-icon-h{display:flex}",Ee=Oe,ce=class{constructor(e){a.registerInstance(this,e),this.width="20",this.height="20"}render(){return a.h("svg",{key:"01969629dbe43a1e860e200aa18b616924570e57",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.h("path",{key:"5b8279af2bdd3192a11be7738f79a4e5a638d397",d:"M12 0C13.3807 0 14.5 1.11929 14.5 2.5V6.59971C14.1832 6.43777 13.8486 6.30564 13.5 6.20703V4H1.5V11.5C1.5 12.3284 2.17157 13 3 13H6.70703C6.80564 13.3486 6.93777 13.6832 7.09971 14H3C1.61929 14 0.5 12.8807 0.5 11.5V2.5C0.5 1.11929 1.61929 0 3 0H12ZM12 1H3C2.17157 1 1.5 1.67157 1.5 2.5V3H13.5V2.5C13.5 1.67157 12.8284 1 12 1ZM11.375 9.5C11.375 9.15482 11.6548 8.875 12 8.875C12.3452 8.875 12.625 9.15482 12.625 9.5C12.625 9.84518 12.3452 10.125 12 10.125C11.6548 10.125 11.375 9.84518 11.375 9.5ZM12.5 13.5C12.5 13.7761 12.2761 14 12 14C11.7239 14 11.5 13.7761 11.5 13.5V11.5C11.5 11.2239 11.7239 11 12 11C12.2761 11 12.5 11.2239 12.5 11.5V13.5ZM7.5 11.5C7.5 9.01472 9.51472 7 12 7C14.4853 7 16.5 9.01472 16.5 11.5C16.5 13.9853 14.4853 16 12 16C9.51472 16 7.5 13.9853 7.5 11.5ZM8.5 11.5C8.5 13.433 10.067 15 12 15C13.933 15 15.5 13.433 15.5 11.5C15.5 9.567 13.933 8 12 8C10.067 8 8.5 9.567 8.5 11.5Z",fill:"currentColor"}))}};ce.style=Ee;const Ie=".sc-calendar-patterns-icon-h{display:flex}",Se=Ie,he=class{constructor(e){a.registerInstance(this,e),this.width="20",this.height="20"}render(){return a.h("svg",{key:"2eca4ca5315138e61f085e15e15f634f1ba49175",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.h("path",{key:"4ce6b497619836eeb66bd1bf857767c241486008",d:"M3.25 0H11.75C13.2688 0 14.5 1.23122 14.5 2.75V11.25C14.5 12.7688 13.2688 14 11.75 14H3.25C1.73122 14 0.5 12.7688 0.5 11.25V2.75C0.5 1.23122 1.73122 0 3.25 0ZM2 2.75V4H13V2.75C13 2.05964 12.4404 1.5 11.75 1.5H3.25C2.55964 1.5 2 2.05964 2 2.75ZM12.2071 5L8.20711 9H10.7929L13 6.79289V5H12.2071ZM10.7929 5H8.20711L4.20711 9H6.79289L10.7929 5ZM2.79289 9L6.79289 5H4.20711L2 7.20711V9H2.79289ZM2 5.79289L2.79289 5H2V5.79289ZM12.2071 9H13V8.20711L12.2071 9Z",fill:"currentColor"}))}};he.style=Se;const De=":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}.dropdown{display:inline-block;width:100%;position:relative}.dropdown .dropdown-label{display:flex;align-items:center;gap:0.25rem;color:var(--nylas-base-800)}.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: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;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)}.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)}",$e=De,pe=class{constructor(e){a.registerInstance(this,e),this.selectedOptionsChanged=a.createEvent(this,"selectedOptionsChanged",7),this.name=void 0,this.label=void 0,this.options=[],this.defaultSelectedOptions=void 0,this.availableOptions=this.options,this.isOpen=!1,this.ariaActivedescendant="",this.shouldFocusFirstOption=!1}componentDidRender(){l.debug("multi-select-dropdown","componentDidRender"),this.isOpen&&this.shouldFocusFirstOption&&(this.ariaActivedescendant=this.availableOptions[0].value,this.focusOption(0),this.shouldFocusFirstOption=!1)}handleOutsideClick(e){!e.composedPath().includes(this.el)&&this.isOpen&&(this.isOpen=!1)}selectOption(e){this.availableOptions=this.availableOptions.map(n=>(n.value===e.value&&(n.selected=!e.selected),n));const t=this.availableOptions.filter(n=>n.selected).map(n=>n.value);this.selectedOptionsChanged.emit({value:t,name:this.name})}toggleDropdown(){this.isOpen=!this.isOpen,this.isOpen?this.shouldFocusFirstOption=!0:this.ariaActivedescendant=""}handleSelectButtonKeyDown(e){switch(e.key){case"ArrowDown":case"Enter":e.preventDefault(),this.isOpen||this.toggleDropdown();break;case"Escape":this.isOpen=!1;break}}handleListboxKeydown(e){const t=this.availableOptions,n=t.findIndex(i=>i.value===this.ariaActivedescendant);switch(e.key){case"ArrowDown":case"Tab":if(e.shiftKey){e.preventDefault();const r=n-1>=0?n-1:t.length-1;this.ariaActivedescendant=t[r].value,this.focusOption(r)}else{e.preventDefault();const r=n+1<t.length?n+1:0;this.ariaActivedescendant=t[r].value,this.focusOption(r)}break;case"ArrowUp":e.preventDefault();const i=n-1>=0?n-1:t.length-1;this.ariaActivedescendant=t[i].value,this.focusOption(i);break;case"Enter":e.preventDefault(),this.ariaActivedescendant&&this.selectOption(t[n]);break;case"Escape":this.isOpen=!1;break}}focusOption(e){var r;const t=this.availableOptions[e];if(!t)return;const n=t.value,i=(r=this.el.shadowRoot)==null?void 0:r.getElementById(n);i&&(i.focus(),i.scrollIntoView({behavior:"smooth",block:"nearest"}))}getSelectedOptions(){return this.availableOptions.filter(e=>e.selected)}renderOption(e){return a.h("li",{key:e.value,id:e.value,role:"option",tabindex:"0","aria-selected":e.selected?"true":"false",onClick:t=>{t.stopImmediatePropagation(),this.selectOption(e)},class:{selected:!!e.selected}},a.h("label",{htmlFor:e.value},a.h("input",{"aria-hidden":"true",id:e.value,type:"checkbox",checked:e.selected}),a.h("span",null,e.label)))}render(){var e;return a.h(a.Host,{key:"8168c8bd2516ee37e44f446d6a4a1b09674a4612"},a.h("div",{key:"a6f0034b3b8fc25a91240230b389d7d01ef8dd9e",class:"dropdown"},a.h("label",{key:"b875970e5a7bcbe1d9e1459f1f608a355307d4a7",class:"dropdown-label"},this.label,a.h("slot",{key:"83db0e22386bd6f1e11083134e6f62228da4f8fd",name:"label-icon","aria-hidden":"true"})),a.h("button",{key:"5bb1558f59a34c67152f74d07b5053112dcb42b6",class:{dropbtn:!0,open:this.isOpen},onClick:()=>this.toggleDropdown(),"aria-haspopup":"listbox","aria-expanded":this.isOpen?"true":"false","aria-label":this.name,onKeyDown:t=>this.handleSelectButtonKeyDown(t)},a.h("slot",{key:"45a248b288dd90b80b2ba2ca53ee593e7c44da83",name:"select-icon","aria-hidden":"true"}),a.h("span",{key:"14bbc08ed4c500cbba5ff3fb5ce28ad6027a2bc3",class:"selected-option"},this.getSelectedOptions().length>1?`Multiple ${this.name}s selected`:((e=this.availableOptions.filter(t=>t.selected)[0])==null?void 0:e.label)??this.availableOptions[0].label),a.h("span",{key:"a0d4c1ec9ef8b95bd47755a5498a9930838420aa",class:this.isOpen?"open":"closed","aria-hidden":"true"},a.h("chevron-icon",{key:"a9677b3b214dac36184fb8723e8001b80300faf2",width:"16",height:"16"}))),this.isOpen?null:a.h("div",{class:"selected-options"},this.getSelectedOptions().map(t=>a.h("span",{class:"selected-option"},t.label,a.h("button",{key:t.label,onClick:()=>this.selectOption(t)},a.h("close-icon",null))))),this.isOpen?a.h("div",{class:"dropdown-content"},a.h("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-multiselectable":!0,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:t=>this.handleListboxKeydown(t)},this.availableOptions.map(t=>this.renderOption(t)))):null))}get el(){return a.getElement(this)}};pe.style=$e;const Me=":host{display:block;margin:1rem;--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-additional-participants__title{color:var(--nylas-base-nylas-base-900-aaa, #101323);font-size:16px;font-style:normal;font-weight:600;line-height:20px;}.nylas-additional-participants__subtitle{color:var(--nylas-base-nylas-base-600-aaa, #3e4784);font-size:14px;font-style:normal;font-weight:400;line-height:20px;}.nylas-additional-participants__content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.nylas-additional-participants__block{display:flex;justify-content:space-between;gap:0.5rem}.nylas-additional-participants__input_group{padding-top:8px}.nylas-additional-participants__input_wrapper{display:flex;border-width:1;border-radius:8px;border:1px solid var(--Nylas-base-Nylas-base-300, #b3b8d8)}.nylas-additional-participants__input_wrapper button{padding:12px;border:none;background:none;cursor:pointer}.nylas-additional-participants__input_wrapper button:hover,.nylas-additional-participants__input_wrapper button:active{color:var(--nylas-primary)}.nylas-additional-participants__input_wrapper_organizer{background:var(--Nylas-base-Nylas-base-50, #f8f9fc)}.nylas-additional-participants__input{flex:1;padding:12px 16px;border-right:1px solid var(--Nylas-base-Nylas-base-300, #b3b8d8)}.nylas-additional-participants__input input{border:none;outline:none;background:none;width:100%}.nylas-additional-participants__input_wrapper_invalid{border:1px solid var(--nylas-error, #cc4841);color:var(--Nylas-base-Nylas-base-400, #717bbc)}.nylas-additional-participants__add{padding:12px;display:flex;align-items:center;border:none;background:none;cursor:pointer}.nylas-additional-participants__add span{padding:0 8px;font-size:16px;font-style:normal;font-weight:500}.nylas-additional-participants__add:hover,.nylas-additional-participants__add:active{color:var(--nylas-primary)}",Ae=Me;var He=function(e,t,n,i){var r=arguments.length,s=r<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,n):i,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,t,n,i);else for(var d=e.length-1;d>=0;d--)(o=e[d])&&(s=(r<3?o(s):r>3?o(t,n,s):o(t,n))||s);return r>3&&s&&Object.defineProperty(t,n,s),s},K=function(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)};const ee=class{constructor(e){a.registerInstance(this,e),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.name="participants",this.eventParticipants=void 0,this.participants=this.eventParticipants??[],this.participantsValid=!0}elementNameChangedHandler(e){l.debug("nylas-additional-participants","elementNameChangedHandler",e),this.host.setAttribute("name",e)}connectedCallback(){l.debug("nylas-additional-participants","connectedCallback")}componentWillLoad(){l.debug("nylas-additional-participants","componentWillLoad"),this.host.setAttribute("name",this.name)}componentDidLoad(){l.debug("nylas-additional-participants","componentDidLoad"),this.internals.setFormValue(JSON.stringify(this.participants),"participants")}disconnectedCallback(){l.debug("nylas-additional-participants","disconnectedCallback")}onParticipantChange(e,t){l.debug("nylas-additional-participants","onParticipantChange"),this.participants[t].email=e.target.value,this.internals.setFormValue(JSON.stringify(this.participants),"participants")}addParticipant(){l.debug("nylas-additional-participants","addParticipant"),this.participants=[...this.participants,{email:"",is_organizer:!1,availability:{calendar_ids:["primary"]}}],this.internals.setFormValue(JSON.stringify(this.participants),"participants")}removeParticipant(e){l.debug("nylas-additional-participants","addParticipant"),this.participants=this.participants.filter(t=>t.email!==e),this.internals.setFormValue(JSON.stringify(this.participants),"participants")}validate(e,t){l.debug("nylas-additional-participants","validate");const i=/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(String(e).toLowerCase());this.participants[t].is_valid=i,this.internals.setFormValue(JSON.stringify(this.participants),"participants")}render(){return a.h(a.Host,{key:"a5d05ab5b72814f0cf75df738cd3e0a201edcfb2"},a.h("nylas-form-card",{key:"d43372c684b1da7b823692e09bb2bca99fdcb5b6"},a.h("h3",{key:"7adc0bd80f59d305aaf1d2e11bc24e6bf08222cc",slot:"header-title",class:"nylas-additional-participants__title"},"Additional participants"),a.h("p",{key:"fe9df16a37f967d9423a5deb0dfdedffccc6abdc",slot:"header-subtitle",class:"nylas-additional-participants__subtitle"},"Add anyone else who would be joining for this event."),a.h("div",{key:"057a46756bb908699684ac8af5cad756c79ebe46",slot:"content",class:"nylas-additional-participants__content"},a.h("div",{key:"e69357b5cfd99c17aaaf87e21ae54ed2f2ba2cfa"},this.participants.map((e,t)=>a.h("div",{class:"nblas-additional-participants__input_group"},a.h("label",null,e.is_organizer?"Organizer":`Participant ${t}`),a.h("div",{class:`nylas-additional-participants__input_wrapper ${e.is_organizer&&"nylas-additional-participants__input_wrapper_organizer"} ${e.is_valid===!1&&"nylas-additional-participants__input_wrapper_invalid"}`},a.h("div",{class:"nylas-additional-participants__input"},a.h("input",{type:"text",value:e.email,onInput:n=>{this.onParticipantChange(n,t)},readOnly:e.is_organizer,onBlur:()=>this.validate(e.email,t)})),!e.is_organizer&&a.h("button",{onClick:()=>this.removeParticipant(e.email)},a.h("close-icon",null)))))))))}static get formAssociated(){return!0}get host(){return a.getElement(this)}static get watchers(){return{name:["elementNameChangedHandler"]}}};He([A.RegisterComponent({name:"nylas-additional-participants",eventToProps:{},fireRegisterEvent:!0}),K("design:type",Function),K("design:paramtypes",[]),K("design:returntype",void 0)],ee.prototype,"render",null);ee.style=Ae;const Fe=":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;width:inherit}.nylas-availability-picker{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-availability-picker .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-availability-picker .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900)}.nylas-availability-picker .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600)}.nylas-availability-picker .content{padding:1rem;color:var(--nylas-base-900)}.nylas-availability-picker .content .select-timezone{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--nylas-base-200);padding-bottom:1rem}.nylas-availability-picker .content .select-timezone h4{display:flex;gap:0.5rem;align-items:center;margin:0;font-size:1rem;font-weight:500;line-height:20px}.nylas-availability-picker .content .select-timezone select-dropdown{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-availability-picker .content .availability{display:flex;flex-direction:column;gap:1rem;padding:0 0.5rem;margin:1rem 0}.nylas-availability-picker .content .availability .availability-day{display:grid;grid-template-columns:minmax(auto, 65px) 1fr minmax(auto, 40px);gap:1rem;align-items:baseline}@media screen and (max-width: 768px){.nylas-availability-picker .content .availability .availability-day{grid-template-columns:auto}}.nylas-availability-picker .content .availability .availability-day .day{display:flex;gap:0.5rem;align-items:center}.nylas-availability-picker .content .availability .availability-day .time-ranges span.unavailable{height:48px;display:flex;align-items:center}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range{display:flex;gap:1.5rem;justify-content:space-between;align-items:baseline}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers{display:flex;gap:1rem}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers span{margin-top:0.75rem}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range:not(:last-of-type){margin-bottom:1rem}.nylas-availability-picker .content .availability .availability-day .time-ranges p.error{color:var(--nylas-error)}.nylas-availability-picker .content .availability .availability-day button{border:none;background:transparent;height:40px;cursor:pointer;color:var(--nylas-base-800)}.nylas-availability-picker .content .availability .availability-day button:hover,.nylas-availability-picker .content .availability .availability-day button:active{color:var(--nylas-primary)}",Ne=Fe;var ze=function(e,t,n,i){var r=arguments.length,s=r<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,n):i,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,t,n,i);else for(var d=e.length-1;d>=0;d--)(o=e[d])&&(s=(r<3?o(s):r>3?o(t,n,s):o(t,n))||s);return r>3&&s&&Object.defineProperty(t,n,s),s},B=function(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)};const te=class{constructor(e){a.registerInstance(this,e),this.selectedOpenHoursChanged=a.createEvent(this,"selectedOpenHoursChanged",7),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.openHours=void 0,this.name="availability",this.schedule={SUN:[],MON:[{start:"09:00am",end:"05:00pm"}],TUE:[{start:"09:00am",end:"05:00pm"}],WED:[{start:"09:00am",end:"05:00pm"}],THU:[{start:"09:00am",end:"05:00pm"}],FRI:[{start:"09:00am",end:"05:00pm"}],SAT:[]},this.timezone=Intl.DateTimeFormat().resolvedOptions().timeZone,this.defaultTimezone=this.timezone,this.overlapDays={}}elementNameChangedHandler(e){l.debug("nylas-calendar-picker","elementNameChangedHandler",e),this.host.setAttribute("name",e)}scheduleChanged(e,t){var n;if(e!==t){this.selectedOpenHoursChanged.emit({value:this.scheduleToOpenHours(e,this.timezone),name:this.name});let i={};if(Object.keys(e).forEach(r=>{const s=e[r];if(s.length>0){const o=this.getOverlaps(s);o.length>0&&(i[r]=o)}}),this.overlapDays=i,Object.keys(i).length>0){const r=(n=this.host.shadowRoot)==null?void 0:n.getElementById(Object.keys(i)[0]);r&&this.internals.setValidity({customError:!0},"Overlapping time ranges found",r)}else this.internals.setValidity({customError:!1}),this.internals.setFormValue(JSON.stringify(this.scheduleToOpenHours(e,this.timezone)))}}selectedOptionChangedHandler(e){const{name:t,value:n}=e.detail;t==="timezone"&&(this.timezone=n,this.internals.setFormValue(JSON.stringify(this.scheduleToOpenHours(this.schedule,this.timezone))))}connectedCallback(){l.debug("nylas-availability-picker","connectedCallback")}disconnectedCallback(){l.debug("nylas-availability-picker","disconnectedCallback")}componentWillLoad(){l.debug("nylas-availability-picker","componentWillLoad"),this.host.setAttribute("name",this.name)}componentDidLoad(){l.debug("nylas-availability-picker","componentDidLoad"),this.openHours&&this.openHours.length>0&&this.updateSchedule(this.openHours),this.internals.setFormValue(JSON.stringify(this.scheduleToOpenHours(this.schedule,this.timezone)))}getOverlaps(e){let t=e.map((i,r)=>({start:l.timeToMinutes(i.start),end:l.timeToMinutes(i.end),originalIndex:r}));t.sort((i,r)=>i.start-r.start);let n=[];for(let i=1;i<t.length;i++)t[i].start<t[i-1].end&&(n.includes(t[i].originalIndex)||n.push(t[i].originalIndex),n.includes(t[i-1].originalIndex)||n.push(t[i-1].originalIndex));return n.sort((i,r)=>i-r)}addTimeRange(e){const t=this.schedule[e],n=0,i=1425;if(t.length===0)this.schedule[e]=[{start:"09:00am",end:"05:00pm"}];else{const r=t.map(o=>({start:l.timeToMinutes(o.start),end:l.timeToMinutes(o.end)})).sort((o,d)=>o.start-d.start),s=r[r.length-1].end;if(s+60<=i)this.schedule[e].push({start:l.convertTo12HourFormat(l.minutesToTime(s)),end:l.convertTo12HourFormat(l.minutesToTime(s+60))});else{let o=!1;if(r[0].start>n+60&&(this.schedule[e].push({start:l.convertTo12HourFormat(l.minutesToTime(n)),end:l.convertTo12HourFormat(l.minutesToTime(n+60))}),o=!0),!o)for(let d=0;d<r.length-1;d++){const m=r[d].end;if(r[d+1].start-m>=60){this.schedule[e].push({start:l.convertTo12HourFormat(l.minutesToTime(m)),end:l.convertTo12HourFormat(l.minutesToTime(m+60))});break}}}}this.schedule[e].sort((r,s)=>l.timeToMinutes(r.start)-l.timeToMinutes(s.start)),this.schedule={...this.schedule}}removeTimeRange(e,t){this.schedule[e].splice(t,1),this.schedule={...this.schedule}}setTime(e,t,n){const[i,r]=e.split("_"),[s,o]=i.split(":");r==="start"?this.schedule[s][o].start=n:r==="end"&&(this.schedule[s][o].end=n),this.internals.setValidity({customError:!1}),this.schedule={...this.schedule}}setFormError(e,t,n){var o;const[i,r]=e.split("_"),s=(o=this.host.shadowRoot)==null?void 0:o.getElementById(e);s&&this.internals.setValidity({customError:!0},`Invalid ${r} time`,s)}updateSchedule(e){const t={SUN:[],MON:[],TUE:[],WED:[],THU:[],FRI:[],SAT:[]};e.forEach(n=>{n.days.forEach(i=>{const r=this.getDayKey(i),s=l.convertTo12HourFormat(n.start),o=l.convertTo12HourFormat(n.end),d={start:s,end:o};let m=!1;t[r]&&(m=t[r].some(p=>p.start===d.start&&p.end===d.end)),m||(t[r]?t[r].push(d):t[r]=[d])})}),e.length===0&&(this.timezone=e[0].timezone),this.defaultTimezone=e[0].timezone,this.timezone=e[0].timezone,this.schedule=t}getDayKey(e){return["SUN","MON","TUE","WED","THU","FRI","SAT"][e]}scheduleToOpenHours(e,t="UTC"){const n=["SUN","MON","TUE","WED","THU","FRI","SAT"];let i=new Map;n.forEach((s,o)=>{e[s]&&e[s].forEach(d=>{const m=l.convertTo24HourFormat(d.start),p=l.convertTo24HourFormat(d.end),v=`${m}-${p}`;if(!i.has(v))i.set(v,{days:[o],start:m,end:p});else{let f=i.get(v);f&&(f.days.push(o),i.set(v,f))}})});let r=[];return i.forEach((s,o)=>{r.push({days:s.days,start:s.start,end:s.end,timezone:t})}),r}render(){const e=Object.keys(oe.TIMEZONE_MAP).map(n=>({label:oe.TIMEZONE_MAP[n],value:n})),t=e.find(n=>n.value===this.defaultTimezone);return a.h(a.Host,{key:"87e05dca330a4e1c97886a0860ed6a8d3e4e6157"},a.h("div",{key:"8db4597b9676e9c9ea0f289781fed798ecc59a1d",class:"nylas-availability-picker"},a.h("div",{key:"8f797bdd2e4c9ecdcbbb1c07414d7a8ed6cff83c",class:"header",part:"ncp__header"},a.h("h3",{key:"676aef337f7a16b1546e3c9767c1ef2cc0439627"},"General availability"),a.h("p",{key:"6cd6625935e4a159c50c40214e374ffeb4ee8007"},"Set your availability for scheduling meetings.")),a.h("div",{key:"7f0d04ecf59411c951c7794981c160a9346859bc",class:"content"},a.h("div",{key:"51bf7684a9bba1bc2c2344c243156f54f278c087",class:"select-timezone"},a.h("h4",{key:"67e5491c4793623f76759e1935214a0793359b59",class:"sub-header"},"Select timezone",a.h("span",{key:"ad75d494f59fc45d4088af710b62862fabf8bac9",class:"icon"},a.h("info-icon",{key:"a75dc274e1067e3be3537a0912072e950deb49dc"}))),a.h("select-dropdown",{key:"3e5f45ee1f06d45f7da02ba01cdc248b5fd56742",name:"timezone",options:e,defaultSelectedOption:t},a.h("span",{key:"8cfcaf9954132a734794d0a2723eaf71eafa3412",slot:"select-icon"},a.h("globe-icon",{key:"7ffa5b0de8b4061269a1257447c9cf8d1e2d7d4a",width:"20",height:"20"})))),a.h("div",{key:"a53a34383d56e1ab24323341856fd2fce0d62d93",class:"availability"},Object.keys(this.schedule).map(n=>{const i=n,r=this.schedule[n];return a.h("div",{class:"availability-day"},a.h("div",{class:"day",part:"ndp__day"},a.h("input",{type:"checkbox",name:i,id:i,checked:r.length>0,onClick:()=>{r.length>0?this.schedule[i]=[]:this.schedule[i]=[{start:"09:00am",end:"05:00pm"}],this.schedule={...this.schedule}}}),a.h("label",{htmlFor:i,"aria-label":"Select day"},i)),a.h("div",{class:"time-ranges"},r.length?null:a.h("span",{class:"unavailable"},"Unavailable"),r.length>0&&r.map((s,o)=>{var p,v;const d=`${n}:${o}_start`,m=`${n}:${o}_end`;return a.h("div",{class:"time-range"},a.h("div",{class:"pickers"},a.h("nylas-time-window-picker",{id:d,hasError:(p=this.overlapDays[i])==null?void 0:p.includes(o),time:s.start,name:d,key:d,setTime:(f,x)=>this.setTime(d,f,x),setFormError:(f,x)=>this.setFormError(d,f,x)}),a.h("span",null," - "),a.h("nylas-time-window-picker",{id:m,hasError:(v=this.overlapDays[i])==null?void 0:v.includes(o),time:s.end,name:m,key:m,minimumStartTime:s.start,setTime:(f,x)=>this.setTime(m,f,x),setFormError:(f,x)=>this.setFormError(m,f,x)})),a.h("button",{onClick:()=>this.removeTimeRange(i,o)},a.h("close-icon",null)))}),a.h("p",{class:"error"},this.overlapDays[i]?"Overlapping time ranges":"")),a.h("div",null,r.length>0?a.h("button",{onClick:()=>this.addTimeRange(i)},a.h("add-circle-icon",null)):null))})))))}static get formAssociated(){return!0}get host(){return a.getElement(this)}static get watchers(){return{name:["elementNameChangedHandler"],schedule:["scheduleChanged"]}}};ze([A.RegisterComponent({name:"nylas-availability-picker",fireRegisterEvent:!0}),B("design:type",Function),B("design:paramtypes",[]),B("design:returntype",void 0)],te.prototype,"render",null);te.style=Ne;const Le=":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;width:inherit}.nylas-calendar-picker{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-calendar-picker .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-calendar-picker .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900)}.nylas-calendar-picker .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600)}.nylas-calendar-picker .nylas-calendar-picker__loading{padding-bottom:1rem}.nylas-calendar-picker .nylas-calendar-picker__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-calendar-picker .nylas-calendar-picker__loading .loading-button{margin:0 1rem;padding:0;width:inherit;height:48px;color:black;font-size:1rem;cursor:not-allowed;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)}.nylas-calendar-picker .nylas-calendar-picker__loading .loading-button span{padding:0 1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown{padding:1rem}",Pe=Le;var Re=function(e,t,n,i){var r=arguments.length,s=r<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,n):i,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,t,n,i);else for(var d=e.length-1;d>=0;d--)(o=e[d])&&(s=(r<3?o(s):r>3?o(t,n,s):o(t,n))||s);return r>3&&s&&Object.defineProperty(t,n,s),s},J=function(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)};const ae=class{constructor(e){a.registerInstance(this,e),this.selectedCalendarsChanged=a.createEvent(this,"selectedCalendarsChanged",7),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.calendars=void 0,this.organizerEmail=void 0,this.name="calendar",this.defaultSelectedCalendars=[],this.selectedCalendars=[]}connectedCallback(){l.debug("nylas-calendar-picker","connectedCallback")}disconnectedCallback(){l.debug("nylas-calendar-picker","disconnectedCallback")}componentWillLoad(){l.debug("nylas-calendar-picker","componentWillLoad"),this.host.setAttribute("name",this.name)}componentDidLoad(){l.debug("nylas-calendar-picker","componentDidLoad"),typeof this.internals.setFormValue=="function"&&this.internals.setFormValue(this.defaultSelectedCalendars.toString(),"calendar")}componentWillUpdate(){l.debug("nylas-calendar-picker","componentWillUpdate")}componentDidUpdate(){l.debug("nylas-calendar-picker","componentDidUpdate")}componentWillRender(){l.debug("nylas-calendar-picker","componentWillRender")}componentDidRender(){l.debug("nylas-calendar-picker","componentDidRender")}elementNameChangedHandler(e){l.debug("nylas-calendar-picker","elementNameChangedHandler",e),this.host.setAttribute("name",e)}selectedOptionsChangedHandler(e){l.debug("nylas-calendar-picker","selectedOptionChangedHandler",e.detail);const t=n=>{const{value:i}=n.detail;this.selectedCalendars=[...i],this.internals.setFormValue(i.toString(),"calendar")};this.selectedCalendarsChanged.emit({...e.detail,selectedCalendarsChangedHandler:t})}render(){var n;const e=((n=this.calendars)==null?void 0:n.map(i=>{var r,s;return{value:i.id,label:i.name,selected:((r=this.defaultSelectedCalendars)==null?void 0:r.includes(i.id))||((s=this.defaultSelectedCalendars)==null?void 0:s.includes("primary"))&&i.id===this.organizerEmail}}))??[],t=this.defaultSelectedCalendars??[e[0].value];return a.h(a.Host,null,a.h("div",{class:"nylas-calendar-picker"},a.h("div",{class:"header",part:"ncp__header"},a.h("h3",null,"Calendar availability"),a.h("p",null,"Select calendars that you’d like to use for checking your availability.")),e.length>0?a.h("div",{class:"nylas-calendar-picker__dropdown"},a.h("multi-select-dropdown",{name:"calendar",label:"Only schedule meetings when I'm available on",options:e,defaultSelectedOptions:t},a.h("span",{slot:"label-icon"},a.h("tooltip-component",null,a.h("info-icon",{slot:"tooltip-icon"}),a.h("span",{slot:"tooltip-content"},"When selecting multiple calendars, the time slot must be open on all chosen calendars for it to be visible to an attendee on the Scheduling page."))))):a.h("div",{class:"nylas-calendar-picker__loading"},a.h("span",{class:"label"},"Select calendars that will be checked for availability ",a.h("info-icon",null)),a.h("div",{class:"loading-button"},a.h("span",null,"Loading...")))))}static get formAssociated(){return!0}get host(){return a.getElement(this)}static get watchers(){return{name:["elementNameChangedHandler"]}}};Re([A.RegisterComponent({name:"nylas-calendar-picker",eventToProps:{selectedCalendarsChanged:async(e,t)=>{const{selectedCalendarsChangedHandler:n}=e.detail;n&&n(e)}},fireRegisterEvent:!0}),J("design:type",Function),J("design:paramtypes",[]),J("design:returntype",void 0)],ae.prototype,"render",null);ae.style=Pe;const je=":host{--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-event-description{display:flex;flex-direction:column;gap:4px}.nylas-event-description span{color:var(--nylas-base-nylas-base-800-aaa, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-description textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;border:1px solid var(--Nylas-base-Nylas-base-200, #b3b8d8)}.nylas-event-description textarea::-webkit-resizer{display:none}",Ve=je;var Ye=function(e,t,n,i){var r=arguments.length,s=r<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,n):i,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,t,n,i);else for(var d=e.length-1;d>=0;d--)(o=e[d])&&(s=(r<3?o(s):r>3?o(t,n,s):o(t,n))||s);return r>3&&s&&Object.defineProperty(t,n,s),s},q=function(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)};const ne=class{constructor(e){a.registerInstance(this,e),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.eventDescription=void 0,this.description=this.eventDescription??"",this.name="description"}elementNameChangedHandler(e){l.debug("nylas-event-description","elementNameChangedHandler",e),this.host.setAttribute("name",e)}connectedCallback(){l.debug("nylas-event-description","connectedCallback")}componentWillLoad(){l.debug("nylas-event-description","componentWillLoad"),this.host.setAttribute("name",this.name)}componentDidLoad(){l.debug("nylas-event-description","componentDidLoad")}disconnectedCallback(){l.debug("nylas-event-description","disconnectedCallback")}handleChange(e){this.description=e.target.value,this.internals.setFormValue(e.target.value,"description")}render(){return a.h(a.Host,{key:"9ce72affc0514ef34d4362566a73127001acbfcf"},a.h("div",{key:"0214ece174d57b5f1b48551d0bf311fd6314e66d",class:"nylas-event-description"},a.h("span",{key:"670039c8d29c953a25d3e7ff9fc8af1136688d39"},"Event description"),a.h("textarea",{key:"80775cb98f237b0415d3f06165ad322cf79d00ff",name:"description",value:this.description,onInput:e=>this.handleChange(e)})))}static get formAssociated(){return!0}get host(){return a.getElement(this)}static get watchers(){return{name:["elementNameChangedHandler"]}}};Ye([A.RegisterComponent({name:"nylas-event-description",eventToProps:{},fireRegisterEvent:!0}),q("design:type",Function),q("design:paramtypes",[]),q("design:returntype",void 0)],ne.prototype,"render",null);ne.style=Ve;const We=":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-event-duration{display:flex;flex-direction:column;gap:4px}.nylas-event-duration span{color:var(--nylas-base-nylas-base-800-aaa, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-duration span span{color:var(--nylas-error, #cc4841)}.nylas-event-duration__wrapper{display:flex;justify-content:space-between;align-items:center;gap:0.5rem}.nylas-event-duration__wrapper input{padding:12px 16px;border-width:1;border-radius:8px;border:1px solid var(--Nylas-base-Nylas-base-200, #b3b8d8)}",Ze=We;var Ue=function(e,t,n,i){var r=arguments.length,s=r<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,n):i,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,t,n,i);else for(var d=e.length-1;d>=0;d--)(o=e[d])&&(s=(r<3?o(s):r>3?o(t,n,s):o(t,n))||s);return r>3&&s&&Object.defineProperty(t,n,s),s},X=function(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)};const ie=class{constructor(e){a.registerInstance(this,e),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.name="duration",this.eventDurationMinutes=void 0,this.duration=this.eventDurationMinutes?this.eventDurationMinutes>=60?this.eventDurationMinutes/60:this.eventDurationMinutes:10,this.durationMinutes=this.eventDurationMinutes??10,this.durationIncrement=this.eventDurationMinutes&&this.eventDurationMinutes>=60?60:1}elementNameChangedHandler(e){l.debug("nylas-event-duration","elementNameChangedHandler",e),this.host.setAttribute("name",e)}connectedCallback(){l.debug("nylas-event-duration","connectedCallback")}componentWillLoad(){l.debug("nylas-event-duration","componentWillLoad"),this.host.setAttribute("name",this.name)}componentDidLoad(){l.debug("nylas-event-duration","componentDidLoad"),this.internals.setFormValue(this.durationMinutes.toString(),"duration")}disconnectedCallback(){l.debug("nylas-event-duration","disconnectedCallback")}handleChange(e){this.duration=e.target.value,this.durationMinutes=this.duration*this.durationIncrement,this.internals.setFormValue(this.durationMinutes.toString(),"duration")}handleBlur(){console.log("on blur duration"+this.duration,this.duration,this.durationIncrement),(this.duration===null||this.duration===void 0)&&this.durationIncrement===1&&(this.duration=10),(this.duration<=0||this.duration===null||this.duration===void 0)&&this.durationIncrement===60&&(this.duration=1),this.duration<10&&this.durationIncrement===1&&(this.duration=10),this.duration>720&&this.durationIncrement===1&&(this.duration=720),this.duration>12&&this.durationIncrement===60&&(this.duration=12),this.durationMinutes=this.duration*this.durationIncrement,this.internals.setFormValue(this.durationMinutes.toString(),"duration")}selectedOptionChangedHandler(e){l.debug("nylas-calendar-picker","selectedOptionChangedHandler",e.detail);const{value:t}=e.detail;this.durationIncrement=parseInt(t),this.durationIncrement===1?this.duration=10:this.duration=1,this.durationMinutes=this.duration*this.durationIncrement,this.internals.setFormValue(this.durationMinutes.toString(),"duration")}render(){const e=[{value:1,label:"minutes"},{value:60,label:"hours"}];return a.h(a.Host,{key:"865d546fd5a00a80491c87ede2da950fdeebae63"},a.h("div",{key:"04ed91e87c31cf1332003173ff0bcc43a8d44e0b",class:"nylas-event-duration"},a.h("span",{key:"c80ec90827aa06635fe22dc9109f905571fc9668"},"Event duration",a.h("span",{key:"9f6a16d40771a5dffefb2a2dbe74f4f525e9d102"},"*")),a.h("div",{key:"5c0f475c25dab78696a1163bb5db452013cbac21",class:"nylas-event-duration__wrapper"},a.h("input",{key:"695a40294e996cba76c2cb300906a24e73e99497",type:"number",name:"duration",value:this.duration,onBlur:()=>this.handleBlur(),onInput:t=>this.handleChange(t)}),a.h("select-dropdown",{key:"ac2948b82048c9f81bc391c4743bf3148622b054",name:"event-duration",options:e,defaultSelectedOption:e.find(t=>t.value==this.durationIncrement)??e[0],withSearch:!1}))))}static get formAssociated(){return!0}get host(){return a.getElement(this)}static get watchers(){return{name:["elementNameChangedHandler"]}}};Ue([A.RegisterComponent({name:"nylas-event-duration",eventToProps:{},fireRegisterEvent:!0}),X("design:type",Function),X("design:paramtypes",[]),X("design:returntype",void 0)],ie.prototype,"render",null);ie.style=Ze;const Ke=":host{display:block;margin:1rem;--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-event-info__title{color:var(--nylas-base-nylas-base-900-aaa, #101323);font-size:16px;font-style:normal;font-weight:600;line-height:20px;}.nylas-event-info__subtitle{color:var(--nylas-base-nylas-base-600-aaa, #3e4784);font-size:14px;font-style:normal;font-weight:400;line-height:20px;}.nylas-event-info__content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.nylas-event-info__block{display:flex;justify-content:space-between;gap:0.5rem}",Be=Ke;var Je=function(e,t,n,i){var r=arguments.length,s=r<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,n):i,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,t,n,i);else for(var d=e.length-1;d>=0;d--)(o=e[d])&&(s=(r<3?o(s):r>3?o(t,n,s):o(t,n))||s);return r>3&&s&&Object.defineProperty(t,n,s),s},G=function(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)};const se=class{constructor(e){a.registerInstance(this,e),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals)}connectedCallback(){l.debug("nylas-event-info","connectedCallback")}componentWillLoad(){l.debug("nylas-event-info","componentWillLoad")}componentDidLoad(){l.debug("nylas-event-info","componentDidLoad")}disconnectedCallback(){l.debug("nylas-event-info","disconnectedCallback")}render(){return a.h(a.Host,{key:"51b0b5ee1cb100d81b2e4bc362463e76cf622a7c"},a.h("nylas-form-card",{key:"622f7bd1342930fdd87e58e91c8dc85b8f42c4da"},a.h("h1",{key:"5180817bacbc4a250a818150015486cef6476dab",slot:"header-title",class:"nylas-event-info__title"},"Event information"),a.h("h3",{key:"a78155d0bbf65e30074923fce212ca1ba657eb02",slot:"header-subtitle",class:"nylas-event-info__subtitle"},"Enter all event information."),a.h("div",{key:"51e393b952e7e038f7a79bf0ceca6db94b9e199c",slot:"content",class:"nylas-event-info__content"},a.h("slot",{key:"119b963d96300abd7ed6f65bede1f5e5943a9eb6",name:"inputs"}))))}static get formAssociated(){return!0}};Je([A.RegisterComponent({name:"nylas-event-info",eventToProps:{},fireRegisterEvent:!0}),G("design:type",Function),G("design:paramtypes",[]),G("design:returntype",void 0)],se.prototype,"render",null);se.style=Be;const qe=":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-event-title{display:flex;flex-direction:column;gap:4px}.nylas-event-title input{padding:12px 16px;border-width:1;border-radius:8px;border:1px solid var(--Nylas-base-Nylas-base-200, #b3b8d8)}.nylas-event-title span{color:var(--nylas-base-nylas-base-800-aaa, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-title span span{color:var(--nylas-error, #cc4841)}",Xe=qe;var Ge=function(e,t,n,i){var r=arguments.length,s=r<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,n):i,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,t,n,i);else for(var d=e.length-1;d>=0;d--)(o=e[d])&&(s=(r<3?o(s):r>3?o(t,n,s):o(t,n))||s);return r>3&&s&&Object.defineProperty(t,n,s),s},Q=function(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)};const re=class{constructor(e){a.registerInstance(this,e),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.eventTitle=void 0,this.title=this.eventTitle??"",this.name="availability"}elementNameChangedHandler(e){l.debug("nylas-event-title","elementNameChangedHandler",e),this.host.setAttribute("name",e)}connectedCallback(){l.debug("nylas-event-title","connectedCallback")}componentWillLoad(){l.debug("nylas-event-title","componentWillLoad"),this.host.setAttribute("name",this.name)}componentDidLoad(){l.debug("nylas-event-title","componentDidLoad")}disconnectedCallback(){l.debug("nylas-event-title","disconnectedCallback")}handleChange(e){this.title=e.target.value,this.internals.setFormValue(e.target.value,"title")}render(){return a.h(a.Host,{key:"09c9b2bae4a00656fe226ecf51d3800381cd52da"},a.h("div",{key:"3ffbc5f35edf88831014b18ed4fc719953b344ab",class:"nylas-event-title"},a.h("span",{key:"6fd19b8268c7d5d2a048357bdc03eee1a84ef42c"},"Event title",a.h("span",{key:"5ecccdc80f6ecf1fb7cdcacbbc789c9cc0e61f2a"},"*")),a.h("input",{key:"ec68df2d717858da7562388db96f8c0413afe22c",type:"text",name:"title",value:this.title,onInput:e=>this.handleChange(e)})))}static get formAssociated(){return!0}get host(){return a.getElement(this)}static get watchers(){return{name:["elementNameChangedHandler"]}}};Ge([A.RegisterComponent({name:"nylas-event-title",eventToProps:{},fireRegisterEvent:!0}),Q("design:type",Function),Q("design:paramtypes",[]),Q("design:returntype",void 0)],re.prototype,"render",null);re.style=Xe;var ue={exports:{}};(function(e,t){(function(n,i){e.exports=i()})(Ce.commonjsGlobal,function(){var n={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,r=/\d\d/,s=/\d\d?/,o=/\d*[^-_:/,()\s\d]+/,d={},m=function(c){return(c=+c)+(c>68?1900:2e3)},p=function(c){return function(h){this[c]=+h}},v=[/[+-]\d\d:?(\d\d)?|Z/,function(c){(this.zone||(this.zone={})).offset=function(h){if(!h||h==="Z")return 0;var u=h.match(/([+-]|\d\d)/g),b=60*u[1]+(+u[2]||0);return b===0?0:u[0]==="+"?-b:b}(c)}],f=function(c){var h=d[c];return h&&(h.indexOf?h:h.s.concat(h.f))},x=function(c,h){var u,b=d.meridiem;if(b){for(var w=1;w<=24;w+=1)if(c.indexOf(b(w,0,h))>-1){u=w>12;break}}else u=c===(h?"pm":"PM");return u},fe={A:[o,function(c){this.afternoon=x(c,!1)}],a:[o,function(c){this.afternoon=x(c,!0)}],S:[/\d/,function(c){this.milliseconds=100*+c}],SS:[r,function(c){this.milliseconds=10*+c}],SSS:[/\d{3}/,function(c){this.milliseconds=+c}],s:[s,p("seconds")],ss:[s,p("seconds")],m:[s,p("minutes")],mm:[s,p("minutes")],H:[s,p("hours")],h:[s,p("hours")],HH:[s,p("hours")],hh:[s,p("hours")],D:[s,p("day")],DD:[r,p("day")],Do:[o,function(c){var h=d.ordinal,u=c.match(/\d+/);if(this.day=u[0],h)for(var b=1;b<=31;b+=1)h(b).replace(/\[|\]/g,"")===c&&(this.day=b)}],M:[s,p("month")],MM:[r,p("month")],MMM:[o,function(c){var h=f("months"),u=(f("monthsShort")||h.map(function(b){return b.slice(0,3)})).indexOf(c)+1;if(u<1)throw new Error;this.month=u%12||u}],MMMM:[o,function(c){var h=f("months").indexOf(c)+1;if(h<1)throw new Error;this.month=h%12||h}],Y:[/[+-]?\d+/,p("year")],YY:[r,function(c){this.year=m(c)}],YYYY:[/\d{4}/,p("year")],Z:v,ZZ:v};function ye(c){var h,u;h=c,u=d&&d.formats;for(var b=(c=h.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,function(D,O,k){var y=k&&k.toUpperCase();return O||u[k]||n[k]||u[y].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,function(E,I,$){return I||$.slice(1)})})).match(i),w=b.length,C=0;C<w;C+=1){var N=b[C],S=fe[N],_=S&&S[0],T=S&&S[1];b[C]=T?{regex:_,parser:T}:N.replace(/^\[|\]$/g,"")}return function(D){for(var O={},k=0,y=0;k<w;k+=1){var E=b[k];if(typeof E=="string")y+=E.length;else{var I=E.regex,$=E.parser,z=D.slice(y),H=I.exec(z)[0];$.call(O,H),D=D.replace(H,"")}}return function(M){var g=M.afternoon;if(g!==void 0){var F=M.hours;g?F<12&&(M.hours+=12):F===12&&(M.hours=0),delete M.afternoon}}(O),O}}return function(c,h,u){u.p.customParseFormat=!0,c&&c.parseTwoDigitYear&&(m=c.parseTwoDigitYear);var b=h.prototype,w=b.parse;b.parse=function(C){var N=C.date,S=C.utc,_=C.args;this.$u=S;var T=_[1];if(typeof T=="string"){var D=_[2]===!0,O=_[3]===!0,k=D||O,y=_[2];O&&(y=_[2]),d=this.$locale(),!D&&y&&(d=u.Ls[y]),this.$d=function(z,H,M){try{if(["x","X"].indexOf(H)>-1)return new Date((H==="X"?1e3:1)*z);var g=ye(H)(z),F=g.year,L=g.month,ge=g.day,ve=g.hours,xe=g.minutes,ke=g.seconds,we=g.milliseconds,le=g.zone,R=new Date,j=ge||(F||L?1:R.getDate()),V=F||R.getFullYear(),P=0;F&&!L||(P=L>0?L-1:R.getMonth());var Y=ve||0,W=xe||0,Z=ke||0,U=we||0;return le?new Date(Date.UTC(V,P,j,Y,W,Z,U+60*le.offset*1e3)):M?new Date(Date.UTC(V,P,j,Y,W,Z,U)):new Date(V,P,j,Y,W,Z,U)}catch{return new Date("")}}(N,T,S),this.init(),y&&y!==!0&&(this.$L=this.locale(y).$L),k&&N!=this.format(T)&&(this.$d=new Date("")),d={}}else if(T instanceof Array)for(var E=T.length,I=1;I<=E;I+=1){_[1]=T[I-1];var $=u.apply(this,_);if($.isValid()){this.$d=$.$d,this.$L=$.$L,this.init();break}I===E&&(this.$d=new Date(""))}else w.call(this,C)}}})})(ue);const Qe=ue.exports,et=":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}.time-picker{display:inline-block;width:150px;position:relative}@media screen and (max-width: 768px){.time-picker{width:auto}}.time-picker input{width:150px;height:48px;text-align:center;font-size:1rem;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:98px}}.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}",tt=et;l.dayjs.extend(Qe);const be=class{constructor(e){a.registerInstance(this,e),this.timeChange=a.createEvent(this,"timeChange",7),this.time=void 0,this.minimumStartTime=null,this.placeholder="hh:mmam/pm",this.setTime=void 0,this.name=void 0,this.hasError=!1,this.setFormError=void 0,this.err="",this.showTimes=!1,this.ariaActivedescendant="",this.times=this.generateTimes(),this.shouldAutoScroll=!1}handleOutsideClick(e){!e.composedPath().includes(this.el)&&this.showTimes&&(this.showTimes=!1)}minimumStartTimeChangedHandler(){if(this.minimumStartTime){let e=l.dayjs().hour(parseInt(this.minimumStartTime)).minute(parseInt(this.minimumStartTime.slice(-4,-2)));this.minimumStartTime.slice(-2).toLowerCase()==="pm"&&parseInt(this.minimumStartTime)!==12?e=e.add(12,"hour"):this.minimumStartTime.slice(-2).toLowerCase()==="am"&&parseInt(this.minimumStartTime)===12&&(e=e.subtract(12,"hour")),this.times=this.generateTimes();const t=l.dayjs(this.times[0].value,"hh:mma");l.dayjs(this.time,"hh:mma").isBefore(t)&&(this.err="Invalid",this.setFormError(null,"Invalid"))}}componentDidRender(){if(this.showTimes&&this.shouldAutoScroll){const e=l.autocompleteTimeFormat(this.time),t=this.times.findIndex(n=>n.value===e);t>-1&&(this.shouldAutoScroll=!1,this.scrollToViewWithinParent(t));return}}handleTimeChange(e,t){const n=t.split(":");n[0]==="00"&&n[1].slice(-2)=="pm"&&(this.err="Invalid",this.setFormError(e,"Invalid")),l.validateTimeFormatInput(t)?(this.err="",this.setFormError(null)):(this.err="Invalid",this.setFormError(e,"Invalid")),this.setTime(e,t),this.timeChange.emit(t)}handleTimeAutocomplete(e){var n;const t=(n=e.target)==null?void 0:n.value;if(!l.validateTimeFormatInput(t)){this.err="Invalid",this.setFormError(e,"Invalid");return}if(t===""){const i=l.roundToNearest15Minutes().format("hh:mma");this.setTime(e,i);return}if(!l.validateExactTimeFormat(t)){const i=l.autocompleteTimeFormat(t);this.setTime(i);return}this.setTime(e,t)}handleOnInput(e){var n;const t=(n=e.target)==null?void 0:n.value;if(l.validateTimeFormatInput(t)){if(t===""){const i=l.roundToNearest15Minutes().format("hh:mma"),r=this.times.findIndex(s=>s.value===i);r>-1&&this.scrollToViewWithinParent(r);return}if(!l.validateExactTimeFormat(t)){const i=l.autocompleteTimeFormat(t),r=this.times.findIndex(s=>s.value===i);r>-1&&this.scrollToViewWithinParent(r);return}}}generateTimes(){const e=[];let t=l.dayjs().set("hour",0).set("minute",0).set("second",0);this.minimumStartTime&&(t=l.dayjs(this.minimumStartTime,"hh:mma"));const n=t.endOf("day").diff(t,"minutes"),i=Math.round(n/15);for(let r=0;r<i+1;r++){const s=t.add(r*15,"minute");if(r==i&&s.format("hh:mma").includes("am"))break;e.push({id:r,value:s.format("hh:mma")})}return e}handleComboboxKeyDown(e){if(e.key==="ArrowDown"){if(e.preventDefault(),!this.showTimes){this.showTimes=!0,this.shouldAutoScroll=!0;return}if(this.ariaActivedescendant==="")this.ariaActivedescendant=this.times[0].id.toString(),this.focusOption(0);else{const t=this.times.findIndex(i=>i.id.toString()===this.ariaActivedescendant),n=t+1<this.times.length?t+1:0;this.ariaActivedescendant=this.times[n].id.toString(),this.focusOption(n)}}else if(e.key==="ArrowUp")if(e.preventDefault(),this.ariaActivedescendant==="")this.ariaActivedescendant=this.times[this.times.length-1].id.toString(),this.focusOption(this.times.length-1);else{const t=this.times.findIndex(i=>i.id.toString()===this.ariaActivedescendant),n=t-1>=0?t-1:this.times.length-1;this.ariaActivedescendant=this.times[n].id.toString(),this.focusOption(n)}else e.key==="Escape"&&(this.showTimes=!1,this.timeInput.focus())}handleListboxKeydown(e){const t=this.times,n=t.findIndex(i=>i.id.toString()===this.ariaActivedescendant);if(e.key==="ArrowDown"||e.key==="Tab"&&!e.shiftKey){e.preventDefault();const i=n+1<t.length?n+1:0;this.ariaActivedescendant=t[i].id.toString(),this.focusOption(i)}else if(e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey){e.preventDefault();const i=n-1>=0?n-1:t.length-1;this.ariaActivedescendant=t[i].id.toString(),this.focusOption(i)}else if(e.key==="Enter"){if(e.preventDefault(),this.ariaActivedescendant){const i=t[n];this.handleTimeChange(e,i.value),this.showTimes=!1,this.ariaActivedescendant="",this.timeInput.focus()}}else e.key==="Escape"&&(this.showTimes=!1,this.timeInput.focus())}scrollToViewWithinParent(e){var o;const t=this.times[e],n=(o=this.el.shadowRoot)==null?void 0:o.getElementById(t.id.toString()),i=this.timeMenu;this.ariaActivedescendant=t.id.toString();const r=n.getBoundingClientRect(),s=i.getBoundingClientRect();r.top<s.top?i.scrollTop-=s.top-r.top:r.bottom>s.bottom&&(i.scrollTop+=r.bottom-s.bottom),r.left<s.left?i.scrollLeft-=s.left-r.left:r.right>s.right&&(i.scrollLeft+=r.right-s.right)}focusOption(e){var r;const t=this.times[e];if(!t)return;const n=t.id.toString(),i=(r=this.el.shadowRoot)==null?void 0:r.getElementById(n);i&&(i.focus(),i.scrollIntoView({behavior:"smooth",block:"nearest"}))}render(){return a.h(a.Host,{key:"a9ca940f0e6ecc5d67ba71e11bdc4ba72b8f9afa"},a.h("div",{key:"c5b8768e687814eba088370dea00cf3c74767769",class:"time-picker"},a.h("input",{key:"5a3e2ee11694647ba3ccb24e5bd8fdced0c804b4",type:"text",name:this.name,id:this.name,class:{"time-input":!0,error:!!this.err||this.hasError},ref:e=>this.timeInput=e,value:this.time,onClick:()=>{this.showTimes=!0,this.shouldAutoScroll=!0},"aria-haspopup":"listbox","aria-label":this.name,"aria-expanded":this.showTimes?"true":"false",placeholder:this.placeholder,onKeyDown:e=>this.handleComboboxKeyDown(e),onInput:e=>this.handleOnInput(e),onBlur:e=>this.handleTimeAutocomplete(e)}),this.err&&a.h("div",{class:"invalid-time-icon"}),this.showTimes&&a.h("div",{class:"times",ref:e=>this.timeMenu=e},a.h("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:e=>this.handleListboxKeydown(e)},this.times.map(e=>a.h("li",{tabindex:"0",key:e.id,id:e.id.toString(),class:{focused:this.ariaActivedescendant===e.id.toString()},onClick:t=>{this.handleTimeChange(t,e.value),this.showTimes=!1,this.timeInput.focus()},role:"option"},`${e.value}`)))),!this.showTimes&&this.err&&a.h("p",{class:"error",id:"email-error"},this.err)))}get el(){return a.getElement(this)}static get watchers(){return{minimumStartTime:["minimumStartTimeChangedHandler"]}}};be.style=tt;const at='.tooltip-container{position:relative;display:inline-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}.tooltip-content{visibility:hidden;background-color:var(--nylas-base-800);color:var(--nylas-base-0);text-align:center;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)}',nt=at,me=class{constructor(e){a.registerInstance(this,e),this.position="bottom"}showTooltip(e){e.target.nextElementSibling.style.visibility="visible",e.target.nextElementSibling.style.opacity="1"}hideTooltip(e){e.target.nextElementSibling.style.visibility="hidden",e.target.nextElementSibling.style.opacity="0"}render(){return a.h("div",{key:"17c8fe0c2bda1b075857ff0d852a9988e954e888",class:"tooltip-container"},a.h("span",{key:"0b77ce5466902f1b65a08d468d4f66405fefe140",class:"info-icon",tabindex:"0",onFocus:this.showTooltip.bind(this),onBlur:this.hideTooltip.bind(this)},a.h("slot",{key:"73c5ddae08da5e0231f5fcbcba453ec0c5167a28",name:"tooltip-icon"},"i")),a.h("span",{key:"b57b0fe4faf74a854ea2b45d665a1814e7419e2e",class:`tooltip-content ${this.position}`},a.h("slot",{key:"f8072d5c5ef07bad1eee82b802b95cd75d865710",name:"tooltip-content"},"This is a help text.")))}get el(){return a.getElement(this)}};me.style=nt;exports.add_circle_icon=de;exports.calendar_info_icon=ce;exports.calendar_patterns_icon=he;exports.multi_select_dropdown=pe;exports.nylas_additional_participants=ee;exports.nylas_availability_picker=te;exports.nylas_calendar_picker=ae;exports.nylas_event_description=ne;exports.nylas_event_duration=ie;exports.nylas_event_info=se;exports.nylas_event_title=re;exports.nylas_time_window_picker=be;exports.tooltip_component=me;