1  // Centralized DOM lookups so modules share the same element references.
 2  // Each export corresponds to a single element in `index.html`.
 3  export const yearGrid = document.querySelector("#year-grid");
 4  export const monthGrid = document.querySelector("#month-grid");
 5  export const dotTypeList = document.querySelector("#dot-type-list");
 6  export const popover = document.querySelector("#day-popover");
 7  export const popoverItemTemplate = document.querySelector("#popover-item-template");
 8  export const openSettings = document.querySelector("#open-settings");
 9  export const settingsModal = document.querySelector("#settings-modal");
10  export const periodPickerToggle = document.querySelector("#period-picker-toggle");
11  export const periodPickerLabel = document.querySelector("#period-picker-label");
12  export const periodPickerMenu = document.querySelector("#period-picker-menu");
13  export const yearPrevButton = document.querySelector("#year-prev");
14  export const yearNextButton = document.querySelector("#year-next");
15  export const todayButton = document.querySelector("#today-button");
16  export const weekStartMondayInput = document.querySelector("#week-start-monday");
17  export const hideSuggestionsInput = document.querySelector("#hide-suggestions");
18  export const showKeyboardHintsInput = document.querySelector("#show-keyboard-hints");
19  export const colorModeLightButton = document.querySelector("#color-mode-light");
20  export const colorModeDarkButton = document.querySelector("#color-mode-dark");
21  export const downloadDataButton = document.querySelector("#download-data");
22  export const uploadDataButton = document.querySelector("#upload-data");
23  export const uploadDataInput = document.querySelector("#upload-data-input");
24  export const suggestedDotList = document.querySelector("#suggested-dot-list");
25  export const suggestedDotContent = document.querySelector("#suggested-dot-content");
26  export const deleteModal = document.querySelector("#delete-modal");
27  export const onboardingModal = document.querySelector("#onboarding-modal");
28  export const onboardingNextButton = document.querySelector("#onboarding-next");
29  export const onboardingBackButton = document.querySelector("#onboarding-back");
30  export const onboardingNextDotsButton = document.querySelector("#onboarding-next-dots");
31  export const onboardingBackSyncButton = document.querySelector("#onboarding-back-sync");
32  export const onboardingDoneButton = document.querySelector("#onboarding-done");
33  export const onboardingSkipIntroButton = document.querySelector("#onboarding-skip-intro");
34  export const onboardingSkipButton = document.querySelector("#onboarding-skip");
35  export const onboardingEmailInput = document.querySelector("#onboarding-email");
36  export const onboardingSendButton = document.querySelector("#onboarding-send");
37  export const onboardingDotTypeList = document.querySelector("#onboarding-dot-type-list");
38  export const onboardingSuggestedDotList = document.querySelector("#onboarding-suggested-dot-list");
39  export const deleteText = document.querySelector("#delete-text");
40  export const deleteCancel = document.querySelector("#delete-cancel");
41  export const deleteConfirm = document.querySelector("#delete-confirm");
42  export const toast = document.querySelector("#toast");
43  export const appShell = document.querySelector(".app-shell");
44  export const marketingPage = document.querySelector("#marketing-page");
45  export const marketingHero = document.querySelector("#marketing-hero");
46  export const marketingLogin = document.querySelector("#marketing-login");
47  export const marketingCalendar = document.querySelector("#marketing-calendar");
48  export const marketingYear = document.querySelector("#marketing-year");
49  export const marketingMonth = document.querySelector("#marketing-month");
50  export const menuScrim = document.querySelector("#menu-scrim");
51  export const popoverScrim = document.querySelector("#popover-scrim");
52  export const mobileMenuPortal = document.querySelector("#mobile-menu-portal");
53  export const enterAppButton = document.querySelector("#enter-app");
54  export const openLoginButton = document.querySelector("#open-login");
55  export const loginEmailInput = document.querySelector("#login-email");
56  export const loginSendButton = document.querySelector("#login-send");
57  export const loginBackButton = document.querySelector("#login-back");
58  export const brandHomeButton = document.querySelector("#brand-home");
59  export const authEmailInput = document.querySelector("#auth-email");
60  export const authSendButton = document.querySelector("#auth-send");
61  export const authStatus = document.querySelector("#auth-status");
62  export const syncStatus = document.querySelector("#sync-status");
63  export const authSignOutButton = document.querySelector("#auth-signout");
64  export const authRow = document.querySelector("#auth-row");
65  export const settingsBackButton = document.querySelector("#settings-back");
66  export const resetOnboardingButton = document.querySelector("#reset-onboarding");