npm - @nylas/web-elements - Versions diffs - 2.2.0 → 2.2.2 - Mend

@nylas/web-elements 2.2.0 → 2.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (202) hide show

package/dist/nylas-web-elements/nylas-min-booking-notice.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as e,a as n,h as o,d as l,e as a}from"./index-B-KMpdMZ.js";import{R as t}from"./register-component-BHk70oxk.js";import{b as s,i as r}from"./utils-Bj5Y75fX.js";const i=':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-min-booking-notice{display:flex;justify-content:space-between;font-family:var(--nylas-font-family)}@media screen and (max-width: 768px){.nylas-min-booking-notice{flex-direction:column;gap:0.5rem}}.nylas-min-booking-notice label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-min-booking-notice label span.label-icon{margin-left:4px}.nylas-min-booking-notice label span.label-icon tooltip-component{display:flex}select-dropdown::part(sd_dropdown-button){border:none}';var c=undefined&&undefined.__decorate||function(e,n,o,l){var a=arguments.length,t=a<3?n:l===null?l=Object.getOwnPropertyDescriptor(n,o):l,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")t=Reflect.decorate(e,n,o,l);else for(var r=e.length-1;r>=0;r--)if(s=e[r])t=(a<3?s(t):a>3?s(n,o,t):s(n,o))||t;return a>3&&t&&Object.defineProperty(n,o,t),t};var d=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const f=class{constructor(o){e(this,o);this.valueChanged=n(this,"valueChanged",7);if(o.$hostElement$["s-ei"]){this.internals=o.$hostElement$["s-ei"]}else{this.internals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.internals}this.name="min-booking-notice"}elementNameChangedHandler(e){s("nylas-min-booking-notice","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){const n=typeof e?.scheduler?.min_booking_notice!=="undefined"?e?.scheduler?.min_booking_notice:this.minBookingNotice||1;this.updateNumberAndPeriodFromMinutes(n);if(typeof this.internals.setFormValue!=="function"){return}this.internals.setFormValue(n?.toString(),this.name)}selectedLanguageChangedHandler(e,n){if(e===n)return;r.changeLanguage(e)}themeConfigChangedHandler(e,n){if(e===n)return;this.applyThemeConfig(e)}applyThemeConfig(e){if(e){for(const[n,o]of Object.entries(e)){this.host.style.setProperty(`${n}`,o)}}}connectedCallback(){s("nylas-min-booking-notice","connectedCallback")}componentWillLoad(){s("nylas-min-booking-notice","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-min-booking-notice","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.updateNumberAndPeriodFromMinutes(this.minBookingNotice||1)}}disconnectedCallback(){s("nylas-min-booking-notice","disconnectedCallback")}timePeriodChangedHandler(e){const{number:n,period:o}=e.detail;let l;const a=60;const t=a*24;const s=t*7;const r=t*30;if(o==="minute"){l=n}else if(o==="hour"){l=n*a}else if(o==="day"){l=n*t}else if(o==="week"){l=n*s}else if(o==="month"){l=n*r}else{l=0}this.valueChanged.emit({value:l,name:this.name});if(typeof this.internals.setFormValue!=="function"){return}this.internals.setFormValue(l.toString(),this.name)}updateNumberAndPeriodFromMinutes(e){const n=60;const o=n*24;const l=o*7;const a=o*30;let t,s;if(e===0){t=0;s="minute"}else if(e>=a&&e%a===0){t=Math.floor(e/a);s="month"}else if(e>=l&&e%l===0){t=Math.floor(e/l);s="week"}else if(e>=o&&e%o===0){t=Math.floor(e/o);s="day"}else if(e>=n&&e%n===0){t=Math.floor(e/n);s="hour"}else{t=e;s="minute"}this.selectedNumber=t;this.selectedPeriod=s}render(){const e=typeof this.selectedNumber=="number"&&typeof this.selectedPeriod=="string";return o(l,{key:"3006400b0879c97c1c1d111e7d1e83e6c718f8b1"},o("div",{key:"f7f26007c9cc63e0fdf5111a3162e463f77c58e2",class:"nylas-min-booking-notice",part:"nmbn"},o("label",{key:"81ebe1b7b020cb6d5a1c9dbba3bd3e8dee7d9a28"},r.t("nylasMinBookingNotice.headerTitle"),o("span",{key:"fcda7ea1eecb379e85d868342628517681b7d165",class:"label-icon"},o("tooltip-component",{key:"ba0d771d5eabfb8755a0bb4713175f105cd033a7"},o("info-icon",{key:"0e37d2f56ee8ccaa6e1a0e85f6016092046672e8",slot:"tooltip-icon"}),o("span",{key:"4139ff94c8160155d134ed04c435168882411f76",slot:"tooltip-content"},r.t("nylasMinBookingNotice.tooltip.desc"))))),e&&o("time-period-selector",{key:"df7f7bd0bd29bb23d1857d6c5a4a2ef05dfa3aad",id:"min-booking-notice",exportparts:"tps__number-dropdown: nmbn__number-dropdown, tps__number-dropdown-button: nmbn__number-dropdown-button, tps__number-dropdown-content: nmbn__number-dropdown-content, tps__period-dropdown: nmbn__period-dropdown, tps__period-dropdown-button: nmbn__period-dropdown-button, tps__period-dropdown-content: nmbn__period-dropdown-content",timePeriods:[{value:"minute",label:r.t("timeDuration",{context:"minute"})},{value:"hour",label:r.t("timeDuration",{context:"hour"})},{value:"day",label:r.t("timePeriod",{context:"day"})},{value:"week",label:r.t("timePeriod",{context:"week"})}],defaultSelectedNumber:this.selectedNumber,defaultSelectedPeriod:this.selectedPeriod,themeConfig:this.themeConfig})))}static get formAssociated(){return true}get host(){return a(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};c([t({name:"nylas-min-booking-notice",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:true}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],f.prototype,"render",null);f.style=i;export{f as nylas_min_booking_notice};
+import{r as e,a as n,h as o,d as l,e as a}from"./index-Cbn5rIwb.js";import{R as t}from"./register-component-Blj8K64f.js";import{b as s,i as r}from"./utils-DhmCcrVs.js";const i=':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-min-booking-notice{display:flex;justify-content:space-between;font-family:var(--nylas-font-family)}@media screen and (max-width: 768px){.nylas-min-booking-notice{flex-direction:column;gap:0.5rem}}.nylas-min-booking-notice label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-min-booking-notice label span.label-icon{margin-left:4px}.nylas-min-booking-notice label span.label-icon tooltip-component{display:flex}select-dropdown::part(sd_dropdown-button){border:none}';var c=undefined&&undefined.__decorate||function(e,n,o,l){var a=arguments.length,t=a<3?n:l===null?l=Object.getOwnPropertyDescriptor(n,o):l,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")t=Reflect.decorate(e,n,o,l);else for(var r=e.length-1;r>=0;r--)if(s=e[r])t=(a<3?s(t):a>3?s(n,o,t):s(n,o))||t;return a>3&&t&&Object.defineProperty(n,o,t),t};var d=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const f=class{constructor(o){e(this,o);this.valueChanged=n(this,"valueChanged",7);if(o.$hostElement$["s-ei"]){this.internals=o.$hostElement$["s-ei"]}else{this.internals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.internals}this.name="min-booking-notice"}elementNameChangedHandler(e){s("nylas-min-booking-notice","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){const n=typeof e?.scheduler?.min_booking_notice!=="undefined"?e?.scheduler?.min_booking_notice:this.minBookingNotice||1;this.updateNumberAndPeriodFromMinutes(n);if(typeof this.internals.setFormValue!=="function"){return}this.internals.setFormValue(n?.toString(),this.name)}selectedLanguageChangedHandler(e,n){if(e===n)return;r.changeLanguage(e)}themeConfigChangedHandler(e,n){if(e===n)return;this.applyThemeConfig(e)}applyThemeConfig(e){if(e){for(const[n,o]of Object.entries(e)){this.host.style.setProperty(`${n}`,o)}}}connectedCallback(){s("nylas-min-booking-notice","connectedCallback")}componentWillLoad(){s("nylas-min-booking-notice","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-min-booking-notice","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.updateNumberAndPeriodFromMinutes(this.minBookingNotice||1)}}disconnectedCallback(){s("nylas-min-booking-notice","disconnectedCallback")}timePeriodChangedHandler(e){const{number:n,period:o}=e.detail;let l;const a=60;const t=a*24;const s=t*7;const r=t*30;if(o==="minute"){l=n}else if(o==="hour"){l=n*a}else if(o==="day"){l=n*t}else if(o==="week"){l=n*s}else if(o==="month"){l=n*r}else{l=0}this.valueChanged.emit({value:l,name:this.name});if(typeof this.internals.setFormValue!=="function"){return}this.internals.setFormValue(l.toString(),this.name)}updateNumberAndPeriodFromMinutes(e){const n=60;const o=n*24;const l=o*7;const a=o*30;let t,s;if(e===0){t=0;s="minute"}else if(e>=a&&e%a===0){t=Math.floor(e/a);s="month"}else if(e>=l&&e%l===0){t=Math.floor(e/l);s="week"}else if(e>=o&&e%o===0){t=Math.floor(e/o);s="day"}else if(e>=n&&e%n===0){t=Math.floor(e/n);s="hour"}else{t=e;s="minute"}this.selectedNumber=t;this.selectedPeriod=s}render(){const e=typeof this.selectedNumber=="number"&&typeof this.selectedPeriod=="string";return o(l,{key:"3006400b0879c97c1c1d111e7d1e83e6c718f8b1"},o("div",{key:"f7f26007c9cc63e0fdf5111a3162e463f77c58e2",class:"nylas-min-booking-notice",part:"nmbn"},o("label",{key:"81ebe1b7b020cb6d5a1c9dbba3bd3e8dee7d9a28"},r.t("nylasMinBookingNotice.headerTitle"),o("span",{key:"fcda7ea1eecb379e85d868342628517681b7d165",class:"label-icon"},o("tooltip-component",{key:"ba0d771d5eabfb8755a0bb4713175f105cd033a7"},o("info-icon",{key:"0e37d2f56ee8ccaa6e1a0e85f6016092046672e8",slot:"tooltip-icon"}),o("span",{key:"4139ff94c8160155d134ed04c435168882411f76",slot:"tooltip-content"},r.t("nylasMinBookingNotice.tooltip.desc"))))),e&&o("time-period-selector",{key:"df7f7bd0bd29bb23d1857d6c5a4a2ef05dfa3aad",id:"min-booking-notice",exportparts:"tps__number-dropdown: nmbn__number-dropdown, tps__number-dropdown-button: nmbn__number-dropdown-button, tps__number-dropdown-content: nmbn__number-dropdown-content, tps__period-dropdown: nmbn__period-dropdown, tps__period-dropdown-button: nmbn__period-dropdown-button, tps__period-dropdown-content: nmbn__period-dropdown-content",timePeriods:[{value:"minute",label:r.t("timeDuration",{context:"minute"})},{value:"hour",label:r.t("timeDuration",{context:"hour"})},{value:"day",label:r.t("timePeriod",{context:"day"})},{value:"week",label:r.t("timePeriod",{context:"week"})}],defaultSelectedNumber:this.selectedNumber,defaultSelectedPeriod:this.selectedPeriod,themeConfig:this.themeConfig})))}static get formAssociated(){return true}get host(){return a(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};c([t({name:"nylas-min-booking-notice",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:true}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],f.prototype,"render",null);f.style=i;export{f as nylas_min_booking_notice};
 //# sourceMappingURL=nylas-min-booking-notice.entry.js.map

package/dist/nylas-web-elements/nylas-min-cancellation-notice.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as e,a as n,h as o,d as l,e as a}from"./index-B-KMpdMZ.js";import{R as t}from"./register-component-BHk70oxk.js";import{b as c,i as s}from"./utils-Bj5Y75fX.js";const r=':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-min-cancellation-notice{display:flex;justify-content:space-between;font-family:var(--nylas-font-family)}@media screen and (max-width: 768px){.nylas-min-cancellation-notice{flex-direction:column;gap:0.5rem}}.nylas-min-cancellation-notice label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-min-cancellation-notice label span.label-icon{margin-left:4px}.nylas-min-cancellation-notice label span.label-icon tooltip-component{display:flex}select-dropdown::part(sd_dropdown-button){border:none}';var i=undefined&&undefined.__decorate||function(e,n,o,l){var a=arguments.length,t=a<3?n:l===null?l=Object.getOwnPropertyDescriptor(n,o):l,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")t=Reflect.decorate(e,n,o,l);else for(var s=e.length-1;s>=0;s--)if(c=e[s])t=(a<3?c(t):a>3?c(n,o,t):c(n,o))||t;return a>3&&t&&Object.defineProperty(n,o,t),t};var d=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const f=class{constructor(o){e(this,o);this.valueChanged=n(this,"valueChanged",7);if(o.$hostElement$["s-ei"]){this.internals=o.$hostElement$["s-ei"]}else{this.internals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.internals}this.name="min-cancellation-notice"}elementNameChangedHandler(e){c("nylas-min-cancellation-notice","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){const n=typeof e?.scheduler?.min_cancellation_notice!=="undefined"?e?.scheduler?.min_cancellation_notice:this.minCancellationNotice||0;if(typeof n==="number"){this.updateNumberAndPeriodFromMinutes(n)}if(typeof this.internals.setFormValue!=="function"){return}this.internals.setFormValue(n?.toString(),this.name)}selectedLanguageChangedHandler(e,n){if(e===n)return;s.changeLanguage(e)}themeConfigChangedHandler(e,n){if(e===n)return;this.applyThemeConfig(e)}applyThemeConfig(e){if(e){for(const[n,o]of Object.entries(e)){this.host.style.setProperty(`${n}`,o)}}}connectedCallback(){c("nylas-min-cancellation-notice","connectedCallback")}componentWillLoad(){c("nylas-min-cancellation-notice","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){c("nylas-min-cancellation-notice","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.updateNumberAndPeriodFromMinutes(this.minCancellationNotice||0)}}disconnectedCallback(){c("nylas-min-cancellation-notice","disconnectedCallback")}timePeriodChangedHandler(e){const{number:n,period:o}=e.detail;let l;const a=60;const t=a*24;const c=t*7;const s=t*30;if(o==="minute"){l=n}else if(o==="hour"){l=n*a}else if(o==="day"){l=n*t}else if(o==="week"){l=n*c}else if(o==="month"){l=n*s}else{l=0}this.valueChanged.emit({value:l,name:this.name});if(typeof this.internals.setFormValue!=="function"){return}this.internals.setFormValue(l.toString(),this.name)}updateNumberAndPeriodFromMinutes(e){const n=60;const o=n*24;const l=o*7;const a=o*30;let t,c;if(e===0){t=0;c="minute"}else if(e%a===0&&e>=a){t=e/a;c="month"}else if(e%l===0&&e>=l){t=e/l;c="week"}else if(e%o===0&&e>=o){t=e/o;c="day"}else if(e%n===0&&e>=n){t=e/n;c="hour"}else{t=e;c="minute"}this.selectedNumber=t;this.selectedPeriod=c}render(){const e=typeof this.selectedNumber=="number"&&typeof this.selectedPeriod=="string";return o(l,{key:"5a15c23ce211bdee4062ff734a6c30739526f4c6"},o("div",{key:"a784080f253694c30b60b5b86294cbdd10b78483",class:"nylas-min-cancellation-notice",part:"nmcn"},o("label",{key:"b549a85c48f099d456f49b89bcaa474bf87d921b"},s.t("nylasMinCancellationNotice.headerTitle"),o("span",{key:"cbe4091a5a196f08d8b5987814360f34b1848bfe",class:"label-icon"},o("tooltip-component",{key:"2c7601d9eb9fc397e95dd5e20ba59ed4bbf79c2d"},o("info-icon",{key:"ce240d010997c3d38526cee5cd748d144eca39e8",slot:"tooltip-icon"}),o("span",{key:"85c1c9a56935a8cc4045eb7cc1aa272af16750cf",slot:"tooltip-content"},s.t("nylasMinCancellationNotice.tooltip.desc"))))),e&&o("time-period-selector",{key:"fc753c9eb6b8d5ca889b33e1a81bc26fd700bcbe",id:"min-cancellation-notice",exportparts:"tps__number-dropdown: nmcn__number-dropdown, tps__number-dropdown-button: nmcn__number-dropdown-button, tps__number-dropdown-content: nmcn__number-dropdown-content, tps__period-dropdown: nmcn__period-dropdown, tps__period-dropdown-button: nmcn__period-dropdown-button, tps__period-dropdown-content: nmcn__period-dropdown-content",timePeriods:[{value:"minute",label:s.t("timeDuration",{context:"minute"})},{value:"hour",label:s.t("timeDuration",{context:"hour"})},{value:"day",label:s.t("timePeriod",{context:"day"})},{value:"week",label:s.t("timePeriod",{context:"week"})}],defaultSelectedNumber:this.selectedNumber,defaultSelectedPeriod:this.selectedPeriod,themeConfig:this.themeConfig})))}static get formAssociated(){return true}get host(){return a(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};i([t({name:"nylas-min-cancellation-notice",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:true}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],f.prototype,"render",null);f.style=r;export{f as nylas_min_cancellation_notice};
+import{r as e,a as n,h as o,d as l,e as a}from"./index-Cbn5rIwb.js";import{R as t}from"./register-component-Blj8K64f.js";import{b as c,i as s}from"./utils-DhmCcrVs.js";const r=':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-min-cancellation-notice{display:flex;justify-content:space-between;font-family:var(--nylas-font-family)}@media screen and (max-width: 768px){.nylas-min-cancellation-notice{flex-direction:column;gap:0.5rem}}.nylas-min-cancellation-notice label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-min-cancellation-notice label span.label-icon{margin-left:4px}.nylas-min-cancellation-notice label span.label-icon tooltip-component{display:flex}select-dropdown::part(sd_dropdown-button){border:none}';var i=undefined&&undefined.__decorate||function(e,n,o,l){var a=arguments.length,t=a<3?n:l===null?l=Object.getOwnPropertyDescriptor(n,o):l,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")t=Reflect.decorate(e,n,o,l);else for(var s=e.length-1;s>=0;s--)if(c=e[s])t=(a<3?c(t):a>3?c(n,o,t):c(n,o))||t;return a>3&&t&&Object.defineProperty(n,o,t),t};var d=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const f=class{constructor(o){e(this,o);this.valueChanged=n(this,"valueChanged",7);if(o.$hostElement$["s-ei"]){this.internals=o.$hostElement$["s-ei"]}else{this.internals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.internals}this.name="min-cancellation-notice"}elementNameChangedHandler(e){c("nylas-min-cancellation-notice","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){const n=typeof e?.scheduler?.min_cancellation_notice!=="undefined"?e?.scheduler?.min_cancellation_notice:this.minCancellationNotice||0;if(typeof n==="number"){this.updateNumberAndPeriodFromMinutes(n)}if(typeof this.internals.setFormValue!=="function"){return}this.internals.setFormValue(n?.toString(),this.name)}selectedLanguageChangedHandler(e,n){if(e===n)return;s.changeLanguage(e)}themeConfigChangedHandler(e,n){if(e===n)return;this.applyThemeConfig(e)}applyThemeConfig(e){if(e){for(const[n,o]of Object.entries(e)){this.host.style.setProperty(`${n}`,o)}}}connectedCallback(){c("nylas-min-cancellation-notice","connectedCallback")}componentWillLoad(){c("nylas-min-cancellation-notice","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){c("nylas-min-cancellation-notice","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.updateNumberAndPeriodFromMinutes(this.minCancellationNotice||0)}}disconnectedCallback(){c("nylas-min-cancellation-notice","disconnectedCallback")}timePeriodChangedHandler(e){const{number:n,period:o}=e.detail;let l;const a=60;const t=a*24;const c=t*7;const s=t*30;if(o==="minute"){l=n}else if(o==="hour"){l=n*a}else if(o==="day"){l=n*t}else if(o==="week"){l=n*c}else if(o==="month"){l=n*s}else{l=0}this.valueChanged.emit({value:l,name:this.name});if(typeof this.internals.setFormValue!=="function"){return}this.internals.setFormValue(l.toString(),this.name)}updateNumberAndPeriodFromMinutes(e){const n=60;const o=n*24;const l=o*7;const a=o*30;let t,c;if(e===0){t=0;c="minute"}else if(e%a===0&&e>=a){t=e/a;c="month"}else if(e%l===0&&e>=l){t=e/l;c="week"}else if(e%o===0&&e>=o){t=e/o;c="day"}else if(e%n===0&&e>=n){t=e/n;c="hour"}else{t=e;c="minute"}this.selectedNumber=t;this.selectedPeriod=c}render(){const e=typeof this.selectedNumber=="number"&&typeof this.selectedPeriod=="string";return o(l,{key:"5a15c23ce211bdee4062ff734a6c30739526f4c6"},o("div",{key:"a784080f253694c30b60b5b86294cbdd10b78483",class:"nylas-min-cancellation-notice",part:"nmcn"},o("label",{key:"b549a85c48f099d456f49b89bcaa474bf87d921b"},s.t("nylasMinCancellationNotice.headerTitle"),o("span",{key:"cbe4091a5a196f08d8b5987814360f34b1848bfe",class:"label-icon"},o("tooltip-component",{key:"2c7601d9eb9fc397e95dd5e20ba59ed4bbf79c2d"},o("info-icon",{key:"ce240d010997c3d38526cee5cd748d144eca39e8",slot:"tooltip-icon"}),o("span",{key:"85c1c9a56935a8cc4045eb7cc1aa272af16750cf",slot:"tooltip-content"},s.t("nylasMinCancellationNotice.tooltip.desc"))))),e&&o("time-period-selector",{key:"fc753c9eb6b8d5ca889b33e1a81bc26fd700bcbe",id:"min-cancellation-notice",exportparts:"tps__number-dropdown: nmcn__number-dropdown, tps__number-dropdown-button: nmcn__number-dropdown-button, tps__number-dropdown-content: nmcn__number-dropdown-content, tps__period-dropdown: nmcn__period-dropdown, tps__period-dropdown-button: nmcn__period-dropdown-button, tps__period-dropdown-content: nmcn__period-dropdown-content",timePeriods:[{value:"minute",label:s.t("timeDuration",{context:"minute"})},{value:"hour",label:s.t("timeDuration",{context:"hour"})},{value:"day",label:s.t("timePeriod",{context:"day"})},{value:"week",label:s.t("timePeriod",{context:"week"})}],defaultSelectedNumber:this.selectedNumber,defaultSelectedPeriod:this.selectedPeriod,themeConfig:this.themeConfig})))}static get formAssociated(){return true}get host(){return a(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};i([t({name:"nylas-min-cancellation-notice",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{},fireRegisterEvent:true}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],f.prototype,"render",null);f.style=r;export{f as nylas_min_cancellation_notice};
 //# sourceMappingURL=nylas-min-cancellation-notice.entry.js.map

package/dist/nylas-web-elements/nylas-notification.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as o,h as s,d as n,F as a,e}from"./index-B-KMpdMZ.js";import{b as r}from"./utils-Bj5Y75fX.js";const l=':host{display:block;margin-bottom:-12px;width:100%;z-index:1;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.notif{display:flex;padding:17px;align-items:flex-start;justify-content:space-between;gap:16px;border-radius:var(--nylas-border-radius-2x);border:1.5px solid var(--nylas-error);background:var(--nylas-base-0)}@media screen and (max-width: 768px){.notif{width:auto}}.notif .content{display:flex;flex-direction:row;gap:8px}.notif .content .message{font-size:14px;font-weight:400;color:var(--nylas-base-800)}.notif .content .message .title{font-size:16px;font-weight:600;color:var(--nylas-base-950);display:block}.notif .content .message .description{font-size:14px;font-weight:400;color:var(--nylas-base-800);display:block;word-break:break-word}.notif .content .icon.error{color:var(--nylas-error)}.notif.error{border-color:var(--nylas-error);background:rgb(255, 248, 248)}.notif.warning{border-color:var(--nylas-warning)}.notif.info{border-color:var(--nylas-info)}.notif.success{border-color:var(--nylas-success)}.notif .dismiss-btn{background:none;border:none;color:var(--nylas-base-950);cursor:pointer}';const i=class{constructor(s){o(this,s);this.ttl=5e3;this.allowedCategories=["component","api","validation","invalid_session"];this.notifications=[]}onError(o){r(`[nylas-notification] Error: ${o.detail.notification.title}`);this.handleNotification(o)}onWarning(o){r(`[nylas-notification] Warning: ${o.detail.notification.title}`);this.handleNotification(o)}onInfo(o){r(`[nylas-notification] Info: ${o.detail.notification.title}`);this.handleNotification(o)}onSuccess(o){r(`[nylas-notification] Success: ${o.detail.notification.title}`);this.handleNotification(o)}onDismissNotification(o){this.dismissNotification(o.detail.id)}isChildOf(o){let s=this.host.parentNode;while(s){if(s===o){return true}if(s instanceof ShadowRoot){s=s.host}else{s=s.parentNode}}return false}handleNotification(o){const s=o.detail.host;if(o.defaultPrevented){r(`[nylas-notification] Event default prevented`);return}if(s&&!this.isChildOf(s)){r(`[nylas-notification] Host not a parent`);return}if(this.ttl===0){r(`[nylas-notification] TTL is 0`);return}if(this.allowedCategories.length>0&&!this.allowedCategories.includes(o.detail.notification.category)){r(`[nylas-notification] Category not allowed`);return}if(this.notifications.find((s=>s.id===o.detail.notification.id))){r(`[nylas-notification] Notification already exists`);return}this.notifications=[...this.notifications,{...o.detail.notification}];if(o.detail.notification.ttl!=="none"){const s=o.detail.notification.ttl?o.detail.notification.ttl:this.ttl;window.setTimeout((()=>{this.notifications=this.notifications.filter((s=>s.id!==o.detail.notification.id))}),s)}}dismissNotification(o){this.notifications=this.notifications.filter((s=>s.id!==o))}render(){return s(n,{key:"a9bf84c395c5b11586b30428c2ba1393a570afa3"},s(a,{key:"3db55032aabd2a8f83b9242c3b6a2d973b22a6de"},this.notifications.map((o=>s("div",{class:`notif ${o.type}`,key:o.id},s("div",{class:"content"},s("span",{class:`icon ${o.type}`},(o.type==="error"||o.type==="warning")&&s("warning-icon",null)),s("span",{class:"message"},s("span",{class:"title"},o.title),o.description&&s("span",{class:"description"},o.description))),s("button",{class:"dismiss-btn",onClick:()=>this.dismissNotification(o.id)},s("close-icon",null))))),s("slot",{key:"407dd08710935605c65932413dd1a9dc8e03fa3b"})))}get host(){return e(this)}};i.style=l;export{i as nylas_notification};
+import{r as o,h as s,d as n,F as a,e as r}from"./index-Cbn5rIwb.js";import{b as e}from"./utils-DhmCcrVs.js";const l=':host{display:block;margin-bottom:-12px;width:100%;z-index:1;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.notif{display:flex;padding:17px;align-items:flex-start;justify-content:space-between;gap:16px;border-radius:var(--nylas-border-radius-2x);border:1.5px solid var(--nylas-error);background:var(--nylas-base-0)}@media screen and (max-width: 768px){.notif{width:auto}}.notif .content{display:flex;flex-direction:row;gap:8px}.notif .content .message{font-size:14px;font-weight:400;color:var(--nylas-base-800)}.notif .content .message .title{font-size:16px;font-weight:600;color:var(--nylas-base-950);display:block}.notif .content .message .description{font-size:14px;font-weight:400;color:var(--nylas-base-800);display:block;word-break:break-word}.notif .content .icon.error{color:var(--nylas-error)}.notif.error{border-color:var(--nylas-error);background:rgb(255, 248, 248)}.notif.warning{border-color:var(--nylas-warning)}.notif.info{border-color:var(--nylas-info)}.notif.success{border-color:var(--nylas-success)}.notif .dismiss-btn{background:none;border:none;color:var(--nylas-base-950);cursor:pointer}';const i=class{constructor(s){o(this,s);this.ttl=5e3;this.allowedCategories=["component","api","validation","invalid_session"];this.notifications=[]}onError(o){e(`[nylas-notification] Error: ${o.detail.notification.title}`);this.handleNotification(o)}onWarning(o){e(`[nylas-notification] Warning: ${o.detail.notification.title}`);this.handleNotification(o)}onInfo(o){e(`[nylas-notification] Info: ${o.detail.notification.title}`);this.handleNotification(o)}onSuccess(o){e(`[nylas-notification] Success: ${o.detail.notification.title}`);this.handleNotification(o)}onDismissNotification(o){this.dismissNotification(o.detail.id)}isChildOf(o){let s=this.host.parentNode;while(s){if(s===o){return true}if(s instanceof ShadowRoot){s=s.host}else{s=s.parentNode}}return false}handleNotification(o){const s=o.detail.host;if(o.defaultPrevented){e(`[nylas-notification] Event default prevented`);return}if(s&&!this.isChildOf(s)){e(`[nylas-notification] Host not a parent`);return}if(this.ttl===0){e(`[nylas-notification] TTL is 0`);return}if(this.allowedCategories.length>0&&!this.allowedCategories.includes(o.detail.notification.category)){e(`[nylas-notification] Category not allowed`);return}if(this.notifications.find((s=>s.id===o.detail.notification.id))){e(`[nylas-notification] Notification already exists`);return}this.notifications=[...this.notifications,{...o.detail.notification}];if(o.detail.notification.ttl!=="none"){const s=o.detail.notification.ttl?o.detail.notification.ttl:this.ttl;window.setTimeout((()=>{this.notifications=this.notifications.filter((s=>s.id!==o.detail.notification.id))}),s)}}dismissNotification(o){this.notifications=this.notifications.filter((s=>s.id!==o))}render(){return s(n,{key:"a9bf84c395c5b11586b30428c2ba1393a570afa3"},s(a,{key:"3db55032aabd2a8f83b9242c3b6a2d973b22a6de"},this.notifications.map((o=>s("div",{class:`notif ${o.type}`,key:o.id},s("div",{class:"content"},s("span",{class:`icon ${o.type}`},(o.type==="error"||o.type==="warning")&&s("warning-icon",null)),s("span",{class:"message"},s("span",{class:"title"},o.title),o.description&&s("span",{class:"description"},o.description))),s("button",{class:"dismiss-btn",onClick:()=>this.dismissNotification(o.id)},s("close-icon",null))))),s("slot",{key:"407dd08710935605c65932413dd1a9dc8e03fa3b"})))}get host(){return r(this)}};i.style=l;export{i as nylas_notification};
 //# sourceMappingURL=nylas-notification.entry.js.map

package/dist/nylas-web-elements/nylas-notification.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["nylasNotificationCss","NylasNotification","constructor","hostRef","this","ttl","allowedCategories","notifications","onError","event","debug","detail","notification","title","handleNotification","onWarning","onInfo","onSuccess","onDismissNotification","dismissNotification","id","isChildOf","parentHost","parent","host","parentNode","ShadowRoot","defaultPrevented","length","includes","category","find","notif","window","setTimeout","filter","render","h","Host","key","Fragment","map","class","type","description","onClick"],"sources":["src/components/scheduler/nylas-notification/nylas-notification.scss?tag=nylas-notification&encapsulation=shadow","src/components/scheduler/nylas-notification/nylas-notification.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as ;\n\n:host {\n display: block;\n margin-bottom: -12px; // offset for the rounded border\n width: 100%;\n z-index: 1;\n @include default-css-variables;\n}\n.notif {\n display: flex;\n padding: 17px;\n align-items: flex-start;\n justify-content: space-between;\n gap: 16px;\n border-radius: var(--nylas-border-radius-2x);\n border: 1.5px solid var(--nylas-error);\n background: var(--nylas-base-0);\n\n @media #{$mobile} {\n width: auto;\n }\n .content {\n display: flex;\n flex-direction: row;\n gap: 8px;\n .message {\n font-size: 14px;\n font-weight: 400;\n color: var(--nylas-base-800);\n .title {\n font-size: 16px;\n font-weight: 600;\n color: var(--nylas-base-950);\n display: block;\n }\n .description {\n font-size: 14px;\n font-weight: 400;\n color: var(--nylas-base-800);\n display: block;\n word-break: break-word;\n }\n }\n .icon {\n &.error {\n color: var(--nylas-error);\n }\n }\n }\n\n &.error {\n border-color: var(--nylas-error);\n background: rgba(255, 248, 248, 1);\n }\n &.warning {\n border-color: var(--nylas-warning);\n }\n &.info {\n border-color: var(--nylas-info);\n }\n &.success {\n border-color: var(--nylas-success);\n }\n\n .dismiss-btn {\n background: none;\n border: none;\n color: var(--nylas-base-950);\n cursor: pointer;\n }\n}\n","import { Notification } from '@nylas/core';\nimport { Component, Fragment, Host, Listen, Prop, State, h } from '@stencil/core';\nimport { debug } from '@/utils/utils';\nimport { Element } from '@stencil/core';\n\n/\n The `nylas-notification` component is a UI component that displays notifications.\n /\n@Component({\n tag: 'nylas-notification',\n styleUrl: 'nylas-notification.scss',\n shadow: true,\n})\nexport class NylasNotification {\n @Element() host!: HTMLElement;\n\n /\n The time-to-live for notifications in milliseconds. Set to 'none' to disable auto-dismissal.\n */\n @Prop() ttl: number \| 'none' = 5000;\n @Prop() allowedCategories: string[] = ['component', 'api', 'validation', 'invalid_session'];\n @State() notifications: Notification[] = [];\n\n @Listen('nylasSchedulerError', { target: 'body' })\n onError(event: CustomEvent<{ notification: Notification; host: HTMLElement }>) {\n debug(`[nylas-notification] Error: ${event.detail.notification.title}`);\n this.handleNotification(event);\n }\n\n @Listen('nylasSchedulerWarning', { target: 'body' })\n onWarning(event: CustomEvent<{ notification: Notification; host: HTMLElement }>) {\n debug(`[nylas-notification] Warning: ${event.detail.notification.title}`);\n this.handleNotification(event);\n }\n\n @Listen('nylasSchedulerInfo', { target: 'body' })\n onInfo(event: CustomEvent<{ notification: Notification; host: HTMLElement }>) {\n debug(`[nylas-notification] Info: ${event.detail.notification.title}`);\n this.handleNotification(event);\n }\n\n @Listen('nylasSchedulerSuccess', { target: 'body' })\n onSuccess(event: CustomEvent<{ notification: Notification; host: HTMLElement }>) {\n debug(`[nylas-notification] Success: ${event.detail.notification.title}`);\n this.handleNotification(event);\n }\n\n @Listen('dismissNotification', { target: 'body' })\n onDismissNotification(event: CustomEvent<{ id: string }>) {\n this.dismissNotification(event.detail.id);\n }\n\n isChildOf(parentHost: HTMLElement): boolean {\n let parent = this.host.parentNode;\n\n while (parent) {\n if (parent === parentHost) {\n return true;\n }\n if (parent instanceof ShadowRoot) {\n parent = parent.host;\n } else {\n parent = parent.parentNode;\n }\n }\n\n return false;\n }\n\n private handleNotification(event: CustomEvent<{ notification: Notification; host: HTMLElement }>) {\n const parentHost = event.detail.host;\n if (event.defaultPrevented) {\n debug(`[nylas-notification] Event default prevented`);\n return;\n }\n if (parentHost && !this.isChildOf(parentHost)) {\n debug(`[nylas-notification] Host not a parent`);\n return;\n }\n if (this.ttl === 0) {\n debug(`[nylas-notification] TTL is 0`);\n return;\n }\n if (this.allowedCategories.length > 0 && !this.allowedCategories.includes(event.detail.notification.category)) {\n debug(`[nylas-notification] Category not allowed`);\n return;\n }\n if (this.notifications.find(notif => notif.id === event.detail.notification.id)) {\n debug(`[nylas-notification] Notification already exists`);\n return;\n }\n\n this.notifications = [...this.notifications, { ...event.detail.notification }];\n if (event.detail.notification.ttl !== 'none') {\n const ttl = event.detail.notification.ttl ? event.detail.notification.ttl : (this.ttl as number);\n window.setTimeout(() => {\n this.notifications = this.notifications.filter(notif => notif.id !== event.detail.notification.id);\n }, ttl);\n }\n }\n\n private dismissNotification(id: string) {\n this.notifications = this.notifications.filter(notif => notif.id !== id);\n }\n\n render() {\n return (\n <Host>\n <Fragment>\n {this.notifications.map(notif => (\n <div class={`notif ${notif.type}`} key={notif.id}>\n <div class=\"content\">\n <span class={`icon ${notif.type}`}>{(notif.type === 'error' \|\| notif.type === 'warning') && <warning-icon />}</span>\n <span class=\"message\">\n <span class=\"title\">{notif.title}</span>\n {notif.description && <span class=\"description\">{notif.description}</span>}\n </span>\n </div>\n <button class=\"dismiss-btn\" onClick={() => this.dismissNotification(notif.id)}>\n <close-icon />\n </button>\n </div>\n ))}\n <slot />\n </Fragment>\n </Host>\n );\n }\n}\n"],"mappings":"~~uGAAA~~,MAAMA,EAAuB,osG,MCahBC,EAAiB,MAL9B,WAAAC,CAAAC,G,UAWUC,KAAGC,IAAoB,IACvBD,KAAiBE,kBAAa,CAAC,YAAa,MAAO,aAAc,mBAChEF,KAAaG,cAAmB,EA2G1C,CAxGC,OAAAC,CAAQC,GACNC,EAAM,+BAA+BD,EAAME,OAAOC,aAAaC,SAC/DT,KAAKU,mBAAmBL,E,CAI1B,SAAAM,CAAUN,GACRC,EAAM,iCAAiCD,EAAME,OAAOC,aAAaC,SACjET,KAAKU,mBAAmBL,E,CAI1B,MAAAO,CAAOP,GACLC,EAAM,8BAA8BD,EAAME,OAAOC,aAAaC,SAC9DT,KAAKU,mBAAmBL,E,CAI1B,SAAAQ,CAAUR,GACRC,EAAM,iCAAiCD,EAAME,OAAOC,aAAaC,SACjET,KAAKU,mBAAmBL,E,CAI1B,qBAAAS,CAAsBT,GACpBL,KAAKe,oBAAoBV,EAAME,OAAOS,G,CAGxC,SAAAC,CAAUC,GACR,IAAIC,EAASnB,KAAKoB,KAAKC,WAEvB,MAAOF,EAAQ,CACb,GAAIA,IAAWD,EAAY,CACzB,OAAO,I,CAET,GAAIC,aAAkBG,WAAY,CAChCH,EAASA,EAAOC,I,KACX,CACLD,EAASA,EAAOE,U,EAIpB,OAAO,K,CAGD,kBAAAX,CAAmBL,GACzB,MAAMa,EAAab,EAAME,OAAOa,KAChC,GAAIf,EAAMkB,iBAAkB,CAC1BjB,EAAM,gDACN,M,CAEF,GAAIY,IAAelB,KAAKiB,UAAUC,GAAa,CAC7CZ,EAAM,0CACN,M,CAEF,GAAIN,KAAKC,MAAQ,EAAG,CAClBK,EAAM,iCACN,M,CAEF,GAAIN,KAAKE,kBAAkBsB,OAAS,IAAMxB,KAAKE,kBAAkBuB,SAASpB,EAAME,OAAOC,aAAakB,UAAW,CAC7GpB,EAAM,6CACN,M,CAEF,GAAIN,KAAKG,cAAcwB,MAAKC,GAASA,EAAMZ,KAAOX,EAAME,OAAOC,aAAaQ,KAAK,CAC/EV,EAAM,oDACN,M,CAGFN,KAAKG,cAAgB,IAAIH,KAAKG,cAAe,IAAKE,EAAME,OAAOC,eAC/D,GAAIH,EAAME,OAAOC,aAAaP,MAAQ,OAAQ,CAC5C,MAAMA,EAAMI,EAAME,OAAOC,aAAaP,IAAMI,EAAME,OAAOC,aAAaP,IAAOD,KAAKC,IAClF4B,OAAOC,YAAW,KAChB9B,KAAKG,cAAgBH,KAAKG,cAAc4B,QAAOH,GAASA,EAAMZ,KAAOX,EAAME,OAAOC,aAAaQ,IAAG,GACjGf,E,EAIC,mBAAAc,CAAoBC,GAC1BhB,KAAKG,cAAgBH,KAAKG,cAAc4B,QAAOH,GAASA,EAAMZ,KAAOA,G,CAGvE,MAAAgB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAACG,EAAQ,CAAAD,IAAA,4CACNnC,KAAKG,cAAckC,KAAIT,GACtBK,EAAA,OAAKK,MAAO,SAASV,EAAMW,OAAQJ,IAAKP,EAAMZ,IAC5CiB,EAAK,OAAAK,MAAM,WACTL,EAAM,QAAAK,MAAO,QAAQV,EAAMW,SAAUX,EAAMW,OAAS,SAAWX,EAAMW,OAAS,YAAcN,EAAA,sBAC5FA,EAAM,QAAAK,MAAM,WACVL,EAAA,QAAMK,MAAM,SAASV,EAAMnB,OAC1BmB,EAAMY,aAAeP,EAAA,QAAMK,MAAM,eAAeV,EAAMY,eAG3DP,EAAA,UAAQK,MAAM,cAAcG,QAAS,IAAMzC,KAAKe,oBAAoBa,EAAMZ,KACxEiB,EAAc,uBAIpBA,EAAQ,QAAAE,IAAA,8C","ignoreList":[]}
1	+ {"version":3,"names":["nylasNotificationCss","NylasNotification","constructor","hostRef","this","ttl","allowedCategories","notifications","onError","event","debug","detail","notification","title","handleNotification","onWarning","onInfo","onSuccess","onDismissNotification","dismissNotification","id","isChildOf","parentHost","parent","host","parentNode","ShadowRoot","defaultPrevented","length","includes","category","find","notif","window","setTimeout","filter","render","h","Host","key","Fragment","map","class","type","description","onClick"],"sources":["src/components/scheduler/nylas-notification/nylas-notification.scss?tag=nylas-notification&encapsulation=shadow","src/components/scheduler/nylas-notification/nylas-notification.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as ;\n\n:host {\n display: block;\n margin-bottom: -12px; // offset for the rounded border\n width: 100%;\n z-index: 1;\n @include default-css-variables;\n}\n.notif {\n display: flex;\n padding: 17px;\n align-items: flex-start;\n justify-content: space-between;\n gap: 16px;\n border-radius: var(--nylas-border-radius-2x);\n border: 1.5px solid var(--nylas-error);\n background: var(--nylas-base-0);\n\n @media #{$mobile} {\n width: auto;\n }\n .content {\n display: flex;\n flex-direction: row;\n gap: 8px;\n .message {\n font-size: 14px;\n font-weight: 400;\n color: var(--nylas-base-800);\n .title {\n font-size: 16px;\n font-weight: 600;\n color: var(--nylas-base-950);\n display: block;\n }\n .description {\n font-size: 14px;\n font-weight: 400;\n color: var(--nylas-base-800);\n display: block;\n word-break: break-word;\n }\n }\n .icon {\n &.error {\n color: var(--nylas-error);\n }\n }\n }\n\n &.error {\n border-color: var(--nylas-error);\n background: rgba(255, 248, 248, 1);\n }\n &.warning {\n border-color: var(--nylas-warning);\n }\n &.info {\n border-color: var(--nylas-info);\n }\n &.success {\n border-color: var(--nylas-success);\n }\n\n .dismiss-btn {\n background: none;\n border: none;\n color: var(--nylas-base-950);\n cursor: pointer;\n }\n}\n","import { Notification } from '@nylas/core';\nimport { Component, Fragment, Host, Listen, Prop, State, h } from '@stencil/core';\nimport { debug } from '@/utils/utils';\nimport { Element } from '@stencil/core';\n\n/\n The `nylas-notification` component is a UI component that displays notifications.\n /\n@Component({\n tag: 'nylas-notification',\n styleUrl: 'nylas-notification.scss',\n shadow: true,\n})\nexport class NylasNotification {\n @Element() host!: HTMLElement;\n\n /\n The time-to-live for notifications in milliseconds. Set to 'none' to disable auto-dismissal.\n */\n @Prop() ttl: number \| 'none' = 5000;\n @Prop() allowedCategories: string[] = ['component', 'api', 'validation', 'invalid_session'];\n @State() notifications: Notification[] = [];\n\n @Listen('nylasSchedulerError', { target: 'body' })\n onError(event: CustomEvent<{ notification: Notification; host: HTMLElement }>) {\n debug(`[nylas-notification] Error: ${event.detail.notification.title}`);\n this.handleNotification(event);\n }\n\n @Listen('nylasSchedulerWarning', { target: 'body' })\n onWarning(event: CustomEvent<{ notification: Notification; host: HTMLElement }>) {\n debug(`[nylas-notification] Warning: ${event.detail.notification.title}`);\n this.handleNotification(event);\n }\n\n @Listen('nylasSchedulerInfo', { target: 'body' })\n onInfo(event: CustomEvent<{ notification: Notification; host: HTMLElement }>) {\n debug(`[nylas-notification] Info: ${event.detail.notification.title}`);\n this.handleNotification(event);\n }\n\n @Listen('nylasSchedulerSuccess', { target: 'body' })\n onSuccess(event: CustomEvent<{ notification: Notification; host: HTMLElement }>) {\n debug(`[nylas-notification] Success: ${event.detail.notification.title}`);\n this.handleNotification(event);\n }\n\n @Listen('dismissNotification', { target: 'body' })\n onDismissNotification(event: CustomEvent<{ id: string }>) {\n this.dismissNotification(event.detail.id);\n }\n\n isChildOf(parentHost: HTMLElement): boolean {\n let parent = this.host.parentNode;\n\n while (parent) {\n if (parent === parentHost) {\n return true;\n }\n if (parent instanceof ShadowRoot) {\n parent = parent.host;\n } else {\n parent = parent.parentNode;\n }\n }\n\n return false;\n }\n\n private handleNotification(event: CustomEvent<{ notification: Notification; host: HTMLElement }>) {\n const parentHost = event.detail.host;\n if (event.defaultPrevented) {\n debug(`[nylas-notification] Event default prevented`);\n return;\n }\n if (parentHost && !this.isChildOf(parentHost)) {\n debug(`[nylas-notification] Host not a parent`);\n return;\n }\n if (this.ttl === 0) {\n debug(`[nylas-notification] TTL is 0`);\n return;\n }\n if (this.allowedCategories.length > 0 && !this.allowedCategories.includes(event.detail.notification.category)) {\n debug(`[nylas-notification] Category not allowed`);\n return;\n }\n if (this.notifications.find(notif => notif.id === event.detail.notification.id)) {\n debug(`[nylas-notification] Notification already exists`);\n return;\n }\n\n this.notifications = [...this.notifications, { ...event.detail.notification }];\n if (event.detail.notification.ttl !== 'none') {\n const ttl = event.detail.notification.ttl ? event.detail.notification.ttl : (this.ttl as number);\n window.setTimeout(() => {\n this.notifications = this.notifications.filter(notif => notif.id !== event.detail.notification.id);\n }, ttl);\n }\n }\n\n private dismissNotification(id: string) {\n this.notifications = this.notifications.filter(notif => notif.id !== id);\n }\n\n render() {\n return (\n <Host>\n <Fragment>\n {this.notifications.map(notif => (\n <div class={`notif ${notif.type}`} key={notif.id}>\n <div class=\"content\">\n <span class={`icon ${notif.type}`}>{(notif.type === 'error' \|\| notif.type === 'warning') && <warning-icon />}</span>\n <span class=\"message\">\n <span class=\"title\">{notif.title}</span>\n {notif.description && <span class=\"description\">{notif.description}</span>}\n </span>\n </div>\n <button class=\"dismiss-btn\" onClick={() => this.dismissNotification(notif.id)}>\n <close-icon />\n </button>\n </div>\n ))}\n <slot />\n </Fragment>\n </Host>\n );\n }\n}\n"],"mappings":"4GAAA,MAAMA,EAAuB,osG,MCahBC,EAAiB,MAL9B,WAAAC,CAAAC,G,UAWUC,KAAGC,IAAoB,IACvBD,KAAiBE,kBAAa,CAAC,YAAa,MAAO,aAAc,mBAChEF,KAAaG,cAAmB,EA2G1C,CAxGC,OAAAC,CAAQC,GACNC,EAAM,+BAA+BD,EAAME,OAAOC,aAAaC,SAC/DT,KAAKU,mBAAmBL,E,CAI1B,SAAAM,CAAUN,GACRC,EAAM,iCAAiCD,EAAME,OAAOC,aAAaC,SACjET,KAAKU,mBAAmBL,E,CAI1B,MAAAO,CAAOP,GACLC,EAAM,8BAA8BD,EAAME,OAAOC,aAAaC,SAC9DT,KAAKU,mBAAmBL,E,CAI1B,SAAAQ,CAAUR,GACRC,EAAM,iCAAiCD,EAAME,OAAOC,aAAaC,SACjET,KAAKU,mBAAmBL,E,CAI1B,qBAAAS,CAAsBT,GACpBL,KAAKe,oBAAoBV,EAAME,OAAOS,G,CAGxC,SAAAC,CAAUC,GACR,IAAIC,EAASnB,KAAKoB,KAAKC,WAEvB,MAAOF,EAAQ,CACb,GAAIA,IAAWD,EAAY,CACzB,OAAO,I,CAET,GAAIC,aAAkBG,WAAY,CAChCH,EAASA,EAAOC,I,KACX,CACLD,EAASA,EAAOE,U,EAIpB,OAAO,K,CAGD,kBAAAX,CAAmBL,GACzB,MAAMa,EAAab,EAAME,OAAOa,KAChC,GAAIf,EAAMkB,iBAAkB,CAC1BjB,EAAM,gDACN,M,CAEF,GAAIY,IAAelB,KAAKiB,UAAUC,GAAa,CAC7CZ,EAAM,0CACN,M,CAEF,GAAIN,KAAKC,MAAQ,EAAG,CAClBK,EAAM,iCACN,M,CAEF,GAAIN,KAAKE,kBAAkBsB,OAAS,IAAMxB,KAAKE,kBAAkBuB,SAASpB,EAAME,OAAOC,aAAakB,UAAW,CAC7GpB,EAAM,6CACN,M,CAEF,GAAIN,KAAKG,cAAcwB,MAAKC,GAASA,EAAMZ,KAAOX,EAAME,OAAOC,aAAaQ,KAAK,CAC/EV,EAAM,oDACN,M,CAGFN,KAAKG,cAAgB,IAAIH,KAAKG,cAAe,IAAKE,EAAME,OAAOC,eAC/D,GAAIH,EAAME,OAAOC,aAAaP,MAAQ,OAAQ,CAC5C,MAAMA,EAAMI,EAAME,OAAOC,aAAaP,IAAMI,EAAME,OAAOC,aAAaP,IAAOD,KAAKC,IAClF4B,OAAOC,YAAW,KAChB9B,KAAKG,cAAgBH,KAAKG,cAAc4B,QAAOH,GAASA,EAAMZ,KAAOX,EAAME,OAAOC,aAAaQ,IAAG,GACjGf,E,EAIC,mBAAAc,CAAoBC,GAC1BhB,KAAKG,cAAgBH,KAAKG,cAAc4B,QAAOH,GAASA,EAAMZ,KAAOA,G,CAGvE,MAAAgB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAACG,EAAQ,CAAAD,IAAA,4CACNnC,KAAKG,cAAckC,KAAIT,GACtBK,EAAA,OAAKK,MAAO,SAASV,EAAMW,OAAQJ,IAAKP,EAAMZ,IAC5CiB,EAAK,OAAAK,MAAM,WACTL,EAAM,QAAAK,MAAO,QAAQV,EAAMW,SAAUX,EAAMW,OAAS,SAAWX,EAAMW,OAAS,YAAcN,EAAA,sBAC5FA,EAAM,QAAAK,MAAM,WACVL,EAAA,QAAMK,MAAM,SAASV,EAAMnB,OAC1BmB,EAAMY,aAAeP,EAAA,QAAMK,MAAM,eAAeV,EAAMY,eAG3DP,EAAA,UAAQK,MAAM,cAAcG,QAAS,IAAMzC,KAAKe,oBAAoBa,EAAMZ,KACxEiB,EAAc,uBAIpBA,EAAQ,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/nylas-web-elements/nylas-organizer-confirmation-card.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as e,a as o,h as a,d as n,e as r}from"./index-B-KMpdMZ.js";import{R as s}from"./register-component-BHk70oxk.js";import{i as l,b as c}from"./utils-Bj5Y75fX.js";const t=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.event-card-wrapper{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family);background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);position:relative;margin-top:1rem;width:424px;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.event-card-wrapper{width:100%;border-radius:0px}}.calendar-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200);color:var(--nylas-base-700)}.booked-event-header{margin:1.5rem 4rem;overflow-wrap:anywhere;display:flex;align-items:center;flex-direction:column;font-size:16px;font-weight:400}.booked-event-header h2{color:var(--nylas-base-600);margin-top:1.5rem;margin-bottom:0.25rem;font-size:1.125rem;font-weight:600}.manage-booking-description{border-top:1px solid var(--nylas-base-200)}.manage-booking-description p{font-size:16px;margin:1rem;padding:0.5rem 1rem;font-weight:400;color:var(--nylas-base-800)}.footer{padding:0.5rem;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.footer.no-template-cols{grid-template-columns:1fr}.footer.no-footer{display:none}sp-divider{background-color:var(--nylas-base-200);height:1px}calendar-check-icon{display:flex;align-items:center;justify-content:center;height:100%}button-component{--dot-color:var(--nylas-base-700)}';var i=undefined&&undefined.__decorate||function(e,o,a,n){var r=arguments.length,s=r<3?o:n===null?n=Object.getOwnPropertyDescriptor(o,a):n,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,o,a,n);else for(var c=e.length-1;c>=0;c--)if(l=e[c])s=(r<3?l(s):r>3?l(o,a,s):l(o,a))||s;return r>3&&s&&Object.defineProperty(o,a,s),s};var d=undefined&&undefined.__metadata||function(e,o){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,o)};const f=class{constructor(a){e(this,a);this.rejectBookingButtonClicked=o(this,"rejectBookingButtonClicked",7);this.confirmBookingButtonClicked=o(this,"confirmBookingButtonClicked",7);this.confirmBookingError=o(this,"confirmBookingError",7);this.selectedLanguage=navigator.language;this.action=null;this.handleConfirmBookingButtonClicked=()=>{this.action="confirm";const e=e=>{this.confirmBookingError.emit(e)};if(this.organizerConfirmationBookingId&&!this.isLoading){this.confirmBookingButtonClicked.emit({bookingId:this.organizerConfirmationBookingId,host:this.host,errorHandler:e})}};this.handleRejectBookingButtonClicked=()=>{this.action="reject";if(this.organizerConfirmationBookingId&&!this.isLoading){this.rejectBookingButtonClicked.emit({bookingId:this.organizerConfirmationBookingId,host:this.host})}}}themeConfigChanged(e){this.applyThemeConfig(e)}selectedLanguageChangedHandler(e,o){if(e===o)return;l.changeLanguage(e)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){c(`[nylas-organizer-confirmation-card] Component will load`)}async componentDidLoad(){c(`[nylas-organizer-confirmation-card] Component did load`);this.applyThemeConfig(this.themeConfig)}applyThemeConfig(e){if(e){for(const[o,a]of Object.entries(e)){this.host.style.setProperty(`${o}`,a)}}}async resetAction(){this.action=null}render(){return a(n,{key:"ac83a66d97f98d6e63cb4960fd4b58c3d4e3ee55",part:"nmcc"},a("div",{key:"23170ee830941ebf13aba6c13b7dfcab8d109719",class:"event-card-wrapper",part:"nmccc__card"},a("div",{key:"ad0b64504b484665abd7e7017fdbc9d99bd93979",class:"calendar-icon"},a("calendar-check-icon",{key:"378d8214cb97d787aa31028b47bdf25947e585ef"})),a("div",{key:"e5edfe4e5b3552f2cd9629574697d38fd48016a5",class:"booked-event-header"},a("h2",{key:"6d74f775989d55a9588dd602f252bf3d15de59e3",slot:"card-title",part:"nmcc__title"},!!this.organizerConfirmationBookingId&&`${l.t("bookingPendingTitle")}!`)),a("div",{key:"155628fca5d4f4bdffee7cf90e5f5a26c3238121",class:"manage-booking-description"},a("p",{key:"509def9756aeea3cbfdac468d1096f3e454e5c07"},l.t("bookingPendingnDescription"))),a("div",{key:"42feba69a5a15511c50bc4ecbb6c217205748faf",class:{footer:true}},a("button-component",{key:"18cfeb07e0ce8bba333d54249f10c6fe70393562",variant:"destructive",onClick:this.handleRejectBookingButtonClicked,isLoading:this.isLoading&&this.action==="reject",part:"nmcc__button-outline nmcc__cancel-cta"},`${l.t("rejectBookingButton")}`),a("button-component",{key:"431c9e2c4211741e11a6dd230281d6f0574eb75d",variant:"basic",onClick:this.handleConfirmBookingButtonClicked,isLoading:this.isLoading&&this.action==="confirm",part:"nmcc__button-outline nmcc__reschedule-cta"},`${l.t("confirmBookingButton")}`))))}get host(){return r(this)}static get watchers(){return{themeConfig:["themeConfigChanged"],selectedLanguage:["selectedLanguageChangedHandler"]}}};i([s({name:"nylas-organizer-confirmation-card",stateToProps:new Map([["scheduler.organizerConfirmationBookingId","organizerConfirmationBookingId"],["scheduler.configSettings","configSettings"],["scheduler.isLoading","isLoading"],["scheduler.selectedLanguage","selectedLanguage"],["scheduler.themeConfig","themeConfig"]]),eventToProps:{rejectBookingButtonClicked:async(e,o)=>{o.scheduler.setReject(e.detail.bookingId)},confirmBookingButtonClicked:async(e,o)=>{const{host:a}=e.detail;const n=await o.scheduler.updateBooking({bookingId:e.detail.bookingId,status:"confirmed"});const{errorHandler:r}=e.detail;if(r&&(!n||"error"in n)){r(n)}await a.resetAction()}},fireRegisterEvent:true}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],f.prototype,"render",null);f.style=t;export{f as nylas_organizer_confirmation_card};
+import{r as e,a as o,h as a,d as n,e as r}from"./index-Cbn5rIwb.js";import{R as s}from"./register-component-Blj8K64f.js";import{i as l,b as c}from"./utils-DhmCcrVs.js";const t=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.event-card-wrapper{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family);background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);position:relative;margin-top:1rem;width:424px;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.event-card-wrapper{width:100%;border-radius:0px}}.calendar-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200);color:var(--nylas-base-700)}.booked-event-header{margin:1.5rem 4rem;overflow-wrap:anywhere;display:flex;align-items:center;flex-direction:column;font-size:16px;font-weight:400}.booked-event-header h2{color:var(--nylas-base-600);margin-top:1.5rem;margin-bottom:0.25rem;font-size:1.125rem;font-weight:600}.manage-booking-description{border-top:1px solid var(--nylas-base-200)}.manage-booking-description p{font-size:16px;margin:1rem;padding:0.5rem 1rem;font-weight:400;color:var(--nylas-base-800)}.footer{padding:0.5rem;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.footer.no-template-cols{grid-template-columns:1fr}.footer.no-footer{display:none}sp-divider{background-color:var(--nylas-base-200);height:1px}calendar-check-icon{display:flex;align-items:center;justify-content:center;height:100%}button-component{--dot-color:var(--nylas-base-700)}';var i=undefined&&undefined.__decorate||function(e,o,a,n){var r=arguments.length,s=r<3?o:n===null?n=Object.getOwnPropertyDescriptor(o,a):n,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,o,a,n);else for(var c=e.length-1;c>=0;c--)if(l=e[c])s=(r<3?l(s):r>3?l(o,a,s):l(o,a))||s;return r>3&&s&&Object.defineProperty(o,a,s),s};var d=undefined&&undefined.__metadata||function(e,o){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,o)};const f=class{constructor(a){e(this,a);this.rejectBookingButtonClicked=o(this,"rejectBookingButtonClicked",7);this.confirmBookingButtonClicked=o(this,"confirmBookingButtonClicked",7);this.confirmBookingError=o(this,"confirmBookingError",7);this.selectedLanguage=navigator.language;this.action=null;this.handleConfirmBookingButtonClicked=()=>{this.action="confirm";const e=e=>{this.confirmBookingError.emit(e)};if(this.organizerConfirmationBookingId&&!this.isLoading){this.confirmBookingButtonClicked.emit({bookingId:this.organizerConfirmationBookingId,host:this.host,errorHandler:e})}};this.handleRejectBookingButtonClicked=()=>{this.action="reject";if(this.organizerConfirmationBookingId&&!this.isLoading){this.rejectBookingButtonClicked.emit({bookingId:this.organizerConfirmationBookingId,host:this.host})}}}themeConfigChanged(e){this.applyThemeConfig(e)}selectedLanguageChangedHandler(e,o){if(e===o)return;l.changeLanguage(e)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){c(`[nylas-organizer-confirmation-card] Component will load`)}async componentDidLoad(){c(`[nylas-organizer-confirmation-card] Component did load`);this.applyThemeConfig(this.themeConfig)}applyThemeConfig(e){if(e){for(const[o,a]of Object.entries(e)){this.host.style.setProperty(`${o}`,a)}}}async resetAction(){this.action=null}render(){return a(n,{key:"ac83a66d97f98d6e63cb4960fd4b58c3d4e3ee55",part:"nmcc"},a("div",{key:"23170ee830941ebf13aba6c13b7dfcab8d109719",class:"event-card-wrapper",part:"nmccc__card"},a("div",{key:"ad0b64504b484665abd7e7017fdbc9d99bd93979",class:"calendar-icon"},a("calendar-check-icon",{key:"378d8214cb97d787aa31028b47bdf25947e585ef"})),a("div",{key:"e5edfe4e5b3552f2cd9629574697d38fd48016a5",class:"booked-event-header"},a("h2",{key:"6d74f775989d55a9588dd602f252bf3d15de59e3",slot:"card-title",part:"nmcc__title"},!!this.organizerConfirmationBookingId&&`${l.t("bookingPendingTitle")}!`)),a("div",{key:"155628fca5d4f4bdffee7cf90e5f5a26c3238121",class:"manage-booking-description"},a("p",{key:"509def9756aeea3cbfdac468d1096f3e454e5c07"},l.t("bookingPendingnDescription"))),a("div",{key:"42feba69a5a15511c50bc4ecbb6c217205748faf",class:{footer:true}},a("button-component",{key:"18cfeb07e0ce8bba333d54249f10c6fe70393562",variant:"destructive",onClick:this.handleRejectBookingButtonClicked,isLoading:this.isLoading&&this.action==="reject",part:"nmcc__button-outline nmcc__cancel-cta"},`${l.t("rejectBookingButton")}`),a("button-component",{key:"431c9e2c4211741e11a6dd230281d6f0574eb75d",variant:"basic",onClick:this.handleConfirmBookingButtonClicked,isLoading:this.isLoading&&this.action==="confirm",part:"nmcc__button-outline nmcc__reschedule-cta"},`${l.t("confirmBookingButton")}`))))}get host(){return r(this)}static get watchers(){return{themeConfig:["themeConfigChanged"],selectedLanguage:["selectedLanguageChangedHandler"]}}};i([s({name:"nylas-organizer-confirmation-card",stateToProps:new Map([["scheduler.organizerConfirmationBookingId","organizerConfirmationBookingId"],["scheduler.configSettings","configSettings"],["scheduler.isLoading","isLoading"],["scheduler.selectedLanguage","selectedLanguage"],["scheduler.themeConfig","themeConfig"]]),eventToProps:{rejectBookingButtonClicked:async(e,o)=>{o.scheduler.setReject(e.detail.bookingId)},confirmBookingButtonClicked:async(e,o)=>{const{host:a}=e.detail;const n=await o.scheduler.updateBooking({bookingId:e.detail.bookingId,status:"confirmed"});const{errorHandler:r}=e.detail;if(r&&(!n||"error"in n)){r(n)}await a.resetAction()}},fireRegisterEvent:true}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],f.prototype,"render",null);f.style=t;export{f as nylas_organizer_confirmation_card};
 //# sourceMappingURL=nylas-organizer-confirmation-card.entry.js.map

package/dist/nylas-web-elements/nylas-page-name.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nylas-page-name.entry.esm.js","sources":["src/components/scheduler-editor/nylas-page-name/nylas-page-name.scss?tag=nylas-page-name&encapsulation=shadow","src/components/scheduler-editor/nylas-page-name/nylas-page-name.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as ;\n@use '../../../common/mixins/inputs' as ;\n\n:host {\n display: block;\n @include default-css-variables;\n width: inherit;\n}\n\n.nylas-page-name {\n width: inherit;\n display: flex;\n flex-direction: column;\n margin: 1rem;\n border-radius: var(--nylas-border-radius-2x);\n border: 1px solid var(--nylas-base-200);\n text-align: left;\n\n .header {\n padding: 1rem;\n display: grid;\n grid-template-columns: 1fr auto;\n\n h3 {\n border-radius: var(--nylas-border-radius-2x);\n margin: 0;\n font-size: 16px;\n font-weight: 600;\n line-height: 20px;\n color: var(--nylas-base-900);\n text-align: left;\n }\n\n p {\n display: flex;\n gap: 4px;\n align-items: center;\n margin: 0.25rem 0 0 0;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 20px;\n color: var(--nylas-base-600);\n text-align: left;\n\n .required-asterisk {\n color: var(--nylas-error);\n }\n }\n\n .drawer-toggle {\n display: flex;\n gap: 24px;\n align-items: center;\n\n .chevron {\n display: flex;\n align-self: center;\n cursor: pointer;\n\n &:hover,\n &:active {\n color: var(--nylas-primary);\n }\n\n &.open {\n transform: rotate(90deg);\n }\n\n &.closed {\n transform: rotate(270deg);\n }\n\n &.disabled {\n cursor: not-allowed;\n color: var(--nylas-base-300);\n\n &:hover {\n color: var(--nylas-base-300);\n }\n }\n }\n }\n }\n\n .nylas-page-name__body {\n display: grid;\n grid-template-columns: 1fr;\n background-color: var(--nylas-base-25);\n border-radius: 0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x);\n border-top: 1px solid var(--nylas-base-200);\n\n @media #{$mobile} {\n grid-template-columns: 1fr;\n }\n\n .nylas-page-name__section {\n padding: 1rem;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n color: var(--nylas-base-800);\n\n @media #{$mobile} {\n border: none;\n }\n\n .nylas-page-name__row {\n display: flex;\n align-items: center;\n gap: 1rem;\n\n label {\n display: flex;\n align-items: center;\n\n span.required {\n color: var(--nylas-error, #cc4841);\n }\n }\n\n p {\n margin: 0.25rem 0 0 0;\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n color: var(--nylas-base-900);\n }\n\n .input-container {\n width: 100%;\n\n span.error-message {\n color: var(--nylas-error);\n }\n }\n }\n }\n }\n\n .nylas-page-name__input-wrapper {\n @include textfield;\n width: -moz-available;\n width: -webkit-fill-available;\n display: flex;\n flex-direction: row;\n gap: 0.125rem;\n border-radius: var(--nylas-border-radius-2x);\n z-index: 1;\n\n &.error {\n border: 1px solid var(--nylas-error);\n }\n\n input-component::part(ic__input) {\n outline: none;\n border: none;\n width: 100%;\n font-size: 16px;\n height: auto;\n padding-left: 0px;\n }\n }\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug } from '@/utils/utils';\nimport { AttachInternals, Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport { Configuration, ThemeConfig } from '@nylas/core';\nimport i18next from '@/utils/i18n';\nimport { LANGUAGE_CODE } from '@/common/constants';\n\n/*\n The `nylas-page-name` component is a UI component that allows users to add a custom page name which will appear in the top left corner of the date picker.\n \n @part npn - The nylas-page-name container\n * @part npn__body - The body of the event communication section\n * @part npn__header - The header of the event communication section\n * @part npn__drawer-toggle--container - The card's drawer toggle container\n * @part npn__input-textfield - The page name input textfield\n /\n@Component({\n tag: 'nylas-page-name',\n styleUrl: 'nylas-page-name.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class NylasPageName {\n @Element() host!: HTMLNylasPageNameElement;\n\n /\n @standalone\n * The selected config\n /\n @Prop() selectedConfiguration?: Configuration;\n /\n @standalone\n * The name of the component\n /\n @Prop() name: string = 'page-name';\n /\n @standalone\n * The default page name\n /\n @Prop() pageName?: string;\n /\n @standalone\n * Show toggle button that allows users to expand or collapse the card\n /\n @Prop() showToggle: boolean = true;\n /\n @standalone\n * Is the page name container card expanded\n /\n @Prop() isOpen: boolean = true;\n /\n Make the field required\n /\n @Prop() required: boolean = false;\n /\n The theme configuration.\n /\n @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n /\n The selected language.\n /\n @Prop() selectedLanguage?: LANGUAGE_CODE;\n\n /\n The required property for the page name input\n /\n @Prop() requirePageName: boolean = false;\n\n /\n The element internals.\n /\n @AttachInternals() internals!: ElementInternals;\n\n /\n The current page name state\n /\n @State() currentPageName!: string;\n\n /\n The page name error message\n /\n @State() pageNameErrorMessage!: string;\n\n /\n This event is fired when the page name value changes\n /\n @Event() valueChanged!: EventEmitter<{\n value: string;\n name: string;\n valueChanged?: (event: CustomEvent<{ value: string; name: string }>) => void;\n }>;\n\n // Lifecycle methods\n connectedCallback() {\n debug('nylas-page-name', 'connectedCallback');\n }\n\n disconnectedCallback() {\n debug('nylas-page-name', 'disconnectedCallback');\n }\n\n componentWillLoad() {\n debug('nylas-page-name', 'componentWillLoad');\n // See comment in the @Watch('name') decorator for more information.\n this.host.setAttribute('name', this.name);\n }\n\n componentDidLoad() {\n debug('nylas-page-name', 'componentDidLoad');\n if (this.selectedConfiguration) {\n this.selectedConfigurationChangedHandler(this.selectedConfiguration);\n } else {\n this.currentPageName = this.pageName ?? '';\n }\n this.isInternalsAvailable && this.internals.setFormValue(JSON.stringify(this.currentPageName), this.name);\n }\n\n componentWillUpdate() {\n debug('nylas-page-name', 'componentWillUpdate');\n }\n\n componentDidUpdate() {\n debug('nylas-page-name', 'componentDidUpdate');\n }\n\n componentWillRender() {\n debug('nylas-page-name', 'componentWillRender');\n }\n\n componentDidRender() {\n debug('nylas-page-name', 'componentDidRender');\n }\n\n /\n When a name prop is passed, stencil does not automatically set the name attribute on the host element.\n * Since this component is form-associated, the name attribute is required for form submission.\n * This is a workaround to ensure that the name attribute is set on the host element.\n /\n @Watch('name')\n elementNameChangedHandler(newValue: string) {\n debug('nylas-page-name', 'elementNameChangedHandler', newValue);\n this.host.setAttribute('name', newValue);\n }\n\n @Watch('selectedConfiguration')\n selectedConfigurationChangedHandler(newValue: Configuration) {\n debug('nylas-custom-booking-flow', 'selectedConfigurationChangedHandler', newValue);\n this.currentPageName = newValue?.name ?? this.pageName ?? '';\n this.isInternalsAvailable && this.internals.setFormValue(JSON.stringify(this.currentPageName), this.name);\n }\n\n @Watch('selectedLanguage')\n selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n if (newVal === oldVal) return;\n i18next.changeLanguage(newVal);\n }\n\n @Watch('themeConfig')\n themeConfigChangedHandler(newVal: ThemeConfig, oldVal: ThemeConfig) {\n if (newVal === oldVal) return;\n this.applyThemeConfig(newVal);\n }\n\n applyThemeConfig(themeConfig?: ThemeConfig) {\n if (themeConfig) {\n for (const [key, value] of Object.entries(themeConfig)) {\n this.host.style.setProperty(`${key}`, value);\n }\n }\n }\n\n /\n This method is essentially a workaround to check if the internals are available because\n * the unit tests in stencil do not support the internals.\n * @returns boolean\n /\n get isInternalsAvailable() {\n return this.internals !== undefined && typeof this.internals.setFormValue === 'function' && typeof this.internals.setValidity === 'function';\n }\n\n @Listen('nylasFormInputChanged')\n async nylasFormInputChangeHandler(event: CustomEvent<{ value: string; name: string }>) {\n const { name, value } = event.detail;\n if (!value && this.requirePageName) {\n this.isInternalsAvailable && this.internals.setValidity({ customError: true }, i18next.t('nylasPageName.pageNameError'));\n this.pageNameErrorMessage = i18next.t('nylasPageName.pageNameError');\n return;\n } else {\n this.isInternalsAvailable && this.internals.setValidity({ customError: false });\n this.pageNameErrorMessage = '';\n }\n if (name === 'page-name') {\n this.currentPageName = value;\n this.isInternalsAvailable && this.internals.setFormValue(JSON.stringify(value), this.name);\n this.valueChanged.emit({ value: JSON.stringify(value), name: this.name });\n }\n }\n\n toggleDrawer() {\n this.isOpen = !this.isOpen;\n }\n\n @RegisterComponent<NylasPageName, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n name: 'nylas-page-name',\n stateToProps: new Map([\n ['schedulerConfig.selectedConfiguration', 'selectedConfiguration'],\n ['schedulerConfig.selectedLanguage', 'selectedLanguage'],\n ['schedulerConfig.themeConfig', 'themeConfig'],\n ]),\n eventToProps: {\n valueChanged: async (\n event: CustomEvent<{ value: string; name: string; valueChanged?: (event: CustomEvent<{ value: string; name: string }>) => void }>,\n _nylasSchedulerConfigConnector: NylasSchedulerConfigConnector,\n ) => {\n const { valueChanged } = event.detail;\n // If a handler is passed, call it.\n if (valueChanged) {\n valueChanged(event);\n }\n },\n },\n fireRegisterEvent: true,\n })\n render() {\n const isComponentReady = typeof this.currentPageName !== 'undefined';\n return (\n <Host>\n <div class=\"nylas-page-name\" part=\"nces\">\n <div class=\"header\" part=\"nces__header\">\n <div>\n <h3>{i18next.t('nylasPageName.headerTitle')}</h3>\n <p>\n {i18next.t('nylasPageName.headerSubTitle')}\n <tooltip-component>\n <info-icon slot=\"tooltip-icon\" />\n <span slot=\"tooltip-content\">{i18next.t('nylasPageName.tooltip.desc')}</span>\n </tooltip-component>\n {this.requirePageName && <span class=\"required-asterisk\"></span>}\n </p>\n </div>\n\n {this.showToggle && (\n <div class=\"drawer-toggle\" part=\"nces__drawer-toggle--container\">\n <span class={`chevron ${this.isOpen ? 'open' : 'closed'} `} onClick={() => this.toggleDrawer()}>\n <chevron-icon width=\"24\" height=\"24\" />\n </span>\n </div>\n )}\n </div>\n\n {this.isOpen && (\n <div class=\"nylas-page-name__body\" part=\"nces__body\">\n <div class=\"nylas-page-name__section\">\n <div class=\"nylas-page-name__row\">\n <div class=\"input-container\">\n <div class={{ 'nylas-page-name__input-wrapper': true, 'error': !!this.pageNameErrorMessage }}>\n {isComponentReady && (\n <input-component\n name=\"page-name\"\n id=\"page-name\"\n type=\"text\"\n required={false}\n exportparts=\"ic_input: npn__input-textfield\"\n defaultValue={this.currentPageName ?? ''}\n themeConfig={this.themeConfig}\n />\n )}\n </div>\n {this.pageNameErrorMessage && <span class=\"error-message\">{this.pageNameErrorMessage}</span>}\n </div>\n </div>\n </div>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"names":["i18next"],"mappings":"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"}
1	+ {"version":3,"file":"nylas-page-name.entry.esm.js","sources":["src/components/scheduler-editor/nylas-page-name/nylas-page-name.scss?tag=nylas-page-name&encapsulation=shadow","src/components/scheduler-editor/nylas-page-name/nylas-page-name.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as ;\n@use '../../../common/mixins/inputs' as ;\n\n:host {\n display: block;\n @include default-css-variables;\n width: inherit;\n}\n\n.nylas-page-name {\n width: inherit;\n display: flex;\n flex-direction: column;\n margin: 1rem;\n border-radius: var(--nylas-border-radius-2x);\n border: 1px solid var(--nylas-base-200);\n text-align: left;\n\n .header {\n padding: 1rem;\n display: grid;\n grid-template-columns: 1fr auto;\n\n h3 {\n border-radius: var(--nylas-border-radius-2x);\n margin: 0;\n font-size: 16px;\n font-weight: 600;\n line-height: 20px;\n color: var(--nylas-base-900);\n text-align: left;\n }\n\n p {\n display: flex;\n gap: 4px;\n align-items: center;\n margin: 0.25rem 0 0 0;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 20px;\n color: var(--nylas-base-600);\n text-align: left;\n\n .required-asterisk {\n color: var(--nylas-error);\n }\n }\n\n .drawer-toggle {\n display: flex;\n gap: 24px;\n align-items: center;\n\n .chevron {\n display: flex;\n align-self: center;\n cursor: pointer;\n\n &:hover,\n &:active {\n color: var(--nylas-primary);\n }\n\n &.open {\n transform: rotate(90deg);\n }\n\n &.closed {\n transform: rotate(270deg);\n }\n\n &.disabled {\n cursor: not-allowed;\n color: var(--nylas-base-300);\n\n &:hover {\n color: var(--nylas-base-300);\n }\n }\n }\n }\n }\n\n .nylas-page-name__body {\n display: grid;\n grid-template-columns: 1fr;\n background-color: var(--nylas-base-25);\n border-radius: 0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x);\n border-top: 1px solid var(--nylas-base-200);\n\n @media #{$mobile} {\n grid-template-columns: 1fr;\n }\n\n .nylas-page-name__section {\n padding: 1rem;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n color: var(--nylas-base-800);\n\n @media #{$mobile} {\n border: none;\n }\n\n .nylas-page-name__row {\n display: flex;\n align-items: center;\n gap: 1rem;\n\n label {\n display: flex;\n align-items: center;\n\n span.required {\n color: var(--nylas-error, #cc4841);\n }\n }\n\n p {\n margin: 0.25rem 0 0 0;\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n color: var(--nylas-base-900);\n }\n\n .input-container {\n width: 100%;\n\n span.error-message {\n color: var(--nylas-error);\n }\n }\n }\n }\n }\n\n .nylas-page-name__input-wrapper {\n @include textfield;\n width: -moz-available;\n width: -webkit-fill-available;\n display: flex;\n flex-direction: row;\n gap: 0.125rem;\n border-radius: var(--nylas-border-radius-2x);\n z-index: 1;\n\n &.error {\n border: 1px solid var(--nylas-error);\n }\n\n input-component::part(ic__input) {\n outline: none;\n border: none;\n width: 100%;\n font-size: 16px;\n height: auto;\n padding-left: 0px;\n }\n }\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug } from '@/utils/utils';\nimport { AttachInternals, Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport { Configuration, ThemeConfig } from '@nylas/core';\nimport i18next from '@/utils/i18n';\nimport { LANGUAGE_CODE } from '@/common/constants';\n\n/*\n The `nylas-page-name` component is a UI component that allows users to add a custom page name which will appear in the top left corner of the date picker.\n \n @part npn - The nylas-page-name container\n * @part npn__body - The body of the event communication section\n * @part npn__header - The header of the event communication section\n * @part npn__drawer-toggle--container - The card's drawer toggle container\n * @part npn__input-textfield - The page name input textfield\n /\n@Component({\n tag: 'nylas-page-name',\n styleUrl: 'nylas-page-name.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class NylasPageName {\n @Element() host!: HTMLNylasPageNameElement;\n\n /\n @standalone\n * The selected config\n /\n @Prop() selectedConfiguration?: Configuration;\n /\n @standalone\n * The name of the component\n /\n @Prop() name: string = 'page-name';\n /\n @standalone\n * The default page name\n /\n @Prop() pageName?: string;\n /\n @standalone\n * Show toggle button that allows users to expand or collapse the card\n /\n @Prop() showToggle: boolean = true;\n /\n @standalone\n * Is the page name container card expanded\n /\n @Prop() isOpen: boolean = true;\n /\n Make the field required\n /\n @Prop() required: boolean = false;\n /\n The theme configuration.\n /\n @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n /\n The selected language.\n /\n @Prop() selectedLanguage?: LANGUAGE_CODE;\n\n /\n The required property for the page name input\n /\n @Prop() requirePageName: boolean = false;\n\n /\n The element internals.\n /\n @AttachInternals() internals!: ElementInternals;\n\n /\n The current page name state\n /\n @State() currentPageName!: string;\n\n /\n The page name error message\n /\n @State() pageNameErrorMessage!: string;\n\n /\n This event is fired when the page name value changes\n /\n @Event() valueChanged!: EventEmitter<{\n value: string;\n name: string;\n valueChanged?: (event: CustomEvent<{ value: string; name: string }>) => void;\n }>;\n\n // Lifecycle methods\n connectedCallback() {\n debug('nylas-page-name', 'connectedCallback');\n }\n\n disconnectedCallback() {\n debug('nylas-page-name', 'disconnectedCallback');\n }\n\n componentWillLoad() {\n debug('nylas-page-name', 'componentWillLoad');\n // See comment in the @Watch('name') decorator for more information.\n this.host.setAttribute('name', this.name);\n this.applyThemeConfig(this.themeConfig);\n }\n\n componentDidLoad() {\n debug('nylas-page-name', 'componentDidLoad');\n if (this.selectedConfiguration) {\n this.selectedConfigurationChangedHandler(this.selectedConfiguration);\n } else {\n this.currentPageName = this.pageName ?? '';\n }\n this.isInternalsAvailable && this.internals.setFormValue(JSON.stringify(this.currentPageName), this.name);\n }\n\n componentWillUpdate() {\n debug('nylas-page-name', 'componentWillUpdate');\n }\n\n componentDidUpdate() {\n debug('nylas-page-name', 'componentDidUpdate');\n }\n\n componentWillRender() {\n debug('nylas-page-name', 'componentWillRender');\n }\n\n componentDidRender() {\n debug('nylas-page-name', 'componentDidRender');\n }\n\n /\n When a name prop is passed, stencil does not automatically set the name attribute on the host element.\n * Since this component is form-associated, the name attribute is required for form submission.\n * This is a workaround to ensure that the name attribute is set on the host element.\n /\n @Watch('name')\n elementNameChangedHandler(newValue: string) {\n debug('nylas-page-name', 'elementNameChangedHandler', newValue);\n this.host.setAttribute('name', newValue);\n }\n\n @Watch('selectedConfiguration')\n selectedConfigurationChangedHandler(newValue: Configuration) {\n debug('nylas-custom-booking-flow', 'selectedConfigurationChangedHandler', newValue);\n this.currentPageName = newValue?.name ?? this.pageName ?? '';\n this.isInternalsAvailable && this.internals.setFormValue(JSON.stringify(this.currentPageName), this.name);\n }\n\n @Watch('selectedLanguage')\n selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n if (newVal === oldVal) return;\n i18next.changeLanguage(newVal);\n }\n\n @Watch('themeConfig')\n themeConfigChangedHandler(newVal: ThemeConfig, oldVal: ThemeConfig) {\n if (newVal === oldVal) return;\n this.applyThemeConfig(newVal);\n }\n\n applyThemeConfig(themeConfig?: ThemeConfig) {\n if (themeConfig) {\n for (const [key, value] of Object.entries(themeConfig)) {\n this.host.style.setProperty(`${key}`, value);\n }\n }\n }\n\n /\n This method is essentially a workaround to check if the internals are available because\n * the unit tests in stencil do not support the internals.\n * @returns boolean\n /\n get isInternalsAvailable() {\n return this.internals !== undefined && typeof this.internals.setFormValue === 'function' && typeof this.internals.setValidity === 'function';\n }\n\n @Listen('nylasFormInputChanged')\n async nylasFormInputChangeHandler(event: CustomEvent<{ value: string; name: string }>) {\n const { name, value } = event.detail;\n if (!value && this.requirePageName) {\n this.isInternalsAvailable && this.internals.setValidity({ customError: true }, i18next.t('nylasPageName.pageNameError'));\n this.pageNameErrorMessage = i18next.t('nylasPageName.pageNameError');\n return;\n } else {\n this.isInternalsAvailable && this.internals.setValidity({ customError: false });\n this.pageNameErrorMessage = '';\n }\n if (name === 'page-name') {\n this.currentPageName = value;\n this.isInternalsAvailable && this.internals.setFormValue(JSON.stringify(value), this.name);\n this.valueChanged.emit({ value: JSON.stringify(value), name: this.name });\n }\n }\n\n toggleDrawer() {\n this.isOpen = !this.isOpen;\n }\n\n @RegisterComponent<NylasPageName, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n name: 'nylas-page-name',\n stateToProps: new Map([\n ['schedulerConfig.selectedConfiguration', 'selectedConfiguration'],\n ['schedulerConfig.selectedLanguage', 'selectedLanguage'],\n ['schedulerConfig.themeConfig', 'themeConfig'],\n ]),\n eventToProps: {\n valueChanged: async (\n event: CustomEvent<{ value: string; name: string; valueChanged?: (event: CustomEvent<{ value: string; name: string }>) => void }>,\n _nylasSchedulerConfigConnector: NylasSchedulerConfigConnector,\n ) => {\n const { valueChanged } = event.detail;\n // If a handler is passed, call it.\n if (valueChanged) {\n valueChanged(event);\n }\n },\n },\n fireRegisterEvent: true,\n })\n render() {\n const isComponentReady = typeof this.currentPageName !== 'undefined';\n return (\n <Host>\n <div class=\"nylas-page-name\" part=\"nces\">\n <div class=\"header\" part=\"nces__header\">\n <div>\n <h3>{i18next.t('nylasPageName.headerTitle')}</h3>\n <p>\n {i18next.t('nylasPageName.headerSubTitle')}\n <tooltip-component>\n <info-icon slot=\"tooltip-icon\" />\n <span slot=\"tooltip-content\">{i18next.t('nylasPageName.tooltip.desc')}</span>\n </tooltip-component>\n {this.requirePageName && <span class=\"required-asterisk\"></span>}\n </p>\n </div>\n\n {this.showToggle && (\n <div class=\"drawer-toggle\" part=\"nces__drawer-toggle--container\">\n <span class={`chevron ${this.isOpen ? 'open' : 'closed'} `} onClick={() => this.toggleDrawer()}>\n <chevron-icon width=\"24\" height=\"24\" />\n </span>\n </div>\n )}\n </div>\n\n {this.isOpen && (\n <div class=\"nylas-page-name__body\" part=\"nces__body\">\n <div class=\"nylas-page-name__section\">\n <div class=\"nylas-page-name__row\">\n <div class=\"input-container\">\n <div class={{ 'nylas-page-name__input-wrapper': true, 'error': !!this.pageNameErrorMessage }}>\n {isComponentReady && (\n <input-component\n name=\"page-name\"\n id=\"page-name\"\n type=\"text\"\n required={false}\n exportparts=\"ic_input: npn__input-textfield\"\n defaultValue={this.currentPageName ?? ''}\n themeConfig={this.themeConfig}\n />\n )}\n </div>\n {this.pageNameErrorMessage && <span class=\"error-message\">{this.pageNameErrorMessage}</span>}\n </div>\n </div>\n </div>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"names":["i18next"],"mappings":"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"}

package/dist/nylas-web-elements/nylas-page-name.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as e,a,h as n,d as r,e as l}from"./index-B-KMpdMZ.js";import{R as s}from"./register-component-BHk70oxk.js";import{b as o,i as t}from"./utils-Bj5Y75fX.js";const d=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-page-name{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.nylas-page-name .header{padding:1rem;display:grid;grid-template-columns:1fr auto}.nylas-page-name .header h3{border-radius:var(--nylas-border-radius-2x);margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-page-name .header p{display:flex;gap:4px;align-items:center;margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-page-name .header p .required-asterisk{color:var(--nylas-error)}.nylas-page-name .header .drawer-toggle{display:flex;gap:24px;align-items:center}.nylas-page-name .header .drawer-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-page-name .header .drawer-toggle .chevron:hover,.nylas-page-name .header .drawer-toggle .chevron:active{color:var(--nylas-primary)}.nylas-page-name .header .drawer-toggle .chevron.open{transform:rotate(90deg)}.nylas-page-name .header .drawer-toggle .chevron.closed{transform:rotate(270deg)}.nylas-page-name .header .drawer-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-page-name .header .drawer-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.nylas-page-name .nylas-page-name__body{display:grid;grid-template-columns:1fr;background-color:var(--nylas-base-25);border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x);border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){.nylas-page-name .nylas-page-name__body{grid-template-columns:1fr}}.nylas-page-name .nylas-page-name__body .nylas-page-name__section{padding:1rem;display:flex;flex-direction:column;gap:1rem;color:var(--nylas-base-800)}@media screen and (max-width: 768px){.nylas-page-name .nylas-page-name__body .nylas-page-name__section{border:none}}.nylas-page-name .nylas-page-name__body .nylas-page-name__section .nylas-page-name__row{display:flex;align-items:center;gap:1rem}.nylas-page-name .nylas-page-name__body .nylas-page-name__section .nylas-page-name__row label{display:flex;align-items:center}.nylas-page-name .nylas-page-name__body .nylas-page-name__section .nylas-page-name__row label span.required{color:var(--nylas-error, #cc4841)}.nylas-page-name .nylas-page-name__body .nylas-page-name__section .nylas-page-name__row p{margin:0.25rem 0 0 0;font-size:16px;font-weight:500;line-height:24px;color:var(--nylas-base-900)}.nylas-page-name .nylas-page-name__body .nylas-page-name__section .nylas-page-name__row .input-container{width:100%}.nylas-page-name .nylas-page-name__body .nylas-page-name__section .nylas-page-name__row .input-container span.error-message{color:var(--nylas-error)}.nylas-page-name .nylas-page-name__input-wrapper{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%;width:-moz-available;width:-webkit-fill-available;display:flex;flex-direction:row;gap:0.125rem;border-radius:var(--nylas-border-radius-2x);z-index:1}.nylas-page-name .nylas-page-name__input-wrapper:focus{outline-color:var(--nylas-primary)}.nylas-page-name .nylas-page-name__input-wrapper.error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}.nylas-page-name .nylas-page-name__input-wrapper.error::placeholder{font-weight:400}.nylas-page-name .nylas-page-name__input-wrapper::placeholder{color:var(--nylas-base-300)}.nylas-page-name .nylas-page-name__input-wrapper.error{border:1px solid var(--nylas-error)}.nylas-page-name .nylas-page-name__input-wrapper input-component::part(ic__input){outline:none;border:none;width:100%;font-size:16px;height:auto;padding-left:0px}';var i=undefined&&undefined.__decorate||function(e,a,n,r){var l=arguments.length,s=l<3?a:r===null?r=Object.getOwnPropertyDescriptor(a,n):r,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,a,n,r);else for(var t=e.length-1;t>=0;t--)if(o=e[t])s=(l<3?o(s):l>3?o(a,n,s):o(a,n))||s;return l>3&&s&&Object.defineProperty(a,n,s),s};var c=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const y=class{constructor(n){e(this,n);this.valueChanged=a(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.name="page-name";this.showToggle=true;this.isOpen=true;this.required=false;this.requirePageName=false}connectedCallback(){o("nylas-page-name","connectedCallback")}disconnectedCallback(){o("nylas-page-name","disconnectedCallback")}componentWillLoad(){o("nylas-page-name","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){o("nylas-page-name","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.currentPageName=this.pageName??""}this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(this.currentPageName),this.name)}componentWillUpdate(){o("nylas-page-name","componentWillUpdate")}componentDidUpdate(){o("nylas-page-name","componentDidUpdate")}componentWillRender(){o("nylas-page-name","componentWillRender")}componentDidRender(){o("nylas-page-name","componentDidRender")}elementNameChangedHandler(e){o("nylas-page-name","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){o("nylas-custom-booking-flow","selectedConfigurationChangedHandler",e);this.currentPageName=e?.name??this.pageName??"";this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(this.currentPageName),this.name)}selectedLanguageChangedHandler(e,a){if(e===a)return;t.changeLanguage(e)}themeConfigChangedHandler(e,a){if(e===a)return;this.applyThemeConfig(e)}applyThemeConfig(e){if(e){for(const[a,n]of Object.entries(e)){this.host.style.setProperty(`${a}`,n)}}}get isInternalsAvailable(){return this.internals!==undefined&&typeof this.internals.setFormValue==="function"&&typeof this.internals.setValidity==="function"}async nylasFormInputChangeHandler(e){const{name:a,value:n}=e.detail;if(!n&&this.requirePageName){this.isInternalsAvailable&&this.internals.setValidity({customError:true},t.t("nylasPageName.pageNameError"));this.pageNameErrorMessage=t.t("nylasPageName.pageNameError");return}else{this.isInternalsAvailable&&this.internals.setValidity({customError:false});this.pageNameErrorMessage=""}if(a==="page-name"){this.currentPageName=n;this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(n),this.name);this.valueChanged.emit({value:JSON.stringify(n),name:this.name})}}toggleDrawer(){this.isOpen=!this.isOpen}render(){const e=typeof this.currentPageName!=="undefined";return n(r,{key:"12dd22009740bffedc8825125e07e94689cec2b4"},n("div",{key:"2fdfd832dbc01583f4e36959e98b481580f73e14",class:"nylas-page-name",part:"nces"},n("div",{key:"68f710492630959148b7536e81db9ff6dc4c7d5c",class:"header",part:"nces__header"},n("div",{key:"d43d3d37248ccb172b474e47bb422750d612e9d9"},n("h3",{key:"c9bbbba63c00b3c99521be118e388962e46932df"},t.t("nylasPageName.headerTitle")),n("p",{key:"600b798b240e4a7ef6c0d447ea9b3ad80bdef069"},t.t("nylasPageName.headerSubTitle"),n("tooltip-component",{key:"ab0dc37579c62a90565068f31db246b0041a3d6c"},n("info-icon",{key:"a37462101007c10a30d6a7c1217086bc73bc5ebe",slot:"tooltip-icon"}),n("span",{key:"411b4c3fa8b8e4e74c9cd966a68d31292e9dd11d",slot:"tooltip-content"},t.t("nylasPageName.tooltip.desc"))),this.requirePageName&&n("span",{key:"154df05d4bc214df8e4b23e9f2d7a561e26b1052",class:"required-asterisk"},"*"))),this.showToggle&&n("div",{key:"eb994e56b58b6325c53e5e4c7bc15d0dc31c3565",class:"drawer-toggle",part:"nces__drawer-toggle--container"},n("span",{key:"e34f785f609915c93732fa0350afc792ead98e6c",class:`chevron ${this.isOpen?"open":"closed"} `,onClick:()=>this.toggleDrawer()},n("chevron-icon",{key:"2819dff056e290092a8e18099d84d58d88fea380",width:"24",height:"24"})))),this.isOpen&&n("div",{key:"e2cd1c470f93414b6f69de6c2bb2045de57e5166",class:"nylas-page-name__body",part:"nces__body"},n("div",{key:"384236af0dc775823f5508931eb9e29b42ca33f5",class:"nylas-page-name__section"},n("div",{key:"211995d545905044a240df552977bf041f5e7418",class:"nylas-page-name__row"},n("div",{key:"217474b1117e15d8a5b4dbfa877df6c481d6162b",class:"input-container"},n("div",{key:"1bd2d668fd2db87bf5ef15d49dd889f8e1be6487",class:{"nylas-page-name__input-wrapper":true,error:!!this.pageNameErrorMessage}},e&&n("input-component",{key:"3b2f123ec7232355d7bf3d54fe8f5a93b22b31f9",name:"page-name",id:"page-name",type:"text",required:false,exportparts:"ic_input: npn__input-textfield",defaultValue:this.currentPageName??"",themeConfig:this.themeConfig})),this.pageNameErrorMessage&&n("span",{key:"202f69137f056b8c2f7b55e40adb3f48ffa14f54",class:"error-message"},this.pageNameErrorMessage)))))))}static get formAssociated(){return true}get host(){return l(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};i([s({name:"nylas-page-name",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{valueChanged:async(e,a)=>{const{valueChanged:n}=e.detail;if(n){n(e)}}},fireRegisterEvent:true}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],y.prototype,"render",null);y.style=d;export{y as nylas_page_name};
+import{r as e,a,h as n,d as r,e as l}from"./index-Cbn5rIwb.js";import{R as s}from"./register-component-Blj8K64f.js";import{b as o,i as t}from"./utils-DhmCcrVs.js";const i=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-page-name{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.nylas-page-name .header{padding:1rem;display:grid;grid-template-columns:1fr auto}.nylas-page-name .header h3{border-radius:var(--nylas-border-radius-2x);margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-page-name .header p{display:flex;gap:4px;align-items:center;margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-page-name .header p .required-asterisk{color:var(--nylas-error)}.nylas-page-name .header .drawer-toggle{display:flex;gap:24px;align-items:center}.nylas-page-name .header .drawer-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-page-name .header .drawer-toggle .chevron:hover,.nylas-page-name .header .drawer-toggle .chevron:active{color:var(--nylas-primary)}.nylas-page-name .header .drawer-toggle .chevron.open{transform:rotate(90deg)}.nylas-page-name .header .drawer-toggle .chevron.closed{transform:rotate(270deg)}.nylas-page-name .header .drawer-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-page-name .header .drawer-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.nylas-page-name .nylas-page-name__body{display:grid;grid-template-columns:1fr;background-color:var(--nylas-base-25);border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x);border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){.nylas-page-name .nylas-page-name__body{grid-template-columns:1fr}}.nylas-page-name .nylas-page-name__body .nylas-page-name__section{padding:1rem;display:flex;flex-direction:column;gap:1rem;color:var(--nylas-base-800)}@media screen and (max-width: 768px){.nylas-page-name .nylas-page-name__body .nylas-page-name__section{border:none}}.nylas-page-name .nylas-page-name__body .nylas-page-name__section .nylas-page-name__row{display:flex;align-items:center;gap:1rem}.nylas-page-name .nylas-page-name__body .nylas-page-name__section .nylas-page-name__row label{display:flex;align-items:center}.nylas-page-name .nylas-page-name__body .nylas-page-name__section .nylas-page-name__row label span.required{color:var(--nylas-error, #cc4841)}.nylas-page-name .nylas-page-name__body .nylas-page-name__section .nylas-page-name__row p{margin:0.25rem 0 0 0;font-size:16px;font-weight:500;line-height:24px;color:var(--nylas-base-900)}.nylas-page-name .nylas-page-name__body .nylas-page-name__section .nylas-page-name__row .input-container{width:100%}.nylas-page-name .nylas-page-name__body .nylas-page-name__section .nylas-page-name__row .input-container span.error-message{color:var(--nylas-error)}.nylas-page-name .nylas-page-name__input-wrapper{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%;width:-moz-available;width:-webkit-fill-available;display:flex;flex-direction:row;gap:0.125rem;border-radius:var(--nylas-border-radius-2x);z-index:1}.nylas-page-name .nylas-page-name__input-wrapper:focus{outline-color:var(--nylas-primary)}.nylas-page-name .nylas-page-name__input-wrapper.error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}.nylas-page-name .nylas-page-name__input-wrapper.error::placeholder{font-weight:400}.nylas-page-name .nylas-page-name__input-wrapper::placeholder{color:var(--nylas-base-300)}.nylas-page-name .nylas-page-name__input-wrapper.error{border:1px solid var(--nylas-error)}.nylas-page-name .nylas-page-name__input-wrapper input-component::part(ic__input){outline:none;border:none;width:100%;font-size:16px;height:auto;padding-left:0px}';var d=undefined&&undefined.__decorate||function(e,a,n,r){var l=arguments.length,s=l<3?a:r===null?r=Object.getOwnPropertyDescriptor(a,n):r,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,a,n,r);else for(var t=e.length-1;t>=0;t--)if(o=e[t])s=(l<3?o(s):l>3?o(a,n,s):o(a,n))||s;return l>3&&s&&Object.defineProperty(a,n,s),s};var c=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const y=class{constructor(n){e(this,n);this.valueChanged=a(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.name="page-name";this.showToggle=true;this.isOpen=true;this.required=false;this.requirePageName=false}connectedCallback(){o("nylas-page-name","connectedCallback")}disconnectedCallback(){o("nylas-page-name","disconnectedCallback")}componentWillLoad(){o("nylas-page-name","componentWillLoad");this.host.setAttribute("name",this.name);this.applyThemeConfig(this.themeConfig)}componentDidLoad(){o("nylas-page-name","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.currentPageName=this.pageName??""}this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(this.currentPageName),this.name)}componentWillUpdate(){o("nylas-page-name","componentWillUpdate")}componentDidUpdate(){o("nylas-page-name","componentDidUpdate")}componentWillRender(){o("nylas-page-name","componentWillRender")}componentDidRender(){o("nylas-page-name","componentDidRender")}elementNameChangedHandler(e){o("nylas-page-name","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){o("nylas-custom-booking-flow","selectedConfigurationChangedHandler",e);this.currentPageName=e?.name??this.pageName??"";this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(this.currentPageName),this.name)}selectedLanguageChangedHandler(e,a){if(e===a)return;t.changeLanguage(e)}themeConfigChangedHandler(e,a){if(e===a)return;this.applyThemeConfig(e)}applyThemeConfig(e){if(e){for(const[a,n]of Object.entries(e)){this.host.style.setProperty(`${a}`,n)}}}get isInternalsAvailable(){return this.internals!==undefined&&typeof this.internals.setFormValue==="function"&&typeof this.internals.setValidity==="function"}async nylasFormInputChangeHandler(e){const{name:a,value:n}=e.detail;if(!n&&this.requirePageName){this.isInternalsAvailable&&this.internals.setValidity({customError:true},t.t("nylasPageName.pageNameError"));this.pageNameErrorMessage=t.t("nylasPageName.pageNameError");return}else{this.isInternalsAvailable&&this.internals.setValidity({customError:false});this.pageNameErrorMessage=""}if(a==="page-name"){this.currentPageName=n;this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(n),this.name);this.valueChanged.emit({value:JSON.stringify(n),name:this.name})}}toggleDrawer(){this.isOpen=!this.isOpen}render(){const e=typeof this.currentPageName!=="undefined";return n(r,{key:"1779ab831a80736e06a976420307d9721a99151a"},n("div",{key:"0a67859ec6e675e9e5b82ca5c353be5d928b87a8",class:"nylas-page-name",part:"nces"},n("div",{key:"20faf58b1fe91ebd07947bc0e4d2288a85acab17",class:"header",part:"nces__header"},n("div",{key:"8ef6e37e228c71f91a8bc670ed9007002242da1b"},n("h3",{key:"8ff83767617e0505301be5bffef037513fa24abb"},t.t("nylasPageName.headerTitle")),n("p",{key:"15db4900cae6046304a9d4a456e033873421160e"},t.t("nylasPageName.headerSubTitle"),n("tooltip-component",{key:"bd48b83515031d792b1cc0c18d220627f9dc4c8a"},n("info-icon",{key:"e0f88fbdaf261aaf001071da99c3b81abbb2d110",slot:"tooltip-icon"}),n("span",{key:"d7bad2a57a6d8a8c95f377f4d287e6ebb2f50181",slot:"tooltip-content"},t.t("nylasPageName.tooltip.desc"))),this.requirePageName&&n("span",{key:"08c73b9a8b13672300c14fb2909cddf59bffc511",class:"required-asterisk"},"*"))),this.showToggle&&n("div",{key:"d471b2d8e3be12ea8e74d9c21d1af8b1408b4df1",class:"drawer-toggle",part:"nces__drawer-toggle--container"},n("span",{key:"f059e1b3016ebaa6ac7d91b7a837f9a7a84bcc3f",class:`chevron ${this.isOpen?"open":"closed"} `,onClick:()=>this.toggleDrawer()},n("chevron-icon",{key:"a7f19cb4e5aec947c15e604cc7e4f82b1ba0121f",width:"24",height:"24"})))),this.isOpen&&n("div",{key:"132379d97f16cf7ff823d1807796402883f9b8b6",class:"nylas-page-name__body",part:"nces__body"},n("div",{key:"b06c0aede781d99fdc93f6ce8460529bbaa9b1ea",class:"nylas-page-name__section"},n("div",{key:"0645916abf5ccd84f7191e22ec8f7479e8f3d0a1",class:"nylas-page-name__row"},n("div",{key:"7d3735a04bb1daca764c789749083eb221a153f8",class:"input-container"},n("div",{key:"74c77d51020fd197be5a63e730fbfad38a971e7b",class:{"nylas-page-name__input-wrapper":true,error:!!this.pageNameErrorMessage}},e&&n("input-component",{key:"351a78cf15148ebabb04f673a87fe2719c824956",name:"page-name",id:"page-name",type:"text",required:false,exportparts:"ic_input: npn__input-textfield",defaultValue:this.currentPageName??"",themeConfig:this.themeConfig})),this.pageNameErrorMessage&&n("span",{key:"27929c8449d58aab8d9d7d47a7b5894ad4cb59bc",class:"error-message"},this.pageNameErrorMessage)))))))}static get formAssociated(){return true}get host(){return l(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};d([s({name:"nylas-page-name",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{valueChanged:async(e,a)=>{const{valueChanged:n}=e.detail;if(n){n(e)}}},fireRegisterEvent:true}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],y.prototype,"render",null);y.style=i;export{y as nylas_page_name};
 //# sourceMappingURL=nylas-page-name.entry.js.map

package/dist/nylas-web-elements/nylas-page-name.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["nylasPageNameCss","NylasPageName","constructor","hostRef","this","name","showToggle","isOpen","required","requirePageName","connectedCallback","debug","disconnectedCallback","componentWillLoad","host","setAttribute","componentDidLoad","selectedConfiguration","selectedConfigurationChangedHandler","currentPageName","pageName","isInternalsAvailable","internals","setFormValue","JSON","stringify","componentWillUpdate","componentDidUpdate","componentWillRender","componentDidRender","elementNameChangedHandler","newValue","selectedLanguageChangedHandler","newVal","oldVal","i18next","changeLanguage","themeConfigChangedHandler","applyThemeConfig","themeConfig","key","value","Object","entries","style","setProperty","undefined","setValidity","nylasFormInputChangeHandler","event","detail","customError","t","pageNameErrorMessage","valueChanged","emit","toggleDrawer","render","isComponentReady","h","Host","class","part","slot","onClick","width","height","error","id","type","exportparts","defaultValue","__decorate","RegisterComponent","stateToProps","Map","eventToProps","async","_nylasSchedulerConfigConnector","fireRegisterEvent","prototype"],"sources":["src/components/scheduler-editor/nylas-page-name/nylas-page-name.scss?tag=nylas-page-name&encapsulation=shadow","src/components/scheduler-editor/nylas-page-name/nylas-page-name.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as ;\n@use '../../../common/mixins/inputs' as ;\n\n:host {\n display: block;\n @include default-css-variables;\n width: inherit;\n}\n\n.nylas-page-name {\n width: inherit;\n display: flex;\n flex-direction: column;\n margin: 1rem;\n border-radius: var(--nylas-border-radius-2x);\n border: 1px solid var(--nylas-base-200);\n text-align: left;\n\n .header {\n padding: 1rem;\n display: grid;\n grid-template-columns: 1fr auto;\n\n h3 {\n border-radius: var(--nylas-border-radius-2x);\n margin: 0;\n font-size: 16px;\n font-weight: 600;\n line-height: 20px;\n color: var(--nylas-base-900);\n text-align: left;\n }\n\n p {\n display: flex;\n gap: 4px;\n align-items: center;\n margin: 0.25rem 0 0 0;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 20px;\n color: var(--nylas-base-600);\n text-align: left;\n\n .required-asterisk {\n color: var(--nylas-error);\n }\n }\n\n .drawer-toggle {\n display: flex;\n gap: 24px;\n align-items: center;\n\n .chevron {\n display: flex;\n align-self: center;\n cursor: pointer;\n\n &:hover,\n &:active {\n color: var(--nylas-primary);\n }\n\n &.open {\n transform: rotate(90deg);\n }\n\n &.closed {\n transform: rotate(270deg);\n }\n\n &.disabled {\n cursor: not-allowed;\n color: var(--nylas-base-300);\n\n &:hover {\n color: var(--nylas-base-300);\n }\n }\n }\n }\n }\n\n .nylas-page-name__body {\n display: grid;\n grid-template-columns: 1fr;\n background-color: var(--nylas-base-25);\n border-radius: 0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x);\n border-top: 1px solid var(--nylas-base-200);\n\n @media #{$mobile} {\n grid-template-columns: 1fr;\n }\n\n .nylas-page-name__section {\n padding: 1rem;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n color: var(--nylas-base-800);\n\n @media #{$mobile} {\n border: none;\n }\n\n .nylas-page-name__row {\n display: flex;\n align-items: center;\n gap: 1rem;\n\n label {\n display: flex;\n align-items: center;\n\n span.required {\n color: var(--nylas-error, #cc4841);\n }\n }\n\n p {\n margin: 0.25rem 0 0 0;\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n color: var(--nylas-base-900);\n }\n\n .input-container {\n width: 100%;\n\n span.error-message {\n color: var(--nylas-error);\n }\n }\n }\n }\n }\n\n .nylas-page-name__input-wrapper {\n @include textfield;\n width: -moz-available;\n width: -webkit-fill-available;\n display: flex;\n flex-direction: row;\n gap: 0.125rem;\n border-radius: var(--nylas-border-radius-2x);\n z-index: 1;\n\n &.error {\n border: 1px solid var(--nylas-error);\n }\n\n input-component::part(ic__input) {\n outline: none;\n border: none;\n width: 100%;\n font-size: 16px;\n height: auto;\n padding-left: 0px;\n }\n }\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug } from '@/utils/utils';\nimport { AttachInternals, Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport { Configuration, ThemeConfig } from '@nylas/core';\nimport i18next from '@/utils/i18n';\nimport { LANGUAGE_CODE } from '@/common/constants';\n\n/*\n The `nylas-page-name` component is a UI component that allows users to add a custom page name which will appear in the top left corner of the date picker.\n \n @part npn - The nylas-page-name container\n * @part npn__body - The body of the event communication section\n * @part npn__header - The header of the event communication section\n * @part npn__drawer-toggle--container - The card's drawer toggle container\n * @part npn__input-textfield - The page name input textfield\n /\n@Component({\n tag: 'nylas-page-name',\n styleUrl: 'nylas-page-name.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class NylasPageName {\n @Element() host!: HTMLNylasPageNameElement;\n\n /\n @standalone\n * The selected config\n /\n @Prop() selectedConfiguration?: Configuration;\n /\n @standalone\n * The name of the component\n /\n @Prop() name: string = 'page-name';\n /\n @standalone\n * The default page name\n /\n @Prop() pageName?: string;\n /\n @standalone\n * Show toggle button that allows users to expand or collapse the card\n /\n @Prop() showToggle: boolean = true;\n /\n @standalone\n * Is the page name container card expanded\n /\n @Prop() isOpen: boolean = true;\n /\n Make the field required\n /\n @Prop() required: boolean = false;\n /\n The theme configuration.\n /\n @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n /\n The selected language.\n /\n @Prop() selectedLanguage?: LANGUAGE_CODE;\n\n /\n The required property for the page name input\n /\n @Prop() requirePageName: boolean = false;\n\n /\n The element internals.\n /\n @AttachInternals() internals!: ElementInternals;\n\n /\n The current page name state\n /\n @State() currentPageName!: string;\n\n /\n The page name error message\n /\n @State() pageNameErrorMessage!: string;\n\n /\n This event is fired when the page name value changes\n /\n @Event() valueChanged!: EventEmitter<{\n value: string;\n name: string;\n valueChanged?: (event: CustomEvent<{ value: string; name: string }>) => void;\n }>;\n\n // Lifecycle methods\n connectedCallback() {\n debug('nylas-page-name', 'connectedCallback');\n }\n\n disconnectedCallback() {\n debug('nylas-page-name', 'disconnectedCallback');\n }\n\n componentWillLoad() {\n debug('nylas-page-name', 'componentWillLoad');\n // See comment in the @Watch('name') decorator for more information.\n this.host.setAttribute('name', this.name);\n }\n\n componentDidLoad() {\n debug('nylas-page-name', 'componentDidLoad');\n if (this.selectedConfiguration) {\n this.selectedConfigurationChangedHandler(this.selectedConfiguration);\n } else {\n this.currentPageName = this.pageName ?? '';\n }\n this.isInternalsAvailable && this.internals.setFormValue(JSON.stringify(this.currentPageName), this.name);\n }\n\n componentWillUpdate() {\n debug('nylas-page-name', 'componentWillUpdate');\n }\n\n componentDidUpdate() {\n debug('nylas-page-name', 'componentDidUpdate');\n }\n\n componentWillRender() {\n debug('nylas-page-name', 'componentWillRender');\n }\n\n componentDidRender() {\n debug('nylas-page-name', 'componentDidRender');\n }\n\n /\n When a name prop is passed, stencil does not automatically set the name attribute on the host element.\n * Since this component is form-associated, the name attribute is required for form submission.\n * This is a workaround to ensure that the name attribute is set on the host element.\n /\n @Watch('name')\n elementNameChangedHandler(newValue: string) {\n debug('nylas-page-name', 'elementNameChangedHandler', newValue);\n this.host.setAttribute('name', newValue);\n }\n\n @Watch('selectedConfiguration')\n selectedConfigurationChangedHandler(newValue: Configuration) {\n debug('nylas-custom-booking-flow', 'selectedConfigurationChangedHandler', newValue);\n this.currentPageName = newValue?.name ?? this.pageName ?? '';\n this.isInternalsAvailable && this.internals.setFormValue(JSON.stringify(this.currentPageName), this.name);\n }\n\n @Watch('selectedLanguage')\n selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n if (newVal === oldVal) return;\n i18next.changeLanguage(newVal);\n }\n\n @Watch('themeConfig')\n themeConfigChangedHandler(newVal: ThemeConfig, oldVal: ThemeConfig) {\n if (newVal === oldVal) return;\n this.applyThemeConfig(newVal);\n }\n\n applyThemeConfig(themeConfig?: ThemeConfig) {\n if (themeConfig) {\n for (const [key, value] of Object.entries(themeConfig)) {\n this.host.style.setProperty(`${key}`, value);\n }\n }\n }\n\n /\n This method is essentially a workaround to check if the internals are available because\n * the unit tests in stencil do not support the internals.\n * @returns boolean\n /\n get isInternalsAvailable() {\n return this.internals !== undefined && typeof this.internals.setFormValue === 'function' && typeof this.internals.setValidity === 'function';\n }\n\n @Listen('nylasFormInputChanged')\n async nylasFormInputChangeHandler(event: CustomEvent<{ value: string; name: string }>) {\n const { name, value } = event.detail;\n if (!value && this.requirePageName) {\n this.isInternalsAvailable && this.internals.setValidity({ customError: true }, i18next.t('nylasPageName.pageNameError'));\n this.pageNameErrorMessage = i18next.t('nylasPageName.pageNameError');\n return;\n } else {\n this.isInternalsAvailable && this.internals.setValidity({ customError: false });\n this.pageNameErrorMessage = '';\n }\n if (name === 'page-name') {\n this.currentPageName = value;\n this.isInternalsAvailable && this.internals.setFormValue(JSON.stringify(value), this.name);\n this.valueChanged.emit({ value: JSON.stringify(value), name: this.name });\n }\n }\n\n toggleDrawer() {\n this.isOpen = !this.isOpen;\n }\n\n @RegisterComponent<NylasPageName, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n name: 'nylas-page-name',\n stateToProps: new Map([\n ['schedulerConfig.selectedConfiguration', 'selectedConfiguration'],\n ['schedulerConfig.selectedLanguage', 'selectedLanguage'],\n ['schedulerConfig.themeConfig', 'themeConfig'],\n ]),\n eventToProps: {\n valueChanged: async (\n event: CustomEvent<{ value: string; name: string; valueChanged?: (event: CustomEvent<{ value: string; name: string }>) => void }>,\n _nylasSchedulerConfigConnector: NylasSchedulerConfigConnector,\n ) => {\n const { valueChanged } = event.detail;\n // If a handler is passed, call it.\n if (valueChanged) {\n valueChanged(event);\n }\n },\n },\n fireRegisterEvent: true,\n })\n render() {\n const isComponentReady = typeof this.currentPageName !== 'undefined';\n return (\n <Host>\n <div class=\"nylas-page-name\" part=\"nces\">\n <div class=\"header\" part=\"nces__header\">\n <div>\n <h3>{i18next.t('nylasPageName.headerTitle')}</h3>\n <p>\n {i18next.t('nylasPageName.headerSubTitle')}\n <tooltip-component>\n <info-icon slot=\"tooltip-icon\" />\n <span slot=\"tooltip-content\">{i18next.t('nylasPageName.tooltip.desc')}</span>\n </tooltip-component>\n {this.requirePageName && <span class=\"required-asterisk\"></span>}\n </p>\n </div>\n\n {this.showToggle && (\n <div class=\"drawer-toggle\" part=\"nces__drawer-toggle--container\">\n <span class={`chevron ${this.isOpen ? 'open' : 'closed'} `} onClick={() => this.toggleDrawer()}>\n <chevron-icon width=\"24\" height=\"24\" />\n </span>\n </div>\n )}\n </div>\n\n {this.isOpen && (\n <div class=\"nylas-page-name__body\" part=\"nces__body\">\n <div class=\"nylas-page-name__section\">\n <div class=\"nylas-page-name__row\">\n <div class=\"input-container\">\n <div class={{ 'nylas-page-name__input-wrapper': true, 'error': !!this.pageNameErrorMessage }}>\n {isComponentReady && (\n <input-component\n name=\"page-name\"\n id=\"page-name\"\n type=\"text\"\n required={false}\n exportparts=\"ic_input: npn__input-textfield\"\n defaultValue={this.currentPageName ?? ''}\n themeConfig={this.themeConfig}\n />\n )}\n </div>\n {this.pageNameErrorMessage && <span class=\"error-message\">{this.pageNameErrorMessage}</span>}\n </div>\n </div>\n </div>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["nylasPageNameCss","NylasPageName","constructor","hostRef","this","name","showToggle","isOpen","required","requirePageName","connectedCallback","debug","disconnectedCallback","componentWillLoad","host","setAttribute","applyThemeConfig","themeConfig","componentDidLoad","selectedConfiguration","selectedConfigurationChangedHandler","currentPageName","pageName","isInternalsAvailable","internals","setFormValue","JSON","stringify","componentWillUpdate","componentDidUpdate","componentWillRender","componentDidRender","elementNameChangedHandler","newValue","selectedLanguageChangedHandler","newVal","oldVal","i18next","changeLanguage","themeConfigChangedHandler","key","value","Object","entries","style","setProperty","undefined","setValidity","nylasFormInputChangeHandler","event","detail","customError","t","pageNameErrorMessage","valueChanged","emit","toggleDrawer","render","isComponentReady","h","Host","class","part","slot","onClick","width","height","error","id","type","exportparts","defaultValue","__decorate","RegisterComponent","stateToProps","Map","eventToProps","async","_nylasSchedulerConfigConnector","fireRegisterEvent","prototype"],"sources":["src/components/scheduler-editor/nylas-page-name/nylas-page-name.scss?tag=nylas-page-name&encapsulation=shadow","src/components/scheduler-editor/nylas-page-name/nylas-page-name.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as ;\n@use '../../../common/mixins/inputs' as ;\n\n:host {\n display: block;\n @include default-css-variables;\n width: inherit;\n}\n\n.nylas-page-name {\n width: inherit;\n display: flex;\n flex-direction: column;\n margin: 1rem;\n border-radius: var(--nylas-border-radius-2x);\n border: 1px solid var(--nylas-base-200);\n text-align: left;\n\n .header {\n padding: 1rem;\n display: grid;\n grid-template-columns: 1fr auto;\n\n h3 {\n border-radius: var(--nylas-border-radius-2x);\n margin: 0;\n font-size: 16px;\n font-weight: 600;\n line-height: 20px;\n color: var(--nylas-base-900);\n text-align: left;\n }\n\n p {\n display: flex;\n gap: 4px;\n align-items: center;\n margin: 0.25rem 0 0 0;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 20px;\n color: var(--nylas-base-600);\n text-align: left;\n\n .required-asterisk {\n color: var(--nylas-error);\n }\n }\n\n .drawer-toggle {\n display: flex;\n gap: 24px;\n align-items: center;\n\n .chevron {\n display: flex;\n align-self: center;\n cursor: pointer;\n\n &:hover,\n &:active {\n color: var(--nylas-primary);\n }\n\n &.open {\n transform: rotate(90deg);\n }\n\n &.closed {\n transform: rotate(270deg);\n }\n\n &.disabled {\n cursor: not-allowed;\n color: var(--nylas-base-300);\n\n &:hover {\n color: var(--nylas-base-300);\n }\n }\n }\n }\n }\n\n .nylas-page-name__body {\n display: grid;\n grid-template-columns: 1fr;\n background-color: var(--nylas-base-25);\n border-radius: 0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x);\n border-top: 1px solid var(--nylas-base-200);\n\n @media #{$mobile} {\n grid-template-columns: 1fr;\n }\n\n .nylas-page-name__section {\n padding: 1rem;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n color: var(--nylas-base-800);\n\n @media #{$mobile} {\n border: none;\n }\n\n .nylas-page-name__row {\n display: flex;\n align-items: center;\n gap: 1rem;\n\n label {\n display: flex;\n align-items: center;\n\n span.required {\n color: var(--nylas-error, #cc4841);\n }\n }\n\n p {\n margin: 0.25rem 0 0 0;\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n color: var(--nylas-base-900);\n }\n\n .input-container {\n width: 100%;\n\n span.error-message {\n color: var(--nylas-error);\n }\n }\n }\n }\n }\n\n .nylas-page-name__input-wrapper {\n @include textfield;\n width: -moz-available;\n width: -webkit-fill-available;\n display: flex;\n flex-direction: row;\n gap: 0.125rem;\n border-radius: var(--nylas-border-radius-2x);\n z-index: 1;\n\n &.error {\n border: 1px solid var(--nylas-error);\n }\n\n input-component::part(ic__input) {\n outline: none;\n border: none;\n width: 100%;\n font-size: 16px;\n height: auto;\n padding-left: 0px;\n }\n }\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug } from '@/utils/utils';\nimport { AttachInternals, Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport { Configuration, ThemeConfig } from '@nylas/core';\nimport i18next from '@/utils/i18n';\nimport { LANGUAGE_CODE } from '@/common/constants';\n\n/*\n The `nylas-page-name` component is a UI component that allows users to add a custom page name which will appear in the top left corner of the date picker.\n \n @part npn - The nylas-page-name container\n * @part npn__body - The body of the event communication section\n * @part npn__header - The header of the event communication section\n * @part npn__drawer-toggle--container - The card's drawer toggle container\n * @part npn__input-textfield - The page name input textfield\n /\n@Component({\n tag: 'nylas-page-name',\n styleUrl: 'nylas-page-name.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class NylasPageName {\n @Element() host!: HTMLNylasPageNameElement;\n\n /\n @standalone\n * The selected config\n /\n @Prop() selectedConfiguration?: Configuration;\n /\n @standalone\n * The name of the component\n /\n @Prop() name: string = 'page-name';\n /\n @standalone\n * The default page name\n /\n @Prop() pageName?: string;\n /\n @standalone\n * Show toggle button that allows users to expand or collapse the card\n /\n @Prop() showToggle: boolean = true;\n /\n @standalone\n * Is the page name container card expanded\n /\n @Prop() isOpen: boolean = true;\n /\n Make the field required\n /\n @Prop() required: boolean = false;\n /\n The theme configuration.\n /\n @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n /\n The selected language.\n /\n @Prop() selectedLanguage?: LANGUAGE_CODE;\n\n /\n The required property for the page name input\n /\n @Prop() requirePageName: boolean = false;\n\n /\n The element internals.\n /\n @AttachInternals() internals!: ElementInternals;\n\n /\n The current page name state\n /\n @State() currentPageName!: string;\n\n /\n The page name error message\n /\n @State() pageNameErrorMessage!: string;\n\n /\n This event is fired when the page name value changes\n /\n @Event() valueChanged!: EventEmitter<{\n value: string;\n name: string;\n valueChanged?: (event: CustomEvent<{ value: string; name: string }>) => void;\n }>;\n\n // Lifecycle methods\n connectedCallback() {\n debug('nylas-page-name', 'connectedCallback');\n }\n\n disconnectedCallback() {\n debug('nylas-page-name', 'disconnectedCallback');\n }\n\n componentWillLoad() {\n debug('nylas-page-name', 'componentWillLoad');\n // See comment in the @Watch('name') decorator for more information.\n this.host.setAttribute('name', this.name);\n this.applyThemeConfig(this.themeConfig);\n }\n\n componentDidLoad() {\n debug('nylas-page-name', 'componentDidLoad');\n if (this.selectedConfiguration) {\n this.selectedConfigurationChangedHandler(this.selectedConfiguration);\n } else {\n this.currentPageName = this.pageName ?? '';\n }\n this.isInternalsAvailable && this.internals.setFormValue(JSON.stringify(this.currentPageName), this.name);\n }\n\n componentWillUpdate() {\n debug('nylas-page-name', 'componentWillUpdate');\n }\n\n componentDidUpdate() {\n debug('nylas-page-name', 'componentDidUpdate');\n }\n\n componentWillRender() {\n debug('nylas-page-name', 'componentWillRender');\n }\n\n componentDidRender() {\n debug('nylas-page-name', 'componentDidRender');\n }\n\n /\n When a name prop is passed, stencil does not automatically set the name attribute on the host element.\n * Since this component is form-associated, the name attribute is required for form submission.\n * This is a workaround to ensure that the name attribute is set on the host element.\n /\n @Watch('name')\n elementNameChangedHandler(newValue: string) {\n debug('nylas-page-name', 'elementNameChangedHandler', newValue);\n this.host.setAttribute('name', newValue);\n }\n\n @Watch('selectedConfiguration')\n selectedConfigurationChangedHandler(newValue: Configuration) {\n debug('nylas-custom-booking-flow', 'selectedConfigurationChangedHandler', newValue);\n this.currentPageName = newValue?.name ?? this.pageName ?? '';\n this.isInternalsAvailable && this.internals.setFormValue(JSON.stringify(this.currentPageName), this.name);\n }\n\n @Watch('selectedLanguage')\n selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n if (newVal === oldVal) return;\n i18next.changeLanguage(newVal);\n }\n\n @Watch('themeConfig')\n themeConfigChangedHandler(newVal: ThemeConfig, oldVal: ThemeConfig) {\n if (newVal === oldVal) return;\n this.applyThemeConfig(newVal);\n }\n\n applyThemeConfig(themeConfig?: ThemeConfig) {\n if (themeConfig) {\n for (const [key, value] of Object.entries(themeConfig)) {\n this.host.style.setProperty(`${key}`, value);\n }\n }\n }\n\n /\n This method is essentially a workaround to check if the internals are available because\n * the unit tests in stencil do not support the internals.\n * @returns boolean\n /\n get isInternalsAvailable() {\n return this.internals !== undefined && typeof this.internals.setFormValue === 'function' && typeof this.internals.setValidity === 'function';\n }\n\n @Listen('nylasFormInputChanged')\n async nylasFormInputChangeHandler(event: CustomEvent<{ value: string; name: string }>) {\n const { name, value } = event.detail;\n if (!value && this.requirePageName) {\n this.isInternalsAvailable && this.internals.setValidity({ customError: true }, i18next.t('nylasPageName.pageNameError'));\n this.pageNameErrorMessage = i18next.t('nylasPageName.pageNameError');\n return;\n } else {\n this.isInternalsAvailable && this.internals.setValidity({ customError: false });\n this.pageNameErrorMessage = '';\n }\n if (name === 'page-name') {\n this.currentPageName = value;\n this.isInternalsAvailable && this.internals.setFormValue(JSON.stringify(value), this.name);\n this.valueChanged.emit({ value: JSON.stringify(value), name: this.name });\n }\n }\n\n toggleDrawer() {\n this.isOpen = !this.isOpen;\n }\n\n @RegisterComponent<NylasPageName, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n name: 'nylas-page-name',\n stateToProps: new Map([\n ['schedulerConfig.selectedConfiguration', 'selectedConfiguration'],\n ['schedulerConfig.selectedLanguage', 'selectedLanguage'],\n ['schedulerConfig.themeConfig', 'themeConfig'],\n ]),\n eventToProps: {\n valueChanged: async (\n event: CustomEvent<{ value: string; name: string; valueChanged?: (event: CustomEvent<{ value: string; name: string }>) => void }>,\n _nylasSchedulerConfigConnector: NylasSchedulerConfigConnector,\n ) => {\n const { valueChanged } = event.detail;\n // If a handler is passed, call it.\n if (valueChanged) {\n valueChanged(event);\n }\n },\n },\n fireRegisterEvent: true,\n })\n render() {\n const isComponentReady = typeof this.currentPageName !== 'undefined';\n return (\n <Host>\n <div class=\"nylas-page-name\" part=\"nces\">\n <div class=\"header\" part=\"nces__header\">\n <div>\n <h3>{i18next.t('nylasPageName.headerTitle')}</h3>\n <p>\n {i18next.t('nylasPageName.headerSubTitle')}\n <tooltip-component>\n <info-icon slot=\"tooltip-icon\" />\n <span slot=\"tooltip-content\">{i18next.t('nylasPageName.tooltip.desc')}</span>\n </tooltip-component>\n {this.requirePageName && <span class=\"required-asterisk\"></span>}\n </p>\n </div>\n\n {this.showToggle && (\n <div class=\"drawer-toggle\" part=\"nces__drawer-toggle--container\">\n <span class={`chevron ${this.isOpen ? 'open' : 'closed'} `} onClick={() => this.toggleDrawer()}>\n <chevron-icon width=\"24\" height=\"24\" />\n </span>\n </div>\n )}\n </div>\n\n {this.isOpen && (\n <div class=\"nylas-page-name__body\" part=\"nces__body\">\n <div class=\"nylas-page-name__section\">\n <div class=\"nylas-page-name__row\">\n <div class=\"input-container\">\n <div class={{ 'nylas-page-name__input-wrapper': true, 'error': !!this.pageNameErrorMessage }}>\n {isComponentReady && (\n <input-component\n name=\"page-name\"\n id=\"page-name\"\n type=\"text\"\n required={false}\n exportparts=\"ic_input: npn__input-textfield\"\n defaultValue={this.currentPageName ?? ''}\n themeConfig={this.themeConfig}\n />\n )}\n </div>\n {this.pageNameErrorMessage && <span class=\"error-message\">{this.pageNameErrorMessage}</span>}\n </div>\n </div>\n </div>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/nylas-web-elements/nylas-page-styling.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as e,a as n,h as a,d as s,e as l}from"./index-B-KMpdMZ.js";import{R as t}from"./register-component-BHk70oxk.js";import{b as o,i,n as r}from"./utils-Bj5Y75fX.js";const y=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-page-styling{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.nylas-page-styling .hidden{display:none}.nylas-page-styling.no-border{border:none}.nylas-page-styling .header{padding:1rem;display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--nylas-base-200)}.nylas-page-styling .header h3{border-radius:var(--nylas-border-radius-2x);margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-page-styling .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-page-styling .header .drawer-toggle{display:flex;gap:24px;align-items:center}.nylas-page-styling .header .drawer-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-page-styling .header .drawer-toggle .chevron:hover,.nylas-page-styling .header .drawer-toggle .chevron:active{color:var(--nylas-primary)}.nylas-page-styling .header .drawer-toggle .chevron.open{transform:rotate(90deg)}.nylas-page-styling .header .drawer-toggle .chevron.closed{transform:rotate(270deg)}.nylas-page-styling .header .drawer-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-page-styling .header .drawer-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.nylas-page-styling .nylas-page-styling__body{display:grid;grid-template-columns:1fr auto;background-color:var(--nylas-base-25);border-radius:0 0 var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.nylas-page-styling .nylas-page-styling__body{grid-template-columns:1fr}}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section{padding:1rem;display:flex;flex-direction:column;gap:1rem;color:var(--nylas-base-800)}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section.no-padding{padding:0}@media screen and (max-width: 768px){.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section{border:none}}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row{display:grid;grid-template-columns:1fr;align-items:center}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row label{display:flex;align-items:center}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row label span.required{color:var(--nylas-error, #cc4841)}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row label span.label-icon{margin-left:4px}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row label span.label-icon tooltip-component{display:flex}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row p{margin:0.25rem 0 0 0;font-size:16px;font-weight:500;line-height:24px;color:var(--nylas-base-900)}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection{display:flex;flex-direction:column;gap:1rem}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection.hide{display:none}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection .input-container,.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection>*{display:flex;flex-direction:column;column-gap:2rem;row-gap:0.25rem;width:100%;flex:1}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection .input-container textarea,.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection>* textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.nylas-page-styling .nylas-page-styling__body span.error-message{color:var(--nylas-error)}.nylas-page-styling .nylas-page-styling__body span.help-text{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}';var g=undefined&&undefined.__decorate||function(e,n,a,s){var l=arguments.length,t=l<3?n:s===null?s=Object.getOwnPropertyDescriptor(n,a):s,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")t=Reflect.decorate(e,n,a,s);else for(var i=e.length-1;i>=0;i--)if(o=e[i])t=(l<3?o(t):l>3?o(n,a,t):o(n,a))||t;return l>3&&t&&Object.defineProperty(n,a,t),t};var c=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const d=class{constructor(a){e(this,a);this.valueChanged=n(this,"valueChanged",7);this.bookingFormSubmitted=n(this,"bookingFormSubmitted",7);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.name="page-styling";this.isOpen=true;this.customInputsSlot=null}connectedCallback(){o("nylas-page-styling","connectedCallback")}disconnectedCallback(){o("nylas-page-styling","disconnectedCallback")}componentWillLoad(){o("nylas-page-styling","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){o("nylas-page-styling","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}}componentWillUpdate(){o("nylas-page-styling","componentWillUpdate")}componentDidUpdate(){o("nylas-page-styling","componentDidUpdate")}componentWillRender(){o("nylas-page-styling","componentWillRender")}componentDidRender(){o("nylas-page-styling","componentDidRender")}elementNameChangedHandler(e){o("nylas-page-styling","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedLanguageChangedHandler(e,n){if(e===n)return;i.changeLanguage(e)}themeConfigChangedHandler(e,n){if(e===n)return;this.applyThemeConfig(e)}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a)}}}customInputsSlotChangedHandler(e){o("nylas-page-styling","customInputsSlotChangedHandler",e);const n=this.currentAppearance;function a(e){if(e.hasAttribute&&e.hasAttribute("name")){const a=e.getAttribute("name");if(n&&a&&a in n&&n[a]!==undefined){const s=e.getAttribute("component-type");e.setAttribute("data-page-styling","true");if(s==="checkbox"){e.setAttribute("checked",n[a])}else if(s==="radio-group"){e.setAttribute("default-selected-value",n[a])}else if(s==="color-picker"){e.setAttribute("default-selected-color",n[a])}else if(s==="select-dropdown"){const s=e.getAttribute("options");const l=s?JSON.parse(s).find((e=>e.value===n[a])):null;e.setAttribute("default-selected-option",JSON.stringify(l))}else if(s==="image-url"){e.setAttribute("image-url",n[a])}else{e.setAttribute("default-value",n[a])}}}e.childNodes.forEach((e=>{if(e.nodeType===Node.ELEMENT_NODE){a(e)}}))}if(e){a(e)}}cloneAndCopyProps(e){const n=e.cloneNode(false);const a=e.getAttribute("component-type");const s=e.getAttribute("name");if(e.options){const l=e.getAttribute("options");console.log("page-styling options",e,l);if(typeof l==="string"){try{const e=JSON.parse(l);n.options=e;if(a==="select-dropdown"&&s&&s in this.currentAppearance){const a=e.find((e=>e.value===this.currentAppearance[s]));n.setAttribute("default-selected-option",JSON.stringify(a))}}catch(e){console.error("Error parsing options",e)}}else{n.options=e.options}}if(e.value){n.value=e.value}e.childNodes.forEach((e=>{if(e.nodeType===Node.ELEMENT_NODE){const a=this.cloneAndCopyProps(e);n.appendChild(a)}else if(e.nodeType===Node.TEXT_NODE){n.appendChild(e.cloneNode(true))}}));return n}selectedConfigurationChangedHandler(e){o("nylas-page-styling","selectedConfigurationChangedHandler",e);this.currentAppearance=e?.appearance||{};const n=document.querySelector("nylas-scheduler-editor");const a=n?.shadowRoot?.querySelector('slot[name="custom-page-style-inputs"]');if(!a){return}const s=document.createElement("div");const l=a?.assignedElements({flatten:true});l?.forEach((e=>{const n=this.cloneAndCopyProps(e);this.customInputsSlotChangedHandler(n);s.appendChild(n)}));const t=this.host.shadowRoot?.querySelector(".nylas-page-styling");const i=t?.querySelector(".nylas-page-styling__body .subsection");if(i){i.innerHTML="";s.childNodes.forEach((e=>{i.appendChild(e)}));this.customInputsSlot=s}}checkIfElementIsInSlot(e){const n=document?.querySelector(`[slot="custom-page-style-inputs"] [name="${e}"]`);return n?true:false}async nylasFormInputChangeHandler(e){const{name:n,value:a}=e.detail;const s=e.detail?.type;if(!this.checkIfElementIsInSlot(n)){return}switch(n){case"submit_button_label":this.currentAppearance={...this.currentAppearance,submit_button_label:a};break;case"thank_you_message":if(s==="multi_line_text"){const n=r(e.detail.value);this.currentAppearance={...this.currentAppearance,thank_you_message:n}}break;default:this.currentAppearance={...this.currentAppearance,[n]:a};break}this.updateConfirmationFormValue()}nylasFormDropdownChangedHandler(e){o("nylas-page-styling","nylasFormDropdownChangedHandler",e.detail);const{value:n,name:a}=e.detail;if(!this.checkIfElementIsInSlot(a)){return}if(a==="color"){this.currentAppearance={...this.currentAppearance,color:n}}else{this.currentAppearance={...this.currentAppearance,[a]:n}}this.updateConfirmationFormValue()}valueChangedHandler(e){o("nylas-page-styling","valueChangedHandler",e.detail);const{value:n,name:a}=e.detail;if(!this.checkIfElementIsInSlot(a)){return}this.currentAppearance={...this.currentAppearance,[a]:n};this.updateConfirmationFormValue(false)}checkboxToggledHandler(e){const{checked:n,name:a}=e.detail;if(!this.checkIfElementIsInSlot(a)){return}this.currentAppearance={...this.currentAppearance,[a]:n};this.updateConfirmationFormValue()}radioChangedHandler(e){const{value:n,name:a}=e.detail;if(!this.checkIfElementIsInSlot(a)){return}this.currentAppearance={...this.currentAppearance,[a]:n};this.updateConfirmationFormValue()}updateConfirmationFormValue(e=true){o("nylas-page-styling","updateConfirmationFormValue");this.internals.setFormValue(JSON.stringify(this.currentAppearance),this.name);if(e){this.valueChanged.emit({value:JSON.stringify(this.currentAppearance),name:this.name})}}toggleConfirmationEmail(){this.isOpen=!this.isOpen}render(){return a(s,{key:"29a40fde5d8eb9ebb5e188de0b5346f5fc9a665a"},a("div",{key:"e581e9d88b53c1c585fbcd39f33be99fecf121bb",part:"nps",class:{"nylas-page-styling":true,"no-border":!this.customInputsSlot}},this.customInputsSlot?a("div",{class:"header",part:"nps__header"},a("div",null,a("h3",null,i.t("nylasPageStyling.headerTitle"))),a("div",{class:"drawer-toggle",part:"nps__drawer-toggle--container"},a("span",{class:`chevron ${this.isOpen?"open":"closed"} `,onClick:()=>this.toggleConfirmationEmail()},a("chevron-icon",{width:"24",height:"24"})))):null,a("div",{key:"35426f293368ae85b0b36097ed182592f7103f1f",class:"hidden"},a("input-color-picker",{key:"e8e965870fe908c77177616203e805127db3ef07",name:"color-picker"})),a("div",{key:"1afd922920fd335b688069bcf1085965334fce7a",id:"nylas-page-styling__body",class:"nylas-page-styling__body",part:"nps__body"},a("div",{key:"092bb5ee772e66c73f71e594ab19ad674cf557d5",class:{"nylas-page-styling__section":true,"no-padding":!this.customInputsSlot}},a("div",{key:"f4c4a2e67a26dbb5b0a0ceee0069ba213ea928be",class:"nylas-page-styling__row"},a("div",{key:"7a77855f771ffe5623512c2ecaf8865f6d88d157",class:{subsection:true,hide:!this.isOpen}}))))))}static get formAssociated(){return true}get host(){return l(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"]}}};g([t({name:"nylas-page-styling",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{valueChanged:async(e,n)=>{const{valueChanged:a}=e.detail;if(a){a(e)}}},fireRegisterEvent:true}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],d.prototype,"render",null);d.style=y;export{d as nylas_page_styling};
+import{r as e,a as n,h as a,d as s,e as l}from"./index-Cbn5rIwb.js";import{R as t}from"./register-component-Blj8K64f.js";import{b as o,i,n as r}from"./utils-DhmCcrVs.js";const y=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-page-styling{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.nylas-page-styling .hidden{display:none}.nylas-page-styling.no-border{border:none}.nylas-page-styling .header{padding:1rem;display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--nylas-base-200)}.nylas-page-styling .header h3{border-radius:var(--nylas-border-radius-2x);margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-page-styling .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-page-styling .header .drawer-toggle{display:flex;gap:24px;align-items:center}.nylas-page-styling .header .drawer-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-page-styling .header .drawer-toggle .chevron:hover,.nylas-page-styling .header .drawer-toggle .chevron:active{color:var(--nylas-primary)}.nylas-page-styling .header .drawer-toggle .chevron.open{transform:rotate(90deg)}.nylas-page-styling .header .drawer-toggle .chevron.closed{transform:rotate(270deg)}.nylas-page-styling .header .drawer-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-page-styling .header .drawer-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.nylas-page-styling .nylas-page-styling__body{display:grid;grid-template-columns:1fr auto;background-color:var(--nylas-base-25);border-radius:0 0 var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.nylas-page-styling .nylas-page-styling__body{grid-template-columns:1fr}}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section{padding:1rem;display:flex;flex-direction:column;gap:1rem;color:var(--nylas-base-800)}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section.no-padding{padding:0}@media screen and (max-width: 768px){.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section{border:none}}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row{display:grid;grid-template-columns:1fr;align-items:center}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row label{display:flex;align-items:center}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row label span.required{color:var(--nylas-error, #cc4841)}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row label span.label-icon{margin-left:4px}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row label span.label-icon tooltip-component{display:flex}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row p{margin:0.25rem 0 0 0;font-size:16px;font-weight:500;line-height:24px;color:var(--nylas-base-900)}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection{display:flex;flex-direction:column;gap:1rem}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection.hide{display:none}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection .input-container,.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection>*{display:flex;flex-direction:column;column-gap:2rem;row-gap:0.25rem;width:100%;flex:1}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection .input-container textarea,.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection>* textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.nylas-page-styling .nylas-page-styling__body span.error-message{color:var(--nylas-error)}.nylas-page-styling .nylas-page-styling__body span.help-text{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}';var g=undefined&&undefined.__decorate||function(e,n,a,s){var l=arguments.length,t=l<3?n:s===null?s=Object.getOwnPropertyDescriptor(n,a):s,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")t=Reflect.decorate(e,n,a,s);else for(var i=e.length-1;i>=0;i--)if(o=e[i])t=(l<3?o(t):l>3?o(n,a,t):o(n,a))||t;return l>3&&t&&Object.defineProperty(n,a,t),t};var c=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const d=class{constructor(a){e(this,a);this.valueChanged=n(this,"valueChanged",7);this.bookingFormSubmitted=n(this,"bookingFormSubmitted",7);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.name="page-styling";this.isOpen=true;this.customInputsSlot=null}connectedCallback(){o("nylas-page-styling","connectedCallback")}disconnectedCallback(){o("nylas-page-styling","disconnectedCallback")}componentWillLoad(){o("nylas-page-styling","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){o("nylas-page-styling","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}}componentWillUpdate(){o("nylas-page-styling","componentWillUpdate")}componentDidUpdate(){o("nylas-page-styling","componentDidUpdate")}componentWillRender(){o("nylas-page-styling","componentWillRender")}componentDidRender(){o("nylas-page-styling","componentDidRender")}elementNameChangedHandler(e){o("nylas-page-styling","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedLanguageChangedHandler(e,n){if(e===n)return;i.changeLanguage(e)}themeConfigChangedHandler(e,n){if(e===n)return;this.applyThemeConfig(e)}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a)}}}customInputsSlotChangedHandler(e){o("nylas-page-styling","customInputsSlotChangedHandler",e);const n=this.currentAppearance;function a(e){if(e.hasAttribute&&e.hasAttribute("name")){const a=e.getAttribute("name");if(n&&a&&a in n&&n[a]!==undefined){const s=e.getAttribute("component-type");e.setAttribute("data-page-styling","true");if(s==="checkbox"){e.setAttribute("checked",n[a])}else if(s==="radio-group"){e.setAttribute("default-selected-value",n[a])}else if(s==="color-picker"){e.setAttribute("default-selected-color",n[a])}else if(s==="select-dropdown"){const s=e.getAttribute("options");const l=s?JSON.parse(s).find((e=>e.value===n[a])):null;e.setAttribute("default-selected-option",JSON.stringify(l))}else if(s==="image-url"){e.setAttribute("image-url",n[a])}else{e.setAttribute("default-value",n[a])}}}e.childNodes.forEach((e=>{if(e.nodeType===Node.ELEMENT_NODE){a(e)}}))}if(e){a(e)}}cloneAndCopyProps(e){const n=e.cloneNode(false);const a=e.getAttribute("component-type");const s=e.getAttribute("name");if(e.options){const l=e.getAttribute("options");console.log("page-styling options",e,l);if(typeof l==="string"){try{const e=JSON.parse(l);n.options=e;if(a==="select-dropdown"&&s&&s in this.currentAppearance){const a=e.find((e=>e.value===this.currentAppearance[s]));n.setAttribute("default-selected-option",JSON.stringify(a))}}catch(e){console.error("Error parsing options",e)}}else{n.options=e.options}}if(e.value){n.value=e.value}e.childNodes.forEach((e=>{if(e.nodeType===Node.ELEMENT_NODE){const a=this.cloneAndCopyProps(e);n.appendChild(a)}else if(e.nodeType===Node.TEXT_NODE){n.appendChild(e.cloneNode(true))}}));return n}selectedConfigurationChangedHandler(e){o("nylas-page-styling","selectedConfigurationChangedHandler",e);this.currentAppearance=e?.appearance||{};const n=document.querySelector("nylas-scheduler-editor");const a=n?.shadowRoot?.querySelector('slot[name="custom-page-style-inputs"]');if(!a){return}const s=document.createElement("div");const l=a?.assignedElements({flatten:true});l?.forEach((e=>{const n=this.cloneAndCopyProps(e);this.customInputsSlotChangedHandler(n);s.appendChild(n)}));const t=this.host.shadowRoot?.querySelector(".nylas-page-styling");const i=t?.querySelector(".nylas-page-styling__body .subsection");if(i){i.innerHTML="";s.childNodes.forEach((e=>{i.appendChild(e)}));this.customInputsSlot=s}}checkIfElementIsInSlot(e){const n=document?.querySelector(`[slot="custom-page-style-inputs"] [name="${e}"]`);return n?true:false}async nylasFormInputChangeHandler(e){const{name:n,value:a}=e.detail;const s=e.detail?.type;if(!this.checkIfElementIsInSlot(n)){return}switch(n){case"submit_button_label":this.currentAppearance={...this.currentAppearance,submit_button_label:a};break;case"thank_you_message":if(s==="multi_line_text"){const n=r(e.detail.value);this.currentAppearance={...this.currentAppearance,thank_you_message:n}}break;default:this.currentAppearance={...this.currentAppearance,[n]:a};break}this.updateConfirmationFormValue()}nylasFormDropdownChangedHandler(e){o("nylas-page-styling","nylasFormDropdownChangedHandler",e.detail);const{value:n,name:a}=e.detail;if(!this.checkIfElementIsInSlot(a)){return}if(a==="color"){this.currentAppearance={...this.currentAppearance,color:n}}else{this.currentAppearance={...this.currentAppearance,[a]:n}}this.updateConfirmationFormValue()}valueChangedHandler(e){o("nylas-page-styling","valueChangedHandler",e.detail);const{value:n,name:a}=e.detail;if(!this.checkIfElementIsInSlot(a)){return}this.currentAppearance={...this.currentAppearance,[a]:n};this.updateConfirmationFormValue(false)}checkboxToggledHandler(e){const{checked:n,name:a}=e.detail;if(!this.checkIfElementIsInSlot(a)){return}this.currentAppearance={...this.currentAppearance,[a]:n};this.updateConfirmationFormValue()}radioChangedHandler(e){const{value:n,name:a}=e.detail;if(!this.checkIfElementIsInSlot(a)){return}this.currentAppearance={...this.currentAppearance,[a]:n};this.updateConfirmationFormValue()}updateConfirmationFormValue(e=true){o("nylas-page-styling","updateConfirmationFormValue");this.internals.setFormValue(JSON.stringify(this.currentAppearance),this.name);if(e){this.valueChanged.emit({value:JSON.stringify(this.currentAppearance),name:this.name})}}toggleConfirmationEmail(){this.isOpen=!this.isOpen}render(){return a(s,{key:"29a40fde5d8eb9ebb5e188de0b5346f5fc9a665a"},a("div",{key:"e581e9d88b53c1c585fbcd39f33be99fecf121bb",part:"nps",class:{"nylas-page-styling":true,"no-border":!this.customInputsSlot}},this.customInputsSlot?a("div",{class:"header",part:"nps__header"},a("div",null,a("h3",null,i.t("nylasPageStyling.headerTitle"))),a("div",{class:"drawer-toggle",part:"nps__drawer-toggle--container"},a("span",{class:`chevron ${this.isOpen?"open":"closed"} `,onClick:()=>this.toggleConfirmationEmail()},a("chevron-icon",{width:"24",height:"24"})))):null,a("div",{key:"35426f293368ae85b0b36097ed182592f7103f1f",class:"hidden"},a("input-color-picker",{key:"e8e965870fe908c77177616203e805127db3ef07",name:"color-picker"})),a("div",{key:"1afd922920fd335b688069bcf1085965334fce7a",id:"nylas-page-styling__body",class:"nylas-page-styling__body",part:"nps__body"},a("div",{key:"092bb5ee772e66c73f71e594ab19ad674cf557d5",class:{"nylas-page-styling__section":true,"no-padding":!this.customInputsSlot}},a("div",{key:"f4c4a2e67a26dbb5b0a0ceee0069ba213ea928be",class:"nylas-page-styling__row"},a("div",{key:"7a77855f771ffe5623512c2ecaf8865f6d88d157",class:{subsection:true,hide:!this.isOpen}}))))))}static get formAssociated(){return true}get host(){return l(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],themeConfig:["themeConfigChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"]}}};g([t({name:"nylas-page-styling",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"],["schedulerConfig.themeConfig","themeConfig"]]),eventToProps:{valueChanged:async(e,n)=>{const{valueChanged:a}=e.detail;if(a){a(e)}}},fireRegisterEvent:true}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],d.prototype,"render",null);d.style=y;export{d as nylas_page_styling};
 //# sourceMappingURL=nylas-page-styling.entry.js.map