@babylonjs/node-editor 6.14.1 → 6.15.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.
|
@@ -2191,11 +2191,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.\\---------dev-sharedUiComponents-dis
|
|
|
2191
2191
|
}
|
|
2192
2192
|
|
|
2193
2193
|
.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__headerIcon {
|
|
2194
|
-
position: absolute;
|
|
2195
|
-
right: 0px;
|
|
2196
|
-
top: 2px;
|
|
2197
2194
|
z-index: 10;
|
|
2198
|
-
justify-self: end;
|
|
2199
2195
|
align-self: center;
|
|
2200
2196
|
user-select: none;
|
|
2201
2197
|
pointer-events: none;
|
|
@@ -2210,7 +2206,10 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.\\---------dev-sharedUiComponents-dis
|
|
|
2210
2206
|
white-space: nowrap;
|
|
2211
2207
|
text-overflow: ellipsis;
|
|
2212
2208
|
overflow: hidden;
|
|
2213
|
-
|
|
2209
|
+
}
|
|
2210
|
+
|
|
2211
|
+
.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__headerWithIcon {
|
|
2212
|
+
margin-left: calc(20px + 6px);
|
|
2214
2213
|
}
|
|
2215
2214
|
|
|
2216
2215
|
.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__connections {
|
|
@@ -2242,13 +2241,14 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.\\---------dev-sharedUiComponents-dis
|
|
|
2242
2241
|
|
|
2243
2242
|
.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__selected {
|
|
2244
2243
|
border-color: white !important;
|
|
2245
|
-
}`, "",{"version":3,"sources":["webpack://./../../../dev/sharedUiComponents/dist/nodeGraphSystem/graphNode.modules.scss"],"names":[],"mappings":"AAAA;EACI,UAAA;EACA,YAAA;EACA,kBAAA;EACA,OAAA;EACA,MAAA;EACA,gBAAA;EACA,uBAAA;EACA,mBAAA;EACA,aAAA;EACA,6BAAA;EACA,2BAAA;EACA,YAAA;EACA,0CAAA;AACJ;;AAEA;EACI,WAAA;EACA,cAAA;EACA,kBAAA;EACA,uBAAA;EACA,4BAAA;EACA,2BAAA;EACA,iBAAA;EACA,YAAA;EACA,0CAAA;EACA,wBAAA;EACA,aAAA;EACA,+BAAA;EACA,wBAAA;AACJ;;
|
|
2244
|
+
}`, "",{"version":3,"sources":["webpack://./../../../dev/sharedUiComponents/dist/nodeGraphSystem/graphNode.modules.scss"],"names":[],"mappings":"AAAA;EACI,UAAA;EACA,YAAA;EACA,kBAAA;EACA,OAAA;EACA,MAAA;EACA,gBAAA;EACA,uBAAA;EACA,mBAAA;EACA,aAAA;EACA,6BAAA;EACA,2BAAA;EACA,YAAA;EACA,0CAAA;AACJ;;AAEA;EACI,WAAA;EACA,cAAA;EACA,kBAAA;EACA,uBAAA;EACA,4BAAA;EACA,2BAAA;EACA,iBAAA;EACA,YAAA;EACA,0CAAA;EACA,wBAAA;EACA,aAAA;EACA,+BAAA;EACA,wBAAA;AACJ;;AAKA;EACI,WAAA;EACA,kBAAA;EACA,iBAAA;EACA,oBAAA;EACA,WARO;EASP,aAAA;EACA,gBATS;AAOb;;AAKA;EACI,eAAA;EACA,kBAAA;EACA,mBAAA;EACA,uBAAA;EACA,gBAAA;AAFJ;;AAKA;EACI,6BAAA;AAFJ;;AAKA;EACI,WAAA;EACA,cAAA;EAEA,aAAA;EACA,8BAAA;EACA,mBAAA;AAHJ;;AAMA;EACI,gBAAA;EACA,WAAA;EACA,cAAA;AAHJ;;AAMA;EACI,kBAAA;EACA,UAAA;EACA,YAAA;EACA,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,YAAA;EACA,aAAA;EACA,qBAAA;EACA,oBAAA;AAHJ;;AAMA;EACI,8BAAA;AAHJ","sourcesContent":[".visual {\r\n z-index: 4;\r\n width: 200px;\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n background: gray;\r\n border: 4px solid black;\r\n border-radius: 12px;\r\n display: grid;\r\n grid-template-rows: 30px auto;\r\n grid-template-columns: 100%;\r\n color: white;\r\n box-shadow: 7px 6px 2px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.header-container {\r\n grid-row: 1;\r\n grid-column: 1;\r\n position: relative;\r\n border: 4px solid black;\r\n border-top-right-radius: 7px;\r\n border-top-left-radius: 7px;\r\n background: black;\r\n color: white;\r\n transform: scaleX(1.01) translateY(-0.5px);\r\n transform-origin: center;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n grid-template-rows: 100%;\r\n}\r\n\r\n$iconSize: 20px;\r\n$iconMargin: 6px;\r\n\r\n.headerIcon {\r\n z-index: 10;\r\n align-self: center;\r\n user-select: none;\r\n pointer-events: none;\r\n width: $iconSize;\r\n display: grid;\r\n margin-left: $iconMargin;\r\n}\r\n\r\n.header {\r\n font-size: 16px;\r\n text-align: center;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n}\r\n\r\n.headerWithIcon {\r\n margin-left: calc(#{$iconSize} + #{$iconMargin});\r\n}\r\n\r\n.connections {\r\n grid-row: 2;\r\n grid-column: 1;\r\n\r\n display: grid;\r\n grid-template-columns: 50% 50%;\r\n transform: scale(1);\r\n}\r\n\r\n.content {\r\n min-height: 20px;\r\n grid-row: 3;\r\n grid-column: 1;\r\n}\r\n\r\n.comments {\r\n position: absolute;\r\n top: -50px;\r\n width: 200px;\r\n height: 45px;\r\n overflow: hidden;\r\n font-style: italic;\r\n opacity: 0.8;\r\n display: grid;\r\n align-items: flex-end;\r\n pointer-events: none;\r\n}\r\n\r\n.selected {\r\n border-color: white !important;\r\n}\r\n"],"sourceRoot":""}]);
|
|
2246
2245
|
// Exports
|
|
2247
2246
|
___CSS_LOADER_EXPORT___.locals = {
|
|
2248
2247
|
"visual": `---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__visual`,
|
|
2249
2248
|
"header-container": `---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__header-container`,
|
|
2250
2249
|
"headerIcon": `---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__headerIcon`,
|
|
2251
2250
|
"header": `---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__header`,
|
|
2251
|
+
"headerWithIcon": `---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__headerWithIcon`,
|
|
2252
2252
|
"connections": `---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__connections`,
|
|
2253
2253
|
"content": `---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__content`,
|
|
2254
2254
|
"comments": `---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__comments`,
|
|
@@ -52789,7 +52789,7 @@ class GraphCanvasComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component
|
|
|
52789
52789
|
this.props.stateManager.onNewNodeCreatedObservable.notifyObservers(newNode);
|
|
52790
52790
|
this.props.stateManager.onSelectionChangedObservable.notifyObservers(null);
|
|
52791
52791
|
this.props.stateManager.onSelectionChangedObservable.notifyObservers({ selection: newNode });
|
|
52792
|
-
x -= GraphCanvasComponent.NodeWidth +
|
|
52792
|
+
x -= GraphCanvasComponent.NodeWidth + 200;
|
|
52793
52793
|
newNode.content.inputs.forEach((portData) => {
|
|
52794
52794
|
if (portData.connectedPort) {
|
|
52795
52795
|
const existingNodes = this.nodes.filter((n) => {
|
|
@@ -54503,6 +54503,9 @@ class GraphNode {
|
|
|
54503
54503
|
this._comments.innerHTML = this.content.comments || "";
|
|
54504
54504
|
this._comments.title = this.content.comments || "";
|
|
54505
54505
|
this.content.prepareHeaderIcon(this._headerIcon, this._headerIconImg);
|
|
54506
|
+
if (this._headerIconImg.src) {
|
|
54507
|
+
this._header.classList.add(_graphNode_modules_scss__WEBPACK_IMPORTED_MODULE_4__["default"]["headerWithIcon"]);
|
|
54508
|
+
}
|
|
54506
54509
|
}
|
|
54507
54510
|
_onDown(evt) {
|
|
54508
54511
|
// Check if this is coming from the port
|