@babylonjs/gui-editor
Version:
Gui Editor es6
2 lines • 1.96 MB
JavaScript
/*! For license information please see babylon.guiEditor.js.LICENSE.txt */
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@babylonjs/core"),require("@babylonjs/gui")):"function"==typeof define&&define.amd?define("@babylonjs/gui-editor",["@babylonjs/core","@babylonjs/gui"],t):"object"==typeof exports?exports["@babylonjs/gui-editor"]=t(require("@babylonjs/core"),require("@babylonjs/gui")):e.GUIEDITOR=t(e.BABYLON,e.BABYLON.GUI)}("undefined"!=typeof self?self:"undefined"!=typeof global?global:this,((e,t)=>(()=>{var r,o,n={59:(e,t,r)=>{"use strict";r.d(t,{A:()=>s});var o=r(3234),n=r.n(o),a=r(7474),i=r.n(a)()(n());i.push([e.id,'#workbench-canvas{grid-column:1;grid-row:1;width:100%;height:100%;margin:0;padding:0;font:14px "acumin-pro-condensed";cursor:default;user-select:none;overflow:hidden;background-image:linear-gradient(to right, #4f4e4f 1px, transparent 1px),linear-gradient(to bottom, #4f4e4f 1px, transparent 1px)}#workbench-canvas #selection-container{pointer-events:none}#workbench-canvas #selection-container .selection-box{z-index:10;background:rgba(72,72,196,.5);border:blue solid 2px}#workbench-canvas #workbench-container{width:100%;height:100%;left:0;top:0;transform-origin:left top;display:grid;grid-template-rows:100%;grid-template-columns:100%}#workbench-canvas #workbench-container #frame-container{overflow:visible;grid-row:1;grid-column:1;position:relative;width:100%;height:100%}#workbench-canvas #workbench-container .frame-box{position:absolute;background:rgba(72,72,72,.7);display:grid;grid-template-rows:40px calc(100% - 40px);grid-template-columns:100%;box-sizing:border-box}#workbench-canvas #workbench-container .frame-box.collapsed{height:auto !important;width:200px !important;z-index:3}#workbench-canvas #workbench-container .frame-box.collapsed .frame-box-header{font-size:16px;grid-template-columns:calc(100% - 37px) 30px 7px}#workbench-canvas #workbench-container .frame-box.collapsed .frame-box-header .frame-box-header-collapse{margin-top:-2px}#workbench-canvas #workbench-container .frame-box.collapsed .frame-box-header .frame-box-header-close{display:none}#workbench-canvas #workbench-container .frame-box.collapsed .frame-comments.has-comments .frame-comment-span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#workbench-canvas #workbench-container .frame-box .frame-box-border{grid-row:1/span 2;grid-column:1;width:100%;height:100%;border:rgba(0,0,0,0) solid 4px;pointer-events:none;box-sizing:border-box}#workbench-canvas #workbench-container .frame-box .frame-box-header{grid-row:1;grid-column:1;background:#484848;color:#fff;font-size:24px;text-align:center;display:grid;grid-template-rows:100%;grid-template-columns:calc(100% - 74px) 30px 7px 30px 7px;align-content:center;overflow:hidden}#workbench-canvas #workbench-container .frame-box .frame-box-header .frame-box-header-button{cursor:pointer;align-self:center;transform-origin:50% 50%;transform:scale(1);stroke:rgba(0,0,0,0);fill:#fff;display:grid}#workbench-canvas #workbench-container .frame-box .frame-box-header .frame-box-header-button.down{transform:scale(0.9)}#workbench-canvas #workbench-container .frame-box .frame-box-header .frame-box-header-collapse{grid-column:2;grid-row:1}#workbench-canvas #workbench-container .frame-box .frame-box-header .frame-box-header-close{grid-column:4;grid-row:1}#workbench-canvas #workbench-container .frame-box .frame-box-header .frame-box-header-title{grid-column:1;grid-row:1;display:grid;height:100%;width:100%;align-self:stretch;align-items:center;margin-top:-2px}#workbench-canvas #workbench-container .frame-box .frame-comments.has-comments{display:grid;grid-row:2;grid-column:1;padding:0 10px;font-style:italic;word-wrap:break-word}#workbench-canvas #workbench-container .frame-box.selected .frame-box-border{border-color:#fff}#workbench-canvas #workbench-container .frame-box .right-handle{grid-area:1/2/3/2;width:4px;background-color:rgba(0,0,0,0);cursor:ew-resize}#workbench-canvas #workbench-container .frame-box .right-handle::after{content:"";width:8px;position:absolute;top:0;bottom:0;margin-left:-4px;cursor:ew-resize}#workbench-canvas #workbench-container .frame-box .right-handle.collapsed{cursor:pointer}#workbench-canvas #workbench-container .frame-box .top-right-corner-handle{background-color:rgba(0,0,0,0);height:4px;z-index:21;cursor:ne-resize;width:4px;margin-left:-6px}#workbench-canvas #workbench-container .frame-box .top-right-corner-handle::after{background-color:rgba(0,0,0,0);cursor:ne-resize;margin-left:unset;top:-4px;height:10px;width:10px}#workbench-canvas #workbench-container .frame-box .bottom-right-corner-handle{background-color:rgba(0,0,0,0);height:0px;z-index:21;cursor:nw-resize;grid-area:4/2/4/2;margin-left:-2px}#workbench-canvas #workbench-container .frame-box .bottom-right-corner-handle::after{background-color:rgba(0,0,0,0);height:10px;cursor:nw-resize;top:unset;bottom:-4px;width:10px}#workbench-canvas #workbench-container .frame-box .left-handle{grid-area:1/1/3/1;width:4px;background-color:rgba(0,0,0,0);cursor:ew-resize}#workbench-canvas #workbench-container .frame-box .left-handle::before{content:"";width:8px;position:absolute;top:0;bottom:0;margin-left:-4px}#workbench-canvas #workbench-container .frame-box .top-left-corner-handle{background-color:rgba(0,0,0,0);height:4px;z-index:21;cursor:nw-resize;width:4px;margin-left:-4px}#workbench-canvas #workbench-container .frame-box .top-left-corner-handle::before{background-color:rgba(0,0,0,0);cursor:nw-resize;margin-left:unset;top:-4px;height:10px;width:10px}#workbench-canvas #workbench-container .frame-box .bottom-left-corner-handle{background-color:rgba(0,0,0,0);height:0px;z-index:21;cursor:sw-resize;grid-area:4/1/4/1}#workbench-canvas #workbench-container .frame-box .bottom-left-corner-handle::before{background-color:rgba(0,0,0,0);height:10px;cursor:sw-resize;top:unset;bottom:-4px;width:10px}#workbench-canvas #workbench-container .frame-box .top-handle{grid-area:1/1/1/1;background-color:rgba(0,0,0,0);height:4px;cursor:ns-resize}#workbench-canvas #workbench-container .frame-box .top-handle::before{content:"";width:100%;position:absolute;top:-4px;bottom:100%;right:0;left:0;margin-bottom:-8px;cursor:ns-resize;height:8px}#workbench-canvas #workbench-container .frame-box .bottom-handle{grid-area:3/1/3/1;background-color:rgba(0,0,0,0);height:4px;cursor:ns-resize}#workbench-canvas #workbench-container .frame-box .bottom-handle::after{content:"";width:100%;position:absolute;top:100%;bottom:0;right:0;left:0;margin-top:-8px;cursor:ns-resize;height:12px}#workbench-canvas #workbench-container .frame-box.collapsed .top-handle,#workbench-canvas #workbench-container .frame-box.collapsed .top-right-corner-handle,#workbench-canvas #workbench-container .frame-box.collapsed .right-handle,#workbench-canvas #workbench-container .frame-box.collapsed .bottom-right-corner-handle,#workbench-canvas #workbench-container .frame-box.collapsed .bottom-handle,#workbench-canvas #workbench-container .frame-box.collapsed .bottom-left-corner-handle,#workbench-canvas #workbench-container .frame-box.collapsed .left-handle,#workbench-canvas #workbench-container .frame-box.collapsed .top-left-corner-handle{cursor:default}#workbench-canvas #workbench-container .frame-box.collapsed .right-handle::after,#workbench-canvas #workbench-container .frame-box.collapsed .bottom-handle::after,#workbench-canvas #workbench-container .frame-box.collapsed .top-right-corner-handle::after,#workbench-canvas #workbench-container .frame-box.collapsed .bottom-right-corner-handle::after{cursor:default}#workbench-canvas #workbench-container .frame-box.collapsed .left-handle::before,#workbench-canvas #workbench-container .frame-box.collapsed .top-handle::before,#workbench-canvas #workbench-container .frame-box.collapsed .top-left-corner-handle::before,#workbench-canvas #workbench-container .frame-box.collapsed .bottom-left-corner-handle::before{cursor:default}#workbench-canvas #workbench-container #workbench-svg-container{grid-row:1;grid-column:1;position:relative;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}#workbench-canvas #workbench-container #workbench-svg-container .link{stroke-width:4px}#workbench-canvas #workbench-container #workbench-svg-container .link.selected{stroke:#fff !important;stroke-dasharray:10,2}#workbench-canvas #workbench-container #workbench-svg-container .link.hidden{display:none}#workbench-canvas #workbench-container #workbench-svg-container .selection-link{pointer-events:all;stroke-width:16px;opacity:0;transition:opacity 75ms;stroke:rgba(0,0,0,0);cursor:pointer}#workbench-canvas #workbench-container #workbench-svg-container .selection-link.hidden{display:none}#workbench-canvas #workbench-container #workbench-svg-container .selection-link:hover,#workbench-canvas #workbench-container #workbench-svg-container .selection-link.selected{stroke:#fff !important;opacity:.4}#workbench-canvas #workbench-container #workbench-canvas-container{grid-row:1;grid-column:1;position:relative;width:100%;height:100%}#workbench-canvas #workbench-container #workbench-canvas-container .visual{z-index:4;width:200px;position:absolute;left:0;top:0;background:gray;border:4px solid #000;border-radius:12px;display:grid;grid-template-rows:30px auto;grid-template-columns:100%;color:#fff}#workbench-canvas #workbench-container #workbench-canvas-container .visual.hidden{display:none}#workbench-canvas #workbench-container #workbench-canvas-container .visual .comments{position:absolute;top:-50px;width:200px;height:45px;overflow:hidden;font-style:italic;opacity:.8;display:grid;align-items:flex-end;pointer-events:none}#workbench-canvas #workbench-container #workbench-canvas-container .visual .selection-border{grid-row:1/span 3;grid-column:1;margin:-4px;transition:border-color 100ms;border:4px solid #000;border-radius:12px}#workbench-canvas #workbench-container #workbench-canvas-container .visual.selected .selection-border{border-color:#fff}#workbench-canvas #workbench-container #workbench-canvas-container .visual .header{grid-row:1;grid-column:1;border:4px solid #000;border-top-right-radius:7px;border-top-left-radius:7px;font-size:16px;text-align:center;margin-top:-1px;margin-left:-1px;margin-right:-1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:#000;color:#fff}#workbench-canvas #workbench-container #workbench-canvas-container .visual .header.constant{border-color:#464348;background:#464348}#workbench-canvas #workbench-container #workbench-canvas-container .visual .header.inspector{border-color:#66491b;background:#66491b}',"",{version:3,sources:["webpack://./../../../tools/guiEditor/dist/diagram/workbenchCanvas.scss"],names:[],mappings:"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",sourcesContent:['#workbench-canvas {\r\n grid-column: 1;\r\n grid-row: 1;\r\n width: 100%;\r\n height: 100%;\r\n margin: 0;\r\n padding: 0;\r\n font: 14px "acumin-pro-condensed";\r\n cursor: default;\r\n user-select: none;\r\n overflow: hidden;\r\n\r\n background-image: linear-gradient(to right, #4f4e4f 1px, transparent 1px), linear-gradient(to bottom, #4f4e4f 1px, transparent 1px);\r\n\r\n #selection-container {\r\n pointer-events: none;\r\n\r\n .selection-box {\r\n z-index: 10;\r\n background: rgba(72, 72, 196, 0.5);\r\n border: blue solid 2px;\r\n }\r\n }\r\n\r\n #workbench-container {\r\n width: 100%;\r\n height: 100%;\r\n left: 0;\r\n top: 0;\r\n transform-origin: left top;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 100%;\r\n\r\n #frame-container {\r\n overflow: visible;\r\n grid-row: 1;\r\n grid-column: 1;\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n .frame-box {\r\n position: absolute;\r\n background: rgba(72, 72, 72, 0.7);\r\n display: grid;\r\n grid-template-rows: 40px calc(100% - 40px);\r\n grid-template-columns: 100%;\r\n box-sizing: border-box;\r\n\r\n &.collapsed {\r\n height: auto !important;\r\n width: 200px !important;\r\n z-index: 3;\r\n\r\n .frame-box-header {\r\n font-size: 16px;\r\n grid-template-columns: calc(100% - 37px) 30px 7px;\r\n\r\n .frame-box-header-collapse {\r\n margin-top: -2px;\r\n }\r\n\r\n .frame-box-header-close {\r\n display: none;\r\n }\r\n }\r\n\r\n .frame-comments.has-comments {\r\n .frame-comment-span {\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n }\r\n }\r\n }\r\n\r\n .frame-box-border {\r\n grid-row: 1 / span 2;\r\n grid-column: 1;\r\n width: 100%;\r\n height: 100%;\r\n border: transparent solid 4px;\r\n pointer-events: none;\r\n box-sizing: border-box;\r\n }\r\n\r\n .frame-box-header {\r\n grid-row: 1;\r\n grid-column: 1;\r\n background: rgba(72, 72, 72, 1);\r\n color: white;\r\n font-size: 24px;\r\n text-align: center;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: calc(100% - 74px) 30px 7px 30px 7px;\r\n align-content: center;\r\n overflow: hidden;\r\n\r\n .frame-box-header-button {\r\n cursor: pointer;\r\n align-self: center;\r\n transform-origin: 50% 50%;\r\n transform: scale(1);\r\n stroke: transparent;\r\n fill: white;\r\n display: grid;\r\n\r\n &.down {\r\n transform: scale(0.9);\r\n }\r\n }\r\n\r\n .frame-box-header-collapse {\r\n grid-column: 2;\r\n grid-row: 1;\r\n }\r\n\r\n .frame-box-header-close {\r\n grid-column: 4;\r\n grid-row: 1;\r\n }\r\n\r\n .frame-box-header-title {\r\n grid-column: 1;\r\n grid-row: 1;\r\n display: grid;\r\n height: 100%;\r\n width: 100%;\r\n align-self: stretch;\r\n align-items: center;\r\n margin-top: -2px;\r\n }\r\n }\r\n\r\n .frame-comments.has-comments {\r\n display: grid;\r\n grid-row: 2;\r\n grid-column: 1;\r\n padding: 0 10px;\r\n font-style: italic;\r\n word-wrap: break-word;\r\n }\r\n\r\n &.selected {\r\n .frame-box-border {\r\n border-color: white;\r\n }\r\n }\r\n\r\n .right-handle {\r\n grid-area: 1 / 2 / 3 / 2;\r\n width: 4px;\r\n background-color: transparent;\r\n cursor: ew-resize;\r\n\r\n &::after {\r\n content: "";\r\n width: 8px;\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n margin-left: -4px;\r\n cursor: ew-resize;\r\n }\r\n\r\n &.collapsed {\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n .top-right-corner-handle {\r\n background-color: transparent;\r\n height: 4px;\r\n z-index: 21;\r\n cursor: ne-resize;\r\n width: 4px;\r\n margin-left: -6px;\r\n\r\n &::after {\r\n background-color: transparent;\r\n cursor: ne-resize;\r\n margin-left: unset;\r\n top: -4px;\r\n height: 10px;\r\n width: 10px;\r\n }\r\n }\r\n\r\n .bottom-right-corner-handle {\r\n background-color: transparent;\r\n height: 0px;\r\n z-index: 21;\r\n cursor: nw-resize;\r\n grid-area: 4 / 2 / 4 / 2;\r\n margin-left: -2px;\r\n\r\n &::after {\r\n background-color: transparent;\r\n height: 10px;\r\n cursor: nw-resize;\r\n top: unset;\r\n bottom: -4px;\r\n width: 10px;\r\n }\r\n }\r\n\r\n .left-handle {\r\n grid-area: 1 / 1 / 3 / 1;\r\n width: 4px;\r\n background-color: transparent;\r\n cursor: ew-resize;\r\n\r\n &::before {\r\n content: "";\r\n width: 8px;\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n margin-left: -4px;\r\n }\r\n }\r\n\r\n .top-left-corner-handle {\r\n background-color: transparent;\r\n height: 4px;\r\n z-index: 21;\r\n cursor: nw-resize;\r\n width: 4px;\r\n margin-left: -4px;\r\n\r\n &::before {\r\n background-color: transparent;\r\n cursor: nw-resize;\r\n margin-left: unset;\r\n top: -4px;\r\n height: 10px;\r\n width: 10px;\r\n }\r\n }\r\n\r\n .bottom-left-corner-handle {\r\n background-color: transparent;\r\n height: 0px;\r\n z-index: 21;\r\n cursor: sw-resize;\r\n grid-area: 4 / 1 / 4 / 1;\r\n\r\n &::before {\r\n background-color: transparent;\r\n height: 10px;\r\n cursor: sw-resize;\r\n top: unset;\r\n bottom: -4px;\r\n width: 10px;\r\n }\r\n }\r\n\r\n .top-handle {\r\n grid-area: 1 / 1 / 1 / 1;\r\n background-color: transparent;\r\n height: 4px;\r\n cursor: ns-resize;\r\n\r\n &::before {\r\n content: "";\r\n width: 100%;\r\n position: absolute;\r\n top: -4px;\r\n bottom: 100%;\r\n right: 0;\r\n left: 0;\r\n margin-bottom: -8px;\r\n cursor: ns-resize;\r\n height: 8px;\r\n }\r\n }\r\n\r\n .bottom-handle {\r\n grid-area: 3 / 1 / 3 / 1;\r\n background-color: transparent;\r\n height: 4px;\r\n cursor: ns-resize;\r\n\r\n &::after {\r\n content: "";\r\n width: 100%;\r\n position: absolute;\r\n top: 100%;\r\n bottom: 0;\r\n right: 0;\r\n left: 0;\r\n margin-top: -8px;\r\n cursor: ns-resize;\r\n height: 12px;\r\n }\r\n }\r\n\r\n &.collapsed {\r\n .top-handle,\r\n .top-right-corner-handle,\r\n .right-handle,\r\n .bottom-right-corner-handle,\r\n .bottom-handle,\r\n .bottom-left-corner-handle,\r\n .left-handle,\r\n .top-left-corner-handle {\r\n cursor: default;\r\n }\r\n\r\n .right-handle,\r\n .bottom-handle,\r\n .top-right-corner-handle,\r\n .bottom-right-corner-handle {\r\n &::after {\r\n cursor: default;\r\n }\r\n }\r\n\r\n .left-handle,\r\n .top-handle,\r\n .top-left-corner-handle,\r\n .bottom-left-corner-handle {\r\n &::before {\r\n cursor: default;\r\n }\r\n }\r\n }\r\n }\r\n\r\n #workbench-svg-container {\r\n grid-row: 1;\r\n grid-column: 1;\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n overflow: visible;\r\n pointer-events: none;\r\n z-index: 2;\r\n\r\n .link {\r\n stroke-width: 4px;\r\n &.selected {\r\n stroke: white !important;\r\n stroke-dasharray: 10, 2;\r\n }\r\n\r\n &.hidden {\r\n display: none;\r\n }\r\n }\r\n\r\n .selection-link {\r\n pointer-events: all;\r\n stroke-width: 16px;\r\n opacity: 0;\r\n transition: opacity 75ms;\r\n stroke: transparent;\r\n cursor: pointer;\r\n\r\n &.hidden {\r\n display: none;\r\n }\r\n\r\n &:hover,\r\n &.selected {\r\n stroke: white !important;\r\n opacity: 0.4;\r\n }\r\n }\r\n }\r\n\r\n #workbench-canvas-container {\r\n grid-row: 1;\r\n grid-column: 1;\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n\r\n .visual {\r\n z-index: 4;\r\n width: 200px;\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n background: gray;\r\n border: 4px solid black;\r\n border-radius: 12px;\r\n display: grid;\r\n grid-template-rows: 30px auto;\r\n grid-template-columns: 100%;\r\n color: white;\r\n\r\n &.hidden {\r\n display: none;\r\n }\r\n\r\n .comments {\r\n position: absolute;\r\n top: -50px;\r\n width: 200px;\r\n height: 45px;\r\n overflow: hidden;\r\n font-style: italic;\r\n opacity: 0.8;\r\n display: grid;\r\n align-items: flex-end;\r\n pointer-events: none;\r\n }\r\n\r\n .selection-border {\r\n grid-row: 1 / span 3;\r\n grid-column: 1;\r\n margin: -4px;\r\n\r\n transition: border-color 100ms;\r\n\r\n border: 4px solid black;\r\n border-radius: 12px;\r\n }\r\n\r\n &.selected {\r\n .selection-border {\r\n border-color: white;\r\n }\r\n }\r\n\r\n .header {\r\n grid-row: 1;\r\n grid-column: 1;\r\n border: 4px solid black;\r\n border-top-right-radius: 7px;\r\n border-top-left-radius: 7px;\r\n font-size: 16px;\r\n text-align: center;\r\n margin-top: -1px;\r\n margin-left: -1px;\r\n margin-right: -1px;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n background: black;\r\n color: white;\r\n\r\n &.constant {\r\n border-color: #464348;\r\n background: #464348;\r\n }\r\n\r\n &.inspector {\r\n border-color: #66491b;\r\n background: #66491b;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n'],sourceRoot:""}]);const s=i},179:(e,t,r)=>{"use strict";r(7207)},241:(e,t,r)=>{"use strict";e.exports=r(9470)},274:(e,t,r)=>{"use strict";e.exports=r(8795)},665:(e,t,r)=>{"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(e){console.error(e)}}(),e.exports=r(3903)},764:(e,t,r)=>{e.exports=r(878)()},878:(e,t,r)=>{"use strict";var o=r(8565);function n(){}function a(){}a.resetWarningCache=n,e.exports=function(){function e(e,t,r,n,a,i){if(i!==o){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:n};return r.PropTypes=r,r}},1049:(e,t)=>{"use strict";function r(e,t){var r=e.length;e.push(t);e:for(;0<r;){var o=r-1>>>1,n=e[o];if(!(0<a(n,t)))break e;e[o]=t,e[r]=n,r=o}}function o(e){return 0===e.length?null:e[0]}function n(e){if(0===e.length)return null;var t=e[0],r=e.pop();if(r!==t){e[0]=r;e:for(var o=0,n=e.length,i=n>>>1;o<i;){var s=2*(o+1)-1,l=e[s],c=s+1,u=e[c];if(0>a(l,r))c<n&&0>a(u,l)?(e[o]=u,e[c]=r,o=c):(e[o]=l,e[s]=r,o=s);else{if(!(c<n&&0>a(u,r)))break e;e[o]=u,e[c]=r,o=c}}}return t}function a(e,t){var r=e.sortIndex-t.sortIndex;return 0!==r?r:e.id-t.id}if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var s=Date,l=s.now();t.unstable_now=function(){return s.now()-l}}var c=[],u=[],d=1,f=null,p=3,g=!1,h=!1,m=!1,v="function"==typeof setTimeout?setTimeout:null,b="function"==typeof clearTimeout?clearTimeout:null,w="undefined"!=typeof setImmediate?setImmediate:null;function y(e){for(var t=o(u);null!==t;){if(null===t.callback)n(u);else{if(!(t.startTime<=e))break;n(u),t.sortIndex=t.expirationTime,r(c,t)}t=o(u)}}function x(e){if(m=!1,y(e),!h)if(null!==o(c))h=!0,I(A);else{var t=o(u);null!==t&&T(x,t.startTime-e)}}function A(e,r){h=!1,m&&(m=!1,b(k),k=-1),g=!0;var a=p;try{for(y(r),f=o(c);null!==f&&(!(f.expirationTime>r)||e&&!N());){var i=f.callback;if("function"==typeof i){f.callback=null,p=f.priorityLevel;var s=i(f.expirationTime<=r);r=t.unstable_now(),"function"==typeof s?f.callback=s:f===o(c)&&n(c),y(r)}else n(c);f=o(c)}if(null!==f)var l=!0;else{var d=o(u);null!==d&&T(x,d.startTime-r),l=!1}return l}finally{f=null,p=a,g=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var C,j=!1,M=null,k=-1,L=5,S=-1;function N(){return!(t.unstable_now()-S<L)}function z(){if(null!==M){var e=t.unstable_now();S=e;var r=!0;try{r=M(!0,e)}finally{r?C():(j=!1,M=null)}}else j=!1}if("function"==typeof w)C=function(){w(z)};else if("undefined"!=typeof MessageChannel){var B=new MessageChannel,D=B.port2;B.port1.onmessage=z,C=function(){D.postMessage(null)}}else C=function(){v(z,0)};function I(e){M=e,j||(j=!0,C())}function T(e,r){k=v((function(){e(t.unstable_now())}),r)}t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){h||g||(h=!0,I(A))},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):L=0<e?Math.floor(1e3/e):5},t.unstable_getCurrentPriorityLevel=function(){return p},t.unstable_getFirstCallbackNode=function(){return o(c)},t.unstable_next=function(e){switch(p){case 1:case 2:case 3:var t=3;break;default:t=p}var r=p;p=t;try{return e()}finally{p=r}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=function(){},t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var r=p;p=e;try{return t()}finally{p=r}},t.unstable_scheduleCallback=function(e,n,a){var i=t.unstable_now();switch(a="object"==typeof a&&null!==a&&"number"==typeof(a=a.delay)&&0<a?i+a:i,e){case 1:var s=-1;break;case 2:s=250;break;case 5:s=1073741823;break;case 4:s=1e4;break;default:s=5e3}return e={id:d++,callback:n,priorityLevel:e,startTime:a,expirationTime:s=a+s,sortIndex:-1},a>i?(e.sortIndex=a,r(u,e),null===o(c)&&e===o(u)&&(m?(b(k),k=-1):m=!0,T(x,a-i))):(e.sortIndex=s,r(c,e),h||g||(h=!0,I(A))),e},t.unstable_shouldYield=N,t.unstable_wrapCallback=function(e){var t=p;return function(){var r=p;p=t;try{return e.apply(this,arguments)}finally{p=r}}}},1079:(e,t)=>{"use strict";function r(e,t){var r=e.length;e.push(t);e:for(;0<r;){var o=r-1>>>1,n=e[o];if(!(0<a(n,t)))break e;e[o]=t,e[r]=n,r=o}}function o(e){return 0===e.length?null:e[0]}function n(e){if(0===e.length)return null;var t=e[0],r=e.pop();if(r!==t){e[0]=r;e:for(var o=0,n=e.length,i=n>>>1;o<i;){var s=2*(o+1)-1,l=e[s],c=s+1,u=e[c];if(0>a(l,r))c<n&&0>a(u,l)?(e[o]=u,e[c]=r,o=c):(e[o]=l,e[s]=r,o=s);else{if(!(c<n&&0>a(u,r)))break e;e[o]=u,e[c]=r,o=c}}}return t}function a(e,t){var r=e.sortIndex-t.sortIndex;return 0!==r?r:e.id-t.id}if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var s=Date,l=s.now();t.unstable_now=function(){return s.now()-l}}var c=[],u=[],d=1,f=null,p=3,g=!1,h=!1,m=!1,v="function"==typeof setTimeout?setTimeout:null,b="function"==typeof clearTimeout?clearTimeout:null,w="undefined"!=typeof setImmediate?setImmediate:null;function y(e){for(var t=o(u);null!==t;){if(null===t.callback)n(u);else{if(!(t.startTime<=e))break;n(u),t.sortIndex=t.expirationTime,r(c,t)}t=o(u)}}function x(e){if(m=!1,y(e),!h)if(null!==o(c))h=!0,I(A);else{var t=o(u);null!==t&&T(x,t.startTime-e)}}function A(e,r){h=!1,m&&(m=!1,b(k),k=-1),g=!0;var a=p;try{for(y(r),f=o(c);null!==f&&(!(f.expirationTime>r)||e&&!N());){var i=f.callback;if("function"==typeof i){f.callback=null,p=f.priorityLevel;var s=i(f.expirationTime<=r);r=t.unstable_now(),"function"==typeof s?f.callback=s:f===o(c)&&n(c),y(r)}else n(c);f=o(c)}if(null!==f)var l=!0;else{var d=o(u);null!==d&&T(x,d.startTime-r),l=!1}return l}finally{f=null,p=a,g=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var C,j=!1,M=null,k=-1,L=5,S=-1;function N(){return!(t.unstable_now()-S<L)}function z(){if(null!==M){var e=t.unstable_now();S=e;var r=!0;try{r=M(!0,e)}finally{r?C():(j=!1,M=null)}}else j=!1}if("function"==typeof w)C=function(){w(z)};else if("undefined"!=typeof MessageChannel){var B=new MessageChannel,D=B.port2;B.port1.onmessage=z,C=function(){D.postMessage(null)}}else C=function(){v(z,0)};function I(e){M=e,j||(j=!0,C())}function T(e,r){k=v((function(){e(t.unstable_now())}),r)}t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){h||g||(h=!0,I(A))},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):L=0<e?Math.floor(1e3/e):5},t.unstable_getCurrentPriorityLevel=function(){return p},t.unstable_getFirstCallbackNode=function(){return o(c)},t.unstable_next=function(e){switch(p){case 1:case 2:case 3:var t=3;break;default:t=p}var r=p;p=t;try{return e()}finally{p=r}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=function(){},t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var r=p;p=e;try{return t()}finally{p=r}},t.unstable_scheduleCallback=function(e,n,a){var i=t.unstable_now();switch(a="object"==typeof a&&null!==a&&"number"==typeof(a=a.delay)&&0<a?i+a:i,e){case 1:var s=-1;break;case 2:s=250;break;case 5:s=1073741823;break;case 4:s=1e4;break;default:s=5e3}return e={id:d++,callback:n,priorityLevel:e,startTime:a,expirationTime:s=a+s,sortIndex:-1},a>i?(e.sortIndex=a,r(u,e),null===o(c)&&e===o(u)&&(m?(b(k),k=-1):m=!0,T(x,a-i))):(e.sortIndex=s,r(c,e),h||g||(h=!0,I(A))),e},t.unstable_shouldYield=N,t.unstable_wrapCallback=function(e){var t=p;return function(){var r=p;p=t;try{return e.apply(this,arguments)}finally{p=r}}}},1316:e=>{"use strict";e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},1321:(e,t,r)=>{"use strict";e.exports=r(1590)},1544:(e,t,r)=>{"use strict";e.exports=r(8981)},1590:(e,t)=>{"use strict";function r(e,t){var r=e.length;e.push(t);e:for(;0<r;){var o=r-1>>>1,n=e[o];if(!(0<a(n,t)))break e;e[o]=t,e[r]=n,r=o}}function o(e){return 0===e.length?null:e[0]}function n(e){if(0===e.length)return null;var t=e[0],r=e.pop();if(r!==t){e[0]=r;e:for(var o=0,n=e.length,i=n>>>1;o<i;){var s=2*(o+1)-1,l=e[s],c=s+1,u=e[c];if(0>a(l,r))c<n&&0>a(u,l)?(e[o]=u,e[c]=r,o=c):(e[o]=l,e[s]=r,o=s);else{if(!(c<n&&0>a(u,r)))break e;e[o]=u,e[c]=r,o=c}}}return t}function a(e,t){var r=e.sortIndex-t.sortIndex;return 0!==r?r:e.id-t.id}if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var s=Date,l=s.now();t.unstable_now=function(){return s.now()-l}}var c=[],u=[],d=1,f=null,p=3,g=!1,h=!1,m=!1,v="function"==typeof setTimeout?setTimeout:null,b="function"==typeof clearTimeout?clearTimeout:null,w="undefined"!=typeof setImmediate?setImmediate:null;function y(e){for(var t=o(u);null!==t;){if(null===t.callback)n(u);else{if(!(t.startTime<=e))break;n(u),t.sortIndex=t.expirationTime,r(c,t)}t=o(u)}}function x(e){if(m=!1,y(e),!h)if(null!==o(c))h=!0,I(A);else{var t=o(u);null!==t&&T(x,t.startTime-e)}}function A(e,r){h=!1,m&&(m=!1,b(k),k=-1),g=!0;var a=p;try{for(y(r),f=o(c);null!==f&&(!(f.expirationTime>r)||e&&!N());){var i=f.callback;if("function"==typeof i){f.callback=null,p=f.priorityLevel;var s=i(f.expirationTime<=r);r=t.unstable_now(),"function"==typeof s?f.callback=s:f===o(c)&&n(c),y(r)}else n(c);f=o(c)}if(null!==f)var l=!0;else{var d=o(u);null!==d&&T(x,d.startTime-r),l=!1}return l}finally{f=null,p=a,g=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var C,j=!1,M=null,k=-1,L=5,S=-1;function N(){return!(t.unstable_now()-S<L)}function z(){if(null!==M){var e=t.unstable_now();S=e;var r=!0;try{r=M(!0,e)}finally{r?C():(j=!1,M=null)}}else j=!1}if("function"==typeof w)C=function(){w(z)};else if("undefined"!=typeof MessageChannel){var B=new MessageChannel,D=B.port2;B.port1.onmessage=z,C=function(){D.postMessage(null)}}else C=function(){v(z,0)};function I(e){M=e,j||(j=!0,C())}function T(e,r){k=v((function(){e(t.unstable_now())}),r)}t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){h||g||(h=!0,I(A))},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):L=0<e?Math.floor(1e3/e):5},t.unstable_getCurrentPriorityLevel=function(){return p},t.unstable_getFirstCallbackNode=function(){return o(c)},t.unstable_next=function(e){switch(p){case 1:case 2:case 3:var t=3;break;default:t=p}var r=p;p=t;try{return e()}finally{p=r}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=function(){},t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var r=p;p=e;try{return t()}finally{p=r}},t.unstable_scheduleCallback=function(e,n,a){var i=t.unstable_now();switch(a="object"==typeof a&&null!==a&&"number"==typeof(a=a.delay)&&0<a?i+a:i,e){case 1:var s=-1;break;case 2:s=250;break;case 5:s=1073741823;break;case 4:s=1e4;break;default:s=5e3}return e={id:d++,callback:n,priorityLevel:e,startTime:a,expirationTime:s=a+s,sortIndex:-1},a>i?(e.sortIndex=a,r(u,e),null===o(c)&&e===o(u)&&(m?(b(k),k=-1):m=!0,T(x,a-i))):(e.sortIndex=s,r(c,e),h||g||(h=!0,I(A))),e},t.unstable_shouldYield=N,t.unstable_wrapCallback=function(e){var t=p;return function(){var r=p;p=t;try{return e.apply(this,arguments)}finally{p=r}}}},1712:(e,t,r)=>{"use strict";e.exports=r(9381)},1788:(e,t,r)=>{"use strict";r.d(t,{A:()=>s});var o=r(3234),n=r.n(o),a=r(7474),i=r.n(a)()(n());i.push([e.id,':root{--backgroundGrey: #aaaaaa;--spacingHeight: 30px;--button: #333333;--buttonBackground: #ffffff;--buttonDisabledBackground: #c8c8c8;--disabledBackground: #c8c8c8;--buttonPressed: #ffffff;--buttonPressedBackground: #606060;--buttonHoverBackground: #afafaf}#ge-propertyTab{user-select:none;color:#000;background:#e2e2e2}#ge-propertyTab *{font-family:"acumin-pro-condensed",sans-serif;font-size:12px}#ge-propertyTab #header{height:32px;font-size:16px;color:#fff;background:#fff;grid-row:1;text-align:center;display:grid;grid-template-columns:30px 1fr;user-select:none}#ge-propertyTab #header #logo{position:relative;grid-column:1;width:32px;height:32px;left:0;display:flex;align-self:center;justify-self:center;filter:invert(1)}#ge-propertyTab #header #title{background:#fff;color:#000;grid-column:2;display:grid;align-items:center;text-align:center}#ge-propertyTab .copy{display:none}#ge-propertyTab .range{-webkit-appearance:none;width:100%;height:2px;background:#bcbcbc;border-radius:5px;outline:none;opacity:.7;transition:opacity .2s;padding:0}#ge-propertyTab .range:hover{opacity:1}#ge-propertyTab .range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#e2e2e2;border:solid;border-width:thin;cursor:pointer}#ge-propertyTab .range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#000;cursor:pointer}#ge-propertyTab input[type=color]{-webkit-appearance:none;border:1px solid hsla(0,0%,100%,.5);padding:0;width:30px;height:20px}#ge-propertyTab input[type=color]::-webkit-color-swatch-wrapper{padding:0}#ge-propertyTab input[type=color]::-webkit-color-swatch{border:none}#ge-propertyTab hr{border:1px solid #d0cece}#ge-propertyTab .icon{width:30px;height:30px}#ge-propertyTab .unit{width:26px;height:26px;color:var(--button);background-color:var(--buttonBackground);border:none;margin-top:2px;cursor:pointer;margin-left:2px;font-family:"atten-round-new",sans-serif;font-weight:500;font-style:normal;display:flex;justify-content:center;align-items:center}#ge-propertyTab .unit:disabled{background-color:var(--buttonDisabledBackground);cursor:not-allowed}#ge-propertyTab .unit:not(:disabled):hover{background-color:var(--buttonHoverBackground)}#ge-propertyTab .unit:not(:disabled):active{color:var(--buttonPressed);background-color:var(--buttonPressedBackground)}#ge-propertyTab input,#ge-propertyTab select{outline-style:solid;outline-width:0px;outline-color:rgba(0,0,0,0);outline-offset:-1px;outline-width:1px;transition:outline-color .2s;border:rgba(0,0,0,0);padding-left:5px}#ge-propertyTab input:focus,#ge-propertyTab select:focus{outline-width:1px;outline-color:#000}#ge-propertyTab .hasArrows input::-webkit-outer-spin-button,#ge-propertyTab .hasArrows input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#ge-propertyTab .sliderLine{height:var(--spacingHeight);display:grid;grid-template-rows:100%;grid-template-columns:auto 1fr 20px 1fr;flex-grow:1}#ge-propertyTab .sliderLine .label{grid-column:1;display:flex;align-items:center;min-width:15px;font-weight:600}#ge-propertyTab .sliderLine .img{grid-column:1;display:flex;align-items:center}#ge-propertyTab .sliderLine .slider{grid-column:4;grid-row:1;margin-right:5px;display:flex;align-items:center;padding-left:5px}#ge-propertyTab .sliderLine .floatLine{grid-column:2;padding-left:0px;grid-template-columns:1fr auto}#ge-propertyTab .sliderLine .floatLine .label{grid-column:1;display:none;align-items:center;font-weight:600}#ge-propertyTab .sliderLine .floatLine .short{grid-column:1;display:flex;align-items:center}#ge-propertyTab .sliderLine .floatLine .short input{width:100%;background-color:#fff;height:24px}#ge-propertyTab .sliderLine .floatLine .short input::-webkit-outer-spin-button,#ge-propertyTab .sliderLine .floatLine .short input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#ge-propertyTab .sliderLine .floatLine .short input[type=number]{-webkit-appearance:textfield;appearance:textfield}#ge-propertyTab .sliderLine .floatLine .copy{display:none}#ge-propertyTab .sliderLine .copy{display:none}#ge-propertyTab .ge-divider{padding-right:18px;padding-left:5px;display:grid;grid-template-columns:auto 1fr;padding-top:1px;padding-bottom:1px}#ge-propertyTab .ge-divider>.textLine+.command-button{margin-top:-3px;grid-column:5}#ge-propertyTab .ge-divider.double{display:grid;grid-template-columns:auto 1fr 5px 1fr}#ge-propertyTab .ge-divider.double>.textInputLine:first-of-type,#ge-propertyTab .ge-divider.double>.floatLine:first-of-type{grid-column:2}#ge-propertyTab .ge-divider.double>.textInputLine:nth-of-type(2),#ge-propertyTab .ge-divider.double>.floatLine:nth-of-type(2){grid-column:4}#ge-propertyTab .ge-divider.double>.command-button{grid-column:5;margin-left:5px}#ge-propertyTab .ge-divider.quad{display:grid;grid-template-columns:1fr 5px 1fr 5px 1fr 5px 1fr}#ge-propertyTab .ge-divider.quad>.textInputLine:first-of-type,#ge-propertyTab .ge-divider.quad>.floatLine:first-of-type{grid-column:1}#ge-propertyTab .ge-divider.quad>.textInputLine:nth-of-type(2),#ge-propertyTab .ge-divider.quad>.floatLine:nth-of-type(2){grid-column:3}#ge-propertyTab .ge-divider.quad>.textInputLine:nth-of-type(3),#ge-propertyTab .ge-divider.quad>.floatLine:nth-of-type(3){grid-column:5}#ge-propertyTab .ge-divider.quad>.textInputLine:nth-of-type(4),#ge-propertyTab .ge-divider.quad>.floatLine:nth-of-type(4){grid-column:7}#ge-propertyTab .ge-grid-divider{display:grid;grid-template-columns:150px 1fr auto}#ge-propertyTab .ge-grid-divider .textLine{grid-column:auto}#ge-propertyTab .ge-grid-button-divider{display:grid;grid-template-columns:60px 60px 60px 60px}#ge-propertyTab .ge-grid-remove{display:grid;background-color:#c2c2c2;margin-bottom:5px;filter:invert(1)}#ge-propertyTab .ge-grid-edit{display:grid;background-color:#878787;margin-bottom:5px;filter:invert(1)}#ge-propertyTab .ge-grid{display:grid;margin-bottom:5px}#ge-propertyTab .ge-divider.double .textInputLine{grid-template-columns:auto auto 1fr auto}#ge-propertyTab .textInputLine,#ge-propertyTab .floatLine{user-select:none;padding-bottom:0px;padding-top:0px;height:var(--spacingHeight);display:grid;grid-template-columns:auto auto 1fr;flex-grow:1}#ge-propertyTab .textInputLine .label,#ge-propertyTab .floatLine .label{grid-column:2;display:flex;align-items:center;min-width:15px;font-weight:600}#ge-propertyTab .textInputLine .disabled,#ge-propertyTab .floatLine .disabled{color:var(--backgroundGrey);background-color:var(--disabledBackground)}#ge-propertyTab .textInputLine img,#ge-propertyTab .floatLine img{width:30px}#ge-propertyTab .textInputLine .img,#ge-propertyTab .floatLine .img{grid-column:1;display:flex;align-items:center}#ge-propertyTab .textInputLine .value,#ge-propertyTab .floatLine .value{display:flex;align-items:center;grid-column:3;background:rgba(0,0,0,0);height:26px;position:relative;background-color:#fff;margin-top:2px;overflow-y:hidden}#ge-propertyTab .textInputLine .value input,#ge-propertyTab .floatLine .value input{width:100%;height:24px;color:#333}#ge-propertyTab .textInputLine .value input.hasArrows,#ge-propertyTab .floatLine .value input.hasArrows{padding-right:15px}#ge-propertyTab .textInputLine .value .arrows,#ge-propertyTab .floatLine .value .arrows{display:none;position:absolute;right:0;flex-direction:column;cursor:grab}#ge-propertyTab .textInputLine .value .arrows .downArrowIcon,#ge-propertyTab .textInputLine .value .arrows .upArrowIcon,#ge-propertyTab .floatLine .value .arrows .downArrowIcon,#ge-propertyTab .floatLine .value .arrows .upArrowIcon{width:13px;height:13px}#ge-propertyTab .textInputLine .value:hover .arrows,#ge-propertyTab .textInputLine .value:focus .arrows,#ge-propertyTab .textInputLine .value.dragging .arrows,#ge-propertyTab .floatLine .value:hover .arrows,#ge-propertyTab .floatLine .value:focus .arrows,#ge-propertyTab .floatLine .value.dragging .arrows{display:flex}#ge-propertyTab .textInputLine .value .arrows:hover,#ge-propertyTab .floatLine .value .arrows:hover{background-color:var(--buttonHoverBackground)}#ge-propertyTab .textInputLine .value.dragging .arrows,#ge-propertyTab .floatLine .value.dragging .arrows{background-color:var(--buttonPressedBackground)}#ge-propertyTab .textInputLine .value.dragging .arrows .downArrowIcon,#ge-propertyTab .textInputLine .value.dragging .arrows .upArrowIcon,#ge-propertyTab .floatLine .value.dragging .arrows .downArrowIcon,#ge-propertyTab .floatLine .value.dragging .arrows .upArrowIcon{filter:brightness(10)}#ge-propertyTab .textInputLine .copy,#ge-propertyTab .floatLine .copy{display:none}#ge-propertyTab .textInputLine.withUnits{grid-template-columns:auto auto 1fr auto}#ge-propertyTab .textInputArea{height:100%;display:grid;grid-te