@nylas/web-elements 1.3.2 → 1.3.3

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

@@ -11953,10 +11953,10 @@ const ui = Ze(class extends Je {
     re("nylas-additional-participants", "connectedCallback");
   }
   componentWillLoad() {
-    re("nylas-additional-participants", "componentWillLoad"), this.host.setAttribute("name", this.name), this.updateState(this.selectedConfiguration, this.currentUser);
+    re("nylas-additional-participants", "componentWillLoad"), this.host.setAttribute("name", this.name);
   }
   componentDidLoad() {
-    re("nylas-additional-participants", "componentDidLoad");
+    re("nylas-additional-participants", "componentDidLoad"), this.updateState(this.selectedConfiguration, this.currentUser);
   }
   disconnectedCallback() {
     re("nylas-additional-participants", "disconnectedCallback");

package/dist/cdn/nylas-booking-form/nylas-booking-form.es.js

@@ -11589,6 +11589,9 @@ const Rx = '.checkbox-container{--nylas-primary:#2563eb;--nylas-error:#cc4841;--
   constructor() {
     super(), this.__registerHost(), this.__attachShadow(), this.nylasFormCheckboxToggled = ae(this, "nylasFormCheckboxToggled", 7), this.componentType = "checkbox", this.name = "checkbox", this.checked = void 0, this.label = "", this.required = !1, this.isChecked = void 0, this.error = "";
   }
+  checkedPropChangedHandler(e) {
+    typeof e == "boolean" && (this.isChecked = e);
+  }
   componentWillLoad() {
     this.el.setAttribute("component-type", this.componentType);
   }
@@ -11610,11 +11613,16 @@ const Rx = '.checkbox-container{--nylas-primary:#2563eb;--nylas-error:#cc4841;--
     });
   }
   render() {
-    return w("div", { key: "f4dfab5a5da9f9c79424930bfd5497c24dc1bfe5", class: "checkbox-container" }, w("label", { key: "78e192f2eddcfd788ac16e80be3ac0b9c47e6f6a" }, w("input", { key: "6e3aa50fb6542cb134dc5454e9fc0052be22e36f", type: "checkbox", name: this.name, checked: this.isChecked, onChange: () => this.toggleCheck() }), w("span", { key: "abbd103b06bf934eff294b443b468e446901c371", class: "checkmark" }), w("slot", { key: "f11d669ba02b705ba7679985e83b91086a17ccc9", name: "label" }, w("span", { key: "1298c44fbbe9ce75638b00ac07e6e83bab1394c2", class: "label" }, this.label))), this.error && w("p", { class: "error" }, this.error));
+    return w("div", { key: "0be06ba2c6b6ed277b3ba736827f9f60e18c6056", class: "checkbox-container" }, w("label", { key: "a0a0cf6b1f546b8d1485dd3aee1b686f0e9c9cba" }, w("input", { key: "96bdb407b3ab6f668cf94b83e8091a604743f93f", type: "checkbox", name: this.name, checked: this.isChecked, onChange: () => this.toggleCheck() }), w("span", { key: "d345d3b47c14213487a9108d78abbf0db26f25af", class: "checkmark" }), w("slot", { key: "aba536e12ed7a97d18790f1a212ead284c1253ec", name: "label" }, w("span", { key: "e7767302bc6865b99cf42949e8bd032e237d2ad9", class: "label" }, this.label))), this.error && w("p", { class: "error" }, this.error));
   }
   get el() {
     return this;
   }
+  static get watchers() {
+    return {
+      checked: ["checkedPropChangedHandler"]
+    };
+  }
   static get style() {
     return Nx;
   }
@@ -11625,7 +11633,9 @@ const Rx = '.checkbox-container{--nylas-primary:#2563eb;--nylas-error:#cc4841;--
   required: [4],
   isChecked: [32],
   error: [32]
-}, [[4, "bookingFormSubmitted", "handleBookingFormSubmitted"]]]);
+}, [[4, "bookingFormSubmitted", "handleBookingFormSubmitted"]], {
+  checked: ["checkedPropChangedHandler"]
+}]);
 function _x() {
   if (typeof customElements > "u")
     return;
@@ -11810,7 +11820,7 @@ const tv = ':host{display:block;height:auto;--nylas-primary:#2563eb;--nylas-erro
   date: "YYYY-MM-DD"
 }, iv = he(class extends pe {
   constructor() {
-    super(), this.__registerHost(), this.__attachShadow(), this.nylasFormInputChanged = ae(this, "nylasFormInputChanged", 7), this.nylasFormInputFocused = ae(this, "nylasFormInputFocused", 7), this.nylasFormInputBlurred = ae(this, "nylasFormInputBlurred", 7), this.name = "input", this.defaultValue = void 0, this.label = "", this.placeholder = rv.date, this.required = !1, this.readOnly = !1, this.autoFocus = !1, this.pattern = void 0, this.maxLength = 255, this.patternError = "", this.requiredError = "", this.value = void 0, this.error = "";
+    super(), this.__registerHost(), this.__attachShadow(), this.nylasFormInputChanged = ae(this, "nylasFormInputChanged", 7), this.nylasFormInputFocused = ae(this, "nylasFormInputFocused", 7), this.nylasFormInputBlurred = ae(this, "nylasFormInputBlurred", 7), this.name = "input", this.defaultValue = void 0, this.label = "", this.placeholder = rv.date, this.required = !1, this.readOnly = !1, this.autoFocus = !1, this.pattern = void 0, this.maxLength = 255, this.patternError = "", this.requiredError = "", this.value = void 0, this.error = "", this.isDateValid = !0;
   }
   handleDefaultValueChange(e) {
     this.value = Ve(e), this.value && this.validatePattern(this.value);
@@ -11822,11 +11832,12 @@ const tv = ':host{display:block;height:auto;--nylas-primary:#2563eb;--nylas-erro
     this.validatePattern(this.value), this.error && e.preventDefault();
   }
   async handleFormSubmitted(e) {
-    var t;
-    (t = this.el) != null && t.getAttribute("data-page-styling") && (this.validatePattern(this.value), this.error && e.preventDefault());
+    this.validatePattern(this.value), this.error && e.preventDefault();
   }
   handleInput(e) {
-    this.error = "", this.value = Ve(e.target.value), this.nylasFormInputChanged.emit({
+    this.error = "";
+    const t = e.target;
+    this.value = Ve(t.value), this.isDateValid = t.validity.valid, this.nylasFormInputChanged.emit({
       value: this.value,
       name: this.name,
       label: this.label,
@@ -11847,14 +11858,18 @@ const tv = ':host{display:block;height:auto;--nylas-primary:#2563eb;--nylas-erro
     });
   }
   validatePattern(e) {
-    if (this.error = "", this.required && !e) {
+    if (this.error = "", !this.isDateValid) {
+      this.error = "Please enter a valid date";
+      return;
+    }
+    if (this.required && !e) {
       this.error = this.requiredError || "This field is required.";
       return;
     }
     !this.pattern || !e && !this.required || (this.pattern.test(e) ? this.error = "" : this.error = this.patternError || "Invalid format.");
   }
   render() {
-    return w("label", { key: "959c6b772ea4f2f4706d72255d1e36ea8d4fcbd3", part: "ic__label", class: { error: !!this.error } }, this.label && w("p", null, w("span", { class: "label" }, this.label), this.required && w("span", { class: "required" }, "*")), w("div", { key: "a018a19fe2a77416d7ac4d9c7ea84cb0560a70de", part: "ic__input_wrapper", class: "input_wrapper" }, w("input", { key: "7952451a1397dc1a08ac5dc6a251d452a882981b", type: "date", name: this.name, part: "ic__date", 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() }), w("slot", { key: "9730db9ef73e570667c69879ce457c45b5e196a5", name: "additional-input" })), this.error && w("span", { class: "error help-text" }, this.error));
+    return w("label", { key: "db7e5910f650055747d1f2bca13356d2c3fe3f9e", part: "ic__label", class: { error: !!this.error } }, this.label && w("p", null, w("span", { class: "label" }, this.label), this.required && w("span", { class: "required" }, "*")), w("div", { key: "81d0a723cec27805587e2abdac667504d078e211", part: "ic__input_wrapper", class: "input_wrapper" }, w("input", { key: "948cf92087a3763d058588c8f6b7764e96234595", type: "date", name: this.name, part: "ic__date", 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() }), w("slot", { key: "6c1d31a29dc01621d9212a95574c329844da0eed", name: "additional-input" })), this.error && w("span", { class: "error help-text" }, this.error));
   }
   get el() {
     return this;
@@ -11880,7 +11895,8 @@ const tv = ':host{display:block;height:auto;--nylas-primary:#2563eb;--nylas-erro
   patternError: [1, "pattern-error"],
   requiredError: [1, "required-error"],
   value: [32],
-  error: [32]
+  error: [32],
+  isDateValid: [32]
 }, [[4, "bookingFormSubmitted", "handleBookingFormSubmitted"], [4, "formSubmitted", "handleFormSubmitted"]], {
   defaultValue: ["handleDefaultValueChange"]
 }]);