@nylas/web-elements 0.0.0-test-20250320180623 → 0.0.0-test-20250320185733

package/dist/esm/calendar-agenda-fill-icon_36.entry.js

@@ -4156,10 +4156,10 @@ const NylasBufferTime = class {
             const value = i * 5;
             return {
                 label: value.toString(),
-                value: value,
+                value: value.toString(),
             };
         });
-        return (h(Host, null, h("div", { class: "nylas-buffer-time", part: "nbt" }, h("div", { class: "header", part: "nbt__header" }, h("h3", null, instance.t('nylasBufferTime.headerTitle')), h("p", null, instance.t('nylasBufferTime.headerSubTitle'), h("tooltip-component", null, h("info-icon", { slot: "tooltip-icon" }), h("span", { slot: "tooltip-content" }, instance.t('nylasBufferTime.tooltip.desc'))))), h("div", { class: "nylas-buffer-time__body", part: "nbt__body" }, h("div", { class: "nylas-buffer-time__dropdown" }, h("div", { class: "nylas-buffer-time__row" }, h("label", null, instance.t('nylasBufferTime.beforeBufferLabel')), h("div", { class: "dropdown-container" }, this.componentLoaded && (h("select-dropdown", { id: "before-buffer-time", withSearch: false, name: "before-buffer-time", exportparts: "sd_dropdown: nbt__dropdown-before, sd_dropdown-button: nbt__dropdown-button-before, sd_dropdown-content: nbt__dropdown-content-before", options: minuteOptions, defaultSelectedOption: minuteOptions.find(min => min.value == this.selectedBeforeBufferTime) })), h("span", null, instance.t('nylasBufferTime.minutesShort')))), h("div", { class: "nylas-buffer-time__row" }, h("label", null, instance.t('nylasBufferTime.afterBufferLabel')), h("div", { class: "dropdown-container" }, this.componentLoaded && (h("select-dropdown", { id: "after-buffer-time", withSearch: false, name: "after-buffer-time", exportparts: "sd_dropdown: nbt__dropdown-after, sd_dropdown-button: nbt__dropdown-button-after, sd_dropdown-content: nbt__dropdown-content-after", options: minuteOptions, defaultSelectedOption: minuteOptions.find(min => min.value == this.selectedAfterBufferTime) })), h("span", null, instance.t('nylasBufferTime.minutesShort'))))), h("div", { class: "nylas-buffer-time__preview", part: "nbt__preview" }, h("h4", null, instance.t('nylasBufferTime.previewHeader')), this.renderPreview())))));
+        return (h(Host, null, h("div", { class: "nylas-buffer-time", part: "nbt" }, h("div", { class: "header", part: "nbt__header" }, h("h3", null, instance.t('nylasBufferTime.headerTitle')), h("p", null, instance.t('nylasBufferTime.headerSubTitle'), h("tooltip-component", null, h("info-icon", { slot: "tooltip-icon" }), h("span", { slot: "tooltip-content" }, instance.t('nylasBufferTime.tooltip.desc'))))), h("div", { class: "nylas-buffer-time__body", part: "nbt__body" }, h("div", { class: "nylas-buffer-time__dropdown" }, h("div", { class: "nylas-buffer-time__row" }, h("label", null, instance.t('nylasBufferTime.beforeBufferLabel')), h("div", { class: "dropdown-container" }, this.componentLoaded && (h("select-dropdown", { id: "before-buffer-time", withSearch: false, name: "before-buffer-time", exportparts: "sd_dropdown: nbt__dropdown-before, sd_dropdown-button: nbt__dropdown-button-before, sd_dropdown-content: nbt__dropdown-content-before", options: minuteOptions, defaultSelectedOption: minuteOptions.find(min => min.value === this.selectedBeforeBufferTime.toString()) })), h("span", null, instance.t('nylasBufferTime.minutesShort')))), h("div", { class: "nylas-buffer-time__row" }, h("label", null, instance.t('nylasBufferTime.afterBufferLabel')), h("div", { class: "dropdown-container" }, this.componentLoaded && (h("select-dropdown", { id: "after-buffer-time", withSearch: false, name: "after-buffer-time", exportparts: "sd_dropdown: nbt__dropdown-after, sd_dropdown-button: nbt__dropdown-button-after, sd_dropdown-content: nbt__dropdown-content-after", options: minuteOptions, defaultSelectedOption: minuteOptions.find(min => min.value === this.selectedAfterBufferTime.toString()) })), h("span", null, instance.t('nylasBufferTime.minutesShort'))))), h("div", { class: "nylas-buffer-time__preview", part: "nbt__preview" }, h("h4", null, instance.t('nylasBufferTime.previewHeader')), this.renderPreview())))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
@@ -5348,10 +5348,10 @@ const NylasEventDuration = class {
         this.durationIncrement = undefined;
         this.error = '';
         this.durationMinutesOptions = [
-            { value: 15, label: '15' },
-            { value: 30, label: '30' },
-            { value: 45, label: '45' },
-            { value: 60, label: '60' },
+            { value: (15).toString(), label: '15' },
+            { value: (30).toString(), label: '30' },
+            { value: (45).toString(), label: '45' },
+            { value: (60).toString(), label: '60' },
         ];
     }
     elementNameChangedHandler(newValue) {
@@ -5402,14 +5402,14 @@ const NylasEventDuration = class {
     setDurationMintueOptions() {
         if (this.durationIncrement === 1) {
             this.durationMinutesOptions = [
-                { value: 15, label: '15' },
-                { value: 30, label: '30' },
-                { value: 45, label: '45' },
-                { value: 60, label: '60' },
+                { value: (15).toString(), label: '15' },
+                { value: (30).toString(), label: '30' },
+                { value: (45).toString(), label: '45' },
+                { value: (60).toString(), label: '60' },
             ];
         }
         else {
-            this.durationMinutesOptions = Array.from({ length: 23 }, (_, i) => ({ value: i + 1, label: (i + 1).toString() }));
+            this.durationMinutesOptions = Array.from({ length: 23 }, (_, i) => ({ value: (i + 1).toString(), label: (i + 1).toString() }));
         }
         return this.durationMinutesOptions;
     }
@@ -5431,7 +5431,7 @@ const NylasEventDuration = class {
     nylasFormDropdownChangedHandler(event) {
         debug('nylas-calendar-picker', 'nylasFormDropdownChangedHandler', event.detail);
         const { value } = event.detail;
-        this.durationIncrement = parseInt(value);
+        this.durationIncrement = parseInt(value.toString());
         if (this.durationIncrement === 1) {
             this.duration = 60;
         }
@@ -5449,9 +5449,8 @@ const NylasEventDuration = class {
     inputOptionChangedHandler(event) {
         debug('nylas-calendar-picker', 'inputOptionChangedHandler', event.detail);
         const { value } = event.detail;
-        this.duration = value;
+        this.duration = parseFloat(value.toString());
         this.durationMinutes = this.duration * this.durationIncrement;
-        console.log('###errror:', this.validateDuration(), this.durationMinutes, this.durationIncrement);
         if (this.validateDuration() !== '') {
             return;
         }
@@ -5460,12 +5459,12 @@ const NylasEventDuration = class {
     }
     render() {
         const durationOptions = [
-            { value: 1, label: instance.t('timeDuration', { context: 'minute' }) },
-            { value: 60, label: instance.t('timeDuration', { context: 'hour' }) },
+            { value: (1).toString(), label: instance.t('timeDuration', { context: 'minute' }) },
+            { value: (60).toString(), label: instance.t('timeDuration', { context: 'hour' }) },
         ];
-        return (h(Host, { key: 'c0525f28dbeb2398489d58d64d7b8e400ca13424' }, h("div", { key: '5ae98592a0364146987a3d2e4eee5e5f80a80097', class: "nylas-event-duration", part: "ned" }, h("label", { key: 'dc4ebcc5dbf749afbdbe27373a8d9904c2343433', htmlFor: "duration" }, instance.t('nylasEventDuration.headerTitle'), h("span", { key: '449d71a0f7479fad65ab3c00481cdf3f2cb6ed55', class: "required" }, "*")), h("div", { key: '807948b6f03032d24d5d93013f64f279bc92682b', class: "nylas-event-duration__wrapper" }, h("input-dropdown", { key: '2e47a704274e2cb19a7045ddd31e8c10e0a668b8', class: this.error ? 'error' : '', name: 'event-duration', options: this.durationMinutesOptions, inputValue: this.duration.toString(), exportparts: "id_dropdown: ned__input_dropdown, id_dropdown-input: ned__input_dropdown-input, id_dropdown-content: ned__input_dropdown-content", defaultInputOption: this.durationMinutesOptions.find(i => i.value == this.duration) }), this.durationIncrement && (h("select-dropdown", { name: 'event-duration', options: durationOptions, pluralizedLabel: this.duration > 1
+        return (h(Host, { key: '291d5aada4656f1e7a3ad639459090a164c667cd' }, h("div", { key: '389ed738c72f9af0b2413360ca30048a903fe834', class: "nylas-event-duration", part: "ned" }, h("label", { key: '3ab5ae91a80a98386cd77ffc2ed9bee1773e2cce', htmlFor: "duration" }, instance.t('nylasEventDuration.headerTitle'), h("span", { key: 'a3eb28826f0237e227c6b9c4fbbbbb96544df143', class: "required" }, "*")), h("div", { key: '48e6f8aebb8f14fbe0ff74a600c1d06f0b65d2b4', class: "nylas-event-duration__wrapper" }, h("input-dropdown", { key: '4502e6a0eea47789edb136886dc0de048893b639', class: this.error ? 'error' : '', name: 'event-duration', options: this.durationMinutesOptions, inputValue: this.duration.toString(), exportparts: "id_dropdown: ned__input_dropdown, id_dropdown-input: ned__input_dropdown-input, id_dropdown-content: ned__input_dropdown-content", defaultInputOption: this.durationMinutesOptions.find(i => i.value === this.duration.toString()) }), this.durationIncrement && (h("select-dropdown", { name: 'event-duration', options: durationOptions, pluralizedLabel: this.duration > 1
                 ? instance.t(`time.${this.durationIncrement === 60 ? 'hours' : 'minutes'}`)
-                : instance.t(`time.${this.durationIncrement === 60 ? 'hour' : 'minute'}`), exportparts: "sd_dropdown: ned__dropdown, sd_dropdown-button: ned__dropdown-button, sd_dropdown-content: ned__dropdown-content", defaultSelectedOption: durationOptions.find(i => i.value == this.durationIncrement), withSearch: false }))), h("div", { key: '1b7710bb059db3bde722f17ed7660698e3f6988a', class: `nylas-event-duration__error-container ${this.error ? 'visible' : ''}`, part: "ned__error-container" }, h("div", { key: '7e90795969a0fb22703217671cca38ffbb23d2a8', class: "nylas-event-duration__error", part: "ned__error" }, this.error)))));
+                : instance.t(`time.${this.durationIncrement === 60 ? 'hour' : 'minute'}`), exportparts: "sd_dropdown: ned__dropdown, sd_dropdown-button: ned__dropdown-button, sd_dropdown-content: ned__dropdown-content", defaultSelectedOption: durationOptions.find(i => i.value === this.durationIncrement.toString()), withSearch: false }))), h("div", { key: 'f847e873066be7c174f7c5eea94e4cdc473d1ecd', class: `nylas-event-duration__error-container ${this.error ? 'visible' : ''}`, part: "ned__error-container" }, h("div", { key: '7cac0c1055ce71dd4de9cf08558d74c051527eb5', class: "nylas-event-duration__error", part: "ned__error" }, this.error)))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }