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

package/dist/nylas-web-elements/{p-395f49eb.entry.js → p-cc67e6a8.entry.js}

@@ -1,2 +1,2 @@
-import{r as C,h as t}from"./p-68c2fadf.js";const s=".sc-translate-icon-h{display:flex}";const e=s;const r=class{constructor(t){C(this,t);this.width="16";this.height="16"}render(){return t("svg",{key:"cc28e003f52beddf264e14de210359dbeab11321",xmlns:"http://www.w3.org/2000/svg",width:this.width,height:this.height,viewBox:"0 0 20 20",fill:"none"},t("path",{key:"887afb698a01900cf408d4db7cd389f3505f8211",fill:"currentColor",d:"M14.1663 4.02867C14.4267 4.12081 14.563 4.40654 14.4709 4.66685C14.3501 5.00788 14.2182 5.4771 14.1178 5.86047C14.6877 5.77587 15.2665 5.65653 15.8867 5.51288C16.1557 5.45058 16.4243 5.61815 16.4866 5.88717C16.5489 6.15619 16.3814 6.42479 16.1123 6.4871C15.339 6.66621 14.6101 6.81289 13.8717 6.90283C13.7759 7.35654 13.7014 7.77084 13.6451 8.15021C14.1202 8.04599 14.5738 8.00553 14.9996 8.02075L14.9996 8C14.9996 7.72386 15.2235 7.5 15.4996 7.5C15.7758 7.5 15.9996 7.72386 15.9996 8C15.9996 8.05657 15.9991 8.11281 15.9979 8.16871C17.1392 8.47838 17.9781 9.23987 18.3435 10.2263C18.9579 11.8853 18.1287 13.8787 15.7027 14.9569C15.4504 15.069 15.1549 14.9554 15.0427 14.7031C14.9306 14.4507 15.0442 14.1552 15.2966 14.0431C17.3705 13.1213 17.7913 11.6147 17.4057 10.5737C17.1874 9.984 16.6776 9.44916 15.9129 9.18633C15.6829 10.7237 15.021 11.9466 14.229 12.7925C14.3126 12.9656 14.3958 13.1436 14.4641 13.3151C14.5662 13.5717 14.441 13.8625 14.1844 13.9646C13.9278 14.0667 13.637 13.9415 13.5349 13.6849C13.5066 13.6137 13.4777 13.5463 13.448 13.4802C13.028 13.7794 12.5905 13.9869 12.1705 14.0835C11.5942 14.2161 10.963 14.1517 10.534 13.6942C9.88917 13.0053 9.84361 11.8611 10.2855 10.8412C10.6652 9.96479 11.4186 9.11781 12.5848 8.54034C12.6387 8.07338 12.7199 7.55894 12.8332 6.98891C12.3926 7.00755 11.9403 7.00326 11.4659 6.97127C11.1904 6.95269 10.9821 6.71428 11.0007 6.43876C11.0192 6.16325 11.2577 5.95496 11.5332 5.97353C12.0633 6.00928 12.5641 6.00772 13.0566 5.97553C13.1605 5.55444 13.3512 4.8331 13.5282 4.33317C13.6203 4.07286 13.906 3.93653 14.1663 4.02867ZM12.501 9.74109C11.8436 10.1821 11.427 10.7219 11.2031 11.2387C10.8542 12.0439 10.9881 12.716 11.2638 13.0105C11.2637 13.0104 11.2639 13.0106 11.2638 13.0105C11.3573 13.11 11.5624 13.1973 11.9463 13.109C12.2578 13.0373 12.6311 12.8571 13.0121 12.5576C12.8658 12.22 12.7272 11.8324 12.6313 11.353C12.5405 10.8996 12.4899 10.3743 12.501 9.74109ZM13.7808 11.7797C14.316 11.0956 14.759 10.1665 14.9271 9.01632C14.539 9.00681 14.1111 9.05601 13.6457 9.17854C13.605 9.19274 13.5647 9.20726 13.525 9.22209C13.4663 10.0545 13.5146 10.671 13.6118 11.1568C13.6578 11.3868 13.7156 11.5913 13.7808 11.7797ZM6.92028 5.2159C5.77942 4.88398 4.78409 5.00841 4.07616 5.21575C3.72264 5.3193 3.439 5.44393 3.24121 5.5443C3.14215 5.59457 3.0641 5.63901 3.00903 5.67212C2.98147 5.68868 2.95962 5.70244 2.9437 5.71271L2.92429 5.72542L2.91797 5.72966L2.91566 5.73123L2.91393 5.73241C2.91384 5.73249 2.91436 5.73325 2.94925 5.78397C3.23698 6.20225 3.1703 6.10548 2.91393 5.73241C2.68634 5.88881 2.62863 6.20009 2.78502 6.42767C2.94134 6.65514 3.25207 6.71313 3.47963 6.55703L3.4788 6.5576L3.48576 6.55305C3.49318 6.54826 3.50608 6.5401 3.52423 6.52919C3.56057 6.50735 3.6177 6.47463 3.69373 6.43605C3.84612 6.35872 4.07228 6.2589 4.35724 6.17544C4.92619 6.0088 5.72242 5.90898 6.64043 6.17595C7.35305 6.38517 7.66747 6.76919 7.82692 7.16112C7.98173 7.54163 8.0026 7.95751 8.00531 8.33243C7.46199 8.18407 6.79336 8.03682 6.08385 8.00744C5.04808 7.96456 3.8874 8.17096 2.87738 9.01102C1.98877 9.75011 1.78345 10.8818 2.07014 11.853C2.35713 12.8252 3.14925 13.692 4.31803 13.9348C5.22351 14.123 6.18016 13.8639 6.9599 13.5212C7.3403 13.354 7.69572 13.1594 8.0057 12.9665V13.5C8.0057 13.7761 8.22956 14 8.5057 14C8.78184 14 9.0057 13.7754 9.0057 13.4993L9.0057 8.44586C9.0058 8.05404 9.00595 7.40554 8.7532 6.78428C8.48142 6.11625 7.93342 5.51313 6.92136 5.21622L6.92028 5.2159ZM6.04249 9.00659C6.76366 9.03645 7.44769 9.209 8.0057 9.37205V11.757C7.65814 12.0182 7.13927 12.35 6.55757 12.6057C5.85264 12.9155 5.12729 13.0816 4.52148 12.9557C3.75127 12.7957 3.22322 12.2271 3.02922 11.5699C2.83491 10.9116 2.98777 10.2199 3.51683 9.77985C4.27958 9.14545 5.16917 8.97043 6.04249 9.00659Z"}))}};r.style=e;export{r as translate_icon};
-//# sourceMappingURL=p-395f49eb.entry.js.map
+import{r as C,h as t}from"./p-68c2fadf.js";const s=".sc-translate-icon-h{display:flex}";const c=s;const a=class{constructor(t){C(this,t);this.width="16";this.height="16"}render(){return t("svg",{key:"c5b7540830d308930bf6ccca2d966eaa1c060710",xmlns:"http://www.w3.org/2000/svg",width:this.width,height:this.height,viewBox:"0 0 20 20",fill:"none"},t("path",{key:"3386ce6d36bc64433a39e22a676b66d743dadfd4",fill:"currentColor",d:"M14.1663 4.02867C14.4267 4.12081 14.563 4.40654 14.4709 4.66685C14.3501 5.00788 14.2182 5.4771 14.1178 5.86047C14.6877 5.77587 15.2665 5.65653 15.8867 5.51288C16.1557 5.45058 16.4243 5.61815 16.4866 5.88717C16.5489 6.15619 16.3814 6.42479 16.1123 6.4871C15.339 6.66621 14.6101 6.81289 13.8717 6.90283C13.7759 7.35654 13.7014 7.77084 13.6451 8.15021C14.1202 8.04599 14.5738 8.00553 14.9996 8.02075L14.9996 8C14.9996 7.72386 15.2235 7.5 15.4996 7.5C15.7758 7.5 15.9996 7.72386 15.9996 8C15.9996 8.05657 15.9991 8.11281 15.9979 8.16871C17.1392 8.47838 17.9781 9.23987 18.3435 10.2263C18.9579 11.8853 18.1287 13.8787 15.7027 14.9569C15.4504 15.069 15.1549 14.9554 15.0427 14.7031C14.9306 14.4507 15.0442 14.1552 15.2966 14.0431C17.3705 13.1213 17.7913 11.6147 17.4057 10.5737C17.1874 9.984 16.6776 9.44916 15.9129 9.18633C15.6829 10.7237 15.021 11.9466 14.229 12.7925C14.3126 12.9656 14.3958 13.1436 14.4641 13.3151C14.5662 13.5717 14.441 13.8625 14.1844 13.9646C13.9278 14.0667 13.637 13.9415 13.5349 13.6849C13.5066 13.6137 13.4777 13.5463 13.448 13.4802C13.028 13.7794 12.5905 13.9869 12.1705 14.0835C11.5942 14.2161 10.963 14.1517 10.534 13.6942C9.88917 13.0053 9.84361 11.8611 10.2855 10.8412C10.6652 9.96479 11.4186 9.11781 12.5848 8.54034C12.6387 8.07338 12.7199 7.55894 12.8332 6.98891C12.3926 7.00755 11.9403 7.00326 11.4659 6.97127C11.1904 6.95269 10.9821 6.71428 11.0007 6.43876C11.0192 6.16325 11.2577 5.95496 11.5332 5.97353C12.0633 6.00928 12.5641 6.00772 13.0566 5.97553C13.1605 5.55444 13.3512 4.8331 13.5282 4.33317C13.6203 4.07286 13.906 3.93653 14.1663 4.02867ZM12.501 9.74109C11.8436 10.1821 11.427 10.7219 11.2031 11.2387C10.8542 12.0439 10.9881 12.716 11.2638 13.0105C11.2637 13.0104 11.2639 13.0106 11.2638 13.0105C11.3573 13.11 11.5624 13.1973 11.9463 13.109C12.2578 13.0373 12.6311 12.8571 13.0121 12.5576C12.8658 12.22 12.7272 11.8324 12.6313 11.353C12.5405 10.8996 12.4899 10.3743 12.501 9.74109ZM13.7808 11.7797C14.316 11.0956 14.759 10.1665 14.9271 9.01632C14.539 9.00681 14.1111 9.05601 13.6457 9.17854C13.605 9.19274 13.5647 9.20726 13.525 9.22209C13.4663 10.0545 13.5146 10.671 13.6118 11.1568C13.6578 11.3868 13.7156 11.5913 13.7808 11.7797ZM6.92028 5.2159C5.77942 4.88398 4.78409 5.00841 4.07616 5.21575C3.72264 5.3193 3.439 5.44393 3.24121 5.5443C3.14215 5.59457 3.0641 5.63901 3.00903 5.67212C2.98147 5.68868 2.95962 5.70244 2.9437 5.71271L2.92429 5.72542L2.91797 5.72966L2.91566 5.73123L2.91393 5.73241C2.91384 5.73249 2.91436 5.73325 2.94925 5.78397C3.23698 6.20225 3.1703 6.10548 2.91393 5.73241C2.68634 5.88881 2.62863 6.20009 2.78502 6.42767C2.94134 6.65514 3.25207 6.71313 3.47963 6.55703L3.4788 6.5576L3.48576 6.55305C3.49318 6.54826 3.50608 6.5401 3.52423 6.52919C3.56057 6.50735 3.6177 6.47463 3.69373 6.43605C3.84612 6.35872 4.07228 6.2589 4.35724 6.17544C4.92619 6.0088 5.72242 5.90898 6.64043 6.17595C7.35305 6.38517 7.66747 6.76919 7.82692 7.16112C7.98173 7.54163 8.0026 7.95751 8.00531 8.33243C7.46199 8.18407 6.79336 8.03682 6.08385 8.00744C5.04808 7.96456 3.8874 8.17096 2.87738 9.01102C1.98877 9.75011 1.78345 10.8818 2.07014 11.853C2.35713 12.8252 3.14925 13.692 4.31803 13.9348C5.22351 14.123 6.18016 13.8639 6.9599 13.5212C7.3403 13.354 7.69572 13.1594 8.0057 12.9665V13.5C8.0057 13.7761 8.22956 14 8.5057 14C8.78184 14 9.0057 13.7754 9.0057 13.4993L9.0057 8.44586C9.0058 8.05404 9.00595 7.40554 8.7532 6.78428C8.48142 6.11625 7.93342 5.51313 6.92136 5.21622L6.92028 5.2159ZM6.04249 9.00659C6.76366 9.03645 7.44769 9.209 8.0057 9.37205V11.757C7.65814 12.0182 7.13927 12.35 6.55757 12.6057C5.85264 12.9155 5.12729 13.0816 4.52148 12.9557C3.75127 12.7957 3.22322 12.2271 3.02922 11.5699C2.83491 10.9116 2.98777 10.2199 3.51683 9.77985C4.27958 9.14545 5.16917 8.97043 6.04249 9.00659Z"}))}};a.style=c;export{a as translate_icon};
+//# sourceMappingURL=p-cc67e6a8.entry.js.map

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

@@ -1,2 +1,2 @@
-import{r as t,h as o}from"./p-68c2fadf.js";const n="button.sc-button-component{height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;cursor:pointer;font-family:var(--nylas-font-family);font-weight:600}@media screen and (max-width: 768px){button.sc-button-component{width:100%}}button.button-primary.sc-button-component{background:var(--nylas-primary);color:var(--nylas-base-0);height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;cursor:pointer}button.button-primary.sc-button-component:hover{background:var(--nylas-base-600)}button.button-primary.sc-button-component:active{background:var(--nylas-base-800)}button.button-primary.sc-button-component:disabled{background:var(--nylas-base-300);cursor:not-allowed}button.button-basic.sc-button-component{border:1px solid var(--nylas-base-300);color:var(--nylas-base-700);background:transparent}button.button-basic.sc-button-component:hover{background:transparent;border-color:var(--nylas-primary)}button.button-basic.sc-button-component:active{background:transparent;border-color:var(--nylas-base-600);border-width:2px}button.button-basic.sc-button-component:disabled{background:transparent;border-color:var(--nylas-base-300);color:var(--nylas-base-300);cursor:not-allowed}button.button-destructive.sc-button-component{border:1px solid var(--nylas-base-300);color:var(--nylas-error);background:transparent}button.button-destructive.sc-button-component:hover{background:transparent;border-color:var(--nylas-error)}button.button-destructive.sc-button-component:active{background:transparent;border-color:var(--nylas-error-pressed);border-width:2px;color:var(--nylas-error-pressed)}button.button-destructive.sc-button-component:disabled{background:transparent;border-color:var(--nylas-base-300);color:var(--nylas-base-300);cursor:not-allowed}button.button-invisible.sc-button-component{background:transparent;color:var(--nylas-base-800);border:none}button.button-invisible.sc-button-component:hover{background:var(--nylas-base-50);color:var(--nylas-primary)}button.button-invisible.sc-button-component:active{background:var(--nylas-base-50);color:var(--nylas-base-850)}button.button-invisible.sc-button-component:disabled{background:transparent;color:var(--nylas-base-300);cursor:not-allowed}";const r=n;const a=class{constructor(o){t(this,o);this.variant="primary";this.disabled=false;this.type="button";this.clickHandler=undefined;this.mouseOverHandler=undefined;this.mouseOutHandler=undefined;this.focusHandler=undefined;this.blurHandler=undefined}render(){const t=`button-${this.variant}`+(this.disabled?" disabled":"");return o("button",{key:"e384a27359c08f60670fd25909d2510b9d7e5bb6",class:t,disabled:this.disabled,type:"type",onClick:this.clickHandler,onMouseOver:this.mouseOverHandler,onMouseOut:this.mouseOutHandler,onFocus:this.focusHandler,onBlur:this.blurHandler},o("slot",{key:"0913c3c782a922a16abcdb4c4964e008bb71f193"}))}};a.style=r;export{a as button_component};
-//# sourceMappingURL=p-4f548e66.entry.js.map
+import{r as t,h as o}from"./p-68c2fadf.js";const n="button.sc-button-component{height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;cursor:pointer;font-family:var(--nylas-font-family);font-weight:600}@media screen and (max-width: 768px){button.sc-button-component{width:100%}}button.button-primary.sc-button-component{background:var(--nylas-primary);color:var(--nylas-base-0);height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;cursor:pointer}button.button-primary.sc-button-component:hover{background:var(--nylas-base-600)}button.button-primary.sc-button-component:active{background:var(--nylas-base-800)}button.button-primary.sc-button-component:disabled{background:var(--nylas-base-300);cursor:not-allowed}button.button-basic.sc-button-component{border:1px solid var(--nylas-base-300);color:var(--nylas-base-700);background:transparent}button.button-basic.sc-button-component:hover{background:transparent;border-color:var(--nylas-primary)}button.button-basic.sc-button-component:active{background:transparent;border-color:var(--nylas-base-600);border-width:2px}button.button-basic.sc-button-component:disabled{background:transparent;border-color:var(--nylas-base-300);color:var(--nylas-base-300);cursor:not-allowed}button.button-destructive.sc-button-component{border:1px solid var(--nylas-base-300);color:var(--nylas-error);background:transparent}button.button-destructive.sc-button-component:hover{background:transparent;border-color:var(--nylas-error)}button.button-destructive.sc-button-component:active{background:transparent;border-color:var(--nylas-error-pressed);border-width:2px;color:var(--nylas-error-pressed)}button.button-destructive.sc-button-component:disabled{background:transparent;border-color:var(--nylas-base-300);color:var(--nylas-base-300);cursor:not-allowed}button.button-invisible.sc-button-component{background:transparent;color:var(--nylas-base-800);border:none}button.button-invisible.sc-button-component:hover{background:var(--nylas-base-50);color:var(--nylas-primary)}button.button-invisible.sc-button-component:active{background:var(--nylas-base-50);color:var(--nylas-base-850)}button.button-invisible.sc-button-component:disabled{background:transparent;color:var(--nylas-base-300);cursor:not-allowed}";const r=n;const a=class{constructor(o){t(this,o);this.variant="primary";this.disabled=false;this.type="button";this.clickHandler=undefined;this.mouseOverHandler=undefined;this.mouseOutHandler=undefined;this.focusHandler=undefined;this.blurHandler=undefined}render(){const t=`button-${this.variant}`+(this.disabled?" disabled":"");return o("button",{key:"fca4a9e837ecc61a8b7a9e4782e5ef6c37651a94",class:t,disabled:this.disabled,type:"type",onClick:this.clickHandler,onMouseOver:this.mouseOverHandler,onMouseOut:this.mouseOutHandler,onFocus:this.focusHandler,onBlur:this.blurHandler},o("slot",{key:"df96fc8cb6cfa3eccb9f295489a7502ec0022550"}))}};a.style=r;export{a as button_component};
+//# sourceMappingURL=p-d1d984c5.entry.js.map

package/dist/nylas-web-elements/{p-98a2f588.entry.js → p-d9a145a5.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as r,h as t,F as s,H as n}from"./p-68c2fadf.js";import{R as o}from"./p-795b324a.js";import{a as l,f as i,t as a}from"./p-6c11737d.js";import"./p-02aa5f03.js";import"./p-cb65c223.js";const d=":host{display:block}.folders{display:flex;flex-direction:column;align-items:self-start}.folders .folder{border:1px solid var(--nylas-color-primary-100);padding:0.5rem 0.75rem;margin-bottom:0.5rem;justify-content:left;width:100%;min-width:200px;border-radius:var(--nylas-border-radius);background-color:var(--nylas-color-primary-50)}.folders .folder:last-child{margin-bottom:0}.folders .folder.selected{background-color:var(--nylas-color-primary-100)}.folders .folder .icon{margin-right:0.5rem;stroke:var(--nylas-color-primary-900);fill:none}hr{width:100%;margin:1rem 0;border:0;border-top:1px solid var(--nylas-color-primary-100)}";const c=d;var f=undefined&&undefined.__decorate||function(e,r,t,s){var n=arguments.length,o=n<3?r:s===null?s=Object.getOwnPropertyDescriptor(r,t):s,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,r,t,s);else for(var i=e.length-1;i>=0;i--)if(l=e[i])o=(n<3?l(o):n>3?l(r,t,o):l(r,t))||o;return n>3&&o&&Object.defineProperty(r,t,o),o};var u=undefined&&undefined.__metadata||function(e,r){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,r)};const p=class{constructor(t){e(this,t);this.folderSelected=r(this,"folderSelected",7);this.folderSelectedHandler=e=>{this.folderSelected?.emit(e)};this.folders=undefined;this.selectedFolder=undefined;this.defaultFolders=undefined;this.otherFolders=undefined}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){l(`[nylas-list-folders] Component will load`)}async componentDidLoad(){l(`[nylas-list-folders] Component did load`)}watchFolders(e){l(`[nylas-list-folders] watchFolders`,{newFolders:e});const r=["inbox","drafts","sent","starred","spam","archive","trash"];this.defaultFolders=r.filter((r=>e.find((e=>e.name?.toLowerCase()===r.toLowerCase())))).map((r=>e.find((e=>e.name?.toLowerCase()===r.toLowerCase())))).filter((e=>typeof e!=="undefined")).sort(((e,t)=>r.indexOf(e?.name??"")-r.indexOf(t?.name??"")));this.otherFolders=e.filter((e=>!r.find((r=>e.name?.toLowerCase()===r.toLowerCase())))).sort(((e,r)=>(e.name??"").localeCompare(r.name??"")))}formatFolderName(e){return a(e.name?.replace("CATEGORY_","")??"Unknown")}getFolderIcon(e){switch(e.name?.toLowerCase()){case"inbox":return t("inbox-icon",null);case"drafts":return t("drafts-icon",null);case"sent":return t("sent-icon",null);case"starred":return t("star-icon",null);case"spam":return t("spam-icon",null);case"archive":return t("archive-icon",null);case"trash":return t("trash-icon",null);default:return t("folder-icon",null)}}render(){return t(n,{key:"1e11d6ec60787049e26f1a3e68cfb5b47f602936"},t("div",{key:"8da3cbb6045f0e41f0e400cc9b8a16215c9bb62a",class:"folders"},this.defaultFolders?.map((e=>t("sp-button",{onClick:()=>this.folderSelectedHandler(e),class:{folder:true,selected:i(e.name??"inbox").toLowerCase()===this.selectedFolder?.toLowerCase()}},t("div",{slot:"icon",class:"icon"},this.getFolderIcon(e)),this.formatFolderName(e))))),this.otherFolders&&t(s,null,t("hr",null),t("div",{class:"folders"},this.otherFolders?.map((e=>t("sp-button",{onClick:()=>this.folderSelectedHandler(e),class:{folder:true,selected:i(e.name??"inbox").toLowerCase()===this.selectedFolder?.toLowerCase()}},t("div",{slot:"icon",class:"icon"},this.getFolderIcon(e)),this.formatFolderName(e)))))))}static get watchers(){return{folders:["watchFolders"]}}};f([o({name:"nylas-pagination",stateToProps:new Map([["mailbox.folders","folders"],["mailbox.selectedFolder","selectedFolder"]]),eventToProps:{folderSelected:async(e,r)=>{l(`[nylas-list-folders] folderSelected event`,{_event:e});await r.threads.getThreads({page_token:undefined,in:i(e.detail.id??"inbox")})}},fireRegisterEvent:true}),u("design:type",Function),u("design:paramtypes",[]),u("design:returntype",void 0)],p.prototype,"render",null);p.style=c;export{p as nylas_list_folders};
-//# sourceMappingURL=p-98a2f588.entry.js.map
+import{r as e,c as r,h as t,F as s,H as n}from"./p-68c2fadf.js";import{R as o}from"./p-795b324a.js";import{a as l,f as i,t as a}from"./p-6c11737d.js";import"./p-02aa5f03.js";import"./p-cb65c223.js";const d=":host{display:block}.folders{display:flex;flex-direction:column;align-items:self-start}.folders .folder{border:1px solid var(--nylas-color-primary-100);padding:0.5rem 0.75rem;margin-bottom:0.5rem;justify-content:left;width:100%;min-width:200px;border-radius:var(--nylas-border-radius);background-color:var(--nylas-color-primary-50)}.folders .folder:last-child{margin-bottom:0}.folders .folder.selected{background-color:var(--nylas-color-primary-100)}.folders .folder .icon{margin-right:0.5rem;stroke:var(--nylas-color-primary-900);fill:none}hr{width:100%;margin:1rem 0;border:0;border-top:1px solid var(--nylas-color-primary-100)}";const c=d;var f=undefined&&undefined.__decorate||function(e,r,t,s){var n=arguments.length,o=n<3?r:s===null?s=Object.getOwnPropertyDescriptor(r,t):s,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,r,t,s);else for(var i=e.length-1;i>=0;i--)if(l=e[i])o=(n<3?l(o):n>3?l(r,t,o):l(r,t))||o;return n>3&&o&&Object.defineProperty(r,t,o),o};var u=undefined&&undefined.__metadata||function(e,r){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,r)};const p=class{constructor(t){e(this,t);this.folderSelected=r(this,"folderSelected",7);this.folderSelectedHandler=e=>{this.folderSelected?.emit(e)};this.folders=undefined;this.selectedFolder=undefined;this.defaultFolders=undefined;this.otherFolders=undefined}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){l(`[nylas-list-folders] Component will load`)}async componentDidLoad(){l(`[nylas-list-folders] Component did load`)}watchFolders(e){l(`[nylas-list-folders] watchFolders`,{newFolders:e});const r=["inbox","drafts","sent","starred","spam","archive","trash"];this.defaultFolders=r.filter((r=>e.find((e=>e.name?.toLowerCase()===r.toLowerCase())))).map((r=>e.find((e=>e.name?.toLowerCase()===r.toLowerCase())))).filter((e=>typeof e!=="undefined")).sort(((e,t)=>r.indexOf(e?.name??"")-r.indexOf(t?.name??"")));this.otherFolders=e.filter((e=>!r.find((r=>e.name?.toLowerCase()===r.toLowerCase())))).sort(((e,r)=>(e.name??"").localeCompare(r.name??"")))}formatFolderName(e){return a(e.name?.replace("CATEGORY_","")??"Unknown")}getFolderIcon(e){switch(e.name?.toLowerCase()){case"inbox":return t("inbox-icon",null);case"drafts":return t("drafts-icon",null);case"sent":return t("sent-icon",null);case"starred":return t("star-icon",null);case"spam":return t("spam-icon",null);case"archive":return t("archive-icon",null);case"trash":return t("trash-icon",null);default:return t("folder-icon",null)}}render(){return t(n,{key:"e90f5f811be2c0a00228edfee0b1fd31e1a428f7"},t("div",{key:"ef0f2e871c60c23905f56be5cd65c33bd9484e51",class:"folders"},this.defaultFolders?.map((e=>t("sp-button",{onClick:()=>this.folderSelectedHandler(e),class:{folder:true,selected:i(e.name??"inbox").toLowerCase()===this.selectedFolder?.toLowerCase()}},t("div",{slot:"icon",class:"icon"},this.getFolderIcon(e)),this.formatFolderName(e))))),this.otherFolders&&t(s,null,t("hr",null),t("div",{class:"folders"},this.otherFolders?.map((e=>t("sp-button",{onClick:()=>this.folderSelectedHandler(e),class:{folder:true,selected:i(e.name??"inbox").toLowerCase()===this.selectedFolder?.toLowerCase()}},t("div",{slot:"icon",class:"icon"},this.getFolderIcon(e)),this.formatFolderName(e)))))))}static get watchers(){return{folders:["watchFolders"]}}};f([o({name:"nylas-pagination",stateToProps:new Map([["mailbox.folders","folders"],["mailbox.selectedFolder","selectedFolder"]]),eventToProps:{folderSelected:async(e,r)=>{l(`[nylas-list-folders] folderSelected event`,{_event:e});await r.threads.getThreads({page_token:undefined,in:i(e.detail.id??"inbox")})}},fireRegisterEvent:true}),u("design:type",Function),u("design:paramtypes",[]),u("design:returntype",void 0)],p.prototype,"render",null);p.style=c;export{p as nylas_list_folders};
+//# sourceMappingURL=p-d9a145a5.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as i,a as s}from"./p-68c2fadf.js";import{a as o}from"./p-6c11737d.js";import"./p-02aa5f03.js";import"./p-cb65c223.js";const r=':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}@media screen and (max-width: 768px){:host{position:unset}}.dropdown{display:inline-block}.dropbtn{color:var(--nylas-base-800);padding:10px;font-size:1rem;font-family:var(--nylas-font-family);cursor:pointer;display:flex;gap:0.5rem;background:transparent;border:none;border-radius:var(--nylas-border-radius-2x);width:50px;padding:14px 16px;border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:transparent}.dropbtn:hover,.dropbtn:active{outline:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn span.chevron{display:flex;align-self:center}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropbtn 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){.dropbtn span.selected-option{max-width:124px;font-size:16px}}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);max-width:306px;width:max-content;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1)}@media screen and (max-width: 768px){.dropdown-content{right:0;width:325px;max-width:unset}}.search-box{border-bottom:1px solid var(--nylas-base-200);padding:10px;position:sticky;top:0;background:var(--nylas-base-0)}.search-box .icon{position:absolute;top:1.25rem;left:1.25rem;color:var(--nylas-base-300)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:black;padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content .selected{background-color:#e7e7e7}input[type=text]{width:-webkit-fill-available;padding:inherit;border:1px solid #ccc;border-radius:4px;position:sticky;background:no-repeat scroll 7px 7px;padding-left:30px;background-size:16px 16px}';const n=r;const d=class{constructor(i){e(this,i);this.inputOptionChanged=t(this,"inputOptionChanged",7);this.name=undefined;this.options=[];this.defaultInputOption=undefined;this.inputValue=undefined;this.pluralizedLabel="";this.filterable=false;this.selectedOption=this.defaultInputOption||null;this.isOpen=false;this.filteredOptions=[...this.options];this.ariaActivedescendant="";this.shouldAutoScroll=false}optionsChangedHandler(e,t){if(e===t){return}this.filteredOptions=this.getFilteredOptions(e)}defaultSelectedOptionChangedHandler(e,t){if(e.label===t.label){return}this.selectedOption=e}inputValueChangedHandler(e,t){if(e===t){return}this.inputValue=e;this.filteredOptions=this.getFilteredOptions(this.options)}componentWillLoad(){this.filteredOptions=this.getFilteredOptions(this.options);if(!this.selectedOption&&!!this.defaultInputOption){this.selectedOption=this.defaultInputOption}if(!this.selectedOption&&this.options.length>0){this.selectedOption=this.options[0]}}getFilteredOptions(e){if(!this.filterable){return e}return e.filter((e=>e?.value?.toString().toLowerCase().includes(this.inputValue?.toLowerCase())||e?.label?.toLowerCase().includes(this.inputValue?.toLowerCase())))}toggleDropdown(){this.isOpen=!this.isOpen}selectOption(e){this.selectedOption=e;this.toggleDropdown();this.inputOptionChanged.emit({value:e.value,name:this.name})}handleOnInput(e){const t=e.target.value;const i=this.options.findIndex((e=>e.label.toLowerCase().includes(t.toLowerCase())));if(i>-1){this.scrollToViewWithinParent(i)}this.inputOptionChanged.emit({value:t,name:this.name})}scrollToViewWithinParent(e){const t=this.options[e];const i=this.el.shadowRoot?.getElementById(t.value.toString());const s=this.optionsRef;this.ariaActivedescendant=t.value.toString();if(!i||!s)return;const o=i.getBoundingClientRect();const r=s.getBoundingClientRect();if(o.top<r.top){s.scrollTop-=r.top-o.top}else if(o.bottom>r.bottom){s.scrollTop+=o.bottom-r.bottom}}handleSelectButtonKeyDown(e){switch(e.key){case"ArrowDown":case"Enter":e.preventDefault();if(!this.isOpen){this.toggleDropdown()}this.inputRef?.focus();break;case"Escape":this.isOpen=false;break}}handleClick(e){if(this.isOpen){const t=e.target.value;const i=this.options.findIndex((e=>e.label.toLowerCase().includes(t.toLowerCase())));if(i>-1){setTimeout((()=>{this.scrollToViewWithinParent(i)}),10)}}}handleListboxKeydown(e){const t=this.filteredOptions;const i=t.findIndex((e=>e.value===this.ariaActivedescendant));if(e.key==="ArrowDown"||e.key==="Tab"&&!e.shiftKey){e.preventDefault();if(i===t.length-1){this.ariaActivedescendant="";this.inputRef?.focus();return}const s=i+1<t.length?i+1:0;this.ariaActivedescendant=t[s].value;this.focusOption(s)}else if(e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey){e.preventDefault();if(i===0){this.ariaActivedescendant="";this.inputRef?.focus();return}const s=i-1>=0?i-1:t.length-1;this.ariaActivedescendant=t[s].value;this.focusOption(s)}else if(e.key==="Enter"){e.preventDefault();if(this.ariaActivedescendant){this.selectOption(t[i])}}else if(e.key==="Escape"){this.isOpen=false}}focusOption(e){const t=this.filteredOptions[e];if(!t)return;const i=t.value;const s=this.el.shadowRoot?.getElementById(i);if(s){s.focus();s.scrollIntoView({behavior:"smooth",block:"nearest"})}}handleComboboxKeyDown(e){if(e.key==="ArrowDown"||e.key=="Tab"&&!e.shiftKey){e.preventDefault();if(!this.isOpen){this.isOpen=true;this.shouldAutoScroll=true;return}this.ariaActivedescendant=this.filteredOptions[0].value;this.focusOption(0)}else if(e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey){e.preventDefault();this.ariaActivedescendant=this.filteredOptions[this.filteredOptions.length-1].value;this.focusOption(this.filteredOptions.length-1)}else if(e.key==="Escape"){this.isOpen=false}}handleOutsideClick(e){const t=e.composedPath();const i=t.includes(this.el);if(!i&&this.isOpen){this.isOpen=false}}render(){return i("div",{key:"46501632a9bcea1b4af6d5b4b073904e14d0cf50",class:"dropdown",part:"id_dropdown"},i("input",{key:"67e4a24466b39b39161066bb9915ca67467043f3",type:"text",name:this.name,id:this.name,part:"id_dropdown-input",class:{dropbtn:true,open:this.isOpen},value:this.inputValue,onClick:e=>{this.toggleDropdown();this.shouldAutoScroll=true;this.handleClick(e)},"aria-haspopup":"listbox","aria-label":this.name,"aria-expanded":this.isOpen?"true":"false",onKeyDown:e=>this.handleComboboxKeyDown(e),onInput:e=>this.handleOnInput(e)}),this.isOpen?i("div",{class:"dropdown-content",part:"id_dropdown-content",ref:e=>this.optionsRef=e},i("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:e=>this.handleListboxKeydown(e)},this.filteredOptions.map((e=>i("li",{tabindex:"0",key:e.value,id:e.value,onClick:()=>this.selectOption(e),role:"option",class:{focused:this.ariaActivedescendant===e.value.toString()}},e.labelHTML?e.labelHTML:e.label))))):null)}get el(){return s(this)}static get watchers(){return{options:["optionsChangedHandler"],defaultInputOption:["defaultSelectedOptionChangedHandler"],inputValue:["inputValueChangedHandler"]}}};d.style=n;const a=".time-period-selector.sc-time-period-selector{display:grid;gap:0.5rem;grid-template-columns:auto 1fr}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector,.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector{width:116px}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector{width:84px;display:flex;align-items:center}.time-period-selector.sc-time-period-selector select-dropdown#time-period.sc-time-period-selector::part(sd_dropdown-button){width:100%}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown){width:inherit;height:100%}.time-period-selector.sc-time-period-selector input-dropdown#time-number.sc-time-period-selector::part(id_dropdown-input){border:none;border-radius:var(--nylas-border-radius-2x)}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown-input){padding:17px;gap:1rem}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown-content){width:100%;max-height:200px}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown){width:inherit}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown-button){padding:1rem;gap:1rem;justify-content:space-between}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown-content){width:100%;max-height:200px}";const p=a;const l={hours:"hour",days:"day",weeks:"week",months:"month"};const c=class{constructor(i){e(this,i);this.timePeriodChanged=t(this,"timePeriodChanged",7);this.timePeriods=["hour","day","week","month"];this.defaultSelectedPeriod="hour";this.defaultSelectedNumber=1;this.selectedPeriod=this.defaultSelectedPeriod;this.selectedNumber=this.defaultSelectedNumber;this.numberOptions=this.calculateOptions(this.defaultSelectedPeriod||"hour").map((e=>({label:e.toString(),value:e.toString()})));this.timePeriodOptions=this.timePeriods.map((e=>({label:e,value:e})))}defaultSelectedPeriodChangedHandler(e){this.selectedPeriod=e;const t=l[e]??e;this.updateNumberOptionsAndSelectedNumber(t)}defaultSelectedNumberChangedHandler(e){this.selectedNumber=e}timePeriodsChangedHandler(e){this.timePeriodOptions=e.map((e=>({label:e,value:e})))}calculateOptions(e){switch(e){case"hour":return Array.from({length:23},((e,t)=>t+1));case"minute":return Array.from({length:13},((e,t)=>t*5));case"day":return Array.from({length:30},((e,t)=>t+1));case"week":return Array.from({length:4},((e,t)=>t+1));case"month":return Array.from({length:12},((e,t)=>t+1));default:return[]}}inputOptionChangedHandler(e){o("time-period-selector","inputOptionChangedHandler",e.detail);const{value:t,name:i}=e.detail;if(i==="time-number"){this.selectedNumber=parseInt(t)}const s={number:this.selectedNumber,period:this.selectedPeriod};this.timePeriodChanged.emit(s)}nylasFormDropdownChangedHandler(e){o("time-period-selector","nylasFormDropdownChangedHandler",e.detail);const{value:t,name:i}=e.detail;if(i==="time-period"){this.selectedPeriod=t;this.updateNumberOptionsAndSelectedNumber(t)}else if(i==="time-number"){this.selectedNumber=parseInt(t)}const s={number:this.selectedNumber,period:this.selectedPeriod};this.timePeriodChanged.emit(s)}updateNumberOptionsAndSelectedNumber(e){const t=this.calculateOptions(e);this.numberOptions=t.map((e=>({label:e.toString(),value:e.toString()})));this.selectedNumber=parseInt(this.numberOptions[0].value)}render(){return i("div",{key:"0bd8e5ec168ca34bfd0540c6b1423954a716bbde",class:"time-period-selector"},i("input-dropdown",{key:"8d481cca0e6693367e9c64004cd5596e90aaaa03",id:"time-number",name:"time-number",inputValue:this.selectedNumber.toString(),exportparts:"sd_dropdown: tps__number-dropdown, sd_dropdown-button: tps__number-dropdown-button, sd_dropdown-content: tps__number-dropdown-content",options:this.numberOptions,defaultInputOption:this.numberOptions.find((e=>e.value==this.selectedNumber.toString()))??this.numberOptions[0]}),i("select-dropdown",{key:"e173825b80107361a1d5323fcd3a5503b1d59de5",id:"time-period",name:"time-period",options:this.timePeriodOptions,exportparts:"sd_dropdown: tps__period-dropdown, sd_dropdown-button: tps__period-dropdown-button, sd_dropdown-content: tps__period-dropdown-content",pluralizedLabel:this.selectedNumber>1?"s":"",defaultSelectedOption:this.timePeriodOptions.find((e=>e.value==this.selectedPeriod))??this.timePeriodOptions[0],withSearch:false}))}get host(){return s(this)}static get watchers(){return{defaultSelectedPeriod:["defaultSelectedPeriodChangedHandler"],defaultSelectedNumber:["defaultSelectedNumberChangedHandler"],timePeriods:["timePeriodsChangedHandler"]}}};c.style=p;export{d as input_dropdown,c as time_period_selector};
+//# sourceMappingURL=p-dcb497d4.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["inputDropdownCss","InputDropdownStyle0","InputDropdown","this","defaultInputOption","options","optionsChangedHandler","newValue","oldValue","filteredOptions","getFilteredOptions","defaultSelectedOptionChangedHandler","label","selectedOption","inputValueChangedHandler","inputValue","componentWillLoad","length","filterable","filter","option","value","toString","toLowerCase","includes","toggleDropdown","isOpen","selectOption","inputOptionChanged","emit","name","handleOnInput","event","target","optionIndex","findIndex","scrollToViewWithinParent","childElement","el","shadowRoot","getElementById","parentElement","optionsRef","ariaActivedescendant","childRect","getBoundingClientRect","parentRect","top","scrollTop","bottom","handleSelectButtonKeyDown","key","preventDefault","inputRef","focus","handleClick","setTimeout","handleListboxKeydown","e","items","currentIndex","item","shiftKey","nextIndex","focusOption","prevIndex","index","elementId","element","scrollIntoView","behavior","block","handleComboboxKeyDown","shouldAutoScroll","handleOutsideClick","path","composedPath","isClickInside","render","h","class","part","type","id","dropbtn","open","onClick","onKeyDown","onInput","ref","tabindex","role","map","focused","labelHTML","timePeriodSelectorCss","TimePeriodSelectorStyle0","pluralToSingular","hours","days","weeks","months","TimePeriodSelector","defaultSelectedPeriod","defaultSelectedNumber","calculateOptions","i","timePeriods","period","defaultSelectedPeriodChangedHandler","selectedPeriod","updateNumberOptionsAndSelectedNumber","defaultSelectedNumberChangedHandler","selectedNumber","timePeriodsChangedHandler","timePeriodOptions","Array","from","_","inputOptionChangedHandler","debug","detail","parseInt","selected","number","timePeriodChanged","nylasFormDropdownChangedHandler","numberOptions","exportparts","find","pluralizedLabel","defaultSelectedOption","withSearch"],"sources":["src/components/design-system/input-dropdown/input-dropdown.scss?tag=input-dropdown&encapsulation=shadow","src/components/design-system/input-dropdown/input-dropdown.tsx","src/components/design-system/time-period-selector/time-period-selector.scss?tag=time-period-selector&encapsulation=scoped","src/components/design-system/time-period-selector/time-period-selector.tsx"],"sourcesContent":["@import '../../../common/styles/variables.scss';\n\n:host {\n  display: block;\n  position: relative;\n  @media #{$mobile} {\n    position: unset;\n  }\n  @include default-css-variables;\n}\n\n.dropdown {\n  display: inline-block;\n}\n\n.dropbtn {\n  color: var(--nylas-base-800);\n  padding: 10px;\n  font-size: 1rem;\n  font-family: var(--nylas-font-family);\n  cursor: pointer;\n  display: flex;\n  gap: 0.5rem;\n  background: transparent;\n  border: none;\n  border-radius: var(--nylas-border-radius-2x);\n  width: 50px;\n  padding: 14px 16px;\n  border-radius: var(--nylas-border-radius-2x);\n  &.focus {\n    background: transparent;\n  }\n  &:hover,\n  &:active {\n    outline: 1px solid var(--nylas-primary);\n  }\n  &:active {\n    outline: 2px solid var(--nylas-primary);\n  }\n  span {\n    &.chevron {\n      display: flex;\n      align-self: center;\n    }\n    &.open {\n      transform: rotate(90deg);\n    }\n    &.closed {\n      transform: rotate(270deg);\n    }\n    &.selected-option {\n      text-overflow: ellipsis;\n      overflow: hidden;\n      white-space: nowrap;\n      max-width: 144px;\n      font-size: 14px;\n      line-height: 20px;\n      @media #{$mobile} {\n        max-width: 124px;\n        font-size: 16px;\n      }\n    }\n  }\n}\n\n.dropdown-content {\n  display: block;\n  margin-top: 0.5rem;\n  background-color: var(--nylas-base-0);\n  max-width: 306px;\n  width: max-content;\n  max-height: 336px;\n  overflow: auto;\n  z-index: 1;\n  border-radius: 4px;\n  position: absolute;\n  @media #{$mobile} {\n    right: 0;\n    width: 325px;\n    max-width: unset;\n  }\n  box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);\n  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);\n}\n\n.search-box {\n  border-bottom: 1px solid var(--nylas-base-200);\n  padding: 10px;\n  position: sticky;\n  top: 0;\n  background: var(--nylas-base-0);\n  .icon {\n    position: absolute;\n    top: 1.25rem;\n    left: 1.25rem;\n    color: var(--nylas-base-300);\n  }\n}\n\n.dropdown-content ul {\n  padding: 0;\n  list-style-type: none;\n  color: var(--nylas-base-900);\n  max-height: 336px;\n  li {\n    padding: 16px, 12px, 16px, 12px;\n    color: black;\n    padding: 12px 16px;\n    text-decoration: none;\n    display: block;\n    font-family: inherit;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: 0px;\n    text-align: left;\n    cursor: pointer;\n    &:hover,\n    &:focus {\n      background-color: var(--nylas-base-100);\n    }\n  }\n}\n\n.dropdown-content .selected {\n  background-color: #e7e7e7;\n}\n\ninput[type='text'] {\n  width: -webkit-fill-available;\n  padding: inherit;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  position: sticky;\n  background: no-repeat scroll 7px 7px;\n  padding-left: 30px;\n  background-size: 16px 16px;\n}\n","import { Component, Element, Event, EventEmitter, h, Listen, Prop, State, Watch } from '@stencil/core';\n\ninterface DropdownOption {\n  labelHTML?: HTMLElement;\n  label: string;\n  value: string;\n}\n\n/**\n * The `input-dropdown` component is a dropdown that allows users to input an option and/or select from a list of options.\n * @part id_dropdown - The dropdown container\n * @part id_dropdown-input - The dropdown button\n * @part id_dropdown-content - The dropdown content\n */\n@Component({\n  tag: 'input-dropdown',\n  styleUrl: 'input-dropdown.scss',\n  shadow: true,\n})\nexport class InputDropdown {\n  @Element() el!: HTMLElement;\n\n  private inputRef?: HTMLInputElement;\n  private optionsRef!: HTMLElement;\n\n  // Props\n  /**\n   * The name of the dropdown\n   */\n  @Prop() name!: string;\n  /**\n   * The options to display in the dropdown\n   */\n  @Prop() options: DropdownOption[] = [];\n  /**\n   * The default selected option\n   */\n  @Prop() defaultInputOption?: DropdownOption;\n  /**\n   * Should show search input\n   */\n  @Prop() inputValue!: string;\n  /**\n   * Show pluralized label for the selected option. This is s tring that is appended to the selected option label as a suffix.\n   */\n  @Prop() pluralizedLabel: string = '';\n\n  /**\n   * This is used to set if the dropdown should be filtered based on the input value.\n   * If set to true, the dropdown will be filtered based on the input value.\n   */\n  @Prop() filterable: boolean = false;\n\n  // States\n  /**\n   * The selected option\n   */\n  @State() selectedOption: DropdownOption | null = this.defaultInputOption || null;\n  /**\n   * The open state of the dropdown\n   */\n  @State() isOpen: boolean = false;\n\n  /**\n   * The filtered options based on the search value\n   */\n  @State() filteredOptions: DropdownOption[] = [...this.options];\n  /**\n   * The aria-activedescendant attribute for the listbox element to indicate the currently active\n   * option in the list box to screen readers. The value of aria-activedescendant is the ID of\n   * the active option.\n   */\n  @State() ariaActivedescendant: string = '';\n\n  /**\n   * This is used to scroll to the input value.\n   */\n  @State() shouldAutoScroll: boolean = false;\n\n  // Events\n  /**\n   * This event is fired when the selected option is changed\n   */\n  @Event({ bubbles: true, composed: true }) inputOptionChanged!: EventEmitter<{\n    value: DropdownOption['value'];\n    name: string;\n  }>;\n\n  @Watch('options')\n  optionsChangedHandler(newValue: DropdownOption[], oldValue: DropdownOption[]) {\n    if (newValue === oldValue) {\n      return;\n    }\n    this.filteredOptions = this.getFilteredOptions(newValue);\n  }\n\n  @Watch('defaultInputOption')\n  defaultSelectedOptionChangedHandler(newValue: DropdownOption, oldValue: DropdownOption) {\n    if (newValue.label === oldValue.label) {\n      return;\n    }\n    this.selectedOption = newValue;\n  }\n\n  @Watch('inputValue')\n  inputValueChangedHandler(newValue: string, oldValue: string) {\n    if (newValue === oldValue) {\n      return;\n    }\n    this.inputValue = newValue;\n    this.filteredOptions = this.getFilteredOptions(this.options);\n  }\n\n  // Lifecycle methods\n  componentWillLoad() {\n    this.filteredOptions = this.getFilteredOptions(this.options);\n    // Set the selected option to the first option if no option is selected\n    if (!this.selectedOption && !!this.defaultInputOption) {\n      this.selectedOption = this.defaultInputOption;\n    }\n    if (!this.selectedOption && this.options.length > 0) {\n      this.selectedOption = this.options[0];\n    }\n  }\n\n  // Methods\n  getFilteredOptions(options): DropdownOption[] {\n    if (!this.filterable) {\n      return options;\n    }\n    return options.filter(\n      option => option?.value?.toString().toLowerCase().includes(this.inputValue?.toLowerCase()) || option?.label?.toLowerCase().includes(this.inputValue?.toLowerCase()),\n    );\n  }\n  toggleDropdown(): void {\n    this.isOpen = !this.isOpen;\n  }\n\n  selectOption(option: DropdownOption): void {\n    this.selectedOption = option;\n    this.toggleDropdown();\n    this.inputOptionChanged.emit({\n      value: option.value,\n      name: this.name,\n    });\n  }\n\n  handleOnInput(event: Event): void {\n    const value = (event.target as HTMLInputElement).value;\n    const optionIndex = this.options.findIndex(option => option.label.toLowerCase().includes(value.toLowerCase()));\n    if (optionIndex > -1) {\n      this.scrollToViewWithinParent(optionIndex);\n    }\n    this.inputOptionChanged.emit({\n      value,\n      name: this.name,\n    });\n  }\n\n  scrollToViewWithinParent(optionIndex: number) {\n    const option = this.options[optionIndex];\n    const childElement = this.el.shadowRoot?.getElementById(option.value.toString()) as HTMLLIElement;\n    const parentElement = this.optionsRef;\n\n    this.ariaActivedescendant = option.value.toString();\n    if (!childElement || !parentElement) return;\n    // Scroll child into view within parent\n    const childRect = childElement.getBoundingClientRect();\n    const parentRect = parentElement.getBoundingClientRect();\n\n    if (childRect.top < parentRect.top) {\n      // Child is above the visible area of the parent\n      parentElement.scrollTop -= parentRect.top - childRect.top;\n    } else if (childRect.bottom > parentRect.bottom) {\n      // Child is below the visible area of the parent\n      parentElement.scrollTop += childRect.bottom - parentRect.bottom;\n    }\n  }\n\n  handleSelectButtonKeyDown(event: KeyboardEvent): void {\n    switch (event.key) {\n      case 'ArrowDown':\n      case 'Enter':\n        event.preventDefault();\n        if (!this.isOpen) {\n          this.toggleDropdown();\n        }\n        this.inputRef?.focus();\n        break;\n      case 'Escape':\n        this.isOpen = false;\n        break;\n    }\n  }\n\n  handleClick(event: Event): void {\n    if (this.isOpen) {\n      const value = (event.target as HTMLInputElement).value;\n      const optionIndex = this.options.findIndex(option => option.label.toLowerCase().includes(value.toLowerCase()));\n      if (optionIndex > -1) {\n        setTimeout(() => {\n          this.scrollToViewWithinParent(optionIndex);\n        }, 10);\n      }\n    }\n  }\n\n  handleListboxKeydown(e) {\n    const items = this.filteredOptions;\n    const currentIndex = items.findIndex(item => item.value === this.ariaActivedescendant);\n    if (e.key === 'ArrowDown' || (e.key === 'Tab' && !e.shiftKey)) {\n      e.preventDefault();\n      if (currentIndex === items.length - 1) {\n        this.ariaActivedescendant = '';\n        this.inputRef?.focus();\n        return;\n      }\n      const nextIndex = currentIndex + 1 < items.length ? currentIndex + 1 : 0;\n      this.ariaActivedescendant = items[nextIndex].value;\n      this.focusOption(nextIndex);\n    } else if (e.key === 'ArrowUp' || (e.key === 'Tab' && e.shiftKey)) {\n      e.preventDefault();\n      if (currentIndex === 0) {\n        this.ariaActivedescendant = '';\n        this.inputRef?.focus();\n        return;\n      }\n      const prevIndex = currentIndex - 1 >= 0 ? currentIndex - 1 : items.length - 1;\n      this.ariaActivedescendant = items[prevIndex].value;\n      this.focusOption(prevIndex);\n    } else if (e.key === 'Enter') {\n      e.preventDefault();\n      if (this.ariaActivedescendant) {\n        this.selectOption(items[currentIndex]);\n      }\n    } else if (e.key === 'Escape') {\n      this.isOpen = false;\n    }\n  }\n\n  focusOption(index) {\n    const option = this.filteredOptions[index];\n    if (!option) return; // Guard clause in case index is out of bounds\n\n    const elementId = option.value;\n    const element = this.el.shadowRoot?.getElementById(elementId) as HTMLLIElement;\n\n    if (element) {\n      element.focus(); // Set focus on the element\n      element.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n    }\n  }\n\n  handleComboboxKeyDown(event: KeyboardEvent): void {\n    if (event.key === 'ArrowDown' || (event.key == 'Tab' && !event.shiftKey)) {\n      event.preventDefault();\n      if (!this.isOpen) {\n        this.isOpen = true;\n        this.shouldAutoScroll = true;\n        return;\n      }\n      this.ariaActivedescendant = this.filteredOptions[0].value;\n      this.focusOption(0);\n    } else if (event.key === 'ArrowUp' || (event.key === 'Tab' && event.shiftKey)) {\n      event.preventDefault();\n      this.ariaActivedescendant = this.filteredOptions[this.filteredOptions.length - 1].value;\n      this.focusOption(this.filteredOptions.length - 1);\n    } else if (event.key === 'Escape') {\n      this.isOpen = false;\n    }\n  }\n\n  // Event listeners\n  @Listen('click', { target: 'document', capture: true })\n  handleOutsideClick(event: MouseEvent) {\n    // Get the path of the event\n    const path = event.composedPath();\n\n    // Check if the path includes the host element\n    const isClickInside = path.includes(this.el);\n\n    if (!isClickInside && this.isOpen) {\n      this.isOpen = false;\n    }\n  }\n\n  render() {\n    return (\n      <div class=\"dropdown\" part=\"id_dropdown\">\n        <input\n          type=\"text\"\n          name={this.name}\n          id={this.name}\n          part=\"id_dropdown-input\"\n          class={{ dropbtn: true, open: this.isOpen }}\n          value={this.inputValue}\n          onClick={(e: Event) => {\n            this.toggleDropdown();\n            this.shouldAutoScroll = true;\n            this.handleClick(e);\n          }}\n          aria-haspopup=\"listbox\"\n          aria-label={this.name}\n          aria-expanded={this.isOpen ? 'true' : 'false'}\n          onKeyDown={e => this.handleComboboxKeyDown(e)}\n          onInput={event => this.handleOnInput(event)}\n        />\n        {this.isOpen ? (\n          <div class=\"dropdown-content\" part=\"id_dropdown-content\" ref={el => (this.optionsRef = el as HTMLElement)}>\n            <ul tabindex=\"-1\" role=\"listbox\" aria-label={this.name} aria-activedescendant={this.ariaActivedescendant} onKeyDown={e => this.handleListboxKeydown(e)}>\n              {this.filteredOptions.map(option => (\n                <li\n                  tabindex=\"0\"\n                  key={option.value}\n                  id={option.value}\n                  onClick={() => this.selectOption(option)}\n                  role=\"option\"\n                  class={{\n                    focused: this.ariaActivedescendant === option.value.toString(),\n                  }}\n                >\n                  {option.labelHTML ? option.labelHTML : option.label}\n                </li>\n              ))}\n            </ul>\n          </div>\n        ) : null}\n      </div>\n    );\n  }\n}\n",".time-period-selector {\n  display: grid;\n  gap: 0.5rem;\n  grid-template-columns: auto 1fr;\n\n  select-dropdown,\n  input-dropdown {\n    border: 1px solid var(--nylas-base-200);\n    border-radius: var(--nylas-border-radius-2x);\n  }\n  select-dropdown {\n    width: 116px;\n  }\n  input-dropdown {\n    width: 84px;\n    display: flex;\n    align-items: center;\n  }\n\n  select-dropdown#time-period::part(sd_dropdown-button) {\n    width: 100%;\n  }\n  input-dropdown::part(id_dropdown) {\n    width: inherit;\n    height: 100%;\n  }\n  input-dropdown#time-number::part(id_dropdown-input) {\n    border: none;\n    border-radius: var(--nylas-border-radius-2x);\n  }\n  input-dropdown::part(id_dropdown-input) {\n    padding: 17px;\n    gap: 1rem;\n  }\n  input-dropdown::part(id_dropdown-content) {\n    width: 100%;\n    max-height: 200px;\n  }\n  select-dropdown::part(sd_dropdown) {\n    width: inherit;\n  }\n  select-dropdown::part(sd_dropdown-button) {\n    padding: 1rem;\n    gap: 1rem;\n    justify-content: space-between;\n  }\n  select-dropdown::part(sd_dropdown-content) {\n    width: 100%;\n    max-height: 200px;\n  }\n}\n","import { debug } from '@/utils/utils';\nimport { Element, Event, EventEmitter, Watch } from '@stencil/core';\nimport { Component, h, Listen, Prop, State } from '@stencil/core';\n\nconst pluralToSingular = {\n  hours: 'hour',\n  days: 'day',\n  weeks: 'week',\n  months: 'month',\n};\n\n@Component({\n  tag: 'time-period-selector',\n  styleUrl: 'time-period-selector.scss',\n  scoped: true,\n})\nexport class TimePeriodSelector {\n  @Element() host!: HTMLElement;\n\n  // The possible values for the time periods dropdown\n  @Prop() timePeriods: string[] = ['hour', 'day', 'week', 'month'];\n\n  /**\n   * The default selected time period.\n   */\n  @Prop() defaultSelectedPeriod: string = 'hour';\n\n  /**\n   * The default selected number.\n   */\n  @Prop() defaultSelectedNumber: number = 1;\n\n  /**\n   * The currently selected time period\n   */\n  @State() selectedPeriod: string = this.defaultSelectedPeriod;\n\n  /**\n   * The currently selected number of the time period\n   */\n  @State() selectedNumber: number = this.defaultSelectedNumber;\n\n  /*\n   * The options for the number dropdown, to be calculated based on the selectedPeriod\n   */\n  @State() numberOptions: { label: string; value: string }[] = this.calculateOptions(this.defaultSelectedPeriod || 'hour').map(i => {\n    return {\n      label: i.toString(),\n      value: i.toString(),\n    };\n  });\n\n  /**\n   * The options for the time period dropdown\n   */\n  @State() timePeriodOptions = this.timePeriods.map(period => {\n    return {\n      label: period,\n      value: period,\n    };\n  });\n\n  @Watch('defaultSelectedPeriod')\n  defaultSelectedPeriodChangedHandler(newValue: string) {\n    this.selectedPeriod = newValue;\n    const period = pluralToSingular[newValue] ?? newValue;\n    this.updateNumberOptionsAndSelectedNumber(period);\n  }\n\n  @Watch('defaultSelectedNumber')\n  defaultSelectedNumberChangedHandler(newValue: number) {\n    this.selectedNumber = newValue;\n  }\n\n  @Watch('timePeriods')\n  timePeriodsChangedHandler(newValue: string[]) {\n    this.timePeriodOptions = newValue.map(period => {\n      return {\n        label: period,\n        value: period,\n      };\n    });\n  }\n\n  @Event() timePeriodChanged!: EventEmitter<{ number: number; period: string }>;\n\n  private calculateOptions(period: string): number[] {\n    switch (period) {\n      case 'hour':\n        return Array.from({ length: 23 }, (_, i) => i + 1);\n      case 'minute':\n        return Array.from({ length: 13 }, (_, i) => i * 5);\n      case 'day':\n        return Array.from({ length: 30 }, (_, i) => i + 1);\n      case 'week':\n        return Array.from({ length: 4 }, (_, i) => i + 1);\n      case 'month':\n        return Array.from({ length: 12 }, (_, i) => i + 1);\n      default:\n        return [];\n    }\n  }\n\n  @Listen('inputOptionChanged')\n  inputOptionChangedHandler(event: CustomEvent<{ value: string; name: string }>) {\n    debug('time-period-selector', 'inputOptionChangedHandler', event.detail);\n    const { value, name } = event.detail;\n    if (name === 'time-number') {\n      this.selectedNumber = parseInt(value);\n    }\n    const selected = {\n      number: this.selectedNumber,\n      period: this.selectedPeriod,\n    };\n    this.timePeriodChanged.emit(selected);\n  }\n\n  @Listen('nylasFormDropdownChanged')\n  nylasFormDropdownChangedHandler(event: CustomEvent<{ value: string; name: string }>) {\n    debug('time-period-selector', 'nylasFormDropdownChangedHandler', event.detail);\n    const { value, name } = event.detail;\n    if (name === 'time-period') {\n      this.selectedPeriod = value;\n      this.updateNumberOptionsAndSelectedNumber(value);\n    } else if (name === 'time-number') {\n      this.selectedNumber = parseInt(value);\n    }\n    const selected = {\n      number: this.selectedNumber,\n      period: this.selectedPeriod,\n    };\n    this.timePeriodChanged.emit(selected);\n  }\n\n  updateNumberOptionsAndSelectedNumber(period: string) {\n    const numberOptions = this.calculateOptions(period);\n    this.numberOptions = numberOptions.map(i => {\n      return {\n        label: i.toString(),\n        value: i.toString(),\n      };\n    });\n    this.selectedNumber = parseInt(this.numberOptions[0].value);\n  }\n\n  render() {\n    return (\n      <div class=\"time-period-selector\">\n        {/* <select-dropdown\n          id=\"time-number\"\n          name={'time-number'}\n          exportparts=\"sd_dropdown: tps__number-dropdown, sd_dropdown-button: tps__number-dropdown-button, sd_dropdown-content: tps__number-dropdown-content\"\n          options={this.numberOptions}\n          defaultSelectedOption={this.numberOptions.find(i => i.value == this.selectedNumber.toString()) ?? this.numberOptions[0]}\n          withSearch={false}\n        /> */}\n        <input-dropdown\n          id=\"time-number\"\n          name={'time-number'}\n          inputValue={this.selectedNumber.toString()}\n          exportparts=\"sd_dropdown: tps__number-dropdown, sd_dropdown-button: tps__number-dropdown-button, sd_dropdown-content: tps__number-dropdown-content\"\n          options={this.numberOptions}\n          defaultInputOption={this.numberOptions.find(i => i.value == this.selectedNumber.toString()) ?? this.numberOptions[0]}\n        />\n        <select-dropdown\n          id=\"time-period\"\n          name={'time-period'}\n          options={this.timePeriodOptions}\n          exportparts=\"sd_dropdown: tps__period-dropdown, sd_dropdown-button: tps__period-dropdown-button, sd_dropdown-content: tps__period-dropdown-content\"\n          pluralizedLabel={this.selectedNumber > 1 ? 's' : ''}\n          defaultSelectedOption={this.timePeriodOptions.find(i => i.value == this.selectedPeriod) ?? this.timePeriodOptions[0]}\n          withSearch={false}\n        />\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/nylas-web-elements/{p-13b003b5.entry.js → p-df2b34ee.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as a,H as s,a as n}from"./p-68c2fadf.js";import{R as r}from"./p-795b324a.js";import{a as t,C as c}from"./p-6c11737d.js";import"./p-02aa5f03.js";import"./p-cb65c223.js";const d=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-form-card{width:100%;border-radius:8px;border:1px solid var(--nylas-base-200)}.nylas-form-card__header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}';const o=d;var l=undefined&&undefined.__decorate||function(e,a,s,n){var r=arguments.length,t=r<3?a:n===null?n=Object.getOwnPropertyDescriptor(a,s):n,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")t=Reflect.decorate(e,a,s,n);else for(var d=e.length-1;d>=0;d--)if(c=e[d])t=(r<3?c(t):r>3?c(a,s,t):c(a,s))||t;return r>3&&t&&Object.defineProperty(a,s,t),t};var f=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const b=class{constructor(a){e(this,a);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}}connectedCallback(){t("nylas-event-card","connectedCallback")}componentWillLoad(){t("nylas-event-card","componentWillLoad")}componentDidLoad(){t("nylas-event-card","componentDidLoad")}disconnectedCallback(){t("nylas-event-card","disconnectedCallback");const e=["header-title","header-subtitle","content"];c(e,this.host)}render(){return a(s,{key:"481f5b89040a4b88cd2524dec46e228a2f495672"},a("div",{key:"bec08ca1ce504d6a6c797ac5995ce682a020256c",class:"nylas-form-card"},a("div",{key:"aa6be7ede7ee3595d7b1eeb31fe53cb2d26ea724",class:"nylas-form-card__header"},a("slot",{key:"a5053d6f0fd8b16d0001c92afa6fc8313a0f7044",name:"header-title"}),a("slot",{key:"18b2f5b6868def67b2e66a722d617e820d430858",name:"header-subtitle"})),a("div",{key:"89e52a3ea00fa5505129d5986858d18867d9f4cd",class:"nylas-form-card__content"},a("slot",{key:"6b5087f1de1b228bf4b4ed57ba93bf39c489bcca",name:"content"}))))}static get formAssociated(){return true}get host(){return n(this)}};l([r({name:"nylas-form-card",eventToProps:{},fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],b.prototype,"render",null);b.style=o;export{b as nylas_form_card};
-//# sourceMappingURL=p-13b003b5.entry.js.map
+import{r as e,h as a,H as s,a as n}from"./p-68c2fadf.js";import{R as r}from"./p-795b324a.js";import{a as t,C as c}from"./p-6c11737d.js";import"./p-02aa5f03.js";import"./p-cb65c223.js";const d=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-form-card{width:100%;border-radius:8px;border:1px solid var(--nylas-base-200)}.nylas-form-card__header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}';const o=d;var l=undefined&&undefined.__decorate||function(e,a,s,n){var r=arguments.length,t=r<3?a:n===null?n=Object.getOwnPropertyDescriptor(a,s):n,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")t=Reflect.decorate(e,a,s,n);else for(var d=e.length-1;d>=0;d--)if(c=e[d])t=(r<3?c(t):r>3?c(a,s,t):c(a,s))||t;return r>3&&t&&Object.defineProperty(a,s,t),t};var f=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const b=class{constructor(a){e(this,a);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}}connectedCallback(){t("nylas-event-card","connectedCallback")}componentWillLoad(){t("nylas-event-card","componentWillLoad")}componentDidLoad(){t("nylas-event-card","componentDidLoad")}disconnectedCallback(){t("nylas-event-card","disconnectedCallback");const e=["header-title","header-subtitle","content"];c(e,this.host)}render(){return a(s,{key:"452748a2f5bbe760d62bc430c206e76e1d662cdc"},a("div",{key:"5960063b44a6c0d70f85f2a4ca151b3f9cf12b21",class:"nylas-form-card"},a("div",{key:"40a34de1891b375ee143ef27d71ab18a6ac8e1ae",class:"nylas-form-card__header"},a("slot",{key:"ad166ef70620dd2c9f29943220534920d643a615",name:"header-title"}),a("slot",{key:"567c259cb3d5db843bd4eea56d134060f0730e2b",name:"header-subtitle"})),a("div",{key:"092edbf7aec788c1b1feaa1328e56896c8bb25f9",class:"nylas-form-card__content"},a("slot",{key:"598dc69a824032ae31ab03259bf61e38ef52b661",name:"content"}))))}static get formAssociated(){return true}get host(){return n(this)}};l([r({name:"nylas-form-card",eventToProps:{},fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],b.prototype,"render",null);b.style=o;export{b as nylas_form_card};
+//# sourceMappingURL=p-df2b34ee.entry.js.map

package/dist/nylas-web-elements/{p-ec26560f.entry.js → p-e9c1e983.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,h as r}from"./p-68c2fadf.js";const t=".sc-arrow-icon-h{display:flex}";const s=t;const e=class{constructor(r){o(this,r);this.width="15";this.height="15"}render(){return r("svg",{key:"e7497355cd40f954aebe8fa1cea719a0265afc8b",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{key:"85246706016370c533b494b84c2336f24653485d",d:"M5 12H19M12 5L19 12L12 19",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))}};e.style=s;export{e as arrow_icon};
-//# sourceMappingURL=p-ec26560f.entry.js.map
+import{r as o,h as r}from"./p-68c2fadf.js";const t=".sc-arrow-icon-h{display:flex}";const s=t;const e=class{constructor(r){o(this,r);this.width="15";this.height="15"}render(){return r("svg",{key:"68667baa609aef995529604ad3ea57b6b5079b6b",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{key:"35b9af7c0cf9c609fabbd2424e2fbe67a4e63dad",d:"M5 12H19M12 5L19 12L12 19",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))}};e.style=s;export{e as arrow_icon};
+//# sourceMappingURL=p-e9c1e983.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as e,h as t,H as n}from"./p-68c2fadf.js";import{R as s}from"./p-795b324a.js";import{a}from"./p-6c11737d.js";import"./p-02aa5f03.js";import"./p-cb65c223.js";const i=":host{display:block}div{height:inherit}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fade-in{animation:fadeIn 1.5s}.fade-out{animation:fadeOut 1.5s}@keyframes slideIn{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes slideOut{0%{transform:translateY(0)}100%{transform:translateY(100%)}}.slide-in{animation:slideIn 1.5s}.slide-out{animation:slideOut 1.5s}@keyframes swipeIn{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes swipeOut{0%{transform:translateX(0)}100%{transform:translateX(100%)}}.swipe-in{animation:swipeIn 1.5s}.swipe-out{animation:swipeOut 1.5s}";const o=i;var r=undefined&&undefined.__decorate||function(e,t,n,s){var a=arguments.length,i=a<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,n):s,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,t,n,s);else for(var r=e.length-1;r>=0;r--)if(o=e[r])i=(a<3?o(i):a>3?o(t,n,i):o(t,n))||i;return a>3&&i&&Object.defineProperty(t,n,i),i};var f=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const d=class{constructor(t){e(this,t);this.state=undefined;this.isStateSet=undefined;this.isBoolean=undefined;this.getStore=undefined;this.transition="none";this.show=false;this.classes={};this.initTransition=this.initTransition.bind(this)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){a(`[nylas-if-state] Component will load`);this.watchStore(true)}async componentDidLoad(){a(`[nylas-if-state] Component did load`)}shouldRender(){const[e,t]=this.state?this.state.split("."):["",""];const n=this.getStore;if(typeof n==="undefined"){a(`[nylas-if-state] Store name: ${e} | State name: ${t}`,{getStore:n});return false}const s=n(e);if(typeof s==="undefined"){a(`[nylas-if-state] Store name: ${e} | State name: ${t}`,{store:s});return false}const i=s.state[t];if(typeof this.isStateSet==="boolean"){return this.isStateSet===false&&(typeof i==="undefined"||i===null||i.length===0)||this.isStateSet===true&&typeof i!=="undefined"&&i!==null}if(typeof this.isBoolean==="boolean"){return this.isBoolean===true&&typeof i!=="undefined"&&i===true||this.isBoolean===false&&typeof i!=="undefined"&&i===false}return false}onGetStoreChange(){this.watchStore(true)}watchStore(e=false){const[t,n]=this.state?this.state.split("."):["",""];const s=this.getStore;if(typeof s==="undefined"){a(`[nylas-if-state] Store name: ${t} | State name: ${n}`,{getStore:s});return null}const i=s(t);if(typeof i==="undefined"){a(`[nylas-if-state] Store name: ${t} | State name: ${n}`,{store:i});return null}if(e===true){this.initTransition()}i.onChange(n,this.initTransition)}initTransition(){const e=this.shouldRender();switch(this.transition){case"fade":case"slide":case"swipe":this.classes={[`${this.transition}-in`]:e,[`${this.transition}-out`]:!e};setTimeout((()=>{this.show=e}),150);break;default:this.show=this.shouldRender();break}}render(){return t(n,{key:"a54c576c586d31c138132ac5486c628bbcdf97df"},t("div",{key:"e5376f5282b5eeb4dd6b3a8a38ea2a3187c8da64",class:this.classes},this.show&&t("slot",null)))}static get watchers(){return{getStore:["onGetStoreChange"]}}};r([s({name:"nylas-if-state",getStoresToProp:"getStore",fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],d.prototype,"render",null);d.style=o;export{d as nylas_if_state};
+//# sourceMappingURL=p-e9f7d494.entry.js.map

package/dist/nylas-web-elements/{p-53da3000.entry.js.map → p-e9f7d494.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["nylasIfStateCss","NylasIfStateStyle0","NylasIfState","constructor","hostRef","this","initTransition","bind","connectedCallback","disconnectedCallback","componentWillLoad","debug","watchStore","componentDidLoad","shouldRender","storeName","stateName","state","split","getStore","store","isStateSet","length","isBoolean","onGetStoreChange","immediate","onChange","show","transition","classes","setTimeout","render","h","Host","key","class","__decorate","RegisterComponent","name","getStoresToProp","fireRegisterEvent"],"sources":["src/components/nylas-if-state/nylas-if-state.css?tag=nylas-if-state&encapsulation=shadow","src/components/nylas-if-state/nylas-if-state.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\ndiv {\n  height: inherit;\n}\n\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes fadeOut {\n  0% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n.fade-in {\n  animation: fadeIn 1.5s;\n}\n\n.fade-out {\n  animation: fadeOut 1.5s;\n}\n\n@keyframes slideIn {\n  0% {\n    transform: translateY(100%);\n  }\n  100% {\n    transform: translateY(0);\n  }\n}\n\n@keyframes slideOut {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(100%);\n  }\n}\n\n.slide-in {\n  animation: slideIn 1.5s;\n}\n\n.slide-out {\n  animation: slideOut 1.5s;\n}\n\n@keyframes swipeIn {\n  0% {\n    transform: translateX(100%);\n  }\n  100% {\n    transform: translateX(0);\n  }\n}\n\n@keyframes swipeOut {\n  0% {\n    transform: translateX(0);\n  }\n  100% {\n    transform: translateX(100%);\n  }\n}\n\n.swipe-in {\n  animation: swipeIn 1.5s;\n}\n\n.swipe-out {\n  animation: swipeOut 1.5s;\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { debug } from '@/utils/utils';\nimport { Component, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { ObservableMap } from '@stencil/store';\n\nexport type Stores = Record<string, ObservableMap<any>>;\n\nexport type Transitions = 'none' | 'fade' | 'slide' | 'swipe';\n\n@Component({\n  tag: 'nylas-if-state',\n  styleUrl: 'nylas-if-state.css',\n  shadow: true,\n})\nexport class NylasIfState {\n  /**\n   * The name of the state to watch.\n   */\n  @Prop() readonly state?: string;\n  /**\n   * If true, then the component will render if the state is set (empty or not set).\n   * This prop is used with the `state` prop.\n   */\n  @Prop() readonly isStateSet?: boolean;\n  /**\n   * If true, then the component will render if the state is true.\n   * This prop is used with the `state` prop.\n   */\n  @Prop() readonly isBoolean?: boolean;\n  @Prop() readonly getStore?: <K extends keyof Stores>(name: K) => Stores[K];\n  @Prop() readonly transition: Transitions = 'none';\n\n  @State() show: boolean = false;\n  @State() classes: Record<string, boolean> = {};\n\n  constructor() {\n    this.initTransition = this.initTransition.bind(this);\n  }\n\n  connectedCallback() {}\n\n  disconnectedCallback() {}\n\n  async componentWillLoad() {\n    debug(`[nylas-if-state] Component will load`);\n    this.watchStore(true);\n  }\n\n  async componentDidLoad() {\n    debug(`[nylas-if-state] Component did load`);\n  }\n\n  private shouldRender() {\n    // If a period exists in the state name, then we need to split the state name into the store name and the state name.\n    // For example, if the state name is `nylas.scheduler.selectableDates`, then the store name is `nylas` and the state name is `scheduler.selectableDates`.\n    const [storeName, stateName] = this.state ? this.state.split('.') : ['', ''];\n    const getStore = this.getStore;\n    if (typeof getStore === 'undefined') {\n      debug(`[nylas-if-state] Store name: ${storeName} | State name: ${stateName}`, { getStore });\n      return false;\n    }\n\n    const store = getStore(storeName as keyof Stores);\n    if (typeof store === 'undefined') {\n      debug(`[nylas-if-state] Store name: ${storeName} | State name: ${stateName}`, { store });\n      return false;\n    }\n\n    const state = store.state[stateName as string];\n\n    if (typeof this.isStateSet === 'boolean') {\n      return (\n        (this.isStateSet === false && (typeof state === 'undefined' || state === null || state.length === 0)) ||\n        (this.isStateSet === true && typeof state !== 'undefined' && state !== null)\n      );\n    }\n\n    if (typeof this.isBoolean === 'boolean') {\n      return (this.isBoolean === true && typeof state !== 'undefined' && state === true) || (this.isBoolean === false && typeof state !== 'undefined' && state === false);\n    }\n\n    return false;\n  }\n\n  @Watch('getStore')\n  onGetStoreChange() {\n    this.watchStore(true);\n  }\n\n  private watchStore(immediate: boolean = false) {\n    // If a period exists in the state name, then we need to split the state name into the store name and the state name.\n    // For example, if the state name is `nylas.scheduler.selectableDates`, then the store name is `nylas` and the state name is `scheduler.selectableDates`.\n    const [storeName, stateName] = this.state ? this.state.split('.') : ['', ''];\n    const getStore = this.getStore;\n    if (typeof getStore === 'undefined') {\n      debug(`[nylas-if-state] Store name: ${storeName} | State name: ${stateName}`, { getStore });\n      return null;\n    }\n\n    const store = getStore(storeName as keyof Stores);\n    if (typeof store === 'undefined') {\n      debug(`[nylas-if-state] Store name: ${storeName} | State name: ${stateName}`, { store });\n      return null;\n    }\n\n    if (immediate === true) {\n      this.initTransition();\n    }\n\n    store.onChange(stateName as string, this.initTransition);\n  }\n\n  private initTransition() {\n    const show = this.shouldRender();\n    switch (this.transition) {\n      case 'fade':\n      case 'slide':\n      case 'swipe':\n        this.classes = {\n          [`${this.transition}-in`]: show,\n          [`${this.transition}-out`]: !show,\n        };\n        setTimeout(() => {\n          this.show = show;\n        }, 150);\n        break;\n      default:\n        this.show = this.shouldRender();\n        break;\n    }\n  }\n\n  @RegisterComponent({\n    name: 'nylas-if-state',\n    getStoresToProp: 'getStore',\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host>\n        <div class={this.classes}>{this.show && <slot></slot>}</div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0KAAA,MAAMA,EAAkB,+oBACxB,MAAAC,EAAeD,E,ugBCaFE,EAAY,MAqBvB,WAAAC,CAAAC,G,0HAL2C,O,UAElB,M,aACmB,GAG1CC,KAAKC,eAAiBD,KAAKC,eAAeC,KAAKF,K,CAGjD,iBAAAG,GAAiB,CAEjB,oBAAAC,GAAoB,CAEpB,uBAAMC,GACJC,EAAM,wCACNN,KAAKO,WAAW,K,CAGlB,sBAAMC,GACJF,EAAM,sC,CAGA,YAAAG,GAGN,MAAOC,EAAWC,GAAaX,KAAKY,MAAQZ,KAAKY,MAAMC,MAAM,KAAO,CAAC,GAAI,IACzE,MAAMC,EAAWd,KAAKc,SACtB,UAAWA,IAAa,YAAa,CACnCR,EAAM,gCAAgCI,mBAA2BC,IAAa,CAAEG,aAChF,OAAO,K,CAGT,MAAMC,EAAQD,EAASJ,GACvB,UAAWK,IAAU,YAAa,CAChCT,EAAM,gCAAgCI,mBAA2BC,IAAa,CAAEI,UAChF,OAAO,K,CAGT,MAAMH,EAAQG,EAAMH,MAAMD,GAE1B,UAAWX,KAAKgB,aAAe,UAAW,CACxC,OACGhB,KAAKgB,aAAe,eAAiBJ,IAAU,aAAeA,IAAU,MAAQA,EAAMK,SAAW,IACjGjB,KAAKgB,aAAe,aAAeJ,IAAU,aAAeA,IAAU,I,CAI3E,UAAWZ,KAAKkB,YAAc,UAAW,CACvC,OAAQlB,KAAKkB,YAAc,aAAeN,IAAU,aAAeA,IAAU,MAAUZ,KAAKkB,YAAc,cAAgBN,IAAU,aAAeA,IAAU,K,CAG/J,OAAO,K,CAIT,gBAAAO,GACEnB,KAAKO,WAAW,K,CAGV,UAAAA,CAAWa,EAAqB,OAGtC,MAAOV,EAAWC,GAAaX,KAAKY,MAAQZ,KAAKY,MAAMC,MAAM,KAAO,CAAC,GAAI,IACzE,MAAMC,EAAWd,KAAKc,SACtB,UAAWA,IAAa,YAAa,CACnCR,EAAM,gCAAgCI,mBAA2BC,IAAa,CAAEG,aAChF,OAAO,I,CAGT,MAAMC,EAAQD,EAASJ,GACvB,UAAWK,IAAU,YAAa,CAChCT,EAAM,gCAAgCI,mBAA2BC,IAAa,CAAEI,UAChF,OAAO,I,CAGT,GAAIK,IAAc,KAAM,CACtBpB,KAAKC,gB,CAGPc,EAAMM,SAASV,EAAqBX,KAAKC,e,CAGnC,cAAAA,GACN,MAAMqB,EAAOtB,KAAKS,eAClB,OAAQT,KAAKuB,YACX,IAAK,OACL,IAAK,QACL,IAAK,QACHvB,KAAKwB,QAAU,CACb,CAAC,GAAGxB,KAAKuB,iBAAkBD,EAC3B,CAAC,GAAGtB,KAAKuB,mBAAoBD,GAE/BG,YAAW,KACTzB,KAAKsB,KAAOA,CAAI,GACf,KACH,MACF,QACEtB,KAAKsB,KAAOtB,KAAKS,eACjB,M,CASN,MAAAiB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAO9B,KAAKwB,SAAUxB,KAAKsB,MAAQK,EAAA,c,+DAH9CI,EAAA,CALCC,EAAkB,CACjBC,KAAM,iBACNC,gBAAiB,WACjBC,kBAAmB,O"}
+{"version":3,"names":["nylasIfStateCss","NylasIfStateStyle0","NylasIfState","constructor","hostRef","this","initTransition","bind","connectedCallback","disconnectedCallback","componentWillLoad","debug","watchStore","componentDidLoad","shouldRender","storeName","stateName","state","split","getStore","store","isStateSet","length","isBoolean","onGetStoreChange","immediate","onChange","show","transition","classes","setTimeout","render","h","Host","key","class","__decorate","RegisterComponent","name","getStoresToProp","fireRegisterEvent"],"sources":["src/components/nylas-if-state/nylas-if-state.css?tag=nylas-if-state&encapsulation=shadow","src/components/nylas-if-state/nylas-if-state.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\ndiv {\n  height: inherit;\n}\n\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes fadeOut {\n  0% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n.fade-in {\n  animation: fadeIn 1.5s;\n}\n\n.fade-out {\n  animation: fadeOut 1.5s;\n}\n\n@keyframes slideIn {\n  0% {\n    transform: translateY(100%);\n  }\n  100% {\n    transform: translateY(0);\n  }\n}\n\n@keyframes slideOut {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(100%);\n  }\n}\n\n.slide-in {\n  animation: slideIn 1.5s;\n}\n\n.slide-out {\n  animation: slideOut 1.5s;\n}\n\n@keyframes swipeIn {\n  0% {\n    transform: translateX(100%);\n  }\n  100% {\n    transform: translateX(0);\n  }\n}\n\n@keyframes swipeOut {\n  0% {\n    transform: translateX(0);\n  }\n  100% {\n    transform: translateX(100%);\n  }\n}\n\n.swipe-in {\n  animation: swipeIn 1.5s;\n}\n\n.swipe-out {\n  animation: swipeOut 1.5s;\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { debug } from '@/utils/utils';\nimport { Component, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { ObservableMap } from '@stencil/store';\n\nexport type Stores = Record<string, ObservableMap<any>>;\n\nexport type Transitions = 'none' | 'fade' | 'slide' | 'swipe';\n\n@Component({\n  tag: 'nylas-if-state',\n  styleUrl: 'nylas-if-state.css',\n  shadow: true,\n})\nexport class NylasIfState {\n  /**\n   * The name of the state to watch.\n   */\n  @Prop() readonly state?: string;\n  /**\n   * If true, then the component will render if the state is set (empty or not set).\n   * This prop is used with the `state` prop.\n   */\n  @Prop() readonly isStateSet?: boolean;\n  /**\n   * If true, then the component will render if the state is true.\n   * This prop is used with the `state` prop.\n   */\n  @Prop() readonly isBoolean?: boolean;\n  @Prop() readonly getStore?: <K extends keyof Stores>(name: K) => Stores[K];\n  @Prop() readonly transition: Transitions = 'none';\n\n  @State() show: boolean = false;\n  @State() classes: Record<string, boolean> = {};\n\n  constructor() {\n    this.initTransition = this.initTransition.bind(this);\n  }\n\n  connectedCallback() {}\n\n  disconnectedCallback() {}\n\n  async componentWillLoad() {\n    debug(`[nylas-if-state] Component will load`);\n    this.watchStore(true);\n  }\n\n  async componentDidLoad() {\n    debug(`[nylas-if-state] Component did load`);\n  }\n\n  private shouldRender() {\n    // If a period exists in the state name, then we need to split the state name into the store name and the state name.\n    // For example, if the state name is `nylas.scheduler.selectableDates`, then the store name is `nylas` and the state name is `scheduler.selectableDates`.\n    const [storeName, stateName] = this.state ? this.state.split('.') : ['', ''];\n    const getStore = this.getStore;\n    if (typeof getStore === 'undefined') {\n      debug(`[nylas-if-state] Store name: ${storeName} | State name: ${stateName}`, { getStore });\n      return false;\n    }\n\n    const store = getStore(storeName as keyof Stores);\n    if (typeof store === 'undefined') {\n      debug(`[nylas-if-state] Store name: ${storeName} | State name: ${stateName}`, { store });\n      return false;\n    }\n\n    const state = store.state[stateName as string];\n\n    if (typeof this.isStateSet === 'boolean') {\n      return (\n        (this.isStateSet === false && (typeof state === 'undefined' || state === null || state.length === 0)) ||\n        (this.isStateSet === true && typeof state !== 'undefined' && state !== null)\n      );\n    }\n\n    if (typeof this.isBoolean === 'boolean') {\n      return (this.isBoolean === true && typeof state !== 'undefined' && state === true) || (this.isBoolean === false && typeof state !== 'undefined' && state === false);\n    }\n\n    return false;\n  }\n\n  @Watch('getStore')\n  onGetStoreChange() {\n    this.watchStore(true);\n  }\n\n  private watchStore(immediate: boolean = false) {\n    // If a period exists in the state name, then we need to split the state name into the store name and the state name.\n    // For example, if the state name is `nylas.scheduler.selectableDates`, then the store name is `nylas` and the state name is `scheduler.selectableDates`.\n    const [storeName, stateName] = this.state ? this.state.split('.') : ['', ''];\n    const getStore = this.getStore;\n    if (typeof getStore === 'undefined') {\n      debug(`[nylas-if-state] Store name: ${storeName} | State name: ${stateName}`, { getStore });\n      return null;\n    }\n\n    const store = getStore(storeName as keyof Stores);\n    if (typeof store === 'undefined') {\n      debug(`[nylas-if-state] Store name: ${storeName} | State name: ${stateName}`, { store });\n      return null;\n    }\n\n    if (immediate === true) {\n      this.initTransition();\n    }\n\n    store.onChange(stateName as string, this.initTransition);\n  }\n\n  private initTransition() {\n    const show = this.shouldRender();\n    switch (this.transition) {\n      case 'fade':\n      case 'slide':\n      case 'swipe':\n        this.classes = {\n          [`${this.transition}-in`]: show,\n          [`${this.transition}-out`]: !show,\n        };\n        setTimeout(() => {\n          this.show = show;\n        }, 150);\n        break;\n      default:\n        this.show = this.shouldRender();\n        break;\n    }\n  }\n\n  @RegisterComponent({\n    name: 'nylas-if-state',\n    getStoresToProp: 'getStore',\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host>\n        <div class={this.classes}>{this.show && <slot></slot>}</div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"qKAAA,MAAMA,EAAkB,+oBACxB,MAAAC,EAAeD,E,ugBCaFE,EAAY,MAqBvB,WAAAC,CAAAC,G,0HAL2C,O,UAElB,M,aACmB,GAG1CC,KAAKC,eAAiBD,KAAKC,eAAeC,KAAKF,K,CAGjD,iBAAAG,GAAiB,CAEjB,oBAAAC,GAAoB,CAEpB,uBAAMC,GACJC,EAAM,wCACNN,KAAKO,WAAW,K,CAGlB,sBAAMC,GACJF,EAAM,sC,CAGA,YAAAG,GAGN,MAAOC,EAAWC,GAAaX,KAAKY,MAAQZ,KAAKY,MAAMC,MAAM,KAAO,CAAC,GAAI,IACzE,MAAMC,EAAWd,KAAKc,SACtB,UAAWA,IAAa,YAAa,CACnCR,EAAM,gCAAgCI,mBAA2BC,IAAa,CAAEG,aAChF,OAAO,K,CAGT,MAAMC,EAAQD,EAASJ,GACvB,UAAWK,IAAU,YAAa,CAChCT,EAAM,gCAAgCI,mBAA2BC,IAAa,CAAEI,UAChF,OAAO,K,CAGT,MAAMH,EAAQG,EAAMH,MAAMD,GAE1B,UAAWX,KAAKgB,aAAe,UAAW,CACxC,OACGhB,KAAKgB,aAAe,eAAiBJ,IAAU,aAAeA,IAAU,MAAQA,EAAMK,SAAW,IACjGjB,KAAKgB,aAAe,aAAeJ,IAAU,aAAeA,IAAU,I,CAI3E,UAAWZ,KAAKkB,YAAc,UAAW,CACvC,OAAQlB,KAAKkB,YAAc,aAAeN,IAAU,aAAeA,IAAU,MAAUZ,KAAKkB,YAAc,cAAgBN,IAAU,aAAeA,IAAU,K,CAG/J,OAAO,K,CAIT,gBAAAO,GACEnB,KAAKO,WAAW,K,CAGV,UAAAA,CAAWa,EAAqB,OAGtC,MAAOV,EAAWC,GAAaX,KAAKY,MAAQZ,KAAKY,MAAMC,MAAM,KAAO,CAAC,GAAI,IACzE,MAAMC,EAAWd,KAAKc,SACtB,UAAWA,IAAa,YAAa,CACnCR,EAAM,gCAAgCI,mBAA2BC,IAAa,CAAEG,aAChF,OAAO,I,CAGT,MAAMC,EAAQD,EAASJ,GACvB,UAAWK,IAAU,YAAa,CAChCT,EAAM,gCAAgCI,mBAA2BC,IAAa,CAAEI,UAChF,OAAO,I,CAGT,GAAIK,IAAc,KAAM,CACtBpB,KAAKC,gB,CAGPc,EAAMM,SAASV,EAAqBX,KAAKC,e,CAGnC,cAAAA,GACN,MAAMqB,EAAOtB,KAAKS,eAClB,OAAQT,KAAKuB,YACX,IAAK,OACL,IAAK,QACL,IAAK,QACHvB,KAAKwB,QAAU,CACb,CAAC,GAAGxB,KAAKuB,iBAAkBD,EAC3B,CAAC,GAAGtB,KAAKuB,mBAAoBD,GAE/BG,YAAW,KACTzB,KAAKsB,KAAOA,CAAI,GACf,KACH,MACF,QACEtB,KAAKsB,KAAOtB,KAAKS,eACjB,M,CASN,MAAAiB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAO9B,KAAKwB,SAAUxB,KAAKsB,MAAQK,EAAA,c,+DAH9CI,EAAA,CALCC,EAAkB,CACjBC,KAAM,iBACNC,gBAAiB,WACjBC,kBAAmB,O"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["e","t","module","exports","this","LTS","LT","L","LL","LLL","LLLL","n","r","i","o","s","a","f","zone","offset","match","h","indexOf","concat","u","meridiem","d","A","afternoon","S","milliseconds","SS","SSS","ss","m","mm","H","HH","hh","D","DD","Do","ordinal","day","replace","M","MM","MMM","map","slice","Error","month","MMMM","Y","YY","year","YYYY","Z","ZZ","c","formats","toUpperCase","length","l","regex","parser","exec","call","hours","p","customParseFormat","parseTwoDigitYear","prototype","parse","date","utc","args","$u","$locale","Ls","$d","Date","minutes","seconds","getDate","getFullYear","getMonth","v","g","UTC","init","$L","locale","format","Array","apply","isValid","nylasTimeWindowPickerCss","NylasTimeWindowPickerStyle0","dayjs","extend","TimeInput","generateTimes","handleOutsideClick","event","path","composedPath","isClickInside","includes","el","showTimes","minimumStartTimeChangedHandler","minimumStartTime","formattedTime","hour","parseInt","minute","toLowerCase","add","subtract","times","firstTime","value","selectedTimeFormatted","time","isBefore","err","formError","emit","key","id","message","componentDidRender","shouldAutoScroll","autocompletedTime","autocompleteTimeFormat","optionIndex","findIndex","scrollToViewWithinParent","handleTimeChange","_e","input","timePart","split","validateTimeFormatInput","timeChange","handleTimeAutocomplete","target","newTime","roundToNearest15Minutes","validateExactTimeFormat","handleOnInput","startTime","set","diff","endOf","iterations","Math","round","push","handleComboboxKeyDown","preventDefault","ariaActivedescendant","toString","focusOption","currentIndex","nextIndex","prevIndex","timeInput","focus","handleListboxKeydown","items","item","shiftKey","option","childElement","shadowRoot","getElementById","parentElement","timeMenu","childRect","getBoundingClientRect","parentRect","top","scrollTop","bottom","left","scrollLeft","right","index","elementId","element","scrollIntoView","behavior","block","render","Host","class","part","type","name","error","hasError","ref","onClick","placeholder","onKeyDown","onInput","onBlur","tabindex","role","focused"],"sources":["../../node_modules/.pnpm/dayjs@1.11.7/node_modules/dayjs/plugin/customParseFormat.js","src/components/scheduler-editor/nylas-time-window-picker/nylas-time-window-picker.scss?tag=nylas-time-window-picker&encapsulation=shadow","src/components/scheduler-editor/nylas-time-window-picker/nylas-time-window-picker.tsx"],"sourcesContent":["!function(e,t){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=t():\"function\"==typeof define&&define.amd?define(t):(e=\"undefined\"!=typeof globalThis?globalThis:e||self).dayjs_plugin_customParseFormat=t()}(this,(function(){\"use strict\";var e={LTS:\"h:mm:ss A\",LT:\"h:mm A\",L:\"MM/DD/YYYY\",LL:\"MMMM D, YYYY\",LLL:\"MMMM D, YYYY h:mm A\",LLLL:\"dddd, MMMM D, YYYY h:mm A\"},t=/(\\[[^[]*\\])|([-_:/.,()\\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,n=/\\d\\d/,r=/\\d\\d?/,i=/\\d*[^-_:/,()\\s\\d]+/,o={},s=function(e){return(e=+e)+(e>68?1900:2e3)};var a=function(e){return function(t){this[e]=+t}},f=[/[+-]\\d\\d:?(\\d\\d)?|Z/,function(e){(this.zone||(this.zone={})).offset=function(e){if(!e)return 0;if(\"Z\"===e)return 0;var t=e.match(/([+-]|\\d\\d)/g),n=60*t[1]+(+t[2]||0);return 0===n?0:\"+\"===t[0]?-n:n}(e)}],h=function(e){var t=o[e];return t&&(t.indexOf?t:t.s.concat(t.f))},u=function(e,t){var n,r=o.meridiem;if(r){for(var i=1;i<=24;i+=1)if(e.indexOf(r(i,0,t))>-1){n=i>12;break}}else n=e===(t?\"pm\":\"PM\");return n},d={A:[i,function(e){this.afternoon=u(e,!1)}],a:[i,function(e){this.afternoon=u(e,!0)}],S:[/\\d/,function(e){this.milliseconds=100*+e}],SS:[n,function(e){this.milliseconds=10*+e}],SSS:[/\\d{3}/,function(e){this.milliseconds=+e}],s:[r,a(\"seconds\")],ss:[r,a(\"seconds\")],m:[r,a(\"minutes\")],mm:[r,a(\"minutes\")],H:[r,a(\"hours\")],h:[r,a(\"hours\")],HH:[r,a(\"hours\")],hh:[r,a(\"hours\")],D:[r,a(\"day\")],DD:[n,a(\"day\")],Do:[i,function(e){var t=o.ordinal,n=e.match(/\\d+/);if(this.day=n[0],t)for(var r=1;r<=31;r+=1)t(r).replace(/\\[|\\]/g,\"\")===e&&(this.day=r)}],M:[r,a(\"month\")],MM:[n,a(\"month\")],MMM:[i,function(e){var t=h(\"months\"),n=(h(\"monthsShort\")||t.map((function(e){return e.slice(0,3)}))).indexOf(e)+1;if(n<1)throw new Error;this.month=n%12||n}],MMMM:[i,function(e){var t=h(\"months\").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t}],Y:[/[+-]?\\d+/,a(\"year\")],YY:[n,function(e){this.year=s(e)}],YYYY:[/\\d{4}/,a(\"year\")],Z:f,ZZ:f};function c(n){var r,i;r=n,i=o&&o.formats;for(var s=(n=r.replace(/(\\[[^\\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,n,r){var o=r&&r.toUpperCase();return n||i[r]||e[r]||i[o].replace(/(\\[[^\\]]+])|(MMMM|MM|DD|dddd)/g,(function(e,t,n){return t||n.slice(1)}))}))).match(t),a=s.length,f=0;f<a;f+=1){var h=s[f],u=d[h],c=u&&u[0],l=u&&u[1];s[f]=l?{regex:c,parser:l}:h.replace(/^\\[|\\]$/g,\"\")}return function(e){for(var t={},n=0,r=0;n<a;n+=1){var i=s[n];if(\"string\"==typeof i)r+=i.length;else{var o=i.regex,f=i.parser,h=e.slice(r),u=o.exec(h)[0];f.call(t,u),e=e.replace(u,\"\")}}return function(e){var t=e.afternoon;if(void 0!==t){var n=e.hours;t?n<12&&(e.hours+=12):12===n&&(e.hours=0),delete e.afternoon}}(t),t}}return function(e,t,n){n.p.customParseFormat=!0,e&&e.parseTwoDigitYear&&(s=e.parseTwoDigitYear);var r=t.prototype,i=r.parse;r.parse=function(e){var t=e.date,r=e.utc,s=e.args;this.$u=r;var a=s[1];if(\"string\"==typeof a){var f=!0===s[2],h=!0===s[3],u=f||h,d=s[2];h&&(d=s[2]),o=this.$locale(),!f&&d&&(o=n.Ls[d]),this.$d=function(e,t,n){try{if([\"x\",\"X\"].indexOf(t)>-1)return new Date((\"X\"===t?1e3:1)*e);var r=c(t)(e),i=r.year,o=r.month,s=r.day,a=r.hours,f=r.minutes,h=r.seconds,u=r.milliseconds,d=r.zone,l=new Date,m=s||(i||o?1:l.getDate()),M=i||l.getFullYear(),Y=0;i&&!o||(Y=o>0?o-1:l.getMonth());var p=a||0,v=f||0,D=h||0,g=u||0;return d?new Date(Date.UTC(M,Y,m,p,v,D,g+60*d.offset*1e3)):n?new Date(Date.UTC(M,Y,m,p,v,D,g)):new Date(M,Y,m,p,v,D,g)}catch(e){return new Date(\"\")}}(t,a,r),this.init(),d&&!0!==d&&(this.$L=this.locale(d).$L),u&&t!=this.format(a)&&(this.$d=new Date(\"\")),o={}}else if(a instanceof Array)for(var l=a.length,m=1;m<=l;m+=1){s[1]=a[m-1];var M=n.apply(this,s);if(M.isValid()){this.$d=M.$d,this.$L=M.$L,this.init();break}m===l&&(this.$d=new Date(\"\"))}else i.call(this,e)}}}));","@import '../../../common/styles/variables.scss';\n:host {\n  display: block;\n  position: relative;\n  @include default-css-variables;\n}\n\n.time-picker {\n  display: inline-block;\n  width: 150px;\n  font-family: var(--nylas-font-family);\n  @media #{$mobile} {\n    width: auto;\n  }\n  position: relative;\n  input {\n    width: 150px;\n    height: 48px;\n    text-align: center;\n    font-size: 16px;\n    font-family: inherit;\n    @media #{$mobile} {\n      width: 88px;\n    }\n    @media #{$small-mobile} {\n      width: 68px;\n      font-size: 15px;\n    }\n    cursor: pointer;\n    background: transparent;\n    border: 1px solid var(--nylas-base-200);\n    border-radius: var(--nylas-border-radius-2x);\n    &.focus {\n      background: transparent;\n    }\n    &:hover,\n    &:active {\n      border: 1px solid var(--nylas-primary);\n    }\n    &:active {\n      outline: 2px solid var(--nylas-primary);\n    }\n    span {\n      &.open {\n        transform: rotate(90deg);\n      }\n      &.closed {\n        transform: rotate(270deg);\n      }\n    }\n    &.error {\n      border: 1px solid var(--nylas-error);\n    }\n  }\n  p.error {\n    color: var(--nylas-error);\n    font-size: 0.875rem;\n    margin: 0;\n  }\n}\n.times {\n  display: block;\n  margin-top: 0.5rem;\n  background-color: var(--nylas-base-0);\n  width: 100%;\n  max-height: 336px;\n  overflow: auto;\n  border: 1px solid #ddd;\n  z-index: 1;\n  border-radius: 4px;\n  position: absolute;\n  box-shadow: 0px 4px 6px -2px #0000000d;\n  box-shadow: 0px 10px 15px -3px #0000001a;\n  ul {\n    padding: 0;\n    list-style-type: none;\n    color: var(--nylas-base-900);\n    max-height: 336px;\n    li {\n      padding: 16px, 12px, 16px, 12px;\n      color: black;\n      padding: 12px 16px;\n      text-decoration: none;\n      display: block;\n      font-family: inherit;\n      font-size: 14px;\n      font-weight: 400;\n      line-height: 20px;\n      letter-spacing: 0px;\n      text-align: center;\n      cursor: pointer;\n      &.focused {\n        background-color: var(--nylas-base-100);\n      }\n      &:hover,\n      &:focus {\n        background-color: var(--nylas-base-100);\n      }\n      label {\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        input {\n          margin: 0;\n        }\n      }\n    }\n  }\n}\n","import { autocompleteTimeFormat, roundToNearest15Minutes, validateExactTimeFormat, validateTimeFormatInput } from '@/utils/utils';\nimport { Component, h, State, Prop, Event, EventEmitter, Listen, Element, Host, Watch } from '@stencil/core';\nimport dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\n\ndayjs.extend(customParseFormat);\n\ntype Time = { id: number; value: string };\n\n/**\n * The `nylas-time-window-picker` component is a time picker that can be used to select a time.\n * @part time-picker - The time picker container\n * @part time-input - The time input\n * @part times - The list of times\n */\n@Component({\n  tag: 'nylas-time-window-picker',\n  styleUrl: 'nylas-time-window-picker.scss',\n  shadow: true,\n})\nexport class TimeInput {\n  @Element() el!: HTMLElement;\n  private timeInput!: HTMLInputElement;\n  private timeMenu!: HTMLElement;\n\n  /**\n   * The time to display in the input.\n   * This is passed by the parent component and can be updated\n   * using the setTime prop function provided by the parent component.\n   */\n  @Prop() time!: string;\n  /**\n   * This is the start time value if one is set by the parent component.\n   * It is useful if this component is used to render an end time which\n   * should not be before the start time, defining the earliest selectable time.\n   */\n  @Prop() minimumStartTime: string | null = null;\n\n  /**\n   * The placeholder text for the input.\n   */\n  @Prop() placeholder: string = 'hh:mmam/pm';\n  /**\n   * The name of the input.\n   */\n  @Prop() name!: string;\n  /**\n   * This sets the error state of the input.\n   */\n  @Prop() hasError: boolean = false;\n\n  /**\n   * The error message to display if the time is invalid.\n   */\n  @State() err: string = '';\n  /**\n   * Toggle to show the list of times.\n   */\n  @State() showTimes: boolean = false;\n  /**\n   * The aria-activedescendant attribute for the listbox element to indicate the currently active\n   * option in the list box to screen readers. The value of aria-activedescendant is the ID of\n   * the active option.\n   */\n  @State() ariaActivedescendant: string = '';\n  /**\n   * The list of times to display in the dropdown.\n   */\n  @State() times: Time[] = this.generateTimes();\n  /**\n   * This is used to scroll to the selected time when the time is changed.\n   */\n  @State() shouldAutoScroll: boolean = false;\n\n  /**\n   * This event is fired when the time is changed.\n   */\n  @Event() timeChange!: EventEmitter<{\n    key: string;\n    value: string;\n  }>;\n\n  /**\n   * This event is fired when the form has an error. The parent component\n   * can listen for this event and display an error message or set form validity.\n   */\n  @Event() formError!: EventEmitter<{\n    key: string;\n    message: string;\n  }>;\n\n  // Event listeners\n  @Listen('click', { target: 'document', capture: true })\n  handleOutsideClick(event: MouseEvent) {\n    // Get the path of the event\n    const path = event.composedPath();\n\n    // Check if the path includes the host element\n    const isClickInside = path.includes(this.el);\n\n    if (!isClickInside && this.showTimes) {\n      this.showTimes = false;\n    }\n  }\n\n  @Watch('minimumStartTime')\n  minimumStartTimeChangedHandler() {\n    if (this.minimumStartTime) {\n      let formattedTime = dayjs()\n        .hour(parseInt(this.minimumStartTime))\n        .minute(parseInt(this.minimumStartTime.slice(-4, -2)));\n      if (this.minimumStartTime.slice(-2).toLowerCase() === 'pm' && parseInt(this.minimumStartTime) !== 12) {\n        formattedTime = formattedTime.add(12, 'hour');\n      } else if (this.minimumStartTime.slice(-2).toLowerCase() === 'am' && parseInt(this.minimumStartTime) === 12) {\n        formattedTime = formattedTime.subtract(12, 'hour');\n      }\n\n      this.times = this.generateTimes();\n      const firstTime = dayjs(this.times[0].value, 'hh:mma');\n      let selectedTimeFormatted = dayjs(this.time, 'hh:mma');\n      if (selectedTimeFormatted.isBefore(firstTime)) {\n        this.err = 'Invalid';\n        this.formError.emit({\n          key: this.el.id,\n          message: 'Invalid',\n        });\n      }\n    }\n  }\n\n  componentDidRender() {\n    if (this.showTimes && this.shouldAutoScroll) {\n      const autocompletedTime = autocompleteTimeFormat(this.time);\n      const optionIndex = this.times.findIndex(time => time.value === autocompletedTime);\n      if (optionIndex > -1) {\n        this.shouldAutoScroll = false;\n        this.scrollToViewWithinParent(optionIndex);\n      }\n      return;\n    }\n  }\n\n  private handleTimeChange(_e: Event, input: string) {\n    const timePart = input.split(':');\n    if (timePart[0] === '00' && timePart[1].slice(-2) == 'pm') {\n      this.err = 'Invalid';\n      this.formError.emit({\n        key: this.el.id,\n        message: 'Invalid',\n      });\n    }\n    if (!validateTimeFormatInput(input)) {\n      this.err = 'Invalid';\n      this.formError.emit({\n        key: this.el.id,\n        message: 'Invalid',\n      });\n    } else {\n      this.err = '';\n      this.formError.emit({\n        key: this.el.id,\n        message: '',\n      });\n    }\n    this.timeChange.emit({\n      key: this.el.id,\n      value: input,\n    });\n  }\n\n  private handleTimeAutocomplete(event: Event) {\n    const input = (event.target as HTMLInputElement)?.value;\n    if (!validateTimeFormatInput(input)) {\n      this.err = 'Invalid';\n      this.formError.emit({\n        key: this.el.id,\n        message: 'Invalid',\n      });\n      return;\n    }\n    if (input === '') {\n      const newTime = roundToNearest15Minutes().format('hh:mma');\n      this.timeChange.emit({\n        key: this.el.id,\n        value: newTime,\n      });\n      return;\n    }\n    if (!validateExactTimeFormat(input)) {\n      const autocompletedTime = autocompleteTimeFormat(input);\n      this.timeChange.emit({\n        key: this.el.id,\n        value: autocompletedTime,\n      });\n      return;\n    }\n    this.timeChange.emit({\n      key: this.el.id,\n      value: input,\n    });\n  }\n\n  private handleOnInput(event: Event) {\n    const input = (event.target as HTMLInputElement)?.value;\n    if (!validateTimeFormatInput(input)) {\n      return;\n    }\n    if (input === '') {\n      const newTime = roundToNearest15Minutes().format('hh:mma');\n      const optionIndex = this.times.findIndex(time => time.value === newTime);\n      if (optionIndex > -1) {\n        this.scrollToViewWithinParent(optionIndex);\n      }\n      return;\n    }\n    if (!validateExactTimeFormat(input)) {\n      const autocompletedTime = autocompleteTimeFormat(input);\n      const optionIndex = this.times.findIndex(time => time.value === autocompletedTime);\n      if (optionIndex > -1) {\n        this.scrollToViewWithinParent(optionIndex);\n      }\n      return;\n    }\n  }\n\n  private generateTimes() {\n    const times: Time[] = [];\n    let startTime = dayjs().set('hour', 0).set('minute', 0).set('second', 0); // Set to 12:00 am\n    if (this.minimumStartTime) {\n      startTime = dayjs(this.minimumStartTime, 'hh:mma');\n    }\n    const diff = startTime.endOf('day').diff(startTime, 'minutes');\n    const iterations = Math.round(diff / 15);\n    for (let i = 0; i < iterations + 1; i++) {\n      // 96 represents the total number of 15-minute increments in a day (24 hours * 60 minutes / 15 minutes)\n      const time = startTime.add(i * 15, 'minute');\n      if (i == iterations && time.format('hh:mma').includes('am')) {\n        break;\n      }\n      times.push({ id: i, value: time.format('hh:mma') });\n    }\n    return times;\n  }\n\n  private handleComboboxKeyDown(event: KeyboardEvent): void {\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      if (!this.showTimes) {\n        this.showTimes = true;\n        this.shouldAutoScroll = true;\n        return;\n      }\n      if (this.ariaActivedescendant === '') {\n        this.ariaActivedescendant = this.times[0].id.toString();\n        this.focusOption(0);\n      } else {\n        const currentIndex = this.times.findIndex(time => time.id.toString() === this.ariaActivedescendant);\n        const nextIndex = currentIndex + 1 < this.times.length ? currentIndex + 1 : 0;\n        this.ariaActivedescendant = this.times[nextIndex].id.toString();\n        this.focusOption(nextIndex);\n      }\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      if (this.ariaActivedescendant === '') {\n        this.ariaActivedescendant = this.times[this.times.length - 1].id.toString();\n        this.focusOption(this.times.length - 1);\n      } else {\n        const currentIndex = this.times.findIndex(time => time.id.toString() === this.ariaActivedescendant);\n        const prevIndex = currentIndex - 1 >= 0 ? currentIndex - 1 : this.times.length - 1;\n        this.ariaActivedescendant = this.times[prevIndex].id.toString();\n        this.focusOption(prevIndex);\n      }\n    } else if (event.key === 'Escape') {\n      this.showTimes = false;\n      this.timeInput.focus();\n    }\n  }\n\n  private handleListboxKeydown(e: KeyboardEvent) {\n    const items = this.times;\n    const currentIndex = items.findIndex(item => item.id.toString() === this.ariaActivedescendant);\n\n    if (e.key === 'ArrowDown' || (e.key === 'Tab' && !e.shiftKey)) {\n      e.preventDefault();\n      const nextIndex = currentIndex + 1 < items.length ? currentIndex + 1 : 0;\n      this.ariaActivedescendant = items[nextIndex].id.toString();\n      this.focusOption(nextIndex);\n    } else if (e.key === 'ArrowUp' || (e.key === 'Tab' && e.shiftKey)) {\n      e.preventDefault();\n      const prevIndex = currentIndex - 1 >= 0 ? currentIndex - 1 : items.length - 1;\n      this.ariaActivedescendant = items[prevIndex].id.toString();\n      this.focusOption(prevIndex);\n    } else if (e.key === 'Enter') {\n      e.preventDefault();\n      if (this.ariaActivedescendant) {\n        const option = items[currentIndex];\n        this.handleTimeChange(e, option.value);\n        this.showTimes = false;\n        this.ariaActivedescendant = '';\n        this.timeInput.focus();\n      }\n    } else if (e.key === 'Escape') {\n      this.showTimes = false;\n      this.timeInput.focus();\n    }\n  }\n\n  scrollToViewWithinParent(optionIndex: number) {\n    const option = this.times[optionIndex];\n    const childElement = this.el.shadowRoot?.getElementById(option.id.toString()) as HTMLLIElement;\n    const parentElement = this.timeMenu;\n\n    this.ariaActivedescendant = option.id.toString();\n\n    // Scroll child into view within parent\n    const childRect = childElement.getBoundingClientRect();\n    const parentRect = parentElement.getBoundingClientRect();\n\n    if (childRect.top < parentRect.top) {\n      // Child is above the visible area of the parent\n      parentElement.scrollTop -= parentRect.top - childRect.top;\n    } else if (childRect.bottom > parentRect.bottom) {\n      // Child is below the visible area of the parent\n      parentElement.scrollTop += childRect.bottom - parentRect.bottom;\n    }\n\n    if (childRect.left < parentRect.left) {\n      // Child is to the left of the visible area of the parent\n      parentElement.scrollLeft -= parentRect.left - childRect.left;\n    } else if (childRect.right > parentRect.right) {\n      // Child is to the right of the visible area of the parent\n      parentElement.scrollLeft += childRect.right - parentRect.right;\n    }\n  }\n\n  focusOption(index: number) {\n    const option = this.times[index];\n    if (!option) return; // Guard clause in case index is out of bounds\n\n    const elementId = option.id.toString();\n    const element = this.el.shadowRoot?.getElementById(elementId) as HTMLLIElement;\n\n    if (element) {\n      element.focus(); // Set focus on the element\n      element.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"time-picker\" part=\"time-picker\">\n          <input\n            type=\"text\"\n            name={this.name}\n            id={this.name}\n            part=\"time-input\"\n            class={{\n              'time-input': true,\n              'error': !!this.err || this.hasError,\n            }}\n            ref={el => (this.timeInput = el as HTMLInputElement)}\n            value={this.time}\n            onClick={() => {\n              this.showTimes = !this.showTimes;\n              this.shouldAutoScroll = true;\n            }}\n            aria-haspopup=\"listbox\"\n            aria-label={this.name}\n            aria-expanded={this.showTimes ? 'true' : 'false'}\n            placeholder={this.placeholder}\n            onKeyDown={e => this.handleComboboxKeyDown(e)}\n            onInput={event => this.handleOnInput(event)}\n            onBlur={event => this.handleTimeAutocomplete(event)}\n          />\n          {this.err && <div class=\"invalid-time-icon\">{/* Icon here */}</div>}\n          {this.showTimes && (\n            <div class=\"times\" part=\"times\" ref={el => (this.timeMenu = el as HTMLElement)}>\n              <ul tabindex=\"-1\" role=\"listbox\" aria-label={this.name} aria-activedescendant={this.ariaActivedescendant} onKeyDown={e => this.handleListboxKeydown(e)}>\n                {this.times.map(option => (\n                  <li\n                    tabindex=\"0\"\n                    key={option.id}\n                    id={option.id.toString()}\n                    class={{\n                      focused: this.ariaActivedescendant === option.id.toString(),\n                    }}\n                    onClick={e => {\n                      this.handleTimeChange(e, option.value);\n                      this.showTimes = false;\n                      this.timeInput.focus();\n                    }}\n                    role=\"option\"\n                  >\n                    {`${option.value}`}\n                  </li>\n                ))}\n              </ul>\n            </div>\n          )}\n          {!this.showTimes && this.err && (\n            <p class=\"error\" id=\"email-error\">\n              {this.err}\n            </p>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import{r as t,h as e,c as n,H as a,a as i}from"./p-68c2fadf.js";import{R as s}from"./p-795b324a.js";import{a as o,o as r,q as c}from"./p-6c11737d.js";import{D as l}from"./p-49f716ed.js";import"./p-02aa5f03.js";import"./p-cb65c223.js";const d=".sc-google-logo-icon-h{display:flex}";const b=d;const p=class{constructor(e){t(this,e);this.width="24";this.height="24"}render(){return e("svg",{key:"2b6d66fd099e97716cdb808f575b5aadf1503a06",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{key:"2d02d3ca40389d13f189bddba578ae683c487d3e","clip-path":"url(#clip0_959_12452)"},e("path",{key:"41eeee9cdd77323ffee094ce688e222c2ae95461",d:"M23.745 12.27C23.745 11.48 23.675 10.73 23.555 10H12.255V14.51H18.725C18.435 15.99 17.585 17.24 16.325 18.09V21.09H20.185C22.445 19 23.745 15.92 23.745 12.27Z",fill:"#4285F4"}),e("path",{key:"7a8f1123dc6b8b29324eb255637f7b536982e112",d:"M12.255 24C15.495 24 18.205 22.92 20.185 21.09L16.325 18.09C15.245 18.81 13.875 19.25 12.255 19.25C9.12504 19.25 6.47505 17.14 5.52505 14.29H1.54504V17.38C3.51504 21.3 7.56504 24 12.255 24Z",fill:"#34A853"}),e("path",{key:"e71780d270c31b20d6617deb912a0b74b3dc8004",d:"M5.52501 14.2901C5.27501 13.5701 5.145 12.8001 5.145 12.0001C5.145 11.2001 5.28501 10.4301 5.52501 9.71012V6.62012H1.545C0.725004 8.24012 0.255005 10.0601 0.255005 12.0001C0.255005 13.9401 0.725004 15.7601 1.545 17.3801L5.52501 14.2901Z",fill:"#FBBC05"}),e("path",{key:"4e8795414ed616287f7e315d9d4ae7882832c56c",d:"M12.255 4.75C14.025 4.75 15.605 5.36 16.855 6.55L20.275 3.13C18.205 1.19 15.495 0 12.255 0C7.56504 0 3.51504 2.7 1.54504 6.62L5.52505 9.71C6.47505 6.86 9.12504 4.75 12.255 4.75Z",fill:"#EA4335"})),e("defs",{key:"9ad522ed57a9d8c75d8515e0e0a1e64d1dcde3a0"},e("clipPath",{key:"da8c3ef1116cd32e06a73e30c5c4bc335f209d5b",id:"clip0_959_12452"},e("rect",{key:"8936b3346ec26a6c0901073adca44b8021661be6",width:24,height:24,fill:"white"}))))}};p.style=b;const f=".sc-microsoft-logo-icon-h{display:flex}";const h=f;const u=class{constructor(e){t(this,e);this.width="22";this.height="22"}render(){return e("svg",{key:"deae127512c4d2b6ef876ab1311fb6ab4d5cd368",width:this.width,height:this.height,viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"ea58fbe3dac4c5a6455acec95fe9677068999d53",d:"M0.043457 0.043457H10.4782V10.4782H0.043457V0.043457Z",fill:"#F35325"}),e("path",{key:"e8a2faf14e8a7cdf15808a1fac1b16fba79f6051",d:"M11.5217 0.043457H21.9565V10.4782H11.5217V0.043457Z",fill:"#81BC06"}),e("path",{key:"56644908156e19d4ba9eedfec54a9ffa9b9744bd",d:"M0.043457 11.5217H10.4782V21.9565H0.043457V11.5217Z",fill:"#05A6F0"}),e("path",{key:"24c76e1b54ed1cdbc97ec6e56888db403169d74f",d:"M11.5217 11.5217H21.9565V21.9565H11.5217V11.5217Z",fill:"#FFBA08"}))}};u.style=h;function y({id:t,formState:n,activeTab:a,calendars:i}){switch(a){case"eventInfo":const a=n.title;const s=n.description;const o=parseInt(n.duration);const r=n.location;return e("div",{key:t},e("nylas-event-info",null,e("div",{slot:"inputs"},e("nylas-event-title",{name:"title",eventTitle:a,exportparts:"net, net__title, net__dropdown-content"}),e("nylas-event-duration",{name:"duration",eventDurationMinutes:o,exportparts:"ned, ned__dropdown, ned__dropdown-button, ned__dropdown-content, ned__input_dropdown, ned__input_dropdown-input, ned__input_dropdown-content"}),e("nylas-event-location",{name:"location",eventLocation:r,exportparts:"nel, nel__location, nel__dropdown, nel__dropdown-button, nel__dropdown-content"}),e("nylas-event-description",{name:"description",eventDescription:s,exportparts:"nedesc, nedesc__textarea"}))));case"availability":const c=n.availability.openHours;const l=n.availability.timezone?n.availability.timezone:Intl.DateTimeFormat().resolvedOptions().timeZone;const d=n.participants?.find((t=>t.is_organizer));const b=d?.email??"primary";const p=n.calendarIds.length>0?n.calendarIds:[b];const f=n.bookingCalendar=="primary"?b:n.bookingCalendar;return e("div",{key:t},e("nylas-booking-calendar-picker",{name:"booking-calendar",calendars:i??[],defaultBookingCalendar:f,exportparts:"nbcp, nbcp__header, nbcp__input-label, nbcp__dropdown, nbcp__dropdown-button, nbcp__dropdown-content"}),e("nylas-calendar-picker",{name:"calendars",calendars:i??[],defaultSelectedCalendars:p,exportparts:"ncp ncp__header, ncp__dropdown, ncp__dropdown-button, ncp__dropdown-content"}),e("nylas-availability-picker",{name:"availability",openHours:c,defaultTimezone:l,exportparts:"nap__header, nap__select-timezone, nap__select-timezone-button, nap__select-timezone-dropdown-content, nap__availability, nap__day, nap__time-ranges, nap__time-range, nap__add-time-range, nap__time-picker-container, nap__time-picker-input, nap__time-picker-times"}));case"bookingOptions":return e("div",{key:t},e("nylas-buffer-time",{name:"buffer-time",buffer:n.buffer,exportparts:"nbt, nbt__header, nbt__body, nbt__dropdown-before, nbt__dropdown-button-before, nbt__dropdown-content-before, nbt__dropdown-after, nbt__dropdown-button-after, nbt__dropdown-content-after, nbt__preview"}),e("nylas-event-limits",null,e("div",{slot:"inputs"},e("nylas-min-booking-notice",{name:"min-booking-notice",minBookingNotice:n.minBookingNotice,exportparts:"nmbn, nmbn__number-dropdown, nmbn__number-dropdown-button, nmbn__number-dropdown-content, nmbn__period-dropdown, nmbn__period-dropdown-button, nmbn__period-dropdown-content"}),e("nylas-limit-future-bookings",{name:"limit-future-bookings",availableDaysInFuture:n.availableDaysInFuture,exportparts:"nlfb, nlfb__number-dropdown, nlfb__number-dropdown-button, nlfb__number-dropdown-content, nlfb__period-dropdown, nlfb__period-dropdown-button, nlfb__period-dropdown-content"}),e("nylas-min-cancellation-notice",{name:"min-cancellation-notice",minCancellationNotice:n.minCancellationNotice,exportparts:"nmcn, nmcn__number-dropdown, nmcn__number-dropdown-button, nmcn__number-dropdown-content, nmcn__period-dropdown, nmcn__period-dropdown-button, nmcn__period-dropdown-content"}),e("nylas-cancellation-policy",{name:"cancellation-policy",cancellationPolicy:n.cancellationPolicy,exportparts:"ncpolicy, ncpolicy__textarea"}))),e("nylas-timeslot-interval",{name:"timeslot-interval",eventDurationMinutes:parseInt(n.duration),exportparts:"nti, nti__header, nti__input-label, nti__dropdown, nti__dropdown-button, nti__dropdown-content"}),e("nylas-customize-booking-settings",{name:"customize-booking-settings",exportparts:"ncbs, ncbs__header, ncbs__settings, ncbs__settings-div, ncbs__additional_guests, ncbs__cancellation_options, ncbs__rescheduling_options"}));case"participants":return e("div",{key:t},e("nylas-additional-participants",{name:"participants",eventParticipants:n.participants,exportparts:"nap__title, nap__subtitle, nap__content, nap__input_group, nap__input_wrapper, nap__input, nap__remove-participant"}),e("nylas-participants-custom-availability",{name:"participant-custom-availability",participants:n.participants,exportparts:"npca, npca__header, npca__content, npca__participant-container, npca__participant-title, npca__participant-toggle--container, npca__toggle-label, npca__toggle-input, npca__toggle-slider"}))}}const g='.sc-nylas-editor-tabs-h{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.scheduler-editor.sc-nylas-editor-tabs{display:flex;flex-direction:column}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs{height:554px;display:grid;grid-template-columns:minmax(224px, 25%) 1fr}@media screen and (max-width: 768px){.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs{display:table-column-group;height:auto}}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs{display:flex;flex-direction:column;border-right:1px solid var(--nylas-base-200);background-color:var(--nylas-base-25)}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs .tab.sc-nylas-editor-tabs{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;color:var(--nylas-base-900);background:var(--nylas-base-0);border:none;height:56px;font-family:var(--nylas-font-family);font-size:16px;font-weight:500;line-height:24px;cursor:pointer}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs .tab.sc-nylas-editor-tabs:not(:first-of-type){margin-top:0.25rem}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs .tab.active.sc-nylas-editor-tabs{font-weight:600;background:var(--nylas-base-0);color:var(--nylas-primary);border-left:4px solid var(--nylas-primary);box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.0588235294);box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.1019607843)}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs{max-width:692px;overflow-y:auto}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs nylas-event-info.sc-nylas-editor-tabs,.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs nylas-event-limits.sc-nylas-editor-tabs{width:inherit}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs nylas-event-info.sc-nylas-editor-tabs div[slot=inputs].sc-nylas-editor-tabs,.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs nylas-event-limits.sc-nylas-editor-tabs div[slot=inputs].sc-nylas-editor-tabs{display:flex;flex-direction:column;gap:1rem}.footer.sc-nylas-editor-tabs{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:80px;padding:0 1rem;border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs{flex-direction:column;height:auto}}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs .preview.sc-nylas-editor-tabs{margin-top:1rem;width:100%}}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs{display:flex;justify-content:flex-end;align-items:center;justify-self:flex-end;gap:1rem}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs{flex-direction:column-reverse;width:100%}}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.sc-nylas-editor-tabs{max-width:524px}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.unsaved-changes.sc-nylas-editor-tabs{color:var(--nylas-base-600)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.saved-changes.sc-nylas-editor-tabs{color:var(--nylas-success)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.error.sc-nylas-editor-tabs{color:var(--nylas-error)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.error-full-width.sc-nylas-editor-tabs{max-width:660px}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button-component.sc-nylas-editor-tabs{width:100%}}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs{background:var(--nylas-primary);color:var(--nylas-base-0);height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;cursor:pointer;width:148px}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs:hover{background:var(--nylas-base-600)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs:active{background:var(--nylas-base-800)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs:disabled{background:var(--nylas-base-300);cursor:not-allowed}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs span.sc-nylas-editor-tabs{display:flex;align-items:center;justify-content:center;gap:0.5rem}';const m=g;var _=undefined&&undefined.__decorate||function(t,e,n,a){var i=arguments.length,s=i<3?e:a===null?a=Object.getOwnPropertyDescriptor(e,n):a,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(t,e,n,a);else for(var r=t.length-1;r>=0;r--)if(o=t[r])s=(i<3?o(s):i>3?o(e,n,s):o(e,n))||s;return i>3&&s&&Object.defineProperty(e,n,s),s};var v=undefined&&undefined.__metadata||function(t,e){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(t,e)};const w=class{constructor(e){t(this,e);this.schedulerConfigChanged=n(this,"schedulerConfigChanged",7);this.cancelButtonClick=n(this,"cancelButtonClick",7);this.formSubmitted=n(this,"formSubmitted",7);this.previewButtonClicked=n(this,"previewButtonClicked",7);this.setError=t=>{this.error=t.message};this.formSubmissionHandler=async t=>{t.preventDefault();this.formSubmitted.emit();const e=this.formRef.checkValidity();if(!e){return}this.isLoading=true;this.hasUnsavedChanges=false;const n=this.updateFormState();const{title:a,description:i,duration:s,availability:o,calendarIds:c,bookingCalendar:d,location:b,bookingType:p,buffer:f,availableDaysInFuture:h,minCancellationNotice:u,minBookingNotice:y,cancellationPolicy:g,timeslotInterval:m,additionalGuestsHidden:_,hideCancellationOptions:v,hideReschedulingOptions:w,participants:k,participantOpenHours:x}=n;const C=s?parseInt(s):30;const H={...this.selectedConfiguration?.id&&{id:this.selectedConfiguration.id},version:this.selectedConfiguration?.version??"1.0.0",availability:{duration_minutes:C,interval_minutes:m?.interval??C,round_to:m?.roundTo,availability_rules:{availability_method:this.selectedConfiguration?.availability?.availability_rules?.availability_method??"collective",buffer:f||{before:0,after:0},default_open_hours:o?.openHours??this.selectedConfiguration?.availability?.availability_rules?.default_open_hours??l,round_robin_group_id:this.selectedConfiguration?.availability?.availability_rules?.round_robin_group_id??""}},participants:[...k?.map((t=>{if(t.is_organizer){return{name:t.name??t.email,email:t.email,is_organizer:true,availability:{calendar_ids:c?.length?c:["primary"],open_hours:x?.[t.email]??t.availability?.open_hours??[]},booking:{calendar_id:d&&d!==""?d:"primary"}}}return{...t,availability:{calendar_ids:t.availability?.calendar_ids??["primary"],open_hours:x?.[t.email]??t.availability?.open_hours??[]}}}))??[]],event_booking:{title:a?.toString()??"",description:i?.toString()??"",location:b?.toString()??"",booking_type:p?.toString()??"booking",timezone:o?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone},scheduler:{cancellation_policy:g??"",available_days_in_future:h??30,min_cancellation_notice:u??0,min_booking_notice:y??60,hide_additional_guests:_??false,hide_cancellation_options:v??false,hide_rescheduling_options:w??false}};const S=r(H,this.selectedConfiguration);const I=this.action==="create"?S:H;const j=t=>{this.isLoading=false;this.changesSaved=true;setTimeout((()=>{this.changesSaved=false}),5e3)};this.schedulerConfigChanged.emit({config:I,resetLoadingState:j,setError:this.setError,action:this.action})};this.calendars=undefined;this.selectedConfiguration=undefined;this.currentUser=undefined;this.schedulerPreviewLink="";this.mode="app";this.action="create";this.activeTab="eventInfo";this.isLoading=false;this.hasUnsavedChanges=false;this.changesSaved=false;this.formState={};this.error=""}configChangedHandler(t){o("[nylas-editor-tabs]","configChangedHandler",t,this.selectedConfiguration);this.formState={...this.getFormStateFromConfig(t)};if(t.id){this.action="edit"}else{this.action="create"}}connectedCallback(){o("[nylas-editor-tabs]","connectedCallback")}componentWillLoad(){o("[nylas-editor-tabs]","componentWillLoad");this.formState=this.getFormStateFromConfig(this.selectedConfiguration)}componentDidLoad(){o("[nylas-editor-tabs]","componentDidLoad")}disconnectedCallback(){o("[nylas-editor-tabs]","disconnectedCallback")}handleValueChanged(t){o("[nylas-editor-tabs]","handleValueChanged",t);const{name:e,value:n}=t.detail;this.setFormState(n,e);this.formState={...this.formState};this.hasUnsavedChanges=true;this.error=""}getFormStateFromConfig(t){const e=t?.participants?.find((t=>t.is_organizer));return{title:t?.event_booking?.title??"",description:t?.event_booking?.description??"",duration:t?.availability?.duration_minutes?.toString()??"30",availability:{timezone:t?.event_booking?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,openHours:t?.availability?.availability_rules?.default_open_hours??l},calendarIds:e?.availability?.calendar_ids??[],participants:t?.participants??[],bookingCalendar:e?.booking?.calendar_id??e?.email??"",location:t?.event_booking?.location??"",bookingType:t?.event_booking?.booking_type??"booking",buffer:t?.availability?.availability_rules?.buffer??{before:0,after:0},cancellationPolicy:t?.scheduler?.cancellation_policy??"",availableDaysInFuture:t?.scheduler?.available_days_in_future??30,minCancellationNotice:t?.scheduler?.min_cancellation_notice??0,minBookingNotice:t?.scheduler?.min_booking_notice??60,timeslotInterval:{interval:t?.availability?.interval_minutes??t?.availability?.duration_minutes??10,roundTo:t?.availability?.round_to},additionalGuestsHidden:t?.scheduler?.hide_additional_guests??false,hideCancellationOptions:t?.scheduler?.hide_cancellation_options??false,hideReschedulingOptions:t?.scheduler?.hide_rescheduling_options??false}}setFormState(t,e){switch(e){case"title":this.formState.title=t.toString();break;case"description":this.formState.description=t.toString();break;case"duration":this.formState.duration=t.toString();break;case"availability":this.formState.availability=JSON.parse(t.toString());break;case"participants":this.formState.participants=JSON.parse(t.toString());break;case"calendars":this.formState.calendarIds=t.toString().split(",");break;case"booking-calendar":this.formState.bookingCalendar=t.toString();break;case"location":this.formState.location=t.toString();break;case"booking-type":this.formState.bookingType=t.toString();break;case"buffer-time":this.formState.buffer=JSON.parse(t.toString());break;case"limit-future-bookings":this.formState.availableDaysInFuture=parseInt(t.toString());break;case"min-cancellation-notice":this.formState.minCancellationNotice=parseInt(t.toString());break;case"min-booking-notice":this.formState.minBookingNotice=parseInt(t.toString());break;case"cancellation-policy":this.formState.cancellationPolicy=t.toString();break;case"timeslot-interval":this.formState.timeslotInterval=JSON.parse(t.toString());break;case"customize-booking-settings":const e=JSON.parse(t.toString());this.formState.additionalGuestsHidden=e.additionalGuestsHidden;this.formState.hideCancellationOptions=e.hideCancellationOptions;this.formState.hideReschedulingOptions=e.hideReschedulingOptions;break;case"participant-custom-availability":const n=JSON.parse(t.toString());this.formState.participantOpenHours=n;break}}updateFormState(){const t=new FormData(this.formRef);t.forEach(((t,e)=>{this.setFormState(t,e)}));this.formState={...this.formState};return this.formState}setActiveTab(t,e){t.preventDefault();this.updateFormState();this.activeTab=e}render(){o("[nylas-editor-tabs]","render",this.formState);const t=localStorage.getItem("nylas")==="Nylas Developer";return e(a,{key:"ccfd780da5c6ce1688f60384796bbaa98fe6094d"},e("form",{key:"2e5d1c16a5373a5b623869925a7cab71f52f98ce",onSubmit:this.formSubmissionHandler,class:"scheduler-editor",ref:t=>this.formRef=t,noValidate:true},this.mode==="app"?e("div",{class:"form-contents"},e("div",{class:"tabs"},e("button",{class:{tab:true,active:this.activeTab=="eventInfo"},onClick:t=>this.setActiveTab(t,"eventInfo")},e("calendar-info-icon",{width:"16",height:"16"}),"Event Info"),e("button",{class:{tab:true,active:this.activeTab=="availability"},onClick:t=>this.setActiveTab(t,"availability")},e("calendar-patterns-icon",{width:"16",height:"16"}),"Availability"),e("button",{class:{tab:true,active:this.activeTab=="bookingOptions"},onClick:t=>this.setActiveTab(t,"bookingOptions")},e("flow-icon",{width:"16",height:"16"}),"Booking Options"),t&&e("button",{class:{tab:true,active:this.activeTab=="participants"},onClick:t=>this.setActiveTab(t,"participants")},e("people-icon",{width:"16",height:"16"}),"Participants")),e("div",{class:"tab-content"},e(y,{formState:this.formState,activeTab:this.activeTab,calendars:this.calendars,id:this.selectedConfiguration?.id??"new"}))):e("slot",null),e("div",{key:"f11d2767c5fc65ad7a72f346e9b3940b8151d7a3",class:"footer"},e("div",{key:"858c5dac4d006f28b05347be3feba2d6dd336b15",class:"preview"},this.schedulerPreviewLink!==""&&this.action==="edit"&&e("button-component",{type:"button",disabled:this.isLoading,clickHandler:t=>{t.preventDefault();const e=this.previewButtonClicked.emit(this.host);if(!e.defaultPrevented){window.open(c(this.schedulerPreviewLink,this.selectedConfiguration),"_blank")}},variant:"basic"},"Preview")),e("div",{key:"c5225165887e64b467570a3f90222479fb259494",class:"buttons"},e("p",{key:"50b2861f9c99e3dc91e58f77097fa753ba02cd1b",class:{"unsaved-changes":this.hasUnsavedChanges&&!this.changesSaved,"saved-changes":this.changesSaved,error:this.error!=="","error-full-width":this.error!==""&&this.action==="create"}},this.error!==""?this.error:"",this.error==""&&this.hasUnsavedChanges&&!this.changesSaved?"Unsaved changes":this.error==""&&this.changesSaved?"Changes saved!":""),e("button-component",{key:"9934c2cf6faf7e74b135add1728e3524bc29e13f",type:"button",disabled:this.isLoading,clickHandler:t=>{t.preventDefault();this.cancelButtonClick.emit();this.error=""},variant:"basic"},"Cancel"),e("button-component",{key:"872f1a24204c38948d484b2bf99aa72d78ba7a37",type:"submit",disabled:this.isLoading},this.isLoading?e("span",null,"Saving",e("loading-icon",null)," "):this.action=="create"?"Create":"Save changes")))))}get host(){return i(this)}static get watchers(){return{selectedConfiguration:["configChangedHandler"]}}};_([s({name:"nylas-editor-tabs",stateToProps:new Map([["schedulerConfig.calendars","calendars"],["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.currentUser","currentUser"]]),eventToProps:{schedulerConfigChanged:async(t,e)=>{const{resetLoadingState:n,setError:a,action:i,config:s}=t.detail;const o=e=>{const[i,s]=e;if(!i&&s&&a){a(s)}if(n){n(t)}};if(i==="edit"){const t=await e.schedulerConfig.updateConfiguration(s);o(t)}else{const t=await e.schedulerConfig.createConfiguration(s);o(t)}},cancelButtonClick:async(t,e)=>{e.schedulerConfigStore.state.action=null},previewButtonClicked:async(t,e)=>{o("[nylas-editor-tabs]","previewButtonClicked",e)},formSubmitted:async(t,e)=>{o("[nylas-editor-tabs]","formSubmitted",e)}},localPropsToProp:new Map([["schedulerPreviewLink","schedulerPreviewLink"]]),fireRegisterEvent:true}),v("design:type",Function),v("design:paramtypes",[]),v("design:returntype",void 0)],w.prototype,"render",null);w.style=m;const k=':host{display:grid;grid-auto-flow:row;width:100%;font-family:inherit;font-optical-sizing:auto;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}@media screen and (max-width: 768px){.header{flex-direction:column;gap:0.5rem;align-items:unset}}.header h2{margin:0;font-size:1.25rem;color:var(--nylas-base-900);font-weight:600}.header p{margin:0;font-size:1rem;color:var(--nylas-base-700)}.header .actions{justify-self:end}@media screen and (max-width: 768px){.header .actions{width:100%}}.configurations{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);background:var(--nylas-base-0);height:100%;display:flex;overflow-y:auto}.configurations table{width:100%;border-spacing:0;border-collapse:collapse;font-family:inherit;height:max-content}.configurations table.no-configurations{height:100%}.configurations table tr{color:var(--nylas-base-800);border-bottom:1px solid var(--nylas-base-200);font-family:inherit}.configurations table tr:last-of-type{border-bottom:0}.configurations table tr.hide{display:none}.configurations table th{font-weight:600;text-transform:uppercase;font-size:14px;line-height:20px}.configurations table th.actions-header{text-align:right}.configurations table tr.no-configurations td>div{display:flex;height:100%;justify-content:center;align-items:center;flex-direction:column;padding:var(--nylas-border-radius-3x)}.configurations table tr.no-configurations td>div h3{margin:0 0 1rem 0;color:var(--nylas-base-700)}.configurations table tr.no-configurations td>div p{margin:0 0 1rem 0;color:var(--nylas-base-600)}.configurations table tr.no-configurations td>div calendar-icon{margin-bottom:1rem;color:var(--nylas-base-200)}.configurations table th,.configurations table td{text-align:left;padding:1rem;font-family:inherit}.configurations table .actions{text-align:right}.configurations table .actions{display:flex;justify-content:flex-end;gap:1rem}@media screen and (max-width: 768px){.configurations table .actions{flex-direction:column;gap:0.5rem}}.configurations table .title{display:flex;flex-direction:column}.configurations table .title .config-event-title{font-weight:600}.configurations table .title .config-event-description{font-size:0.75rem}.error-container{margin-top:1.5rem}.error-container .error{color:var(--nylas-error);padding:0.5rem 0;margin:1rem 0 0}button-component#copy button{width:108px}';const x=k;var C=undefined&&undefined.__decorate||function(t,e,n,a){var i=arguments.length,s=i<3?e:a===null?a=Object.getOwnPropertyDescriptor(e,n):a,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(t,e,n,a);else for(var r=t.length-1;r>=0;r--)if(o=t[r])s=(i<3?o(s):i>3?o(e,n,s):o(e,n))||s;return i>3&&s&&Object.defineProperty(e,n,s),s};var H=undefined&&undefined.__metadata||function(t,e){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(t,e)};const S=class{constructor(e){t(this,e);this.initListConfigurations=n(this,"initListConfigurations",7);this.createButtonClick=n(this,"createButtonClick",7);this.editButtonClick=n(this,"editButtonClick",7);this.deleteButtonClick=n(this,"deleteButtonClick",7);this.configurations=[];this.schedulerPreviewLink="";this.state="loading";this.error="";this.copiedButtonIndex=-1}connectedCallback(){o("[nylas-list-configurations]","connectedCallback")}componentWillLoad(){o("[nylas-list-configurations]","componentWillLoad");if(this.configurations&&this.configurations.length>0){this.state="loaded"}}componentDidLoad(){o("[nylas-list-configurations]","componentDidLoad");this.initListConfigurations.emit(this.host)}disconnectedCallback(){o("[nylas-list-configurations]","disconnectedCallback")}async getState(){return this.state}async setState(t){this.state=t}async setError(t){this.error=t}getDurationString(t){const e=Math.floor(t/60);const n=t%60;return`${e?e:""} ${e?`${e>1?"hours":"hour"}`:""} ${n?n:""} ${n?`${n>1?"mins":"min"}`:""}`}render(){return e(a,null,e("div",{class:"header"},e("div",{class:"description"},e("h2",null,"All scheduling pages"),e("p",null,"Create, edit and manage all your scheduling pages.")),this.configurations&&this.configurations.length>0&&e("div",{class:"actions"},e("button-component",{clickHandler:()=>{this.createButtonClick.emit(this.host)}},"Create new"))),e("div",{class:"configurations"},e("table",{class:{"no-configurations":this.state!=="loading"&&(!this.configurations||this.configurations.length===0)}},e("tr",{class:{hide:this.state==="loading"||this.configurations&&this.configurations.length===0}},e("th",null,"Scheduling page title"),e("th",null,"Duration"),e("th",{class:"actions-header"},"Actions")),this.state==="loading"&&e("tr",{class:"no-configurations"},e("td",{colSpan:3},e("div",null,e("h3",null,"Loading..."),e("p",null,"Please wait while we fetch the scheduling pages")))),this.state!=="loading"&&(!this.configurations||this.configurations.length===0)&&e("tr",{class:"no-configurations"},e("td",{colSpan:3},e("div",null,e("calendar-icon",{width:"48",height:"48"}),e("h3",null,"No scheduling pages found"),e("p",null,"Get started with creating your first scheduling page"),e("button-component",{clickHandler:()=>{this.createButtonClick.emit(this.host)}},"Create new")))),this.state!=="loading"&&this.configurations.map(((t,n)=>e("tr",{key:t.id},e("td",null,e("div",{class:"title"},e("span",{class:"config-event-title"},t.event_booking.title),e("span",{class:"config-event-description"},t.event_booking.description))),e("td",null,e("div",null,this.getDurationString(t.availability.duration_minutes))),e("td",null,e("div",{class:"actions"},e("button-component",{variant:"basic",id:"copy",key:`copy-${n}`,clickHandler:async e=>{e.preventDefault();const a=c(this.schedulerPreviewLink,t);await navigator.clipboard.writeText(a);this.copiedButtonIndex=n;setTimeout((()=>{this.copiedButtonIndex=-1}),3e3)}},this.copiedButtonIndex===n?"Copied!":"Copy link"),e("button-component",{variant:"basic",key:`edit-${n}`,clickHandler:e=>{e.preventDefault();this.editButtonClick.emit({host:this.host,configuration:t})}},"Edit"),e("button-component",{variant:"basic",key:`delete-${n}`,clickHandler:e=>{e.preventDefault();this.deleteButtonClick.emit({host:this.host,configuration:t})}},"Delete")))))))),this.state==="error"&&e("div",{class:"error-container"},e("p",{class:"error"},this.error)))}get host(){return i(this)}};C([s({name:"nylas-list-configurations",stateToProps:new Map([["schedulerConfig.configurations","configurations"]]),localPropsToProp:new Map([["schedulerPreviewLink","schedulerPreviewLink"]]),eventToProps:{initListConfigurations:async(t,e)=>{const n=t.detail;await n.setState("loading");const[a,i]=await e.schedulerConfig.getConfigurations();if(!a&&i&&i.message){await n.setState("error");await n.setError(i.message);return}await n.setState("loaded")},createButtonClick:async(t,e)=>{e.schedulerConfigStore.resetSelectedConfiguration();e.schedulerConfigStore.state.action="create"},deleteButtonClick:async(t,e)=>{const{host:n,configuration:a}=t.detail;const[i,s]=await e.schedulerConfig.deleteConfiguration(a.id);if(!i&&s&&s.message){await n.setState("error");await n.setError(s.message)}},editButtonClick:async(t,e)=>{const{configuration:n}=t.detail;e.schedulerConfigStore.state.selectedConfiguration=n;e.schedulerConfigStore.state.action="edit"}},fireRegisterEvent:true}),H("design:type",Function),H("design:paramtypes",[]),H("design:returntype",void 0)],S.prototype,"render",null);S.style=x;export{p as google_logo_icon,u as microsoft_logo_icon,w as nylas_editor_tabs,S as nylas_list_configurations};
+//# sourceMappingURL=p-f8e0164c.entry.js.map