npm - @nylas/web-elements - Versions diffs - 1.3.2 → 1.3.3 - Mend

@nylas/web-elements 1.3.2 → 1.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (210) hide show

package/dist/cdn/nylas-limit-future-bookings/nylas-limit-future-bookings.es.js CHANGED Viewed

@@ -9581,6 +9581,18 @@ const D3 = ".time-period-selector.sc-time-period-selector{display:grid;gap:0.5re
       value: e
     }));
   }
+  defaultSelectedPeriodChanged(e) {
+    this.selectedPeriod = e, this.updateNumberOptionsAndSelectedNumber(e);
+  }
+  defaultSelectedNumberChanged(e) {
+    this.selectedNumber = e;
+  }
+  timePeriodsChanged(e) {
+    this.timePeriodOptions = e.map((t) => ({
+      label: t,
+      value: t
+    }));
+  }
   componentDidLoad() {
     this.selectedNumber = this.defaultSelectedNumber, this.selectedPeriod = this.defaultSelectedPeriod;
     const e = M3[this.selectedPeriod] ?? this.selectedPeriod, t = this.calculateOptions(e);
@@ -9633,11 +9645,18 @@ const D3 = ".time-period-selector.sc-time-period-selector{display:grid;gap:0.5re
     })), this.selectedNumber = parseInt(this.numberOptions[0].value);
   }
   render() {
-    return I("div", { key: "76ed6c36ebbcfbb8b8d54edc6a26a9d2a6d6f7fb", class: "time-period-selector" }, typeof this.selectedNumber == "number" && I("input-dropdown", { id: "time-number", name: "time-number", inputValue: this.selectedNumber.toString(), exportparts: "id_dropdown: tps__number-dropdown, id_dropdown-input: tps__number-dropdown-button, id_dropdown-content: tps__number-dropdown-content", options: this.numberOptions, defaultInputOption: this.numberOptions.find((e) => e.value == this.selectedNumber.toString()) }), typeof this.selectedPeriod == "string" && I("select-dropdown", { id: "time-period", name: "time-period", options: this.timePeriodOptions, exportparts: "sd_dropdown: tps__period-dropdown, sd_dropdown-button: tps__period-dropdown-button, sd_dropdown-content: tps__period-dropdown-content", pluralizedLabel: this.selectedNumber > 1 ? "s" : "", defaultSelectedOption: this.timePeriodOptions.find((e) => e.value == this.selectedPeriod), withSearch: !1 }));
+    return I("div", { key: "f40a2be9bc76a0a5be0ffa3c87779fab644e52f2", class: "time-period-selector" }, typeof this.selectedNumber == "number" && I("input-dropdown", { id: "time-number", name: "time-number", inputValue: this.selectedNumber.toString(), exportparts: "id_dropdown: tps__number-dropdown, id_dropdown-input: tps__number-dropdown-button, id_dropdown-content: tps__number-dropdown-content", options: this.numberOptions, defaultInputOption: this.numberOptions.find((e) => e.value == this.selectedNumber.toString()) }), typeof this.selectedPeriod == "string" && I("select-dropdown", { id: "time-period", name: "time-period", options: this.timePeriodOptions, exportparts: "sd_dropdown: tps__period-dropdown, sd_dropdown-button: tps__period-dropdown-button, sd_dropdown-content: tps__period-dropdown-content", pluralizedLabel: this.selectedNumber > 1 ? "s" : "", defaultSelectedOption: this.timePeriodOptions.find((e) => e.value == this.selectedPeriod), withSearch: !1 }));
   }
   get host() {
     return this;
   }
+  static get watchers() {
+    return {
+      defaultSelectedPeriod: ["defaultSelectedPeriodChanged"],
+      defaultSelectedNumber: ["defaultSelectedNumberChanged"],
+      timePeriods: ["timePeriodsChanged"]
+    };
+  }
   static get style() {
     return O3;
   }
@@ -9649,7 +9668,11 @@ const D3 = ".time-period-selector.sc-time-period-selector{display:grid;gap:0.5re
   selectedNumber: [32],
   numberOptions: [32],
   timePeriodOptions: [32]
-}, [[0, "inputOptionChanged", "inputOptionChangedHandler"], [0, "nylasFormDropdownChanged", "nylasFormDropdownChangedHandler"]]]);
+}, [[0, "inputOptionChanged", "inputOptionChangedHandler"], [0, "nylasFormDropdownChanged", "nylasFormDropdownChangedHandler"]], {
+  defaultSelectedPeriod: ["defaultSelectedPeriodChanged"],
+  defaultSelectedNumber: ["defaultSelectedNumberChanged"],
+  timePeriods: ["timePeriodsChanged"]
+}]);
 function R3() {
   if (typeof customElements > "u")
     return;

package/dist/cdn/nylas-min-booking-notice/nylas-min-booking-notice.es.js CHANGED Viewed

@@ -9581,6 +9581,18 @@ const D3 = ".time-period-selector.sc-time-period-selector{display:grid;gap:0.5re
       value: e
     }));
   }
+  defaultSelectedPeriodChanged(e) {
+    this.selectedPeriod = e, this.updateNumberOptionsAndSelectedNumber(e);
+  }
+  defaultSelectedNumberChanged(e) {
+    this.selectedNumber = e;
+  }
+  timePeriodsChanged(e) {
+    this.timePeriodOptions = e.map((t) => ({
+      label: t,
+      value: t
+    }));
+  }
   componentDidLoad() {
     this.selectedNumber = this.defaultSelectedNumber, this.selectedPeriod = this.defaultSelectedPeriod;
     const e = M3[this.selectedPeriod] ?? this.selectedPeriod, t = this.calculateOptions(e);
@@ -9633,11 +9645,18 @@ const D3 = ".time-period-selector.sc-time-period-selector{display:grid;gap:0.5re
     })), this.selectedNumber = parseInt(this.numberOptions[0].value);
   }
   render() {
-    return I("div", { key: "76ed6c36ebbcfbb8b8d54edc6a26a9d2a6d6f7fb", class: "time-period-selector" }, typeof this.selectedNumber == "number" && I("input-dropdown", { id: "time-number", name: "time-number", inputValue: this.selectedNumber.toString(), exportparts: "id_dropdown: tps__number-dropdown, id_dropdown-input: tps__number-dropdown-button, id_dropdown-content: tps__number-dropdown-content", options: this.numberOptions, defaultInputOption: this.numberOptions.find((e) => e.value == this.selectedNumber.toString()) }), typeof this.selectedPeriod == "string" && I("select-dropdown", { id: "time-period", name: "time-period", options: this.timePeriodOptions, exportparts: "sd_dropdown: tps__period-dropdown, sd_dropdown-button: tps__period-dropdown-button, sd_dropdown-content: tps__period-dropdown-content", pluralizedLabel: this.selectedNumber > 1 ? "s" : "", defaultSelectedOption: this.timePeriodOptions.find((e) => e.value == this.selectedPeriod), withSearch: !1 }));
+    return I("div", { key: "f40a2be9bc76a0a5be0ffa3c87779fab644e52f2", class: "time-period-selector" }, typeof this.selectedNumber == "number" && I("input-dropdown", { id: "time-number", name: "time-number", inputValue: this.selectedNumber.toString(), exportparts: "id_dropdown: tps__number-dropdown, id_dropdown-input: tps__number-dropdown-button, id_dropdown-content: tps__number-dropdown-content", options: this.numberOptions, defaultInputOption: this.numberOptions.find((e) => e.value == this.selectedNumber.toString()) }), typeof this.selectedPeriod == "string" && I("select-dropdown", { id: "time-period", name: "time-period", options: this.timePeriodOptions, exportparts: "sd_dropdown: tps__period-dropdown, sd_dropdown-button: tps__period-dropdown-button, sd_dropdown-content: tps__period-dropdown-content", pluralizedLabel: this.selectedNumber > 1 ? "s" : "", defaultSelectedOption: this.timePeriodOptions.find((e) => e.value == this.selectedPeriod), withSearch: !1 }));
   }
   get host() {
     return this;
   }
+  static get watchers() {
+    return {
+      defaultSelectedPeriod: ["defaultSelectedPeriodChanged"],
+      defaultSelectedNumber: ["defaultSelectedNumberChanged"],
+      timePeriods: ["timePeriodsChanged"]
+    };
+  }
   static get style() {
     return O3;
   }
@@ -9649,7 +9668,11 @@ const D3 = ".time-period-selector.sc-time-period-selector{display:grid;gap:0.5re
   selectedNumber: [32],
   numberOptions: [32],
   timePeriodOptions: [32]
-}, [[0, "inputOptionChanged", "inputOptionChangedHandler"], [0, "nylasFormDropdownChanged", "nylasFormDropdownChangedHandler"]]]);
+}, [[0, "inputOptionChanged", "inputOptionChangedHandler"], [0, "nylasFormDropdownChanged", "nylasFormDropdownChangedHandler"]], {
+  defaultSelectedPeriod: ["defaultSelectedPeriodChanged"],
+  defaultSelectedNumber: ["defaultSelectedNumberChanged"],
+  timePeriods: ["timePeriodsChanged"]
+}]);
 function R3() {
   if (typeof customElements > "u")
     return;