import { jCloudUIElements } from '../../../tools/main.js';

const more_options_menu_expand = function () {
    document.querySelector("#more-options").style.display = "block";
    document.querySelector("#expand-more-options").classList.add("menu-expanded-icon");
    document.querySelector("#expand-more-options").classList.remove("more-options-icon-colors");
    document.querySelector("#expand-more-options").blur();
    document.querySelector("#more-options-icon-dots").setAttribute("fill", "#fff");
    jCloudUIElements.overlays.showOverlay();
    document.querySelector("#overlay").addEventListener("click", function () { more_options_menu_hide(); }, { once: true });
};
const more_options_menu_hide = function () {
    document.querySelector("#more-options").style.display = "none";
    document.querySelector("#expand-more-options").classList.remove("menu-expanded-icon");
    document.querySelector("#expand-more-options").classList.add("more-options-icon-colors");
    document.querySelector("#expand-more-options").blur();
    document.querySelector("#more-options-icon-dots").setAttribute("fill", "#000");
    jCloudUIElements.overlays.hideOverlay();
};

export { more_options_menu_expand, more_options_menu_hide };