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

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

const TPL = new Template(`
    <slot></slot>
`);

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

const STYLE = new GlobalStyle(`
    :host {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        user-select: none;
        pointer-events: none;
        z-index: -1;
    }
    :host(:hover) {
        background-color: rgba(0, 0, 0, 0.7);
        z-index: 1000;
    }
`);

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

import CustomElement from "/emcJS/ui/element/CustomElement.js";

export default class Connection extends CustomElement {

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

}

customElements.define("gt-connection", Connection);
