Function setupDropdownCloseHandlers

website/src/scripts/utils.ts:557–621

()

 * Setup dropdown close handlers for dynamically created dropdowns
 */
export function setupDropdownCloseHandlers(): void {
  if (dropdownHandlersReady) return;
  dropdownHandlersReady = true;

  document.addEventListener(
    "click",
    (e) => {
      const target = e.target as HTMLElement;
      const dropdown = target.closest(
        '.install-dropdown[data-install-scope="list"]'
      );
      const toggle = target.closest(
        ".install-btn-toggle"
      ) as HTMLButtonElement | null;
      const menuLink = target.closest(
        ".install-dropdown-menu a"
      ) as HTMLAnchorElement | null;

      if (dropdown) {
        e.stopPropagation();

        if (toggle) {
          e.preventDefault();
          const isOpen = dropdown.classList.toggle("open");
          toggle.setAttribute("aria-expanded", String(isOpen));

          if (isOpen) {
            document
              .querySelectorAll('.install-dropdown[data-install-scope="list"].open')
              .forEach((openDropdown) => {
                if (openDropdown === dropdown) return;
                openDropdown.classList.remove("open");
                openDropdown.querySelector(".install-btn-toggle")
                  ?.setAttribute("aria-expanded", "false");
              });
          }

          return;
        }

        if (menuLink) {
          dropdown.classList.remove("open");
          const toggleBtn = dropdown.querySelector<HTMLButtonElement>(
            ".install-btn-toggle"
          );
          toggleBtn?.setAttribute("aria-expanded", "false");
          return;
        }

        return;
      }

      document
        .querySelectorAll('.install-dropdown[data-install-scope="list"].open')
        .forEach((openDropdown) => {
          openDropdown.classList.remove("open");
          const toggleBtn = openDropdown.querySelector<HTMLButtonElement>(
            ".install-btn-toggle"