• Home
• io.github.gate-org-br
• gate
• 12.0.1
• source code
• g-modal.js

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

META-INF.resources.gate.g-modal.js Maven / Gradle / Ivy

/* global customElements */

import Scroll from './scroll.js';
import WindowList from './g-window-list.js';

export default class GModal extends HTMLElement
{
	constructor()
	{
		super();
		this._private = {};
		this.addEventListener("keydown", event => event.stopPropagation());
		this.addEventListener("keypress", event => event.stopPropagation());
	}

	show()
	{

		if (window.dispatchEvent(new CustomEvent('show', {cancelable: true, detail: {modal: this}})))
		{
			Scroll.disable(window.top.document.documentElement);

			window.top.document.documentElement.appendChild(this);

			this.dispatchEvent(new CustomEvent('show', {detail: {modal: this}}));
		}

		return this;
	}

	hide()
	{
		if (this.parentNode
			&& window.dispatchEvent(new CustomEvent('hide', {cancelable: true, detail: {modal: this}}))
			&& this.dispatchEvent(new CustomEvent('hide', {cancelable: true, detail: {modal: this}})))
		{
			Scroll.enable(window.top.document.documentElement);
			this.parentNode.removeChild(this);
		}

		return this;
	}

	minimize()
	{
		if (!this.parentNode)
			return;

		this.style.display = "none";
		WindowList.instance.add(this);
		Scroll.enable(window.top.document.documentElement);
	}

	maximize()
	{
		this.style.display = "";
		Scroll.disable(window.top.document.documentElement);
	}

}

customElements.define('g-modal', GModal);