npm - @nylas/web-elements - Versions diffs - 1.1.0-canary.17 → 1.1.0-canary.18 - Mend

@nylas/web-elements 1.1.0-canary.17 → 1.1.0-canary.18

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 (599) hide show

package/dist/cjs/calendar-info-icon_28.cjs.entry.js CHANGED Viewed

@@ -21,7 +21,7 @@ const CalendarInfoIcon = class {
         this.height = '20';
     }
     render() {
-        return (index.h("svg", { key: 'cccc82de81a96835882467868c393b01acefd2ce', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '1d4e348404256d41966b5f59f34151493412c4cb', d: "M12 0C13.3807 0 14.5 1.11929 14.5 2.5V6.59971C14.1832 6.43777 13.8486 6.30564 13.5 6.20703V4H1.5V11.5C1.5 12.3284 2.17157 13 3 13H6.70703C6.80564 13.3486 6.93777 13.6832 7.09971 14H3C1.61929 14 0.5 12.8807 0.5 11.5V2.5C0.5 1.11929 1.61929 0 3 0H12ZM12 1H3C2.17157 1 1.5 1.67157 1.5 2.5V3H13.5V2.5C13.5 1.67157 12.8284 1 12 1ZM11.375 9.5C11.375 9.15482 11.6548 8.875 12 8.875C12.3452 8.875 12.625 9.15482 12.625 9.5C12.625 9.84518 12.3452 10.125 12 10.125C11.6548 10.125 11.375 9.84518 11.375 9.5ZM12.5 13.5C12.5 13.7761 12.2761 14 12 14C11.7239 14 11.5 13.7761 11.5 13.5V11.5C11.5 11.2239 11.7239 11 12 11C12.2761 11 12.5 11.2239 12.5 11.5V13.5ZM7.5 11.5C7.5 9.01472 9.51472 7 12 7C14.4853 7 16.5 9.01472 16.5 11.5C16.5 13.9853 14.4853 16 12 16C9.51472 16 7.5 13.9853 7.5 11.5ZM8.5 11.5C8.5 13.433 10.067 15 12 15C13.933 15 15.5 13.433 15.5 11.5C15.5 9.567 13.933 8 12 8C10.067 8 8.5 9.567 8.5 11.5Z", fill: "currentColor" })));
+        return (index.h("svg", { key: '9012ae7b873d35927c299ed62d247b77757bb679', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '0a3a11d84c99d05ad964d3b5606c072dd31872a7', d: "M12 0C13.3807 0 14.5 1.11929 14.5 2.5V6.59971C14.1832 6.43777 13.8486 6.30564 13.5 6.20703V4H1.5V11.5C1.5 12.3284 2.17157 13 3 13H6.70703C6.80564 13.3486 6.93777 13.6832 7.09971 14H3C1.61929 14 0.5 12.8807 0.5 11.5V2.5C0.5 1.11929 1.61929 0 3 0H12ZM12 1H3C2.17157 1 1.5 1.67157 1.5 2.5V3H13.5V2.5C13.5 1.67157 12.8284 1 12 1ZM11.375 9.5C11.375 9.15482 11.6548 8.875 12 8.875C12.3452 8.875 12.625 9.15482 12.625 9.5C12.625 9.84518 12.3452 10.125 12 10.125C11.6548 10.125 11.375 9.84518 11.375 9.5ZM12.5 13.5C12.5 13.7761 12.2761 14 12 14C11.7239 14 11.5 13.7761 11.5 13.5V11.5C11.5 11.2239 11.7239 11 12 11C12.2761 11 12.5 11.2239 12.5 11.5V13.5ZM7.5 11.5C7.5 9.01472 9.51472 7 12 7C14.4853 7 16.5 9.01472 16.5 11.5C16.5 13.9853 14.4853 16 12 16C9.51472 16 7.5 13.9853 7.5 11.5ZM8.5 11.5C8.5 13.433 10.067 15 12 15C13.933 15 15.5 13.433 15.5 11.5C15.5 9.567 13.933 8 12 8C10.067 8 8.5 9.567 8.5 11.5Z", fill: "currentColor" })));
     }
 };
 CalendarInfoIcon.style = CalendarInfoIconStyle0;
@@ -36,7 +36,7 @@ const CalendarPatternsIcon = class {
         this.height = '20';
     }
     render() {
-        return (index.h("svg", { key: 'dd2ac860a58584163788ba39e76c53c456b8effe', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'fe1368d38056f3d10efca5ec6fcde6dc92821df6', d: "M3.25 0H11.75C13.2688 0 14.5 1.23122 14.5 2.75V11.25C14.5 12.7688 13.2688 14 11.75 14H3.25C1.73122 14 0.5 12.7688 0.5 11.25V2.75C0.5 1.23122 1.73122 0 3.25 0ZM2 2.75V4H13V2.75C13 2.05964 12.4404 1.5 11.75 1.5H3.25C2.55964 1.5 2 2.05964 2 2.75ZM12.2071 5L8.20711 9H10.7929L13 6.79289V5H12.2071ZM10.7929 5H8.20711L4.20711 9H6.79289L10.7929 5ZM2.79289 9L6.79289 5H4.20711L2 7.20711V9H2.79289ZM2 5.79289L2.79289 5H2V5.79289ZM12.2071 9H13V8.20711L12.2071 9Z", fill: "currentColor" })));
+        return (index.h("svg", { key: 'ca6df3db90bbbffc29dfdc6ee5a440266eaa153d', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'ab45118ff407127ca1673159e1b78c93c7c97bed', d: "M3.25 0H11.75C13.2688 0 14.5 1.23122 14.5 2.75V11.25C14.5 12.7688 13.2688 14 11.75 14H3.25C1.73122 14 0.5 12.7688 0.5 11.25V2.75C0.5 1.23122 1.73122 0 3.25 0ZM2 2.75V4H13V2.75C13 2.05964 12.4404 1.5 11.75 1.5H3.25C2.55964 1.5 2 2.05964 2 2.75ZM12.2071 5L8.20711 9H10.7929L13 6.79289V5H12.2071ZM10.7929 5H8.20711L4.20711 9H6.79289L10.7929 5ZM2.79289 9L6.79289 5H4.20711L2 7.20711V9H2.79289ZM2 5.79289L2.79289 5H2V5.79289ZM12.2071 9H13V8.20711L12.2071 9Z", fill: "currentColor" })));
     }
 };
 CalendarPatternsIcon.style = CalendarPatternsIconStyle0;
@@ -65,7 +65,7 @@ const CheckboxComponent = class {
         });
     }
     render() {
-        return (index.h("label", { key: '9d7aecec74bf3dabbb242324c0d028b46213b81f' }, index.h("input", { key: 'd0e94c6ee729adab2bc6df57f573024f632d87b9', type: "checkbox", name: this.name, checked: this.isChecked, onChange: () => this.toggleCheck() }), index.h("span", { key: '95d00654e241d754eca4b721df4c71d3649d2dc0', class: "checkmark" }), index.h("slot", { key: 'f5560353f9371cd8d14b18f4ca1000123770b094', name: "label" }, index.h("span", { key: '09189dda1ec3da4095ae2d8978e579d4f0dd5a4a', class: "label" }, this.label))));
+        return (index.h("label", { key: 'ff418217723b6044270dc691f7d0e11aea5fb204' }, index.h("input", { key: 'c45008c89d147534ba6b4a70120b7c5159a25ce6', type: "checkbox", name: this.name, checked: this.isChecked, onChange: () => this.toggleCheck() }), index.h("span", { key: 'a785e711233dab04bb19bcf1f1c6f665d7460015', class: "checkmark" }), index.h("slot", { key: '05e7f91a9e038bf9a467d63c9c004f7b90454b6f', name: "label" }, index.h("span", { key: '35a5c8bef4f998f993fbdcf2b752b83432218422', class: "label" }, this.label))));
     }
 };
 CheckboxComponent.style = CheckboxComponentStyle0;
@@ -80,7 +80,7 @@ const FlowIcon = class {
         this.height = '12';
     }
     render() {
-        return (index.h("svg", { key: '990421d00dad37fc4e84a1e472f71486b0af9e8b', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '1458febb2237e9d0b3b0e7ba75891a85aaa70f16', d: "M13 1.66211C11.8954 1.66211 11 2.55754 11 3.66211C11 4.76668 11.8954 5.66211 13 5.66211C14.1046 5.66211 15 4.76668 15 3.66211C15 2.55754 14.1046 1.66211 13 1.66211ZM10.0407 3.16678C10.2768 1.74563 11.5119 0.662109 13 0.662109C14.6569 0.662109 16 2.00526 16 3.66211C16 5.31896 14.6569 6.66211 13 6.66211C11.5162 6.66211 10.2839 5.58482 10.0428 4.16971C9.37629 4.23688 8.82682 4.7426 8.71466 5.41551L8.27173 8.07311C8.07929 9.22776 7.11428 10.087 5.9593 10.1574C5.72319 11.5786 4.48813 12.6621 3 12.6621C1.34315 12.6621 0 11.319 0 9.66211C0 8.00526 1.34315 6.66211 3 6.66211C4.48384 6.66211 5.71607 7.73939 5.95724 9.15451C6.62371 9.08734 7.17318 8.58162 7.28534 7.90871L7.72827 5.25111C7.92071 4.09646 8.88571 3.23718 10.0407 3.16678ZM3 7.66211C1.89543 7.66211 1 8.55754 1 9.66211C1 10.7667 1.89543 11.6621 3 11.6621C4.10457 11.6621 5 10.7667 5 9.66211C5 8.55754 4.10457 7.66211 3 7.66211Z", fill: "currentColor" })));
+        return (index.h("svg", { key: '18bdb1e3a2d6d1f4b9f9e1983c1ad7156e83e489', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'a291353c08dfca6bb961e83386a3bfe71a840299', d: "M13 1.66211C11.8954 1.66211 11 2.55754 11 3.66211C11 4.76668 11.8954 5.66211 13 5.66211C14.1046 5.66211 15 4.76668 15 3.66211C15 2.55754 14.1046 1.66211 13 1.66211ZM10.0407 3.16678C10.2768 1.74563 11.5119 0.662109 13 0.662109C14.6569 0.662109 16 2.00526 16 3.66211C16 5.31896 14.6569 6.66211 13 6.66211C11.5162 6.66211 10.2839 5.58482 10.0428 4.16971C9.37629 4.23688 8.82682 4.7426 8.71466 5.41551L8.27173 8.07311C8.07929 9.22776 7.11428 10.087 5.9593 10.1574C5.72319 11.5786 4.48813 12.6621 3 12.6621C1.34315 12.6621 0 11.319 0 9.66211C0 8.00526 1.34315 6.66211 3 6.66211C4.48384 6.66211 5.71607 7.73939 5.95724 9.15451C6.62371 9.08734 7.17318 8.58162 7.28534 7.90871L7.72827 5.25111C7.92071 4.09646 8.88571 3.23718 10.0407 3.16678ZM3 7.66211C1.89543 7.66211 1 8.55754 1 9.66211C1 10.7667 1.89543 11.6621 3 11.6621C4.10457 11.6621 5 10.7667 5 9.66211C5 8.55754 4.10457 7.66211 3 7.66211Z", fill: "currentColor" })));
     }
 };
 FlowIcon.style = FlowIconStyle0;
@@ -95,7 +95,7 @@ const LocationIcon = class {
         this.height = '18';
     }
     render() {
-        return (index.h("svg", { key: '18863bae4b528331182b4f9f2d57ec427a7537ab', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'b2450f8d8b35c9b0fcfe776b5517b7454e332255', d: "M10 7.66211C10 9.31896 8.65685 10.6621 7 10.6621C5.34315 10.6621 4 9.31896 4 7.66211C4 6.00526 5.34315 4.66211 7 4.66211C8.65685 4.66211 10 6.00526 10 7.66211ZM9 7.66211C9 6.55754 8.10457 5.66211 7 5.66211C5.89543 5.66211 5 6.55754 5 7.66211C5 8.76668 5.89543 9.66211 7 9.66211C8.10457 9.66211 9 8.76668 9 7.66211ZM11.9497 12.6171C14.6834 9.88221 14.6834 5.44812 11.9497 2.71326C9.21608 -0.0216067 4.78392 -0.0216067 2.05025 2.71326C-0.683418 5.44812 -0.683418 9.88221 2.05025 12.6171L3.57128 14.1159L5.61408 16.101L5.74691 16.2188C6.52168 16.8468 7.65623 16.8076 8.38611 16.1012L10.8223 13.7312L11.9497 12.6171ZM2.75499 3.4183C5.09944 1.07282 8.90055 1.07282 11.245 3.4183C13.5294 5.70364 13.5879 9.3725 11.4207 11.7288L11.245 11.912L9.92371 13.216L7.69315 15.3846L7.60016 15.4642C7.24594 15.732 6.7543 15.732 6.40012 15.4642L6.30713 15.3845L3.3263 12.4791L2.75499 11.912L2.57927 11.7288C0.412077 9.3725 0.47065 5.70364 2.75499 3.4183Z", fill: "currentColor" })));
+        return (index.h("svg", { key: 'c4b6ed753f7c3c3e26ae2fe2e92b429abe4eceb4', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'cff1afc5e511a814bfc16fc7c8fdaef6356a7952', d: "M10 7.66211C10 9.31896 8.65685 10.6621 7 10.6621C5.34315 10.6621 4 9.31896 4 7.66211C4 6.00526 5.34315 4.66211 7 4.66211C8.65685 4.66211 10 6.00526 10 7.66211ZM9 7.66211C9 6.55754 8.10457 5.66211 7 5.66211C5.89543 5.66211 5 6.55754 5 7.66211C5 8.76668 5.89543 9.66211 7 9.66211C8.10457 9.66211 9 8.76668 9 7.66211ZM11.9497 12.6171C14.6834 9.88221 14.6834 5.44812 11.9497 2.71326C9.21608 -0.0216067 4.78392 -0.0216067 2.05025 2.71326C-0.683418 5.44812 -0.683418 9.88221 2.05025 12.6171L3.57128 14.1159L5.61408 16.101L5.74691 16.2188C6.52168 16.8468 7.65623 16.8076 8.38611 16.1012L10.8223 13.7312L11.9497 12.6171ZM2.75499 3.4183C5.09944 1.07282 8.90055 1.07282 11.245 3.4183C13.5294 5.70364 13.5879 9.3725 11.4207 11.7288L11.245 11.912L9.92371 13.216L7.69315 15.3846L7.60016 15.4642C7.24594 15.732 6.7543 15.732 6.40012 15.4642L6.30713 15.3845L3.3263 12.4791L2.75499 11.912L2.57927 11.7288C0.412077 9.3725 0.47065 5.70364 2.75499 3.4183Z", fill: "currentColor" })));
     }
 };
 LocationIcon.style = LocationIconStyle0;
@@ -110,7 +110,7 @@ const LocationOffIcon = class {
         this.height = '18';
     }
     render() {
-        return (index.h("svg", { key: '7e8bb8dd37c043ab86b0a382fba2d8b8a850d035', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'f99541cb8478894f2497354838fccc4930f54674', d: "M0.146447 0.808556C0.341709 0.613294 0.658291 0.613294 0.853553 0.808556L15.8536 15.8086C16.0488 16.0038 16.0488 16.3204 15.8536 16.5157C15.6583 16.7109 15.3417 16.7109 15.1464 16.5157L12.0938 13.463L11.8223 13.7312L9.38611 16.1012C8.65623 16.8076 7.52168 16.8468 6.74691 16.2188L6.61408 16.101L4.57128 14.1159L3.05025 12.6171C0.607421 10.1732 0.347525 6.37239 2.27056 3.63976L0.146447 1.51566C-0.0488155 1.3204 -0.0488155 1.00382 0.146447 0.808556ZM9.07768 10.4469C8.74346 10.576 8.38024 10.6468 8.0005 10.6468C6.34839 10.6468 5.00909 9.30689 5.00909 7.65406C5.00909 7.27461 5.07967 6.91166 5.20843 6.57763L2.98793 4.35713C1.49206 6.62038 1.68917 9.67377 3.57927 11.7288L3.75499 11.912L4.3263 12.4791L7.30713 15.3845L7.40012 15.4642C7.7543 15.732 8.24594 15.732 8.60016 15.4642L8.69315 15.3846L10.9237 13.216L11.3883 12.7575L9.07768 10.4469ZM9.85409 8.39486L10.5983 9.13904C10.8487 8.70143 10.9919 8.19447 10.9919 7.65406C10.9919 6.00122 9.65261 4.66134 8.0005 4.66134C7.45986 4.66134 6.95271 4.80482 6.51504 5.05581L7.25921 5.79998C7.48839 5.70819 7.73855 5.6577 8.0005 5.6577C9.10258 5.6577 9.99599 6.5515 9.99599 7.65406C9.99599 7.91581 9.94564 8.16581 9.85409 8.39486ZM4.35291 2.89368C6.70671 1.08827 10.0908 1.26314 12.245 3.4183C14.3986 5.57283 14.5739 8.95702 12.771 11.3118L13.4812 12.022C15.6702 9.27273 15.493 5.25762 12.9497 2.71326C10.4058 0.168159 6.39081 -0.00843871 3.64269 2.18347L4.35291 2.89368Z", fill: "currentColor" })));
+        return (index.h("svg", { key: 'b7eb987c802beac155700ccbd2c51189708f3422', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '91e1d8458400d7d502def34ce86611fc17110cb4', d: "M0.146447 0.808556C0.341709 0.613294 0.658291 0.613294 0.853553 0.808556L15.8536 15.8086C16.0488 16.0038 16.0488 16.3204 15.8536 16.5157C15.6583 16.7109 15.3417 16.7109 15.1464 16.5157L12.0938 13.463L11.8223 13.7312L9.38611 16.1012C8.65623 16.8076 7.52168 16.8468 6.74691 16.2188L6.61408 16.101L4.57128 14.1159L3.05025 12.6171C0.607421 10.1732 0.347525 6.37239 2.27056 3.63976L0.146447 1.51566C-0.0488155 1.3204 -0.0488155 1.00382 0.146447 0.808556ZM9.07768 10.4469C8.74346 10.576 8.38024 10.6468 8.0005 10.6468C6.34839 10.6468 5.00909 9.30689 5.00909 7.65406C5.00909 7.27461 5.07967 6.91166 5.20843 6.57763L2.98793 4.35713C1.49206 6.62038 1.68917 9.67377 3.57927 11.7288L3.75499 11.912L4.3263 12.4791L7.30713 15.3845L7.40012 15.4642C7.7543 15.732 8.24594 15.732 8.60016 15.4642L8.69315 15.3846L10.9237 13.216L11.3883 12.7575L9.07768 10.4469ZM9.85409 8.39486L10.5983 9.13904C10.8487 8.70143 10.9919 8.19447 10.9919 7.65406C10.9919 6.00122 9.65261 4.66134 8.0005 4.66134C7.45986 4.66134 6.95271 4.80482 6.51504 5.05581L7.25921 5.79998C7.48839 5.70819 7.73855 5.6577 8.0005 5.6577C9.10258 5.6577 9.99599 6.5515 9.99599 7.65406C9.99599 7.91581 9.94564 8.16581 9.85409 8.39486ZM4.35291 2.89368C6.70671 1.08827 10.0908 1.26314 12.245 3.4183C14.3986 5.57283 14.5739 8.95702 12.771 11.3118L13.4812 12.022C15.6702 9.27273 15.493 5.25762 12.9497 2.71326C10.4058 0.168159 6.39081 -0.00843871 3.64269 2.18347L4.35291 2.89368Z", fill: "currentColor" })));
     }
 };
 LocationOffIcon.style = LocationOffIconStyle0;
@@ -238,9 +238,9 @@ const MultiSelectDropdown = class {
             }, class: { selected: !!option.selected } }, index.h("label", { htmlFor: option.value }, index.h("input", { "aria-hidden": "true", id: option.value, type: "checkbox", checked: option.selected }), index.h("span", null, option.label))));
     }
     render() {
-        return (index.h(index.Host, { key: '68762c15e4d20e8d695807b7d4b401f95d1759a8' }, index.h("div", { key: 'f6b695da1ac813ce000f09442d79797cd57b5400', class: "dropdown", part: "msd_dropdown" }, index.h("label", { key: '375e7f825f8ca0962b12f5a35960a514535a0e4d', class: "dropdown-label" }, this.label, index.h("slot", { key: '4cb277f7424fc3a2906b6ca2bb25ab9af75f4b48', name: "label-icon", "aria-hidden": "true" })), index.h("button", { key: '76d5eec276f0aadb5f94de67a7c674d7506fec1b', part: "msd_dropdown-button", class: { dropbtn: true, open: this.isOpen }, onClick: () => this.toggleDropdown(), "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.name, onKeyDown: e => this.handleSelectButtonKeyDown(e) }, index.h("slot", { key: '229cae92d81294a1a8785ae95a265b156c4c571b', name: "select-icon", "aria-hidden": "true" }), index.h("span", { key: 'c2c030a9052bf733af0c9f5aabf665f9c50a612a', class: "selected-option", part: "msd_dropdown-button-selected-label" }, this.getSelectedOptions().length > 1
+        return (index.h(index.Host, { key: 'af0befb6c6c059e41a99ebe56c9632e6445e897b' }, index.h("div", { key: 'e93abae0184670a75caa02b4f687a374fce9a055', class: "dropdown", part: "msd_dropdown" }, index.h("label", { key: 'cb7ab81e0c7e23934dfc814a4c5281470e2ad510', class: "dropdown-label" }, this.label, index.h("slot", { key: '88fdcec62b47bf2b7da977c06b36300722789373', name: "label-icon", "aria-hidden": "true" })), index.h("button", { key: '17e03081353c32b5f571e7655fbe7b0c2ea87a35', part: "msd_dropdown-button", class: { dropbtn: true, open: this.isOpen }, onClick: () => this.toggleDropdown(), "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.name, onKeyDown: e => this.handleSelectButtonKeyDown(e) }, index.h("slot", { key: 'f1925d4d315c6be091a07f18261e574792883fd7', name: "select-icon", "aria-hidden": "true" }), index.h("span", { key: '02c03946856eed3b6207ec84abbba0d16554af9f', class: "selected-option", part: "msd_dropdown-button-selected-label" }, this.getSelectedOptions().length > 1
             ? `Multiple ${this.name}s selected`
-            : this.availableOptions.filter(o => o.selected)[0]?.label ?? this.availableOptions[0]?.label), index.h("span", { key: '0f18d14621e108bd6019ceea2e86ae19d1816d53', class: this.isOpen ? 'open' : 'closed', "aria-hidden": "true" }, index.h("chevron-icon", { key: '1dba99f7491f72edeed66b567692b4aaf16be32d', width: "16", height: "16" }))), this.isOpen ? null : (index.h("div", { class: 'selected-options' }, this.getSelectedOptions().map(option => (index.h("span", { class: "selected-option" }, option.label, index.h("button", { key: option.label, onClick: () => this.selectOption(option) }, index.h("close-icon", null))))))), this.isOpen ? (index.h("div", { class: "dropdown-content", part: "msd_dropdown-content" }, index.h("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-multiselectable": true, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: e => this.handleListboxKeydown(e) }, this.availableOptions.map(option => this.renderOption(option))))) : null)));
+            : this.availableOptions.filter(o => o.selected)[0]?.label ?? this.availableOptions[0]?.label), index.h("span", { key: 'bbd36a37a7ee28e299da6b22612206e4bbbcf8db', class: this.isOpen ? 'open' : 'closed', "aria-hidden": "true" }, index.h("chevron-icon", { key: '4e6f9c3dfd33c8d87b9584648487783e417961c6', width: "16", height: "16" }))), this.isOpen ? null : (index.h("div", { class: 'selected-options' }, this.getSelectedOptions().map(option => (index.h("span", { class: "selected-option" }, option.label, index.h("button", { key: option.label, onClick: () => this.selectOption(option) }, index.h("close-icon", null))))))), this.isOpen ? (index.h("div", { class: "dropdown-content", part: "msd_dropdown-content" }, index.h("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-multiselectable": true, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: e => this.handleListboxKeydown(e) }, this.availableOptions.map(option => this.renderOption(option))))) : null)));
     }
     get el() { return index.getElement(this); }
 };
@@ -342,11 +342,11 @@ const NylasAdditionalParticipants = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '67454437ca6e9771da4373e293b8b1d468c79680' }, index.h("nylas-form-card", { key: '844913ba1bca33b83b0d7c0a89323ca48f5ce1dd' }, index.h("h3", { key: 'bbdbf1e9addc3238a013697bff343a1065758928', slot: "header-title", class: "nylas-additional-participants__title", part: "nap__title" }, "Additional participants"), index.h("p", { key: '37520f9fcc4996b9635821a52ed5d9c0350af88f', slot: "header-subtitle", class: "nylas-additional-participants__subtitle", part: "nap__subtitle" }, "Add anyone else who would be joining for this event."), index.h("div", { key: '76a8d8118f9012cced55357e4243b897ec41e385', slot: "content", class: "nylas-additional-participants__content" }, index.h("div", { key: 'bb5d6f6e7ebf486eb4c8395ff3ab971335d19750' }, this.participants.map((participant, index$1) => {
+        return (index.h(index.Host, { key: '30915e4727e68b0652fc265ced20a3fce93f94d7' }, index.h("nylas-form-card", { key: 'e652c77a0e382aeaab234593ad1cd8fa6cc1b858' }, index.h("h3", { key: 'ee6d3ac07461ef43976e32069cd978a2dc32ba96', slot: "header-title", class: "nylas-additional-participants__title", part: "nap__title" }, "Additional participants"), index.h("p", { key: '72d712c00b839ad8220ea23cce11cfc233cf14b5', slot: "header-subtitle", class: "nylas-additional-participants__subtitle", part: "nap__subtitle" }, "Add anyone else who would be joining for this event."), index.h("div", { key: '87b08e14dc5a16b2381728263e079c46545284f4', slot: "content", class: "nylas-additional-participants__content" }, index.h("div", { key: 'da67ac11f9c977007ce885531bcdcbf9c59aca0c' }, this.participants.map((participant, index$1) => {
             return (index.h("div", { class: 'nylas-additional-participants__input_group', part: "nap__input_group" }, index.h("label", null, participant.is_organizer ? 'Organizer' : `Participant ${index$1}`), index.h("div", { part: "nap__input_wrapper", class: `nylas-additional-participants__input_wrapper ${participant.is_organizer && 'nylas-additional-participants__input_wrapper_organizer'} ${participant.is_valid === false && 'nylas-additional-participants__input_wrapper_invalid'}` }, index.h("div", { class: { 'nylas-additional-participants__input': true, 'organizer': participant.is_organizer }, part: "nap__input" }, participant.is_organizer ? (index.h("input", { type: "text", value: participant.email, onInput: e => {
                     this.onParticipantChange(e, index$1);
                 }, readOnly: participant.is_organizer, onBlur: () => this.validate(participant.email, index$1) })) : (index.h("input-dropdown", { name: `${index$1}`, filterable: true, inputValue: participant.email, options: this.getArrayDifference(this.participantOptions || [], this.participants) })), !participant.is_organizer && (index.h("button", { onClick: () => this.removeParticipant(index$1), part: "nap__remove-participant" }, index.h("close-icon", null)))))));
-        })), index.h("button", { key: '14febbe15dc97b44304e98c14d7e084ea5126304', class: "nylas-additional-participants__add", part: "nap__add-participant", onClick: () => this.addParticipant() }, index.h("add-circle-icon", { key: '8f60f39d5d3b3b4532a78eacb0d4bf907a8b7836' }), " ", index.h("span", { key: '8e2c9a49072d04ab571470c68c3277a76706e60e' }, "Add ", this.participants.length > 1 ? 'another' : 'a', " participant"))))));
+        })), index.h("button", { key: 'dd0f412f9affa5cf2b3ab5a331365d5b217e1ade', class: "nylas-additional-participants__add", part: "nap__add-participant", onClick: () => this.addParticipant() }, index.h("add-circle-icon", { key: '089167b221913ef3e0393efa23db2698a93b3e73' }), " ", index.h("span", { key: '70860b8258a871e714f2f33890d35ec46835f349' }, "Add ", this.participants.length > 1 ? 'another' : 'a', " participant"))))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }
@@ -675,7 +675,7 @@ const NylasAvailabilityPicker = class {
             label: constants.TIMEZONE_MAP[key],
             value: key,
         }));
-        return (index.h(index.Host, { key: '81c6118e501f4424ce74cb81530a67f7896a7fca' }, index.h("div", { key: '6dbcda74a92e36089dfda5b11469c6619bb095e1', class: "nylas-availability-picker", part: "nap" }, !this.hideHeader && (index.h("div", { class: "header", part: "nap__header" }, index.h("h3", null, "General availability"), index.h("p", null, "Set your availability for scheduling meetings."))), index.h("div", { key: 'f217b53a7ddc2d0554a3c3e44e79580924dbaa43', class: "content" }, index.h("div", { key: 'fe3dcc1c1c5504e65babb72f7b92f7954e3d4a20', class: "select-timezone", part: "nap__select-timezone" }, index.h("h4", { key: '0746b7a08e56b8d2359ae37357b46b84b440851c', class: "sub-header" }, "Select timezone", index.h("span", { key: 'f6d5424b939bec04d0ab01e3b037a5db6ffdbb77', class: "icon" }, index.h("tooltip-component", { key: '7f6371d4e3ee3ab8c841d3799fbe77a1206084eb' }, index.h("info-icon", { key: 'ae2b6f45b9eba0c26909b283daceafeddefc7936', slot: "tooltip-icon" }), index.h("span", { key: '38cb9c51f61d0087216660e5b2a54f42a42663ae', slot: "tooltip-content" }, "Select your timezone for displaying availability.")))), index.h("select-dropdown", { key: 'e3467d03d104fe090d776bc03306d289de53cb60', name: "timezone", exportparts: "sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content", options: timezoneOptions, defaultSelectedOption: timezoneOptions.find(i => i.value === this.defaultTimezone) }, index.h("span", { key: 'afbee8547454b8eb1ba75a41056e1393fd60c2ec', slot: "select-icon" }, index.h("globe-icon", { key: '7bc82d7454658d2d0783a7d9422b76fb4083d14f', width: "20", height: "20" })))), index.h("div", { key: '2fd561856ac6731c16da239cd296545e256dd12d', class: "availability", part: "nap__availability" }, Object.keys(this.schedule).map(key => {
+        return (index.h(index.Host, { key: 'bb0a4148b2d9728d7a2a9fdab8359382dd1ae5d5' }, index.h("div", { key: '27c5e85931d318e6ec66a155faa78e021b570f70', class: "nylas-availability-picker", part: "nap" }, !this.hideHeader && (index.h("div", { class: "header", part: "nap__header" }, index.h("h3", null, "General availability"), index.h("p", null, "Set your availability for scheduling meetings."))), index.h("div", { key: 'f2b3434dc127fc19fe6fe915cdc5f4a9d12ba6e7', class: "content" }, index.h("div", { key: 'bd75cb0749168b32c6366aea6f4df5920d098ec7', class: "select-timezone", part: "nap__select-timezone" }, index.h("h4", { key: '0c74924a291afaa07ff5b06781720a8cbadeea4d', class: "sub-header" }, "Select timezone", index.h("span", { key: '64933b3f6623f2d0b13559406db3d14afa99e0b6', class: "icon" }, index.h("tooltip-component", { key: '09c42633826e0ad358b4877f7d48bb70ce7ca518' }, index.h("info-icon", { key: '9ea9340b193710d759e71081e59ad6ccf762e4a8', slot: "tooltip-icon" }), index.h("span", { key: '83e596171dc8fb74543b21e957855f9cd32423b1', slot: "tooltip-content" }, "Select your timezone for displaying availability.")))), index.h("select-dropdown", { key: 'd65b32234b1669a5e7bef4b88024f50548011b98', name: "timezone", exportparts: "sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content", options: timezoneOptions, defaultSelectedOption: timezoneOptions.find(i => i.value === this.defaultTimezone) }, index.h("span", { key: '3387e2d39b7a052557d7668d5a7822fda1440da7', slot: "select-icon" }, index.h("globe-icon", { key: 'e92459b2ce063e199d8685f5a422a88e7a50fbd6', width: "20", height: "20" })))), index.h("div", { key: 'd510d9538189898f52e56388d661158e243fc8dd', class: "availability", part: "nap__availability" }, Object.keys(this.schedule).map(key => {
             const day = key;
             const timeRanges = this.schedule[key];
             return (index.h("div", { class: "availability-day" }, index.h("div", { class: "day", part: "nap__day" }, index.h("input", { type: "checkbox", name: day, id: day, checked: timeRanges.length > 0, onClick: () => {
@@ -1181,7 +1181,7 @@ const NylasCancellationPolicy = class {
         this.valueChanged.emit({ value: value, name: this.name });
     }
     render() {
-        return (index.h(index.Host, { key: '9ad194925cfb18c323d3f75aec51c4ac5ad67230' }, index.h("div", { key: 'a4ae061a504a0cd6a91dd6dd23adcf7c3b8f43d5', class: "nylas-cancellation-policy", part: "ncpolicy" }, index.h("label", { key: 'ea742ee8fba2e50a5694c210172e8783fa3d5e7b', htmlFor: this.name }, "Cancellation policy message", index.h("span", { key: '5c7143f8da100b650aa386c9fb895c3fd9ed2e04', class: "label-icon" }, index.h("tooltip-component", { key: 'f46c7b94a1a58bd7162e5cfffc14a88b04a18a4c' }, index.h("info-icon", { key: '9d85ce578da1db7b080f3152b8fdb43834968829', slot: "tooltip-icon" }), index.h("span", { key: '0e4d0c4f98d1529179622c22fa6bf9d56d085ffb', slot: "tooltip-content" }, "Attendees receive this message if trying to cancel the event. Attendees are asked to provide a reason for cancellation.")))), index.h("textarea", { key: '570404ef8450c4ef2bb28fad4d1c6359b735abae', id: this.name, part: "ncpolicy__textarea", name: this.name, value: this.message, maxlength: "250", onInput: e => this.handleChange(e) }))));
+        return (index.h(index.Host, { key: '7a57476ea21860b39103ab43f8b86a5804ddc055' }, index.h("div", { key: '67d7d2c00b2b658778dabe316a4512472bddf435', class: "nylas-cancellation-policy", part: "ncpolicy" }, index.h("label", { key: '2f0abff08c2485c93efaf6202a5c9720107f11d1', htmlFor: this.name }, "Cancellation policy message", index.h("span", { key: '2c16d52ce3b6fea15f23e57d50afe55872f920d6', class: "label-icon" }, index.h("tooltip-component", { key: '8bde2b6a884e8d180ef7296bbf29322df14128ef' }, index.h("info-icon", { key: 'cffadcf00bc6c3b07dffeb633bf87b423d6f4c59', slot: "tooltip-icon" }), index.h("span", { key: '5c37fbce026bb6f5a37f7867236fc27284323c42', slot: "tooltip-content" }, "Attendees receive this message if trying to cancel the event. Attendees are asked to provide a reason for cancellation.")))), index.h("textarea", { key: '0f492885372a90650104bbb4679cde1374296504', id: this.name, part: "ncpolicy__textarea", name: this.name, value: this.message, maxlength: "250", onInput: e => this.handleChange(e) }))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }
@@ -1303,7 +1303,7 @@ const NylasCustomizeBookingSettings = class {
         }), this.name);
     }
     render() {
-        return (index.h(index.Host, { key: '98e7ab408f5d7dff71321819cbc2a5e336ca52de' }, index.h("div", { key: 'ea73803234b4843cf7e58dc2570171e0237ea7d1', class: "nylas-customize-booking-settings", part: "ncbs" }, index.h("div", { key: '9b081de7e2d2152b874a5a4713a5313c6e021409', class: "header", part: "ncbs__header" }, index.h("h3", { key: '976be7412b4f8d70269c3b429652fa1091da1457' }, "Additional settings"), index.h("p", { key: 'f580ed5fd9c29773715bf26f5dc0c466c56ba43f' }, "Booking settings for the event.")), index.h("div", { key: '9e694bcf133167fa12efbd46bee02158b56e9777', class: "nylas-customize-booking-settings__settings", part: "ncbs__settings" }, index.h("div", { key: '39d4154e12c7f5cf96f04ca3fc3e0f17d0e8b2ec', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__additional_guests" }, index.h("checkbox-component", { key: '61f11b632388d036622078f76f2d90370458b152', name: "hide_additional_guests", label: "Allow guests to invite additional guests.", checked: this.allowGuestsToInvite }, index.h("span", { key: '14573cca344d64ddfddebe6f402321a52fcce6ee', slot: "label", class: "label" }, index.h("p", { key: '64790dee39a090a778479a7eb3b1efcd14054bb9', class: "label-contents" }, "Allow guests to invite additional guests to the booking."), index.h("tooltip-component", { key: '564c56d4f159e11bf82b02eaab43b36ef9dd7117', id: "guests" }, index.h("info-icon", { key: 'a442aac8c9d930dc6be00a07fb6cd32b39cbd24b', slot: "tooltip-icon" }), index.h("span", { key: '6a9eff50392213a42be00c99f0f78d5e2d8eb0f4', slot: "tooltip-content" }, "Allow guests to invite additional guests to the event. If enabled, the guest will be able to add additional guests' email addresses."))))), index.h("div", { key: 'e7d58c8c04cd715bd02fd4dcc14073ce1f6aaf08', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__rescheduling_options" }, index.h("checkbox-component", { key: '3f5c22d363bb11012b8514f5a33871a3f054fc80', name: "hide_rescheduling_options", label: "Hide 'Reschedule' option on booking page and emails.", checked: this.hideReschedulingOptions }, index.h("span", { key: '2ed45b907aa847c41da5a0e394b0b5ddb91a3e26', slot: "label", class: "label" }, index.h("p", { key: 'a1fc109c7211d387426d66ac9129fad25032565b', class: "label-contents" }, "Hide the\u00A0", index.h("strong", { key: 'ac79eec03a85d1963ac4e75b0fbf678f4a063776' }, "Reschedule"), "\u00A0button on the Scheduling Page and in the email notifications."), index.h("tooltip-component", { key: 'd8f41e37b915c0be9154a475da07d5ed343d96b4', id: "reschedule" }, index.h("info-icon", { key: 'fbb3f300f4276bd249f9cf12d11c4b6467c82247', slot: "tooltip-icon" }), index.h("span", { key: '689b3c36070c26e6d6bac530a56008404354e43b', slot: "tooltip-content" }, "Hide the 'Reschedule' button on the Scheduling page and in the email notifications. If enabled, the guest will not be able to reschedule the booking."))))), index.h("div", { key: 'f21aeca85fbb63da4d844d37cf87ff1e8d48f001', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__cancellation_options" }, index.h("checkbox-component", { key: 'be80ca87a198de83451085fceca77b4d2455357d', name: "hide_cancellation_options", label: "Hide 'Cancel' option on booking page and emails.", checked: this.hideCancellationOptions }, index.h("span", { key: '80e718e75b94562d3b8c4a3d9f170ee2de0c2c1b', slot: "label", class: "label" }, index.h("p", { key: 'd46dfe25aa86b112f5c57abe3337de6d88a79c90', class: "label-contents" }, "Hide the\u00A0", index.h("strong", { key: 'ac243fbb7a3c85c8ab3af28b61ae2724c428ac3e' }, "Cancel"), "\u00A0button on the Scheduling Page and in the email notifications."), index.h("tooltip-component", { key: 'b720fc3becba6ca2cc71d01bb77c19ec154b1aa1', id: "cancel" }, index.h("info-icon", { key: '5ab491a0734fe525ad2be3e2ad067cb292cce182', slot: "tooltip-icon" }), index.h("span", { key: '4621e731c10b515294641be4f9ee60142b46f9c6', slot: "tooltip-content" }, "Hide the 'Cancel' button on the Scheduling page and in the email notifications. If enabled, the guest will not be able to cancel the booking.")))))))));
+        return (index.h(index.Host, { key: '543f4fc64d9dab03c528c5738cd4c1b1bb9cfd2a' }, index.h("div", { key: 'e3f153847ad5256327952d4be0aace03543b1d40', class: "nylas-customize-booking-settings", part: "ncbs" }, index.h("div", { key: '5b35f27785f6f6bc8e8848d94857869b73108df0', class: "header", part: "ncbs__header" }, index.h("h3", { key: 'd50a9614e3b0b5227a196356a43f12aab4acb158' }, "Additional settings"), index.h("p", { key: 'f29bbb165479e276cf87087582e9c60eb21c37d1' }, "Booking settings for the event.")), index.h("div", { key: 'd091485f983d0cc3ff86e7ca89df8d75526d3cef', class: "nylas-customize-booking-settings__settings", part: "ncbs__settings" }, index.h("div", { key: '7f7888a718a70a681795e599075c92cfbc16853a', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__additional_guests" }, index.h("checkbox-component", { key: 'e37474d77812d96fe264d26c329078502c074dbe', name: "hide_additional_guests", label: "Allow guests to invite additional guests.", checked: this.allowGuestsToInvite }, index.h("span", { key: '00b45833c0223e373edf0b42669e4a154938b1eb', slot: "label", class: "label" }, index.h("p", { key: 'e66de8b9f53230347417a8ec0a7ae7a19af9db31', class: "label-contents" }, "Allow guests to invite additional guests to the booking."), index.h("tooltip-component", { key: '1ba5558e1991235c21f57ca1968220ea7bf43fcb', id: "guests" }, index.h("info-icon", { key: '3e62cc64cc55eb3dd4d0a73cef80a64c8dc9c38f', slot: "tooltip-icon" }), index.h("span", { key: '3853d0d575be29420ea012c90b0a2c07913a86a7', slot: "tooltip-content" }, "Allow guests to invite additional guests to the event. If enabled, the guest will be able to add additional guests' email addresses."))))), index.h("div", { key: '92e209a924673d8b1dee03475ffabfea5d9bf09b', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__rescheduling_options" }, index.h("checkbox-component", { key: 'f7b522c07700938d25b17e14d236edb2aae12b21', name: "hide_rescheduling_options", label: "Hide 'Reschedule' option on booking page and emails.", checked: this.hideReschedulingOptions }, index.h("span", { key: '590cb5d983ff6eef95ebb370b845e1cc8e3080e4', slot: "label", class: "label" }, index.h("p", { key: '8f2d2742976e21a81268c793ae1c6c9dafdcecc3', class: "label-contents" }, "Hide the\u00A0", index.h("strong", { key: '4b01f75e4067d7c8d26ca785d5c6ad841633130c' }, "Reschedule"), "\u00A0button on the Scheduling Page and in the email notifications."), index.h("tooltip-component", { key: '8a157115569a4413143779c9e09c8389394973f9', id: "reschedule" }, index.h("info-icon", { key: 'b3a2c734d2d7a303d1d4d2622b51113aa7d3dfaf', slot: "tooltip-icon" }), index.h("span", { key: '2d08ceb49e744787da6863d72cf2c6df50f1a7cc', slot: "tooltip-content" }, "Hide the 'Reschedule' button on the Scheduling page and in the email notifications. If enabled, the guest will not be able to reschedule the booking."))))), index.h("div", { key: '6bc7f1a30a750ba85453d852f6f7e05c0513673d', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__cancellation_options" }, index.h("checkbox-component", { key: '089ca174d8aabb26d87f5bb8cb871b9e82b7c04f', name: "hide_cancellation_options", label: "Hide 'Cancel' option on booking page and emails.", checked: this.hideCancellationOptions }, index.h("span", { key: '9ec50185d728baddbe0805eaeff057686b153bea', slot: "label", class: "label" }, index.h("p", { key: '118c1c3cc06dba90f451711aba0dde3efeeec9f0', class: "label-contents" }, "Hide the\u00A0", index.h("strong", { key: 'c1a26aa5c832fba488d60fc3af5a3c000ada144d' }, "Cancel"), "\u00A0button on the Scheduling Page and in the email notifications."), index.h("tooltip-component", { key: 'b70473d1e93c11d9b05a9dcec67d77795638bbeb', id: "cancel" }, index.h("info-icon", { key: '2f0d812ac9fb7a52260b601c590b7a629036ea7c', slot: "tooltip-icon" }), index.h("span", { key: '4c5b3b51b57761a377ccfa7f66d6d69486d8cb11', slot: "tooltip-content" }, "Hide the 'Cancel' button on the Scheduling page and in the email notifications. If enabled, the guest will not be able to cancel the booking.")))))))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }
@@ -1387,7 +1387,7 @@ const NylasEventDescription = class {
         this.valueChanged.emit({ value: value, name: this.name });
     }
     render() {
-        return (index.h(index.Host, { key: 'ba8fe981702f13ac0b8132bc13fc6fea56500a62' }, index.h("div", { key: '41ab7f418a4878f7e9322564f77fe1008f048090', class: "nylas-event-description", part: "nedesc" }, index.h("label", { key: '8dd6e3fc10d8a360606b53eef4b7c596df082167', htmlFor: "description" }, "Event description", index.h("span", { key: '1533f26a880a136a76ad6bacb33b9cbf3895b35e', class: "label-icon" }, index.h("tooltip-component", { key: 'f378fa630e3a8c80a5423c5086ff8ed3d0baa50b' }, index.h("info-icon", { key: 'e343fc186b270f6c7eb9c38bf1ea04dbb7de7d6e', slot: "tooltip-icon" }), index.h("span", { key: 'fb397590af111cac95805c50b96e22ebf3a3836e', slot: "tooltip-content" }, "Provide any additional details for your event.")))), index.h("textarea", { key: '650ab0c3162ad8fda2d3b0dfa9870bdc1aa700e6', id: "description", part: "nedesc__textarea", name: "description", value: this.description, maxlength: "8192", onInput: e => this.handleChange(e) }))));
+        return (index.h(index.Host, { key: 'ac483c56982373fb625c6d1af54eed749ce820e2' }, index.h("div", { key: '3924853ea2c94d72bf2a04a319bee5fc61eb7642', class: "nylas-event-description", part: "nedesc" }, index.h("label", { key: 'e8f9990a4f0766de9691080ef02b823c4cd6beb4', htmlFor: "description" }, "Event description", index.h("span", { key: 'dc7fa731cc60ed6e59032cdb35d0b410de300750', class: "label-icon" }, index.h("tooltip-component", { key: '1c0b1a5a547227bf7d4f499cc7c319349ec26e2d' }, index.h("info-icon", { key: 'e74034f5a5d8ab86c0d497b15c9cb8016d22f38e', slot: "tooltip-icon" }), index.h("span", { key: 'c5efa1fc3adc9290e39d40f1f7998e0c6bdd3bf4', slot: "tooltip-content" }, "Provide any additional details for your event.")))), index.h("textarea", { key: '45d8cc241ab90a24ec437499234b02cc401fa720', id: "description", part: "nedesc__textarea", name: "description", value: this.description, maxlength: "8192", onInput: e => this.handleChange(e) }))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }
@@ -1529,7 +1529,7 @@ const NylasEventDuration = class {
             { value: 1, label: 'minute' },
             { value: 60, label: 'hour' },
         ];
-        return (index.h(index.Host, { key: '69f81ffd2ca891c9c4681ac03e28091c52db815d' }, index.h("div", { key: '0f2f55279a060023ee3d0996e255075821c0eaf8', class: "nylas-event-duration", part: "ned" }, index.h("label", { key: '034772be3a25547f190ea70575e07f356aec1268', htmlFor: "duration" }, "Event duration", index.h("span", { key: 'b3bbb769c229d9de4da23b330c6801093ec70ffe', class: "required" }, "*"), index.h("span", { key: 'f62a2f5e762073f5dea8be87948fc75cc398c2cf', class: "label-icon" }, index.h("tooltip-component", { key: '73fa017a9c54ee8b38c5d9ebecffeb247bb94e1a' }, index.h("info-icon", { key: '662f790d63babba084ffb7b3d2c1d6ad57872444', slot: "tooltip-icon" }), index.h("span", { key: '71e2c2816bde5eef547f8004858c10809a3d9fc8', slot: "tooltip-content" }, "Set the duration of your event.")))), index.h("div", { key: '491c79e0a0ff84aa3421c084bbe0370fe3fae874', class: "nylas-event-duration__wrapper" }, index.h("input-dropdown", { key: 'de21d1aa7aa5dffd80c73bd27860b4a8949e54d6', name: 'event-duration', options: this.durationMinutesOptions, inputValue: this.duration.toString(), exportparts: "id_dropdown: ned__input_dropdown, id_dropdown-input: ned__input_dropdown-input, id_dropdown-content: ned__input_dropdown-content", defaultInputOption: this.durationMinutesOptions.find(i => i.value == this.duration) ?? durationOptions[0] }), index.h("select-dropdown", { key: '8ecfa42bb8d7065750b80a523e051aede990237e', name: 'event-duration', options: durationOptions, pluralizedLabel: this.duration > 1 ? 's' : '', exportparts: "sd_dropdown: ned__dropdown, sd_dropdown-button: ned__dropdown-button, sd_dropdown-content: ned__dropdown-content", defaultSelectedOption: durationOptions.find(i => i.value == this.durationIncrement) ?? durationOptions[0], withSearch: false })))));
+        return (index.h(index.Host, { key: 'c8ab90c7a45ce6a5379552af0a9059b9d829e82c' }, index.h("div", { key: 'd957e610bd31a55430235b0ca903905c8bf3706b', class: "nylas-event-duration", part: "ned" }, index.h("label", { key: '39324d77ad9da4bc0c1f36d15c28384f423c1976', htmlFor: "duration" }, "Event duration", index.h("span", { key: '8f222a8a5d03899ff06790133434028dd1a62cd4', class: "required" }, "*"), index.h("span", { key: '6b83c675faa33db229ded711eac8c1f565bc9a61', class: "label-icon" }, index.h("tooltip-component", { key: '01b7ba340e2883e5a22d4559f67feda4bc745109' }, index.h("info-icon", { key: 'acbfa3dcbc994dec0e502ea9ded00612bf24b315', slot: "tooltip-icon" }), index.h("span", { key: 'e691c2a8ce4953e448cb6850ab2648645ae688c0', slot: "tooltip-content" }, "Set the duration of your event.")))), index.h("div", { key: '294766a022ba73042705050bc2fbc294cd1433b4', class: "nylas-event-duration__wrapper" }, index.h("input-dropdown", { key: '9a61a9527ae4c9991dc1f1596fbed85a5dd57966', name: 'event-duration', options: this.durationMinutesOptions, inputValue: this.duration.toString(), exportparts: "id_dropdown: ned__input_dropdown, id_dropdown-input: ned__input_dropdown-input, id_dropdown-content: ned__input_dropdown-content", defaultInputOption: this.durationMinutesOptions.find(i => i.value == this.duration) ?? durationOptions[0] }), index.h("select-dropdown", { key: 'edcda0700a80961b9a8b9f325288d70a1aa4e6f0', name: 'event-duration', options: durationOptions, pluralizedLabel: this.duration > 1 ? 's' : '', exportparts: "sd_dropdown: ned__dropdown, sd_dropdown-button: ned__dropdown-button, sd_dropdown-content: ned__dropdown-content", defaultSelectedOption: durationOptions.find(i => i.value == this.durationIncrement) ?? durationOptions[0], withSearch: false })))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }
@@ -1594,7 +1594,7 @@ const NylasEventInfo = class {
         utils.debug('nylas-event-info', 'disconnectedCallback');
     }
     render() {
-        return (index.h(index.Host, { key: '311ce4cda7377b94f12a98ff6a3318697762f6f0' }, index.h("nylas-form-card", { key: '99e5490667e83818242ae24863e5cdd94b39b0fa' }, index.h("h1", { key: 'f8c0f0cc5c330fac2b2f17e46be32ea4f3cc0b4b', slot: "header-title", class: "nylas-event-info__title" }, "Event information"), index.h("h3", { key: '637d443ca5851d7038acf20425c7fc969543951d', slot: "header-subtitle", class: "nylas-event-info__subtitle" }, "Enter all event information."), index.h("div", { key: 'aa0c51b31eeda0ba4b2c0090ed8367d139ea447b', slot: "content", class: "nylas-event-info__content" }, index.h("slot", { key: '95cf051184160aa802d89fc395bf914df09412e9', name: "inputs" })))));
+        return (index.h(index.Host, { key: 'adf72357920be8fadb32c683735719e5dbf76883' }, index.h("nylas-form-card", { key: '33823a1bbd57716f9b056f5addba8a5fb316ac93' }, index.h("h1", { key: 'eb14a7f95322992e24dad4e9ff612ffcb7c7634a', slot: "header-title", class: "nylas-event-info__title" }, "Event information"), index.h("h3", { key: '366d9ed654b03ea7bfe9d902240fcd4ad3c2b177', slot: "header-subtitle", class: "nylas-event-info__subtitle" }, "Enter all event information."), index.h("div", { key: 'a6abc2c53dbce1d8d0ad444033d1361171bc5720', slot: "content", class: "nylas-event-info__content" }, index.h("slot", { key: 'c814d4c24582dc76ee96f8e87c9b610a06205273', name: "inputs" })))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }
@@ -1653,7 +1653,7 @@ const NylasEventLimits = class {
         utils.debug('nylas-event-limits', 'disconnectedCallback');
     }
     render() {
-        return (index.h(index.Host, { key: '6bfa0e29afa1529eb445b68339a658e4d7c8a6be' }, index.h("nylas-form-card", { key: 'eda419f6f0f7bb8dfd2ebdb0a13c0a8c650190eb' }, index.h("h1", { key: 'ea2c9af0d66665f25dcbb9c4c152bf159ceb4169', slot: "header-title", class: "nylas-event-limits__title" }, "Set event limits"), index.h("h3", { key: 'b600fd0b690bab256fde199b373913d9009be9bf', slot: "header-subtitle", class: "nylas-event-limits__subtitle" }, "Customize event limits for the event."), index.h("div", { key: '72b24085107528833d406802b206eed3719bb358', slot: "content", class: "nylas-event-limits__content" }, index.h("slot", { key: '74a09fd8044065a2f52ef5abaeef0ba80f38f17b', name: "inputs" })))));
+        return (index.h(index.Host, { key: '4afbe82f9887a84579e5a16fa628a8785927e19f' }, index.h("nylas-form-card", { key: 'b092de56ed7f3902ed5de970963697e19f47b5ea' }, index.h("h1", { key: 'c1a940f48d1e8daeaa719cfcefc7b5948960ea5c', slot: "header-title", class: "nylas-event-limits__title" }, "Set event limits"), index.h("h3", { key: '68c6426b83df6c15a85f6bae5bc0fd47aa17e8b4', slot: "header-subtitle", class: "nylas-event-limits__subtitle" }, "Customize event limits for the event."), index.h("div", { key: 'e70ed6be6d75a69b9405c38c0ab68accbc799670', slot: "content", class: "nylas-event-limits__content" }, index.h("slot", { key: '7220956029fa2ae7f8ab7f05342ab2ee8d15c15f', name: "inputs" })))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }
@@ -1761,10 +1761,10 @@ const NylasEventLocation = class {
             { value: 'custom', label: 'Custom location' },
         ];
         const icons = {
-            none: index.h("location-off-icon", { key: 'f9a254f862acd3c1b8a24b7efe0069f232bd9f51' }),
-            custom: index.h("location-icon", { key: '641cfced66068f659d7d6db3b88a11314d9cacf6' }),
+            none: index.h("location-off-icon", { key: 'b83e4c1ee5292f3261fca8489ec10a6ded3378dc' }),
+            custom: index.h("location-icon", { key: '6ba8c483b7e242b0accf8a55ccb11efc8b4e19a5' }),
         };
-        return (index.h(index.Host, { key: '9e86c85ff957ac4d8192350e61bc66dfb7d8f764' }, index.h("div", { key: 'a51752993c346200236187f906caa0629be50e88', class: "nylas-event-location", part: "nel" }, index.h("label", { key: '53cb18b0acd1a46b4be9a49f88a2786e7832d761', htmlFor: "location" }, "Location type", index.h("span", { key: '2b2debd710387758562de5833b5160f1d3a18481', class: "label-icon" }, index.h("tooltip-component", { key: '237da0e3bbfae495fd865d99e8f1e1ef68ae027e' }, index.h("info-icon", { key: '5f23b94c2bbe0f3ddd3870aeb69cee2f75b0bd28', slot: "tooltip-icon" }), index.h("span", { key: 'b1ed166875a24ce4bcfbc808c26d0042b74f73f3', slot: "tooltip-content" }, "Choose how you\u2019ll meet with the participants at the scheduled time. Pick from available conferencing options or add a custom location.")))), index.h("div", { key: '316411158feced50b61ce97014ffa0ba7c4400e8', class: "location-input" }, index.h("select-dropdown", { key: 'cc6bdbca81e738f43dfb37b7dc66f06ac338dc40', withSearch: false, name: "location", options: locationOptions, defaultSelectedOption: locationOptions.find(i => i.value == this.selectedLocationOption), exportparts: "sd_dropdown: nel__dropdown, sd_dropdown-button: nel__dropdown-button, sd_dropdown-content: nel__dropdown-content" }, index.h("span", { key: 'faacafdffda95071ee9304ac0e4c0125dc31c123', slot: "select-icon" }, icons[this.selectedLocationOption])), this.selectedLocationOption === 'custom' && (index.h("input", { type: "text", part: "nel__location", id: "location", name: "location", maxlength: "1024", value: this.location, onInput: e => this.handleChange(e) }))))));
+        return (index.h(index.Host, { key: 'f65e817196207fa0397fb599bc89a8cb72b7e8e1' }, index.h("div", { key: '7410dde44d2b93d0aa655feb0c9dede3b14f3f1e', class: "nylas-event-location", part: "nel" }, index.h("label", { key: '4d158faf262e76e325e1dc35792bc36800a3df6f', htmlFor: "location" }, "Location type", index.h("span", { key: '28b4287f14b80b9a1db726470bf27dd017b3ba37', class: "label-icon" }, index.h("tooltip-component", { key: '65a2db2bdf57377beb1b5b4801a89f5a74320205' }, index.h("info-icon", { key: '350b0f6f2c7f442cc4fb3fdee838c600d271d667', slot: "tooltip-icon" }), index.h("span", { key: '31027673d5cd518b6cbc847c0010f482b0540de6', slot: "tooltip-content" }, "Choose how you\u2019ll meet with the participants at the scheduled time. Pick from available conferencing options or add a custom location.")))), index.h("div", { key: 'a902e62a97f181dcb6b0e0e4daea1ec4c817fe58', class: "location-input" }, index.h("select-dropdown", { key: '5f271d86549b8fa286b630f169e191d4c1d73e3d', withSearch: false, name: "location", options: locationOptions, defaultSelectedOption: locationOptions.find(i => i.value == this.selectedLocationOption), exportparts: "sd_dropdown: nel__dropdown, sd_dropdown-button: nel__dropdown-button, sd_dropdown-content: nel__dropdown-content" }, index.h("span", { key: 'cdc3f3fcdf971ffe3495f085b39cac2a1e77df11', slot: "select-icon" }, icons[this.selectedLocationOption])), this.selectedLocationOption === 'custom' && (index.h("input", { type: "text", part: "nel__location", id: "location", name: "location", maxlength: "1024", value: this.location, onInput: e => this.handleChange(e) }))))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }
@@ -2100,10 +2100,10 @@ const NylasEventTitle = class {
         return (index.h("div", { class: "token-label" }, index.h("span", { class: "token" }, token.token), index.h("span", { class: "description" }, token.description)));
     }
     render() {
-        return (index.h(index.Host, { key: '8e8de66d58ca4428f35effa133fc8c0b3e3c804f' }, index.h("div", { key: '411cf6eb2553063facf74bc0fcf46cbced1b2eb8', class: "nylas-event-title", part: "net" }, index.h("label", { key: '47c8a32d54022a41182ba71aa665f05275e0926b', htmlFor: "title" }, "Event title", index.h("span", { key: '664268aa456eeae43411ef0c59c3391dfebac185', class: "required" }, "*"), index.h("span", { key: 'c4db00b1f2f428c30344dbe098fabba19e15cf76', class: "label-icon" }, index.h("tooltip-component", { key: '9884d36d7237310d454cb2cce36ea7a7391a58e5' }, index.h("info-icon", { key: '6a2c57dc06b77fb2c8faaa21af08558f7cfcf98c', slot: "tooltip-icon" }), index.h("span", { key: '185fee4da67795d4cbad48ce905c573e42749b95', slot: "tooltip-content" }, "Enter a title for your event.")))), index.h("div", { key: '80db52b66751ec73660465a2185d2e5c1304903d', class: {
+        return (index.h(index.Host, { key: 'ec414f2f4c738230078bed7b7c5477ba5fdbcb70' }, index.h("div", { key: '17f665e5f307c1b6510891e76daa765449958c3e', class: "nylas-event-title", part: "net" }, index.h("label", { key: 'e4beac83e857bab219ec4276238f7953645c4711', htmlFor: "title" }, "Event title", index.h("span", { key: '3033d6ef407f2a3df94dc1f80be2f5e3c378abd0', class: "required" }, "*"), index.h("span", { key: '29dba11e88726329513ef15078eba34f103914de', class: "label-icon" }, index.h("tooltip-component", { key: '29a373fc979f15eb3527b9e5a446bd7518ee4562' }, index.h("info-icon", { key: '12f9a0190185b96a2090cdb0ca7a43f6342cc016', slot: "tooltip-icon" }), index.h("span", { key: 'dd6e505591f9cded5bc70a812e448b44f1faa4e1', slot: "tooltip-content" }, "Enter a title for your event.")))), index.h("div", { key: '87807255004e909850b93d600b636d2d2e1d8ed1', class: {
                 title: true,
                 error: this.validationError !== '',
-            }, part: "net__title", ref: el => (this.titleRef = el), contentEditable: "true", onInput: e => this.handleChange(e), onKeyDown: event => this.handleInputKeyDown(event) }), this.showTokens && this.filteredTokens?.length > 0 && (index.h("div", { class: "token-options", part: "net__dropdown-content" }, index.h("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map(option => (index.h("li", { tabindex: "0", key: option.label, id: option.label, class: { active: this.ariaActivedescendant === option.label }, onClick: e => this.selectOption(e, option), role: "option" }, this.getLabelHTML(option.labelHTML))))))), index.h("span", { key: '35d1099854f33517e668691f98a3bf296a8280d4', class: "help-text" }, "Create a dynamic templated event title by typing $. Learn more"), this.validationError != '' && index.h("span", { class: "error-message" }, this.validationError))));
+            }, part: "net__title", ref: el => (this.titleRef = el), contentEditable: "true", onInput: e => this.handleChange(e), onKeyDown: event => this.handleInputKeyDown(event) }), this.showTokens && this.filteredTokens?.length > 0 && (index.h("div", { class: "token-options", part: "net__dropdown-content" }, index.h("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map(option => (index.h("li", { tabindex: "0", key: option.label, id: option.label, class: { active: this.ariaActivedescendant === option.label }, onClick: e => this.selectOption(e, option), role: "option" }, this.getLabelHTML(option.labelHTML))))))), index.h("span", { key: '3ba87900ffbc4b69c5f9fac01a8f9f577dd034c5', class: "help-text" }, "Create a dynamic templated event title by typing $. Learn more"), this.validationError != '' && index.h("span", { class: "error-message" }, this.validationError))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }
@@ -2227,7 +2227,7 @@ const NylasLimitFutureBookings = class {
         this.selectedPeriod = period;
     }
     render() {
-        return (index.h(index.Host, { key: 'e1e24151575c5c687d51fdf177840aa7c05424d9' }, index.h("div", { key: 'ceb19c13b5ad7e132260de266b1883b3f8d53f3d', class: "nylas-limit-future-bookings", part: "nlfb" }, index.h("label", { key: '44c296c74b9a9cd7152d2c704d4dc6ef82cc39c7' }, "Limit future bookings", index.h("span", { key: '11e7622613f38d12ef4f1c564b0ca311ab679cb3', class: "label-icon" }, index.h("tooltip-component", { key: 'd9ab1be2efb6616a937d112017be0e2c8e965ab3' }, index.h("info-icon", { key: '9f207ec82aa2a122ebfd0ba047f650751c49e470', slot: "tooltip-icon" }), index.h("span", { key: '1d91cfa505846f5f9da0457b785d8c645044be55', slot: "tooltip-content" }, "Set a limit on how far in the future bookings can be made.")))), index.h("time-period-selector", { key: 'cc11ea1514b99b8b4ef1721a15d56fbda1c1693b', id: "limit-future-bookings", timePeriods: ['day', 'week', 'month'], exportparts: "tps__number-dropdown: nlfb__number-dropdown, tps__number-dropdown-button: nlfb__number-dropdown-button, tps__number-dropdown-content: nlfb__number-dropdown-content, tps__period-dropdown: nlfb__period-dropdown, tps__period-dropdown-button: nlfb__period-dropdown-button, tps__period-dropdown-content: nlfb__period-dropdown-content", defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod }))));
+        return (index.h(index.Host, { key: '9efaf822025f476c80f4c5124f226e45ef9047f9' }, index.h("div", { key: 'acb0ed9bb24d9e789c01127b2343194d47c37c5f', class: "nylas-limit-future-bookings", part: "nlfb" }, index.h("label", { key: 'b4bbe14a0870451be5c7754dbbd3adb029b1d24c' }, "Limit future bookings", index.h("span", { key: 'e1e671d334ec20347852549c4b4d63fa626a2186', class: "label-icon" }, index.h("tooltip-component", { key: '378c5a41fe7920cebd1f9de4ea16873e951584cf' }, index.h("info-icon", { key: 'dee6d8d027c746b19b4de42a7e57754a6dcf0a34', slot: "tooltip-icon" }), index.h("span", { key: 'f128781fb212013489d7db03e7b5fb1a02681b5a', slot: "tooltip-content" }, "Set a limit on how far in the future bookings can be made.")))), index.h("time-period-selector", { key: 'fb00fd64c7dec2beb976132a397bb067e72c0cc3', id: "limit-future-bookings", timePeriods: ['day', 'week', 'month'], exportparts: "tps__number-dropdown: nlfb__number-dropdown, tps__number-dropdown-button: nlfb__number-dropdown-button, tps__number-dropdown-content: nlfb__number-dropdown-content, tps__period-dropdown: nlfb__period-dropdown, tps__period-dropdown-button: nlfb__period-dropdown-button, tps__period-dropdown-content: nlfb__period-dropdown-content", defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod }))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }
@@ -2376,7 +2376,7 @@ const NylasMinBookingNotice = class {
         this.selectedPeriod = period;
     }
     render() {
-        return (index.h(index.Host, { key: '75bc177620fae5662328ba8f53f9f4a4e84733e5' }, index.h("div", { key: 'a76b27e58174ca827e389b361ce4837e6ae11ced', class: "nylas-min-booking-notice", part: "nmbn" }, index.h("label", { key: '1db3f2c7c54b05744b64ad40c951595122d317c5' }, "Minimum booking notice", index.h("span", { key: 'a4c7db6f534b570cbbf5af4c3d60d97843599a4b', class: "label-icon" }, index.h("tooltip-component", { key: 'f7d6ba6b294f85c9d573933b6916cd50ad830d2a' }, index.h("info-icon", { key: '16b11bfaa5affbe15748f6ae6129c1e5a6fcfe32', slot: "tooltip-icon" }), index.h("span", { key: '1fe829a53fa3dcef0a6d5954717889d9e92d0c68', slot: "tooltip-content" }, "The minimum amount of time in the future for planning the event.")))), index.h("time-period-selector", { key: 'e4a545fc471e67447cab675ccd11fa786337fc23', 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 (index.h(index.Host, { key: 'b00e1ce3adc1082c819774df6888d86fd93b06b6' }, index.h("div", { key: '0cd17759b7e1d3790904fe868addfa02065a3115', class: "nylas-min-booking-notice", part: "nmbn" }, index.h("label", { key: 'c27bc50a60686fb925904c5f86c9f19a7ab8079c' }, "Minimum booking notice", index.h("span", { key: '67b1a1351adbe6265d549501609af036d993920b', class: "label-icon" }, index.h("tooltip-component", { key: '4e64d044707c9fe94aa84caa242a0e034c0a89f7' }, index.h("info-icon", { key: 'bf64b04e4d308449249dae8a19a6c4043f26c1dd', slot: "tooltip-icon" }), index.h("span", { key: '434e31ddf539c4fcb287b198d780b6593808a607', slot: "tooltip-content" }, "The minimum amount of time in the future for planning the event.")))), index.h("time-period-selector", { key: 'efd40f4731319bd7da2aed6995279c8068e505ac', 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 true; }
     get host() { return index.getElement(this); }
@@ -2525,7 +2525,7 @@ const NylasMinCancellationNotice = class {
         this.selectedPeriod = period;
     }
     render() {
-        return (index.h(index.Host, { key: '8cccdce4a9960ecf6b860b638da26c50a68104c4' }, index.h("div", { key: '82854ad81861233231fe4a1e8006196155328141', class: "nylas-min-cancellation-notice", part: "nmcn" }, index.h("label", { key: 'db3eddec3a8fb28c0b035d4d4cd61986832dff0b' }, "Minimum cancellation notice", index.h("span", { key: '137472a58beef549599289b04be8fde01e7d81da', class: "label-icon" }, index.h("tooltip-component", { key: '2cfcceb4c7144553ac85d32da46fbd894955a9ee' }, index.h("info-icon", { key: '9e13ddb61e10e10a5fa426fb6a2b56159597ea88', slot: "tooltip-icon" }), index.h("span", { key: '9670035ec49fe0db37564d2d44d30f2197a7ec85', slot: "tooltip-content" }, "Set the minimum amount of time required to cancel an event.")))), index.h("time-period-selector", { key: '0e7b9f7b99d7e10c2c39c5affdfc014a403146ad', 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 (index.h(index.Host, { key: '6c14649f767cebe544dd5fc3039e4bace051f759' }, index.h("div", { key: 'e6b0965bb6bc49b6e7ede7a4c2b2c2056a212c96', class: "nylas-min-cancellation-notice", part: "nmcn" }, index.h("label", { key: '1998d897f882c0783e2012ca85b651c43517ba64' }, "Minimum cancellation notice", index.h("span", { key: 'eccae26b18bd269648d1bce2affae5d3e469ea02', class: "label-icon" }, index.h("tooltip-component", { key: '50caa33903115b0da9da25ed3a18cbbf8a4df353' }, index.h("info-icon", { key: '8b466b236668439cbca8e250d60524b69ce4f7f3', slot: "tooltip-icon" }), index.h("span", { key: 'c4c9d73798c85d317aa1f89a2b0f1c66c9ca41d2', slot: "tooltip-content" }, "Set the minimum amount of time required to cancel an event.")))), index.h("time-period-selector", { key: 'bb4c0a9ecfb9bc9ebf88b229c871abd4b8427385', 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 true; }
     get host() { return index.getElement(this); }
@@ -2647,7 +2647,7 @@ const NylasParticipantsCustomAvailability = class {
         return selectedParticipants;
     }
     render() {
-        return (index.h(index.Host, { key: '5590f983de527efa3e79d854e9cb2b49e433d64b' }, index.h("div", { key: '7a016a7a277b077a4edd63d433a185a7d2f7aaab', class: "nylas-participants-custom-availability", part: "npca" }, index.h("div", { key: '7fb61474d9b80c59844dd2ca67cd00e95ee2a2be', class: "header", part: "npca__header" }, index.h("h3", { key: 'dc66f0262309a5c08c887bbbf5c408233ebd1c00' }, "Set Custom Availability for Participants"), index.h("p", { key: '60686b9f1c4aab680caf07de6c22561c5ec1a9e5' }, "Set custom availability for scheduling meetings, or default to general availability.")), index.h("div", { key: '8782a3b4e48ce7eb74eb6e41e239b16d9840fb80', class: "content", part: "npca__content" }, index.h("form", { key: 'c2f23d7eebc4a113fbfa2cbcd7623c99b5a87f89', ref: el => (this.participantFormRef = el) }, Object.keys(this.selectedParticipants).map((key, index$1) => {
+        return (index.h(index.Host, { key: '051df44e8bf6bab14cfbccb0a3c5f920993cbae9' }, index.h("div", { key: '128d044cb2bbee76d695d6f5d4bc38a211d06360', class: "nylas-participants-custom-availability", part: "npca" }, index.h("div", { key: 'ed326c442f9663b0613e5cf62a31aabf5fa1034d', class: "header", part: "npca__header" }, index.h("h3", { key: '10994aace54d17110ab2e70fc82a5c11231b5a23' }, "Set Custom Availability for Participants"), index.h("p", { key: '6df3bc37aec02f5a4468f6c6515c6de2c696e817' }, "Set custom availability for scheduling meetings, or default to general availability.")), index.h("div", { key: 'e1e67385b15430e8a7eb6d8411f9b87742621969', class: "content", part: "npca__content" }, index.h("form", { key: '589df249c050b132dc8da5b3ef7e58fa829ae300', ref: el => (this.participantFormRef = el) }, Object.keys(this.selectedParticipants).map((key, index$1) => {
             const participant = this.selectedParticipants[key];
             if (!participant || !participant.name || !participant.availability)
                 return;
@@ -2804,9 +2804,9 @@ const NylasTimeslotInterval = class {
             { value: '45', label: '45 mins' },
             { value: '60', label: '60 mins' },
         ];
-        return (index.h(index.Host, { key: '792ad5a36b3d3908e134f926e2a5596db28fadbf' }, index.h("div", { key: '95b99dbf25b3e472aaea700639b3c056ccfcb3ca', class: "nylas-timeslot-interval", part: "nti" }, index.h("div", { key: '4c19be343c3e0d9f38fa8160800bdf85548588b3', class: "header", part: "nti__header" }, index.h("h3", { key: '9dd8785f3f995add953de09fe9b42324df9f2357' }, "Time-slot interval preferences"), index.h("p", { key: '9611b580a85c17d1c4afc60e2210fe4756d91b77' }, "Choose your interval preference for time-slots.")), index.h("div", { key: '01d71df37fa1724f2284dbc8d0e84700693cb2ef', class: "nylas-timeslot-interval__dropdown" }, index.h("span", { key: '53d613b58c05e00b8a8c9c7de5043ba2a5e4e2de', class: "label", part: "nti__input-label" }, "Select interval preference", index.h("tooltip-component", { key: 'c171e87a108631c04d8956d1015dfd273c42f46e' }, index.h("info-icon", { key: 'ebb77a5d85abce76b2e52c30491aa5bf5c23cf98', slot: "tooltip-icon" }), index.h("span", { key: 'e01edbb2f124619b8d47640193e76fcad06fc568', slot: "tooltip-content" }, "Set the interval preference for the time-slots."))), index.h("select-dropdown", { key: '1b5714aa414c08687457793921815eb0f4403b83', name: "booking-calendar", options: intervalPreferenceOptions, withSearch: false, exportparts: "sd_dropdown: nti__dropdown, sd_dropdown-button: nti__dropdown-button, sd_dropdown-content: nti__dropdown-content", defaultSelectedOption: this.defaultIntervalMinutes == this.eventDurationMinutes
+        return (index.h(index.Host, { key: 'ebad4dc8f82dc565f4608c262d54f06495a69144' }, index.h("div", { key: '46641f5cd23afc527d14c57fa62fe2627d1a92f5', class: "nylas-timeslot-interval", part: "nti" }, index.h("div", { key: '729c8356b955ba357bd00f3cdf28c51bb42b741d', class: "header", part: "nti__header" }, index.h("h3", { key: '348543e170e107ea65c74a6154739627e7c4a271' }, "Time-slot interval preferences"), index.h("p", { key: '1cf34b79990edef1950d6c970932e5e0805e6d0a' }, "Choose your interval preference for time-slots.")), index.h("div", { key: '965fe8f8e235f9696bc237bc7774ca6fdea2cd42', class: "nylas-timeslot-interval__dropdown" }, index.h("span", { key: '6346e2f31c9322cc3264885f362ce2b29c4a4c2e', class: "label", part: "nti__input-label" }, "Select interval preference", index.h("tooltip-component", { key: '27901960cae97d4809153aac5d427c8c2ff7bf1e' }, index.h("info-icon", { key: '94c81d2c169da3714d2a1955da0fbe542b688fb6', slot: "tooltip-icon" }), index.h("span", { key: '6e8660e7696c16d81214d97e5e2087579f9fa1bd', slot: "tooltip-content" }, "Set the interval preference for the time-slots."))), index.h("select-dropdown", { key: '49b886894bb4d405ed13578809609511830389f1', name: "booking-calendar", options: intervalPreferenceOptions, withSearch: false, exportparts: "sd_dropdown: nti__dropdown, sd_dropdown-button: nti__dropdown-button, sd_dropdown-content: nti__dropdown-content", defaultSelectedOption: this.defaultIntervalMinutes == this.eventDurationMinutes
                 ? intervalPreferenceOptions[0]
-                : intervalPreferenceOptions.find(op => op.value == this.defaultIntervalMinutes.toString()) ?? intervalPreferenceOptions[0] }), index.h("span", { key: 'feb0e75bae639119f00ed98e17c7df1ed842530a', class: "label", part: "nti__input-label" }, "Select the type of time-slot rounding", index.h("tooltip-component", { key: '7513c90d894fbdbb5cbc1a283650cfefca16481e' }, index.h("info-icon", { key: '16713630e2403a1e61c5eb49bfeeaac17b45ca62', slot: "tooltip-icon" }), index.h("span", { key: 'ca1bc61ac175c7b12648d8b2017e661bd78296dd', slot: "tooltip-content" }, "Select if you want to round the time slots to the nearest interval."))), index.h("radio-button-group", { key: 'f0413408b347a98ce855eaf439253192f1071973', name: "interval-preference", defaultSelectedValue: this.defaultRoundTo && this.defaultRoundTo === this.defaultIntervalMinutes ? 'rounding' : 'no-rounding', options: [
+                : intervalPreferenceOptions.find(op => op.value == this.defaultIntervalMinutes.toString()) ?? intervalPreferenceOptions[0] }), index.h("span", { key: '40079758106c1e7075b247f81a3bc30e11eb1138', class: "label", part: "nti__input-label" }, "Select the type of time-slot rounding", index.h("tooltip-component", { key: 'c1a1b86a732439b5474be36a1eb67d0a1fabe52c' }, index.h("info-icon", { key: '9e185781f8def48475c5f65cff916e5be6423b72', slot: "tooltip-icon" }), index.h("span", { key: 'df108083daab268e8980194ebff8485c945aab1c', slot: "tooltip-content" }, "Select if you want to round the time slots to the nearest interval."))), index.h("radio-button-group", { key: 'eb4c58b028ac0e2dd0468c30c1839558ae57178a', name: "interval-preference", defaultSelectedValue: this.defaultRoundTo && this.defaultRoundTo === this.defaultIntervalMinutes ? 'rounding' : 'no-rounding', options: [
                 { value: 'no-rounding', label: 'Default', description: 'Time-slots will be rounded to the nearest quarter-hour.' },
                 {
                     value: 'rounding',
@@ -2844,7 +2844,7 @@ const PeopleIcon = class {
         this.height = '20';
     }
     render() {
-        return (index.h("svg", { key: '66534381bbb0bc14b93a49ed0afdc81a917958d4', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, fill: "none", viewBox: "0 0 20 20" }, index.h("path", { key: '2c7959434ba7dcf303b3c87d99b04b2818875c68', fill: "currentColor", d: "M11 10a2 2 0 0 1 2 2v1.5c0 2.054-2.088 3.5-5.5 3.5S2 15.554 2 13.5V12a2 2 0 0 1 2-2h7Zm0 1H4a1 1 0 0 0-1 1v1.5C3 14.907 4.579 16 7.5 16c2.921 0 4.5-1.093 4.5-2.5V12a1 1 0 0 0-1-1Zm5-1a2 2 0 0 1 2 2v.5c0 2.089-1.568 3.5-4.5 3.5-.141 0-.28-.003-.414-.01.208-.242.382-.502.522-.781l.097-.213h.039C15.976 14.931 17 13.96 17 12.5V12a1 1 0 0 0-1-1h-2.171a3 3 0 0 0-.594-1H16ZM7.5 2a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm7 2a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Zm-7-1a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Zm7 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z" })));
+        return (index.h("svg", { key: '4a54f616162baf613895348e27cafd2088f5fd16', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, fill: "none", viewBox: "0 0 20 20" }, index.h("path", { key: '80e1ca7240235b635a08369ba836e727825b7be4', fill: "currentColor", d: "M11 10a2 2 0 0 1 2 2v1.5c0 2.054-2.088 3.5-5.5 3.5S2 15.554 2 13.5V12a2 2 0 0 1 2-2h7Zm0 1H4a1 1 0 0 0-1 1v1.5C3 14.907 4.579 16 7.5 16c2.921 0 4.5-1.093 4.5-2.5V12a1 1 0 0 0-1-1Zm5-1a2 2 0 0 1 2 2v.5c0 2.089-1.568 3.5-4.5 3.5-.141 0-.28-.003-.414-.01.208-.242.382-.502.522-.781l.097-.213h.039C15.976 14.931 17 13.96 17 12.5V12a1 1 0 0 0-1-1h-2.171a3 3 0 0 0-.594-1H16ZM7.5 2a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm7 2a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Zm-7-1a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Zm7 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z" })));
     }
 };
 PeopleIcon.style = PeopleIconStyle0;
@@ -2869,7 +2869,7 @@ const RadioButtonGroup = class {
         });
     }
     render() {
-        return (index.h("div", { key: '985ed3b83d804748d61641feae65322fd08c1649', class: "radio-group" }, this.options.map(option => (index.h("label", null, index.h("div", { class: "radio-option" }, index.h("input", { type: "radio", name: this.name, value: option.value, checked: this.selectedValue === option.value, onChange: () => this.handleChange(option.value) }), index.h("p", null, index.h("span", { class: "title" }, option.label), index.h("span", { class: "description" }, option.description))))))));
+        return (index.h("div", { key: '82c0a38507193f6e941c820c38f9e5c477dc14dc', class: "radio-group" }, this.options.map(option => (index.h("label", null, index.h("div", { class: "radio-option" }, index.h("input", { type: "radio", name: this.name, value: option.value, checked: this.selectedValue === option.value, onChange: () => this.handleChange(option.value) }), index.h("p", null, index.h("span", { class: "title" }, option.label), index.h("span", { class: "description" }, option.description))))))));
     }
 };
 RadioButtonGroup.style = RadioButtonGroupStyle0;
@@ -2898,7 +2898,7 @@ const ToggleSwitchComponent = class {
         });
     }
     render() {
-        return (index.h("label", { key: 'd91b5d5853ab8a256953c4fde8a79b1ef739433d', class: "switch", part: "ts_label" }, index.h("input", { key: '6f694e5a07cefacc05e155a0319fe99ec1714354', type: "checkbox", part: "ts_input", name: this.name, checked: this.isChecked, onChange: () => this.toggleCheck() }), index.h("div", { key: 'e2db848dbad679562201ba8151a523fa1b9dc2b9', class: "slider round", part: "ts_slider" })));
+        return (index.h("label", { key: 'a0da5f3c6cac6310e9368ec4a5ed737decd04b5b', class: "switch", part: "ts_label" }, index.h("input", { key: '89e844d8135eadd471b960910794143ab1699afb', type: "checkbox", part: "ts_input", name: this.name, checked: this.isChecked, onChange: () => this.toggleCheck() }), index.h("div", { key: '19e8cea0befc42520c775555c8de96ac83d1612d', class: "slider round", part: "ts_slider" })));
     }
 };
 ToggleSwitchComponent.style = ToggleSwitchStyle0;

package/dist/cjs/calendar-patterns-icon.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const CalendarPatternsIcon = class {
         this.height = '20';
     }
     render() {
-        return (index.h("svg", { key: 'dd2ac860a58584163788ba39e76c53c456b8effe', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'fe1368d38056f3d10efca5ec6fcde6dc92821df6', d: "M3.25 0H11.75C13.2688 0 14.5 1.23122 14.5 2.75V11.25C14.5 12.7688 13.2688 14 11.75 14H3.25C1.73122 14 0.5 12.7688 0.5 11.25V2.75C0.5 1.23122 1.73122 0 3.25 0ZM2 2.75V4H13V2.75C13 2.05964 12.4404 1.5 11.75 1.5H3.25C2.55964 1.5 2 2.05964 2 2.75ZM12.2071 5L8.20711 9H10.7929L13 6.79289V5H12.2071ZM10.7929 5H8.20711L4.20711 9H6.79289L10.7929 5ZM2.79289 9L6.79289 5H4.20711L2 7.20711V9H2.79289ZM2 5.79289L2.79289 5H2V5.79289ZM12.2071 9H13V8.20711L12.2071 9Z", fill: "currentColor" })));
+        return (index.h("svg", { key: 'ca6df3db90bbbffc29dfdc6ee5a440266eaa153d', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'ab45118ff407127ca1673159e1b78c93c7c97bed', d: "M3.25 0H11.75C13.2688 0 14.5 1.23122 14.5 2.75V11.25C14.5 12.7688 13.2688 14 11.75 14H3.25C1.73122 14 0.5 12.7688 0.5 11.25V2.75C0.5 1.23122 1.73122 0 3.25 0ZM2 2.75V4H13V2.75C13 2.05964 12.4404 1.5 11.75 1.5H3.25C2.55964 1.5 2 2.05964 2 2.75ZM12.2071 5L8.20711 9H10.7929L13 6.79289V5H12.2071ZM10.7929 5H8.20711L4.20711 9H6.79289L10.7929 5ZM2.79289 9L6.79289 5H4.20711L2 7.20711V9H2.79289ZM2 5.79289L2.79289 5H2V5.79289ZM12.2071 9H13V8.20711L12.2071 9Z", fill: "currentColor" })));
     }
 };
 CalendarPatternsIcon.style = iconCss;

package/dist/cjs/checkbox-component.cjs.entry.js CHANGED Viewed

@@ -27,7 +27,7 @@ const CheckboxComponent = class {
         });
     }
     render() {
-        return (index.h("label", { key: '9d7aecec74bf3dabbb242324c0d028b46213b81f' }, index.h("input", { key: 'd0e94c6ee729adab2bc6df57f573024f632d87b9', type: "checkbox", name: this.name, checked: this.isChecked, onChange: () => this.toggleCheck() }), index.h("span", { key: '95d00654e241d754eca4b721df4c71d3649d2dc0', class: "checkmark" }), index.h("slot", { key: 'f5560353f9371cd8d14b18f4ca1000123770b094', name: "label" }, index.h("span", { key: '09189dda1ec3da4095ae2d8978e579d4f0dd5a4a', class: "label" }, this.label))));
+        return (index.h("label", { key: 'ff418217723b6044270dc691f7d0e11aea5fb204' }, index.h("input", { key: 'c45008c89d147534ba6b4a70120b7c5159a25ce6', type: "checkbox", name: this.name, checked: this.isChecked, onChange: () => this.toggleCheck() }), index.h("span", { key: 'a785e711233dab04bb19bcf1f1c6f665d7460015', class: "checkmark" }), index.h("slot", { key: '05e7f91a9e038bf9a467d63c9c004f7b90454b6f', name: "label" }, index.h("span", { key: '35a5c8bef4f998f993fbdcf2b752b83432218422', class: "label" }, this.label))));
     }
 };
 CheckboxComponent.style = checkboxComponentCss;

package/dist/cjs/checkmark-circle-icon.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const CheckmarkCircleIcon = class {
         this.height = '20';
     }
     render() {
-        return (index.h("svg", { key: '934c792bb3edee80af91570bcd00087975b8f7b3', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, fill: "none", viewBox: "0 0 20 20" }, index.h("path", { key: '8bd5bb7ae0defb2312ce75c45fbdb05575c38f93', fill: "currentColor", d: "M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm0 1a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm3.358 4.646a.5.5 0 0 1 .058.638l-.058.07-4.004 4.004a.5.5 0 0 1-.638.058l-.07-.058-2-2a.5.5 0 0 1 .638-.765l.07.058L9 11.298l3.651-3.652a.5.5 0 0 1 .707 0Z" })));
+        return (index.h("svg", { key: 'b119dc458ae4a2e796a4424afeeddb5b19d7e397', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, fill: "none", viewBox: "0 0 20 20" }, index.h("path", { key: '2b9cb0a90ec273a8266ce5a588b239f87901fa05', fill: "currentColor", d: "M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm0 1a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm3.358 4.646a.5.5 0 0 1 .058.638l-.058.07-4.004 4.004a.5.5 0 0 1-.638.058l-.07-.058-2-2a.5.5 0 0 1 .638-.765l.07.058L9 11.298l3.651-3.652a.5.5 0 0 1 .707 0Z" })));
     }
 };
 CheckmarkCircleIcon.style = iconCss;

package/dist/cjs/chevron-icon.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const ChevronIcon = class {
         this.height = '24';
     }
     render() {
-        return (index.h("svg", { key: '4ba6273520a7838da14673321dc5eb2318fddeda', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, index.h("path", { key: '081c33497ba302b5749c947d191e9df31d749a15', 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 (index.h("svg", { key: 'a2ba18045e1a3068427898b7b9d9755c80f0f53e', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, index.h("path", { key: '0715fdfa6bb874fef9aee368d457e9dce64a6dea', 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" })));
     }
 };
 ChevronIcon.style = iconCss;

package/dist/cjs/chevron-icon_3.cjs.entry.js CHANGED Viewed

@@ -14,7 +14,7 @@ const ChevronIcon = class {
         this.height = '24';
     }
     render() {
-        return (index.h("svg", { key: '4ba6273520a7838da14673321dc5eb2318fddeda', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, index.h("path", { key: '081c33497ba302b5749c947d191e9df31d749a15', 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 (index.h("svg", { key: 'a2ba18045e1a3068427898b7b9d9755c80f0f53e', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, index.h("path", { key: '0715fdfa6bb874fef9aee368d457e9dce64a6dea', 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" })));
     }
 };
 ChevronIcon.style = ChevronIconStyle0;
@@ -29,7 +29,7 @@ const SearchIcon = class {
         this.height = '15';
     }
     render() {
-        return (index.h("svg", { key: 'c5f52e97100ef84d45a60c75a6edad451b809b47', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '83edc5203bf11c7774aa44c1d8442c5b6b0e4f1c', 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 (index.h("svg", { key: 'dcf22b14b42ef62b0a4e33b4985712c2f0aac88e', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '1048ab3533bef7bdb57dbdccf489ce6240722cf1', 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" })));
     }
 };
 SearchIcon.style = SearchIconStyle0;
@@ -62,7 +62,7 @@ const SelectDropdown = class {
         this.filteredOptions = newValue;
     }
     defaultSelectedOptionChangedHandler(newValue, oldValue) {
-        if (newValue.label === oldValue.label) {
+        if (typeof newValue === 'undefined' || newValue?.label === oldValue?.label) {
             return;
         }
         this.selectedOption = newValue;
@@ -193,11 +193,11 @@ const SelectDropdown = class {
         }
     }
     render() {
-        return (index.h("div", { key: '5d9cc53d425973e986cf7861f68db93652264ea2', class: "dropdown", part: "sd_dropdown" }, index.h("label", { key: '780b94df48c831b5228ca846f3349359e19fcae5', part: "sd_dropdown_label", class: { error: !!this.errorMessage } }, this.label && (index.h("p", null, index.h("span", { class: "label" }, this.label), this.required && index.h("span", { class: "required" }, "*"))), index.h("button", { key: 'c8aa297b734fe94b31e7dadff937e9339e997d57', part: "sd_dropdown-button", class: { dropbtn: true, open: this.isOpen, error: !!this.errorMessage }, onClick: () => this.toggleDropdown(), "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.name, onKeyDown: e => this.handleSelectButtonKeyDown(e) }, index.h("slot", { key: '35a42b7da19ae19d26c63f6555748b1756d8b509', name: "select-icon", "aria-hidden": "true" }), index.h("span", { key: '0df568c4115508f832dbf15d29f6a2f91e855df5', class: "selected-option", part: "sd_dropdown-button-selected-label" }, this.selectedOption?.label ? `${this.selectedOption?.label + this.pluralizedLabel}` : ''), index.h("span", { key: 'c1c2dab85d068a4da6550a45d505f7e44bef3098', class: {
+        return (index.h("div", { key: '8c4d201f5fa71b9707a1cb50adc62399f32e5aba', class: "dropdown", part: "sd_dropdown" }, index.h("label", { key: 'b2e4851e2925d7e44c36a538a28001a838124cba', part: "sd_dropdown_label", class: { error: !!this.errorMessage } }, this.label && (index.h("p", null, index.h("span", { class: "label" }, this.label), this.required && index.h("span", { class: "required" }, "*"))), index.h("button", { key: '66559916660643e8ed8ed67bf821fa2eb122ea6c', part: "sd_dropdown-button", class: { dropbtn: true, open: this.isOpen, error: !!this.errorMessage }, onClick: () => this.toggleDropdown(), "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.name, onKeyDown: e => this.handleSelectButtonKeyDown(e) }, index.h("slot", { key: '2916f44530f59d218171c54dfe7a6949b3f773c4', name: "select-icon", "aria-hidden": "true" }), index.h("span", { key: '21653fb2f1225a0f9d64b6939da10b66eeeb8fcc', class: "selected-option", part: "sd_dropdown-button-selected-label" }, this.selectedOption?.label ? `${this.selectedOption?.label + this.pluralizedLabel}` : ''), index.h("span", { key: '900f31e8a1ca22a3be2f4ca965bdaa9099ef3fca', class: {
                 open: this.isOpen,
                 closed: !this.isOpen,
                 chevron: true,
-            }, "aria-hidden": "true" }, index.h("chevron-icon", { key: '8a99c927af95bd100cea219d07afb9960ac11f33', width: "16", height: "16" }))), this.errorMessage && index.h("span", { class: "error help-text" }, this.errorMessage)), this.isOpen ? (index.h("div", { class: "dropdown-content", part: "sd_dropdown-content" }, this.withSearch && (index.h("div", { class: { 'search-box': true, 'open': this.isOpen } }, index.h("search-icon", { width: "15", height: "15", class: 'icon' }), index.h("input", { type: "text", role: "combobox", placeholder: "Search", value: this.searchValue, ref: el => (this.inputRef = el), onInput: event => this.filterOptions(event), onKeyDown: e => this.handleComboboxKeyDown(e) }))), index.h("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: e => this.handleListboxKeydown(e) }, this.filteredOptions.map(option => option.value && (index.h("li", { tabindex: "0", key: option.value, id: option.value, onClick: () => this.selectOption(option), role: "option" }, option.labelHTML ? option.labelHTML : option.label)))))) : null));
+            }, "aria-hidden": "true" }, index.h("chevron-icon", { key: 'd0a08c205df0a9258b699618cad25eff5085fe84', width: "16", height: "16" }))), this.errorMessage && index.h("span", { class: "error help-text" }, this.errorMessage)), this.isOpen ? (index.h("div", { class: "dropdown-content", part: "sd_dropdown-content" }, this.withSearch && (index.h("div", { class: { 'search-box': true, 'open': this.isOpen } }, index.h("search-icon", { width: "15", height: "15", class: 'icon' }), index.h("input", { type: "text", role: "combobox", placeholder: "Search", value: this.searchValue, ref: el => (this.inputRef = el), onInput: event => this.filterOptions(event), onKeyDown: e => this.handleComboboxKeyDown(e) }))), index.h("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: e => this.handleListboxKeydown(e) }, this.filteredOptions.map(option => option.value && (index.h("li", { tabindex: "0", key: option.value, id: option.value, onClick: () => this.selectOption(option), role: "option" }, option.labelHTML ? option.labelHTML : option.label)))))) : null));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {