(() => { // This browser-only layer gives the imported Finalsite HTML local behavior. // The static import keeps the old content visible; these enhancers make the old widgets feel usable. const text = (el) => (el && el.textContent ? el.textContent.replace(/\s+/g, " ").trim() : ""); // Some "#" links are real controls in Finalsite widgets. Leave those alone and handle only dead links. const isSpecificHashControl = (link) => link.classList.contains("fsCalendarEventLink") || link.classList.contains("fsRSSIcon") || link.classList.contains("fsAlertsIcon") || link.classList.contains("fsAlertIcon") || link.classList.contains("fsConstituentProfileLink") || link.classList.contains("fsSharingLink") || link.classList.contains("fsPostLink") || link.closest(".fsPanelGroup"); const nearestTitle = (el, fallback = "Sundance") => text(el?.closest("article, .fsElement, .fsConstituentItem, .fsCalendarDaybox")?.querySelector("h1, h2, h3, .fsTitle, .fsElementTitle, .fsCalendarEventTitle")) || text(el) || fallback; const removeShareLinks = (root) => { root.querySelectorAll(".fsSharingButtonsContainer, .fsSharingButtons").forEach((element) => element.remove()); root.querySelectorAll(".fsSharingLink, a[title^='Share to']").forEach((link) => { (link.closest(".fsSharingButtonsContainer, .fsSharingButtons") || link).remove(); }); }; const replaceHashAnchorWithButton = (link) => { if (!link || link.tagName !== "A" || link.getAttribute("href") !== "#") return link; const button = document.createElement("button"); button.type = "button"; button.className = link.className; button.innerHTML = link.innerHTML; [...link.attributes].forEach((attribute) => { if (!["href", "target", "rel", "role"].includes(attribute.name)) { button.setAttribute(attribute.name, attribute.value); } }); link.replaceWith(button); return button; }; const isPostControl = (element) => element?.classList?.contains("fsPostLink") && (element.tagName === "BUTTON" || element.getAttribute("href") === "#"); const showMediaPostPreview = (root, link) => { const card = link.closest("article, .fsPostElement, .fsListItem, .fsElementContent") || link.parentElement; const slug = link.dataset.slug; const slugSelector = slug && window.CSS?.escape ? '[data-slug="' + CSS.escape(slug) + '"].fsPostLink' : null; const siblingLinks = slugSelector ? [...root.querySelectorAll(slugSelector)] : []; const titleLink = siblingLinks.find((item) => item !== link && !item.classList.contains("fsThumbnail")); const imageLink = siblingLinks.find((item) => item.classList.contains("fsThumbnail")); const title = text(link) || text(titleLink) || text(card?.querySelector(".fsTitle, h2, h3, a.fsPostLink:not(.fsThumbnail)")) || "Sundance Media"; const image = link.querySelector("img")?.getAttribute("src") || imageLink?.querySelector("img")?.getAttribute("src") || card?.querySelector("img")?.getAttribute("src"); const date = text(card?.querySelector(".fsDateTime, .fsDate")); const summary = text(card?.querySelector(".fsSummary")); const body = [date, summary].filter(Boolean).join(" - ") || "This Sundance media item is available as a local preview."; const clone = card?.cloneNode(true); if (clone) { removeShareLinks(clone); clone.querySelectorAll("script, style, iframe").forEach((element) => element.remove()); clone.querySelectorAll(".fsTitle, h1, h2, h3").forEach((element) => element.remove()); clone.querySelectorAll("a, button.fsPostLink").forEach((anchor) => { const href = anchor.getAttribute("href") || ""; if (href === "#" || anchor.classList.contains("fsPostLink")) { const span = document.createElement("span"); span.className = anchor.className; span.innerHTML = anchor.innerHTML; anchor.replaceWith(span); } }); if (!text(clone.querySelector(".fsSummary"))) { const note = document.createElement("p"); note.className = "local-media-original-note"; note.textContent = "The original Sundance media post only included this image and date."; clone.append(note); } showDialog({ title, html: clone.innerHTML, className: "local-media-preview-dialog local-media-full-dialog", }); return; } showDialog({ title, body, image, className: "local-media-preview-dialog" }); }; // Inject small utility styles once. These support local dialogs, search, mobile menu, and imported widgets. const ensureUtilityStyles = () => { if (document.getElementById("sundance-local-ui-styles")) return; const style = document.createElement("style"); style.id = "sundance-local-ui-styles"; style.textContent = ".local-clickable-dialog{background:rgba(7,30,73,.52);display:grid;inset:0;place-items:center;position:fixed;z-index:9999}.local-clickable-dialog__panel{background:#fff;border:1px solid rgba(17,58,131,.16);border-radius:10px;box-shadow:0 28px 80px rgba(8,36,84,.32);color:#08244f;max-width:min(540px,calc(100% - 2rem));padding:1.35rem}.local-clickable-dialog__panel img{border-radius:8px;display:block;height:auto;margin:.85rem 0;max-height:320px;object-fit:cover;width:100%}.local-clickable-dialog__panel h2{font-size:1.45rem;line-height:1.15;margin:0 0 .55rem}.local-clickable-dialog__panel p{font-size:1rem;line-height:1.5;margin:.4rem 0 0}.local-clickable-dialog__actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.local-clickable-dialog__actions a,.local-clickable-dialog__actions button{background:#f8c63f;border:0;border-radius:999px;color:#10284b;cursor:pointer;font:700 .9rem/1 var(--font-inter,Arial,sans-serif);padding:.7rem 1rem;text-decoration:none}.local-clickable-dialog__actions button.secondary{background:#eef3fb}.local-widget-tools{align-items:end;background:rgba(255,255,255,.92);border:1px solid rgba(17,58,131,.12);border-radius:8px;box-shadow:0 10px 28px rgba(8,36,84,.06);display:flex;flex-wrap:wrap;gap:.75rem;margin:0 0 1rem;padding:.8rem}.local-widget-tools label{color:#113a83;display:grid;font-weight:900;gap:.35rem}.local-widget-tools input{background:#fff;border:1px solid rgba(17,58,131,.16);border-radius:8px;color:#08244f;font:inherit;min-width:min(280px,100%);padding:.65rem .75rem}.local-empty-note{color:#5d6f8d;font-weight:800}.local-frame-wrap{display:grid;gap:.55rem}.local-frame-actions{display:flex;gap:.5rem;justify-content:flex-end}.local-frame-actions a{background:#eef3fb;border:1px solid rgba(17,58,131,.14);border-radius:999px;color:#113a83;font-weight:900;padding:.5rem .75rem;text-decoration:none}.local-slideshow-ready [data-local-slide-hidden='true']{display:none!important}.fsStateHidden{display:none!important}"; document.head.append(style); const extra = document.createElement("style"); extra.id = "sundance-local-interactions-styles"; extra.textContent = ".local-search-dialog .local-clickable-dialog__panel{max-width:min(760px,calc(100% - 2rem));width:100%}.local-search-form{display:flex;gap:.6rem;margin:.85rem 0 1rem}.local-search-form input{border:1px solid rgba(17,58,131,.18);border-radius:999px;color:#08244f;flex:1;font:inherit;padding:.85rem 1rem}.local-search-results{display:grid;gap:.65rem;max-height:52vh;overflow:auto}.local-search-result{border:1px solid rgba(17,58,131,.12);border-radius:8px;color:#113a83;display:grid;gap:.2rem;padding:.8rem;text-decoration:none}.local-search-result strong{font:900 1rem/1.2 var(--font-inter,Arial,sans-serif)}.local-search-result span{color:#5d6f8d;line-height:1.42}.local-media-player{align-items:center;background:linear-gradient(135deg,rgba(7,30,73,.92),rgba(17,58,131,.78)),url('/original/1932-c453da99.jpg') center/cover;border-radius:10px;color:#fff;display:grid;min-height:260px;padding:2rem;place-items:center;text-align:center}.local-media-player button{background:#f8c63f;border:0;border-radius:999px;color:#10284b;cursor:pointer;font:900 1rem/1 var(--font-inter,Arial,sans-serif);padding:.85rem 1.1rem}.local-portal-actions{display:flex;flex-wrap:wrap;gap:.55rem}.local-portal-actions button{background:transparent;border:0;color:#113a83;cursor:pointer;font-weight:900;text-decoration:underline}.local-form-status{color:#113a83;font-weight:900}.site-mobile-toggle{background:#113a83;border:0;border-radius:999px;color:#fff;cursor:pointer;display:none;font-weight:900;padding:.64rem .85rem}@media (max-width:900px){.site-mobile-toggle{display:inline-flex}.brand-row .main-nav{display:none}.brand-row[data-mobile-open='true'] .main-nav{background:#fff;border:1px solid rgba(17,58,131,.12);border-radius:8px;box-shadow:0 22px 52px rgba(8,36,84,.14);display:grid;grid-column:1/-1;justify-content:stretch;padding:.75rem}.brand-row[data-mobile-open='true'] .sub-nav{box-shadow:none;left:auto;opacity:1;pointer-events:auto;position:static;transform:none}}"; document.head.append(extra); }; // Shared lightweight dialog used for imported popups, calendar items, image previews, and dead links. const showDialog = ({ title, body, image, html, actionHref, actionText, className }) => { ensureUtilityStyles(); const existing = document.querySelector(".local-clickable-dialog"); existing?.remove(); const overlay = document.createElement("div"); overlay.className = ["local-clickable-dialog", className].filter(Boolean).join(" "); overlay.setAttribute("role", "dialog"); overlay.setAttribute("aria-modal", "true"); overlay.innerHTML = '

'; overlay.querySelector("h2").textContent = title; const content = overlay.querySelector(".local-clickable-dialog__body"); if (html) { const rich = document.createElement("div"); rich.className = "local-dialog-html"; rich.innerHTML = html; content.append(rich); } else if (image) { const img = document.createElement("img"); img.src = image; img.alt = ""; content.append(img); const p = document.createElement("p"); p.textContent = body; content.append(p); } else { const p = document.createElement("p"); p.textContent = body; content.append(p); } const actions = overlay.querySelector(".local-clickable-dialog__actions"); if (actionHref) { const action = document.createElement("a"); action.href = actionHref; action.textContent = actionText || "Open"; actions.append(action); } const close = document.createElement("button"); close.type = "button"; close.className = "secondary"; close.textContent = "Close"; actions.append(close); const onKey = (event) => { if (event.key === "Escape") closeDialog(); }; const closeDialog = () => { overlay.remove(); document.removeEventListener("keydown", onKey); }; close.addEventListener("click", closeDialog); overlay.addEventListener("click", (event) => { if (event.target === overlay) closeDialog(); }); document.addEventListener("keydown", onKey); document.body.append(overlay); close.focus(); }; // Finalsite tabs/accordions reference panels by hash. This safely resolves the matching panel. const panelFromHash = (root, hash) => { if (!hash || !hash.startsWith("#")) return null; try { const anchor = root.querySelector(hash); return anchor ? anchor.closest(".fsPanel") : null; } catch { return null; } }; // Old Finalsite page IDs appear throughout imported HTML. Keep visitors on the new clean URLs. const legacyMap = { "/fs/pages/520": "/enrichment-programs/summer-camps", "/fs/pages/625": "/academics/lower-school", "/fs/pages/626": "/academics/elementary-school", "/fs/pages/627": "/academics/elementary-school", "/fs/pages/628": "/enrichment-programs/summer-camps", "/fs/pages/630": "/admission", "/fs/pages/634": "/about/staff-directory", "/fs/pages/636": "/academics", "/fs/pages/638": "/contact-us", "/fs/pages/644": "/about/school-calendar", "/fs/pages/649": "/the-arts/visual-arts", "/fs/pages/650": "/the-arts/performing-arts", "/fs/pages/651": "/the-arts/music-instruction", "/fs/pages/652": "/enrichment-programs/beforeafter-school-care", "/fs/pages/653": "/enrichment-programs/after-school-adventures", "/fs/pages/654": "/enrichment-programs/vacation-childcare", "/fs/pages/655": "/admission/discovery-days", "/fs/pages/657": "/academics/lower-school/the-moon-room", "/fs/pages/658": "/academics/lower-school/the-tree-room", "/fs/pages/659": "/academics/lower-school/the-sun-room", "/fs/pages/664": "/the-arts/the-happening", "/fs/pages/670": "/contact-us/new-page", "/fs/pages/672": "/the-arts/showtime-experience", "/fs/pages/895": "/academics/middle-school", "/fs/pages/896": "/academics/elementary-school", "/fs/pages/898": "/academics/middle-school/7thand8th", "/fs/pages/899": "/academics/middle-school/5thand6th", "/fs/pages/900": "/academics/elementary-school/kindergarten", "/fs/pages/901": "/academics/elementary-school/2ndgrade", "/fs/pages/902": "/academics/elementary-school/1stgrade", "/fs/pages/903": "/academics/elementary-school/3rdgrade", "/fs/pages/904": "/academics/elementary-school/4thgrade", }; const normalizeLegacyPath = (path) => path.replace(/^\/fs\/(\d+)$/i, "/fs/pages/$1"); const localizeHref = (href) => { if (!href || href === "#") return href; try { const url = new URL(href, location.origin); const path = normalizeLegacyPath(url.pathname); if (url.hostname === "thesundanceschoolcom.finalsite.com" || url.hostname.endsWith("thesundanceschool.com")) { return (legacyMap[path] || path) + url.search + url.hash; } if (url.origin === location.origin && legacyMap[path]) return legacyMap[path] + url.search + url.hash; } catch { return legacyMap[href] || href; } return legacyMap[href] || href; }; // Global site search is implemented locally through /api/search so it works without Finalsite. const openSearch = () => { ensureUtilityStyles(); const overlay = document.createElement("div"); overlay.className = "local-clickable-dialog local-search-dialog"; overlay.setAttribute("role", "dialog"); overlay.setAttribute("aria-modal", "true"); overlay.innerHTML = '

Search Sundance

Type at least two letters.

'; const onSearchKey = (event) => { if (event.key === "Escape") close(); }; const close = () => { overlay.remove(); document.removeEventListener("keydown", onSearchKey); }; overlay.querySelector(".secondary").addEventListener("click", close); overlay.addEventListener("click", (event) => { if (event.target === overlay) close(); }); document.addEventListener("keydown", onSearchKey); const input = overlay.querySelector("input"); const results = overlay.querySelector(".local-search-results"); const runSearch = async () => { const query = input.value.trim(); if (query.length < 2) { results.innerHTML = '

Type at least two letters.

'; return; } results.innerHTML = '

Searching...

'; const response = await fetch("/api/search?q=" + encodeURIComponent(query), { cache: "no-store" }).catch(() => null); const data = response && response.ok ? await response.json() : { results: [] }; const items = Array.isArray(data.results) ? data.results : []; results.innerHTML = items.length ? "" : '

No matching Sundance pages found.

'; items.forEach((item) => { const link = document.createElement("a"); link.className = "local-search-result"; link.href = item.href; link.innerHTML = ""; link.querySelector("strong").textContent = item.title || "Sundance"; link.querySelector("span").textContent = item.snippet || item.href; link.addEventListener("click", close); results.append(link); }); }; overlay.querySelector("form").addEventListener("submit", (event) => { event.preventDefault(); runSearch(); }); input.addEventListener("input", () => { window.clearTimeout(input._searchTimer); input._searchTimer = window.setTimeout(runSearch, 220); }); document.body.append(overlay); input.focus(); }; // Header-level behavior: rewrite legacy links, open search, and add the compact mobile menu button. const enhanceGlobalChrome = () => { ensureUtilityStyles(); document.querySelectorAll("a[href]").forEach((link) => { if (link.dataset.localHrefReady === "true") return; link.dataset.localHrefReady = "true"; const localized = localizeHref(link.getAttribute("href")); if (localized && localized !== link.getAttribute("href")) link.setAttribute("href", localized); }); document.querySelectorAll(".site-search-trigger").forEach((button) => { if (button.dataset.localSearchReady === "true") return; button.dataset.localSearchReady = "true"; button.addEventListener("click", openSearch); }); document.querySelectorAll(".brand-row").forEach((row) => { if (row.dataset.mobileReady === "true") return; row.dataset.mobileReady = "true"; const toggle = document.createElement("button"); toggle.className = "site-mobile-toggle"; toggle.type = "button"; toggle.textContent = "Menu"; toggle.addEventListener("click", () => { row.dataset.mobileOpen = row.dataset.mobileOpen === "true" ? "false" : "true"; }); row.querySelector(".logo-link")?.insertAdjacentElement("afterend", toggle); }); }; // The original contact page had scattered forms and links. This hub keeps the common actions obvious. const enhanceContactPage = (root) => { if (!location.pathname.startsWith("/contact-us") || root.dataset.localContactHubReady === "true") return; root.dataset.localContactHubReady = "true"; const hub = document.createElement("section"); hub.className = "local-contact-hub"; hub.innerHTML = '

Contact Sundance

Reach the school quickly

Call, email, get directions, or open the contact forms from one clean place.

'; root.prepend(hub); root.querySelectorAll('a[href^="mailto:"], a[href^="tel:"]').forEach((link) => { if (link.dataset.localContactActionReady === "true") return; link.dataset.localContactActionReady = "true"; link.addEventListener("click", () => { link.dataset.localOpened = "true"; }); }); }; const calendarEventDate = (event) => { const date = event?.date ? new Date(event.date + "T00:00:00") : null; return date && !Number.isNaN(date.getTime()) ? date : null; }; const calendarDateLabel = (event) => { const date = calendarEventDate(event); return date ? date.toLocaleDateString(undefined, { month: "long", day: "numeric", year: "numeric" }) : "Date TBD"; }; const sortedCalendarEvents = (events) => (Array.isArray(events) ? events : []) .filter((event) => event && event.published !== false) .slice() .sort((a, b) => String(a.date || "").localeCompare(String(b.date || ""))); const calendarEventMatchesDate = (event, dateEl) => { const date = calendarEventDate(event); if (!date || !dateEl) return false; return ( Number(dateEl.dataset.year) === date.getFullYear() && Number(dateEl.dataset.month) === date.getMonth() && Number(dateEl.dataset.day) === date.getDate() ); }; const makeCalendarEventLink = (event) => { const link = document.createElement("button"); link.type = "button"; link.className = "fsCalendarEventTitle fsCalendarEventLink"; link.dataset.occurId = event.sourceOccurId || event.id || ""; link.title = event.title || "Sundance Event"; link.textContent = event.title || "Sundance Event"; link.addEventListener("click", (click) => { click.preventDefault(); showDialog({ title: event.title || "Calendar Event", body: [calendarDateLabel(event), event.time, event.category, event.note].filter(Boolean).join(" - ") || "Calendar event details", }); }); return link; }; const makeCalendarArticle = (event) => { const article = document.createElement("article"); const date = calendarEventDate(event); const time = document.createElement("time"); time.className = "fsDate"; if (date) { time.dateTime = event.date + "T00:00:00-04:00"; time.innerHTML = ' '; time.querySelector(".fsMonth").textContent = date.toLocaleDateString(undefined, { month: "short" }); time.querySelector(".fsDay").textContent = String(date.getDate()); time.querySelector(".fsYear").textContent = String(date.getFullYear()); } else { time.textContent = "Date TBD"; } const title = document.createElement("div"); title.className = "fsTitle"; title.append(makeCalendarEventLink(event)); const details = document.createElement("div"); details.className = "fsEventDetails"; details.textContent = [event.time, event.category, event.note].filter(Boolean).join(" - "); article.append(time, title, details); return article; }; let latestCalendarEvents = []; const calendarMonthLabel = (year, month) => new Date(year, month, 1).toLocaleDateString(undefined, { month: "long", year: "numeric" }); const calendarInputDate = (year, month) => { const normalized = new Date(year, month, 1); return [ normalized.getFullYear(), String(normalized.getMonth() + 1).padStart(2, "0"), "01", ].join("-"); }; const readCalendarMonth = (calendar) => { const savedYear = Number(calendar.dataset.currentYear); const savedMonth = Number(calendar.dataset.currentMonth); if (Number.isInteger(savedYear) && Number.isInteger(savedMonth)) { return { year: savedYear, month: savedMonth }; } const inRangeDate = calendar.querySelector(".fsCalendarDaybox:not(.fsCalendarOutOfRange) .fsCalendarDate"); const year = Number(inRangeDate?.dataset.year); const month = Number(inRangeDate?.dataset.month); if (Number.isInteger(year) && Number.isInteger(month)) return { year, month }; const today = new Date(); return { year: today.getFullYear(), month: today.getMonth() }; }; const eventsForDay = (events, date) => events.filter((event) => { const eventDate = calendarEventDate(event); return ( eventDate && eventDate.getFullYear() === date.getFullYear() && eventDate.getMonth() === date.getMonth() && eventDate.getDate() === date.getDate() ); }); const renderCalendarGrid = (calendar, year, month, events) => { const grid = calendar.querySelector(".fsCalendarEventGrid"); if (!grid) return; calendar.dataset.currentYear = String(year); calendar.dataset.currentMonth = String(month); const monthBrowser = calendar.querySelector(".fsCalendarMonthBrowser"); const label = monthBrowser?.querySelector("span"); if (label) label.textContent = calendarMonthLabel(year, month); const previous = monthBrowser?.querySelector(".fsCalendarPrevMonth"); const next = monthBrowser?.querySelector(".fsCalendarNextMonth"); if (previous) previous.value = calendarInputDate(year, month - 1); if (next) next.value = calendarInputDate(year, month + 1); grid.querySelectorAll(".fsCalendarRow").forEach((row) => row.remove()); const firstOfMonth = new Date(year, month, 1); const gridStart = new Date(year, month, 1 - firstOfMonth.getDay()); const today = new Date(); for (let week = 0; week < 6; week += 1) { const row = document.createElement("div"); row.className = "fsCalendarRow"; for (let day = 0; day < 7; day += 1) { const date = new Date(gridStart.getFullYear(), gridStart.getMonth(), gridStart.getDate() + week * 7 + day); const box = document.createElement("div"); box.className = "fsCalendarDaybox"; if (date.getMonth() !== month) box.classList.add("fsCalendarOutOfRange"); if ( date.getFullYear() === today.getFullYear() && date.getMonth() === today.getMonth() && date.getDate() === today.getDate() ) { box.classList.add("fsCalendarToday"); } const dateEl = document.createElement("div"); dateEl.className = "fsCalendarDate"; dateEl.dataset.day = String(date.getDate()); dateEl.dataset.year = String(date.getFullYear()); dateEl.dataset.month = String(date.getMonth()); dateEl.innerHTML = ' '; dateEl.querySelector(".fsCalendarDay").textContent = date.toLocaleDateString(undefined, { weekday: "long" }) + ","; dateEl.querySelector(".fsCalendarMonth").textContent = date.toLocaleDateString(undefined, { month: "long" }); dateEl.append(document.createTextNode(" " + date.getDate())); box.append(dateEl); eventsForDay(events, date).forEach((event) => { box.classList.add("fsStateHasEvents"); const info = document.createElement("div"); info.className = "fsCalendarInfo"; info.append(makeCalendarEventLink(event)); if (event.time || event.category || event.note) { const details = document.createElement("div"); details.className = "fsTimeRange"; details.textContent = [event.time, event.category, event.note].filter(Boolean).join(" - "); info.append(details); } box.append(info); }); row.append(box); } grid.append(row); } }; const renderCalendarOverrides = (events, managed) => { const calendarEvents = sortedCalendarEvents(events); latestCalendarEvents = calendarEvents; const calendars = [...document.querySelectorAll(".fsCalendar")]; if (!managed && !calendarEvents.length) return; calendars.forEach((calendar) => { calendar.dataset.adminCalendarManaged = managed ? "true" : "false"; calendar.querySelectorAll(".fsElementSlideshow, .fsListItems").forEach((list) => { list.querySelectorAll("article").forEach((article) => article.remove()); const controls = list.querySelector(".fsElementControls"); calendarEvents.forEach((event) => { const article = makeCalendarArticle(event); controls ? controls.insertAdjacentElement("afterend", article) : list.append(article); }); }); const dayboxes = [...calendar.querySelectorAll(".fsCalendarDaybox")]; if (dayboxes.length) { const current = readCalendarMonth(calendar); renderCalendarGrid(calendar, current.year, current.month, calendarEvents); } }); document.querySelectorAll(".sundance-admin-updates").forEach((node) => node.remove()); if (!calendars.length && calendarEvents.length && location.pathname.includes("calendar")) { const updates = document.createElement("section"); updates.className = "sundance-admin-updates"; updates.innerHTML = "

School Calendar

"; calendarEvents.forEach((event) => { const item = document.createElement("article"); item.innerHTML = "

"; item.querySelector("time").textContent = [calendarDateLabel(event), event.time].filter(Boolean).join(" - "); item.querySelector("strong").textContent = event.title || "Sundance Event"; item.querySelector("p").textContent = [event.category, event.note].filter(Boolean).join(" - "); updates.append(item); }); (document.querySelector("main") || document.body).prepend(updates); } }; // Admin edits are stored as JSON on the server and applied client-side so static pages stay simple. const renderSiteOverrides = (data) => { if (!data || location.pathname.startsWith("/admin")) return; document.querySelectorAll(".sundance-admin-announcement, .sundance-admin-updates, .sundance-admin-contact").forEach((node) => node.remove()); const textOverrides = Array.isArray(data.textOverrides) ? data.textOverrides : []; textOverrides.forEach((item) => { if (!item?.selector || typeof item.value !== "string") return; try { document.querySelectorAll(item.selector).forEach((node) => { node.textContent = item.value; }); } catch { return; } }); if (data.announcement) { const announcement = document.createElement("section"); announcement.className = "sundance-admin-announcement"; announcement.innerHTML = '

'; announcement.querySelector("strong").textContent = data.announcement.title || "Sundance Update"; announcement.querySelector("p").textContent = data.announcement.body || ""; const link = announcement.querySelector("a"); link.href = data.announcement.href || "/about/school-calendar"; link.textContent = "Open"; const anchor = document.querySelector(".brand-row") || document.body.firstElementChild; anchor?.insertAdjacentElement("afterend", announcement); } renderCalendarOverrides(data.calendarEvents, data.calendarManaged); if (location.pathname.includes("contact") && data.contact) { const contact = document.createElement("section"); contact.className = "sundance-admin-contact"; contact.innerHTML = "Current Contact Details

"; const lines = contact.querySelectorAll("p"); lines[0].textContent = data.contact.phone || ""; lines[1].textContent = data.contact.email || ""; lines[2].textContent = data.contact.address || ""; (document.querySelector("main") || document.body).prepend(contact); } }; const loadSiteOverrides = () => { if (document.body.dataset.sundanceOverridesReady === "true") return; document.body.dataset.sundanceOverridesReady = "true"; fetch("/api/site-overrides", { cache: "no-store" }) .then((response) => (response.ok ? response.json() : null)) .then(renderSiteOverrides) .catch(() => undefined); }; const enhanceMediaPostDelegation = () => { if (document.body.dataset.sundanceMediaDelegationReady === "true") return; document.body.dataset.sundanceMediaDelegationReady = "true"; document.addEventListener( "click", (event) => { const link = event.target.closest?.(".original-page-content .fsPostLink"); if (!link || !isPostControl(link)) return; const root = link.closest(".original-page-content"); if (!root) return; event.preventDefault(); event.stopImmediatePropagation(); showMediaPostPreview(root, link); }, true, ); }; function enhanceRoot(root) { if (!root || root.dataset.functionalityReady === "true") return; root.dataset.functionalityReady = "true"; removeShareLinks(root); // Everything below adapts specific Finalsite widget patterns after the imported HTML is on the page. root.querySelectorAll("a[href]").forEach((link) => { const localized = localizeHref(link.getAttribute("href")); if (localized && localized !== link.getAttribute("href")) link.setAttribute("href", localized); }); root.querySelectorAll("img").forEach((img) => { img.loading = img.loading || "lazy"; img.decoding = img.decoding || "async"; }); enhanceContactPage(root); root.querySelectorAll(".fsMediaContainer").forEach((container) => { if (container.dataset.localMediaReady === "true") return; container.dataset.localMediaReady = "true"; if (container.children.length) return; const player = document.createElement("div"); player.className = "local-media-player"; player.innerHTML = '

The Sundance School

Original Media Player

'; player.querySelector("button").addEventListener("click", () => { showDialog({ title: "Sundance Media", body: "The original Finalsite media player is represented here locally. Use Media or Contact Us to view more Sundance media and request current videos.", actionHref: "/media", actionText: "Open Media", }); }); container.append(player); }); root.querySelectorAll(".local-portal-form").forEach((form) => { if (form.dataset.localPortalReady === "true") return; form.dataset.localPortalReady = "true"; const status = form.querySelector(".local-form-status"); const renderMode = (mode) => { form.dataset.mode = mode; if (mode === "forgot") { form.innerHTML = 'Email

'; } else if (mode === "create") { form.innerHTML = 'UsernameNew PasswordVerify Password

'; } else { form.innerHTML = 'UsernamePassword

'; } }; form.addEventListener("click", (event) => { const button = event.target.closest("[data-portal-mode]"); if (!button) return; event.preventDefault(); renderMode(button.dataset.portalMode); }); form.addEventListener("submit", (event) => { event.preventDefault(); const mode = form.dataset.mode || "login"; const targetStatus = form.querySelector(".local-form-status") || status; if (mode === "create") { const data = new FormData(form); if (data.get("password") !== data.get("verify")) { targetStatus.textContent = "Passwords do not match."; return; } } targetStatus.textContent = mode === "login" ? "This local portal does not connect to Finalsite accounts. Contact Sundance for account access." : "Your portal help request is ready for the Sundance office."; if (mode !== "login") { const data = new FormData(form); const subject = encodeURIComponent("Sundance parent portal help"); const body = encodeURIComponent([...data.entries()].map(([key, value]) => key + ": " + value).join("\\n")); window.location.href = "mailto:sundance@thesundanceschool.com?subject=" + subject + "&body=" + body; } }); }); root.querySelectorAll(".fsPanelGroup").forEach((group) => { const panels = [...group.querySelectorAll(".fsPanel")]; if (!panels.length) return; const setPanel = (panel, open) => { panel.dataset.open = open ? "true" : "false"; panel.querySelector(":scope > .fsElementContent")?.setAttribute("aria-hidden", open ? "false" : "true"); panel.querySelector(":scope > header a")?.setAttribute("aria-expanded", open ? "true" : "false"); const anchor = panel.querySelector(':scope > .fsElementContent > a[id^="fs-panel-"]'); const tab = anchor ? group.querySelector('.fsTabsNav a[href="#' + anchor.id + '"]') : null; tab?.setAttribute("aria-selected", open ? "true" : "false"); }; const openOnly = (panel) => panels.forEach((item) => setPanel(item, item === panel)); openOnly(panelFromHash(group, window.location.hash) || panels[0]); group.querySelectorAll(".fsTabsNav a, .fsPanel > header a").forEach((link) => { link.addEventListener("click", (event) => { const panel = panelFromHash(group, link.hash); if (!panel) return; event.preventDefault(); if (link.closest(".fsTabsNav")) { openOnly(panel); } else { const isOpen = panel.dataset.open === "true"; panels.forEach((item) => setPanel(item, item === panel ? !isOpen : false)); } history.replaceState(null, "", location.pathname + location.search + link.hash); }); }); }); root.querySelectorAll(".fsCalendar").forEach((calendar) => { if (calendar.dataset.enhanced === "true") return; calendar.dataset.enhanced = "true"; const content = calendar.querySelector(".fsElementContent") || calendar; const tools = document.createElement("div"); tools.className = "local-calendar-tools"; tools.innerHTML = 'Find events'; content.prepend(tools); const input = tools.querySelector("input"); const items = [...calendar.querySelectorAll("article, .fsCalendarEventGrid .fsCalendarDaybox")]; input?.addEventListener("input", () => { const query = input.value.trim().toLowerCase(); items.forEach((item) => { item.hidden = !!query && !text(item).toLowerCase().includes(query); }); }); calendar.querySelectorAll(".fsCalendarEventLink, .fsCalendarEventGrid a[href='#']").forEach((rawLink) => { const link = replaceHashAnchorWithButton(rawLink); link.addEventListener("click", (event) => { event.preventDefault(); const holder = link.closest("article, .fsCalendarDaybox"); const title = text(link) || "Calendar Event"; const date = text(holder?.querySelector(".fsDate, time, .fsCalendarDate")); const details = text(holder?.querySelector(".fsEventDetails, .fsTimeRange, .fsCalendarInfo")); showDialog({ title, body: [date, details].filter(Boolean).join(" - ") || "Calendar event details" }); }); }); calendar.querySelectorAll(".fsRSSIcon").forEach((rawLink) => { const link = replaceHashAnchorWithButton(rawLink); link.addEventListener("click", async (event) => { event.preventDefault(); await navigator.clipboard?.writeText(location.href).catch(() => undefined); showDialog({ title: "Calendar RSS", body: "The local calendar page link has been copied. Use the School Calendar page to keep track of Sundance events.", actionHref: "/about/school-calendar", actionText: "Open Calendar", }); }); }); calendar.querySelectorAll(".fsAlertsIcon").forEach((rawLink) => { const link = replaceHashAnchorWithButton(rawLink); link.addEventListener("click", (event) => { event.preventDefault(); showDialog({ title: "Calendar Alerts", body: "Online alert subscriptions are not connected to the old Finalsite system here. Contact Sundance and we can help you stay updated.", actionHref: "/contact-us", actionText: "Contact Us", }); }); }); calendar.querySelectorAll(".fsAlertIcon").forEach((rawLink) => { const link = replaceHashAnchorWithButton(rawLink); link.addEventListener("click", (event) => { event.preventDefault(); showDialog({ title: "Event Alert", body: "Event alerts from the original Finalsite calendar are represented locally. Contact Sundance for live alert setup.", actionHref: "/contact-us", actionText: "Contact Us", }); }); }); calendar.querySelectorAll(".fsCalendarPrevMonth, .fsCalendarNextMonth").forEach((button) => { button.addEventListener("click", (event) => { event.preventDefault(); const current = readCalendarMonth(calendar); const direction = button.classList.contains("fsCalendarPrevMonth") ? -1 : 1; const target = new Date(current.year, current.month + direction, 1); renderCalendarGrid(calendar, target.getFullYear(), target.getMonth(), latestCalendarEvents); }); }); }); root.querySelectorAll(".fsDirectory").forEach((directory) => { if (directory.dataset.localDirectoryReady === "true") return; directory.dataset.localDirectoryReady = "true"; const items = [...directory.querySelectorAll(".fsConstituentItem")]; if (!items.length) return; const tools = document.createElement("div"); tools.className = "local-widget-tools"; tools.innerHTML = 'Find staff'; directory.querySelector(".fsElementContent")?.prepend(tools); const input = tools.querySelector("input"); const empty = tools.querySelector(".local-empty-note"); input?.addEventListener("input", () => { const query = input.value.trim().toLowerCase(); let shown = 0; items.forEach((item) => { const visible = !query || text(item).toLowerCase().includes(query); item.hidden = !visible; if (visible) shown += 1; }); empty.hidden = shown !== 0; }); }); root.querySelectorAll(".imported-form-fallback").forEach((fallback) => { if (fallback.dataset.enhanced === "true") return; fallback.dataset.enhanced = "true"; const title = fallback.querySelector("h2"); const copy = fallback.querySelector("p"); const legacyButton = fallback.querySelector(".imported-form-button"); if (title) title.textContent = "Send a Message"; if (copy) copy.textContent = "Share your contact details and a short note. Your email app will open with the message ready for The Sundance School."; if (legacyButton) legacyButton.remove(); const form = document.createElement("form"); form.className = "local-contact-form"; form.innerHTML = '

Name Email

Message

'; fallback.append(form); form.addEventListener("submit", (event) => { event.preventDefault(); const data = new FormData(form); const subject = encodeURIComponent("Sundance School website inquiry"); const body = encodeURIComponent("Name: " + (data.get("name") || "") + "\nEmail: " + (data.get("email") || "") + "\n\n" + (data.get("message") || "")); form.querySelector(".local-form-status").textContent = "Your message is ready in your email app."; window.location.href = "mailto:sundance@thesundanceschool.com?subject=" + subject + "&body=" + body; }); }); root.querySelectorAll(".fsSharingLink").forEach((link) => { if ( link.classList.contains("fsSharingFacebook") || link.classList.contains("fsSharingTwitter") || link.classList.contains("fsSharingLinkedIn") || link.classList.contains("fsSharingPinterest") || link.classList.contains("fsSharingEmail") ) { return; } const original = text(link) || "Share"; link.addEventListener("click", async (event) => { event.preventDefault(); if (navigator.share) { await navigator.share({ title: document.title, url: location.href }).catch(() => undefined); } else { await navigator.clipboard?.writeText(location.href).catch(() => undefined); link.textContent = "Copied"; window.setTimeout(() => { link.textContent = original; }, 1200); } }); }); root.querySelectorAll(".fsSharingFacebook, .fsSharingTwitter, .fsSharingLinkedIn, .fsSharingPinterest, .fsSharingEmail").forEach((link) => { link.addEventListener("click", (event) => { event.preventDefault(); const url = encodeURIComponent(location.href); const title = encodeURIComponent(document.title); let shareUrl = ""; if (link.classList.contains("fsSharingFacebook")) shareUrl = "https://www.facebook.com/sharer/sharer.php?u=" + url; if (link.classList.contains("fsSharingTwitter")) shareUrl = "https://twitter.com/intent/tweet?url=" + url + "&text=" + title; if (link.classList.contains("fsSharingLinkedIn")) shareUrl = "https://www.linkedin.com/shareArticle?mini=true&url=" + url + "&title=" + title; if (link.classList.contains("fsSharingPinterest")) shareUrl = "https://pinterest.com/pin/create/button/?url=" + url + "&description=" + title; if (link.classList.contains("fsSharingEmail")) shareUrl = "mailto:?subject=" + title + "&body=" + url; if (shareUrl) window.open(shareUrl, "_blank", "noopener,noreferrer,width=720,height=520"); }); }); root.querySelectorAll(".fsConstituentProfileLink").forEach((link) => { link.addEventListener("click", (event) => { event.preventDefault(); const card = link.closest(".fsConstituentItem"); const name = text(link) || "Sundance Staff"; const image = card?.querySelector("img")?.getAttribute("src"); showDialog({ title: name, body: "Staff profile details from the old Finalsite directory are shown here as a local profile card.", image, }); }); }); root.querySelectorAll(".fsPrevButton, .fsNextButton").forEach((button) => { button.addEventListener("click", (event) => { event.preventDefault(); const region = button.closest(".fsElement") || root; const items = [...region.querySelectorAll(".fsElementSlideshow article, .fsElementSlideshow img, .fsListItems article, article, .program-card")].filter((item) => item.getBoundingClientRect().height > 0 || item.dataset.localSlideHidden === "true"); if (!items.length) return; region.classList.add("local-slideshow-ready"); const current = Number(region.dataset.localSlideIndex || "0"); const step = button.classList.contains("fsPrevButton") ? -1 : 1; const next = (current + step + items.length) % items.length; region.dataset.localSlideIndex = String(next); items.forEach((item, index) => { item.dataset.localSlideHidden = index === next ? "false" : "true"; item.setAttribute("aria-hidden", index === next ? "false" : "true"); }); items[next].scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" }); }); }); root.querySelectorAll(".fsPostLink").forEach((link) => { if (link.dataset.localPostReady === "true") return; link.dataset.localPostReady = "true"; if (link.tagName === "BUTTON") { link.addEventListener("click", (event) => { event.preventDefault(); event.stopPropagation(); showMediaPostPreview(root, link); }); return; } if (link.getAttribute("href") === "#") { const button = document.createElement("button"); button.type = "button"; button.className = link.className; button.innerHTML = link.innerHTML; [...link.attributes].forEach((attribute) => { if (!["href", "target", "rel", "role"].includes(attribute.name)) { button.setAttribute(attribute.name, attribute.value); } }); button.dataset.localPostReady = "true"; button.addEventListener("click", (event) => { event.preventDefault(); event.stopPropagation(); showMediaPostPreview(root, button); }); link.replaceWith(button); } else { link.setAttribute("role", "button"); } }); root.querySelectorAll(".fsPostElement").forEach((postElement) => { if (postElement.dataset.localPostCardsReady === "true") return; postElement.dataset.localPostCardsReady = "true"; postElement.classList.add("local-media-board"); const posts = [...postElement.querySelectorAll("article")]; if (!posts.length) return; posts.forEach((post) => { post.classList.add("local-media-card"); post.dataset.localSearchText = text(post).toLowerCase(); }); }); if (root.querySelector(".fsPostElement article") && root.dataset.localPostToolsReady !== "true") { root.dataset.localPostToolsReady = "true"; const posts = [...root.querySelectorAll(".fsPostElement article")]; const tools = document.createElement("div"); tools.className = "local-widget-tools"; tools.innerHTML = 'Find news'; root.querySelector(".fsPostElement .fsElementContent")?.prepend(tools); const input = tools.querySelector("input"); const empty = tools.querySelector(".local-empty-note"); input?.addEventListener("input", () => { const query = input.value.trim().toLowerCase(); let shown = 0; posts.forEach((post) => { const visible = !query || (post.dataset.localSearchText || text(post).toLowerCase()).includes(query); post.hidden = !visible; if (visible) shown += 1; }); empty.hidden = shown !== 0; }); } root.querySelectorAll(".fsReadMoreLink, [data-opens-in='popup']").forEach((link) => { if (link.dataset.localPopupReady === "true" || link.classList.contains("fsPostLink") || link.classList.contains("fsCalendarEventLink")) return; link.dataset.localPopupReady = "true"; link.addEventListener("click", (event) => { if (link.getAttribute("href") !== "#") return; event.preventDefault(); showDialog({ title: nearestTitle(link, "Sundance Details"), body: "This original popup content is available locally as an imported Sundance interaction.", }); }); }); root.querySelectorAll(".fsLoadMoreButton, .fsLoadMoreLink, button[data-load-more]").forEach((button) => { if (button.dataset.localLoadMoreReady === "true") return; button.dataset.localLoadMoreReady = "true"; button.addEventListener("click", (event) => { event.preventDefault(); const region = button.closest(".fsElement") || root; const hidden = [...region.querySelectorAll("[hidden], [data-local-slide-hidden='true']")]; hidden.slice(0, 12).forEach((item) => { item.hidden = false; item.dataset.localSlideHidden = "false"; item.setAttribute("aria-hidden", "false"); }); showDialog({ title: "More Items", body: hidden.length ? "More imported Sundance items are now visible on the page." : "All imported Sundance items are already visible.", }); }); }); root.querySelectorAll(".fsResourceElement, .fsImage").forEach((resource) => { if (resource.dataset.localResourceReady === "true") return; resource.dataset.localResourceReady = "true"; resource.querySelectorAll("img").forEach((img) => { if (img.dataset.localImageReady === "true") return; img.dataset.localImageReady = "true"; img.style.cursor = "zoom-in"; img.addEventListener("click", () => { showDialog({ title: img.alt || resource.dataset.resourceTitle || "Sundance Image", body: "Image preview", image: img.currentSrc || img.src, }); }); }); }); root.querySelectorAll("iframe").forEach((frame) => { if (frame.dataset.localFrameReady === "true") return; frame.dataset.localFrameReady = "true"; const src = frame.getAttribute("src"); if (!src) return; if (src.includes("facebook.com/plugins/page.php")) { const follow = document.createElement("div"); follow.className = "local-social-preview"; follow.innerHTML = 'Follow us on Facebook

Open The Sundance School Facebook page for current photos, posts, and updates.

Open Facebook'; frame.replaceWith(follow); return; } frame.loading = "lazy"; frame.title = frame.title || (src.includes("maps") ? "Sundance map" : src.includes("youtube") ? "Sundance video" : "Sundance embedded content"); frame.setAttribute("allowfullscreen", ""); const parent = frame.parentElement; if (!parent || parent.classList.contains("local-frame-wrap")) return; const wrap = document.createElement("div"); wrap.className = "local-frame-wrap"; parent.insertBefore(wrap, frame); wrap.append(frame); const isMapFrame = src.includes("maps"); if (!isMapFrame) return; const actions = document.createElement("div"); actions.className = "local-frame-actions local-map-actions"; const open = document.createElement("a"); open.href = "https://www.google.com/maps/search/?api=1&query=401%20Greenbrook%20Road%2C%20North%20Plainfield%2C%20NJ%2007063"; open.target = "_blank"; open.rel = "noopener noreferrer"; open.textContent = "Open Map"; actions.append(open); const details = wrap.closest(".fsLayout.fsTwoColumnLayout")?.querySelector(".fsStyleColumn:last-child .fsElementContent"); details?.append(actions); if (!details) wrap.append(actions); }); root.querySelectorAll('a[href$=".pdf"], a[href*="/original-resources/"]').forEach((link) => { if (link.dataset.localResourceLinkReady === "true") return; link.dataset.localResourceLinkReady = "true"; link.target = "_blank"; link.rel = "noopener noreferrer"; link.addEventListener("click", () => { link.dataset.localOpened = "true"; }); }); root.querySelectorAll("img").forEach((img) => { if (img.dataset.localImageReady === "true" || img.closest(".fsPostLink")) return; img.dataset.localImageReady = "true"; img.style.cursor = "zoom-in"; img.addEventListener("click", () => { const section = img.closest(".fsElement, article, .fsConstituentItem") || root; showDialog({ title: img.alt || text(section.querySelector("h1, h2, h3, .fsTitle")) || "Sundance Image", body: "Image preview", image: img.currentSrc || img.src, }); }); }); root.querySelectorAll('a[href="#"]').forEach((link) => { if (link.dataset.localClickReady === "true") return; link.dataset.localClickReady = "true"; if (isSpecificHashControl(link)) { return; } link.addEventListener("click", (event) => { event.preventDefault(); showDialog({ title: text(link) || "Sundance", body: "This imported link is now handled locally instead of jumping to the top of the page.", }); }); }); root.querySelectorAll('a[href^="http"]').forEach((link) => { if (link.hostname !== location.hostname) { link.target = "_blank"; link.rel = "noopener noreferrer"; } }); } function enhanceAll() { // Re-run safely after client navigation or admin-injected content; dataset flags prevent duplicate listeners. enhanceGlobalChrome(); loadSiteOverrides(); enhanceMediaPostDelegation(); document.querySelectorAll(".original-page-content").forEach(enhanceRoot); } let enhanceScheduled = false; const scheduleEnhanceAll = () => { if (enhanceScheduled) return; enhanceScheduled = true; window.setTimeout(() => { enhanceScheduled = false; enhanceAll(); }, 120); }; if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", enhanceAll, { once: true }); } else { enhanceAll(); } new MutationObserver((mutations) => { if (mutations.some((mutation) => mutation.addedNodes.length)) scheduleEnhanceAll(); }).observe(document.body, { childList: true, subtree: true }); })();

Enrichment Programs