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

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

@@ -9111,7 +9111,7 @@ const L2 = ".sc-chevron-icon-h{display:flex}", N2 = L2, _2 = Pe(class extends Ie
     super(), this.__registerHost(), this.width = "24", this.height = "24";
   }
   render() {
-    return I("svg", { key: "750f65d52fa710778d800b825058c4f49c3bd998", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, I("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 I("svg", { key: "fb1ba717c31f07393be2b8b0c984e1be9aac2042", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, I("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 N2;
@@ -9136,7 +9136,7 @@ const F2 = ".sc-info-icon-h{display:flex}", U2 = F2, j2 = Pe(class extends Ie {
     super(), this.__registerHost(), this.width = "14", this.height = "14";
   }
   render() {
-    return I("svg", { key: "149fd3ce434b49a4f6537d02e61826b37902eaf7", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, I("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 I("svg", { key: "3087788ff23b6230877edbe5ef6ec384a3cbd3cc", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, I("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 U2;
@@ -9264,7 +9264,7 @@ const H2 = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nyla
     !e.composedPath().includes(this.el) && this.isOpen && (this.isOpen = !1);
   }
   render() {
-    return I("div", { key: "c49065e27f831f8f403cf053507bdfd9127262e9", class: "dropdown", part: "id_dropdown" }, I("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 I("div", { key: "957eeec2ef999ff2bb9be83d0e7f7bb222558ea9", class: "dropdown", part: "id_dropdown" }, I("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 ? I("div", { class: "dropdown-content", part: "id_dropdown-content", ref: (e) => this.optionsRef = e }, I("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: (e) => this.handleListboxKeydown(e) }, this.filteredOptions.map((e) => I("li", { tabindex: "0", key: e.value, id: e.value, onClick: () => this.selectOption(e), role: "option", class: {
       focused: this.ariaActivedescendant === e.value.toString()
@@ -9317,7 +9317,7 @@ const W2 = ".sc-search-icon-h{display:flex}", G2 = W2, K2 = Pe(class extends Ie
     super(), this.__registerHost(), this.width = "15", this.height = "15";
   }
   render() {
-    return I("svg", { key: "475f6a8b18cbc4cd5dae71afb1157cf7a2653bc7", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, I("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 I("svg", { key: "ddf419d549f82cf693e9b261d671dcb402c193f6", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, I("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 G2;
@@ -9436,7 +9436,7 @@ const V2 = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nyla
   }
   render() {
     const e = this.generateButtonText(this.selectedOption, this.dropdownButtonText);
-    return I("div", { key: "c7b83d5ff4a62e9bfa3bd45eeee99a07ad544f4f", class: "dropdown", part: "sd_dropdown" }, I("label", { key: "be35a7cad3d6bc797268f970c403b95587dcc942", part: "sd_dropdown_label", class: { error: !!this.errorMessage } }, this.label && I("p", null, I("span", { class: "label" }, this.label), this.required && I("span", { class: "required" }, "*")), I("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) }, I("slot", { key: "590d08c9b4f0d39b5019ea6b457746b842c45ab2", name: "select-icon", "aria-hidden": "true" }), I("span", { key: "e163fe537b51357c076adbec269665efa10c548d", class: "selected-option", part: "sd_dropdown-button-selected-label" }, e), this.withChevron && I("span", { class: {
+    return I("div", { key: "ada528ac19d43f03f7717c3fe3102d3c87b95305", class: "dropdown", part: "sd_dropdown" }, I("label", { key: "cd088bcbfd74f506407597edad97730bc5fce96e", part: "sd_dropdown_label", class: { error: !!this.errorMessage } }, this.label && I("p", null, I("span", { class: "label" }, this.label), this.required && I("span", { class: "required" }, "*")), I("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) }, I("slot", { key: "e834d848d72159fa808ee8b3a48c2f66c0aad7fc", name: "select-icon", "aria-hidden": "true" }), I("span", { key: "2cbf36487ff22baf541534d86d3d210d61a8fced", class: "selected-option", part: "sd_dropdown-button-selected-label" }, e), this.withChevron && I("span", { class: {
       open: this.isOpen,
       closed: !this.isOpen,
       chevron: !0
@@ -9558,7 +9558,7 @@ const Q2 = ".time-period-selector.sc-time-period-selector{display:grid;gap:0.5re
     })), this.selectedNumber = parseInt(this.numberOptions[0].value);
   }
   render() {
-    return I("div", { key: "b63e206295a197f95e212d444aa128bcf5d3dc69", 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: "7202ca7c6b64a08199ec356eb409b247b865683b", 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;
@@ -9609,7 +9609,7 @@ const n3 = '.tooltip-container{position:relative;display:flex;--nylas-primary:#2
     e.target.nextElementSibling.style.visibility = "hidden", e.target.nextElementSibling.style.opacity = "0";
   }
   render() {
-    return I("div", { key: "f7ed680c86f53928c284ced8d5a6c30cd6a8a158", class: "tooltip-container", part: "tc__container" }, I("span", { key: "07d396ac91688a025497e4ff9ea5ea4c9263e787", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, I("slot", { key: "f8ed2155292bdd8f6e7adc72e0e89ed16a6fa823", name: "tooltip-icon" }, "i")), I("span", { key: "69f9669f987897f46ede1c67f6001824e7d27553", class: `tooltip-content ${this.position}`, part: "tc__content" }, I("slot", { key: "f7e46722aca747f4ec8022df2080d08e5200e256", name: "tooltip-content" }, "This is a help text.")));
+    return I("div", { key: "dbfd3d300f3f3d3e139991f1cb84a12161b61a73", class: "tooltip-container", part: "tc__container" }, I("span", { key: "8a03f9657c641680d4fa166f3fc680d35aa24281", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, I("slot", { key: "0f8478af1526e2775907e17555a36db85f482ff4", name: "tooltip-icon" }, "i")), I("span", { key: "171ae65f59875214c68e80749f5a9c108fb365fb", class: `tooltip-content ${this.position}`, part: "tc__content" }, I("slot", { key: "888f7faaf29825faa27df7935e47526d6fa6f126", name: "tooltip-content" }, "This is a help text.")));
   }
   get el() {
     return this;
@@ -9646,7 +9646,7 @@ var l3 = function(n, e, t, r) {
 };
 const yn = Pe(class extends Ie {
   constructor() {
-    super(), this.__registerHost(), this.__attachShadow(), this.valueChanged = st(this, "valueChanged", 7), this.internals = this.attachInternals(), this.selectedConfiguration = void 0, this.minBookingNotice = void 0, this.name = "min-booking-notice", this.selectedNumber = void 0, this.selectedPeriod = void 0;
+    super(), this.__registerHost(), this.__attachShadow(), this.valueChanged = st(this, "valueChanged", 7), this.internals = this.attachInternals(), this.selectedConfiguration = void 0, this.name = "min-booking-notice", this.minBookingNotice = void 0, this.selectedNumber = void 0, this.selectedPeriod = void 0;
   }
   elementNameChangedHandler(e) {
     de("nylas-min-booking-notice", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
@@ -9680,7 +9680,7 @@ const yn = Pe(class extends Ie {
   }
   render() {
     const e = typeof this.selectedNumber == "number" && typeof this.selectedPeriod == "string";
-    return I(Di, { key: "b51f14edfe66462ce3822dcd9ea299820dfef96b" }, I("div", { key: "578505fefc4132f45ac21d6ab1d59cb409145536", class: "nylas-min-booking-notice", part: "nmbn" }, I("label", { key: "5226af32996ae771f65ed4dce017bbba7e26193a" }, "Minimum booking notice", I("span", { key: "37dcf44405e2cfe10bc652d35715936f41d78685", class: "label-icon" }, I("tooltip-component", { key: "52a11ccbcddb918341c7cad983fb9bdf65b1c86d" }, I("info-icon", { key: "c941288bee95958b40a825944ba2316709f307a1", slot: "tooltip-icon" }), I("span", { key: "7d3a9c1f538b1e16c094d78daf4eea1f84084bd7", slot: "tooltip-content" }, "The minimum amount of time in the future that a new booking can be made.")))), e && I("time-period-selector", { id: "min-booking-notice", exportparts: "tps__number-dropdown: nmbn__number-dropdown, tps__number-dropdown-button: nmbn__number-dropdown-button, tps__number-dropdown-content: nmbn__number-dropdown-content, tps__period-dropdown: nmbn__period-dropdown, tps__period-dropdown-button: nmbn__period-dropdown-button, tps__period-dropdown-content: nmbn__period-dropdown-content", timePeriods: ["minute", "hour", "day", "week"], defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod })));
+    return I(Di, { key: "058d282534c52f53706462ac1d683ec578f6d3a8" }, I("div", { key: "9ea1537dac50fd2376b36be39b9018e4ea72f6b6", class: "nylas-min-booking-notice", part: "nmbn" }, I("label", { key: "a36bfe20366c6da7a87714dec15fa2d0d99306bc" }, "Minimum booking notice", I("span", { key: "c0b3c66b4da42c78cae762889dd24f0201827184", class: "label-icon" }, I("tooltip-component", { key: "012dad9e26ec2dd6c82da843741e2aee8ea4d327" }, I("info-icon", { key: "4cbf03a96564d428a06b2a0faf11a353ded5a6c1", slot: "tooltip-icon" }), I("span", { key: "4ab57c8815064edb2fb06f8f10b5ccde022a9b90", slot: "tooltip-content" }, "The minimum amount of time in the future that a new booking can be made.")))), e && I("time-period-selector", { id: "min-booking-notice", exportparts: "tps__number-dropdown: nmbn__number-dropdown, tps__number-dropdown-button: nmbn__number-dropdown-button, tps__number-dropdown-content: nmbn__number-dropdown-content, tps__period-dropdown: nmbn__period-dropdown, tps__period-dropdown-button: nmbn__period-dropdown-button, tps__period-dropdown-content: nmbn__period-dropdown-content", timePeriods: ["minute", "hour", "day", "week"], defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod })));
   }
   static get formAssociated() {
     return !0;
@@ -9699,8 +9699,8 @@ const yn = Pe(class extends Ie {
   }
 }, [65, "nylas-min-booking-notice", {
   selectedConfiguration: [16],
-  minBookingNotice: [2, "min-booking-notice"],
   name: [1],
+  minBookingNotice: [2, "min-booking-notice"],
   selectedNumber: [32],
   selectedPeriod: [32]
 }, [[0, "timePeriodChanged", "timePeriodChangedHandler"]], {

package/dist/cdn/nylas-min-cancellation-notice/nylas-min-cancellation-notice.es.js

@@ -9111,7 +9111,7 @@ const L2 = ".sc-chevron-icon-h{display:flex}", N2 = L2, _2 = Pe(class extends Ie
     super(), this.__registerHost(), this.width = "24", this.height = "24";
   }
   render() {
-    return I("svg", { key: "750f65d52fa710778d800b825058c4f49c3bd998", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, I("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 I("svg", { key: "fb1ba717c31f07393be2b8b0c984e1be9aac2042", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, I("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 N2;
@@ -9136,7 +9136,7 @@ const F2 = ".sc-info-icon-h{display:flex}", U2 = F2, j2 = Pe(class extends Ie {
     super(), this.__registerHost(), this.width = "14", this.height = "14";
   }
   render() {
-    return I("svg", { key: "149fd3ce434b49a4f6537d02e61826b37902eaf7", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, I("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 I("svg", { key: "3087788ff23b6230877edbe5ef6ec384a3cbd3cc", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, I("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 U2;
@@ -9264,7 +9264,7 @@ const H2 = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nyla
     !e.composedPath().includes(this.el) && this.isOpen && (this.isOpen = !1);
   }
   render() {
-    return I("div", { key: "c49065e27f831f8f403cf053507bdfd9127262e9", class: "dropdown", part: "id_dropdown" }, I("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 I("div", { key: "957eeec2ef999ff2bb9be83d0e7f7bb222558ea9", class: "dropdown", part: "id_dropdown" }, I("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 ? I("div", { class: "dropdown-content", part: "id_dropdown-content", ref: (e) => this.optionsRef = e }, I("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: (e) => this.handleListboxKeydown(e) }, this.filteredOptions.map((e) => I("li", { tabindex: "0", key: e.value, id: e.value, onClick: () => this.selectOption(e), role: "option", class: {
       focused: this.ariaActivedescendant === e.value.toString()
@@ -9317,7 +9317,7 @@ const W2 = ".sc-search-icon-h{display:flex}", G2 = W2, K2 = Pe(class extends Ie
     super(), this.__registerHost(), this.width = "15", this.height = "15";
   }
   render() {
-    return I("svg", { key: "475f6a8b18cbc4cd5dae71afb1157cf7a2653bc7", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, I("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 I("svg", { key: "ddf419d549f82cf693e9b261d671dcb402c193f6", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, I("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 G2;
@@ -9436,7 +9436,7 @@ const J2 = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nyla
   }
   render() {
     const e = this.generateButtonText(this.selectedOption, this.dropdownButtonText);
-    return I("div", { key: "c7b83d5ff4a62e9bfa3bd45eeee99a07ad544f4f", class: "dropdown", part: "sd_dropdown" }, I("label", { key: "be35a7cad3d6bc797268f970c403b95587dcc942", part: "sd_dropdown_label", class: { error: !!this.errorMessage } }, this.label && I("p", null, I("span", { class: "label" }, this.label), this.required && I("span", { class: "required" }, "*")), I("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) }, I("slot", { key: "590d08c9b4f0d39b5019ea6b457746b842c45ab2", name: "select-icon", "aria-hidden": "true" }), I("span", { key: "e163fe537b51357c076adbec269665efa10c548d", class: "selected-option", part: "sd_dropdown-button-selected-label" }, e), this.withChevron && I("span", { class: {
+    return I("div", { key: "ada528ac19d43f03f7717c3fe3102d3c87b95305", class: "dropdown", part: "sd_dropdown" }, I("label", { key: "cd088bcbfd74f506407597edad97730bc5fce96e", part: "sd_dropdown_label", class: { error: !!this.errorMessage } }, this.label && I("p", null, I("span", { class: "label" }, this.label), this.required && I("span", { class: "required" }, "*")), I("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) }, I("slot", { key: "e834d848d72159fa808ee8b3a48c2f66c0aad7fc", name: "select-icon", "aria-hidden": "true" }), I("span", { key: "2cbf36487ff22baf541534d86d3d210d61a8fced", class: "selected-option", part: "sd_dropdown-button-selected-label" }, e), this.withChevron && I("span", { class: {
       open: this.isOpen,
       closed: !this.isOpen,
       chevron: !0
@@ -9558,7 +9558,7 @@ const Q2 = ".time-period-selector.sc-time-period-selector{display:grid;gap:0.5re
     })), this.selectedNumber = parseInt(this.numberOptions[0].value);
   }
   render() {
-    return I("div", { key: "b63e206295a197f95e212d444aa128bcf5d3dc69", 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: "7202ca7c6b64a08199ec356eb409b247b865683b", 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;
@@ -9609,7 +9609,7 @@ const n3 = '.tooltip-container{position:relative;display:flex;--nylas-primary:#2
     e.target.nextElementSibling.style.visibility = "hidden", e.target.nextElementSibling.style.opacity = "0";
   }
   render() {
-    return I("div", { key: "f7ed680c86f53928c284ced8d5a6c30cd6a8a158", class: "tooltip-container", part: "tc__container" }, I("span", { key: "07d396ac91688a025497e4ff9ea5ea4c9263e787", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, I("slot", { key: "f8ed2155292bdd8f6e7adc72e0e89ed16a6fa823", name: "tooltip-icon" }, "i")), I("span", { key: "69f9669f987897f46ede1c67f6001824e7d27553", class: `tooltip-content ${this.position}`, part: "tc__content" }, I("slot", { key: "f7e46722aca747f4ec8022df2080d08e5200e256", name: "tooltip-content" }, "This is a help text.")));
+    return I("div", { key: "dbfd3d300f3f3d3e139991f1cb84a12161b61a73", class: "tooltip-container", part: "tc__container" }, I("span", { key: "8a03f9657c641680d4fa166f3fc680d35aa24281", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, I("slot", { key: "0f8478af1526e2775907e17555a36db85f482ff4", name: "tooltip-icon" }, "i")), I("span", { key: "171ae65f59875214c68e80749f5a9c108fb365fb", class: `tooltip-content ${this.position}`, part: "tc__content" }, I("slot", { key: "888f7faaf29825faa27df7935e47526d6fa6f126", name: "tooltip-content" }, "This is a help text.")));
   }
   get el() {
     return this;
@@ -9646,7 +9646,7 @@ var l3 = function(n, e, t, r) {
 };
 const yn = Pe(class extends Ie {
   constructor() {
-    super(), this.__registerHost(), this.__attachShadow(), this.valueChanged = st(this, "valueChanged", 7), this.internals = this.attachInternals(), this.selectedConfiguration = void 0, this.minCancellationNotice = void 0, this.name = "min-cancellation-notice", this.selectedNumber = void 0, this.selectedPeriod = void 0;
+    super(), this.__registerHost(), this.__attachShadow(), this.valueChanged = st(this, "valueChanged", 7), this.internals = this.attachInternals(), this.selectedConfiguration = void 0, this.name = "min-cancellation-notice", this.minCancellationNotice = void 0, this.selectedNumber = void 0, this.selectedPeriod = void 0;
   }
   elementNameChangedHandler(e) {
     de("nylas-min-cancellation-notice", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
@@ -9680,7 +9680,7 @@ const yn = Pe(class extends Ie {
   }
   render() {
     const e = typeof this.selectedNumber == "number" && typeof this.selectedPeriod == "string";
-    return I(Di, { key: "d80cbfef8c0ff087260d12c9268f8dc0d123dc05" }, I("div", { key: "c3fa79ad8c539373d02b267bf6bb710788be0d96", class: "nylas-min-cancellation-notice", part: "nmcn" }, I("label", { key: "cd3e89c32f7800ba68e2d4e4122a3eb46fbd84c1" }, "Minimum cancellation notice", I("span", { key: "1520d76b2ba656db1a23a672423e7a7723ae4934", class: "label-icon" }, I("tooltip-component", { key: "c784ffeeabefece6962cd906edd576f7009cb350" }, I("info-icon", { key: "1194ce9c6d216b4538bdc7ab7aedcf489dd55db8", slot: "tooltip-icon" }), I("span", { key: "72b32290edf7eab29032986d6e041017ae140df8", slot: "tooltip-content" }, "The minimum amount of time required to cancel a booking.")))), e && I("time-period-selector", { id: "min-cancellation-notice", exportparts: "tps__number-dropdown: nmcn__number-dropdown, tps__number-dropdown-button: nmcn__number-dropdown-button, tps__number-dropdown-content: nmcn__number-dropdown-content, tps__period-dropdown: nmcn__period-dropdown, tps__period-dropdown-button: nmcn__period-dropdown-button, tps__period-dropdown-content: nmcn__period-dropdown-content", timePeriods: ["minute", "hour", "day", "week"], defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod })));
+    return I(Di, { key: "b3d5eab0c7f826b60f8d88dbcd2de20b8aa05953" }, I("div", { key: "df62baa3bd558066cea96bd86f2b4594b7eae613", class: "nylas-min-cancellation-notice", part: "nmcn" }, I("label", { key: "7bab73f950ee0529feef61c32750488ee8e3d816" }, "Minimum cancellation notice", I("span", { key: "71856612ca18403cc95642ad22f7fea40c93163e", class: "label-icon" }, I("tooltip-component", { key: "3961109385d524c08115a98bd8e303d573529884" }, I("info-icon", { key: "60053a1ff74768ab53e903b52c0028b5c04aa5c7", slot: "tooltip-icon" }), I("span", { key: "af42bbed9685aa44d11ad4dd3cd35a156ba245a4", slot: "tooltip-content" }, "The minimum amount of time required to cancel a booking.")))), e && I("time-period-selector", { id: "min-cancellation-notice", exportparts: "tps__number-dropdown: nmcn__number-dropdown, tps__number-dropdown-button: nmcn__number-dropdown-button, tps__number-dropdown-content: nmcn__number-dropdown-content, tps__period-dropdown: nmcn__period-dropdown, tps__period-dropdown-button: nmcn__period-dropdown-button, tps__period-dropdown-content: nmcn__period-dropdown-content", timePeriods: ["minute", "hour", "day", "week"], defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod })));
   }
   static get formAssociated() {
     return !0;
@@ -9699,8 +9699,8 @@ const yn = Pe(class extends Ie {
   }
 }, [65, "nylas-min-cancellation-notice", {
   selectedConfiguration: [16],
-  minCancellationNotice: [2, "min-cancellation-notice"],
   name: [1],
+  minCancellationNotice: [2, "min-cancellation-notice"],
   selectedNumber: [32],
   selectedPeriod: [32]
 }, [[0, "timePeriodChanged", "timePeriodChangedHandler"]], {

package/dist/cdn/nylas-notification/nylas-notification.es.js

@@ -8990,7 +8990,7 @@ const T2 = ".sc-close-icon-h{display:flex}", S2 = T2, B2 = qr(class extends Hr {
     super(), this.__registerHost(), this.width = "16", this.height = "16";
   }
   render() {
-    return G("svg", { key: "ae2727b3e3bb8e386a60828defc34532de883473", width: "21", height: "21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, G("g", { key: "3bc87607b1cf527273887ff3835716c2b16c312c", "clip-path": "url(#a)" }, G("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" })), G("defs", { key: "7ae8ce566367e278782c83c4c2a3964013968579" }, G("clipPath", { key: "184fe559a12c59831e92e05d9564787fb14ce197", id: "a" }, G("path", { key: "907b8eb528141f6ff41e3d266557d6b720617a2a", fill: "#fff", transform: "translate(.148 .054)", d: "M0 0h20v20H0z" }))));
+    return G("svg", { key: "ea4c2e95733509b6dec0689e638a25df560567e2", width: "21", height: "21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, G("g", { key: "49366dc579896a3e8fcfed0c7d3cce7dab209d50", "clip-path": "url(#a)" }, G("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" })), G("defs", { key: "424636139255dfdcebe6d3dc901c84168c4c713e" }, G("clipPath", { key: "0ebaa728a38c48694e48f1182c1de98bba97ff0d", id: "a" }, G("path", { key: "bfe4ed6e55fe74a819e6d512a0b7e2c018baec14", fill: "#fff", transform: "translate(.148 .054)", d: "M0 0h20v20H0z" }))));
   }
   static get style() {
     return S2;
@@ -9015,7 +9015,7 @@ const C2 = ".sc-warning-icon-h{display:flex}", M2 = C2, D2 = qr(class extends Hr
     super(), this.__registerHost(), this.width = "16", this.height = "16";
   }
   render() {
-    return G("svg", { key: "f72e992cdb7a11e047451c6274fca33c4615f539", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, G("path", { key: "1abecd46fba3a97e1b496c174dca0ecc31f8bde5", d: "M7.68551 1.35232L1.12678 13.2773C0.576954 14.277 1.3002 15.5002 2.4411 15.5002H15.5586C16.6995 15.5002 17.4227 14.277 16.8729 13.2773L10.3142 1.35232C9.74426 0.316153 8.2554 0.316157 7.68551 1.35232ZM8.99982 5.25016C9.41403 5.25016 9.74982 5.58595 9.74982 6.00016V10.0002C9.74982 10.4144 9.41403 10.7502 8.99982 10.7502C8.5856 10.7502 8.24982 10.4144 8.24982 10.0002V6.00016C8.24982 5.58595 8.5856 5.25016 8.99982 5.25016ZM9.74982 12.2502C9.74982 12.6644 9.41403 13.0002 8.99982 13.0002C8.5856 13.0002 8.24982 12.6644 8.24982 12.2502C8.24982 11.8359 8.5856 11.5002 8.99982 11.5002C9.41403 11.5002 9.74982 11.8359 9.74982 12.2502Z", fill: "currentColor" }));
+    return G("svg", { key: "78a733b398ff7718a9a80331bb07830b5f27f1f6", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, G("path", { key: "6bde2554d33fffe3f76763fcb4372fb1ec7a1c75", d: "M7.68551 1.35232L1.12678 13.2773C0.576954 14.277 1.3002 15.5002 2.4411 15.5002H15.5586C16.6995 15.5002 17.4227 14.277 16.8729 13.2773L10.3142 1.35232C9.74426 0.316153 8.2554 0.316157 7.68551 1.35232ZM8.99982 5.25016C9.41403 5.25016 9.74982 5.58595 9.74982 6.00016V10.0002C9.74982 10.4144 9.41403 10.7502 8.99982 10.7502C8.5856 10.7502 8.24982 10.4144 8.24982 10.0002V6.00016C8.24982 5.58595 8.5856 5.25016 8.99982 5.25016ZM9.74982 12.2502C9.74982 12.6644 9.41403 13.0002 8.99982 13.0002C8.5856 13.0002 8.24982 12.6644 8.24982 12.2502C8.24982 11.8359 8.5856 11.5002 8.99982 11.5002C9.41403 11.5002 9.74982 11.8359 9.74982 12.2502Z", fill: "currentColor" }));
   }
   static get style() {
     return M2;
@@ -9089,7 +9089,7 @@ const O2 = ':host{display:block;margin-bottom:-12px;width:100%;z-index:1;--nylas
     this.notifications = this.notifications.filter((t) => t.id !== e);
   }
   render() {
-    return G(Tu, { key: "83454a1a73a488653b469774ee8915e21d892d65" }, G(ag, { key: "34b9bdef55e83f345074ad482a256f7eb3ed719e" }, this.notifications.map((e) => G("div", { class: `notif ${e.type}`, key: e.id }, G("div", { class: "content" }, G("span", { class: `icon ${e.type}` }, (e.type === "error" || e.type === "warning") && G("warning-icon", null)), G("span", { class: "message" }, G("span", { class: "title" }, e.title), e.description && G("span", { class: "description" }, e.description))), G("button", { class: "dismiss-btn", onClick: () => this.dismissNotification(e.id) }, G("close-icon", null)))), G("slot", { key: "bff0a753c23041a123bea8391363b0caad111342" })));
+    return G(Tu, { key: "03f95b47c77afb69a2696473c2bf8c3f1e1ed44a" }, G(ag, { key: "990afe9475e36dbae84a70266ef0b5188d2011de" }, this.notifications.map((e) => G("div", { class: `notif ${e.type}`, key: e.id }, G("div", { class: "content" }, G("span", { class: `icon ${e.type}` }, (e.type === "error" || e.type === "warning") && G("warning-icon", null)), G("span", { class: "message" }, G("span", { class: "title" }, e.title), e.description && G("span", { class: "description" }, e.description))), G("button", { class: "dismiss-btn", onClick: () => this.dismissNotification(e.id) }, G("close-icon", null)))), G("slot", { key: "49a5c13a306626b5bba79c443bb8501fe50c7ea3" })));
   }
   get host() {
     return this;

package/dist/cdn/nylas-organizer-confirmation-card/nylas-organizer-confirmation-card.es.js

@@ -9111,7 +9111,7 @@ const O2 = ".wave{display:flex;align-items:center;justify-content:center}.dot{wi
     super(), this.__registerHost(), this.__attachShadow(), this.width = "15", this.height = "15";
   }
   render() {
-    return G("div", { key: "4fd330645289551b628d0721382f4f24769b09c9", class: "wave" }, G("div", { key: "b23500951f1409eb1ffb244d2b9ee78e444264ac", class: "dot" }), G("div", { key: "4ae7966e56af13fb94df25a46e734909f95febea", class: "dot" }), G("div", { key: "da55a5c9efa1f7de83252d32324b4c8726c6ee66", class: "dot" }));
+    return G("div", { key: "bdc7f9acf0664597d87c4a2cc8917783a13c142e", class: "wave" }, G("div", { key: "15dcde4af03cb76dc4860c26742f97190f9e0cab", class: "dot" }), G("div", { key: "43bb08a9fbc89a1219f6f0b749413f6bca4bd253", class: "dot" }), G("div", { key: "16ca9fed347d7d67869ae4bfdbaecdd4c9bd33d9", class: "dot" }));
   }
   static get style() {
     return P2;
@@ -9137,7 +9137,7 @@ const I2 = "button.sc-button-component{display:flex;align-items:center;justify-c
   }
   render() {
     const e = `button-${this.variant}` + (this.disabled ? " disabled" : "");
-    return G("button", { key: "062f523a6eaa6c883cb39a4ffc6d26a12c83912d", class: e, disabled: this.disabled, type: "type", title: this.tooltip, onClick: this.clickHandler, onMouseOver: this.mouseOverHandler, onMouseOut: this.mouseOutHandler, onFocus: this.focusHandler, onBlur: this.blurHandler }, !!this.isLoading && G("loading-icon", { slot: "icon" }), G("slot", { key: "dbac2e8205f067c8c38e62afbb35f5ab9222dba3" }));
+    return G("button", { key: "2a4e992f2030ebb415320236ea0765802f589b6c", class: e, disabled: this.disabled, type: "type", title: this.tooltip, onClick: this.clickHandler, onMouseOver: this.mouseOverHandler, onMouseOut: this.mouseOutHandler, onFocus: this.focusHandler, onBlur: this.blurHandler }, !!this.isLoading && G("loading-icon", { slot: "icon" }), G("slot", { key: "c7a81cba389b6d0aa8974f7e599fdb84773deeb5" }));
   }
   static get style() {
     return N2;
@@ -9173,7 +9173,7 @@ const _2 = ".sc-calendar-check-icon-h{display:flex}", j2 = _2, Y2 = Zt(class ext
     super(), this.__registerHost(), this.width = "20", this.height = "20";
   }
   render() {
-    return G("svg", { key: "d420247054d820d224bbd96b2621070bd99ab4f2", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, G("path", { key: "6eab330ec43178d80f6749af4dc04df8cf13330f", fill: "currentColor", d: "M14.75 0C16.5449 0 18 1.45507 18 3.25V9.02182C17.5368 8.72526 17.0335 8.48584 16.5 8.3135V5.5H1.5V14.75C1.5 15.7165 2.2835 16.5 3.25 16.5H8.3135C8.48584 17.0335 8.72526 17.5368 9.02182 18H3.25C1.45507 18 0 16.5449 0 14.75V3.25C0 1.45507 1.45507 0 3.25 0H14.75ZM14.75 1.5H3.25C2.2835 1.5 1.5 2.2835 1.5 3.25V4H16.5V3.25C16.5 2.2835 15.7165 1.5 14.75 1.5ZM20 14.5C20 17.5376 17.5376 20 14.5 20C11.4624 20 9 17.5376 9 14.5C9 11.4624 11.4624 9 14.5 9C17.5376 9 20 11.4624 20 14.5ZM17.8536 12.1464C17.6583 11.9512 17.3417 11.9512 17.1464 12.1464L13.5 15.7929L11.8536 14.1464C11.6583 13.9512 11.3417 13.9512 11.1464 14.1464C10.9512 14.3417 10.9512 14.6583 11.1464 14.8536L13.1464 16.8536C13.3417 17.0488 13.6583 17.0488 13.8536 16.8536L17.8536 12.8536C18.0488 12.6583 18.0488 12.3417 17.8536 12.1464Z" }));
+    return G("svg", { key: "a5370d8a3a42db8fc9427f05882c22604196d36b", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, G("path", { key: "92afc634de1e85e89c07ef55b3a0888b4c269831", fill: "currentColor", d: "M14.75 0C16.5449 0 18 1.45507 18 3.25V9.02182C17.5368 8.72526 17.0335 8.48584 16.5 8.3135V5.5H1.5V14.75C1.5 15.7165 2.2835 16.5 3.25 16.5H8.3135C8.48584 17.0335 8.72526 17.5368 9.02182 18H3.25C1.45507 18 0 16.5449 0 14.75V3.25C0 1.45507 1.45507 0 3.25 0H14.75ZM14.75 1.5H3.25C2.2835 1.5 1.5 2.2835 1.5 3.25V4H16.5V3.25C16.5 2.2835 15.7165 1.5 14.75 1.5ZM20 14.5C20 17.5376 17.5376 20 14.5 20C11.4624 20 9 17.5376 9 14.5C9 11.4624 11.4624 9 14.5 9C17.5376 9 20 11.4624 20 14.5ZM17.8536 12.1464C17.6583 11.9512 17.3417 11.9512 17.1464 12.1464L13.5 15.7929L11.8536 14.1464C11.6583 13.9512 11.3417 13.9512 11.1464 14.1464C10.9512 14.3417 10.9512 14.6583 11.1464 14.8536L13.1464 16.8536C13.3417 17.0488 13.6583 17.0488 13.8536 16.8536L17.8536 12.8536C18.0488 12.6583 18.0488 12.3417 17.8536 12.1464Z" }));
   }
   static get style() {
     return j2;
@@ -9216,7 +9216,7 @@ const bn = Zt(class extends Xt {
       this.organizerConfirmationBookingId && !this.isLoading && this.confirmBookingButtonClicked.emit({ bookingId: this.organizerConfirmationBookingId, host: this.host, errorHandler: e });
     }, this.handleRejectBookingButtonClicked = () => {
       this.action = "reject", this.organizerConfirmationBookingId && !this.isLoading && this.rejectBookingButtonClicked.emit({ bookingId: this.organizerConfirmationBookingId, host: this.host });
-    }, this.organizerConfirmationBookingId = void 0, this.configSettings = void 0, this.isLoading = void 0, this.selectedLanguage = navigator.language, this.action = null;
+    }, this.configSettings = void 0, this.isLoading = void 0, this.organizerConfirmationBookingId = void 0, this.selectedLanguage = navigator.language, this.action = null;
   }
   connectedCallback() {
   }
@@ -9233,7 +9233,7 @@ const bn = Zt(class extends Xt {
   }
   render() {
     var e, t, r, i, u, o, a, s, c, f, d, l;
-    return G(Di, { key: "123955b645210a040f6916e9a85847c934222b79", part: "nmcc" }, G("div", { key: "cc41530612eaf960219e9a9eeab0b77f76d35c5e", class: "event-card-wrapper", part: "nmccc__card" }, G("div", { key: "c24348bc400422f9aa2136b0a895fc4b8b5d5591", class: "calendar-icon" }, G("calendar-check-icon", { key: "fb172e317fabeea80d213a1c2b98aa67ed63f641" })), G("div", { key: "4d75233d1b6601beca52683ad9313e3cc2c12404", class: "booked-event-header" }, G("h2", { key: "7f27dbb922928b25f1fe97929356d9f4f6060759", slot: "card-title", part: "nmcc__title" }, !!this.organizerConfirmationBookingId && `${He.t("bookingPendingTitle")}!`)), G("div", { key: "faf8aec0e5815abc2dac1e0dc3a8527b8394ea3c", class: "manage-booking-description" }, G("p", { key: "b6eb26a6f6f6af476dbceffee3ccadf10c0f97a9" }, He.t("bookingPendingnDescription"))), G("div", { key: "73009ddd0596cd27c1da6c0c5252ee2766475297", class: {
+    return G(Di, { key: "c722e5ad0c458060b988e0a49fde079d8258125e", part: "nmcc" }, G("div", { key: "758b60b6834f7150a30434538707f321754f9f8b", class: "event-card-wrapper", part: "nmccc__card" }, G("div", { key: "675e8ab2297fefe3840eb06b536706e216cd525a", class: "calendar-icon" }, G("calendar-check-icon", { key: "56768b41e1abebb836619f1da25fdba7b0b32203" })), G("div", { key: "a026a0daa62a4bf5054682a93c19f296b4761d31", class: "booked-event-header" }, G("h2", { key: "38ba7f91abcde16f459f50a3638245e2c994f4f5", slot: "card-title", part: "nmcc__title" }, !!this.organizerConfirmationBookingId && `${He.t("bookingPendingTitle")}!`)), G("div", { key: "4ca2d5bd6cf71f624bb2eed64c0f8c44089adc0a", class: "manage-booking-description" }, G("p", { key: "6584d4ac6e59c6b4156f886a6903d05dcef37c3a" }, He.t("bookingPendingnDescription"))), G("div", { key: "805a279cbff4f92eb91f150146a6d5688945ffe6", class: {
       footer: !0,
       "no-footer": ((t = (e = this.configSettings) == null ? void 0 : e.scheduler) == null ? void 0 : t.hide_cancellation_options) && ((i = (r = this.configSettings) == null ? void 0 : r.scheduler) == null ? void 0 : i.hide_rescheduling_options),
       "no-template-cols": ((o = (u = this.configSettings) == null ? void 0 : u.scheduler) == null ? void 0 : o.hide_cancellation_options) || ((s = (a = this.configSettings) == null ? void 0 : a.scheduler) == null ? void 0 : s.hide_rescheduling_options)
@@ -9246,9 +9246,9 @@ const bn = Zt(class extends Xt {
     return z2;
   }
 }, [1, "nylas-organizer-confirmation-card", {
-  organizerConfirmationBookingId: [1, "organizer-confirmation-booking-id"],
   configSettings: [8, "config-settings"],
   isLoading: [4, "is-loading"],
+  organizerConfirmationBookingId: [1, "organizer-confirmation-booking-id"],
   selectedLanguage: [1, "selected-language"],
   action: [32],
   resetAction: [64]

package/dist/cdn/nylas-page-name/nylas-page-name.es.js

@@ -11434,7 +11434,7 @@ const U6 = ".sc-chevron-icon-h{display:flex}", j6 = U6, q6 = Ot(class extends Pt
     super(), this.__registerHost(), this.width = "24", this.height = "24";
   }
   render() {
-    return G("svg", { key: "750f65d52fa710778d800b825058c4f49c3bd998", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, G("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 G("svg", { key: "fb1ba717c31f07393be2b8b0c984e1be9aac2042", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, G("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 j6;
@@ -11459,7 +11459,7 @@ const H6 = ".sc-info-icon-h{display:flex}", z6 = H6, G6 = Ot(class extends Pt {
     super(), this.__registerHost(), this.width = "14", this.height = "14";
   }
   render() {
-    return G("svg", { key: "149fd3ce434b49a4f6537d02e61826b37902eaf7", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, G("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 G("svg", { key: "3087788ff23b6230877edbe5ef6ec384a3cbd3cc", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, G("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 z6;
@@ -11531,7 +11531,7 @@ const V6 = ':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 G("label", { key: "e34259d7c68764f76d23e5e29a2e146abc37d8e8", part: "ic__label", class: { error: !!this.error } }, this.label && G("p", null, G("span", { class: "label" }, this.label), this.required && G("span", { class: "required" }, "*")), G("div", { key: "bbf9cc51221105ef91447dec3e6a8f37112652fb", part: "ic__input_wrapper", class: "input_wrapper" }, G("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() }), G("slot", { key: "4baaf6f7b6929da24393e3f81df17fb8ce263d4a", name: "additional-input" })), this.error && G("span", { class: "error help-text" }, this.error));
+    return G("label", { key: "9f2b420dc76c3fd263d690689887ac66ce519264", part: "ic__label", class: { error: !!this.error } }, this.label && G("p", null, G("span", { class: "label" }, this.label), this.required && G("span", { class: "required" }, "*")), G("div", { key: "2a4405560068cfad04acda9bd5ef6ec6c79646f0", part: "ic__input_wrapper", class: "input_wrapper" }, G("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() }), G("slot", { key: "b37c67e64154ed48cadc382c64eca9313b967f66", name: "additional-input" })), this.error && G("span", { class: "error help-text" }, this.error));
   }
   get el() {
     return this;
@@ -11584,7 +11584,7 @@ const ex = '.tooltip-container{position:relative;display:flex;--nylas-primary:#2
     e.target.nextElementSibling.style.visibility = "hidden", e.target.nextElementSibling.style.opacity = "0";
   }
   render() {
-    return G("div", { key: "f7ed680c86f53928c284ced8d5a6c30cd6a8a158", class: "tooltip-container", part: "tc__container" }, G("span", { key: "07d396ac91688a025497e4ff9ea5ea4c9263e787", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, G("slot", { key: "f8ed2155292bdd8f6e7adc72e0e89ed16a6fa823", name: "tooltip-icon" }, "i")), G("span", { key: "69f9669f987897f46ede1c67f6001824e7d27553", class: `tooltip-content ${this.position}`, part: "tc__content" }, G("slot", { key: "f7e46722aca747f4ec8022df2080d08e5200e256", name: "tooltip-content" }, "This is a help text.")));
+    return G("div", { key: "dbfd3d300f3f3d3e139991f1cb84a12161b61a73", class: "tooltip-container", part: "tc__container" }, G("span", { key: "8a03f9657c641680d4fa166f3fc680d35aa24281", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, G("slot", { key: "0f8478af1526e2775907e17555a36db85f482ff4", name: "tooltip-icon" }, "i")), G("span", { key: "171ae65f59875214c68e80749f5a9c108fb365fb", class: `tooltip-content ${this.position}`, part: "tc__content" }, G("slot", { key: "888f7faaf29825faa27df7935e47526d6fa6f126", name: "tooltip-content" }, "This is a help text.")));
   }
   get el() {
     return this;
@@ -11621,7 +11621,7 @@ var ux = function(n, e, t, r) {
 };
 const ii = Ot(class extends Pt {
   constructor() {
-    super(), this.__registerHost(), this.__attachShadow(), this.valueChanged = tn(this, "valueChanged", 7), this.internals = this.attachInternals(), this.selectedConfiguration = void 0, this.pageName = void 0, this.showToggle = !0, this.isOpen = !0, this.name = "page-name", this.currentPageName = void 0;
+    super(), this.__registerHost(), this.__attachShadow(), this.valueChanged = tn(this, "valueChanged", 7), this.internals = this.attachInternals(), this.selectedConfiguration = void 0, this.name = "page-name", this.pageName = void 0, this.showToggle = !0, this.isOpen = !0, this.currentPageName = void 0;
   }
   connectedCallback() {
     de("nylas-page-name", "connectedCallback");
@@ -11662,7 +11662,7 @@ const ii = Ot(class extends Pt {
   }
   render() {
     const e = typeof this.currentPageName < "u";
-    return G(Bs, { key: "9059ab828471167a956da7e61487dc9cba97eac5" }, G("div", { key: "777d34ebe91615d24d9502144ca7c3325483ee50", class: "nylas-page-name", part: "nces" }, G("div", { key: "365ddb6e8ef7e878ab16b595e8b48363764836be", class: "header", part: "nces__header" }, G("div", { key: "5955b442d8019c5f847450640fc8442e174ae3b9" }, G("h3", { key: "79f9e1b7a9a164528d11c6c9b1766a49c29376d7" }, "Page name"), G("p", { key: "dd653de5a4480ab3a76054f75fbc847fbd865c8a" }, "Set the Scheduling Page name.", G("tooltip-component", { key: "d0e59a0d335237f68f679ffd9647e17aab9f3732" }, G("info-icon", { key: "49e5cebbd219cccc518a9868070bd7068e408cee", slot: "tooltip-icon" }), G("span", { key: "131bb249cc09b6e8db3637101b84e0afcbeccfab", slot: "tooltip-content" }, "By default, Scheduling Pages use your user name as the Page name. The Page name is displayed in the top-left corner of the calendar view.")))), this.showToggle && G("div", { class: "drawer-toggle", part: "nces__drawer-toggle--container" }, G("span", { class: `chevron ${this.isOpen ? "open" : "closed"} `, onClick: () => this.toggleDrawer() }, G("chevron-icon", { width: "24", height: "24" })))), this.isOpen && G("div", { class: "nylas-page-name__body", part: "nces__body" }, G("div", { class: "nylas-page-name__section" }, G("div", { class: "nylas-page-name__row" }, G("div", { class: "input-container" }, G("div", { class: "nylas-page-name__input-wrapper" }, e && G("input-component", { name: "page-name", id: "page-name", type: "text", required: !1, exportparts: "ic_input: npn__input-textfield", defaultValue: this.currentPageName ?? "" }))))))));
+    return G(Bs, { key: "f0b405f57e2cb8c65b59c07bdca8ec3885a98a7d" }, G("div", { key: "4873ef6137393c0bd31b90fca33eee42e2feb449", class: "nylas-page-name", part: "nces" }, G("div", { key: "bf9894bee632ed6debc5f401b1e3bb98d4561258", class: "header", part: "nces__header" }, G("div", { key: "631f080c4c2aba2597d6638ea4dfb20eedb0a1d6" }, G("h3", { key: "657b49c737bb46d96698cac0c39ba20f08dac34a" }, "Page name"), G("p", { key: "7a81b920c53b427529828476a2efed5c80c5ce56" }, "Set the Scheduling Page name.", G("tooltip-component", { key: "a16a8a9e03310794cf4de5b0ab863d730723bf16" }, G("info-icon", { key: "ffbfa4cfd591c4994a7ff51251ed92062e9cf42e", slot: "tooltip-icon" }), G("span", { key: "41a0ed919be3aa80fc5f1d03138157f46aaa8494", slot: "tooltip-content" }, "By default, Scheduling Pages use your user name as the Page name. The Page name is displayed in the top-left corner of the calendar view.")))), this.showToggle && G("div", { class: "drawer-toggle", part: "nces__drawer-toggle--container" }, G("span", { class: `chevron ${this.isOpen ? "open" : "closed"} `, onClick: () => this.toggleDrawer() }, G("chevron-icon", { width: "24", height: "24" })))), this.isOpen && G("div", { class: "nylas-page-name__body", part: "nces__body" }, G("div", { class: "nylas-page-name__section" }, G("div", { class: "nylas-page-name__row" }, G("div", { class: "input-container" }, G("div", { class: "nylas-page-name__input-wrapper" }, e && G("input-component", { name: "page-name", id: "page-name", type: "text", required: !1, exportparts: "ic_input: npn__input-textfield", defaultValue: this.currentPageName ?? "" }))))))));
   }
   static get formAssociated() {
     return !0;
@@ -11681,10 +11681,10 @@ const ii = Ot(class extends Pt {
   }
 }, [65, "nylas-page-name", {
   selectedConfiguration: [16],
+  name: [1],
   pageName: [1, "page-name"],
   showToggle: [4, "show-toggle"],
   isOpen: [4, "is-open"],
-  name: [1],
   currentPageName: [32]
 }, [[0, "nylasFormInputChanged", "nylasFormInputChangeHandler"]], {
   name: ["elementNameChangedHandler"],

package/dist/cdn/nylas-page-styling/nylas-page-styling.es.js

@@ -11434,7 +11434,7 @@ const U6 = ".sc-chevron-icon-h{display:flex}", j6 = U6, q6 = Pu(class extends Fu
     super(), this.__registerHost(), this.width = "24", this.height = "24";
   }
   render() {
-    return se("svg", { key: "750f65d52fa710778d800b825058c4f49c3bd998", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, se("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 se("svg", { key: "fb1ba717c31f07393be2b8b0c984e1be9aac2042", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, se("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 j6;
@@ -11469,7 +11469,7 @@ var G6 = function(n, e, t, r) {
 };
 const ei = Pu(class extends Fu {
   constructor() {
-    super(), this.__registerHost(), this.__attachShadow(), this.valueChanged = ui(this, "valueChanged", 7), this.bookingFormSubmitted = ui(this, "bookingFormSubmitted", 7), this.internals = this.attachInternals(), this.selectedConfiguration = void 0, this.appearance = void 0, this.isOpen = !0, this.name = "page-styling", this.currentAppearance = void 0, this.customInputsSlot = null;
+    super(), this.__registerHost(), this.__attachShadow(), this.valueChanged = ui(this, "valueChanged", 7), this.bookingFormSubmitted = ui(this, "bookingFormSubmitted", 7), this.internals = this.attachInternals(), this.selectedConfiguration = void 0, this.name = "page-styling", this.appearance = void 0, this.isOpen = !0, this.currentAppearance = void 0, this.customInputsSlot = null;
   }
   connectedCallback() {
     ne("nylas-page-styling", "connectedCallback");
@@ -11613,7 +11613,7 @@ const ei = Pu(class extends Fu {
     this.isOpen = !this.isOpen;
   }
   render() {
-    return se($u, { key: "7d0a6fffdec383f566caec6c2b6e780190dc1a7d" }, se("div", { key: "6f232a3f20e564490ffc96ef9ce2a8d2b348ac19", part: "nps", class: { "nylas-page-styling": !0, "no-border": !this.customInputsSlot } }, this.customInputsSlot ? se("div", { class: "header", part: "nps__header" }, se("div", null, se("h3", null, "Page styling and customization")), se("div", { class: "drawer-toggle", part: "nps__drawer-toggle--container" }, se("span", { class: `chevron ${this.isOpen ? "open" : "closed"} `, onClick: () => this.toggleConfirmationEmail() }, se("chevron-icon", { width: "24", height: "24" })))) : null, se("div", { key: "1b918548eaddb6dc65a24fe0a8918f04a43edaed", id: "nylas-page-styling__body", class: "nylas-page-styling__body", part: "nps__body" }, se("div", { key: "cafc8e8f98baa04aca2963dcf130240423df082a", class: { "nylas-page-styling__section": !0, "no-padding": !this.customInputsSlot } }, se("div", { key: "cba6152c8a382828963870204937ce9b18a419d8", class: "nylas-page-styling__row" }, se("div", { key: "98eab9461e7ec97c8b48bfa13c112f50f3548b67", class: { subsection: !0, hide: !this.isOpen } }))))));
+    return se($u, { key: "be08b4dc45a6950b8bf9190fbb5bd450a63f24cb" }, se("div", { key: "37c4ef967ab1ccecc7752be8e13847c1ff67f2ad", part: "nps", class: { "nylas-page-styling": !0, "no-border": !this.customInputsSlot } }, this.customInputsSlot ? se("div", { class: "header", part: "nps__header" }, se("div", null, se("h3", null, "Page styling and customization")), se("div", { class: "drawer-toggle", part: "nps__drawer-toggle--container" }, se("span", { class: `chevron ${this.isOpen ? "open" : "closed"} `, onClick: () => this.toggleConfirmationEmail() }, se("chevron-icon", { width: "24", height: "24" })))) : null, se("div", { key: "304a8a53cff0c854ce244435ff51abb2dc51b105", id: "nylas-page-styling__body", class: "nylas-page-styling__body", part: "nps__body" }, se("div", { key: "9de4abc9b92aab8d976b0fd2a568a5c60d7f0f6e", class: { "nylas-page-styling__section": !0, "no-padding": !this.customInputsSlot } }, se("div", { key: "490d7515e07679200e6a42138867088c7b6c4634", class: "nylas-page-styling__row" }, se("div", { key: "dcf7dbe82d82b103f14e63dc519aab3245d869e8", class: { subsection: !0, hide: !this.isOpen } }))))));
   }
   static get formAssociated() {
     return !0;
@@ -11631,9 +11631,9 @@ const ei = Pu(class extends Fu {
   }
 }, [65, "nylas-page-styling", {
   selectedConfiguration: [16],
+  name: [1],
   appearance: [16],
   isOpen: [4, "is-open"],
-  name: [1],
   currentAppearance: [32],
   customInputsSlot: [32]
 }, [[4, "nylasFormInputChanged", "nylasFormInputChangeHandler"], [4, "nylasFormDropdownChanged", "nylasFormDropdownChangedHandler"], [4, "valueChanged", "valueChangedHandler"], [4, "nylasFormCheckboxToggled", "checkboxToggledHandler"], [4, "nylasFormRadioChanged", "radioChangedHandler"]], {

package/dist/cdn/nylas-participant-booking-calendars/nylas-participant-booking-calendars.es.js

@@ -9111,7 +9111,7 @@ const F2 = ".sc-chevron-icon-h{display:flex}", U2 = F2, j2 = Ne(class extends _e
     super(), this.__registerHost(), this.width = "24", this.height = "24";
   }
   render() {
-    return M("svg", { key: "750f65d52fa710778d800b825058c4f49c3bd998", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, M("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 M("svg", { key: "fb1ba717c31f07393be2b8b0c984e1be9aac2042", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, M("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 U2;
@@ -9136,7 +9136,7 @@ const Y2 = ".sc-info-icon-h{display:flex}", H2 = Y2, q2 = Ne(class extends _e {
     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 H2;
@@ -9161,7 +9161,7 @@ const z2 = ".sc-search-icon-h{display:flex}", W2 = z2, G2 = Ne(class extends _e
     super(), this.__registerHost(), this.width = "15", this.height = "15";
   }
   render() {
-    return M("svg", { key: "475f6a8b18cbc4cd5dae71afb1157cf7a2653bc7", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, M("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 M("svg", { key: "ddf419d549f82cf693e9b261d671dcb402c193f6", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, M("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 W2;
@@ -9280,7 +9280,7 @@ const K2 = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nyla
   }
   render() {
     const e = this.generateButtonText(this.selectedOption, this.dropdownButtonText);
-    return M("div", { key: "c7b83d5ff4a62e9bfa3bd45eeee99a07ad544f4f", class: "dropdown", part: "sd_dropdown" }, M("label", { key: "be35a7cad3d6bc797268f970c403b95587dcc942", part: "sd_dropdown_label", class: { error: !!this.errorMessage } }, this.label && M("p", null, M("span", { class: "label" }, this.label), this.required && M("span", { class: "required" }, "*")), M("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) }, M("slot", { key: "590d08c9b4f0d39b5019ea6b457746b842c45ab2", name: "select-icon", "aria-hidden": "true" }), M("span", { key: "e163fe537b51357c076adbec269665efa10c548d", class: "selected-option", part: "sd_dropdown-button-selected-label" }, e), this.withChevron && M("span", { class: {
+    return M("div", { key: "ada528ac19d43f03f7717c3fe3102d3c87b95305", class: "dropdown", part: "sd_dropdown" }, M("label", { key: "cd088bcbfd74f506407597edad97730bc5fce96e", part: "sd_dropdown_label", class: { error: !!this.errorMessage } }, this.label && M("p", null, M("span", { class: "label" }, this.label), this.required && M("span", { class: "required" }, "*")), M("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) }, M("slot", { key: "e834d848d72159fa808ee8b3a48c2f66c0aad7fc", name: "select-icon", "aria-hidden": "true" }), M("span", { key: "2cbf36487ff22baf541534d86d3d210d61a8fced", class: "selected-option", part: "sd_dropdown-button-selected-label" }, e), this.withChevron && M("span", { class: {
       open: this.isOpen,
       closed: !this.isOpen,
       chevron: !0
@@ -9346,7 +9346,7 @@ const Z2 = '.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;
@@ -9573,7 +9573,7 @@ const kr = Ne(class extends _e {
   }
   componentDidLoad() {
     var e, t;
-    G("nylas-participant-booking-calendars", "componentDidLoad"), this.selectedConfiguration && (this.selectedCalendars = this.setParticipants((e = this.selectedConfiguration) == null ? void 0 : e.participants), this.participantCalendars = this.getParticipantCalendarOptions((t = this.selectedConfiguration) == null ? void 0 : t.participants, this.participantOptions));
+    G("nylas-participant-booking-calendars", "componentDidLoad"), this.selectedConfiguration ? (this.selectedCalendars = this.setParticipants((e = this.selectedConfiguration) == null ? void 0 : e.participants), this.participantCalendars = this.getParticipantCalendarOptions((t = this.selectedConfiguration) == null ? void 0 : t.participants, this.participantOptions)) : (this.selectedCalendars = this.setParticipants(this.participants), this.participantCalendars = this.getParticipantCalendarOptions(this.participants, this.participantOptions));
   }
   handleValueChanged(e) {
     G("[nylas-editor-tabs]", "handleValueChanged", e);
@@ -9611,10 +9611,10 @@ const kr = Ne(class extends _e {
     }), t;
   }
   render() {
-    return M(Vn, { key: "771e6bf137e6e8565edfa38b018ebecbbd34391a" }, M("div", { key: "de129ec1f11e06088c28445e6d3e12398fd26d4f", class: "nylas-participant-booking-calendars", part: "npbc" }, M("div", { key: "8cc19cc2004af110ccb7e95dc6a81bce4c5f8cad", class: "header", part: "npbc__header" }, M("h3", { key: "69a6b444ecb2d08b2cda29dc2ffc7613203d4052" }, "Book to this calendar"), M("p", { key: "580c521de914bb9ae9ebf5452b8cd519feee3043" }, "Select the calendar where you want to add event bookings.")), M("div", { key: "896ed1423c99e291572a17195af898a1225402e9", class: "content", part: "npbc__content" }, M("form", { key: "15f667fe9e21c29f64e8a6c79b3ec4c784b0eec4", ref: (e) => this.bookingCalendarsFormRef = e }, this.participantCalendars && Object.keys(this.participantCalendars).map((e, t) => {
+    return M(Vn, { key: "b9e6684dcd0f1f65681af22cbfa0ee9f096aa3f2" }, M("div", { key: "fae29a5cc07a0b8b46c36ec4763e3a220415d6d1", class: "nylas-participant-booking-calendars", part: "npbc" }, M("div", { key: "b03cc0a390af4f2704a262fe8a6142df3db703f1", class: "header", part: "npbc__header" }, M("h3", { key: "e2859aa78a9ad056290b3d567245d09dfbe4377c" }, "Book to this calendar"), M("p", { key: "0334ecd98e203d7625bef65ab1f5be413a67f2f5" }, "Select the calendar where you want to add event bookings.")), M("div", { key: "48c92054425564074e40d8e28e6cd98b77974083", class: "content", part: "npbc__content" }, M("form", { key: "f4336a4077a262c45947b75630234806e99148d0", ref: (e) => this.bookingCalendarsFormRef = e }, this.participantCalendars && Object.keys(this.participantCalendars).map((e, t) => {
       const n = this.selectedCalendars[e], i = this.participantCalendars[e];
       if (!(!n || !n.name))
-        return M("div", { class: "participant-container", part: "npbc__participant-container", key: `participant-conatiner-${t}` }, M("div", { class: "participant-title", part: "npbc__participant-title" }, M("p", null, n.name, "'s booking calendar"), M("div", { class: "participant-toggle", part: "npbc__participant-toggle--container" }, M("span", { class: `chevron ${n.isOpen ? "open" : "closed"}`, onClick: () => {
+        return M("div", { class: "participant-container", part: "npbc__participant-container", key: `participant-conatiner-${t}` }, M("div", { class: "participant-title", part: "npbc__participant-title" }, M("p", null, n.name, "'s booking calendar"), M("div", { class: "participant-toggle", part: "npbc__participant-toggle-container" }, M("span", { class: `chevron ${n.isOpen ? "open" : "closed"}`, onClick: () => {
           this.selectedCalendars[e].isOpen = !n.isOpen, this.selectedCalendars = { ...this.selectedCalendars };
         } }, M("chevron-icon", { width: "24", height: "24" })))), n.isOpen && M("nylas-booking-calendar-picker", { key: e, name: `participant-booking-${e}`, calendars: i, hideHeader: !0, defaultBookingCalendar: this.participantDefaultSelectedCalendar[e] }));
     })))));