@babylonjs/shared-ui-components 5.28.0

package/nodeGraphSystem/graphNode.js

@@ -0,0 +1,460 @@
+import * as React from "react";
+import { NodePort } from "./nodePort.js";
+import { PropertyLedger } from "./propertyLedger.js";
+import { DisplayLedger } from "./displayLedger.js";
+import localStyles from "./graphNode.modules.scss";
+import commonStyles from "./common.modules.scss";
+export class GraphNode {
+    constructor(content, stateManager) {
+        this.content = content;
+        this._inputPorts = [];
+        this._outputPorts = [];
+        this._links = [];
+        this._x = 0;
+        this._y = 0;
+        this._gridAlignedX = 0;
+        this._gridAlignedY = 0;
+        this._mouseStartPointX = null;
+        this._mouseStartPointY = null;
+        this._displayManager = null;
+        this._isVisible = true;
+        this._enclosingFrameId = -1;
+        this._stateManager = stateManager;
+        this._onSelectionChangedObserver = this._stateManager.onSelectionChangedObservable.add((options) => {
+            const { selection: node } = options || {};
+            if (node === this) {
+                this._visual.classList.add(localStyles["selected"]);
+            }
+            else {
+                setTimeout(() => {
+                    if (this._ownerCanvas.selectedNodes.indexOf(this) === -1) {
+                        this._visual.classList.remove(localStyles["selected"]);
+                    }
+                });
+            }
+        });
+        this._onUpdateRequiredObserver = this._stateManager.onUpdateRequiredObservable.add((data) => {
+            if (data !== this.content.data) {
+                return;
+            }
+            this.refresh();
+        });
+        this._onSelectionBoxMovedObserver = this._stateManager.onSelectionBoxMoved.add((rect1) => {
+            const rect2 = this._visual.getBoundingClientRect();
+            const overlap = !(rect1.right < rect2.left || rect1.left > rect2.right || rect1.bottom < rect2.top || rect1.top > rect2.bottom);
+            this.setIsSelected(overlap, true);
+        });
+        this._onFrameCreatedObserver = this._stateManager.onFrameCreatedObservable.add((frame) => {
+            if (this._ownerCanvas.frames.some((f) => f.nodes.indexOf(this) !== -1)) {
+                return;
+            }
+            if (this.isOverlappingFrame(frame)) {
+                frame.nodes.push(this);
+            }
+        });
+    }
+    get isVisible() {
+        return this._isVisible;
+    }
+    set isVisible(value) {
+        this._isVisible = value;
+        if (!value) {
+            this._visual.classList.add(commonStyles["hidden"]);
+        }
+        else {
+            this._visual.classList.remove(commonStyles["hidden"]);
+            this._upateNodePortNames();
+        }
+        for (const link of this._links) {
+            link.isVisible = value;
+        }
+        this._refreshLinks();
+    }
+    _upateNodePortNames() {
+        for (const port of this._inputPorts.concat(this._outputPorts)) {
+            if (port.hasLabel()) {
+                port.portName = port.portData.name;
+            }
+        }
+    }
+    get outputPorts() {
+        return this._outputPorts;
+    }
+    get inputPorts() {
+        return this._inputPorts;
+    }
+    get links() {
+        return this._links;
+    }
+    get gridAlignedX() {
+        return this._gridAlignedX;
+    }
+    get gridAlignedY() {
+        return this._gridAlignedY;
+    }
+    get x() {
+        return this._x;
+    }
+    set x(value) {
+        if (this._x === value) {
+            return;
+        }
+        this._x = value;
+        this._gridAlignedX = this._ownerCanvas.getGridPosition(value);
+        this._visual.style.left = `${this._gridAlignedX}px`;
+        this._refreshLinks();
+        this._refreshFrames();
+    }
+    get y() {
+        return this._y;
+    }
+    set y(value) {
+        if (this._y === value) {
+            return;
+        }
+        this._y = value;
+        this._gridAlignedY = this._ownerCanvas.getGridPosition(value);
+        this._visual.style.top = `${this._gridAlignedY}px`;
+        this._refreshLinks();
+        this._refreshFrames();
+    }
+    get width() {
+        return this._visual.clientWidth;
+    }
+    get height() {
+        return this._visual.clientHeight;
+    }
+    get id() {
+        return this.content.uniqueId;
+    }
+    get name() {
+        return this.content.name;
+    }
+    get isSelected() {
+        return this._isSelected;
+    }
+    get enclosingFrameId() {
+        return this._enclosingFrameId;
+    }
+    set enclosingFrameId(value) {
+        this._enclosingFrameId = value;
+    }
+    set isSelected(value) {
+        this.setIsSelected(value, false);
+    }
+    setIsSelected(value, marqueeSelection) {
+        if (this._isSelected === value) {
+            return;
+        }
+        this._isSelected = value;
+        if (!value) {
+            this._visual.classList.remove(localStyles["selected"]);
+            const indexInSelection = this._ownerCanvas.selectedNodes.indexOf(this);
+            if (indexInSelection > -1) {
+                this._ownerCanvas.selectedNodes.splice(indexInSelection, 1);
+            }
+        }
+        else {
+            this._stateManager.onSelectionChangedObservable.notifyObservers({ selection: this, marqueeSelection });
+        }
+    }
+    isOverlappingFrame(frame) {
+        const rect2 = this._visual.getBoundingClientRect();
+        const rect1 = frame.element.getBoundingClientRect();
+        // Add a tiny margin
+        rect1.width -= 5;
+        rect1.height -= 5;
+        const isOverlappingFrame = !(rect1.right < rect2.left || rect1.left > rect2.right || rect1.bottom < rect2.top || rect1.top > rect2.bottom);
+        if (isOverlappingFrame) {
+            this.enclosingFrameId = frame.id;
+        }
+        return isOverlappingFrame;
+    }
+    getPortForPortData(portData) {
+        for (const port of this._inputPorts) {
+            const attachedPoint = port.portData;
+            if (attachedPoint === portData || (attachedPoint.ownerData === portData.ownerData && attachedPoint.internalName === portData.internalName)) {
+                return port;
+            }
+        }
+        for (const port of this._outputPorts) {
+            const attachedPoint = port.portData;
+            if (attachedPoint === portData || (attachedPoint.ownerData === portData.ownerData && attachedPoint.internalName === portData.internalName)) {
+                return port;
+            }
+        }
+        return null;
+    }
+    getPortDataForPortDataContent(data) {
+        for (const port of this._inputPorts) {
+            const attachedPoint = port.portData;
+            if (attachedPoint.data === data) {
+                return attachedPoint;
+            }
+        }
+        for (const port of this._outputPorts) {
+            const attachedPoint = port.portData;
+            if (attachedPoint.data === data) {
+                return attachedPoint;
+            }
+        }
+        return null;
+    }
+    getLinksForPortDataContent(data) {
+        return this._links.filter((link) => link.portA.portData.data === data || link.portB.portData.data === data);
+    }
+    getLinksForPortData(portData) {
+        return this._links.filter((link) => link.portA.portData === portData || link.portB.portData === portData);
+    }
+    _refreshFrames() {
+        if (this._ownerCanvas._frameIsMoving || this._ownerCanvas._isLoading) {
+            return;
+        }
+        // Frames
+        for (const frame of this._ownerCanvas.frames) {
+            frame.syncNode(this);
+        }
+    }
+    _refreshLinks() {
+        if (this._ownerCanvas._isLoading) {
+            return;
+        }
+        for (const link of this._links) {
+            link.update();
+        }
+    }
+    refresh() {
+        if (this._displayManager) {
+            this._header.innerHTML = this._displayManager.getHeaderText(this.content);
+            this._displayManager.updatePreviewContent(this.content, this._content);
+            this._visual.style.background = this._displayManager.getBackgroundColor(this.content);
+            const additionalClass = this._displayManager.getHeaderClass(this.content);
+            this._header.classList.value = localStyles.header;
+            this._headerContainer.classList.value = localStyles["header-container"];
+            if (additionalClass) {
+                this._headerContainer.classList.add(additionalClass);
+            }
+            if (this._displayManager.updateFullVisualContent) {
+                this._displayManager.updateFullVisualContent(this.content, {
+                    visual: this._visual,
+                    header: this._header,
+                    headerContainer: this._headerContainer,
+                    headerIcon: this._headerIcon,
+                    headerIconImg: this._headerIconImg,
+                    comments: this._comments,
+                    connections: this._connections,
+                    inputsContainer: this._inputsContainer,
+                    outputsContainer: this._outputsContainer,
+                    content: this._content,
+                    selectionBorder: this._selectionBorder,
+                });
+            }
+        }
+        else {
+            this._header.innerHTML = this.content.name;
+        }
+        for (const port of this._inputPorts) {
+            port.refresh();
+        }
+        for (const port of this._outputPorts) {
+            port.refresh();
+        }
+        if (this.enclosingFrameId !== -1) {
+            const index = this._ownerCanvas.frames.findIndex((frame) => frame.id === this.enclosingFrameId);
+            if (index >= 0 && this._ownerCanvas.frames[index].isCollapsed) {
+                this._ownerCanvas.frames[index].redrawFramePorts();
+            }
+        }
+        this._comments.innerHTML = this.content.comments || "";
+        this._comments.title = this.content.comments || "";
+        this.content.prepareHeaderIcon(this._headerIcon, this._headerIconImg);
+    }
+    _onDown(evt) {
+        // Check if this is coming from the port
+        if (evt.target && evt.target.nodeName === "IMG") {
+            return;
+        }
+        const indexInSelection = this._ownerCanvas.selectedNodes.indexOf(this);
+        if (indexInSelection === -1) {
+            this._stateManager.onSelectionChangedObservable.notifyObservers({ selection: this });
+        }
+        else if (evt.ctrlKey) {
+            this.setIsSelected(false, false);
+        }
+        evt.stopPropagation();
+        for (const selectedNode of this._ownerCanvas.selectedNodes) {
+            selectedNode.cleanAccumulation();
+        }
+        this._mouseStartPointX = evt.clientX;
+        this._mouseStartPointY = evt.clientY;
+        this._visual.setPointerCapture(evt.pointerId);
+    }
+    cleanAccumulation(useCeil = false) {
+        this.x = this._ownerCanvas.getGridPosition(this.x, useCeil);
+        this.y = this._ownerCanvas.getGridPosition(this.y, useCeil);
+    }
+    _onUp(evt) {
+        evt.stopPropagation();
+        for (const selectedNode of this._ownerCanvas.selectedNodes) {
+            selectedNode.cleanAccumulation();
+        }
+        this._mouseStartPointX = null;
+        this._mouseStartPointY = null;
+        this._visual.releasePointerCapture(evt.pointerId);
+        if (!this._ownerCanvas._targetLinkCandidate) {
+            return;
+        }
+        // Connect the ports
+        const inputs = [];
+        const outputs = [];
+        const availableNodeInputs = [];
+        const availableNodeOutputs = [];
+        const leftNode = this._ownerCanvas._targetLinkCandidate.nodeA;
+        const rightNode = this._ownerCanvas._targetLinkCandidate.nodeB;
+        // Delete previous
+        this._ownerCanvas._targetLinkCandidate.dispose();
+        this._ownerCanvas._targetLinkCandidate = null;
+        // Get the ports
+        availableNodeInputs.push(...this.content.inputs.filter((i) => !i.isConnected));
+        availableNodeOutputs.push(...this.content.outputs);
+        inputs.push(...leftNode.content.outputs);
+        outputs.push(...rightNode.content.inputs.filter((i) => !i.isConnected));
+        // Reconnect
+        this._ownerCanvas.automaticRewire(inputs, availableNodeInputs, true);
+        this._ownerCanvas.automaticRewire(availableNodeOutputs, outputs, true);
+        this._stateManager.onRebuildRequiredObservable.notifyObservers(false);
+    }
+    _onMove(evt) {
+        this._ownerCanvas._targetLinkCandidate = null;
+        if (this._mouseStartPointX === null || this._mouseStartPointY === null || evt.ctrlKey) {
+            return;
+        }
+        // Move
+        const newX = (evt.clientX - this._mouseStartPointX) / this._ownerCanvas.zoom;
+        const newY = (evt.clientY - this._mouseStartPointY) / this._ownerCanvas.zoom;
+        for (const selectedNode of this._ownerCanvas.selectedNodes) {
+            selectedNode.x += newX;
+            selectedNode.y += newY;
+        }
+        for (const frame of this._ownerCanvas.selectedFrames) {
+            frame._moveFrame(newX, newY);
+        }
+        this._mouseStartPointX = evt.clientX;
+        this._mouseStartPointY = evt.clientY;
+        evt.stopPropagation();
+        if (this._inputPorts.some((p) => p.portData.isConnected) || this._outputPorts.some((o) => o.portData.hasEndpoints)) {
+            return;
+        }
+        // Check wires that could be underneath
+        const rect = this._visual.getBoundingClientRect();
+        for (const link of this._ownerCanvas.links) {
+            if (link.portA.node === this || link.portB.node === this) {
+                link.isTargetCandidate = false;
+                continue;
+            }
+            link.isTargetCandidate = link.intersectsWith(rect);
+            if (link.isTargetCandidate) {
+                if (this._ownerCanvas._targetLinkCandidate !== link) {
+                    if (this._ownerCanvas._targetLinkCandidate) {
+                        this._ownerCanvas._targetLinkCandidate.isTargetCandidate = false;
+                    }
+                    this._ownerCanvas._targetLinkCandidate = link;
+                }
+            }
+        }
+    }
+    renderProperties() {
+        let control = PropertyLedger.RegisteredControls[this.content.getClassName()];
+        if (!control) {
+            control = PropertyLedger.DefaultControl;
+        }
+        return React.createElement(control, {
+            stateManager: this._stateManager,
+            nodeData: this.content,
+        });
+    }
+    appendVisual(root, owner) {
+        this._ownerCanvas = owner;
+        // Display manager
+        const displayManagerClass = DisplayLedger.RegisteredControls[this.content.getClassName()];
+        if (displayManagerClass) {
+            this._displayManager = new displayManagerClass();
+        }
+        // DOM
+        this._visual = root.ownerDocument.createElement("div");
+        this._visual.classList.add(localStyles.visual);
+        this._visual.addEventListener("pointerdown", (evt) => this._onDown(evt));
+        this._visual.addEventListener("pointerup", (evt) => this._onUp(evt));
+        this._visual.addEventListener("pointermove", (evt) => this._onMove(evt));
+        this._headerContainer = root.ownerDocument.createElement("div");
+        this._headerContainer.classList.add(localStyles["header-container"]);
+        this._visual.appendChild(this._headerContainer);
+        this._header = root.ownerDocument.createElement("div");
+        this._header.classList.add(localStyles.header);
+        this._headerContainer.appendChild(this._header);
+        this._headerIcon = root.ownerDocument.createElement("div");
+        this._headerIcon.classList.add(localStyles.headerIcon);
+        this._headerIconImg = root.ownerDocument.createElement("img");
+        this._headerIcon.appendChild(this._headerIconImg);
+        this._headerContainer.appendChild(this._headerIcon);
+        this._selectionBorder = root.ownerDocument.createElement("div");
+        this._selectionBorder.classList.add("selection-border");
+        this._visual.appendChild(this._selectionBorder);
+        this._connections = root.ownerDocument.createElement("div");
+        this._connections.classList.add(localStyles.connections);
+        this._visual.appendChild(this._connections);
+        this._inputsContainer = root.ownerDocument.createElement("div");
+        this._inputsContainer.classList.add(commonStyles.inputsContainer);
+        this._connections.appendChild(this._inputsContainer);
+        this._outputsContainer = root.ownerDocument.createElement("div");
+        this._outputsContainer.classList.add(commonStyles.outputsContainer);
+        this._connections.appendChild(this._outputsContainer);
+        this._content = root.ownerDocument.createElement("div");
+        this._content.classList.add(localStyles.content);
+        this._visual.appendChild(this._content);
+        root.appendChild(this._visual);
+        // Comments
+        this._comments = root.ownerDocument.createElement("div");
+        this._comments.classList.add(localStyles.comments);
+        this._visual.appendChild(this._comments);
+        // Connections
+        for (const input of this.content.inputs) {
+            this._inputPorts.push(NodePort.CreatePortElement(input, this, this._inputsContainer, this._displayManager, this._stateManager));
+        }
+        for (const output of this.content.outputs) {
+            this._outputPorts.push(NodePort.CreatePortElement(output, this, this._outputsContainer, this._displayManager, this._stateManager));
+        }
+        this.refresh();
+    }
+    dispose() {
+        // notify frame observers that this node is being deleted
+        this._stateManager.onGraphNodeRemovalObservable.notifyObservers(this);
+        if (this._onSelectionChangedObserver) {
+            this._stateManager.onSelectionChangedObservable.remove(this._onSelectionChangedObserver);
+        }
+        if (this._onUpdateRequiredObserver) {
+            this._stateManager.onUpdateRequiredObservable.remove(this._onUpdateRequiredObserver);
+        }
+        if (this._onSelectionBoxMovedObserver) {
+            this._stateManager.onSelectionBoxMoved.remove(this._onSelectionBoxMovedObserver);
+        }
+        if (this._visual.parentElement) {
+            this._visual.parentElement.removeChild(this._visual);
+        }
+        if (this._onFrameCreatedObserver) {
+            this._stateManager.onFrameCreatedObservable.remove(this._onFrameCreatedObserver);
+        }
+        for (const port of this._inputPorts) {
+            port.dispose();
+        }
+        for (const port of this._outputPorts) {
+            port.dispose();
+        }
+        const links = this._links.slice(0);
+        for (const link of links) {
+            link.dispose();
+        }
+        this.content.dispose();
+    }
+}
+//# sourceMappingURL=graphNode.js.map

package/nodeGraphSystem/graphNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graphNode.js","sourceRoot":"","sources":["../../../../../dev/sharedUiComponents/src/nodeGraphSystem/graphNode.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAMtC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,YAAY,MAAM,uBAAuB,CAAC;AAEjD,MAAM,OAAO,SAAS;IAuKlB,YAA0B,OAAkB,EAAE,YAA0B;QAA9C,YAAO,GAAP,OAAO,CAAW;QA3JpC,gBAAW,GAAe,EAAE,CAAC;QAC7B,iBAAY,GAAe,EAAE,CAAC;QAC9B,WAAM,GAAe,EAAE,CAAC;QACxB,OAAE,GAAG,CAAC,CAAC;QACP,OAAE,GAAG,CAAC,CAAC;QACP,kBAAa,GAAG,CAAC,CAAC;QAClB,kBAAa,GAAG,CAAC,CAAC;QAClB,sBAAiB,GAAqB,IAAI,CAAC;QAC3C,sBAAiB,GAAqB,IAAI,CAAC;QAQ3C,oBAAe,GAA8B,IAAI,CAAC;QAClD,eAAU,GAAG,IAAI,CAAC;QAClB,sBAAiB,GAAG,CAAC,CAAC,CAAC;QA0I3B,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC;QAElC,IAAI,CAAC,2BAA2B,GAAG,IAAI,CAAC,aAAa,CAAC,4BAA4B,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;YAC/F,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,OAAO,IAAI,EAAE,CAAC;YAC1C,IAAI,IAAI,KAAK,IAAI,EAAE;gBACf,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC;aACvD;iBAAM;gBACH,UAAU,CAAC,GAAG,EAAE;oBACZ,IAAI,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE;wBACtD,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC;qBAC1D;gBACL,CAAC,CAAC,CAAC;aACN;QACL,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC,aAAa,CAAC,0BAA0B,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACxF,IAAI,IAAI,KAAK,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;gBAC5B,OAAO;aACV;YACD,IAAI,CAAC,OAAO,EAAE,CAAC;QACnB,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,4BAA4B,GAAG,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YACrF,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;YACnD,MAAM,OAAO,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;YAEhI,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QACtC,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,aAAa,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YACrF,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;gBACpE,OAAO;aACV;YAED,IAAI,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE;gBAChC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aAC1B;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IA9KD,IAAW,SAAS;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IAED,IAAW,SAAS,CAAC,KAAc;QAC/B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAExB,IAAI,CAAC,KAAK,EAAE;YACR,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC;SACtD;aAAM;YACH,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC;YACtD,IAAI,CAAC,mBAAmB,EAAE,CAAC;SAC9B;QAED,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE;YAC5B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;SAC1B;QAED,IAAI,CAAC,aAAa,EAAE,CAAC;IACzB,CAAC;IAEO,mBAAmB;QACvB,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE;YAC3D,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;gBACjB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;aACtC;SACJ;IACL,CAAC;IAED,IAAW,WAAW;QAClB,OAAO,IAAI,CAAC,YAAY,CAAC;IAC7B,CAAC;IAED,IAAW,UAAU;QACjB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;IAED,IAAW,KAAK;QACZ,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IAED,IAAW,YAAY;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC;IAC9B,CAAC;IAED,IAAW,YAAY;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC;IAC9B,CAAC;IAED,IAAW,CAAC;QACR,OAAO,IAAI,CAAC,EAAE,CAAC;IACnB,CAAC;IAED,IAAW,CAAC,CAAC,KAAa;QACtB,IAAI,IAAI,CAAC,EAAE,KAAK,KAAK,EAAE;YACnB,OAAO;SACV;QACD,IAAI,CAAC,EAAE,GAAG,KAAK,CAAC;QAEhB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QAC9D,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,CAAC,aAAa,IAAI,CAAC;QAEpD,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,cAAc,EAAE,CAAC;IAC1B,CAAC;IAED,IAAW,CAAC;QACR,OAAO,IAAI,CAAC,EAAE,CAAC;IACnB,CAAC;IAED,IAAW,CAAC,CAAC,KAAa;QACtB,IAAI,IAAI,CAAC,EAAE,KAAK,KAAK,EAAE;YACnB,OAAO;SACV;QAED,IAAI,CAAC,EAAE,GAAG,KAAK,CAAC;QAEhB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QAC9D,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,aAAa,IAAI,CAAC;QAEnD,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,cAAc,EAAE,CAAC;IAC1B,CAAC;IAED,IAAW,KAAK;QACZ,OAAO,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC;IACpC,CAAC;IAED,IAAW,MAAM;QACb,OAAO,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC;IACrC,CAAC;IAED,IAAW,EAAE;QACT,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;IACjC,CAAC;IAED,IAAW,IAAI;QACX,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;IAC7B,CAAC;IAED,IAAW,UAAU;QACjB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;IAED,IAAW,gBAAgB;QACvB,OAAO,IAAI,CAAC,iBAAiB,CAAC;IAClC,CAAC;IAED,IAAW,gBAAgB,CAAC,KAAa;QACrC,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;IACnC,CAAC;IAED,IAAW,UAAU,CAAC,KAAc;QAChC,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACrC,CAAC;IAEM,aAAa,CAAC,KAAc,EAAE,gBAAyB;QAC1D,IAAI,IAAI,CAAC,WAAW,KAAK,KAAK,EAAE;YAC5B,OAAO;SACV;QAED,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QAEzB,IAAI,CAAC,KAAK,EAAE;YACR,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC;YACvD,MAAM,gBAAgB,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YAEvE,IAAI,gBAAgB,GAAG,CAAC,CAAC,EAAE;gBACvB,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,MAAM,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC;aAC/D;SACJ;aAAM;YACH,IAAI,CAAC,aAAa,CAAC,4BAA4B,CAAC,eAAe,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,CAAC;SAC1G;IACL,CAAC;IA2CM,kBAAkB,CAAC,KAAiB;QACvC,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;QACnD,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAEpD,oBAAoB;QACpB,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC;QACjB,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC;QAElB,MAAM,kBAAkB,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;QAE3I,IAAI,kBAAkB,EAAE;YACpB,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC,EAAE,CAAC;SACpC;QACD,OAAO,kBAAkB,CAAC;IAC9B,CAAC;IAEM,kBAAkB,CAAC,QAAmB;QACzC,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,WAAW,EAAE;YACjC,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC;YAEpC,IAAI,aAAa,KAAK,QAAQ,IAAI,CAAC,aAAa,CAAC,SAAS,KAAK,QAAQ,CAAC,SAAS,IAAI,aAAa,CAAC,YAAY,KAAK,QAAQ,CAAC,YAAY,CAAC,EAAE;gBACxI,OAAO,IAAI,CAAC;aACf;SACJ;QAED,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,YAAY,EAAE;YAClC,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC;YAEpC,IAAI,aAAa,KAAK,QAAQ,IAAI,CAAC,aAAa,CAAC,SAAS,KAAK,QAAQ,CAAC,SAAS,IAAI,aAAa,CAAC,YAAY,KAAK,QAAQ,CAAC,YAAY,CAAC,EAAE;gBACxI,OAAO,IAAI,CAAC;aACf;SACJ;QAED,OAAO,IAAI,CAAC;IAChB,CAAC;IAEM,6BAA6B,CAAC,IAAS;QAC1C,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,WAAW,EAAE;YACjC,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC;YAEpC,IAAI,aAAa,CAAC,IAAI,KAAK,IAAI,EAAE;gBAC7B,OAAO,aAAa,CAAC;aACxB;SACJ;QAED,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,YAAY,EAAE;YAClC,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC;YAEpC,IAAI,aAAa,CAAC,IAAI,KAAK,IAAI,EAAE;gBAC7B,OAAO,aAAa,CAAC;aACxB;SACJ;QAED,OAAO,IAAI,CAAC;IAChB,CAAC;IAEM,0BAA0B,CAAC,IAAS;QACvC,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,KAAM,CAAC,QAAQ,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;IACjH,CAAC;IAEM,mBAAmB,CAAC,QAAmB;QAC1C,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,QAAQ,IAAI,IAAI,CAAC,KAAM,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC;IAC/G,CAAC;IAEO,cAAc;QAClB,IAAI,IAAI,CAAC,YAAY,CAAC,cAAc,IAAI,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE;YAClE,OAAO;SACV;QAED,SAAS;QACT,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE;YAC1C,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;SACxB;IACL,CAAC;IAEM,aAAa;QAChB,IAAI,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE;YAC9B,OAAO;SACV;QACD,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE;YAC5B,IAAI,CAAC,MAAM,EAAE,CAAC;SACjB;IACL,CAAC;IAEM,OAAO;QACV,IAAI,IAAI,CAAC,eAAe,EAAE;YACtB,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC1E,IAAI,CAAC,eAAe,CAAC,oBAAoB,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;YACvE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACtF,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC1E,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC;YAClD,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,KAAK,GAAG,WAAW,CAAC,kBAAkB,CAAC,CAAC;YACxE,IAAI,eAAe,EAAE;gBACjB,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;aACxD;YACD,IAAI,IAAI,CAAC,eAAe,CAAC,uBAAuB,EAAE;gBAC9C,IAAI,CAAC,eAAe,CAAC,uBAAuB,CAAC,IAAI,CAAC,OAAO,EAAE;oBACvD,MAAM,EAAE,IAAI,CAAC,OAAO;oBACpB,MAAM,EAAE,IAAI,CAAC,OAAO;oBACpB,eAAe,EAAE,IAAI,CAAC,gBAAgB;oBACtC,UAAU,EAAE,IAAI,CAAC,WAAW;oBAC5B,aAAa,EAAE,IAAI,CAAC,cAAc;oBAClC,QAAQ,EAAE,IAAI,CAAC,SAAS;oBACxB,WAAW,EAAE,IAAI,CAAC,YAAY;oBAC9B,eAAe,EAAE,IAAI,CAAC,gBAAgB;oBACtC,gBAAgB,EAAE,IAAI,CAAC,iBAAiB;oBACxC,OAAO,EAAE,IAAI,CAAC,QAAQ;oBACtB,eAAe,EAAE,IAAI,CAAC,gBAAgB;iBACzC,CAAC,CAAC;aACN;SACJ;aAAM;YACH,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;SAC9C;QAED,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,WAAW,EAAE;YACjC,IAAI,CAAC,OAAO,EAAE,CAAC;SAClB;QAED,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,YAAY,EAAE;YAClC,IAAI,CAAC,OAAO,EAAE,CAAC;SAClB;QAED,IAAI,IAAI,CAAC,gBAAgB,KAAK,CAAC,CAAC,EAAE;YAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC,gBAAgB,CAAC,CAAC;YAChG,IAAI,KAAK,IAAI,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE;gBAC3D,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,gBAAgB,EAAE,CAAC;aACtD;SACJ;QAED,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,EAAE,CAAC;QACvD,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,EAAE,CAAC;QAEnD,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IAC1E,CAAC;IAEO,OAAO,CAAC,GAAiB;QAC7B,wCAAwC;QACxC,IAAI,GAAG,CAAC,MAAM,IAAK,GAAG,CAAC,MAAsB,CAAC,QAAQ,KAAK,KAAK,EAAE;YAC9D,OAAO;SACV;QAED,MAAM,gBAAgB,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACvE,IAAI,gBAAgB,KAAK,CAAC,CAAC,EAAE;YACzB,IAAI,CAAC,aAAa,CAAC,4BAA4B,CAAC,eAAe,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;SACxF;aAAM,IAAI,GAAG,CAAC,OAAO,EAAE;YACpB,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;SACpC;QAED,GAAG,CAAC,eAAe,EAAE,CAAC;QAEtB,KAAK,MAAM,YAAY,IAAI,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE;YACxD,YAAY,CAAC,iBAAiB,EAAE,CAAC;SACpC;QAED,IAAI,CAAC,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAAC;QACrC,IAAI,CAAC,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAAC;QAErC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IAClD,CAAC;IAEM,iBAAiB,CAAC,OAAO,GAAG,KAAK;QACpC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;QAC5D,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAChE,CAAC;IAEO,KAAK,CAAC,GAAiB;QAC3B,GAAG,CAAC,eAAe,EAAE,CAAC;QAEtB,KAAK,MAAM,YAAY,IAAI,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE;YACxD,YAAY,CAAC,iBAAiB,EAAE,CAAC;SACpC;QAED,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;QAC9B,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;QAC9B,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QAElD,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,oBAAoB,EAAE;YACzC,OAAO;SACV;QAED,oBAAoB;QACpB,MAAM,MAAM,GAA0B,EAAE,CAAC;QACzC,MAAM,OAAO,GAA0B,EAAE,CAAC;QAC1C,MAAM,mBAAmB,GAA0B,EAAE,CAAC;QACtD,MAAM,oBAAoB,GAA0B,EAAE,CAAC;QACvD,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAC,KAAK,CAAC;QAC9D,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAC,KAAM,CAAC;QAEhE,kBAAkB;QAClB,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAC,OAAO,EAAE,CAAC;QACjD,IAAI,CAAC,YAAY,CAAC,oBAAoB,GAAG,IAAI,CAAC;QAE9C,gBAAgB;QAChB,mBAAmB,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC;QAE/E,oBAAoB,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAEnD,MAAM,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAEzC,OAAO,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC;QAExE,YAAY;QACZ,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,MAAM,EAAE,mBAAmB,EAAE,IAAI,CAAC,CAAC;QACrE,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,oBAAoB,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;QAEvE,IAAI,CAAC,aAAa,CAAC,2BAA2B,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IAC1E,CAAC;IAEO,OAAO,CAAC,GAAiB;QAC7B,IAAI,CAAC,YAAY,CAAC,oBAAoB,GAAG,IAAI,CAAC;QAC9C,IAAI,IAAI,CAAC,iBAAiB,KAAK,IAAI,IAAI,IAAI,CAAC,iBAAiB,KAAK,IAAI,IAAI,GAAG,CAAC,OAAO,EAAE;YACnF,OAAO;SACV;QAED,OAAO;QACP,MAAM,IAAI,GAAG,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;QAC7E,MAAM,IAAI,GAAG,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;QAE7E,KAAK,MAAM,YAAY,IAAI,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE;YACxD,YAAY,CAAC,CAAC,IAAI,IAAI,CAAC;YACvB,YAAY,CAAC,CAAC,IAAI,IAAI,CAAC;SAC1B;QACD,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE;YAClD,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;SAChC;QAED,IAAI,CAAC,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAAC;QACrC,IAAI,CAAC,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAAC;QAErC,GAAG,CAAC,eAAe,EAAE,CAAC;QAEtB,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE;YAChH,OAAO;SACV;QAED,uCAAuC;QACvC,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAClD,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE;YACxC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,KAAM,CAAC,IAAI,KAAK,IAAI,EAAE;gBACvD,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;gBAC/B,SAAS;aACZ;YACD,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;YAEnD,IAAI,IAAI,CAAC,iBAAiB,EAAE;gBACxB,IAAI,IAAI,CAAC,YAAY,CAAC,oBAAoB,KAAK,IAAI,EAAE;oBACjD,IAAI,IAAI,CAAC,YAAY,CAAC,oBAAoB,EAAE;wBACxC,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAC,iBAAiB,GAAG,KAAK,CAAC;qBACpE;oBACD,IAAI,CAAC,YAAY,CAAC,oBAAoB,GAAG,IAAI,CAAC;iBACjD;aACJ;SACJ;IACL,CAAC;IAEM,gBAAgB;QACnB,IAAI,OAAO,GAAG,cAAc,CAAC,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,CAAC;QAE7E,IAAI,CAAC,OAAO,EAAE;YACV,OAAO,GAAG,cAAc,CAAC,cAAc,CAAC;SAC3C;QAED,OAAO,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE;YAChC,YAAY,EAAE,IAAI,CAAC,aAAa;YAChC,QAAQ,EAAE,IAAI,CAAC,OAAO;SACzB,CAAC,CAAC;IACP,CAAC;IAEM,YAAY,CAAC,IAAoB,EAAE,KAA2B;QACjE,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAE1B,kBAAkB;QAClB,MAAM,mBAAmB,GAAG,aAAa,CAAC,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,CAAC;QAE1F,IAAI,mBAAmB,EAAE;YACrB,IAAI,CAAC,eAAe,GAAG,IAAI,mBAAmB,EAAE,CAAC;SACpD;QAED,MAAM;QACN,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,aAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACxD,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAE/C,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;QACzE,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;QACrE,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;QAEzE,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,aAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACjE,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC,CAAC;QACrE,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAEhD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,aAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACxD,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAC/C,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEhD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,aAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC5D,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QACvD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,aAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC/D,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAClD,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAEpD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,aAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACjE,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;QACxD,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAEhD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,aAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC7D,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QACzD,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAE5C,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,aAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACjE,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;QAClE,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAErD,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,aAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAClE,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;QACpE,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAEtD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACzD,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACjD,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAExC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAE/B,WAAW;QACX,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,aAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1D,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAEnD,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAEzC,cAAc;QACd,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;YACrC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;SACnI;QAED,KAAK,MAAM,MAAM,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;YACvC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;SACtI;QAED,IAAI,CAAC,OAAO,EAAE,CAAC;IACnB,CAAC;IAEM,OAAO;QACV,yDAAyD;QACzD,IAAI,CAAC,aAAa,CAAC,4BAA4B,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAEtE,IAAI,IAAI,CAAC,2BAA2B,EAAE;YAClC,IAAI,CAAC,aAAa,CAAC,4BAA4B,CAAC,MAAM,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC;SAC5F;QAED,IAAI,IAAI,CAAC,yBAAyB,EAAE;YAChC,IAAI,CAAC,aAAa,CAAC,0BAA0B,CAAC,MAAM,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;SACxF;QAED,IAAI,IAAI,CAAC,4BAA4B,EAAE;YACnC,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC,MAAM,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;SACpF;QAED,IAAI,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE;YAC5B,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;SACxD;QAED,IAAI,IAAI,CAAC,uBAAuB,EAAE;YAC9B,IAAI,CAAC,aAAa,CAAC,wBAAwB,CAAC,MAAM,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;SACpF;QAED,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,WAAW,EAAE;YACjC,IAAI,CAAC,OAAO,EAAE,CAAC;SAClB;QAED,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,YAAY,EAAE;YAClC,IAAI,CAAC,OAAO,EAAE,CAAC;SAClB;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACnC,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;YACtB,IAAI,CAAC,OAAO,EAAE,CAAC;SAClB;QAED,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;IAC3B,CAAC;CACJ","sourcesContent":["import type { Nullable } from \"core/types\";\r\nimport type { Observer } from \"core/Misc/observable\";\r\nimport type { GraphCanvasComponent } from \"./graphCanvas\";\r\nimport * as React from \"react\";\r\nimport { NodePort } from \"./nodePort\";\r\nimport type { GraphFrame } from \"./graphFrame\";\r\nimport type { NodeLink } from \"./nodeLink\";\r\nimport type { StateManager } from \"./stateManager\";\r\nimport type { ISelectionChangedOptions } from \"./interfaces/selectionChangedOptions\";\r\nimport type { IDisplayManager } from \"./interfaces/displayManager\";\r\nimport { PropertyLedger } from \"./propertyLedger\";\r\nimport { DisplayLedger } from \"./displayLedger\";\r\nimport type { INodeData } from \"./interfaces/nodeData\";\r\nimport type { IPortData } from \"./interfaces/portData\";\r\nimport localStyles from \"./graphNode.modules.scss\";\r\nimport commonStyles from \"./common.modules.scss\";\r\n\r\nexport class GraphNode {\r\n    private _visual: HTMLDivElement;\r\n    private _headerContainer: HTMLDivElement;\r\n    private _headerIcon: HTMLDivElement;\r\n    private _headerIconImg: HTMLImageElement;\r\n    private _header: HTMLDivElement;\r\n    private _connections: HTMLDivElement;\r\n    private _inputsContainer: HTMLDivElement;\r\n    private _outputsContainer: HTMLDivElement;\r\n    private _content: HTMLDivElement;\r\n    private _comments: HTMLDivElement;\r\n    private _selectionBorder: HTMLDivElement;\r\n    private _inputPorts: NodePort[] = [];\r\n    private _outputPorts: NodePort[] = [];\r\n    private _links: NodeLink[] = [];\r\n    private _x = 0;\r\n    private _y = 0;\r\n    private _gridAlignedX = 0;\r\n    private _gridAlignedY = 0;\r\n    private _mouseStartPointX: Nullable<number> = null;\r\n    private _mouseStartPointY: Nullable<number> = null;\r\n    private _stateManager: StateManager;\r\n    private _onSelectionChangedObserver: Nullable<Observer<Nullable<ISelectionChangedOptions>>>;\r\n    private _onSelectionBoxMovedObserver: Nullable<Observer<ClientRect | DOMRect>>;\r\n    private _onFrameCreatedObserver: Nullable<Observer<GraphFrame>>;\r\n    private _onUpdateRequiredObserver: Nullable<Observer<Nullable<INodeData>>>;\r\n    private _ownerCanvas: GraphCanvasComponent;\r\n    private _isSelected: boolean;\r\n    private _displayManager: Nullable<IDisplayManager> = null;\r\n    private _isVisible = true;\r\n    private _enclosingFrameId = -1;\r\n\r\n    public get isVisible() {\r\n        return this._isVisible;\r\n    }\r\n\r\n    public set isVisible(value: boolean) {\r\n        this._isVisible = value;\r\n\r\n        if (!value) {\r\n            this._visual.classList.add(commonStyles[\"hidden\"]);\r\n        } else {\r\n            this._visual.classList.remove(commonStyles[\"hidden\"]);\r\n            this._upateNodePortNames();\r\n        }\r\n\r\n        for (const link of this._links) {\r\n            link.isVisible = value;\r\n        }\r\n\r\n        this._refreshLinks();\r\n    }\r\n\r\n    private _upateNodePortNames() {\r\n        for (const port of this._inputPorts.concat(this._outputPorts)) {\r\n            if (port.hasLabel()) {\r\n                port.portName = port.portData.name;\r\n            }\r\n        }\r\n    }\r\n\r\n    public get outputPorts() {\r\n        return this._outputPorts;\r\n    }\r\n\r\n    public get inputPorts() {\r\n        return this._inputPorts;\r\n    }\r\n\r\n    public get links() {\r\n        return this._links;\r\n    }\r\n\r\n    public get gridAlignedX() {\r\n        return this._gridAlignedX;\r\n    }\r\n\r\n    public get gridAlignedY() {\r\n        return this._gridAlignedY;\r\n    }\r\n\r\n    public get x() {\r\n        return this._x;\r\n    }\r\n\r\n    public set x(value: number) {\r\n        if (this._x === value) {\r\n            return;\r\n        }\r\n        this._x = value;\r\n\r\n        this._gridAlignedX = this._ownerCanvas.getGridPosition(value);\r\n        this._visual.style.left = `${this._gridAlignedX}px`;\r\n\r\n        this._refreshLinks();\r\n        this._refreshFrames();\r\n    }\r\n\r\n    public get y() {\r\n        return this._y;\r\n    }\r\n\r\n    public set y(value: number) {\r\n        if (this._y === value) {\r\n            return;\r\n        }\r\n\r\n        this._y = value;\r\n\r\n        this._gridAlignedY = this._ownerCanvas.getGridPosition(value);\r\n        this._visual.style.top = `${this._gridAlignedY}px`;\r\n\r\n        this._refreshLinks();\r\n        this._refreshFrames();\r\n    }\r\n\r\n    public get width() {\r\n        return this._visual.clientWidth;\r\n    }\r\n\r\n    public get height() {\r\n        return this._visual.clientHeight;\r\n    }\r\n\r\n    public get id() {\r\n        return this.content.uniqueId;\r\n    }\r\n\r\n    public get name() {\r\n        return this.content.name;\r\n    }\r\n\r\n    public get isSelected() {\r\n        return this._isSelected;\r\n    }\r\n\r\n    public get enclosingFrameId() {\r\n        return this._enclosingFrameId;\r\n    }\r\n\r\n    public set enclosingFrameId(value: number) {\r\n        this._enclosingFrameId = value;\r\n    }\r\n\r\n    public set isSelected(value: boolean) {\r\n        this.setIsSelected(value, false);\r\n    }\r\n\r\n    public setIsSelected(value: boolean, marqueeSelection: boolean) {\r\n        if (this._isSelected === value) {\r\n            return;\r\n        }\r\n\r\n        this._isSelected = value;\r\n\r\n        if (!value) {\r\n            this._visual.classList.remove(localStyles[\"selected\"]);\r\n            const indexInSelection = this._ownerCanvas.selectedNodes.indexOf(this);\r\n\r\n            if (indexInSelection > -1) {\r\n                this._ownerCanvas.selectedNodes.splice(indexInSelection, 1);\r\n            }\r\n        } else {\r\n            this._stateManager.onSelectionChangedObservable.notifyObservers({ selection: this, marqueeSelection });\r\n        }\r\n    }\r\n\r\n    public constructor(public content: INodeData, stateManager: StateManager) {\r\n        this._stateManager = stateManager;\r\n\r\n        this._onSelectionChangedObserver = this._stateManager.onSelectionChangedObservable.add((options) => {\r\n            const { selection: node } = options || {};\r\n            if (node === this) {\r\n                this._visual.classList.add(localStyles[\"selected\"]);\r\n            } else {\r\n                setTimeout(() => {\r\n                    if (this._ownerCanvas.selectedNodes.indexOf(this) === -1) {\r\n                        this._visual.classList.remove(localStyles[\"selected\"]);\r\n                    }\r\n                });\r\n            }\r\n        });\r\n\r\n        this._onUpdateRequiredObserver = this._stateManager.onUpdateRequiredObservable.add((data) => {\r\n            if (data !== this.content.data) {\r\n                return;\r\n            }\r\n            this.refresh();\r\n        });\r\n\r\n        this._onSelectionBoxMovedObserver = this._stateManager.onSelectionBoxMoved.add((rect1) => {\r\n            const rect2 = this._visual.getBoundingClientRect();\r\n            const overlap = !(rect1.right < rect2.left || rect1.left > rect2.right || rect1.bottom < rect2.top || rect1.top > rect2.bottom);\r\n\r\n            this.setIsSelected(overlap, true);\r\n        });\r\n\r\n        this._onFrameCreatedObserver = this._stateManager.onFrameCreatedObservable.add((frame) => {\r\n            if (this._ownerCanvas.frames.some((f) => f.nodes.indexOf(this) !== -1)) {\r\n                return;\r\n            }\r\n\r\n            if (this.isOverlappingFrame(frame)) {\r\n                frame.nodes.push(this);\r\n            }\r\n        });\r\n    }\r\n\r\n    public isOverlappingFrame(frame: GraphFrame) {\r\n        const rect2 = this._visual.getBoundingClientRect();\r\n        const rect1 = frame.element.getBoundingClientRect();\r\n\r\n        // Add a tiny margin\r\n        rect1.width -= 5;\r\n        rect1.height -= 5;\r\n\r\n        const isOverlappingFrame = !(rect1.right < rect2.left || rect1.left > rect2.right || rect1.bottom < rect2.top || rect1.top > rect2.bottom);\r\n\r\n        if (isOverlappingFrame) {\r\n            this.enclosingFrameId = frame.id;\r\n        }\r\n        return isOverlappingFrame;\r\n    }\r\n\r\n    public getPortForPortData(portData: IPortData) {\r\n        for (const port of this._inputPorts) {\r\n            const attachedPoint = port.portData;\r\n\r\n            if (attachedPoint === portData || (attachedPoint.ownerData === portData.ownerData && attachedPoint.internalName === portData.internalName)) {\r\n                return port;\r\n            }\r\n        }\r\n\r\n        for (const port of this._outputPorts) {\r\n            const attachedPoint = port.portData;\r\n\r\n            if (attachedPoint === portData || (attachedPoint.ownerData === portData.ownerData && attachedPoint.internalName === portData.internalName)) {\r\n                return port;\r\n            }\r\n        }\r\n\r\n        return null;\r\n    }\r\n\r\n    public getPortDataForPortDataContent(data: any) {\r\n        for (const port of this._inputPorts) {\r\n            const attachedPoint = port.portData;\r\n\r\n            if (attachedPoint.data === data) {\r\n                return attachedPoint;\r\n            }\r\n        }\r\n\r\n        for (const port of this._outputPorts) {\r\n            const attachedPoint = port.portData;\r\n\r\n            if (attachedPoint.data === data) {\r\n                return attachedPoint;\r\n            }\r\n        }\r\n\r\n        return null;\r\n    }\r\n\r\n    public getLinksForPortDataContent(data: any) {\r\n        return this._links.filter((link) => link.portA.portData.data === data || link.portB!.portData.data === data);\r\n    }\r\n\r\n    public getLinksForPortData(portData: IPortData) {\r\n        return this._links.filter((link) => link.portA.portData === portData || link.portB!.portData === portData);\r\n    }\r\n\r\n    private _refreshFrames() {\r\n        if (this._ownerCanvas._frameIsMoving || this._ownerCanvas._isLoading) {\r\n            return;\r\n        }\r\n\r\n        // Frames\r\n        for (const frame of this._ownerCanvas.frames) {\r\n            frame.syncNode(this);\r\n        }\r\n    }\r\n\r\n    public _refreshLinks() {\r\n        if (this._ownerCanvas._isLoading) {\r\n            return;\r\n        }\r\n        for (const link of this._links) {\r\n            link.update();\r\n        }\r\n    }\r\n\r\n    public refresh() {\r\n        if (this._displayManager) {\r\n            this._header.innerHTML = this._displayManager.getHeaderText(this.content);\r\n            this._displayManager.updatePreviewContent(this.content, this._content);\r\n            this._visual.style.background = this._displayManager.getBackgroundColor(this.content);\r\n            const additionalClass = this._displayManager.getHeaderClass(this.content);\r\n            this._header.classList.value = localStyles.header;\r\n            this._headerContainer.classList.value = localStyles[\"header-container\"];\r\n            if (additionalClass) {\r\n                this._headerContainer.classList.add(additionalClass);\r\n            }\r\n            if (this._displayManager.updateFullVisualContent) {\r\n                this._displayManager.updateFullVisualContent(this.content, {\r\n                    visual: this._visual,\r\n                    header: this._header,\r\n                    headerContainer: this._headerContainer,\r\n                    headerIcon: this._headerIcon,\r\n                    headerIconImg: this._headerIconImg,\r\n                    comments: this._comments,\r\n                    connections: this._connections,\r\n                    inputsContainer: this._inputsContainer,\r\n                    outputsContainer: this._outputsContainer,\r\n                    content: this._content,\r\n                    selectionBorder: this._selectionBorder,\r\n                });\r\n            }\r\n        } else {\r\n            this._header.innerHTML = this.content.name;\r\n        }\r\n\r\n        for (const port of this._inputPorts) {\r\n            port.refresh();\r\n        }\r\n\r\n        for (const port of this._outputPorts) {\r\n            port.refresh();\r\n        }\r\n\r\n        if (this.enclosingFrameId !== -1) {\r\n            const index = this._ownerCanvas.frames.findIndex((frame) => frame.id === this.enclosingFrameId);\r\n            if (index >= 0 && this._ownerCanvas.frames[index].isCollapsed) {\r\n                this._ownerCanvas.frames[index].redrawFramePorts();\r\n            }\r\n        }\r\n\r\n        this._comments.innerHTML = this.content.comments || \"\";\r\n        this._comments.title = this.content.comments || \"\";\r\n\r\n        this.content.prepareHeaderIcon(this._headerIcon, this._headerIconImg);\r\n    }\r\n\r\n    private _onDown(evt: PointerEvent) {\r\n        // Check if this is coming from the port\r\n        if (evt.target && (evt.target as HTMLElement).nodeName === \"IMG\") {\r\n            return;\r\n        }\r\n\r\n        const indexInSelection = this._ownerCanvas.selectedNodes.indexOf(this);\r\n        if (indexInSelection === -1) {\r\n            this._stateManager.onSelectionChangedObservable.notifyObservers({ selection: this });\r\n        } else if (evt.ctrlKey) {\r\n            this.setIsSelected(false, false);\r\n        }\r\n\r\n        evt.stopPropagation();\r\n\r\n        for (const selectedNode of this._ownerCanvas.selectedNodes) {\r\n            selectedNode.cleanAccumulation();\r\n        }\r\n\r\n        this._mouseStartPointX = evt.clientX;\r\n        this._mouseStartPointY = evt.clientY;\r\n\r\n        this._visual.setPointerCapture(evt.pointerId);\r\n    }\r\n\r\n    public cleanAccumulation(useCeil = false) {\r\n        this.x = this._ownerCanvas.getGridPosition(this.x, useCeil);\r\n        this.y = this._ownerCanvas.getGridPosition(this.y, useCeil);\r\n    }\r\n\r\n    private _onUp(evt: PointerEvent) {\r\n        evt.stopPropagation();\r\n\r\n        for (const selectedNode of this._ownerCanvas.selectedNodes) {\r\n            selectedNode.cleanAccumulation();\r\n        }\r\n\r\n        this._mouseStartPointX = null;\r\n        this._mouseStartPointY = null;\r\n        this._visual.releasePointerCapture(evt.pointerId);\r\n\r\n        if (!this._ownerCanvas._targetLinkCandidate) {\r\n            return;\r\n        }\r\n\r\n        // Connect the ports\r\n        const inputs: Nullable<IPortData>[] = [];\r\n        const outputs: Nullable<IPortData>[] = [];\r\n        const availableNodeInputs: Nullable<IPortData>[] = [];\r\n        const availableNodeOutputs: Nullable<IPortData>[] = [];\r\n        const leftNode = this._ownerCanvas._targetLinkCandidate.nodeA;\r\n        const rightNode = this._ownerCanvas._targetLinkCandidate.nodeB!;\r\n\r\n        // Delete previous\r\n        this._ownerCanvas._targetLinkCandidate.dispose();\r\n        this._ownerCanvas._targetLinkCandidate = null;\r\n\r\n        // Get the ports\r\n        availableNodeInputs.push(...this.content.inputs.filter((i) => !i.isConnected));\r\n\r\n        availableNodeOutputs.push(...this.content.outputs);\r\n\r\n        inputs.push(...leftNode.content.outputs);\r\n\r\n        outputs.push(...rightNode.content.inputs.filter((i) => !i.isConnected));\r\n\r\n        // Reconnect\r\n        this._ownerCanvas.automaticRewire(inputs, availableNodeInputs, true);\r\n        this._ownerCanvas.automaticRewire(availableNodeOutputs, outputs, true);\r\n\r\n        this._stateManager.onRebuildRequiredObservable.notifyObservers(false);\r\n    }\r\n\r\n    private _onMove(evt: PointerEvent) {\r\n        this._ownerCanvas._targetLinkCandidate = null;\r\n        if (this._mouseStartPointX === null || this._mouseStartPointY === null || evt.ctrlKey) {\r\n            return;\r\n        }\r\n\r\n        // Move\r\n        const newX = (evt.clientX - this._mouseStartPointX) / this._ownerCanvas.zoom;\r\n        const newY = (evt.clientY - this._mouseStartPointY) / this._ownerCanvas.zoom;\r\n\r\n        for (const selectedNode of this._ownerCanvas.selectedNodes) {\r\n            selectedNode.x += newX;\r\n            selectedNode.y += newY;\r\n        }\r\n        for (const frame of this._ownerCanvas.selectedFrames) {\r\n            frame._moveFrame(newX, newY);\r\n        }\r\n\r\n        this._mouseStartPointX = evt.clientX;\r\n        this._mouseStartPointY = evt.clientY;\r\n\r\n        evt.stopPropagation();\r\n\r\n        if (this._inputPorts.some((p) => p.portData.isConnected) || this._outputPorts.some((o) => o.portData.hasEndpoints)) {\r\n            return;\r\n        }\r\n\r\n        // Check wires that could be underneath\r\n        const rect = this._visual.getBoundingClientRect();\r\n        for (const link of this._ownerCanvas.links) {\r\n            if (link.portA.node === this || link.portB!.node === this) {\r\n                link.isTargetCandidate = false;\r\n                continue;\r\n            }\r\n            link.isTargetCandidate = link.intersectsWith(rect);\r\n\r\n            if (link.isTargetCandidate) {\r\n                if (this._ownerCanvas._targetLinkCandidate !== link) {\r\n                    if (this._ownerCanvas._targetLinkCandidate) {\r\n                        this._ownerCanvas._targetLinkCandidate.isTargetCandidate = false;\r\n                    }\r\n                    this._ownerCanvas._targetLinkCandidate = link;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    public renderProperties(): Nullable<JSX.Element> {\r\n        let control = PropertyLedger.RegisteredControls[this.content.getClassName()];\r\n\r\n        if (!control) {\r\n            control = PropertyLedger.DefaultControl;\r\n        }\r\n\r\n        return React.createElement(control, {\r\n            stateManager: this._stateManager,\r\n            nodeData: this.content,\r\n        });\r\n    }\r\n\r\n    public appendVisual(root: HTMLDivElement, owner: GraphCanvasComponent) {\r\n        this._ownerCanvas = owner;\r\n\r\n        // Display manager\r\n        const displayManagerClass = DisplayLedger.RegisteredControls[this.content.getClassName()];\r\n\r\n        if (displayManagerClass) {\r\n            this._displayManager = new displayManagerClass();\r\n        }\r\n\r\n        // DOM\r\n        this._visual = root.ownerDocument!.createElement(\"div\");\r\n        this._visual.classList.add(localStyles.visual);\r\n\r\n        this._visual.addEventListener(\"pointerdown\", (evt) => this._onDown(evt));\r\n        this._visual.addEventListener(\"pointerup\", (evt) => this._onUp(evt));\r\n        this._visual.addEventListener(\"pointermove\", (evt) => this._onMove(evt));\r\n\r\n        this._headerContainer = root.ownerDocument!.createElement(\"div\");\r\n        this._headerContainer.classList.add(localStyles[\"header-container\"]);\r\n        this._visual.appendChild(this._headerContainer);\r\n\r\n        this._header = root.ownerDocument!.createElement(\"div\");\r\n        this._header.classList.add(localStyles.header);\r\n        this._headerContainer.appendChild(this._header);\r\n\r\n        this._headerIcon = root.ownerDocument!.createElement(\"div\");\r\n        this._headerIcon.classList.add(localStyles.headerIcon);\r\n        this._headerIconImg = root.ownerDocument!.createElement(\"img\");\r\n        this._headerIcon.appendChild(this._headerIconImg);\r\n        this._headerContainer.appendChild(this._headerIcon);\r\n\r\n        this._selectionBorder = root.ownerDocument!.createElement(\"div\");\r\n        this._selectionBorder.classList.add(\"selection-border\");\r\n        this._visual.appendChild(this._selectionBorder);\r\n\r\n        this._connections = root.ownerDocument!.createElement(\"div\");\r\n        this._connections.classList.add(localStyles.connections);\r\n        this._visual.appendChild(this._connections);\r\n\r\n        this._inputsContainer = root.ownerDocument!.createElement(\"div\");\r\n        this._inputsContainer.classList.add(commonStyles.inputsContainer);\r\n        this._connections.appendChild(this._inputsContainer);\r\n\r\n        this._outputsContainer = root.ownerDocument!.createElement(\"div\");\r\n        this._outputsContainer.classList.add(commonStyles.outputsContainer);\r\n        this._connections.appendChild(this._outputsContainer);\r\n\r\n        this._content = root.ownerDocument!.createElement(\"div\");\r\n        this._content.classList.add(localStyles.content);\r\n        this._visual.appendChild(this._content);\r\n\r\n        root.appendChild(this._visual);\r\n\r\n        // Comments\r\n        this._comments = root.ownerDocument!.createElement(\"div\");\r\n        this._comments.classList.add(localStyles.comments);\r\n\r\n        this._visual.appendChild(this._comments);\r\n\r\n        // Connections\r\n        for (const input of this.content.inputs) {\r\n            this._inputPorts.push(NodePort.CreatePortElement(input, this, this._inputsContainer, this._displayManager, this._stateManager));\r\n        }\r\n\r\n        for (const output of this.content.outputs) {\r\n            this._outputPorts.push(NodePort.CreatePortElement(output, this, this._outputsContainer, this._displayManager, this._stateManager));\r\n        }\r\n\r\n        this.refresh();\r\n    }\r\n\r\n    public dispose() {\r\n        // notify frame observers that this node is being deleted\r\n        this._stateManager.onGraphNodeRemovalObservable.notifyObservers(this);\r\n\r\n        if (this._onSelectionChangedObserver) {\r\n            this._stateManager.onSelectionChangedObservable.remove(this._onSelectionChangedObserver);\r\n        }\r\n\r\n        if (this._onUpdateRequiredObserver) {\r\n            this._stateManager.onUpdateRequiredObservable.remove(this._onUpdateRequiredObserver);\r\n        }\r\n\r\n        if (this._onSelectionBoxMovedObserver) {\r\n            this._stateManager.onSelectionBoxMoved.remove(this._onSelectionBoxMovedObserver);\r\n        }\r\n\r\n        if (this._visual.parentElement) {\r\n            this._visual.parentElement.removeChild(this._visual);\r\n        }\r\n\r\n        if (this._onFrameCreatedObserver) {\r\n            this._stateManager.onFrameCreatedObservable.remove(this._onFrameCreatedObserver);\r\n        }\r\n\r\n        for (const port of this._inputPorts) {\r\n            port.dispose();\r\n        }\r\n\r\n        for (const port of this._outputPorts) {\r\n            port.dispose();\r\n        }\r\n\r\n        const links = this._links.slice(0);\r\n        for (const link of links) {\r\n            link.dispose();\r\n        }\r\n\r\n        this.content.dispose();\r\n    }\r\n}\r\n"]}

package/nodeGraphSystem/interfaces/displayManager.d.ts

@@ -0,0 +1,13 @@
+import type { INodeData } from "./nodeData";
+import type { IPortData } from "./portData";
+export interface VisualContentDescription {
+    [key: string]: HTMLElement;
+}
+export interface IDisplayManager {
+    getHeaderClass(data: INodeData): string;
+    shouldDisplayPortLabels(data: IPortData): boolean;
+    updatePreviewContent(data: INodeData, contentArea: HTMLDivElement): void;
+    updateFullVisualContent?(data: INodeData, visualContent: VisualContentDescription): void;
+    getBackgroundColor(data: INodeData): string;
+    getHeaderText(data: INodeData): string;
+}

package/nodeGraphSystem/interfaces/displayManager.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=displayManager.js.map

package/nodeGraphSystem/interfaces/displayManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"displayManager.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/nodeGraphSystem/interfaces/displayManager.ts"],"names":[],"mappings":"","sourcesContent":["import type { INodeData } from \"./nodeData\";\r\nimport type { IPortData } from \"./portData\";\r\n\r\nexport interface VisualContentDescription {\r\n    [key: string]: HTMLElement;\r\n}\r\n\r\nexport interface IDisplayManager {\r\n    getHeaderClass(data: INodeData): string;\r\n    shouldDisplayPortLabels(data: IPortData): boolean;\r\n    updatePreviewContent(data: INodeData, contentArea: HTMLDivElement): void;\r\n    updateFullVisualContent?(data: INodeData, visualContent: VisualContentDescription): void;\r\n    getBackgroundColor(data: INodeData): string;\r\n    getHeaderText(data: INodeData): string;\r\n}\r\n"]}

package/nodeGraphSystem/interfaces/nodeContainer.d.ts

@@ -0,0 +1,6 @@
+import type { GraphNode } from "../graphNode";
+import type { INodeData } from "./nodeData";
+export interface INodeContainer {
+    nodes: GraphNode[];
+    appendNode(data: INodeData): GraphNode;
+}

package/nodeGraphSystem/interfaces/nodeContainer.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=nodeContainer.js.map

package/nodeGraphSystem/interfaces/nodeContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nodeContainer.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/nodeGraphSystem/interfaces/nodeContainer.ts"],"names":[],"mappings":"","sourcesContent":["import type { GraphNode } from \"../graphNode\";\r\nimport type { INodeData } from \"./nodeData\";\r\n\r\nexport interface INodeContainer {\r\n    nodes: GraphNode[];\r\n    appendNode(data: INodeData): GraphNode;\r\n}\r\n"]}

package/nodeGraphSystem/interfaces/nodeData.d.ts

@@ -0,0 +1,15 @@
+import type { Nullable } from "@babylonjs/core/types.js";
+import type { IPortData } from "./portData";
+export interface INodeData {
+    data: any;
+    name: string;
+    uniqueId: number;
+    isInput: boolean;
+    comments: string;
+    prepareHeaderIcon: (iconDiv: HTMLDivElement, img: HTMLImageElement) => void;
+    getClassName: () => string;
+    dispose: () => void;
+    getPortByName: (name: string) => Nullable<IPortData>;
+    inputs: IPortData[];
+    outputs: IPortData[];
+}

package/nodeGraphSystem/interfaces/nodeData.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=nodeData.js.map

package/nodeGraphSystem/interfaces/nodeData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nodeData.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/nodeGraphSystem/interfaces/nodeData.ts"],"names":[],"mappings":"","sourcesContent":["import type { Nullable } from \"core/types\";\r\nimport type { IPortData } from \"./portData\";\r\n\r\nexport interface INodeData {\r\n    data: any;\r\n    name: string;\r\n    uniqueId: number;\r\n    isInput: boolean;\r\n    comments: string;\r\n\r\n    prepareHeaderIcon: (iconDiv: HTMLDivElement, img: HTMLImageElement) => void;\r\n    getClassName: () => string;\r\n    dispose: () => void;\r\n\r\n    getPortByName: (name: string) => Nullable<IPortData>;\r\n\r\n    inputs: IPortData[];\r\n    outputs: IPortData[];\r\n}\r\n"]}

package/nodeGraphSystem/interfaces/nodeLocationInfo.d.ts

@@ -0,0 +1,26 @@
+export interface INodeLocationInfo {
+    blockId: number;
+    x: number;
+    y: number;
+}
+export interface IFrameData {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    color: number[];
+    name: string;
+    isCollapsed: boolean;
+    blocks: number[];
+    comments: string;
+}
+export interface IEditorData {
+    locations: INodeLocationInfo[];
+    x: number;
+    y: number;
+    zoom: number;
+    frames?: IFrameData[];
+    map?: {
+        [key: number]: number;
+    };
+}

package/nodeGraphSystem/interfaces/nodeLocationInfo.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=nodeLocationInfo.js.map

package/nodeGraphSystem/interfaces/nodeLocationInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nodeLocationInfo.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/nodeGraphSystem/interfaces/nodeLocationInfo.ts"],"names":[],"mappings":"","sourcesContent":["export interface INodeLocationInfo {\r\n    blockId: number;\r\n    x: number;\r\n    y: number;\r\n}\r\n\r\nexport interface IFrameData {\r\n    x: number;\r\n    y: number;\r\n    width: number;\r\n    height: number;\r\n    color: number[];\r\n    name: string;\r\n    isCollapsed: boolean;\r\n    blocks: number[];\r\n    comments: string;\r\n}\r\n\r\nexport interface IEditorData {\r\n    locations: INodeLocationInfo[];\r\n    x: number;\r\n    y: number;\r\n    zoom: number;\r\n    frames?: IFrameData[];\r\n    map?: { [key: number]: number };\r\n}\r\n"]}