namespace _dali.overlay
{
	
	/**
	 */
	function get_container_element(
	) : HTMLElement
	{
		return document.querySelector("#overlay");
	}
	
	
	/**
	 */
	export function get_content_element(
	) : HTMLElement
	{
		return document.querySelector("#overlay_content");
	}
	
	
	/**
	 */
	export function clear(
	) : void
	{
		get_content_element().innerHTML = "";
	}
	
	
	/**
	 */
	export function toggle(
		{
			"mode": mode = null,
		}
		:
		{
			mode ?: (null | boolean);
		}
		=
		{
		}
	) : void
	{
		get_container_element().classList.toggle("overlay_active", mode ?? undefined);
	}
	
	
	/**
	 */
	export function initialize(
	) : Promise<void>
	{
		clear();
		const container_element : HTMLElement = get_container_element();
		/*
		container_element.addEventListener(
			"click",
			(event) => {
				if (event.target == container_element)
				{
					toggle({"mode": false});
				}
				else
				{
					// do nothing
				}
			}
		);
		 */
		return Promise.resolve<void>(undefined);
	}
		
}