@babylonjs/node-geometry-editor 6.17.1 → 6.19.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.nodeGeometryEditor.js +1 -1
  2. package/dist/babylon.nodeGeometryEditor.js.map +1 -1
  3. package/dist/babylon.nodeGeometryEditor.max.js +152 -128
  4. package/dist/babylon.nodeGeometryEditor.max.js.map +1 -1
  5. package/dist/babylon.nodeGeometryEditor.module.d.ts +10 -4
  6. package/package.json +2 -2
package/dist/babylon.nodeGeometryEditor.max.js CHANGED
@@ -1,13 +1,13 @@
1
1
  (function webpackUniversalModuleDefinition(root, factory) {
2
2
  if(typeof exports === 'object' && typeof module === 'object')
3
- module.exports = factory(require("@babylonjs/core"));
3
+ module.exports = factory(require("@babylonjs/core"), require("@babylonjs/serializers"));
4
4
  else if(typeof define === 'function' && define.amd)
5
- define("@babylonjs/node-geometry-editor", ["@babylonjs/core"], factory);
5
+ define("@babylonjs/node-geometry-editor", ["@babylonjs/core", "@babylonjs/serializers"], factory);
6
6
  else if(typeof exports === 'object')
7
- exports["@babylonjs/node-geometry-editor"] = factory(require("@babylonjs/core"));
7
+ exports["@babylonjs/node-geometry-editor"] = factory(require("@babylonjs/core"), require("@babylonjs/serializers"));
8
8
  else
9
- root["NODEGEOMETRYEDITOR"] = factory(root["BABYLON"]);
10
- })((typeof self !== "undefined" ? self : typeof global !== "undefined" ? global : this), (__WEBPACK_EXTERNAL_MODULE_core_Misc_observable__) => {
9
+ root["NODEGEOMETRYEDITOR"] = factory(root["BABYLON"], root["BABYLON"]);
10
+ })((typeof self !== "undefined" ? self : typeof global !== "undefined" ? global : this), (__WEBPACK_EXTERNAL_MODULE_core_Misc_observable__, __WEBPACK_EXTERNAL_MODULE_serializers_glTF_2_0_glTFSerializer__) => {
11
11
  return /******/ (() => { // webpackBootstrap
12
12
  /******/ var __webpack_modules__ = ({
13
13
 
@@ -1452,8 +1452,10 @@ ___CSS_LOADER_EXPORT___.push([module.id, `#node-geometry-editor-graph-root {
1452
1452
  width: 24px;
1453
1453
  }
1454
1454
  #node-geometry-editor-graph-root #preview-mesh-bar #color-picker-button #color-picker-image {
1455
- padding-left: 7px;
1456
- padding-bottom: 38px;
1455
+ grid-column: 1;
1456
+ grid-row: 1;
1457
+ align-self: center;
1458
+ justify-self: center;
1457
1459
  }
1458
1460
  #node-geometry-editor-graph-root #preview-mesh-bar #color-picker-button #color-picker {
1459
1461
  transform: scale(0);
@@ -1599,7 +1601,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `#node-geometry-editor-graph-root {
1599
1601
  }
1600
1602
  #node-geometry-editor-graph-root .InputBlock {
1601
1603
  width: 250px;
1602
- }`, "",{"version":3,"sources":["webpack://./../../../tools/nodeGeometryEditor/dist/main.scss"],"names":[],"mappings":"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","sourcesContent":["#node-geometry-editor-graph-root {\r\n display: grid;\r\n grid-template-rows: calc(100% - 120px) 120px;\r\n height: 100%;\r\n width: 100%;\r\n background: #464646;\r\n font: 14px \"acumin-pro\";\r\n\r\n &.popup {\r\n grid-template-columns: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n .wait-screen {\r\n display: grid;\r\n justify-content: center;\r\n align-content: center;\r\n height: 100%;\r\n width: 100%;\r\n background: #464646;\r\n opacity: 0.95;\r\n color: white;\r\n font: 24px \"acumin-pro\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n\r\n &.hidden {\r\n visibility: hidden;\r\n }\r\n }\r\n\r\n #nodeList {\r\n grid-row: 1 / span 2;\r\n grid-column: 1;\r\n }\r\n\r\n #leftGrab {\r\n grid-row: 1 / span 2;\r\n grid-column: 2;\r\n cursor: ew-resize;\r\n }\r\n\r\n #rightGrab {\r\n grid-row: 1 / span 2;\r\n grid-column: 4;\r\n cursor: ew-resize;\r\n }\r\n\r\n .diagram-container {\r\n grid-row: 1;\r\n grid-column: 3;\r\n background: #5f655b;\r\n width: 100%;\r\n height: 100%;\r\n\r\n .diagram {\r\n display: none;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n }\r\n\r\n .right-panel {\r\n grid-row: 1 / span 2;\r\n grid-column: 5;\r\n display: grid;\r\n grid-template-rows: 1fr 40px auto 40px;\r\n grid-template-columns: 100%;\r\n height: 100%;\r\n overflow-y: auto;\r\n }\r\n\r\n #propertyTab {\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n\r\n .button {\r\n display: grid;\r\n justify-content: center;\r\n align-content: center;\r\n height: auto;\r\n width: calc(100% / 7);\r\n cursor: pointer;\r\n\r\n &:hover {\r\n background: rgb(51, 183, 102);\r\n color: white;\r\n opacity: 0.8;\r\n }\r\n\r\n &.selected {\r\n background: rgb(51, 183, 102);\r\n color: white;\r\n }\r\n\r\n &.align {\r\n justify-content: stretch;\r\n text-align: center;\r\n }\r\n }\r\n\r\n #preview-mesh-bar {\r\n grid-row: 2;\r\n grid-column: 1;\r\n display: grid;\r\n grid-template-columns: auto 1fr 40px 40px 40px;\r\n align-items: center;\r\n font-size: 18px;\r\n background-color: #555555;\r\n\r\n #file-picker {\r\n display: none;\r\n }\r\n\r\n .listLine {\r\n grid-column: 1;\r\n height: 40px;\r\n display: grid;\r\n grid-template-columns: 0px 1fr;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n font-size: 14px;\r\n }\r\n\r\n .options {\r\n grid-column: 2;\r\n\r\n display: flex;\r\n align-items: center;\r\n margin-left: 5px;\r\n\r\n select {\r\n width: 115px;\r\n }\r\n }\r\n }\r\n\r\n .button {\r\n color: #ffffff;\r\n width: 40px;\r\n height: 40px;\r\n transform-origin: 50% 50%;\r\n\r\n &:active {\r\n transform: scale(0.9);\r\n }\r\n\r\n &:hover {\r\n background: #3f3461;\r\n }\r\n\r\n &.selected {\r\n background: #9379e6;\r\n }\r\n\r\n img {\r\n height: 24px;\r\n width: 24px;\r\n }\r\n }\r\n\r\n #play-button {\r\n grid-column: 3;\r\n }\r\n\r\n #color-picker-button {\r\n grid-column: 4;\r\n display: grid;\r\n grid-template-columns: 100%;\r\n grid-template-rows: 100%;\r\n\r\n img {\r\n height: 24px;\r\n width: 24px;\r\n }\r\n #color-picker-image {\r\n padding-left: 7px;\r\n padding-bottom: 38px;\r\n }\r\n\r\n #color-picker {\r\n transform: scale(0);\r\n grid-column: 1;\r\n grid-row: 1;\r\n }\r\n\r\n #color-picker-label {\r\n width: 100%;\r\n background: transparent;\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n #preview-new-window {\r\n grid-column: 5;\r\n }\r\n\r\n select {\r\n background-color: #a3a3a3;\r\n color: #333333;\r\n }\r\n }\r\n\r\n #preview-config-bar {\r\n grid-row: 4;\r\n grid-column: 1;\r\n display: grid;\r\n grid-template-columns: 1fr 40px 40px 40px 40px 40px;\r\n color: white;\r\n align-items: center;\r\n font-size: 18px;\r\n\r\n &.extended {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .listLine {\r\n padding-left: 5px;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n font-size: 14px;\r\n }\r\n\r\n .options {\r\n grid-column: 2;\r\n\r\n display: flex;\r\n align-items: center;\r\n margin-right: 5px;\r\n\r\n select {\r\n width: 115px;\r\n }\r\n }\r\n }\r\n\r\n .button {\r\n width: 40px;\r\n grid-row: 1;\r\n height: 40px;\r\n transform-origin: 50% 50%;\r\n\r\n &:hover {\r\n background: #3f3461;\r\n }\r\n\r\n &.selected {\r\n background: #9379e6;\r\n }\r\n\r\n &:active {\r\n transform: scale(0.9);\r\n }\r\n\r\n img {\r\n height: auto;\r\n width: 100%;\r\n }\r\n\r\n &.mat-texture {\r\n grid-column: 3;\r\n }\r\n\r\n &.mat-cap {\r\n grid-column: 4;\r\n }\r\n\r\n &.vertex-color {\r\n grid-column: 5;\r\n }\r\n\r\n &.wireframe {\r\n grid-column: 6;\r\n }\r\n }\r\n }\r\n\r\n #preview {\r\n border-top: 1px solid rgb(85, 85, 85);\r\n grid-row: 3;\r\n grid-column: 1;\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: 100%;\r\n grid-template-rows: 100%;\r\n outline: 0 !important;\r\n padding: 0 !important;\r\n user-select: none;\r\n overflow: hidden;\r\n\r\n #preview-canvas {\r\n width: 100%;\r\n height: 100%;\r\n outline: 0 !important;\r\n padding: 0 !important;\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n\r\n .waitPanel {\r\n width: 100%;\r\n height: 100%;\r\n grid-row: 1;\r\n grid-column: 1;\r\n color: white;\r\n font-size: 18px;\r\n align-content: center;\r\n justify-content: center;\r\n background: rgba(20, 20, 20, 0.95);\r\n z-index: 10;\r\n display: grid;\r\n transition: opacity 250ms;\r\n\r\n &.hidden {\r\n opacity: 0;\r\n pointer-events: none;\r\n }\r\n }\r\n }\r\n\r\n .blocker {\r\n visibility: hidden;\r\n position: absolute;\r\n width: calc(100% - 40px);\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n\r\n background: rgba(20, 20, 20, 0.95);\r\n font-family: \"acumin-pro\";\r\n color: white;\r\n font-size: 24px;\r\n\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n\r\n user-select: none;\r\n\r\n padding: 20px;\r\n text-align: center;\r\n }\r\n\r\n #log-console {\r\n grid-row: 2;\r\n grid-column: 3;\r\n }\r\n\r\n .InputBlock {\r\n width: 250px;\r\n }\r\n}\r\n"],"sourceRoot":""}]);
1604
+ }`, "",{"version":3,"sources":["webpack://./../../../tools/nodeGeometryEditor/dist/main.scss"],"names":[],"mappings":"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","sourcesContent":["#node-geometry-editor-graph-root {\r\n display: grid;\r\n grid-template-rows: calc(100% - 120px) 120px;\r\n height: 100%;\r\n width: 100%;\r\n background: #464646;\r\n font: 14px \"acumin-pro\";\r\n\r\n &.popup {\r\n grid-template-columns: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n .wait-screen {\r\n display: grid;\r\n justify-content: center;\r\n align-content: center;\r\n height: 100%;\r\n width: 100%;\r\n background: #464646;\r\n opacity: 0.95;\r\n color: white;\r\n font: 24px \"acumin-pro\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n\r\n &.hidden {\r\n visibility: hidden;\r\n }\r\n }\r\n\r\n #nodeList {\r\n grid-row: 1 / span 2;\r\n grid-column: 1;\r\n }\r\n\r\n #leftGrab {\r\n grid-row: 1 / span 2;\r\n grid-column: 2;\r\n cursor: ew-resize;\r\n }\r\n\r\n #rightGrab {\r\n grid-row: 1 / span 2;\r\n grid-column: 4;\r\n cursor: ew-resize;\r\n }\r\n\r\n .diagram-container {\r\n grid-row: 1;\r\n grid-column: 3;\r\n background: #5f655b;\r\n width: 100%;\r\n height: 100%;\r\n\r\n .diagram {\r\n display: none;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n }\r\n\r\n .right-panel {\r\n grid-row: 1 / span 2;\r\n grid-column: 5;\r\n display: grid;\r\n grid-template-rows: 1fr 40px auto 40px;\r\n grid-template-columns: 100%;\r\n height: 100%;\r\n overflow-y: auto;\r\n }\r\n\r\n #propertyTab {\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n\r\n .button {\r\n display: grid;\r\n justify-content: center;\r\n align-content: center;\r\n height: auto;\r\n width: calc(100% / 7);\r\n cursor: pointer;\r\n\r\n &:hover {\r\n background: rgb(51, 183, 102);\r\n color: white;\r\n opacity: 0.8;\r\n }\r\n\r\n &.selected {\r\n background: rgb(51, 183, 102);\r\n color: white;\r\n }\r\n\r\n &.align {\r\n justify-content: stretch;\r\n text-align: center;\r\n }\r\n }\r\n\r\n #preview-mesh-bar {\r\n grid-row: 2;\r\n grid-column: 1;\r\n display: grid;\r\n grid-template-columns: auto 1fr 40px 40px 40px;\r\n align-items: center;\r\n font-size: 18px;\r\n background-color: #555555;\r\n\r\n #file-picker {\r\n display: none;\r\n }\r\n\r\n .listLine {\r\n grid-column: 1;\r\n height: 40px;\r\n display: grid;\r\n grid-template-columns: 0px 1fr;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n font-size: 14px;\r\n }\r\n\r\n .options {\r\n grid-column: 2;\r\n\r\n display: flex;\r\n align-items: center;\r\n margin-left: 5px;\r\n\r\n select {\r\n width: 115px;\r\n }\r\n }\r\n }\r\n\r\n .button {\r\n color: #ffffff;\r\n width: 40px;\r\n height: 40px;\r\n transform-origin: 50% 50%;\r\n\r\n &:active {\r\n transform: scale(0.9);\r\n }\r\n\r\n &:hover {\r\n background: #3f3461;\r\n }\r\n\r\n &.selected {\r\n background: #9379e6;\r\n }\r\n\r\n img {\r\n height: 24px;\r\n width: 24px;\r\n }\r\n }\r\n\r\n #play-button {\r\n grid-column: 3;\r\n }\r\n\r\n #color-picker-button {\r\n grid-column: 4;\r\n display: grid;\r\n grid-template-columns: 100%;\r\n grid-template-rows: 100%;\r\n\r\n img {\r\n height: 24px;\r\n width: 24px;\r\n }\r\n #color-picker-image {\r\n grid-column: 1;\r\n grid-row: 1;\r\n align-self: center;\r\n justify-self: center;\r\n }\r\n\r\n #color-picker {\r\n transform: scale(0);\r\n grid-column: 1;\r\n grid-row: 1;\r\n }\r\n\r\n #color-picker-label {\r\n width: 100%;\r\n background: transparent;\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n #preview-new-window {\r\n grid-column: 5;\r\n }\r\n\r\n select {\r\n background-color: #a3a3a3;\r\n color: #333333;\r\n }\r\n }\r\n\r\n #preview-config-bar {\r\n grid-row: 4;\r\n grid-column: 1;\r\n display: grid;\r\n grid-template-columns: 1fr 40px 40px 40px 40px 40px;\r\n color: white;\r\n align-items: center;\r\n font-size: 18px;\r\n\r\n &.extended {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .listLine {\r\n padding-left: 5px;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n font-size: 14px;\r\n }\r\n\r\n .options {\r\n grid-column: 2;\r\n\r\n display: flex;\r\n align-items: center;\r\n margin-right: 5px;\r\n\r\n select {\r\n width: 115px;\r\n }\r\n }\r\n }\r\n\r\n .button {\r\n width: 40px;\r\n grid-row: 1;\r\n height: 40px;\r\n transform-origin: 50% 50%;\r\n\r\n &:hover {\r\n background: #3f3461;\r\n }\r\n\r\n &.selected {\r\n background: #9379e6;\r\n }\r\n\r\n &:active {\r\n transform: scale(0.9);\r\n }\r\n\r\n img {\r\n height: auto;\r\n width: 100%;\r\n }\r\n\r\n &.mat-texture {\r\n grid-column: 3;\r\n }\r\n\r\n &.mat-cap {\r\n grid-column: 4;\r\n }\r\n\r\n &.vertex-color {\r\n grid-column: 5;\r\n }\r\n\r\n &.wireframe {\r\n grid-column: 6;\r\n }\r\n }\r\n }\r\n\r\n #preview {\r\n border-top: 1px solid rgb(85, 85, 85);\r\n grid-row: 3;\r\n grid-column: 1;\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: 100%;\r\n grid-template-rows: 100%;\r\n outline: 0 !important;\r\n padding: 0 !important;\r\n user-select: none;\r\n overflow: hidden;\r\n\r\n #preview-canvas {\r\n width: 100%;\r\n height: 100%;\r\n outline: 0 !important;\r\n padding: 0 !important;\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n\r\n .waitPanel {\r\n width: 100%;\r\n height: 100%;\r\n grid-row: 1;\r\n grid-column: 1;\r\n color: white;\r\n font-size: 18px;\r\n align-content: center;\r\n justify-content: center;\r\n background: rgba(20, 20, 20, 0.95);\r\n z-index: 10;\r\n display: grid;\r\n transition: opacity 250ms;\r\n\r\n &.hidden {\r\n opacity: 0;\r\n pointer-events: none;\r\n }\r\n }\r\n }\r\n\r\n .blocker {\r\n visibility: hidden;\r\n position: absolute;\r\n width: calc(100% - 40px);\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n\r\n background: rgba(20, 20, 20, 0.95);\r\n font-family: \"acumin-pro\";\r\n color: white;\r\n font-size: 24px;\r\n\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n\r\n user-select: none;\r\n\r\n padding: 20px;\r\n text-align: center;\r\n }\r\n\r\n #log-console {\r\n grid-row: 2;\r\n grid-column: 3;\r\n }\r\n\r\n .InputBlock {\r\n width: 250px;\r\n }\r\n}\r\n"],"sourceRoot":""}]);
1603
1605
  // Exports
1604
1606
  ___CSS_LOADER_EXPORT___.locals = {};
1605
1607
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
@@ -1725,6 +1727,9 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.\\---------dev-sharedUiComponents-dis
1725
1727
  width: 20px;
1726
1728
  height: 20px;
1727
1729
  align-self: center;
1730
+ display: grid;
1731
+ grid-template-columns: 100%;
1732
+ grid-template-rows: 100%;
1728
1733
  }
1729
1734
  .\\---------dev-sharedUiComponents-dist-nodeGraphSystem-common-modules__port .\\---------dev-sharedUiComponents-dist-nodeGraphSystem-common-modules__img {
1730
1735
  width: 100%;
@@ -1785,7 +1790,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.\\---------dev-sharedUiComponents-dis
1785
1790
  grid-template-rows: 40px calc(100% - 40px);
1786
1791
  grid-template-columns: 100%;
1787
1792
  box-sizing: border-box;
1788
- }`, "",{"version":3,"sources":["webpack://./../../../dev/sharedUiComponents/dist/nodeGraphSystem/common.modules.scss"],"names":[],"mappings":"AAAA;EACI,wBAAA;AACJ;;AAEA;EACI,mBAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;AACJ;AACI;EACI,WAAA;AACR;AAEI;EAEI,qBAAA;AADR;;AAKA;EACI,YAAA;EACA,aAAA;EACA,wBAAA;AAFJ;;AAKA;EACI,mBAAA;AAFJ;;AAKA;EACI,WAAA;EACA,cAAA;AAFJ;AAII;EACI,6CAAA;AAFR;AAIQ;EACI,WAAA;EACA,cAAA;AAFZ;AAKQ;EACI,WAAA;EACA,cAAA;EACA,4BAAA;AAHZ;;AAQA;EACI,WAAA;EACA,cAAA;AALJ;AAOI;EACI,6CAAA;AALR;AAOQ;EACI,WAAA;EACA,cAAA;EACA,iBAAA;AALZ;AAQQ;EACI,WAAA;EACA,cAAA;EACA,0BAAA;AANZ;;AAWA;EACI,kBAAA;EACA,iCAAA;EACA,aAAA;EACA,0CAAA;EACA,2BAAA;EACA,sBAAA;AARJ","sourcesContent":[".hidden {\r\n display: none !important;\r\n}\r\n\r\n.port {\r\n border-radius: 20px;\r\n width: 20px;\r\n height: 20px;\r\n align-self: center;\r\n\r\n .img {\r\n width: 100%;\r\n }\r\n\r\n &:hover,\r\n &.selected {\r\n filter: brightness(2);\r\n }\r\n}\r\n\r\n.portLine {\r\n height: 24px;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n}\r\n\r\n.port-label {\r\n align-items: center;\r\n}\r\n\r\n.inputsContainer {\r\n grid-row: 1;\r\n grid-column: 1;\r\n\r\n .portLine {\r\n grid-template-columns: 12px calc(100% - 15px);\r\n\r\n .port-label {\r\n grid-row: 1;\r\n grid-column: 2;\r\n }\r\n\r\n .port {\r\n grid-row: 1;\r\n grid-column: 1;\r\n transform: translateX(-12px);\r\n }\r\n }\r\n}\r\n\r\n.outputsContainer {\r\n grid-row: 1;\r\n grid-column: 2;\r\n\r\n .portLine {\r\n grid-template-columns: calc(100% - 10px) 12px;\r\n\r\n .port-label {\r\n grid-row: 1;\r\n grid-column: 1;\r\n text-align: right;\r\n }\r\n\r\n .port {\r\n grid-row: 1;\r\n grid-column: 2;\r\n transform: translateX(2px);\r\n }\r\n }\r\n}\r\n\r\n.frame-box {\r\n position: absolute;\r\n background: rgba(72, 72, 72, 0.7);\r\n display: grid;\r\n grid-template-rows: 40px calc(100% - 40px);\r\n grid-template-columns: 100%;\r\n box-sizing: border-box;\r\n}\r\n"],"sourceRoot":""}]);
1793
+ }`, "",{"version":3,"sources":["webpack://./../../../dev/sharedUiComponents/dist/nodeGraphSystem/common.modules.scss"],"names":[],"mappings":"AAAA;EACI,wBAAA;AACJ;;AAEA;EACI,mBAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,aAAA;EACA,2BAAA;EACA,wBAAA;AACJ;AACI;EACI,WAAA;AACR;AAEI;EAEI,qBAAA;AADR;;AAKA;EACI,YAAA;EACA,aAAA;EACA,wBAAA;AAFJ;;AAKA;EACI,mBAAA;AAFJ;;AAKA;EACI,WAAA;EACA,cAAA;AAFJ;AAII;EACI,6CAAA;AAFR;AAIQ;EACI,WAAA;EACA,cAAA;AAFZ;AAKQ;EACI,WAAA;EACA,cAAA;EACA,4BAAA;AAHZ;;AAQA;EACI,WAAA;EACA,cAAA;AALJ;AAOI;EACI,6CAAA;AALR;AAOQ;EACI,WAAA;EACA,cAAA;EACA,iBAAA;AALZ;AAQQ;EACI,WAAA;EACA,cAAA;EACA,0BAAA;AANZ;;AAWA;EACI,kBAAA;EACA,iCAAA;EACA,aAAA;EACA,0CAAA;EACA,2BAAA;EACA,sBAAA;AARJ","sourcesContent":[".hidden {\r\n display: none !important;\r\n}\r\n\r\n.port {\r\n border-radius: 20px;\r\n width: 20px;\r\n height: 20px;\r\n align-self: center;\r\n display: grid;\r\n grid-template-columns: 100%;\r\n grid-template-rows: 100%;\r\n\r\n .img {\r\n width: 100%;\r\n }\r\n\r\n &:hover,\r\n &.selected {\r\n filter: brightness(2);\r\n }\r\n}\r\n\r\n.portLine {\r\n height: 24px;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n}\r\n\r\n.port-label {\r\n align-items: center;\r\n}\r\n\r\n.inputsContainer {\r\n grid-row: 1;\r\n grid-column: 1;\r\n\r\n .portLine {\r\n grid-template-columns: 12px calc(100% - 15px);\r\n\r\n .port-label {\r\n grid-row: 1;\r\n grid-column: 2;\r\n }\r\n\r\n .port {\r\n grid-row: 1;\r\n grid-column: 1;\r\n transform: translateX(-12px);\r\n }\r\n }\r\n}\r\n\r\n.outputsContainer {\r\n grid-row: 1;\r\n grid-column: 2;\r\n\r\n .portLine {\r\n grid-template-columns: calc(100% - 10px) 12px;\r\n\r\n .port-label {\r\n grid-row: 1;\r\n grid-column: 1;\r\n text-align: right;\r\n }\r\n\r\n .port {\r\n grid-row: 1;\r\n grid-column: 2;\r\n transform: translateX(2px);\r\n }\r\n }\r\n}\r\n\r\n.frame-box {\r\n position: absolute;\r\n background: rgba(72, 72, 72, 0.7);\r\n display: grid;\r\n grid-template-rows: 40px calc(100% - 40px);\r\n grid-template-columns: 100%;\r\n box-sizing: border-box;\r\n}\r\n"],"sourceRoot":""}]);
1789
1794
  // Exports
1790
1795
  ___CSS_LOADER_EXPORT___.locals = {
1791
1796
  "hidden": `---------dev-sharedUiComponents-dist-nodeGraphSystem-common-modules__hidden`,
@@ -2412,13 +2417,35 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.\\---------dev-sharedUiComponents-dis
2412
2417
  filter: brightness(2);
2413
2418
  }
2414
2419
 
2420
+ .\\---------dev-sharedUiComponents-dist-nodeGraphSystem-nodePort-modules__pip {
2421
+ background: green;
2422
+ width: 6px;
2423
+ height: 6px;
2424
+ grid-row: 1;
2425
+ grid-column: 1;
2426
+ align-self: center;
2427
+ justify-self: center;
2428
+ border-radius: 7px;
2429
+ border: 2px solid black;
2430
+ }
2431
+ .\\---------dev-sharedUiComponents-dist-nodeGraphSystem-nodePort-modules__pip.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-nodePort-modules__hidden {
2432
+ display: none;
2433
+ }
2434
+
2435
+ img {
2436
+ grid-row: 1;
2437
+ grid-column: 1;
2438
+ }
2439
+
2415
2440
  img.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-nodePort-modules__selected {
2416
2441
  box-shadow: 0 0 0 2px;
2417
2442
  border-radius: 50%;
2418
- }`, "",{"version":3,"sources":["webpack://./../../../dev/sharedUiComponents/dist/nodeGraphSystem/nodePort.modules.scss"],"names":[],"mappings":"AAAA;EACI,qBAAA;AACJ;;AAEA;EACI,qBAAA;EACA,kBAAA;AACJ","sourcesContent":[".selected {\r\n filter: brightness(2);\r\n}\r\n\r\nimg.selected {\r\n box-shadow: 0 0 0 2px;\r\n border-radius: 50%;\r\n}\r\n"],"sourceRoot":""}]);
2443
+ }`, "",{"version":3,"sources":["webpack://./../../../dev/sharedUiComponents/dist/nodeGraphSystem/nodePort.modules.scss"],"names":[],"mappings":"AAAA;EACI,qBAAA;AACJ;;AAEA;EACI,iBAAA;EACA,UAAA;EACA,WAAA;EACA,WAAA;EACA,cAAA;EACA,kBAAA;EACA,oBAAA;EACA,kBAAA;EACA,uBAAA;AACJ;AACI;EACI,aAAA;AACR;;AAGA;EACI,WAAA;EACA,cAAA;AAAJ;;AAGA;EACI,qBAAA;EACA,kBAAA;AAAJ","sourcesContent":[".selected {\r\n filter: brightness(2);\r\n}\r\n\r\n.pip {\r\n background: green;\r\n width: 6px;\r\n height: 6px;\r\n grid-row: 1;\r\n grid-column: 1;\r\n align-self: center;\r\n justify-self: center;\r\n border-radius: 7px;\r\n border: 2px solid black;\r\n\r\n &.hidden {\r\n display: none;\r\n }\r\n}\r\n\r\nimg {\r\n grid-row: 1;\r\n grid-column: 1;\r\n}\r\n\r\nimg.selected {\r\n box-shadow: 0 0 0 2px;\r\n border-radius: 50%;\r\n}\r\n"],"sourceRoot":""}]);
2419
2444
  // Exports
2420
2445
  ___CSS_LOADER_EXPORT___.locals = {
2421
- "selected": `---------dev-sharedUiComponents-dist-nodeGraphSystem-nodePort-modules__selected`
2446
+ "selected": `---------dev-sharedUiComponents-dist-nodeGraphSystem-nodePort-modules__selected`,
2447
+ "pip": `---------dev-sharedUiComponents-dist-nodeGraphSystem-nodePort-modules__pip`,
2448
+ "hidden": `---------dev-sharedUiComponents-dist-nodeGraphSystem-nodePort-modules__hidden`
2422
2449
  };
2423
2450
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
2424
2451
 
@@ -2621,39 +2648,6 @@ ___CSS_LOADER_EXPORT___.locals = {
2621
2648
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
2622
2649
 
2623
2650
 
2624
- /***/ }),
2625
-
2626
- /***/ "../../../../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/nodeGeometryEditor/dist/graphSystem/display/sourceDisplayManager.modules.scss":
2627
- /*!*************************************************************************************************************************************************************************************************************************************************************!*\
2628
- !*** ../../../../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/nodeGeometryEditor/dist/graphSystem/display/sourceDisplayManager.modules.scss ***!
2629
- \*************************************************************************************************************************************************************************************************************************************************************/
2630
- /***/ ((module, __webpack_exports__, __webpack_require__) => {
2631
-
2632
- "use strict";
2633
- __webpack_require__.r(__webpack_exports__);
2634
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
2635
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
2636
- /* harmony export */ });
2637
- /* 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");
2638
- /* 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__);
2639
- /* 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");
2640
- /* 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__);
2641
- // Imports
2642
-
2643
-
2644
- 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()));
2645
- // Module
2646
- ___CSS_LOADER_EXPORT___.push([module.id, `.\\---------tools-nodeGeometryEditor-dist-graphSystem-display-sourceDisplayManager-modules__source-block {
2647
- border-color: rgb(97, 116, 250);
2648
- background: rgb(97, 116, 250);
2649
- }`, "",{"version":3,"sources":["webpack://./../../../tools/nodeGeometryEditor/dist/graphSystem/display/sourceDisplayManager.modules.scss"],"names":[],"mappings":"AAAA;EACI,+BAAA;EACA,6BAAA;AACJ","sourcesContent":[".source-block {\r\n border-color: rgb(97, 116, 250);\r\n background: rgb(97, 116, 250);\r\n}\r\n"],"sourceRoot":""}]);
2650
- // Exports
2651
- ___CSS_LOADER_EXPORT___.locals = {
2652
- "source-block": `---------tools-nodeGeometryEditor-dist-graphSystem-display-sourceDisplayManager-modules__source-block`
2653
- };
2654
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
2655
-
2656
-
2657
2651
  /***/ }),
2658
2652
 
2659
2653
  /***/ "../../../../node_modules/@fortawesome/react-fontawesome/index.es.js":
@@ -54774,7 +54768,7 @@ class NodePort {
54774
54768
  return false;
54775
54769
  }
54776
54770
  refresh() {
54777
- this._stateManager.applyNodePortDesign(this.portData, this._element, this._img);
54771
+ this._stateManager.applyNodePortDesign(this.portData, this._element, this._img, this._pip);
54778
54772
  }
54779
54773
  constructor(portContainer, portData, node, stateManager) {
54780
54774
  this.portData = portData;
@@ -54786,6 +54780,10 @@ class NodePort {
54786
54780
  this._stateManager = stateManager;
54787
54781
  this._img = portContainer.ownerDocument.createElement("img");
54788
54782
  this._element.appendChild(this._img);
54783
+ this._pip = portContainer.ownerDocument.createElement("div");
54784
+ this._pip.classList.add(_nodePort_modules_scss__WEBPACK_IMPORTED_MODULE_1__["default"]["pip"]);
54785
+ this._pip.style.display = "none";
54786
+ this._element.appendChild(this._pip);
54789
54787
  // determine if node name is editable
54790
54788
  if (portContainer.children[0].className === _common_modules_scss__WEBPACK_IMPORTED_MODULE_0__["default"]["port-label"]) {
54791
54789
  this._portLabelElement = portContainer.children[0];
@@ -55223,7 +55221,7 @@ __webpack_require__.r(__webpack_exports__);
55223
55221
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
55224
55222
  /* harmony export */ BlockTools: () => (/* binding */ BlockTools)
55225
55223
  /* harmony export */ });
55226
- /* harmony import */ var core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Meshes/Node/Blocks/geometryInfoBlock */ "core/Misc/observable");
55224
+ /* harmony import */ var core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Meshes/Node/Blocks/mappingBlock */ "core/Misc/observable");
55227
55225
  /* harmony import */ var core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_0__);
55228
55226
 
55229
55227
 
@@ -55271,6 +55269,8 @@ __webpack_require__.r(__webpack_exports__);
55271
55269
 
55272
55270
 
55273
55271
 
55272
+
55273
+
55274
55274
 
55275
55275
 
55276
55276
 
@@ -55338,6 +55338,8 @@ class BlockTools {
55338
55338
  block.test = core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_0__.ConditionBlockTests.And;
55339
55339
  return block;
55340
55340
  }
55341
+ case "MappingBlock":
55342
+ return new core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_0__.MappingBlock("Mapping");
55341
55343
  case "SetMaterialIDBlock":
55342
55344
  return new core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_0__.SetMaterialIDBlock("Set material ID");
55343
55345
  case "InstantiateOnVolumeBlock":
@@ -55346,6 +55348,8 @@ class BlockTools {
55346
55348
  return new core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_0__.InstantiateOnFacesBlock("Instantiate on faces");
55347
55349
  case "InstantiateOnVerticesBlock":
55348
55350
  return new core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_0__.InstantiateOnVerticesBlock("Instantiate on vertices");
55351
+ case "InstantiateBlock":
55352
+ return new core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_0__.InstantiateBlock("Instantiate");
55349
55353
  case "MapRangeBlock":
55350
55354
  return new core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_0__.MapRangeBlock("Map Range");
55351
55355
  case "NormalizeBlock":
@@ -55463,6 +55467,11 @@ class BlockTools {
55463
55467
  block.contextualValue = core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_0__.NodeGeometryContextualSources.VertexID;
55464
55468
  return block;
55465
55469
  }
55470
+ case "LoopIDBlock": {
55471
+ const block = new core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_0__.GeometryInputBlock("Loop ID");
55472
+ block.contextualValue = core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_0__.NodeGeometryContextualSources.LoopID;
55473
+ return block;
55474
+ }
55466
55475
  case "GeometryIDBlock": {
55467
55476
  const block = new core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_0__.GeometryInputBlock("Geometry ID");
55468
55477
  block.contextualValue = core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_0__.NodeGeometryContextualSources.GeometryID;
@@ -55610,7 +55619,7 @@ class BlockTools {
55610
55619
  let color = "#880000";
55611
55620
  switch (type) {
55612
55621
  case core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_0__.NodeGeometryBlockConnectionPointTypes.Int:
55613
- color = "#2756CB";
55622
+ color = "#51b0e5";
55614
55623
  break;
55615
55624
  case core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_0__.NodeGeometryBlockConnectionPointTypes.Float:
55616
55625
  color = "#cb9e27";
@@ -55628,7 +55637,7 @@ class BlockTools {
55628
55637
  color = "#591990";
55629
55638
  break;
55630
55639
  case core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_0__.NodeGeometryBlockConnectionPointTypes.Geometry:
55631
- color = "#6174FA";
55640
+ color = "#84995c";
55632
55641
  break;
55633
55642
  }
55634
55643
  return color;
@@ -55807,6 +55816,10 @@ class NodeListComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
55807
55816
  removeItem(value) {
55808
55817
  const frameJson = localStorage.getItem("Custom-Frame-List");
55809
55818
  if (frameJson) {
55819
+ const registeredIdx = shared_ui_components_nodeGraphSystem_nodeLedger__WEBPACK_IMPORTED_MODULE_9__.NodeLedger.RegisteredNodeNames.indexOf(value);
55820
+ if (registeredIdx !== -1) {
55821
+ shared_ui_components_nodeGraphSystem_nodeLedger__WEBPACK_IMPORTED_MODULE_9__.NodeLedger.RegisteredNodeNames.splice(registeredIdx, 1);
55822
+ }
55810
55823
  const frameList = JSON.parse(frameJson);
55811
55824
  delete frameList[value];
55812
55825
  localStorage.removeItem(value);
@@ -55838,6 +55851,7 @@ class NodeListComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
55838
55851
  "UV6sBlock",
55839
55852
  "VertexIDBlock",
55840
55853
  "FaceIDBlock",
55854
+ "LoopIDBlock",
55841
55855
  "GeometryIDBlock",
55842
55856
  "CollectionIDBlock",
55843
55857
  ],
@@ -55875,7 +55889,7 @@ class NodeListComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
55875
55889
  ],
55876
55890
  Math__Vector: ["TransformBlock", "VectorConverterBlock", "NormalizeBlock"],
55877
55891
  Matrices: ["RotationXBlock", "RotationYBlock", "RotationZBlock", "ScalingBlock", "TranslationBlock", "AlignBlock"],
55878
- Instances: ["InstantiateOnVerticesBlock", "InstantiateOnFacesBlock", "InstantiateOnVolumeBlock"],
55892
+ Instances: ["InstantiateOnVerticesBlock", "InstantiateOnFacesBlock", "InstantiateOnVolumeBlock", "InstantiateBlock"],
55879
55893
  Misc: ["ElbowBlock", "DebugBlock", "TeleportInBlock", "TeleportOutBlock", "GeometryInfoBlock"],
55880
55894
  Updates: [
55881
55895
  "SetColorsBlock",
@@ -55888,6 +55902,7 @@ class NodeListComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
55888
55902
  "CollectionBlock",
55889
55903
  "ComputeNormalsBlock",
55890
55904
  "OptimizeBlock",
55905
+ "MappingBlock",
55891
55906
  ],
55892
55907
  Noises: ["RandomBlock", "NoiseBlock"],
55893
55908
  Output_Nodes: ["GeometryOutputBlock"],
@@ -55918,11 +55933,25 @@ class NodeListComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
55918
55933
  for (const key in allBlocks) {
55919
55934
  const blocks = allBlocks[key];
55920
55935
  if (blocks.length) {
55921
- ledger.push(...blocks);
55936
+ for (const block of blocks) {
55937
+ if (!ledger.includes(block)) {
55938
+ ledger.push(block);
55939
+ }
55940
+ }
55922
55941
  }
55923
55942
  }
55924
55943
  shared_ui_components_nodeGraphSystem_nodeLedger__WEBPACK_IMPORTED_MODULE_9__.NodeLedger.NameFormatter = (name) => {
55925
- return name.replace("Block", "");
55944
+ let finalName = name;
55945
+ // custom frame
55946
+ if (name.endsWith("Custom")) {
55947
+ const nameIndex = name.lastIndexOf("Custom");
55948
+ finalName = name.substring(0, nameIndex);
55949
+ finalName += " [custom]";
55950
+ }
55951
+ else {
55952
+ finalName = name.replace("Block", "");
55953
+ }
55954
+ return finalName;
55926
55955
  };
55927
55956
  }
55928
55957
  return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { id: "nodeList", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "panes", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: "pane", children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "filter", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input", { type: "text", placeholder: "Filter", onFocus: () => (this.props.globalState.lockObject.lock = true), onBlur: () => {
@@ -55958,6 +55987,7 @@ NodeListComponent._Tooltips = {
55958
55987
  UV6sBlock: "Contextual value pointing at the uvs6 array of the active geometry",
55959
55988
  VertexIDBlock: "Contextual value representing the vertex index of the current vertex of the active geometry",
55960
55989
  FaceIDBlock: "Contextual value representing the face index of the current face of the active geometry",
55990
+ LoopIDBlock: "Contextual value representing the current loop index (within a clone or an instantiate block)",
55961
55991
  GeometryIDBlock: "Contextual value representing the identifier of the current active geometry",
55962
55992
  CollectionIDBlock: "Contextual value representing the collection ID associated with the current active geometry",
55963
55993
  EqualBlock: "Conditional block set to Equal",
@@ -56008,6 +56038,7 @@ NodeListComponent._Tooltips = {
56008
56038
  InstantiateOnVerticesBlock: "Instantiate a geometry on every vertex of a target geometry",
56009
56039
  InstantiateOnFacesBlock: "Instantiate a geometry on the faces of a target geometry",
56010
56040
  InstantiateOnVolumeBlock: "Instantiate a geometry inside a target geometry",
56041
+ InstantiateBlock: "Instantiate a geometry with a loop count",
56011
56042
  ElbowBlock: "Passthrough block mostly used to organize your graph",
56012
56043
  TeleportInBlock: "Passthrough block mostly used to organize your graph (but without visible lines). It works like a teleportation point for the graph.",
56013
56044
  TeleportOutBlock: "Endpoint for a TeleportInBlock.",
@@ -56026,6 +56057,7 @@ NodeListComponent._Tooltips = {
56026
56057
  NullBlock: "Generate an empty geometry",
56027
56058
  OptimizeBlock: "Eliminate vertices that share positions with another vertex",
56028
56059
  GeometryInfoBlock: "Provides information about a geometry",
56060
+ MappingBlock: "Generate uv coordinates based on mapping type",
56029
56061
  };
56030
56062
 
56031
56063
 
@@ -56133,6 +56165,9 @@ __webpack_require__.r(__webpack_exports__);
56133
56165
  /* harmony import */ var core_Engines_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Materials/multiMaterial */ "core/Misc/observable");
56134
56166
  /* harmony import */ var core_Engines_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Engines_engine__WEBPACK_IMPORTED_MODULE_0__);
56135
56167
  /* harmony import */ var _previewMode__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./previewMode */ "../../../tools/nodeGeometryEditor/dist/components/preview/previewMode.js");
56168
+ /* harmony import */ var serializers_glTF_2_0_glTFSerializer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! serializers/glTF/2.0/glTFSerializer */ "serializers/glTF/2.0/glTFSerializer");
56169
+ /* harmony import */ var serializers_glTF_2_0_glTFSerializer__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(serializers_glTF_2_0_glTFSerializer__WEBPACK_IMPORTED_MODULE_2__);
56170
+
56136
56171
 
56137
56172
 
56138
56173
 
@@ -56152,6 +56187,17 @@ class PreviewManager {
56152
56187
  constructor(targetCanvas, globalState) {
56153
56188
  this._nodeGeometry = globalState.nodeGeometry;
56154
56189
  this._globalState = globalState;
56190
+ this._onExportToGLBObserver = this._globalState.onExportToGLBRequired.add(() => {
56191
+ if (!this._mesh) {
56192
+ return;
56193
+ }
56194
+ const currentMat = this._mesh.material;
56195
+ this._mesh.material = this._matStd;
56196
+ serializers_glTF_2_0_glTFSerializer__WEBPACK_IMPORTED_MODULE_2__.GLTF2Export.GLBAsync(this._scene, "node-geometry-scene").then((glb) => {
56197
+ this._mesh.material = currentMat;
56198
+ glb.downloadFiles();
56199
+ });
56200
+ });
56155
56201
  this._onFrameObserver = this._globalState.onFrame.add(() => {
56156
56202
  this._frameCamera();
56157
56203
  });
@@ -56336,6 +56382,7 @@ class PreviewManager {
56336
56382
  this._globalState.onPreviewModeChanged.remove(this._onPreviewChangedObserver);
56337
56383
  this._globalState.onAnimationCommandActivated.remove(this._onAnimationCommandActivatedObserver);
56338
56384
  this._globalState.onPreviewBackgroundChanged.remove(this._onPreviewBackgroundChangedObserver);
56385
+ this._globalState.onExportToGLBRequired.remove(this._onExportToGLBObserver);
56339
56386
  if (this._nodeGeometry) {
56340
56387
  this._nodeGeometry.dispose();
56341
56388
  }
@@ -56486,8 +56533,8 @@ class InputsPropertyTabComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Comp
56486
56533
  constructor(props) {
56487
56534
  super(props);
56488
56535
  }
56489
- processInputBlockUpdate(ib) {
56490
- this.props.globalState.stateManager.onUpdateRequiredObservable.notifyObservers(ib);
56536
+ processInputBlockUpdate() {
56537
+ this.props.globalState.stateManager.onRebuildRequiredObservable.notifyObservers();
56491
56538
  }
56492
56539
  renderInputBlock(block) {
56493
56540
  switch (block.type) {
@@ -56495,14 +56542,14 @@ class InputsPropertyTabComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Comp
56495
56542
  case core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_9__.NodeGeometryBlockConnectionPointTypes.Float: {
56496
56543
  const cantDisplaySlider = isNaN(block.min) || isNaN(block.max) || block.min === block.max;
56497
56544
  const isInteger = block.type === core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_9__.NodeGeometryBlockConnectionPointTypes.Int;
56498
- return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { children: [cantDisplaySlider && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_7__.FloatLineComponent, { lockObject: this.props.lockObject, label: block.name, target: block, isInteger: isInteger, propertyName: "value", onChange: () => this.processInputBlockUpdate(block) }, block.uniqueId)), !cantDisplaySlider && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_sliderLineComponent__WEBPACK_IMPORTED_MODULE_8__.SliderLineComponent, { lockObject: this.props.lockObject, label: block.name, target: block, propertyName: "value", step: (isInteger ? 1 : block.max - block.min) / 100.0, decimalCount: isInteger ? 0 : 2, minimum: block.min, maximum: block.max, onChange: () => this.processInputBlockUpdate(block) }, block.uniqueId))] }, block.uniqueId));
56545
+ return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { children: [cantDisplaySlider && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_7__.FloatLineComponent, { lockObject: this.props.lockObject, label: block.name, target: block, isInteger: isInteger, propertyName: "value", onChange: () => this.processInputBlockUpdate() }, block.uniqueId)), !cantDisplaySlider && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_sliderLineComponent__WEBPACK_IMPORTED_MODULE_8__.SliderLineComponent, { lockObject: this.props.lockObject, label: block.name, target: block, propertyName: "value", step: (isInteger ? 1 : block.max - block.min) / 100.0, decimalCount: isInteger ? 0 : 2, minimum: block.min, maximum: block.max, onChange: () => this.processInputBlockUpdate() }, block.uniqueId))] }, block.uniqueId));
56499
56546
  }
56500
56547
  case core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_9__.NodeGeometryBlockConnectionPointTypes.Vector2:
56501
- return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_vector2LineComponent__WEBPACK_IMPORTED_MODULE_4__.Vector2LineComponent, { lockObject: this.props.lockObject, label: block.name, target: block, propertyName: "value", onChange: () => this.processInputBlockUpdate(block) }, block.uniqueId));
56548
+ return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_vector2LineComponent__WEBPACK_IMPORTED_MODULE_4__.Vector2LineComponent, { lockObject: this.props.lockObject, label: block.name, target: block, propertyName: "value", onChange: () => this.processInputBlockUpdate() }, block.uniqueId));
56502
56549
  case core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_9__.NodeGeometryBlockConnectionPointTypes.Vector3:
56503
- return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_vector3LineComponent__WEBPACK_IMPORTED_MODULE_5__.Vector3LineComponent, { lockObject: this.props.lockObject, label: block.name, target: block, propertyName: "value", onChange: () => this.processInputBlockUpdate(block) }, block.uniqueId));
56550
+ return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_vector3LineComponent__WEBPACK_IMPORTED_MODULE_5__.Vector3LineComponent, { lockObject: this.props.lockObject, label: block.name, target: block, propertyName: "value", onChange: () => this.processInputBlockUpdate() }, block.uniqueId));
56504
56551
  case core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_9__.NodeGeometryBlockConnectionPointTypes.Vector4:
56505
- return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_vector4LineComponent__WEBPACK_IMPORTED_MODULE_6__.Vector4LineComponent, { lockObject: this.props.lockObject, label: block.name, target: block, propertyName: "value", onChange: () => this.processInputBlockUpdate(block) }, block.uniqueId));
56552
+ return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_vector4LineComponent__WEBPACK_IMPORTED_MODULE_6__.Vector4LineComponent, { lockObject: this.props.lockObject, label: block.name, target: block, propertyName: "value", onChange: () => this.processInputBlockUpdate() }, block.uniqueId));
56506
56553
  }
56507
56554
  return null;
56508
56555
  }
@@ -56733,8 +56780,8 @@ class PropertyTabComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component
56733
56780
  componentWillUnmount() {
56734
56781
  this.props.globalState.onBuiltObservable.remove(this._onBuiltObserver);
56735
56782
  }
56736
- processInputBlockUpdate(ib) {
56737
- this.props.globalState.stateManager.onUpdateRequiredObservable.notifyObservers(ib);
56783
+ processInputBlockUpdate() {
56784
+ this.props.globalState.stateManager.onRebuildRequiredObservable.notifyObservers();
56738
56785
  }
56739
56786
  renderInputBlock(block) {
56740
56787
  switch (block.type) {
@@ -56742,14 +56789,14 @@ class PropertyTabComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component
56742
56789
  case core_Misc_tools__WEBPACK_IMPORTED_MODULE_5__.NodeGeometryBlockConnectionPointTypes.Float: {
56743
56790
  const cantDisplaySlider = isNaN(block.min) || isNaN(block.max) || block.min === block.max;
56744
56791
  const isInteger = block.type === core_Misc_tools__WEBPACK_IMPORTED_MODULE_5__.NodeGeometryBlockConnectionPointTypes.Int;
56745
- return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { children: [cantDisplaySlider && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_24__.FloatLineComponent, { lockObject: this.props.lockObject, label: block.name, target: block, isInteger: isInteger, propertyName: "value", onChange: () => this.processInputBlockUpdate(block) }, block.uniqueId)), !cantDisplaySlider && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_sliderLineComponent__WEBPACK_IMPORTED_MODULE_25__.SliderLineComponent, { lockObject: this.props.lockObject, label: block.name, target: block, propertyName: "value", step: (isInteger ? 1 : block.max - block.min) / 100.0, decimalCount: isInteger ? 0 : 2, minimum: block.min, maximum: block.max, onChange: () => this.processInputBlockUpdate(block) }, block.uniqueId))] }, block.uniqueId));
56792
+ return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { children: [cantDisplaySlider && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_24__.FloatLineComponent, { lockObject: this.props.lockObject, label: block.name, target: block, isInteger: isInteger, propertyName: "value", onChange: () => this.processInputBlockUpdate() }, block.uniqueId)), !cantDisplaySlider && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_sliderLineComponent__WEBPACK_IMPORTED_MODULE_25__.SliderLineComponent, { lockObject: this.props.lockObject, label: block.name, target: block, propertyName: "value", step: (isInteger ? 1 : block.max - block.min) / 100.0, decimalCount: isInteger ? 0 : 2, minimum: block.min, maximum: block.max, onChange: () => this.processInputBlockUpdate() }, block.uniqueId))] }, block.uniqueId));
56746
56793
  }
56747
56794
  case core_Misc_tools__WEBPACK_IMPORTED_MODULE_5__.NodeGeometryBlockConnectionPointTypes.Vector2:
56748
- return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_vector2LineComponent__WEBPACK_IMPORTED_MODULE_19__.Vector2LineComponent, { lockObject: this.props.lockObject, label: block.name, target: block, propertyName: "value", onChange: () => this.processInputBlockUpdate(block) }, block.uniqueId));
56795
+ return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_vector2LineComponent__WEBPACK_IMPORTED_MODULE_19__.Vector2LineComponent, { lockObject: this.props.lockObject, label: block.name, target: block, propertyName: "value", onChange: () => this.processInputBlockUpdate() }, block.uniqueId));
56749
56796
  case core_Misc_tools__WEBPACK_IMPORTED_MODULE_5__.NodeGeometryBlockConnectionPointTypes.Vector3:
56750
- return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_vector3LineComponent__WEBPACK_IMPORTED_MODULE_20__.Vector3LineComponent, { lockObject: this.props.lockObject, label: block.name, target: block, propertyName: "value", onChange: () => this.processInputBlockUpdate(block) }, block.uniqueId));
56797
+ return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_vector3LineComponent__WEBPACK_IMPORTED_MODULE_20__.Vector3LineComponent, { lockObject: this.props.lockObject, label: block.name, target: block, propertyName: "value", onChange: () => this.processInputBlockUpdate() }, block.uniqueId));
56751
56798
  case core_Misc_tools__WEBPACK_IMPORTED_MODULE_5__.NodeGeometryBlockConnectionPointTypes.Vector4:
56752
- return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_vector4LineComponent__WEBPACK_IMPORTED_MODULE_21__.Vector4LineComponent, { lockObject: this.props.lockObject, label: block.name, target: block, propertyName: "value", onChange: () => this.processInputBlockUpdate(block) }, block.uniqueId));
56799
+ return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_vector4LineComponent__WEBPACK_IMPORTED_MODULE_21__.Vector4LineComponent, { lockObject: this.props.lockObject, label: block.name, target: block, propertyName: "value", onChange: () => this.processInputBlockUpdate() }, block.uniqueId));
56753
56800
  }
56754
56801
  return null;
56755
56802
  }
@@ -56847,6 +56894,9 @@ class PropertyTabComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component
56847
56894
  this.props.globalState.hostDocument.defaultView.alert("Unable to load your node geometry: " + err);
56848
56895
  });
56849
56896
  }
56897
+ exportAsGLB() {
56898
+ this.props.globalState.onExportToGLBRequired.notifyObservers();
56899
+ }
56850
56900
  render() {
56851
56901
  if (this.state.currentNode) {
56852
56902
  return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { id: "propertyTab", children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { id: "header", children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("img", { id: "logo", src: "https://www.babylonjs.com/Assets/logo-babylonjs-social-twitter.png" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { id: "title", children: "NODE GEOMETRY EDITOR" })] }), this.state.currentNode?.renderProperties() || this.state.currentNodePort?.node.renderProperties()] }));
@@ -56894,7 +56944,9 @@ class PropertyTabComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component
56894
56944
  shared_ui_components_stringTools__WEBPACK_IMPORTED_MODULE_3__.StringTools.DownloadAsFile(this.props.globalState.hostDocument, this.props.globalState.nodeGeometry.generateCode(), "code.txt");
56895
56945
  } }), this.props.globalState.customSave && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_22__.ButtonLineComponent, { label: this.props.globalState.customSave.label, isDisabled: this.state.uploadInProgress, onClick: () => {
56896
56946
  this.customSave();
56897
- } }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_23__.TextLineComponent, { label: "(*) Mesh data will NOT be serialized", ignoreValue: true, additionalClass: "label-center" })] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_sharedComponents_fileButtonLineComponent__WEBPACK_IMPORTED_MODULE_4__.FileButtonLineComponent, { label: "Load Frame", uploadName: "frame-upload", onClick: (file) => this.loadFrame(file), accept: ".json" })] }), !this.props.globalState.customSave && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_sharedComponents_lineContainerComponent__WEBPACK_IMPORTED_MODULE_2__.LineContainerComponent, { title: "SNIPPET", children: [this.props.globalState.nodeGeometry.snippetId && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_23__.TextLineComponent, { label: "Snippet ID", value: this.props.globalState.nodeGeometry.snippetId }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_22__.ButtonLineComponent, { label: "Load from snippet server", onClick: () => this.loadFromSnippet() }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_22__.ButtonLineComponent, { label: "Save to snippet server", onClick: () => {
56947
+ } }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_23__.TextLineComponent, { label: "(*) Mesh data will NOT be serialized", ignoreValue: true, additionalClass: "label-center" })] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_sharedComponents_fileButtonLineComponent__WEBPACK_IMPORTED_MODULE_4__.FileButtonLineComponent, { label: "Load Frame", uploadName: "frame-upload", onClick: (file) => this.loadFrame(file), accept: ".json" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_22__.ButtonLineComponent, { label: "Export as GLB", onClick: () => {
56948
+ this.exportAsGLB();
56949
+ } })] }), !this.props.globalState.customSave && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_sharedComponents_lineContainerComponent__WEBPACK_IMPORTED_MODULE_2__.LineContainerComponent, { title: "SNIPPET", children: [this.props.globalState.nodeGeometry.snippetId && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_23__.TextLineComponent, { label: "Snippet ID", value: this.props.globalState.nodeGeometry.snippetId }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_22__.ButtonLineComponent, { label: "Load from snippet server", onClick: () => this.loadFromSnippet() }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_22__.ButtonLineComponent, { label: "Save to snippet server", onClick: () => {
56898
56950
  this.saveToSnippetServer();
56899
56951
  } })] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_inputsPropertyTabComponent__WEBPACK_IMPORTED_MODULE_11__.InputsPropertyTabComponent, { lockObject: this.props.lockObject, globalState: this.props.globalState, inputs: this.props.globalState.nodeGeometry.getInputBlocks() })] })] }));
56900
56952
  }
@@ -56960,6 +57012,7 @@ class GlobalState {
56960
57012
  this.lockObject = new shared_ui_components_tabs_propertyGrids_lockObject__WEBPACK_IMPORTED_MODULE_3__.LockObject();
56961
57013
  this.pointerOverCanvas = false;
56962
57014
  this.onRefreshPreviewMeshControlComponentRequiredObservable = new core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__.Observable();
57015
+ this.onExportToGLBRequired = new core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__.Observable();
56963
57016
  this._previewMode = core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__.DataStorage.ReadNumber("PreviewMode", _components_preview_previewMode__WEBPACK_IMPORTED_MODULE_7__.PreviewMode.Normal);
56964
57017
  this.stateManager = new shared_ui_components_nodeGraphSystem_stateManager__WEBPACK_IMPORTED_MODULE_4__.StateManager();
56965
57018
  this.stateManager.data = this;
@@ -57907,6 +57960,9 @@ class InputDisplayManager {
57907
57960
  case core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_2__.NodeGeometryContextualSources.GeometryID:
57908
57961
  value = "GeometryID";
57909
57962
  break;
57963
+ case core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_2__.NodeGeometryContextualSources.LoopID:
57964
+ value = "LoopID";
57965
+ break;
57910
57966
  case core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_2__.NodeGeometryContextualSources.CollectionID:
57911
57967
  value = "CollectionID";
57912
57968
  break;
@@ -58052,11 +58108,9 @@ __webpack_require__.r(__webpack_exports__);
58052
58108
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
58053
58109
  /* harmony export */ SourceDisplayManager: () => (/* binding */ SourceDisplayManager)
58054
58110
  /* harmony export */ });
58055
- /* harmony import */ var _sourceDisplayManager_modules_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./sourceDisplayManager.modules.scss */ "../../../tools/nodeGeometryEditor/dist/graphSystem/display/sourceDisplayManager.modules.scss");
58056
-
58057
58111
  class SourceDisplayManager {
58058
58112
  getHeaderClass() {
58059
- return _sourceDisplayManager_modules_scss__WEBPACK_IMPORTED_MODULE_0__["default"]["source-block"];
58113
+ return "";
58060
58114
  }
58061
58115
  shouldDisplayPortLabels() {
58062
58116
  return true;
@@ -58065,7 +58119,7 @@ class SourceDisplayManager {
58065
58119
  return nodeData.data.name;
58066
58120
  }
58067
58121
  getBackgroundColor() {
58068
- return "gray";
58122
+ return "#84995c";
58069
58123
  }
58070
58124
  updatePreviewContent(nodeData, contentArea) { }
58071
58125
  }
@@ -58623,6 +58677,7 @@ class InputPropertyTabComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Compo
58623
58677
  contextualSourcesOptions = [
58624
58678
  { label: "Vertex ID", value: core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_12__.NodeGeometryContextualSources.VertexID },
58625
58679
  { label: "Face ID", value: core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_12__.NodeGeometryContextualSources.FaceID },
58680
+ { label: "Loop ID", value: core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_12__.NodeGeometryContextualSources.LoopID },
58626
58681
  { label: "Geometry ID", value: core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_12__.NodeGeometryContextualSources.GeometryID },
58627
58682
  { label: "Collection ID", value: core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_12__.NodeGeometryContextualSources.CollectionID },
58628
58683
  ];
@@ -59058,11 +59113,16 @@ __webpack_require__.r(__webpack_exports__);
59058
59113
 
59059
59114
 
59060
59115
  const RegisterNodePortDesign = (stateManager) => {
59061
- stateManager.applyNodePortDesign = (portData, element, img) => {
59062
- const type = portData.data.type;
59116
+ stateManager.applyNodePortDesign = (portData, element, img, pip) => {
59117
+ const connectionPortData = portData;
59118
+ const point = connectionPortData.data;
59119
+ const type = point.type;
59063
59120
  element.style.background = _blockTools__WEBPACK_IMPORTED_MODULE_0__.BlockTools.GetColorFromConnectionNodeType(type);
59064
59121
  switch (type) {
59065
59122
  case core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_1__.NodeGeometryBlockConnectionPointTypes.Int:
59123
+ img.src =
59124
+ "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl81IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzUxYjBlNTt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJtMTAsMjBDNC40OSwyMCwwLDE1LjUxLDAsMTBTNC40OSwwLDEwLDBzMTAsNC40OSwxMCwxMC00LjQ5LDEwLTEwLDEwWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTE2LjA0LDE0LjQ2Yy45MS0xLjI0LDEuNDYtMi43NywxLjQ2LTQuNDMsMC00LjE0LTMuMzYtNy41LTcuNS03LjVzLTcuNSwzLjM2LTcuNSw3LjVjMCwxLjY2LjU1LDMuMTksMS40Niw0LjQzaDEyLjA3WiIvPjwvc3ZnPg==";
59125
+ break;
59066
59126
  case core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_1__.NodeGeometryBlockConnectionPointTypes.Float:
59067
59127
  img.src =
59068
59128
  "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMSAyMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5WZWN0b3IxPC90aXRsZT48ZyBpZD0iTGF5ZXJfNSIgZGF0YS1uYW1lPSJMYXllciA1Ij48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjEwLjUiIGN5PSIxMC41IiByPSI3LjUiLz48L2c+PC9zdmc+";
@@ -59085,11 +59145,19 @@ const RegisterNodePortDesign = (stateManager) => {
59085
59145
  break;
59086
59146
  case core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_1__.NodeGeometryBlockConnectionPointTypes.Geometry:
59087
59147
  img.src =
59088
- "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDIxIDIxIj48Y2lyY2xlIGN4PSI3LjEiIGN5PSIxMy4wOCIgcj0iMy4yNSIgc3R5bGU9ImZpbGw6I2ZmZiIvPjxwYXRoIGQ9Ik0xMC40OSwzQTcuNTIsNy41MiwwLDAsMCwzLDEwYTUuMTMsNS4xMywwLDEsMSw2LDcuODUsNy42MSw3LjYxLDAsMCwwLDEuNTIuMTYsNy41Miw3LjUyLDAsMCwwLDAtMTVaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+";
59089
- img.style.width = "100%"; // it's so that the svg is correctly centered inside the outer circle
59090
- img.style.height = "100%";
59148
+ "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl81IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6Izg0OTk1Yzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJtMTAsMjBDNC40OSwyMCwwLDE1LjUxLDAsMTBTNC40OSwwLDEwLDBzMTAsNC40OSwxMCwxMC00LjQ5LDEwLTEwLDEwWiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI5LjE1IDEwLjQ5IDMuMzkgNy4xNyAzLjM5IDEzLjgxIDkuMTUgMTcuMTQgOS4xNSAxMC40OSIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIxMCA5LjAyIDE1Ljc2IDUuNjkgMTAgMi4zNyA0LjI0IDUuNjkgMTAgOS4wMiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIxMC44NSAxMC40OSAxMC44NSAxNy4xNCAxNi42MSAxMy44MSAxNi42MSA3LjE3IDEwLjg1IDEwLjQ5Ii8+PC9zdmc+";
59091
59149
  break;
59092
59150
  }
59151
+ if (!point.isConnected &&
59152
+ point.value !== undefined &&
59153
+ point.value !== null &&
59154
+ point.value !== point.defaultValue &&
59155
+ (!point.value.equals || !point.value.equals(point.defaultValue))) {
59156
+ pip.style.display = "";
59157
+ }
59158
+ else {
59159
+ pip.style.display = "none";
59160
+ }
59093
59161
  };
59094
59162
  };
59095
59163
 
@@ -60706,61 +60774,6 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
60706
60774
  /* 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_inputDisplayManager_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_inputDisplayManager_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_inputDisplayManager_modules_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
60707
60775
 
60708
60776
 
60709
- /***/ }),
60710
-
60711
- /***/ "../../../tools/nodeGeometryEditor/dist/graphSystem/display/sourceDisplayManager.modules.scss":
60712
- /*!****************************************************************************************************!*\
60713
- !*** ../../../tools/nodeGeometryEditor/dist/graphSystem/display/sourceDisplayManager.modules.scss ***!
60714
- \****************************************************************************************************/
60715
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
60716
-
60717
- "use strict";
60718
- __webpack_require__.r(__webpack_exports__);
60719
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
60720
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
60721
- /* harmony export */ });
60722
- /* 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");
60723
- /* 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__);
60724
- /* 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");
60725
- /* 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__);
60726
- /* 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");
60727
- /* 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__);
60728
- /* 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");
60729
- /* 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__);
60730
- /* 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");
60731
- /* 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__);
60732
- /* 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");
60733
- /* 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__);
60734
- /* 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_sourceDisplayManager_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]!./sourceDisplayManager.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/nodeGeometryEditor/dist/graphSystem/display/sourceDisplayManager.modules.scss");
60735
-
60736
-
60737
-
60738
-
60739
-
60740
-
60741
-
60742
-
60743
-
60744
-
60745
-
60746
- var options = {};
60747
-
60748
- options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
60749
- options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
60750
-
60751
- options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
60752
-
60753
- options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
60754
- options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
60755
-
60756
- 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_sourceDisplayManager_modules_scss__WEBPACK_IMPORTED_MODULE_6__["default"], options);
60757
-
60758
-
60759
-
60760
-
60761
- /* 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_sourceDisplayManager_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_sourceDisplayManager_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_sourceDisplayManager_modules_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
60762
-
60763
-
60764
60777
  /***/ }),
60765
60778
 
60766
60779
  /***/ "../../../dev/sharedUiComponents/dist/lines/copy.svg":
@@ -60939,6 +60952,17 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_core_Misc_observable__;
60939
60952
 
60940
60953
  /***/ }),
60941
60954
 
60955
+ /***/ "serializers/glTF/2.0/glTFSerializer":
60956
+ /*!*******************************************************************************************************************************************!*\
60957
+ !*** external {"root":"BABYLON","commonjs":"@babylonjs/serializers","commonjs2":"@babylonjs/serializers","amd":"@babylonjs/serializers"} ***!
60958
+ \*******************************************************************************************************************************************/
60959
+ /***/ ((module) => {
60960
+
60961
+ "use strict";
60962
+ module.exports = __WEBPACK_EXTERNAL_MODULE_serializers_glTF_2_0_glTFSerializer__;
60963
+
60964
+ /***/ }),
60965
+
60942
60966
  /***/ "../../../../node_modules/@fortawesome/fontawesome-svg-core/index.mjs":
60943
60967
  /*!****************************************************************************!*\
60944
60968
  !*** ../../../../node_modules/@fortawesome/fontawesome-svg-core/index.mjs ***!