@babylonjs/node-geometry-editor 6.18.0 → 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 +160 -151
  4. package/dist/babylon.nodeGeometryEditor.max.js.map +1 -1
  5. package/dist/babylon.nodeGeometryEditor.module.d.ts +8 -3
  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_dataStorage__) => {
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":
@@ -49520,7 +49514,7 @@ __webpack_require__.r(__webpack_exports__);
49520
49514
  /* harmony export */ });
49521
49515
  /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "../../../../node_modules/react/jsx-runtime.js");
49522
49516
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "../../../../node_modules/react/index.js");
49523
- /* harmony import */ var core_Maths_math_color__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core/Maths/math.color */ "core/Misc/dataStorage");
49517
+ /* harmony import */ var core_Maths_math_color__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core/Maths/math.color */ "core/Misc/observable");
49524
49518
  /* harmony import */ var core_Maths_math_color__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_Maths_math_color__WEBPACK_IMPORTED_MODULE_2__);
49525
49519
  /* harmony import */ var _colorComponentEntry__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./colorComponentEntry */ "../../../dev/sharedUiComponents/dist/colorPicker/colorComponentEntry.js");
49526
49520
  /* harmony import */ var _hexColor__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./hexColor */ "../../../dev/sharedUiComponents/dist/colorPicker/hexColor.js");
@@ -49869,7 +49863,7 @@ __webpack_require__.r(__webpack_exports__);
49869
49863
  /* harmony export */ });
49870
49864
  /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "../../../../node_modules/react/jsx-runtime.js");
49871
49865
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "../../../../node_modules/react/index.js");
49872
- /* harmony import */ var core_Maths_math_color__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core/Maths/math.color */ "core/Misc/dataStorage");
49866
+ /* harmony import */ var core_Maths_math_color__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core/Maths/math.color */ "core/Misc/observable");
49873
49867
  /* harmony import */ var core_Maths_math_color__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_Maths_math_color__WEBPACK_IMPORTED_MODULE_2__);
49874
49868
  /* harmony import */ var _numericInputComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./numericInputComponent */ "../../../dev/sharedUiComponents/dist/lines/numericInputComponent.js");
49875
49869
  /* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @fortawesome/react-fontawesome */ "../../../../node_modules/@fortawesome/react-fontawesome/index.es.js");
@@ -50116,7 +50110,7 @@ __webpack_require__.r(__webpack_exports__);
50116
50110
  /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "../../../../node_modules/react/jsx-runtime.js");
50117
50111
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "../../../../node_modules/react/index.js");
50118
50112
  /* harmony import */ var _sliderLineComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./sliderLineComponent */ "../../../dev/sharedUiComponents/dist/lines/sliderLineComponent.js");
50119
- /* harmony import */ var core_Misc_tools__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core/Misc/tools */ "core/Misc/dataStorage");
50113
+ /* harmony import */ var core_Misc_tools__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core/Misc/tools */ "core/Misc/observable");
50120
50114
  /* harmony import */ var core_Misc_tools__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_Misc_tools__WEBPACK_IMPORTED_MODULE_3__);
50121
50115
  /* harmony import */ var _targetsProxy__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./targetsProxy */ "../../../dev/sharedUiComponents/dist/lines/targetsProxy.js");
50122
50116
  /* harmony import */ var _inputArrowsComponent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./inputArrowsComponent */ "../../../dev/sharedUiComponents/dist/lines/inputArrowsComponent.js");
@@ -50554,7 +50548,7 @@ __webpack_require__.r(__webpack_exports__);
50554
50548
  /* harmony export */ });
50555
50549
  /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "../../../../node_modules/react/jsx-runtime.js");
50556
50550
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "../../../../node_modules/react/index.js");
50557
- /* harmony import */ var core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core/Misc/tools */ "core/Misc/dataStorage");
50551
+ /* harmony import */ var core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core/Misc/tools */ "core/Misc/observable");
50558
50552
  /* harmony import */ var core_Misc_tools__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__);
50559
50553
  /* harmony import */ var _floatLineComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./floatLineComponent */ "../../../dev/sharedUiComponents/dist/lines/floatLineComponent.js");
50560
50554
 
@@ -51038,7 +51032,7 @@ __webpack_require__.r(__webpack_exports__);
51038
51032
  /* harmony export */ });
51039
51033
  /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "../../../../node_modules/react/jsx-runtime.js");
51040
51034
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "../../../../node_modules/react/index.js");
51041
- /* harmony import */ var core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core/Misc/tools */ "core/Misc/dataStorage");
51035
+ /* harmony import */ var core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core/Misc/tools */ "core/Misc/observable");
51042
51036
  /* harmony import */ var core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__);
51043
51037
  /* harmony import */ var _lines_numericInputComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../lines/numericInputComponent */ "../../../dev/sharedUiComponents/dist/lines/numericInputComponent.js");
51044
51038
  /* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @fortawesome/react-fontawesome */ "../../../../node_modules/@fortawesome/react-fontawesome/index.es.js");
@@ -51254,7 +51248,7 @@ __webpack_require__.r(__webpack_exports__);
51254
51248
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
51255
51249
  /* harmony export */ FrameNodePort: () => (/* binding */ FrameNodePort)
51256
51250
  /* harmony export */ });
51257
- /* harmony import */ var core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Misc/observable */ "core/Misc/dataStorage");
51251
+ /* harmony import */ var core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Misc/observable */ "core/Misc/observable");
51258
51252
  /* harmony import */ var core_Misc_observable__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__);
51259
51253
  /* harmony import */ var _nodePort__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./nodePort */ "../../../dev/sharedUiComponents/dist/nodeGraphSystem/nodePort.js");
51260
51254
  /* harmony import */ var _tools__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./tools */ "../../../dev/sharedUiComponents/dist/nodeGraphSystem/tools.js");
@@ -51340,7 +51334,7 @@ __webpack_require__.r(__webpack_exports__);
51340
51334
  /* harmony import */ var dagre__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(dagre__WEBPACK_IMPORTED_MODULE_3__);
51341
51335
  /* harmony import */ var _nodeLink__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./nodeLink */ "../../../dev/sharedUiComponents/dist/nodeGraphSystem/nodeLink.js");
51342
51336
  /* harmony import */ var _nodePort__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./nodePort */ "../../../dev/sharedUiComponents/dist/nodeGraphSystem/nodePort.js");
51343
- /* harmony import */ var core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core/Misc/dataStorage */ "core/Misc/dataStorage");
51337
+ /* harmony import */ var core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core/Misc/dataStorage */ "core/Misc/observable");
51344
51338
  /* harmony import */ var core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_6__);
51345
51339
  /* harmony import */ var _graphFrame__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./graphFrame */ "../../../dev/sharedUiComponents/dist/nodeGraphSystem/graphFrame.js");
51346
51340
  /* harmony import */ var _frameNodePort__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./frameNodePort */ "../../../dev/sharedUiComponents/dist/nodeGraphSystem/frameNodePort.js");
@@ -52580,7 +52574,7 @@ __webpack_require__.r(__webpack_exports__);
52580
52574
  /* harmony export */ FramePortPosition: () => (/* binding */ FramePortPosition),
52581
52575
  /* harmony export */ GraphFrame: () => (/* binding */ GraphFrame)
52582
52576
  /* harmony export */ });
52583
- /* harmony import */ var core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Maths/math.color */ "core/Misc/dataStorage");
52577
+ /* harmony import */ var core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Maths/math.color */ "core/Misc/observable");
52584
52578
  /* harmony import */ var core_Misc_observable__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__);
52585
52579
  /* harmony import */ var _frameNodePort__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./frameNodePort */ "../../../dev/sharedUiComponents/dist/nodeGraphSystem/frameNodePort.js");
52586
52580
  /* harmony import */ var _stringTools__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../stringTools */ "../../../dev/sharedUiComponents/dist/stringTools.js");
@@ -54499,7 +54493,7 @@ __webpack_require__.r(__webpack_exports__);
54499
54493
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
54500
54494
  /* harmony export */ NodeLink: () => (/* binding */ NodeLink)
54501
54495
  /* harmony export */ });
54502
- /* harmony import */ var core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Misc/observable */ "core/Misc/dataStorage");
54496
+ /* harmony import */ var core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Misc/observable */ "core/Misc/observable");
54503
54497
  /* harmony import */ var core_Misc_observable__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__);
54504
54498
  /* harmony import */ var _tools__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./tools */ "../../../dev/sharedUiComponents/dist/nodeGraphSystem/tools.js");
54505
54499
  /* harmony import */ var _common_modules_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./common.modules.scss */ "../../../dev/sharedUiComponents/dist/nodeGraphSystem/common.modules.scss");
@@ -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];
@@ -54975,7 +54973,7 @@ __webpack_require__.r(__webpack_exports__);
54975
54973
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
54976
54974
  /* harmony export */ StateManager: () => (/* binding */ StateManager)
54977
54975
  /* harmony export */ });
54978
- /* harmony import */ var core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Misc/observable */ "core/Misc/dataStorage");
54976
+ /* harmony import */ var core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Misc/observable */ "core/Misc/observable");
54979
54977
  /* harmony import */ var core_Misc_observable__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__);
54980
54978
 
54981
54979
  class StateManager {
@@ -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/dataStorage");
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
 
@@ -55273,6 +55271,7 @@ __webpack_require__.r(__webpack_exports__);
55273
55271
 
55274
55272
 
55275
55273
 
55274
+
55276
55275
 
55277
55276
 
55278
55277
  class BlockTools {
@@ -55339,6 +55338,8 @@ class BlockTools {
55339
55338
  block.test = core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_0__.ConditionBlockTests.And;
55340
55339
  return block;
55341
55340
  }
55341
+ case "MappingBlock":
55342
+ return new core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_0__.MappingBlock("Mapping");
55342
55343
  case "SetMaterialIDBlock":
55343
55344
  return new core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_0__.SetMaterialIDBlock("Set material ID");
55344
55345
  case "InstantiateOnVolumeBlock":
@@ -55618,7 +55619,7 @@ class BlockTools {
55618
55619
  let color = "#880000";
55619
55620
  switch (type) {
55620
55621
  case core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_0__.NodeGeometryBlockConnectionPointTypes.Int:
55621
- color = "#2756CB";
55622
+ color = "#51b0e5";
55622
55623
  break;
55623
55624
  case core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_0__.NodeGeometryBlockConnectionPointTypes.Float:
55624
55625
  color = "#cb9e27";
@@ -55636,7 +55637,7 @@ class BlockTools {
55636
55637
  color = "#591990";
55637
55638
  break;
55638
55639
  case core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_0__.NodeGeometryBlockConnectionPointTypes.Geometry:
55639
- color = "#6174FA";
55640
+ color = "#84995c";
55640
55641
  break;
55641
55642
  }
55642
55643
  return color;
@@ -55751,7 +55752,7 @@ __webpack_require__.r(__webpack_exports__);
55751
55752
  /* harmony import */ var _sharedComponents_draggableLineComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../sharedComponents/draggableLineComponent */ "../../../tools/nodeGeometryEditor/dist/sharedComponents/draggableLineComponent.js");
55752
55753
  /* harmony import */ var _sharedComponents_draggableLineWithButtonComponent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../sharedComponents/draggableLineWithButtonComponent */ "../../../tools/nodeGeometryEditor/dist/sharedComponents/draggableLineWithButtonComponent.js");
55753
55754
  /* harmony import */ var _sharedComponents_lineWithFileButtonComponent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../sharedComponents/lineWithFileButtonComponent */ "../../../tools/nodeGeometryEditor/dist/sharedComponents/lineWithFileButtonComponent.js");
55754
- /* harmony import */ var core_Misc_tools__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core/Misc/tools */ "core/Misc/dataStorage");
55755
+ /* harmony import */ var core_Misc_tools__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core/Misc/tools */ "core/Misc/observable");
55755
55756
  /* harmony import */ var core_Misc_tools__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_Misc_tools__WEBPACK_IMPORTED_MODULE_6__);
55756
55757
  /* harmony import */ var _imgs_add_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../imgs/add.svg */ "../../../tools/nodeGeometryEditor/dist/imgs/add.svg");
55757
55758
  /* harmony import */ var _imgs_delete_svg__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../imgs/delete.svg */ "../../../tools/nodeGeometryEditor/dist/imgs/delete.svg");
@@ -55815,6 +55816,10 @@ class NodeListComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
55815
55816
  removeItem(value) {
55816
55817
  const frameJson = localStorage.getItem("Custom-Frame-List");
55817
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
+ }
55818
55823
  const frameList = JSON.parse(frameJson);
55819
55824
  delete frameList[value];
55820
55825
  localStorage.removeItem(value);
@@ -55897,6 +55902,7 @@ class NodeListComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
55897
55902
  "CollectionBlock",
55898
55903
  "ComputeNormalsBlock",
55899
55904
  "OptimizeBlock",
55905
+ "MappingBlock",
55900
55906
  ],
55901
55907
  Noises: ["RandomBlock", "NoiseBlock"],
55902
55908
  Output_Nodes: ["GeometryOutputBlock"],
@@ -55927,11 +55933,25 @@ class NodeListComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
55927
55933
  for (const key in allBlocks) {
55928
55934
  const blocks = allBlocks[key];
55929
55935
  if (blocks.length) {
55930
- ledger.push(...blocks);
55936
+ for (const block of blocks) {
55937
+ if (!ledger.includes(block)) {
55938
+ ledger.push(block);
55939
+ }
55940
+ }
55931
55941
  }
55932
55942
  }
55933
55943
  shared_ui_components_nodeGraphSystem_nodeLedger__WEBPACK_IMPORTED_MODULE_9__.NodeLedger.NameFormatter = (name) => {
55934
- 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;
55935
55955
  };
55936
55956
  }
55937
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: () => {
@@ -56037,6 +56057,7 @@ NodeListComponent._Tooltips = {
56037
56057
  NullBlock: "Generate an empty geometry",
56038
56058
  OptimizeBlock: "Eliminate vertices that share positions with another vertex",
56039
56059
  GeometryInfoBlock: "Provides information about a geometry",
56060
+ MappingBlock: "Generate uv coordinates based on mapping type",
56040
56061
  };
56041
56062
 
56042
56063
 
@@ -56141,9 +56162,12 @@ __webpack_require__.r(__webpack_exports__);
56141
56162
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
56142
56163
  /* harmony export */ PreviewManager: () => (/* binding */ PreviewManager)
56143
56164
  /* harmony export */ });
56144
- /* harmony import */ var core_Engines_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Materials/multiMaterial */ "core/Misc/dataStorage");
56165
+ /* harmony import */ var core_Engines_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Materials/multiMaterial */ "core/Misc/observable");
56145
56166
  /* harmony import */ var core_Engines_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Engines_engine__WEBPACK_IMPORTED_MODULE_0__);
56146
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
+
56147
56171
 
56148
56172
 
56149
56173
 
@@ -56163,6 +56187,17 @@ class PreviewManager {
56163
56187
  constructor(targetCanvas, globalState) {
56164
56188
  this._nodeGeometry = globalState.nodeGeometry;
56165
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
+ });
56166
56201
  this._onFrameObserver = this._globalState.onFrame.add(() => {
56167
56202
  this._frameCamera();
56168
56203
  });
@@ -56347,6 +56382,7 @@ class PreviewManager {
56347
56382
  this._globalState.onPreviewModeChanged.remove(this._onPreviewChangedObserver);
56348
56383
  this._globalState.onAnimationCommandActivated.remove(this._onAnimationCommandActivatedObserver);
56349
56384
  this._globalState.onPreviewBackgroundChanged.remove(this._onPreviewBackgroundChangedObserver);
56385
+ this._globalState.onExportToGLBRequired.remove(this._onExportToGLBObserver);
56350
56386
  if (this._nodeGeometry) {
56351
56387
  this._nodeGeometry.dispose();
56352
56388
  }
@@ -56376,7 +56412,7 @@ __webpack_require__.r(__webpack_exports__);
56376
56412
  /* harmony export */ });
56377
56413
  /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "../../../../node_modules/react/jsx-runtime.js");
56378
56414
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "../../../../node_modules/react/index.js");
56379
- /* harmony import */ var core_Maths_math_color__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core/Misc/dataStorage */ "core/Misc/dataStorage");
56415
+ /* harmony import */ var core_Maths_math_color__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core/Misc/dataStorage */ "core/Misc/observable");
56380
56416
  /* harmony import */ var core_Maths_math_color__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_Maths_math_color__WEBPACK_IMPORTED_MODULE_2__);
56381
56417
  /* harmony import */ var _svgs_popOut_svg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./svgs/popOut.svg */ "../../../tools/nodeGeometryEditor/dist/components/preview/svgs/popOut.svg");
56382
56418
  /* harmony import */ var _svgs_colorPicker_svg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./svgs/colorPicker.svg */ "../../../tools/nodeGeometryEditor/dist/components/preview/svgs/colorPicker.svg");
@@ -56481,7 +56517,7 @@ __webpack_require__.r(__webpack_exports__);
56481
56517
  /* harmony import */ var shared_ui_components_lines_vector4LineComponent__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! shared-ui-components/lines/vector4LineComponent */ "../../../dev/sharedUiComponents/dist/lines/vector4LineComponent.js");
56482
56518
  /* harmony import */ var shared_ui_components_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! shared-ui-components/lines/floatLineComponent */ "../../../dev/sharedUiComponents/dist/lines/floatLineComponent.js");
56483
56519
  /* harmony import */ var shared_ui_components_lines_sliderLineComponent__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! shared-ui-components/lines/sliderLineComponent */ "../../../dev/sharedUiComponents/dist/lines/sliderLineComponent.js");
56484
- /* harmony import */ var core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core/Meshes/Node/Enums/nodeGeometryConnectionPointTypes */ "core/Misc/dataStorage");
56520
+ /* harmony import */ var core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core/Meshes/Node/Enums/nodeGeometryConnectionPointTypes */ "core/Misc/observable");
56485
56521
  /* harmony import */ var core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_9__);
56486
56522
 
56487
56523
 
@@ -56497,8 +56533,8 @@ class InputsPropertyTabComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Comp
56497
56533
  constructor(props) {
56498
56534
  super(props);
56499
56535
  }
56500
- processInputBlockUpdate(ib) {
56501
- this.props.globalState.stateManager.onUpdateRequiredObservable.notifyObservers(ib);
56536
+ processInputBlockUpdate() {
56537
+ this.props.globalState.stateManager.onRebuildRequiredObservable.notifyObservers();
56502
56538
  }
56503
56539
  renderInputBlock(block) {
56504
56540
  switch (block.type) {
@@ -56506,14 +56542,14 @@ class InputsPropertyTabComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Comp
56506
56542
  case core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_9__.NodeGeometryBlockConnectionPointTypes.Float: {
56507
56543
  const cantDisplaySlider = isNaN(block.min) || isNaN(block.max) || block.min === block.max;
56508
56544
  const isInteger = block.type === core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_9__.NodeGeometryBlockConnectionPointTypes.Int;
56509
- 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));
56510
56546
  }
56511
56547
  case core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_9__.NodeGeometryBlockConnectionPointTypes.Vector2:
56512
- 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));
56513
56549
  case core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_9__.NodeGeometryBlockConnectionPointTypes.Vector3:
56514
- 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));
56515
56551
  case core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_9__.NodeGeometryBlockConnectionPointTypes.Vector4:
56516
- 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));
56517
56553
  }
56518
56554
  return null;
56519
56555
  }
@@ -56544,7 +56580,7 @@ __webpack_require__.r(__webpack_exports__);
56544
56580
  /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "../../../../node_modules/react/jsx-runtime.js");
56545
56581
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "../../../../node_modules/react/index.js");
56546
56582
  /* harmony import */ var shared_ui_components_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! shared-ui-components/lines/floatLineComponent */ "../../../dev/sharedUiComponents/dist/lines/floatLineComponent.js");
56547
- /* harmony import */ var core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core/Meshes/Node/Enums/nodeGeometryConnectionPointTypes */ "core/Misc/dataStorage");
56583
+ /* harmony import */ var core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core/Meshes/Node/Enums/nodeGeometryConnectionPointTypes */ "core/Misc/observable");
56548
56584
  /* harmony import */ var core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_3__);
56549
56585
 
56550
56586
 
@@ -56661,7 +56697,7 @@ __webpack_require__.r(__webpack_exports__);
56661
56697
  /* harmony import */ var _sharedComponents_lineContainerComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../sharedComponents/lineContainerComponent */ "../../../tools/nodeGeometryEditor/dist/sharedComponents/lineContainerComponent.js");
56662
56698
  /* harmony import */ var shared_ui_components_stringTools__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! shared-ui-components/stringTools */ "../../../dev/sharedUiComponents/dist/stringTools.js");
56663
56699
  /* harmony import */ var _sharedComponents_fileButtonLineComponent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../sharedComponents/fileButtonLineComponent */ "../../../tools/nodeGeometryEditor/dist/sharedComponents/fileButtonLineComponent.js");
56664
- /* harmony import */ var core_Misc_tools__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core/Meshes/Node/nodeGeometry */ "core/Misc/dataStorage");
56700
+ /* harmony import */ var core_Misc_tools__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core/Meshes/Node/nodeGeometry */ "core/Misc/observable");
56665
56701
  /* harmony import */ var core_Misc_tools__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_Misc_tools__WEBPACK_IMPORTED_MODULE_5__);
56666
56702
  /* harmony import */ var _serializationTools__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../serializationTools */ "../../../tools/nodeGeometryEditor/dist/serializationTools.js");
56667
56703
  /* harmony import */ var _sharedComponents_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../sharedComponents/checkBoxLineComponent */ "../../../tools/nodeGeometryEditor/dist/sharedComponents/checkBoxLineComponent.js");
@@ -56858,6 +56894,9 @@ class PropertyTabComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component
56858
56894
  this.props.globalState.hostDocument.defaultView.alert("Unable to load your node geometry: " + err);
56859
56895
  });
56860
56896
  }
56897
+ exportAsGLB() {
56898
+ this.props.globalState.onExportToGLBRequired.notifyObservers();
56899
+ }
56861
56900
  render() {
56862
56901
  if (this.state.currentNode) {
56863
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()] }));
@@ -56905,7 +56944,9 @@ class PropertyTabComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component
56905
56944
  shared_ui_components_stringTools__WEBPACK_IMPORTED_MODULE_3__.StringTools.DownloadAsFile(this.props.globalState.hostDocument, this.props.globalState.nodeGeometry.generateCode(), "code.txt");
56906
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: () => {
56907
56946
  this.customSave();
56908
- } }), (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: () => {
56909
56950
  this.saveToSnippetServer();
56910
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() })] })] }));
56911
56952
  }
@@ -56925,7 +56966,7 @@ __webpack_require__.r(__webpack_exports__);
56925
56966
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
56926
56967
  /* harmony export */ GlobalState: () => (/* binding */ GlobalState)
56927
56968
  /* harmony export */ });
56928
- /* harmony import */ var core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Maths/math.color */ "core/Misc/dataStorage");
56969
+ /* harmony import */ var core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Maths/math.color */ "core/Misc/observable");
56929
56970
  /* harmony import */ var core_Misc_observable__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__);
56930
56971
  /* harmony import */ var _graphSystem_registerElbowSupport__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./graphSystem/registerElbowSupport */ "../../../tools/nodeGeometryEditor/dist/graphSystem/registerElbowSupport.js");
56931
56972
  /* harmony import */ var _graphSystem_registerNodePortDesign__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./graphSystem/registerNodePortDesign */ "../../../tools/nodeGeometryEditor/dist/graphSystem/registerNodePortDesign.js");
@@ -56971,6 +57012,7 @@ class GlobalState {
56971
57012
  this.lockObject = new shared_ui_components_tabs_propertyGrids_lockObject__WEBPACK_IMPORTED_MODULE_3__.LockObject();
56972
57013
  this.pointerOverCanvas = false;
56973
57014
  this.onRefreshPreviewMeshControlComponentRequiredObservable = new core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__.Observable();
57015
+ this.onExportToGLBRequired = new core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__.Observable();
56974
57016
  this._previewMode = core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__.DataStorage.ReadNumber("PreviewMode", _components_preview_previewMode__WEBPACK_IMPORTED_MODULE_7__.PreviewMode.Normal);
56975
57017
  this.stateManager = new shared_ui_components_nodeGraphSystem_stateManager__WEBPACK_IMPORTED_MODULE_4__.StateManager();
56976
57018
  this.stateManager.data = this;
@@ -57009,7 +57051,7 @@ __webpack_require__.r(__webpack_exports__);
57009
57051
  /* harmony import */ var _components_propertyTab_propertyTabComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/propertyTab/propertyTabComponent */ "../../../tools/nodeGeometryEditor/dist/components/propertyTab/propertyTabComponent.js");
57010
57052
  /* harmony import */ var _portal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./portal */ "../../../tools/nodeGeometryEditor/dist/portal.js");
57011
57053
  /* harmony import */ var _components_log_logComponent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/log/logComponent */ "../../../tools/nodeGeometryEditor/dist/components/log/logComponent.js");
57012
- /* harmony import */ var core_Misc_dataStorage__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core/Meshes/Node/Blocks/geometryInputBlock */ "core/Misc/dataStorage");
57054
+ /* harmony import */ var core_Misc_dataStorage__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core/Meshes/Node/Blocks/geometryInputBlock */ "core/Misc/observable");
57013
57055
  /* harmony import */ var core_Misc_dataStorage__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_Misc_dataStorage__WEBPACK_IMPORTED_MODULE_6__);
57014
57056
  /* harmony import */ var shared_ui_components_components_MessageDialog__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! shared-ui-components/components/MessageDialog */ "../../../dev/sharedUiComponents/dist/components/MessageDialog.js");
57015
57057
  /* harmony import */ var _blockTools__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./blockTools */ "../../../tools/nodeGeometryEditor/dist/blockTools.js");
@@ -57633,7 +57675,7 @@ __webpack_require__.r(__webpack_exports__);
57633
57675
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
57634
57676
  /* harmony export */ ConnectionPointPortData: () => (/* binding */ ConnectionPointPortData)
57635
57677
  /* harmony export */ });
57636
- /* harmony import */ var core_Meshes_Node_nodeGeometryBlockConnectionPoint__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Meshes/Node/nodeGeometryBlockConnectionPoint */ "core/Misc/dataStorage");
57678
+ /* harmony import */ var core_Meshes_Node_nodeGeometryBlockConnectionPoint__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Meshes/Node/nodeGeometryBlockConnectionPoint */ "core/Misc/observable");
57637
57679
  /* harmony import */ var core_Meshes_Node_nodeGeometryBlockConnectionPoint__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Meshes_Node_nodeGeometryBlockConnectionPoint__WEBPACK_IMPORTED_MODULE_0__);
57638
57680
  /* harmony import */ var shared_ui_components_nodeGraphSystem_interfaces_portData__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! shared-ui-components/nodeGraphSystem/interfaces/portData */ "../../../dev/sharedUiComponents/dist/nodeGraphSystem/interfaces/portData.js");
57639
57681
  /* harmony import */ var shared_ui_components_nodeGraphSystem_typeLedger__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! shared-ui-components/nodeGraphSystem/typeLedger */ "../../../dev/sharedUiComponents/dist/nodeGraphSystem/typeLedger.js");
@@ -57864,7 +57906,7 @@ __webpack_require__.r(__webpack_exports__);
57864
57906
  /* harmony export */ });
57865
57907
  /* harmony import */ var _blockTools__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../blockTools */ "../../../tools/nodeGeometryEditor/dist/blockTools.js");
57866
57908
  /* harmony import */ var _inputDisplayManager_modules_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./inputDisplayManager.modules.scss */ "../../../tools/nodeGeometryEditor/dist/graphSystem/display/inputDisplayManager.modules.scss");
57867
- /* harmony import */ var core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core/Meshes/Node/Enums/nodeGeometryContextualSources */ "core/Misc/dataStorage");
57909
+ /* harmony import */ var core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core/Meshes/Node/Enums/nodeGeometryContextualSources */ "core/Misc/observable");
57868
57910
  /* harmony import */ var core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_2__);
57869
57911
 
57870
57912
 
@@ -58066,11 +58108,9 @@ __webpack_require__.r(__webpack_exports__);
58066
58108
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
58067
58109
  /* harmony export */ SourceDisplayManager: () => (/* binding */ SourceDisplayManager)
58068
58110
  /* harmony export */ });
58069
- /* harmony import */ var _sourceDisplayManager_modules_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./sourceDisplayManager.modules.scss */ "../../../tools/nodeGeometryEditor/dist/graphSystem/display/sourceDisplayManager.modules.scss");
58070
-
58071
58111
  class SourceDisplayManager {
58072
58112
  getHeaderClass() {
58073
- return _sourceDisplayManager_modules_scss__WEBPACK_IMPORTED_MODULE_0__["default"]["source-block"];
58113
+ return "";
58074
58114
  }
58075
58115
  shouldDisplayPortLabels() {
58076
58116
  return true;
@@ -58079,7 +58119,7 @@ class SourceDisplayManager {
58079
58119
  return nodeData.data.name;
58080
58120
  }
58081
58121
  getBackgroundColor() {
58082
- return "gray";
58122
+ return "#84995c";
58083
58123
  }
58084
58124
  updatePreviewContent(nodeData, contentArea) { }
58085
58125
  }
@@ -58401,7 +58441,7 @@ __webpack_require__.r(__webpack_exports__);
58401
58441
  /* harmony import */ var shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! shared-ui-components/lines/textLineComponent */ "../../../dev/sharedUiComponents/dist/lines/textLineComponent.js");
58402
58442
  /* harmony import */ var shared_ui_components_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! shared-ui-components/lines/floatLineComponent */ "../../../dev/sharedUiComponents/dist/lines/floatLineComponent.js");
58403
58443
  /* harmony import */ var shared_ui_components_lines_sliderLineComponent__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! shared-ui-components/lines/sliderLineComponent */ "../../../dev/sharedUiComponents/dist/lines/sliderLineComponent.js");
58404
- /* harmony import */ var core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core/Decorators/nodeDecorator */ "core/Misc/dataStorage");
58444
+ /* harmony import */ var core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core/Decorators/nodeDecorator */ "core/Misc/observable");
58405
58445
  /* harmony import */ var core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_10__);
58406
58446
  /* harmony import */ var shared_ui_components_lines_vector3LineComponent__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! shared-ui-components/lines/vector3LineComponent */ "../../../dev/sharedUiComponents/dist/lines/vector3LineComponent.js");
58407
58447
  /* harmony import */ var shared_ui_components_lines_vector4LineComponent__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! shared-ui-components/lines/vector4LineComponent */ "../../../dev/sharedUiComponents/dist/lines/vector4LineComponent.js");
@@ -58560,7 +58600,7 @@ __webpack_require__.r(__webpack_exports__);
58560
58600
  /* harmony import */ var shared_ui_components_lines_optionsLineComponent__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! shared-ui-components/lines/optionsLineComponent */ "../../../dev/sharedUiComponents/dist/lines/optionsLineComponent.js");
58561
58601
  /* harmony import */ var shared_ui_components_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! shared-ui-components/lines/floatLineComponent */ "../../../dev/sharedUiComponents/dist/lines/floatLineComponent.js");
58562
58602
  /* harmony import */ var shared_ui_components_lines_sliderLineComponent__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! shared-ui-components/lines/sliderLineComponent */ "../../../dev/sharedUiComponents/dist/lines/sliderLineComponent.js");
58563
- /* harmony import */ var core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core/Meshes/Node/Enums/nodeGeometryContextualSources */ "core/Misc/dataStorage");
58603
+ /* harmony import */ var core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core/Meshes/Node/Enums/nodeGeometryContextualSources */ "core/Misc/observable");
58564
58604
  /* harmony import */ var core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_12__);
58565
58605
 
58566
58606
 
@@ -58730,7 +58770,7 @@ __webpack_require__.r(__webpack_exports__);
58730
58770
  /* harmony import */ var _sharedComponents_lineContainerComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../sharedComponents/lineContainerComponent */ "../../../tools/nodeGeometryEditor/dist/sharedComponents/lineContainerComponent.js");
58731
58771
  /* harmony import */ var _genericNodePropertyComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./genericNodePropertyComponent */ "../../../tools/nodeGeometryEditor/dist/graphSystem/properties/genericNodePropertyComponent.js");
58732
58772
  /* harmony import */ var _sharedComponents_fileButtonLineComponent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../sharedComponents/fileButtonLineComponent */ "../../../tools/nodeGeometryEditor/dist/sharedComponents/fileButtonLineComponent.js");
58733
- /* harmony import */ var core_Loading_sceneLoader__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core/Engines/engineStore */ "core/Misc/dataStorage");
58773
+ /* harmony import */ var core_Loading_sceneLoader__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core/Engines/engineStore */ "core/Misc/observable");
58734
58774
  /* harmony import */ var core_Loading_sceneLoader__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_Loading_sceneLoader__WEBPACK_IMPORTED_MODULE_5__);
58735
58775
  /* harmony import */ var shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! shared-ui-components/lines/textLineComponent */ "../../../dev/sharedUiComponents/dist/lines/textLineComponent.js");
58736
58776
  /* harmony import */ var shared_ui_components_lines_optionsLineComponent__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! shared-ui-components/lines/optionsLineComponent */ "../../../dev/sharedUiComponents/dist/lines/optionsLineComponent.js");
@@ -58974,7 +59014,7 @@ __webpack_require__.r(__webpack_exports__);
58974
59014
  /* harmony export */ RegisterDefaultInput: () => (/* binding */ RegisterDefaultInput)
58975
59015
  /* harmony export */ });
58976
59016
  /* harmony import */ var _blockNodeData__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./blockNodeData */ "../../../tools/nodeGeometryEditor/dist/graphSystem/blockNodeData.js");
58977
- /* harmony import */ var core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/Meshes/Node/Blocks/geometryInputBlock */ "core/Misc/dataStorage");
59017
+ /* harmony import */ var core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/Meshes/Node/Blocks/geometryInputBlock */ "core/Misc/observable");
58978
59018
  /* harmony import */ var core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_1__);
58979
59019
 
58980
59020
 
@@ -59013,7 +59053,7 @@ __webpack_require__.r(__webpack_exports__);
59013
59053
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
59014
59054
  /* harmony export */ RegisterElbowSupport: () => (/* binding */ RegisterElbowSupport)
59015
59055
  /* harmony export */ });
59016
- /* harmony import */ var core_Materials_Node_Enums_nodeMaterialBlockConnectionPointTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Materials/Node/Enums/nodeMaterialBlockConnectionPointTypes */ "core/Misc/dataStorage");
59056
+ /* harmony import */ var core_Materials_Node_Enums_nodeMaterialBlockConnectionPointTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Materials/Node/Enums/nodeMaterialBlockConnectionPointTypes */ "core/Misc/observable");
59017
59057
  /* harmony import */ var core_Materials_Node_Enums_nodeMaterialBlockConnectionPointTypes__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Materials_Node_Enums_nodeMaterialBlockConnectionPointTypes__WEBPACK_IMPORTED_MODULE_0__);
59018
59058
 
59019
59059
  const RegisterElbowSupport = (stateManager) => {
@@ -59068,16 +59108,21 @@ __webpack_require__.r(__webpack_exports__);
59068
59108
  /* harmony export */ RegisterNodePortDesign: () => (/* binding */ RegisterNodePortDesign)
59069
59109
  /* harmony export */ });
59070
59110
  /* harmony import */ var _blockTools__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../blockTools */ "../../../tools/nodeGeometryEditor/dist/blockTools.js");
59071
- /* harmony import */ var core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/Meshes/Node/Enums/nodeGeometryConnectionPointTypes */ "core/Misc/dataStorage");
59111
+ /* harmony import */ var core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/Meshes/Node/Enums/nodeGeometryConnectionPointTypes */ "core/Misc/observable");
59072
59112
  /* harmony import */ var core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_1__);
59073
59113
 
59074
59114
 
59075
59115
  const RegisterNodePortDesign = (stateManager) => {
59076
- stateManager.applyNodePortDesign = (portData, element, img) => {
59077
- 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;
59078
59120
  element.style.background = _blockTools__WEBPACK_IMPORTED_MODULE_0__.BlockTools.GetColorFromConnectionNodeType(type);
59079
59121
  switch (type) {
59080
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;
59081
59126
  case core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_1__.NodeGeometryBlockConnectionPointTypes.Float:
59082
59127
  img.src =
59083
59128
  "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMSAyMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5WZWN0b3IxPC90aXRsZT48ZyBpZD0iTGF5ZXJfNSIgZGF0YS1uYW1lPSJMYXllciA1Ij48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjEwLjUiIGN5PSIxMC41IiByPSI3LjUiLz48L2c+PC9zdmc+";
@@ -59100,11 +59145,19 @@ const RegisterNodePortDesign = (stateManager) => {
59100
59145
  break;
59101
59146
  case core_Meshes_Node_Enums_nodeGeometryConnectionPointTypes__WEBPACK_IMPORTED_MODULE_1__.NodeGeometryBlockConnectionPointTypes.Geometry:
59102
59147
  img.src =
59103
- "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDIxIDIxIj48Y2lyY2xlIGN4PSI3LjEiIGN5PSIxMy4wOCIgcj0iMy4yNSIgc3R5bGU9ImZpbGw6I2ZmZiIvPjxwYXRoIGQ9Ik0xMC40OSwzQTcuNTIsNy41MiwwLDAsMCwzLDEwYTUuMTMsNS4xMywwLDEsMSw2LDcuODUsNy42MSw3LjYxLDAsMCwwLDEuNTIuMTYsNy41Miw3LjUyLDAsMCwwLDAtMTVaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+";
59104
- img.style.width = "100%"; // it's so that the svg is correctly centered inside the outer circle
59105
- img.style.height = "100%";
59148
+ "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl81IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6Izg0OTk1Yzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJtMTAsMjBDNC40OSwyMCwwLDE1LjUxLDAsMTBTNC40OSwwLDEwLDBzMTAsNC40OSwxMCwxMC00LjQ5LDEwLTEwLDEwWiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI5LjE1IDEwLjQ5IDMuMzkgNy4xNyAzLjM5IDEzLjgxIDkuMTUgMTcuMTQgOS4xNSAxMC40OSIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIxMCA5LjAyIDE1Ljc2IDUuNjkgMTAgMi4zNyA0LjI0IDUuNjkgMTAgOS4wMiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIxMC44NSAxMC40OSAxMC44NSAxNy4xNCAxNi42MSAxMy44MSAxNi42MSA3LjE3IDEwLjg1IDEwLjQ5Ii8+PC9zdmc+";
59106
59149
  break;
59107
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
+ }
59108
59161
  };
59109
59162
  };
59110
59163
 
@@ -59630,7 +59683,7 @@ __webpack_require__.r(__webpack_exports__);
59630
59683
  /* harmony export */ });
59631
59684
  /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "../../../../node_modules/react/jsx-runtime.js");
59632
59685
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "../../../../node_modules/react/index.js");
59633
- /* harmony import */ var core_Misc_dataStorage__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core/Misc/dataStorage */ "core/Misc/dataStorage");
59686
+ /* harmony import */ var core_Misc_dataStorage__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core/Misc/dataStorage */ "core/Misc/observable");
59634
59687
  /* harmony import */ var core_Misc_dataStorage__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_Misc_dataStorage__WEBPACK_IMPORTED_MODULE_2__);
59635
59688
  /* harmony import */ var _imgs_downArrow_svg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../imgs/downArrow.svg */ "../../../tools/nodeGeometryEditor/dist/imgs/downArrow.svg");
59636
59689
 
@@ -59676,7 +59729,7 @@ __webpack_require__.r(__webpack_exports__);
59676
59729
  /* harmony export */ });
59677
59730
  /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "../../../../node_modules/react/jsx-runtime.js");
59678
59731
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "../../../../node_modules/react/index.js");
59679
- /* harmony import */ var core_Misc_dataStorage__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core/Misc/dataStorage */ "core/Misc/dataStorage");
59732
+ /* harmony import */ var core_Misc_dataStorage__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core/Misc/dataStorage */ "core/Misc/observable");
59680
59733
  /* harmony import */ var core_Misc_dataStorage__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_Misc_dataStorage__WEBPACK_IMPORTED_MODULE_2__);
59681
59734
 
59682
59735
 
@@ -60721,61 +60774,6 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
60721
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);
60722
60775
 
60723
60776
 
60724
- /***/ }),
60725
-
60726
- /***/ "../../../tools/nodeGeometryEditor/dist/graphSystem/display/sourceDisplayManager.modules.scss":
60727
- /*!****************************************************************************************************!*\
60728
- !*** ../../../tools/nodeGeometryEditor/dist/graphSystem/display/sourceDisplayManager.modules.scss ***!
60729
- \****************************************************************************************************/
60730
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
60731
-
60732
- "use strict";
60733
- __webpack_require__.r(__webpack_exports__);
60734
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
60735
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
60736
- /* harmony export */ });
60737
- /* 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");
60738
- /* 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__);
60739
- /* 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");
60740
- /* 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__);
60741
- /* 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");
60742
- /* 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__);
60743
- /* 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");
60744
- /* 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__);
60745
- /* 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");
60746
- /* 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__);
60747
- /* 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");
60748
- /* 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__);
60749
- /* 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");
60750
-
60751
-
60752
-
60753
-
60754
-
60755
-
60756
-
60757
-
60758
-
60759
-
60760
-
60761
- var options = {};
60762
-
60763
- options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
60764
- options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
60765
-
60766
- options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
60767
-
60768
- options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
60769
- options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
60770
-
60771
- 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);
60772
-
60773
-
60774
-
60775
-
60776
- /* 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);
60777
-
60778
-
60779
60777
  /***/ }),
60780
60778
 
60781
60779
  /***/ "../../../dev/sharedUiComponents/dist/lines/copy.svg":
@@ -60943,14 +60941,25 @@ module.exports = "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZp
60943
60941
 
60944
60942
  /***/ }),
60945
60943
 
60946
- /***/ "core/Misc/dataStorage":
60944
+ /***/ "core/Misc/observable":
60947
60945
  /*!**********************************************************************************************************************!*\
60948
60946
  !*** external {"root":"BABYLON","commonjs":"@babylonjs/core","commonjs2":"@babylonjs/core","amd":"@babylonjs/core"} ***!
60949
60947
  \**********************************************************************************************************************/
60950
60948
  /***/ ((module) => {
60951
60949
 
60952
60950
  "use strict";
60953
- module.exports = __WEBPACK_EXTERNAL_MODULE_core_Misc_dataStorage__;
60951
+ module.exports = __WEBPACK_EXTERNAL_MODULE_core_Misc_observable__;
60952
+
60953
+ /***/ }),
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__;
60954
60963
 
60955
60964
  /***/ }),
60956
60965