@babylonjs/gui-editor 5.53.0 → 5.54.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.
|
@@ -87,7 +87,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
87
87
|
|
|
88
88
|
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()));
|
|
89
89
|
// Module
|
|
90
|
-
___CSS_LOADER_EXPORT___.push([module.id, ":root {\n --backgroundGrey: #aaaaaa;\n --spacingHeight: 30px;\n --button: #333333;\n --buttonBackground: #ffffff;\n --buttonDisabledBackground: #c8c8c8;\n --buttonPressed: #ffffff;\n --buttonPressedBackground: #606060;\n --buttonHoverBackground: #afafaf; }\n\n#ge-propertyTab {\n user-select: none;\n color: black;\n background: #e2e2e2; }\n #ge-propertyTab * {\n font-family: \"acumin-pro-condensed\", sans-serif;\n font-size: 12px; }\n #ge-propertyTab #header {\n height: 32px;\n font-size: 16px;\n color: white;\n background: white;\n grid-row: 1;\n text-align: center;\n display: grid;\n grid-template-columns: 30px 1fr;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n #ge-propertyTab #header #logo {\n position: relative;\n grid-column: 1;\n width: 32px;\n height: 32px;\n left: 0;\n display: flex;\n align-self: center;\n justify-self: center;\n filter: invert(1); }\n #ge-propertyTab #header #title {\n background: white;\n color: black;\n grid-column: 2;\n display: grid;\n align-items: center;\n text-align: center; }\n #ge-propertyTab .range {\n -webkit-appearance: none;\n width: 100%;\n height: 2px;\n background: #bcbcbc;\n border-radius: 5px;\n outline: none;\n opacity: 0.7;\n -webkit-transition: 0.2s;\n transition: opacity 0.2s;\n padding: 0; }\n #ge-propertyTab .range:hover {\n opacity: 1; }\n #ge-propertyTab .range::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: #e2e2e2;\n border: solid;\n border-width: thin;\n cursor: pointer; }\n #ge-propertyTab .range::-moz-range-thumb {\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: black;\n cursor: pointer; }\n #ge-propertyTab input[type=\"color\"] {\n -webkit-appearance: none;\n border: 1px solid rgba(255, 255, 255, 0.5);\n padding: 0;\n width: 30px;\n height: 20px; }\n #ge-propertyTab input[type=\"color\"]::-webkit-color-swatch-wrapper {\n padding: 0; }\n #ge-propertyTab input[type=\"color\"]::-webkit-color-swatch {\n border: none; }\n #ge-propertyTab hr {\n border: 1px solid #d0cece; }\n #ge-propertyTab .icon {\n width: 30px;\n height: 30px; }\n #ge-propertyTab .unit {\n width: 26px;\n height: 26px;\n color: var(--button);\n background-color: var(--buttonBackground);\n border: none;\n margin-top: 2px;\n cursor: pointer;\n margin-left: 2px;\n font-family: \"atten-round-new\", sans-serif;\n font-weight: 500;\n font-style: normal;\n display: flex;\n justify-content: center;\n align-items: center; }\n #ge-propertyTab .unit:disabled {\n background-color: var(--buttonDisabledBackground);\n cursor: not-allowed; }\n #ge-propertyTab .unit:not(:disabled):hover {\n background-color: var(--buttonHoverBackground); }\n #ge-propertyTab .unit:not(:disabled):active {\n color: var(--buttonPressed);\n background-color: var(--buttonPressedBackground); }\n #ge-propertyTab input,\n #ge-propertyTab select {\n outline-style: solid;\n outline-width: 0px;\n outline-color: transparent;\n outline-offset: -1px;\n outline-width: 1px;\n transition: outline-color 0.2s;\n border: transparent;\n padding-left: 5px; }\n #ge-propertyTab input:focus,\n #ge-propertyTab select:focus {\n outline-width: 1px;\n outline-color: black; }\n #ge-propertyTab .hasArrows input::-webkit-outer-spin-button,\n #ge-propertyTab .hasArrows input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0; }\n #ge-propertyTab .hasArrows input[type=\"number\"] {\n -moz-appearance: textfield; }\n #ge-propertyTab .sliderLine {\n height: var(--spacingHeight);\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: auto 1fr 20px 1fr;\n flex-grow: 1; }\n #ge-propertyTab .sliderLine .label {\n grid-column: 1;\n display: flex;\n align-items: center;\n min-width: 15px;\n font-weight: 600; }\n #ge-propertyTab .sliderLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .sliderLine .slider {\n grid-column: 4;\n grid-row: 1;\n margin-right: 5px;\n display: flex;\n align-items: center;\n padding-left: 5px; }\n #ge-propertyTab .sliderLine .floatLine {\n grid-column: 2;\n padding-left: 0px;\n grid-template-columns: 1fr auto; }\n #ge-propertyTab .sliderLine .floatLine .label {\n grid-column: 1;\n display: none;\n align-items: center;\n font-weight: 600; }\n #ge-propertyTab .sliderLine .floatLine .short {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .sliderLine .floatLine .short input {\n width: 100%;\n background-color: white;\n height: 24px; }\n #ge-propertyTab .sliderLine .floatLine .short input::-webkit-outer-spin-button,\n #ge-propertyTab .sliderLine .floatLine .short input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0; }\n #ge-propertyTab .sliderLine .floatLine .short input[type=\"number\"] {\n -webkit-appearance: textfield;\n -moz-appearance: textfield;\n appearance: textfield; }\n #ge-propertyTab .ge-divider {\n padding-right: 18px;\n padding-left: 5px;\n display: grid;\n grid-template-columns: auto 1fr;\n padding-top: 1px;\n padding-bottom: 1px; }\n #ge-propertyTab .ge-divider.double {\n display: grid;\n grid-template-columns: auto 1fr 5px 1fr; }\n #ge-propertyTab .ge-divider.double > .textInputLine:first-of-type,\n #ge-propertyTab .ge-divider.double > .floatLine:first-of-type {\n grid-column: 2; }\n #ge-propertyTab .ge-divider.double > .textInputLine:nth-of-type(2),\n #ge-propertyTab .ge-divider.double > .floatLine:nth-of-type(2) {\n grid-column: 4; }\n #ge-propertyTab .ge-grid-divider {\n display: grid;\n grid-template-columns: 150px 1fr auto; }\n #ge-propertyTab .ge-grid-divider .textLine {\n grid-column: auto; }\n #ge-propertyTab .ge-grid-button-divider {\n display: grid;\n grid-template-columns: 60px 60px 60px 60px; }\n #ge-propertyTab .ge-grid-remove {\n display: grid;\n background-color: #c2c2c2;\n margin-bottom: 5px;\n filter: invert(1); }\n #ge-propertyTab .ge-grid-edit {\n display: grid;\n background-color: #878787;\n margin-bottom: 5px;\n filter: invert(1); }\n #ge-propertyTab .ge-grid {\n display: grid;\n margin-bottom: 5px; }\n #ge-propertyTab .ge-divider.double .textInputLine {\n grid-template-columns: auto auto 1fr auto; }\n #ge-propertyTab .textInputLine,\n #ge-propertyTab .floatLine {\n user-select: none;\n padding-bottom: 0px;\n padding-top: 0px;\n height: var(--spacingHeight);\n display: grid;\n grid-template-columns: auto auto 1fr;\n flex-grow: 1; }\n #ge-propertyTab .textInputLine .label,\n #ge-propertyTab .floatLine .label {\n grid-column: 2;\n display: flex;\n align-items: center;\n min-width: 15px;\n font-weight: 600; }\n #ge-propertyTab .textInputLine img,\n #ge-propertyTab .floatLine img {\n width: 30px; }\n #ge-propertyTab .textInputLine .img,\n #ge-propertyTab .floatLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .textInputLine .value,\n #ge-propertyTab .floatLine .value {\n display: flex;\n align-items: center;\n grid-column: 3;\n background: transparent;\n height: 26px;\n position: relative;\n background-color: white;\n margin-top: 2px;\n overflow-y: hidden; }\n #ge-propertyTab .textInputLine .value input,\n #ge-propertyTab .floatLine .value input {\n width: 100%;\n height: 24px;\n color: #333333; }\n #ge-propertyTab .textInputLine .value input.hasArrows,\n #ge-propertyTab .floatLine .value input.hasArrows {\n padding-right: 15px; }\n #ge-propertyTab .textInputLine .value .arrows,\n #ge-propertyTab .floatLine .value .arrows {\n display: none;\n position: absolute;\n right: 0;\n flex-direction: column;\n cursor: grab; }\n #ge-propertyTab .textInputLine .value .arrows .downArrowIcon,\n #ge-propertyTab .textInputLine .value .arrows .upArrowIcon,\n #ge-propertyTab .floatLine .value .arrows .downArrowIcon,\n #ge-propertyTab .floatLine .value .arrows .upArrowIcon {\n width: 13px;\n height: 13px; }\n #ge-propertyTab .textInputLine .value:hover .arrows,\n #ge-propertyTab .textInputLine .value:focus .arrows,\n #ge-propertyTab .textInputLine .value.dragging .arrows,\n #ge-propertyTab .floatLine .value:hover .arrows,\n #ge-propertyTab .floatLine .value:focus .arrows,\n #ge-propertyTab .floatLine .value.dragging .arrows {\n display: flex; }\n #ge-propertyTab .textInputLine .value .arrows:hover,\n #ge-propertyTab .floatLine .value .arrows:hover {\n background-color: var(--buttonHoverBackground); }\n #ge-propertyTab .textInputLine .value.dragging .arrows,\n #ge-propertyTab .floatLine .value.dragging .arrows {\n background-color: var(--buttonPressedBackground); }\n #ge-propertyTab .textInputLine .value.dragging .arrows .downArrowIcon,\n #ge-propertyTab .textInputLine .value.dragging .arrows .upArrowIcon,\n #ge-propertyTab .floatLine .value.dragging .arrows .downArrowIcon,\n #ge-propertyTab .floatLine .value.dragging .arrows .upArrowIcon {\n filter: brightness(10); }\n #ge-propertyTab .textInputLine.withUnits {\n grid-template-columns: auto auto 1fr auto; }\n #ge-propertyTab .textInputArea {\n height: 100%;\n display: grid;\n grid-template-columns: 1fr 120px; }\n #ge-propertyTab .textInputArea .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .textInputArea .value {\n display: flex;\n align-items: center;\n grid-column: 2; }\n #ge-propertyTab .textInputArea .value textarea {\n width: calc(150% - 5px);\n margin-left: -50%;\n height: 40px; }\n #ge-propertyTab .paneContainer {\n margin-top: 3px;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 100%; }\n #ge-propertyTab .paneContainer .paneList {\n border-left: 3px solid transparent; }\n #ge-propertyTab .paneContainer:hover .paneList {\n border-left: 3px solid rgba(51, 122, 183, 0.8); }\n #ge-propertyTab .paneContainer:hover .paneContainer-content .header .title {\n border-left: 3px solid #337ab7; }\n #ge-propertyTab .paneContainer .paneContainer-highlight-border {\n grid-row: 1;\n grid-column: 1;\n opacity: 1;\n border: 3px solid red;\n transition: opacity 250ms;\n pointer-events: none; }\n #ge-propertyTab .paneContainer .paneContainer-highlight-border.transparent {\n opacity: 0; }\n #ge-propertyTab .paneContainer .paneContainer-content {\n grid-row: 1;\n grid-column: 1; }\n #ge-propertyTab .paneContainer .paneContainer-content .header {\n display: grid;\n grid-template-columns: 1fr auto;\n background: #cccccc;\n height: var(--spacingHeight);\n padding-bottom: 0px;\n padding-top: 0px;\n padding-right: 5px;\n cursor: pointer; }\n #ge-propertyTab .paneContainer .paneContainer-content .header .title {\n border-left: 3px solid transparent;\n padding-left: 5px;\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .paneContainer .paneContainer-content .header .collapse {\n grid-column: 2;\n display: flex;\n align-items: center;\n justify-items: center;\n transform-origin: center; }\n #ge-propertyTab .paneContainer .paneContainer-content .header .collapse.closed {\n transform: rotate(180deg); }\n #ge-propertyTab .paneContainer .paneContainer-content .paneList > div:not(:last-child) {\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1); }\n #ge-propertyTab .paneContainer .paneContainer-content .fragment > div:not(:last-child) {\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1); }\n #ge-propertyTab .color-picker {\n height: 26px;\n width: 26px; }\n #ge-propertyTab .color-picker .color-rect-background {\n width: calc(100% - 2px);\n height: calc(100% - 2px);\n border: 1px black solid;\n cursor: pointer;\n background: repeating-conic-gradient(#e2e2e2 0% 25%, white 0% 50%) 50%/100% 100%; }\n #ge-propertyTab .color-picker .color-rect-background .color-rect {\n height: 100%; }\n #ge-propertyTab .color-picker .color-picker-cover {\n z-index: 2;\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px; }\n #ge-propertyTab .color-picker .color-picker-float {\n position: absolute;\n outline: 1px solid black; }\n #ge-propertyTab .color-picker .color-picker-container {\n background-color: #e2e2e2; }\n #ge-propertyTab .gradient-step {\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 20px 30px 40px auto 20px 30px;\n padding-top: 5px;\n padding-left: 5px;\n padding-bottom: 5px; }\n #ge-propertyTab .gradient-step .step {\n grid-row: 1;\n grid-column: 1; }\n #ge-propertyTab .gradient-step .color {\n grid-row: 1;\n grid-column: 2;\n cursor: pointer; }\n #ge-propertyTab .gradient-step .step-value {\n margin-left: 5px;\n grid-row: 1;\n grid-column: 3;\n text-align: right;\n margin-right: 5px; }\n #ge-propertyTab .gradient-step .step-slider {\n grid-row: 1;\n grid-column: 4;\n display: grid;\n justify-content: stretch;\n align-content: center;\n margin-right: -5px;\n padding-left: 12px; }\n #ge-propertyTab .gradient-step .step-slider input {\n width: 90%; }\n #ge-propertyTab .gradient-step .gradient-copy {\n grid-row: 1;\n grid-column: 5;\n display: grid;\n align-content: center;\n justify-content: center; }\n #ge-propertyTab .gradient-step .gradient-copy .img {\n height: 20px;\n width: 20px; }\n #ge-propertyTab .gradient-step .gradient-copy .img:hover {\n cursor: pointer; }\n #ge-propertyTab .gradient-step .gradient-delete {\n grid-row: 1;\n grid-column: 6;\n display: grid;\n align-content: center;\n justify-content: center; }\n #ge-propertyTab .gradient-step .gradient-delete .img {\n height: 20px;\n width: 20px; }\n #ge-propertyTab .gradient-step .gradient-delete .img:hover {\n cursor: pointer; }\n #ge-propertyTab .alignment-bar {\n display: flex;\n justify-content: center;\n padding-right: 5px; }\n #ge-propertyTab .command-button {\n cursor: pointer;\n width: 30px; }\n #ge-propertyTab .command-button .command-label {\n display: none; }\n #ge-propertyTab .command-button .command-button-icon {\n height: 100%;\n width: 100%;\n display: grid;\n color: white;\n align-content: center;\n justify-content: center; }\n #ge-propertyTab .command-button:hover {\n background-color: white; }\n #ge-propertyTab .command-button .active {\n transform-origin: center;\n background-color: white; }\n #ge-propertyTab .command-button img.active {\n background-color: white; }\n #ge-propertyTab .command-button.disabled {\n background-color: var(--buttonDisabledBackground);\n pointer-events: none; }\n #ge-propertyTab .command-button-alt {\n cursor: pointer;\n width: 40px;\n margin-left: 5px;\n margin-right: 5px;\n background-color: white; }\n #ge-propertyTab .command-button-alt .command-label {\n display: none; }\n #ge-propertyTab .command-button-alt .command-button-icon {\n height: 100%;\n width: 100%;\n display: grid;\n align-content: center;\n justify-content: center; }\n #ge-propertyTab .command-button-alt:hover {\n background-color: #c2c2c2;\n filter: invert(1); }\n #ge-propertyTab .command-button-alt-disabled {\n cursor: pointer;\n pointer-events: none;\n width: 40px;\n margin-left: 5px;\n margin-right: 5px;\n background-color: white; }\n #ge-propertyTab .command-button-alt-disabled .command-label {\n display: none; }\n #ge-propertyTab .command-button-alt-disabled .command-button-icon {\n height: 100%;\n width: 100%;\n display: grid;\n align-content: center;\n justify-content: center; }\n #ge-propertyTab .command-button-alt-disabled img {\n filter: invert(1); }\n #ge-propertyTab .command-button-alt-active {\n cursor: pointer;\n pointer-events: none;\n width: 40px;\n margin-left: 5px;\n margin-right: 5px;\n background-color: #c2c2c2;\n filter: invert(1); }\n #ge-propertyTab .command-button-alt-active .command-label {\n display: none; }\n #ge-propertyTab .command-button-alt-active .command-button-icon {\n height: 100%;\n width: 100%;\n display: grid;\n align-content: center;\n justify-content: center; }\n #ge-propertyTab .floatLine {\n user-select: none;\n height: var(--spacingHeight);\n padding-bottom: 0px;\n padding-top: 0px;\n display: grid;\n grid-template-columns: auto auto 2fr auto;\n flex-grow: 1; }\n #ge-propertyTab .floatLine .label {\n grid-column: 2;\n display: flex;\n align-items: center;\n min-width: 15px;\n font-weight: 600; }\n #ge-propertyTab .floatLine img {\n width: 30px; }\n #ge-propertyTab .floatLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .floatLine .value {\n display: flex;\n align-items: center;\n grid-column: 3;\n background: transparent;\n height: 26px; }\n #ge-propertyTab .floatLine .value input {\n width: 100%;\n background-color: white;\n height: 24px; }\n #ge-propertyTab .floatLine .short {\n grid-column: 2;\n display: flex;\n align-items: center; }\n #ge-propertyTab .floatLine .short input {\n width: 100%; }\n #ge-propertyTab .floatLine .short input::-webkit-outer-spin-button,\n #ge-propertyTab .floatLine .short input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0; }\n #ge-propertyTab .floatLine .short input[type=\"number\"] {\n -moz-appearance: textfield; }\n #ge-propertyTab .vector3Line {\n padding-bottom: 0px;\n padding-top: 0px;\n display: grid; }\n #ge-propertyTab .vector3Line .firstLine {\n display: grid;\n grid-template-columns: 1fr auto 20px;\n height: var(--spacingHeight); }\n #ge-propertyTab .vector3Line .firstLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .vector3Line .firstLine .vector {\n grid-column: 2;\n display: flex;\n align-items: center;\n text-align: right;\n opacity: 0.8; }\n #ge-propertyTab .vector3Line .firstLine .expand {\n grid-column: 3;\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #ge-propertyTab .vector3Line .secondLine {\n display: grid;\n padding-right: 5px;\n border-left: 1px solid #337ab7; }\n #ge-propertyTab .vector3Line .secondLine .no-right-margin {\n margin-right: 0; }\n #ge-propertyTab .vector3Line .secondLine .numeric {\n display: grid;\n grid-template-columns: 1fr auto; }\n #ge-propertyTab .vector3Line .secondLine .numeric-label {\n text-align: right;\n grid-column: 1;\n display: flex;\n align-items: center;\n justify-self: right;\n margin-right: 10px; }\n #ge-propertyTab .vector3Line .secondLine .numeric-value {\n width: 120px;\n grid-column: 2;\n display: flex;\n align-items: center;\n border: 1px solid #337ab7; }\n #ge-propertyTab .buttonLine {\n height: var(--spacingHeight);\n padding-bottom: 0px;\n padding-top: 0px;\n display: grid;\n align-items: center;\n justify-items: stretch;\n padding-bottom: 5px; }\n #ge-propertyTab .buttonLine input[type=\"file\"] {\n display: none; }\n #ge-propertyTab .buttonLine .file-upload {\n background: var(--backgroundGrey);\n border: 1px solid #424242;\n margin: 5px 10px;\n color: white;\n padding: 4px 5px;\n opacity: 0.9;\n cursor: pointer;\n text-align: center;\n border-radius: 4px; }\n #ge-propertyTab .buttonLine .file-upload:hover {\n opacity: 1; }\n #ge-propertyTab .buttonLine .file-upload:active {\n transform: scale(0.98);\n transform-origin: 0.5 0.5; }\n #ge-propertyTab .buttonLine button {\n background: var(--backgroundGrey);\n border: 1px solid #424242;\n margin: 5px 10px 5px 10px;\n color: white;\n padding: 4px 5px;\n opacity: 0.9;\n border-radius: 4px; }\n #ge-propertyTab .buttonLine button:hover {\n opacity: 1; }\n #ge-propertyTab .buttonLine button:active {\n background: #282828; }\n #ge-propertyTab .buttonLine button:focus {\n border: 1px solid #424242;\n outline: 0px; }\n #ge-propertyTab .numeric {\n padding-bottom: 0px;\n padding-top: 0px;\n height: var(--spacingHeight);\n display: grid;\n grid-template-columns: 1fr 120px auto; }\n #ge-propertyTab .numeric .numeric-label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .numeric .number {\n display: flex;\n align-items: center;\n grid-column: 2;\n height: 10px; }\n #ge-propertyTab .numeric .number .input {\n width: calc(100% - 5px);\n height: 10px; }\n #ge-propertyTab .checkBoxLine {\n padding-bottom: 0px;\n padding-top: 0px;\n height: var(--spacingHeight);\n display: grid;\n grid-template-columns: auto 1fr auto;\n flex-grow: 1; }\n #ge-propertyTab .checkBoxLine .label {\n grid-column: 2;\n display: flex;\n align-items: center;\n min-width: 100px;\n margin-left: 15px;\n height: var(--spacingHeight);\n font-weight: 600; }\n #ge-propertyTab .checkBoxLine img {\n width: 30px; }\n #ge-propertyTab .checkBoxLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .checkBoxLine .hidden {\n display: none; }\n #ge-propertyTab .listLine {\n padding-bottom: 0px;\n padding-top: 0px;\n height: var(--spacingHeight);\n display: grid;\n grid-template-columns: auto 1fr auto;\n flex-grow: 1; }\n #ge-propertyTab .listLine .label {\n grid-column: 2;\n display: none;\n align-items: center; }\n #ge-propertyTab .listLine img {\n width: 30px; }\n #ge-propertyTab .listLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .listLine .options {\n grid-column: 2;\n padding-left: 15px;\n display: flex;\n align-items: center; }\n #ge-propertyTab .listLine .options select {\n width: 100%;\n height: 25px;\n border: transparent; }\n #ge-propertyTab .listLine .options input {\n width: 100%;\n height: 24px;\n color: #333333; }\n #ge-propertyTab .color3Line {\n padding-left: 15px;\n padding-bottom: 0px;\n padding-top: 0px;\n display: grid;\n flex-grow: 1; }\n #ge-propertyTab .color3Line .firstLine {\n height: var(--spacingHeight);\n display: flex;\n align-items: center; }\n #ge-propertyTab .color3Line .firstLine .label {\n grid-column: 2;\n padding-left: 5px;\n display: none;\n align-items: center;\n min-width: 15px; }\n #ge-propertyTab .color3Line .firstLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .color3Line .firstLine img {\n width: 30px;\n height: 30px; }\n #ge-propertyTab .color3Line .firstLine .textInputLine {\n grid-column: 3;\n padding-left: 2px;\n flex-grow: 1; }\n #ge-propertyTab .color3Line .firstLine .color3 {\n display: flex;\n align-items: center; }\n #ge-propertyTab .color3Line .firstLine .color3 input {\n margin-right: 5px; }\n #ge-propertyTab .color3Line .firstLine .copy {\n grid-column: 4;\n display: none;\n align-items: center;\n justify-items: center;\n cursor: pointer;\n color: black; }\n #ge-propertyTab .color3Line .firstLine .copy img {\n height: 100%;\n width: 20px; }\n #ge-propertyTab .color3Line .firstLine .expand {\n grid-column: 4;\n display: none;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #ge-propertyTab .color3Line .firstLine .expand img {\n height: 100%;\n width: 20px; }\n #ge-propertyTab .color3Line .secondLine {\n display: grid;\n padding-right: 5px;\n border-left: 1px solid #337ab7; }\n #ge-propertyTab .color3Line .secondLine .numeric {\n display: grid;\n grid-template-columns: 1fr auto; }\n #ge-propertyTab .color3Line .secondLine .numeric-label {\n text-align: right;\n grid-column: 1;\n display: flex;\n align-items: center;\n justify-self: right;\n margin-right: 10px; }\n #ge-propertyTab .color3Line .secondLine .numeric-value {\n width: 120px;\n grid-column: 2;\n display: flex;\n align-items: center;\n border: 1px solid #337ab7; }\n #ge-propertyTab .textLine {\n padding-left: 5px;\n padding-bottom: 0px;\n padding-top: 0px;\n padding-right: 18px;\n height: auto;\n display: grid;\n grid-template-columns: auto auto 2fr 1fr; }\n #ge-propertyTab .textLine .label {\n grid-column: 2;\n padding-left: 5px;\n padding-top: 4px;\n display: flex;\n align-items: left;\n min-width: 15px;\n color: #a9a9a9;\n font-size: 10px;\n font-family: \"acumin-pro-semi-condensed\", sans-serif;\n font-weight: 600; }\n #ge-propertyTab .textLine img {\n width: 30px; }\n #ge-propertyTab .textLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .textLine .link-value {\n grid-column: 2;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n text-align: end;\n opacity: 0.8;\n margin: 5px;\n margin-top: 6px;\n max-width: 140px;\n text-decoration: underline;\n cursor: pointer; }\n #ge-propertyTab .textLine .value {\n display: none;\n grid-column: 3;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n text-align: end;\n opacity: 0.8;\n margin: 5px;\n margin-top: 6px;\n max-width: 200px;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text; }\n #ge-propertyTab .textLine .value.check {\n color: green; }\n #ge-propertyTab .textLine .value.uncheck {\n color: red; }\n", "",{"version":3,"sources":["webpack://./../../../tools/guiEditor/dist/components/propertyTab/propertyTab.scss"],"names":[],"mappings":"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","sourcesContent":[":root {\r\n --backgroundGrey: #aaaaaa;\r\n --spacingHeight: 30px;\r\n --button: #333333;\r\n --buttonBackground: #ffffff;\r\n --buttonDisabledBackground: #c8c8c8;\r\n --buttonPressed: #ffffff;\r\n --buttonPressedBackground: #606060;\r\n --buttonHoverBackground: #afafaf;\r\n}\r\n\r\n#ge-propertyTab {\r\n user-select: none;\r\n $line-padding-left: 5px;\r\n $line-padding-bottom: 0px;\r\n $line-padding-top: 0px;\r\n $line-padding-right: 18px;\r\n color: black;\r\n background: #e2e2e2;\r\n * {\r\n font-family: \"acumin-pro-condensed\", sans-serif;\r\n font-size: 12px;\r\n }\r\n #header {\r\n height: 32px;\r\n font-size: 16px;\r\n color: white;\r\n background: white;\r\n grid-row: 1;\r\n text-align: center;\r\n display: grid;\r\n grid-template-columns: 30px 1fr;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n\r\n #logo {\r\n position: relative;\r\n grid-column: 1;\r\n width: 32px;\r\n height: 32px;\r\n left: 0;\r\n display: flex;\r\n align-self: center;\r\n justify-self: center;\r\n filter: invert(1);\r\n }\r\n\r\n #title {\r\n background: white;\r\n color: black;\r\n grid-column: 2;\r\n display: grid;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n }\r\n\r\n .range {\r\n -webkit-appearance: none;\r\n width: 100%;\r\n height: 2px;\r\n background: #bcbcbc;\r\n border-radius: 5px;\r\n outline: none;\r\n opacity: 0.7;\r\n -webkit-transition: 0.2s;\r\n transition: opacity 0.2s;\r\n padding: 0;\r\n }\r\n\r\n .range:hover {\r\n opacity: 1;\r\n }\r\n\r\n .range::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: #e2e2e2;\r\n border: solid;\r\n border-width: thin;\r\n cursor: pointer;\r\n }\r\n\r\n .range::-moz-range-thumb {\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: rgb(0, 0, 0);\r\n cursor: pointer;\r\n }\r\n\r\n input[type=\"color\"] {\r\n -webkit-appearance: none;\r\n border: 1px solid rgba(255, 255, 255, 0.5);\r\n padding: 0;\r\n width: 30px;\r\n height: 20px;\r\n }\r\n input[type=\"color\"]::-webkit-color-swatch-wrapper {\r\n padding: 0;\r\n }\r\n input[type=\"color\"]::-webkit-color-swatch {\r\n border: none;\r\n }\r\n\r\n hr {\r\n border: 1px solid #d0cece;\r\n }\r\n\r\n .icon {\r\n width: 30px;\r\n height: 30px;\r\n }\r\n\r\n .unit {\r\n width: 26px;\r\n height: 26px;\r\n color: var(--button);\r\n background-color: var(--buttonBackground);\r\n border: none;\r\n margin-top: 2px;\r\n cursor: pointer;\r\n margin-left: 2px;\r\n font-family: \"atten-round-new\", sans-serif;\r\n font-weight: 500;\r\n font-style: normal;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .unit:disabled {\r\n background-color: var(--buttonDisabledBackground);\r\n cursor: not-allowed;\r\n }\r\n\r\n .unit:not(:disabled):hover {\r\n background-color: var(--buttonHoverBackground);\r\n }\r\n\r\n .unit:not(:disabled):active {\r\n color: var(--buttonPressed);\r\n background-color: var(--buttonPressedBackground);\r\n }\r\n\r\n input,\r\n select {\r\n outline-style: solid;\r\n outline-width: 0px;\r\n outline-color: transparent;\r\n outline-offset: -1px;\r\n outline-width: 1px;\r\n transition: outline-color 0.2s;\r\n border: transparent;\r\n padding-left: 5px;\r\n\r\n &:focus {\r\n outline-width: 1px;\r\n outline-color: black;\r\n }\r\n }\r\n\r\n .hasArrows input::-webkit-outer-spin-button,\r\n .hasArrows input::-webkit-inner-spin-button {\r\n -webkit-appearance: none;\r\n margin: 0;\r\n }\r\n\r\n .hasArrows input[type=\"number\"] {\r\n -moz-appearance: textfield;\r\n }\r\n\r\n .sliderLine {\r\n height: var(--spacingHeight);\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: auto 1fr 20px 1fr;\r\n flex-grow: 1;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n min-width: 15px;\r\n font-weight: 600;\r\n }\r\n\r\n .img {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .slider {\r\n grid-column: 4;\r\n grid-row: 1;\r\n margin-right: 5px;\r\n display: flex;\r\n align-items: center;\r\n padding-left: 5px;\r\n }\r\n\r\n .floatLine {\r\n grid-column: 2;\r\n padding-left: 0px;\r\n grid-template-columns: 1fr auto;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: none;\r\n align-items: center;\r\n font-weight: 600;\r\n }\r\n\r\n .short {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n\r\n input {\r\n width: 100%;\r\n background-color: white;\r\n height: 24px;\r\n }\r\n\r\n input::-webkit-outer-spin-button,\r\n input::-webkit-inner-spin-button {\r\n -webkit-appearance: none;\r\n margin: 0;\r\n }\r\n\r\n input[type=\"number\"] {\r\n -webkit-appearance: textfield;\r\n -moz-appearance: textfield;\r\n appearance: textfield;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .ge-divider {\r\n padding-right: $line-padding-right;\r\n padding-left: 5px;\r\n display: grid;\r\n grid-template-columns: auto 1fr;\r\n padding-top: 1px;\r\n padding-bottom: 1px;\r\n }\r\n .ge-divider.double {\r\n display: grid;\r\n grid-template-columns: auto 1fr 5px 1fr;\r\n > .textInputLine,\r\n > .floatLine {\r\n &:first-of-type {\r\n grid-column: 2;\r\n }\r\n &:nth-of-type(2) {\r\n grid-column: 4;\r\n }\r\n }\r\n }\r\n .ge-grid-divider {\r\n display: grid;\r\n grid-template-columns: 150px 1fr auto;\r\n\r\n .textLine {\r\n grid-column: auto;\r\n }\r\n }\r\n\r\n .ge-grid-button-divider {\r\n display: grid;\r\n grid-template-columns: 60px 60px 60px 60px;\r\n }\r\n\r\n .ge-grid-remove {\r\n display: grid;\r\n background-color: #c2c2c2;\r\n margin-bottom: 5px;\r\n filter: invert(1);\r\n }\r\n\r\n .ge-grid-edit {\r\n display: grid;\r\n background-color: #878787;\r\n margin-bottom: 5px;\r\n filter: invert(1);\r\n }\r\n\r\n .ge-grid {\r\n display: grid;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .ge-divider.double .textInputLine {\r\n grid-template-columns: auto auto 1fr auto;\r\n }\r\n\r\n .textInputLine,\r\n .floatLine {\r\n user-select: none;\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n height: var(--spacingHeight);\r\n display: grid;\r\n grid-template-columns: auto auto 1fr;\r\n flex-grow: 1;\r\n .label {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n min-width: 15px;\r\n font-weight: 600;\r\n }\r\n\r\n img {\r\n width: 30px;\r\n }\r\n\r\n .img {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .value {\r\n display: flex;\r\n align-items: center;\r\n grid-column: 3;\r\n background: transparent;\r\n height: 26px;\r\n position: relative;\r\n background-color: white;\r\n margin-top: 2px;\r\n overflow-y: hidden;\r\n input {\r\n width: 100%;\r\n height: 24px;\r\n color: #333333;\r\n }\r\n input.hasArrows {\r\n padding-right: 15px;\r\n }\r\n .arrows {\r\n display: none;\r\n position: absolute;\r\n right: 0;\r\n flex-direction: column;\r\n cursor: grab;\r\n .downArrowIcon,\r\n .upArrowIcon {\r\n width: 13px;\r\n height: 13px;\r\n }\r\n }\r\n &:hover .arrows,\r\n &:focus .arrows,\r\n &.dragging .arrows {\r\n display: flex;\r\n }\r\n .arrows:hover {\r\n background-color: var(--buttonHoverBackground);\r\n }\r\n &.dragging .arrows {\r\n background-color: var(--buttonPressedBackground);\r\n .downArrowIcon,\r\n .upArrowIcon {\r\n filter: brightness(10);\r\n }\r\n }\r\n }\r\n }\r\n\r\n .textInputLine.withUnits {\r\n grid-template-columns: auto auto 1fr auto;\r\n }\r\n\r\n .textInputArea {\r\n height: 100%;\r\n display: grid;\r\n grid-template-columns: 1fr 120px;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .value {\r\n display: flex;\r\n align-items: center;\r\n grid-column: 2;\r\n\r\n textarea {\r\n width: calc(150% - 5px);\r\n margin-left: -50%;\r\n height: 40px;\r\n }\r\n }\r\n }\r\n\r\n .paneContainer {\r\n margin-top: 3px;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 100%;\r\n\r\n .paneList {\r\n border-left: 3px solid transparent;\r\n }\r\n\r\n &:hover {\r\n .paneList {\r\n border-left: 3px solid rgba(51, 122, 183, 0.8);\r\n }\r\n\r\n .paneContainer-content {\r\n .header {\r\n .title {\r\n border-left: 3px solid rgb(51, 122, 183);\r\n }\r\n }\r\n }\r\n }\r\n\r\n .paneContainer-highlight-border {\r\n grid-row: 1;\r\n grid-column: 1;\r\n opacity: 1;\r\n border: 3px solid red;\r\n transition: opacity 250ms;\r\n pointer-events: none;\r\n\r\n &.transparent {\r\n opacity: 0;\r\n }\r\n }\r\n\r\n .paneContainer-content {\r\n grid-row: 1;\r\n grid-column: 1;\r\n\r\n .header {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n background: #cccccc;\r\n height: var(--spacingHeight);\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n padding-right: 5px;\r\n cursor: pointer;\r\n\r\n .title {\r\n border-left: 3px solid transparent;\r\n padding-left: 5px;\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .collapse {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n justify-items: center;\r\n transform-origin: center;\r\n\r\n &.closed {\r\n transform: rotate(180deg);\r\n }\r\n }\r\n }\r\n\r\n .paneList > div:not(:last-child) {\r\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .fragment > div:not(:last-child) {\r\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);\r\n }\r\n }\r\n }\r\n\r\n .color-picker {\r\n height: 26px;\r\n width: 26px;\r\n\r\n .color-rect-background {\r\n width: calc(100% - 2px);\r\n height: calc(100% - 2px);\r\n border: 1px black solid;\r\n cursor: pointer;\r\n background: repeating-conic-gradient(#e2e2e2 0% 25%, white 0% 50%) 50% / 100% 100%;\r\n .color-rect {\r\n height: 100%;\r\n }\r\n }\r\n\r\n .color-picker-cover {\r\n z-index: 2;\r\n position: fixed;\r\n top: 0px;\r\n right: 0px;\r\n bottom: 0px;\r\n left: 0px;\r\n }\r\n\r\n .color-picker-float {\r\n position: absolute;\r\n outline: 1px solid black;\r\n }\r\n\r\n .color-picker-container {\r\n background-color: #e2e2e2;\r\n }\r\n }\r\n\r\n .gradient-step {\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 20px 30px 40px auto 20px 30px;\r\n padding-top: 5px;\r\n padding-left: 5px;\r\n padding-bottom: 5px;\r\n\r\n .step {\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n\r\n .color {\r\n grid-row: 1;\r\n grid-column: 2;\r\n cursor: pointer;\r\n }\r\n\r\n .step-value {\r\n margin-left: 5px;\r\n grid-row: 1;\r\n grid-column: 3;\r\n text-align: right;\r\n margin-right: 5px;\r\n }\r\n\r\n .step-slider {\r\n grid-row: 1;\r\n grid-column: 4;\r\n display: grid;\r\n justify-content: stretch;\r\n align-content: center;\r\n margin-right: -5px;\r\n padding-left: 12px;\r\n\r\n input {\r\n width: 90%;\r\n }\r\n }\r\n\r\n .gradient-copy {\r\n grid-row: 1;\r\n grid-column: 5;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n\r\n .img {\r\n height: 20px;\r\n width: 20px;\r\n }\r\n .img:hover {\r\n cursor: pointer;\r\n }\r\n }\r\n .gradient-delete {\r\n grid-row: 1;\r\n grid-column: 6;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n .img {\r\n height: 20px;\r\n width: 20px;\r\n }\r\n .img:hover {\r\n cursor: pointer;\r\n }\r\n }\r\n }\r\n\r\n .alignment-bar {\r\n display: flex;\r\n justify-content: center;\r\n padding-right: 5px;\r\n }\r\n\r\n .command-button {\r\n cursor: pointer;\r\n width: 30px;\r\n\r\n .command-label {\r\n display: none;\r\n }\r\n\r\n .command-button-icon {\r\n height: 100%;\r\n width: 100%;\r\n display: grid;\r\n color: white;\r\n align-content: center;\r\n justify-content: center;\r\n }\r\n\r\n &:hover {\r\n background-color: white;\r\n }\r\n\r\n .active {\r\n transform-origin: center;\r\n background-color: white;\r\n }\r\n\r\n img {\r\n &.active {\r\n background-color: white;\r\n }\r\n }\r\n\r\n &.disabled {\r\n background-color: var(--buttonDisabledBackground);\r\n pointer-events: none;\r\n }\r\n }\r\n\r\n .command-button-alt {\r\n cursor: pointer;\r\n width: 40px;\r\n margin-left: 5px;\r\n margin-right: 5px;\r\n .command-label {\r\n display: none;\r\n }\r\n\r\n background-color: white;\r\n .command-button-icon {\r\n height: 100%;\r\n width: 100%;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n }\r\n &:hover {\r\n background-color: #c2c2c2;\r\n filter: invert(1);\r\n }\r\n }\r\n\r\n .command-button-alt-disabled {\r\n cursor: pointer;\r\n pointer-events: none;\r\n width: 40px;\r\n margin-left: 5px;\r\n margin-right: 5px;\r\n .command-label {\r\n display: none;\r\n }\r\n\r\n background-color: white;\r\n .command-button-icon {\r\n height: 100%;\r\n width: 100%;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n }\r\n\r\n img {\r\n filter: invert(1);\r\n }\r\n }\r\n\r\n .command-button-alt-active {\r\n cursor: pointer;\r\n pointer-events: none;\r\n width: 40px;\r\n margin-left: 5px;\r\n margin-right: 5px;\r\n .command-label {\r\n display: none;\r\n }\r\n\r\n background-color: #c2c2c2;\r\n filter: invert(1);\r\n .command-button-icon {\r\n height: 100%;\r\n width: 100%;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n .floatLine {\r\n user-select: none;\r\n height: var(--spacingHeight);\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n display: grid;\r\n grid-template-columns: auto auto 2fr auto;\r\n flex-grow: 1;\r\n\r\n .label {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n min-width: 15px;\r\n font-weight: 600;\r\n }\r\n\r\n img {\r\n width: 30px;\r\n }\r\n\r\n .img {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .value {\r\n display: flex;\r\n align-items: center;\r\n grid-column: 3;\r\n background: transparent;\r\n height: 26px;\r\n input {\r\n width: 100%;\r\n background-color: white;\r\n height: 24px;\r\n }\r\n }\r\n\r\n .short {\r\n grid-column: 2;\r\n\r\n display: flex;\r\n align-items: center;\r\n\r\n input {\r\n width: 100%;\r\n }\r\n\r\n input::-webkit-outer-spin-button,\r\n input::-webkit-inner-spin-button {\r\n -webkit-appearance: none;\r\n margin: 0;\r\n }\r\n\r\n input[type=\"number\"] {\r\n -moz-appearance: textfield;\r\n }\r\n }\r\n }\r\n\r\n .vector3Line {\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n display: grid;\r\n .firstLine {\r\n display: grid;\r\n grid-template-columns: 1fr auto 20px;\r\n height: var(--spacingHeight);\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .vector {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n text-align: right;\r\n opacity: 0.8;\r\n }\r\n\r\n .expand {\r\n grid-column: 3;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n .secondLine {\r\n display: grid;\r\n padding-right: 5px;\r\n border-left: 1px solid rgb(51, 122, 183);\r\n\r\n .no-right-margin {\r\n margin-right: 0;\r\n }\r\n\r\n .numeric {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n }\r\n\r\n .numeric-label {\r\n text-align: right;\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-self: right;\r\n margin-right: 10px;\r\n }\r\n\r\n .numeric-value {\r\n width: 120px;\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n border: 1px solid rgb(51, 122, 183);\r\n }\r\n }\r\n }\r\n\r\n .buttonLine {\r\n height: var(--spacingHeight);\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n display: grid;\r\n align-items: center;\r\n justify-items: stretch;\r\n padding-bottom: 5px;\r\n input[type=\"file\"] {\r\n display: none;\r\n }\r\n\r\n .file-upload {\r\n background: var(--backgroundGrey);\r\n border: 1px solid #424242;\r\n margin: 5px 10px;\r\n color: white;\r\n padding: 4px 5px;\r\n opacity: 0.9;\r\n cursor: pointer;\r\n text-align: center;\r\n border-radius: 4px;\r\n }\r\n\r\n .file-upload:hover {\r\n opacity: 1;\r\n }\r\n\r\n .file-upload:active {\r\n transform: scale(0.98);\r\n transform-origin: 0.5 0.5;\r\n }\r\n\r\n button {\r\n background: var(--backgroundGrey);\r\n border: 1px solid #424242;\r\n margin: 5px 10px 5px 10px;\r\n color: white;\r\n padding: 4px 5px;\r\n opacity: 0.9;\r\n border-radius: 4px;\r\n }\r\n\r\n button:hover {\r\n opacity: 1;\r\n }\r\n\r\n button:active {\r\n background: #282828;\r\n }\r\n\r\n button:focus {\r\n border: 1px solid #424242;\r\n outline: 0px;\r\n }\r\n }\r\n\r\n .numeric {\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n height: var(--spacingHeight);\r\n display: grid;\r\n grid-template-columns: 1fr 120px auto;\r\n\r\n .numeric-label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .number {\r\n display: flex;\r\n align-items: center;\r\n grid-column: 2;\r\n height: 10px;\r\n .input {\r\n width: calc(100% - 5px);\r\n height: 10px;\r\n }\r\n }\r\n }\r\n\r\n .checkBoxLine {\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n height: var(--spacingHeight);\r\n display: grid;\r\n grid-template-columns: auto 1fr auto;\r\n flex-grow: 1;\r\n\r\n .label {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n min-width: 100px;\r\n margin-left: 15px;\r\n height: var(--spacingHeight);\r\n font-weight: 600;\r\n }\r\n\r\n img {\r\n width: 30px;\r\n }\r\n\r\n .img {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .hidden {\r\n display: none;\r\n }\r\n }\r\n\r\n .listLine {\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n height: var(--spacingHeight);\r\n display: grid;\r\n grid-template-columns: auto 1fr auto;\r\n flex-grow: 1;\r\n\r\n .label {\r\n grid-column: 2;\r\n display: none;\r\n align-items: center;\r\n }\r\n\r\n img {\r\n width: 30px;\r\n }\r\n\r\n .img {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .options {\r\n grid-column: 2;\r\n padding-left: 15px;\r\n display: flex;\r\n align-items: center;\r\n\r\n select {\r\n width: 100%;\r\n height: 25px;\r\n border: transparent;\r\n }\r\n\r\n input {\r\n width: 100%;\r\n height: 24px;\r\n color: #333333;\r\n }\r\n }\r\n }\r\n\r\n .color3Line {\r\n padding-left: 15px;\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n display: grid;\r\n flex-grow: 1;\r\n\r\n .firstLine {\r\n height: var(--spacingHeight);\r\n display: flex;\r\n align-items: center;\r\n\r\n .label {\r\n grid-column: 2;\r\n padding-left: 5px;\r\n display: none;\r\n align-items: center;\r\n min-width: 15px;\r\n }\r\n\r\n .img {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n img {\r\n width: 30px;\r\n height: 30px;\r\n }\r\n\r\n .textInputLine {\r\n grid-column: 3;\r\n padding-left: 2px;\r\n flex-grow: 1;\r\n }\r\n\r\n .color3 {\r\n display: flex;\r\n align-items: center;\r\n\r\n input {\r\n margin-right: 5px;\r\n }\r\n }\r\n\r\n .copy {\r\n grid-column: 4;\r\n display: none;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n color: black;\r\n img {\r\n height: 100%;\r\n width: 20px;\r\n }\r\n }\r\n\r\n .expand {\r\n grid-column: 4;\r\n display: none;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n\r\n img {\r\n height: 100%;\r\n width: 20px;\r\n }\r\n }\r\n }\r\n\r\n .secondLine {\r\n display: grid;\r\n padding-right: 5px;\r\n border-left: 1px solid rgb(51, 122, 183);\r\n\r\n .numeric {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n }\r\n\r\n .numeric-label {\r\n text-align: right;\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-self: right;\r\n margin-right: 10px;\r\n }\r\n\r\n .numeric-value {\r\n width: 120px;\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n border: 1px solid rgb(51, 122, 183);\r\n }\r\n }\r\n }\r\n\r\n .textLine {\r\n padding-left: $line-padding-left;\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n padding-right: $line-padding-right;\r\n height: auto;\r\n display: grid;\r\n grid-template-columns: auto auto 2fr 1fr;\r\n .label {\r\n grid-column: 2;\r\n padding-left: 5px;\r\n padding-top: 4px;\r\n display: flex;\r\n align-items: left;\r\n min-width: 15px;\r\n color: #a9a9a9;\r\n font-size: 10px;\r\n font-family: \"acumin-pro-semi-condensed\", sans-serif;\r\n font-weight: 600;\r\n }\r\n\r\n img {\r\n width: 30px;\r\n }\r\n\r\n .img {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .link-value {\r\n grid-column: 2;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n text-align: end;\r\n opacity: 0.8;\r\n margin: 5px;\r\n margin-top: 6px;\r\n max-width: 140px;\r\n text-decoration: underline;\r\n cursor: pointer;\r\n }\r\n\r\n .value {\r\n display: none;\r\n grid-column: 3;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n text-align: end;\r\n opacity: 0.8;\r\n margin: 5px;\r\n margin-top: 6px;\r\n max-width: 200px;\r\n -webkit-user-select: text;\r\n -moz-user-select: text;\r\n -ms-user-select: text;\r\n user-select: text;\r\n\r\n &.check {\r\n color: green;\r\n }\r\n\r\n &.uncheck {\r\n color: red;\r\n }\r\n }\r\n }\r\n}\r\n"],"sourceRoot":""}]);
|
|
90
|
+
___CSS_LOADER_EXPORT___.push([module.id, ":root {\n --backgroundGrey: #aaaaaa;\n --spacingHeight: 30px;\n --button: #333333;\n --buttonBackground: #ffffff;\n --buttonDisabledBackground: #c8c8c8;\n --disabledBackground: #c8c8c8;\n --buttonPressed: #ffffff;\n --buttonPressedBackground: #606060;\n --buttonHoverBackground: #afafaf; }\n\n#ge-propertyTab {\n user-select: none;\n color: black;\n background: #e2e2e2; }\n #ge-propertyTab * {\n font-family: \"acumin-pro-condensed\", sans-serif;\n font-size: 12px; }\n #ge-propertyTab #header {\n height: 32px;\n font-size: 16px;\n color: white;\n background: white;\n grid-row: 1;\n text-align: center;\n display: grid;\n grid-template-columns: 30px 1fr;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n #ge-propertyTab #header #logo {\n position: relative;\n grid-column: 1;\n width: 32px;\n height: 32px;\n left: 0;\n display: flex;\n align-self: center;\n justify-self: center;\n filter: invert(1); }\n #ge-propertyTab #header #title {\n background: white;\n color: black;\n grid-column: 2;\n display: grid;\n align-items: center;\n text-align: center; }\n #ge-propertyTab .range {\n -webkit-appearance: none;\n width: 100%;\n height: 2px;\n background: #bcbcbc;\n border-radius: 5px;\n outline: none;\n opacity: 0.7;\n -webkit-transition: 0.2s;\n transition: opacity 0.2s;\n padding: 0; }\n #ge-propertyTab .range:hover {\n opacity: 1; }\n #ge-propertyTab .range::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: #e2e2e2;\n border: solid;\n border-width: thin;\n cursor: pointer; }\n #ge-propertyTab .range::-moz-range-thumb {\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: black;\n cursor: pointer; }\n #ge-propertyTab input[type=\"color\"] {\n -webkit-appearance: none;\n border: 1px solid rgba(255, 255, 255, 0.5);\n padding: 0;\n width: 30px;\n height: 20px; }\n #ge-propertyTab input[type=\"color\"]::-webkit-color-swatch-wrapper {\n padding: 0; }\n #ge-propertyTab input[type=\"color\"]::-webkit-color-swatch {\n border: none; }\n #ge-propertyTab hr {\n border: 1px solid #d0cece; }\n #ge-propertyTab .icon {\n width: 30px;\n height: 30px; }\n #ge-propertyTab .unit {\n width: 26px;\n height: 26px;\n color: var(--button);\n background-color: var(--buttonBackground);\n border: none;\n margin-top: 2px;\n cursor: pointer;\n margin-left: 2px;\n font-family: \"atten-round-new\", sans-serif;\n font-weight: 500;\n font-style: normal;\n display: flex;\n justify-content: center;\n align-items: center; }\n #ge-propertyTab .unit:disabled {\n background-color: var(--buttonDisabledBackground);\n cursor: not-allowed; }\n #ge-propertyTab .unit:not(:disabled):hover {\n background-color: var(--buttonHoverBackground); }\n #ge-propertyTab .unit:not(:disabled):active {\n color: var(--buttonPressed);\n background-color: var(--buttonPressedBackground); }\n #ge-propertyTab input,\n #ge-propertyTab select {\n outline-style: solid;\n outline-width: 0px;\n outline-color: transparent;\n outline-offset: -1px;\n outline-width: 1px;\n transition: outline-color 0.2s;\n border: transparent;\n padding-left: 5px; }\n #ge-propertyTab input:focus,\n #ge-propertyTab select:focus {\n outline-width: 1px;\n outline-color: black; }\n #ge-propertyTab .hasArrows input::-webkit-outer-spin-button,\n #ge-propertyTab .hasArrows input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0; }\n #ge-propertyTab .hasArrows input[type=\"number\"] {\n -moz-appearance: textfield; }\n #ge-propertyTab .sliderLine {\n height: var(--spacingHeight);\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: auto 1fr 20px 1fr;\n flex-grow: 1; }\n #ge-propertyTab .sliderLine .label {\n grid-column: 1;\n display: flex;\n align-items: center;\n min-width: 15px;\n font-weight: 600; }\n #ge-propertyTab .sliderLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .sliderLine .slider {\n grid-column: 4;\n grid-row: 1;\n margin-right: 5px;\n display: flex;\n align-items: center;\n padding-left: 5px; }\n #ge-propertyTab .sliderLine .floatLine {\n grid-column: 2;\n padding-left: 0px;\n grid-template-columns: 1fr auto; }\n #ge-propertyTab .sliderLine .floatLine .label {\n grid-column: 1;\n display: none;\n align-items: center;\n font-weight: 600; }\n #ge-propertyTab .sliderLine .floatLine .short {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .sliderLine .floatLine .short input {\n width: 100%;\n background-color: white;\n height: 24px; }\n #ge-propertyTab .sliderLine .floatLine .short input::-webkit-outer-spin-button,\n #ge-propertyTab .sliderLine .floatLine .short input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0; }\n #ge-propertyTab .sliderLine .floatLine .short input[type=\"number\"] {\n -webkit-appearance: textfield;\n -moz-appearance: textfield;\n appearance: textfield; }\n #ge-propertyTab .ge-divider {\n padding-right: 18px;\n padding-left: 5px;\n display: grid;\n grid-template-columns: auto 1fr;\n padding-top: 1px;\n padding-bottom: 1px; }\n #ge-propertyTab .ge-divider.double {\n display: grid;\n grid-template-columns: auto 1fr 5px 1fr; }\n #ge-propertyTab .ge-divider.double > .textInputLine:first-of-type,\n #ge-propertyTab .ge-divider.double > .floatLine:first-of-type {\n grid-column: 2; }\n #ge-propertyTab .ge-divider.double > .textInputLine:nth-of-type(2),\n #ge-propertyTab .ge-divider.double > .floatLine:nth-of-type(2) {\n grid-column: 4; }\n #ge-propertyTab .ge-grid-divider {\n display: grid;\n grid-template-columns: 150px 1fr auto; }\n #ge-propertyTab .ge-grid-divider .textLine {\n grid-column: auto; }\n #ge-propertyTab .ge-grid-button-divider {\n display: grid;\n grid-template-columns: 60px 60px 60px 60px; }\n #ge-propertyTab .ge-grid-remove {\n display: grid;\n background-color: #c2c2c2;\n margin-bottom: 5px;\n filter: invert(1); }\n #ge-propertyTab .ge-grid-edit {\n display: grid;\n background-color: #878787;\n margin-bottom: 5px;\n filter: invert(1); }\n #ge-propertyTab .ge-grid {\n display: grid;\n margin-bottom: 5px; }\n #ge-propertyTab .ge-divider.double .textInputLine {\n grid-template-columns: auto auto 1fr auto; }\n #ge-propertyTab .textInputLine,\n #ge-propertyTab .floatLine {\n user-select: none;\n padding-bottom: 0px;\n padding-top: 0px;\n height: var(--spacingHeight);\n display: grid;\n grid-template-columns: auto auto 1fr;\n flex-grow: 1; }\n #ge-propertyTab .textInputLine .label,\n #ge-propertyTab .floatLine .label {\n grid-column: 2;\n display: flex;\n align-items: center;\n min-width: 15px;\n font-weight: 600; }\n #ge-propertyTab .textInputLine .disabled,\n #ge-propertyTab .floatLine .disabled {\n color: var(--backgroundGrey);\n background-color: var(--disabledBackground); }\n #ge-propertyTab .textInputLine img,\n #ge-propertyTab .floatLine img {\n width: 30px; }\n #ge-propertyTab .textInputLine .img,\n #ge-propertyTab .floatLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .textInputLine .value,\n #ge-propertyTab .floatLine .value {\n display: flex;\n align-items: center;\n grid-column: 3;\n background: transparent;\n height: 26px;\n position: relative;\n background-color: white;\n margin-top: 2px;\n overflow-y: hidden; }\n #ge-propertyTab .textInputLine .value input,\n #ge-propertyTab .floatLine .value input {\n width: 100%;\n height: 24px;\n color: #333333; }\n #ge-propertyTab .textInputLine .value input.hasArrows,\n #ge-propertyTab .floatLine .value input.hasArrows {\n padding-right: 15px; }\n #ge-propertyTab .textInputLine .value .arrows,\n #ge-propertyTab .floatLine .value .arrows {\n display: none;\n position: absolute;\n right: 0;\n flex-direction: column;\n cursor: grab; }\n #ge-propertyTab .textInputLine .value .arrows .downArrowIcon,\n #ge-propertyTab .textInputLine .value .arrows .upArrowIcon,\n #ge-propertyTab .floatLine .value .arrows .downArrowIcon,\n #ge-propertyTab .floatLine .value .arrows .upArrowIcon {\n width: 13px;\n height: 13px; }\n #ge-propertyTab .textInputLine .value:hover .arrows,\n #ge-propertyTab .textInputLine .value:focus .arrows,\n #ge-propertyTab .textInputLine .value.dragging .arrows,\n #ge-propertyTab .floatLine .value:hover .arrows,\n #ge-propertyTab .floatLine .value:focus .arrows,\n #ge-propertyTab .floatLine .value.dragging .arrows {\n display: flex; }\n #ge-propertyTab .textInputLine .value .arrows:hover,\n #ge-propertyTab .floatLine .value .arrows:hover {\n background-color: var(--buttonHoverBackground); }\n #ge-propertyTab .textInputLine .value.dragging .arrows,\n #ge-propertyTab .floatLine .value.dragging .arrows {\n background-color: var(--buttonPressedBackground); }\n #ge-propertyTab .textInputLine .value.dragging .arrows .downArrowIcon,\n #ge-propertyTab .textInputLine .value.dragging .arrows .upArrowIcon,\n #ge-propertyTab .floatLine .value.dragging .arrows .downArrowIcon,\n #ge-propertyTab .floatLine .value.dragging .arrows .upArrowIcon {\n filter: brightness(10); }\n #ge-propertyTab .textInputLine.withUnits {\n grid-template-columns: auto auto 1fr auto; }\n #ge-propertyTab .textInputArea {\n height: 100%;\n display: grid;\n grid-template-columns: 1fr 120px; }\n #ge-propertyTab .textInputArea .disabled {\n color: var(--backgroundGrey);\n background-color: var(--disabledBackground); }\n #ge-propertyTab .textInputArea .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .textInputArea .value {\n display: flex;\n align-items: center;\n grid-column: 2; }\n #ge-propertyTab .textInputArea .value textarea {\n width: calc(150% - 5px);\n margin-left: -50%;\n height: 40px; }\n #ge-propertyTab .paneContainer {\n margin-top: 3px;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 100%; }\n #ge-propertyTab .paneContainer .paneList {\n border-left: 3px solid transparent; }\n #ge-propertyTab .paneContainer:hover .paneList {\n border-left: 3px solid rgba(51, 122, 183, 0.8); }\n #ge-propertyTab .paneContainer:hover .paneContainer-content .header .title {\n border-left: 3px solid #337ab7; }\n #ge-propertyTab .paneContainer .paneContainer-highlight-border {\n grid-row: 1;\n grid-column: 1;\n opacity: 1;\n border: 3px solid red;\n transition: opacity 250ms;\n pointer-events: none; }\n #ge-propertyTab .paneContainer .paneContainer-highlight-border.transparent {\n opacity: 0; }\n #ge-propertyTab .paneContainer .paneContainer-content {\n grid-row: 1;\n grid-column: 1; }\n #ge-propertyTab .paneContainer .paneContainer-content .header {\n display: grid;\n grid-template-columns: 1fr auto;\n background: #cccccc;\n height: var(--spacingHeight);\n padding-bottom: 0px;\n padding-top: 0px;\n padding-right: 5px;\n cursor: pointer; }\n #ge-propertyTab .paneContainer .paneContainer-content .header .title {\n border-left: 3px solid transparent;\n padding-left: 5px;\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .paneContainer .paneContainer-content .header .collapse {\n grid-column: 2;\n display: flex;\n align-items: center;\n justify-items: center;\n transform-origin: center; }\n #ge-propertyTab .paneContainer .paneContainer-content .header .collapse.closed {\n transform: rotate(180deg); }\n #ge-propertyTab .paneContainer .paneContainer-content .paneList > div:not(:last-child) {\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1); }\n #ge-propertyTab .paneContainer .paneContainer-content .fragment > div:not(:last-child) {\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1); }\n #ge-propertyTab .color-picker {\n height: 26px;\n width: 26px; }\n #ge-propertyTab .color-picker .color-rect-background {\n width: calc(100% - 2px);\n height: calc(100% - 2px);\n border: 1px black solid;\n cursor: pointer;\n background: repeating-conic-gradient(#e2e2e2 0% 25%, white 0% 50%) 50%/100% 100%; }\n #ge-propertyTab .color-picker .color-rect-background .color-rect {\n height: 100%; }\n #ge-propertyTab .color-picker .color-picker-cover {\n z-index: 2;\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px; }\n #ge-propertyTab .color-picker .color-picker-float {\n position: absolute;\n outline: 1px solid black; }\n #ge-propertyTab .color-picker .color-picker-container {\n background-color: #e2e2e2; }\n #ge-propertyTab .gradient-step {\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 20px 30px 40px auto 20px 30px;\n padding-top: 5px;\n padding-left: 5px;\n padding-bottom: 5px; }\n #ge-propertyTab .gradient-step .step {\n grid-row: 1;\n grid-column: 1; }\n #ge-propertyTab .gradient-step .color {\n grid-row: 1;\n grid-column: 2;\n cursor: pointer; }\n #ge-propertyTab .gradient-step .step-value {\n margin-left: 5px;\n grid-row: 1;\n grid-column: 3;\n text-align: right;\n margin-right: 5px; }\n #ge-propertyTab .gradient-step .step-slider {\n grid-row: 1;\n grid-column: 4;\n display: grid;\n justify-content: stretch;\n align-content: center;\n margin-right: -5px;\n padding-left: 12px; }\n #ge-propertyTab .gradient-step .step-slider input {\n width: 90%; }\n #ge-propertyTab .gradient-step .gradient-copy {\n grid-row: 1;\n grid-column: 5;\n display: grid;\n align-content: center;\n justify-content: center; }\n #ge-propertyTab .gradient-step .gradient-copy .img {\n height: 20px;\n width: 20px; }\n #ge-propertyTab .gradient-step .gradient-copy .img:hover {\n cursor: pointer; }\n #ge-propertyTab .gradient-step .gradient-delete {\n grid-row: 1;\n grid-column: 6;\n display: grid;\n align-content: center;\n justify-content: center; }\n #ge-propertyTab .gradient-step .gradient-delete .img {\n height: 20px;\n width: 20px; }\n #ge-propertyTab .gradient-step .gradient-delete .img:hover {\n cursor: pointer; }\n #ge-propertyTab .alignment-bar {\n display: flex;\n justify-content: center;\n padding-right: 5px; }\n #ge-propertyTab .command-button {\n cursor: pointer;\n width: 30px; }\n #ge-propertyTab .command-button .command-label {\n display: none; }\n #ge-propertyTab .command-button .command-button-icon {\n height: 100%;\n width: 100%;\n display: grid;\n color: white;\n align-content: center;\n justify-content: center; }\n #ge-propertyTab .command-button:hover {\n background-color: white; }\n #ge-propertyTab .command-button .active {\n transform-origin: center;\n background-color: white; }\n #ge-propertyTab .command-button img.active {\n background-color: white; }\n #ge-propertyTab .command-button.disabled {\n background-color: var(--buttonDisabledBackground);\n pointer-events: none; }\n #ge-propertyTab .command-button-alt {\n cursor: pointer;\n width: 40px;\n margin-left: 5px;\n margin-right: 5px;\n background-color: white; }\n #ge-propertyTab .command-button-alt .command-label {\n display: none; }\n #ge-propertyTab .command-button-alt .command-button-icon {\n height: 100%;\n width: 100%;\n display: grid;\n align-content: center;\n justify-content: center; }\n #ge-propertyTab .command-button-alt:hover {\n background-color: #c2c2c2;\n filter: invert(1); }\n #ge-propertyTab .command-button-alt-disabled {\n cursor: pointer;\n pointer-events: none;\n width: 40px;\n margin-left: 5px;\n margin-right: 5px;\n background-color: white; }\n #ge-propertyTab .command-button-alt-disabled .command-label {\n display: none; }\n #ge-propertyTab .command-button-alt-disabled .command-button-icon {\n height: 100%;\n width: 100%;\n display: grid;\n align-content: center;\n justify-content: center; }\n #ge-propertyTab .command-button-alt-disabled img {\n filter: invert(1); }\n #ge-propertyTab .command-button-alt-active {\n cursor: pointer;\n pointer-events: none;\n width: 40px;\n margin-left: 5px;\n margin-right: 5px;\n background-color: #c2c2c2;\n filter: invert(1); }\n #ge-propertyTab .command-button-alt-active .command-label {\n display: none; }\n #ge-propertyTab .command-button-alt-active .command-button-icon {\n height: 100%;\n width: 100%;\n display: grid;\n align-content: center;\n justify-content: center; }\n #ge-propertyTab .floatLine {\n user-select: none;\n height: var(--spacingHeight);\n padding-bottom: 0px;\n padding-top: 0px;\n display: grid;\n grid-template-columns: auto auto 2fr auto;\n flex-grow: 1; }\n #ge-propertyTab .floatLine .label {\n grid-column: 2;\n display: flex;\n align-items: center;\n min-width: 15px;\n font-weight: 600; }\n #ge-propertyTab .floatLine img {\n width: 30px; }\n #ge-propertyTab .floatLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .floatLine .value {\n display: flex;\n align-items: center;\n grid-column: 3;\n background: transparent;\n height: 26px; }\n #ge-propertyTab .floatLine .value input {\n width: 100%;\n background-color: white;\n height: 24px; }\n #ge-propertyTab .floatLine .short {\n grid-column: 2;\n display: flex;\n align-items: center; }\n #ge-propertyTab .floatLine .short input {\n width: 100%; }\n #ge-propertyTab .floatLine .short input::-webkit-outer-spin-button,\n #ge-propertyTab .floatLine .short input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0; }\n #ge-propertyTab .floatLine .short input[type=\"number\"] {\n -moz-appearance: textfield; }\n #ge-propertyTab .vector3Line {\n padding-bottom: 0px;\n padding-top: 0px;\n display: grid; }\n #ge-propertyTab .vector3Line .firstLine {\n display: grid;\n grid-template-columns: 1fr auto 20px;\n height: var(--spacingHeight); }\n #ge-propertyTab .vector3Line .firstLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .vector3Line .firstLine .vector {\n grid-column: 2;\n display: flex;\n align-items: center;\n text-align: right;\n opacity: 0.8; }\n #ge-propertyTab .vector3Line .firstLine .expand {\n grid-column: 3;\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #ge-propertyTab .vector3Line .secondLine {\n display: grid;\n padding-right: 5px;\n border-left: 1px solid #337ab7; }\n #ge-propertyTab .vector3Line .secondLine .no-right-margin {\n margin-right: 0; }\n #ge-propertyTab .vector3Line .secondLine .numeric {\n display: grid;\n grid-template-columns: 1fr auto; }\n #ge-propertyTab .vector3Line .secondLine .numeric-label {\n text-align: right;\n grid-column: 1;\n display: flex;\n align-items: center;\n justify-self: right;\n margin-right: 10px; }\n #ge-propertyTab .vector3Line .secondLine .numeric-value {\n width: 120px;\n grid-column: 2;\n display: flex;\n align-items: center;\n border: 1px solid #337ab7; }\n #ge-propertyTab .buttonLine {\n height: var(--spacingHeight);\n padding-bottom: 0px;\n padding-top: 0px;\n display: grid;\n align-items: center;\n justify-items: stretch;\n padding-bottom: 5px; }\n #ge-propertyTab .buttonLine input[type=\"file\"] {\n display: none; }\n #ge-propertyTab .buttonLine .file-upload {\n background: var(--backgroundGrey);\n border: 1px solid #424242;\n margin: 5px 10px;\n color: white;\n padding: 4px 5px;\n opacity: 0.9;\n cursor: pointer;\n text-align: center;\n border-radius: 4px; }\n #ge-propertyTab .buttonLine .file-upload:hover {\n opacity: 1; }\n #ge-propertyTab .buttonLine .file-upload:active {\n transform: scale(0.98);\n transform-origin: 0.5 0.5; }\n #ge-propertyTab .buttonLine button {\n background: var(--backgroundGrey);\n border: 1px solid #424242;\n margin: 5px 10px 5px 10px;\n color: white;\n padding: 4px 5px;\n opacity: 0.9;\n border-radius: 4px; }\n #ge-propertyTab .buttonLine button:hover {\n opacity: 1; }\n #ge-propertyTab .buttonLine button:active {\n background: #282828; }\n #ge-propertyTab .buttonLine button:focus {\n border: 1px solid #424242;\n outline: 0px; }\n #ge-propertyTab .numeric {\n padding-bottom: 0px;\n padding-top: 0px;\n height: var(--spacingHeight);\n display: grid;\n grid-template-columns: 1fr 120px auto; }\n #ge-propertyTab .numeric .numeric-label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .numeric .number {\n display: flex;\n align-items: center;\n grid-column: 2;\n height: 10px; }\n #ge-propertyTab .numeric .number .input {\n width: calc(100% - 5px);\n height: 10px; }\n #ge-propertyTab .checkBoxLine {\n padding-bottom: 0px;\n padding-top: 0px;\n height: var(--spacingHeight);\n display: grid;\n grid-template-columns: auto 1fr auto;\n flex-grow: 1; }\n #ge-propertyTab .checkBoxLine .label {\n grid-column: 2;\n display: flex;\n align-items: center;\n min-width: 100px;\n margin-left: 15px;\n height: var(--spacingHeight);\n font-weight: 600; }\n #ge-propertyTab .checkBoxLine img {\n width: 30px; }\n #ge-propertyTab .checkBoxLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .checkBoxLine .hidden {\n display: none; }\n #ge-propertyTab .listLine {\n padding-bottom: 0px;\n padding-top: 0px;\n height: var(--spacingHeight);\n display: grid;\n grid-template-columns: auto 1fr auto;\n flex-grow: 1; }\n #ge-propertyTab .listLine .label {\n grid-column: 2;\n display: none;\n align-items: center; }\n #ge-propertyTab .listLine img {\n width: 30px; }\n #ge-propertyTab .listLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .listLine .options {\n grid-column: 2;\n padding-left: 15px;\n display: flex;\n align-items: center; }\n #ge-propertyTab .listLine .options select {\n width: 100%;\n height: 25px;\n border: transparent; }\n #ge-propertyTab .listLine .options input {\n width: 100%;\n height: 24px;\n color: #333333; }\n #ge-propertyTab .color3Line {\n padding-left: 15px;\n padding-bottom: 0px;\n padding-top: 0px;\n display: grid;\n flex-grow: 1; }\n #ge-propertyTab .color3Line .firstLine {\n height: var(--spacingHeight);\n display: flex;\n align-items: center; }\n #ge-propertyTab .color3Line .firstLine .label {\n grid-column: 2;\n padding-left: 5px;\n display: none;\n align-items: center;\n min-width: 15px; }\n #ge-propertyTab .color3Line .firstLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .color3Line .firstLine img {\n width: 30px;\n height: 30px; }\n #ge-propertyTab .color3Line .firstLine .textInputLine {\n grid-column: 3;\n padding-left: 2px;\n flex-grow: 1; }\n #ge-propertyTab .color3Line .firstLine .color3 {\n display: flex;\n align-items: center; }\n #ge-propertyTab .color3Line .firstLine .color3 input {\n margin-right: 5px; }\n #ge-propertyTab .color3Line .firstLine .copy {\n grid-column: 4;\n display: none;\n align-items: center;\n justify-items: center;\n cursor: pointer;\n color: black; }\n #ge-propertyTab .color3Line .firstLine .copy img {\n height: 100%;\n width: 20px; }\n #ge-propertyTab .color3Line .firstLine .expand {\n grid-column: 4;\n display: none;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #ge-propertyTab .color3Line .firstLine .expand img {\n height: 100%;\n width: 20px; }\n #ge-propertyTab .color3Line .secondLine {\n display: grid;\n padding-right: 5px;\n border-left: 1px solid #337ab7; }\n #ge-propertyTab .color3Line .secondLine .numeric {\n display: grid;\n grid-template-columns: 1fr auto; }\n #ge-propertyTab .color3Line .secondLine .numeric-label {\n text-align: right;\n grid-column: 1;\n display: flex;\n align-items: center;\n justify-self: right;\n margin-right: 10px; }\n #ge-propertyTab .color3Line .secondLine .numeric-value {\n width: 120px;\n grid-column: 2;\n display: flex;\n align-items: center;\n border: 1px solid #337ab7; }\n #ge-propertyTab .textLine {\n padding-left: 5px;\n padding-bottom: 0px;\n padding-top: 0px;\n padding-right: 18px;\n height: auto;\n display: grid;\n grid-template-columns: auto auto 2fr 1fr; }\n #ge-propertyTab .textLine .label {\n grid-column: 2;\n padding-left: 5px;\n padding-top: 4px;\n display: flex;\n align-items: left;\n min-width: 15px;\n color: #a9a9a9;\n font-size: 10px;\n font-family: \"acumin-pro-semi-condensed\", sans-serif;\n font-weight: 600; }\n #ge-propertyTab .textLine img {\n width: 30px; }\n #ge-propertyTab .textLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .textLine .link-value {\n grid-column: 2;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n text-align: end;\n opacity: 0.8;\n margin: 5px;\n margin-top: 6px;\n max-width: 140px;\n text-decoration: underline;\n cursor: pointer; }\n #ge-propertyTab .textLine .value {\n display: none;\n grid-column: 3;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n text-align: end;\n opacity: 0.8;\n margin: 5px;\n margin-top: 6px;\n max-width: 200px;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text; }\n #ge-propertyTab .textLine .value.check {\n color: green; }\n #ge-propertyTab .textLine .value.uncheck {\n color: red; }\n", "",{"version":3,"sources":["webpack://./../../../tools/guiEditor/dist/components/propertyTab/propertyTab.scss"],"names":[],"mappings":"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","sourcesContent":[":root {\r\n --backgroundGrey: #aaaaaa;\r\n --spacingHeight: 30px;\r\n --button: #333333;\r\n --buttonBackground: #ffffff;\r\n --buttonDisabledBackground: #c8c8c8;\r\n --disabledBackground: #c8c8c8;\r\n --buttonPressed: #ffffff;\r\n --buttonPressedBackground: #606060;\r\n --buttonHoverBackground: #afafaf;\r\n}\r\n\r\n#ge-propertyTab {\r\n user-select: none;\r\n $line-padding-left: 5px;\r\n $line-padding-bottom: 0px;\r\n $line-padding-top: 0px;\r\n $line-padding-right: 18px;\r\n color: black;\r\n background: #e2e2e2;\r\n * {\r\n font-family: \"acumin-pro-condensed\", sans-serif;\r\n font-size: 12px;\r\n }\r\n #header {\r\n height: 32px;\r\n font-size: 16px;\r\n color: white;\r\n background: white;\r\n grid-row: 1;\r\n text-align: center;\r\n display: grid;\r\n grid-template-columns: 30px 1fr;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n\r\n #logo {\r\n position: relative;\r\n grid-column: 1;\r\n width: 32px;\r\n height: 32px;\r\n left: 0;\r\n display: flex;\r\n align-self: center;\r\n justify-self: center;\r\n filter: invert(1);\r\n }\r\n\r\n #title {\r\n background: white;\r\n color: black;\r\n grid-column: 2;\r\n display: grid;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n }\r\n\r\n .range {\r\n -webkit-appearance: none;\r\n width: 100%;\r\n height: 2px;\r\n background: #bcbcbc;\r\n border-radius: 5px;\r\n outline: none;\r\n opacity: 0.7;\r\n -webkit-transition: 0.2s;\r\n transition: opacity 0.2s;\r\n padding: 0;\r\n }\r\n\r\n .range:hover {\r\n opacity: 1;\r\n }\r\n\r\n .range::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: #e2e2e2;\r\n border: solid;\r\n border-width: thin;\r\n cursor: pointer;\r\n }\r\n\r\n .range::-moz-range-thumb {\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: rgb(0, 0, 0);\r\n cursor: pointer;\r\n }\r\n\r\n input[type=\"color\"] {\r\n -webkit-appearance: none;\r\n border: 1px solid rgba(255, 255, 255, 0.5);\r\n padding: 0;\r\n width: 30px;\r\n height: 20px;\r\n }\r\n input[type=\"color\"]::-webkit-color-swatch-wrapper {\r\n padding: 0;\r\n }\r\n input[type=\"color\"]::-webkit-color-swatch {\r\n border: none;\r\n }\r\n\r\n hr {\r\n border: 1px solid #d0cece;\r\n }\r\n\r\n .icon {\r\n width: 30px;\r\n height: 30px;\r\n }\r\n\r\n .unit {\r\n width: 26px;\r\n height: 26px;\r\n color: var(--button);\r\n background-color: var(--buttonBackground);\r\n border: none;\r\n margin-top: 2px;\r\n cursor: pointer;\r\n margin-left: 2px;\r\n font-family: \"atten-round-new\", sans-serif;\r\n font-weight: 500;\r\n font-style: normal;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .unit:disabled {\r\n background-color: var(--buttonDisabledBackground);\r\n cursor: not-allowed;\r\n }\r\n\r\n .unit:not(:disabled):hover {\r\n background-color: var(--buttonHoverBackground);\r\n }\r\n\r\n .unit:not(:disabled):active {\r\n color: var(--buttonPressed);\r\n background-color: var(--buttonPressedBackground);\r\n }\r\n\r\n input,\r\n select {\r\n outline-style: solid;\r\n outline-width: 0px;\r\n outline-color: transparent;\r\n outline-offset: -1px;\r\n outline-width: 1px;\r\n transition: outline-color 0.2s;\r\n border: transparent;\r\n padding-left: 5px;\r\n\r\n &:focus {\r\n outline-width: 1px;\r\n outline-color: black;\r\n }\r\n }\r\n\r\n .hasArrows input::-webkit-outer-spin-button,\r\n .hasArrows input::-webkit-inner-spin-button {\r\n -webkit-appearance: none;\r\n margin: 0;\r\n }\r\n\r\n .hasArrows input[type=\"number\"] {\r\n -moz-appearance: textfield;\r\n }\r\n\r\n .sliderLine {\r\n height: var(--spacingHeight);\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: auto 1fr 20px 1fr;\r\n flex-grow: 1;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n min-width: 15px;\r\n font-weight: 600;\r\n }\r\n\r\n .img {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .slider {\r\n grid-column: 4;\r\n grid-row: 1;\r\n margin-right: 5px;\r\n display: flex;\r\n align-items: center;\r\n padding-left: 5px;\r\n }\r\n\r\n .floatLine {\r\n grid-column: 2;\r\n padding-left: 0px;\r\n grid-template-columns: 1fr auto;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: none;\r\n align-items: center;\r\n font-weight: 600;\r\n }\r\n\r\n .short {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n\r\n input {\r\n width: 100%;\r\n background-color: white;\r\n height: 24px;\r\n }\r\n\r\n input::-webkit-outer-spin-button,\r\n input::-webkit-inner-spin-button {\r\n -webkit-appearance: none;\r\n margin: 0;\r\n }\r\n\r\n input[type=\"number\"] {\r\n -webkit-appearance: textfield;\r\n -moz-appearance: textfield;\r\n appearance: textfield;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .ge-divider {\r\n padding-right: $line-padding-right;\r\n padding-left: 5px;\r\n display: grid;\r\n grid-template-columns: auto 1fr;\r\n padding-top: 1px;\r\n padding-bottom: 1px;\r\n }\r\n .ge-divider.double {\r\n display: grid;\r\n grid-template-columns: auto 1fr 5px 1fr;\r\n > .textInputLine,\r\n > .floatLine {\r\n &:first-of-type {\r\n grid-column: 2;\r\n }\r\n &:nth-of-type(2) {\r\n grid-column: 4;\r\n }\r\n }\r\n }\r\n .ge-grid-divider {\r\n display: grid;\r\n grid-template-columns: 150px 1fr auto;\r\n\r\n .textLine {\r\n grid-column: auto;\r\n }\r\n }\r\n\r\n .ge-grid-button-divider {\r\n display: grid;\r\n grid-template-columns: 60px 60px 60px 60px;\r\n }\r\n\r\n .ge-grid-remove {\r\n display: grid;\r\n background-color: #c2c2c2;\r\n margin-bottom: 5px;\r\n filter: invert(1);\r\n }\r\n\r\n .ge-grid-edit {\r\n display: grid;\r\n background-color: #878787;\r\n margin-bottom: 5px;\r\n filter: invert(1);\r\n }\r\n\r\n .ge-grid {\r\n display: grid;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .ge-divider.double .textInputLine {\r\n grid-template-columns: auto auto 1fr auto;\r\n }\r\n\r\n .textInputLine,\r\n .floatLine {\r\n user-select: none;\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n height: var(--spacingHeight);\r\n display: grid;\r\n grid-template-columns: auto auto 1fr;\r\n flex-grow: 1;\r\n .label {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n min-width: 15px;\r\n font-weight: 600;\r\n }\r\n\r\n .disabled {\r\n color: var(--backgroundGrey);\r\n background-color: var(--disabledBackground);\r\n }\r\n\r\n img {\r\n width: 30px;\r\n }\r\n\r\n .img {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .value {\r\n display: flex;\r\n align-items: center;\r\n grid-column: 3;\r\n background: transparent;\r\n height: 26px;\r\n position: relative;\r\n background-color: white;\r\n margin-top: 2px;\r\n overflow-y: hidden;\r\n input {\r\n width: 100%;\r\n height: 24px;\r\n color: #333333;\r\n }\r\n input.hasArrows {\r\n padding-right: 15px;\r\n }\r\n .arrows {\r\n display: none;\r\n position: absolute;\r\n right: 0;\r\n flex-direction: column;\r\n cursor: grab;\r\n .downArrowIcon,\r\n .upArrowIcon {\r\n width: 13px;\r\n height: 13px;\r\n }\r\n }\r\n &:hover .arrows,\r\n &:focus .arrows,\r\n &.dragging .arrows {\r\n display: flex;\r\n }\r\n .arrows:hover {\r\n background-color: var(--buttonHoverBackground);\r\n }\r\n &.dragging .arrows {\r\n background-color: var(--buttonPressedBackground);\r\n .downArrowIcon,\r\n .upArrowIcon {\r\n filter: brightness(10);\r\n }\r\n }\r\n }\r\n }\r\n\r\n .textInputLine.withUnits {\r\n grid-template-columns: auto auto 1fr auto;\r\n }\r\n\r\n .textInputArea {\r\n height: 100%;\r\n display: grid;\r\n grid-template-columns: 1fr 120px;\r\n\r\n .disabled {\r\n color: var(--backgroundGrey);\r\n background-color: var(--disabledBackground);\r\n }\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .value {\r\n display: flex;\r\n align-items: center;\r\n grid-column: 2;\r\n\r\n textarea {\r\n width: calc(150% - 5px);\r\n margin-left: -50%;\r\n height: 40px;\r\n }\r\n }\r\n }\r\n\r\n .paneContainer {\r\n margin-top: 3px;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 100%;\r\n\r\n .paneList {\r\n border-left: 3px solid transparent;\r\n }\r\n\r\n &:hover {\r\n .paneList {\r\n border-left: 3px solid rgba(51, 122, 183, 0.8);\r\n }\r\n\r\n .paneContainer-content {\r\n .header {\r\n .title {\r\n border-left: 3px solid rgb(51, 122, 183);\r\n }\r\n }\r\n }\r\n }\r\n\r\n .paneContainer-highlight-border {\r\n grid-row: 1;\r\n grid-column: 1;\r\n opacity: 1;\r\n border: 3px solid red;\r\n transition: opacity 250ms;\r\n pointer-events: none;\r\n\r\n &.transparent {\r\n opacity: 0;\r\n }\r\n }\r\n\r\n .paneContainer-content {\r\n grid-row: 1;\r\n grid-column: 1;\r\n\r\n .header {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n background: #cccccc;\r\n height: var(--spacingHeight);\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n padding-right: 5px;\r\n cursor: pointer;\r\n\r\n .title {\r\n border-left: 3px solid transparent;\r\n padding-left: 5px;\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .collapse {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n justify-items: center;\r\n transform-origin: center;\r\n\r\n &.closed {\r\n transform: rotate(180deg);\r\n }\r\n }\r\n }\r\n\r\n .paneList > div:not(:last-child) {\r\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .fragment > div:not(:last-child) {\r\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);\r\n }\r\n }\r\n }\r\n\r\n .color-picker {\r\n height: 26px;\r\n width: 26px;\r\n\r\n .color-rect-background {\r\n width: calc(100% - 2px);\r\n height: calc(100% - 2px);\r\n border: 1px black solid;\r\n cursor: pointer;\r\n background: repeating-conic-gradient(#e2e2e2 0% 25%, white 0% 50%) 50% / 100% 100%;\r\n .color-rect {\r\n height: 100%;\r\n }\r\n }\r\n\r\n .color-picker-cover {\r\n z-index: 2;\r\n position: fixed;\r\n top: 0px;\r\n right: 0px;\r\n bottom: 0px;\r\n left: 0px;\r\n }\r\n\r\n .color-picker-float {\r\n position: absolute;\r\n outline: 1px solid black;\r\n }\r\n\r\n .color-picker-container {\r\n background-color: #e2e2e2;\r\n }\r\n }\r\n\r\n .gradient-step {\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 20px 30px 40px auto 20px 30px;\r\n padding-top: 5px;\r\n padding-left: 5px;\r\n padding-bottom: 5px;\r\n\r\n .step {\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n\r\n .color {\r\n grid-row: 1;\r\n grid-column: 2;\r\n cursor: pointer;\r\n }\r\n\r\n .step-value {\r\n margin-left: 5px;\r\n grid-row: 1;\r\n grid-column: 3;\r\n text-align: right;\r\n margin-right: 5px;\r\n }\r\n\r\n .step-slider {\r\n grid-row: 1;\r\n grid-column: 4;\r\n display: grid;\r\n justify-content: stretch;\r\n align-content: center;\r\n margin-right: -5px;\r\n padding-left: 12px;\r\n\r\n input {\r\n width: 90%;\r\n }\r\n }\r\n\r\n .gradient-copy {\r\n grid-row: 1;\r\n grid-column: 5;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n\r\n .img {\r\n height: 20px;\r\n width: 20px;\r\n }\r\n .img:hover {\r\n cursor: pointer;\r\n }\r\n }\r\n .gradient-delete {\r\n grid-row: 1;\r\n grid-column: 6;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n .img {\r\n height: 20px;\r\n width: 20px;\r\n }\r\n .img:hover {\r\n cursor: pointer;\r\n }\r\n }\r\n }\r\n\r\n .alignment-bar {\r\n display: flex;\r\n justify-content: center;\r\n padding-right: 5px;\r\n }\r\n\r\n .command-button {\r\n cursor: pointer;\r\n width: 30px;\r\n\r\n .command-label {\r\n display: none;\r\n }\r\n\r\n .command-button-icon {\r\n height: 100%;\r\n width: 100%;\r\n display: grid;\r\n color: white;\r\n align-content: center;\r\n justify-content: center;\r\n }\r\n\r\n &:hover {\r\n background-color: white;\r\n }\r\n\r\n .active {\r\n transform-origin: center;\r\n background-color: white;\r\n }\r\n\r\n img {\r\n &.active {\r\n background-color: white;\r\n }\r\n }\r\n\r\n &.disabled {\r\n background-color: var(--buttonDisabledBackground);\r\n pointer-events: none;\r\n }\r\n }\r\n\r\n .command-button-alt {\r\n cursor: pointer;\r\n width: 40px;\r\n margin-left: 5px;\r\n margin-right: 5px;\r\n .command-label {\r\n display: none;\r\n }\r\n\r\n background-color: white;\r\n .command-button-icon {\r\n height: 100%;\r\n width: 100%;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n }\r\n &:hover {\r\n background-color: #c2c2c2;\r\n filter: invert(1);\r\n }\r\n }\r\n\r\n .command-button-alt-disabled {\r\n cursor: pointer;\r\n pointer-events: none;\r\n width: 40px;\r\n margin-left: 5px;\r\n margin-right: 5px;\r\n .command-label {\r\n display: none;\r\n }\r\n\r\n background-color: white;\r\n .command-button-icon {\r\n height: 100%;\r\n width: 100%;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n }\r\n\r\n img {\r\n filter: invert(1);\r\n }\r\n }\r\n\r\n .command-button-alt-active {\r\n cursor: pointer;\r\n pointer-events: none;\r\n width: 40px;\r\n margin-left: 5px;\r\n margin-right: 5px;\r\n .command-label {\r\n display: none;\r\n }\r\n\r\n background-color: #c2c2c2;\r\n filter: invert(1);\r\n .command-button-icon {\r\n height: 100%;\r\n width: 100%;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n .floatLine {\r\n user-select: none;\r\n height: var(--spacingHeight);\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n display: grid;\r\n grid-template-columns: auto auto 2fr auto;\r\n flex-grow: 1;\r\n\r\n .label {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n min-width: 15px;\r\n font-weight: 600;\r\n }\r\n\r\n img {\r\n width: 30px;\r\n }\r\n\r\n .img {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .value {\r\n display: flex;\r\n align-items: center;\r\n grid-column: 3;\r\n background: transparent;\r\n height: 26px;\r\n input {\r\n width: 100%;\r\n background-color: white;\r\n height: 24px;\r\n }\r\n }\r\n\r\n .short {\r\n grid-column: 2;\r\n\r\n display: flex;\r\n align-items: center;\r\n\r\n input {\r\n width: 100%;\r\n }\r\n\r\n input::-webkit-outer-spin-button,\r\n input::-webkit-inner-spin-button {\r\n -webkit-appearance: none;\r\n margin: 0;\r\n }\r\n\r\n input[type=\"number\"] {\r\n -moz-appearance: textfield;\r\n }\r\n }\r\n }\r\n\r\n .vector3Line {\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n display: grid;\r\n .firstLine {\r\n display: grid;\r\n grid-template-columns: 1fr auto 20px;\r\n height: var(--spacingHeight);\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .vector {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n text-align: right;\r\n opacity: 0.8;\r\n }\r\n\r\n .expand {\r\n grid-column: 3;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n .secondLine {\r\n display: grid;\r\n padding-right: 5px;\r\n border-left: 1px solid rgb(51, 122, 183);\r\n\r\n .no-right-margin {\r\n margin-right: 0;\r\n }\r\n\r\n .numeric {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n }\r\n\r\n .numeric-label {\r\n text-align: right;\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-self: right;\r\n margin-right: 10px;\r\n }\r\n\r\n .numeric-value {\r\n width: 120px;\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n border: 1px solid rgb(51, 122, 183);\r\n }\r\n }\r\n }\r\n\r\n .buttonLine {\r\n height: var(--spacingHeight);\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n display: grid;\r\n align-items: center;\r\n justify-items: stretch;\r\n padding-bottom: 5px;\r\n input[type=\"file\"] {\r\n display: none;\r\n }\r\n\r\n .file-upload {\r\n background: var(--backgroundGrey);\r\n border: 1px solid #424242;\r\n margin: 5px 10px;\r\n color: white;\r\n padding: 4px 5px;\r\n opacity: 0.9;\r\n cursor: pointer;\r\n text-align: center;\r\n border-radius: 4px;\r\n }\r\n\r\n .file-upload:hover {\r\n opacity: 1;\r\n }\r\n\r\n .file-upload:active {\r\n transform: scale(0.98);\r\n transform-origin: 0.5 0.5;\r\n }\r\n\r\n button {\r\n background: var(--backgroundGrey);\r\n border: 1px solid #424242;\r\n margin: 5px 10px 5px 10px;\r\n color: white;\r\n padding: 4px 5px;\r\n opacity: 0.9;\r\n border-radius: 4px;\r\n }\r\n\r\n button:hover {\r\n opacity: 1;\r\n }\r\n\r\n button:active {\r\n background: #282828;\r\n }\r\n\r\n button:focus {\r\n border: 1px solid #424242;\r\n outline: 0px;\r\n }\r\n }\r\n\r\n .numeric {\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n height: var(--spacingHeight);\r\n display: grid;\r\n grid-template-columns: 1fr 120px auto;\r\n\r\n .numeric-label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .number {\r\n display: flex;\r\n align-items: center;\r\n grid-column: 2;\r\n height: 10px;\r\n .input {\r\n width: calc(100% - 5px);\r\n height: 10px;\r\n }\r\n }\r\n }\r\n\r\n .checkBoxLine {\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n height: var(--spacingHeight);\r\n display: grid;\r\n grid-template-columns: auto 1fr auto;\r\n flex-grow: 1;\r\n\r\n .label {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n min-width: 100px;\r\n margin-left: 15px;\r\n height: var(--spacingHeight);\r\n font-weight: 600;\r\n }\r\n\r\n img {\r\n width: 30px;\r\n }\r\n\r\n .img {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .hidden {\r\n display: none;\r\n }\r\n }\r\n\r\n .listLine {\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n height: var(--spacingHeight);\r\n display: grid;\r\n grid-template-columns: auto 1fr auto;\r\n flex-grow: 1;\r\n\r\n .label {\r\n grid-column: 2;\r\n display: none;\r\n align-items: center;\r\n }\r\n\r\n img {\r\n width: 30px;\r\n }\r\n\r\n .img {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .options {\r\n grid-column: 2;\r\n padding-left: 15px;\r\n display: flex;\r\n align-items: center;\r\n\r\n select {\r\n width: 100%;\r\n height: 25px;\r\n border: transparent;\r\n }\r\n\r\n input {\r\n width: 100%;\r\n height: 24px;\r\n color: #333333;\r\n }\r\n }\r\n }\r\n\r\n .color3Line {\r\n padding-left: 15px;\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n display: grid;\r\n flex-grow: 1;\r\n\r\n .firstLine {\r\n height: var(--spacingHeight);\r\n display: flex;\r\n align-items: center;\r\n\r\n .label {\r\n grid-column: 2;\r\n padding-left: 5px;\r\n display: none;\r\n align-items: center;\r\n min-width: 15px;\r\n }\r\n\r\n .img {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n img {\r\n width: 30px;\r\n height: 30px;\r\n }\r\n\r\n .textInputLine {\r\n grid-column: 3;\r\n padding-left: 2px;\r\n flex-grow: 1;\r\n }\r\n\r\n .color3 {\r\n display: flex;\r\n align-items: center;\r\n\r\n input {\r\n margin-right: 5px;\r\n }\r\n }\r\n\r\n .copy {\r\n grid-column: 4;\r\n display: none;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n color: black;\r\n img {\r\n height: 100%;\r\n width: 20px;\r\n }\r\n }\r\n\r\n .expand {\r\n grid-column: 4;\r\n display: none;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n\r\n img {\r\n height: 100%;\r\n width: 20px;\r\n }\r\n }\r\n }\r\n\r\n .secondLine {\r\n display: grid;\r\n padding-right: 5px;\r\n border-left: 1px solid rgb(51, 122, 183);\r\n\r\n .numeric {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n }\r\n\r\n .numeric-label {\r\n text-align: right;\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-self: right;\r\n margin-right: 10px;\r\n }\r\n\r\n .numeric-value {\r\n width: 120px;\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n border: 1px solid rgb(51, 122, 183);\r\n }\r\n }\r\n }\r\n\r\n .textLine {\r\n padding-left: $line-padding-left;\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n padding-right: $line-padding-right;\r\n height: auto;\r\n display: grid;\r\n grid-template-columns: auto auto 2fr 1fr;\r\n .label {\r\n grid-column: 2;\r\n padding-left: 5px;\r\n padding-top: 4px;\r\n display: flex;\r\n align-items: left;\r\n min-width: 15px;\r\n color: #a9a9a9;\r\n font-size: 10px;\r\n font-family: \"acumin-pro-semi-condensed\", sans-serif;\r\n font-weight: 600;\r\n }\r\n\r\n img {\r\n width: 30px;\r\n }\r\n\r\n .img {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .link-value {\r\n grid-column: 2;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n text-align: end;\r\n opacity: 0.8;\r\n margin: 5px;\r\n margin-top: 6px;\r\n max-width: 140px;\r\n text-decoration: underline;\r\n cursor: pointer;\r\n }\r\n\r\n .value {\r\n display: none;\r\n grid-column: 3;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n text-align: end;\r\n opacity: 0.8;\r\n margin: 5px;\r\n margin-top: 6px;\r\n max-width: 200px;\r\n -webkit-user-select: text;\r\n -moz-user-select: text;\r\n -ms-user-select: text;\r\n user-select: text;\r\n\r\n &.check {\r\n color: green;\r\n }\r\n\r\n &.uncheck {\r\n color: red;\r\n }\r\n }\r\n }\r\n}\r\n"],"sourceRoot":""}]);
|
|
91
91
|
// Exports
|
|
92
92
|
___CSS_LOADER_EXPORT___.locals = {};
|
|
93
93
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
@@ -36970,6 +36970,9 @@ class TextInputLineComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Componen
|
|
|
36970
36970
|
return 0;
|
|
36971
36971
|
}
|
|
36972
36972
|
updateValue(value, valueToValidate) {
|
|
36973
|
+
if (this.props.disabled) {
|
|
36974
|
+
return;
|
|
36975
|
+
}
|
|
36973
36976
|
if (this.props.numbersOnly) {
|
|
36974
36977
|
if (/[^0-9.\p\x%-]/g.test(value)) {
|
|
36975
36978
|
return;
|
|
@@ -37030,7 +37033,7 @@ class TextInputLineComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Componen
|
|
|
37030
37033
|
this.updateValue((currentValue + amount).toFixed(2));
|
|
37031
37034
|
}
|
|
37032
37035
|
onKeyDown(event) {
|
|
37033
|
-
if (this.props.arrows) {
|
|
37036
|
+
if (!this.props.disabled && this.props.arrows) {
|
|
37034
37037
|
if (event.key === "ArrowUp") {
|
|
37035
37038
|
this.incrementValue(1);
|
|
37036
37039
|
event.preventDefault();
|
|
@@ -37045,7 +37048,8 @@ class TextInputLineComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Componen
|
|
|
37045
37048
|
const value = this.state.value === _targetsProxy__WEBPACK_IMPORTED_MODULE_2__.conflictingValuesPlaceholder ? "" : this.state.value;
|
|
37046
37049
|
const placeholder = this.state.value === _targetsProxy__WEBPACK_IMPORTED_MODULE_2__.conflictingValuesPlaceholder ? _targetsProxy__WEBPACK_IMPORTED_MODULE_2__.conflictingValuesPlaceholder : this.props.placeholder || "";
|
|
37047
37050
|
const step = this.props.step || (this.props.roundValues ? 1 : 0.01);
|
|
37048
|
-
|
|
37051
|
+
const className = this.props.multilines ? "textInputArea" : this.props.unit !== undefined ? "textInputLine withUnits" : "textInputLine";
|
|
37052
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: 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" }), this.props.label !== undefined && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "label", title: this.props.label, children: this.props.label })), this.props.multilines && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("textarea", { className: this.props.disabled ? "disabled" : "", value: this.state.value, onFocus: () => {
|
|
37049
37053
|
if (this.props.lockObject) {
|
|
37050
37054
|
this.props.lockObject.lock = true;
|
|
37051
37055
|
}
|
|
@@ -37059,7 +37063,7 @@ class TextInputLineComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Componen
|
|
|
37059
37063
|
if (this.props.lockObject) {
|
|
37060
37064
|
this.props.lockObject.lock = false;
|
|
37061
37065
|
}
|
|
37062
|
-
} }) })), !this.props.multilines && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: `value${this.props.noUnderline === true ? " noUnderline" : ""}${this.props.arrows ? " hasArrows" : ""}${this.state.dragging ? " dragging" : ""}`, children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input", { value: value, onBlur: (evt) => {
|
|
37066
|
+
}, disabled: this.props.disabled }) })), !this.props.multilines && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: `value${this.props.noUnderline === true ? " noUnderline" : ""}${this.props.arrows ? " hasArrows" : ""}${this.state.dragging ? " dragging" : ""}`, children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input", { className: this.props.disabled ? "disabled" : "", value: value, onBlur: (evt) => {
|
|
37063
37067
|
if (this.props.lockObject) {
|
|
37064
37068
|
this.props.lockObject.lock = false;
|
|
37065
37069
|
}
|
|
@@ -37068,7 +37072,7 @@ class TextInputLineComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Componen
|
|
|
37068
37072
|
if (this.props.lockObject) {
|
|
37069
37073
|
this.props.lockObject.lock = true;
|
|
37070
37074
|
}
|
|
37071
|
-
}, onChange: (evt) => this.updateValue(evt.target.value), onKeyDown: (evt) => this.onKeyDown(evt), placeholder: placeholder, type: this.props.numeric ? "number" : "text", step: step }), this.props.arrows && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_inputArrowsComponent__WEBPACK_IMPORTED_MODULE_3__.InputArrowsComponent, { incrementValue: (amount) => this.incrementValue(amount), setDragging: (dragging) => this.setState({ dragging }) }))] })), this.props.unit] }));
|
|
37075
|
+
}, onChange: (evt) => this.updateValue(evt.target.value), onKeyDown: (evt) => this.onKeyDown(evt), placeholder: placeholder, type: this.props.numeric ? "number" : "text", step: step, disabled: this.props.disabled }), this.props.arrows && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_inputArrowsComponent__WEBPACK_IMPORTED_MODULE_3__.InputArrowsComponent, { incrementValue: (amount) => this.incrementValue(amount), setDragging: (dragging) => this.setState({ dragging }) }))] })), this.props.unit] }));
|
|
37072
37076
|
}
|
|
37073
37077
|
}
|
|
37074
37078
|
|
|
@@ -37543,7 +37547,7 @@ class CommandButtonComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Componen
|
|
|
37543
37547
|
else if (this.props.pasteDisabled) {
|
|
37544
37548
|
divClassName += " pasteDisabled";
|
|
37545
37549
|
}
|
|
37546
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: divClassName, onClick: this.props.onClick, title: `${this.props.tooltip} ${this.props.shortcut ? " (" + this.props.shortcut + ")" : ""}`, children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: iconClassName, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, className: this.props.isActive ? "active" : "", draggable: false }) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "command-label", children: this.props.tooltip })
|
|
37550
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: divClassName, onClick: this.props.onClick, title: `${this.props.tooltip} ${this.props.shortcut ? " (" + this.props.shortcut + ")" : ""}`, children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: iconClassName, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, className: this.props.isActive ? "active" : "", draggable: false }) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "command-label", children: this.props.tooltip })] }));
|
|
37547
37551
|
}
|
|
37548
37552
|
}
|
|
37549
37553
|
|
|
@@ -38488,14 +38492,17 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
38488
38492
|
/* harmony import */ var shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! shared-ui-components/lines/textLineComponent */ "../../../dev/sharedUiComponents/dist/lines/textLineComponent.js");
|
|
38489
38493
|
/* harmony import */ var shared_ui_components_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! shared-ui-components/lines/textInputLineComponent */ "../../../dev/sharedUiComponents/dist/lines/textInputLineComponent.js");
|
|
38490
38494
|
/* harmony import */ var _commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../commandButtonComponent */ "../../../tools/guiEditor/dist/components/commandButtonComponent.js");
|
|
38491
|
-
/* harmony import */ var
|
|
38492
|
-
/* harmony import */ var
|
|
38493
|
-
/* harmony import */ var
|
|
38494
|
-
/* harmony import */ var
|
|
38495
|
-
/* harmony import */ var
|
|
38496
|
-
/* harmony import */ var
|
|
38497
|
-
/* harmony import */ var
|
|
38498
|
-
/* harmony import */ var
|
|
38495
|
+
/* harmony import */ var shared_ui_components_imgs_gridColumnIconDark_svg__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! shared-ui-components/imgs/gridColumnIconDark.svg */ "../../../dev/sharedUiComponents/dist/imgs/gridColumnIconDark.svg");
|
|
38496
|
+
/* harmony import */ var shared_ui_components_imgs_gridRowIconDark_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! shared-ui-components/imgs/gridRowIconDark.svg */ "../../../dev/sharedUiComponents/dist/imgs/gridRowIconDark.svg");
|
|
38497
|
+
/* harmony import */ var shared_ui_components_imgs_confirmGridElementDark_svg__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! shared-ui-components/imgs/confirmGridElementDark.svg */ "../../../dev/sharedUiComponents/dist/imgs/confirmGridElementDark.svg");
|
|
38498
|
+
/* harmony import */ var shared_ui_components_imgs_subtractGridElementDark_svg__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! shared-ui-components/imgs/subtractGridElementDark.svg */ "../../../dev/sharedUiComponents/dist/imgs/subtractGridElementDark.svg");
|
|
38499
|
+
/* harmony import */ var shared_ui_components_imgs_addGridElementDark_svg__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! shared-ui-components/imgs/addGridElementDark.svg */ "../../../dev/sharedUiComponents/dist/imgs/addGridElementDark.svg");
|
|
38500
|
+
/* harmony import */ var shared_ui_components_imgs_cancelGridElementDark_svg__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! shared-ui-components/imgs/cancelGridElementDark.svg */ "../../../dev/sharedUiComponents/dist/imgs/cancelGridElementDark.svg");
|
|
38501
|
+
/* harmony import */ var shared_ui_components_imgs_valueChangedGridDark_svg__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! shared-ui-components/imgs/valueChangedGridDark.svg */ "../../../dev/sharedUiComponents/dist/imgs/valueChangedGridDark.svg");
|
|
38502
|
+
/* harmony import */ var shared_ui_components_imgs_deleteGridElementDark_svg__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! shared-ui-components/imgs/deleteGridElementDark.svg */ "../../../dev/sharedUiComponents/dist/imgs/deleteGridElementDark.svg");
|
|
38503
|
+
/* harmony import */ var gui_2D_math2D__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! gui/2D/math2D */ "gui/2D/controls/container");
|
|
38504
|
+
/* harmony import */ var gui_2D_math2D__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(gui_2D_math2D__WEBPACK_IMPORTED_MODULE_6__);
|
|
38505
|
+
|
|
38499
38506
|
|
|
38500
38507
|
|
|
38501
38508
|
|
|
@@ -38513,8 +38520,6 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
38513
38520
|
class GridPropertyGridComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
|
|
38514
38521
|
constructor(props) {
|
|
38515
38522
|
super(props);
|
|
38516
|
-
this._removingColumn = false;
|
|
38517
|
-
this._removingRow = false;
|
|
38518
38523
|
this._previousGrid = null;
|
|
38519
38524
|
this._rowDefinitions = [];
|
|
38520
38525
|
this._rowEditFlags = [];
|
|
@@ -38524,17 +38529,20 @@ class GridPropertyGridComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Compo
|
|
|
38524
38529
|
this._editedColumn = false;
|
|
38525
38530
|
this._rowChild = false;
|
|
38526
38531
|
this._columnChild = false;
|
|
38532
|
+
this.state = { removingColumn: false, removingRow: false };
|
|
38527
38533
|
}
|
|
38528
38534
|
renderRows() {
|
|
38529
38535
|
return this._rowDefinitions.map((rd, i) => {
|
|
38530
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: this.
|
|
38536
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: this.state.removingRow && i === this._rowEditFlags.length - 1 ? "ge-grid-remove" : this._rowEditFlags[i] ? "ge-grid-edit" : "ge-grid", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: "ge-grid-divider", children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextInputLineComponent, { lockObject: this.props.lockObject, label: "", icon: shared_ui_components_imgs_gridRowIconDark_svg__WEBPACK_IMPORTED_MODULE_7__, iconLabel: `Row ${i}`, value: rd, numbersOnly: true, onChange: (newValue) => {
|
|
38537
|
+
if (newValue === this._rowDefinitions[i]) {
|
|
38538
|
+
return;
|
|
38539
|
+
}
|
|
38531
38540
|
this._rowDefinitions[i] = newValue;
|
|
38532
38541
|
this._rowEditFlags[i] = true;
|
|
38533
38542
|
this._editedRow = true;
|
|
38534
|
-
this._removingRow = false;
|
|
38535
38543
|
this._rowChild = false;
|
|
38536
|
-
this.
|
|
38537
|
-
} }, `rText${i}`), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_3__.TextLineComponent, { tooltip: "", label: `[${i}]`, value: "", color: "grey" }), this.
|
|
38544
|
+
this.setState({ removingRow: false });
|
|
38545
|
+
}, disabled: this.state.removingRow }, `rText${i}-${this.state.removingRow}`), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_3__.TextLineComponent, { tooltip: "", label: `[${i}]`, value: "", color: "grey" }), this.state.removingRow && i === this._rowEditFlags.length - 1 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_3__.TextLineComponent, { icon: shared_ui_components_imgs_deleteGridElementDark_svg__WEBPACK_IMPORTED_MODULE_8__, label: " ", value: " ", color: "grey" })), this._rowEditFlags[i] && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_3__.TextLineComponent, { icon: shared_ui_components_imgs_valueChangedGridDark_svg__WEBPACK_IMPORTED_MODULE_9__, label: " ", value: " ", color: "grey" })] }) }, `r${i}`));
|
|
38538
38546
|
});
|
|
38539
38547
|
}
|
|
38540
38548
|
setRowValues() {
|
|
@@ -38565,131 +38573,89 @@ class GridPropertyGridComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Compo
|
|
|
38565
38573
|
}
|
|
38566
38574
|
renderColumns() {
|
|
38567
38575
|
return this._columnDefinitions.map((cd, i) => {
|
|
38568
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: this.
|
|
38576
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: this.state.removingColumn && i === this._columnEditFlags.length - 1 ? "ge-grid-remove" : this._columnEditFlags[i] ? "ge-grid-edit" : "ge-grid", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: "ge-grid-divider", children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextInputLineComponent, { lockObject: this.props.lockObject, label: "", icon: shared_ui_components_imgs_gridColumnIconDark_svg__WEBPACK_IMPORTED_MODULE_10__, iconLabel: `Column ${i}`, value: cd, numbersOnly: true, onChange: (newValue) => {
|
|
38577
|
+
if (newValue === this._columnDefinitions[i]) {
|
|
38578
|
+
return;
|
|
38579
|
+
}
|
|
38569
38580
|
this._columnDefinitions[i] = newValue;
|
|
38570
38581
|
this._columnEditFlags[i] = true;
|
|
38571
38582
|
this._editedColumn = true;
|
|
38572
|
-
this._removingColumn = false;
|
|
38573
38583
|
this._columnChild = false;
|
|
38574
|
-
this.
|
|
38575
|
-
} }, `ctext${i}`), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_3__.TextLineComponent, { tooltip: "", label: `[${i}]`, value: "", color: "grey" }), this.
|
|
38584
|
+
this.setState({ removingColumn: false });
|
|
38585
|
+
}, disabled: this.state.removingColumn }, `ctext${i}-${this.state.removingColumn}`), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_3__.TextLineComponent, { tooltip: "", label: `[${i}]`, value: "", color: "grey" }), this.state.removingColumn && i === this._columnEditFlags.length - 1 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_3__.TextLineComponent, { icon: shared_ui_components_imgs_deleteGridElementDark_svg__WEBPACK_IMPORTED_MODULE_8__, label: " ", value: " ", color: "grey" })), this._columnEditFlags[i] && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_3__.TextLineComponent, { icon: shared_ui_components_imgs_valueChangedGridDark_svg__WEBPACK_IMPORTED_MODULE_9__, label: " ", value: " ", color: "grey" })] }) }, `c${i}`));
|
|
38576
38586
|
});
|
|
38577
38587
|
}
|
|
38578
|
-
|
|
38579
|
-
|
|
38580
|
-
|
|
38581
|
-
|
|
38582
|
-
|
|
38583
|
-
|
|
38584
|
-
|
|
38585
|
-
|
|
38588
|
+
parsePercentage(value) {
|
|
38589
|
+
let floatResult;
|
|
38590
|
+
if (value.trim().at(-1) === "%") {
|
|
38591
|
+
floatResult = parseFloat(value.replace("%", "")) / 100;
|
|
38592
|
+
}
|
|
38593
|
+
else {
|
|
38594
|
+
floatResult = parseFloat(value);
|
|
38595
|
+
}
|
|
38596
|
+
return gui_2D_math2D__WEBPACK_IMPORTED_MODULE_6__.MathTools.Round(floatResult, 10000);
|
|
38597
|
+
}
|
|
38598
|
+
isCloseTo(value, expected, epsilon = 0.001) {
|
|
38599
|
+
return Math.abs(value - expected) < epsilon;
|
|
38600
|
+
}
|
|
38601
|
+
adjustPercentages(definitions, editFlags) {
|
|
38602
|
+
let percentageTotal = 0;
|
|
38603
|
+
let modifiedEntriesPercentageTotal = 0;
|
|
38604
|
+
const cellValues = [];
|
|
38605
|
+
for (let i = 0; i < definitions.length; ++i) {
|
|
38606
|
+
let value = definitions[i];
|
|
38586
38607
|
const percent = this.checkPercentage(value);
|
|
38587
|
-
if (
|
|
38608
|
+
if (editFlags[i]) {
|
|
38588
38609
|
value = this.checkValue(value, percent);
|
|
38589
|
-
if (percent) {
|
|
38590
|
-
editCount++;
|
|
38591
|
-
}
|
|
38592
38610
|
}
|
|
38593
38611
|
if (percent) {
|
|
38594
|
-
|
|
38595
|
-
|
|
38596
|
-
|
|
38597
|
-
rowValues.push(valueAsInt / 100);
|
|
38598
|
-
}
|
|
38599
|
-
else {
|
|
38600
|
-
const valueAsInt = parseInt(value.substring(0, value.length - 2));
|
|
38601
|
-
rowValues.push(valueAsInt);
|
|
38602
|
-
}
|
|
38603
|
-
}
|
|
38604
|
-
const allEdited = editCount === percentCount;
|
|
38605
|
-
if (total > 1.0 || allEdited) {
|
|
38606
|
-
const difference = total - 1.0;
|
|
38607
|
-
const diff = Math.abs(difference);
|
|
38608
|
-
for (let i = 0; i < grid.rowCount; ++i) {
|
|
38609
|
-
if (this.checkPercentage(this._rowDefinitions[i])) {
|
|
38610
|
-
const value = rowValues[i];
|
|
38611
|
-
const weighted = diff * (value / total);
|
|
38612
|
-
rowValues[i] = difference > 0 ? value - weighted : value + weighted;
|
|
38612
|
+
percentageTotal += this.parsePercentage(value);
|
|
38613
|
+
if (editFlags[i]) {
|
|
38614
|
+
modifiedEntriesPercentageTotal += this.parsePercentage(value);
|
|
38613
38615
|
}
|
|
38614
38616
|
}
|
|
38617
|
+
cellValues.push(value);
|
|
38618
|
+
}
|
|
38619
|
+
let modifiedCellValues = [];
|
|
38620
|
+
// If the total percentage is not 100% we need to adjust the values based on the remaining percentage that was not modified by the user;
|
|
38621
|
+
// If the remaining percentage is 0% we need to resize the modified entries to fit the remaining space
|
|
38622
|
+
if (this.isCloseTo(percentageTotal, 1)) {
|
|
38623
|
+
modifiedCellValues = cellValues;
|
|
38615
38624
|
}
|
|
38616
|
-
else
|
|
38617
|
-
const
|
|
38618
|
-
|
|
38619
|
-
|
|
38620
|
-
|
|
38621
|
-
|
|
38625
|
+
else {
|
|
38626
|
+
const absoluteRemainingPercentage = 1 - modifiedEntriesPercentageTotal;
|
|
38627
|
+
const magnitudeRemainingPercentage = Math.abs(absoluteRemainingPercentage);
|
|
38628
|
+
const unmodifiedEntriesPercentage = percentageTotal - modifiedEntriesPercentageTotal;
|
|
38629
|
+
const resizeModifiedEntries = this.isCloseTo(unmodifiedEntriesPercentage, 0);
|
|
38630
|
+
for (let i = 0; i < cellValues.length; ++i) {
|
|
38631
|
+
const value = cellValues[i];
|
|
38632
|
+
const percent = this.checkPercentage(value);
|
|
38633
|
+
if ((percent && !editFlags[i]) || (editFlags[i] && resizeModifiedEntries)) {
|
|
38634
|
+
const parsedValue = this.parsePercentage(value);
|
|
38635
|
+
const entryWeight = parsedValue / (resizeModifiedEntries ? percentageTotal : unmodifiedEntriesPercentage);
|
|
38636
|
+
const newEntryValue = entryWeight * (resizeModifiedEntries ? 1 : magnitudeRemainingPercentage);
|
|
38637
|
+
modifiedCellValues.push(`${newEntryValue * 100}%`);
|
|
38622
38638
|
}
|
|
38623
|
-
|
|
38624
|
-
|
|
38625
|
-
if (this.checkPercentage(this._rowDefinitions[i]) && !this._rowEditFlags[i]) {
|
|
38626
|
-
const value = rowValues[i];
|
|
38627
|
-
const weighted = difference * (value / total);
|
|
38628
|
-
rowValues[i] = value + weighted;
|
|
38639
|
+
else {
|
|
38640
|
+
modifiedCellValues.push(value);
|
|
38629
38641
|
}
|
|
38630
38642
|
}
|
|
38631
38643
|
}
|
|
38632
|
-
|
|
38633
|
-
|
|
38644
|
+
return modifiedCellValues;
|
|
38645
|
+
}
|
|
38646
|
+
resizeRow() {
|
|
38647
|
+
const grid = this.props.grids[0];
|
|
38648
|
+
const modifiedRowValues = this.adjustPercentages(this._rowDefinitions, this._rowEditFlags);
|
|
38649
|
+
for (let i = 0; i < modifiedRowValues.length; ++i) {
|
|
38650
|
+
grid.setRowDefinition(i, this.parsePercentage(modifiedRowValues[i]), !this.checkPercentage(modifiedRowValues[i]));
|
|
38634
38651
|
}
|
|
38635
38652
|
this.setRowValues();
|
|
38636
38653
|
}
|
|
38637
38654
|
resizeColumn() {
|
|
38638
38655
|
const grid = this.props.grids[0];
|
|
38639
|
-
|
|
38640
|
-
let
|
|
38641
|
-
|
|
38642
|
-
const columnValues = [];
|
|
38643
|
-
for (let i = 0; i < this._columnDefinitions.length; ++i) {
|
|
38644
|
-
let value = this._columnDefinitions[i];
|
|
38645
|
-
const percent = this.checkPercentage(value);
|
|
38646
|
-
if (this._columnEditFlags[i]) {
|
|
38647
|
-
value = this.checkValue(value, percent);
|
|
38648
|
-
if (percent) {
|
|
38649
|
-
editCount++;
|
|
38650
|
-
}
|
|
38651
|
-
}
|
|
38652
|
-
if (percent) {
|
|
38653
|
-
percentCount++;
|
|
38654
|
-
const valueAsInt = parseInt(value.substring(0, value.length - 1));
|
|
38655
|
-
total += valueAsInt / 100;
|
|
38656
|
-
columnValues.push(valueAsInt / 100);
|
|
38657
|
-
}
|
|
38658
|
-
else {
|
|
38659
|
-
const valueAsInt = parseInt(value.substring(0, value.length - 2));
|
|
38660
|
-
columnValues.push(valueAsInt);
|
|
38661
|
-
}
|
|
38662
|
-
}
|
|
38663
|
-
const allEdited = editCount === percentCount;
|
|
38664
|
-
if (total > 1.0 || allEdited) {
|
|
38665
|
-
const difference = total - 1.0;
|
|
38666
|
-
const diff = Math.abs(difference);
|
|
38667
|
-
for (let i = 0; i < grid.columnCount; ++i) {
|
|
38668
|
-
if (this.checkPercentage(this._columnDefinitions[i])) {
|
|
38669
|
-
const value = columnValues[i];
|
|
38670
|
-
const weighted = diff * (value / total);
|
|
38671
|
-
columnValues[i] = difference > 0 ? value - weighted : value + weighted;
|
|
38672
|
-
}
|
|
38673
|
-
}
|
|
38674
|
-
}
|
|
38675
|
-
else if (total < 1.0) {
|
|
38676
|
-
const difference = 1.0 - total;
|
|
38677
|
-
for (let i = 0; i < grid.columnCount; ++i) {
|
|
38678
|
-
if (this.checkPercentage(this._columnDefinitions[i]) && this._columnEditFlags[i]) {
|
|
38679
|
-
const value = columnValues[i];
|
|
38680
|
-
total -= value;
|
|
38681
|
-
}
|
|
38682
|
-
}
|
|
38683
|
-
for (let i = 0; i < grid.columnCount; ++i) {
|
|
38684
|
-
if (this.checkPercentage(this._columnDefinitions[i]) && !this._columnEditFlags[i]) {
|
|
38685
|
-
const value = columnValues[i];
|
|
38686
|
-
const weighted = difference * (value / total);
|
|
38687
|
-
columnValues[i] = value + weighted;
|
|
38688
|
-
}
|
|
38689
|
-
}
|
|
38690
|
-
}
|
|
38691
|
-
for (let i = 0; i < this._columnDefinitions.length; ++i) {
|
|
38692
|
-
grid.setColumnDefinition(i, columnValues[i], !this.checkPercentage(this._columnDefinitions[i]));
|
|
38656
|
+
const columnValues = this.adjustPercentages(this._columnDefinitions, this._columnEditFlags);
|
|
38657
|
+
for (let i = 0; i < columnValues.length; ++i) {
|
|
38658
|
+
grid.setColumnDefinition(i, this.parsePercentage(columnValues[i]), !this.checkPercentage(this._columnDefinitions[i]));
|
|
38693
38659
|
}
|
|
38694
38660
|
this.setColumnValues();
|
|
38695
38661
|
}
|
|
@@ -38707,8 +38673,6 @@ class GridPropertyGridComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Compo
|
|
|
38707
38673
|
}
|
|
38708
38674
|
resetValues() {
|
|
38709
38675
|
const grid = this.props.grids[0];
|
|
38710
|
-
this._removingColumn = false;
|
|
38711
|
-
this._removingRow = false;
|
|
38712
38676
|
this._columnChild = false;
|
|
38713
38677
|
this._rowChild = false;
|
|
38714
38678
|
this._previousGrid = grid;
|
|
@@ -38716,6 +38680,7 @@ class GridPropertyGridComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Compo
|
|
|
38716
38680
|
this.setColumnValues();
|
|
38717
38681
|
this.resizeColumn();
|
|
38718
38682
|
this.resizeRow();
|
|
38683
|
+
this.setState({ removingColumn: false, removingRow: false });
|
|
38719
38684
|
}
|
|
38720
38685
|
render() {
|
|
38721
38686
|
const grids = this.props.grids;
|
|
@@ -38723,7 +38688,7 @@ class GridPropertyGridComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Compo
|
|
|
38723
38688
|
if (grid !== this._previousGrid) {
|
|
38724
38689
|
this.resetValues();
|
|
38725
38690
|
}
|
|
38726
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: "pane", children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_gui_commonControlPropertyGridComponent__WEBPACK_IMPORTED_MODULE_2__.CommonControlPropertyGridComponent, { lockObject: this.props.lockObject, controls: grids, onPropertyChangedObservable: this.props.onPropertyChangedObservable, onFontsParsedObservable: this.props.onFontsParsedObservable, globalState: this.props.globalState }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("hr", { className: "ge" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_3__.TextLineComponent, { tooltip: "", label: "GRID", value: " ", color: "grey" }), this.renderRows(), this.props.grids.length === 1 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "ge-gridLine", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: "ge-grid-button-divider", children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__.CommandButtonComponent, { altStyle: true, tooltip: "Add Row", icon:
|
|
38691
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: "pane", children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_gui_commonControlPropertyGridComponent__WEBPACK_IMPORTED_MODULE_2__.CommonControlPropertyGridComponent, { lockObject: this.props.lockObject, controls: grids, onPropertyChangedObservable: this.props.onPropertyChangedObservable, onFontsParsedObservable: this.props.onFontsParsedObservable, globalState: this.props.globalState }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("hr", { className: "ge" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_3__.TextLineComponent, { tooltip: "", label: "GRID", value: " ", color: "grey" }), this.renderRows(), this.props.grids.length === 1 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "ge-gridLine", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: "ge-grid-button-divider", children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__.CommandButtonComponent, { altStyle: true, tooltip: "Add Row", icon: shared_ui_components_imgs_addGridElementDark_svg__WEBPACK_IMPORTED_MODULE_11__, shortcut: "", isActive: false, disabled: this.state.removingRow || this._editedRow, onClick: () => {
|
|
38727
38692
|
let total = 0;
|
|
38728
38693
|
let count = 0;
|
|
38729
38694
|
for (let i = 0; i < grid.rowCount; ++i) {
|
|
@@ -38736,41 +38701,38 @@ class GridPropertyGridComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Compo
|
|
|
38736
38701
|
grid.addRowDefinition(total / count, false);
|
|
38737
38702
|
this.resetValues();
|
|
38738
38703
|
this.forceUpdate();
|
|
38739
|
-
} }), " ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__.CommandButtonComponent, { altStyle: true, tooltip: "Remove Row", icon:
|
|
38704
|
+
} }), " ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__.CommandButtonComponent, { altStyle: true, tooltip: "Remove Row", icon: shared_ui_components_imgs_subtractGridElementDark_svg__WEBPACK_IMPORTED_MODULE_12__, shortcut: "", isActive: false, disabled: this.state.removingRow || grid.rowCount <= 1 || this._editedRow, onClick: () => {
|
|
38740
38705
|
let hasChild = false;
|
|
38741
38706
|
for (let i = 0; i < grid.columnCount; ++i) {
|
|
38742
38707
|
const child = grid.cells[grid.rowCount - 1 + ":" + i];
|
|
38743
38708
|
if (child?.children.length) {
|
|
38744
38709
|
hasChild = true;
|
|
38745
38710
|
break;
|
|
38746
|
-
//(grid.rowCount > 1 && !this._removingRow)
|
|
38747
38711
|
}
|
|
38748
38712
|
}
|
|
38749
38713
|
this.resetValues();
|
|
38750
38714
|
if (hasChild) {
|
|
38751
38715
|
this._rowChild = true;
|
|
38752
38716
|
}
|
|
38753
|
-
this.
|
|
38754
|
-
|
|
38755
|
-
} }), this._editedRow && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: [" ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__.CommandButtonComponent, { altStyle: true, tooltip: "Confirm", icon: shared_ui_components_imgs_confirmGridElementDark_svg__WEBPACK_IMPORTED_MODULE_12__, shortcut: "", isActive: false, onClick: () => {
|
|
38717
|
+
this.setState({ removingRow: true });
|
|
38718
|
+
} }), this._editedRow && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: [" ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__.CommandButtonComponent, { altStyle: true, tooltip: "Confirm", icon: shared_ui_components_imgs_confirmGridElementDark_svg__WEBPACK_IMPORTED_MODULE_13__, shortcut: "", isActive: false, onClick: () => {
|
|
38756
38719
|
this.resizeRow();
|
|
38757
38720
|
this.forceUpdate();
|
|
38758
|
-
} }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__.CommandButtonComponent, { altStyle: true, tooltip: "Cancel", icon:
|
|
38721
|
+
} }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__.CommandButtonComponent, { altStyle: true, tooltip: "Cancel", icon: shared_ui_components_imgs_cancelGridElementDark_svg__WEBPACK_IMPORTED_MODULE_14__, shortcut: "", isActive: false, onClick: () => {
|
|
38759
38722
|
this.resetValues();
|
|
38760
38723
|
this.forceUpdate();
|
|
38761
|
-
} })] })), this.
|
|
38724
|
+
} })] })), this.state.removingRow && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__.CommandButtonComponent, { altStyle: true, tooltip: "Confirm", icon: shared_ui_components_imgs_confirmGridElementDark_svg__WEBPACK_IMPORTED_MODULE_13__, shortcut: "", isActive: false, onClick: () => {
|
|
38762
38725
|
grid.removeRowDefinition(grid.rowCount - 1);
|
|
38763
38726
|
this.setRowValues();
|
|
38764
38727
|
this.resizeRow();
|
|
38765
|
-
this.
|
|
38766
|
-
this._removingRow = false;
|
|
38728
|
+
this.setState({ removingRow: false });
|
|
38767
38729
|
this._rowChild = false;
|
|
38768
38730
|
this.props.onUpdateRequiredObservable?.notifyObservers();
|
|
38769
|
-
} }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__.CommandButtonComponent, { altStyle: true, tooltip: "Cancel", icon:
|
|
38770
|
-
this.
|
|
38731
|
+
} }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__.CommandButtonComponent, { altStyle: true, tooltip: "Cancel", icon: shared_ui_components_imgs_cancelGridElementDark_svg__WEBPACK_IMPORTED_MODULE_14__, shortcut: "", isActive: false, onClick: () => {
|
|
38732
|
+
this.setState({ removingRow: false });
|
|
38771
38733
|
this._rowChild = false;
|
|
38772
38734
|
this.forceUpdate();
|
|
38773
|
-
} })] }))] }) }), this._rowChild && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_3__.TextLineComponent, { tooltip: "", label: "This row is not empty. Removing it will delete all contained controls. Do you want to remove this row and delete all controls within?", value: " ", color: "grey" }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("hr", { className: "ge" }), this.renderColumns(), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: "ge-grid-button-divider", children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__.CommandButtonComponent, { altStyle: true, tooltip: "Add Column", icon:
|
|
38735
|
+
} })] }))] }) }), this._rowChild && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_3__.TextLineComponent, { tooltip: "", label: "This row is not empty. Removing it will delete all contained controls. Do you want to remove this row and delete all controls within?", value: " ", color: "grey" }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("hr", { className: "ge" }), this.renderColumns(), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: "ge-grid-button-divider", children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__.CommandButtonComponent, { altStyle: true, tooltip: "Add Column", icon: shared_ui_components_imgs_addGridElementDark_svg__WEBPACK_IMPORTED_MODULE_11__, shortcut: "", isActive: false, disabled: this.state.removingColumn || this._editedColumn, onClick: () => {
|
|
38774
38736
|
let total = 0;
|
|
38775
38737
|
let count = 0;
|
|
38776
38738
|
for (let i = 0; i < grid.columnCount; ++i) {
|
|
@@ -38783,7 +38745,7 @@ class GridPropertyGridComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Compo
|
|
|
38783
38745
|
grid.addColumnDefinition(total / count, false);
|
|
38784
38746
|
this.resetValues();
|
|
38785
38747
|
this.forceUpdate();
|
|
38786
|
-
} }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__.CommandButtonComponent, { altStyle: true, tooltip: "Remove Column", icon:
|
|
38748
|
+
} }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__.CommandButtonComponent, { altStyle: true, tooltip: "Remove Column", icon: shared_ui_components_imgs_subtractGridElementDark_svg__WEBPACK_IMPORTED_MODULE_12__, shortcut: "", isActive: false, disabled: this.state.removingColumn || this._editedColumn || grid.columnCount <= 1, onClick: () => {
|
|
38787
38749
|
let hasChild = false;
|
|
38788
38750
|
for (let i = 0; i < grid.rowCount; ++i) {
|
|
38789
38751
|
const child = grid.cells[i + ":" + (grid.columnCount - 1)];
|
|
@@ -38796,26 +38758,23 @@ class GridPropertyGridComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Compo
|
|
|
38796
38758
|
if (hasChild) {
|
|
38797
38759
|
this._columnChild = true;
|
|
38798
38760
|
}
|
|
38799
|
-
this.
|
|
38800
|
-
|
|
38801
|
-
} }), this._editedColumn && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__.CommandButtonComponent, { altStyle: true, tooltip: "Confirm", icon: shared_ui_components_imgs_confirmGridElementDark_svg__WEBPACK_IMPORTED_MODULE_12__, shortcut: "", isActive: false, onClick: () => {
|
|
38761
|
+
this.setState({ removingColumn: true });
|
|
38762
|
+
} }), this._editedColumn && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__.CommandButtonComponent, { altStyle: true, tooltip: "Confirm", icon: shared_ui_components_imgs_confirmGridElementDark_svg__WEBPACK_IMPORTED_MODULE_13__, shortcut: "", isActive: false, onClick: () => {
|
|
38802
38763
|
this.resizeColumn();
|
|
38803
38764
|
this.forceUpdate();
|
|
38804
|
-
} }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__.CommandButtonComponent, { altStyle: true, tooltip: "Cancel", icon:
|
|
38765
|
+
} }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__.CommandButtonComponent, { altStyle: true, tooltip: "Cancel", icon: shared_ui_components_imgs_cancelGridElementDark_svg__WEBPACK_IMPORTED_MODULE_14__, shortcut: "", isActive: false, onClick: () => {
|
|
38805
38766
|
this.resetValues();
|
|
38806
38767
|
this.forceUpdate();
|
|
38807
|
-
} })] })), this.
|
|
38768
|
+
} })] })), this.state.removingColumn && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__.CommandButtonComponent, { altStyle: true, tooltip: "Confirm", icon: shared_ui_components_imgs_confirmGridElementDark_svg__WEBPACK_IMPORTED_MODULE_13__, shortcut: "", isActive: false, onClick: () => {
|
|
38808
38769
|
grid.removeColumnDefinition(grid.columnCount - 1);
|
|
38809
38770
|
this.setColumnValues();
|
|
38810
38771
|
this.resizeColumn();
|
|
38811
|
-
this.
|
|
38812
|
-
this._removingColumn = false;
|
|
38772
|
+
this.setState({ removingColumn: false });
|
|
38813
38773
|
this._columnChild = false;
|
|
38814
38774
|
this.props.onUpdateRequiredObservable?.notifyObservers();
|
|
38815
|
-
} }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__.CommandButtonComponent, { altStyle: true, tooltip: "Cancel", icon:
|
|
38816
|
-
this.
|
|
38775
|
+
} }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__.CommandButtonComponent, { altStyle: true, tooltip: "Cancel", icon: shared_ui_components_imgs_cancelGridElementDark_svg__WEBPACK_IMPORTED_MODULE_14__, shortcut: "", isActive: false, onClick: () => {
|
|
38776
|
+
this.setState({ removingColumn: false });
|
|
38817
38777
|
this._columnChild = false;
|
|
38818
|
-
this.forceUpdate();
|
|
38819
38778
|
} })] })), " "] }), this._columnChild && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_3__.TextLineComponent, { tooltip: "", label: "This column is not empty. Removing it will delete all contained controls. Do you want to remove this column and delete all controls within?", value: " ", color: "grey" }) }))] }))] }));
|
|
38820
38779
|
}
|
|
38821
38780
|
}
|
|
@@ -40850,7 +40809,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
40850
40809
|
/* harmony export */ "CoordinateHelper": () => (/* binding */ CoordinateHelper),
|
|
40851
40810
|
/* harmony export */ "Rect": () => (/* binding */ Rect)
|
|
40852
40811
|
/* harmony export */ });
|
|
40853
|
-
/* harmony import */ var gui_2D_valueAndUnit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! gui/2D/
|
|
40812
|
+
/* harmony import */ var gui_2D_valueAndUnit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! gui/2D/measure */ "gui/2D/controls/container");
|
|
40854
40813
|
/* harmony import */ var gui_2D_valueAndUnit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(gui_2D_valueAndUnit__WEBPACK_IMPORTED_MODULE_0__);
|
|
40855
40814
|
/* harmony import */ var core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/Maths/math.vector */ "core/Misc/observable");
|
|
40856
40815
|
/* harmony import */ var core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__);
|
|
@@ -40858,6 +40817,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
40858
40817
|
|
|
40859
40818
|
|
|
40860
40819
|
|
|
40820
|
+
|
|
40861
40821
|
class Rect {
|
|
40862
40822
|
constructor(left, top, right, bottom) {
|
|
40863
40823
|
this.left = left;
|
|
@@ -40915,6 +40875,21 @@ class CoordinateHelper {
|
|
|
40915
40875
|
}
|
|
40916
40876
|
return rotation;
|
|
40917
40877
|
}
|
|
40878
|
+
static GetParentSizes(guiControl) {
|
|
40879
|
+
const parentMeasure = new gui_2D_valueAndUnit__WEBPACK_IMPORTED_MODULE_0__.Measure(0, 0, 0, 0);
|
|
40880
|
+
if (guiControl.parent) {
|
|
40881
|
+
parentMeasure.copyFrom(guiControl.parent._currentMeasure);
|
|
40882
|
+
if (guiControl.parent.typeName === "Grid") {
|
|
40883
|
+
const cellInfo = guiControl.parent.getChildCellInfo(guiControl);
|
|
40884
|
+
const cell = guiControl.parent.cells[cellInfo];
|
|
40885
|
+
if (cell) {
|
|
40886
|
+
parentMeasure.width = cell.widthInPixels;
|
|
40887
|
+
parentMeasure.height = cell.heightInPixels;
|
|
40888
|
+
}
|
|
40889
|
+
}
|
|
40890
|
+
}
|
|
40891
|
+
return parentMeasure;
|
|
40892
|
+
}
|
|
40918
40893
|
/**
|
|
40919
40894
|
* This function calculates a local matrix for a node, including it's full transformation and pivot point
|
|
40920
40895
|
*
|
|
@@ -40925,8 +40900,16 @@ class CoordinateHelper {
|
|
|
40925
40900
|
static GetNodeMatrix(node, storedValues) {
|
|
40926
40901
|
const size = this.GlobalState.guiTexture.getSize();
|
|
40927
40902
|
// parent should always be defined, but stay safe
|
|
40928
|
-
|
|
40929
|
-
|
|
40903
|
+
let parentWidth, parentHeight;
|
|
40904
|
+
if (node.parent) {
|
|
40905
|
+
const parentSizes = CoordinateHelper.GetParentSizes(node);
|
|
40906
|
+
parentWidth = parentSizes.width;
|
|
40907
|
+
parentHeight = parentSizes.height;
|
|
40908
|
+
}
|
|
40909
|
+
else {
|
|
40910
|
+
parentWidth = size.width;
|
|
40911
|
+
parentHeight = size.height;
|
|
40912
|
+
}
|
|
40930
40913
|
let x = 0;
|
|
40931
40914
|
let y = 0;
|
|
40932
40915
|
const width = storedValues ? storedValues.width : node.widthInPixels;
|
|
@@ -41088,7 +41071,8 @@ class CoordinateHelper {
|
|
|
41088
41071
|
}
|
|
41089
41072
|
static ConvertToPixels(guiControl, properties = ["left", "top", "width", "height"], onPropertyChangedObservable) {
|
|
41090
41073
|
// make sure we are using the latest measures for the control
|
|
41091
|
-
|
|
41074
|
+
const parentMeasure = CoordinateHelper.GetParentSizes(guiControl);
|
|
41075
|
+
guiControl._processMeasures(parentMeasure, guiControl.host);
|
|
41092
41076
|
for (const property of properties) {
|
|
41093
41077
|
const initialValue = guiControl[property];
|
|
41094
41078
|
guiControl[`_${property}`] = new gui_2D_valueAndUnit__WEBPACK_IMPORTED_MODULE_0__.ValueAndUnit(this.Round(guiControl[`${property}InPixels`]), gui_2D_valueAndUnit__WEBPACK_IMPORTED_MODULE_0__.ValueAndUnit.UNITMODE_PIXEL);
|
|
@@ -42190,6 +42174,12 @@ class WorkbenchComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
|
|
|
42190
42174
|
this._pasteDisabled = false;
|
|
42191
42175
|
const controlList = [];
|
|
42192
42176
|
for (const control of this.props.globalState.selectedControls) {
|
|
42177
|
+
// For grid controls, have to save current position in it
|
|
42178
|
+
if (control.parent?.getClassName() === "Grid") {
|
|
42179
|
+
const cellInfo = control.parent.getChildCellInfo(control);
|
|
42180
|
+
const [row, column] = cellInfo.split(":");
|
|
42181
|
+
control.metadata = { ...control.metadata, _cellInfo: { row, column } };
|
|
42182
|
+
}
|
|
42193
42183
|
const obj = {};
|
|
42194
42184
|
control.serialize(obj);
|
|
42195
42185
|
controlList.push(obj);
|
|
@@ -42220,6 +42210,12 @@ class WorkbenchComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
|
|
|
42220
42210
|
newSelection[0].leftInPixels = this._currLeft;
|
|
42221
42211
|
newSelection[0].topInPixels = this._currTop;
|
|
42222
42212
|
const newGuiNode = this.props.globalState.workbench.appendBlock(newSelection[0]);
|
|
42213
|
+
if (newGuiNode.parent?.typeName === "Grid" && newGuiNode.metadata?._cellInfo) {
|
|
42214
|
+
const { row, column } = newGuiNode.metadata._cellInfo;
|
|
42215
|
+
const gridParent = newGuiNode.parent;
|
|
42216
|
+
gridParent.removeControl(newGuiNode);
|
|
42217
|
+
gridParent.addControl(newGuiNode, parseInt(row), parseInt(column));
|
|
42218
|
+
}
|
|
42223
42219
|
this.props.globalState.setSelection([newGuiNode]);
|
|
42224
42220
|
return true;
|
|
42225
42221
|
}
|
|
@@ -42289,11 +42285,6 @@ class WorkbenchComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
|
|
|
42289
42285
|
...guiControl.metadata,
|
|
42290
42286
|
guiEditor: true,
|
|
42291
42287
|
};
|
|
42292
|
-
guiControl.highlightLineWidth = 5;
|
|
42293
|
-
guiControl.isHighlighted = false;
|
|
42294
|
-
guiControl.isReadOnly = true;
|
|
42295
|
-
guiControl.isHitTestVisible = true;
|
|
42296
|
-
guiControl.isPointerBlocker = true;
|
|
42297
42288
|
}
|
|
42298
42289
|
/**
|
|
42299
42290
|
* Removes editor behavior (observables, metadata) from control
|
|
@@ -45096,7 +45087,7 @@ module.exports = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGlu
|
|
|
45096
45087
|
/***/ ((module) => {
|
|
45097
45088
|
|
|
45098
45089
|
"use strict";
|
|
45099
|
-
module.exports = "data:image/svg+xml;base64,
|
|
45090
|
+
module.exports = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJpY29ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMzMzM7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTEyLjU3LDE3LjgzdjIuNjNjMCwuMzQuMjcuNjEuNjEuNjFoMy42NGMuMzQsMCwuNjEtLjI3LjYxLS42MXYtMi42M2gtNC44NlptNC4yNS0xMC4xMmMxLjAxLDAsMS44Mi44MiwxLjgyLDEuODJ2MTAuOTNjMCwxLjAxLS44MiwxLjgyLTEuODIsMS44MmgtMy42NGMtMS4wMSwwLTEuODItLjgyLTEuODItMS44MnYtMTAuOTNjMC0xLjAxLjgyLTEuODIsMS44Mi0xLjgyaDMuNjRabS42MSwxLjgyYzAtLjM0LS4yNy0uNjEtLjYxLS42MWgtMy42NGMtLjM0LDAtLjYxLjI3LS42MS42MXYyLjYzaDQuODZ2LTIuNjNabS00Ljg2LDcuMDhoNC44NnYtMy4yNGgtNC44NnYzLjI0WiIvPjwvc3ZnPg==";
|
|
45100
45091
|
|
|
45101
45092
|
/***/ }),
|
|
45102
45093
|
|
|
@@ -45107,7 +45098,7 @@ module.exports = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5v
|
|
|
45107
45098
|
/***/ ((module) => {
|
|
45108
45099
|
|
|
45109
45100
|
"use strict";
|
|
45110
|
-
module.exports = "data:image/svg+xml;base64,
|
|
45101
|
+
module.exports = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJpY29ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMzMzM7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTcuNzQsMTMuMThjMC0xLC44MS0xLjgyLDEuODItMS44MmgxMC44OWMxLDAsMS44Mi44MSwxLjgyLDEuODJ2My42M2MwLDEtLjgxLDEuODItMS44MiwxLjgyaC0xMC44OWMtMSwwLTEuODItLjgxLTEuODItMS44MnYtMy42M1ptMS44Mi0uNjFjLS4zMywwLS42MS4yNy0uNjEuNjF2My42M2MwLC4zMy4yNy42MS42MS42MWgyLjYydi00Ljg0aC0yLjYyWm03LjA2LDQuODR2LTQuODRoLTMuMjN2NC44NGgzLjIzWm0xLjIxLDBoMi42MmMuMzMsMCwuNjEtLjI3LjYxLS42MXYtMy42M2MwLS4zMy0uMjctLjYxLS42MS0uNjFoLTIuNjJ2NC44NFoiLz48L3N2Zz4=";
|
|
45111
45102
|
|
|
45112
45103
|
/***/ }),
|
|
45113
45104
|
|