@babylonjs/gui-editor 6.4.1 → 6.5.1
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 --disabledBackground: #c8c8c8;\n --buttonPressed: #ffffff;\n --buttonPressedBackground: #606060;\n --buttonHoverBackground: #afafaf;\n}\n\n#ge-propertyTab {\n user-select: none;\n color: black;\n background: #e2e2e2;\n}\n#ge-propertyTab * {\n font-family: \"acumin-pro-condensed\", sans-serif;\n font-size: 12px;\n}\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}\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}\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}\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}\n#ge-propertyTab .range:hover {\n opacity: 1;\n}\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}\n#ge-propertyTab .range::-moz-range-thumb {\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: rgb(0, 0, 0);\n cursor: pointer;\n}\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}\n#ge-propertyTab input[type=color]::-webkit-color-swatch-wrapper {\n padding: 0;\n}\n#ge-propertyTab input[type=color]::-webkit-color-swatch {\n border: none;\n}\n#ge-propertyTab hr {\n border: 1px solid #d0cece;\n}\n#ge-propertyTab .icon {\n width: 30px;\n height: 30px;\n}\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}\n#ge-propertyTab .unit:disabled {\n background-color: var(--buttonDisabledBackground);\n cursor: not-allowed;\n}\n#ge-propertyTab .unit:not(:disabled):hover {\n background-color: var(--buttonHoverBackground);\n}\n#ge-propertyTab .unit:not(:disabled):active {\n color: var(--buttonPressed);\n background-color: var(--buttonPressedBackground);\n}\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}\n#ge-propertyTab input:focus,\n#ge-propertyTab select:focus {\n outline-width: 1px;\n outline-color: black;\n}\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}\n#ge-propertyTab .hasArrows input[type=number] {\n -moz-appearance: textfield;\n}\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}\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}\n#ge-propertyTab .sliderLine .img {\n grid-column: 1;\n display: flex;\n align-items: center;\n}\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}\n#ge-propertyTab .sliderLine .floatLine {\n grid-column: 2;\n padding-left: 0px;\n grid-template-columns: 1fr auto;\n}\n#ge-propertyTab .sliderLine .floatLine .label {\n grid-column: 1;\n display: none;\n align-items: center;\n font-weight: 600;\n}\n#ge-propertyTab .sliderLine .floatLine .short {\n grid-column: 1;\n display: flex;\n align-items: center;\n}\n#ge-propertyTab .sliderLine .floatLine .short input {\n width: 100%;\n background-color: white;\n height: 24px;\n}\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}\n#ge-propertyTab .sliderLine .floatLine .short input[type=number] {\n -webkit-appearance: textfield;\n -moz-appearance: textfield;\n appearance: textfield;\n}\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}\n#ge-propertyTab .ge-divider.double {\n display: grid;\n grid-template-columns: auto 1fr 5px 1fr;\n}\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}\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}\n#ge-propertyTab .ge-grid-divider {\n display: grid;\n grid-template-columns: 150px 1fr auto;\n}\n#ge-propertyTab .ge-grid-divider .textLine {\n grid-column: auto;\n}\n#ge-propertyTab .ge-grid-button-divider {\n display: grid;\n grid-template-columns: 60px 60px 60px 60px;\n}\n#ge-propertyTab .ge-grid-remove {\n display: grid;\n background-color: #c2c2c2;\n margin-bottom: 5px;\n filter: invert(1);\n}\n#ge-propertyTab .ge-grid-edit {\n display: grid;\n background-color: #878787;\n margin-bottom: 5px;\n filter: invert(1);\n}\n#ge-propertyTab .ge-grid {\n display: grid;\n margin-bottom: 5px;\n}\n#ge-propertyTab .ge-divider.double .textInputLine {\n grid-template-columns: auto auto 1fr auto;\n}\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}\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}\n#ge-propertyTab .textInputLine .disabled,\n#ge-propertyTab .floatLine .disabled {\n color: var(--backgroundGrey);\n background-color: var(--disabledBackground);\n}\n#ge-propertyTab .textInputLine img,\n#ge-propertyTab .floatLine img {\n width: 30px;\n}\n#ge-propertyTab .textInputLine .img,\n#ge-propertyTab .floatLine .img {\n grid-column: 1;\n display: flex;\n align-items: center;\n}\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}\n#ge-propertyTab .textInputLine .value input,\n#ge-propertyTab .floatLine .value input {\n width: 100%;\n height: 24px;\n color: #333333;\n}\n#ge-propertyTab .textInputLine .value input.hasArrows,\n#ge-propertyTab .floatLine .value input.hasArrows {\n padding-right: 15px;\n}\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}\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}\n#ge-propertyTab .textInputLine .value:hover .arrows, #ge-propertyTab .textInputLine .value:focus .arrows, #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}\n#ge-propertyTab .textInputLine .value .arrows:hover,\n#ge-propertyTab .floatLine .value .arrows:hover {\n background-color: var(--buttonHoverBackground);\n}\n#ge-propertyTab .textInputLine .value.dragging .arrows,\n#ge-propertyTab .floatLine .value.dragging .arrows {\n background-color: var(--buttonPressedBackground);\n}\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}\n#ge-propertyTab .textInputLine.withUnits {\n grid-template-columns: auto auto 1fr auto;\n}\n#ge-propertyTab .textInputArea {\n height: 100%;\n display: grid;\n grid-template-columns: 1fr 120px;\n}\n#ge-propertyTab .textInputArea .disabled {\n color: var(--backgroundGrey);\n background-color: var(--disabledBackground);\n}\n#ge-propertyTab .textInputArea .label {\n grid-column: 1;\n display: flex;\n align-items: center;\n}\n#ge-propertyTab .textInputArea .value {\n display: flex;\n align-items: center;\n grid-column: 2;\n}\n#ge-propertyTab .textInputArea .value textarea {\n width: calc(150% - 5px);\n margin-left: -50%;\n height: 40px;\n}\n#ge-propertyTab .paneContainer {\n margin-top: 3px;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 100%;\n}\n#ge-propertyTab .paneContainer .paneList {\n border-left: 3px solid transparent;\n}\n#ge-propertyTab .paneContainer:hover .paneList {\n border-left: 3px solid rgba(51, 122, 183, 0.8);\n}\n#ge-propertyTab .paneContainer:hover .paneContainer-content .header .title {\n border-left: 3px solid rgb(51, 122, 183);\n}\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}\n#ge-propertyTab .paneContainer .paneContainer-highlight-border.transparent {\n opacity: 0;\n}\n#ge-propertyTab .paneContainer .paneContainer-content {\n grid-row: 1;\n grid-column: 1;\n}\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}\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}\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}\n#ge-propertyTab .paneContainer .paneContainer-content .header .collapse.closed {\n transform: rotate(180deg);\n}\n#ge-propertyTab .paneContainer .paneContainer-content .paneList > div:not(:last-child) {\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);\n}\n#ge-propertyTab .paneContainer .paneContainer-content .fragment > div:not(:last-child) {\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);\n}\n#ge-propertyTab .color-picker {\n height: 26px;\n width: 26px;\n}\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}\n#ge-propertyTab .color-picker .color-rect-background .color-rect {\n height: 100%;\n}\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}\n#ge-propertyTab .color-picker .color-picker-float {\n position: absolute;\n outline: 1px solid black;\n}\n#ge-propertyTab .color-picker .color-picker-container {\n background-color: #e2e2e2;\n}\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}\n#ge-propertyTab .gradient-step .step {\n grid-row: 1;\n grid-column: 1;\n}\n#ge-propertyTab .gradient-step .color {\n grid-row: 1;\n grid-column: 2;\n cursor: pointer;\n}\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}\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}\n#ge-propertyTab .gradient-step .step-slider input {\n width: 90%;\n}\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}\n#ge-propertyTab .gradient-step .gradient-copy .img {\n height: 20px;\n width: 20px;\n}\n#ge-propertyTab .gradient-step .gradient-copy .img:hover {\n cursor: pointer;\n}\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}\n#ge-propertyTab .gradient-step .gradient-delete .img {\n height: 20px;\n width: 20px;\n}\n#ge-propertyTab .gradient-step .gradient-delete .img:hover {\n cursor: pointer;\n}\n#ge-propertyTab .alignment-bar {\n display: flex;\n justify-content: center;\n padding-right: 5px;\n}\n#ge-propertyTab .command-button {\n cursor: pointer;\n width: 30px;\n}\n#ge-propertyTab .command-button .command-label {\n display: none;\n}\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}\n#ge-propertyTab .command-button:hover {\n background-color: white;\n}\n#ge-propertyTab .command-button .active {\n transform-origin: center;\n background-color: white;\n}\n#ge-propertyTab .command-button img.active {\n background-color: white;\n}\n#ge-propertyTab .command-button.disabled {\n background-color: var(--buttonDisabledBackground);\n pointer-events: none;\n}\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}\n#ge-propertyTab .command-button-alt .command-label {\n display: none;\n}\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}\n#ge-propertyTab .command-button-alt:hover {\n background-color: #c2c2c2;\n filter: invert(1);\n}\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}\n#ge-propertyTab .command-button-alt-disabled .command-label {\n display: none;\n}\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}\n#ge-propertyTab .command-button-alt-disabled img {\n filter: invert(1);\n}\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}\n#ge-propertyTab .command-button-alt-active .command-label {\n display: none;\n}\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}\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}\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}\n#ge-propertyTab .floatLine img {\n width: 30px;\n}\n#ge-propertyTab .floatLine .img {\n grid-column: 1;\n display: flex;\n align-items: center;\n}\n#ge-propertyTab .floatLine .value {\n display: flex;\n align-items: center;\n grid-column: 3;\n background: transparent;\n height: 26px;\n}\n#ge-propertyTab .floatLine .value input {\n width: 100%;\n background-color: white;\n height: 24px;\n}\n#ge-propertyTab .floatLine .short {\n grid-column: 2;\n display: flex;\n align-items: center;\n}\n#ge-propertyTab .floatLine .short input {\n width: 100%;\n}\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}\n#ge-propertyTab .floatLine .short input[type=number] {\n -moz-appearance: textfield;\n}\n#ge-propertyTab .vector3Line {\n padding-bottom: 0px;\n padding-top: 0px;\n display: grid;\n}\n#ge-propertyTab .vector3Line .firstLine {\n display: grid;\n grid-template-columns: 1fr auto 20px;\n height: var(--spacingHeight);\n}\n#ge-propertyTab .vector3Line .firstLine .label {\n grid-column: 1;\n display: flex;\n align-items: center;\n}\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}\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}\n#ge-propertyTab .vector3Line .secondLine {\n display: grid;\n padding-right: 5px;\n border-left: 1px solid rgb(51, 122, 183);\n}\n#ge-propertyTab .vector3Line .secondLine .no-right-margin {\n margin-right: 0;\n}\n#ge-propertyTab .vector3Line .secondLine .numeric {\n display: grid;\n grid-template-columns: 1fr auto;\n}\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}\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 rgb(51, 122, 183);\n}\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}\n#ge-propertyTab .buttonLine input[type=file] {\n display: none;\n}\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}\n#ge-propertyTab .buttonLine .file-upload:hover {\n opacity: 1;\n}\n#ge-propertyTab .buttonLine .file-upload:active {\n transform: scale(0.98);\n transform-origin: 0.5 0.5;\n}\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}\n#ge-propertyTab .buttonLine button:hover {\n opacity: 1;\n}\n#ge-propertyTab .buttonLine button:active {\n background: #282828;\n}\n#ge-propertyTab .buttonLine button:focus {\n border: 1px solid #424242;\n outline: 0px;\n}\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}\n#ge-propertyTab .numeric .numeric-label {\n grid-column: 1;\n display: flex;\n align-items: center;\n}\n#ge-propertyTab .numeric .number {\n display: flex;\n align-items: center;\n grid-column: 2;\n height: 10px;\n}\n#ge-propertyTab .numeric .number .input {\n width: calc(100% - 5px);\n height: 10px;\n}\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}\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}\n#ge-propertyTab .checkBoxLine img {\n width: 30px;\n}\n#ge-propertyTab .checkBoxLine .img {\n grid-column: 1;\n display: flex;\n align-items: center;\n}\n#ge-propertyTab .checkBoxLine .hidden {\n display: none;\n}\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}\n#ge-propertyTab .listLine .label {\n grid-column: 2;\n display: none;\n align-items: center;\n}\n#ge-propertyTab .listLine img {\n width: 30px;\n}\n#ge-propertyTab .listLine .img {\n grid-column: 1;\n display: flex;\n align-items: center;\n}\n#ge-propertyTab .listLine .options {\n grid-column: 2;\n padding-left: 15px;\n display: flex;\n align-items: center;\n}\n#ge-propertyTab .listLine .options select {\n width: 100%;\n height: 25px;\n border: transparent;\n}\n#ge-propertyTab .listLine .options input {\n width: 100%;\n height: 24px;\n color: #333333;\n}\n#ge-propertyTab .color3Line {\n padding-left: 15px;\n padding-bottom: 0px;\n padding-top: 0px;\n display: grid;\n flex-grow: 1;\n}\n#ge-propertyTab .color3Line .firstLine {\n height: var(--spacingHeight);\n display: flex;\n align-items: center;\n}\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}\n#ge-propertyTab .color3Line .firstLine .img {\n grid-column: 1;\n display: flex;\n align-items: center;\n}\n#ge-propertyTab .color3Line .firstLine img {\n width: 30px;\n height: 30px;\n}\n#ge-propertyTab .color3Line .firstLine .textInputLine {\n grid-column: 3;\n padding-left: 2px;\n flex-grow: 1;\n}\n#ge-propertyTab .color3Line .firstLine .color3 {\n display: flex;\n align-items: center;\n}\n#ge-propertyTab .color3Line .firstLine .color3 input {\n margin-right: 5px;\n}\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}\n#ge-propertyTab .color3Line .firstLine .copy img {\n height: 100%;\n width: 20px;\n}\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}\n#ge-propertyTab .color3Line .firstLine .expand img {\n height: 100%;\n width: 20px;\n}\n#ge-propertyTab .color3Line .secondLine {\n display: grid;\n padding-right: 5px;\n border-left: 1px solid rgb(51, 122, 183);\n}\n#ge-propertyTab .color3Line .secondLine .numeric {\n display: grid;\n grid-template-columns: 1fr auto;\n}\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}\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 rgb(51, 122, 183);\n}\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}\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}\n#ge-propertyTab .textLine img {\n width: 30px;\n}\n#ge-propertyTab .textLine .img {\n grid-column: 1;\n display: flex;\n align-items: center;\n}\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}\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}\n#ge-propertyTab .textLine .value.check {\n color: green;\n}\n#ge-propertyTab .textLine .value.uncheck {\n color: red;\n}", "",{"version":3,"sources":["webpack://./../../../tools/guiEditor/dist/components/propertyTab/propertyTab.scss"],"names":[],"mappings":"AAAA;EACI,yBAAA;EACA,qBAAA;EACA,iBAAA;EACA,2BAAA;EACA,mCAAA;EACA,6BAAA;EACA,wBAAA;EACA,kCAAA;EACA,gCAAA;AACJ;;AAEA;EACI,iBAAA;EAKA,YAAA;EACA,mBAAA;AAHJ;AAII;EACI,+CAAA;EACA,eAAA;AAFR;AAII;EACI,YAAA;EACA,eAAA;EACA,YAAA;EACA,iBAAA;EACA,WAAA;EACA,kBAAA;EACA,aAAA;EACA,+BAAA;EACA,yBAAA;EACA,sBAAA;EACA,qBAAA;EACA,iBAAA;AAFR;AAIQ;EACI,kBAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,OAAA;EACA,aAAA;EACA,kBAAA;EACA,oBAAA;EACA,iBAAA;AAFZ;AAKQ;EACI,iBAAA;EACA,YAAA;EACA,cAAA;EACA,aAAA;EACA,mBAAA;EACA,kBAAA;AAHZ;AAOI;EACI,wBAAA;EACA,WAAA;EACA,WAAA;EACA,mBAAA;EACA,kBAAA;EACA,aAAA;EACA,YAAA;EACA,wBAAA;EACA,wBAAA;EACA,UAAA;AALR;AAQI;EACI,UAAA;AANR;AASI;EACI,wBAAA;EACA,gBAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,mBAAA;EACA,aAAA;EACA,kBAAA;EACA,eAAA;AAPR;AAUI;EACI,WAAA;EACA,YAAA;EACA,kBAAA;EACA,wBAAA;EACA,eAAA;AARR;AAWI;EACI,wBAAA;EACA,0CAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;AATR;AAWI;EACI,UAAA;AATR;AAWI;EACI,YAAA;AATR;AAYI;EACI,yBAAA;AAVR;AAaI;EACI,WAAA;EACA,YAAA;AAXR;AAcI;EACI,WAAA;EACA,YAAA;EACA,oBAAA;EACA,yCAAA;EACA,YAAA;EACA,eAAA;EACA,eAAA;EACA,gBAAA;EACA,0CAAA;EACA,gBAAA;EACA,kBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;AAZR;AAeI;EACI,iDAAA;EACA,mBAAA;AAbR;AAgBI;EACI,8CAAA;AAdR;AAiBI;EACI,2BAAA;EACA,gDAAA;AAfR;AAkBI;;EAEI,oBAAA;EACA,kBAAA;EACA,0BAAA;EACA,oBAAA;EACA,kBAAA;EACA,8BAAA;EACA,mBAAA;EACA,iBAAA;AAhBR;AAkBQ;;EACI,kBAAA;EACA,oBAAA;AAfZ;AAmBI;;EAEI,wBAAA;EACA,SAAA;AAjBR;AAoBI;EACI,0BAAA;AAlBR;AAqBI;EACI,4BAAA;EACA,aAAA;EACA,wBAAA;EACA,wCAAA;EACA,YAAA;AAnBR;AAqBQ;EACI,cAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;EACA,gBAAA;AAnBZ;AAsBQ;EACI,cAAA;EACA,aAAA;EACA,mBAAA;AApBZ;AAuBQ;EACI,cAAA;EACA,WAAA;EACA,iBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;AArBZ;AAwBQ;EACI,cAAA;EACA,iBAAA;EACA,+BAAA;AAtBZ;AAwBY;EACI,cAAA;EACA,aAAA;EACA,mBAAA;EACA,gBAAA;AAtBhB;AAyBY;EACI,cAAA;EACA,aAAA;EACA,mBAAA;AAvBhB;AAyBgB;EACI,WAAA;EACA,uBAAA;EACA,YAAA;AAvBpB;AA0BgB;;EAEI,wBAAA;EACA,SAAA;AAxBpB;AA2BgB;EACI,6BAAA;EACA,0BAAA;EACA,qBAAA;AAzBpB;AA+BI;EACI,mBAtOiB;EAuOjB,iBAAA;EACA,aAAA;EACA,+BAAA;EACA,gBAAA;EACA,mBAAA;AA7BR;AA+BI;EACI,aAAA;EACA,uCAAA;AA7BR;AAgCY;;EACI,cAAA;AA7BhB;AA+BY;;EACI,cAAA;AA5BhB;AAgCI;EACI,aAAA;EACA,qCAAA;AA9BR;AAgCQ;EACI,iBAAA;AA9BZ;AAkCI;EACI,aAAA;EACA,0CAAA;AAhCR;AAmCI;EACI,aAAA;EACA,yBAAA;EACA,kBAAA;EACA,iBAAA;AAjCR;AAoCI;EACI,aAAA;EACA,yBAAA;EACA,kBAAA;EACA,iBAAA;AAlCR;AAqCI;EACI,aAAA;EACA,kBAAA;AAnCR;AAsCI;EACI,yCAAA;AApCR;AAuCI;;EAEI,iBAAA;EACA,mBApSkB;EAqSlB,gBApSe;EAqSf,4BAAA;EACA,aAAA;EACA,oCAAA;EACA,YAAA;AArCR;AAsCQ;;EACI,cAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;EACA,gBAAA;AAnCZ;AAsCQ;;EACI,4BAAA;EACA,2CAAA;AAnCZ;AAsCQ;;EACI,WAAA;AAnCZ;AAsCQ;;EACI,cAAA;EACA,aAAA;EACA,mBAAA;AAnCZ;AAsCQ;;EACI,aAAA;EACA,mBAAA;EACA,cAAA;EACA,uBAAA;EACA,YAAA;EACA,kBAAA;EACA,uBAAA;EACA,eAAA;EACA,kBAAA;AAnCZ;AAoCY;;EACI,WAAA;EACA,YAAA;EACA,cAAA;AAjChB;AAmCY;;EACI,mBAAA;AAhChB;AAkCY;;EACI,aAAA;EACA,kBAAA;EACA,QAAA;EACA,sBAAA;EACA,YAAA;AA/BhB;AAgCgB;;;;EAEI,WAAA;EACA,YAAA;AA5BpB;AA+BY;;;;EAGI,aAAA;AA5BhB;AA8BY;;EACI,8CAAA;AA3BhB;AA6BY;;EACI,gDAAA;AA1BhB;AA2BgB;;;;EAEI,sBAAA;AAvBpB;AA6BI;EACI,yCAAA;AA3BR;AA8BI;EACI,YAAA;EACA,aAAA;EACA,gCAAA;AA5BR;AA8BQ;EACI,4BAAA;EACA,2CAAA;AA5BZ;AA+BQ;EACI,cAAA;EACA,aAAA;EACA,mBAAA;AA7BZ;AAgCQ;EACI,aAAA;EACA,mBAAA;EACA,cAAA;AA9BZ;AAgCY;EACI,uBAAA;EACA,iBAAA;EACA,YAAA;AA9BhB;AAmCI;EACI,eAAA;EACA,aAAA;EACA,wBAAA;EACA,2BAAA;AAjCR;AAmCQ;EACI,kCAAA;AAjCZ;AAqCY;EACI,8CAAA;AAnChB;AAwCoB;EACI,wCAAA;AAtCxB;AA4CQ;EACI,WAAA;EACA,cAAA;EACA,UAAA;EACA,qBAAA;EACA,yBAAA;EACA,oBAAA;AA1CZ;AA4CY;EACI,UAAA;AA1ChB;AA8CQ;EACI,WAAA;EACA,cAAA;AA5CZ;AA8CY;EACI,aAAA;EACA,+BAAA;EACA,mBAAA;EACA,4BAAA;EACA,mBAhcU;EAicV,gBAhcO;EAicP,kBAAA;EACA,eAAA;AA5ChB;AA8CgB;EACI,kCAAA;EACA,iBAAA;EACA,cAAA;EACA,aAAA;EACA,mBAAA;AA5CpB;AA+CgB;EACI,cAAA;EACA,aAAA;EACA,mBAAA;EACA,qBAAA;EACA,wBAAA;AA7CpB;AA+CoB;EACI,yBAAA;AA7CxB;AAkDY;EACI,mDAAA;AAhDhB;AAmDY;EACI,mDAAA;AAjDhB;AAsDI;EACI,YAAA;EACA,WAAA;AApDR;AAsDQ;EACI,uBAAA;EACA,wBAAA;EACA,uBAAA;EACA,eAAA;EACA,gFAAA;AApDZ;AAqDY;EACI,YAAA;AAnDhB;AAuDQ;EACI,UAAA;EACA,eAAA;EACA,QAAA;EACA,UAAA;EACA,WAAA;EACA,SAAA;AArDZ;AAwDQ;EACI,kBAAA;EACA,wBAAA;AAtDZ;AAyDQ;EACI,yBAAA;AAvDZ;AA2DI;EACI,aAAA;EACA,wBAAA;EACA,oDAAA;EACA,gBAAA;EACA,iBAAA;EACA,mBAAA;AAzDR;AA2DQ;EACI,WAAA;EACA,cAAA;AAzDZ;AA4DQ;EACI,WAAA;EACA,cAAA;EACA,eAAA;AA1DZ;AA6DQ;EACI,gBAAA;EACA,WAAA;EACA,cAAA;EACA,iBAAA;EACA,iBAAA;AA3DZ;AA8DQ;EACI,WAAA;EACA,cAAA;EACA,aAAA;EACA,wBAAA;EACA,qBAAA;EACA,kBAAA;EACA,kBAAA;AA5DZ;AA8DY;EACI,UAAA;AA5DhB;AAgEQ;EACI,WAAA;EACA,cAAA;EACA,aAAA;EACA,qBAAA;EACA,uBAAA;AA9DZ;AAgEY;EACI,YAAA;EACA,WAAA;AA9DhB;AAgEY;EACI,eAAA;AA9DhB;AAiEQ;EACI,WAAA;EACA,cAAA;EACA,aAAA;EACA,qBAAA;EACA,uBAAA;AA/DZ;AAgEY;EACI,YAAA;EACA,WAAA;AA9DhB;AAgEY;EACI,eAAA;AA9DhB;AAmEI;EACI,aAAA;EACA,uBAAA;EACA,kBAAA;AAjER;AAoEI;EACI,eAAA;EACA,WAAA;AAlER;AAoEQ;EACI,aAAA;AAlEZ;AAqEQ;EACI,YAAA;EACA,WAAA;EACA,aAAA;EACA,YAAA;EACA,qBAAA;EACA,uBAAA;AAnEZ;AAsEQ;EACI,uBAAA;AApEZ;AAuEQ;EACI,wBAAA;EACA,uBAAA;AArEZ;AAyEY;EACI,uBAAA;AAvEhB;AA2EQ;EACI,iDAAA;EACA,oBAAA;AAzEZ;AA6EI;EACI,eAAA;EACA,WAAA;EACA,gBAAA;EACA,iBAAA;EAKA,uBAAA;AA/ER;AA2EQ;EACI,aAAA;AAzEZ;AA6EQ;EACI,YAAA;EACA,WAAA;EACA,aAAA;EACA,qBAAA;EACA,uBAAA;AA3EZ;AA6EQ;EACI,yBAAA;EACA,iBAAA;AA3EZ;AA+EI;EACI,eAAA;EACA,oBAAA;EACA,WAAA;EACA,gBAAA;EACA,iBAAA;EAKA,uBAAA;AAjFR;AA6EQ;EACI,aAAA;AA3EZ;AA+EQ;EACI,YAAA;EACA,WAAA;EACA,aAAA;EACA,qBAAA;EACA,uBAAA;AA7EZ;AAgFQ;EACI,iBAAA;AA9EZ;AAkFI;EACI,eAAA;EACA,oBAAA;EACA,WAAA;EACA,gBAAA;EACA,iBAAA;EAKA,yBAAA;EACA,iBAAA;AApFR;AA+EQ;EACI,aAAA;AA7EZ;AAkFQ;EACI,YAAA;EACA,WAAA;EACA,aAAA;EACA,qBAAA;EACA,uBAAA;AAhFZ;AAoFI;EACI,iBAAA;EACA,4BAAA;EACA,mBAjsBkB;EAksBlB,gBAjsBe;EAksBf,aAAA;EACA,yCAAA;EACA,YAAA;AAlFR;AAoFQ;EACI,cAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;EACA,gBAAA;AAlFZ;AAqFQ;EACI,WAAA;AAnFZ;AAsFQ;EACI,cAAA;EACA,aAAA;EACA,mBAAA;AApFZ;AAuFQ;EACI,aAAA;EACA,mBAAA;EACA,cAAA;EACA,uBAAA;EACA,YAAA;AArFZ;AAsFY;EACI,WAAA;EACA,uBAAA;EACA,YAAA;AApFhB;AAwFQ;EACI,cAAA;EAEA,aAAA;EACA,mBAAA;AAvFZ;AAyFY;EACI,WAAA;AAvFhB;AA0FY;;EAEI,wBAAA;EACA,SAAA;AAxFhB;AA2FY;EACI,0BAAA;AAzFhB;AA8FI;EACI,mBA7vBkB;EA8vBlB,gBA7vBe;EA8vBf,aAAA;AA5FR;AA6FQ;EACI,aAAA;EACA,oCAAA;EACA,4BAAA;AA3FZ;AA6FY;EACI,cAAA;EACA,aAAA;EACA,mBAAA;AA3FhB;AA8FY;EACI,cAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,YAAA;AA5FhB;AA+FY;EACI,cAAA;EACA,aAAA;EACA,mBAAA;EACA,qBAAA;EACA,eAAA;AA7FhB;AAiGQ;EACI,aAAA;EACA,kBAAA;EACA,wCAAA;AA/FZ;AAiGY;EACI,eAAA;AA/FhB;AAkGY;EACI,aAAA;EACA,+BAAA;AAhGhB;AAmGY;EACI,iBAAA;EACA,cAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,kBAAA;AAjGhB;AAoGY;EACI,YAAA;EACA,cAAA;EACA,aAAA;EACA,mBAAA;EACA,mCAAA;AAlGhB;AAuGI;EACI,4BAAA;EACA,mBA/zBkB;EAg0BlB,gBA/zBe;EAg0Bf,aAAA;EACA,mBAAA;EACA,sBAAA;EACA,mBAAA;AArGR;AAsGQ;EACI,aAAA;AApGZ;AAuGQ;EACI,iCAAA;EACA,yBAAA;EACA,gBAAA;EACA,YAAA;EACA,gBAAA;EACA,YAAA;EACA,eAAA;EACA,kBAAA;EACA,kBAAA;AArGZ;AAwGQ;EACI,UAAA;AAtGZ;AAyGQ;EACI,sBAAA;EACA,yBAAA;AAvGZ;AA0GQ;EACI,iCAAA;EACA,yBAAA;EACA,yBAAA;EACA,YAAA;EACA,gBAAA;EACA,YAAA;EACA,kBAAA;AAxGZ;AA2GQ;EACI,UAAA;AAzGZ;AA4GQ;EACI,mBAAA;AA1GZ;AA6GQ;EACI,yBAAA;EACA,YAAA;AA3GZ;AA+GI;EACI,mBAv3BkB;EAw3BlB,gBAv3Be;EAw3Bf,4BAAA;EACA,aAAA;EACA,qCAAA;AA7GR;AA+GQ;EACI,cAAA;EACA,aAAA;EACA,mBAAA;AA7GZ;AAgHQ;EACI,aAAA;EACA,mBAAA;EACA,cAAA;EACA,YAAA;AA9GZ;AA+GY;EACI,uBAAA;EACA,YAAA;AA7GhB;AAkHI;EACI,mBAh5BkB;EAi5BlB,gBAh5Be;EAi5Bf,4BAAA;EACA,aAAA;EACA,oCAAA;EACA,YAAA;AAhHR;AAkHQ;EACI,cAAA;EACA,aAAA;EACA,mBAAA;EACA,gBAAA;EACA,iBAAA;EACA,4BAAA;EACA,gBAAA;AAhHZ;AAmHQ;EACI,WAAA;AAjHZ;AAoHQ;EACI,cAAA;EACA,aAAA;EACA,mBAAA;AAlHZ;AAqHQ;EACI,aAAA;AAnHZ;AAuHI;EACI,mBAj7BkB;EAk7BlB,gBAj7Be;EAk7Bf,4BAAA;EACA,aAAA;EACA,oCAAA;EACA,YAAA;AArHR;AAuHQ;EACI,cAAA;EACA,aAAA;EACA,mBAAA;AArHZ;AAwHQ;EACI,WAAA;AAtHZ;AAyHQ;EACI,cAAA;EACA,aAAA;EACA,mBAAA;AAvHZ;AA0HQ;EACI,cAAA;EACA,kBAAA;EACA,aAAA;EACA,mBAAA;AAxHZ;AA0HY;EACI,WAAA;EACA,YAAA;EACA,mBAAA;AAxHhB;AA2HY;EACI,WAAA;EACA,YAAA;EACA,cAAA;AAzHhB;AA8HI;EACI,kBAAA;EACA,mBA99BkB;EA+9BlB,gBA99Be;EA+9Bf,aAAA;EACA,YAAA;AA5HR;AA8HQ;EACI,4BAAA;EACA,aAAA;EACA,mBAAA;AA5HZ;AA8HY;EACI,cAAA;EACA,iBAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;AA5HhB;AA+HY;EACI,cAAA;EACA,aAAA;EACA,mBAAA;AA7HhB;AAgIY;EACI,WAAA;EACA,YAAA;AA9HhB;AAiIY;EACI,cAAA;EACA,iBAAA;EACA,YAAA;AA/HhB;AAkIY;EACI,aAAA;EACA,mBAAA;AAhIhB;AAkIgB;EACI,iBAAA;AAhIpB;AAoIY;EACI,cAAA;EACA,aAAA;EACA,mBAAA;EACA,qBAAA;EACA,eAAA;EACA,YAAA;AAlIhB;AAmIgB;EACI,YAAA;EACA,WAAA;AAjIpB;AAqIY;EACI,cAAA;EACA,aAAA;EACA,mBAAA;EACA,qBAAA;EACA,eAAA;AAnIhB;AAqIgB;EACI,YAAA;EACA,WAAA;AAnIpB;AAwIQ;EACI,aAAA;EACA,kBAAA;EACA,wCAAA;AAtIZ;AAwIY;EACI,aAAA;EACA,+BAAA;AAtIhB;AAyIY;EACI,iBAAA;EACA,cAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,kBAAA;AAvIhB;AA0IY;EACI,YAAA;EACA,cAAA;EACA,aAAA;EACA,mBAAA;EACA,mCAAA;AAxIhB;AA6II;EACI,iBApkCgB;EAqkChB,mBApkCkB;EAqkClB,gBApkCe;EAqkCf,mBApkCiB;EAqkCjB,YAAA;EACA,aAAA;EACA,wCAAA;AA3IR;AA4IQ;EACI,cAAA;EACA,iBAAA;EACA,gBAAA;EACA,aAAA;EACA,iBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,oDAAA;EACA,gBAAA;AA1IZ;AA6IQ;EACI,WAAA;AA3IZ;AA8IQ;EACI,cAAA;EACA,aAAA;EACA,mBAAA;AA5IZ;AA+IQ;EACI,cAAA;EACA,mBAAA;EACA,uBAAA;EACA,gBAAA;EACA,eAAA;EACA,YAAA;EACA,WAAA;EACA,eAAA;EACA,gBAAA;EACA,0BAAA;EACA,eAAA;AA7IZ;AAgJQ;EACI,aAAA;EACA,cAAA;EACA,mBAAA;EACA,uBAAA;EACA,gBAAA;EACA,eAAA;EACA,YAAA;EACA,WAAA;EACA,eAAA;EACA,gBAAA;EACA,yBAAA;EACA,sBAAA;EACA,qBAAA;EACA,iBAAA;AA9IZ;AAgJY;EACI,YAAA;AA9IhB;AAiJY;EACI,UAAA;AA/IhB","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":""}]);
|
|
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\n#ge-propertyTab {\n user-select: none;\n color: black;\n background: #e2e2e2;\n}\n#ge-propertyTab * {\n font-family: \"acumin-pro-condensed\", sans-serif;\n font-size: 12px;\n}\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}\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}\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}\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}\n#ge-propertyTab .range:hover {\n opacity: 1;\n}\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}\n#ge-propertyTab .range::-moz-range-thumb {\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: rgb(0, 0, 0);\n cursor: pointer;\n}\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}\n#ge-propertyTab input[type=color]::-webkit-color-swatch-wrapper {\n padding: 0;\n}\n#ge-propertyTab input[type=color]::-webkit-color-swatch {\n border: none;\n}\n#ge-propertyTab hr {\n border: 1px solid #d0cece;\n}\n#ge-propertyTab .icon {\n width: 30px;\n height: 30px;\n}\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}\n#ge-propertyTab .unit:disabled {\n background-color: var(--buttonDisabledBackground);\n cursor: not-allowed;\n}\n#ge-propertyTab .unit:not(:disabled):hover {\n background-color: var(--buttonHoverBackground);\n}\n#ge-propertyTab .unit:not(:disabled):active {\n color: var(--buttonPressed);\n background-color: var(--buttonPressedBackground);\n}\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}\n#ge-propertyTab input:focus,\n#ge-propertyTab select:focus {\n outline-width: 1px;\n outline-color: black;\n}\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}\n#ge-propertyTab .hasArrows input[type=number] {\n -moz-appearance: textfield;\n}\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}\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}\n#ge-propertyTab .sliderLine .img {\n grid-column: 1;\n display: flex;\n align-items: center;\n}\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}\n#ge-propertyTab .sliderLine .floatLine {\n grid-column: 2;\n padding-left: 0px;\n grid-template-columns: 1fr auto;\n}\n#ge-propertyTab .sliderLine .floatLine .label {\n grid-column: 1;\n display: none;\n align-items: center;\n font-weight: 600;\n}\n#ge-propertyTab .sliderLine .floatLine .short {\n grid-column: 1;\n display: flex;\n align-items: center;\n}\n#ge-propertyTab .sliderLine .floatLine .short input {\n width: 100%;\n background-color: white;\n height: 24px;\n}\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}\n#ge-propertyTab .sliderLine .floatLine .short input[type=number] {\n -webkit-appearance: textfield;\n -moz-appearance: textfield;\n appearance: textfield;\n}\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}\n#ge-propertyTab .ge-divider.double {\n display: grid;\n grid-template-columns: auto 1fr 5px 1fr;\n}\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}\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}\n#ge-propertyTab .ge-divider.quad {\n display: grid;\n grid-template-columns: 1fr 5px 1fr 5px 1fr 5px 1fr;\n}\n#ge-propertyTab .ge-divider.quad > .textInputLine:first-of-type,\n#ge-propertyTab .ge-divider.quad > .floatLine:first-of-type {\n grid-column: 1;\n}\n#ge-propertyTab .ge-divider.quad > .textInputLine:nth-of-type(2),\n#ge-propertyTab .ge-divider.quad > .floatLine:nth-of-type(2) {\n grid-column: 3;\n}\n#ge-propertyTab .ge-divider.quad > .textInputLine:nth-of-type(3),\n#ge-propertyTab .ge-divider.quad > .floatLine:nth-of-type(3) {\n grid-column: 5;\n}\n#ge-propertyTab .ge-divider.quad > .textInputLine:nth-of-type(4),\n#ge-propertyTab .ge-divider.quad > .floatLine:nth-of-type(4) {\n grid-column: 7;\n}\n#ge-propertyTab .ge-grid-divider {\n display: grid;\n grid-template-columns: 150px 1fr auto;\n}\n#ge-propertyTab .ge-grid-divider .textLine {\n grid-column: auto;\n}\n#ge-propertyTab .ge-grid-button-divider {\n display: grid;\n grid-template-columns: 60px 60px 60px 60px;\n}\n#ge-propertyTab .ge-grid-remove {\n display: grid;\n background-color: #c2c2c2;\n margin-bottom: 5px;\n filter: invert(1);\n}\n#ge-propertyTab .ge-grid-edit {\n display: grid;\n background-color: #878787;\n margin-bottom: 5px;\n filter: invert(1);\n}\n#ge-propertyTab .ge-grid {\n display: grid;\n margin-bottom: 5px;\n}\n#ge-propertyTab .ge-divider.double .textInputLine {\n grid-template-columns: auto auto 1fr auto;\n}\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}\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}\n#ge-propertyTab .textInputLine .disabled,\n#ge-propertyTab .floatLine .disabled {\n color: var(--backgroundGrey);\n background-color: var(--disabledBackground);\n}\n#ge-propertyTab .textInputLine img,\n#ge-propertyTab .floatLine img {\n width: 30px;\n}\n#ge-propertyTab .textInputLine .img,\n#ge-propertyTab .floatLine .img {\n grid-column: 1;\n display: flex;\n align-items: center;\n}\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}\n#ge-propertyTab .textInputLine .value input,\n#ge-propertyTab .floatLine .value input {\n width: 100%;\n height: 24px;\n color: #333333;\n}\n#ge-propertyTab .textInputLine .value input.hasArrows,\n#ge-propertyTab .floatLine .value input.hasArrows {\n padding-right: 15px;\n}\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}\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}\n#ge-propertyTab .textInputLine .value:hover .arrows, #ge-propertyTab .textInputLine .value:focus .arrows, #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}\n#ge-propertyTab .textInputLine .value .arrows:hover,\n#ge-propertyTab .floatLine .value .arrows:hover {\n background-color: var(--buttonHoverBackground);\n}\n#ge-propertyTab .textInputLine .value.dragging .arrows,\n#ge-propertyTab .floatLine .value.dragging .arrows {\n background-color: var(--buttonPressedBackground);\n}\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}\n#ge-propertyTab .textInputLine.withUnits {\n grid-template-columns: auto auto 1fr auto;\n}\n#ge-propertyTab .textInputArea {\n height: 100%;\n display: grid;\n grid-template-columns: 1fr 120px;\n}\n#ge-propertyTab .textInputArea .disabled {\n color: var(--backgroundGrey);\n background-color: var(--disabledBackground);\n}\n#ge-propertyTab .textInputArea .label {\n grid-column: 1;\n display: flex;\n align-items: center;\n}\n#ge-propertyTab .textInputArea .value {\n display: flex;\n align-items: center;\n grid-column: 2;\n}\n#ge-propertyTab .textInputArea .value textarea {\n width: calc(150% - 5px);\n margin-left: -50%;\n height: 40px;\n}\n#ge-propertyTab .paneContainer {\n margin-top: 3px;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 100%;\n}\n#ge-propertyTab .paneContainer .paneList {\n border-left: 3px solid transparent;\n}\n#ge-propertyTab .paneContainer:hover .paneList {\n border-left: 3px solid rgba(51, 122, 183, 0.8);\n}\n#ge-propertyTab .paneContainer:hover .paneContainer-content .header .title {\n border-left: 3px solid rgb(51, 122, 183);\n}\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}\n#ge-propertyTab .paneContainer .paneContainer-highlight-border.transparent {\n opacity: 0;\n}\n#ge-propertyTab .paneContainer .paneContainer-content {\n grid-row: 1;\n grid-column: 1;\n}\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}\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}\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}\n#ge-propertyTab .paneContainer .paneContainer-content .header .collapse.closed {\n transform: rotate(180deg);\n}\n#ge-propertyTab .paneContainer .paneContainer-content .paneList > div:not(:last-child) {\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);\n}\n#ge-propertyTab .paneContainer .paneContainer-content .fragment > div:not(:last-child) {\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);\n}\n#ge-propertyTab .color-picker {\n height: 26px;\n width: 26px;\n}\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}\n#ge-propertyTab .color-picker .color-rect-background .color-rect {\n height: 100%;\n}\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}\n#ge-propertyTab .color-picker .color-picker-float {\n position: absolute;\n outline: 1px solid black;\n}\n#ge-propertyTab .color-picker .color-picker-container {\n background-color: #e2e2e2;\n}\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}\n#ge-propertyTab .gradient-step .step {\n grid-row: 1;\n grid-column: 1;\n}\n#ge-propertyTab .gradient-step .color {\n grid-row: 1;\n grid-column: 2;\n cursor: pointer;\n}\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}\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}\n#ge-propertyTab .gradient-step .step-slider input {\n width: 90%;\n}\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}\n#ge-propertyTab .gradient-step .gradient-copy .img {\n height: 20px;\n width: 20px;\n}\n#ge-propertyTab .gradient-step .gradient-copy .img:hover {\n cursor: pointer;\n}\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}\n#ge-propertyTab .gradient-step .gradient-delete .img {\n height: 20px;\n width: 20px;\n}\n#ge-propertyTab .gradient-step .gradient-delete .img:hover {\n cursor: pointer;\n}\n#ge-propertyTab .alignment-bar {\n display: flex;\n justify-content: center;\n padding-right: 5px;\n}\n#ge-propertyTab .command-button {\n cursor: pointer;\n width: 30px;\n}\n#ge-propertyTab .command-button .command-label {\n display: none;\n}\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}\n#ge-propertyTab .command-button:hover {\n background-color: white;\n}\n#ge-propertyTab .command-button .active {\n transform-origin: center;\n background-color: white;\n}\n#ge-propertyTab .command-button img.active {\n background-color: white;\n}\n#ge-propertyTab .command-button.disabled {\n background-color: var(--buttonDisabledBackground);\n pointer-events: none;\n}\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}\n#ge-propertyTab .command-button-alt .command-label {\n display: none;\n}\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}\n#ge-propertyTab .command-button-alt:hover {\n background-color: #c2c2c2;\n filter: invert(1);\n}\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}\n#ge-propertyTab .command-button-alt-disabled .command-label {\n display: none;\n}\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}\n#ge-propertyTab .command-button-alt-disabled img {\n filter: invert(1);\n}\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}\n#ge-propertyTab .command-button-alt-active .command-label {\n display: none;\n}\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}\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}\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}\n#ge-propertyTab .floatLine img {\n width: 30px;\n}\n#ge-propertyTab .floatLine .img {\n grid-column: 1;\n display: flex;\n align-items: center;\n}\n#ge-propertyTab .floatLine .value {\n display: flex;\n align-items: center;\n grid-column: 3;\n background: transparent;\n height: 26px;\n}\n#ge-propertyTab .floatLine .value input {\n width: 100%;\n background-color: white;\n height: 24px;\n}\n#ge-propertyTab .floatLine .short {\n grid-column: 2;\n display: flex;\n align-items: center;\n}\n#ge-propertyTab .floatLine .short input {\n width: 100%;\n}\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}\n#ge-propertyTab .floatLine .short input[type=number] {\n -moz-appearance: textfield;\n}\n#ge-propertyTab .vector3Line {\n padding-bottom: 0px;\n padding-top: 0px;\n display: grid;\n}\n#ge-propertyTab .vector3Line .firstLine {\n display: grid;\n grid-template-columns: 1fr auto 20px;\n height: var(--spacingHeight);\n}\n#ge-propertyTab .vector3Line .firstLine .label {\n grid-column: 1;\n display: flex;\n align-items: center;\n}\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}\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}\n#ge-propertyTab .vector3Line .secondLine {\n display: grid;\n padding-right: 5px;\n border-left: 1px solid rgb(51, 122, 183);\n}\n#ge-propertyTab .vector3Line .secondLine .no-right-margin {\n margin-right: 0;\n}\n#ge-propertyTab .vector3Line .secondLine .numeric {\n display: grid;\n grid-template-columns: 1fr auto;\n}\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}\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 rgb(51, 122, 183);\n}\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}\n#ge-propertyTab .buttonLine input[type=file] {\n display: none;\n}\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}\n#ge-propertyTab .buttonLine .file-upload:hover {\n opacity: 1;\n}\n#ge-propertyTab .buttonLine .file-upload:active {\n transform: scale(0.98);\n transform-origin: 0.5 0.5;\n}\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}\n#ge-propertyTab .buttonLine button:hover {\n opacity: 1;\n}\n#ge-propertyTab .buttonLine button:active {\n background: #282828;\n}\n#ge-propertyTab .buttonLine button:focus {\n border: 1px solid #424242;\n outline: 0px;\n}\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}\n#ge-propertyTab .numeric .numeric-label {\n grid-column: 1;\n display: flex;\n align-items: center;\n}\n#ge-propertyTab .numeric .number {\n display: flex;\n align-items: center;\n grid-column: 2;\n height: 10px;\n}\n#ge-propertyTab .numeric .number .input {\n width: calc(100% - 5px);\n height: 10px;\n}\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}\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}\n#ge-propertyTab .checkBoxLine img {\n width: 30px;\n}\n#ge-propertyTab .checkBoxLine .img {\n grid-column: 1;\n display: flex;\n align-items: center;\n}\n#ge-propertyTab .checkBoxLine .hidden {\n display: none;\n}\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}\n#ge-propertyTab .listLine .label {\n grid-column: 2;\n display: none;\n align-items: center;\n}\n#ge-propertyTab .listLine img {\n width: 30px;\n}\n#ge-propertyTab .listLine .img {\n grid-column: 1;\n display: flex;\n align-items: center;\n}\n#ge-propertyTab .listLine .options {\n grid-column: 2;\n padding-left: 15px;\n display: flex;\n align-items: center;\n}\n#ge-propertyTab .listLine .options select {\n width: 100%;\n height: 25px;\n border: transparent;\n}\n#ge-propertyTab .listLine .options input {\n width: 100%;\n height: 24px;\n color: #333333;\n}\n#ge-propertyTab .color3Line {\n padding-left: 15px;\n padding-bottom: 0px;\n padding-top: 0px;\n display: grid;\n flex-grow: 1;\n}\n#ge-propertyTab .color3Line .firstLine {\n height: var(--spacingHeight);\n display: flex;\n align-items: center;\n}\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}\n#ge-propertyTab .color3Line .firstLine .img {\n grid-column: 1;\n display: flex;\n align-items: center;\n}\n#ge-propertyTab .color3Line .firstLine img {\n width: 30px;\n height: 30px;\n}\n#ge-propertyTab .color3Line .firstLine .textInputLine {\n grid-column: 3;\n padding-left: 2px;\n flex-grow: 1;\n}\n#ge-propertyTab .color3Line .firstLine .color3 {\n display: flex;\n align-items: center;\n}\n#ge-propertyTab .color3Line .firstLine .color3 input {\n margin-right: 5px;\n}\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}\n#ge-propertyTab .color3Line .firstLine .copy img {\n height: 100%;\n width: 20px;\n}\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}\n#ge-propertyTab .color3Line .firstLine .expand img {\n height: 100%;\n width: 20px;\n}\n#ge-propertyTab .color3Line .secondLine {\n display: grid;\n padding-right: 5px;\n border-left: 1px solid rgb(51, 122, 183);\n}\n#ge-propertyTab .color3Line .secondLine .numeric {\n display: grid;\n grid-template-columns: 1fr auto;\n}\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}\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 rgb(51, 122, 183);\n}\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}\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}\n#ge-propertyTab .textLine img {\n width: 30px;\n}\n#ge-propertyTab .textLine .img {\n grid-column: 1;\n display: flex;\n align-items: center;\n}\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}\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}\n#ge-propertyTab .textLine .value.check {\n color: green;\n}\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-divider.quad {\r\n display: grid;\r\n grid-template-columns: 1fr 5px 1fr 5px 1fr 5px 1fr;\r\n > .textInputLine,\r\n > .floatLine {\r\n &:first-of-type {\r\n grid-column: 1;\r\n }\r\n &:nth-of-type(2) {\r\n grid-column: 3;\r\n }\r\n &:nth-of-type(3) {\r\n grid-column: 5;\r\n }\r\n &:nth-of-type(4) {\r\n grid-column: 7;\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___);
|
|
@@ -39183,7 +39183,7 @@ class RectanglePropertyGridComponent extends react__WEBPACK_IMPORTED_MODULE_1__.
|
|
|
39183
39183
|
render() {
|
|
39184
39184
|
const { rectangles, lockObject, onPropertyChangedObservable } = this.props;
|
|
39185
39185
|
const proxy = (0,shared_ui_components_lines_targetsProxy__WEBPACK_IMPORTED_MODULE_5__.makeTargetsProxy)(rectangles, onPropertyChangedObservable);
|
|
39186
|
-
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: lockObject, controls: rectangles, onPropertyChangedObservable: onPropertyChangedObservable, onFontsParsedObservable: this.props.onFontsParsedObservable, globalState: this.props.globalState }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("hr", {}), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "RECTANGLE", value: " ", color: "grey" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: "ge-divider double", children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_iconComponent__WEBPACK_IMPORTED_MODULE_7__.IconComponent, { icon: shared_ui_components_imgs_strokeWeightIcon_svg__WEBPACK_IMPORTED_MODULE_9__, label: "Stroke Weight" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_3__.FloatLineComponent, { lockObject: this.props.lockObject, label: "", target: proxy, propertyName: "thickness", unit: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_unitButton__WEBPACK_IMPORTED_MODULE_8__.UnitButton, { unit: "PX", locked: true }), arrows: true, min: 0, digits: 2 })] }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: "ge-divider double", children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_iconComponent__WEBPACK_IMPORTED_MODULE_7__.IconComponent, { icon: shared_ui_components_imgs_conerRadiusIcon_svg__WEBPACK_IMPORTED_MODULE_10__, label: "Corner Radius" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_3__.FloatLineComponent, { lockObject: lockObject, label: "", target: proxy, propertyName: "cornerRadius", unit: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_unitButton__WEBPACK_IMPORTED_MODULE_8__.UnitButton, { unit: "PX", locked: true }), arrows: true, min: 0, digits: 2 })] }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containerPropertyGridComponent__WEBPACK_IMPORTED_MODULE_6__.ContainerPropertyGridComponent, { containers: rectangles, onPropertyChangedObservable: onPropertyChangedObservable })] }));
|
|
39186
|
+
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: lockObject, controls: rectangles, onPropertyChangedObservable: onPropertyChangedObservable, onFontsParsedObservable: this.props.onFontsParsedObservable, globalState: this.props.globalState }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("hr", {}), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "RECTANGLE", value: " ", color: "grey" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: "ge-divider double", children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_iconComponent__WEBPACK_IMPORTED_MODULE_7__.IconComponent, { icon: shared_ui_components_imgs_strokeWeightIcon_svg__WEBPACK_IMPORTED_MODULE_9__, label: "Stroke Weight" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_3__.FloatLineComponent, { lockObject: this.props.lockObject, label: "", target: proxy, propertyName: "thickness", unit: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_unitButton__WEBPACK_IMPORTED_MODULE_8__.UnitButton, { unit: "PX", locked: true }), arrows: true, min: 0, digits: 2 })] }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: "ge-divider double", children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_iconComponent__WEBPACK_IMPORTED_MODULE_7__.IconComponent, { icon: shared_ui_components_imgs_conerRadiusIcon_svg__WEBPACK_IMPORTED_MODULE_10__, label: "Corner Radius" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_3__.FloatLineComponent, { lockObject: lockObject, label: "", target: proxy, propertyName: "cornerRadius", unit: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_unitButton__WEBPACK_IMPORTED_MODULE_8__.UnitButton, { unit: "PX", locked: true }), arrows: true, min: 0, digits: 2 })] }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: "ge-divider quad", children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_3__.FloatLineComponent, { lockObject: lockObject, label: "X", target: proxy, propertyName: "cornerRadiusX", unit: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_unitButton__WEBPACK_IMPORTED_MODULE_8__.UnitButton, { unit: "PX", locked: true }), arrows: true, min: 0, digits: 2 }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_3__.FloatLineComponent, { lockObject: lockObject, label: "Y", target: proxy, propertyName: "cornerRadiusY", unit: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_unitButton__WEBPACK_IMPORTED_MODULE_8__.UnitButton, { unit: "PX", locked: true }), arrows: true, min: 0, digits: 2 }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_3__.FloatLineComponent, { lockObject: lockObject, label: "Z", target: proxy, propertyName: "cornerRadiusZ", unit: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_unitButton__WEBPACK_IMPORTED_MODULE_8__.UnitButton, { unit: "PX", locked: true }), arrows: true, min: 0, digits: 2 }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_3__.FloatLineComponent, { lockObject: lockObject, label: "W", target: proxy, propertyName: "cornerRadiusW", unit: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_unitButton__WEBPACK_IMPORTED_MODULE_8__.UnitButton, { unit: "PX", locked: true }), arrows: true, min: 0, digits: 2 })] }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containerPropertyGridComponent__WEBPACK_IMPORTED_MODULE_6__.ContainerPropertyGridComponent, { containers: rectangles, onPropertyChangedObservable: onPropertyChangedObservable })] }));
|
|
39187
39187
|
}
|
|
39188
39188
|
}
|
|
39189
39189
|
|