@nylas/web-elements 0.0.0-canary-20241008193213 → 0.0.0-canary-20241017103834

package/dist/cdn/nylas-additional-participants/nylas-additional-participants.es.js

@@ -1570,11 +1570,11 @@ var ru = { exports: {} };
       }, w.valueOf = function() {
         return this.$d.getTime();
       }, w.startOf = function(p, v) {
-        var y = this, T = !!L.u(v) || v, O = L.p(p), _ = function(re, ue) {
-          var Ae = L.w(y.$u ? Date.UTC(y.$y, ue, re) : new Date(y.$y, ue, re), y);
+        var y = this, T = !!L.u(v) || v, O = L.p(p), _ = function(ne, ue) {
+          var Ae = L.w(y.$u ? Date.UTC(y.$y, ue, ne) : new Date(y.$y, ue, ne), y);
           return T ? Ae : Ae.endOf(l);
-        }, U = function(re, ue) {
-          return L.w(y.toDate()[re].apply(y.toDate("s"), (T ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(ue)), y);
+        }, U = function(ne, ue) {
+          return L.w(y.toDate()[ne].apply(y.toDate("s"), (T ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(ue)), y);
         }, F = this.$W, ee = this.$M, Y = this.$D, H = "set" + (this.$u ? "UTC" : "");
         switch (O) {
           case h:
@@ -1634,9 +1634,9 @@ var ru = { exports: {} };
         }, ce = y.meridiem || function(ue, Ae, jn) {
           var jt = ue < 12 ? "AM" : "PM";
           return jn ? jt.toLowerCase() : jt;
-        }, re = { YY: String(this.$y).slice(-2), YYYY: this.$y, M: F + 1, MM: L.s(F + 1, 2, "0"), MMM: H(y.monthsShort, F, Y, 3), MMMM: H(Y, F), D: this.$D, DD: L.s(this.$D, 2, "0"), d: String(this.$W), dd: H(y.weekdaysMin, this.$W, ee, 2), ddd: H(y.weekdaysShort, this.$W, ee, 3), dddd: ee[this.$W], H: String(_), HH: L.s(_, 2, "0"), h: ge(1), hh: ge(2), a: ce(_, U, !0), A: ce(_, U, !1), m: String(U), mm: L.s(U, 2, "0"), s: String(this.$s), ss: L.s(this.$s, 2, "0"), SSS: L.s(this.$ms, 3, "0"), Z: O };
+        }, ne = { YY: String(this.$y).slice(-2), YYYY: this.$y, M: F + 1, MM: L.s(F + 1, 2, "0"), MMM: H(y.monthsShort, F, Y, 3), MMMM: H(Y, F), D: this.$D, DD: L.s(this.$D, 2, "0"), d: String(this.$W), dd: H(y.weekdaysMin, this.$W, ee, 2), ddd: H(y.weekdaysShort, this.$W, ee, 3), dddd: ee[this.$W], H: String(_), HH: L.s(_, 2, "0"), h: ge(1), hh: ge(2), a: ce(_, U, !0), A: ce(_, U, !1), m: String(U), mm: L.s(U, 2, "0"), s: String(this.$s), ss: L.s(this.$s, 2, "0"), SSS: L.s(this.$ms, 3, "0"), Z: O };
         return T.replace(S, function(ue, Ae) {
-          return Ae || re[ue] || O.replace(":", "");
+          return Ae || ne[ue] || O.replace(":", "");
         });
       }, w.utcOffset = function() {
         return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
@@ -10652,10 +10652,10 @@ and ensure you are accounting for this risk.
             try {
               const H = L(U);
               if (e.allowedScriptHostnames || e.allowedScriptDomains) {
-                const ge = (e.allowedScriptHostnames || []).find(function(re) {
-                  return re === H.url.hostname;
-                }), ce = (e.allowedScriptDomains || []).find(function(re) {
-                  return H.url.hostname === re || H.url.hostname.endsWith(`.${re}`);
+                const ge = (e.allowedScriptHostnames || []).find(function(ne) {
+                  return ne === H.url.hostname;
+                }), ce = (e.allowedScriptDomains || []).find(function(ne) {
+                  return H.url.hostname === ne || H.url.hostname.endsWith(`.${ne}`);
                 });
                 Y = ge || ce;
               }
@@ -10674,10 +10674,10 @@ and ensure you are accounting for this risk.
               if (H.isRelativeUrl)
                 Y = Ue(e, "allowIframeRelativeUrls") ? e.allowIframeRelativeUrls : !e.allowedIframeHostnames && !e.allowedIframeDomains;
               else if (e.allowedIframeHostnames || e.allowedIframeDomains) {
-                const ge = (e.allowedIframeHostnames || []).find(function(re) {
-                  return re === H.url.hostname;
-                }), ce = (e.allowedIframeDomains || []).find(function(re) {
-                  return H.url.hostname === re || H.url.hostname.endsWith(`.${re}`);
+                const ge = (e.allowedIframeHostnames || []).find(function(ne) {
+                  return ne === H.url.hostname;
+                }), ce = (e.allowedIframeDomains || []).find(function(ne) {
+                  return H.url.hostname === ne || H.url.hostname.endsWith(`.${ne}`);
                 });
                 Y = ge || ce;
               }
@@ -10709,9 +10709,9 @@ and ensure you are accounting for this risk.
               return;
             }
           if (F === "class") {
-            const Y = c[p], H = c["*"], ge = f[p], ce = d[p], re = f["*"], ue = [
+            const Y = c[p], H = c["*"], ge = f[p], ce = d[p], ne = f["*"], ue = [
               ge,
-              re
+              ne
             ].concat(ce).filter(function(Ae) {
               return Ae;
             });
@@ -11318,7 +11318,7 @@ const F6 = {
 function Zn(n) {
   return P6(n, F6);
 }
-function ne(...n) {
+function re(...n) {
   window && window.localStorage && window.localStorage.getItem("debug") && (console.group(...n), console.trace(), console.groupEnd());
 }
 function en(...n) {
@@ -11348,7 +11348,7 @@ function q6(n, e, t = "unregisterComponent") {
 function hg(n) {
   return (e, t) => {
     const r = n.name;
-    ne(`[${r}] Registering component ${r} being called on ${t}`);
+    re(`[${r}] Registering component ${r} being called on ${t}`);
     const i = e.componentWillLoad;
     if (!i) {
       en(`[${r}] componentWillLoad lifecycle method in ${r} missing. Required for RegisterComponent decorator.`);
@@ -11376,7 +11376,7 @@ function hg(n) {
       var l;
       a.set(o, (l = n.eventToProps) == null ? void 0 : l[o]);
     }), e.connectedCallback = function() {
-      ne(`[~${r}] connectedCallback called`);
+      re(`[~${r}] connectedCallback called`);
       const o = s == null ? void 0 : s.call(this), l = tn(this);
       return l.dataset.nylasId || (Object.defineProperty(l, "registerNylasComponent", {
         get() {
@@ -11425,14 +11425,14 @@ function hg(n) {
         ...n,
         eventToProps: a
       }, f = j6(e, c, n.registrationEventName);
-      return l.dispatchEvent(f) && ne(`[${r}] Component ${r} successfully fired registration event`), o;
+      return l.dispatchEvent(f) && re(`[${r}] Component ${r} successfully fired registration event`), o;
     }, e.disconnectedCallback = function() {
       const o = u == null ? void 0 : u.call(this), l = tn(this), c = {
         element: l,
         ...n,
         eventToProps: a
       }, f = q6(e, c, n.unregistrationEventName);
-      return l.dispatchEvent(f) && ne(`[${r}] Component ${r} successfully fired unregistration event`), o;
+      return l.dispatchEvent(f) && re(`[${r}] Component ${r} successfully fired unregistration event`), o;
     });
   };
 }
@@ -11441,7 +11441,7 @@ const z6 = ".sc-add-circle-icon-h{display:flex}", H6 = z6, Y6 = Ze(class extends
     super(), this.__registerHost(), this.width = "24", this.height = "25";
   }
   render() {
-    return M("svg", { key: "5f4574833991cf259f08df93a218894bd849d112", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, M("path", { key: "5369d12ef03c62758a830c0a48d45aa1f731bbc8", d: "M12 2.5c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10ZM12 4a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm0 3.5a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5A.75.75 0 0 1 12 7.5Z", fill: "currentColor" }));
+    return M("svg", { key: "9e690681d1b901e7e3d253077f78686f791649a5", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, M("path", { key: "790a61b553585cc1f31547f19adadc95a46c5166", d: "M12 2.5c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10ZM12 4a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm0 3.5a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5A.75.75 0 0 1 12 7.5Z", fill: "currentColor" }));
   }
   static get style() {
     return H6;
@@ -11466,7 +11466,7 @@ const W6 = ".sc-close-icon-h{display:flex}", V6 = W6, K6 = Ze(class extends Je {
     super(), this.__registerHost(), this.width = "16", this.height = "16";
   }
   render() {
-    return M("svg", { key: "ae2727b3e3bb8e386a60828defc34532de883473", width: "21", height: "21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, M("g", { key: "3bc87607b1cf527273887ff3835716c2b16c312c", "clip-path": "url(#a)" }, M("path", { key: "3e5870c3439d7aba6930d4468925e958cd3867bf", d: "M5.73 4.574a.75.75 0 1 0-1.061 1.06l4.419 4.42-4.42 4.42a.75.75 0 1 0 1.061 1.06l4.42-4.42 4.419 4.42a.75.75 0 0 0 1.06-1.06l-4.419-4.42 4.42-4.42a.75.75 0 1 0-1.061-1.06l-4.42 4.42-4.419-4.42Z", fill: "currentColor" })), M("defs", { key: "7ae8ce566367e278782c83c4c2a3964013968579" }, M("clipPath", { key: "184fe559a12c59831e92e05d9564787fb14ce197", id: "a" }, M("path", { key: "907b8eb528141f6ff41e3d266557d6b720617a2a", fill: "#fff", transform: "translate(.148 .054)", d: "M0 0h20v20H0z" }))));
+    return M("svg", { key: "ea4c2e95733509b6dec0689e638a25df560567e2", width: "21", height: "21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, M("g", { key: "49366dc579896a3e8fcfed0c7d3cce7dab209d50", "clip-path": "url(#a)" }, M("path", { key: "57a3efd12ca2c8f019b118f0113172342ddb6354", d: "M5.73 4.574a.75.75 0 1 0-1.061 1.06l4.419 4.42-4.42 4.42a.75.75 0 1 0 1.061 1.06l4.42-4.42 4.419 4.42a.75.75 0 0 0 1.06-1.06l-4.419-4.42 4.42-4.42a.75.75 0 1 0-1.061-1.06l-4.42 4.42-4.419-4.42Z", fill: "currentColor" })), M("defs", { key: "424636139255dfdcebe6d3dc901c84168c4c713e" }, M("clipPath", { key: "0ebaa728a38c48694e48f1182c1de98bba97ff0d", id: "a" }, M("path", { key: "bfe4ed6e55fe74a819e6d512a0b7e2c018baec14", fill: "#fff", transform: "translate(.148 .054)", d: "M0 0h20v20H0z" }))));
   }
   static get style() {
     return V6;
@@ -11491,7 +11491,7 @@ const J6 = ".sc-info-icon-h{display:flex}", Q6 = J6, X6 = Ze(class extends Je {
     super(), this.__registerHost(), this.width = "14", this.height = "14";
   }
   render() {
-    return M("svg", { key: "149fd3ce434b49a4f6537d02e61826b37902eaf7", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, M("path", { key: "0f3bee3c4081b4d171771096bfe4f325a64dbe1c", fill: "currentColor", d: "M6.5 5.5C6.77614 5.5 7 5.72386 7 6V9C7 9.27614 6.77614 9.5 6.5 9.5C6.22386 9.5 6 9.27614 6 9V6C6 5.72386 6.22386 5.5 6.5 5.5ZM6.50001 4.74907C6.91369 4.74907 7.24905 4.41371 7.24905 4.00003C7.24905 3.58635 6.91369 3.251 6.50001 3.251C6.08633 3.251 5.75098 3.58635 5.75098 4.00003C5.75098 4.41371 6.08633 4.74907 6.50001 4.74907ZM0.5 6.5C0.5 3.18629 3.18629 0.5 6.5 0.5C9.81371 0.5 12.5 3.18629 12.5 6.5C12.5 9.81371 9.81371 12.5 6.5 12.5C3.18629 12.5 0.5 9.81371 0.5 6.5ZM6.5 1.5C3.73858 1.5 1.5 3.73858 1.5 6.5C1.5 9.26142 3.73858 11.5 6.5 11.5C9.26142 11.5 11.5 9.26142 11.5 6.5C11.5 3.73858 9.26142 1.5 6.5 1.5Z" }));
+    return M("svg", { key: "3087788ff23b6230877edbe5ef6ec384a3cbd3cc", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, M("path", { key: "41bc050582f31986abd97b6eab9c6d52a24dc62c", fill: "currentColor", d: "M6.5 5.5C6.77614 5.5 7 5.72386 7 6V9C7 9.27614 6.77614 9.5 6.5 9.5C6.22386 9.5 6 9.27614 6 9V6C6 5.72386 6.22386 5.5 6.5 5.5ZM6.50001 4.74907C6.91369 4.74907 7.24905 4.41371 7.24905 4.00003C7.24905 3.58635 6.91369 3.251 6.50001 3.251C6.08633 3.251 5.75098 3.58635 5.75098 4.00003C5.75098 4.41371 6.08633 4.74907 6.50001 4.74907ZM0.5 6.5C0.5 3.18629 3.18629 0.5 6.5 0.5C9.81371 0.5 12.5 3.18629 12.5 6.5C12.5 9.81371 9.81371 12.5 6.5 12.5C3.18629 12.5 0.5 9.81371 0.5 6.5ZM6.5 1.5C3.73858 1.5 1.5 3.73858 1.5 6.5C1.5 9.26142 3.73858 11.5 6.5 11.5C9.26142 11.5 11.5 9.26142 11.5 6.5C11.5 3.73858 9.26142 1.5 6.5 1.5Z" }));
   }
   static get style() {
     return Q6;
@@ -11563,7 +11563,7 @@ const tx = ':host{display:block;height:auto;--nylas-primary:#2563eb;--nylas-erro
     !this.pattern || !e && !this.required || (this.pattern.test(e) ? this.error = "" : this.error = this.patternError || "Invalid format.");
   }
   render() {
-    return M("label", { key: "e34259d7c68764f76d23e5e29a2e146abc37d8e8", part: "ic__label", class: { error: !!this.error } }, this.label && M("p", null, M("span", { class: "label" }, this.label), this.required && M("span", { class: "required" }, "*")), M("div", { key: "bbf9cc51221105ef91447dec3e6a8f37112652fb", part: "ic__input_wrapper", class: "input_wrapper" }, M("input", { key: "a4772fec8494e8ae308960568baf58dddebbb741", type: "text", name: this.name, part: "ic__input", readOnly: this.readOnly, autoFocus: this.autoFocus, value: this.value, maxLength: this.maxLength, placeholder: this.placeholder, class: { error: !!this.error }, onInput: (e) => this.handleInput(e), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur() }), M("slot", { key: "4baaf6f7b6929da24393e3f81df17fb8ce263d4a", name: "additional-input" })), this.error && M("span", { class: "error help-text" }, this.error));
+    return M("label", { key: "9f2b420dc76c3fd263d690689887ac66ce519264", part: "ic__label", class: { error: !!this.error } }, this.label && M("p", null, M("span", { class: "label" }, this.label), this.required && M("span", { class: "required" }, "*")), M("div", { key: "2a4405560068cfad04acda9bd5ef6ec6c79646f0", part: "ic__input_wrapper", class: "input_wrapper" }, M("input", { key: "fa44c6f9e2c93698fa49948a7ec74f2a87aeb852", type: "text", name: this.name, part: "ic__input", readOnly: this.readOnly, autoFocus: this.autoFocus, value: this.value, maxLength: this.maxLength, placeholder: this.placeholder, class: { error: !!this.error }, onInput: (e) => this.handleInput(e), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur() }), M("slot", { key: "b37c67e64154ed48cadc382c64eca9313b967f66", name: "additional-input" })), this.error && M("span", { class: "error help-text" }, this.error));
   }
   get el() {
     return this;
@@ -11713,7 +11713,7 @@ const ax = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nyla
     !e.composedPath().includes(this.el) && this.isOpen && (this.isOpen = !1);
   }
   render() {
-    return M("div", { key: "c49065e27f831f8f403cf053507bdfd9127262e9", class: "dropdown", part: "id_dropdown" }, M("input", { key: "861269b3c4821877ed03990d10f519958e372e5e", type: "text", name: this.name, id: this.name, part: "id_dropdown-input", class: { dropbtn: !0, open: this.isOpen }, value: this.inputValue, onClick: (e) => {
+    return M("div", { key: "957eeec2ef999ff2bb9be83d0e7f7bb222558ea9", class: "dropdown", part: "id_dropdown" }, M("input", { key: "e7f55061b5d241103d7e6d4de9ceccbe41869f1a", type: "text", name: this.name, id: this.name, part: "id_dropdown-input", class: { dropbtn: !0, open: this.isOpen }, value: this.inputValue, onClick: (e) => {
       this.toggleDropdown(), this.shouldAutoScroll = !0, this.handleClick(e);
     }, "aria-haspopup": "listbox", "aria-label": this.name, "aria-expanded": this.isOpen ? "true" : "false", onKeyDown: (e) => this.handleComboboxKeyDown(e), onInput: (e) => this.handleOnInput(e) }), this.isOpen ? M("div", { class: "dropdown-content", part: "id_dropdown-content", ref: (e) => this.optionsRef = e }, M("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: (e) => this.handleListboxKeydown(e) }, this.filteredOptions.map((e) => M("li", { tabindex: "0", key: e.value, id: e.value, onClick: () => this.selectOption(e), role: "option", class: {
       focused: this.ariaActivedescendant === e.value.toString()
@@ -11779,19 +11779,19 @@ const pg = Ze(class extends Je {
     super(), this.__registerHost(), this.__attachShadow(), this.internals = this.attachInternals();
   }
   connectedCallback() {
-    ne("nylas-event-card", "connectedCallback");
+    re("nylas-event-card", "connectedCallback");
   }
   componentWillLoad() {
-    ne("nylas-event-card", "componentWillLoad");
+    re("nylas-event-card", "componentWillLoad");
   }
   componentDidLoad() {
-    ne("nylas-event-card", "componentDidLoad");
+    re("nylas-event-card", "componentDidLoad");
   }
   disconnectedCallback() {
-    ne("nylas-event-card", "disconnectedCallback"), U6(["header-title", "header-subtitle", "content"], this.host);
+    re("nylas-event-card", "disconnectedCallback"), U6(["header-title", "header-subtitle", "content"], this.host);
   }
   render() {
-    return M(Ir, { key: "9c490244ceaa1c08fae75cad5f796e2b45ea2538" }, M("div", { key: "696b86c8697f4062afcd8a5862c97bf3bf5492e0", class: "nylas-form-card", part: "nfc" }, M("div", { key: "af1f2eb827a74586fe44b476f1d59f9f8785e980", class: "nylas-form-card__header", part: "nfc__header" }, M("slot", { key: "968b720f04d9e64df5708fd1c4d94a9998aa72fc", name: "header-title" }), M("slot", { key: "4df6bddacc17d303f3be42584be48e50bf7fb0f0", name: "header-subtitle" })), M("div", { key: "890fbc0f1628e40a2b92201bb3e4ebc116ed2f9e", class: "nylas-form-card__content" }, M("slot", { key: "861b981bb7a420151fc375cc68dcdcd58ffbb8c2", name: "content" }))));
+    return M(Ir, { key: "5ccd047d1a8bb515dea8aa7b9d7d39265afc31c9" }, M("div", { key: "c40f52eaa4d099d92d65b0df662cd2de1b5f35c7", class: "nylas-form-card", part: "nfc" }, M("div", { key: "545dabd81dce9b4f6f5f1d129071e1136f62e609", class: "nylas-form-card__header", part: "nfc__header" }, M("slot", { key: "2be9b24f91316235be7132a6466cd16b9dfe813c", name: "header-title" }), M("slot", { key: "3414a084465efc50a3856291dff61d8ef3b3c617", name: "header-subtitle" })), M("div", { key: "cc07650a55afd7fc5d2429ff3611168977775bc8", class: "nylas-form-card__content" }, M("slot", { key: "d50dd8dfbfea1ad84876495e72dd03102e2bc0dc", name: "content" }))));
   }
   static get formAssociated() {
     return !0;
@@ -11835,7 +11835,7 @@ const gx = '.tooltip-container{position:relative;display:flex;--nylas-primary:#2
     e.target.nextElementSibling.style.visibility = "hidden", e.target.nextElementSibling.style.opacity = "0";
   }
   render() {
-    return M("div", { key: "f7ed680c86f53928c284ced8d5a6c30cd6a8a158", class: "tooltip-container", part: "tc__container" }, M("span", { key: "07d396ac91688a025497e4ff9ea5ea4c9263e787", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, M("slot", { key: "f8ed2155292bdd8f6e7adc72e0e89ed16a6fa823", name: "tooltip-icon" }, "i")), M("span", { key: "69f9669f987897f46ede1c67f6001824e7d27553", class: `tooltip-content ${this.position}`, part: "tc__content" }, M("slot", { key: "f7e46722aca747f4ec8022df2080d08e5200e256", name: "tooltip-content" }, "This is a help text.")));
+    return M("div", { key: "dbfd3d300f3f3d3e139991f1cb84a12161b61a73", class: "tooltip-container", part: "tc__container" }, M("span", { key: "8a03f9657c641680d4fa166f3fc680d35aa24281", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, M("slot", { key: "0f8478af1526e2775907e17555a36db85f482ff4", name: "tooltip-icon" }, "i")), M("span", { key: "171ae65f59875214c68e80749f5a9c108fb365fb", class: `tooltip-content ${this.position}`, part: "tc__content" }, M("slot", { key: "888f7faaf29825faa27df7935e47526d6fa6f126", name: "tooltip-content" }, "This is a help text.")));
   }
   get el() {
     return this;
@@ -11873,43 +11873,46 @@ var wx = function(n, e, t, r) {
 const ui = Ze(class extends Je {
   constructor() {
     var e, t, r;
-    super(), this.__registerHost(), this.__attachShadow(), this.valueChanged = kt(this, "valueChanged", 7), this.internals = this.attachInternals(), this.selectedConfiguration = void 0, this.currentUser = void 0, this.name = "participants", this.eventParticipants = void 0, this.participantOptions = void 0, this.participants = this.eventParticipants ?? [], this.participantErrors = {}, this.includeOrganizerAsParticipant = !0, this.isRoundRobinConfig = ((r = (t = (e = this.selectedConfiguration) == null ? void 0 : e.availability) == null ? void 0 : t.availability_rules) == null ? void 0 : r.availability_method) !== "collective", this.error = "";
+    super(), this.__registerHost(), this.__attachShadow(), this.valueChanged = kt(this, "valueChanged", 7), this.internals = this.attachInternals(), this.name = "participants", this.selectedConfiguration = void 0, this.currentUser = void 0, this.participantOptions = void 0, this.eventParticipants = void 0, this.participants = this.eventParticipants ?? [], this.participantErrors = {}, this.includeOrganizerAsParticipant = !0, this.isRoundRobinConfig = ((r = (t = (e = this.selectedConfiguration) == null ? void 0 : e.availability) == null ? void 0 : t.availability_rules) == null ? void 0 : r.availability_method) !== "collective", this.error = "";
   }
   elementNameChangedHandler(e) {
-    ne("nylas-additional-participants", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
+    re("nylas-additional-participants", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
   }
   selectedConfigurationChangedHandler(e) {
     var t, r;
-    ne("nylas-additional-participants", "selectedConfigurationChangedHandler", e), this.isRoundRobinConfig = ((r = (t = e == null ? void 0 : e.availability) == null ? void 0 : t.availability_rules) == null ? void 0 : r.availability_method) !== "collective", this.participants = (e == null ? void 0 : e.participants) || [], this.updateOrganizerAsParticipant();
+    re("nylas-additional-participants", "selectedConfigurationChangedHandler", e), this.isRoundRobinConfig = ((r = (t = e == null ? void 0 : e.availability) == null ? void 0 : t.availability_rules) == null ? void 0 : r.availability_method) !== "collective", this.participants = (e == null ? void 0 : e.participants) || [], this.updateOrganizerAsParticipant();
   }
   connectedCallback() {
-    ne("nylas-additional-participants", "connectedCallback");
+    re("nylas-additional-participants", "connectedCallback");
   }
   componentWillLoad() {
-    ne("nylas-additional-participants", "componentWillLoad"), this.host.setAttribute("name", this.name);
+    re("nylas-additional-participants", "componentWillLoad"), this.host.setAttribute("name", this.name);
   }
   componentDidLoad() {
     var e, t, r;
-    ne("nylas-additional-participants", "componentDidLoad"), this.isRoundRobinConfig = ((r = (t = (e = this.selectedConfiguration) == null ? void 0 : e.availability) == null ? void 0 : t.availability_rules) == null ? void 0 : r.availability_method) !== "collective", this.includeOrganizerAsParticipant = !!(this.isRoundRobinConfig && this.participants.find((i) => {
+    re("nylas-additional-participants", "componentDidLoad"), this.isRoundRobinConfig = ((r = (t = (e = this.selectedConfiguration) == null ? void 0 : e.availability) == null ? void 0 : t.availability_rules) == null ? void 0 : r.availability_method) !== "collective", this.includeOrganizerAsParticipant = !!(this.isRoundRobinConfig && this.participants.find((i) => {
       var s;
       return i.email === ((s = this.currentUser) == null ? void 0 : s.email);
     })), this.selectedConfiguration ? this.selectedConfigurationChangedHandler(this.selectedConfiguration) : this.updateOrganizerAsParticipant();
   }
   disconnectedCallback() {
-    ne("nylas-additional-participants", "disconnectedCallback");
+    re("nylas-additional-participants", "disconnectedCallback");
+  }
+  isInternalsAvailable() {
+    return this.internals !== void 0 && typeof this.internals.setFormValue == "function" && typeof this.internals.setValidity == "function";
   }
   onInputOptionChanged(e) {
     var s;
-    ne("nylas-additional-participants", "onInputOptionChanged");
-    const t = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/, r = e.detail.name, i = (s = this.participantOptions) == null ? void 0 : s.find((u) => u.email === e.detail.value);
+    re("nylas-additional-participants", "onInputOptionChanged");
+    const t = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/, r = e.detail.name, i = (s = this.participantOptions) == null ? void 0 : s.find((u) => u.email === e.detail.value);
     if (!i && this.isRoundRobinConfig) {
-      this.internals.setValidity({ customError: !0 }, "For round robin configuration, participant should be selected from the dropdown."), this.participantErrors[r] = "For round robin page, participant should be selected from the dropdown.", this.participants[r].is_valid = !1, this.participants = [...this.participants];
+      this.isInternalsAvailable() && this.internals.setValidity({ customError: !0 }, "For round robin configuration, participant should be selected from the dropdown."), this.participantErrors[r] = "For round robin page, participant should be selected from the dropdown.", this.participants[r].is_valid = !1, this.participants = [...this.participants];
       return;
     } else if (!i && !t.test(e.detail.value)) {
-      this.internals.setValidity({ customError: !0 }, "Please enter a valid email address"), this.participantErrors[r] = "Please enter a valid email address", this.participants[r].is_valid = !1, this.participants = [...this.participants];
+      this.isInternalsAvailable() && this.internals.setValidity({ customError: !0 }, "Please enter a valid email address"), this.participantErrors[r] = "Please enter a valid email address", this.participants[r].is_valid = !1, this.participants = [...this.participants];
       return;
     } else
-      this.participantErrors[r] = "", this.participants[r].is_valid = !0, this.internals.setValidity({});
+      this.participantErrors[r] = "", this.participants[r].is_valid = !0, this.isInternalsAvailable() && this.internals.setValidity({});
     this.participants[r].email = e.detail.value, this.participants[r].availability = i ? { calendar_ids: ["primary"] } : void 0, this.participants[r].booking = i && this.isRoundRobinConfig ? { calendar_id: "primary" } : void 0, this.participants[r].name = (i == null ? void 0 : i.name) || e.detail.value, this.participants = [...this.participants], this.updateFormValue();
   }
   updateOrganizerAsParticipant() {
@@ -11934,33 +11937,28 @@ const ui = Ze(class extends Je {
     ]), this.updateFormValue();
   }
   addParticipant() {
-    ne("nylas-additional-participants", "addParticipant"), this.participants = [...this.participants, { name: "", email: "", is_organizer: !1 }], this.updateFormValue();
+    re("nylas-additional-participants", "addParticipant"), this.participants = [...this.participants, { name: "", email: "", is_organizer: !1 }], this.updateFormValue();
   }
   removeParticipant(e) {
-    ne("nylas-additional-participants", "removeParticipant"), this.participants = this.participants.filter((t, r) => r !== e), this.updateFormValue();
-  }
-  validate(e, t) {
-    ne("nylas-additional-participants", "validate");
-    const i = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(String(e).toLowerCase());
-    this.participants[t].is_valid = i, this.updateFormValue();
+    re("nylas-additional-participants", "removeParticipant"), this.participants = this.participants.filter((t, r) => r !== e), this.updateFormValue();
   }
   updateFormValue() {
-    ne("nylas-additional-participants", "updateFormValue");
+    re("nylas-additional-participants", "updateFormValue");
     const e = this.isRoundRobinConfig ? this.includeOrganizerAsParticipant ? this.participants : this.participants.filter((t) => !t.is_organizer) : this.participants;
-    e.length === 0 ? (this.internals.setValidity({ customError: !0 }, "Please add at least one participant"), this.error = "Please add at least one participant") : (this.internals.setValidity({}), this.error = "", this.internals.setFormValue(JSON.stringify(e), this.name), this.valueChanged.emit({ value: JSON.stringify(e), name: this.name }));
+    e.length === 0 ? (this.isInternalsAvailable() && this.internals.setValidity({ customError: !0 }, "Please add at least one participant"), this.error = "Please add at least one participant") : (this.isInternalsAvailable() && this.internals.setValidity({}), this.error = "", this.isInternalsAvailable() && this.internals.setFormValue(JSON.stringify(e), this.name), this.valueChanged.emit({ value: JSON.stringify(e), name: this.name }));
   }
   getArrayDifference(e, t) {
     return e.filter((i) => !t.some((s) => i.email === s.email)).map((i) => ({ value: i.email, label: i.email }));
   }
   render() {
-    return M(Ir, { key: "f572ef4697366d1a9e16ae731d843f0d2990b532" }, M("nylas-form-card", { key: "d9768023dab3681451a852ea8835278390e5b9bc" }, M("h3", { key: "0fbc4c285823bd1ac094279737afce463186df21", slot: "header-title", class: "nylas-additional-participants__title", part: "nap__title" }, "Participants"), M("p", { key: "3fe81e6f2ca9e17a9c5972c99512007a0e3cc3fd", slot: "header-subtitle", class: "nylas-additional-participants__subtitle", part: "nap__subtitle" }, "Add people in your team or organization to join the event."), M("div", { key: "a64a28a0a10432a9b7103ecf70fe7d7526c45cf6", slot: "content", class: "nylas-additional-participants__content" }, M("div", { key: "9aed59dd76dd56f4e8af0717113a7d1f1ef952fb" }, this.participants.map((e, t) => M("div", { class: "nylas-additional-participants__input_group", part: "nap__input_group" }, !e.is_organizer && M("label", null, `Participant ${t}`), M("div", { part: "nap__input_wrapper", class: {
+    return M(Ir, { key: "b17facebc66435c9e405b442500163b47836914e", part: "nap" }, M("nylas-form-card", { key: "bce92f93c9f0ec0c04c000582505ea1adb1a3e22" }, M("h3", { key: "07cd5fd66a38dadfd67f67607fe81fb235cbb1f3", slot: "header-title", class: "nylas-additional-participants__title", part: "nap__title" }, "Participants"), M("p", { key: "3e9f5348444a81731228d4ce5f355b3cd6ead03f", slot: "header-subtitle", class: "nylas-additional-participants__subtitle", part: "nap__subtitle" }, "Add people in your team or organization to join the event."), M("div", { key: "b6921a32886aaedbf9ecaa942912c2991881b380", slot: "content", class: "nylas-additional-participants__content" }, M("div", { key: "780531379643ee4764122906f144d302e0bc32e5" }, this.participants.map((e, t) => M("div", { class: "nylas-additional-participants__input_group", part: "nap__input_group" }, !e.is_organizer && M("label", null, `Participant ${t}`), M("div", { part: "nap__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
     } }, M("div", { class: { "nylas-additional-participants__input": !0, organizer: (e == null ? void 0 : e.is_organizer) === !0 }, part: "nap__input" }, e.is_organizer ? M("input-component", { class: "label-input", name: `${t}`, key: t, label: "Organizer", required: !1, readOnly: e.is_organizer, defaultValue: e.email }, this.isRoundRobinConfig && M("div", { class: "required-input", slot: "additional-input" }, M("input", { type: "checkbox", name: "organizer_participant", id: "organizer_participant", onClick: () => {
       this.includeOrganizerAsParticipant = !this.includeOrganizerAsParticipant, this.updateFormValue();
-    }, checked: this.includeOrganizerAsParticipant }), M("label", { htmlFor: "organizer_participant", "aria-label": "Include as participant" }, "Participant", M("tooltip-component", { id: "organizer_participant_tooltip" }, M("info-icon", { slot: "tooltip-icon" }), M("span", { slot: "tooltip-content" }, M("strong", null, "Include Organizer:"), " The organizer (you) will be included in the round-robin rotation. ", M("br", null), M("strong", null, "Exclude Organizer:"), " The organizer (you) will not be included in the round-robin rotation."))))) : M("input-dropdown", { id: `${t}`, name: `${t}`, filterable: !0, inputValue: e.email, options: this.getArrayDifference(this.participantOptions || [], this.participants) }), !e.is_organizer && M("button", { onClick: () => this.removeParticipant(t), part: "nap__remove-participant" }, M("close-icon", null)))), !e.is_valid && M("p", { class: "nylas-additional-participants__error", part: "nap__error" }, this.participantErrors[t]))), M("p", { key: "c845a12cc8e6f0e740c03e5e4a048e971e98494c", class: "nylas-additional-participants__error", part: "nap__error" }, this.error)), M("button", { key: "b87fdb5d9d0862db6e6f6a7a0d52040786d866d8", class: "nylas-additional-participants__add", part: "nap__add-participant", onClick: () => this.addParticipant() }, M("add-circle-icon", { key: "3abd7360857202c104834e883119ed06373ff6b2" }), " ", M("span", { key: "8fbdc0a41874989ece04b60bd60ee61e79ca4f59" }, "Add ", this.participants.length > 1 ? "another" : "a", " participant")))));
+    }, checked: this.includeOrganizerAsParticipant }), M("label", { htmlFor: "organizer_participant", "aria-label": "Include as participant" }, "Participant", M("tooltip-component", { id: "organizer_participant_tooltip" }, M("info-icon", { slot: "tooltip-icon" }), M("span", { slot: "tooltip-content" }, M("strong", null, "Include Organizer:"), " The organizer (you) will be included in the round-robin rotation. ", M("br", null), M("strong", null, "Exclude Organizer:"), " The organizer (you) will not be included in the round-robin rotation."))))) : M("input-dropdown", { id: `${t}`, name: `${t}`, filterable: !0, inputValue: e.email, options: this.getArrayDifference(this.participantOptions || [], this.participants) }), !e.is_organizer && M("button", { onClick: () => this.removeParticipant(t), part: "nap__remove-participant" }, M("close-icon", null)))), !e.is_valid && M("p", { class: "nylas-additional-participants__error", part: "nap__error" }, this.participantErrors[t]))), M("p", { key: "9921cf9eb77303da37e64bb4b2555fe662bcb299", class: "nylas-additional-participants__error", part: "nap__error" }, this.error)), M("button", { key: "0fdc9f4d4ee5b221aaaa01de39e0fe5ad29675f1", class: "nylas-additional-participants__add", part: "nap__add-participant", onClick: () => this.addParticipant() }, M("add-circle-icon", { key: "c1c405144661b246731d48907246b3bc9e252410" }), " ", M("span", { key: "2ccd09a3a9c148dd4e895f7c3b2ac52cce86b76b" }, "Add ", this.participants.length > 1 ? "another" : "a", " participant")))));
   }
   static get formAssociated() {
     return !0;
@@ -11978,11 +11976,11 @@ const ui = Ze(class extends Je {
     return vx;
   }
 }, [65, "nylas-additional-participants", {
+  name: [1],
   selectedConfiguration: [16],
   currentUser: [16],
-  name: [1],
-  eventParticipants: [16],
   participantOptions: [16],
+  eventParticipants: [16],
   participants: [32],
   participantErrors: [32],
   includeOrganizerAsParticipant: [32],

package/dist/cdn/nylas-availability-picker/nylas-availability-picker.es.js

@@ -9773,7 +9773,7 @@ const J2 = ".sc-add-circle-icon-h{display:flex}", Z2 = J2, Q2 = Se(class extends
     super(), this.__registerHost(), this.width = "24", this.height = "25";
   }
   render() {
-    return $("svg", { key: "5f4574833991cf259f08df93a218894bd849d112", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, $("path", { key: "5369d12ef03c62758a830c0a48d45aa1f731bbc8", d: "M12 2.5c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10ZM12 4a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm0 3.5a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5A.75.75 0 0 1 12 7.5Z", fill: "currentColor" }));
+    return $("svg", { key: "9e690681d1b901e7e3d253077f78686f791649a5", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, $("path", { key: "790a61b553585cc1f31547f19adadc95a46c5166", d: "M12 2.5c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10ZM12 4a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm0 3.5a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5A.75.75 0 0 1 12 7.5Z", fill: "currentColor" }));
   }
   static get style() {
     return Z2;
@@ -9798,7 +9798,7 @@ const ey = ".sc-chevron-icon-h{display:flex}", ty = ey, ry = Se(class extends Ce
     super(), this.__registerHost(), this.width = "24", this.height = "24";
   }
   render() {
-    return $("svg", { key: "750f65d52fa710778d800b825058c4f49c3bd998", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, $("path", { key: "f03cbd70f5a3b0304c2fd55960ccf20576619908", fill: "currentColor", d: "M15.53 4.22a.75.75 0 0 1 0 1.06L8.81 12l6.72 6.72a.75.75 0 1 1-1.06 1.06l-7.25-7.25a.75.75 0 0 1 0-1.06l7.25-7.25a.75.75 0 0 1 1.06 0Z" }));
+    return $("svg", { key: "fb1ba717c31f07393be2b8b0c984e1be9aac2042", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, $("path", { key: "df8820887c1787356ad0727baf34fe0c5b76bbd4", fill: "currentColor", d: "M15.53 4.22a.75.75 0 0 1 0 1.06L8.81 12l6.72 6.72a.75.75 0 1 1-1.06 1.06l-7.25-7.25a.75.75 0 0 1 0-1.06l7.25-7.25a.75.75 0 0 1 1.06 0Z" }));
   }
   static get style() {
     return ty;
@@ -9823,7 +9823,7 @@ const iy = ".sc-close-icon-h{display:flex}", ny = iy, ay = Se(class extends Ce {
     super(), this.__registerHost(), this.width = "16", this.height = "16";
   }
   render() {
-    return $("svg", { key: "ae2727b3e3bb8e386a60828defc34532de883473", width: "21", height: "21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, $("g", { key: "3bc87607b1cf527273887ff3835716c2b16c312c", "clip-path": "url(#a)" }, $("path", { key: "3e5870c3439d7aba6930d4468925e958cd3867bf", d: "M5.73 4.574a.75.75 0 1 0-1.061 1.06l4.419 4.42-4.42 4.42a.75.75 0 1 0 1.061 1.06l4.42-4.42 4.419 4.42a.75.75 0 0 0 1.06-1.06l-4.419-4.42 4.42-4.42a.75.75 0 1 0-1.061-1.06l-4.42 4.42-4.419-4.42Z", fill: "currentColor" })), $("defs", { key: "7ae8ce566367e278782c83c4c2a3964013968579" }, $("clipPath", { key: "184fe559a12c59831e92e05d9564787fb14ce197", id: "a" }, $("path", { key: "907b8eb528141f6ff41e3d266557d6b720617a2a", fill: "#fff", transform: "translate(.148 .054)", d: "M0 0h20v20H0z" }))));
+    return $("svg", { key: "ea4c2e95733509b6dec0689e638a25df560567e2", width: "21", height: "21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, $("g", { key: "49366dc579896a3e8fcfed0c7d3cce7dab209d50", "clip-path": "url(#a)" }, $("path", { key: "57a3efd12ca2c8f019b118f0113172342ddb6354", d: "M5.73 4.574a.75.75 0 1 0-1.061 1.06l4.419 4.42-4.42 4.42a.75.75 0 1 0 1.061 1.06l4.42-4.42 4.419 4.42a.75.75 0 0 0 1.06-1.06l-4.419-4.42 4.42-4.42a.75.75 0 1 0-1.061-1.06l-4.42 4.42-4.419-4.42Z", fill: "currentColor" })), $("defs", { key: "424636139255dfdcebe6d3dc901c84168c4c713e" }, $("clipPath", { key: "0ebaa728a38c48694e48f1182c1de98bba97ff0d", id: "a" }, $("path", { key: "bfe4ed6e55fe74a819e6d512a0b7e2c018baec14", fill: "#fff", transform: "translate(.148 .054)", d: "M0 0h20v20H0z" }))));
   }
   static get style() {
     return ny;
@@ -9848,7 +9848,7 @@ const oy = ".sc-globe-icon-h{display:flex}", sy = oy, cy = Se(class extends Ce {
     super(), this.__registerHost(), this.width = "16", this.height = "16";
   }
   render() {
-    return $("svg", { key: "6d2438d4cba21ffe183b4e2398e88cdecd682906", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 16 16", fill: "none" }, $("path", { key: "8b9c541ba270469b64bfe4d98995196ede0fd286", d: "M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 3C8.37372 3 8.87543 3.35608 9.31258 4.31781C9.4073 4.52619 9.49448 4.75446 9.57265 5H6.42735C6.50552 4.75446 6.5927 4.52619 6.68742 4.31781C7.12457 3.35608 7.62628 3 8 3ZM5.77705 3.90401C5.62614 4.23601 5.49428 4.6038 5.38411 5H3.99963C4.52341 4.30269 5.22525 3.74677 6.03766 3.39978C5.94287 3.56117 5.85596 3.7304 5.77705 3.90401ZM5.16299 6C5.05694 6.6275 5 7.30146 5 8C5 8.69854 5.05694 9.3725 5.16299 10H3.41604C3.14845 9.38754 3 8.7111 3 8C3 7.2889 3.14845 6.61246 3.41604 6H5.16299ZM5.38411 11C5.49428 11.3962 5.62614 11.764 5.77705 12.096C5.85596 12.2696 5.94287 12.4388 6.03766 12.6002C5.22525 12.2532 4.52341 11.6973 3.99963 11H5.38411ZM6.42735 11H9.57265C9.49448 11.2455 9.4073 11.4738 9.31258 11.6822C8.87543 12.6439 8.37372 13 8 13C7.62628 13 7.12457 12.6439 6.68742 11.6822C6.5927 11.4738 6.50552 11.2455 6.42735 11ZM9.82134 10H6.17866C6.06438 9.3892 6 8.71396 6 8C6 7.28604 6.06438 6.6108 6.17866 6H9.82134C9.93562 6.6108 10 7.28604 10 8C10 8.71396 9.93562 9.3892 9.82134 10ZM10.6159 11H12.0004C11.4766 11.6973 10.7747 12.2532 9.96234 12.6002C10.0571 12.4388 10.144 12.2696 10.2229 12.096C10.3739 11.764 10.5057 11.3962 10.6159 11ZM12.584 10H10.837C10.9431 9.3725 11 8.69854 11 8C11 7.30146 10.9431 6.6275 10.837 6H12.584C12.8516 6.61246 13 7.2889 13 8C13 8.7111 12.8516 9.38754 12.584 10ZM9.96234 3.39978C10.7747 3.74677 11.4766 4.30269 12.0004 5H10.6159C10.5057 4.6038 10.3739 4.23601 10.2229 3.90401C10.144 3.7304 10.0571 3.56117 9.96234 3.39978Z", fill: "currentColor" }));
+    return $("svg", { key: "98e808bd1ac6b795bde88c406417bc6c6d591b9a", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 16 16", fill: "none" }, $("path", { key: "7f2bde4ecf31c667198f791c6f8b313d145f4591", d: "M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 3C8.37372 3 8.87543 3.35608 9.31258 4.31781C9.4073 4.52619 9.49448 4.75446 9.57265 5H6.42735C6.50552 4.75446 6.5927 4.52619 6.68742 4.31781C7.12457 3.35608 7.62628 3 8 3ZM5.77705 3.90401C5.62614 4.23601 5.49428 4.6038 5.38411 5H3.99963C4.52341 4.30269 5.22525 3.74677 6.03766 3.39978C5.94287 3.56117 5.85596 3.7304 5.77705 3.90401ZM5.16299 6C5.05694 6.6275 5 7.30146 5 8C5 8.69854 5.05694 9.3725 5.16299 10H3.41604C3.14845 9.38754 3 8.7111 3 8C3 7.2889 3.14845 6.61246 3.41604 6H5.16299ZM5.38411 11C5.49428 11.3962 5.62614 11.764 5.77705 12.096C5.85596 12.2696 5.94287 12.4388 6.03766 12.6002C5.22525 12.2532 4.52341 11.6973 3.99963 11H5.38411ZM6.42735 11H9.57265C9.49448 11.2455 9.4073 11.4738 9.31258 11.6822C8.87543 12.6439 8.37372 13 8 13C7.62628 13 7.12457 12.6439 6.68742 11.6822C6.5927 11.4738 6.50552 11.2455 6.42735 11ZM9.82134 10H6.17866C6.06438 9.3892 6 8.71396 6 8C6 7.28604 6.06438 6.6108 6.17866 6H9.82134C9.93562 6.6108 10 7.28604 10 8C10 8.71396 9.93562 9.3892 9.82134 10ZM10.6159 11H12.0004C11.4766 11.6973 10.7747 12.2532 9.96234 12.6002C10.0571 12.4388 10.144 12.2696 10.2229 12.096C10.3739 11.764 10.5057 11.3962 10.6159 11ZM12.584 10H10.837C10.9431 9.3725 11 8.69854 11 8C11 7.30146 10.9431 6.6275 10.837 6H12.584C12.8516 6.61246 13 7.2889 13 8C13 8.7111 12.8516 9.38754 12.584 10ZM9.96234 3.39978C10.7747 3.74677 11.4766 4.30269 12.0004 5H10.6159C10.5057 4.6038 10.3739 4.23601 10.2229 3.90401C10.144 3.7304 10.0571 3.56117 9.96234 3.39978Z", fill: "currentColor" }));
   }
   static get style() {
     return sy;
@@ -9873,7 +9873,7 @@ const dy = ".sc-info-icon-h{display:flex}", fy = dy, hy = Se(class extends Ce {
     super(), this.__registerHost(), this.width = "14", this.height = "14";
   }
   render() {
-    return $("svg", { key: "149fd3ce434b49a4f6537d02e61826b37902eaf7", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, $("path", { key: "0f3bee3c4081b4d171771096bfe4f325a64dbe1c", fill: "currentColor", d: "M6.5 5.5C6.77614 5.5 7 5.72386 7 6V9C7 9.27614 6.77614 9.5 6.5 9.5C6.22386 9.5 6 9.27614 6 9V6C6 5.72386 6.22386 5.5 6.5 5.5ZM6.50001 4.74907C6.91369 4.74907 7.24905 4.41371 7.24905 4.00003C7.24905 3.58635 6.91369 3.251 6.50001 3.251C6.08633 3.251 5.75098 3.58635 5.75098 4.00003C5.75098 4.41371 6.08633 4.74907 6.50001 4.74907ZM0.5 6.5C0.5 3.18629 3.18629 0.5 6.5 0.5C9.81371 0.5 12.5 3.18629 12.5 6.5C12.5 9.81371 9.81371 12.5 6.5 12.5C3.18629 12.5 0.5 9.81371 0.5 6.5ZM6.5 1.5C3.73858 1.5 1.5 3.73858 1.5 6.5C1.5 9.26142 3.73858 11.5 6.5 11.5C9.26142 11.5 11.5 9.26142 11.5 6.5C11.5 3.73858 9.26142 1.5 6.5 1.5Z" }));
+    return $("svg", { key: "3087788ff23b6230877edbe5ef6ec384a3cbd3cc", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, $("path", { key: "41bc050582f31986abd97b6eab9c6d52a24dc62c", fill: "currentColor", d: "M6.5 5.5C6.77614 5.5 7 5.72386 7 6V9C7 9.27614 6.77614 9.5 6.5 9.5C6.22386 9.5 6 9.27614 6 9V6C6 5.72386 6.22386 5.5 6.5 5.5ZM6.50001 4.74907C6.91369 4.74907 7.24905 4.41371 7.24905 4.00003C7.24905 3.58635 6.91369 3.251 6.50001 3.251C6.08633 3.251 5.75098 3.58635 5.75098 4.00003C5.75098 4.41371 6.08633 4.74907 6.50001 4.74907ZM0.5 6.5C0.5 3.18629 3.18629 0.5 6.5 0.5C9.81371 0.5 12.5 3.18629 12.5 6.5C12.5 9.81371 9.81371 12.5 6.5 12.5C3.18629 12.5 0.5 9.81371 0.5 6.5ZM6.5 1.5C3.73858 1.5 1.5 3.73858 1.5 6.5C1.5 9.26142 3.73858 11.5 6.5 11.5C9.26142 11.5 11.5 9.26142 11.5 6.5C11.5 3.73858 9.26142 1.5 6.5 1.5Z" }));
   }
   static get style() {
     return fy;
@@ -10169,7 +10169,7 @@ const yy = Se(class extends Ce {
     n && (n.focus(), n.scrollIntoView({ behavior: "smooth", block: "nearest" }));
   }
   render() {
-    return $(ii, { key: "da122e12f7a101e73a49fc19189722f8aa2a5802" }, $("div", { key: "f922740d77d8bda81491d28215dc0a9f2fa0fc18", class: "time-picker", part: "time-picker" }, $("input", { key: "eaae1354a88421a510036693c72b9dffbc68cd06", type: "text", name: this.name, id: this.name, part: "time-input", class: {
+    return $(ii, { key: "e83949b2270706557e5d45aff5958d937c6489c9" }, $("div", { key: "0cacfe5530a1186ce2ff50ccc3d9328a62d48e2f", class: "time-picker", part: "time-picker" }, $("input", { key: "8daf647468746997e503883478debf8d335a780d", type: "text", name: this.name, id: this.name, part: "time-input", class: {
       "time-input": !0,
       error: !!this.err || this.hasError
     }, ref: (e) => this.timeInput = e, value: this.time, onClick: () => {
@@ -10221,7 +10221,7 @@ const ky = ".sc-search-icon-h{display:flex}", xy = ky, Ey = Se(class extends Ce
     super(), this.__registerHost(), this.width = "15", this.height = "15";
   }
   render() {
-    return $("svg", { key: "475f6a8b18cbc4cd5dae71afb1157cf7a2653bc7", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, $("path", { key: "c9df789c3d41d5fdf4c557f3c371a5a5b6fe9783", fill: "currentColor", d: "M5.5 0C8.53757 0 11 2.46243 11 5.5C11 6.83879 10.5217 8.06586 9.72656 9.01962L13.8536 13.1464C14.0488 13.3417 14.0488 13.6583 13.8536 13.8536C13.68 14.0271 13.4106 14.0464 13.2157 13.9114L13.1464 13.8536L9.01962 9.72656C8.06586 10.5217 6.83879 11 5.5 11C2.46243 11 0 8.53757 0 5.5C0 2.46243 2.46243 0 5.5 0ZM5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1Z" }));
+    return $("svg", { key: "ddf419d549f82cf693e9b261d671dcb402c193f6", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, $("path", { key: "d30e346032f2d41161d314e0b1305643688d6402", fill: "currentColor", d: "M5.5 0C8.53757 0 11 2.46243 11 5.5C11 6.83879 10.5217 8.06586 9.72656 9.01962L13.8536 13.1464C14.0488 13.3417 14.0488 13.6583 13.8536 13.8536C13.68 14.0271 13.4106 14.0464 13.2157 13.9114L13.1464 13.8536L9.01962 9.72656C8.06586 10.5217 6.83879 11 5.5 11C2.46243 11 0 8.53757 0 5.5C0 2.46243 2.46243 0 5.5 0ZM5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1Z" }));
   }
   static get style() {
     return xy;
@@ -10340,7 +10340,7 @@ const Ay = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nyla
   }
   render() {
     const e = this.generateButtonText(this.selectedOption, this.dropdownButtonText);
-    return $("div", { key: "c7b83d5ff4a62e9bfa3bd45eeee99a07ad544f4f", class: "dropdown", part: "sd_dropdown" }, $("label", { key: "be35a7cad3d6bc797268f970c403b95587dcc942", part: "sd_dropdown_label", class: { error: !!this.errorMessage } }, this.label && $("p", null, $("span", { class: "label" }, this.label), this.required && $("span", { class: "required" }, "*")), $("button", { key: "b718647bb19fb6a16a916617ffe6e5dd46022bba", part: "sd_dropdown-button", class: { dropbtn: !0, open: this.isOpen, error: !!this.errorMessage }, onClick: () => this.toggleDropdown(), "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? "true" : "false", "aria-label": this.name, onKeyDown: (t) => this.handleSelectButtonKeyDown(t) }, $("slot", { key: "590d08c9b4f0d39b5019ea6b457746b842c45ab2", name: "select-icon", "aria-hidden": "true" }), $("span", { key: "e163fe537b51357c076adbec269665efa10c548d", class: "selected-option", part: "sd_dropdown-button-selected-label" }, e), this.withChevron && $("span", { class: {
+    return $("div", { key: "ada528ac19d43f03f7717c3fe3102d3c87b95305", class: "dropdown", part: "sd_dropdown" }, $("label", { key: "cd088bcbfd74f506407597edad97730bc5fce96e", part: "sd_dropdown_label", class: { error: !!this.errorMessage } }, this.label && $("p", null, $("span", { class: "label" }, this.label), this.required && $("span", { class: "required" }, "*")), $("button", { key: "9f0e7d114b4978f37818c1d424b5f8c786ba8e87", part: "sd_dropdown-button", class: { dropbtn: !0, open: this.isOpen, error: !!this.errorMessage }, onClick: () => this.toggleDropdown(), "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? "true" : "false", "aria-label": this.name, onKeyDown: (t) => this.handleSelectButtonKeyDown(t) }, $("slot", { key: "e834d848d72159fa808ee8b3a48c2f66c0aad7fc", name: "select-icon", "aria-hidden": "true" }), $("span", { key: "2cbf36487ff22baf541534d86d3d210d61a8fced", class: "selected-option", part: "sd_dropdown-button-selected-label" }, e), this.withChevron && $("span", { class: {
       open: this.isOpen,
       closed: !this.isOpen,
       chevron: !0
@@ -10406,7 +10406,7 @@ const Sy = '.tooltip-container{position:relative;display:flex;--nylas-primary:#2
     e.target.nextElementSibling.style.visibility = "hidden", e.target.nextElementSibling.style.opacity = "0";
   }
   render() {
-    return $("div", { key: "f7ed680c86f53928c284ced8d5a6c30cd6a8a158", class: "tooltip-container", part: "tc__container" }, $("span", { key: "07d396ac91688a025497e4ff9ea5ea4c9263e787", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, $("slot", { key: "f8ed2155292bdd8f6e7adc72e0e89ed16a6fa823", name: "tooltip-icon" }, "i")), $("span", { key: "69f9669f987897f46ede1c67f6001824e7d27553", class: `tooltip-content ${this.position}`, part: "tc__content" }, $("slot", { key: "f7e46722aca747f4ec8022df2080d08e5200e256", name: "tooltip-content" }, "This is a help text.")));
+    return $("div", { key: "dbfd3d300f3f3d3e139991f1cb84a12161b61a73", class: "tooltip-container", part: "tc__container" }, $("span", { key: "8a03f9657c641680d4fa166f3fc680d35aa24281", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, $("slot", { key: "0f8478af1526e2775907e17555a36db85f482ff4", name: "tooltip-icon" }, "i")), $("span", { key: "171ae65f59875214c68e80749f5a9c108fb365fb", class: `tooltip-content ${this.position}`, part: "tc__content" }, $("slot", { key: "888f7faaf29825faa27df7935e47526d6fa6f126", name: "tooltip-content" }, "This is a help text.")));
   }
   get el() {
     return this;
@@ -10443,7 +10443,7 @@ var Oy = function(i, e, t, r) {
 };
 const Ti = Se(class extends Ce {
   constructor() {
-    super(), this.__registerHost(), this.__attachShadow(), this.valueChanged = ht(this, "valueChanged", 7), this.internals = this.attachInternals(), this.selectedConfiguration = void 0, this.openHours = void 0, this.name = "availability", this.defaultTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone, this.hideHeader = !1, this.schedule = {
+    super(), this.__registerHost(), this.__attachShadow(), this.valueChanged = ht(this, "valueChanged", 7), this.internals = this.attachInternals(), this.name = "availability", this.selectedConfiguration = void 0, this.openHours = void 0, this.defaultTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone, this.hideHeader = !1, this.schedule = {
       SUN: [],
       MON: [{ start: "09:00am", end: "05:00pm" }],
       TUE: [{ start: "09:00am", end: "05:00pm" }],
@@ -10457,9 +10457,9 @@ const Ti = Se(class extends Ce {
     Ee("nylas-calendar-picker", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
   }
   configChangedHandler(e) {
-    var r, n, a;
-    const t = ((n = (r = e == null ? void 0 : e.availability) == null ? void 0 : r.availability_rules) == null ? void 0 : n.default_open_hours) ?? K2;
-    this.timezone = ((a = e == null ? void 0 : e.event_booking) == null ? void 0 : a.timezone) ?? this.defaultTimezone, this.openHours ? this.openHoursToSchedule(this.openHours) : t && this.openHoursToSchedule(t);
+    var n, a, u;
+    const t = ((a = (n = e == null ? void 0 : e.availability) == null ? void 0 : n.availability_rules) == null ? void 0 : a.default_open_hours) ?? K2, r = ((u = e == null ? void 0 : e.event_booking) == null ? void 0 : u.timezone) ?? this.defaultTimezone;
+    this.timezone = this.name === "availability" ? r : this.defaultTimezone, this.openHours ? this.openHoursToSchedule(this.openHours) : t && this.openHoursToSchedule(t);
   }
   scheduleChanged(e, t) {
     var r;
@@ -10634,7 +10634,7 @@ const Ti = Se(class extends Ce {
       label: Yn[r],
       value: r
     })), t = e.find((r) => r.value === this.timezone);
-    return $(ii, { key: "79a354916d1fb613c23c6def77bb45850217a3ed" }, $("div", { key: "9578074337dd169f246732d974a73282b809aefb", class: "nylas-availability-picker", part: "nap" }, !this.hideHeader && $("div", { class: "header", part: "nap__header" }, $("h3", null, "Default open hours"), $("p", null, "Set when you're regularly available for event bookings.", $("tooltip-component", null, $("info-icon", { slot: "tooltip-icon" }), $("span", { slot: "tooltip-content" }, "This is the default availability for participants who don’t have availability set on the Participants tab.")))), $("div", { key: "9f525441fea8eeda7047b653cc714d1e4810ad92", class: "content" }, $("div", { key: "588d88d2228325fee1f6500b344a6ef5cfadca0c", class: "select-timezone", part: "nap__select-timezone" }, $("h4", { key: "b9265d6d73c10468c5532b86b5209958b9673223", class: "sub-header" }, "Select timezone"), (t == null ? void 0 : t.label) && $("select-dropdown", { name: "timezone", exportparts: "sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content", options: e, defaultSelectedOption: t }, $("span", { slot: "select-icon" }, $("globe-icon", { width: "20", height: "20" })))), $("div", { key: "71a43d3778e541d6165683272dbc48ddc6334b77", class: "availability", part: "nap__availability" }, Object.keys(this.schedule).map((r) => {
+    return $(ii, { key: "d3456a3cbc918006617d5be20b0f43a3026c6c48" }, $("div", { key: "0a6701099f52e36ae38ecc5a58246c4447273a45", class: "nylas-availability-picker", part: "nap" }, !this.hideHeader && $("div", { class: "header", part: "nap__header" }, $("h3", null, "Default open hours"), $("p", null, "Set when you're regularly available for event bookings.", $("tooltip-component", null, $("info-icon", { slot: "tooltip-icon" }), $("span", { slot: "tooltip-content" }, "This is the default availability for participants who don’t have availability set on the Participants tab.")))), $("div", { key: "0ea45dac96d381a149c729e2eebcf4248b54b35a", class: "content" }, $("div", { key: "3f53bb214de33ba430be84d50705f0c488f41ccf", class: "select-timezone", part: "nap__select-timezone" }, $("h4", { key: "7537e3f475d324ca3ece17a3e14b9250d94ce3fe", class: "sub-header" }, "Select timezone"), (t == null ? void 0 : t.label) && $("select-dropdown", { name: "timezone", exportparts: "sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content", options: e, defaultSelectedOption: t }, $("span", { slot: "select-icon" }, $("globe-icon", { width: "20", height: "20" })))), $("div", { key: "63a7b4b8ec778d4d7e3f530c623aef491a8dec33", class: "availability", part: "nap__availability" }, Object.keys(this.schedule).map((r) => {
       const n = r, a = this.schedule[r];
       return $("div", { class: "availability-day" }, $("div", { class: "day", part: "nap__day" }, $("input", { type: "checkbox", name: n, id: n, checked: a.length > 0, onClick: () => {
         a.length > 0 ? this.schedule[n] = [] : this.schedule[n] = [{ start: "09:00am", end: "05:00pm" }], this.schedule = { ...this.schedule };
@@ -10662,9 +10662,9 @@ const Ti = Se(class extends Ce {
     return Py;
   }
 }, [65, "nylas-availability-picker", {
+  name: [1],
   selectedConfiguration: [16],
   openHours: [16],
-  name: [1],
   defaultTimezone: [1, "default-timezone"],
   hideHeader: [4, "hide-header"],
   schedule: [32],