const toggleDir = () => {
    document.dir = document.dir === "rtl" ? "ltr" : "rtl";
};
const toggleTheme = () => {
    document.body.classList.toggle("calcite-theme-dark");
};
const toggleDom = (event) => {
    const mover = document.querySelector("demo-dom-swapper");
    const switchEl = event.currentTarget;
    if (switchEl.checked) {
        mover.moveTo("shadow");
    }
    else {
        mover.moveTo("light");
    }
};
const loadDemoToggles = () => {
    document.querySelectorAll("h1:not(#demo-heading)").forEach((h1) => h1.remove());
    document.getElementById("demo-heading").textContent = document.title;
    document.getElementById("toggle-dir").addEventListener("calciteSwitchChange", toggleDir);
    document.getElementById("toggle-theme").addEventListener("calciteSwitchChange", toggleTheme);
    document.getElementById("toggle-dom").addEventListener("calciteSwitchChange", toggleDom);
};
document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", loadDemoToggles) : loadDemoToggles();