/**
 * @file
 * Custom behavior to swap the sidebar toggle icon for a search icon.
 */

(function (Drupal, once) {
  Drupal.behaviors.customSearchIconSwap = {
    attach: function (context, settings) {
      // Use 'once' to ensure we only run this once per element.
      // We target the specific Material UI icon inside the 'Toggle sidebar' button.
      const elements = once(
        "search-icon-swap",
        'button[aria-label="Toggle sidebar"] svg.MuiSvgIcon-root',
        context
      );

      elements.forEach(function (svg) {
        const path = svg.querySelector("path");
        const searchPathData =
          "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z";

        if (path) {
          path.setAttribute("d", searchPathData);
        }
      });
    },
  };
})(Drupal, once);

//This code waits for the viewer to load with the search panel open, then it closes the search 'companion window'
//leaving the search icon visible. This combo is not available in the configs
// window.addEventListener("load", () => {
//     const tryInit = (attempts = 0) => {
//         const searchPanel = document.querySelector("div.mirador31");
//         const searchPanelToggle = document.querySelector("button.mirador34");
//
//         if (!searchPanel || !searchPanelToggle) {
//             if (attempts < 20) setTimeout(() => tryInit(attempts + 1), 250);
//             return;
//         }
//
//         searchPanel.style.display = "none";
//         searchPanel.style.visibility = "hidden";
//         searchPanelToggle.setAttribute("aria-expanded", "false");
//         searchPanelToggle.setAttribute("aria-label", "Expand sidebar");
//         searchPanelToggle.setAttribute("title", "Expand sidebar");
//         searchPanelToggle.click();
//     };
//
//     tryInit();
// });

/*
window.addEventListener("load", (event) => {
	// find elements
	const searchPanel = document.querySelector("div.mirador31");
	const searchPanelToggle = document.querySelector("button.mirador34");
	// const searchPanelIcon = document.querySelector("button.MuiButtonBase-root.MuiTab-root.mirador26 svg");
	// hide the panel
	searchPanel.style.display = "none";
	searchPanel.style.transform = "translateX(0px)";
	searchPanel.style.visibility = "hidden";

        searchPanelToggle.setAttribute("aria-expanded", "false");
        searchPanelToggle.setAttribute("aria-label", "Expand sidebar");
        searchPanelToggle.setAttribute("title", "Expand sidebar");

	//searchPanelIcon.style.fontSize = "2.7em";
	//searchPanelIcon.style.marginTop = "21px";
	//
	//fake click
	searchPanelToggle.click();
});
*/