@nylas/web-elements 2.5.17 → 2.6.0

package/dist/esm/calendar-cancel-icon.entry.js

@@ -9,7 +9,7 @@ const CalendarCancelIcon = class {
         this.height = '20';
     }
     render() {
-        return (h("svg", { key: '52c2bd9b4dd358b0136ccfd0845162282666c882', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '12a44c27b53481e99fe3d52b7d499c032c331d50', d: "M14.5 9a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Zm-2.476 3.024a.5.5 0 0 0 0 .707l1.769 1.77-1.767 1.766a.5.5 0 1 0 .707.708l1.767-1.767 1.77 1.769a.5.5 0 1 0 .707-.707L15.208 14.5l1.771-1.77a.5.5 0 0 0-.707-.707l-1.771 1.77-1.77-1.77a.5.5 0 0 0-.707 0ZM14.75 0A3.25 3.25 0 0 1 18 3.25l.001 5.773a6.47 6.47 0 0 0-1.5-.71L16.5 5.5h-15v9.25c0 .966.784 1.75 1.75 1.75h5.064a6.47 6.47 0 0 0 .709 1.501L3.25 18A3.25 3.25 0 0 1 0 14.75V3.25A3.25 3.25 0 0 1 3.25 0h11.5Zm0 1.5H3.25A1.75 1.75 0 0 0 1.5 3.25V4h15v-.75a1.75 1.75 0 0 0-1.75-1.75Z", fill: "currentColor" })));
+        return (h("svg", { key: 'b32f78dad742a7585b9baa12f5ba0badad6d225a', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '8e1b7728919422faf6dec81a7e62e466c0f6ffab', d: "M14.5 9a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Zm-2.476 3.024a.5.5 0 0 0 0 .707l1.769 1.77-1.767 1.766a.5.5 0 1 0 .707.708l1.767-1.767 1.77 1.769a.5.5 0 1 0 .707-.707L15.208 14.5l1.771-1.77a.5.5 0 0 0-.707-.707l-1.771 1.77-1.77-1.77a.5.5 0 0 0-.707 0ZM14.75 0A3.25 3.25 0 0 1 18 3.25l.001 5.773a6.47 6.47 0 0 0-1.5-.71L16.5 5.5h-15v9.25c0 .966.784 1.75 1.75 1.75h5.064a6.47 6.47 0 0 0 .709 1.501L3.25 18A3.25 3.25 0 0 1 0 14.75V3.25A3.25 3.25 0 0 1 3.25 0h11.5Zm0 1.5H3.25A1.75 1.75 0 0 0 1.5 3.25V4h15v-.75a1.75 1.75 0 0 0-1.75-1.75Z", fill: "currentColor" })));
     }
 };
 CalendarCancelIcon.style = iconCss;

package/dist/esm/calendar-check-icon.entry.js

@@ -9,7 +9,7 @@ const CalendarCheckIcon = class {
         this.height = '20';
     }
     render() {
-        return (h("svg", { key: 'dbdb60a84ca2cc1dd7553870312e4abe5c2bf3cf', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '97d73c7b3279e32e228eac305c44baacae655c51', 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 (h("svg", { key: '244034d913043e097aaad7f29d92d4de627fbea6', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '192f9588913146fbe60fba9bdf2c4931a564646e', 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" })));
     }
 };
 CalendarCheckIcon.style = iconCss;

package/dist/esm/calendar-icon.entry.js

@@ -9,7 +9,7 @@ const CalendarIcon = class {
         this.height = '15';
     }
     render() {
-        return (h("svg", { key: '59b312cb63ec45f3755e9471b8261a6ba0fa81ad', width: this.width, height: this.height, fill: "none", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'cc98a53eb263434f8de72a0d9708ed85945690f0', fill: "currentColor", d: "M14.3073 0.692383C15.9641 0.692383 17.3073 2.03553 17.3073 3.69238V14.3078C17.3073 15.9646 15.9641 17.3078 14.3073 17.3078H3.6919C2.03504 17.3078 0.691895 15.9646 0.691895 14.3078V3.69238C0.691895 2.03553 2.03504 0.692383 3.6919 0.692383H14.3073ZM15.9227 5.76931H2.07651V14.3078C2.07651 15.1999 2.79974 15.9232 3.6919 15.9232H14.3073C15.1994 15.9232 15.9227 15.1999 15.9227 14.3078V5.76931ZM5.07651 11.3078C5.71376 11.3078 6.23036 11.8244 6.23036 12.4616C6.23036 13.0989 5.71376 13.6155 5.07651 13.6155C4.43926 13.6155 3.92266 13.0989 3.92266 12.4616C3.92266 11.8244 4.43926 11.3078 5.07651 11.3078ZM8.99959 11.3078C9.63684 11.3078 10.1534 11.8244 10.1534 12.4616C10.1534 13.0989 9.63684 13.6155 8.99959 13.6155C8.36234 13.6155 7.84574 13.0989 7.84574 12.4616C7.84574 11.8244 8.36234 11.3078 8.99959 11.3078ZM5.07651 7.61546C5.71376 7.61546 6.23036 8.13206 6.23036 8.76931C6.23036 9.40656 5.71376 9.92315 5.07651 9.92315C4.43926 9.92315 3.92266 9.40656 3.92266 8.76931C3.92266 8.13206 4.43926 7.61546 5.07651 7.61546ZM8.99959 7.61546C9.63684 7.61546 10.1534 8.13206 10.1534 8.76931C10.1534 9.40656 9.63684 9.92315 8.99959 9.92315C8.36234 9.92315 7.84574 9.40656 7.84574 8.76931C7.84574 8.13206 8.36234 7.61546 8.99959 7.61546ZM12.9227 7.61546C13.5599 7.61546 14.0765 8.13206 14.0765 8.76931C14.0765 9.40656 13.5599 9.92315 12.9227 9.92315C12.2854 9.92315 11.7688 9.40656 11.7688 8.76931C11.7688 8.13206 12.2854 7.61546 12.9227 7.61546ZM14.3073 2.077H3.6919C2.79974 2.077 2.07651 2.80023 2.07651 3.69238V4.38469H15.9227V3.69238C15.9227 2.80023 15.1994 2.077 14.3073 2.077Z" })));
+        return (h("svg", { key: '2d441f490b83b3bedf8b74e7eb23ffcdf95f1702', width: this.width, height: this.height, fill: "none", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '8399aedfbea0b04fd3e8abfef0caf7179ba121b4', fill: "currentColor", d: "M14.3073 0.692383C15.9641 0.692383 17.3073 2.03553 17.3073 3.69238V14.3078C17.3073 15.9646 15.9641 17.3078 14.3073 17.3078H3.6919C2.03504 17.3078 0.691895 15.9646 0.691895 14.3078V3.69238C0.691895 2.03553 2.03504 0.692383 3.6919 0.692383H14.3073ZM15.9227 5.76931H2.07651V14.3078C2.07651 15.1999 2.79974 15.9232 3.6919 15.9232H14.3073C15.1994 15.9232 15.9227 15.1999 15.9227 14.3078V5.76931ZM5.07651 11.3078C5.71376 11.3078 6.23036 11.8244 6.23036 12.4616C6.23036 13.0989 5.71376 13.6155 5.07651 13.6155C4.43926 13.6155 3.92266 13.0989 3.92266 12.4616C3.92266 11.8244 4.43926 11.3078 5.07651 11.3078ZM8.99959 11.3078C9.63684 11.3078 10.1534 11.8244 10.1534 12.4616C10.1534 13.0989 9.63684 13.6155 8.99959 13.6155C8.36234 13.6155 7.84574 13.0989 7.84574 12.4616C7.84574 11.8244 8.36234 11.3078 8.99959 11.3078ZM5.07651 7.61546C5.71376 7.61546 6.23036 8.13206 6.23036 8.76931C6.23036 9.40656 5.71376 9.92315 5.07651 9.92315C4.43926 9.92315 3.92266 9.40656 3.92266 8.76931C3.92266 8.13206 4.43926 7.61546 5.07651 7.61546ZM8.99959 7.61546C9.63684 7.61546 10.1534 8.13206 10.1534 8.76931C10.1534 9.40656 9.63684 9.92315 8.99959 9.92315C8.36234 9.92315 7.84574 9.40656 7.84574 8.76931C7.84574 8.13206 8.36234 7.61546 8.99959 7.61546ZM12.9227 7.61546C13.5599 7.61546 14.0765 8.13206 14.0765 8.76931C14.0765 9.40656 13.5599 9.92315 12.9227 9.92315C12.2854 9.92315 11.7688 9.40656 11.7688 8.76931C11.7688 8.13206 12.2854 7.61546 12.9227 7.61546ZM14.3073 2.077H3.6919C2.79974 2.077 2.07651 2.80023 2.07651 3.69238V4.38469H15.9227V3.69238C15.9227 2.80023 15.1994 2.077 14.3073 2.077Z" })));
     }
 };
 CalendarIcon.style = iconCss;

package/dist/esm/checkbox-component.entry.js

@@ -63,7 +63,7 @@ const CheckboxComponent = class {
         });
     }
     render() {
-        return (h("div", { key: '4bba5a19bd46ed28887c0e9563463736f0797316', class: "checkbox-container" }, h("label", { key: '9b39faabdacc481f942ccd2fce8cda13b4004176', title: this.readOnly ? 'read-only field' : undefined, class: { readonly: this.readOnly } }, h("input", { key: 'e607c2c0c08494a60e4bf1868c64bd6c5fbc9fdb', type: "checkbox", disabled: this.readOnly, readOnly: this.readOnly, name: this.name, title: this.readOnly ? 'read-only field' : undefined, checked: this.isChecked, onChange: () => this.toggleCheck() }), h("span", { key: '741e07baa7163e13f1f15a1f83e46987e3b5e833', class: "checkmark" }), h("slot", { key: 'e3a6969e97b7b715e4e519511ea14e33121f93da', name: "label" }, h("span", { key: '779fdf99ae7da8c328caa0a52eaeedbb8ab38b5c', class: "label", part: "checkbox-label-span" }, this.label, this.required && h("span", { key: '4557ec4fe2202572b24612780b89ba16ff1d695a', class: "required" }, "*")))), this.error && h("p", { key: '8f91d5f9196627fabf3631a37df40c6c862bd753', class: "error" }, this.error)));
+        return (h("div", { key: '187b2c8923636d503d65188afe85da56412e76a5', class: "checkbox-container" }, h("label", { key: '8a9868991845ac4ccb8dd11368c85c87fcafba8a', title: this.readOnly ? 'read-only field' : undefined, class: { readonly: this.readOnly } }, h("input", { key: 'bf3bb86e4950d99af9a7d2cdf52180f35654668c', type: "checkbox", disabled: this.readOnly, readOnly: this.readOnly, name: this.name, title: this.readOnly ? 'read-only field' : undefined, checked: this.isChecked, onChange: () => this.toggleCheck() }), h("span", { key: '40e3b50f745e404e386f7259fa7fca237e4c482a', class: "checkmark" }), h("slot", { key: '928c5cb49a1c1b2618427acb7d734f8689de2c9e', name: "label" }, h("span", { key: 'b6f21f6459867b73dc01c0219833ad7e356f7a07', class: "label", part: "checkbox-label-span" }, this.label, this.required && h("span", { key: 'f1a64814d615db51a3441003c716593c9ce19200', class: "required" }, "*")))), this.error && h("p", { key: '54326db9c51b21b730d7d51f0926507c210784a9', class: "error" }, this.error)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/checkbox-group_4.entry.js

@@ -87,7 +87,7 @@ const CheckboxGroup = class {
         this.handleCheckboxToggle(event);
     }
     render() {
-        return (h$2("div", { key: 'fe97aab12e7f1be11a0f565a1029813c2f0eadcd', class: "checkbox-group-container" }, this.label && (h$2("div", { key: '2bca129a3f5d785bd47a7a95e75726e1c0a48c14', class: "group-label" }, this.label, this.required && h$2("span", { key: '0ee4c2e9d60c8f3cce2e341af765579192378a1b', class: "required" }, "*"))), h$2("div", { key: '6182ce7752d1fe41dcad71014868b7af411c1508', class: `checkbox-list ${this.direction}` }, this.options.map(option => (h$2("checkbox-component", { name: `${this.name}-${option.value}`, label: option.label, checked: this.selectedValues.includes(option.value), readOnly: option.disabled, required: this.required, themeConfig: this.themeConfig })))), this.error && h$2("p", { key: '00719569b2db2dd41d5ff3ba332dc48d03016dcc', class: "error" }, this.error)));
+        return (h$2("div", { key: '23978e91b423c794f1133c3841ac9a01e99835e4', class: "checkbox-group-container" }, this.label && (h$2("div", { key: '72d07a1d8a9f40d96f14925fe4d08024ce00dba2', class: "group-label" }, this.label, this.required && h$2("span", { key: '6386ad4a054a90812738c84be2f5304449c28971', class: "required" }, "*"))), h$2("div", { key: 'b014066301e1ed8f79502eb74efdeefc2e7e7ff9', class: `checkbox-list ${this.direction}` }, this.options.map(option => (h$2("checkbox-component", { name: `${this.name}-${option.value}`, label: option.label, checked: this.selectedValues.includes(option.value), readOnly: option.disabled, required: this.required, themeConfig: this.themeConfig })))), this.error && h$2("p", { key: '55c2b20c4da9a17cc4d98225cba5c5bcdbb31061', class: "error" }, this.error)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -15603,7 +15603,7 @@ const NylasEventCapacity = class {
     }
     render() {
         const isComponentReady = typeof this.selectedEventCapacity !== 'undefined';
-        return (h$2(Host, { key: 'e6f85aecbbaeb832787d15467665948bbee0fa13' }, h$2("div", { key: '8406843a2c85f91293d9d3291cc62b470da54061', class: "nylas-event-capacity", part: "necapacity" }, h$2("label", { key: '08e23312963f34e9d99438cfae812f69d6db4e15', htmlFor: "event-capacity" }, h$2("span", { key: 'a84786122c2f2320e124bc7056baa85a5df16893' }, instance.t('nylasEventCapacity.headerTitle'), h$2("span", { key: 'ba7612dff5ec1a4da53e4f53e2b43ef63e2dbf98', class: "required" }, "*")), h$2("tooltip-component", { key: 'b9173e544830ee9ffed7a882d2e6de0462575fc6' }, h$2("info-icon", { key: 'a79509157d703b8dae4b8ea630145fd84a8d0c0d', slot: "tooltip-icon" }), h$2("span", { key: 'da53d6f901cfedbbb9cf414a112cb70bdb6bf753', slot: "tooltip-content" }, instance.t('nylasEventCapacity.tooltip.desc')))), isComponentReady && (h$2("div", { key: '7fc33974040384dcbdfe79fd60d60b76526dd424', class: "nylas-event-capacity__wrapper" }, h$2("input-component", { key: '4f1e8a5d7b540ab99cdcfa91b83b0bbdc7fe715b', name: "event-capacity", id: "event-capacity", type: "number", pattern: /^[0-9]*$/, patternError: instance.t('invalidInputFormat', { field: 'Event capacity' }), minValue: 1, maxValue: 500, required: false, exportparts: "ic_input: necapacity__input-textfield", defaultValue: typeof this.selectedEventCapacity === 'number' ? this.selectedEventCapacity.toString() : '10', themeConfig: this.themeConfig }), h$2("span", { key: 'f3a0d94ff47122899c3ab475ac66e388efa43a54', class: this.error ? 'attendees error' : 'attendees' }, instance.t('nylasEventCapacity.attendees')))))));
+        return (h$2(Host, { key: '0998e75ac6f831933a097a93615237f036fa2a1d' }, h$2("div", { key: '6761dc39b1256aa70f959dad3f85c0de198c642d', class: "nylas-event-capacity", part: "necapacity" }, h$2("label", { key: 'cccd67579c54a8547750a6a8a6f755611c967d9a', htmlFor: "event-capacity" }, h$2("span", { key: '425da91a83a5a4f64cdb6bdfe330e3e59ecca15c' }, instance.t('nylasEventCapacity.headerTitle'), h$2("span", { key: '5061fb67b69e639eccbf9074cdd037975a7dd22f', class: "required" }, "*")), h$2("tooltip-component", { key: '965614c44209d4d889506c3accdace72b9927c45' }, h$2("info-icon", { key: '5fe2a0fa75ed36df71db75da97bd565ec03fda4d', slot: "tooltip-icon" }), h$2("span", { key: '6836816801e3cc87e1f11aae3781e365f550d7ec', slot: "tooltip-content" }, instance.t('nylasEventCapacity.tooltip.desc')))), isComponentReady && (h$2("div", { key: '4e836fe0fe83bfc6f71a287f0b916feb2e910029', class: "nylas-event-capacity__wrapper" }, h$2("input-component", { key: '96886884998b6918fe980d4d979179ae2fff9f9d', name: "event-capacity", id: "event-capacity", type: "number", pattern: /^[0-9]*$/, patternError: instance.t('invalidInputFormat', { field: 'Event capacity' }), minValue: 1, maxValue: 500, required: false, exportparts: "ic_input: necapacity__input-textfield", defaultValue: typeof this.selectedEventCapacity === 'number' ? this.selectedEventCapacity.toString() : '10', themeConfig: this.themeConfig }), h$2("span", { key: '79c85ba3bf6551aa560906f2cc3a9dad83f274b8', class: this.error ? 'attendees error' : 'attendees' }, instance.t('nylasEventCapacity.attendees')))))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
@@ -16045,12 +16045,12 @@ const NylasEventTimeslot = class {
         this.repeatEndOn = this.repeatEndOn || defaultEndOnDate;
         this.repeatEndAfter = this.repeatEndAfter || defaultEndAfter;
         const today = dayjs().tz(this.selectedTimezone);
-        return (h$2(Host, { key: '22b88770985c9d1a5cb81ec6a7cf94684d21f8b6' }, h$2("div", { key: 'fe5a426fbbafe60cabc786c15ff2ecb0a2dec86f', class: "nylas-event-timeslot", part: "netimeslot" }, h$2("label", { key: 'e2f74efda0d9908b01743e12ba59e229b4773b0d', htmlFor: "date-time-input" }, instance.t('nylasEventTimeslot.dateTimeLabel')), h$2("div", { key: '8a867ac8b42623e82acc4562354bc9bbc007a9ff', class: "date-time-input", part: "netimeslot__date-time-input" }, h$2("div", { key: 'def232a6dc830425f2add32be95baa464bca1e20', class: "date-time-picker", part: "netimeslot__date-time-picker" }, h$2("nylas-date-component", { key: 'ddd20dba23ece2f45480bd24b54e33a1cbd5dac3', minDate: dayjs().tz(this.selectedTimezone).toISOString().split('T')[0], name: "date-time-input", defaultValue: this.selectedDate, id: 'date-time-input', class: { error: this.hasDateTimeInputError }, required: true, hasError: this.hasDateTimeInputError, themeConfig: this.themeConfig }), h$2("div", { key: 'fb4006b0638b1744dd76d6f010ab77bda200c1d1', class: "time-range", part: "netimeslot__time-range" }, h$2("nylas-time-window-picker", { id: 'event-timeslot-start-time', hasError: this.timeRangeError, time: this.selectedStartTime, language: this.selectedLanguage, name: 'event-timeslot-start-time', key: 'event-timeslot-start-time', themeConfig: this.themeConfig, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" }), h$2("span", { key: '8f1fe9be4e48083cc7aec9e9d68de2678942b854' }, "\u2013"), h$2("nylas-time-window-picker", { id: 'event-timeslot-end-time', hasError: this.timeRangeError, time: this.selectedEndTime, language: this.selectedLanguage, name: 'event-timeslot-end-time', key: 'event-timeslot-end-time', minimumStartTime: this.selectedStartTime, themeConfig: this.themeConfig, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" })), selectedTimezoneOption?.label && (h$2("select-dropdown", { key: '84255f96b0d19ebd878666613967f1dc96732aae', searchPlaceholder: instance.t('search'), name: "timezone", exportparts: "sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content", options: timezoneOptions, withChevron: false, defaultSelectedOption: selectedTimezoneOption, themeConfig: this.themeConfig }, h$2("span", { key: 'dfd7f9c824e67ecd5f8de46fcd59d2c8ba9cc81a', slot: "select-icon" }, h$2("globe-icon", { key: 'db39cf9abeb9cbdfc0c2c17b30ec6b57c2892eb9', width: "20", height: "20" }))))), !icloudProvider && (h$2("div", { key: '50d1bd4128999cf0c5f3326ef425518d0af6d3ad', class: "recurrence-options", part: "netimeslot__recurrence-options" }, defaultRecurrenceOption && defaultRecurrenceOption?.label && (h$2("div", { key: '5399f98b943f56ca7e1a8d72da70a54204dc546a', class: "recurrence-type", part: "netimeslot__recurrence-type" }, h$2("label", { key: 'dc3d400439c31d16d393f0e034e21f4fb24137cd', htmlFor: "recurrence-type" }, instance.t('nylasEventTimeslot.recurrenceLabel')), h$2("select-dropdown", { key: '6ef85fc3027b3e92941edd683022e9f7e1bc8943', withSearch: false, id: "recurrence-type", name: "recurrence-type", options: this.recurrenceOptions, themeConfig: this.themeConfig, defaultSelectedOption: defaultRecurrenceOption, exportparts: "sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content" }))), this.selectedRecurrenceType !== 'custom' && this.selectedRecurrenceType !== 'none' && (h$2("div", { key: '71f08bd57439a03918bb727ba90c2ea5b4837add', class: "recurrence-end", part: "netimeslot__recurrence-end" }, h$2("label", { key: 'e85a071f77833ec4bf92d3c3deda6de802d62b40' }, instance.t('nylasEventTimeslot.endDate')), h$2("nylas-date-component", { key: 'cc42f3bd3f9f25a5ead00ea5d5a3321724cc4e53', name: "recurrence-end-date", minDate: today.toISOString().split('T')[0], defaultValue: this.repeatEndOn || defaultEndOnDate, id: 'recurrence-end-date', required: true, themeConfig: this.themeConfig }))), this.selectedRecurrenceType === 'custom' && (h$2("div", { key: 'e73f0b2a3c47266d7725df5f0a7ed2ab7c7229e1', class: "custom-recurrence-time-period", part: "netimeslot__custom-recurrence" }, h$2("label", { key: '2487ce4f1921f6f6f124620136fc7378bdc2e4ca', htmlFor: "" }, instance.t('nylasEventTimeslot.customRecurrence.repeatEvery')), h$2("time-period-selector", { key: 'dcd5b524e46d64a58e9f0054af3cf668e61bf011', id: "custom-recurrence-time-period", exportparts: "tps__number-dropdown: netimeslot__number-dropdown, tps__number-dropdown-button: netimeslot__number-dropdown-button, tps__number-dropdown-content: netimeslot__number-dropdown-content, tps__period-dropdown: netimeslot__period-dropdown, tps__period-dropdown-button: netimeslot__period-dropdown-button, tps__period-dropdown-content: netimeslot__period-dropdown-content", timePeriods: [
+        return (h$2(Host, { key: '7b643bb1c4dc8977e9e84be4edf3c46b222f3d9c' }, h$2("div", { key: '99ddeb4b7073ff5175cb5a69ff72d9dbf951ba59', class: "nylas-event-timeslot", part: "netimeslot" }, h$2("label", { key: '743f0765535148fcb78828f6807f4db5a2a2a0ca', htmlFor: "date-time-input" }, instance.t('nylasEventTimeslot.dateTimeLabel')), h$2("div", { key: 'b52eab7318b7b568cc363c9068e674f929d91b32', class: "date-time-input", part: "netimeslot__date-time-input" }, h$2("div", { key: '0b606fe0746884b50151a5e4f8b11736ab9fb0a9', class: "date-time-picker", part: "netimeslot__date-time-picker" }, h$2("nylas-date-component", { key: '5807aeedfab03c3c28379811f96c9b5e2111864a', minDate: dayjs().tz(this.selectedTimezone).toISOString().split('T')[0], name: "date-time-input", defaultValue: this.selectedDate, id: 'date-time-input', class: { error: this.hasDateTimeInputError }, required: true, hasError: this.hasDateTimeInputError, themeConfig: this.themeConfig }), h$2("div", { key: '99128420c95a131391e77232aa9e5debc7dcbf3d', class: "time-range", part: "netimeslot__time-range" }, h$2("nylas-time-window-picker", { id: 'event-timeslot-start-time', hasError: this.timeRangeError, time: this.selectedStartTime, language: this.selectedLanguage, name: 'event-timeslot-start-time', key: 'event-timeslot-start-time', themeConfig: this.themeConfig, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" }), h$2("span", { key: '8341b7d031d21f81a79e1459db6adc4357bf7714' }, "\u2013"), h$2("nylas-time-window-picker", { id: 'event-timeslot-end-time', hasError: this.timeRangeError, time: this.selectedEndTime, language: this.selectedLanguage, name: 'event-timeslot-end-time', key: 'event-timeslot-end-time', minimumStartTime: this.selectedStartTime, themeConfig: this.themeConfig, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" })), selectedTimezoneOption?.label && (h$2("select-dropdown", { key: '925ae43d5639810b3616a3b96a3147ade63b3ff5', searchPlaceholder: instance.t('search'), name: "timezone", exportparts: "sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content", options: timezoneOptions, withChevron: false, defaultSelectedOption: selectedTimezoneOption, themeConfig: this.themeConfig }, h$2("span", { key: 'bf730c369c456219b6359af08898728dd0cd7a9f', slot: "select-icon" }, h$2("globe-icon", { key: '481daf620a7c458320d11ccb30c28334f8cb7abb', width: "20", height: "20" }))))), !icloudProvider && (h$2("div", { key: '11a434805f504191420f778a4a54e3378453656a', class: "recurrence-options", part: "netimeslot__recurrence-options" }, defaultRecurrenceOption && defaultRecurrenceOption?.label && (h$2("div", { key: 'c8c4971da35136175afb80cefa6ea3ac227cb85c', class: "recurrence-type", part: "netimeslot__recurrence-type" }, h$2("label", { key: '4a6ab46945ccdf6f258f6868c8cadd960c737e3f', htmlFor: "recurrence-type" }, instance.t('nylasEventTimeslot.recurrenceLabel')), h$2("select-dropdown", { key: '0752be4200385d3721bc57229035cb7ceaf72c33', withSearch: false, id: "recurrence-type", name: "recurrence-type", options: this.recurrenceOptions, themeConfig: this.themeConfig, defaultSelectedOption: defaultRecurrenceOption, exportparts: "sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content" }))), this.selectedRecurrenceType !== 'custom' && this.selectedRecurrenceType !== 'none' && (h$2("div", { key: '172a67ec44f57852a0ec1e4192c229c93fd28910', class: "recurrence-end", part: "netimeslot__recurrence-end" }, h$2("label", { key: '242aadb6351647fa6fcce74fce6f70ad7b48614a' }, instance.t('nylasEventTimeslot.endDate')), h$2("nylas-date-component", { key: '64a1abca2d38947405c7d2ee00edc95e63a43481', name: "recurrence-end-date", minDate: today.toISOString().split('T')[0], defaultValue: this.repeatEndOn || defaultEndOnDate, id: 'recurrence-end-date', required: true, themeConfig: this.themeConfig }))), this.selectedRecurrenceType === 'custom' && (h$2("div", { key: '42bdcc9845c5b80f5358d2cf678a8d2c32958e4f', class: "custom-recurrence-time-period", part: "netimeslot__custom-recurrence" }, h$2("label", { key: 'baafe56528f5f9e01924dc1fc6d96e671b2e51e4', htmlFor: "" }, instance.t('nylasEventTimeslot.customRecurrence.repeatEvery')), h$2("time-period-selector", { key: 'fe7097faff618451af4e3589e854d05508c8b1d7', id: "custom-recurrence-time-period", exportparts: "tps__number-dropdown: netimeslot__number-dropdown, tps__number-dropdown-button: netimeslot__number-dropdown-button, tps__number-dropdown-content: netimeslot__number-dropdown-content, tps__period-dropdown: netimeslot__period-dropdown, tps__period-dropdown-button: netimeslot__period-dropdown-button, tps__period-dropdown-content: netimeslot__period-dropdown-content", timePeriods: [
                 { value: 'day', label: instance.t('timePeriod', { context: 'day' }) },
                 { value: 'week', label: instance.t('timePeriod', { context: 'week' }) },
                 { value: 'month', label: instance.t('timePeriod', { context: 'month' }) },
                 { value: 'year', label: instance.t('timePeriod', { context: 'year' }) },
-            ], themeConfig: this.themeConfig, defaultSelectedNumber: this.repeatEveryInterval, defaultSelectedPeriod: this.repeatEveryFrequency }))), h$2("div", { key: '312e55a6fad9d3361e1789dc8e9189ed0786be4a', class: "repeat-on" }, this.selectedRecurrenceType === 'custom' && this.repeatEveryFrequency === 'week' && (h$2("div", { key: '1f59f2afbb28fb3ef0b0815feab7081ca5be21f4', class: "days" }, h$2("label", { key: '10860281d91ee986338b2f1d8a24dd269a3ba8f1' }, instance.t('nylasEventTimeslot.customRecurrence.repeatOn')), h$2("div", { key: '8326256b3c12ce1c661d8f29542ed76d1b1e9ce8', class: "buttons" }, [
+            ], themeConfig: this.themeConfig, defaultSelectedNumber: this.repeatEveryInterval, defaultSelectedPeriod: this.repeatEveryFrequency }))), h$2("div", { key: '8103b0b80e36de6b9d3cf0f57bae4c4665eefce1', class: "repeat-on" }, this.selectedRecurrenceType === 'custom' && this.repeatEveryFrequency === 'week' && (h$2("div", { key: 'daa34f109d1b3a9af2831e8e46f8a809d46555fb', class: "days" }, h$2("label", { key: '1c0d5d72dd43a6a76b7c88faee17b4d24eaadae6' }, instance.t('nylasEventTimeslot.customRecurrence.repeatOn')), h$2("div", { key: 'e336a9537211fc381c26ecc6936f396bcc530456', class: "buttons" }, [
             { label: 'S', value: 'SU', title: 'Sunday' },
             { label: 'M', value: 'MO', title: 'Monday' },
             { label: 'T', value: 'TU', title: 'Tuesday' },
@@ -16061,7 +16061,7 @@ const NylasEventTimeslot = class {
         ].map(day => (h$2("button", { class: { selected: this.repeatOnDays.includes(day.value) }, title: day.title, onClick: () => {
                 this.repeatOnDays = this.repeatOnDays.includes(day.value) ? this.repeatOnDays.filter(d => d !== day.value) : [...this.repeatOnDays, day.value];
                 this.handleValueChanged();
-            } }, day.label)))))), this.selectedRecurrenceType === 'custom' && this.repeatEveryFrequency === 'month' && (h$2("div", { key: '1845bef4122e65d070ccbcf9112c9d379fa2d53e', class: "month-recurrence" }, h$2("span", { key: 'e729b628fdc6a0b9ac937d4ccbcf79f2c950f87d' }), h$2("select-dropdown", { key: '467b036deeac77a7aba1df32371d5471d7341ca3', withSearch: false, id: "month-recurrence-type", name: "month-recurrence-type", options: this.monthRecurrenceOptions, themeConfig: this.themeConfig, defaultSelectedOption: this.repeatMonthlySameDate ? this.monthRecurrenceOptions[0] : this.monthRecurrenceOptions[1], exportparts: "sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content" }))), h$2("div", { key: '8b92df591d9d41f28cf2f6354569fb187b874ce0', class: "custom-recurrence" }, this.selectedRecurrenceType === 'custom' && (h$2("div", { key: 'c0170de1ff75eacd964a3e6178f9d08120301e0e', class: "custom-recurrence-ends" }, h$2("label", { key: 'b59743ac45a9c66f2e450c44778e93a521eba64c', htmlFor: "recurrence-type" }, instance.t('nylasEventTimeslot.customRecurrence.ends')), h$2("select-dropdown", { key: '250621a30a4f5445165bc4e4bb1df9dda5794526', withSearch: false, id: "custom-recurrence-end-type", name: "custom-recurrence-end-type", options: endOptions, themeConfig: this.themeConfig, defaultSelectedOption: endOptions.find(option => option.value === this.repeatEndType), exportparts: "sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content" }))), this.selectedRecurrenceType === 'custom' && this.repeatEndType === 'on' && (h$2("div", { key: '103e499151e57c84117417e892219cc8dc02f502' }, h$2("nylas-date-component", { key: '745be9606c6dce9387705828d936dd2d41ac06df', name: "custom-recurrence-end-date", minDate: today.toISOString().split('T')[0], defaultValue: this.repeatEndOn || defaultEndOnDate, id: 'custom-recurrence-end-date', required: true, themeConfig: this.themeConfig }))), this.selectedRecurrenceType === 'custom' && this.repeatEndType === 'after' && (h$2("div", { key: '00583d94e477ef4e372e3e9f293953ff66e5eb42', class: "custom-recurrence-end-after" }, h$2("input-component", { key: 'ac7fc7a5c932e72d9b0fda2072703f220efaf855', name: "recurrence-end-after", id: "recurrence-end-after", type: "number", minValue: 1, themeConfig: this.themeConfig, defaultValue: defaultEndAfter.toString(), exportparts: "ic_input: netimeslot__input-textfield" }), h$2("span", { key: '62cd2eaaf6ef425ad8665ee237cd1d1e9506d1ce' }, instance.t('nylasEventTimeslot.customRecurrence.occurrences'))))))))))));
+            } }, day.label)))))), this.selectedRecurrenceType === 'custom' && this.repeatEveryFrequency === 'month' && (h$2("div", { key: 'd4e24b0b04cfe3ac7806dfa69b680483f61af38d', class: "month-recurrence" }, h$2("span", { key: 'b17c22605364ed379b99db277ae5a976f26f9317' }), h$2("select-dropdown", { key: '0df0372540d14c51cf4245d0067ab4445c812b59', withSearch: false, id: "month-recurrence-type", name: "month-recurrence-type", options: this.monthRecurrenceOptions, themeConfig: this.themeConfig, defaultSelectedOption: this.repeatMonthlySameDate ? this.monthRecurrenceOptions[0] : this.monthRecurrenceOptions[1], exportparts: "sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content" }))), h$2("div", { key: '0bc2aac40bc8355f93a70f8997236062df4e080c', class: "custom-recurrence" }, this.selectedRecurrenceType === 'custom' && (h$2("div", { key: 'd6932edc20e0f00e233d224141593120f6079a8d', class: "custom-recurrence-ends" }, h$2("label", { key: 'f688a4195bf8cab997a9ebb9f228f43ed17d37ed', htmlFor: "recurrence-type" }, instance.t('nylasEventTimeslot.customRecurrence.ends')), h$2("select-dropdown", { key: '187a91f7a63f695958c2f5853a4d074d8a4a6330', withSearch: false, id: "custom-recurrence-end-type", name: "custom-recurrence-end-type", options: endOptions, themeConfig: this.themeConfig, defaultSelectedOption: endOptions.find(option => option.value === this.repeatEndType), exportparts: "sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content" }))), this.selectedRecurrenceType === 'custom' && this.repeatEndType === 'on' && (h$2("div", { key: '4e43ef512231859f5e930ce99cffd676a0393091' }, h$2("nylas-date-component", { key: '67ff73f110393e28a64e2e512300a384cc1902f9', name: "custom-recurrence-end-date", minDate: today.toISOString().split('T')[0], defaultValue: this.repeatEndOn || defaultEndOnDate, id: 'custom-recurrence-end-date', required: true, themeConfig: this.themeConfig }))), this.selectedRecurrenceType === 'custom' && this.repeatEndType === 'after' && (h$2("div", { key: 'f8805d64397e033f7e2de0d3268c06e900dbf586', class: "custom-recurrence-end-after" }, h$2("input-component", { key: '4dfd116cbc0ee9fa99263e2f3a72ea0004ba2139', name: "recurrence-end-after", id: "recurrence-end-after", type: "number", minValue: 1, themeConfig: this.themeConfig, defaultValue: defaultEndAfter.toString(), exportparts: "ic_input: netimeslot__input-textfield" }), h$2("span", { key: '02015a47a3c0256bb51de3899304f73d441a06cf' }, instance.t('nylasEventTimeslot.customRecurrence.occurrences'))))))))))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }

package/dist/esm/checkmark-circle-icon.entry.js

@@ -9,7 +9,7 @@ const CheckmarkCircleIcon = class {
         this.height = '20';
     }
     render() {
-        return (h("svg", { key: '83dafed562cb19a4b92e19df4b1315c1eeb51da6', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, fill: "none", viewBox: "0 0 20 20" }, h("path", { key: 'bf0e55ae4ebb1f1dc0cec59d0496af2d6860dbc0', 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 (h("svg", { key: 'aaa01a767080127dc74d0453793bd520f17d019a', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, fill: "none", viewBox: "0 0 20 20" }, h("path", { key: '94d2dda85829260e5df4d1ecad37a274b1bd9464', 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/esm/checkmark-icon_14.entry.js

@@ -11,7 +11,7 @@ const CheckmarkIcon = class {
         this.height = '14';
     }
     render() {
-        return (h("svg", { key: '837a761634c38b9e386c69dca15eb6278e52d067', width: this.width, height: this.height, viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'eebd8ecb9aa91605e1b7800faaa473b5f2125008', d: "M1.53033 7.46967C1.23744 7.17678 0.762563 7.17678 0.46967 7.46967C0.176777 7.76256 0.176777 8.23744 0.46967 8.53033L4.96967 13.0303C5.26256 13.3232 5.73744 13.3232 6.03033 13.0303L17.0303 2.03033C17.3232 1.73744 17.3232 1.26256 17.0303 0.96967C16.7374 0.676777 16.2626 0.676777 15.9697 0.96967L5.5 11.4393L1.53033 7.46967Z", fill: "#293056" })));
+        return (h("svg", { key: '96b9883fb9939272e2cb63c69e6ff9de20bc9e98', width: this.width, height: this.height, viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '55cca5d4538bdb8416c95326738c80a34a0e84e0', d: "M1.53033 7.46967C1.23744 7.17678 0.762563 7.17678 0.46967 7.46967C0.176777 7.76256 0.176777 8.23744 0.46967 8.53033L4.96967 13.0303C5.26256 13.3232 5.73744 13.3232 6.03033 13.0303L17.0303 2.03033C17.3232 1.73744 17.3232 1.26256 17.0303 0.96967C16.7374 0.676777 16.2626 0.676777 15.9697 0.96967L5.5 11.4393L1.53033 7.46967Z", fill: "#293056" })));
     }
 };
 CheckmarkIcon.style = iconCss$5;
@@ -25,7 +25,7 @@ const CopyIcon = class {
         this.height = '16';
     }
     render() {
-        return (h("svg", { key: 'f2b1d75a5c1ce38ce9f86b7ae222f1c0efe6fbef', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '18788a18102765d5e70dabc7d9d3467285cf3dc4', d: "M4 0.75C2.89543 0.75 2 1.64543 2 2.75V12.75C2 13.8546 2.89543 14.75 4 14.75H10C11.1046 14.75 12 13.8546 12 12.75V2.75C12 1.64543 11.1046 0.75 10 0.75H4ZM3 2.75C3 2.19772 3.44772 1.75 4 1.75H10C10.5523 1.75 11 2.19772 11 2.75V12.75C11 13.3023 10.5523 13.75 10 13.75H4C3.44772 13.75 3 13.3023 3 12.75V2.75ZM0 4.75001C0 4.00973 0.402199 3.36339 1 3.01758V13.25C1 14.6307 2.11929 15.75 3.5 15.75H9.73244C9.38663 16.3478 8.74028 16.75 8 16.75H3.5C1.567 16.75 0 15.183 0 13.25V4.75001Z", fill: "currentColor" })));
+        return (h("svg", { key: '1268314934622d0df6420f3a987930864301dcab', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'd42e8428629a72f9502b099d94f9c46beb56a9e4', d: "M4 0.75C2.89543 0.75 2 1.64543 2 2.75V12.75C2 13.8546 2.89543 14.75 4 14.75H10C11.1046 14.75 12 13.8546 12 12.75V2.75C12 1.64543 11.1046 0.75 10 0.75H4ZM3 2.75C3 2.19772 3.44772 1.75 4 1.75H10C10.5523 1.75 11 2.19772 11 2.75V12.75C11 13.3023 10.5523 13.75 10 13.75H4C3.44772 13.75 3 13.3023 3 12.75V2.75ZM0 4.75001C0 4.00973 0.402199 3.36339 1 3.01758V13.25C1 14.6307 2.11929 15.75 3.5 15.75H9.73244C9.38663 16.3478 8.74028 16.75 8 16.75H3.5C1.567 16.75 0 15.183 0 13.25V4.75001Z", fill: "currentColor" })));
     }
 };
 CopyIcon.style = iconCss$4;
@@ -39,7 +39,7 @@ const DragableIcon = class {
         this.height = '20';
     }
     render() {
-        return (h("svg", { key: 'e41cf29a5afbf2963ada1cc32b88a423b1c861d7', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '26916fb6afc3b84bb9de1b6f2401359602671540', d: "M15.5 18C16.3284 18 17 18.6716 17 19.5C17 20.3284 16.3284 21 15.5 21C14.6716 21 14 20.3284 14 19.5C14 18.6716 14.6716 18 15.5 18ZM8.5 18C9.32843 18 10 18.6716 10 19.5C10 20.3284 9.32843 21 8.5 21C7.67157 21 7 20.3284 7 19.5C7 18.6716 7.67157 18 8.5 18ZM15.5 11C16.3284 11 17 11.6716 17 12.5C17 13.3284 16.3284 14 15.5 14C14.6716 14 14 13.3284 14 12.5C14 11.6716 14.6716 11 15.5 11ZM8.5 11C9.32843 11 10 11.6716 10 12.5C10 13.3284 9.32843 14 8.5 14C7.67157 14 7 13.3284 7 12.5C7 11.6716 7.67157 11 8.5 11ZM15.5 4C16.3284 4 17 4.67157 17 5.5C17 6.32843 16.3284 7 15.5 7C14.6716 7 14 6.32843 14 5.5C14 4.67157 14.6716 4 15.5 4ZM8.5 4C9.32843 4 10 4.67157 10 5.5C10 6.32843 9.32843 7 8.5 7C7.67157 7 7 6.32843 7 5.5C7 4.67157 7.67157 4 8.5 4Z", fill: "currentColor" })));
+        return (h("svg", { key: '221fa61abecc0f3af8c05a862fdbeb8e3047a2e4', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '13ffa38fe50d036f92498167266585ce50085b81', d: "M15.5 18C16.3284 18 17 18.6716 17 19.5C17 20.3284 16.3284 21 15.5 21C14.6716 21 14 20.3284 14 19.5C14 18.6716 14.6716 18 15.5 18ZM8.5 18C9.32843 18 10 18.6716 10 19.5C10 20.3284 9.32843 21 8.5 21C7.67157 21 7 20.3284 7 19.5C7 18.6716 7.67157 18 8.5 18ZM15.5 11C16.3284 11 17 11.6716 17 12.5C17 13.3284 16.3284 14 15.5 14C14.6716 14 14 13.3284 14 12.5C14 11.6716 14.6716 11 15.5 11ZM8.5 11C9.32843 11 10 11.6716 10 12.5C10 13.3284 9.32843 14 8.5 14C7.67157 14 7 13.3284 7 12.5C7 11.6716 7.67157 11 8.5 11ZM15.5 4C16.3284 4 17 4.67157 17 5.5C17 6.32843 16.3284 7 15.5 7C14.6716 7 14 6.32843 14 5.5C14 4.67157 14.6716 4 15.5 4ZM8.5 4C9.32843 4 10 4.67157 10 5.5C10 6.32843 9.32843 7 8.5 7C7.67157 7 7 6.32843 7 5.5C7 4.67157 7.67157 4 8.5 4Z", fill: "currentColor" })));
     }
 };
 DragableIcon.style = iconCss$3;
@@ -53,7 +53,7 @@ const EyeIcon = class {
         this.height = '10';
     }
     render() {
-        return (h("svg", { key: '361fe4fa26c940fe23a4766d709d9c6fecf2f12b', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '66adc870808a272e780d7af26770058c8d2c80aa', d: "M1.75909 6.60214C2.44254 3.32689 5.29437 1 8.50002 1C11.7057 1 14.5574 3.32688 15.2409 6.60215C15.2974 6.87246 15.5622 7.04587 15.8325 6.98946C16.1029 6.93304 16.2763 6.66817 16.2199 6.39785C15.4425 2.67312 12.1934 0 8.50002 0C4.8066 0 1.55742 2.67311 0.780175 6.39786C0.723767 6.66818 0.897177 6.93305 1.1675 6.98946C1.43782 7.04587 1.70268 6.87246 1.75909 6.60214ZM8.5 3C6.567 3 5 4.567 5 6.5C5 8.433 6.567 10 8.5 10C10.433 10 12 8.433 12 6.5C12 4.567 10.433 3 8.5 3ZM6 6.5C6 5.11929 7.11929 4 8.5 4C9.88071 4 11 5.11929 11 6.5C11 7.88071 9.88071 9 8.5 9C7.11929 9 6 7.88071 6 6.5Z", fill: "currentColor" })));
+        return (h("svg", { key: '6cc8785649cf2a2f6ceb5863c3fc1385dced1d9f', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '739bae9257fa2d2865577e07aad12f870eab458d', d: "M1.75909 6.60214C2.44254 3.32689 5.29437 1 8.50002 1C11.7057 1 14.5574 3.32688 15.2409 6.60215C15.2974 6.87246 15.5622 7.04587 15.8325 6.98946C16.1029 6.93304 16.2763 6.66817 16.2199 6.39785C15.4425 2.67312 12.1934 0 8.50002 0C4.8066 0 1.55742 2.67311 0.780175 6.39786C0.723767 6.66818 0.897177 6.93305 1.1675 6.98946C1.43782 7.04587 1.70268 6.87246 1.75909 6.60214ZM8.5 3C6.567 3 5 4.567 5 6.5C5 8.433 6.567 10 8.5 10C10.433 10 12 8.433 12 6.5C12 4.567 10.433 3 8.5 3ZM6 6.5C6 5.11929 7.11929 4 8.5 4C9.88071 4 11 5.11929 11 6.5C11 7.88071 9.88071 9 8.5 9C7.11929 9 6 7.88071 6 6.5Z", fill: "currentColor" })));
     }
 };
 EyeIcon.style = iconCss$2;
@@ -67,7 +67,7 @@ const FeedbackIcon = class {
         this.height = '14';
     }
     render() {
-        return (h("svg", { key: '69bdddc8bbc71756becbef85dc11efc27db41d08', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '6b4c0cb8ba88e05e11f9c6306be85d17e0c47dc2', d: "M0.5 8.875C0.5 8.875 1.125 8.25 3 8.25C4.875 8.25 6.125 9.5 8 9.5C9.875 9.5 10.5 8.875 10.5 8.875V1.375C10.5 1.375 9.875 2 8 2C6.125 2 4.875 0.75 3 0.75C1.125 0.75 0.5 1.375 0.5 1.375V8.875ZM0.5 8.875V13.25", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+        return (h("svg", { key: 'be4be9ec627e2e8410d90c83d9ecf4433e3d9c0f', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '6b11ea953987d5450ce1efed4ae8f5b725732fb5', d: "M0.5 8.875C0.5 8.875 1.125 8.25 3 8.25C4.875 8.25 6.125 9.5 8 9.5C9.875 9.5 10.5 8.875 10.5 8.875V1.375C10.5 1.375 9.875 2 8 2C6.125 2 4.875 0.75 3 0.75C1.125 0.75 0.5 1.375 0.5 1.375V8.875ZM0.5 8.875V13.25", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })));
     }
 };
 FeedbackIcon.style = iconCss$1;
@@ -129,11 +129,11 @@ const InputColorPicker = class {
         }
     }
     render() {
-        return (h("div", { key: '4b096fb280524883192fca6ac1a1c6b5b99c8a3b', class: "color-picker-container", part: "icp_color-picker", tabindex: "0", onKeyDown: e => this.handleKeyDown(e) }, h("input", { key: '76b8a2488eff84c9098f38eb024f8ad73686ad89', type: "color", ref: el => (this.inputRef = el), id: this.name, name: this.name, value: this.selectedColor, tabindex: "-1", onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), onInput: e => this.handleInput(e), onChange: e => this.handleChange(e), onKeyDown: e => this.handleKeyDown(e) }), h("label", { key: 'e7d72339ae088211580e27cca9706df41bdf39b1', part: "icp_color-picker-button", htmlFor: this.name, class: { labelBtn: true, open: this.isOpen, error: !!this.errorMessage }, "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.name }, h("span", { key: '4d94a10ee82e0b9d7a66db5101f5680ada1974ea', class: "selected-option", part: "icp_color-picker-button-selected-label", "data-lang": this.currentLanguage }, this.selectedColor || instance.t('nylasPageStyling.selectAColor')), h("span", { key: '117d51a0d01b21037203f69fd3b8024d83183cc0', class: {
+        return (h("div", { key: 'e993ca8360d8902f62d8e1bbd8753ccb07453098', class: "color-picker-container", part: "icp_color-picker", tabindex: "0", onKeyDown: e => this.handleKeyDown(e) }, h("input", { key: '45d4a6b18f0335a3931610e20b95f7fc42a4fb36', type: "color", ref: el => (this.inputRef = el), id: this.name, name: this.name, value: this.selectedColor, tabindex: "-1", onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), onInput: e => this.handleInput(e), onChange: e => this.handleChange(e), onKeyDown: e => this.handleKeyDown(e) }), h("label", { key: '589176bcd803a073136e86e88cb676d3cd5c9fcf', part: "icp_color-picker-button", htmlFor: this.name, class: { labelBtn: true, open: this.isOpen, error: !!this.errorMessage }, "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.name }, h("span", { key: '5d200d0444e032fefa85f26fcd5fb86c4c3ff6e3', class: "selected-option", part: "icp_color-picker-button-selected-label", "data-lang": this.currentLanguage }, this.selectedColor || instance.t('nylasPageStyling.selectAColor')), h("span", { key: '92c15366c58aecfb5e6807c35545372a6a923ba9', class: {
                 open: this.isOpen,
                 closed: !this.isOpen,
                 chevron: true,
-            }, "aria-hidden": "true" }, h("chevron-icon", { key: '06f142cddd9cc8d4db0cefdf185e1f72c3860c72', width: "16", height: "16" })), this.errorMessage && h("span", { key: '1a212662e0f4aa862183556f7c2457ed19023755', class: "error help-text" }, this.errorMessage))));
+            }, "aria-hidden": "true" }, h("chevron-icon", { key: '4ca361b477862f45962a8bbfd23ca2b8f7298364', width: "16", height: "16" })), this.errorMessage && h("span", { key: 'bc155d1ea1bdd097c1e10fd6565c7bad7a1de0b4', class: "error help-text" }, this.errorMessage))));
     }
     get el() { return getElement(this); }
 };
@@ -911,7 +911,7 @@ const NylasEventDescription = class {
         this.updateEventDescription(description);
     }
     render() {
-        return (h(Host, { key: '53d3cacafda04b14b7189df270d7fbcecb62725c' }, h("div", { key: '22865cbf68472aca10e158564e7e95f337281a8a', class: "nylas-event-description", part: "nedesc" }, h("label", { key: '5a449e4b1fedb09a1f5135ffd718e555ab084d7e', htmlFor: "description" }, h("p", { key: '18b802e88912341fdc1f0a1093f7fea7277889c4' }, instance.t('nylasEventDescription.headerTitle'), h("span", { key: '401f2d8936bc7cacb2d6ccd9a559c716ea127162', class: "label-icon" }, h("tooltip-component", { key: 'de7c05ceb209aa156b6f5db5a90cd324f3ddeb35' }, h("info-icon", { key: '44cde9c411e3e4769d5ed98513b41bf01034dcfb', slot: "tooltip-icon" }), h("span", { key: '96e57015a7911d4f966a0c6c1a682f77f3a43250', slot: "tooltip-content" }, instance.t('nylasEventDescription.tooltip.desc')))))), h("div", { key: '88c3c5822a09ac43ea965dcb8c24e35dcc2baed9', id: "event-description", class: { 'event-description': true }, part: "nedesc__textarea", contentEditable: "true", onInput: e => this.handleChange(e), onKeyDown: event => this.handleInputKeyDown(event), ref: el => (this.descriptionRef = el) }), !this.noTemplates && this.showTokens && this.filteredTokens?.length > 0 && (h("div", { key: '68c129489ba73fee92a2496faceeb2d8e4c0bb35', class: "token-options", part: "nedesc__dropdown-content" }, h("ul", { key: '28459161c996973c962f8bce4bd95334de7e59fa', tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map(option => (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))))))), !this.noTemplates && (h("span", { key: '19f781775b3882f3acb9857450403e757d29fbe6', class: "help-text" }, instance.t('nylasEventTitle.helpText', { context: 'start', field: instance.t('nylasEventTitle.description') }), " ", h("code", { key: 'e403e6e6a5342c21cc71a14280a75158978e4fde' }, "$"), ' ', instance.t('nylasEventTitle.helpText', { context: 'end' }), h("span", { key: 'a3810fd7dda4abcf86c5b0114361f964373bbad9', class: "label-icon" }, h("tooltip-component", { key: 'e238c192ebb2aab79ae87c17a7368411968ecc6a' }, h("info-icon", { key: '6ad059d3ac7ba0f30464329d0d29193ce42df9de', slot: "tooltip-icon", width: "13", height: "13" }), h("span", { key: 'd7a1786234dac338d11298ee90dea5f7eeabc661', slot: "tooltip-content" }, instance.t('nylasEventTitle.tooltip.desc'), " ", h("code", { key: '2f18fade22e39d1788c6b1d1ff6b17e501b4079c' }, '${invitee}')))))), !this.noTemplates && !this.hideAutoPopulateButton && (h("span", { key: '2d0c2c8c93c89f2674203a22534607ad4761b0fb', class: "add-additional-fields" }, h("button-component", { key: '6c17ca47b82203dfc3c909775f88e3f842bbc9ca', variant: "basic", onClick: () => this.handleAddAdditionalFields() }, instance.t('nylasEventDescription.addAdditionalFields.buttonText')), h("span", { key: '714a04b438d6cc3f782eac1b0479089ee16bb47f', class: "label-icon" }, h("tooltip-component", { key: '62fc5c38ba24009ba43f0f7c0cfecef899fc096c' }, h("info-icon", { key: 'd838d269ade9dcb389333d6b3503165b6decfa4f', slot: "tooltip-icon" }), h("span", { key: 'a8c77933b5c0599c9f2a965e39b32be6df0dd71c', slot: "tooltip-content" }, instance.t('nylasEventDescription.addAdditionalFields.tooltip.desc'), " ", h("code", { key: 'b06403678e958e577785ca6bb63036343277ef55' }, '${invitee}')))))))));
+        return (h(Host, { key: 'e3598f604a090bb8d1a4984ef1ada2a682a10f37' }, h("div", { key: 'a760983a1008c6ea73be4ea65c097072dd722438', class: "nylas-event-description", part: "nedesc" }, h("label", { key: '3e8ce4ddab01fad453aec5164ceb77191d5ce9b1', htmlFor: "description" }, h("p", { key: 'f5f8e3fde9b686a06f9a5a42c8f597a9800eaa74' }, instance.t('nylasEventDescription.headerTitle'), h("span", { key: '4bcb91df18c6c2504920b8d37cf9937fef242b81', class: "label-icon" }, h("tooltip-component", { key: 'bef0bad12fcde05238a47d1ea38657d740a84331' }, h("info-icon", { key: 'fe1c48ad88e73e3919ba2f5676bf16b8b623cddc', slot: "tooltip-icon" }), h("span", { key: '354cc59ab1600cf58e4c029c4ac0a9739e0fa3f1', slot: "tooltip-content" }, instance.t('nylasEventDescription.tooltip.desc')))))), h("div", { key: 'b54821fe64d4ee1f85a388c5b0d650d13e1cea95', id: "event-description", class: { 'event-description': true }, part: "nedesc__textarea", contentEditable: "true", onInput: e => this.handleChange(e), onKeyDown: event => this.handleInputKeyDown(event), ref: el => (this.descriptionRef = el) }), !this.noTemplates && this.showTokens && this.filteredTokens?.length > 0 && (h("div", { key: '12c6f7905abbb45b45795bb294afdc130b685138', class: "token-options", part: "nedesc__dropdown-content" }, h("ul", { key: 'cb1393cf58df7828a4a742981fc5ddec0b7dd397', tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map(option => (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))))))), !this.noTemplates && (h("span", { key: 'b40c9ada1fab7579326785e7a81bcb67afc5d4cb', class: "help-text" }, instance.t('nylasEventTitle.helpText', { context: 'start', field: instance.t('nylasEventTitle.description') }), " ", h("code", { key: '4cf8999b92acb32394faf17229ec48899b708533' }, "$"), ' ', instance.t('nylasEventTitle.helpText', { context: 'end' }), h("span", { key: '4b4a90f4734fbb288de4276bd2def9108b490067', class: "label-icon" }, h("tooltip-component", { key: 'fc2d5c490c4e53d92914e5a7a650a12d9749bb10' }, h("info-icon", { key: '14fdf28fd657238446059d77ba82e291a6dc48b5', slot: "tooltip-icon", width: "13", height: "13" }), h("span", { key: '6bb52c46e98f2a9bd5f7b2f706e78913dfd32c4a', slot: "tooltip-content" }, instance.t('nylasEventTitle.tooltip.desc'), " ", h("code", { key: 'b585770302a7191aa5ebaf64269f3d7de7c1ce51' }, '${invitee}')))))), !this.noTemplates && !this.hideAutoPopulateButton && (h("span", { key: '2bbcd9b7bf099bd029e8ef1c41e27f76ec1426d4', class: "add-additional-fields" }, h("button-component", { key: '8d2a5579d97d9f3f1c4fd1887d3a7df33f7f5767', variant: "basic", onClick: () => this.handleAddAdditionalFields() }, instance.t('nylasEventDescription.addAdditionalFields.buttonText')), h("span", { key: '1f573244153b49d03ca95231570d56cbbb157a90', class: "label-icon" }, h("tooltip-component", { key: '3c2402db0d1ba99ee1c836db414c0b0bddf15758' }, h("info-icon", { key: 'c1e4df0eb9ab6e95a1752c8fa261bace86039096', slot: "tooltip-icon" }), h("span", { key: '684227b2431336294a19cdfa689ef4e19d2d2349', slot: "tooltip-content" }, instance.t('nylasEventDescription.addAdditionalFields.tooltip.desc'), " ", h("code", { key: '1d0d6f257c80ab2632d04f2441dd5b77d3daf376' }, '${invitee}')))))))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
@@ -1003,7 +1003,7 @@ const NylasEventInfo = class {
         debug('nylas-event-info', 'disconnectedCallback');
     }
     render() {
-        return (h(Host, { key: 'e254da38ec38ce5f256fa7b4901f47dcde156e10' }, h("nylas-form-card", { key: '43465d32e381d901a11c4992b6aacdd862116473', exportparts: "nfc__header: nei__header" }, h("h1", { key: '0cfc5b552aa6d5b25c7fd1466fbba33ac1f86cae', slot: "header-title", class: "nylas-event-info__title", part: "nei__title" }, instance.t('nylasEventInfo.headerTitle')), h("div", { key: '0c785166ed9b6ff3df251f9f35f3731784d4bddb', slot: "content", class: "nylas-event-info__content" }, h("slot", { key: '68c82a8172a99732463f1c17f167a3ece1e43544', name: "inputs" })))));
+        return (h(Host, { key: 'e18ac9ba87140a5f3191a6766327800392862042' }, h("nylas-form-card", { key: '4608bbb5b5cad839e9812590a2d9028ab14f6106', exportparts: "nfc__header: nei__header" }, h("h1", { key: '7eea982afc884d6b9d85de71a492027f58ae1ac2', slot: "header-title", class: "nylas-event-info__title", part: "nei__title" }, instance.t('nylasEventInfo.headerTitle')), h("div", { key: 'a74e62978c3f288ad0c1c1c22d3e20b585ae4a92', slot: "content", class: "nylas-event-info__content" }, h("slot", { key: 'f5a4ff0c1f2722a98162fe51e3cab7c694422ec5', name: "inputs" })))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -1303,7 +1303,7 @@ const NylasEventLocation = class {
     }
     render() {
         const defaultOption = typeof this.selectedLocationOption !== 'undefined' ? this.locationOptions.find(i => i.value == this.selectedLocationOption) : null;
-        return (h(Host, { key: '35c9bd6c955afe5a03b828b14fb204871dac312a' }, h("div", { key: 'afb93e5fe3b9c1ba72a3925ac3c27aebb197a009', class: "nylas-event-location", part: "nel" }, h("label", { key: 'da19dbd14a7eae608d326733408070577d7d28fa', htmlFor: "location" }, instance.t('nylasEventLocation.headerTitle'), h("span", { key: 'c5ac7d2219c2137ad55a0cbf002df402240b7ad7', class: "label-icon" }, h("tooltip-component", { key: '055844775fe2e4206b73502d23ff30a55d20032b' }, h("info-icon", { key: '45c3ca68f9a6c4a0e039cfdb3fe1bff02edcbfa1', slot: "tooltip-icon" }), h("span", { key: 'c17a921e395aa1c7c64d8b472ae24229731bce36', slot: "tooltip-content" }, instance.t('nylasEventLocation.tooltip.desc'))))), h("div", { key: '20d9f0408959e668b3cdb4b309ea44b71d6a27ae', class: "location-input" }, h("select-dropdown", { key: '761df784b8e0f04609f7af7980cc9f4159681b13', withSearch: false, name: "location", options: this.locationOptions, defaultSelectedOption: defaultOption, themeConfig: this.themeConfig, exportparts: "sd_dropdown: nel__dropdown, sd_dropdown-button: nel__dropdown-button, sd_dropdown-content: nel__dropdown-content" }, h("span", { key: '4508feb415f7cf4ef094411272175f401a482237', slot: "select-icon" }, this.getIcon(this.selectedLocationOption))), this.selectedLocationOption === 'custom' && (h("input", { key: '35407f43420ea0a1fad4a4f995d193f148530330', type: "text", part: "nel__location", id: "location", name: "location", maxlength: "1024", value: this.location, onInput: e => this.handleChange(e) }))))));
+        return (h(Host, { key: '4d0cdc64ec55b3c900ae2020f026dd04c9c25e0c' }, h("div", { key: '5fb806f45692bf4d82ebccf3396efee439729482', class: "nylas-event-location", part: "nel" }, h("label", { key: '74b2e181d4120341874045b629318e7ad28d5c80', htmlFor: "location" }, instance.t('nylasEventLocation.headerTitle'), h("span", { key: '2372947d2f8cf32605695cfb9417ccd81dc9b3de', class: "label-icon" }, h("tooltip-component", { key: '6b3188556da24abcd396c240d0c379f2557bb47d' }, h("info-icon", { key: '2f14ff7a7824af45b2d30296cd2ce5551112b0f1', slot: "tooltip-icon" }), h("span", { key: '9f6ab5891c6f55d4506045a24232810e327e76f9', slot: "tooltip-content" }, instance.t('nylasEventLocation.tooltip.desc'))))), h("div", { key: '170af48f5d4dbf645ddaefd605bf41a1c27d8724', class: "location-input" }, h("select-dropdown", { key: 'da0f478c48935753e0152a02340075393733f96e', withSearch: false, name: "location", options: this.locationOptions, defaultSelectedOption: defaultOption, themeConfig: this.themeConfig, exportparts: "sd_dropdown: nel__dropdown, sd_dropdown-button: nel__dropdown-button, sd_dropdown-content: nel__dropdown-content" }, h("span", { key: '06add5d0269758701c41c7329978ef815efb0439', slot: "select-icon" }, this.getIcon(this.selectedLocationOption))), this.selectedLocationOption === 'custom' && (h("input", { key: '4fdb454eaee49336451c1c6298b1ed31ce154139', 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 getElement(this); }
@@ -1747,10 +1747,10 @@ const NylasEventTitle = class {
         return (h("div", { class: "token-label" }, h("span", { class: "token" }, token.token), h("span", { class: "description" }, token.description)));
     }
     render() {
-        return (h(Host, { key: '3604606cc0de1d29de92fd21d2b560d3ca392572' }, h("div", { key: '9f1ecaa4adcb1f911d5f2801cabde787d260e980', class: "nylas-event-title", part: "net" }, h("label", { key: '45279a83fb0e167d26c9d05ff6aa67b833baee05', htmlFor: "title" }, h("p", { key: 'a7735d4b980b402f627d7ec62fb6943cc8f91dd6' }, instance.t('nylasEventTitle.headerTitle'), h("span", { key: '8fd19ca367d1cb6bcd6eb7411833974f324cb6da', class: "required" }, "*"))), h("div", { key: '74d707a90fe47424b00174845b0c3dc23b17e6aa', class: {
+        return (h(Host, { key: '6e7ffaadfa1def8d7423822aef67c94eb2d2c1ba' }, h("div", { key: '7e9e9a8b14b88c8ed5e8949f97c7631eb121c4de', class: "nylas-event-title", part: "net" }, h("label", { key: '4f219dc1b6aa2ff906e4f3996f61e74884757550', htmlFor: "title" }, h("p", { key: 'e3ee526042c6cd79f486a92f8eed24cb40862d0c' }, instance.t('nylasEventTitle.headerTitle'), h("span", { key: 'd12ba8d617a94ecf6ad5a01acae6392c8a3728ad', class: "required" }, "*"))), h("div", { key: 'a49c6b2c1f85257073bc60864c8b81a0638a688a', 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.noTemplates && this.showTokens && this.filteredTokens?.length > 0 && (h("div", { key: '16b297a4298867ea952cf43cbe8d20ce7f4c1538', class: "token-options", part: "net__dropdown-content" }, h("ul", { key: 'e30fbd7643d315ad8ef53bc54baa3cfdfbf763d4', tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map(option => (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))))))), !this.noTemplates && (h("span", { key: '868b0cc3391b0958dc09a65ef113be0143706c35', class: "help-text" }, instance.t('nylasEventTitle.helpText', { context: 'start', field: instance.t('nylasEventTitle.title') }), " ", h("code", { key: '9f3f2e79e5b261d49bd1325fdac2afa99bc3789f' }, "$"), ' ', instance.t('nylasEventTitle.helpText', { context: 'end' }), h("span", { key: 'e1a39fcf4b862e2c4b4770d1b04442305ebe4cc6', class: "label-icon" }, h("tooltip-component", { key: '8917b60d4abb8b100cd2d857b3964fafcb7ad69c' }, h("info-icon", { key: '7afc14c64e8c00cb08fa5fd22f740508911cd9b5', slot: "tooltip-icon" }), h("span", { key: 'fa4e054a1d58831030e6f0c9278e106506e60f7e', slot: "tooltip-content" }, instance.t('nylasEventTitle.tooltip.desc'), " ", h("code", { key: '26f4a35890c68b0bcd8c5ba7446932e1f3a579a9' }, '${invitee}')))))), this.validationError != '' && h("span", { key: '215db5fa24c611e66f343ef24e364ea4cd2466b7', class: "error-message" }, instance.t(`nylasEventTitle.${this.validationError}`)))));
+            }, part: "net__title", ref: el => (this.titleRef = el), contentEditable: "true", onInput: e => this.handleChange(e), onKeyDown: event => this.handleInputKeyDown(event) }), !this.noTemplates && this.showTokens && this.filteredTokens?.length > 0 && (h("div", { key: 'd3dad64cba55c2327c394032ca38b65aba0b6183', class: "token-options", part: "net__dropdown-content" }, h("ul", { key: 'e2af4843146ead015b756916060e3073ecab3eb6', tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map(option => (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))))))), !this.noTemplates && (h("span", { key: 'c34059f4c36b587def8a418c2d785a98306bb672', class: "help-text" }, instance.t('nylasEventTitle.helpText', { context: 'start', field: instance.t('nylasEventTitle.title') }), " ", h("code", { key: '416a9ad6f66b9f09cd8303f100428057995e8061' }, "$"), ' ', instance.t('nylasEventTitle.helpText', { context: 'end' }), h("span", { key: '5e0d5ffe6f4de344c20d22a0175c6d1ad3655d4b', class: "label-icon" }, h("tooltip-component", { key: '9085d8d75d06eed40619cde3be6add7993886d76' }, h("info-icon", { key: '651fe403c1b931e44bdfd77e3df34a3c2beb50d2', slot: "tooltip-icon" }), h("span", { key: '9daa69f74e788bbbf007fd1e56737618b67e90db', slot: "tooltip-content" }, instance.t('nylasEventTitle.tooltip.desc'), " ", h("code", { key: 'b83173b5f2acda12c7453162aa10b8dbe32e2fc0' }, '${invitee}')))))), this.validationError != '' && h("span", { key: '065bd5e98aab3d84d631660775dc8957cea196bf', class: "error-message" }, instance.t(`nylasEventTitle.${this.validationError}`)))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
@@ -1848,9 +1848,9 @@ const NylasFeedbackForm = class {
         this.feedbackModalClosed.emit();
     }
     render() {
-        return (h(Host, { key: 'dd8583c0ff54efe7e2a560ae93d499d4bf6f2ff1', part: "nfbf" }, h("div", { key: '90fea0a4b8670345075efb3c20f08497c7d58b10', class: "card-wrapper", part: "nfbfc__card" }, h("div", { key: '4229209b5c3f703d9bd54760df7a0cb3c61115a5', class: "close-button" }, h("button-component", { key: '0c18bfb08ae7655d29ada898e70a9f0074029924', tooltip: "Close", id: "close", variant: 'invisible', onClick: e => this.closeModal(e), part: "nfbf__close-button" }, h("close-icon", { key: '2b7f378449fd6d021b1f553b90c67b56a16849c5' }))), h("div", { key: 'fbbad7a34a8d5c8aa7968686c99a8903c962d749', class: "header" }, h("h2", { key: '1f5ea51f53a0d552a52132e8b7d50c31bf05abc9', slot: "card-title", part: "nfbf__title" }, instance.t('feedbackFormTitle'))), h("div", { key: '4b181480d2f5d956dafc4a98d6b6160d8c5f8b14', class: "description title-desc" }, h("p", { key: 'daca2ee189bab0951136385375ac8238c3889803' }, instance.t('feedbackFormDescription'))), h("textarea-component", { key: '69e5628b84312e4845f400878fcc4e35f436115e', label: instance.t('feedbackMessageLabel'), required: true, maxLength: 500, part: "nfbf__description", name: "feedback", placeholder: instance.t('feedbackMessagePlaceholder') }), h("div", { key: 'ae58150777756daaf26d08c6a21febea777ca07a', class: 'description footer-desc' }, h("p", { key: 'a490962defbd31973e69eb791160e9064f6c8326' }, "By sending this report, you agree to Nylas\u2019 access to the data necessary to respond to this issue, subject to Nylas\u2019", ' ', h("a", { key: 'c7235f21e6301f5489d362aa50bef6d46bf8c256', href: "https://www.nylas.com/privacy-policy/", target: "_blank", rel: "nofollow noreferrer noopener" }, "Privacy Policy"), ".")), h("div", { key: '11557b6f4a548c2afaedc501772a2edf6e08f4c5', class: {
+        return (h(Host, { key: 'c3dd9a0f6223fe10365bd7334fe634c0bf9f5807', part: "nfbf" }, h("div", { key: '4646bcee220a54268b6c4a18bd15a3e722fe4c70', class: "card-wrapper", part: "nfbfc__card" }, h("div", { key: '6c173002e6dbd9e97c7b715cabb84e2321ad8aa2', class: "close-button" }, h("button-component", { key: 'f243ada2de7e676ac06aebfe4ada62eed8ffb886', tooltip: "Close", id: "close", variant: 'invisible', onClick: e => this.closeModal(e), part: "nfbf__close-button" }, h("close-icon", { key: 'edd31b66886b0ee4d228ae441755e77a735ae387' }))), h("div", { key: '7c9b0cbd53961719a940af6575d40b3748597d83', class: "header" }, h("h2", { key: 'abf7078ff09062a2c912e328471e36db0e0a1b2a', slot: "card-title", part: "nfbf__title" }, instance.t('feedbackFormTitle'))), h("div", { key: 'eae5def26a765864c0d700d0c5c3e895c94f2c98', class: "description title-desc" }, h("p", { key: '8ede3f51eecf463175a7fe740ccbf267c44babdb' }, instance.t('feedbackFormDescription'))), h("textarea-component", { key: '5faec68d4f833e8bcfb450b9c2cf2248f8d61586', label: instance.t('feedbackMessageLabel'), required: true, maxLength: 500, part: "nfbf__description", name: "feedback", placeholder: instance.t('feedbackMessagePlaceholder') }), h("div", { key: '364f24cd5fcffff82d1ee8b32c3df84ed9a696ac', class: 'description footer-desc' }, h("p", { key: '76a6aacaf8a7dcd5e0dae825b6441b6c572aef7e' }, "By sending this report, you agree to Nylas\u2019 access to the data necessary to respond to this issue, subject to Nylas\u2019", ' ', h("a", { key: '411e0c21ce0f23d6dfa00c5395a92f87abf92c5c', href: "https://www.nylas.com/privacy-policy/", target: "_blank", rel: "nofollow noreferrer noopener" }, "Privacy Policy"), ".")), h("div", { key: '774083e845d283f030015293e36e5ad049c8d723', class: {
                 footer: true,
-            } }, h("button-component", { key: '11779b6aa43a5430e9a55c3cc48e5cfc8a026ccf', variant: 'invisible', onClick: e => this.closeModal(e), part: "nfbf__button-outline nfbf__cancel-cta" }, `${instance.t('feedbackModalCloseButton')}`), h("button-component", { key: 'd1a8f14239b7d72e6b25c80cdb055af953fd8b9a', variant: 'primary', onClick: this.handleConfirmBookingButtonClicked, part: "nfbf__button-outline nfbf__reschedule-cta" }, `${instance.t('feedbackModalSubmitButton')}`)))));
+            } }, h("button-component", { key: 'e4791f3a41187a94a95f37f4206e037fcc5b412b', variant: 'invisible', onClick: e => this.closeModal(e), part: "nfbf__button-outline nfbf__cancel-cta" }, `${instance.t('feedbackModalCloseButton')}`), h("button-component", { key: 'cb69d3a398cbf6920022e14941778639e453a7c2', variant: 'primary', onClick: this.handleConfirmBookingButtonClicked, part: "nfbf__button-outline nfbf__reschedule-cta" }, `${instance.t('feedbackModalSubmitButton')}`)))));
     }
     get host() { return getElement(this); }
 };
@@ -2024,7 +2024,7 @@ const NylasReminderTime = class {
     }
     render() {
         const showTimePeriodSelector = typeof this.selectedNumber == 'number' && typeof this.selectedPeriod == 'string';
-        return (h(Host, { key: '385ed7c26be8961ea8a3a38136a935ed7eea94da' }, h("div", { key: '105c3fe6b87f82b5b3d4f19e9af0732cc6bfa00e', class: "nylas-reminder-time", part: "nrt" }, h("div", { key: 'f7ed0f2b641d31c8e19477c5a534295fb10d37ad', class: "nylas-reminder-time__wrapper" }, showTimePeriodSelector && (h("time-period-selector", { key: '9632d0a83fc484bf202ba6d9f1904c06aa8dc515', id: "limit-future-bookings", part: "nrt__time-period-selector", hasError: this.errorState, timePeriods: [
+        return (h(Host, { key: 'd6e32440ace7493b949e016a523424f087b13049' }, h("div", { key: '9c27eb0afaa476d868b7fa9834269d7039a78528', class: "nylas-reminder-time", part: "nrt" }, h("div", { key: '83a92c5349e35437ef14f97d2c6259e79cdb07d1', class: "nylas-reminder-time__wrapper" }, showTimePeriodSelector && (h("time-period-selector", { key: '482e685a65d976834578738fb6f5803fecbfa11e', id: "limit-future-bookings", part: "nrt__time-period-selector", hasError: this.errorState, timePeriods: [
                 { value: 'minute', label: instance.t('timeDuration', { context: 'minute' }) },
                 { value: 'hour', label: instance.t('timeDuration', { context: 'hour' }) },
                 { value: 'day', label: instance.t('timePeriod', { context: 'day' }) },
@@ -2064,7 +2064,7 @@ const TrashIcon = class {
         this.height = '21';
     }
     render() {
-        return (h("svg", { key: '968d758513738446ce03862a916f385a2c8d63fd', width: this.width, height: this.height, viewBox: "0 0 20 21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'fdc08f18f0b0df669431f58ab55c90f4a3742cc4', d: "M10 0.25C11.733 0.25 13.1492 1.60645 13.2449 3.31558L13.25 3.5H18.5C18.9142 3.5 19.25 3.83579 19.25 4.25C19.25 4.6297 18.9678 4.94349 18.6018 4.99315L18.5 5H17.704L16.4239 18.0192C16.2912 19.3683 15.1984 20.41 13.8626 20.4945L13.6871 20.5H6.31293C4.95734 20.5 3.81365 19.5145 3.59883 18.1934L3.57614 18.0192L2.295 5H1.5C1.1203 5 0.806509 4.71785 0.756847 4.35177L0.75 4.25C0.75 3.8703 1.03215 3.55651 1.39823 3.50685L1.5 3.5H6.75C6.75 1.70507 8.20507 0.25 10 0.25ZM16.197 5H3.802L5.06893 17.8724C5.12768 18.4696 5.60033 18.9343 6.18585 18.9936L6.31293 19H13.6871C14.2872 19 14.7959 18.5751 14.9123 17.9982L14.9311 17.8724L16.197 5ZM11.75 7.75C12.1297 7.75 12.4435 8.03215 12.4932 8.39823L12.5 8.5V15.5C12.5 15.9142 12.1642 16.25 11.75 16.25C11.3703 16.25 11.0565 15.9678 11.0068 15.6018L11 15.5V8.5C11 8.08579 11.3358 7.75 11.75 7.75ZM8.25 7.75C8.6297 7.75 8.94349 8.03215 8.99315 8.39823L9 8.5V15.5C9 15.9142 8.66421 16.25 8.25 16.25C7.8703 16.25 7.55651 15.9678 7.50685 15.6018L7.5 15.5V8.5C7.5 8.08579 7.83579 7.75 8.25 7.75ZM10 1.75C9.08183 1.75 8.32881 2.45711 8.2558 3.35647L8.25 3.5H11.75C11.75 2.5335 10.9665 1.75 10 1.75Z", fill: "currentColor" })));
+        return (h("svg", { key: '483ba2a5321bba27bfd71d88c40544149ea97d9a', width: this.width, height: this.height, viewBox: "0 0 20 21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '87a64fd83a51ae1827db20ad49f27f33ab90c7c6', d: "M10 0.25C11.733 0.25 13.1492 1.60645 13.2449 3.31558L13.25 3.5H18.5C18.9142 3.5 19.25 3.83579 19.25 4.25C19.25 4.6297 18.9678 4.94349 18.6018 4.99315L18.5 5H17.704L16.4239 18.0192C16.2912 19.3683 15.1984 20.41 13.8626 20.4945L13.6871 20.5H6.31293C4.95734 20.5 3.81365 19.5145 3.59883 18.1934L3.57614 18.0192L2.295 5H1.5C1.1203 5 0.806509 4.71785 0.756847 4.35177L0.75 4.25C0.75 3.8703 1.03215 3.55651 1.39823 3.50685L1.5 3.5H6.75C6.75 1.70507 8.20507 0.25 10 0.25ZM16.197 5H3.802L5.06893 17.8724C5.12768 18.4696 5.60033 18.9343 6.18585 18.9936L6.31293 19H13.6871C14.2872 19 14.7959 18.5751 14.9123 17.9982L14.9311 17.8724L16.197 5ZM11.75 7.75C12.1297 7.75 12.4435 8.03215 12.4932 8.39823L12.5 8.5V15.5C12.5 15.9142 12.1642 16.25 11.75 16.25C11.3703 16.25 11.0565 15.9678 11.0068 15.6018L11 15.5V8.5C11 8.08579 11.3358 7.75 11.75 7.75ZM8.25 7.75C8.6297 7.75 8.94349 8.03215 8.99315 8.39823L9 8.5V15.5C9 15.9142 8.66421 16.25 8.25 16.25C7.8703 16.25 7.55651 15.9678 7.50685 15.6018L7.5 15.5V8.5C7.5 8.08579 7.83579 7.75 8.25 7.75ZM10 1.75C9.08183 1.75 8.32881 2.45711 8.2558 3.35647L8.25 3.5H11.75C11.75 2.5335 10.9665 1.75 10 1.75Z", fill: "currentColor" })));
     }
 };
 TrashIcon.style = iconCss;

package/dist/esm/chevron-icon_3.entry.js

@@ -9,7 +9,7 @@ const ChevronIcon = class {
         this.height = '24';
     }
     render() {
-        return (h("svg", { key: 'ff07ad8b217648f2a3c41a5fc8dff480e55b0d46', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '8b529f17c2133dbd629b436d1b58933ddaebd60a', 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 (h("svg", { key: '75bde8c20b3ebd18ffa3659147440c3dd4ee9748', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, h("path", { key: 'e2f3df6d2db891845d97294a55924bb21c91716b', 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$1;
@@ -23,7 +23,7 @@ const SearchIcon = class {
         this.height = '15';
     }
     render() {
-        return (h("svg", { key: 'b000c11814b852bad8c6cc7587ddf7faa4fe7aab', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2b955ec083c02a05895167396ab1e373234e17af', 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 (h("svg", { key: 'a86ab3a1716e6e2f9cd56c5b0dad280646b84c77', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'b9113ccb8d9649a182ce1af9de2659c40eb52c27', 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 = iconCss;
@@ -238,11 +238,11 @@ const SelectDropdown = class {
     }
     render() {
         const buttonText = this.generateButtonText(this.selectedOption, this.dropdownButtonText);
-        return (h("div", { key: '4170e7e434aab1c475f71321a491af7aaf7dfa3f', class: "dropdown", part: "sd_dropdown" }, h("label", { key: '52383728e0c4b7110468f087f6611b0949193b0c', part: "sd_dropdown_label", class: { error: !!this.error } }, this.label && (h("p", { key: 'acd17dc97d25bcf6d1fedd2a41e22c2f0387d698' }, h("span", { key: '95deadc9b2fa5b228aecedf5228253acf7c26f68', class: "label" }, this.label), this.required && h("span", { key: '6bc582f2f27e4eb882ab83c65e28ce2f9c4f0c35', class: "required" }, "*"))), h("button", { key: 'e5312a988b2249327771e1f909945c9dfe972e43', part: "sd_dropdown-button", class: { dropbtn: true, open: this.isOpen, error: !!this.error }, onClick: () => this.toggleDropdown(), disabled: this.readOnly, "aria-haspopup": "listbox", title: this.readOnly ? 'read-only field' : buttonText, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.name, onKeyDown: e => this.handleSelectButtonKeyDown(e) }, h("slot", { key: 'fdeec054aeed485f92c47eed1fccaee493cd3ad1', name: "select-icon", "aria-hidden": "true" }), h("span", { key: '1e4a3a45f952d1504c25638b51bab2c6785cb870', class: "selected-option", part: "sd_dropdown-button-selected-label" }, buttonText), this.withChevron && (h("span", { key: '1fb55d995640262e24b3466ebfab75c5f14a44f2', class: {
+        return (h("div", { key: '6c5cb78b59c3789456bcfac00721955310eaf75f', class: "dropdown", part: "sd_dropdown" }, h("label", { key: '8b0682806ea69f269d66ea9f4588b34880e44d9f', part: "sd_dropdown_label", class: { error: !!this.error } }, this.label && (h("p", { key: 'fef9aa64a13ca135afa919c25ad769f2b579d23e' }, h("span", { key: '80063a8618b491a6e4d8eee296dc0f43480885e4', class: "label" }, this.label), this.required && h("span", { key: 'bb95ef82f4a96e8e628ccff429aa88ef6409bedf', class: "required" }, "*"))), h("button", { key: '0db2d106eb6bee17c11739a4701678e7e95c68da', part: "sd_dropdown-button", class: { dropbtn: true, open: this.isOpen, error: !!this.error }, onClick: () => this.toggleDropdown(), disabled: this.readOnly, "aria-haspopup": "listbox", title: this.readOnly ? 'read-only field' : buttonText, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.name, onKeyDown: e => this.handleSelectButtonKeyDown(e) }, h("slot", { key: '9948ed4af4c57d39ff7053162c9b4772bac6bb26', name: "select-icon", "aria-hidden": "true" }), h("span", { key: '457ab155450fd878947ffb97738e49c45d44da11', class: "selected-option", part: "sd_dropdown-button-selected-label" }, buttonText), this.withChevron && (h("span", { key: '2fb235ee2229fe8421522be693842dd105987db5', class: {
                 open: this.isOpen,
                 closed: !this.isOpen,
                 chevron: true,
-            }, "aria-hidden": "true" }, h("chevron-icon", { key: '7634b5110dfa9cb30d2cf08697d5e97be9187bd2', width: "16", height: "16" })))), this.error && h("span", { key: '616f39cb394df4ce568353753c9a962f5ed06efa', class: "error help-text" }, this.error)), this.isOpen ? (h("div", { class: "dropdown-content", part: "sd_dropdown-content" }, this.withSearch && (h("div", { class: { 'search-box': true, 'open': this.isOpen } }, h("search-icon", { width: "15", height: "15", class: 'icon' }), h("input", { type: "text", role: "combobox", placeholder: this.searchPlaceholder, value: this.searchValue, ref: el => (this.inputRef = el), onInput: event => this.filterOptions(event), onKeyDown: e => this.handleComboboxKeyDown(e) }))), 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.toString() ? (h("li", { tabindex: "0", key: option.value, id: option.value, part: `${this.name}-${option.label}`, onClick: () => this.selectOption(option), role: "option" }, option.labelHTML ? h("div", { part: "sd_dropdown-labelhtml" }, option.labelHTML) : option.label)) : null)))) : null));
+            }, "aria-hidden": "true" }, h("chevron-icon", { key: 'e83c14dcb088ee96d0b57435b0ab053f7fe9fb75', width: "16", height: "16" })))), this.error && h("span", { key: 'eee3c08aa45634ba339a08ad188120872af30cb6', class: "error help-text" }, this.error)), this.isOpen ? (h("div", { class: "dropdown-content", part: "sd_dropdown-content" }, this.withSearch && (h("div", { class: { 'search-box': true, 'open': this.isOpen } }, h("search-icon", { width: "15", height: "15", class: 'icon' }), h("input", { type: "text", role: "combobox", placeholder: this.searchPlaceholder, value: this.searchValue, ref: el => (this.inputRef = el), onInput: event => this.filterOptions(event), onKeyDown: e => this.handleComboboxKeyDown(e) }))), 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.toString() ? (h("li", { tabindex: "0", key: option.value, id: option.value, part: `${this.name}-${option.label}`, onClick: () => this.selectOption(option), role: "option" }, option.labelHTML ? h("div", { part: "sd_dropdown-labelhtml" }, option.labelHTML) : option.label)) : null)))) : null));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/clock-icon_2.entry.js

@@ -9,7 +9,7 @@ const ClockIcon = class {
         this.height = '16';
     }
     render() {
-        return (h("svg", { key: '15b8f78896c179974579b858dbcf9dd1f74590ab', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '312354ec833f3dd15e3cc7c191e19bb3fb2908fc', d: "M8 0.5C12.1421 0.5 15.5 3.85786 15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5ZM8 1.4375C4.37563 1.4375 1.4375 4.37563 1.4375 8C1.4375 11.6244 4.37563 14.5625 8 14.5625C11.6244 14.5625 14.5625 11.6244 14.5625 8C14.5625 4.37563 11.6244 1.4375 8 1.4375ZM7.53125 3.3125C7.76137 3.3125 7.95276 3.47832 7.99245 3.69699L8 3.78125V8H10.3438C10.6026 8 10.8125 8.20987 10.8125 8.46875C10.8125 8.69887 10.6467 8.89026 10.428 8.92995L10.3438 8.9375H7.53125C7.30113 8.9375 7.10974 8.77168 7.07005 8.55301L7.0625 8.46875V3.78125C7.0625 3.52237 7.27237 3.3125 7.53125 3.3125Z", fill: "currentColor" })));
+        return (h("svg", { key: 'ed806eb36d04b6508d84a0e325254fee1c17f73b', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f46bc16e63027613356ded8cc8c7a5b09f39e115', d: "M8 0.5C12.1421 0.5 15.5 3.85786 15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5ZM8 1.4375C4.37563 1.4375 1.4375 4.37563 1.4375 8C1.4375 11.6244 4.37563 14.5625 8 14.5625C11.6244 14.5625 14.5625 11.6244 14.5625 8C14.5625 4.37563 11.6244 1.4375 8 1.4375ZM7.53125 3.3125C7.76137 3.3125 7.95276 3.47832 7.99245 3.69699L8 3.78125V8H10.3438C10.6026 8 10.8125 8.20987 10.8125 8.46875C10.8125 8.69887 10.6467 8.89026 10.428 8.92995L10.3438 8.9375H7.53125C7.30113 8.9375 7.10974 8.77168 7.07005 8.55301L7.0625 8.46875V3.78125C7.0625 3.52237 7.27237 3.3125 7.53125 3.3125Z", fill: "currentColor" })));
     }
 };
 ClockIcon.style = iconCss$1;
@@ -23,7 +23,7 @@ const EditIcon = class {
         this.height = '16';
     }
     render() {
-        return (h("svg", { key: 'e01d4dfb83d470eff40bdbbee6528cb5ec97384f', width: this.width, height: this.height, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '704684636a9bfd834519a0ef36dbe0bf4bf67c78', d: "M11.245 0.817394C12.3318 -0.269413 14.0938 -0.269413 15.1806 0.817394C16.2222 1.85892 16.2656 3.5206 15.3108 4.6138L15.1806 4.75307L5.57482 14.3589C5.36973 14.564 5.12299 14.7215 4.85212 14.8213L4.68684 14.8742L0.631867 15.9801C0.285278 16.0746 -0.0347856 15.7861 0.00276241 15.4455L0.0179263 15.3662L1.12383 11.3112C1.20014 11.0314 1.33621 10.7722 1.52188 10.5511L1.63914 10.4232L11.245 0.817394ZM10.3848 3.09229L2.34625 11.1303C2.25396 11.2226 2.18093 11.3318 2.13086 11.4514L2.08859 11.5743L1.21196 14.785L4.42372 13.9094C4.50767 13.8865 4.5879 13.8529 4.66253 13.8096L4.77003 13.7375L4.86771 13.6518L12.9058 5.61329L10.3848 3.09229ZM14.4735 1.5245C13.8159 0.8669 12.7725 0.830367 12.072 1.4149L11.9521 1.5245L11.0918 2.38529L13.6128 4.90629L14.4735 4.04596C15.1311 3.38836 15.1677 2.34488 14.5831 1.64441L14.4735 1.5245Z", fill: "currentColor" })));
+        return (h("svg", { key: '2ade7adc96f80038842f5ce3edc97f39262bba43', width: this.width, height: this.height, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '87be2484f558ca77eeecb43f1f448708bf7de57f', d: "M11.245 0.817394C12.3318 -0.269413 14.0938 -0.269413 15.1806 0.817394C16.2222 1.85892 16.2656 3.5206 15.3108 4.6138L15.1806 4.75307L5.57482 14.3589C5.36973 14.564 5.12299 14.7215 4.85212 14.8213L4.68684 14.8742L0.631867 15.9801C0.285278 16.0746 -0.0347856 15.7861 0.00276241 15.4455L0.0179263 15.3662L1.12383 11.3112C1.20014 11.0314 1.33621 10.7722 1.52188 10.5511L1.63914 10.4232L11.245 0.817394ZM10.3848 3.09229L2.34625 11.1303C2.25396 11.2226 2.18093 11.3318 2.13086 11.4514L2.08859 11.5743L1.21196 14.785L4.42372 13.9094C4.50767 13.8865 4.5879 13.8529 4.66253 13.8096L4.77003 13.7375L4.86771 13.6518L12.9058 5.61329L10.3848 3.09229ZM14.4735 1.5245C13.8159 0.8669 12.7725 0.830367 12.072 1.4149L11.9521 1.5245L11.0918 2.38529L13.6128 4.90629L14.4735 4.04596C15.1311 3.38836 15.1677 2.34488 14.5831 1.64441L14.4735 1.5245Z", fill: "currentColor" })));
     }
 };
 EditIcon.style = iconCss;

package/dist/esm/delete-icon.entry.js

@@ -9,7 +9,7 @@ const DeleteIcon = class {
         this.height = '17';
     }
     render() {
-        return (h("svg", { key: '4febe06e68e18ba739b0d5a8f9133fa180a049db', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'fce109e3e3029595f584d6cf588243464b1b8d35', d: "M9.5 2.75C9.5 1.92157 8.82843 1.25 8 1.25C7.17157 1.25 6.5 1.92157 6.5 2.75H5.5C5.5 1.36929 6.61929 0.25 8 0.25C9.38071 0.25 10.5 1.36929 10.5 2.75H15C15.2761 2.75 15.5 2.97386 15.5 3.25C15.5 3.52614 15.2761 3.75 15 3.75H14.446L13.1499 14.9792C13.0335 15.9884 12.179 16.75 11.1631 16.75H4.83688C3.821 16.75 2.9665 15.9884 2.85006 14.9792L1.553 3.75H1C0.75454 3.75 0.550392 3.57312 0.508056 3.33988L0.5 3.25C0.5 2.97386 0.723858 2.75 1 2.75H9.5ZM13.438 3.75H2.561L3.84347 14.8646C3.90169 15.3692 4.32894 15.75 4.83688 15.75H11.1631C11.6711 15.75 12.0983 15.3692 12.1565 14.8646L13.438 3.75ZM6.5 6.25C6.74546 6.25 6.94961 6.40477 6.99194 6.60886L7 6.6875V12.8125C7 13.0541 6.77614 13.25 6.5 13.25C6.25454 13.25 6.05039 13.0952 6.00806 12.8911L6 12.8125V6.6875C6 6.44588 6.22386 6.25 6.5 6.25ZM9.5 6.25C9.74546 6.25 9.94961 6.40477 9.99194 6.60886L10 6.6875V12.8125C10 13.0541 9.77614 13.25 9.5 13.25C9.25454 13.25 9.05039 13.0952 9.00806 12.8911L9 12.8125V6.6875C9 6.44588 9.22386 6.25 9.5 6.25Z", fill: "currentColor" })));
+        return (h("svg", { key: 'ac36958d3f767f82ae89b1a6bd8746182c33432c', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2e33a69d9b14281761ab4be5c258c81647876213', d: "M9.5 2.75C9.5 1.92157 8.82843 1.25 8 1.25C7.17157 1.25 6.5 1.92157 6.5 2.75H5.5C5.5 1.36929 6.61929 0.25 8 0.25C9.38071 0.25 10.5 1.36929 10.5 2.75H15C15.2761 2.75 15.5 2.97386 15.5 3.25C15.5 3.52614 15.2761 3.75 15 3.75H14.446L13.1499 14.9792C13.0335 15.9884 12.179 16.75 11.1631 16.75H4.83688C3.821 16.75 2.9665 15.9884 2.85006 14.9792L1.553 3.75H1C0.75454 3.75 0.550392 3.57312 0.508056 3.33988L0.5 3.25C0.5 2.97386 0.723858 2.75 1 2.75H9.5ZM13.438 3.75H2.561L3.84347 14.8646C3.90169 15.3692 4.32894 15.75 4.83688 15.75H11.1631C11.6711 15.75 12.0983 15.3692 12.1565 14.8646L13.438 3.75ZM6.5 6.25C6.74546 6.25 6.94961 6.40477 6.99194 6.60886L7 6.6875V12.8125C7 13.0541 6.77614 13.25 6.5 13.25C6.25454 13.25 6.05039 13.0952 6.00806 12.8911L6 12.8125V6.6875C6 6.44588 6.22386 6.25 6.5 6.25ZM9.5 6.25C9.74546 6.25 9.94961 6.40477 9.99194 6.60886L10 6.6875V12.8125C10 13.0541 9.77614 13.25 9.5 13.25C9.25454 13.25 9.05039 13.0952 9.00806 12.8911L9 12.8125V6.6875C9 6.44588 9.22386 6.25 9.5 6.25Z", fill: "currentColor" })));
     }
 };
 DeleteIcon.style = iconCss;

package/dist/esm/document-refresh-icon.entry.js

@@ -9,7 +9,7 @@ const DocumentRefreshIcon = class {
         this.height = '18';
     }
     render() {
-        return (h("svg", { key: '2c0c600f9df4bd50de27f759f3628d5534bca820', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18", width: this.width, height: this.height }, h("rect", { key: '2ab9b4275e679255a07dd618cfb8d43b8b30e42c', id: "Canvas", fill: "#ff13dc", opacity: "0" }), h("path", { key: '08fa82af41b2505e1ef36ca9043774e22c04ad8a', d: "M9.19763,12.26283A4.44131,4.44131,0,0,1,16.948,10.71741l.62524-.62524a.24433.24433,0,0,1,.1748-.07373.25035.25035,0,0,1,.252.24875v2.50143a.25.25,0,0,1-.25.25l-2.4995-.00016A.25088.25088,0,0,1,15,12.76721v-.00054a.24436.24436,0,0,1,.07373-.175l.86988-.86987a3.02827,3.02827,0,0,0-5.29847.71808.48835.48835,0,0,1-.46081.30981H9.55908a.37949.37949,0,0,1-.36145-.48686Z" }), h("path", { key: '034242fff7a3d9c0ff21ddfc21b81e9734acd492', d: "M17.80237,14.77441A4.4413,4.4413,0,0,1,10.052,16.31982l-.62524.62524a.24429.24429,0,0,1-.1748.07373A.25036.25036,0,0,1,9,16.77V14.26863a.25.25,0,0,1,.25-.25l2.4995.00016A.25087.25087,0,0,1,12,14.27v.00052a.24434.24434,0,0,1-.07373.175l-.86988.86988a3.02828,3.02828,0,0,0,5.29847-.71808.48836.48836,0,0,1,.46081-.30982h.62525a.3795.3795,0,0,1,.36145.48687Z" }), h("path", { key: '2413903c29a3801fa170351a06e865e9a46c45d0', d: "M7,13.5A6.5,6.5,0,0,1,13.5,7c.16883,0,.33447.01264.5.02527V5H9.5A.5.5,0,0,1,9,4.5V0H2.5A.5.5,0,0,0,2,.5v15a.5.5,0,0,0,.5.5H7.49981A6.4779,6.4779,0,0,1,7,13.5Z" }), h("path", { key: '5228c2af8d95a83fb7e951803777717844e09043', d: "M10,0h.043a.5.5,0,0,1,.353.146L13.854,3.6A.5.5,0,0,1,14,3.957V4H10Z" })));
+        return (h("svg", { key: '0ccd98a5e18eb180ca90ffe1a574f6f1af774e26', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18", width: this.width, height: this.height }, h("rect", { key: '92029ed5746515b65484bb7f91177ec41d7c166e', id: "Canvas", fill: "#ff13dc", opacity: "0" }), h("path", { key: 'ad22663d583e5dadcfd64cdbbcbfa22761445732', d: "M9.19763,12.26283A4.44131,4.44131,0,0,1,16.948,10.71741l.62524-.62524a.24433.24433,0,0,1,.1748-.07373.25035.25035,0,0,1,.252.24875v2.50143a.25.25,0,0,1-.25.25l-2.4995-.00016A.25088.25088,0,0,1,15,12.76721v-.00054a.24436.24436,0,0,1,.07373-.175l.86988-.86987a3.02827,3.02827,0,0,0-5.29847.71808.48835.48835,0,0,1-.46081.30981H9.55908a.37949.37949,0,0,1-.36145-.48686Z" }), h("path", { key: 'ae8681f3635f17e04b6e008a2bf0a112270fbd6b', d: "M17.80237,14.77441A4.4413,4.4413,0,0,1,10.052,16.31982l-.62524.62524a.24429.24429,0,0,1-.1748.07373A.25036.25036,0,0,1,9,16.77V14.26863a.25.25,0,0,1,.25-.25l2.4995.00016A.25087.25087,0,0,1,12,14.27v.00052a.24434.24434,0,0,1-.07373.175l-.86988.86988a3.02828,3.02828,0,0,0,5.29847-.71808.48836.48836,0,0,1,.46081-.30982h.62525a.3795.3795,0,0,1,.36145.48687Z" }), h("path", { key: '1b11c03c1582d76782ad1841bb44ef993c2ae818', d: "M7,13.5A6.5,6.5,0,0,1,13.5,7c.16883,0,.33447.01264.5.02527V5H9.5A.5.5,0,0,1,9,4.5V0H2.5A.5.5,0,0,0,2,.5v15a.5.5,0,0,0,.5.5H7.49981A6.4779,6.4779,0,0,1,7,13.5Z" }), h("path", { key: '058cb85bb330c33dd716d9bcf09e1da7d9afa704', d: "M10,0h.043a.5.5,0,0,1,.353.146L13.854,3.6A.5.5,0,0,1,14,3.957V4H10Z" })));
     }
 };
 DocumentRefreshIcon.style = iconCss;

package/dist/esm/folder-icon.entry.js

@@ -9,7 +9,7 @@ const FolderIcon = class {
         this.height = '15';
     }
     render() {
-        return (h("svg", { key: 'fd5948a13a1bbdafbdbac7e24f8cc0bac8bfe4f2', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '1ec8860e353d358f63d7ccfbb4a904d43036afbf', d: "M3 8.2C3 7.07989 3 6.51984 3.21799 6.09202C3.40973 5.71569 3.71569 5.40973 4.09202 5.21799C4.51984 5 5.0799 5 6.2 5H9.67452C10.1637 5 10.4083 5 10.6385 5.05526C10.8425 5.10425 11.0376 5.18506 11.2166 5.29472C11.4184 5.4184 11.5914 5.59135 11.9373 5.93726L12.0627 6.06274C12.4086 6.40865 12.5816 6.5816 12.7834 6.70528C12.9624 6.81494 13.1575 6.89575 13.3615 6.94474C13.5917 7 13.8363 7 14.3255 7H17.8C18.9201 7 19.4802 7 19.908 7.21799C20.2843 7.40973 20.5903 7.71569 20.782 8.09202C21 8.51984 21 9.0799 21 10.2V15.8C21 16.9201 21 17.4802 20.782 17.908C20.5903 18.2843 20.2843 18.5903 19.908 18.782C19.4802 19 18.9201 19 17.8 19H6.2C5.07989 19 4.51984 19 4.09202 18.782C3.71569 18.5903 3.40973 18.2843 3.21799 17.908C3 17.4802 3 16.9201 3 15.8V8.2Z", stroke: "auto", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+        return (h("svg", { key: '3c9d172a776c89b5cd972ae540aabc03e16ced31', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '409c552b8bb5b0567cbf1ffeebb5b982cbc59861', d: "M3 8.2C3 7.07989 3 6.51984 3.21799 6.09202C3.40973 5.71569 3.71569 5.40973 4.09202 5.21799C4.51984 5 5.0799 5 6.2 5H9.67452C10.1637 5 10.4083 5 10.6385 5.05526C10.8425 5.10425 11.0376 5.18506 11.2166 5.29472C11.4184 5.4184 11.5914 5.59135 11.9373 5.93726L12.0627 6.06274C12.4086 6.40865 12.5816 6.5816 12.7834 6.70528C12.9624 6.81494 13.1575 6.89575 13.3615 6.94474C13.5917 7 13.8363 7 14.3255 7H17.8C18.9201 7 19.4802 7 19.908 7.21799C20.2843 7.40973 20.5903 7.71569 20.782 8.09202C21 8.51984 21 9.0799 21 10.2V15.8C21 16.9201 21 17.4802 20.782 17.908C20.5903 18.2843 20.2843 18.5903 19.908 18.782C19.4802 19 18.9201 19 17.8 19H6.2C5.07989 19 4.51984 19 4.09202 18.782C3.71569 18.5903 3.40973 18.2843 3.21799 17.908C3 17.4802 3 16.9201 3 15.8V8.2Z", stroke: "auto", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
     }
 };
 FolderIcon.style = iconCss;

package/dist/esm/forward-icon.entry.js

@@ -9,7 +9,7 @@ const ForwardIcon = class {
         this.height = '15';
     }
     render() {
-        return (h("svg", { key: '68d3c2b633c15dc9b61e708b2fe0b43f365d7587', fill: "auto", width: this.width, height: this.height, viewBox: "0 0 1920 1920", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '48c268be5b600d2becd97c1cd06ef228d9176e6b', d: "m1246.246 64-90.496 90.496 477.952 477.952h-590.848C467.878 632.448.038 1100.416.038 1675.392v109.056h128v-109.056c0-504.576 410.368-914.944 914.816-914.944h590.848l-477.952 478.08 90.496 90.496 632.448-632.576L1246.246 64Z", "fill-rule": "evenodd" })));
+        return (h("svg", { key: '79e69c7c3a310d228498fdfd1197ec5e6e4ed654', fill: "auto", width: this.width, height: this.height, viewBox: "0 0 1920 1920", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f164757afe14c9cfb16d5d0f9975c454219345f6', d: "m1246.246 64-90.496 90.496 477.952 477.952h-590.848C467.878 632.448.038 1100.416.038 1675.392v109.056h128v-109.056c0-504.576 410.368-914.944 914.816-914.944h590.848l-477.952 478.08 90.496 90.496 632.448-632.576L1246.246 64Z", "fill-rule": "evenodd" })));
     }
 };
 ForwardIcon.style = iconCss;

package/dist/esm/globe-icon_3.entry.js

@@ -11,7 +11,7 @@ const GlobeIcon = class {
         this.height = '16';
     }
     render() {
-        return (h("svg", { key: 'cb0e3380c9fec6c904edcec530eda0df7d82b5fe', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'ba93585bd0da85eecebc7c2a3a8c7f705571b219', d: "M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 3C8.37372 3 8.87543 3.35608 9.31258 4.31781C9.4073 4.52619 9.49448 4.75446 9.57265 5H6.42735C6.50552 4.75446 6.5927 4.52619 6.68742 4.31781C7.12457 3.35608 7.62628 3 8 3ZM5.77705 3.90401C5.62614 4.23601 5.49428 4.6038 5.38411 5H3.99963C4.52341 4.30269 5.22525 3.74677 6.03766 3.39978C5.94287 3.56117 5.85596 3.7304 5.77705 3.90401ZM5.16299 6C5.05694 6.6275 5 7.30146 5 8C5 8.69854 5.05694 9.3725 5.16299 10H3.41604C3.14845 9.38754 3 8.7111 3 8C3 7.2889 3.14845 6.61246 3.41604 6H5.16299ZM5.38411 11C5.49428 11.3962 5.62614 11.764 5.77705 12.096C5.85596 12.2696 5.94287 12.4388 6.03766 12.6002C5.22525 12.2532 4.52341 11.6973 3.99963 11H5.38411ZM6.42735 11H9.57265C9.49448 11.2455 9.4073 11.4738 9.31258 11.6822C8.87543 12.6439 8.37372 13 8 13C7.62628 13 7.12457 12.6439 6.68742 11.6822C6.5927 11.4738 6.50552 11.2455 6.42735 11ZM9.82134 10H6.17866C6.06438 9.3892 6 8.71396 6 8C6 7.28604 6.06438 6.6108 6.17866 6H9.82134C9.93562 6.6108 10 7.28604 10 8C10 8.71396 9.93562 9.3892 9.82134 10ZM10.6159 11H12.0004C11.4766 11.6973 10.7747 12.2532 9.96234 12.6002C10.0571 12.4388 10.144 12.2696 10.2229 12.096C10.3739 11.764 10.5057 11.3962 10.6159 11ZM12.584 10H10.837C10.9431 9.3725 11 8.69854 11 8C11 7.30146 10.9431 6.6275 10.837 6H12.584C12.8516 6.61246 13 7.2889 13 8C13 8.7111 12.8516 9.38754 12.584 10ZM9.96234 3.39978C10.7747 3.74677 11.4766 4.30269 12.0004 5H10.6159C10.5057 4.6038 10.3739 4.23601 10.2229 3.90401C10.144 3.7304 10.0571 3.56117 9.96234 3.39978Z", fill: "currentColor" })));
+        return (h("svg", { key: 'ac541f46077499263b2ac02b2c0f775f7bb00c45', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '32f692274b15d0c57c77903c453570d39a7fa119', d: "M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 3C8.37372 3 8.87543 3.35608 9.31258 4.31781C9.4073 4.52619 9.49448 4.75446 9.57265 5H6.42735C6.50552 4.75446 6.5927 4.52619 6.68742 4.31781C7.12457 3.35608 7.62628 3 8 3ZM5.77705 3.90401C5.62614 4.23601 5.49428 4.6038 5.38411 5H3.99963C4.52341 4.30269 5.22525 3.74677 6.03766 3.39978C5.94287 3.56117 5.85596 3.7304 5.77705 3.90401ZM5.16299 6C5.05694 6.6275 5 7.30146 5 8C5 8.69854 5.05694 9.3725 5.16299 10H3.41604C3.14845 9.38754 3 8.7111 3 8C3 7.2889 3.14845 6.61246 3.41604 6H5.16299ZM5.38411 11C5.49428 11.3962 5.62614 11.764 5.77705 12.096C5.85596 12.2696 5.94287 12.4388 6.03766 12.6002C5.22525 12.2532 4.52341 11.6973 3.99963 11H5.38411ZM6.42735 11H9.57265C9.49448 11.2455 9.4073 11.4738 9.31258 11.6822C8.87543 12.6439 8.37372 13 8 13C7.62628 13 7.12457 12.6439 6.68742 11.6822C6.5927 11.4738 6.50552 11.2455 6.42735 11ZM9.82134 10H6.17866C6.06438 9.3892 6 8.71396 6 8C6 7.28604 6.06438 6.6108 6.17866 6H9.82134C9.93562 6.6108 10 7.28604 10 8C10 8.71396 9.93562 9.3892 9.82134 10ZM10.6159 11H12.0004C11.4766 11.6973 10.7747 12.2532 9.96234 12.6002C10.0571 12.4388 10.144 12.2696 10.2229 12.096C10.3739 11.764 10.5057 11.3962 10.6159 11ZM12.584 10H10.837C10.9431 9.3725 11 8.69854 11 8C11 7.30146 10.9431 6.6275 10.837 6H12.584C12.8516 6.61246 13 7.2889 13 8C13 8.7111 12.8516 9.38754 12.584 10ZM9.96234 3.39978C10.7747 3.74677 11.4766 4.30269 12.0004 5H10.6159C10.5057 4.6038 10.3739 4.23601 10.2229 3.90401C10.144 3.7304 10.0571 3.56117 9.96234 3.39978Z", fill: "currentColor" })));
     }
 };
 GlobeIcon.style = iconCss;
@@ -137,7 +137,7 @@ const NylasDateComponent = class {
         }
     }
     render() {
-        return (h("label", { key: '2b85ec5e76a7d585403b355b2e143ced48e98b81', part: "ic__label", class: { error: !!this.error || this.hasError } }, this.label && (h("p", { key: '3a7dce7c85961bb6695beef195d10f03eb8d8d33' }, h("span", { key: '0e4ddb991c5b5e9684f36eaac79c1961a33bf346', class: "label" }, this.label), this.required && h("span", { key: '9c4ff17b839a72f9a8b6d0228773f820be85f918', class: "required" }, "*"))), h("div", { key: 'ee9732ec821f68192191b368e3cd62a3f0f9d3cd', part: "ic__input_wrapper", class: "input_wrapper" }, h("input", { key: '56ec6ac542c470e23395b8f098932fdc4a0e2d6f', type: "date", min: this.minDate, value: this.value, name: this.name, part: "ic__date", title: this.readOnly ? 'read-only field' : undefined, readOnly: this.readOnly, autoFocus: this.autoFocus, maxLength: this.maxLength, placeholder: this.placeholder, class: { error: !!this.error || this.hasError }, onInput: e => this.handleInput(e), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur() }), h("slot", { key: 'b3158bc42f1586392ebc9304df23973e5bef5a7a', name: "additional-input" })), this.error && h("span", { key: 'abc73483451f6b009b6e830cdbc0a737728252c7', class: "error help-text" }, this.error)));
+        return (h("label", { key: '6cabab3a3c1f6b55039a92e64f4d0c8908044405', part: "ic__label", class: { error: !!this.error || this.hasError } }, this.label && (h("p", { key: 'a418e57a05ea6bf8defc8f9b2da248a3d18ed227' }, h("span", { key: '13ae0fb0cbcc6196dcf71032cde140ef1c61e9fb', class: "label" }, this.label), this.required && h("span", { key: '3f69103970b5b7518bc90ff1df01706354963832', class: "required" }, "*"))), h("div", { key: '7595277a818263718c66b88ee3b39a377bb22420', part: "ic__input_wrapper", class: "input_wrapper" }, h("input", { key: '65a2a611d4d3cbb25a98d55ef4f53d014943125a', type: "date", min: this.minDate, value: this.value, name: this.name, part: "ic__date", title: this.readOnly ? 'read-only field' : undefined, readOnly: this.readOnly, autoFocus: this.autoFocus, maxLength: this.maxLength, placeholder: this.placeholder, class: { error: !!this.error || this.hasError }, onInput: e => this.handleInput(e), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur() }), h("slot", { key: '809c04fb53ad65e8974c7660487add6d171fd942', name: "additional-input" })), this.error && h("span", { key: '1e33ea77cafd1615eb86fa38d388ab322bfc302f', class: "error help-text" }, this.error)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -446,19 +446,19 @@ const TimeInput = class {
     }
     render() {
         const is24HourFormat = this.language === LANGUAGE_CODE.en ? false : true;
-        return (h(Host, { key: 'b5c0c24d84d44312d2223be037872dc9d03db3f8' }, h("div", { key: '3c77e7501bb38ebe22f1a27d53577b05e2f1fb22', class: "time-picker", part: "time-picker" }, h("input", { key: '8e636c248c38900aa4ad9c2bd8cc89c0a9c84424', type: "text", name: this.name, id: this.name, part: "time-input", class: {
+        return (h(Host, { key: '3215a2c75c5af8f8f133425adcc773303707b952' }, h("div", { key: 'a571a0b07a505c4d399ff1a418e4d0ef4f2d5e00', class: "time-picker", part: "time-picker" }, h("input", { key: '9e10485c6b7ab29c6daf2699351eea6802466450', type: "text", name: this.name, id: this.name, part: "time-input", class: {
                 'time-input': true,
                 'error': !!this.err || this.hasError,
             }, ref: el => (this.timeInput = el), value: is24HourFormat ? convertTo24HourFormat(this.time) : this.time, onClick: () => {
                 this.showTimes = !this.showTimes;
                 this.shouldAutoScroll = true;
-            }, "aria-haspopup": "listbox", "aria-label": this.name, "aria-expanded": this.showTimes ? 'true' : 'false', placeholder: this.placeholder, onKeyDown: e => this.handleComboboxKeyDown(e), onInput: event => this.handleOnInput(event), onBlur: event => this.handleTimeAutocomplete(event) }), this.err && h("div", { key: '3e6b9ae63890b47148426919552172e39db0eaf4', class: "invalid-time-icon" }), this.showTimes && (h("div", { key: '8b32c32b03cca0b27e70435887a3c8150cf5c8b7', class: "times", part: "times", ref: el => (this.timeMenu = el) }, h("ul", { key: 'f7a5d65fcb9b675f76448bcf4cf1540eb822f225', tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: e => this.handleListboxKeydown(e) }, this.times.map(option => (h("li", { tabindex: "0", key: option.id, id: option.id.toString(), class: {
+            }, "aria-haspopup": "listbox", "aria-label": this.name, "aria-expanded": this.showTimes ? 'true' : 'false', placeholder: this.placeholder, onKeyDown: e => this.handleComboboxKeyDown(e), onInput: event => this.handleOnInput(event), onBlur: event => this.handleTimeAutocomplete(event) }), this.err && h("div", { key: '0c0575d04c84c1043c78dcb71fe5072ef7477e1b', class: "invalid-time-icon" }), this.showTimes && (h("div", { key: '251dcd933b4df4388ae8b1c6163277daa9c526c9', class: "times", part: "times", ref: el => (this.timeMenu = el) }, h("ul", { key: '1c22a3c8c75d6a8b2a1584e162eb1a1aee5078fd', tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: e => this.handleListboxKeydown(e) }, this.times.map(option => (h("li", { tabindex: "0", key: option.id, id: option.id.toString(), class: {
                 focused: this.ariaActivedescendant === option.id.toString(),
             }, onClick: e => {
                 this.handleTimeChange(e, option.value);
                 this.showTimes = false;
                 this.timeInput.focus();
-            }, role: "option" }, `${is24HourFormat ? convertTo24HourFormat(option.value) : option.value}`)))))), !this.showTimes && this.err && (h("p", { key: 'c194ce42271aa6b72a547b7c0f387fcc6c95daae', class: "error", id: "email-error" }, this.err)))));
+            }, role: "option" }, `${is24HourFormat ? convertTo24HourFormat(option.value) : option.value}`)))))), !this.showTimes && this.err && (h("p", { key: '65cac6554e464a95b5384e401dd3422faa47fa54', class: "error", id: "email-error" }, this.err)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {