(function(){ if (window.__socialspySiteInteractionsBound) { return; } window.__socialspySiteInteractionsBound = true; var themeKey = "socialspy-theme"; var themeLabels = { system: "System", light: "Light", dark: "Dark" }; var themeIcons = { system: '', light: '', dark: '', chevron: '' }; function isTheme(value) { return value === "system" || value === "light" || value === "dark"; } function resolveTheme(choice) { if (choice === "system") { var prefersDark = false; try { prefersDark = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches; } catch (error) {} return prefersDark ? "dark" : "light"; } return choice === "dark" ? "dark" : "light"; } function getTheme() { try { var stored = window.localStorage.getItem(themeKey); return isTheme(stored) ? stored : "system"; } catch (error) { return "system"; } } function ensureThemeSwitcherMarkup(switcher) { var trigger = switcher.querySelector("[data-theme-trigger]"); var menu = switcher.querySelector(".socialspy-theme-switcher__menu"); if (trigger && !trigger.querySelector("[data-theme-current-icon]")) { trigger.insertAdjacentHTML("afterbegin", ''); } if (trigger && !trigger.querySelector(".socialspy-theme-switcher__chevron")) { trigger.insertAdjacentHTML("beforeend", '' + themeIcons.chevron + ''); } if (menu && !menu.querySelector('[data-theme-option="system"]')) { menu.insertAdjacentHTML("afterbegin", ''); } if (menu) { menu.querySelectorAll("[data-theme-option]").forEach(function(option) { var theme = option.getAttribute("data-theme-option"); var label = themeLabels[theme] || option.textContent || ""; if (!option.querySelector(".socialspy-theme-switcher__icon")) { option.innerHTML = '' + (themeIcons[theme] || themeIcons.system) + '' + label + ''; } }); } } function ensureHeaderMenuIcons() { document.querySelectorAll(".socialspy-site-header__menu-button").forEach(function(button) { var mark = button.querySelector('[aria-hidden="true"]'); if (mark && !mark.classList.contains("socialspy-site-header__menu-chevron")) { mark.classList.add("socialspy-site-header__menu-chevron"); mark.innerHTML = themeIcons.chevron; } }); } function syncThemeSwitchers(choice) { document.querySelectorAll("[data-theme-switcher]").forEach(function(switcher) { ensureThemeSwitcherMarkup(switcher); var label = switcher.querySelector("[data-theme-current-label]"); var icon = switcher.querySelector("[data-theme-current-icon]"); if (label && label.textContent !== (themeLabels[choice] || themeLabels.system)) { label.textContent = themeLabels[choice] || themeLabels.system; } if (icon && icon.getAttribute("data-theme-icon-choice") !== choice) { icon.innerHTML = themeIcons[choice] || themeIcons.system; icon.setAttribute("data-theme-icon-choice", choice); } var trigger = switcher.querySelector("[data-theme-trigger]"); if (trigger) { trigger.setAttribute("aria-label", "Theme: " + (themeLabels[choice] || themeLabels.system)); trigger.setAttribute("title", themeLabels[choice] || themeLabels.system); } switcher.querySelectorAll("[data-theme-option]").forEach(function(option) { option.setAttribute( "aria-selected", String(option.getAttribute("data-theme-option") === choice) ); }); }); } function syncThemeRoots(nextTheme) { document.querySelectorAll("[data-socialspy-theme-root]").forEach(function(root) { if (root.getAttribute("data-socialspy-theme") !== nextTheme) { root.setAttribute("data-socialspy-theme", nextTheme); } }); } function applyTheme(theme) { var nextChoice = isTheme(theme) ? theme : "system"; var nextTheme = resolveTheme(nextChoice); document.documentElement.dataset.socialspyTheme = nextTheme; document.documentElement.dataset.socialspyThemeChoice = nextChoice; document.documentElement.style.colorScheme = nextTheme; syncThemeRoots(nextTheme); syncThemeSwitchers(nextChoice); window.dispatchEvent(new CustomEvent("socialspy-theme-change", { detail: { theme: nextTheme, choice: nextChoice } })); } function closeThemeMenus() { document.querySelectorAll("[data-theme-switcher]").forEach(function(switcher) { switcher.dataset.open = "false"; var trigger = switcher.querySelector("[data-theme-trigger]"); if (trigger) { trigger.setAttribute("aria-expanded", "false"); } }); } function setHeaderOpen(header, nextOpen) { var toggle = header.querySelector("[data-menu-toggle]"); header.dataset.open = nextOpen ? "true" : "false"; if (toggle) { toggle.setAttribute("aria-expanded", String(nextOpen)); } document.body.style.overflow = nextOpen ? "hidden" : ""; } function closeOpenHeaders() { document.querySelectorAll(".socialspy-site-header").forEach(function(header) { setHeaderOpen(header, false); }); } document.addEventListener("click", function(event) { var target = event.target; if (!target || target.nodeType !== 1) { return; } var menuToggle = target.closest("[data-menu-toggle]"); if (menuToggle) { event.stopPropagation(); var header = menuToggle.closest(".socialspy-site-header"); if (header) { setHeaderOpen(header, header.dataset.open !== "true"); } return; } if (target.closest("[data-menu-close]")) { event.stopPropagation(); closeOpenHeaders(); return; } if (target.closest(".socialspy-site-header__aside a")) { event.stopPropagation(); closeOpenHeaders(); return; } var themeTrigger = target.closest("[data-theme-trigger]"); if (themeTrigger) { var switcher = themeTrigger.closest("[data-theme-switcher]"); if (switcher) { event.stopPropagation(); var nextOpen = switcher.dataset.open !== "true"; closeThemeMenus(); switcher.dataset.open = nextOpen ? "true" : "false"; themeTrigger.setAttribute("aria-expanded", String(nextOpen)); } return; } var themeOption = target.closest("[data-theme-option]"); if (themeOption) { event.stopPropagation(); var theme = themeOption.getAttribute("data-theme-option"); if (isTheme(theme)) { try { window.localStorage.setItem(themeKey, theme); } catch (error) {} applyTheme(theme); } closeThemeMenus(); return; } if (!target.closest("[data-theme-switcher]")) { closeThemeMenus(); } }, true); document.addEventListener("keydown", function(event) { if (event.key === "Escape") { closeThemeMenus(); closeOpenHeaders(); } }); try { var media = window.matchMedia("(prefers-color-scheme: dark)"); var handleSystemChange = function() { if (getTheme() === "system") { applyTheme("system"); } }; if (media.addEventListener) { media.addEventListener("change", handleSystemChange); } else if (media.addListener) { media.addListener(handleSystemChange); } } catch (error) {} ensureHeaderMenuIcons(); applyTheme(getTheme()); try { var observer = new MutationObserver(function() { syncThemeRoots(resolveTheme(getTheme())); syncThemeSwitchers(getTheme()); ensureHeaderMenuIcons(); }); observer.observe(document.body, { childList: true, subtree: true }); } catch (error) {} })();

About SocialSpy

Brand story

Final sections pending