@nylas/web-elements 0.0.0-canary-20241015194719 → 0.0.0-canary-20241017202051

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;
     });
   };
 }
@@ -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: "e79321333887319f48356c64cb2e04539edf1d79" }, M("div", { key: "9a33c42c38012c5277ecc0d60523211671866378", class: "nylas-form-card", part: "nfc" }, M("div", { key: "905eed6cd8c79bda19fb3c5ab49802ae697a0ab9", class: "nylas-form-card__header", part: "nfc__header" }, M("slot", { key: "db749b7eb575845c2b8d8e4a12ea0c3ffea4842a", name: "header-title" }), M("slot", { key: "5b9ac54446f1b1b49a9f0f2e2b45e3785acb9686", name: "header-subtitle" })), M("div", { key: "6893e68e48f990c6dfc3d3c3052dfba988b21807", class: "nylas-form-card__content" }, M("slot", { key: "fac98a2a1a6b162bc3f4aed735b584c4d5e509a3", 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;
@@ -11876,40 +11876,43 @@ const ui = Ze(class extends Je {
     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");
+  }
+  get 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: "a090033dc7d7915ca65100fd1803d2430052b18a", part: "nap" }, M("nylas-form-card", { key: "19203e4c99690200b679943672f89e9d20bc62b5" }, M("h3", { key: "33fbde2341b42cb0529b95a06f80d6dea08ffc52", slot: "header-title", class: "nylas-additional-participants__title", part: "nap__title" }, "Participants"), M("p", { key: "a8c73ed714ab74309f1a417215b9e56da99a2731", 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: "bce67b77333c2db513463acaa952b51d933d43d9", slot: "content", class: "nylas-additional-participants__content" }, M("div", { key: "35e0bf36996f3daec1d41e1d8c74c636fb72307f" }, 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: "16a28d7d8ee91b685a22472d8a90721a5074d798", part: "nap" }, M("nylas-form-card", { key: "9fde59eadfcdf05c3b4add30a5c35f9b21d00c30" }, M("h3", { key: "82e3c3ad537ef4c60d19695f11e481bac2ed31ae", slot: "header-title", class: "nylas-additional-participants__title", part: "nap__title" }, "Participants"), M("p", { key: "4df3d661d2c6801ba8e88d82853ae562ed3be8e8", 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: "3ccb34354c025b52760433683812acf37b480e77", slot: "content", class: "nylas-additional-participants__content" }, M("div", { key: "007cf8396921637cf230cc26d73de147169cd250" }, 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: "51f51ef0614cd93592fae8a32f501d0249b12c5a", class: "nylas-additional-participants__error", part: "nap__error" }, this.error)), M("button", { key: "93605c6ce8fb6b77451ea0f8c06fb23134727c3f", class: "nylas-additional-participants__add", part: "nap__add-participant", onClick: () => this.addParticipant() }, M("add-circle-icon", { key: "8e6ac25f43f06ad3ee24047a1a7469b13c5a56c7" }), " ", M("span", { key: "511068fb28c498edba86706bef49dcad6633d249" }, "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: "f1dd954c137093fa9e474f3886e4b5320aeb5e2e", class: "nylas-additional-participants__error", part: "nap__error" }, this.error)), M("button", { key: "859585010fc9fce314b856f5e7e07ac8b8c47b88", class: "nylas-additional-participants__add", part: "nap__add-participant", onClick: () => this.addParticipant() }, M("add-circle-icon", { key: "aec7eb5de30e66bca29b73962f356109471c2e9e" }), " ", M("span", { key: "f07ecfaa4db46f7954d734314c46f2d773158730" }, "Add ", this.participants.length > 1 ? "another" : "a", " participant")))));
   }
   static get formAssociated() {
     return !0;