@babylonjs/node-editor 5.29.0 → 5.30.0

package/dist/babylon.nodeEditor.max.js

@@ -64058,6 +64058,12 @@ class GraphCanvasComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component
         super(props);
         this._minZoom = 0.1;
         this._maxZoom = 4;
+        this._hostCanvasRef = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
+        this._graphCanvasRef = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
+        this._selectionContainerRef = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
+        this._frameContainerRef = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
+        this._svgCanvasRef = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
+        this._rootContainerRef = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
         this._nodes = [];
         this._links = [];
         this._mouseStartPointX = null;
@@ -64707,12 +64713,12 @@ class GraphCanvasComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component
         });
     }
     componentDidMount() {
-        this._hostCanvas = this.props.stateManager.hostDocument.getElementById("graph-canvas");
-        this._rootContainer = this.props.stateManager.hostDocument.getElementById("graph-container");
-        this._graphCanvas = this.props.stateManager.hostDocument.getElementById("graph-canvas-container");
-        this._svgCanvas = this.props.stateManager.hostDocument.getElementById("graph-svg-container");
-        this._selectionContainer = this.props.stateManager.hostDocument.getElementById("selection-container");
-        this._frameContainer = this.props.stateManager.hostDocument.getElementById("frame-container");
+        this._hostCanvas = this._hostCanvasRef.current;
+        this._rootContainer = this._rootContainerRef.current;
+        this._graphCanvas = this._graphCanvasRef.current;
+        this._svgCanvas = this._svgCanvasRef.current;
+        this._selectionContainer = this._selectionContainerRef.current;
+        this._frameContainer = this._frameContainerRef.current;
         this.gridSize = core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_6__.DataStorage.ReadNumber("GridSize", 20);
         this.updateTransform();
     }
@@ -65163,7 +65169,7 @@ class GraphCanvasComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component
         this.stateManager.onSelectionChangedObservable.notifyObservers({ selection: frame });
     }
     render() {
-        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { id: "graph-canvas", className: _graphCanvas_modules_scss__WEBPACK_IMPORTED_MODULE_10__["default"]["graph-canvas"], onWheel: (evt) => this.onWheel(evt), onPointerMove: (evt) => this.onMove(evt), onPointerDown: (evt) => this.onDown(evt), onPointerUp: (evt) => this.onUp(evt), children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { id: "graph-container", className: _graphCanvas_modules_scss__WEBPACK_IMPORTED_MODULE_10__["default"]["graph-container"], children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { id: "graph-canvas-container", className: _graphCanvas_modules_scss__WEBPACK_IMPORTED_MODULE_10__["default"]["graph-canvas-container"] }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { id: "frame-container", className: _graphCanvas_modules_scss__WEBPACK_IMPORTED_MODULE_10__["default"]["frame-container"] }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("svg", { id: "graph-svg-container", className: _graphCanvas_modules_scss__WEBPACK_IMPORTED_MODULE_10__["default"]["graph-svg-container"] }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { id: "selection-container", className: _graphCanvas_modules_scss__WEBPACK_IMPORTED_MODULE_10__["default"]["selection-container"] })] }) }));
+        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { ref: this._hostCanvasRef, id: "graph-canvas", className: _graphCanvas_modules_scss__WEBPACK_IMPORTED_MODULE_10__["default"]["graph-canvas"], onWheel: (evt) => this.onWheel(evt), onPointerMove: (evt) => this.onMove(evt), onPointerDown: (evt) => this.onDown(evt), onPointerUp: (evt) => this.onUp(evt), children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { id: "graph-container", className: _graphCanvas_modules_scss__WEBPACK_IMPORTED_MODULE_10__["default"]["graph-container"], ref: this._rootContainerRef, children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { id: "graph-canvas-container", className: _graphCanvas_modules_scss__WEBPACK_IMPORTED_MODULE_10__["default"]["graph-canvas-container"], ref: this._graphCanvasRef }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { id: "frame-container", className: _graphCanvas_modules_scss__WEBPACK_IMPORTED_MODULE_10__["default"]["frame-container"], ref: this._frameContainerRef }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("svg", { id: "graph-svg-container", className: _graphCanvas_modules_scss__WEBPACK_IMPORTED_MODULE_10__["default"]["graph-svg-container"], ref: this._svgCanvasRef }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { id: "selection-container", className: _graphCanvas_modules_scss__WEBPACK_IMPORTED_MODULE_10__["default"]["selection-container"], ref: this._selectionContainerRef })] }) }));
     }
 }
 GraphCanvasComponent.NodeWidth = 100;
@@ -66591,6 +66597,12 @@ class GraphNode {
             }
         });
     }
+    addClassToVisual(className) {
+        this._visual.classList.add(className);
+    }
+    removeClassFromVisual(className) {
+        this._visual.classList.remove(className);
+    }
     get isVisible() {
         return this._isVisible;
     }