@nylas/web-elements 2.3.2 → 2.3.3

package/dist/components/nylas-editor-tabs.js

@@ -1,4 +1,4 @@
-import { N as NylasEditorTabs$1, d as defineCustomElement$1 } from './p-Cqcd_0tY.js';
+import { N as NylasEditorTabs$1, d as defineCustomElement$1 } from './p-CwBmT52e.js';
 
 const NylasEditorTabs = NylasEditorTabs$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nylas-event-calendar.js

@@ -1,4 +1,4 @@
-import { N as NylasEventCalendar$1, d as defineCustomElement$1 } from './p-CJ3feL4K.js';
+import { N as NylasEventCalendar$1, d as defineCustomElement$1 } from './p-whoa2mmo.js';
 
 const NylasEventCalendar = NylasEventCalendar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nylas-event-capacity.js

@@ -1,4 +1,4 @@
-import { N as NylasEventCapacity$1, d as defineCustomElement$1 } from './p-pgYRW1Gn.js';
+import { N as NylasEventCapacity$1, d as defineCustomElement$1 } from './p-Ey-jPikW.js';
 
 const NylasEventCapacity = NylasEventCapacity$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nylas-event-description.js

@@ -1,4 +1,4 @@
-import { N as NylasEventDescription$1, d as defineCustomElement$1 } from './p-BMS02R_Z.js';
+import { N as NylasEventDescription$1, d as defineCustomElement$1 } from './p-BJ6nYqW1.js';
 
 const NylasEventDescription = NylasEventDescription$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nylas-event-duration.js

@@ -1,4 +1,4 @@
-import { N as NylasEventDuration$1, d as defineCustomElement$1 } from './p-OADv0FUZ.js';
+import { N as NylasEventDuration$1, d as defineCustomElement$1 } from './p-DNm8Z4AY.js';
 
 const NylasEventDuration = NylasEventDuration$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nylas-event-location.js

@@ -1,4 +1,4 @@
-import { N as NylasEventLocation$1, d as defineCustomElement$1 } from './p-Et75ok2y.js';
+import { N as NylasEventLocation$1, d as defineCustomElement$1 } from './p-MMkYQKuh.js';
 
 const NylasEventLocation = NylasEventLocation$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nylas-event-timeslot.js

@@ -1,4 +1,4 @@
-import { N as NylasEventTimeslot$1, d as defineCustomElement$1 } from './p-BJACsIxp.js';
+import { N as NylasEventTimeslot$1, d as defineCustomElement$1 } from './p-CHQ9sLls.js';
 
 const NylasEventTimeslot = NylasEventTimeslot$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nylas-event-title.js

@@ -1,4 +1,4 @@
-import { N as NylasEventTitle$1, d as defineCustomElement$1 } from './p-BA8j6G8I.js';
+import { N as NylasEventTitle$1, d as defineCustomElement$1 } from './p-BJHGQK2p.js';
 
 const NylasEventTitle = NylasEventTitle$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nylas-feedback-form.js

@@ -1,4 +1,4 @@
-import { N as NylasFeedbackForm$1, d as defineCustomElement$1 } from './p-DsJUpcxE.js';
+import { N as NylasFeedbackForm$1, d as defineCustomElement$1 } from './p-DAr02cfd.js';
 
 const NylasFeedbackForm = NylasFeedbackForm$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nylas-limit-future-bookings.js

@@ -1,4 +1,4 @@
-import { N as NylasLimitFutureBookings$1, d as defineCustomElement$1 } from './p-Bho2Hb_A.js';
+import { N as NylasLimitFutureBookings$1, d as defineCustomElement$1 } from './p-keUQQIah.js';
 
 const NylasLimitFutureBookings = NylasLimitFutureBookings$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nylas-list-configurations.js

@@ -1,4 +1,4 @@
-import { N as NylasListConfigurations$1, d as defineCustomElement$1 } from './p-DZJAqRR0.js';
+import { N as NylasListConfigurations$1, d as defineCustomElement$1 } from './p-B4C1SvsK.js';
 
 const NylasListConfigurations = NylasListConfigurations$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nylas-locale-switch.js

@@ -1,4 +1,4 @@
-import { N as NylasLocaleSwitch$1, d as defineCustomElement$1 } from './p-C1X9fzID.js';
+import { N as NylasLocaleSwitch$1, d as defineCustomElement$1 } from './p-9PlaXlCB.js';
 
 const NylasLocaleSwitch = NylasLocaleSwitch$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nylas-min-booking-notice.js

@@ -1,4 +1,4 @@
-import { N as NylasMinBookingNotice$1, d as defineCustomElement$1 } from './p-Dy7hoKyo.js';
+import { N as NylasMinBookingNotice$1, d as defineCustomElement$1 } from './p-DMltEU-a.js';
 
 const NylasMinBookingNotice = NylasMinBookingNotice$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nylas-min-cancellation-notice.js

@@ -1,4 +1,4 @@
-import { N as NylasMinCancellationNotice$1, d as defineCustomElement$1 } from './p-DM_4oTsI.js';
+import { N as NylasMinCancellationNotice$1, d as defineCustomElement$1 } from './p-BjynTcY9.js';
 
 const NylasMinCancellationNotice = NylasMinCancellationNotice$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nylas-notetaker-config.js

@@ -1,4 +1,4 @@
-import { N as NylasNotetakerConfig$1, d as defineCustomElement$1 } from './p-FGJR3D9_.js';
+import { N as NylasNotetakerConfig$1, d as defineCustomElement$1 } from './p-Ci9dxGLY.js';
 
 const NylasNotetakerConfig = NylasNotetakerConfig$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nylas-page-name.js

@@ -1,4 +1,4 @@
-import { N as NylasPageName$1, d as defineCustomElement$1 } from './p-44_g1hcc.js';
+import { N as NylasPageName$1, d as defineCustomElement$1 } from './p-BeGM4wbq.js';
 
 const NylasPageName = NylasPageName$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nylas-page-styling.js

@@ -1,4 +1,4 @@
-import { N as NylasPageStyling$1, d as defineCustomElement$1 } from './p-B4ta0tDN.js';
+import { N as NylasPageStyling$1, d as defineCustomElement$1 } from './p-BZ_muELE.js';
 
 const NylasPageStyling = NylasPageStyling$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nylas-participant-booking-calendars.js

@@ -1,4 +1,4 @@
-import { N as NylasParticipantBookingCalendars$1, d as defineCustomElement$1 } from './p-Bz1eTXD6.js';
+import { N as NylasParticipantBookingCalendars$1, d as defineCustomElement$1 } from './p-BsMclINV.js';
 
 const NylasParticipantBookingCalendars = NylasParticipantBookingCalendars$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nylas-participants-custom-availability.js

@@ -1,4 +1,4 @@
-import { N as NylasParticipantsCustomAvailability$1, d as defineCustomElement$1 } from './p-eMdkzfgI.js';
+import { N as NylasParticipantsCustomAvailability$1, d as defineCustomElement$1 } from './p-CVnhRnUq.js';
 
 const NylasParticipantsCustomAvailability = NylasParticipantsCustomAvailability$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nylas-reminder-emails.js

@@ -1,4 +1,4 @@
-import { N as NylasReminderEmails$1, d as defineCustomElement$1 } from './p-C9c9Tc-Q.js';
+import { N as NylasReminderEmails$1, d as defineCustomElement$1 } from './p-FrLX9pVa.js';
 
 const NylasReminderEmails = NylasReminderEmails$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nylas-reminder-time.js

@@ -1,4 +1,4 @@
-import { N as NylasReminderTime$1, d as defineCustomElement$1 } from './p-CXvH8gEB.js';
+import { N as NylasReminderTime$1, d as defineCustomElement$1 } from './p-CIm8sd7h.js';
 
 const NylasReminderTime = NylasReminderTime$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nylas-scheduler-editor.js

@@ -5,7 +5,7 @@ import { j as dayjs, u as utc, w as timezone, a as debug, d as dataResponse, L a
 import { o as o$1 } from './p-C1VNIgoH.js';
 import { c as createStore } from './p-DVWbg8if.js';
 import { C as CONFIGURATION_EVENT_TYPE, L as LANGUAGE_CODE, c as LANGUAGE_MAP } from './p-DUCeQ1R4.js';
-import { v as version } from './p-CowteGon.js';
+import { v as version } from './p-D30KE7uE.js';
 import { d as defineCustomElement$1A } from './p-Ha2t2y12.js';
 import { d as defineCustomElement$1z } from './p-Dvm3cFRX.js';
 import { d as defineCustomElement$1y } from './p-CSGxrebs.js';
@@ -13,8 +13,8 @@ import { d as defineCustomElement$1x } from './p-3TuqcJ7a.js';
 import { d as defineCustomElement$1w } from './p-BW5AWWWU.js';
 import { d as defineCustomElement$1v } from './p-CRjHH_OM.js';
 import { d as defineCustomElement$1u } from './p-B8zO9u9G.js';
-import { d as defineCustomElement$1t } from './p-FyWR7wsG.js';
-import { d as defineCustomElement$1s } from './p-6i8K_2Bl.js';
+import { d as defineCustomElement$1t } from './p-B4WU6Ddk.js';
+import { d as defineCustomElement$1s } from './p-DVTv2Hp1.js';
 import { d as defineCustomElement$1r } from './p-dlRUGWVl.js';
 import { d as defineCustomElement$1q } from './p-BaI67hQ_.js';
 import { d as defineCustomElement$1p } from './p-BQqYYMC9.js';
@@ -32,73 +32,73 @@ import { d as defineCustomElement$1e } from './p-C-FqPkG1.js';
 import { d as defineCustomElement$1d } from './p-B35dXoaU.js';
 import { d as defineCustomElement$1c } from './p-sbWcoagv.js';
 import { d as defineCustomElement$1b } from './p-DAvS1ihh.js';
-import { d as defineCustomElement$1a } from './p-P01mLKOx.js';
-import { d as defineCustomElement$19 } from './p-D2DM2um3.js';
+import { d as defineCustomElement$1a } from './p-Dary9zXr.js';
+import { d as defineCustomElement$19 } from './p-UahFYa1w.js';
 import { d as defineCustomElement$18 } from './p-Dng-gcge.js';
-import { d as defineCustomElement$17 } from './p-lLGrGYYy.js';
+import { d as defineCustomElement$17 } from './p-C4s3qYGu.js';
 import { d as defineCustomElement$16 } from './p-hYRQCAHR.js';
 import { d as defineCustomElement$15 } from './p-C7vQiSqU.js';
 import { d as defineCustomElement$14 } from './p-D0Ur_s8w.js';
 import { d as defineCustomElement$13 } from './p-WCXOX3Ou.js';
 import { d as defineCustomElement$12 } from './p-BA0crRT4.js';
 import { d as defineCustomElement$11 } from './p-D5z467yH.js';
-import { d as defineCustomElement$10 } from './p-p2By8R7Z.js';
-import { d as defineCustomElement$$ } from './p-DzNdcHoB.js';
-import { d as defineCustomElement$_ } from './p-ybLp3dGv.js';
-import { d as defineCustomElement$Z } from './p-a4aWyy2J.js';
-import { d as defineCustomElement$Y } from './p-DAAGx7-h.js';
-import { d as defineCustomElement$X } from './p-BBkyE1MS.js';
-import { d as defineCustomElement$W } from './p-BmXUSpFE.js';
+import { d as defineCustomElement$10 } from './p-B-xvNL5X.js';
+import { d as defineCustomElement$$ } from './p-CZllU8ii.js';
+import { d as defineCustomElement$_ } from './p-QKc1T_NS.js';
+import { d as defineCustomElement$Z } from './p-BCNq-vH8.js';
+import { d as defineCustomElement$Y } from './p-pLqfEMSB.js';
+import { d as defineCustomElement$X } from './p-BdQ9iWW4.js';
+import { d as defineCustomElement$W } from './p-DgfDGATC.js';
 import { d as defineCustomElement$V } from './p-CPFYp0Ii.js';
 import { d as defineCustomElement$U } from './p-BrVgWFgn.js';
-import { d as defineCustomElement$T } from './p-BdG2pZat.js';
+import { d as defineCustomElement$T } from './p-BvCTseDu.js';
 import { d as defineCustomElement$S } from './p-C2CgHoR-.js';
 import { d as defineCustomElement$R } from './p-1wZj-JiY.js';
-import { d as defineCustomElement$Q } from './p-DDM3ZlW1.js';
-import { d as defineCustomElement$P } from './p-DdroMDi7.js';
-import { d as defineCustomElement$O } from './p-Di7xtAN8.js';
-import { d as defineCustomElement$N } from './p-Dkp7GkzI.js';
-import { d as defineCustomElement$M } from './p-Cqcd_0tY.js';
-import { d as defineCustomElement$L } from './p-CdjkLYNh.js';
-import { d as defineCustomElement$K } from './p-CJ3feL4K.js';
-import { d as defineCustomElement$J } from './p-pgYRW1Gn.js';
-import { d as defineCustomElement$I } from './p-BMS02R_Z.js';
-import { d as defineCustomElement$H } from './p-OADv0FUZ.js';
+import { d as defineCustomElement$Q } from './p-BdQA_uHk.js';
+import { d as defineCustomElement$P } from './p-DWCPI1lK.js';
+import { d as defineCustomElement$O } from './p-BWgGjFXi.js';
+import { d as defineCustomElement$N } from './p-CEvUNENN.js';
+import { d as defineCustomElement$M } from './p-CwBmT52e.js';
+import { d as defineCustomElement$L } from './p-BH0odz_K.js';
+import { d as defineCustomElement$K } from './p-whoa2mmo.js';
+import { d as defineCustomElement$J } from './p-Ey-jPikW.js';
+import { d as defineCustomElement$I } from './p-BJ6nYqW1.js';
+import { d as defineCustomElement$H } from './p-DNm8Z4AY.js';
 import { d as defineCustomElement$G } from './p-B_TCNkzt.js';
 import { d as defineCustomElement$F } from './p-iVv0YwFU.js';
-import { d as defineCustomElement$E } from './p-Et75ok2y.js';
-import { d as defineCustomElement$D } from './p-BJACsIxp.js';
-import { d as defineCustomElement$C } from './p-BA8j6G8I.js';
-import { d as defineCustomElement$B } from './p-DsJUpcxE.js';
+import { d as defineCustomElement$E } from './p-MMkYQKuh.js';
+import { d as defineCustomElement$D } from './p-CHQ9sLls.js';
+import { d as defineCustomElement$C } from './p-BJHGQK2p.js';
+import { d as defineCustomElement$B } from './p-DAr02cfd.js';
 import { d as defineCustomElement$A } from './p-BfRJThsI.js';
-import { d as defineCustomElement$z } from './p-Bho2Hb_A.js';
-import { d as defineCustomElement$y } from './p-DZJAqRR0.js';
-import { d as defineCustomElement$x } from './p-Dy7hoKyo.js';
-import { d as defineCustomElement$w } from './p-DM_4oTsI.js';
-import { d as defineCustomElement$v } from './p-FGJR3D9_.js';
+import { d as defineCustomElement$z } from './p-keUQQIah.js';
+import { d as defineCustomElement$y } from './p-B4C1SvsK.js';
+import { d as defineCustomElement$x } from './p-DMltEU-a.js';
+import { d as defineCustomElement$w } from './p-BjynTcY9.js';
+import { d as defineCustomElement$v } from './p-Ci9dxGLY.js';
 import { d as defineCustomElement$u } from './p-Dp-1pj3M.js';
 import { d as defineCustomElement$t } from './p-ByIizSye.js';
-import { d as defineCustomElement$s } from './p-44_g1hcc.js';
-import { d as defineCustomElement$r } from './p-B4ta0tDN.js';
-import { d as defineCustomElement$q } from './p-Bz1eTXD6.js';
-import { d as defineCustomElement$p } from './p-eMdkzfgI.js';
-import { d as defineCustomElement$o } from './p-C9c9Tc-Q.js';
-import { d as defineCustomElement$n } from './p-CXvH8gEB.js';
-import { d as defineCustomElement$m } from './p-CfqEi00L.js';
+import { d as defineCustomElement$s } from './p-BeGM4wbq.js';
+import { d as defineCustomElement$r } from './p-BZ_muELE.js';
+import { d as defineCustomElement$q } from './p-BsMclINV.js';
+import { d as defineCustomElement$p } from './p-CVnhRnUq.js';
+import { d as defineCustomElement$o } from './p-FrLX9pVa.js';
+import { d as defineCustomElement$n } from './p-CIm8sd7h.js';
+import { d as defineCustomElement$m } from './p-D13lTN27.js';
 import { d as defineCustomElement$l } from './p-BNyGVOZv.js';
-import { d as defineCustomElement$k } from './p-ClRazYdc.js';
+import { d as defineCustomElement$k } from './p-BGel3qwa.js';
 import { d as defineCustomElement$j } from './p-CiXlFUAF.js';
-import { d as defineCustomElement$i } from './p-BAZ-jMiz.js';
+import { d as defineCustomElement$i } from './p-pRwtuoW0.js';
 import { d as defineCustomElement$h } from './p-B-gCWV_D.js';
 import { d as defineCustomElement$g } from './p-S5MMQ3kK.js';
 import { d as defineCustomElement$f } from './p-RvuIq5wt.js';
 import { d as defineCustomElement$e } from './p-D07tmsA6.js';
 import { d as defineCustomElement$d } from './p-CC5LBxvb.js';
-import { d as defineCustomElement$c } from './p-Dd9ZfJbD.js';
+import { d as defineCustomElement$c } from './p-DTF0fIhr.js';
 import { d as defineCustomElement$b } from './p-BGfs-kGd.js';
-import { d as defineCustomElement$a } from './p-kRlkh0g-.js';
-import { d as defineCustomElement$9 } from './p-DDBe0PRD.js';
-import { d as defineCustomElement$8 } from './p-BYAaHapV.js';
+import { d as defineCustomElement$a } from './p-idvnK5Rl.js';
+import { d as defineCustomElement$9 } from './p-B_ZbZ5lK.js';
+import { d as defineCustomElement$8 } from './p-FFI2InLT.js';
 import { d as defineCustomElement$7 } from './p--JWPNuJw.js';
 import { d as defineCustomElement$6 } from './p-Hj9jbKPX.js';
 import { d as defineCustomElement$5 } from './p-BO38LdDr.js';

package/dist/components/nylas-scheduling-method.js

@@ -1,4 +1,4 @@
-import { N as NylasSchedulingMethod$1, d as defineCustomElement$1 } from './p-CfqEi00L.js';
+import { N as NylasSchedulingMethod$1, d as defineCustomElement$1 } from './p-D13lTN27.js';
 
 const NylasSchedulingMethod = NylasSchedulingMethod$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nylas-scheduling.js

@@ -2,7 +2,7 @@ import { h, F as Fragment, p as proxyCustomElement, H, e as createEvent, i as Ho
 import { N as NylasBaseProvider } from './p-D9Cqd6li.js';
 import { b as instance, x as addDaysToCurrentDate, a as debug, P as compactStringToUUIDs, n as capitalizeFirstLetter } from './p-dEI4mtiM.js';
 import { E as ErrorCategory, u } from './p-C1VNIgoH.js';
-import { v as version, i as isInitialized, a as init, f as feedbackSyncIntegration, c as captureMessage, b as captureFeedback } from './p-CowteGon.js';
+import { v as version, i as isInitialized, a as init, f as feedbackSyncIntegration, c as captureMessage, b as captureFeedback } from './p-D30KE7uE.js';
 import { c as createStore } from './p-DVWbg8if.js';
 import { L as LANGUAGE_CODE, c as LANGUAGE_MAP } from './p-DUCeQ1R4.js';
 import { d as defineCustomElement$D } from './p-Ha2t2y12.js';
@@ -10,7 +10,7 @@ import { d as defineCustomElement$C } from './p-Dvm3cFRX.js';
 import { d as defineCustomElement$B } from './p-BB2JXH5u.js';
 import { d as defineCustomElement$A } from './p-CZF2moAV.js';
 import { d as defineCustomElement$z } from './p-BW5AWWWU.js';
-import { d as defineCustomElement$y } from './p-FyWR7wsG.js';
+import { d as defineCustomElement$y } from './p-B4WU6Ddk.js';
 import { d as defineCustomElement$x } from './p-D_1SiUrv.js';
 import { d as defineCustomElement$w } from './p-BaI67hQ_.js';
 import { d as defineCustomElement$v } from './p-BQqYYMC9.js';
@@ -18,28 +18,28 @@ import { d as defineCustomElement$u } from './p-DHEweiQ6.js';
 import { d as defineCustomElement$t } from './p-DcgnP4PE.js';
 import { d as defineCustomElement$s } from './p-C-FqPkG1.js';
 import { d as defineCustomElement$r } from './p-DAvS1ihh.js';
-import { d as defineCustomElement$q } from './p-D2DM2um3.js';
+import { d as defineCustomElement$q } from './p-UahFYa1w.js';
 import { d as defineCustomElement$p } from './p-hYRQCAHR.js';
 import { d as defineCustomElement$o } from './p-D5z467yH.js';
 import { d as defineCustomElement$n } from './p-BdYuQImC.js';
-import { d as defineCustomElement$m } from './p-EBvHC_aS.js';
-import { d as defineCustomElement$l } from './p-D0JQ_-Qx.js';
+import { d as defineCustomElement$m } from './p-Gyins0o7.js';
+import { d as defineCustomElement$l } from './p-DDceIF1-.js';
 import { d as defineCustomElement$k } from './p-Jb5C0Wcj.js';
 import { d as defineCustomElement$j } from './p-DOG2VNj_.js';
-import { d as defineCustomElement$i } from './p-Di7xtAN8.js';
+import { d as defineCustomElement$i } from './p-BWgGjFXi.js';
 import { d as defineCustomElement$h } from './p-D9LfvAE5.js';
-import { d as defineCustomElement$g } from './p-DsJUpcxE.js';
-import { d as defineCustomElement$f } from './p-C1X9fzID.js';
+import { d as defineCustomElement$g } from './p-DAr02cfd.js';
+import { d as defineCustomElement$f } from './p-9PlaXlCB.js';
 import { d as defineCustomElement$e } from './p-2_78I5nY.js';
 import { d as defineCustomElement$d } from './p-Dp-1pj3M.js';
 import { d as defineCustomElement$c } from './p-DZVRAKn5.js';
 import { d as defineCustomElement$b } from './p-BeZUokfA.js';
 import { d as defineCustomElement$a } from './p-D_fU0kvl.js';
 import { d as defineCustomElement$9 } from './p-BPmIPX7g.js';
-import { d as defineCustomElement$8 } from './p-Dd9ZfJbD.js';
+import { d as defineCustomElement$8 } from './p-DTF0fIhr.js';
 import { d as defineCustomElement$7 } from './p-BGfs-kGd.js';
-import { d as defineCustomElement$6 } from './p-kRlkh0g-.js';
-import { d as defineCustomElement$5 } from './p-DDBe0PRD.js';
+import { d as defineCustomElement$6 } from './p-idvnK5Rl.js';
+import { d as defineCustomElement$5 } from './p-B_ZbZ5lK.js';
 import { d as defineCustomElement$4 } from './p-Hj9jbKPX.js';
 import { d as defineCustomElement$3 } from './p-BO38LdDr.js';
 import { d as defineCustomElement$2 } from './p-BVrJG89A.js';

package/dist/components/nylas-specific-time-availability-picker.js

@@ -1,4 +1,4 @@
-import { N as NylasSpecificTimeAvailabilityPicker$1, d as defineCustomElement$1 } from './p-ClRazYdc.js';
+import { N as NylasSpecificTimeAvailabilityPicker$1, d as defineCustomElement$1 } from './p-BGel3qwa.js';
 
 const NylasSpecificTimeAvailabilityPicker = NylasSpecificTimeAvailabilityPicker$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nylas-timeslot-interval.js

@@ -1,4 +1,4 @@
-import { N as NylasTimeslotInterval$1, d as defineCustomElement$1 } from './p-BAZ-jMiz.js';
+import { N as NylasTimeslotInterval$1, d as defineCustomElement$1 } from './p-pRwtuoW0.js';
 
 const NylasTimeslotInterval = NylasTimeslotInterval$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/{p-C1X9fzID.js → p-9PlaXlCB.js}

@@ -5,7 +5,7 @@ import { b as instance, a as debug, K as getTimezoneOffset } from './p-dEI4mtiM.
 import { d as defineCustomElement$5 } from './p-BaI67hQ_.js';
 import { d as defineCustomElement$4 } from './p-C-FqPkG1.js';
 import { d as defineCustomElement$3 } from './p-BGfs-kGd.js';
-import { d as defineCustomElement$2 } from './p-kRlkh0g-.js';
+import { d as defineCustomElement$2 } from './p-idvnK5Rl.js';
 import { d as defineCustomElement$1 } from './p-BO38LdDr.js';
 
 const nylasLocaleSwitchCss = ":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}.nylas-locale-switch{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-left:none;border-right:none;color:var(--nylas-base-50);font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s ease-in-out;font-family:inherit}@media screen and (max-width: 768px){.nylas-locale-switch{font-size:16px}}.select-wrapper{display:flex;align-items:center;gap:0.5rem}select{border:none;background:transparent;cursor:pointer;outline:none;background-color:transparent;margin:0 0 1px;padding:4px;vertical-align:middle}select#timezone{width:140px}select#language{width:80px}span.timezone-label{display:flex;width:-webkit-fill-available;justify-content:space-between}select-dropdown{width:auto}select-dropdown::part(sd_dropdown-button){border:none;padding:10px}select-dropdown::part(sd_dropdown-content){max-width:306px}@media screen and (max-width: 768px){select-dropdown::part(sd_dropdown-button-selected-label){max-width:80px}select-dropdown::part(sd_dropdown-content){width:100%;max-width:none}}";
@@ -205,6 +205,6 @@ function defineCustomElement() {
 }
 
 export { NylasLocaleSwitch as N, defineCustomElement as d };
-//# sourceMappingURL=p-C1X9fzID.js.map
+//# sourceMappingURL=p-9PlaXlCB.js.map
 
-//# sourceMappingURL=p-C1X9fzID.js.map
+//# sourceMappingURL=p-9PlaXlCB.js.map

package/dist/components/{p-C1X9fzID.js.map → p-9PlaXlCB.js.map}

@@ -1 +1 @@
-{"file":"p-C1X9fzID.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18next"],"sources":["src/components/scheduler/nylas-locale-switch/nylas-locale-switch.scss?tag=nylas-locale-switch&encapsulation=shadow","src/components/scheduler/nylas-locale-switch/nylas-locale-switch.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n\n:host {\n  display: block;\n  @include default-css-variables;\n}\n\n.nylas-locale-switch {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  border-left: none;\n  border-right: none;\n  color: var(--nylas-base-50);\n  font-size: 14px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: all 0.2s ease-in-out;\n  font-family: inherit;\n\n  @media #{$mobile} {\n    font-size: 16px;\n  }\n}\n\n.select-wrapper {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\nselect {\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  outline: none;\n  background-color: transparent;\n  margin: 0 0 1px;\n  padding: 4px;\n  vertical-align: middle;\n\n  &#timezone {\n    width: 140px;\n  }\n\n  &#language {\n    width: 80px;\n  }\n}\n\nspan.timezone-label {\n  display: flex;\n  width: -webkit-fill-available;\n  justify-content: space-between;\n}\n\nselect-dropdown {\n  width: auto;\n}\n\nselect-dropdown::part(sd_dropdown-button) {\n  border: none;\n  padding: 10px;\n}\n\nselect-dropdown::part(sd_dropdown-content) {\n  max-width: 306px;\n}\n\n@media #{$mobile} {\n  select-dropdown::part(sd_dropdown-button-selected-label) {\n    max-width: 80px; // To make sure the selected label doesn't overflow on mobile\n  }\n\n  select-dropdown::part(sd_dropdown-content) {\n    width: 100%;\n    max-width: none;\n  }\n}","import { Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { LANGUAGE_MAP, TIMEZONE_MAP } from '@/common/constants';\nimport { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConnector } from '../../../components';\nimport type { NylasSchedulerBookingData } from '@/common/types';\nimport { NylasScheduling } from '../nylas-scheduling/nylas-scheduling';\nimport { debug, getTimezoneOffset } from '@/utils/utils';\nimport { ThemeConfig } from '@nylas/core';\nimport i18next from '@/utils/i18n';\n/**\n * The `nylas-locale-switch` component is a UI component that allows users to select a timezone and language.\n * @part nls - The locale switch container\n * @part nls__timezone - The timezone select container\n * @part nls__timezone-dropdown - The timezone dropdown\n * @part nls__timezone-drop-button - The timezone dropdown button\n * @part nls__timezone-drop-button-selected-label - The timezone dropdown button selected label\n * @part nls__timezone-drop-content - The timezone dropdown content\n * @part nls__timezone-drop-label - The timezone dropdown label\n * @part nls__language - The language select container\n * @part nls__language-dropdown - The language dropdown\n * @part nls__language-drop-button - The language dropdown button\n * @part nls__language-drop-content - The language dropdown content\n * @part nls__language-drop-label - The language dropdown label\n *\n */\n@Component({\n  tag: 'nylas-locale-switch',\n  styleUrl: 'nylas-locale-switch.scss',\n  shadow: true,\n})\nexport class NylasLocaleSwitch {\n  private timezoneRef?: HTMLSelectDropdownElement;\n  private languageRef?: HTMLSelectDropdownElement;\n  /**\n   * The host element.\n   * Used to manage the host element of the provider.\n   */\n  @Element() private host!: HTMLNylasLocaleSwitchElement;\n  /**\n   * @standalone\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: any;\n  /**\n   * @standalone\n   * The booking info.\n   */\n  @Prop() readonly bookingInfo?: NylasSchedulerBookingData;\n\n  /**\n   * The selected timezone.\n   */\n  @Prop({ mutable: true }) selectedTimezone: string = this.bookingInfo?.timezone || Intl.DateTimeFormat().resolvedOptions().timeZone;\n\n  /**\n   * The selected language.\n   */\n  @Prop({ mutable: true }) selectedLanguage: string = this.bookingInfo?.language || navigator.language;\n\n  @State() searchPlaceholder: string = i18next.t('search');\n\n  /**\n   * This event is fired when the timezone is changed.\n   */\n  @Event() timezoneChanged!: EventEmitter<string>;\n\n  /**\n   * This event is fired when the language is changed.\n   */\n  @Event() languageChanged!: EventEmitter<string>;\n\n  @Watch('themeConfig')\n  themeConfigChanged(newThemeConfig: ThemeConfig) {\n    this.applyThemeConfig(newThemeConfig);\n  }\n\n  @Watch('bookingInfo')\n  bookingInfoChangedHandler(newValue: NylasSchedulerBookingData | undefined) {\n    if (newValue && newValue?.timezone) {\n      this.changeTimezone(newValue.timezone);\n    }\n    if (newValue && newValue?.language) {\n      this.changeLanguage(newValue.language);\n    }\n  }\n\n  connectedCallback() {\n    // Use queueMicrotask to defer theme application until after React has set props.\n    // This fixes the timing issue where connectedCallback fires before React sets themeConfig.\n    queueMicrotask(() => {\n      if (this.themeConfig) {\n        this.applyThemeConfig(this.themeConfig);\n        this.host.setAttribute('data-themed', '');\n      }\n    });\n  }\n\n  disconnectedCallback() {}\n\n  componentWillLoad() {}\n\n  componentDidLoad() {\n    debug(`[nylas-locale-switch] Component did load`);\n    if (this.bookingInfo && this.bookingInfo?.timezone) {\n      this.changeTimezone(this.bookingInfo.timezone);\n    }\n    if (this.bookingInfo && this.bookingInfo?.language) {\n      this.changeLanguage(this.bookingInfo.language);\n    }\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        this.timezoneRef?.style.setProperty(`${key}`, value);\n        this.languageRef?.style.setProperty(`${key}`, value);\n      }\n    }\n  }\n\n  /**\n   * Change the timezone.\n   * @param timezone The timezone to select.\n   */\n  private changeTimezone(timezone: string) {\n    this.selectedTimezone = timezone;\n    this.timezoneChanged.emit(timezone);\n  }\n\n  /**\n   * Change the language.\n   * @param language The language to select.\n   */\n  private changeLanguage(language: string) {\n    this.selectedLanguage = language;\n    i18next.changeLanguage(language);\n    this.searchPlaceholder = i18next.t('search');\n    this.languageChanged.emit(language);\n  }\n\n  @Listen('nylasFormDropdownChanged')\n  nylasFormDropdownChangedHandler(\n    event: CustomEvent<{\n      value: string;\n      name: string;\n    }>,\n  ) {\n    const { name, value } = event.detail;\n    if (name === 'timezone') {\n      this.changeTimezone(value);\n    } else if (name === 'language') {\n      this.changeLanguage(value);\n    }\n  }\n\n  getTimezoneLabelHTML(timezone: string) {\n    const offset = getTimezoneOffset(timezone);\n    return (\n      <span\n        class=\"timezone-label\"\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          width: '-webkit-fill-available',\n        }}\n      >\n        {TIMEZONE_MAP[timezone]}{' '}\n        <span\n          class=\"timezone-offset\"\n          style={{\n            fontSize: '14px',\n            fontWeight: '400',\n            color: 'var(--nylas-base-500)',\n          }}\n        >\n          {offset}\n        </span>\n      </span>\n    );\n  }\n\n  @RegisterComponent<NylasLocaleSwitch, NylasSchedulerConnector, Exclude<NylasScheduling['stores'], undefined>>({\n    name: 'nylas-locale-switch',\n    stateToProps: new Map([\n      ['scheduler.selectedLanguage', 'selectedLanguage'],\n      ['scheduler.selectedTimezone', 'selectedTimezone'],\n      ['scheduler.bookingInfo', 'bookingInfo'],\n      ['scheduler.themeConfig', 'themeConfig'],\n    ]),\n    eventToProps: {\n      timezoneChanged: async (event: CustomEvent<string>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n        debug('nylas-locale-switch', 'timezoneChanged', event.detail);\n        nylasSchedulerConnector.scheduler.selectTimezone(event.detail);\n      },\n      languageChanged: async (event: CustomEvent<string>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n        debug('nylas-locale-switch', 'languageChanged', event.detail);\n        nylasSchedulerConnector.scheduler.selectLanguage(event.detail);\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    const timezoneOptions = Object.keys(TIMEZONE_MAP).map(key => ({\n      labelHTML: this.getTimezoneLabelHTML(key),\n      label: TIMEZONE_MAP[key],\n      value: key,\n    }));\n    const languageOptions = Object.keys(LANGUAGE_MAP).map(key => ({\n      label: LANGUAGE_MAP[key],\n      value: key,\n    }));\n\n    return (\n      <Host>\n        <div class=\"nylas-locale-switch\" part=\"nls\">\n          <div\n            class={{\n              'select-wrapper': true,\n              'timezone': true,\n            }}\n            part=\"nls__timezone\"\n          >\n            <select-dropdown\n              name=\"timezone\"\n              searchPlaceholder={this.searchPlaceholder}\n              options={timezoneOptions}\n              ref={el => (this.timezoneRef = el)}\n              defaultSelectedOption={timezoneOptions.find(op => op.value == this.selectedTimezone)}\n              exportparts=\"sd_dropdown: nls__timezone-dropdown, sd_dropdown-button: nls__timezone-drop-button, sd_dropdown-button-selected-label: nls__timezone-drop-button-selected-label, sd_dropdown-content: nls__timezone-drop-content, sd_dropdown_label: nls__timezone-drop-label\"\n            >\n              <span slot=\"select-icon\">\n                <globe-icon width=\"20\" height=\"20\" />\n              </span>\n            </select-dropdown>\n          </div>\n          <div\n            class={{\n              'select-wrapper': true,\n              'language': true,\n            }}\n            part=\"nls__language\"\n          >\n            <select-dropdown\n              name=\"language\"\n              searchPlaceholder={this.searchPlaceholder}\n              options={languageOptions}\n              ref={el => (this.languageRef = el)}\n              defaultSelectedOption={languageOptions.find(lang => lang.value == this.selectedLanguage)}\n              exportparts=\"sd_dropdown: nls__language-dropdown, sd_dropdown-button: nls__language-drop-button, sd_dropdown-content: nls__language-drop-content, sd_dropdown_label: nls__language-drop-label\"\n            >\n              <span slot=\"select-icon\">\n                <translate-icon width=\"20\" height=\"20\" />\n              </span>\n            </select-dropdown>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-9PlaXlCB.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18next"],"sources":["src/components/scheduler/nylas-locale-switch/nylas-locale-switch.scss?tag=nylas-locale-switch&encapsulation=shadow","src/components/scheduler/nylas-locale-switch/nylas-locale-switch.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n\n:host {\n  display: block;\n  @include default-css-variables;\n}\n\n.nylas-locale-switch {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  border-left: none;\n  border-right: none;\n  color: var(--nylas-base-50);\n  font-size: 14px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: all 0.2s ease-in-out;\n  font-family: inherit;\n\n  @media #{$mobile} {\n    font-size: 16px;\n  }\n}\n\n.select-wrapper {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\nselect {\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  outline: none;\n  background-color: transparent;\n  margin: 0 0 1px;\n  padding: 4px;\n  vertical-align: middle;\n\n  &#timezone {\n    width: 140px;\n  }\n\n  &#language {\n    width: 80px;\n  }\n}\n\nspan.timezone-label {\n  display: flex;\n  width: -webkit-fill-available;\n  justify-content: space-between;\n}\n\nselect-dropdown {\n  width: auto;\n}\n\nselect-dropdown::part(sd_dropdown-button) {\n  border: none;\n  padding: 10px;\n}\n\nselect-dropdown::part(sd_dropdown-content) {\n  max-width: 306px;\n}\n\n@media #{$mobile} {\n  select-dropdown::part(sd_dropdown-button-selected-label) {\n    max-width: 80px; // To make sure the selected label doesn't overflow on mobile\n  }\n\n  select-dropdown::part(sd_dropdown-content) {\n    width: 100%;\n    max-width: none;\n  }\n}","import { Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { LANGUAGE_MAP, TIMEZONE_MAP } from '@/common/constants';\nimport { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConnector } from '../../../components';\nimport type { NylasSchedulerBookingData } from '@/common/types';\nimport { NylasScheduling } from '../nylas-scheduling/nylas-scheduling';\nimport { debug, getTimezoneOffset } from '@/utils/utils';\nimport { ThemeConfig } from '@nylas/core';\nimport i18next from '@/utils/i18n';\n/**\n * The `nylas-locale-switch` component is a UI component that allows users to select a timezone and language.\n * @part nls - The locale switch container\n * @part nls__timezone - The timezone select container\n * @part nls__timezone-dropdown - The timezone dropdown\n * @part nls__timezone-drop-button - The timezone dropdown button\n * @part nls__timezone-drop-button-selected-label - The timezone dropdown button selected label\n * @part nls__timezone-drop-content - The timezone dropdown content\n * @part nls__timezone-drop-label - The timezone dropdown label\n * @part nls__language - The language select container\n * @part nls__language-dropdown - The language dropdown\n * @part nls__language-drop-button - The language dropdown button\n * @part nls__language-drop-content - The language dropdown content\n * @part nls__language-drop-label - The language dropdown label\n *\n */\n@Component({\n  tag: 'nylas-locale-switch',\n  styleUrl: 'nylas-locale-switch.scss',\n  shadow: true,\n})\nexport class NylasLocaleSwitch {\n  private timezoneRef?: HTMLSelectDropdownElement;\n  private languageRef?: HTMLSelectDropdownElement;\n  /**\n   * The host element.\n   * Used to manage the host element of the provider.\n   */\n  @Element() private host!: HTMLNylasLocaleSwitchElement;\n  /**\n   * @standalone\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: any;\n  /**\n   * @standalone\n   * The booking info.\n   */\n  @Prop() readonly bookingInfo?: NylasSchedulerBookingData;\n\n  /**\n   * The selected timezone.\n   */\n  @Prop({ mutable: true }) selectedTimezone: string = this.bookingInfo?.timezone || Intl.DateTimeFormat().resolvedOptions().timeZone;\n\n  /**\n   * The selected language.\n   */\n  @Prop({ mutable: true }) selectedLanguage: string = this.bookingInfo?.language || navigator.language;\n\n  @State() searchPlaceholder: string = i18next.t('search');\n\n  /**\n   * This event is fired when the timezone is changed.\n   */\n  @Event() timezoneChanged!: EventEmitter<string>;\n\n  /**\n   * This event is fired when the language is changed.\n   */\n  @Event() languageChanged!: EventEmitter<string>;\n\n  @Watch('themeConfig')\n  themeConfigChanged(newThemeConfig: ThemeConfig) {\n    this.applyThemeConfig(newThemeConfig);\n  }\n\n  @Watch('bookingInfo')\n  bookingInfoChangedHandler(newValue: NylasSchedulerBookingData | undefined) {\n    if (newValue && newValue?.timezone) {\n      this.changeTimezone(newValue.timezone);\n    }\n    if (newValue && newValue?.language) {\n      this.changeLanguage(newValue.language);\n    }\n  }\n\n  connectedCallback() {\n    // Use queueMicrotask to defer theme application until after React has set props.\n    // This fixes the timing issue where connectedCallback fires before React sets themeConfig.\n    queueMicrotask(() => {\n      if (this.themeConfig) {\n        this.applyThemeConfig(this.themeConfig);\n        this.host.setAttribute('data-themed', '');\n      }\n    });\n  }\n\n  disconnectedCallback() {}\n\n  componentWillLoad() {}\n\n  componentDidLoad() {\n    debug(`[nylas-locale-switch] Component did load`);\n    if (this.bookingInfo && this.bookingInfo?.timezone) {\n      this.changeTimezone(this.bookingInfo.timezone);\n    }\n    if (this.bookingInfo && this.bookingInfo?.language) {\n      this.changeLanguage(this.bookingInfo.language);\n    }\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        this.timezoneRef?.style.setProperty(`${key}`, value);\n        this.languageRef?.style.setProperty(`${key}`, value);\n      }\n    }\n  }\n\n  /**\n   * Change the timezone.\n   * @param timezone The timezone to select.\n   */\n  private changeTimezone(timezone: string) {\n    this.selectedTimezone = timezone;\n    this.timezoneChanged.emit(timezone);\n  }\n\n  /**\n   * Change the language.\n   * @param language The language to select.\n   */\n  private changeLanguage(language: string) {\n    this.selectedLanguage = language;\n    i18next.changeLanguage(language);\n    this.searchPlaceholder = i18next.t('search');\n    this.languageChanged.emit(language);\n  }\n\n  @Listen('nylasFormDropdownChanged')\n  nylasFormDropdownChangedHandler(\n    event: CustomEvent<{\n      value: string;\n      name: string;\n    }>,\n  ) {\n    const { name, value } = event.detail;\n    if (name === 'timezone') {\n      this.changeTimezone(value);\n    } else if (name === 'language') {\n      this.changeLanguage(value);\n    }\n  }\n\n  getTimezoneLabelHTML(timezone: string) {\n    const offset = getTimezoneOffset(timezone);\n    return (\n      <span\n        class=\"timezone-label\"\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          width: '-webkit-fill-available',\n        }}\n      >\n        {TIMEZONE_MAP[timezone]}{' '}\n        <span\n          class=\"timezone-offset\"\n          style={{\n            fontSize: '14px',\n            fontWeight: '400',\n            color: 'var(--nylas-base-500)',\n          }}\n        >\n          {offset}\n        </span>\n      </span>\n    );\n  }\n\n  @RegisterComponent<NylasLocaleSwitch, NylasSchedulerConnector, Exclude<NylasScheduling['stores'], undefined>>({\n    name: 'nylas-locale-switch',\n    stateToProps: new Map([\n      ['scheduler.selectedLanguage', 'selectedLanguage'],\n      ['scheduler.selectedTimezone', 'selectedTimezone'],\n      ['scheduler.bookingInfo', 'bookingInfo'],\n      ['scheduler.themeConfig', 'themeConfig'],\n    ]),\n    eventToProps: {\n      timezoneChanged: async (event: CustomEvent<string>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n        debug('nylas-locale-switch', 'timezoneChanged', event.detail);\n        nylasSchedulerConnector.scheduler.selectTimezone(event.detail);\n      },\n      languageChanged: async (event: CustomEvent<string>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n        debug('nylas-locale-switch', 'languageChanged', event.detail);\n        nylasSchedulerConnector.scheduler.selectLanguage(event.detail);\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    const timezoneOptions = Object.keys(TIMEZONE_MAP).map(key => ({\n      labelHTML: this.getTimezoneLabelHTML(key),\n      label: TIMEZONE_MAP[key],\n      value: key,\n    }));\n    const languageOptions = Object.keys(LANGUAGE_MAP).map(key => ({\n      label: LANGUAGE_MAP[key],\n      value: key,\n    }));\n\n    return (\n      <Host>\n        <div class=\"nylas-locale-switch\" part=\"nls\">\n          <div\n            class={{\n              'select-wrapper': true,\n              'timezone': true,\n            }}\n            part=\"nls__timezone\"\n          >\n            <select-dropdown\n              name=\"timezone\"\n              searchPlaceholder={this.searchPlaceholder}\n              options={timezoneOptions}\n              ref={el => (this.timezoneRef = el)}\n              defaultSelectedOption={timezoneOptions.find(op => op.value == this.selectedTimezone)}\n              exportparts=\"sd_dropdown: nls__timezone-dropdown, sd_dropdown-button: nls__timezone-drop-button, sd_dropdown-button-selected-label: nls__timezone-drop-button-selected-label, sd_dropdown-content: nls__timezone-drop-content, sd_dropdown_label: nls__timezone-drop-label\"\n            >\n              <span slot=\"select-icon\">\n                <globe-icon width=\"20\" height=\"20\" />\n              </span>\n            </select-dropdown>\n          </div>\n          <div\n            class={{\n              'select-wrapper': true,\n              'language': true,\n            }}\n            part=\"nls__language\"\n          >\n            <select-dropdown\n              name=\"language\"\n              searchPlaceholder={this.searchPlaceholder}\n              options={languageOptions}\n              ref={el => (this.languageRef = el)}\n              defaultSelectedOption={languageOptions.find(lang => lang.value == this.selectedLanguage)}\n              exportparts=\"sd_dropdown: nls__language-dropdown, sd_dropdown-button: nls__language-drop-button, sd_dropdown-content: nls__language-drop-content, sd_dropdown_label: nls__language-drop-label\"\n            >\n              <span slot=\"select-icon\">\n                <translate-icon width=\"20\" height=\"20\" />\n              </span>\n            </select-dropdown>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-p2By8R7Z.js → p-B-xvNL5X.js}

@@ -4,7 +4,7 @@ import { a as debug, b as instance } from './p-dEI4mtiM.js';
 import { d as defineCustomElement$7 } from './p-Ha2t2y12.js';
 import { d as defineCustomElement$6 } from './p-DHEweiQ6.js';
 import { d as defineCustomElement$5 } from './p-DAvS1ihh.js';
-import { d as defineCustomElement$4 } from './p-D2DM2um3.js';
+import { d as defineCustomElement$4 } from './p-UahFYa1w.js';
 import { d as defineCustomElement$3 } from './p-Dng-gcge.js';
 import { d as defineCustomElement$2 } from './p-BfRJThsI.js';
 import { d as defineCustomElement$1 } from './p-Hj9jbKPX.js';
@@ -322,6 +322,6 @@ function defineCustomElement() {
 }
 
 export { NylasAdditionalParticipants as N, defineCustomElement as d };
-//# sourceMappingURL=p-p2By8R7Z.js.map
+//# sourceMappingURL=p-B-xvNL5X.js.map
 
-//# sourceMappingURL=p-p2By8R7Z.js.map
+//# sourceMappingURL=p-B-xvNL5X.js.map