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

package/dist/cdn/nylas-event-title/nylas-event-title.es.js

@@ -11739,10 +11739,13 @@ const ni = Cr(class extends Br {
   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) {
     var r, i, s;
     const t = e.replace(/ +/g, " ");
-    t === "" ? ((r = this.internals) == null || r.setValidity({ customError: !0 }, "Event title is required", this.titleRef), this.validationError = "Event title is required") : ((i = this.internals) == null || i.setValidity({ customError: !1 }), this.validationError = ""), (s = this.internals) == null || s.setFormValue(t, this.name), this.valueChanged.emit({ value: t, name: this.name });
+    t === "" || /^[\s]*$/.test(t) ? (this.validationError = "Event title is required", this.isInternalsAvailable && ((r = this.internals) == null || r.setValidity({ customError: !0 }, "Event title is required", this.titleRef))) : (this.validationError = "", this.isInternalsAvailable && ((i = this.internals) == null || i.setValidity({ customError: !1 }))), this.isInternalsAvailable && ((s = this.internals) == null || s.setFormValue(t, this.name)), this.valueChanged.emit({ value: t, name: this.name });
   }
   resetDropdown() {
     this.showTokens = !1, this.ariaActivedescendant = "";
@@ -11752,10 +11755,10 @@ const ni = Cr(class extends Br {
   }
   render() {
     var e;
-    return Z(Bs, { key: "3a6858cea6ad427bb8f7046e4d409c44d9d57467" }, Z("div", { key: "26574b9f7c76628771e584d1c3943b2ce9b77ce0", class: "nylas-event-title", part: "net" }, Z("label", { key: "b6bab982d9b8a091ee1c9a66b5d24b3050e08817", htmlFor: "title" }, "Event title", Z("span", { key: "34b1ba7719d37f6af0d3c84e3fe1c251625848b1", class: "required" }, "*")), Z("div", { key: "0fcbdee8625b13720b31df47ddb76bdba6f384c6", class: {
+    return Z(Bs, { key: "c9bef753b69793b6db0569ec750a04ceb4a51de8" }, Z("div", { key: "b80559c8ebe73437fbd347a034fa577c0ee4a60b", class: "nylas-event-title", part: "net" }, Z("label", { key: "c8b911bdfd24a7934b8359d5ba9a2531edc606c1", htmlFor: "title" }, "Event title", Z("span", { key: "953b07bae8f6ebbcc465cc3349b6b97ecf8cd544", class: "required" }, "*")), Z("div", { key: "cbc5559de86b4c3a45c30088fba3d2a3382b4311", 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.showTokens && ((e = this.filteredTokens) == null ? void 0 : e.length) > 0 && Z("div", { class: "token-options", part: "net__dropdown-content" }, Z("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map((t) => Z("li", { tabindex: "0", key: t.label, id: t.label, class: { active: this.ariaActivedescendant === t.label }, onClick: (r) => this.selectOption(r, t), role: "option" }, this.getLabelHTML(t.labelHTML))))), Z("span", { key: "8c267fb019bc2f4a7ec9bd771c7ebdbd4e36860e", class: "help-text" }, "Create a dynamic templated event title by typing ", Z("code", { key: "73fff78bf0ef47b1a4880b88630285c5565348e7" }, "$"), " and selecting a template item.", Z("span", { key: "64c431fb78eef320cdca1e426e4290f1663fe756", class: "label-icon" }, Z("tooltip-component", { key: "b8f4ce46c4f53f66d50b6121dbc76360972638f9" }, Z("info-icon", { key: "038824ecf2006ce2851de30c1538c30d96707ca9", slot: "tooltip-icon" }), Z("span", { key: "0fefb16b80e9c43a7f46e1d5f72d12ca39cdc348", slot: "tooltip-content" }, "For example, Interview with ", Z("code", { key: "df208a8bb8907416908a6cdbc0edba219e924513" }, "${invitee}"))))), this.validationError != "" && Z("span", { class: "error-message" }, this.validationError)));
+    }, part: "net__title", ref: (t) => this.titleRef = t, contentEditable: "true", onInput: (t) => this.handleChange(t), onKeyDown: (t) => this.handleInputKeyDown(t) }), this.showTokens && ((e = this.filteredTokens) == null ? void 0 : e.length) > 0 && Z("div", { class: "token-options", part: "net__dropdown-content" }, Z("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map((t) => Z("li", { tabindex: "0", key: t.label, id: t.label, class: { active: this.ariaActivedescendant === t.label }, onClick: (r) => this.selectOption(r, t), role: "option" }, this.getLabelHTML(t.labelHTML))))), Z("span", { key: "cddf49a23d611b00b5a06a431bb6033ee564fba6", class: "help-text" }, "Create a dynamic templated event title by typing ", Z("code", { key: "b87cf9d630645aedf2c72bb7356ce8737406c127" }, "$"), " and selecting a template item.", Z("span", { key: "75ad5946a822c3ee23ddb46f29b611dd68875d05", class: "label-icon" }, Z("tooltip-component", { key: "20a6fb4aaac4d1ad5264d30364fc695de7f0ca11" }, Z("info-icon", { key: "22413e474fd5113bfa3663d137a67cd2da94268f", slot: "tooltip-icon" }), Z("span", { key: "f266824868c09cf41564fe1fcbc42e9113bf06fb", slot: "tooltip-content" }, "For example, Interview with ", Z("code", { key: "0989a865eb48e0a0363ec69218be46ab7d6f18f1" }, "${invitee}"))))), this.validationError != "" && Z("span", { class: "error-message" }, this.validationError)));
   }
   static get formAssociated() {
     return !0;