@babylonjs/node-editor 5.8.2 → 5.9.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,7 +171,7 @@ __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 #node-editor-graph-root .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 #node-editor-graph-root .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 #node-editor-graph-root .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 #node-editor-graph-root .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 #node-editor-graph-root .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 #node-editor-graph-root .dialog-container .dialog .dialog-buttons .dialog-button-ok:hover {\n opacity: 0.8; }\n #node-editor-graph-root .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 .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}\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\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":""}]);
|
|
175
175
|
// Exports
|
|
176
176
|
___CSS_LOADER_EXPORT___.locals = {};
|
|
177
177
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|