import { __decorate } from "tslib";
import * as mx from '@aire-ux/mxgraph';
import { css, customElement, html, LitElement, property, } from 'lit-element';
export const HtmlContents = html ` <div class="aire-canvas-container"></div> `;
let AireCanvas = class AireCanvas extends LitElement {
    static get styles() {
        return css `
      aire-canvas {
        display: block;
      }
    `;
    }
    render() {
        return HtmlContents;
    }
    get graph() {
        return this._graph;
    }
    firstUpdated(_changedProperties) {
        super.firstUpdated(_changedProperties);
        this._graph = new mx.mxGraph(this.renderRoot.firstElementChild);
    }
};
__decorate([
    property({
        attribute: 'base-path',
    })
], AireCanvas.prototype, "basePath", void 0);
__decorate([
    property({
        attribute: 'client-source',
    })
], AireCanvas.prototype, "clientSource", void 0);
AireCanvas = __decorate([
    customElement('aire-canvas')
], AireCanvas);
export { AireCanvas };
//# sourceMappingURL=AireCanvas.js.map