@nylas/react 2.0.0 → 2.0.1

package/dist/{folder-icon.entry-54c3cc66.js → folder-icon.entry-430c6b47.js}

@@ -1,13 +1,13 @@
-import { r as e, h as t } from "./index-e8380973.js";
+import { r as o, h as t } from "./index-71f61ea9.js";
 import "react";
 import "react/jsx-runtime";
 import "react-dom";
 const s = ".sc-folder-icon-h{display:flex}", i = s, r = class {
-  constructor(o) {
-    e(this, o), this.width = "15", this.height = "15";
+  constructor(e) {
+    o(this, e), this.width = "15", this.height = "15";
   }
   render() {
-    return t("svg", { key: "ce969ff284482ca25508e2740184443a7a0dfa5c", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "f6f64b1ada3ad9d1bd58db00d9e5b80a3a022e3b", d: "M3 8.2C3 7.07989 3 6.51984 3.21799 6.09202C3.40973 5.71569 3.71569 5.40973 4.09202 5.21799C4.51984 5 5.0799 5 6.2 5H9.67452C10.1637 5 10.4083 5 10.6385 5.05526C10.8425 5.10425 11.0376 5.18506 11.2166 5.29472C11.4184 5.4184 11.5914 5.59135 11.9373 5.93726L12.0627 6.06274C12.4086 6.40865 12.5816 6.5816 12.7834 6.70528C12.9624 6.81494 13.1575 6.89575 13.3615 6.94474C13.5917 7 13.8363 7 14.3255 7H17.8C18.9201 7 19.4802 7 19.908 7.21799C20.2843 7.40973 20.5903 7.71569 20.782 8.09202C21 8.51984 21 9.0799 21 10.2V15.8C21 16.9201 21 17.4802 20.782 17.908C20.5903 18.2843 20.2843 18.5903 19.908 18.782C19.4802 19 18.9201 19 17.8 19H6.2C5.07989 19 4.51984 19 4.09202 18.782C3.71569 18.5903 3.40973 18.2843 3.21799 17.908C3 17.4802 3 16.9201 3 15.8V8.2Z", stroke: "auto", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }));
+    return t("svg", { key: "deefae918ad34ee0e41d6fd63c0711f716a33635", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "7371c35e2969e293b7b68ab0d0d3b80563053820", d: "M3 8.2C3 7.07989 3 6.51984 3.21799 6.09202C3.40973 5.71569 3.71569 5.40973 4.09202 5.21799C4.51984 5 5.0799 5 6.2 5H9.67452C10.1637 5 10.4083 5 10.6385 5.05526C10.8425 5.10425 11.0376 5.18506 11.2166 5.29472C11.4184 5.4184 11.5914 5.59135 11.9373 5.93726L12.0627 6.06274C12.4086 6.40865 12.5816 6.5816 12.7834 6.70528C12.9624 6.81494 13.1575 6.89575 13.3615 6.94474C13.5917 7 13.8363 7 14.3255 7H17.8C18.9201 7 19.4802 7 19.908 7.21799C20.2843 7.40973 20.5903 7.71569 20.782 8.09202C21 8.51984 21 9.0799 21 10.2V15.8C21 16.9201 21 17.4802 20.782 17.908C20.5903 18.2843 20.2843 18.5903 19.908 18.782C19.4802 19 18.9201 19 17.8 19H6.2C5.07989 19 4.51984 19 4.09202 18.782C3.71569 18.5903 3.40973 18.2843 3.21799 17.908C3 17.4802 3 16.9201 3 15.8V8.2Z", stroke: "auto", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }));
   }
 };
 r.style = i;

package/dist/{folder-icon.entry-2694e253.cjs → folder-icon.entry-b1632bf3.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-1e75512f.cjs");require("react");require("react/jsx-runtime");require("react-dom");const i=".sc-folder-icon-h{display:flex}",o=i,t=class{constructor(r){e.registerInstance(this,r),this.width="15",this.height="15"}render(){return e.h("svg",{key:"ce969ff284482ca25508e2740184443a7a0dfa5c",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"f6f64b1ada3ad9d1bd58db00d9e5b80a3a022e3b",d:"M3 8.2C3 7.07989 3 6.51984 3.21799 6.09202C3.40973 5.71569 3.71569 5.40973 4.09202 5.21799C4.51984 5 5.0799 5 6.2 5H9.67452C10.1637 5 10.4083 5 10.6385 5.05526C10.8425 5.10425 11.0376 5.18506 11.2166 5.29472C11.4184 5.4184 11.5914 5.59135 11.9373 5.93726L12.0627 6.06274C12.4086 6.40865 12.5816 6.5816 12.7834 6.70528C12.9624 6.81494 13.1575 6.89575 13.3615 6.94474C13.5917 7 13.8363 7 14.3255 7H17.8C18.9201 7 19.4802 7 19.908 7.21799C20.2843 7.40973 20.5903 7.71569 20.782 8.09202C21 8.51984 21 9.0799 21 10.2V15.8C21 16.9201 21 17.4802 20.782 17.908C20.5903 18.2843 20.2843 18.5903 19.908 18.782C19.4802 19 18.9201 19 17.8 19H6.2C5.07989 19 4.51984 19 4.09202 18.782C3.71569 18.5903 3.40973 18.2843 3.21799 17.908C3 17.4802 3 16.9201 3 15.8V8.2Z",stroke:"auto","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))}};t.style=o;exports.folder_icon=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-f769bc2a.cjs");require("react");require("react/jsx-runtime");require("react-dom");const i=".sc-folder-icon-h{display:flex}",o=i,t=class{constructor(r){e.registerInstance(this,r),this.width="15",this.height="15"}render(){return e.h("svg",{key:"deefae918ad34ee0e41d6fd63c0711f716a33635",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"7371c35e2969e293b7b68ab0d0d3b80563053820",d:"M3 8.2C3 7.07989 3 6.51984 3.21799 6.09202C3.40973 5.71569 3.71569 5.40973 4.09202 5.21799C4.51984 5 5.0799 5 6.2 5H9.67452C10.1637 5 10.4083 5 10.6385 5.05526C10.8425 5.10425 11.0376 5.18506 11.2166 5.29472C11.4184 5.4184 11.5914 5.59135 11.9373 5.93726L12.0627 6.06274C12.4086 6.40865 12.5816 6.5816 12.7834 6.70528C12.9624 6.81494 13.1575 6.89575 13.3615 6.94474C13.5917 7 13.8363 7 14.3255 7H17.8C18.9201 7 19.4802 7 19.908 7.21799C20.2843 7.40973 20.5903 7.71569 20.782 8.09202C21 8.51984 21 9.0799 21 10.2V15.8C21 16.9201 21 17.4802 20.782 17.908C20.5903 18.2843 20.2843 18.5903 19.908 18.782C19.4802 19 18.9201 19 17.8 19H6.2C5.07989 19 4.51984 19 4.09202 18.782C3.71569 18.5903 3.40973 18.2843 3.21799 17.908C3 17.4802 3 16.9201 3 15.8V8.2Z",stroke:"auto","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))}};t.style=o;exports.folder_icon=t;

package/dist/{forward-icon.entry-5e540f05.js → forward-icon.entry-5e53da76.js}

@@ -1,4 +1,4 @@
-import { r as o, h as t } from "./index-e8380973.js";
+import { r as o, h as t } from "./index-71f61ea9.js";
 import "react";
 import "react/jsx-runtime";
 import "react-dom";
@@ -7,7 +7,7 @@ const e = ".sc-forward-icon-h{display:flex}", i = e, s = class {
     o(this, r), this.width = "15", this.height = "15";
   }
   render() {
-    return t("svg", { key: "f093412278453f9ea9dc6cf345d6171c134a5398", fill: "auto", width: this.width, height: this.height, viewBox: "0 0 1920 1920", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "f90de705f64444d7a2ad7fe7835a3e9af196a902", d: "m1246.246 64-90.496 90.496 477.952 477.952h-590.848C467.878 632.448.038 1100.416.038 1675.392v109.056h128v-109.056c0-504.576 410.368-914.944 914.816-914.944h590.848l-477.952 478.08 90.496 90.496 632.448-632.576L1246.246 64Z", "fill-rule": "evenodd" }));
+    return t("svg", { key: "3afe5502c4af5a72e73c7303c3637de6f85ca005", fill: "auto", width: this.width, height: this.height, viewBox: "0 0 1920 1920", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "a20424bd623791321c5d46e0377cb8823cc16d6f", d: "m1246.246 64-90.496 90.496 477.952 477.952h-590.848C467.878 632.448.038 1100.416.038 1675.392v109.056h128v-109.056c0-504.576 410.368-914.944 914.816-914.944h590.848l-477.952 478.08 90.496 90.496 632.448-632.576L1246.246 64Z", "fill-rule": "evenodd" }));
   }
 };
 s.style = i;

package/dist/{forward-icon.entry-f07102d8.cjs → forward-icon.entry-7626dcca.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-1e75512f.cjs");require("react");require("react/jsx-runtime");require("react-dom");const i=".sc-forward-icon-h{display:flex}",s=i,t=class{constructor(r){e.registerInstance(this,r),this.width="15",this.height="15"}render(){return e.h("svg",{key:"f093412278453f9ea9dc6cf345d6171c134a5398",fill:"auto",width:this.width,height:this.height,viewBox:"0 0 1920 1920",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"f90de705f64444d7a2ad7fe7835a3e9af196a902",d:"m1246.246 64-90.496 90.496 477.952 477.952h-590.848C467.878 632.448.038 1100.416.038 1675.392v109.056h128v-109.056c0-504.576 410.368-914.944 914.816-914.944h590.848l-477.952 478.08 90.496 90.496 632.448-632.576L1246.246 64Z","fill-rule":"evenodd"}))}};t.style=s;exports.forward_icon=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-f769bc2a.cjs");require("react");require("react/jsx-runtime");require("react-dom");const i=".sc-forward-icon-h{display:flex}",c=i,t=class{constructor(r){e.registerInstance(this,r),this.width="15",this.height="15"}render(){return e.h("svg",{key:"3afe5502c4af5a72e73c7303c3637de6f85ca005",fill:"auto",width:this.width,height:this.height,viewBox:"0 0 1920 1920",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"a20424bd623791321c5d46e0377cb8823cc16d6f",d:"m1246.246 64-90.496 90.496 477.952 477.952h-590.848C467.878 632.448.038 1100.416.038 1675.392v109.056h128v-109.056c0-504.576 410.368-914.944 914.816-914.944h590.848l-477.952 478.08 90.496 90.496 632.448-632.576L1246.246 64Z","fill-rule":"evenodd"}))}};t.style=c;exports.forward_icon=t;

package/dist/{globe-icon_2.entry-aaceb196.js → globe-icon_2.entry-646eae41.js}

@@ -1,15 +1,15 @@
-import { r as b, h as a, d as o, a as f, i as l, W as m, X as d, L as g, Y as u, Z as p, M as y, H as x, g as w } from "./index-e8380973.js";
+import { r as g, h as n, d as o, a as f, i as l, W as m, X as d, L as b, Y as u, Z as p, M as y, H as x, g as w } from "./index-71f61ea9.js";
 import { L as c } from "./constants-f51538ef-e0a5f026.js";
-import { c as v } from "./customParseFormat-d1de5ed0-c0ef002d.js";
+import { c as v } from "./customParseFormat-edc38d83-b3722499.js";
 import "react";
 import "react/jsx-runtime";
 import "react-dom";
 const k = ".sc-globe-icon-h{display:flex}", T = k, C = class {
   constructor(t) {
-    b(this, t), this.width = "16", this.height = "16";
+    g(this, t), this.width = "16", this.height = "16";
   }
   render() {
-    return a("svg", { key: "339d4881ddf352d7950647b1458a861deab9b496", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 16 16", fill: "none" }, a("path", { key: "fb6ab15c0dacfec98834a4980380a40a4fa9d636", d: "M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 3C8.37372 3 8.87543 3.35608 9.31258 4.31781C9.4073 4.52619 9.49448 4.75446 9.57265 5H6.42735C6.50552 4.75446 6.5927 4.52619 6.68742 4.31781C7.12457 3.35608 7.62628 3 8 3ZM5.77705 3.90401C5.62614 4.23601 5.49428 4.6038 5.38411 5H3.99963C4.52341 4.30269 5.22525 3.74677 6.03766 3.39978C5.94287 3.56117 5.85596 3.7304 5.77705 3.90401ZM5.16299 6C5.05694 6.6275 5 7.30146 5 8C5 8.69854 5.05694 9.3725 5.16299 10H3.41604C3.14845 9.38754 3 8.7111 3 8C3 7.2889 3.14845 6.61246 3.41604 6H5.16299ZM5.38411 11C5.49428 11.3962 5.62614 11.764 5.77705 12.096C5.85596 12.2696 5.94287 12.4388 6.03766 12.6002C5.22525 12.2532 4.52341 11.6973 3.99963 11H5.38411ZM6.42735 11H9.57265C9.49448 11.2455 9.4073 11.4738 9.31258 11.6822C8.87543 12.6439 8.37372 13 8 13C7.62628 13 7.12457 12.6439 6.68742 11.6822C6.5927 11.4738 6.50552 11.2455 6.42735 11ZM9.82134 10H6.17866C6.06438 9.3892 6 8.71396 6 8C6 7.28604 6.06438 6.6108 6.17866 6H9.82134C9.93562 6.6108 10 7.28604 10 8C10 8.71396 9.93562 9.3892 9.82134 10ZM10.6159 11H12.0004C11.4766 11.6973 10.7747 12.2532 9.96234 12.6002C10.0571 12.4388 10.144 12.2696 10.2229 12.096C10.3739 11.764 10.5057 11.3962 10.6159 11ZM12.584 10H10.837C10.9431 9.3725 11 8.69854 11 8C11 7.30146 10.9431 6.6275 10.837 6H12.584C12.8516 6.61246 13 7.2889 13 8C13 8.7111 12.8516 9.38754 12.584 10ZM9.96234 3.39978C10.7747 3.74677 11.4766 4.30269 12.0004 5H10.6159C10.5057 4.6038 10.3739 4.23601 10.2229 3.90401C10.144 3.7304 10.0571 3.56117 9.96234 3.39978Z", fill: "currentColor" }));
+    return n("svg", { key: "ccad86c558abea19fa48bd42e9b3375a7b3567c5", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 16 16", fill: "none" }, n("path", { key: "5b69892e01ba177bc47fe2a78a7dc25a6374dfa7", d: "M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 3C8.37372 3 8.87543 3.35608 9.31258 4.31781C9.4073 4.52619 9.49448 4.75446 9.57265 5H6.42735C6.50552 4.75446 6.5927 4.52619 6.68742 4.31781C7.12457 3.35608 7.62628 3 8 3ZM5.77705 3.90401C5.62614 4.23601 5.49428 4.6038 5.38411 5H3.99963C4.52341 4.30269 5.22525 3.74677 6.03766 3.39978C5.94287 3.56117 5.85596 3.7304 5.77705 3.90401ZM5.16299 6C5.05694 6.6275 5 7.30146 5 8C5 8.69854 5.05694 9.3725 5.16299 10H3.41604C3.14845 9.38754 3 8.7111 3 8C3 7.2889 3.14845 6.61246 3.41604 6H5.16299ZM5.38411 11C5.49428 11.3962 5.62614 11.764 5.77705 12.096C5.85596 12.2696 5.94287 12.4388 6.03766 12.6002C5.22525 12.2532 4.52341 11.6973 3.99963 11H5.38411ZM6.42735 11H9.57265C9.49448 11.2455 9.4073 11.4738 9.31258 11.6822C8.87543 12.6439 8.37372 13 8 13C7.62628 13 7.12457 12.6439 6.68742 11.6822C6.5927 11.4738 6.50552 11.2455 6.42735 11ZM9.82134 10H6.17866C6.06438 9.3892 6 8.71396 6 8C6 7.28604 6.06438 6.6108 6.17866 6H9.82134C9.93562 6.6108 10 7.28604 10 8C10 8.71396 9.93562 9.3892 9.82134 10ZM10.6159 11H12.0004C11.4766 11.6973 10.7747 12.2532 9.96234 12.6002C10.0571 12.4388 10.144 12.2696 10.2229 12.096C10.3739 11.764 10.5057 11.3962 10.6159 11ZM12.584 10H10.837C10.9431 9.3725 11 8.69854 11 8C11 7.30146 10.9431 6.6275 10.837 6H12.584C12.8516 6.61246 13 7.2889 13 8C13 8.7111 12.8516 9.38754 12.584 10ZM9.96234 3.39978C10.7747 3.74677 11.4766 4.30269 12.0004 5H10.6159C10.5057 4.6038 10.3739 4.23601 10.2229 3.90401C10.144 3.7304 10.0571 3.56117 9.96234 3.39978Z", fill: "currentColor" }));
   }
 };
 C.style = T;
@@ -17,7 +17,7 @@ const I = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas
 o.extend(v);
 const A = class {
   constructor(t) {
-    b(this, t), this.timeChange = f(this, "timeChange", 7), this.timeWindowFormError = f(this, "timeWindowFormError", 7), this.time = void 0, this.minimumStartTime = null, this.placeholder = "hh:mmam/pm", this.name = void 0, this.hasError = !1, this.language = c.en, this.err = "", this.showTimes = !1, this.ariaActivedescendant = "", this.times = this.generateTimes(), this.shouldAutoScroll = !1;
+    g(this, t), this.timeChange = f(this, "timeChange", 7), this.timeWindowFormError = f(this, "timeWindowFormError", 7), this.time = void 0, this.minimumStartTime = null, this.placeholder = "hh:mmam/pm", this.name = void 0, this.hasError = !1, this.language = c.en, this.err = "", this.showTimes = !1, this.ariaActivedescendant = "", this.times = this.generateTimes(), this.shouldAutoScroll = !1;
   }
   handleOutsideClick(t) {
     !t.composedPath().includes(this.el) && this.showTimes && (this.showTimes = !1);
@@ -68,7 +68,7 @@ const A = class {
   }
   handleTimeAutocomplete(t) {
     var r;
-    const e = (r = t.target) == null ? void 0 : r.value, s = this.language === c.de || this.language === c.fr ? g(e) : e, i = l.t("nylasTimeWindowPicker.errors.invalid");
+    const e = (r = t.target) == null ? void 0 : r.value, s = this.language === c.de || this.language === c.fr ? b(e) : e, i = l.t("nylasTimeWindowPicker.errors.invalid");
     if (!d(s)) {
       this.err = i, this.timeWindowFormError.emit({
         key: this.el.id,
@@ -77,18 +77,18 @@ const A = class {
       return;
     }
     if (s === "") {
-      const n = u().format("hh:mma");
+      const a = u().format("hh:mma");
       this.timeChange.emit({
         key: this.el.id,
-        value: n
+        value: a
       });
       return;
     }
     if (!p(s)) {
-      const n = m(s);
+      const a = m(s);
       this.timeChange.emit({
         key: this.el.id,
-        value: n
+        value: a
       });
       return;
     }
@@ -102,12 +102,12 @@ const A = class {
     const e = (s = t.target) == null ? void 0 : s.value;
     if (d(e)) {
       if (e === "") {
-        const i = u().format("hh:mma"), r = this.times.findIndex((n) => n.value === i);
+        const i = u().format("hh:mma"), r = this.times.findIndex((a) => a.value === i);
         r > -1 && this.scrollToViewWithinParent(r);
         return;
       }
       if (!p(e)) {
-        const i = m(e), r = this.times.findIndex((n) => n.value === i);
+        const i = m(e), r = this.times.findIndex((a) => a.value === i);
         r > -1 && this.scrollToViewWithinParent(r);
         return;
       }
@@ -119,10 +119,10 @@ const A = class {
     this.minimumStartTime && (e = o(this.minimumStartTime, "hh:mma"));
     const s = e.endOf("day").diff(e, "minutes"), i = Math.round(s / 15);
     for (let r = 0; r < i + 1; r++) {
-      const n = e.add(r * 15, "minute");
-      if (r == i && n.format("hh:mma").includes("am"))
+      const a = e.add(r * 15, "minute");
+      if (r == i && a.format("hh:mma").includes("am"))
         break;
-      t.push({ id: r, value: n.format("hh:mma") });
+      t.push({ id: r, value: a.format("hh:mma") });
     }
     return t;
   }
@@ -170,8 +170,8 @@ const A = class {
     var h;
     const e = this.times[t], s = (h = this.el.shadowRoot) == null ? void 0 : h.getElementById(e.id.toString()), i = this.timeMenu;
     this.ariaActivedescendant = e.id.toString();
-    const r = s.getBoundingClientRect(), n = i.getBoundingClientRect();
-    r.top < n.top ? i.scrollTop -= n.top - r.top : r.bottom > n.bottom && (i.scrollTop += r.bottom - n.bottom), r.left < n.left ? i.scrollLeft -= n.left - r.left : r.right > n.right && (i.scrollLeft += r.right - n.right);
+    const r = s.getBoundingClientRect(), a = i.getBoundingClientRect();
+    r.top < a.top ? i.scrollTop -= a.top - r.top : r.bottom > a.bottom && (i.scrollTop += r.bottom - a.bottom), r.left < a.left ? i.scrollLeft -= a.left - r.left : r.right > a.right && (i.scrollLeft += r.right - a.right);
   }
   focusOption(t) {
     var r;
@@ -183,16 +183,16 @@ const A = class {
   }
   render() {
     const t = this.language !== c.en;
-    return a(x, { key: "895a0c2b4482e42b4bd52ad305cc0e41ea366d47" }, a("div", { key: "969128eb7d4177ecb879bf3b76d96eb004036b47", class: "time-picker", part: "time-picker" }, a("input", { key: "ff7b75f3cda42bdb0e27268b886913887f685c66", type: "text", name: this.name, id: this.name, part: "time-input", class: {
+    return n(x, { key: "6ea6b78a73331635750d905f9279907f7599e8c9" }, n("div", { key: "24c41e629fa49378938c3ed7be3875714963a0b2", class: "time-picker", part: "time-picker" }, n("input", { key: "3e05a515acf6472d094bdd75737f7553cd2525db", type: "text", name: this.name, id: this.name, part: "time-input", class: {
       "time-input": !0,
       error: !!this.err || this.hasError
     }, ref: (e) => this.timeInput = e, value: t ? y(this.time) : this.time, onClick: () => {
       this.showTimes = !this.showTimes, this.shouldAutoScroll = !0;
-    }, "aria-haspopup": "listbox", "aria-label": this.name, "aria-expanded": this.showTimes ? "true" : "false", placeholder: this.placeholder, onKeyDown: (e) => this.handleComboboxKeyDown(e), onInput: (e) => this.handleOnInput(e), onBlur: (e) => this.handleTimeAutocomplete(e) }), this.err && a("div", { class: "invalid-time-icon" }), this.showTimes && a("div", { class: "times", part: "times", ref: (e) => this.timeMenu = e }, a("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: (e) => this.handleListboxKeydown(e) }, this.times.map((e) => a("li", { tabindex: "0", key: e.id, id: e.id.toString(), class: {
+    }, "aria-haspopup": "listbox", "aria-label": this.name, "aria-expanded": this.showTimes ? "true" : "false", placeholder: this.placeholder, onKeyDown: (e) => this.handleComboboxKeyDown(e), onInput: (e) => this.handleOnInput(e), onBlur: (e) => this.handleTimeAutocomplete(e) }), this.err && n("div", { class: "invalid-time-icon" }), this.showTimes && n("div", { class: "times", part: "times", ref: (e) => this.timeMenu = e }, n("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: (e) => this.handleListboxKeydown(e) }, this.times.map((e) => n("li", { tabindex: "0", key: e.id, id: e.id.toString(), class: {
       focused: this.ariaActivedescendant === e.id.toString()
     }, onClick: (s) => {
       this.handleTimeChange(s, e.value), this.showTimes = !1, this.timeInput.focus();
-    }, role: "option" }, `${t ? y(e.value) : e.value}`)))), !this.showTimes && this.err && a("p", { class: "error", id: "email-error" }, this.err)));
+    }, role: "option" }, `${t ? y(e.value) : e.value}`)))), !this.showTimes && this.err && n("p", { class: "error", id: "email-error" }, this.err)));
   }
   get el() {
     return w(this);

package/dist/{globe-icon_2.entry-14a4c168.cjs → globe-icon_2.entry-bbb0a6ce.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-1e75512f.cjs"),o=require("./constants-f51538ef-cd2a67c4.cjs"),m=require("./customParseFormat-d1de5ed0-65a0bba3.cjs");require("react");require("react/jsx-runtime");require("react-dom");const h=".sc-globe-icon-h{display:flex}",u=h,c=class{constructor(t){s.registerInstance(this,t),this.width="16",this.height="16"}render(){return s.h("svg",{key:"339d4881ddf352d7950647b1458a861deab9b496",xmlns:"http://www.w3.org/2000/svg",width:this.width,height:this.height,viewBox:"0 0 16 16",fill:"none"},s.h("path",{key:"fb6ab15c0dacfec98834a4980380a40a4fa9d636",d:"M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 3C8.37372 3 8.87543 3.35608 9.31258 4.31781C9.4073 4.52619 9.49448 4.75446 9.57265 5H6.42735C6.50552 4.75446 6.5927 4.52619 6.68742 4.31781C7.12457 3.35608 7.62628 3 8 3ZM5.77705 3.90401C5.62614 4.23601 5.49428 4.6038 5.38411 5H3.99963C4.52341 4.30269 5.22525 3.74677 6.03766 3.39978C5.94287 3.56117 5.85596 3.7304 5.77705 3.90401ZM5.16299 6C5.05694 6.6275 5 7.30146 5 8C5 8.69854 5.05694 9.3725 5.16299 10H3.41604C3.14845 9.38754 3 8.7111 3 8C3 7.2889 3.14845 6.61246 3.41604 6H5.16299ZM5.38411 11C5.49428 11.3962 5.62614 11.764 5.77705 12.096C5.85596 12.2696 5.94287 12.4388 6.03766 12.6002C5.22525 12.2532 4.52341 11.6973 3.99963 11H5.38411ZM6.42735 11H9.57265C9.49448 11.2455 9.4073 11.4738 9.31258 11.6822C8.87543 12.6439 8.37372 13 8 13C7.62628 13 7.12457 12.6439 6.68742 11.6822C6.5927 11.4738 6.50552 11.2455 6.42735 11ZM9.82134 10H6.17866C6.06438 9.3892 6 8.71396 6 8C6 7.28604 6.06438 6.6108 6.17866 6H9.82134C9.93562 6.6108 10 7.28604 10 8C10 8.71396 9.93562 9.3892 9.82134 10ZM10.6159 11H12.0004C11.4766 11.6973 10.7747 12.2532 9.96234 12.6002C10.0571 12.4388 10.144 12.2696 10.2229 12.096C10.3739 11.764 10.5057 11.3962 10.6159 11ZM12.584 10H10.837C10.9431 9.3725 11 8.69854 11 8C11 7.30146 10.9431 6.6275 10.837 6H12.584C12.8516 6.61246 13 7.2889 13 8C13 8.7111 12.8516 9.38754 12.584 10ZM9.96234 3.39978C10.7747 3.74677 11.4766 4.30269 12.0004 5H10.6159C10.5057 4.6038 10.3739 4.23601 10.2229 3.90401C10.144 3.7304 10.0571 3.56117 9.96234 3.39978Z",fill:"currentColor"}))}};c.style=u;const f=':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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.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:var(--nylas-base-900);padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align: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}',p=f;s.dayjs.extend(m.customParseFormat);const d=class{constructor(t){s.registerInstance(this,t),this.timeChange=s.createEvent(this,"timeChange",7),this.timeWindowFormError=s.createEvent(this,"timeWindowFormError",7),this.time=void 0,this.minimumStartTime=null,this.placeholder="hh:mmam/pm",this.name=void 0,this.hasError=!1,this.language=o.LANGUAGE_CODE.en,this.err="",this.showTimes=!1,this.ariaActivedescendant="",this.times=this.generateTimes(),this.shouldAutoScroll=!1}handleOutsideClick(t){!t.composedPath().includes(this.el)&&this.showTimes&&(this.showTimes=!1)}minimumStartTimeChangedHandler(){if(this.minimumStartTime){let t=s.dayjs().hour(parseInt(this.minimumStartTime)).minute(parseInt(this.minimumStartTime.slice(-4,-2)));this.minimumStartTime.slice(-2).toLowerCase()==="pm"&&parseInt(this.minimumStartTime)!==12?t=t.add(12,"hour"):this.minimumStartTime.slice(-2).toLowerCase()==="am"&&parseInt(this.minimumStartTime)===12&&(t=t.subtract(12,"hour")),this.times=this.generateTimes();const e=s.dayjs(this.times[0].value,"hh:mma"),r=s.dayjs(this.time,"hh:mma"),i=s.instance.t("nylasTimeWindowPicker.errors.invalid");r.isBefore(e)&&(this.err=i,this.timeWindowFormError.emit({key:this.el.id,message:i}))}}componentDidRender(){if(this.showTimes&&this.shouldAutoScroll){const t=s.autocompleteTimeFormat(this.time),e=this.times.findIndex(r=>r.value===t);e>-1&&(this.shouldAutoScroll=!1,this.scrollToViewWithinParent(e));return}}handleTimeChange(t,e){const r=e.split(":");if(r[0]==="00"&&r[1].slice(-2)=="pm"){const i=s.instance.t("nylasTimeWindowPicker.errors.invalid");this.err=i,this.timeWindowFormError.emit({key:this.el.id,message:i})}if(s.validateTimeFormatInput(e))this.err="",this.timeWindowFormError.emit({key:this.el.id,message:""});else{const i=s.instance.t("nylasTimeWindowPicker.errors.invalid");this.err=i,this.timeWindowFormError.emit({key:this.el.id,message:i})}this.err||this.timeChange.emit({key:this.el.id,value:e})}handleTimeAutocomplete(t){var n;const e=(n=t.target)==null?void 0:n.value,r=this.language===o.LANGUAGE_CODE.de||this.language===o.LANGUAGE_CODE.fr?s.convertTo12HourFormat(e):e,i=s.instance.t("nylasTimeWindowPicker.errors.invalid");if(!s.validateTimeFormatInput(r)){this.err=i,this.timeWindowFormError.emit({key:this.el.id,message:i});return}if(r===""){const a=s.roundToNearest15Minutes().format("hh:mma");this.timeChange.emit({key:this.el.id,value:a});return}if(!s.validateExactTimeFormat(r)){const a=s.autocompleteTimeFormat(r);this.timeChange.emit({key:this.el.id,value:a});return}this.timeChange.emit({key:this.el.id,value:r})}handleOnInput(t){var r;const e=(r=t.target)==null?void 0:r.value;if(s.validateTimeFormatInput(e)){if(e===""){const i=s.roundToNearest15Minutes().format("hh:mma"),n=this.times.findIndex(a=>a.value===i);n>-1&&this.scrollToViewWithinParent(n);return}if(!s.validateExactTimeFormat(e)){const i=s.autocompleteTimeFormat(e),n=this.times.findIndex(a=>a.value===i);n>-1&&this.scrollToViewWithinParent(n);return}}}generateTimes(){const t=[];let e=s.dayjs().set("hour",0).set("minute",0).set("second",0);this.minimumStartTime&&(e=s.dayjs(this.minimumStartTime,"hh:mma"));const r=e.endOf("day").diff(e,"minutes"),i=Math.round(r/15);for(let n=0;n<i+1;n++){const a=e.add(n*15,"minute");if(n==i&&a.format("hh:mma").includes("am"))break;t.push({id:n,value:a.format("hh:mma")})}return t}handleComboboxKeyDown(t){if(t.key==="ArrowDown"){if(t.preventDefault(),!this.showTimes){this.showTimes=!0,this.shouldAutoScroll=!0;return}if(this.ariaActivedescendant==="")this.ariaActivedescendant=this.times[0].id.toString(),this.focusOption(0);else{const e=this.times.findIndex(i=>i.id.toString()===this.ariaActivedescendant),r=e+1<this.times.length?e+1:0;this.ariaActivedescendant=this.times[r].id.toString(),this.focusOption(r)}}else if(t.key==="ArrowUp")if(t.preventDefault(),this.ariaActivedescendant==="")this.ariaActivedescendant=this.times[this.times.length-1].id.toString(),this.focusOption(this.times.length-1);else{const e=this.times.findIndex(i=>i.id.toString()===this.ariaActivedescendant),r=e-1>=0?e-1:this.times.length-1;this.ariaActivedescendant=this.times[r].id.toString(),this.focusOption(r)}else t.key==="Escape"&&(this.showTimes=!1,this.timeInput.focus())}handleListboxKeydown(t){const e=this.times,r=e.findIndex(i=>i.id.toString()===this.ariaActivedescendant);if(t.key==="ArrowDown"||t.key==="Tab"&&!t.shiftKey){t.preventDefault();const i=r+1<e.length?r+1:0;this.ariaActivedescendant=e[i].id.toString(),this.focusOption(i)}else if(t.key==="ArrowUp"||t.key==="Tab"&&t.shiftKey){t.preventDefault();const i=r-1>=0?r-1:e.length-1;this.ariaActivedescendant=e[i].id.toString(),this.focusOption(i)}else if(t.key==="Enter"){if(t.preventDefault(),this.ariaActivedescendant){const i=e[r];this.handleTimeChange(t,i.value),this.showTimes=!1,this.ariaActivedescendant="",this.timeInput.focus()}}else t.key==="Escape"&&(this.showTimes=!1,this.timeInput.focus())}scrollToViewWithinParent(t){var l;const e=this.times[t],r=(l=this.el.shadowRoot)==null?void 0:l.getElementById(e.id.toString()),i=this.timeMenu;this.ariaActivedescendant=e.id.toString();const n=r.getBoundingClientRect(),a=i.getBoundingClientRect();n.top<a.top?i.scrollTop-=a.top-n.top:n.bottom>a.bottom&&(i.scrollTop+=n.bottom-a.bottom),n.left<a.left?i.scrollLeft-=a.left-n.left:n.right>a.right&&(i.scrollLeft+=n.right-a.right)}focusOption(t){var n;const e=this.times[t];if(!e)return;const r=e.id.toString(),i=(n=this.el.shadowRoot)==null?void 0:n.getElementById(r);i&&(i.focus(),i.scrollIntoView({behavior:"smooth",block:"nearest"}))}render(){const t=this.language!==o.LANGUAGE_CODE.en;return s.h(s.Host,{key:"895a0c2b4482e42b4bd52ad305cc0e41ea366d47"},s.h("div",{key:"969128eb7d4177ecb879bf3b76d96eb004036b47",class:"time-picker",part:"time-picker"},s.h("input",{key:"ff7b75f3cda42bdb0e27268b886913887f685c66",type:"text",name:this.name,id:this.name,part:"time-input",class:{"time-input":!0,error:!!this.err||this.hasError},ref:e=>this.timeInput=e,value:t?s.convertTo24HourFormat(this.time):this.time,onClick:()=>{this.showTimes=!this.showTimes,this.shouldAutoScroll=!0},"aria-haspopup":"listbox","aria-label":this.name,"aria-expanded":this.showTimes?"true":"false",placeholder:this.placeholder,onKeyDown:e=>this.handleComboboxKeyDown(e),onInput:e=>this.handleOnInput(e),onBlur:e=>this.handleTimeAutocomplete(e)}),this.err&&s.h("div",{class:"invalid-time-icon"}),this.showTimes&&s.h("div",{class:"times",part:"times",ref:e=>this.timeMenu=e},s.h("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:e=>this.handleListboxKeydown(e)},this.times.map(e=>s.h("li",{tabindex:"0",key:e.id,id:e.id.toString(),class:{focused:this.ariaActivedescendant===e.id.toString()},onClick:r=>{this.handleTimeChange(r,e.value),this.showTimes=!1,this.timeInput.focus()},role:"option"},`${t?s.convertTo24HourFormat(e.value):e.value}`)))),!this.showTimes&&this.err&&s.h("p",{class:"error",id:"email-error"},this.err)))}get el(){return s.getElement(this)}static get watchers(){return{minimumStartTime:["minimumStartTimeChangedHandler"]}}};d.style=p;exports.globe_icon=c;exports.nylas_time_window_picker=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-f769bc2a.cjs"),o=require("./constants-f51538ef-cd2a67c4.cjs"),d=require("./customParseFormat-edc38d83-fa9c77d9.cjs");require("react");require("react/jsx-runtime");require("react-dom");const h=".sc-globe-icon-h{display:flex}",u=h,c=class{constructor(t){s.registerInstance(this,t),this.width="16",this.height="16"}render(){return s.h("svg",{key:"ccad86c558abea19fa48bd42e9b3375a7b3567c5",xmlns:"http://www.w3.org/2000/svg",width:this.width,height:this.height,viewBox:"0 0 16 16",fill:"none"},s.h("path",{key:"5b69892e01ba177bc47fe2a78a7dc25a6374dfa7",d:"M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 3C8.37372 3 8.87543 3.35608 9.31258 4.31781C9.4073 4.52619 9.49448 4.75446 9.57265 5H6.42735C6.50552 4.75446 6.5927 4.52619 6.68742 4.31781C7.12457 3.35608 7.62628 3 8 3ZM5.77705 3.90401C5.62614 4.23601 5.49428 4.6038 5.38411 5H3.99963C4.52341 4.30269 5.22525 3.74677 6.03766 3.39978C5.94287 3.56117 5.85596 3.7304 5.77705 3.90401ZM5.16299 6C5.05694 6.6275 5 7.30146 5 8C5 8.69854 5.05694 9.3725 5.16299 10H3.41604C3.14845 9.38754 3 8.7111 3 8C3 7.2889 3.14845 6.61246 3.41604 6H5.16299ZM5.38411 11C5.49428 11.3962 5.62614 11.764 5.77705 12.096C5.85596 12.2696 5.94287 12.4388 6.03766 12.6002C5.22525 12.2532 4.52341 11.6973 3.99963 11H5.38411ZM6.42735 11H9.57265C9.49448 11.2455 9.4073 11.4738 9.31258 11.6822C8.87543 12.6439 8.37372 13 8 13C7.62628 13 7.12457 12.6439 6.68742 11.6822C6.5927 11.4738 6.50552 11.2455 6.42735 11ZM9.82134 10H6.17866C6.06438 9.3892 6 8.71396 6 8C6 7.28604 6.06438 6.6108 6.17866 6H9.82134C9.93562 6.6108 10 7.28604 10 8C10 8.71396 9.93562 9.3892 9.82134 10ZM10.6159 11H12.0004C11.4766 11.6973 10.7747 12.2532 9.96234 12.6002C10.0571 12.4388 10.144 12.2696 10.2229 12.096C10.3739 11.764 10.5057 11.3962 10.6159 11ZM12.584 10H10.837C10.9431 9.3725 11 8.69854 11 8C11 7.30146 10.9431 6.6275 10.837 6H12.584C12.8516 6.61246 13 7.2889 13 8C13 8.7111 12.8516 9.38754 12.584 10ZM9.96234 3.39978C10.7747 3.74677 11.4766 4.30269 12.0004 5H10.6159C10.5057 4.6038 10.3739 4.23601 10.2229 3.90401C10.144 3.7304 10.0571 3.56117 9.96234 3.39978Z",fill:"currentColor"}))}};c.style=u;const f=':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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.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:var(--nylas-base-900);padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align: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}',p=f;s.dayjs.extend(d.customParseFormat);const m=class{constructor(t){s.registerInstance(this,t),this.timeChange=s.createEvent(this,"timeChange",7),this.timeWindowFormError=s.createEvent(this,"timeWindowFormError",7),this.time=void 0,this.minimumStartTime=null,this.placeholder="hh:mmam/pm",this.name=void 0,this.hasError=!1,this.language=o.LANGUAGE_CODE.en,this.err="",this.showTimes=!1,this.ariaActivedescendant="",this.times=this.generateTimes(),this.shouldAutoScroll=!1}handleOutsideClick(t){!t.composedPath().includes(this.el)&&this.showTimes&&(this.showTimes=!1)}minimumStartTimeChangedHandler(){if(this.minimumStartTime){let t=s.dayjs().hour(parseInt(this.minimumStartTime)).minute(parseInt(this.minimumStartTime.slice(-4,-2)));this.minimumStartTime.slice(-2).toLowerCase()==="pm"&&parseInt(this.minimumStartTime)!==12?t=t.add(12,"hour"):this.minimumStartTime.slice(-2).toLowerCase()==="am"&&parseInt(this.minimumStartTime)===12&&(t=t.subtract(12,"hour")),this.times=this.generateTimes();const e=s.dayjs(this.times[0].value,"hh:mma"),r=s.dayjs(this.time,"hh:mma"),i=s.instance.t("nylasTimeWindowPicker.errors.invalid");r.isBefore(e)&&(this.err=i,this.timeWindowFormError.emit({key:this.el.id,message:i}))}}componentDidRender(){if(this.showTimes&&this.shouldAutoScroll){const t=s.autocompleteTimeFormat(this.time),e=this.times.findIndex(r=>r.value===t);e>-1&&(this.shouldAutoScroll=!1,this.scrollToViewWithinParent(e));return}}handleTimeChange(t,e){const r=e.split(":");if(r[0]==="00"&&r[1].slice(-2)=="pm"){const i=s.instance.t("nylasTimeWindowPicker.errors.invalid");this.err=i,this.timeWindowFormError.emit({key:this.el.id,message:i})}if(s.validateTimeFormatInput(e))this.err="",this.timeWindowFormError.emit({key:this.el.id,message:""});else{const i=s.instance.t("nylasTimeWindowPicker.errors.invalid");this.err=i,this.timeWindowFormError.emit({key:this.el.id,message:i})}this.err||this.timeChange.emit({key:this.el.id,value:e})}handleTimeAutocomplete(t){var n;const e=(n=t.target)==null?void 0:n.value,r=this.language===o.LANGUAGE_CODE.de||this.language===o.LANGUAGE_CODE.fr?s.convertTo12HourFormat(e):e,i=s.instance.t("nylasTimeWindowPicker.errors.invalid");if(!s.validateTimeFormatInput(r)){this.err=i,this.timeWindowFormError.emit({key:this.el.id,message:i});return}if(r===""){const a=s.roundToNearest15Minutes().format("hh:mma");this.timeChange.emit({key:this.el.id,value:a});return}if(!s.validateExactTimeFormat(r)){const a=s.autocompleteTimeFormat(r);this.timeChange.emit({key:this.el.id,value:a});return}this.timeChange.emit({key:this.el.id,value:r})}handleOnInput(t){var r;const e=(r=t.target)==null?void 0:r.value;if(s.validateTimeFormatInput(e)){if(e===""){const i=s.roundToNearest15Minutes().format("hh:mma"),n=this.times.findIndex(a=>a.value===i);n>-1&&this.scrollToViewWithinParent(n);return}if(!s.validateExactTimeFormat(e)){const i=s.autocompleteTimeFormat(e),n=this.times.findIndex(a=>a.value===i);n>-1&&this.scrollToViewWithinParent(n);return}}}generateTimes(){const t=[];let e=s.dayjs().set("hour",0).set("minute",0).set("second",0);this.minimumStartTime&&(e=s.dayjs(this.minimumStartTime,"hh:mma"));const r=e.endOf("day").diff(e,"minutes"),i=Math.round(r/15);for(let n=0;n<i+1;n++){const a=e.add(n*15,"minute");if(n==i&&a.format("hh:mma").includes("am"))break;t.push({id:n,value:a.format("hh:mma")})}return t}handleComboboxKeyDown(t){if(t.key==="ArrowDown"){if(t.preventDefault(),!this.showTimes){this.showTimes=!0,this.shouldAutoScroll=!0;return}if(this.ariaActivedescendant==="")this.ariaActivedescendant=this.times[0].id.toString(),this.focusOption(0);else{const e=this.times.findIndex(i=>i.id.toString()===this.ariaActivedescendant),r=e+1<this.times.length?e+1:0;this.ariaActivedescendant=this.times[r].id.toString(),this.focusOption(r)}}else if(t.key==="ArrowUp")if(t.preventDefault(),this.ariaActivedescendant==="")this.ariaActivedescendant=this.times[this.times.length-1].id.toString(),this.focusOption(this.times.length-1);else{const e=this.times.findIndex(i=>i.id.toString()===this.ariaActivedescendant),r=e-1>=0?e-1:this.times.length-1;this.ariaActivedescendant=this.times[r].id.toString(),this.focusOption(r)}else t.key==="Escape"&&(this.showTimes=!1,this.timeInput.focus())}handleListboxKeydown(t){const e=this.times,r=e.findIndex(i=>i.id.toString()===this.ariaActivedescendant);if(t.key==="ArrowDown"||t.key==="Tab"&&!t.shiftKey){t.preventDefault();const i=r+1<e.length?r+1:0;this.ariaActivedescendant=e[i].id.toString(),this.focusOption(i)}else if(t.key==="ArrowUp"||t.key==="Tab"&&t.shiftKey){t.preventDefault();const i=r-1>=0?r-1:e.length-1;this.ariaActivedescendant=e[i].id.toString(),this.focusOption(i)}else if(t.key==="Enter"){if(t.preventDefault(),this.ariaActivedescendant){const i=e[r];this.handleTimeChange(t,i.value),this.showTimes=!1,this.ariaActivedescendant="",this.timeInput.focus()}}else t.key==="Escape"&&(this.showTimes=!1,this.timeInput.focus())}scrollToViewWithinParent(t){var l;const e=this.times[t],r=(l=this.el.shadowRoot)==null?void 0:l.getElementById(e.id.toString()),i=this.timeMenu;this.ariaActivedescendant=e.id.toString();const n=r.getBoundingClientRect(),a=i.getBoundingClientRect();n.top<a.top?i.scrollTop-=a.top-n.top:n.bottom>a.bottom&&(i.scrollTop+=n.bottom-a.bottom),n.left<a.left?i.scrollLeft-=a.left-n.left:n.right>a.right&&(i.scrollLeft+=n.right-a.right)}focusOption(t){var n;const e=this.times[t];if(!e)return;const r=e.id.toString(),i=(n=this.el.shadowRoot)==null?void 0:n.getElementById(r);i&&(i.focus(),i.scrollIntoView({behavior:"smooth",block:"nearest"}))}render(){const t=this.language!==o.LANGUAGE_CODE.en;return s.h(s.Host,{key:"6ea6b78a73331635750d905f9279907f7599e8c9"},s.h("div",{key:"24c41e629fa49378938c3ed7be3875714963a0b2",class:"time-picker",part:"time-picker"},s.h("input",{key:"3e05a515acf6472d094bdd75737f7553cd2525db",type:"text",name:this.name,id:this.name,part:"time-input",class:{"time-input":!0,error:!!this.err||this.hasError},ref:e=>this.timeInput=e,value:t?s.convertTo24HourFormat(this.time):this.time,onClick:()=>{this.showTimes=!this.showTimes,this.shouldAutoScroll=!0},"aria-haspopup":"listbox","aria-label":this.name,"aria-expanded":this.showTimes?"true":"false",placeholder:this.placeholder,onKeyDown:e=>this.handleComboboxKeyDown(e),onInput:e=>this.handleOnInput(e),onBlur:e=>this.handleTimeAutocomplete(e)}),this.err&&s.h("div",{class:"invalid-time-icon"}),this.showTimes&&s.h("div",{class:"times",part:"times",ref:e=>this.timeMenu=e},s.h("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:e=>this.handleListboxKeydown(e)},this.times.map(e=>s.h("li",{tabindex:"0",key:e.id,id:e.id.toString(),class:{focused:this.ariaActivedescendant===e.id.toString()},onClick:r=>{this.handleTimeChange(r,e.value),this.showTimes=!1,this.timeInput.focus()},role:"option"},`${t?s.convertTo24HourFormat(e.value):e.value}`)))),!this.showTimes&&this.err&&s.h("p",{class:"error",id:"email-error"},this.err)))}get el(){return s.getElement(this)}static get watchers(){return{minimumStartTime:["minimumStartTimeChangedHandler"]}}};m.style=p;exports.globe_icon=c;exports.nylas_time_window_picker=m;