@babylonjs/node-editor 5.23.0 → 5.25.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.
@@ -280,7 +280,7 @@ __webpack_require__.r(__webpack_exports__);
280
280
 
281
281
  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()));
282
282
  // Module
283
- ___CSS_LOADER_EXPORT___.push([module.id, ".\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__port-container {\n margin-top: 6px;\n margin-bottom: 6px;\n margin-left: 4px;\n margin-right: 4px;\n color: white;\n grid-row: 2;\n grid-column: 1;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 50% 50%;\n z-index: 2; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__frame-box-border {\n grid-row: 1 / span 2;\n grid-column: 1;\n width: 100%;\n height: 100%;\n border: transparent solid 4px;\n pointer-events: none;\n box-sizing: border-box; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__frame-comments {\n display: grid;\n grid-row: 2;\n grid-column: 1;\n padding: 0 10px;\n font-style: italic;\n word-wrap: break-word; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__selected.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__frame-box-border {\n border-color: white; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__frame-box-header {\n grid-row: 1;\n grid-column: 1;\n background: #484848;\n color: white;\n font-size: 24px;\n text-align: center;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: calc(100% - 74px) 30px 7px 30px 7px;\n align-content: center;\n overflow: hidden; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__frame-box-header-button {\n cursor: pointer;\n align-self: center;\n transform-origin: 50% 50%;\n transform: scale(1);\n stroke: transparent;\n fill: white;\n display: grid; }\n .\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__frame-box-header-button.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__down {\n transform: scale(0.9); }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__frame-box-header-collapse {\n grid-column: 2;\n grid-row: 1; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__frame-box-header-close {\n grid-column: 4;\n grid-row: 1; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__frame-box-header-title {\n grid-column: 1;\n grid-row: 1;\n display: grid;\n height: 100%;\n width: 100%;\n align-self: stretch;\n align-items: center;\n margin-top: -2px; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__right-handle {\n grid-area: 1 / 2 / 3 / 2;\n width: 4px;\n background-color: transparent;\n cursor: ew-resize; }\n .\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__right-handle::after {\n content: \"\";\n width: 8px;\n position: absolute;\n top: 0;\n bottom: 0;\n margin-left: -4px;\n cursor: ew-resize; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__top-right-corner-handle {\n background-color: transparent;\n height: 4px;\n z-index: 21;\n cursor: ne-resize;\n width: 4px;\n margin-left: -6px; }\n .\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__top-right-corner-handle::after {\n background-color: transparent;\n cursor: ne-resize;\n margin-left: unset;\n top: -4px;\n height: 10px;\n width: 10px; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__bottom-right-corner-handle {\n background-color: transparent;\n height: 0px;\n z-index: 21;\n cursor: nw-resize;\n grid-area: 4 / 2 / 4 / 2;\n margin-left: -2px; }\n .\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__bottom-right-corner-handle::after {\n background-color: transparent;\n height: 10px;\n cursor: nw-resize;\n top: unset;\n bottom: -4px;\n width: 10px; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__left-handle {\n grid-area: 1 / 1 / 3 / 1;\n width: 4px;\n background-color: transparent;\n cursor: ew-resize; }\n .\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__left-handle::before {\n content: \"\";\n width: 8px;\n position: absolute;\n top: 0;\n bottom: 0;\n margin-left: -4px; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__top-left-corner-handle {\n background-color: transparent;\n height: 4px;\n z-index: 21;\n cursor: nw-resize;\n width: 4px;\n margin-left: -4px; }\n .\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__top-left-corner-handle::before {\n background-color: transparent;\n cursor: nw-resize;\n margin-left: unset;\n top: -4px;\n height: 10px;\n width: 10px; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__bottom-left-corner-handle {\n background-color: transparent;\n height: 0px;\n z-index: 21;\n cursor: sw-resize;\n grid-area: 4 / 1 / 4 / 1; }\n .\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__bottom-left-corner-handle::before {\n background-color: transparent;\n height: 10px;\n cursor: sw-resize;\n top: unset;\n bottom: -4px;\n width: 10px; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__top-handle {\n grid-area: 1 / 1 / 1 / 1;\n background-color: transparent;\n height: 4px;\n cursor: ns-resize; }\n .\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__top-handle::before {\n content: \"\";\n width: 100%;\n position: absolute;\n top: -4px;\n bottom: 100%;\n right: 0;\n left: 0;\n margin-bottom: -8px;\n cursor: ns-resize;\n height: 8px; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__bottom-handle {\n grid-area: 3 / 1 / 3 / 1;\n background-color: transparent;\n height: 4px;\n cursor: ns-resize; }\n .\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__bottom-handle::after {\n content: \"\";\n width: 100%;\n position: absolute;\n top: 100%;\n bottom: 0;\n right: 0;\n left: 0;\n margin-top: -8px;\n cursor: ns-resize;\n height: 12px; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__collapsed {\n height: auto !important;\n width: 200px !important;\n z-index: 3; }\n", "",{"version":3,"sources":["webpack://./../../../dev/sharedUiComponents/dist/nodeGraphSystem/graphFrame.modules.scss"],"names":[],"mappings":"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","sourcesContent":[".port-container {\r\n margin-top: 6px;\r\n margin-bottom: 6px;\r\n margin-left: 4px;\r\n margin-right: 4px;\r\n color: white;\r\n grid-row: 2;\r\n grid-column: 1;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 50% 50%;\r\n z-index: 2;\r\n}\r\n\r\n.frame-box-border {\r\n grid-row: 1 / span 2;\r\n grid-column: 1;\r\n width: 100%;\r\n height: 100%;\r\n border: transparent solid 4px;\r\n pointer-events: none;\r\n box-sizing: border-box;\r\n}\r\n\r\n.frame-comments {\r\n display: grid;\r\n grid-row: 2;\r\n grid-column: 1;\r\n padding: 0 10px;\r\n font-style: italic;\r\n word-wrap: break-word;\r\n}\r\n\r\n.selected.frame-box-border {\r\n border-color: white;\r\n}\r\n\r\n.frame-box-header {\r\n grid-row: 1;\r\n grid-column: 1;\r\n background: rgba(72, 72, 72, 1);\r\n color: white;\r\n font-size: 24px;\r\n text-align: center;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: calc(100% - 74px) 30px 7px 30px 7px;\r\n align-content: center;\r\n overflow: hidden;\r\n}\r\n\r\n.frame-box-header-button {\r\n cursor: pointer;\r\n align-self: center;\r\n transform-origin: 50% 50%;\r\n transform: scale(1);\r\n stroke: transparent;\r\n fill: white;\r\n display: grid;\r\n\r\n &.down {\r\n transform: scale(0.9);\r\n }\r\n}\r\n\r\n.frame-box-header-collapse {\r\n grid-column: 2;\r\n grid-row: 1;\r\n}\r\n\r\n.frame-box-header-close {\r\n grid-column: 4;\r\n grid-row: 1;\r\n}\r\n\r\n.frame-box-header-title {\r\n grid-column: 1;\r\n grid-row: 1;\r\n display: grid;\r\n height: 100%;\r\n width: 100%;\r\n align-self: stretch;\r\n align-items: center;\r\n margin-top: -2px;\r\n}\r\n\r\n.right-handle {\r\n grid-area: 1 / 2 / 3 / 2;\r\n width: 4px;\r\n background-color: transparent;\r\n cursor: ew-resize;\r\n\r\n &::after {\r\n content: \"\";\r\n width: 8px;\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n margin-left: -4px;\r\n cursor: ew-resize;\r\n }\r\n}\r\n\r\n.top-right-corner-handle {\r\n background-color: transparent;\r\n height: 4px;\r\n z-index: 21;\r\n cursor: ne-resize;\r\n width: 4px;\r\n margin-left: -6px;\r\n\r\n &::after {\r\n background-color: transparent;\r\n cursor: ne-resize;\r\n margin-left: unset;\r\n top: -4px;\r\n height: 10px;\r\n width: 10px;\r\n }\r\n}\r\n\r\n.bottom-right-corner-handle {\r\n background-color: transparent;\r\n height: 0px;\r\n z-index: 21;\r\n cursor: nw-resize;\r\n grid-area: 4 / 2 / 4 / 2;\r\n margin-left: -2px;\r\n\r\n &::after {\r\n background-color: transparent;\r\n height: 10px;\r\n cursor: nw-resize;\r\n top: unset;\r\n bottom: -4px;\r\n width: 10px;\r\n }\r\n}\r\n\r\n.left-handle {\r\n grid-area: 1 / 1 / 3 / 1;\r\n width: 4px;\r\n background-color: transparent;\r\n cursor: ew-resize;\r\n\r\n &::before {\r\n content: \"\";\r\n width: 8px;\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n margin-left: -4px;\r\n }\r\n}\r\n\r\n.top-left-corner-handle {\r\n background-color: transparent;\r\n height: 4px;\r\n z-index: 21;\r\n cursor: nw-resize;\r\n width: 4px;\r\n margin-left: -4px;\r\n\r\n &::before {\r\n background-color: transparent;\r\n cursor: nw-resize;\r\n margin-left: unset;\r\n top: -4px;\r\n height: 10px;\r\n width: 10px;\r\n }\r\n}\r\n\r\n.bottom-left-corner-handle {\r\n background-color: transparent;\r\n height: 0px;\r\n z-index: 21;\r\n cursor: sw-resize;\r\n grid-area: 4 / 1 / 4 / 1;\r\n\r\n &::before {\r\n background-color: transparent;\r\n height: 10px;\r\n cursor: sw-resize;\r\n top: unset;\r\n bottom: -4px;\r\n width: 10px;\r\n }\r\n}\r\n\r\n.top-handle {\r\n grid-area: 1 / 1 / 1 / 1;\r\n background-color: transparent;\r\n height: 4px;\r\n cursor: ns-resize;\r\n\r\n &::before {\r\n content: \"\";\r\n width: 100%;\r\n position: absolute;\r\n top: -4px;\r\n bottom: 100%;\r\n right: 0;\r\n left: 0;\r\n margin-bottom: -8px;\r\n cursor: ns-resize;\r\n height: 8px;\r\n }\r\n}\r\n\r\n.bottom-handle {\r\n grid-area: 3 / 1 / 3 / 1;\r\n background-color: transparent;\r\n height: 4px;\r\n cursor: ns-resize;\r\n\r\n &::after {\r\n content: \"\";\r\n width: 100%;\r\n position: absolute;\r\n top: 100%;\r\n bottom: 0;\r\n right: 0;\r\n left: 0;\r\n margin-top: -8px;\r\n cursor: ns-resize;\r\n height: 12px;\r\n }\r\n}\r\n\r\n.collapsed {\r\n height: auto !important;\r\n width: 200px !important;\r\n z-index: 3;\r\n}\r\n"],"sourceRoot":""}]);
283
+ ___CSS_LOADER_EXPORT___.push([module.id, ".\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__port-container {\n margin-top: 6px;\n margin-bottom: 6px;\n margin-left: 4px;\n margin-right: 4px;\n color: white;\n grid-row: 2;\n grid-column: 1;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 50% 50%;\n z-index: 2; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__frame-box-border {\n grid-row: 1 / span 2;\n grid-column: 1;\n width: 100%;\n height: 100%;\n border: transparent solid 4px;\n pointer-events: none;\n box-sizing: border-box; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__frame-comments {\n display: grid;\n grid-row: 2;\n grid-column: 1;\n padding: 0 10px;\n font-style: italic;\n word-wrap: break-word; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__selected.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__frame-box-border {\n border-color: white; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__frame-box-header {\n grid-row: 1;\n grid-column: 1;\n background: #484848;\n color: white;\n text-align: center;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: calc(100% - 74px) 30px 7px 30px 7px;\n align-content: center;\n overflow: hidden; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__frame-box-header-button {\n cursor: pointer;\n align-self: center;\n transform-origin: 50% 50%;\n transform: scale(1);\n stroke: transparent;\n fill: white;\n display: grid; }\n .\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__frame-box-header-button.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__down {\n transform: scale(0.9); }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__frame-box-header-collapse {\n grid-column: 2;\n grid-row: 1; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__frame-box-header-close {\n grid-column: 4;\n grid-row: 1; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__frame-box-header-title {\n grid-column: 1;\n grid-row: 1;\n display: grid;\n height: 100%;\n width: 100%;\n align-self: stretch;\n align-items: center;\n margin-top: -2px; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__right-handle {\n grid-area: 1 / 2 / 3 / 2;\n width: 4px;\n background-color: transparent;\n cursor: ew-resize; }\n .\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__right-handle::after {\n content: \"\";\n width: 8px;\n position: absolute;\n top: 0;\n bottom: 0;\n margin-left: -4px;\n cursor: ew-resize; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__top-right-corner-handle {\n background-color: transparent;\n height: 4px;\n z-index: 21;\n cursor: ne-resize;\n width: 4px;\n margin-left: -6px; }\n .\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__top-right-corner-handle::after {\n background-color: transparent;\n cursor: ne-resize;\n margin-left: unset;\n top: -4px;\n height: 10px;\n width: 10px; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__bottom-right-corner-handle {\n background-color: transparent;\n height: 0px;\n z-index: 21;\n cursor: nw-resize;\n grid-area: 4 / 2 / 4 / 2;\n margin-left: -2px; }\n .\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__bottom-right-corner-handle::after {\n background-color: transparent;\n height: 10px;\n cursor: nw-resize;\n top: unset;\n bottom: -4px;\n width: 10px; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__left-handle {\n grid-area: 1 / 1 / 3 / 1;\n width: 4px;\n background-color: transparent;\n cursor: ew-resize; }\n .\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__left-handle::before {\n content: \"\";\n width: 8px;\n position: absolute;\n top: 0;\n bottom: 0;\n margin-left: -4px; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__top-left-corner-handle {\n background-color: transparent;\n height: 4px;\n z-index: 21;\n cursor: nw-resize;\n width: 4px;\n margin-left: -4px; }\n .\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__top-left-corner-handle::before {\n background-color: transparent;\n cursor: nw-resize;\n margin-left: unset;\n top: -4px;\n height: 10px;\n width: 10px; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__bottom-left-corner-handle {\n background-color: transparent;\n height: 0px;\n z-index: 21;\n cursor: sw-resize;\n grid-area: 4 / 1 / 4 / 1; }\n .\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__bottom-left-corner-handle::before {\n background-color: transparent;\n height: 10px;\n cursor: sw-resize;\n top: unset;\n bottom: -4px;\n width: 10px; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__top-handle {\n grid-area: 1 / 1 / 1 / 1;\n background-color: transparent;\n height: 4px;\n cursor: ns-resize; }\n .\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__top-handle::before {\n content: \"\";\n width: 100%;\n position: absolute;\n top: -4px;\n bottom: 100%;\n right: 0;\n left: 0;\n margin-bottom: -8px;\n cursor: ns-resize;\n height: 8px; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__bottom-handle {\n grid-area: 3 / 1 / 3 / 1;\n background-color: transparent;\n height: 4px;\n cursor: ns-resize; }\n .\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__bottom-handle::after {\n content: \"\";\n width: 100%;\n position: absolute;\n top: 100%;\n bottom: 0;\n right: 0;\n left: 0;\n margin-top: -8px;\n cursor: ns-resize;\n height: 12px; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__expanded {\n font-size: 24px; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__collapsed {\n height: auto !important;\n width: 200px !important;\n z-index: 3;\n font-size: 16px; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__collapsedHeader {\n grid-template-columns: calc(100% - 37px) 30px 7px; }\n", "",{"version":3,"sources":["webpack://./../../../dev/sharedUiComponents/dist/nodeGraphSystem/graphFrame.modules.scss"],"names":[],"mappings":"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","sourcesContent":[".port-container {\r\n margin-top: 6px;\r\n margin-bottom: 6px;\r\n margin-left: 4px;\r\n margin-right: 4px;\r\n color: white;\r\n grid-row: 2;\r\n grid-column: 1;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 50% 50%;\r\n z-index: 2;\r\n}\r\n\r\n.frame-box-border {\r\n grid-row: 1 / span 2;\r\n grid-column: 1;\r\n width: 100%;\r\n height: 100%;\r\n border: transparent solid 4px;\r\n pointer-events: none;\r\n box-sizing: border-box;\r\n}\r\n\r\n.frame-comments {\r\n display: grid;\r\n grid-row: 2;\r\n grid-column: 1;\r\n padding: 0 10px;\r\n font-style: italic;\r\n word-wrap: break-word;\r\n}\r\n\r\n.selected.frame-box-border {\r\n border-color: white;\r\n}\r\n\r\n.frame-box-header {\r\n grid-row: 1;\r\n grid-column: 1;\r\n background: rgba(72, 72, 72, 1);\r\n color: white;\r\n text-align: center;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: calc(100% - 74px) 30px 7px 30px 7px;\r\n align-content: center;\r\n overflow: hidden;\r\n}\r\n\r\n.frame-box-header-button {\r\n cursor: pointer;\r\n align-self: center;\r\n transform-origin: 50% 50%;\r\n transform: scale(1);\r\n stroke: transparent;\r\n fill: white;\r\n display: grid;\r\n\r\n &.down {\r\n transform: scale(0.9);\r\n }\r\n}\r\n\r\n.frame-box-header-collapse {\r\n grid-column: 2;\r\n grid-row: 1;\r\n}\r\n\r\n.frame-box-header-close {\r\n grid-column: 4;\r\n grid-row: 1;\r\n}\r\n\r\n.frame-box-header-title {\r\n grid-column: 1;\r\n grid-row: 1;\r\n display: grid;\r\n height: 100%;\r\n width: 100%;\r\n align-self: stretch;\r\n align-items: center;\r\n margin-top: -2px;\r\n}\r\n\r\n.right-handle {\r\n grid-area: 1 / 2 / 3 / 2;\r\n width: 4px;\r\n background-color: transparent;\r\n cursor: ew-resize;\r\n\r\n &::after {\r\n content: \"\";\r\n width: 8px;\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n margin-left: -4px;\r\n cursor: ew-resize;\r\n }\r\n}\r\n\r\n.top-right-corner-handle {\r\n background-color: transparent;\r\n height: 4px;\r\n z-index: 21;\r\n cursor: ne-resize;\r\n width: 4px;\r\n margin-left: -6px;\r\n\r\n &::after {\r\n background-color: transparent;\r\n cursor: ne-resize;\r\n margin-left: unset;\r\n top: -4px;\r\n height: 10px;\r\n width: 10px;\r\n }\r\n}\r\n\r\n.bottom-right-corner-handle {\r\n background-color: transparent;\r\n height: 0px;\r\n z-index: 21;\r\n cursor: nw-resize;\r\n grid-area: 4 / 2 / 4 / 2;\r\n margin-left: -2px;\r\n\r\n &::after {\r\n background-color: transparent;\r\n height: 10px;\r\n cursor: nw-resize;\r\n top: unset;\r\n bottom: -4px;\r\n width: 10px;\r\n }\r\n}\r\n\r\n.left-handle {\r\n grid-area: 1 / 1 / 3 / 1;\r\n width: 4px;\r\n background-color: transparent;\r\n cursor: ew-resize;\r\n\r\n &::before {\r\n content: \"\";\r\n width: 8px;\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n margin-left: -4px;\r\n }\r\n}\r\n\r\n.top-left-corner-handle {\r\n background-color: transparent;\r\n height: 4px;\r\n z-index: 21;\r\n cursor: nw-resize;\r\n width: 4px;\r\n margin-left: -4px;\r\n\r\n &::before {\r\n background-color: transparent;\r\n cursor: nw-resize;\r\n margin-left: unset;\r\n top: -4px;\r\n height: 10px;\r\n width: 10px;\r\n }\r\n}\r\n\r\n.bottom-left-corner-handle {\r\n background-color: transparent;\r\n height: 0px;\r\n z-index: 21;\r\n cursor: sw-resize;\r\n grid-area: 4 / 1 / 4 / 1;\r\n\r\n &::before {\r\n background-color: transparent;\r\n height: 10px;\r\n cursor: sw-resize;\r\n top: unset;\r\n bottom: -4px;\r\n width: 10px;\r\n }\r\n}\r\n\r\n.top-handle {\r\n grid-area: 1 / 1 / 1 / 1;\r\n background-color: transparent;\r\n height: 4px;\r\n cursor: ns-resize;\r\n\r\n &::before {\r\n content: \"\";\r\n width: 100%;\r\n position: absolute;\r\n top: -4px;\r\n bottom: 100%;\r\n right: 0;\r\n left: 0;\r\n margin-bottom: -8px;\r\n cursor: ns-resize;\r\n height: 8px;\r\n }\r\n}\r\n\r\n.bottom-handle {\r\n grid-area: 3 / 1 / 3 / 1;\r\n background-color: transparent;\r\n height: 4px;\r\n cursor: ns-resize;\r\n\r\n &::after {\r\n content: \"\";\r\n width: 100%;\r\n position: absolute;\r\n top: 100%;\r\n bottom: 0;\r\n right: 0;\r\n left: 0;\r\n margin-top: -8px;\r\n cursor: ns-resize;\r\n height: 12px;\r\n }\r\n}\r\n\r\n.expanded {\r\n font-size: 24px;\r\n}\r\n\r\n.collapsed {\r\n height: auto !important;\r\n width: 200px !important;\r\n z-index: 3;\r\n font-size: 16px;\r\n}\r\n\r\n.collapsedHeader {\r\n grid-template-columns: calc(100% - 37px) 30px 7px;\r\n}\r\n"],"sourceRoot":""}]);
284
284
  // Exports
285
285
  ___CSS_LOADER_EXPORT___.locals = {
286
286
  "port-container": "---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__port-container",
@@ -301,7 +301,9 @@ ___CSS_LOADER_EXPORT___.locals = {
301
301
  "bottom-left-corner-handle": "---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__bottom-left-corner-handle",
302
302
  "top-handle": "---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__top-handle",
303
303
  "bottom-handle": "---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__bottom-handle",
304
- "collapsed": "---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__collapsed"
304
+ "expanded": "---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__expanded",
305
+ "collapsed": "---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__collapsed",
306
+ "collapsedHeader": "---------dev-sharedUiComponents-dist-nodeGraphSystem-graphFrame-modules__collapsedHeader"
305
307
  };
306
308
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
307
309
 
@@ -328,13 +330,11 @@ __webpack_require__.r(__webpack_exports__);
328
330
 
329
331
  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()));
330
332
  // Module
331
- ___CSS_LOADER_EXPORT___.push([module.id, ".\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__visual {\n z-index: 4;\n width: 200px;\n position: absolute;\n left: 0;\n top: 0;\n background: gray;\n border: 4px solid black;\n border-radius: 12px;\n display: grid;\n grid-template-rows: 30px auto;\n grid-template-columns: 100%;\n color: white;\n box-shadow: 7px 6px 2px rgba(0, 0, 0, 0.2); }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__header-container {\n grid-row: 1;\n grid-column: 1;\n display: grid;\n grid-template-columns: 1fr auto;\n grid-template-rows: 100%;\n border: 4px solid black;\n border-top-right-radius: 7px;\n border-top-left-radius: 7px;\n background: black;\n color: white;\n transform: scaleX(1.01) translateY(-0.5px);\n transform-origin: center; }\n .\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__header-container.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__constant {\n border-color: #464348;\n background: #464348; }\n .\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__header-container.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__inspector {\n border-color: #66491b;\n background: #66491b; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__headerIcon {\n grid-row: 1;\n grid-column: 2;\n z-index: 10;\n justify-self: end;\n align-self: center;\n margin-right: 5px;\n user-select: none;\n pointer-events: none;\n width: 20px;\n display: grid; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__header {\n grid-row: 1;\n grid-column: 1;\n font-size: 16px;\n text-align: center;\n margin-top: -1px;\n margin-left: -1px;\n margin-right: 20px;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__connections {\n grid-row: 2;\n grid-column: 1;\n display: grid;\n grid-template-columns: 50% 50%;\n transform: scale(1); }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__content {\n min-height: 20px;\n grid-row: 3;\n grid-column: 1; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__comments {\n position: absolute;\n top: -50px;\n width: 200px;\n height: 45px;\n overflow: hidden;\n font-style: italic;\n opacity: 0.8;\n display: grid;\n align-items: flex-end;\n pointer-events: none; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__selected {\n border-color: white !important; }\n", "",{"version":3,"sources":["webpack://./../../../dev/sharedUiComponents/dist/nodeGraphSystem/graphNode.modules.scss"],"names":[],"mappings":"AAAA;EACI,UAAU;EACV,YAAY;EACZ,kBAAkB;EAClB,OAAO;EACP,MAAM;EACN,gBAAgB;EAChB,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;EACb,6BAA6B;EAC7B,2BAA2B;EAC3B,YAAY;EACZ,0CAA0C,EAAA;;AAG9C;EACI,WAAW;EACX,cAAc;EACd,aAAa;EACb,+BAA+B;EAC/B,wBAAwB;EACxB,uBAAuB;EACvB,4BAA4B;EAC5B,2BAA2B;EAC3B,iBAAiB;EACjB,YAAY;EACZ,0CAA0C;EAC1C,wBAAwB,EAAA;EAZ5B;IAeQ,qBAAqB;IACrB,mBAAmB,EAAA;EAhB3B;IAoBQ,qBAAqB;IACrB,mBAAmB,EAAA;;AAI3B;EACI,WAAW;EACX,cAAc;EACd,WAAW;EACX,iBAAiB;EACjB,kBAAkB;EAClB,iBAAiB;EACjB,iBAAiB;EACjB,oBAAoB;EACpB,WAAW;EACX,aAAa,EAAA;;AAGjB;EACI,WAAW;EACX,cAAc;EACd,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,iBAAiB;EACjB,kBAAkB;EAClB,mBAAmB;EACnB,uBAAuB;EACvB,gBAAgB,EAAA;;AAGpB;EACI,WAAW;EACX,cAAc;EAEd,aAAa;EACb,8BAA8B;EAC9B,mBAAmB,EAAA;;AAGvB;EACI,gBAAgB;EAChB,WAAW;EACX,cAAc,EAAA;;AAGlB;EACI,kBAAkB;EAClB,UAAU;EACV,YAAY;EACZ,YAAY;EACZ,gBAAgB;EAChB,kBAAkB;EAClB,YAAY;EACZ,aAAa;EACb,qBAAqB;EACrB,oBAAoB,EAAA;;AAGxB;EACI,8BAA8B,EAAA","sourcesContent":[".visual {\r\n z-index: 4;\r\n width: 200px;\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n background: gray;\r\n border: 4px solid black;\r\n border-radius: 12px;\r\n display: grid;\r\n grid-template-rows: 30px auto;\r\n grid-template-columns: 100%;\r\n color: white;\r\n box-shadow: 7px 6px 2px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.header-container {\r\n grid-row: 1;\r\n grid-column: 1;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n grid-template-rows: 100%;\r\n border: 4px solid black;\r\n border-top-right-radius: 7px;\r\n border-top-left-radius: 7px;\r\n background: black;\r\n color: white;\r\n transform: scaleX(1.01) translateY(-0.5px);\r\n transform-origin: center;\r\n\r\n &.constant {\r\n border-color: #464348;\r\n background: #464348;\r\n }\r\n\r\n &.inspector {\r\n border-color: #66491b;\r\n background: #66491b;\r\n }\r\n}\r\n\r\n.headerIcon {\r\n grid-row: 1;\r\n grid-column: 2;\r\n z-index: 10;\r\n justify-self: end;\r\n align-self: center;\r\n margin-right: 5px;\r\n user-select: none;\r\n pointer-events: none;\r\n width: 20px;\r\n display: grid;\r\n}\r\n\r\n.header {\r\n grid-row: 1;\r\n grid-column: 1;\r\n font-size: 16px;\r\n text-align: center;\r\n margin-top: -1px;\r\n margin-left: -1px;\r\n margin-right: 20px;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n}\r\n\r\n.connections {\r\n grid-row: 2;\r\n grid-column: 1;\r\n\r\n display: grid;\r\n grid-template-columns: 50% 50%;\r\n transform: scale(1);\r\n}\r\n\r\n.content {\r\n min-height: 20px;\r\n grid-row: 3;\r\n grid-column: 1;\r\n}\r\n\r\n.comments {\r\n position: absolute;\r\n top: -50px;\r\n width: 200px;\r\n height: 45px;\r\n overflow: hidden;\r\n font-style: italic;\r\n opacity: 0.8;\r\n display: grid;\r\n align-items: flex-end;\r\n pointer-events: none;\r\n}\r\n\r\n.selected {\r\n border-color: white !important;\r\n}\r\n"],"sourceRoot":""}]);
333
+ ___CSS_LOADER_EXPORT___.push([module.id, ".\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__visual {\n z-index: 4;\n width: 200px;\n position: absolute;\n left: 0;\n top: 0;\n background: gray;\n border: 4px solid black;\n border-radius: 12px;\n display: grid;\n grid-template-rows: 30px auto;\n grid-template-columns: 100%;\n color: white;\n box-shadow: 7px 6px 2px rgba(0, 0, 0, 0.2); }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__header-container {\n grid-row: 1;\n grid-column: 1;\n position: relative;\n border: 4px solid black;\n border-top-right-radius: 7px;\n border-top-left-radius: 7px;\n background: black;\n color: white;\n transform: scaleX(1.01) translateY(-0.5px);\n transform-origin: center; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__headerIcon {\n position: absolute;\n right: 0px;\n top: 2px;\n z-index: 10;\n justify-self: end;\n align-self: center;\n margin-right: 5px;\n user-select: none;\n pointer-events: none;\n width: 20px;\n display: grid;\n margin-left: 5px; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__header {\n font-size: 16px;\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__connections {\n grid-row: 2;\n grid-column: 1;\n display: grid;\n grid-template-columns: 50% 50%;\n transform: scale(1); }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__content {\n min-height: 20px;\n grid-row: 3;\n grid-column: 1; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__comments {\n position: absolute;\n top: -50px;\n width: 200px;\n height: 45px;\n overflow: hidden;\n font-style: italic;\n opacity: 0.8;\n display: grid;\n align-items: flex-end;\n pointer-events: none; }\n\n.\\---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__selected {\n border-color: white !important; }\n", "",{"version":3,"sources":["webpack://./../../../dev/sharedUiComponents/dist/nodeGraphSystem/graphNode.modules.scss"],"names":[],"mappings":"AAAA;EACI,UAAU;EACV,YAAY;EACZ,kBAAkB;EAClB,OAAO;EACP,MAAM;EACN,gBAAgB;EAChB,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;EACb,6BAA6B;EAC7B,2BAA2B;EAC3B,YAAY;EACZ,0CAA0C,EAAA;;AAG9C;EACI,WAAW;EACX,cAAc;EACd,kBAAkB;EAClB,uBAAuB;EACvB,4BAA4B;EAC5B,2BAA2B;EAC3B,iBAAiB;EACjB,YAAY;EACZ,0CAA0C;EAC1C,wBAAwB,EAAA;;AAG5B;EACI,kBAAkB;EAClB,UAAU;EACV,QAAQ;EACR,WAAW;EACX,iBAAiB;EACjB,kBAAkB;EAClB,iBAAiB;EACjB,iBAAiB;EACjB,oBAAoB;EACpB,WAAW;EACX,aAAa;EACb,gBAAgB,EAAA;;AAGpB;EACI,eAAe;EACf,kBAAkB;EAClB,mBAAmB;EACnB,uBAAuB;EACvB,gBAAgB,EAAA;;AAGpB;EACI,WAAW;EACX,cAAc;EAEd,aAAa;EACb,8BAA8B;EAC9B,mBAAmB,EAAA;;AAGvB;EACI,gBAAgB;EAChB,WAAW;EACX,cAAc,EAAA;;AAGlB;EACI,kBAAkB;EAClB,UAAU;EACV,YAAY;EACZ,YAAY;EACZ,gBAAgB;EAChB,kBAAkB;EAClB,YAAY;EACZ,aAAa;EACb,qBAAqB;EACrB,oBAAoB,EAAA;;AAGxB;EACI,8BAA8B,EAAA","sourcesContent":[".visual {\r\n z-index: 4;\r\n width: 200px;\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n background: gray;\r\n border: 4px solid black;\r\n border-radius: 12px;\r\n display: grid;\r\n grid-template-rows: 30px auto;\r\n grid-template-columns: 100%;\r\n color: white;\r\n box-shadow: 7px 6px 2px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.header-container {\r\n grid-row: 1;\r\n grid-column: 1;\r\n position: relative;\r\n border: 4px solid black;\r\n border-top-right-radius: 7px;\r\n border-top-left-radius: 7px;\r\n background: black;\r\n color: white;\r\n transform: scaleX(1.01) translateY(-0.5px);\r\n transform-origin: center;\r\n}\r\n\r\n.headerIcon {\r\n position: absolute;\r\n right: 0px;\r\n top: 2px;\r\n z-index: 10;\r\n justify-self: end;\r\n align-self: center;\r\n margin-right: 5px;\r\n user-select: none;\r\n pointer-events: none;\r\n width: 20px;\r\n display: grid;\r\n margin-left: 5px;\r\n}\r\n\r\n.header {\r\n font-size: 16px;\r\n text-align: center;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n}\r\n\r\n.connections {\r\n grid-row: 2;\r\n grid-column: 1;\r\n\r\n display: grid;\r\n grid-template-columns: 50% 50%;\r\n transform: scale(1);\r\n}\r\n\r\n.content {\r\n min-height: 20px;\r\n grid-row: 3;\r\n grid-column: 1;\r\n}\r\n\r\n.comments {\r\n position: absolute;\r\n top: -50px;\r\n width: 200px;\r\n height: 45px;\r\n overflow: hidden;\r\n font-style: italic;\r\n opacity: 0.8;\r\n display: grid;\r\n align-items: flex-end;\r\n pointer-events: none;\r\n}\r\n\r\n.selected {\r\n border-color: white !important;\r\n}\r\n"],"sourceRoot":""}]);
332
334
  // Exports
333
335
  ___CSS_LOADER_EXPORT___.locals = {
334
336
  "visual": "---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__visual",
335
337
  "header-container": "---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__header-container",
336
- "constant": "---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__constant",
337
- "inspector": "---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__inspector",
338
338
  "headerIcon": "---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__headerIcon",
339
339
  "header": "---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__header",
340
340
  "connections": "---------dev-sharedUiComponents-dist-nodeGraphSystem-graphNode-modules__connections",
@@ -408,6 +408,36 @@ ___CSS_LOADER_EXPORT___.locals = {
408
408
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
409
409
 
410
410
 
411
+ /***/ }),
412
+
413
+ /***/ "../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../../tools/nodeEditor/dist/graphSystem/blockNodeData.modules.scss":
414
+ /*!**************************************************************************************************************************************************************************************************************************************!*\
415
+ !*** ../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../../tools/nodeEditor/dist/graphSystem/blockNodeData.modules.scss ***!
416
+ \**************************************************************************************************************************************************************************************************************************************/
417
+ /***/ ((module, __webpack_exports__, __webpack_require__) => {
418
+
419
+ "use strict";
420
+ __webpack_require__.r(__webpack_exports__);
421
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
422
+ /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
423
+ /* harmony export */ });
424
+ /* 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");
425
+ /* 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__);
426
+ /* 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");
427
+ /* 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__);
428
+ // Imports
429
+
430
+
431
+ 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()));
432
+ // Module
433
+ ___CSS_LOADER_EXPORT___.push([module.id, ".\\---------tools-nodeEditor-dist-graphSystem-blockNodeData-modules__hidden {\n display: none !important; }\n", "",{"version":3,"sources":["webpack://./../../../tools/nodeEditor/dist/graphSystem/blockNodeData.modules.scss"],"names":[],"mappings":"AAAA;EACI,wBAAwB,EAAA","sourcesContent":[".hidden {\r\n display: none !important;\r\n}\r\n"],"sourceRoot":""}]);
434
+ // Exports
435
+ ___CSS_LOADER_EXPORT___.locals = {
436
+ "hidden": "---------tools-nodeEditor-dist-graphSystem-blockNodeData-modules__hidden"
437
+ };
438
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
439
+
440
+
411
441
  /***/ }),
412
442
 
413
443
  /***/ "../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../../tools/nodeEditor/dist/graphSystem/display/clampDisplayManager.modules.scss":
@@ -647,7 +677,7 @@ __webpack_require__.r(__webpack_exports__);
647
677
 
648
678
  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()));
649
679
  // Module
650
- ___CSS_LOADER_EXPORT___.push([module.id, ".\\---------tools-nodeEditor-dist-graphSystem-display-textureDisplayManager-modules__regular-texture-block {\n margin-top: 60px; }\n\n.\\---------tools-nodeEditor-dist-graphSystem-display-textureDisplayManager-modules__reduced-texture-block {\n margin-top: 30px; }\n\n.\\---------tools-nodeEditor-dist-graphSystem-display-textureDisplayManager-modules__reflection-block {\n grid-row: 3; }\n", "",{"version":3,"sources":["webpack://./../../../tools/nodeEditor/dist/graphSystem/display/textureDisplayManager.modules.scss"],"names":[],"mappings":"AAAA;EACI,gBAAgB,EAAA;;AAGpB;EACI,gBAAgB,EAAA;;AAGpB;EACI,WAAW,EAAA","sourcesContent":[".regular-texture-block {\r\n margin-top: 60px;\r\n}\r\n\r\n.reduced-texture-block {\r\n margin-top: 30px;\r\n}\r\n\r\n.reflection-block {\r\n grid-row: 3;\r\n}\r\n"],"sourceRoot":""}]);
680
+ ___CSS_LOADER_EXPORT___.push([module.id, ".\\---------tools-nodeEditor-dist-graphSystem-display-textureDisplayManager-modules__regular-texture-block {\n margin-top: 60px; }\n\n.\\---------tools-nodeEditor-dist-graphSystem-display-textureDisplayManager-modules__reduced-texture-block {\n margin-top: 30px; }\n\n.\\---------tools-nodeEditor-dist-graphSystem-display-textureDisplayManager-modules__reflection-block {\n grid-row: 3 !important; }\n", "",{"version":3,"sources":["webpack://./../../../tools/nodeEditor/dist/graphSystem/display/textureDisplayManager.modules.scss"],"names":[],"mappings":"AAAA;EACI,gBAAgB,EAAA;;AAGpB;EACI,gBAAgB,EAAA;;AAGpB;EACI,sBAAsB,EAAA","sourcesContent":[".regular-texture-block {\r\n margin-top: 60px;\r\n}\r\n\r\n.reduced-texture-block {\r\n margin-top: 30px;\r\n}\r\n\r\n.reflection-block {\r\n grid-row: 3 !important;\r\n}\r\n"],"sourceRoot":""}]);
651
681
  // Exports
652
682
  ___CSS_LOADER_EXPORT___.locals = {
653
683
  "regular-texture-block": "---------tools-nodeEditor-dist-graphSystem-display-textureDisplayManager-modules__regular-texture-block",
@@ -63095,7 +63125,7 @@ class OptionsLineComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component
63095
63125
  constructor(props) {
63096
63126
  super(props);
63097
63127
  this._localChange = false;
63098
- this.state = { value: this._remapValueIn(this._getValue(props)) };
63128
+ this.state = { value: this._remapValueIn(this._getValue(props)), addCustom: false };
63099
63129
  }
63100
63130
  _remapValueIn(value) {
63101
63131
  return this.props.allowNullValue && value === null ? Null_Value : value;
@@ -63114,11 +63144,14 @@ class OptionsLineComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component
63114
63144
  this._localChange = false;
63115
63145
  return true;
63116
63146
  }
63117
- const newValue = this._remapValueIn(nextProps.extractValue ? nextProps.extractValue(this.props.target) : nextProps.target[nextProps.propertyName]);
63147
+ const newValue = this._remapValueIn(nextProps.extractValue ? nextProps.extractValue(nextProps.target) : nextProps.target[nextProps.propertyName]);
63118
63148
  if (newValue != null && newValue !== nextState.value) {
63119
63149
  nextState.value = newValue;
63120
63150
  return true;
63121
63151
  }
63152
+ if (this.props.options !== nextProps.options) {
63153
+ return true;
63154
+ }
63122
63155
  return false;
63123
63156
  }
63124
63157
  raiseOnPropertyChanged(newValue, previousValue) {
@@ -63137,23 +63170,64 @@ class OptionsLineComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component
63137
63170
  this.setState({ value: value });
63138
63171
  }
63139
63172
  updateValue(valueString) {
63140
- const value = this.props.valuesAreStrings ? valueString : parseInt(valueString);
63173
+ let value = this.props.valuesAreStrings ? valueString : parseInt(valueString);
63174
+ if (isNaN(Number(value))) {
63175
+ for (let i = 0; i < this.props.options.length; i++) {
63176
+ if (this.props.options.at(i)?.label === valueString) {
63177
+ value = Number(this.props.options.at(i)?.value);
63178
+ }
63179
+ }
63180
+ }
63181
+ if (value === 0 && this.props.fromFontDropdown) {
63182
+ this.setState({ addCustom: true });
63183
+ }
63141
63184
  this._localChange = true;
63142
63185
  const store = this.props.extractValue ? this.props.extractValue(this.props.target) : this.props.target[this.props.propertyName];
63143
63186
  if (!this.props.noDirectUpdate) {
63144
63187
  this.props.target[this.props.propertyName] = this._remapValueOut(value);
63145
63188
  }
63146
- this.setState({ value: value });
63147
- if (this.props.onSelect) {
63148
- this.props.onSelect(value);
63189
+ //selecting a regular option from font dropdown
63190
+ if (value != 0 && this.props.fromFontDropdown) {
63191
+ this.setState({ value: value });
63192
+ if (this.props.onSelect) {
63193
+ this.props.onSelect(value);
63194
+ }
63195
+ //selecting 'custom font' from font dropdown
63196
+ }
63197
+ else if (this.props.fromFontDropdown) {
63198
+ if (this.props.onSelect) {
63199
+ this.props.onSelect(this.state.value);
63200
+ }
63201
+ }
63202
+ //selecting from a dropdown that's not font dropdown
63203
+ else {
63204
+ this.setState({ value: value });
63205
+ if (this.props.onSelect) {
63206
+ this.props.onSelect(value);
63207
+ }
63149
63208
  }
63150
63209
  const newValue = this.props.extractValue ? this.props.extractValue(this.props.target) : this.props.target[this.props.propertyName];
63151
63210
  this.raiseOnPropertyChanged(newValue, store);
63152
63211
  }
63212
+ updateCustomValue() {
63213
+ this.setState({ addCustom: false });
63214
+ }
63153
63215
  render() {
63154
- return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: "listLine" + (this.props.className ? " " + this.props.className : ""), children: [this.props.icon && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, color: "black", className: "icon" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "label", title: this.props.label, children: this.props.label }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "options", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("select", { onChange: (evt) => this.updateValue(evt.target.value), value: this.state.value ?? "", children: this.props.options.map((option, i) => {
63216
+ return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: `listLine ${this.props.className ?? ""}`, children: [this.props.icon && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, color: "black", className: "icon" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "label", title: this.props.label, children: this.props.label }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "options", children: this.state.addCustom ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input", { type: "text", placeholder: "Enter a custom font here", onKeyDown: (event) => {
63217
+ event.key === "Enter" && this.props.addVal != undefined
63218
+ ? (this.props.addVal({ label: event.target.value, value: this.props.options.length + 1 }, Number(this.state.value)),
63219
+ this.updateCustomValue(),
63220
+ this.forceUpdate())
63221
+ : null;
63222
+ }, onBlur: (event) => {
63223
+ this.props.addVal != undefined
63224
+ ? (this.props.addVal({ label: event.target.value, value: this.props.options.length + 1 }, Number(this.state.value)),
63225
+ this.updateCustomValue(),
63226
+ this.forceUpdate())
63227
+ : null;
63228
+ } })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("select", { onChange: (evt) => this.updateValue(evt.target.value), value: this.state.value === -1 || this.state.value === null || this.state.value === undefined ? 1 : this.state.value, children: this.props.options.map((option, i) => {
63155
63229
  return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("option", { selected: option.selected, value: option.value, title: option.label, children: option.label }, option.label + i));
63156
- }) }) })] }));
63230
+ }) })) })] }));
63157
63231
  }
63158
63232
  }
63159
63233
 
@@ -65554,6 +65628,7 @@ class GraphFrame {
65554
65628
  this._borderElement = root.ownerDocument.createElement("div");
65555
65629
  this._borderElement.classList.add(_graphFrame_modules_scss__WEBPACK_IMPORTED_MODULE_3__["default"]["frame-box-border"]);
65556
65630
  this.element.appendChild(this._borderElement);
65631
+ this.element.classList.add(_graphFrame_modules_scss__WEBPACK_IMPORTED_MODULE_3__["default"].expanded);
65557
65632
  // add resizing side handles
65558
65633
  const rightHandle = root.ownerDocument.createElement("div");
65559
65634
  rightHandle.className = _graphFrame_modules_scss__WEBPACK_IMPORTED_MODULE_3__["default"]["right-handle"];
@@ -65933,12 +66008,16 @@ class GraphFrame {
65933
66008
  // Need to delegate the outside ports to the frame
65934
66009
  if (value) {
65935
66010
  this.element.classList.add(_graphFrame_modules_scss__WEBPACK_IMPORTED_MODULE_3__["default"].collapsed);
66011
+ this.element.classList.remove(_graphFrame_modules_scss__WEBPACK_IMPORTED_MODULE_3__["default"].expanded);
66012
+ this._headerElement.classList.add(_graphFrame_modules_scss__WEBPACK_IMPORTED_MODULE_3__["default"].collapsedHeader);
65936
66013
  this._moveFrame((this.width - this._collapsedWidth) / 2, 0);
65937
66014
  this._createFramePorts();
65938
66015
  this._markFramePortPositions();
65939
66016
  }
65940
66017
  else {
66018
+ this.element.classList.add(_graphFrame_modules_scss__WEBPACK_IMPORTED_MODULE_3__["default"].expanded);
65941
66019
  this.element.classList.remove(_graphFrame_modules_scss__WEBPACK_IMPORTED_MODULE_3__["default"].collapsed);
66020
+ this._headerElement.classList.remove(_graphFrame_modules_scss__WEBPACK_IMPORTED_MODULE_3__["default"].collapsedHeader);
65942
66021
  this._outputPortContainer.innerHTML = "";
65943
66022
  this._inputPortContainer.innerHTML = "";
65944
66023
  this._frameInPorts.forEach((p) => {
@@ -67031,7 +67110,23 @@ class NodeLink {
67031
67110
  }
67032
67111
  intersectsWith(rect) {
67033
67112
  const locatRect = this._path.getBoundingClientRect();
67034
- return rect.left < locatRect.right && rect.right > locatRect.left && rect.top < locatRect.bottom && rect.bottom > locatRect.top;
67113
+ if (rect.left > locatRect.right || rect.right < locatRect.left || rect.top > locatRect.bottom || rect.bottom < locatRect.top) {
67114
+ return false;
67115
+ }
67116
+ const svg = this._graphCanvas.svgCanvas;
67117
+ const rootRect = svg.getBoundingClientRect();
67118
+ const left = rect.x - rootRect.x;
67119
+ const top = rect.y - rootRect.y;
67120
+ const right = left + rect.width;
67121
+ const bottom = top + rect.height;
67122
+ const sampleRate = 10; // Checking 10 times on the path should be enough
67123
+ for (let index = 0; index < 1; index += 1 / sampleRate) {
67124
+ const point = this._path.getPointAtLength(index * this._path.getTotalLength());
67125
+ if (left < point.x && right > point.x && top < point.y && bottom > point.y) {
67126
+ return true;
67127
+ }
67128
+ }
67129
+ return false;
67035
67130
  }
67036
67131
  update(endX = 0, endY = 0, straight = false) {
67037
67132
  const rectA = this._portA.element.getBoundingClientRect();
@@ -70737,6 +70832,8 @@ __webpack_require__.r(__webpack_exports__);
70737
70832
  /* harmony import */ var _connectionPointPortData__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./connectionPointPortData */ "../../../tools/nodeEditor/dist/graphSystem/connectionPointPortData.js");
70738
70833
  /* harmony import */ var _imgs_triangle_svg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../imgs/triangle.svg */ "../../../tools/nodeEditor/dist/imgs/triangle.svg");
70739
70834
  /* harmony import */ var _imgs_square_svg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../imgs/square.svg */ "../../../tools/nodeEditor/dist/imgs/square.svg");
70835
+ /* harmony import */ var _blockNodeData_modules_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./blockNodeData.modules.scss */ "../../../tools/nodeEditor/dist/graphSystem/blockNodeData.modules.scss");
70836
+
70740
70837
 
70741
70838
 
70742
70839
 
@@ -70799,22 +70896,20 @@ class BlockNodeData {
70799
70896
  }
70800
70897
  prepareHeaderIcon(iconDiv, img) {
70801
70898
  if (this.data.getClassName() === "ElbowBlock") {
70802
- iconDiv.classList.remove("visible");
70899
+ iconDiv.classList.add(_blockNodeData_modules_scss__WEBPACK_IMPORTED_MODULE_4__["default"].hidden);
70803
70900
  return;
70804
70901
  }
70805
70902
  if (this.data.target === core_Materials_Node_Enums_nodeMaterialBlockTargets__WEBPACK_IMPORTED_MODULE_0__.NodeMaterialBlockTargets.Fragment) {
70806
- iconDiv.classList.add("visible");
70807
70903
  iconDiv.title = "In the fragment shader";
70808
70904
  img.src = _imgs_square_svg__WEBPACK_IMPORTED_MODULE_3__;
70809
70905
  return;
70810
70906
  }
70811
70907
  if (this.data.target === core_Materials_Node_Enums_nodeMaterialBlockTargets__WEBPACK_IMPORTED_MODULE_0__.NodeMaterialBlockTargets.Vertex) {
70812
- iconDiv.classList.add("visible");
70813
70908
  iconDiv.title = "In the vertex shader";
70814
70909
  img.src = _imgs_triangle_svg__WEBPACK_IMPORTED_MODULE_2__;
70815
70910
  return;
70816
70911
  }
70817
- iconDiv.classList.remove("visible");
70912
+ iconDiv.classList.add(_blockNodeData_modules_scss__WEBPACK_IMPORTED_MODULE_4__["default"].hidden);
70818
70913
  }
70819
70914
  }
70820
70915
 
@@ -74891,6 +74986,61 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
74891
74986
  /* 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_nodePort_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_nodePort_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_nodePort_modules_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
74892
74987
 
74893
74988
 
74989
+ /***/ }),
74990
+
74991
+ /***/ "../../../tools/nodeEditor/dist/graphSystem/blockNodeData.modules.scss":
74992
+ /*!*****************************************************************************!*\
74993
+ !*** ../../../tools/nodeEditor/dist/graphSystem/blockNodeData.modules.scss ***!
74994
+ \*****************************************************************************/
74995
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
74996
+
74997
+ "use strict";
74998
+ __webpack_require__.r(__webpack_exports__);
74999
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
75000
+ /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
75001
+ /* harmony export */ });
75002
+ /* 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");
75003
+ /* 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__);
75004
+ /* 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");
75005
+ /* 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__);
75006
+ /* 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");
75007
+ /* 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__);
75008
+ /* 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");
75009
+ /* 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__);
75010
+ /* 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");
75011
+ /* 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__);
75012
+ /* 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");
75013
+ /* 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__);
75014
+ /* 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_blockNodeData_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]!./blockNodeData.modules.scss */ "../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../../tools/nodeEditor/dist/graphSystem/blockNodeData.modules.scss");
75015
+
75016
+
75017
+
75018
+
75019
+
75020
+
75021
+
75022
+
75023
+
75024
+
75025
+
75026
+ var options = {};
75027
+
75028
+ options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
75029
+ options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
75030
+
75031
+ options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
75032
+
75033
+ options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
75034
+ options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
75035
+
75036
+ 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_blockNodeData_modules_scss__WEBPACK_IMPORTED_MODULE_6__["default"], options);
75037
+
75038
+
75039
+
75040
+
75041
+ /* 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_blockNodeData_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_blockNodeData_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_blockNodeData_modules_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
75042
+
75043
+
74894
75044
  /***/ }),
74895
75045
 
74896
75046
  /***/ "../../../tools/nodeEditor/dist/graphSystem/display/clampDisplayManager.modules.scss":