blueprint-renderer-webcomponents/dist/index.js

var $1ZQrD$swchelpers = require("@swc/helpers");
var $1ZQrD$lit = require("lit");
var $1ZQrD$litdecorators = require("lit/decorators");
var $1ZQrD$blueprintrenderer = require("blueprint-renderer");

function $parcel$export(e, n, v, s) {
  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
}

$parcel$export(module.exports, "BlueprintRendererElement", () => $5e2f01247a5d6f10$export$2dd7962ad25d4af2);




var _class;
var _class1, _descriptor, _dec, _descriptor1, _dec1;
function $5e2f01247a5d6f10$var$notscroll(e) {
    e.preventDefault();
}
const $5e2f01247a5d6f10$var$disable = ()=>{
    document.addEventListener("wheel", $5e2f01247a5d6f10$var$notscroll, {
        passive: false
    });
    document.addEventListener("touchmove", $5e2f01247a5d6f10$var$notscroll, {
        passive: false
    });
};
const $5e2f01247a5d6f10$var$enable = ()=>{
    document.removeEventListener("wheel", $5e2f01247a5d6f10$var$notscroll);
    document.removeEventListener("touchmove", $5e2f01247a5d6f10$var$notscroll);
};
var _dec2 = $1ZQrD$litdecorators.customElement("blueprint-renderer");
let $5e2f01247a5d6f10$export$2dd7962ad25d4af2 = _class1 = _dec2((_class1 = (_class = class BlueprintRendererElement extends $1ZQrD$lit.LitElement {
    constructor(){
        super();
        $1ZQrD$swchelpers.initializerDefineProperty(this, "src", _descriptor, this);
        $1ZQrD$swchelpers.initializerDefineProperty(this, "scrollDisabled", _descriptor1, this);
        this.graph = undefined;
    }
    async updated() {
        const data = await BlueprintRendererElement.readGraphCode(this.src).catch((err)=>console.error(err)
        );
        console.debug(data);
        const g = this.shadowRoot.getElementById("graph");
        const wrapper = this.shadowRoot.querySelector(".wrapper");
        this.graph = new $1ZQrD$blueprintrenderer.Graph(g, {
            size: {
                width: wrapper.clientWidth,
                height: wrapper.clientHeight
            }
        });
        window.addEventListener("resize", ()=>{
            if (this.graph !== undefined) {
                this.graph.stage.width(wrapper.clientWidth);
                this.graph.stage.height(wrapper.clientHeight);
            }
        });
        console.log(this.scrollDisabled);
    }
    static async readGraphCode(url) {
        const res = await fetch(url, {
            headers: {
                "Content-Type": "text/plain"
            }
        });
        try {
            if (!res.ok) {
                console.error("response.ok:", res.ok);
                console.error("response.status:", res.status);
                console.error("response.statusText:", res.statusText);
                throw new Error(res.statusText);
            }
        } catch (error) {
            console.error(error);
        }
        return await res.text();
    }
    render() {
        return $1ZQrD$lit.html` <div
      @mouseenter="${this.scrollDisabled ? $5e2f01247a5d6f10$var$disable : ()=>{
        }}"
      @mouseleave="${$5e2f01247a5d6f10$var$enable}"
      class="wrapper"
    >
      <div id="graph"></div>
    </div>`;
    }
}, _class.styles = $1ZQrD$lit.css`
    .wrapper {
      inline-size: 100%;
      block-size: 100%;
    }
    div {
      border-radius: inherit;
    }
    canvas {
      border-radius: inherit;
    }
  `, _class), _dec = $1ZQrD$litdecorators.property({
    attribute: true,
    reflect: true,
    type: String
}), _dec1 = $1ZQrD$litdecorators.property({
    attribute: "scroll-disabled",
    reflect: true,
    type: Boolean
}), _descriptor = $1ZQrD$swchelpers.applyDecoratedDescriptor(_class1.prototype, "src", [
    _dec
], {
    configurable: true,
    enumerable: true,
    writable: true,
    initializer: function() {
        return "";
    }
}), _descriptor1 = $1ZQrD$swchelpers.applyDecoratedDescriptor(_class1.prototype, "scrollDisabled", [
    _dec1
], {
    configurable: true,
    enumerable: true,
    writable: true,
    initializer: function() {
        return false;
    }
}), _class1)) || _class1;


//# sourceMappingURL=index.js.map