76 lines
988 B
TypeScript
76 lines
988 B
TypeScript
|
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);
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|