@nylas/web-elements 0.0.0-canary-20241017103834 → 0.0.0-canary-20241017220933

package/dist/cjs/calendar-agenda-fill-icon_54.cjs.entry.js

@@ -425,7 +425,7 @@ const NylasAdditionalParticipants = class {
     disconnectedCallback() {
         utils.debug('nylas-additional-participants', 'disconnectedCallback');
     }
-    isInternalsAvailable() {
+    get isInternalsAvailable() {
         return this.internals !== undefined && typeof this.internals.setFormValue === 'function' && typeof this.internals.setValidity === 'function';
     }
     onInputOptionChanged(event) {
@@ -434,14 +434,14 @@ const NylasAdditionalParticipants = class {
         const index = event.detail.name;
         const participant = this.participantOptions?.find(participant => participant.email === event.detail.value);
         if (!participant && this.isRoundRobinConfig) {
-            this.isInternalsAvailable() && this.internals.setValidity({ customError: true }, 'For round robin configuration, participant should be selected from the dropdown.');
+            this.isInternalsAvailable && this.internals.setValidity({ customError: true }, 'For round robin configuration, participant should be selected from the dropdown.');
             this.participantErrors[index] = 'For round robin page, participant should be selected from the dropdown.';
             this.participants[index].is_valid = false;
             this.participants = [...this.participants];
             return;
         }
         else if (!participant && !EMAIL_REGEX.test(event.detail.value)) {
-            this.isInternalsAvailable() && this.internals.setValidity({ customError: true }, 'Please enter a valid email address');
+            this.isInternalsAvailable && this.internals.setValidity({ customError: true }, 'Please enter a valid email address');
             this.participantErrors[index] = 'Please enter a valid email address';
             this.participants[index].is_valid = false;
             this.participants = [...this.participants];
@@ -450,7 +450,7 @@ const NylasAdditionalParticipants = class {
         else {
             this.participantErrors[index] = '';
             this.participants[index].is_valid = true;
-            this.isInternalsAvailable() && this.internals.setValidity({});
+            this.isInternalsAvailable && this.internals.setValidity({});
         }
         this.participants[index].email = event.detail.value;
         this.participants[index].availability = participant ? { calendar_ids: ['primary'] } : undefined;
@@ -493,13 +493,13 @@ const NylasAdditionalParticipants = class {
         utils.debug('nylas-additional-participants', 'updateFormValue');
         const participants = this.isRoundRobinConfig ? (this.includeOrganizerAsParticipant ? this.participants : this.participants.filter(p => !p.is_organizer)) : this.participants;
         if (participants.length === 0) {
-            this.isInternalsAvailable() && this.internals.setValidity({ customError: true }, 'Please add at least one participant');
+            this.isInternalsAvailable && this.internals.setValidity({ customError: true }, 'Please add at least one participant');
             this.error = 'Please add at least one participant';
         }
         else {
-            this.isInternalsAvailable() && this.internals.setValidity({});
+            this.isInternalsAvailable && this.internals.setValidity({});
             this.error = '';
-            this.isInternalsAvailable() && this.internals.setFormValue(JSON.stringify(participants), this.name);
+            this.isInternalsAvailable && this.internals.setFormValue(JSON.stringify(participants), this.name);
             this.valueChanged.emit({ value: JSON.stringify(participants), name: this.name });
         }
     }
@@ -510,7 +510,7 @@ const NylasAdditionalParticipants = class {
         });
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'b17facebc66435c9e405b442500163b47836914e', part: "nap" }, index$1.h("nylas-form-card", { key: 'bce92f93c9f0ec0c04c000582505ea1adb1a3e22' }, index$1.h("h3", { key: '07cd5fd66a38dadfd67f67607fe81fb235cbb1f3', slot: "header-title", class: "nylas-additional-participants__title", part: "nap__title" }, "Participants"), index$1.h("p", { key: '3e9f5348444a81731228d4ce5f355b3cd6ead03f', slot: "header-subtitle", class: "nylas-additional-participants__subtitle", part: "nap__subtitle" }, "Add people in your team or organization to join the event."), index$1.h("div", { key: 'b6921a32886aaedbf9ecaa942912c2991881b380', slot: "content", class: "nylas-additional-participants__content" }, index$1.h("div", { key: '780531379643ee4764122906f144d302e0bc32e5' }, this.participants.map((participant, index) => {
+        return (index$1.h(index$1.Host, { key: '16a28d7d8ee91b685a22472d8a90721a5074d798', part: "nap" }, index$1.h("nylas-form-card", { key: '9fde59eadfcdf05c3b4add30a5c35f9b21d00c30' }, index$1.h("h3", { key: '82e3c3ad537ef4c60d19695f11e481bac2ed31ae', slot: "header-title", class: "nylas-additional-participants__title", part: "nap__title" }, "Participants"), index$1.h("p", { key: '4df3d661d2c6801ba8e88d82853ae562ed3be8e8', slot: "header-subtitle", class: "nylas-additional-participants__subtitle", part: "nap__subtitle" }, "Add people in your team or organization to join the event."), index$1.h("div", { key: '3ccb34354c025b52760433683812acf37b480e77', slot: "content", class: "nylas-additional-participants__content" }, index$1.h("div", { key: '007cf8396921637cf230cc26d73de147169cd250' }, this.participants.map((participant, index) => {
             return (index$1.h("div", { class: 'nylas-additional-participants__input_group', part: "nap__input_group" }, !participant.is_organizer && index$1.h("label", null, `Participant ${index}`), index$1.h("div", { part: "nap__input_wrapper", class: {
                     'nylas-additional-participants__input_wrapper': true,
                     'nylas-additional-participants__input_wrapper_organizer': participant?.is_organizer === true,
@@ -520,7 +520,7 @@ const NylasAdditionalParticipants = class {
                     this.includeOrganizerAsParticipant = !this.includeOrganizerAsParticipant;
                     this.updateFormValue();
                 }, checked: this.includeOrganizerAsParticipant }), index$1.h("label", { htmlFor: `organizer_participant`, "aria-label": "Include as participant" }, "Participant", index$1.h("tooltip-component", { id: "organizer_participant_tooltip" }, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, index$1.h("strong", null, "Include Organizer:"), " The organizer (you) will be included in the round-robin rotation. ", index$1.h("br", null), index$1.h("strong", null, "Exclude Organizer:"), " The organizer (you) will not be included in the round-robin rotation."))))))) : (index$1.h("input-dropdown", { id: `${index}`, name: `${index}`, filterable: true, inputValue: participant.email, options: this.getArrayDifference(this.participantOptions || [], this.participants) })), !participant.is_organizer && (index$1.h("button", { onClick: () => this.removeParticipant(index), part: "nap__remove-participant" }, index$1.h("close-icon", null))))), !participant.is_valid && (index$1.h("p", { class: "nylas-additional-participants__error", part: "nap__error" }, this.participantErrors[index]))));
-        }), index$1.h("p", { key: '9921cf9eb77303da37e64bb4b2555fe662bcb299', class: "nylas-additional-participants__error", part: "nap__error" }, this.error)), index$1.h("button", { key: '0fdc9f4d4ee5b221aaaa01de39e0fe5ad29675f1', class: "nylas-additional-participants__add", part: "nap__add-participant", onClick: () => this.addParticipant() }, index$1.h("add-circle-icon", { key: 'c1c405144661b246731d48907246b3bc9e252410' }), " ", index$1.h("span", { key: '2ccd09a3a9c148dd4e895f7c3b2ac52cce86b76b' }, "Add ", this.participants.length > 1 ? 'another' : 'a', " participant"))))));
+        }), index$1.h("p", { key: 'f1dd954c137093fa9e474f3886e4b5320aeb5e2e', class: "nylas-additional-participants__error", part: "nap__error" }, this.error)), index$1.h("button", { key: '859585010fc9fce314b856f5e7e07ac8b8c47b88', class: "nylas-additional-participants__add", part: "nap__add-participant", onClick: () => this.addParticipant() }, index$1.h("add-circle-icon", { key: 'aec7eb5de30e66bca29b73962f356109471c2e9e' }), " ", index$1.h("span", { key: 'f07ecfaa4db46f7954d734314c46f2d773158730' }, "Add ", this.participants.length > 1 ? 'another' : 'a', " participant"))))));
     }
     static get formAssociated() { return true; }
     get host() { return index$1.getElement(this); }
@@ -6947,17 +6947,20 @@ const NylasEventTitle = class {
             this.ariaActivedescendant = this.filteredTokens[0].label;
         }
     }
+    get isInternalsAvailable() {
+        return typeof this.internals !== 'undefined' && typeof this.internals.setValidity === 'function' && typeof this.internals.setFormValue === 'function';
+    }
     updateEventTitle(text) {
         const value = text.replace(/ +/g, ' ');
-        if (value === '') {
-            this.internals?.setValidity({ customError: true }, `Event title is required`, this.titleRef);
+        if (value === '' || /^[\s]*$/.test(value)) {
             this.validationError = 'Event title is required';
+            this.isInternalsAvailable && this.internals?.setValidity({ customError: true }, `Event title is required`, this.titleRef);
         }
         else {
-            this.internals?.setValidity({ customError: false });
             this.validationError = '';
+            this.isInternalsAvailable && this.internals?.setValidity({ customError: false });
         }
-        this.internals?.setFormValue(value, this.name);
+        this.isInternalsAvailable && this.internals?.setFormValue(value, this.name);
         this.valueChanged.emit({ value: value, name: this.name });
     }
     resetDropdown() {
@@ -6968,10 +6971,10 @@ const NylasEventTitle = class {
         return (index$1.h("div", { class: "token-label" }, index$1.h("span", { class: "token" }, token.token), index$1.h("span", { class: "description" }, token.description)));
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '3a6858cea6ad427bb8f7046e4d409c44d9d57467' }, index$1.h("div", { key: '26574b9f7c76628771e584d1c3943b2ce9b77ce0', class: "nylas-event-title", part: "net" }, index$1.h("label", { key: 'b6bab982d9b8a091ee1c9a66b5d24b3050e08817', htmlFor: "title" }, "Event title", index$1.h("span", { key: '34b1ba7719d37f6af0d3c84e3fe1c251625848b1', class: "required" }, "*")), index$1.h("div", { key: '0fcbdee8625b13720b31df47ddb76bdba6f384c6', class: {
+        return (index$1.h(index$1.Host, { key: 'c9bef753b69793b6db0569ec750a04ceb4a51de8' }, index$1.h("div", { key: 'b80559c8ebe73437fbd347a034fa577c0ee4a60b', class: "nylas-event-title", part: "net" }, index$1.h("label", { key: 'c8b911bdfd24a7934b8359d5ba9a2531edc606c1', htmlFor: "title" }, "Event title", index$1.h("span", { key: '953b07bae8f6ebbcc465cc3349b6b97ecf8cd544', class: "required" }, "*")), index$1.h("div", { key: 'cbc5559de86b4c3a45c30088fba3d2a3382b4311', class: {
                 title: true,
                 error: this.validationError !== '',
-            }, part: "net__title", ref: el => (this.titleRef = el), contentEditable: "true", onInput: e => this.handleChange(e), onKeyDown: event => this.handleInputKeyDown(event) }), this.showTokens && this.filteredTokens?.length > 0 && (index$1.h("div", { class: "token-options", part: "net__dropdown-content" }, index$1.h("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map(option => (index$1.h("li", { tabindex: "0", key: option.label, id: option.label, class: { active: this.ariaActivedescendant === option.label }, onClick: e => this.selectOption(e, option), role: "option" }, this.getLabelHTML(option.labelHTML))))))), index$1.h("span", { key: '8c267fb019bc2f4a7ec9bd771c7ebdbd4e36860e', class: "help-text" }, "Create a dynamic templated event title by typing ", index$1.h("code", { key: '73fff78bf0ef47b1a4880b88630285c5565348e7' }, "$"), " and selecting a template item.", index$1.h("span", { key: '64c431fb78eef320cdca1e426e4290f1663fe756', class: "label-icon" }, index$1.h("tooltip-component", { key: 'b8f4ce46c4f53f66d50b6121dbc76360972638f9' }, index$1.h("info-icon", { key: '038824ecf2006ce2851de30c1538c30d96707ca9', slot: "tooltip-icon" }), index$1.h("span", { key: '0fefb16b80e9c43a7f46e1d5f72d12ca39cdc348', slot: "tooltip-content" }, "For example, Interview with ", index$1.h("code", { key: 'df208a8bb8907416908a6cdbc0edba219e924513' }, '${invitee}'))))), this.validationError != '' && index$1.h("span", { class: "error-message" }, this.validationError))));
+            }, part: "net__title", ref: el => (this.titleRef = el), contentEditable: "true", onInput: e => this.handleChange(e), onKeyDown: event => this.handleInputKeyDown(event) }), this.showTokens && this.filteredTokens?.length > 0 && (index$1.h("div", { class: "token-options", part: "net__dropdown-content" }, index$1.h("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map(option => (index$1.h("li", { tabindex: "0", key: option.label, id: option.label, class: { active: this.ariaActivedescendant === option.label }, onClick: e => this.selectOption(e, option), role: "option" }, this.getLabelHTML(option.labelHTML))))))), index$1.h("span", { key: 'cddf49a23d611b00b5a06a431bb6033ee564fba6', class: "help-text" }, "Create a dynamic templated event title by typing ", index$1.h("code", { key: 'b87cf9d630645aedf2c72bb7356ce8737406c127' }, "$"), " and selecting a template item.", index$1.h("span", { key: '75ad5946a822c3ee23ddb46f29b611dd68875d05', class: "label-icon" }, index$1.h("tooltip-component", { key: '20a6fb4aaac4d1ad5264d30364fc695de7f0ca11' }, index$1.h("info-icon", { key: '22413e474fd5113bfa3663d137a67cd2da94268f', slot: "tooltip-icon" }), index$1.h("span", { key: 'f266824868c09cf41564fe1fcbc42e9113bf06fb', slot: "tooltip-content" }, "For example, Interview with ", index$1.h("code", { key: '0989a865eb48e0a0363ec69218be46ab7d6f18f1' }, '${invitee}'))))), this.validationError != '' && index$1.h("span", { class: "error-message" }, this.validationError))));
     }
     static get formAssociated() { return true; }
     get host() { return index$1.getElement(this); }
@@ -8454,22 +8457,29 @@ var __metadata$2 = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
+const reminderTimeOptions = [
+    { value: 60 * 24, label: 'day' },
+    { value: 60, label: 'hour' },
+    { value: 1, label: 'minute' },
+];
 function getInitialTimeValue(timeInMinutes) {
     if (!timeInMinutes)
         return 30;
-    if (timeInMinutes >= 60 * 24)
-        return timeInMinutes / (60 * 24);
-    if (timeInMinutes >= 90 || timeInMinutes === 60)
-        return timeInMinutes / 60;
+    for (const option of reminderTimeOptions) {
+        if (timeInMinutes % option.value === 0) {
+            return timeInMinutes / option.value;
+        }
+    }
     return timeInMinutes;
 }
 function getInitialTimeIncrement(timeInMinutes) {
     if (!timeInMinutes)
-        return 30;
-    if (timeInMinutes >= 60 * 24)
-        return 60 * 24;
-    if (timeInMinutes >= 90 || timeInMinutes === 60)
-        return 60;
+        return 1;
+    for (const option of reminderTimeOptions) {
+        if (timeInMinutes % option.value === 0) {
+            return option.value;
+        }
+    }
     return 1;
 }
 const NylasReminderTime = class {
@@ -8494,15 +8504,6 @@ const NylasReminderTime = class {
         utils.debug('nylas-reminder-time', 'elementNameChangedHandler', newValue);
         this.host.setAttribute('name', newValue);
     }
-    eventReminderTimeMinutesChangedHandler(newValue, oldValue) {
-        utils.debug('nylas-reminder-time', 'eventReminderTimeMinutesChangedHandler', newValue);
-        if (newValue === oldValue) {
-            return;
-        }
-        this.reminderTime = getInitialTimeValue(newValue);
-        this.reminderTimeincrement = getInitialTimeIncrement(newValue);
-        this.reminderTimeMinutes = newValue;
-    }
     reminderTimeMinutesChangedHandler(newValue, oldValue) {
         utils.debug('nylas-reminder-time', 'reminderTimeMinutesChangedHandler', newValue);
         if (newValue === oldValue) {
@@ -8516,14 +8517,17 @@ const NylasReminderTime = class {
     componentWillLoad() {
         utils.debug('nylas-reminder-time', 'componentWillLoad');
         this.host.setAttribute('name', this.name);
-        this.setReminderTimeMinuteOptions();
     }
     componentDidLoad() {
         utils.debug('nylas-reminder-time', 'componentDidLoad');
+        this.setReminderTimeMinuteOptions();
     }
     disconnectedCallback() {
         utils.debug('nylas-reminder-time', 'disconnectedCallback');
     }
+    get isInternalsAvailable() {
+        return this.internals !== undefined && typeof this.internals.setFormValue === 'function';
+    }
     setReminderTimeMinuteOptions() {
         if (this.reminderTimeincrement === 1) {
             this.reminderTimeMinutesOptions = constants.REMINDER_MINUTE_OPTIONS;
@@ -8547,28 +8551,22 @@ const NylasReminderTime = class {
         }
         this.setReminderTimeMinuteOptions();
         this.reminderTimeMinutes = this.reminderTime * this.reminderTimeincrement;
-        this.internals.setFormValue(this.reminderTimeMinutes.toString(), this.name);
+        this.isInternalsAvailable && this.internals.setFormValue(this.reminderTimeMinutes.toString(), this.name);
     }
     inputOptionChangedHandler(event) {
         utils.debug('nylas-calendar-picker', 'inputOptionChangedHandler', event.detail);
         const { value } = event.detail;
         this.reminderTime = value;
         this.reminderTimeMinutes = this.reminderTime * this.reminderTimeincrement;
-        this.internals.setFormValue(this.reminderTimeMinutes.toString(), this.name);
+        this.isInternalsAvailable && this.internals.setFormValue(this.reminderTimeMinutes.toString(), this.name);
     }
     render() {
-        const reminderTimeOptions = [
-            { value: 1, label: 'minute' },
-            { value: 60, label: 'hour' },
-            { value: 60 * 24, label: 'day' },
-        ];
-        return (index$1.h(index$1.Host, { key: 'd5f118391bdd7e4779f6eca15335285047fdb350' }, index$1.h("div", { key: '2dd8d3ba52d4f95480c9cf1fdaf5d0f1f7c1e523', class: "nylas-reminder-time", part: "nrt" }, index$1.h("div", { key: '3799c4b266f4078e22ad78b86225ef9abdc5fa49', class: "nylas-reminder-time__wrapper" }, index$1.h("input-dropdown", { key: '004b6336c041660e1424ac44f16e82c8a5a2ca53', name: 'reminder-time', options: this.reminderTimeMinutesOptions, inputValue: this.reminderTime.toString(), exportparts: "id_dropdown: nrt__input_dropdown, id_dropdown-input: nrt__input_dropdown-input, id_dropdown-content: nrt__input_dropdown-content", defaultInputOption: this.reminderTimeMinutesOptions.find(i => i.value == this.reminderTime) ?? reminderTimeOptions[0] }), index$1.h("select-dropdown", { key: '6a42c7f4633d89dd9a94d3c2f119e151613667ec', name: 'reminder-time-unit', options: reminderTimeOptions, pluralizedLabel: this.reminderTime > 1 ? 's' : '', exportparts: "sd_dropdown: nrt__dropdown, sd_dropdown-button: nrt__dropdown-button, sd_dropdown-content: nrt__dropdown-content", defaultSelectedOption: reminderTimeOptions.find(i => i.value == this.reminderTimeincrement) ?? reminderTimeOptions[0], withSearch: false })))));
+        return (index$1.h(index$1.Host, { key: 'b089eb10d76d001112d867a61889a685b8908355' }, index$1.h("div", { key: '13b8479fb822135c00ff8f97974c8269731b2a84', class: "nylas-reminder-time", part: "nrt" }, index$1.h("div", { key: '728e90c61077b1037aa285329f11a09a296b33b4', class: "nylas-reminder-time__wrapper" }, index$1.h("input-dropdown", { key: '40a22b75424d4b3b552a2dc1b60e79a8cb595032', name: 'reminder-time', options: this.reminderTimeMinutesOptions, inputValue: this.reminderTime.toString(), exportparts: "id_dropdown: nrt__input_dropdown, id_dropdown-input: nrt__input_dropdown-input, id_dropdown-content: nrt__input_dropdown-content", defaultInputOption: this.reminderTimeMinutesOptions.find(i => i.value == this.reminderTime) ?? reminderTimeOptions[0] }), index$1.h("select-dropdown", { key: '6128bb953b883be5341ba005438ab353b0016c48', name: 'reminder-time-unit', options: [...reminderTimeOptions].sort((a, b) => a.value - b.value), pluralizedLabel: this.reminderTime > 1 ? 's' : '', exportparts: "sd_dropdown: nrt__dropdown, sd_dropdown-button: nrt__dropdown-button, sd_dropdown-content: nrt__dropdown-content", defaultSelectedOption: reminderTimeOptions.find(i => i.value == this.reminderTimeincrement) ?? reminderTimeOptions[0], withSearch: false })))));
     }
     static get formAssociated() { return true; }
     get host() { return index$1.getElement(this); }
     static get watchers() { return {
         "name": ["elementNameChangedHandler"],
-        "eventReminderTimeMinutes": ["eventReminderTimeMinutesChangedHandler"],
         "reminderTimeMinutes": ["reminderTimeMinutesChangedHandler"]
     }; }
 };