@babylonjs/node-editor 5.20.0 → 5.21.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.
|
@@ -171,12 +171,47 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
171
171
|
|
|
172
172
|
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()));
|
|
173
173
|
// Module
|
|
174
|
-
___CSS_LOADER_EXPORT___.push([module.id, "#node-editor-graph-root {\n display: grid;\n grid-template-rows: calc(100% - 120px) 120px;\n height: 100%;\n width: 100%;\n background: #464646;\n font: 14px \"acumin-pro\"; }\n #node-editor-graph-root.popup {\n grid-template-columns: 100%;\n overflow: hidden; }\n #node-editor-graph-root .wait-screen {\n display: grid;\n justify-content: center;\n align-content: center;\n height: 100%;\n width: 100%;\n background: #464646;\n opacity: 0.95;\n color: white;\n font: 24px \"acumin-pro\";\n position: absolute;\n top: 0;\n left: 0; }\n #node-editor-graph-root .wait-screen.hidden {\n visibility: hidden; }\n #node-editor-graph-root #nodeList {\n grid-row: 1 / span 2;\n grid-column: 1; }\n #node-editor-graph-root #leftGrab {\n grid-row: 1 / span 2;\n grid-column: 2;\n cursor: ew-resize; }\n #node-editor-graph-root #rightGrab {\n grid-row: 1 / span 2;\n grid-column: 4;\n cursor: ew-resize; }\n #node-editor-graph-root .diagram-container {\n grid-row: 1;\n grid-column: 3;\n background: #5f5b60;\n width: 100%;\n height: 100%; }\n #node-editor-graph-root .diagram-container .diagram {\n display: none;\n width: 100%;\n height: 100%; }\n #node-editor-graph-root .right-panel {\n grid-row: 1 / span 2;\n grid-column: 5;\n display: grid;\n grid-template-rows: 1fr 40px auto 40px;\n grid-template-columns: 100%;\n height: 100%;\n overflow-y: auto; }\n #node-editor-graph-root #propertyTab {\n grid-row: 1;\n grid-column: 1; }\n #node-editor-graph-root .button {\n display: grid;\n justify-content: center;\n align-content: center;\n height: auto;\n width: calc(100% / 7);\n cursor: pointer; }\n #node-editor-graph-root .button:hover {\n background: #337ab7;\n color: white;\n opacity: 0.8; }\n #node-editor-graph-root .button.selected {\n background: #337ab7;\n color: white; }\n #node-editor-graph-root .button.align {\n justify-content: stretch;\n text-align: center; }\n #node-editor-graph-root #preview-mesh-bar {\n grid-row: 2;\n grid-column: 1;\n display: grid;\n grid-template-columns: auto 1fr 40px 40px 40px;\n align-items: center;\n font-size: 18px;\n background-color: #555555; }\n #node-editor-graph-root #preview-mesh-bar #file-picker {\n display: none; }\n #node-editor-graph-root #preview-mesh-bar .listLine {\n grid-column: 1;\n height: 40px;\n display: grid;\n grid-template-columns: 0px 1fr; }\n #node-editor-graph-root #preview-mesh-bar .listLine .label {\n grid-column: 1;\n display: flex;\n align-items: center;\n font-size: 14px; }\n #node-editor-graph-root #preview-mesh-bar .listLine .options {\n grid-column: 2;\n display: flex;\n align-items: center;\n margin-left: 5px; }\n #node-editor-graph-root #preview-mesh-bar .listLine .options select {\n width: 115px; }\n #node-editor-graph-root #preview-mesh-bar .button {\n color: #ffffff;\n width: 40px;\n height: 40px;\n transform-origin: 50% 50%; }\n #node-editor-graph-root #preview-mesh-bar .button:active {\n transform: scale(0.9); }\n #node-editor-graph-root #preview-mesh-bar .button:hover {\n background: #3f3461; }\n #node-editor-graph-root #preview-mesh-bar .button.selected {\n background: #9379e6; }\n #node-editor-graph-root #preview-mesh-bar .button img {\n height: 24px;\n width: 24px; }\n #node-editor-graph-root #preview-mesh-bar #play-button {\n grid-column: 3; }\n #node-editor-graph-root #preview-mesh-bar #color-picker-button {\n grid-column: 4;\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: 100%; }\n #node-editor-graph-root #preview-mesh-bar #color-picker-button img {\n height: 24px;\n width: 24px; }\n #node-editor-graph-root #preview-mesh-bar #color-picker-button #color-picker-image {\n padding-left: 7px;\n padding-bottom: 38px; }\n #node-editor-graph-root #preview-mesh-bar #color-picker-button #color-picker {\n transform: scale(0);\n grid-column: 1;\n grid-row: 1; }\n #node-editor-graph-root #preview-mesh-bar #color-picker-button #color-picker-label {\n width: 100%;\n background: transparent;\n cursor: pointer; }\n #node-editor-graph-root #preview-mesh-bar #preview-new-window {\n grid-column: 5; }\n #node-editor-graph-root #preview-mesh-bar select {\n background-color: #a3a3a3;\n color: #333333; }\n #node-editor-graph-root #preview-config-bar {\n grid-row: 4;\n grid-column: 1;\n display: grid;\n grid-template-columns: 40px 40px 40px 1fr 40px 40px;\n color: white;\n align-items: center;\n font-size: 18px; }\n #node-editor-graph-root #preview-config-bar.extended {\n grid-template-columns: 1fr; }\n #node-editor-graph-root #preview-config-bar .listLine {\n padding-left: 5px;\n height: 30px;\n display: grid;\n grid-template-columns: 1fr auto; }\n #node-editor-graph-root #preview-config-bar .listLine .label {\n grid-column: 1;\n display: flex;\n align-items: center;\n font-size: 14px; }\n #node-editor-graph-root #preview-config-bar .listLine .options {\n grid-column: 2;\n display: flex;\n align-items: center;\n margin-right: 5px; }\n #node-editor-graph-root #preview-config-bar .listLine .options select {\n width: 115px; }\n #node-editor-graph-root #preview-config-bar .button {\n width: 40px;\n grid-row: 1;\n height: 40px;\n transform-origin: 50% 50%; }\n #node-editor-graph-root #preview-config-bar .button:hover {\n background: #3f3461; }\n #node-editor-graph-root #preview-config-bar .button.selected {\n background: #9379e6; }\n #node-editor-graph-root #preview-config-bar .button:active {\n transform: scale(0.9); }\n #node-editor-graph-root #preview-config-bar .button img {\n height: auto;\n width: 100%; }\n #node-editor-graph-root #preview-config-bar .button.back-face {\n grid-column: 6; }\n #node-editor-graph-root #preview-config-bar .button.depth-pass {\n grid-column: 5 / 6; }\n #node-editor-graph-root #preview-config-bar .button.hemispheric-light {\n grid-column: 3 / 4; }\n #node-editor-graph-root #preview-config-bar .button.direction-light-1 {\n grid-column: 2 / 3; }\n #node-editor-graph-root #preview-config-bar .button.direction-light-0 {\n grid-column: 1 / 2; }\n #node-editor-graph-root #preview {\n border-top: 1px solid #555555;\n grid-row: 3;\n grid-column: 1;\n width: 100%;\n display: grid;\n outline: 0 !important;\n padding: 0 !important;\n user-select: none;\n overflow: hidden; }\n #node-editor-graph-root #preview #preview-canvas {\n width: 100%;\n height: 100%;\n outline: 0 !important;\n padding: 0 !important;\n grid-row: 1;\n grid-column: 1; }\n #node-editor-graph-root #preview .waitPanel {\n width: 100%;\n height: 100%;\n grid-row: 1;\n grid-column: 1;\n color: white;\n font-size: 18px;\n align-content: center;\n justify-content: center;\n background: rgba(20, 20, 20, 0.95);\n z-index: 10;\n display: grid;\n transition: opacity 250ms; }\n #node-editor-graph-root #preview .waitPanel.hidden {\n opacity: 0;\n pointer-events: none; }\n #node-editor-graph-root .blocker {\n visibility: hidden;\n position: absolute;\n width: calc(100% - 40px);\n height: 100%;\n top: 0;\n left: 0;\n background: rgba(20, 20, 20, 0.95);\n font-family: \"acumin-pro\";\n color: white;\n font-size: 24px;\n display: grid;\n align-content: center;\n justify-content: center;\n user-select: none;\n padding: 20px;\n text-align: center; }\n #node-editor-graph-root #log-console {\n grid-row: 2;\n grid-column: 3; }\n\n.dialog-container {\n position: absolute;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.6);\n display: grid;\n font-family: \"acumin-pro\";\n top: 0; }\n .dialog-container .dialog {\n align-self: center;\n justify-self: center;\n min-height: 140px;\n max-width: 400px;\n border-radius: 10px;\n background: white;\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: calc(100% - 50px) 50px; }\n .dialog-container .dialog .dialog-message {\n grid-row: 1;\n grid-column: 1;\n margin-top: 20px;\n padding: 10px;\n font-size: 18px;\n color: black; }\n .dialog-container .dialog .dialog-buttons {\n grid-row: 2;\n grid-column: 1;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 100%;\n color: white; }\n .dialog-container .dialog .dialog-buttons .dialog-button-ok {\n cursor: pointer;\n justify-self: center;\n background: green;\n min-width: 80px;\n justify-content: center;\n display: grid;\n align-content: center;\n align-self: center;\n height: 35px;\n border-radius: 10px; }\n .dialog-container .dialog .dialog-buttons .dialog-button-ok:hover {\n opacity: 0.8; }\n .dialog-container .dialog .dialog-buttons .dialog-button-ok.error {\n background: red; }\n", "",{"version":3,"sources":["webpack://./../../../tools/nodeEditor/dist/main.scss"],"names":[],"mappings":"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","sourcesContent":["#node-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: #5f5b60;\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, 122, 183);\r\n color: white;\r\n opacity: 0.8;\r\n }\r\n\r\n &.selected {\r\n background: rgb(51, 122, 183);\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: 40px 40px 40px 1fr 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 &.back-face {\r\n grid-column: 6;\r\n }\r\n\r\n &.depth-pass {\r\n grid-column: 5 / 6;\r\n }\r\n\r\n &.hemispheric-light {\r\n grid-column: 3 / 4;\r\n }\r\n &.direction-light-1 {\r\n grid-column: 2 / 3;\r\n }\r\n &.direction-light-0 {\r\n grid-column: 1 / 2;\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 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\r\n.dialog-container {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0.1, 0.1, 0.1, 0.6);\r\n display: grid;\r\n font-family: \"acumin-pro\";\r\n top: 0;\r\n\r\n .dialog {\r\n align-self: center;\r\n justify-self: center;\r\n min-height: 140px;\r\n max-width: 400px;\r\n border-radius: 10px;\r\n background: white;\r\n\r\n display: grid;\r\n grid-template-columns: 100%;\r\n grid-template-rows: calc(100% - 50px) 50px;\r\n\r\n .dialog-message {\r\n grid-row: 1;\r\n grid-column: 1;\r\n margin-top: 20px;\r\n padding: 10px;\r\n font-size: 18px;\r\n color: black;\r\n }\r\n\r\n .dialog-buttons {\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: 100%;\r\n color: white;\r\n\r\n .dialog-button-ok {\r\n cursor: pointer;\r\n justify-self: center;\r\n background: green;\r\n min-width: 80px;\r\n justify-content: center;\r\n display: grid;\r\n align-content: center;\r\n align-self: center;\r\n height: 35px;\r\n border-radius: 10px;\r\n\r\n &:hover {\r\n opacity: 0.8;\r\n }\r\n\r\n &.error {\r\n background: red;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n"],"sourceRoot":""}]);
|
|
174
|
+
___CSS_LOADER_EXPORT___.push([module.id, "#node-editor-graph-root {\n display: grid;\n grid-template-rows: calc(100% - 120px) 120px;\n height: 100%;\n width: 100%;\n background: #464646;\n font: 14px \"acumin-pro\"; }\n #node-editor-graph-root.popup {\n grid-template-columns: 100%;\n overflow: hidden; }\n #node-editor-graph-root .wait-screen {\n display: grid;\n justify-content: center;\n align-content: center;\n height: 100%;\n width: 100%;\n background: #464646;\n opacity: 0.95;\n color: white;\n font: 24px \"acumin-pro\";\n position: absolute;\n top: 0;\n left: 0; }\n #node-editor-graph-root .wait-screen.hidden {\n visibility: hidden; }\n #node-editor-graph-root #nodeList {\n grid-row: 1 / span 2;\n grid-column: 1; }\n #node-editor-graph-root #leftGrab {\n grid-row: 1 / span 2;\n grid-column: 2;\n cursor: ew-resize; }\n #node-editor-graph-root #rightGrab {\n grid-row: 1 / span 2;\n grid-column: 4;\n cursor: ew-resize; }\n #node-editor-graph-root .diagram-container {\n grid-row: 1;\n grid-column: 3;\n background: #5f5b60;\n width: 100%;\n height: 100%; }\n #node-editor-graph-root .diagram-container .diagram {\n display: none;\n width: 100%;\n height: 100%; }\n #node-editor-graph-root .right-panel {\n grid-row: 1 / span 2;\n grid-column: 5;\n display: grid;\n grid-template-rows: 1fr 40px auto 40px;\n grid-template-columns: 100%;\n height: 100%;\n overflow-y: auto; }\n #node-editor-graph-root #propertyTab {\n grid-row: 1;\n grid-column: 1; }\n #node-editor-graph-root .button {\n display: grid;\n justify-content: center;\n align-content: center;\n height: auto;\n width: calc(100% / 7);\n cursor: pointer; }\n #node-editor-graph-root .button:hover {\n background: #337ab7;\n color: white;\n opacity: 0.8; }\n #node-editor-graph-root .button.selected {\n background: #337ab7;\n color: white; }\n #node-editor-graph-root .button.align {\n justify-content: stretch;\n text-align: center; }\n #node-editor-graph-root #preview-mesh-bar {\n grid-row: 2;\n grid-column: 1;\n display: grid;\n grid-template-columns: auto 1fr 40px 40px 40px;\n align-items: center;\n font-size: 18px;\n background-color: #555555; }\n #node-editor-graph-root #preview-mesh-bar #file-picker {\n display: none; }\n #node-editor-graph-root #preview-mesh-bar .listLine {\n grid-column: 1;\n height: 40px;\n display: grid;\n grid-template-columns: 0px 1fr; }\n #node-editor-graph-root #preview-mesh-bar .listLine .label {\n grid-column: 1;\n display: flex;\n align-items: center;\n font-size: 14px; }\n #node-editor-graph-root #preview-mesh-bar .listLine .options {\n grid-column: 2;\n display: flex;\n align-items: center;\n margin-left: 5px; }\n #node-editor-graph-root #preview-mesh-bar .listLine .options select {\n width: 115px; }\n #node-editor-graph-root #preview-mesh-bar .button {\n color: #ffffff;\n width: 40px;\n height: 40px;\n transform-origin: 50% 50%; }\n #node-editor-graph-root #preview-mesh-bar .button:active {\n transform: scale(0.9); }\n #node-editor-graph-root #preview-mesh-bar .button:hover {\n background: #3f3461; }\n #node-editor-graph-root #preview-mesh-bar .button.selected {\n background: #9379e6; }\n #node-editor-graph-root #preview-mesh-bar .button img {\n height: 24px;\n width: 24px; }\n #node-editor-graph-root #preview-mesh-bar #play-button {\n grid-column: 3; }\n #node-editor-graph-root #preview-mesh-bar #color-picker-button {\n grid-column: 4;\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: 100%; }\n #node-editor-graph-root #preview-mesh-bar #color-picker-button img {\n height: 24px;\n width: 24px; }\n #node-editor-graph-root #preview-mesh-bar #color-picker-button #color-picker-image {\n padding-left: 7px;\n padding-bottom: 38px; }\n #node-editor-graph-root #preview-mesh-bar #color-picker-button #color-picker {\n transform: scale(0);\n grid-column: 1;\n grid-row: 1; }\n #node-editor-graph-root #preview-mesh-bar #color-picker-button #color-picker-label {\n width: 100%;\n background: transparent;\n cursor: pointer; }\n #node-editor-graph-root #preview-mesh-bar #preview-new-window {\n grid-column: 5; }\n #node-editor-graph-root #preview-mesh-bar select {\n background-color: #a3a3a3;\n color: #333333; }\n #node-editor-graph-root #preview-config-bar {\n grid-row: 4;\n grid-column: 1;\n display: grid;\n grid-template-columns: 40px 40px 40px 1fr 40px 40px;\n color: white;\n align-items: center;\n font-size: 18px; }\n #node-editor-graph-root #preview-config-bar.extended {\n grid-template-columns: 1fr; }\n #node-editor-graph-root #preview-config-bar .listLine {\n padding-left: 5px;\n height: 30px;\n display: grid;\n grid-template-columns: 1fr auto; }\n #node-editor-graph-root #preview-config-bar .listLine .label {\n grid-column: 1;\n display: flex;\n align-items: center;\n font-size: 14px; }\n #node-editor-graph-root #preview-config-bar .listLine .options {\n grid-column: 2;\n display: flex;\n align-items: center;\n margin-right: 5px; }\n #node-editor-graph-root #preview-config-bar .listLine .options select {\n width: 115px; }\n #node-editor-graph-root #preview-config-bar .button {\n width: 40px;\n grid-row: 1;\n height: 40px;\n transform-origin: 50% 50%; }\n #node-editor-graph-root #preview-config-bar .button:hover {\n background: #3f3461; }\n #node-editor-graph-root #preview-config-bar .button.selected {\n background: #9379e6; }\n #node-editor-graph-root #preview-config-bar .button:active {\n transform: scale(0.9); }\n #node-editor-graph-root #preview-config-bar .button img {\n height: auto;\n width: 100%; }\n #node-editor-graph-root #preview-config-bar .button.back-face {\n grid-column: 6; }\n #node-editor-graph-root #preview-config-bar .button.depth-pass {\n grid-column: 5 / 6; }\n #node-editor-graph-root #preview-config-bar .button.hemispheric-light {\n grid-column: 3 / 4; }\n #node-editor-graph-root #preview-config-bar .button.direction-light-1 {\n grid-column: 2 / 3; }\n #node-editor-graph-root #preview-config-bar .button.direction-light-0 {\n grid-column: 1 / 2; }\n #node-editor-graph-root #preview {\n border-top: 1px solid #555555;\n grid-row: 3;\n grid-column: 1;\n width: 100%;\n display: grid;\n outline: 0 !important;\n padding: 0 !important;\n user-select: none;\n overflow: hidden; }\n #node-editor-graph-root #preview #preview-canvas {\n width: 100%;\n height: 100%;\n outline: 0 !important;\n padding: 0 !important;\n grid-row: 1;\n grid-column: 1; }\n #node-editor-graph-root #preview .waitPanel {\n width: 100%;\n height: 100%;\n grid-row: 1;\n grid-column: 1;\n color: white;\n font-size: 18px;\n align-content: center;\n justify-content: center;\n background: rgba(20, 20, 20, 0.95);\n z-index: 10;\n display: grid;\n transition: opacity 250ms; }\n #node-editor-graph-root #preview .waitPanel.hidden {\n opacity: 0;\n pointer-events: none; }\n #node-editor-graph-root .blocker {\n visibility: hidden;\n position: absolute;\n width: calc(100% - 40px);\n height: 100%;\n top: 0;\n left: 0;\n background: rgba(20, 20, 20, 0.95);\n font-family: \"acumin-pro\";\n color: white;\n font-size: 24px;\n display: grid;\n align-content: center;\n justify-content: center;\n user-select: none;\n padding: 20px;\n text-align: center; }\n #node-editor-graph-root #log-console {\n grid-row: 2;\n grid-column: 3; }\n", "",{"version":3,"sources":["webpack://./../../../tools/nodeEditor/dist/main.scss"],"names":[],"mappings":"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","sourcesContent":["#node-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: #5f5b60;\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, 122, 183);\r\n color: white;\r\n opacity: 0.8;\r\n }\r\n\r\n &.selected {\r\n background: rgb(51, 122, 183);\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: 40px 40px 40px 1fr 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 &.back-face {\r\n grid-column: 6;\r\n }\r\n\r\n &.depth-pass {\r\n grid-column: 5 / 6;\r\n }\r\n\r\n &.hemispheric-light {\r\n grid-column: 3 / 4;\r\n }\r\n &.direction-light-1 {\r\n grid-column: 2 / 3;\r\n }\r\n &.direction-light-0 {\r\n grid-column: 1 / 2;\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 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"],"sourceRoot":""}]);
|
|
175
175
|
// Exports
|
|
176
176
|
___CSS_LOADER_EXPORT___.locals = {};
|
|
177
177
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
178
178
|
|
|
179
179
|
|
|
180
|
+
/***/ }),
|
|
181
|
+
|
|
182
|
+
/***/ "../../../../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]!../../../dev/sharedUiComponents/dist/components/MessageDialog.modules.scss":
|
|
183
|
+
/*!*******************************************************************************************************************************************************************************************************************************************!*\
|
|
184
|
+
!*** ../../../../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]!../../../dev/sharedUiComponents/dist/components/MessageDialog.modules.scss ***!
|
|
185
|
+
\*******************************************************************************************************************************************************************************************************************************************/
|
|
186
|
+
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
|
187
|
+
|
|
188
|
+
"use strict";
|
|
189
|
+
__webpack_require__.r(__webpack_exports__);
|
|
190
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
191
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
192
|
+
/* harmony export */ });
|
|
193
|
+
/* 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");
|
|
194
|
+
/* 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__);
|
|
195
|
+
/* 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");
|
|
196
|
+
/* 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__);
|
|
197
|
+
// Imports
|
|
198
|
+
|
|
199
|
+
|
|
200
|
+
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()));
|
|
201
|
+
// Module
|
|
202
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".stbiu24JbUBfHNSSYhSR {\n position: absolute;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.6);\n display: grid;\n font-family: \"acumin-pro\";\n top: 0; }\n .stbiu24JbUBfHNSSYhSR .fCGAiNfXRhhXF8hQPpct {\n align-self: center;\n justify-self: center;\n min-height: 140px;\n max-width: 400px;\n border-radius: 10px;\n background: white;\n padding: 10px;\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: 1fr 50px; }\n .stbiu24JbUBfHNSSYhSR .fCGAiNfXRhhXF8hQPpct .yRrm4hWjzyu4RnCc412h {\n grid-row: 1;\n grid-column: 1;\n margin-top: 20px;\n padding: 10px;\n font-size: 18px;\n color: black; }\n .stbiu24JbUBfHNSSYhSR .fCGAiNfXRhhXF8hQPpct .c5hG_qW6gImPmY2mRXUf {\n grid-row: 2;\n grid-column: 1;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 100%;\n color: white; }\n .stbiu24JbUBfHNSSYhSR .fCGAiNfXRhhXF8hQPpct .c5hG_qW6gImPmY2mRXUf .TaDL8j02NlDZlEf6mraY {\n cursor: pointer;\n justify-self: center;\n background: green;\n min-width: 80px;\n justify-content: center;\n display: grid;\n align-content: center;\n align-self: center;\n height: 35px;\n border-radius: 10px; }\n .stbiu24JbUBfHNSSYhSR .fCGAiNfXRhhXF8hQPpct .c5hG_qW6gImPmY2mRXUf .TaDL8j02NlDZlEf6mraY:hover {\n opacity: 0.8; }\n .stbiu24JbUBfHNSSYhSR .fCGAiNfXRhhXF8hQPpct .c5hG_qW6gImPmY2mRXUf .TaDL8j02NlDZlEf6mraY.gWN6zWjwiaTlrWBw3gRR {\n background: red; }\n", "",{"version":3,"sources":["webpack://./../../../dev/sharedUiComponents/dist/components/MessageDialog.modules.scss"],"names":[],"mappings":"AAAA;EACI,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,8BAAoC;EACpC,aAAa;EACb,yBAAyB;EACzB,MAAM,EAAA;EAPV;IAUQ,kBAAkB;IAClB,oBAAoB;IACpB,iBAAiB;IACjB,gBAAgB;IAChB,mBAAmB;IACnB,iBAAiB;IACjB,aAAa;IAEb,aAAa;IACb,2BAA2B;IAC3B,4BAA4B,EAAA;IApBpC;MAuBY,WAAW;MACX,cAAc;MACd,gBAAgB;MAChB,aAAa;MACb,eAAe;MACf,YAAY,EAAA;IA5BxB;MAgCY,WAAW;MACX,cAAc;MACd,aAAa;MACb,wBAAwB;MACxB,2BAA2B;MAC3B,YAAY,EAAA;MArCxB;QAwCgB,eAAe;QACf,oBAAoB;QACpB,iBAAiB;QACjB,eAAe;QACf,uBAAuB;QACvB,aAAa;QACb,qBAAqB;QACrB,kBAAkB;QAClB,YAAY;QACZ,mBAAmB,EAAA;QAjDnC;UAoDoB,YAAY,EAAA;QApDhC;UAwDoB,eAAe,EAAA","sourcesContent":[":local .dialog-container {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0.1, 0.1, 0.1, 0.6);\r\n display: grid;\r\n font-family: \"acumin-pro\";\r\n top: 0;\r\n\r\n .dialog {\r\n align-self: center;\r\n justify-self: center;\r\n min-height: 140px;\r\n max-width: 400px;\r\n border-radius: 10px;\r\n background: white;\r\n padding: 10px;\r\n\r\n display: grid;\r\n grid-template-columns: 100%;\r\n grid-template-rows: 1fr 50px;\r\n\r\n .dialog-message {\r\n grid-row: 1;\r\n grid-column: 1;\r\n margin-top: 20px;\r\n padding: 10px;\r\n font-size: 18px;\r\n color: black;\r\n }\r\n\r\n .dialog-buttons {\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: 100%;\r\n color: white;\r\n\r\n .dialog-button-ok {\r\n cursor: pointer;\r\n justify-self: center;\r\n background: green;\r\n min-width: 80px;\r\n justify-content: center;\r\n display: grid;\r\n align-content: center;\r\n align-self: center;\r\n height: 35px;\r\n border-radius: 10px;\r\n\r\n &:hover {\r\n opacity: 0.8;\r\n }\r\n\r\n &.error {\r\n background: red;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n"],"sourceRoot":""}]);
|
|
203
|
+
// Exports
|
|
204
|
+
___CSS_LOADER_EXPORT___.locals = {
|
|
205
|
+
"dialog-container": "stbiu24JbUBfHNSSYhSR",
|
|
206
|
+
"dialog": "fCGAiNfXRhhXF8hQPpct",
|
|
207
|
+
"dialog-message": "yRrm4hWjzyu4RnCc412h",
|
|
208
|
+
"dialog-buttons": "c5hG_qW6gImPmY2mRXUf",
|
|
209
|
+
"dialog-button-ok": "TaDL8j02NlDZlEf6mraY",
|
|
210
|
+
"error": "gWN6zWjwiaTlrWBw3gRR"
|
|
211
|
+
};
|
|
212
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
213
|
+
|
|
214
|
+
|
|
180
215
|
/***/ }),
|
|
181
216
|
|
|
182
217
|
/***/ "../../../../node_modules/@fortawesome/fontawesome-svg-core/index.es.js":
|
|
@@ -61693,6 +61728,65 @@ class HexColor extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
|
|
|
61693
61728
|
}
|
|
61694
61729
|
|
|
61695
61730
|
|
|
61731
|
+
/***/ }),
|
|
61732
|
+
|
|
61733
|
+
/***/ "../../../dev/sharedUiComponents/dist/components/MessageDialog.js":
|
|
61734
|
+
/*!************************************************************************!*\
|
|
61735
|
+
!*** ../../../dev/sharedUiComponents/dist/components/MessageDialog.js ***!
|
|
61736
|
+
\************************************************************************/
|
|
61737
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
61738
|
+
|
|
61739
|
+
"use strict";
|
|
61740
|
+
__webpack_require__.r(__webpack_exports__);
|
|
61741
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
61742
|
+
/* harmony export */ "MessageDialog": () => (/* binding */ MessageDialog)
|
|
61743
|
+
/* harmony export */ });
|
|
61744
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "../../../../node_modules/react/jsx-runtime.js");
|
|
61745
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "../../../../node_modules/react/index.js");
|
|
61746
|
+
/* harmony import */ var _classNames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./classNames */ "../../../dev/sharedUiComponents/dist/components/classNames.js");
|
|
61747
|
+
/* harmony import */ var _MessageDialog_modules_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./MessageDialog.modules.scss */ "../../../dev/sharedUiComponents/dist/components/MessageDialog.modules.scss");
|
|
61748
|
+
|
|
61749
|
+
|
|
61750
|
+
|
|
61751
|
+
|
|
61752
|
+
const MessageDialog = (props) => {
|
|
61753
|
+
const [message, setMessage] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(props.message);
|
|
61754
|
+
const [isError, setIsError] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(props.isError);
|
|
61755
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
|
|
61756
|
+
setMessage(props.message);
|
|
61757
|
+
setIsError(props.isError);
|
|
61758
|
+
}, [props]);
|
|
61759
|
+
if (!message) {
|
|
61760
|
+
return null;
|
|
61761
|
+
}
|
|
61762
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", Object.assign({ className: (0,_classNames__WEBPACK_IMPORTED_MODULE_2__.ClassNames)({ "dialog-container": true }, _MessageDialog_modules_scss__WEBPACK_IMPORTED_MODULE_3__["default"]) }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", Object.assign({ className: (0,_classNames__WEBPACK_IMPORTED_MODULE_2__.ClassNames)({ dialog: true }, _MessageDialog_modules_scss__WEBPACK_IMPORTED_MODULE_3__["default"]) }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", Object.assign({ className: (0,_classNames__WEBPACK_IMPORTED_MODULE_2__.ClassNames)({ "dialog-message": true }, _MessageDialog_modules_scss__WEBPACK_IMPORTED_MODULE_3__["default"]) }, { children: message })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", Object.assign({ className: (0,_classNames__WEBPACK_IMPORTED_MODULE_2__.ClassNames)({ "dialog-buttons": true }, _MessageDialog_modules_scss__WEBPACK_IMPORTED_MODULE_3__["default"]) }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", Object.assign({ className: (0,_classNames__WEBPACK_IMPORTED_MODULE_2__.ClassNames)({ "dialog-button-ok": true, error: isError }, _MessageDialog_modules_scss__WEBPACK_IMPORTED_MODULE_3__["default"]), onClick: () => setMessage("") }, { children: "OK" })) }))] })) })));
|
|
61763
|
+
};
|
|
61764
|
+
|
|
61765
|
+
|
|
61766
|
+
/***/ }),
|
|
61767
|
+
|
|
61768
|
+
/***/ "../../../dev/sharedUiComponents/dist/components/classNames.js":
|
|
61769
|
+
/*!*********************************************************************!*\
|
|
61770
|
+
!*** ../../../dev/sharedUiComponents/dist/components/classNames.js ***!
|
|
61771
|
+
\*********************************************************************/
|
|
61772
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
61773
|
+
|
|
61774
|
+
"use strict";
|
|
61775
|
+
__webpack_require__.r(__webpack_exports__);
|
|
61776
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
61777
|
+
/* harmony export */ "ClassNames": () => (/* binding */ ClassNames)
|
|
61778
|
+
/* harmony export */ });
|
|
61779
|
+
function ClassNames(names, styleObject) {
|
|
61780
|
+
let string = "";
|
|
61781
|
+
for (const name in names) {
|
|
61782
|
+
if (names[name]) {
|
|
61783
|
+
string += styleObject[name] + " ";
|
|
61784
|
+
}
|
|
61785
|
+
}
|
|
61786
|
+
return string;
|
|
61787
|
+
}
|
|
61788
|
+
|
|
61789
|
+
|
|
61696
61790
|
/***/ }),
|
|
61697
61791
|
|
|
61698
61792
|
/***/ "../../../dev/sharedUiComponents/dist/lines/buttonLineComponent.js":
|
|
@@ -69589,7 +69683,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
69589
69683
|
/* harmony import */ var _components_propertyTab_propertyTabComponent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/propertyTab/propertyTabComponent */ "../../../tools/nodeEditor/dist/components/propertyTab/propertyTabComponent.js");
|
|
69590
69684
|
/* harmony import */ var _portal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./portal */ "../../../tools/nodeEditor/dist/portal.js");
|
|
69591
69685
|
/* harmony import */ var _components_log_logComponent__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/log/logComponent */ "../../../tools/nodeEditor/dist/components/log/logComponent.js");
|
|
69592
|
-
/* harmony import */ var
|
|
69686
|
+
/* 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");
|
|
69593
69687
|
/* harmony import */ var _blockTools__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./blockTools */ "../../../tools/nodeEditor/dist/blockTools.js");
|
|
69594
69688
|
/* harmony import */ var _components_preview_previewManager__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./components/preview/previewManager */ "../../../tools/nodeEditor/dist/components/preview/previewManager.js");
|
|
69595
69689
|
/* harmony import */ var _components_preview_previewMeshControlComponent__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./components/preview/previewMeshControlComponent */ "../../../tools/nodeEditor/dist/components/preview/previewMeshControlComponent.js");
|
|
@@ -69782,6 +69876,8 @@ class GraphEditor extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
|
|
|
69782
69876
|
};
|
|
69783
69877
|
this.state = {
|
|
69784
69878
|
showPreviewPopUp: false,
|
|
69879
|
+
message: "",
|
|
69880
|
+
isError: true,
|
|
69785
69881
|
};
|
|
69786
69882
|
this._graphCanvasRef = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
|
|
69787
69883
|
this._diagramContainerRef = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
|
|
@@ -69843,6 +69939,9 @@ class GraphEditor extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
|
|
|
69843
69939
|
return this.appendBlock(clone, false);
|
|
69844
69940
|
}, this.props.globalState.hostDocument.querySelector(".diagram-container"));
|
|
69845
69941
|
});
|
|
69942
|
+
this.props.globalState.stateManager.onErrorMessageDialogRequiredObservable.add((message) => {
|
|
69943
|
+
this.setState({ message: message, isError: true });
|
|
69944
|
+
});
|
|
69846
69945
|
}
|
|
69847
69946
|
appendBlock(dataToAppend, recursion = true) {
|
|
69848
69947
|
return this._graphCanvas.createNodeFromObject(dataToAppend instanceof core_Materials_Node_nodeMaterialBlock__WEBPACK_IMPORTED_MODULE_2__.NodeMaterialBlock ? shared_ui_components_nodeGraphSystem_typeLedger__WEBPACK_IMPORTED_MODULE_17__.TypeLedger.NodeDataBuilder(dataToAppend, this._graphCanvas) : dataToAppend, (block) => {
|
|
@@ -70082,7 +70181,7 @@ class GraphEditor extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
|
|
|
70082
70181
|
event.preventDefault();
|
|
70083
70182
|
} }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_nodeGraphSystem_graphCanvas__WEBPACK_IMPORTED_MODULE_16__.GraphCanvasComponent, { ref: this._graphCanvasRef, stateManager: this.props.globalState.stateManager, onEmitNewNode: (nodeData) => {
|
|
70084
70183
|
return this.appendBlock(nodeData.data);
|
|
70085
|
-
} }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { id: "rightGrab", onPointerDown: (evt) => this.onPointerDown(evt), onPointerUp: (evt) => this.onPointerUp(evt), onPointerMove: (evt) => this.resizeColumns(evt, false) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", Object.assign({ className: "right-panel" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_propertyTab_propertyTabComponent__WEBPACK_IMPORTED_MODULE_4__.PropertyTabComponent, { lockObject: this.props.globalState.lockObject, globalState: this.props.globalState }), !this.state.showPreviewPopUp ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_preview_previewMeshControlComponent__WEBPACK_IMPORTED_MODULE_10__.PreviewMeshControlComponent, { globalState: this.props.globalState, togglePreviewAreaComponent: this.handlePopUp }) : null, !this.state.showPreviewPopUp ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_preview_previewAreaComponent__WEBPACK_IMPORTED_MODULE_11__.PreviewAreaComponent, { globalState: this.props.globalState, width: this._rightWidth }) : null] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_log_logComponent__WEBPACK_IMPORTED_MODULE_6__.LogComponent, { globalState: this.props.globalState })] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
70184
|
+
} }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { id: "rightGrab", onPointerDown: (evt) => this.onPointerDown(evt), onPointerUp: (evt) => this.onPointerUp(evt), onPointerMove: (evt) => this.resizeColumns(evt, false) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", Object.assign({ className: "right-panel" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_propertyTab_propertyTabComponent__WEBPACK_IMPORTED_MODULE_4__.PropertyTabComponent, { lockObject: this.props.globalState.lockObject, globalState: this.props.globalState }), !this.state.showPreviewPopUp ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_preview_previewMeshControlComponent__WEBPACK_IMPORTED_MODULE_10__.PreviewMeshControlComponent, { globalState: this.props.globalState, togglePreviewAreaComponent: this.handlePopUp }) : null, !this.state.showPreviewPopUp ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_preview_previewAreaComponent__WEBPACK_IMPORTED_MODULE_11__.PreviewAreaComponent, { globalState: this.props.globalState, width: this._rightWidth }) : null] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_log_logComponent__WEBPACK_IMPORTED_MODULE_6__.LogComponent, { globalState: this.props.globalState })] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_components_MessageDialog__WEBPACK_IMPORTED_MODULE_7__.MessageDialog, { message: this.state.message, isError: this.state.isError }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", Object.assign({ className: "blocker" }, { children: "Node Material Editor runs only on desktop" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", Object.assign({ className: "wait-screen hidden" }, { children: "Processing...please wait" }))] })));
|
|
70086
70185
|
}
|
|
70087
70186
|
}
|
|
70088
70187
|
|
|
@@ -73334,40 +73433,6 @@ class LineWithFileButtonComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Com
|
|
|
73334
73433
|
}
|
|
73335
73434
|
|
|
73336
73435
|
|
|
73337
|
-
/***/ }),
|
|
73338
|
-
|
|
73339
|
-
/***/ "../../../tools/nodeEditor/dist/sharedComponents/messageDialog.js":
|
|
73340
|
-
/*!************************************************************************!*\
|
|
73341
|
-
!*** ../../../tools/nodeEditor/dist/sharedComponents/messageDialog.js ***!
|
|
73342
|
-
\************************************************************************/
|
|
73343
|
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
73344
|
-
|
|
73345
|
-
"use strict";
|
|
73346
|
-
__webpack_require__.r(__webpack_exports__);
|
|
73347
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
73348
|
-
/* harmony export */ "MessageDialogComponent": () => (/* binding */ MessageDialogComponent)
|
|
73349
|
-
/* harmony export */ });
|
|
73350
|
-
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "../../../../node_modules/react/jsx-runtime.js");
|
|
73351
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "../../../../node_modules/react/index.js");
|
|
73352
|
-
|
|
73353
|
-
|
|
73354
|
-
class MessageDialogComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
|
|
73355
|
-
constructor(props) {
|
|
73356
|
-
super(props);
|
|
73357
|
-
this.state = { message: "", isError: false };
|
|
73358
|
-
this.props.globalState.stateManager.onErrorMessageDialogRequiredObservable.add((message) => {
|
|
73359
|
-
this.setState({ message: message, isError: true });
|
|
73360
|
-
});
|
|
73361
|
-
}
|
|
73362
|
-
render() {
|
|
73363
|
-
if (!this.state.message) {
|
|
73364
|
-
return null;
|
|
73365
|
-
}
|
|
73366
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", Object.assign({ className: "dialog-container" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", Object.assign({ className: "dialog" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", Object.assign({ className: "dialog-message" }, { children: this.state.message })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", Object.assign({ className: "dialog-buttons" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", Object.assign({ className: "dialog-button-ok" + (this.state.isError ? " error" : ""), onClick: () => this.setState({ message: "" }) }, { children: "OK" })) }))] })) })));
|
|
73367
|
-
}
|
|
73368
|
-
}
|
|
73369
|
-
|
|
73370
|
-
|
|
73371
73436
|
/***/ }),
|
|
73372
73437
|
|
|
73373
73438
|
/***/ "../../../tools/nodeEditor/dist/sharedComponents/popup.js":
|
|
@@ -73933,6 +73998,61 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
|
|
|
73933
73998
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_3_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_3_use_2_main_scss__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_3_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_3_use_2_main_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_3_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_3_use_2_main_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
|
|
73934
73999
|
|
|
73935
74000
|
|
|
74001
|
+
/***/ }),
|
|
74002
|
+
|
|
74003
|
+
/***/ "../../../dev/sharedUiComponents/dist/components/MessageDialog.modules.scss":
|
|
74004
|
+
/*!**********************************************************************************!*\
|
|
74005
|
+
!*** ../../../dev/sharedUiComponents/dist/components/MessageDialog.modules.scss ***!
|
|
74006
|
+
\**********************************************************************************/
|
|
74007
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
74008
|
+
|
|
74009
|
+
"use strict";
|
|
74010
|
+
__webpack_require__.r(__webpack_exports__);
|
|
74011
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
74012
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
74013
|
+
/* harmony export */ });
|
|
74014
|
+
/* 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");
|
|
74015
|
+
/* 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__);
|
|
74016
|
+
/* 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");
|
|
74017
|
+
/* 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__);
|
|
74018
|
+
/* 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");
|
|
74019
|
+
/* 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__);
|
|
74020
|
+
/* 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");
|
|
74021
|
+
/* 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__);
|
|
74022
|
+
/* 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");
|
|
74023
|
+
/* 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__);
|
|
74024
|
+
/* 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");
|
|
74025
|
+
/* 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__);
|
|
74026
|
+
/* 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_MessageDialog_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]!./MessageDialog.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]!../../../dev/sharedUiComponents/dist/components/MessageDialog.modules.scss");
|
|
74027
|
+
|
|
74028
|
+
|
|
74029
|
+
|
|
74030
|
+
|
|
74031
|
+
|
|
74032
|
+
|
|
74033
|
+
|
|
74034
|
+
|
|
74035
|
+
|
|
74036
|
+
|
|
74037
|
+
|
|
74038
|
+
var options = {};
|
|
74039
|
+
|
|
74040
|
+
options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
|
|
74041
|
+
options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
|
|
74042
|
+
|
|
74043
|
+
options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
|
|
74044
|
+
|
|
74045
|
+
options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
|
|
74046
|
+
options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
|
|
74047
|
+
|
|
74048
|
+
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_MessageDialog_modules_scss__WEBPACK_IMPORTED_MODULE_6__["default"], options);
|
|
74049
|
+
|
|
74050
|
+
|
|
74051
|
+
|
|
74052
|
+
|
|
74053
|
+
/* 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_MessageDialog_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_MessageDialog_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_MessageDialog_modules_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
|
|
74054
|
+
|
|
74055
|
+
|
|
73936
74056
|
/***/ }),
|
|
73937
74057
|
|
|
73938
74058
|
/***/ "../../../dev/sharedUiComponents/dist/lines/copy.svg":
|