@nylas/react 1.0.2-prealpha1 → 1.1.0-canary.11

package/dist/add-circle-icon_21.entry-71e60262.js

@@ -0,0 +1,1755 @@
+import { r as y, h as i, c as w, d, H as k, g as _, C as W, D as F, E as ge, G as Be, i as je, I as Z, J as ae, K as ie, L as ve, M as xe, O as U, P as We } from "./index-20ea5b0c.js";
+import { R as C } from "./register-component-83e24412-b666e56b.js";
+import { T as ke, E as we } from "./constants-f34b9c6e-d0f5cd19.js";
+import "react";
+import "react-dom";
+const Ue = ".sc-add-circle-icon-h{display:flex}", Ze = Ue, Ye = class {
+  constructor(e) {
+    y(this, e), this.width = "24", this.height = "25";
+  }
+  render() {
+    return i("svg", { key: "58ce81214aeed7ddc1ce5f76d674aba576422d48", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { key: "2a47ed74601a5370f0300da06295a2b5969d7e5f", d: "M12 2.5c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10ZM12 4a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm0 3.5a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5A.75.75 0 0 1 12 7.5Z", fill: "currentColor" }));
+  }
+};
+Ye.style = Ze;
+const Ke = "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}", Ve = Ke, qe = class {
+  constructor(e) {
+    y(this, e), this.variant = "primary", this.disabled = !1, this.type = "button", this.clickHandler = void 0, this.mouseOverHandler = void 0, this.mouseOutHandler = void 0, this.focusHandler = void 0, this.blurHandler = void 0;
+  }
+  render() {
+    const e = `button-${this.variant}` + (this.disabled ? " disabled" : "");
+    return i("button", { key: "3ac840e8b65854c2e4bdabe93b21b5bcda99e4db", class: e, disabled: this.disabled, type: "type", onClick: this.clickHandler, onMouseOver: this.mouseOverHandler, onMouseOut: this.mouseOutHandler, onFocus: this.focusHandler, onBlur: this.blurHandler }, i("slot", { key: "110df0711566be0df89f2e04aed008dcaf91e9f3" }));
+  }
+};
+qe.style = Ve;
+const Je = ".sc-calendar-info-icon-h{display:flex}", Ge = Je, Xe = class {
+  constructor(e) {
+    y(this, e), this.width = "20", this.height = "20";
+  }
+  render() {
+    return i("svg", { key: "4c290eae1d55ec9df96cbe6d9ba85d5d8b7ee102", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { key: "a2a76a5d0183952d59f1d2f448dc7c460694e410", d: "M12 0C13.3807 0 14.5 1.11929 14.5 2.5V6.59971C14.1832 6.43777 13.8486 6.30564 13.5 6.20703V4H1.5V11.5C1.5 12.3284 2.17157 13 3 13H6.70703C6.80564 13.3486 6.93777 13.6832 7.09971 14H3C1.61929 14 0.5 12.8807 0.5 11.5V2.5C0.5 1.11929 1.61929 0 3 0H12ZM12 1H3C2.17157 1 1.5 1.67157 1.5 2.5V3H13.5V2.5C13.5 1.67157 12.8284 1 12 1ZM11.375 9.5C11.375 9.15482 11.6548 8.875 12 8.875C12.3452 8.875 12.625 9.15482 12.625 9.5C12.625 9.84518 12.3452 10.125 12 10.125C11.6548 10.125 11.375 9.84518 11.375 9.5ZM12.5 13.5C12.5 13.7761 12.2761 14 12 14C11.7239 14 11.5 13.7761 11.5 13.5V11.5C11.5 11.2239 11.7239 11 12 11C12.2761 11 12.5 11.2239 12.5 11.5V13.5ZM7.5 11.5C7.5 9.01472 9.51472 7 12 7C14.4853 7 16.5 9.01472 16.5 11.5C16.5 13.9853 14.4853 16 12 16C9.51472 16 7.5 13.9853 7.5 11.5ZM8.5 11.5C8.5 13.433 10.067 15 12 15C13.933 15 15.5 13.433 15.5 11.5C15.5 9.567 13.933 8 12 8C10.067 8 8.5 9.567 8.5 11.5Z", fill: "currentColor" }));
+  }
+};
+Xe.style = Ge;
+const Qe = ".sc-calendar-patterns-icon-h{display:flex}", et = Qe, tt = class {
+  constructor(e) {
+    y(this, e), this.width = "20", this.height = "20";
+  }
+  render() {
+    return i("svg", { key: "cf8071f578ad04793f5bd5b446dccaa1f6d4c1a3", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { key: "8e8a3c7d87bc41c6d6973a34863d05d996155c1d", d: "M3.25 0H11.75C13.2688 0 14.5 1.23122 14.5 2.75V11.25C14.5 12.7688 13.2688 14 11.75 14H3.25C1.73122 14 0.5 12.7688 0.5 11.25V2.75C0.5 1.23122 1.73122 0 3.25 0ZM2 2.75V4H13V2.75C13 2.05964 12.4404 1.5 11.75 1.5H3.25C2.55964 1.5 2 2.05964 2 2.75ZM12.2071 5L8.20711 9H10.7929L13 6.79289V5H12.2071ZM10.7929 5H8.20711L4.20711 9H6.79289L10.7929 5ZM2.79289 9L6.79289 5H4.20711L2 7.20711V9H2.79289ZM2 5.79289L2.79289 5H2V5.79289ZM12.2071 9H13V8.20711L12.2071 9Z", fill: "currentColor" }));
+  }
+};
+tt.style = et;
+const nt = ".sc-flow-icon-h{display:flex}", at = nt, it = class {
+  constructor(e) {
+    y(this, e), this.width = "16", this.height = "12";
+  }
+  render() {
+    return i("svg", { key: "e0f4da46b751754406e8b0551890a1bffb1100e4", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { key: "21997cb261d91c8589c3e87a01036dc8f91a8d9b", d: "M13 1.66211C11.8954 1.66211 11 2.55754 11 3.66211C11 4.76668 11.8954 5.66211 13 5.66211C14.1046 5.66211 15 4.76668 15 3.66211C15 2.55754 14.1046 1.66211 13 1.66211ZM10.0407 3.16678C10.2768 1.74563 11.5119 0.662109 13 0.662109C14.6569 0.662109 16 2.00526 16 3.66211C16 5.31896 14.6569 6.66211 13 6.66211C11.5162 6.66211 10.2839 5.58482 10.0428 4.16971C9.37629 4.23688 8.82682 4.7426 8.71466 5.41551L8.27173 8.07311C8.07929 9.22776 7.11428 10.087 5.9593 10.1574C5.72319 11.5786 4.48813 12.6621 3 12.6621C1.34315 12.6621 0 11.319 0 9.66211C0 8.00526 1.34315 6.66211 3 6.66211C4.48384 6.66211 5.71607 7.73939 5.95724 9.15451C6.62371 9.08734 7.17318 8.58162 7.28534 7.90871L7.72827 5.25111C7.92071 4.09646 8.88571 3.23718 10.0407 3.16678ZM3 7.66211C1.89543 7.66211 1 8.55754 1 9.66211C1 10.7667 1.89543 11.6621 3 11.6621C4.10457 11.6621 5 10.7667 5 9.66211C5 8.55754 4.10457 7.66211 3 7.66211Z", fill: "currentColor" }));
+  }
+};
+it.style = at;
+const st = ".sc-location-icon-h{display:flex}", ot = st, lt = class {
+  constructor(e) {
+    y(this, e), this.width = "16", this.height = "18";
+  }
+  render() {
+    return i("svg", { key: "4888ed340800392ac9bb38eb4b868fca595db537", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { key: "20cfaacf5cb828569e0b4ec6d2e83fe3b5264b32", d: "M10 7.66211C10 9.31896 8.65685 10.6621 7 10.6621C5.34315 10.6621 4 9.31896 4 7.66211C4 6.00526 5.34315 4.66211 7 4.66211C8.65685 4.66211 10 6.00526 10 7.66211ZM9 7.66211C9 6.55754 8.10457 5.66211 7 5.66211C5.89543 5.66211 5 6.55754 5 7.66211C5 8.76668 5.89543 9.66211 7 9.66211C8.10457 9.66211 9 8.76668 9 7.66211ZM11.9497 12.6171C14.6834 9.88221 14.6834 5.44812 11.9497 2.71326C9.21608 -0.0216067 4.78392 -0.0216067 2.05025 2.71326C-0.683418 5.44812 -0.683418 9.88221 2.05025 12.6171L3.57128 14.1159L5.61408 16.101L5.74691 16.2188C6.52168 16.8468 7.65623 16.8076 8.38611 16.1012L10.8223 13.7312L11.9497 12.6171ZM2.75499 3.4183C5.09944 1.07282 8.90055 1.07282 11.245 3.4183C13.5294 5.70364 13.5879 9.3725 11.4207 11.7288L11.245 11.912L9.92371 13.216L7.69315 15.3846L7.60016 15.4642C7.24594 15.732 6.7543 15.732 6.40012 15.4642L6.30713 15.3845L3.3263 12.4791L2.75499 11.912L2.57927 11.7288C0.412077 9.3725 0.47065 5.70364 2.75499 3.4183Z", fill: "currentColor" }));
+  }
+};
+lt.style = ot;
+const rt = ".sc-location-off-icon-h{display:flex}", dt = rt, ct = class {
+  constructor(e) {
+    y(this, e), this.width = "16", this.height = "18";
+  }
+  render() {
+    return i("svg", { key: "b61c56b0a012359592a4c2575f130ece6fd412c6", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { key: "6be791c9a59fa3634f65881dfbca7adc5e3355d3", d: "M0.146447 0.808556C0.341709 0.613294 0.658291 0.613294 0.853553 0.808556L15.8536 15.8086C16.0488 16.0038 16.0488 16.3204 15.8536 16.5157C15.6583 16.7109 15.3417 16.7109 15.1464 16.5157L12.0938 13.463L11.8223 13.7312L9.38611 16.1012C8.65623 16.8076 7.52168 16.8468 6.74691 16.2188L6.61408 16.101L4.57128 14.1159L3.05025 12.6171C0.607421 10.1732 0.347525 6.37239 2.27056 3.63976L0.146447 1.51566C-0.0488155 1.3204 -0.0488155 1.00382 0.146447 0.808556ZM9.07768 10.4469C8.74346 10.576 8.38024 10.6468 8.0005 10.6468C6.34839 10.6468 5.00909 9.30689 5.00909 7.65406C5.00909 7.27461 5.07967 6.91166 5.20843 6.57763L2.98793 4.35713C1.49206 6.62038 1.68917 9.67377 3.57927 11.7288L3.75499 11.912L4.3263 12.4791L7.30713 15.3845L7.40012 15.4642C7.7543 15.732 8.24594 15.732 8.60016 15.4642L8.69315 15.3846L10.9237 13.216L11.3883 12.7575L9.07768 10.4469ZM9.85409 8.39486L10.5983 9.13904C10.8487 8.70143 10.9919 8.19447 10.9919 7.65406C10.9919 6.00122 9.65261 4.66134 8.0005 4.66134C7.45986 4.66134 6.95271 4.80482 6.51504 5.05581L7.25921 5.79998C7.48839 5.70819 7.73855 5.6577 8.0005 5.6577C9.10258 5.6577 9.99599 6.5515 9.99599 7.65406C9.99599 7.91581 9.94564 8.16581 9.85409 8.39486ZM4.35291 2.89368C6.70671 1.08827 10.0908 1.26314 12.245 3.4183C14.3986 5.57283 14.5739 8.95702 12.771 11.3118L13.4812 12.022C15.6702 9.27273 15.493 5.25762 12.9497 2.71326C10.4058 0.168159 6.39081 -0.00843871 3.64269 2.18347L4.35291 2.89368Z", fill: "currentColor" }));
+  }
+};
+ct.style = dt;
+const ft = ':host{display:block;width:inherit;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.dropdown{display:inline-block;width:100%;position:relative}.dropdown .dropdown-label{display:flex;align-items:center;gap:0.25rem;color:var(--nylas-base-800)}.dropbtn{width:inherit;height:48px;color:black;padding:0.5rem;font-size:1rem;cursor:pointer;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:transparent}.dropbtn:hover,.dropbtn:active{border:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;border:1px solid #ddd;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:black;padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content ul li label{display:flex;align-items:center;gap:0.5rem}.dropdown-content ul li label input{margin:0}.selected-options{display:flex;flex-wrap:wrap;gap:0.5rem;padding:0.5rem 0;margin-top:0.25rem;background:var(--nylas-base-0)}.selected-options .selected-option{display:flex;align-items:center;gap:0.5rem;padding:4px 8px;border-radius:var(--nylas-border-radius-2x);background:var(--nylas-base-100);color:var(--nylas-base-800);font-size:16px;font-weight:500;line-height:1.5rem;letter-spacing:0.5px}.selected-options .selected-option button{background:transparent;border:none;cursor:pointer;padding:0}.selected-options .selected-option button:hover{color:var(--nylas-primary)}', pt = ft, ut = class {
+  constructor(e) {
+    y(this, e), this.selectedOptionsChanged = w(this, "selectedOptionsChanged", 7), this.name = void 0, this.label = void 0, this.options = [], this.availableOptions = this.options, this.isOpen = !1, this.ariaActivedescendant = "", this.shouldFocusFirstOption = !1;
+  }
+  componentDidRender() {
+    d("multi-select-dropdown", "componentDidRender"), this.isOpen && this.shouldFocusFirstOption && (this.ariaActivedescendant = this.availableOptions[0].value, this.focusOption(0), this.shouldFocusFirstOption = !1);
+  }
+  handleOutsideClick(e) {
+    !e.composedPath().includes(this.el) && this.isOpen && (this.isOpen = !1);
+  }
+  selectOption(e) {
+    this.availableOptions = this.availableOptions.map((n) => (n.value === e.value && (n.selected = !e.selected), n));
+    const t = this.availableOptions.filter((n) => n.selected).map((n) => n.value);
+    this.selectedOptionsChanged.emit({
+      value: t,
+      name: this.name
+    });
+  }
+  toggleDropdown() {
+    this.isOpen = !this.isOpen, this.isOpen ? this.shouldFocusFirstOption = !0 : this.ariaActivedescendant = "";
+  }
+  handleSelectButtonKeyDown(e) {
+    switch (e.key) {
+      case "ArrowDown":
+      case "Enter":
+        e.preventDefault(), this.isOpen || this.toggleDropdown();
+        break;
+      case "Escape":
+        this.isOpen = !1;
+        break;
+    }
+  }
+  handleListboxKeydown(e) {
+    const t = this.availableOptions, n = t.findIndex((a) => a.value === this.ariaActivedescendant);
+    switch (e.key) {
+      case "ArrowDown":
+      case "Tab":
+        if (e.shiftKey) {
+          e.preventDefault();
+          const o = n - 1 >= 0 ? n - 1 : t.length - 1;
+          this.ariaActivedescendant = t[o].value, this.focusOption(o);
+        } else {
+          e.preventDefault();
+          const o = n + 1 < t.length ? n + 1 : 0;
+          this.ariaActivedescendant = t[o].value, this.focusOption(o);
+        }
+        break;
+      case "ArrowUp":
+        e.preventDefault();
+        const a = n - 1 >= 0 ? n - 1 : t.length - 1;
+        this.ariaActivedescendant = t[a].value, this.focusOption(a);
+        break;
+      case "Enter":
+        e.preventDefault(), this.ariaActivedescendant && this.selectOption(t[n]);
+        break;
+      case "Escape":
+        this.isOpen = !1;
+        break;
+    }
+  }
+  focusOption(e) {
+    var o;
+    const t = this.availableOptions[e];
+    if (!t)
+      return;
+    const n = t.value, a = (o = this.el.shadowRoot) == null ? void 0 : o.getElementById(n);
+    a && (a.focus(), a.scrollIntoView({ behavior: "smooth", block: "nearest" }));
+  }
+  getSelectedOptions() {
+    return this.availableOptions.filter((e) => e.selected);
+  }
+  renderOption(e) {
+    return i("li", { key: e.value, id: e.value, role: "option", tabindex: "0", "aria-selected": e.selected ? "true" : "false", onClick: (t) => {
+      t.stopImmediatePropagation(), this.selectOption(e);
+    }, class: { selected: !!e.selected } }, i("label", { htmlFor: e.value }, i("input", { "aria-hidden": "true", id: e.value, type: "checkbox", checked: e.selected }), i("span", null, e.label)));
+  }
+  render() {
+    var e, t;
+    return i(k, { key: "4ef13670e3dfbf55e023ac7532d93c48d21f3004" }, i("div", { key: "8626f138f5be677421697067460ef76d0a7cc697", class: "dropdown", part: "msd_dropdown" }, i("label", { key: "b723c488dac91c39f285aae1a3f7928844753bf1", class: "dropdown-label" }, this.label, i("slot", { key: "5bdec320647a41de57671c75523a453ccb07af2a", name: "label-icon", "aria-hidden": "true" })), i("button", { key: "f7d7cf144ac2fec93171b5ac6cd42be4be6b5c93", part: "msd_dropdown-button", class: { dropbtn: !0, open: this.isOpen }, onClick: () => this.toggleDropdown(), "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? "true" : "false", "aria-label": this.name, onKeyDown: (n) => this.handleSelectButtonKeyDown(n) }, i("slot", { key: "021e59628b8da260b308819614297c177a666334", name: "select-icon", "aria-hidden": "true" }), i("span", { key: "4a8c921538a23abe4c7efbeb176fb806587092c9", class: "selected-option", part: "msd_dropdown-button-selected-label" }, this.getSelectedOptions().length > 1 ? `Multiple ${this.name}s selected` : ((e = this.availableOptions.filter((n) => n.selected)[0]) == null ? void 0 : e.label) ?? ((t = this.availableOptions[0]) == null ? void 0 : t.label)), i("span", { key: "fc771549d102fb27e33d128504d09fa6151154e9", class: this.isOpen ? "open" : "closed", "aria-hidden": "true" }, i("chevron-icon", { key: "bd8282695d11bcfb617da05a75d0a2335650f705", width: "16", height: "16" }))), this.isOpen ? null : i("div", { class: "selected-options" }, this.getSelectedOptions().map((n) => i("span", { class: "selected-option" }, n.label, i("button", { key: n.label, onClick: () => this.selectOption(n) }, i("close-icon", null))))), this.isOpen ? i("div", { class: "dropdown-content", part: "msd_dropdown-content" }, i("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-multiselectable": !0, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: (n) => this.handleListboxKeydown(n) }, this.availableOptions.map((n) => this.renderOption(n)))) : null));
+  }
+  get el() {
+    return _(this);
+  }
+};
+ut.style = pt;
+const ht = ':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;width:inherit}.nylas-availability-picker{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-availability-picker .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-availability-picker .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-availability-picker .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-availability-picker .content{padding:1rem;color:var(--nylas-base-900);font-size:16px;font-family:var(--nylas-font-family)}@media screen and (max-width: 504px){.nylas-availability-picker .content{font-size:15px}}.nylas-availability-picker .content .select-timezone{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--nylas-base-200);padding-bottom:1rem;gap:1rem}.nylas-availability-picker .content .select-timezone h4{display:flex;gap:0.5rem;align-items:center;margin:0;font-size:16px;font-weight:500;line-height:20px}@media screen and (max-width: 504px){.nylas-availability-picker .content .select-timezone h4{font-size:15px}}.nylas-availability-picker .content .select-timezone select-dropdown{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-availability-picker .content .availability{display:flex;flex-direction:column;gap:1rem;padding:0 0.5rem;margin:1rem 0}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability{gap:0.5rem;padding:0}}.nylas-availability-picker .content .availability .availability-day{display:grid;grid-template-columns:minmax(auto, 65px) 1fr minmax(auto, 40px);gap:1rem;align-items:baseline}@media screen and (max-width: 768px){.nylas-availability-picker .content .availability .availability-day{grid-template-columns:78px 1fr auto}}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day{display:inline-grid;gap:8px;grid-template-columns:60px 1fr auto}}.nylas-availability-picker .content .availability .availability-day .day{display:flex;gap:0.5rem;align-items:center}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .day{gap:0.25rem}}.nylas-availability-picker .content .availability .availability-day .day input[type=checkbox]{transform:scale(1.3)}.nylas-availability-picker .content .availability .availability-day .time-ranges span.unavailable{height:48px;display:flex;align-items:center;justify-content:center}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range{display:flex;gap:1.5rem;justify-content:space-between;align-items:baseline}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range{justify-content:unset;gap:0.5rem}}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers{display:flex;gap:1rem}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers{gap:0.5rem}}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers span{margin-top:0.75rem}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range:not(:last-of-type){margin-bottom:1rem}.nylas-availability-picker .content .availability .availability-day .time-ranges p.error{color:var(--nylas-error)}.nylas-availability-picker .content .availability .availability-day button{border:none;background:transparent;height:40px;cursor:pointer;color:var(--nylas-base-800)}.nylas-availability-picker .content .availability .availability-day button:hover,.nylas-availability-picker .content .availability .availability-day button:active{color:var(--nylas-primary)}', bt = ht;
+var mt = function(e, t, n, a) {
+  var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    s = Reflect.decorate(e, t, n, a);
+  else
+    for (var r = e.length - 1; r >= 0; r--)
+      (l = e[r]) && (s = (o < 3 ? l(s) : o > 3 ? l(t, n, s) : l(t, n)) || s);
+  return o > 3 && s && Object.defineProperty(t, n, s), s;
+}, se = function(e, t) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, t);
+};
+const _e = class {
+  constructor(e) {
+    y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.selectedConfiguration = void 0, this.openHours = void 0, this.name = "availability", this.defaultTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone, this.schedule = {
+      SUN: [],
+      MON: [{ start: "09:00am", end: "05:00pm" }],
+      TUE: [{ start: "09:00am", end: "05:00pm" }],
+      WED: [{ start: "09:00am", end: "05:00pm" }],
+      THU: [{ start: "09:00am", end: "05:00pm" }],
+      FRI: [{ start: "09:00am", end: "05:00pm" }],
+      SAT: []
+    }, this.timezone = Intl.DateTimeFormat().resolvedOptions().timeZone, this.overlapDays = {};
+  }
+  elementNameChangedHandler(e) {
+    d("nylas-calendar-picker", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
+  }
+  configChangedHandler(e) {
+    var n, a, o;
+    const t = (n = e == null ? void 0 : e.participants) == null ? void 0 : n.find((s) => s.is_organizer);
+    t && ((a = t == null ? void 0 : t.availability) != null && a.open_hours) && this.openHoursToSchedule((o = t == null ? void 0 : t.availability) == null ? void 0 : o.open_hours);
+  }
+  scheduleChanged(e, t) {
+    var n;
+    if (e !== t) {
+      this.valueChanged.emit({
+        value: {
+          openHours: this.scheduleToOpenHours(e),
+          timezone: this.timezone
+        },
+        name: this.name
+      });
+      let a = {};
+      if (Object.keys(e).forEach((o) => {
+        const s = e[o];
+        if (s.length > 0) {
+          const l = this.getOverlaps(s);
+          l.length > 0 && (a[o] = l);
+        }
+      }), this.overlapDays = a, typeof this.internals.setFormValue != "function")
+        return;
+      if (Object.keys(a).length > 0) {
+        const o = (n = this.host.shadowRoot) == null ? void 0 : n.getElementById(Object.keys(a)[0]);
+        o && this.internals.setValidity({ customError: !0 }, "Overlapping time ranges found", o);
+      } else
+        this.internals.setValidity({ customError: !1 }), this.internals.setFormValue(JSON.stringify({
+          openHours: this.scheduleToOpenHours(this.schedule),
+          timezone: this.timezone
+        }));
+    }
+  }
+  selectedOptionChangedHandler(e) {
+    const { name: t, value: n } = e.detail;
+    if (t === "timezone") {
+      if (this.timezone = n, typeof this.internals.setFormValue != "function")
+        return;
+      this.internals.setFormValue(JSON.stringify({
+        openHours: this.scheduleToOpenHours(this.schedule),
+        timezone: this.timezone
+      }));
+    }
+  }
+  connectedCallback() {
+    d("nylas-availability-picker", "connectedCallback");
+  }
+  disconnectedCallback() {
+    d("nylas-availability-picker", "disconnectedCallback");
+  }
+  componentWillLoad() {
+    d("nylas-availability-picker", "componentWillLoad"), this.host.setAttribute("name", this.name);
+  }
+  componentDidLoad() {
+    d("nylas-availability-picker", "componentDidLoad"), this.openHours && this.openHours.length > 0 && this.openHoursToSchedule(this.openHours), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(JSON.stringify({
+      openHours: this.scheduleToOpenHours(this.schedule),
+      timezone: this.timezone
+    }));
+  }
+  getOverlaps(e) {
+    let t = e.map((a, o) => ({
+      start: W(a.start),
+      end: W(a.end),
+      originalIndex: o
+    }));
+    t.sort((a, o) => a.start - o.start);
+    let n = [];
+    for (let a = 1; a < t.length; a++)
+      t[a].start < t[a - 1].end && (n.includes(t[a].originalIndex) || n.push(t[a].originalIndex), n.includes(t[a - 1].originalIndex) || n.push(t[a - 1].originalIndex));
+    return n.sort((a, o) => a - o);
+  }
+  addTimeRange(e) {
+    const t = this.schedule[e], n = 0, a = 1425;
+    if (t.length === 0)
+      this.schedule[e] = [{ start: "09:00am", end: "05:00pm" }];
+    else {
+      const o = t.map((l) => ({
+        start: W(l.start),
+        end: W(l.end)
+      })).sort((l, r) => l.start - r.start), s = o[o.length - 1].end;
+      if (s + 60 <= a)
+        this.schedule[e].push({
+          start: F(U(s)),
+          end: F(U(s + 60))
+        });
+      else {
+        let l = !1;
+        if (o[0].start > n + 60 && (this.schedule[e].push({
+          start: F(U(n)),
+          end: F(U(n + 60))
+        }), l = !0), !l)
+          for (let r = 0; r < o.length - 1; r++) {
+            const h = o[r].end;
+            if (o[r + 1].start - h >= 60) {
+              this.schedule[e].push({
+                start: F(U(h)),
+                end: F(U(h + 60))
+              });
+              break;
+            }
+          }
+      }
+    }
+    this.schedule[e].sort((o, s) => W(o.start) - W(s.start)), this.schedule = { ...this.schedule };
+  }
+  removeTimeRange(e, t) {
+    this.schedule[e].splice(t, 1), this.schedule = { ...this.schedule };
+  }
+  setTime(e) {
+    console.log("timeChanged", e);
+    const { key: t, value: n } = e.detail;
+    console.log({
+      key: t,
+      value: n
+    });
+    const [a, o] = t.split("_"), [s, l] = a.split(":");
+    o === "start" ? this.schedule[s][l].start = n : o === "end" && (this.schedule[s][l].end = n), this.internals.setValidity({ customError: !1 }), this.schedule = { ...this.schedule };
+  }
+  setFormError(e) {
+    var s;
+    const { key: t } = e.detail, [n, a] = t.split("_"), o = (s = this.host.shadowRoot) == null ? void 0 : s.getElementById(t);
+    o && this.internals.setValidity({ customError: !0 }, `Invalid ${a} time`, o);
+  }
+  openHoursToSchedule(e) {
+    const t = {
+      SUN: [],
+      MON: [],
+      TUE: [],
+      WED: [],
+      THU: [],
+      FRI: [],
+      SAT: []
+    };
+    e.forEach((n) => {
+      n.days.forEach((a) => {
+        const o = this.getDayKey(a), s = F(n.start), l = F(n.end), r = { start: s, end: l };
+        let h = !1;
+        t[o] && (h = t[o].some((f) => f.start === r.start && f.end === r.end)), h || (t[o] ? t[o].push(r) : t[o] = [r]);
+      });
+    }), this.timezone = this.defaultTimezone, this.schedule = t;
+  }
+  getDayKey(e) {
+    return ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"][e];
+  }
+  scheduleToOpenHours(e) {
+    const t = ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"];
+    let n = /* @__PURE__ */ new Map();
+    t.forEach((o, s) => {
+      e[o] && e[o].forEach((l) => {
+        const r = ge(l.start), h = ge(l.end), f = `${r}-${h}`;
+        if (!n.has(f))
+          n.set(f, { days: [s], start: r, end: h });
+        else {
+          let u = n.get(f);
+          u && (u.days.push(s), n.set(f, u));
+        }
+      });
+    });
+    let a = [];
+    return n.forEach((o, s) => {
+      a.push({
+        days: o.days,
+        start: o.start,
+        end: o.end,
+        timezone: this.timezone
+      });
+    }), a;
+  }
+  render() {
+    const e = Object.keys(ke).map((t) => ({
+      label: ke[t],
+      value: t
+    }));
+    return i(k, { key: "ebdf308b5d2e38cbbe9c01915a8704cdc137b56f" }, i("div", { key: "81557accec232465b3e86d5d0bdc1ae25aa8d6de", class: "nylas-availability-picker" }, i("div", { key: "f5c2a5ef92fc59568672b536a9e604547561b8d6", class: "header", part: "nap__header" }, i("h3", { key: "cbccae32847e68a5fe47f9f1f901e55546621c36" }, "General availability"), i("p", { key: "34600ddd459b5d681574458f4f4acdb5ed26f7ac" }, "Set your availability for scheduling meetings.")), i("div", { key: "65785316b94376cf4d79de9c875e39060226ca31", class: "content" }, i("div", { key: "5c30c0bd916460f668dc3f881b4b01a1792e59b0", class: "select-timezone", part: "nap__select-timezone" }, i("h4", { key: "0638898cae070a5d9eae8cd1dca83e39e5bb735f", class: "sub-header" }, "Select timezone", i("span", { key: "d6746b3329ba92bf5c759895444d08924ba7769c", class: "icon" }, i("tooltip-component", { key: "76dbc460bd91fa0f33a65c65ce092ad966ce6535" }, i("info-icon", { key: "5778fb41c006172a125a4430186ad85d4cdbaf3c", slot: "tooltip-icon" }), i("span", { key: "76132f33db5dce9d7d7e5e111065ad9d1ec64d3f", slot: "tooltip-content" }, "Select your timezone for displaying availability.")))), i("select-dropdown", { key: "9a0a3702b4868109ccc8f77e1143727de1e3f1fa", name: "timezone", exportparts: "sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content", options: e, defaultSelectedOption: e.find((t) => t.value === this.defaultTimezone) }, i("span", { key: "ed0756090602c8a52ffdae493f09cfa7d61dd1e9", slot: "select-icon" }, i("globe-icon", { key: "6e5e5234210ba8cc50ef57338a2f4e926521cb70", width: "20", height: "20" })))), i("div", { key: "eac4322bf2aa8f5ea84e4d7ccee293803c70b2ac", class: "availability", part: "nap__availability" }, Object.keys(this.schedule).map((t) => {
+      const n = t, a = this.schedule[t];
+      return i("div", { class: "availability-day" }, i("div", { class: "day", part: "nap__day" }, i("input", { type: "checkbox", name: n, id: n, checked: a.length > 0, onClick: () => {
+        a.length > 0 ? this.schedule[n] = [] : this.schedule[n] = [{ start: "09:00am", end: "05:00pm" }], this.schedule = { ...this.schedule };
+      } }), i("label", { htmlFor: n, "aria-label": "Select day" }, n)), i("div", { class: "time-ranges", part: "nap__time-ranges" }, a.length ? null : i("span", { class: "unavailable" }, "Unavailable"), a.length > 0 && a.map((o, s) => {
+        var h, f;
+        const l = `${t}:${s}_start`, r = `${t}:${s}_end`;
+        return i("div", { class: "time-range", part: "nap__time-range" }, i("div", { class: "pickers" }, i("nylas-time-window-picker", { id: l, hasError: (h = this.overlapDays[n]) == null ? void 0 : h.includes(s), time: o.start, name: l, key: l, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" }), i("span", null, " - "), i("nylas-time-window-picker", { id: r, hasError: (f = this.overlapDays[n]) == null ? void 0 : f.includes(s), time: o.end, name: r, key: r, minimumStartTime: o.start, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" })), i("button", { onClick: () => this.removeTimeRange(n, s) }, i("close-icon", null)));
+      }), i("p", { class: "error" }, this.overlapDays[n] ? "Overlapping time ranges" : "")), i("div", null, a.length > 0 ? i("button", { onClick: () => this.addTimeRange(n), part: "nap__add-time-range" }, i("add-circle-icon", null)) : null));
+    })))));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get host() {
+    return _(this);
+  }
+  static get watchers() {
+    return {
+      name: ["elementNameChangedHandler"],
+      selectedConfiguration: ["configChangedHandler"],
+      schedule: ["scheduleChanged"]
+    };
+  }
+};
+mt([
+  C({
+    name: "nylas-availability-picker",
+    stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
+    fireRegisterEvent: !0
+  }),
+  se("design:type", Function),
+  se("design:paramtypes", []),
+  se("design:returntype", void 0)
+], _e.prototype, "render", null);
+_e.style = bt;
+const yt = ':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;width:inherit}.nylas-booking-calendar-picker{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-booking-calendar-picker .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-booking-calendar-picker .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-booking-calendar-picker .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading{padding-bottom:1rem;display:flex;flex-direction:column;gap:4px}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading .loading-button{margin:0 1rem;padding:0;width:inherit;height:48px;color:black;font-size:1rem;cursor:not-allowed;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading .loading-button span{padding:0 1rem}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown{padding:1rem;display:flex;flex-direction:column;gap:4px}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown span.label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown span.label tooltip-component{display:flex}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}', gt = yt;
+var vt = function(e, t, n, a) {
+  var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    s = Reflect.decorate(e, t, n, a);
+  else
+    for (var r = e.length - 1; r >= 0; r--)
+      (l = e[r]) && (s = (o < 3 ? l(s) : o > 3 ? l(t, n, s) : l(t, n)) || s);
+  return o > 3 && s && Object.defineProperty(t, n, s), s;
+}, oe = function(e, t) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, t);
+};
+const Ce = class {
+  constructor(e) {
+    y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.calendars = void 0, this.currentUser = void 0, this.name = "booking-calendar", this.defaultBookingCalendar = "", this.selectedCalendar = "";
+  }
+  connectedCallback() {
+    d("nylas-booking-calendar-picker", "connectedCallback");
+  }
+  disconnectedCallback() {
+    d("nylas-booking-calendar-picker", "disconnectedCallback");
+  }
+  componentWillLoad() {
+    d("nylas-booking-calendar-picker", "componentWillLoad"), this.host.setAttribute("name", this.name);
+  }
+  componentDidLoad() {
+    var e, t;
+    d("nylas-booking-calendar-picker", "componentDidLoad"), this.defaultBookingCalendar = this.defaultBookingCalendar || ((e = this.currentUser) == null ? void 0 : e.email) || "", typeof this.internals.setFormValue == "function" && this.internals.setFormValue(this.defaultBookingCalendar.toString(), "booking-calendar"), this.selectedCalendar = this.defaultBookingCalendar || ((t = this.currentUser) == null ? void 0 : t.email) || "";
+  }
+  componentWillUpdate() {
+    d("nylas-booking-calendar-picker", "componentWillUpdate");
+  }
+  componentDidUpdate() {
+    d("nylas-booking-calendar-picker", "componentDidUpdate");
+  }
+  componentWillRender() {
+    d("nylas-booking-calendar-picker", "componentWillRender");
+  }
+  componentDidRender() {
+    d("nylas-booking-calendar-picker", "componentDidRender");
+  }
+  elementNameChangedHandler(e) {
+    d("nylas-booking-calendar-picker", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
+  }
+  selectedOptionChangedHandler(e) {
+    d("nylas-booking-calendar-picker", "selectedOptionChangedHandler", e.detail);
+    const t = (n) => {
+      const { value: a } = n.detail;
+      this.selectedCalendar = a, this.internals.setFormValue(a.toString(), this.name);
+    };
+    this.valueChanged.emit({ value: e.detail.value, name: this.name, valueChanged: t });
+  }
+  render() {
+    var t;
+    const e = ((t = this.calendars) == null ? void 0 : t.map((n) => ({
+      value: n.id,
+      label: n.name
+    }))) ?? [];
+    return i(k, null, i("div", { class: "nylas-booking-calendar-picker", part: "nbcp" }, i("div", { class: "header", part: "nbcp__header" }, i("h3", null, "Calendar booking"), i("p", null, "Choose calendar where you’d like the event bookings to show up.")), e.length > 0 ? i("div", { class: "nylas-booking-calendar-picker__dropdown" }, i("span", { class: "label", part: "nbcp__input-label" }, "Select a calendar to book meetings on", i("tooltip-component", null, i("info-icon", { slot: "tooltip-icon" }), i("span", { slot: "tooltip-content" }, "Check availability across one or multiple calendars. If multiple calendars are selected, you must be available across all of them to be considered available."))), i("select-dropdown", { name: "booking-calendar", options: e, withSearch: !1, exportparts: "sd_dropdown: nbcp__dropdown, sd_dropdown-button: nbcp__dropdown-button, sd_dropdown-content: nbcp__dropdown-content", defaultSelectedOption: e.find((n) => n.value == this.defaultBookingCalendar) ?? e[0] })) : i("div", { class: "nylas-booking-calendar-picker__loading" }, i("span", { class: "label" }, "Select a calendar to book meetings on ", i("info-icon", null)), i("div", { class: "loading-button" }, i("span", null, "Loading...")))));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get host() {
+    return _(this);
+  }
+  static get watchers() {
+    return {
+      name: ["elementNameChangedHandler"]
+    };
+  }
+};
+vt([
+  C({
+    name: "nylas-booking-calendar-picker",
+    stateToProps: /* @__PURE__ */ new Map([
+      ["schedulerConfig.calendars", "calendars"],
+      ["schedulerConfig.currentUser", "currentUser"]
+    ]),
+    eventToProps: {
+      valueChanged: async (e, t) => {
+        const { valueChanged: n } = e.detail;
+        n && n(e);
+      }
+    },
+    fireRegisterEvent: !0
+  }),
+  oe("design:type", Function),
+  oe("design:paramtypes", []),
+  oe("design:returntype", void 0)
+], Ce.prototype, "render", null);
+Ce.style = gt;
+const xt = ':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;width:inherit}.nylas-buffer-time{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.nylas-buffer-time .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-buffer-time .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-buffer-time .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-buffer-time .nylas-buffer-time__body{display:grid;grid-template-columns:1fr auto}@media screen and (max-width: 768px){.nylas-buffer-time .nylas-buffer-time__body{grid-template-columns:1fr}}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown{padding:1rem;display:flex;flex-direction:column;gap:1rem;border-right:1px solid var(--nylas-base-200);color:var(--nylas-base-800)}@media screen and (max-width: 768px){.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown{border:none}}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown .nylas-buffer-time__row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown .nylas-buffer-time__row label{width:200px}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown .nylas-buffer-time__row .dropdown-container{display:flex;gap:1rem;align-items:center;justify-content:flex-end}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview{width:208px;background:var(--nylas-base-25);border-bottom-right-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview{width:inherit;border-bottom-left-radius:var(--nylas-border-radius-2x)}}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview h4{font-size:14px;line-height:24px;color:var(--nylas-base-600);font-family:var(--nylas-font-family);font-weight:500;text-align:center;margin:0.75rem 0}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container{padding:0 2rem 1rem}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .slot{background-color:transparent;border-top:1px solid var(--nylas-base-300)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .slot.active{background-color:var(--nylas-base-100)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .slot:last-of-type{border-bottom:1px solid var(--nylas-base-300)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .event-slot{background-color:var(--nylas-base-600);border-top:1px solid var(--nylas-base-300)}.nylas-buffer-time .nylas-buffer-time__dropdown select-dropdown::part(sd_dropdown-button){width:104px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-buffer-time .nylas-buffer-time__dropdown select-dropdown::part(sd_dropdown-content){width:100%}.nylas-buffer-time .nylas-buffer-time__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}', kt = xt;
+var wt = function(e, t, n, a) {
+  var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    s = Reflect.decorate(e, t, n, a);
+  else
+    for (var r = e.length - 1; r >= 0; r--)
+      (l = e[r]) && (s = (o < 3 ? l(s) : o > 3 ? l(t, n, s) : l(t, n)) || s);
+  return o > 3 && s && Object.defineProperty(t, n, s), s;
+}, le = function(e, t) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, t);
+};
+const Te = class {
+  constructor(e) {
+    y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.name = "buffer-time", this.buffer = { before: 0, after: 0 }, this.selectedBeforeBufferTime = this.buffer.before, this.selectedAfterBufferTime = this.buffer.after;
+  }
+  connectedCallback() {
+    d("nylas-buffer-time", "connectedCallback");
+  }
+  disconnectedCallback() {
+    d("nylas-buffer-time", "disconnectedCallback");
+  }
+  componentWillLoad() {
+    d("nylas-buffer-time", "componentWillLoad"), this.host.setAttribute("name", this.name);
+  }
+  componentDidLoad() {
+    if (d("nylas-buffer-time", "componentDidLoad"), typeof this.internals.setFormValue == "function") {
+      const e = {
+        before: this.selectedBeforeBufferTime,
+        after: this.selectedAfterBufferTime
+      };
+      this.internals.setFormValue(JSON.stringify(e), this.name);
+    }
+    this.selectedAfterBufferTime = this.buffer.after, this.selectedBeforeBufferTime = this.buffer.before;
+  }
+  componentWillUpdate() {
+    d("nylas-buffer-time", "componentWillUpdate");
+  }
+  componentDidUpdate() {
+    d("nylas-buffer-time", "componentDidUpdate");
+  }
+  componentWillRender() {
+    d("nylas-buffer-time", "componentWillRender");
+  }
+  componentDidRender() {
+    d("nylas-buffer-time", "componentDidRender");
+  }
+  elementNameChangedHandler(e) {
+    d("nylas-buffer-time", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
+  }
+  selectedOptionChangedHandler(e) {
+    d("nylas-buffer-time", "selectedOptionChangedHandler", e.detail);
+    const t = (n) => {
+      const { value: a, name: o } = n.detail;
+      o === "before-buffer-time" ? this.selectedBeforeBufferTime = parseInt(a) : o === "after-buffer-time" && (this.selectedAfterBufferTime = parseInt(a));
+      const s = {
+        before: this.selectedBeforeBufferTime,
+        after: this.selectedAfterBufferTime
+      };
+      this.internals.setFormValue(JSON.stringify(s), "booking-calendar");
+    };
+    this.valueChanged.emit({ ...e.detail, valueChanged: t });
+  }
+  renderPreview() {
+    const a = (l) => {
+      const r = Math.floor(l / 30), h = l % 30 / 30 * 10;
+      return {
+        fullSlots: r,
+        partialFillHeight: h
+      };
+    }, o = () => {
+      const { fullSlots: l, partialFillHeight: r } = a(this.selectedBeforeBufferTime);
+      return Array.from({ length: 4 }, (h, f) => {
+        const u = this.selectedBeforeBufferTime > 0 && f > 4 - l - 1, g = this.selectedBeforeBufferTime > 0 && f === 4 - l - 1 && r > 0;
+        let v = {};
+        return u && !g ? v.backgroundColor = "var(--nylas-base-100)" : g && (v.background = `linear-gradient(to top, var(--nylas-base-100) ${r}px, transparent 0)`), i("div", { key: f, class: `slot ${u ? "active" : ""}`, style: {
+          height: "10px",
+          ...v
+        } });
+      });
+    }, s = () => {
+      const { fullSlots: l, partialFillHeight: r } = a(this.selectedAfterBufferTime);
+      return Array.from({ length: 4 }, (h, f) => {
+        const u = this.selectedAfterBufferTime > 0 && f < l, g = f === l && r > 0;
+        let v = {};
+        return u && !g ? v.backgroundColor = "var(--nylas-base-100)" : g && (v.background = `linear-gradient(to bottom, var(--nylas-base-100) ${r}px, transparent 0)`), i("div", { key: f, class: `slot ${u ? "active" : ""}`, style: {
+          height: "10px",
+          ...v
+        } });
+      });
+    };
+    return i("div", { class: "preview-container" }, o(), i("div", { class: "event-slot", style: { height: "20px" } }), s());
+  }
+  render() {
+    const e = Array.from({ length: 24 }, (t, n) => {
+      const a = (n + 1) * 5;
+      return {
+        label: a.toString(),
+        value: a
+      };
+    });
+    return i(k, null, i("div", { class: "nylas-buffer-time", part: "nbt" }, i("div", { class: "header", part: "nbt__header" }, i("h3", null, "Buffer time"), i("p", null, "Add buffer time before and after the event.")), i("div", { class: "nylas-buffer-time__body", part: "nbt__body" }, i("div", { class: "nylas-buffer-time__dropdown" }, i("div", { class: "nylas-buffer-time__row" }, i("label", null, "Before the event"), i("div", { class: "dropdown-container" }, i("select-dropdown", { id: "before-buffer-time", withSearch: !1, name: "before-buffer-time", exportparts: "sd_dropdown: nbt__dropdown-before, sd_dropdown-button: nbt__dropdown-button-before, sd_dropdown-content: nbt__dropdown-content-before", options: e, defaultSelectedOption: e.find((t) => t.value == this.selectedBeforeBufferTime) ?? e[0] }), i("span", null, "mins"))), i("div", { class: "nylas-buffer-time__row" }, i("label", null, "After the event"), i("div", { class: "dropdown-container" }, i("select-dropdown", { id: "after-buffer-time", withSearch: !1, name: "after-buffer-time", exportparts: "sd_dropdown: nbt__dropdown-after, sd_dropdown-button: nbt__dropdown-button-after, sd_dropdown-content: nbt__dropdown-content-after", options: e, defaultSelectedOption: e.find((t) => t.value == this.selectedAfterBufferTime) ?? e[0] }), i("span", null, "mins")))), i("div", { class: "nylas-buffer-time__preview", part: "nbt__preview" }, i("h4", null, "PREVIEW"), this.renderPreview()))));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get host() {
+    return _(this);
+  }
+  static get watchers() {
+    return {
+      name: ["elementNameChangedHandler"]
+    };
+  }
+};
+wt([
+  C({
+    name: "nylas-buffer-time",
+    eventToProps: {
+      valueChanged: async (e, t) => {
+        const { valueChanged: n } = e.detail;
+        n && n(e);
+      }
+    },
+    fireRegisterEvent: !0
+  }),
+  le("design:type", Function),
+  le("design:paramtypes", []),
+  le("design:returntype", void 0)
+], Te.prototype, "render", null);
+Te.style = kt;
+const _t = ':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;width:inherit}.nylas-calendar-picker{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-calendar-picker .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-calendar-picker .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-calendar-picker .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-calendar-picker .nylas-calendar-picker__loading{padding-bottom:1rem;display:flex;flex-direction:column;gap:4px}.nylas-calendar-picker .nylas-calendar-picker__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-calendar-picker .nylas-calendar-picker__loading .label tooltip-component{display:flex}.nylas-calendar-picker .nylas-calendar-picker__loading .loading-button{margin:0 1rem;padding:0;width:inherit;height:48px;color:black;font-size:1rem;cursor:not-allowed;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-calendar-picker .nylas-calendar-picker__loading .loading-button span{padding:0 1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown{padding:1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown){width:100%;display:flex;flex-direction:column;gap:4px}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-content){width:100%;max-width:unset}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}', Ct = _t;
+var Tt = function(e, t, n, a) {
+  var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    s = Reflect.decorate(e, t, n, a);
+  else
+    for (var r = e.length - 1; r >= 0; r--)
+      (l = e[r]) && (s = (o < 3 ? l(s) : o > 3 ? l(t, n, s) : l(t, n)) || s);
+  return o > 3 && s && Object.defineProperty(t, n, s), s;
+}, re = function(e, t) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, t);
+};
+const Ee = class {
+  constructor(e) {
+    y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.calendars = void 0, this.currentUser = void 0, this.name = "calendar", this.defaultSelectedCalendars = [], this.selectedCalendars = [];
+  }
+  elementNameChangedHandler(e) {
+    d("nylas-calendar-picker", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
+  }
+  connectedCallback() {
+    d("nylas-calendar-picker", "connectedCallback");
+  }
+  disconnectedCallback() {
+    d("nylas-calendar-picker", "disconnectedCallback");
+  }
+  componentWillLoad() {
+    d("nylas-calendar-picker", "componentWillLoad"), this.host.setAttribute("name", this.name);
+  }
+  componentDidLoad() {
+    d("nylas-calendar-picker", "componentDidLoad"), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(this.defaultSelectedCalendars.toString(), "calendar");
+  }
+  componentWillUpdate() {
+    d("nylas-calendar-picker", "componentWillUpdate");
+  }
+  componentDidUpdate() {
+    d("nylas-calendar-picker", "componentDidUpdate");
+  }
+  componentWillRender() {
+    d("nylas-calendar-picker", "componentWillRender");
+  }
+  componentDidRender() {
+    d("nylas-calendar-picker", "componentDidRender");
+  }
+  selectedOptionsChangedHandler(e) {
+    d("nylas-calendar-picker", "selectedOptionChangedHandler", e.detail);
+    const t = (n) => {
+      const { value: a } = n.detail;
+      this.selectedCalendars = [...a], this.internals.setFormValue(a.toString(), "calendar");
+    };
+    this.valueChanged.emit({ ...e.detail, name: this.name, valueChangedHandler: t });
+  }
+  render() {
+    var t;
+    const e = ((t = this.calendars) == null ? void 0 : t.map((n) => {
+      var a, o, s, l;
+      return {
+        value: n.id,
+        label: n.name,
+        selected: ((a = this.defaultSelectedCalendars) == null ? void 0 : a.includes(n.id)) || ((o = this.defaultSelectedCalendars) != null && o.includes("primary") || ((s = this.defaultSelectedCalendars) == null ? void 0 : s.length) === 0 ? n.id === ((l = this.currentUser) == null ? void 0 : l.email) : !1)
+      };
+    })) ?? [];
+    return i(k, null, i("div", { class: "nylas-calendar-picker", part: "ncp" }, i("div", { class: "header", part: "ncp__header" }, i("h3", null, "Calendar availability"), i("p", null, "Select calendars that you’d like to use for checking your availability.")), e.length > 0 ? i("div", { class: "nylas-calendar-picker__dropdown" }, i("multi-select-dropdown", { name: "calendar", label: "Select calendars that will be checked for availability", options: e, exportparts: "msd__dropdown: ncp__dropdown, msd__dropdown-button: ncp__dropdown-button, msd__dropdown-content: ncp__dropdown-content" }, i("span", { slot: "label-icon" }, i("tooltip-component", null, i("info-icon", { slot: "tooltip-icon" }), i("span", { slot: "tooltip-content" }, "Check availability across one or multiple calendars. If multiple calendars are selected, you must be available across all of them to be considered available. The default is your primary calendar if none are selected."))))) : i("div", { class: "nylas-calendar-picker__loading" }, i("span", { class: "label" }, "Select calendars that will be checked for availability ", i("info-icon", null)), i("div", { class: "loading-button" }, i("span", null, "Loading...")))));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get host() {
+    return _(this);
+  }
+  static get watchers() {
+    return {
+      name: ["elementNameChangedHandler"]
+    };
+  }
+};
+Tt([
+  C({
+    name: "nylas-calendar-picker",
+    stateToProps: /* @__PURE__ */ new Map([
+      ["schedulerConfig.calendars", "calendars"],
+      ["schedulerConfig.currentUser", "currentUser"]
+    ]),
+    eventToProps: {
+      valueChanged: async (e, t) => {
+        const { valueChangedHandler: n } = e.detail;
+        n && n(e);
+      }
+    },
+    fireRegisterEvent: !0
+  }),
+  re("design:type", Function),
+  re("design:paramtypes", []),
+  re("design:returntype", void 0)
+], Ee.prototype, "render", null);
+Ee.style = Ct;
+const Et = ':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-event-description{display:flex;flex-direction:column;gap:4px}.nylas-event-description label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-description label span.label-icon{margin-left:4px}.nylas-event-description label span.label-icon tooltip-component{display:flex}.nylas-event-description textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.nylas-event-description textarea::-webkit-resizer{display:none}', Ot = Et;
+var St = function(e, t, n, a) {
+  var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    s = Reflect.decorate(e, t, n, a);
+  else
+    for (var r = e.length - 1; r >= 0; r--)
+      (l = e[r]) && (s = (o < 3 ? l(s) : o > 3 ? l(t, n, s) : l(t, n)) || s);
+  return o > 3 && s && Object.defineProperty(t, n, s), s;
+}, de = function(e, t) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, t);
+};
+const Oe = class {
+  constructor(e) {
+    var t, n;
+    y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.selectedConfiguration = void 0, this.eventDescription = void 0, this.name = "description", this.description = this.eventDescription || ((n = (t = this.selectedConfiguration) == null ? void 0 : t.event_booking) == null ? void 0 : n.description) || "";
+  }
+  elementNameChangedHandler(e) {
+    d("nylas-event-description", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
+  }
+  selectedConfigurationChangedHandler(e, t) {
+    var n, a;
+    d("nylas-custom-booking-flow", "selectedConfigurationChangedHandler", e, t), (n = e == null ? void 0 : e.event_booking) != null && n.description && (this.description = (a = e == null ? void 0 : e.event_booking) == null ? void 0 : a.description);
+  }
+  connectedCallback() {
+    d("nylas-event-description", "connectedCallback");
+  }
+  componentWillLoad() {
+    d("nylas-event-description", "componentWillLoad"), this.host.setAttribute("name", this.name);
+  }
+  componentDidLoad() {
+    d("nylas-event-description", "componentDidLoad");
+  }
+  disconnectedCallback() {
+    d("nylas-event-description", "disconnectedCallback");
+  }
+  handleChange(e) {
+    this.description = e.target.value, this.internals.setFormValue(e.target.value, "description"), this.valueChanged.emit({ value: e.target.value, name: this.name });
+  }
+  render() {
+    return i(k, { key: "0a1db83797453d80a3fe368c46c7c0419751ae96" }, i("div", { key: "cb041dfd5f60a1d6969f9dd3b66bf07a30ead95d", class: "nylas-event-description", part: "nedesc" }, i("label", { key: "f038f2c325d054408d1c4ba2ec046d811abc1b28", htmlFor: "description" }, "Event description", i("span", { key: "b458c9fc9a283455065612b23888cf4257f7d163", class: "label-icon" }, i("tooltip-component", { key: "556fe837419cb336758136e93b91485a7900ed43" }, i("info-icon", { key: "ac64baf6ce1f98d924a30f5fda5457f2553201a6", slot: "tooltip-icon" }), i("span", { key: "f7c463ba89a295e3791d1c7eadc0050b925eeeb4", slot: "tooltip-content" }, "Provide any additional details for your event.")))), i("textarea", { key: "254cca296ff7e4b92626348945834a97d0d593fd", id: "description", part: "nedesc__textarea", name: "description", value: this.description, maxlength: "8192", onInput: (e) => this.handleChange(e) })));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get host() {
+    return _(this);
+  }
+  static get watchers() {
+    return {
+      name: ["elementNameChangedHandler"],
+      selectedConfiguration: ["selectedConfigurationChangedHandler"]
+    };
+  }
+};
+St([
+  C({
+    name: "nylas-event-description",
+    stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
+    eventToProps: {},
+    fireRegisterEvent: !0
+  }),
+  de("design:type", Function),
+  de("design:paramtypes", []),
+  de("design:returntype", void 0)
+], Oe.prototype, "render", null);
+Oe.style = Ot;
+const Dt = ':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-event-duration{display:flex;flex-direction:column;gap:4px}.nylas-event-duration label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-duration label span.required{color:var(--nylas-error, #cc4841)}.nylas-event-duration label span.label-icon{margin-left:4px}.nylas-event-duration label span.label-icon tooltip-component{display:flex}.nylas-event-duration__wrapper{display:flex;align-items:center;gap:0.5rem}.nylas-event-duration__wrapper input{padding:12px 16px;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200);font-family:var(--nylas-font-family);font-size:16px;line-height:24px;width:48px}.nylas-event-duration__wrapper select-dropdown::part(sd_dropdown-button){border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:12px 16px}.nylas-event-duration__wrapper select-dropdown::part(sd_dropdown-button-selected-label){font-family:var(--nylas-font-family);font-size:16px;line-height:24px}', It = Dt;
+var Lt = function(e, t, n, a) {
+  var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    s = Reflect.decorate(e, t, n, a);
+  else
+    for (var r = e.length - 1; r >= 0; r--)
+      (l = e[r]) && (s = (o < 3 ? l(s) : o > 3 ? l(t, n, s) : l(t, n)) || s);
+  return o > 3 && s && Object.defineProperty(t, n, s), s;
+}, ce = function(e, t) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, t);
+};
+const Se = class {
+  constructor(e) {
+    y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.selectedConfiguration = void 0, this.name = "duration", this.eventDurationMinutes = void 0, this.duration = this.eventDurationMinutes ? this.eventDurationMinutes >= 60 ? this.eventDurationMinutes / 60 : this.eventDurationMinutes : 5, this.durationMinutes = this.eventDurationMinutes ?? 5, this.durationIncrement = this.eventDurationMinutes && this.eventDurationMinutes >= 60 ? 60 : 1;
+  }
+  elementNameChangedHandler(e) {
+    d("nylas-event-duration", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
+  }
+  selectedConfigurationChangedHandler(e) {
+    var n;
+    const t = (n = e == null ? void 0 : e.availability) == null ? void 0 : n.duration_minutes;
+    t && (this.duration = t >= 60 ? t / 60 : t, this.durationMinutes = t ?? 5, this.durationIncrement = t >= 60 ? 60 : 1);
+  }
+  durationMinutesChangedHandler(e, t) {
+    d("nylas-event-duration", "durationMinutesChangedHandler", e), e !== t && this.valueChanged.emit({ value: e.toString(), name: this.name });
+  }
+  connectedCallback() {
+    d("nylas-event-duration", "connectedCallback");
+  }
+  componentWillLoad() {
+    d("nylas-event-duration", "componentWillLoad"), this.host.setAttribute("name", this.name);
+  }
+  componentDidLoad() {
+    d("nylas-event-duration", "componentDidLoad"), this.internals.setFormValue(this.durationMinutes.toString(), "duration");
+  }
+  disconnectedCallback() {
+    d("nylas-event-duration", "disconnectedCallback");
+  }
+  handleChange(e) {
+    this.duration = e.target.value, this.durationMinutes = this.duration * this.durationIncrement, this.internals.setFormValue(this.durationMinutes.toString(), this.name);
+  }
+  handleBlur() {
+    (this.duration === null || this.duration === void 0) && this.durationIncrement === 1 && (this.duration = 5), (this.duration <= 0 || this.duration === null || this.duration === void 0) && this.durationIncrement === 60 && (this.duration = 1), this.duration < 5 && this.durationIncrement === 1 && (this.duration = 5), this.durationMinutes = this.duration * this.durationIncrement, this.internals.setFormValue(this.durationMinutes.toString(), "duration");
+  }
+  selectedOptionChangedHandler(e) {
+    d("nylas-calendar-picker", "selectedOptionChangedHandler", e.detail);
+    const { value: t } = e.detail;
+    this.durationIncrement = parseInt(t), this.durationIncrement === 1 ? this.duration = 5 : this.duration = 1, this.durationMinutes = this.duration * this.durationIncrement, this.internals.setFormValue(this.durationMinutes.toString(), "duration");
+  }
+  render() {
+    const e = [
+      { value: 1, label: "minutes" },
+      { value: 60, label: "hours" }
+    ];
+    return i(k, { key: "222965e76af408c0b06183e8e888b73578adb158" }, i("div", { key: "decd15dbfd386cebc4efc880a0a8fb7fc8fc4a1a", class: "nylas-event-duration", part: "ned" }, i("label", { key: "655d4bd8aad28138573516d1a409ff4ad7f90527", htmlFor: "duration" }, "Event duration", i("span", { key: "f53fc2692fa1b4d3265e946ddf313a8e432897d8", class: "required" }, "*"), i("span", { key: "04f0110989f72e20a836ec8552801b87fc8cc6f8", class: "label-icon" }, i("tooltip-component", { key: "cead8ac1aa4ca82db690a38306a8987e3b5759e0" }, i("info-icon", { key: "0105ced6a6b7227b7ac39f68869e6f9fed5fc386", slot: "tooltip-icon" }), i("span", { key: "3a1a73f76723e6f0ba4b4c45a08a839f26b8c25d", slot: "tooltip-content" }, "Set the duration of your event.")))), i("div", { key: "7c85aebc13daa31d440d6b7ec4f2104f64ac4407", class: "nylas-event-duration__wrapper" }, i("input", { key: "255e4574db650850cf3396509be0dfdac65175bb", type: "number", part: "ned_input", id: "duration", name: "duration", value: this.duration, onBlur: () => this.handleBlur(), onInput: (t) => this.handleChange(t), min: 5 }), i("select-dropdown", { key: "a19d552e5e537d9ebeffa1890f2ccafa61a1f761", name: "event-duration", options: e, exportparts: "sd__dropdown: ned__dropdown, sd__dropdown-button: ned__dropdown-button, sd__dropdown-content: ned__dropdown-content", defaultSelectedOption: e.find((t) => t.value == this.durationIncrement) ?? e[0], withSearch: !1 }))));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get host() {
+    return _(this);
+  }
+  static get watchers() {
+    return {
+      name: ["elementNameChangedHandler"],
+      selectedConfiguration: ["selectedConfigurationChangedHandler"],
+      durationMinutes: ["durationMinutesChangedHandler"]
+    };
+  }
+};
+Lt([
+  C({
+    name: "nylas-event-duration",
+    stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
+    eventToProps: {},
+    fireRegisterEvent: !0
+  }),
+  ce("design:type", Function),
+  ce("design:paramtypes", []),
+  ce("design:returntype", void 0)
+], Se.prototype, "render", null);
+Se.style = It;
+const $t = ':host{display:block;margin:1rem;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-event-info__title{color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-event-info__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-event-info__content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.nylas-event-info__block{display:flex;justify-content:space-between;gap:0.5rem}', Ht = $t;
+var At = function(e, t, n, a) {
+  var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    s = Reflect.decorate(e, t, n, a);
+  else
+    for (var r = e.length - 1; r >= 0; r--)
+      (l = e[r]) && (s = (o < 3 ? l(s) : o > 3 ? l(t, n, s) : l(t, n)) || s);
+  return o > 3 && s && Object.defineProperty(t, n, s), s;
+}, fe = function(e, t) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, t);
+};
+const De = class {
+  constructor(e) {
+    y(this, e), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals);
+  }
+  connectedCallback() {
+    d("nylas-event-info", "connectedCallback");
+  }
+  componentWillLoad() {
+    d("nylas-event-info", "componentWillLoad");
+  }
+  componentDidLoad() {
+    d("nylas-event-info", "componentDidLoad");
+  }
+  disconnectedCallback() {
+    d("nylas-event-info", "disconnectedCallback");
+  }
+  render() {
+    return i(k, { key: "e606a689e2b20dcddcbdbf42c44933953cb0c9c7" }, i("nylas-form-card", { key: "f3827f8c8756d131ea0eeca39d8dcae783b58629" }, i("h1", { key: "6deb1da623b3c6ede66653201476647d30b8f7e5", slot: "header-title", class: "nylas-event-info__title" }, "Event information"), i("h3", { key: "f027a8e56e59fba0e8ec3e4bfcbfda6419c5a6dc", slot: "header-subtitle", class: "nylas-event-info__subtitle" }, "Enter all event information."), i("div", { key: "0124599b210dc4e9395cdc75dd964132e98736b9", slot: "content", class: "nylas-event-info__content" }, i("slot", { key: "a227128a7e6f7f8b8c52bd0bd24ce672979fef30", name: "inputs" }))));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+};
+At([
+  C({
+    name: "nylas-event-info",
+    eventToProps: {},
+    fireRegisterEvent: !0
+  }),
+  fe("design:type", Function),
+  fe("design:paramtypes", []),
+  fe("design:returntype", void 0)
+], De.prototype, "render", null);
+De.style = Ht;
+const Mt = ':host{display:block;margin:1rem;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-event-limits__title{color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-event-limits__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-event-limits__content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.nylas-event-limits__block{display:flex;justify-content:space-between;gap:0.5rem}', Ft = Mt;
+var Nt = function(e, t, n, a) {
+  var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    s = Reflect.decorate(e, t, n, a);
+  else
+    for (var r = e.length - 1; r >= 0; r--)
+      (l = e[r]) && (s = (o < 3 ? l(s) : o > 3 ? l(t, n, s) : l(t, n)) || s);
+  return o > 3 && s && Object.defineProperty(t, n, s), s;
+}, pe = function(e, t) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, t);
+};
+const Ie = class {
+  constructor(e) {
+    y(this, e), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals);
+  }
+  connectedCallback() {
+    d("nylas-event-limits", "connectedCallback");
+  }
+  componentWillLoad() {
+    d("nylas-event-limits", "componentWillLoad");
+  }
+  componentDidLoad() {
+    d("nylas-event-limits", "componentDidLoad");
+  }
+  disconnectedCallback() {
+    d("nylas-event-limits", "disconnectedCallback");
+  }
+  render() {
+    return i(k, { key: "56a1396f87f4d81f1a3912ec810e23a9dbed965b" }, i("nylas-form-card", { key: "2007e2fe058e39bb8c276d2995b4b8075d9ed82f" }, i("h1", { key: "e57bc40b4b369d64cdb2b6c97009dea3f141716f", slot: "header-title", class: "nylas-event-limits__title" }, "Set event limits"), i("h3", { key: "beb61ca97cfd3dca960e78e5f64abca4ace7777b", slot: "header-subtitle", class: "nylas-event-limits__subtitle" }, "Customize event limits for the event."), i("div", { key: "3912501d3e927fcbc6e8663f9149c66ce54fbd0e", slot: "content", class: "nylas-event-limits__content" }, i("slot", { key: "a0902c2edc5ef540547452d5f1448ba26547af17", name: "inputs" }))));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+};
+Nt([
+  C({
+    name: "nylas-event-limits",
+    eventToProps: {},
+    fireRegisterEvent: !0
+  }),
+  pe("design:type", Function),
+  pe("design:paramtypes", []),
+  pe("design:returntype", void 0)
+], Ie.prototype, "render", null);
+Ie.style = Ft;
+const Pt = ':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-event-title{display:flex;flex-direction:column;gap:4px;position:relative;text-align:left}.nylas-event-title div.title{padding:12px 16px;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);overflow:scroll;white-space:nowrap;scrollbar-width:thin}.nylas-event-title div.title::-webkit-scrollbar{width:6px;height:6px}.nylas-event-title div.title.error{border-color:var(--nylas-error);outline:none}.nylas-event-title input{padding:12px 16px;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200)}.nylas-event-title span.help-text{color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:21px}.nylas-event-title span.error-message{color:var(--nylas-error)}.nylas-event-title label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-title label span.required{color:var(--nylas-error, #cc4841)}.nylas-event-title label span.label-icon{margin-left:4px}.nylas-event-title label span.label-icon tooltip-component{display:flex}.highlighted-tag{background-color:var(--nylas-base-200);border-radius:var(--nylas-border-radius);padding:5px;margin-left:4px}.token-options{display:block;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;top:80px;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}@media screen and (max-width: 768px){.token-options{right:0;width:325px;max-width:unset}}.token-options ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px;margin:0}.token-options ul li{padding:16px, 12px, 16px, 12px;color: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}.token-options ul li .token-label{display:flex;flex-direction:column;font-weight:400}.token-options ul li .token-label .token{color:var(--nylas-abse-900);font-size:16px;line-height:24px}.token-options ul li .token-label .description{color:var(--nylas-base-600);font-size:14px;line-height:21px}.token-options ul li:hover,.token-options ul li:focus,.token-options ul li:active,.token-options ul li.active{background-color:var(--nylas-base-100)}.token-options ul li:hover .token-label .token,.token-options ul li:focus .token-label .token,.token-options ul li:active .token-label .token,.token-options ul li.active .token-label .token{color:var(--nylas-primary)}.token-options .selected{background-color:var(--nylas-base-100)}', Rt = Pt;
+var zt = function(e, t, n, a) {
+  var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    s = Reflect.decorate(e, t, n, a);
+  else
+    for (var r = e.length - 1; r >= 0; r--)
+      (l = e[r]) && (s = (o < 3 ? l(s) : o > 3 ? l(t, n, s) : l(t, n)) || s);
+  return o > 3 && s && Object.defineProperty(t, n, s), s;
+}, ue = function(e, t) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, t);
+};
+const Le = class {
+  constructor(e) {
+    var t, n;
+    y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.selectedConfiguration = void 0, this.eventTitle = (n = (t = this.selectedConfiguration) == null ? void 0 : t.event_booking) == null ? void 0 : n.title, this.name = "title", this.showTokens = !1, this.availableTokens = we.map((a) => ({
+      label: a.token,
+      value: a.value,
+      labelHTML: a
+    })), this.filteredTokens = this.availableTokens, this.ariaActivedescendant = "", this.currentWord = { $value: "", fullText: "", index: -1, focusOffset: -1 }, this.validationError = "";
+  }
+  elementNameChangedHandler(e) {
+    d("nylas-event-title", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
+  }
+  ariaActivedescendantChangedHandler(e) {
+    var t, n;
+    if (d("nylas-event-title", "ariaActivedescendantChangedHandler", e), e !== "") {
+      const a = (t = this.host.shadowRoot) == null ? void 0 : t.getElementById(e);
+      a == null || a.classList.add("active");
+    } else {
+      const a = (n = this.host.shadowRoot) == null ? void 0 : n.querySelectorAll(".token-options li.active");
+      a == null || a.forEach((o) => o.classList.remove("active"));
+    }
+  }
+  configChangedHandler(e) {
+    var n;
+    const t = (n = e == null ? void 0 : e.event_booking) == null ? void 0 : n.title;
+    t && this.updateEventTitleFromProp(t);
+  }
+  connectedCallback() {
+    d("nylas-event-title", "connectedCallback");
+  }
+  componentWillLoad() {
+    d("nylas-event-title", "componentWillLoad"), this.host.setAttribute("name", this.name);
+  }
+  componentDidLoad() {
+    d("nylas-event-title", "componentDidLoad"), this.updateEventTitleFromProp(this.eventTitle || "");
+  }
+  disconnectedCallback() {
+    d("nylas-event-title", "disconnectedCallback");
+  }
+  formSubmittedHandler(e) {
+    var t, n;
+    d("nylas-event-title", "formSubmittedHandler", e), (n = (t = this.internals) == null ? void 0 : t.validity) != null && n.valid ? this.validationError = "" : this.validationError = "Event title is required";
+  }
+  updateEventTitleFromProp(e) {
+    var t, n;
+    d("nylas-event-title", "eventTitleChangedHandler", e), this.titleRef && (this.titleRef.innerHTML = this.highlightTokens(e), this.titleRef.focus(), typeof this.internals.setValidity == "function" && (e === "" ? (t = this.internals) == null || t.setValidity({ customError: !0 }, "Event title is required", this.titleRef) : (n = this.internals) == null || n.setValidity({ customError: !1 })));
+  }
+  highlightTokens(e) {
+    let t = e;
+    return we.forEach((n) => {
+      const a = n.value, o = new RegExp(`(\\${a})(?!\\w)`, "g");
+      t = t.replace(o, '<span class="highlighted-tag">$1</span>');
+    }), t;
+  }
+  getCurrentSelectionForBrowser() {
+    var a, o, s;
+    const e = (l, r, h, f) => {
+      const u = l.replace(/[\u200B-\u200D\uFEFF]/g, ""), g = u.lastIndexOf("$"), v = u.substring(g).split(" ")[0];
+      return {
+        focusOffset: r,
+        dollarIndex: g,
+        lastWord: v,
+        currentText: u,
+        node: h,
+        allSelected: f
+      };
+    }, t = (l) => {
+      var r, h;
+      return l.anchorOffset === 0 && l.focusOffset === ((h = (r = l.focusNode) == null ? void 0 : r.nodeValue) == null ? void 0 : h.length);
+    };
+    switch (We()) {
+      case "Chrome":
+        const l = (a = this.host.shadowRoot) == null ? void 0 : a.getSelection(), r = l == null ? void 0 : l.focusNode, h = (r == null ? void 0 : r.nodeValue) || "", f = l && t(l);
+        return e(h, (l == null ? void 0 : l.focusOffset) || -1, r, f);
+      case "Firefox":
+        const u = document.getSelection(), g = ((o = u == null ? void 0 : u.anchorNode) == null ? void 0 : o.nodeValue) || "", v = u && t(u);
+        return e(g, (u == null ? void 0 : u.focusOffset) || -1, u == null ? void 0 : u.anchorNode, v);
+      case "Safari":
+        const O = window.getSelection(), x = O == null ? void 0 : O.getComposedRanges(this.host.shadowRoot)[0], c = ((s = x == null ? void 0 : x.startContainer) == null ? void 0 : s.nodeValue) || "", p = O && t(O);
+        return e(c, (x == null ? void 0 : x.endOffset) || -1, x == null ? void 0 : x.startContainer, p);
+      default:
+        return console.warn("Browser not supported"), null;
+    }
+  }
+  handleChange(e) {
+    const t = e.target.textContent || "", n = this.getCurrentSelectionForBrowser();
+    if (!n) {
+      this.updateEventTitle(t), this.resetDropdown();
+      return;
+    }
+    const { focusOffset: a, dollarIndex: o, lastWord: s, currentText: l } = n;
+    if (o === -1 || a < o) {
+      this.updateEventTitle(t), this.resetDropdown();
+      return;
+    }
+    s.startsWith("$") ? (this.showTokens = !0, this.currentWord = {
+      $value: s,
+      fullText: l,
+      index: o,
+      focusOffset: a
+    }, this.populateSuggestionsDropdown(s)) : this.resetDropdown(), this.updateEventTitle(t);
+  }
+  handleInputKeyDown(e) {
+    var n, a, o, s;
+    const t = this.getCurrentSelectionForBrowser();
+    if (t != null && t.allSelected && !Be(e) && (this.titleRef.innerHTML = ""), e.key === "Enter") {
+      e.preventDefault();
+      const l = (n = this.host.shadowRoot) == null ? void 0 : n.getElementById(this.ariaActivedescendant);
+      l && (l.click(), this.ariaActivedescendant = "");
+    } else if (e.key === "ArrowDown") {
+      e.preventDefault();
+      const l = (a = this.host.shadowRoot) == null ? void 0 : a.getElementById(this.ariaActivedescendant);
+      if (l) {
+        const r = l.nextElementSibling;
+        r ? this.ariaActivedescendant = r.id : this.ariaActivedescendant = this.filteredTokens[0].label;
+      } else
+        this.ariaActivedescendant = this.filteredTokens[0].label;
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      const l = (o = this.host.shadowRoot) == null ? void 0 : o.getElementById(this.ariaActivedescendant);
+      if (l) {
+        const r = l.previousElementSibling;
+        r ? this.ariaActivedescendant = r.id : this.ariaActivedescendant = this.filteredTokens[this.filteredTokens.length - 1].label;
+      } else
+        this.ariaActivedescendant = this.filteredTokens[this.filteredTokens.length - 1].label;
+    } else
+      e.key === "Escape" ? (e.preventDefault(), this.resetDropdown()) : (e.key === "Backspace" || e.key === "Delete") && (t != null && t.currentText.startsWith("${") && (s = t == null ? void 0 : t.node) != null && s.parentNode && t.node.parentNode.removeChild(t.node), (this.titleRef.textContent === "" || (t == null ? void 0 : t.currentText) === "" || t != null && t.allSelected) && (this.titleRef.innerHTML = ""));
+  }
+  selectOption(e, t) {
+    var c;
+    e.preventDefault();
+    const n = this.currentWord.fullText, a = this.currentWord.$value;
+    let o = this.titleRef.firstChild, s = null;
+    for (; o; ) {
+      if (o.nodeType === 3) {
+        const p = ((c = o.textContent) == null ? void 0 : c.replace(/[\u200B-\u200D\uFEFF]/g, "")) || "", b = n.replace(/[\u200B-\u200D\uFEFF]/g, "");
+        if (p.includes(b)) {
+          s = o;
+          break;
+        }
+      }
+      o = o.nextSibling;
+    }
+    if (!s)
+      return;
+    const l = s.textContent || "", r = l.indexOf(a), h = l.substring(0, r), f = l.substring(r + a.length), u = document.createTextNode(h), g = document.createRange(), v = document.createElement("span");
+    v.classList.add("highlighted-tag"), v.textContent = `${t.value}`;
+    const O = document.createTextNode(f);
+    if (f !== "")
+      s.replaceWith(u, v, O), g.setStart(O, 1);
+    else {
+      const p = document.createTextNode("​");
+      s.replaceWith(u, v, p), g.setStart(p, 1);
+    }
+    this.resetDropdown(), this.titleRef.focus();
+    const x = window.getSelection();
+    g.collapse(!0), x == null || x.removeAllRanges(), x == null || x.addRange(g), this.updateEventTitle(this.titleRef.textContent || "");
+  }
+  populateSuggestionsDropdown(e = "") {
+    this.filteredTokens = this.availableTokens.filter((t) => t.label.startsWith(e.toString()) || t.value.startsWith(e.toString())), this.filteredTokens.length > 0 && (this.ariaActivedescendant = this.filteredTokens[0].label);
+  }
+  updateEventTitle(e) {
+    var n, a, o;
+    const t = e.replace(/ +/g, " ");
+    t === "" ? ((n = this.internals) == null || n.setValidity({ customError: !0 }, "Event title is required", this.titleRef), this.validationError = "Event title is required") : ((a = this.internals) == null || a.setValidity({ customError: !1 }), this.validationError = ""), (o = this.internals) == null || o.setFormValue(t, this.name), this.valueChanged.emit({ value: t, name: this.name });
+  }
+  resetDropdown() {
+    this.showTokens = !1, this.ariaActivedescendant = "";
+  }
+  getLabelHTML(e) {
+    return i("div", { class: "token-label" }, i("span", { class: "token" }, e.token), i("span", { class: "description" }, e.description));
+  }
+  render() {
+    var e;
+    return i(k, { key: "28ef0be3f64aafdaabb6bed562f5c89b92f2510e" }, i("div", { key: "42cc820bd4ca2343ebe09108a7ce5fca37c02165", class: "nylas-event-title", part: "net" }, i("label", { key: "748c85b9ef6a656b43137864c49282abfa0b78b9", htmlFor: "title" }, "Event title", i("span", { key: "29e8a26acfc6795ee511457c1f052bcc831757c3", class: "required" }, "*"), i("span", { key: "a555e59986cb55543c108d82c9e7120e8f78cd2a", class: "label-icon" }, i("tooltip-component", { key: "29e6f432f02f6cb10bee3a3c61374688a23c9a9a" }, i("info-icon", { key: "af9821938dc7f3175d8fdfb3426631111242483b", slot: "tooltip-icon" }), i("span", { key: "b1027c6b32fab643f94c4233f3c60e1462f69945", slot: "tooltip-content" }, "Enter a title for your event.")))), i("div", { key: "387e621aa40cef2857b00eae8da13be376296178", class: {
+      title: !0,
+      error: this.validationError !== ""
+    }, part: "net__title", ref: (t) => this.titleRef = t, contentEditable: "true", onInput: (t) => this.handleChange(t), onKeyDown: (t) => this.handleInputKeyDown(t) }), this.showTokens && ((e = this.filteredTokens) == null ? void 0 : e.length) > 0 && i("div", { class: "token-options", part: "net__dropdown-content" }, i("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map((t) => i("li", { tabindex: "0", key: t.label, id: t.label, class: { active: this.ariaActivedescendant === t.label }, onClick: (n) => this.selectOption(n, t), role: "option" }, this.getLabelHTML(t.labelHTML))))), i("span", { key: "c1a3f0602920e0799322aef007e738ec3fd2c478", class: "help-text" }, "Create a dynamic templated event title by typing $. Learn more"), this.validationError != "" && i("span", { class: "error-message" }, this.validationError)));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get host() {
+    return _(this);
+  }
+  static get watchers() {
+    return {
+      name: ["elementNameChangedHandler"],
+      ariaActivedescendant: ["ariaActivedescendantChangedHandler"],
+      selectedConfiguration: ["configChangedHandler"]
+    };
+  }
+};
+zt([
+  C({
+    name: "nylas-event-title",
+    stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
+    eventToProps: {},
+    fireRegisterEvent: !0
+  }),
+  ue("design:type", Function),
+  ue("design:paramtypes", []),
+  ue("design:returntype", void 0)
+], Le.prototype, "render", null);
+Le.style = Rt;
+const Bt = ':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-limit-future-bookings{display:flex;justify-content:space-between;font-family:var(--nylas-font-family)}@media screen and (max-width: 768px){.nylas-limit-future-bookings{flex-direction:column;gap:0.5rem}}.nylas-limit-future-bookings label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-limit-future-bookings label span.label-icon{margin-left:4px}.nylas-limit-future-bookings label span.label-icon tooltip-component{display:flex}', jt = Bt;
+var Wt = function(e, t, n, a) {
+  var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    s = Reflect.decorate(e, t, n, a);
+  else
+    for (var r = e.length - 1; r >= 0; r--)
+      (l = e[r]) && (s = (o < 3 ? l(s) : o > 3 ? l(t, n, s) : l(t, n)) || s);
+  return o > 3 && s && Object.defineProperty(t, n, s), s;
+}, he = function(e, t) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, t);
+};
+const $e = class {
+  constructor(e) {
+    y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.selectedConfiguration = void 0, this.availableDaysInFuture = void 0, this.name = "limit-future-bookings", this.selectedNumber = 1, this.selectedPeriod = "day";
+  }
+  elementNameChangedHandler(e) {
+    d("nylas-limit-future-bookings", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
+  }
+  selectedConfigurationChangedHandler(e) {
+    var n;
+    const t = (n = e == null ? void 0 : e.scheduler) == null ? void 0 : n.available_days_in_future;
+    t && this.updateNumberAndPeriodFromDays(t);
+  }
+  availableDaysInFutureChanged(e) {
+    this.updateNumberAndPeriodFromDays(e);
+  }
+  connectedCallback() {
+    d("nylas-limit-future-bookings", "connectedCallback");
+  }
+  componentWillLoad() {
+    d("nylas-limit-future-bookings", "componentWillLoad"), this.host.setAttribute("name", this.name);
+  }
+  componentDidLoad() {
+    var e;
+    d("nylas-limit-future-bookings", "componentDidLoad"), this.availableDaysInFutureChanged(this.availableDaysInFuture ?? 1), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(((e = this.availableDaysInFuture) == null ? void 0 : e.toString()) ?? "1", this.name);
+  }
+  disconnectedCallback() {
+    d("nylas-limit-future-bookings", "disconnectedCallback");
+  }
+  timePeriodChangedHandler(e) {
+    const { number: t, period: n } = e.detail;
+    let a;
+    n === "day" ? a = t : n === "week" ? a = t * 7 : a = t * 30, this.valueChanged.emit({ value: a, name: "availableDaysInFuture" }), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(a.toString(), this.name);
+  }
+  updateNumberAndPeriodFromDays(e) {
+    let t, n;
+    e >= 30 && e % 30 === 0 ? (t = e / 30, n = "month") : e >= 7 && e % 7 === 0 ? (t = e / 7, n = "week") : (t = e, n = "day"), this.selectedNumber = t, this.selectedPeriod = n;
+  }
+  render() {
+    return i(k, { key: "633f17f3c8a36aaf1b48653a471fce7a67c2e6bc" }, i("div", { key: "5685213b7d7d44a54cecda52d553fc49f0b45cf6", class: "nylas-limit-future-bookings", part: "nlfb" }, i("label", { key: "9c3f51639f92585b04cb6c358783ddb240fcd217" }, "Limit future bookings", i("span", { key: "f234e3ff93652121e54d1aa77cbd77c2e93252c5", class: "label-icon" }, i("tooltip-component", { key: "4a1a059e553f52b856b220c37a9721ed8d890171" }, i("info-icon", { key: "f6daa7aae8aefe95871744a22d71a1bb743a797c", slot: "tooltip-icon" }), i("span", { key: "ef99e06e91e3f76e640d8209d0f9ad1831c9fdeb", slot: "tooltip-content" }, "Set a limit on how far in the future bookings can be made.")))), i("time-period-selector", { key: "02215f1ea27a251917bf8ad3cb10f9d36bd870ba", id: "limit-future-bookings", timePeriods: ["day", "week", "month"], exportparts: "tps__number-dropdown: nlfb__number-dropdown, tps__number-dropdown-button: nlfb__number-dropdown-button, tps__number-dropdown-content: nlfb__number-dropdown-content, tps__period-dropdown: nlfb__period-dropdown, tps__period-dropdown-button: nlfb__period-dropdown-button, tps__period-dropdown-content: nlfb__period-dropdown-content", defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod })));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get host() {
+    return _(this);
+  }
+  static get watchers() {
+    return {
+      name: ["elementNameChangedHandler"],
+      selectedConfiguration: ["selectedConfigurationChangedHandler"],
+      availableDaysInFuture: ["availableDaysInFutureChanged"]
+    };
+  }
+};
+Wt([
+  C({
+    name: "nylas-limit-future-bookings",
+    stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
+    eventToProps: {},
+    fireRegisterEvent: !0
+  }),
+  he("design:type", Function),
+  he("design:paramtypes", []),
+  he("design:returntype", void 0)
+], $e.prototype, "render", null);
+$e.style = jt;
+const Ut = ':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-event-location{display:flex;flex-direction:column;gap:4px;font-family:var(--nylas-font-family)}.nylas-event-location label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-location label span.label-icon{margin-left:4px}.nylas-event-location label span.label-icon tooltip-component{display:flex}.nylas-event-location span[slot=select-icon]{border-right:1px solid var(--nylas-base-200);padding:16px 0.75rem 16px 0.5rem;border-radius:var(--nylas-border-radius-2x);border-bottom-right-radius:0;border-top-right-radius:0;height:20px}.nylas-event-location div.location-input{display:grid;grid-template-columns:auto 1fr;width:100%;gap:0.5rem}@media screen and (max-width: 768px){.nylas-event-location div.location-input{grid-template-columns:1fr}}.nylas-event-location div.location-input input{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:12px 16px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px}.nylas-event-location select-dropdown{width:208px}@media screen and (max-width: 768px){.nylas-event-location select-dropdown{width:100%}}.nylas-event-location select-dropdown::part(sd_dropdown){width:100%}.nylas-event-location select-dropdown::part(sd_dropdown-content){left:calc(35px + 0.5rem)}.nylas-event-location select-dropdown::part(sd_dropdown-button){display:flex;justify-content:space-between;width:100%;border:1px solid var(--nylas-base-200);padding:0 0.5rem}.nylas-event-location select-dropdown::part(sd_dropdown-button-selected-label){display:inline-flex;align-self:center;padding:14px 0;font-family:var(--nylas-font-family);font-size:16px;line-height:24px}', Zt = Ut;
+var Yt = function(e, t, n, a) {
+  var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    s = Reflect.decorate(e, t, n, a);
+  else
+    for (var r = e.length - 1; r >= 0; r--)
+      (l = e[r]) && (s = (o < 3 ? l(s) : o > 3 ? l(t, n, s) : l(t, n)) || s);
+  return o > 3 && s && Object.defineProperty(t, n, s), s;
+}, be = function(e, t) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, t);
+};
+const He = class {
+  constructor(e) {
+    y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.name = "location", this.selectedConfiguration = void 0, this.eventLocation = void 0, this.location = this.eventLocation ?? "", this.selectedLocationOption = this.eventLocation ? "custom" : "none";
+  }
+  elementNameChangedHandler(e) {
+    d("nylas-location-component", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
+  }
+  selectedConfigurationChangedHandler(e, t) {
+    var a;
+    d("nylas-custom-booking-flow", "selectedConfigurationChangedHandler", e, t);
+    const n = (a = e == null ? void 0 : e.event_booking) == null ? void 0 : a.location;
+    n && (this.selectedLocationOption = n ? "custom" : "none", this.location = n);
+  }
+  eventLocationChangedHandler(e, t) {
+    d("nylas-location-component", "eventLocationChangedHandler", e), e !== t && (this.selectedLocationOption = e ? "custom" : "none");
+  }
+  connectedCallback() {
+    d("nylas-location-component", "connectedCallback");
+  }
+  componentWillLoad() {
+    d("nylas-location-component", "componentWillLoad"), this.host.setAttribute("name", this.name);
+  }
+  componentDidLoad() {
+    d("nylas-location-component", "componentDidLoad");
+  }
+  disconnectedCallback() {
+    d("nylas-location-component", "disconnectedCallback");
+  }
+  selectedOptionChangedHandler(e) {
+    this.selectedLocationOption = e.detail.value, this.selectedLocationOption === "none" && (this.location = "", this.setFormValue("", "location"), this.valueChanged.emit({ value: "", name: this.name }));
+  }
+  setFormValue(e, t) {
+    typeof this.internals.setFormValue == "function" && this.internals.setFormValue(e, t);
+  }
+  handleChange(e) {
+    this.location = e.target.value, this.setFormValue(e.target.value, "location"), this.valueChanged.emit({ value: e.target.value, name: this.name });
+  }
+  render() {
+    const e = [
+      { value: "none", label: "None" },
+      { value: "custom", label: "Custom location" }
+    ], t = {
+      none: i("location-off-icon", { key: "575c799ee8e373f1fa305166312f3192cbb1195e" }),
+      custom: i("location-icon", { key: "3e9a108a256313289846487fdb5a2c8f93bf06ea" })
+    };
+    return i(k, { key: "8038cd624df0d63608bb23d0b52ee73d62939ba6" }, i("div", { key: "3047dfeacda102f18f0413213a86676eb1c5f901", class: "nylas-event-location", part: "nel" }, i("label", { key: "8cbf08ad544cc6dbfa21f8eca510fe7700756cbb", htmlFor: "location" }, "Location type", i("span", { key: "b806d2ab1087c5d82674d2ba1f697ab650dfff64", class: "label-icon" }, i("tooltip-component", { key: "3a67a7eb1eed2315d46d6e81fe62314bf92226d7" }, i("info-icon", { key: "4e787698acb0d0d272c13a226747c1252741cbe9", slot: "tooltip-icon" }), i("span", { key: "85eb8db37cef3482e59124b21c968dfe4ea38fec", slot: "tooltip-content" }, "Choose how you’ll meet with the participants at the scheduled time. Pick from available conferencing options or add a custom location.")))), i("div", { key: "5970b85d96f9430504846d7ff66a259b639a17d7", class: "location-input" }, i("select-dropdown", { key: "b848b8a01563c1640a0552c385ed268e15431453", withSearch: !1, name: "location", options: e, defaultSelectedOption: e.find((n) => n.value == this.selectedLocationOption), exportparts: "sd__dropdown: nel__dropdown, sd__dropdown-button: nel__dropdown-button, sd__dropdown-content: nel__dropdown-content" }, i("span", { key: "c3bf4e65c37357b12892f333a3a2a22803400e46", slot: "select-icon" }, t[this.selectedLocationOption])), this.selectedLocationOption === "custom" && i("input", { type: "text", part: "nel__location", id: "location", name: "location", maxlength: "1024", value: this.location, onInput: (n) => this.handleChange(n) }))));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get host() {
+    return _(this);
+  }
+  static get watchers() {
+    return {
+      name: ["elementNameChangedHandler"],
+      selectedConfiguration: ["selectedConfigurationChangedHandler"],
+      eventLocation: ["eventLocationChangedHandler"]
+    };
+  }
+};
+Yt([
+  C({
+    name: "nylas-location-component",
+    stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
+    eventToProps: {},
+    fireRegisterEvent: !0
+  }),
+  be("design:type", Function),
+  be("design:paramtypes", []),
+  be("design:returntype", void 0)
+], He.prototype, "render", null);
+He.style = Zt;
+const Kt = ':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-min-cancellation-notice{display:flex;justify-content:space-between;font-family:var(--nylas-font-family)}@media screen and (max-width: 768px){.nylas-min-cancellation-notice{flex-direction:column;gap:0.5rem}}.nylas-min-cancellation-notice label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-min-cancellation-notice label span.label-icon{margin-left:4px}.nylas-min-cancellation-notice label span.label-icon tooltip-component{display:flex}', Vt = Kt;
+var qt = function(e, t, n, a) {
+  var o = arguments.length, s = o < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, n) : a, l;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    s = Reflect.decorate(e, t, n, a);
+  else
+    for (var r = e.length - 1; r >= 0; r--)
+      (l = e[r]) && (s = (o < 3 ? l(s) : o > 3 ? l(t, n, s) : l(t, n)) || s);
+  return o > 3 && s && Object.defineProperty(t, n, s), s;
+}, me = function(e, t) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, t);
+};
+const Ae = class {
+  constructor(e) {
+    y(this, e), this.valueChanged = w(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.selectedConfiguration = void 0, this.minCancellationNotice = void 0, this.name = "min-cancellation-notice", this.selectedNumber = 1, this.selectedPeriod = "day";
+  }
+  elementNameChangedHandler(e) {
+    d("nylas-min-cancellation-notice", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
+  }
+  selectedConfigurationChangedHandler(e) {
+    var n;
+    const t = (n = e == null ? void 0 : e.scheduler) == null ? void 0 : n.min_cancellation_notice;
+    t && this.updateNumberAndPeriodFromMinutes(t);
+  }
+  availableDaysInFutureChanged(e) {
+    this.updateNumberAndPeriodFromMinutes(e);
+  }
+  connectedCallback() {
+    d("nylas-min-cancellation-notice", "connectedCallback");
+  }
+  componentWillLoad() {
+    d("nylas-min-cancellation-notice", "componentWillLoad"), this.host.setAttribute("name", this.name);
+  }
+  componentDidLoad() {
+    var e;
+    d("nylas-min-cancellation-notice", "componentDidLoad"), this.availableDaysInFutureChanged(this.minCancellationNotice ?? 1), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(((e = this.minCancellationNotice) == null ? void 0 : e.toString()) ?? "1", this.name);
+  }
+  disconnectedCallback() {
+    d("nylas-min-cancellation-notice", "disconnectedCallback");
+  }
+  timePeriodChangedHandler(e) {
+    const { number: t, period: n } = e.detail;
+    let a;
+    const o = 60, s = o * 24, l = s * 7, r = s * 30;
+    n === "minute" ? a = t : n === "hour" ? a = t * o : n === "day" ? a = t * s : n === "week" ? a = t * l : n === "month" ? a = t * r : a = 0, this.valueChanged.emit({ value: a, name: "minCancellationNotice" }), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(a.toString(), this.name);
+  }
+  updateNumberAndPeriodFromMinutes(e) {
+    let s, l;
+    e >= 43200 ? (s = Math.floor(e / 43200), l = "month") : e >= 10080 ? (s = Math.floor(e / 10080), l = "week") : e >= 1440 ? (s = Math.floor(e / 1440), l = "day") : e >= 60 ? (s = Math.floor(e / 60), l = "hour") : (s = e, l = "minute"), this.selectedNumber = s, this.selectedPeriod = l;
+  }
+  render() {
+    return i(k, { key: "473f79ba357832c63d5af02f6123d5d8a4bbee61" }, i("div", { key: "657c38462f01c79f7e830e7758859398e776ccdb", class: "nylas-min-cancellation-notice", part: "nmcn" }, i("label", { key: "9a29a3b348cf93c9de3b7f28d05c319d64ed37c6" }, "Minimum cancellation notice", i("span", { key: "a618468ede4da9c28ec941ab4b76551cff980d8a", class: "label-icon" }, i("tooltip-component", { key: "a44b3a7327721e17884840a9124f7c27249f050c" }, i("info-icon", { key: "177c2db8b4f868e23f5e59a08a335a1bbf4e5316", slot: "tooltip-icon" }), i("span", { key: "843ca3f89854fb398717e8fab9c54b124ef93a46", slot: "tooltip-content" }, "Set the minimum amount of time required to cancel an event.")))), i("time-period-selector", { key: "74b22ae97313a1a096d1c5ef6c791507e98da099", id: "min-cancellation-notice", exportparts: "tps__number-dropdown: nmcn__number-dropdown, tps__number-dropdown-button: nmcn__number-dropdown-button, tps__number-dropdown-content: nmcn__number-dropdown-content, tps__period-dropdown: nmcn__period-dropdown, tps__period-dropdown-button: nmcn__period-dropdown-button, tps__period-dropdown-content: nmcn__period-dropdown-content", timePeriods: ["minute", "hour", "day", "week"], defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod })));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get host() {
+    return _(this);
+  }
+  static get watchers() {
+    return {
+      name: ["elementNameChangedHandler"],
+      selectedConfiguration: ["selectedConfigurationChangedHandler"],
+      availableDaysInFuture: ["availableDaysInFutureChanged"]
+    };
+  }
+};
+qt([
+  C({
+    name: "nylas-min-cancellation-notice",
+    stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
+    eventToProps: {},
+    fireRegisterEvent: !0
+  }),
+  me("design:type", Function),
+  me("design:paramtypes", []),
+  me("design:returntype", void 0)
+], Ae.prototype, "render", null);
+Ae.style = Vt;
+var Me = { exports: {} };
+(function(e, t) {
+  (function(n, a) {
+    e.exports = a();
+  })(je, function() {
+    var n = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, a = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, o = /\d\d/, s = /\d\d?/, l = /\d*[^-_:/,()\s\d]+/, r = {}, h = function(c) {
+      return (c = +c) + (c > 68 ? 1900 : 2e3);
+    }, f = function(c) {
+      return function(p) {
+        this[c] = +p;
+      };
+    }, u = [/[+-]\d\d:?(\d\d)?|Z/, function(c) {
+      (this.zone || (this.zone = {})).offset = function(p) {
+        if (!p || p === "Z")
+          return 0;
+        var b = p.match(/([+-]|\d\d)/g), m = 60 * b[1] + (+b[2] || 0);
+        return m === 0 ? 0 : b[0] === "+" ? -m : m;
+      }(c);
+    }], g = function(c) {
+      var p = r[c];
+      return p && (p.indexOf ? p : p.s.concat(p.f));
+    }, v = function(c, p) {
+      var b, m = r.meridiem;
+      if (m) {
+        for (var D = 1; D <= 24; D += 1)
+          if (c.indexOf(m(D, 0, p)) > -1) {
+            b = D > 12;
+            break;
+          }
+      } else
+        b = c === (p ? "pm" : "PM");
+      return b;
+    }, O = { A: [l, function(c) {
+      this.afternoon = v(c, !1);
+    }], a: [l, function(c) {
+      this.afternoon = v(c, !0);
+    }], S: [/\d/, function(c) {
+      this.milliseconds = 100 * +c;
+    }], SS: [o, function(c) {
+      this.milliseconds = 10 * +c;
+    }], SSS: [/\d{3}/, function(c) {
+      this.milliseconds = +c;
+    }], s: [s, f("seconds")], ss: [s, f("seconds")], m: [s, f("minutes")], mm: [s, f("minutes")], H: [s, f("hours")], h: [s, f("hours")], HH: [s, f("hours")], hh: [s, f("hours")], D: [s, f("day")], DD: [o, f("day")], Do: [l, function(c) {
+      var p = r.ordinal, b = c.match(/\d+/);
+      if (this.day = b[0], p)
+        for (var m = 1; m <= 31; m += 1)
+          p(m).replace(/\[|\]/g, "") === c && (this.day = m);
+    }], M: [s, f("month")], MM: [o, f("month")], MMM: [l, function(c) {
+      var p = g("months"), b = (g("monthsShort") || p.map(function(m) {
+        return m.slice(0, 3);
+      })).indexOf(c) + 1;
+      if (b < 1)
+        throw new Error();
+      this.month = b % 12 || b;
+    }], MMMM: [l, function(c) {
+      var p = g("months").indexOf(c) + 1;
+      if (p < 1)
+        throw new Error();
+      this.month = p % 12 || p;
+    }], Y: [/[+-]?\d+/, f("year")], YY: [o, function(c) {
+      this.year = h(c);
+    }], YYYY: [/\d{4}/, f("year")], Z: u, ZZ: u };
+    function x(c) {
+      var p, b;
+      p = c, b = r && r.formats;
+      for (var m = (c = p.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(P, H, S) {
+        var T = S && S.toUpperCase();
+        return H || b[S] || n[S] || b[T].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(A, M, R) {
+          return M || R.slice(1);
+        });
+      })).match(a), D = m.length, I = 0; I < D; I += 1) {
+        var Y = m[I], N = O[Y], L = N && N[0], $ = N && N[1];
+        m[I] = $ ? { regex: L, parser: $ } : Y.replace(/^\[|\]$/g, "");
+      }
+      return function(P) {
+        for (var H = {}, S = 0, T = 0; S < D; S += 1) {
+          var A = m[S];
+          if (typeof A == "string")
+            T += A.length;
+          else {
+            var M = A.regex, R = A.parser, K = P.slice(T), B = M.exec(K)[0];
+            R.call(H, B), P = P.replace(B, "");
+          }
+        }
+        return function(z) {
+          var E = z.afternoon;
+          if (E !== void 0) {
+            var j = z.hours;
+            E ? j < 12 && (z.hours += 12) : j === 12 && (z.hours = 0), delete z.afternoon;
+          }
+        }(H), H;
+      };
+    }
+    return function(c, p, b) {
+      b.p.customParseFormat = !0, c && c.parseTwoDigitYear && (h = c.parseTwoDigitYear);
+      var m = p.prototype, D = m.parse;
+      m.parse = function(I) {
+        var Y = I.date, N = I.utc, L = I.args;
+        this.$u = N;
+        var $ = L[1];
+        if (typeof $ == "string") {
+          var P = L[2] === !0, H = L[3] === !0, S = P || H, T = L[2];
+          H && (T = L[2]), r = this.$locale(), !P && T && (r = b.Ls[T]), this.$d = function(K, B, z) {
+            try {
+              if (["x", "X"].indexOf(B) > -1)
+                return new Date((B === "X" ? 1e3 : 1) * K);
+              var E = x(B)(K), j = E.year, V = E.month, Fe = E.day, Ne = E.hours, Pe = E.minutes, Re = E.seconds, ze = E.milliseconds, ye = E.zone, J = /* @__PURE__ */ new Date(), G = Fe || (j || V ? 1 : J.getDate()), X = j || J.getFullYear(), q = 0;
+              j && !V || (q = V > 0 ? V - 1 : J.getMonth());
+              var Q = Ne || 0, ee = Pe || 0, te = Re || 0, ne = ze || 0;
+              return ye ? new Date(Date.UTC(X, q, G, Q, ee, te, ne + 60 * ye.offset * 1e3)) : z ? new Date(Date.UTC(X, q, G, Q, ee, te, ne)) : new Date(X, q, G, Q, ee, te, ne);
+            } catch {
+              return /* @__PURE__ */ new Date("");
+            }
+          }(Y, $, N), this.init(), T && T !== !0 && (this.$L = this.locale(T).$L), S && Y != this.format($) && (this.$d = /* @__PURE__ */ new Date("")), r = {};
+        } else if ($ instanceof Array)
+          for (var A = $.length, M = 1; M <= A; M += 1) {
+            L[1] = $[M - 1];
+            var R = b.apply(this, L);
+            if (R.isValid()) {
+              this.$d = R.$d, this.$L = R.$L, this.init();
+              break;
+            }
+            M === A && (this.$d = /* @__PURE__ */ new Date(""));
+          }
+        else
+          D.call(this, I);
+      };
+    };
+  });
+})(Me);
+const Jt = Me.exports, Gt = ':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}', Xt = Gt;
+Z.extend(Jt);
+const Qt = class {
+  constructor(e) {
+    y(this, e), this.timeChange = w(this, "timeChange", 7), this.formError = w(this, "formError", 7), this.time = void 0, this.minimumStartTime = null, this.placeholder = "hh:mmam/pm", this.name = void 0, this.hasError = !1, this.err = "", this.showTimes = !1, this.ariaActivedescendant = "", this.times = this.generateTimes(), this.shouldAutoScroll = !1;
+  }
+  handleOutsideClick(e) {
+    !e.composedPath().includes(this.el) && this.showTimes && (this.showTimes = !1);
+  }
+  minimumStartTimeChangedHandler() {
+    if (this.minimumStartTime) {
+      let e = Z().hour(parseInt(this.minimumStartTime)).minute(parseInt(this.minimumStartTime.slice(-4, -2)));
+      this.minimumStartTime.slice(-2).toLowerCase() === "pm" && parseInt(this.minimumStartTime) !== 12 ? e = e.add(12, "hour") : this.minimumStartTime.slice(-2).toLowerCase() === "am" && parseInt(this.minimumStartTime) === 12 && (e = e.subtract(12, "hour")), this.times = this.generateTimes();
+      const t = Z(this.times[0].value, "hh:mma");
+      Z(this.time, "hh:mma").isBefore(t) && (this.err = "Invalid", this.formError.emit({
+        key: this.el.id,
+        message: "Invalid"
+      }));
+    }
+  }
+  componentDidRender() {
+    if (this.showTimes && this.shouldAutoScroll) {
+      const e = ae(this.time), t = this.times.findIndex((n) => n.value === e);
+      t > -1 && (this.shouldAutoScroll = !1, this.scrollToViewWithinParent(t));
+      return;
+    }
+  }
+  handleTimeChange(e, t) {
+    const n = t.split(":");
+    n[0] === "00" && n[1].slice(-2) == "pm" && (this.err = "Invalid", this.formError.emit({
+      key: this.el.id,
+      message: "Invalid"
+    })), ie(t) ? (this.err = "", this.formError.emit({
+      key: this.el.id,
+      message: ""
+    })) : (this.err = "Invalid", this.formError.emit({
+      key: this.el.id,
+      message: "Invalid"
+    })), this.timeChange.emit({
+      key: this.el.id,
+      value: t
+    });
+  }
+  handleTimeAutocomplete(e) {
+    var n;
+    const t = (n = e.target) == null ? void 0 : n.value;
+    if (!ie(t)) {
+      this.err = "Invalid", this.formError.emit({
+        key: this.el.id,
+        message: "Invalid"
+      });
+      return;
+    }
+    if (t === "") {
+      const a = ve().format("hh:mma");
+      this.timeChange.emit({
+        key: this.el.id,
+        value: a
+      });
+      return;
+    }
+    if (!xe(t)) {
+      const a = ae(t);
+      this.timeChange.emit({
+        key: this.el.id,
+        value: a
+      });
+      return;
+    }
+    this.timeChange.emit({
+      key: this.el.id,
+      value: t
+    });
+  }
+  handleOnInput(e) {
+    var n;
+    const t = (n = e.target) == null ? void 0 : n.value;
+    if (ie(t)) {
+      if (t === "") {
+        const a = ve().format("hh:mma"), o = this.times.findIndex((s) => s.value === a);
+        o > -1 && this.scrollToViewWithinParent(o);
+        return;
+      }
+      if (!xe(t)) {
+        const a = ae(t), o = this.times.findIndex((s) => s.value === a);
+        o > -1 && this.scrollToViewWithinParent(o);
+        return;
+      }
+    }
+  }
+  generateTimes() {
+    const e = [];
+    let t = Z().set("hour", 0).set("minute", 0).set("second", 0);
+    this.minimumStartTime && (t = Z(this.minimumStartTime, "hh:mma"));
+    const n = t.endOf("day").diff(t, "minutes"), a = Math.round(n / 15);
+    for (let o = 0; o < a + 1; o++) {
+      const s = t.add(o * 15, "minute");
+      if (o == a && s.format("hh:mma").includes("am"))
+        break;
+      e.push({ id: o, value: s.format("hh:mma") });
+    }
+    return e;
+  }
+  handleComboboxKeyDown(e) {
+    if (e.key === "ArrowDown") {
+      if (e.preventDefault(), !this.showTimes) {
+        this.showTimes = !0, this.shouldAutoScroll = !0;
+        return;
+      }
+      if (this.ariaActivedescendant === "")
+        this.ariaActivedescendant = this.times[0].id.toString(), this.focusOption(0);
+      else {
+        const t = this.times.findIndex((a) => a.id.toString() === this.ariaActivedescendant), n = t + 1 < this.times.length ? t + 1 : 0;
+        this.ariaActivedescendant = this.times[n].id.toString(), this.focusOption(n);
+      }
+    } else if (e.key === "ArrowUp")
+      if (e.preventDefault(), this.ariaActivedescendant === "")
+        this.ariaActivedescendant = this.times[this.times.length - 1].id.toString(), this.focusOption(this.times.length - 1);
+      else {
+        const t = this.times.findIndex((a) => a.id.toString() === this.ariaActivedescendant), n = t - 1 >= 0 ? t - 1 : this.times.length - 1;
+        this.ariaActivedescendant = this.times[n].id.toString(), this.focusOption(n);
+      }
+    else
+      e.key === "Escape" && (this.showTimes = !1, this.timeInput.focus());
+  }
+  handleListboxKeydown(e) {
+    const t = this.times, n = t.findIndex((a) => a.id.toString() === this.ariaActivedescendant);
+    if (e.key === "ArrowDown" || e.key === "Tab" && !e.shiftKey) {
+      e.preventDefault();
+      const a = n + 1 < t.length ? n + 1 : 0;
+      this.ariaActivedescendant = t[a].id.toString(), this.focusOption(a);
+    } else if (e.key === "ArrowUp" || e.key === "Tab" && e.shiftKey) {
+      e.preventDefault();
+      const a = n - 1 >= 0 ? n - 1 : t.length - 1;
+      this.ariaActivedescendant = t[a].id.toString(), this.focusOption(a);
+    } else if (e.key === "Enter") {
+      if (e.preventDefault(), this.ariaActivedescendant) {
+        const a = t[n];
+        this.handleTimeChange(e, a.value), this.showTimes = !1, this.ariaActivedescendant = "", this.timeInput.focus();
+      }
+    } else
+      e.key === "Escape" && (this.showTimes = !1, this.timeInput.focus());
+  }
+  scrollToViewWithinParent(e) {
+    var l;
+    const t = this.times[e], n = (l = this.el.shadowRoot) == null ? void 0 : l.getElementById(t.id.toString()), a = this.timeMenu;
+    this.ariaActivedescendant = t.id.toString();
+    const o = n.getBoundingClientRect(), s = a.getBoundingClientRect();
+    o.top < s.top ? a.scrollTop -= s.top - o.top : o.bottom > s.bottom && (a.scrollTop += o.bottom - s.bottom), o.left < s.left ? a.scrollLeft -= s.left - o.left : o.right > s.right && (a.scrollLeft += o.right - s.right);
+  }
+  focusOption(e) {
+    var o;
+    const t = this.times[e];
+    if (!t)
+      return;
+    const n = t.id.toString(), a = (o = this.el.shadowRoot) == null ? void 0 : o.getElementById(n);
+    a && (a.focus(), a.scrollIntoView({ behavior: "smooth", block: "nearest" }));
+  }
+  render() {
+    return i(k, { key: "4a03bc9829bace5ed02129d99e12b6042f49386c" }, i("div", { key: "ccc660e6cd8727226b7418ee20fe700812f7c70b", class: "time-picker", part: "time-picker" }, i("input", { key: "24be2b42322194545575045f5624ac78bf8c643e", 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: this.time, onClick: () => {
+      this.showTimes = !0, this.shouldAutoScroll = !0;
+    }, "aria-haspopup": "listbox", "aria-label": this.name, "aria-expanded": this.showTimes ? "true" : "false", placeholder: this.placeholder, onKeyDown: (e) => this.handleComboboxKeyDown(e), onInput: (e) => this.handleOnInput(e), onBlur: (e) => this.handleTimeAutocomplete(e) }), this.err && i("div", { class: "invalid-time-icon" }), this.showTimes && i("div", { class: "times", part: "times", ref: (e) => this.timeMenu = e }, i("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: (e) => this.handleListboxKeydown(e) }, this.times.map((e) => i("li", { tabindex: "0", key: e.id, id: e.id.toString(), class: {
+      focused: this.ariaActivedescendant === e.id.toString()
+    }, onClick: (t) => {
+      this.handleTimeChange(t, e.value), this.showTimes = !1, this.timeInput.focus();
+    }, role: "option" }, `${e.value}`)))), !this.showTimes && this.err && i("p", { class: "error", id: "email-error" }, this.err)));
+  }
+  get el() {
+    return _(this);
+  }
+  static get watchers() {
+    return {
+      minimumStartTime: ["minimumStartTimeChangedHandler"]
+    };
+  }
+};
+Qt.style = Xt;
+export {
+  Ye as add_circle_icon,
+  qe as button_component,
+  Xe as calendar_info_icon,
+  tt as calendar_patterns_icon,
+  it as flow_icon,
+  lt as location_icon,
+  ct as location_off_icon,
+  ut as multi_select_dropdown,
+  _e as nylas_availability_picker,
+  Ce as nylas_booking_calendar_picker,
+  Te as nylas_buffer_time,
+  Ee as nylas_calendar_picker,
+  Oe as nylas_event_description,
+  Se as nylas_event_duration,
+  De as nylas_event_info,
+  Ie as nylas_event_limits,
+  Le as nylas_event_title,
+  $e as nylas_limit_future_bookings,
+  He as nylas_location_component,
+  Ae as nylas_min_cancellation_notice,
+  Qt as nylas_time_window_picker
+};