@nylas/web-elements 2.5.11 → 2.5.13

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

@@ -7642,8 +7642,8 @@ const NylasPageStyling = class {
         const findElement = document?.querySelector(`[slot="custom-page-style-inputs"] [name="${name}"]`);
         if (findElement)
             return true;
-        const shadowElement = this.host.shadowRoot?.querySelector(`[data-page-styling] [name="${name}"], [data-page-styling][name="${name}"]`);
-        return !!shadowElement;
+        const shadowInputs = this.host.shadowRoot?.querySelectorAll('[data-page-styling]') ?? [];
+        return Array.from(shadowInputs).some(el => el.name === name || el.getAttribute('name') === name);
     }
     async nylasFormInputChangeHandler(event) {
         const { name, value } = event.detail;
@@ -7721,7 +7721,7 @@ const NylasPageStyling = class {
     }
     render() {
         const showContent = this.customInputsSlot || (!this.hasCustomSlot && !!this.currentAppearance);
-        return (h(Host, { key: 'ce93f8a170b47e4025dc9b9f976d7478b19f829b' }, h("div", { key: '7349f7a686daf87ed6205203e11eb6070509f36e', part: "nps", class: { 'nylas-page-styling': true, 'no-border': !showContent } }, showContent ? (h("div", { class: "header", part: "nps__header" }, h("div", null, h("h3", null, instance.t('nylasPageStyling.headerTitle'))), h("div", { class: "drawer-toggle", part: "nps__drawer-toggle--container" }, h("span", { class: `chevron ${this.isOpen ? 'open' : 'closed'} `, onClick: () => this.toggleConfirmationEmail() }, h("chevron-icon", { width: "24", height: "24" }))))) : null, h("div", { key: '3143051673a60f6d8f599c489bbfdcfeb224079b', class: "hidden" }, h("input-color-picker", { key: 'b2810fd05ec4eaadc9b2a855db24c31ea8fe8aac', name: "color-picker" })), h("div", { key: '4f63127edb25f1cf26f81f3ce8392bdc35b9051f', id: "nylas-page-styling__body", class: "nylas-page-styling__body", part: "nps__body" }, h("div", { key: '15d7b4435632934794fb2db68243371915ecf901', class: { 'nylas-page-styling__section': true, 'no-padding': !showContent } }, h("div", { key: '6a38e8a555fb599d7ed5d693886094d2bec7117d', class: "nylas-page-styling__row" }, h("div", { key: 'a41daf424157f598f7c8418960cd439b3b102abb', class: { subsection: true, hide: !this.isOpen } }, !this.hasCustomSlot && this.currentAppearance ? this.renderDefaultInputs() : null)))))));
+        return (h(Host, { key: '68ff4f23782f0d5fbfa30d006d804663cfd4c7a2' }, h("div", { key: '4db1b16c2a559b759666a18cfc5ce1df427e3120', part: "nps", class: { 'nylas-page-styling': true, 'no-border': !showContent } }, showContent ? (h("div", { class: "header", part: "nps__header" }, h("div", null, h("h3", null, instance.t('nylasPageStyling.headerTitle'))), h("div", { class: "drawer-toggle", part: "nps__drawer-toggle--container" }, h("span", { class: `chevron ${this.isOpen ? 'open' : 'closed'} `, onClick: () => this.toggleConfirmationEmail() }, h("chevron-icon", { width: "24", height: "24" }))))) : null, h("div", { key: 'cbd697408c8794ed3da1a7240cde839c28bd8e71', class: "hidden" }, h("input-color-picker", { key: 'b378ea6f4174ca07ad2f8c363f4dbfb108211a5d', name: "color-picker" })), h("div", { key: '6f210a564f347f40c18516bf4e39475cc48d9f57', id: "nylas-page-styling__body", class: "nylas-page-styling__body", part: "nps__body" }, h("div", { key: '793428c898c430412ebc3474aa01498c11a46842', class: { 'nylas-page-styling__section': true, 'no-padding': !showContent } }, h("div", { key: '18d8e84857d9ca6cb82b055f4218577d9974d0bb', class: "nylas-page-styling__row" }, h("div", { key: '4c17031c6f90a042bfad62c202bc0e9f9704471c', class: { subsection: true, hide: !this.isOpen } }, !this.hasCustomSlot && this.currentAppearance ? this.renderDefaultInputs() : null)))))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
@@ -8140,7 +8140,7 @@ const NylasParticipantsCustomAvailability = class {
                 debug(`Malformed participant name format: ${name}. Expected format: "participant-availability-{participantId}-{uniqueKey}"`);
                 return;
             }
-            const key = nameParts[3];
+            const key = nameParts.slice(3).join('-');
             if (!this.selectedParticipants[key])
                 return;
             const existingOpenHours = jsonValue.openHours || [];
@@ -8161,7 +8161,7 @@ const NylasParticipantsCustomAvailability = class {
                 debug(`Malformed participant specific date name format: ${name}. Expected format: "participant-specific-time-availability-{index}-{uniqueKey}"`);
                 return;
             }
-            const key = nameParts[5];
+            const key = nameParts.slice(5).join('-');
             if (!this.selectedParticipants[key])
                 return;
             const existingSpecificTimeAvailability = jsonValue || [];
@@ -8238,7 +8238,7 @@ const NylasParticipantsCustomAvailability = class {
         return this.internals !== undefined && typeof this.internals.setFormValue === 'function' && typeof this.internals.setValidity === 'function';
     }
     render() {
-        return (h(Host, { key: '723367d6b42ba75ede45e8107612a8d7b80f7a62' }, h("div", { key: '1f150fb58b7b4c1f49d03fc2ff3477c558f24b42', class: "nylas-participants-custom-availability", part: "npca" }, h("div", { key: 'faedc45330f58c808d894795e2b8d69356cab9a8', class: "header", part: "npca__header" }, h("h3", { key: 'c9a0ae26b76bf1eb04d012f29c3ff293cf2ced72' }, instance.t('nylasParticipantCustomAvailability.headerTitle')), h("p", { key: 'adf10af1715e2c468dbbcb054177751581cd229a' }, instance.t('nylasParticipantCustomAvailability.headerSubTitle'))), this.validationError && (h("div", { key: 'bcec97341f9f23a47e0ecd68c4479e28502abec9', class: "validation-error", part: "npca__validation-error" }, h("span", { key: '9aa25d1c401f454dcf78495ee31e22c14dfb688e' }, this.validationError))), h("div", { key: '2c155fedebb19645e19353c4d0e812d032808bf3', class: "content", part: "npca__content" }, h("form", { key: 'f5e2336c74fefaea03a97138543db3fb63e09af7', ref: el => (this.participantFormRef = el) }, Object.keys(this.selectedParticipants).map((key, index) => {
+        return (h(Host, { key: '5ff7155db08b5adcfe1168adf8452f426f4fb66d' }, h("div", { key: '376210b2869e4e9c518ba6f6ab29aff086df8a86', class: "nylas-participants-custom-availability", part: "npca" }, h("div", { key: '0a7a2492da0927c3fc2eff3e5b74ee8dd873f5ce', class: "header", part: "npca__header" }, h("h3", { key: 'f38db5fea6b75ebf696c86371437149421f375b0' }, instance.t('nylasParticipantCustomAvailability.headerTitle')), h("p", { key: 'b64aa2227fc6c761161baee71df7ccfa1d4a0c0b' }, instance.t('nylasParticipantCustomAvailability.headerSubTitle'))), this.validationError && (h("div", { key: '902126476a17af8e5c5303bd7acd86ae95063c68', class: "validation-error", part: "npca__validation-error" }, h("span", { key: 'b3595b86576e9894e97127bad821714cc9f4a0ea' }, this.validationError))), h("div", { key: 'a03b0815c38caaa5255293efe25a2f8b5e65349a', class: "content", part: "npca__content" }, h("form", { key: '92b375ef71cd62bf4ed37b3fcee09c718e79bc3b', ref: el => (this.participantFormRef = el) }, Object.keys(this.selectedParticipants).map((key, index) => {
             const participant = this.selectedParticipants[key];
             const participantOpenHours = participant.availability?.open_hours || [];
             if (!participant || !participant.name)