@babylonjs/node-editor 6.4.1 → 6.5.1

package/dist/babylon.nodeEditor.max.js

@@ -59,7 +59,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, "#graph-search-container {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n}\n#graph-search-container #graph-search-picking-blocker {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  cursor: default;\n}\n#graph-search-container #graph-search-box {\n  width: 300px;\n  height: 400px;\n  position: absolute;\n  left: calc(50% - 150px);\n  top: calc(50% - 200px);\n  background: rgb(72, 72, 72);\n  border: 2px solid black;\n  z-index: 100;\n  cursor: auto;\n  display: grid;\n  grid-template-rows: auto auto 1fr;\n}\n#graph-search-container #graph-search-box .graph-search-box-title {\n  border-bottom: 1px solid rgb(40, 40, 40);\n  margin: 4px;\n  padding-bottom: 4px;\n  color: white;\n  grid-row: 1;\n}\n#graph-search-container #graph-search-box .graph-search-box-filter {\n  margin: 4px;\n  padding-bottom: 4px;\n  border-radius: 4px;\n  width: calc(100% - 16px);\n  grid-row: 2;\n}\n#graph-search-container #graph-search-box .graph-search-box-list {\n  grid-row: 3;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n}\n#graph-search-container #graph-search-box .graph-search-box-list .graph-search-box-list-item {\n  margin-left: 4px;\n  cursor: pointer;\n  color: white;\n  margin-top: 4px;\n  margin-bottom: 4px;\n}\n#graph-search-container #graph-search-box .graph-search-box-list .graph-search-box-list-item:hover {\n  background: rgb(30, 30, 30);\n}", "",{"version":3,"sources":["webpack://./../../../dev/sharedUiComponents/dist/nodeGraphSystem/searchBox.scss"],"names":[],"mappings":"AAAA;EACI,kBAAA;EACA,WAAA;EACA,YAAA;EACA,OAAA;EACA,MAAA;AACJ;AACI;EACI,kBAAA;EACA,WAAA;EACA,YAAA;EACA,OAAA;EACA,MAAA;EACA,eAAA;AACR;AAEI;EACI,YAAA;EACA,aAAA;EACA,kBAAA;EACA,uBAAA;EACA,sBAAA;EACA,2BAAA;EACA,uBAAA;EACA,YAAA;EACA,YAAA;EACA,aAAA;EACA,iCAAA;AAAR;AAEQ;EACI,wCAAA;EACA,WAAA;EACA,mBAAA;EACA,YAAA;EACA,WAAA;AAAZ;AAGQ;EACI,WAAA;EACA,mBAAA;EACA,kBAAA;EACA,wBAAA;EACA,WAAA;AADZ;AAIQ;EACI,WAAA;EACA,gBAAA;EACA,aAAA;EACA,sBAAA;AAFZ;AAIY;EACI,gBAAA;EACA,eAAA;EACA,YAAA;EACA,eAAA;EACA,kBAAA;AAFhB;AAIgB;EACI,2BAAA;AAFpB","sourcesContent":["#graph-search-container {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    left: 0;\r\n    top: 0;\r\n\r\n    #graph-search-picking-blocker {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        left: 0;\r\n        top: 0;\r\n        cursor: default;\r\n    }\r\n\r\n    #graph-search-box {\r\n        width: 300px;\r\n        height: 400px;\r\n        position: absolute;\r\n        left: calc(50% - 150px);\r\n        top: calc(50% - 200px);\r\n        background: rgb(72, 72, 72);\r\n        border: 2px solid black;\r\n        z-index: 100;\r\n        cursor: auto;\r\n        display: grid;\r\n        grid-template-rows: auto auto 1fr;\r\n\r\n        .graph-search-box-title {\r\n            border-bottom: 1px solid rgb(40, 40, 40);\r\n            margin: 4px;\r\n            padding-bottom: 4px;\r\n            color: white;\r\n            grid-row: 1;\r\n        }\r\n\r\n        .graph-search-box-filter {\r\n            margin: 4px;\r\n            padding-bottom: 4px;\r\n            border-radius: 4px;\r\n            width: calc(100% - 16px);\r\n            grid-row: 2;\r\n        }\r\n\r\n        .graph-search-box-list {\r\n            grid-row: 3;\r\n            overflow-y: auto;\r\n            display: flex;\r\n            flex-direction: column;\r\n\r\n            .graph-search-box-list-item {\r\n                margin-left: 4px;\r\n                cursor: pointer;\r\n                color: white;\r\n                margin-top: 4px;\r\n                margin-bottom: 4px;\r\n\r\n                &:hover {\r\n                    background: rgb(30, 30, 30);\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n"],"sourceRoot":""}]);
+___CSS_LOADER_EXPORT___.push([module.id, "#graph-search-container {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n}\n#graph-search-container #graph-search-picking-blocker {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  cursor: default;\n}\n#graph-search-container #graph-search-box {\n  width: 300px;\n  height: 400px;\n  position: absolute;\n  left: calc(50% - 150px);\n  top: calc(50% - 200px);\n  background: rgb(72, 72, 72);\n  border: 2px solid black;\n  z-index: 100;\n  cursor: auto;\n  display: grid;\n  grid-template-rows: auto auto 1fr;\n}\n#graph-search-container #graph-search-box .graph-search-box-title {\n  border-bottom: 1px solid rgb(40, 40, 40);\n  margin: 4px;\n  padding-bottom: 4px;\n  color: white;\n  grid-row: 1;\n}\n#graph-search-container #graph-search-box .graph-search-box-filter {\n  margin: 4px;\n  padding-bottom: 4px;\n  border-radius: 4px;\n  width: calc(100% - 16px);\n  grid-row: 2;\n}\n#graph-search-container #graph-search-box .graph-search-box-list {\n  grid-row: 3;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n}\n#graph-search-container #graph-search-box .graph-search-box-list .graph-search-box-list-item {\n  margin-left: 4px;\n  cursor: pointer;\n  color: white;\n  margin-top: 4px;\n  margin-bottom: 4px;\n}\n#graph-search-container #graph-search-box .graph-search-box-list .graph-search-box-list-item:hover {\n  background: rgb(30, 30, 30);\n}\n#graph-search-container #graph-search-box .graph-search-box-list .graph-search-box-list-item.selected {\n  background: rgb(230, 230, 230);\n  color: black;\n}", "",{"version":3,"sources":["webpack://./../../../dev/sharedUiComponents/dist/nodeGraphSystem/searchBox.scss"],"names":[],"mappings":"AAAA;EACI,kBAAA;EACA,WAAA;EACA,YAAA;EACA,OAAA;EACA,MAAA;AACJ;AACI;EACI,kBAAA;EACA,WAAA;EACA,YAAA;EACA,OAAA;EACA,MAAA;EACA,eAAA;AACR;AAEI;EACI,YAAA;EACA,aAAA;EACA,kBAAA;EACA,uBAAA;EACA,sBAAA;EACA,2BAAA;EACA,uBAAA;EACA,YAAA;EACA,YAAA;EACA,aAAA;EACA,iCAAA;AAAR;AAEQ;EACI,wCAAA;EACA,WAAA;EACA,mBAAA;EACA,YAAA;EACA,WAAA;AAAZ;AAGQ;EACI,WAAA;EACA,mBAAA;EACA,kBAAA;EACA,wBAAA;EACA,WAAA;AADZ;AAIQ;EACI,WAAA;EACA,gBAAA;EACA,aAAA;EACA,sBAAA;AAFZ;AAIY;EACI,gBAAA;EACA,eAAA;EACA,YAAA;EACA,eAAA;EACA,kBAAA;AAFhB;AAIgB;EACI,2BAAA;AAFpB;AAKgB;EACI,8BAAA;EACA,YAAA;AAHpB","sourcesContent":["#graph-search-container {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    left: 0;\r\n    top: 0;\r\n\r\n    #graph-search-picking-blocker {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        left: 0;\r\n        top: 0;\r\n        cursor: default;\r\n    }\r\n\r\n    #graph-search-box {\r\n        width: 300px;\r\n        height: 400px;\r\n        position: absolute;\r\n        left: calc(50% - 150px);\r\n        top: calc(50% - 200px);\r\n        background: rgb(72, 72, 72);\r\n        border: 2px solid black;\r\n        z-index: 100;\r\n        cursor: auto;\r\n        display: grid;\r\n        grid-template-rows: auto auto 1fr;\r\n\r\n        .graph-search-box-title {\r\n            border-bottom: 1px solid rgb(40, 40, 40);\r\n            margin: 4px;\r\n            padding-bottom: 4px;\r\n            color: white;\r\n            grid-row: 1;\r\n        }\r\n\r\n        .graph-search-box-filter {\r\n            margin: 4px;\r\n            padding-bottom: 4px;\r\n            border-radius: 4px;\r\n            width: calc(100% - 16px);\r\n            grid-row: 2;\r\n        }\r\n\r\n        .graph-search-box-list {\r\n            grid-row: 3;\r\n            overflow-y: auto;\r\n            display: flex;\r\n            flex-direction: column;\r\n\r\n            .graph-search-box-list-item {\r\n                margin-left: 4px;\r\n                cursor: pointer;\r\n                color: white;\r\n                margin-top: 4px;\r\n                margin-bottom: 4px;\r\n\r\n                &:hover {\r\n                    background: rgb(30, 30, 30);\r\n                }\r\n\r\n                &.selected {\r\n                    background: rgb(230, 230, 230);\r\n                    color: black;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n"],"sourceRoot":""}]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {};
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
@@ -527,6 +527,36 @@ ___CSS_LOADER_EXPORT___.locals = {
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
 
+/***/ }),
+
+/***/ "../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../../tools/nodeEditor/dist/graphSystem/display/curveDisplayManager.modules.scss":
+/*!****************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../../tools/nodeEditor/dist/graphSystem/display/curveDisplayManager.modules.scss ***!
+  \****************************************************************************************************************************************************************************************************************************************************/
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js */ "../../../../node_modules/css-loader/dist/runtime/sourceMaps.js");
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ "../../../../node_modules/css-loader/dist/runtime/api.js");
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".\\---------tools-nodeEditor-dist-graphSystem-display-curveDisplayManager-modules__curve-block {\n  grid-row: 2;\n  height: 34px;\n  text-align: center;\n  font-size: 18px;\n  font-weight: bold;\n  margin: 0 10px;\n}", "",{"version":3,"sources":["webpack://./../../../tools/nodeEditor/dist/graphSystem/display/curveDisplayManager.modules.scss"],"names":[],"mappings":"AAAA;EACI,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;EACA,iBAAA;EACA,cAAA;AACJ","sourcesContent":[".curve-block {\r\n    grid-row: 2;\r\n    height: 34px;\r\n    text-align: center;\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n    margin: 0 10px;\r\n}\r\n"],"sourceRoot":""}]);
+// Exports
+___CSS_LOADER_EXPORT___.locals = {
+	"curve-block": "---------tools-nodeEditor-dist-graphSystem-display-curveDisplayManager-modules__curve-block"
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ "../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../../tools/nodeEditor/dist/graphSystem/display/elbowDisplayManager.modules.scss":
@@ -53071,7 +53101,7 @@ __webpack_require__.r(__webpack_exports__);
 class SearchBoxComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
     constructor(props) {
         super(props);
-        this.state = { isVisible: false, filter: "" };
+        this.state = { isVisible: false, filter: "", selectedIndex: 0 };
         this._handleEscKey = (evt) => {
             if (evt.key === "Escape") {
                 this.hide();
@@ -53080,7 +53110,7 @@ class SearchBoxComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
         this.props.stateManager.onSearchBoxRequiredObservable.add((loc) => {
             this._targetX = loc.x;
             this._targetY = loc.y;
-            this.setState({ isVisible: true, filter: "" });
+            this.setState({ isVisible: true, filter: "", selectedIndex: 0 });
             this.props.stateManager.hostDocument.addEventListener("keydown", this._handleEscKey);
         });
     }
@@ -53104,7 +53134,15 @@ class SearchBoxComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
     }
     onKeyDown(evt) {
         if (evt.code === "Enter" && this._nodes.length > 0) {
-            this.onNewNodeRequested(this._nodes[0]);
+            this.onNewNodeRequested(this._nodes[this.state.selectedIndex]);
+            return;
+        }
+        if (evt.code === "ArrowDown" && this._nodes.length > 0) {
+            this.setState({ selectedIndex: Math.min(this.state.selectedIndex + 1, this._nodes.length - 1) });
+            return;
+        }
+        if (evt.code === "ArrowUp" && this._nodes.length > 0) {
+            this.setState({ selectedIndex: Math.max(this.state.selectedIndex - 1, 0) });
             return;
         }
     }
@@ -53139,8 +53177,8 @@ class SearchBoxComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
         else if (targetY < 10) {
             locStyle.top = "10px";
         }
-        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { id: "graph-search-container", children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { id: "graph-search-picking-blocker", onClick: () => this.hide() }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { id: "graph-search-box", style: locStyle, children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "graph-search-box-title", children: "Add a node" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input", { type: "text", placeholder: "Search...", onChange: (evt) => this.onFilterChange(evt), onKeyDown: (evt) => this.onKeyDown(evt), value: this.state.filter, className: "graph-search-box-filter", autoFocus: true, tabIndex: 0 }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "graph-search-box-list", children: this._nodes.map((name) => {
-                                return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "graph-search-box-list-item ", onClick: () => this.onNewNodeRequested(name), children: _nodeLedger__WEBPACK_IMPORTED_MODULE_3__.NodeLedger.NameFormatter(name) }, name));
+        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { id: "graph-search-container", children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { id: "graph-search-picking-blocker", onClick: () => this.hide() }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { id: "graph-search-box", style: locStyle, children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "graph-search-box-title", children: "Add a node" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input", { type: "text", placeholder: "Search...", onChange: (evt) => this.onFilterChange(evt), onKeyDown: (evt) => this.onKeyDown(evt), value: this.state.filter, className: "graph-search-box-filter", autoFocus: true, tabIndex: 0 }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "graph-search-box-list", children: this._nodes.map((name, i) => {
+                                return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "graph-search-box-list-item " + (this.state.selectedIndex === i ? "selected " : ""), onClick: () => this.onNewNodeRequested(name), children: _nodeLedger__WEBPACK_IMPORTED_MODULE_3__.NodeLedger.NameFormatter(name) }, name));
                             }) })] })] }));
     }
 }
@@ -53393,7 +53431,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "BlockTools": () => (/* binding */ BlockTools)
 /* harmony export */ });
-/* harmony import */ var core_Materials_Node_Blocks_Fragment_discardBlock__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Materials/Node/Blocks/matrixTransposeBlock */ "core/Misc/dataStorage");
+/* harmony import */ var core_Materials_Node_Blocks_Fragment_discardBlock__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Materials/Node/Blocks/curveBlock */ "core/Misc/dataStorage");
 /* harmony import */ var core_Materials_Node_Blocks_Fragment_discardBlock__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Materials_Node_Blocks_Fragment_discardBlock__WEBPACK_IMPORTED_MODULE_0__);
 
 
@@ -53489,6 +53527,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 
 class BlockTools {
@@ -54015,6 +54054,8 @@ class BlockTools {
                 return new core_Materials_Node_Blocks_Fragment_discardBlock__WEBPACK_IMPORTED_MODULE_0__.MatrixTransposeBlock("Transpose");
             case "MatrixDeterminantBlock":
                 return new core_Materials_Node_Blocks_Fragment_discardBlock__WEBPACK_IMPORTED_MODULE_0__.MatrixDeterminantBlock("Determinant");
+            case "CurveBlock":
+                return new core_Materials_Node_Blocks_Fragment_discardBlock__WEBPACK_IMPORTED_MODULE_0__.CurveBlock("Curve");
         }
         return null;
     }
@@ -54332,6 +54373,7 @@ class NodeListComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
                 "ArcTanBlock",
                 "ArcTan2Block",
                 "CosBlock",
+                "CurveBlock",
                 "DegreesToRadiansBlock",
                 "ExpBlock",
                 "Exp2Block",
@@ -54657,6 +54699,7 @@ NodeListComponent._Tooltips = {
     MatrixDeterminantBlock: "Compute the determinant of a matrix",
     MatrixTransposeBlock: "Compute the transpose of a matrix",
     MeshAttributeExistsBlock: "Falls back to secondary input if specified attribute doesn't exists on the rendered mesh",
+    CurveBlock: "Apply a curve function",
 };
 
 
@@ -57088,6 +57131,45 @@ class ConditionalDisplayManager {
 }
 
 
+/***/ }),
+
+/***/ "../../../tools/nodeEditor/dist/graphSystem/display/curveDisplayManager.js":
+/*!*********************************************************************************!*\
+  !*** ../../../tools/nodeEditor/dist/graphSystem/display/curveDisplayManager.js ***!
+  \*********************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "CurveDisplayManager": () => (/* binding */ CurveDisplayManager)
+/* harmony export */ });
+/* harmony import */ var core_Materials_Node_Blocks_curveBlock__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Materials/Node/Blocks/curveBlock */ "core/Misc/dataStorage");
+/* harmony import */ var core_Materials_Node_Blocks_curveBlock__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Materials_Node_Blocks_curveBlock__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _curveDisplayManager_modules_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./curveDisplayManager.modules.scss */ "../../../tools/nodeEditor/dist/graphSystem/display/curveDisplayManager.modules.scss");
+
+
+class CurveDisplayManager {
+    getHeaderClass() {
+        return "";
+    }
+    shouldDisplayPortLabels() {
+        return false;
+    }
+    getHeaderText(nodeData) {
+        return nodeData.data.name;
+    }
+    getBackgroundColor() {
+        return "#405C86";
+    }
+    updatePreviewContent(nodeData, contentArea) {
+        const curveBlock = nodeData.data;
+        contentArea.classList.add(_curveDisplayManager_modules_scss__WEBPACK_IMPORTED_MODULE_1__["default"]["curve-block"]);
+        contentArea.innerHTML = core_Materials_Node_Blocks_curveBlock__WEBPACK_IMPORTED_MODULE_0__.CurveBlockTypes[curveBlock.type];
+    }
+}
+
+
 /***/ }),
 
 /***/ "../../../tools/nodeEditor/dist/graphSystem/display/discardDisplayManager.js":
@@ -57842,6 +57924,58 @@ class ConditionalPropertyTabComponent extends react__WEBPACK_IMPORTED_MODULE_1__
 }
 
 
+/***/ }),
+
+/***/ "../../../tools/nodeEditor/dist/graphSystem/properties/curveNodePropertyComponent.js":
+/*!*******************************************************************************************!*\
+  !*** ../../../tools/nodeEditor/dist/graphSystem/properties/curveNodePropertyComponent.js ***!
+  \*******************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "CurvePropertyTabComponent": () => (/* binding */ CurvePropertyTabComponent)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "../../../../node_modules/react/jsx-runtime.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "../../../../node_modules/react/index.js");
+/* harmony import */ var _sharedComponents_lineContainerComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../sharedComponents/lineContainerComponent */ "../../../tools/nodeEditor/dist/sharedComponents/lineContainerComponent.js");
+/* harmony import */ var _genericNodePropertyComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./genericNodePropertyComponent */ "../../../tools/nodeEditor/dist/graphSystem/properties/genericNodePropertyComponent.js");
+/* harmony import */ var shared_ui_components_lines_optionsLineComponent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! shared-ui-components/lines/optionsLineComponent */ "../../../dev/sharedUiComponents/dist/lines/optionsLineComponent.js");
+/* harmony import */ var core_Materials_Node_Blocks_curveBlock__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core/Materials/Node/Blocks/curveBlock */ "core/Misc/dataStorage");
+/* harmony import */ var core_Materials_Node_Blocks_curveBlock__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_Materials_Node_Blocks_curveBlock__WEBPACK_IMPORTED_MODULE_5__);
+
+
+
+
+
+
+class CurvePropertyTabComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        const curveBlock = this.props.nodeData.data;
+        const typeOptions = [];
+        const keys = Object.keys(core_Materials_Node_Blocks_curveBlock__WEBPACK_IMPORTED_MODULE_5__.CurveBlockTypes);
+        for (const key of keys) {
+            if (!isNaN(parseInt(key))) {
+                continue;
+            }
+            typeOptions.push({
+                label: key,
+                value: core_Materials_Node_Blocks_curveBlock__WEBPACK_IMPORTED_MODULE_5__.CurveBlockTypes[key],
+            });
+        }
+        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_genericNodePropertyComponent__WEBPACK_IMPORTED_MODULE_3__.GeneralPropertyTabComponent, { stateManager: this.props.stateManager, nodeData: this.props.nodeData }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_sharedComponents_lineContainerComponent__WEBPACK_IMPORTED_MODULE_2__.LineContainerComponent, { title: "PROPERTIES", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_optionsLineComponent__WEBPACK_IMPORTED_MODULE_4__.OptionsLineComponent, { label: "Type", options: typeOptions, target: curveBlock, propertyName: "type", onSelect: () => {
+                            this.props.stateManager.onUpdateRequiredObservable.notifyObservers(curveBlock);
+                            this.props.stateManager.onRebuildRequiredObservable.notifyObservers(true);
+                            this.forceUpdate();
+                        } }) })] }));
+    }
+}
+
+
 /***/ }),
 
 /***/ "../../../tools/nodeEditor/dist/graphSystem/properties/frameNodePortPropertyComponent.js":
@@ -59445,6 +59579,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _display_elbowDisplayManager__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./display/elbowDisplayManager */ "../../../tools/nodeEditor/dist/graphSystem/display/elbowDisplayManager.js");
 /* harmony import */ var shared_ui_components_nodeGraphSystem_displayLedger__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! shared-ui-components/nodeGraphSystem/displayLedger */ "../../../dev/sharedUiComponents/dist/nodeGraphSystem/displayLedger.js");
 /* harmony import */ var _display_meshAttributeExistsDisplayManager__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./display/meshAttributeExistsDisplayManager */ "../../../tools/nodeEditor/dist/graphSystem/display/meshAttributeExistsDisplayManager.js");
+/* harmony import */ var _display_curveDisplayManager__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./display/curveDisplayManager */ "../../../tools/nodeEditor/dist/graphSystem/display/curveDisplayManager.js");
+
 
 
 
@@ -59485,6 +59621,7 @@ const RegisterToDisplayManagers = () => {
     shared_ui_components_nodeGraphSystem_displayLedger__WEBPACK_IMPORTED_MODULE_12__.DisplayLedger.RegisteredControls.ImageSourceBlock = _display_imageSourceDisplayManager__WEBPACK_IMPORTED_MODULE_10__.ImageSourceDisplayManager;
     shared_ui_components_nodeGraphSystem_displayLedger__WEBPACK_IMPORTED_MODULE_12__.DisplayLedger.RegisteredControls.ElbowBlock = _display_elbowDisplayManager__WEBPACK_IMPORTED_MODULE_11__.ElbowDisplayManager;
     shared_ui_components_nodeGraphSystem_displayLedger__WEBPACK_IMPORTED_MODULE_12__.DisplayLedger.RegisteredControls.MeshAttributeExistsBlock = _display_meshAttributeExistsDisplayManager__WEBPACK_IMPORTED_MODULE_13__.MeshAttributeExistsDisplayManager;
+    shared_ui_components_nodeGraphSystem_displayLedger__WEBPACK_IMPORTED_MODULE_12__.DisplayLedger.RegisteredControls.CurveBlock = _display_curveDisplayManager__WEBPACK_IMPORTED_MODULE_14__.CurveDisplayManager;
 };
 
 
@@ -59513,6 +59650,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _properties_transformNodePropertyComponent__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./properties/transformNodePropertyComponent */ "../../../tools/nodeEditor/dist/graphSystem/properties/transformNodePropertyComponent.js");
 /* harmony import */ var _properties_trigonometryNodePropertyComponent__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./properties/trigonometryNodePropertyComponent */ "../../../tools/nodeEditor/dist/graphSystem/properties/trigonometryNodePropertyComponent.js");
 /* harmony import */ var _properties_vectorMergerPropertyComponent__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./properties/vectorMergerPropertyComponent */ "../../../tools/nodeEditor/dist/graphSystem/properties/vectorMergerPropertyComponent.js");
+/* harmony import */ var _properties_curveNodePropertyComponent__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./properties/curveNodePropertyComponent */ "../../../tools/nodeEditor/dist/graphSystem/properties/curveNodePropertyComponent.js");
+
 
 
 
@@ -59544,6 +59683,7 @@ const RegisterToPropertyTabManagers = () => {
     shared_ui_components_nodeGraphSystem_propertyLedger__WEBPACK_IMPORTED_MODULE_0__.PropertyLedger.RegisteredControls.ImageSourceBlock = _properties_imageSourcePropertyTabComponent__WEBPACK_IMPORTED_MODULE_5__.ImageSourcePropertyTabComponent;
     shared_ui_components_nodeGraphSystem_propertyLedger__WEBPACK_IMPORTED_MODULE_0__.PropertyLedger.RegisteredControls.VectorMergerBlock = _properties_vectorMergerPropertyComponent__WEBPACK_IMPORTED_MODULE_11__.VectorMergerPropertyTabComponent;
     shared_ui_components_nodeGraphSystem_propertyLedger__WEBPACK_IMPORTED_MODULE_0__.PropertyLedger.RegisteredControls.ColorMergerBlock = _properties_colorMergerPropertyComponent__WEBPACK_IMPORTED_MODULE_1__.ColorMergerPropertyTabComponent;
+    shared_ui_components_nodeGraphSystem_propertyLedger__WEBPACK_IMPORTED_MODULE_0__.PropertyLedger.RegisteredControls.CurveBlock = _properties_curveNodePropertyComponent__WEBPACK_IMPORTED_MODULE_12__.CurvePropertyTabComponent;
 };
 
 
@@ -61184,6 +61324,61 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
        /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_4_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_4_use_2_common_modules_scss__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_4_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_4_use_2_common_modules_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_4_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_4_use_2_common_modules_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
 
 
+/***/ }),
+
+/***/ "../../../tools/nodeEditor/dist/graphSystem/display/curveDisplayManager.modules.scss":
+/*!*******************************************************************************************!*\
+  !*** ../../../tools/nodeEditor/dist/graphSystem/display/curveDisplayManager.modules.scss ***!
+  \*******************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ "../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ "../../../../node_modules/style-loader/dist/runtime/insertBySelector.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ "../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ "../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ "../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_4_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_4_use_2_curveDisplayManager_modules_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./curveDisplayManager.modules.scss */ "../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../../tools/nodeEditor/dist/graphSystem/display/curveDisplayManager.modules.scss");
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
+options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
+
+      options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
+    
+options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
+options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
+
+var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_4_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_4_use_2_curveDisplayManager_modules_scss__WEBPACK_IMPORTED_MODULE_6__["default"], options);
+
+
+
+
+       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_4_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_4_use_2_curveDisplayManager_modules_scss__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_4_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_4_use_2_curveDisplayManager_modules_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_4_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_4_use_2_curveDisplayManager_modules_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
+
+
 /***/ }),
 
 /***/ "../../../tools/nodeEditor/dist/graphSystem/display/elbowDisplayManager.modules.scss":