@nylas/web-elements 0.0.0-test-20250319204140 → 0.0.0-test-20250320184617

package/dist/nylas-web-elements/nylas-web-elements.esm.js

@@ -1,2 +1,2 @@
-import{p as e,b as n}from"./p-6f5a3998.js";export{s as setNonce}from"./p-6f5a3998.js";import{g as a}from"./p-a6e2e49c.js";const t=()=>{const n=import.meta.url;const a={};if(n!==""){a.resourcesUrl=new URL(".",n).href}return e(a)};t().then((e=>{a();return n(JSON.parse('[["p-68608216",[[1,"nylas-scheduler-editor",{"configurationId":[1025,"configuration-id"],"nylasApiRequest":[1040],"nylasSessionsConfig":[16],"defaultAuthArgs":[16],"eventOverrides":[16],"schedulerPreviewLink":[1,"scheduler-preview-link"],"defaultSchedulerConfigState":[16],"mode":[1],"additionalParticipants":[16],"hideEditorTabs":[16],"conferenceProviders":[16],"requiresSlug":[4,"requires-slug"],"enableUserFeedback":[4,"enable-user-feedback"],"defaultLanguage":[1,"default-language"],"localization":[16],"nylasBranding":[4,"nylas-branding"],"experimentalFeatures":[16],"automaticComponentRegistration":[32],"selectedLanguage":[32],"langVersion":[32],"store":[64],"schedulerConnector":[64]},[[0,"registerComponent","registerComponentHandler"],[0,"unregisterComponent","unregisterComponentHandler"],[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"configurationId":["configurationIdChanged"],"localization":["updateLocalization"],"nylasBranding":["updateNylasBranding"],"experimentalFeatures":["updateExperimentalFeatures"]}]]],["p-f7ea608d",[[1,"nylas-scheduling",{"mode":[1],"defaultSchedulerState":[16],"sessionId":[1,"session-id"],"schedulerApiUrl":[1,"scheduler-api-url"],"bookingInfo":[16],"rescheduleBookingRef":[1,"reschedule-booking-ref"],"cancelBookingRef":[1,"cancel-booking-ref"],"organizerConfirmationBookingRef":[1,"organizer-confirmation-booking-ref"],"configurationId":[1,"configuration-id"],"slug":[1],"clientId":[1,"client-id"],"nylasBranding":[4,"nylas-branding"],"eventOverrides":[16],"isLoading":[4,"is-loading"],"themeConfig":[16],"localization":[16],"showNotification":[4,"show-notification"],"enableUserFeedback":[4,"enable-user-feedback"],"hour12":[4,"hour-1-2"],"automaticComponentRegistration":[32],"selectedDateLabel":[32],"refConfigId":[32],"language":[32],"showFeedbackModal":[32],"bookingInfoConfirmed":[32],"getNylasSchedulerStore":[64],"getNylasSchedulerConnector":[64],"getRef":[64]},[[0,"languageChanged","languageChanged"],[0,"registerComponent","registerComponentHandler"],[0,"unregisterComponent","unregisterComponentHandler"],[0,"monthChanged","monthChangedHandler"],[0,"detailsConfirmed","bookButtonClickedHandler"],[0,"dateSelected","dateSelectedHandler"],[0,"cancelBookedEventError","cancelBookedEventErrorHandler"],[0,"cancelBookedEventValidationError","cancelBookedEventValidationErrorHandler"],[0,"rescheduleBookedEventError","rescheduleBookedEventErrorHandler"],[0,"confirmBookingError","confirmBookingErrorHandler"],[0,"feedbackModalClosed","feedbackModalClosedHandler"],[0,"validateTimeslotError","eventIsFullHandler"],[0,"feedbackSubmitted","feedbackSubmittedHandler"]],{"bookingInfo":["bookingInfoChanged"],"rescheduleBookingRef":["rescheduleBookingRefChanged"],"cancelBookingRef":["cancelBookingRefChanged"],"organizerConfirmationBookingRef":["organizerConfirmationBookingRefChanged"],"localization":["localizationChanged"],"themeConfig":["themeConfigChanged"]}]]],["p-ed954145",[[2,"archive-icon",{"width":[1],"height":[1]}]]],["p-818fe4ab",[[2,"arrow-icon",{"width":[1],"height":[1]}]]],["p-b08085ae",[[2,"bold-icon",{"width":[1],"height":[1]}]]],["p-d161ec86",[[2,"document-refresh-icon",{"width":[1],"height":[1]}]]],["p-b70292fa",[[2,"folder-icon",{"width":[1],"height":[1]}]]],["p-9d3e2ddb",[[2,"forward-icon",{"width":[1],"height":[1]}]]],["p-9f28a221",[[2,"inbox-icon",{"width":[1],"height":[1]}]]],["p-e42a294c",[[2,"italic-icon",{"width":[1],"height":[1]}]]],["p-c7a32783",[[1,"nylas-call-summary",{"text":[1]}]]],["p-8bea55f0",[[1,"nylas-if-state",{"state":[1],"isStateSet":[4,"is-state-set"],"isBoolean":[4,"is-boolean"],"getStore":[16],"transition":[1],"show":[32],"classes":[32]},null,{"getStore":["onGetStoreChange"]}]]],["p-ac757a7b",[[1,"nylas-key-points",{"keyPoints":[16]}]]],["p-0b620272",[[1,"nylas-login",{"isAuthenticated":[4,"is-authenticated"],"nylasConnector":[16],"scopes":[16],"loginMethod":[1,"login-method"],"companyName":[1,"company-name"],"logoUrl":[1,"logo-url"],"logoWidth":[1,"logo-width"],"providers":[1],"buttonText":[1,"button-text"],"email":[32]}]]],["p-14569ed8",[[1,"nylas-provider",{"authConfig":[16],"eventOverrides":[16],"automaticComponentRegistration":[4,"automatic-component-registration"],"getNylasAuth":[64],"getNylasConnector":[64],"getAuthStore":[64],"getNylasSchedulerStore":[64],"getNylasSchedulerConfigStore":[64]},[[0,"registerComponent","registerComponentHandler"],[0,"unregisterComponent","unregisterComponentHandler"]]]]],["p-11d7062d",[[1,"nylas-transcript",{"autoscroll":[4],"transcript":[8],"focusedIndex":[32]}]]],["p-3d93df74",[[1,"nylas-video-player",{"videoUrl":[1,"video-url"],"isSeeking":[32],"isPlaying":[32]}]]],["p-e0a733c6",[[1,"nylas-video-preview"]]],["p-04acf4bb",[[2,"play-icon",{"width":[1],"height":[1]}]]],["p-38b43b75",[[2,"refresh-icon",{"width":[1],"height":[1]}]]],["p-cc4a65a6",[[2,"reply-all-icon",{"width":[1],"height":[1]}]]],["p-4052b65b",[[2,"reply-icon",{"width":[1],"height":[1]}]]],["p-37cd996f",[[2,"sent-icon",{"width":[1],"height":[1]}]]],["p-67775244",[[2,"spam-icon",{"width":[1],"height":[1]}]]],["p-37f7262c",[[2,"star-icon",{"width":[1],"height":[1]}]]],["p-a628796e",[[2,"stop-icon",{"width":[1],"height":[1]}]]],["p-51d5e269",[[2,"trash-fill-icon",{"width":[1],"height":[1]}]]],["p-03cbbc26",[[2,"underline-icon",{"width":[1],"height":[1]}]]],["p-66669953",[[2,"delete-icon",{"width":[1],"height":[1]}]]],["p-368a0884",[[2,"person-icon",{"width":[1],"height":[1]}]]],["p-342851aa",[[2,"warning-icon",{"width":[1],"height":[1]}]]],["p-d0fcfb01",[[2,"translate-icon",{"width":[1],"height":[1]}]]],["p-23a997fa",[[2,"calendar-cancel-icon",{"width":[1],"height":[1]}]]],["p-fcd035bb",[[2,"calendar-icon",{"width":[1],"height":[1]}]]],["p-c79f11e1",[[2,"checkmark-circle-icon",{"width":[1],"height":[1]}],[2,"calendar-check-icon",{"width":[1],"height":[1]}]]],["p-77568cf3",[[1,"radio-button-group",{"name":[1],"options":[16],"defaultSelectedValue":[1,"default-selected-value"],"label":[1],"required":[4],"readOnly":[4,"read-only"],"selectedValue":[32],"error":[32]},[[4,"bookingFormSubmitted","handleBookingFormSubmitted"]],{"defaultSelectedValue":["handleDefaultSelectedValueChange"]}]]],["p-8705e3b4",[[1,"checkbox-component",{"name":[1],"checked":[4],"label":[1],"readOnly":[4,"read-only"],"required":[4],"isChecked":[32],"error":[32]},[[4,"bookingFormSubmitted","handleBookingFormSubmitted"]],{"checked":["checkedPropChangedHandler"]}]]],["p-decf72e9",[[1,"toggle-switch",{"name":[1],"checked":[4],"label":[1],"isChecked":[32]},null,{"checked":["checkedChanged"]}]]],["p-a0df0b44",[[65,"nylas-form-card"]]],["p-78bd1f85",[[1,"multi-select-dropdown",{"name":[1],"label":[1],"options":[16],"error":[1025],"required":[4],"readOnly":[4,"read-only"],"multipleOptionsSelectedLabel":[1,"multiple-options-selected-label"],"selectAtLeastOneOptionLabel":[1,"select-at-least-one-option-label"],"availableOptions":[32],"isOpen":[32],"ariaActivedescendant":[32],"shouldFocusFirstOption":[32]},[[6,"click","handleOutsideClick"],[4,"bookingFormSubmitted","handleBookingFormSubmitted"]],{"options":["optionsChangedHandler"]}],[1,"nylas-date-component",{"name":[1],"defaultValue":[1,"default-value"],"label":[1],"placeholder":[1],"required":[4],"readOnly":[4,"read-only"],"autoFocus":[4,"auto-focus"],"pattern":[16],"maxLength":[2,"max-length"],"patternError":[1,"pattern-error"],"requiredError":[1,"required-error"],"value":[32],"error":[32],"isDateValid":[32]},[[4,"bookingFormSubmitted","handleBookingFormSubmitted"],[4,"formSubmitted","handleFormSubmitted"]],{"defaultValue":["handleDefaultValueChange"]}]]],["p-c4f7916d",[[1,"input-component",{"name":[1],"defaultValue":[1,"default-value"],"label":[1],"type":[1],"placeholder":[1],"required":[4],"readOnly":[4,"read-only"],"autoFocus":[4,"auto-focus"],"pattern":[16],"maxLength":[2,"max-length"],"patternError":[1,"pattern-error"],"requiredError":[1,"required-error"],"maxValue":[2,"max-value"],"minValue":[2,"min-value"],"value":[32],"error":[32]},[[4,"bookingFormSubmitted","handleBookingFormSubmitted"],[4,"formSubmitted","handleFormSubmitted"]],{"defaultValue":["handleDefaultValueChange"]}]]],["p-14af29a6",[[1,"nylas-time-window-picker",{"time":[1],"minimumStartTime":[1,"minimum-start-time"],"placeholder":[1],"name":[1],"hasError":[516,"has-error"],"language":[1],"err":[32],"showTimes":[32],"ariaActivedescendant":[32],"times":[32],"shouldAutoScroll":[32]},[[6,"click","handleOutsideClick"]],{"minimumStartTime":["minimumStartTimeChangedHandler"]}],[2,"globe-icon",{"width":[1],"height":[1]}]]],["p-c3cfe486",[[2,"time-period-selector",{"timePeriods":[16],"defaultSelectedPeriod":[1,"default-selected-period"],"defaultSelectedNumber":[2,"default-selected-number"],"hasError":[4,"has-error"],"selectedPeriod":[32],"selectedNumber":[32],"numberOptions":[32],"timePeriodOptions":[32]},[[0,"inputOptionChanged","inputOptionChangedHandler"],[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"defaultSelectedPeriod":["defaultSelectedPeriodChanged"],"defaultSelectedNumber":["defaultSelectedNumberChanged"],"timePeriods":["timePeriodsChanged"]}],[1,"input-dropdown",{"name":[1],"options":[16],"defaultInputOption":[16],"inputValue":[1,"input-value"],"pluralizedLabel":[1,"pluralized-label"],"filterable":[4],"selectedOption":[32],"isOpen":[32],"typedValue":[32],"filteredOptions":[32],"ariaActivedescendant":[32],"shouldAutoScroll":[32]},[[6,"click","handleOutsideClick"]],{"options":["optionsChangedHandler"],"defaultInputOption":["defaultSelectedOptionChangedHandler"],"inputValue":["inputValueChangedHandler"]}]]],["p-b8fd6cd3",[[2,"google-meet-icon",{"width":[1],"height":[1]}],[2,"location-icon",{"width":[1],"height":[1]}],[2,"location-off-icon",{"width":[1],"height":[1]}],[2,"microsoft-teams-icon",{"width":[1],"height":[1]}],[2,"zoom-icon",{"width":[1],"height":[1]}]]],["p-4e20f21a",[[65,"nylas-event-calendar",{"selectedConfiguration":[16],"name":[1],"selectedLanguage":[1,"selected-language"],"groupEvents":[16],"currentUser":[16],"calendars":[16],"masterGroupEvents":[16],"isLoading":[4,"is-loading"],"selectedView":[32],"events":[32],"calendar":[32],"selectedEvent":[32],"selectedDateRangeString":[32],"showEditEventDetails":[32],"showCreateEventDetails":[32],"editOptions":[32],"showEditOptions":[32],"updateOptions":[32],"showUpdateOptions":[32],"deleteOptions":[32],"showDeleteOptions":[32],"unsavedChanges":[32],"showConfirmDiscardUnsavedChangesModal":[32],"createNewGroupEventTimeslot":[32],"formError":[32],"loadingOptions":[32],"showChooseParticipantsModal":[32],"importParticipants":[32],"selectedImportParticipants":[32]},[[0,"valueChanged","valueChangedHandler"],[0,"timeWindowFormError","timeWindowFormErrorHandler"],[4,"saveGroupEventChangesError","saveGroupEventChangesErrorHandler"],[0,"selectedOptionsChanged","selectedOptionsChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"],"groupEvents":["groupEventsChangedHandler"],"isLoading":["isLoadingChangedHandler"]}],[65,"nylas-event-timeslot",{"name":[1],"initialValue":[16],"selectedLanguage":[1,"selected-language"],"selectedDate":[32],"selectedStartTime":[32],"selectedEndTime":[32],"selectedTimezone":[32],"selectedRecurrenceType":[32],"timeRangeError":[32],"selectedRrule":[32],"recurrenceOptions":[32],"repeatEveryInterval":[32],"repeatEveryFrequency":[32],"repeatOnDays":[32],"repeatMonthlySameDate":[32],"repeatEndType":[32],"repeatEndAfter":[32],"repeatEndOn":[32],"monthRecurrenceOptions":[32],"endDate":[32]},[[0,"timeChange","setTime"],[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"],[0,"nylasFormInputChanged","nylasFormInputChangedHandler"],[0,"timePeriodChanged","timePeriodChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-event-capacity",{"name":[1],"capacity":[2],"selectedLanguage":[1,"selected-language"],"selectedEventCapacity":[32]},[[0,"nylasFormInputChanged","nylasFormInputChangeHandler"]],{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["p-842b862c",[[1,"textarea-component",{"name":[1],"defaultValue":[1,"default-value"],"label":[1],"placeholder":[1],"required":[4],"readOnly":[4,"read-only"],"autoFocus":[4,"auto-focus"],"maxLength":[2,"max-length"],"type":[1],"tooltip":[1],"value":[32],"error":[32]},[[4,"bookingFormSubmitted","handleBookingFormSubmitted"],[4,"triggerValidation","handletriggerValidation"]]]]],["p-4784734a",[[2,"person-clipboard-icon",{"width":[1],"height":[1]}],[2,"plus-icon",{"width":[1],"height":[1]}],[2,"edit-icon",{"width":[1],"height":[1]}],[2,"clock-icon",{"width":[1],"height":[1]}]]],["p-e0f04c9a",[[2,"add-circle-icon",{"width":[1],"height":[1]}],[2,"close-icon",{"width":[1],"height":[1]}]]],["p-19f6fcf8",[[6,"button-component",{"variant":[1],"disabled":[4],"type":[1],"tooltip":[1],"isLoading":[4,"is-loading"],"clickHandler":[16],"mouseOverHandler":[16],"mouseOutHandler":[16],"focusHandler":[16],"blurHandler":[16]}],[1,"loading-icon",{"width":[1],"height":[1]}]]],["p-442e778d",[[1,"tooltip-component",{"position":[1]}],[2,"info-icon",{"width":[1],"height":[1]}]]],["p-6371e0a3",[[1,"select-dropdown",{"name":[1],"options":[16],"defaultSelectedOption":[16],"withSearch":[4,"with-search"],"label":[1],"required":[4],"readOnly":[4,"read-only"],"pluralizedLabel":[1,"pluralized-label"],"dropdownButtonText":[1,"dropdown-button-text"],"withChevron":[4,"with-chevron"],"emptyValue":[1,"empty-value"],"errorMessage":[1,"error-message"],"selectedOption":[32],"isOpen":[32],"searchValue":[32],"filteredOptions":[32],"ariaActivedescendant":[32],"error":[32]},[[4,"bookingFormSubmitted","handleBookingFormSubmitted"],[4,"formSubmitted","handleFormSubmitted"],[6,"click","handleOutsideClick"]],{"options":["optionsChangedHandler"],"defaultSelectedOption":["defaultSelectedOptionChangedHandler"]}],[2,"search-icon",{"width":[1],"height":[1]}],[2,"chevron-icon",{"width":[1],"height":[1]}]]],["p-91bc630c",[[6,"nylas-editor-tabs",{"calendars":[16],"selectedConfiguration":[16],"configurations":[16],"currentUser":[16],"schedulerPreviewLink":[1,"scheduler-preview-link"],"mode":[1],"hideEditorTabs":[16],"enableUserFeedback":[4,"enable-user-feedback"],"selectedLanguage":[1,"selected-language"],"selectedEventType":[1,"selected-event-type"],"action":[32],"showFeedbackModal":[32],"activeTab":[32],"isLoading":[32],"hasUnsavedChanges":[32],"changesSaved":[32],"formState":[32],"error":[32],"schedulerConfigCreatedEventHandler":[64],"setError":[64]},[[0,"valueChanged","handleValueChanged"],[0,"feedbackModalClosed","feedbackModalClosedHandler"],[0,"feedbackSubmitted","feedbackSubmittedHandler"]],{"selectedConfiguration":["configChangedHandler"],"currentUser":["userChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[6,"nylas-editor-tabs-group",{"calendars":[16],"selectedConfiguration":[16],"configurations":[16],"currentUser":[16],"schedulerPreviewLink":[1,"scheduler-preview-link"],"mode":[1],"hideEditorTabs":[16],"enableUserFeedback":[4,"enable-user-feedback"],"selectedLanguage":[1,"selected-language"],"selectedEventType":[1,"selected-event-type"],"selectedGroupEvent":[16],"action":[32],"showFeedbackModal":[32],"activeTab":[32],"isLoading":[32],"hasUnsavedChanges":[32],"changesSaved":[32],"formState":[32],"error":[32],"schedulerConfigCreatedEventHandler":[64],"setError":[64],"resetError":[64]},[[0,"valueChanged","handleValueChanged"],[0,"feedbackModalClosed","feedbackModalClosedHandler"],[0,"feedbackSubmitted","feedbackSubmittedHandler"],[0,"importGroupEvent","importGroupEventHandler"],[0,"saveGroupEventChanges","saveGroupEventChangesHandler"],[0,"deleteGroupEvent","deleteGroupEventHandler"],[0,"createGroupEvent","createGroupEventHandler"]],{"selectedConfiguration":["configChangedHandler"],"selectedGroupEvent":["selectedGroupEventChangedHandler"],"currentUser":["userChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[1,"nylas-list-configurations",{"configurations":[16],"selectedLanguage":[1,"selected-language"],"schedulerPreviewLink":[1,"scheduler-preview-link"],"listConfigurationsNextCursor":[1,"list-configurations-next-cursor"],"state":[32],"error":[32],"currentCursor":[32],"previousCursors":[32],"disableNextPageButton":[32],"deleteConfigurationId":[32],"showDeleteButtonLoading":[32],"registerCallback":[64],"getState":[64],"setState":[64],"setError":[64],"hideDeleteConfirmation":[64]},[[0,"nylasFormDropdownChanged","handleNylasFormDropdownChanged"]],{"listConfigurationsNextCursor":["listConfigurationsNextCursorChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[1,"nylas-select-event-type",{"participantOptions":[16],"name":[1],"selectedLanguage":[1,"selected-language"]},null,{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[2,"google-logo-icon",{"width":[1],"height":[1]}],[2,"microsoft-logo-icon",{"width":[1],"height":[1]}]]],["p-b0f18064",[[1,"nylas-booking-form",{"isLoading":[4,"is-loading"],"bookingInfo":[16],"eventInfo":[16],"configSettings":[16],"themeConfig":[8,"theme-config"],"name":[32],"email":[32],"guestEmails":[32],"guestEmailErrors":[32],"isNameValid":[32],"isEmailValid":[32],"additionalFields":[32],"validationError":[32],"backButtonLoading":[32],"firstRender":[32]},[[0,"nylasFormInputChanged","nylasFormInputChangedHandler"],[0,"nylasFormDropdownChanged","selectOptionChangedHandler"],[0,"selectedOptionsChanged","selecedOptionsChangedHandler"],[0,"nylasFormSwitchToggled","switchToggledHandler"],[0,"nylasFormCheckboxToggled","checkboxToggledHandler"],[0,"nylasFormRadioChanged","radioChangedHandler"],[0,"nylasFormDropdownDefaultSelected","dropdownDefaultSelectedHandler"]],{"bookingInfo":["bookingInfoChangedHandler"],"configSettings":["configSettingsChangedHandler"],"themeConfig":["themeConfigChanged"]}],[1,"nylas-cancel-booking-form",{"cancelBookingId":[1,"cancel-booking-id"],"rejectBookingId":[1,"reject-booking-id"],"selectedTimeslot":[16],"configSettings":[16],"eventInfo":[16],"isLoading":[4,"is-loading"],"themeConfig":[8,"theme-config"],"cancellationReason":[32],"cancellationError":[32],"cancellationPolicy":[32]},[[0,"nylasFormInputChanged","handleNylasFormInputChanged"]],{"configSettings":["configSettingsChangedHandler"],"themeConfig":["themeConfigChanged"]}],[1,"nylas-booked-event-card",{"eventInfo":[16],"rescheduleBookingId":[1,"reschedule-booking-id"],"bookingInfo":[8,"booking-info"],"configSettings":[8,"config-settings"],"isLoading":[4,"is-loading"],"themeConfig":[8,"theme-config"],"selectedTimezone":[1,"selected-timezone"],"selectedTimeslot":[16],"selectedLanguage":[1,"selected-language"],"hour12":[4,"hour-1-2"],"startTime":[32],"endTime":[32]},null,{"themeConfig":["themeConfigChanged"]}],[1,"nylas-locale-switch",{"themeConfig":[8,"theme-config"],"bookingInfo":[16],"selectedTimezone":[1025,"selected-timezone"],"selectedLanguage":[1025,"selected-language"]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"themeConfig":["themeConfigChanged"],"bookingInfo":["bookingInfoChangedHandler"]}],[1,"nylas-cancelled-event-card",{"configSettings":[16],"themeConfig":[8,"theme-config"],"cancelledEventInfo":[16],"isClosing":[32]},null,{"themeConfig":["themeConfigChanged"]}],[1,"nylas-confirmed-event-card",{"configSettings":[16],"themeConfig":[8,"theme-config"],"confirmedEventInfo":[16],"isClosing":[32]},null,{"themeConfig":["themeConfigChanged"]}],[1,"nylas-date-picker",{"selectableDates":[16],"configSettings":[16],"themeConfig":[8,"theme-config"],"selectedTimezone":[1,"selected-timezone"],"selectedDate":[16],"selectedLanguage":[1,"selected-language"],"isLoading":[4,"is-loading"],"eventDuration":[2,"event-duration"],"month":[32],"dates":[32],"disableNextMonthButton":[32]},null,{"configSettings":["configSettingsChanged"],"selectedLanguage":["selectedLanguageChanged"],"themeConfig":["themeConfigChanged"],"selectedDate":["selectedDateChanged"]}],[1,"nylas-organizer-confirmation-card",{"configSettings":[8,"config-settings"],"isLoading":[4,"is-loading"],"themeConfig":[8,"theme-config"],"organizerConfirmationBookingId":[1,"organizer-confirmation-booking-id"],"selectedLanguage":[1,"selected-language"],"action":[32],"resetAction":[64]},null,{"themeConfig":["themeConfigChanged"]}],[1,"nylas-notification",{"ttl":[8],"allowedCategories":[16],"notifications":[32]},[[16,"nylasSchedulerError","onError"],[16,"nylasSchedulerWarning","onWarning"],[16,"nylasSchedulerInfo","onInfo"],[16,"nylasSchedulerSuccess","onSuccess"]]],[1,"nylas-selected-event-card",{"themeConfig":[8,"theme-config"],"selectedDate":[16],"selectedTimeslot":[16],"selectedTimezone":[1,"selected-timezone"],"selectedLanguage":[1,"selected-language"],"hour12":[4,"hour-1-2"],"startTime":[32],"endTime":[32]},null,{"themeConfig":["themeConfigChanged"]}],[1,"nylas-timeslot-picker",{"availability":[16],"isLoading":[4,"loading-state"],"themeConfig":[8,"theme-config"],"selectedTimeslot":[16],"selectedTimezone":[1,"selected-timezone"],"selectedDate":[16],"selectedLanguage":[1,"selected-language"],"hour12":[4,"hour-1-2"],"times":[32],"hoveredTimeslotIndex":[32],"selectedTimeslotIndex":[32],"emitValidateTimeslotError":[64]},null,{"selectedLanguage":["selectedLanguageChanged"],"selectedDate":["selectedDateChanged"],"availability":["availabilityChanged"],"themeConfig":["themeConfigChanged"]}],[2,"nylas-logo",{"width":[1],"height":[1]}]]],["p-74dfe60e",[[65,"nylas-event-location",{"name":[1],"currentUser":[16],"userProvider":[1,"user-provider"],"eventConferencing":[16],"conferenceProviders":[16],"selectedConfiguration":[16],"eventLocation":[1,"event-location"],"selectedLanguage":[1,"selected-language"],"location":[32],"grantId":[32],"selectedLocationOption":[32],"userProviderState":[32],"locationOptions":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"currentUser":["currentUserChangedHandler"],"conferenceProviders":["conferenceProvidersChanged"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-additional-participants",{"name":[1],"selectedConfiguration":[16],"currentUser":[16],"currentUserCalendars":[16],"participantOptions":[16],"eventParticipants":[16],"roundRobinConfig":[4,"round-robin-config"],"selectedLanguage":[1,"selected-language"],"participants":[32],"participantErrors":[32],"includeOrganizerAsParticipant":[32],"isRoundRobinConfig":[32],"error":[32]},[[0,"inputOptionChanged","onInputOptionChanged"]],{"name":["elementNameChangedHandler"],"currentUser":["selectedConfigurationAndCurrentUserChangedHandler"],"selectedConfiguration":["selectedConfigurationAndCurrentUserChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[1,"nylas-feedback-form",{"themeConfig":[8,"theme-config"],"feedbackMessage":[32]},[[4,"nylasFormInputChanged","handleFormInputChanged"]]],[65,"nylas-reminder-time",{"name":[1],"eventReminderTimeMinutes":[2,"event-reminder-time-minutes"],"selectedLanguage":[1,"selected-language"],"selectedNumber":[32],"selectedPeriod":[32],"errorState":[32]},[[4,"nylasSuggestReminderMinutes","nylasSuggestReminderMinutesHandler"],[0,"timePeriodChanged","timePeriodChangedHandler"]],{"name":["elementNameChangedHandler"],"eventReminderTimeMinutes":["eventReminderTimeMinutesChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-event-description",{"selectedConfiguration":[16],"eventDescription":[1,"event-description"],"name":[1],"selectedLanguage":[1,"selected-language"],"hideAutoPopulateButton":[4,"hide-auto-populate-button"],"description":[32],"showTokens":[32],"availableTokens":[32],"filteredTokens":[32],"ariaActivedescendant":[32],"currentWord":[32],"validationError":[32],"additionalFieldTokens":[32]},[[4,"valueChanged","valueChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-event-title",{"selectedConfiguration":[16],"eventTitle":[1,"event-title"],"name":[1],"selectedLanguage":[1,"selected-language"],"showTokens":[32],"availableTokens":[32],"filteredTokens":[32],"ariaActivedescendant":[32],"currentWord":[32],"validationError":[32],"configEventTitle":[32],"additionalFieldTokens":[32]},[[8,"formSubmitted","formSubmittedHandler"],[4,"valueChanged","valueChangedHandler"]],{"name":["elementNameChangedHandler"],"ariaActivedescendant":["ariaActivedescendantChangedHandler"],"selectedConfiguration":["configChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[1,"input-color-picker",{"name":[1],"defaultSelectedColor":[1,"default-selected-color"],"selectedColor":[32],"isOpen":[32],"ariaActivedescendant":[32],"errorMessage":[32]},[[6,"click","handleOutsideClick"]]],[65,"input-image-url",{"imageUrl":[1,"image-url"],"errorMessage":[1,"error-message"],"name":[1],"currentImageUrl":[32],"error":[32]},[[0,"nylasFormInputChanged","nylasFormInputChangedHandler"],[0,"nylasFormInputBlurred","nylasFormInputBlurHandler"]],{"name":["elementNameChangedHandler"],"errorMessage":["errorMessageChangedHandler"]}],[65,"nylas-event-info",{"selectedLanguage":[1,"selected-language"]},null,{"selectedLanguage":["selectedLanguageChangedHandler"]}],[2,"checkmark-icon",{"width":[1],"height":[1]}],[2,"dragable-icon",{"width":[1],"height":[1]}],[2,"eye-icon",{"width":[1],"height":[1]}],[2,"feedback-icon",{"width":[1],"height":[1]}],[2,"trash-icon",{"width":[1],"height":[1]}],[2,"copy-icon",{"width":[1],"height":[1]}]]],["p-463d9c42",[[65,"nylas-participants-custom-availability",{"selectedConfiguration":[16],"name":[1],"participants":[16],"selectedLanguage":[1,"selected-language"],"selectedParticipants":[32]},[[0,"nylasFormSwitchToggled","nylasFormSwitchToggledHandler"],[0,"valueChanged","handleValueChanged"]],{"name":["elementNameChangedHandler"],"participants":["participantsChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-limit-future-bookings",{"selectedConfiguration":[16],"availableDaysInFuture":[2,"available-days-in-future"],"name":[1],"selectedLanguage":[1,"selected-language"],"selectedNumber":[32],"selectedPeriod":[32]},[[0,"timePeriodChanged","timePeriodChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-min-booking-notice",{"selectedConfiguration":[16],"name":[1],"minBookingNotice":[2,"min-booking-notice"],"selectedLanguage":[1,"selected-language"],"selectedNumber":[32],"selectedPeriod":[32]},[[0,"timePeriodChanged","timePeriodChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-booking-confirmation-redirect",{"selectedConfiguration":[16],"name":[1],"redirectUrl":[1,"redirect-url"],"redirectUrlErrorMessage":[1,"redirect-url-error-message"],"selectedLanguage":[1,"selected-language"],"currentRedirectUrl":[32],"acceptUrl":[32],"componentLoaded":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"],[0,"nylasFormInputBlurred","nylasFormInputBlurHandler"],[4,"formSubmitted","formSubmittedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-connected-calendars",{"name":[1],"selectedConfiguration":[16],"participants":[16],"calendars":[16],"participantOptions":[16],"selectedLanguage":[1,"selected-language"],"selectedCalendars":[32],"participantCalendars":[32],"participantDefaultSelectedCalendars":[32]},[[0,"valueChanged","handleValueChanged"]],{"name":["elementNameChangedHandler"],"calendars":["calendarsChangedHandler"],"participants":["participantsChangedHandler"],"participantOptions":["participantOptionsChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-participant-booking-calendars",{"selectedConfiguration":[16],"name":[1],"participants":[16],"calendars":[16],"participantOptions":[16],"selectedLanguage":[1,"selected-language"],"selectedCalendars":[32],"participantCalendars":[32],"participantDefaultSelectedCalendar":[32]},[[0,"valueChanged","handleValueChanged"]],{"name":["elementNameChangedHandler"],"calendars":["calendarsChangedHandler"],"participants":["participantsChangedHandler"],"participantOptions":["participantOptionsChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-timeslot-interval",{"selectedConfiguration":[16],"name":[1],"eventDurationMinutes":[2,"event-duration-minutes"],"selectedLanguage":[1,"selected-language"],"internalEventDurationMinutes":[32],"selectedInterval":[32],"selectedRoundTo":[32],"componentLoaded":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"],[0,"nylasFormRadioChanged","nylasFormRadioChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-booking-confirmation-type",{"selectedConfiguration":[16],"name":[1],"bookingType":[1,"booking-type"],"showComponent":[4,"show-component"],"selectedLanguage":[1,"selected-language"],"selectedBookingType":[32],"showDropdown":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-buffer-time",{"selectedConfiguration":[16],"name":[1],"buffer":[16],"selectedLanguage":[1,"selected-language"],"selectedBeforeBufferTime":[32],"selectedAfterBufferTime":[32],"componentLoaded":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-event-duration",{"selectedConfiguration":[16],"name":[1],"eventDurationMinutes":[2,"event-duration-minutes"],"selectedLanguage":[1,"selected-language"],"duration":[32],"durationMinutes":[32],"durationIncrement":[32],"error":[32],"durationMinutesOptions":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"],[0,"inputOptionChanged","inputOptionChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-disable-emails",{"selectedConfiguration":[16],"name":[1],"selectedLanguage":[1,"selected-language"]},[[0,"nylasFormSwitchToggled","nyalsFormSwitchToggledHandler"]],{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-custom-booking-flow",{"selectedLanguage":[1,"selected-language"]},null,{"selectedLanguage":["selectedLanguageChangedHandler"]}],[2,"calendar-info-icon",{"width":[1],"height":[1]}],[2,"calendar-patterns-icon",{"width":[1],"height":[1]}],[2,"people-icon",{"width":[1],"height":[1]}],[65,"nylas-reminder-emails",{"selectedConfiguration":[16],"eventReminders":[16],"name":[1],"selectedLanguage":[1,"selected-language"],"reminders":[32],"reminderErrors":[32],"participants":[32],"clearError":[32]},[[0,"valueChanged","handleValueChanged"],[0,"nylasFormDropdownChanged","handleNylasFormDropdownChanged"],[0,"nylasFormInputChanged","handleNylasFormInputChanged"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-confirmation-email",{"selectedConfiguration":[16],"confirmationEmailTemplate":[16],"participants":[16],"name":[1],"nylasBranding":[4,"nylas-branding"],"isOpen":[4,"is-open"],"selectedLanguage":[1,"selected-language"],"confirmationEmail":[32],"isConfirmationEmailOpen":[32],"participantsState":[32],"invalidImageErrorMessage":[32]},[[0,"nylasFormInputChanged","nylasFormInputChangeHandler"],[0,"valueChanged","valueChangedHandler"],[0,"nylasFormInputImageUrlInvalid","nylasFormInputImageUrlInvalidHandler"],[0,"nylasFormSwitchToggled","nyalsFormSwitchToggledHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"nylasBranding":["nylasBrandingChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-availability-picker",{"name":[1],"selectedConfiguration":[16],"openHours":[16],"defaultTimezone":[1,"default-timezone"],"hideHeader":[4,"hide-header"],"selectedLanguage":[1,"selected-language"],"schedule":[32],"timezone":[32],"overlapDays":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"],[0,"timeChange","setTime"],[0,"timeWindowFormError","setFormError"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["configChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-booking-form-config",{"selectedConfiguration":[16],"name":[1],"additionalFields":[16],"selectedLanguage":[1,"selected-language"],"formFields":[32],"formFieldsOrder":[32],"count":[32],"watchFields":[32],"fieldTypes":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"],[0,"nylasFormInputChanged","nylasFormInputChangedHandler"],[4,"valueChanged","valueChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-min-cancellation-notice",{"selectedConfiguration":[16],"name":[1],"minCancellationNotice":[2,"min-cancellation-notice"],"selectedLanguage":[1,"selected-language"],"selectedNumber":[32],"selectedPeriod":[32]},[[0,"timePeriodChanged","timePeriodChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-custom-event-slug",{"selectedConfiguration":[16],"defaultUrlSlug":[1,"default-url-slug"],"isOpen":[4,"is-open"],"slugErrorMessage":[1,"slug-error-message"],"name":[1],"requiresSlug":[4,"requires-slug"],"selectedLanguage":[1,"selected-language"],"urlSlug":[32],"focus":[32],"copied":[32]},[[0,"nylasFormInputChanged","nylasFormInputChangeHandler"],[0,"nylasFormInputFocused","nylasFormInputFocusHandler"],[0,"nylasFormInputBlurred","nylasFormInputBlurHandler"],[8,"formSubmitted","formSubmittedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-scheduling-method",{"selectedConfiguration":[16],"name":[1],"participantOptions":[16],"readOnly":[4,"read-only"],"selectedLanguage":[1,"selected-language"],"selectedBookingType":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"]}],[65,"nylas-booking-calendar-picker",{"calendars":[16],"currentUser":[16],"currentUserCalendars":[16],"name":[1],"defaultBookingCalendar":[1,"default-booking-calendar"],"hideHeader":[4,"hide-header"],"expressFlow":[4,"express-flow"],"selectedLanguage":[1,"selected-language"],"selectedCalendar":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"name":["elementNameChangedHandler"],"currentUserCalendars":["currentUserCalendarsChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-calendar-picker",{"name":[1],"currentUser":[16],"calendars":[16],"defaultSelectedCalendars":[16],"selectedLanguage":[1,"selected-language"],"selectedCalendars":[32],"error":[32]},[[0,"selectedOptionsChanged","selectedOptionsChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-page-name",{"selectedConfiguration":[16],"name":[1],"pageName":[1,"page-name"],"showToggle":[4,"show-toggle"],"isOpen":[4,"is-open"],"required":[4],"selectedLanguage":[1,"selected-language"],"currentPageName":[32],"pageNameErrorMessage":[32]},[[0,"nylasFormInputChanged","nylasFormInputChangeHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-customize-booking-settings",{"selectedConfiguration":[16],"defaultHideAdditionalGuests":[4,"default-hide-additional-guests"],"defaultHideCancellationOptions":[4,"default-hide-cancellation-options"],"defaultHideReschedulingOptions":[4,"default-hide-rescheduling-options"],"name":[1],"selectedLanguage":[1,"selected-language"],"allowGuestsToInvite":[32],"hideCancellationOptions":[32],"hideReschedulingOptions":[32]},[[0,"nylasFormCheckboxToggled","checkboxToggledHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-cancellation-policy",{"selectedConfiguration":[16],"cancellationPolicy":[1,"cancellation-policy"],"name":[1],"selectedLanguage":[1,"selected-language"],"message":[32]},null,{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-page-styling",{"selectedConfiguration":[16],"name":[1],"appearance":[16],"isOpen":[4,"is-open"],"selectedLanguage":[1,"selected-language"],"currentAppearance":[32],"customInputsSlot":[32]},[[4,"nylasFormInputChanged","nylasFormInputChangeHandler"],[4,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"],[4,"valueChanged","valueChangedHandler"],[4,"nylasFormCheckboxToggled","checkboxToggledHandler"],[4,"nylasFormRadioChanged","radioChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"]}],[65,"nylas-event-limits",{"selectedLanguage":[1,"selected-language"]},null,{"selectedLanguage":["selectedLanguageChangedHandler"]}],[2,"calendar-agenda-fill-icon",{"width":[1],"height":[1]}],[2,"calendar-agenda-icon",{"width":[1],"height":[1]}],[2,"envelope-fill-icon",{"width":[1],"height":[1]}],[2,"envelope-icon",{"width":[1],"height":[1]}],[2,"flow-icon",{"width":[1],"height":[1]}],[2,"paintbrush-fill-icon",{"width":[1],"height":[1]}],[2,"paintbrush-icon",{"width":[1],"height":[1]}]]]]'),e)}));
+import{p as e,b as n}from"./p-6f5a3998.js";export{s as setNonce}from"./p-6f5a3998.js";import{g as a}from"./p-a6e2e49c.js";const t=()=>{const n=import.meta.url;const a={};if(n!==""){a.resourcesUrl=new URL(".",n).href}return e(a)};t().then((e=>{a();return n(JSON.parse('[["p-68608216",[[1,"nylas-scheduler-editor",{"configurationId":[1025,"configuration-id"],"nylasApiRequest":[1040],"nylasSessionsConfig":[16],"defaultAuthArgs":[16],"eventOverrides":[16],"schedulerPreviewLink":[1,"scheduler-preview-link"],"defaultSchedulerConfigState":[16],"mode":[1],"additionalParticipants":[16],"hideEditorTabs":[16],"conferenceProviders":[16],"requiresSlug":[4,"requires-slug"],"enableUserFeedback":[4,"enable-user-feedback"],"defaultLanguage":[1,"default-language"],"localization":[16],"nylasBranding":[4,"nylas-branding"],"experimentalFeatures":[16],"automaticComponentRegistration":[32],"selectedLanguage":[32],"langVersion":[32],"store":[64],"schedulerConnector":[64]},[[0,"registerComponent","registerComponentHandler"],[0,"unregisterComponent","unregisterComponentHandler"],[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"configurationId":["configurationIdChanged"],"localization":["updateLocalization"],"nylasBranding":["updateNylasBranding"],"experimentalFeatures":["updateExperimentalFeatures"]}]]],["p-a906d005",[[1,"nylas-scheduling",{"mode":[1],"defaultSchedulerState":[16],"sessionId":[1,"session-id"],"schedulerApiUrl":[1,"scheduler-api-url"],"bookingInfo":[16],"rescheduleBookingRef":[1,"reschedule-booking-ref"],"cancelBookingRef":[1,"cancel-booking-ref"],"organizerConfirmationBookingRef":[1,"organizer-confirmation-booking-ref"],"configurationId":[1,"configuration-id"],"slug":[1],"clientId":[1,"client-id"],"nylasBranding":[4,"nylas-branding"],"eventOverrides":[16],"isLoading":[4,"is-loading"],"themeConfig":[16],"localization":[16],"showNotification":[4,"show-notification"],"enableUserFeedback":[4,"enable-user-feedback"],"hour12":[4,"hour-1-2"],"automaticComponentRegistration":[32],"selectedDateLabel":[32],"refConfigId":[32],"language":[32],"showFeedbackModal":[32],"bookingInfoConfirmed":[32],"getNylasSchedulerStore":[64],"getNylasSchedulerConnector":[64],"getRef":[64]},[[0,"languageChanged","languageChanged"],[0,"registerComponent","registerComponentHandler"],[0,"unregisterComponent","unregisterComponentHandler"],[0,"monthChanged","monthChangedHandler"],[0,"detailsConfirmed","bookButtonClickedHandler"],[0,"dateSelected","dateSelectedHandler"],[0,"cancelBookedEventError","cancelBookedEventErrorHandler"],[0,"cancelBookedEventValidationError","cancelBookedEventValidationErrorHandler"],[0,"rescheduleBookedEventError","rescheduleBookedEventErrorHandler"],[0,"confirmBookingError","confirmBookingErrorHandler"],[0,"feedbackModalClosed","feedbackModalClosedHandler"],[0,"validateTimeslotError","eventIsFullHandler"],[0,"feedbackSubmitted","feedbackSubmittedHandler"]],{"bookingInfo":["bookingInfoChanged"],"rescheduleBookingRef":["rescheduleBookingRefChanged"],"cancelBookingRef":["cancelBookingRefChanged"],"organizerConfirmationBookingRef":["organizerConfirmationBookingRefChanged"],"localization":["localizationChanged"],"themeConfig":["themeConfigChanged"]}]]],["p-ed954145",[[2,"archive-icon",{"width":[1],"height":[1]}]]],["p-818fe4ab",[[2,"arrow-icon",{"width":[1],"height":[1]}]]],["p-b08085ae",[[2,"bold-icon",{"width":[1],"height":[1]}]]],["p-d161ec86",[[2,"document-refresh-icon",{"width":[1],"height":[1]}]]],["p-b70292fa",[[2,"folder-icon",{"width":[1],"height":[1]}]]],["p-9d3e2ddb",[[2,"forward-icon",{"width":[1],"height":[1]}]]],["p-9f28a221",[[2,"inbox-icon",{"width":[1],"height":[1]}]]],["p-e42a294c",[[2,"italic-icon",{"width":[1],"height":[1]}]]],["p-c7a32783",[[1,"nylas-call-summary",{"text":[1]}]]],["p-8bea55f0",[[1,"nylas-if-state",{"state":[1],"isStateSet":[4,"is-state-set"],"isBoolean":[4,"is-boolean"],"getStore":[16],"transition":[1],"show":[32],"classes":[32]},null,{"getStore":["onGetStoreChange"]}]]],["p-ab3ba8dc",[[1,"nylas-key-points",{"keyPoints":[16]}]]],["p-0b620272",[[1,"nylas-login",{"isAuthenticated":[4,"is-authenticated"],"nylasConnector":[16],"scopes":[16],"loginMethod":[1,"login-method"],"companyName":[1,"company-name"],"logoUrl":[1,"logo-url"],"logoWidth":[1,"logo-width"],"providers":[1],"buttonText":[1,"button-text"],"email":[32]}]]],["p-1fb32e0e",[[1,"nylas-provider",{"authConfig":[16],"eventOverrides":[16],"automaticComponentRegistration":[4,"automatic-component-registration"],"getNylasAuth":[64],"getNylasConnector":[64],"getAuthStore":[64],"getNylasSchedulerStore":[64],"getNylasSchedulerConfigStore":[64]},[[0,"registerComponent","registerComponentHandler"],[0,"unregisterComponent","unregisterComponentHandler"]]]]],["p-11d7062d",[[1,"nylas-transcript",{"autoscroll":[4],"transcript":[8],"focusedIndex":[32]}]]],["p-3d93df74",[[1,"nylas-video-player",{"videoUrl":[1,"video-url"],"isSeeking":[32],"isPlaying":[32]}]]],["p-e0a733c6",[[1,"nylas-video-preview"]]],["p-04acf4bb",[[2,"play-icon",{"width":[1],"height":[1]}]]],["p-38b43b75",[[2,"refresh-icon",{"width":[1],"height":[1]}]]],["p-cc4a65a6",[[2,"reply-all-icon",{"width":[1],"height":[1]}]]],["p-4052b65b",[[2,"reply-icon",{"width":[1],"height":[1]}]]],["p-37cd996f",[[2,"sent-icon",{"width":[1],"height":[1]}]]],["p-67775244",[[2,"spam-icon",{"width":[1],"height":[1]}]]],["p-37f7262c",[[2,"star-icon",{"width":[1],"height":[1]}]]],["p-a628796e",[[2,"stop-icon",{"width":[1],"height":[1]}]]],["p-51d5e269",[[2,"trash-fill-icon",{"width":[1],"height":[1]}]]],["p-03cbbc26",[[2,"underline-icon",{"width":[1],"height":[1]}]]],["p-66669953",[[2,"delete-icon",{"width":[1],"height":[1]}]]],["p-368a0884",[[2,"person-icon",{"width":[1],"height":[1]}]]],["p-342851aa",[[2,"warning-icon",{"width":[1],"height":[1]}]]],["p-d0fcfb01",[[2,"translate-icon",{"width":[1],"height":[1]}]]],["p-23a997fa",[[2,"calendar-cancel-icon",{"width":[1],"height":[1]}]]],["p-fcd035bb",[[2,"calendar-icon",{"width":[1],"height":[1]}]]],["p-c79f11e1",[[2,"checkmark-circle-icon",{"width":[1],"height":[1]}],[2,"calendar-check-icon",{"width":[1],"height":[1]}]]],["p-77568cf3",[[1,"radio-button-group",{"name":[1],"options":[16],"defaultSelectedValue":[1,"default-selected-value"],"label":[1],"required":[4],"readOnly":[4,"read-only"],"selectedValue":[32],"error":[32]},[[4,"bookingFormSubmitted","handleBookingFormSubmitted"]],{"defaultSelectedValue":["handleDefaultSelectedValueChange"]}]]],["p-8705e3b4",[[1,"checkbox-component",{"name":[1],"checked":[4],"label":[1],"readOnly":[4,"read-only"],"required":[4],"isChecked":[32],"error":[32]},[[4,"bookingFormSubmitted","handleBookingFormSubmitted"]],{"checked":["checkedPropChangedHandler"]}]]],["p-decf72e9",[[1,"toggle-switch",{"name":[1],"checked":[4],"label":[1],"isChecked":[32]},null,{"checked":["checkedChanged"]}]]],["p-a0df0b44",[[65,"nylas-form-card"]]],["p-51434e4a",[[1,"multi-select-dropdown",{"name":[1],"label":[1],"options":[16],"error":[1025],"required":[4],"readOnly":[4,"read-only"],"multipleOptionsSelectedLabel":[1,"multiple-options-selected-label"],"selectAtLeastOneOptionLabel":[1,"select-at-least-one-option-label"],"availableOptions":[32],"isOpen":[32],"ariaActivedescendant":[32],"shouldFocusFirstOption":[32]},[[6,"click","handleOutsideClick"],[4,"bookingFormSubmitted","handleBookingFormSubmitted"]],{"options":["optionsChangedHandler"]}],[1,"nylas-date-component",{"name":[1],"defaultValue":[1,"default-value"],"label":[1],"placeholder":[1],"required":[4],"readOnly":[4,"read-only"],"autoFocus":[4,"auto-focus"],"pattern":[16],"maxLength":[2,"max-length"],"patternError":[1,"pattern-error"],"requiredError":[1,"required-error"],"value":[32],"error":[32],"isDateValid":[32]},[[4,"bookingFormSubmitted","handleBookingFormSubmitted"],[4,"formSubmitted","handleFormSubmitted"]],{"defaultValue":["handleDefaultValueChange"]}]]],["p-c4f7916d",[[1,"input-component",{"name":[1],"defaultValue":[1,"default-value"],"label":[1],"type":[1],"placeholder":[1],"required":[4],"readOnly":[4,"read-only"],"autoFocus":[4,"auto-focus"],"pattern":[16],"maxLength":[2,"max-length"],"patternError":[1,"pattern-error"],"requiredError":[1,"required-error"],"maxValue":[2,"max-value"],"minValue":[2,"min-value"],"value":[32],"error":[32]},[[4,"bookingFormSubmitted","handleBookingFormSubmitted"],[4,"formSubmitted","handleFormSubmitted"]],{"defaultValue":["handleDefaultValueChange"]}]]],["p-14af29a6",[[1,"nylas-time-window-picker",{"time":[1],"minimumStartTime":[1,"minimum-start-time"],"placeholder":[1],"name":[1],"hasError":[516,"has-error"],"language":[1],"err":[32],"showTimes":[32],"ariaActivedescendant":[32],"times":[32],"shouldAutoScroll":[32]},[[6,"click","handleOutsideClick"]],{"minimumStartTime":["minimumStartTimeChangedHandler"]}],[2,"globe-icon",{"width":[1],"height":[1]}]]],["p-09bbd467",[[2,"time-period-selector",{"timePeriods":[16],"defaultSelectedPeriod":[1,"default-selected-period"],"defaultSelectedNumber":[2,"default-selected-number"],"hasError":[4,"has-error"],"selectedPeriod":[32],"selectedNumber":[32],"numberOptions":[32],"timePeriodOptions":[32]},[[0,"inputOptionChanged","inputOptionChangedHandler"],[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"defaultSelectedPeriod":["defaultSelectedPeriodChanged"],"defaultSelectedNumber":["defaultSelectedNumberChanged"],"timePeriods":["timePeriodsChanged"]}],[1,"input-dropdown",{"name":[1],"options":[16],"defaultInputOption":[16],"inputValue":[1,"input-value"],"pluralizedLabel":[1,"pluralized-label"],"filterable":[4],"selectedOption":[32],"isOpen":[32],"typedValue":[32],"filteredOptions":[32],"ariaActivedescendant":[32],"shouldAutoScroll":[32]},[[6,"click","handleOutsideClick"]],{"options":["optionsChangedHandler"],"defaultInputOption":["defaultSelectedOptionChangedHandler"],"inputValue":["inputValueChangedHandler"]}]]],["p-b8fd6cd3",[[2,"google-meet-icon",{"width":[1],"height":[1]}],[2,"location-icon",{"width":[1],"height":[1]}],[2,"location-off-icon",{"width":[1],"height":[1]}],[2,"microsoft-teams-icon",{"width":[1],"height":[1]}],[2,"zoom-icon",{"width":[1],"height":[1]}]]],["p-4e20f21a",[[65,"nylas-event-calendar",{"selectedConfiguration":[16],"name":[1],"selectedLanguage":[1,"selected-language"],"groupEvents":[16],"currentUser":[16],"calendars":[16],"masterGroupEvents":[16],"isLoading":[4,"is-loading"],"selectedView":[32],"events":[32],"calendar":[32],"selectedEvent":[32],"selectedDateRangeString":[32],"showEditEventDetails":[32],"showCreateEventDetails":[32],"editOptions":[32],"showEditOptions":[32],"updateOptions":[32],"showUpdateOptions":[32],"deleteOptions":[32],"showDeleteOptions":[32],"unsavedChanges":[32],"showConfirmDiscardUnsavedChangesModal":[32],"createNewGroupEventTimeslot":[32],"formError":[32],"loadingOptions":[32],"showChooseParticipantsModal":[32],"importParticipants":[32],"selectedImportParticipants":[32]},[[0,"valueChanged","valueChangedHandler"],[0,"timeWindowFormError","timeWindowFormErrorHandler"],[4,"saveGroupEventChangesError","saveGroupEventChangesErrorHandler"],[0,"selectedOptionsChanged","selectedOptionsChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"],"groupEvents":["groupEventsChangedHandler"],"isLoading":["isLoadingChangedHandler"]}],[65,"nylas-event-timeslot",{"name":[1],"initialValue":[16],"selectedLanguage":[1,"selected-language"],"selectedDate":[32],"selectedStartTime":[32],"selectedEndTime":[32],"selectedTimezone":[32],"selectedRecurrenceType":[32],"timeRangeError":[32],"selectedRrule":[32],"recurrenceOptions":[32],"repeatEveryInterval":[32],"repeatEveryFrequency":[32],"repeatOnDays":[32],"repeatMonthlySameDate":[32],"repeatEndType":[32],"repeatEndAfter":[32],"repeatEndOn":[32],"monthRecurrenceOptions":[32],"endDate":[32]},[[0,"timeChange","setTime"],[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"],[0,"nylasFormInputChanged","nylasFormInputChangedHandler"],[0,"timePeriodChanged","timePeriodChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-event-capacity",{"name":[1],"capacity":[2],"selectedLanguage":[1,"selected-language"],"selectedEventCapacity":[32]},[[0,"nylasFormInputChanged","nylasFormInputChangeHandler"]],{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}]]],["p-842b862c",[[1,"textarea-component",{"name":[1],"defaultValue":[1,"default-value"],"label":[1],"placeholder":[1],"required":[4],"readOnly":[4,"read-only"],"autoFocus":[4,"auto-focus"],"maxLength":[2,"max-length"],"type":[1],"tooltip":[1],"value":[32],"error":[32]},[[4,"bookingFormSubmitted","handleBookingFormSubmitted"],[4,"triggerValidation","handletriggerValidation"]]]]],["p-4784734a",[[2,"person-clipboard-icon",{"width":[1],"height":[1]}],[2,"plus-icon",{"width":[1],"height":[1]}],[2,"edit-icon",{"width":[1],"height":[1]}],[2,"clock-icon",{"width":[1],"height":[1]}]]],["p-e0f04c9a",[[2,"add-circle-icon",{"width":[1],"height":[1]}],[2,"close-icon",{"width":[1],"height":[1]}]]],["p-3ca36162",[[6,"button-component",{"variant":[1],"disabled":[4],"type":[1],"tooltip":[1],"isLoading":[4,"is-loading"],"clickHandler":[16],"mouseOverHandler":[16],"mouseOutHandler":[16],"focusHandler":[16],"blurHandler":[16]}],[1,"loading-icon",{"width":[1],"height":[1]}]]],["p-442e778d",[[1,"tooltip-component",{"position":[1]}],[2,"info-icon",{"width":[1],"height":[1]}]]],["p-0d80f50b",[[1,"select-dropdown",{"name":[1],"options":[16],"defaultSelectedOption":[16],"withSearch":[4,"with-search"],"label":[1],"required":[4],"readOnly":[4,"read-only"],"pluralizedLabel":[1,"pluralized-label"],"dropdownButtonText":[1,"dropdown-button-text"],"withChevron":[4,"with-chevron"],"emptyValue":[1,"empty-value"],"errorMessage":[1,"error-message"],"selectedOption":[32],"isOpen":[32],"searchValue":[32],"filteredOptions":[32],"ariaActivedescendant":[32],"error":[32]},[[4,"bookingFormSubmitted","handleBookingFormSubmitted"],[4,"formSubmitted","handleFormSubmitted"],[6,"click","handleOutsideClick"]],{"options":["optionsChangedHandler"],"defaultSelectedOption":["defaultSelectedOptionChangedHandler"]}],[2,"search-icon",{"width":[1],"height":[1]}],[2,"chevron-icon",{"width":[1],"height":[1]}]]],["p-b1c57792",[[6,"nylas-editor-tabs",{"calendars":[16],"selectedConfiguration":[16],"configurations":[16],"currentUser":[16],"schedulerPreviewLink":[1,"scheduler-preview-link"],"mode":[1],"hideEditorTabs":[16],"enableUserFeedback":[4,"enable-user-feedback"],"selectedLanguage":[1,"selected-language"],"selectedEventType":[1,"selected-event-type"],"action":[32],"showFeedbackModal":[32],"activeTab":[32],"isLoading":[32],"hasUnsavedChanges":[32],"changesSaved":[32],"formState":[32],"error":[32],"schedulerConfigCreatedEventHandler":[64],"setError":[64]},[[0,"valueChanged","handleValueChanged"],[0,"feedbackModalClosed","feedbackModalClosedHandler"],[0,"feedbackSubmitted","feedbackSubmittedHandler"]],{"selectedConfiguration":["configChangedHandler"],"currentUser":["userChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[6,"nylas-editor-tabs-group",{"calendars":[16],"selectedConfiguration":[16],"configurations":[16],"currentUser":[16],"schedulerPreviewLink":[1,"scheduler-preview-link"],"mode":[1],"hideEditorTabs":[16],"enableUserFeedback":[4,"enable-user-feedback"],"selectedLanguage":[1,"selected-language"],"selectedEventType":[1,"selected-event-type"],"selectedGroupEvent":[16],"action":[32],"showFeedbackModal":[32],"activeTab":[32],"isLoading":[32],"hasUnsavedChanges":[32],"changesSaved":[32],"formState":[32],"error":[32],"schedulerConfigCreatedEventHandler":[64],"setError":[64],"resetError":[64]},[[0,"valueChanged","handleValueChanged"],[0,"feedbackModalClosed","feedbackModalClosedHandler"],[0,"feedbackSubmitted","feedbackSubmittedHandler"],[0,"importGroupEvent","importGroupEventHandler"],[0,"saveGroupEventChanges","saveGroupEventChangesHandler"],[0,"deleteGroupEvent","deleteGroupEventHandler"],[0,"createGroupEvent","createGroupEventHandler"]],{"selectedConfiguration":["configChangedHandler"],"selectedGroupEvent":["selectedGroupEventChangedHandler"],"currentUser":["userChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[1,"nylas-list-configurations",{"configurations":[16],"selectedLanguage":[1,"selected-language"],"schedulerPreviewLink":[1,"scheduler-preview-link"],"listConfigurationsNextCursor":[1,"list-configurations-next-cursor"],"state":[32],"error":[32],"currentCursor":[32],"previousCursors":[32],"disableNextPageButton":[32],"deleteConfigurationId":[32],"showDeleteButtonLoading":[32],"registerCallback":[64],"getState":[64],"setState":[64],"setError":[64],"hideDeleteConfirmation":[64]},[[0,"nylasFormDropdownChanged","handleNylasFormDropdownChanged"]],{"listConfigurationsNextCursor":["listConfigurationsNextCursorChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[1,"nylas-select-event-type",{"participantOptions":[16],"name":[1],"selectedLanguage":[1,"selected-language"]},null,{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[2,"google-logo-icon",{"width":[1],"height":[1]}],[2,"microsoft-logo-icon",{"width":[1],"height":[1]}]]],["p-13a6c977",[[1,"nylas-booking-form",{"isLoading":[4,"is-loading"],"bookingInfo":[16],"eventInfo":[16],"configSettings":[16],"themeConfig":[8,"theme-config"],"name":[32],"email":[32],"guestEmails":[32],"guestEmailErrors":[32],"isNameValid":[32],"isEmailValid":[32],"additionalFields":[32],"validationError":[32],"backButtonLoading":[32],"firstRender":[32]},[[0,"nylasFormInputChanged","nylasFormInputChangedHandler"],[0,"nylasFormDropdownChanged","selectOptionChangedHandler"],[0,"selectedOptionsChanged","selecedOptionsChangedHandler"],[0,"nylasFormSwitchToggled","switchToggledHandler"],[0,"nylasFormCheckboxToggled","checkboxToggledHandler"],[0,"nylasFormRadioChanged","radioChangedHandler"],[0,"nylasFormDropdownDefaultSelected","dropdownDefaultSelectedHandler"]],{"bookingInfo":["bookingInfoChangedHandler"],"configSettings":["configSettingsChangedHandler"],"themeConfig":["themeConfigChanged"]}],[1,"nylas-cancel-booking-form",{"cancelBookingId":[1,"cancel-booking-id"],"rejectBookingId":[1,"reject-booking-id"],"selectedTimeslot":[16],"configSettings":[16],"eventInfo":[16],"isLoading":[4,"is-loading"],"themeConfig":[8,"theme-config"],"cancellationReason":[32],"cancellationError":[32],"cancellationPolicy":[32]},[[0,"nylasFormInputChanged","handleNylasFormInputChanged"]],{"configSettings":["configSettingsChangedHandler"],"themeConfig":["themeConfigChanged"]}],[1,"nylas-booked-event-card",{"eventInfo":[16],"rescheduleBookingId":[1,"reschedule-booking-id"],"bookingInfo":[8,"booking-info"],"configSettings":[16],"isLoading":[4,"is-loading"],"themeConfig":[8,"theme-config"],"selectedTimezone":[1,"selected-timezone"],"selectedTimeslot":[16],"selectedLanguage":[1,"selected-language"],"hour12":[4,"hour-1-2"],"startTime":[32],"endTime":[32]},null,{"themeConfig":["themeConfigChanged"]}],[1,"nylas-locale-switch",{"themeConfig":[8,"theme-config"],"bookingInfo":[16],"selectedTimezone":[1025,"selected-timezone"],"selectedLanguage":[1025,"selected-language"]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"themeConfig":["themeConfigChanged"],"bookingInfo":["bookingInfoChangedHandler"]}],[1,"nylas-cancelled-event-card",{"configSettings":[16],"themeConfig":[8,"theme-config"],"cancelledEventInfo":[16],"isClosing":[32]},null,{"themeConfig":["themeConfigChanged"]}],[1,"nylas-confirmed-event-card",{"configSettings":[16],"themeConfig":[8,"theme-config"],"confirmedEventInfo":[16],"isClosing":[32]},null,{"themeConfig":["themeConfigChanged"]}],[1,"nylas-date-picker",{"selectableDates":[16],"configSettings":[16],"themeConfig":[8,"theme-config"],"selectedTimezone":[1,"selected-timezone"],"selectedDate":[16],"selectedLanguage":[1,"selected-language"],"isLoading":[4,"is-loading"],"eventDuration":[2,"event-duration"],"month":[32],"dates":[32],"disableNextMonthButton":[32]},null,{"configSettings":["configSettingsChanged"],"selectedLanguage":["selectedLanguageChanged"],"themeConfig":["themeConfigChanged"],"selectedDate":["selectedDateChanged"]}],[1,"nylas-organizer-confirmation-card",{"configSettings":[16],"isLoading":[4,"is-loading"],"themeConfig":[8,"theme-config"],"organizerConfirmationBookingId":[1,"organizer-confirmation-booking-id"],"selectedLanguage":[1,"selected-language"],"action":[32],"resetAction":[64]},null,{"themeConfig":["themeConfigChanged"]}],[1,"nylas-notification",{"ttl":[8],"allowedCategories":[16],"notifications":[32]},[[16,"nylasSchedulerError","onError"],[16,"nylasSchedulerWarning","onWarning"],[16,"nylasSchedulerInfo","onInfo"],[16,"nylasSchedulerSuccess","onSuccess"]]],[1,"nylas-selected-event-card",{"themeConfig":[8,"theme-config"],"selectedDate":[16],"selectedTimeslot":[16],"selectedTimezone":[1,"selected-timezone"],"selectedLanguage":[1,"selected-language"],"hour12":[4,"hour-1-2"],"startTime":[32],"endTime":[32]},null,{"themeConfig":["themeConfigChanged"]}],[1,"nylas-timeslot-picker",{"availability":[16],"isLoading":[4,"loading-state"],"themeConfig":[8,"theme-config"],"selectedTimeslot":[16],"selectedTimezone":[1,"selected-timezone"],"selectedDate":[16],"selectedLanguage":[1,"selected-language"],"hour12":[4,"hour-1-2"],"times":[32],"hoveredTimeslotIndex":[32],"selectedTimeslotIndex":[32],"emitValidateTimeslotError":[64]},null,{"selectedLanguage":["selectedLanguageChanged"],"selectedDate":["selectedDateChanged"],"availability":["availabilityChanged"],"themeConfig":["themeConfigChanged"]}],[2,"nylas-logo",{"width":[1],"height":[1]}]]],["p-74dfe60e",[[65,"nylas-event-location",{"name":[1],"currentUser":[16],"userProvider":[1,"user-provider"],"eventConferencing":[16],"conferenceProviders":[16],"selectedConfiguration":[16],"eventLocation":[1,"event-location"],"selectedLanguage":[1,"selected-language"],"location":[32],"grantId":[32],"selectedLocationOption":[32],"userProviderState":[32],"locationOptions":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"currentUser":["currentUserChangedHandler"],"conferenceProviders":["conferenceProvidersChanged"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-additional-participants",{"name":[1],"selectedConfiguration":[16],"currentUser":[16],"currentUserCalendars":[16],"participantOptions":[16],"eventParticipants":[16],"roundRobinConfig":[4,"round-robin-config"],"selectedLanguage":[1,"selected-language"],"participants":[32],"participantErrors":[32],"includeOrganizerAsParticipant":[32],"isRoundRobinConfig":[32],"error":[32]},[[0,"inputOptionChanged","onInputOptionChanged"]],{"name":["elementNameChangedHandler"],"currentUser":["selectedConfigurationAndCurrentUserChangedHandler"],"selectedConfiguration":["selectedConfigurationAndCurrentUserChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[1,"nylas-feedback-form",{"themeConfig":[8,"theme-config"],"feedbackMessage":[32]},[[4,"nylasFormInputChanged","handleFormInputChanged"]]],[65,"nylas-reminder-time",{"name":[1],"eventReminderTimeMinutes":[2,"event-reminder-time-minutes"],"selectedLanguage":[1,"selected-language"],"selectedNumber":[32],"selectedPeriod":[32],"errorState":[32]},[[4,"nylasSuggestReminderMinutes","nylasSuggestReminderMinutesHandler"],[0,"timePeriodChanged","timePeriodChangedHandler"]],{"name":["elementNameChangedHandler"],"eventReminderTimeMinutes":["eventReminderTimeMinutesChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-event-description",{"selectedConfiguration":[16],"eventDescription":[1,"event-description"],"name":[1],"selectedLanguage":[1,"selected-language"],"hideAutoPopulateButton":[4,"hide-auto-populate-button"],"description":[32],"showTokens":[32],"availableTokens":[32],"filteredTokens":[32],"ariaActivedescendant":[32],"currentWord":[32],"validationError":[32],"additionalFieldTokens":[32]},[[4,"valueChanged","valueChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-event-title",{"selectedConfiguration":[16],"eventTitle":[1,"event-title"],"name":[1],"selectedLanguage":[1,"selected-language"],"showTokens":[32],"availableTokens":[32],"filteredTokens":[32],"ariaActivedescendant":[32],"currentWord":[32],"validationError":[32],"configEventTitle":[32],"additionalFieldTokens":[32]},[[8,"formSubmitted","formSubmittedHandler"],[4,"valueChanged","valueChangedHandler"]],{"name":["elementNameChangedHandler"],"ariaActivedescendant":["ariaActivedescendantChangedHandler"],"selectedConfiguration":["configChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[1,"input-color-picker",{"name":[1],"defaultSelectedColor":[1,"default-selected-color"],"selectedColor":[32],"isOpen":[32],"ariaActivedescendant":[32],"errorMessage":[32]},[[6,"click","handleOutsideClick"]]],[65,"input-image-url",{"imageUrl":[1,"image-url"],"errorMessage":[1,"error-message"],"name":[1],"currentImageUrl":[32],"error":[32]},[[0,"nylasFormInputChanged","nylasFormInputChangedHandler"],[0,"nylasFormInputBlurred","nylasFormInputBlurHandler"]],{"name":["elementNameChangedHandler"],"errorMessage":["errorMessageChangedHandler"]}],[65,"nylas-event-info",{"selectedLanguage":[1,"selected-language"]},null,{"selectedLanguage":["selectedLanguageChangedHandler"]}],[2,"checkmark-icon",{"width":[1],"height":[1]}],[2,"dragable-icon",{"width":[1],"height":[1]}],[2,"eye-icon",{"width":[1],"height":[1]}],[2,"feedback-icon",{"width":[1],"height":[1]}],[2,"trash-icon",{"width":[1],"height":[1]}],[2,"copy-icon",{"width":[1],"height":[1]}]]],["p-7b787c73",[[65,"nylas-participants-custom-availability",{"selectedConfiguration":[16],"name":[1],"participants":[16],"selectedLanguage":[1,"selected-language"],"selectedParticipants":[32]},[[0,"nylasFormSwitchToggled","nylasFormSwitchToggledHandler"],[0,"valueChanged","handleValueChanged"]],{"name":["elementNameChangedHandler"],"participants":["participantsChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-limit-future-bookings",{"selectedConfiguration":[16],"availableDaysInFuture":[2,"available-days-in-future"],"name":[1],"selectedLanguage":[1,"selected-language"],"selectedNumber":[32],"selectedPeriod":[32]},[[0,"timePeriodChanged","timePeriodChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-min-booking-notice",{"selectedConfiguration":[16],"name":[1],"minBookingNotice":[2,"min-booking-notice"],"selectedLanguage":[1,"selected-language"],"selectedNumber":[32],"selectedPeriod":[32]},[[0,"timePeriodChanged","timePeriodChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-booking-confirmation-redirect",{"selectedConfiguration":[16],"name":[1],"redirectUrl":[1,"redirect-url"],"redirectUrlErrorMessage":[1,"redirect-url-error-message"],"selectedLanguage":[1,"selected-language"],"currentRedirectUrl":[32],"acceptUrl":[32],"componentLoaded":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"],[0,"nylasFormInputBlurred","nylasFormInputBlurHandler"],[4,"formSubmitted","formSubmittedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-connected-calendars",{"name":[1],"selectedConfiguration":[16],"participants":[16],"calendars":[16],"participantOptions":[16],"selectedLanguage":[1,"selected-language"],"selectedCalendars":[32],"participantCalendars":[32],"participantDefaultSelectedCalendars":[32]},[[0,"valueChanged","handleValueChanged"]],{"name":["elementNameChangedHandler"],"calendars":["calendarsChangedHandler"],"participants":["participantsChangedHandler"],"participantOptions":["participantOptionsChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-participant-booking-calendars",{"selectedConfiguration":[16],"name":[1],"participants":[16],"calendars":[16],"participantOptions":[16],"selectedLanguage":[1,"selected-language"],"selectedCalendars":[32],"participantCalendars":[32],"participantDefaultSelectedCalendar":[32]},[[0,"valueChanged","handleValueChanged"]],{"name":["elementNameChangedHandler"],"calendars":["calendarsChangedHandler"],"participants":["participantsChangedHandler"],"participantOptions":["participantOptionsChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-timeslot-interval",{"selectedConfiguration":[16],"name":[1],"eventDurationMinutes":[2,"event-duration-minutes"],"selectedLanguage":[1,"selected-language"],"internalEventDurationMinutes":[32],"selectedInterval":[32],"selectedRoundTo":[32],"componentLoaded":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"],[0,"nylasFormRadioChanged","nylasFormRadioChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-booking-confirmation-type",{"selectedConfiguration":[16],"name":[1],"bookingType":[1,"booking-type"],"showComponent":[4,"show-component"],"selectedLanguage":[1,"selected-language"],"selectedBookingType":[32],"showDropdown":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-buffer-time",{"selectedConfiguration":[16],"name":[1],"buffer":[16],"selectedLanguage":[1,"selected-language"],"selectedBeforeBufferTime":[32],"selectedAfterBufferTime":[32],"componentLoaded":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-event-duration",{"selectedConfiguration":[16],"name":[1],"eventDurationMinutes":[2,"event-duration-minutes"],"selectedLanguage":[1,"selected-language"],"duration":[32],"durationMinutes":[32],"durationIncrement":[32],"error":[32],"durationMinutesOptions":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"],[0,"inputOptionChanged","inputOptionChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-disable-emails",{"selectedConfiguration":[16],"name":[1],"selectedLanguage":[1,"selected-language"]},[[0,"nylasFormSwitchToggled","nyalsFormSwitchToggledHandler"]],{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-custom-booking-flow",{"selectedLanguage":[1,"selected-language"]},null,{"selectedLanguage":["selectedLanguageChangedHandler"]}],[2,"calendar-info-icon",{"width":[1],"height":[1]}],[2,"calendar-patterns-icon",{"width":[1],"height":[1]}],[2,"people-icon",{"width":[1],"height":[1]}],[65,"nylas-reminder-emails",{"selectedConfiguration":[16],"eventReminders":[16],"name":[1],"selectedLanguage":[1,"selected-language"],"reminders":[32],"reminderErrors":[32],"participants":[32],"clearError":[32]},[[0,"valueChanged","handleValueChanged"],[0,"nylasFormDropdownChanged","handleNylasFormDropdownChanged"],[0,"nylasFormInputChanged","handleNylasFormInputChanged"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-confirmation-email",{"selectedConfiguration":[16],"confirmationEmailTemplate":[16],"participants":[16],"name":[1],"nylasBranding":[4,"nylas-branding"],"isOpen":[4,"is-open"],"selectedLanguage":[1,"selected-language"],"confirmationEmail":[32],"isConfirmationEmailOpen":[32],"participantsState":[32],"invalidImageErrorMessage":[32]},[[0,"nylasFormInputChanged","nylasFormInputChangeHandler"],[0,"valueChanged","valueChangedHandler"],[0,"nylasFormInputImageUrlInvalid","nylasFormInputImageUrlInvalidHandler"],[0,"nylasFormSwitchToggled","nyalsFormSwitchToggledHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"nylasBranding":["nylasBrandingChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-availability-picker",{"name":[1],"selectedConfiguration":[16],"openHours":[16],"defaultTimezone":[1,"default-timezone"],"hideHeader":[4,"hide-header"],"selectedLanguage":[1,"selected-language"],"schedule":[32],"timezone":[32],"overlapDays":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"],[0,"timeChange","setTime"],[0,"timeWindowFormError","setFormError"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["configChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-booking-form-config",{"selectedConfiguration":[16],"name":[1],"additionalFields":[16],"selectedLanguage":[1,"selected-language"],"formFields":[32],"formFieldsOrder":[32],"count":[32],"watchFields":[32],"fieldTypes":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"],[0,"nylasFormInputChanged","nylasFormInputChangedHandler"],[4,"valueChanged","valueChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-min-cancellation-notice",{"selectedConfiguration":[16],"name":[1],"minCancellationNotice":[2,"min-cancellation-notice"],"selectedLanguage":[1,"selected-language"],"selectedNumber":[32],"selectedPeriod":[32]},[[0,"timePeriodChanged","timePeriodChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-custom-event-slug",{"selectedConfiguration":[16],"defaultUrlSlug":[1,"default-url-slug"],"isOpen":[4,"is-open"],"slugErrorMessage":[1,"slug-error-message"],"name":[1],"requiresSlug":[4,"requires-slug"],"selectedLanguage":[1,"selected-language"],"urlSlug":[32],"focus":[32],"copied":[32]},[[0,"nylasFormInputChanged","nylasFormInputChangeHandler"],[0,"nylasFormInputFocused","nylasFormInputFocusHandler"],[0,"nylasFormInputBlurred","nylasFormInputBlurHandler"],[8,"formSubmitted","formSubmittedHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-scheduling-method",{"selectedConfiguration":[16],"name":[1],"participantOptions":[16],"readOnly":[4,"read-only"],"selectedLanguage":[1,"selected-language"],"selectedBookingType":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"]}],[65,"nylas-booking-calendar-picker",{"calendars":[16],"currentUser":[16],"currentUserCalendars":[16],"name":[1],"defaultBookingCalendar":[1,"default-booking-calendar"],"hideHeader":[4,"hide-header"],"expressFlow":[4,"express-flow"],"selectedLanguage":[1,"selected-language"],"selectedCalendar":[32]},[[0,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"]],{"name":["elementNameChangedHandler"],"currentUserCalendars":["currentUserCalendarsChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-calendar-picker",{"name":[1],"currentUser":[16],"calendars":[16],"defaultSelectedCalendars":[16],"selectedLanguage":[1,"selected-language"],"selectedCalendars":[32],"error":[32]},[[0,"selectedOptionsChanged","selectedOptionsChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-page-name",{"selectedConfiguration":[16],"name":[1],"pageName":[1,"page-name"],"showToggle":[4,"show-toggle"],"isOpen":[4,"is-open"],"required":[4],"selectedLanguage":[1,"selected-language"],"currentPageName":[32],"pageNameErrorMessage":[32]},[[0,"nylasFormInputChanged","nylasFormInputChangeHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-customize-booking-settings",{"selectedConfiguration":[16],"defaultHideAdditionalGuests":[4,"default-hide-additional-guests"],"defaultHideCancellationOptions":[4,"default-hide-cancellation-options"],"defaultHideReschedulingOptions":[4,"default-hide-rescheduling-options"],"name":[1],"selectedLanguage":[1,"selected-language"],"allowGuestsToInvite":[32],"hideCancellationOptions":[32],"hideReschedulingOptions":[32]},[[0,"nylasFormCheckboxToggled","checkboxToggledHandler"]],{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-cancellation-policy",{"selectedConfiguration":[16],"cancellationPolicy":[1,"cancellation-policy"],"name":[1],"selectedLanguage":[1,"selected-language"],"message":[32]},null,{"name":["elementNameChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"]}],[65,"nylas-page-styling",{"selectedConfiguration":[16],"name":[1],"appearance":[16],"isOpen":[4,"is-open"],"selectedLanguage":[1,"selected-language"],"currentAppearance":[32],"customInputsSlot":[32]},[[4,"nylasFormInputChanged","nylasFormInputChangeHandler"],[4,"nylasFormDropdownChanged","nylasFormDropdownChangedHandler"],[4,"valueChanged","valueChangedHandler"],[4,"nylasFormCheckboxToggled","checkboxToggledHandler"],[4,"nylasFormRadioChanged","radioChangedHandler"]],{"name":["elementNameChangedHandler"],"selectedLanguage":["selectedLanguageChangedHandler"],"selectedConfiguration":["selectedConfigurationChangedHandler"]}],[65,"nylas-event-limits",{"selectedLanguage":[1,"selected-language"]},null,{"selectedLanguage":["selectedLanguageChangedHandler"]}],[2,"calendar-agenda-fill-icon",{"width":[1],"height":[1]}],[2,"calendar-agenda-icon",{"width":[1],"height":[1]}],[2,"envelope-fill-icon",{"width":[1],"height":[1]}],[2,"envelope-icon",{"width":[1],"height":[1]}],[2,"flow-icon",{"width":[1],"height":[1]}],[2,"paintbrush-fill-icon",{"width":[1],"height":[1]}],[2,"paintbrush-icon",{"width":[1],"height":[1]}]]]]'),e)}));
 //# sourceMappingURL=nylas-web-elements.esm.js.map

package/dist/nylas-web-elements/nylas-web-elements.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/.pnpm/@stencil+core@4.12.0/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.12.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAKA,MAAMA,EAAe,KAajB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACrD,CACI,OAAOC,EAAeJ,EAAK,ECnB/BH,IAAeQ,MAAKC,IAClBC,IACA,OAAOC,EAAcC,KAAAC,MAAA,yzrCAAuCJ,EAAA"}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/.pnpm/@stencil+core@4.12.0/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.12.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAKA,MAAMA,EAAe,KAajB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACrD,CACI,OAAOC,EAAeJ,EAAK,ECnB/BH,IAAeQ,MAAKC,IAClBC,IACA,OAAOC,EAAcC,KAAAC,MAAA,uxrCAAuCJ,EAAA"}

package/dist/nylas-web-elements/{p-c3cfe486.entry.js → p-09bbd467.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as o,a as s}from"./p-6f5a3998.js";import{i as r}from"./p-6c2ba972.js";import{a as i,i as n}from"./p-77e4b56c.js";import"./p-c79dcb59.js";const d=':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--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}@media screen and (max-width: 768px){:host{position:unset}}.dropdown{display:inline-block}.dropbtn{color:var(--nylas-base-800);padding:10px;font-size:16px;font-family:var(--nylas-font-family);cursor:pointer;display:flex;gap:0.5rem;background:transparent;border:none;border-radius:var(--nylas-border-radius-2x);width:50px;padding:14px 16px;border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:transparent}.dropbtn:hover,.dropbtn:active{outline:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn span.chevron{display:flex;align-self:center}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropbtn span.selected-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:144px;font-size:14px;line-height:20px}@media screen and (max-width: 768px){.dropbtn span.selected-option{max-width:124px;font-size:16px}}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);max-width:306px;width:max-content;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1)}@media screen and (max-width: 768px){.dropdown-content{right:0;width:325px;max-width:unset}}.search-box{border-bottom:1px solid var(--nylas-base-200);padding:10px;position:sticky;top:0;background:var(--nylas-base-0)}.search-box .icon{position:absolute;top:1.25rem;left:1.25rem;color:var(--nylas-base-300)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:var(--nylas-base-900);padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content .selected{background-color:#e7e7e7}input[type=text]{width:-webkit-fill-available;padding:inherit;border:1px solid #ccc;border-radius:4px;position:sticky;background:no-repeat scroll 7px 7px;padding-left:30px;background-size:16px 16px}';const a=d;const l=class{constructor(o){e(this,o);this.inputOptionChanged=t(this,"inputOptionChanged",7);this.name=undefined;this.options=[];this.defaultInputOption=undefined;this.inputValue=undefined;this.pluralizedLabel="";this.filterable=false;this.selectedOption=this.defaultInputOption||null;this.isOpen=false;this.typedValue="";this.filteredOptions=[...this.options];this.ariaActivedescendant="";this.shouldAutoScroll=false}optionsChangedHandler(e,t){if(e===t){return}this.filteredOptions=this.getFilteredOptions(e)}defaultSelectedOptionChangedHandler(e,t){if(e?.label===t?.label){return}this.selectedOption=e}inputValueChangedHandler(e,t){if(e===t){return}this.filteredOptions=this.getFilteredOptions(this.options)}componentWillLoad(){this.filteredOptions=this.getFilteredOptions(this.options);if(!this.selectedOption&&!!this.defaultInputOption){this.selectedOption=this.defaultInputOption}if(!this.selectedOption&&this.options.length>0){this.selectedOption=this.options[0]}}getFilteredOptions(e){if(!this.filterable){return e}return e.filter((e=>e?.value?.toString().toLowerCase().includes(this.typedValue?.toLowerCase())||e?.label?.toLowerCase().includes(this.typedValue?.toLowerCase())))}toggleDropdown(){this.isOpen=!this.isOpen}selectOption(e){this.selectedOption=e;this.toggleDropdown();this.inputOptionChanged.emit({value:e.value,name:this.name})}handleOnInput(e){const t=e.target.value;this.typedValue=t;const o=this.options.findIndex((e=>e.label.toLowerCase().includes(t.toLowerCase())));if(o>-1){this.scrollToViewWithinParent(o)}this.inputOptionChanged.emit({value:t,name:this.name})}scrollToViewWithinParent(e){const t=this.options[e];const o=this.el.shadowRoot?.getElementById(t.value.toString());const s=this.optionsRef;this.ariaActivedescendant=t.value.toString();if(!o||!s)return;const r=o.getBoundingClientRect();const i=s.getBoundingClientRect();if(r.top<i.top){s.scrollTop-=i.top-r.top}else if(r.bottom>i.bottom){s.scrollTop+=r.bottom-i.bottom}}handleSelectButtonKeyDown(e){switch(e.key){case"ArrowDown":case"Enter":e.preventDefault();if(!this.isOpen){this.toggleDropdown()}this.inputRef?.focus();break;case"Escape":this.isOpen=false;break}}handleClick(e){if(this.isOpen){const t=e.target.value;const o=this.options.findIndex((e=>e.label.toLowerCase().includes(t.toLowerCase())));if(o>-1){setTimeout((()=>{this.scrollToViewWithinParent(o)}),10)}}}handleListboxKeydown(e){const t=this.filteredOptions;const o=t.findIndex((e=>e.value===this.ariaActivedescendant));if(e.key==="ArrowDown"||e.key==="Tab"&&!e.shiftKey){e.preventDefault();if(o===t.length-1){this.ariaActivedescendant="";this.inputRef?.focus();return}const s=o+1<t.length?o+1:0;this.ariaActivedescendant=t[s].value;this.focusOption(s)}else if(e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey){e.preventDefault();if(o===0){this.ariaActivedescendant="";this.inputRef?.focus();return}const s=o-1>=0?o-1:t.length-1;this.ariaActivedescendant=t[s].value;this.focusOption(s)}else if(e.key==="Enter"){e.preventDefault();if(this.ariaActivedescendant){this.selectOption(t[o])}}else if(e.key==="Escape"){this.isOpen=false}}focusOption(e){const t=this.filteredOptions[e];if(!t)return;const o=t.value;const s=this.el.shadowRoot?.getElementById(o);if(s){s.focus();s.scrollIntoView({behavior:"smooth",block:"nearest"})}}handleComboboxKeyDown(e){if(e.key==="ArrowDown"||e.key=="Tab"&&!e.shiftKey){e.preventDefault();if(!this.isOpen){this.isOpen=true;this.shouldAutoScroll=true;return}this.ariaActivedescendant=this.filteredOptions[0].value;this.focusOption(0)}else if(e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey){e.preventDefault();this.ariaActivedescendant=this.filteredOptions[this.filteredOptions.length-1].value;this.focusOption(this.filteredOptions.length-1)}else if(e.key==="Escape"){this.isOpen=false}}handleOutsideClick(e){const t=e.composedPath();const o=t.includes(this.el);if(!o&&this.isOpen){this.isOpen=false}}render(){return o("div",{key:"806fa6a509d7a7c78bf6ee1de1dd4cd7a755bab4",class:"dropdown",part:"id_dropdown"},o("input",{key:"b594d3517fba52cb85e95220c6d415d672c26a71",type:"text",name:this.name,id:this.name,part:"id_dropdown-input",class:{dropbtn:true,open:this.isOpen},value:this.inputValue,onClick:e=>{this.toggleDropdown();this.shouldAutoScroll=true;this.handleClick(e)},"aria-haspopup":"listbox","aria-label":this.name,"aria-expanded":this.isOpen?"true":"false",onKeyDown:e=>this.handleComboboxKeyDown(e),onInput:e=>this.handleOnInput(e)}),this.isOpen?o("div",{class:"dropdown-content",part:"id_dropdown-content",ref:e=>this.optionsRef=e},o("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:e=>this.handleListboxKeydown(e)},this.filteredOptions.map((e=>o("li",{tabindex:"0",key:e.value,id:e.value,onClick:()=>this.selectOption(e),role:"option",class:{focused:this.ariaActivedescendant===e.value.toString()}},e.labelHTML?e.labelHTML:e.label))))):null)}get el(){return s(this)}static get watchers(){return{options:["optionsChangedHandler"],defaultInputOption:["defaultSelectedOptionChangedHandler"],inputValue:["inputValueChangedHandler"]}}};l.style=a;const p=".time-period-selector.sc-time-period-selector{display:grid;gap:0.5rem;grid-template-columns:auto 1fr}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector,.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector{width:116px}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector{width:84px;display:flex;align-items:center}.time-period-selector.sc-time-period-selector select-dropdown#time-period.sc-time-period-selector::part(sd_dropdown-button){width:100%}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown){width:inherit;height:100%}.time-period-selector.sc-time-period-selector input-dropdown#time-number.sc-time-period-selector::part(id_dropdown-input){border:none;border-radius:var(--nylas-border-radius-2x)}.time-period-selector.sc-time-period-selector input-dropdown#time-number.error.sc-time-period-selector::part(id_dropdown-input){border:1px solid var(--nylas-error)}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector:hover{outline:1px solid var(--nylas-primary);border:none}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown-input){padding:16px;gap:1rem}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown-input):hover{border:none;outline:none}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown-content){width:100%;max-height:200px}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown){width:inherit;height:100%}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown_label){height:100%}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown-button){padding:1rem;gap:1rem;justify-content:space-between;border:none;align-items:center;height:100%}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown-content){width:100%;max-height:200px}";const c=p;const h={hours:"hour",days:"day",weeks:"week",months:"month",years:"year"};const u=class{constructor(o){e(this,o);this.timePeriodChanged=t(this,"timePeriodChanged",7);this.timePeriods=r;this.defaultSelectedPeriod=undefined;this.defaultSelectedNumber=undefined;this.hasError=false;this.selectedPeriod=this.defaultSelectedPeriod;this.selectedNumber=this.defaultSelectedNumber;this.numberOptions=this.calculateOptions(this.defaultSelectedPeriod||"hour").map((e=>({label:e.toString(),value:e.toString()})));this.timePeriodOptions=this.timePeriods.map((e=>({label:e.label,value:e.value})))}defaultSelectedPeriodChanged(e){this.selectedPeriod=e;this.updateNumberOptionsAndSelectedNumber(e)}defaultSelectedNumberChanged(e){this.selectedNumber=e}timePeriodsChanged(e){this.timePeriodOptions=[...e]}componentDidLoad(){this.selectedNumber=this.defaultSelectedNumber;this.selectedPeriod=this.defaultSelectedPeriod;const e=h[this.selectedPeriod]??this.selectedPeriod;const t=this.calculateOptions(e);this.numberOptions=t.map((e=>({label:e.toString(),value:e.toString()})))}calculateOptions(e){switch(e){case"hour":return Array.from({length:23},((e,t)=>t+1));case"minute":return Array.from({length:13},((e,t)=>t*5));case"day":return Array.from({length:30},((e,t)=>t+1));case"week":return Array.from({length:4},((e,t)=>t+1));case"month":return Array.from({length:12},((e,t)=>t+1));case"year":return Array.from({length:10},((e,t)=>t+1));default:return[]}}inputOptionChangedHandler(e){i("time-period-selector","inputOptionChangedHandler",e.detail);const{value:t,name:o}=e.detail;if(o==="time-number"){this.selectedNumber=t?parseInt(t):this.defaultSelectedNumber}const s={number:this.selectedNumber,period:this.selectedPeriod};this.timePeriodChanged.emit(s)}nylasFormDropdownChangedHandler(e){i("time-period-selector","nylasFormDropdownChangedHandler",e.detail);const{value:t,name:o}=e.detail;if(o==="time-period"){this.selectedPeriod=t;this.updateNumberOptionsAndSelectedNumber(t)}else if(o==="time-number"){this.selectedNumber=parseInt(t)}const s={number:this.selectedNumber,period:this.selectedPeriod};this.timePeriodChanged.emit(s)}updateNumberOptionsAndSelectedNumber(e){const t=this.calculateOptions(e);this.numberOptions=t.map((e=>({label:e.toString(),value:e.toString()})))}render(){return o("div",{key:"e482a321073bccd2cef6b05f4e6ad95cd3386b3a",class:"time-period-selector"},typeof this.selectedNumber=="number"&&o("input-dropdown",{id:"time-number",name:"time-number",class:{error:this.hasError},inputValue:this.selectedNumber.toString(),exportparts:"id_dropdown: tps__number-dropdown, id_dropdown-input: tps__number-dropdown-button, id_dropdown-content: tps__number-dropdown-content",options:this.numberOptions,defaultInputOption:this.numberOptions.find((e=>e.value==this.selectedNumber.toString()))}),typeof this.selectedPeriod=="string"&&o("select-dropdown",{id:"time-period",name:"time-period",options:this.timePeriodOptions,exportparts:"sd_dropdown: tps__period-dropdown, sd_dropdown-button: tps__period-dropdown-button, sd_dropdown-content: tps__period-dropdown-content",pluralizedLabel:this.selectedNumber>1?n.t(`time.${this.selectedPeriod}s`):n.t(`time.${this.selectedPeriod}`),defaultSelectedOption:this.timePeriodOptions?.find((e=>e.value==this.selectedPeriod)),withSearch:false}))}get host(){return s(this)}static get watchers(){return{defaultSelectedPeriod:["defaultSelectedPeriodChanged"],defaultSelectedNumber:["defaultSelectedNumberChanged"],timePeriods:["timePeriodsChanged"]}}};u.style=c;export{l as input_dropdown,u as time_period_selector};
-//# sourceMappingURL=p-c3cfe486.entry.js.map
+import{r as e,c as t,h as o,a as s}from"./p-6f5a3998.js";import{i as r}from"./p-6c2ba972.js";import{a as i,i as n}from"./p-77e4b56c.js";import"./p-c79dcb59.js";const d=':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--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}@media screen and (max-width: 768px){:host{position:unset}}.dropdown{display:inline-block}.dropbtn{color:var(--nylas-base-800);padding:10px;font-size:16px;font-family:var(--nylas-font-family);cursor:pointer;display:flex;gap:0.5rem;background:transparent;border:none;border-radius:var(--nylas-border-radius-2x);width:50px;padding:14px 16px;border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:transparent}.dropbtn:hover,.dropbtn:active{outline:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn span.chevron{display:flex;align-self:center}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropbtn span.selected-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:144px;font-size:14px;line-height:20px}@media screen and (max-width: 768px){.dropbtn span.selected-option{max-width:124px;font-size:16px}}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);max-width:306px;width:max-content;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1)}@media screen and (max-width: 768px){.dropdown-content{right:0;width:325px;max-width:unset}}.search-box{border-bottom:1px solid var(--nylas-base-200);padding:10px;position:sticky;top:0;background:var(--nylas-base-0)}.search-box .icon{position:absolute;top:1.25rem;left:1.25rem;color:var(--nylas-base-300)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:var(--nylas-base-900);padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content .selected{background-color:#e7e7e7}input[type=text]{width:-webkit-fill-available;padding:inherit;border:1px solid #ccc;border-radius:4px;position:sticky;background:no-repeat scroll 7px 7px;padding-left:30px;background-size:16px 16px}';const a=d;const l=class{constructor(o){e(this,o);this.inputOptionChanged=t(this,"inputOptionChanged",7);this.name=undefined;this.options=[];this.defaultInputOption=undefined;this.inputValue=undefined;this.pluralizedLabel="";this.filterable=false;this.selectedOption=this.defaultInputOption||null;this.isOpen=false;this.typedValue="";this.filteredOptions=[...this.options];this.ariaActivedescendant="";this.shouldAutoScroll=false}optionsChangedHandler(e,t){if(e===t){return}this.filteredOptions=this.getFilteredOptions(e)}defaultSelectedOptionChangedHandler(e,t){if(e?.label===t?.label){return}this.selectedOption=e}inputValueChangedHandler(e,t){if(e===t){return}this.filteredOptions=this.getFilteredOptions(this.options)}componentWillLoad(){this.filteredOptions=this.getFilteredOptions(this.options);if(!this.selectedOption&&!!this.defaultInputOption){this.selectedOption=this.defaultInputOption}if(!this.selectedOption&&this.options.length>0){this.selectedOption=this.options[0]}}getFilteredOptions(e){if(!this.filterable){return e}return e.filter((e=>e?.value?.toString().toLowerCase().includes(this.typedValue?.toLowerCase())||e?.label?.toLowerCase().includes(this.typedValue?.toLowerCase())))}toggleDropdown(){this.isOpen=!this.isOpen}selectOption(e){this.selectedOption=e;this.toggleDropdown();this.inputOptionChanged.emit({value:e.value,name:this.name})}handleOnInput(e){const t=e.target.value;this.typedValue=t;const o=this.options.findIndex((e=>e.label.toLowerCase().includes(t.toLowerCase())));if(o>-1){this.scrollToViewWithinParent(o)}this.inputOptionChanged.emit({value:t,name:this.name})}scrollToViewWithinParent(e){const t=this.options[e];const o=this.el.shadowRoot?.getElementById(t.value.toString());const s=this.optionsRef;this.ariaActivedescendant=t.value.toString();if(!o||!s)return;const r=o.getBoundingClientRect();const i=s.getBoundingClientRect();if(r.top<i.top){s.scrollTop-=i.top-r.top}else if(r.bottom>i.bottom){s.scrollTop+=r.bottom-i.bottom}}handleSelectButtonKeyDown(e){switch(e.key){case"ArrowDown":case"Enter":e.preventDefault();if(!this.isOpen){this.toggleDropdown()}this.inputRef?.focus();break;case"Escape":this.isOpen=false;break}}handleClick(e){if(this.isOpen){const t=e.target.value;const o=this.options.findIndex((e=>e.label.toLowerCase().includes(t.toLowerCase())));if(o>-1){setTimeout((()=>{this.scrollToViewWithinParent(o)}),10)}}}handleListboxKeydown(e){const t=this.filteredOptions;const o=t.findIndex((e=>e.value===this.ariaActivedescendant));if(e.key==="ArrowDown"||e.key==="Tab"&&!e.shiftKey){e.preventDefault();if(o===t.length-1){this.ariaActivedescendant="";this.inputRef?.focus();return}const s=o+1<t.length?o+1:0;this.ariaActivedescendant=t[s].value;this.focusOption(s)}else if(e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey){e.preventDefault();if(o===0){this.ariaActivedescendant="";this.inputRef?.focus();return}const s=o-1>=0?o-1:t.length-1;this.ariaActivedescendant=t[s].value;this.focusOption(s)}else if(e.key==="Enter"){e.preventDefault();if(this.ariaActivedescendant){this.selectOption(t[o])}}else if(e.key==="Escape"){this.isOpen=false}}focusOption(e){const t=this.filteredOptions[e];if(!t)return;const o=t.value;const s=this.el.shadowRoot?.getElementById(o);if(s){s.focus();s.scrollIntoView({behavior:"smooth",block:"nearest"})}}handleComboboxKeyDown(e){if(e.key==="ArrowDown"||e.key=="Tab"&&!e.shiftKey){e.preventDefault();if(!this.isOpen){this.isOpen=true;this.shouldAutoScroll=true;return}this.ariaActivedescendant=this.filteredOptions[0].value;this.focusOption(0)}else if(e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey){e.preventDefault();this.ariaActivedescendant=this.filteredOptions[this.filteredOptions.length-1].value;this.focusOption(this.filteredOptions.length-1)}else if(e.key==="Escape"){this.isOpen=false}}handleOutsideClick(e){const t=e.composedPath();const o=t.includes(this.el);if(!o&&this.isOpen){this.isOpen=false}}render(){return o("div",{key:"b5f8adbd8c32d84c7036ee60e8ccebbb4e93cd95",class:"dropdown",part:"id_dropdown"},o("input",{key:"648b04531c8d403b972b439943482758ca961a83",type:"text",name:this.name,id:this.name,part:"id_dropdown-input",class:{dropbtn:true,open:this.isOpen},value:this.inputValue,onClick:e=>{this.toggleDropdown();this.shouldAutoScroll=true;this.handleClick(e)},"aria-haspopup":"listbox","aria-label":this.name,"aria-expanded":this.isOpen?"true":"false",onKeyDown:e=>this.handleComboboxKeyDown(e),onInput:e=>this.handleOnInput(e)}),this.isOpen?o("div",{class:"dropdown-content",part:"id_dropdown-content",ref:e=>this.optionsRef=e},o("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:e=>this.handleListboxKeydown(e)},this.filteredOptions.map((e=>o("li",{tabindex:"0",key:e.value,id:e.value,onClick:()=>this.selectOption(e),role:"option",class:{focused:this.ariaActivedescendant===e.value.toString()}},e.labelHTML?e.labelHTML:e.label))))):null)}get el(){return s(this)}static get watchers(){return{options:["optionsChangedHandler"],defaultInputOption:["defaultSelectedOptionChangedHandler"],inputValue:["inputValueChangedHandler"]}}};l.style=a;const p=".time-period-selector.sc-time-period-selector{display:grid;gap:0.5rem;grid-template-columns:auto 1fr}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector,.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector{width:116px}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector{width:84px;display:flex;align-items:center}.time-period-selector.sc-time-period-selector select-dropdown#time-period.sc-time-period-selector::part(sd_dropdown-button){width:100%}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown){width:inherit;height:100%}.time-period-selector.sc-time-period-selector input-dropdown#time-number.sc-time-period-selector::part(id_dropdown-input){border:none;border-radius:var(--nylas-border-radius-2x)}.time-period-selector.sc-time-period-selector input-dropdown#time-number.error.sc-time-period-selector::part(id_dropdown-input){border:1px solid var(--nylas-error)}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector:hover{outline:1px solid var(--nylas-primary);border:none}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown-input){padding:16px;gap:1rem}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown-input):hover{border:none;outline:none}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown-content){width:100%;max-height:200px}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown){width:inherit;height:100%}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown_label){height:100%}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown-button){padding:1rem;gap:1rem;justify-content:space-between;border:none;align-items:center;height:100%}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown-content){width:100%;max-height:200px}";const c=p;const h={hours:"hour",days:"day",weeks:"week",months:"month",years:"year"};const u=class{constructor(o){e(this,o);this.timePeriodChanged=t(this,"timePeriodChanged",7);this.timePeriods=r;this.defaultSelectedPeriod=undefined;this.defaultSelectedNumber=undefined;this.hasError=false;this.selectedPeriod=this.defaultSelectedPeriod;this.selectedNumber=this.defaultSelectedNumber;this.numberOptions=this.calculateOptions(this.defaultSelectedPeriod||"hour").map((e=>({label:e.toString(),value:e.toString()})));this.timePeriodOptions=this.timePeriods.map((e=>({label:e.label,value:e.value})))}defaultSelectedPeriodChanged(e){this.selectedPeriod=e;this.updateNumberOptionsAndSelectedNumber(e)}defaultSelectedNumberChanged(e){this.selectedNumber=e}timePeriodsChanged(e){this.timePeriodOptions=[...e]}componentDidLoad(){this.selectedNumber=this.defaultSelectedNumber;this.selectedPeriod=this.defaultSelectedPeriod;const e=h[this.selectedPeriod]??this.selectedPeriod;const t=this.calculateOptions(e);this.numberOptions=t.map((e=>({label:e.toString(),value:e.toString()})))}calculateOptions(e){switch(e){case"hour":return Array.from({length:23},((e,t)=>t+1));case"minute":return Array.from({length:13},((e,t)=>t*5));case"day":return Array.from({length:30},((e,t)=>t+1));case"week":return Array.from({length:4},((e,t)=>t+1));case"month":return Array.from({length:12},((e,t)=>t+1));case"year":return Array.from({length:10},((e,t)=>t+1));default:return[]}}inputOptionChangedHandler(e){i("time-period-selector","inputOptionChangedHandler",e.detail);const{value:t,name:o}=e.detail;if(o==="time-number"){this.selectedNumber=t?parseInt(t):this.defaultSelectedNumber}const s={number:this.selectedNumber,period:this.selectedPeriod};this.timePeriodChanged.emit(s)}nylasFormDropdownChangedHandler(e){i("time-period-selector","nylasFormDropdownChangedHandler",e.detail);const{value:t,name:o}=e.detail;if(o==="time-period"){this.selectedPeriod=t;this.updateNumberOptionsAndSelectedNumber(t)}else if(o==="time-number"){this.selectedNumber=parseInt(t)}const s={number:this.selectedNumber,period:this.selectedPeriod};this.timePeriodChanged.emit(s)}updateNumberOptionsAndSelectedNumber(e){const t=this.calculateOptions(e);this.numberOptions=t.map((e=>({label:e.toString(),value:e.toString()})))}render(){return o("div",{key:"9e0fdc7e29a1f2736f392fa3ce86add3290d8361",class:"time-period-selector"},typeof this.selectedNumber=="number"&&o("input-dropdown",{id:"time-number",name:"time-number",class:{error:this.hasError},inputValue:this.selectedNumber.toString(),exportparts:"id_dropdown: tps__number-dropdown, id_dropdown-input: tps__number-dropdown-button, id_dropdown-content: tps__number-dropdown-content",options:this.numberOptions,defaultInputOption:this.numberOptions.find((e=>e.value==this.selectedNumber.toString()))}),typeof this.selectedPeriod=="string"&&o("select-dropdown",{id:"time-period",name:"time-period",options:this.timePeriodOptions,exportparts:"sd_dropdown: tps__period-dropdown, sd_dropdown-button: tps__period-dropdown-button, sd_dropdown-content: tps__period-dropdown-content",pluralizedLabel:this.selectedNumber>1?n.t(`time.${this.selectedPeriod}s`):n.t(`time.${this.selectedPeriod}`),defaultSelectedOption:this.timePeriodOptions?.find((e=>e.value==this.selectedPeriod)),withSearch:false}))}get host(){return s(this)}static get watchers(){return{defaultSelectedPeriod:["defaultSelectedPeriodChanged"],defaultSelectedNumber:["defaultSelectedNumberChanged"],timePeriods:["timePeriodsChanged"]}}};u.style=c;export{l as input_dropdown,u as time_period_selector};
+//# sourceMappingURL=p-09bbd467.entry.js.map

package/dist/nylas-web-elements/p-09bbd467.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["inputDropdownCss","InputDropdownStyle0","InputDropdown","this","defaultInputOption","options","optionsChangedHandler","newValue","oldValue","filteredOptions","getFilteredOptions","defaultSelectedOptionChangedHandler","label","selectedOption","inputValueChangedHandler","componentWillLoad","length","filterable","filter","option","value","toString","toLowerCase","includes","typedValue","toggleDropdown","isOpen","selectOption","inputOptionChanged","emit","name","handleOnInput","event","target","optionIndex","findIndex","scrollToViewWithinParent","childElement","el","shadowRoot","getElementById","parentElement","optionsRef","ariaActivedescendant","childRect","getBoundingClientRect","parentRect","top","scrollTop","bottom","handleSelectButtonKeyDown","key","preventDefault","inputRef","focus","handleClick","setTimeout","handleListboxKeydown","e","items","currentIndex","item","shiftKey","nextIndex","focusOption","prevIndex","index","elementId","element","scrollIntoView","behavior","block","handleComboboxKeyDown","shouldAutoScroll","handleOutsideClick","path","composedPath","isClickInside","render","h","class","part","type","id","dropbtn","open","inputValue","onClick","onKeyDown","onInput","ref","tabindex","role","map","focused","labelHTML","timePeriodSelectorCss","TimePeriodSelectorStyle0","pluralToSingular","hours","days","weeks","months","years","TimePeriodSelector","TIME_PERIODS","defaultSelectedPeriod","defaultSelectedNumber","calculateOptions","i","timePeriods","defaultSelectedPeriodChanged","selectedPeriod","updateNumberOptionsAndSelectedNumber","defaultSelectedNumberChanged","selectedNumber","timePeriodsChanged","timePeriodOptions","componentDidLoad","period","numberOptions","Array","from","_","inputOptionChangedHandler","debug","detail","parseInt","selected","number","timePeriodChanged","nylasFormDropdownChangedHandler","error","hasError","exportparts","find","pluralizedLabel","i18next","t","defaultSelectedOption","withSearch"],"sources":["src/components/design-system/input-dropdown/input-dropdown.scss?tag=input-dropdown&encapsulation=shadow","src/components/design-system/input-dropdown/input-dropdown.tsx","src/components/design-system/time-period-selector/time-period-selector.scss?tag=time-period-selector&encapsulation=scoped","src/components/design-system/time-period-selector/time-period-selector.tsx"],"sourcesContent":["@import '../../../common/styles/variables.scss';\n\n:host {\n  display: block;\n  position: relative;\n\n  @media #{$mobile} {\n    position: unset;\n  }\n\n  @include default-css-variables;\n}\n\n.dropdown {\n  display: inline-block;\n}\n\n.dropbtn {\n  color: var(--nylas-base-800);\n  padding: 10px;\n  font-size: 16px;\n  font-family: var(--nylas-font-family);\n  cursor: pointer;\n  display: flex;\n  gap: 0.5rem;\n  background: transparent;\n  border: none;\n  border-radius: var(--nylas-border-radius-2x);\n  width: 50px;\n  padding: 14px 16px;\n  border-radius: var(--nylas-border-radius-2x);\n\n  &.focus {\n    background: transparent;\n  }\n\n  &:hover,\n  &:active {\n    outline: 1px solid var(--nylas-primary);\n  }\n\n  &:active {\n    outline: 2px solid var(--nylas-primary);\n  }\n\n  span {\n    &.chevron {\n      display: flex;\n      align-self: center;\n    }\n\n    &.open {\n      transform: rotate(90deg);\n    }\n\n    &.closed {\n      transform: rotate(270deg);\n    }\n\n    &.selected-option {\n      text-overflow: ellipsis;\n      overflow: hidden;\n      white-space: nowrap;\n      max-width: 144px;\n      font-size: 14px;\n      line-height: 20px;\n\n      @media #{$mobile} {\n        max-width: 124px;\n        font-size: 16px;\n      }\n    }\n  }\n}\n\n.dropdown-content {\n  display: block;\n  margin-top: 0.5rem;\n  background-color: var(--nylas-base-0);\n  max-width: 306px;\n  width: max-content;\n  max-height: 336px;\n  overflow: auto;\n  z-index: 1;\n  border-radius: 4px;\n  position: absolute;\n\n  @media #{$mobile} {\n    right: 0;\n    width: 325px;\n    max-width: unset;\n  }\n\n  box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);\n  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);\n}\n\n.search-box {\n  border-bottom: 1px solid var(--nylas-base-200);\n  padding: 10px;\n  position: sticky;\n  top: 0;\n  background: var(--nylas-base-0);\n\n  .icon {\n    position: absolute;\n    top: 1.25rem;\n    left: 1.25rem;\n    color: var(--nylas-base-300);\n  }\n}\n\n.dropdown-content ul {\n  padding: 0;\n  list-style-type: none;\n  color: var(--nylas-base-900);\n  max-height: 336px;\n\n  li {\n    padding: 16px, 12px, 16px, 12px;\n    color: var(--nylas-base-900);\n    padding: 12px 16px;\n    text-decoration: none;\n    display: block;\n    font-family: inherit;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: 0px;\n    text-align: left;\n    cursor: pointer;\n\n    &:hover,\n    &:focus {\n      background-color: var(--nylas-base-100);\n    }\n  }\n}\n\n.dropdown-content .selected {\n  background-color: #e7e7e7;\n}\n\ninput[type='text'] {\n  width: -webkit-fill-available;\n  padding: inherit;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  position: sticky;\n  background: no-repeat scroll 7px 7px;\n  padding-left: 30px;\n  background-size: 16px 16px;\n}\n","import { Component, Element, Event, EventEmitter, h, Listen, Prop, State, Watch } from '@stencil/core';\nimport { DropdownOption } from '@nylas/core';\n\n/**\n * The `input-dropdown` component is a dropdown that allows users to input an option and/or select from a list of options.\n * @part id_dropdown - The dropdown container\n * @part id_dropdown-input - The dropdown button\n * @part id_dropdown-content - The dropdown content\n */\n@Component({\n  tag: 'input-dropdown',\n  styleUrl: 'input-dropdown.scss',\n  shadow: true,\n})\nexport class InputDropdown {\n  @Element() el!: HTMLElement;\n\n  private inputRef?: HTMLInputElement;\n  private optionsRef!: HTMLElement;\n\n  // Props\n  /**\n   * The name of the dropdown\n   */\n  @Prop() name!: string;\n  /**\n   * The options to display in the dropdown\n   */\n  @Prop() options: DropdownOption[] = [];\n  /**\n   * The default selected option\n   */\n  @Prop() defaultInputOption?: DropdownOption;\n  /**\n   * Should show search input\n   */\n  @Prop() inputValue!: string;\n  /**\n   * Show pluralized label for the selected option. This is s tring that is appended to the selected option label as a suffix.\n   */\n  @Prop() pluralizedLabel: string = '';\n\n  /**\n   * This is used to set if the dropdown should be filtered based on the input value.\n   * If set to true, the dropdown will be filtered based on the input value.\n   */\n  @Prop() filterable: boolean = false;\n\n  // States\n  /**\n   * The selected option\n   */\n  @State() selectedOption: DropdownOption | null = this.defaultInputOption || null;\n  /**\n   * The open state of the dropdown\n   */\n  @State() isOpen: boolean = false;\n\n  /**\n   * The typed value in the input\n   */\n  @State() typedValue: string = '';\n\n  /**\n   * The filtered options based on the search value\n   */\n  @State() filteredOptions: DropdownOption[] = [...this.options];\n  /**\n   * The aria-activedescendant attribute for the listbox element to indicate the currently active\n   * option in the list box to screen readers. The value of aria-activedescendant is the ID of\n   * the active option.\n   */\n  @State() ariaActivedescendant: string = '';\n\n  /**\n   * This is used to scroll to the input value.\n   */\n  @State() shouldAutoScroll: boolean = false;\n\n  // Events\n  /**\n   * This event is fired when the selected option is changed\n   */\n  @Event({ bubbles: true, composed: true }) inputOptionChanged!: EventEmitter<{\n    value: DropdownOption['value'];\n    name: string;\n  }>;\n\n  @Watch('options')\n  optionsChangedHandler(newValue: DropdownOption[], oldValue: DropdownOption[]) {\n    if (newValue === oldValue) {\n      return;\n    }\n    this.filteredOptions = this.getFilteredOptions(newValue);\n  }\n\n  @Watch('defaultInputOption')\n  defaultSelectedOptionChangedHandler(newValue: DropdownOption, oldValue: DropdownOption) {\n    if (newValue?.label === oldValue?.label) {\n      return;\n    }\n    this.selectedOption = newValue;\n  }\n\n  @Watch('inputValue')\n  inputValueChangedHandler(newValue: string, oldValue: string) {\n    if (newValue === oldValue) {\n      return;\n    }\n    this.filteredOptions = this.getFilteredOptions(this.options);\n  }\n\n  // Lifecycle methods\n  componentWillLoad() {\n    this.filteredOptions = this.getFilteredOptions(this.options);\n    // Set the selected option to the first option if no option is selected\n    if (!this.selectedOption && !!this.defaultInputOption) {\n      this.selectedOption = this.defaultInputOption;\n    }\n    if (!this.selectedOption && this.options.length > 0) {\n      this.selectedOption = this.options[0];\n    }\n  }\n\n  // Methods\n  getFilteredOptions(options): DropdownOption[] {\n    if (!this.filterable) {\n      return options;\n    }\n\n    return options.filter(\n      option => option?.value?.toString().toLowerCase().includes(this.typedValue?.toLowerCase()) || option?.label?.toLowerCase().includes(this.typedValue?.toLowerCase()),\n    );\n  }\n  toggleDropdown(): void {\n    this.isOpen = !this.isOpen;\n  }\n\n  selectOption(option: DropdownOption): void {\n    this.selectedOption = option;\n    this.toggleDropdown();\n    this.inputOptionChanged.emit({\n      value: option.value,\n      name: this.name,\n    });\n  }\n\n  handleOnInput(event: Event): void {\n    const value = (event.target as HTMLInputElement).value;\n    this.typedValue = value;\n    const optionIndex = this.options.findIndex(option => option.label.toLowerCase().includes(value.toLowerCase()));\n    if (optionIndex > -1) {\n      this.scrollToViewWithinParent(optionIndex);\n    }\n    this.inputOptionChanged.emit({\n      value,\n      name: this.name,\n    });\n  }\n\n  scrollToViewWithinParent(optionIndex: number) {\n    const option = this.options[optionIndex];\n    const childElement = this.el.shadowRoot?.getElementById(option.value.toString()) as HTMLLIElement;\n    const parentElement = this.optionsRef;\n\n    this.ariaActivedescendant = option.value.toString();\n    if (!childElement || !parentElement) return;\n    // Scroll child into view within parent\n    const childRect = childElement.getBoundingClientRect();\n    const parentRect = parentElement.getBoundingClientRect();\n\n    if (childRect.top < parentRect.top) {\n      // Child is above the visible area of the parent\n      parentElement.scrollTop -= parentRect.top - childRect.top;\n    } else if (childRect.bottom > parentRect.bottom) {\n      // Child is below the visible area of the parent\n      parentElement.scrollTop += childRect.bottom - parentRect.bottom;\n    }\n  }\n\n  handleSelectButtonKeyDown(event: KeyboardEvent): void {\n    switch (event.key) {\n      case 'ArrowDown':\n      case 'Enter':\n        event.preventDefault();\n        if (!this.isOpen) {\n          this.toggleDropdown();\n        }\n        this.inputRef?.focus();\n        break;\n      case 'Escape':\n        this.isOpen = false;\n        break;\n    }\n  }\n\n  handleClick(event: Event): void {\n    if (this.isOpen) {\n      const value = (event.target as HTMLInputElement).value;\n      const optionIndex = this.options.findIndex(option => option.label.toLowerCase().includes(value.toLowerCase()));\n      if (optionIndex > -1) {\n        setTimeout(() => {\n          this.scrollToViewWithinParent(optionIndex);\n        }, 10);\n      }\n    }\n  }\n\n  handleListboxKeydown(e) {\n    const items = this.filteredOptions;\n    const currentIndex = items.findIndex(item => item.value === this.ariaActivedescendant);\n    if (e.key === 'ArrowDown' || (e.key === 'Tab' && !e.shiftKey)) {\n      e.preventDefault();\n      if (currentIndex === items.length - 1) {\n        this.ariaActivedescendant = '';\n        this.inputRef?.focus();\n        return;\n      }\n      const nextIndex = currentIndex + 1 < items.length ? currentIndex + 1 : 0;\n      this.ariaActivedescendant = items[nextIndex].value;\n      this.focusOption(nextIndex);\n    } else if (e.key === 'ArrowUp' || (e.key === 'Tab' && e.shiftKey)) {\n      e.preventDefault();\n      if (currentIndex === 0) {\n        this.ariaActivedescendant = '';\n        this.inputRef?.focus();\n        return;\n      }\n      const prevIndex = currentIndex - 1 >= 0 ? currentIndex - 1 : items.length - 1;\n      this.ariaActivedescendant = items[prevIndex].value;\n      this.focusOption(prevIndex);\n    } else if (e.key === 'Enter') {\n      e.preventDefault();\n      if (this.ariaActivedescendant) {\n        this.selectOption(items[currentIndex]);\n      }\n    } else if (e.key === 'Escape') {\n      this.isOpen = false;\n    }\n  }\n\n  focusOption(index) {\n    const option = this.filteredOptions[index];\n    if (!option) return; // Guard clause in case index is out of bounds\n\n    const elementId = option.value;\n    const element = this.el.shadowRoot?.getElementById(elementId) as HTMLLIElement;\n\n    if (element) {\n      element.focus(); // Set focus on the element\n      element.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n    }\n  }\n\n  handleComboboxKeyDown(event: KeyboardEvent): void {\n    if (event.key === 'ArrowDown' || (event.key == 'Tab' && !event.shiftKey)) {\n      event.preventDefault();\n      if (!this.isOpen) {\n        this.isOpen = true;\n        this.shouldAutoScroll = true;\n        return;\n      }\n      this.ariaActivedescendant = this.filteredOptions[0].value;\n      this.focusOption(0);\n    } else if (event.key === 'ArrowUp' || (event.key === 'Tab' && event.shiftKey)) {\n      event.preventDefault();\n      this.ariaActivedescendant = this.filteredOptions[this.filteredOptions.length - 1].value;\n      this.focusOption(this.filteredOptions.length - 1);\n    } else if (event.key === 'Escape') {\n      this.isOpen = false;\n    }\n  }\n\n  // Event listeners\n  @Listen('click', { target: 'document', capture: true })\n  handleOutsideClick(event: MouseEvent) {\n    // Get the path of the event\n    const path = event.composedPath();\n\n    // Check if the path includes the host element\n    const isClickInside = path.includes(this.el);\n\n    if (!isClickInside && this.isOpen) {\n      this.isOpen = false;\n    }\n  }\n\n  render() {\n    return (\n      <div class=\"dropdown\" part=\"id_dropdown\">\n        <input\n          type=\"text\"\n          name={this.name}\n          id={this.name}\n          part=\"id_dropdown-input\"\n          class={{ dropbtn: true, open: this.isOpen }}\n          value={this.inputValue}\n          onClick={(e: Event) => {\n            this.toggleDropdown();\n            this.shouldAutoScroll = true;\n            this.handleClick(e);\n          }}\n          aria-haspopup=\"listbox\"\n          aria-label={this.name}\n          aria-expanded={this.isOpen ? 'true' : 'false'}\n          onKeyDown={e => this.handleComboboxKeyDown(e)}\n          onInput={event => this.handleOnInput(event)}\n        />\n        {this.isOpen ? (\n          <div class=\"dropdown-content\" part=\"id_dropdown-content\" ref={el => (this.optionsRef = el as HTMLElement)}>\n            <ul tabindex=\"-1\" role=\"listbox\" aria-label={this.name} aria-activedescendant={this.ariaActivedescendant} onKeyDown={e => this.handleListboxKeydown(e)}>\n              {this.filteredOptions.map(option => (\n                <li\n                  tabindex=\"0\"\n                  key={option.value}\n                  id={option.value}\n                  onClick={() => this.selectOption(option)}\n                  role=\"option\"\n                  class={{\n                    focused: this.ariaActivedescendant === option.value.toString(),\n                  }}\n                >\n                  {option.labelHTML ? option.labelHTML : option.label}\n                </li>\n              ))}\n            </ul>\n          </div>\n        ) : null}\n      </div>\n    );\n  }\n}\n",".time-period-selector {\n  display: grid;\n  gap: 0.5rem;\n  grid-template-columns: auto 1fr;\n\n  select-dropdown,\n  input-dropdown {\n    border: 1px solid var(--nylas-base-200);\n    border-radius: var(--nylas-border-radius-2x);\n  }\n\n  select-dropdown {\n    width: 116px;\n  }\n\n  input-dropdown {\n    width: 84px;\n    display: flex;\n    align-items: center;\n  }\n\n  select-dropdown#time-period::part(sd_dropdown-button) {\n    width: 100%;\n  }\n\n  input-dropdown::part(id_dropdown) {\n    width: inherit;\n    height: 100%;\n  }\n\n  input-dropdown#time-number::part(id_dropdown-input) {\n    border: none;\n    border-radius: var(--nylas-border-radius-2x);\n  }\n\n  input-dropdown#time-number.error::part(id_dropdown-input) {\n    border: 1px solid var(--nylas-error);\n  }\n\n  input-dropdown {\n    &:hover {\n      outline: 1px solid var(--nylas-primary);\n      border: none;\n    }\n    &::part(id_dropdown-input) {\n      padding: 16px;\n      gap: 1rem;\n      &:hover {\n        border: none;\n        outline: none;\n      }\n    }\n  }\n\n  input-dropdown::part(id_dropdown-content) {\n    width: 100%;\n    max-height: 200px;\n  }\n\n  select-dropdown::part(sd_dropdown) {\n    width: inherit;\n    height: 100%;\n  }\n\n  select-dropdown::part(sd_dropdown_label) {\n    height: 100%;\n  }\n\n  select-dropdown::part(sd_dropdown-button) {\n    padding: 1rem;\n    gap: 1rem;\n    justify-content: space-between;\n    border: none;\n    align-items: center;\n    height: 100%;\n  }\n\n  select-dropdown::part(sd_dropdown-content) {\n    width: 100%;\n    max-height: 200px;\n  }\n}\n","import { TIME_PERIODS } from '@/common/constants';\nimport { debug } from '@/utils/utils';\nimport { TimePeriod } from '@nylas/core';\nimport { Element, Event, EventEmitter, Watch } from '@stencil/core';\nimport { Component, h, Listen, Prop, State } from '@stencil/core';\nimport i18next from 'i18next';\n\nconst pluralToSingular = {\n  hours: 'hour',\n  days: 'day',\n  weeks: 'week',\n  months: 'month',\n  years: 'year',\n};\n\n/**\n * The time period selector component allows the user to select a time period and a number value for that time period.\n */\n@Component({\n  tag: 'time-period-selector',\n  styleUrl: 'time-period-selector.scss',\n  scoped: true,\n})\nexport class TimePeriodSelector {\n  @Element() host!: HTMLElement;\n\n  // The possible values for the time periods dropdown\n  @Prop() timePeriods: TimePeriod[] = TIME_PERIODS;\n\n  /**\n   * The default selected time period.\n   */\n  @Prop() defaultSelectedPeriod!: string;\n\n  /**\n   * The default selected number.\n   */\n  @Prop() defaultSelectedNumber!: number;\n\n  /**\n   * The error state\n   */\n  @Prop() hasError: boolean = false;\n\n  /**\n   * The currently selected time period\n   */\n  @State() selectedPeriod: string = this.defaultSelectedPeriod;\n\n  /**\n   * The currently selected number of the time period\n   */\n  @State() selectedNumber: number = this.defaultSelectedNumber;\n\n  /*\n   * The options for the number dropdown, to be calculated based on the selectedPeriod\n   */\n  @State() numberOptions: { label: string; value: string }[] = this.calculateOptions(this.defaultSelectedPeriod || 'hour').map(i => {\n    return {\n      label: i.toString(),\n      value: i.toString(),\n    };\n  });\n\n  /**\n   * The options for the time period dropdown\n   */\n  @State() timePeriodOptions = this.timePeriods.map(i => {\n    return {\n      label: i.label,\n      value: i.value,\n    };\n  });\n\n  @Watch('defaultSelectedPeriod')\n  defaultSelectedPeriodChanged(newValue: string) {\n    this.selectedPeriod = newValue;\n    this.updateNumberOptionsAndSelectedNumber(newValue);\n  }\n\n  @Watch('defaultSelectedNumber')\n  defaultSelectedNumberChanged(newValue: number) {\n    this.selectedNumber = newValue;\n  }\n\n  @Watch('timePeriods')\n  timePeriodsChanged(newValue: { label: string; value: string }[]) {\n    this.timePeriodOptions = [...newValue];\n  }\n\n  componentDidLoad() {\n    this.selectedNumber = this.defaultSelectedNumber;\n    this.selectedPeriod = this.defaultSelectedPeriod;\n    const period = pluralToSingular[this.selectedPeriod] ?? this.selectedPeriod;\n    const numberOptions = this.calculateOptions(period);\n    this.numberOptions = numberOptions.map(i => {\n      return {\n        label: i.toString(),\n        value: i.toString(),\n      };\n    });\n  }\n\n  @Event() timePeriodChanged!: EventEmitter<{ number: number; period: string }>;\n\n  private calculateOptions(period: string): number[] {\n    switch (period) {\n      case 'hour':\n        return Array.from({ length: 23 }, (_, i) => i + 1);\n      case 'minute':\n        return Array.from({ length: 13 }, (_, i) => i * 5);\n      case 'day':\n        return Array.from({ length: 30 }, (_, i) => i + 1);\n      case 'week':\n        return Array.from({ length: 4 }, (_, i) => i + 1);\n      case 'month':\n        return Array.from({ length: 12 }, (_, i) => i + 1);\n      case 'year':\n        return Array.from({ length: 10 }, (_, i) => i + 1);\n      default:\n        return [];\n    }\n  }\n\n  @Listen('inputOptionChanged')\n  inputOptionChangedHandler(event: CustomEvent<{ value: string; name: string }>) {\n    debug('time-period-selector', 'inputOptionChangedHandler', event.detail);\n    const { value, name } = event.detail;\n    if (name === 'time-number') {\n      this.selectedNumber = value ? parseInt(value) : this.defaultSelectedNumber;\n    }\n    const selected = {\n      number: this.selectedNumber,\n      period: this.selectedPeriod,\n    };\n    this.timePeriodChanged.emit(selected);\n  }\n\n  @Listen('nylasFormDropdownChanged')\n  nylasFormDropdownChangedHandler(event: CustomEvent<{ value: string; name: string }>) {\n    debug('time-period-selector', 'nylasFormDropdownChangedHandler', event.detail);\n    const { value, name } = event.detail;\n    if (name === 'time-period') {\n      this.selectedPeriod = value;\n      this.updateNumberOptionsAndSelectedNumber(value);\n    } else if (name === 'time-number') {\n      this.selectedNumber = parseInt(value);\n    }\n    const selected = {\n      number: this.selectedNumber,\n      period: this.selectedPeriod,\n    };\n    this.timePeriodChanged.emit(selected);\n  }\n\n  updateNumberOptionsAndSelectedNumber(period: string) {\n    const numberOptions = this.calculateOptions(period);\n    this.numberOptions = numberOptions.map(i => {\n      return {\n        label: i.toString(),\n        value: i.toString(),\n      };\n    });\n  }\n\n  render() {\n    return (\n      <div class=\"time-period-selector\">\n        {typeof this.selectedNumber == 'number' && (\n          <input-dropdown\n            id=\"time-number\"\n            name={'time-number'}\n            class={{ error: this.hasError }}\n            inputValue={this.selectedNumber.toString()}\n            exportparts=\"id_dropdown: tps__number-dropdown, id_dropdown-input: tps__number-dropdown-button, id_dropdown-content: tps__number-dropdown-content\"\n            options={this.numberOptions}\n            defaultInputOption={this.numberOptions.find(i => i.value == this.selectedNumber.toString())}\n          />\n        )}\n        {typeof this.selectedPeriod == 'string' && (\n          <select-dropdown\n            id=\"time-period\"\n            name={'time-period'}\n            options={this.timePeriodOptions}\n            exportparts=\"sd_dropdown: tps__period-dropdown, sd_dropdown-button: tps__period-dropdown-button, sd_dropdown-content: tps__period-dropdown-content\"\n            pluralizedLabel={this.selectedNumber > 1 ? i18next.t(`time.${this.selectedPeriod}s`) : i18next.t(`time.${this.selectedPeriod}`)}\n            defaultSelectedOption={this.timePeriodOptions?.find(i => i.value == this.selectedPeriod)}\n            withSearch={false}\n          />\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/nylas-web-elements/{p-6371e0a3.entry.js → p-0d80f50b.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as s,c as o,a as t}from"./p-6f5a3998.js";const a=".sc-chevron-icon-h{display:flex}";const r=a;const n=class{constructor(s){e(this,s);this.width="24";this.height="24"}render(){return s("svg",{key:"80c05a605d7afb1c678f8965b1abae5c5e25916c",xmlns:"http://www.w3.org/2000/svg",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none"},s("path",{key:"f754fdf2b68716dac07523348b1db34d0529d9a8",fill:"currentColor",d:"M15.53 4.22a.75.75 0 0 1 0 1.06L8.81 12l6.72 6.72a.75.75 0 1 1-1.06 1.06l-7.25-7.25a.75.75 0 0 1 0-1.06l7.25-7.25a.75.75 0 0 1 1.06 0Z"}))}};n.style=r;const l=".sc-search-icon-h{display:flex}";const i=l;const d=class{constructor(s){e(this,s);this.width="15";this.height="15"}render(){return s("svg",{key:"abe389db8a08dafea15a406755825f128a896464",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},s("path",{key:"8d2f7bd05d16f7be81c8c58ea98ae7d5873b1357",fill:"currentColor",d:"M5.5 0C8.53757 0 11 2.46243 11 5.5C11 6.83879 10.5217 8.06586 9.72656 9.01962L13.8536 13.1464C14.0488 13.3417 14.0488 13.6583 13.8536 13.8536C13.68 14.0271 13.4106 14.0464 13.2157 13.9114L13.1464 13.8536L9.01962 9.72656C8.06586 10.5217 6.83879 11 5.5 11C2.46243 11 0 8.53757 0 5.5C0 2.46243 2.46243 0 5.5 0ZM5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1Z"}))}};d.style=i;const c=':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--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:100%}@media screen and (max-width: 768px){:host{position:unset}}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0}label .error{color:var(--nylas-error)}.dropdown{display:inline-block;width:inherit}.dropbtn{color:var(--nylas-base-800);padding:14px;font-size:16px;font-family:var(--nylas-font-family);cursor:pointer;display:flex;justify-content:space-between;gap:0.5rem;background:transparent;border:1px solid var(--nylas-base-300);border-radius:var(--nylas-border-radius-2x)}.dropbtn.error{border:1px solid var(--nylas-error)}.dropbtn.focus{background:transparent}.dropbtn:hover,.dropbtn:active{outline:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn:disabled{cursor:not-allowed;background:var(--nylas-base-100)}.dropbtn span.chevron{display:flex;align-self:center}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropbtn span.selected-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:144px;font-size:14px;line-height:20px}@media screen and (max-width: 768px){.dropbtn span.selected-option{max-width:124px;font-size:16px}}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1)}@media screen and (max-width: 768px){.dropdown-content{right:0;width:325px;max-width:unset}}.search-box{border-bottom:1px solid var(--nylas-base-200);padding:10px;position:sticky;top:0;background:var(--nylas-base-0)}.search-box .icon{position:absolute;top:1.25rem;left:1.25rem;color:var(--nylas-base-300)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:var(--nylas-base-900);padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content .selected{background-color:#e7e7e7}input[type=text]{width:-webkit-fill-available;padding:inherit;border:1px solid #ccc;border-radius:4px;position:sticky;background:no-repeat scroll 7px 7px;padding-left:30px;background-size:16px 16px;color:var(--nylas-base-800)}';const h=c;const p=class{constructor(s){e(this,s);this.nylasFormDropdownChanged=o(this,"nylasFormDropdownChanged",7);this.nylasFormDropdownDefaultSelected=o(this,"nylasFormDropdownDefaultSelected",7);this.componentType="select-dropdown";this.name=undefined;this.options=[];this.defaultSelectedOption=null;this.withSearch=true;this.label=undefined;this.required=false;this.readOnly=false;this.pluralizedLabel="";this.dropdownButtonText=undefined;this.withChevron=true;this.emptyValue="Select an option";this.errorMessage="";this.selectedOption=undefined;this.isOpen=false;this.searchValue="";this.filteredOptions=[...this.options];this.ariaActivedescendant="";this.error=""}optionsChangedHandler(e,s){if(e===s){return}this.filteredOptions=e}defaultSelectedOptionChangedHandler(e,s){if(typeof e==="undefined"||e?.label===s?.label){return}this.selectedOption=e;this.nylasFormDropdownDefaultSelected.emit({value:e?.value||"",name:this.name,error:this.error,label:this.label})}componentWillLoad(){this.el.setAttribute("component-type",this.componentType)}componentDidLoad(){this.filteredOptions=this.options;this.selectedOption=this.defaultSelectedOption;if(!this.selectedOption&&this.options.length>0){this.selectedOption=this.options[0]}this.nylasFormDropdownDefaultSelected.emit({value:this.selectedOption?.value||"",name:this.name,error:this.error,label:this.label})}handleBookingFormSubmitted(e){this.validate(this.selectedOption?.value||"");if(this.error){e.preventDefault()}}handleFormSubmitted(e){this.validate(this.selectedOption?.value||"");if(this.error){e.preventDefault()}}validate(e){if(this.required&&!e){this.error=this.errorMessage||`${this.label} is required.`}else{this.error=""}}toggleDropdown(){this.isOpen=!this.isOpen}filterOptions(e){const s=e.target.value;this.searchValue=s;this.filteredOptions=this.options.filter((e=>e.label.toLowerCase().includes(s.toLowerCase())))}selectOption(e){this.error="";this.selectedOption=e;this.toggleDropdown();if(e.value!==this.emptyValue){this.nylasFormDropdownChanged.emit({value:e.value,name:this.name,error:this.error,label:this.label})}}handleSelectButtonKeyDown(e){switch(e.key){case"ArrowDown":case"Enter":e.preventDefault();if(!this.isOpen){this.toggleDropdown()}this.inputRef?.focus();break;case"Escape":this.isOpen=false;break}}handleListboxKeydown(e){const s=this.filteredOptions;const o=s.findIndex((e=>e.value===this.ariaActivedescendant));if(e.key==="ArrowDown"||e.key==="Tab"&&!e.shiftKey){e.preventDefault();if(o===s.length-1){this.ariaActivedescendant="";this.inputRef?.focus();return}const t=o+1<s.length?o+1:0;this.ariaActivedescendant=s[t].value;this.focusOption(t)}else if(e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey){e.preventDefault();if(o===0){this.ariaActivedescendant="";this.inputRef?.focus();return}const t=o-1>=0?o-1:s.length-1;this.ariaActivedescendant=s[t].value;this.focusOption(t)}else if(e.key==="Enter"){e.preventDefault();if(this.ariaActivedescendant){this.selectOption(s[o])}}else if(e.key==="Escape"){this.isOpen=false}}focusOption(e){const s=this.filteredOptions[e];if(!s)return;const o=s.value;const t=this.el.shadowRoot?.getElementById(o);if(t){t.focus();t.scrollIntoView({behavior:"smooth",block:"nearest"})}}handleComboboxKeyDown(e){if(e.key==="ArrowDown"||e.key=="Tab"&&!e.shiftKey){e.preventDefault();this.ariaActivedescendant=this.filteredOptions[0].value;this.focusOption(0)}else if(e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey){e.preventDefault();this.ariaActivedescendant=this.filteredOptions[this.filteredOptions.length-1].value;this.focusOption(this.filteredOptions.length-1)}else if(e.key==="Escape"){this.isOpen=false}}generateButtonText(e,s){if(s){return s}return e?.label?`${this.pluralizedLabel?this.pluralizedLabel:e?.label}`:this.emptyValue}handleOutsideClick(e){const s=e.composedPath();const o=s.includes(this.el);if(!o&&this.isOpen){this.isOpen=false}}render(){const e=this.generateButtonText(this.selectedOption,this.dropdownButtonText);return s("div",{key:"32b6414957374ddbd1c84c971844761accc75a20",class:"dropdown",part:"sd_dropdown"},s("label",{key:"3739bab113e147e72bb8c75da3dcc4deba01c27e",part:"sd_dropdown_label",class:{error:!!this.error}},this.label&&s("p",null,s("span",{class:"label"},this.label),this.required&&s("span",{class:"required"},"*")),s("button",{key:"2d09705cf6272559ebca0d34b7495854aeb47fb2",part:"sd_dropdown-button",class:{dropbtn:true,open:this.isOpen,error:!!this.error},onClick:()=>this.toggleDropdown(),disabled:this.readOnly,"aria-haspopup":"listbox",title:this.readOnly?"read-only field":e,"aria-expanded":this.isOpen?"true":"false","aria-label":this.name,onKeyDown:e=>this.handleSelectButtonKeyDown(e)},s("slot",{key:"54be38a1f79be53ed5570a2d04c8c649c94b1f13",name:"select-icon","aria-hidden":"true"}),s("span",{key:"4d4f57847d16b53baffdaebfa50be2072e7eb0b7",class:"selected-option",part:"sd_dropdown-button-selected-label"},e),this.withChevron&&s("span",{class:{open:this.isOpen,closed:!this.isOpen,chevron:true},"aria-hidden":"true"},s("chevron-icon",{width:"16",height:"16"}))),this.error&&s("span",{class:"error help-text"},this.error)),this.isOpen?s("div",{class:"dropdown-content",part:"sd_dropdown-content"},this.withSearch&&s("div",{class:{"search-box":true,open:this.isOpen}},s("search-icon",{width:"15",height:"15",class:"icon"}),s("input",{type:"text",role:"combobox",placeholder:"Search",value:this.searchValue,ref:e=>this.inputRef=e,onInput:e=>this.filterOptions(e),onKeyDown:e=>this.handleComboboxKeyDown(e)})),s("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:e=>this.handleListboxKeydown(e)},this.filteredOptions.map((e=>e.value.toString()?s("li",{tabindex:"0",key:e.value,id:e.value,part:`${this.name}-${e.label}`,onClick:()=>this.selectOption(e),role:"option"},e.labelHTML?s("div",{part:"sd_dropdown-labelhtml"},e.labelHTML):e.label):null)))):null)}get el(){return t(this)}static get watchers(){return{options:["optionsChangedHandler"],defaultSelectedOption:["defaultSelectedOptionChangedHandler"]}}};p.style=h;export{n as chevron_icon,d as search_icon,p as select_dropdown};
-//# sourceMappingURL=p-6371e0a3.entry.js.map
+import{r as e,h as s,c as o,a as t}from"./p-6f5a3998.js";const a=".sc-chevron-icon-h{display:flex}";const r=a;const n=class{constructor(s){e(this,s);this.width="24";this.height="24"}render(){return s("svg",{key:"80c05a605d7afb1c678f8965b1abae5c5e25916c",xmlns:"http://www.w3.org/2000/svg",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none"},s("path",{key:"f754fdf2b68716dac07523348b1db34d0529d9a8",fill:"currentColor",d:"M15.53 4.22a.75.75 0 0 1 0 1.06L8.81 12l6.72 6.72a.75.75 0 1 1-1.06 1.06l-7.25-7.25a.75.75 0 0 1 0-1.06l7.25-7.25a.75.75 0 0 1 1.06 0Z"}))}};n.style=r;const l=".sc-search-icon-h{display:flex}";const i=l;const d=class{constructor(s){e(this,s);this.width="15";this.height="15"}render(){return s("svg",{key:"abe389db8a08dafea15a406755825f128a896464",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},s("path",{key:"8d2f7bd05d16f7be81c8c58ea98ae7d5873b1357",fill:"currentColor",d:"M5.5 0C8.53757 0 11 2.46243 11 5.5C11 6.83879 10.5217 8.06586 9.72656 9.01962L13.8536 13.1464C14.0488 13.3417 14.0488 13.6583 13.8536 13.8536C13.68 14.0271 13.4106 14.0464 13.2157 13.9114L13.1464 13.8536L9.01962 9.72656C8.06586 10.5217 6.83879 11 5.5 11C2.46243 11 0 8.53757 0 5.5C0 2.46243 2.46243 0 5.5 0ZM5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1Z"}))}};d.style=i;const c=':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--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:100%}@media screen and (max-width: 768px){:host{position:unset}}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0}label .error{color:var(--nylas-error)}.dropdown{display:inline-block;width:inherit}.dropbtn{color:var(--nylas-base-800);padding:14px;font-size:16px;font-family:var(--nylas-font-family);cursor:pointer;display:flex;justify-content:space-between;gap:0.5rem;background:transparent;border:1px solid var(--nylas-base-300);border-radius:var(--nylas-border-radius-2x)}.dropbtn.error{border:1px solid var(--nylas-error)}.dropbtn.focus{background:transparent}.dropbtn:hover,.dropbtn:active{outline:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn:disabled{cursor:not-allowed;background:var(--nylas-base-100)}.dropbtn span.chevron{display:flex;align-self:center}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropbtn span.selected-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:144px;font-size:14px;line-height:20px}@media screen and (max-width: 768px){.dropbtn span.selected-option{max-width:124px;font-size:16px}}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1)}@media screen and (max-width: 768px){.dropdown-content{right:0;width:325px;max-width:unset}}.search-box{border-bottom:1px solid var(--nylas-base-200);padding:10px;position:sticky;top:0;background:var(--nylas-base-0)}.search-box .icon{position:absolute;top:1.25rem;left:1.25rem;color:var(--nylas-base-300)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:var(--nylas-base-900);padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content .selected{background-color:#e7e7e7}input[type=text]{width:-webkit-fill-available;padding:inherit;border:1px solid #ccc;border-radius:4px;position:sticky;background:no-repeat scroll 7px 7px;padding-left:30px;background-size:16px 16px;color:var(--nylas-base-800)}';const h=c;const p=class{constructor(s){e(this,s);this.nylasFormDropdownChanged=o(this,"nylasFormDropdownChanged",7);this.nylasFormDropdownDefaultSelected=o(this,"nylasFormDropdownDefaultSelected",7);this.componentType="select-dropdown";this.name=undefined;this.options=[];this.defaultSelectedOption=null;this.withSearch=true;this.label=undefined;this.required=false;this.readOnly=false;this.pluralizedLabel="";this.dropdownButtonText=undefined;this.withChevron=true;this.emptyValue="Select an option";this.errorMessage="";this.selectedOption=undefined;this.isOpen=false;this.searchValue="";this.filteredOptions=[...this.options];this.ariaActivedescendant="";this.error=""}optionsChangedHandler(e,s){if(e===s){return}this.filteredOptions=e}defaultSelectedOptionChangedHandler(e,s){if(typeof e==="undefined"||e?.label===s?.label){return}this.selectedOption=e;this.nylasFormDropdownDefaultSelected.emit({value:e?.value||"",name:this.name,error:this.error,label:this.label})}componentWillLoad(){this.el.setAttribute("component-type",this.componentType)}componentDidLoad(){this.filteredOptions=this.options;this.selectedOption=this.defaultSelectedOption;if(!this.selectedOption&&this.options.length>0){this.selectedOption=this.options[0]}this.nylasFormDropdownDefaultSelected.emit({value:this.selectedOption?.value||"",name:this.name,error:this.error,label:this.label})}handleBookingFormSubmitted(e){this.validate(this.selectedOption?.value||"");if(this.error){e.preventDefault()}}handleFormSubmitted(e){this.validate(this.selectedOption?.value||"");if(this.error){e.preventDefault()}}validate(e){if(this.required&&!e){this.error=this.errorMessage||`${this.label} is required.`}else{this.error=""}}toggleDropdown(){this.isOpen=!this.isOpen}filterOptions(e){const s=e.target.value;this.searchValue=s;this.filteredOptions=this.options.filter((e=>e.label.toLowerCase().includes(s.toLowerCase())))}selectOption(e){this.error="";this.selectedOption=e;this.toggleDropdown();if(e.value!==this.emptyValue){this.nylasFormDropdownChanged.emit({value:e.value,name:this.name,error:this.error,label:this.label})}}handleSelectButtonKeyDown(e){switch(e.key){case"ArrowDown":case"Enter":e.preventDefault();if(!this.isOpen){this.toggleDropdown()}this.inputRef?.focus();break;case"Escape":this.isOpen=false;break}}handleListboxKeydown(e){const s=this.filteredOptions;const o=s.findIndex((e=>e.value===this.ariaActivedescendant));if(e.key==="ArrowDown"||e.key==="Tab"&&!e.shiftKey){e.preventDefault();if(o===s.length-1){this.ariaActivedescendant="";this.inputRef?.focus();return}const t=o+1<s.length?o+1:0;this.ariaActivedescendant=s[t].value;this.focusOption(t)}else if(e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey){e.preventDefault();if(o===0){this.ariaActivedescendant="";this.inputRef?.focus();return}const t=o-1>=0?o-1:s.length-1;this.ariaActivedescendant=s[t].value;this.focusOption(t)}else if(e.key==="Enter"){e.preventDefault();if(this.ariaActivedescendant){this.selectOption(s[o])}}else if(e.key==="Escape"){this.isOpen=false}}focusOption(e){const s=this.filteredOptions[e];if(!s)return;const o=s.value;const t=this.el.shadowRoot?.getElementById(o);if(t){t.focus();t.scrollIntoView({behavior:"smooth",block:"nearest"})}}handleComboboxKeyDown(e){if(e.key==="ArrowDown"||e.key=="Tab"&&!e.shiftKey){e.preventDefault();this.ariaActivedescendant=this.filteredOptions[0].value;this.focusOption(0)}else if(e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey){e.preventDefault();this.ariaActivedescendant=this.filteredOptions[this.filteredOptions.length-1].value;this.focusOption(this.filteredOptions.length-1)}else if(e.key==="Escape"){this.isOpen=false}}generateButtonText(e,s){if(s){return s}return e?.label?`${this.pluralizedLabel?this.pluralizedLabel:e?.label}`:this.emptyValue}handleOutsideClick(e){const s=e.composedPath();const o=s.includes(this.el);if(!o&&this.isOpen){this.isOpen=false}}render(){const e=this.generateButtonText(this.selectedOption,this.dropdownButtonText);return s("div",{key:"76f953d52f4899ece2ef69efcc79aba9b7989918",class:"dropdown",part:"sd_dropdown"},s("label",{key:"5d5080ede5628e09dca5823243a20e74399ec460",part:"sd_dropdown_label",class:{error:!!this.error}},this.label&&s("p",null,s("span",{class:"label"},this.label),this.required&&s("span",{class:"required"},"*")),s("button",{key:"0bf99a9fb258e7f2497a0b154b57f9822e202fb8",part:"sd_dropdown-button",class:{dropbtn:true,open:this.isOpen,error:!!this.error},onClick:()=>this.toggleDropdown(),disabled:this.readOnly,"aria-haspopup":"listbox",title:this.readOnly?"read-only field":e,"aria-expanded":this.isOpen?"true":"false","aria-label":this.name,onKeyDown:e=>this.handleSelectButtonKeyDown(e)},s("slot",{key:"60a6936c37966ef724eea0382b0bef577f5a807b",name:"select-icon","aria-hidden":"true"}),s("span",{key:"9917029151048ecb413cb2448fb2405d9228b1c7",class:"selected-option",part:"sd_dropdown-button-selected-label"},e),this.withChevron&&s("span",{class:{open:this.isOpen,closed:!this.isOpen,chevron:true},"aria-hidden":"true"},s("chevron-icon",{width:"16",height:"16"}))),this.error&&s("span",{class:"error help-text"},this.error)),this.isOpen?s("div",{class:"dropdown-content",part:"sd_dropdown-content"},this.withSearch&&s("div",{class:{"search-box":true,open:this.isOpen}},s("search-icon",{width:"15",height:"15",class:"icon"}),s("input",{type:"text",role:"combobox",placeholder:"Search",value:this.searchValue,ref:e=>this.inputRef=e,onInput:e=>this.filterOptions(e),onKeyDown:e=>this.handleComboboxKeyDown(e)})),s("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:e=>this.handleListboxKeydown(e)},this.filteredOptions.map((e=>e.value.toString()?s("li",{tabindex:"0",key:e.value,id:e.value,part:`${this.name}-${e.label}`,onClick:()=>this.selectOption(e),role:"option"},e.labelHTML?s("div",{part:"sd_dropdown-labelhtml"},e.labelHTML):e.label):null)))):null)}get el(){return t(this)}static get watchers(){return{options:["optionsChangedHandler"],defaultSelectedOption:["defaultSelectedOptionChangedHandler"]}}};p.style=h;export{n as chevron_icon,d as search_icon,p as select_dropdown};
+//# sourceMappingURL=p-0d80f50b.entry.js.map

package/dist/nylas-web-elements/p-0d80f50b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["iconCss","ChevronIconStyle0","ChevronIcon","render","h","key","xmlns","width","this","height","viewBox","fill","d","SearchIconStyle0","SearchIcon","selectDropdownCss","SelectDropdownStyle0","SelectDropdown","componentType","options","optionsChangedHandler","newValue","oldValue","filteredOptions","defaultSelectedOptionChangedHandler","label","selectedOption","nylasFormDropdownDefaultSelected","emit","value","name","error","componentWillLoad","el","setAttribute","componentDidLoad","defaultSelectedOption","length","handleBookingFormSubmitted","event","validate","preventDefault","handleFormSubmitted","required","errorMessage","toggleDropdown","isOpen","filterOptions","target","searchValue","filter","option","toLowerCase","includes","selectOption","emptyValue","nylasFormDropdownChanged","handleSelectButtonKeyDown","inputRef","focus","handleListboxKeydown","e","items","currentIndex","findIndex","item","ariaActivedescendant","shiftKey","nextIndex","focusOption","prevIndex","index","elementId","element","shadowRoot","getElementById","scrollIntoView","behavior","block","handleComboboxKeyDown","generateButtonText","dropButtonText","pluralizedLabel","handleOutsideClick","path","composedPath","isClickInside","buttonText","dropdownButtonText","class","part","dropbtn","open","onClick","disabled","readOnly","title","onKeyDown","withChevron","closed","chevron","withSearch","type","role","placeholder","ref","onInput","tabindex","map","toString","id","labelHTML"],"sources":["src/common/icons/icon.css?tag=chevron-icon&encapsulation=scoped","src/common/icons/chevron.tsx","src/common/icons/icon.css?tag=search-icon&encapsulation=scoped","src/common/icons/search.tsx","src/components/design-system/select-dropdown/select-dropdown.scss?tag=select-dropdown&encapsulation=shadow","src/components/design-system/select-dropdown/select-dropdown.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'chevron-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class ChevronIcon {\n  @Prop() width: string = '24';\n  @Prop() height: string = '24';\n\n  render() {\n    return (\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width={this.width} height={this.height} viewBox=\"0 0 24 24\" fill=\"none\">\n        <path fill=\"currentColor\" d=\"M15.53 4.22a.75.75 0 0 1 0 1.06L8.81 12l6.72 6.72a.75.75 0 1 1-1.06 1.06l-7.25-7.25a.75.75 0 0 1 0-1.06l7.25-7.25a.75.75 0 0 1 1.06 0Z\" />\n      </svg>\n    );\n  }\n}\n",":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'search-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class SearchIcon {\n  @Prop() width: string = '15';\n  @Prop() height: string = '15';\n\n  render() {\n    return (\n      <svg width={this.width} height={this.height} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          fill=\"currentColor\"\n          d=\"M5.5 0C8.53757 0 11 2.46243 11 5.5C11 6.83879 10.5217 8.06586 9.72656 9.01962L13.8536 13.1464C14.0488 13.3417 14.0488 13.6583 13.8536 13.8536C13.68 14.0271 13.4106 14.0464 13.2157 13.9114L13.1464 13.8536L9.01962 9.72656C8.06586 10.5217 6.83879 11 5.5 11C2.46243 11 0 8.53757 0 5.5C0 2.46243 2.46243 0 5.5 0ZM5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1Z\"\n        />\n      </svg>\n    );\n  }\n}\n","@import '../../../common/styles/variables.scss';\n@import '../../../common/mixins/inputs.scss';\n\n:host {\n  display: block;\n  position: relative;\n\n  @media #{$mobile} {\n    position: unset;\n  }\n\n  @include default-css-variables;\n  width: 100%;\n}\n\nlabel {\n  @include input-label;\n  flex-direction: column;\n  gap: 4px;\n  font-family: var(--nylas-font-family);\n  font-size: 16px;\n  color: var(--nylas-base-800);\n\n  p {\n    margin: 0;\n  }\n\n  .error {\n    color: var(--nylas-error);\n  }\n}\n\n.dropdown {\n  display: inline-block;\n  width: inherit;\n}\n\n.dropbtn {\n  color: var(--nylas-base-800);\n  padding: 14px;\n  font-size: 16px;\n  font-family: var(--nylas-font-family);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  gap: 0.5rem;\n  background: transparent;\n  border: 1px solid var(--nylas-base-300);\n  border-radius: var(--nylas-border-radius-2x);\n\n  &.error {\n    border: 1px solid var(--nylas-error);\n  }\n\n  &.focus {\n    background: transparent;\n  }\n\n  &:hover,\n  &:active {\n    outline: 1px solid var(--nylas-primary);\n  }\n\n  &:active {\n    outline: 2px solid var(--nylas-primary);\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n    background: var(--nylas-base-100);\n  }\n\n  span {\n    &.chevron {\n      display: flex;\n      align-self: center;\n    }\n\n    &.open {\n      transform: rotate(90deg);\n    }\n\n    &.closed {\n      transform: rotate(270deg);\n    }\n\n    &.selected-option {\n      text-overflow: ellipsis;\n      overflow: hidden;\n      white-space: nowrap;\n      max-width: 144px;\n      font-size: 14px;\n      line-height: 20px;\n\n      @media #{$mobile} {\n        max-width: 124px;\n        font-size: 16px;\n      }\n    }\n  }\n}\n\n.dropdown-content {\n  display: block;\n  margin-top: 0.5rem;\n  background-color: var(--nylas-base-0);\n  width: 100%;\n  max-height: 336px;\n  overflow: auto;\n  z-index: 1;\n  border-radius: 4px;\n  position: absolute;\n\n  @media #{$mobile} {\n    right: 0;\n    width: 325px;\n    max-width: unset;\n  }\n\n  box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);\n  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);\n}\n\n.search-box {\n  border-bottom: 1px solid var(--nylas-base-200);\n  padding: 10px;\n  position: sticky;\n  top: 0;\n  background: var(--nylas-base-0);\n\n  .icon {\n    position: absolute;\n    top: 1.25rem;\n    left: 1.25rem;\n    color: var(--nylas-base-300);\n  }\n}\n\n.dropdown-content ul {\n  padding: 0;\n  list-style-type: none;\n  color: var(--nylas-base-900);\n  max-height: 336px;\n\n  li {\n    padding: 16px, 12px, 16px, 12px;\n    color: var(--nylas-base-900);\n    padding: 12px 16px;\n    text-decoration: none;\n    display: block;\n    font-family: inherit;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: 0px;\n    text-align: left;\n    cursor: pointer;\n\n    &:hover,\n    &:focus {\n      background-color: var(--nylas-base-100);\n    }\n  }\n}\n\n.dropdown-content .selected {\n  background-color: #e7e7e7;\n}\n\ninput[type='text'] {\n  width: -webkit-fill-available;\n  padding: inherit;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  position: sticky;\n  background: no-repeat scroll 7px 7px;\n  padding-left: 30px;\n  background-size: 16px 16px;\n  color: var(--nylas-base-800);\n}\n","import { Component, Element, Event, EventEmitter, h, Listen, Prop, State, Watch } from '@stencil/core';\nimport { DropdownOption } from '@nylas/core';\n/**\n * The `select-dropdown` component is a dropdown that allows users to select an option from a list of options.\n * This component is used in the scheduling form to input dropdown type inputs.\n * @part sd_dropdown - The dropdown container\n * @part sd_dropdown-button - The dropdown button\n * @part sd_dropdown-button-selected-label - The selected option label\n * @part sd_dropdown-content - The dropdown content\n * @part sd_dropdown_label - The dropdown label\n */\n@Component({\n  tag: 'select-dropdown',\n  styleUrl: 'select-dropdown.scss',\n  shadow: true,\n})\nexport class SelectDropdown {\n  @Element() el!: HTMLElement;\n  private readonly componentType: string = 'select-dropdown';\n\n  private inputRef?: HTMLInputElement;\n\n  // Props\n  /**\n   * The name of the dropdown\n   */\n  @Prop() name!: string;\n  /**\n   * The options to display in the dropdown\n   */\n  @Prop() options: DropdownOption[] = [];\n  /**\n   * The default selected option\n   */\n  @Prop({ attribute: 'default-selected-option' }) defaultSelectedOption: DropdownOption | null = null;\n  /**\n   * Should show search input\n   */\n  @Prop() withSearch: boolean = true;\n\n  /**\n   * The label for the dropdown, skipped if no label is provided\n   */\n  @Prop() label?: string;\n\n  /**\n   * If true, the dropdown is required for form submission\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * The property to make the dropdown read-only. If true, the dropdown cannot be edited.\n   */\n  @Prop() readOnly: boolean = false;\n\n  /**\n   * Show pluralized label for the selected option. This is s tring that is appended to the selected option label as a suffix.\n   */\n  @Prop() pluralizedLabel: string = '';\n  /**\n   * Overrides the select dropdown to be used as a button with dropdownButtonText representing actions &  dropdownText name on the dropdown intead of selected value\n   */\n  @Prop() dropdownButtonText?: string;\n  /**\n   * Should show chevron on button\n   */\n  @Prop() withChevron: boolean = true;\n  /**\n   * Allows to set the empty value of the dropdown\n   */\n  @Prop() emptyValue: string = 'Select an option'; // Default empty value\n  /**\n   * The custom error message to display when the value is empty or null and the dropdown is required\n   */\n  @Prop() errorMessage: string = '';\n\n  // States\n  /**\n   * The selected option\n   */\n  @State() selectedOption!: DropdownOption | null;\n  /**\n   * The open state of the dropdown\n   */\n  @State() isOpen: boolean = false;\n  /**\n   * The search value for the dropdown\n   */\n  @State() searchValue: string = '';\n  /**\n   * The filtered options based on the search value\n   */\n  @State() filteredOptions: DropdownOption[] = [...this.options];\n  /**\n   * The aria-activedescendant attribute for the listbox element to indicate the currently active\n   * option in the list box to screen readers. The value of aria-activedescendant is the ID of\n   * the active option.\n   */\n  @State() ariaActivedescendant: string = '';\n\n  /**\n   * The error message to display when the value is empty or null and the dropdown is required\n   */\n  @State() error: string = '';\n\n  // Events\n  /**\n   * This event is fired when the selected option is changed\n   */\n  @Event({ bubbles: true, composed: true }) nylasFormDropdownChanged!: EventEmitter<{\n    value: DropdownOption['value'];\n    name: string;\n    error?: string;\n    label?: string;\n  }>;\n\n  /**\n   * This event is fired when the default selected option is set, on component load\n   */\n  @Event({ bubbles: true, composed: true }) nylasFormDropdownDefaultSelected!: EventEmitter<{\n    value: DropdownOption['value'];\n    name: string;\n    error?: string;\n    label?: string;\n  }>;\n\n  @Watch('options')\n  optionsChangedHandler(newValue: DropdownOption[], oldValue: DropdownOption[]) {\n    if (newValue === oldValue) {\n      return;\n    }\n    this.filteredOptions = newValue;\n  }\n\n  @Watch('defaultSelectedOption')\n  defaultSelectedOptionChangedHandler(newValue: DropdownOption, oldValue: DropdownOption) {\n    if (typeof newValue === 'undefined' || newValue?.label === oldValue?.label) {\n      return;\n    }\n    this.selectedOption = newValue;\n    this.nylasFormDropdownDefaultSelected.emit({\n      value: newValue?.value || '',\n      name: this.name,\n      error: this.error,\n      label: this.label,\n    });\n  }\n\n  // Lifecycle methods\n  componentWillLoad() {\n    this.el.setAttribute('component-type', this.componentType);\n  }\n\n  componentDidLoad() {\n    this.filteredOptions = this.options;\n    // Set the selected option to the first option if no option is selected\n    this.selectedOption = this.defaultSelectedOption;\n\n    if (!this.selectedOption && this.options.length > 0) {\n      this.selectedOption = this.options[0];\n    }\n    this.nylasFormDropdownDefaultSelected.emit({\n      value: this.selectedOption?.value || '',\n      name: this.name,\n      error: this.error,\n      label: this.label,\n    });\n  }\n\n  // Event listeners\n  /**\n   * Listen for the bookingFormSubmitted event to validate the input value when the form is submitted.\n   */\n  @Listen('bookingFormSubmitted', { target: 'document' })\n  handleBookingFormSubmitted(event: CustomEvent) {\n    this.validate(this.selectedOption?.value || '');\n    if (this.error) {\n      event.preventDefault();\n    }\n  }\n\n  /**\n   * Listen for the formSubmitted event to validate the input value when the form is submitted.\n   * @param event\n   */\n  @Listen('formSubmitted', { target: 'document' })\n  handleFormSubmitted(event: CustomEvent) {\n    this.validate(this.selectedOption?.value || '');\n    if (this.error) {\n      event.preventDefault();\n    }\n  }\n\n  // Methods\n  validate(value: string) {\n    if (this.required && !value) {\n      this.error = this.errorMessage || `${this.label} is required.`;\n    } else {\n      this.error = '';\n    }\n  }\n  toggleDropdown(): void {\n    this.isOpen = !this.isOpen;\n  }\n\n  filterOptions(event: Event): void {\n    const value = (event.target as HTMLInputElement).value;\n    this.searchValue = value;\n    this.filteredOptions = this.options.filter(option => option.label.toLowerCase().includes(value.toLowerCase()));\n  }\n\n  selectOption(option: DropdownOption): void {\n    this.error = '';\n    this.selectedOption = option;\n    this.toggleDropdown();\n    if (option.value !== this.emptyValue) {\n      this.nylasFormDropdownChanged.emit({\n        value: option.value,\n        name: this.name,\n        error: this.error,\n        label: this.label,\n      });\n    }\n  }\n\n  handleSelectButtonKeyDown(event: KeyboardEvent): void {\n    switch (event.key) {\n      case 'ArrowDown':\n      case 'Enter':\n        event.preventDefault();\n        if (!this.isOpen) {\n          this.toggleDropdown();\n        }\n        this.inputRef?.focus();\n        break;\n      case 'Escape':\n        this.isOpen = false;\n        break;\n    }\n  }\n\n  handleListboxKeydown(e) {\n    const items = this.filteredOptions; // Assuming this is the array of your current filtered options\n    const currentIndex = items.findIndex(item => item.value === this.ariaActivedescendant);\n    if (e.key === 'ArrowDown' || (e.key === 'Tab' && !e.shiftKey)) {\n      e.preventDefault();\n      if (currentIndex === items.length - 1) {\n        this.ariaActivedescendant = '';\n        this.inputRef?.focus();\n        return;\n      }\n      const nextIndex = currentIndex + 1 < items.length ? currentIndex + 1 : 0;\n      this.ariaActivedescendant = items[nextIndex].value;\n      this.focusOption(nextIndex);\n    } else if (e.key === 'ArrowUp' || (e.key === 'Tab' && e.shiftKey)) {\n      e.preventDefault();\n      if (currentIndex === 0) {\n        this.ariaActivedescendant = '';\n        this.inputRef?.focus();\n        return;\n      }\n      const prevIndex = currentIndex - 1 >= 0 ? currentIndex - 1 : items.length - 1;\n      this.ariaActivedescendant = items[prevIndex].value;\n      this.focusOption(prevIndex);\n    } else if (e.key === 'Enter') {\n      e.preventDefault();\n      if (this.ariaActivedescendant) {\n        this.selectOption(items[currentIndex]);\n      }\n    } else if (e.key === 'Escape') {\n      this.isOpen = false;\n    }\n  }\n\n  focusOption(index) {\n    const option = this.filteredOptions[index];\n    if (!option) return; // Guard clause in case index is out of bounds\n\n    const elementId = option.value;\n    const element = this.el.shadowRoot?.getElementById(elementId) as HTMLLIElement;\n\n    if (element) {\n      element.focus(); // Set focus on the element\n      element.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n    }\n  }\n\n  handleComboboxKeyDown(event: KeyboardEvent): void {\n    if (event.key === 'ArrowDown' || (event.key == 'Tab' && !event.shiftKey)) {\n      event.preventDefault();\n      this.ariaActivedescendant = this.filteredOptions[0].value;\n      this.focusOption(0);\n    } else if (event.key === 'ArrowUp' || (event.key === 'Tab' && event.shiftKey)) {\n      event.preventDefault();\n      this.ariaActivedescendant = this.filteredOptions[this.filteredOptions.length - 1].value;\n      this.focusOption(this.filteredOptions.length - 1);\n    } else if (event.key === 'Escape') {\n      this.isOpen = false;\n    }\n  }\n\n  generateButtonText(option: DropdownOption | null, dropButtonText?: string): string {\n    if (dropButtonText) {\n      return dropButtonText;\n    }\n    return option?.label ? `${this.pluralizedLabel ? this.pluralizedLabel : option?.label}` : this.emptyValue;\n  }\n\n  // Event listeners\n  @Listen('click', { target: 'document', capture: true })\n  handleOutsideClick(event: MouseEvent) {\n    // Get the path of the event\n    const path = event.composedPath();\n\n    // Check if the path includes the host element\n    const isClickInside = path.includes(this.el);\n\n    if (!isClickInside && this.isOpen) {\n      this.isOpen = false;\n    }\n  }\n\n  render() {\n    const buttonText = this.generateButtonText(this.selectedOption, this.dropdownButtonText);\n\n    return (\n      <div class=\"dropdown\" part=\"sd_dropdown\">\n        <label part=\"sd_dropdown_label\" class={{ error: !!this.error }}>\n          {this.label && (\n            <p>\n              <span class=\"label\">{this.label}</span>\n              {this.required && <span class=\"required\">*</span>}\n            </p>\n          )}\n          <button\n            part=\"sd_dropdown-button\"\n            class={{ dropbtn: true, open: this.isOpen, error: !!this.error }}\n            onClick={() => this.toggleDropdown()}\n            disabled={this.readOnly}\n            aria-haspopup=\"listbox\"\n            title={this.readOnly ? 'read-only field' : buttonText}\n            aria-expanded={this.isOpen ? 'true' : 'false'}\n            aria-label={this.name}\n            onKeyDown={e => this.handleSelectButtonKeyDown(e)}\n          >\n            <slot name=\"select-icon\" aria-hidden=\"true\"></slot>\n            <span class=\"selected-option\" part=\"sd_dropdown-button-selected-label\">\n              {buttonText}\n            </span>\n            {this.withChevron && (\n              <span\n                class={{\n                  open: this.isOpen,\n                  closed: !this.isOpen,\n                  chevron: true,\n                }}\n                aria-hidden=\"true\"\n              >\n                <chevron-icon width=\"16\" height=\"16\" />\n              </span>\n            )}\n          </button>\n          {this.error && <span class=\"error help-text\">{this.error}</span>}\n        </label>\n\n        {this.isOpen ? (\n          <div class=\"dropdown-content\" part=\"sd_dropdown-content\">\n            {this.withSearch && (\n              <div class={{ 'search-box': true, 'open': this.isOpen }}>\n                <search-icon width=\"15\" height=\"15\" class={'icon'} />\n                <input\n                  type=\"text\"\n                  role=\"combobox\"\n                  placeholder=\"Search\"\n                  value={this.searchValue}\n                  ref={el => (this.inputRef = el)}\n                  onInput={event => this.filterOptions(event)}\n                  onKeyDown={e => this.handleComboboxKeyDown(e)}\n                />\n              </div>\n            )}\n            <ul tabindex=\"-1\" role=\"listbox\" aria-label={this.name} aria-activedescendant={this.ariaActivedescendant} onKeyDown={e => this.handleListboxKeydown(e)}>\n              {this.filteredOptions.map(option =>\n                option.value.toString() ? (\n                  <li tabindex=\"0\" key={option.value} id={option.value} part={`${this.name}-${option.label}`} onClick={() => this.selectOption(option)} role=\"option\">\n                    {option.labelHTML ? <div part=\"sd_dropdown-labelhtml\">{option.labelHTML}</div> : option.label}\n                  </li>\n                ) : null,\n              )}\n            </ul>\n          </div>\n        ) : null}\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}