@nylas/web-elements 2.5.0-canary-20260306042320 → 2.5.0

package/dist/nylas-web-elements/p-38ff3353.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as n,c as a,a as t,H as s}from"./p-0EQQA0nE.js";import{R as o}from"./p-BAIGB30g.js";import{a as l,K as i,i as r,o as c,L as d,M as f,G as y}from"./p-Dgw5dv37.js";import{E as p,P as h,f as b}from"./p-COJy29df.js";const u=".sc-checkmark-icon-h{display:flex}";const g=class{constructor(n){e(this,n);this.width="18";this.height="14"}render(){return n("svg",{key:"837a761634c38b9e386c69dca15eb6278e52d067",width:this.width,height:this.height,viewBox:"0 0 18 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"eebd8ecb9aa91605e1b7800faaa473b5f2125008",d:"M1.53033 7.46967C1.23744 7.17678 0.762563 7.17678 0.46967 7.46967C0.176777 7.76256 0.176777 8.23744 0.46967 8.53033L4.96967 13.0303C5.26256 13.3232 5.73744 13.3232 6.03033 13.0303L17.0303 2.03033C17.3232 1.73744 17.3232 1.26256 17.0303 0.96967C16.7374 0.676777 16.2626 0.676777 15.9697 0.96967L5.5 11.4393L1.53033 7.46967Z",fill:"#293056"}))}};g.style=u;const m=".sc-copy-icon-h{display:flex}";const v=class{constructor(n){e(this,n);this.width="16";this.height="16"}render(){return n("svg",{key:"f2b1d75a5c1ce38ce9f86b7ae222f1c0efe6fbef",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"18788a18102765d5e70dabc7d9d3467285cf3dc4",d:"M4 0.75C2.89543 0.75 2 1.64543 2 2.75V12.75C2 13.8546 2.89543 14.75 4 14.75H10C11.1046 14.75 12 13.8546 12 12.75V2.75C12 1.64543 11.1046 0.75 10 0.75H4ZM3 2.75C3 2.19772 3.44772 1.75 4 1.75H10C10.5523 1.75 11 2.19772 11 2.75V12.75C11 13.3023 10.5523 13.75 10 13.75H4C3.44772 13.75 3 13.3023 3 12.75V2.75ZM0 4.75001C0 4.00973 0.402199 3.36339 1 3.01758V13.25C1 14.6307 2.11929 15.75 3.5 15.75H9.73244C9.38663 16.3478 8.74028 16.75 8 16.75H3.5C1.567 16.75 0 15.183 0 13.25V4.75001Z",fill:"currentColor"}))}};v.style=m;const x=".sc-dragable-icon-h{display:flex}";const k=class{constructor(n){e(this,n);this.width="20";this.height="20"}render(){return n("svg",{key:"e41cf29a5afbf2963ada1cc32b88a423b1c861d7",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"26916fb6afc3b84bb9de1b6f2401359602671540",d:"M15.5 18C16.3284 18 17 18.6716 17 19.5C17 20.3284 16.3284 21 15.5 21C14.6716 21 14 20.3284 14 19.5C14 18.6716 14.6716 18 15.5 18ZM8.5 18C9.32843 18 10 18.6716 10 19.5C10 20.3284 9.32843 21 8.5 21C7.67157 21 7 20.3284 7 19.5C7 18.6716 7.67157 18 8.5 18ZM15.5 11C16.3284 11 17 11.6716 17 12.5C17 13.3284 16.3284 14 15.5 14C14.6716 14 14 13.3284 14 12.5C14 11.6716 14.6716 11 15.5 11ZM8.5 11C9.32843 11 10 11.6716 10 12.5C10 13.3284 9.32843 14 8.5 14C7.67157 14 7 13.3284 7 12.5C7 11.6716 7.67157 11 8.5 11ZM15.5 4C16.3284 4 17 4.67157 17 5.5C17 6.32843 16.3284 7 15.5 7C14.6716 7 14 6.32843 14 5.5C14 4.67157 14.6716 4 15.5 4ZM8.5 4C9.32843 4 10 4.67157 10 5.5C10 6.32843 9.32843 7 8.5 7C7.67157 7 7 6.32843 7 5.5C7 4.67157 7.67157 4 8.5 4Z",fill:"currentColor"}))}};k.style=x;const w=".sc-eye-icon-h{display:flex}";const C=class{constructor(n){e(this,n);this.width="17";this.height="10"}render(){return n("svg",{key:"361fe4fa26c940fe23a4766d709d9c6fecf2f12b",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"66adc870808a272e780d7af26770058c8d2c80aa",d:"M1.75909 6.60214C2.44254 3.32689 5.29437 1 8.50002 1C11.7057 1 14.5574 3.32688 15.2409 6.60215C15.2974 6.87246 15.5622 7.04587 15.8325 6.98946C16.1029 6.93304 16.2763 6.66817 16.2199 6.39785C15.4425 2.67312 12.1934 0 8.50002 0C4.8066 0 1.55742 2.67311 0.780175 6.39786C0.723767 6.66818 0.897177 6.93305 1.1675 6.98946C1.43782 7.04587 1.70268 6.87246 1.75909 6.60214ZM8.5 3C6.567 3 5 4.567 5 6.5C5 8.433 6.567 10 8.5 10C10.433 10 12 8.433 12 6.5C12 4.567 10.433 3 8.5 3ZM6 6.5C6 5.11929 7.11929 4 8.5 4C9.88071 4 11 5.11929 11 6.5C11 7.88071 9.88071 9 8.5 9C7.11929 9 6 7.88071 6 6.5Z",fill:"currentColor"}))}};C.style=w;const _=".sc-feedback-icon-h{display:flex}";const L=class{constructor(n){e(this,n);this.width="11";this.height="14"}render(){return n("svg",{key:"69bdddc8bbc71756becbef85dc11efc27db41d08",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"6b4c0cb8ba88e05e11f9c6306be85d17e0c47dc2",d:"M0.5 8.875C0.5 8.875 1.125 8.25 3 8.25C4.875 8.25 6.125 9.5 8 9.5C9.875 9.5 10.5 8.875 10.5 8.875V1.375C10.5 1.375 9.875 2 8 2C6.125 2 4.875 0.75 3 0.75C1.125 0.75 0.5 1.375 0.5 1.375V8.875ZM0.5 8.875V13.25",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round"}))}};L.style=_;const H=':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:100%}@media screen and (max-width: 768px){:host{position:unset}}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;word-break:break-word;overflow-wrap:break-word;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0}label .error{color:var(--nylas-error)}.color-picker-container{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%;width:-moz-available;width:-webkit-fill-available;padding-left:0;gap:0;overflow:hidden}.color-picker-container:focus{outline-color:var(--nylas-primary)}.color-picker-container.error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}.color-picker-container.error::placeholder{font-weight:400}.color-picker-container::placeholder{color:var(--nylas-base-300)}.color-picker-container input{display:flex;align-items:center;height:100%;appearance:none;border:none;border-right:1px solid var(--nylas-base-200);background:transparent}.color-picker-container input::-webkit-color-swatch{min-width:30px;border-radius:0.25rem;border:1px solid var(--nylas-base-200);margin:0.25rem}.color-picker-container input::-moz-color-swatch{min-width:30px;border-radius:0.25rem;border:1px solid var(--nylas-base-200);margin:0.25rem}.color-picker-container.error{border:1px solid var(--nylas-error)}.color-picker-container:hover,.color-picker-container:active{outline:1px solid var(--nylas-primary)}.color-picker-container:active{outline:2px solid var(--nylas-primary)}.color-picker-container label{width:100%}.labelBtn{color:var(--nylas-base-800);padding:14px;font-size:16px;font-family:var(--nylas-font-family);cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;width:100%;gap:0.5rem;background:transparent;border:none}.labelBtn.error{border:1px solid var(--nylas-error)}.labelBtn.focus{background:transparent}.labelBtn:hover,.labelBtn:active{outline:1px solid var(--nylas-primary)}.labelBtn span.chevron{display:flex;align-self:center}.labelBtn span.open{transform:rotate(90deg)}.labelBtn span.closed{transform:rotate(270deg)}.labelBtn span.selected-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:144px;font-size:14px;line-height:20px}@media screen and (max-width: 768px){.labelBtn span.selected-option{max-width:124px;font-size:16px}}';const T=class{constructor(n){e(this,n);this.nylasFormDropdownChanged=a(this,"nylasFormDropdownChanged",7);this.componentType="color-picker";this.selectedColor=this.defaultSelectedColor;this.isOpen=false;this.ariaActivedescendant="";this.errorMessage=""}componentWillLoad(){this.selectedColor=this.defaultSelectedColor;this.el.setAttribute("component-type",this.componentType)}handleFocus(){this.isOpen=true}handleBlur(){this.isOpen=false}handleInput(e){this.selectedColor=e.target.value}handleChange(e){this.selectedColor=e.target.value;this.nylasFormDropdownChanged.emit({value:this.selectedColor,name:this.name,error:this.errorMessage})}handleKeyDown(e){if(e.code==="Enter"||e.code==="Space"){e.preventDefault();this.inputRef?.click()}}handleOutsideClick(e){const n=e.composedPath();const a=n.includes(this.el);if(!a&&this.isOpen){this.isOpen=false}}render(){return n("div",{key:"9f82063aaef3c4d9424e81a9ffe197afb1feea0c",class:"color-picker-container",part:"icp_color-picker",tabindex:"0",onKeyDown:e=>this.handleKeyDown(e)},n("input",{key:"a80b4c10e47d1407705bb0bc54780f0c9b23c76f",type:"color",ref:e=>this.inputRef=e,id:this.name,name:this.name,value:this.selectedColor,tabindex:"-1",onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur(),onInput:e=>this.handleInput(e),onChange:e=>this.handleChange(e),onKeyDown:e=>this.handleKeyDown(e)}),n("label",{key:"b5e50c885ba7fd787bc0463393c322a7dce3eda9",part:"icp_color-picker-button",htmlFor:this.name,class:{labelBtn:true,open:this.isOpen,error:!!this.errorMessage},"aria-haspopup":"listbox","aria-expanded":this.isOpen?"true":"false","aria-label":this.name},n("span",{key:"0ca9ea6c65b912e231644de0b3faf3a613802f9b",class:"selected-option",part:"icp_color-picker-button-selected-label"},this.selectedColor||"Select a color"),n("span",{key:"b2e096542bc72044746d6a820bcb8cc6f3357940",class:{open:this.isOpen,closed:!this.isOpen,chevron:true},"aria-hidden":"true"},n("chevron-icon",{key:"02f78de8594118473ee8e96ded09b56bd1c0ae46",width:"16",height:"16"})),this.errorMessage&&n("span",{key:"7ea58068cf5100f778b7ab343f757aa088ead4aa",class:"error help-text"},this.errorMessage)))}get el(){return t(this)}};T.style=H;const z=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.logo-container{display:flex;flex-direction:row;gap:2rem}.logo-container .input-container{flex:1}.logo-container .input-container span.error-message{color:var(--nylas-error)}.logo-container .logo{display:flex;justify-content:center;align-items:center;width:200px;height:100px;border:var(--nylas-base-200) solid 1px;border-radius:var(--nylas-border-radius-2x);overflow:hidden;padding:10px}.logo-container .logo img{max-height:100%;max-width:100%;object-fit:contain;object-position:center}';var R=undefined&&undefined.__decorate||function(e,n,a,t){var s=arguments.length,o=s<3?n:t===null?t=Object.getOwnPropertyDescriptor(n,a):t,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,n,a,t);else for(var i=e.length-1;i>=0;i--)if(l=e[i])o=(s<3?l(o):s>3?l(n,a,o):l(n,a))||o;return s>3&&o&&Object.defineProperty(n,a,o),o};var E=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const M=class{constructor(n){e(this,n);this.nylasFormInputImageUrlInvalid=a(this,"nylasFormInputImageUrlInvalid",7);this.valueChanged=a(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.componentType="image-url";this.imageUrl="";this.errorMessage="";this.name="input-image-url";this.currentImageUrl=this.imageUrl;this.error=""}connectedCallback(){l("nylas-image-input","connectedCallback");queueMicrotask((()=>{if(this.themeConfig){this.applyThemeConfig(this.themeConfig);this.host.setAttribute("data-themed","")}}))}disconnectedCallback(){l("nylas-image-input","disconnectedCallback")}componentWillLoad(){l("nylas-image-input","componentWillLoad");this.host.setAttribute("name",this.name);this.host.setAttribute("component-type",this.componentType)}componentDidLoad(){l("nylas-image-input","componentDidLoad");this.currentImageUrl=this.imageUrl;this.setImage(this.imageUrl,false)}componentWillUpdate(){l("nylas-image-input","componentWillUpdate")}componentDidUpdate(){l("nylas-image-input","componentDidUpdate")}componentWillRender(){l("nylas-image-input","componentWillRender")}componentDidRender(){l("nylas-image-input","componentDidRender")}elementNameChangedHandler(e){l("nylas-image-input","elementNameChangedHandler",e);this.host.setAttribute("name",e)}errorMessageChangedHandler(e){l("nylas-image-input","errorMessageChangedHandler",e);if(this.error){this.error=e}}themeConfigChangedHandler(e,n){if(e===n)return;this.applyThemeConfig(e)}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a)}}}async nylasFormInputChangedHandler(e){const{name:n,value:a}=e.detail;if(n===this.name){this.setImage(a)}}async nylasFormInputBlurHandler(e){const{name:n,value:a}=e.detail;if(n===this.name){this.setImage(a)}}setImage(e,n=true){this.error="";i(e).then((()=>{this.currentImageUrl=e;this.internals.setValidity({});this.internals.setFormValue(this.currentImageUrl,this.name);if(n){this.valueChanged.emit({value:this.currentImageUrl,name:this.name})}})).catch((()=>{this.error=this.errorMessage||"Invalid image URL.";this.nylasFormInputImageUrlInvalid.emit({value:this.error,name:this.name});if(typeof this.internals.setValidity==="function"){this.internals.setValidity({customError:true},this.error)}}))}render(){return n(s,{key:"46d580188755e02146220a428aeba0955c0bde5b"},n("div",{key:"1809ef8f7a0a6e036aba5691c72671743e7ea7f2",class:"logo-container"},n("div",{key:"825f3aee26e50ee01064920efc998885e11b894b",class:"input-container"},n("input-component",{key:"6d66bdee726c4fb86f0f4e3995fad6ab2513ec84",name:this.name,id:this.name,type:"text",required:false,themeConfig:this.themeConfig,exportparts:"ic_input: iiu__logo-input-textfield",defaultValue:this.imageUrl??""}),this.error&&n("span",{key:"0999ac25d529d7d0c8725ed9fb2332725a61a49a",class:"error-message"},this.error)),this.currentImageUrl&&!this.error&&n("div",{key:"9ac1226670cccb7063984b8bd80218036ab65acc",class:"logo"},n("img",{key:"16aa6c832ccccff8c94fa1e6bbb9efc1e400900b",src:this.currentImageUrl,alt:"Logo"}))))}static get formAssociated(){return true}get host(){return t(this)}static get watchers(){return{name:["elementNameChangedHandler"],errorMessage:["errorMessageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};R([o({name:"nylas-image-input",eventToProps:{valueChanged:async(e,n)=>{const{valueChanged:a}=e.detail;if(a){a(e)}}}}),E("design:type",Function),E("design:paramtypes",[]),E("design:returntype",void 0)],M.prototype,"render",null);M.style=z;const O=':host{display:block;margin:1rem;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-additional-participants__title{color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-additional-participants__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-additional-participants__content{padding:1rem;display:flex;flex-direction:column;gap:1rem;background-color:var(--nylas-base-25)}.nylas-additional-participants__input_group{padding-top:8px;display:flex;flex-direction:column;gap:4px}.nylas-additional-participants__input_group label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:150%}.nylas-additional-participants__input_group label span.org-as-participant{width:max-content}.nylas-additional-participants__error{color:var(--nylas-error);font-size:14px;font-family:var(--nylas-font-family);font-weight:400;line-height:16px;margin:0;text-align:left}.nylas-additional-participants__input_wrapper{display:flex;align-items:center;min-height:48px;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-300)}.nylas-additional-participants__input_wrapper.error{border-color:var(--nylas-error)}.nylas-additional-participants__input_wrapper button{flex-shrink:0;padding:12px;border:none;border-left:1px solid var(--nylas-base-300);background:none;cursor:pointer;color:var(--nylas-base-800)}.nylas-additional-participants__input_wrapper button:hover,.nylas-additional-participants__input_wrapper button:active{color:var(--nylas-primary)}.nylas-additional-participants__input_wrapper_organizer{border:none}.nylas-additional-participants__input{flex:1;display:flex;align-items:center;justify-content:space-between;min-height:48px}.nylas-additional-participants__input input{border:none;outline:none;background:none;width:100%}.nylas-additional-participants__input .nylas-additional-participants__input-with-loading{position:relative;width:100%}.nylas-additional-participants__input .nylas-additional-participants__loading{position:absolute;right:48px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--nylas-base-500)}.nylas-additional-participants__input input-dropdown{width:100%}.nylas-additional-participants__input input-dropdown::part(id_dropdown){width:100%;height:100%}.nylas-additional-participants__input input-dropdown::part(id_dropdown-input){min-height:48px;box-sizing:border-box;border-radius:var(--nylas-border-radius-2x);border:none;outline:none;border-top-right-radius:initial;border-bottom-right-radius:initial;padding-left:16px}.nylas-additional-participants__input input-dropdown::part(id_dropdown-content){width:100%;max-width:none;box-sizing:border-box}.nylas-additional-participants__input input-component::part(ic__input){background:var(--nylas-base-50)}.nylas-additional-participants__input input-component::part(ic__label){font-size:14px}.nylas-additional-participants__input input-component div.required-input{display:flex;gap:4px}.nylas-additional-participants__input input-component div.required-input label{display:flex;gap:4px;align-items:center}.nylas-additional-participants__input input-component div.required-input label tooltip-component#organizer_participant_tooltip::part(tc__content){left:-84px}.nylas-additional-participants__add{padding:12px;display:flex;align-items:center;border:none;background:none;cursor:pointer;color:var(--nylas-base-800)}.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)}';var P=undefined&&undefined.__decorate||function(e,n,a,t){var s=arguments.length,o=s<3?n:t===null?t=Object.getOwnPropertyDescriptor(n,a):t,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,n,a,t);else for(var i=e.length-1;i>=0;i--)if(l=e[i])o=(s<3?l(o):s>3?l(n,a,o):l(n,a))||o;return s>3&&o&&Object.defineProperty(n,a,o),o};var $=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const D=class{constructor(n){e(this,n);this.valueChanged=a(this,"valueChanged",7);this.participantSearchResultSelected=a(this,"participantSearchResultSelected",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.name="participants";this.participants=this.eventParticipants??[];this.participantErrors={};this.includeOrganizerAsParticipant=true;this.isRoundRobinConfig=false;this.error="";this.requiredError="";this.patternError="";this.participantSearchResults=[];this.participantSearchLoading=false;this.activeSearchInputIndex=null;this.PARTICIPANT_SEARCH_DEBOUNCE_MS=300}elementNameChangedHandler(e){l("nylas-additional-participants","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationAndCurrentUserChangedHandler(e,n,a){l("nylas-additional-participants","selectedConfigurationAndCurrentUserChangedHandler",e,this.currentUser);if(a==="selectedConfiguration"){this.updateState(e,this.currentUser,false)}else if(a==="currentUser"){this.updateState(this.selectedConfiguration,e,false)}}selectedLanguageChangedHandler(e,n){if(e===n)return;r.changeLanguage(e);this.requiredError=r.t("fieldRequired",{field:r.t("email")});this.patternError=r.t("invalidInputFormat",{field:r.t("email")});if(this.error){this.error=r.t("nylasAdditionalParticipants.error")}}themeConfigChangedHandler(e,n){if(e===n)return;this.applyThemeConfig(e)}connectedCallback(){l("nylas-additional-participants","connectedCallback");queueMicrotask((()=>{if(this.themeConfig){this.applyThemeConfig(this.themeConfig);this.host.setAttribute("data-themed","")}}))}componentWillLoad(){l("nylas-additional-participants","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){l("nylas-additional-participants","componentDidLoad");if(this.selectedConfiguration){this.updateState(this.selectedConfiguration,this.currentUser,false)}else if(this.eventParticipants){this.participants=this.eventParticipants||[];this.isRoundRobinConfig=this.roundRobinConfig||false;this.updateFormValue(true)}}disconnectedCallback(){l("nylas-additional-participants","disconnectedCallback")}updateState(e,n,a=true){this.isRoundRobinConfig=e?.availability?.availability_rules?.availability_method?e?.availability?.availability_rules?.availability_method!=="collective":false;const t=e?.participants||this.eventParticipants||[];this.participants=t.map((e=>{if(this.isRoundRobinConfig&&n?.email&&e.email===n.email){return{...e,is_organizer:true}}return{...e}}));this.includeOrganizerAsParticipant=this.isRoundRobinConfig&&this.participants.find((e=>e.email===n?.email))?true:false;this.updateOrganizerAsParticipant(a)}get isInternalsAvailable(){return this.internals!==undefined&&typeof this.internals.setFormValue==="function"&&typeof this.internals.setValidity==="function"}getParticipantLookupSources(){const e=this.participantOptions||[];const n=this.participantSearchResults||[];const a=new Set;return[...n,...e].filter((e=>{if(a.has(e.email))return false;a.add(e.email);return true}))}getDropdownOptions(e){const n=this.participantSearch?this.getParticipantLookupSources():this.participantOptions||[];return this.getArrayDifference(n,this.participants,e)}async runParticipantSearch(e,n){if(!this.participantSearch||!e.trim()){this.participantSearchResults=[];this.participantSearchLoading=false;return}this.activeSearchInputIndex=n;this.participantSearchLoading=true;this.participantSearchResults=[];try{const a=await this.participantSearch(e.trim());if(this.activeSearchInputIndex===n){this.participantSearchResults=a||[]}}catch(e){l("nylas-additional-participants","participantSearch failed",e)}finally{if(this.activeSearchInputIndex===n){this.participantSearchLoading=false}}}onInputOptionChanged(e){l("nylas-additional-participants","onInputOptionChanged");const n=/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;const a=e.detail.name;const t=e.detail.value;const s=this.getParticipantLookupSources();const o=s.find((e=>e.email===t));if(this.participantSearch&&t){clearTimeout(this.participantSearchDebounceTimer);if(o){const e=this.participantOptions?.some((e=>e.email===o.email));if(!e){this.participantSearchResultSelected.emit(o)}}else{this.participantSearchDebounceTimer=setTimeout((()=>{this.runParticipantSearch(t,parseInt(String(a),10))}),this.PARTICIPANT_SEARCH_DEBOUNCE_MS)}}this.participants[a].email=t;if(t){const e=this.participants.findIndex(((e,n)=>n!==parseInt(String(a),10)&&e.email===t));if(e!==-1){this.isInternalsAvailable&&this.internals.setValidity({customError:true},r.t("nylasAdditionalParticipants.error_duplicate"));this.participantErrors[a]=r.t("nylasAdditionalParticipants.error_duplicate");this.participants[a].is_valid=false;this.participants=[...this.participants];return}}if(!o&&this.isRoundRobinConfig){this.isInternalsAvailable&&this.internals.setValidity({customError:true},"For round robin configuration, participant should be selected from the dropdown.");this.participantErrors[a]="For round robin page, participant should be selected from the dropdown.";this.participants[a].is_valid=false;this.participants=[...this.participants];return}else if(!o&&!n.test(t)){if(this.participantSearch&&(this.participantSearchLoading||!t.includes("@"))){this.participants=[...this.participants];return}this.isInternalsAvailable&&this.internals.setValidity({customError:true},r.t("nylasAdditionalParticipants.error_email"));this.participantErrors[a]=r.t("nylasAdditionalParticipants.error_email");this.participants[a].is_valid=false;this.participants=[...this.participants];return}else{this.participantErrors[a]="";this.participants[a].is_valid=true;this.isInternalsAvailable&&this.internals.setValidity({})}const i=o?.calendars?.find((e=>e.is_primary));this.participants[a].availability=o&&i?.id?{calendar_ids:[i.id]}:o?.calendars[0]?.id?{calendar_ids:[o.calendars[0].id]}:undefined;this.participants[a].booking=o&&this.isRoundRobinConfig&&i?.id?{calendar_id:i.id}:this.isRoundRobinConfig&&o?.calendars[0]?.id?{calendar_id:o.calendars[0].id}:undefined;this.participants[a].name=o?.name||t;if(o?.grant_id){this.participants[a].grant_id=o.grant_id}this.participants=[...this.participants];this.updateFormValue()}updateOrganizerAsParticipant(e=true){const n=this.participants.find((e=>e.email===this.currentUser?.email));if(this.isRoundRobinConfig&&!n&&this.currentUser?.email){const e=this.currentUserCalendars?.find((e=>e.is_primary))?.id||this.currentUserCalendars?.[0]?.id||"primary";this.participants=[{name:this.currentUser?.name,email:this.currentUser?.email,is_organizer:true,availability:{calendar_ids:[e]},booking:{calendar_id:e}},...this.participants]}this.updateFormValue(e)}addParticipant(){l("nylas-additional-participants","addParticipant");this.participants=[...this.participants,{name:"",email:"",is_organizer:false}];this.updateFormValue()}removeParticipant(e){l("nylas-additional-participants","removeParticipant");this.participants=this.participants.filter(((n,a)=>a!==e));this.updateFormValue()}updateFormValue(e=true){l("nylas-additional-participants","updateFormValue");const n=this.isRoundRobinConfig?this.includeOrganizerAsParticipant?this.participants:this.participants.filter((e=>!e.is_organizer)):this.participants;if(n.length===0){this.error=r.t("nylasAdditionalParticipants.error");this.isInternalsAvailable&&this.internals.setValidity({customError:true},this.error)}else{this.isInternalsAvailable&&this.internals.setValidity({});this.error="";this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(n),this.name);if(e){this.valueChanged.emit({value:JSON.stringify(n),name:this.name})}}}getArrayDifference(e,n,a){const t=e.filter((e=>!n.some(((n,t)=>t!==a&&e.email===n.email))));return t.map((e=>({value:e.email,label:e.email})))}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a)}}}render(){return n(s,{part:"nadtnlpart"},n("nylas-form-card",{exportparts:"nfc, nfc__header",themeConfig:this.themeConfig},n("h3",{slot:"header-title",class:"nylas-additional-participants__title",part:"nadtnlpart__title"},r.t("nylasAdditionalParticipants.headerTitle")),n("p",{slot:"header-subtitle",class:"nylas-additional-participants__subtitle",part:"nadtnlpart__subtitle"},r.t("nylasAdditionalParticipants.headerSubTitle")),n("div",{slot:"content",class:"nylas-additional-participants__content",part:"nadtnlpart__content"},n("div",null,this.participants.map(((e,a)=>n("div",{class:"nylas-additional-participants__input_group",part:"nadtnlpart__input_group"},!e.is_organizer&&n("label",null,`${r.t("nylasAdditionalParticipants.participant")} ${a}`),n("div",{part:"nadtnlpart__input_wrapper",class:{"nylas-additional-participants__input_wrapper":true,"nylas-additional-participants__input_wrapper_organizer":e?.is_organizer===true,"nylas-additional-participants__input_wrapper_invalid":e.is_valid===false,error:e.is_valid===false}},n("div",{class:{"nylas-additional-participants__input":true,organizer:e?.is_organizer===true},part:"nadtnlpart__input"},e.is_organizer?n("input-component",{class:"label-input",name:`${a}`,key:a,label:r.t("nylasAdditionalParticipants.organizer"),required:false,requiredError:this.requiredError,patternError:this.patternError,readOnly:e.is_organizer,defaultValue:e.email,themeConfig:this.themeConfig},this.isRoundRobinConfig&&n("div",{class:"required-input",slot:"additional-input"},n("input",{type:"checkbox",name:`organizer_participant`,id:`organizer_participant`,onClick:()=>{this.includeOrganizerAsParticipant=!this.includeOrganizerAsParticipant;this.updateFormValue()},checked:this.includeOrganizerAsParticipant}),n("label",{htmlFor:`organizer_participant`,"aria-label":"Include as participant"},n("span",{class:"org-as-participant",part:"nadtnlpart__org-as-participant"},r.t("nylasAdditionalParticipants.organizerAsParticipant")),n("tooltip-component",{id:"organizer_participant_tooltip"},n("info-icon",{slot:"tooltip-icon"}),n("span",{slot:"tooltip-content"},n("strong",null,r.t("nylasAdditionalParticipants.tooltip.includeOrganizer"),":")," ",r.t("nylasAdditionalParticipants.tooltip.includeOrganizerDesc")," ",n("br",null),n("strong",null,r.t("nylasAdditionalParticipants.tooltip.excludeOrganizer"),":")," ",r.t("nylasAdditionalParticipants.tooltip.excludeOrganizerDesc")))))):n("div",{class:"nylas-additional-participants__input-with-loading"},n("input-dropdown",{id:`${a}`,name:`${a}`,filterable:!this.participantSearch,inputValue:e.email,options:this.getDropdownOptions(a),noResultsText:this.participantSearch&&!this.participantSearchLoading&&this.activeSearchInputIndex===a&&e.email?.trim()&&this.getDropdownOptions(a).length===0?r.t("nylasAdditionalParticipants.noResults"):undefined,themeConfig:this.themeConfig}),this.participantSearch&&this.participantSearchLoading&&this.activeSearchInputIndex===a&&n("span",{class:"nylas-additional-participants__loading",part:"nadtnlpart__loading","aria-live":"polite"},r.t("nylasAdditionalParticipants.searching"))),!e.is_organizer&&n("button",{onClick:()=>this.removeParticipant(a),part:"nadtnlpart__remove-participant"},n("close-icon",null)))),!e.is_valid&&n("p",{class:"nylas-additional-participants__error",part:"nadtnlpart__error"},this.participantErrors[a])))),n("p",{class:"nylas-additional-participants__error",part:"nadtnlpart__error"},this.error)),n("button",{class:"nylas-additional-participants__add",part:"nadtnlpart__add-participant",onClick:()=>this.addParticipant()},n("add-circle-icon",null)," ",n("span",null,this.participants.length>1?r.t("nylasAdditionalParticipants.addParticipant",{context:"next"}):r.t("nylasAdditionalParticipants.addParticipant",{context:"first"}))))))}static get formAssociated(){return true}get host(){return t(this)}static get watchers(){return{name:["elementNameChangedHandler"],currentUser:["selectedConfigurationAndCurrentUserChangedHandler"],selectedConfiguration:["selectedConfigurationAndCurrentUserChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};P([o({name:"nylas-additional-participants",stateToProps:new Map([["schedulerConfig.additionalParticipants","participantOptions"],["schedulerConfig.participantSearch","participantSearch"],["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.currentUser","currentUser"],["schedulerConfig.calendars","currentUserCalendars"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{participantSearchResultSelected:async(e,n)=>{const a=e.detail;if(!a?.email)return;const t=n.schedulerConfigStore;const s=t.state.additionalParticipants||[];if(s.some((e=>e.email===a.email)))return;t.set("additionalParticipants",[...s,a])}},fireRegisterEvent:true}),$("design:type",Function),$("design:paramtypes",[]),$("design:returntype",void 0)],D.prototype,"render",null);D.style=O;const F=':host{display:block;height:auto;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:100%}.nylas-event-description{display:flex;flex-direction:column;gap:4px;position:relative;color:var(--nylas-base-900)}.nylas-event-description label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;word-break:break-word;overflow-wrap:break-word;flex-direction:column;gap:4px;font-family:var(--nylas-font-family)}.nylas-event-description label.error{color:var(--nylas-error)}.nylas-event-description label span.required{color:var(--nylas-error);padding:0 0.25rem}.nylas-event-description label p{margin:0;display:flex;align-items:center}.nylas-event-description label span.label-icon{margin-left:4px}.nylas-event-description label span.label-icon tooltip-component{display:flex}.nylas-event-description textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.nylas-event-description textarea::-webkit-resizer{display:none}.nylas-event-description div.event-description{border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;min-height:50px;padding:12px 16px;overflow-y:auto;white-space:pre-wrap;line-height:1.5;scrollbar-width:thin;color:var(--nylas-base-900);font-family:var(--nylas-font-family);font-size:16px;font-style:normal;font-weight:400;-webkit-text-fill-color:var(--nylas-base-900);display:block;}.nylas-event-description div.event-description::-webkit-scrollbar{width:6px;height:6px}.nylas-event-description div.event-description:focus{color:var(--nylas-base-900);-webkit-text-fill-color:var(--nylas-base-900);outline:2px solid var(--nylas-primary);outline-offset:2px}.nylas-event-description div.event-description:focus-visible{color:var(--nylas-base-900);-webkit-text-fill-color:var(--nylas-base-900);outline:2px solid var(--nylas-primary);outline-offset:2px}.nylas-event-description div.event-description.error{border-color:var(--nylas-error);border-width:2px}.nylas-event-description span.add-additional-fields{display:flex;align-items:center;gap:8px}.nylas-event-description span.add-additional-fields button-component button{height:35px;background-color:var(--nylas-base-0)}.nylas-event-description span.help-text{display:inline-flex;align-items:center;gap:4px;color:var(--nylas-base-500);font-size:14px;font-style:normal;font-weight:400;line-height:21px;position:relative}.nylas-event-description span.help-text span.label-icon{display:inline-flex;align-items:center;flex-shrink:0}.nylas-event-description span.help-text span.label-icon tooltip-component{display:flex}.nylas-event-description span.help-text span.label-icon tooltip-component::part(tc__container){position:unset}.nylas-event-description span.help-text span.label-icon tooltip-component::part(tc__content){position:absolute;top:4px;left:50%;transform:translateX(-50%)}.nylas-event-description .highlighted-tag{background-color:var(--nylas-base-200);border-radius:var(--nylas-border-radius);padding:2px 5px;margin-left:4px;margin-bottom:4px;display:inline-block;vertical-align:baseline}.nylas-event-description .token-options{display:block;background-color:var(--nylas-base-0);width:100%;max-height:336px;margin-top:28px;overflow:auto;z-index:1;border-radius:4px;position:absolute;bottom:108px;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}@media screen and (max-width: 768px){.nylas-event-description .token-options{right:0;width:325px;max-width:unset}}.nylas-event-description .token-options ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px;margin:0}.nylas-event-description .token-options ul li{padding:16px, 12px, 16px, 12px;color:var(--nylas-base-900);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}.nylas-event-description .token-options ul li .token-label{display:flex;flex-direction:column;font-weight:400}.nylas-event-description .token-options ul li .token-label .token{color:var(--nylas-abse-900);font-size:16px;line-height:24px}.nylas-event-description .token-options ul li .token-label .description{color:var(--nylas-base-600);font-size:14px;line-height:21px}.nylas-event-description .token-options ul li:hover,.nylas-event-description .token-options ul li:focus,.nylas-event-description .token-options ul li:active,.nylas-event-description .token-options ul li.active{background-color:var(--nylas-base-100)}.nylas-event-description .token-options ul li:hover .token-label .token,.nylas-event-description .token-options ul li:focus .token-label .token,.nylas-event-description .token-options ul li:active .token-label .token,.nylas-event-description .token-options ul li.active .token-label .token{color:var(--nylas-primary)}.nylas-event-description .token-options .selected{background-color:var(--nylas-base-100)}';var j=undefined&&undefined.__decorate||function(e,n,a,t){var s=arguments.length,o=s<3?n:t===null?t=Object.getOwnPropertyDescriptor(n,a):t,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,n,a,t);else for(var i=e.length-1;i>=0;i--)if(l=e[i])o=(s<3?l(o):s>3?l(n,a,o):l(n,a))||o;return s>3&&o&&Object.defineProperty(n,a,o),o};var A=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const S=class{constructor(n){e(this,n);this.valueChanged=a(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.eventDescription=this.selectedConfiguration?.event_booking?.description;this.name="description";this.hideAutoPopulateButton=false;this.noTemplates=false;this.description=this.eventDescription||this.selectedConfiguration?.event_booking?.description||"";this.showTokens=false;this.availableTokens=p.map((e=>({label:e.token,value:e.value,labelHTML:e})));this.filteredTokens=this.availableTokens;this.ariaActivedescendant="";this.currentWord={$value:"",fullText:"",index:-1,focusOffset:-1};this.validationError="";this.additionalFieldTokens=[]}elementNameChangedHandler(e){l("nylas-event-description","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){l("nylas-custom-booking-flow","selectedConfigurationChangedHandler",e);const n=e?.event_booking?.description||this.eventDescription||"";const a=e?.scheduler?.additional_fields||{};const t=Object.keys(a)||[];const s=t.map((e=>({token:`$${e}`,value:`\${${e}}`,description:a[e].label||""})));this.additionalFieldTokens=[...s];this.availableTokens=[...p,...s].map((e=>({label:e.token,value:e.value,labelHTML:e})));this.filteredTokens=[...this.availableTokens];this.description=n;if(n){this.updateEventDescriptionFromProp(n)}}selectedLanguageChangedHandler(e,n){if(e===n)return;r.changeLanguage(e);const a={$invitee:"invitee",$invitee_email:"inviteeEmail",$duration:"duration"};this.availableTokens=this.availableTokens.map((e=>{if(a[e.label]){e.labelHTML.description=r.t(`nylasEventTitle.eventTitleTokenDescription.${a[e.label]}`)}return e}));this.filteredTokens=[...this.availableTokens]}themeConfigChangedHandler(e,n){if(e===n)return;this.applyThemeConfig(e)}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a)}}}connectedCallback(){l("nylas-event-description","connectedCallback");queueMicrotask((()=>{if(this.themeConfig){this.applyThemeConfig(this.themeConfig);this.host.setAttribute("data-themed","")}}))}componentWillLoad(){l("nylas-event-description","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){l("nylas-event-description","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.description=this.eventDescription||"";this.updateEventDescriptionFromProp(this.description)}}disconnectedCallback(){l("nylas-event-description","disconnectedCallback")}valueChangedHandler(e){const{name:n,value:a}=e.detail;if(n==="additional-fields"){const e=JSON.parse(a.toString());const n=Object.keys(e)||[];const t=n.map((n=>({token:`$${n}`,value:`\${${n}}`,description:e[n].label||""})));this.additionalFieldTokens=[...t];this.availableTokens=[...p,...t].map((e=>({label:e.token,value:e.value,labelHTML:e})));this.filteredTokens=[...this.availableTokens]}}updateEventDescriptionFromProp(e){l("nylas-event-description","updateEventDescriptionFromProp",e);const n=e||this.description;if(this.descriptionRef){this.descriptionRef.innerHTML=this.highlightTokens(n)}}highlightTokens(e){let n=e;[...p,...this.additionalFieldTokens].forEach((e=>{const a=e.value;const t=new RegExp(`(\\${a})(?!\\w)`,"g");n=n?.replace(t,'<span class="highlighted-tag">$1</span>')||""}));return n}getCurrentSelectionForBrowser(){const e=(e,n,a,t)=>{const s=e.replace(/[\u200B-\u200D\uFEFF]/g,"");const o=s.lastIndexOf("$");const l=s.substring(o).split(" ")[0];return{focusOffset:n,dollarIndex:o,lastWord:l,currentText:s,node:a,allSelected:t}};const n=e=>e.anchorOffset===0&&e.focusOffset===e.focusNode?.nodeValue?.length;const a=f();switch(a){case"Chrome":{const a=this.host.shadowRoot?.getSelection();const t=a?.focusNode;const s=t?.nodeValue||"";const o=a&&n(a);return e(s,a?.focusOffset||-1,t,o)}case"Firefox":{const a=document.getSelection();const t=a?.anchorNode?.nodeValue||"";const s=a&&n(a);return e(t,a?.focusOffset||-1,a?.anchorNode,s)}case"Safari":{const a=window.getSelection();const t=a?.getComposedRanges(this.host.shadowRoot)[0];const s=t?.startContainer?.nodeValue||"";const o=a&&n(a);return e(s,t?.endOffset||-1,t?.startContainer,o)}default:{l("Browser not supported");return null}}}handleChange(e){let n=e.target.textContent||"";n=c(n);const a=this.getCurrentSelectionForBrowser();if(!a){this.updateEventDescription(n);this.resetDropdown();return}const{focusOffset:t,dollarIndex:s,lastWord:o,currentText:l}=a;if(s===-1||t<s){this.updateEventDescription(n);this.resetDropdown();return}if(o.startsWith("$")){this.showTokens=true;this.currentWord={$value:o,fullText:l,index:s,focusOffset:t};this.populateSuggestionsDropdown(o)}else{this.resetDropdown()}this.updateEventDescription(n)}handleInputKeyDown(e){const n=this.getCurrentSelectionForBrowser();if(n?.allSelected&&!d(e)){this.descriptionRef.innerHTML=""}if(e.key==="Enter"){e.preventDefault();const a=this.host.shadowRoot?.getElementById(this.ariaActivedescendant);if(a){a.click();this.ariaActivedescendant=""}else{const e=n?.node;const a=n?.focusOffset||0;if(!e||a===-1||this.descriptionRef.childNodes.length===0){const e=document.createTextNode("\n");this.descriptionRef.insertBefore(e,this.descriptionRef.firstChild);const n=document.createRange();n.setStart(e,1);n.collapse(true);const a=window.getSelection();a?.removeAllRanges();a?.addRange(n)}else if(e.nodeType===Node.TEXT_NODE){const n=e.nodeValue||"";const t=n.slice(0,a)+"\n"+n.slice(a);e.nodeValue=t;const s=document.createRange();s.setStart(e,a+1);s.collapse(true);const o=window.getSelection();o?.removeAllRanges();o?.addRange(s)}this.descriptionRef.focus()}}else if(e.key==="ArrowDown"){if(this.showTokens){e.preventDefault()}const n=this.host.shadowRoot?.getElementById(this.ariaActivedescendant);if(n){const e=n.nextElementSibling;if(e){this.ariaActivedescendant=e.id}else{this.ariaActivedescendant=this.filteredTokens[0].label}}else{this.ariaActivedescendant=this.filteredTokens[0].label}}else if(e.key==="ArrowUp"){if(this.showTokens){e.preventDefault()}const n=this.host.shadowRoot?.getElementById(this.ariaActivedescendant);if(n){const e=n.previousElementSibling;if(e){this.ariaActivedescendant=e.id}else{this.ariaActivedescendant=this.filteredTokens[this.filteredTokens.length-1].label}}else{this.ariaActivedescendant=this.filteredTokens[this.filteredTokens.length-1].label}}else if(e.key==="Escape"){e.preventDefault();this.resetDropdown()}else if(e.key==="Backspace"||e.key==="Delete"){const a=n?.node?.parentNode;if(n?.currentText.startsWith("${")&&a&&a.nodeName==="SPAN"){e.preventDefault();a.removeChild(n.node);a.remove();this.resetDropdown()}if(this.descriptionRef.textContent===""||n?.allSelected){this.descriptionRef.innerHTML="";this.updateEventDescription("")}}}selectOption(e,n){e.preventDefault();const a=this.currentWord.fullText;const t=this.currentWord.$value;let s=this.descriptionRef.firstChild;let o=null;while(s){if(s.nodeType===3){const e=s.textContent?.replace(/[\u200B-\u200D\uFEFF]/g,"")||"";const n=a.replace(/[\u200B-\u200D\uFEFF]/g,"");if(e.includes(n)){o=s;break}}s=s.nextSibling}if(!o){return}const l=o.textContent||"";const i=l.indexOf(t);const r=l.substring(0,i);const c=l.substring(i+t.length);const d=document.createTextNode(r);const f=document.createRange();const y=document.createElement("span");y.classList.add("highlighted-tag");y.textContent=`${n.value}`;const p=document.createTextNode(c);if(c!==""){o.replaceWith(d,y,p);f.setStart(p,1)}else{const e=document.createTextNode("​");o.replaceWith(d,y,e);f.setStart(e,1)}this.resetDropdown();this.descriptionRef.focus();const h=window.getSelection();f.collapse(true);h?.removeAllRanges();h?.addRange(f);this.updateEventDescription(this.descriptionRef.textContent||"")}populateSuggestionsDropdown(e=""){this.filteredTokens=this.availableTokens.filter((n=>n.label.startsWith(e.toString())||n.value.startsWith(e.toString())));if(this.filteredTokens.length>0){this.ariaActivedescendant=this.filteredTokens[0].label}}get isInternalsAvailable(){return typeof this.internals!=="undefined"&&typeof this.internals.setValidity==="function"&&typeof this.internals.setFormValue==="function"}updateEventDescription(e){const n=e.replace(/ +/g," ");this.isInternalsAvailable&&this.internals?.setFormValue(n,this.name);this.valueChanged.emit({value:n,name:this.name})}resetDropdown(){this.showTokens=false;this.ariaActivedescendant=""}getLabelHTML(e){return n("div",{class:"token-label"},n("span",{class:"token"},e.token),n("span",{class:"description"},e.description))}handleAddAdditionalFields(){if(this.additionalFieldTokens.length===0){return}const e=this.descriptionRef.innerHTML;const n="--- Additional Fields ---";const a="--- End Additional Fields ---";const t=e.indexOf(n);const s=e.indexOf(a);let o=n+"\n";this.additionalFieldTokens.forEach((e=>{o+=`${e.description}: ${e.value}\n`}));o+=a;let l;if(t!==-1&&s!==-1){l=e.substring(0,t)+o+e.substring(s+a.length)}else{l=e+o}this.updateEventDescriptionFromProp(l);this.updateEventDescription(l)}render(){return n(s,{key:"d691e18227d130ffe3ff476124a2bced50a571bf"},n("div",{key:"88a9ba593791a784a4a205143741a61e3e6fc63f",class:"nylas-event-description",part:"nedesc"},n("label",{key:"a20092f9bb33357fb52afd990254528ff5f21a9c",htmlFor:"description"},n("p",{key:"ac185de2cf740a0bd08d1a469dbed11e1e9caa26"},r.t("nylasEventDescription.headerTitle"),n("span",{key:"d5cfe1388c9b90d44244b0df2ad5b4f7edee18d4",class:"label-icon"},n("tooltip-component",{key:"e37619731bb5fe3a5fc9706d36af0a5fc9e0f53d"},n("info-icon",{key:"e322e97312cfedb765d7f3aebcad2afac384b66f",slot:"tooltip-icon"}),n("span",{key:"109e6613c7c49b6f8f25c9e64add8c6286b528d6",slot:"tooltip-content"},r.t("nylasEventDescription.tooltip.desc")))))),n("div",{key:"f9b04bee85b9a1ba5454115abb4d9ff648b70a1b",id:"event-description",class:{"event-description":true},part:"nedesc__textarea",contentEditable:"true",onInput:e=>this.handleChange(e),onKeyDown:e=>this.handleInputKeyDown(e),ref:e=>this.descriptionRef=e}),!this.noTemplates&&this.showTokens&&this.filteredTokens?.length>0&&n("div",{key:"383e15893258ccff1b068e84328092ac61d7747b",class:"token-options",part:"nedesc__dropdown-content"},n("ul",{key:"36b45f90d87b65d4dafcb647e25aca29c3cd266c",tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant},this.filteredTokens.map((e=>n("li",{tabindex:"0",key:e.label,id:e.label,class:{active:this.ariaActivedescendant===e.label},onClick:n=>this.selectOption(n,e),role:"option"},this.getLabelHTML(e.labelHTML)))))),!this.noTemplates&&n("span",{key:"37b8b2dbcbff1c37565cceac44b028ab446b6ee8",class:"help-text"},r.t("nylasEventTitle.helpText",{context:"start",field:r.t("nylasEventTitle.description")})," ",n("code",{key:"4464c3b9b7f86be78e85956ab5834c63e2cc4b64"},"$")," ",r.t("nylasEventTitle.helpText",{context:"end"}),n("span",{key:"fc29c61acf266d56c7e24106498745e1665cfb77",class:"label-icon"},n("tooltip-component",{key:"b7de4c79edf1232187c16242e3a54d9a888734be"},n("info-icon",{key:"e144a29a8e58ea655deb4b8240656bb868aa0a14",slot:"tooltip-icon",width:"13",height:"13"}),n("span",{key:"4f48cbbe337cc36c4a552c0294022b25c0732493",slot:"tooltip-content"},r.t("nylasEventTitle.tooltip.desc")," ",n("code",{key:"3c54f9a6dbe8f19fd7ffd5e7ee8c8c9f6330c21d"},"${invitee}"))))),!this.noTemplates&&!this.hideAutoPopulateButton&&n("span",{key:"fa5cec5d65654ecdedda5dd0b41f5a2978e5285d",class:"add-additional-fields"},n("button-component",{key:"d171bf78e0c08fecde735336b997f88e19aa7e56",variant:"basic",onClick:()=>this.handleAddAdditionalFields()},r.t("nylasEventDescription.addAdditionalFields.buttonText")),n("span",{key:"d8f8f9a4c7f201ee3302f678e687b812dbefab02",class:"label-icon"},n("tooltip-component",{key:"0e55409d04eafd6af2762da426dbf58bddaedc2d"},n("info-icon",{key:"27320694010bbd50a53bf4f07a7fb8cd45e403a6",slot:"tooltip-icon"}),n("span",{key:"9e59d06a79c0b1c12b761acfdd78d783b8d5bb2b",slot:"tooltip-content"},r.t("nylasEventDescription.addAdditionalFields.tooltip.desc")," ",n("code",{key:"77ba2f1849d4f145e99b77d9f3886b89370eb92a"},"${invitee}")))))))}static get formAssociated(){return true}get host(){return t(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};j([o({name:"nylas-event-description",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:true}),A("design:type",Function),A("design:paramtypes",[]),A("design:returntype",void 0)],S.prototype,"render",null);S.style=F;const I=':host{display:block;margin:1rem;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-event-info__title{color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-event-info__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-event-info__content{padding:1rem;display:flex;flex-direction:column;gap:1rem;background-color:var(--nylas-base-25)}.nylas-event-info__block{display:flex;justify-content:space-between;gap:0.5rem}';var N=undefined&&undefined.__decorate||function(e,n,a,t){var s=arguments.length,o=s<3?n:t===null?t=Object.getOwnPropertyDescriptor(n,a):t,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,n,a,t);else for(var i=e.length-1;i>=0;i--)if(l=e[i])o=(s<3?l(o):s>3?l(n,a,o):l(n,a))||o;return s>3&&o&&Object.defineProperty(n,a,o),o};var B=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const q=class{constructor(n){e(this,n);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}}selectedLanguageChangedHandler(e,n){if(e===n)return;r.changeLanguage(e)}themeConfigChangedHandler(e,n){if(e===n)return;this.applyThemeConfig(e)}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.el.style.setProperty(`${n}`,a)}}}connectedCallback(){l("nylas-event-info","connectedCallback");queueMicrotask((()=>{if(this.themeConfig){this.applyThemeConfig(this.themeConfig);this.el.setAttribute("data-themed","")}}))}componentWillLoad(){l("nylas-event-info","componentWillLoad")}componentDidLoad(){l("nylas-event-info","componentDidLoad");y(["inputs"],this.el)}disconnectedCallback(){l("nylas-event-info","disconnectedCallback")}render(){return n(s,{key:"e254da38ec38ce5f256fa7b4901f47dcde156e10"},n("nylas-form-card",{key:"43465d32e381d901a11c4992b6aacdd862116473",exportparts:"nfc__header: nei__header"},n("h1",{key:"0cfc5b552aa6d5b25c7fd1466fbba33ac1f86cae",slot:"header-title",class:"nylas-event-info__title",part:"nei__title"},r.t("nylasEventInfo.headerTitle")),n("div",{key:"0c785166ed9b6ff3df251f9f35f3731784d4bddb",slot:"content",class:"nylas-event-info__content"},n("slot",{key:"68c82a8172a99732463f1c17f167a3ece1e43544",name:"inputs"}))))}static get formAssociated(){return true}get el(){return t(this)}static get watchers(){return{selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};N([o({name:"nylas-event-info",stateToProps:new Map([["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:true}),B("design:type",Function),B("design:paramtypes",[]),B("design:returntype",void 0)],q.prototype,"render",null);q.style=I;const W=':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-event-location{display:flex;flex-direction:column;gap:4px;font-family:var(--nylas-font-family)}.nylas-event-location label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-location label span.label-icon{margin-left:4px}.nylas-event-location label span.label-icon tooltip-component{display:flex}.nylas-event-location span[slot=select-icon]{border-right:1px solid var(--nylas-base-200);padding:16px 0.75rem 16px 0.5rem;border-radius:var(--nylas-border-radius-2x);border-bottom-right-radius:0;border-top-right-radius:0;height:20px}.nylas-event-location div.location-input{display:grid;grid-template-columns:auto 1fr;width:100%;gap:0.5rem}@media screen and (max-width: 768px){.nylas-event-location div.location-input{grid-template-columns:1fr}}.nylas-event-location div.location-input input{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:12px 16px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;background-color:var(--nylas-base-0);color:var(--nylas-base-900)}.nylas-event-location select-dropdown{width:208px}@media screen and (max-width: 768px){.nylas-event-location select-dropdown{width:100%}}.nylas-event-location select-dropdown::part(sd_dropdown){width:100%}.nylas-event-location select-dropdown::part(sd_dropdown-content){left:calc(35px + 0.5rem)}.nylas-event-location select-dropdown::part(sd_dropdown-button){display:flex;justify-content:space-between;width:100%;border:1px solid var(--nylas-base-200);padding:0 0.5rem}.nylas-event-location select-dropdown::part(sd_dropdown-button-selected-label){display:inline-flex;align-self:center;padding:14px 0;font-family:var(--nylas-font-family);font-size:16px;line-height:24px}';var U=undefined&&undefined.__decorate||function(e,n,a,t){var s=arguments.length,o=s<3?n:t===null?t=Object.getOwnPropertyDescriptor(n,a):t,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,n,a,t);else for(var i=e.length-1;i>=0;i--)if(l=e[i])o=(s<3?l(o):s>3?l(n,a,o):l(n,a))||o;return s>3&&o&&Object.defineProperty(n,a,o),o};var Z=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const V=class{constructor(n){e(this,n);this.valueChanged=a(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.name="location";this.location=this.eventLocation??"";this.grantId=this.eventConferencing?this.setDefaultGrantID(this.eventConferencing):"";this.userProviderState=this.userProvider??this.currentUser?.provider??"";this.locationOptions=[{value:"none",label:r.t("nylasEventLocation.conferenceOptions.none"),labelHTML:this.getLabelHTML("none")},{value:"custom",label:r.t("nylasEventLocation.conferenceOptions.custom"),labelHTML:this.getLabelHTML("custom")}]}elementNameChangedHandler(e){l("nylas-event-location","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){l("nylas-custom-booking-flow","selectedConfigurationChangedHandler",e);const n=e?.event_booking?.location||this.eventLocation;const a=e?.event_booking?.conferencing||this.eventConferencing;if(a?.provider){this.selectedLocationOption=this.setDefaultLocationOption(a,n??"");this.grantId=this.setDefaultGrantID(a);this.location=n?n:""}else if(n){this.selectedLocationOption=n?"custom":"none";this.location=n}else{this.selectedLocationOption="none";this.location=""}}currentUserChangedHandler(e){l("nylas-custom-booking-flow","currentUserChangedHandler",e);if(e?.provider){this.userProviderState=e?.provider;this.setLocationOptionsForProvider(this.userProviderState)}}conferenceProvidersChanged(e){if(e?.["zoom"]&&!this.locationOptions.some((e=>e.value==="zoom"))){this.locationOptions.push({value:"zoom",label:r.t("nylasEventLocation.conferenceOptions.zoom"),labelHTML:this.getLabelHTML("zoom")})}}selectedLanguageChangedHandler(e,n){if(e===n)return;r.changeLanguage(e);const a=this.locationOptions.map((e=>e.value));a.forEach((e=>{const n=this.locationOptions.findIndex((n=>n.value===e));this.locationOptions[n].label=r.t(`nylasEventLocation.conferenceOptions.${e}`);this.locationOptions[n].labelHTML=this.getLabelHTML(e)}));this.locationOptions=[...this.locationOptions]}themeConfigChangedHandler(e,n){if(e===n)return;this.applyThemeConfig(e)}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a)}}}connectedCallback(){l("nylas-event-location","connectedCallback");queueMicrotask((()=>{if(this.themeConfig){this.applyThemeConfig(this.themeConfig);this.host.setAttribute("data-themed","")}}))}componentWillLoad(){l("nylas-event-location","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){l("nylas-event-location","componentDidLoad");if(this.selectedConfiguration?.event_booking){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.selectedLocationOption=this.setDefaultLocationOption(this.eventConferencing||null,this.eventLocation??"");this.location=this.eventLocation??""}this.userProviderState=this.userProvider??this.currentUser?.provider??"";this.setLocationOptionsForProvider(this.userProviderState);const e=this.internals?.form;if(e){const n=new FormData(e);n.set("conference",this.getConferencePayload());n.set(this.name,this.location)}if(this.conferenceProviders?.["zoom"]&&!this.locationOptions.some((e=>e.value==="zoom"))){this.locationOptions.push({value:"zoom",label:r.t("nylasEventLocation.conferenceOptions.zoom"),labelHTML:this.getLabelHTML("zoom")})}}disconnectedCallback(){l("nylas-event-location","disconnectedCallback")}getConferencePayload(){if(this.selectedLocationOption==="custom"||this.selectedLocationOption==="none"){return JSON.stringify(null)}const e=this.conferenceProviders?.[this.selectedLocationOption];const n={provider:h[this.selectedLocationOption],autocreate:e?{conf_grant_id:e}:{}};return JSON.stringify(n)}nylasFormDropdownChangedHandler(e){this.selectedLocationOption=e.detail.value;let n;switch(this.selectedLocationOption){case"none":{this.location="";this.setFormValue("",this.name);this.valueChanged.emit({value:"",name:this.name});this.valueChanged.emit({value:JSON.stringify(null),name:"conference"});break}case"custom":{this.valueChanged.emit({value:JSON.stringify(null),name:"conference"});break}case"google":{this.location="";this.setFormValue("",this.name);const e=this.conferenceProviders?.["google"];n={provider:h.google,autocreate:e?{conf_grant_id:e}:{}};this.valueChanged.emit({value:JSON.stringify(n),name:"conference"});this.valueChanged.emit({value:"",name:this.name});break}case"microsoft":{this.location="";this.setFormValue("",this.name);const e=this.conferenceProviders?.["microsoft"];n={provider:h.microsoft,autocreate:e?{conf_grant_id:e}:{}};this.valueChanged.emit({value:JSON.stringify(n),name:"conference"});this.valueChanged.emit({value:"",name:this.name});break}case"zoom":{this.location="";this.setFormValue("",this.name);const e=this.conferenceProviders?.["zoom"];n={provider:h.zoom,autocreate:e?{conf_grant_id:e}:{}};this.valueChanged.emit({value:JSON.stringify(n),name:"conference"});this.valueChanged.emit({value:"",name:this.name});break}}}setLocationOptionsForProvider(e){switch(e){case"google":if(!this.locationOptions.some((e=>e.value==="google"))){this.locationOptions.push({value:"google",label:r.t("nylasEventLocation.conferenceOptions.google"),labelHTML:this.getLabelHTML("google")})}break;case"microsoft":if(!this.locationOptions.some((e=>e.value==="microsoft"))){this.locationOptions.push({value:"microsoft",label:r.t("nylasEventLocation.conferenceOptions.google"),labelHTML:this.getLabelHTML("microsoft")})}break}}setDefaultLocationOption(e,n){if(e!=null&&e?.provider!=null){return b[e?.provider]}return n?"custom":"none"}setDefaultGrantID(e){if(e!=null&&e?.autocreate!=null){return e?.autocreate?.conf_grant_id}return""}setFormValue(e,n){if(typeof this.internals.setFormValue==="function"){this.internals.setFormValue(e,n)}}handleChange(e){const n=c(e.target.value);this.location=n;this.setFormValue(n,this.name);this.valueChanged.emit({value:n,name:this.name})}getIcon(e){switch(e){case"none":return n("location-off-icon",null);case"custom":return n("location-icon",null);case"google":return n("google-meet-icon",null);case"microsoft":return n("microsoft-teams-icon",null);case"zoom":return n("zoom-icon",null)}}getLabelHTML(e){return n("span",{class:"location-label",style:{display:"flex",alignItems:"center",gap:"16px",width:"-webkit-fill-available"}},this.getIcon(e),n("span",{class:"location-text",style:{fontSize:"14px",fontWeight:"400"}},r.t(`nylasEventLocation.conferenceOptions.${e}`)))}render(){const e=typeof this.selectedLocationOption!=="undefined"?this.locationOptions.find((e=>e.value==this.selectedLocationOption)):null;return n(s,{key:"35c9bd6c955afe5a03b828b14fb204871dac312a"},n("div",{key:"afb93e5fe3b9c1ba72a3925ac3c27aebb197a009",class:"nylas-event-location",part:"nel"},n("label",{key:"da19dbd14a7eae608d326733408070577d7d28fa",htmlFor:"location"},r.t("nylasEventLocation.headerTitle"),n("span",{key:"c5ac7d2219c2137ad55a0cbf002df402240b7ad7",class:"label-icon"},n("tooltip-component",{key:"055844775fe2e4206b73502d23ff30a55d20032b"},n("info-icon",{key:"45c3ca68f9a6c4a0e039cfdb3fe1bff02edcbfa1",slot:"tooltip-icon"}),n("span",{key:"c17a921e395aa1c7c64d8b472ae24229731bce36",slot:"tooltip-content"},r.t("nylasEventLocation.tooltip.desc"))))),n("div",{key:"20d9f0408959e668b3cdb4b309ea44b71d6a27ae",class:"location-input"},n("select-dropdown",{key:"761df784b8e0f04609f7af7980cc9f4159681b13",withSearch:false,name:"location",options:this.locationOptions,defaultSelectedOption:e,themeConfig:this.themeConfig,exportparts:"sd_dropdown: nel__dropdown, sd_dropdown-button: nel__dropdown-button, sd_dropdown-content: nel__dropdown-content"},n("span",{key:"4508feb415f7cf4ef094411272175f401a482237",slot:"select-icon"},this.getIcon(this.selectedLocationOption))),this.selectedLocationOption==="custom"&&n("input",{key:"35407f43420ea0a1fad4a4f995d193f148530330",type:"text",part:"nel__location",id:"location",name:"location",maxlength:"1024",value:this.location,onInput:e=>this.handleChange(e)}))))}static get formAssociated(){return true}get host(){return t(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],currentUser:["currentUserChangedHandler"],conferenceProviders:["conferenceProvidersChanged"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};U([o({name:"nylas-event-location",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.conferenceProviders","conferenceProviders"],["schedulerConfig.currentUser","currentUser"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:true}),Z("design:type",Function),Z("design:paramtypes",[]),Z("design:returntype",void 0)],V.prototype,"render",null);V.style=W;const J=':host{display:block;height:auto;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:100%}.nylas-event-title{display:flex;flex-direction:column;gap:4px;position:relative;text-align:left;color:var(--nylas-base-900)}.nylas-event-title div.title{border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;height:48px;padding:12px 16px;overflow:auto;white-space:nowrap;scrollbar-width:thin;color:var(--nylas-base-900);font-family:var(--nylas-font-family);font-size:16px;font-style:normal;font-weight:400;line-height:150%;-webkit-text-fill-color:var(--nylas-base-900);display:block}.nylas-event-title div.title::-webkit-scrollbar{width:6px;height:6px}.nylas-event-title div.title:focus{color:var(--nylas-base-900);-webkit-text-fill-color:var(--nylas-base-900);outline:2px solid var(--nylas-primary);outline-offset:2px}.nylas-event-title div.title:focus-visible{color:var(--nylas-base-900);-webkit-text-fill-color:var(--nylas-base-900);outline:2px solid var(--nylas-primary);outline-offset:2px}.nylas-event-title div.title.error{border-color:var(--nylas-error);border-width:2px}.nylas-event-title input{padding:12px 16px;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200)}.nylas-event-title span.help-text{display:inline-flex;align-items:center;gap:4px;color:var(--nylas-base-500);font-size:14px;font-style:normal;font-weight:400;line-height:21px;position:relative}.nylas-event-title span.help-text span.label-icon{display:inline-flex;align-items:center;flex-shrink:0}.nylas-event-title span.help-text span.label-icon tooltip-component{display:flex}.nylas-event-title span.help-text span.label-icon tooltip-component::part(tc__container){position:unset}.nylas-event-title span.help-text span.label-icon tooltip-component::part(tc__content){position:absolute;top:4px;left:50%;transform:translateX(-50%)}.nylas-event-title span.error-message{color:var(--nylas-error)}.nylas-event-title label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;word-break:break-word;overflow-wrap:break-word;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);align-items:flex-start}.nylas-event-title label.error{color:var(--nylas-error)}.nylas-event-title label span.required{color:var(--nylas-error);padding:0 0.25rem}.nylas-event-title label p{margin:0;display:flex;align-items:center}.nylas-event-title label span.required{color:var(--nylas-error, #cc4841)}.nylas-event-title label span.label-icon{margin-left:4px}.nylas-event-title label span.label-icon tooltip-component{display:flex}.highlighted-tag{background-color:var(--nylas-base-200);border-radius:var(--nylas-border-radius);padding:5px;margin-left:4px}.token-options{display:block;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;top:80px;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}@media screen and (max-width: 768px){.token-options{right:0;width:325px;max-width:unset}}.token-options ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px;margin:0}.token-options ul li{padding:16px, 12px, 16px, 12px;color:var(--nylas-base-900);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}.token-options ul li .token-label{display:flex;flex-direction:column;font-weight:400}.token-options ul li .token-label .token{color:var(--nylas-abse-900);font-size:16px;line-height:24px}.token-options ul li .token-label .description{color:var(--nylas-base-600);font-size:14px;line-height:21px}.token-options ul li:hover,.token-options ul li:focus,.token-options ul li:active,.token-options ul li.active{background-color:var(--nylas-base-100)}.token-options ul li:hover .token-label .token,.token-options ul li:focus .token-label .token,.token-options ul li:active .token-label .token,.token-options ul li.active .token-label .token{color:var(--nylas-primary)}.token-options .selected{background-color:var(--nylas-base-100)}';var K=undefined&&undefined.__decorate||function(e,n,a,t){var s=arguments.length,o=s<3?n:t===null?t=Object.getOwnPropertyDescriptor(n,a):t,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,n,a,t);else for(var i=e.length-1;i>=0;i--)if(l=e[i])o=(s<3?l(o):s>3?l(n,a,o):l(n,a))||o;return s>3&&o&&Object.defineProperty(n,a,o),o};var G=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const Q=class{constructor(n){e(this,n);this.valueChanged=a(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.eventTitle=this.selectedConfiguration?.event_booking?.title;this.name="title";this.noTemplates=false;this.showTokens=false;this.availableTokens=p.map((e=>({label:e.token,value:e.value,labelHTML:e})));this.filteredTokens=this.availableTokens;this.ariaActivedescendant="";this.currentWord={$value:"",fullText:"",index:-1,focusOffset:-1};this.validationError="";this.configEventTitle="";this.additionalFieldTokens=[]}elementNameChangedHandler(e){l("[nylas-event-title]","elementNameChangedHandler",e);this.host.setAttribute("name",e)}ariaActivedescendantChangedHandler(e){l("[nylas-event-title]","ariaActivedescendantChangedHandler",e);if(e!==""){const n=this.host.shadowRoot?.getElementById(e);n?.classList.add("active")}else{const e=this.host.shadowRoot?.querySelectorAll(".token-options li.active");e?.forEach((e=>e.classList.remove("active")))}}configChangedHandler(e){const n=e?.event_booking?.title;const a=e?.scheduler?.additional_fields||{};const t=Object.keys(a)||[];const s=t.map((e=>({token:`$${e}`,value:`\${${e}}`,description:a[e].label||""})));this.additionalFieldTokens=[...s];this.availableTokens=[...p,...s].map((e=>({label:e.token,value:e.value,labelHTML:e})));this.filteredTokens=[...this.availableTokens];if(n){this.configEventTitle=n;this.updateEventTitleFromProp(n)}}selectedLanguageChangedHandler(e,n){if(e===n)return;r.changeLanguage(e);const a={$invitee:"invitee",$invitee_email:"inviteeEmail",$duration:"duration"};this.availableTokens=this.availableTokens.map((e=>{if(a[e.label]){e.labelHTML.description=r.t(`nylasEventTitle.eventTitleTokenDescription.${a[e.label]}`)}return e}));this.filteredTokens=[...this.availableTokens]}themeConfigChangedHandler(e,n){if(e===n)return;this.applyThemeConfig(e)}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a)}}}connectedCallback(){l("[nylas-event-title]","connectedCallback");queueMicrotask((()=>{if(this.themeConfig){this.applyThemeConfig(this.themeConfig);this.host.setAttribute("data-themed","")}}))}componentWillLoad(){l("[nylas-event-title]","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){l("[nylas-event-title]","componentDidLoad");let e=this.eventTitle||this.configEventTitle;if(this.selectedConfiguration?.event_booking?.title){e=this.selectedConfiguration?.event_booking?.title}if(e){this.updateEventTitleFromProp(e);this.updateEventTitle(e,true)}}disconnectedCallback(){l("[nylas-event-title]","disconnectedCallback")}formSubmittedHandler(e){l("[nylas-event-title]","formSubmittedHandler",e);if(!this.internals?.validity?.valid){this.validationError="eventTitleRequired"}else{this.validationError=""}}valueChangedHandler(e){const{name:n,value:a}=e.detail;if(n==="additional-fields"){const e=JSON.parse(a.toString());const n=Object.keys(e)||[];const t=n.map((n=>({token:`$${n}`,value:`\${${n}}`,description:e[n].label||""})));this.additionalFieldTokens=[...t];this.availableTokens=[...p,...t].map((e=>({label:e.token,value:e.value,labelHTML:e})));this.filteredTokens=[...this.availableTokens]}}updateEventTitleFromProp(e){l("[nylas-event-title]","eventTitleChangedHandler",e);const n=e||this.configEventTitle;if(this.titleRef){this.titleRef.innerHTML=this.highlightTokens(n);if(typeof this.internals.setValidity==="function"){if(!n||n===""){this.titleRef.focus();this.internals?.setValidity({customError:true},`Event title is required`,this.titleRef)}else{this.internals?.setValidity({customError:false});this.isInternalsAvailable&&this.internals?.setFormValue(n,this.name)}}}}highlightTokens(e){let n=e;[...p,...this.additionalFieldTokens].forEach((e=>{const a=e.value;const t=new RegExp(`(\\${a})(?!\\w)`,"g");n=n?.replace(t,'<span class="highlighted-tag">$1</span>')||""}));return n}getCurrentSelectionForBrowser(){const e=(e,n,a,t)=>{const s=e.replace(/[\u200B-\u200D\uFEFF]/g,"");const o=s.lastIndexOf("$");const l=s.substring(o).split(" ")[0];return{focusOffset:n,dollarIndex:o,lastWord:l,currentText:s,node:a,allSelected:t}};const n=e=>e.anchorOffset===0&&e.focusOffset===e.focusNode?.nodeValue?.length;const a=f();switch(a){case"Chrome":{const a=this.host.shadowRoot?.getSelection();const t=a?.focusNode;const s=t?.nodeValue||"";const o=a&&n(a);return e(s,a?.focusOffset||-1,t,o)}case"Firefox":{const a=document.getSelection();const t=a?.anchorNode?.nodeValue||"";const s=a&&n(a);return e(t,a?.focusOffset||-1,a?.anchorNode,s)}case"Safari":{const a=window.getSelection();const t=a?.getComposedRanges(this.host.shadowRoot)[0];const s=t?.startContainer?.nodeValue||"";const o=a&&n(a);return e(s,t?.endOffset||-1,t?.startContainer,o)}default:{l("Browser not supported");return null}}}handleChange(e){let n=e.target.textContent||"";n=c(n);const a=this.getCurrentSelectionForBrowser();if(!a){this.updateEventTitle(n);this.resetDropdown();return}const{focusOffset:t,dollarIndex:s,lastWord:o,currentText:l}=a;if(s===-1||t<s){this.updateEventTitle(n);this.resetDropdown();return}if(o.startsWith("$")){this.showTokens=true;this.currentWord={$value:o,fullText:l,index:s,focusOffset:t};this.populateSuggestionsDropdown(o)}else{this.resetDropdown()}this.updateEventTitle(n)}handleInputKeyDown(e){const n=this.getCurrentSelectionForBrowser();if(n?.allSelected&&!d(e)){this.titleRef.innerHTML=""}if(e.key==="Enter"){e.preventDefault();const n=this.host.shadowRoot?.getElementById(this.ariaActivedescendant);if(n){n.click();this.ariaActivedescendant=""}}else if(e.key==="ArrowDown"){e.preventDefault();const n=this.host.shadowRoot?.getElementById(this.ariaActivedescendant);if(n){const e=n.nextElementSibling;if(e){this.ariaActivedescendant=e.id}else{this.ariaActivedescendant=this.filteredTokens[0].label}}else{this.ariaActivedescendant=this.filteredTokens[0].label}}else if(e.key==="ArrowUp"){e.preventDefault();const n=this.host.shadowRoot?.getElementById(this.ariaActivedescendant);if(n){const e=n.previousElementSibling;if(e){this.ariaActivedescendant=e.id}else{this.ariaActivedescendant=this.filteredTokens[this.filteredTokens.length-1].label}}else{this.ariaActivedescendant=this.filteredTokens[this.filteredTokens.length-1].label}}else if(e.key==="Escape"){e.preventDefault();this.resetDropdown()}else if(e.key==="Backspace"||e.key==="Delete"){const a=n?.node?.parentNode;if(n?.currentText.startsWith("${")&&a&&a.nodeName==="SPAN"){e.preventDefault();a.removeChild(n.node);a.remove();this.resetDropdown();this.updateEventTitle(this.titleRef?.textContent||"")}if(this.titleRef.textContent===""||n?.allSelected){this.titleRef.innerHTML="";this.updateEventTitle("")}}}selectOption(e,n){e.preventDefault();const a=this.currentWord.fullText;const t=this.currentWord.$value;let s=this.titleRef.firstChild;let o=null;while(s){if(s.nodeType===3){const e=s.textContent?.replace(/[\u200B-\u200D\uFEFF]/g,"")||"";const n=a.replace(/[\u200B-\u200D\uFEFF]/g,"");if(e.includes(n)){o=s;break}}s=s.nextSibling}if(!o){return}const l=o.textContent||"";const i=l.indexOf(t);const r=l.substring(0,i);const c=l.substring(i+t.length);const d=document.createTextNode(r);const f=document.createRange();const y=document.createElement("span");y.classList.add("highlighted-tag");y.textContent=`${n.value}`;const p=document.createTextNode(c);if(c!==""){o.replaceWith(d,y,p);f.setStart(p,1)}else{const e=document.createTextNode("​");o.replaceWith(d,y,e);f.setStart(e,1)}this.resetDropdown();this.titleRef.focus();const h=window.getSelection();f.collapse(true);h?.removeAllRanges();h?.addRange(f);this.updateEventTitle(this.titleRef.textContent||"")}populateSuggestionsDropdown(e=""){this.filteredTokens=this.availableTokens.filter((n=>n.label.startsWith(e.toString())||n.value.startsWith(e.toString())));if(this.filteredTokens.length>0){this.ariaActivedescendant=this.filteredTokens[0].label}}get isInternalsAvailable(){return typeof this.internals!=="undefined"&&typeof this.internals.setValidity==="function"&&typeof this.internals.setFormValue==="function"}updateEventTitle(e,n=false){const a=e.replace(/ +/g," ");if(a===""||/^[\s]*$/.test(a)){this.validationError="eventTitleRequired";this.isInternalsAvailable&&this.internals?.setValidity({customError:true},`Event title is required`,this.titleRef)}else{this.validationError="";this.isInternalsAvailable&&this.internals?.setValidity({customError:false})}this.isInternalsAvailable&&this.internals?.setFormValue(a,this.name);if(!n){this.valueChanged.emit({value:a,name:this.name})}}resetDropdown(){this.showTokens=false;this.ariaActivedescendant=""}getLabelHTML(e){return n("div",{class:"token-label"},n("span",{class:"token"},e.token),n("span",{class:"description"},e.description))}render(){return n(s,{key:"5e3565754a33c2ee68d08c5461b5800851430eae"},n("div",{key:"f4a8934b29919ad81e8d025ce67993378b125081",class:"nylas-event-title",part:"net"},n("label",{key:"e802014f812ecc45067366b7c506fdfe9776da51",htmlFor:"title"},n("p",{key:"594c6cc9ce3a93672b9214e0ca44cce6e6f91c2f"},r.t("nylasEventTitle.headerTitle"),n("span",{key:"4719cc9930727d6170e77b6f59e5b58d5db9087d",class:"required"},"*"))),n("div",{key:"717473a1d5d6c829ba02b883a9b3bf2ad4d6531c",class:{title:true,error:this.validationError!==""},part:"net__title",ref:e=>this.titleRef=e,contentEditable:"true",onInput:e=>this.handleChange(e),onKeyDown:e=>this.handleInputKeyDown(e)}),!this.noTemplates&&this.showTokens&&this.filteredTokens?.length>0&&n("div",{key:"463b98b2ec5713293aec9db4941d640adc062345",class:"token-options",part:"net__dropdown-content"},n("ul",{key:"97e3b59b2b20e0f4d60a016735fba1177efd1350",tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant},this.filteredTokens.map((e=>n("li",{tabindex:"0",key:e.label,id:e.label,class:{active:this.ariaActivedescendant===e.label},onClick:n=>this.selectOption(n,e),role:"option"},this.getLabelHTML(e.labelHTML)))))),!this.noTemplates&&n("span",{key:"1fc0a0e63585a638f6575cb700032623182ed29e",class:"help-text"},r.t("nylasEventTitle.helpText",{context:"start",field:r.t("nylasEventTitle.title")})," ",n("code",{key:"12fe3c849ec8fc802ef29be58ccc7dc777240214"},"$")," ",r.t("nylasEventTitle.helpText",{context:"end"}),n("span",{key:"910f7d427e7c865ff65aa0a22391f260056eae0a",class:"label-icon"},n("tooltip-component",{key:"2c1c597434320b8f244a909ddd76513445d49385"},n("info-icon",{key:"6f094cd5685d166e3500df5dffe0283366fe2686",slot:"tooltip-icon"}),n("span",{key:"c889bc004e8b159df72e37f25ee93fc8ca80d2c9",slot:"tooltip-content"},r.t("nylasEventTitle.tooltip.desc")," ",n("code",{key:"c2b7d523ca335e629f8afb3c76e98ce0c26a4ee1"},"${invitee}"))))),this.validationError!=""&&n("span",{key:"7a2b337f4ec5f3bd9d6a3faba354cf94f032e7d6",class:"error-message"},r.t(`nylasEventTitle.${this.validationError}`))))}static get formAssociated(){return true}get host(){return t(this)}static get watchers(){return{name:["elementNameChangedHandler"],ariaActivedescendant:["ariaActivedescendantChangedHandler"],selectedConfiguration:["configChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};K([o({name:"nylas-event-title",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:true}),G("design:type",Function),G("design:paramtypes",[]),G("design:returntype",void 0)],Q.prototype,"render",null);Q.style=J;const X=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.card-wrapper{background:var(--nylas-base-0);display:flex;flex-direction:column;font-family:var(--nylas-font-family);background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);position:relative;padding:32px;width:562px;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.card-wrapper{width:100%;border-radius:0px}}.header{overflow-wrap:anywhere;display:flex;flex-direction:column;font-size:16px;font-weight:400}.header h2{color:var(--nylas-base-900);font-size:24px;font-weight:600;text-align:left;margin:0}.description.title-desc{margin-bottom:2rem}.description.footer-desc{margin-top:2rem}.description.footer-desc a{color:var(--nylas-primary);text-decoration:none}.description p{margin:0;font-size:18px;color:var(--nylas-base-600)}.footer{margin-top:1rem;padding-top:1rem;display:flex;justify-content:flex-end;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.close-button{width:100%;display:flex;justify-content:flex-end}.close-button button-component button{padding:0;height:auto}.close-button button-component button:hover{background-color:transparent !important}button-component{--dot-color:var(--nylas-base-700)}';var Y=undefined&&undefined.__decorate||function(e,n,a,t){var s=arguments.length,o=s<3?n:t===null?t=Object.getOwnPropertyDescriptor(n,a):t,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,n,a,t);else for(var i=e.length-1;i>=0;i--)if(l=e[i])o=(s<3?l(o):s>3?l(n,a,o):l(n,a))||o;return s>3&&o&&Object.defineProperty(n,a,o),o};var ee=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const ne=class{constructor(n){e(this,n);this.feedbackModalClosed=a(this,"feedbackModalClosed",7);this.feedbackSubmitted=a(this,"feedbackSubmitted",7);this.triggerValidation=a(this,"triggerValidation",7);this.feedbackMessage="";this.handleConfirmBookingButtonClicked=()=>{const e=this.triggerValidation.emit();if(e.defaultPrevented){return}this.feedbackSubmitted.emit({feedback:this.feedbackMessage})}}connectedCallback(){queueMicrotask((()=>{if(this.themeConfig){this.applyThemeConfig(this.themeConfig);this.host.setAttribute("data-themed","")}}))}disconnectedCallback(){}async componentWillLoad(){l(`[nylas-feedback-form] Component will load`)}async componentDidLoad(){l(`[nylas-feedback-form] Component did load`)}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a)}}}handleFormInputChanged(e){l(`[nylas-feedback-form] Form input changed`);if(!e.detail.value){return}this.triggerValidation.emit();if(e.detail.name==="feedback"){this.feedbackMessage=e.detail.value}}closeModal(e){e.preventDefault();e.stopImmediatePropagation();this.feedbackModalClosed.emit()}render(){return n(s,{key:"dd8583c0ff54efe7e2a560ae93d499d4bf6f2ff1",part:"nfbf"},n("div",{key:"90fea0a4b8670345075efb3c20f08497c7d58b10",class:"card-wrapper",part:"nfbfc__card"},n("div",{key:"4229209b5c3f703d9bd54760df7a0cb3c61115a5",class:"close-button"},n("button-component",{key:"0c18bfb08ae7655d29ada898e70a9f0074029924",tooltip:"Close",id:"close",variant:"invisible",onClick:e=>this.closeModal(e),part:"nfbf__close-button"},n("close-icon",{key:"2b7f378449fd6d021b1f553b90c67b56a16849c5"}))),n("div",{key:"fbbad7a34a8d5c8aa7968686c99a8903c962d749",class:"header"},n("h2",{key:"1f5ea51f53a0d552a52132e8b7d50c31bf05abc9",slot:"card-title",part:"nfbf__title"},r.t("feedbackFormTitle"))),n("div",{key:"4b181480d2f5d956dafc4a98d6b6160d8c5f8b14",class:"description title-desc"},n("p",{key:"daca2ee189bab0951136385375ac8238c3889803"},r.t("feedbackFormDescription"))),n("textarea-component",{key:"69e5628b84312e4845f400878fcc4e35f436115e",label:r.t("feedbackMessageLabel"),required:true,maxLength:500,part:"nfbf__description",name:"feedback",placeholder:r.t("feedbackMessagePlaceholder")}),n("div",{key:"ae58150777756daaf26d08c6a21febea777ca07a",class:"description footer-desc"},n("p",{key:"a490962defbd31973e69eb791160e9064f6c8326"},"By sending this report, you agree to Nylas’ access to the data necessary to respond to this issue, subject to Nylas’"," ",n("a",{key:"c7235f21e6301f5489d362aa50bef6d46bf8c256",href:"https://www.nylas.com/privacy-policy/",target:"_blank",rel:"nofollow noreferrer noopener"},"Privacy Policy"),".")),n("div",{key:"11557b6f4a548c2afaedc501772a2edf6e08f4c5",class:{footer:true}},n("button-component",{key:"11779b6aa43a5430e9a55c3cc48e5cfc8a026ccf",variant:"invisible",onClick:e=>this.closeModal(e),part:"nfbf__button-outline nfbf__cancel-cta"},`${r.t("feedbackModalCloseButton")}`),n("button-component",{key:"d1a8f14239b7d72e6b25c80cdb055af953fd8b9a",variant:"primary",onClick:this.handleConfirmBookingButtonClicked,part:"nfbf__button-outline nfbf__reschedule-cta"},`${r.t("feedbackModalSubmitButton")}`))))}get host(){return t(this)}};Y([o({name:"nylas-feedback-form",stateToProps:new Map([]),eventToProps:{feedbackSubmitted:async(e,n)=>{}},localPropsToProp:new Map([["themeConfig","themeConfig"]]),fireRegisterEvent:true}),ee("design:type",Function),ee("design:paramtypes",[]),ee("design:returntype",void 0)],ne.prototype,"render",null);ne.style=X;const ae=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-reminder-time{display:flex;flex-direction:column;gap:4px}.nylas-reminder-time label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-reminder-time label span.required{color:var(--nylas-error, #cc4841)}.nylas-reminder-time label span.label-icon{margin-left:4px}.nylas-reminder-time label span.label-icon tooltip-component{display:flex}.nylas-reminder-time__wrapper{display:flex;align-items:center;justify-content:flex-end;gap:0.5rem}.nylas-reminder-time__wrapper input{padding:12px 16px;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200);font-family:var(--nylas-font-family);font-size:16px;line-height:24px;width:48px}.nylas-reminder-time__wrapper input-dropdown{width:80px}.nylas-reminder-time__wrapper input-dropdown::part(id_dropdown-input){border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:14px 16px}.nylas-reminder-time__wrapper input-dropdown::part(id_dropdown-content){width:100%;min-width:unset;height:160px}.nylas-reminder-time__wrapper select-dropdown{width:120px}@media screen and (max-width: 768px){.nylas-reminder-time__wrapper select-dropdown{width:100%}}.nylas-reminder-time__wrapper select-dropdown::part(sd_dropdown-button){border:1px solid var(--nylas-base-200)}';var te=undefined&&undefined.__decorate||function(e,n,a,t){var s=arguments.length,o=s<3?n:t===null?t=Object.getOwnPropertyDescriptor(n,a):t,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,n,a,t);else for(var i=e.length-1;i>=0;i--)if(l=e[i])o=(s<3?l(o):s>3?l(n,a,o):l(n,a))||o;return s>3&&o&&Object.defineProperty(n,a,o),o};var se=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const oe=class{constructor(n){e(this,n);this.valueChanged=a(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.name="reminder-time";this.errorState=false}elementNameChangedHandler(e){l("nylas-reminder-time","elementNameChangedHandler",e);this.host.setAttribute("name",e)}eventReminderTimeMinutesChangedHandler(e,n){l("nylas-reminder-time","eventReminderTimeMinutesChangedHandler",e);this.updateNumberAndPeriodFromMinutes(e);this.isInternalsAvailable&&this.internals.setFormValue(e?.toString(),this.name)}selectedLanguageChangedHandler(e,n){if(e===n)return;r.changeLanguage(e)}themeConfigChangedHandler(e,n){if(e===n)return;this.applyThemeConfig(e)}connectedCallback(){l("nylas-reminder-time","connectedCallback");queueMicrotask((()=>{if(this.themeConfig){this.applyThemeConfig(this.themeConfig);this.host.setAttribute("data-themed","")}}))}componentWillLoad(){l("nylas-reminder-time","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){l("nylas-reminder-time","componentDidLoad");this.updateNumberAndPeriodFromMinutes(this.eventReminderTimeMinutes||30)}disconnectedCallback(){l("nylas-reminder-time","disconnectedCallback")}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a)}}}nylasSuggestReminderMinutesHandler(e){const{minutes:n}=e.detail;this.errorState=false;this.valueChanged.emit({value:n.toString(),name:this.name});this.isInternalsAvailable&&this.internals.setFormValue(n.toString(),this.name);this.updateNumberAndPeriodFromMinutes(n+7);setTimeout((()=>{this.updateNumberAndPeriodFromMinutes(n)}),10)}timePeriodChangedHandler(e){const{number:n,period:a}=e.detail;let t;const s=60;const o=s*24;const l=o*7;const i=o*30;if(a==="minute"){t=n}else if(a==="hour"){t=n*s}else if(a==="day"){t=n*o}else if(a==="week"){t=n*l}else if(a==="month"){t=n*i}else{t=0}this.errorState=t%5!==0;this.valueChanged.emit({value:t,name:this.name});this.isInternalsAvailable&&this.internals.setFormValue(t.toString(),this.name)}updateNumberAndPeriodFromMinutes(e){const n=60;const a=n*24;const t=a*7;const s=a*30;let o,l;if(e===0){o=0;l="minute"}else if(e>=s&&e%s===0){o=Math.floor(e/s);l="month"}else if(e>=t&&e%t===0){o=Math.floor(e/t);l="week"}else if(e>=a&&e%a===0){o=Math.floor(e/a);l="day"}else if(e>=n&&e%n===0){o=Math.floor(e/n);l="hour"}else{o=e;l="minute"}this.selectedNumber=o;this.selectedPeriod=l}get isInternalsAvailable(){return this.internals!==undefined&&typeof this.internals.setFormValue==="function"&&typeof this.internals.setValidity==="function"}render(){const e=typeof this.selectedNumber=="number"&&typeof this.selectedPeriod=="string";return n(s,{key:"385ed7c26be8961ea8a3a38136a935ed7eea94da"},n("div",{key:"105c3fe6b87f82b5b3d4f19e9af0732cc6bfa00e",class:"nylas-reminder-time",part:"nrt"},n("div",{key:"f7ed0f2b641d31c8e19477c5a534295fb10d37ad",class:"nylas-reminder-time__wrapper"},e&&n("time-period-selector",{key:"9632d0a83fc484bf202ba6d9f1904c06aa8dc515",id:"limit-future-bookings",part:"nrt__time-period-selector",hasError:this.errorState,timePeriods:[{value:"minute",label:r.t("timeDuration",{context:"minute"})},{value:"hour",label:r.t("timeDuration",{context:"hour"})},{value:"day",label:r.t("timePeriod",{context:"day"})}],exportparts:"tps__number-dropdown: nrt__number-dropdown, tps__number-dropdown-button: nrt__number-dropdown-button, tps__number-dropdown-content: nrt__number-dropdown-content, tps__period-dropdown: nrt__period-dropdown, tps__period-dropdown-button: nrt__period-dropdown-button, tps__period-dropdown-content: nrt__period-dropdown-content",defaultSelectedNumber:this.selectedNumber,defaultSelectedPeriod:this.selectedPeriod,themeConfig:this.themeConfig}))))}static get formAssociated(){return true}get host(){return t(this)}static get watchers(){return{name:["elementNameChangedHandler"],eventReminderTimeMinutes:["eventReminderTimeMinutesChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};te([o({name:"nylas-reminder-time",stateToProps:new Map([["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:true}),se("design:type",Function),se("design:paramtypes",[]),se("design:returntype",void 0)],oe.prototype,"render",null);oe.style=ae;const le=".sc-trash-icon-h{display:flex}";const ie=class{constructor(n){e(this,n);this.width="20";this.height="21"}render(){return n("svg",{key:"968d758513738446ce03862a916f385a2c8d63fd",width:this.width,height:this.height,viewBox:"0 0 20 21",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"fdc08f18f0b0df669431f58ab55c90f4a3742cc4",d:"M10 0.25C11.733 0.25 13.1492 1.60645 13.2449 3.31558L13.25 3.5H18.5C18.9142 3.5 19.25 3.83579 19.25 4.25C19.25 4.6297 18.9678 4.94349 18.6018 4.99315L18.5 5H17.704L16.4239 18.0192C16.2912 19.3683 15.1984 20.41 13.8626 20.4945L13.6871 20.5H6.31293C4.95734 20.5 3.81365 19.5145 3.59883 18.1934L3.57614 18.0192L2.295 5H1.5C1.1203 5 0.806509 4.71785 0.756847 4.35177L0.75 4.25C0.75 3.8703 1.03215 3.55651 1.39823 3.50685L1.5 3.5H6.75C6.75 1.70507 8.20507 0.25 10 0.25ZM16.197 5H3.802L5.06893 17.8724C5.12768 18.4696 5.60033 18.9343 6.18585 18.9936L6.31293 19H13.6871C14.2872 19 14.7959 18.5751 14.9123 17.9982L14.9311 17.8724L16.197 5ZM11.75 7.75C12.1297 7.75 12.4435 8.03215 12.4932 8.39823L12.5 8.5V15.5C12.5 15.9142 12.1642 16.25 11.75 16.25C11.3703 16.25 11.0565 15.9678 11.0068 15.6018L11 15.5V8.5C11 8.08579 11.3358 7.75 11.75 7.75ZM8.25 7.75C8.6297 7.75 8.94349 8.03215 8.99315 8.39823L9 8.5V15.5C9 15.9142 8.66421 16.25 8.25 16.25C7.8703 16.25 7.55651 15.9678 7.50685 15.6018L7.5 15.5V8.5C7.5 8.08579 7.83579 7.75 8.25 7.75ZM10 1.75C9.08183 1.75 8.32881 2.45711 8.2558 3.35647L8.25 3.5H11.75C11.75 2.5335 10.9665 1.75 10 1.75Z",fill:"currentColor"}))}};ie.style=le;export{g as checkmark_icon,v as copy_icon,k as dragable_icon,C as eye_icon,L as feedback_icon,T as input_color_picker,M as input_image_url,D as nylas_additional_participants,S as nylas_event_description,q as nylas_event_info,V as nylas_event_location,Q as nylas_event_title,ne as nylas_feedback_form,oe as nylas_reminder_time,ie as trash_icon};
+//# sourceMappingURL=p-38ff3353.entry.js.map