@nylas/web-elements 2.5.10 → 2.5.12

package/dist/cdn/nylas-scheduler-editor/nylas-scheduler-editor.es.js

@@ -26612,7 +26612,7 @@ const LQ = () => ({
   lazyLoadIntegration: CX,
   getModalIntegration: () => DQ,
   getScreenshotIntegration: () => LQ
-}), Yr = "2.5.10", $Q = ".sc-add-circle-icon-h{display:flex}", BQ = De(class extends Ae {
+}), Yr = "2.5.12", $Q = ".sc-add-circle-icon-h{display:flex}", BQ = De(class extends Ae {
   constructor() {
     super(), this.__registerHost(), this.width = "24", this.height = "25";
   }
@@ -36822,9 +36822,9 @@ const ZN = De(class extends Ae {
     }), t;
   }
   selectedConfigurationChangedHandler(e) {
-    var d, u;
-    x("nylas-page-styling", "selectedConfigurationChangedHandler", e), this.currentAppearance = (e == null ? void 0 : e.appearance) || {};
-    const t = document.querySelector("nylas-scheduler-editor"), i = (d = t == null ? void 0 : t.shadowRoot) == null ? void 0 : d.querySelector('slot[name="custom-page-style-inputs"]');
+    var d, u, p;
+    x("nylas-page-styling", "selectedConfigurationChangedHandler", e), this.currentAppearance = (e == null ? void 0 : e.appearance) || {}, typeof ((d = this.internals) == null ? void 0 : d.setFormValue) == "function" && this.internals.setFormValue(JSON.stringify(this.currentAppearance), this.name);
+    const t = document.querySelector("nylas-scheduler-editor"), i = (u = t == null ? void 0 : t.shadowRoot) == null ? void 0 : u.querySelector('slot[name="custom-page-style-inputs"]');
     if (!i) {
       this.hasCustomSlot = !1;
       return;
@@ -36836,18 +36836,21 @@ const ZN = De(class extends Ae {
     }
     this.hasCustomSlot = !0;
     const r = document.createElement("div");
-    a == null || a.forEach((p) => {
-      const y = this.cloneAndCopyProps(p);
-      this.customInputsSlotChangedHandler(y), r.appendChild(y);
+    a == null || a.forEach((y) => {
+      const f = this.cloneAndCopyProps(y);
+      this.customInputsSlotChangedHandler(f), r.appendChild(f);
     });
-    const o = (u = this.host.shadowRoot) == null ? void 0 : u.querySelector(".nylas-page-styling"), s = o == null ? void 0 : o.querySelector(".nylas-page-styling__body .subsection");
-    s && (s.innerHTML = "", r.childNodes.forEach((p) => {
-      s.appendChild(p);
+    const o = (p = this.host.shadowRoot) == null ? void 0 : p.querySelector(".nylas-page-styling"), s = o == null ? void 0 : o.querySelector(".nylas-page-styling__body .subsection");
+    s && (s.innerHTML = "", r.childNodes.forEach((y) => {
+      s.appendChild(y);
     }), this.customInputsSlot = r);
   }
   checkIfElementIsInSlot(e) {
     var a;
-    return (document == null ? void 0 : document.querySelector(`[slot="custom-page-style-inputs"] [name="${e}"]`)) ? !0 : !!((a = this.host.shadowRoot) == null ? void 0 : a.querySelector(`[data-page-styling] [name="${e}"], [data-page-styling][name="${e}"]`));
+    if (document == null ? void 0 : document.querySelector(`[slot="custom-page-style-inputs"] [name="${e}"]`))
+      return !0;
+    const i = ((a = this.host.shadowRoot) == null ? void 0 : a.querySelectorAll("[data-page-styling]")) ?? [];
+    return Array.from(i).some((r) => r.name === e || r.getAttribute("name") === e);
   }
   async nylasFormInputChangeHandler(e) {
     var r;
@@ -36900,7 +36903,7 @@ const ZN = De(class extends Ae {
   }
   render() {
     const e = this.customInputsSlot || !this.hasCustomSlot && !!this.currentAppearance;
-    return c(Ke, { key: "51cb55b429a7c380a59cfdd3e7663e537d0336f2" }, c("div", { key: "cec03b7514ea76f9eae208fe9ffb4a59ac2be7ca", part: "nps", class: { "nylas-page-styling": !0, "no-border": !e } }, e ? c("div", { class: "header", part: "nps__header" }, c("div", null, c("h3", null, w.t("nylasPageStyling.headerTitle"))), c("div", { class: "drawer-toggle", part: "nps__drawer-toggle--container" }, c("span", { class: `chevron ${this.isOpen ? "open" : "closed"} `, onClick: () => this.toggleConfirmationEmail() }, c("chevron-icon", { width: "24", height: "24" })))) : null, c("div", { key: "fae5f5589b104ec2efb3664bcf543d617bf60936", class: "hidden" }, c("input-color-picker", { key: "4d3fcbd0610d15b53864bce5d88573820d40ae7b", name: "color-picker" })), c("div", { key: "838f106c40aacc1d6f0735e7cee2f422314c3c01", id: "nylas-page-styling__body", class: "nylas-page-styling__body", part: "nps__body" }, c("div", { key: "f545c3b058615419e1ac7c3e40bc27f8a5c3eef7", class: { "nylas-page-styling__section": !0, "no-padding": !e } }, c("div", { key: "fc4b41d07ccbae50dd8256e31fe2cbed36522118", class: "nylas-page-styling__row" }, c("div", { key: "4ed2cc417be995894580a9f6fe2e3ebee56bc932", class: { subsection: !0, hide: !this.isOpen } }, !this.hasCustomSlot && this.currentAppearance ? this.renderDefaultInputs() : null))))));
+    return c(Ke, { key: "68ff4f23782f0d5fbfa30d006d804663cfd4c7a2" }, c("div", { key: "4db1b16c2a559b759666a18cfc5ce1df427e3120", part: "nps", class: { "nylas-page-styling": !0, "no-border": !e } }, e ? c("div", { class: "header", part: "nps__header" }, c("div", null, c("h3", null, w.t("nylasPageStyling.headerTitle"))), c("div", { class: "drawer-toggle", part: "nps__drawer-toggle--container" }, c("span", { class: `chevron ${this.isOpen ? "open" : "closed"} `, onClick: () => this.toggleConfirmationEmail() }, c("chevron-icon", { width: "24", height: "24" })))) : null, c("div", { key: "cbd697408c8794ed3da1a7240cde839c28bd8e71", class: "hidden" }, c("input-color-picker", { key: "b378ea6f4174ca07ad2f8c363f4dbfb108211a5d", name: "color-picker" })), c("div", { key: "6f210a564f347f40c18516bf4e39475cc48d9f57", id: "nylas-page-styling__body", class: "nylas-page-styling__body", part: "nps__body" }, c("div", { key: "793428c898c430412ebc3474aa01498c11a46842", class: { "nylas-page-styling__section": !0, "no-padding": !e } }, c("div", { key: "18d8e84857d9ca6cb82b055f4218577d9974d0bb", class: "nylas-page-styling__row" }, c("div", { key: "4c17031c6f90a042bfad62c202bc0e9f9704471c", class: { subsection: !0, hide: !this.isOpen } }, !this.hasCustomSlot && this.currentAppearance ? this.renderDefaultInputs() : null))))));
   }
   static get formAssociated() {
     return !0;

package/dist/cdn/nylas-scheduling/nylas-scheduling.es.js

@@ -26103,7 +26103,7 @@ const oF = () => ({
   lazyLoadIntegration: VR,
   getModalIntegration: () => eF,
   getScreenshotIntegration: () => oF
-}), No = "2.5.10", lF = (t, e, n) => {
+}), No = "2.5.12", lF = (t, e, n) => {
   const i = t.get(e);
   i ? i.includes(n) || i.push(n) : t.set(e, [n]);
 }, cF = (t, e) => {

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

@@ -7609,6 +7609,9 @@ const NylasPageStyling = class {
     selectedConfigurationChangedHandler(newValue) {
         utils.debug('nylas-page-styling', 'selectedConfigurationChangedHandler', newValue);
         this.currentAppearance = newValue?.appearance || {};
+        if (typeof this.internals?.setFormValue === 'function') {
+            this.internals.setFormValue(JSON.stringify(this.currentAppearance), this.name);
+        }
         const editor = document.querySelector('nylas-scheduler-editor');
         const slotElement = editor?.shadowRoot?.querySelector('slot[name="custom-page-style-inputs"]');
         if (!slotElement) {
@@ -7641,8 +7644,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;
@@ -7720,7 +7723,7 @@ const NylasPageStyling = class {
     }
     render() {
         const showContent = this.customInputsSlot || (!this.hasCustomSlot && !!this.currentAppearance);
-        return (index$1.h(index$1.Host, { key: '51cb55b429a7c380a59cfdd3e7663e537d0336f2' }, index$1.h("div", { key: 'cec03b7514ea76f9eae208fe9ffb4a59ac2be7ca', part: "nps", class: { 'nylas-page-styling': true, 'no-border': !showContent } }, showContent ? (index$1.h("div", { class: "header", part: "nps__header" }, index$1.h("div", null, index$1.h("h3", null, utils.instance.t('nylasPageStyling.headerTitle'))), index$1.h("div", { class: "drawer-toggle", part: "nps__drawer-toggle--container" }, index$1.h("span", { class: `chevron ${this.isOpen ? 'open' : 'closed'} `, onClick: () => this.toggleConfirmationEmail() }, index$1.h("chevron-icon", { width: "24", height: "24" }))))) : null, index$1.h("div", { key: 'fae5f5589b104ec2efb3664bcf543d617bf60936', class: "hidden" }, index$1.h("input-color-picker", { key: '4d3fcbd0610d15b53864bce5d88573820d40ae7b', name: "color-picker" })), index$1.h("div", { key: '838f106c40aacc1d6f0735e7cee2f422314c3c01', id: "nylas-page-styling__body", class: "nylas-page-styling__body", part: "nps__body" }, index$1.h("div", { key: 'f545c3b058615419e1ac7c3e40bc27f8a5c3eef7', class: { 'nylas-page-styling__section': true, 'no-padding': !showContent } }, index$1.h("div", { key: 'fc4b41d07ccbae50dd8256e31fe2cbed36522118', class: "nylas-page-styling__row" }, index$1.h("div", { key: '4ed2cc417be995894580a9f6fe2e3ebee56bc932', class: { subsection: true, hide: !this.isOpen } }, !this.hasCustomSlot && this.currentAppearance ? this.renderDefaultInputs() : null)))))));
+        return (index$1.h(index$1.Host, { key: '68ff4f23782f0d5fbfa30d006d804663cfd4c7a2' }, index$1.h("div", { key: '4db1b16c2a559b759666a18cfc5ce1df427e3120', part: "nps", class: { 'nylas-page-styling': true, 'no-border': !showContent } }, showContent ? (index$1.h("div", { class: "header", part: "nps__header" }, index$1.h("div", null, index$1.h("h3", null, utils.instance.t('nylasPageStyling.headerTitle'))), index$1.h("div", { class: "drawer-toggle", part: "nps__drawer-toggle--container" }, index$1.h("span", { class: `chevron ${this.isOpen ? 'open' : 'closed'} `, onClick: () => this.toggleConfirmationEmail() }, index$1.h("chevron-icon", { width: "24", height: "24" }))))) : null, index$1.h("div", { key: 'cbd697408c8794ed3da1a7240cde839c28bd8e71', class: "hidden" }, index$1.h("input-color-picker", { key: 'b378ea6f4174ca07ad2f8c363f4dbfb108211a5d', name: "color-picker" })), index$1.h("div", { key: '6f210a564f347f40c18516bf4e39475cc48d9f57', id: "nylas-page-styling__body", class: "nylas-page-styling__body", part: "nps__body" }, index$1.h("div", { key: '793428c898c430412ebc3474aa01498c11a46842', class: { 'nylas-page-styling__section': true, 'no-padding': !showContent } }, index$1.h("div", { key: '18d8e84857d9ca6cb82b055f4218577d9974d0bb', class: "nylas-page-styling__row" }, index$1.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 index$1.getElement(this); }