(function (Drupal) {
  document.addEventListener("DOMContentLoaded", function () {
    const toggleButton = document.getElementById("toggle-facets");
    const facetWrapper = document.querySelector(
      ".region--sidebar .facet-wrapper"
    );

    if (toggleButton && facetWrapper) {
      toggleButton.addEventListener("click", function () {
        const isHidden =
          facetWrapper.style.display === "none" || !facetWrapper.style.display; // Accounts for CSS default
        facetWrapper.style.display = isHidden ? "block" : "none";
      });
    }
  });
})(Drupal);