@babylonjs/node-editor 5.29.0 → 5.31.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/babylon.nodeEditor.js +1 -1
  2. package/dist/babylon.nodeEditor.js.map +1 -1
  3. package/dist/babylon.nodeEditor.max.js +28 -7
  4. package/dist/babylon.nodeEditor.max.js.map +1 -1
  5. package/dist/babylon.nodeEditor.module.d.ts +14 -2
  6. package/package.json +2 -2
package/dist/babylon.nodeEditor.max.js CHANGED
@@ -64058,6 +64058,12 @@ class GraphCanvasComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component
64058
64058
  super(props);
64059
64059
  this._minZoom = 0.1;
64060
64060
  this._maxZoom = 4;
64061
+ this._hostCanvasRef = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
64062
+ this._graphCanvasRef = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
64063
+ this._selectionContainerRef = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
64064
+ this._frameContainerRef = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
64065
+ this._svgCanvasRef = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
64066
+ this._rootContainerRef = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
64061
64067
  this._nodes = [];
64062
64068
  this._links = [];
64063
64069
  this._mouseStartPointX = null;
@@ -64707,12 +64713,12 @@ class GraphCanvasComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component
64707
64713
  });
64708
64714
  }
64709
64715
  componentDidMount() {
64710
- this._hostCanvas = this.props.stateManager.hostDocument.getElementById("graph-canvas");
64711
- this._rootContainer = this.props.stateManager.hostDocument.getElementById("graph-container");
64712
- this._graphCanvas = this.props.stateManager.hostDocument.getElementById("graph-canvas-container");
64713
- this._svgCanvas = this.props.stateManager.hostDocument.getElementById("graph-svg-container");
64714
- this._selectionContainer = this.props.stateManager.hostDocument.getElementById("selection-container");
64715
- this._frameContainer = this.props.stateManager.hostDocument.getElementById("frame-container");
64716
+ this._hostCanvas = this._hostCanvasRef.current;
64717
+ this._rootContainer = this._rootContainerRef.current;
64718
+ this._graphCanvas = this._graphCanvasRef.current;
64719
+ this._svgCanvas = this._svgCanvasRef.current;
64720
+ this._selectionContainer = this._selectionContainerRef.current;
64721
+ this._frameContainer = this._frameContainerRef.current;
64716
64722
  this.gridSize = core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_6__.DataStorage.ReadNumber("GridSize", 20);
64717
64723
  this.updateTransform();
64718
64724
  }
@@ -65163,7 +65169,7 @@ class GraphCanvasComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component
65163
65169
  this.stateManager.onSelectionChangedObservable.notifyObservers({ selection: frame });
65164
65170
  }
65165
65171
  render() {
65166
- 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"] })] }) }));
65172
+ 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 })] }) }));
65167
65173
  }
65168
65174
  }
65169
65175
  GraphCanvasComponent.NodeWidth = 100;
@@ -66591,6 +66597,12 @@ class GraphNode {
66591
66597
  }
66592
66598
  });
66593
66599
  }
66600
+ addClassToVisual(className) {
66601
+ this._visual.classList.add(className);
66602
+ }
66603
+ removeClassFromVisual(className) {
66604
+ this._visual.classList.remove(className);
66605
+ }
66594
66606
  get isVisible() {
66595
66607
  return this._isVisible;
66596
66608
  }
@@ -69157,16 +69169,22 @@ class PreviewManager {
69157
69169
  }
69158
69170
  core_Materials_Node_nodeMaterial__WEBPACK_IMPORTED_MODULE_0__.SceneLoader.ShowLoadingScreen = false;
69159
69171
  this._globalState.onIsLoadingChanged.notifyObservers(true);
69172
+ const bakeTransformation = (mesh) => {
69173
+ mesh.bakeCurrentTransformIntoVertices();
69174
+ mesh.refreshBoundingInfo();
69175
+ };
69160
69176
  if (this._globalState.mode === core_Materials_Node_nodeMaterial__WEBPACK_IMPORTED_MODULE_0__.NodeMaterialModes.Material) {
69161
69177
  switch (this._globalState.previewType) {
69162
69178
  case _previewType__WEBPACK_IMPORTED_MODULE_1__.PreviewType.Box:
69163
69179
  core_Materials_Node_nodeMaterial__WEBPACK_IMPORTED_MODULE_0__.SceneLoader.AppendAsync("https://assets.babylonjs.com/meshes/", "roundedCube.glb", this._scene).then(() => {
69180
+ bakeTransformation(this._scene.meshes[1]);
69164
69181
  this._meshes.push(...this._scene.meshes);
69165
69182
  this._prepareScene();
69166
69183
  });
69167
69184
  return;
69168
69185
  case _previewType__WEBPACK_IMPORTED_MODULE_1__.PreviewType.Sphere:
69169
69186
  core_Materials_Node_nodeMaterial__WEBPACK_IMPORTED_MODULE_0__.SceneLoader.AppendAsync("https://assets.babylonjs.com/meshes/", "previewSphere.glb", this._scene).then(() => {
69187
+ bakeTransformation(this._scene.meshes[1]);
69170
69188
  this._meshes.push(...this._scene.meshes);
69171
69189
  this._prepareScene();
69172
69190
  });
@@ -69186,6 +69204,7 @@ class PreviewManager {
69186
69204
  return;
69187
69205
  case _previewType__WEBPACK_IMPORTED_MODULE_1__.PreviewType.Plane: {
69188
69206
  core_Materials_Node_nodeMaterial__WEBPACK_IMPORTED_MODULE_0__.SceneLoader.AppendAsync("https://assets.babylonjs.com/meshes/", "highPolyPlane.glb", this._scene).then(() => {
69207
+ bakeTransformation(this._scene.meshes[1]);
69189
69208
  this._meshes.push(...this._scene.meshes);
69190
69209
  this._prepareScene();
69191
69210
  });
@@ -73111,9 +73130,11 @@ class TexturePropertyTabComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Com
73111
73130
  } })), texture && !isInReflectionMode && !isFrozenTexture && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_sharedComponents_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Clamp U", isSelected: () => texture.wrapU === core_Misc_tools__WEBPACK_IMPORTED_MODULE_3__.Texture.CLAMP_ADDRESSMODE, onSelect: (value) => {
73112
73131
  texture.wrapU = value ? core_Misc_tools__WEBPACK_IMPORTED_MODULE_3__.Texture.CLAMP_ADDRESSMODE : core_Misc_tools__WEBPACK_IMPORTED_MODULE_3__.Texture.WRAP_ADDRESSMODE;
73113
73132
  this.props.stateManager.onUpdateRequiredObservable.notifyObservers(block);
73133
+ this.props.stateManager.onRebuildRequiredObservable.notifyObservers(true);
73114
73134
  } })), texture && !isInReflectionMode && !isFrozenTexture && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_sharedComponents_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Clamp V", isSelected: () => texture.wrapV === core_Misc_tools__WEBPACK_IMPORTED_MODULE_3__.Texture.CLAMP_ADDRESSMODE, onSelect: (value) => {
73115
73135
  texture.wrapV = value ? core_Misc_tools__WEBPACK_IMPORTED_MODULE_3__.Texture.CLAMP_ADDRESSMODE : core_Misc_tools__WEBPACK_IMPORTED_MODULE_3__.Texture.WRAP_ADDRESSMODE;
73116
73136
  this.props.stateManager.onUpdateRequiredObservable.notifyObservers(block);
73137
+ this.props.stateManager.onRebuildRequiredObservable.notifyObservers(true);
73117
73138
  } })), texture && !isInReflectionMode && !isFrozenTexture && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_10__.FloatLineComponent, { lockObject: this.props.stateManager.lockObject, label: "Offset U", target: texture, propertyName: "uOffset", onChange: () => {
73118
73139
  this.props.stateManager.onUpdateRequiredObservable.notifyObservers(block);
73119
73140
  } })), texture && !isInReflectionMode && !isFrozenTexture && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_10__.FloatLineComponent, { lockObject: this.props.stateManager.lockObject, label: "Offset V", target: texture, propertyName: "vOffset", onChange: () => {