/* ===================== AUTOGENERATED SOURCE IMPORT ===================== */

import Template from "/emcJS/util/html/template/HTMLTemplate.js";

const TPL = new Template(`
    <emc-ctxmenulayer>
        <emc-tooltiplayer>
            <slot></slot>
        </emc-tooltiplayer>
    </emc-ctxmenulayer>
    <emc-messagelayer name="main"></emc-messagelayer>
    
`);

import GlobalStyle from "/emcJS/util/html/template/CSSTemplate.js";

const STYLE = new GlobalStyle(`
    :host {
        display: block;
        width: 100%;
        height: 100%;
        overflow: auto;
    }
`);

/* ======================================================================= */

import CustomElement from "./element/CustomElement.js";
import "./overlay/message/MessageLayer.js";
import "./overlay/ctxmenu/CtxMenuLayer.js";

export default class Page extends CustomElement {

    constructor() {
        super();
        this.shadowRoot.append(TPL.generate());
        STYLE.apply(this.shadowRoot);
        /* --- */
    }

}

customElements.define("emc-page", Page);
