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

package/dist/add-circle-icon_13.entry-ab84be80.js

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