@nylas/react 2.0.3 → 2.0.6

package/dist/checkmark-icon_15.entry-9fd0ec58.js

@@ -0,0 +1,1412 @@
+import { r as b, h as l, a as m, g as x, b as d, S as q, H as C, i as c, y as R, T as S, P as V, U as M } from "./index-140eb219.js";
+import { R as w } from "./register-component-0aad9e3d-b395364a.js";
+import { E as k, P as E, f as J } from "./constants-f51538ef-e0a5f026.js";
+import "react";
+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 U = 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)
+], U.prototype, "render", null);
+U.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 W = 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)
+], W.prototype, "render", null);
+W.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 Z = 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)
+], Z.prototype, "render", null);
+Z.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 K = 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)
+], K.prototype, "render", null);
+K.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,
+  U as nylas_event_location,
+  W as nylas_event_title,
+  Z as nylas_feedback_form,
+  K as nylas_reminder_time,
+  ze as trash_icon
+};