@nylas/react 2.1.0 → 2.2.1

package/dist/checkmark-icon_15.entry-4c3979db.js

@@ -1,1415 +0,0 @@
-import { r as b, h as l, c as m, g as x, H as C } from "./index-025be398.js";
-import { R as w } from "./register-component-3acd57e7-cb09c05e.js";
-import { b as d, K as q, i as c, q as R, L as S, H as V, M } from "./utils-31933f5d-15041585.js";
-import { E as k, P as E, f as J } from "./constants-f51538ef-e0a5f026.js";
-import "@nylas/web-elements";
-import "react";
-import "@nylas/connect";
-import "react/jsx-runtime";
-import "react-dom";
-const G = ".sc-checkmark-icon-h{display:flex}", X = G, Q = class {
-  constructor(e) {
-    b(this, e), this.width = "18", this.height = "14";
-  }
-  render() {
-    return l("svg", { key: "a739b30f83d6510e6644045ba736860eb524c838", width: this.width, height: this.height, viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, l("path", { key: "9621004de9b8789eab6f4d0616ae0ff25124fd44", d: "M1.53033 7.46967C1.23744 7.17678 0.762563 7.17678 0.46967 7.46967C0.176777 7.76256 0.176777 8.23744 0.46967 8.53033L4.96967 13.0303C5.26256 13.3232 5.73744 13.3232 6.03033 13.0303L17.0303 2.03033C17.3232 1.73744 17.3232 1.26256 17.0303 0.96967C16.7374 0.676777 16.2626 0.676777 15.9697 0.96967L5.5 11.4393L1.53033 7.46967Z", fill: "#293056" }));
-  }
-};
-Q.style = X;
-const Y = ".sc-copy-icon-h{display:flex}", ee = Y, te = class {
-  constructor(e) {
-    b(this, e), this.width = "16", this.height = "16";
-  }
-  render() {
-    return l("svg", { key: "af5249494e43163c59f43f0e21ff4a9063566023", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, l("path", { key: "d1b78a39d0dd7ce2a3823d54e2e0dbd5f260c188", d: "M4 0.75C2.89543 0.75 2 1.64543 2 2.75V12.75C2 13.8546 2.89543 14.75 4 14.75H10C11.1046 14.75 12 13.8546 12 12.75V2.75C12 1.64543 11.1046 0.75 10 0.75H4ZM3 2.75C3 2.19772 3.44772 1.75 4 1.75H10C10.5523 1.75 11 2.19772 11 2.75V12.75C11 13.3023 10.5523 13.75 10 13.75H4C3.44772 13.75 3 13.3023 3 12.75V2.75ZM0 4.75001C0 4.00973 0.402199 3.36339 1 3.01758V13.25C1 14.6307 2.11929 15.75 3.5 15.75H9.73244C9.38663 16.3478 8.74028 16.75 8 16.75H3.5C1.567 16.75 0 15.183 0 13.25V4.75001Z", fill: "currentColor" }));
-  }
-};
-te.style = ee;
-const ne = ".sc-dragable-icon-h{display:flex}", ae = ne, oe = class {
-  constructor(e) {
-    b(this, e), this.width = "20", this.height = "20";
-  }
-  render() {
-    return l("svg", { key: "e4d3ba685832139b22eb5b024479e22f2ddfc811", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, l("path", { key: "68f15598ca1251c3926a3b88adb0947f1a5b6b4a", d: "M15.5 18C16.3284 18 17 18.6716 17 19.5C17 20.3284 16.3284 21 15.5 21C14.6716 21 14 20.3284 14 19.5C14 18.6716 14.6716 18 15.5 18ZM8.5 18C9.32843 18 10 18.6716 10 19.5C10 20.3284 9.32843 21 8.5 21C7.67157 21 7 20.3284 7 19.5C7 18.6716 7.67157 18 8.5 18ZM15.5 11C16.3284 11 17 11.6716 17 12.5C17 13.3284 16.3284 14 15.5 14C14.6716 14 14 13.3284 14 12.5C14 11.6716 14.6716 11 15.5 11ZM8.5 11C9.32843 11 10 11.6716 10 12.5C10 13.3284 9.32843 14 8.5 14C7.67157 14 7 13.3284 7 12.5C7 11.6716 7.67157 11 8.5 11ZM15.5 4C16.3284 4 17 4.67157 17 5.5C17 6.32843 16.3284 7 15.5 7C14.6716 7 14 6.32843 14 5.5C14 4.67157 14.6716 4 15.5 4ZM8.5 4C9.32843 4 10 4.67157 10 5.5C10 6.32843 9.32843 7 8.5 7C7.67157 7 7 6.32843 7 5.5C7 4.67157 7.67157 4 8.5 4Z", fill: "currentColor" }));
-  }
-};
-oe.style = ae;
-const se = ".sc-eye-icon-h{display:flex}", le = se, ie = class {
-  constructor(e) {
-    b(this, e), this.width = "17", this.height = "10";
-  }
-  render() {
-    return l("svg", { key: "2b2a63f9602d85c9661986eb2dd8e220a02e5570", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, l("path", { key: "8609bab91f97b282d80282736ce38f895e7b6fc1", d: "M1.75909 6.60214C2.44254 3.32689 5.29437 1 8.50002 1C11.7057 1 14.5574 3.32688 15.2409 6.60215C15.2974 6.87246 15.5622 7.04587 15.8325 6.98946C16.1029 6.93304 16.2763 6.66817 16.2199 6.39785C15.4425 2.67312 12.1934 0 8.50002 0C4.8066 0 1.55742 2.67311 0.780175 6.39786C0.723767 6.66818 0.897177 6.93305 1.1675 6.98946C1.43782 7.04587 1.70268 6.87246 1.75909 6.60214ZM8.5 3C6.567 3 5 4.567 5 6.5C5 8.433 6.567 10 8.5 10C10.433 10 12 8.433 12 6.5C12 4.567 10.433 3 8.5 3ZM6 6.5C6 5.11929 7.11929 4 8.5 4C9.88071 4 11 5.11929 11 6.5C11 7.88071 9.88071 9 8.5 9C7.11929 9 6 7.88071 6 6.5Z", fill: "currentColor" }));
-  }
-};
-ie.style = le;
-const re = ".sc-feedback-icon-h{display:flex}", ce = re, de = class {
-  constructor(e) {
-    b(this, e), this.width = "11", this.height = "14";
-  }
-  render() {
-    return l("svg", { key: "0cef0443a3b22ffa2bd9be587f55175bef8557cf", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, l("path", { key: "20631452d3f3bc031b79d3337eda08143db490e4", d: "M0.5 8.875C0.5 8.875 1.125 8.25 3 8.25C4.875 8.25 6.125 9.5 8 9.5C9.875 9.5 10.5 8.875 10.5 8.875V1.375C10.5 1.375 9.875 2 8 2C6.125 2 4.875 0.75 3 0.75C1.125 0.75 0.5 1.375 0.5 1.375V8.875ZM0.5 8.875V13.25", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }));
-  }
-};
-de.style = ce;
-const fe = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:100%}@media screen and (max-width: 768px){:host{position:unset}}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0}label .error{color:var(--nylas-error)}.color-picker-container{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%;width:-moz-available;width:-webkit-fill-available;padding-left:0;gap:0;overflow:hidden}.color-picker-container:focus{outline-color:var(--nylas-primary)}.color-picker-container.error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}.color-picker-container.error::placeholder{font-weight:400}.color-picker-container::placeholder{color:var(--nylas-base-300)}.color-picker-container input{display:flex;align-items:center;height:100%;appearance:none;border:none;border-right:1px solid var(--nylas-base-200);background:transparent}.color-picker-container input::-webkit-color-swatch{min-width:30px;border-radius:0.25rem;border:1px solid var(--nylas-base-200);margin:0.25rem}.color-picker-container input::-moz-color-swatch{min-width:30px;border-radius:0.25rem;border:1px solid var(--nylas-base-200);margin:0.25rem}.color-picker-container.error{border:1px solid var(--nylas-error)}.color-picker-container:hover,.color-picker-container:active{outline:1px solid var(--nylas-primary)}.color-picker-container:active{outline:2px solid var(--nylas-primary)}.color-picker-container label{width:100%}.labelBtn{color:var(--nylas-base-800);padding:14px;font-size:16px;font-family:var(--nylas-font-family);cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;width:100%;gap:0.5rem;background:transparent;border:none}.labelBtn.error{border:1px solid var(--nylas-error)}.labelBtn.focus{background:transparent}.labelBtn:hover,.labelBtn:active{outline:1px solid var(--nylas-primary)}.labelBtn span.chevron{display:flex;align-self:center}.labelBtn span.open{transform:rotate(90deg)}.labelBtn span.closed{transform:rotate(270deg)}.labelBtn span.selected-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:144px;font-size:14px;line-height:20px}@media screen and (max-width: 768px){.labelBtn span.selected-option{max-width:124px;font-size:16px}}', pe = fe, ye = class {
-  constructor(e) {
-    b(this, e), this.nylasFormDropdownChanged = m(this, "nylasFormDropdownChanged", 7), this.componentType = "color-picker", this.name = void 0, this.defaultSelectedColor = void 0, this.selectedColor = this.defaultSelectedColor, this.isOpen = !1, this.ariaActivedescendant = "", this.errorMessage = "";
-  }
-  componentWillLoad() {
-    this.selectedColor = this.defaultSelectedColor, this.el.setAttribute("component-type", this.componentType);
-  }
-  handleFocus() {
-    this.isOpen = !0;
-  }
-  handleBlur() {
-    this.isOpen = !1;
-  }
-  handleInput(e) {
-    this.selectedColor = e.target.value;
-  }
-  handleChange(e) {
-    this.selectedColor = e.target.value, this.nylasFormDropdownChanged.emit({
-      value: this.selectedColor,
-      name: this.name,
-      error: this.errorMessage
-    });
-  }
-  handleKeyDown(e) {
-    var t;
-    (e.code === "Enter" || e.code === "Space") && (e.preventDefault(), (t = this.inputRef) == null || t.click());
-  }
-  handleOutsideClick(e) {
-    !e.composedPath().includes(this.el) && this.isOpen && (this.isOpen = !1);
-  }
-  render() {
-    return l("div", { key: "354f7c502fadd2c6a30619365b9939523d9cd770", class: "color-picker-container", part: "icp_color-picker", tabindex: "0", onKeyDown: (e) => this.handleKeyDown(e) }, l("input", { key: "cc5803d2e90064b15137717043581f24cf80fda3", type: "color", ref: (e) => this.inputRef = e, id: this.name, name: this.name, value: this.selectedColor, tabindex: "-1", onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), onInput: (e) => this.handleInput(e), onChange: (e) => this.handleChange(e), onKeyDown: (e) => this.handleKeyDown(e) }), l("label", { key: "75e26e605a36d5a3505f41dbdad576484b14ac43", part: "icp_color-picker-button", htmlFor: this.name, class: { labelBtn: !0, open: this.isOpen, error: !!this.errorMessage }, "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? "true" : "false", "aria-label": this.name }, l("span", { key: "9a321653073ef9aa8a9372e291bd04244b6dfe46", class: "selected-option", part: "icp_color-picker-button-selected-label" }, this.selectedColor || "Select a color"), l("span", { key: "62ed4fb1337b47735c823b8e164bb8bb57325ffd", class: {
-      open: this.isOpen,
-      closed: !this.isOpen,
-      chevron: !0
-    }, "aria-hidden": "true" }, l("chevron-icon", { key: "5c304ff53cfc6d3632f4fbbd8415c318301b4e38", width: "16", height: "16" })), this.errorMessage && l("span", { class: "error help-text" }, this.errorMessage)));
-  }
-  get el() {
-    return x(this);
-  }
-};
-ye.style = pe;
-const he = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.logo-container{display:flex;flex-direction:row;gap:2rem}.logo-container .input-container{flex:1}.logo-container .input-container span.error-message{color:var(--nylas-error)}.logo-container .logo{display:flex;justify-content:center;align-items:center;width:200px;height:100px;border:var(--nylas-base-200) solid 1px;border-radius:var(--nylas-border-radius-2x);overflow:hidden;padding:10px}.logo-container .logo img{max-height:100%;max-width:100%;object-fit:contain;object-position:center}', ue = he;
-var be = function(e, t, n, o) {
-  var r = arguments.length, s = r < 3 ? t : o === null ? o = Object.getOwnPropertyDescriptor(t, n) : o, a;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, o);
-  else
-    for (var i = e.length - 1; i >= 0; i--)
-      (a = e[i]) && (s = (r < 3 ? a(s) : r > 3 ? a(t, n, s) : a(t, n)) || s);
-  return r > 3 && s && Object.defineProperty(t, n, s), s;
-}, O = function(e, t) {
-  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
-    return Reflect.metadata(e, t);
-};
-const N = class {
-  constructor(e) {
-    b(this, e), this.nylasFormInputImageUrlInvalid = m(this, "nylasFormInputImageUrlInvalid", 7), this.valueChanged = m(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.componentType = "image-url", this.imageUrl = "", this.themeConfig = void 0, this.errorMessage = "", this.name = "input-image-url", this.currentImageUrl = this.imageUrl, this.error = "";
-  }
-  connectedCallback() {
-    d("nylas-image-input", "connectedCallback");
-  }
-  disconnectedCallback() {
-    d("nylas-image-input", "disconnectedCallback");
-  }
-  componentWillLoad() {
-    d("nylas-image-input", "componentWillLoad"), this.host.setAttribute("name", this.name), this.host.setAttribute("component-type", this.componentType);
-  }
-  componentDidLoad() {
-    d("nylas-image-input", "componentDidLoad"), this.currentImageUrl = this.imageUrl, this.setImage(this.imageUrl, !1), this.applyThemeConfig(this.themeConfig);
-  }
-  componentWillUpdate() {
-    d("nylas-image-input", "componentWillUpdate");
-  }
-  componentDidUpdate() {
-    d("nylas-image-input", "componentDidUpdate");
-  }
-  componentWillRender() {
-    d("nylas-image-input", "componentWillRender");
-  }
-  componentDidRender() {
-    d("nylas-image-input", "componentDidRender");
-  }
-  elementNameChangedHandler(e) {
-    d("nylas-image-input", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
-  }
-  errorMessageChangedHandler(e) {
-    d("nylas-image-input", "errorMessageChangedHandler", e), this.error && (this.error = e);
-  }
-  themeConfigChangedHandler(e, t) {
-    e !== t && this.applyThemeConfig(e);
-  }
-  applyThemeConfig(e) {
-    if (e)
-      for (const [t, n] of Object.entries(e))
-        this.host.style.setProperty(`${t}`, n);
-  }
-  async nylasFormInputChangedHandler(e) {
-    const { name: t, value: n } = e.detail;
-    t === this.name && this.setImage(n);
-  }
-  async nylasFormInputBlurHandler(e) {
-    const { name: t, value: n } = e.detail;
-    t === this.name && this.setImage(n);
-  }
-  setImage(e, t = !0) {
-    this.error = "", q(e).then(() => {
-      this.currentImageUrl = e, this.internals.setValidity({}), this.internals.setFormValue(this.currentImageUrl, this.name), t && this.valueChanged.emit({ value: this.currentImageUrl, name: this.name });
-    }).catch(() => {
-      this.error = this.errorMessage || "Invalid image URL.", this.nylasFormInputImageUrlInvalid.emit({ value: this.error, name: this.name }), typeof this.internals.setValidity == "function" && this.internals.setValidity({ customError: !0 }, this.error);
-    });
-  }
-  render() {
-    return l(C, { key: "3ba309394a934b49e5fe958b2b35689db17ed25a" }, l("div", { key: "35364f7a937b885e295814931619162caf41b849", class: "logo-container" }, l("div", { key: "7b4714a223160fb8700f9ea240c96a86370360dd", class: "input-container" }, l("input-component", { key: "443b31dfa78de24cf3720bc985a0d8a723ea0f85", name: this.name, id: this.name, type: "text", required: !1, themeConfig: this.themeConfig, exportparts: "ic_input: iiu__logo-input-textfield", defaultValue: this.imageUrl ?? "" }), this.error && l("span", { class: "error-message" }, this.error)), this.currentImageUrl && !this.error && l("div", { class: "logo" }, l("img", { src: this.currentImageUrl, alt: "Logo" }))));
-  }
-  static get formAssociated() {
-    return !0;
-  }
-  get host() {
-    return x(this);
-  }
-  static get watchers() {
-    return {
-      name: ["elementNameChangedHandler"],
-      errorMessage: ["errorMessageChangedHandler"],
-      themeConfig: ["themeConfigChangedHandler"]
-    };
-  }
-};
-be([
-  w({
-    name: "nylas-image-input",
-    eventToProps: {
-      valueChanged: async (e, t) => {
-        const { valueChanged: n } = e.detail;
-        n && n(e);
-      }
-    }
-  }),
-  O("design:type", Function),
-  O("design:paramtypes", []),
-  O("design:returntype", void 0)
-], N.prototype, "render", null);
-N.style = ue;
-const ge = ':host{display:block;margin:1rem;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-additional-participants__title{color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-additional-participants__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-additional-participants__content{padding:1rem;display:flex;flex-direction:column;gap:1rem;background-color:var(--nylas-base-25)}.nylas-additional-participants__input_group{padding-top:8px;display:flex;flex-direction:column;gap:4px}.nylas-additional-participants__input_group label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:150%}.nylas-additional-participants__input_group label span.org-as-participant{width:max-content}.nylas-additional-participants__error{color:var(--nylas-error);font-size:14px;font-family:var(--nylas-font-family);font-weight:400;line-height:16px;margin:0;text-align:left}.nylas-additional-participants__input_wrapper{display:flex;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-300)}.nylas-additional-participants__input_wrapper.error{border-color:var(--nylas-error)}.nylas-additional-participants__input_wrapper button{padding:12px;border:none;border-left:1px solid var(--nylas-base-300);background:none;cursor:pointer;color:var(--nylas-base-800)}.nylas-additional-participants__input_wrapper button:hover,.nylas-additional-participants__input_wrapper button:active{color:var(--nylas-primary)}.nylas-additional-participants__input_wrapper_organizer{border:none}.nylas-additional-participants__input{flex:1;display:flex;justify-content:space-between}.nylas-additional-participants__input input{border:none;outline:none;background:none;width:100%}.nylas-additional-participants__input input-dropdown{width:100%}.nylas-additional-participants__input input-dropdown::part(id_dropdown){width:100%;height:100%}.nylas-additional-participants__input input-dropdown::part(id_dropdown-input){height:100%;border-radius:var(--nylas-border-radius-2x);border:none;border-top-right-radius:initial;border-bottom-right-radius:initial;padding-left:16px}.nylas-additional-participants__input input-component::part(ic__input){background:var(--nylas-base-50)}.nylas-additional-participants__input input-component::part(ic__label){font-size:14px}.nylas-additional-participants__input input-component div.required-input{display:flex;gap:4px}.nylas-additional-participants__input input-component div.required-input label{display:flex;gap:4px;align-items:center}.nylas-additional-participants__input input-component div.required-input label tooltip-component#organizer_participant_tooltip::part(tc__content){left:-84px}.nylas-additional-participants__add{padding:12px;display:flex;align-items:center;border:none;background:none;cursor:pointer;color:var(--nylas-base-800)}.nylas-additional-participants__add span{padding:0 8px;font-size:16px;font-style:normal;font-weight:500}.nylas-additional-participants__add:hover,.nylas-additional-participants__add:active{color:var(--nylas-primary)}', me = ge;
-var ve = function(e, t, n, o) {
-  var r = arguments.length, s = r < 3 ? t : o === null ? o = Object.getOwnPropertyDescriptor(t, n) : o, a;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, o);
-  else
-    for (var i = e.length - 1; i >= 0; i--)
-      (a = e[i]) && (s = (r < 3 ? a(s) : r > 3 ? a(t, n, s) : a(t, n)) || s);
-  return r > 3 && s && Object.defineProperty(t, n, s), s;
-}, I = function(e, t) {
-  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
-    return Reflect.metadata(e, t);
-};
-const z = class {
-  constructor(e) {
-    b(this, e), this.valueChanged = m(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 = "participants", this.selectedConfiguration = void 0, this.currentUser = void 0, this.currentUserCalendars = void 0, this.participantOptions = void 0, this.eventParticipants = void 0, this.roundRobinConfig = void 0, this.selectedLanguage = void 0, this.themeConfig = void 0, this.participants = this.eventParticipants ?? [], this.participantErrors = {}, this.includeOrganizerAsParticipant = !0, this.isRoundRobinConfig = !1, this.error = "", this.requiredError = "", this.patternError = "";
-  }
-  elementNameChangedHandler(e) {
-    d("nylas-additional-participants", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
-  }
-  selectedConfigurationAndCurrentUserChangedHandler(e, t, n) {
-    d("nylas-additional-participants", "selectedConfigurationAndCurrentUserChangedHandler", e, this.currentUser), n === "selectedConfiguration" ? this.updateState(e, this.currentUser, !1) : n === "currentUser" && this.updateState(this.selectedConfiguration, e, !1);
-  }
-  selectedLanguageChangedHandler(e, t) {
-    e !== t && (c.changeLanguage(e), this.requiredError = c.t("fieldRequired", { field: c.t("email") }), this.patternError = c.t("invalidInputFormat", { field: c.t("email") }), this.error && (this.error = c.t("nylasAdditionalParticipants.error")));
-  }
-  themeConfigChangedHandler(e, t) {
-    e !== t && this.applyThemeConfig(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.selectedConfiguration ? this.updateState(this.selectedConfiguration, this.currentUser, !1) : this.eventParticipants && (this.participants = this.eventParticipants || [], this.isRoundRobinConfig = this.roundRobinConfig || !1, this.updateFormValue(!0));
-  }
-  disconnectedCallback() {
-    d("nylas-additional-participants", "disconnectedCallback");
-  }
-  updateState(e, t, n = !0) {
-    var o, r, s, a;
-    this.isRoundRobinConfig = (r = (o = e == null ? void 0 : e.availability) == null ? void 0 : o.availability_rules) != null && r.availability_method ? ((a = (s = e == null ? void 0 : e.availability) == null ? void 0 : s.availability_rules) == null ? void 0 : a.availability_method) !== "collective" : !1, this.participants = (e == null ? void 0 : e.participants) || this.eventParticipants || [], this.includeOrganizerAsParticipant = !!(this.isRoundRobinConfig && this.participants.find((i) => i.email === (t == null ? void 0 : t.email))), this.updateOrganizerAsParticipant(n);
-  }
-  get isInternalsAvailable() {
-    return this.internals !== void 0 && typeof this.internals.setFormValue == "function" && typeof this.internals.setValidity == "function";
-  }
-  onInputOptionChanged(e) {
-    var s, a, i, f;
-    d("nylas-additional-participants", "onInputOptionChanged");
-    const t = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/, n = e.detail.name, o = (s = this.participantOptions) == null ? void 0 : s.find((p) => p.email === e.detail.value);
-    if (!o && this.isRoundRobinConfig) {
-      this.isInternalsAvailable && this.internals.setValidity({ customError: !0 }, "For round robin configuration, participant should be selected from the dropdown."), this.participantErrors[n] = "For round robin page, participant should be selected from the dropdown.", this.participants[n].is_valid = !1, this.participants = [...this.participants];
-      return;
-    } else if (!o && !t.test(e.detail.value)) {
-      this.isInternalsAvailable && this.internals.setValidity({ customError: !0 }, c.t("nylasAdditionalParticipants.error_email")), this.participantErrors[n] = c.t("nylasAdditionalParticipants.error_email"), this.participants[n].is_valid = !1, this.participants = [...this.participants];
-      return;
-    } else
-      this.participantErrors[n] = "", this.participants[n].is_valid = !0, this.isInternalsAvailable && this.internals.setValidity({});
-    this.participants[n].email = e.detail.value;
-    const r = (a = o == null ? void 0 : o.calendars) == null ? void 0 : a.find((p) => p.is_primary);
-    this.participants[n].availability = o && (r != null && r.id) ? { calendar_ids: [r.id] } : (i = o == null ? void 0 : o.calendars[0]) != null && i.id ? { calendar_ids: [o.calendars[0].id] } : void 0, this.participants[n].booking = o && this.isRoundRobinConfig && (r != null && r.id) ? { calendar_id: r.id } : this.isRoundRobinConfig && ((f = o == null ? void 0 : o.calendars[0]) != null && f.id) ? { calendar_id: o.calendars[0].id } : void 0, this.participants[n].name = (o == null ? void 0 : o.name) || e.detail.value, this.participants = [...this.participants], this.updateFormValue();
-  }
-  updateOrganizerAsParticipant(e = !0) {
-    var n, o, r, s, a, i, f;
-    const t = this.participants.find((p) => {
-      var h;
-      return p.email === ((h = this.currentUser) == null ? void 0 : h.email);
-    });
-    if (this.isRoundRobinConfig && !t && ((n = this.currentUser) != null && n.email)) {
-      const p = ((r = (o = this.currentUserCalendars) == null ? void 0 : o.find((h) => h.is_primary)) == null ? void 0 : r.id) || ((a = (s = this.currentUserCalendars) == null ? void 0 : s[0]) == null ? void 0 : a.id) || "primary";
-      this.participants = [
-        {
-          name: (i = this.currentUser) == null ? void 0 : i.name,
-          email: (f = this.currentUser) == null ? void 0 : f.email,
-          is_organizer: !0,
-          availability: {
-            calendar_ids: [p]
-          },
-          booking: {
-            calendar_id: p
-          }
-        },
-        ...this.participants
-      ];
-    }
-    this.updateFormValue(e);
-  }
-  addParticipant() {
-    d("nylas-additional-participants", "addParticipant"), this.participants = [...this.participants, { name: "", email: "", is_organizer: !1 }], this.updateFormValue();
-  }
-  removeParticipant(e) {
-    d("nylas-additional-participants", "removeParticipant"), this.participants = this.participants.filter((t, n) => n !== e), this.updateFormValue();
-  }
-  updateFormValue(e = !0) {
-    d("nylas-additional-participants", "updateFormValue");
-    const t = this.isRoundRobinConfig ? this.includeOrganizerAsParticipant ? this.participants : this.participants.filter((n) => !n.is_organizer) : this.participants;
-    t.length === 0 ? (this.error = c.t("nylasAdditionalParticipants.error"), this.isInternalsAvailable && this.internals.setValidity({ customError: !0 }, this.error)) : (this.isInternalsAvailable && this.internals.setValidity({}), this.error = "", this.isInternalsAvailable && this.internals.setFormValue(JSON.stringify(t), this.name), e && this.valueChanged.emit({ value: JSON.stringify(t), name: this.name }));
-  }
-  getArrayDifference(e, t) {
-    return e.filter((o) => !t.some((r) => o.email === r.email)).map((o) => ({ value: o.email, label: o.email }));
-  }
-  applyThemeConfig(e) {
-    if (e)
-      for (const [t, n] of Object.entries(e))
-        this.host.style.setProperty(`${t}`, n);
-  }
-  render() {
-    return l(C, { key: "8f567ae6775e709c0d2046cb0e072039e6aa22f6", part: "nadtnlpart" }, l("nylas-form-card", { key: "9797400fad8fc093f6a909270ddfa7baf192ac8d", exportparts: "nfc, nfc__header", themeConfig: this.themeConfig }, l("h3", { key: "e4a4a618db2fb686a0f307727eafb15fc67e464f", slot: "header-title", class: "nylas-additional-participants__title", part: "nadtnlpart__title" }, c.t("nylasAdditionalParticipants.headerTitle")), l("p", { key: "30fe99e55ec458a1772492d39652072b4df893c6", slot: "header-subtitle", class: "nylas-additional-participants__subtitle", part: "nadtnlpart__subtitle" }, c.t("nylasAdditionalParticipants.headerSubTitle")), l("div", { key: "f5fcde3ccb7493850b02ef17cbfc73e54560c045", slot: "content", class: "nylas-additional-participants__content", part: "nadtnlpart__content" }, l("div", { key: "25f5adaf1b9e1f4c2d4cc3a98e4becba334a34b0" }, this.participants.map((e, t) => l("div", { class: "nylas-additional-participants__input_group", part: "nadtnlpart__input_group" }, !e.is_organizer && l("label", null, `${c.t("nylasAdditionalParticipants.participant")} ${t}`), l("div", { part: "nadtnlpart__input_wrapper", class: {
-      "nylas-additional-participants__input_wrapper": !0,
-      "nylas-additional-participants__input_wrapper_organizer": (e == null ? void 0 : e.is_organizer) === !0,
-      "nylas-additional-participants__input_wrapper_invalid": e.is_valid === !1,
-      error: e.is_valid === !1
-    } }, l("div", { class: { "nylas-additional-participants__input": !0, organizer: (e == null ? void 0 : e.is_organizer) === !0 }, part: "nadtnlpart__input" }, e.is_organizer ? l("input-component", { class: "label-input", name: `${t}`, key: t, label: c.t("nylasAdditionalParticipants.organizer"), required: !1, requiredError: this.requiredError, patternError: this.patternError, readOnly: e.is_organizer, defaultValue: e.email, themeConfig: this.themeConfig }, this.isRoundRobinConfig && l("div", { class: "required-input", slot: "additional-input" }, l("input", { type: "checkbox", name: "organizer_participant", id: "organizer_participant", onClick: () => {
-      this.includeOrganizerAsParticipant = !this.includeOrganizerAsParticipant, this.updateFormValue();
-    }, checked: this.includeOrganizerAsParticipant }), l("label", { htmlFor: "organizer_participant", "aria-label": "Include as participant" }, l("span", { class: "org-as-participant", part: "nadtnlpart__org-as-participant" }, c.t("nylasAdditionalParticipants.organizerAsParticipant")), l("tooltip-component", { id: "organizer_participant_tooltip" }, l("info-icon", { slot: "tooltip-icon" }), l("span", { slot: "tooltip-content" }, l("strong", null, c.t("nylasAdditionalParticipants.tooltip.includeOrganizer"), ":"), " ", c.t("nylasAdditionalParticipants.tooltip.includeOrganizerDesc"), " ", l("br", null), l("strong", null, c.t("nylasAdditionalParticipants.tooltip.excludeOrganizer"), ":"), " ", c.t("nylasAdditionalParticipants.tooltip.excludeOrganizerDesc")))))) : l("input-dropdown", { id: `${t}`, name: `${t}`, filterable: !0, inputValue: e.email, options: this.getArrayDifference(this.participantOptions || [], this.participants), themeConfig: this.themeConfig }), !e.is_organizer && l("button", { onClick: () => this.removeParticipant(t), part: "nadtnlpart__remove-participant" }, l("close-icon", null)))), !e.is_valid && l("p", { class: "nylas-additional-participants__error", part: "nadtnlpart__error" }, this.participantErrors[t]))), l("p", { key: "8878a1424302cbf36cf0a3a3a945c9a2ab63f1cd", class: "nylas-additional-participants__error", part: "nadtnlpart__error" }, this.error)), l("button", { key: "ffc743095240b2b14cedab52178fcec10a5f9d40", class: "nylas-additional-participants__add", part: "nadtnlpart__add-participant", onClick: () => this.addParticipant() }, l("add-circle-icon", { key: "b7c9581fd3aa18b846ae908ca49bbfaebf3f86e0" }), " ", l("span", { key: "9ae4f72925cd53c2fef4600dd6ec806ff513e211" }, this.participants.length > 1 ? c.t("nylasAdditionalParticipants.addParticipant", { context: "next" }) : c.t("nylasAdditionalParticipants.addParticipant", { context: "first" }))))));
-  }
-  static get formAssociated() {
-    return !0;
-  }
-  get host() {
-    return x(this);
-  }
-  static get watchers() {
-    return {
-      name: ["elementNameChangedHandler"],
-      currentUser: ["selectedConfigurationAndCurrentUserChangedHandler"],
-      selectedConfiguration: ["selectedConfigurationAndCurrentUserChangedHandler"],
-      selectedLanguage: ["selectedLanguageChangedHandler"],
-      themeConfig: ["themeConfigChangedHandler"]
-    };
-  }
-};
-ve([
-  w({
-    name: "nylas-additional-participants",
-    stateToProps: /* @__PURE__ */ new Map([
-      ["schedulerConfig.additionalParticipants", "participantOptions"],
-      ["schedulerConfig.selectedConfiguration", "selectedConfiguration"],
-      ["schedulerConfig.currentUser", "currentUser"],
-      ["schedulerConfig.calendars", "currentUserCalendars"],
-      ["schedulerConfig.selectedLanguage", "selectedLanguage"],
-      ["schedulerConfig.themeConfig", "themeConfig"]
-    ]),
-    eventToProps: {},
-    fireRegisterEvent: !0
-  }),
-  I("design:type", Function),
-  I("design:paramtypes", []),
-  I("design:returntype", void 0)
-], z.prototype, "render", null);
-z.style = me;
-const xe = ':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-event-description{display:flex;flex-direction:column;gap:4px;position:relative}.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}.nylas-event-description div.event-description{padding:12px 16px;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);white-space:nowrap;scrollbar-width:thin;min-height:50px;overflow-y:auto;white-space:pre-wrap;line-height:1.5;background-color:var(--nylas-base-0);}.nylas-event-description div.event-description::-webkit-scrollbar{width:6px;height:6px}.nylas-event-description div.event-description.error{border-color:var(--nylas-error);border-width:2px;outline:none}.nylas-event-description span.add-additional-fields{display:flex;align-items:center;gap:8px}.nylas-event-description span.add-additional-fields button-component button{height:35px;background-color:var(--nylas-base-0)}.nylas-event-description span.help-text{display:inline-block;gap:4px;align-items:center;color:var(--nylas-base-500);font-size:14px;font-style:normal;font-weight:400;line-height:21px;position:relative}.nylas-event-description span.help-text span.label-icon{display:inline-block}.nylas-event-description span.help-text span.label-icon tooltip-component::part(tc__container){position:unset}.nylas-event-description span.help-text span.label-icon tooltip-component::part(tc__content){position:absolute;top:4px;left:50%;transform:translateX(-50%)}.nylas-event-description .highlighted-tag{background-color:var(--nylas-base-200);border-radius:var(--nylas-border-radius);padding:2px 5px;margin-left:4px;margin-bottom:4px;display:inline-block;vertical-align:baseline}.nylas-event-description .token-options{display:block;background-color:var(--nylas-base-0);width:100%;max-height:336px;margin-top:28px;overflow:auto;z-index:1;border-radius:4px;position:absolute;bottom:108px;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}@media screen and (max-width: 768px){.nylas-event-description .token-options{right:0;width:325px;max-width:unset}}.nylas-event-description .token-options ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px;margin:0}.nylas-event-description .token-options ul li{padding:16px, 12px, 16px, 12px;color:var(--nylas-base-900);padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.nylas-event-description .token-options ul li .token-label{display:flex;flex-direction:column;font-weight:400}.nylas-event-description .token-options ul li .token-label .token{color:var(--nylas-abse-900);font-size:16px;line-height:24px}.nylas-event-description .token-options ul li .token-label .description{color:var(--nylas-base-600);font-size:14px;line-height:21px}.nylas-event-description .token-options ul li:hover,.nylas-event-description .token-options ul li:focus,.nylas-event-description .token-options ul li:active,.nylas-event-description .token-options ul li.active{background-color:var(--nylas-base-100)}.nylas-event-description .token-options ul li:hover .token-label .token,.nylas-event-description .token-options ul li:focus .token-label .token,.nylas-event-description .token-options ul li:active .token-label .token,.nylas-event-description .token-options ul li.active .token-label .token{color:var(--nylas-primary)}.nylas-event-description .token-options .selected{background-color:var(--nylas-base-100)}', ke = xe;
-var Ce = function(e, t, n, o) {
-  var r = arguments.length, s = r < 3 ? t : o === null ? o = Object.getOwnPropertyDescriptor(t, n) : o, a;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, o);
-  else
-    for (var i = e.length - 1; i >= 0; i--)
-      (a = e[i]) && (s = (r < 3 ? a(s) : r > 3 ? a(t, n, s) : a(t, n)) || s);
-  return r > 3 && s && Object.defineProperty(t, n, s), s;
-}, P = function(e, t) {
-  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
-    return Reflect.metadata(e, t);
-};
-const B = class {
-  constructor(e) {
-    var t, n, o, r;
-    b(this, e), this.valueChanged = m(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 = (n = (t = this.selectedConfiguration) == null ? void 0 : t.event_booking) == null ? void 0 : n.description, this.name = "description", this.selectedLanguage = void 0, this.hideAutoPopulateButton = !1, this.noTemplates = !1, this.themeConfig = void 0, this.description = this.eventDescription || ((r = (o = this.selectedConfiguration) == null ? void 0 : o.event_booking) == null ? void 0 : r.description) || "", this.showTokens = !1, this.availableTokens = k.map((s) => ({
-      label: s.token,
-      value: s.value,
-      labelHTML: s
-    })), this.filteredTokens = this.availableTokens, this.ariaActivedescendant = "", this.currentWord = { $value: "", fullText: "", index: -1, focusOffset: -1 }, this.validationError = "", this.additionalFieldTokens = [];
-  }
-  elementNameChangedHandler(e) {
-    d("nylas-event-description", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
-  }
-  selectedConfigurationChangedHandler(e) {
-    var s, a;
-    d("nylas-custom-booking-flow", "selectedConfigurationChangedHandler", e);
-    const t = ((s = e == null ? void 0 : e.event_booking) == null ? void 0 : s.description) || this.eventDescription || "", n = ((a = e == null ? void 0 : e.scheduler) == null ? void 0 : a.additional_fields) || {}, r = (Object.keys(n) || []).map((i) => ({
-      token: `$${i}`,
-      value: `\${${i}}`,
-      description: n[i].label || ""
-    }));
-    this.additionalFieldTokens = [...r], this.availableTokens = [...k, ...r].map((i) => ({
-      label: i.token,
-      value: i.value,
-      labelHTML: i
-    })), this.filteredTokens = [...this.availableTokens], this.description = t, t && this.updateEventDescriptionFromProp(t);
-  }
-  selectedLanguageChangedHandler(e, t) {
-    if (e === t)
-      return;
-    c.changeLanguage(e);
-    const n = {
-      $invitee: "invitee",
-      $invitee_email: "inviteeEmail",
-      $duration: "duration"
-    };
-    this.availableTokens = this.availableTokens.map((o) => (n[o.label] && (o.labelHTML.description = c.t(`nylasEventTitle.eventTitleTokenDescription.${n[o.label]}`)), o)), this.filteredTokens = [...this.availableTokens];
-  }
-  themeConfigChangedHandler(e, t) {
-    e !== t && this.applyThemeConfig(e);
-  }
-  applyThemeConfig(e) {
-    if (e)
-      for (const [t, n] of Object.entries(e))
-        this.host.style.setProperty(`${t}`, n);
-  }
-  connectedCallback() {
-    d("nylas-event-description", "connectedCallback");
-  }
-  componentWillLoad() {
-    d("nylas-event-description", "componentWillLoad"), this.host.setAttribute("name", this.name);
-  }
-  componentDidLoad() {
-    d("nylas-event-description", "componentDidLoad"), this.selectedConfiguration ? this.selectedConfigurationChangedHandler(this.selectedConfiguration) : (this.description = this.eventDescription || "", this.updateEventDescriptionFromProp(this.description));
-  }
-  disconnectedCallback() {
-    d("nylas-event-description", "disconnectedCallback");
-  }
-  valueChangedHandler(e) {
-    const { name: t, value: n } = e.detail;
-    if (t === "additional-fields") {
-      const o = JSON.parse(n.toString()), s = (Object.keys(o) || []).map((a) => ({
-        token: `$${a}`,
-        value: `\${${a}}`,
-        description: o[a].label || ""
-      }));
-      this.additionalFieldTokens = [...s], this.availableTokens = [...k, ...s].map((a) => ({
-        label: a.token,
-        value: a.value,
-        labelHTML: a
-      })), this.filteredTokens = [...this.availableTokens];
-    }
-  }
-  updateEventDescriptionFromProp(e) {
-    d("nylas-event-description", "updateEventDescriptionFromProp", e);
-    const t = e || this.description;
-    this.descriptionRef && (this.descriptionRef.innerHTML = this.highlightTokens(t));
-  }
-  highlightTokens(e) {
-    let t = e;
-    return [...k, ...this.additionalFieldTokens].forEach((n) => {
-      const o = n.value, r = new RegExp(`(\\${o})(?!\\w)`, "g");
-      t = (t == null ? void 0 : t.replace(r, '<span class="highlighted-tag">$1</span>')) || "";
-    }), t;
-  }
-  getCurrentSelectionForBrowser() {
-    var o, r, s;
-    const e = (a, i, f, p) => {
-      const h = a.replace(/[\u200B-\u200D\uFEFF]/g, ""), y = h.lastIndexOf("$"), u = h.substring(y).split(" ")[0];
-      return {
-        focusOffset: i,
-        dollarIndex: y,
-        lastWord: u,
-        currentText: h,
-        node: f,
-        allSelected: p
-      };
-    }, t = (a) => {
-      var i, f;
-      return a.anchorOffset === 0 && a.focusOffset === ((f = (i = a.focusNode) == null ? void 0 : i.nodeValue) == null ? void 0 : f.length);
-    };
-    switch (M()) {
-      case "Chrome": {
-        const a = (o = this.host.shadowRoot) == null ? void 0 : o.getSelection(), i = a == null ? void 0 : a.focusNode, f = (i == null ? void 0 : i.nodeValue) || "", p = a && t(a);
-        return e(f, (a == null ? void 0 : a.focusOffset) || -1, i, p);
-      }
-      case "Firefox": {
-        const a = document.getSelection(), i = ((r = a == null ? void 0 : a.anchorNode) == null ? void 0 : r.nodeValue) || "", f = a && t(a);
-        return e(i, (a == null ? void 0 : a.focusOffset) || -1, a == null ? void 0 : a.anchorNode, f);
-      }
-      case "Safari": {
-        const a = window.getSelection(), i = a == null ? void 0 : a.getComposedRanges(this.host.shadowRoot)[0], f = ((s = i == null ? void 0 : i.startContainer) == null ? void 0 : s.nodeValue) || "", p = a && t(a);
-        return e(f, (i == null ? void 0 : i.endOffset) || -1, i == null ? void 0 : i.startContainer, p);
-      }
-      default:
-        return console.warn("Browser not supported"), null;
-    }
-  }
-  handleChange(e) {
-    let t = e.target.textContent || "";
-    t = R(t);
-    const n = this.getCurrentSelectionForBrowser();
-    if (!n) {
-      this.updateEventDescription(t), this.resetDropdown();
-      return;
-    }
-    const { focusOffset: o, dollarIndex: r, lastWord: s, currentText: a } = n;
-    if (r === -1 || o < r) {
-      this.updateEventDescription(t), this.resetDropdown();
-      return;
-    }
-    s.startsWith("$") ? (this.showTokens = !0, this.currentWord = {
-      $value: s,
-      fullText: a,
-      index: r,
-      focusOffset: o
-    }, this.populateSuggestionsDropdown(s)) : this.resetDropdown(), this.updateEventDescription(t);
-  }
-  handleInputKeyDown(e) {
-    var n, o, r, s;
-    const t = this.getCurrentSelectionForBrowser();
-    if (t != null && t.allSelected && !S(e) && (this.descriptionRef.innerHTML = ""), e.key === "Enter") {
-      e.preventDefault();
-      const a = (n = this.host.shadowRoot) == null ? void 0 : n.getElementById(this.ariaActivedescendant);
-      if (a)
-        a.click(), this.ariaActivedescendant = "";
-      else {
-        const i = t == null ? void 0 : t.node, f = (t == null ? void 0 : t.focusOffset) || 0;
-        if (!i || f === -1 || this.descriptionRef.childNodes.length === 0) {
-          const p = document.createTextNode(`
-`);
-          this.descriptionRef.insertBefore(p, this.descriptionRef.firstChild);
-          const h = document.createRange();
-          h.setStart(p, 1), h.collapse(!0);
-          const y = window.getSelection();
-          y == null || y.removeAllRanges(), y == null || y.addRange(h);
-        } else if (i.nodeType === Node.TEXT_NODE) {
-          const p = i.nodeValue || "", h = p.slice(0, f) + `
-` + p.slice(f);
-          i.nodeValue = h;
-          const y = document.createRange();
-          y.setStart(i, f + 1), y.collapse(!0);
-          const u = window.getSelection();
-          u == null || u.removeAllRanges(), u == null || u.addRange(y);
-        }
-        this.descriptionRef.focus();
-      }
-    } else if (e.key === "ArrowDown") {
-      this.showTokens && e.preventDefault();
-      const a = (o = this.host.shadowRoot) == null ? void 0 : o.getElementById(this.ariaActivedescendant);
-      if (a) {
-        const i = a.nextElementSibling;
-        i ? this.ariaActivedescendant = i.id : this.ariaActivedescendant = this.filteredTokens[0].label;
-      } else
-        this.ariaActivedescendant = this.filteredTokens[0].label;
-    } else if (e.key === "ArrowUp") {
-      this.showTokens && e.preventDefault();
-      const a = (r = this.host.shadowRoot) == null ? void 0 : r.getElementById(this.ariaActivedescendant);
-      if (a) {
-        const i = a.previousElementSibling;
-        i ? this.ariaActivedescendant = i.id : this.ariaActivedescendant = this.filteredTokens[this.filteredTokens.length - 1].label;
-      } else
-        this.ariaActivedescendant = this.filteredTokens[this.filteredTokens.length - 1].label;
-    } else if (e.key === "Escape")
-      e.preventDefault(), this.resetDropdown();
-    else if (e.key === "Backspace" || e.key === "Delete") {
-      const a = (s = t == null ? void 0 : t.node) == null ? void 0 : s.parentNode;
-      t != null && t.currentText.startsWith("${") && a && a.nodeName === "SPAN" && (e.preventDefault(), a.removeChild(t.node), a.remove(), this.resetDropdown()), (this.descriptionRef.textContent === "" || t != null && t.allSelected) && (this.descriptionRef.innerHTML = "", this.updateEventDescription(""));
-    }
-  }
-  selectOption(e, t) {
-    var T;
-    e.preventDefault();
-    const n = this.currentWord.fullText, o = this.currentWord.$value;
-    let r = this.descriptionRef.firstChild, s = null;
-    for (; r; ) {
-      if (r.nodeType === 3) {
-        const v = ((T = r.textContent) == null ? void 0 : T.replace(/[\u200B-\u200D\uFEFF]/g, "")) || "", L = n.replace(/[\u200B-\u200D\uFEFF]/g, "");
-        if (v.includes(L)) {
-          s = r;
-          break;
-        }
-      }
-      r = r.nextSibling;
-    }
-    if (!s)
-      return;
-    const a = s.textContent || "", i = a.indexOf(o), f = a.substring(0, i), p = a.substring(i + o.length), h = document.createTextNode(f), y = document.createRange(), u = document.createElement("span");
-    u.classList.add("highlighted-tag"), u.textContent = `${t.value}`;
-    const _ = document.createTextNode(p);
-    if (p !== "")
-      s.replaceWith(h, u, _), y.setStart(_, 1);
-    else {
-      const v = document.createTextNode("​");
-      s.replaceWith(h, u, v), y.setStart(v, 1);
-    }
-    this.resetDropdown(), this.descriptionRef.focus();
-    const g = window.getSelection();
-    y.collapse(!0), g == null || g.removeAllRanges(), g == null || g.addRange(y), this.updateEventDescription(this.descriptionRef.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);
-  }
-  get isInternalsAvailable() {
-    return typeof this.internals < "u" && typeof this.internals.setValidity == "function" && typeof this.internals.setFormValue == "function";
-  }
-  updateEventDescription(e) {
-    var n;
-    const t = e.replace(/ +/g, " ");
-    this.isInternalsAvailable && ((n = this.internals) == null || n.setFormValue(t, this.name)), this.valueChanged.emit({ value: t, name: this.name });
-  }
-  resetDropdown() {
-    this.showTokens = !1, this.ariaActivedescendant = "";
-  }
-  getLabelHTML(e) {
-    return l("div", { class: "token-label" }, l("span", { class: "token" }, e.token), l("span", { class: "description" }, e.description));
-  }
-  handleAddAdditionalFields() {
-    if (this.additionalFieldTokens.length === 0)
-      return;
-    const e = this.descriptionRef.innerHTML, t = "--- Additional Fields ---", n = "--- End Additional Fields ---", o = e.indexOf(t), r = e.indexOf(n);
-    let s = t + `
-`;
-    this.additionalFieldTokens.forEach((i) => {
-      s += `${i.description}: ${i.value}
-`;
-    }), s += n;
-    let a;
-    o !== -1 && r !== -1 ? a = e.substring(0, o) + s + e.substring(r + n.length) : a = e + s, this.updateEventDescriptionFromProp(a), this.updateEventDescription(a);
-  }
-  render() {
-    var e;
-    return l(C, { key: "9ccddd8582abc61f2dddd757a4c0b421ca75718b" }, l("div", { key: "06234e9529c43410161c40ac752fa6f0413daa6b", class: "nylas-event-description", part: "nedesc" }, l("label", { key: "c908c2dbd967208f92e72fab292b32527d645d0f", htmlFor: "description" }, c.t("nylasEventDescription.headerTitle"), l("span", { key: "90f417361636dc3d35d36be47e96b9cb2075294c", class: "label-icon" }, l("tooltip-component", { key: "d1bd3235457855d341c07be94a1d865995b21dac" }, l("info-icon", { key: "0ddd3a4af6dad47dec07fb5d6e490de8b174c4c3", slot: "tooltip-icon" }), l("span", { key: "b80a0cf4324dd728e32afc689327b5fb29a59fe8", slot: "tooltip-content" }, c.t("nylasEventDescription.tooltip.desc"))))), l("div", { key: "cf413dda764a5c41faafb1d95aecd1725e40eea3", id: "event-description", class: { "event-description": !0 }, part: "nedesc__textarea", contentEditable: "true", onInput: (t) => this.handleChange(t), onKeyDown: (t) => this.handleInputKeyDown(t), ref: (t) => this.descriptionRef = t }), !this.noTemplates && this.showTokens && ((e = this.filteredTokens) == null ? void 0 : e.length) > 0 && l("div", { class: "token-options", part: "nedesc__dropdown-content" }, l("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map((t) => l("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))))), !this.noTemplates && l("span", { class: "help-text" }, c.t("nylasEventTitle.helpText", { context: "start", field: c.t("nylasEventTitle.description") }), " ", l("code", null, "$"), " ", c.t("nylasEventTitle.helpText", { context: "end" }), l("span", { class: "label-icon" }, l("tooltip-component", null, l("info-icon", { slot: "tooltip-icon", width: "13", height: "13" }), l("span", { slot: "tooltip-content" }, c.t("nylasEventTitle.tooltip.desc"), " ", l("code", null, "${invitee}"))))), !this.noTemplates && !this.hideAutoPopulateButton && l("span", { class: "add-additional-fields" }, l("button-component", { variant: "basic", onClick: () => this.handleAddAdditionalFields() }, c.t("nylasEventDescription.addAdditionalFields.buttonText")), l("span", { class: "label-icon" }, l("tooltip-component", null, l("info-icon", { slot: "tooltip-icon" }), l("span", { slot: "tooltip-content" }, c.t("nylasEventDescription.addAdditionalFields.tooltip.desc"), " ", l("code", null, "${invitee}")))))));
-  }
-  static get formAssociated() {
-    return !0;
-  }
-  get host() {
-    return x(this);
-  }
-  static get watchers() {
-    return {
-      name: ["elementNameChangedHandler"],
-      selectedConfiguration: ["selectedConfigurationChangedHandler"],
-      selectedLanguage: ["selectedLanguageChangedHandler"],
-      themeConfig: ["themeConfigChangedHandler"]
-    };
-  }
-};
-Ce([
-  w({
-    name: "nylas-event-description",
-    stateToProps: /* @__PURE__ */ new Map([
-      ["schedulerConfig.selectedConfiguration", "selectedConfiguration"],
-      ["schedulerConfig.selectedLanguage", "selectedLanguage"],
-      ["schedulerConfig.themeConfig", "themeConfig"]
-    ]),
-    eventToProps: {},
-    fireRegisterEvent: !0
-  }),
-  P("design:type", Function),
-  P("design:paramtypes", []),
-  P("design:returntype", void 0)
-], B.prototype, "render", null);
-B.style = ke;
-const we = ':host{display:block;margin:1rem;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-event-info__title{color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-event-info__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-event-info__content{padding:1rem;display:flex;flex-direction:column;gap:1rem;background-color:var(--nylas-base-25)}.nylas-event-info__block{display:flex;justify-content:space-between;gap:0.5rem}', _e = we;
-var Te = function(e, t, n, o) {
-  var r = arguments.length, s = r < 3 ? t : o === null ? o = Object.getOwnPropertyDescriptor(t, n) : o, a;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, o);
-  else
-    for (var i = e.length - 1; i >= 0; i--)
-      (a = e[i]) && (s = (r < 3 ? a(s) : r > 3 ? a(t, n, s) : a(t, n)) || s);
-  return r > 3 && s && Object.defineProperty(t, n, s), s;
-}, A = function(e, t) {
-  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
-    return Reflect.metadata(e, t);
-};
-const j = class {
-  constructor(e) {
-    b(this, e), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.selectedLanguage = void 0, this.themeConfig = void 0;
-  }
-  selectedLanguageChangedHandler(e, t) {
-    e !== t && c.changeLanguage(e);
-  }
-  themeConfigChangedHandler(e, t) {
-    e !== t && this.applyThemeConfig(e);
-  }
-  applyThemeConfig(e) {
-    if (e)
-      for (const [t, n] of Object.entries(e))
-        this.el.style.setProperty(`${t}`, n);
-  }
-  connectedCallback() {
-    d("nylas-event-info", "connectedCallback");
-  }
-  componentWillLoad() {
-    d("nylas-event-info", "componentWillLoad");
-  }
-  componentDidLoad() {
-    d("nylas-event-info", "componentDidLoad"), V(["inputs"], this.el);
-  }
-  disconnectedCallback() {
-    d("nylas-event-info", "disconnectedCallback");
-  }
-  render() {
-    return l(C, { key: "a62edaabd2210706d4ef9f671973a40fcbcb8d52" }, l("nylas-form-card", { key: "6bfbb55c126393559f7f00587fd7b009c0c42422", exportparts: "nfc__header: nei__header" }, l("h1", { key: "b05d0fa0528248fee82584e1ac594c68d17b1b8f", slot: "header-title", class: "nylas-event-info__title", part: "nei__title" }, c.t("nylasEventInfo.headerTitle")), l("div", { key: "5a589ed5c86d6fb4327110618af4fe320840a062", slot: "content", class: "nylas-event-info__content" }, l("slot", { key: "74c8f5de152d7efce914f8968342b84b3b4d5d35", name: "inputs" }))));
-  }
-  static get formAssociated() {
-    return !0;
-  }
-  get el() {
-    return x(this);
-  }
-  static get watchers() {
-    return {
-      selectedLanguage: ["selectedLanguageChangedHandler"],
-      themeConfig: ["themeConfigChangedHandler"]
-    };
-  }
-};
-Te([
-  w({
-    name: "nylas-event-info",
-    stateToProps: /* @__PURE__ */ new Map([
-      ["schedulerConfig.selectedLanguage", "selectedLanguage"],
-      ["schedulerConfig.themeConfig", "themeConfig"]
-    ]),
-    eventToProps: {},
-    fireRegisterEvent: !0
-  }),
-  A("design:type", Function),
-  A("design:paramtypes", []),
-  A("design:returntype", void 0)
-], j.prototype, "render", null);
-j.style = _e;
-const Ee = ':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-event-location{display:flex;flex-direction:column;gap:4px;font-family:var(--nylas-font-family)}.nylas-event-location label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-location label span.label-icon{margin-left:4px}.nylas-event-location label span.label-icon tooltip-component{display:flex}.nylas-event-location span[slot=select-icon]{border-right:1px solid var(--nylas-base-200);padding:16px 0.75rem 16px 0.5rem;border-radius:var(--nylas-border-radius-2x);border-bottom-right-radius:0;border-top-right-radius:0;height:20px}.nylas-event-location div.location-input{display:grid;grid-template-columns:auto 1fr;width:100%;gap:0.5rem}@media screen and (max-width: 768px){.nylas-event-location div.location-input{grid-template-columns:1fr}}.nylas-event-location div.location-input input{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:12px 16px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;background-color:var(--nylas-base-0);color:var(--nylas-base-900)}.nylas-event-location select-dropdown{width:208px}@media screen and (max-width: 768px){.nylas-event-location select-dropdown{width:100%}}.nylas-event-location select-dropdown::part(sd_dropdown){width:100%}.nylas-event-location select-dropdown::part(sd_dropdown-content){left:calc(35px + 0.5rem)}.nylas-event-location select-dropdown::part(sd_dropdown-button){display:flex;justify-content:space-between;width:100%;border:1px solid var(--nylas-base-200);padding:0 0.5rem}.nylas-event-location select-dropdown::part(sd_dropdown-button-selected-label){display:inline-flex;align-self:center;padding:14px 0;font-family:var(--nylas-font-family);font-size:16px;line-height:24px}', Le = Ee;
-var Oe = function(e, t, n, o) {
-  var r = arguments.length, s = r < 3 ? t : o === null ? o = Object.getOwnPropertyDescriptor(t, n) : o, a;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, o);
-  else
-    for (var i = e.length - 1; i >= 0; i--)
-      (a = e[i]) && (s = (r < 3 ? a(s) : r > 3 ? a(t, n, s) : a(t, n)) || s);
-  return r > 3 && s && Object.defineProperty(t, n, s), s;
-}, $ = function(e, t) {
-  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
-    return Reflect.metadata(e, t);
-};
-const W = class {
-  constructor(e) {
-    var t;
-    b(this, e), this.valueChanged = m(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.currentUser = void 0, this.userProvider = void 0, this.eventConferencing = void 0, this.conferenceProviders = void 0, this.selectedConfiguration = void 0, this.eventLocation = void 0, this.selectedLanguage = void 0, this.themeConfig = void 0, this.location = this.eventLocation ?? "", this.grantId = this.eventConferencing ? this.setDefaultGrantID(this.eventConferencing) : "", this.selectedLocationOption = void 0, this.userProviderState = this.userProvider ?? ((t = this.currentUser) == null ? void 0 : t.provider) ?? "", this.locationOptions = [
-      { value: "none", label: c.t("nylasEventLocation.conferenceOptions.none"), labelHTML: this.getLabelHTML("none") },
-      { value: "custom", label: c.t("nylasEventLocation.conferenceOptions.custom"), labelHTML: this.getLabelHTML("custom") }
-    ];
-  }
-  elementNameChangedHandler(e) {
-    d("nylas-event-location", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
-  }
-  selectedConfigurationChangedHandler(e) {
-    var o, r;
-    d("nylas-custom-booking-flow", "selectedConfigurationChangedHandler", e);
-    const t = ((o = e == null ? void 0 : e.event_booking) == null ? void 0 : o.location) || this.eventLocation, n = ((r = e == null ? void 0 : e.event_booking) == null ? void 0 : r.conferencing) || this.eventConferencing;
-    n != null && n.provider ? (this.selectedLocationOption = this.setDefaultLocationOption(n, t ?? ""), this.grantId = this.setDefaultGrantID(n), this.location = t || "") : t ? (this.selectedLocationOption = t ? "custom" : "none", this.location = t) : (this.selectedLocationOption = "none", this.location = "");
-  }
-  currentUserChangedHandler(e) {
-    d("nylas-custom-booking-flow", "currentUserChangedHandler", e), e != null && e.provider && (this.userProviderState = e == null ? void 0 : e.provider, this.setLocationOptionsForProvider(this.userProviderState));
-  }
-  conferenceProvidersChanged(e) {
-    e != null && e.zoom && !this.locationOptions.some((t) => t.value === "zoom") && this.locationOptions.push({ value: "zoom", label: c.t("nylasEventLocation.conferenceOptions.zoom"), labelHTML: this.getLabelHTML("zoom") });
-  }
-  selectedLanguageChangedHandler(e, t) {
-    if (e === t)
-      return;
-    c.changeLanguage(e), this.locationOptions.map((o) => o.value).forEach((o) => {
-      const r = this.locationOptions.findIndex((s) => s.value === o);
-      this.locationOptions[r].label = c.t(`nylasEventLocation.conferenceOptions.${o}`), this.locationOptions[r].labelHTML = this.getLabelHTML(o);
-    }), this.locationOptions = [...this.locationOptions];
-  }
-  themeConfigChangedHandler(e, t) {
-    e !== t && this.applyThemeConfig(e);
-  }
-  applyThemeConfig(e) {
-    if (e)
-      for (const [t, n] of Object.entries(e))
-        this.host.style.setProperty(`${t}`, n);
-  }
-  connectedCallback() {
-    d("nylas-event-location", "connectedCallback");
-  }
-  componentWillLoad() {
-    d("nylas-event-location", "componentWillLoad"), this.host.setAttribute("name", this.name);
-  }
-  componentDidLoad() {
-    var t, n, o, r;
-    d("nylas-event-location", "componentDidLoad"), (t = this.selectedConfiguration) != null && t.event_booking ? this.selectedConfigurationChangedHandler(this.selectedConfiguration) : (this.selectedLocationOption = this.setDefaultLocationOption(this.eventConferencing || null, this.eventLocation ?? ""), this.location = this.eventLocation ?? ""), this.userProviderState = this.userProvider ?? ((n = this.currentUser) == null ? void 0 : n.provider) ?? "", this.setLocationOptionsForProvider(this.userProviderState);
-    const e = (o = this.internals) == null ? void 0 : o.form;
-    if (e) {
-      const s = new FormData(e);
-      s.set("conference", this.getConferencePayload()), s.set(this.name, this.location);
-    }
-    (r = this.conferenceProviders) != null && r.zoom && !this.locationOptions.some((s) => s.value === "zoom") && this.locationOptions.push({ value: "zoom", label: c.t("nylasEventLocation.conferenceOptions.zoom"), labelHTML: this.getLabelHTML("zoom") });
-  }
-  disconnectedCallback() {
-    d("nylas-event-location", "disconnectedCallback");
-  }
-  getConferencePayload() {
-    var n;
-    if (this.selectedLocationOption === "custom" || this.selectedLocationOption === "none")
-      return JSON.stringify(null);
-    const e = (n = this.conferenceProviders) == null ? void 0 : n[this.selectedLocationOption], t = {
-      provider: E[this.selectedLocationOption],
-      autocreate: e ? {
-        conf_grant_id: e
-      } : {}
-    };
-    return JSON.stringify(t);
-  }
-  nylasFormDropdownChangedHandler(e) {
-    var n, o, r;
-    this.selectedLocationOption = e.detail.value;
-    let t;
-    switch (this.selectedLocationOption) {
-      case "none": {
-        this.location = "", this.setFormValue("", this.name), this.valueChanged.emit({ value: "", name: this.name }), this.valueChanged.emit({ value: JSON.stringify(null), name: "conference" });
-        break;
-      }
-      case "custom": {
-        this.valueChanged.emit({ value: JSON.stringify(null), name: "conference" });
-        break;
-      }
-      case "google": {
-        this.location = "", this.setFormValue("", this.name);
-        const s = (n = this.conferenceProviders) == null ? void 0 : n.google;
-        t = {
-          provider: E.google,
-          autocreate: s ? {
-            conf_grant_id: s
-          } : {}
-        }, this.valueChanged.emit({ value: JSON.stringify(t), name: "conference" }), this.valueChanged.emit({ value: "", name: this.name });
-        break;
-      }
-      case "microsoft": {
-        this.location = "", this.setFormValue("", this.name);
-        const s = (o = this.conferenceProviders) == null ? void 0 : o.microsoft;
-        t = {
-          provider: E.microsoft,
-          autocreate: s ? {
-            conf_grant_id: s
-          } : {}
-        }, this.valueChanged.emit({ value: JSON.stringify(t), name: "conference" }), this.valueChanged.emit({ value: "", name: this.name });
-        break;
-      }
-      case "zoom": {
-        this.location = "", this.setFormValue("", this.name);
-        const s = (r = this.conferenceProviders) == null ? void 0 : r.zoom;
-        t = {
-          provider: E.zoom,
-          autocreate: s ? {
-            conf_grant_id: s
-          } : {}
-        }, this.valueChanged.emit({ value: JSON.stringify(t), name: "conference" }), this.valueChanged.emit({ value: "", name: this.name });
-        break;
-      }
-    }
-  }
-  setLocationOptionsForProvider(e) {
-    switch (e) {
-      case "google":
-        this.locationOptions.some((t) => t.value === "google") || this.locationOptions.push({ value: "google", label: c.t("nylasEventLocation.conferenceOptions.google"), labelHTML: this.getLabelHTML("google") });
-        break;
-      case "microsoft":
-        this.locationOptions.some((t) => t.value === "microsoft") || this.locationOptions.push({ value: "microsoft", label: c.t("nylasEventLocation.conferenceOptions.google"), labelHTML: this.getLabelHTML("microsoft") });
-        break;
-    }
-  }
-  setDefaultLocationOption(e, t) {
-    return e != null && (e == null ? void 0 : e.provider) != null ? J[e == null ? void 0 : e.provider] : t ? "custom" : "none";
-  }
-  setDefaultGrantID(e) {
-    var t;
-    return e != null && (e == null ? void 0 : e.autocreate) != null ? (t = e == null ? void 0 : e.autocreate) == null ? void 0 : t.conf_grant_id : "";
-  }
-  setFormValue(e, t) {
-    typeof this.internals.setFormValue == "function" && this.internals.setFormValue(e, t);
-  }
-  handleChange(e) {
-    const t = R(e.target.value);
-    this.location = t, this.setFormValue(t, this.name), this.valueChanged.emit({ value: t, name: this.name });
-  }
-  getIcon(e) {
-    switch (e) {
-      case "none":
-        return l("location-off-icon", null);
-      case "custom":
-        return l("location-icon", null);
-      case "google":
-        return l("google-meet-icon", null);
-      case "microsoft":
-        return l("microsoft-teams-icon", null);
-      case "zoom":
-        return l("zoom-icon", null);
-    }
-  }
-  getLabelHTML(e) {
-    return l("span", { class: "location-label", style: {
-      display: "flex",
-      alignItems: "center",
-      gap: "16px",
-      width: "-webkit-fill-available"
-    } }, this.getIcon(e), l("span", { class: "location-text", style: {
-      fontSize: "14px",
-      fontWeight: "400"
-    } }, c.t(`nylasEventLocation.conferenceOptions.${e}`)));
-  }
-  render() {
-    const e = typeof this.selectedLocationOption < "u" ? this.locationOptions.find((t) => t.value == this.selectedLocationOption) : null;
-    return l(C, { key: "40dea8ec89029dc596695a8725987a8630087938" }, l("div", { key: "dad47c8d7121d1944db1b4aaecfc3f49acb8b55d", class: "nylas-event-location", part: "nel" }, l("label", { key: "ccae6484ae7b506fab9f302463a10a3bfc85b28b", htmlFor: "location" }, c.t("nylasEventLocation.headerTitle"), l("span", { key: "15e158e30f2d7e4734b651ebc1a0499447c3cc5e", class: "label-icon" }, l("tooltip-component", { key: "2a27de9e4ce28a3de891cfa83b3fd41e3d7aa604" }, l("info-icon", { key: "9c6b96cb3923a779453e9f272221b8bed6d2a29e", slot: "tooltip-icon" }), l("span", { key: "a5447aca3cc65264f59601d6617d45ceb57aebb1", slot: "tooltip-content" }, c.t("nylasEventLocation.tooltip.desc"))))), l("div", { key: "b35c29edd2bdf321c01ffb9c34216d2200ab3b13", class: "location-input" }, l("select-dropdown", { key: "0c303b54cf2ff2f3df72b540a640fcaa5cf33784", withSearch: !1, name: "location", options: this.locationOptions, defaultSelectedOption: e, themeConfig: this.themeConfig, exportparts: "sd_dropdown: nel__dropdown, sd_dropdown-button: nel__dropdown-button, sd_dropdown-content: nel__dropdown-content" }, l("span", { key: "1174247972b83c97d09a6c9621bd049294a0aaaf", slot: "select-icon" }, this.getIcon(this.selectedLocationOption))), this.selectedLocationOption === "custom" && l("input", { type: "text", part: "nel__location", id: "location", name: "location", maxlength: "1024", value: this.location, onInput: (t) => this.handleChange(t) }))));
-  }
-  static get formAssociated() {
-    return !0;
-  }
-  get host() {
-    return x(this);
-  }
-  static get watchers() {
-    return {
-      name: ["elementNameChangedHandler"],
-      selectedConfiguration: ["selectedConfigurationChangedHandler"],
-      currentUser: ["currentUserChangedHandler"],
-      conferenceProviders: ["conferenceProvidersChanged"],
-      selectedLanguage: ["selectedLanguageChangedHandler"],
-      themeConfig: ["themeConfigChangedHandler"]
-    };
-  }
-};
-Oe([
-  w({
-    name: "nylas-event-location",
-    stateToProps: /* @__PURE__ */ new Map([
-      ["schedulerConfig.selectedConfiguration", "selectedConfiguration"],
-      ["schedulerConfig.conferenceProviders", "conferenceProviders"],
-      ["schedulerConfig.currentUser", "currentUser"],
-      ["schedulerConfig.selectedLanguage", "selectedLanguage"],
-      ["schedulerConfig.themeConfig", "themeConfig"]
-    ]),
-    eventToProps: {},
-    fireRegisterEvent: !0
-  }),
-  $("design:type", Function),
-  $("design:paramtypes", []),
-  $("design:returntype", void 0)
-], W.prototype, "render", null);
-W.style = Le;
-const Ie = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-event-title{display:flex;flex-direction:column;gap:4px;position:relative;text-align:left;color:var(--nylas-base-900)}.nylas-event-title div.title{padding:12px 16px;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);overflow:auto;white-space:nowrap;scrollbar-width:thin;background-color:var(--nylas-base-0)}.nylas-event-title div.title::-webkit-scrollbar{width:6px;height:6px}.nylas-event-title div.title.error{border-color:var(--nylas-error);border-width:2px;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{display:inline-block;gap:4px;align-items:center;color:var(--nylas-base-500);font-size:14px;font-style:normal;font-weight:400;line-height:21px;position:relative}.nylas-event-title span.help-text span.label-icon{display:inline-block}.nylas-event-title span.help-text span.label-icon tooltip-component::part(tc__container){position:unset}.nylas-event-title span.help-text span.label-icon tooltip-component::part(tc__content){position:absolute;top:4px;left:50%;transform:translateX(-50%)}.nylas-event-title span.error-message{color:var(--nylas-error)}.nylas-event-title label{display:flex;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:var(--nylas-base-900);padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.token-options ul li .token-label{display:flex;flex-direction:column;font-weight:400}.token-options ul li .token-label .token{color:var(--nylas-abse-900);font-size:16px;line-height:24px}.token-options ul li .token-label .description{color:var(--nylas-base-600);font-size:14px;line-height:21px}.token-options ul li:hover,.token-options ul li:focus,.token-options ul li:active,.token-options ul li.active{background-color:var(--nylas-base-100)}.token-options ul li:hover .token-label .token,.token-options ul li:focus .token-label .token,.token-options ul li:active .token-label .token,.token-options ul li.active .token-label .token{color:var(--nylas-primary)}.token-options .selected{background-color:var(--nylas-base-100)}', Pe = Ie;
-var Ae = function(e, t, n, o) {
-  var r = arguments.length, s = r < 3 ? t : o === null ? o = Object.getOwnPropertyDescriptor(t, n) : o, a;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, o);
-  else
-    for (var i = e.length - 1; i >= 0; i--)
-      (a = e[i]) && (s = (r < 3 ? a(s) : r > 3 ? a(t, n, s) : a(t, n)) || s);
-  return r > 3 && s && Object.defineProperty(t, n, s), s;
-}, D = function(e, t) {
-  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
-    return Reflect.metadata(e, t);
-};
-const U = class {
-  constructor(e) {
-    var t, n;
-    b(this, e), this.valueChanged = m(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.selectedLanguage = void 0, this.noTemplates = !1, this.themeConfig = void 0, this.showTokens = !1, this.availableTokens = k.map((o) => ({
-      label: o.token,
-      value: o.value,
-      labelHTML: o
-    })), this.filteredTokens = this.availableTokens, this.ariaActivedescendant = "", this.currentWord = { $value: "", fullText: "", index: -1, focusOffset: -1 }, this.validationError = "", this.configEventTitle = "", this.additionalFieldTokens = [];
-  }
-  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 o = (t = this.host.shadowRoot) == null ? void 0 : t.getElementById(e);
-      o == null || o.classList.add("active");
-    } else {
-      const o = (n = this.host.shadowRoot) == null ? void 0 : n.querySelectorAll(".token-options li.active");
-      o == null || o.forEach((r) => r.classList.remove("active"));
-    }
-  }
-  configChangedHandler(e) {
-    var s, a;
-    const t = (s = e == null ? void 0 : e.event_booking) == null ? void 0 : s.title, n = ((a = e == null ? void 0 : e.scheduler) == null ? void 0 : a.additional_fields) || {}, r = (Object.keys(n) || []).map((i) => ({
-      token: `$${i}`,
-      value: `\${${i}}`,
-      description: n[i].label || ""
-    }));
-    this.additionalFieldTokens = [...r], this.availableTokens = [...k, ...r].map((i) => ({
-      label: i.token,
-      value: i.value,
-      labelHTML: i
-    })), this.filteredTokens = [...this.availableTokens], t && (this.configEventTitle = t, this.updateEventTitleFromProp(t));
-  }
-  selectedLanguageChangedHandler(e, t) {
-    if (e === t)
-      return;
-    c.changeLanguage(e);
-    const n = {
-      $invitee: "invitee",
-      $invitee_email: "inviteeEmail",
-      $duration: "duration"
-    };
-    this.availableTokens = this.availableTokens.map((o) => (n[o.label] && (o.labelHTML.description = c.t(`nylasEventTitle.eventTitleTokenDescription.${n[o.label]}`)), o)), this.filteredTokens = [...this.availableTokens];
-  }
-  themeConfigChangedHandler(e, t) {
-    e !== t && this.applyThemeConfig(e);
-  }
-  applyThemeConfig(e) {
-    if (e)
-      for (const [t, n] of Object.entries(e))
-        this.host.style.setProperty(`${t}`, n);
-  }
-  connectedCallback() {
-    d("[nylas-event-title]", "connectedCallback");
-  }
-  componentWillLoad() {
-    d("[nylas-event-title]", "componentWillLoad"), this.host.setAttribute("name", this.name);
-  }
-  componentDidLoad() {
-    var t, n, o, r;
-    d("[nylas-event-title]", "componentDidLoad");
-    let e = this.eventTitle || this.configEventTitle;
-    (n = (t = this.selectedConfiguration) == null ? void 0 : t.event_booking) != null && n.title && (e = (r = (o = this.selectedConfiguration) == null ? void 0 : o.event_booking) == null ? void 0 : r.title), e && (this.updateEventTitleFromProp(e), this.updateEventTitle(e, !0));
-  }
-  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 = "eventTitleRequired";
-  }
-  valueChangedHandler(e) {
-    const { name: t, value: n } = e.detail;
-    if (t === "additional-fields") {
-      const o = JSON.parse(n.toString()), s = (Object.keys(o) || []).map((a) => ({
-        token: `$${a}`,
-        value: `\${${a}}`,
-        description: o[a].label || ""
-      }));
-      this.additionalFieldTokens = [...s], this.availableTokens = [...k, ...s].map((a) => ({
-        label: a.token,
-        value: a.value,
-        labelHTML: a
-      })), this.filteredTokens = [...this.availableTokens];
-    }
-  }
-  updateEventTitleFromProp(e) {
-    var n, o, r;
-    d("[nylas-event-title]", "eventTitleChangedHandler", e);
-    const t = e || this.configEventTitle;
-    this.titleRef && (this.titleRef.innerHTML = this.highlightTokens(t), typeof this.internals.setValidity == "function" && (!t || t === "" ? (this.titleRef.focus(), (n = this.internals) == null || n.setValidity({ customError: !0 }, "Event title is required", this.titleRef)) : ((o = this.internals) == null || o.setValidity({ customError: !1 }), this.isInternalsAvailable && ((r = this.internals) == null || r.setFormValue(t, this.name)))));
-  }
-  highlightTokens(e) {
-    let t = e;
-    return [...k, ...this.additionalFieldTokens].forEach((n) => {
-      const o = n.value, r = new RegExp(`(\\${o})(?!\\w)`, "g");
-      t = (t == null ? void 0 : t.replace(r, '<span class="highlighted-tag">$1</span>')) || "";
-    }), t;
-  }
-  getCurrentSelectionForBrowser() {
-    var o, r, s;
-    const e = (a, i, f, p) => {
-      const h = a.replace(/[\u200B-\u200D\uFEFF]/g, ""), y = h.lastIndexOf("$"), u = h.substring(y).split(" ")[0];
-      return {
-        focusOffset: i,
-        dollarIndex: y,
-        lastWord: u,
-        currentText: h,
-        node: f,
-        allSelected: p
-      };
-    }, t = (a) => {
-      var i, f;
-      return a.anchorOffset === 0 && a.focusOffset === ((f = (i = a.focusNode) == null ? void 0 : i.nodeValue) == null ? void 0 : f.length);
-    };
-    switch (M()) {
-      case "Chrome": {
-        const a = (o = this.host.shadowRoot) == null ? void 0 : o.getSelection(), i = a == null ? void 0 : a.focusNode, f = (i == null ? void 0 : i.nodeValue) || "", p = a && t(a);
-        return e(f, (a == null ? void 0 : a.focusOffset) || -1, i, p);
-      }
-      case "Firefox": {
-        const a = document.getSelection(), i = ((r = a == null ? void 0 : a.anchorNode) == null ? void 0 : r.nodeValue) || "", f = a && t(a);
-        return e(i, (a == null ? void 0 : a.focusOffset) || -1, a == null ? void 0 : a.anchorNode, f);
-      }
-      case "Safari": {
-        const a = window.getSelection(), i = a == null ? void 0 : a.getComposedRanges(this.host.shadowRoot)[0], f = ((s = i == null ? void 0 : i.startContainer) == null ? void 0 : s.nodeValue) || "", p = a && t(a);
-        return e(f, (i == null ? void 0 : i.endOffset) || -1, i == null ? void 0 : i.startContainer, p);
-      }
-      default:
-        return console.warn("Browser not supported"), null;
-    }
-  }
-  handleChange(e) {
-    let t = e.target.textContent || "";
-    t = R(t);
-    const n = this.getCurrentSelectionForBrowser();
-    if (!n) {
-      this.updateEventTitle(t), this.resetDropdown();
-      return;
-    }
-    const { focusOffset: o, dollarIndex: r, lastWord: s, currentText: a } = n;
-    if (r === -1 || o < r) {
-      this.updateEventTitle(t), this.resetDropdown();
-      return;
-    }
-    s.startsWith("$") ? (this.showTokens = !0, this.currentWord = {
-      $value: s,
-      fullText: a,
-      index: r,
-      focusOffset: o
-    }, this.populateSuggestionsDropdown(s)) : this.resetDropdown(), this.updateEventTitle(t);
-  }
-  handleInputKeyDown(e) {
-    var n, o, r, s, a;
-    const t = this.getCurrentSelectionForBrowser();
-    if (t != null && t.allSelected && !S(e) && (this.titleRef.innerHTML = ""), e.key === "Enter") {
-      e.preventDefault();
-      const i = (n = this.host.shadowRoot) == null ? void 0 : n.getElementById(this.ariaActivedescendant);
-      i && (i.click(), this.ariaActivedescendant = "");
-    } else if (e.key === "ArrowDown") {
-      e.preventDefault();
-      const i = (o = this.host.shadowRoot) == null ? void 0 : o.getElementById(this.ariaActivedescendant);
-      if (i) {
-        const f = i.nextElementSibling;
-        f ? this.ariaActivedescendant = f.id : this.ariaActivedescendant = this.filteredTokens[0].label;
-      } else
-        this.ariaActivedescendant = this.filteredTokens[0].label;
-    } else if (e.key === "ArrowUp") {
-      e.preventDefault();
-      const i = (r = this.host.shadowRoot) == null ? void 0 : r.getElementById(this.ariaActivedescendant);
-      if (i) {
-        const f = i.previousElementSibling;
-        f ? this.ariaActivedescendant = f.id : this.ariaActivedescendant = this.filteredTokens[this.filteredTokens.length - 1].label;
-      } else
-        this.ariaActivedescendant = this.filteredTokens[this.filteredTokens.length - 1].label;
-    } else if (e.key === "Escape")
-      e.preventDefault(), this.resetDropdown();
-    else if (e.key === "Backspace" || e.key === "Delete") {
-      const i = (s = t == null ? void 0 : t.node) == null ? void 0 : s.parentNode;
-      t != null && t.currentText.startsWith("${") && i && i.nodeName === "SPAN" && (e.preventDefault(), i.removeChild(t.node), i.remove(), this.resetDropdown(), this.updateEventTitle(((a = this.titleRef) == null ? void 0 : a.textContent) || "")), (this.titleRef.textContent === "" || t != null && t.allSelected) && (this.titleRef.innerHTML = "", this.updateEventTitle(""));
-    }
-  }
-  selectOption(e, t) {
-    var T;
-    e.preventDefault();
-    const n = this.currentWord.fullText, o = this.currentWord.$value;
-    let r = this.titleRef.firstChild, s = null;
-    for (; r; ) {
-      if (r.nodeType === 3) {
-        const v = ((T = r.textContent) == null ? void 0 : T.replace(/[\u200B-\u200D\uFEFF]/g, "")) || "", L = n.replace(/[\u200B-\u200D\uFEFF]/g, "");
-        if (v.includes(L)) {
-          s = r;
-          break;
-        }
-      }
-      r = r.nextSibling;
-    }
-    if (!s)
-      return;
-    const a = s.textContent || "", i = a.indexOf(o), f = a.substring(0, i), p = a.substring(i + o.length), h = document.createTextNode(f), y = document.createRange(), u = document.createElement("span");
-    u.classList.add("highlighted-tag"), u.textContent = `${t.value}`;
-    const _ = document.createTextNode(p);
-    if (p !== "")
-      s.replaceWith(h, u, _), y.setStart(_, 1);
-    else {
-      const v = document.createTextNode("​");
-      s.replaceWith(h, u, v), y.setStart(v, 1);
-    }
-    this.resetDropdown(), this.titleRef.focus();
-    const g = window.getSelection();
-    y.collapse(!0), g == null || g.removeAllRanges(), g == null || g.addRange(y), 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);
-  }
-  get isInternalsAvailable() {
-    return typeof this.internals < "u" && typeof this.internals.setValidity == "function" && typeof this.internals.setFormValue == "function";
-  }
-  updateEventTitle(e, t = !1) {
-    var o, r, s;
-    const n = e.replace(/ +/g, " ");
-    n === "" || /^[\s]*$/.test(n) ? (this.validationError = "eventTitleRequired", this.isInternalsAvailable && ((o = this.internals) == null || o.setValidity({ customError: !0 }, "Event title is required", this.titleRef))) : (this.validationError = "", this.isInternalsAvailable && ((r = this.internals) == null || r.setValidity({ customError: !1 }))), this.isInternalsAvailable && ((s = this.internals) == null || s.setFormValue(n, this.name)), t || this.valueChanged.emit({ value: n, name: this.name });
-  }
-  resetDropdown() {
-    this.showTokens = !1, this.ariaActivedescendant = "";
-  }
-  getLabelHTML(e) {
-    return l("div", { class: "token-label" }, l("span", { class: "token" }, e.token), l("span", { class: "description" }, e.description));
-  }
-  render() {
-    var e;
-    return l(C, { key: "c6da12f405f1743fad3fcdebc253943e82849e1a" }, l("div", { key: "d66fa4c93ba12409991bc981ec6e7171113872f4", class: "nylas-event-title", part: "net" }, l("label", { key: "3c77424914867eaae8e71e5d3c13f459074b8256", htmlFor: "title" }, c.t("nylasEventTitle.headerTitle"), l("span", { key: "09f56d087b243ee8832331d9bc3c83073e1d9adb", class: "required" }, "*")), l("div", { key: "ec015f8e45422cb8f6593d7bab2db7e34caf69da", 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.noTemplates && this.showTokens && ((e = this.filteredTokens) == null ? void 0 : e.length) > 0 && l("div", { class: "token-options", part: "net__dropdown-content" }, l("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map((t) => l("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))))), !this.noTemplates && l("span", { class: "help-text" }, c.t("nylasEventTitle.helpText", { context: "start", field: c.t("nylasEventTitle.title") }), " ", l("code", null, "$"), " ", c.t("nylasEventTitle.helpText", { context: "end" }), l("span", { class: "label-icon" }, l("tooltip-component", null, l("info-icon", { slot: "tooltip-icon" }), l("span", { slot: "tooltip-content" }, c.t("nylasEventTitle.tooltip.desc"), " ", l("code", null, "${invitee}"))))), this.validationError != "" && l("span", { class: "error-message" }, c.t(`nylasEventTitle.${this.validationError}`))));
-  }
-  static get formAssociated() {
-    return !0;
-  }
-  get host() {
-    return x(this);
-  }
-  static get watchers() {
-    return {
-      name: ["elementNameChangedHandler"],
-      ariaActivedescendant: ["ariaActivedescendantChangedHandler"],
-      selectedConfiguration: ["configChangedHandler"],
-      selectedLanguage: ["selectedLanguageChangedHandler"],
-      themeConfig: ["themeConfigChangedHandler"]
-    };
-  }
-};
-Ae([
-  w({
-    name: "nylas-event-title",
-    stateToProps: /* @__PURE__ */ new Map([
-      ["schedulerConfig.selectedConfiguration", "selectedConfiguration"],
-      ["schedulerConfig.selectedLanguage", "selectedLanguage"],
-      ["schedulerConfig.themeConfig", "themeConfig"]
-    ]),
-    eventToProps: {},
-    fireRegisterEvent: !0
-  }),
-  D("design:type", Function),
-  D("design:paramtypes", []),
-  D("design:returntype", void 0)
-], U.prototype, "render", null);
-U.style = Pe;
-const $e = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.card-wrapper{background:var(--nylas-base-0);display:flex;flex-direction:column;font-family:var(--nylas-font-family);background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);position:relative;padding:32px;width:562px;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.card-wrapper{width:100%;border-radius:0px}}.header{overflow-wrap:anywhere;display:flex;flex-direction:column;font-size:16px;font-weight:400}.header h2{color:var(--nylas-base-900);font-size:24px;font-weight:600;text-align:left;margin:0}.description.title-desc{margin-bottom:2rem}.description.footer-desc{margin-top:2rem}.description.footer-desc a{color:var(--nylas-primary);text-decoration:none}.description p{margin:0;font-size:18px;color:var(--nylas-base-600)}.footer{margin-top:1rem;padding-top:1rem;display:flex;justify-content:flex-end;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.close-button{width:100%;display:flex;justify-content:flex-end}.close-button button-component button{padding:0;height:auto}.close-button button-component button:hover{background-color:transparent !important}button-component{--dot-color:var(--nylas-base-700)}', De = $e;
-var Fe = function(e, t, n, o) {
-  var r = arguments.length, s = r < 3 ? t : o === null ? o = Object.getOwnPropertyDescriptor(t, n) : o, a;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, o);
-  else
-    for (var i = e.length - 1; i >= 0; i--)
-      (a = e[i]) && (s = (r < 3 ? a(s) : r > 3 ? a(t, n, s) : a(t, n)) || s);
-  return r > 3 && s && Object.defineProperty(t, n, s), s;
-}, F = function(e, t) {
-  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
-    return Reflect.metadata(e, t);
-};
-const K = class {
-  constructor(e) {
-    b(this, e), this.feedbackModalClosed = m(this, "feedbackModalClosed", 7), this.feedbackSubmitted = m(this, "feedbackSubmitted", 7), this.triggerValidation = m(this, "triggerValidation", 7), this.handleConfirmBookingButtonClicked = () => {
-      this.triggerValidation.emit().defaultPrevented || this.feedbackSubmitted.emit({ feedback: this.feedbackMessage });
-    }, this.themeConfig = void 0, this.feedbackMessage = "";
-  }
-  connectedCallback() {
-  }
-  disconnectedCallback() {
-  }
-  async componentWillLoad() {
-    d("[nylas-feedback-form] Component will load");
-  }
-  async componentDidLoad() {
-    d("[nylas-feedback-form] Component did load"), this.applyThemeConfig(this.themeConfig);
-  }
-  applyThemeConfig(e) {
-    if (e)
-      for (const [t, n] of Object.entries(e))
-        this.host.style.setProperty(`${t}`, n);
-  }
-  handleFormInputChanged(e) {
-    d("[nylas-feedback-form] Form input changed"), e.detail.value && (this.triggerValidation.emit(), e.detail.name === "feedback" && (this.feedbackMessage = e.detail.value));
-  }
-  closeModal(e) {
-    e.preventDefault(), e.stopImmediatePropagation(), this.feedbackModalClosed.emit();
-  }
-  render() {
-    return l(C, { key: "3dfba1b006f09a9ac9ccdd03a659784b86df25d4", part: "nfbf" }, l("div", { key: "f548f82b9689115b254815c0a6b940d1450ada04", class: "card-wrapper", part: "nfbfc__card" }, l("div", { key: "3e1be6b2ff7d6818b677f09772cde78edb4c7ef1", class: "close-button" }, l("button-component", { key: "dd98523ad84cc745f24daa400bb41753d103c3c6", tooltip: "Close", id: "close", variant: "invisible", onClick: (e) => this.closeModal(e), part: "nfbf__close-button" }, l("close-icon", { key: "0b919c2be114e231ff8eb7121536b6c24dfb7158" }))), l("div", { key: "2c62e429a6871d1dc6a34df4fc37440e61e9e041", class: "header" }, l("h2", { key: "8c1009dc5a853bb0cbc21b64958353c95a0ca140", slot: "card-title", part: "nfbf__title" }, c.t("feedbackFormTitle"))), l("div", { key: "b16e5a7c0e3b299d6ee9a74d154aa3628e9d4d25", class: "description title-desc" }, l("p", { key: "00675ebd52e88ed101df5710b3bded1f6424c274" }, c.t("feedbackFormDescription"))), l("textarea-component", { key: "7b021701b44eb5b3ba02ee3191d3866489f4ec8a", label: c.t("feedbackMessageLabel"), required: !0, maxLength: 500, part: "nfbf__description", name: "feedback", placeholder: c.t("feedbackMessagePlaceholder") }), l("div", { key: "def91af529f167b1fac0cc078f79cec67b961a1a", class: "description footer-desc" }, l("p", { key: "ad346ef93ae4a25fd5478284ff5415eb62b54f26" }, "By sending this report, you agree to Nylas’ access to the data necessary to respond to this issue, subject to Nylas’", " ", l("a", { key: "cd6a79cf548346d92d04264c4ff7244a032c3977", href: "https://www.nylas.com/privacy-policy/", target: "_blank", rel: "nofollow noreferrer noopener" }, "Privacy Policy"), ".")), l("div", { key: "5dfee1045b6711f5cf7d15009c86c0fd9b76b137", class: {
-      footer: !0
-    } }, l("button-component", { key: "45894bd04b89365c83d7e2a07e8a62ee7c94b6c0", variant: "invisible", onClick: (e) => this.closeModal(e), part: "nfbf__button-outline nfbf__cancel-cta" }, `${c.t("feedbackModalCloseButton")}`), l("button-component", { key: "ac586974014c3e3b6b454a8b830585b76bc1f290", variant: "primary", onClick: this.handleConfirmBookingButtonClicked, part: "nfbf__button-outline nfbf__reschedule-cta" }, `${c.t("feedbackModalSubmitButton")}`))));
-  }
-  get host() {
-    return x(this);
-  }
-};
-Fe([
-  w({
-    name: "nylas-feedback-form",
-    stateToProps: /* @__PURE__ */ new Map([]),
-    eventToProps: {
-      feedbackSubmitted: async (e, t) => {
-      }
-    },
-    localPropsToProp: /* @__PURE__ */ new Map([["themeConfig", "themeConfig"]]),
-    fireRegisterEvent: !0
-  }),
-  F("design:type", Function),
-  F("design:paramtypes", []),
-  F("design:returntype", void 0)
-], K.prototype, "render", null);
-K.style = De;
-const He = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-reminder-time{display:flex;flex-direction:column;gap:4px}.nylas-reminder-time label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-reminder-time label span.required{color:var(--nylas-error, #cc4841)}.nylas-reminder-time label span.label-icon{margin-left:4px}.nylas-reminder-time label span.label-icon tooltip-component{display:flex}.nylas-reminder-time__wrapper{display:flex;align-items:center;justify-content:flex-end;gap:0.5rem}.nylas-reminder-time__wrapper input{padding:12px 16px;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200);font-family:var(--nylas-font-family);font-size:16px;line-height:24px;width:48px}.nylas-reminder-time__wrapper input-dropdown{width:80px}.nylas-reminder-time__wrapper input-dropdown::part(id_dropdown-input){border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:14px 16px}.nylas-reminder-time__wrapper input-dropdown::part(id_dropdown-content){width:100%;min-width:unset;height:160px}.nylas-reminder-time__wrapper select-dropdown{width:120px}@media screen and (max-width: 768px){.nylas-reminder-time__wrapper select-dropdown{width:100%}}.nylas-reminder-time__wrapper select-dropdown::part(sd_dropdown-button){border:1px solid var(--nylas-base-200)}', Re = He;
-var Se = function(e, t, n, o) {
-  var r = arguments.length, s = r < 3 ? t : o === null ? o = Object.getOwnPropertyDescriptor(t, n) : o, a;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, o);
-  else
-    for (var i = e.length - 1; i >= 0; i--)
-      (a = e[i]) && (s = (r < 3 ? a(s) : r > 3 ? a(t, n, s) : a(t, n)) || s);
-  return r > 3 && s && Object.defineProperty(t, n, s), s;
-}, H = function(e, t) {
-  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
-    return Reflect.metadata(e, t);
-};
-const Z = class {
-  constructor(e) {
-    b(this, e), this.valueChanged = m(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 = "reminder-time", this.eventReminderTimeMinutes = void 0, this.selectedLanguage = void 0, this.themeConfig = void 0, this.selectedNumber = void 0, this.selectedPeriod = void 0, this.errorState = !1;
-  }
-  elementNameChangedHandler(e) {
-    d("nylas-reminder-time", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
-  }
-  eventReminderTimeMinutesChangedHandler(e, t) {
-    d("nylas-reminder-time", "eventReminderTimeMinutesChangedHandler", e), this.updateNumberAndPeriodFromMinutes(e), this.isInternalsAvailable && this.internals.setFormValue(e == null ? void 0 : e.toString(), this.name);
-  }
-  selectedLanguageChangedHandler(e, t) {
-    e !== t && c.changeLanguage(e);
-  }
-  themeConfigChangedHandler(e, t) {
-    e !== t && this.applyThemeConfig(e);
-  }
-  connectedCallback() {
-    d("nylas-reminder-time", "connectedCallback");
-  }
-  componentWillLoad() {
-    d("nylas-reminder-time", "componentWillLoad"), this.host.setAttribute("name", this.name);
-  }
-  componentDidLoad() {
-    d("nylas-reminder-time", "componentDidLoad"), this.updateNumberAndPeriodFromMinutes(this.eventReminderTimeMinutes || 30);
-  }
-  disconnectedCallback() {
-    d("nylas-reminder-time", "disconnectedCallback");
-  }
-  applyThemeConfig(e) {
-    if (e)
-      for (const [t, n] of Object.entries(e))
-        this.host.style.setProperty(`${t}`, n);
-  }
-  nylasSuggestReminderMinutesHandler(e) {
-    const { minutes: t } = e.detail;
-    this.errorState = !1, this.valueChanged.emit({ value: t.toString(), name: this.name }), this.isInternalsAvailable && this.internals.setFormValue(t.toString(), this.name), this.updateNumberAndPeriodFromMinutes(t + 7), setTimeout(() => {
-      this.updateNumberAndPeriodFromMinutes(t);
-    }, 10);
-  }
-  timePeriodChangedHandler(e) {
-    const { number: t, period: n } = e.detail;
-    let o;
-    const r = 60, s = r * 24, a = s * 7, i = s * 30;
-    n === "minute" ? o = t : n === "hour" ? o = t * r : n === "day" ? o = t * s : n === "week" ? o = t * a : n === "month" ? o = t * i : o = 0, this.errorState = o % 5 !== 0, this.valueChanged.emit({ value: o, name: this.name }), this.isInternalsAvailable && this.internals.setFormValue(o.toString(), this.name);
-  }
-  updateNumberAndPeriodFromMinutes(e) {
-    let s, a;
-    e === 0 ? (s = 0, a = "minute") : e >= 43200 && e % 43200 === 0 ? (s = Math.floor(e / 43200), a = "month") : e >= 10080 && e % 10080 === 0 ? (s = Math.floor(e / 10080), a = "week") : e >= 1440 && e % 1440 === 0 ? (s = Math.floor(e / 1440), a = "day") : e >= 60 && e % 60 === 0 ? (s = Math.floor(e / 60), a = "hour") : (s = e, a = "minute"), this.selectedNumber = s, this.selectedPeriod = a;
-  }
-  get isInternalsAvailable() {
-    return this.internals !== void 0 && typeof this.internals.setFormValue == "function" && typeof this.internals.setValidity == "function";
-  }
-  render() {
-    const e = typeof this.selectedNumber == "number" && typeof this.selectedPeriod == "string";
-    return l(C, { key: "8496d67f55d981e506f577ad20197af8438bd408" }, l("div", { key: "d92c02476f1db6fe56d3045884dd381ed899af8c", class: "nylas-reminder-time", part: "nrt" }, l("div", { key: "79b615876498bcf00f51eaf22779fb54b4c398dc", class: "nylas-reminder-time__wrapper" }, e && l("time-period-selector", { id: "limit-future-bookings", part: "nrt__time-period-selector", hasError: this.errorState, timePeriods: [
-      { value: "minute", label: c.t("timeDuration", { context: "minute" }) },
-      { value: "hour", label: c.t("timeDuration", { context: "hour" }) },
-      { value: "day", label: c.t("timePeriod", { context: "day" }) }
-    ], exportparts: "tps__number-dropdown: nrt__number-dropdown, tps__number-dropdown-button: nrt__number-dropdown-button, tps__number-dropdown-content: nrt__number-dropdown-content, tps__period-dropdown: nrt__period-dropdown, tps__period-dropdown-button: nrt__period-dropdown-button, tps__period-dropdown-content: nrt__period-dropdown-content", defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod, themeConfig: this.themeConfig }))));
-  }
-  static get formAssociated() {
-    return !0;
-  }
-  get host() {
-    return x(this);
-  }
-  static get watchers() {
-    return {
-      name: ["elementNameChangedHandler"],
-      eventReminderTimeMinutes: ["eventReminderTimeMinutesChangedHandler"],
-      selectedLanguage: ["selectedLanguageChangedHandler"],
-      themeConfig: ["themeConfigChangedHandler"]
-    };
-  }
-};
-Se([
-  w({
-    name: "nylas-reminder-time",
-    stateToProps: /* @__PURE__ */ new Map([
-      ["schedulerConfig.selectedLanguage", "selectedLanguage"],
-      ["schedulerConfig.themeConfig", "themeConfig"]
-    ]),
-    eventToProps: {},
-    fireRegisterEvent: !0
-  }),
-  H("design:type", Function),
-  H("design:paramtypes", []),
-  H("design:returntype", void 0)
-], Z.prototype, "render", null);
-Z.style = Re;
-const Me = ".sc-trash-icon-h{display:flex}", Ne = Me, ze = class {
-  constructor(e) {
-    b(this, e), this.width = "20", this.height = "21";
-  }
-  render() {
-    return l("svg", { key: "cd43bcf8a91abf12501571439a02652afeff0b0f", width: this.width, height: this.height, viewBox: "0 0 20 21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, l("path", { key: "2870e48a14d2a84175298a75d47e3224a10385a4", d: "M10 0.25C11.733 0.25 13.1492 1.60645 13.2449 3.31558L13.25 3.5H18.5C18.9142 3.5 19.25 3.83579 19.25 4.25C19.25 4.6297 18.9678 4.94349 18.6018 4.99315L18.5 5H17.704L16.4239 18.0192C16.2912 19.3683 15.1984 20.41 13.8626 20.4945L13.6871 20.5H6.31293C4.95734 20.5 3.81365 19.5145 3.59883 18.1934L3.57614 18.0192L2.295 5H1.5C1.1203 5 0.806509 4.71785 0.756847 4.35177L0.75 4.25C0.75 3.8703 1.03215 3.55651 1.39823 3.50685L1.5 3.5H6.75C6.75 1.70507 8.20507 0.25 10 0.25ZM16.197 5H3.802L5.06893 17.8724C5.12768 18.4696 5.60033 18.9343 6.18585 18.9936L6.31293 19H13.6871C14.2872 19 14.7959 18.5751 14.9123 17.9982L14.9311 17.8724L16.197 5ZM11.75 7.75C12.1297 7.75 12.4435 8.03215 12.4932 8.39823L12.5 8.5V15.5C12.5 15.9142 12.1642 16.25 11.75 16.25C11.3703 16.25 11.0565 15.9678 11.0068 15.6018L11 15.5V8.5C11 8.08579 11.3358 7.75 11.75 7.75ZM8.25 7.75C8.6297 7.75 8.94349 8.03215 8.99315 8.39823L9 8.5V15.5C9 15.9142 8.66421 16.25 8.25 16.25C7.8703 16.25 7.55651 15.9678 7.50685 15.6018L7.5 15.5V8.5C7.5 8.08579 7.83579 7.75 8.25 7.75ZM10 1.75C9.08183 1.75 8.32881 2.45711 8.2558 3.35647L8.25 3.5H11.75C11.75 2.5335 10.9665 1.75 10 1.75Z", fill: "currentColor" }));
-  }
-};
-ze.style = Ne;
-export {
-  Q as checkmark_icon,
-  te as copy_icon,
-  oe as dragable_icon,
-  ie as eye_icon,
-  de as feedback_icon,
-  ye as input_color_picker,
-  N as input_image_url,
-  z as nylas_additional_participants,
-  B as nylas_event_description,
-  j as nylas_event_info,
-  W as nylas_event_location,
-  U as nylas_event_title,
-  K as nylas_feedback_form,
-  Z as nylas_reminder_time,
-  ze as trash_icon
-};