@babylonjs/gui-editor 7.12.0 → 7.13.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (4) hide show
  1. package/dist/babylon.guiEditor.js +1 -1
  2. package/dist/babylon.guiEditor.js.map +1 -1
  3. package/dist/babylon.guiEditor.max.js +21 -24
  4. package/package.json +3 -3
package/dist/babylon.guiEditor.js CHANGED
@@ -1,3 +1,3 @@
1
1
  /*! For license information please see babylon.guiEditor.js.LICENSE.txt */
2
- !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 n={228:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(234),o=n.n(r),i=n(474),s=n.n(i)()(o());s.push([e.id,'.color-picker-container{width:320px;height:300px;background-color:#fff;display:grid;grid-template-columns:100%;grid-template-rows:50% 50px 60px 40px 1fr auto;font-family:"acumin-pro-condensed";font-weight:normal;font-size:14px}.color-picker-container.with-hints{height:380px}.color-picker-container .color-picker-saturation{grid-row:1;grid-column:1;display:grid;grid-template-columns:100%;grid-template-rows:100%;position:relative;cursor:pointer}.color-picker-container .color-picker-saturation .color-picker-saturation-white{grid-row:1;grid-column:1;background:-webkit-linear-gradient(to right, #fff, rgba(255, 255, 255, 0));background:linear-gradient(to right, #fff, rgba(255, 255, 255, 0))}.color-picker-container .color-picker-saturation .color-picker-saturation-black{grid-row:1;grid-column:1;background:-webkit-linear-gradient(to top, #000, rgba(0, 0, 0, 0));background:linear-gradient(to top, #000, rgba(0, 0, 0, 0))}.color-picker-container .color-picker-saturation .color-picker-saturation-cursor{pointer-events:none;width:4px;height:4px;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;transform:translate(-2px, -2px);position:absolute}.color-picker-container .color-picker-hue{grid-row:2;grid-column:1;display:grid;margin:10px;grid-template-columns:24% 76%;grid-template-rows:100%}.color-picker-container .color-picker-hue .color-picker-hue-color{grid-row:1;grid-column:1;align-self:center;justify-self:center;width:30px;height:30px;border-radius:15px;border:1px solid #000}.color-picker-container .color-picker-hue .color-picker-hue-slider{grid-row:1;grid-column:2;align-self:center;height:16px;position:relative;cursor:pointer;background:linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);background:-webkit-linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)}.color-picker-container .color-picker-hue .color-picker-hue-slider .color-picker-hue-cursor{pointer-events:none;width:8px;height:18px;transform:translate(-4px, -2px);background-color:#f8f8f8;box-shadow:0 1px 4px 0 rgba(0,0,0,.37);position:absolute}.color-picker-container .color-picker-component{display:grid;margin:5px;grid-template-columns:100%;grid-template-rows:50% 50%}.color-picker-container .color-picker-component .color-picker-component-value{justify-self:center;align-self:center;grid-row:1;grid-column:1;margin-bottom:4px}.color-picker-container .color-picker-component .color-picker-component-value input{width:50px}.color-picker-container .color-picker-component .color-picker-component-label{justify-self:center;align-self:center;grid-row:2;grid-column:1;color:#000}.color-picker-container .color-picker-rgb{grid-row:3;grid-column:1;display:grid;margin:10px;grid-template-columns:20% 6.66% 20% 6.66% 20% 6.66% 20%;grid-template-rows:100%}.color-picker-container .red{grid-row:1;grid-column:1}.color-picker-container .green{grid-row:1;grid-column:3}.color-picker-container .blue{grid-row:1;grid-column:5}.color-picker-container .alpha{grid-row:1;grid-column:7}.color-picker-container .alpha.grayed{opacity:.5}.color-picker-container .color-picker-hex{grid-row:4;grid-column:1;display:grid;grid-template-columns:20% 80%;grid-template-rows:100%}.color-picker-container .color-picker-hex .color-picker-hex-label{justify-self:center;align-self:center;grid-row:1;grid-column:1;margin-left:10px;color:#000}.color-picker-container .color-picker-hex .color-picker-hex-value{justify-self:left;align-self:center;grid-row:1;grid-column:2;margin-left:10px;margin-right:10px}.color-picker-container .color-picker-hex .color-picker-hex-value input{width:70px}.color-picker-container .color-picker-warning{color:#000;font-size:11px;padding:4px;justify-self:left;align-self:center;grid-row:6;grid-column:1}',"",{version:3,sources:["webpack://./../../../dev/sharedUiComponents/dist/colorPicker/colorPicker.scss"],names:[],mappings:"AAAA,wBACI,WAAA,CACA,YAAA,CACA,qBAAA,CACA,YAAA,CACA,0BAAA,CACA,8CAAA,CACA,kCAAA,CACA,kBAAA,CACA,cAAA,CAEA,mCACI,YAAA,CAGJ,iDACI,UAAA,CACA,aAAA,CACA,YAAA,CACA,0BAAA,CACA,uBAAA,CACA,iBAAA,CACA,cAAA,CAEA,gFACI,UAAA,CACA,aAAA,CAEA,0EAAA,CACA,kEAAA,CAGJ,gFACI,UAAA,CACA,aAAA,CAEA,kEAAA,CACA,0DAAA,CAGJ,iFACI,mBAAA,CACA,SAAA,CACA,UAAA,CACA,uFACI,CAGJ,iBAAA,CACA,+BAAA,CACA,iBAAA,CAIR,0CACI,UAAA,CACA,aAAA,CACA,YAAA,CACA,WAAA,CACA,6BAAA,CACA,uBAAA,CAEA,kEACI,UAAA,CACA,aAAA,CACA,iBAAA,CACA,mBAAA,CACA,UAAA,CACA,WAAA,CACA,kBAAA,CACA,qBAAA,CAGJ,mEACI,UAAA,CACA,aAAA,CACA,iBAAA,CACA,WAAA,CACA,iBAAA,CACA,cAAA,CAEA,0GAAA,CACA,kHAAA,CAEA,4FACI,mBAAA,CACA,SAAA,CACA,WAAA,CACA,+BAAA,CACA,wBAAA,CACA,sCAAA,CACA,iBAAA,CAKZ,gDACI,YAAA,CACA,UAAA,CACA,0BAAA,CACA,0BAAA,CAEA,8EACI,mBAAA,CACA,iBAAA,CACA,UAAA,CACA,aAAA,CACA,iBAAA,CAEA,oFACI,UAAA,CAIR,8EACI,mBAAA,CACA,iBAAA,CACA,UAAA,CACA,aAAA,CACA,UAAA,CAIR,0CACI,UAAA,CACA,aAAA,CACA,YAAA,CACA,WAAA,CACA,uDAAA,CACA,uBAAA,CAGJ,6BACI,UAAA,CACA,aAAA,CAGJ,+BACI,UAAA,CACA,aAAA,CAGJ,8BACI,UAAA,CACA,aAAA,CAGJ,+BACI,UAAA,CACA,aAAA,CAEA,sCACI,UAAA,CAIR,0CACI,UAAA,CACA,aAAA,CACA,YAAA,CACA,6BAAA,CACA,uBAAA,CAEA,kEACI,mBAAA,CACA,iBAAA,CACA,UAAA,CACA,aAAA,CACA,gBAAA,CACA,UAAA,CAGJ,kEACI,iBAAA,CACA,iBAAA,CACA,UAAA,CACA,aAAA,CACA,gBAAA,CACA,iBAAA,CAEA,wEACI,UAAA,CAKZ,8CACI,UAAA,CACA,cAAA,CACA,WAAA,CACA,iBAAA,CACA,iBAAA,CACA,UAAA,CACA,aAAA",sourcesContent:['.color-picker-container {\r\n width: 320px;\r\n height: 300px;\r\n background-color: white;\r\n display: grid;\r\n grid-template-columns: 100%;\r\n grid-template-rows: 50% 50px 60px 40px 1fr auto;\r\n font-family: "acumin-pro-condensed";\r\n font-weight: normal;\r\n font-size: 14px;\r\n\r\n &.with-hints {\r\n height: 380px;\r\n }\r\n\r\n .color-picker-saturation {\r\n grid-row: 1;\r\n grid-column: 1;\r\n display: grid;\r\n grid-template-columns: 100%;\r\n grid-template-rows: 100%;\r\n position: relative;\r\n cursor: pointer;\r\n\r\n .color-picker-saturation-white {\r\n grid-row: 1;\r\n grid-column: 1;\r\n\r\n background: -webkit-linear-gradient(to right, #fff, rgba(255, 255, 255, 0));\r\n background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));\r\n }\r\n\r\n .color-picker-saturation-black {\r\n grid-row: 1;\r\n grid-column: 1;\r\n\r\n background: -webkit-linear-gradient(to top, #000, rgba(0, 0, 0, 0));\r\n background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));\r\n }\r\n\r\n .color-picker-saturation-cursor {\r\n pointer-events: none;\r\n width: 4px;\r\n height: 4px;\r\n box-shadow:\r\n 0 0 0 1.5px #fff,\r\n inset 0 0 1px 1px rgba(0, 0, 0, 0.3),\r\n 0 0 1px 2px rgba(0, 0, 0, 0.4);\r\n border-radius: 50%;\r\n transform: translate(-2px, -2px);\r\n position: absolute;\r\n }\r\n }\r\n\r\n .color-picker-hue {\r\n grid-row: 2;\r\n grid-column: 1;\r\n display: grid;\r\n margin: 10px;\r\n grid-template-columns: 24% 76%;\r\n grid-template-rows: 100%;\r\n\r\n .color-picker-hue-color {\r\n grid-row: 1;\r\n grid-column: 1;\r\n align-self: center;\r\n justify-self: center;\r\n width: 30px;\r\n height: 30px;\r\n border-radius: 15px;\r\n border: 1px solid black;\r\n }\r\n\r\n .color-picker-hue-slider {\r\n grid-row: 1;\r\n grid-column: 2;\r\n align-self: center;\r\n height: 16px;\r\n position: relative;\r\n cursor: pointer;\r\n\r\n background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\r\n background: -webkit-linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\r\n\r\n .color-picker-hue-cursor {\r\n pointer-events: none;\r\n width: 8px;\r\n height: 18px;\r\n transform: translate(-4px, -2px);\r\n background-color: rgb(248, 248, 248);\r\n box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);\r\n position: absolute;\r\n }\r\n }\r\n }\r\n\r\n .color-picker-component {\r\n display: grid;\r\n margin: 5px;\r\n grid-template-columns: 100%;\r\n grid-template-rows: 50% 50%;\r\n\r\n .color-picker-component-value {\r\n justify-self: center;\r\n align-self: center;\r\n grid-row: 1;\r\n grid-column: 1;\r\n margin-bottom: 4px;\r\n\r\n input {\r\n width: 50px;\r\n }\r\n }\r\n\r\n .color-picker-component-label {\r\n justify-self: center;\r\n align-self: center;\r\n grid-row: 2;\r\n grid-column: 1;\r\n color: black;\r\n }\r\n }\r\n\r\n .color-picker-rgb {\r\n grid-row: 3;\r\n grid-column: 1;\r\n display: grid;\r\n margin: 10px;\r\n grid-template-columns: 20% 6.66% 20% 6.66% 20% 6.66% 20%;\r\n grid-template-rows: 100%;\r\n }\r\n\r\n .red {\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n\r\n .green {\r\n grid-row: 1;\r\n grid-column: 3;\r\n }\r\n\r\n .blue {\r\n grid-row: 1;\r\n grid-column: 5;\r\n }\r\n\r\n .alpha {\r\n grid-row: 1;\r\n grid-column: 7;\r\n\r\n &.grayed {\r\n opacity: 0.5;\r\n }\r\n }\r\n\r\n .color-picker-hex {\r\n grid-row: 4;\r\n grid-column: 1;\r\n display: grid;\r\n grid-template-columns: 20% 80%;\r\n grid-template-rows: 100%;\r\n\r\n .color-picker-hex-label {\r\n justify-self: center;\r\n align-self: center;\r\n grid-row: 1;\r\n grid-column: 1;\r\n margin-left: 10px;\r\n color: black;\r\n }\r\n\r\n .color-picker-hex-value {\r\n justify-self: left;\r\n align-self: center;\r\n grid-row: 1;\r\n grid-column: 2;\r\n margin-left: 10px;\r\n margin-right: 10px;\r\n\r\n input {\r\n width: 70px;\r\n }\r\n }\r\n }\r\n\r\n .color-picker-warning {\r\n color: black;\r\n font-size: 11px;\r\n padding: 4px;\r\n justify-self: left;\r\n align-self: center;\r\n grid-row: 6;\r\n grid-column: 1;\r\n }\r\n}\r\n'],sourceRoot:""}]),s.locals={};const a=s},548:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(234),o=n.n(r),i=n(474),s=n.n(i)()(o());s.push([e.id,'#log-console{background:#333;height:120px;box-sizing:border-box;margin:0;padding:10px;width:100%;overflow:hidden;overflow-y:auto}#log-console .log{color:#fff;font-size:14px;font-family:"Courier New",Courier,monospace}#log-console .log.error{color:red}',"",{version:3,sources:["webpack://./../../../tools/guiEditor/dist/components/log/log.scss"],names:[],mappings:"AAAA,aACI,eAAA,CACA,YAAA,CACA,qBAAA,CACA,QAAA,CACA,YAAA,CACA,UAAA,CACA,eAAA,CACA,eAAA,CAEA,kBACI,UAAA,CACA,cAAA,CACA,2CAAA,CAEA,wBACI,SAAA",sourcesContent:['#log-console {\r\n background: #333333;\r\n height: 120px;\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 10px;\r\n width: 100%;\r\n overflow: hidden;\r\n overflow-y: auto;\r\n\r\n .log {\r\n color: white;\r\n font-size: 14px;\r\n font-family: "Courier New", Courier, monospace;\r\n\r\n &.error {\r\n color: red;\r\n }\r\n }\r\n}\r\n'],sourceRoot:""}]),s.locals={};const a=s},788:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(234),o=n.n(r),i=n(474),s=n.n(i)()(o());s.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;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;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;-webkit-transition:.2s;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 rgba(255,255,255,.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 .hasArrows input[type=number]{-moz-appearance:textfield}#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;-moz-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-template-columns:1fr 120px}#ge-propertyTab .textInputArea .disabled{color:var(--backgroundGrey);background-color:var(--disabledBackground)}#ge-propertyTab .textInputArea .label{grid-column:1;display:flex;align-items:center}#ge-propertyTab .textInputArea .value{display:flex;align-items:center;grid-column:2}#ge-propertyTab .textInputArea .value textarea{width:calc(150% - 5px);margin-left:-50%;height:40px}#ge-propertyTab .paneContainer{margin-top:3px;display:grid;grid-template-rows:100%;grid-template-columns:100%}#ge-propertyTab .paneContainer .paneList{border-left:3px solid rgba(0,0,0,0)}#ge-propertyTab .paneContainer:hover .paneList{border-left:3px solid rgba(51,122,183,.8)}#ge-propertyTab .paneContainer:hover .paneContainer-content .header .title{border-left:3px solid #337ab7}#ge-propertyTab .paneContainer .paneContainer-highlight-border{grid-row:1;grid-column:1;opacity:1;border:3px solid red;transition:opacity 250ms;pointer-events:none}#ge-propertyTab .paneContainer .paneContainer-highlight-border.transparent{opacity:0}#ge-propertyTab .paneContainer .paneContainer-content{grid-row:1;grid-column:1}#ge-propertyTab .paneContainer .paneContainer-content .header{display:grid;grid-template-columns:1fr auto;background:#ccc;height:var(--spacingHeight);padding-bottom:0px;padding-top:0px;padding-right:5px;cursor:pointer}#ge-propertyTab .paneContainer .paneContainer-content .header .title{border-left:3px solid rgba(0,0,0,0);padding-left:5px;grid-column:1;display:flex;align-items:center}#ge-propertyTab .paneContainer .paneContainer-content .header .collapse{grid-column:2;display:flex;align-items:center;justify-items:center;transform-origin:center}#ge-propertyTab .paneContainer .paneContainer-content .header .collapse.closed{transform:rotate(180deg)}#ge-propertyTab .paneContainer .paneContainer-content .paneList>div:not(:last-child){border-bottom:.5px solid rgba(255,255,255,.1)}#ge-propertyTab .paneContainer .paneContainer-content .fragment>div:not(:last-child){border-bottom:.5px solid rgba(255,255,255,.1)}#ge-propertyTab .color-picker{height:26px;width:26px}#ge-propertyTab .color-picker .color-rect-background{width:calc(100% - 2px);height:calc(100% - 2px);border:1px #000 solid;cursor:pointer;background:repeating-conic-gradient(#e2e2e2 0% 25%, white 0% 50%) 50%/100% 100%}#ge-propertyTab .color-picker .color-rect-background .color-rect{height:100%}#ge-propertyTab .color-picker .color-picker-cover{z-index:2;position:fixed;top:0px;right:0px;bottom:0px;left:0px}#ge-propertyTab .color-picker .color-picker-float{position:absolute;outline:1px solid #000}#ge-propertyTab .color-picker .color-picker-container{background-color:#e2e2e2}#ge-propertyTab .gradient-step{display:grid;grid-template-rows:100%;grid-template-columns:20px 30px 40px auto 20px 30px;padding-top:5px;padding-left:5px;padding-bottom:5px}#ge-propertyTab .gradient-step .step{grid-row:1;grid-column:1}#ge-propertyTab .gradient-step .color{grid-row:1;grid-column:2;cursor:pointer}#ge-propertyTab .gradient-step .step-value{margin-left:5px;grid-row:1;grid-column:3;text-align:right;margin-right:5px}#ge-propertyTab .gradient-step .step-slider{grid-row:1;grid-column:4;display:grid;justify-content:stretch;align-content:center;margin-right:-5px;padding-left:12px}#ge-propertyTab .gradient-step .step-slider input{width:90%}#ge-propertyTab .gradient-step .gradient-copy{grid-row:1;grid-column:5;display:grid;align-content:center;justify-content:center}#ge-propertyTab .gradient-step .gradient-copy .img{height:20px;width:20px}#ge-propertyTab .gradient-step .gradient-copy .img:hover{cursor:pointer}#ge-propertyTab .gradient-step .gradient-delete{grid-row:1;grid-column:6;display:grid;align-content:center;justify-content:center}#ge-propertyTab .gradient-step .gradient-delete .img{height:20px;width:20px}#ge-propertyTab .gradient-step .gradient-delete .img:hover{cursor:pointer}#ge-propertyTab .alignment-bar{display:flex;justify-content:center;padding-right:5px}#ge-propertyTab .command-button{cursor:pointer;width:30px}#ge-propertyTab .command-button .command-label{display:none}#ge-propertyTab .command-button .command-button-icon{height:100%;width:100%;display:grid;color:#fff;align-content:center;justify-content:center}#ge-propertyTab .command-button:hover{background-color:#fff}#ge-propertyTab .command-button .active{transform-origin:center;background-color:#fff}#ge-propertyTab .command-button img.active{background-color:#fff}#ge-propertyTab .command-button.disabled{background-color:var(--buttonDisabledBackground);pointer-events:none}#ge-propertyTab .command-button-alt{cursor:pointer;width:40px;margin-left:5px;margin-right:5px;background-color:#fff}#ge-propertyTab .command-button-alt .command-label{display:none}#ge-propertyTab .command-button-alt .command-button-icon{height:100%;width:100%;display:grid;align-content:center;justify-content:center}#ge-propertyTab .command-button-alt:hover{background-color:#c2c2c2;filter:invert(1)}#ge-propertyTab .command-button-alt-disabled{cursor:pointer;pointer-events:none;width:40px;margin-left:5px;margin-right:5px;background-color:#fff}#ge-propertyTab .command-button-alt-disabled .command-label{display:none}#ge-propertyTab .command-button-alt-disabled .command-button-icon{height:100%;width:100%;display:grid;align-content:center;justify-content:center}#ge-propertyTab .command-button-alt-disabled img{filter:invert(1)}#ge-propertyTab .command-button-alt-active{cursor:pointer;pointer-events:none;width:40px;margin-left:5px;margin-right:5px;background-color:#c2c2c2;filter:invert(1)}#ge-propertyTab .command-button-alt-active .command-label{display:none}#ge-propertyTab .command-button-alt-active .command-button-icon{height:100%;width:100%;display:grid;align-content:center;justify-content:center}#ge-propertyTab .floatLine{user-select:none;height:var(--spacingHeight);padding-bottom:0px;padding-top:0px;display:grid;grid-template-columns:auto auto 2fr auto;flex-grow:1}#ge-propertyTab .floatLine .label{grid-column:2;display:flex;align-items:center;min-width:15px;font-weight:600}#ge-propertyTab .floatLine img{width:30px}#ge-propertyTab .floatLine .img{grid-column:1;display:flex;align-items:center}#ge-propertyTab .floatLine .value{display:flex;align-items:center;grid-column:3;background:rgba(0,0,0,0);height:26px}#ge-propertyTab .floatLine .value input{width:100%;background-color:#fff;height:24px}#ge-propertyTab .floatLine .short{grid-column:2;display:flex;align-items:center}#ge-propertyTab .floatLine .short input{width:100%}#ge-propertyTab .floatLine .short input::-webkit-outer-spin-button,#ge-propertyTab .floatLine .short input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#ge-propertyTab .floatLine .short input[type=number]{-moz-appearance:textfield}#ge-propertyTab .floatLine .copy{display:none}#ge-propertyTab .vector3Line{padding-bottom:0px;padding-top:0px;display:grid}#ge-propertyTab .vector3Line .firstLine{display:grid;grid-template-columns:1fr auto 20px;height:var(--spacingHeight)}#ge-propertyTab .vector3Line .firstLine .label{grid-column:1;display:flex;align-items:center}#ge-propertyTab .vector3Line .firstLine .vector{grid-column:2;display:flex;align-items:center;text-align:right;opacity:.8}#ge-propertyTab .vector3Line .firstLine .expand{grid-column:3;display:grid;align-items:center;justify-items:center;cursor:pointer}#ge-propertyTab .vector3Line .firstLine .copy{display:none}#ge-propertyTab .vector3Line .secondLine{display:grid;padding-right:5px;border-left:1px solid #337ab7}#ge-propertyTab .vector3Line .secondLine .no-right-margin{margin-right:0}#ge-propertyTab .vector3Line .secondLine .numeric{display:grid;grid-template-columns:1fr auto}#ge-propertyTab .vector3Line .secondLine .numeric-label{text-align:right;grid-column:1;display:flex;align-items:center;justify-self:right;margin-right:10px}#ge-propertyTab .vector3Line .secondLine .numeric-value{width:120px;grid-column:2;display:flex;align-items:center;border:1px solid #337ab7}#ge-propertyTab .buttonLine{height:var(--spacingHeight);padding-bottom:0px;padding-top:0px;display:grid;align-items:center;justify-items:stretch;padding-bottom:5px}#ge-propertyTab .buttonLine input[type=file]{display:none}#ge-propertyTab .buttonLine .file-upload{background:var(--backgroundGrey);border:1px solid #424242;margin:5px 10px;color:#fff;padding:4px 5px;opacity:.9;cursor:pointer;text-align:center;border-radius:4px}#ge-propertyTab .buttonLine .file-upload:hover{opacity:1}#ge-propertyTab .buttonLine .file-upload:active{transform:scale(0.98);transform-origin:.5 .5}#ge-propertyTab .buttonLine button{background:var(--backgroundGrey);border:1px solid #424242;margin:5px 10px 5px 10px;color:#fff;padding:4px 5px;opacity:.9;border-radius:4px}#ge-propertyTab .buttonLine button:hover{opacity:1}#ge-propertyTab .buttonLine button:active{background:#282828}#ge-propertyTab .buttonLine button:focus{border:1px solid #424242;outline:0px}#ge-propertyTab .numeric{padding-bottom:0px;padding-top:0px;height:var(--spacingHeight);display:grid;grid-template-columns:1fr 120px auto}#ge-propertyTab .numeric .numeric-label{grid-column:1;display:flex;align-items:center}#ge-propertyTab .numeric .number{display:flex;align-items:center;grid-column:2;height:10px}#ge-propertyTab .numeric .number .input{width:calc(100% - 5px);height:10px}#ge-propertyTab .checkBoxLine{padding-bottom:0px;padding-top:0px;height:var(--spacingHeight);display:grid;grid-template-columns:auto 1fr auto;flex-grow:1}#ge-propertyTab .checkBoxLine .label{grid-column:2;display:flex;align-items:center;min-width:100px;margin-left:15px;height:var(--spacingHeight);font-weight:600}#ge-propertyTab .checkBoxLine img{width:30px}#ge-propertyTab .checkBoxLine .img{grid-column:1;display:flex;align-items:center}#ge-propertyTab .checkBoxLine .hidden{display:none}#ge-propertyTab .checkBoxLine .copy{display:none}#ge-propertyTab .listLine{padding-bottom:0px;padding-top:0px;height:var(--spacingHeight);display:grid;grid-template-columns:auto 1fr auto;flex-grow:1}#ge-propertyTab .listLine .label{grid-column:2;display:none;align-items:center}#ge-propertyTab .listLine img{width:30px}#ge-propertyTab .listLine .img{grid-column:1;display:flex;align-items:center}#ge-propertyTab .listLine .options{grid-column:2;padding-left:15px;display:flex;align-items:center}#ge-propertyTab .listLine .options select{width:100%;height:25px;border:rgba(0,0,0,0)}#ge-propertyTab .listLine .options input{width:100%;height:24px;color:#333}#ge-propertyTab .listLine .copy{display:none}#ge-propertyTab .color3Line{padding-left:15px;padding-bottom:0px;padding-top:0px;display:grid;flex-grow:1}#ge-propertyTab .color3Line .firstLine{height:var(--spacingHeight);display:flex;align-items:center}#ge-propertyTab .color3Line .firstLine .label{grid-column:2;padding-left:5px;display:none;align-items:center;min-width:15px}#ge-propertyTab .color3Line .firstLine .img{grid-column:1;display:flex;align-items:center}#ge-propertyTab .color3Line .firstLine img{width:30px;height:30px}#ge-propertyTab .color3Line .firstLine .textInputLine{grid-column:3;padding-left:2px;flex-grow:1}#ge-propertyTab .color3Line .firstLine .color3{display:flex;align-items:center}#ge-propertyTab .color3Line .firstLine .color3 input{margin-right:5px}#ge-propertyTab .color3Line .firstLine .expand{grid-column:3;display:none;align-items:center;justify-items:center;cursor:pointer}#ge-propertyTab .color3Line .firstLine .expand img{height:100%;width:20px}#ge-propertyTab .color3Line .firstLine .copy{grid-column:4;display:none;align-items:center;justify-items:center;cursor:pointer;color:#000}#ge-propertyTab .color3Line .firstLine .copy img{height:100%;width:20px}#ge-propertyTab .color3Line .secondLine{display:grid;padding-right:5px;border-left:1px solid #337ab7}#ge-propertyTab .color3Line .secondLine .numeric{display:grid;grid-template-columns:1fr auto}#ge-propertyTab .color3Line .secondLine .numeric-label{text-align:right;grid-column:1;display:flex;align-items:center;justify-self:right;margin-right:10px}#ge-propertyTab .color3Line .secondLine .numeric-value{width:120px;grid-column:2;display:flex;align-items:center;border:1px solid #337ab7}#ge-propertyTab .textLine{padding-left:5px;padding-bottom:0px;padding-top:0px;padding-right:18px;height:auto;display:grid;grid-template-columns:auto auto 2fr 1fr}#ge-propertyTab .textLine .label{grid-column:2;padding-left:5px;padding-top:4px;display:flex;align-items:left;min-width:15px;color:#a9a9a9;font-size:10px;font-family:"acumin-pro-semi-condensed",sans-serif;font-weight:600}#ge-propertyTab .textLine img{width:30px}#ge-propertyTab .textLine .img{grid-column:1;display:flex;align-items:center}#ge-propertyTab .textLine .link-value{grid-column:2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:end;opacity:.8;margin:5px;margin-top:6px;max-width:140px;text-decoration:underline;cursor:pointer}#ge-propertyTab .textLine .value{display:none;grid-column:3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:end;opacity:.8;margin:5px;margin-top:6px;max-width:200px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}#ge-propertyTab .textLine .value.check{color:green}#ge-propertyTab .textLine .value.uncheck{color:red}',"",{version:3,sources:["webpack://./../../../tools/guiEditor/dist/components/propertyTab/propertyTab.scss"],names:[],mappings:"AAAA,MACI,yBAAA,CACA,qBAAA,CACA,iBAAA,CACA,2BAAA,CACA,mCAAA,CACA,6BAAA,CACA,wBAAA,CACA,kCAAA,CACA,gCAAA,CAGJ,gBACI,gBAAA,CAKA,UAAA,CACA,kBAAA,CACA,kBACI,6CAAA,CACA,cAAA,CAEJ,wBACI,WAAA,CACA,cAAA,CACA,UAAA,CACA,eAAA,CACA,UAAA,CACA,iBAAA,CACA,YAAA,CACA,8BAAA,CACA,wBAAA,CACA,qBAAA,CACA,oBAAA,CACA,gBAAA,CAEA,8BACI,iBAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,MAAA,CACA,YAAA,CACA,iBAAA,CACA,mBAAA,CACA,gBAAA,CAGJ,+BACI,eAAA,CACA,UAAA,CACA,aAAA,CACA,YAAA,CACA,kBAAA,CACA,iBAAA,CAIR,sBACI,YAAA,CAGJ,uBACI,uBAAA,CACA,UAAA,CACA,UAAA,CACA,kBAAA,CACA,iBAAA,CACA,YAAA,CACA,UAAA,CACA,sBAAA,CACA,sBAAA,CACA,SAAA,CAGJ,6BACI,SAAA,CAGJ,6CACI,uBAAA,CACA,eAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CACA,kBAAA,CACA,YAAA,CACA,iBAAA,CACA,cAAA,CAGJ,yCACI,UAAA,CACA,WAAA,CACA,iBAAA,CACA,eAAA,CACA,cAAA,CAGJ,kCACI,uBAAA,CACA,qCAAA,CACA,SAAA,CACA,UAAA,CACA,WAAA,CAEJ,gEACI,SAAA,CAEJ,wDACI,WAAA,CAGJ,mBACI,wBAAA,CAGJ,sBACI,UAAA,CACA,WAAA,CAGJ,sBACI,UAAA,CACA,WAAA,CACA,mBAAA,CACA,wCAAA,CACA,WAAA,CACA,cAAA,CACA,cAAA,CACA,eAAA,CACA,wCAAA,CACA,eAAA,CACA,iBAAA,CACA,YAAA,CACA,sBAAA,CACA,kBAAA,CAGJ,+BACI,gDAAA,CACA,kBAAA,CAGJ,2CACI,6CAAA,CAGJ,4CACI,0BAAA,CACA,+CAAA,CAGJ,6CAEI,mBAAA,CACA,iBAAA,CACA,2BAAA,CACA,mBAAA,CACA,iBAAA,CACA,4BAAA,CACA,oBAAA,CACA,gBAAA,CAEA,yDACI,iBAAA,CACA,kBAAA,CAIR,wHAEI,uBAAA,CACA,QAAA,CAGJ,8CACI,yBAAA,CAGJ,4BACI,2BAAA,CACA,YAAA,CACA,uBAAA,CACA,uCAAA,CACA,WAAA,CAEA,mCACI,aAAA,CACA,YAAA,CACA,kBAAA,CACA,cAAA,CACA,eAAA,CAGJ,iCACI,aAAA,CACA,YAAA,CACA,kBAAA,CAGJ,oCACI,aAAA,CACA,UAAA,CACA,gBAAA,CACA,YAAA,CACA,kBAAA,CACA,gBAAA,CAGJ,uCACI,aAAA,CACA,gBAAA,CACA,8BAAA,CAEA,8CACI,aAAA,CACA,YAAA,CACA,kBAAA,CACA,eAAA,CAGJ,8CACI,aAAA,CACA,YAAA,CACA,kBAAA,CAEA,oDACI,UAAA,CACA,qBAAA,CACA,WAAA,CAGJ,8JAEI,uBAAA,CACA,QAAA,CAGJ,iEACI,4BAAA,CACA,yBAAA,CACA,oBAAA,CAIR,6CACI,YAAA,CAIR,kCACI,YAAA,CAIR,4BACI,kBAlPiB,CAmPjB,gBAAA,CACA,YAAA,CACA,8BAAA,CACA,eAAA,CACA,kBAAA,CAEA,sDACI,eAAA,CACA,aAAA,CAGR,mCACI,YAAA,CACA,sCAAA,CAGI,4HACI,aAAA,CAEJ,8HACI,aAAA,CAGR,mDACI,aAAA,CACA,eAAA,CAGR,iCACI,YAAA,CACA,iDAAA,CAGI,wHACI,aAAA,CAEJ,0HACI,aAAA,CAEJ,0HACI,aAAA,CAEJ,0HACI,aAAA,CAIZ,iCACI,YAAA,CACA,oCAAA,CAEA,2CACI,gBAAA,CAIR,wCACI,YAAA,CACA,yCAAA,CAGJ,gCACI,YAAA,CACA,wBAAA,CACA,iBAAA,CACA,gBAAA,CAGJ,8BACI,YAAA,CACA,wBAAA,CACA,iBAAA,CACA,gBAAA,CAGJ,yBACI,YAAA,CACA,iBAAA,CAGJ,kDACI,wCAAA,CAGJ,0DAEI,gBAAA,CACA,kBA5UkB,CA6UlB,eA5Ue,CA6Uf,2BAAA,CACA,YAAA,CACA,mCAAA,CACA,WAAA,CACA,wEACI,aAAA,CACA,YAAA,CACA,kBAAA,CACA,cAAA,CACA,eAAA,CAGJ,8EACI,2BAAA,CACA,0CAAA,CAGJ,kEACI,UAAA,CAGJ,oEACI,aAAA,CACA,YAAA,CACA,kBAAA,CAGJ,wEACI,YAAA,CACA,kBAAA,CACA,aAAA,CACA,wBAAA,CACA,WAAA,CACA,iBAAA,CACA,qBAAA,CACA,cAAA,CACA,iBAAA,CACA,oFACI,UAAA,CACA,WAAA,CACA,UAAA,CAEJ,wGACI,kBAAA,CAEJ,wFACI,YAAA,CACA,iBAAA,CACA,OAAA,CACA,qBAAA,CACA,WAAA,CACA,wOAEI,UAAA,CACA,WAAA,CAGR,kTAGI,YAAA,CAEJ,oGACI,6CAAA,CAEJ,0GACI,+CAAA,CACA,4QAEI,qBAAA,CAKZ,sEACI,YAAA,CAIR,yCACI,wCAAA,CAGJ,+BACI,WAAA,CACA,YAAA,CACA,+BAAA,CAEA,yCACI,2BAAA,CACA,0CAAA,CAGJ,sCACI,aAAA,CACA,YAAA,CACA,kBAAA,CAGJ,sCACI,YAAA,CACA,kBAAA,CACA,aAAA,CAEA,+CACI,sBAAA,CACA,gBAAA,CACA,WAAA,CAKZ,+BACI,cAAA,CACA,YAAA,CACA,uBAAA,CACA,0BAAA,CAEA,yCACI,mCAAA,CAIA,+CACI,yCAAA,CAKI,2EACI,6BAAA,CAMhB,+DACI,UAAA,CACA,aAAA,CACA,SAAA,CACA,oBAAA,CACA,wBAAA,CACA,mBAAA,CAEA,2EACI,SAAA,CAIR,sDACI,UAAA,CACA,aAAA,CAEA,8DACI,YAAA,CACA,8BAAA,CACA,eAAA,CACA,2BAAA,CACA,kBA5eU,CA6eV,eA5eO,CA6eP,iBAAA,CACA,cAAA,CAEA,qEACI,mCAAA,CACA,gBAAA,CACA,aAAA,CACA,YAAA,CACA,kBAAA,CAGJ,wEACI,aAAA,CACA,YAAA,CACA,kBAAA,CACA,oBAAA,CACA,uBAAA,CAEA,+EACI,wBAAA,CAKZ,qFACI,6CAAA,CAGJ,qFACI,6CAAA,CAKZ,8BACI,WAAA,CACA,UAAA,CAEA,qDACI,sBAAA,CACA,uBAAA,CACA,qBAAA,CACA,cAAA,CACA,+EAAA,CACA,iEACI,WAAA,CAIR,kDACI,SAAA,CACA,cAAA,CACA,OAAA,CACA,SAAA,CACA,UAAA,CACA,QAAA,CAGJ,kDACI,iBAAA,CACA,sBAAA,CAGJ,sDACI,wBAAA,CAIR,+BACI,YAAA,CACA,uBAAA,CACA,mDAAA,CACA,eAAA,CACA,gBAAA,CACA,kBAAA,CAEA,qCACI,UAAA,CACA,aAAA,CAGJ,sCACI,UAAA,CACA,aAAA,CACA,cAAA,CAGJ,2CACI,eAAA,CACA,UAAA,CACA,aAAA,CACA,gBAAA,CACA,gBAAA,CAGJ,4CACI,UAAA,CACA,aAAA,CACA,YAAA,CACA,uBAAA,CACA,oBAAA,CACA,iBAAA,CACA,iBAAA,CAEA,kDACI,SAAA,CAIR,8CACI,UAAA,CACA,aAAA,CACA,YAAA,CACA,oBAAA,CACA,sBAAA,CAEA,mDACI,WAAA,CACA,UAAA,CAEJ,yDACI,cAAA,CAGR,gDACI,UAAA,CACA,aAAA,CACA,YAAA,CACA,oBAAA,CACA,sBAAA,CACA,qDACI,WAAA,CACA,UAAA,CAEJ,2DACI,cAAA,CAKZ,+BACI,YAAA,CACA,sBAAA,CACA,iBAAA,CAGJ,gCACI,cAAA,CACA,UAAA,CAEA,+CACI,YAAA,CAGJ,qDACI,WAAA,CACA,UAAA,CACA,YAAA,CACA,UAAA,CACA,oBAAA,CACA,sBAAA,CAGJ,sCACI,qBAAA,CAGJ,wCACI,uBAAA,CACA,qBAAA,CAIA,2CACI,qBAAA,CAIR,yCACI,gDAAA,CACA,mBAAA,CAIR,oCACI,cAAA,CACA,UAAA,CACA,eAAA,CACA,gBAAA,CAKA,qBAAA,CAJA,mDACI,YAAA,CAIJ,yDACI,WAAA,CACA,UAAA,CACA,YAAA,CACA,oBAAA,CACA,sBAAA,CAEJ,0CACI,wBAAA,CACA,gBAAA,CAIR,6CACI,cAAA,CACA,mBAAA,CACA,UAAA,CACA,eAAA,CACA,gBAAA,CAKA,qBAAA,CAJA,4DACI,YAAA,CAIJ,kEACI,WAAA,CACA,UAAA,CACA,YAAA,CACA,oBAAA,CACA,sBAAA,CAGJ,iDACI,gBAAA,CAIR,2CACI,cAAA,CACA,mBAAA,CACA,UAAA,CACA,eAAA,CACA,gBAAA,CAKA,wBAAA,CACA,gBAAA,CALA,0DACI,YAAA,CAKJ,gEACI,WAAA,CACA,UAAA,CACA,YAAA,CACA,oBAAA,CACA,sBAAA,CAIR,2BACI,gBAAA,CACA,2BAAA,CACA,kBA7uBkB,CA8uBlB,eA7uBe,CA8uBf,YAAA,CACA,wCAAA,CACA,WAAA,CAEA,kCACI,aAAA,CACA,YAAA,CACA,kBAAA,CACA,cAAA,CACA,eAAA,CAGJ,+BACI,UAAA,CAGJ,gCACI,aAAA,CACA,YAAA,CACA,kBAAA,CAGJ,kCACI,YAAA,CACA,kBAAA,CACA,aAAA,CACA,wBAAA,CACA,WAAA,CACA,wCACI,UAAA,CACA,qBAAA,CACA,WAAA,CAIR,kCACI,aAAA,CAEA,YAAA,CACA,kBAAA,CAEA,wCACI,UAAA,CAGJ,sIAEI,uBAAA,CACA,QAAA,CAGJ,qDACI,yBAAA,CAIR,iCACI,YAAA,CAIR,6BACI,kBA7yBkB,CA8yBlB,eA7yBe,CA8yBf,YAAA,CACA,wCACI,YAAA,CACA,mCAAA,CACA,2BAAA,CAEA,+CACI,aAAA,CACA,YAAA,CACA,kBAAA,CAGJ,gDACI,aAAA,CACA,YAAA,CACA,kBAAA,CACA,gBAAA,CACA,UAAA,CAGJ,gDACI,aAAA,CACA,YAAA,CACA,kBAAA,CACA,oBAAA,CACA,cAAA,CAGJ,8CACI,YAAA,CAIR,yCACI,YAAA,CACA,iBAAA,CACA,6BAAA,CAEA,0DACI,cAAA,CAGJ,kDACI,YAAA,CACA,8BAAA,CAGJ,wDACI,gBAAA,CACA,aAAA,CACA,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,iBAAA,CAGJ,wDACI,WAAA,CACA,aAAA,CACA,YAAA,CACA,kBAAA,CACA,wBAAA,CAKZ,4BACI,2BAAA,CACA,kBAn3BkB,CAo3BlB,eAn3Be,CAo3Bf,YAAA,CACA,kBAAA,CACA,qBAAA,CACA,kBAAA,CACA,6CACI,YAAA,CAGJ,yCACI,gCAAA,CACA,wBAAA,CACA,eAAA,CACA,UAAA,CACA,eAAA,CACA,UAAA,CACA,cAAA,CACA,iBAAA,CACA,iBAAA,CAGJ,+CACI,SAAA,CAGJ,gDACI,qBAAA,CACA,sBAAA,CAGJ,mCACI,gCAAA,CACA,wBAAA,CACA,wBAAA,CACA,UAAA,CACA,eAAA,CACA,UAAA,CACA,iBAAA,CAGJ,yCACI,SAAA,CAGJ,0CACI,kBAAA,CAGJ,yCACI,wBAAA,CACA,WAAA,CAIR,yBACI,kBA36BkB,CA46BlB,eA36Be,CA46Bf,2BAAA,CACA,YAAA,CACA,oCAAA,CAEA,wCACI,aAAA,CACA,YAAA,CACA,kBAAA,CAGJ,iCACI,YAAA,CACA,kBAAA,CACA,aAAA,CACA,WAAA,CACA,wCACI,sBAAA,CACA,WAAA,CAKZ,8BACI,kBAp8BkB,CAq8BlB,eAp8Be,CAq8Bf,2BAAA,CACA,YAAA,CACA,mCAAA,CACA,WAAA,CAEA,qCACI,aAAA,CACA,YAAA,CACA,kBAAA,CACA,eAAA,CACA,gBAAA,CACA,2BAAA,CACA,eAAA,CAGJ,kCACI,UAAA,CAGJ,mCACI,aAAA,CACA,YAAA,CACA,kBAAA,CAGJ,sCACI,YAAA,CAGJ,oCACI,YAAA,CAIR,0BACI,kBAz+BkB,CA0+BlB,eAz+Be,CA0+Bf,2BAAA,CACA,YAAA,CACA,mCAAA,CACA,WAAA,CAEA,iCACI,aAAA,CACA,YAAA,CACA,kBAAA,CAGJ,8BACI,UAAA,CAGJ,+BACI,aAAA,CACA,YAAA,CACA,kBAAA,CAGJ,mCACI,aAAA,CACA,iBAAA,CACA,YAAA,CACA,kBAAA,CAEA,0CACI,UAAA,CACA,WAAA,CACA,oBAAA,CAGJ,yCACI,UAAA,CACA,WAAA,CACA,UAAA,CAIR,gCACI,YAAA,CAIR,4BACI,iBAAA,CACA,kBA1hCkB,CA2hClB,eA1hCe,CA2hCf,YAAA,CACA,WAAA,CAEA,uCACI,2BAAA,CACA,YAAA,CACA,kBAAA,CAEA,8CACI,aAAA,CACA,gBAAA,CACA,YAAA,CACA,kBAAA,CACA,cAAA,CAGJ,4CACI,aAAA,CACA,YAAA,CACA,kBAAA,CAGJ,2CACI,UAAA,CACA,WAAA,CAGJ,sDACI,aAAA,CACA,gBAAA,CACA,WAAA,CAGJ,+CACI,YAAA,CACA,kBAAA,CAEA,qDACI,gBAAA,CAIR,+CACI,aAAA,CACA,YAAA,CACA,kBAAA,CACA,oBAAA,CACA,cAAA,CAEA,mDACI,WAAA,CACA,UAAA,CAIR,6CACI,aAAA,CACA,YAAA,CACA,kBAAA,CACA,oBAAA,CACA,cAAA,CACA,UAAA,CACA,iDACI,WAAA,CACA,UAAA,CAKZ,wCACI,YAAA,CACA,iBAAA,CACA,6BAAA,CAEA,iDACI,YAAA,CACA,8BAAA,CAGJ,uDACI,gBAAA,CACA,aAAA,CACA,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,iBAAA,CAGJ,uDACI,WAAA,CACA,aAAA,CACA,YAAA,CACA,kBAAA,CACA,wBAAA,CAKZ,0BACI,gBAhoCgB,CAioChB,kBAhoCkB,CAioClB,eAhoCe,CAioCf,kBAhoCiB,CAioCjB,WAAA,CACA,YAAA,CACA,uCAAA,CACA,iCACI,aAAA,CACA,gBAAA,CACA,eAAA,CACA,YAAA,CACA,gBAAA,CACA,cAAA,CACA,aAAA,CACA,cAAA,CACA,kDAAA,CACA,eAAA,CAGJ,8BACI,UAAA,CAGJ,+BACI,aAAA,CACA,YAAA,CACA,kBAAA,CAGJ,sCACI,aAAA,CACA,kBAAA,CACA,sBAAA,CACA,eAAA,CACA,cAAA,CACA,UAAA,CACA,UAAA,CACA,cAAA,CACA,eAAA,CACA,yBAAA,CACA,cAAA,CAGJ,iCACI,YAAA,CACA,aAAA,CACA,kBAAA,CACA,sBAAA,CACA,eAAA,CACA,cAAA,CACA,UAAA,CACA,UAAA,CACA,cAAA,CACA,eAAA,CACA,wBAAA,CACA,qBAAA,CACA,oBAAA,CACA,gBAAA,CAEA,uCACI,WAAA,CAGJ,yCACI,SAAA",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 .copy {\r\n display: none;\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 .copy {\r\n display: none;\r\n }\r\n }\r\n\r\n .copy {\r\n display: none;\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 > .textLine + .command-button {\r\n margin-top: -3px;\r\n grid-column: 5;\r\n }\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 > .command-button {\r\n grid-column: 5;\r\n margin-left: 5px;\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 .copy {\r\n display: none;\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 .copy {\r\n display: none;\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 .copy {\r\n display: none;\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 .copy {\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 .copy {\r\n display: none;\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 .expand {\r\n grid-column: 3;\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 .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\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:""}]),s.locals={};const a=s},660:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(234),o=n.n(r),i=n(474),s=n.n(i)()(o());s.push([e.id,'#ge-scene-explorer-host{position:absolute;left:0px;top:0px;bottom:0px}#ge-scene-explorer-host *{font-family:"acumin-pro-condensed"}#ge-scene-explorer-host:focus{outline:none}#ge-__resizable_base__{display:none}.ge-context-menu{background:#e2e2e2}.ge-context-menu .react-contextmenu-item{padding:10px;cursor:pointer}.ge-context-menu .react-contextmenu-item:hover{background:#e2e2e2}.ge-eact-contextmenu.context-menu.react-contextmenu--visible{z-index:99;transform:scale(1)}#ge-sceneExplorer{background:#e2e2e2;height:100%;margin:0;padding:0;display:grid;grid-template-rows:auto 1fr;font:16px "acumin-pro-condensed"}#ge-sceneExplorer:focus{outline:none}#ge-sceneExplorer #header{height:30px;font-size:16px;color:#000;background:#e2e2e2;grid-row:1;text-align:center;display:grid;grid-template-columns:30px 1fr 50px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#ge-sceneExplorer #header #logo{position:relative;grid-column:1;width:24px;height:24px;left:0;display:flex;align-self:center;justify-self:center}#ge-sceneExplorer #header #title{grid-column:2;display:grid;align-items:center;text-align:center}#ge-sceneExplorer #header #commands{grid-column:3;display:grid;align-items:center;grid-template-columns:1fr 1fr}#ge-sceneExplorer #header #commands .expand{grid-column:1;display:grid;align-items:center;justify-items:center;cursor:pointer}#ge-sceneExplorer #header #commands .close{grid-column:2;display:grid;align-items:center;justify-items:center;cursor:pointer}#ge-sceneExplorer #tree{grid-row:2;overflow-x:hidden;overflow-y:auto}#ge-sceneExplorer .filter{display:flex;align-items:stretch}#ge-sceneExplorer .filter input{width:100%;margin:10px 40px 5px 40px;display:block;border:none;padding:0;border-bottom:solid 1px #337ab7;background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, rgb(51, 122, 183) 4%);background-position:-1000px 0;background-size:1000px 100%;background-repeat:no-repeat;color:#000}#ge-sceneExplorer .filter input::placeholder{color:#d3d3d3}#ge-sceneExplorer .filter input:focus{box-shadow:none;outline:none;background-position:0 0}#ge-sceneExplorer .groupContainer{margin-left:0px;color:#000;margin-top:0px;margin-bottom:0px;height:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-self:center;display:grid;align-items:center}#ge-sceneExplorer .groupContainer:hover{background:#bbb}#ge-sceneExplorer .groupContainer .expandableHeader{display:grid;grid-template-columns:1fr 20px}#ge-sceneExplorer .groupContainer .expandableHeader .text{grid-column:1;display:grid;grid-template-columns:20px 1fr}#ge-sceneExplorer .groupContainer .expandableHeader .text .arrow{grid-column:1;margin-left:0px;color:#000;cursor:pointer;display:inline-block;margin-right:6px;opacity:.5}#ge-sceneExplorer .groupContainer .expandableHeader .text .text-value{grid-column:2;display:flex;align-items:center}#ge-sceneExplorer .groupContainer .expandableHeader .expandAll{opacity:.5;grid-column:2;margin-right:10px}#ge-sceneExplorer .icon{display:grid;align-items:center;justify-items:center;cursor:pointer}#ge-sceneExplorer .addComponent{display:none}#ge-sceneExplorer .makeChild{grid-column:3}#ge-sceneExplorer .itemContainer{margin-left:0px;color:#000;margin-top:0px;margin-bottom:0px;height:32px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:grid;grid-template-columns:20px 1fr;border:2px solid rgba(0,0,0,0)}#ge-sceneExplorer .itemContainer.hover{border:2px solid #527089;cursor:pointer}#ge-sceneExplorer .itemContainer.seAbove{border-top:2px solid #527089;cursor:pointer}#ge-sceneExplorer .itemContainer.seBelow{border-bottom:2px solid #527089;cursor:pointer}#ge-sceneExplorer .itemContainer.selected{background:#bfbebe;color:#000}#ge-sceneExplorer .itemContainer.dragged{background:rgba(0,0,0,0);color:#000}#ge-sceneExplorer .itemContainer.parent{background:#fff;color:#000}#ge-sceneExplorer .itemContainer .isNotActive{opacity:.3}#ge-sceneExplorer .itemContainer .arrow{grid-column:1;color:#000;opacity:.6}#ge-sceneExplorer .itemContainer .popup{width:200px;visibility:hidden;background-color:#bbb;color:#fff;border:1px solid rgba(255,255,255,.5);position:absolute;z-index:1;margin-left:-180px;box-sizing:border-box}#ge-sceneExplorer .itemContainer .popup.show{visibility:visible}#ge-sceneExplorer .itemContainer .popup:focus{outline:none}#ge-sceneExplorer .itemContainer .popup .popupMenu{padding:6px 5px 5px 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:18px}#ge-sceneExplorer .itemContainer .popup .popupMenu:hover{background:#fff;color:#333}#ge-sceneExplorer .itemContainer .sceneNode{grid-column:2;margin-left:-10px;display:grid;grid-template-columns:1fr 20px 20px 20px 20px 10px 20px 20px auto 5px;align-items:center;cursor:pointer}#ge-sceneExplorer .itemContainer .sceneNode .sceneTitle{grid-column:1;margin-right:5px;display:flex;align-items:center;height:24px}#ge-sceneExplorer .itemContainer .sceneNode .translation{grid-column:2;opacity:.6}#ge-sceneExplorer .itemContainer .sceneNode .translation.selected{opacity:1}#ge-sceneExplorer .itemContainer .sceneNode .rotation{grid-column:3;opacity:.6}#ge-sceneExplorer .itemContainer .sceneNode .rotation.selected{opacity:1}#ge-sceneExplorer .itemContainer .sceneNode .scaling{grid-column:4;opacity:.6}#ge-sceneExplorer .itemContainer .sceneNode .scaling.selected{opacity:1}#ge-sceneExplorer .itemContainer .sceneNode .bounding{grid-column:5;opacity:.6}#ge-sceneExplorer .itemContainer .sceneNode .bounding.selected{opacity:1}#ge-sceneExplorer .itemContainer .sceneNode .separator{grid-column:6;margin-left:5px;width:5px;display:flex;align-items:center;height:18px;border-left:solid 1px #337ab7}#ge-sceneExplorer .itemContainer .sceneNode .pickingMode{grid-column:7;opacity:.6}#ge-sceneExplorer .itemContainer .sceneNode .pickingMode.selected{opacity:1}#ge-sceneExplorer .itemContainer .sceneNode .refresh{grid-column:8}#ge-sceneExplorer .itemContainer .sceneNode .extensions{width:20px;grid-column:9}#ge-sceneExplorer .itemContainer .adtextureTools{grid-column:2;display:grid;grid-template-columns:1fr 20px auto 5px;align-items:center}#ge-sceneExplorer .itemContainer .adtextureTools .pickingMode{grid-column:2;opacity:.6}#ge-sceneExplorer .itemContainer .adtextureTools .pickingMode.selected{opacity:1}#ge-sceneExplorer .itemContainer .adtextureTools .extensions{width:20px;grid-column:3}#ge-sceneExplorer .itemContainer .controlTools{grid-column:2;display:grid;align-items:center;grid-template-columns:auto 1fr auto auto auto}#ge-sceneExplorer .itemContainer .controlTools .controlType{grid-column:1}#ge-sceneExplorer .itemContainer .controlTools .controlType img{width:32px;height:32px;filter:invert(100%)}#ge-sceneExplorer .itemContainer .controlTools .highlight{grid-column:3}#ge-sceneExplorer .itemContainer .controlTools .visibility{grid-column:4}#ge-sceneExplorer .itemContainer .controlTools .extensions{width:20px;grid-column:5}#ge-sceneExplorer .itemContainer .title{background:rgba(0,0,0,0);white-space:nowrap;overflow:hidden;min-width:0;margin-right:5px;align-items:center;height:24px;cursor:pointer}#ge-sceneExplorer .itemContainer .title .titleText{font-family:"acumin-pro-condensed",sans-serif;font-size:16px;border:unset;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;outline:none}',"",{version:3,sources:["webpack://./../../../tools/guiEditor/dist/components/sceneExplorer/sceneExplorer.scss"],names:[],mappings:"AAAA,wBACI,iBAAA,CACA,QAAA,CACA,OAAA,CACA,UAAA,CACA,0BACI,kCAAA,CAEJ,8BACI,YAAA,CAIR,uBACI,YAAA,CAGJ,iBACI,kBAAA,CAEA,yCACI,YAAA,CACA,cAAA,CAEA,+CACI,kBAAA,CAKZ,6DACI,UAAA,CACA,kBAAA,CAGJ,kBACI,kBAAA,CACA,WAAA,CACA,QAAA,CACA,SAAA,CACA,YAAA,CACA,2BAAA,CACA,gCAAA,CAEA,wBACI,YAAA,CAGJ,0BACI,WAAA,CACA,cAAA,CACA,UAAA,CACA,kBAAA,CACA,UAAA,CACA,iBAAA,CACA,YAAA,CACA,mCAAA,CACA,wBAAA,CACA,qBAAA,CACA,oBAAA,CACA,gBAAA,CAEA,gCACI,iBAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,MAAA,CACA,YAAA,CACA,iBAAA,CACA,mBAAA,CAGJ,iCACI,aAAA,CACA,YAAA,CACA,kBAAA,CACA,iBAAA,CAGJ,oCACI,aAAA,CACA,YAAA,CACA,kBAAA,CACA,6BAAA,CAEA,4CACI,aAAA,CACA,YAAA,CACA,kBAAA,CACA,oBAAA,CACA,cAAA,CAGJ,2CACI,aAAA,CACA,YAAA,CACA,kBAAA,CACA,oBAAA,CACA,cAAA,CAKZ,wBACI,UAAA,CAEA,iBAAA,CACA,eAAA,CAGJ,0BACI,YAAA,CACA,mBAAA,CAEA,gCACI,UAAA,CACA,yBAAA,CACA,aAAA,CACA,WAAA,CACA,SAAA,CACA,+BAAA,CACA,uFAAA,CACA,6BAAA,CACA,2BAAA,CACA,2BAAA,CACA,UAAA,CAGJ,6CACI,aAAA,CAGJ,sCACI,eAAA,CACA,YAAA,CACA,uBAAA,CAIR,kCACI,eAAA,CACA,UAAA,CACA,cAAA,CACA,iBAAA,CACA,WAAA,CAEA,wBAAA,CACA,qBAAA,CACA,oBAAA,CACA,gBAAA,CAEA,iBAAA,CACA,YAAA,CACA,kBAAA,CAEA,wCACI,eAAA,CAGJ,oDACI,YAAA,CACA,8BAAA,CAEA,0DACI,aAAA,CACA,YAAA,CACA,8BAAA,CAEA,iEACI,aAAA,CACA,eAAA,CACA,UAAA,CACA,cAAA,CACA,oBAAA,CACA,gBAAA,CACA,UAAA,CAGJ,sEACI,aAAA,CACA,YAAA,CACA,kBAAA,CAIR,+DACI,UAAA,CACA,aAAA,CACA,iBAAA,CAKZ,wBACI,YAAA,CACA,kBAAA,CACA,oBAAA,CACA,cAAA,CAGJ,gCACI,YAAA,CAGJ,6BACI,aAAA,CAGJ,iCACI,eAAA,CACA,UAAA,CACA,cAAA,CACA,iBAAA,CACA,WAAA,CACA,wBAAA,CACA,qBAAA,CACA,oBAAA,CACA,gBAAA,CACA,YAAA,CACA,8BAAA,CACA,8BAAA,CACA,uCACI,wBAAA,CACA,cAAA,CAGJ,yCACI,4BAAA,CACA,cAAA,CAEJ,yCACI,+BAAA,CACA,cAAA,CAGJ,0CACI,kBAAA,CACA,UAAA,CAGJ,yCACI,wBAAA,CACA,UAAA,CAGJ,wCACI,eAAA,CACA,UAAA,CAGJ,8CACI,UAAA,CAEJ,wCACI,aAAA,CACA,UAAA,CACA,UAAA,CAGJ,wCACI,WAAA,CACA,iBAAA,CACA,qBAAA,CACA,UAAA,CACA,qCAAA,CACA,iBAAA,CACA,SAAA,CACA,kBAAA,CACA,qBAAA,CAEA,6CACI,kBAAA,CAGJ,8CACI,YAAA,CAGJ,mDACI,wBAAA,CACA,eAAA,CACA,kBAAA,CACA,sBAAA,CACA,WAAA,CAEA,yDACI,eAAA,CACA,UAAA,CAKZ,4CACI,aAAA,CACA,iBAAA,CACA,YAAA,CACA,qEAAA,CACA,kBAAA,CACA,cAAA,CAEA,wDACI,aAAA,CACA,gBAAA,CACA,YAAA,CACA,kBAAA,CACA,WAAA,CAGJ,yDACI,aAAA,CACA,UAAA,CAEA,kEACI,SAAA,CAIR,sDACI,aAAA,CACA,UAAA,CAEA,+DACI,SAAA,CAIR,qDACI,aAAA,CACA,UAAA,CACA,8DACI,SAAA,CAIR,sDACI,aAAA,CACA,UAAA,CACA,+DACI,SAAA,CAIR,uDACI,aAAA,CACA,eAAA,CACA,SAAA,CACA,YAAA,CACA,kBAAA,CACA,WAAA,CACA,6BAAA,CAGJ,yDACI,aAAA,CACA,UAAA,CAEA,kEACI,SAAA,CAIR,qDACI,aAAA,CAGJ,wDACI,UAAA,CACA,aAAA,CAIR,iDACI,aAAA,CACA,YAAA,CACA,uCAAA,CACA,kBAAA,CAEA,8DACI,aAAA,CACA,UAAA,CAEA,uEACI,SAAA,CAIR,6DACI,UAAA,CACA,aAAA,CAIR,+CACI,aAAA,CACA,YAAA,CACA,kBAAA,CACA,6CAAA,CAEA,4DACI,aAAA,CACA,gEACI,UAAA,CACA,WAAA,CACA,mBAAA,CAIR,0DACI,aAAA,CAGJ,2DACI,aAAA,CAGJ,2DACI,UAAA,CACA,aAAA,CAIR,wCACI,wBAAA,CACA,kBAAA,CACA,eAAA,CACA,WAAA,CACA,gBAAA,CACA,kBAAA,CACA,WAAA,CACA,cAAA,CAEA,mDACI,6CAAA,CACA,cAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,eAAA,CACA,YAAA",sourcesContent:['#ge-scene-explorer-host {\r\n position: absolute;\r\n left: 0px;\r\n top: 0px;\r\n bottom: 0px;\r\n * {\r\n font-family: "acumin-pro-condensed";\r\n }\r\n &:focus {\r\n outline: none;\r\n }\r\n}\r\n\r\n#ge-__resizable_base__ {\r\n display: none;\r\n}\r\n\r\n.ge-context-menu {\r\n background: #e2e2e2;\r\n\r\n .react-contextmenu-item {\r\n padding: 10px;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n background: #e2e2e2;\r\n }\r\n }\r\n}\r\n\r\n.ge-eact-contextmenu.context-menu.react-contextmenu--visible {\r\n z-index: 99;\r\n transform: scale(1);\r\n}\r\n\r\n#ge-sceneExplorer {\r\n background: #e2e2e2;\r\n height: 100%;\r\n margin: 0;\r\n padding: 0;\r\n display: grid;\r\n grid-template-rows: auto 1fr;\r\n font: 16px "acumin-pro-condensed";\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n\r\n #header {\r\n height: 30px;\r\n font-size: 16px;\r\n color: black;\r\n background: #e2e2e2;\r\n grid-row: 1;\r\n text-align: center;\r\n display: grid;\r\n grid-template-columns: 30px 1fr 50px;\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: 24px;\r\n height: 24px;\r\n left: 0;\r\n display: flex;\r\n align-self: center;\r\n justify-self: center;\r\n }\r\n\r\n #title {\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 #commands {\r\n grid-column: 3;\r\n display: grid;\r\n align-items: center;\r\n grid-template-columns: 1fr 1fr;\r\n\r\n .expand {\r\n grid-column: 1;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n }\r\n\r\n .close {\r\n grid-column: 2;\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\r\n #tree {\r\n grid-row: 2;\r\n\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n }\r\n\r\n .filter {\r\n display: flex;\r\n align-items: stretch;\r\n\r\n input {\r\n width: 100%;\r\n margin: 10px 40px 5px 40px;\r\n display: block;\r\n border: none;\r\n padding: 0;\r\n border-bottom: solid 1px rgb(51, 122, 183);\r\n background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, rgb(51, 122, 183) 4%);\r\n background-position: -1000px 0;\r\n background-size: 1000px 100%;\r\n background-repeat: no-repeat;\r\n color: black;\r\n }\r\n\r\n input::placeholder {\r\n color: lightgray;\r\n }\r\n\r\n input:focus {\r\n box-shadow: none;\r\n outline: none;\r\n background-position: 0 0;\r\n }\r\n }\r\n\r\n .groupContainer {\r\n margin-left: 0px;\r\n color: black;\r\n margin-top: 0px;\r\n margin-bottom: 0px;\r\n height: 24px;\r\n\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 align-self: center;\r\n display: grid;\r\n align-items: center;\r\n\r\n &:hover {\r\n background: #bbbbbb;\r\n }\r\n\r\n .expandableHeader {\r\n display: grid;\r\n grid-template-columns: 1fr 20px;\r\n\r\n .text {\r\n grid-column: 1;\r\n display: grid;\r\n grid-template-columns: 20px 1fr;\r\n\r\n .arrow {\r\n grid-column: 1;\r\n margin-left: 0px;\r\n color: black;\r\n cursor: pointer;\r\n display: inline-block;\r\n margin-right: 6px;\r\n opacity: 0.5;\r\n }\r\n\r\n .text-value {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .expandAll {\r\n opacity: 0.5;\r\n grid-column: 2;\r\n margin-right: 10px;\r\n }\r\n }\r\n }\r\n\r\n .icon {\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n }\r\n\r\n .addComponent {\r\n display: none;\r\n }\r\n\r\n .makeChild {\r\n grid-column: 3;\r\n }\r\n\r\n .itemContainer {\r\n margin-left: 0px;\r\n color: black;\r\n margin-top: 0px;\r\n margin-bottom: 0px;\r\n height: 32px;\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 display: grid;\r\n grid-template-columns: 20px 1fr;\r\n border: 2px solid transparent;\r\n &.hover {\r\n border: 2px solid #527089;\r\n cursor: pointer;\r\n }\r\n\r\n &.seAbove {\r\n border-top: 2px solid #527089;\r\n cursor: pointer;\r\n }\r\n &.seBelow {\r\n border-bottom: 2px solid #527089;\r\n cursor: pointer;\r\n }\r\n\r\n &.selected {\r\n background: #bfbebe;\r\n color: black;\r\n }\r\n\r\n &.dragged {\r\n background: transparent;\r\n color: black;\r\n }\r\n\r\n &.parent {\r\n background: #ffffff;\r\n color: black;\r\n }\r\n\r\n .isNotActive {\r\n opacity: 0.3;\r\n }\r\n .arrow {\r\n grid-column: 1;\r\n color: black;\r\n opacity: 0.6;\r\n }\r\n\r\n .popup {\r\n width: 200px;\r\n visibility: hidden;\r\n background-color: #bbbbbb;\r\n color: #fff;\r\n border: 1px solid rgba(255, 255, 255, 0.5);\r\n position: absolute;\r\n z-index: 1;\r\n margin-left: -180px;\r\n box-sizing: border-box;\r\n\r\n &.show {\r\n visibility: visible;\r\n }\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n\r\n .popupMenu {\r\n padding: 6px 5px 5px 10px;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n height: 18px;\r\n\r\n &:hover {\r\n background: white;\r\n color: #333333;\r\n }\r\n }\r\n }\r\n\r\n .sceneNode {\r\n grid-column: 2;\r\n margin-left: -10px;\r\n display: grid;\r\n grid-template-columns: 1fr 20px 20px 20px 20px 10px 20px 20px auto 5px;\r\n align-items: center;\r\n cursor: pointer;\r\n\r\n .sceneTitle {\r\n grid-column: 1;\r\n margin-right: 5px;\r\n display: flex;\r\n align-items: center;\r\n height: 24px;\r\n }\r\n\r\n .translation {\r\n grid-column: 2;\r\n opacity: 0.6;\r\n\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .rotation {\r\n grid-column: 3;\r\n opacity: 0.6;\r\n\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .scaling {\r\n grid-column: 4;\r\n opacity: 0.6;\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .bounding {\r\n grid-column: 5;\r\n opacity: 0.6;\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .separator {\r\n grid-column: 6;\r\n margin-left: 5px;\r\n width: 5px;\r\n display: flex;\r\n align-items: center;\r\n height: 18px;\r\n border-left: solid 1px rgb(51, 122, 183);\r\n }\r\n\r\n .pickingMode {\r\n grid-column: 7;\r\n opacity: 0.6;\r\n\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .refresh {\r\n grid-column: 8;\r\n }\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 9;\r\n }\r\n }\r\n\r\n .adtextureTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr 20px auto 5px;\r\n align-items: center;\r\n\r\n .pickingMode {\r\n grid-column: 2;\r\n opacity: 0.6;\r\n\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 3;\r\n }\r\n }\r\n\r\n .controlTools {\r\n grid-column: 2;\r\n display: grid;\r\n align-items: center;\r\n grid-template-columns: auto 1fr auto auto auto;\r\n\r\n .controlType {\r\n grid-column: 1;\r\n img {\r\n width: 32px;\r\n height: 32px;\r\n filter: invert(100%);\r\n }\r\n }\r\n\r\n .highlight {\r\n grid-column: 3;\r\n }\r\n\r\n .visibility {\r\n grid-column: 4;\r\n }\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 5;\r\n }\r\n }\r\n\r\n .title {\r\n background: transparent;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n min-width: 0;\r\n margin-right: 5px;\r\n align-items: center;\r\n height: 24px;\r\n cursor: pointer;\r\n\r\n .titleText {\r\n font-family: "acumin-pro-condensed", sans-serif;\r\n font-size: 16px;\r\n border: unset;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n outline: none;\r\n }\r\n }\r\n }\r\n}\r\n'],sourceRoot:""}]),s.locals={};const a=s},59:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(234),o=n.n(r),i=n(474),s=n.n(i)()(o());s.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:"AAAA,kBACI,aAAA,CACA,UAAA,CACA,UAAA,CACA,WAAA,CACA,QAAA,CACA,SAAA,CACA,gCAAA,CACA,cAAA,CACA,gBAAA,CACA,eAAA,CAEA,iIAAA,CAEA,uCACI,mBAAA,CAEA,sDACI,UAAA,CACA,6BAAA,CACA,qBAAA,CAIR,uCACI,UAAA,CACA,WAAA,CACA,MAAA,CACA,KAAA,CACA,yBAAA,CACA,YAAA,CACA,uBAAA,CACA,0BAAA,CAEA,wDACI,gBAAA,CACA,UAAA,CACA,aAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CAGJ,kDACI,iBAAA,CACA,4BAAA,CACA,YAAA,CACA,yCAAA,CACA,0BAAA,CACA,qBAAA,CAEA,4DACI,sBAAA,CACA,sBAAA,CACA,SAAA,CAEA,8EACI,cAAA,CACA,gDAAA,CAEA,yGACI,eAAA,CAGJ,sGACI,YAAA,CAKJ,6GACI,kBAAA,CACA,sBAAA,CACA,eAAA,CAKZ,oEACI,iBAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,8BAAA,CACA,mBAAA,CACA,qBAAA,CAGJ,oEACI,UAAA,CACA,aAAA,CACA,kBAAA,CACA,UAAA,CACA,cAAA,CACA,iBAAA,CACA,YAAA,CACA,uBAAA,CACA,yDAAA,CACA,oBAAA,CACA,eAAA,CAEA,6FACI,cAAA,CACA,iBAAA,CACA,wBAAA,CACA,kBAAA,CACA,oBAAA,CACA,SAAA,CACA,YAAA,CAEA,kGACI,oBAAA,CAIR,+FACI,aAAA,CACA,UAAA,CAGJ,4FACI,aAAA,CACA,UAAA,CAGJ,4FACI,aAAA,CACA,UAAA,CACA,YAAA,CACA,WAAA,CACA,UAAA,CACA,kBAAA,CACA,kBAAA,CACA,eAAA,CAIR,+EACI,YAAA,CACA,UAAA,CACA,aAAA,CACA,cAAA,CACA,iBAAA,CACA,oBAAA,CAIA,6EACI,iBAAA,CAIR,gEACI,iBAAA,CACA,SAAA,CACA,8BAAA,CACA,gBAAA,CAEA,uEACI,UAAA,CACA,SAAA,CACA,iBAAA,CACA,KAAA,CACA,QAAA,CACA,gBAAA,CACA,gBAAA,CAGJ,0EACI,cAAA,CAIR,2EACI,8BAAA,CACA,UAAA,CACA,UAAA,CACA,gBAAA,CACA,SAAA,CACA,gBAAA,CAEA,kFACI,8BAAA,CACA,gBAAA,CACA,iBAAA,CACA,QAAA,CACA,WAAA,CACA,UAAA,CAIR,8EACI,8BAAA,CACA,UAAA,CACA,UAAA,CACA,gBAAA,CACA,iBAAA,CACA,gBAAA,CAEA,qFACI,8BAAA,CACA,WAAA,CACA,gBAAA,CACA,SAAA,CACA,WAAA,CACA,UAAA,CAIR,+DACI,iBAAA,CACA,SAAA,CACA,8BAAA,CACA,gBAAA,CAEA,uEACI,UAAA,CACA,SAAA,CACA,iBAAA,CACA,KAAA,CACA,QAAA,CACA,gBAAA,CAIR,0EACI,8BAAA,CACA,UAAA,CACA,UAAA,CACA,gBAAA,CACA,SAAA,CACA,gBAAA,CAEA,kFACI,8BAAA,CACA,gBAAA,CACA,iBAAA,CACA,QAAA,CACA,WAAA,CACA,UAAA,CAIR,6EACI,8BAAA,CACA,UAAA,CACA,UAAA,CACA,gBAAA,CACA,iBAAA,CAEA,qFACI,8BAAA,CACA,WAAA,CACA,gBAAA,CACA,SAAA,CACA,WAAA,CACA,UAAA,CAIR,8DACI,iBAAA,CACA,8BAAA,CACA,UAAA,CACA,gBAAA,CAEA,sEACI,UAAA,CACA,UAAA,CACA,iBAAA,CACA,QAAA,CACA,WAAA,CACA,OAAA,CACA,MAAA,CACA,kBAAA,CACA,gBAAA,CACA,UAAA,CAIR,iEACI,iBAAA,CACA,8BAAA,CACA,UAAA,CACA,gBAAA,CAEA,wEACI,UAAA,CACA,UAAA,CACA,iBAAA,CACA,QAAA,CACA,QAAA,CACA,OAAA,CACA,MAAA,CACA,eAAA,CACA,gBAAA,CACA,WAAA,CAKJ,8nBAQI,cAAA,CAOA,8VACI,cAAA,CAQJ,4VACI,cAAA,CAMhB,gEACI,UAAA,CACA,aAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CACA,gBAAA,CACA,mBAAA,CACA,SAAA,CAEA,sEACI,gBAAA,CACA,+EACI,sBAAA,CACA,qBAAA,CAGJ,6EACI,YAAA,CAIR,gFACI,kBAAA,CACA,iBAAA,CACA,SAAA,CACA,uBAAA,CACA,oBAAA,CACA,cAAA,CAEA,uFACI,YAAA,CAGJ,+KAEI,sBAAA,CACA,UAAA,CAKZ,mEACI,UAAA,CACA,aAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CAEA,2EACI,SAAA,CACA,WAAA,CACA,iBAAA,CACA,MAAA,CACA,KAAA,CACA,eAAA,CACA,qBAAA,CACA,kBAAA,CACA,YAAA,CACA,4BAAA,CACA,0BAAA,CACA,UAAA,CAEA,kFACI,YAAA,CAGJ,qFACI,iBAAA,CACA,SAAA,CACA,WAAA,CACA,WAAA,CACA,eAAA,CACA,iBAAA,CACA,UAAA,CACA,YAAA,CACA,oBAAA,CACA,mBAAA,CAGJ,6FACI,iBAAA,CACA,aAAA,CACA,WAAA,CAEA,6BAAA,CAEA,qBAAA,CACA,kBAAA,CAIA,sGACI,iBAAA,CAIR,mFACI,UAAA,CACA,aAAA,CACA,qBAAA,CACA,2BAAA,CACA,0BAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,gBAAA,CACA,iBAAA,CACA,kBAAA,CACA,sBAAA,CACA,eAAA,CACA,eAAA,CACA,UAAA,CAEA,4FACI,oBAAA,CACA,kBAAA,CAGJ,6FACI,oBAAA,CACA,kBAAA",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:""}]),s.locals={};const a=s},569:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(234),o=n.n(r),i=n(474),s=n.n(i)()(o());s.push([e.id,':root{--blackBarHeight: 55px}#gui-editor-workbench-root{display:grid;grid-template-rows:calc(100% - 55px);height:100%;width:100%;background:#e2e2e2;font:14px "acumin-pro-condensed"}.wait-screen{display:grid;justify-content:center;align-content:center;height:100%;width:100%;background:#464646;opacity:.95;color:#fff;font:24px "acumin-pro-condensed";position:absolute;top:0;left:0}.wait-screen.hidden{visibility:hidden}#leftGrab{width:5px;height:100%;cursor:ew-resize;position:absolute;right:-1px;top:0}#rightGrab{cursor:ew-resize;width:5px;bottom:0;position:absolute;top:0;left:0}.toolbarGrab{background:#333;grid-row:1/span 3;grid-column:2;height:100%;overflow-y:auto}.toolbarGrab .blackLine{height:16px;background:#000;position:relative}.toolbarGrab .arrow{color:#fff;position:absolute}.toolbarGrab .toolbar-label{color:#fff;font-size:18px;display:grid;align-items:center;cursor:pointer;user-select:none;grid-template-columns:1fr 20px;grid-template-rows:100%;position:relative}.toolbarGrab .toolbar-label.active{font-weight:bold;font-size:20px}.toolbarGrab .toolbar-label:hover{background:var(--selectionGrey)}.toolbarGrab .toolbar-label:hover .sub-items{display:block}.toolbarGrab .toolbar-icon{width:40px;height:40px}.toolbarGrab.expanded .toolbar-content-sub1{column-count:2}.diagram-container{position:relative;display:grid;grid-row:1;grid-column:2;background:#ccc;width:100%;height:100%;overflow:hidden}.diagram-container .diagram{display:none;width:100%;height:100%}.left-panel{grid-row:1/span 2;grid-column:1;display:grid;grid-template-rows:100%;grid-template-columns:1fr 50px;position:relative;overflow:hidden}.left-panel.expand{grid-template-columns:1fr 100px}.right-panel{grid-row:1/span 2;grid-column:3;display:grid;grid-template-rows:1fr 40px auto 40px;grid-template-columns:100%;overflow-y:auto;position:relative}.right-panel #propertyTab{grid-row:1;grid-column:1}.right-panel .button{display:grid;justify-content:center;align-content:center;height:auto;width:14.2857142857%;cursor:pointer}.right-panel .button:hover{background:#337ab7;color:#fff;opacity:.8}.right-panel .button.selected{background:#337ab7;color:#fff}.right-panel .button.align{justify-content:stretch;text-align:center}.blocker{visibility:hidden;position:absolute;width:calc(100% - 40px);height:100%;top:0;left:0;background:rgba(20,20,20,.95);font-family:"acumin-pro-condensed",sans-serif;color:#fff;font-size:24px;display:grid;align-content:center;justify-content:center;user-select:none;padding:20px;text-align:center}#log-console{grid-row:2;grid-column:4;display:none}.gizmo *{user-select:none}.gizmo .bounding-box-line{background-color:#000;position:absolute;line-height:1px;height:1px;pointer-events:none}.gizmo .scale-point-container{position:absolute;width:30px;height:30px}.gizmo .scale-point-container .scale-point{top:10px;left:10px;position:absolute;width:10px;height:10px;background:rgba(0,0,0,0);outline:#7d7d7d 2px solid}.gizmo .scale-point-container .rotate-click-area{width:20px;height:20px;position:absolute}.gizmo .scale-point-container .scale-click-area{width:20px;height:20px;position:absolute}.gizmo .pivot-point{width:30px;height:30px;background:rgba(0,0,0,0);position:absolute}#workbench-canvas{position:relative}.artboard-stroke{outline:1px solid #000;position:absolute;z-index:2;pointer-events:none}.artboard-background{position:absolute;background:repeating-conic-gradient(#e2e2e2 0% 25%, white 0% 50%) 50%/10px 10px;width:100%;height:100%}',"",{version:3,sources:["webpack://./../../../tools/guiEditor/dist/main.scss"],names:[],mappings:"AAAA,MACI,sBAAA,CAGJ,2BACI,YAAA,CACA,oCAAA,CACA,WAAA,CACA,UAAA,CACA,kBAAA,CACA,gCAAA,CAGJ,aACI,YAAA,CACA,sBAAA,CACA,oBAAA,CACA,WAAA,CACA,UAAA,CACA,kBAAA,CACA,WAAA,CACA,UAAA,CACA,gCAAA,CACA,iBAAA,CACA,KAAA,CACA,MAAA,CAEA,oBACI,iBAAA,CAIR,UACI,SAAA,CACA,WAAA,CACA,gBAAA,CACA,iBAAA,CACA,UAAA,CACA,KAAA,CAGJ,WACI,gBAAA,CACA,SAAA,CACA,QAAA,CACA,iBAAA,CACA,KAAA,CACA,MAAA,CAGJ,aACI,eAAA,CACA,iBAAA,CACA,aAAA,CACA,WAAA,CACA,eAAA,CAEA,wBACI,WAAA,CACA,eAAA,CACA,iBAAA,CAEJ,oBACI,UAAA,CACA,iBAAA,CAEJ,4BACI,UAAA,CACA,cAAA,CACA,YAAA,CACA,kBAAA,CACA,cAAA,CACA,gBAAA,CACA,8BAAA,CACA,uBAAA,CACA,iBAAA,CAEA,mCACI,gBAAA,CACA,cAAA,CAGJ,kCACI,+BAAA,CACA,6CACI,aAAA,CAIZ,2BACI,UAAA,CACA,WAAA,CAGA,4CACI,cAAA,CAKZ,mBACI,iBAAA,CACA,YAAA,CACA,UAAA,CACA,aAAA,CACA,eAAA,CACA,UAAA,CACA,WAAA,CACA,eAAA,CAEA,4BACI,YAAA,CACA,UAAA,CACA,WAAA,CAIR,YACI,iBAAA,CACA,aAAA,CACA,YAAA,CACA,uBAAA,CACA,8BAAA,CACA,iBAAA,CACA,eAAA,CACA,mBACI,+BAAA,CAIR,aACI,iBAAA,CACA,aAAA,CACA,YAAA,CACA,qCAAA,CACA,0BAAA,CACA,eAAA,CACA,iBAAA,CAEA,0BACI,UAAA,CACA,aAAA,CAGJ,qBACI,YAAA,CACA,sBAAA,CACA,oBAAA,CACA,WAAA,CACA,oBAAA,CACA,cAAA,CAEA,2BACI,kBAAA,CACA,UAAA,CACA,UAAA,CAGJ,8BACI,kBAAA,CACA,UAAA,CAGJ,2BACI,uBAAA,CACA,iBAAA,CAKZ,SACI,iBAAA,CACA,iBAAA,CACA,uBAAA,CACA,WAAA,CACA,KAAA,CACA,MAAA,CAEA,6BAAA,CACA,6CAAA,CACA,UAAA,CACA,cAAA,CAEA,YAAA,CACA,oBAAA,CACA,sBAAA,CAEA,gBAAA,CAEA,YAAA,CACA,iBAAA,CAGJ,aACI,UAAA,CACA,aAAA,CACA,YAAA,CAIA,SACI,gBAAA,CAEJ,0BACI,qBAAA,CACA,iBAAA,CACA,eAAA,CACA,UAAA,CACA,mBAAA,CAEJ,8BACI,iBAAA,CACA,UAAA,CACA,WAAA,CACA,2CACI,QAAA,CACA,SAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CACA,wBAAA,CACA,yBAAA,CAEJ,iDACI,UAAA,CACA,WAAA,CACA,iBAAA,CAEJ,gDACI,UAAA,CACA,WAAA,CACA,iBAAA,CAGR,oBACI,UAAA,CACA,WAAA,CACA,wBAAA,CACA,iBAAA,CAGR,kBACI,iBAAA,CAEJ,iBACI,sBAAA,CACA,iBAAA,CACA,SAAA,CACA,mBAAA,CAEJ,qBACI,iBAAA,CACA,+EAAA,CACA,UAAA,CACA,WAAA",sourcesContent:[':root {\r\n --blackBarHeight: 55px;\r\n}\r\n\r\n#gui-editor-workbench-root {\r\n display: grid;\r\n grid-template-rows: calc(100% - 55px);\r\n height: 100%;\r\n width: 100%;\r\n background: #e2e2e2;\r\n font: 14px "acumin-pro-condensed";\r\n}\r\n\r\n.wait-screen {\r\n display: grid;\r\n justify-content: center;\r\n align-content: center;\r\n height: 100%;\r\n width: 100%;\r\n background: #464646;\r\n opacity: 0.95;\r\n color: white;\r\n font: 24px "acumin-pro-condensed";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n\r\n &.hidden {\r\n visibility: hidden;\r\n }\r\n}\r\n\r\n#leftGrab {\r\n width: 5px;\r\n height: 100%;\r\n cursor: ew-resize;\r\n position: absolute;\r\n right: -1px;\r\n top: 0;\r\n}\r\n\r\n#rightGrab {\r\n cursor: ew-resize;\r\n width: 5px;\r\n bottom: 0;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n}\r\n\r\n.toolbarGrab {\r\n background: #333333;\r\n grid-row: 1 / span 3;\r\n grid-column: 2;\r\n height: 100%;\r\n overflow-y: auto;\r\n\r\n .blackLine {\r\n height: 16px;\r\n background: black;\r\n position: relative;\r\n }\r\n .arrow {\r\n color: white;\r\n position: absolute;\r\n }\r\n .toolbar-label {\r\n color: white;\r\n font-size: 18px;\r\n display: grid;\r\n align-items: center;\r\n cursor: pointer;\r\n user-select: none;\r\n grid-template-columns: 1fr 20px;\r\n grid-template-rows: 100%;\r\n position: relative;\r\n\r\n &.active {\r\n font-weight: bold;\r\n font-size: 20px;\r\n }\r\n\r\n &:hover {\r\n background: var(--selectionGrey);\r\n .sub-items {\r\n display: block;\r\n }\r\n }\r\n }\r\n .toolbar-icon {\r\n width: 40px;\r\n height: 40px;\r\n }\r\n &.expanded {\r\n .toolbar-content-sub1 {\r\n column-count: 2;\r\n }\r\n }\r\n}\r\n\r\n.diagram-container {\r\n position: relative;\r\n display: grid;\r\n grid-row: 1;\r\n grid-column: 2;\r\n background: #cccccc;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n\r\n .diagram {\r\n display: none;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n}\r\n\r\n.left-panel {\r\n grid-row: 1 / span 2;\r\n grid-column: 1;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 1fr 50px;\r\n position: relative;\r\n overflow: hidden;\r\n &.expand {\r\n grid-template-columns: 1fr 100px;\r\n }\r\n}\r\n\r\n.right-panel {\r\n grid-row: 1 / span 2;\r\n grid-column: 3;\r\n display: grid;\r\n grid-template-rows: 1fr 40px auto 40px;\r\n grid-template-columns: 100%;\r\n overflow-y: auto;\r\n position: relative;\r\n\r\n #propertyTab {\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n\r\n .button {\r\n display: grid;\r\n justify-content: center;\r\n align-content: center;\r\n height: auto;\r\n width: calc(100% / 7);\r\n cursor: pointer;\r\n\r\n &:hover {\r\n background: rgb(51, 122, 183);\r\n color: white;\r\n opacity: 0.8;\r\n }\r\n\r\n &.selected {\r\n background: rgb(51, 122, 183);\r\n color: white;\r\n }\r\n\r\n &.align {\r\n justify-content: stretch;\r\n text-align: center;\r\n }\r\n }\r\n}\r\n\r\n.blocker {\r\n visibility: hidden;\r\n position: absolute;\r\n width: calc(100% - 40px);\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n\r\n background: rgba(20, 20, 20, 0.95);\r\n font-family: "acumin-pro-condensed", sans-serif;\r\n color: white;\r\n font-size: 24px;\r\n\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n\r\n user-select: none;\r\n\r\n padding: 20px;\r\n text-align: center;\r\n}\r\n\r\n#log-console {\r\n grid-row: 2;\r\n grid-column: 4;\r\n display: none;\r\n}\r\n\r\n.gizmo {\r\n * {\r\n user-select: none;\r\n }\r\n .bounding-box-line {\r\n background-color: black;\r\n position: absolute;\r\n line-height: 1px;\r\n height: 1px;\r\n pointer-events: none;\r\n }\r\n .scale-point-container {\r\n position: absolute;\r\n width: 30px;\r\n height: 30px;\r\n .scale-point {\r\n top: 10px;\r\n left: 10px;\r\n position: absolute;\r\n width: 10px;\r\n height: 10px;\r\n background: transparent;\r\n outline: rgb(125, 125, 125) 2px solid;\r\n }\r\n .rotate-click-area {\r\n width: 20px;\r\n height: 20px;\r\n position: absolute;\r\n }\r\n .scale-click-area {\r\n width: 20px;\r\n height: 20px;\r\n position: absolute;\r\n }\r\n }\r\n .pivot-point {\r\n width: 30px;\r\n height: 30px;\r\n background: transparent;\r\n position: absolute;\r\n }\r\n}\r\n#workbench-canvas {\r\n position: relative;\r\n}\r\n.artboard-stroke {\r\n outline: 1px solid black;\r\n position: absolute;\r\n z-index: 2;\r\n pointer-events: none;\r\n}\r\n.artboard-background {\r\n position: absolute;\r\n background: repeating-conic-gradient(#e2e2e2 0% 25%, white 0% 50%) 50% / 10px 10px;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n'],sourceRoot:""}]),s.locals={};const a=s},463:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(234),o=n.n(r),i=n(474),s=n.n(i)()(o());s.push([e.id,':root{--selectionGrey: #666666}.ge-commands{grid-row:1;grid-column:1;user-select:none}.ge-commands *{font-family:"acumin-pro-condensed";font-weight:600;font-size:12px}.ge-commands .copy{display:none}.ge-commands .commands-left{float:left;display:flex}.ge-commands .commands-right{float:right;display:flex}.ge-commands .commands-right .beta-flag{height:30px;position:relative;left:-15px}.ge-commands.background-ts .command-button img,.ge-commands.background-ts .command-dropdown img{filter:invert(64%) sepia(78%) saturate(940%) hue-rotate(323deg) brightness(105%) contrast(103%)}.ge-commands.background-ts .command-button .command-dropdown-active,.ge-commands.background-ts .command-dropdown .command-dropdown-active{color:#333}.ge-commands.background-ts .command-button:hover img,.ge-commands.background-ts .command-button.activated img,.ge-commands.background-ts .command-dropdown:hover img,.ge-commands.background-ts .command-dropdown.activated img{filter:invert(34%) sepia(21%) saturate(3832%) hue-rotate(324deg) brightness(88%) contrast(82%) !important}.ge-commands.background-js .command-button img,.ge-commands.background-js .command-dropdown img{filter:invert(57%) sepia(80%) saturate(2031%) hue-rotate(215deg)}.ge-commands.background-js .command-button .command-dropdown-active,.ge-commands.background-js .command-dropdown .command-dropdown-active{color:#333}.ge-commands.background-js .command-button:hover img,.ge-commands.background-js .command-button.activated img,.ge-commands.background-js .command-dropdown:hover img,.ge-commands.background-js .command-dropdown.activated img{filter:invert(17%) !important}.ge-commands .command-button{cursor:pointer;width:55px;height:55px}.ge-commands .command-button .command-label{display:none}.ge-commands .command-button .command-button-icon{height:100%;width:100%;display:grid;color:#fff;align-content:center;justify-content:center}.ge-commands .command-button .active{transform-origin:center;background-color:var(--selectionGrey)}.ge-commands .command-button img.active{background-color:var(--selectionGrey)}.ge-commands .command-button:hover{background-color:var(--selectionGrey)}.ge-commands .copyAndDeleteDisabled{pointer-events:none;color:#000}.ge-commands .pasteDisabled{pointer-events:none;color:#000}.ge-commands .command-dropdown-root{position:relative;text-transform:uppercase;z-index:1}.ge-commands .command-dropdown{cursor:pointer;width:55px;height:55px}.ge-commands .command-dropdown .command-dropdown-icon{height:100%;width:100%;display:grid;align-content:center;justify-content:center}.ge-commands .command-dropdown .command-dropdown-active{height:100%;width:100%;display:grid;align-content:center;justify-content:center;font-size:14px}.ge-commands .command-dropdown:hover,.ge-commands .command-dropdown.activated{background-color:#666;color:#000}.ge-commands .command-dropdown:active{transform-origin:center;transform:scale(0.95)}.ge-commands .command-dropdown-blocker{position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(1);z-index:1}.ge-commands.background-js .command-dropdown-content{background:#333}.ge-commands.background-js .command-dropdown-content .command-dropdown-label:hover{background:#333}.ge-commands.background-ts .command-dropdown-content .command-dropdown-label:hover{background:#333}.ge-commands .command-dropdown-content{background:#333;position:absolute;top:55px;width:55px;transform:scale(1)}.ge-commands .command-dropdown-content.toRight{width:120px}.ge-commands .command-dropdown-content .command-dropdown-label{color:#fff;padding:5px;padding-left:7px;height:35px;font-size:18px;display:grid;align-items:center;cursor:pointer;user-select:none;grid-template-columns:1fr 20px;grid-template-rows:100%;position:relative}.ge-commands .command-dropdown-content .command-dropdown-label.active{font-weight:bold;font-size:20px}.ge-commands .command-dropdown-content .command-dropdown-label:hover{background:var(--selectionGrey)}.ge-commands .command-dropdown-content .command-dropdown-label:hover .sub-items{display:block}.ge-commands .command-dropdown-content .command-dropdown-label .command-dropdown-label-text{font-size:12px;grid-column:1;grid-row:1}.ge-commands .command-dropdown-content .command-dropdown-label .command-dropdown-label-check{grid-column:2;grid-row:1}.ge-commands .command-dropdown-content .command-dropdown-label .command-dropdown-arrow{grid-column:2;grid-row:1;font-size:20px;font-weight:bold;padding-bottom:10px;padding-left:4px}.ge-commands .command-dropdown-content .command-dropdown-label .sub-items{position:absolute;left:200px;top:0;width:150px;display:none}.ge-commands .command-dropdown-content .command-dropdown-label .sub-items.background-js{background:#bfabff}.ge-commands .command-dropdown-content .command-dropdown-label .sub-items.background-js .sub-item:hover{background-color:#333;color:#fff}.ge-commands .command-dropdown-content .command-dropdown-label .sub-items.background-ts{background:#333}.ge-commands .command-dropdown-content .command-dropdown-label .sub-items.background-ts .sub-item:hover{background-color:#333;color:#fff}.ge-commands .command-dropdown-content .command-dropdown-label .sub-items .sub-item{color:#fff;padding:5px;padding-left:10px;height:35px;display:grid}.ge-commands .command-dropdown-content .command-dropdown-label .sub-items .sub-item.checked{background:#fff;color:#000}.ge-commands .command-dropdown-content .buttonLine{color:#fff;padding:5px;padding-left:7px;height:35px;font-size:18px;display:grid;align-items:center;cursor:pointer;user-select:none;grid-template-columns:1fr 20px;grid-template-rows:100%;position:relative;font-size:12px;grid-column:1;grid-row:1}.ge-commands .command-dropdown-content .buttonLine input[type=file]{display:none}.ge-commands .command-dropdown-content .buttonLine.active{font-weight:bold;font-size:20px;cursor:pointer}.ge-commands .command-dropdown-content .buttonLine:hover{background:var(--selectionGrey);cursor:pointer}.ge-commands .command-dropdown-content .buttonLine:hover .sub-items{display:block}.ge-commands .command-dropdown-content .buttonLine .file-upload{cursor:pointer}.ge-commands .divider{display:flex;align-items:center;border-right:1px solid #000;color:#fff}.ge-commands .divider:last-of-type{border-right:none}.ge-commands .divider.padded{padding-left:10px;padding-right:10px}.ge-commands .floatLine,.ge-commands .checkBoxLine{display:flex;align-items:center}.ge-commands .floatLine .copy,.ge-commands .checkBoxLine .copy{display:none}.ge-commands .checkBoxLine .icon{filter:brightness(10)}.ge-commands .checkBoxLine .hidden{display:none}.ge-commands .checkBoxLine .checkBox{height:40px}.ge-commands .checkBoxLine .copy{display:none}.ge-commands .color3Line{display:grid}.ge-commands .color3Line .firstLine{display:flex;align-items:center}.ge-commands .color3Line .firstLine .label{padding-right:5px}.ge-commands .color3Line .firstLine .floatLine .value{padding-left:2px}.ge-commands .color3Line .firstLine .copy{display:none}.ge-commands .color3Line .firstLine .expand{display:none}.ge-commands .color3Line .secondLine{display:grid;padding-right:5px;border-left:1px solid #337ab7}.ge-commands .color3Line .secondLine .numeric{display:grid;grid-template-columns:1fr auto}.ge-commands .color3Line .secondLine .numeric-label{text-align:right;grid-column:1;display:flex;align-items:center;justify-self:right;margin-right:10px}.ge-commands .color3Line .secondLine .numeric-value{width:120px;grid-column:2;display:flex;align-items:center;border:1px solid #337ab7}.ge-commands .color-picker{height:26px;width:26px}.ge-commands .color-picker .color-rect-background{width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid #fff;cursor:pointer;background:repeating-conic-gradient(#e2e2e2 0% 25%, white 0% 50%) 50%/100% 100%}.ge-commands .color-picker .color-rect-background .color-rect{height:100%}.ge-commands .color-picker .color-picker-cover{position:fixed;top:0px;right:0px;bottom:0px;left:0px;z-index:2}.ge-commands .color-picker .color-picker-float{position:absolute;outline:1px solid #000}.ge-commands .color-picker .color-picker-container{background-color:#e2e2e2}.ge-commands .color-picker input:focus{outline-color:#000}.ge-commands .floatLine input,.ge-commands .listLine select{background-color:#000;color:#fff;padding:5px;border:none}.ge-commands input,.ge-commands .listLine select{outline-color:rgba(0,0,0,0);outline-width:1px;outline-offset:-1px;outline-style:solid;transition:.2s outline;border:none}.ge-commands .floatLine .value{position:relative;margin:5px}.ge-commands .floatLine input:focus{outline-color:#fff}.ge-commands .listLine select{width:150px}.ge-commands .hasArrows .arrows{display:none;position:absolute;right:0;top:0;flex-direction:column;cursor:grab;filter:brightness(10)}.ge-commands .hasArrows .arrows .downArrowIcon,.ge-commands .hasArrows .arrows .upArrowIcon{width:13px;height:13px}.ge-commands .hasArrows:hover .arrows,.ge-commands .hasArrows:focus .arrows,.ge-commands .hasArrows.dragging .arrows{display:flex}.ge-commands .hasArrows .arrows:hover{background-color:var(--buttonHoverBackground);filter:none}.ge-commands .hasArrows.dragging .arrows{background-color:var(--buttonPressedBackground)}.ge-commands .hasArrows.dragging .arrows .downArrowIcon,.ge-commands .hasArrows.dragging .arrows .upArrowIcon{filter:none}.ge-commands .hasArrows input::-webkit-outer-spin-button,.ge-commands .hasArrows input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ge-commands .hasArrows input[type=number]{-moz-appearance:textfield}',"",{version:3,sources:["webpack://./../../../tools/guiEditor/dist/scss/commandBar.scss"],names:[],mappings:"AAAA,MACI,wBAAA,CAGJ,aAMI,UAAA,CACA,aAAA,CACA,gBAAA,CAPA,eACI,kCAAA,CACA,eAAA,CACA,cAAA,CAMJ,mBACI,YAAA,CAGJ,4BACI,UAAA,CACA,YAAA,CAGJ,6BACI,WAAA,CACA,YAAA,CACA,wCACI,WAAA,CACA,iBAAA,CACA,UAAA,CAOA,gGACI,+FAAA,CAGJ,0IACI,UAAA,CAKA,gOACI,yGAAA,CASR,gGACI,gEAAA,CAGJ,0IACI,UAAA,CAKA,gOACI,6BAAA,CAMhB,6BACI,cAAA,CACA,UAAA,CACA,WAAA,CAEA,4CACI,YAAA,CAGJ,kDACI,WAAA,CACA,UAAA,CACA,YAAA,CACA,UAAA,CACA,oBAAA,CACA,sBAAA,CAGJ,qCACI,uBAAA,CACA,qCAAA,CAIA,wCACI,qCAAA,CAIZ,mCACI,qCAAA,CAEJ,oCACI,mBAAA,CACA,UAAA,CAEJ,4BACI,mBAAA,CACA,UAAA,CAEJ,oCACI,iBAAA,CACA,wBAAA,CACA,SAAA,CAGJ,+BACI,cAAA,CACA,UAAA,CACA,WAAA,CAEA,sDACI,WAAA,CACA,UAAA,CACA,YAAA,CACA,oBAAA,CACA,sBAAA,CAGJ,wDACI,WAAA,CACA,UAAA,CACA,YAAA,CACA,oBAAA,CACA,sBAAA,CACA,cAAA,CAGJ,8EAEI,qBAAA,CACA,UAAA,CAGJ,sCACI,uBAAA,CACA,qBAAA,CAIR,uCACI,iBAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CACA,WAAA,CACA,kBAAA,CACA,SAAA,CAIA,qDACI,eAAA,CAEI,mFACI,eAAA,CASJ,mFACI,eAAA,CAMhB,uCACI,eAAA,CACA,iBAAA,CACA,QAAA,CACA,UAAA,CACA,kBAAA,CAEA,+CACI,WAAA,CAGJ,+DACI,UAAA,CACA,WAAA,CACA,gBAAA,CACA,WAAA,CACA,cAAA,CACA,YAAA,CACA,kBAAA,CACA,cAAA,CACA,gBAAA,CACA,8BAAA,CACA,uBAAA,CACA,iBAAA,CAEA,sEACI,gBAAA,CACA,cAAA,CAGJ,qEACI,+BAAA,CACA,gFACI,aAAA,CAIR,4FACI,cAAA,CACA,aAAA,CACA,UAAA,CAGJ,6FACI,aAAA,CACA,UAAA,CAGJ,uFACI,aAAA,CACA,UAAA,CACA,cAAA,CACA,gBAAA,CACA,mBAAA,CACA,gBAAA,CAGJ,0EACI,iBAAA,CACA,UAAA,CACA,KAAA,CACA,WAAA,CACA,YAAA,CAEA,wFACI,kBAAA,CAEI,wGACI,qBAAA,CACA,UAAA,CAKZ,wFACI,eAAA,CAEI,wGACI,qBAAA,CACA,UAAA,CAKZ,oFACI,UAAA,CACA,WAAA,CACA,iBAAA,CACA,WAAA,CACA,YAAA,CAEA,4FACI,eAAA,CACA,UAAA,CAMhB,mDACI,UAAA,CACA,WAAA,CACA,gBAAA,CACA,WAAA,CACA,cAAA,CACA,YAAA,CACA,kBAAA,CACA,cAAA,CACA,gBAAA,CACA,8BAAA,CACA,uBAAA,CACA,iBAAA,CACA,cAAA,CACA,aAAA,CACA,UAAA,CACA,oEACI,YAAA,CAGJ,0DACI,gBAAA,CACA,cAAA,CACA,cAAA,CAGJ,yDACI,+BAAA,CAIA,cAAA,CAHA,oEACI,aAAA,CAKR,gEACI,cAAA,CAKZ,sBACI,YAAA,CACA,kBAAA,CACA,2BAAA,CACA,UAAA,CACA,mCACI,iBAAA,CAEJ,6BACI,iBAAA,CACA,kBAAA,CAIR,mDAEI,YAAA,CACA,kBAAA,CAEA,+DACI,YAAA,CAKJ,iCACI,qBAAA,CAGJ,mCACI,YAAA,CAGJ,qCACI,WAAA,CAGJ,iCACI,YAAA,CAIR,yBACI,YAAA,CAEA,oCACI,YAAA,CACA,kBAAA,CAEA,2CACI,iBAAA,CAIA,sDACI,gBAAA,CAIR,0CACI,YAAA,CAGJ,4CACI,YAAA,CAIR,qCACI,YAAA,CACA,iBAAA,CACA,6BAAA,CAEA,8CACI,YAAA,CACA,8BAAA,CAGJ,oDACI,gBAAA,CACA,aAAA,CACA,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,iBAAA,CAGJ,oDACI,WAAA,CACA,aAAA,CACA,YAAA,CACA,kBAAA,CACA,wBAAA,CAKZ,2BACI,WAAA,CACA,UAAA,CAEA,kDACI,sBAAA,CACA,uBAAA,CACA,qBAAA,CACA,cAAA,CACA,+EAAA,CACA,8DACI,WAAA,CAIR,+CACI,cAAA,CACA,OAAA,CACA,SAAA,CACA,UAAA,CACA,QAAA,CACA,SAAA,CAGJ,+CACI,iBAAA,CACA,sBAAA,CAGJ,mDACI,wBAAA,CAGJ,uCACI,kBAAA,CAIR,4DAEI,qBAAA,CACA,UAAA,CACA,WAAA,CACA,WAAA,CAGJ,iDAEI,2BAAA,CACA,iBAAA,CACA,mBAAA,CACA,mBAAA,CACA,sBAAA,CACA,WAAA,CAGJ,+BACI,iBAAA,CACA,UAAA,CAGJ,oCACI,kBAAA,CAGJ,8BACI,WAAA,CAIA,gCACI,YAAA,CACA,iBAAA,CACA,OAAA,CACA,KAAA,CACA,qBAAA,CACA,WAAA,CAMA,qBAAA,CALA,4FAEI,UAAA,CACA,WAAA,CAIR,qHAGI,YAAA,CAEJ,sCACI,6CAAA,CACA,WAAA,CAEJ,yCACI,+CAAA,CACA,8GAEI,WAAA,CAIZ,kHAEI,uBAAA,CACA,QAAA,CAGJ,2CACI,yBAAA",sourcesContent:[':root {\r\n --selectionGrey: #666666;\r\n}\r\n\r\n.ge-commands {\r\n * {\r\n font-family: "acumin-pro-condensed";\r\n font-weight: 600;\r\n font-size: 12px;\r\n }\r\n grid-row: 1;\r\n grid-column: 1;\r\n user-select: none;\r\n\r\n .copy {\r\n display: none;\r\n }\r\n\r\n .commands-left {\r\n float: left;\r\n display: flex;\r\n }\r\n\r\n .commands-right {\r\n float: right;\r\n display: flex;\r\n .beta-flag {\r\n height: 30px;\r\n position: relative;\r\n left: -15px;\r\n }\r\n }\r\n\r\n &.background-ts {\r\n .command-button,\r\n .command-dropdown {\r\n img {\r\n filter: invert(64%) sepia(78%) saturate(940%) hue-rotate(323deg) brightness(105%) contrast(103%);\r\n }\r\n\r\n .command-dropdown-active {\r\n color: #333333;\r\n }\r\n\r\n &:hover,\r\n &.activated {\r\n img {\r\n filter: invert(34%) sepia(21%) saturate(3832%) hue-rotate(324deg) brightness(88%) contrast(82%) !important;\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.background-js {\r\n .command-button,\r\n .command-dropdown {\r\n img {\r\n filter: invert(57%) sepia(80%) saturate(2031%) hue-rotate(215deg);\r\n }\r\n\r\n .command-dropdown-active {\r\n color: #333333;\r\n }\r\n\r\n &:hover,\r\n &.activated {\r\n img {\r\n filter: invert(17%) !important;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .command-button {\r\n cursor: pointer;\r\n width: 55px;\r\n height: 55px;\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 .active {\r\n transform-origin: center;\r\n background-color: var(--selectionGrey);\r\n }\r\n\r\n img {\r\n &.active {\r\n background-color: var(--selectionGrey);\r\n }\r\n }\r\n }\r\n .command-button:hover {\r\n background-color: var(--selectionGrey);\r\n }\r\n .copyAndDeleteDisabled {\r\n pointer-events: none;\r\n color: black;\r\n }\r\n .pasteDisabled {\r\n pointer-events: none;\r\n color: black;\r\n }\r\n .command-dropdown-root {\r\n position: relative;\r\n text-transform: uppercase;\r\n z-index: 1;\r\n }\r\n\r\n .command-dropdown {\r\n cursor: pointer;\r\n width: 55px;\r\n height: 55px;\r\n\r\n .command-dropdown-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 .command-dropdown-active {\r\n height: 100%;\r\n width: 100%;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n font-size: 14px;\r\n }\r\n\r\n &:hover,\r\n &.activated {\r\n background-color: #666666;\r\n color: black;\r\n }\r\n\r\n &:active {\r\n transform-origin: center;\r\n transform: scale(0.95);\r\n }\r\n }\r\n\r\n .command-dropdown-blocker {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n transform: scale(1);\r\n z-index: 1;\r\n }\r\n\r\n &.background-js {\r\n .command-dropdown-content {\r\n background: #333333;\r\n .command-dropdown-label {\r\n &:hover {\r\n background: #333333;\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.background-ts {\r\n .command-dropdown-content {\r\n .command-dropdown-label {\r\n &:hover {\r\n background: #333333;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .command-dropdown-content {\r\n background: #333333;\r\n position: absolute;\r\n top: 55px;\r\n width: 55px;\r\n transform: scale(1);\r\n\r\n &.toRight {\r\n width: 120px;\r\n }\r\n\r\n .command-dropdown-label {\r\n color: white;\r\n padding: 5px;\r\n padding-left: 7px;\r\n height: 35px;\r\n font-size: 18px;\r\n display: grid;\r\n align-items: center;\r\n cursor: pointer;\r\n user-select: none;\r\n grid-template-columns: 1fr 20px;\r\n grid-template-rows: 100%;\r\n position: relative;\r\n\r\n &.active {\r\n font-weight: bold;\r\n font-size: 20px;\r\n }\r\n\r\n &:hover {\r\n background: var(--selectionGrey);\r\n .sub-items {\r\n display: block;\r\n }\r\n }\r\n\r\n .command-dropdown-label-text {\r\n font-size: 12px;\r\n grid-column: 1;\r\n grid-row: 1;\r\n }\r\n\r\n .command-dropdown-label-check {\r\n grid-column: 2;\r\n grid-row: 1;\r\n }\r\n\r\n .command-dropdown-arrow {\r\n grid-column: 2;\r\n grid-row: 1;\r\n font-size: 20px;\r\n font-weight: bold;\r\n padding-bottom: 10px;\r\n padding-left: 4px;\r\n }\r\n\r\n .sub-items {\r\n position: absolute;\r\n left: 200px;\r\n top: 0;\r\n width: 150px;\r\n display: none;\r\n\r\n &.background-js {\r\n background: #bfabff;\r\n .sub-item {\r\n &:hover {\r\n background-color: #333333;\r\n color: white;\r\n }\r\n }\r\n }\r\n\r\n &.background-ts {\r\n background: #333333;\r\n .sub-item {\r\n &:hover {\r\n background-color: #333333;\r\n color: white;\r\n }\r\n }\r\n }\r\n\r\n .sub-item {\r\n color: white;\r\n padding: 5px;\r\n padding-left: 10px;\r\n height: 35px;\r\n display: grid;\r\n\r\n &.checked {\r\n background: white;\r\n color: black;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .buttonLine {\r\n color: white;\r\n padding: 5px;\r\n padding-left: 7px;\r\n height: 35px;\r\n font-size: 18px;\r\n display: grid;\r\n align-items: center;\r\n cursor: pointer;\r\n user-select: none;\r\n grid-template-columns: 1fr 20px;\r\n grid-template-rows: 100%;\r\n position: relative;\r\n font-size: 12px;\r\n grid-column: 1;\r\n grid-row: 1;\r\n input[type="file"] {\r\n display: none;\r\n }\r\n\r\n &.active {\r\n font-weight: bold;\r\n font-size: 20px;\r\n cursor: pointer;\r\n }\r\n\r\n &:hover {\r\n background: var(--selectionGrey);\r\n .sub-items {\r\n display: block;\r\n }\r\n cursor: pointer;\r\n }\r\n\r\n .file-upload {\r\n cursor: pointer;\r\n }\r\n }\r\n }\r\n\r\n .divider {\r\n display: flex;\r\n align-items: center;\r\n border-right: 1px solid black;\r\n color: white;\r\n &:last-of-type {\r\n border-right: none;\r\n }\r\n &.padded {\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n }\r\n }\r\n\r\n .floatLine,\r\n .checkBoxLine {\r\n display: flex;\r\n align-items: center;\r\n\r\n .copy {\r\n display: none;\r\n }\r\n }\r\n\r\n .checkBoxLine {\r\n .icon {\r\n filter: brightness(10);\r\n }\r\n\r\n .hidden {\r\n display: none;\r\n }\r\n\r\n .checkBox {\r\n height: 40px;\r\n }\r\n\r\n .copy {\r\n display: none;\r\n }\r\n }\r\n\r\n .color3Line {\r\n display: grid;\r\n\r\n .firstLine {\r\n display: flex;\r\n align-items: center;\r\n\r\n .label {\r\n padding-right: 5px;\r\n }\r\n\r\n .floatLine {\r\n .value {\r\n padding-left: 2px;\r\n }\r\n }\r\n\r\n .copy {\r\n display: none;\r\n }\r\n\r\n .expand {\r\n display: none;\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 .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 solid white;\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 position: fixed;\r\n top: 0px;\r\n right: 0px;\r\n bottom: 0px;\r\n left: 0px;\r\n z-index: 2;\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 input:focus {\r\n outline-color: black;\r\n }\r\n }\r\n\r\n .floatLine input,\r\n .listLine select {\r\n background-color: #000000;\r\n color: white;\r\n padding: 5px;\r\n border: none;\r\n }\r\n\r\n input,\r\n .listLine select {\r\n outline-color: transparent;\r\n outline-width: 1px;\r\n outline-offset: -1px;\r\n outline-style: solid;\r\n transition: 0.2s outline;\r\n border: none;\r\n }\r\n\r\n .floatLine .value {\r\n position: relative;\r\n margin: 5px;\r\n }\r\n\r\n .floatLine input:focus {\r\n outline-color: white;\r\n }\r\n\r\n .listLine select {\r\n width: 150px;\r\n }\r\n\r\n .hasArrows {\r\n .arrows {\r\n display: none;\r\n position: absolute;\r\n right: 0;\r\n top: 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 filter: brightness(10);\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 filter: none;\r\n }\r\n &.dragging .arrows {\r\n background-color: var(--buttonPressedBackground);\r\n .downArrowIcon,\r\n .upArrowIcon {\r\n filter: none;\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'],sourceRoot:""}]),s.locals={};const a=s},664:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(234),o=n.n(r),i=n(474),s=n.n(i)()(o());s.push([e.id,"#ge-header{width:100%;grid-column:2/4;grid-row:1;padding:0;margin:0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:100%;background:#333}#ge-header .command-bar{padding-left:15px;grid-row:1;grid-column:2;width:100%}#ge-header .command-bar .language-button{grid-row:1;grid-column:2;color:#fff;width:144px;font-size:18px;text-align:center;display:grid;align-content:center;border-top-left-radius:14px;transform:scale(1);user-select:none}#ge-header .command-bar .language-button.active{width:74px;cursor:pointer;grid-column:1;margin-right:-5px;transform:translateX(10px)}","",{version:3,sources:["webpack://./../../../tools/guiEditor/dist/scss/header.scss"],names:[],mappings:"AAAA,WACI,UAAA,CACA,eAAA,CACA,UAAA,CACA,SAAA,CACA,QAAA,CACA,YAAA,CACA,8BAAA,CACA,uBAAA,CACA,eAAA,CAEA,wBACI,iBAAA,CACA,UAAA,CACA,aAAA,CACA,UAAA,CAEA,yCACI,UAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,cAAA,CACA,iBAAA,CACA,YAAA,CACA,oBAAA,CACA,2BAAA,CACA,kBAAA,CACA,gBAAA,CAEA,gDACI,UAAA,CACA,cAAA,CACA,aAAA,CACA,iBAAA,CACA,0BAAA",sourcesContent:["#ge-header {\r\n width: 100%;\r\n grid-column: 2 / 4;\r\n grid-row: 1;\r\n padding: 0;\r\n margin: 0;\r\n display: grid;\r\n grid-template-columns: auto 1fr;\r\n grid-template-rows: 100%;\r\n background: #333333;\r\n\r\n .command-bar {\r\n padding-left: 15px;\r\n grid-row: 1;\r\n grid-column: 2;\r\n width: 100%;\r\n\r\n .language-button {\r\n grid-row: 1;\r\n grid-column: 2;\r\n color: white;\r\n width: 144px;\r\n font-size: 18px;\r\n text-align: center;\r\n display: grid;\r\n align-content: center;\r\n border-top-left-radius: 14px;\r\n transform: scale(1);\r\n user-select: none;\r\n\r\n &.active {\r\n width: 74px;\r\n cursor: pointer;\r\n grid-column: 1;\r\n margin-right: -5px;\r\n transform: translateX(10px);\r\n }\r\n }\r\n }\r\n}\r\n"],sourceRoot:""}]),s.locals={};const a=s},767:(e,t,n)=>{"use strict";n.d(t,{A:()=>c});var r=n(234),o=n.n(r),i=n(474),s=n.n(i),a=n(976),l=s()(o());l.i(a.A,"",!0),l.push([e.id,".b95R0O6ILc85rYlO1WPd{width:55px;height:55px;border:none;display:inline-flex;align-items:center;justify-content:center;padding:0 0}.b95R0O6ILc85rYlO1WPd.kgkXfJMN1pBn5GDwKAiQ{width:120px;height:45px;justify-content:start}.b95R0O6ILc85rYlO1WPd.auFPe0ZDyYDP90hWHa6t{width:30px;height:30px}.b95R0O6ILc85rYlO1WPd.MKxtRa83RlF4LPUy2B33{width:25px;height:25px}.b95R0O6ILc85rYlO1WPd.K4N1g645ZLynf7rUfSyB{background-color:#E2E2E2;color:#333333}.b95R0O6ILc85rYlO1WPd.K4N1g645ZLynf7rUfSyB:hover,.b95R0O6ILc85rYlO1WPd.K4N1g645ZLynf7rUfSyB.lD5Ki9XODid4PAR8thSw{background-color:#FFFFFF}.b95R0O6ILc85rYlO1WPd.K4N1g645ZLynf7rUfSyB:disabled{background-color:#FFFFFF}.b95R0O6ILc85rYlO1WPd.y9P5FsHRKkfc_RVnfyko{background-color:#333333;color:#FFFFFF}.b95R0O6ILc85rYlO1WPd.y9P5FsHRKkfc_RVnfyko:hover,.b95R0O6ILc85rYlO1WPd.y9P5FsHRKkfc_RVnfyko.lD5Ki9XODid4PAR8thSw{background-color:#666666}","",{version:3,sources:["webpack://./../../../dev/sharedUiComponents/dist/components/Button.modules.scss"],names:[],mappings:"AACA,sBAEI,UAAA,CACA,WAAA,CACA,WAAA,CACA,mBAAA,CACA,kBAAA,CACA,sBAAA,CACA,WAAA,CACA,2CACI,WAAA,CACA,WAAA,CACA,qBAAA,CAEJ,2CACI,UAAA,CACA,WAAA,CAEJ,2CACI,UAAA,CACA,WAAA,CAEJ,2CACI,wBAAA,CACA,aAAA,CACA,iHAEI,wBAAA,CAEJ,oDACI,wBAAA,CAGR,2CACI,wBAAA,CACA,aAAA,CACA,iHAEI,wBAAA",sourcesContent:['@import "Colors.scss";\r\n:local .button {\r\n composes: fontRegular from "Fonts.scss";\r\n width: 55px;\r\n height: 55px;\r\n border: none;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0 0;\r\n &.wide {\r\n width: 120px;\r\n height: 45px;\r\n justify-content: start;\r\n }\r\n &.small {\r\n width: 30px;\r\n height: 30px;\r\n }\r\n &.smaller {\r\n width: 25px;\r\n height: 25px;\r\n }\r\n &.light {\r\n background-color: light-background;\r\n color: dark-color;\r\n &:hover,\r\n &.active {\r\n background-color: light-active-background;\r\n }\r\n &:disabled {\r\n background-color: light-color;\r\n }\r\n }\r\n &.dark {\r\n background-color: dark-background;\r\n color: light-color;\r\n &:hover,\r\n &.active {\r\n background-color: dark-active-background;\r\n }\r\n }\r\n}\r\n'],sourceRoot:""}]),l.locals={"light-background":"#E2E2E2","light-active-background":"#FFFFFF","light-disabled-background":"#C8C8C8","light-color":"#FFFFFF","dark-background":"#333333","dark-active-background":"#666666","dark-color":"#333333",button:`b95R0O6ILc85rYlO1WPd ${a.A.locals.fontRegular}`,wide:"kgkXfJMN1pBn5GDwKAiQ",small:"auFPe0ZDyYDP90hWHa6t",smaller:"MKxtRa83RlF4LPUy2B33",light:"K4N1g645ZLynf7rUfSyB",active:"lD5Ki9XODid4PAR8thSw",dark:"y9P5FsHRKkfc_RVnfyko"};const c=l},734:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(234),o=n.n(r),i=n(474),s=n.n(i)()(o());s.push([e.id,".np3yGjrPQUltnJjOZks4{filter:brightness(10)}","",{version:3,sources:["webpack://./../../../dev/sharedUiComponents/dist/components/Icon.modules.scss"],names:[],mappings:"AAAA,sBACI,qBAAA",sourcesContent:[":local .light {\r\n filter: brightness(10);\r\n}\r\n"],sourceRoot:""}]),s.locals={light:"np3yGjrPQUltnJjOZks4"};const a=s},124:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(234),o=n.n(r),i=n(474),s=n.n(i)()(o());s.push([e.id,'.stbiu24JbUBfHNSSYhSR{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.6);display:grid;font-family:"acumin-pro";top:0}.stbiu24JbUBfHNSSYhSR .fCGAiNfXRhhXF8hQPpct{align-self:center;justify-self:center;min-height:140px;max-width:400px;border-radius:10px;background:#fff;padding:10px;display:grid;grid-template-columns:100%;grid-template-rows:1fr 50px}.stbiu24JbUBfHNSSYhSR .fCGAiNfXRhhXF8hQPpct .yRrm4hWjzyu4RnCc412h{grid-row:1;grid-column:1;margin-top:20px;padding:10px;font-size:18px;color:#000}.stbiu24JbUBfHNSSYhSR .fCGAiNfXRhhXF8hQPpct .c5hG_qW6gImPmY2mRXUf{grid-row:2;grid-column:1;display:grid;grid-template-rows:100%;grid-template-columns:100%;color:#fff}.stbiu24JbUBfHNSSYhSR .fCGAiNfXRhhXF8hQPpct .c5hG_qW6gImPmY2mRXUf .TaDL8j02NlDZlEf6mraY{cursor:pointer;justify-self:center;background:green;min-width:80px;justify-content:center;display:grid;align-content:center;align-self:center;height:35px;border-radius:10px}.stbiu24JbUBfHNSSYhSR .fCGAiNfXRhhXF8hQPpct .c5hG_qW6gImPmY2mRXUf .TaDL8j02NlDZlEf6mraY:hover{opacity:.8}.stbiu24JbUBfHNSSYhSR .fCGAiNfXRhhXF8hQPpct .c5hG_qW6gImPmY2mRXUf .TaDL8j02NlDZlEf6mraY.gWN6zWjwiaTlrWBw3gRR{background:red}',"",{version:3,sources:["webpack://./../../../dev/sharedUiComponents/dist/components/MessageDialog.modules.scss"],names:[],mappings:"AAAA,sBACI,iBAAA,CACA,UAAA,CACA,WAAA,CACA,yBAAA,CACA,YAAA,CACA,wBAAA,CACA,KAAA,CAEA,4CACI,iBAAA,CACA,mBAAA,CACA,gBAAA,CACA,eAAA,CACA,kBAAA,CACA,eAAA,CACA,YAAA,CAEA,YAAA,CACA,0BAAA,CACA,2BAAA,CAEA,kEACI,UAAA,CACA,aAAA,CACA,eAAA,CACA,YAAA,CACA,cAAA,CACA,UAAA,CAGJ,kEACI,UAAA,CACA,aAAA,CACA,YAAA,CACA,uBAAA,CACA,0BAAA,CACA,UAAA,CAEA,wFACI,cAAA,CACA,mBAAA,CACA,gBAAA,CACA,cAAA,CACA,sBAAA,CACA,YAAA,CACA,oBAAA,CACA,iBAAA,CACA,WAAA,CACA,kBAAA,CAEA,8FACI,UAAA,CAGJ,6GACI,cAAA",sourcesContent:[':local .dialog-container {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0.1, 0.1, 0.1, 0.6);\r\n display: grid;\r\n font-family: "acumin-pro";\r\n top: 0;\r\n\r\n .dialog {\r\n align-self: center;\r\n justify-self: center;\r\n min-height: 140px;\r\n max-width: 400px;\r\n border-radius: 10px;\r\n background: white;\r\n padding: 10px;\r\n\r\n display: grid;\r\n grid-template-columns: 100%;\r\n grid-template-rows: 1fr 50px;\r\n\r\n .dialog-message {\r\n grid-row: 1;\r\n grid-column: 1;\r\n margin-top: 20px;\r\n padding: 10px;\r\n font-size: 18px;\r\n color: black;\r\n }\r\n\r\n .dialog-buttons {\r\n grid-row: 2;\r\n grid-column: 1;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 100%;\r\n color: white;\r\n\r\n .dialog-button-ok {\r\n cursor: pointer;\r\n justify-self: center;\r\n background: green;\r\n min-width: 80px;\r\n justify-content: center;\r\n display: grid;\r\n align-content: center;\r\n align-self: center;\r\n height: 35px;\r\n border-radius: 10px;\r\n\r\n &:hover {\r\n opacity: 0.8;\r\n }\r\n\r\n &.error {\r\n background: red;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n'],sourceRoot:""}]),s.locals={"dialog-container":"stbiu24JbUBfHNSSYhSR",dialog:"fCGAiNfXRhhXF8hQPpct","dialog-message":"yRrm4hWjzyu4RnCc412h","dialog-buttons":"c5hG_qW6gImPmY2mRXUf","dialog-button-ok":"TaDL8j02NlDZlEf6mraY",error:"gWN6zWjwiaTlrWBw3gRR"};const a=s},182:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(234),o=n.n(r),i=n(474),s=n.n(i)()(o());s.push([e.id,".cAdE59gB2fAtRPTNL4rr{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center}.Q5g62nnQiAkjss2bvjv_{border:unset;background-color:inherit;flex-grow:1;width:100px}.K3K9PQvh6pJwXhAYXmq4{background-color:#fff}.G9HbTQuNLy6q2zLRNUcJ{background-color:rgba(255,204,204,.8)}","",{version:3,sources:["webpack://./../../../dev/sharedUiComponents/dist/components/TextInputWithSubmit.modules.scss"],names:[],mappings:"AAAA,sBACI,UAAA,CACA,WAAA,CACA,YAAA,CACA,6BAAA,CACA,kBAAA,CAGJ,sBACI,YAAA,CACA,wBAAA,CACA,WAAA,CACA,WAAA,CAGJ,sBACI,qBAAA,CAGJ,sBACI,qCAAA",sourcesContent:[".line {\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.input {\r\n border: unset;\r\n background-color: inherit;\r\n flex-grow: 1;\r\n width: 100px;\r\n}\r\n\r\n.valid {\r\n background-color: white;\r\n}\r\n\r\n.invalid {\r\n background-color: rgba(255, 204, 204, 0.8);\r\n}\r\n"],sourceRoot:""}]),s.locals={line:"cAdE59gB2fAtRPTNL4rr",input:"Q5g62nnQiAkjss2bvjv_",valid:"K3K9PQvh6pJwXhAYXmq4",invalid:"G9HbTQuNLy6q2zLRNUcJ"};const a=s},348:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(234),o=n.n(r),i=n(474),s=n.n(i)()(o());s.push([e.id,'.bOUut2FWKU2aN_ahzdAI{font-family:"acumin-pro-condensed",sans-serif;font-size:12px;height:25px;padding-left:15px}.ZN_DCHJ9pa7dUkP3Eml9{width:100%;height:100%;border:unset}',"",{version:3,sources:["webpack://./../../../dev/sharedUiComponents/dist/components/lines/OptionsLineComponent.modules.scss"],names:[],mappings:"AAAA,sBACI,6CAAA,CACA,cAAA,CACA,WAAA,CACA,iBAAA,CAGJ,sBACI,UAAA,CACA,WAAA,CACA,YAAA",sourcesContent:['.optionsLine {\r\n font-family: "acumin-pro-condensed", sans-serif;\r\n font-size: 12px;\r\n height: 25px;\r\n padding-left: 15px;\r\n}\r\n\r\n.optionsSelect {\r\n width: 100%;\r\n height: 100%;\r\n border: unset;\r\n}\r\n'],sourceRoot:""}]),s.locals={optionsLine:"bOUut2FWKU2aN_ahzdAI",optionsSelect:"ZN_DCHJ9pa7dUkP3Eml9"};const a=s},976:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(234),o=n.n(r),i=n(474),s=n.n(i)()(o());s.push([e.id,'.BvwFwd6uzMRFN0JwO92p {\n font-family: "acumin-pro-condensed";\n font-size: 14px;\n}\n',"",{version:3,sources:["webpack://./../../../dev/sharedUiComponents/dist/components/Fonts.scss"],names:[],mappings:"AAAA;IACI,mCAAmC;IACnC,eAAe;AACnB",sourcesContent:[':local(.fontRegular) {\r\n font-family: "acumin-pro-condensed";\r\n font-size: 14px;\r\n}\r\n'],sourceRoot:""}]),s.locals={fontRegular:"BvwFwd6uzMRFN0JwO92p"};const a=s},474:e=>{"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,o,i){"string"==typeof e&&(e=[[null,e,void 0]]);var s={};if(r)for(var a=0;a<this.length;a++){var l=this[a][0];null!=l&&(s[l]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);r&&s[u[0]]||(void 0!==i&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=i),n&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=n):u[2]=n),o&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=o):u[4]="".concat(o)),t.push(u))}},t}},234:e=>{"use strict";e.exports=function(e){var t=e[1],n=e[3];if(!n)return t;if("function"==typeof btoa){var r=btoa(unescape(encodeURIComponent(JSON.stringify(n)))),o="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(r),i="/*# ".concat(o," */");return[t].concat([i]).join("\n")}return[t].join("\n")}},772:e=>{"use strict";var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,o){for(var i,s,a=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),l=1;l<arguments.length;l++){for(var c in i=Object(arguments[l]))n.call(i,c)&&(a[c]=i[c]);if(t){s=t(i);for(var u=0;u<s.length;u++)r.call(i,s[u])&&(a[s[u]]=i[s[u]])}}return a}},878:(e,t,n)=>{"use strict";var r=n(565);function o(){}function i(){}i.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,i,s){if(s!==r){var a=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 a.name="Invariant Violation",a}}function t(){return e}e.isRequired=e;var n={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:i,resetWarningCache:o};return n.PropTypes=n,n}},764:(e,t,n)=>{e.exports=n(878)()},565:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},315:(e,t,n)=>{"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=l(t);if(n&&n.has(e))return n.get(e);var o={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var a=i?Object.getOwnPropertyDescriptor(e,s):null;a&&(a.get||a.set)?Object.defineProperty(o,s,a):o[s]=e[s]}return o.default=e,n&&n.set(e,o),o}(n(460)),i=a(n(764)),s=a(n(122));function a(e){return e&&e.__esModule?e:{default:e}}function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(l=function(e){return e?n:t})(e)}function c(e,t){return c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},c(e,t)}function u(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function d(e){return d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},d(e)}function p(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var A=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&c(e,t)}(l,e);var t,n,i,a=(n=l,i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=d(n);if(i){var o=d(this).constructor;e=Reflect.construct(t,arguments,o)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===r(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return u(e)}(this,e)});function l(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,l),p(u(t=a.call(this,e)),"handleKeyNavigation",(function(e){if(!1!==t.state.isVisible)switch(e.keyCode){case 37:case 27:e.preventDefault(),t.hideMenu(e);break;case 38:e.preventDefault(),t.selectChildren(!0);break;case 40:e.preventDefault(),t.selectChildren(!1);break;case 39:t.tryToOpenSubMenu(e);break;case 13:e.preventDefault(),t.tryToOpenSubMenu(e);var n=t.seletedItemRef&&t.seletedItemRef.props&&t.seletedItemRef.props.disabled;t.seletedItemRef&&t.seletedItemRef.ref instanceof HTMLElement&&!n?t.seletedItemRef.ref.click():t.hideMenu(e)}})),p(u(t),"handleForceClose",(function(){t.setState({forceSubMenuOpen:!1})})),p(u(t),"tryToOpenSubMenu",(function(e){t.state.selectedItem&&t.state.selectedItem.type===t.getSubMenuType()&&(e.preventDefault(),t.setState({forceSubMenuOpen:!0}))})),p(u(t),"selectChildren",(function(e){var n=t.state.selectedItem,r=[],i=0,a={};if(o.default.Children.forEach(t.props.children,(function e(n,l){n&&([s.default,t.getSubMenuType()].indexOf(n.type)<0?o.default.Children.forEach(n.props.children,e):n.props.divider||(n.props.disabled&&(++i,a[l]=!0),r.push(n)))})),i!==r.length){var l=function(t){var n=t;do{e?--n:++n,n<0?n=r.length-1:n>=r.length&&(n=0)}while(n!==t&&a[n]);return n===t?null:n}(r.indexOf(n));null!==l&&t.setState({selectedItem:r[l],forceSubMenuOpen:!1})}})),p(u(t),"onChildMouseMove",(function(e){t.state.selectedItem!==e&&t.setState({selectedItem:e,forceSubMenuOpen:!1})})),p(u(t),"onChildMouseLeave",(function(){t.setState({selectedItem:null,forceSubMenuOpen:!1})})),p(u(t),"renderChildren",(function(e){return o.default.Children.map(e,(function(e){var n={};return o.default.isValidElement(e)?[s.default,t.getSubMenuType()].indexOf(e.type)<0?(n.children=t.renderChildren(e.props.children),o.default.cloneElement(e,n)):(n.onMouseLeave=t.onChildMouseLeave.bind(u(t)),e.type===t.getSubMenuType()&&(n.forceOpen=t.state.forceSubMenuOpen&&t.state.selectedItem===e,n.forceClose=t.handleForceClose,n.parentKeyNavigationHandler=t.handleKeyNavigation),e.props.divider||t.state.selectedItem!==e?(n.onMouseMove=function(){return t.onChildMouseMove(e)},o.default.cloneElement(e,n)):(n.selected=!0,n.ref=function(e){t.seletedItemRef=e},o.default.cloneElement(e,n))):e}))})),t.seletedItemRef=null,t.state={selectedItem:null,forceSubMenuOpen:!1},t}return t=l,Object.defineProperty(t,"prototype",{writable:!1}),t}(o.Component);t.default=A,p(A,"propTypes",{children:i.default.node.isRequired})},824:(e,t,n)=>{"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=A(n(460)),i=A(n(764)),s=A(n(368)),a=A(n(772)),l=A(n(225)),c=A(n(315)),u=A(n(349)),d=n(451),p=n(645);function A(e){return e&&e.__esModule?e:{default:e}}function M(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function g(e,t){return g=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},g(e,t)}function L(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function C(e){return C=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},C(e)}function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var w=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&g(e,t)}(w,e);var t,n,i,c,A=(i=w,c=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=C(i);if(c){var n=C(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===r(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return L(e)}(this,e)});function w(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,w),h(L(t=A.call(this,e)),"registerHandlers",(function(){document.addEventListener("mousedown",t.handleOutsideClick),document.addEventListener("touchstart",t.handleOutsideClick),t.props.preventHideOnScroll||document.addEventListener("scroll",t.handleHide),t.props.preventHideOnContextMenu||document.addEventListener("contextmenu",t.handleHide),document.addEventListener("keydown",t.handleKeyNavigation),t.props.preventHideOnResize||window.addEventListener("resize",t.handleHide)})),h(L(t),"unregisterHandlers",(function(){document.removeEventListener("mousedown",t.handleOutsideClick),document.removeEventListener("touchstart",t.handleOutsideClick),document.removeEventListener("scroll",t.handleHide),document.removeEventListener("contextmenu",t.handleHide),document.removeEventListener("keydown",t.handleKeyNavigation),window.removeEventListener("resize",t.handleHide)})),h(L(t),"handleShow",(function(e){if(e.detail.id===t.props.id&&!t.state.isVisible){var n=e.detail.position,r=n.x,o=n.y;t.setState({isVisible:!0,x:r,y:o}),t.registerHandlers(),(0,p.callIfExists)(t.props.onShow,e)}})),h(L(t),"handleHide",(function(e){!t.state.isVisible||e.detail&&e.detail.id&&e.detail.id!==t.props.id||(t.unregisterHandlers(),t.setState({isVisible:!1,selectedItem:null,forceSubMenuOpen:!1}),(0,p.callIfExists)(t.props.onHide,e))})),h(L(t),"handleOutsideClick",(function(e){t.menu.contains(e.target)||(0,d.hideMenu)()})),h(L(t),"handleMouseLeave",(function(e){e.preventDefault(),(0,p.callIfExists)(t.props.onMouseLeave,e,(0,a.default)({},t.props.data,p.store.data),p.store.target),t.props.hideOnLeave&&(0,d.hideMenu)()})),h(L(t),"handleContextMenu",(function(e){e.preventDefault(),t.handleHide(e)})),h(L(t),"hideMenu",(function(e){27!==e.keyCode&&13!==e.keyCode||(0,d.hideMenu)()})),h(L(t),"getMenuPosition",(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r={top:n,left:e};if(!t.menu)return r;var o=window,i=o.innerWidth,s=o.innerHeight,a=t.menu.getBoundingClientRect();return n+a.height>s&&(r.top-=a.height),e+a.width>i&&(r.left-=a.width),r.top<0&&(r.top=a.height<s?(s-a.height)/2:0),r.left<0&&(r.left=a.width<i?(i-a.width)/2:0),r})),h(L(t),"getRTLMenuPosition",(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r={top:n,left:e};if(!t.menu)return r;var o=window,i=o.innerWidth,s=o.innerHeight,a=t.menu.getBoundingClientRect();return r.left=e-a.width,n+a.height>s&&(r.top-=a.height),r.left<0&&(r.left+=a.width),r.top<0&&(r.top=a.height<s?(s-a.height)/2:0),r.left+a.width>i&&(r.left=a.width<i?(i-a.width)/2:0),r})),h(L(t),"menuRef",(function(e){t.menu=e})),t.state=(0,a.default)({},t.state,{x:0,y:0,isVisible:!1}),t}return t=w,(n=[{key:"getSubMenuType",value:function(){return u.default}},{key:"componentDidMount",value:function(){this.listenId=l.default.register(this.handleShow,this.handleHide)}},{key:"componentDidUpdate",value:function(){var e=this,t=window.requestAnimationFrame||setTimeout;this.state.isVisible?t((function(){var n=e.state,r=n.x,o=n.y,i=e.props.rtl?e.getRTLMenuPosition(r,o):e.getMenuPosition(r,o),s=i.top,a=i.left;t((function(){e.menu&&(e.menu.style.top="".concat(s,"px"),e.menu.style.left="".concat(a,"px"),e.menu.style.opacity=1,e.menu.style.pointerEvents="auto")}))})):t((function(){e.menu&&(e.menu.style.opacity=0,e.menu.style.pointerEvents="none")}))}},{key:"componentWillUnmount",value:function(){this.listenId&&l.default.unregister(this.listenId),this.unregisterHandlers()}},{key:"render",value:function(){var e=this.props,t=e.children,n=e.className,r=e.style,i=this.state.isVisible,l=(0,a.default)({},r,{position:"fixed",opacity:0,pointerEvents:"none"}),c=(0,s.default)(p.cssClasses.menu,n,h({},p.cssClasses.menuVisible,i));return o.default.createElement("nav",{role:"menu",tabIndex:"-1",ref:this.menuRef,style:l,className:c,onContextMenu:this.handleContextMenu,onMouseLeave:this.handleMouseLeave},this.renderChildren(t))}}])&&M(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),w}(c.default);t.default=w,h(w,"propTypes",{id:i.default.string.isRequired,children:i.default.node.isRequired,data:i.default.object,className:i.default.string,hideOnLeave:i.default.bool,rtl:i.default.bool,onHide:i.default.func,onMouseLeave:i.default.func,onShow:i.default.func,preventHideOnContextMenu:i.default.bool,preventHideOnResize:i.default.bool,preventHideOnScroll:i.default.bool,style:i.default.object}),h(w,"defaultProps",{className:"",data:{},hideOnLeave:!1,rtl:!1,onHide:function(){return null},onMouseLeave:function(){return null},onShow:function(){return null},preventHideOnContextMenu:!1,preventHideOnResize:!1,preventHideOnScroll:!1,style:{}})},774:(e,t,n)=>{"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=d(t);if(n&&n.has(e))return n.get(e);var o={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var a=i?Object.getOwnPropertyDescriptor(e,s):null;a&&(a.get||a.set)?Object.defineProperty(o,s,a):o[s]=e[s]}return o.default=e,n&&n.set(e,o),o}(n(460)),i=u(n(764)),s=u(n(368)),a=u(n(772)),l=n(451),c=n(645);function u(e){return e&&e.__esModule?e:{default:e}}function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(d=function(e){return e?n:t})(e)}function p(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function A(e,t){return A=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},A(e,t)}function M(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}function L(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var C=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&A(e,t)}(C,e);var t,n,i,u,d=(i=C,u=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=g(i);if(u){var n=g(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===r(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return M(e)}(this,e)});function C(){var e;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,C);for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return L(M(e=d.call.apply(d,[this].concat(n))),"touchHandled",!1),L(M(e),"handleMouseDown",(function(t){e.props.holdToDisplay>=0&&0===t.button&&(t.persist(),t.stopPropagation(),e.mouseDownTimeoutId=setTimeout((function(){return e.handleContextClick(t)}),e.props.holdToDisplay)),(0,c.callIfExists)(e.props.attributes.onMouseDown,t)})),L(M(e),"handleMouseUp",(function(t){0===t.button&&clearTimeout(e.mouseDownTimeoutId),(0,c.callIfExists)(e.props.attributes.onMouseUp,t)})),L(M(e),"handleMouseOut",(function(t){0===t.button&&clearTimeout(e.mouseDownTimeoutId),(0,c.callIfExists)(e.props.attributes.onMouseOut,t)})),L(M(e),"handleTouchstart",(function(t){e.touchHandled=!1,e.props.holdToDisplay>=0&&(t.persist(),t.stopPropagation(),e.touchstartTimeoutId=setTimeout((function(){e.handleContextClick(t),e.touchHandled=!0}),e.props.holdToDisplay)),(0,c.callIfExists)(e.props.attributes.onTouchStart,t)})),L(M(e),"handleTouchEnd",(function(t){e.touchHandled&&t.preventDefault(),clearTimeout(e.touchstartTimeoutId),(0,c.callIfExists)(e.props.attributes.onTouchEnd,t)})),L(M(e),"handleContextMenu",(function(t){t.button===e.props.mouseButton&&e.handleContextClick(t),(0,c.callIfExists)(e.props.attributes.onContextMenu,t)})),L(M(e),"handleMouseClick",(function(t){t.button===e.props.mouseButton&&e.handleContextClick(t),(0,c.callIfExists)(e.props.attributes.onClick,t)})),L(M(e),"handleContextClick",(function(t){if(!(e.props.disable||e.props.disableIfShiftIsPressed&&t.shiftKey)){t.preventDefault(),t.stopPropagation();var n=t.clientX||t.touches&&t.touches[0].pageX,r=t.clientY||t.touches&&t.touches[0].pageY;e.props.posX&&(n-=e.props.posX),e.props.posY&&(r-=e.props.posY),(0,l.hideMenu)();var o=(0,c.callIfExists)(e.props.collect,e.props),i={position:{x:n,y:r},target:e.elem,id:e.props.id};o&&"function"==typeof o.then?o.then((function(e){i.data=(0,a.default)({},e,{target:t.target}),(0,l.showMenu)(i)})):(i.data=(0,a.default)({},o,{target:t.target}),(0,l.showMenu)(i))}})),L(M(e),"elemRef",(function(t){e.elem=t})),e}return t=C,(n=[{key:"render",value:function(){var e=this.props,t=e.renderTag,n=e.attributes,r=e.children,i=(0,a.default)({},n,{className:(0,s.default)(c.cssClasses.menuWrapper,n.className),onContextMenu:this.handleContextMenu,onClick:this.handleMouseClick,onMouseDown:this.handleMouseDown,onMouseUp:this.handleMouseUp,onTouchStart:this.handleTouchstart,onTouchEnd:this.handleTouchEnd,onMouseOut:this.handleMouseOut,ref:this.elemRef});return o.default.createElement(t,i,r)}}])&&p(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),C}(o.Component);t.default=C,L(C,"propTypes",{id:i.default.string.isRequired,children:i.default.node.isRequired,attributes:i.default.object,collect:i.default.func,disable:i.default.bool,holdToDisplay:i.default.number,posX:i.default.number,posY:i.default.number,renderTag:i.default.elementType,mouseButton:i.default.number,disableIfShiftIsPressed:i.default.bool}),L(C,"defaultProps",{attributes:{},collect:function(){return null},disable:!1,holdToDisplay:1e3,renderTag:"div",posX:0,posY:0,mouseButton:2,disableIfShiftIsPressed:!1})},122:(e,t,n)=>{"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=d(t);if(n&&n.has(e))return n.get(e);var o={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var a=i?Object.getOwnPropertyDescriptor(e,s):null;a&&(a.get||a.set)?Object.defineProperty(o,s,a):o[s]=e[s]}return o.default=e,n&&n.set(e,o),o}(n(460)),i=u(n(764)),s=u(n(368)),a=u(n(772)),l=n(451),c=n(645);function u(e){return e&&e.__esModule?e:{default:e}}function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(d=function(e){return e?n:t})(e)}function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(this,arguments)}function A(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function M(e,t){return M=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},M(e,t)}function g(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function L(e){return L=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},L(e)}function C(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var h=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&M(e,t)}(h,e);var t,n,i,u,d=(i=h,u=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=L(i);if(u){var n=L(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===r(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return g(e)}(this,e)});function h(){var e;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,h);for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return C(g(e=d.call.apply(d,[this].concat(n))),"handleClick",(function(t){0!==t.button&&1!==t.button&&t.preventDefault(),e.props.disabled||e.props.divider||((0,c.callIfExists)(e.props.onClick,t,(0,a.default)({},e.props.data,c.store.data),c.store.target),e.props.preventClose||(0,l.hideMenu)())})),e}return t=h,(n=[{key:"render",value:function(){var e,t=this,n=this.props,r=n.attributes,i=n.children,a=n.className,l=n.disabled,u=n.divider,d=n.selected,A=(0,s.default)(a,c.cssClasses.menuItem,r.className,(C(e={},(0,s.default)(c.cssClasses.menuItemDisabled,r.disabledClassName),l),C(e,(0,s.default)(c.cssClasses.menuItemDivider,r.dividerClassName),u),C(e,(0,s.default)(c.cssClasses.menuItemSelected,r.selectedClassName),d),e));return o.default.createElement("div",p({},r,{className:A,role:"menuitem",tabIndex:"-1","aria-disabled":l?"true":"false","aria-orientation":u?"horizontal":null,ref:function(e){t.ref=e},onMouseMove:this.props.onMouseMove,onMouseLeave:this.props.onMouseLeave,onTouchEnd:this.handleClick,onClick:this.handleClick}),u?null:i)}}])&&A(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),h}(o.Component);t.default=h,C(h,"propTypes",{attributes:i.default.object,children:i.default.node,className:i.default.string,data:i.default.object,disabled:i.default.bool,divider:i.default.bool,onClick:i.default.func,onMouseLeave:i.default.func,onMouseMove:i.default.func,preventClose:i.default.bool,selected:i.default.bool}),C(h,"defaultProps",{attributes:{},children:null,className:"",data:{},disabled:!1,divider:!1,onClick:function(){return null},onMouseMove:function(){return null},onMouseLeave:function(){return null},preventClose:!1,selected:!1})},349:(e,t,n)=>{"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=p(n(460)),i=p(n(764)),s=p(n(368)),a=p(n(772)),l=n(451),c=p(n(315)),u=n(645),d=p(n(225));function p(e){return e&&e.__esModule?e:{default:e}}function A(){return A=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},A.apply(this,arguments)}function M(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function g(e,t){return g=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},g(e,t)}function L(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function C(e){return C=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},C(e)}function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var w=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&g(e,t)}(w,e);var t,n,i,c,p=(i=w,c=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=C(i);if(c){var n=C(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===r(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return L(e)}(this,e)});function w(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,w),h(L(t=p.call(this,e)),"getMenuPosition",(function(){var e=window,n=e.innerWidth,r=e.innerHeight,o=t.subMenu.getBoundingClientRect(),i={};return o.bottom>r?i.bottom=0:i.top=0,o.right<n?i.left="100%":i.right="100%",i})),h(L(t),"getRTLMenuPosition",(function(){var e=window.innerHeight,n=t.subMenu.getBoundingClientRect(),r={};return n.bottom>e?r.bottom=0:r.top=0,n.left<0?r.left="100%":r.right="100%",r})),h(L(t),"hideMenu",(function(e){e.preventDefault(),t.hideSubMenu(e)})),h(L(t),"hideSubMenu",(function(e){e.detail&&e.detail.id&&t.menu&&e.detail.id!==t.menu.id||(t.props.forceOpen&&t.props.forceClose(),t.setState({visible:!1,selectedItem:null}),t.unregisterHandlers())})),h(L(t),"handleClick",(function(e){e.preventDefault(),t.props.disabled||((0,u.callIfExists)(t.props.onClick,e,(0,a.default)({},t.props.data,u.store.data),u.store.target),t.props.onClick&&!t.props.preventCloseOnClick&&(0,l.hideMenu)())})),h(L(t),"handleMouseEnter",(function(){t.closetimer&&clearTimeout(t.closetimer),t.props.disabled||t.state.visible||(t.opentimer=setTimeout((function(){return t.setState({visible:!0,selectedItem:null})}),t.props.hoverDelay))})),h(L(t),"handleMouseLeave",(function(){t.opentimer&&clearTimeout(t.opentimer),t.state.visible&&(t.closetimer=setTimeout((function(){return t.setState({visible:!1,selectedItem:null})}),t.props.hoverDelay))})),h(L(t),"menuRef",(function(e){t.menu=e})),h(L(t),"subMenuRef",(function(e){t.subMenu=e})),h(L(t),"registerHandlers",(function(){document.removeEventListener("keydown",t.props.parentKeyNavigationHandler),document.addEventListener("keydown",t.handleKeyNavigation)})),h(L(t),"unregisterHandlers",(function(e){document.removeEventListener("keydown",t.handleKeyNavigation),e||document.addEventListener("keydown",t.props.parentKeyNavigationHandler)})),t.state=(0,a.default)({},t.state,{visible:!1}),t}return t=w,(n=[{key:"componentDidMount",value:function(){this.listenId=d.default.register((function(){}),this.hideSubMenu)}},{key:"getSubMenuType",value:function(){return w}},{key:"shouldComponentUpdate",value:function(e,t){return this.isVisibilityChange=!(this.state.visible===t.visible&&this.props.forceOpen===e.forceOpen||this.state.visible&&e.forceOpen||this.props.forceOpen&&t.visible),!0}},{key:"componentDidUpdate",value:function(){var e=this;this.isVisibilityChange&&(this.props.forceOpen||this.state.visible?(window.requestAnimationFrame||setTimeout)((function(){var t=e.props.rtl?e.getRTLMenuPosition():e.getMenuPosition();e.subMenu.style.removeProperty("top"),e.subMenu.style.removeProperty("bottom"),e.subMenu.style.removeProperty("left"),e.subMenu.style.removeProperty("right"),(0,u.hasOwnProp)(t,"top")&&(e.subMenu.style.top=t.top),(0,u.hasOwnProp)(t,"left")&&(e.subMenu.style.left=t.left),(0,u.hasOwnProp)(t,"bottom")&&(e.subMenu.style.bottom=t.bottom),(0,u.hasOwnProp)(t,"right")&&(e.subMenu.style.right=t.right),e.subMenu.classList.add(u.cssClasses.menuVisible),e.registerHandlers(),e.setState({selectedItem:null})})):(this.subMenu.addEventListener("transitionend",(function t(){e.subMenu.removeEventListener("transitionend",t),e.subMenu.style.removeProperty("bottom"),e.subMenu.style.removeProperty("right"),e.subMenu.style.top=0,e.subMenu.style.left="100%",e.unregisterHandlers()})),this.subMenu.classList.remove(u.cssClasses.menuVisible)))}},{key:"componentWillUnmount",value:function(){this.listenId&&d.default.unregister(this.listenId),this.opentimer&&clearTimeout(this.opentimer),this.closetimer&&clearTimeout(this.closetimer),this.unregisterHandlers(!0)}},{key:"render",value:function(){var e,t=this.props,n=t.children,r=t.attributes,i=t.disabled,a=t.title,l=t.selected,c=this.state.visible,d={ref:this.menuRef,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,className:(0,s.default)(u.cssClasses.menuItem,u.cssClasses.subMenu,r.listClassName),style:{position:"relative"}},p={className:(0,s.default)(u.cssClasses.menuItem,r.className,(e={},h(e,(0,s.default)(u.cssClasses.menuItemDisabled,r.disabledClassName),i),h(e,(0,s.default)(u.cssClasses.menuItemActive,r.visibleClassName),c),h(e,(0,s.default)(u.cssClasses.menuItemSelected,r.selectedClassName),l),e)),onMouseMove:this.props.onMouseMove,onMouseOut:this.props.onMouseOut,onClick:this.handleClick},M={ref:this.subMenuRef,style:{position:"absolute",transition:"opacity 1ms",top:0,left:"100%"},className:(0,s.default)(u.cssClasses.menu,this.props.className)};return o.default.createElement("nav",A({},d,{role:"menuitem",tabIndex:"-1","aria-haspopup":"true"}),o.default.createElement("div",A({},r,p),a),o.default.createElement("nav",A({},M,{role:"menu",tabIndex:"-1"}),this.renderChildren(n)))}}])&&M(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),w}(c.default);t.default=w,h(w,"propTypes",{children:i.default.node.isRequired,attributes:i.default.object,title:i.default.node.isRequired,className:i.default.string,disabled:i.default.bool,hoverDelay:i.default.number,rtl:i.default.bool,selected:i.default.bool,onMouseMove:i.default.func,onMouseOut:i.default.func,forceOpen:i.default.bool,forceClose:i.default.func,parentKeyNavigationHandler:i.default.func}),h(w,"defaultProps",{disabled:!1,hoverDelay:500,attributes:{},className:"",rtl:!1,selected:!1,onMouseMove:function(){return null},onMouseOut:function(){return null},forceOpen:!1,forceClose:function(){return null},parentKeyNavigationHandler:function(){return null}})},451:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.MENU_SHOW=t.MENU_HIDE=void 0,t.dispatchGlobalEvent=l,t.hideMenu=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;l(a,(0,o.default)({},e,{type:a}),t)},t.showMenu=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;l(s,(0,o.default)({},e,{type:s}),t)};var r,o=(r=n(772))&&r.__esModule?r:{default:r},i=n(645),s="REACT_CONTEXTMENU_SHOW";t.MENU_SHOW=s;var a="REACT_CONTEXTMENU_HIDE";function l(e,t){var n,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:window;"function"==typeof window.CustomEvent?n=new window.CustomEvent(e,{detail:t}):(n=document.createEvent("CustomEvent")).initCustomEvent(e,!1,!0,t),r&&(r.dispatchEvent(n),(0,o.default)(i.store,t))}t.MENU_HIDE=a},857:(e,t,n)=>{"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return function(t){return function(n){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&d(e,t)}(h,n);var i,a,l,g,L=(i=h,a=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=A(i);if(a){var n=A(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===r(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return p(e)}(this,e)});function h(t){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,h),M(p(n=L.call(this,t)),"handleShow",(function(t){if(t.detail.id===e){var r=t.detail.data,o={};for(var i in r)C.includes(i)||(o[i]=r[i]);n.setState({trigger:o})}})),M(p(n),"handleHide",(function(){n.setState({trigger:null})})),n.state={trigger:null},n}return l=h,(g=[{key:"componentDidMount",value:function(){this.listenId=s.default.register(this.handleShow,this.handleHide)}},{key:"componentWillUnmount",value:function(){this.listenId&&s.default.unregister(this.listenId)}},{key:"render",value:function(){return o.default.createElement(t,c({},this.props,{id:e,trigger:this.state.trigger}))}}])&&u(l.prototype,g),Object.defineProperty(l,"prototype",{writable:!1}),h}(o.Component)}};var o=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=l(t);if(n&&n.has(e))return n.get(e);var o={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var a=i?Object.getOwnPropertyDescriptor(e,s):null;a&&(a.get||a.set)?Object.defineProperty(o,s,a):o[s]=e[s]}return o.default=e,n&&n.set(e,o),o}(n(460)),i=a(n(774)),s=a(n(225));function a(e){return e&&e.__esModule?e:{default:e}}function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(l=function(e){return e?n:t})(e)}function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(this,arguments)}function u(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function d(e,t){return d=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},d(e,t)}function p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function A(e){return A=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},A(e)}function M(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var L,C=[].concat(function(e){if(Array.isArray(e))return g(e)}(L=Object.keys(i.default.propTypes))||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(L)||function(e,t){if(e){if("string"==typeof e)return g(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?g(e,t):void 0}}(L)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),["children"])},225:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=n(451),o=n(645);function i(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function s(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var l=new(s((function e(){var t=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),a(this,"handleShowEvent",(function(e){for(var n in t.callbacks)(0,o.hasOwnProp)(t.callbacks,n)&&t.callbacks[n].show(e)})),a(this,"handleHideEvent",(function(e){for(var n in t.callbacks)(0,o.hasOwnProp)(t.callbacks,n)&&t.callbacks[n].hide(e)})),a(this,"register",(function(e,n){var r=(0,o.uniqueId)();return t.callbacks[r]={show:e,hide:n},r})),a(this,"unregister",(function(e){e&&t.callbacks[e]&&delete t.callbacks[e]})),this.callbacks={},o.canUseDOM&&(window.addEventListener(r.MENU_SHOW,this.handleShowEvent),window.addEventListener(r.MENU_HIDE,this.handleHideEvent))})));t.default=l},645:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.callIfExists=function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return"function"==typeof e&&e.apply(void 0,n)},t.cssClasses=t.canUseDOM=void 0,t.hasOwnProp=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.store=void 0,t.uniqueId=function(){return Math.random().toString(36).substring(7)},t.cssClasses={menu:"react-contextmenu",menuVisible:"react-contextmenu--visible",menuWrapper:"react-contextmenu-wrapper",menuItem:"react-contextmenu-item",menuItemActive:"react-contextmenu-item--active",menuItemDisabled:"react-contextmenu-item--disabled",menuItemDivider:"react-contextmenu-item--divider",menuItemSelected:"react-contextmenu-item--selected",subMenu:"react-contextmenu-submenu"},t.store={};var n=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement);t.canUseDOM=n},312:(e,t,n)=>{"use strict";Object.defineProperty(t,"tz",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Rc",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Dr",{enumerable:!0,get:function(){return i.default}});var r=s(n(824)),o=s(n(774)),i=s(n(122));s(n(349)),s(n(857)),n(451);function s(e){return e&&e.__esModule?e:{default:e}}},903:(e,t,n)=>{"use strict";var r=n(460),o=n(772),i=n(798);function s(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}if(!r)throw Error(s(227));var a=new Set,l={};function c(e,t){u(e,t),u(e+"Capture",t)}function u(e,t){for(l[e]=t,e=0;e<t.length;e++)a.add(t[e])}var d=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),p=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,A=Object.prototype.hasOwnProperty,M={},g={};function L(e,t,n,r,o,i,s){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=i,this.removeEmptyString=s}var C={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){C[e]=new L(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];C[t]=new L(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){C[e]=new L(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){C[e]=new L(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){C[e]=new L(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){C[e]=new L(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){C[e]=new L(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){C[e]=new L(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){C[e]=new L(e,5,!1,e.toLowerCase(),null,!1,!1)}));var h=/[\-:]([a-z])/g;function w(e){return e[1].toUpperCase()}function m(e,t,n,r){var o=C.hasOwnProperty(t)?C[t]:null;(null!==o?0===o.type:!r&&2<t.length&&("o"===t[0]||"O"===t[0])&&("n"===t[1]||"N"===t[1]))||(function(e,t,n,r){if(null==t||function(e,t,n,r){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!r&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,r))return!0;if(r)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,o,r)&&(n=null),r||null===o?function(e){return!!A.call(g,e)||!A.call(M,e)&&(p.test(e)?g[e]=!0:(M[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=null===n?3!==o.type&&"":n:(t=o.attributeName,r=o.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(o=o.type)||4===o&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(h,w);C[t]=new L(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(h,w);C[t]=new L(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(h,w);C[t]=new L(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){C[e]=new L(e,1,!1,e.toLowerCase(),null,!1,!1)})),C.xlinkHref=new L("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){C[e]=new L(e,1,!1,e.toLowerCase(),null,!0,!0)}));var b=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,j=60103,f=60106,y=60107,x=60108,N=60114,S=60109,v=60110,D=60112,I=60113,E=60120,T=60115,k=60116,z=60121,O=60128,Y=60129,P=60130,B=60131;if("function"==typeof Symbol&&Symbol.for){var R=Symbol.for;j=R("react.element"),f=R("react.portal"),y=R("react.fragment"),x=R("react.strict_mode"),N=R("react.profiler"),S=R("react.provider"),v=R("react.context"),D=R("react.forward_ref"),I=R("react.suspense"),E=R("react.suspense_list"),T=R("react.memo"),k=R("react.lazy"),z=R("react.block"),R("react.scope"),O=R("react.opaque.id"),Y=R("react.debug_trace_mode"),P=R("react.offscreen"),B=R("react.legacy_hidden")}var U,G="function"==typeof Symbol&&Symbol.iterator;function Z(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=G&&e[G]||e["@@iterator"])?e:null}function _(e){if(void 0===U)try{throw Error()}catch(e){var t=e.stack.trim().match(/\n( *(at )?)/);U=t&&t[1]||""}return"\n"+U+e}var W=!1;function H(e,t){if(!e||W)return"";W=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(e){var r=e}Reflect.construct(e,[],t)}else{try{t.call()}catch(e){r=e}e.call(t.prototype)}else{try{throw Error()}catch(e){r=e}e()}}catch(e){if(e&&r&&"string"==typeof e.stack){for(var o=e.stack.split("\n"),i=r.stack.split("\n"),s=o.length-1,a=i.length-1;1<=s&&0<=a&&o[s]!==i[a];)a--;for(;1<=s&&0<=a;s--,a--)if(o[s]!==i[a]){if(1!==s||1!==a)do{if(s--,0>--a||o[s]!==i[a])return"\n"+o[s].replace(" at new "," at ")}while(1<=s&&0<=a);break}}}finally{W=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?_(e):""}function Q(e){switch(e.tag){case 5:return _(e.type);case 16:return _("Lazy");case 13:return _("Suspense");case 19:return _("SuspenseList");case 0:case 2:case 15:return H(e.type,!1);case 11:return H(e.type.render,!1);case 22:return H(e.type._render,!1);case 1:return H(e.type,!0);default:return""}}function F(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case y:return"Fragment";case f:return"Portal";case N:return"Profiler";case x:return"StrictMode";case I:return"Suspense";case E:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case v:return(e.displayName||"Context")+".Consumer";case S:return(e._context.displayName||"Context")+".Provider";case D:var t=e.render;return t=t.displayName||t.name||"",e.displayName||(""!==t?"ForwardRef("+t+")":"ForwardRef");case T:return F(e.type);case z:return F(e._render);case k:t=e._payload,e=e._init;try{return F(e(t))}catch(e){}}return null}function V(e){switch(typeof e){case"boolean":case"number":case"object":case"string":case"undefined":return e;default:return""}}function J(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function X(e){e._valueTracker||(e._valueTracker=function(e){var t=J(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var o=n.get,i=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(e){r=""+e,i.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function q(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=J(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}function K(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function $(e,t){var n=t.checked;return o({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function ee(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=V(null!=t.value?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function te(e,t){null!=(t=t.checked)&&m(e,"checked",t,!1)}function ne(e,t){te(e,t);var n=V(t.value),r=t.type;if(null!=n)"number"===r?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");t.hasOwnProperty("value")?oe(e,t.type,n):t.hasOwnProperty("defaultValue")&&oe(e,t.type,V(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function re(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!("submit"!==r&&"reset"!==r||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function oe(e,t,n){"number"===t&&K(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}function ie(e,t){return e=o({children:void 0},t),(t=function(e){var t="";return r.Children.forEach(e,(function(e){null!=e&&(t+=e)})),t}(t.children))&&(e.children=t),e}function se(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t["$"+n[o]]=!0;for(n=0;n<e.length;n++)o=t.hasOwnProperty("$"+e[n].value),e[n].selected!==o&&(e[n].selected=o),o&&r&&(e[n].defaultSelected=!0)}else{for(n=""+V(n),t=null,o=0;o<e.length;o++){if(e[o].value===n)return e[o].selected=!0,void(r&&(e[o].defaultSelected=!0));null!==t||e[o].disabled||(t=e[o])}null!==t&&(t.selected=!0)}}function ae(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(s(91));return o({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function le(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(s(92));if(Array.isArray(n)){if(!(1>=n.length))throw Error(s(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:V(n)}}function ce(e,t){var n=V(t.value),r=V(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=r&&(e.defaultValue=""+r)}function ue(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}var de={html:"http://www.w3.org/1999/xhtml",mathml:"http://www.w3.org/1998/Math/MathML",svg:"http://www.w3.org/2000/svg"};function pe(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function Ae(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?pe(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var Me,ge,Le=(ge=function(e,t){if(e.namespaceURI!==de.svg||"innerHTML"in e)e.innerHTML=t;else{for((Me=Me||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=Me.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,r){MSApp.execUnsafeLocalFunction((function(){return ge(e,t)}))}:ge);function Ce(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var he={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},we=["Webkit","ms","Moz","O"];function me(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||he.hasOwnProperty(e)&&he[e]?(""+t).trim():t+"px"}function be(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),o=me(n,t[n],r);"float"===n&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}Object.keys(he).forEach((function(e){we.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),he[t]=he[e]}))}));var je=o({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function fe(e,t){if(t){if(je[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(s(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(s(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(s(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(s(62))}}function ye(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}function xe(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var Ne=null,Se=null,ve=null;function De(e){if(e=no(e)){if("function"!=typeof Ne)throw Error(s(280));var t=e.stateNode;t&&(t=oo(t),Ne(e.stateNode,e.type,t))}}function Ie(e){Se?ve?ve.push(e):ve=[e]:Se=e}function Ee(){if(Se){var e=Se,t=ve;if(ve=Se=null,De(e),t)for(e=0;e<t.length;e++)De(t[e])}}function Te(e,t){return e(t)}function ke(e,t,n,r,o){return e(t,n,r,o)}function ze(){}var Oe=Te,Ye=!1,Pe=!1;function Be(){null===Se&&null===ve||(ze(),Ee())}function Re(e,t){var n=e.stateNode;if(null===n)return null;var r=oo(n);if(null===r)return null;n=r[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(r=!r.disabled)||(r=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!r;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(s(231,t,typeof n));return n}var Ue=!1;if(d)try{var Ge={};Object.defineProperty(Ge,"passive",{get:function(){Ue=!0}}),window.addEventListener("test",Ge,Ge),window.removeEventListener("test",Ge,Ge)}catch(ge){Ue=!1}function Ze(e,t,n,r,o,i,s,a,l){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(e){this.onError(e)}}var _e=!1,We=null,He=!1,Qe=null,Fe={onError:function(e){_e=!0,We=e}};function Ve(e,t,n,r,o,i,s,a,l){_e=!1,We=null,Ze.apply(Fe,arguments)}function Je(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{!!(1026&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function Xe(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&null!==(e=e.alternate)&&(t=e.memoizedState),null!==t)return t.dehydrated}return null}function qe(e){if(Je(e)!==e)throw Error(s(188))}function Ke(e){if(e=function(e){var t=e.alternate;if(!t){if(null===(t=Je(e)))throw Error(s(188));return t!==e?null:e}for(var n=e,r=t;;){var o=n.return;if(null===o)break;var i=o.alternate;if(null===i){if(null!==(r=o.return)){n=r;continue}break}if(o.child===i.child){for(i=o.child;i;){if(i===n)return qe(o),e;if(i===r)return qe(o),t;i=i.sibling}throw Error(s(188))}if(n.return!==r.return)n=o,r=i;else{for(var a=!1,l=o.child;l;){if(l===n){a=!0,n=o,r=i;break}if(l===r){a=!0,r=o,n=i;break}l=l.sibling}if(!a){for(l=i.child;l;){if(l===n){a=!0,n=i,r=o;break}if(l===r){a=!0,r=i,n=o;break}l=l.sibling}if(!a)throw Error(s(189))}}if(n.alternate!==r)throw Error(s(190))}if(3!==n.tag)throw Error(s(188));return n.stateNode.current===n?e:t}(e),!e)return null;for(var t=e;;){if(5===t.tag||6===t.tag)return t;if(t.child)t.child.return=t,t=t.child;else{if(t===e)break;for(;!t.sibling;){if(!t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}}return null}function $e(e,t){for(var n=e.alternate;null!==t;){if(t===e||t===n)return!0;t=t.return}return!1}var et,tt,nt,rt,ot=!1,it=[],st=null,at=null,lt=null,ct=new Map,ut=new Map,dt=[],pt="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function At(e,t,n,r,o){return{blockedOn:e,domEventName:t,eventSystemFlags:16|n,nativeEvent:o,targetContainers:[r]}}function Mt(e,t){switch(e){case"focusin":case"focusout":st=null;break;case"dragenter":case"dragleave":at=null;break;case"mouseover":case"mouseout":lt=null;break;case"pointerover":case"pointerout":ct.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":ut.delete(t.pointerId)}}function gt(e,t,n,r,o,i){return null===e||e.nativeEvent!==i?(e=At(t,n,r,o,i),null!==t&&null!==(t=no(t))&&tt(t),e):(e.eventSystemFlags|=r,t=e.targetContainers,null!==o&&-1===t.indexOf(o)&&t.push(o),e)}function Lt(e){var t=to(e.target);if(null!==t){var n=Je(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=Xe(n)))return e.blockedOn=t,void rt(e.lanePriority,(function(){i.unstable_runWithPriority(e.priority,(function(){nt(n)}))}))}else if(3===t&&n.stateNode.hydrate)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function Ct(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Kt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=no(n))&&tt(t),e.blockedOn=n,!1;t.shift()}return!0}function ht(e,t,n){Ct(e)&&n.delete(t)}function wt(){for(ot=!1;0<it.length;){var e=it[0];if(null!==e.blockedOn){null!==(e=no(e.blockedOn))&&et(e);break}for(var t=e.targetContainers;0<t.length;){var n=Kt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n){e.blockedOn=n;break}t.shift()}null===e.blockedOn&&it.shift()}null!==st&&Ct(st)&&(st=null),null!==at&&Ct(at)&&(at=null),null!==lt&&Ct(lt)&&(lt=null),ct.forEach(ht),ut.forEach(ht)}function mt(e,t){e.blockedOn===t&&(e.blockedOn=null,ot||(ot=!0,i.unstable_scheduleCallback(i.unstable_NormalPriority,wt)))}function bt(e){function t(t){return mt(t,e)}if(0<it.length){mt(it[0],e);for(var n=1;n<it.length;n++){var r=it[n];r.blockedOn===e&&(r.blockedOn=null)}}for(null!==st&&mt(st,e),null!==at&&mt(at,e),null!==lt&&mt(lt,e),ct.forEach(t),ut.forEach(t),n=0;n<dt.length;n++)(r=dt[n]).blockedOn===e&&(r.blockedOn=null);for(;0<dt.length&&null===(n=dt[0]).blockedOn;)Lt(n),null===n.blockedOn&&dt.shift()}function jt(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var ft={animationend:jt("Animation","AnimationEnd"),animationiteration:jt("Animation","AnimationIteration"),animationstart:jt("Animation","AnimationStart"),transitionend:jt("Transition","TransitionEnd")},yt={},xt={};function Nt(e){if(yt[e])return yt[e];if(!ft[e])return e;var t,n=ft[e];for(t in n)if(n.hasOwnProperty(t)&&t in xt)return yt[e]=n[t];return e}d&&(xt=document.createElement("div").style,"AnimationEvent"in window||(delete ft.animationend.animation,delete ft.animationiteration.animation,delete ft.animationstart.animation),"TransitionEvent"in window||delete ft.transitionend.transition);var St=Nt("animationend"),vt=Nt("animationiteration"),Dt=Nt("animationstart"),It=Nt("transitionend"),Et=new Map,Tt=new Map,kt=["abort","abort",St,"animationEnd",vt,"animationIteration",Dt,"animationStart","canplay","canPlay","canplaythrough","canPlayThrough","durationchange","durationChange","emptied","emptied","encrypted","encrypted","ended","ended","error","error","gotpointercapture","gotPointerCapture","load","load","loadeddata","loadedData","loadedmetadata","loadedMetadata","loadstart","loadStart","lostpointercapture","lostPointerCapture","playing","playing","progress","progress","seeking","seeking","stalled","stalled","suspend","suspend","timeupdate","timeUpdate",It,"transitionEnd","waiting","waiting"];function zt(e,t){for(var n=0;n<e.length;n+=2){var r=e[n],o=e[n+1];o="on"+(o[0].toUpperCase()+o.slice(1)),Tt.set(r,t),Et.set(r,o),c(o,[r])}}(0,i.unstable_now)();var Ot=8;function Yt(e){if(1&e)return Ot=15,1;if(2&e)return Ot=14,2;if(4&e)return Ot=13,4;var t=24&e;return 0!==t?(Ot=12,t):32&e?(Ot=11,32):0!=(t=192&e)?(Ot=10,t):256&e?(Ot=9,256):0!=(t=3584&e)?(Ot=8,t):4096&e?(Ot=7,4096):0!=(t=4186112&e)?(Ot=6,t):0!=(t=62914560&e)?(Ot=5,t):67108864&e?(Ot=4,67108864):134217728&e?(Ot=3,134217728):0!=(t=805306368&e)?(Ot=2,t):1073741824&e?(Ot=1,1073741824):(Ot=8,e)}function Pt(e,t){var n=e.pendingLanes;if(0===n)return Ot=0;var r=0,o=0,i=e.expiredLanes,s=e.suspendedLanes,a=e.pingedLanes;if(0!==i)r=i,o=Ot=15;else if(0!=(i=134217727&n)){var l=i&~s;0!==l?(r=Yt(l),o=Ot):0!=(a&=i)&&(r=Yt(a),o=Ot)}else 0!=(i=n&~s)?(r=Yt(i),o=Ot):0!==a&&(r=Yt(a),o=Ot);if(0===r)return 0;if(r=n&((0>(r=31-_t(r))?0:1<<r)<<1)-1,0!==t&&t!==r&&!(t&s)){if(Yt(t),o<=Ot)return t;Ot=o}if(0!==(t=e.entangledLanes))for(e=e.entanglements,t&=r;0<t;)o=1<<(n=31-_t(t)),r|=e[n],t&=~o;return r}function Bt(e){return 0!=(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function Rt(e,t){switch(e){case 15:return 1;case 14:return 2;case 12:return 0===(e=Ut(24&~t))?Rt(10,t):e;case 10:return 0===(e=Ut(192&~t))?Rt(8,t):e;case 8:return 0===(e=Ut(3584&~t))&&0===(e=Ut(4186112&~t))&&(e=512),e;case 2:return 0===(t=Ut(805306368&~t))&&(t=268435456),t}throw Error(s(358,e))}function Ut(e){return e&-e}function Gt(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function Zt(e,t,n){e.pendingLanes|=t;var r=t-1;e.suspendedLanes&=r,e.pingedLanes&=r,(e=e.eventTimes)[t=31-_t(t)]=n}var _t=Math.clz32?Math.clz32:function(e){return 0===e?32:31-(Wt(e)/Ht|0)|0},Wt=Math.log,Ht=Math.LN2,Qt=i.unstable_UserBlockingPriority,Ft=i.unstable_runWithPriority,Vt=!0;function Jt(e,t,n,r){Ye||ze();var o=qt,i=Ye;Ye=!0;try{ke(o,e,t,n,r)}finally{(Ye=i)||Be()}}function Xt(e,t,n,r){Ft(Qt,qt.bind(null,e,t,n,r))}function qt(e,t,n,r){var o;if(Vt)if((o=!(4&t))&&0<it.length&&-1<pt.indexOf(e))e=At(null,e,t,n,r),it.push(e);else{var i=Kt(e,t,n,r);if(null===i)o&&Mt(e,r);else{if(o){if(-1<pt.indexOf(e))return e=At(i,e,t,n,r),void it.push(e);if(function(e,t,n,r,o){switch(t){case"focusin":return st=gt(st,e,t,n,r,o),!0;case"dragenter":return at=gt(at,e,t,n,r,o),!0;case"mouseover":return lt=gt(lt,e,t,n,r,o),!0;case"pointerover":var i=o.pointerId;return ct.set(i,gt(ct.get(i)||null,e,t,n,r,o)),!0;case"gotpointercapture":return i=o.pointerId,ut.set(i,gt(ut.get(i)||null,e,t,n,r,o)),!0}return!1}(i,e,t,n,r))return;Mt(e,r)}zr(e,t,r,null,n)}}}function Kt(e,t,n,r){var o=xe(r);if(null!==(o=to(o))){var i=Je(o);if(null===i)o=null;else{var s=i.tag;if(13===s){if(null!==(o=Xe(i)))return o;o=null}else if(3===s){if(i.stateNode.hydrate)return 3===i.tag?i.stateNode.containerInfo:null;o=null}else i!==o&&(o=null)}}return zr(e,t,r,o,n),null}var $t=null,en=null,tn=null;function nn(){if(tn)return tn;var e,t,n=en,r=n.length,o="value"in $t?$t.value:$t.textContent,i=o.length;for(e=0;e<r&&n[e]===o[e];e++);var s=r-e;for(t=1;t<=s&&n[r-t]===o[i-t];t++);return tn=o.slice(e,1<t?1-t:void 0)}function rn(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function on(){return!0}function sn(){return!1}function an(e){function t(t,n,r,o,i){for(var s in this._reactName=t,this._targetInst=r,this.type=n,this.nativeEvent=o,this.target=i,this.currentTarget=null,e)e.hasOwnProperty(s)&&(t=e[s],this[s]=t?t(o):o[s]);return this.isDefaultPrevented=(null!=o.defaultPrevented?o.defaultPrevented:!1===o.returnValue)?on:sn,this.isPropagationStopped=sn,this}return o(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=on)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=on)},persist:function(){},isPersistent:on}),t}var ln,cn,un,dn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},pn=an(dn),An=o({},dn,{view:0,detail:0}),Mn=an(An),gn=o({},An,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Sn,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==un&&(un&&"mousemove"===e.type?(ln=e.screenX-un.screenX,cn=e.screenY-un.screenY):cn=ln=0,un=e),ln)},movementY:function(e){return"movementY"in e?e.movementY:cn}}),Ln=an(gn),Cn=an(o({},gn,{dataTransfer:0})),hn=an(o({},An,{relatedTarget:0})),wn=an(o({},dn,{animationName:0,elapsedTime:0,pseudoElement:0})),mn=o({},dn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),bn=an(mn),jn=an(o({},dn,{data:0})),fn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},yn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},xn={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Nn(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=xn[e])&&!!t[e]}function Sn(){return Nn}var vn=o({},An,{key:function(e){if(e.key){var t=fn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=rn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?yn[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:Sn,charCode:function(e){return"keypress"===e.type?rn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?rn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),Dn=an(vn),In=an(o({},gn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),En=an(o({},An,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:Sn})),Tn=an(o({},dn,{propertyName:0,elapsedTime:0,pseudoElement:0})),kn=o({},gn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),zn=an(kn),On=[9,13,27,32],Yn=d&&"CompositionEvent"in window,Pn=null;d&&"documentMode"in document&&(Pn=document.documentMode);var Bn=d&&"TextEvent"in window&&!Pn,Rn=d&&(!Yn||Pn&&8<Pn&&11>=Pn),Un=String.fromCharCode(32),Gn=!1;function Zn(e,t){switch(e){case"keyup":return-1!==On.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function _n(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var Wn=!1,Hn={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Qn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!Hn[e.type]:"textarea"===t}function Fn(e,t,n,r){Ie(r),0<(t=Yr(t,"onChange")).length&&(n=new pn("onChange","change",null,n,r),e.push({event:n,listeners:t}))}var Vn=null,Jn=null;function Xn(e){vr(e,0)}function qn(e){if(q(ro(e)))return e}function Kn(e,t){if("change"===e)return t}var $n=!1;if(d){var er;if(d){var tr="oninput"in document;if(!tr){var nr=document.createElement("div");nr.setAttribute("oninput","return;"),tr="function"==typeof nr.oninput}er=tr}else er=!1;$n=er&&(!document.documentMode||9<document.documentMode)}function rr(){Vn&&(Vn.detachEvent("onpropertychange",or),Jn=Vn=null)}function or(e){if("value"===e.propertyName&&qn(Jn)){var t=[];if(Fn(t,Jn,e,xe(e)),e=Xn,Ye)e(t);else{Ye=!0;try{Te(e,t)}finally{Ye=!1,Be()}}}}function ir(e,t,n){"focusin"===e?(rr(),Jn=n,(Vn=t).attachEvent("onpropertychange",or)):"focusout"===e&&rr()}function sr(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return qn(Jn)}function ar(e,t){if("click"===e)return qn(t)}function lr(e,t){if("input"===e||"change"===e)return qn(t)}var cr="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},ur=Object.prototype.hasOwnProperty;function dr(e,t){if(cr(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++)if(!ur.call(t,n[r])||!cr(e[n[r]],t[n[r]]))return!1;return!0}function pr(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function Ar(e,t){var n,r=pr(e);for(e=0;r;){if(3===r.nodeType){if(n=e+r.textContent.length,e<=t&&n>=t)return{node:r,offset:t-e};e=n}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=pr(r)}}function Mr(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?Mr(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function gr(){for(var e=window,t=K();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(e){n=!1}if(!n)break;t=K((e=t.contentWindow).document)}return t}function Lr(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}var Cr=d&&"documentMode"in document&&11>=document.documentMode,hr=null,wr=null,mr=null,br=!1;function jr(e,t,n){var r=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;br||null==hr||hr!==K(r)||(r="selectionStart"in(r=hr)&&Lr(r)?{start:r.selectionStart,end:r.selectionEnd}:{anchorNode:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset},mr&&dr(mr,r)||(mr=r,0<(r=Yr(wr,"onSelect")).length&&(t=new pn("onSelect","select",null,t,n),e.push({event:t,listeners:r}),t.target=hr)))}zt("cancel cancel click click close close contextmenu contextMenu copy copy cut cut auxclick auxClick dblclick doubleClick dragend dragEnd dragstart dragStart drop drop focusin focus focusout blur input input invalid invalid keydown keyDown keypress keyPress keyup keyUp mousedown mouseDown mouseup mouseUp paste paste pause pause play play pointercancel pointerCancel pointerdown pointerDown pointerup pointerUp ratechange rateChange reset reset seeked seeked submit submit touchcancel touchCancel touchend touchEnd touchstart touchStart volumechange volumeChange".split(" "),0),zt("drag drag dragenter dragEnter dragexit dragExit dragleave dragLeave dragover dragOver mousemove mouseMove mouseout mouseOut mouseover mouseOver pointermove pointerMove pointerout pointerOut pointerover pointerOver scroll scroll toggle toggle touchmove touchMove wheel wheel".split(" "),1),zt(kt,2);for(var fr="change selectionchange textInput compositionstart compositionend compositionupdate".split(" "),yr=0;yr<fr.length;yr++)Tt.set(fr[yr],0);u("onMouseEnter",["mouseout","mouseover"]),u("onMouseLeave",["mouseout","mouseover"]),u("onPointerEnter",["pointerout","pointerover"]),u("onPointerLeave",["pointerout","pointerover"]),c("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),c("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),c("onBeforeInput",["compositionend","keypress","textInput","paste"]),c("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),c("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),c("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var xr="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Nr=new Set("cancel close invalid load scroll toggle".split(" ").concat(xr));function Sr(e,t,n){var r=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,r,o,i,a,l,c){if(Ve.apply(this,arguments),_e){if(!_e)throw Error(s(198));var u=We;_e=!1,We=null,He||(He=!0,Qe=u)}}(r,t,void 0,e),e.currentTarget=null}function vr(e,t){t=!!(4&t);for(var n=0;n<e.length;n++){var r=e[n],o=r.event;r=r.listeners;e:{var i=void 0;if(t)for(var s=r.length-1;0<=s;s--){var a=r[s],l=a.instance,c=a.currentTarget;if(a=a.listener,l!==i&&o.isPropagationStopped())break e;Sr(o,a,c),i=l}else for(s=0;s<r.length;s++){if(l=(a=r[s]).instance,c=a.currentTarget,a=a.listener,l!==i&&o.isPropagationStopped())break e;Sr(o,a,c),i=l}}}if(He)throw e=Qe,He=!1,Qe=null,e}function Dr(e,t){var n=io(t),r=e+"__bubble";n.has(r)||(kr(t,e,2,!1),n.add(r))}var Ir="_reactListening"+Math.random().toString(36).slice(2);function Er(e){e[Ir]||(e[Ir]=!0,a.forEach((function(t){Nr.has(t)||Tr(t,!1,e,null),Tr(t,!0,e,null)})))}function Tr(e,t,n,r){var o=4<arguments.length&&void 0!==arguments[4]?arguments[4]:0,i=n;if("selectionchange"===e&&9!==n.nodeType&&(i=n.ownerDocument),null!==r&&!t&&Nr.has(e)){if("scroll"!==e)return;o|=2,i=r}var s=io(i),a=e+"__"+(t?"capture":"bubble");s.has(a)||(t&&(o|=4),kr(i,e,o,t),s.add(a))}function kr(e,t,n,r){var o=Tt.get(t);switch(void 0===o?2:o){case 0:o=Jt;break;case 1:o=Xt;break;default:o=qt}n=o.bind(null,t,n,e),o=void 0,!Ue||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(o=!0),r?void 0!==o?e.addEventListener(t,n,{capture:!0,passive:o}):e.addEventListener(t,n,!0):void 0!==o?e.addEventListener(t,n,{passive:o}):e.addEventListener(t,n,!1)}function zr(e,t,n,r,o){var i=r;if(!(1&t||2&t||null===r))e:for(;;){if(null===r)return;var s=r.tag;if(3===s||4===s){var a=r.stateNode.containerInfo;if(a===o||8===a.nodeType&&a.parentNode===o)break;if(4===s)for(s=r.return;null!==s;){var l=s.tag;if((3===l||4===l)&&((l=s.stateNode.containerInfo)===o||8===l.nodeType&&l.parentNode===o))return;s=s.return}for(;null!==a;){if(null===(s=to(a)))return;if(5===(l=s.tag)||6===l){r=i=s;continue e}a=a.parentNode}}r=r.return}!function(e,t,n){if(Pe)return e();Pe=!0;try{return Oe(e,t,n)}finally{Pe=!1,Be()}}((function(){var r=i,o=xe(n),s=[];e:{var a=Et.get(e);if(void 0!==a){var l=pn,c=e;switch(e){case"keypress":if(0===rn(n))break e;case"keydown":case"keyup":l=Dn;break;case"focusin":c="focus",l=hn;break;case"focusout":c="blur",l=hn;break;case"beforeblur":case"afterblur":l=hn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":l=Ln;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":l=Cn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":l=En;break;case St:case vt:case Dt:l=wn;break;case It:l=Tn;break;case"scroll":l=Mn;break;case"wheel":l=zn;break;case"copy":case"cut":case"paste":l=bn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":l=In}var u=!!(4&t),d=!u&&"scroll"===e,p=u?null!==a?a+"Capture":null:a;u=[];for(var A,M=r;null!==M;){var g=(A=M).stateNode;if(5===A.tag&&null!==g&&(A=g,null!==p&&null!=(g=Re(M,p))&&u.push(Or(M,g,A))),d)break;M=M.return}0<u.length&&(a=new l(a,c,null,n,o),s.push({event:a,listeners:u}))}}if(!(7&t)){if(l="mouseout"===e||"pointerout"===e,(!(a="mouseover"===e||"pointerover"===e)||16&t||!(c=n.relatedTarget||n.fromElement)||!to(c)&&!c[$r])&&(l||a)&&(a=o.window===o?o:(a=o.ownerDocument)?a.defaultView||a.parentWindow:window,l?(l=r,null!==(c=(c=n.relatedTarget||n.toElement)?to(c):null)&&(c!==(d=Je(c))||5!==c.tag&&6!==c.tag)&&(c=null)):(l=null,c=r),l!==c)){if(u=Ln,g="onMouseLeave",p="onMouseEnter",M="mouse","pointerout"!==e&&"pointerover"!==e||(u=In,g="onPointerLeave",p="onPointerEnter",M="pointer"),d=null==l?a:ro(l),A=null==c?a:ro(c),(a=new u(g,M+"leave",l,n,o)).target=d,a.relatedTarget=A,g=null,to(o)===r&&((u=new u(p,M+"enter",c,n,o)).target=A,u.relatedTarget=d,g=u),d=g,l&&c)e:{for(p=c,M=0,A=u=l;A;A=Pr(A))M++;for(A=0,g=p;g;g=Pr(g))A++;for(;0<M-A;)u=Pr(u),M--;for(;0<A-M;)p=Pr(p),A--;for(;M--;){if(u===p||null!==p&&u===p.alternate)break e;u=Pr(u),p=Pr(p)}u=null}else u=null;null!==l&&Br(s,a,l,u,!1),null!==c&&null!==d&&Br(s,d,c,u,!0)}if("select"===(l=(a=r?ro(r):window).nodeName&&a.nodeName.toLowerCase())||"input"===l&&"file"===a.type)var L=Kn;else if(Qn(a))if($n)L=lr;else{L=sr;var C=ir}else(l=a.nodeName)&&"input"===l.toLowerCase()&&("checkbox"===a.type||"radio"===a.type)&&(L=ar);switch(L&&(L=L(e,r))?Fn(s,L,n,o):(C&&C(e,a,r),"focusout"===e&&(C=a._wrapperState)&&C.controlled&&"number"===a.type&&oe(a,"number",a.value)),C=r?ro(r):window,e){case"focusin":(Qn(C)||"true"===C.contentEditable)&&(hr=C,wr=r,mr=null);break;case"focusout":mr=wr=hr=null;break;case"mousedown":br=!0;break;case"contextmenu":case"mouseup":case"dragend":br=!1,jr(s,n,o);break;case"selectionchange":if(Cr)break;case"keydown":case"keyup":jr(s,n,o)}var h;if(Yn)e:{switch(e){case"compositionstart":var w="onCompositionStart";break e;case"compositionend":w="onCompositionEnd";break e;case"compositionupdate":w="onCompositionUpdate";break e}w=void 0}else Wn?Zn(e,n)&&(w="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(w="onCompositionStart");w&&(Rn&&"ko"!==n.locale&&(Wn||"onCompositionStart"!==w?"onCompositionEnd"===w&&Wn&&(h=nn()):(en="value"in($t=o)?$t.value:$t.textContent,Wn=!0)),0<(C=Yr(r,w)).length&&(w=new jn(w,e,null,n,o),s.push({event:w,listeners:C}),(h||null!==(h=_n(n)))&&(w.data=h))),(h=Bn?function(e,t){switch(e){case"compositionend":return _n(t);case"keypress":return 32!==t.which?null:(Gn=!0,Un);case"textInput":return(e=t.data)===Un&&Gn?null:e;default:return null}}(e,n):function(e,t){if(Wn)return"compositionend"===e||!Yn&&Zn(e,t)?(e=nn(),tn=en=$t=null,Wn=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Rn&&"ko"!==t.locale?null:t.data}}(e,n))&&0<(r=Yr(r,"onBeforeInput")).length&&(o=new jn("onBeforeInput","beforeinput",null,n,o),s.push({event:o,listeners:r}),o.data=h)}vr(s,t)}))}function Or(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Yr(e,t){for(var n=t+"Capture",r=[];null!==e;){var o=e,i=o.stateNode;5===o.tag&&null!==i&&(o=i,null!=(i=Re(e,n))&&r.unshift(Or(e,i,o)),null!=(i=Re(e,t))&&r.push(Or(e,i,o))),e=e.return}return r}function Pr(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Br(e,t,n,r,o){for(var i=t._reactName,s=[];null!==n&&n!==r;){var a=n,l=a.alternate,c=a.stateNode;if(null!==l&&l===r)break;5===a.tag&&null!==c&&(a=c,o?null!=(l=Re(n,i))&&s.unshift(Or(n,l,a)):o||null!=(l=Re(n,i))&&s.push(Or(n,l,a))),n=n.return}0!==s.length&&e.push({event:t,listeners:s})}function Rr(){}var Ur=null,Gr=null;function Zr(e,t){switch(e){case"button":case"input":case"select":case"textarea":return!!t.autoFocus}return!1}function _r(e,t){return"textarea"===e||"option"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var Wr="function"==typeof setTimeout?setTimeout:void 0,Hr="function"==typeof clearTimeout?clearTimeout:void 0;function Qr(e){(1===e.nodeType||9===e.nodeType&&null!=(e=e.body))&&(e.textContent="")}function Fr(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break}return e}function Vr(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var Jr=0,Xr=Math.random().toString(36).slice(2),qr="__reactFiber$"+Xr,Kr="__reactProps$"+Xr,$r="__reactContainer$"+Xr,eo="__reactEvents$"+Xr;function to(e){var t=e[qr];if(t)return t;for(var n=e.parentNode;n;){if(t=n[$r]||n[qr]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=Vr(e);null!==e;){if(n=e[qr])return n;e=Vr(e)}return t}n=(e=n).parentNode}return null}function no(e){return!(e=e[qr]||e[$r])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function ro(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(s(33))}function oo(e){return e[Kr]||null}function io(e){var t=e[eo];return void 0===t&&(t=e[eo]=new Set),t}var so=[],ao=-1;function lo(e){return{current:e}}function co(e){0>ao||(e.current=so[ao],so[ao]=null,ao--)}function uo(e,t){ao++,so[ao]=e.current,e.current=t}var po={},Ao=lo(po),Mo=lo(!1),go=po;function Lo(e,t){var n=e.type.contextTypes;if(!n)return po;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o,i={};for(o in n)i[o]=t[o];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=i),i}function Co(e){return null!=e.childContextTypes}function ho(){co(Mo),co(Ao)}function wo(e,t,n){if(Ao.current!==po)throw Error(s(168));uo(Ao,t),uo(Mo,n)}function mo(e,t,n){var r=e.stateNode;if(e=t.childContextTypes,"function"!=typeof r.getChildContext)return n;for(var i in r=r.getChildContext())if(!(i in e))throw Error(s(108,F(t)||"Unknown",i));return o({},n,r)}function bo(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||po,go=Ao.current,uo(Ao,e),uo(Mo,Mo.current),!0}function jo(e,t,n){var r=e.stateNode;if(!r)throw Error(s(169));n?(e=mo(e,t,go),r.__reactInternalMemoizedMergedChildContext=e,co(Mo),co(Ao),uo(Ao,e)):co(Mo),uo(Mo,n)}var fo=null,yo=null,xo=i.unstable_runWithPriority,No=i.unstable_scheduleCallback,So=i.unstable_cancelCallback,vo=i.unstable_shouldYield,Do=i.unstable_requestPaint,Io=i.unstable_now,Eo=i.unstable_getCurrentPriorityLevel,To=i.unstable_ImmediatePriority,ko=i.unstable_UserBlockingPriority,zo=i.unstable_NormalPriority,Oo=i.unstable_LowPriority,Yo=i.unstable_IdlePriority,Po={},Bo=void 0!==Do?Do:function(){},Ro=null,Uo=null,Go=!1,Zo=Io(),_o=1e4>Zo?Io:function(){return Io()-Zo};function Wo(){switch(Eo()){case To:return 99;case ko:return 98;case zo:return 97;case Oo:return 96;case Yo:return 95;default:throw Error(s(332))}}function Ho(e){switch(e){case 99:return To;case 98:return ko;case 97:return zo;case 96:return Oo;case 95:return Yo;default:throw Error(s(332))}}function Qo(e,t){return e=Ho(e),xo(e,t)}function Fo(e,t,n){return e=Ho(e),No(e,t,n)}function Vo(){if(null!==Uo){var e=Uo;Uo=null,So(e)}Jo()}function Jo(){if(!Go&&null!==Ro){Go=!0;var e=0;try{var t=Ro;Qo(99,(function(){for(;e<t.length;e++){var n=t[e];do{n=n(!0)}while(null!==n)}})),Ro=null}catch(t){throw null!==Ro&&(Ro=Ro.slice(e+1)),No(To,Vo),t}finally{Go=!1}}}var Xo=b.ReactCurrentBatchConfig;function qo(e,t){if(e&&e.defaultProps){for(var n in t=o({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}var Ko=lo(null),$o=null,ei=null,ti=null;function ni(){ti=ei=$o=null}function ri(e){var t=Ko.current;co(Ko),e.type._context._currentValue=t}function oi(e,t){for(;null!==e;){var n=e.alternate;if((e.childLanes&t)===t){if(null===n||(n.childLanes&t)===t)break;n.childLanes|=t}else e.childLanes|=t,null!==n&&(n.childLanes|=t);e=e.return}}function ii(e,t){$o=e,ti=ei=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(!!(e.lanes&t)&&(Ys=!0),e.firstContext=null)}function si(e,t){if(ti!==e&&!1!==t&&0!==t)if("number"==typeof t&&1073741823!==t||(ti=e,t=1073741823),t={context:e,observedBits:t,next:null},null===ei){if(null===$o)throw Error(s(308));ei=t,$o.dependencies={lanes:0,firstContext:t,responders:null}}else ei=ei.next=t;return e._currentValue}var ai=!1;function li(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null},effects:null}}function ci(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function ui(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function di(e,t){if(null!==(e=e.updateQueue)){var n=(e=e.shared).pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}}function pi(e,t){var n=e.updateQueue,r=e.alternate;if(null!==r&&n===(r=r.updateQueue)){var o=null,i=null;if(null!==(n=n.firstBaseUpdate)){do{var s={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===i?o=i=s:i=i.next=s,n=n.next}while(null!==n);null===i?o=i=t:i=i.next=t}else o=i=t;return n={baseState:r.baseState,firstBaseUpdate:o,lastBaseUpdate:i,shared:r.shared,effects:r.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function Ai(e,t,n,r){var i=e.updateQueue;ai=!1;var s=i.firstBaseUpdate,a=i.lastBaseUpdate,l=i.shared.pending;if(null!==l){i.shared.pending=null;var c=l,u=c.next;c.next=null,null===a?s=u:a.next=u,a=c;var d=e.alternate;if(null!==d){var p=(d=d.updateQueue).lastBaseUpdate;p!==a&&(null===p?d.firstBaseUpdate=u:p.next=u,d.lastBaseUpdate=c)}}if(null!==s){for(p=i.baseState,a=0,d=u=c=null;;){l=s.lane;var A=s.eventTime;if((r&l)===l){null!==d&&(d=d.next={eventTime:A,lane:0,tag:s.tag,payload:s.payload,callback:s.callback,next:null});e:{var M=e,g=s;switch(l=t,A=n,g.tag){case 1:if("function"==typeof(M=g.payload)){p=M.call(A,p,l);break e}p=M;break e;case 3:M.flags=-4097&M.flags|64;case 0:if(null==(l="function"==typeof(M=g.payload)?M.call(A,p,l):M))break e;p=o({},p,l);break e;case 2:ai=!0}}null!==s.callback&&(e.flags|=32,null===(l=i.effects)?i.effects=[s]:l.push(s))}else A={eventTime:A,lane:l,tag:s.tag,payload:s.payload,callback:s.callback,next:null},null===d?(u=d=A,c=p):d=d.next=A,a|=l;if(null===(s=s.next)){if(null===(l=i.shared.pending))break;s=l.next,l.next=null,i.lastBaseUpdate=l,i.shared.pending=null}}null===d&&(c=p),i.baseState=c,i.firstBaseUpdate=u,i.lastBaseUpdate=d,Ra|=a,e.lanes=a,e.memoizedState=p}}function Mi(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var r=e[t],o=r.callback;if(null!==o){if(r.callback=null,r=n,"function"!=typeof o)throw Error(s(191,o));o.call(r)}}}var gi=(new r.Component).refs;function Li(e,t,n,r){n=null==(n=n(r,t=e.memoizedState))?t:o({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var Ci={isMounted:function(e){return!!(e=e._reactInternals)&&Je(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var r=ul(),o=dl(e),i=ui(r,o);i.payload=t,null!=n&&(i.callback=n),di(e,i),pl(e,o,r)},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=ul(),o=dl(e),i=ui(r,o);i.tag=1,i.payload=t,null!=n&&(i.callback=n),di(e,i),pl(e,o,r)},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=ul(),r=dl(e),o=ui(n,r);o.tag=2,null!=t&&(o.callback=t),di(e,o),pl(e,r,n)}};function hi(e,t,n,r,o,i,s){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(r,i,s):!(t.prototype&&t.prototype.isPureReactComponent&&dr(n,r)&&dr(o,i))}function wi(e,t,n){var r=!1,o=po,i=t.contextType;return"object"==typeof i&&null!==i?i=si(i):(o=Co(t)?go:Ao.current,i=(r=null!=(r=t.contextTypes))?Lo(e,o):po),t=new t(n,i),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=Ci,e.stateNode=t,t._reactInternals=e,r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=o,e.__reactInternalMemoizedMaskedChildContext=i),t}function mi(e,t,n,r){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,r),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&Ci.enqueueReplaceState(t,t.state,null)}function bi(e,t,n,r){var o=e.stateNode;o.props=n,o.state=e.memoizedState,o.refs=gi,li(e);var i=t.contextType;"object"==typeof i&&null!==i?o.context=si(i):(i=Co(t)?go:Ao.current,o.context=Lo(e,i)),Ai(e,n,o,r),o.state=e.memoizedState,"function"==typeof(i=t.getDerivedStateFromProps)&&(Li(e,t,i,n),o.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof o.getSnapshotBeforeUpdate||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||(t=o.state,"function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount(),t!==o.state&&Ci.enqueueReplaceState(o,o.state,null),Ai(e,n,o,r),o.state=e.memoizedState),"function"==typeof o.componentDidMount&&(e.flags|=4)}var ji=Array.isArray;function fi(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(s(309));var r=n.stateNode}if(!r)throw Error(s(147,e));var o=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===o?t.ref:(t=function(e){var t=r.refs;t===gi&&(t=r.refs={}),null===e?delete t[o]:t[o]=e},t._stringRef=o,t)}if("string"!=typeof e)throw Error(s(284));if(!n._owner)throw Error(s(290,e))}return e}function yi(e,t){if("textarea"!==e.type)throw Error(s(31,"[object Object]"===Object.prototype.toString.call(t)?"object with keys {"+Object.keys(t).join(", ")+"}":t))}function xi(e){function t(t,n){if(e){var r=t.lastEffect;null!==r?(r.nextEffect=n,t.lastEffect=n):t.firstEffect=t.lastEffect=n,n.nextEffect=null,n.flags=8}}function n(n,r){if(!e)return null;for(;null!==r;)t(n,r),r=r.sibling;return null}function r(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function o(e,t){return(e=Zl(e,t)).index=0,e.sibling=null,e}function i(t,n,r){return t.index=r,e?null!==(r=t.alternate)?(r=r.index)<n?(t.flags=2,n):r:(t.flags=2,n):n}function a(t){return e&&null===t.alternate&&(t.flags=2),t}function l(e,t,n,r){return null===t||6!==t.tag?((t=Ql(n,e.mode,r)).return=e,t):((t=o(t,n)).return=e,t)}function c(e,t,n,r){return null!==t&&t.elementType===n.type?((r=o(t,n.props)).ref=fi(e,t,n),r.return=e,r):((r=_l(n.type,n.key,n.props,null,e.mode,r)).ref=fi(e,t,n),r.return=e,r)}function u(e,t,n,r){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Fl(n,e.mode,r)).return=e,t):((t=o(t,n.children||[])).return=e,t)}function d(e,t,n,r,i){return null===t||7!==t.tag?((t=Wl(n,e.mode,r,i)).return=e,t):((t=o(t,n)).return=e,t)}function p(e,t,n){if("string"==typeof t||"number"==typeof t)return(t=Ql(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case j:return(n=_l(t.type,t.key,t.props,null,e.mode,n)).ref=fi(e,null,t),n.return=e,n;case f:return(t=Fl(t,e.mode,n)).return=e,t}if(ji(t)||Z(t))return(t=Wl(t,e.mode,n,null)).return=e,t;yi(e,t)}return null}function A(e,t,n,r){var o=null!==t?t.key:null;if("string"==typeof n||"number"==typeof n)return null!==o?null:l(e,t,""+n,r);if("object"==typeof n&&null!==n){switch(n.$$typeof){case j:return n.key===o?n.type===y?d(e,t,n.props.children,r,o):c(e,t,n,r):null;case f:return n.key===o?u(e,t,n,r):null}if(ji(n)||Z(n))return null!==o?null:d(e,t,n,r,null);yi(e,n)}return null}function M(e,t,n,r,o){if("string"==typeof r||"number"==typeof r)return l(t,e=e.get(n)||null,""+r,o);if("object"==typeof r&&null!==r){switch(r.$$typeof){case j:return e=e.get(null===r.key?n:r.key)||null,r.type===y?d(t,e,r.props.children,o,r.key):c(t,e,r,o);case f:return u(t,e=e.get(null===r.key?n:r.key)||null,r,o)}if(ji(r)||Z(r))return d(t,e=e.get(n)||null,r,o,null);yi(t,r)}return null}function g(o,s,a,l){for(var c=null,u=null,d=s,g=s=0,L=null;null!==d&&g<a.length;g++){d.index>g?(L=d,d=null):L=d.sibling;var C=A(o,d,a[g],l);if(null===C){null===d&&(d=L);break}e&&d&&null===C.alternate&&t(o,d),s=i(C,s,g),null===u?c=C:u.sibling=C,u=C,d=L}if(g===a.length)return n(o,d),c;if(null===d){for(;g<a.length;g++)null!==(d=p(o,a[g],l))&&(s=i(d,s,g),null===u?c=d:u.sibling=d,u=d);return c}for(d=r(o,d);g<a.length;g++)null!==(L=M(d,o,g,a[g],l))&&(e&&null!==L.alternate&&d.delete(null===L.key?g:L.key),s=i(L,s,g),null===u?c=L:u.sibling=L,u=L);return e&&d.forEach((function(e){return t(o,e)})),c}function L(o,a,l,c){var u=Z(l);if("function"!=typeof u)throw Error(s(150));if(null==(l=u.call(l)))throw Error(s(151));for(var d=u=null,g=a,L=a=0,C=null,h=l.next();null!==g&&!h.done;L++,h=l.next()){g.index>L?(C=g,g=null):C=g.sibling;var w=A(o,g,h.value,c);if(null===w){null===g&&(g=C);break}e&&g&&null===w.alternate&&t(o,g),a=i(w,a,L),null===d?u=w:d.sibling=w,d=w,g=C}if(h.done)return n(o,g),u;if(null===g){for(;!h.done;L++,h=l.next())null!==(h=p(o,h.value,c))&&(a=i(h,a,L),null===d?u=h:d.sibling=h,d=h);return u}for(g=r(o,g);!h.done;L++,h=l.next())null!==(h=M(g,o,L,h.value,c))&&(e&&null!==h.alternate&&g.delete(null===h.key?L:h.key),a=i(h,a,L),null===d?u=h:d.sibling=h,d=h);return e&&g.forEach((function(e){return t(o,e)})),u}return function(e,r,i,l){var c="object"==typeof i&&null!==i&&i.type===y&&null===i.key;c&&(i=i.props.children);var u="object"==typeof i&&null!==i;if(u)switch(i.$$typeof){case j:e:{for(u=i.key,c=r;null!==c;){if(c.key===u){if(7===c.tag){if(i.type===y){n(e,c.sibling),(r=o(c,i.props.children)).return=e,e=r;break e}}else if(c.elementType===i.type){n(e,c.sibling),(r=o(c,i.props)).ref=fi(e,c,i),r.return=e,e=r;break e}n(e,c);break}t(e,c),c=c.sibling}i.type===y?((r=Wl(i.props.children,e.mode,l,i.key)).return=e,e=r):((l=_l(i.type,i.key,i.props,null,e.mode,l)).ref=fi(e,r,i),l.return=e,e=l)}return a(e);case f:e:{for(c=i.key;null!==r;){if(r.key===c){if(4===r.tag&&r.stateNode.containerInfo===i.containerInfo&&r.stateNode.implementation===i.implementation){n(e,r.sibling),(r=o(r,i.children||[])).return=e,e=r;break e}n(e,r);break}t(e,r),r=r.sibling}(r=Fl(i,e.mode,l)).return=e,e=r}return a(e)}if("string"==typeof i||"number"==typeof i)return i=""+i,null!==r&&6===r.tag?(n(e,r.sibling),(r=o(r,i)).return=e,e=r):(n(e,r),(r=Ql(i,e.mode,l)).return=e,e=r),a(e);if(ji(i))return g(e,r,i,l);if(Z(i))return L(e,r,i,l);if(u&&yi(e,i),void 0===i&&!c)switch(e.tag){case 1:case 22:case 0:case 11:case 15:throw Error(s(152,F(e.type)||"Component"))}return n(e,r)}}var Ni=xi(!0),Si=xi(!1),vi={},Di=lo(vi),Ii=lo(vi),Ei=lo(vi);function Ti(e){if(e===vi)throw Error(s(174));return e}function ki(e,t){switch(uo(Ei,t),uo(Ii,e),uo(Di,vi),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:Ae(null,"");break;default:t=Ae(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}co(Di),uo(Di,t)}function zi(){co(Di),co(Ii),co(Ei)}function Oi(e){Ti(Ei.current);var t=Ti(Di.current),n=Ae(t,e.type);t!==n&&(uo(Ii,e),uo(Di,n))}function Yi(e){Ii.current===e&&(co(Di),co(Ii))}var Pi=lo(0);function Bi(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(64&t.flags)return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var Ri=null,Ui=null,Gi=!1;function Zi(e,t){var n=Ul(5,null,null,0);n.elementType="DELETED",n.type="DELETED",n.stateNode=t,n.return=e,n.flags=8,null!==e.lastEffect?(e.lastEffect.nextEffect=n,e.lastEffect=n):e.firstEffect=e.lastEffect=n}function _i(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,!0);default:return!1}}function Wi(e){if(Gi){var t=Ui;if(t){var n=t;if(!_i(e,t)){if(!(t=Fr(n.nextSibling))||!_i(e,t))return e.flags=-1025&e.flags|2,Gi=!1,void(Ri=e);Zi(Ri,n)}Ri=e,Ui=Fr(t.firstChild)}else e.flags=-1025&e.flags|2,Gi=!1,Ri=e}}function Hi(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;Ri=e}function Qi(e){if(e!==Ri)return!1;if(!Gi)return Hi(e),Gi=!0,!1;var t=e.type;if(5!==e.tag||"head"!==t&&"body"!==t&&!_r(t,e.memoizedProps))for(t=Ui;t;)Zi(e,t),t=Fr(t.nextSibling);if(Hi(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(s(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){Ui=Fr(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}Ui=null}}else Ui=Ri?Fr(e.stateNode.nextSibling):null;return!0}function Fi(){Ui=Ri=null,Gi=!1}var Vi=[];function Ji(){for(var e=0;e<Vi.length;e++)Vi[e]._workInProgressVersionPrimary=null;Vi.length=0}var Xi=b.ReactCurrentDispatcher,qi=b.ReactCurrentBatchConfig,Ki=0,$i=null,es=null,ts=null,ns=!1,rs=!1;function os(){throw Error(s(321))}function is(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!cr(e[n],t[n]))return!1;return!0}function ss(e,t,n,r,o,i){if(Ki=i,$i=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,Xi.current=null===e||null===e.memoizedState?Ts:ks,e=n(r,o),rs){i=0;do{if(rs=!1,!(25>i))throw Error(s(301));i+=1,ts=es=null,t.updateQueue=null,Xi.current=zs,e=n(r,o)}while(rs)}if(Xi.current=Es,t=null!==es&&null!==es.next,Ki=0,ts=es=$i=null,ns=!1,t)throw Error(s(300));return e}function as(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===ts?$i.memoizedState=ts=e:ts=ts.next=e,ts}function ls(){if(null===es){var e=$i.alternate;e=null!==e?e.memoizedState:null}else e=es.next;var t=null===ts?$i.memoizedState:ts.next;if(null!==t)ts=t,es=e;else{if(null===e)throw Error(s(310));e={memoizedState:(es=e).memoizedState,baseState:es.baseState,baseQueue:es.baseQueue,queue:es.queue,next:null},null===ts?$i.memoizedState=ts=e:ts=ts.next=e}return ts}function cs(e,t){return"function"==typeof t?t(e):t}function us(e){var t=ls(),n=t.queue;if(null===n)throw Error(s(311));n.lastRenderedReducer=e;var r=es,o=r.baseQueue,i=n.pending;if(null!==i){if(null!==o){var a=o.next;o.next=i.next,i.next=a}r.baseQueue=o=i,n.pending=null}if(null!==o){o=o.next,r=r.baseState;var l=a=i=null,c=o;do{var u=c.lane;if((Ki&u)===u)null!==l&&(l=l.next={lane:0,action:c.action,eagerReducer:c.eagerReducer,eagerState:c.eagerState,next:null}),r=c.eagerReducer===e?c.eagerState:e(r,c.action);else{var d={lane:u,action:c.action,eagerReducer:c.eagerReducer,eagerState:c.eagerState,next:null};null===l?(a=l=d,i=r):l=l.next=d,$i.lanes|=u,Ra|=u}c=c.next}while(null!==c&&c!==o);null===l?i=r:l.next=a,cr(r,t.memoizedState)||(Ys=!0),t.memoizedState=r,t.baseState=i,t.baseQueue=l,n.lastRenderedState=r}return[t.memoizedState,n.dispatch]}function ds(e){var t=ls(),n=t.queue;if(null===n)throw Error(s(311));n.lastRenderedReducer=e;var r=n.dispatch,o=n.pending,i=t.memoizedState;if(null!==o){n.pending=null;var a=o=o.next;do{i=e(i,a.action),a=a.next}while(a!==o);cr(i,t.memoizedState)||(Ys=!0),t.memoizedState=i,null===t.baseQueue&&(t.baseState=i),n.lastRenderedState=i}return[i,r]}function ps(e,t,n){var r=t._getVersion;r=r(t._source);var o=t._workInProgressVersionPrimary;if(null!==o?e=o===r:(e=e.mutableReadLanes,(e=(Ki&e)===e)&&(t._workInProgressVersionPrimary=r,Vi.push(t))),e)return n(t._source);throw Vi.push(t),Error(s(350))}function As(e,t,n,r){var o=Ea;if(null===o)throw Error(s(349));var i=t._getVersion,a=i(t._source),l=Xi.current,c=l.useState((function(){return ps(o,t,n)})),u=c[1],d=c[0];c=ts;var p=e.memoizedState,A=p.refs,M=A.getSnapshot,g=p.source;p=p.subscribe;var L=$i;return e.memoizedState={refs:A,source:t,subscribe:r},l.useEffect((function(){A.getSnapshot=n,A.setSnapshot=u;var e=i(t._source);if(!cr(a,e)){e=n(t._source),cr(d,e)||(u(e),e=dl(L),o.mutableReadLanes|=e&o.pendingLanes),e=o.mutableReadLanes,o.entangledLanes|=e;for(var r=o.entanglements,s=e;0<s;){var l=31-_t(s),c=1<<l;r[l]|=e,s&=~c}}}),[n,t,r]),l.useEffect((function(){return r(t._source,(function(){var e=A.getSnapshot,n=A.setSnapshot;try{n(e(t._source));var r=dl(L);o.mutableReadLanes|=r&o.pendingLanes}catch(e){n((function(){throw e}))}}))}),[t,r]),cr(M,n)&&cr(g,t)&&cr(p,r)||((e={pending:null,dispatch:null,lastRenderedReducer:cs,lastRenderedState:d}).dispatch=u=Is.bind(null,$i,e),c.queue=e,c.baseQueue=null,d=ps(o,t,n),c.memoizedState=c.baseState=d),d}function Ms(e,t,n){return As(ls(),e,t,n)}function gs(e){var t=as();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e=(e=t.queue={pending:null,dispatch:null,lastRenderedReducer:cs,lastRenderedState:e}).dispatch=Is.bind(null,$i,e),[t.memoizedState,e]}function Ls(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},null===(t=$i.updateQueue)?(t={lastEffect:null},$i.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e),e}function Cs(e){return e={current:e},as().memoizedState=e}function hs(){return ls().memoizedState}function ws(e,t,n,r){var o=as();$i.flags|=e,o.memoizedState=Ls(1|t,n,void 0,void 0===r?null:r)}function ms(e,t,n,r){var o=ls();r=void 0===r?null:r;var i=void 0;if(null!==es){var s=es.memoizedState;if(i=s.destroy,null!==r&&is(r,s.deps))return void Ls(t,n,i,r)}$i.flags|=e,o.memoizedState=Ls(1|t,n,i,r)}function bs(e,t){return ws(516,4,e,t)}function js(e,t){return ms(516,4,e,t)}function fs(e,t){return ms(4,2,e,t)}function ys(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function xs(e,t,n){return n=null!=n?n.concat([e]):null,ms(4,2,ys.bind(null,t,e),n)}function Ns(){}function Ss(e,t){var n=ls();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&is(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function vs(e,t){var n=ls();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&is(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function Ds(e,t){var n=Wo();Qo(98>n?98:n,(function(){e(!0)})),Qo(97<n?97:n,(function(){var n=qi.transition;qi.transition=1;try{e(!1),t()}finally{qi.transition=n}}))}function Is(e,t,n){var r=ul(),o=dl(e),i={lane:o,action:n,eagerReducer:null,eagerState:null,next:null},s=t.pending;if(null===s?i.next=i:(i.next=s.next,s.next=i),t.pending=i,s=e.alternate,e===$i||null!==s&&s===$i)rs=ns=!0;else{if(0===e.lanes&&(null===s||0===s.lanes)&&null!==(s=t.lastRenderedReducer))try{var a=t.lastRenderedState,l=s(a,n);if(i.eagerReducer=s,i.eagerState=l,cr(l,a))return}catch(e){}pl(e,o,r)}}var Es={readContext:si,useCallback:os,useContext:os,useEffect:os,useImperativeHandle:os,useLayoutEffect:os,useMemo:os,useReducer:os,useRef:os,useState:os,useDebugValue:os,useDeferredValue:os,useTransition:os,useMutableSource:os,useOpaqueIdentifier:os,unstable_isNewReconciler:!1},Ts={readContext:si,useCallback:function(e,t){return as().memoizedState=[e,void 0===t?null:t],e},useContext:si,useEffect:bs,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,ws(4,2,ys.bind(null,t,e),n)},useLayoutEffect:function(e,t){return ws(4,2,e,t)},useMemo:function(e,t){var n=as();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=as();return t=void 0!==n?n(t):t,r.memoizedState=r.baseState=t,e=(e=r.queue={pending:null,dispatch:null,lastRenderedReducer:e,lastRenderedState:t}).dispatch=Is.bind(null,$i,e),[r.memoizedState,e]},useRef:Cs,useState:gs,useDebugValue:Ns,useDeferredValue:function(e){var t=gs(e),n=t[0],r=t[1];return bs((function(){var t=qi.transition;qi.transition=1;try{r(e)}finally{qi.transition=t}}),[e]),n},useTransition:function(){var e=gs(!1),t=e[0];return Cs(e=Ds.bind(null,e[1])),[e,t]},useMutableSource:function(e,t,n){var r=as();return r.memoizedState={refs:{getSnapshot:t,setSnapshot:null},source:e,subscribe:n},As(r,e,t,n)},useOpaqueIdentifier:function(){if(Gi){var e=!1,t=function(e){return{$$typeof:O,toString:e,valueOf:e}}((function(){throw e||(e=!0,n("r:"+(Jr++).toString(36))),Error(s(355))})),n=gs(t)[1];return!(2&$i.mode)&&($i.flags|=516,Ls(5,(function(){n("r:"+(Jr++).toString(36))}),void 0,null)),t}return gs(t="r:"+(Jr++).toString(36)),t},unstable_isNewReconciler:!1},ks={readContext:si,useCallback:Ss,useContext:si,useEffect:js,useImperativeHandle:xs,useLayoutEffect:fs,useMemo:vs,useReducer:us,useRef:hs,useState:function(){return us(cs)},useDebugValue:Ns,useDeferredValue:function(e){var t=us(cs),n=t[0],r=t[1];return js((function(){var t=qi.transition;qi.transition=1;try{r(e)}finally{qi.transition=t}}),[e]),n},useTransition:function(){var e=us(cs)[0];return[hs().current,e]},useMutableSource:Ms,useOpaqueIdentifier:function(){return us(cs)[0]},unstable_isNewReconciler:!1},zs={readContext:si,useCallback:Ss,useContext:si,useEffect:js,useImperativeHandle:xs,useLayoutEffect:fs,useMemo:vs,useReducer:ds,useRef:hs,useState:function(){return ds(cs)},useDebugValue:Ns,useDeferredValue:function(e){var t=ds(cs),n=t[0],r=t[1];return js((function(){var t=qi.transition;qi.transition=1;try{r(e)}finally{qi.transition=t}}),[e]),n},useTransition:function(){var e=ds(cs)[0];return[hs().current,e]},useMutableSource:Ms,useOpaqueIdentifier:function(){return ds(cs)[0]},unstable_isNewReconciler:!1},Os=b.ReactCurrentOwner,Ys=!1;function Ps(e,t,n,r){t.child=null===e?Si(t,null,n,r):Ni(t,e.child,n,r)}function Bs(e,t,n,r,o){n=n.render;var i=t.ref;return ii(t,o),r=ss(e,t,n,r,i,o),null===e||Ys?(t.flags|=1,Ps(e,t,r,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-517,e.lanes&=~o,ra(e,t,o))}function Rs(e,t,n,r,o,i){if(null===e){var s=n.type;return"function"!=typeof s||Gl(s)||void 0!==s.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=_l(n.type,null,r,t,t.mode,i)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=s,Us(e,t,s,r,o,i))}return s=e.child,o&i||(o=s.memoizedProps,!(n=null!==(n=n.compare)?n:dr)(o,r)||e.ref!==t.ref)?(t.flags|=1,(e=Zl(s,r)).ref=t.ref,e.return=t,t.child=e):ra(e,t,i)}function Us(e,t,n,r,o,i){if(null!==e&&dr(e.memoizedProps,r)&&e.ref===t.ref){if(Ys=!1,!(i&o))return t.lanes=e.lanes,ra(e,t,i);16384&e.flags&&(Ys=!0)}return _s(e,t,n,r,i)}function Gs(e,t,n){var r=t.pendingProps,o=r.children,i=null!==e?e.memoizedState:null;if("hidden"===r.mode||"unstable-defer-without-hiding"===r.mode)if(4&t.mode){if(!(1073741824&n))return e=null!==i?i.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e},hl(0,e),null;t.memoizedState={baseLanes:0},hl(0,null!==i?i.baseLanes:n)}else t.memoizedState={baseLanes:0},hl(0,n);else null!==i?(r=i.baseLanes|n,t.memoizedState=null):r=n,hl(0,r);return Ps(e,t,o,n),t.child}function Zs(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=128)}function _s(e,t,n,r,o){var i=Co(n)?go:Ao.current;return i=Lo(t,i),ii(t,o),n=ss(e,t,n,r,i,o),null===e||Ys?(t.flags|=1,Ps(e,t,n,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-517,e.lanes&=~o,ra(e,t,o))}function Ws(e,t,n,r,o){if(Co(n)){var i=!0;bo(t)}else i=!1;if(ii(t,o),null===t.stateNode)null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),wi(t,n,r),bi(t,n,r,o),r=!0;else if(null===e){var s=t.stateNode,a=t.memoizedProps;s.props=a;var l=s.context,c=n.contextType;c="object"==typeof c&&null!==c?si(c):Lo(t,c=Co(n)?go:Ao.current);var u=n.getDerivedStateFromProps,d="function"==typeof u||"function"==typeof s.getSnapshotBeforeUpdate;d||"function"!=typeof s.UNSAFE_componentWillReceiveProps&&"function"!=typeof s.componentWillReceiveProps||(a!==r||l!==c)&&mi(t,s,r,c),ai=!1;var p=t.memoizedState;s.state=p,Ai(t,r,s,o),l=t.memoizedState,a!==r||p!==l||Mo.current||ai?("function"==typeof u&&(Li(t,n,u,r),l=t.memoizedState),(a=ai||hi(t,n,a,r,p,l,c))?(d||"function"!=typeof s.UNSAFE_componentWillMount&&"function"!=typeof s.componentWillMount||("function"==typeof s.componentWillMount&&s.componentWillMount(),"function"==typeof s.UNSAFE_componentWillMount&&s.UNSAFE_componentWillMount()),"function"==typeof s.componentDidMount&&(t.flags|=4)):("function"==typeof s.componentDidMount&&(t.flags|=4),t.memoizedProps=r,t.memoizedState=l),s.props=r,s.state=l,s.context=c,r=a):("function"==typeof s.componentDidMount&&(t.flags|=4),r=!1)}else{s=t.stateNode,ci(e,t),a=t.memoizedProps,c=t.type===t.elementType?a:qo(t.type,a),s.props=c,d=t.pendingProps,p=s.context,l="object"==typeof(l=n.contextType)&&null!==l?si(l):Lo(t,l=Co(n)?go:Ao.current);var A=n.getDerivedStateFromProps;(u="function"==typeof A||"function"==typeof s.getSnapshotBeforeUpdate)||"function"!=typeof s.UNSAFE_componentWillReceiveProps&&"function"!=typeof s.componentWillReceiveProps||(a!==d||p!==l)&&mi(t,s,r,l),ai=!1,p=t.memoizedState,s.state=p,Ai(t,r,s,o);var M=t.memoizedState;a!==d||p!==M||Mo.current||ai?("function"==typeof A&&(Li(t,n,A,r),M=t.memoizedState),(c=ai||hi(t,n,c,r,p,M,l))?(u||"function"!=typeof s.UNSAFE_componentWillUpdate&&"function"!=typeof s.componentWillUpdate||("function"==typeof s.componentWillUpdate&&s.componentWillUpdate(r,M,l),"function"==typeof s.UNSAFE_componentWillUpdate&&s.UNSAFE_componentWillUpdate(r,M,l)),"function"==typeof s.componentDidUpdate&&(t.flags|=4),"function"==typeof s.getSnapshotBeforeUpdate&&(t.flags|=256)):("function"!=typeof s.componentDidUpdate||a===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof s.getSnapshotBeforeUpdate||a===e.memoizedProps&&p===e.memoizedState||(t.flags|=256),t.memoizedProps=r,t.memoizedState=M),s.props=r,s.state=M,s.context=l,r=c):("function"!=typeof s.componentDidUpdate||a===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof s.getSnapshotBeforeUpdate||a===e.memoizedProps&&p===e.memoizedState||(t.flags|=256),r=!1)}return Hs(e,t,n,r,i,o)}function Hs(e,t,n,r,o,i){Zs(e,t);var s=!!(64&t.flags);if(!r&&!s)return o&&jo(t,n,!1),ra(e,t,i);r=t.stateNode,Os.current=t;var a=s&&"function"!=typeof n.getDerivedStateFromError?null:r.render();return t.flags|=1,null!==e&&s?(t.child=Ni(t,e.child,null,i),t.child=Ni(t,null,a,i)):Ps(e,t,a,i),t.memoizedState=r.state,o&&jo(t,n,!0),t.child}function Qs(e){var t=e.stateNode;t.pendingContext?wo(0,t.pendingContext,t.pendingContext!==t.context):t.context&&wo(0,t.context,!1),ki(e,t.containerInfo)}var Fs,Vs,Js,Xs,qs={dehydrated:null,retryLane:0};function Ks(e,t,n){var r,o=t.pendingProps,i=Pi.current,s=!1;return(r=!!(64&t.flags))||(r=(null===e||null!==e.memoizedState)&&!!(2&i)),r?(s=!0,t.flags&=-65):null!==e&&null===e.memoizedState||void 0===o.fallback||!0===o.unstable_avoidThisFallback||(i|=1),uo(Pi,1&i),null===e?(void 0!==o.fallback&&Wi(t),e=o.children,i=o.fallback,s?(e=$s(t,e,i,n),t.child.memoizedState={baseLanes:n},t.memoizedState=qs,e):"number"==typeof o.unstable_expectedLoadTime?(e=$s(t,e,i,n),t.child.memoizedState={baseLanes:n},t.memoizedState=qs,t.lanes=33554432,e):((n=Hl({mode:"visible",children:e},t.mode,n,null)).return=t,t.child=n)):(e.memoizedState,s?(o=function(e,t,n,r,o){var i=t.mode,s=e.child;e=s.sibling;var a={mode:"hidden",children:n};return 2&i||t.child===s?n=Zl(s,a):((n=t.child).childLanes=0,n.pendingProps=a,null!==(s=n.lastEffect)?(t.firstEffect=n.firstEffect,t.lastEffect=s,s.nextEffect=null):t.firstEffect=t.lastEffect=null),null!==e?r=Zl(e,r):(r=Wl(r,i,o,null)).flags|=2,r.return=t,n.return=t,n.sibling=r,t.child=n,r}(e,t,o.children,o.fallback,n),s=t.child,i=e.child.memoizedState,s.memoizedState=null===i?{baseLanes:n}:{baseLanes:i.baseLanes|n},s.childLanes=e.childLanes&~n,t.memoizedState=qs,o):(n=function(e,t,n,r){var o=e.child;return e=o.sibling,n=Zl(o,{mode:"visible",children:n}),!(2&t.mode)&&(n.lanes=r),n.return=t,n.sibling=null,null!==e&&(e.nextEffect=null,e.flags=8,t.firstEffect=t.lastEffect=e),t.child=n}(e,t,o.children,n),t.memoizedState=null,n))}function $s(e,t,n,r){var o=e.mode,i=e.child;return t={mode:"hidden",children:t},2&o||null===i?i=Hl(t,o,0,null):(i.childLanes=0,i.pendingProps=t),n=Wl(n,o,r,null),i.return=e,n.return=e,i.sibling=n,e.child=i,n}function ea(e,t){e.lanes|=t;var n=e.alternate;null!==n&&(n.lanes|=t),oi(e.return,t)}function ta(e,t,n,r,o,i){var s=e.memoizedState;null===s?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:o,lastEffect:i}:(s.isBackwards=t,s.rendering=null,s.renderingStartTime=0,s.last=r,s.tail=n,s.tailMode=o,s.lastEffect=i)}function na(e,t,n){var r=t.pendingProps,o=r.revealOrder,i=r.tail;if(Ps(e,t,r.children,n),2&(r=Pi.current))r=1&r|2,t.flags|=64;else{if(null!==e&&64&e.flags)e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&ea(e,n);else if(19===e.tag)ea(e,n);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(uo(Pi,r),2&t.mode)switch(o){case"forwards":for(n=t.child,o=null;null!==n;)null!==(e=n.alternate)&&null===Bi(e)&&(o=n),n=n.sibling;null===(n=o)?(o=t.child,t.child=null):(o=n.sibling,n.sibling=null),ta(t,!1,o,n,i,t.lastEffect);break;case"backwards":for(n=null,o=t.child,t.child=null;null!==o;){if(null!==(e=o.alternate)&&null===Bi(e)){t.child=o;break}e=o.sibling,o.sibling=n,n=o,o=e}ta(t,!0,n,null,i,t.lastEffect);break;case"together":ta(t,!1,null,null,void 0,t.lastEffect);break;default:t.memoizedState=null}else t.memoizedState=null;return t.child}function ra(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),Ra|=t.lanes,n&t.childLanes){if(null!==e&&t.child!==e.child)throw Error(s(153));if(null!==t.child){for(n=Zl(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Zl(e,e.pendingProps)).return=t;n.sibling=null}return t.child}return null}function oa(e,t){if(!Gi)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;null!==n;)null!==n.alternate&&(r=n),n=n.sibling;null===r?t||null===e.tail?e.tail=null:e.tail.sibling=null:r.sibling=null}}function ia(e,t,n){var r=t.pendingProps;switch(t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return null;case 1:case 17:return Co(t.type)&&ho(),null;case 3:return zi(),co(Mo),co(Ao),Ji(),(r=t.stateNode).pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),null!==e&&null!==e.child||(Qi(t)?t.flags|=4:r.hydrate||(t.flags|=256)),Vs(t),null;case 5:Yi(t);var i=Ti(Ei.current);if(n=t.type,null!==e&&null!=t.stateNode)Js(e,t,n,r,i),e.ref!==t.ref&&(t.flags|=128);else{if(!r){if(null===t.stateNode)throw Error(s(166));return null}if(e=Ti(Di.current),Qi(t)){r=t.stateNode,n=t.type;var a=t.memoizedProps;switch(r[qr]=t,r[Kr]=a,n){case"dialog":Dr("cancel",r),Dr("close",r);break;case"iframe":case"object":case"embed":Dr("load",r);break;case"video":case"audio":for(e=0;e<xr.length;e++)Dr(xr[e],r);break;case"source":Dr("error",r);break;case"img":case"image":case"link":Dr("error",r),Dr("load",r);break;case"details":Dr("toggle",r);break;case"input":ee(r,a),Dr("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!a.multiple},Dr("invalid",r);break;case"textarea":le(r,a),Dr("invalid",r)}for(var c in fe(n,a),e=null,a)a.hasOwnProperty(c)&&(i=a[c],"children"===c?"string"==typeof i?r.textContent!==i&&(e=["children",i]):"number"==typeof i&&r.textContent!==""+i&&(e=["children",""+i]):l.hasOwnProperty(c)&&null!=i&&"onScroll"===c&&Dr("scroll",r));switch(n){case"input":X(r),re(r,a,!0);break;case"textarea":X(r),ue(r);break;case"select":case"option":break;default:"function"==typeof a.onClick&&(r.onclick=Rr)}r=e,t.updateQueue=r,null!==r&&(t.flags|=4)}else{switch(c=9===i.nodeType?i:i.ownerDocument,e===de.html&&(e=pe(n)),e===de.html?"script"===n?((e=c.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof r.is?e=c.createElement(n,{is:r.is}):(e=c.createElement(n),"select"===n&&(c=e,r.multiple?c.multiple=!0:r.size&&(c.size=r.size))):e=c.createElementNS(e,n),e[qr]=t,e[Kr]=r,Fs(e,t,!1,!1),t.stateNode=e,c=ye(n,r),n){case"dialog":Dr("cancel",e),Dr("close",e),i=r;break;case"iframe":case"object":case"embed":Dr("load",e),i=r;break;case"video":case"audio":for(i=0;i<xr.length;i++)Dr(xr[i],e);i=r;break;case"source":Dr("error",e),i=r;break;case"img":case"image":case"link":Dr("error",e),Dr("load",e),i=r;break;case"details":Dr("toggle",e),i=r;break;case"input":ee(e,r),i=$(e,r),Dr("invalid",e);break;case"option":i=ie(e,r);break;case"select":e._wrapperState={wasMultiple:!!r.multiple},i=o({},r,{value:void 0}),Dr("invalid",e);break;case"textarea":le(e,r),i=ae(e,r),Dr("invalid",e);break;default:i=r}fe(n,i);var u=i;for(a in u)if(u.hasOwnProperty(a)){var d=u[a];"style"===a?be(e,d):"dangerouslySetInnerHTML"===a?null!=(d=d?d.__html:void 0)&&Le(e,d):"children"===a?"string"==typeof d?("textarea"!==n||""!==d)&&Ce(e,d):"number"==typeof d&&Ce(e,""+d):"suppressContentEditableWarning"!==a&&"suppressHydrationWarning"!==a&&"autoFocus"!==a&&(l.hasOwnProperty(a)?null!=d&&"onScroll"===a&&Dr("scroll",e):null!=d&&m(e,a,d,c))}switch(n){case"input":X(e),re(e,r,!1);break;case"textarea":X(e),ue(e);break;case"option":null!=r.value&&e.setAttribute("value",""+V(r.value));break;case"select":e.multiple=!!r.multiple,null!=(a=r.value)?se(e,!!r.multiple,a,!1):null!=r.defaultValue&&se(e,!!r.multiple,r.defaultValue,!0);break;default:"function"==typeof i.onClick&&(e.onclick=Rr)}Zr(n,r)&&(t.flags|=4)}null!==t.ref&&(t.flags|=128)}return null;case 6:if(e&&null!=t.stateNode)Xs(e,t,e.memoizedProps,r);else{if("string"!=typeof r&&null===t.stateNode)throw Error(s(166));n=Ti(Ei.current),Ti(Di.current),Qi(t)?(r=t.stateNode,n=t.memoizedProps,r[qr]=t,r.nodeValue!==n&&(t.flags|=4)):((r=(9===n.nodeType?n:n.ownerDocument).createTextNode(r))[qr]=t,t.stateNode=r)}return null;case 13:return co(Pi),r=t.memoizedState,64&t.flags?(t.lanes=n,t):(r=null!==r,n=!1,null===e?void 0!==t.memoizedProps.fallback&&Qi(t):n=null!==e.memoizedState,r&&!n&&2&t.mode&&(null===e&&!0!==t.memoizedProps.unstable_avoidThisFallback||1&Pi.current?0===Ya&&(Ya=3):(0!==Ya&&3!==Ya||(Ya=4),null===Ea||!(134217727&Ra)&&!(134217727&Ua)||Ll(Ea,ka))),(r||n)&&(t.flags|=4),null);case 4:return zi(),Vs(t),null===e&&Er(t.stateNode.containerInfo),null;case 10:return ri(t),null;case 19:if(co(Pi),null===(r=t.memoizedState))return null;if(a=!!(64&t.flags),null===(c=r.rendering))if(a)oa(r,!1);else{if(0!==Ya||null!==e&&64&e.flags)for(e=t.child;null!==e;){if(null!==(c=Bi(e))){for(t.flags|=64,oa(r,!1),null!==(a=c.updateQueue)&&(t.updateQueue=a,t.flags|=4),null===r.lastEffect&&(t.firstEffect=null),t.lastEffect=r.lastEffect,r=n,n=t.child;null!==n;)e=r,(a=n).flags&=2,a.nextEffect=null,a.firstEffect=null,a.lastEffect=null,null===(c=a.alternate)?(a.childLanes=0,a.lanes=e,a.child=null,a.memoizedProps=null,a.memoizedState=null,a.updateQueue=null,a.dependencies=null,a.stateNode=null):(a.childLanes=c.childLanes,a.lanes=c.lanes,a.child=c.child,a.memoizedProps=c.memoizedProps,a.memoizedState=c.memoizedState,a.updateQueue=c.updateQueue,a.type=c.type,e=c.dependencies,a.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return uo(Pi,1&Pi.current|2),t.child}e=e.sibling}null!==r.tail&&_o()>Wa&&(t.flags|=64,a=!0,oa(r,!1),t.lanes=33554432)}else{if(!a)if(null!==(e=Bi(c))){if(t.flags|=64,a=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),oa(r,!0),null===r.tail&&"hidden"===r.tailMode&&!c.alternate&&!Gi)return null!==(t=t.lastEffect=r.lastEffect)&&(t.nextEffect=null),null}else 2*_o()-r.renderingStartTime>Wa&&1073741824!==n&&(t.flags|=64,a=!0,oa(r,!1),t.lanes=33554432);r.isBackwards?(c.sibling=t.child,t.child=c):(null!==(n=r.last)?n.sibling=c:t.child=c,r.last=c)}return null!==r.tail?(n=r.tail,r.rendering=n,r.tail=n.sibling,r.lastEffect=t.lastEffect,r.renderingStartTime=_o(),n.sibling=null,t=Pi.current,uo(Pi,a?1&t|2:1&t),n):null;case 23:case 24:return wl(),null!==e&&null!==e.memoizedState!=(null!==t.memoizedState)&&"unstable-defer-without-hiding"!==r.mode&&(t.flags|=4),null}throw Error(s(156,t.tag))}function sa(e){switch(e.tag){case 1:Co(e.type)&&ho();var t=e.flags;return 4096&t?(e.flags=-4097&t|64,e):null;case 3:if(zi(),co(Mo),co(Ao),Ji(),64&(t=e.flags))throw Error(s(285));return e.flags=-4097&t|64,e;case 5:return Yi(e),null;case 13:return co(Pi),4096&(t=e.flags)?(e.flags=-4097&t|64,e):null;case 19:return co(Pi),null;case 4:return zi(),null;case 10:return ri(e),null;case 23:case 24:return wl(),null;default:return null}}function aa(e,t){try{var n="",r=t;do{n+=Q(r),r=r.return}while(r);var o=n}catch(e){o="\nError generating stack: "+e.message+"\n"+e.stack}return{value:e,source:t,stack:o}}function la(e,t){try{console.error(t.value)}catch(e){setTimeout((function(){throw e}))}}Fs=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},Vs=function(){},Js=function(e,t,n,r){var i=e.memoizedProps;if(i!==r){e=t.stateNode,Ti(Di.current);var s,a=null;switch(n){case"input":i=$(e,i),r=$(e,r),a=[];break;case"option":i=ie(e,i),r=ie(e,r),a=[];break;case"select":i=o({},i,{value:void 0}),r=o({},r,{value:void 0}),a=[];break;case"textarea":i=ae(e,i),r=ae(e,r),a=[];break;default:"function"!=typeof i.onClick&&"function"==typeof r.onClick&&(e.onclick=Rr)}for(d in fe(n,r),n=null,i)if(!r.hasOwnProperty(d)&&i.hasOwnProperty(d)&&null!=i[d])if("style"===d){var c=i[d];for(s in c)c.hasOwnProperty(s)&&(n||(n={}),n[s]="")}else"dangerouslySetInnerHTML"!==d&&"children"!==d&&"suppressContentEditableWarning"!==d&&"suppressHydrationWarning"!==d&&"autoFocus"!==d&&(l.hasOwnProperty(d)?a||(a=[]):(a=a||[]).push(d,null));for(d in r){var u=r[d];if(c=null!=i?i[d]:void 0,r.hasOwnProperty(d)&&u!==c&&(null!=u||null!=c))if("style"===d)if(c){for(s in c)!c.hasOwnProperty(s)||u&&u.hasOwnProperty(s)||(n||(n={}),n[s]="");for(s in u)u.hasOwnProperty(s)&&c[s]!==u[s]&&(n||(n={}),n[s]=u[s])}else n||(a||(a=[]),a.push(d,n)),n=u;else"dangerouslySetInnerHTML"===d?(u=u?u.__html:void 0,c=c?c.__html:void 0,null!=u&&c!==u&&(a=a||[]).push(d,u)):"children"===d?"string"!=typeof u&&"number"!=typeof u||(a=a||[]).push(d,""+u):"suppressContentEditableWarning"!==d&&"suppressHydrationWarning"!==d&&(l.hasOwnProperty(d)?(null!=u&&"onScroll"===d&&Dr("scroll",e),a||c===u||(a=[])):"object"==typeof u&&null!==u&&u.$$typeof===O?u.toString():(a=a||[]).push(d,u))}n&&(a=a||[]).push("style",n);var d=a;(t.updateQueue=d)&&(t.flags|=4)}},Xs=function(e,t,n,r){n!==r&&(t.flags|=4)};var ca="function"==typeof WeakMap?WeakMap:Map;function ua(e,t,n){(n=ui(-1,n)).tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){Va||(Va=!0,Ja=r),la(0,t)},n}function da(e,t,n){(n=ui(-1,n)).tag=3;var r=e.type.getDerivedStateFromError;if("function"==typeof r){var o=t.value;n.payload=function(){return la(0,t),r(o)}}var i=e.stateNode;return null!==i&&"function"==typeof i.componentDidCatch&&(n.callback=function(){"function"!=typeof r&&(null===Xa?Xa=new Set([this]):Xa.add(this),la(0,t));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}var pa="function"==typeof WeakSet?WeakSet:Set;function Aa(e){var t=e.ref;if(null!==t)if("function"==typeof t)try{t(null)}catch(t){Yl(e,t)}else t.current=null}function Ma(e,t){switch(t.tag){case 0:case 11:case 15:case 22:case 5:case 6:case 4:case 17:return;case 1:if(256&t.flags&&null!==e){var n=e.memoizedProps,r=e.memoizedState;t=(e=t.stateNode).getSnapshotBeforeUpdate(t.elementType===t.type?n:qo(t.type,n),r),e.__reactInternalSnapshotBeforeUpdate=t}return;case 3:return void(256&t.flags&&Qr(t.stateNode.containerInfo))}throw Error(s(163))}function ga(e,t,n){switch(n.tag){case 0:case 11:case 15:case 22:if(null!==(t=null!==(t=n.updateQueue)?t.lastEffect:null)){e=t=t.next;do{if(!(3&~e.tag)){var r=e.create;e.destroy=r()}e=e.next}while(e!==t)}if(null!==(t=null!==(t=n.updateQueue)?t.lastEffect:null)){e=t=t.next;do{var o=e;r=o.next,4&(o=o.tag)&&1&o&&(kl(n,e),Tl(n,e)),e=r}while(e!==t)}return;case 1:return e=n.stateNode,4&n.flags&&(null===t?e.componentDidMount():(r=n.elementType===n.type?t.memoizedProps:qo(n.type,t.memoizedProps),e.componentDidUpdate(r,t.memoizedState,e.__reactInternalSnapshotBeforeUpdate))),void(null!==(t=n.updateQueue)&&Mi(n,t,e));case 3:if(null!==(t=n.updateQueue)){if(e=null,null!==n.child)switch(n.child.tag){case 5:case 1:e=n.child.stateNode}Mi(n,t,e)}return;case 5:return e=n.stateNode,void(null===t&&4&n.flags&&Zr(n.type,n.memoizedProps)&&e.focus());case 6:case 4:case 12:case 19:case 17:case 20:case 21:case 23:case 24:return;case 13:return void(null===n.memoizedState&&(n=n.alternate,null!==n&&(n=n.memoizedState,null!==n&&(n=n.dehydrated,null!==n&&bt(n)))))}throw Error(s(163))}function La(e,t){for(var n=e;;){if(5===n.tag){var r=n.stateNode;if(t)"function"==typeof(r=r.style).setProperty?r.setProperty("display","none","important"):r.display="none";else{r=n.stateNode;var o=n.memoizedProps.style;o=null!=o&&o.hasOwnProperty("display")?o.display:null,r.style.display=me("display",o)}}else if(6===n.tag)n.stateNode.nodeValue=t?"":n.memoizedProps;else if((23!==n.tag&&24!==n.tag||null===n.memoizedState||n===e)&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===e)break;for(;null===n.sibling;){if(null===n.return||n.return===e)return;n=n.return}n.sibling.return=n.return,n=n.sibling}}function Ca(e,t){if(yo&&"function"==typeof yo.onCommitFiberUnmount)try{yo.onCommitFiberUnmount(fo,t)}catch(e){}switch(t.tag){case 0:case 11:case 14:case 15:case 22:if(null!==(e=t.updateQueue)&&null!==(e=e.lastEffect)){var n=e=e.next;do{var r=n,o=r.destroy;if(r=r.tag,void 0!==o)if(4&r)kl(t,n);else{r=t;try{o()}catch(e){Yl(r,e)}}n=n.next}while(n!==e)}break;case 1:if(Aa(t),"function"==typeof(e=t.stateNode).componentWillUnmount)try{e.props=t.memoizedProps,e.state=t.memoizedState,e.componentWillUnmount()}catch(e){Yl(t,e)}break;case 5:Aa(t);break;case 4:fa(e,t)}}function ha(e){e.alternate=null,e.child=null,e.dependencies=null,e.firstEffect=null,e.lastEffect=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.return=null,e.updateQueue=null}function wa(e){return 5===e.tag||3===e.tag||4===e.tag}function ma(e){e:{for(var t=e.return;null!==t;){if(wa(t))break e;t=t.return}throw Error(s(160))}var n=t;switch(t=n.stateNode,n.tag){case 5:var r=!1;break;case 3:case 4:t=t.containerInfo,r=!0;break;default:throw Error(s(161))}16&n.flags&&(Ce(t,""),n.flags&=-17);e:t:for(n=e;;){for(;null===n.sibling;){if(null===n.return||wa(n.return)){n=null;break e}n=n.return}for(n.sibling.return=n.return,n=n.sibling;5!==n.tag&&6!==n.tag&&18!==n.tag;){if(2&n.flags)continue t;if(null===n.child||4===n.tag)continue t;n.child.return=n,n=n.child}if(!(2&n.flags)){n=n.stateNode;break e}}r?ba(e,n,t):ja(e,n,t)}function ba(e,t,n){var r=e.tag,o=5===r||6===r;if(o)e=o?e.stateNode:e.stateNode.instance,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!=(n=n._reactRootContainer)||null!==t.onclick||(t.onclick=Rr));else if(4!==r&&null!==(e=e.child))for(ba(e,t,n),e=e.sibling;null!==e;)ba(e,t,n),e=e.sibling}function ja(e,t,n){var r=e.tag,o=5===r||6===r;if(o)e=o?e.stateNode:e.stateNode.instance,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==r&&null!==(e=e.child))for(ja(e,t,n),e=e.sibling;null!==e;)ja(e,t,n),e=e.sibling}function fa(e,t){for(var n,r,o=t,i=!1;;){if(!i){i=o.return;e:for(;;){if(null===i)throw Error(s(160));switch(n=i.stateNode,i.tag){case 5:r=!1;break e;case 3:case 4:n=n.containerInfo,r=!0;break e}i=i.return}i=!0}if(5===o.tag||6===o.tag){e:for(var a=e,l=o,c=l;;)if(Ca(a,c),null!==c.child&&4!==c.tag)c.child.return=c,c=c.child;else{if(c===l)break e;for(;null===c.sibling;){if(null===c.return||c.return===l)break e;c=c.return}c.sibling.return=c.return,c=c.sibling}r?(a=n,l=o.stateNode,8===a.nodeType?a.parentNode.removeChild(l):a.removeChild(l)):n.removeChild(o.stateNode)}else if(4===o.tag){if(null!==o.child){n=o.stateNode.containerInfo,r=!0,o.child.return=o,o=o.child;continue}}else if(Ca(e,o),null!==o.child){o.child.return=o,o=o.child;continue}if(o===t)break;for(;null===o.sibling;){if(null===o.return||o.return===t)return;4===(o=o.return).tag&&(i=!1)}o.sibling.return=o.return,o=o.sibling}}function ya(e,t){switch(t.tag){case 0:case 11:case 14:case 15:case 22:var n=t.updateQueue;if(null!==(n=null!==n?n.lastEffect:null)){var r=n=n.next;do{!(3&~r.tag)&&(e=r.destroy,r.destroy=void 0,void 0!==e&&e()),r=r.next}while(r!==n)}return;case 1:case 12:case 17:return;case 5:if(null!=(n=t.stateNode)){r=t.memoizedProps;var o=null!==e?e.memoizedProps:r;e=t.type;var i=t.updateQueue;if(t.updateQueue=null,null!==i){for(n[Kr]=r,"input"===e&&"radio"===r.type&&null!=r.name&&te(n,r),ye(e,o),t=ye(e,r),o=0;o<i.length;o+=2){var a=i[o],l=i[o+1];"style"===a?be(n,l):"dangerouslySetInnerHTML"===a?Le(n,l):"children"===a?Ce(n,l):m(n,a,l,t)}switch(e){case"input":ne(n,r);break;case"textarea":ce(n,r);break;case"select":e=n._wrapperState.wasMultiple,n._wrapperState.wasMultiple=!!r.multiple,null!=(i=r.value)?se(n,!!r.multiple,i,!1):e!==!!r.multiple&&(null!=r.defaultValue?se(n,!!r.multiple,r.defaultValue,!0):se(n,!!r.multiple,r.multiple?[]:"",!1))}}}return;case 6:if(null===t.stateNode)throw Error(s(162));return void(t.stateNode.nodeValue=t.memoizedProps);case 3:return void((n=t.stateNode).hydrate&&(n.hydrate=!1,bt(n.containerInfo)));case 13:return null!==t.memoizedState&&(_a=_o(),La(t.child,!0)),void xa(t);case 19:return void xa(t);case 23:case 24:return void La(t,null!==t.memoizedState)}throw Error(s(163))}function xa(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new pa),t.forEach((function(t){var r=Bl.bind(null,e,t);n.has(t)||(n.add(t),t.then(r,r))}))}}function Na(e,t){return null!==e&&(null===(e=e.memoizedState)||null!==e.dehydrated)&&null!==(t=t.memoizedState)&&null===t.dehydrated}var Sa=Math.ceil,va=b.ReactCurrentDispatcher,Da=b.ReactCurrentOwner,Ia=0,Ea=null,Ta=null,ka=0,za=0,Oa=lo(0),Ya=0,Pa=null,Ba=0,Ra=0,Ua=0,Ga=0,Za=null,_a=0,Wa=1/0;function Ha(){Wa=_o()+500}var Qa,Fa=null,Va=!1,Ja=null,Xa=null,qa=!1,Ka=null,$a=90,el=[],tl=[],nl=null,rl=0,ol=null,il=-1,sl=0,al=0,ll=null,cl=!1;function ul(){return 48&Ia?_o():-1!==il?il:il=_o()}function dl(e){if(!(2&(e=e.mode)))return 1;if(!(4&e))return 99===Wo()?1:2;if(0===sl&&(sl=Ba),0!==Xo.transition){0!==al&&(al=null!==Za?Za.pendingLanes:0),e=sl;var t=4186112&~al;return 0==(t&=-t)&&0==(t=(e=4186112&~e)&-e)&&(t=8192),t}return e=Wo(),e=Rt(4&Ia&&98===e?12:e=function(e){switch(e){case 99:return 15;case 98:return 10;case 97:case 96:return 8;case 95:return 2;default:return 0}}(e),sl)}function pl(e,t,n){if(50<rl)throw rl=0,ol=null,Error(s(185));if(null===(e=Al(e,t)))return null;Zt(e,t,n),e===Ea&&(Ua|=t,4===Ya&&Ll(e,ka));var r=Wo();1===t?8&Ia&&!(48&Ia)?Cl(e):(Ml(e,n),0===Ia&&(Ha(),Vo())):(!(4&Ia)||98!==r&&99!==r||(null===nl?nl=new Set([e]):nl.add(e)),Ml(e,n)),Za=e}function Al(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}function Ml(e,t){for(var n=e.callbackNode,r=e.suspendedLanes,o=e.pingedLanes,i=e.expirationTimes,a=e.pendingLanes;0<a;){var l=31-_t(a),c=1<<l,u=i[l];if(-1===u){if(!(c&r)||c&o){u=t,Yt(c);var d=Ot;i[l]=10<=d?u+250:6<=d?u+5e3:-1}}else u<=t&&(e.expiredLanes|=c);a&=~c}if(r=Pt(e,e===Ea?ka:0),t=Ot,0===r)null!==n&&(n!==Po&&So(n),e.callbackNode=null,e.callbackPriority=0);else{if(null!==n){if(e.callbackPriority===t)return;n!==Po&&So(n)}15===t?(n=Cl.bind(null,e),null===Ro?(Ro=[n],Uo=No(To,Jo)):Ro.push(n),n=Po):14===t?n=Fo(99,Cl.bind(null,e)):(n=function(e){switch(e){case 15:case 14:return 99;case 13:case 12:case 11:case 10:return 98;case 9:case 8:case 7:case 6:case 4:case 5:return 97;case 3:case 2:case 1:return 95;case 0:return 90;default:throw Error(s(358,e))}}(t),n=Fo(n,gl.bind(null,e))),e.callbackPriority=t,e.callbackNode=n}}function gl(e){if(il=-1,al=sl=0,48&Ia)throw Error(s(327));var t=e.callbackNode;if(El()&&e.callbackNode!==t)return null;var n=Pt(e,e===Ea?ka:0);if(0===n)return null;var r=n,o=Ia;Ia|=16;var i=jl();for(Ea===e&&ka===r||(Ha(),ml(e,r));;)try{xl();break}catch(t){bl(e,t)}if(ni(),va.current=i,Ia=o,null!==Ta?r=0:(Ea=null,ka=0,r=Ya),Ba&Ua)ml(e,0);else if(0!==r){if(2===r&&(Ia|=64,e.hydrate&&(e.hydrate=!1,Qr(e.containerInfo)),0!==(n=Bt(e))&&(r=fl(e,n))),1===r)throw t=Pa,ml(e,0),Ll(e,n),Ml(e,_o()),t;switch(e.finishedWork=e.current.alternate,e.finishedLanes=n,r){case 0:case 1:throw Error(s(345));case 2:case 5:vl(e);break;case 3:if(Ll(e,n),(62914560&n)===n&&10<(r=_a+500-_o())){if(0!==Pt(e,0))break;if(((o=e.suspendedLanes)&n)!==n){ul(),e.pingedLanes|=e.suspendedLanes&o;break}e.timeoutHandle=Wr(vl.bind(null,e),r);break}vl(e);break;case 4:if(Ll(e,n),(4186112&n)===n)break;for(r=e.eventTimes,o=-1;0<n;){var a=31-_t(n);i=1<<a,(a=r[a])>o&&(o=a),n&=~i}if(n=o,10<(n=(120>(n=_o()-n)?120:480>n?480:1080>n?1080:1920>n?1920:3e3>n?3e3:4320>n?4320:1960*Sa(n/1960))-n)){e.timeoutHandle=Wr(vl.bind(null,e),n);break}vl(e);break;default:throw Error(s(329))}}return Ml(e,_o()),e.callbackNode===t?gl.bind(null,e):null}function Ll(e,t){for(t&=~Ga,t&=~Ua,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-_t(t),r=1<<n;e[n]=-1,t&=~r}}function Cl(e){if(48&Ia)throw Error(s(327));if(El(),e===Ea&&e.expiredLanes&ka){var t=ka,n=fl(e,t);Ba&Ua&&(n=fl(e,t=Pt(e,t)))}else n=fl(e,t=Pt(e,0));if(0!==e.tag&&2===n&&(Ia|=64,e.hydrate&&(e.hydrate=!1,Qr(e.containerInfo)),0!==(t=Bt(e))&&(n=fl(e,t))),1===n)throw n=Pa,ml(e,0),Ll(e,t),Ml(e,_o()),n;return e.finishedWork=e.current.alternate,e.finishedLanes=t,vl(e),Ml(e,_o()),null}function hl(e,t){uo(Oa,za),za|=t,Ba|=t}function wl(){za=Oa.current,co(Oa)}function ml(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,Hr(n)),null!==Ta)for(n=Ta.return;null!==n;){var r=n;switch(r.tag){case 1:null!=(r=r.type.childContextTypes)&&ho();break;case 3:zi(),co(Mo),co(Ao),Ji();break;case 5:Yi(r);break;case 4:zi();break;case 13:case 19:co(Pi);break;case 10:ri(r);break;case 23:case 24:wl()}n=n.return}Ea=e,Ta=Zl(e.current,null),ka=za=Ba=t,Ya=0,Pa=null,Ga=Ua=Ra=0}function bl(e,t){for(;;){var n=Ta;try{if(ni(),Xi.current=Es,ns){for(var r=$i.memoizedState;null!==r;){var o=r.queue;null!==o&&(o.pending=null),r=r.next}ns=!1}if(Ki=0,ts=es=$i=null,rs=!1,Da.current=null,null===n||null===n.return){Ya=1,Pa=t,Ta=null;break}e:{var i=e,s=n.return,a=n,l=t;if(t=ka,a.flags|=2048,a.firstEffect=a.lastEffect=null,null!==l&&"object"==typeof l&&"function"==typeof l.then){var c=l;if(!(2&a.mode)){var u=a.alternate;u?(a.updateQueue=u.updateQueue,a.memoizedState=u.memoizedState,a.lanes=u.lanes):(a.updateQueue=null,a.memoizedState=null)}var d=!!(1&Pi.current),p=s;do{var A;if(A=13===p.tag){var M=p.memoizedState;if(null!==M)A=null!==M.dehydrated;else{var g=p.memoizedProps;A=void 0!==g.fallback&&(!0!==g.unstable_avoidThisFallback||!d)}}if(A){var L=p.updateQueue;if(null===L){var C=new Set;C.add(c),p.updateQueue=C}else L.add(c);if(!(2&p.mode)){if(p.flags|=64,a.flags|=16384,a.flags&=-2981,1===a.tag)if(null===a.alternate)a.tag=17;else{var h=ui(-1,1);h.tag=2,di(a,h)}a.lanes|=1;break e}l=void 0,a=t;var w=i.pingCache;if(null===w?(w=i.pingCache=new ca,l=new Set,w.set(c,l)):void 0===(l=w.get(c))&&(l=new Set,w.set(c,l)),!l.has(a)){l.add(a);var m=Pl.bind(null,i,c,a);c.then(m,m)}p.flags|=4096,p.lanes=t;break e}p=p.return}while(null!==p);l=Error((F(a.type)||"A React component")+" suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display.")}5!==Ya&&(Ya=2),l=aa(l,a),p=s;do{switch(p.tag){case 3:i=l,p.flags|=4096,t&=-t,p.lanes|=t,pi(p,ua(0,i,t));break e;case 1:i=l;var b=p.type,j=p.stateNode;if(!(64&p.flags||"function"!=typeof b.getDerivedStateFromError&&(null===j||"function"!=typeof j.componentDidCatch||null!==Xa&&Xa.has(j)))){p.flags|=4096,t&=-t,p.lanes|=t,pi(p,da(p,i,t));break e}}p=p.return}while(null!==p)}Sl(n)}catch(e){t=e,Ta===n&&null!==n&&(Ta=n=n.return);continue}break}}function jl(){var e=va.current;return va.current=Es,null===e?Es:e}function fl(e,t){var n=Ia;Ia|=16;var r=jl();for(Ea===e&&ka===t||ml(e,t);;)try{yl();break}catch(t){bl(e,t)}if(ni(),Ia=n,va.current=r,null!==Ta)throw Error(s(261));return Ea=null,ka=0,Ya}function yl(){for(;null!==Ta;)Nl(Ta)}function xl(){for(;null!==Ta&&!vo();)Nl(Ta)}function Nl(e){var t=Qa(e.alternate,e,za);e.memoizedProps=e.pendingProps,null===t?Sl(e):Ta=t,Da.current=null}function Sl(e){var t=e;do{var n=t.alternate;if(e=t.return,2048&t.flags){if(null!==(n=sa(t)))return n.flags&=2047,void(Ta=n);null!==e&&(e.firstEffect=e.lastEffect=null,e.flags|=2048)}else{if(null!==(n=ia(n,t,za)))return void(Ta=n);if(24!==(n=t).tag&&23!==n.tag||null===n.memoizedState||1073741824&za||!(4&n.mode)){for(var r=0,o=n.child;null!==o;)r|=o.lanes|o.childLanes,o=o.sibling;n.childLanes=r}null!==e&&!(2048&e.flags)&&(null===e.firstEffect&&(e.firstEffect=t.firstEffect),null!==t.lastEffect&&(null!==e.lastEffect&&(e.lastEffect.nextEffect=t.firstEffect),e.lastEffect=t.lastEffect),1<t.flags&&(null!==e.lastEffect?e.lastEffect.nextEffect=t:e.firstEffect=t,e.lastEffect=t))}if(null!==(t=t.sibling))return void(Ta=t);Ta=t=e}while(null!==t);0===Ya&&(Ya=5)}function vl(e){var t=Wo();return Qo(99,Dl.bind(null,e,t)),null}function Dl(e,t){do{El()}while(null!==Ka);if(48&Ia)throw Error(s(327));var n=e.finishedWork;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(s(177));e.callbackNode=null;var r=n.lanes|n.childLanes,o=r,i=e.pendingLanes&~o;e.pendingLanes=o,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=o,e.mutableReadLanes&=o,e.entangledLanes&=o,o=e.entanglements;for(var a=e.eventTimes,l=e.expirationTimes;0<i;){var c=31-_t(i),u=1<<c;o[c]=0,a[c]=-1,l[c]=-1,i&=~u}if(null!==nl&&!(24&r)&&nl.has(e)&&nl.delete(e),e===Ea&&(Ta=Ea=null,ka=0),1<n.flags?null!==n.lastEffect?(n.lastEffect.nextEffect=n,r=n.firstEffect):r=n:r=n.firstEffect,null!==r){if(o=Ia,Ia|=32,Da.current=null,Ur=Vt,Lr(a=gr())){if("selectionStart"in a)l={start:a.selectionStart,end:a.selectionEnd};else e:if(l=(l=a.ownerDocument)&&l.defaultView||window,(u=l.getSelection&&l.getSelection())&&0!==u.rangeCount){l=u.anchorNode,i=u.anchorOffset,c=u.focusNode,u=u.focusOffset;try{l.nodeType,c.nodeType}catch(e){l=null;break e}var d=0,p=-1,A=-1,M=0,g=0,L=a,C=null;t:for(;;){for(var h;L!==l||0!==i&&3!==L.nodeType||(p=d+i),L!==c||0!==u&&3!==L.nodeType||(A=d+u),3===L.nodeType&&(d+=L.nodeValue.length),null!==(h=L.firstChild);)C=L,L=h;for(;;){if(L===a)break t;if(C===l&&++M===i&&(p=d),C===c&&++g===u&&(A=d),null!==(h=L.nextSibling))break;C=(L=C).parentNode}L=h}l=-1===p||-1===A?null:{start:p,end:A}}else l=null;l=l||{start:0,end:0}}else l=null;Gr={focusedElem:a,selectionRange:l},Vt=!1,ll=null,cl=!1,Fa=r;do{try{Il()}catch(e){if(null===Fa)throw Error(s(330));Yl(Fa,e),Fa=Fa.nextEffect}}while(null!==Fa);ll=null,Fa=r;do{try{for(a=e;null!==Fa;){var w=Fa.flags;if(16&w&&Ce(Fa.stateNode,""),128&w){var m=Fa.alternate;if(null!==m){var b=m.ref;null!==b&&("function"==typeof b?b(null):b.current=null)}}switch(1038&w){case 2:ma(Fa),Fa.flags&=-3;break;case 6:ma(Fa),Fa.flags&=-3,ya(Fa.alternate,Fa);break;case 1024:Fa.flags&=-1025;break;case 1028:Fa.flags&=-1025,ya(Fa.alternate,Fa);break;case 4:ya(Fa.alternate,Fa);break;case 8:fa(a,l=Fa);var j=l.alternate;ha(l),null!==j&&ha(j)}Fa=Fa.nextEffect}}catch(e){if(null===Fa)throw Error(s(330));Yl(Fa,e),Fa=Fa.nextEffect}}while(null!==Fa);if(b=Gr,m=gr(),w=b.focusedElem,a=b.selectionRange,m!==w&&w&&w.ownerDocument&&Mr(w.ownerDocument.documentElement,w)){null!==a&&Lr(w)&&(m=a.start,void 0===(b=a.end)&&(b=m),"selectionStart"in w?(w.selectionStart=m,w.selectionEnd=Math.min(b,w.value.length)):(b=(m=w.ownerDocument||document)&&m.defaultView||window).getSelection&&(b=b.getSelection(),l=w.textContent.length,j=Math.min(a.start,l),a=void 0===a.end?j:Math.min(a.end,l),!b.extend&&j>a&&(l=a,a=j,j=l),l=Ar(w,j),i=Ar(w,a),l&&i&&(1!==b.rangeCount||b.anchorNode!==l.node||b.anchorOffset!==l.offset||b.focusNode!==i.node||b.focusOffset!==i.offset)&&((m=m.createRange()).setStart(l.node,l.offset),b.removeAllRanges(),j>a?(b.addRange(m),b.extend(i.node,i.offset)):(m.setEnd(i.node,i.offset),b.addRange(m))))),m=[];for(b=w;b=b.parentNode;)1===b.nodeType&&m.push({element:b,left:b.scrollLeft,top:b.scrollTop});for("function"==typeof w.focus&&w.focus(),w=0;w<m.length;w++)(b=m[w]).element.scrollLeft=b.left,b.element.scrollTop=b.top}Vt=!!Ur,Gr=Ur=null,e.current=n,Fa=r;do{try{for(w=e;null!==Fa;){var f=Fa.flags;if(36&f&&ga(w,Fa.alternate,Fa),128&f){m=void 0;var y=Fa.ref;if(null!==y){var x=Fa.stateNode;Fa.tag,m=x,"function"==typeof y?y(m):y.current=m}}Fa=Fa.nextEffect}}catch(e){if(null===Fa)throw Error(s(330));Yl(Fa,e),Fa=Fa.nextEffect}}while(null!==Fa);Fa=null,Bo(),Ia=o}else e.current=n;if(qa)qa=!1,Ka=e,$a=t;else for(Fa=r;null!==Fa;)t=Fa.nextEffect,Fa.nextEffect=null,8&Fa.flags&&((f=Fa).sibling=null,f.stateNode=null),Fa=t;if(0===(r=e.pendingLanes)&&(Xa=null),1===r?e===ol?rl++:(rl=0,ol=e):rl=0,n=n.stateNode,yo&&"function"==typeof yo.onCommitFiberRoot)try{yo.onCommitFiberRoot(fo,n,void 0,!(64&~n.current.flags))}catch(e){}if(Ml(e,_o()),Va)throw Va=!1,e=Ja,Ja=null,e;return 8&Ia||Vo(),null}function Il(){for(;null!==Fa;){var e=Fa.alternate;cl||null===ll||(8&Fa.flags?$e(Fa,ll)&&(cl=!0):13===Fa.tag&&Na(e,Fa)&&$e(Fa,ll)&&(cl=!0));var t=Fa.flags;256&t&&Ma(e,Fa),!(512&t)||qa||(qa=!0,Fo(97,(function(){return El(),null}))),Fa=Fa.nextEffect}}function El(){if(90!==$a){var e=97<$a?97:$a;return $a=90,Qo(e,zl)}return!1}function Tl(e,t){el.push(t,e),qa||(qa=!0,Fo(97,(function(){return El(),null})))}function kl(e,t){tl.push(t,e),qa||(qa=!0,Fo(97,(function(){return El(),null})))}function zl(){if(null===Ka)return!1;var e=Ka;if(Ka=null,48&Ia)throw Error(s(331));var t=Ia;Ia|=32;var n=tl;tl=[];for(var r=0;r<n.length;r+=2){var o=n[r],i=n[r+1],a=o.destroy;if(o.destroy=void 0,"function"==typeof a)try{a()}catch(e){if(null===i)throw Error(s(330));Yl(i,e)}}for(n=el,el=[],r=0;r<n.length;r+=2){o=n[r],i=n[r+1];try{var l=o.create;o.destroy=l()}catch(e){if(null===i)throw Error(s(330));Yl(i,e)}}for(l=e.current.firstEffect;null!==l;)e=l.nextEffect,l.nextEffect=null,8&l.flags&&(l.sibling=null,l.stateNode=null),l=e;return Ia=t,Vo(),!0}function Ol(e,t,n){di(e,t=ua(0,t=aa(n,t),1)),t=ul(),null!==(e=Al(e,1))&&(Zt(e,1,t),Ml(e,t))}function Yl(e,t){if(3===e.tag)Ol(e,e,t);else for(var n=e.return;null!==n;){if(3===n.tag){Ol(n,e,t);break}if(1===n.tag){var r=n.stateNode;if("function"==typeof n.type.getDerivedStateFromError||"function"==typeof r.componentDidCatch&&(null===Xa||!Xa.has(r))){var o=da(n,e=aa(t,e),1);if(di(n,o),o=ul(),null!==(n=Al(n,1)))Zt(n,1,o),Ml(n,o);else if("function"==typeof r.componentDidCatch&&(null===Xa||!Xa.has(r)))try{r.componentDidCatch(t,e)}catch(e){}break}}n=n.return}}function Pl(e,t,n){var r=e.pingCache;null!==r&&r.delete(t),t=ul(),e.pingedLanes|=e.suspendedLanes&n,Ea===e&&(ka&n)===n&&(4===Ya||3===Ya&&(62914560&ka)===ka&&500>_o()-_a?ml(e,0):Ga|=n),Ml(e,t)}function Bl(e,t){var n=e.stateNode;null!==n&&n.delete(t),0==(t=0)&&(2&(t=e.mode)?4&t?(0===sl&&(sl=Ba),0===(t=Ut(62914560&~sl))&&(t=4194304)):t=99===Wo()?1:2:t=1),n=ul(),null!==(e=Al(e,t))&&(Zt(e,t,n),Ml(e,n))}function Rl(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.flags=0,this.lastEffect=this.firstEffect=this.nextEffect=null,this.childLanes=this.lanes=0,this.alternate=null}function Ul(e,t,n,r){return new Rl(e,t,n,r)}function Gl(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Zl(e,t){var n=e.alternate;return null===n?((n=Ul(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.nextEffect=null,n.firstEffect=null,n.lastEffect=null),n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function _l(e,t,n,r,o,i){var a=2;if(r=e,"function"==typeof e)Gl(e)&&(a=1);else if("string"==typeof e)a=5;else e:switch(e){case y:return Wl(n.children,o,i,t);case Y:a=8,o|=16;break;case x:a=8,o|=1;break;case N:return(e=Ul(12,n,t,8|o)).elementType=N,e.type=N,e.lanes=i,e;case I:return(e=Ul(13,n,t,o)).type=I,e.elementType=I,e.lanes=i,e;case E:return(e=Ul(19,n,t,o)).elementType=E,e.lanes=i,e;case P:return Hl(n,o,i,t);case B:return(e=Ul(24,n,t,o)).elementType=B,e.lanes=i,e;default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case S:a=10;break e;case v:a=9;break e;case D:a=11;break e;case T:a=14;break e;case k:a=16,r=null;break e;case z:a=22;break e}throw Error(s(130,null==e?e:typeof e,""))}return(t=Ul(a,n,t,o)).elementType=e,t.type=r,t.lanes=i,t}function Wl(e,t,n,r){return(e=Ul(7,e,r,t)).lanes=n,e}function Hl(e,t,n,r){return(e=Ul(23,e,r,t)).elementType=P,e.lanes=n,e}function Ql(e,t,n){return(e=Ul(6,e,null,t)).lanes=n,e}function Fl(e,t,n){return(t=Ul(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Vl(e,t,n){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.pendingContext=this.context=null,this.hydrate=n,this.callbackNode=null,this.callbackPriority=0,this.eventTimes=Gt(0),this.expirationTimes=Gt(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Gt(0),this.mutableSourceEagerHydrationData=null}function Jl(e,t,n,r){var o=t.current,i=ul(),a=dl(o);e:if(n){t:{if(Je(n=n._reactInternals)!==n||1!==n.tag)throw Error(s(170));var l=n;do{switch(l.tag){case 3:l=l.stateNode.context;break t;case 1:if(Co(l.type)){l=l.stateNode.__reactInternalMemoizedMergedChildContext;break t}}l=l.return}while(null!==l);throw Error(s(171))}if(1===n.tag){var c=n.type;if(Co(c)){n=mo(n,c,l);break e}}n=l}else n=po;return null===t.context?t.context=n:t.pendingContext=n,(t=ui(i,a)).payload={element:e},null!==(r=void 0===r?null:r)&&(t.callback=r),di(o,t),pl(o,a,i),a}function Xl(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function ql(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function Kl(e,t){ql(e,t),(e=e.alternate)&&ql(e,t)}function $l(e,t,n){var r=null!=n&&null!=n.hydrationOptions&&n.hydrationOptions.mutableSources||null;if(n=new Vl(e,t,null!=n&&!0===n.hydrate),t=Ul(3,null,null,2===t?7:1===t?3:0),n.current=t,t.stateNode=n,li(t),e[$r]=n.current,Er(8===e.nodeType?e.parentNode:e),r)for(e=0;e<r.length;e++){var o=(t=r[e])._getVersion;o=o(t._source),null==n.mutableSourceEagerHydrationData?n.mutableSourceEagerHydrationData=[t,o]:n.mutableSourceEagerHydrationData.push(t,o)}this._internalRoot=n}function ec(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function tc(e,t,n,r,o){var i=n._reactRootContainer;if(i){var s=i._internalRoot;if("function"==typeof o){var a=o;o=function(){var e=Xl(s);a.call(e)}}Jl(t,s,e,o)}else{if(i=n._reactRootContainer=function(e,t){if(t||(t=!(!(t=e?9===e.nodeType?e.documentElement:e.firstChild:null)||1!==t.nodeType||!t.hasAttribute("data-reactroot"))),!t)for(var n;n=e.lastChild;)e.removeChild(n);return new $l(e,0,t?{hydrate:!0}:void 0)}(n,r),s=i._internalRoot,"function"==typeof o){var l=o;o=function(){var e=Xl(s);l.call(e)}}!function(e,t){var n=Ia;Ia&=-2,Ia|=8;try{return e(t)}finally{0===(Ia=n)&&(Ha(),Vo())}}((function(){Jl(t,s,e,o)}))}return Xl(s)}Qa=function(e,t,n){var r=t.lanes;if(null!==e)if(e.memoizedProps!==t.pendingProps||Mo.current)Ys=!0;else{if(!(n&r)){switch(Ys=!1,t.tag){case 3:Qs(t),Fi();break;case 5:Oi(t);break;case 1:Co(t.type)&&bo(t);break;case 4:ki(t,t.stateNode.containerInfo);break;case 10:r=t.memoizedProps.value;var o=t.type._context;uo(Ko,o._currentValue),o._currentValue=r;break;case 13:if(null!==t.memoizedState)return n&t.child.childLanes?Ks(e,t,n):(uo(Pi,1&Pi.current),null!==(t=ra(e,t,n))?t.sibling:null);uo(Pi,1&Pi.current);break;case 19:if(r=!!(n&t.childLanes),64&e.flags){if(r)return na(e,t,n);t.flags|=64}if(null!==(o=t.memoizedState)&&(o.rendering=null,o.tail=null,o.lastEffect=null),uo(Pi,Pi.current),r)break;return null;case 23:case 24:return t.lanes=0,Gs(e,t,n)}return ra(e,t,n)}Ys=!!(16384&e.flags)}else Ys=!1;switch(t.lanes=0,t.tag){case 2:if(r=t.type,null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),e=t.pendingProps,o=Lo(t,Ao.current),ii(t,n),o=ss(null,t,r,e,o,n),t.flags|=1,"object"==typeof o&&null!==o&&"function"==typeof o.render&&void 0===o.$$typeof){if(t.tag=1,t.memoizedState=null,t.updateQueue=null,Co(r)){var i=!0;bo(t)}else i=!1;t.memoizedState=null!==o.state&&void 0!==o.state?o.state:null,li(t);var a=r.getDerivedStateFromProps;"function"==typeof a&&Li(t,r,a,e),o.updater=Ci,t.stateNode=o,o._reactInternals=t,bi(t,r,e,n),t=Hs(null,t,r,!0,i,n)}else t.tag=0,Ps(null,t,o,n),t=t.child;return t;case 16:o=t.elementType;e:{switch(null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),e=t.pendingProps,o=(i=o._init)(o._payload),t.type=o,i=t.tag=function(e){if("function"==typeof e)return Gl(e)?1:0;if(null!=e){if((e=e.$$typeof)===D)return 11;if(e===T)return 14}return 2}(o),e=qo(o,e),i){case 0:t=_s(null,t,o,e,n);break e;case 1:t=Ws(null,t,o,e,n);break e;case 11:t=Bs(null,t,o,e,n);break e;case 14:t=Rs(null,t,o,qo(o.type,e),r,n);break e}throw Error(s(306,o,""))}return t;case 0:return r=t.type,o=t.pendingProps,_s(e,t,r,o=t.elementType===r?o:qo(r,o),n);case 1:return r=t.type,o=t.pendingProps,Ws(e,t,r,o=t.elementType===r?o:qo(r,o),n);case 3:if(Qs(t),r=t.updateQueue,null===e||null===r)throw Error(s(282));if(r=t.pendingProps,o=null!==(o=t.memoizedState)?o.element:null,ci(e,t),Ai(t,r,null,n),(r=t.memoizedState.element)===o)Fi(),t=ra(e,t,n);else{if((i=(o=t.stateNode).hydrate)&&(Ui=Fr(t.stateNode.containerInfo.firstChild),Ri=t,i=Gi=!0),i){if(null!=(e=o.mutableSourceEagerHydrationData))for(o=0;o<e.length;o+=2)(i=e[o])._workInProgressVersionPrimary=e[o+1],Vi.push(i);for(n=Si(t,null,r,n),t.child=n;n;)n.flags=-3&n.flags|1024,n=n.sibling}else Ps(e,t,r,n),Fi();t=t.child}return t;case 5:return Oi(t),null===e&&Wi(t),r=t.type,o=t.pendingProps,i=null!==e?e.memoizedProps:null,a=o.children,_r(r,o)?a=null:null!==i&&_r(r,i)&&(t.flags|=16),Zs(e,t),Ps(e,t,a,n),t.child;case 6:return null===e&&Wi(t),null;case 13:return Ks(e,t,n);case 4:return ki(t,t.stateNode.containerInfo),r=t.pendingProps,null===e?t.child=Ni(t,null,r,n):Ps(e,t,r,n),t.child;case 11:return r=t.type,o=t.pendingProps,Bs(e,t,r,o=t.elementType===r?o:qo(r,o),n);case 7:return Ps(e,t,t.pendingProps,n),t.child;case 8:case 12:return Ps(e,t,t.pendingProps.children,n),t.child;case 10:e:{r=t.type._context,o=t.pendingProps,a=t.memoizedProps,i=o.value;var l=t.type._context;if(uo(Ko,l._currentValue),l._currentValue=i,null!==a)if(l=a.value,0==(i=cr(l,i)?0:0|("function"==typeof r._calculateChangedBits?r._calculateChangedBits(l,i):1073741823))){if(a.children===o.children&&!Mo.current){t=ra(e,t,n);break e}}else for(null!==(l=t.child)&&(l.return=t);null!==l;){var c=l.dependencies;if(null!==c){a=l.child;for(var u=c.firstContext;null!==u;){if(u.context===r&&u.observedBits&i){1===l.tag&&((u=ui(-1,n&-n)).tag=2,di(l,u)),l.lanes|=n,null!==(u=l.alternate)&&(u.lanes|=n),oi(l.return,n),c.lanes|=n;break}u=u.next}}else a=10===l.tag&&l.type===t.type?null:l.child;if(null!==a)a.return=l;else for(a=l;null!==a;){if(a===t){a=null;break}if(null!==(l=a.sibling)){l.return=a.return,a=l;break}a=a.return}l=a}Ps(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,r=(i=t.pendingProps).children,ii(t,n),r=r(o=si(o,i.unstable_observedBits)),t.flags|=1,Ps(e,t,r,n),t.child;case 14:return i=qo(o=t.type,t.pendingProps),Rs(e,t,o,i=qo(o.type,i),r,n);case 15:return Us(e,t,t.type,t.pendingProps,r,n);case 17:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:qo(r,o),null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),t.tag=1,Co(r)?(e=!0,bo(t)):e=!1,ii(t,n),wi(t,r,o),bi(t,r,o,n),Hs(null,t,r,!0,e,n);case 19:return na(e,t,n);case 23:case 24:return Gs(e,t,n)}throw Error(s(156,t.tag))},$l.prototype.render=function(e){Jl(e,this._internalRoot,null,null)},$l.prototype.unmount=function(){var e=this._internalRoot,t=e.containerInfo;Jl(null,e,null,(function(){t[$r]=null}))},et=function(e){13===e.tag&&(pl(e,4,ul()),Kl(e,4))},tt=function(e){13===e.tag&&(pl(e,67108864,ul()),Kl(e,67108864))},nt=function(e){if(13===e.tag){var t=ul(),n=dl(e);pl(e,n,t),Kl(e,n)}},rt=function(e,t){return t()},Ne=function(e,t,n){switch(t){case"input":if(ne(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var o=oo(r);if(!o)throw Error(s(90));q(r),ne(r,o)}}}break;case"textarea":ce(e,n);break;case"select":null!=(t=n.value)&&se(e,!!n.multiple,t,!1)}},Te=function(e,t){var n=Ia;Ia|=1;try{return e(t)}finally{0===(Ia=n)&&(Ha(),Vo())}},ke=function(e,t,n,r,o){var i=Ia;Ia|=4;try{return Qo(98,e.bind(null,t,n,r,o))}finally{0===(Ia=i)&&(Ha(),Vo())}},ze=function(){!(49&Ia)&&(function(){if(null!==nl){var e=nl;nl=null,e.forEach((function(e){e.expiredLanes|=24&e.pendingLanes,Ml(e,_o())}))}Vo()}(),El())},Oe=function(e,t){var n=Ia;Ia|=2;try{return e(t)}finally{0===(Ia=n)&&(Ha(),Vo())}};var nc={findFiberByHostInstance:to,bundleType:0,version:"17.0.2",rendererPackageName:"react-dom"},rc={bundleType:nc.bundleType,version:nc.version,rendererPackageName:nc.rendererPackageName,rendererConfig:nc.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:b.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Ke(e))?null:e.stateNode},findFiberByHostInstance:nc.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var oc=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!oc.isDisabled&&oc.supportsFiber)try{fo=oc.inject(rc),yo=oc}catch(ge){}}t.createPortal=function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!ec(t))throw Error(s(200));return function(e,t,n){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:f,key:null==r?null:""+r,children:e,containerInfo:t,implementation:n}}(e,t,null,n)},t.findDOMNode=function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternals;if(void 0===t){if("function"==typeof e.render)throw Error(s(188));throw Error(s(268,Object.keys(e)))}return null===(e=Ke(t))?null:e.stateNode},t.render=function(e,t,n){if(!ec(t))throw Error(s(200));return tc(null,e,t,!1,n)}},665:(e,t,n)=>{"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=n(903)},924:(e,t,n)=>{"use strict";n(772);var r=n(460),o=60103;if(t.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),t.Fragment=i("react.fragment")}var s=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,a=Object.prototype.hasOwnProperty,l={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var r,i={},c=null,u=null;for(r in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)a.call(t,r)&&!l.hasOwnProperty(r)&&(i[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===i[r]&&(i[r]=t[r]);return{$$typeof:o,type:e,key:c,ref:u,props:i,_owner:s.current}}t.jsx=c,t.jsxs=c},351:(e,t,n)=>{"use strict";var r=n(772),o=60103,i=60106;t.Fragment=60107,t.StrictMode=60108,t.Profiler=60114;var s=60109,a=60110,l=60112;t.Suspense=60113;var c=60115,u=60116;if("function"==typeof Symbol&&Symbol.for){var d=Symbol.for;o=d("react.element"),i=d("react.portal"),t.Fragment=d("react.fragment"),t.StrictMode=d("react.strict_mode"),t.Profiler=d("react.profiler"),s=d("react.provider"),a=d("react.context"),l=d("react.forward_ref"),t.Suspense=d("react.suspense"),c=d("react.memo"),u=d("react.lazy")}var p="function"==typeof Symbol&&Symbol.iterator;function A(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var M={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},g={};function L(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||M}function C(){}function h(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||M}L.prototype.isReactComponent={},L.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error(A(85));this.updater.enqueueSetState(this,e,t,"setState")},L.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},C.prototype=L.prototype;var w=h.prototype=new C;w.constructor=h,r(w,L.prototype),w.isPureReactComponent=!0;var m={current:null},b=Object.prototype.hasOwnProperty,j={key:!0,ref:!0,__self:!0,__source:!0};function f(e,t,n){var r,i={},s=null,a=null;if(null!=t)for(r in void 0!==t.ref&&(a=t.ref),void 0!==t.key&&(s=""+t.key),t)b.call(t,r)&&!j.hasOwnProperty(r)&&(i[r]=t[r]);var l=arguments.length-2;if(1===l)i.children=n;else if(1<l){for(var c=Array(l),u=0;u<l;u++)c[u]=arguments[u+2];i.children=c}if(e&&e.defaultProps)for(r in l=e.defaultProps)void 0===i[r]&&(i[r]=l[r]);return{$$typeof:o,type:e,key:s,ref:a,props:i,_owner:m.current}}function y(e){return"object"==typeof e&&null!==e&&e.$$typeof===o}var x=/\/+/g;function N(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function S(e,t,n,r,s){var a=typeof e;"undefined"!==a&&"boolean"!==a||(e=null);var l=!1;if(null===e)l=!0;else switch(a){case"string":case"number":l=!0;break;case"object":switch(e.$$typeof){case o:case i:l=!0}}if(l)return s=s(l=e),e=""===r?"."+N(l,0):r,Array.isArray(s)?(n="",null!=e&&(n=e.replace(x,"$&/")+"/"),S(s,t,n,"",(function(e){return e}))):null!=s&&(y(s)&&(s=function(e,t){return{$$typeof:o,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(s,n+(!s.key||l&&l.key===s.key?"":(""+s.key).replace(x,"$&/")+"/")+e)),t.push(s)),1;if(l=0,r=""===r?".":r+":",Array.isArray(e))for(var c=0;c<e.length;c++){var u=r+N(a=e[c],c);l+=S(a,t,n,u,s)}else if(u=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=p&&e[p]||e["@@iterator"])?e:null}(e),"function"==typeof u)for(e=u.call(e),c=0;!(a=e.next()).done;)l+=S(a=a.value,t,n,u=r+N(a,c++),s);else if("object"===a)throw t=""+e,Error(A(31,"[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t));return l}function v(e,t,n){if(null==e)return e;var r=[],o=0;return S(e,r,"","",(function(e){return t.call(n,e,o++)})),r}function D(e){if(-1===e._status){var t=e._result;t=t(),e._status=0,e._result=t,t.then((function(t){0===e._status&&(t=t.default,e._status=1,e._result=t)}),(function(t){0===e._status&&(e._status=2,e._result=t)}))}if(1===e._status)return e._result;throw e._result}var I={current:null};function E(){var e=I.current;if(null===e)throw Error(A(321));return e}var T={ReactCurrentDispatcher:I,ReactCurrentBatchConfig:{transition:0},ReactCurrentOwner:m,IsSomeRendererActing:{current:!1},assign:r};t.Children={map:v,forEach:function(e,t,n){v(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return v(e,(function(){t++})),t},toArray:function(e){return v(e,(function(e){return e}))||[]},only:function(e){if(!y(e))throw Error(A(143));return e}},t.Component=L,t.PureComponent=h,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=T,t.cloneElement=function(e,t,n){if(null==e)throw Error(A(267,e));var i=r({},e.props),s=e.key,a=e.ref,l=e._owner;if(null!=t){if(void 0!==t.ref&&(a=t.ref,l=m.current),void 0!==t.key&&(s=""+t.key),e.type&&e.type.defaultProps)var c=e.type.defaultProps;for(u in t)b.call(t,u)&&!j.hasOwnProperty(u)&&(i[u]=void 0===t[u]&&void 0!==c?c[u]:t[u])}var u=arguments.length-2;if(1===u)i.children=n;else if(1<u){c=Array(u);for(var d=0;d<u;d++)c[d]=arguments[d+2];i.children=c}return{$$typeof:o,type:e.type,key:s,ref:a,props:i,_owner:l}},t.createContext=function(e,t){return void 0===t&&(t=null),(e={$$typeof:a,_calculateChangedBits:t,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null}).Provider={$$typeof:s,_context:e},e.Consumer=e},t.createElement=f,t.createFactory=function(e){var t=f.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:l,render:e}},t.isValidElement=y,t.lazy=function(e){return{$$typeof:u,_payload:{_status:-1,_result:e},_init:D}},t.memo=function(e,t){return{$$typeof:c,type:e,compare:void 0===t?null:t}},t.useCallback=function(e,t){return E().useCallback(e,t)},t.useContext=function(e,t){return E().useContext(e,t)},t.useDebugValue=function(){},t.useEffect=function(e,t){return E().useEffect(e,t)},t.useImperativeHandle=function(e,t,n){return E().useImperativeHandle(e,t,n)},t.useLayoutEffect=function(e,t){return E().useLayoutEffect(e,t)},t.useMemo=function(e,t){return E().useMemo(e,t)},t.useReducer=function(e,t,n){return E().useReducer(e,t,n)},t.useRef=function(e){return E().useRef(e)},t.useState=function(e){return E().useState(e)},t.version="17.0.2"},460:(e,t,n)=>{"use strict";e.exports=n(351)},88:(e,t,n)=>{"use strict";e.exports=n(924)},447:(e,t)=>{"use strict";var n,r,o,i;if("object"==typeof performance&&"function"==typeof performance.now){var s=performance;t.unstable_now=function(){return s.now()}}else{var a=Date,l=a.now();t.unstable_now=function(){return a.now()-l}}if("undefined"==typeof window||"function"!=typeof MessageChannel){var c=null,u=null,d=function(){if(null!==c)try{var e=t.unstable_now();c(!0,e),c=null}catch(e){throw setTimeout(d,0),e}};n=function(e){null!==c?setTimeout(n,0,e):(c=e,setTimeout(d,0))},r=function(e,t){u=setTimeout(e,t)},o=function(){clearTimeout(u)},t.unstable_shouldYield=function(){return!1},i=t.unstable_forceFrameRate=function(){}}else{var p=window.setTimeout,A=window.clearTimeout;if("undefined"!=typeof console){var M=window.cancelAnimationFrame;"function"!=typeof window.requestAnimationFrame&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"),"function"!=typeof M&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills")}var g=!1,L=null,C=-1,h=5,w=0;t.unstable_shouldYield=function(){return t.unstable_now()>=w},i=function(){},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"):h=0<e?Math.floor(1e3/e):5};var m=new MessageChannel,b=m.port2;m.port1.onmessage=function(){if(null!==L){var e=t.unstable_now();w=e+h;try{L(!0,e)?b.postMessage(null):(g=!1,L=null)}catch(e){throw b.postMessage(null),e}}else g=!1},n=function(e){L=e,g||(g=!0,b.postMessage(null))},r=function(e,n){C=p((function(){e(t.unstable_now())}),n)},o=function(){A(C),C=-1}}function j(e,t){var n=e.length;e.push(t);e:for(;;){var r=n-1>>>1,o=e[r];if(!(void 0!==o&&0<x(o,t)))break e;e[r]=t,e[n]=o,n=r}}function f(e){return void 0===(e=e[0])?null:e}function y(e){var t=e[0];if(void 0!==t){var n=e.pop();if(n!==t){e[0]=n;e:for(var r=0,o=e.length;r<o;){var i=2*(r+1)-1,s=e[i],a=i+1,l=e[a];if(void 0!==s&&0>x(s,n))void 0!==l&&0>x(l,s)?(e[r]=l,e[a]=n,r=a):(e[r]=s,e[i]=n,r=i);else{if(!(void 0!==l&&0>x(l,n)))break e;e[r]=l,e[a]=n,r=a}}}return t}return null}function x(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}var N=[],S=[],v=1,D=null,I=3,E=!1,T=!1,k=!1;function z(e){for(var t=f(S);null!==t;){if(null===t.callback)y(S);else{if(!(t.startTime<=e))break;y(S),t.sortIndex=t.expirationTime,j(N,t)}t=f(S)}}function O(e){if(k=!1,z(e),!T)if(null!==f(N))T=!0,n(Y);else{var t=f(S);null!==t&&r(O,t.startTime-e)}}function Y(e,n){T=!1,k&&(k=!1,o()),E=!0;var i=I;try{for(z(n),D=f(N);null!==D&&(!(D.expirationTime>n)||e&&!t.unstable_shouldYield());){var s=D.callback;if("function"==typeof s){D.callback=null,I=D.priorityLevel;var a=s(D.expirationTime<=n);n=t.unstable_now(),"function"==typeof a?D.callback=a:D===f(N)&&y(N),z(n)}else y(N);D=f(N)}if(null!==D)var l=!0;else{var c=f(S);null!==c&&r(O,c.startTime-n),l=!1}return l}finally{D=null,I=i,E=!1}}var P=i;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(){T||E||(T=!0,n(Y))},t.unstable_getCurrentPriorityLevel=function(){return I},t.unstable_getFirstCallbackNode=function(){return f(N)},t.unstable_next=function(e){switch(I){case 1:case 2:case 3:var t=3;break;default:t=I}var n=I;I=t;try{return e()}finally{I=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=P,t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=I;I=e;try{return t()}finally{I=n}},t.unstable_scheduleCallback=function(e,i,s){var a=t.unstable_now();switch(s="object"==typeof s&&null!==s&&"number"==typeof(s=s.delay)&&0<s?a+s:a,e){case 1:var l=-1;break;case 2:l=250;break;case 5:l=1073741823;break;case 4:l=1e4;break;default:l=5e3}return e={id:v++,callback:i,priorityLevel:e,startTime:s,expirationTime:l=s+l,sortIndex:-1},s>a?(e.sortIndex=s,j(S,e),null===f(N)&&e===f(S)&&(k?o():k=!0,r(O,s-a))):(e.sortIndex=l,j(N,e),T||E||(T=!0,n(Y))),e},t.unstable_wrapCallback=function(e){var t=I;return function(){var n=I;I=t;try{return e.apply(this,arguments)}finally{I=n}}}},798:(e,t,n)=>{"use strict";e.exports=n(447)},392:e=>{"use strict";var t=[];function n(e){for(var n=-1,r=0;r<t.length;r++)if(t[r].identifier===e){n=r;break}return n}function r(e,r){for(var i={},s=[],a=0;a<e.length;a++){var l=e[a],c=r.base?l[0]+r.base:l[0],u=i[c]||0,d="".concat(c," ").concat(u);i[c]=u+1;var p=n(d),A={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(-1!==p)t[p].references++,t[p].updater(A);else{var M=o(A,r);r.byIndex=a,t.splice(a,0,{identifier:d,updater:M,references:1})}s.push(d)}return s}function o(e,t){var n=t.domAPI(t);return n.update(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap&&t.supports===e.supports&&t.layer===e.layer)return;n.update(e=t)}else n.remove()}}e.exports=function(e,o){var i=r(e=e||[],o=o||{});return function(e){e=e||[];for(var s=0;s<i.length;s++){var a=n(i[s]);t[a].references--}for(var l=r(e,o),c=0;c<i.length;c++){var u=n(i[c]);0===t[u].references&&(t[u].updater(),t.splice(u,1))}i=l}}},187:e=>{"use strict";var t={};e.exports=function(e,n){var r=function(e){if(void 0===t[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}t[e]=n}return t[e]}(e);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(n)}},316:e=>{"use strict";e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},784:(e,t,n)=>{"use strict";e.exports=function(e){var t=n.nc;t&&e.setAttribute("nonce",t)}},633:e=>{"use strict";e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(n){!function(e,t,n){var r="";n.supports&&(r+="@supports (".concat(n.supports,") {")),n.media&&(r+="@media ".concat(n.media," {"));var o=void 0!==n.layer;o&&(r+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),r+=n.css,o&&(r+="}"),n.media&&(r+="}"),n.supports&&(r+="}");var i=n.sourceMap;i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),t.styleTagTransform(r,e,t.options)}(t,e,n)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},809:e=>{"use strict";e.exports=function(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}},395:t=>{"use strict";t.exports=e},566:e=>{"use strict";e.exports=t},368:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=s(e,i(n)))}return e}function i(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return o.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)r.call(e,n)&&e[n]&&(t=s(t,n));return t}function s(e,t){return t?e?e+" "+t:e+t:e}e.exports?(o.default=o,e.exports=o):void 0===(n=function(){return o}.apply(t,[]))||(e.exports=n)}()}},r={};function o(e){var t=r[e];if(void 0!==t)return t.exports;var i=r[e]={id:e,exports:{}};return n[e](i,i.exports,o),i.exports}o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.nc=void 0;var i={};return(()=>{"use strict";o.d(i,{default:()=>ns});var e={};o.r(e),o.d(e,{GUIEditor:()=>es});var t=o(460),n=o(665),r=o(395);class s{constructor(){this.lock=!1}}var a=o(566);class l{constructor(e,t,n,r){this.left=e,this.top=t,this.right=n,this.bottom=r}clone(){return new l(this.left,this.top,this.right,this.bottom)}get center(){const e=new r.Vector2(this.left,this.top);return e.addInPlace(new r.Vector2(this.right,this.bottom).subtractInPlace(e).multiplyByFloats(.5,.5))}get width(){return this.right-this.left}get height(){return this.bottom-this.top}}const c=e=>Math.round(100*e)/100;class u{static GetScale(e,t){let n=e.scaleX,o=e.scaleY;if(t)return new r.Vector2(n,o);let i=e.parent;for(;i;)n*=i.scaleX,o*=i.scaleY,i=i.parent;return new r.Vector2(n,o)}static GetRotation(e,t){let n=e.rotation;if(t)return n;let r=e.parent;for(;r;)n+=r.rotation,r=r.parent;return n}static GetParentSizes(e){const t=new a.Measure(0,0,0,0);if(e.parent&&(t.copyFrom(e.parent._currentMeasure),"Grid"===e.parent.typeName)){const n=e.parent.getChildCellInfo(e),r=e.parent.cells[n];r&&(t.width=r.widthInPixels,t.height=r.heightInPixels)}return t}static GetNodeMatrix(e,t){const n=this.GlobalState.guiTexture.getSize();let r,o;if(e.parent){const t=u.GetParentSizes(e);r=t.width,o=t.height}else r=n.width,o=n.height;let i=0,s=0;const l=t?t.width:e.widthInPixels,c=t?t.height:e.heightInPixels,d=t?t.left:e.leftInPixels,p=t?t.top:e.topInPixels;switch(e.horizontalAlignment){case a.Control.HORIZONTAL_ALIGNMENT_LEFT:i=-(r-l)/2;break;case a.Control.HORIZONTAL_ALIGNMENT_RIGHT:i=(r-l)/2;break;case a.Control.HORIZONTAL_ALIGNMENT_CENTER:i=0}switch(e.verticalAlignment){case a.Control.VERTICAL_ALIGNMENT_TOP:s=-(o-c)/2;break;case a.Control.VERTICAL_ALIGNMENT_BOTTOM:s=(o-c)/2;break;case a.Control.VERTICAL_ALIGNMENT_CENTER:s=0}this._ResetMatrixArray();const A=this._MatrixCache[0],M=this._MatrixCache[1],g=a.Matrix2D.Identity();let L=l*e.transformCenterX-l/2,C=c*e.transformCenterY-c/2;e.descendantsOnlyPadding||(L-=1*(e.paddingRightInPixels-e.paddingLeftInPixels)/2,C-=1*(e.paddingBottomInPixels-e.paddingTopInPixels)/2),a.Matrix2D.TranslationToRef(i+d,s+p,M);const h=this.GetRotation(e,!0),w=this.GetScale(e,!0);return a.Matrix2D.ComposeToRef(-L,-C,h,w.x,w.y,null,A),g.multiplyToRef(A,g),g.multiplyToRef(M,g),g}static NodeToRTTWorldMatrix(e,t,n){const r=[e];let o=e.parent,i=e;for(;o&&i!==n;){if("Grid"===o.typeName){const e=o.getChildCellInfo(i),t=o.cells[e];r.push(t)}r.push(o),i=o,o=o.parent}this._ResetMatrixArray();const s=r.map(((e,n)=>this.GetNodeMatrix(e,0===n?t:void 0)));return s.reduce(((e,t)=>(e.multiplyToRef(t,e),e)),this._MatrixCache[2])}static NodeToRTTSpace(e,t,n,o=new r.Vector2,i,s){return this.NodeToRTTWorldMatrix(e,i,s).transformCoordinates(t,n,o),o.x=c(o.x),o.y=c(o.y),o}static RttToLocalNodeSpace(e,t,n,o=new r.Vector2,i){const s=this.NodeToRTTWorldMatrix(e,i),a=this._MatrixCache[3];return s.invertToRef(a),a.transformCoordinates(t,n,o),o.x=c(o.x),o.y=c(o.y),o}static RttToCanvasSpace(e,t){const n=this.GlobalState.workbench._scene.getEngine();return new r.Vector2(e+n.getRenderWidth()/2,t+n.getRenderHeight()/2)}static MousePointerToRTTSpace(e,t,n){const o=this.GlobalState.workbench._scene,i=o.getEngine();return new r.Vector2((t||o.pointerX)-i.getRenderWidth()/2,(n||o.pointerY)-i.getRenderHeight()/2)}static _ResetMatrixArray(){this._MatrixCache.forEach((e=>{a.Matrix2D.IdentityToRef(e)}))}static ComputeLocalBounds(e){return new l(.5*-e.widthInPixels,.5*-e.heightInPixels,.5*e.widthInPixels,.5*e.heightInPixels)}static ConvertToPercentage(e,t=["left","top","width","height"],n){let r=1,o=1;if(e.parent)if("Grid"===e.parent.typeName){const t=e.parent.getChildCellInfo(e),n=e.parent.cells[t];r=n.widthInPixels,o=n.heightInPixels}else if("Rectangle"===e.parent.typeName||"Button"===e.parent.typeName){const t=2*e.parent.thickness;r=e.parent._currentMeasure.width-t,o=e.parent._currentMeasure.height-t}else r=e.parent._currentMeasure.width,o=e.parent._currentMeasure.height;for(const i of t){const t=e[i],s="left"===i||"width"===i||"paddingLeft"===i||"paddingRight"===i?r:o,a=100*e[`${i}InPixels`]/s;e[i]=`${a.toFixed(2)}%`,n?.notifyObservers({object:e,initialValue:t,value:e[i],property:i})}}static Round(e){return Math.floor(100*e)/100}static ConvertToPixels(e,t=["left","top","width","height"],n){const r=u.GetParentSizes(e);e._processMeasures(r,e.host.getContext());for(const r of t){const t=e[r];e[`_${r}`]=new a.ValueAndUnit(this.Round(e[`${r}InPixels`]),a.ValueAndUnit.UNITMODE_PIXEL),n?.notifyObservers({object:e,initialValue:t,value:e[r],property:r})}}}u._MatrixCache=[a.Matrix2D.Identity(),a.Matrix2D.Identity(),a.Matrix2D.Identity(),a.Matrix2D.Identity()];class d{constructor(e){this._kdListener=e=>this._keyEvent(e,!0),this._kuListener=e=>this._keyEvent(e,!1),this._moveListener=e=>this._updateModifierKeys(e),this._focusOutListener=()=>this._clearKeys(),this._keys=new Set,this._hostElement=e,e.addEventListener("keydown",this._kdListener),e.addEventListener("keypress",this._kdListener),e.addEventListener("keyup",this._kuListener),e.addEventListener("mousemove",this._moveListener),e.addEventListener("focusout",this._focusOutListener),this.onKeyPressedObservable=new r.Observable}_keyEvent(e,t){this._updateModifierKeys(e)," "===e.key&&this._setKeyDown("space",t)}_updateModifierKeys(e){this._setKeyDown("control",e.ctrlKey),this._setKeyDown("alt",e.altKey),this._setKeyDown("shift",e.shiftKey),this._setKeyDown("meta",e.metaKey)}_setKeyDown(e,t){this._keys.has(e)!==t&&(t?this._keys.add(e):this._keys.delete(e),this.onKeyPressedObservable.notifyObservers(e))}_clearKeys(){for(const e of this._keys)this._keys.delete(e),this.onKeyPressedObservable.notifyObservers(e)}isKeyDown(e){return this._keys.has(e)}dispose(){this._hostElement.removeEventListener("keydown",this._kdListener),this._hostElement.removeEventListener("keypress",this._kdListener),this._hostElement.removeEventListener("keyup",this._kuListener),this._hostElement.removeEventListener("mousemove",this._moveListener),this._hostElement.removeEventListener("focusout",this._focusOutListener)}}var p,A;!function(e){e[e.ABOVE=0]="ABOVE",e[e.BELOW=1]="BELOW",e[e.CENTER=2]="CENTER",e[e.NONE=3]="NONE"}(p||(p={})),function(e){e[e.SELECT=0]="SELECT",e[e.PAN=1]="PAN",e[e.ZOOM=2]="ZOOM"}(A||(A={}));class M{get tool(){return this._tool===A.ZOOM?A.ZOOM:this._tool===A.PAN?A.PAN:A.SELECT}set tool(e){this._tool!==e&&(this._prevTool=this._tool,this._tool=e,this.onToolChangeObservable.notifyObservers())}get usePrevSelected(){return this._usePrevSelected}set usePrevSelected(e){this._usePrevSelected=e}restorePreviousTool(){this._tool!==this._prevTool&&(this._tool=this._prevTool,this.onToolChangeObservable.notifyObservers())}constructor(){this.selectedControls=[],this.onSelectionChangedObservable=new r.Observable,this.onResizeObservable=new r.Observable,this.onBuiltObservable=new r.Observable,this.onResetRequiredObservable=new r.Observable,this.onUpdateRequiredObservable=new r.Observable,this.onLogRequiredObservable=new r.Observable,this.onErrorMessageDialogRequiredObservable=new r.Observable,this.onIsLoadingChanged=new r.Observable,this.onSelectionBoxMoved=new r.Observable,this.onNewSceneObservable=new r.Observable,this.onGuiNodeRemovalObservable=new r.Observable,this.onPopupClosedObservable=new r.Observable,this._outlines=!1,this.blockKeyboardEvents=!1,this.onOutlineChangedObservable=new r.Observable,this.onPropertyChangedObservable=new r.Observable,this._tool=A.SELECT,this._prevTool=this._tool,this.onToolChangeObservable=new r.Observable,this.onFitControlsToWindowObservable=new r.Observable,this.onReframeWindowObservable=new r.Observable,this.onLoadObservable=new r.Observable,this.onSaveObservable=new r.Observable,this.onSaveSelectedControl=new r.Observable,this.onSnippetLoadObservable=new r.Observable,this.onSnippetSaveObservable=new r.Observable,this.onControlLoadObservable=new r.Observable,this.onResponsiveChangeObservable=new r.Observable,this.onParentingChangeObservable=new r.Observable,this.onDropObservable=new r.Observable,this.onPropertyGridUpdateRequiredObservable=new r.Observable,this.onDraggingEndObservable=new r.Observable,this.onDraggingStartObservable=new r.Observable,this.onWindowResizeObservable=new r.Observable,this.onGizmoUpdateRequireObservable=new r.Observable,this.onArtBoardUpdateRequiredObservable=new r.Observable,this.onBackgroundColorChangeObservable=new r.Observable,this.onFontsParsedObservable=new r.Observable,this.onPointerMoveObservable=new r.Observable,this.onPointerUpObservable=new r.Observable,this.draggedControl=null,this.onCopyObservable=new r.Observable,this.onCutObservable=new r.Observable,this.onPasteObservable=new r.Observable,this.isSaving=!1,this.lockObject=new s,this.shiftKeyPressed=!1,this.controlCamera=r.DataStorage.ReadBoolean("ControlCamera",!0);const e=r.DataStorage.ReadNumber("BackgroundColorR",.8),t=r.DataStorage.ReadNumber("BackgroundColorG",.8),n=r.DataStorage.ReadNumber("BackgroundColorB",.8);this.backgroundColor=new r.Color3(e,t,n),this.onBackgroundColorChangeObservable.notifyObservers(),u.GlobalState=this}registerEventListeners(){const e=e=>e.isContentEditable||"INPUT"===e.tagName||"TEXTAREA"===e.tagName;this.hostDocument.addEventListener("copy",(t=>{e(t.target)||(this.onCopyObservable.notifyObservers((e=>t.clipboardData?.setData("text/plain",e))),t.preventDefault())})),this.hostDocument.addEventListener("cut",(t=>{e(t.target)||(this.onCutObservable.notifyObservers((e=>t.clipboardData?.setData("text/plain",e))),t.preventDefault())})),this.hostDocument.addEventListener("paste",(t=>{e(t.target)||(this.onPasteObservable.notifyObservers(t.clipboardData?.getData("text")||""),t.preventDefault())})),this.keys=new d(this.hostDocument),this.keys.onKeyPressedObservable.add((()=>{this.onToolChangeObservable.notifyObservers()}))}get backgroundColor(){return this._backgroundColor}get fromPG(){return this._fromPG}set fromPG(e){this._fromPG=e}set backgroundColor(e){this._backgroundColor=e,this.onBackgroundColorChangeObservable.notifyObservers(),r.DataStorage.WriteNumber("BackgroundColorR",e.r),r.DataStorage.WriteNumber("BackgroundColorG",e.g),r.DataStorage.WriteNumber("BackgroundColorB",e.b)}get outlines(){return this._outlines}set outlines(e){this._outlines=e,this.onOutlineChangedObservable.notifyObservers()}select(e){this.keys.isKeyDown("control")&&this.isMultiSelectable(e)?-1===this.selectedControls.indexOf(e)?this.setSelection([...this.selectedControls,e]):this.setSelection(this.selectedControls.filter((t=>t!==e))):this.setSelection([e])}setSelection(e){this.selectedControls=[...e],this.onSelectionChangedObservable.notifyObservers()}_findParentControlInTexture(e,t){const n=[e.rootContainer];for(;n.length>0;){const e=n.splice(0,1)[0],r=e.children;if(-1!==r.indexOf(t))return e;for(const e of r)e instanceof a.Container&&n.push(e)}return null}deleteSelectedNodes(){for(const e of this.selectedControls){const t=this._findParentControlInTexture(this.guiTexture,e);if(t?.removeControl(e),this.liveGuiTexture){const t=e.getDescendants();for(const e of t){const t=this._findParentControlInTexture(this.liveGuiTexture,e);t?.removeControl(e),e.dispose()}const n=this._findParentControlInTexture(this.liveGuiTexture,e);n?.removeControl(e)}e.dispose()}this.setSelection([])}isMultiSelectable(e){return 0===this.selectedControls.length||this.selectedControls[0].parent===e.parent}dispose(){this.keys.dispose()}}var g=o(88);class L{static _SaveAs(e,t,n){if("download"in HTMLAnchorElement.prototype){const r=window.URL||window.webkitURL,o=n.createElement("a");return o.download=t,o.rel="noopener",o.href=r.createObjectURL(e),setTimeout((()=>{r.revokeObjectURL(o.href)}),4e4),void setTimeout((()=>{this._Click(o,n)}),0)}let r=open("","_blank");r&&(r.document.title=r.document.body.innerText="downloading...");const o="application/octet-stream"===e.type,i=/constructor/i.test(window.HTMLElement)||window.safari,s=/CriOS\/[\d]+/.test(navigator.userAgent);if((s||o&&i)&&"undefined"!=typeof FileReader){const t=new FileReader;t.onloadend=()=>{let e=t.result;e=s?e:e.replace(/^data:[^;]*;/,"data:attachment/file;"),r?r.location.href=e:location.href=e,r=null},t.readAsDataURL(e)}else{const t=window.URL||window.webkitURL,n=t.createObjectURL(e);r?r.location.href=n:location.href=n,r=null,setTimeout((function(){t.revokeObjectURL(n)}),4e4)}}static _Click(e,t){try{e.dispatchEvent(new MouseEvent("click"))}catch(n){const r=t.createEvent("MouseEvents");r.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),e.dispatchEvent(r)}}static DownloadAsFile(e,t,n){const r=new Blob([t],{type:"application/octet-stream"});this._SaveAs(r,n,e)}}class C extends t.Component{constructor(e){super(e)}onLink(){this.props.url?window.open(this.props.url,"_blank"):this.props.onLink&&this.props.onLink()}renderContent(){return this.props.ignoreValue?null:this.props.onLink||this.props.url?(0,g.jsx)("div",{className:"link-value",title:this.props.tooltip??this.props.label??"",onClick:()=>this.onLink(),children:this.props.url?"doc":this.props.value||"no name"}):(0,g.jsx)("div",{className:"value",title:this.props.tooltip??this.props.label??"",style:{color:this.props.color?this.props.color:""},children:this.props.value||"no name"})}render(){return(0,g.jsxs)("div",{className:this.props.underline?"textLine underline":"textLine"+(this.props.additionalClass?" "+this.props.additionalClass:""),children:[this.props.icon&&(0,g.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),(0,g.jsx)("div",{className:"label",title:this.props.tooltip??this.props.label??"",children:this.props.label??""}),this.renderContent()]})}}let h="";const w=void 0!==o.g?o.g:"undefined"!=typeof window?window:void 0;function m(e){const t=document.createElement("div");if(t.textContent=e,document.body.appendChild(t),window.getSelection){const e=document.createRange();e.selectNode(t),window.getSelection().removeAllRanges(),window.getSelection().addRange(e)}document.execCommand("copy"),t.remove()}function b(e){let t=(0,r.GetClassName)(e);return t.includes("BABYLON.")&&(t=t.split("BABYLON.")[1]),{className:t,babylonNamespace:h}}void 0!==w&&void 0!==w.BABYLON&&(h="BABYLON.");const j="—";function f(e,t,n=((e,t)=>e[t])){return new Proxy({},{get(t,r){const o=r;if(0===e.length)return j;const i=n(e[0],o);for(const t of e)if(n(t,o)!==i)return j;return i},set(n,r,o){if("—"===o)return!0;const i=r;for(const n of e){const e=n[i];n[i]=o,t&&t.notifyObservers({object:n,property:r,value:n[i],initialValue:e})}return!0}})}class y extends t.Component{constructor(){super(...arguments),this._arrowsRef=t.createRef(),this._drag=e=>{this.props.incrementValue(-e.movementY)},this._releaseListener=()=>{this.props.setDragging(!1),this._arrowsRef.current?.ownerDocument.exitPointerLock(),this._arrowsRef.current?.ownerDocument.defaultView.removeEventListener("pointerup",this._releaseListener),this._arrowsRef.current?.ownerDocument.removeEventListener("pointerlockchange",this._lockChangeListener),this._arrowsRef.current?.ownerDocument.defaultView.removeEventListener("mousemove",this._drag)},this._lockChangeListener=()=>{this._arrowsRef.current?.ownerDocument.pointerLockElement!==this._arrowsRef.current&&this._releaseListener()}}render(){return(0,g.jsxs)("div",{className:"arrows",ref:this._arrowsRef,onPointerDown:()=>{this._arrowsRef.current?.ownerDocument.addEventListener("pointerlockchange",this._lockChangeListener),this._arrowsRef.current?.ownerDocument.defaultView.addEventListener("pointerup",this._releaseListener),this._arrowsRef.current?.ownerDocument.defaultView.addEventListener("mousemove",this._drag),this.props.setDragging(!0),this._arrowsRef.current?.requestPointerLock()},onDragStart:e=>e.preventDefault(),children:[(0,g.jsx)("img",{className:"upArrowIcon",src:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE1IDE1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNC4wOSw5LjQ1YS42LjYsMCwwLDEsMC0uODRsMy0zYS42LjYsMCwwLDEsLjg0LDBsMywzYS42LjYsMCwwLDEsMCwuODQuNjEuNjEsMCwwLDEtLjg1LDBsLTItMnY1LjczYS42LjYsMCwwLDEtMS4yLDBWNy40OGwtMiwyQS42MS42MSwwLDAsMSw0LjA5LDkuNDVaIi8+PC9zdmc+",alt:"Increase Value"}),(0,g.jsx)("img",{className:"downArrowIcon",src:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE1IDE1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNC4wOSw1LjU1YS42MS42MSwwLDAsMSwuODUsMGwyLDJWMS43OWEuNi42LDAsMSwxLDEuMiwwVjcuNTJsMi0yYS42MS42MSwwLDAsMSwuODUsMCwuNi42LDAsMCwxLDAsLjg0bC0zLDNhLjYuNiwwLDAsMS0uODQsMGwtMy0zQS42LjYsMCwwLDEsNC4wOSw1LjU1WiIvPjwvc3ZnPg==",alt:"Increase Value"})]})}}const x="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5jb3B5PC90aXRsZT48ZyBpZD0iVUlfRWxlbWVudHMiIGRhdGEtbmFtZT0iVUkgRWxlbWVudHMiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTI0LDE0Ljg5SDIyLjc2bC0zLTNIMTIuNDNWMjYuNTloNC4yNnYzaDExLjVWMTlabS4zLDEuNzEsMi4xNCwyLjEzSDI0LjM0Wm0tMTAuOTEsOVYxMi45M2g1LjkzbDIsMkgxNi42OXYxMC43Wm00LjI2LDNWMTUuODloNS42NXYzLjg0aDMuODV2OC44M1oiLz48L2c+PC9zdmc+";class N extends t.Component{constructor(e){super(e),this._localChange=!1;const t=this.props.target[this.props.propertyName];this.state={value:this.getValueString(t,this.props),dragging:!1},this._store=t}componentWillUnmount(){this.unlock()}getValueString(e,t){return e?e===j?j:t.isInteger?e.toFixed(0):e.toFixed(t.digits||4):"0"}shouldComponentUpdate(e,t){if(this._localChange)return this._localChange=!1,!0;const n=e.target[e.propertyName],r=this.getValueString(n,e);return r!==t.value?(t.value=r,!0):t.dragging!=this.state.dragging||e.unit!==this.props.unit||e.isInteger!==this.props.isInteger}raiseOnPropertyChanged(e,t){this.props.onChange&&this.props.onChange(e),this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:this.props.target,property:this.props.propertyName,value:e,initialValue:t})}updateValue(e){if(/[^0-9.-]/g.test(e))return;let t;t=this.props.isInteger?parseInt(e):parseFloat(e),isNaN(t)?null!=this.props.defaultValue&&(t=this.props.defaultValue):(void 0!==this.props.min&&t<this.props.min&&(t=this.props.min,e=t.toString()),void 0!==this.props.max&&t>this.props.max&&(t=this.props.max,e=t.toString())),this._localChange=!0,this.setState({value:e}),isNaN(t)||(this.props.target[this.props.propertyName]=t,this.raiseOnPropertyChanged(t,this._store),this._store=t)}lock(){this.props.lockObject&&(this.props.lockObject.lock=!0)}unlock(){this.props.lockObject&&(this.props.lockObject.lock=!1)}incrementValue(e,t=!0){t&&this.props.step&&(e*=parseFloat(this.props.step));let n=parseFloat(this.state.value);isNaN(n)&&(n=0),this.updateValue((n+e).toFixed(2))}onKeyDown(e){const t=parseFloat(this.props.step||this.props.isInteger?"1":"0.01"),n=n=>{e.shiftKey&&(n*=10,(e.ctrlKey||e.metaKey)&&(n*=10)),this.incrementValue(n*t,!1),e.preventDefault()};"ArrowUp"===e.key?n(1):"ArrowDown"===e.key&&n(-1),"Enter"===e.key&&this.props.onEnter&&this.props.onEnter(this._store)}onCopyClick(){if(this.props&&this.props.target){const{className:e,babylonNamespace:t}=b(this.props.target);m("globalThis.debugNode."+this.props.propertyName+" = "+this.props.target[this.props.propertyName]+";// (debugNode as "+t+e+")")}else m("undefined")}render(){let e;e=this.props.isInteger?parseInt(this.state.value):parseFloat(this.state.value);let t=this.props.smallUI?"short":"value";this.state.dragging&&(t+=" dragging"),this.props.arrows&&(t+=" hasArrows");const n=this.state.value===j?"":this.state.value,o=this.state.value===j?j:"";return(0,g.jsxs)(g.Fragment,{children:[!this.props.useEuler&&(0,g.jsxs)("div",{className:this.props.additionalClass?this.props.additionalClass+" floatLine":"floatLine",children:[this.props.icon&&(0,g.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),(!this.props.icon||""!=this.props.label)&&(0,g.jsx)("div",{className:"label",title:this.props.label,children:this.props.label}),(0,g.jsxs)("div",{className:t,children:[(0,g.jsx)("input",{type:"number",step:this.props.step||this.props.isInteger?"1":"0.01",className:"numeric-input",onKeyDown:e=>this.onKeyDown(e),value:n,onBlur:()=>{this.unlock(),this.props.onEnter&&this.props.onEnter(this._store)},placeholder:o,onFocus:()=>this.lock(),onChange:e=>this.updateValue(e.target.value),disabled:this.props.disabled}),this.props.arrows&&(0,g.jsx)(y,{incrementValue:e=>this.incrementValue(e),setDragging:t=>{const n=this.state.dragging;!n&&t&&this.props.onDragStart?this.props.onDragStart(e):n&&!t&&this.props.onDragStop&&this.props.onDragStop(e),this.setState({dragging:t})}})]}),this.props.unit,(0,g.jsx)("div",{className:"copy hoverIcon",onClick:()=>this.onCopyClick(),title:"Copy to clipboard",children:(0,g.jsx)("img",{src:x,alt:"Copy"})})]}),this.props.useEuler&&(0,g.jsx)(S,{lockObject:this.props.lockObject,label:this.props.label,minimum:0,maximum:360,step:.1,directValue:r.Tools.ToDegrees(e),onChange:e=>this.updateValue(r.Tools.ToRadians(e).toString())})]})}}class S extends t.Component{constructor(e){if(super(e),this._localChange=!1,void 0!==this.props.directValue)this.state={value:this.props.directValue};else{let e=this.props.target[this.props.propertyName];void 0===e&&(e=this.props.maximum),this.state={value:e}}}shouldComponentUpdate(e,t){if(void 0!==e.directValue)return t.value=e.directValue,!0;if(e.label!==this.props.label)return!0;let n=e.target[e.propertyName];return void 0===n&&(n=e.maximum),n!==t.value||this._localChange||e.maximum!==this.props.maximum||e.minimum!==this.props.minimum?(t.value=n,this._localChange=!1,!0):e.unit!==this.props.unit}onChange(e){if("—"===e)return;this._localChange=!0;let t=parseFloat(e);this.props.useEuler&&(t=r.Tools.ToRadians(t)),this.props.target&&(this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:this.props.target,property:this.props.propertyName,value:t,initialValue:this.state.value}),this.props.target[this.props.propertyName]=t),this.props.onChange&&this.props.onChange(t),this.setState({value:t})}onInput(e){const t=parseFloat(e);this.props.onInput&&this.props.onInput(t)}prepareDataToRead(e){return null===e&&(e=0),this.props.useEuler?r.Tools.ToDegrees(e):e}onCopyClick(){if(this.props&&this.props.target){const{className:e,babylonNamespace:t}=b(this.props.target);m("globalThis.debugNode."+this.props.propertyName+" = "+this.props.target[this.props.propertyName]+";// (debugNode as "+t+e+")")}else m("undefined")}render(){return(0,g.jsxs)("div",{className:"sliderLine",children:[this.props.icon&&(0,g.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),(!this.props.icon||""!=this.props.label)&&(0,g.jsx)("div",{className:this.props.margin?"label withMargins":"label",title:this.props.label,children:this.props.label}),(0,g.jsx)(N,{lockObject:this.props.lockObject,isInteger:0===this.props.decimalCount,smallUI:!0,label:"",target:this.state,digits:void 0===this.props.decimalCount?4:this.props.decimalCount,propertyName:"value",min:this.props.minimum,max:this.props.maximum,onEnter:()=>{const e=this.prepareDataToRead(this.state.value);this.onChange(e)},onChange:()=>{const e=this.prepareDataToRead(this.state.value);this.onChange(e)},onPropertyChangedObservable:this.props.onPropertyChangedObservable,unit:this.props.unit}),(0,g.jsx)("div",{className:"slider",children:(0,g.jsx)("input",{className:"range",type:"range",step:this.props.step,min:this.prepareDataToRead(this.props.minimum),max:this.prepareDataToRead(this.props.maximum),value:this.prepareDataToRead(this.state.value),onInput:e=>this.onInput(e.target.value),onChange:e=>this.onChange(e.target.value)})}),(0,g.jsx)("div",{className:"copy hoverIcon",onClick:()=>this.onCopyClick(),title:"Copy to clipboard",children:(0,g.jsx)("img",{src:x,alt:"Copy"})})]})}}let v=-1;class D extends t.Component{constructor(e){super(e),this._localChange=!1;const t=this.props.numeric?"0":"";this.state={value:(void 0!==this.props.value?this.props.value:this.props.target[this.props.propertyName])||t,dragging:!1}}componentWillUnmount(){this.props.lockObject&&(this.props.lockObject.lock=!1)}shouldComponentUpdate(e,t){if(this._localChange)return this._localChange=!1,!0;const n=void 0!==e.value?e.value:e.target[e.propertyName];return n!==t.value?(t.value=n||"",!0):t.dragging!=this.state.dragging||e.unit!==this.props.unit}raiseOnPropertyChanged(e,t){this.props.onChange?this.props.onChange(e):this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:this.props.target,property:this.props.propertyName,value:e,initialValue:t})}getCurrentNumericValue(e){const t=parseFloat(e);if(!isNaN(t))return t;if(void 0!==this.props.placeholder){const e=parseFloat(this.props.placeholder);if(!isNaN(e))return e}return 0}updateValue(e,t){if(this.props.disabled)return;if(this.props.numbersOnly){if(/[^0-9.px%-]/g.test(e))return;e||(e="0"),0===e.search(/0+[0-9-]/g)&&(e=e.substring(1))}if(this.props.numeric){let t=this.getCurrentNumericValue(e);this.props.roundValues&&(t=Math.round(t)),void 0!==this.props.min&&(t=Math.max(this.props.min,t)),void 0!==this.props.max&&(t=Math.min(this.props.max,t)),e=t.toString()}this._localChange=!0;const n=void 0!==this.props.value?this.props.value:this.props.target[this.props.propertyName];this.props.validator&&t&&0==this.props.validator(t)&&(e=n),this.setState({value:e}),this.props.propertyName&&!this.props.delayInput&&(this.props.target[this.props.propertyName]=e),this.props.throttlePropertyChangedNotification?(v>=0&&window.clearTimeout(v),v=window.setTimeout((()=>{this.raiseOnPropertyChanged(e,n)}),this.props.throttlePropertyChangedNotificationDelay??200)):this.raiseOnPropertyChanged(e,n)}incrementValue(e){if(this.props.step&&(e*=this.props.step),this.props.arrowsIncrement)return void this.props.arrowsIncrement(e);const t=this.getCurrentNumericValue(this.state.value);this.updateValue((t+e).toFixed(2))}onKeyDown(e){!this.props.disabled&&this.props.arrows&&("ArrowUp"===e.key&&(this.incrementValue(1),e.preventDefault()),"ArrowDown"===e.key&&(this.incrementValue(-1),e.preventDefault()))}render(){const e=this.state.value===j?"":this.state.value,t=this.state.value===j?j:this.props.placeholder||"",n=this.props.step||(this.props.roundValues?1:.01),r=this.props.multilines?"textInputArea":void 0!==this.props.unit?"textInputLine withUnits":"textInputLine";return(0,g.jsxs)("div",{className:r,children:[this.props.icon&&(0,g.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,color:"black",className:"icon"}),void 0!==this.props.label&&(0,g.jsx)("div",{className:"label",title:this.props.label,children:this.props.label}),this.props.multilines&&(0,g.jsx)(g.Fragment,{children:(0,g.jsx)("textarea",{className:this.props.disabled?"disabled":"",value:this.state.value,onFocus:()=>{this.props.lockObject&&(this.props.lockObject.lock=!0)},onChange:e=>this.updateValue(e.target.value),onKeyDown:e=>{13===e.keyCode&&this.updateValue(this.state.value)},onBlur:e=>{this.updateValue(e.target.value,e.target.value),this.props.lockObject&&(this.props.lockObject.lock=!1)},disabled:this.props.disabled})}),!this.props.multilines&&(0,g.jsxs)("div",{className:`value${!0===this.props.noUnderline?" noUnderline":""}${this.props.arrows?" hasArrows":""}${this.state.dragging?" dragging":""}`,children:[(0,g.jsx)("input",{className:this.props.disabled?"disabled":"",value:e,onBlur:e=>{this.props.lockObject&&(this.props.lockObject.lock=!1),this.updateValue((void 0!==this.props.value?this.props.value:this.props.target[this.props.propertyName])||"",e.target.value)},onFocus:()=>{this.props.lockObject&&(this.props.lockObject.lock=!0)},onChange:e=>this.updateValue(e.target.value),onKeyDown:e=>this.onKeyDown(e),placeholder:t,type:this.props.numeric?"number":"text",step:n,disabled:this.props.disabled}),this.props.arrows&&(0,g.jsx)(y,{incrementValue:e=>this.incrementValue(e),setDragging:e=>this.setState({dragging:e})})]}),this.props.unit]})}}class I extends t.Component{constructor(e){super(e)}render(){let e=this.props.altStyle?`command-button-alt${this.props.disabled?"-disabled":""}${this.props.isActive?"-":""}`:"command-button",t="command-button-icon ";return this.props.isActive&&(e+=" active",t+=" active"),this.props.disabled?e+=" disabled":this.props.copyDeleteDisabled?e+=" copyAndDeleteDisabled":this.props.pasteDisabled&&(e+=" pasteDisabled"),(0,g.jsxs)("div",{className:e,onClick:this.props.onClick,title:`${this.props.tooltip} ${this.props.shortcut?" ("+this.props.shortcut+")":""}`,children:[(0,g.jsx)("div",{className:t,children:(0,g.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:this.props.isActive?"active":"",draggable:!1})}),(0,g.jsx)("div",{className:"command-label",children:this.props.tooltip})]})}}function E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function k(e){return k="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},k(e)}function z(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function O(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Y(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i=[],s=!0,a=!1;try{for(n=n.call(e);!(s=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);s=!0);}catch(e){a=!0,o=e}finally{try{s||null==n.return||n.return()}finally{if(a)throw o}}return i}}(e,t)||B(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function P(e){return function(e){if(Array.isArray(e))return R(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||B(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function B(e,t){if(e){if("string"==typeof e)return R(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?R(e,t):void 0}}function R(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var U=function(){},G={},Z={},_=null,W={mark:U,measure:U};try{"undefined"!=typeof window&&(G=window),"undefined"!=typeof document&&(Z=document),"undefined"!=typeof MutationObserver&&(_=MutationObserver),"undefined"!=typeof performance&&(W=performance)}catch(e){}var H,Q,F,V,J,X=(G.navigator||{}).userAgent,q=void 0===X?"":X,K=G,$=Z,ee=_,te=W,ne=(K.document,!!$.documentElement&&!!$.head&&"function"==typeof $.addEventListener&&"function"==typeof $.createElement),re=~q.indexOf("MSIE")||~q.indexOf("Trident/"),oe="___FONT_AWESOME___",ie="fa",se="svg-inline--fa",ae="data-fa-i2svg",le="data-fa-pseudo-element",ce="data-fa-pseudo-element-pending",ue="data-prefix",de="data-icon",pe="fontawesome-i2svg",Ae="async",Me=["HTML","HEAD","STYLE","SCRIPT"],ge=function(){try{return!0}catch(e){return!1}}(),Le="classic",Ce="sharp",he=[Le,Ce];function we(e){return new Proxy(e,{get:function(e,t){return t in e?e[t]:e[Le]}})}var me=we((O(H={},Le,{fa:"solid",fas:"solid","fa-solid":"solid",far:"regular","fa-regular":"regular",fal:"light","fa-light":"light",fat:"thin","fa-thin":"thin",fad:"duotone","fa-duotone":"duotone",fab:"brands","fa-brands":"brands",fak:"kit",fakd:"kit","fa-kit":"kit","fa-kit-duotone":"kit"}),O(H,Ce,{fa:"solid",fass:"solid","fa-solid":"solid",fasr:"regular","fa-regular":"regular",fasl:"light","fa-light":"light",fast:"thin","fa-thin":"thin"}),H)),be=we((O(Q={},Le,{solid:"fas",regular:"far",light:"fal",thin:"fat",duotone:"fad",brands:"fab",kit:"fak"}),O(Q,Ce,{solid:"fass",regular:"fasr",light:"fasl",thin:"fast"}),Q)),je=we((O(F={},Le,{fab:"fa-brands",fad:"fa-duotone",fak:"fa-kit",fal:"fa-light",far:"fa-regular",fas:"fa-solid",fat:"fa-thin"}),O(F,Ce,{fass:"fa-solid",fasr:"fa-regular",fasl:"fa-light",fast:"fa-thin"}),F)),fe=we((O(V={},Le,{"fa-brands":"fab","fa-duotone":"fad","fa-kit":"fak","fa-light":"fal","fa-regular":"far","fa-solid":"fas","fa-thin":"fat"}),O(V,Ce,{"fa-solid":"fass","fa-regular":"fasr","fa-light":"fasl","fa-thin":"fast"}),V)),ye=/fa(s|r|l|t|d|b|k|ss|sr|sl|st)?[\-\ ]/,xe="fa-layers-text",Ne=/Font ?Awesome ?([56 ]*)(Solid|Regular|Light|Thin|Duotone|Brands|Free|Pro|Sharp|Kit)?.*/i,Se=we((O(J={},Le,{900:"fas",400:"far",normal:"far",300:"fal",100:"fat"}),O(J,Ce,{900:"fass",400:"fasr",300:"fasl",100:"fast"}),J)),ve=[1,2,3,4,5,6,7,8,9,10],De=ve.concat([11,12,13,14,15,16,17,18,19,20]),Ie=["class","data-prefix","data-icon","data-fa-transform","data-fa-mask"],Ee={GROUP:"duotone-group",SWAP_OPACITY:"swap-opacity",PRIMARY:"primary",SECONDARY:"secondary"},Te=new Set;Object.keys(be[Le]).map(Te.add.bind(Te)),Object.keys(be[Ce]).map(Te.add.bind(Te));var ke=[].concat(he,P(Te),["2xs","xs","sm","lg","xl","2xl","beat","border","fade","beat-fade","bounce","flip-both","flip-horizontal","flip-vertical","flip","fw","inverse","layers-counter","layers-text","layers","li","pull-left","pull-right","pulse","rotate-180","rotate-270","rotate-90","rotate-by","shake","spin-pulse","spin-reverse","spin","stack-1x","stack-2x","stack","ul",Ee.GROUP,Ee.SWAP_OPACITY,Ee.PRIMARY,Ee.SECONDARY]).concat(ve.map((function(e){return"".concat(e,"x")}))).concat(De.map((function(e){return"w-".concat(e)}))),ze=K.FontAwesomeConfig||{};$&&"function"==typeof $.querySelector&&[["data-family-prefix","familyPrefix"],["data-css-prefix","cssPrefix"],["data-family-default","familyDefault"],["data-style-default","styleDefault"],["data-replacement-class","replacementClass"],["data-auto-replace-svg","autoReplaceSvg"],["data-auto-add-css","autoAddCss"],["data-auto-a11y","autoA11y"],["data-search-pseudo-elements","searchPseudoElements"],["data-observe-mutations","observeMutations"],["data-mutate-approach","mutateApproach"],["data-keep-original-source","keepOriginalSource"],["data-measure-performance","measurePerformance"],["data-show-missing-icons","showMissingIcons"]].forEach((function(e){var t=Y(e,2),n=t[0],r=t[1],o=function(e){return""===e||"false"!==e&&("true"===e||e)}(function(e){var t=$.querySelector("script["+e+"]");if(t)return t.getAttribute(e)}(n));null!=o&&(ze[r]=o)}));var Oe={styleDefault:"solid",familyDefault:"classic",cssPrefix:ie,replacementClass:se,autoReplaceSvg:!0,autoAddCss:!0,autoA11y:!0,searchPseudoElements:!1,observeMutations:!0,mutateApproach:"async",keepOriginalSource:!0,measurePerformance:!1,showMissingIcons:!0};ze.familyPrefix&&(ze.cssPrefix=ze.familyPrefix);var Ye=T(T({},Oe),ze);Ye.autoReplaceSvg||(Ye.observeMutations=!1);var Pe={};Object.keys(Oe).forEach((function(e){Object.defineProperty(Pe,e,{enumerable:!0,set:function(t){Ye[e]=t,Be.forEach((function(e){return e(Pe)}))},get:function(){return Ye[e]}})})),Object.defineProperty(Pe,"familyPrefix",{enumerable:!0,set:function(e){Ye.cssPrefix=e,Be.forEach((function(e){return e(Pe)}))},get:function(){return Ye.cssPrefix}}),K.FontAwesomeConfig=Pe;var Be=[],Re=16,Ue={size:16,x:0,y:0,rotate:0,flipX:!1,flipY:!1},Ge="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";function Ze(){for(var e=12,t="";e-- >0;)t+=Ge[62*Math.random()|0];return t}function _e(e){for(var t=[],n=(e||[]).length>>>0;n--;)t[n]=e[n];return t}function We(e){return e.classList?_e(e.classList):(e.getAttribute("class")||"").split(" ").filter((function(e){return e}))}function He(e){return"".concat(e).replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/'/g,"&#39;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function Qe(e){return Object.keys(e||{}).reduce((function(t,n){return t+"".concat(n,": ").concat(e[n].trim(),";")}),"")}function Fe(e){return e.size!==Ue.size||e.x!==Ue.x||e.y!==Ue.y||e.rotate!==Ue.rotate||e.flipX||e.flipY}var Ve=':root, :host {\n --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Solid";\n --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Regular";\n --fa-font-light: normal 300 1em/1 "Font Awesome 6 Light";\n --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Thin";\n --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";\n --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";\n --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp";\n --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp";\n --fa-font-sharp-thin: normal 100 1em/1 "Font Awesome 6 Sharp";\n --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";\n}\n\nsvg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {\n overflow: visible;\n box-sizing: content-box;\n}\n\n.svg-inline--fa {\n display: var(--fa-display, inline-block);\n height: 1em;\n overflow: visible;\n vertical-align: -0.125em;\n}\n.svg-inline--fa.fa-2xs {\n vertical-align: 0.1em;\n}\n.svg-inline--fa.fa-xs {\n vertical-align: 0em;\n}\n.svg-inline--fa.fa-sm {\n vertical-align: -0.0714285705em;\n}\n.svg-inline--fa.fa-lg {\n vertical-align: -0.2em;\n}\n.svg-inline--fa.fa-xl {\n vertical-align: -0.25em;\n}\n.svg-inline--fa.fa-2xl {\n vertical-align: -0.3125em;\n}\n.svg-inline--fa.fa-pull-left {\n margin-right: var(--fa-pull-margin, 0.3em);\n width: auto;\n}\n.svg-inline--fa.fa-pull-right {\n margin-left: var(--fa-pull-margin, 0.3em);\n width: auto;\n}\n.svg-inline--fa.fa-li {\n width: var(--fa-li-width, 2em);\n top: 0.25em;\n}\n.svg-inline--fa.fa-fw {\n width: var(--fa-fw-width, 1.25em);\n}\n\n.fa-layers svg.svg-inline--fa {\n bottom: 0;\n left: 0;\n margin: auto;\n position: absolute;\n right: 0;\n top: 0;\n}\n\n.fa-layers-counter, .fa-layers-text {\n display: inline-block;\n position: absolute;\n text-align: center;\n}\n\n.fa-layers {\n display: inline-block;\n height: 1em;\n position: relative;\n text-align: center;\n vertical-align: -0.125em;\n width: 1em;\n}\n.fa-layers svg.svg-inline--fa {\n -webkit-transform-origin: center center;\n transform-origin: center center;\n}\n\n.fa-layers-text {\n left: 50%;\n top: 50%;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n -webkit-transform-origin: center center;\n transform-origin: center center;\n}\n\n.fa-layers-counter {\n background-color: var(--fa-counter-background-color, #ff253a);\n border-radius: var(--fa-counter-border-radius, 1em);\n box-sizing: border-box;\n color: var(--fa-inverse, #fff);\n line-height: var(--fa-counter-line-height, 1);\n max-width: var(--fa-counter-max-width, 5em);\n min-width: var(--fa-counter-min-width, 1.5em);\n overflow: hidden;\n padding: var(--fa-counter-padding, 0.25em 0.5em);\n right: var(--fa-right, 0);\n text-overflow: ellipsis;\n top: var(--fa-top, 0);\n -webkit-transform: scale(var(--fa-counter-scale, 0.25));\n transform: scale(var(--fa-counter-scale, 0.25));\n -webkit-transform-origin: top right;\n transform-origin: top right;\n}\n\n.fa-layers-bottom-right {\n bottom: var(--fa-bottom, 0);\n right: var(--fa-right, 0);\n top: auto;\n -webkit-transform: scale(var(--fa-layers-scale, 0.25));\n transform: scale(var(--fa-layers-scale, 0.25));\n -webkit-transform-origin: bottom right;\n transform-origin: bottom right;\n}\n\n.fa-layers-bottom-left {\n bottom: var(--fa-bottom, 0);\n left: var(--fa-left, 0);\n right: auto;\n top: auto;\n -webkit-transform: scale(var(--fa-layers-scale, 0.25));\n transform: scale(var(--fa-layers-scale, 0.25));\n -webkit-transform-origin: bottom left;\n transform-origin: bottom left;\n}\n\n.fa-layers-top-right {\n top: var(--fa-top, 0);\n right: var(--fa-right, 0);\n -webkit-transform: scale(var(--fa-layers-scale, 0.25));\n transform: scale(var(--fa-layers-scale, 0.25));\n -webkit-transform-origin: top right;\n transform-origin: top right;\n}\n\n.fa-layers-top-left {\n left: var(--fa-left, 0);\n right: auto;\n top: var(--fa-top, 0);\n -webkit-transform: scale(var(--fa-layers-scale, 0.25));\n transform: scale(var(--fa-layers-scale, 0.25));\n -webkit-transform-origin: top left;\n transform-origin: top left;\n}\n\n.fa-1x {\n font-size: 1em;\n}\n\n.fa-2x {\n font-size: 2em;\n}\n\n.fa-3x {\n font-size: 3em;\n}\n\n.fa-4x {\n font-size: 4em;\n}\n\n.fa-5x {\n font-size: 5em;\n}\n\n.fa-6x {\n font-size: 6em;\n}\n\n.fa-7x {\n font-size: 7em;\n}\n\n.fa-8x {\n font-size: 8em;\n}\n\n.fa-9x {\n font-size: 9em;\n}\n\n.fa-10x {\n font-size: 10em;\n}\n\n.fa-2xs {\n font-size: 0.625em;\n line-height: 0.1em;\n vertical-align: 0.225em;\n}\n\n.fa-xs {\n font-size: 0.75em;\n line-height: 0.0833333337em;\n vertical-align: 0.125em;\n}\n\n.fa-sm {\n font-size: 0.875em;\n line-height: 0.0714285718em;\n vertical-align: 0.0535714295em;\n}\n\n.fa-lg {\n font-size: 1.25em;\n line-height: 0.05em;\n vertical-align: -0.075em;\n}\n\n.fa-xl {\n font-size: 1.5em;\n line-height: 0.0416666682em;\n vertical-align: -0.125em;\n}\n\n.fa-2xl {\n font-size: 2em;\n line-height: 0.03125em;\n vertical-align: -0.1875em;\n}\n\n.fa-fw {\n text-align: center;\n width: 1.25em;\n}\n\n.fa-ul {\n list-style-type: none;\n margin-left: var(--fa-li-margin, 2.5em);\n padding-left: 0;\n}\n.fa-ul > li {\n position: relative;\n}\n\n.fa-li {\n left: calc(var(--fa-li-width, 2em) * -1);\n position: absolute;\n text-align: center;\n width: var(--fa-li-width, 2em);\n line-height: inherit;\n}\n\n.fa-border {\n border-color: var(--fa-border-color, #eee);\n border-radius: var(--fa-border-radius, 0.1em);\n border-style: var(--fa-border-style, solid);\n border-width: var(--fa-border-width, 0.08em);\n padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);\n}\n\n.fa-pull-left {\n float: left;\n margin-right: var(--fa-pull-margin, 0.3em);\n}\n\n.fa-pull-right {\n float: right;\n margin-left: var(--fa-pull-margin, 0.3em);\n}\n\n.fa-beat {\n -webkit-animation-name: fa-beat;\n animation-name: fa-beat;\n -webkit-animation-delay: var(--fa-animation-delay, 0s);\n animation-delay: var(--fa-animation-delay, 0s);\n -webkit-animation-direction: var(--fa-animation-direction, normal);\n animation-direction: var(--fa-animation-direction, normal);\n -webkit-animation-duration: var(--fa-animation-duration, 1s);\n animation-duration: var(--fa-animation-duration, 1s);\n -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);\n animation-timing-function: var(--fa-animation-timing, ease-in-out);\n}\n\n.fa-bounce {\n -webkit-animation-name: fa-bounce;\n animation-name: fa-bounce;\n -webkit-animation-delay: var(--fa-animation-delay, 0s);\n animation-delay: var(--fa-animation-delay, 0s);\n -webkit-animation-direction: var(--fa-animation-direction, normal);\n animation-direction: var(--fa-animation-direction, normal);\n -webkit-animation-duration: var(--fa-animation-duration, 1s);\n animation-duration: var(--fa-animation-duration, 1s);\n -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));\n animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));\n}\n\n.fa-fade {\n -webkit-animation-name: fa-fade;\n animation-name: fa-fade;\n -webkit-animation-delay: var(--fa-animation-delay, 0s);\n animation-delay: var(--fa-animation-delay, 0s);\n -webkit-animation-direction: var(--fa-animation-direction, normal);\n animation-direction: var(--fa-animation-direction, normal);\n -webkit-animation-duration: var(--fa-animation-duration, 1s);\n animation-duration: var(--fa-animation-duration, 1s);\n -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));\n animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));\n}\n\n.fa-beat-fade {\n -webkit-animation-name: fa-beat-fade;\n animation-name: fa-beat-fade;\n -webkit-animation-delay: var(--fa-animation-delay, 0s);\n animation-delay: var(--fa-animation-delay, 0s);\n -webkit-animation-direction: var(--fa-animation-direction, normal);\n animation-direction: var(--fa-animation-direction, normal);\n -webkit-animation-duration: var(--fa-animation-duration, 1s);\n animation-duration: var(--fa-animation-duration, 1s);\n -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));\n animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));\n}\n\n.fa-flip {\n -webkit-animation-name: fa-flip;\n animation-name: fa-flip;\n -webkit-animation-delay: var(--fa-animation-delay, 0s);\n animation-delay: var(--fa-animation-delay, 0s);\n -webkit-animation-direction: var(--fa-animation-direction, normal);\n animation-direction: var(--fa-animation-direction, normal);\n -webkit-animation-duration: var(--fa-animation-duration, 1s);\n animation-duration: var(--fa-animation-duration, 1s);\n -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);\n animation-timing-function: var(--fa-animation-timing, ease-in-out);\n}\n\n.fa-shake {\n -webkit-animation-name: fa-shake;\n animation-name: fa-shake;\n -webkit-animation-delay: var(--fa-animation-delay, 0s);\n animation-delay: var(--fa-animation-delay, 0s);\n -webkit-animation-direction: var(--fa-animation-direction, normal);\n animation-direction: var(--fa-animation-direction, normal);\n -webkit-animation-duration: var(--fa-animation-duration, 1s);\n animation-duration: var(--fa-animation-duration, 1s);\n -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n -webkit-animation-timing-function: var(--fa-animation-timing, linear);\n animation-timing-function: var(--fa-animation-timing, linear);\n}\n\n.fa-spin {\n -webkit-animation-name: fa-spin;\n animation-name: fa-spin;\n -webkit-animation-delay: var(--fa-animation-delay, 0s);\n animation-delay: var(--fa-animation-delay, 0s);\n -webkit-animation-direction: var(--fa-animation-direction, normal);\n animation-direction: var(--fa-animation-direction, normal);\n -webkit-animation-duration: var(--fa-animation-duration, 2s);\n animation-duration: var(--fa-animation-duration, 2s);\n -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n -webkit-animation-timing-function: var(--fa-animation-timing, linear);\n animation-timing-function: var(--fa-animation-timing, linear);\n}\n\n.fa-spin-reverse {\n --fa-animation-direction: reverse;\n}\n\n.fa-pulse,\n.fa-spin-pulse {\n -webkit-animation-name: fa-spin;\n animation-name: fa-spin;\n -webkit-animation-direction: var(--fa-animation-direction, normal);\n animation-direction: var(--fa-animation-direction, normal);\n -webkit-animation-duration: var(--fa-animation-duration, 1s);\n animation-duration: var(--fa-animation-duration, 1s);\n -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));\n animation-timing-function: var(--fa-animation-timing, steps(8));\n}\n\n@media (prefers-reduced-motion: reduce) {\n .fa-beat,\n.fa-bounce,\n.fa-fade,\n.fa-beat-fade,\n.fa-flip,\n.fa-pulse,\n.fa-shake,\n.fa-spin,\n.fa-spin-pulse {\n -webkit-animation-delay: -1ms;\n animation-delay: -1ms;\n -webkit-animation-duration: 1ms;\n animation-duration: 1ms;\n -webkit-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-transition-delay: 0s;\n transition-delay: 0s;\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n@-webkit-keyframes fa-beat {\n 0%, 90% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n 45% {\n -webkit-transform: scale(var(--fa-beat-scale, 1.25));\n transform: scale(var(--fa-beat-scale, 1.25));\n }\n}\n@keyframes fa-beat {\n 0%, 90% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n 45% {\n -webkit-transform: scale(var(--fa-beat-scale, 1.25));\n transform: scale(var(--fa-beat-scale, 1.25));\n }\n}\n@-webkit-keyframes fa-bounce {\n 0% {\n -webkit-transform: scale(1, 1) translateY(0);\n transform: scale(1, 1) translateY(0);\n }\n 10% {\n -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);\n transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);\n }\n 30% {\n -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));\n transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));\n }\n 50% {\n -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);\n transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);\n }\n 57% {\n -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));\n transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));\n }\n 64% {\n -webkit-transform: scale(1, 1) translateY(0);\n transform: scale(1, 1) translateY(0);\n }\n 100% {\n -webkit-transform: scale(1, 1) translateY(0);\n transform: scale(1, 1) translateY(0);\n }\n}\n@keyframes fa-bounce {\n 0% {\n -webkit-transform: scale(1, 1) translateY(0);\n transform: scale(1, 1) translateY(0);\n }\n 10% {\n -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);\n transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);\n }\n 30% {\n -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));\n transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));\n }\n 50% {\n -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);\n transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);\n }\n 57% {\n -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));\n transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));\n }\n 64% {\n -webkit-transform: scale(1, 1) translateY(0);\n transform: scale(1, 1) translateY(0);\n }\n 100% {\n -webkit-transform: scale(1, 1) translateY(0);\n transform: scale(1, 1) translateY(0);\n }\n}\n@-webkit-keyframes fa-fade {\n 50% {\n opacity: var(--fa-fade-opacity, 0.4);\n }\n}\n@keyframes fa-fade {\n 50% {\n opacity: var(--fa-fade-opacity, 0.4);\n }\n}\n@-webkit-keyframes fa-beat-fade {\n 0%, 100% {\n opacity: var(--fa-beat-fade-opacity, 0.4);\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n 50% {\n opacity: 1;\n -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));\n transform: scale(var(--fa-beat-fade-scale, 1.125));\n }\n}\n@keyframes fa-beat-fade {\n 0%, 100% {\n opacity: var(--fa-beat-fade-opacity, 0.4);\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n 50% {\n opacity: 1;\n -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));\n transform: scale(var(--fa-beat-fade-scale, 1.125));\n }\n}\n@-webkit-keyframes fa-flip {\n 50% {\n -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));\n transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));\n }\n}\n@keyframes fa-flip {\n 50% {\n -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));\n transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));\n }\n}\n@-webkit-keyframes fa-shake {\n 0% {\n -webkit-transform: rotate(-15deg);\n transform: rotate(-15deg);\n }\n 4% {\n -webkit-transform: rotate(15deg);\n transform: rotate(15deg);\n }\n 8%, 24% {\n -webkit-transform: rotate(-18deg);\n transform: rotate(-18deg);\n }\n 12%, 28% {\n -webkit-transform: rotate(18deg);\n transform: rotate(18deg);\n }\n 16% {\n -webkit-transform: rotate(-22deg);\n transform: rotate(-22deg);\n }\n 20% {\n -webkit-transform: rotate(22deg);\n transform: rotate(22deg);\n }\n 32% {\n -webkit-transform: rotate(-12deg);\n transform: rotate(-12deg);\n }\n 36% {\n -webkit-transform: rotate(12deg);\n transform: rotate(12deg);\n }\n 40%, 100% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n}\n@keyframes fa-shake {\n 0% {\n -webkit-transform: rotate(-15deg);\n transform: rotate(-15deg);\n }\n 4% {\n -webkit-transform: rotate(15deg);\n transform: rotate(15deg);\n }\n 8%, 24% {\n -webkit-transform: rotate(-18deg);\n transform: rotate(-18deg);\n }\n 12%, 28% {\n -webkit-transform: rotate(18deg);\n transform: rotate(18deg);\n }\n 16% {\n -webkit-transform: rotate(-22deg);\n transform: rotate(-22deg);\n }\n 20% {\n -webkit-transform: rotate(22deg);\n transform: rotate(22deg);\n }\n 32% {\n -webkit-transform: rotate(-12deg);\n transform: rotate(-12deg);\n }\n 36% {\n -webkit-transform: rotate(12deg);\n transform: rotate(12deg);\n }\n 40%, 100% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n}\n@-webkit-keyframes fa-spin {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes fa-spin {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n.fa-rotate-90 {\n -webkit-transform: rotate(90deg);\n transform: rotate(90deg);\n}\n\n.fa-rotate-180 {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n\n.fa-rotate-270 {\n -webkit-transform: rotate(270deg);\n transform: rotate(270deg);\n}\n\n.fa-flip-horizontal {\n -webkit-transform: scale(-1, 1);\n transform: scale(-1, 1);\n}\n\n.fa-flip-vertical {\n -webkit-transform: scale(1, -1);\n transform: scale(1, -1);\n}\n\n.fa-flip-both,\n.fa-flip-horizontal.fa-flip-vertical {\n -webkit-transform: scale(-1, -1);\n transform: scale(-1, -1);\n}\n\n.fa-rotate-by {\n -webkit-transform: rotate(var(--fa-rotate-angle, 0));\n transform: rotate(var(--fa-rotate-angle, 0));\n}\n\n.fa-stack {\n display: inline-block;\n vertical-align: middle;\n height: 2em;\n position: relative;\n width: 2.5em;\n}\n\n.fa-stack-1x,\n.fa-stack-2x {\n bottom: 0;\n left: 0;\n margin: auto;\n position: absolute;\n right: 0;\n top: 0;\n z-index: var(--fa-stack-z-index, auto);\n}\n\n.svg-inline--fa.fa-stack-1x {\n height: 1em;\n width: 1.25em;\n}\n.svg-inline--fa.fa-stack-2x {\n height: 2em;\n width: 2.5em;\n}\n\n.fa-inverse {\n color: var(--fa-inverse, #fff);\n}\n\n.sr-only,\n.fa-sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n.sr-only-focusable:not(:focus),\n.fa-sr-only-focusable:not(:focus) {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n.svg-inline--fa .fa-primary {\n fill: var(--fa-primary-color, currentColor);\n opacity: var(--fa-primary-opacity, 1);\n}\n\n.svg-inline--fa .fa-secondary {\n fill: var(--fa-secondary-color, currentColor);\n opacity: var(--fa-secondary-opacity, 0.4);\n}\n\n.svg-inline--fa.fa-swap-opacity .fa-primary {\n opacity: var(--fa-secondary-opacity, 0.4);\n}\n\n.svg-inline--fa.fa-swap-opacity .fa-secondary {\n opacity: var(--fa-primary-opacity, 1);\n}\n\n.svg-inline--fa mask .fa-primary,\n.svg-inline--fa mask .fa-secondary {\n fill: black;\n}\n\n.fad.fa-inverse,\n.fa-duotone.fa-inverse {\n color: var(--fa-inverse, #fff);\n}';function Je(){var e=ie,t=se,n=Pe.cssPrefix,r=Pe.replacementClass,o=Ve;if(n!==e||r!==t){var i=new RegExp("\\.".concat(e,"\\-"),"g"),s=new RegExp("\\--".concat(e,"\\-"),"g"),a=new RegExp("\\.".concat(t),"g");o=o.replace(i,".".concat(n,"-")).replace(s,"--".concat(n,"-")).replace(a,".".concat(r))}return o}var Xe=!1;function qe(){Pe.autoAddCss&&!Xe&&(function(e){if(e&&ne){var t=$.createElement("style");t.setAttribute("type","text/css"),t.innerHTML=e;for(var n=$.head.childNodes,r=null,o=n.length-1;o>-1;o--){var i=n[o],s=(i.tagName||"").toUpperCase();["STYLE","LINK"].indexOf(s)>-1&&(r=i)}$.head.insertBefore(t,r)}}(Je()),Xe=!0)}var Ke={mixout:function(){return{dom:{css:Je,insertCss:qe}}},hooks:function(){return{beforeDOMElementCreation:function(){qe()},beforeI2svg:function(){qe()}}}},$e=K||{};$e[oe]||($e[oe]={}),$e[oe].styles||($e[oe].styles={}),$e[oe].hooks||($e[oe].hooks={}),$e[oe].shims||($e[oe].shims=[]);var et=$e[oe],tt=[],nt=!1;function rt(e){var t=e.tag,n=e.attributes,r=void 0===n?{}:n,o=e.children,i=void 0===o?[]:o;return"string"==typeof e?He(e):"<".concat(t," ").concat(function(e){return Object.keys(e||{}).reduce((function(t,n){return t+"".concat(n,'="').concat(He(e[n]),'" ')}),"").trim()}(r),">").concat(i.map(rt).join(""),"</").concat(t,">")}function ot(e,t,n){if(e&&e[t]&&e[t][n])return{prefix:t,iconName:n,icon:e[t][n]}}ne&&((nt=($.documentElement.doScroll?/^loaded|^c/:/^loaded|^i|^c/).test($.readyState))||$.addEventListener("DOMContentLoaded",(function e(){$.removeEventListener("DOMContentLoaded",e),nt=1,tt.map((function(e){return e()}))})));var it=function(e,t,n,r){var o,i,s,a=Object.keys(e),l=a.length,c=void 0!==r?function(e,t){return function(n,r,o,i){return e.call(t,n,r,o,i)}}(t,r):t;for(void 0===n?(o=1,s=e[a[0]]):(o=0,s=n);o<l;o++)s=c(s,e[i=a[o]],i,e);return s};function st(e){var t=function(e){for(var t=[],n=0,r=e.length;n<r;){var o=e.charCodeAt(n++);if(o>=55296&&o<=56319&&n<r){var i=e.charCodeAt(n++);56320==(64512&i)?t.push(((1023&o)<<10)+(1023&i)+65536):(t.push(o),n--)}else t.push(o)}return t}(e);return 1===t.length?t[0].toString(16):null}function at(e){return Object.keys(e).reduce((function(t,n){var r=e[n];return r.icon?t[r.iconName]=r.icon:t[n]=r,t}),{})}function lt(e,t){var n=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).skipHooks,r=void 0!==n&&n,o=at(t);"function"!=typeof et.hooks.addPack||r?et.styles[e]=T(T({},et.styles[e]||{}),o):et.hooks.addPack(e,at(t)),"fas"===e&&lt("fa",t)}var ct,ut,dt,pt=et.styles,At=et.shims,Mt=(O(ct={},Le,Object.values(je[Le])),O(ct,Ce,Object.values(je[Ce])),ct),gt=null,Lt={},Ct={},ht={},wt={},mt={},bt=(O(ut={},Le,Object.keys(me[Le])),O(ut,Ce,Object.keys(me[Ce])),ut);var jt,ft=function(){var e=function(e){return it(pt,(function(t,n,r){return t[r]=it(n,e,{}),t}),{})};Lt=e((function(e,t,n){return t[3]&&(e[t[3]]=n),t[2]&&t[2].filter((function(e){return"number"==typeof e})).forEach((function(t){e[t.toString(16)]=n})),e})),Ct=e((function(e,t,n){return e[n]=n,t[2]&&t[2].filter((function(e){return"string"==typeof e})).forEach((function(t){e[t]=n})),e})),mt=e((function(e,t,n){var r=t[2];return e[n]=n,r.forEach((function(t){e[t]=n})),e}));var t="far"in pt||Pe.autoFetchSvg,n=it(At,(function(e,n){var r=n[0],o=n[1],i=n[2];return"far"!==o||t||(o="fas"),"string"==typeof r&&(e.names[r]={prefix:o,iconName:i}),"number"==typeof r&&(e.unicodes[r.toString(16)]={prefix:o,iconName:i}),e}),{names:{},unicodes:{}});ht=n.names,wt=n.unicodes,gt=Dt(Pe.styleDefault,{family:Pe.familyDefault})};function yt(e,t){return(Lt[e]||{})[t]}function xt(e,t){return(mt[e]||{})[t]}function Nt(e){return ht[e]||{prefix:null,iconName:null}}function St(){return gt}jt=function(e){gt=Dt(e.styleDefault,{family:Pe.familyDefault})},Be.push(jt),ft();var vt=function(){return{prefix:null,iconName:null,rest:[]}};function Dt(e){var t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).family,n=void 0===t?Le:t,r=me[n][e],o=be[n][e]||be[n][r],i=e in et.styles?e:null;return o||i||null}var It=(O(dt={},Le,Object.keys(je[Le])),O(dt,Ce,Object.keys(je[Ce])),dt);function Et(e){var t,n=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).skipLookups,r=void 0!==n&&n,o=(O(t={},Le,"".concat(Pe.cssPrefix,"-").concat(Le)),O(t,Ce,"".concat(Pe.cssPrefix,"-").concat(Ce)),t),i=null,s=Le;(e.includes(o[Le])||e.some((function(e){return It[Le].includes(e)})))&&(s=Le),(e.includes(o[Ce])||e.some((function(e){return It[Ce].includes(e)})))&&(s=Ce);var a=e.reduce((function(e,t){var n=function(e,t){var n,r=t.split("-"),o=r[0],i=r.slice(1).join("-");return o!==e||""===i||(n=i,~ke.indexOf(n))?null:i}(Pe.cssPrefix,t);if(pt[t]?(t=Mt[s].includes(t)?fe[s][t]:t,i=t,e.prefix=t):bt[s].indexOf(t)>-1?(i=t,e.prefix=Dt(t,{family:s})):n?e.iconName=n:t!==Pe.replacementClass&&t!==o[Le]&&t!==o[Ce]&&e.rest.push(t),!r&&e.prefix&&e.iconName){var a="fa"===i?Nt(e.iconName):{},l=xt(e.prefix,e.iconName);a.prefix&&(i=null),e.iconName=a.iconName||l||e.iconName,e.prefix=a.prefix||e.prefix,"far"!==e.prefix||pt.far||!pt.fas||Pe.autoFetchSvg||(e.prefix="fas")}return e}),vt());return(e.includes("fa-brands")||e.includes("fab"))&&(a.prefix="fab"),(e.includes("fa-duotone")||e.includes("fad"))&&(a.prefix="fad"),a.prefix||s!==Ce||!pt.fass&&!Pe.autoFetchSvg||(a.prefix="fass",a.iconName=xt(a.prefix,a.iconName)||a.iconName),"fa"!==a.prefix&&"fa"!==i||(a.prefix=St()||"fas"),a}var Tt=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.definitions={}}var t,n;return t=e,n=[{key:"add",value:function(){for(var e=this,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];var o=n.reduce(this._pullDefinitions,{});Object.keys(o).forEach((function(t){e.definitions[t]=T(T({},e.definitions[t]||{}),o[t]),lt(t,o[t]);var n=je[Le][t];n&&lt(n,o[t]),ft()}))}},{key:"reset",value:function(){this.definitions={}}},{key:"_pullDefinitions",value:function(e,t){var n=t.prefix&&t.iconName&&t.icon?{0:t}:t;return Object.keys(n).map((function(t){var r=n[t],o=r.prefix,i=r.iconName,s=r.icon,a=s[2];e[o]||(e[o]={}),a.length>0&&a.forEach((function(t){"string"==typeof t&&(e[o][t]=s)})),e[o][i]=s})),e}}],n&&z(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),e}(),kt=[],zt={},Ot={},Yt=Object.keys(Ot);function Pt(e,t){for(var n=arguments.length,r=new Array(n>2?n-2:0),o=2;o<n;o++)r[o-2]=arguments[o];return(zt[e]||[]).forEach((function(e){t=e.apply(null,[t].concat(r))})),t}function Bt(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];(zt[e]||[]).forEach((function(e){e.apply(null,n)}))}function Rt(){var e=arguments[0],t=Array.prototype.slice.call(arguments,1);return Ot[e]?Ot[e].apply(null,t):void 0}function Ut(e){"fa"===e.prefix&&(e.prefix="fas");var t=e.iconName,n=e.prefix||St();if(t)return t=xt(n,t)||t,ot(Gt.definitions,n,t)||ot(et.styles,n,t)}var Gt=new Tt,Zt={i2svg:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return ne?(Bt("beforeI2svg",e),Rt("pseudoElements2svg",e),Rt("i2svg",e)):Promise.reject("Operation requires a DOM of some kind.")},watch:function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=t.autoReplaceSvgRoot;!1===Pe.autoReplaceSvg&&(Pe.autoReplaceSvg=!0),Pe.observeMutations=!0,e=function(){Wt({autoReplaceSvgRoot:n}),Bt("watch",t)},ne&&(nt?setTimeout(e,0):tt.push(e))}},_t={noAuto:function(){Pe.autoReplaceSvg=!1,Pe.observeMutations=!1,Bt("noAuto")},config:Pe,dom:Zt,parse:{icon:function(e){if(null===e)return null;if("object"===k(e)&&e.prefix&&e.iconName)return{prefix:e.prefix,iconName:xt(e.prefix,e.iconName)||e.iconName};if(Array.isArray(e)&&2===e.length){var t=0===e[1].indexOf("fa-")?e[1].slice(3):e[1],n=Dt(e[0]);return{prefix:n,iconName:xt(n,t)||t}}if("string"==typeof e&&(e.indexOf("".concat(Pe.cssPrefix,"-"))>-1||e.match(ye))){var r=Et(e.split(" "),{skipLookups:!0});return{prefix:r.prefix||St(),iconName:xt(r.prefix,r.iconName)||r.iconName}}if("string"==typeof e){var o=St();return{prefix:o,iconName:xt(o,e)||e}}}},library:Gt,findIconDefinition:Ut,toHtml:rt},Wt=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).autoReplaceSvgRoot,t=void 0===e?$:e;(Object.keys(et.styles).length>0||Pe.autoFetchSvg)&&ne&&Pe.autoReplaceSvg&&_t.dom.i2svg({node:t})};function Ht(e,t){return Object.defineProperty(e,"abstract",{get:t}),Object.defineProperty(e,"html",{get:function(){return e.abstract.map((function(e){return rt(e)}))}}),Object.defineProperty(e,"node",{get:function(){if(ne){var t=$.createElement("div");return t.innerHTML=e.html,t.children}}}),e}function Qt(e){var t=e.icons,n=t.main,r=t.mask,o=e.prefix,i=e.iconName,s=e.transform,a=e.symbol,l=e.title,c=e.maskId,u=e.titleId,d=e.extra,p=e.watchable,A=void 0!==p&&p,M=r.found?r:n,g=M.width,L=M.height,C="fak"===o,h=[Pe.replacementClass,i?"".concat(Pe.cssPrefix,"-").concat(i):""].filter((function(e){return-1===d.classes.indexOf(e)})).filter((function(e){return""!==e||!!e})).concat(d.classes).join(" "),w={children:[],attributes:T(T({},d.attributes),{},{"data-prefix":o,"data-icon":i,class:h,role:d.attributes.role||"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 ".concat(g," ").concat(L)})},m=C&&!~d.classes.indexOf("fa-fw")?{width:"".concat(g/L*16*.0625,"em")}:{};A&&(w.attributes[ae]=""),l&&(w.children.push({tag:"title",attributes:{id:w.attributes["aria-labelledby"]||"title-".concat(u||Ze())},children:[l]}),delete w.attributes.title);var b=T(T({},w),{},{prefix:o,iconName:i,main:n,mask:r,maskId:c,transform:s,symbol:a,styles:T(T({},m),d.styles)}),j=r.found&&n.found?Rt("generateAbstractMask",b)||{children:[],attributes:{}}:Rt("generateAbstractIcon",b)||{children:[],attributes:{}},f=j.children,y=j.attributes;return b.children=f,b.attributes=y,a?function(e){var t=e.prefix,n=e.iconName,r=e.children,o=e.attributes,i=e.symbol,s=!0===i?"".concat(t,"-").concat(Pe.cssPrefix,"-").concat(n):i;return[{tag:"svg",attributes:{style:"display: none;"},children:[{tag:"symbol",attributes:T(T({},o),{},{id:s}),children:r}]}]}(b):function(e){var t=e.children,n=e.main,r=e.mask,o=e.attributes,i=e.styles,s=e.transform;if(Fe(s)&&n.found&&!r.found){var a={x:n.width/n.height/2,y:.5};o.style=Qe(T(T({},i),{},{"transform-origin":"".concat(a.x+s.x/16,"em ").concat(a.y+s.y/16,"em")}))}return[{tag:"svg",attributes:o,children:t}]}(b)}function Ft(e){var t=e.content,n=e.width,r=e.height,o=e.transform,i=e.title,s=e.extra,a=e.watchable,l=void 0!==a&&a,c=T(T(T({},s.attributes),i?{title:i}:{}),{},{class:s.classes.join(" ")});l&&(c[ae]="");var u=T({},s.styles);Fe(o)&&(u.transform=function(e){var t=e.transform,n=e.width,r=void 0===n?16:n,o=e.height,i=void 0===o?16:o,s=e.startCentered,a=void 0!==s&&s,l="";return l+=a&&re?"translate(".concat(t.x/Re-r/2,"em, ").concat(t.y/Re-i/2,"em) "):a?"translate(calc(-50% + ".concat(t.x/Re,"em), calc(-50% + ").concat(t.y/Re,"em)) "):"translate(".concat(t.x/Re,"em, ").concat(t.y/Re,"em) "),(l+="scale(".concat(t.size/Re*(t.flipX?-1:1),", ").concat(t.size/Re*(t.flipY?-1:1),") "))+"rotate(".concat(t.rotate,"deg) ")}({transform:o,startCentered:!0,width:n,height:r}),u["-webkit-transform"]=u.transform);var d=Qe(u);d.length>0&&(c.style=d);var p=[];return p.push({tag:"span",attributes:c,children:[t]}),i&&p.push({tag:"span",attributes:{class:"sr-only"},children:[i]}),p}var Vt=et.styles;function Jt(e){var t=e[0],n=e[1],r=Y(e.slice(4),1)[0];return{found:!0,width:t,height:n,icon:Array.isArray(r)?{tag:"g",attributes:{class:"".concat(Pe.cssPrefix,"-").concat(Ee.GROUP)},children:[{tag:"path",attributes:{class:"".concat(Pe.cssPrefix,"-").concat(Ee.SECONDARY),fill:"currentColor",d:r[0]}},{tag:"path",attributes:{class:"".concat(Pe.cssPrefix,"-").concat(Ee.PRIMARY),fill:"currentColor",d:r[1]}}]}:{tag:"path",attributes:{fill:"currentColor",d:r}}}}var Xt={found:!1,width:512,height:512};function qt(e,t){var n=t;return"fa"===t&&null!==Pe.styleDefault&&(t=St()),new Promise((function(r,o){if(Rt("missingIconAbstract"),"fa"===n){var i=Nt(e)||{};e=i.iconName||e,t=i.prefix||t}if(e&&t&&Vt[t]&&Vt[t][e])return r(Jt(Vt[t][e]));!function(e,t){ge||Pe.showMissingIcons||!e||console.error('Icon with name "'.concat(e,'" and prefix "').concat(t,'" is missing.'))}(e,t),r(T(T({},Xt),{},{icon:Pe.showMissingIcons&&e&&Rt("missingIconAbstract")||{}}))}))}var Kt=function(){},$t=Pe.measurePerformance&&te&&te.mark&&te.measure?te:{mark:Kt,measure:Kt},en='FA "6.5.2"',tn=function(e){$t.mark("".concat(en," ").concat(e," ends")),$t.measure("".concat(en," ").concat(e),"".concat(en," ").concat(e," begins"),"".concat(en," ").concat(e," ends"))},nn={begin:function(e){return $t.mark("".concat(en," ").concat(e," begins")),function(){return tn(e)}},end:tn},rn=function(){};function on(e){return"string"==typeof(e.getAttribute?e.getAttribute(ae):null)}function sn(e){return $.createElementNS("http://www.w3.org/2000/svg",e)}function an(e){return $.createElement(e)}function ln(e){var t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).ceFn,n=void 0===t?"svg"===e.tag?sn:an:t;if("string"==typeof e)return $.createTextNode(e);var r=n(e.tag);return Object.keys(e.attributes||[]).forEach((function(t){r.setAttribute(t,e.attributes[t])})),(e.children||[]).forEach((function(e){r.appendChild(ln(e,{ceFn:n}))})),r}var cn={replace:function(e){var t=e[0];if(t.parentNode)if(e[1].forEach((function(e){t.parentNode.insertBefore(ln(e),t)})),null===t.getAttribute(ae)&&Pe.keepOriginalSource){var n=$.createComment(function(e){var t=" ".concat(e.outerHTML," ");return"".concat(t,"Font Awesome fontawesome.com ")}(t));t.parentNode.replaceChild(n,t)}else t.remove()},nest:function(e){var t=e[0],n=e[1];if(~We(t).indexOf(Pe.replacementClass))return cn.replace(e);var r=new RegExp("".concat(Pe.cssPrefix,"-.*"));if(delete n[0].attributes.id,n[0].attributes.class){var o=n[0].attributes.class.split(" ").reduce((function(e,t){return t===Pe.replacementClass||t.match(r)?e.toSvg.push(t):e.toNode.push(t),e}),{toNode:[],toSvg:[]});n[0].attributes.class=o.toSvg.join(" "),0===o.toNode.length?t.removeAttribute("class"):t.setAttribute("class",o.toNode.join(" "))}var i=n.map((function(e){return rt(e)})).join("\n");t.setAttribute(ae,""),t.innerHTML=i}};function un(e){e()}function dn(e,t){var n="function"==typeof t?t:rn;if(0===e.length)n();else{var r=un;Pe.mutateApproach===Ae&&(r=K.requestAnimationFrame||un),r((function(){var t=!0===Pe.autoReplaceSvg?cn.replace:cn[Pe.autoReplaceSvg]||cn.replace,r=nn.begin("mutate");e.map(t),r(),n()}))}}var pn=!1;function An(){pn=!0}function Mn(){pn=!1}var gn=null;function Ln(e){if(ee&&Pe.observeMutations){var t=e.treeCallback,n=void 0===t?rn:t,r=e.nodeCallback,o=void 0===r?rn:r,i=e.pseudoElementsCallback,s=void 0===i?rn:i,a=e.observeMutationsRoot,l=void 0===a?$:a;gn=new ee((function(e){if(!pn){var t=St();_e(e).forEach((function(e){if("childList"===e.type&&e.addedNodes.length>0&&!on(e.addedNodes[0])&&(Pe.searchPseudoElements&&s(e.target),n(e.target)),"attributes"===e.type&&e.target.parentNode&&Pe.searchPseudoElements&&s(e.target.parentNode),"attributes"===e.type&&on(e.target)&&~Ie.indexOf(e.attributeName))if("class"===e.attributeName&&function(e){var t=e.getAttribute?e.getAttribute(ue):null,n=e.getAttribute?e.getAttribute(de):null;return t&&n}(e.target)){var r=Et(We(e.target)),i=r.prefix,a=r.iconName;e.target.setAttribute(ue,i||t),a&&e.target.setAttribute(de,a)}else(l=e.target)&&l.classList&&l.classList.contains&&l.classList.contains(Pe.replacementClass)&&o(e.target);var l}))}})),ne&&gn.observe(l,{childList:!0,attributes:!0,characterData:!0,subtree:!0})}}function Cn(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{styleParser:!0},n=function(e){var t,n,r=e.getAttribute("data-prefix"),o=e.getAttribute("data-icon"),i=void 0!==e.innerText?e.innerText.trim():"",s=Et(We(e));return s.prefix||(s.prefix=St()),r&&o&&(s.prefix=r,s.iconName=o),s.iconName&&s.prefix||(s.prefix&&i.length>0&&(s.iconName=(t=s.prefix,n=e.innerText,(Ct[t]||{})[n]||yt(s.prefix,st(e.innerText)))),!s.iconName&&Pe.autoFetchSvg&&e.firstChild&&e.firstChild.nodeType===Node.TEXT_NODE&&(s.iconName=e.firstChild.data)),s}(e),r=n.iconName,o=n.prefix,i=n.rest,s=function(e){var t=_e(e.attributes).reduce((function(e,t){return"class"!==e.name&&"style"!==e.name&&(e[t.name]=t.value),e}),{}),n=e.getAttribute("title"),r=e.getAttribute("data-fa-title-id");return Pe.autoA11y&&(n?t["aria-labelledby"]="".concat(Pe.replacementClass,"-title-").concat(r||Ze()):(t["aria-hidden"]="true",t.focusable="false")),t}(e),a=Pt("parseNodeAttributes",{},e),l=t.styleParser?function(e){var t=e.getAttribute("style"),n=[];return t&&(n=t.split(";").reduce((function(e,t){var n=t.split(":"),r=n[0],o=n.slice(1);return r&&o.length>0&&(e[r]=o.join(":").trim()),e}),{})),n}(e):[];return T({iconName:r,title:e.getAttribute("title"),titleId:e.getAttribute("data-fa-title-id"),prefix:o,transform:Ue,mask:{iconName:null,prefix:null,rest:[]},maskId:null,symbol:!1,extra:{classes:i,styles:l,attributes:s}},a)}var hn=et.styles;function wn(e){var t="nest"===Pe.autoReplaceSvg?Cn(e,{styleParser:!1}):Cn(e);return~t.extra.classes.indexOf(xe)?Rt("generateLayersText",e,t):Rt("generateSvgReplacementMutation",e,t)}var mn=new Set;function bn(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(!ne)return Promise.resolve();var n=$.documentElement.classList,r=function(e){return n.add("".concat(pe,"-").concat(e))},o=function(e){return n.remove("".concat(pe,"-").concat(e))},i=Pe.autoFetchSvg?mn:he.map((function(e){return"fa-".concat(e)})).concat(Object.keys(hn));i.includes("fa")||i.push("fa");var s=[".".concat(xe,":not([").concat(ae,"])")].concat(i.map((function(e){return".".concat(e,":not([").concat(ae,"])")}))).join(", ");if(0===s.length)return Promise.resolve();var a=[];try{a=_e(e.querySelectorAll(s))}catch(e){}if(!(a.length>0))return Promise.resolve();r("pending"),o("complete");var l=nn.begin("onTree"),c=a.reduce((function(e,t){try{var n=wn(t);n&&e.push(n)}catch(e){ge||"MissingIcon"===e.name&&console.error(e)}return e}),[]);return new Promise((function(e,n){Promise.all(c).then((function(n){dn(n,(function(){r("active"),r("complete"),o("pending"),"function"==typeof t&&t(),l(),e()}))})).catch((function(e){l(),n(e)}))}))}function jn(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;wn(e).then((function(e){e&&dn([e],t)}))}he.map((function(e){mn.add("fa-".concat(e))})),Object.keys(me[Le]).map(mn.add.bind(mn)),Object.keys(me[Ce]).map(mn.add.bind(mn)),mn=P(mn);var fn=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.transform,r=void 0===n?Ue:n,o=t.symbol,i=void 0!==o&&o,s=t.mask,a=void 0===s?null:s,l=t.maskId,c=void 0===l?null:l,u=t.title,d=void 0===u?null:u,p=t.titleId,A=void 0===p?null:p,M=t.classes,g=void 0===M?[]:M,L=t.attributes,C=void 0===L?{}:L,h=t.styles,w=void 0===h?{}:h;if(e){var m=e.prefix,b=e.iconName,j=e.icon;return Ht(T({type:"icon"},e),(function(){return Bt("beforeDOMElementCreation",{iconDefinition:e,params:t}),Pe.autoA11y&&(d?C["aria-labelledby"]="".concat(Pe.replacementClass,"-title-").concat(A||Ze()):(C["aria-hidden"]="true",C.focusable="false")),Qt({icons:{main:Jt(j),mask:a?Jt(a.icon):{found:!1,width:null,height:null,icon:{}}},prefix:m,iconName:b,transform:T(T({},Ue),r),symbol:i,title:d,maskId:c,titleId:A,extra:{attributes:C,styles:w,classes:g}})}))}},yn={mixout:function(){return{icon:(e=fn,function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=(t||{}).icon?t:Ut(t||{}),o=n.mask;return o&&(o=(o||{}).icon?o:Ut(o||{})),e(r,T(T({},n),{},{mask:o}))})};var e},hooks:function(){return{mutationObserverCallbacks:function(e){return e.treeCallback=bn,e.nodeCallback=jn,e}}},provides:function(e){e.i2svg=function(e){var t=e.node,n=void 0===t?$:t,r=e.callback;return bn(n,void 0===r?function(){}:r)},e.generateSvgReplacementMutation=function(e,t){var n=t.iconName,r=t.title,o=t.titleId,i=t.prefix,s=t.transform,a=t.symbol,l=t.mask,c=t.maskId,u=t.extra;return new Promise((function(t,d){Promise.all([qt(n,i),l.iconName?qt(l.iconName,l.prefix):Promise.resolve({found:!1,width:512,height:512,icon:{}})]).then((function(l){var d=Y(l,2),p=d[0],A=d[1];t([e,Qt({icons:{main:p,mask:A},prefix:i,iconName:n,transform:s,symbol:a,maskId:c,title:r,titleId:o,extra:u,watchable:!0})])})).catch(d)}))},e.generateAbstractIcon=function(e){var t,n=e.children,r=e.attributes,o=e.main,i=e.transform,s=Qe(e.styles);return s.length>0&&(r.style=s),Fe(i)&&(t=Rt("generateAbstractTransformGrouping",{main:o,transform:i,containerWidth:o.width,iconWidth:o.width})),n.push(t||o.icon),{children:n,attributes:r}}}},xn={mixout:function(){return{layer:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.classes,r=void 0===n?[]:n;return Ht({type:"layer"},(function(){Bt("beforeDOMElementCreation",{assembler:e,params:t});var n=[];return e((function(e){Array.isArray(e)?e.map((function(e){n=n.concat(e.abstract)})):n=n.concat(e.abstract)})),[{tag:"span",attributes:{class:["".concat(Pe.cssPrefix,"-layers")].concat(P(r)).join(" ")},children:n}]}))}}}},Nn={mixout:function(){return{counter:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.title,r=void 0===n?null:n,o=t.classes,i=void 0===o?[]:o,s=t.attributes,a=void 0===s?{}:s,l=t.styles,c=void 0===l?{}:l;return Ht({type:"counter",content:e},(function(){return Bt("beforeDOMElementCreation",{content:e,params:t}),function(e){var t=e.content,n=e.title,r=e.extra,o=T(T(T({},r.attributes),n?{title:n}:{}),{},{class:r.classes.join(" ")}),i=Qe(r.styles);i.length>0&&(o.style=i);var s=[];return s.push({tag:"span",attributes:o,children:[t]}),n&&s.push({tag:"span",attributes:{class:"sr-only"},children:[n]}),s}({content:e.toString(),title:r,extra:{attributes:a,styles:c,classes:["".concat(Pe.cssPrefix,"-layers-counter")].concat(P(i))}})}))}}}},Sn={mixout:function(){return{text:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.transform,r=void 0===n?Ue:n,o=t.title,i=void 0===o?null:o,s=t.classes,a=void 0===s?[]:s,l=t.attributes,c=void 0===l?{}:l,u=t.styles,d=void 0===u?{}:u;return Ht({type:"text",content:e},(function(){return Bt("beforeDOMElementCreation",{content:e,params:t}),Ft({content:e,transform:T(T({},Ue),r),title:i,extra:{attributes:c,styles:d,classes:["".concat(Pe.cssPrefix,"-layers-text")].concat(P(a))}})}))}}},provides:function(e){e.generateLayersText=function(e,t){var n=t.title,r=t.transform,o=t.extra,i=null,s=null;if(re){var a=parseInt(getComputedStyle(e).fontSize,10),l=e.getBoundingClientRect();i=l.width/a,s=l.height/a}return Pe.autoA11y&&!n&&(o.attributes["aria-hidden"]="true"),Promise.resolve([e,Ft({content:e.innerHTML,width:i,height:s,transform:r,title:n,extra:o,watchable:!0})])}}},vn=new RegExp('"',"ug"),Dn=[1105920,1112319];function In(e,t){var n="".concat(ce).concat(t.replace(":","-"));return new Promise((function(r,o){if(null!==e.getAttribute(n))return r();var i,s,a,l=_e(e.children).filter((function(e){return e.getAttribute(le)===t}))[0],c=K.getComputedStyle(e,t),u=c.getPropertyValue("font-family").match(Ne),d=c.getPropertyValue("font-weight"),p=c.getPropertyValue("content");if(l&&!u)return e.removeChild(l),r();if(u&&"none"!==p&&""!==p){var A=c.getPropertyValue("content"),M=~["Sharp"].indexOf(u[2])?Ce:Le,g=~["Solid","Regular","Light","Thin","Duotone","Brands","Kit"].indexOf(u[2])?be[M][u[2].toLowerCase()]:Se[M][d],L=function(e){var t,n,r,o,i=e.replace(vn,""),s=(0,r=(t=i).length,(o=t.charCodeAt(0))>=55296&&o<=56319&&r>1&&(n=t.charCodeAt(1))>=56320&&n<=57343?1024*(o-55296)+n-56320+65536:o),a=s>=Dn[0]&&s<=Dn[1],l=2===i.length&&i[0]===i[1];return{value:st(l?i[0]:i),isSecondary:a||l}}(A),C=L.value,h=L.isSecondary,w=u[0].startsWith("FontAwesome"),m=yt(g,C),b=m;if(w){var j=(s=wt[i=C],a=yt("fas",i),s||(a?{prefix:"fas",iconName:a}:null)||{prefix:null,iconName:null});j.iconName&&j.prefix&&(m=j.iconName,g=j.prefix)}if(!m||h||l&&l.getAttribute(ue)===g&&l.getAttribute(de)===b)r();else{e.setAttribute(n,b),l&&e.removeChild(l);var f={iconName:null,title:null,titleId:null,prefix:null,transform:Ue,symbol:!1,mask:{iconName:null,prefix:null,rest:[]},maskId:null,extra:{classes:[],styles:{},attributes:{}}},y=f.extra;y.attributes[le]=t,qt(m,g).then((function(o){var i=Qt(T(T({},f),{},{icons:{main:o,mask:vt()},prefix:g,iconName:b,extra:y,watchable:!0})),s=$.createElementNS("http://www.w3.org/2000/svg","svg");"::before"===t?e.insertBefore(s,e.firstChild):e.appendChild(s),s.outerHTML=i.map((function(e){return rt(e)})).join("\n"),e.removeAttribute(n),r()})).catch(o)}}else r()}))}function En(e){return Promise.all([In(e,"::before"),In(e,"::after")])}function Tn(e){return!(e.parentNode===document.head||~Me.indexOf(e.tagName.toUpperCase())||e.getAttribute(le)||e.parentNode&&"svg"===e.parentNode.tagName)}function kn(e){if(ne)return new Promise((function(t,n){var r=_e(e.querySelectorAll("*")).filter(Tn).map(En),o=nn.begin("searchPseudoElements");An(),Promise.all(r).then((function(){o(),Mn(),t()})).catch((function(){o(),Mn(),n()}))}))}var zn=!1,On=function(e){return e.toLowerCase().split(" ").reduce((function(e,t){var n=t.toLowerCase().split("-"),r=n[0],o=n.slice(1).join("-");if(r&&"h"===o)return e.flipX=!0,e;if(r&&"v"===o)return e.flipY=!0,e;if(o=parseFloat(o),isNaN(o))return e;switch(r){case"grow":e.size=e.size+o;break;case"shrink":e.size=e.size-o;break;case"left":e.x=e.x-o;break;case"right":e.x=e.x+o;break;case"up":e.y=e.y-o;break;case"down":e.y=e.y+o;break;case"rotate":e.rotate=e.rotate+o}return e}),{size:16,x:0,y:0,flipX:!1,flipY:!1,rotate:0})},Yn={mixout:function(){return{parse:{transform:function(e){return On(e)}}}},hooks:function(){return{parseNodeAttributes:function(e,t){var n=t.getAttribute("data-fa-transform");return n&&(e.transform=On(n)),e}}},provides:function(e){e.generateAbstractTransformGrouping=function(e){var t=e.main,n=e.transform,r=e.containerWidth,o=e.iconWidth,i={transform:"translate(".concat(r/2," 256)")},s="translate(".concat(32*n.x,", ").concat(32*n.y,") "),a="scale(".concat(n.size/16*(n.flipX?-1:1),", ").concat(n.size/16*(n.flipY?-1:1),") "),l="rotate(".concat(n.rotate," 0 0)"),c={outer:i,inner:{transform:"".concat(s," ").concat(a," ").concat(l)},path:{transform:"translate(".concat(o/2*-1," -256)")}};return{tag:"g",attributes:T({},c.outer),children:[{tag:"g",attributes:T({},c.inner),children:[{tag:t.icon.tag,children:t.icon.children,attributes:T(T({},t.icon.attributes),c.path)}]}]}}}},Pn={x:0,y:0,width:"100%",height:"100%"};function Bn(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return e.attributes&&(e.attributes.fill||t)&&(e.attributes.fill="black"),e}var Rn,Un={hooks:function(){return{parseNodeAttributes:function(e,t){var n=t.getAttribute("data-fa-mask"),r=n?Et(n.split(" ").map((function(e){return e.trim()}))):vt();return r.prefix||(r.prefix=St()),e.mask=r,e.maskId=t.getAttribute("data-fa-mask-id"),e}}},provides:function(e){e.generateAbstractMask=function(e){var t,n=e.children,r=e.attributes,o=e.main,i=e.mask,s=e.maskId,a=e.transform,l=o.width,c=o.icon,u=i.width,d=i.icon,p=function(e){var t=e.transform,n=e.iconWidth,r={transform:"translate(".concat(e.containerWidth/2," 256)")},o="translate(".concat(32*t.x,", ").concat(32*t.y,") "),i="scale(".concat(t.size/16*(t.flipX?-1:1),", ").concat(t.size/16*(t.flipY?-1:1),") "),s="rotate(".concat(t.rotate," 0 0)");return{outer:r,inner:{transform:"".concat(o," ").concat(i," ").concat(s)},path:{transform:"translate(".concat(n/2*-1," -256)")}}}({transform:a,containerWidth:u,iconWidth:l}),A={tag:"rect",attributes:T(T({},Pn),{},{fill:"white"})},M=c.children?{children:c.children.map(Bn)}:{},g={tag:"g",attributes:T({},p.inner),children:[Bn(T({tag:c.tag,attributes:T(T({},c.attributes),p.path)},M))]},L={tag:"g",attributes:T({},p.outer),children:[g]},C="mask-".concat(s||Ze()),h="clip-".concat(s||Ze()),w={tag:"mask",attributes:T(T({},Pn),{},{id:C,maskUnits:"userSpaceOnUse",maskContentUnits:"userSpaceOnUse"}),children:[A,L]},m={tag:"defs",children:[{tag:"clipPath",attributes:{id:h},children:(t=d,"g"===t.tag?t.children:[t])},w]};return n.push(m,{tag:"rect",attributes:T({fill:"currentColor","clip-path":"url(#".concat(h,")"),mask:"url(#".concat(C,")")},Pn)}),{children:n,attributes:r}}}},Gn={provides:function(e){var t=!1;K.matchMedia&&(t=K.matchMedia("(prefers-reduced-motion: reduce)").matches),e.missingIconAbstract=function(){var e=[],n={fill:"currentColor"},r={attributeType:"XML",repeatCount:"indefinite",dur:"2s"};e.push({tag:"path",attributes:T(T({},n),{},{d:"M156.5,447.7l-12.6,29.5c-18.7-9.5-35.9-21.2-51.5-34.9l22.7-22.7C127.6,430.5,141.5,440,156.5,447.7z M40.6,272H8.5 c1.4,21.2,5.4,41.7,11.7,61.1L50,321.2C45.1,305.5,41.8,289,40.6,272z M40.6,240c1.4-18.8,5.2-37,11.1-54.1l-29.5-12.6 C14.7,194.3,10,216.7,8.5,240H40.6z M64.3,156.5c7.8-14.9,17.2-28.8,28.1-41.5L69.7,92.3c-13.7,15.6-25.5,32.8-34.9,51.5 L64.3,156.5z M397,419.6c-13.9,12-29.4,22.3-46.1,30.4l11.9,29.8c20.7-9.9,39.8-22.6,56.9-37.6L397,419.6z M115,92.4 c13.9-12,29.4-22.3,46.1-30.4l-11.9-29.8c-20.7,9.9-39.8,22.6-56.8,37.6L115,92.4z M447.7,355.5c-7.8,14.9-17.2,28.8-28.1,41.5 l22.7,22.7c13.7-15.6,25.5-32.9,34.9-51.5L447.7,355.5z M471.4,272c-1.4,18.8-5.2,37-11.1,54.1l29.5,12.6 c7.5-21.1,12.2-43.5,13.6-66.8H471.4z M321.2,462c-15.7,5-32.2,8.2-49.2,9.4v32.1c21.2-1.4,41.7-5.4,61.1-11.7L321.2,462z M240,471.4c-18.8-1.4-37-5.2-54.1-11.1l-12.6,29.5c21.1,7.5,43.5,12.2,66.8,13.6V471.4z M462,190.8c5,15.7,8.2,32.2,9.4,49.2h32.1 c-1.4-21.2-5.4-41.7-11.7-61.1L462,190.8z M92.4,397c-12-13.9-22.3-29.4-30.4-46.1l-29.8,11.9c9.9,20.7,22.6,39.8,37.6,56.9 L92.4,397z M272,40.6c18.8,1.4,36.9,5.2,54.1,11.1l12.6-29.5C317.7,14.7,295.3,10,272,8.5V40.6z M190.8,50 c15.7-5,32.2-8.2,49.2-9.4V8.5c-21.2,1.4-41.7,5.4-61.1,11.7L190.8,50z M442.3,92.3L419.6,115c12,13.9,22.3,29.4,30.5,46.1 l29.8-11.9C470,128.5,457.3,109.4,442.3,92.3z M397,92.4l22.7-22.7c-15.6-13.7-32.8-25.5-51.5-34.9l-12.6,29.5 C370.4,72.1,384.4,81.5,397,92.4z"})});var o=T(T({},r),{},{attributeName:"opacity"}),i={tag:"circle",attributes:T(T({},n),{},{cx:"256",cy:"364",r:"28"}),children:[]};return t||i.children.push({tag:"animate",attributes:T(T({},r),{},{attributeName:"r",values:"28;14;28;28;14;28;"})},{tag:"animate",attributes:T(T({},o),{},{values:"1;0;1;1;0;1;"})}),e.push(i),e.push({tag:"path",attributes:T(T({},n),{},{opacity:"1",d:"M263.7,312h-16c-6.6,0-12-5.4-12-12c0-71,77.4-63.9,77.4-107.8c0-20-17.8-40.2-57.4-40.2c-29.1,0-44.3,9.6-59.2,28.7 c-3.9,5-11.1,6-16.2,2.4l-13.1-9.2c-5.6-3.9-6.9-11.8-2.6-17.2c21.2-27.2,46.4-44.7,91.2-44.7c52.3,0,97.4,29.8,97.4,80.2 c0,67.6-77.4,63.5-77.4,107.8C275.7,306.6,270.3,312,263.7,312z"}),children:t?[]:[{tag:"animate",attributes:T(T({},o),{},{values:"1;0;0;0;0;1;"})}]}),t||e.push({tag:"path",attributes:T(T({},n),{},{opacity:"0",d:"M232.5,134.5l7,168c0.3,6.4,5.6,11.5,12,11.5h9c6.4,0,11.7-5.1,12-11.5l7-168c0.3-6.8-5.2-12.5-12-12.5h-23 C237.7,122,232.2,127.7,232.5,134.5z"}),children:[{tag:"animate",attributes:T(T({},o),{},{values:"0;0;1;1;0;0;"})}]}),{tag:"g",attributes:{class:"missing"},children:e}}}};Rn={mixoutsTo:_t}.mixoutsTo,kt=[Ke,yn,xn,Nn,Sn,{hooks:function(){return{mutationObserverCallbacks:function(e){return e.pseudoElementsCallback=kn,e}}},provides:function(e){e.pseudoElements2svg=function(e){var t=e.node,n=void 0===t?$:t;Pe.searchPseudoElements&&kn(n)}}},{mixout:function(){return{dom:{unwatch:function(){An(),zn=!0}}}},hooks:function(){return{bootstrap:function(){Ln(Pt("mutationObserverCallbacks",{}))},noAuto:function(){gn&&gn.disconnect()},watch:function(e){var t=e.observeMutationsRoot;zn?Mn():Ln(Pt("mutationObserverCallbacks",{observeMutationsRoot:t}))}}}},Yn,Un,Gn,{hooks:function(){return{parseNodeAttributes:function(e,t){var n=t.getAttribute("data-fa-symbol"),r=null!==n&&(""===n||n);return e.symbol=r,e}}}}],zt={},Object.keys(Ot).forEach((function(e){-1===Yt.indexOf(e)&&delete Ot[e]})),kt.forEach((function(e){var t=e.mixout?e.mixout():{};if(Object.keys(t).forEach((function(e){"function"==typeof t[e]&&(Rn[e]=t[e]),"object"===k(t[e])&&Object.keys(t[e]).forEach((function(n){Rn[e]||(Rn[e]={}),Rn[e][n]=t[e][n]}))})),e.hooks){var n=e.hooks();Object.keys(n).forEach((function(e){zt[e]||(zt[e]=[]),zt[e].push(n[e])}))}e.provides&&e.provides(Ot)}));var Zn=_t.parse,_n=_t.icon,Wn=o(764),Hn=o.n(Wn);function Qn(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Fn(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Qn(Object(n),!0).forEach((function(t){Jn(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Qn(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Vn(e){return Vn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Vn(e)}function Jn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Xn(e){return function(e){if(Array.isArray(e))return qn(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return qn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?qn(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function qn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Kn(e){return t=e,(t-=0)==t?e:(e=e.replace(/[\-_\s]+(.)?/g,(function(e,t){return t?t.toUpperCase():""}))).substr(0,1).toLowerCase()+e.substr(1);var t}var $n=["style"],er=!1;try{er=!0}catch(e){}function tr(e){return e&&"object"===Vn(e)&&e.prefix&&e.iconName&&e.icon?e:Zn.icon?Zn.icon(e):null===e?null:e&&"object"===Vn(e)&&e.prefix&&e.iconName?e:Array.isArray(e)&&2===e.length?{prefix:e[0],iconName:e[1]}:"string"==typeof e?{prefix:"fas",iconName:e}:void 0}function nr(e,t){return Array.isArray(t)&&t.length>0||!Array.isArray(t)&&t?Jn({},e,t):{}}var rr={border:!1,className:"",mask:null,maskId:null,fixedWidth:!1,inverse:!1,flip:!1,icon:null,listItem:!1,pull:null,pulse:!1,rotation:null,size:null,spin:!1,spinPulse:!1,spinReverse:!1,beat:!1,fade:!1,beatFade:!1,bounce:!1,shake:!1,symbol:!1,title:"",titleId:null,transform:null,swapOpacity:!1},or=t.forwardRef((function(e,t){var n=Fn(Fn({},rr),e),r=n.icon,o=n.mask,i=n.symbol,s=n.className,a=n.title,l=n.titleId,c=n.maskId,u=tr(r),d=nr("classes",[].concat(Xn(function(e){var t,n=e.beat,r=e.fade,o=e.beatFade,i=e.bounce,s=e.shake,a=e.flash,l=e.spin,c=e.spinPulse,u=e.spinReverse,d=e.pulse,p=e.fixedWidth,A=e.inverse,M=e.border,g=e.listItem,L=e.flip,C=e.size,h=e.rotation,w=e.pull,m=(Jn(t={"fa-beat":n,"fa-fade":r,"fa-beat-fade":o,"fa-bounce":i,"fa-shake":s,"fa-flash":a,"fa-spin":l,"fa-spin-reverse":u,"fa-spin-pulse":c,"fa-pulse":d,"fa-fw":p,"fa-inverse":A,"fa-border":M,"fa-li":g,"fa-flip":!0===L,"fa-flip-horizontal":"horizontal"===L||"both"===L,"fa-flip-vertical":"vertical"===L||"both"===L},"fa-".concat(C),null!=C),Jn(t,"fa-rotate-".concat(h),null!=h&&0!==h),Jn(t,"fa-pull-".concat(w),null!=w),Jn(t,"fa-swap-opacity",e.swapOpacity),t);return Object.keys(m).map((function(e){return m[e]?e:null})).filter((function(e){return e}))}(n)),Xn((s||"").split(" ")))),p=nr("transform","string"==typeof n.transform?Zn.transform(n.transform):n.transform),A=nr("mask",tr(o)),M=_n(u,Fn(Fn(Fn(Fn({},d),p),A),{},{symbol:i,title:a,titleId:l,maskId:c}));if(!M)return function(){var e;!er&&console&&"function"==typeof console.error&&(e=console).error.apply(e,arguments)}("Could not find icon",u),null;var g=M.abstract,L={ref:t};return Object.keys(n).forEach((function(e){rr.hasOwnProperty(e)||(L[e]=n[e])})),ir(g[0],L)}));or.displayName="FontAwesomeIcon",or.propTypes={beat:Hn().bool,border:Hn().bool,beatFade:Hn().bool,bounce:Hn().bool,className:Hn().string,fade:Hn().bool,flash:Hn().bool,mask:Hn().oneOfType([Hn().object,Hn().array,Hn().string]),maskId:Hn().string,fixedWidth:Hn().bool,inverse:Hn().bool,flip:Hn().oneOf([!0,!1,"horizontal","vertical","both"]),icon:Hn().oneOfType([Hn().object,Hn().array,Hn().string]),listItem:Hn().bool,pull:Hn().oneOf(["right","left"]),pulse:Hn().bool,rotation:Hn().oneOf([0,90,180,270]),shake:Hn().bool,size:Hn().oneOf(["2xs","xs","sm","lg","xl","2xl","1x","2x","3x","4x","5x","6x","7x","8x","9x","10x"]),spin:Hn().bool,spinPulse:Hn().bool,spinReverse:Hn().bool,symbol:Hn().oneOfType([Hn().bool,Hn().string]),title:Hn().string,titleId:Hn().string,transform:Hn().oneOfType([Hn().string,Hn().object]),swapOpacity:Hn().bool};var ir=function e(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if("string"==typeof n)return n;var o=(n.children||[]).map((function(n){return e(t,n)})),i=Object.keys(n.attributes||{}).reduce((function(e,t){var r=n.attributes[t];switch(t){case"class":e.attrs.className=r,delete n.attributes.class;break;case"style":e.attrs.style=r.split(";").map((function(e){return e.trim()})).filter((function(e){return e})).reduce((function(e,t){var n,r=t.indexOf(":"),o=Kn(t.slice(0,r)),i=t.slice(r+1).trim();return o.startsWith("webkit")?e[(n=o,n.charAt(0).toUpperCase()+n.slice(1))]=i:e[o]=i,e}),{});break;default:0===t.indexOf("aria-")||0===t.indexOf("data-")?e.attrs[t.toLowerCase()]=r:e.attrs[Kn(t)]=r}return e}),{attrs:{}}),s=r.style,a=void 0===s?{}:s,l=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(r,$n);return i.attrs.style=Fn(Fn({},i.attrs.style),a),t.apply(void 0,[n.tag,Fn(Fn({},i.attrs),l)].concat(Xn(o)))}.bind(null,t.createElement);const sr={size30:{on:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTkuNzUsMTcuNWEyLjUsMi41LDAsMSwwLTIuNS0yLjVBMi41LDIuNSwwLDAsMCwxOS43NSwxNy41WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik01LDE1YTUsNSwwLDAsMSw1LTVIMjBhNSw1LDAsMCwxLDAsMTBIMTBBNSw1LDAsMCwxLDUsMTVabTUtMy41YTMuNSwzLjUsMCwwLDAsMCw3SDIwYTMuNSwzLjUsMCwwLDAsMC03WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjwvc3ZnPg==",mixed:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTIwLDIwSDEwYy0yLjc2LDAtNS0yLjI0LTUtNSwwLTIuNzYsMi4yNC01LDUtNWgxMGMyLjc2LDAsNSwyLjI0LDUsNSwwLDIuNzYtMi4yNCw1LTUsNVpNMTAsMTEuNWMtMS45MywwLTMuNSwxLjU3LTMuNSwzLjVzMS41NywzLjUsMy41LDMuNWgxMGMxLjkzLDAsMy41LTEuNTcsMy41LTMuNXMtMS41Ny0zLjUtMy41LTMuNUgxMFoiLz48cmVjdCBjbGFzcz0iYiIgeD0iMTEuMDMiIHk9IjE0LjI1IiB3aWR0aD0iNy45NCIgaGVpZ2h0PSIxLjUiIHJ4PSIuNzUiIHJ5PSIuNzUiLz48L3N2Zz4=",off:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTAuMjUsMTcuNWEyLjUsMi41LDAsMSwxLDIuNS0yLjVBMi41LDIuNSwwLDAsMSwxMC4yNSwxNy41WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik0yMCwyMEgxMGE1LDUsMCwwLDEsMC0xMEgyMGE1LDUsMCwwLDEsMCwxMFpNMTAsMTEuNWEzLjUsMy41LDAsMCwwLDAsN0gyMGEzLjUsMy41LDAsMCwwLDAtN1oiIHN0eWxlPSJmaWxsOiMzMzMiLz48L3N2Zz4="},size40:{on:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTI0Ljc1LDIyLjVjMS4zOCwwLDIuNS0xLjEyLDIuNS0yLjVzLTEuMTItMi41LTIuNS0yLjUtMi41LDEuMTItMi41LDIuNSwxLjEyLDIuNSwyLjUsMi41WiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMTAsMjBjMC0yLjc2LDIuMjQtNSw1LTVoMTBjMi43NiwwLDUsMi4yNCw1LDVzLTIuMjQsNS01LDVIMTVjLTIuNzYsMC01LTIuMjQtNS01Wm01LTMuNWMtMS45MywwLTMuNSwxLjU3LTMuNSwzLjVzMS41NywzLjUsMy41LDMuNWgxMGMxLjkzLDAsMy41LTEuNTcsMy41LTMuNXMtMS41Ny0zLjUtMy41LTMuNUgxNVoiLz48L3N2Zz4=",mixed:"",off:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTE1LjI1LDIyLjVjLTEuMzgsMC0yLjUtMS4xMi0yLjUtMi41LDAtMS4zOCwxLjEyLTIuNSwyLjUtMi41czIuNSwxLjEyLDIuNSwyLjVjMCwxLjM4LTEuMTIsMi41LTIuNSwyLjVaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0yNSwyNUgxNWMtMi43NiwwLTUtMi4yNC01LTUsMC0yLjc2LDIuMjQtNSw1LTVoMTBjMi43NiwwLDUsMi4yNCw1LDUsMCwyLjc2LTIuMjQsNS01LDVabS0xMC04LjVjLTEuOTMsMC0zLjUsMS41Ny0zLjUsMy41czEuNTcsMy41LDMuNSwzLjVoMTBjMS45MywwLDMuNS0xLjU3LDMuNS0zLjVzLTEuNTctMy41LTMuNS0zLjVIMTVaIi8+PC9zdmc+"}};class ar extends t.Component{constructor(e){super(e),this._localChange=!1,this.props.isSelected?this.state={isSelected:this.props.isSelected(),isConflict:!1}:this.state={isSelected:!0===this.props.target[this.props.propertyName],isConflict:this.props.target[this.props.propertyName]===j},this.props.disabled&&(this.state={...this.state,isDisabled:this.props.disabled})}shouldComponentUpdate(e,t){let n;return e.isSelected?n=e.isSelected():(n=!0===e.target[e.propertyName],e.target[e.propertyName]===j&&(t.isConflict=!0)),n!==t.isSelected||this._localChange?(t.isSelected=n,this._localChange=!1,!0):e.disabled!==t.isDisabled||e.label!==this.props.label||e.target!==this.props.target||t.isConflict!==this.state.isConflict}onChange(){this._localChange=!0,this.props.onSelect?this.props.onSelect(!this.state.isSelected):(this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:this.props.target,property:this.props.propertyName,value:!this.state.isSelected,initialValue:this.state.isSelected}),this.props.target&&this.props.propertyName&&(this.props.target[this.props.propertyName]=!this.state.isSelected)),this.props.onValueChanged&&this.props.onValueChanged(),this.setState({isSelected:!this.state.isSelected,isConflict:!1})}onCopyClick(){if(this.props&&this.props.target){const{className:e,babylonNamespace:t}=b(this.props.target);m("globalThis.debugNode."+this.props.propertyName+" = "+this.props.target[this.props.propertyName]+";// (debugNode as "+t+e+")")}else m("undefined")}render(){const e=this.props.large?sr.size40:sr.size30,t=this.state.isConflict?e.mixed:this.state.isSelected?e.on:e.off;return(0,g.jsxs)("div",{className:"checkBoxLine",children:[this.props.icon&&(0,g.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),this.props.label&&(0,g.jsx)("div",{className:"label",title:this.props.iconLabel,children:this.props.label}),this.props.faIcons&&(0,g.jsx)(or,{className:"cbx "+(this.props.disabled?"disabled":""),icon:this.state.isSelected?this.props.faIcons.enabled:this.props.faIcons.disabled,onClick:()=>!this.props.disabled&&this.onChange()}),!this.props.faIcons&&(0,g.jsx)("div",{className:"checkBox",children:(0,g.jsxs)("label",{className:`container lbl${this.props.disabled?" disabled":""} ${this.state.isSelected?"checked":""}`,children:[(0,g.jsx)("input",{type:"checkbox",className:"cbx hidden "+(this.state.isConflict?"conflict":""),checked:this.state.isSelected,onChange:()=>this.onChange(),disabled:!!this.props.disabled}),(0,g.jsx)("img",{className:"icon",src:t,alt:this.props.label})]})}),(0,g.jsx)("div",{className:"copy hoverIcon",onClick:()=>this.onCopyClick(),title:"Copy to clipboard",children:(0,g.jsx)("img",{src:x,alt:"Copy"})})]})}}class lr extends t.Component{constructor(e){super(e),this._localChange=!1,this.state={value:this.props.value.toFixed(void 0!==this.props.precision?this.props.precision:3)}}componentWillUnmount(){this.props.lockObject&&(this.props.lockObject.lock=!1)}shouldComponentUpdate(e,t){return this._localChange?(this._localChange=!1,!0):e.value.toString()!==t.value&&(t.value=e.value.toFixed(void 0!==this.props.precision?this.props.precision:3),!0)}updateValue(e){if(/[^0-9.-]/g.test(e))return;const t=parseFloat(e);this._localChange=!0,this.setState({value:e}),isNaN(t)||this.props.onChange(t)}onBlur(){this._localChange=!1;const e=parseFloat(this.state.value);this.props.lockObject&&(this.props.lockObject.lock=!1),isNaN(e)?this.props.onChange(this.props.value):this.props.onChange(e)}incrementValue(e){let t=parseFloat(this.state.value);isNaN(t)&&(t=0),this.updateValue((t+e).toFixed(void 0!==this.props.precision?this.props.precision:3))}onKeyDown(e){const t=this.props.step||1,n=n=>{e.shiftKey&&(n*=10,(e.ctrlKey||e.metaKey)&&(n*=10)),this.incrementValue(n*t),e.preventDefault()};"ArrowUp"===e.key?n(1):"ArrowDown"===e.key&&n(-1)}render(){return(0,g.jsxs)("div",{className:"numeric",children:[this.props.icon&&(0,g.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),this.props.label&&(0,g.jsx)("div",{className:"numeric-label",title:this.props.label,children:`${this.props.label}: `}),(0,g.jsx)("input",{type:"number",step:this.props.step,className:"numeric-input",value:this.state.value,onChange:e=>this.updateValue(e.target.value),onKeyDown:e=>this.onKeyDown(e),onFocus:()=>{this.props.lockObject&&(this.props.lockObject.lock=!0)},onBlur:()=>this.onBlur()})]})}}lr.defaultProps={step:1};var cr={prefix:"fas",iconName:"ban",icon:[512,512,[128683,"cancel"],"f05e","M367.2 412.5L99.5 144.8C77.1 176.1 64 214.5 64 256c0 106 86 192 192 192c41.5 0 79.9-13.1 111.2-35.5zm45.3-45.3C434.9 335.9 448 297.5 448 256c0-106-86-192-192-192c-41.5 0-79.9 13.1-111.2 35.5L412.5 367.2zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z"]},ur={prefix:"fas",iconName:"minus",icon:[448,512,[8211,8722,10134,"subtract"],"f068","M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"]},dr={prefix:"fas",iconName:"ellipsis",icon:[448,512,["ellipsis-h"],"f141","M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z"]},pr={prefix:"fas",iconName:"plus",icon:[448,512,[10133,61543,"add"],"2b","M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"]};class Ar extends t.Component{constructor(e){super(e)}updateValue(e){if(/[^0-9.-]/g.test(e))return;let t=parseInt(e);isNaN(t)||(null!=this.props.max&&t>this.props.max&&(t=this.props.max),null!=this.props.min&&t<this.props.min&&(t=this.props.min),this.props.onChange(t))}lock(){this.props.lockObject&&(this.props.lockObject.lock=!0)}unlock(){this.props.lockObject&&(this.props.lockObject.lock=!1)}render(){return(0,g.jsxs)("div",{className:"color-picker-component",children:[(0,g.jsx)("div",{className:"color-picker-component-value",children:(0,g.jsx)("input",{type:"number",step:1,className:"numeric-input",value:this.props.value,onBlur:()=>this.unlock(),onFocus:()=>this.lock(),onChange:e=>this.updateValue(e.target.value),disabled:this.props.disabled})}),(0,g.jsx)("div",{className:"color-picker-component-label",children:this.props.label})]})}}class Mr extends t.Component{constructor(e){super(e),this.state={hex:this.props.value.replace("#","")}}shouldComponentUpdate(e,t){return e.value!==this.props.value&&(t.hex=e.value.replace("#","")),!0}lock(){this.props.lockObject&&(this.props.lockObject.lock=!0)}unlock(){this.props.lockObject&&(this.props.lockObject.lock=!1)}updateHexValue(e){if(""==e||0!=/^[0-9A-Fa-f]+$/g.test(e)){if(this.setState({hex:e}),e.length!==this.props.expectedLength)if(8===this.props.expectedLength&&6===e.length)e+="FF";else{if(6!==this.props.expectedLength||8!==e.length)return;e=e.substring(0,6)}this.props.onChange("#"+e)}}render(){return(0,g.jsx)("input",{type:"string",className:"hex-input",value:this.state.hex,onBlur:()=>this.unlock(),onFocus:()=>this.lock(),onChange:e=>this.updateHexValue(e.target.value)})}}var gr=o(392),Lr=o.n(gr),Cr=o(633),hr=o.n(Cr),wr=o(187),mr=o.n(wr),br=o(784),jr=o.n(br),fr=o(316),yr=o.n(fr),xr=o(809),Nr=o.n(xr),Sr=o(228),vr={};vr.styleTagTransform=Nr(),vr.setAttributes=jr(),vr.insert=mr().bind(null,"head"),vr.domAPI=hr(),vr.insertStyleElement=yr(),Lr()(Sr.A,vr),Sr.A&&Sr.A.locals&&Sr.A.locals;class Dr extends t.Component{constructor(e){super(e),this.props.color instanceof r.Color4?this.state={color:new r.Color3(this.props.color.r,this.props.color.g,this.props.color.b),alpha:this.props.color.a}:this.state={color:this.props.color.clone(),alpha:1},this._saturationRef=t.createRef(),this._hueRef=t.createRef()}shouldComponentUpdate(e,t){return e.color.toHexString()!==this.props.color.toHexString()||t.color.toHexString()!==this.props.color.toHexString()}onSaturationPointerDown(e){this._evaluateSaturation(e),this._isSaturationPointerDown=!0,e.currentTarget.setPointerCapture(e.pointerId)}onSaturationPointerUp(e){this._isSaturationPointerDown=!1,e.currentTarget.releasePointerCapture(e.pointerId)}onSaturationPointerMove(e){this._isSaturationPointerDown&&this._evaluateSaturation(e)}onHuePointerDown(e){this._evaluateHue(e),this._isHuePointerDown=!0,e.currentTarget.setPointerCapture(e.pointerId)}onHuePointerUp(e){this._isHuePointerDown=!1,e.currentTarget.releasePointerCapture(e.pointerId)}onHuePointerMove(e){this._isHuePointerDown&&this._evaluateHue(e)}_evaluateSaturation(e){const t=e.nativeEvent.offsetX,n=e.nativeEvent.offsetY,o=Math.min(1,Math.max(1e-4,t/this._saturationRef.current.clientWidth)),i=Math.min(1,Math.max(1e-4,1-n/this._saturationRef.current.clientHeight));this.props.debugMode&&(r.Logger.Log("Saturation: "+o),r.Logger.Log("Value: "+i));const s=this.state.color.toHSV();r.Color3.HSVtoRGBToRef(s.r,o,i,this.state.color),0===this.state.alpha&&this.setState({alpha:1}),this.setState({color:this.state.color})}_evaluateHue(e){const t=e.nativeEvent.offsetX,n=360*Math.min(.9999,Math.max(1e-4,t/this._hueRef.current.clientWidth));this.props.debugMode&&r.Logger.Log("Hue: "+n);const o=this.state.color.toHSV();r.Color3.HSVtoRGBToRef(n,Math.max(o.g,.01),Math.max(o.b,.01),this.state.color),this.setState({color:this.state.color})}componentDidUpdate(){this.raiseOnColorChanged()}raiseOnColorChanged(){if(this.props.onColorChanged)if(this.props.color instanceof r.Color4){const e=r.Color4.FromColor3(this.state.color,this.state.alpha);this.props.onColorChanged(e)}else this.props.onColorChanged(this.state.color.clone())}render(){const e=r.Color4.FromColor3(this.state.color);e.a=this.state.alpha;const t=e.toHexString(),n=this.state.color.toHSV(),o=new r.Color3;r.Color3.HSVtoRGBToRef(n.r,1,1,o);const i=o.toHexString(),s=this.props.color instanceof r.Color4;return(0,g.jsxs)("div",{className:"color-picker-container"+(this.props.linearhint?" with-hints":""),children:[(0,g.jsxs)("div",{className:"color-picker-saturation",onPointerMove:e=>this.onSaturationPointerMove(e),onPointerDown:e=>this.onSaturationPointerDown(e),onPointerUp:e=>this.onSaturationPointerUp(e),ref:this._saturationRef,style:{background:i},children:[(0,g.jsx)("div",{className:"color-picker-saturation-white"}),(0,g.jsx)("div",{className:"color-picker-saturation-black"}),(0,g.jsx)("div",{className:"color-picker-saturation-cursor",style:{top:-100*n.b+100+"%",left:100*n.g+"%"}})]}),(0,g.jsxs)("div",{className:"color-picker-hue",children:[(0,g.jsx)("div",{className:"color-picker-hue-color",style:{background:t}}),(0,g.jsx)("div",{className:"color-picker-hue-slider",ref:this._hueRef,onPointerMove:e=>this.onHuePointerMove(e),onPointerDown:e=>this.onHuePointerDown(e),onPointerUp:e=>this.onHuePointerUp(e),children:(0,g.jsx)("div",{className:"color-picker-hue-cursor",style:{left:n.r/360*100+"%",border:"1px solid "+i}})})]}),(0,g.jsx)("div",{className:"color-picker-alpha"}),(0,g.jsxs)("div",{className:"color-picker-rgb",children:[(0,g.jsx)("div",{className:"red",children:(0,g.jsx)(Ar,{lockObject:this.props.lockObject,label:"R",min:0,max:255,value:Math.round(255*this.state.color.r),onChange:e=>{this.state.color.r=e/255,this.forceUpdate()}})}),(0,g.jsx)("div",{className:"green",children:(0,g.jsx)(Ar,{lockObject:this.props.lockObject,label:"G",min:0,max:255,value:Math.round(255*this.state.color.g),onChange:e=>{this.state.color.g=e/255,this.forceUpdate()}})}),(0,g.jsx)("div",{className:"blue",children:(0,g.jsx)(Ar,{lockObject:this.props.lockObject,label:"B",min:0,max:255,value:Math.round(255*this.state.color.b),onChange:e=>{this.state.color.b=e/255,this.forceUpdate()}})}),(0,g.jsx)("div",{className:"alpha"+(s?"":" grayed"),children:(0,g.jsx)(Ar,{lockObject:this.props.lockObject,label:"A",min:0,max:255,value:Math.round(255*this.state.alpha),onChange:e=>{this.setState({alpha:e/255}),this.forceUpdate()}})})]}),(0,g.jsxs)("div",{className:"color-picker-hex",children:[(0,g.jsx)("div",{className:"color-picker-hex-label",children:"Hex"}),(0,g.jsx)("div",{className:"color-picker-hex-value",children:(0,g.jsx)(Mr,{lockObject:this.props.lockObject,expectedLength:s?8:6,value:t,onChange:e=>{if(s){const t=r.Color4.FromHexString(e);this.setState({color:new r.Color3(t.r,t.g,t.b),alpha:t.a})}else this.setState({color:r.Color3.FromHexString(e)})}})})]}),this.props.linearhint&&(0,g.jsx)("div",{className:"color-picker-warning",children:"(Note: color is stored in linear mode and was converted to gamma to be displayed here (toGammaSpace() / toLinearSpace()))"})]})}}class Ir extends t.Component{constructor(e){super(e),this.state={pickerEnabled:!1,color:this.props.value,hex:this.getHexString(e)},this._floatRef=t.createRef(),this._floatHostRef=t.createRef()}syncPositions(){const e=this._floatRef.current,t=this._floatHostRef.current;if(!e||!t)return;let n=t.getBoundingClientRect().top;const r=e.getBoundingClientRect().height;n+r+10>window.innerHeight&&(n=window.innerHeight-r-10),e.style.top=n+"px",this.props.shouldPopRight?e.style.left=t.getBoundingClientRect().left+"px":e.style.left=t.getBoundingClientRect().left-e.getBoundingClientRect().width+"px"}shouldComponentUpdate(e,t){const n=this.getHexString(e)!==this.getHexString();return n&&(t.color=e.value,t.hex=this.getHexString(e)),n||t.hex!==this.state.hex||t.pickerEnabled!==this.state.pickerEnabled}getHexString(e=this.props){return e.value.toHexString()}componentDidUpdate(){this.syncPositions()}componentDidMount(){this.syncPositions()}render(){return(0,g.jsxs)("div",{className:"color-picker",children:[this.props.icon&&(0,g.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),(0,g.jsx)("div",{className:"color-rect-background",ref:this._floatHostRef,onClick:()=>this.setState({pickerEnabled:!0}),children:(0,g.jsx)("div",{className:"color-rect",style:{background:this.state.hex}})}),this.state.pickerEnabled&&(0,g.jsx)(g.Fragment,{children:(0,g.jsx)("div",{className:"color-picker-cover",onClick:e=>{e.target===this._floatRef.current?.ownerDocument?.querySelector(".color-picker-cover")&&this.setState({pickerEnabled:!1})},children:(0,g.jsx)("div",{className:"color-picker-float",ref:this._floatRef,children:(0,g.jsx)(Dr,{lockObject:this.props.lockObject||{},color:this.state.color,linearhint:this.props.linearHint,onColorChanged:e=>{const t=e.toHexString();this.setState({hex:t,color:e}),this.props.onColorChanged(t)}})})})})]})}}const Er=new r.Color4(0,0,0,0);class Tr extends t.Component{constructor(e){super(e),this.state={isExpanded:!1,color:this.getValue()},this.props.target._isLinearColor=e.isLinear}shouldComponentUpdate(e,t){const n=t.color,r=this.getValue(e);return n!==this.state.color?(t.color=n,!0):r!==this.state.color?(t.color=r,!0):t.isExpanded!==this.state.isExpanded}getValue(e=this.props){const t=e.target[e.propertyName];return t?"string"==typeof t?t===j?Er:this._convertToColor(t):e.isLinear?t.toGammaSpace():t.clone():Er}setColorFromString(e){const t=this._convertToColor(e);this.setColor(t)}setColor(e){this.setState({color:e.clone()}),this.props.isLinear&&e.toLinearSpaceToRef(e);const t=this.props.disableAlpha?this._toColor3(e):e,n=this.props.target,r=n[this.props.propertyName],o="string"==typeof n[this.props.propertyName]?t.toHexString():t;n[this.props.propertyName]=o,this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:n,property:this.props.propertyName,value:o,initialValue:r}),this.props.onChange&&this.props.onChange()}switchExpandState(){this.setState({isExpanded:!this.state.isExpanded})}updateStateR(e){this.setColor(new r.Color4(e,this.state.color.g,this.state.color.b,this.state.color.a))}updateStateG(e){this.setColor(new r.Color4(this.state.color.r,e,this.state.color.b,this.state.color.a))}updateStateB(e){this.setColor(new r.Color4(this.state.color.r,this.state.color.g,e,this.state.color.a))}updateStateA(e){this.props.disableAlpha||this.setColor(new r.Color4(this.state.color.r,this.state.color.g,this.state.color.b,e))}_convertToColor(e){if(""===e||"transparent"===e)return Er;if("#"!==e.substring(0,1)||7!==e.length&&9!==e.length){const t=document.createElement("div");t.style.color=e,document.body.append(t);const n=window.getComputedStyle(t).color;document.body.removeChild(t);const o=n.substring(4,n.length-1).replace(/ /g,"").split(","),i=o.length>3?parseInt(o[3])/255:1;return new r.Color4(parseInt(o[0])/255,parseInt(o[1])/255,parseInt(o[2])/255,i)}if(this.props.disableAlpha){const t=r.Color3.FromHexString(e);return new r.Color4(t.r,t.g,t.b,1)}return r.Color4.FromHexString(e)}_toColor3(e){return new r.Color3(e.r,e.g,e.b)}onCopyClick(){if(this.props&&this.props.target){const{className:e,babylonNamespace:t}=b(this.props.target),n="globalThis.debugNode",r=this.props.propertyName,o=this.props.target[this.props.propertyName],i=this.state.color.toHexString();let s;s=o.a?"new "+t+"Color4("+o.r+", "+o.g+", "+o.b+", "+o.a+")":"new "+t+"Color3("+o.r+", "+o.g+", "+o.b+")",s+=";// (HEX : "+i,m(n+"."+r+" = "+s+" , debugNode as "+t+e+")")}else m("undefined")}render(){const e=this.state.isExpanded?(0,g.jsx)(or,{icon:ur}):(0,g.jsx)(or,{icon:pr});return(0,g.jsxs)("div",{className:"color3Line",children:[(0,g.jsxs)("div",{className:"firstLine",children:[this.props.icon&&(0,g.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),(0,g.jsx)("div",{className:"label",title:this.props.label,children:this.props.label}),(0,g.jsx)("div",{className:"color3",children:(0,g.jsx)(Ir,{lockObject:this.props.lockObject,linearHint:this.props.isLinear,value:this.props.disableAlpha?this._toColor3(this.state.color):this.state.color,onColorChanged:e=>{this.setColorFromString(e)}})}),(0,g.jsx)("div",{className:"expand hoverIcon",onClick:()=>this.switchExpandState(),title:"Expand",children:e}),(0,g.jsx)("div",{className:"copy hoverIcon",onClick:()=>this.onCopyClick(),title:"Copy to clipboard",children:(0,g.jsx)("img",{src:x,alt:"Copy"})})]}),this.state.isExpanded&&(0,g.jsxs)("div",{className:"secondLine",children:[(0,g.jsx)(lr,{lockObject:this.props.lockObject,label:"r",value:this.state.color.r,onChange:e=>this.updateStateR(e)}),(0,g.jsx)(lr,{lockObject:this.props.lockObject,label:"g",value:this.state.color.g,onChange:e=>this.updateStateG(e)}),(0,g.jsx)(lr,{lockObject:this.props.lockObject,label:"b",value:this.state.color.b,onChange:e=>this.updateStateB(e)}),this.props.disableAlpha||(0,g.jsx)(lr,{lockObject:this.props.lockObject,label:"a",value:this.state.color.a,onChange:e=>this.updateStateA(e)})]})]})}}class kr extends t.Component{render(){return(0,g.jsx)("img",{src:this.props.icon,title:this.props.label,alt:this.props.label,color:"black",className:"icon",onDragStart:e=>e.preventDefault()})}}var zr=o(767),Or={};Or.styleTagTransform=Nr(),Or.setAttributes=jr(),Or.insert=mr().bind(null,"head"),Or.domAPI=hr(),Or.insertStyleElement=yr(),Lr()(zr.A,Or);const Yr=zr.A&&zr.A.locals?zr.A.locals:void 0;function Pr(e,t){let n="";for(const r in e)e[r]&&(n+=t[r]+" ");return n}const Br=({disabled:e,active:t,onClick:n,children:r,color:o,size:i,title:s,backgroundColor:a})=>(0,g.jsx)("button",{className:Pr({button:!0,active:t,wide:"wide"===i,small:"small"===i,smaller:"smaller"===i,light:"light"===o,dark:"dark"===o},Yr),disabled:e,onClick:n,title:s,style:{backgroundColor:a},children:r});var Rr=o(734),Ur={};Ur.styleTagTransform=Nr(),Ur.setAttributes=jr(),Ur.insert=mr().bind(null,"head"),Ur.domAPI=hr(),Ur.insertStyleElement=yr(),Lr()(Rr.A,Ur);const Gr=Rr.A&&Rr.A.locals?Rr.A.locals:void 0,Zr=({color:e="dark",icon:t})=>(0,g.jsx)("img",{src:t,style:{width:"100%",height:"100%"},className:Pr({light:"light"===e},Gr)});var _r=o(182),Wr={};Wr.styleTagTransform=Nr(),Wr.setAttributes=jr(),Wr.insert=mr().bind(null,"head"),Wr.domAPI=hr(),Wr.insertStyleElement=yr(),Lr()(_r.A,Wr);const Hr=_r.A&&_r.A.locals?_r.A.locals:void 0,Qr="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTUsNi44OUE4LjExLDguMTEsMCwxLDEsNi44OSwxNSw4LjExLDguMTEsMCwwLDEsMTUsNi44OVptMCwxLjIyQTYuODksNi44OSwwLDEsMCwyMS44OSwxNSw2Ljg4LDYuODgsMCwwLDAsMTUsOC4xMVptLTEsOC4wNiwzLjYyLTMuNjNhLjYxLjYxLDAsMCwxLC45Mi43OWwtLjA2LjA3LTQsNC4wNmEuNjQuNjQsMCwwLDEtLjguMDZsLS4wNi0uMDYtMi0yYS42LjYsMCwwLDEsMC0uODYuNi42LDAsMCwxLC43OS0uMDZsLjA3LjA2LDEuNiwxLjYsMy42Mi0zLjYzWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjwvc3ZnPg==",Fr="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTUsOC43MWEyLDIsMCwwLDEsMiwxLjkxdi4xMWgzLjI2YS40Ny40NywwLDAsMSwuMDYuOTNoLS41NkwxOSwxOS43NWExLjcsMS43LDAsMCwxLTEuNTksMS41M0gxMi43MUExLjcxLDEuNzEsMCwwLDEsMTEsMTkuODVsMC0uMS0uNzktOC4wOWgtLjVhLjQ2LjQ2LDAsMCwxLS40Ni0uNFYxMS4yYS40Ni40NiwwLDAsMSwuNC0uNDZIMTNBMiwyLDAsMCwxLDE1LDguNzFabTMuODUsMi45NWgtNy43bC43OSw4YS43OC43OCwwLDAsMCwuNjkuN2g0LjY2YS43Ny43NywwLDAsMCwuNzYtLjYydi0uMDhabS0yLjc2LDEuNzFhLjQ3LjQ3LDAsMCwxLC40Ni40djQuNDFhLjQ2LjQ2LDAsMCwxLS45Mi4wNnYtNC40QS40Ny40NywwLDAsMSwxNi4wOSwxMy4zN1ptLTIuMTgsMGEuNDYuNDYsMCwwLDEsLjQ2LjR2NC40MWEuNDcuNDcsMCwwLDEtLjkzLjA2di00LjRBLjQ3LjQ3LDAsMCwxLDEzLjkxLDEzLjM3Wk0xNSw5LjY1YTEuMDcsMS4wNywwLDAsMC0xLjA4LDF2LjA5aDIuMThBMS4wOCwxLjA4LDAsMCwwLDE1LDkuNjVaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+",Vr=e=>{const[n,r]=(0,t.useState)(""),[o,i]=(0,t.useState)(!e.validateValue||e.validateValue(n));return(0,t.useEffect)((()=>{i(!e.validateValue||e.validateValue(n))}),[n]),(0,g.jsxs)("div",{className:Pr({line:!0,valid:o,invalid:!o},Hr),children:[e.label&&(0,g.jsx)("label",{children:e.label}),(0,g.jsx)("input",{className:Hr.input,type:"text",placeholder:e.placeholder,value:n,onChange:e=>{r(e.target.value)}}),(0,g.jsxs)("div",{children:[(0,g.jsx)(Br,{color:"light",size:"smaller",backgroundColor:"inherit",onClick:()=>{e.submitValue(n)},disabled:!o,children:(0,g.jsx)(Zr,{icon:Qr,color:"dark"})}),(0,g.jsx)(Br,{color:"light",size:"smaller",backgroundColor:"inherit",onClick:()=>{e.cancelSubmit?.(),r("")},children:(0,g.jsx)(Zr,{icon:Fr,color:"dark"})})]})]})};var Jr=o(348),Xr={};Xr.styleTagTransform=Nr(),Xr.setAttributes=jr(),Xr.insert=mr().bind(null,"head"),Xr.domAPI=hr(),Xr.insertStyleElement=yr(),Lr()(Jr.A,Xr);const qr=Jr.A&&Jr.A.locals?Jr.A.locals:void 0;var Kr;!function(e){e[e.Default=0]="Default",e[e.Adding=1]="Adding"}(Kr||(Kr={}));const $r="addCustomOption",eo=e=>{const[n,r]=(0,t.useState)(Kr.Default);return(0,g.jsxs)("div",{className:qr.optionsLine,children:[n===Kr.Adding&&(0,g.jsx)(Vr,{submitValue:t=>{const n={label:t,value:t,id:Date.now().toString()};e.onOptionAdded?.(n),e.onOptionSelected(n.value),r(Kr.Default)},placeholder:e.addOptionPlaceholder,validateValue:e.validateNewOptionValue,cancelSubmit:()=>{r(Kr.Default)}}),n===Kr.Default&&(0,g.jsxs)("select",{className:qr.optionsSelect,onChange:t=>{t.target.value===$r?r(Kr.Adding):e.onOptionSelected(t.target.value)},value:e.selectedOptionValue,children:[e.onOptionAdded&&(0,g.jsx)("option",{value:$r,children:e.addOptionText??"Custom"},$r),e.options.map((e=>(0,g.jsx)("option",{value:e.value,children:e.label},e.id)))]})]})},to="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTAsN2EzLDMsMCwwLDAtMywzdjMuNWEuNS41LDAsMCwwLDEsMFYxMGEyLDIsMCwwLDEsMi0yaDMuNWEuNS41LDAsMCwwLDAtMVoiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNMTYuNSw3YS41LjUsMCwwLDAsMCwxSDIwYTIsMiwwLDAsMSwyLDJ2My41YS41LjUsMCwwLDAsMSwwVjEwYTMsMywwLDAsMC0zLTNaIiBzdHlsZT0iZmlsbDojMzMzIi8+PHBhdGggZD0iTTcuNSwxNmEuNS41LDAsMCwxLC41LjVWMjBhMiwyLDAsMCwwLDIsMmgzLjVhLjUuNSwwLDAsMSwwLDFIMTBhMywzLDAsMCwxLTMtM1YxNi41QS41LjUsMCwwLDEsNy41LDE2WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik0yMywxNi41YS41LjUsMCwwLDAtMSwwVjIwYTIsMiwwLDAsMS0yLDJIMTYuNWEuNS41LDAsMCwwLDAsMUgyMGEzLDMsMCwwLDAsMy0zWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjwvc3ZnPg==",no="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTAuOTIsNi44M2EuNjEuNjEsMCwwLDEsLjU3LjRsMi40MSw2LjUydjBsLjE4LjQ5TDEzLjQyLDE2bC0uNTEtMS4zOGgtNEw4LDE3LjA1YS42MS42MSwwLDAsMS0uNzkuMzYuNjIuNjIsMCwwLDEtLjM2LS43OWwxLTIuODR2MGwyLjQxLTYuNTJBLjYyLjYyLDAsMCwxLDEwLjkyLDYuODNaTTkuMzgsMTMuMzdoMy4wN0wxMC45Miw5LjIxWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik0xNi40OCwxMC40OGEuNi42LDAsMCwxLC41Ny0uMzguNTkuNTksMCwwLDEsLjU2LjM5bDQuNTQsMTEuNDVoLjRhLjYyLjYyLDAsMSwxLDAsMS4yM2gtMmEuNjIuNjIsMCwwLDEsMC0xLjIzaC4zMmwtMS0yLjQ1SDE0LjIybC0xLDIuNDVoLjMyYS42Mi42MiwwLDAsMSwwLDEuMjNoLTJhLjYyLjYyLDAsMCwxLDAtMS4yM2guNFptMi45LDcuNzhMMTcsMTIuMzdsLTIuMzMsNS44OVoiIHN0eWxlPSJmaWxsOiMzMzMiLz48L3N2Zz4=",ro="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNNywxNC40YTgsOCwwLDAsMSwxNiwwaDBWMTVBOCw4LDAsMCwxLDcsMTV2LS42Wm04LTYuMjFBNi44LDYuOCwwLDAsMCw4LjIyLDE0LjRIMjEuNzhBNi44LDYuOCwwLDAsMCwxNSw4LjE5WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjwvc3ZnPg==",oo="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTAuMTYsMTAuNzZhLjYuNiwwLDAsMSwuNi0uNmgyYS42MS42MSwwLDEsMSwwLDEuMjFoLS41NmwxLjM5LDEuMzlhLjYuNiwwLDAsMS0uODUuODVsLTEuMzktMS4zOXYuNTZhLjYxLjYxLDAsMSwxLTEuMjEsMFoiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNMTkuMjQsMTkuODVhLjY0LjY0LDAsMCwwLC40My0uMTguNjMuNjMsMCwwLDAsLjE3LS40M3YtMmEuNjEuNjEsMCwxLDAtMS4yMSwwdi41NmwtMS4zOS0xLjM5YS42LjYsMCwxLDAtLjg1Ljg1bDEuMzksMS4zOWgtLjU2YS42MS42MSwwLDAsMCwwLDEuMjJaIiBzdHlsZT0iZmlsbDojMzMzIi8+PHBhdGggZD0iTTE5LjY3LDEwLjMzYS42My42MywwLDAsMSwuMTcuNDN2MmEuNjEuNjEsMCwxLDEtMS4yMSwwdi0uNTZsLTEuMzksMS4zOWEuNi42LDAsMSwxLS44NS0uODVsMS4zOS0xLjM5aC0uNTZhLjYxLjYxLDAsMSwxLDAtMS4yMWgyQS42My42MywwLDAsMSwxOS42NywxMC4zM1oiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNMTAuMTYsMTkuMjRhLjU4LjU4LDAsMCwwLC42LjZoMmEuNjEuNjEsMCwxLDAsMC0xLjIxaC0uNTZsMS4zOS0xLjM5YS42LjYsMCwxLDAtLjg1LS44NWwtMS4zOSwxLjM5di0uNTZhLjYxLjYxLDAsMCwwLTEuMjEsMFoiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNNy43Myw5LjU1QTEuODMsMS44MywwLDAsMSw5LjU1LDcuNzNoMTAuOWExLjgzLDEuODMsMCwwLDEsMS44MiwxLjgydjEwLjlhMS44MywxLjgzLDAsMCwxLTEuODIsMS44Mkg5LjU1YTEuODMsMS44MywwLDAsMS0xLjgyLTEuODJabTEuODItLjYxYS42Mi42MiwwLDAsMC0uNjEuNjF2MTAuOWEuNjIuNjIsMCwwLDAsLjYxLjYxaDEwLjlhLjYyLjYyLDAsMCwwLC42MS0uNjFWOS41NWEuNjIuNjIsMCwwLDAtLjYxLS42MVoiIHN0eWxlPSJmaWxsOiMzMzMiLz48L3N2Zz4=",io="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNOC4zMSwxMC4zNGE4LjM0LDguMzQsMCwwLDEsMTQuMjUsOC4zNGMtMS4zNSwzLjctNC45MSw1LjE2LTcuNDcsMy4zYTMuODIsMy44MiwwLDAsMS0xLjUyLTNsLS4wOC0uODEsMC0uMzJjLS4xLS43Ni0uMjYtMS4xLS41OC0xLjI4YTEuMjcsMS4yNywwLDAsMC0xLjMsMGwtLjI4LjEyLS4xNS4wNmEzLjEyLDMuMTIsMCwwLDEtMi4wNy4zNEw4LjksMTdsLS4xMywwQzYuNDksMTYuMjksNi4xNSwxMy4yLDguMzEsMTAuMzRabS44LDUuNDguMSwwLC4xMSwwYTEuODEsMS44MSwwLDAsMCwxLjE3LS4xOWwuNDktLjIxYTIuNDcsMi40NywwLDAsMSwzLjY4LDIuMjFsMCwuMzcuMDUuNDQsMCwuMzRhMi43NSwyLjc1LDAsMCwwLDEsMi4xNmMxLjg2LDEuMzUsNC41Mi4yNSw1LjYxLTIuNzNBNy4xMSw3LjExLDAsMCwwLDkuMjksMTEuMDdDNy41OSwxMy4zMyw3LjgsMTUuMzgsOS4xMSwxNS44MlptOS4xNi0xLjYzYTEsMSwwLDAsMSwyLS41MywxLDEsMCwxLDEtMiwuNTNaTTE4LjY4LDE3YTEsMSwwLDEsMSwxLjI0LjcyQTEsMSwwLDAsMSwxOC42OCwxN1ptLTItNS4zYTEsMSwwLDAsMSwuNzItMS4yNSwxLDEsMCwxLDEsLjUzLDJBMSwxLDAsMCwxLDE2LjY2LDExLjc0Wm0wLDcuMzVhMSwxLDAsMCwxLC43Mi0xLjI1LDEsMSwwLDAsMSwuNTMsMkExLDEsMCwwLDEsMTYuNjMsMTkuMDlaTTEzLjc4LDExYTEsMSwwLDEsMSwxLjI1LjcyQTEsMSwwLDAsMSwxMy43OCwxMVoiIHN0eWxlPSJmaWxsOiMzMzMiLz48L3N2Zz4=",so="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNNy4zMSwxNi41NHY0LjFhMiwyLDAsMCwwLDIsMkgyMS40MmEyLDIsMCwwLDAsMi0yVjExLjc4YTIsMiwwLDAsMC0yLTJIMTQuMjFMMTUuNDIsMTFoNmEuOC44LDAsMCwxLC44LjgxdjguODZhLjguOCwwLDAsMS0uOC44MUg5LjMzYS44MS44MSwwLDAsMS0uODEtLjgxVjE3Ljc1WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik0xMC41NCw4YS42LjYsMCwxLDEsMS4yLDBWOWExLjU3LDEuNTcsMCwwLDEsMSwuNDZsMi44NSwyLjg1YTEuNjEsMS42MSwwLDAsMSwwLDIuMjhMMTIuMTcsMThhMS42MSwxLjYxLDAsMCwxLTIuMjgsMEw3LDE1LjEzYTEuNjEsMS42MSwwLDAsMSwwLTIuMjhsMy40Mi0zLjQyLjA4LS4wN1ptMCwzLjYydi0uNUw4LjIxLDEzLjRoNi42NGEuMzQuMzQsMCwwLDAtLjEyLS4yNmwtMi44NS0yLjg1YS4zNC4zNCwwLDAsMC0uMTQtLjA5djEuMzdhLjYuNiwwLDEsMS0xLjIsMFptLTIuMzIsMywyLjUyLDIuNTJhLjQyLjQyLDAsMCwwLC41NywwbDIuNTMtMi41MloiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNMTQuNTcsMTcuMzJhMi43NiwyLjc2LDAsMCwxLC4yNy0xLjEyLDUuMzMsNS4zMywwLDAsMSwuNTQtLjkxYy4yLS4yNy4zOS0uNDkuNTMtLjY1bC4yNC0uMjZoMGEuNi42LDAsMCwxLC44NiwwbC4yNC4yN2E2LDYsMCwwLDEsLjUzLjY1LDUuMzMsNS4zMywwLDAsMSwuNTQuOTEsMi43NiwyLjc2LDAsMCwxLC4yOCwxLjEyLDIsMiwwLDEsMS00LDBaTTE2LjM3LDE2YTQuMTUsNC4xNSwwLDAsMC0uNDMuNzIsMS41NywxLjU3LDAsMCwwLS4xNy42MS44MS44MSwwLDEsMCwxLjYyLDAsMS41NywxLjU3LDAsMCwwLS4xNy0uNjEsNC4xNSw0LjE1LDAsMCwwLS40My0uNzJsLS4yMS0uMjhaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+",ao="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTUsMTMuMTlhMy4yMywzLjIzLDAsMSwxLTMuMjIsMy4yMkEzLjIyLDMuMjIsMCwwLDEsMTUsMTMuMTlabTAsMS4yMWEyLDIsMCwxLDAsMiwyQTIsMiwwLDAsMCwxNSwxNC40Wm0wLTRhOC4wNiw4LjA2LDAsMCwxLDcuODIsNi4xLjYxLjYxLDAsMCwxLTEuMTguMjksNi44NCw2Ljg0LDAsMCwwLTEzLjI4LDAsLjYxLjYxLDAsMCwxLTEuMTgtLjNBOC4wNyw4LjA3LDAsMCwxLDE1LDEwLjM2WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjwvc3ZnPg==",lo="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTUsNi45MUE4LjA5LDguMDksMCwxLDEsNi45MSwxNSw4LjA5LDguMDksMCwwLDEsMTUsNi45MVptMCwxLjIyQTYuODcsNi44NywwLDEsMCwyMS44NywxNSw2Ljg2LDYuODYsMCwwLDAsMTUsOC4xM1pNMTUsMTFhLjYxLjYxLDAsMCwxLC42MS42djIuODNoMi44M2EuNjEuNjEsMCwwLDEsMCwxLjIySDE1LjYxdjIuODNhLjYxLjYxLDAsMCwxLTEuMjIsMFYxNS42MUgxMS41NmEuNjEuNjEsMCwwLDEsMC0xLjIyaDIuODNWMTEuNTZBLjYxLjYxLDAsMCwxLDE1LDExWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjwvc3ZnPg==",co="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjUuMjksMjYuNTFhLjQxLjQxLDAsMCwxLS40MS40MUgxNS4xMmEuNDEuNDEsMCwwLDEtLjQxLS40MXYtMTNhLjQxLjQxLDAsMCwxLC40MS0uNDFIMjB2My42NmExLjYzLDEuNjMsMCwwLDAsMS42MywxLjYzaDMuNjZaTTIxLjIyLDE0bDMuMTYsMy4xNkgyMS42M2EuNDEuNDEsMCwwLDEtLjQxLS40MVpNMjYsMTcuMDhsLTQuNzUtNC43NC0uMDctLjA2TDIxLDEyLjEzbC0uMS0uMDUtLjE4LS4xYTEuNzIsMS43MiwwLDAsMC0uNTEtLjExSDE1LjEyYTEuNjMsMS42MywwLDAsMC0xLjYzLDEuNjN2MTNhMS42MywxLjYzLDAsMCwwLDEuNjMsMS42M2g5Ljc2YTEuNjMsMS42MywwLDAsMCwxLjYzLTEuNjNWMTguMjNBMS42NSwxLjY1LDAsMCwwLDI2LDE3LjA4WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjwvc3ZnPg==";function uo(e){return(0,g.jsx)("button",{className:"unit",onClick:()=>{e.onClick&&!e.locked&&e.onClick(e.unit||"")},disabled:e.locked,children:e.unit})}class po{static LookForItems(e,t,n=!0){if(0==t.length)return!1;if(!n&&t.includes(e))return!0;const r=e.getChildren?e.getChildren():e.children;if(r)for(const e of r)if(po.LookForItems(e,t,!1))return!0;return!1}static _RecursiveRemoveHiddenMeshesAndHoistChildren(e){const t=[];for(const n of e)n.reservedDataStore&&n.reservedDataStore.hidden&&n.getChildMeshes?po._RecursiveRemoveHiddenMeshesAndHoistChildren(n.getChildMeshes()).forEach((e=>{t.push(e)})):n.reservedDataStore&&n.reservedDataStore.hidden||t.push(n);return t}static SortAndFilter(e,t){if(!t)return[];const n=po._RecursiveRemoveHiddenMeshesAndHoistChildren(t);return e&&e.reservedDataStore&&e.reservedDataStore.detachedChildren&&n.push(...e.reservedDataStore.detachedChildren),n.reverse()}static GetCellInfo(e,t){const n=e.getChildCellInfo(t);let o=parseInt(n.substring(0,n.search(":")));isNaN(o)&&(o=0);let i=parseInt(n.substring(n.search(":")+1));return isNaN(i)&&(i=0),new r.Vector2(o,i)}static ReorderGrid(e,t,n,r){const o=[],i=[],s=e.children.length;for(let n=t;n<s;++n){const n=e.children[t];i.push(n),o.push(po.GetCellInfo(e,n)),e.removeControl(n)}e.addControl(n,r.x,r.y);for(let t=0;t<i.length;++t)e.addControl(i[t],o[t].x,o[t].y)}}var Ao,Mo=o(59),go={};go.styleTagTransform=Nr(),go.setAttributes=jr(),go.insert=mr().bind(null,"head"),go.domAPI=hr(),go.insertStyleElement=yr(),Lr()(Mo.A,go),Mo.A&&Mo.A.locals&&Mo.A.locals,function(e){e[e.NONE=0]="NONE",e[e.X=2]="X",e[e.Y=3]="Y"}(Ao||(Ao={}));class Lo extends t.Component{static get addedFonts(){return this._addedFonts}get visibleRegionContainer(){return this._visibleRegionContainer}get panAndZoomContainer(){return this._panAndZoomContainer}set trueRootContainer(e){e!==this._trueRootContainer&&(this._visibleRegionContainer.children.forEach((e=>this._visibleRegionContainer.removeControl(e))),this._visibleRegionContainer.addControl(e),this._trueRootContainer=e,e._host=this.props.globalState.guiTexture)}get trueRootContainer(){return this._trueRootContainer}get guiSize(){return this._guiSize}get pasteDisabled(){return this._pasteDisabled}set guiSize(e){this._guiSize={...e},this._visibleRegionContainer.widthInPixels=this._guiSize.width,this._visibleRegionContainer.heightInPixels=this._guiSize.height,this.props.globalState.onResizeObservable.notifyObservers(this._guiSize),this.props.globalState.onReframeWindowObservable.notifyObservers(),this.props.globalState.onWindowResizeObservable.notifyObservers()}applyEditorTransformation(){const e=this.props.globalState.guiTexture;e._rootContainer!=this._panAndZoomContainer&&(e._rootContainer=this._panAndZoomContainer,this._visibleRegionContainer.addControl(this._trueRootContainer),this.props.globalState.guiTexture.markAsDirty()),e.getSize().width===this._engine.getRenderWidth()&&e.getSize().height===this._engine.getRenderHeight()||e.scaleTo(this._engine.getRenderWidth(),this._engine.getRenderHeight()),e.getSize().width===this._engine.getRenderWidth()&&e.getSize().height===this._engine.getRenderHeight()||e.scaleTo(this._engine.getRenderWidth(),this._engine.getRenderHeight()),this._trueRootContainer.clipContent=!1,this._trueRootContainer.clipChildren=!1}removeEditorTransformation(){const e=this.props.globalState.guiTexture;e._rootContainer!=this._trueRootContainer&&(this._visibleRegionContainer.removeControl(this._trueRootContainer),e._rootContainer=this._trueRootContainer),this._trueRootContainer.clipContent=!0,this._trueRootContainer.clipChildren=!0}_reframeWindow(){this._panningOffset=new r.Vector2(0,0);const e=this._engine.getRenderWidth()/this.guiSize.width,t=this._engine.getRenderHeight()/this.guiSize.height;this._zoomFactor=.9*Math.min(e,t)}constructor(e){super(e),this._setConstraintDirection=!1,this._mouseStartPoint=null,this._constraintDirection=Ao.NONE,this._isOverGUINode=[],this._doubleClick=null,this._currLeft=0,this._currTop=0,this._controlsHit=[],this._pointerTravelDistance=0,this._processSelectionOnUp=!1,this._centerZoomMousePosition=new r.Vector2(0,0),this._hasPerformedDragZoom=!1,this._defaultGUISize={width:1024,height:1024},this._initialPanningOffset=new r.Vector2(0,0),this._panningOffset=new r.Vector2(0,0),this._zoomFactor=1,this._zoomModeIncrement=.2,this._guiSize=this._defaultGUISize,this._pasteDisabled=!0,this.keyEvent=e=>{"INPUT"!==e.target.nodeName&&(e.shiftKey?this._setConstraintDirection=this._constraintDirection===Ao.NONE:(this._setConstraintDirection=!1,this._constraintDirection=Ao.NONE),this.props.globalState.shiftKeyPressed=e.shiftKey&&"keydown"===e.type,"Delete"!==e.key&&"Backspace"!==e.key||this.props.globalState.lockObject.lock||this.props.globalState.deleteSelectedNodes(),this.props.globalState.keys.isKeyDown("control")&&!this.props.globalState.lockObject.lock&&"a"===e.key&&(e.preventDefault(),this.props.globalState.setSelection(this.trueRootContainer.children)))},this.blurEvent=()=>{this._constraintDirection=Ao.NONE,this.props.globalState.onPointerUpObservable.notifyObservers(null)},this._controlToLinkedMeshMap=new Map,this._observersMap={onPointerDownObservable:new Map,onPointerUpObservable:new Map,onPointerMoveObservable:new Map,onPointerEnterObservable:new Map,onPointerOutObservable:new Map,onPointerClickObservable:new Map,onDisposeObservable:new Map,onIsVisibleChangedObservable:new Map,onBeforeDrawObservable:new Map,onAfterDrawObservable:new Map,onWheelObservable:new Map};const{globalState:n}=e;this._rootContainer=t.createRef(),n.onSelectionChangedObservable.add((()=>this.updateNodeOutlines())),n.onToolChangeObservable.add((()=>{this.forceUpdate()})),n.onFitControlsToWindowObservable.add((()=>{if(n.selectedControls.length){let e=Number.MAX_SAFE_INTEGER,t=Number.MAX_SAFE_INTEGER,o=-Number.MAX_SAFE_INTEGER,i=-Number.MAX_SAFE_INTEGER;for(const s of n.selectedControls){const n=-s.widthInPixels/2,a=-s.heightInPixels/2,l=n+s.widthInPixels,c=a+s.heightInPixels,d=u.NodeToRTTSpace(s,n,a,new r.Vector2,void 0,this.trueRootContainer),p=u.NodeToRTTSpace(s,l,c,new r.Vector2,void 0,this.trueRootContainer),A=u.NodeToRTTSpace(s,n,c,new r.Vector2,void 0,this.trueRootContainer),M=u.NodeToRTTSpace(s,l,a,new r.Vector2,void 0,this.trueRootContainer);e=Math.min(e,d.x,p.x,A.x,M.x),t=Math.min(t,d.y,p.y,A.y,M.y),o=Math.max(o,d.x,p.x,A.x,M.x),i=Math.max(i,d.y,p.y,A.y,M.y)}const s=o-e,a=i-t,l=(e+o)/2,c=(t+i)/2;this._panningOffset=new r.Vector2(-l,c);const d=this._engine.getRenderWidth()/s,p=this._engine.getRenderHeight()/a;this._zoomFactor=.9*Math.min(d,p)}else this._reframeWindow()})),n.onReframeWindowObservable.add((()=>{this._reframeWindow()})),n.onOutlineChangedObservable.add((()=>{this.updateNodeOutlines()})),n.onSelectionChangedObservable.add((()=>{this.updateNodeOutlines()})),n.onParentingChangeObservable.add((e=>{this.parent(e)})),n.hostDocument.addEventListener("keyup",this.keyEvent,!1),n.hostDocument.addEventListener("keydown",this.keyEvent,!1),n.hostDocument.defaultView.addEventListener("blur",this.blurEvent,!1);let o=1;n.onWindowResizeObservable.add((()=>{o+=5})),n.onNewSceneObservable.add((e=>{e&&e.onBeforeRenderObservable.add((()=>{o>0&&(o--,n.onGizmoUpdateRequireObservable.notifyObservers(),this._engine.resize(),n.onArtBoardUpdateRequiredObservable.notifyObservers())}))})),n.onCopyObservable.add((e=>this.copyToClipboard(e))),n.onCutObservable.add((e=>this.cutToClipboard(e))),n.onPasteObservable.add((e=>this.pasteFromClipboard(e))),n.workbench=this,n.onResizeObservable.notifyObservers(this._guiSize),n.onPopupClosedObservable.add((()=>{this.dispose()}))}copyToClipboard(e){this._pasteDisabled=!1;const t=[];for(const e of this.props.globalState.selectedControls){if("Grid"===e.parent?.getClassName()){const t=e.parent.getChildCellInfo(e),[n,r]=t.split(":");e.metadata={...e.metadata,_cellInfo:{row:n,column:r}}}const n={};e.serialize(n),t.push(n),this._currLeft=e.leftInPixels,this._currTop=e.topInPixels}e(JSON.stringify({GUIClipboard:!0,controls:t}))}cutToClipboard(e){this.copyToClipboard(e),this.props.globalState.deleteSelectedNodes()}pasteFromClipboard(e){try{const t=JSON.parse(e);if(t.GUIClipboard){const e=[];for(const n of t.controls)e.push(a.Control.Parse(n,this.props.globalState.guiTexture));"StackPanel"!=e[0].parent?.typeName&&(this._currLeft+=10,this._currTop+=10),e[0].leftInPixels=this._currLeft,e[0].topInPixels=this._currTop;const n=this.props.globalState.workbench.appendBlock(e[0]);if("Grid"===n.parent?.typeName&&n.metadata?._cellInfo){const{row:e,column:t}=n.metadata._cellInfo,r=n.parent;r.removeControl(n),r.addControl(n,parseInt(e),parseInt(t))}return this.props.globalState.setSelection([n]),!0}}catch{}return r.Logger.Warn("Paste attempted, but clipboard content was invalid."),!1}CopyGUIControl(e){const t={};e.serialize(t);const n=a.Control.Parse(t,this.props.globalState.guiTexture);if(n){if(this.props.globalState.workbench.appendBlock(n),this.props.globalState.guiTexture.removeControl(n),"Grid"===e.parent?.typeName){const t=po.GetCellInfo(e.parent,e);e.parent.addControl(n,t.x,t.y)}else e.parent?.addControl(n);let t=1;for(;this.props.globalState.guiTexture.getDescendants(!1).filter((e=>e.name===`${n.name} Copy ${t}`)).length;)t++;n.name=`${n.name} Copy ${t}`,this.props.globalState.select(n)}}addEditorBehavior(e){e.onPointerUpObservable.add((()=>{this.clicked=!1})),e.onPointerDownObservable.add((t=>{t.buttonIndex>0||this.props.globalState.tool!==A.SELECT||this._controlsHit.push(e)})),e.onPointerEnterObservable.add((()=>{-1===this._isOverGUINode.indexOf(e)&&this._isOverGUINode.push(e)})),e.onPointerOutObservable.add((()=>{const t=this._isOverGUINode.indexOf(e);-1!==t&&this._isOverGUINode.splice(t,1)})),e.onDisposeObservable.add((()=>{const t=this._isOverGUINode.indexOf(e);-1!==t&&this._isOverGUINode.splice(t,1)})),e.metadata={...e.metadata,guiEditor:!0}}removeEditorBehavior(e){e.metadata&&e.metadata.guiEditor&&(delete e.metadata.guiEditor,delete e.metadata.editorUniqueId)}dispose(){this.props.globalState.hostDocument.removeEventListener("keyup",this.keyEvent),this.props.globalState.hostDocument.removeEventListener("keydown",this.keyEvent),this.props.globalState.hostDocument.defaultView.removeEventListener("blur",this.blurEvent),this._guiRenderObserver&&this.props.globalState.guiTexture.onEndRenderObservable.remove(this._guiRenderObserver),this._engine.dispose()}loadFromJson(e){this.removeEditorTransformation(),this.props.globalState.setSelection([]),this.props.globalState.liveGuiTexture?(this.props.globalState.liveGuiTexture?.parseContent(e,!0),this.synchronizeLiveGUI()):this.props.globalState.guiTexture.parseContent(e,!0),this.trueRootContainer=this.props.globalState.guiTexture._rootContainer,this.guiSize=this.props.globalState.guiTexture.getSize(),this.loadToEditor()}loadControlFromJson(e){const t=[];for(const n of e.controls){const e=a.Control.Parse(n,this.props.globalState.guiTexture);t.push(e);const r=this.props.globalState.workbench.appendBlock(e);if("Grid"===r.parent?.typeName&&r.metadata?._cellInfo){const{row:e,column:t}=r.metadata._cellInfo,n=r.parent;n.removeControl(r),n.addControl(r,parseInt(e),parseInt(t))}}this.props.globalState.setSelection(t)}async loadFromSnippet(e){this.removeEditorTransformation(),this.props.globalState.setSelection([]),this.props.globalState.liveGuiTexture?(await(this.props.globalState.liveGuiTexture?.parseFromSnippetAsync(e,!0)),this.synchronizeLiveGUI()):await this.props.globalState.guiTexture.parseFromSnippetAsync(e,!0),this.trueRootContainer=this.props.globalState.guiTexture._rootContainer,this.guiSize=this.props.globalState.guiTexture.getSize(),this.loadToEditor(),this.props.globalState.customLoad&&this.props.globalState.customLoad.action(e).catch((()=>{alert("Unable to load your GUI")}))}loadToEditor(){this.props.globalState.guiTexture.rootContainer.getDescendants().forEach((e=>{const t=e.fontFamily.trim().toLowerCase();-1===Lo._addedFonts.indexOf(t)&&Lo._addedFonts.push(e.fontFamily),this.addEditorBehavior(e)})),this._isOverGUINode=[],this.props.globalState.setSelection([]),this.props.globalState.onFitControlsToWindowObservable.notifyObservers(),this.props.globalState.onFontsParsedObservable.notifyObservers()}updateNodeOutlines(){for(const e of this._trueRootContainer.getDescendants())e.isHighlighted="Grid"===e.getClassName()&&(this.props.globalState.outlines||this.props.globalState.selectedControls.includes(e)),e.highlightLineWidth=5}appendBlock(e){return this.addEditorBehavior(e),e.getDescendants(!0).forEach((e=>this.addEditorBehavior(e))),0!=this.props.globalState.selectedControls.length?this.props.globalState.selectedControls[0].parent?.addControl(e):this.trueRootContainer.addControl(e),e}parent(e){const t=this.props.globalState.draggedControl,n=t?.parent;if(n&&t&&this._isNotChildInsert(e,t))if(null!=e)if(e instanceof a.Container&&this.props.globalState.draggedControlDirection===p.CENTER)n.removeControl(t),e.addControl(t);else if(e.parent)if("Grid"!==e.parent.typeName){n.removeControl(t);let r=e.parent.children.indexOf(e);const o="StackPanel"===e.parent.typeName||"VirtualKeyboard"===e.parent.typeName;r=this._adjustParentingIndex(r,o),e.parent.children.splice(r,0,t),t.parent=e.parent}else e.parent===n||(n.removeControl(t),e.parent.addControl(t)),this._reorderGrid(e.parent,t,e);else n.removeControl(t),this.trueRootContainer.addControl(t);else n.removeControl(t),this.trueRootContainer.addControl(t),this.trueRootContainer.children.pop(),this.trueRootContainer.children.splice(0,0,t);if(t){const e=t.parent;if(e){if("StackPanel"===e.typeName||"VirtualKeyboard"===e.typeName){const n=e.isVertical;t._width.unit!==a.ValueAndUnit.UNITMODE_PERCENTAGE||n||(u.ConvertToPixels(t,["width"]),this.props.globalState.hostWindow.alert("Warning: Parenting to horizontal stack panel converts width to pixel values")),t._height.unit===a.ValueAndUnit.UNITMODE_PERCENTAGE&&n&&(u.ConvertToPixels(t,["height"]),this.props.globalState.hostWindow.alert("Warning: Parenting to vertical stack panel converts height to pixel values"))}e.markAsDirty()}}this.props.globalState.draggedControl=null}_canClone(){return this.props.globalState.liveGuiTexture&&this.props.globalState.guiTexture&&this.trueRootContainer}_saveObservables(e){e.getDescendants().forEach((e=>{e.linkedMesh&&this._controlToLinkedMeshMap.set(e.metadata.editorUniqueId,e.linkedMesh),Object.keys(this._observersMap).forEach((t=>{const n=e[t];n.hasObservers()&&this._observersMap[t].set(e.metadata.editorUniqueId,n)}))}))}_restoreObservables(e){e.getDescendants().forEach((e=>{if(this._controlToLinkedMeshMap.has(e.metadata?.editorUniqueId)){const t=this._controlToLinkedMeshMap.get(e.metadata.editorUniqueId);t&&e.linkWithMesh(t)}Object.keys(this._observersMap).forEach((t=>{const n=this._observersMap[t].get(e.metadata?.editorUniqueId);n&&(e[t]=n)}))})),this._controlToLinkedMeshMap.clear(),Object.keys(this._observersMap).forEach((e=>{this._observersMap[e].clear()}))}_copyEditorGUIToLiveGUI(){if(this._canClone()){const e=this.props.globalState.liveGuiTexture.rootContainer;this._saveObservables(e),e.clearControls();const t=new Map,n=this.trueRootContainer.children.slice(0);for(const r of n){const n=r.clone(this.props.globalState.liveGuiTexture);t.set(r,n),e.addControl(n)}this._restoreObservables(e),this._syncConnectedLines(n,t)}}_reorderGrid(e,t,n){const r=po.GetCellInfo(e,t);e.removeControl(t);let o=e.children.indexOf(n);o=this._adjustParentingIndex(o),po.ReorderGrid(e,o,t,r)}_isNotChildInsert(e,t){for(;e?.parent;){if(e.parent==t)return!1;e=e.parent}return!0}_adjustParentingIndex(e,t=!1){switch(this.props.globalState.draggedControlDirection){case p.ABOVE:return t?e:e+1;case p.BELOW:case p.CENTER:return t?e+1:e}return e}isSelected(e,t){this.props.globalState.select(t)}_onMove(e,t,n){const o=[];e._top.unit===a.ValueAndUnit.UNITMODE_PERCENTAGE&&o.push("top"),e._left.unit===a.ValueAndUnit.UNITMODE_PERCENTAGE&&o.push("left");let i=t.x-n.x,s=t.y-n.y;this._setConstraintDirection&&(this._setConstraintDirection=!1,this._constraintDirection=Math.abs(i)>=Math.abs(s)?Ao.X:Ao.Y),this._constraintDirection===Ao.X?s=0:this._constraintDirection===Ao.Y&&(i=0);const l=new r.Vector2(i,s);if("Line"===e.typeName){const t=e,n=t.x1.substr(0,t.x1.length-2),r=t.x2.substr(0,t.x2.length-2),o=t.y1.substr(0,t.y1.length-2),a=t.y2.substr(0,t.y2.length-2);return t.x1=(Number(n)+i).toFixed(2),t.x2=(Number(r)+i).toFixed(2),t.y1=(Number(o)+s).toFixed(2),t.y2=(Number(a)+s).toFixed(2),void this.props.globalState.onPropertyGridUpdateRequiredObservable.notifyObservers()}let c=0,d=e.parent;for(;d;)c+=d.rotation,d=d.parent;const p=new r.Vector2(0,0),A=Math.sin(-c),M=Math.cos(-c);p.x=M*l.x-A*l.y,p.y=A*l.x+M*l.y,e.leftInPixels+=p.x,e.topInPixels+=p.y,u.ConvertToPercentage(e,o),this.props.globalState.onPropertyGridUpdateRequiredObservable.notifyObservers()}onMove(e){const t=this.getScaledPointerPosition();null==this._mouseStartPoint||this._panning||(this.props.globalState.selectedControls.forEach((e=>{t&&this._onMove(e,t,this._mouseStartPoint)})),this._mouseStartPoint=t||this._mouseStartPoint),this._pointerTravelDistance+=e.movementX*e.movementX+e.movementY*e.movementY,this._panning&&this.panning()}_screenToTexturePosition(e){const t=new r.Vector2(this._zoomFactor,this._zoomFactor);return e.divideInPlace(t).add(this._panningOffset)}getScaledPointerPosition(){return this._screenToTexturePosition(new r.Vector2(this._scene.pointerX,this._scene.pointerY))}startPanning(){this._panning=!0,this._initialPanningOffset=this.getScaledPointerPosition()}endPanning(){this._panning=!1}processSelection(){if(this.props.globalState.usePrevSelected)this.props.globalState.usePrevSelected=!1;else if(0!==this._controlsHit.length){for(const e of this._controlsHit)if(this.props.globalState.selectedControls.includes(e.parent)){if(this._doubleClick===e)return void this.props.globalState.select(e);this._doubleClick=e,window.setTimeout((()=>{this._doubleClick=null}),300)}for(const e of this._controlsHit)for(const t of this.props.globalState.selectedControls){if(t.parent===e.parent)return void this.props.globalState.select(e);break}for(const e of this._controlsHit)e.parent===this._trueRootContainer&&this.props.globalState.select(e)}else this.props.globalState.setSelection([])}onDown(e){this._pointerTravelDistance=0,this._rootContainer.current?.setPointerCapture(e.pointerId),this.props.globalState.tool===A.SELECT&&(this._mouseStartPoint=this.getScaledPointerPosition()),this.props.globalState.tool===A.ZOOM&&this._centerZoomMousePosition.set(this._scene.pointerX,this._scene.pointerY),4&e.buttons||this.props.globalState.tool===A.PAN?this.startPanning():(this.endPanning(),0!==this.props.globalState.selectedControls.length&&(this._processSelectionOnUp=!0),this._scene.onAfterRenderObservable.addOnce((()=>{this._processSelectionOnUp&&0!==this._controlsHit.filter((e=>this.props.globalState.selectedControls.includes(e))).length||(this.processSelection(),this._controlsHit=[],this._processSelectionOnUp=!1)})))}onUp(e){this.props.globalState.tool!==A.ZOOM||this._hasPerformedDragZoom||(this._panZoomToCenter(1e3*this._zoomModeIncrement,new r.Vector2(this._scene.pointerX,this._scene.pointerY)),this.zooming(1+(this.props.globalState.keys.isKeyDown("alt")?-this._zoomModeIncrement:this._zoomModeIncrement))),this._hasPerformedDragZoom=!1,this._mouseStartPoint=null,this._centerZoomMousePosition.set(0,0),this._constraintDirection=Ao.NONE,this._rootContainer.current?.releasePointerCapture(e.pointerId),this._panning=!1,this._processSelectionOnUp&&(Math.sqrt(this._pointerTravelDistance)<=5&&this.processSelection(),this._controlsHit=[],this._processSelectionOnUp=!1)}_syncConnectedLines(e,t){for(const n of e)if("Line"===n.getClassName()){const e=n;if(e.connectedControl){const n=e.connectedControl,r=t.get(e),o=t.get(n);r&&o&&(r.connectedControl=o)}}}_copyLiveGUIToEditorGUI(){if(this.props.globalState.liveGuiTexture&&this.trueRootContainer){this.props.globalState.liveGuiTexture.rootContainer.getDescendants().forEach((e=>{e.metadata={...e.metadata??{},editorUniqueId:(0,r.RandomGUID)()}})),this.trueRootContainer.clearControls();const e=new Map;for(const t of this.props.globalState.liveGuiTexture.rootContainer.children){const n=t.clone(this.props.globalState.guiTexture);e.set(t,n),this.appendBlock(n)}this._syncConnectedLines(this.props.globalState.liveGuiTexture.rootContainer.children,e)}}createGUICanvas(e){const t=this._rootContainer.current;this._engine=new r.Engine(t),this._scene=new r.Scene(this._engine),this._scene.clearColor=new r.Color4(0,0,0,0),new r.HemisphericLight("light1",r.Axis.Y,this._scene).intensity=.9,this.props.globalState.liveGuiTexture?(this._guiSize.width=this.props.globalState.liveGuiTexture.getSize().width,this._guiSize.height=this.props.globalState.liveGuiTexture.getSize().height,t.width=this._guiSize.width,t.height=this._guiSize.height):(this._guiSize.width=r.DataStorage.ReadNumber("GUIEditorWidth",1024),this._guiSize.height=r.DataStorage.ReadNumber("GUIEditorHeight",1024)),this._panAndZoomContainer=new a.Container("panAndZoom"),this._panAndZoomContainer.clipContent=!1,this._panAndZoomContainer.clipChildren=!1,this._visibleRegionContainer=new a.Container("visibleRegion"),this._visibleRegionContainer.clipChildren=!1,this._visibleRegionContainer.clipContent=!1,this._visibleRegionContainer.widthInPixels=this.guiSize.width,this._visibleRegionContainer.heightInPixels=this.guiSize.height,this._panAndZoomContainer.addControl(this._visibleRegionContainer);const n=this.props.globalState.guiTexture=this._visibleRegionContainer._host=this._panAndZoomContainer._host=a.AdvancedDynamicTexture.CreateFullscreenUI("guiTexture",!0,this._scene,r.Texture.NEAREST_NEAREST_MIPNEAREST,!1);n.useInvalidateRectOptimization=!1,this.trueRootContainer=n.rootContainer,n.onEndRenderObservable.add((()=>this.props.globalState.onGizmoUpdateRequireObservable.notifyObservers())),this._copyLiveGUIToEditorGUI(),new r.ArcRotateCamera("Camera",0,0,0,r.Vector3.Zero(),this._scene),this.addControls(this._scene),this._scene.getEngine().onCanvasPointerOutObservable.clear(),this._scene.doNotHandleCursors=!0,this.props.globalState.hostWindow.addEventListener("resize",(()=>{this.props.globalState.onWindowResizeObservable.notifyObservers(),this._scene.onBeforeRenderObservable.addOnce((()=>{this.props.globalState.onWindowResizeObservable.notifyObservers()}))})),this.props.globalState.onWindowResizeObservable.notifyObservers(),this.props.globalState.guiTexture.onBeginRenderObservable.add((()=>{this.applyEditorTransformation()})),this.props.globalState.onPropertyChangedObservable.add((e=>{e.object.markAsDirty(!1),this.props.globalState.onWindowResizeObservable.notifyObservers()}));const o=function(e,t){let n=0;return function(...t){const r=Date.now();r-n<33||(n=r,e(...t))}}((()=>{this._copyEditorGUIToLiveGUI()}));this.props.globalState.liveGuiTexture&&(this._guiRenderObserver=this.props.globalState.guiTexture.onEndRenderObservable.add(o)),this._engine.runRenderLoop((()=>{this._scene.render()})),this.props.globalState.onNewSceneObservable.notifyObservers(this.props.globalState.guiTexture.getScene()),this.props.globalState.onPropertyGridUpdateRequiredObservable.notifyObservers(),this.props.globalState.onFitControlsToWindowObservable.notifyObservers()}synchronizeLiveGUI(){this.props.globalState.liveGuiTexture&&(this._trueRootContainer.getDescendants().forEach((e=>e.dispose())),this.props.globalState.liveGuiTexture.rootContainer.getDescendants(!0).forEach((e=>{this.props.globalState.liveGuiTexture?.removeControl(e),this.appendBlock(e)})),this.props.globalState.guiTexture.snippetId=this.props.globalState.liveGuiTexture.snippetId)}addControls(e){e.onKeyboardObservable.add((e=>{switch(e.event.key){case"ArrowUp":this.moveControls(!1,e.event.shiftKey?-5:-1);break;case"ArrowDown":this.moveControls(!1,e.event.shiftKey?5:1);break;case"ArrowLeft":this.moveControls(!0,e.event.shiftKey?-5:-1);break;case"ArrowRight":this.moveControls(!0,e.event.shiftKey?5:1)}}),r.KeyboardEventTypes.KEYDOWN),e.onBeforeRenderObservable.add((()=>{this._panAndZoomContainer.scaleX!==this._zoomFactor&&(this._panAndZoomContainer.scaleX=this._zoomFactor,this._panAndZoomContainer.scaleY=this._zoomFactor,this.props.globalState.onArtBoardUpdateRequiredObservable.notifyObservers(),this.props.globalState.onGizmoUpdateRequireObservable.notifyObservers());const e=this._zoomFactor*this._panningOffset.x,t=this._zoomFactor*-this._panningOffset.y;this._panAndZoomContainer.leftInPixels===e&&this._panAndZoomContainer.topInPixels===t||(this._panAndZoomContainer.leftInPixels=e,this._panAndZoomContainer.topInPixels=t,this.props.globalState.onArtBoardUpdateRequiredObservable.notifyObservers(),this.props.globalState.onGizmoUpdateRequireObservable.notifyObservers())}))}panning(){const e=this.getScaledPointerPosition().subtract(this._initialPanningOffset).multiplyByFloats(1,-1);this._panningOffset=this._panningOffset.add(e),this._initialPanningOffset=this.getScaledPointerPosition(),this.props.globalState.onWindowResizeObservable.notifyObservers()}moveControls(e,t){for(const n of this.props.globalState.selectedControls)if(e){const e=n.leftInPixels;n.leftInPixels+=t,this.props.globalState.onPropertyChangedObservable.notifyObservers({object:n,property:"leftInPixels",value:n.leftInPixels,initialValue:e}),this.props.globalState.onPropertyGridUpdateRequiredObservable.notifyObservers()}else{const e=n.topInPixels;n.topInPixels+=t,this.props.globalState.onPropertyChangedObservable.notifyObservers({object:n,property:"topInPixels",value:n.topInPixels,initialValue:e}),this.props.globalState.onPropertyGridUpdateRequiredObservable.notifyObservers()}}zoomWheel(e){let t=0;e.deltaY?t=-e.deltaY:e.detail&&(t=-e.detail);const n=new r.Vector2(this._scene.pointerX,this._scene.pointerY);this._panZoomToCenter(t,n),this.zooming(1+t/1e3)}_panZoomToCenter(e,t){const n=u.MousePointerToRTTSpace(this.trueRootContainer,t.x,t.y),r=u.RttToLocalNodeSpace(this.trueRootContainer,n.x,n.y),o=u.MousePointerToRTTSpace(this.trueRootContainer,this._engine.getRenderWidth()/2,this._engine.getRenderHeight()/2),i=u.RttToLocalNodeSpace(this.trueRootContainer,o.x,o.y),s=-e/1e3,a=r.subtract(i).scale(s).multiplyByFloats(1,-1);this._panningOffset.addInPlace(a)}zoomDrag(e){let t=0;0!==e.movementY&&(t=-e.movementY),this._hasPerformedDragZoom=!0,this._panZoomToCenter(t,this._centerZoomMousePosition),this.zooming(1+t/1e3)}zooming(e){this._zoomFactor*=e}zeroIfClose(e){Math.abs(e.x)<r.Epsilon&&(e.x=0),Math.abs(e.y)<r.Epsilon&&(e.y=0),Math.abs(e.z)<r.Epsilon&&(e.z=0)}render(){let e="default";return this.props.globalState.tool===A.PAN?e="grab":this.props.globalState.tool===A.ZOOM&&(e=this.props.globalState.keys.isKeyDown("alt")?"zoom-out":"zoom-in"),(0,g.jsx)("canvas",{id:"workbench-canvas",onPointerMove:e=>{this._mouseDown&&this.props.globalState.tool===A.ZOOM&&this.zoomDrag(e),this.props.globalState.guiTexture&&this.onMove(e),this.props.globalState.onPointerMoveObservable.notifyObservers(e)},onPointerDown:e=>{this.onDown(e),0===this._controlsHit.length?this._mouseDown=!0:this._mouseDown=!1},onPointerUp:e=>{this.onUp(e),this.props.globalState.onPointerUpObservable.notifyObservers(e),this._mouseDown=!1},onWheel:e=>this.zoomWheel(e),onContextMenu:e=>e.preventDefault(),ref:this._rootContainer,style:{cursor:e}})}}Lo._addedFonts=[];class Co{static CreatePopup(e,t,n=300,r=800){const o={width:n,height:r,top:(window.innerHeight-n)/2+window.screenY,left:(window.innerWidth-r)/2+window.screenX},i=Object.keys(o).map((e=>e+"="+o[e])).join(","),s=window.open("",e,i);if(!s)return null;const a=s.document,l=a.createElement("link");l.rel="stylesheet",l.href="https://use.typekit.net/cta4xsb.css",a.head.appendChild(l),a.title=e,a.body.style.width="100%",a.body.style.height="100%",a.body.style.margin="0",a.body.style.padding="0";const c=a.createElement("div");return c.style.width="100%",c.style.height="100%",c.style.margin="0",c.style.padding="0",s.document.body.appendChild(c),this._CopyStyles(window.document,a),setTimeout((()=>{this._CopyStyles(window.document,a)}),0),this[t]=s,c}static _CopyStyles(e,t){for(let n=0;n<e.styleSheets.length;n++){const r=e.styleSheets[n];try{if(r.cssRules){const n=e.createElement("style");for(const t of r.cssRules)n.appendChild(e.createTextNode(t.cssText));t.head.appendChild(n)}else if(r.href){const n=e.createElement("link");n.rel="stylesheet",n.href=r.href,t.head.appendChild(n)}}catch(e){console.log(e)}}}}class ho extends t.Component{constructor(e){super(e),this._onControlVisibilityChangedObservers=[],this.state={fontFamilyOptions:JSON.parse(String(window.sessionStorage.getItem("fonts")))??[{label:"Arial",value:1},{label:"Verdana",value:2},{label:"Helvetica",value:3},{label:"Trebuchet MS",value:4},{label:"Times New Roman",value:5},{label:"Georgia",value:6},{label:"Garamond",value:7},{label:"Courier New",value:8},{label:"Brush Script MT",value:9}]};const t=this.props.controls;for(const e of t){const t=this._getTransformedReferenceCoordinate(e);e.metadata||(e.metadata={}),e.metadata._previousCenter=t;const n=e.onIsVisibleChangedObservable.add((()=>{this.forceUpdate()}));this._onControlVisibilityChangedObservers.push(n)}this._onFontsParsedObserver=this.props.onFontsParsedObservable?.add((()=>{this._checkFontsInLayout()})),this._onPropertyChangedObserver=this.props.onPropertyChangedObservable?.add((e=>{const n="transformCenterX"===e.property||"transformCenterY"===e.property;for(const r of t){let t=this._getTransformedReferenceCoordinate(r);if(n&&r.metadata._previousCenter){const e=t.subtract(r.metadata._previousCenter);r.leftInPixels-=e.x,r.topInPixels-=e.y,t=this._getTransformedReferenceCoordinate(r)}r.metadata._previousCenter=t,"TextBlock"!==r.getClassName()||"width"!==e.property&&"height"!==e.property||(r.resizeToFit=!1)}}))}componentWillMount(){this._checkFontsInLayout()}_checkFontsInLayout(){const e=[];for(const t of this.state.fontFamilyOptions.values())document.fonts.check(`12px "${t.label}"`)&&"Custom Font"!=t.label&&e.push(t);const t=Lo.addedFonts;for(let n=0;n<t.length;n++){const r=t[n].trim();e.push({label:r,value:r})}this.setState({fontFamilyOptions:e}),window.sessionStorage.setItem("fonts",JSON.stringify(e))}_addFont(e){const t=e.trim();t.length>0&&(this.state.fontFamilyOptions.find((({value:t})=>t===e))||this.setState((e=>(e.fontFamilyOptions.push({label:t,value:t}),e)),this._checkFontsInLayout))}_getTransformedReferenceCoordinate(e){const t=u.GetNodeMatrix(e),n=new r.Vector2(1,1);return t.transformCoordinates(1,1,n),n}_updateAlignment(e,t){for(const n of this.props.controls)"TextBlock"===n.typeName&&!1===n.resizeToFit?n["text"+e.charAt(0).toUpperCase()+e.slice(1)]=t:n[e]=t;this.forceUpdate()}_checkAndUpdateValues(e,t){for(const n of this.props.controls){let r=n["_"+e].isPercentage;const o="-"===t.charAt(0);"%"===t.charAt(t.length-1)?r=!0:"x"===t.charAt(t.length-1)&&"p"===t.charAt(t.length-2)&&(r=!1),"StackPanel"===n.parent?.typeName&&(r=!1);let i=t.match(/([\d.,]+)/g)?.[0];i||(i="0"),i=(o?"-":"")+i,i+=r?"%":"px";const s=n[e];n[e]=i,this.props.onPropertyChangedObservable?.notifyObservers({object:n,property:e,initialValue:s,value:n[e]})}}_addOrUpdateMetadata(e){for(const t of this.props.controls){const n=t.metadata;for(const t in e){const n=e[t];isNaN(n)||isNaN(parseFloat(n))?"true"===n.trim()?e[t]=!0:"false"===n.trim()&&(e[t]=!1):e[t]=parseFloat(n)}const r=Object.assign({},t.metadata,e);t.metadata=r,this.props.onPropertyChangedObservable?.notifyObservers({object:t,property:"metadata",initialValue:n,value:r})}}_removeFromMetadata(e){for(const t of this.props.controls){const n=Object.assign({},t.metadata);delete t.metadata[e],this.props.onPropertyChangedObservable?.notifyObservers({object:t,property:"metadata",initialValue:n,value:t.metadata})}}_getCommonPropertyKeys(e){if(0===(e=e.filter((e=>!!e))).length)return[];if(1===e.length)return Object.keys(e[0]);const[t,...n]=e;return Object.keys(t).filter((e=>n.every((t=>e in t))))}_markChildrenAsDirty(){for(const e of this.props.controls)e instanceof a.Container&&e._children.forEach((e=>{e._markAsDirty()}))}componentWillUnmount(){this._onPropertyChangedObserver&&this.props.onPropertyChangedObservable?.remove(this._onPropertyChangedObserver),this._onFontsParsedObserver&&this.props.onFontsParsedObservable?.remove(this._onFontsParsedObserver);for(let e=0;e<this._onControlVisibilityChangedObservers.length;e++)this.props.controls[e].onIsVisibleChangedObservable.remove(this._onControlVisibilityChangedObservers[e])}_filterFontDuplicates(e){const t=new Set;return e.filter((e=>{const n=e.value,r=t.has(n);return t.add(n),!r}))}render(){const e=this.props.controls,t=e[0];let n=t.horizontalAlignment,r=t.verticalAlignment;for(const t of e)t.horizontalAlignment!==n&&(n=a.Control.HORIZONTAL_ALIGNMENT_CENTER),t.verticalAlignment!==r&&(r=a.Control.VERTICAL_ALIGNMENT_CENTER);e.every((e=>"TextBlock"===e.typeName&&!1===e.resizeToFit))&&(n=t.textHorizontalAlignment,r=t.textVerticalAlignment);const o=t instanceof a.Container||"TextBlock"===t.typeName||"InputText"===t.typeName||"InputPassword"===t.typeName,i=f(e,this.props.onPropertyChangedObservable),s=t=>{const n=e.map((e=>e[t]._value)),r=n[0];if(n.every((e=>e===r))){const e=l(t);return"%"===e?(100*r).toFixed(2):"PX"===e?r.toFixed(2):j}return j},l=t=>{const n=e.map((e=>e[t]._unit)),r=n[0];return n.every((e=>e===r))?r===a.ValueAndUnit.UNITMODE_PIXEL?"PX":"%":j},c=(t,n,r,o)=>{for(const i of e){const e=i[t],s=i["_"+t]._unit;let l=i[`${t}InPixels`]+n;void 0!==r&&l<r&&(l=r),void 0!==o&&l>o&&(l=o),i[`${t}InPixels`]=l,s===a.ValueAndUnit.UNITMODE_PERCENTAGE&&u.ConvertToPercentage(i,[t]),this.props.onPropertyChangedObservable?.notifyObservers({object:i,property:t,initialValue:e,value:i[t]})}},d=(t,n)=>{for(const r of e)"PX"===t?u.ConvertToPercentage(r,[n],this.props.onPropertyChangedObservable):u.ConvertToPixels(r,[n],this.props.onPropertyChangedObservable)};let p=!1,A=!1,M=!1,L=!1;const h=e[0].parent,w=this._filterFontDuplicates(this.state.fontFamilyOptions.filter((({label:e})=>"Custom Font"!==e)).map((({label:e,value:t})=>({label:e,value:e,id:t.toString()}))));return"StackPanel"!==h?.getClassName()&&"VirtualKeyboard"!==h?.getClassName()||(h.isVertical?(A=!0,L=!0):(p=!0,M=!0)),(0,g.jsxs)("div",{children:[!this.props.hideDimensions&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("div",{className:"ge-divider alignment-bar",children:[(0,g.jsx)(I,{tooltip:"Left",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMjIuMyw5LjkzQTIuMjMsMi4yMywwLDAsMCwyMC4wNyw3LjdIOS45M0EyLjIzLDIuMjMsMCwwLDAsNy43LDkuOTNWMjAuMDdBMi4yMywyLjIzLDAsMCwwLDkuOTMsMjIuM0gyMC4wN2EyLjIzLDIuMjMsMCwwLDAsMi4yMy0yLjIzWm0tMTIuMzctMUgyMC4wN2ExLDEsMCwwLDEsMSwxVjIwLjA3YTEsMSwwLDAsMS0xLDFIOS45M2ExLDEsMCwwLDEtMS0xVjkuOTNBMSwxLDAsMCwxLDkuOTMsOC45MVoiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNMTAuNzYsMTMuMzloOC40NmEuNi42LDAsMCwxLC4wOCwxLjJIMTAuNzZhLjYuNiwwLDAsMS0uMDgtMS4yWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik0xMC43NiwxNS44Mmg1LjQxYS42LjYsMCwwLDEsLjA4LDEuMkgxMC43NmEuNi42LDAsMCwxLS4wOC0xLjJaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+",shortcut:"",isActive:n===a.Control.HORIZONTAL_ALIGNMENT_LEFT,onClick:()=>{this._updateAlignment("horizontalAlignment",a.Control.HORIZONTAL_ALIGNMENT_LEFT)},disabled:p}),(0,g.jsx)(I,{tooltip:"Center",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMjIuMyw5LjkzQTIuMjMsMi4yMywwLDAsMCwyMC4wNyw3LjdIOS45M0EyLjIzLDIuMjMsMCwwLDAsNy43LDkuOTNWMjAuMDdBMi4yMywyLjIzLDAsMCwwLDkuOTMsMjIuM0gyMC4wN2EyLjIzLDIuMjMsMCwwLDAsMi4yMy0yLjIzWm0tMTIuMzctMUgyMC4wN2ExLDEsMCwwLDEsMSwxVjIwLjA3YTEsMSwwLDAsMS0xLDFIOS45M2ExLDEsMCwwLDEtMS0xVjkuOTNBMSwxLDAsMCwxLDkuOTMsOC45MVoiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNMTAuNzYsMTMuMzloOC40NmEuNi42LDAsMCwxLC4wOCwxLjJIMTAuNzZhLjYuNiwwLDAsMS0uMDgtMS4yWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik0xMi4zLDE1LjgyaDUuNGEuNi42LDAsMCwxLC4wOSwxLjJIMTIuM2EuNi42LDAsMCwxLS4wOS0xLjJaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+",shortcut:"",isActive:n===a.Control.HORIZONTAL_ALIGNMENT_CENTER,onClick:()=>{this._updateAlignment("horizontalAlignment",a.Control.HORIZONTAL_ALIGNMENT_CENTER)},disabled:p}),(0,g.jsx)(I,{tooltip:"Right",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMjIuMyw5LjkzQTIuMjMsMi4yMywwLDAsMCwyMC4wNyw3LjdIOS45M0EyLjIzLDIuMjMsMCwwLDAsNy43LDkuOTNWMjAuMDdBMi4yMywyLjIzLDAsMCwwLDkuOTMsMjIuM0gyMC4wN2EyLjIzLDIuMjMsMCwwLDAsMi4yMy0yLjIzWm0tMTIuMzctMUgyMC4wN2ExLDEsMCwwLDEsMSwxVjIwLjA3YTEsMSwwLDAsMS0xLDFIOS45M2ExLDEsMCwwLDEtMS0xVjkuOTNBMSwxLDAsMCwxLDkuOTMsOC45MVoiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNMTAuNzYsMTMuMzloOC40NmEuNi42LDAsMCwxLC4wOCwxLjJIMTAuNzZhLjYuNiwwLDAsMS0uMDgtMS4yWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik0xMy44MSwxNS44Mmg1LjQxQS42LjYsMCwwLDEsMTkuMywxN0gxMy44MWEuNi42LDAsMCwxLS4wOC0xLjJaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+",shortcut:"",isActive:n===a.Control.HORIZONTAL_ALIGNMENT_RIGHT,onClick:()=>{this._updateAlignment("horizontalAlignment",a.Control.HORIZONTAL_ALIGNMENT_RIGHT)},disabled:p}),(0,g.jsx)(I,{tooltip:"Top",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMjIuMjksOS45NGEyLjIzLDIuMjMsMCwwLDAtMi4yMy0yLjIzSDkuOTRBMi4yMywyLjIzLDAsMCwwLDcuNzEsOS45NFYyMC4wNmEyLjIzLDIuMjMsMCwwLDAsMi4yMywyLjIzSDIwLjA2YTIuMjMsMi4yMywwLDAsMCwyLjIzLTIuMjNabS0xMi4zNS0xSDIwLjA2YTEsMSwwLDAsMSwxLDFWMjAuMDZhMSwxLDAsMCwxLTEsMUg5Ljk0YTEsMSwwLDAsMS0xLTFWOS45NEExLDEsMCwwLDEsOS45NCw4LjkyWm0uODEsMi40M2g4LjVhLjYxLjYxLDAsMCwxLC42MS42MS42LjYsMCwwLDEtLjUyLjZIMTAuNzVhLjYxLjYxLDAsMCwxLS4wOS0xLjIxWm04LjUsMi40M0gxMC42NkEuNjEuNjEsMCwwLDAsMTAuNzUsMTVoOC41OWEuNi42LDAsMCwwLC41Mi0uNkEuNjEuNjEsMCwwLDAsMTkuMjUsMTMuNzhaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+",shortcut:"",isActive:r===a.Control.VERTICAL_ALIGNMENT_TOP,onClick:()=>{this._updateAlignment("verticalAlignment",a.Control.VERTICAL_ALIGNMENT_TOP)},disabled:A}),(0,g.jsx)(I,{tooltip:"Center",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTEsMTMuMzloOGEuNzIuNzIsMCwwLDEsLjguNjEuNjkuNjksMCwwLDEtLjY5LjU5SDExYy0uNDQsMC0uOC0uMjctLjgtLjZhLjY5LjY5LDAsMCwxLC42OS0uNloiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNMTksMTUuOEgxMC44N2EuNjkuNjksMCwwLDAtLjY5LjZjMCwuMzMuMzYuNi44LjZoOC4xNWEuNjkuNjksMCwwLDAsLjY5LS41OUEuNzIuNzIsMCwwLDAsMTksMTUuOFoiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNMjIuMjMsMTBBMi4yMSwyLjIxLDAsMCwwLDIwLDcuNzdIMTBBMi4yMSwyLjIxLDAsMCwwLDcuNzcsMTBWMjBBMi4yMSwyLjIxLDAsMCwwLDEwLDIyLjIzSDIwQTIuMjEsMi4yMSwwLDAsMCwyMi4yMywyMFpNMTAsOUgyMGExLDEsMCwwLDEsMSwxVjIwYTEsMSwwLDAsMS0xLDFIMTBhMSwxLDAsMCwxLTEtMVYxMEExLDEsMCwwLDEsMTAsOVoiIHN0eWxlPSJmaWxsOiMzMzMiLz48L3N2Zz4=",shortcut:"",isActive:r===a.Control.VERTICAL_ALIGNMENT_CENTER,onClick:()=>{this._updateAlignment("verticalAlignment",a.Control.VERTICAL_ALIGNMENT_CENTER)},disabled:A}),(0,g.jsx)(I,{tooltip:"Bottom",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTAuNzcsMTYuMjFoOC40NmEuNi42LDAsMCwxLC4wOCwxLjJIMTAuNzdhLjYxLjYxLDAsMCwxLS4wOC0xLjIxWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik0xOS4yMywxOC42M0gxMC42OWEuNi42LDAsMCwwLC4wOCwxLjJoOC41NGEuNi42LDAsMCwwLS4wOC0xLjJaIiBzdHlsZT0iZmlsbDojMzMzIi8+PHBhdGggZD0iTTIyLjI1LDEwQTIuMjEsMi4yMSwwLDAsMCwyMCw3Ljc1SDEwQTIuMjEsMi4yMSwwLDAsMCw3Ljc1LDEwVjIwQTIuMjEsMi4yMSwwLDAsMCwxMCwyMi4yNUgyMEEyLjIxLDIuMjEsMCwwLDAsMjIuMjUsMjBaTTEwLDlIMjBhMSwxLDAsMCwxLDEsMVYyMGExLDEsMCwwLDEtMSwxSDEwYTEsMSwwLDAsMS0xLTFWMTBBMSwxLDAsMCwxLDEwLDlaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+",shortcut:"",isActive:r===a.Control.VERTICAL_ALIGNMENT_BOTTOM,onClick:()=>{this._updateAlignment("verticalAlignment",a.Control.VERTICAL_ALIGNMENT_BOTTOM)},disabled:A})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTYuNTEsMTVhLjYxLjYxLDAsMCwwLC42MS42aDQuNTlsLS41OC41OGEuNi42LDAsMCwwLDAsLjg2LjU5LjU5LDAsMCwwLC44NSwwbDEuNjItMS42MWEuNjIuNjIsMCwwLDAsMC0uODZMMjIsMTNhLjYuNiwwLDEsMC0uODUuODVsLjU4LjU4SDE3LjEyQS42MS42MSwwLDAsMCwxNi41MSwxNVptLTMuNjMtLjYxSDguMjlsLjU4LS41OEEuNi42LDAsMSwwLDgsMTNMNi40LDE0LjU4YS42Mi42MiwwLDAsMCwwLC44Nkw4LDE3LjA1YS41OS41OSwwLDAsMCwuODUsMCwuNi42LDAsMCwwLDAtLjg2bC0uNTgtLjU4aDQuNTlhLjYxLjYxLDAsMSwwLDAtMS4yMVpNMTUsMTMuNDlhLjYxLjYxLDAsMCwwLC42LS42MVY4LjI5bC41OC41OGEuNi42LDAsMCwwLC44NiwwQS42MS42MSwwLDAsMCwxNyw4TDE1LjM5LDYuNGEuNjEuNjEsMCwwLDAtLjg1LDBMMTIuOTIsOGEuNjEuNjEsMCwwLDAsMCwuODUuNi42LDAsMCwwLC44NiwwbC41OC0uNTh2NC41OUEuNjEuNjEsMCwwLDAsMTUsMTMuNDlabS0uNjEsMy42M3Y0LjU5bC0uNTgtLjU4YS42LjYsMCwwLDAtLjg2LDAsLjYxLjYxLDAsMCwwLDAsLjg1bDEuNjIsMS42MmEuNjEuNjEsMCwwLDAsLjg1LDBMMTcsMjJhLjYxLjYxLDAsMCwwLDAtLjg1LjYuNiwwLDAsMC0uODYsMGwtLjU4LjU4VjE3LjEyYS42MS42MSwwLDEsMC0xLjIxLDBaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+",label:"Position"}),(0,g.jsx)(D,{numbersOnly:!0,lockObject:this.props.lockObject,label:"X",delayInput:!0,value:s("_left"),onChange:e=>this._checkAndUpdateValues("left",e),unit:(0,g.jsx)(uo,{unit:l("_left"),onClick:e=>d(e,"left")}),arrows:!0,arrowsIncrement:e=>c("left",e)}),(0,g.jsx)(D,{numbersOnly:!0,lockObject:this.props.lockObject,label:"Y",delayInput:!0,value:s("_top"),onChange:e=>this._checkAndUpdateValues("top",e),unit:(0,g.jsx)(uo,{unit:l("_top"),onClick:e=>d(e,"top")}),arrows:!0,arrowsIncrement:e=>c("top",e)})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:to,label:"Size"}),(0,g.jsx)(D,{numbersOnly:!0,lockObject:this.props.lockObject,label:"W",delayInput:!0,value:s("_width"),onChange:t=>{for(const n of e)"Image"===n.typeName?n.autoScale=!1:n instanceof a.Container?n.adaptWidthToChildren=!1:"ColorPicker"===n.typeName&&("0"!==t&&"-"!==t||(t="1"));this._checkAndUpdateValues("width",t)},unit:(0,g.jsx)(uo,{unit:l("_width"),locked:M,onClick:e=>d(e,"width")}),arrows:!0,arrowsIncrement:e=>c("width",e)}),(0,g.jsx)(D,{numbersOnly:!0,lockObject:this.props.lockObject,label:"H",delayInput:!0,value:s("_height"),onChange:t=>{for(const n of e)"Image"===n.typeName?n.autoScale=!1:n instanceof a.Container?n.adaptHeightToChildren=!1:"ColorPicker"===n.typeName&&("0"!==t&&"-"!==t||(t="1"));this._checkAndUpdateValues("height",t)},unit:(0,g.jsx)(uo,{unit:l("_height"),locked:L,onClick:e=>d(e,"height")}),arrows:!0,arrowsIncrement:e=>c("height",e)})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMjEuNjMsOWEuNi42LDAsMCwwLDAtMS4ySDguMzdhLjYuNiwwLDAsMCwwLDEuMloiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNMjEuNjMsMjIuMjNhLjYuNiwwLDAsMCwwLTEuMkg4LjM3YS42LjYsMCwwLDAsMCwxLjJaIiBzdHlsZT0iZmlsbDojMzMzIi8+PHBhdGggZD0iTTEwLjc4LDExLjc5YTEuNDEsMS40MSwwLDAsMC0xLjQxLDEuNHYzLjYyYTEuNDEsMS40MSwwLDAsMCwxLjQxLDEuNGg4LjQ0YTEuNDEsMS40MSwwLDAsMCwxLjQxLTEuNFYxMy4xOWExLjQxLDEuNDEsMCwwLDAtMS40MS0xLjRabS0uMiwxLjRhLjIuMiwwLDAsMSwuMi0uMmg4LjQ0YS4yLjIsMCwwLDEsLjIuMnYzLjYyYS4yLjIsMCwwLDEtLjIuMkgxMC43OGEuMi4yLDAsMCwxLS4yLS4yWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjwvc3ZnPg==",label:"Vertical Padding"}),(0,g.jsx)(D,{numbersOnly:!0,lockObject:this.props.lockObject,label:"T",delayInput:!0,value:s("_paddingTop"),onChange:e=>{this._checkAndUpdateValues("paddingTop",e),this._markChildrenAsDirty()},unit:(0,g.jsx)(uo,{unit:l("_paddingTop"),onClick:e=>d(e,"paddingTop")}),arrows:!0,arrowsIncrement:e=>c("paddingTop",e,0)}),(0,g.jsx)(D,{numbersOnly:!0,lockObject:this.props.lockObject,label:"B",delayInput:!0,value:s("_paddingBottom"),onChange:e=>{this._checkAndUpdateValues("paddingBottom",e),this._markChildrenAsDirty()},unit:(0,g.jsx)(uo,{unit:l("_paddingBottom"),onClick:e=>d(e,"paddingBottom")}),arrows:!0,arrowsIncrement:e=>c("paddingBottom",e,0)})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNOSw4LjM3YS42LjYsMCwxLDAtMS4yLDBWMjEuNjNhLjYuNiwwLDEsMCwxLjIsMFoiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNMjIuMjMsOC4zN2EuNi42LDAsMSwwLTEuMiwwVjIxLjYzYS42LjYsMCwxLDAsMS4yLDBaIiBzdHlsZT0iZmlsbDojMzMzIi8+PHBhdGggZD0iTTExLjc5LDE5LjIyYTEuNDEsMS40MSwwLDAsMCwxLjQsMS40MWgzLjYyYTEuNDEsMS40MSwwLDAsMCwxLjQtMS40MVYxMC43OGExLjQxLDEuNDEsMCwwLDAtMS40LTEuNDFIMTMuMTlhMS40MSwxLjQxLDAsMCwwLTEuNCwxLjQxWm0xLjQuMmEuMi4yLDAsMCwxLS4yLS4yVjEwLjc4YS4yLjIsMCwwLDEsLjItLjJoMy42MmEuMi4yLDAsMCwxLC4yLjJ2OC40NGEuMi4yLDAsMCwxLS4yLjJaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+",label:"Horizontal Padding"}),(0,g.jsx)(D,{numbersOnly:!0,lockObject:this.props.lockObject,label:"L",delayInput:!0,value:s("_paddingLeft"),onChange:e=>{this._checkAndUpdateValues("paddingLeft",e),this._markChildrenAsDirty()},unit:(0,g.jsx)(uo,{unit:l("_paddingLeft"),onClick:e=>d(e,"paddingLeft")}),arrows:!0,arrowsIncrement:e=>c("paddingLeft",e)}),(0,g.jsx)(D,{numbersOnly:!0,lockObject:this.props.lockObject,label:"R",delayInput:!0,value:s("_paddingRight"),onChange:e=>{this._checkAndUpdateValues("paddingRight",e),this._markChildrenAsDirty()},onPropertyChangedObservable:this.props.onPropertyChangedObservable,unit:(0,g.jsx)(uo,{unit:l("_paddingRight"),onClick:e=>d(e,"paddingRight")}),arrows:!0,arrowsIncrement:e=>c("paddingRight",e)})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjMuMTEsOS4zMmEyLjIzLDIuMjMsMCwwLDEtMi4yMywyLjI0SDkuMTJhMi4yNCwyLjI0LDAsMCwxLDAtNC40N0gyMC44OEEyLjIzLDIuMjMsMCwwLDEsMjMuMTEsOS4zMlpNMjEuNDksMTVhMi4yMywyLjIzLDAsMCwxLTIuMjMsMi4yM0gxMC43NGEyLjIzLDIuMjMsMCwwLDEsMC00LjQ2aDguNTJBMi4yMywyLjIzLDAsMCwxLDIxLjQ5LDE1Wm0tMi40NCw1LjY4YTIuMjMsMi4yMywwLDAsMS0yLjIzLDIuMjNIMTMuMThhMi4yNCwyLjI0LDAsMCwxLDAtNC40N2gzLjY0QTIuMjMsMi4yMywwLDAsMSwxOS4wNSwyMC42OFpNMjEuODksOS4zMmExLDEsMCwwLDAtMS0xSDkuMTJhMSwxLDAsMCwwLDAsMkgyMC44OEExLDEsMCwwLDAsMjEuODksOS4zMlpNMjAuMjcsMTVhMSwxLDAsMCwwLTEtMUgxMC43NGExLDEsMCwwLDAsMCwyaDguNTJBMSwxLDAsMCwwLDIwLjI3LDE1Wm0tMi40Myw1LjY4YTEsMSwwLDAsMC0xLTFIMTMuMThhMSwxLDAsMSwwLDAsMmgzLjY0QTEsMSwwLDAsMCwxNy44NCwyMC42OFoiLz48L3N2Zz4=",label:"Makes padding affect only the descendants of this control"}),(0,g.jsx)(ar,{label:"ONLY PAD DESCENDANTS",target:i,propertyName:"descendentsOnlyPadding"})]}),(0,g.jsx)("hr",{className:"ge"})]}),"root"===h?.name&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(C,{label:"LINK OFFSET",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJpY29ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMzMzM7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE4LjE3LDE4LjUxYy0xLjIxLDAtMi4xOSwuOTgtMi4xOSwyLjE5cy45OCwyLjE5LDIuMTksMi4xOWguNDRjLjI0LDAsLjQ0LS4yLC40NC0uNDRzLS4yLS40NC0uNDQtLjQ0aC0uNDRjLS43MywwLTEuMzItLjU5LTEuMzItMS4zMnMuNTktMS4zMiwxLjMyLTEuMzJoLjQ0Yy4yNCwwLC40NC0uMiwuNDQtLjQ0cy0uMi0uNDQtLjQ0LS40NGgtLjQ0Wm0zLjA3LDBjLS4yNCwwLS40NCwuMi0uNDQsLjQ0cy4yLC40NCwuNDQsLjQ0aC40NGMuNzMsMCwxLjMyLC41OSwxLjMyLDEuMzJzLS41OSwxLjMyLTEuMzIsMS4zMmgtLjQ0Yy0uMjQsMC0uNDQsLjItLjQ0LC40NHMuMiwuNDQsLjQ0LC40NGguNDRjMS4yMSwwLDIuMTktLjk4LDIuMTktMi4xOXMtLjk4LTIuMTktMi4xOS0yLjE5aC0uNDRabS0zLjA3LDEuNzZjLS4yNCwwLS40NCwuMi0uNDQsLjQ0cy4yLC40NCwuNDQsLjQ0aDMuNTFjLjI0LDAsLjQ0LS4yLC40NC0uNDRzLS4yLS40NC0uNDQtLjQ0aC0zLjUxWiIvPjxnPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIxLjYxLDE0LjRoLTQuNTljLS4zMywwLS42MSwuMjctLjYxLC42MXMuMjcsLjYxLC42MSwuNjFoNC41OWwtLjU4LC41OGMtLjI0LC4yNC0uMjQsLjYyLDAsLjg2LC4yNCwuMjQsLjYyLC4yNCwuODYsMGwxLjYxLTEuNjFjLjI0LS4yNCwuMjQtLjYyLDAtLjg2bC0xLjYxLTEuNjFjLS4yNC0uMjQtLjYyLS4yNC0uODYsMC0uMjQsLjI0LS4yNCwuNjIsMCwuODZsLjU4LC41OFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNS4wMSwyMC43MWMwLS41NywuMTgtMS4wOSwuNDctMS41NHYtMi4wNWMwLS4zMy0uMjctLjYxLS42MS0uNjFzLS42LC4yNy0uNiwuNjF2NC41OWwtLjU4LS41OGMtLjI0LS4yNC0uNjItLjI0LS44NiwwLS4yNCwuMjQtLjI0LC42MiwwLC44NmwxLjYxLDEuNjFjLjI0LC4yNCwuNjIsLjI0LC44NiwwbC43Mi0uNzJjLS42Mi0uNTQtMS4wMS0xLjMxLTEuMDEtMi4xN1oiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMy42OCw4Ljg3bC41OC0uNTh2NC41OWMwLC4zMywuMjcsLjYxLC42LC42MXMuNjEtLjI3LC42MS0uNjF2LTQuNTlsLjU4LC41OGMuMjQsLjI0LC42MiwuMjQsLjg2LDAsLjI0LS4yNCwuMjQtLjYyLDAtLjg2bC0xLjYxLTEuNjFjLS4yNC0uMjQtLjYyLS4yNC0uODYsMGwtMS42MSwxLjYxYy0uMjQsLjI0LS4yNCwuNjIsMCwuODYsLjI0LC4yNCwuNjIsLjI0LC44NiwwWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTguMTksMTUuNjFoNC41OWMuMzMsMCwuNjEtLjI3LC42MS0uNjFzLS4yNy0uNjEtLjYxLS42MWgtNC41OWwuNTgtLjU4Yy4yNC0uMjQsLjI0LS42MiwwLS44Ni0uMjQtLjI0LS42Mi0uMjQtLjg2LDBsLTEuNjEsMS42MWMtLjI0LC4yNC0uMjQsLjYyLDAsLjg2bDEuNjEsMS42MWMuMjQsLjI0LC42MiwuMjQsLjg2LDAsLjI0LS4yNCwuMjQtLjYyLDAtLjg2bC0uNTgtLjU4WiIvPjwvZz48L3N2Zz4=",label:"Link offset"}),(0,g.jsx)(D,{numbersOnly:!0,lockObject:this.props.lockObject,label:"X",delayInput:!0,value:s("_linkOffsetX"),onChange:e=>this._checkAndUpdateValues("linkOffsetX",e),unit:(0,g.jsx)(uo,{unit:l("_linkOffsetX"),onClick:e=>d(e,"linkOffsetX")}),arrows:!0,arrowsIncrement:e=>c("linkOffsetX",e)}),(0,g.jsx)(D,{numbersOnly:!0,lockObject:this.props.lockObject,label:"Y",delayInput:!0,value:s("_linkOffsetY"),onChange:e=>this._checkAndUpdateValues("linkOffsetY",e),unit:(0,g.jsx)(uo,{unit:l("_linkOffsetY"),onClick:e=>d(e,"linkOffsetY")}),arrows:!0,arrowsIncrement:e=>c("linkOffsetY",e)})]}),(0,g.jsx)("hr",{className:"ge"})]}),(0,g.jsx)(C,{tooltip:"",label:"SERIALIZATION",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:co,label:"Serializable"}),(0,g.jsx)(ar,{label:"ISSERIALIZABLE",target:i,propertyName:"isSerializable"})]}),(0,g.jsx)(C,{tooltip:"",label:"VISIBILITY",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:ao,label:"Visible"}),(0,g.jsx)(ar,{label:"ISVISIBLE",target:i,propertyName:"isVisible",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}),(0,g.jsx)(C,{tooltip:"",label:"TRANSFORMATION",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:oo,label:"Scale"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"X",target:i,propertyName:"scaleX",arrows:!0,digits:2,step:"0.0005"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"Y",target:i,propertyName:"scaleY",arrows:!0,digits:2,step:"0.0005"})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTUsNi45QTguMSw4LjEsMCwxLDAsMjMuMSwxNSw4LjEsOC4xLDAsMCwwLDE1LDYuOVptNi44Niw3LjQ5SDE1LjYzVjguMTRBNi44OSw2Ljg5LDAsMCwxLDIxLjg2LDE0LjM5Wk0xNC40MSw4LjE0djYuMjVIOC4xNEE2Ljg5LDYuODksMCwwLDEsMTQuNDEsOC4xNFpNOC4xNCwxNS42MWg2LjI3djYuMjVBNi44OSw2Ljg5LDAsMCwxLDguMTQsMTUuNjFabTcuNDksNi4yNVYxNS42MWg2LjIzQTYuODksNi44OSwwLDAsMSwxNS42MywyMS44NloiIHN0eWxlPSJmaWxsOiMzMzMiLz48L3N2Zz4=",label:"Transform Center"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"X",target:i,propertyName:"transformCenterX",arrows:!0,digits:2,step:"0.0005"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"Y",target:i,propertyName:"transformCenterY",arrows:!0,digits:2,step:"0.0005"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTUsNy43M2E3LjI3LDcuMjcsMCwwLDEsNCwxMy4zM2gxLjQzYS42MS42MSwwLDAsMSwuNjEuNjEuNjEuNjEsMCwwLDEtLjUyLjZIMTcuMjJhLjYxLjYxLDAsMCwxLS42LS41MlYxOC40M2EuNi42LDAsMCwxLDEuMi0uMDh2MkE2LjA2LDYuMDYsMCwxLDAsOC45NCwxNWEuNjEuNjEsMCwxLDEtMS4yMSwwQTcuMjYsNy4yNiwwLDAsMSwxNSw3LjczWm0wLDVBMi4yMiwyLjIyLDAsMSwxLDEyLjc4LDE1LDIuMjEsMi4yMSwwLDAsMSwxNSwxMi43OFpNMTUsMTRhMSwxLDAsMSwwLDEsMUExLDEsMCwwLDAsMTUsMTRaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+",label:"Rotation"}),(0,g.jsx)(S,{iconLabel:"Rotation",lockObject:this.props.lockObject,label:"",target:i,decimalCount:2,propertyName:"rotation",minimum:0,maximum:2*Math.PI,step:.01,unit:(0,g.jsx)(uo,{unit:"RAD",locked:!0})})]}),(0,g.jsx)("hr",{className:"ge"}),(0,g.jsx)(C,{tooltip:"",label:"APPEARANCE",value:" ",color:"grey"}),e.every((e=>void 0!==e.color&&"Image"!==e.typeName&&"ImageBasedSlider"!==e.typeName&&"ColorPicker"!==e.typeName))&&(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:io,label:"Outline Color"}),(0,g.jsx)(Tr,{lockObject:this.props.lockObject,label:"Outline Color",target:i,propertyName:"color"})]}),e.every((e=>void 0!==e.background))&&(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:so,label:"Background Color"}),(0,g.jsx)(Tr,{lockObject:this.props.lockObject,label:"Background Color",target:i,propertyName:"background"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:ro,label:"Alpha"}),(0,g.jsx)(S,{lockObject:this.props.lockObject,label:"",target:i,propertyName:"alpha",minimum:0,maximum:1,step:.01})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNNy43MywxMEEyLjIzLDIuMjMsMCwwLDEsMTAsNy43M2gxMC4xQTIuMjMsMi4yMywwLDAsMSwyMi4yNywxMHYxMC4xYTIuMjMsMi4yMywwLDAsMS0yLjIyLDIuMjJIMTBhMi4yMywyLjIzLDAsMCwxLTIuMjItMi4yMlptMi4yMi0xYTEsMSwwLDAsMC0xLDF2MTAuMWExLDEsMCwwLDAsMSwxaDEwLjFhMSwxLDAsMCwwLDEtMVYxMGExLDEsMCwwLDAtMS0xWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik0xOS45MywyMC4wNWwuMTItMTIuMzJBMi4yMywyLjIzLDAsMCwxLDIyLjI3LDEwdjEwLjFhMi4yMywyLjIzLDAsMCwxLTIuMjIsMi4yMkgxMGEyLjIzLDIuMjMsMCwwLDEtMi4yMi0yLjIyWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjwvc3ZnPg==",label:"Shadow Color"}),(0,g.jsx)(Tr,{lockObject:this.props.lockObject,label:"",target:i,propertyName:"shadowColor",disableAlpha:!0})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTkuMTgsMTEuNzJhLjc3Ljc3LDAsMCwwLS41Ni0uMjUuNzguNzgsMCwwLDAtLjUuMTkuNzUuNzUsMCwwLDAtLjA2LDEuMDZsLjg5LDFIMTYuMTJhLjc1Ljc1LDAsMSwwLDAsMS41SDE5bC0uODksMWEuNzUuNzUsMCwwLDAsLjA2LDEuMDYuNzUuNzUsMCwwLDAsMS4wNi0uMDZsMi0yLjI1YS43Ni43NiwwLDAsMCwwLTFaIiBzdHlsZT0iZmlsbDojMzMzIi8+PHBhdGggZD0iTTIxLjM1LDguNDhhMi4yLDIuMiwwLDAsMC0yLjA2LTEuNDFIOS4yQTIuMjEsMi4yMSwwLDAsMCw3LDkuMjlWMTkuMzhhMi4yMSwyLjIxLDAsMCwwLDEuNjcsMi4xNCwyLjIsMi4yLDAsMCwwLDIuMDYsMS40MUgyMC44QTIuMjEsMi4yMSwwLDAsMCwyMywyMC43MVYxMC42MkEyLjIxLDIuMjEsMCwwLDAsMjEuMzUsOC40OFptLjU4LDcuMTZMMjAuMywxNy40N3YxLjkxYTEsMSwwLDAsMS0xLDFIOS4yYTEsMSwwLDAsMS0xLTFWOS4yOWExLDEsMCwwLDEsMS0xSDE5LjI5YTEsMSwwLDAsMSwxLDF2Mi4xOWwxLjYzLDEuODNBMS43NSwxLjc1LDAsMCwxLDIxLjkzLDE1LjY0WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjwvc3ZnPg==",label:"Shadow Offset"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"X",target:i,propertyName:"shadowOffsetX",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,step:"0.1",digits:2}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"Y",target:i,propertyName:"shadowOffsetY",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,step:"0.1",digits:2})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNNy43OSwxNUE3LjIxLDcuMjEsMCwwLDEsMTksOUgxNWE2LDYsMCwwLDAsMCwxMlYxOS44aDUuMzdBNy4yLDcuMiwwLDAsMSw3Ljc5LDE1WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik0yMCw5LjhIMTVWMTFoNkE2Ljg0LDYuODQsMCwwLDAsMjAsOS44WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik0xNSwxMS44aDYuNDZhNi45Miw2LjkyLDAsMCwxLC40NiwxLjJIMTVaIiBzdHlsZT0iZmlsbDojMzMzIi8+PHBhdGggZD0iTTIyLjExLDEzLjhIMTVWMTVoNy4yMUE3Ljg4LDcuODgsMCwwLDAsMjIuMTEsMTMuOFoiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNMTUsMTUuOGg3LjE2YTYuMDgsNi4wOCwwLDAsMS0uMjQsMS4ySDE1WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik0yMS42NCwxNy44SDE1VjE5aDZBNy4yOSw3LjI5LDAsMCwwLDIxLjY0LDE3LjhaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+",label:"Shadow Blur"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:" ",target:i,propertyName:"shadowBlur",arrows:!0,min:0,digits:2})]}),o&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("hr",{className:"ge"}),(0,g.jsx)(C,{tooltip:"",label:"FONT STYLE",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:no,label:"Font Family"}),(0,g.jsx)(eo,{options:w,selectedOptionValue:i.fontFamily,onOptionSelected:e=>{i.fontFamily=e},onOptionAdded:({value:e})=>{this._addFont(e)},addOptionPlaceholder:"Add new font...",validateNewOptionValue:e=>e.length>0&&!w.find((t=>t.label===e))&&document.fonts.check(`12px ${e}`)})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMzAgMzAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yNC4zNSwyMC40NSwyMC4yMiw4LjgxbDAtLjEyYTEuMDcsMS4wNywwLDAsMC0xLjk0LjE1TDE0Ljc3LDE4LjYsMTEuMiw4LjU0bDAtLjA5YS42MS42MSwwLDAsMC0xLjEuMDlMNS42MiwyMS4wNWEuNjEuNjEsMCwwLDAsMS4xMS40OGwwLS4wNywxLjI5LTMuNjNoNS4xNmwxLjI5LDMuNjMsMCwuMDdhLjYxLjYxLDAsMCwwLC41My4zM2gwYTEuMDcsMS4wNywwLDAsMCwxLS42bDEuMTItMy4xNGg0LjA5bDEuMDgsMy4wNy4wNS4xYTEuMDcsMS4wNywwLDAsMCwuOTUuNTcsMS4xMiwxLjEyLDAsMCwwLC4zNS0uMDZBMS4wNSwxLjA1LDAsMCwwLDI0LjM1LDIwLjQ1Wk04LjQ4LDE2LjYxbDIuMTUtNi4wNiwyLjE1LDYuMDZaTTE4LDE2bDEuMjgtMy42M0wyMC41MiwxNloiLz48L3N2Zz4=",label:"Font Weight"}),(0,g.jsx)(D,{lockObject:this.props.lockObject,label:"",target:i,propertyName:"fontWeight"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMjEuNCwxOS42NWwwLDBhMi40NSwyLjQ1LDAsMCwxLC4xMS43MSwyLDIsMCwwLDEtMiwyLDIsMiwwLDAsMS0xLjEyLS4zNGwtLjA1LDAtLjA1LDBhMi4zMywyLjMzLDAsMCwxLS42NC0uODR2MGwtLjc5LTEuODhIMTNsLS43NSwxLjgzYTIsMiwwLDAsMS0uNzQsMUEyLDIsMCwwLDEsOSwyMS44N2ExLjg4LDEuODgsMCwwLDEtLjU1LTEuMzgsMy4zNywzLjM3LDAsMCwxLDAtLjQ4bDAtLjEzLDQuNTUtMTFoMGEyLjI3LDIuMjcsMCwwLDEsLjc2LS45NCwxLjk0LDEuOTQsMCwwLDEsMS4yNi0uMzIsMiwyLDAsMCwxLDEuODIsMS4zMVpNMTUuODEsOS4zNGEuNzkuNzksMCwwLDAtLjMtLjQxLjgzLjgzLDAsMCwwLS40MS0uMTNIMTVhMS4xMSwxLjExLDAsMCwwLS4yNiwwLC42NC42NCwwLDAsMC0uMjUuMTIuODUuODUsMCwwLDAtLjM0LjQyTDkuNzEsMjAuMjFhMS40OCwxLjQ4LDAsMCwwLDAsLjI4LjcyLjcyLDAsMCwwLC4xOS41My43Ny43NywwLDAsMCwuNTcuMTkuNy43LDAsMCwwLC40NC0uMTQuNzYuNzYsMCwwLDAsLjMtLjRsMS4wNy0yLjYxaDUuNDNsMS4wOSwyLjU5YTEuMTcsMS4xNywwLDAsMCwuMzIuNDIuNzYuNzYsMCwwLDAsLjQ2LjE0LjcuNywwLDAsMCwuNTQtLjIzLjczLjczLDAsMCwwLC4yNS0uNTgsMS4yLDEuMiwwLDAsMCwwLS4zM1pNMTcsMTYuNDYsMTUsMTEuNTRsLTIsNC45MlptLTIuMzEtMS4yaC41bC0uMjUtLjZaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+",label:"Font Style"}),(0,g.jsx)(eo,{options:[{label:"normal",value:"normal",id:"0"},{label:"italic",value:"italic",id:"1"},{label:"oblique",value:"oblique",id:"2"}],selectedOptionValue:i.fontStyle,onOptionSelected:e=>{i.fontStyle=e}})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTMuNTYsMTkuNTNsMy45LTExYS42MS42MSwwLDAsMSwxLjEtLjA5bDAsLjA5TDIzLDIxLjA1YS42Mi42MiwwLDAsMS0uMzcuNzguNi42LDAsMCwxLS43NC0uM2wwLS4wNy0xLjI5LTMuNjRIMTUuNDVsLTEuMjgsMy42YS41Ny41NywwLDAsMS0uMjkuMzZsLS4wNywwYS42MS42MSwwLDAsMS0uNzUtLjI3bDAtLjA3LS44LTJIOC45bC0uOCwyYS42MS42MSwwLDAsMS0uNzEuMzdsLS4wOCwwYS41OS41OSwwLDAsMS0uMzYtLjdMNywyMWwzLTcuNjdhLjYxLjYxLDAsMCwxLDEuMDktLjA4bDAsLjA5LDIuNDMsNi4xNiwzLjktMTFabS0zLTQuMjktMS4xOCwzaDIuMzZaTTE4LDEwLjU1bC0yLjE2LDYuMDZoNC4zMVoiIHN0eWxlPSJmaWxsOiMzMzMiLz48L3N2Zz4=",label:"Font Size"}),(0,g.jsx)(D,{lockObject:this.props.lockObject,label:"",numbersOnly:!0,value:s("_fontSize"),onChange:e=>this._checkAndUpdateValues("fontSize",e),unit:(0,g.jsx)(uo,{unit:l("_fontSize"),onClick:e=>d(e,"fontSize")}),arrows:!0,arrowsIncrement:e=>c("fontSize",e,0)})]})]}),(0,g.jsx)("hr",{className:"ge"}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(C,{tooltip:"",label:"METADATA",value:" ",color:"grey"}),(0,g.jsx)(I,{tooltip:"Add",icon:lo,isActive:!1,onClick:()=>{const t=(Co["gui-editor"]??window).prompt("Enter new key name for metadata value","newKey");if(null===t||""===t.trim())return;let n=t,r=1;for(;e.some((e=>n in e.metadata));)r++,n=t+r;this._addOrUpdateMetadata({[n]:""})}})]}),this._getCommonPropertyKeys(e.map((e=>e.metadata))).map((t=>{if("guiEditor"===t||t.startsWith("_")||"editorUniqueId"===t)return;const n=e.find((e=>!!e.metadata));if(!n)return;let r=n.metadata[t];const o="object"==typeof r;return e.map((e=>e.metadata[t])).every((e=>e===r))||(r=j),(0,g.jsx)("div",{children:(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(D,{numbersOnly:!1,lockObject:this.props.lockObject,label:"",delayInput:!0,value:t,disabled:!0}),(0,g.jsx)(D,{numbersOnly:!1,lockObject:this.props.lockObject,label:":",delayInput:!0,disabled:o,value:"string"==typeof r?r:JSON.stringify(r),onChange:e=>this._addOrUpdateMetadata({[t]:e})}),(0,g.jsx)(I,{tooltip:"Remove",icon:Fr,isActive:!1,onClick:()=>this._removeFromMetadata(t)})]})},t)}))]})}}const wo="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTIxLjU2LDEwLjQ5YzAtMS4wMi0uODMtMS44NC0xLjg0LTEuODRIMTAuMjljLTEuMDIsMC0xLjg0LC44My0xLjg0LDEuODR2My4yOGMwLC4zNCwuMjgsLjYxLC42MSwuNjFzLjYxLS4yOCwuNjEtLjYxdi0zLjI4YzAtLjM0LC4yOC0uNjEsLjYxLS42MWg5LjQzYy4zNCwwLC42MSwuMjgsLjYxLC42MXYzLjI4YzAsLjM0LC4yOCwuNjEsLjYxLC42MXMuNjEtLjI4LC42MS0uNjF2LTMuMjhabS0yLjI4LDUuNzJjLjIyLS4yMiwuNTYtLjI0LC44LS4wNmwuMDcsLjA2LDEuOTQsMS45NGMuMTcsLjEsLjI5LC4zMSwuMjksLjU0LDAsLjIxLS4wOSwuMzktLjIzLC41bC0uMDYsLjA0LTEuOTQsMS45NC0uMDcsLjA2Yy0uMjEsLjE2LS41MSwuMTYtLjcyLDBsLS4wOC0uMDctLjA2LS4wN2MtLjE2LS4yMS0uMTYtLjUxLDAtLjcybC4wNy0uMDgsMS0xaC0zLjE4Yy0uMjYtLjA1LS40Ni0uMy0uNDYtLjYxcy4yLS41NywuNDctLjYxaDMuMThsLTEtMS4wMS0uMDYtLjA3Yy0uMTgtLjI0LS4xNi0uNTgsLjA2LS44Wm0tOC41NiwwYy4yMiwuMjIsLjI0LC41NiwuMDYsLjhsLS4wNiwuMDctMSwxaDMuMWMuMywwLC41NCwuMjgsLjU0LC42MSwwLC4zMS0uMiwuNTctLjQ2LC42MWgtMy4xOGwxLDEuMDFjLjIyLC4yMiwuMjQsLjU2LC4wNiwuOGwtLjA2LC4wN2MtLjIyLC4yMi0uNTYsLjI0LS44LC4wNmwtLjA3LS4wNi0xLjk0LTEuOTRjLS4xNy0uMS0uMjktLjMxLS4yOS0uNTRzLjEyLS40NCwuMjktLjU0bDEuOTQtMS45NGMuMjQtLjI0LC42My0uMjQsLjg3LDBaIi8+PC9zdmc+";class mo extends t.Component{constructor(e){super(e)}render(){const{sliders:e,onPropertyChangedObservable:t}=this.props,n=f(e,t);return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"SLIDER",value:" ",color:"grey"}),e.every((e=>"Slider"===e.typeName))&&(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:io,label:"Border Color"}),(0,g.jsx)(Tr,{lockObject:this.props.lockObject,label:"",target:n,propertyName:"borderColor"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTguMDgsNi43OWExLjg1LDEuODUsMCwwLDEsMS44NSwxLjg1VjIxLjM2YTEuODUsMS44NSwwLDAsMS0xLjg1LDEuODVIMTEuOTJhMS44NSwxLjg1LDAsMCwxLTEuODUtMS44NVY4LjY0YTEuODUsMS44NSwwLDAsMSwxLjg1LTEuODVabTAsMS4yM0gxMS45MmEuNjEuNjEsMCwwLDAtLjYxLjYyVjIxLjM2YS42MS42MSwwLDAsMCwuNjEuNjJoNi4xNmEuNjEuNjEsMCwwLDAsLjYxLS42MlY4LjY0QS42MS42MSwwLDAsMCwxOC4wOCw4Wm0tLjgsOC4xOGEuNjIuNjIsMCwwLDEsLjA3LjhsLS4wNi4wN0wxNS40NCwxOWEuNjIuNjIsMCwwLDEtLjgxLjA2TDE0LjU2LDE5bC0xLjg1LTEuODlhLjYxLjYxLDAsMCwxLC44MS0uOTJsLjA3LjA2TDE1LDE3LjY1bDEuNDEtMS40NEEuNjIuNjIsMCwwLDEsMTcuMjgsMTYuMlptLTEuODQtNS4xMkwxNy4yOSwxM2EuNjQuNjQsMCwwLDEsMCwuODguNjMuNjMsMCwwLDEtLjg3LDBMMTUsMTIuMzlsLTEuNDEsMS40NGEuNjIuNjIsMCwxLDEtLjg4LS44N2wxLjg1LTEuODhBLjYxLjYxLDAsMCwxLDE1LjQ0LDExLjA4WiIvPjwvc3ZnPg==",label:"Vertical"}),(0,g.jsx)(ar,{label:"VERTICAL",target:n,propertyName:"isVertical"})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOS4xNSwxMi40MmExLjQyLDEuNDIsMCwwLDAtMS40MSwxLjQydjIuMzJhMS40MiwxLjQyLDAsMCwwLDEuNDEsMS40MmgxMS43YTEuNDIsMS40MiwwLDAsMCwxLjQxLTEuNDJWMTMuODRhMS40MiwxLjQyLDAsMCwwLTEuNDEtMS40MlpNOSwxMy44NGEuMjEuMjEsMCwwLDEsLjItLjIxaDExLjdhLjIxLjIxLDAsMCwxLC4yLjIxdjIuMzJhLjIxLjIxLDAsMCwxLS4yLjIxSDkuMTVhLjIxLjIxLDAsMCwxLS4yLS4yMVptNy42Ni01LjQ5QS42LjYsMCwwLDEsMTYsOUgxNGEuNjEuNjEsMCwwLDEsMC0xLjIxaDJBLjYuNiwwLDAsMSwxNi42MSw4LjM1Wk0xNiwyMi4yNmEuNjEuNjEsMCwwLDAsMC0xLjIxSDE0YS42MS42MSwwLDAsMCwwLDEuMjFaTTExLDguMzVhLjYxLjYxLDAsMCwwLS42MS0uNjFIMTBBMi4yMSwyLjIxLDAsMCwwLDcuNzQsMTB2LjRhLjYxLjYxLDAsMSwwLDEuMjEsMFYxMGExLDEsMCwwLDEsMS0xaC40QS42LjYsMCwwLDAsMTEsOC4zNVptOC42Ny0uNjFhLjYxLjYxLDAsMSwwLDAsMS4yMUgyMGExLDEsMCwwLDEsMSwxdi40YS42MS42MSwwLDEsMCwxLjIxLDBWMTBBMi4yMSwyLjIxLDAsMCwwLDIwLDcuNzRaTTExLDIxLjY1YS42MS42MSwwLDAsMS0uNjEuNjFIMTBBMi4yMSwyLjIxLDAsMCwxLDcuNzQsMjB2LS40YS42MS42MSwwLDEsMSwxLjIxLDBWMjBhMSwxLDAsMCwwLDEsMWguNEEuNi42LDAsMCwxLDExLDIxLjY1Wm04LjY3LjYxYS42MS42MSwwLDEsMSwwLTEuMjFIMjBhMSwxLDAsMCwwLDEtMXYtLjRhLjYxLjYxLDAsMSwxLDEuMjEsMFYyMEEyLjIxLDIuMjEsMCwwLDEsMjAsMjIuMjZaIi8+PC9zdmc+",label:"Bar Offset"}),(0,g.jsx)(D,{lockObject:this.props.lockObject,label:"",target:n,propertyName:"barOffset"})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTMuNzgsNy4yNGEuNjEuNjEsMCwwLDAtLjQ5LS43MS42LjYsMCwwLDAtLjcuNDhsLS44Myw0LjM1SDcuOTNhLjYyLjYyLDAsMCwwLS42LjYxLjYuNiwwLDAsMCwuNi42MWgzLjZsLS43Niw0SDcuMTJhLjYxLjYxLDAsMCwwLDAsMS4yMWgzLjQyTDkuNzYsMjJhLjYxLjYxLDAsMSwwLDEuMTkuMjJsLjgyLTQuMzVoMi4xNmE1LjE4LDUuMTgsMCwwLDEsLjQ1LTEuMjFIMTJsLjc3LTRoNC40MmwtLjMyLDEuNjlhNC44Niw0Ljg2LDAsMCwxLDEuMzEtLjRsLjI0LTEuMjloMy42NWEuNjEuNjEsMCwwLDAsMC0xLjIxSDE4LjY1bC43OC00LjEyQS42MS42MSwwLDAsMCwxOC4yNCw3bC0uODIsNC4zNUgxM1pNMTQuNiwxOUE0LjQ0LDQuNDQsMCwxLDEsMTksMjMuNDgsNC40NCw0LjQ0LDAsMCwxLDE0LjYsMTlabTQuNTksMi44LjA2LDAsMCwwLDIuMDUtMi4wNS4wNS0uMDZhLjQuNCwwLDAsMC0uNTYtLjU2bC0uMDYuMDUtMS4zMywxLjMzVjE2LjE0YS40LjQsMCwwLDAtLjMzLS4zM0gxOWEuNC40LDAsMCwwLS4zMy4zM3Y0LjM1bC0xLjMyLTEuMzMtLjA2LS4wNWEuNDMuNDMsMCwwLDAtLjQ2LDBsLS4wNi4wNSwwLC4wNWEuMzkuMzksMCwwLDAsMCwuNDZsMCwuMDYsMiwyLDAsMCwuMDYsMCwuMDcsMGguMTNsLjA3LDBaIi8+PC9zdmc+",label:"Minimum Value"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"",target:n,propertyName:"minimum",arrows:!0})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTMuNzgsNy4yNGEuNjEuNjEsMCwwLDAtLjQ5LS43MS42LjYsMCwwLDAtLjcuNDhsLS44Myw0LjM1SDcuOTNhLjYyLjYyLDAsMCwwLS42LjYxLjYuNiwwLDAsMCwuNi42MWgzLjZsLS43Niw0SDcuMTJhLjYxLjYxLDAsMCwwLDAsMS4yMWgzLjQyTDkuNzYsMjJhLjYxLjYxLDAsMSwwLDEuMTkuMjJsLjgyLTQuMzVoMi4xNmE1LjE4LDUuMTgsMCwwLDEsLjQ1LTEuMjFIMTJsLjc3LTRoNC40MmwtLjMyLDEuNjlhNC44Niw0Ljg2LDAsMCwxLDEuMzEtLjRsLjI0LTEuMjloMy42NWEuNjEuNjEsMCwwLDAsMC0xLjIxSDE4LjY1bC43OC00LjEyQS42MS42MSwwLDAsMCwxOC4yNCw3bC0uODIsNC4zNUgxM1pNMTksMTQuNkE0LjQ0LDQuNDQsMCwxLDEsMTQuNiwxOSw0LjQ0LDQuNDQsMCwwLDEsMTksMTQuNlptLjEsMS42My0uMDcsMGgtLjEzbC0uMDcsMC0uMDYsMCwwLDAtMiwyLDAsLjA2YS4zOS4zOSwwLDAsMCwwLC40NmwwLC4wNS4wNiwwYS40My40MywwLDAsMCwuNDYsMGwuMDYsMCwxLjMyLTEuMzN2NC4zNWEuNC40LDAsMCwwLC4zMy4zMmguMTRhLjQuNCwwLDAsMCwuMzMtLjMyVjE3LjU5bDEuMzMsMS4zMy4wNiwwYS40LjQsMCwwLDAsLjU2LS41NmwtLjA1LS4wNkwxOS4yOSwxNi4zbDAsMC0uMDYsMFoiLz48L3N2Zz4=",label:"Maximum Value"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"",target:n,propertyName:"maximum",arrows:!0})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTQuMTgsNy42NEEuNjEuNjEsMCwwLDAsMTMsNy40MWwtLjgyLDQuMzZIOC4zM2EuNjEuNjEsMCwwLDAsMCwxLjIxaDMuNmwtLjc3LDRINy41M2EuNjEuNjEsMCwxLDAsMCwxLjIxSDExbC0uNzksNC4xM2EuNjEuNjEsMCwwLDAsLjQ5LjcxLjYuNiwwLDAsMCwuNy0uNDhsLjgzLTQuMzZIMTYuNmwtLjc4LDQuMTNhLjYxLjYxLDAsMSwwLDEuMTkuMjNsLjgyLTQuMzZoMy44NGEuNjEuNjEsMCwwLDAsMC0xLjIxaC0zLjZsLjc3LTRoMy42NGEuNjEuNjEsMCwxLDAsMC0xLjIxSDE5LjA2bC43OC00LjEyYS42MS42MSwwLDAsMC0uNDktLjcxLjYuNiwwLDAsMC0uNy40OGwtLjgzLDQuMzVIMTMuNFptLTEsNS4zNGg0LjQybC0uNzYsNEgxMi40MVoiLz48L3N2Zz4=",label:"Initial Value"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"",target:n,propertyName:"value",arrows:!0})]}),(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"THUMB",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuMzMsMTguMDV2MGExLjQzLDEuNDMsMCwwLDAsMS4yMi4zOXYyLjlhMS44NSwxLjg1LDAsMCwxLTEuNzIsMS44NEgxMC4yOGExLjg1LDEuODUsMCwwLDEtMS44NC0xLjcydi0zYTEuNDIsMS40MiwwLDAsMCwxLjEyLS4zbC4xMS0uMXYzLjNhLjYyLjYyLDAsMCwwLC41My42MWg5LjUyYS42Mi42MiwwLDAsMCwuNjEtLjUzVjE4LjA1Wk05LjA4LDEyLjUxYS42MS42MSwwLDAsMSwuMDYuOGwtLjA2LjA3LTEsMWgzLjFhLjU4LjU4LDAsMCwxLC41NC42Mi41OS41OSwwLDAsMS0uNDcuNjFIOC4wOGwxLDFhLjYxLjYxLDAsMCwxLC4wNi44bC0uMDYuMDdhLjYyLjYyLDAsMCwxLS44LjA1bC0uMDctLjA1TDYuMjcsMTUuNTRhLjY1LjY1LDAsMCwxLDAtMS4wOGwxLjk0LTJBLjYyLjYyLDAsMCwxLDkuMDgsMTIuNTFabTExLjg0LDBhLjYxLjYxLDAsMCwxLC44LS4wNmwuMDcuMDYsMS45NCwxLjk0QS42My42MywwLDAsMSwyNCwxNWEuNjcuNjcsMCwwLDEtLjIyLjVsLS4wNywwLTEuOTQsMS45NC0uMDcuMDZhLjYyLjYyLDAsMCwxLS43MiwwbC0uMDgtLjA3LS4wNi0uMDdhLjYuNiwwLDAsMSwwLS43MmwuMDYtLjA4LDEtMUgxOC43NWEuNTkuNTksMCwwLDEtLjQ3LS42MS41OC41OCwwLDAsMSwuNDctLjYxaDMuMTdsLTEtMS0uMDYtLjA3QS42MS42MSwwLDAsMSwyMC45MiwxMi41MVpNMTkuNzIsNi44YTEuODUsMS44NSwwLDAsMSwxLjg0LDEuNzJ2M2ExLjQ0LDEuNDQsMCwwLDAtMS4xMi4zMWwtLjExLjFWOC42NEEuNjIuNjIsMCwwLDAsMTkuOCw4SDEwLjI4YS42Mi42MiwwLDAsMC0uNjEuNTN2My4zOGgwYTEuNDQsMS40NCwwLDAsMC0xLjIyLS40VjguNjRBMS44NSwxLjg1LDAsMCwxLDEwLjE2LDYuOGg5LjU2WiIvPjwvc3ZnPg==",label:"Display Thumb"}),(0,g.jsx)(ar,{label:"DISPLAY THUMB",target:n,propertyName:"displayThumb",onValueChanged:()=>this.forceUpdate()})]}),n.displayThumb&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTUsOC4xM0E2Ljg3LDYuODcsMCwxLDAsMjEuODcsMTUsNi44Niw2Ljg2LDAsMCwwLDE1LDguMTNaTTYuOTEsMTVBOC4wOSw4LjA5LDAsMSwxLDE1LDIzLjA5LDguMDksOC4wOSwwLDAsMSw2LjkxLDE1WiIvPjwvc3ZnPg==",label:"Thumb Circular"}),(0,g.jsx)(ar,{label:"CIRCULAR",target:n,propertyName:"isThumbCircle"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMjEyMTIxO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTE5LjQ3LDIwLjNjLjUxLDAsMS42OS0uMjEsMS42OS0yLjEycy0xLjE4LTIuMTItMS42OS0yLjEyaC0uOTZ2LS44OGguMDljLjM0LDAsLjYyLS4yOCwuNjItLjYycy0uMjgtLjYyLS42Mi0uNjJoLTEuNDZjLS4zNCwwLS42MiwuMjgtLjYyLC42MnMuMjgsLjYyLC42MiwuNjJoLjEydi44OGgtNC4xN3YtNi4wMmg2LjA4Yy41MSwwLDEuNjgtLjIxLDEuNjgtMi4xMnMtMS4xOC0yLjEyLTEuNjgtMi4xMmgtNi4yYy0yLjI3LDAtNC4xMiwxLjg1LTQuMTIsNC4xMnY2LjI3YzAsMi4yNywxLjg1LDQuMTIsNC4xMiw0LjEyaDQuM3YyLjY3aC0uNzhjLS4zNCwwLS42MiwuMjgtLjYyLC42MnMuMjgsLjYyLC42MiwuNjJoMi44MWMuMzQsMCwuNjItLjI4LC42Mi0uNjJzLS4yOC0uNjItLjYyLS42MmgtLjc4di0yLjY3aC45NlptLTkuMzgtNC4xMnYtNi4yN2MwLTEuNTksMS4yOS0yLjg4LDIuODgtMi44OGg2LjJjLjE3LDAsLjQzLDAsLjQzLC44OHMtLjI2LC44OC0uNDMsLjg4aC02LjJjLS42MiwwLTEuMTIsLjUtMS4xMiwxLjEydjYuMjdjMCwuNjIsLjUsMS4xMiwxLjEyLDEuMTJoNi41Yy4xNywwLC40NCwwLC40NCwuODhzLS4yNiwuODgtLjQ0LC44OGgtNi41Yy0xLjU4LDAtMi44OC0xLjI5LTIuODgtMi44OFoiLz48L3N2Zz4=",label:"Thumb Clamped to Edges"}),(0,g.jsx)(ar,{label:"CLAMPED",target:n,propertyName:"isThumbClamped"})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:wo,label:"Width"}),(0,g.jsx)(D,{lockObject:this.props.lockObject,label:"",target:n,propertyName:"thumbWidth"})]})]})]})}}class bo extends t.Component{constructor(e){super(e)}render(){const e=this.props.sliders;return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(ho,{lockObject:this.props.lockObject,controls:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState}),(0,g.jsx)(mo,{sliders:e,lockObject:this.props.lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})}}const jo="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNNy43MywxMEEyLjIzLDIuMjMsMCwwLDEsMTAsNy43M2gxMC4xQTIuMjMsMi4yMywwLDAsMSwyMi4yNywxMHYxMC4xYTIuMjMsMi4yMywwLDAsMS0yLjIyLDIuMjJIMTBhMi4yMywyLjIzLDAsMCwxLTIuMjItMi4yMlptMi4yMi0xYTEsMSwwLDAsMC0xLDF2MTAuMWExLDEsMCwwLDAsMSwxaDEwLjFhMSwxLDAsMCwwLDEtMVYxMGExLDEsMCwwLDAtMS0xWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjwvc3ZnPg==";class fo extends t.Component{constructor(e){super(e)}onDashChange(e){const t=e.split(",");for(const e of this.props.lines)e.dash=[],t.forEach((t=>{const n=parseInt(t);isNaN(n)||e.dash.push(n)}));this.forceUpdate()}render(){const{lines:e,onPropertyChangedObservable:t,lockObject:n}=this.props,r=f(e,t);let o=e[0].dash;for(const t of e){if(0===o.length)break;t.dash.length!==o.length&&(o=[]),o.forEach(((e,n)=>{t.dash[n]!==e&&(o=[])}))}const i=o.join(",");return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(C,{label:"LINE",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGRlZnM+PHN0eWxlPi5ie2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImIiIGQ9Ik0yMS4yMyw0Ljc5djUuODhjMCwuMjctLjIxLC40OC0uNDgsLjQ4cy0uNDctLjIxLS40Ny0uNDhWNS4zOWwtLjk2LC4zOGMtLjA4LC4wMy0uMTgsLjA2LS4yNSwuMDYtLjI0LDAtLjQzLS4xOS0uNDMtLjQzLDAtLjE0LC4wNi0uMzIsLjMtLjQybDEuNDctLjU5Yy4wOC0uMDIsLjItLjA5LC4zNC0uMDksLjI4LDAsLjQ4LC4yMSwuNDgsLjQ5WiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMTYuNTEsMTUuMDFjMCwuMzMsLjI3LC42MSwuNjEsLjYxaDQuNTlsLS41OCwuNThjLS4yNCwuMjQtLjI0LC42MiwwLC44NiwuMjQsLjI0LC42MiwuMjQsLjg2LDBsMS42MS0xLjYxYy4yNC0uMjQsLjI0LS42MiwwLS44NmwtMS42MS0xLjYxYy0uMjQtLjI0LS42Mi0uMjQtLjg2LDAtLjI0LC4yNC0uMjQsLjYyLDAsLjg2bC41OCwuNThoLTQuNTljLS4zMywwLS42MSwuMjctLjYxLC42MVptLTMuNjMtLjYxaC00LjU5bC41OC0uNThjLjI0LS4yNCwuMjQtLjYyLDAtLjg2LS4yNC0uMjQtLjYyLS4yNC0uODYsMGwtMS42MSwxLjYxYy0uMjQsLjI0LS4yNCwuNjIsMCwuODZsMS42MSwxLjYxYy4yNCwuMjQsLjYyLC4yNCwuODYsMCwuMjQtLjI0LC4yNC0uNjIsMC0uODZsLS41OC0uNThoNC41OWMuMzMsMCwuNjEtLjI3LC42MS0uNjEsMC0uMzMtLjI3LS42MS0uNjEtLjYxWm0yLjA5LS45MmMuMzMsMCwuNjEtLjI3LC42MS0uNjF2LTQuNTlsLjU4LC41OGMuMjQsLjI0LC42MiwuMjQsLjg2LDAsLjI0LS4yNCwuMjQtLjYyLDAtLjg2bC0xLjYxLTEuNjFjLS4yNC0uMjQtLjYyLS4yNC0uODYsMGwtMS42MSwxLjYxYy0uMjQsLjI0LS4yNCwuNjIsMCwuODYsLjI0LC4yNCwuNjIsLjI0LC44NiwwbC41OC0uNTh2NC41OWMwLC4zMywuMjcsLjYxLC42MSwuNjFabS0uNjEsMy42M3Y0LjU5bC0uNTgtLjU4Yy0uMjQtLjI0LS42Mi0uMjQtLjg2LDAtLjI0LC4yNC0uMjQsLjYyLDAsLjg2bDEuNjEsMS42MWMuMjQsLjI0LC42MiwuMjQsLjg2LDBsMS42MS0xLjYxYy4yNC0uMjQsLjI0LS42MiwwLS44Ni0uMjQtLjI0LS42Mi0uMjQtLjg2LDBsLS41OCwuNTh2LTQuNTljMC0uMzMtLjI3LS42MS0uNjEtLjYxcy0uNjEsLjI3LS42MSwuNjFaIi8+PC9zdmc+",label:"Position 1"}),(0,g.jsx)(D,{lockObject:n,label:"X",target:r,propertyName:"x1"}),(0,g.jsx)(D,{lockObject:n,label:"Y",target:r,propertyName:"y1"})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGRlZnM+PHN0eWxlPi5ie2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImIiIGQ9Ik0yMy42NSwxMC44YzAsLjI4LS4yMSwuNDYtLjQ2LC40NmgtMy41M2MtLjI5LDAtLjUtLjE5LS41LS41LDAtLjIxLC4wOC0uMzcsLjI4LS41N2wyLjAzLTIuMTFjLjUyLS41MywuODQtMS4wOCwuODQtMS42NywwLS42My0uNDYtMS4wNS0xLjA4LTEuMDUtLjU2LDAtLjkyLC4zMS0xLjE2LC42Mi0uMDksLjExLS4yLC4yMi0uNDEsLjIyLS4yNSwwLS40NS0uMTYtLjQ2LS40MSwwLS4xNCwuMDUtLjI3LC4xMi0uMzgsLjMtLjUyLC45Ny0xLDEuOTQtMSwxLjI5LDAsMi4wNSwuODUsMi4wNSwxLjk1LDAsLjc3LS4zNiwxLjQ2LTEuMDksMi4yMmwtMS42OSwxLjc2aDIuNjVjLjI2LDAsLjQ2LC4xOCwuNDYsLjQ2WiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMTYuNTEsMTUuMDFjMCwuMzMsLjI3LC42MSwuNjEsLjYxaDQuNTlsLS41OCwuNThjLS4yNCwuMjQtLjI0LC42MiwwLC44NiwuMjQsLjI0LC42MiwuMjQsLjg2LDBsMS42MS0xLjYxYy4yNC0uMjQsLjI0LS42MiwwLS44NmwtMS42MS0xLjYxYy0uMjQtLjI0LS42Mi0uMjQtLjg2LDAtLjI0LC4yNC0uMjQsLjYyLDAsLjg2bC41OCwuNThoLTQuNTljLS4zMywwLS42MSwuMjctLjYxLC42MVptLTMuNjMtLjYxaC00LjU5bC41OC0uNThjLjI0LS4yNCwuMjQtLjYyLDAtLjg2LS4yNC0uMjQtLjYyLS4yNC0uODYsMGwtMS42MSwxLjYxYy0uMjQsLjI0LS4yNCwuNjIsMCwuODZsMS42MSwxLjYxYy4yNCwuMjQsLjYyLC4yNCwuODYsMCwuMjQtLjI0LC4yNC0uNjIsMC0uODZsLS41OC0uNThoNC41OWMuMzMsMCwuNjEtLjI3LC42MS0uNjEsMC0uMzMtLjI3LS42MS0uNjEtLjYxWm0yLjA5LS45MmMuMzMsMCwuNjEtLjI3LC42MS0uNjF2LTQuNTlsLjU4LC41OGMuMjQsLjI0LC42MiwuMjQsLjg2LDAsLjI0LS4yNCwuMjQtLjYyLDAtLjg2bC0xLjYxLTEuNjFjLS4yNC0uMjQtLjYyLS4yNC0uODYsMGwtMS42MSwxLjYxYy0uMjQsLjI0LS4yNCwuNjIsMCwuODYsLjI0LC4yNCwuNjIsLjI0LC44NiwwbC41OC0uNTh2NC41OWMwLC4zMywuMjcsLjYxLC42MSwuNjFabS0uNjEsMy42M3Y0LjU5bC0uNTgtLjU4Yy0uMjQtLjI0LS42Mi0uMjQtLjg2LDAtLjI0LC4yNC0uMjQsLjYyLDAsLjg2bDEuNjEsMS42MWMuMjQsLjI0LC42MiwuMjQsLjg2LDBsMS42MS0xLjYxYy4yNC0uMjQsLjI0LS42MiwwLS44Ni0uMjQtLjI0LS42Mi0uMjQtLjg2LDBsLS41OCwuNTh2LTQuNTljMC0uMzMtLjI3LS42MS0uNjEtLjYxcy0uNjEsLjI3LS42MSwuNjFaIi8+PC9zdmc+",label:"Position 2"}),(0,g.jsx)(D,{lockObject:n,label:"X",target:r,propertyName:"x2"}),(0,g.jsx)(D,{lockObject:n,label:"Y",target:r,propertyName:"y2"})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:jo,label:"Line Width"}),(0,g.jsx)(N,{lockObject:n,label:"",target:r,propertyName:"lineWidth",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),min:0,arrows:!0})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGRlZnM+PHN0eWxlPi5ie2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PGc+PHBhdGggY2xhc3M9ImIiIGQ9Ik0xNi40Nyw4Ljk1aC0yLjk4Yy0uMzMsMC0uNi0uMjctLjYtLjZzLjI3LS42LC42LS42aDIuOThjLjMzLDAsLjYsLjI3LC42LC42cy0uMjcsLjYtLjYsLjZaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik04LjMsMTEuNmMtLjMzLDAtLjYtLjI3LS42LS42di0xYzAtMS4yNCwxLjAxLTIuMjUsMi4yNS0yLjI1aDFjLjMzLDAsLjYsLjI3LC42LC42cy0uMjcsLjYtLjYsLjZoLTFjLS41OCwwLTEuMDUsLjQ3LTEuMDUsMS4wNXYxYzAsLjMzLS4yNywuNi0uNiwuNloiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTIxLjcsMTEuNmMtLjMzLDAtLjYtLjI3LS42LS42di0xYzAtLjU4LS40Ny0xLjA1LTEuMDUtMS4wNWgtMWMtLjMzLDAtLjYtLjI3LS42LS42cy4yNy0uNiwuNi0uNmgxYzEuMjQsMCwyLjI1LDEuMDEsMi4yNSwyLjI1djFjMCwuMzMtLjI3LC42LS42LC42WiIvPjwvZz48Zz48cGF0aCBjbGFzcz0iYiIgZD0iTTguMzUsMTcuMTFjLS4zMywwLS42LS4yNy0uNi0uNnYtMi45OGMwLS4zMywuMjctLjYsLjYtLjZzLjYsLjI3LC42LC42djIuOThjMCwuMzMtLjI3LC42LS42LC42WiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMTEsMjIuM2gtMWMtMS4yNCwwLTIuMjUtMS4wMS0yLjI1LTIuMjV2LTFjMC0uMzMsLjI3LS42LC42LS42cy42LC4yNywuNiwuNnYxYzAsLjU4LC40NywxLjA1LDEuMDUsMS4wNWgxYy4zMywwLC42LC4yNywuNiwuNnMtLjI3LC42LS42LC42WiIvPjwvZz48Zz48cGF0aCBjbGFzcz0iYiIgZD0iTTE2LjUxLDIyLjI1aC0yLjk4Yy0uMzMsMC0uNi0uMjctLjYtLjZzLjI3LS42LC42LS42aDIuOThjLjMzLDAsLjYsLjI3LC42LC42cy0uMjcsLjYtLjYsLjZaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0yMC4wNSwyMi4yNWgtMWMtLjMzLDAtLjYtLjI3LS42LS42cy4yNy0uNiwuNi0uNmgxYy41OCwwLDEuMDUtLjQ3LDEuMDUtMS4wNXYtMWMwLS4zMywuMjctLjYsLjYtLjZzLjYsLjI3LC42LC42djFjMCwxLjI0LTEuMDEsMi4yNS0yLjI1LDIuMjVaIi8+PC9nPjxwYXRoIGNsYXNzPSJiIiBkPSJNMjEuNjUsMTcuMDdjLS4zMywwLS42LS4yNy0uNi0uNnYtMi45OGMwLS4zMywuMjctLjYsLjYtLjZzLjYsLjI3LC42LC42djIuOThjMCwuMzMtLjI3LC42LS42LC42WiIvPjwvc3ZnPg==",label:"Dash Pattern"}),(0,g.jsx)(D,{lockObject:n,label:"",target:r,value:i,onChange:e=>this.onDashChange(e)})]}),(0,g.jsx)("hr",{}),(0,g.jsx)(ho,{hideDimensions:!0,lockObject:n,controls:e,onPropertyChangedObservable:t,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState})]})}}const yo="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjUsMTIuNzZBMi4yMSwyLjIxLDAsMCwxLDI3LjI0LDE1VjI1QTIuMjEsMi4yMSwwLDAsMSwyNSwyNy4yNEgxNUEyLjIxLDIuMjEsMCwwLDEsMTIuNzYsMjVWMTVBMi4yMSwyLjIxLDAsMCwxLDE1LDEyLjc2Wk0yNSwxNEgxNWExLDEsMCwwLDAtMSwxVjI1YTEsMSwwLDAsMCwxLDFIMjVhMSwxLDAsMCwwLDEtMVYxNUExLDEsMCwwLDAsMjUsMTRabS02LjY0LDgsNS4yMS01LjJhLjU5LjU5LDAsMCwxLC44NSwwLC42MS42MSwwLDAsMSwuMDYuNzhsLS4wNi4wNy01LjYzLDUuNjNhLjYuNiwwLDAsMS0uNzkuMDZMMTgsMjMuMjRsLTIuNDEtMi40MWEuNjEuNjEsMCwwLDEsMC0uODUuNi42LDAsMCwxLC43OS0uMDZsLjA2LjA2LDIsMiw1LjIxLTUuMloiIHN0eWxlPSJmaWxsOiMzMzMiLz48L3N2Zz4=";class xo extends t.Component{constructor(e){super(e)}render(){const e=this.props.radioButtons;return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(ho,{lockObject:this.props.lockObject,controls:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState}),(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"RADIO BUTTON",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:jo,label:"Stroke Weight"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"",target:f(e,this.props.onPropertyChangedObservable),propertyName:"thickness",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0,digits:2})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:oo,label:"Check Size Ratio"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"",target:f(e,this.props.onPropertyChangedObservable),propertyName:"checkSizeRatio",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0,digits:2})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:jo,label:"Name of Group"}),(0,g.jsx)(D,{lockObject:this.props.lockObject,label:"",target:f(e,this.props.onPropertyChangedObservable),propertyName:"group"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:yo,label:"Is Checked"}),(0,g.jsx)(ar,{label:"CHECKED",target:f(e,this.props.onPropertyChangedObservable),propertyName:"isChecked"})]})]})}}const No=Number.MAX_SAFE_INTEGER;class So extends t.Component{_remapValueIn(e){return this.props.allowNullValue&&null===e?No:e}_remapValueOut(e){return this.props.allowNullValue&&e===No?null:e}_getValue(e){return e.extractValue?e.extractValue(e.target):e.target&&e.propertyName?e.target[e.propertyName]:e.options[e.defaultIfNull||0]}constructor(e){super(e),this._localChange=!1,this.state={value:this._remapValueIn(this._getValue(e))}}shouldComponentUpdate(e,t){if(this._localChange)return this._localChange=!1,!0;const n=this._remapValueIn(e.extractValue?e.extractValue(this.props.target):e.target[e.propertyName]);return null!=n&&n!==t.value&&(t.value=n,!0)}raiseOnPropertyChanged(e,t){this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:this.props.target,property:this.props.propertyName,value:e,initialValue:t,allowNullValue:this.props.allowNullValue})}setValue(e){this.setState({value:e})}updateValue(e){const t=this.props.valuesAreStrings?e:parseInt(e);this._localChange=!0;const n=this.props.extractValue?this.props.extractValue(this.props.target):this.props.target[this.props.propertyName];this.props.noDirectUpdate||(this.props.target[this.props.propertyName]=this._remapValueOut(t)),this.setState({value:t}),this.props.onSelect&&this.props.onSelect(t);const r=this.props.extractValue?this.props.extractValue(this.props.target):this.props.target[this.props.propertyName];this.raiseOnPropertyChanged(r,n)}onCopyClick(){if(this.props&&this.props.target){const{className:e,babylonNamespace:t}=b(this.props.target);m("globalThis.debugNode."+this.props.propertyName+" = "+this.props.target[this.props.propertyName]+";// (debugNode as "+t+e+")")}else m("undefined")}render(){return(0,g.jsxs)("div",{className:"listLine"+(this.props.className?" "+this.props.className:""),children:[this.props.icon&&(0,g.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,color:"black",className:"icon"}),(0,g.jsx)("div",{className:"label",title:this.props.label,children:this.props.label}),(0,g.jsx)("div",{className:"options",children:(0,g.jsx)("select",{onChange:e=>this.updateValue(e.target.value),value:this.state.value??"",children:this.props.options.map(((e,t)=>(0,g.jsx)("option",{selected:e.selected,value:e.value,title:e.label,children:e.label},e.label+t)))})}),(0,g.jsx)("div",{className:"copy hoverIcon",onClick:()=>this.onCopyClick(),title:"Copy to clipboard",children:(0,g.jsx)("img",{src:x,alt:"Copy"})})]})}}class vo extends t.Component{constructor(e){super(e)}render(){const{onPropertyChangedObservable:e}=this.props,t=this.props.textBlocks,n=f(t,e),r=[{label:"Clip",value:a.TextWrapping.Clip},{label:"Ellipsis",value:a.TextWrapping.Ellipsis},{label:"Word wrap",value:a.TextWrapping.WordWrap}];return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(ho,{lockObject:this.props.lockObject,controls:t,onPropertyChangedObservable:this.props.onPropertyChangedObservable,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState}),(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"TEXTBLOCK",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:no,label:"Text"}),(0,g.jsx)(D,{lockObject:this.props.lockObject,label:" ",target:n,propertyName:"text"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTAuMzUsOC45M2ExLjQzLDEuNDMsMCwwLDAtMS40MiwxLjQydjEuMjFhLjYxLjYxLDAsMSwxLTEuMjEsMFYxMC4zNWEyLjYzLDIuNjMsMCwwLDEsMi42My0yLjYzaDEuMjFhLjYxLjYxLDAsMSwxLDAsMS4yMVoiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNMjEuMDcsMTAuMzVhMS40MywxLjQzLDAsMCwwLTEuNDItMS40MkgxOC40NGEuNjEuNjEsMCwxLDEsMC0xLjIxaDEuMjFhMi42MywyLjYzLDAsMCwxLDIuNjMsMi42M3YxLjIxYS42MS42MSwwLDEsMS0xLjIxLDBaIiBzdHlsZT0iZmlsbDojMzMzIi8+PHBhdGggZD0iTTIxLjA3LDE5LjY1YTEuNDMsMS40MywwLDAsMS0xLjQyLDEuNDJIMTguNDRhLjYxLjYxLDAsMSwwLDAsMS4yMWgxLjIxYTIuNjMsMi42MywwLDAsMCwyLjYzLTIuNjNWMTguNDRhLjYxLjYxLDAsMSwwLTEuMjEsMFoiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNOC45MywxOS42NWExLjQzLDEuNDMsMCwwLDAsMS40MiwxLjQyaDEuMjFhLjYxLjYxLDAsMSwxLDAsMS4yMUgxMC4zNWEyLjYzLDIuNjMsMCwwLDEtMi42My0yLjYzVjE4LjQ0YS42MS42MSwwLDEsMSwxLjIxLDBaIiBzdHlsZT0iZmlsbDojMzMzIi8+PHBhdGggZD0iTTEyLDEwLjE1QTEuODEsMS44MSwwLDAsMCwxMC4xNSwxMlYxOEExLjgxLDEuODEsMCwwLDAsMTIsMTkuODVIMThBMS44MSwxLjgxLDAsMCwwLDE5Ljg1LDE4VjEyQTEuODEsMS44MSwwLDAsMCwxOCwxMC4xNVpNMTEuMzYsMTJhLjYxLjYxLDAsMCwxLC42MS0uNjFIMThhLjYxLjYxLDAsMCwxLC42MS42MVYxOGEuNjEuNjEsMCwwLDEtLjYxLjYxSDEyYS42MS42MSwwLDAsMS0uNjEtLjYxWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjwvc3ZnPg==",label:"Automatically resize the text block to fit the size of the text"}),(0,g.jsx)(ar,{label:"RESIZE TO FIT",target:n,propertyName:"resizeToFit"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNNy4xMyw4LjM0YS42MS42MSwwLDEsMCwwLDEuMjFIMjIuMDZhLjYxLjYxLDAsMSwwLDAtMS4yMVoiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNNy4xMywxMy41OWEuNjEuNjEsMCwxLDAsMCwxLjIxSDIwLjI1YTIsMiwwLDAsMSwwLDRIMTYuNjZsLjU4LS41OWEuNi42LDAsMCwwLS44NS0uODVMMTQuNzcsMTlhLjYyLjYyLDAsMCwwLDAsLjg2bDEuNjIsMS42MWEuNi42LDAsMCwwLC44NS0uODVsLS41OC0uNThoMy41OWEzLjIzLDMuMjMsMCwwLDAsMC02LjQ2WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik02LjUyLDE5LjQ0YS42LjYsMCwwLDEsLjYxLS42aDUuMjVhLjYxLjYxLDAsMCwxLDAsMS4yMUg3LjEzQS42MS42MSwwLDAsMSw2LjUyLDE5LjQ0WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjwvc3ZnPg==",label:"Text Wrapping"}),(0,g.jsx)(So,{label:" ",options:r,target:n,propertyName:"textWrapping"})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMjEuMjEsNy44OCwyMi44Myw5LjVhLjYxLjYxLDAsMCwxLS44Ni44NmwtLjU4LS41OHYzLjhhLjYxLjYxLDAsMCwxLS42MS42MS42MS42MSwwLDAsMS0uNjEtLjYxVjkuNzhsLS41OC41OGEuNjEuNjEsMCwwLDEtLjg2LS44NmwxLjYyLTEuNjJhLjYuNiwwLDAsMSwuNDMtLjE4aDBhLjU5LjU5LDAsMCwxLC4yMywwQS42My42MywwLDAsMSwyMS4yMSw3Ljg4WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik03LDkuOTNhLjYxLjYxLDAsMCwxLC42MS0uNjFoNi44OWEuNjEuNjEsMCwwLDEsLjYxLjYxLjYxLjYxLDAsMCwxLS42MS42MUg3LjZBLjYxLjYxLDAsMCwxLDcsOS45M1oiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNNywxNS4yYS42MS42MSwwLDAsMSwuNjEtLjYxaDkuMzNhLjYxLjYxLDAsMCwxLC42LjYxLjYuNiwwLDAsMS0uNi42MUg3LjZBLjYxLjYxLDAsMCwxLDcsMTUuMloiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNNy42LDE5Ljg3YS42MS42MSwwLDEsMCwwLDEuMjFoNi44OWEuNjEuNjEsMCwxLDAsMC0xLjIxWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik0yMC4xNywyMC4yMnYtMy44YS42MS42MSwwLDAsMSwuNjEtLjYxLjYxLjYxLDAsMCwxLC42MS42MXYzLjhsLjU4LS41OGEuNjEuNjEsMCwwLDEsLjg2Ljg2bC0xLjYyLDEuNjJhLjYzLjYzLDAsMCwxLS4yLjEzLjY1LjY1LDAsMCwxLS4yLjA1aDBhLjU5LjU5LDAsMCwxLS4yMy0uMDUuNTMuNTMsMCwwLDEtLjItLjEzTDE4LjczLDIwLjVhLjYxLjYxLDAsMCwxLC44Ni0uODZaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+",label:"Line Spacing"}),(0,g.jsx)(D,{lockObject:this.props.lockObject,label:" ",target:n,propertyName:"lineSpacing"})]}),(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"OUTLINE",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:jo,label:"Outline Width"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:" ",target:n,propertyName:"outlineWidth",arrows:!0,min:0,unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),step:"0.01"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:so,label:"Outline Color"}),(0,g.jsx)(Tr,{lockObject:this.props.lockObject,label:" ",target:n,propertyName:"outlineColor"})]})]})}}const Do="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTE3Ljg3LDEyLjE1Yy4yLS4yLC41MS0uMiwuNzEsMGwyLjUsMi41Yy4yLC4yLC4yLC41MSwwLC43MWwtMi41LDIuNWMtLjIsLjItLjUxLC4yLS43MSwwLS4yLS4yLS4yLS41MSwwLS43MWwxLjY1LTEuNjVoLTMuMzZjLS4yOCwwLS41LS4yMi0uNS0uNXMuMjItLjUsLjUtLjVoMy4zNmwtMS42NS0xLjY1Yy0uMi0uMi0uMi0uNTEsMC0uNzFabS0xMC40Ni0zLjAzYy4yNiwwLC40NywuMTksLjUsLjQ0djEwLjgxYzAsLjI4LS4yMiwuNS0uNSwuNS0uMjYsMC0uNDctLjE5LS41LS40NFY5LjYzYzAtLjI4LC4yMi0uNSwuNS0uNVptMTUuMTcsMGMuMjYsMCwuNDcsLjE5LC41LC40NHYxMC44MWMwLC4yOC0uMjIsLjUtLjUsLjUtLjI2LDAtLjQ3LS4xOS0uNS0uNDRWOS42M2MwLS4yOCwuMjItLjUsLjUtLjVabS0xMC41NiwzLjczbC0xLjY1LDEuNjVoMy4zNmMuMjgsMCwuNSwuMjIsLjUsLjUsMCwuMjgtLjIyLC41LS41LC41aC0zLjM2bDEuNjUsMS42NWMuMiwuMiwuMiwuNTEsMCwuNzEtLjIsLjItLjUxLC4yLS43MSwwbC0yLjUtMi41Yy0uMi0uMi0uMi0uNTEsMC0uNzFsMi41LTIuNWMuMi0uMiwuNTEtLjIsLjcxLDAsLjIsLjIsLjIsLjUxLDAsLjcxWiIvPjwvc3ZnPg==";class Io extends t.Component{constructor(e){super(e)}render(){const{inputTexts:e,onPropertyChangedObservable:t,lockObject:n}=this.props,r=f(e,t);return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(ho,{lockObject:n,controls:e,onPropertyChangedObservable:t,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState}),(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"INPUT TEXT",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTE2LjU1LDExLjk2Yy0uMiwwLS4zOSwuMDgtLjUzLC4yMi0uMTQsLjE0LS4yMiwuMzMtLjIyLC41M3MuMDgsLjM5LC4yMiwuNTNjLjE0LC4xNCwuMzMsLjIyLC41MywuMjJoMS41NXY0Ljk5YzAsMS42OCwxLjM3LDMuMDQsMy4wNCwzLjA0aDEuMTVjLjQxLDAsLjc1LS4zMywuNzUtLjc1cy0uMzMtLjc1LS43NS0uNzVoLTEuMTVjLS44NSwwLTEuNTUtLjctMS41NS0xLjU1di00Ljk5aDIuN2MuMiwwLC4zOS0uMDgsLjUzLS4yMiwuMTQtLjE0LC4yMi0uMzMsLjIyLS41M3MtLjA4LS4zOS0uMjItLjUzYy0uMTQtLjE0LS4zMy0uMjItLjUzLS4yMmgtMi43di0yLjdjMC0uNDEtLjMzLS43NS0uNzUtLjc1cy0uNzUsLjMzLS43NSwuNzV2Mi43aC0xLjU1Wm0tOC44My0zLjQ0Yy0uNDEsMC0uNzUsLjMzLS43NSwuNzVzLjMzLC43NSwuNzUsLjc1aDIuN3YxMC43M2MwLC40MSwuMzMsLjc1LC43NSwuNzVzLjc1LS4zMywuNzUtLjc1VjEwLjAxaDIuN2MuNDEsMCwuNzUtLjMzLC43NS0uNzVzLS4zMy0uNzUtLjc1LS43NUg3LjcxWiIvPjwvc3ZnPg==",label:"Text"}),(0,g.jsx)(D,{lockObject:n,label:"",target:r,propertyName:"text"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTE1LjY1LDEzLjQ1Yy4yLDAsLjM5LS4wOCwuNTMtLjIyLC4xNC0uMTQsLjIyLS4zMywuMjItLjUzcy0uMDgtLjM5LS4yMi0uNTNjLS4xNC0uMTQtLjMzLS4yMi0uNTMtLjIyaC0yLjd2LTIuN2MwLS40MS0uMzMtLjc1LS43NS0uNzVzLS43NSwuMzMtLjc1LC43NXYyLjdoLTEuNTVjLS4yLDAtLjM5LC4wOC0uNTMsLjIyLS4xNCwuMTQtLjIyLC4zMy0uMjIsLjUzcy4wOCwuMzksLjIyLC41M2MuMTQsLjE0LC4zMywuMjIsLjUzLC4yMmgxLjU1djQuOTljMCwxLjY4LDEuMzcsMy4wNCwzLjA0LDMuMDRoMS4xNWMuNDEsMCwuNzUtLjMzLC43NS0uNzVzLS4zMy0uNzUtLjc1LS43NWgtMS4xNWMtLjg1LDAtMS41NS0uNy0xLjU1LTEuNTV2LTQuOTloMi43WiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMjAuMjEsNC44MmMtLjM0LDAtLjYyLC4yOC0uNjIsLjYyVjI0LjU1YzAsLjM0LC4yOCwuNjIsLjYyLC42MnMuNjItLjI4LC42Mi0uNjJWNS40NWMwLS4zNC0uMjgtLjYyLS42Mi0uNjJaIi8+PC9zdmc+",label:"Prompt Text"}),(0,g.jsx)(D,{lockObject:n,label:"",target:r,propertyName:"promptMessage"})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:wo,label:"Max Width"}),(0,g.jsx)(D,{lockObject:n,label:"",target:r,propertyName:"maxWidth"})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTIwLjM4LDguNjJjLjQyLDAsLjgxLC4wOCwxLjE5LC4yNXMuNzEsLjM5LDEsLjY4LC41MiwuNjIsLjY4LDFjLjE3LC4zOCwuMjUsLjc4LC4yNiwxLjJ2Ni41MWMwLC40Mi0uMDgsLjgxLS4yNSwxLjE5cy0uMzksLjcxLS42OCwxLS42MiwuNTItMSwuNjgtLjc4LC4yNS0xLjIsLjI2SDkuMTVjLS4zNSwwLS42OS0uMDctMS4wMS0uMnMtLjYtLjMyLS44NS0uNTYtLjQ0LS41Mi0uNTgtLjgzYy0uMTQtLjMyLS4yMi0uNjUtLjIyLTEuMDF2LTcuNTZjMC0uMzUsLjA3LS42OCwuMjEtMSwuMTQtLjMyLC4zMy0uNTksLjU2LS44MnMuNTItLjQyLC44My0uNTYsLjY1LS4yMiwxLS4yMmgxMS4yOVptLS4wNywyLjEzdi0xLjA2SDkuNjh2MS4wNmgxMC42M1ptLTExLjctLjk3Yy0uMjMsLjA4LS40MiwuMi0uNTksLjM3cy0uMjksLjM3LS4zOCwuNmguOTd2LS45N1ptMTMuNTQsLjk3Yy0uMTktLjMzLS40NS0uNTktLjc4LS43OHYuNzhoLjc4Wm0tMTMuNTQsMS4wNmgtMS4wNnY2LjM4aDEuMDZ2LTYuMzhabTExLjcsMEg5LjY4djYuMzhoMTAuNjN2LTYuMzhabTIuMTMsMGgtMS4wNnY2LjM4aDEuMDZ2LTYuMzhabS0xNC44LDcuNDRjLjA4LC4yMywuMjEsLjQzLC4zNywuNnMuMzcsLjMsLjYsLjM3di0uOTdoLS45N1ptMi4wNCwwdjEuMDZoMTAuNjN2LTEuMDZIOS42OFptMTEuNywuNzhjLjMzLS4xOSwuNTktLjQ1LC43OC0uNzhoLS43OHYuNzhaIi8+PC9zdmc+",label:"Margins"}),(0,g.jsx)(D,{lockObject:n,label:"",target:r,propertyName:"margin"})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:jo,label:"Border Thickness"}),(0,g.jsx)(N,{lockObject:n,label:"",target:r,propertyName:"thickness",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0,digits:2})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:Do,label:"Automatically Stretch Width"}),(0,g.jsx)(ar,{label:"AUTO STRETCH",target:r,propertyName:"autoStretchWidth"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTIxLjk1LDkuNzhjLjcyLC4yNSwxLjIzLC45MywxLjIzLDEuNzR2OC4xOGMwLDEuOTItMS41NiwzLjQ4LTMuNDgsMy40OEgxMS41MmMtLjgsMC0xLjQ5LS41MS0xLjc0LTEuMjNoOS45MmMxLjI0LDAsMi4yNS0xLDIuMjUtMi4yNVY5Ljc4Wm0tMi42Ni0yLjk3YzEuMDIsMCwxLjg0LC44MiwxLjg0LDEuODR2MTAuNjRjMCwxLjAyLS44MiwxLjg0LTEuODQsMS44NEg4LjY2Yy0xLjAyLDAtMS44NC0uODItMS44NC0xLjg0VjguNjZjMC0xLjAyLC44Mi0xLjg0LDEuODQtMS44NGgxMC42NFptMCwxLjIzSDguNjZjLS4zNCwwLS42MSwuMjctLjYxLC42MXYxMC42NGMwLC4zNCwuMjcsLjYxLC42MSwuNjFoMTAuNjRjLjM0LDAsLjYxLS4yNywuNjEtLjYxVjguNjZjMC0uMzQtLjI3LS42MS0uNjEtLjYxWm0tNi4yNyw2LjQzbDMuMTgtMy4xOGMuMjQtLjI0LC42My0uMjQsLjg3LDAsLjIyLC4yMiwuMjQsLjU2LC4wNiwuOGwtLjA2LC4wNy0zLjY4LDMuNjhjLS4yNCwuMjQtLjYzLC4yNC0uODYsMGwtLjA2LS4wNy0xLjIzLTEuNjRjLS4yLS4yNy0uMTUtLjY2LC4xMi0uODYsLjI1LS4xOCwuNTktLjE2LC44LC4wNWwuMDYsLjA3LC44LDEuMDcsMy4xOC0zLjE4LTMuMTgsMy4xOFoiLz48L3N2Zz4=",label:"When Input is Focus, Select All"}),(0,g.jsx)(ar,{label:"ON FOCUS, SELECT ALL",target:r,propertyName:"onFocusSelectAll"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTIxLjc3LDYuOGMuMzEsMCwuNTcsLjIzLC42MSwuNTN2My43N2MwLC45NS0uNzIsMS43My0xLjY0LDEuODN2MS44NWMwLC45OC0uNzYsMS43OC0xLjcyLDEuODRoLS4zM3YyLjI5YzAsLjY3LS4zNiwxLjI4LS45NCwxLjZsLS4xMywuMDctNS40NCwyLjU1Yy0uMzgsLjE4LS44Mi0uMDctLjg3LS40N3YtNi4wM2gtLjIxYy0uOTgsMC0xLjc3LS43Ni0xLjg0LTEuNzJ2LTEuOThjLS44OC0uMS0xLjU3LS44MS0xLjY0LTEuN3YtMy44MmMwLS4zNCwuMjctLjYxLC42MS0uNjEsLjMxLDAsLjU3LC4yMywuNjEsLjUzdjMuNzdjMCwuMzEsLjI0LC41NywuNTQsLjYxaDExLjE1Yy4zMSwwLC41Ny0uMjMsLjYxLS41M3YtMy43N2MwLS4zNCwuMjgtLjYxLC42Mi0uNjFabS00LjMxLDkuODNoLTQuOTJ2NC45OGw0LjU2LTIuMTRjLjE5LS4wOSwuMzItLjI3LC4zNS0uNDd2LTIuMzhabTIuMDYtMy42OEgxMC40OXYxLjg0YzAsLjMxLC4yMywuNTcsLjUzLC42MWg3Ljg3Yy4zMSwwLC41Ny0uMjMsLjYxLS41M3YtMS45MloiLz48L3N2Zz4=",label:"Highlight Color"}),(0,g.jsx)(Tr,{lockObject:n,label:"",target:r,propertyName:"textHighlightColor"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:ro,label:"Highlight Opacity"}),(0,g.jsx)(S,{lockObject:n,label:"",minimum:0,maximum:1,step:.01,target:r,propertyName:"highligherOpacity"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:so,label:"Background Color when Focused"}),(0,g.jsx)(Tr,{lockObject:n,label:"",target:r,propertyName:"focusedBackground"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTEyLjI3LDcuNDJINS4zOGMtLjQxLDAtLjc1LC4zMy0uNzUsLjc1cy4zMywuNzUsLjc1LC43NWgyLjd2MTAuNzNjMCwuNDEsLjMzLC43NSwuNzUsLjc1cy43NS0uMzMsLjc1LS43NVY4LjkxaDIuN2MuNDEsMCwuNzUtLjMzLC43NS0uNzVzLS4zMy0uNzUtLjc1LS43NVoiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTE3LjI1LDEyLjM1aDIuN2MuMiwwLC4zOS0uMDgsLjUzLS4yMiwuMTQtLjE0LC4yMi0uMzMsLjIyLS41M3MtLjA4LS4zOS0uMjItLjUzYy0uMTQtLjE0LS4zMy0uMjItLjUzLS4yMmgtMi43di0yLjdjMC0uNDEtLjMzLS43NS0uNzUtLjc1cy0uNzUsLjMzLS43NSwuNzV2Mi43aC0xLjU1Yy0uMiwwLS4zOSwuMDgtLjUzLC4yMi0uMTQsLjE0LS4yMiwuMzMtLjIyLC41M3MuMDgsLjM5LC4yMiwuNTNjLjE0LC4xNCwuMzMsLjIyLC41MywuMjJoMS41NXY0Ljk5YzAsLjUsLjE0LC45NywuMzUsMS4zOSwuMjMtLjc1LC42Mi0xLjQzLDEuMTQtMnYtNC4zOVoiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTIyLjIxLDIwLjEzaC0xLjA3di0xLjQ5YzAtLjM0LS4yOC0uNjItLjYyLS42MnMtLjYyLC4yOC0uNjIsLjYydjIuMTJjMCwuMzQsLjI4LC42MiwuNjIsLjYyaDEuNjljLjM0LDAsLjYyLS4yOCwuNjItLjYycy0uMjgtLjYyLS42Mi0uNjJaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0yMS4wNCwxNS45M2MtMi4zOSwwLTQuMzMsMS45NC00LjMzLDQuMzNzMS45NCw0LjMzLDQuMzMsNC4zMyw0LjMzLTEuOTQsNC4zMy00LjMzLTEuOTQtNC4zMy00LjMzLTQuMzNabTAsNy40Yy0xLjcsMC0zLjA4LTEuMzgtMy4wOC0zLjA4czEuMzgtMy4wOCwzLjA4LTMuMDgsMy4wOCwxLjM4LDMuMDgsMy4wOC0xLjM4LDMuMDgtMy4wOCwzLjA4WiIvPjwvc3ZnPg==",label:"Placeholder Text"}),(0,g.jsx)(D,{lockObject:n,label:"",target:r,propertyName:"placeholderText"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:io,label:"Placeholder Color"}),(0,g.jsx)(Tr,{lockObject:n,label:"",target:r,propertyName:"placeholderColor"})]})]})}}class Eo extends t.Component{constructor(e){super(e)}render(){const e=this.props.colorPickers;return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(ho,{lockObject:this.props.lockObject,controls:e,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState}),(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"COLOR PICKER",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:so,label:"Color Picker Value"}),(0,g.jsx)(Tr,{label:"",target:f(e,this.props.onPropertyChangedObservable),propertyName:"value",disableAlpha:!0,lockObject:this.props.lockObject})]})]})}}const To="data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjIuNDMsMTlhLjYuNiwwLDAsMSwuMDksMS4yaC0yLjN2Mi4yMWEuNi42LDAsMCwxLS42LjYxLjYxLjYxLDAsMCwxLS42LS41MnYtMi4zSDEyLjM5YTIuNjEsMi42MSwwLDAsMS0yLjYxLTIuNDZWMTFINy41NmEuNi42LDAsMCwxLS4wOC0xLjJIOS43N1Y3LjU3YS42LjYsMCwwLDEsLjYtLjYxLjYxLjYxLDAsMCwxLC42LjUydjIuM2gwVjExaDB2Ni42M0ExLjQsMS40LDAsMCwwLDEyLjI3LDE5SDIyLjQzWk0xMS43OCw5Ljc4aDUuODNhMi42MiwyLjYyLDAsMCwxLDIuNjEsMi40NnY2SDE5VjEyLjM5QTEuNCwxLjQsMCwwLDAsMTcuNzMsMTFoLTZaIi8+PC9zdmc+",ko="data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjEuNzIsNy42N2gtNS4zYS42Mi42MiwwLDAsMC0uNjEuNjEuNjEuNjEsMCwwLDAsLjYxLjYxaDMuODJMMTYsMTMuMTRhLjYyLjYyLDAsMCwwLC44Ny44N2w0LjI1LTQuMjV2My44MmEuNjEuNjEsMCwwLDAsLjYxLjYxLjYyLjYyLDAsMCwwLC42MS0uNjFWOC4yOEEuNjIuNjIsMCwwLDAsMjEuNzIsNy42N1oiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yMS43MiwxNS44MWEuNjEuNjEsMCwwLDAtLjYxLjYydjMuMjVhMS40MywxLjQzLDAsMCwxLTEuNDMsMS40M0gxNVYxNy4yNEEyLjI0LDIuMjQsMCwwLDAsMTIuNzYsMTVIOC44OVYxMC4zMmExLjQzLDEuNDMsMCwwLDEsMS40My0xLjQzaDMuMjVhLjYxLjYxLDAsMCwwLC42Mi0uNjEuNjIuNjIsMCwwLDAtLjYyLS42MUgxMC4zMmEyLjY1LDIuNjUsMCwwLDAtMi42NSwyLjY1djkuMzZhMi42NSwyLjY1LDAsMCwwLDIuNjUsMi42NWg5LjM2YTIuNjUsMi42NSwwLDAsMCwyLjY1LTIuNjVWMTYuNDNBLjYyLjYyLDAsMCwwLDIxLjcyLDE1LjgxWm0tNy45NCw1LjNIMTAuMzJhMS40MywxLjQzLDAsMCwxLTEuNDMtMS40M1YxNi4yMmgzLjg3YTEsMSwwLDAsMSwxLDFaIi8+PC9zdmc+";class zo extends t.Component{constructor(e){super(e),this._observers=new Map,this.updateObservers([],e.images)}shouldComponentUpdate(e){return this.updateObservers(this.props.images,e.images),!0}updateObservers(e,t){for(const n of t)e.includes(n)||this._observers.set(n,n.onImageLoadedObservable.add((()=>this.forceUpdate())));for(const n of e)t.includes(n)||(n.onImageLoadedObservable.remove(this._observers.get(n)),this._observers.delete(n))}componentWillUnmount(){this.updateObservers(this.props.images,[])}toggleAnimations(e){for(const t of this.props.images)e?(t.cellId=0,t.cellWidth=t.imageWidth,t.cellHeight=t.imageHeight):t.cellId=-1}getMaxCells(){let e=Number.MAX_SAFE_INTEGER;for(const t of this.props.images){if(0===t.cellWidth||0===t.cellHeight)continue;const n=Math.ceil(t.imageWidth/t.cellWidth)*Math.ceil(t.imageHeight/t.cellHeight)-1;n<e&&(e=n)}return e}updateCellSize(){const e=this.getMaxCells();for(const t of this.props.images)t.cellId>e&&(t.cellId=e);this.forceUpdate()}render(){const e=this.props.images,t=e[0],n=f(e,this.props.onPropertyChangedObservable),r=[{label:"None",value:a.Image.STRETCH_NONE},{label:"Fill",value:a.Image.STRETCH_FILL},{label:"Uniform",value:a.Image.STRETCH_UNIFORM},{label:"Extend",value:a.Image.STRETCH_EXTEND},{label:"NinePatch",value:a.Image.STRETCH_NINE_PATCH}],o=e.every((e=>-1!==e.cellId)),i=this.getMaxCells(),s=Math.max(...e.map((e=>e.imageWidth))),l=Math.max(...e.map((e=>e.imageHeight)));return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(ho,{lockObject:this.props.lockObject,controls:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState}),(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"IMAGE",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTIuNzgsMTFhLjYuNiwwLDAsMSwuMDksMS4ySDExYTIuODIsMi44MiwwLDAsMC0uMTcsNS42NGgyYS42MS42MSwwLDAsMSwuNjEuNjEuNjIuNjIsMCwwLDEtLjUyLjZIMTFhNCw0LDAsMCwxLS4yLTguMDZoMlpNMTksMTFhNCw0LDAsMCwxLC4yLDguMDZoLTJhLjYuNiwwLDAsMS0uMDktMS4ySDE5YTIuODIsMi44MiwwLDAsMCwuMTctNS42NGgtMmEuNjEuNjEsMCwwLDEtLjYxLS42MS42Mi42MiwwLDAsMSwuNTItLjZIMTlaTTExLDE0LjRIMTlhLjYuNiwwLDAsMSwuMDgsMS4ySDExYS42LjYsMCwwLDEtLjA4LTEuMloiLz48L3N2Zz4=",label:"Source"}),(0,g.jsx)(D,{lockObject:this.props.lockObject,label:" ",target:n,propertyName:"source"})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:To,label:"Crop"}),(0,g.jsx)(D,{lockObject:this.props.lockObject,label:"L",target:n,propertyName:"sourceLeft",numeric:!0,arrows:!0,min:0,placeholder:"0",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0})}),(0,g.jsx)(D,{lockObject:this.props.lockObject,label:"T",target:n,propertyName:"sourceTop",numeric:!0,arrows:!0,min:0,placeholder:"0",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0})})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:To,label:"Crop"}),(0,g.jsx)(D,{lockObject:this.props.lockObject,label:"W",target:n,propertyName:"sourceWidth",numeric:!0,arrows:!0,min:0,placeholder:Math.max(...e.map((e=>e.imageWidth))).toString(),unit:(0,g.jsx)(uo,{unit:"PX",locked:!0})}),(0,g.jsx)(D,{lockObject:this.props.lockObject,label:"H",target:n,propertyName:"sourceHeight",numeric:!0,arrows:!0,min:0,placeholder:Math.max(...e.map((e=>e.imageHeight))).toString(),unit:(0,g.jsx)(uo,{unit:"PX",locked:!0})})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:ko,label:"Autoscale"}),(0,g.jsx)(ar,{label:"AUTOSCALE",target:n,propertyName:"autoScale",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTEuNzcsMTIuOTNhLjYxLjYxLDAsMCwxLC4wNi44NmwtLjU0LjYxSDEzLjZhLjYuNiwwLDAsMSwwLDEuMkgxMS4yOWwuNTQuNjFhLjYxLjYxLDAsMCwxLS45Mi44TDkuNSwxNS40YS42MS42MSwwLDAsMSwwLS44TDEwLjkxLDEzQS42MS42MSwwLDAsMSwxMS43NywxMi45M1ptNi40Mi44NmEuNjEuNjEsMCwxLDEsLjkxLS44bDEuNDEsMS42MWEuNjEuNjEsMCwwLDEsMCwuOEwxOS4xLDE3YS42MS42MSwwLDEsMS0uOTEtLjhsLjUzLS42MUgxNi40MWEuNi42LDAsMCwxLDAtMS4yaDIuMzFaTTYuOTMsMTAuMzZBMS44MiwxLjgyLDAsMCwxLDguNzUsOC41NWgxMi41YTEuODEsMS44MSwwLDAsMSwxLjgxLDEuODF2OS4yOGExLjgxLDEuODEsMCwwLDEtMS44MSwxLjgxSDguNzVhMS44MiwxLjgyLDAsMCwxLTEuODItMS44MVptMS44Mi0uNmEuNi42LDAsMCwwLS42MS42djkuMjhhLjYuNiwwLDAsMCwuNjEuNmgxMi41YS42LjYsMCwwLDAsLjYtLjZWMTAuMzZhLjYuNiwwLDAsMC0uNi0uNloiLz48L3N2Zz4=",label:"Stretch"}),(0,g.jsx)(So,{label:" ",options:r,target:n,propertyName:"stretch",onSelect:e=>this.setState({mode:e})})]}),1===e.length&&t.stretch===a.Image.STRETCH_NINE_PATCH&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:To,label:"Slice Horizontal"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"L",target:t,propertyName:"sliceLeft",onChange:()=>{t.populateNinePatchSlicesFromImage=!1,this.forceUpdate()}}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"R",target:t,propertyName:"sliceRight",onChange:()=>{t.populateNinePatchSlicesFromImage=!1,this.forceUpdate()}})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:To,label:"Slice Vertical"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"T",target:t,propertyName:"sliceTop",onChange:()=>{t.populateNinePatchSlicesFromImage=!1,this.forceUpdate()}}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"B",target:t,propertyName:"sliceBottom",onChange:()=>{t.populateNinePatchSlicesFromImage=!1,this.forceUpdate()}})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:ko,label:"Populate Nine Patch Slices From Image"}),(0,g.jsx)(ar,{label:"SLICE FROM IMAGE",target:t,propertyName:"populateNinePatchSlicesFromImage",onValueChanged:()=>{this.forceUpdate(),t._markAsDirty()}})]})]}),(0,g.jsx)("hr",{}),(0,g.jsx)(ar,{iconLabel:"animationSheet",icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMzAgMzAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04LjU2LDguNTZoOC44NUExLjYxLDEuNjEsMCwwLDEsMTksMTAuMTdWMTUuOGExLjYxLDEuNjEsMCwwLDEtMS42MSwxLjYxSDguNTZBMS42MSwxLjYxLDAsMCwxLDcsMTUuOFYxMC4xN0ExLjYxLDEuNjEsMCwwLDEsOC41Niw4LjU2Wm04Ljg1LDEuMjFIOC41NmEuNC40LDAsMCwwLS40LjRWMTUuOGEuNC40LDAsMCwwLC40LjQxaDguODVhLjQxLjQxLDAsMCwwLC40MS0uNDFWMTAuMTdBLjQuNCwwLDAsMCwxNy40MSw5Ljc3Wk05LDE4LjIyYTEuNjIsMS42MiwwLDAsMCwxLjU2LDEuMjFoNy4yNUEzLjIyLDMuMjIsMCwwLDAsMjEsMTYuMjF2LTRhMS42MiwxLjYyLDAsMCwwLTEuMjEtMS41NnY1LjU5YTIsMiwwLDAsMS0yLDJabTIsMmExLjYxLDEuNjEsMCwwLDAsMS41NiwxLjIxaDUuODNhNC42Myw0LjYzLDAsMCwwLDQuNjMtNC42M1YxNC4yYTEuNiwxLjYsMCwwLDAtMS4yMS0xLjU2djQuMTdhMy40MiwzLjQyLDAsMCwxLTMuNDIsMy40MloiLz48L3N2Zz4=",label:"ANIMATION SHEET",target:f(e,this.props.onPropertyChangedObservable,(e=>-1!==e.cellId)),onValueChanged:()=>{this.toggleAnimations(!o),this.forceUpdate()}}),o&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("div",{className:"ge-divider double",children:(0,g.jsx)(N,{iconLabel:"Cell Id",icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTQuMTEsMTEuMzlhLjYyLjYyLDAsMCwxLC40OC43MWwtLjE4Ljg5aDJsLjIyLTEuMTJhLjYxLjYxLDAsMCwxLC43MS0uNDguNi42LDAsMCwxLC40Ny43MWwtLjE3Ljg5aC43OWEuNjEuNjEsMCwwLDEsMCwxLjIxaC0xbC0uMzMsMS42aDFBLjYxLjYxLDAsMCwxLDE4LDE3aC0xLjJsLS4yMiwxLjEzYS42Mi42MiwwLDAsMS0uNzEuNDcuNjEuNjEsMCwwLDEtLjQ4LS43MWwuMTgtLjg5aC0ybC0uMjIsMS4xM2EuNjEuNjEsMCwwLDEtLjcxLjQ3LjYuNiwwLDAsMS0uNDctLjcxbC4xNy0uODloLS43OWEuNjEuNjEsMCwwLDEsMC0xLjIxaDFsLjMzLTEuNkgxMkEuNjEuNjEsMCwwLDEsMTIsMTNoMS4ybC4yMi0xLjEyQS42Mi42MiwwLDAsMSwxNC4xMSwxMS4zOVptLS4yNiw0LjQxaDJsLjMyLTEuNmgtMlpNNy43NiwxMC4zN2EyLjYxLDIuNjEsMCwwLDEsMi42MS0yLjYxaDkuMjZhMi42MSwyLjYxLDAsMCwxLDIuNjEsMi42MXY5LjI2YTIuNjEsMi42MSwwLDAsMS0yLjYxLDIuNjFIMTAuMzdhMi42MSwyLjYxLDAsMCwxLTIuNjEtMi42MVpNMTAuMzcsOUExLjQsMS40LDAsMCwwLDksMTAuMzd2OS4yNmExLjQsMS40LDAsMCwwLDEuNCwxLjRoOS4yNmExLjQsMS40LDAsMCwwLDEuNC0xLjRWMTAuMzdBMS40LDEuNCwwLDAsMCwxOS42Myw5WiIvPjwvc3ZnPg==",lockObject:this.props.lockObject,label:"",isInteger:!0,target:n,propertyName:"cellId",min:0,max:i})}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(N,{icon:to,lockObject:this.props.lockObject,label:"W",target:n,propertyName:"cellWidth",isInteger:!0,onChange:()=>this.updateCellSize(),min:1,max:s}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"H",target:n,propertyName:"cellHeight",isInteger:!0,onChange:()=>this.updateCellSize(),min:1,max:l})]})]})]})}}class Oo extends t.Component{constructor(e){super(e)}render(){const e=this.props.imageBasedSliders;return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(ho,{lockObject:this.props.lockObject,controls:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState}),(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"IMAGE LINKS",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTUsNi45MUE4LjA5LDguMDksMCwxLDAsMjMuMDksMTUsOC4wOSw4LjA5LDAsMCwwLDE1LDYuOTFabTAsMS4yMkE2Ljg3LDYuODcsMCwwLDEsMjAuNTksMTlsLTQuMzItNC4yMy0uMTEtLjA5YTEuOCwxLjgsMCwwLDAtMi40My4wOUw5LjQxLDE5QTYuODcsNi44NywwLDAsMSwxNSw4LjEzWk0xMC4yLDE5LjkxbDQuMzgtNC4yOS4wNywwYS41OC41OCwwLDAsMSwuNzcsMGw0LjM4LDQuMjlhNi44Niw2Ljg2LDAsMCwxLTkuNiwwWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE3LjYyLDEzLjQ0YTEuODEsMS44MSwwLDEsMC0xLjgyLTEuODFBMS44MSwxLjgxLDAsMCwwLDE3LjYyLDEzLjQ0Wm0wLTIuNDFhLjYxLjYxLDAsMSwxLS42MS42QS42LjYsMCwwLDEsMTcuNjIsMTFaIi8+PC9zdmc+",label:"Thumb Image Link"}),(0,g.jsx)(D,{lockObject:this.props.lockObject,target:f(e.map((e=>e.thumbImage)),this.props.onPropertyChangedObservable),label:"",propertyName:"source"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTcuNjIsMTAuNTRBMS44MSwxLjgxLDAsMSwwLDE1LjgsOC43MywxLjgxLDEuODEsMCwwLDAsMTcuNjIsMTAuNTRabTAtMi40MWEuNi42LDAsMCwxLC42LjYuNjEuNjEsMCwxLDEtMS4yMSwwQS42LjYsMCwwLDEsMTcuNjIsOC4xM1oiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yMS43NSwxOC41OEg4LjI1YTIuMjUsMi4yNSwwLDAsMCwwLDQuNWgxMy41YTIuMjUsMi4yNSwwLDAsMCwwLTQuNVptMCwzSDguMjVhLjc1Ljc1LDAsMCwxLDAtMS41aDEzLjVhLjc1Ljc1LDAsMCwxLDAsMS41WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTcuMjIsMTcuMzhIMjIuNTVhLjUuNSwwLDAsMCwuNDQtLjUuNTEuNTEsMCwwLDAtLjUxLS41SDIwLjg3bC00LjYtNC41MS0uMTEtLjA5YTEuOCwxLjgsMCwwLDAtMi40My4wOWwtNC42LDQuNTFoLTJhLjUxLjUxLDAsMCwwLS40My41QS41LjUsMCwwLDAsNy4yMiwxNy4zOFptNy4zNi00LjY2LjA3LS4wNmEuNTkuNTksMCwwLDEsLjc3LjA2bDMuNzMsMy42NWgtOC4zWiIvPjwvc3ZnPg==",label:"Value Bar Image Link"}),(0,g.jsx)(D,{lockObject:this.props.lockObject,target:f(e.map((e=>e.valueBarImage)),this.props.onPropertyChangedObservable),label:"",propertyName:"source",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTUuODEsMTEuNzdBMS44MiwxLjgyLDAsMSwwLDE3LjYzLDEwLDEuODEsMS44MSwwLDAsMCwxNS44MSwxMS43N1ptMS44Mi0uNjFhLjYxLjYxLDAsMSwxLS42MS42MUEuNjEuNjEsMCwwLDEsMTcuNjMsMTEuMTZaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjEuMDYsOS4zNEgxOC40M2EyLjU1LDIuNTUsMCwwLDEsMS40NSwxLjIxaDEuMThBMi40MywyLjQzLDAsMCwxLDIzLjQ5LDEzVjE3YTIuNDMsMi40MywwLDAsMS0yLjQzLDIuNDJIMjAuOWwtNC42My00LjUzLS4xLS4xYTEuODIsMS44MiwwLDAsMC0yLjQ0LjFMOS4xLDE5LjQ1SDguOTRBMi40MywyLjQzLDAsMCwxLDYuNTEsMTdWMTNhMi40MywyLjQzLDAsMCwxLDIuNDMtMi40Mmg2LjQ0YTIuNTQsMi41NCwwLDAsMSwxLjQ2LTEuMjFIOC45NEEzLjY0LDMuNjQsMCwwLDAsNS4zLDEzVjE3YTMuNjQsMy42NCwwLDAsMCwzLjY0LDMuNjNIMjEuMDZBMy42NCwzLjY0LDAsMCwwLDI0LjcsMTdWMTNBMy42NCwzLjY0LDAsMCwwLDIxLjA2LDkuMzRabS02LjQ4LDYuNDUuMDYtLjA2YS42MS42MSwwLDAsMSwuNzguMDZsMy43NSwzLjY2SDEwLjgzWiIvPjwvc3ZnPg==",label:"Background Image Link"}),(0,g.jsx)(D,{lockObject:this.props.lockObject,target:f(e.map((e=>e.backgroundImage)),this.props.onPropertyChangedObservable),label:"",propertyName:"source",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}),(0,g.jsx)(mo,{sliders:e,lockObject:this.props.lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})}}class Yo extends t.Component{render(){const{containers:e,onPropertyChangedObservable:t}=this.props,n=f(e,t);return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMjAuNDgsMTEuMzVIMTguNjVWOS41MmExLjkzLDEuOTMsMCwwLDAsMC0uMjQsMi41MywyLjUzLDAsMCwwLS4zOC0xLjE1TDE4LjIsOGEyLjYyLDIuNjIsMCwwLDAtMS45NC0xLjE1SDkuNTJBMi42NCwyLjY0LDAsMCwwLDYuODgsOS41MlYxNmEyLDIsMCwwLDAsMCwuMjUsMi42NiwyLjY2LDAsMCwwLC4zOCwxLjE0bC4wNi4wOWEyLjY3LDIuNjcsMCwwLDAsLjguNzcsMi41MywyLjUzLDAsMCwwLDEuMTUuMzhoMi4wN3YxLjgzQTIuNjQsMi42NCwwLDAsMCwxNCwyMy4xMmg2LjVhMi42NCwyLjY0LDAsMCwwLDIuNjQtMi42NFYxNEEyLjY0LDIuNjQsMCwwLDAsMjAuNDgsMTEuMzVabS0zLTEuODN2MWwtLjg3Ljg3SDE1LjA1TDE3LjM1LDlBMS4yOCwxLjI4LDAsMCwxLDE3LjQ0LDkuNTJabTAsM1YxNkExLjQzLDEuNDMsMCwwLDEsMTYsMTcuNDRIMTIuNTZWMTRBMS40MywxLjQzLDAsMCwxLDE0LDEyLjU2Wm0tOS4zNC0zQTEuNDEsMS40MSwwLDAsMSw5LjUyLDguMWguNTZsLTIsMlptMCwyLjI4LDMuNy0zLjdoMS41M0w4LjEsMTMuMzNabTMuMjUsNC43Ny0uODcuODdoLTFBMS4yOCwxLjI4LDAsMCwxLDksMTcuMzVsMi4zMS0yLjNabS4xMS0zLjM2TDguMTgsMTYuNDlBMS41MSwxLjUxLDAsMCwxLDguMSwxNnYtMWw3LTdoMWExLjUsMS41LDAsMCwxLC40Ny4wOGwtMy4yOCwzLjI4QTIuNjgsMi42OCwwLDAsMCwxMS40NiwxMy4yMVpNMjEuOSwyMC40OGExLjQxLDEuNDEsMCwwLDEtMS40MiwxLjQySDE0YTEuNDIsMS40MiwwLDAsMS0xLjQyLTEuNDJWMTguNjVIMTZBMi42NCwyLjY0LDAsMCwwLDE4LjY1LDE2VjEyLjU2aDEuODNBMS40MiwxLjQyLDAsMCwxLDIxLjksMTRaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+",label:"Clips content outside the bounding box of this control"}),(0,g.jsx)(ar,{label:"CLIP CONTENT",target:n,propertyName:"clipContent"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTIyLjE4LDEyLjgzaC02LjVjLTEuNDUsMC0yLjYyLDEuMTgtMi42MiwyLjYydjYuMzVjMCwxLjQ1LDEuMTgsMi42MiwyLjYyLDIuNjJoNi41YzEuNDUsMCwyLjYyLTEuMTgsMi42Mi0yLjYydi02LjM1YzAtMS40NS0xLjE4LTIuNjItMi42Mi0yLjYyWm0xLjM4LDguOTdjMCwuNzYtLjYyLDEuMzgtMS4zOCwxLjM4aC02LjVjLS43NiwwLTEuMzgtLjYyLTEuMzgtMS4zOHYtNi4zNWMwLS43NiwuNjItMS4zOCwxLjM4LTEuMzhoNi41Yy43NiwwLDEuMzgsLjYyLDEuMzgsMS4zOHY2LjM1WiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMTMuNzcsOC4yNmMwLTEuNDUtMS4xOC0yLjYyLTIuNjItMi42MmgtMy4xNGMtMS40NSwwLTIuNjIsMS4xOC0yLjYyLDIuNjJ2My4wM2MwLDEuNDUsMS4xOCwyLjYyLDIuNjIsMi42MmgzLjE0YzEuNDUsMCwyLjYyLTEuMTgsMi42Mi0yLjYydi0zLjAzWm0tMi4yNy0xLjMybC00Ljc5LDQuNzljLS4wNS0uMTQtLjA4LS4yOC0uMDgtLjQ0di0uODVsMy41NS0zLjU1aC45NmMuMTIsMCwuMjQsLjAyLC4zNiwuMDVabS0zLjQ5LS4wNWguNDFsLTEuNzksMS43OXYtLjQxYzAtLjc2LC42Mi0xLjM4LDEuMzgtMS4zOFptLS40LDUuNzJsNC44Mi00LjgyYy4wNiwuMTUsLjA5LC4zMSwuMDksLjQ4di44NWwtMy41NSwzLjU1aC0uOTZjLS4xNCwwLS4yNy0uMDMtLjQtLjA3Wm0zLjU0LC4wN2gtLjQxbDEuNzgtMS43OHYuNDFjMCwuNzYtLjYyLDEuMzgtMS4zOCwxLjM4WiIvPjwvc3ZnPg==",label:"Clips child controls to this control's shape"}),(0,g.jsx)(ar,{label:"CLIP CHILDREN",target:n,propertyName:"clipChildren"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:Do,label:"Makes the container's width automatically adapt to its children"}),(0,g.jsx)(ar,{label:"ADAPT WIDTH TO CHILDREN",target:n,propertyName:"adaptWidthToChildren"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTEyLjE1LDEyLjEzYy0uMi0uMi0uMi0uNTEsMC0uNzFsMi41LTIuNWMuMi0uMiwuNTEtLjIsLjcxLDBsMi41LDIuNWMuMiwuMiwuMiwuNTEsMCwuNzEtLjIsLjItLjUxLC4yLS43MSwwbC0xLjY1LTEuNjV2My4zNmMwLC4yOC0uMjIsLjUtLjUsLjVzLS41LS4yMi0uNS0uNXYtMy4zNmwtMS42NSwxLjY1Yy0uMiwuMi0uNTEsLjItLjcxLDBabS0zLjAzLDEwLjQ2YzAtLjI2LC4xOS0uNDcsLjQ0LS41aDEwLjgxYy4yOCwwLC41LC4yMiwuNSwuNXMtLjE5LC40Ny0uNDQsLjVIOS42M2MtLjI4LDAtLjUtLjIyLS41LS41Wm0wLTE1LjE3YzAtLjI2LC4xOS0uNDcsLjQ0LS41aDEwLjgxYy4yOCwwLC41LC4yMiwuNSwuNSwwLC4yNi0uMTksLjQ3LS40NCwuNUg5LjYzYy0uMjgsMC0uNS0uMjItLjUtLjVabTMuNzMsMTAuNTZsMS42NSwxLjY1di0zLjM2YzAtLjI4LC4yMi0uNSwuNS0uNXMuNSwuMjIsLjUsLjV2My4zNmwxLjY1LTEuNjVjLjItLjIsLjUxLS4yLC43MSwwLC4yLC4yLC4yLC41MSwwLC43MWwtMi41LDIuNWMtLjIsLjItLjUxLC4yLS43MSwwbC0yLjUtMi41Yy0uMi0uMi0uMi0uNTEsMC0uNzEsLjItLjIsLjUxLS4yLC43MSwwWiIvPjwvc3ZnPg==",label:"Makes the container's height automatically adapt to its children"}),(0,g.jsx)(ar,{label:"ADAPT HEIGHT TO CHILDREN",target:n,propertyName:"adaptHeightToChildren"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:co,label:"Delegates picking to children controls"}),(0,g.jsx)(ar,{label:"DELEGATE PICKING TO CHILDREN",target:n,propertyName:"delegatePickingToChildren"})]})]})}}const Po="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMjAuNDIsMjIuMjFIOS41N2ExLjc4LDEuNzgsMCwwLDEtMS43OC0xLjc4VjkuNThhMS44LDEuOCwwLDAsMSwyLTEuNzhBMTMuODYsMTMuODYsMCwwLDEsMjIuMiwyMC4yNWgwYTEuOCwxLjgsMCwwLDEtMS43OCwyWk05LjU4LDlhLjUyLjUyLDAsMCwwLS4zNi4xNC41Mi41MiwwLDAsMC0uMTguNFYyMC40M2EuNTMuNTMsMCwwLDAsLjUzLjUzSDIwLjQyYS41Mi41MiwwLDAsMCwuNC0uMTguNTYuNTYsMCwwLDAsLjE0LS40MUExMi42MiwxMi42MiwwLDAsMCw5LjYzLDlaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+";class Bo extends t.Component{constructor(e){super(e)}render(){const{rectangles:e,lockObject:t,onPropertyChangedObservable:n}=this.props,r=f(e,n);return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(ho,{lockObject:t,controls:e,onPropertyChangedObservable:n,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState}),(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"RECTANGLE",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:jo,label:"Stroke Weight"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"",target:r,propertyName:"thickness",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0,digits:2})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:Po,label:"Corner Radius"}),(0,g.jsx)(N,{lockObject:t,label:"",target:r,propertyName:"cornerRadius",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0,digits:2})]}),(0,g.jsxs)("div",{className:"ge-divider quad",children:[(0,g.jsx)(N,{lockObject:t,label:"X",target:r,propertyName:"cornerRadiusX",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0,digits:2}),(0,g.jsx)(N,{lockObject:t,label:"Y",target:r,propertyName:"cornerRadiusY",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0,digits:2}),(0,g.jsx)(N,{lockObject:t,label:"Z",target:r,propertyName:"cornerRadiusZ",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0,digits:2}),(0,g.jsx)(N,{lockObject:t,label:"W",target:r,propertyName:"cornerRadiusW",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0,digits:2})]}),(0,g.jsx)(Yo,{containers:e,onPropertyChangedObservable:n})]})}}class Ro extends t.Component{constructor(e){super(e)}render(){const{stackPanels:e,lockObject:t,onPropertyChangedObservable:n}=this.props,r=f(e,n);return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(ho,{lockObject:t,controls:e,onPropertyChangedObservable:n,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState}),(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"STACKPANEL",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTE0LjM3LDIyLjcydi0xLjA0aC0yLjA5Yy0xLjA0LDAtMS44OC0uODQtMS44OC0xLjg4di0yLjA5YzAtMS4wNCwuODQtMS44OCwxLjg4LTEuODhoMi4wOXYtMS42N2gtMy43NmMtMS4wNCwwLTEuODgtLjg0LTEuODgtMS44OHYtMi4wOWMwLTEuMDQsLjg0LTEuODgsMS44OC0xLjg4aDMuNzZ2LTEuMDRjMC0uMzUsLjI4LS42MywuNjMtLjYzcy42MywuMjgsLjYzLC42M3YxLjA0aDMuNzZjMS4wNCwwLDEuODgsLjg0LDEuODgsMS44OHYyLjA5YzAsMS4wNC0uODQsMS44OC0xLjg4LDEuODhoLTMuNzZ2MS42N2gyLjA5YzEuMDQsMCwxLjg4LC44NCwxLjg4LDEuODh2Mi4wOWMwLDEuMDQtLjg0LDEuODgtMS44OCwxLjg4aC0yLjA5djEuMDRjMCwuMzUtLjI4LC42My0uNjMsLjYzcy0uNjMtLjI4LS42My0uNjNabTMuMzQtMi4zYy4zNSwwLC42My0uMjgsLjYzLS42M3YtMi4wOWMwLS4zNS0uMjgtLjYzLS42My0uNjNoLTUuNDNjLS4zNSwwLS42MywuMjgtLjYzLC42M3YyLjA5YzAsLjM1LC4yOCwuNjMsLjYzLC42M2g1LjQzWm0xLjY3LTcuNTJjLjM1LDAsLjYzLS4yOCwuNjMtLjYzdi0yLjA5YzAtLjM1LS4yOC0uNjMtLjYzLS42M0gxMC42MmMtLjM1LDAtLjYzLC4yOC0uNjMsLjYzdjIuMDljMCwuMzUsLjI4LC42MywuNjMsLjYzaDguNzdaIi8+PC9zdmc+",label:"Determines if children are stacked horizontally or vertically"}),(0,g.jsx)(ar,{label:r.isVertical?"ALIGNMENT: VERTICAL":"ALIGNMENT: HORIZONTAL",target:r,propertyName:"isVertical",onValueChanged:()=>{for(const t of e)for(const e of t.children)r.isVertical?(e.horizontalAlignment=a.StackPanel.HORIZONTAL_ALIGNMENT_CENTER,e._left.value=0,e._height.unit===a.ValueAndUnit.UNITMODE_PERCENTAGE&&u.ConvertToPixels(e,["height"])):(e.verticalAlignment=a.StackPanel.VERTICAL_ALIGNMENT_CENTER,e._top.value=0,e._width.unit===a.ValueAndUnit.UNITMODE_PERCENTAGE&&u.ConvertToPixels(e,["width"]));this.forceUpdate()}})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTIxLjA1LDExLjQ1djIuMzJjMCwuMzYtLjI5LC42NS0uNjUsLjY1cy0uNjUtLjI5LS42NS0uNjV2LTIuMzJsLS4xOSwuMTljLS4yNSwuMjUtLjY2LC4yNS0uOTIsMC0uMjUtLjI1LS4yNS0uNjYsMC0uOTJsMS4zLTEuM2MuMDYtLjA2LC4xMy0uMTEsLjIxLS4xNCwuMDgtLjAzLC4xNi0uMDUsLjI1LS4wNXMuMTcsLjAyLC4yNSwuMDVjLjA4LC4wMywuMTUsLjA4LC4yMSwuMTRsMS4zLDEuM2MuMjUsLjI1LC4yNSwuNjYsMCwuOTItLjI1LC4yNS0uNjYsLjI1LS45MiwwbC0uMTktLjE5Wm0wLDQuOTJ2Mi4zMmwuMTktLjE5Yy4yNS0uMjUsLjY2LS4yNSwuOTIsMCwuMjUsLjI1LC4yNSwuNjYsMCwuOTJsLTEuMywxLjNjLS4yNSwuMjUtLjY2LC4yNS0uOTIsMGwtMS4zLTEuM2MtLjI1LS4yNS0uMjUtLjY2LDAtLjkyLC4yNS0uMjUsLjY2LS4yNSwuOTIsMGwuMTksLjE5di0yLjMyYzAtLjM2LC4yOS0uNjUsLjY1LS42NXMuNjUsLjI5LC42NSwuNjVaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0xNC41NiwxNC4zMmgtNC4yOGMtMS40NSwwLTIuNjItMS4xOC0yLjYyLTIuNjJ2LTMuNTVjMC0xLjQ1LDEuMTgtMi42MiwyLjYyLTIuNjJoNC4yOGMxLjQ1LDAsMi42MiwxLjE4LDIuNjIsMi42MnYzLjU1YzAsMS40NS0xLjE4LDIuNjItMi42MiwyLjYyWm0tNC4yOC03LjU1Yy0uNzYsMC0xLjM4LC42Mi0xLjM4LDEuMzh2My41NWMwLC43NiwuNjIsMS4zOCwxLjM4LDEuMzhoNC4yOGMuNzYsMCwxLjM4LS42MiwxLjM4LTEuMzh2LTMuNTVjMC0uNzYtLjYyLTEuMzgtMS4zOC0xLjM4aC00LjI4WiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMTQuNTYsMjQuNDhoLTQuMjhjLTEuNDUsMC0yLjYyLTEuMTgtMi42Mi0yLjYydi0zLjU1YzAtMS40NSwxLjE4LTIuNjIsMi42Mi0yLjYyaDQuMjhjMS40NSwwLDIuNjIsMS4xOCwyLjYyLDIuNjJ2My41NWMwLDEuNDUtMS4xOCwyLjYyLTIuNjIsMi42MlptLTQuMjgtNy41NWMtLjc2LDAtMS4zOCwuNjItMS4zOCwxLjM4djMuNTVjMCwuNzYsLjYyLDEuMzgsMS4zOCwxLjM4aDQuMjhjLjc2LDAsMS4zOC0uNjIsMS4zOC0xLjM4di0zLjU1YzAtLjc2LS42Mi0xLjM4LTEuMzgtMS4zOGgtNC4yOFoiLz48L3N2Zz4=",label:"Spacing between children"}),(0,g.jsx)(N,{lockObject:t,label:" ",target:r,propertyName:"spacing",onChange:()=>e.forEach((e=>e._markAsDirty())),unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0})]}),(0,g.jsx)(Yo,{containers:e,onPropertyChangedObservable:n})]})}}const Uo="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTUsNi45NEE4LjA2LDguMDYsMCwxLDEsNi45NCwxNSw4LjA2LDguMDYsMCwwLDEsMTUsNi45NFptMCwxLjIxQTYuODUsNi44NSwwLDEsMCwyMS44NSwxNSw2Ljg0LDYuODQsMCwwLDAsMTUsOC4xNVptMy40Myw2LjI1YS42LjYsMCwxLDEsMCwxLjJIMTEuNTdhLjYuNiwwLDAsMSwwLTEuMloiIHN0eWxlPSJmaWxsOiMzMzMiLz48L3N2Zz4=",Go="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTUsNi44OEE4LjEyLDguMTIsMCwxLDEsNi44OCwxNSw4LjEzLDguMTMsMCwwLDEsMTUsNi44OFpNMTUsOC4xQTYuOSw2LjksMCwxLDAsMjEuOSwxNSw2LjksNi45LDAsMCwwLDE1LDguMVptMi44LDQsLjA3LjA1YS42Mi42MiwwLDAsMSwuMDUuOGwtLjA1LjA3LTIsMiwyLDJhLjYyLjYyLDAsMCwxLC4wNS44bC0uMDUuMDdhLjYyLjYyLDAsMCwxLS44LjA1TDE3LDE3Ljg3bC0yLTItMiwyYS42Mi42MiwwLDAsMS0uOC4wNWwtLjA3LS4wNWEuNjIuNjIsMCwwLDEtLjA1LS44bC4wNS0uMDcsMi0yLTItMmEuNjIuNjIsMCwwLDEtLjA1LS44bC4wNS0uMDdhLjYyLjYyLDAsMCwxLC44LS4wNWwuMDcuMDUsMiwyLDItMkEuNjIuNjIsMCwwLDEsMTcuOCwxMi4wOFoiIHN0eWxlPSJmaWxsOiMzMzMiLz48L3N2Zz4=",Zo="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTQuMjEsNmEuNjIuNjIsMCwwLDAtLjg2LDAsLjYyLjYyLDAsMCwwLDAsLjg3bDEuNCwxLjRhNy45MSw3LjkxLDAsMSwwLDguMTcsNy45MXYwYS41OC41OCwwLDAsMC0uNTktLjU2aDBhLjU5LjU5LDAsMCwwLS41OC42MSw2LjcsNi43LDAsMSwxLTctNi43bC0xLjM5LDEuNGEuNi42LDAsMCwwLDAsLjg2LjYyLjYyLDAsMCwwLC44NiwwbDIuNDQtMi40NGEuNi42LDAsMCwwLDAtLjg2Wm00Ljg3LDcuMzFhLjYuNiwwLDAsMSwwLC44NmwtMy42NSwzLjY2YS42Mi42MiwwLDAsMS0uODYsMEwxMi43NCwxNmEuNjEuNjEsMCwwLDEsLjg2LS44NkwxNSwxNi41N2wzLjIyLTMuMjJBLjYuNiwwLDAsMSwxOS4wOCwxMy4zNVoiIHN0eWxlPSJmaWxsOiMzMzMiLz48L3N2Zz4=";class _o extends t.Component{constructor(e){super(e),this._previousGrid=null,this._rowDefinitions=[],this._rowEditFlags=[],this._columnEditFlags=[],this._columnDefinitions=[],this._editedRow=!1,this._editedColumn=!1,this._rowChild=!1,this._columnChild=!1,this.state={removingColumn:!1,removingRow:!1}}renderRows(){return this._rowDefinitions.map(((e,t)=>(0,g.jsx)("div",{className:this.state.removingRow&&t===this._rowEditFlags.length-1?"ge-grid-remove":this._rowEditFlags[t]?"ge-grid-edit":"ge-grid",children:(0,g.jsxs)("div",{className:"ge-grid-divider",children:[(0,g.jsx)(D,{lockObject:this.props.lockObject,label:"",icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJpY29ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMzMzM7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTcuNzQsMTMuMThjMC0xLC44MS0xLjgyLDEuODItMS44MmgxMC44OWMxLDAsMS44Mi44MSwxLjgyLDEuODJ2My42M2MwLDEtLjgxLDEuODItMS44MiwxLjgyaC0xMC44OWMtMSwwLTEuODItLjgxLTEuODItMS44MnYtMy42M1ptMS44Mi0uNjFjLS4zMywwLS42MS4yNy0uNjEuNjF2My42M2MwLC4zMy4yNy42MS42MS42MWgyLjYydi00Ljg0aC0yLjYyWm03LjA2LDQuODR2LTQuODRoLTMuMjN2NC44NGgzLjIzWm0xLjIxLDBoMi42MmMuMzMsMCwuNjEtLjI3LjYxLS42MXYtMy42M2MwLS4zMy0uMjctLjYxLS42MS0uNjFoLTIuNjJ2NC44NFoiLz48L3N2Zz4=",iconLabel:`Row ${t}`,value:e,numbersOnly:!0,onChange:e=>{e!==this._rowDefinitions[t]&&(this._rowDefinitions[t]=e,this._rowEditFlags[t]=!0,this._editedRow=!0,this._rowChild=!1,this.setState({removingRow:!1}))},disabled:this.state.removingRow},`rText${t}-${this.state.removingRow}`),(0,g.jsx)(C,{tooltip:"",label:`[${t}]`,value:"",color:"grey"}),this.state.removingRow&&t===this._rowEditFlags.length-1&&(0,g.jsx)(C,{icon:Fr,label:" ",value:" ",color:"grey"}),this._rowEditFlags[t]&&(0,g.jsx)(C,{icon:Zo,label:" ",value:" ",color:"grey"})]})},`r${t}`)))}setRowValues(){const e=this.props.grids[0];this._rowDefinitions=[],this._rowEditFlags=[],this._editedRow=!1;for(let t=0;t<e.rowCount;t++){const n=e.getRowDefinition(t);n&&(this._rowDefinitions.push(n.toString(e._host,2)),this._rowEditFlags.push(!1))}}setColumnValues(){const e=this.props.grids[0];this._columnDefinitions=[],this._columnEditFlags=[],this._editedColumn=!1;for(let t=0;t<e.columnCount;t++){const n=e.getColumnDefinition(t);n&&(this._columnDefinitions.push(n.toString(e._host,2)),this._columnEditFlags.push(!1))}}renderColumns(){return this._columnDefinitions.map(((e,t)=>(0,g.jsx)("div",{className:this.state.removingColumn&&t===this._columnEditFlags.length-1?"ge-grid-remove":this._columnEditFlags[t]?"ge-grid-edit":"ge-grid",children:(0,g.jsxs)("div",{className:"ge-grid-divider",children:[(0,g.jsx)(D,{lockObject:this.props.lockObject,label:"",icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJpY29ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMzMzM7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTEyLjU3LDE3LjgzdjIuNjNjMCwuMzQuMjcuNjEuNjEuNjFoMy42NGMuMzQsMCwuNjEtLjI3LjYxLS42MXYtMi42M2gtNC44NlptNC4yNS0xMC4xMmMxLjAxLDAsMS44Mi44MiwxLjgyLDEuODJ2MTAuOTNjMCwxLjAxLS44MiwxLjgyLTEuODIsMS44MmgtMy42NGMtMS4wMSwwLTEuODItLjgyLTEuODItMS44MnYtMTAuOTNjMC0xLjAxLjgyLTEuODIsMS44Mi0xLjgyaDMuNjRabS42MSwxLjgyYzAtLjM0LS4yNy0uNjEtLjYxLS42MWgtMy42NGMtLjM0LDAtLjYxLjI3LS42MS42MXYyLjYzaDQuODZ2LTIuNjNabS00Ljg2LDcuMDhoNC44NnYtMy4yNGgtNC44NnYzLjI0WiIvPjwvc3ZnPg==",iconLabel:`Column ${t}`,value:e,numbersOnly:!0,onChange:e=>{e!==this._columnDefinitions[t]&&(this._columnDefinitions[t]=e,this._columnEditFlags[t]=!0,this._editedColumn=!0,this._columnChild=!1,this.setState({removingColumn:!1}))},disabled:this.state.removingColumn},`ctext${t}-${this.state.removingColumn}`),(0,g.jsx)(C,{tooltip:"",label:`[${t}]`,value:"",color:"grey"}),this.state.removingColumn&&t===this._columnEditFlags.length-1&&(0,g.jsx)(C,{icon:Fr,label:" ",value:" ",color:"grey"}),this._columnEditFlags[t]&&(0,g.jsx)(C,{icon:Zo,label:" ",value:" ",color:"grey"})]})},`c${t}`)))}parsePercentage(e){let t;return t="%"===e.trim().at(-1)?parseFloat(e.replace("%",""))/100:parseFloat(e),a.MathTools.Round(t,1e4)}isCloseTo(e,t,n=.001){return Math.abs(e-t)<n}adjustPercentages(e,t){let n=0,r=0;const o=[];for(let i=0;i<e.length;++i){let s=e[i];const a=this.checkPercentage(s);t[i]&&(s=this.checkValue(s,a)),a&&(n+=this.parsePercentage(s),t[i]&&(r+=this.parsePercentage(s))),o.push(s)}let i=[];if(this.isCloseTo(n,1))i=o;else{const e=1-r,s=Math.abs(e),a=n-r,l=this.isCloseTo(a,0);for(let e=0;e<o.length;++e){const r=o[e];if(this.checkPercentage(r)&&!t[e]||t[e]&&l){const e=this.parsePercentage(r)/(l?n:a)*(l?1:s);i.push(100*e+"%")}else i.push(r)}}return i}resizeRow(){const e=this.props.grids[0],t=this.adjustPercentages(this._rowDefinitions,this._rowEditFlags);for(let n=0;n<t.length;++n)e.setRowDefinition(n,this.parsePercentage(t[n]),!this.checkPercentage(t[n]));this.setRowValues()}resizeColumn(){const e=this.props.grids[0],t=this.adjustPercentages(this._columnDefinitions,this._columnEditFlags);for(let n=0;n<t.length;++n)e.setColumnDefinition(n,this.parsePercentage(t[n]),!this.checkPercentage(this._columnDefinitions[n]));this.setColumnValues()}checkValue(e,t){let n=e.match(/([0-9.,]+)/g)?.[0];return n||(n="0"),n+=t?"%":"px",n}checkPercentage(e){return"px"!==e.substring(e.length-2,e.length)}resetValues(){const e=this.props.grids[0];this._columnChild=!1,this._rowChild=!1,this._previousGrid=e,this.setRowValues(),this.setColumnValues(),this.resizeColumn(),this.resizeRow(),this.setState({removingColumn:!1,removingRow:!1})}render(){const e=this.props.grids,t=this.props.grids[0];return t!==this._previousGrid&&this.resetValues(),(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(ho,{lockObject:this.props.lockObject,controls:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState}),(0,g.jsx)("hr",{className:"ge"}),(0,g.jsx)(C,{tooltip:"",label:"GRID",value:" ",color:"grey"}),this.renderRows(),1===this.props.grids.length&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("div",{className:"ge-gridLine",children:(0,g.jsxs)("div",{className:"ge-grid-button-divider",children:[(0,g.jsx)(I,{altStyle:!0,tooltip:"Add Row",icon:lo,shortcut:"",isActive:!1,disabled:this.state.removingRow||this._editedRow,onClick:()=>{let e=0,n=0;for(let r=0;r<t.rowCount;++r){const o=t.getRowDefinition(r);o?.isPercentage&&(e+=o?.getValue(t.host),n++)}t.addRowDefinition(e/n,!1),this.resetValues(),this.forceUpdate()}})," ",(0,g.jsx)(I,{altStyle:!0,tooltip:"Remove Row",icon:Uo,shortcut:"",isActive:!1,disabled:this.state.removingRow||t.rowCount<=1||this._editedRow,onClick:()=>{let e=!1;for(let n=0;n<t.columnCount;++n){const r=t.cells[t.rowCount-1+":"+n];if(r?.children.length){e=!0;break}}this.resetValues(),e&&(this._rowChild=!0),this.setState({removingRow:!0})}}),this._editedRow&&(0,g.jsxs)(g.Fragment,{children:[" ",(0,g.jsx)(I,{altStyle:!0,tooltip:"Confirm",icon:Qr,shortcut:"",isActive:!1,onClick:()=>{this.resizeRow(),this.forceUpdate()}}),(0,g.jsx)(I,{altStyle:!0,tooltip:"Cancel",icon:Go,shortcut:"",isActive:!1,onClick:()=>{this.resetValues(),this.forceUpdate()}})]}),this.state.removingRow&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(I,{altStyle:!0,tooltip:"Confirm",icon:Qr,shortcut:"",isActive:!1,onClick:()=>{t.removeRowDefinition(t.rowCount-1),this.setRowValues(),this.resizeRow(),this.setState({removingRow:!1}),this._rowChild=!1,this.props.onUpdateRequiredObservable?.notifyObservers()}}),(0,g.jsx)(I,{altStyle:!0,tooltip:"Cancel",icon:Go,shortcut:"",isActive:!1,onClick:()=>{this.setState({removingRow:!1}),this._rowChild=!1,this.forceUpdate()}})]})]})}),this._rowChild&&(0,g.jsx)(g.Fragment,{children:(0,g.jsx)(C,{tooltip:"",label:"This row is not empty. Removing it will delete all contained controls. Do you want to remove this row and delete all controls within?",value:" ",color:"grey"})}),(0,g.jsx)("hr",{className:"ge"}),this.renderColumns(),(0,g.jsxs)("div",{className:"ge-grid-button-divider",children:[(0,g.jsx)(I,{altStyle:!0,tooltip:"Add Column",icon:lo,shortcut:"",isActive:!1,disabled:this.state.removingColumn||this._editedColumn,onClick:()=>{let e=0,n=0;for(let r=0;r<t.columnCount;++r){const o=t.getColumnDefinition(r);o?.isPercentage&&(e+=o?.getValue(t.host),n++)}t.addColumnDefinition(e/n,!1),this.resetValues(),this.forceUpdate()}}),(0,g.jsx)(I,{altStyle:!0,tooltip:"Remove Column",icon:Uo,shortcut:"",isActive:!1,disabled:this.state.removingColumn||this._editedColumn||t.columnCount<=1,onClick:()=>{let e=!1;for(let n=0;n<t.rowCount;++n){const r=t.cells[n+":"+(t.columnCount-1)];if(r?.children.length){e=!0;break}}this.resetValues(),e&&(this._columnChild=!0),this.setState({removingColumn:!0})}}),this._editedColumn&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(I,{altStyle:!0,tooltip:"Confirm",icon:Qr,shortcut:"",isActive:!1,onClick:()=>{this.resizeColumn(),this.forceUpdate()}}),(0,g.jsx)(I,{altStyle:!0,tooltip:"Cancel",icon:Go,shortcut:"",isActive:!1,onClick:()=>{this.resetValues(),this.forceUpdate()}})]}),this.state.removingColumn&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(I,{altStyle:!0,tooltip:"Confirm",icon:Qr,shortcut:"",isActive:!1,onClick:()=>{t.removeColumnDefinition(t.columnCount-1),this.setColumnValues(),this.resizeColumn(),this.setState({removingColumn:!1}),this._columnChild=!1,this.props.onUpdateRequiredObservable?.notifyObservers()}}),(0,g.jsx)(I,{altStyle:!0,tooltip:"Cancel",icon:Go,shortcut:"",isActive:!1,onClick:()=>{this.setState({removingColumn:!1}),this._columnChild=!1}})]})," "]}),this._columnChild&&(0,g.jsx)(g.Fragment,{children:(0,g.jsx)(C,{tooltip:"",label:"This column is not empty. Removing it will delete all contained controls. Do you want to remove this column and delete all controls within?",value:" ",color:"grey"})})]})]})}}class Wo extends t.Component{constructor(e){super(e)}render(){const{scrollViewers:e,onPropertyChangedObservable:t,lockObject:n}=this.props,r=f(e,t);return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(ho,{lockObject:n,controls:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState}),(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"SCROLLVIEWER",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTE0LjIyLDkuNTZ2MS4xM2MwLC40MywuMzUsLjc4LC43OCwuNzhzLjc4LS4zNSwuNzgtLjc4di0xLjEzYzMuMDUsLjM2LDUuNDcsMi43OCw1LjgzLDUuODNoLTEuMTNjLS40MywwLS43OCwuMzUtLjc4LC43OHMuMzUsLjc4LC43OCwuNzhoMS4xM2MtLjE3LDEuNDItLjgyLDIuNy0xLjc1LDMuNzEtLjIyLC4yNC0uMjEsLjYxLC4wMywuODMsLjI0LC4yMiwuNjEsLjIxLC44My0uMDMsMS4yOS0xLjM5LDIuMTEtMy4yMywyLjExLTUuMjksMC00LjMzLTMuNTEtNy44My03LjgzLTcuODNzLTcuODMsMy41MS03LjgzLDcuODNjMCwyLjA2LC44MywzLjkxLDIuMTEsNS4yOSwuMjIsLjI0LC41OSwuMjUsLjgzLC4wMywuMjQtLjIyLC4yNS0uNTksLjAzLS44My0uOTQtMS4wMS0xLjU4LTIuMjktMS43NS0zLjcxaDEuMTNjLjQzLDAsLjc4LS4zNSwuNzgtLjc4cy0uMzUtLjc4LS43OC0uNzhoLTEuMTNjLjE1LTEuMjUsLjY0LTIuNCwxLjM4LTMuMzRsLjc2LC43NmMuMzEsLjMxLC44LC4zMSwxLjExLDAsLjMxLS4zMSwuMzEtLjgsMC0xLjExbC0uNzYtLjc2Yy45NC0uNzQsMi4wOS0xLjI0LDMuMzQtMS4zOFptNC41MSwyLjQxYy0uMTktLjE0LS40NS0uMTQtLjYzLC4wMWwtLjE3LC4xNGMtLjExLC4wOS0uMjYsLjIyLS40NSwuMzgtLjM3LC4zMi0uODgsLjc0LTEuMzksMS4xOC0uNTEsLjQ0LTEuMDQsLjg5LTEuNDYsMS4yNi0uMjEsLjE5LS4zOSwuMzUtLjU0LC40OS0uMTMsLjEzLS4yNiwuMjUtLjMzLC4zMy0uNTEsLjYzLS40LDEuNTUsLjI0LDIuMDUsLjY1LC41LDEuNTksLjM5LDIuMS0uMjQsLjA3LS4wOCwuMTYtLjIzLC4yNS0uMzksLjEtLjE3LC4yMi0uMzgsLjM2LS42MywuMjctLjQ4LC42LTEuMDksLjkyLTEuNjgsLjMyLS41OSwuNjMtMS4xNywuODUtMS42LC4xMS0uMjEsLjIxLS4zOSwuMjctLjUybC4xLS4xOWMuMTEtLjIxLC4wNS0uNDYtLjEzLS42WiIvPjwvc3ZnPg==",label:"Wheel Precision"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"",target:r,propertyName:"wheelPrecision",arrows:!0,min:0,digits:2})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:wo,label:"Bar Size"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"",target:r,propertyName:"barSize",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0,digits:2})]}),(0,g.jsxs)("div",{className:"e-divider",children:[(0,g.jsx)(kr,{icon:io,label:"Bar Color"}),(0,g.jsx)(Tr,{lockObject:this.props.lockObject,label:"",target:r,propertyName:"barColor"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:so,label:"Bar Background Color"}),(0,g.jsx)(Tr,{lockObject:this.props.lockObject,label:"",target:r,propertyName:"barBackground"})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:jo,label:"Stroke Weight"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"",target:r,propertyName:"thickness",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0,digits:2})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:Po,label:"Corner Radius"}),(0,g.jsx)(N,{lockObject:n,label:"",target:f(e,t),propertyName:"cornerRadius",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0,digits:2})]})]})}}class Ho extends t.Component{constructor(e){super(e)}render(){const{ellipses:e,onPropertyChangedObservable:t,lockObject:n}=this.props,r=f(e,t);return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(ho,{lockObject:n,controls:e,onPropertyChangedObservable:t,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState}),(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"ELLIPSE",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:jo,label:"Stroke Weight"}),(0,g.jsx)(N,{lockObject:n,label:"",target:r,propertyName:"thickness",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0,digits:2})]}),(0,g.jsx)(Yo,{containers:e,onPropertyChangedObservable:t})]})}}class Qo extends t.Component{constructor(e){super(e)}render(){const e=this.props.checkboxes;return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(ho,{lockObject:this.props.lockObject,controls:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState}),(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"CHECKBOX",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:to,label:"Check Size Ratio"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:" ",target:f(e,this.props.onPropertyChangedObservable),propertyName:"checkSizeRatio",min:0,max:1,arrows:!0,step:"0.01",digits:2})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:yo,label:"Is Checkbox Checked"}),(0,g.jsx)(ar,{label:"CHECKED",target:f(e,this.props.onPropertyChangedObservable),propertyName:"isChecked",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:jo,label:"Thickness"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,target:f(e,this.props.onPropertyChangedObservable),propertyName:"thickness",label:"",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0,digits:2})]})]})}}class Fo extends t.Component{constructor(e){super(e)}render(){const e=this.props.controls;return(0,g.jsx)("div",{className:"pane",children:(0,g.jsx)(ho,{lockObject:this.props.lockObject,controls:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState})})}}class Vo extends t.Component{constructor(e){super(e)}updateGridPosition(){const e=this.props.control.parent;e&&this._changeCell(e,this.props.control,new r.Vector2(this._rowNumber,this._columnNumber))}getCellInfo(){const e=po.GetCellInfo(this.props.control.parent,this.props.control);this._rowNumber=e.x,this._columnNumber=e.y}_changeCell(e,t,n){const r=e.children.indexOf(t);e.removeControl(t),po.ReorderGrid(e,r,t,n)}render(){return this.getCellInfo(),(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)("hr",{className:"ge"}),(0,g.jsx)(C,{tooltip:"",label:"GRID PARENTING",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"Row #",target:this,propertyName:"_rowNumber",isInteger:!0,min:0,onChange:()=>{this.updateGridPosition()}}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"Column #",target:this,propertyName:"_columnNumber",isInteger:!0,min:0,onChange:()=>{this.updateGridPosition()}})]})]})}}class Jo extends t.Component{constructor(e){super(e)}render(){const{displayGrids:e,lockObject:t,onPropertyChangedObservable:n}=this.props,r=f(e,n);return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(ho,{lockObject:t,controls:e,onPropertyChangedObservable:n,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState}),(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"DISPLAY GRID",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:to,label:"Cell Size"}),(0,g.jsx)(N,{min:1,isInteger:!0,lockObject:t,label:"W",target:r,propertyName:"cellWidth",onPropertyChangedObservable:n,unit:(0,g.jsx)(uo,{locked:!0,unit:"PX"}),arrows:!0}),(0,g.jsx)(N,{min:1,isInteger:!0,lockObject:t,label:"H",target:r,propertyName:"cellHeight",onPropertyChangedObservable:n,unit:(0,g.jsx)(uo,{locked:!0,unit:"PX"}),arrows:!0})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGRlZnM+PHN0eWxlPi5ie2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImIiIGQ9Ik03LjczLDkuOTVjMC0xLjIzLC45OS0yLjIyLDIuMjItMi4yMmgxMC4wOWMxLjIzLDAsMi4yMiwuOTksMi4yMiwyLjIydjEwLjA5YzAsMS4yMy0uOTksMi4yMi0yLjIyLDIuMjJIOS45NWMtMS4yMywwLTIuMjItLjk5LTIuMjItMi4yMlY5Ljk1Wm0yLjIyLTEuMDFjLS41NiwwLTEuMDEsLjQ1LTEuMDEsMS4wMXYxMC4wOWMwLC41NiwuNDUsMS4wMSwxLjAxLDEuMDFoMTAuMDljLjU2LDAsMS4wMS0uNDUsMS4wMS0xLjAxVjkuOTVjMC0uNTYtLjQ1LTEuMDEtMS4wMS0xLjAxSDkuOTVaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0xNS44NCwxMS45MnY2LjU0YzAsLjMtLjIzLC41My0uNTMsLjUzcy0uNTMtLjIzLS41My0uNTN2LTUuODhsLTEuMDcsLjQyYy0uMDksLjAzLS4yLC4wNy0uMjgsLjA3LS4yNiwwLS40Ny0uMjEtLjQ3LS40NywwLS4xNSwuMDctLjM1LC4zMy0uNDZsMS42NC0uNjZjLjA5LS4wMiwuMjItLjEsLjM3LS4xLC4zMSwwLC41MywuMjMsLjUzLC41NVoiLz48L3N2Zz4=",label:"Show Minor Lines"}),(0,g.jsx)(ar,{label:"SHOW MINOR LINES",onValueChanged:()=>this.forceUpdate(),target:r,propertyName:"_displayMinorLines"})]}),r._displayMinorLines&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:jo,label:"Minor Line Tickness"}),(0,g.jsx)(N,{min:1,isInteger:!0,lockObject:t,label:"",target:r,propertyName:"minorLineTickness",onPropertyChangedObservable:n,unit:(0,g.jsx)(uo,{locked:!0,unit:"PX"}),arrows:!0})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:io,label:"Minor Line Color"}),(0,g.jsx)(Tr,{lockObject:t,label:"",target:r,propertyName:"minorLineColor",onPropertyChangedObservable:n})]})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGRlZnM+PHN0eWxlPi5ie2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImIiIGQ9Ik03LjczLDkuOTVjMC0xLjIzLC45OS0yLjIyLDIuMjItMi4yMmgxMC4wOWMxLjIzLDAsMi4yMiwuOTksMi4yMiwyLjIydjEwLjA5YzAsMS4yMy0uOTksMi4yMi0yLjIyLDIuMjJIOS45NWMtMS4yMywwLTIuMjItLjk5LTIuMjItMi4yMlY5Ljk1Wm0yLjIyLTEuMDFjLS41NiwwLTEuMDEsLjQ1LTEuMDEsMS4wMXYxMC4wOWMwLC41NiwuNDUsMS4wMSwxLjAxLDEuMDFoMTAuMDljLjU2LDAsMS4wMS0uNDUsMS4wMS0xLjAxVjkuOTVjMC0uNTYtLjQ1LTEuMDEtMS4wMS0xLjAxSDkuOTVaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0xNy42MywxOC40NGMwLC4zMS0uMjMsLjUxLS41MiwuNTFoLTMuOTNjLS4zMiwwLS41NS0uMjEtLjU1LS41NSwwLS4yMywuMDktLjQxLC4zMS0uNjRsMi4yNS0yLjM0Yy41OC0uNTksLjk0LTEuMiwuOTQtMS44NiwwLS43LS41MS0xLjE3LTEuMi0xLjE3LS42MywwLTEuMDIsLjM0LTEuMjksLjY5LS4xLC4xMi0uMjIsLjI0LS40NSwuMjQtLjI4LDAtLjUtLjE4LS41MS0uNDUsMC0uMTUsLjA1LS4zLC4xMy0uNDIsLjMzLS41NywxLjA4LTEuMTEsMi4xNi0xLjExLDEuNDMsMCwyLjI4LC45NSwyLjI4LDIuMTcsMCwuODYtLjQsMS42Mi0xLjIxLDIuNDZsLTEuODgsMS45NmgyLjk1Yy4yOSwwLC41MiwuMiwuNTIsLjUxWiIvPjwvc3ZnPg==",label:"Show Major Lines"}),(0,g.jsx)(ar,{label:"SHOW MAJOR LINES",onValueChanged:()=>this.forceUpdate(),target:r,propertyName:"_displayMajorLines"})]}),r._displayMajorLines&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:jo,label:"Major Line Tickness"}),(0,g.jsx)(N,{min:1,isInteger:!0,lockObject:t,label:"",target:r,propertyName:"majorLineTickness",onPropertyChangedObservable:n,unit:(0,g.jsx)(uo,{locked:!0,unit:"PX"}),arrows:!0})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:io,label:"Major Line Color"}),(0,g.jsx)(Tr,{lockObject:t,label:"",target:r,propertyName:"majorLineColor",onPropertyChangedObservable:n})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGRlZnM+PHN0eWxlPi5ie2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImIiIGQ9Ik05LjU2LDIwLjQxYzAsLjMzLC4yNywuNjEsLjYxLC42MXMuNjEtLjI3LC42MS0uNjFWOC42MmMwLS4zMy0uMjctLjYxLS42MS0uNjFzLS42MSwuMjctLjYxLC42MXYxMS43OVoiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTYuMzQsMTcuNTNjMCwuMzMsLjI3LC42MSwuNjEsLjYxcy42MS0uMjcsLjYxLS42MXYtMy45YzAtLjMzLS4yNy0uNjEtLjYxLS42MXMtLjYxLC4yNy0uNjEsLjYxdjMuOVoiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTIyLjQ0LDE3LjUzYzAsLjMzLC4yNywuNjEsLjYxLC42MXMuNjEtLjI3LC42MS0uNjF2LTMuOWMwLS4zMy0uMjctLjYxLS42MS0uNjFzLS42MSwuMjctLjYxLC42MXYzLjlaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0xMi43OCwxOC4wMWMwLC4zMywuMjcsLjYxLC42MSwuNjFzLjYxLS4yNywuNjEtLjYxVjYuMjJjMC0uMzMtLjI3LS42MS0uNjEtLjYxcy0uNjEsLjI3LS42MSwuNjF2MTEuNzlaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0xNiwyMy43OGMwLC4zMywuMjcsLjYxLC42MSwuNjFzLjYxLS4yNywuNjEtLjYxVjExLjk5YzAtLjMzLS4yNy0uNjEtLjYxLS42MXMtLjYxLC4yNy0uNjEsLjYxdjExLjc5WiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMTkuMjIsMjEuMzhjMCwuMzMsLjI3LC42MSwuNjEsLjYxcy42MS0uMjcsLjYxLS42MVY5LjU5YzAtLjMzLS4yNy0uNjEtLjYxLS42MXMtLjYxLC4yNy0uNjEsLjYxdjExLjc5WiIvPjwvc3ZnPg==",label:"Major Line Frequency"}),(0,g.jsx)(N,{min:1,isInteger:!0,lockObject:t,label:"",target:r,propertyName:"majorLineFrequency",onPropertyChangedObservable:n,arrows:!0})]})]})]})}}class Xo extends t.Component{constructor(e){super(e)}render(){const{rectangles:e,lockObject:t,onPropertyChangedObservable:n,onAddComponent:r}=this.props,o=f(e,n);return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(ho,{lockObject:t,controls:e,onPropertyChangedObservable:n,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState}),(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"BUTTON",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(I,{tooltip:"Add TextBlock",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTguMjMsMTQuNTdhNC40OCw0LjQ4LDAsMSwxLTQuNDcsNC40OEE0LjQ4LDQuNDgsMCwwLDEsMTguMjMsMTQuNTdabTAsMS42M2gtLjA3YS40LjQsMCwwLDAtLjMzLjMydjIuMTFIMTUuNzFhLjQxLjQxLDAsMCwwLS4zMi4zMnYuMTVhLjQyLjQyLDAsMCwwLC4zMi4zM2gyLjExdjIuMTFhLjQuNCwwLDAsMCwuMzMuMzNoLjE0YS40LjQsMCwwLDAsLjMzLS4zM1YxOS40NWgyLjExYS40Mi40MiwwLDAsMCwuMzItLjMzVjE5YS40MS40MSwwLDAsMC0uMzItLjMySDE4LjY0VjE2LjUzYS40LjQsMCwwLDAtLjMzLS4zMlptLTUuNDcsMi44NWE1LjQ0LDUuNDQsMCwwLDEsLjgyLTIuODhWNy43aDMuODV2MWEuNjEuNjEsMCwwLDAsMS4yMiwwVjcuMDlBLjYxLjYxLDAsMCwwLDE4LDYuNDhINy45MWEuNjEuNjEsMCwwLDAtLjYxLjYxVjguNzFhLjYxLjYxLDAsMSwwLDEuMjEsMHYtMWgzLjg1VjE4LjI0SDExLjE1YS42MS42MSwwLDEsMCwwLDEuMjFoMS42M0MxMi43NywxOS4zMiwxMi43NiwxOS4xOCwxMi43NiwxOS4wNVoiIHN0eWxlPSJmaWxsOiMzMzMiLz48L3N2Zz4=",shortcut:"",isActive:!1,onClick:()=>{r("Text")}}),(0,g.jsx)(I,{tooltip:"Add Image",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTguNzQsMTUuNDNhNC40Nyw0LjQ3LDAsMSwxLTQuNDgsNC40N0E0LjQ3LDQuNDcsMCwwLDEsMTguNzQsMTUuNDNabTAsMS42MmgtLjA4YS40MS40MSwwLDAsMC0uMzIuMzJ2Mi4xMUgxNi4yMmEuNDEuNDEsMCwwLDAtLjMyLjMyVjIwYS40LjQsMCwwLDAsLjMyLjMzaDIuMTF2Mi4xMWEuNC40LDAsMCwwLC4zMy4zM2guMTRhLjQuNCwwLDAsMCwuMzMtLjMzVjIwLjNoMi4xMWEuNC40LDAsMCwwLC4zMy0uMzN2LS4xNWEuNC40LDAsMCwwLS4zMy0uMzJIMTkuMTRWMTcuMzhhLjQuNCwwLDAsMC0uMzMtLjMyWm0tMi04LjU3YTEuODQsMS44NCwwLDEsMCwxLjg0LDEuODRBMS44MywxLjgzLDAsMCwwLDE2Ljc3LDguNDhabTAsMi40NWEuNjEuNjEsMCwwLDEtLjYxLS42MS42Mi42MiwwLDEsMSwxLjIzLDBBLjYxLjYxLDAsMCwxLDE2Ljc3LDEwLjkzWm0tMy41MSw5YTUuNDQsNS40NCwwLDAsMSwuMDctLjgySDkuNDRBMS4yOCwxLjI4LDAsMCwxLDksMTlsNC44LTQuNjlhLjYyLjYyLDAsMCwxLC43OS4wNmwxLjA3LDEuMDVhNS4zNiw1LjM2LDAsMCwxLDEuMTMtLjYxbC0xLjM0LTEuMzEtLjExLS4xYTEuODMsMS44MywwLDAsMC0yLjQ2LjFMOC4xLDE4LjEzQTEuMjgsMS4yOCwwLDAsMSw4LDE3LjY1VjguMjhBMS40MywxLjQzLDAsMCwxLDkuNDQsNi44NWg5LjM3YTEuNDMsMS40MywwLDAsMSwxLjQzLDEuNDN2Ni4zNmE1LjI3LDUuMjcsMCwwLDEsMS4yMi41MlY4LjI4YTIuNjUsMi42NSwwLDAsMC0yLjY1LTIuNjVIOS40NEEyLjY1LDIuNjUsMCwwLDAsNi43OSw4LjI4djkuMzdBMi42NSwyLjY1LDAsMCwwLDkuNDQsMjAuM2gzLjg1QzEzLjI4LDIwLjE3LDEzLjI2LDIwLDEzLjI2LDE5LjlaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+",shortcut:"",isActive:!1,onClick:()=>{r("ButtonImage")}})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:jo,label:"Stroke Weight"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"",target:o,propertyName:"thickness",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),min:0,digits:2})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:Po,label:"Corner Radius"}),(0,g.jsx)(N,{lockObject:t,label:"",target:o,propertyName:"cornerRadius",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0,digits:2})]}),(0,g.jsx)(Yo,{containers:e,onPropertyChangedObservable:n})]})}}class qo{static CreateControlFromString(e){let t;switch(e){case"Slider":return t=new a.Slider("Slider"),t.isPointerBlocker=!0,t.width="120px",t.height="30px",t;case"Checkbox":return t=new a.Checkbox("Checkbox"),t.width="20px",t.height="20px",t.color="#cccccc",t;case"ColorPicker":return t=new a.ColorPicker("ColorPicker"),t.isPointerBlocker=!0,t.width="10%",t.height="10%",t;case"Ellipse":return t=new a.Ellipse("Ellipse"),t.color="#000000",t.background="#cccccc",t.isPointerBlocker=!0,t.thickness=1,t;case"Rectangle":return t=new a.Rectangle("Rectangle"),t.color="#000000",t.background="#cccccc",t.isPointerBlocker=!0,t.thickness=1,t;case"Line":return t=new a.Line("Line"),t.x1=0,t.y1=1024,t.y2=512,t.x2=512,t.lineWidth=2,t.isPointerBlocker=!0,t.isHitTestVisible=!0,t.color="#000000",t;case"TextBlock":return t=new a.TextBlock("Textblock"),t.text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sed.",t.color="#000000",t.fontSize=20,t.resizeToFit=!0,t.isPointerBlocker=!0,t;case"ImageButton":return t=a.Button.CreateImageButton("Button","Click Me",qo.ImageControlDefaultUrl),t.background="#333333",t.color="#ffffff",t.isPointerBlocker=!0,t.width="120px",t.height="40px",t;case"VirtualKeyboard":return t=a.VirtualKeyboard.CreateDefaultLayout("VirtualKeyboard"),t.addKeysRow(["1","2","3","←"]),t;case"Image":return t=new a.Image("Image",qo.ImageControlDefaultUrl),t.width="512px",t.height="512px",t.autoScale=!0,t.color="transparent",t.isPointerBlocker=!0,t;case"ButtonImage":return t=new a.Image("Image",qo.ImageControlDefaultUrl),t.width="100%",t.height="100%",t.color="transparent",t.isPointerBlocker=!0,t;case"InputText":return t=new a.InputText("InputText"),t.maxWidth=.6,t.text="Input Text",t.background="#333333",t.color="#ffffff",t.isPointerBlocker=!0,t.width="160px",t.height="40px",t;case"InputPassword":return t=new a.InputPassword("InputPassword"),t.maxWidth=.6,t.text="Password",t.background="#333333",t.color="#ffffff",t.isPointerBlocker=!0,t.width="160px",t.height="40px",t;case"Grid":return t=new a.Grid("Grid"),t.addColumnDefinition(1,!1),t.addRowDefinition(1,!1),t.isPointerBlocker=!0,t;case"DisplayGrid":return t=new a.DisplayGrid("DisplayGrid"),t;case"StackPanel":return t=new a.StackPanel("StackPanel"),t.width="100%",t.height="100%",t;case"ScrollViewer":return t=new a.ScrollViewer("ScrollViewer"),t.width=.4,t.height=.4,t.background="#CCCCCC",t;case"ImageBasedSlider":return t=new a.ImageBasedSlider("ImageBasedSlider"),t.isPointerBlocker=!0,t.width="120px",t.height="30px",t.isThumbClamped=!0,t.displayThumb=!0,t.backgroundImage=new a.Image("Image","https://playground.babylonjs.com/textures/gui/backgroundImage.png"),t.valueBarImage=new a.Image("Image","https://playground.babylonjs.com/textures/gui/valueImage.png"),t.thumbImage=new a.Image("Image","https://playground.babylonjs.com/textures/gui/thumb.png"),t;case"RadioButton":return t=new a.RadioButton("RadioButton"),t.isPointerBlocker=!0,t.width="20px",t.height="20px",t.color="#CCCCCC",t.background="#333333",t;case"Button":return t=a.Button.CreateSimpleButton("Button","Click Me"),t.background="#333333",t.color="#ffffff",t.isPointerBlocker=!0,t.width="120px",t.height="40px",t;default:throw"Error: control type not recognized"}}}qo.ImageControlDefaultUrl="https://assets.babylonjs.com/textures/Checker_albedo.png";var Ko=o(788),$o={};$o.styleTagTransform=Nr(),$o.setAttributes=jr(),$o.insert=mr().bind(null,"head"),$o.domAPI=hr(),$o.insertStyleElement=yr(),Lr()(Ko.A,$o),Ko.A&&Ko.A.locals&&Ko.A.locals;const ei=[{className:"Rectangle",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTAuMywxNi4zNmEzLjY0LDMuNjQsMCwwLDEsMy42NC0zLjY0SDI2LjA2YTMuNjQsMy42NCwwLDAsMSwzLjY0LDMuNjR2Ny4yOGEzLjY0LDMuNjQsMCwwLDEtMy42NCwzLjY0SDEzLjk0YTMuNjQsMy42NCwwLDAsMS0zLjY0LTMuNjRabTMuNjQtMi40MmEyLjQyLDIuNDIsMCwwLDAtMi40MywyLjQydjcuMjhhMi40MiwyLjQyLDAsMCwwLDIuNDMsMi40MkgyNi4wNmEyLjQyLDIuNDIsMCwwLDAsMi40My0yLjQyVjE2LjM2YTIuNDIsMi40MiwwLDAsMC0yLjQzLTIuNDJaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+"},{className:"Ellipse",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjAsMTMuMTdBNi44Myw2LjgzLDAsMSwwLDI2LjgzLDIwLDYuODMsNi44MywwLDAsMCwyMCwxMy4xN1pNMTIsMjBhOCw4LDAsMSwxLDgsOEE4LDgsMCwwLDEsMTIsMjBaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+"},{className:"StackPanel",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTIuNzQsMTUuMzVhMi42MiwyLjYyLDAsMCwxLDIuNjItMi42M2g5LjI4YTIuNjIsMi42MiwwLDAsMSwyLjYyLDIuNjN2OS4yOGEyLjYyLDIuNjIsMCwwLDEtMi42MiwyLjYySDE1LjM2YTIuNjIsMi42MiwwLDAsMS0yLjYyLTIuNjJaTTI2LjA1LDIxLjZWMTguMzdIMTRWMjEuNlptMC00LjQ0VjE1LjM1YTEuNDEsMS40MSwwLDAsMC0xLjQxLTEuNDFIMTUuMzZBMS40MSwxLjQxLDAsMCwwLDE0LDE1LjM1djEuODFaTTI0LjY0LDI2YTEuNDEsMS40MSwwLDAsMCwxLjQxLTEuNDFWMjIuODFIMTR2MS44MkExLjQxLDEuNDEsMCwwLDAsMTUuMzYsMjZaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+"},{className:"Grid",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTIuNzQsMTUuMzZhMi42MiwyLjYyLDAsMCwxLDIuNjItMi42Mmg5LjI4YTIuNjIsMi42MiwwLDAsMSwyLjYyLDIuNjJ2OS4yOGEyLjYyLDIuNjIsMCwwLDEtMi42MiwyLjYySDE1LjM2YTIuNjIsMi42MiwwLDAsMS0yLjYyLTIuNjJaTTE1LjM2LDE0QTEuNDEsMS40MSwwLDAsMCwxNCwxNS4zNnYxLjgyaDMuMjNWMTRaTTE0LDE4LjM5djMuMjJoMy4yM1YxOC4zOVptNC40NCwwdjMuMjJoMy4yMlYxOC4zOVptNC40MywwdjMuMjJoMy4yM1YxOC4zOVptLTEuMjEsNC40M0gxOC4zOXYzLjIzaDMuMjJabTEuMjEsMy4yM2gxLjgyYTEuNDEsMS40MSwwLDAsMCwxLjQxLTEuNDFWMjIuODJIMjIuODJabTAtOC44N2gzLjIzVjE1LjM2QTEuNDEsMS40MSwwLDAsMCwyNC42NCwxNEgyMi44MlpNMjEuNjEsMTRIMTguMzl2My4yM2gzLjIyWk0xNCwyMi44MnYxLjgyYTEuNDEsMS40MSwwLDAsMCwxLjQxLDEuNDFoMS44MlYyMi44MloiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="},{className:"ScrollViewer",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjIuMjUsMTMuMThWMjYuOTFIMjFWMTMuMThabTEuMTYsMy4zNHY0LjE5aDEuMjJWMTYuNTJabS42MS0uNjFhLjYxLjYxLDAsMSwwLC42MS42MUEuNjEuNjEsMCwwLDAsMjQsMTUuOTFabTAsNC4xOWEuNjEuNjEsMCwxLDAsLjYxLjYxQS42MS42MSwwLDAsMCwyNCwyMC4xWk0xMi43NCwyNC42NGEyLjYyLDIuNjIsMCwwLDAsMi42MiwyLjYyaDkuMjhhMi42MiwyLjYyLDAsMCwwLDIuNjItMi42MlYxNS4zNmEyLjYyLDIuNjIsMCwwLDAtMi42Mi0yLjYySDE1LjM2YTIuNjIsMi42MiwwLDAsMC0yLjYyLDIuNjJaTTE0LDE1LjM2QTEuNDEsMS40MSwwLDAsMSwxNS4zNiwxNGg5LjI4YTEuNDEsMS40MSwwLDAsMSwxLjQxLDEuNDF2OS4yOGExLjQxLDEuNDEsMCwwLDEtMS40MSwxLjQxSDE1LjM2QTEuNDEsMS40MSwwLDAsMSwxNCwyNC42NFoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="},{className:"Line",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTAuMywyMGEuNjEuNjEsMCwwLDEsLjYxLS42MUgyOS4wOWEuNjEuNjEsMCwxLDEsMCwxLjIySDEwLjkxQS42MS42MSwwLDAsMSwxMC4zLDIwWiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg=="},{className:"TextBlock",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTQuMzMsMTQuMTJhLjYxLjYxLDAsMCwxLC42LS42MUgyNS4wN2EuNjEuNjEsMCwwLDEsLjYuNjF2MS42MmEuNjEuNjEsMCwxLDEtMS4yMSwwdi0xSDIwLjYxVjI1LjI3aDEuMjFhLjYxLjYxLDAsMCwxLC42MS42MS42MS42MSwwLDAsMS0uNjEuNjFIMTguMThhLjYxLjYxLDAsMCwxLS42MS0uNjEuNjEuNjEsMCwwLDEsLjYxLS42MWgxLjIxVjE0LjczSDE1LjU0djFhLjYxLjYxLDAsMSwxLTEuMjEsMFoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="},{className:"InputText",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjIuNDMsMTcuMTdIMjAuNjF2NS42NkgyMWEuNjEuNjEsMCwwLDEsLjYxLjYxLjYxLjYxLDAsMCwxLS42MS42MUgxOWEuNjEuNjEsMCwwLDEtLjYxLS42MS42MS42MSwwLDAsMSwuNjEtLjYxaC40VjE3LjE3SDE3LjU3di42YS42MS42MSwwLDEsMS0xLjIxLDBWMTYuNTZBLjYuNiwwLDAsMSwxNywxNkgyM2EuNi42LDAsMCwxLC42LjYxdjEuMjFhLjYxLjYxLDAsMSwxLTEuMjEsMFoiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJNMTQuOTQsMTMuNTJhMywzLDAsMCwwLTMsM3Y2Ljg4YTMsMywwLDAsMCwzLDNIMjUuMDZhMywzLDAsMCwwLDMtM1YxNi41NmEzLDMsMCwwLDAtMy0zWm0tMS44MiwzYTEuODEsMS44MSwwLDAsMSwxLjgyLTEuODJIMjUuMDZhMS44MSwxLjgxLDAsMCwxLDEuODIsMS44MnY2Ljg4YTEuODEsMS44MSwwLDAsMS0xLjgyLDEuODJIMTQuOTRhMS44MSwxLjgxLDAsMCwxLTEuODItMS44MloiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="},{className:"InputPassword",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTkuODIsMTguNTVhLjYyLjYyLDAsMCwwLS44NiwwLC42Mi42MiwwLDAsMCwwLC44N2wuNTguNTgtLjU4LjU4YS42Mi42MiwwLDAsMCwwLC44Ny42Mi42MiwwLDAsMCwuODYsMGwuNTktLjU5LjU4LjU5YS42MS42MSwwLDAsMCwuODYsMCwuNi42LDAsMCwwLDAtLjg2TDIxLjI3LDIwbC41OC0uNThhLjYyLjYyLDAsMCwwLDAtLjg3LjYyLjYyLDAsMCwwLS44NiwwbC0uNTguNTlaIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTE0LjQ5LDE4LjU1YS42Mi42MiwwLDAsMSwuODYsMGwuNTkuNTkuNTgtLjU5YS42Mi42MiwwLDAsMSwuODcuODdMMTYuOCwyMGwuNTkuNThhLjYyLjYyLDAsMCwxLS44Ny44N2wtLjU4LS41OS0uNTkuNTlhLjYyLjYyLDAsMCwxLS44NiwwLC42My42MywwLDAsMSwwLS44N2wuNTktLjU4LS41OS0uNThBLjYzLjYzLDAsMCwxLDE0LjQ5LDE4LjU1WiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjxwYXRoIGQ9Ik0yMy42NSwyMS4yMmEuNi42LDAsMCwwLS42LjYxLjYxLjYxLDAsMCwwLC42LjYxaDEuNDNhLjYxLjYxLDAsMCwwLC42LS42MS42LjYsMCwwLDAtLjYtLjYxWiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjxwYXRoIGQ9Ik0xNC41MiwxNC4zMkEyLjY0LDIuNjQsMCwwLDAsMTEuODgsMTd2Ni4xYTIuNjQsMi42NCwwLDAsMCwyLjY0LDIuNjNoMTFhMi42NCwyLjY0LDAsMCwwLDIuNjQtMi42M1YxN2EyLjY0LDIuNjQsMCwwLDAtMi42NC0yLjYzWk0xMy4xLDE3YTEuNDIsMS40MiwwLDAsMSwxLjQyLTEuNDJoMTFBMS40MiwxLjQyLDAsMCwxLDI2LjksMTd2Ni4xYTEuNDIsMS40MiwwLDAsMS0xLjQyLDEuNDJoLTExYTEuNDIsMS40MiwwLDAsMS0xLjQyLTEuNDJaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+"},{className:"Image",icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQwIDQwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjMuODYsMTEuODZhMi42NSwyLjY1LDAsMCwxLDIuNjUsMi42NXY5LjM2YTIuNjUsMi42NSwwLDAsMS0yLjY1LDIuNjVIMTQuNWEyLjY1LDIuNjUsMCwwLDEtMi42NS0yLjY1VjE0LjUxYTIuNjUsMi42NSwwLDAsMSwyLjY1LTIuNjVabS40NywxMy4zNi00LjcyLTQuNjNhLjYyLjYyLDAsMCwwLS43OS0uMDZsLS4wNy4wNkwxNCwyNS4yMmExLjQsMS40LDAsMCwwLC40Ny4wOGg5LjM2YTEuNCwxLjQsMCwwLDAsLjQ3LS4wOGwtNC43Mi00LjYzWm0tLjQ3LTEyLjEzSDE0LjVhMS40MiwxLjQyLDAsMCwwLTEuNDMsMS40MnY5LjM2YTEuMzMsMS4zMywwLDAsMCwuMDkuNDlsNC43NC00LjY1YTEuODQsMS44NCwwLDAsMSwyLjQ2LS4wOWwuMS4wOSw0Ljc0LDQuNjVhMS4zMywxLjMzLDAsMCwwLC4wOS0uNDlWMTQuNTFBMS40MiwxLjQyLDAsMCwwLDIzLjg2LDEzLjA5Wm0tMiwxLjYyQTEuODQsMS44NCwwLDEsMSwyMCwxNi41NSwxLjgzLDEuODMsMCwwLDEsMjEuODMsMTQuNzFabTAsMS4yMmEuNjEuNjEsMCwwLDAtLjYxLjYyLjYxLjYxLDAsMCwwLDEuMjIsMEEuNjEuNjEsMCwwLDAsMjEuODMsMTUuOTNaIi8+PC9zdmc+"},{className:"DisplayGrid",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTcuMzksMjAuOGExLjgxLDEuODEsMCwwLDEsMS44MSwxLjgxdjIuODFhMS44MSwxLjgxLDAsMCwxLTEuODEsMS44MUgxNC41OGExLjgxLDEuODEsMCwwLDEtMS44MS0xLjgxVjIyLjYxYTEuODEsMS44MSwwLDAsMSwxLjgxLTEuODFabTgsMGExLjgxLDEuODEsMCwwLDEsMS44MSwxLjgxdjIuODFhMS44MSwxLjgxLDAsMCwxLTEuODEsMS44MUgyMi42MWExLjgxLDEuODEsMCwwLDEtMS44MS0xLjgxVjIyLjYxYTEuODEsMS44MSwwLDAsMSwxLjgxLTEuODFabS04LDEuMjFIMTQuNThhLjYuNiwwLDAsMC0uNi42djIuODFhLjYuNiwwLDAsMCwuNi42aDIuODFhLjYuNiwwLDAsMCwuNi0uNlYyMi42MUEuNi42LDAsMCwwLDE3LjM5LDIyWm04LDBIMjIuNjFhLjYuNiwwLDAsMC0uNi42djIuODFhLjYuNiwwLDAsMCwuNi42aDIuODFhLjYuNiwwLDAsMCwuNi0uNlYyMi42MUEuNi42LDAsMCwwLDI1LjQyLDIyWm0tOC05LjI0YTEuODEsMS44MSwwLDAsMSwxLjgxLDEuODF2Mi44MWExLjgxLDEuODEsMCwwLDEtMS44MSwxLjgxSDE0LjU4YTEuODEsMS44MSwwLDAsMS0xLjgxLTEuODFWMTQuNThhMS44MSwxLjgxLDAsMCwxLDEuODEtMS44MVptOCwwYTEuODEsMS44MSwwLDAsMSwxLjgxLDEuODF2Mi44MWExLjgxLDEuODEsMCwwLDEtMS44MSwxLjgxSDIyLjYxYTEuODEsMS44MSwwLDAsMS0xLjgxLTEuODFWMTQuNThhMS44MSwxLjgxLDAsMCwxLDEuODEtMS44MVptLTgsMS4yMUgxNC41OGEuNi42LDAsMCwwLS42LjZ2Mi44MWEuNi42LDAsMCwwLC42LjZoMi44MWEuNi42LDAsMCwwLC42LS42VjE0LjU4QS42LjYsMCwwLDAsMTcuMzksMTRabTgsMEgyMi42MWEuNi42LDAsMCwwLS42LjZ2Mi44MWEuNi42LDAsMCwwLC42LjZoMi44MWEuNi42LDAsMCwwLC42LS42VjE0LjU4QS42LjYsMCwwLDAsMjUuNDIsMTRaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+"},{className:"Button",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjYuMDgsMTIuN0gxMy45MmEyLDIsMCwwLDAtMiwyVjIyYTIsMiwwLDAsMCwyLDJoMy42NVYyMi44NEgxMy45MmEuODEuODEsMCwwLDEtLjgxLS44MXYtNy4zYS44MS44MSwwLDAsMSwuODEtLjgxSDI2LjA4YS44MS44MSwwLDAsMSwuODEuODFWMjJhLjgxLjgxLDAsMCwxLS44MS44MWgtLjQ1bC4yOC4yN2ExLjQ1LDEuNDUsMCwwLDEsLjU2LjkxLDIsMiwwLDAsMCwxLjY0LTJ2LTcuM0EyLDIsMCwwLDAsMjYuMDgsMTIuN1oiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJNMTkuNDIsMTcuNzVhLjYyLjYyLDAsMCwwLS42Ny0uMTQuNjMuNjMsMCwwLDAtLjM3LjU3djguNTFhLjYuNiwwLDAsMCwuNDMuNTguNjEuNjEsMCwwLDAsLjY4LS4yNGwyLTIuOTEsMy40NS43M2EuNjEuNjEsMCwwLDAsLjU2LTFabTEuOTIsNS4xYS42LjYsMCwwLDAtLjYyLjI1bC0xLjEzLDEuNjNWMTkuNjRsMy42LDMuNloiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="},{className:"Checkbox",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjUsMTIuNzZBMi4yMSwyLjIxLDAsMCwxLDI3LjI0LDE1VjI1QTIuMjEsMi4yMSwwLDAsMSwyNSwyNy4yNEgxNUEyLjIxLDIuMjEsMCwwLDEsMTIuNzYsMjVWMTVBMi4yMSwyLjIxLDAsMCwxLDE1LDEyLjc2Wk0yNSwxNEgxNWExLDEsMCwwLDAtMSwxVjI1YTEsMSwwLDAsMCwxLDFIMjVhMSwxLDAsMCwwLDEtMVYxNUExLDEsMCwwLDAsMjUsMTRabS02LjY0LDgsNS4yMS01LjJhLjU5LjU5LDAsMCwxLC44NSwwLC42MS42MSwwLDAsMSwuMDYuNzhsLS4wNi4wNy01LjYzLDUuNjNhLjYuNiwwLDAsMS0uNzkuMDZMMTgsMjMuMjRsLTIuNDEtMi40MWEuNjEuNjEsMCwwLDEsMC0uODUuNi42LDAsMCwxLC43OS0uMDZsLjA2LjA2LDIsMiw1LjIxLTUuMloiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="},{className:"RadioButton",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjAsMjQuODZBNC44Niw0Ljg2LDAsMSwwLDE1LjE0LDIwLDQuODcsNC44NywwLDAsMCwyMCwyNC44NloiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJNMjAsMTEuOUE4LjEsOC4xLDAsMSwwLDI4LjEsMjAsOC4xLDguMSwwLDAsMCwyMCwxMS45Wk0xMy4xMiwyMEE2Ljg4LDYuODgsMCwxLDEsMjAsMjYuODgsNi44OCw2Ljg4LDAsMCwxLDEzLjEyLDIwWiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg=="},{className:"Slider",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTAuMywxOGEzLjY0LDMuNjQsMCwwLDEsMy42NC0zLjYzSDI2LjA2QTMuNjQsMy42NCwwLDAsMSwyOS43LDE4VjIyYTMuNjQsMy42NCwwLDAsMS0zLjY0LDMuNjNIMTMuOTRBMy42NCwzLjY0LDAsMCwxLDEwLjMsMjJabTMuNjQtMi40MkEyLjQzLDIuNDMsMCwwLDAsMTEuNTEsMThWMjJhMi40MywyLjQzLDAsMCwwLDIuNDMsMi40MkgyNi4wNkEyLjQzLDIuNDMsMCwwLDAsMjguNDksMjJWMThhMi40MywyLjQzLDAsMCwwLTIuNDMtMi40MloiIHN0eWxlPSJmaWxsOiNmZmYiLz48Y2lyY2xlIGN4PSIxNS45OSIgY3k9IjIwIiByPSIyLjY0IiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+"},{className:"ImageBasedSlider",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjYuMDYsMTQuMzRIMTMuOTRBMy42NCwzLjY0LDAsMCwwLDEwLjMsMThWMjJhMy42NCwzLjY0LDAsMCwwLDMuNjQsMy42M0gyNi4wNkEzLjY0LDMuNjQsMCwwLDAsMjkuNywyMlYxOEEzLjY0LDMuNjQsMCwwLDAsMjYuMDYsMTQuMzRabTAsMTAuMTFIMTMuOTRhMi40MiwyLjQyLDAsMCwxLS44MS0uMTVsMS40MS0xLjM5YTMuMjQsMy4yNCwwLDAsMCwxLjQ1LjM2QTMuMjgsMy4yOCwwLDAsMCwxOS4yNiwyMGEzLjE4LDMuMTgsMCwwLDAtLjM1LTEuNDNsLjY0LS42M2EuNTQuNTQsMCwwLDEsLjc0LDBMMjcsMjQuMjZBMi40MywyLjQzLDAsMCwxLDI2LjA2LDI0LjQ1Wk0xNCwyMGEyLDIsMCwxLDEsMiwyQTIsMiwwLDAsMSwxNCwyMFptMTQuNTIsMmEyLjQxLDIuNDEsMCwwLDEtLjQxLDEuMzRsLTYuODQtNi40NGExLjkxLDEuOTEsMCwwLDAtMi42NywwbC0uNTMuNTJhMy4yMiwzLjIyLDAsMCwwLTItLjc1QTMuMjgsMy4yOCwwLDAsMCwxMi43MiwyMGEzLjIzLDMuMjMsMCwwLDAsLjczLDJMMTIsMjMuNDdBMi40LDIuNCwwLDAsMSwxMS41MSwyMlYxOGEyLjQzLDIuNDMsMCwwLDEsMi40My0yLjQySDI2LjA2QTIuNDMsMi40MywwLDAsMSwyOC40OSwxOFoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="},{className:"VirtualKeyboard",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjYuMzEsMTQuM2ExLjgzLDEuODMsMCwwLDEsMS44MywxLjgzdjcuNzRhMS44MywxLjgzLDAsMCwxLTEuODMsMS44M0gxMy42OWExLjgzLDEuODMsMCwwLDEtMS44My0xLjgzVjE2LjEzYTEuODMsMS44MywwLDAsMSwxLjgzLTEuODNabTAsMS4yMkgxMy42OWEuNjEuNjEsMCwwLDAtLjYxLjYxdjcuNzRhLjYxLjYxLDAsMCwwLC42MS42MUgyNi4zMWEuNjEuNjEsMCwwLDAsLjYxLS42MVYxNi4xM0EuNjEuNjEsMCwwLDAsMjYuMzEsMTUuNTJaTTE1LjczLDIyaDguNTVhLjYxLjYxLDAsMCwxLC4wOCwxLjIySDE1LjczQS42MS42MSwwLDAsMSwxNS42NSwyMlptNy45My0yLjg1YS44Mi44MiwwLDAsMSwuODIuODIuODIuODIsMCwxLDEtLjgyLS44MlptLTQuODgsMGEuODIuODIsMCwwLDEsLjgyLjgyLjgyLjgyLDAsMSwxLS44Mi0uODJabS0yLjQ0LDBhLjgyLjgyLDAsMCwxLC44Mi44Mi44Mi44MiwwLDAsMS0uODIuODEuODEuODEsMCwwLDEtLjgxLS44MUEuODIuODIsMCwwLDEsMTYuMzQsMTkuMThabTQuODksMEEuODIuODIsMCwwLDEsMjIsMjBhLjgxLjgxLDAsMCwxLS44MS44MS44Mi44MiwwLDAsMS0uODItLjgxQS44Mi44MiwwLDAsMSwyMS4yMywxOS4xOFptLTYuMTEtMi40NGEuODIuODIsMCwwLDEsLjgxLjgyLjgxLjgxLDAsMCwxLS44MS44MS44Mi44MiwwLDAsMS0uODItLjgxQS44Mi44MiwwLDAsMSwxNS4xMiwxNi43NFptMi40NCwwYS44Mi44MiwwLDAsMSwuODEuODIuODEuODEsMCwwLDEtLjgxLjgxLjgyLjgyLDAsMCwxLS44Mi0uODFBLjgyLjgyLDAsMCwxLDE3LjU2LDE2Ljc0Wm0yLjQ0LDBhLjgyLjgyLDAsMCwxLC44MS44Mi44MS44MSwwLDAsMS0uODEuODEuODIuODIsMCwwLDEtLjgyLS44MUEuODIuODIsMCwwLDEsMjAsMTYuNzRabTIuNDQsMGEuODIuODIsMCwwLDEsLjgxLjgyLjgxLjgxLDAsMSwxLTEuNjIsMEEuODIuODIsMCwwLDEsMjIuNDQsMTYuNzRabTIuNDQsMGEuODIuODIsMCwwLDEsLjgyLjgyLjgyLjgyLDAsMCwxLS44Mi44MS44MS44MSwwLDAsMS0uODEtLjgxQS44Mi44MiwwLDAsMSwyNC44OCwxNi43NFoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="},{className:"ColorPicker",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTMuMzEsMTUuMzRhOC4zNCw4LjM0LDAsMCwxLDE0LjI1LDguMzRjLTEuMzUsMy43LTQuOTEsNS4xNi03LjQ3LDMuM2EzLjgyLDMuODIsMCwwLDEtMS41Mi0zbC0uMDgtLjgxLDAtLjMyYy0uMS0uNzYtLjI2LTEuMS0uNTgtMS4yOGExLjI3LDEuMjcsMCwwLDAtMS4zLDBsLS4yOC4xMi0uMTUuMDZhMy4xMiwzLjEyLDAsMCwxLTIuMDcuMzRsLS4xNywwLS4xMywwQzExLjQ5LDIxLjI5LDExLjE1LDE4LjIsMTMuMzEsMTUuMzRabS44LDUuNDguMSwwLC4xMSwwYTEuODEsMS44MSwwLDAsMCwxLjE3LS4xOWwuNDktLjIxYTIuNDcsMi40NywwLDAsMSwzLjY4LDIuMjFsMCwuMzcuMDUuNDQsMCwuMzRhMi43NSwyLjc1LDAsMCwwLDEsMi4xNmMxLjg2LDEuMzUsNC41Mi4yNSw1LjYxLTIuNzNhNy4xMSw3LjExLDAsMCwwLTEyLjEyLTcuMTlDMTIuNTksMTguMzMsMTIuOCwyMC4zOCwxNC4xMSwyMC44MlptOS4xNi0xLjYzYTEsMSwwLDEsMSwyLS41MywxLDEsMCwwLDEtMiwuNTNaTTIzLjY4LDIyYTEsMSwwLDEsMSwxLjI0LjcyQTEsMSwwLDAsMSwyMy42OCwyMlptLTItNS4zYTEsMSwwLDAsMSwuNzItMS4yNSwxLDEsMCwxLDEsLjUzLDJBMSwxLDAsMCwxLDIxLjY2LDE2Ljc0Wm0wLDcuMzVhMSwxLDAsMCwxLC43Mi0xLjI1LDEsMSwwLDAsMSwuNTMsMkExLDEsMCwwLDEsMjEuNjMsMjQuMDlaTTE4Ljc4LDE2YTEsMSwwLDEsMSwxLjI1LjcyQTEsMSwwLDAsMSwxOC43OCwxNloiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="}];class ti extends t.Component{constructor(e){super(e),this.saveLocally=()=>{try{const e=JSON.stringify(this.props.globalState.guiTexture.serializeContent());L.DownloadAsFile(this.props.globalState.hostDocument,e,"guiTexture.json")}catch(e){this.props.globalState.hostWindow.alert("Unable to save your GUI"),r.Tools.Error("Unable to save your GUI")}},this.saveSelectedControlLocally=()=>{try{const e={controls:[]};for(const t of this.props.globalState.selectedControls){const n={};t.serialize(n),e.controls.push(n)}const t=JSON.stringify(e);L.DownloadAsFile(this.props.globalState.hostDocument,t,"guiControl.json")}catch(e){this.props.globalState.hostWindow.alert("Unable to save your selected Control"),r.Tools.Error("Unable to save your selected Control")}},this.saveToSnippetServerHelper=(e,t)=>new Promise(((n,o)=>{const i=new XMLHttpRequest;i.onreadystatechange=()=>{if(4==i.readyState)if(200==i.status){const e=JSON.parse(i.responseText),r=t.snippetId;t.snippetId=e.id,e.version&&"0"!=e.version&&(t.snippetId+="#"+e.version);const o=window;o.Playground&&r&&o.Playground.onRequestCodeChangeObservable.notifyObservers({regex:new RegExp(r,"g"),replace:t.snippetId}),n(t.snippetId)}else o("Unable to save your GUI")};const s=(new TextEncoder).encode(e);let l="";for(let e=0;e<s.length;e++)l+=String.fromCharCode(s[e]);const c={gui:e,encodedGui:l!==e?(0,r.EncodeArrayBufferToBase64)(s):void 0};i.open("POST",a.AdvancedDynamicTexture.SnippetUrl+(t.snippetId?"/"+t.snippetId:""),!0),i.setRequestHeader("Content-Type","application/json");const u={payload:JSON.stringify(c),name:"",description:"",tags:""};i.send(JSON.stringify(u))})),this.saveToSnippetServer=async()=>{const e=this.props.globalState.guiTexture,t=JSON.stringify(e.serializeContent());(this.props.globalState.customSave?.action||this.saveToSnippetServerHelper)(t,e).then((t=>{e.snippetId=t;const n=`GUI saved with ID: ${e.snippetId}`;this.props.globalState.hostWindow.navigator.clipboard?this.props.globalState.hostWindow.navigator.clipboard.writeText(e.snippetId).then((()=>{this.props.globalState.hostWindow.alert(`${n}. The ID was copied to your clipboard.`)})).catch((()=>{this.props.globalState.hostWindow.alert(n)})):this.props.globalState.hostWindow.alert(n),this.props.globalState.onBuiltObservable.notifyObservers()})).catch((e=>{this.props.globalState.hostWindow.alert(e)})),this.forceUpdate()},this._lockObject=new s,this.props.globalState.lockObject=this._lockObject,this.props.globalState.onSaveObservable.add((()=>{this.save(this.saveLocally)})),this.props.globalState.onSaveSelectedControl.add((()=>{this.save(this.saveSelectedControlLocally)})),this.props.globalState.onSnippetSaveObservable.add((()=>{this.save(this.saveToSnippetServer)})),this.props.globalState.onSnippetLoadObservable.add((()=>{this.loadFromSnippet()})),this.props.globalState.onPropertyGridUpdateRequiredObservable.add((()=>{this.forceUpdate()})),this.props.globalState.onLoadObservable.add((e=>this.load(e))),this.props.globalState.onControlLoadObservable.add((e=>this.loadControl(e)))}componentDidMount(){this.props.globalState.onSelectionChangedObservable.add((()=>{this.forceUpdate()})),this.props.globalState.onResizeObservable.add((()=>{this.forceUpdate()})),this._onBuiltObserver=this.props.globalState.onBuiltObservable.add((()=>{this.forceUpdate()})),this.props.globalState.onPropertyChangedObservable.add((()=>this.forceUpdate()))}componentWillUnmount(){window.clearInterval(this._timerIntervalId),this.props.globalState.onBuiltObservable.remove(this._onBuiltObserver)}load(e){r.Tools.ReadFile(e,(e=>{const t=new TextDecoder("utf-8");this.props.globalState.workbench.loadFromJson(JSON.parse(t.decode(e))),this.props.globalState.setSelection([])}),void 0,!0)}loadControl(e){r.Tools.ReadFile(e,(e=>{const t=new TextDecoder("utf-8");this.props.globalState.workbench.loadControlFromJson(JSON.parse(t.decode(e)))}),void 0,!0)}save(e){this.props.globalState.workbench.removeEditorTransformation();const t=this.props.globalState.guiTexture.rootContainer.getDescendants();for(const e of t)this.props.globalState.workbench.removeEditorBehavior(e);const n=this.props.globalState.workbench.guiSize;this.props.globalState.guiTexture.scaleTo(n.width,n.height),e();for(const e of t)this.props.globalState.workbench.addEditorBehavior(e)}loadFromSnippet(){const e=this.props.globalState.hostWindow.prompt("Please enter the snippet ID to use");e&&this.props.globalState.workbench.loadFromSnippet(e)}renderNode(e){const t=e[0];return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("div",{id:"header",children:[(0,g.jsx)("img",{id:"logo",src:this.renderControlIcon(e)}),(0,g.jsx)("div",{id:"title",children:(0,g.jsx)(D,{noUnderline:!0,lockObject:this._lockObject,target:f(e,this.props.globalState.onPropertyChangedObservable),propertyName:"name",onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable})})]}),this.renderProperties(e),"Grid"===t?.parent?.typeName&&(0,g.jsx)(Vo,{control:t,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,lockObject:this._lockObject})]})}getControlsCommonClassName(e){if(0===e.length)return"";const t=e[0].getClassName();for(const n of e)if(n.getClassName()!==t)return"";return t}renderProperties(e){if(0===e.length)return;switch(this.getControlsCommonClassName(e)){case"TextBlock":{const t=e;return(0,g.jsx)(vo,{textBlocks:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState})}case"InputText":{const t=e;return(0,g.jsx)(Io,{inputTexts:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState})}case"ColorPicker":{const t=e;return(0,g.jsx)(Eo,{colorPickers:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState})}case"Image":{const t=e;return(0,g.jsx)(zo,{images:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState})}case"Slider":{const t=e;return(0,g.jsx)(bo,{sliders:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState})}case"ImageBasedSlider":{const t=e;return(0,g.jsx)(Oo,{imageBasedSliders:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState})}case"Rectangle":return(0,g.jsx)(Bo,{rectangles:e,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable});case"StackPanel":{const t=e;return(0,g.jsx)(Ro,{stackPanels:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState})}case"Grid":{const t=e;return(0,g.jsx)(_o,{grids:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState})}case"ScrollViewer":{const t=e;return(0,g.jsx)(Wo,{scrollViewers:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState})}case"Ellipse":{const t=e;return(0,g.jsx)(Ho,{ellipses:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState})}case"Checkbox":{const t=e;return(0,g.jsx)(Qo,{checkboxes:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState})}case"RadioButton":{const t=e;return(0,g.jsx)(xo,{radioButtons:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState})}case"Line":{const t=e;return(0,g.jsx)(fo,{lines:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState})}case"DisplayGrid":{const t=e;return(0,g.jsx)(Jo,{displayGrids:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState})}case"Button":{const t=e;return(0,g.jsx)(Xo,{rectangles:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onAddComponent:e=>{for(const n of t){const t=qo.CreateControlFromString(e);this.props.globalState.workbench.addEditorBehavior(t),n.addControl(t),this.props.globalState.select(t)}},onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState},"buttonMenu")}}const t=e;return(0,g.jsx)(Fo,{controls:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState})}renderControlIcon(e){const t=e[0].getClassName();for(const n of e)if(n.getClassName()!==t)return co;const n=ei.find((e=>e.className===t));return n?n.icon:co}render(){if(null==this.props.globalState.guiTexture)return null;const e=this.props.globalState.selectedControls.length>0?this.props.globalState.selectedControls:[this.props.globalState.workbench.trueRootContainer];return(0,g.jsx)("div",{id:"ge-propertyTab",children:this.renderNode(e)})}}class ni extends t.Component{render(){return n.createPortal(this.props.children,this.props.globalState.hostElement)}}var ri=o(548),oi={};oi.styleTagTransform=Nr(),oi.setAttributes=jr(),oi.insert=mr().bind(null,"head"),oi.domAPI=hr(),oi.insertStyleElement=yr(),Lr()(ri.A,oi),ri.A&&ri.A.locals&&ri.A.locals;class ii extends t.Component{constructor(e){super(e),this.state={logs:[]}}componentDidMount(){this.props.globalState.onLogRequiredObservable.add((e=>{const t=this.state.logs.map((e=>e));t.push(e),this.setState({logs:t})}))}componentDidUpdate(){const e=n.findDOMNode(this.refs["log-console"]);e&&(e.scrollTop=e.scrollHeight)}render(){const e=new Date,t=e.getHours(),n=e.getMinutes(),r=e.getSeconds();return(0,g.jsx)("div",{id:"log-console",ref:"log-console",children:this.state.logs.map(((e,o)=>(0,g.jsx)("div",{className:"log"+(e.isError?" error":""),children:t+":"+n+":"+r+": "+e.message},o)))})}}var si=o(124),ai={};ai.styleTagTransform=Nr(),ai.setAttributes=jr(),ai.insert=mr().bind(null,"head"),ai.domAPI=hr(),ai.insertStyleElement=yr(),Lr()(si.A,ai);const li=si.A&&si.A.locals?si.A.locals:void 0,ci=e=>{const[n,r]=(0,t.useState)(e.message),[o,i]=(0,t.useState)(e.isError);return(0,t.useEffect)((()=>{r(e.message),i(e.isError)}),[e]),n?(0,g.jsx)("div",{className:li["dialog-container"],children:(0,g.jsxs)("div",{className:li.dialog,children:[(0,g.jsx)("div",{className:li["dialog-message"],children:n}),(0,g.jsx)("div",{className:li["dialog-buttons"],children:(0,g.jsx)("div",{className:Pr({"dialog-button-ok":!0,error:o},li),onClick:()=>{r(""),e.onClose&&e.onClose()},children:"OK"})})]})}):null};class ui extends t.Component{constructor(e){super(e),this.state={value:""}}onClick(){this.props.onClick&&!this.props.renaming&&this.props.onClick()}onBlur(){this.props.setRenaming(!1)}render(){const e=this.props.renaming?this.state.value:this.props.label||"No Name";return(0,g.jsx)("div",{className:"title",onClick:()=>this.onClick(),children:this.props.renaming?(0,g.jsx)("input",{type:"text",onBlur:()=>this.onBlur(),autoFocus:!0,value:e,onChange:e=>{this.props.onChange(e.target.value),this.setState({value:e.target.value})},onKeyDown:e=>{"Enter"===e.key&&this.onBlur()},className:"titleText"}):(0,g.jsx)("div",{className:"titleText",onDoubleClick:()=>{this.props.setRenaming(!0),this.setState({value:e})},children:e})})}}class di extends t.Component{constructor(e){super(e),this.state={popupVisible:!1},this._extensionRef=t.createRef()}showPopup(){this.setState({popupVisible:!0})}componentDidMount(){this._popup&&this._popup.focus()}componentDidUpdate(){this._popup&&this._popup.focus()}render(){if(!this.props.extensibilityGroups)return null;const e=[];for(const t of this.props.extensibilityGroups)t.predicate(this.props.target)&&e.push(...t.entries);return 0===e.length?null:(0,g.jsxs)("div",{ref:this._extensionRef,className:"extensions",onClick:()=>this.showPopup(),children:[(0,g.jsx)("div",{title:"Additional options",className:"icon",children:(0,g.jsx)(or,{icon:dr})}),(0,g.jsx)("div",{ref:e=>{this._popup=e},tabIndex:-1,className:this.state.popupVisible?"popup show":"popup",onBlur:()=>this.setState({popupVisible:!1}),children:e.map((e=>(0,g.jsx)("div",{className:"popupMenu",onClick:()=>e.action(this.props.target),children:e.label},e.label)))})]})}}class pi extends t.Component{constructor(e){super(e);const t=this.props.control;this.state={isActive:t.isHighlighted,isVisible:t.isVisible,isRenaming:!1},this._onIsVisibleChangedObserver=t.onIsVisibleChangedObservable.add((e=>{this.setState({isVisible:e})}))}componentWillUnmount(){this._onIsVisibleChangedObserver&&this.props.control.onIsVisibleChangedObservable.remove(this._onIsVisibleChangedObserver)}highlight(){const e=this.props.control;e.isHighlighted=!e.isHighlighted,this.setState({isActive:e.isHighlighted})}switchVisibility(){const e=!this.state.isVisible;this.setState({isVisible:e}),this.props.control.isVisible=e}onRename(e){this.props.control.name=e,this.props.globalState.onPropertyGridUpdateRequiredObservable.notifyObservers()}render(){const e=this.props.control;let t="";"Grid"===e.parent?.typeName&&(t=e.parent.getChildCellInfo(this.props.control));const n=this.props.globalState.draggedControl===e,r=ei.find((t=>t.className===e.getClassName()));return(0,g.jsxs)("div",{className:"controlTools",children:[r&&(0,g.jsx)("div",{className:"controlType icon",children:(0,g.jsx)("img",{src:r.icon,alt:r.className})}),(0,g.jsx)(ui,{label:e.name,bracket:t,onClick:()=>this.props.onClick(),onChange:e=>this.onRename(e),setRenaming:e=>{this.setState({isRenaming:e}),this.props.onRenamingStateChanged(e)},renaming:this.state.isRenaming}),!n&&this.props.isDragOver&&this.props.dragOverLocation==p.CENTER&&e instanceof a.Container&&(0,g.jsx)(g.Fragment,{children:(0,g.jsx)("div",{className:"makeChild icon",onClick:()=>this.highlight(),title:"Make Child",children:(0,g.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTguNjcsMTQuNzdsLS4wNywwYS42MS42MSwwLDAsMC0uNzksMEwxNS42MSwxN1YxMS40OEEuNi42LDAsMCwwLDE1LDExaC0uMDhhLjYuNiwwLDAsMC0uNTMuNlYxN2wtMi4yLTIuMjEtLjA3LS4wNmEuNjEuNjEsMCwwLDAtLjc5LjkybDMuMjQsMy4yNC4wNy4wNmEuNjIuNjIsMCwwLDAsLjc5LS4wNmwzLjI0LTMuMjQsMC0uMDdBLjYxLjYxLDAsMCwwLDE4LjY3LDE0Ljc3WiIgc3R5bGU9ImZpbGw6IzIxMjEyMSIvPjxwYXRoIGQ9Ik0xMC4zNSw3LjcyYTIuNjIsMi42MiwwLDAsMC0yLjYzLDIuNjN2OS4zYTIuNjIsMi42MiwwLDAsMCwyLjYzLDIuNjNoOS4zYTIuNjIsMi42MiwwLDAsMCwyLjYzLTIuNjN2LTkuM2EyLjYyLDIuNjIsMCwwLDAtMi42My0yLjYzWk04LjkzLDEwLjM1YTEuNDMsMS40MywwLDAsMSwxLjQyLTEuNDJoOS4zYTEuNDMsMS40MywwLDAsMSwxLjQyLDEuNDJ2OS4zYTEuNDMsMS40MywwLDAsMS0xLjQyLDEuNDJoLTkuM2ExLjQzLDEuNDMsMCwwLDEtMS40Mi0xLjQyWiIgc3R5bGU9ImZpbGw6IzIxMjEyMSIvPjwvc3ZnPg=="})})}),!this.state.isRenaming&&this.props.isHovered&&null===this.props.globalState.draggedControl&&this.props.dragOverLocation==p.NONE&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("div",{className:"addComponent icon",onClick:()=>this.highlight(),title:"Add component (Not Implemented)",children:(0,g.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTUsMTFhLjYxLjYxLDAsMCwxLC42MS42MXYyLjgzaDIuODNhLjYxLjYxLDAsMCwxLDAsMS4yMkgxNS42MXYyLjgzYS42MS42MSwwLDAsMS0xLjIyLDBWMTUuNjFIMTEuNTZhLjYxLjYxLDAsMSwxLDAtMS4yMmgyLjgzVjExLjU2QS42MS42MSwwLDAsMSwxNSwxMVoiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNNy43MSwxMC4zNGEyLjYzLDIuNjMsMCwwLDEsMi42My0yLjYzaDkuMzJhMi42MywyLjYzLDAsMCwxLDIuNjMsMi42M3Y5LjMyYTIuNjMsMi42MywwLDAsMS0yLjYzLDIuNjNIMTAuMzRhMi42MywyLjYzLDAsMCwxLTIuNjMtMi42M1ptMi42My0xLjQxYTEuNDEsMS40MSwwLDAsMC0xLjQxLDEuNDF2OS4zMmExLjQxLDEuNDEsMCwwLDAsMS40MSwxLjQxaDkuMzJhMS40MSwxLjQxLDAsMCwwLDEuNDEtMS40MVYxMC4zNGExLjQxLDEuNDEsMCwwLDAtMS40MS0xLjQxWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjwvc3ZnPg=="})}),(0,g.jsx)("div",{className:"visibility icon",onClick:()=>this.switchVisibility(),title:"Set isVisible",children:(0,g.jsx)("img",{src:this.state.isVisible?ao:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTUsMTMuMTlhMy4yMywzLjIzLDAsMSwxLTMuMjIsMy4yMkEzLjIyLDMuMjIsMCwwLDEsMTUsMTMuMTlabTAsMS4yMWEyLDIsMCwxLDAsMiwyQTIsMiwwLDAsMCwxNSwxNC40Wm0wLTRhOC4wNiw4LjA2LDAsMCwxLDcuODIsNi4xLjYxLjYxLDAsMCwxLTEuMTguMjksNi44NCw2Ljg0LDAsMCwwLTEzLjI4LDAsLjYxLjYxLDAsMCwxLTEuMTgtLjNBOC4wNyw4LjA3LDAsMCwxLDE1LDEwLjM2WiIgc3R5bGU9ImZpbGw6Izg4OCIvPjwvc3ZnPg=="})})]}),(0,g.jsx)(di,{target:e,extensibilityGroups:this.props.extensibilityGroups})]})}}const Ai="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDE1IDMwIj48cGF0aCBkPSJNNy4xLDE2LjYzLDUuMSwxNGEuNS41LDAsMCwxLC40LS44aDRhLjUuNSwwLDAsMSwuNC44bC0yLDIuNjZBLjUuNSwwLDAsMSw3LjEsMTYuNjNaIiBzdHlsZT0iZmlsbDojOGU4ZThlIi8+PC9zdmc+",Mi="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDE1IDMwIj48cGF0aCBkPSJNOS4xMywxNS40bC0yLjY2LDJhLjUuNSwwLDAsMS0uOC0uNFYxM2EuNS41LDAsMCwxLC44LS40bDIuNjYsMkEuNS41LDAsMCwxLDkuMTMsMTUuNFoiIHN0eWxlPSJmaWxsOiM4ZThlOGUiLz48L3N2Zz4=";class gi extends t.Component{constructor(e){super(e),this._secondDragEnter=!1,this.state={expand:!0,dragOver:!1,dragOverLocation:p.NONE,isHovered:!1,isSelected:this.props.selectedEntities.includes(this.props.entity),blockDrag:!1},this._onSelectionChangedObservable=e.globalState.onSelectionChangedObservable.add((()=>{this.setState({isSelected:this.props.globalState.selectedControls.includes(this.props.entity)})})),this._onDraggingEndObservable=e.globalState.onDraggingEndObservable.add((()=>{this.setState({dragOverLocation:p.NONE})})),this._onDraggingStartObservable=e.globalState.onDraggingStartObservable.add((()=>{this.forceUpdate()}))}switchExpandedState(){this.props.entity.reservedDataStore.setExpandedState(!this.props.entity.reservedDataStore.isExpanded),this.setState({expand:!this.state.expand})}shouldComponentUpdate(e,t){return e.selectedEntities.includes(e.entity)?(t.isSelected=!0,!0):(t.isSelected=!1,po.LookForItems(e.entity,e.selectedEntities),!0)}scrollIntoView(){const e=n.findDOMNode(this);e&&e.scrollIntoView(!1)}componentWillUnmount(){this.props.globalState.onSelectionChangedObservable.remove(this._onSelectionChangedObservable),this.props.globalState.onDraggingEndObservable.remove(this._onDraggingEndObservable),this.props.globalState.onDraggingStartObservable.remove(this._onDraggingStartObservable)}onSelect(){const e=this.props.entity;this.props.globalState.select(e),this.props.globalState.selectionLock=!0}renderChildren(e,t=!0){const n=this.props.entity;if(!n.getChildren&&!n.children||!e)return null;const r=po.SortAndFilter(n,n.getChildren?n.getChildren():n.children);return"StackPanel"!==n.typeName&&"VirtualKeyboard"!==n.typeName||r.reverse(),r.map(((e,n)=>"Art-Board-Background"==e.name?null:(0,g.jsx)(gi,{globalState:this.props.globalState,mustExpand:this.props.mustExpand,extensibilityGroups:this.props.extensibilityGroups,selectedEntities:this.props.selectedEntities,offset:this.props.offset+(t?2:0),entity:e,filter:this.props.filter},n)))}render(){if(this.props.entity===this.props.globalState.workbench.trueRootContainer||this.props.entity===this.props.globalState.workbench.visibleRegionContainer||this.props.entity===this.props.globalState.workbench.panAndZoomContainer)return this.renderChildren(!0,!1);const e={paddingLeft:10*(this.props.offset+.5)-20+"px"},t={marginLeft:10*(this.props.offset+.5)-20+"px"};let n=this.props.entity;n.reservedDataStore||(n.reservedDataStore={isExpanded:!0,setExpandedState:e=>n.reservedDataStore.isExpanded=e});const r=n.reservedDataStore.isExpanded||po.LookForItems(this.props.entity,this.props.selectedEntities);n.reservedDataStore.isExpanded=r;const o=r?(0,g.jsx)("img",{src:Ai,className:"icon"}):(0,g.jsx)("img",{src:Mi,className:"icon"});let i="MultiMaterial"===n.getClassName()?[]:po.SortAndFilter(n,n.getChildren?n.getChildren():n.children),s=i.length>0;if(this.props.filter){const e=this.props.filter.toLowerCase();if(!n.name||-1===n.name.toLowerCase().indexOf(e)){if(!s)return null;if(n.getDescendants&&0===n.getDescendants(!1,(t=>t.name&&-1!==t.name.toLowerCase().indexOf(e))).length)return null}}let l="itemContainer";l+=this.state.isSelected&&null===this.props.globalState.draggedControl?" selected":"",l+=this.state.isHovered&&null===this.props.globalState.draggedControl?" hover":"",l+=this.state.dragOver&&this.state.dragOverLocation==p.CENTER&&n instanceof a.Container?" parent":"",l+=this.props.globalState.draggedControl===this.props.entity?" dragged":"",l+=this.state.dragOver&&this.state.dragOverLocation==p.ABOVE&&n.parent?" seAbove":"",l+=this.state.dragOver&&this.state.dragOverLocation==p.BELOW&&n.parent?" seBelow":"";const c="itemContainer seAbove"===l||"itemContainer seBelow"===l?t:e;return(0,g.jsxs)("div",{children:[(0,g.jsxs)("div",{className:l,style:c,onPointerUp:()=>{this.onSelect()},onPointerEnter:()=>this.setState({isHovered:!0}),onPointerLeave:()=>this.setState({isHovered:!1}),onDragStart:()=>{this.props.globalState.draggedControl=this.props.entity,this.props.globalState.onDraggingStartObservable.notifyObservers()},onDragEnd:()=>{this.props.globalState.onDraggingEndObservable.notifyObservers()},draggable:n.parent&&!this.state.blockDrag,onDrop:e=>{this.drop(),e.preventDefault()},onDragEnter:e=>{e.preventDefault(),this.dragOver(e)},onDragOver:e=>this.updateDragOverLocation(e),onDragLeave:()=>{this._secondDragEnter?this._secondDragEnter=!1:this.setState({dragOver:!1})},children:[s&&(0,g.jsx)("div",{className:"arrow icon",onClick:e=>{if(this.switchExpandedState(),e.shiftKey)for(;s;)this.renderChildren(!0),n=n.children[0],i="MultiMaterial"===n.getClassName()?[]:po.SortAndFilter(n,n.getChildren?n.getChildren():n.children),s=i.length>0,n.reservedDataStore.isExpanded=!0},children:o}),(0,g.jsx)(pi,{globalState:this.props.globalState,extensibilityGroups:this.props.extensibilityGroups,control:n,onClick:()=>{},isHovered:this.state.isHovered,isDragOver:this.state.dragOver,dragOverLocation:this.state.dragOverLocation,onRenamingStateChanged:e=>{this.setState({blockDrag:e})}})]}),this.renderChildren(r)]})}dragOver(e){this.updateDragOverLocation(e),this.state.dragOver?this._secondDragEnter=!0:this.setState({dragOver:!0})}updateDragOverLocation(e){const t=e.target.getBoundingClientRect(),n=e.clientY-t.top;this.props.entity instanceof a.Container?n<6.4?this.setState({dragOverLocation:p.ABOVE}):n>25.6?this.setState({dragOverLocation:p.BELOW}):this.setState({dragOverLocation:p.CENTER}):n<16?this.setState({dragOverLocation:p.ABOVE}):this.setState({dragOverLocation:p.BELOW})}drop(){this.props.globalState.onDropObservable.notifyObservers();const e=this.props.entity;this.props.globalState.draggedControl!=e&&(this.props.globalState.draggedControlDirection=this.state.dragOverLocation,this.props.globalState.onParentingChangeObservable.notifyObservers(this.props.entity)),this.props.globalState.draggedControl=null,this.setState({dragOverLocation:p.NONE,dragOver:!1}),this._secondDragEnter=!1}}var Li=o(312);class Ci extends t.Component{constructor(e){super(e)}expandAll(){this.props.onExpandAll(!this.props.isExpanded)}render(){const e=this.props.isExpanded?(0,g.jsx)("img",{src:Ai,className:"icon"}):(0,g.jsx)("img",{src:Mi,className:"icon"});return(0,g.jsxs)("div",{className:"expandableHeader",children:[(0,g.jsxs)("div",{className:"text",children:[(0,g.jsx)("div",{className:"arrow icon",onClick:()=>this.props.onClick(),children:e}),(0,g.jsx)("div",{className:"text-value",children:this.props.label})]}),(0,g.jsx)("div",{className:"expandAll icon",onClick:()=>this.expandAll(),title:this.props.isExpanded?"Collapse all":"Expand all",children:e})]})}}class hi extends t.Component{constructor(e){super(e)}render(){return(0,g.jsx)("div",{className:"expandableHeader",children:(0,g.jsxs)("div",{className:"text",children:[(0,g.jsx)("div",{className:"arrow icon",children:(0,g.jsx)(or,{icon:cr})}),(0,g.jsx)("div",{className:"text-value",children:this.props.label})]})})}}class wi extends t.Component{constructor(e){super(e),this.state={isExpanded:!0,mustExpand:!0}}switchExpandedState(){this.setState({isExpanded:!this.state.isExpanded,mustExpand:!1})}shouldComponentUpdate(e,t){if(!t.isExpanded&&this.state.isExpanded)return!0;const n=e.items;if(n&&n.length)for(const r of n)if(po.LookForItems(r,e.selectedEntities))return t.isExpanded=!0,!0;return!0}expandAll(e){this.setState({isExpanded:e,mustExpand:e})}renderContextMenu(){return this.props.contextMenuItems?(0,g.jsx)(Li.tz,{id:"contextmenu#"+wi._ContextMenuUniqueIdGenerator++,className:"context-menu",children:this.props.contextMenuItems.map((e=>(0,g.jsx)(Li.Dr,{onClick:()=>e.action(),children:e.label},e.label)))}):(wi._ContextMenuUniqueIdGenerator++,null)}render(){let e=this.props.items;const t={paddingLeft:10*(this.props.offset+.5)+"px"};if(!e){if(!this.props.forceSubitems)return(0,g.jsx)("div",{className:"groupContainer",style:t,children:(0,g.jsx)("div",{children:this.props.label})});e=[]}if(!e.length)return(0,g.jsx)("div",{className:"groupContainer",style:t,children:(0,g.jsxs)(Li.Rc,{id:"contextmenu#"+wi._ContextMenuUniqueIdGenerator,children:[this.renderContextMenu(),(0,g.jsx)(hi,{label:this.props.label})]})});if(!this.state.isExpanded)return(0,g.jsx)("div",{className:"groupContainer",style:t,children:(0,g.jsxs)(Li.Rc,{id:"contextmenu#"+wi._ContextMenuUniqueIdGenerator,children:[this.renderContextMenu(),(0,g.jsx)(Ci,{isExpanded:!1,label:this.props.label,onClick:()=>this.switchExpandedState(),onExpandAll:e=>this.expandAll(e)})]})});const n=po.SortAndFilter(null,e)[0].getChildren();return(0,g.jsx)("div",{children:n.map((e=>(0,g.jsx)(gi,{extensibilityGroups:this.props.extensibilityGroups,offset:this.props.offset+1,selectedEntities:this.props.selectedEntities,entity:e,globalState:this.props.globalState,filter:this.props.filter},void 0!==e.uniqueId&&null!==e.uniqueId?e.uniqueId:e.name)))})}}wi._ContextMenuUniqueIdGenerator=0;var mi=o(660),bi={};bi.styleTagTransform=Nr(),bi.setAttributes=jr(),bi.insert=mr().bind(null,"head"),bi.domAPI=hr(),bi.insertStyleElement=yr(),Lr()(mi.A,bi),mi.A&&mi.A.locals&&mi.A.locals,t.Component;class ji extends t.Component{constructor(e){super(e),this.state={filter:null,selectedEntity:null,scene:this.props.scene?this.props.scene:null},this._onNewSceneObserver=this.props.globalState.onNewSceneObservable.add((e=>{this.setState({scene:e})})),this._onPropertyChangedObservable=this.props.globalState.onPropertyChangedObservable.add((e=>{"name"!==e.property&&"_columnNumber"!==e.property&&"_rowNumber"!==e.property||this.forceUpdate()})),this._onUpdateRequiredObserver=this.props.globalState.onUpdateRequiredObservable.add((()=>{this.forceUpdate()}))}componentDidMount(){this._onSelectionChangeObserver=this.props.globalState.onSelectionChangedObservable.add((e=>{this.state.selectedEntity!==e&&this.setState({selectedEntity:e})})),this.props.globalState.onSelectionChangedObservable.add((()=>{this.forceUpdate()})),this._onParrentingChangeObserver=this.props.globalState.onParentingChangeObservable.add((()=>{this.forceUpdate()}))}componentWillUnmount(){this._onSelectionChangeObserver&&this.props.globalState.onSelectionChangedObservable.remove(this._onSelectionChangeObserver),this._onNewSceneObserver&&this.props.globalState.onNewSceneObservable.remove(this._onNewSceneObserver),this._onParrentingChangeObserver&&this.props.globalState.onParentingChangeObservable.remove(this._onParrentingChangeObserver),this._onPropertyChangedObservable&&this.props.globalState.onPropertyChangedObservable.remove(this._onPropertyChangedObservable),this._onUpdateRequiredObserver&&this.props.globalState.onUpdateRequiredObservable.remove(this._onUpdateRequiredObserver)}filterContent(e){this.setState({filter:e})}findSiblings(e,t,n,r,o){if(!t)return!1;const i=po.SortAndFilter(e,t);if(!t||0===i.length)return!1;for(const e of i){if(e===n){if(o.found=!0,!r)return o.previousOne&&this.props.globalState.select(o.previousOne),!0}else{if(o.found)return this.props.globalState.select(e),!0;o.previousOne=e}if(e.getChildren&&e.reservedDataStore&&e.reservedDataStore.isExpanded&&this.findSiblings(e,e.getChildren(),n,r,o))return!0}return!1}processKeys(e){if("input"===e.target.localName)return;const t=this.state.scene;let n=!1,o=!1;switch(e.key){case"ArrowUp":n=!0;break;case"ArrowDown":o=!0,n=!0;break;case"Enter":case"ArrowRight":return this.props.globalState.selectedControls.forEach((e=>{const t=e.reservedDataStore;t&&t.setExpandedState&&t.setExpandedState(!0)})),e.preventDefault(),void this.forceUpdate();case"ArrowLeft":return this.props.globalState.selectedControls.forEach((e=>{const t=e.reservedDataStore;r.Logger.Log(t),t&&t.setExpandedState&&t.setExpandedState(!1)})),e.preventDefault(),void this.forceUpdate();case"Delete":case"Backspace":this.props.globalState.deleteSelectedNodes(),this.forceUpdate()}if(n&&(e.preventDefault(),t)){const e=this.props.globalState.selectedControls[this.props.globalState.selectedControls.length-1],n={};this.findSiblings(null,t.rootNodes,e,o,n)||this.findSiblings(null,t.materials,e,o,n)||this.findSiblings(null,t.textures,e,o,n)}}renderContent(){if(!this.state.scene)return null;const e=[this.props.globalState.guiTexture];return(0,g.jsx)("div",{id:"tree",onDrop:()=>{this.props.globalState.onDropObservable.notifyObservers(),this.props.globalState.onParentingChangeObservable.notifyObservers(null)},onDragOver:e=>{e.preventDefault()},onClick:()=>{this.props.globalState.selectionLock?this.props.globalState.selectionLock=!1:this.props.globalState.setSelection([])},onContextMenu:e=>e.preventDefault(),children:e&&e.length>0&&(0,g.jsx)(wi,{globalState:this.props.globalState,extensibilityGroups:this.props.extensibilityGroups,selectedEntities:this.props.globalState.selectedControls,items:e,label:"GUI",offset:1,filter:this.state.filter})})}onClose(){this.props.onClose&&this.props.onClose()}onPopup(){this.props.onPopup&&this.props.onPopup()}render(){return(0,g.jsxs)("div",{id:"ge-sceneExplorer",tabIndex:0,onKeyDown:e=>this.processKeys(e),children:[this.props.children,this.renderContent()]})}}class fi extends t.Component{constructor(e){super(e),this._id=fi._IDGenerator++,this._uploadInputRef=t.createRef()}onChange(e){const t=e.target.files;t&&t.length&&this.props.onClick(t[0]),e.target.value=""}render(){return(0,g.jsxs)("div",{className:"buttonLine",children:[this.props.icon&&(0,g.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),(0,g.jsx)("label",{htmlFor:"file-upload"+this._id,className:"file-upload",children:this.props.label}),(0,g.jsx)("input",{ref:this._uploadInputRef,id:"file-upload"+this._id,type:"file",accept:this.props.accept,onChange:e=>this.onChange(e)})]})}}fi._IDGenerator=0;class yi extends t.Component{constructor(e){super(e),this.state={isExpanded:!1,activeState:""}}render(){return(0,g.jsxs)(g.Fragment,{children:[this.state.isExpanded&&(0,g.jsx)("div",{className:"command-dropdown-blocker",onClick:()=>{this.setState({isExpanded:!1})}}),(0,g.jsxs)("div",{className:"command-dropdown-root",children:[(0,g.jsxs)("div",{className:"command-dropdown"+(this.state.isExpanded?" activated":""),title:this.props.tooltip,onClick:()=>{this.setState({isExpanded:!1});const e=!this.state.isExpanded,t=document.getElementById("embed-host");t&&(t.style.zIndex=e?"0":"10"),this.setState({isExpanded:e})},children:[this.props.icon&&(0,g.jsx)("div",{className:"command-dropdown-icon",children:(0,g.jsx)("img",{src:this.props.icon})}),!this.props.icon&&(0,g.jsx)("div",{className:"command-dropdown-active"})]}),this.state.isExpanded&&(0,g.jsx)("div",{className:"command-dropdown-content sub1"+(this.props.toRight?" toRight":""),children:this.props.items.map((e=>e.fileButton?(0,g.jsx)(fi,{label:e.loadControlButton?"Load control":"Load",onClick:t=>this.props.globalState[e.loadControlButton?"onControlLoadObservable":"onLoadObservable"].notifyObservers(t),accept:".json"},e.label):(0,g.jsxs)("div",{className:"command-dropdown-label"+(e.isActive?" active":""),onClick:()=>{e.onClick?e.subItems||(e.onClick(),this.setState({isExpanded:!1,activeState:e.label})):this.forceUpdate()},title:e.label,children:[!e.icon&&(0,g.jsx)("div",{className:"command-dropdown-label-text",children:(e.isActive?"> ":"")+e.label}),e.icon&&(0,g.jsx)("div",{className:"command-dropdown-icon",children:(0,g.jsx)("img",{src:e.icon})}),e.onCheck&&(0,g.jsx)("input",{type:"checkBox",className:"command-dropdown-label-check",onChange:t=>{this.forceUpdate(),e.onCheck(t.target.checked)},checked:!1}),e.subItems&&(0,g.jsx)("div",{className:"command-dropdown-arrow",children:">"}),e.subItems&&(0,g.jsx)("div",{className:"sub-items ",children:e.subItems.map((t=>(0,g.jsx)("div",{className:"sub-item",onClick:()=>{e.onClick(),this.setState({isExpanded:!1})},children:(0,g.jsx)("div",{className:"sub-item-label",children:t})},t)))})]},e.label)))})]})]})}}var xi=o(463),Ni={};Ni.styleTagTransform=Nr(),Ni.setAttributes=jr(),Ni.insert=mr().bind(null,"head"),Ni.domAPI=hr(),Ni.insertStyleElement=yr(),Lr()(xi.A,Ni),xi.A&&xi.A.locals&&xi.A.locals;const Si=[{width:1920,height:1080},{width:1366,height:768},{width:1280,height:800},{width:3840,height:2160},{width:750,height:1334},{width:1125,height:2436},{width:1170,height:2532},{width:1284,height:2778},{width:1080,height:2220},{width:1080,height:2340},{width:1024,height:1024},{width:2048,height:2048}],vi=[{label:"Web (1920)",value:0},{label:"Web (1366)",value:1},{label:"Web (1280)",value:2},{label:"Web (3840)",value:3},{label:"iPhone 8 (750)",value:4},{label:"iPhone X, 11 (1125)",value:5},{label:"iPhone 12 (1170)",value:6},{label:"iPhone Pro Max (1284)",value:7},{label:"Google Pixel 4 (1080)",value:8},{label:"Google Pixel 5 (1080)",value:9},{label:"Square (1024)",value:10},{label:"Square (2048)",value:11}];class Di extends t.Component{constructor(e){super(e),this._sizeOption=0,this._stopUpdating=!1,this._lockObject=new s,e.globalState.onToolChangeObservable.add((()=>{this.forceUpdate()})),e.globalState.onOutlineChangedObservable.add((()=>{this.forceUpdate()})),e.globalState.onResizeObservable.add((()=>{this.forceUpdate()})),e.globalState.onSelectionChangedObservable.add((()=>{this.forceUpdate()})),e.globalState.onWindowResizeObservable.add((()=>{this.forceUpdate()}))}render(){const e=!this.props.globalState.workbench||this.props.globalState.workbench.pasteDisabled,t=this.props.globalState.workbench?{...this.props.globalState.workbench.guiSize}:{width:0,height:0},n=0===this.props.globalState.selectedControls.length?"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJpY29ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM3Nzc3Nzc7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE0Ljc2LDE0LjA2djEwLjI3YzAsMS40NiwxLjE4LDIuNjQsMi42NCwyLjY0aDcuMDFjLS4yNSwuNzEtLjkzLDEuMjItMS43MywxLjIyaC01LjI4Yy0yLjEzLDAtMy44Ni0xLjczLTMuODYtMy44NlYxNS43OGMwLS44LC41MS0xLjQ4LDEuMjItMS43M1ptOS45Ni0yLjE0YzEuMDEsMCwxLjgzLC44MiwxLjgzLDEuODN2MTAuNTdjMCwxLjAxLS44MiwxLjgzLTEuODMsMS44M2gtNy4zMmMtMS4wMSwwLTEuODMtLjgyLTEuODMtMS44M1YxMy43NWMwLTEuMDEsLjgyLTEuODMsMS44My0xLjgzaDcuMzJabTAsMS4yMmgtNy4zMmMtLjM0LDAtLjYxLC4yNy0uNjEsLjYxdjEwLjU3YzAsLjM0LC4yNywuNjEsLjYxLC42MWg3LjMyYy4zNCwwLC42MS0uMjcsLjYxLS42MVYxMy43NWMwLS4zNC0uMjctLjYxLS42MS0uNjFaIi8+PC9zdmc+":"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJpY29ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE0Ljc2LDE0LjA2djEwLjI3YzAsMS40NiwxLjE4LDIuNjQsMi42NCwyLjY0aDcuMDFjLS4yNSwuNzEtLjkzLDEuMjItMS43MywxLjIyaC01LjI4Yy0yLjEzLDAtMy44Ni0xLjczLTMuODYtMy44NlYxNS43OGMwLS44LC41MS0xLjQ4LDEuMjItMS43M1ptOS45Ni0yLjE0YzEuMDEsMCwxLjgzLC44MiwxLjgzLDEuODN2MTAuNTdjMCwxLjAxLS44MiwxLjgzLTEuODMsMS44M2gtNy4zMmMtMS4wMSwwLTEuODMtLjgyLTEuODMtMS44M1YxMy43NWMwLTEuMDEsLjgyLTEuODMsMS44My0xLjgzaDcuMzJabTAsMS4yMmgtNy4zMmMtLjM0LDAtLjYxLC4yNy0uNjEsLjYxdjEwLjU3YzAsLjM0LC4yNywuNjEsLjYxLC42MWg3LjMyYy4zNCwwLC42MS0uMjcsLjYxLS42MVYxMy43NWMwLS4zNC0uMjctLjYxLS42MS0uNjFaIi8+PC9zdmc+",o=0===this.props.globalState.selectedControls.length?"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJpY29ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM3Nzc3Nzc7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE4LjM5LDE0LjU0aDMuMjRjMC0uODktLjcyLTEuNjItMS42Mi0xLjYycy0xLjYyLC43Mi0xLjYyLDEuNjJabS0xLjIxLDBjMC0xLjU2LDEuMjctMi44MywyLjgzLTIuODNzMi44MywxLjI3LDIuODMsMi44M2g0LjY1Yy4zNCwwLC42MSwuMjcsLjYxLC42MXMtLjI3LC42MS0uNjEsLjYxaC0xLjA3bC0uOTUsOS44Yy0uMTUsMS41Ni0xLjQ2LDIuNzQtMy4wMiwyLjc0aC00LjljLTEuNTYsMC0yLjg3LTEuMTktMy4wMi0yLjc0bC0uOTUtOS44aC0xLjA3Yy0uMzQsMC0uNjEtLjI3LS42MS0uNjFzLjI3LS42MSwuNjEtLjYxaDQuNjVabTEuNjIsMy44NGMwLS4zNC0uMjctLjYxLS42MS0uNjFzLS42MSwuMjctLjYxLC42MXY2LjA3YzAsLjM0LC4yNywuNjEsLjYxLC42MXMuNjEtLjI3LC42MS0uNjF2LTYuMDdabTMuMDQtLjYxYy4zNCwwLC42MSwuMjcsLjYxLC42MXY2LjA3YzAsLjM0LS4yNywuNjEtLjYxLC42MXMtLjYxLS4yNy0uNjEtLjYxdi02LjA3YzAtLjM0LC4yNy0uNjEsLjYxLS42MVptLTYuMDgsNy42NmMuMDksLjkzLC44NywxLjY1LDEuODEsMS42NWg0LjljLjk0LDAsMS43Mi0uNzEsMS44MS0xLjY1bC45NC05LjY5SDE0LjgxbC45NCw5LjY5WiIvPjwvc3ZnPg==":"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJpY29ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE4LjM5LDE0LjU0aDMuMjRjMC0uODktLjcyLTEuNjItMS42Mi0xLjYycy0xLjYyLC43Mi0xLjYyLDEuNjJabS0xLjIxLDBjMC0xLjU2LDEuMjctMi44MywyLjgzLTIuODNzMi44MywxLjI3LDIuODMsMi44M2g0LjY1Yy4zNCwwLC42MSwuMjcsLjYxLC42MXMtLjI3LC42MS0uNjEsLjYxaC0xLjA3bC0uOTUsOS44Yy0uMTUsMS41Ni0xLjQ2LDIuNzQtMy4wMiwyLjc0aC00LjljLTEuNTYsMC0yLjg3LTEuMTktMy4wMi0yLjc0bC0uOTUtOS44aC0xLjA3Yy0uMzQsMC0uNjEtLjI3LS42MS0uNjFzLjI3LS42MSwuNjEtLjYxaDQuNjVabTEuNjIsMy44NGMwLS4zNC0uMjctLjYxLS42MS0uNjFzLS42MSwuMjctLjYxLC42MXY2LjA3YzAsLjM0LC4yNywuNjEsLjYxLC42MXMuNjEtLjI3LC42MS0uNjF2LTYuMDdabTMuMDQtLjYxYy4zNCwwLC42MSwuMjcsLjYxLC42MXY2LjA3YzAsLjM0LS4yNywuNjEtLjYxLC42MXMtLjYxLS4yNy0uNjEtLjYxdi02LjA3YzAtLjM0LC4yNy0uNjEsLjYxLS42MVptLTYuMDgsNy42NmMuMDksLjkzLC44NywxLjY1LDEuODEsMS42NWg0LjljLjk0LDAsMS43Mi0uNzEsMS44MS0xLjY1bC45NC05LjY5SDE0LjgxbC45NCw5LjY5WiIvPjwvc3ZnPg==",i=e?"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJpY29ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM3Nzc3Nzc7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIwLjYxLDEyLjA3Yy45NCwwLDEuNzEsLjcxLDEuODEsMS42MmgxLjQzYy45NywwLDEuNzYsLjc1LDEuODIsMS43di4xM2MwLC4zMS0uMjIsLjU2LS41MiwuNmgtLjA4Yy0uMzEsMC0uNTYtLjIyLS42LS41MnYtLjA4YzAtLjMxLS4yMy0uNTYtLjUzLS42aC0xLjgxYy0uMzMsLjQ4LS44OCwuOC0xLjUxLC44aC0yLjg1Yy0uNjMsMC0xLjE5LS4zMi0xLjUxLS44MWgtMS43M2MtLjMxLDAtLjU2LC4yMy0uNiwuNTN2MTEuMDVjMCwuMzEsLjIyLC41NiwuNTIsLjZoMi41MmMuMzEsMCwuNTYsLjIzLC42LC41M3YuMDhjMCwuMzQtLjI3LC42MS0uNiwuNjFoLTIuNDRjLS45NywwLTEuNzYtLjc1LTEuODItMS43VjE1LjUzYzAtLjk3LC43NS0xLjc2LDEuNy0xLjgyaDEuNTZjLjEtLjkyLC44Ny0xLjYzLDEuODEtMS42M2gyLjg1Wm00Ljg3LDQuODdjLjk3LDAsMS43NiwuNzUsMS44MiwxLjd2Ny44NGMwLC45Ny0uNzUsMS43Ni0xLjcsMS44MmgtNS40Yy0uOTcsMC0xLjc2LS43NS0xLjgyLTEuN3YtNy44NGMwLS45NywuNzUtMS43NiwxLjctMS44Mmg1LjRabTAsMS4yMWgtNS4yOGMtLjMxLDAtLjU2LC4yMy0uNiwuNTN2Ny44YzAsLjMxLC4yMiwuNTYsLjUyLC42aDUuMzZjLjMxLDAsLjU2LS4yMiwuNi0uNTJ2LTcuOGMwLS4zMS0uMjItLjU2LS41Mi0uNmgtLjA4Wm0tNC44Ny00Ljg4aC0yLjg1Yy0uMzMsMC0uNjEsLjI3LS42MSwuNjFzLjI3LC42MSwuNjEsLjYxaDIuODVjLjMzLDAsLjYxLS4yNywuNjEtLjYxcy0uMjctLjYxLS42MS0uNjFaIi8+PC9zdmc+":"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJpY29ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIwLjYxLDEyLjA3Yy45NCwwLDEuNzEsLjcxLDEuODEsMS42MmgxLjQzYy45NywwLDEuNzYsLjc1LDEuODIsMS43di4xM2MwLC4zMS0uMjIsLjU2LS41MiwuNmgtLjA4Yy0uMzEsMC0uNTYtLjIyLS42LS41MnYtLjA4YzAtLjMxLS4yMy0uNTYtLjUzLS42aC0xLjgxYy0uMzMsLjQ4LS44OCwuOC0xLjUxLC44aC0yLjg1Yy0uNjMsMC0xLjE5LS4zMi0xLjUxLS44MWgtMS43M2MtLjMxLDAtLjU2LC4yMy0uNiwuNTN2MTEuMDVjMCwuMzEsLjIyLC41NiwuNTIsLjZoMi41MmMuMzEsMCwuNTYsLjIzLC42LC41M3YuMDhjMCwuMzQtLjI3LC42MS0uNiwuNjFoLTIuNDRjLS45NywwLTEuNzYtLjc1LTEuODItMS43VjE1LjUzYzAtLjk3LC43NS0xLjc2LDEuNy0xLjgyaDEuNTZjLjEtLjkyLC44Ny0xLjYzLDEuODEtMS42M2gyLjg1Wm00Ljg3LDQuODdjLjk3LDAsMS43NiwuNzUsMS44MiwxLjd2Ny44NGMwLC45Ny0uNzUsMS43Ni0xLjcsMS44MmgtNS40Yy0uOTcsMC0xLjc2LS43NS0xLjgyLTEuN3YtNy44NGMwLS45NywuNzUtMS43NiwxLjctMS44Mmg1LjRabTAsMS4yMWgtNS4yOGMtLjMxLDAtLjU2LC4yMy0uNiwuNTN2Ny44YzAsLjMxLC4yMiwuNTYsLjUyLC42aDUuMzZjLjMxLDAsLjU2LS4yMiwuNi0uNTJ2LTcuOGMwLS4zMS0uMjItLjU2LS41Mi0uNmgtLjA4Wm0tNC44Ny00Ljg4aC0yLjg1Yy0uMzMsMC0uNjEsLjI3LS42MSwuNjFzLjI3LC42MSwuNjEsLjYxaDIuODVjLjMzLDAsLjYxLS4yNywuNjEtLjYxcy0uMjctLjYxLS42MS0uNjFaIi8+PC9zdmc+",s=this.props.globalState.fromPG?r.DataStorage.ReadBoolean("responsiveUI",!0):r.DataStorage.ReadBoolean("Responsive",!0);return this._sizeOption=Si.findIndex((e=>e.width==t.width&&e.height==t.height)),this._sizeOption<0&&(this.props.globalState.onResponsiveChangeObservable.notifyObservers(!1),r.DataStorage.WriteBoolean("Responsive",!1)),(0,g.jsxs)("div",{className:"ge-commands",children:[(0,g.jsxs)("div",{className:"commands-left",children:[(0,g.jsxs)("div",{className:"divider",children:[(0,g.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cG9seWdvbiBwb2ludHM9IjI5LjM5IDE0LjU4IDI2LjQ1IDEyLjg4IDIzLjYzIDE0LjUxIDI2LjU3IDE2LjIxIDI5LjM5IDE0LjU4IiBzdHlsZT0iZmlsbDojZTA2ODRiIi8+PHBvbHlnb24gcG9pbnRzPSIxMy40MyAxNi4yMSAyMi44MyAxMC43OSAyMCA5LjE1IDEwLjYxIDE0LjU4IDEzLjQzIDE2LjIxIiBzdHlsZT0iZmlsbDojZTA2ODRiIi8+PHBvbHlnb24gcG9pbnRzPSIxNy4wNiAyMS43IDIwIDIzLjM5IDIyLjk0IDIxLjcgMjAgMjAgMTcuMDYgMjEuNyIgc3R5bGU9ImZpbGw6I2UwNjg0YiIvPjxwb2x5Z29uIHBvaW50cz0iMjYuNTcgMTYuMjEgMjYuNTcgMjMuNzkgMjAgMjcuNTggMTMuNDMgMjMuNzkgMTMuNDMgMTYuMjEgMTAuNjEgMTQuNTggMTAuNjEgMjUuNDIgMjAgMzAuODUgMjkuMzkgMjUuNDIgMjkuMzkgMTQuNTggMjYuNTcgMTYuMjEiIHN0eWxlPSJmaWxsOiNiYjQ2NGIiLz48cG9seWdvbiBwb2ludHM9IjIwIDE2LjYxIDE3LjA2IDE4LjMgMTcuMDYgMjEuNyAyMCAyMCAyMi45NCAyMS43IDIyLjk0IDE4LjMgMjAgMTYuNjEiIHN0eWxlPSJmaWxsOiNiYjQ2NGIiLz48cG9seWdvbiBwb2ludHM9IjI2LjU3IDE2LjIxIDIyLjk0IDE4LjMgMjIuOTQgMjEuNyAyMCAyMy4zOSAyMCAyNy41OCAyNi41NyAyMy43OSAyNi41NyAxNi4yMSIgc3R5bGU9ImZpbGw6I2UwZGVkOCIvPjxwb2x5Z29uIHBvaW50cz0iMTMuNDMgMTYuMjEgMTcuMDYgMTguMyAxNy4wNiAyMS43IDIwIDIzLjM5IDIwIDI3LjU4IDEzLjQzIDIzLjc5IDEzLjQzIDE2LjIxIiBzdHlsZT0iZmlsbDojZDVkMmNhIi8+PHBvbHlnb24gcG9pbnRzPSIyMi44MyAxMC43OSAyNi40NSAxMi44OCAyMy42MyAxNC41MSAyNi41NyAxNi4yMSAyMi45NCAxOC4zIDIwIDE2LjYxIDE3LjA2IDE4LjMgMTMuNDMgMTYuMjEgMjIuODMgMTAuNzkiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4=",color:"white",className:"active",draggable:!1}),(0,g.jsx)(yi,{globalState:this.props.globalState,toRight:!0,icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTIuNDYsMTUuMzFIMjcuNjJhLjYyLjYyLDAsMCwwLC41My0uNjEuNjEuNjEsMCwwLDAtLjYxLS42MUgxMi4zOGEuNjEuNjEsMCwwLDAsLjA4LDEuMjFaIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTI3LjU0LDE5LjM5SDEyLjM4YS42MS42MSwwLDAsMCwuMDgsMS4yMUgyNy42MmEuNjIuNjIsMCwwLDAsLjUzLS42MUEuNjEuNjEsMCwwLDAsMjcuNTQsMTkuMzlaIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTI3LjU0LDI0LjY5SDEyLjM4YS42Mi42MiwwLDAsMC0uNTMuNjEuNjEuNjEsMCwwLDAsLjYxLjYxSDI3LjYyYS42MS42MSwwLDAsMC0uMDgtMS4yMVoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4=",tooltip:"Options",items:[{label:"Save",onClick:()=>{this.props.globalState.onSaveObservable.notifyObservers()}},{label:"Load",fileButton:!0},{label:"Save to snippet",onClick:()=>{this.props.globalState.onSnippetSaveObservable.notifyObservers()}},{label:"Load from snippet",onClick:()=>{this.props.globalState.onSnippetLoadObservable.notifyObservers()}},{label:"Save selected control",onClick:()=>{this.props.globalState.onSaveSelectedControl.notifyObservers()}},{label:"Load control",fileButton:!0,loadControlButton:!0},{label:"Help",onClick:()=>{window.open("https://doc.babylonjs.com/toolsAndResources/tools/guiEditor","_blank")}},{label:"Give feedback",onClick:()=>{window.open("https://forum.babylonjs.com/t/introducing-the-gui-editor-beta/28943","_blank")}}]}),(0,g.jsx)(I,{tooltip:"Select",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjYuMDksMjAuNjUsMTUuMzcsMTIuMzFhMS4xOSwxLjE5LDAsMCwwLTEuOTIuOTR2MTMuNWExLjE5LDEuMTksMCwwLDAsMi4xMi43NGwzLjMzLTQuMjFhMS4zLDEuMywwLDAsMSwxLS41aDUuNDRBMS4xOSwxLjE5LDAsMCwwLDI2LjA5LDIwLjY1Wm0tNi4xNy45NGEyLjUxLDIuNTEsMCwwLDAtMiwuOTVsLTMuMzIsNC4yMVYxMy4yNWwxMC43Miw4LjM0WiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg==",shortcut:"S",isActive:this.props.globalState.tool===A.SELECT,onClick:()=>{this.props.globalState.tool=A.SELECT}}),(0,g.jsx)(I,{tooltip:"Pan",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTkuMzksMTMuNTF2NS4wN2EuNjEuNjEsMCwwLDAsLjYxLjYxLjYxLjYxLDAsMCwwLC42MS0uNjFWMTQuNTFhLjM5LjM5LDAsMCwxLC40LS4zOS40My40MywwLDAsMSwuNDEuNDF2Ni4wOGEuNjEuNjEsMCwwLDAsMSwuNDJoMGwwLDAsLjA4LS4wN2MuMDgtLjA3LjE5LS4xNi4zMy0uMjZBMi42NiwyLjY2LDAsMCwxLDI0LDIwLjJhMS44NiwxLjg2LDAsMCwxLDEuMTMuMTEuNjguNjgsMCwwLDEsLjM2LjQzbC0xLjM1LDFMMjQsMjEuOGwtMS43NiwxLjc2YTEwLDEwLDAsMCwwLTEuODcsMi41OSwxLjM1LDEuMzUsMCwwLDEtMS4yLjc0SDE3YTEuMjEsMS4yMSwwLDAsMS0xLjA3LS41OCw5LDksMCwwLDEtMS4zOS00LjA4VjE2YS40MS40MSwwLDEsMSwuODEsMHYyLjgzYS42MS42MSwwLDAsMCwuNjEuNjEuNjEuNjEsMCwwLDAsLjYxLS42MVYxNC41M2EuNC40LDAsMCwxLC40LS40MS40MS40MSwwLDAsMSwuNDEuNDF2NGEuNjEuNjEsMCwxLDAsMS4yMSwwVjEzLjUxYS40MS40MSwwLDAsMSwuODEsMFpNMjAuNTIsMTNBMS42MywxLjYzLDAsMCwwLDE5LDExLjg5LDEuNiwxLjYsMCwwLDAsMTcuNDYsMTNhMS42MywxLjYzLDAsMCwwLS41LS4wNywxLjYxLDEuNjEsMCwwLDAtMS42MSwxLjQ3LDEuODQsMS44NCwwLDAsMC0uNDEtLjA1QTEuNjIsMS42MiwwLDAsMCwxMy4zMSwxNnY2LjI4YTEwLjIsMTAuMiwwLDAsMCwxLjU2LDQuN0EyLjQ0LDIuNDQsMCwwLDAsMTcsMjguMTFIMTkuMmEyLjU4LDIuNTgsMCwwLDAsMi4yOS0xLjQxLDguNzksOC43OSwwLDAsMSwxLjYzLTIuMjhsMS43NC0xLjczLDEuNTgtMS4xOWEuNjEuNjEsMCwwLDAsLjI1LS40OSwxLjksMS45LDAsMCwwLTEuMDYtMS43OEEzLDMsMCwwLDAsMjMuNzQsMTlhMy42NCwzLjY0LDAsMCwwLTEuMTEuNFYxNC41M0ExLjYzLDEuNjMsMCwwLDAsMjEsMTIuOTEsMS41MSwxLjUxLDAsMCwwLDIwLjUyLDEzWiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg==",shortcut:"P",isActive:this.props.globalState.tool===A.PAN,onClick:()=>{this.props.globalState.tool=A.PAN}}),(0,g.jsx)(I,{tooltip:"Zoom",shortcut:"Z",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjcuMSwyNi4yNGwtNC00YTUuODYsNS44NiwwLDEsMC0uODYuODZsNCw0LC4wNy4wNmEuNjIuNjIsMCwwLDAsLjc5LS4wNkEuNi42LDAsMCwwLDI3LjEsMjYuMjRabS04LjUxLTNhNC42NSw0LjY1LDAsMSwxLDQuNjQtNC42NEE0LjY1LDQuNjUsMCwwLDEsMTguNTksMjMuMjNaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+",isActive:this.props.globalState.tool===A.ZOOM,onClick:()=>{this.props.globalState.tool=A.ZOOM}})]}),(0,g.jsxs)("div",{className:"divider",children:[(0,g.jsx)(I,{tooltip:"Copy Selected",shortcut:"Ctrl + C",icon:n,isActive:!1,copyDeleteDisabled:0===this.props.globalState.selectedControls.length,onClick:()=>{this.props.globalState.onCopyObservable.notifyObservers((e=>this.props.globalState.hostWindow.navigator.clipboard.writeText(e))),this.forceUpdate()}}),(0,g.jsx)(I,{tooltip:"Paste",shortcut:"Ctrl + V",icon:i,isActive:!1,pasteDisabled:e,onClick:async()=>{this.props.globalState.onPasteObservable.notifyObservers(await this.props.globalState.hostWindow.navigator.clipboard.readText())}}),(0,g.jsx)(I,{tooltip:"Delete",shortcut:"Delete",icon:o,isActive:!1,copyDeleteDisabled:0===this.props.globalState.selectedControls.length,onClick:()=>{this.props.globalState.selectedControls.forEach((e=>{e!=this.props.globalState.guiTexture.getChildren()[0]&&(this.props.globalState.guiTexture.removeControl(e),this.props.globalState.liveGuiTexture?.removeControl(e),e.dispose())})),this.props.globalState.setSelection([])}})]}),(0,g.jsxs)("div",{className:"divider",children:[(0,g.jsx)(I,{tooltip:"Fit to Window",shortcut:"F",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjUuMDUsMTMuNTRhMywzLDAsMCwxLDMsM3Y2Ljg2YTMsMywwLDAsMS0zLDNIMTVhMywzLDAsMCwxLTMtM1YxNi41N2EzLDMsMCwwLDEsMy0zWm0wLDEuMjFIMTVhMS44MiwxLjgyLDAsMCwwLTEuODIsMS44MnY2Ljg2QTEuODIsMS44MiwwLDAsMCwxNSwyNS4yNWgxMC4xYTEuODIsMS44MiwwLDAsMCwxLjgyLTEuODJWMTYuNTdBMS44MiwxLjgyLDAsMCwwLDI1LjA1LDE0Ljc1Wm0wLDYuMDZhLjYxLjYxLDAsMCwxLC42MS42djFBMS42MiwxLjYyLDAsMCwxLDI0LDI0SDIzYS42MS42MSwwLDEsMSwwLTEuMjFoMWEuNC40LDAsMCwwLC40LS40MXYtMUEuNi42LDAsMCwxLDI1LjA1LDIwLjgxWm0tMTAuMSwwYS42LjYsMCwwLDEsLjYxLjZ2MWEuNC40LDAsMCwwLC40LjQxaDFBLjYxLjYxLDAsMSwxLDE3LDI0SDE2YTEuNjIsMS42MiwwLDAsMS0xLjYyLTEuNjJ2LTFBLjYxLjYxLDAsMCwxLDE1LDIwLjgxWk0xNiwxNmgxYS42MS42MSwwLDAsMSwuNjEuNjEuNjEuNjEsMCwwLDEtLjUzLjZIMTZhLjQyLjQyLDAsMCwwLS40LjMzdjEuMDlhLjYxLjYxLDAsMCwxLTEuMjEuMDhWMTcuNThBMS42MywxLjYzLDAsMCwxLDE1Ljg0LDE2Wk0yNCwxNmExLjYyLDEuNjIsMCwwLDEsMS42MiwxLjYydjFhLjYxLjYxLDAsMCwxLS42MS42LjYuNiwwLDAsMS0uNjEtLjZ2LTFhLjQuNCwwLDAsMC0uNC0uNDFIMjNBLjYxLjYxLDAsMSwxLDIzLDE2WiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg==",isActive:!1,onClick:()=>{this.props.globalState.onFitControlsToWindowObservable.notifyObservers()}}),(0,g.jsx)(I,{tooltip:"Toggle Guides",shortcut:"G",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjEuNiwxMy4zOGEuNi42LDAsMCwxLS42LjZIMTlhLjYuNiwwLDEsMSwwLTEuMmgyQS42LjYsMCwwLDEsMjEuNiwxMy4zOFoiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJNMTQsMTlhLjYuNiwwLDAsMC0xLjIsMHYyQS42LjYsMCwwLDAsMTQsMjFaIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTI2LDE5YS42LjYsMCwwLDEsMS4yLDB2MkEuNi42LDAsMCwxLDI2LDIxWiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjxwYXRoIGQ9Ik0yMSwyNy4yMkEuNi42LDAsMCwwLDIxLDI2SDE5YS42LjYsMCwxLDAsMCwxLjJaIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTE2LDEzLjM4YS42LjYsMCwwLDAtLjYtLjZIMTVhMi4yMSwyLjIxLDAsMCwwLTIuMiwyLjJ2LjQxYS42LjYsMCwwLDAsMS4yLDBWMTVhMSwxLDAsMCwxLDEtMWguNDFBLjYuNiwwLDAsMCwxNiwxMy4zOFoiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJNMjQuNjEsMTIuNzhhLjYuNiwwLDEsMCwwLDEuMkgyNWExLDEsMCwwLDEsMSwxdi40MWEuNi42LDAsMSwwLDEuMiwwVjE1YTIuMjEsMi4yMSwwLDAsMC0yLjItMi4yWiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjxwYXRoIGQ9Ik0xNiwyNi42MmEuNi42LDAsMCwxLS42LjZIMTVhMi4yMSwyLjIxLDAsMCwxLTIuMi0yLjJ2LS40MWEuNi42LDAsMCwxLDEuMiwwVjI1YTEsMSwwLDAsMCwxLDFoLjQxQS42LjYsMCwwLDEsMTYsMjYuNjJaIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTI0LjYxLDI3LjIyYS42LjYsMCwwLDEsMC0xLjJIMjVhMSwxLDAsMCwwLDEtMXYtLjQxYS42LjYsMCwwLDEsMS4yLDBWMjVhMi4yMSwyLjIxLDAsMCwxLTIuMiwyLjJaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+",isActive:this.props.globalState.outlines,onClick:()=>this.props.globalState.outlines=!this.props.globalState.outlines})]}),(0,g.jsx)("div",{className:"divider padded",children:(0,g.jsx)(Tr,{lockObject:this._lockObject,label:"Artboard:",target:this.props.globalState,propertyName:"backgroundColor",disableAlpha:!0})}),(0,g.jsxs)("div",{className:"divider padded",children:[(0,g.jsx)(ar,{label:"Responsive:",iconLabel:"Responsive GUIs will resize the UI layout and reflow controls to accommodate different device screen sizes",isSelected:()=>r.DataStorage.ReadBoolean("Responsive",!0),onSelect:e=>{this.props.globalState.onResponsiveChangeObservable.notifyObservers(e),r.DataStorage.WriteBoolean("Responsive",e),r.DataStorage.WriteBoolean("responsiveUI",e),this._sizeOption=vi.length,e&&(this._sizeOption=0,this.props.globalState.workbench.guiSize=Si[this._sizeOption],r.DataStorage.WriteNumber("width",this.props.globalState.workbench.guiSize.width),r.DataStorage.WriteNumber("height",this.props.globalState.workbench.guiSize.height)),this.forceUpdate()},large:!0}),s&&(0,g.jsx)(So,{label:"",iconLabel:"Size",options:vi,target:this,propertyName:"_sizeOption",noDirectUpdate:!0,onSelect:e=>{if(this._sizeOption=e,this._sizeOption!==vi.length){const e=Si[this._sizeOption];this.props.globalState.workbench.guiSize=e,r.DataStorage.WriteNumber("width",this.props.globalState.workbench.guiSize.width),r.DataStorage.WriteNumber("height",this.props.globalState.workbench.guiSize.height)}this.forceUpdate()}}),!s&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(N,{lockObject:this._lockObject,label:"W",target:t,propertyName:"width",min:1,max:16384,onChange:e=>{this._stopUpdating||(this.props.globalState.workbench.guiSize={width:e,height:t.height},r.DataStorage.WriteNumber("width",this.props.globalState.workbench.guiSize.width))},onDragStart:()=>{this._stopUpdating=!0},onDragStop:e=>{this._stopUpdating=!1,this.props.globalState.workbench.guiSize={width:e,height:t.height},r.DataStorage.WriteNumber("width",this.props.globalState.workbench.guiSize.width)},arrows:!0,isInteger:!0}),(0,g.jsx)(N,{lockObject:this._lockObject,label:"H",target:t,propertyName:"height",min:1,max:16384,onChange:e=>{this._stopUpdating||(this.props.globalState.workbench.guiSize={width:t.width,height:e},r.DataStorage.WriteNumber("height",this.props.globalState.workbench.guiSize.width))},onDragStart:()=>{this._stopUpdating=!0},onDragStop:e=>{this._stopUpdating=!1,this.props.globalState.workbench.guiSize={width:t.width,height:e},r.DataStorage.WriteNumber("height",this.props.globalState.workbench.guiSize.width)},arrows:!0,isInteger:!0})]})]})]}),(0,g.jsx)("div",{className:"commands-right"})]})}}const Ii="data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSIxNSIgY3k9IjE1IiByPSI4Ljk4Ii8+PHBhdGggZD0iTTE1LDYuOUE4LjEsOC4xLDAsMSwwLDIzLjEsMTUsOC4xLDguMSwwLDAsMCwxNSw2LjlabTYuODYsNy40OUgxNS42M1Y4LjE0QTYuODksNi44OSwwLDAsMSwyMS44NiwxNC4zOVpNMTQuNDEsOC4xNHY2LjI1SDguMTRBNi44OSw2Ljg5LDAsMCwxLDE0LjQxLDguMTRaTTguMTQsMTUuNjFoNi4yN3Y2LjI1QTYuODksNi44OSwwLDAsMSw4LjE0LDE1LjYxWm03LjQ5LDYuMjVWMTUuNjFoNi4yM0E2Ljg5LDYuODksMCwwLDEsMTUuNjMsMjEuODZaIi8+PC9zdmc+";var Ei;!function(e){e[e.Top=-1]="Top",e[e.Left=-1]="Left",e[e.Center=0]="Center",e[e.Right=1]="Right",e[e.Bottom=1]="Bottom"}(Ei||(Ei={}));const Ti='url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSIgIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwb2x5Z29uIHBvaW50cz0iNy41MSAxMS4wNCA2LjIyIDYuMjIgMTEuMDQgNy41MSA5LjYzIDguOTIgMTYuMDggMTUuMzcgMTcuNDggMTMuOTYgMTguNzcgMTguNzcgMTMuOTYgMTcuNDggMTUuMzcgMTYuMDggOC45MiA5LjYzIDcuNTEgMTEuMDQiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik02LjIyLDYuMjIsMTEsNy41MSw5LjYzLDguOTJsNi40NSw2LjQ1TDE3LjQ5LDE0bDEuMjksNC44MkwxNCwxNy40OWwxLjQxLTEuNDFMOC45Miw5LjYzLDcuNTEsMTEsNi4yMiw2LjIyTTQuODEsNC44MWwuNDUsMS42N0w2LjU1LDExLjMsNywxM2wxLjIyLTEuMjIuNy0uNyw1LDUtLjcuN0wxMiwxOGwxLjY3LjQ1LDQuODIsMS4yOSwxLjY3LjQ1LS40NS0xLjY3TDE4LjQ1LDEzLjcsMTgsMTJsLTEuMjIsMS4yMi0uNy43LTUtNSwuNy0uN0wxMyw3LDExLjMsNi41NSw2LjQ4LDUuMjYsNC44MSw0LjgxWiIvPjwvc3ZnPg==") 12 12, nwse-resize',ki='url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHBvbHlnb24gcG9pbnRzPSIxNy40OCAxMS4wNCAxOC43NyA2LjIyIDEzLjk2IDcuNTEgMTUuMzcgOC45MiA4LjkyIDE1LjM3IDcuNTEgMTMuOTYgNi4yMiAxOC43NyAxMS4wNCAxNy40OCA5LjYzIDE2LjA4IDE2LjA4IDkuNjMgMTcuNDggMTEuMDQiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xOC43OCw2LjIyLDE3LjQ5LDExLDE2LjA4LDkuNjMsOS42MywxNi4wOCwxMSwxNy40OSw2LjIyLDE4Ljc4LDcuNTEsMTRsMS40MSwxLjQxLDYuNDUtNi40NUwxNCw3LjUxbDQuODItMS4yOW0xLjQxLTEuNDEtMS42Ny40NUwxMy43LDYuNTUsMTIsN2wxLjIyLDEuMjIuNy43LTUsNS0uNy0uN0w3LDEyLDYuNTUsMTMuNyw1LjI2LDE4LjUybC0uNDUsMS42NywxLjY3LS40NSw0LjgyLTEuMjlMMTMsMThsLTEuMjItMS4yMi0uNy0uNyw1LTUsLjcuN0wxOCwxM2wuNDUtMS42NywxLjI5LTQuODIuNDUtMS42N1oiLz48L3N2Zz4=") 12 12, nesw-resize',zi='url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSIgIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwb2x5Z29uIHBvaW50cz0iNy45NCAxMC4wMSAzLjYzIDEyLjUgNy45NCAxNC45OSA3Ljk0IDEzIDE3LjA2IDEzIDE3LjA2IDE0Ljk5IDIxLjM4IDEyLjUgMTcuMDYgMTAuMDEgMTcuMDYgMTIgNy45NCAxMiA3Ljk0IDEwLjAxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNy45NCwxMHYyaDkuMTJWMTBsNC4zMSwyLjQ5TDE3LjA2LDE1VjEzSDcuOTR2MkwzLjYzLDEyLjUsNy45NCwxMG0xLTEuNzQtMS41Ljg3TDMuMTMsMTEuNjNsLTEuNS44NywxLjUuODcsNC4zMSwyLjQ5LDEuNS44N1YxNGg3LjEydjIuNzNsMS41LS44Nyw0LjMxLTIuNDksMS41LS44Ny0xLjUtLjg3TDE3LjU2LDkuMTRsLTEuNS0uODdWMTFIOC45NFY4LjI3WiIvPjwvc3ZnPg==") 12 12, pointer',Oi='url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSIgIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwb2x5Z29uIHBvaW50cz0iMTQuOTkgNy45NCAxMi41IDMuNjMgMTAuMDEgNy45NCAxMiA3Ljk0IDEyIDE3LjA2IDEwLjAxIDE3LjA2IDEyLjUgMjEuMzggMTQuOTkgMTcuMDYgMTMgMTcuMDYgMTMgNy45NCAxNC45OSA3Ljk0Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTIuNSwzLjYzLDE1LDcuOTRIMTN2OS4xMmgyTDEyLjUsMjEuMzcsMTAsMTcuMDZoMlY3Ljk0SDEwTDEyLjUsMy42M20wLTItLjg3LDEuNUw5LjE0LDcuNDRsLS44NywxLjVIMTF2Ny4xMkg4LjI3bC44NywxLjUsMi40OSw0LjMxLjg3LDEuNS44Ny0xLjUsMi40OS00LjMxLjg3LTEuNUgxNFY4Ljk0aDIuNzNsLS44Ny0xLjVMMTMuMzcsMy4xM2wtLjg3LTEuNVoiLz48L3N2Zz4=") 12 12, ns-resize',Yi=[Oi,ki,zi,Ti,Oi,ki,zi,Ti],Pi=["data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTE4LjkxLDEyLjExbC0uNjYtLjY2YTguMTQsOC4xNCwwLDAsMC0xMS41LDBsLS42Ni42Nkw0LjY4LDEwLjcsMy4zOSwxNS41MWw0LjgyLTEuMjlMNi44LDEyLjgxbC42NS0uNjVhNy4xNiw3LjE2LDAsMCwxLDEwLjEsMGwuNjUuNjUtMS40MSwxLjQxLDQuODIsMS4yOUwyMC4zMiwxMC43WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEyLjUsOS4wN2E4LjEzLDguMTMsMCwwLDEsNS43NSwyLjM4bC42Ni42NiwxLjQxLTEuNDEsMS4yOSw0LjgxLTQuODItMS4yOSwxLjQxLTEuNDEtLjY1LS42NWE3LjE1LDcuMTUsMCwwLDAtMTAuMSwwbC0uNjUuNjUsMS40MSwxLjQxTDMuMzksMTUuNTEsNC42OCwxMC43bDEuNDEsMS40MS42Ni0uNjZBOC4xMyw4LjEzLDAsMCwxLDEyLjUsOS4wN20wLTFhOS4wOCw5LjA4LDAsMCwwLTYuNDEsMi42MmwtLjctLjdMNC4xNiw4Ljc3bC0uNDQsMS42N0wyLjQzLDE1LjI1LDIsMTYuOTNsMS42Ny0uNDUsNC44Mi0xLjI5LDEuNjctLjQ1TDguOTEsMTMuNTJsLS43LS43MWE2LjE2LDYuMTYsMCwwLDEsOC41OCwwbC0uNzEuNzEtMS4yMiwxLjIyLDEuNjcuNDUsNC44MiwxLjI5LDEuNjcuNDUtLjQ1LTEuNjgtMS4yOS00LjgxLS40NC0xLjY3TDE5LjYxLDEwbC0uNy43QTkuMDgsOS4wOCwwLDAsMCwxMi41LDguMDdaIi8+PC9zdmc+","data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTE4LjMzLDE1Ljc0di0uOTNhOC4xNSw4LjE1LDAsMCwwLTguMTQtOC4xNEg5LjI2di0yTDUsNy4xN2w0LjMxLDIuNXYtMmguOTNhNy4xNCw3LjE0LDAsMCwxLDcuMTQsNy4xNHYuOTNoLTJsMi41LDQuMzEsMi40OS00LjMxWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTkuMjYsNC42OHYyaC45M2E4LjE1LDguMTUsMCwwLDEsOC4xNCw4LjE0di45M2gybC0yLjQ5LDQuMzEtMi41LTQuMzFoMnYtLjkzYTcuMTQsNy4xNCwwLDAsMC03LjE0LTcuMTRIOS4yNnYyTDUsNy4xNyw5LjI2LDQuNjhtMS0xLjczLTEuNS44Nkw0LjQ1LDYuMzEsMyw3LjE3LDQuNDUsOGw0LjMxLDIuNDksMS41Ljg3VjguNjdhNi4xNSw2LjE1LDAsMCwxLDYuMDcsNi4wN0gxMy42bC44NywxLjVMMTcsMjAuNTVsLjg3LDEuNS44Ni0xLjUsMi41LTQuMzEuODYtMS41SDE5LjMzYTkuMTYsOS4xNiwwLDAsMC05LjA3LTkuMDdWM1oiLz48L3N2Zz4=","data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTEyLjg5LDE4LjkxbC42Ni0uNjZhOC4xNCw4LjE0LDAsMCwwLDAtMTEuNWwtLjY2LS42NkwxNC4zLDQuNjgsOS40OSwzLjM5bDEuMjksNC44MkwxMi4xOSw2LjhsLjY1LjY1YTcuMTYsNy4xNiwwLDAsMSwwLDEwLjFsLS42NS42NS0xLjQxLTEuNDFMOS40OSwyMS42MWw0LjgxLTEuMjlaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOS40OSwzLjM5LDE0LjMsNC42OCwxMi44OSw2LjA5bC42Ni42NmE4LjE0LDguMTQsMCwwLDEsMCwxMS41bC0uNjYuNjYsMS40MSwxLjQxTDkuNDksMjEuNjFsMS4yOS00LjgyLDEuNDEsMS40MS42NS0uNjVhNy4xNiw3LjE2LDAsMCwwLDAtMTAuMWwtLjY1LS42NUwxMC43OCw4LjIxLDkuNDksMy4zOU04LjA3LDJsLjQ1LDEuNjdMOS44MSw4LjQ3bC40NSwxLjY3LDEuMjItMS4yMy43MS0uN2E2LjE2LDYuMTYsMCwwLDEsMCw4LjU4bC0uNzEtLjctMS4yMi0xLjIzLS40NSwxLjY3TDguNTIsMjEuMzUsOC4wNywyM2wxLjY4LS40NSw0LjgxLTEuMjksMS42Ny0uNDRMMTUsMTkuNjFsLS43LS43YTkuMTUsOS4xNSwwLDAsMCwwLTEyLjgybC43LS43LDEuMjItMS4yMy0xLjY3LS40NEw5Ljc1LDIuNDMsOC4wNywyWiIvPjwvc3ZnPg==","data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTkuMjYsMTguMzNoLjkzYTguMTUsOC4xNSwwLDAsMCw4LjE0LTguMTRWOS4yNmgyTDE3LjgzLDVsLTIuNSw0LjMxaDJ2LjkzYTcuMTQsNy4xNCwwLDAsMS03LjE0LDcuMTRIOS4yNnYtMkw1LDE3LjgzbDQuMzEsMi40OVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNy44Myw1bDIuNDksNC4zMWgtMnYuOTNhOC4xNSw4LjE1LDAsMCwxLTguMTQsOC4xNEg5LjI2djJMNSwxNy44M2w0LjMxLTIuNXYyaC45M2E3LjE0LDcuMTQsMCwwLDAsNy4xNC03LjE0VjkuMjZoLTJMMTcuODMsNW0wLTJMMTcsNC40NSwxNC40Nyw4Ljc2bC0uODcsMS41aDIuNzNhNi4xNSw2LjE1LDAsMCwxLTYuMDcsNi4wN1YxMy42bC0xLjUuODdMNC40NSwxNywzLDE3LjgzbDEuNS44Niw0LjMxLDIuNSwxLjUuODZWMTkuMzNhOS4xNiw5LjE2LDAsMCwwLDkuMDctOS4wN2gyLjcybC0uODYtMS41LTIuNS00LjMxTDE3LjgzLDNaIi8+PC9zdmc+","data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTYuMDksMTIuODlsLjY2LjY2YTguMTQsOC4xNCwwLDAsMCwxMS41LDBsLjY2LS42NiwxLjQxLDEuNDEsMS4yOS00LjgxLTQuODIsMS4yOSwxLjQxLDEuNDEtLjY1LjY1YTcuMTYsNy4xNiwwLDAsMS0xMC4xLDBsLS42NS0uNjUsMS40MS0xLjQxTDMuMzksOS40OSw0LjY4LDE0LjNaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjEuNjEsOS40OSwyMC4zMiwxNC4zbC0xLjQxLTEuNDEtLjY2LjY2YTguMTQsOC4xNCwwLDAsMS0xMS41LDBsLS42Ni0uNjZMNC42OCwxNC4zLDMuMzksOS40OWw0LjgyLDEuMjlMNi44LDEyLjE5bC42NS42NWE3LjE1LDcuMTUsMCwwLDAsMTAuMSwwbC42NS0uNjUtMS40MS0xLjQxLDQuODItMS4yOU0yMyw4LjA3bC0xLjY3LjQ1TDE2LjUzLDkuODFsLTEuNjcuNDUsMS4yMywxLjIyLjcuNzFhNi4xNiw2LjE2LDAsMCwxLTguNTgsMGwuNy0uNzEsMS4yMy0xLjIyTDguNDcsOS44MSwzLjY1LDguNTIsMiw4LjA3bC40NSwxLjY4LDEuMjksNC44MS40NCwxLjY3TDUuMzksMTVsLjctLjdhOS4xNSw5LjE1LDAsMCwwLDEyLjgyLDBsLjcuNywxLjIzLDEuMjIuNDQtMS42NywxLjI5LTQuODFMMjMsOC4wN1oiLz48L3N2Zz4=","data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTYuNjcsOS4yNnYuOTNhOC4xNSw4LjE1LDAsMCwwLDguMTQsOC4xNGguOTN2Mmw0LjMxLTIuNDktNC4zMS0yLjV2MmgtLjkzYTcuMTQsNy4xNCwwLDAsMS03LjE0LTcuMTRWOS4yNmgyTDcuMTcsNSw0LjY4LDkuMjZaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNy4xNyw1bDIuNSw0LjMxaC0ydi45M2E3LjE0LDcuMTQsMCwwLDAsNy4xNCw3LjE0aC45M3YtMmw0LjMxLDIuNS00LjMxLDIuNDl2LTJoLS45M2E4LjE1LDguMTUsMCwwLDEtOC4xNC04LjE0VjkuMjZoLTJMNy4xNyw1bTAtMi0uODYsMS41TDMuODEsOC43NiwzLDEwLjI2SDUuNjdhOS4xNiw5LjE2LDAsMCwwLDkuMDcsOS4wN3YyLjcybDEuNS0uODYsNC4zMS0yLjUsMS41LS44NkwyMC41NSwxN2wtNC4zMS0yLjQ5LTEuNS0uODd2Mi43M2E2LjE1LDYuMTUsMCwwLDEtNi4wNy02LjA3SDExLjRsLS44Ny0xLjVMOCw0LjQ1LDcuMTcsM1oiLz48L3N2Zz4=","data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTEyLjExLDYuMDlsLS42Ni42NmE4LjE0LDguMTQsMCwwLDAsMCwxMS41bC42Ni42NkwxMC43LDIwLjMybDQuODEsMS4yOS0xLjI5LTQuODJMMTIuODEsMTguMmwtLjY1LS42NWE3LjE2LDcuMTYsMCwwLDEsMC0xMC4xbC42NS0uNjUsMS40MSwxLjQxLDEuMjktNC44MkwxMC43LDQuNjhaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTUuNTEsMy4zOSwxNC4yMiw4LjIxLDEyLjgxLDYuOGwtLjY1LjY1YTcuMTYsNy4xNiwwLDAsMCwwLDEwLjFsLjY1LjY1LDEuNDEtMS40MSwxLjI5LDQuODJMMTAuNywyMC4zMmwxLjQxLTEuNDEtLjY2LS42NmE4LjE0LDguMTQsMCwwLDEsMC0xMS41bC42Ni0uNjZMMTAuNyw0LjY4bDQuODEtMS4yOU0xNi45MywybC0xLjY4LjQ1TDEwLjQ0LDMuNzJsLTEuNjcuNDRMMTAsNS4zOWwuNy43YTkuMTUsOS4xNSwwLDAsMCwwLDEyLjgybC0uNy43TDguNzcsMjAuODRsMS42Ny40NCw0LjgxLDEuMjksMS42OC40NS0uNDUtMS42Ny0xLjI5LTQuODItLjQ1LTEuNjctMS4yMiwxLjIzLS43MS43YTYuMTYsNi4xNiwwLDAsMSwwLTguNThsLjcxLjcsMS4yMiwxLjIzLjQ1LTEuNjcsMS4yOS00LjgyTDE2LjkzLDJaIi8+PC9zdmc+","data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTE1Ljc0LDYuNjdoLS45M2E4LjE1LDguMTUsMCwwLDAtOC4xNCw4LjE0di45M2gtMmwyLjQ5LDQuMzEsMi41LTQuMzFoLTJ2LS45M2E3LjE0LDcuMTQsMCwwLDEsNy4xNC03LjE0aC45M3YybDQuMzEtMi41TDE1Ljc0LDQuNjhaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTUuNzQsNC42OGw0LjMxLDIuNDktNC4zMSwyLjV2LTJoLS45M2E3LjE0LDcuMTQsMCwwLDAtNy4xNCw3LjE0di45M2gybC0yLjUsNC4zMUw0LjY4LDE1Ljc0aDJ2LS45M2E4LjE1LDguMTUsMCwwLDEsOC4xNC04LjE0aC45M3YtMk0xNC43NCwzVjUuNjdhOS4xNiw5LjE2LDAsMCwwLTkuMDcsOS4wN0gzbC44NiwxLjUsMi41LDQuMzEuODYsMS41TDgsMjAuNTVsMi40OS00LjMxLjg3LTEuNUg4LjY3YTYuMTUsNi4xNSwwLDAsMSw2LjA3LTYuMDdWMTEuNGwxLjUtLjg3TDIwLjU1LDhsMS41LS44Ny0xLjUtLjg2LTQuMzEtMi41TDE0Ljc0LDNaIi8+PC9zdmc+"].map((e=>`url("${e}") 12 12, pointer`)),Bi=(e,t)=>(e%t+t)%t;function Ri(e){const{scalePoint:t,clickable:n,onDrag:r,onRotate:o,onUp:i,overrideCursor:s,canRotate:a,allowClickOnPivot:l}=e,c={left:`${t.position.x}px`,top:`${t.position.y}px`,transform:"translate(-50%, -50%) rotate("+t.rotation+"deg)",pointerEvents:n?"auto":"none"};if(t.isPivot)return(0,g.jsx)("img",{className:"pivot-point",src:Ii,style:c,onDragStart:e=>e.preventDefault(),onPointerDown:e=>{l&&r(e,t)},onPointerUp:()=>{l&&i()}});const u=t.defaultRotation+t.rotation,d=Bi(u,360),p=Math.round(d/45)%8,A=s||Yi[p],M={top:5+7*t.verticalPosition,left:5+7*t.horizontalPosition,cursor:Pi[p]},L={top:5-5*t.verticalPosition,left:5-5*t.horizontalPosition,cursor:A};return(0,g.jsxs)("div",{style:c,className:"scale-point-container",children:[a&&(0,g.jsx)("div",{className:"rotate-click-area",onPointerDown:e=>{o(e,t)},style:M}),(0,g.jsx)("div",{className:"scale-click-area",draggable:!0,onDragStart:e=>e.preventDefault(),onPointerDown:e=>{1&e.buttons&&r(e,t)},onPointerUp:i,style:L}),(0,g.jsx)("div",{className:"scale-point",draggable:!0,onDragStart:e=>e.preventDefault(),onPointerDown:e=>{1&e.buttons&&r(e,t)},onPointerUp:i,style:{cursor:A}})]})}const Ui=e=>Math.round(100*e)/100,Gi=[[0,2],[0,6],[2,8],[6,8]],Zi=[315,0,45,270,0,90,225,180,135];class _i extends t.Component{constructor(e){super(e),this._onUp=e=>{e&&1&e.buttons||this.setState({scalePointDragging:-1,isRotating:!1})},this._onMove=()=>{const e=this.props.globalState.workbench._scene;if(-1!==this.state.scalePointDragging){const t=this.props.control,n=u.MousePointerToRTTSpace(t,e.pointerX,e.pointerY),r=u.RttToLocalNodeSpace(t,n.x,n.y,void 0,this._storedValues);this._dragLocalBounds(r,this.props.globalState.shiftKeyPressed),this._updateNodeFromLocalBounds(),this.props.globalState.onPropertyGridUpdateRequiredObservable.notifyObservers()}if(this.state.isRotating){const t=Math.atan2(e.pointerY-this._rotation.pivot.y,e.pointerX-this._rotation.pivot.x);for(const e of this.props.globalState.selectedControls)e.rotation+=t-this._rotation.initialAngleToPivot;this._rotation.initialAngleToPivot=t,this.props.globalState.onPropertyGridUpdateRequiredObservable.notifyObservers()}},this._beginDraggingScalePoint=e=>{this.setState({scalePointDragging:e});const t=this.props.control;this._localBounds=u.ComputeLocalBounds(t),this._storedValues=new l(t.leftInPixels,t.topInPixels,t.leftInPixels+t.widthInPixels,t.topInPixels+t.heightInPixels);for(const e of this.props.globalState.selectedControls)e.metadata.localBounds=u.ComputeLocalBounds(e),e.metadata.storedValues=new l(e.leftInPixels,e.topInPixels,e.leftInPixels+e.widthInPixels,e.topInPixels+e.heightInPixels)},this._beginRotate=()=>{const e=this.props.globalState.workbench._scene,t=this.props.control,n=new r.Vector2(t.transformCenterX,t.transformCenterY),o=u.NodeToRTTSpace(t,n.x,n.y,void 0),i=u.RttToCanvasSpace(o.x,o.y),s=new r.Vector2(i.x,i.y),a=Math.atan2(e.pointerY-s.y,e.pointerX-s.x);this._rotation={pivot:s,initialAngleToPivot:a},this.setState({isRotating:!0})};const t=[];for(let e=Ei.Top;e<=Ei.Bottom;e++)for(let n=Ei.Left;n<=Ei.Right;n++){const o=n===Ei.Center&&e===Ei.Center;t.push({position:new r.Vector2,horizontalPosition:n,verticalPosition:e,rotation:0,isPivot:o,defaultRotation:Zi[t.length]})}this._localBounds=new l(0,0,0,0),this.state={canvasBounds:new l(0,0,0,0),scalePoints:t,scalePointDragging:-1,isRotating:!1},this._gizmoUpdateObserver=this.props.globalState.onGizmoUpdateRequireObservable.add((()=>{this.updateGizmo()})),this._pointerUpObserver=this.props.globalState.onPointerUpObservable.add((e=>this._onUp(e))),this._pointerMoveObserver=this.props.globalState.onPointerMoveObservable.add((()=>this._onMove()))}componentDidMount(){this.updateGizmo()}componentWillUnmount(){this.props.globalState.onGizmoUpdateRequireObservable.remove(this._gizmoUpdateObserver),this.props.globalState.onPointerUpObservable.remove(this._pointerUpObserver),this.props.globalState.onPointerMoveObservable.remove(this._pointerMoveObserver)}updateGizmo(){const e=this.props.control,t=new l(Number.MAX_VALUE,Number.MAX_VALUE,0,0),n=u.ComputeLocalBounds(e),o={left:0,right:0,top:0,bottom:0};let i=e.parent;for(;null!=i;)o.left+=i.paddingLeftInPixels,o.right+=i.paddingRightInPixels,o.top+=i.paddingTopInPixels,o.bottom+=i.paddingBottomInPixels,i=i.parent;const s=.5*(o.left-o.right);n.left+=s,n.right+=s;const a=.5*(o.top-o.bottom);n.top+=a,n.bottom+=a;const c=this.state.scalePoints.map((o=>{const i=new r.Vector2;switch(o.horizontalPosition){case Ei.Left:i.x=n.left;break;case Ei.Center:i.x=n.center.x;break;case Ei.Right:i.x=n.right}switch(o.verticalPosition){case Ei.Top:i.y=n.top;break;case Ei.Center:i.y=n.center.y;break;case Ei.Bottom:i.y=n.bottom}if(o.isPivot){const t=e.transformCenterX-.5,n=e.transformCenterY-.5;i.x=e.widthInPixels*t,i.y=e.heightInPixels*n}const s=u.NodeToRTTSpace(e,i.x,i.y,void 0),a=u.RttToCanvasSpace(s.x,s.y);return a.x<t.left&&(t.left=a.x),a.x>t.right&&(t.right=a.x),a.y<t.top&&(t.top=a.y),a.y>t.bottom&&(t.bottom=a.y),o.position.x=a.x,o.position.y=a.y,o.rotation=u.GetRotation(e)*(180/Math.PI),o}));this.setState({canvasBounds:t,scalePoints:[...c]})}_rotate(e,t,n,r,o){return{x:(e-n)*Math.cos(o)-(t-r)*Math.sin(o)+n,y:(e-n)*Math.sin(o)+(t-r)*Math.cos(o)+r}}_dragLocalBounds(e,t=!1){const n=this.state.scalePoints[this.state.scalePointDragging],r=this._localBounds.clone(),o=a.MathTools.Round(this._localBounds.width/this._localBounds.height);if(n.horizontalPosition===Ei.Left&&(r.left=Math.min(this._localBounds.right-1,e.x)),n.verticalPosition===Ei.Top&&(r.top=Math.min(this._localBounds.bottom-1,e.y)),n.horizontalPosition===Ei.Right&&(r.right=Math.max(this._localBounds.left+1,e.x)),n.verticalPosition===Ei.Bottom&&(r.bottom=Math.max(this._localBounds.top+1,e.y)),t){const e=r.width-this._localBounds.width,t=r.height-this._localBounds.height,i=n.horizontalPosition===Ei.Center||n.verticalPosition===Ei.Center,s=Math.abs(e)>Math.abs(t);if(i?s:!s){const t=e/o;n.verticalPosition===Ei.Top?r.top=this._localBounds.top-t:n.verticalPosition===Ei.Bottom?r.bottom=this._localBounds.bottom+t:(r.top=this._localBounds.top-t/2,r.bottom=this._localBounds.bottom+t/2)}else{const e=t*o;n.horizontalPosition===Ei.Left?r.left=this._localBounds.left-e:n.horizontalPosition===Ei.Right?r.right=this._localBounds.right+e:(r.left=this._localBounds.left-e/2,r.right=this._localBounds.right+e/2)}}const i=["left","top","right","bottom"];for(const e of this.props.globalState.selectedControls){const t=e.metadata.localBounds,n=t.clone(),o=2*(((this.props.control.rotation-e.rotation)%(s=2*Math.PI)+s)%s/Math.PI);i.forEach(((e,t)=>{const s=Math.round(t+o)%4,a=t<2==s<2?1:-1;n[i[s]]+=(r[e]-this._localBounds[e])*a})),n.left=Math.min(t.right-1,n.left),n.top=Math.min(t.bottom-1,n.top),n.right=Math.max(t.left+1,n.right),n.bottom=Math.max(t.top+1,n.bottom),e.metadata.localBounds=n}var s;this._localBounds=r}_updateNodeFromLocalBounds(){const e=this.state.scalePoints[this.state.scalePointDragging],t=e.horizontalPosition===Ei.Left&&e.verticalPosition!==Ei.Center,n=e.verticalPosition===Ei.Top&&e.horizontalPosition!==Ei.Center;for(const e of this.props.globalState.selectedControls){const r=e.metadata.localBounds.right-e.metadata.localBounds.left,o=e.metadata.localBounds.bottom-e.metadata.localBounds.top,i=u.GetRotation(e,!0),s=u.GetScale(e,!0),l=e.metadata.localBounds.center,c=l.clone();c.multiplyInPlace(s);const d=Math.cos(i),p=Math.sin(i),A=Math.cos(i+Math.PI),M=Math.sin(i+Math.PI),g=.5*(e.metadata.storedValues.width-r),L=.5*(e.metadata.storedValues.height-o);switch(e.horizontalAlignment){case a.Control.HORIZONTAL_ALIGNMENT_LEFT:c.x+=(t?g:-l.x)*d,c.y+=(t?-g:l.x)*p;break;case a.Control.HORIZONTAL_ALIGNMENT_RIGHT:c.x+=(t?-g:l.x)*d,c.y+=(t?g:-l.x)*p}switch(e.verticalAlignment){case a.Control.VERTICAL_ALIGNMENT_TOP:c.y+=(n?-L:l.y)*A,c.x+=(n?-L:l.y)*M;break;case a.Control.VERTICAL_ALIGNMENT_BOTTOM:c.y+=(n?L:-l.y)*A,c.x+=(n?L:-l.y)*M}const C=this._rotate(c.x,c.y,0,0,i),h=["left","top","width","height"];for(const t of h){let n=0;switch(t){case"left":n=Ui(e.metadata.storedValues.left+C.x);break;case"top":n=Ui(e.metadata.storedValues.top+C.y);break;case"width":n=Ui(r);break;case"height":n=Ui(o)}const i=e[`_${t}`].unit;e[`${t}InPixels`]=n,i===a.ValueAndUnit.UNITMODE_PERCENTAGE&&u.ConvertToPercentage(e,[t])}"Image"===e.typeName?e.autoScale=!1:"TextBlock"===e.typeName&&(e.resizeToFit=!1)}}render(){return(0,g.jsxs)("div",{className:"gizmo",children:[Gi.map(((e,t)=>{const n=this.state.scalePoints[e[0]],r=this.state.scalePoints[e[1]].position.subtract(n.position),o=Math.atan2(r.y,r.x),i=r.length();return(0,g.jsx)("div",{className:"bounding-box-line",style:{left:`${n.position.x+r.x/2}px`,top:`${n.position.y+r.y/2}px`,width:`${i}px`,transform:`translate(-50%, -50%) rotate(${o}rad)`}},t)})),this.state.scalePoints.map(((e,t)=>(0,g.jsx)(Ri,{clickable:-1===this.state.scalePointDragging&&!e.isPivot&&!this.state.isRotating,scalePoint:e,onDrag:()=>this._beginDraggingScalePoint(t),onRotate:()=>this._beginRotate(),onUp:()=>this._onUp(),canRotate:!0},t)))]})}}function Wi(e,t,n,r,o,i,s){const a=Math.min(e,n),l=Math.min(t,r),c=a+(Math.max(e,n)-a)*o,u=l+(Math.max(t,r)-l)*i;s.x=c,s.y=u}const Hi=[new r.Vector2,new r.Vector2,new r.Vector2];function Qi(e){const{control:n,globalState:o}=e,i=t.useRef(!1),s=t.useRef(!1),l=t.useRef(!1),c=t.useRef(),d=t.useRef(new r.Vector2),p=t.useRef(new r.Vector2),[A,M]=t.useState([{position:new r.Vector2,horizontalPosition:Ei.Left,verticalPosition:Ei.Top,rotation:0,isPivot:!1,defaultRotation:0,id:0},{position:new r.Vector2,horizontalPosition:Ei.Center,verticalPosition:Ei.Center,rotation:0,isPivot:!0,defaultRotation:0,id:1},{position:new r.Vector2,horizontalPosition:Ei.Right,verticalPosition:Ei.Bottom,rotation:0,isPivot:!1,defaultRotation:0,id:2}]);t.useEffect((()=>{const e=o.onGizmoUpdateRequireObservable.add((()=>{L()}));return()=>{o.onGizmoUpdateRequireObservable.remove(e)}}),[]);const L=()=>{const e=n,t=e._cachedParentMeasure.left+e._x1.getValue(e._host),r=e._cachedParentMeasure.top+e._y1.getValue(e._host),o=e._cachedParentMeasure.left+e._effectiveX2,i=e._cachedParentMeasure.top+e._effectiveY2,s=Hi[0].set(t,r),a=Hi[1].set(o,i),l=Hi[2];Wi(t,r,o,i,e.transformCenterX,e.transformCenterY,l);const c=e._transformMatrix;c.transformCoordinates(s.x,s.y,s),c.transformCoordinates(a.x,a.y,a),c.transformCoordinates(l.x,l.y,l),p.current=l;const u=[s,l,a];M(A.map(((t,n)=>({...t,position:u[n],rotation:e.rotation}))))},C=(e,t,n)=>a.MathTools.Round(e.getValue(t)+n),h=(e,t)=>{const r=u.MousePointerToRTTSpace(n,e.x,e.y),o=u.RttToLocalNodeSpace(n,r.x,r.y),i=u.MousePointerToRTTSpace(n,d.current.x,d.current.y),s=u.RttToLocalNodeSpace(n,i.x,i.y),a=Hi[0];o.subtractToRef(s,a);const l=Hi[1];a.rotateToRef(n.rotation,l),t.x=l.x,t.y=l.y},w=()=>{const e=o.workbench._scene,t=new r.Vector2(e.pointerX,e.pointerY);s.current&&i.current?(e=>{const t=Hi[0];h(e,t),n.x1=C(n._x1,n._host,t.x),n.y1=C(n._y1,n._host,t.y),n.x2=C(n._x2,n._host,t.x),n.y2=C(n._y2,n._host,t.y),o.onPropertyGridUpdateRequiredObservable.notifyObservers()})(t):s.current?(e=>{const t=Hi[0];h(e,t);const r=c.current;0===r?(n.x1=C(n._x1,n._host,t.x),n.y1=C(n._y1,n._host,t.y)):2===r&&(n.x2=C(n._x2,n._host,t.x),n.y2=C(n._y2,n._host,t.y)),o.onPropertyGridUpdateRequiredObservable.notifyObservers()})(t):l.current&&(e=>{const t=e.subtract(p.current);t.normalize();const i=d.current.subtract(p.current);i.normalize();const s=r.Vector2.Dot(t,i),l=Math.acos(s),c=-Math.sign(t.x*i.y-t.y*i.x);isNaN(l)||(n.rotation+=c*l,n.rotation=a.MathTools.Round(n.rotation),o.onPropertyGridUpdateRequiredObservable.notifyObservers())})(t),d.current=t},m=()=>{s.current=!1,l.current=!1};t.useEffect((()=>{const t=e.globalState.onPointerMoveObservable.add(w),n=e.globalState.onPointerUpObservable.add(m);return()=>{e.globalState.onPointerMoveObservable.remove(t),e.globalState.onPointerUpObservable.remove(n)}}),[]);const b=(e,t)=>{if(e&&t){const e=o.workbench._scene;if(d.current=new r.Vector2(e.pointerX,e.pointerY),i.current=t.isPivot,!t.isPivot&&n.rotation){const e=n,t=e._x1.getValue(e._host),r=e._y1.getValue(e._host),i=e._x2.getValue(e._host),s=e._y2.getValue(e._host),l=Hi[0].set(t,r),c=Hi[1].set(i,s),u=Hi[2];Wi(t,r,i,s,e.transformCenterX,e.transformCenterY,u);const d=a.Matrix2D.Identity(),p=a.Matrix2D.Identity();a.Matrix2D.TranslationToRef(-u.x,-u.y,p),d.multiplyToRef(p,d),a.Matrix2D.RotationToRef(n.rotation,p),d.multiplyToRef(p,d),a.Matrix2D.TranslationToRef(u.x,u.y,p),d.multiplyToRef(p,d),d.transformCoordinates(l.x,l.y,l),d.transformCoordinates(c.x,c.y,c),n.rotation=0,n.x1=a.MathTools.Round(l.x),n.y1=a.MathTools.Round(l.y),n.x2=a.MathTools.Round(c.x),n.y2=a.MathTools.Round(c.y),o.onPropertyGridUpdateRequiredObservable.notifyObservers()}s.current=!0,l.current=!1,c.current=t.id}},j=e=>{if(e){l.current=!0,s.current=!1;const e=o.workbench._scene;d.current=new r.Vector2(e.pointerX,e.pointerY)}};return(0,g.jsx)("div",{className:"gizmo",children:A.map(((e,t)=>(0,g.jsx)(Ri,{scalePoint:e,allowClickOnPivot:!0,clickable:!0,onDrag:b,onRotate:j,onUp:m,canRotate:!0},t)))})}class Fi extends t.Component{componentWillMount(){this.observer=this.props.globalState.onSelectionChangedObservable.add((()=>this.forceUpdate()))}componentWillUnmount(){this.props.globalState.onSelectionChangedObservable.remove(this.observer)}render(){const e=this.props.globalState.selectedControls;return(0,g.jsx)(g.Fragment,{children:e.map((e=>"Line"===e.getClassName()?(0,g.jsx)(Qi,{globalState:this.props.globalState,control:e},e.uniqueId):(0,g.jsx)(_i,{globalState:this.props.globalState,control:e},e.uniqueId)))})}}class Vi extends t.Component{constructor(e){super(e),this.state={bounds:new l(0,0,0,0)},this.props.globalState.onArtBoardUpdateRequiredObservable.add((()=>this.update()))}update(){const e=this.props.globalState.workbench.visibleRegionContainer;if(!e)return;const t=u.ComputeLocalBounds(e),n=u.NodeToRTTSpace(e,t.left,t.top,void 0),r=u.RttToCanvasSpace(n.x,n.y),o=u.NodeToRTTSpace(e,t.right,t.bottom,void 0),i=u.RttToCanvasSpace(o.x,o.y);this.setState({bounds:new l(r.x,r.y,i.x,i.y)})}render(){const e={top:`${this.state.bounds.top}px`,left:`${this.state.bounds.left}px`,width:`${this.state.bounds.width}px`,height:`${this.state.bounds.height}px`};return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("div",{className:"artboard-stroke",style:e}),(0,g.jsx)("div",{className:"artboard-background",style:e})]})}}var Ji=o(569),Xi={};Xi.styleTagTransform=Nr(),Xi.setAttributes=jr(),Xi.insert=mr().bind(null,"head"),Xi.domAPI=hr(),Xi.insertStyleElement=yr(),Lr()(Ji.A,Xi),Ji.A&&Ji.A.locals&&Ji.A.locals;var qi=o(664),Ki={};Ki.styleTagTransform=Nr(),Ki.setAttributes=jr(),Ki.insert=mr().bind(null,"head"),Ki.domAPI=hr(),Ki.insertStyleElement=yr(),Lr()(qi.A,Ki),qi.A&&qi.A.locals&&qi.A.locals;class $i extends t.Component{componentDidMount(){-1!==navigator.userAgent.indexOf("Mobile")&&((this.props.globalState.hostDocument||document).querySelector(".blocker").style.visibility="visible"),document.addEventListener("keydown",this.addToolControls),document.addEventListener("keyup",this.removePressToolControls)}componentWillUnmount(){document.removeEventListener("keydown",this.addToolControls),document.removeEventListener("keyup",this.removePressToolControls),this._onErrorMessageObserver&&this.props.globalState.onErrorMessageDialogRequiredObservable.remove(this._onErrorMessageObserver)}constructor(e){super(e),this._leftWidth=r.DataStorage.ReadNumber("LeftWidth",200),this._rightWidth=r.DataStorage.ReadNumber("RightWidth",300),this.addToolControls=e=>{if(!(e.target&&e.target instanceof HTMLInputElement&&"text"===e.target.type))switch(e.key){case"s":case"S":this.props.globalState.tool=A.SELECT;break;case"p":case"P":case" ":this.props.globalState.tool=A.PAN;break;case"z":case"Z":this.props.globalState.tool=A.ZOOM;break;case"g":case"G":this.props.globalState.outlines=!this.props.globalState.outlines;break;case"f":case"F":this.props.globalState.onFitControlsToWindowObservable.notifyObservers()}},this.removePressToolControls=e=>{" "===e.key&&this.props.globalState.restorePreviousTool()},this.handlePopUp=()=>{this.setState({showPreviewPopUp:!0}),this.props.globalState.hostWindow.addEventListener("beforeunload",this.handleClosingPopUp)},this.handleClosingPopUp=()=>{this._popUpWindow.close()},this.createPopupWindow=(e,t,n=500,r=500)=>{const o={width:n,height:r,top:(this.props.globalState.hostWindow.innerHeight-n)/2+window.screenY,left:(this.props.globalState.hostWindow.innerWidth-r)/2+window.screenX},i=Object.keys(o).map((e=>e+"="+o[e])).join(","),s=this.props.globalState.hostWindow.open("",e,i);if(!s)return null;const a=s.document;a.title=e,a.body.style.width="100%",a.body.style.height="100%",a.body.style.margin="0",a.body.style.padding="0";const l=a.createElement("div");return l.style.width="100%",l.style.height="100%",l.style.margin="0",l.style.padding="0",l.style.display="grid",l.style.gridTemplateRows="40px auto",l.id="gui-editor-workbench-root",l.className="right-panel",s.document.body.appendChild(l),this.copyStyles(this.props.globalState.hostWindow.document,a),this[t]=s,this._popUpWindow=s,s},this.copyStyles=(e,t)=>{const n=[];for(let o=0;o<e.styleSheets.length;o++){const i=e.styleSheets[o];try{if(i.href){const r=e.createElement("link");r.rel="stylesheet",r.href=i.href,t.head.appendChild(r),n.push(r)}else if(i.cssRules){const r=e.createElement("style");for(const t of i.cssRules)r.appendChild(e.createTextNode(t.cssText));t.head.appendChild(r),n.push(r)}}catch(e){r.Logger.Log(e)}}},this._rootRef=t.createRef(),this.state={showPreviewPopUp:!1,toolbarExpand:!0,message:""},this.props.globalState.onBackgroundColorChangeObservable.add((()=>this.forceUpdate())),this.props.globalState.onDropObservable.add((()=>{null!=this._draggedItem&&(this.props.globalState.draggedControl=this.onCreate(this._draggedItem)),this._draggedItem=null})),this._onErrorMessageObserver=this.props.globalState.onErrorMessageDialogRequiredObservable.add((e=>{this.setState({message:e})}))}showWaitScreen(){this.props.globalState.hostDocument.querySelector(".wait-screen")?.classList.remove("hidden")}hideWaitScreen(){this.props.globalState.hostDocument.querySelector(".wait-screen")?.classList.add("hidden")}onPointerDown(e){0===e.button&&(this._moveInProgress=!0,e.currentTarget.setPointerCapture(e.pointerId))}onPointerUp(e){0===e.button&&(this._moveInProgress=!1,e.currentTarget.releasePointerCapture(e.pointerId))}resizeColumns(e,t=!0){if(!this._moveInProgress)return;const n=e.currentTarget.ownerDocument.getElementById("gui-editor-workbench-root"),o=this.props.globalState.hostWindow.innerWidth;t?(this._leftWidth=Math.max(150,Math.min(o-this._rightWidth,e.clientX-this._rootRef.current.clientLeft)),r.DataStorage.WriteNumber("LeftWidth",this._leftWidth)):(this._rightWidth=Math.max(250,Math.min(o-this._leftWidth,this._rootRef.current.clientLeft+this._rootRef.current.clientWidth-e.clientX)),r.DataStorage.WriteNumber("RightWidth",this._rightWidth)),n.style.gridTemplateColumns=this.buildColumnLayout(),this.props.globalState.onWindowResizeObservable.notifyObservers()}buildColumnLayout(){return`${this._leftWidth}px 1fr ${this._rightWidth}px`}switchExpandedState(){this.setState({toolbarExpand:!this.state.toolbarExpand}),this.state.toolbarExpand?this._leftWidth=this._leftWidth+50:this._leftWidth=this._leftWidth-50}render(){const e=this.state.toolbarExpand?"left-panel":"left-panel expand";return(0,g.jsxs)(ni,{globalState:this.props.globalState,children:[(0,g.jsx)("div",{id:"ge-header",children:(0,g.jsx)("div",{className:"command-bar",children:(0,g.jsx)(Di,{globalState:this.props.globalState})})}),(0,g.jsxs)("div",{id:"gui-editor-workbench-root",style:{gridTemplateColumns:this.buildColumnLayout()},onMouseDown:e=>{e.target.nodeName},ref:this._rootRef,onPointerUp:e=>this.onPointerUp(e),children:[(0,g.jsxs)("div",{className:e,children:[(0,g.jsx)(ji,{globalState:this.props.globalState,noExpand:!0}),this.createToolbar(),(0,g.jsx)("div",{id:"leftGrab",onPointerDown:e=>this.onPointerDown(e),onPointerMove:e=>this.resizeColumns(e)})]}),(0,g.jsx)(ji,{globalState:this.props.globalState,noExpand:!0}),this.createToolbar(),(0,g.jsxs)("div",{className:"diagram-container",onDrop:e=>{e.preventDefault(),this.props.globalState.onDropObservable.notifyObservers(),this.props.globalState.onParentingChangeObservable.notifyObservers(null)},onDragOver:e=>{e.preventDefault()},style:{backgroundColor:this.props.globalState.backgroundColor.toHexString()},children:[(0,g.jsx)(Vi,{globalState:this.props.globalState}),(0,g.jsx)(Lo,{ref:"workbenchCanvas",globalState:this.props.globalState}),(0,g.jsx)(Fi,{globalState:this.props.globalState})]}),(0,g.jsxs)("div",{className:"right-panel",children:[(0,g.jsx)("div",{id:"rightGrab",onPointerDown:e=>this.onPointerDown(e),onPointerMove:e=>this.resizeColumns(e,!1)}),(0,g.jsx)(ti,{globalState:this.props.globalState})]}),(0,g.jsx)(ii,{globalState:this.props.globalState})]}),(0,g.jsx)(ci,{message:this.state.message,isError:!0}),(0,g.jsx)("div",{className:"blocker",children:"GUI Editor runs only on desktop"}),(0,g.jsx)("div",{className:"wait-screen hidden",children:"Processing...please wait"})]})}onCreate(e){const t=qo.CreateControlFromString(e),n=this.props.globalState.workbench.appendBlock(t);return this.props.globalState.setSelection([n]),this.props.globalState.onPointerUpObservable.notifyObservers(null),this.forceUpdate(),n}createBlackLine(){const e=this.state.toolbarExpand?(0,g.jsx)("img",{src:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTcuNjYsMTEuMzlsMy40LTMuMzktMy40LTMuMzljLS4xMy0uMTMtLjEzLS4zNCwwLS40NywuMTMtLjEzLC4zNC0uMTMsLjQ3LDBsMy42MSwzLjZjLjE0LC4xNCwuMTQsLjM3LDAsLjUxbC0zLjYxLDMuNmMtLjEzLC4xMy0uMzQsLjEzLS40NywwLS4xMy0uMTMtLjEzLS4zNCwwLS40N1ptLTIuNjMsMGwzLjQtMy4zOS0zLjQtMy4zOWMtLjEzLS4xMy0uMTMtLjM0LDAtLjQ3LC4xMy0uMTMsLjM0LS4xMywuNDcsMGwzLjYxLDMuNmMuMTQsLjE0LC4xNCwuMzcsMCwuNTFsLTMuNjEsMy42Yy0uMTMsLjEzLS4zNCwuMTMtLjQ3LDAtLjEzLS4xMy0uMTMtLjM0LDAtLjQ3WiIvPjwvc3ZnPg==",className:"icon"}):(0,g.jsx)("img",{src:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTguMzQsMTEuODZjLS4xMywuMTMtLjM0LC4xMy0uNDcsMGwtMy42MS0zLjZjLS4xNC0uMTQtLjE0LS4zNywwLS41MWwzLjYxLTMuNmMuMTMtLjEzLC4zNC0uMTMsLjQ3LDAsLjEzLC4xMywuMTMsLjM0LDAsLjQ3bC0zLjQsMy4zOSwzLjQsMy4zOWMuMTMsLjEzLC4xMywuMzQsMCwuNDdabTIuNjMsMGMtLjEzLC4xMy0uMzQsLjEzLS40NywwbC0zLjYxLTMuNmMtLjE0LS4xNC0uMTQtLjM3LDAtLjUxbDMuNjEtMy42Yy4xMy0uMTMsLjM0LS4xMywuNDcsMCwuMTMsLjEzLC4xMywuMzQsMCwuNDdsLTMuNCwzLjM5LDMuNCwzLjM5Yy4xMywuMTMsLjEzLC4zNCwwLC40N1oiLz48L3N2Zz4=",className:"icon"});return(0,g.jsx)("div",{className:"blackLine",children:(0,g.jsx)("div",{className:"arrow",onClick:()=>this.switchExpandedState(),children:e})})}createToolbarHelper(e){return e.map((e=>(0,g.jsx)("div",{className:"toolbar-label",onDragStart:()=>{this._draggedItem=e.className},onClick:()=>{this.onCreate(e.className)},title:e.className,children:e.icon&&(0,g.jsx)("div",{className:"toolbar-icon",draggable:!0,children:(0,g.jsx)("img",{src:e.icon,alt:e.className,width:"40px",height:"40px"})})},e.className)))}createToolbar(){return this.state.toolbarExpand?(0,g.jsx)(g.Fragment,{children:(0,g.jsxs)("div",{className:"toolbarGrab",children:[this.createBlackLine(),(0,g.jsx)("div",{className:"toolbar-content-sub1",children:this.createToolbarHelper(ei)})]})}):(0,g.jsx)(g.Fragment,{children:(0,g.jsxs)("div",{className:"toolbarGrab expanded",children:[this.createBlackLine(),(0,g.jsxs)("div",{className:"toolbar-content-sub1",children:[this.createToolbarHelper(ei.slice(0,Math.ceil(ei.length/2))),this.createToolbarHelper(ei.slice(Math.ceil(ei.length/2)))]})]})})}}class es{static async Show(e,r){let o=e.hostElement;if(this._CurrentState&&o){if(e.currentSnippetToken)try{this._CurrentState.workbench.loadFromSnippet(e.currentSnippetToken)}catch(e){}return}if(!o){const e=Co["gui-editor"];e&&e.close(),o=Co.CreatePopup("BABYLON.JS GUI EDITOR","gui-editor",1200,800)}const i=new M;e.liveGuiTexture&&(i.liveGuiTexture=e.liveGuiTexture),i.hostElement=o,i.hostDocument=o.ownerDocument,i.customSave=e.customSave,i.customLoad=e.customLoad,i.hostWindow=o.ownerDocument.defaultView,i.registerEventListeners();const s=t.createElement($i,{globalState:i});if(n.render(s,o),!i.guiTexture&&(i.workbench.createGUICanvas(r),e.currentSnippetToken))try{await i.workbench.loadFromSnippet(e.currentSnippetToken)}catch(e){}e.customLoadObservable&&e.customLoadObservable.add((()=>{i.onResetRequiredObservable.notifyObservers(),i.onBuiltObservable.notifyObservers()})),this._CurrentState=i,Co["gui-editor"]&&(window.onbeforeunload=()=>{const e=Co["gui-editor"];e&&e.close()}),i.hostWindow.addEventListener("beforeunload",(()=>{i.onPopupClosedObservable.notifyObservers(),i.dispose()}))}}const ts=void 0!==o.g?o.g:"undefined"!=typeof window?window:void 0;void 0!==ts&&(ts.BABYLON=ts.BABYLON||{},ts.BABYLON.GuiEditor=es,ts.BABYLON.GUIEditor=es,ts.GUIEDITOR={GUIEditor:es});const ns=e})(),i.default})()));
2
+ !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 n={228:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(234),o=n.n(r),i=n(474),s=n.n(i)()(o());s.push([e.id,'.color-picker-container{width:320px;height:300px;background-color:#fff;display:grid;grid-template-columns:100%;grid-template-rows:50% 50px 60px 40px 1fr auto;font-family:"acumin-pro-condensed";font-weight:normal;font-size:14px}.color-picker-container.with-hints{height:380px}.color-picker-container .color-picker-saturation{grid-row:1;grid-column:1;display:grid;grid-template-columns:100%;grid-template-rows:100%;position:relative;cursor:pointer}.color-picker-container .color-picker-saturation .color-picker-saturation-white{grid-row:1;grid-column:1;background:-webkit-linear-gradient(to right, #fff, rgba(255, 255, 255, 0));background:linear-gradient(to right, #fff, rgba(255, 255, 255, 0))}.color-picker-container .color-picker-saturation .color-picker-saturation-black{grid-row:1;grid-column:1;background:-webkit-linear-gradient(to top, #000, rgba(0, 0, 0, 0));background:linear-gradient(to top, #000, rgba(0, 0, 0, 0))}.color-picker-container .color-picker-saturation .color-picker-saturation-cursor{pointer-events:none;width:4px;height:4px;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;transform:translate(-2px, -2px);position:absolute}.color-picker-container .color-picker-hue{grid-row:2;grid-column:1;display:grid;margin:10px;grid-template-columns:24% 76%;grid-template-rows:100%}.color-picker-container .color-picker-hue .color-picker-hue-color{grid-row:1;grid-column:1;align-self:center;justify-self:center;width:30px;height:30px;border-radius:15px;border:1px solid #000}.color-picker-container .color-picker-hue .color-picker-hue-slider{grid-row:1;grid-column:2;align-self:center;height:16px;position:relative;cursor:pointer;background:linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);background:-webkit-linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)}.color-picker-container .color-picker-hue .color-picker-hue-slider .color-picker-hue-cursor{pointer-events:none;width:8px;height:18px;transform:translate(-4px, -2px);background-color:#f8f8f8;box-shadow:0 1px 4px 0 rgba(0,0,0,.37);position:absolute}.color-picker-container .color-picker-component{display:grid;margin:5px;grid-template-columns:100%;grid-template-rows:50% 50%}.color-picker-container .color-picker-component .color-picker-component-value{justify-self:center;align-self:center;grid-row:1;grid-column:1;margin-bottom:4px}.color-picker-container .color-picker-component .color-picker-component-value input{width:50px}.color-picker-container .color-picker-component .color-picker-component-label{justify-self:center;align-self:center;grid-row:2;grid-column:1;color:#000}.color-picker-container .color-picker-rgb{grid-row:3;grid-column:1;display:grid;margin:10px;grid-template-columns:20% 6.66% 20% 6.66% 20% 6.66% 20%;grid-template-rows:100%}.color-picker-container .red{grid-row:1;grid-column:1}.color-picker-container .green{grid-row:1;grid-column:3}.color-picker-container .blue{grid-row:1;grid-column:5}.color-picker-container .alpha{grid-row:1;grid-column:7}.color-picker-container .alpha.grayed{opacity:.5}.color-picker-container .color-picker-hex{grid-row:4;grid-column:1;display:grid;grid-template-columns:20% 80%;grid-template-rows:100%}.color-picker-container .color-picker-hex .color-picker-hex-label{justify-self:center;align-self:center;grid-row:1;grid-column:1;margin-left:10px;color:#000}.color-picker-container .color-picker-hex .color-picker-hex-value{justify-self:left;align-self:center;grid-row:1;grid-column:2;margin-left:10px;margin-right:10px}.color-picker-container .color-picker-hex .color-picker-hex-value input{width:70px}.color-picker-container .color-picker-warning{color:#000;font-size:11px;padding:4px;justify-self:left;align-self:center;grid-row:6;grid-column:1}',"",{version:3,sources:["webpack://./../../../dev/sharedUiComponents/dist/colorPicker/colorPicker.scss"],names:[],mappings:"AAAA,wBACI,WAAA,CACA,YAAA,CACA,qBAAA,CACA,YAAA,CACA,0BAAA,CACA,8CAAA,CACA,kCAAA,CACA,kBAAA,CACA,cAAA,CAEA,mCACI,YAAA,CAGJ,iDACI,UAAA,CACA,aAAA,CACA,YAAA,CACA,0BAAA,CACA,uBAAA,CACA,iBAAA,CACA,cAAA,CAEA,gFACI,UAAA,CACA,aAAA,CAEA,0EAAA,CACA,kEAAA,CAGJ,gFACI,UAAA,CACA,aAAA,CAEA,kEAAA,CACA,0DAAA,CAGJ,iFACI,mBAAA,CACA,SAAA,CACA,UAAA,CACA,uFACI,CAGJ,iBAAA,CACA,+BAAA,CACA,iBAAA,CAIR,0CACI,UAAA,CACA,aAAA,CACA,YAAA,CACA,WAAA,CACA,6BAAA,CACA,uBAAA,CAEA,kEACI,UAAA,CACA,aAAA,CACA,iBAAA,CACA,mBAAA,CACA,UAAA,CACA,WAAA,CACA,kBAAA,CACA,qBAAA,CAGJ,mEACI,UAAA,CACA,aAAA,CACA,iBAAA,CACA,WAAA,CACA,iBAAA,CACA,cAAA,CAEA,0GAAA,CACA,kHAAA,CAEA,4FACI,mBAAA,CACA,SAAA,CACA,WAAA,CACA,+BAAA,CACA,wBAAA,CACA,sCAAA,CACA,iBAAA,CAKZ,gDACI,YAAA,CACA,UAAA,CACA,0BAAA,CACA,0BAAA,CAEA,8EACI,mBAAA,CACA,iBAAA,CACA,UAAA,CACA,aAAA,CACA,iBAAA,CAEA,oFACI,UAAA,CAIR,8EACI,mBAAA,CACA,iBAAA,CACA,UAAA,CACA,aAAA,CACA,UAAA,CAIR,0CACI,UAAA,CACA,aAAA,CACA,YAAA,CACA,WAAA,CACA,uDAAA,CACA,uBAAA,CAGJ,6BACI,UAAA,CACA,aAAA,CAGJ,+BACI,UAAA,CACA,aAAA,CAGJ,8BACI,UAAA,CACA,aAAA,CAGJ,+BACI,UAAA,CACA,aAAA,CAEA,sCACI,UAAA,CAIR,0CACI,UAAA,CACA,aAAA,CACA,YAAA,CACA,6BAAA,CACA,uBAAA,CAEA,kEACI,mBAAA,CACA,iBAAA,CACA,UAAA,CACA,aAAA,CACA,gBAAA,CACA,UAAA,CAGJ,kEACI,iBAAA,CACA,iBAAA,CACA,UAAA,CACA,aAAA,CACA,gBAAA,CACA,iBAAA,CAEA,wEACI,UAAA,CAKZ,8CACI,UAAA,CACA,cAAA,CACA,WAAA,CACA,iBAAA,CACA,iBAAA,CACA,UAAA,CACA,aAAA",sourcesContent:['.color-picker-container {\r\n width: 320px;\r\n height: 300px;\r\n background-color: white;\r\n display: grid;\r\n grid-template-columns: 100%;\r\n grid-template-rows: 50% 50px 60px 40px 1fr auto;\r\n font-family: "acumin-pro-condensed";\r\n font-weight: normal;\r\n font-size: 14px;\r\n\r\n &.with-hints {\r\n height: 380px;\r\n }\r\n\r\n .color-picker-saturation {\r\n grid-row: 1;\r\n grid-column: 1;\r\n display: grid;\r\n grid-template-columns: 100%;\r\n grid-template-rows: 100%;\r\n position: relative;\r\n cursor: pointer;\r\n\r\n .color-picker-saturation-white {\r\n grid-row: 1;\r\n grid-column: 1;\r\n\r\n background: -webkit-linear-gradient(to right, #fff, rgba(255, 255, 255, 0));\r\n background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));\r\n }\r\n\r\n .color-picker-saturation-black {\r\n grid-row: 1;\r\n grid-column: 1;\r\n\r\n background: -webkit-linear-gradient(to top, #000, rgba(0, 0, 0, 0));\r\n background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));\r\n }\r\n\r\n .color-picker-saturation-cursor {\r\n pointer-events: none;\r\n width: 4px;\r\n height: 4px;\r\n box-shadow:\r\n 0 0 0 1.5px #fff,\r\n inset 0 0 1px 1px rgba(0, 0, 0, 0.3),\r\n 0 0 1px 2px rgba(0, 0, 0, 0.4);\r\n border-radius: 50%;\r\n transform: translate(-2px, -2px);\r\n position: absolute;\r\n }\r\n }\r\n\r\n .color-picker-hue {\r\n grid-row: 2;\r\n grid-column: 1;\r\n display: grid;\r\n margin: 10px;\r\n grid-template-columns: 24% 76%;\r\n grid-template-rows: 100%;\r\n\r\n .color-picker-hue-color {\r\n grid-row: 1;\r\n grid-column: 1;\r\n align-self: center;\r\n justify-self: center;\r\n width: 30px;\r\n height: 30px;\r\n border-radius: 15px;\r\n border: 1px solid black;\r\n }\r\n\r\n .color-picker-hue-slider {\r\n grid-row: 1;\r\n grid-column: 2;\r\n align-self: center;\r\n height: 16px;\r\n position: relative;\r\n cursor: pointer;\r\n\r\n background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\r\n background: -webkit-linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\r\n\r\n .color-picker-hue-cursor {\r\n pointer-events: none;\r\n width: 8px;\r\n height: 18px;\r\n transform: translate(-4px, -2px);\r\n background-color: rgb(248, 248, 248);\r\n box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);\r\n position: absolute;\r\n }\r\n }\r\n }\r\n\r\n .color-picker-component {\r\n display: grid;\r\n margin: 5px;\r\n grid-template-columns: 100%;\r\n grid-template-rows: 50% 50%;\r\n\r\n .color-picker-component-value {\r\n justify-self: center;\r\n align-self: center;\r\n grid-row: 1;\r\n grid-column: 1;\r\n margin-bottom: 4px;\r\n\r\n input {\r\n width: 50px;\r\n }\r\n }\r\n\r\n .color-picker-component-label {\r\n justify-self: center;\r\n align-self: center;\r\n grid-row: 2;\r\n grid-column: 1;\r\n color: black;\r\n }\r\n }\r\n\r\n .color-picker-rgb {\r\n grid-row: 3;\r\n grid-column: 1;\r\n display: grid;\r\n margin: 10px;\r\n grid-template-columns: 20% 6.66% 20% 6.66% 20% 6.66% 20%;\r\n grid-template-rows: 100%;\r\n }\r\n\r\n .red {\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n\r\n .green {\r\n grid-row: 1;\r\n grid-column: 3;\r\n }\r\n\r\n .blue {\r\n grid-row: 1;\r\n grid-column: 5;\r\n }\r\n\r\n .alpha {\r\n grid-row: 1;\r\n grid-column: 7;\r\n\r\n &.grayed {\r\n opacity: 0.5;\r\n }\r\n }\r\n\r\n .color-picker-hex {\r\n grid-row: 4;\r\n grid-column: 1;\r\n display: grid;\r\n grid-template-columns: 20% 80%;\r\n grid-template-rows: 100%;\r\n\r\n .color-picker-hex-label {\r\n justify-self: center;\r\n align-self: center;\r\n grid-row: 1;\r\n grid-column: 1;\r\n margin-left: 10px;\r\n color: black;\r\n }\r\n\r\n .color-picker-hex-value {\r\n justify-self: left;\r\n align-self: center;\r\n grid-row: 1;\r\n grid-column: 2;\r\n margin-left: 10px;\r\n margin-right: 10px;\r\n\r\n input {\r\n width: 70px;\r\n }\r\n }\r\n }\r\n\r\n .color-picker-warning {\r\n color: black;\r\n font-size: 11px;\r\n padding: 4px;\r\n justify-self: left;\r\n align-self: center;\r\n grid-row: 6;\r\n grid-column: 1;\r\n }\r\n}\r\n'],sourceRoot:""}]),s.locals={};const a=s},548:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(234),o=n.n(r),i=n(474),s=n.n(i)()(o());s.push([e.id,'#log-console{background:#333;height:120px;box-sizing:border-box;margin:0;padding:10px;width:100%;overflow:hidden;overflow-y:auto}#log-console .log{color:#fff;font-size:14px;font-family:"Courier New",Courier,monospace}#log-console .log.error{color:red}',"",{version:3,sources:["webpack://./../../../tools/guiEditor/dist/components/log/log.scss"],names:[],mappings:"AAAA,aACI,eAAA,CACA,YAAA,CACA,qBAAA,CACA,QAAA,CACA,YAAA,CACA,UAAA,CACA,eAAA,CACA,eAAA,CAEA,kBACI,UAAA,CACA,cAAA,CACA,2CAAA,CAEA,wBACI,SAAA",sourcesContent:['#log-console {\r\n background: #333333;\r\n height: 120px;\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 10px;\r\n width: 100%;\r\n overflow: hidden;\r\n overflow-y: auto;\r\n\r\n .log {\r\n color: white;\r\n font-size: 14px;\r\n font-family: "Courier New", Courier, monospace;\r\n\r\n &.error {\r\n color: red;\r\n }\r\n }\r\n}\r\n'],sourceRoot:""}]),s.locals={};const a=s},788:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(234),o=n.n(r),i=n(474),s=n.n(i)()(o());s.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;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;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;-webkit-transition:.2s;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 rgba(255,255,255,.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 .hasArrows input[type=number]{-moz-appearance:textfield}#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;-moz-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-template-columns:1fr 120px}#ge-propertyTab .textInputArea .disabled{color:var(--backgroundGrey);background-color:var(--disabledBackground)}#ge-propertyTab .textInputArea .label{grid-column:1;display:flex;align-items:center}#ge-propertyTab .textInputArea .value{display:flex;align-items:center;grid-column:2}#ge-propertyTab .textInputArea .value textarea{width:calc(150% - 5px);margin-left:-50%;height:40px}#ge-propertyTab .paneContainer{margin-top:3px;display:grid;grid-template-rows:100%;grid-template-columns:100%}#ge-propertyTab .paneContainer .paneList{border-left:3px solid rgba(0,0,0,0)}#ge-propertyTab .paneContainer:hover .paneList{border-left:3px solid rgba(51,122,183,.8)}#ge-propertyTab .paneContainer:hover .paneContainer-content .header .title{border-left:3px solid #337ab7}#ge-propertyTab .paneContainer .paneContainer-highlight-border{grid-row:1;grid-column:1;opacity:1;border:3px solid red;transition:opacity 250ms;pointer-events:none}#ge-propertyTab .paneContainer .paneContainer-highlight-border.transparent{opacity:0}#ge-propertyTab .paneContainer .paneContainer-content{grid-row:1;grid-column:1}#ge-propertyTab .paneContainer .paneContainer-content .header{display:grid;grid-template-columns:1fr auto;background:#ccc;height:var(--spacingHeight);padding-bottom:0px;padding-top:0px;padding-right:5px;cursor:pointer}#ge-propertyTab .paneContainer .paneContainer-content .header .title{border-left:3px solid rgba(0,0,0,0);padding-left:5px;grid-column:1;display:flex;align-items:center}#ge-propertyTab .paneContainer .paneContainer-content .header .collapse{grid-column:2;display:flex;align-items:center;justify-items:center;transform-origin:center}#ge-propertyTab .paneContainer .paneContainer-content .header .collapse.closed{transform:rotate(180deg)}#ge-propertyTab .paneContainer .paneContainer-content .paneList>div:not(:last-child){border-bottom:.5px solid rgba(255,255,255,.1)}#ge-propertyTab .paneContainer .paneContainer-content .fragment>div:not(:last-child){border-bottom:.5px solid rgba(255,255,255,.1)}#ge-propertyTab .color-picker{height:26px;width:26px}#ge-propertyTab .color-picker .color-rect-background{width:calc(100% - 2px);height:calc(100% - 2px);border:1px #000 solid;cursor:pointer;background:repeating-conic-gradient(#e2e2e2 0% 25%, white 0% 50%) 50%/100% 100%}#ge-propertyTab .color-picker .color-rect-background .color-rect{height:100%}#ge-propertyTab .color-picker .color-picker-cover{z-index:2;position:fixed;top:0px;right:0px;bottom:0px;left:0px}#ge-propertyTab .color-picker .color-picker-float{position:absolute;outline:1px solid #000}#ge-propertyTab .color-picker .color-picker-container{background-color:#e2e2e2}#ge-propertyTab .gradient-step{display:grid;grid-template-rows:100%;grid-template-columns:20px 30px 40px auto 20px 30px;padding-top:5px;padding-left:5px;padding-bottom:5px}#ge-propertyTab .gradient-step .step{grid-row:1;grid-column:1}#ge-propertyTab .gradient-step .color{grid-row:1;grid-column:2;cursor:pointer}#ge-propertyTab .gradient-step .step-value{margin-left:5px;grid-row:1;grid-column:3;text-align:right;margin-right:5px}#ge-propertyTab .gradient-step .step-slider{grid-row:1;grid-column:4;display:grid;justify-content:stretch;align-content:center;margin-right:-5px;padding-left:12px}#ge-propertyTab .gradient-step .step-slider input{width:90%}#ge-propertyTab .gradient-step .gradient-copy{grid-row:1;grid-column:5;display:grid;align-content:center;justify-content:center}#ge-propertyTab .gradient-step .gradient-copy .img{height:20px;width:20px}#ge-propertyTab .gradient-step .gradient-copy .img:hover{cursor:pointer}#ge-propertyTab .gradient-step .gradient-delete{grid-row:1;grid-column:6;display:grid;align-content:center;justify-content:center}#ge-propertyTab .gradient-step .gradient-delete .img{height:20px;width:20px}#ge-propertyTab .gradient-step .gradient-delete .img:hover{cursor:pointer}#ge-propertyTab .alignment-bar{display:flex;justify-content:center;padding-right:5px}#ge-propertyTab .command-button{cursor:pointer;width:30px}#ge-propertyTab .command-button .command-label{display:none}#ge-propertyTab .command-button .command-button-icon{height:100%;width:100%;display:grid;color:#fff;align-content:center;justify-content:center}#ge-propertyTab .command-button:hover{background-color:#fff}#ge-propertyTab .command-button .active{transform-origin:center;background-color:#fff}#ge-propertyTab .command-button img.active{background-color:#fff}#ge-propertyTab .command-button.disabled{background-color:var(--buttonDisabledBackground);pointer-events:none}#ge-propertyTab .command-button-alt{cursor:pointer;width:40px;margin-left:5px;margin-right:5px;background-color:#fff}#ge-propertyTab .command-button-alt .command-label{display:none}#ge-propertyTab .command-button-alt .command-button-icon{height:100%;width:100%;display:grid;align-content:center;justify-content:center}#ge-propertyTab .command-button-alt:hover{background-color:#c2c2c2;filter:invert(1)}#ge-propertyTab .command-button-alt-disabled{cursor:pointer;pointer-events:none;width:40px;margin-left:5px;margin-right:5px;background-color:#fff}#ge-propertyTab .command-button-alt-disabled .command-label{display:none}#ge-propertyTab .command-button-alt-disabled .command-button-icon{height:100%;width:100%;display:grid;align-content:center;justify-content:center}#ge-propertyTab .command-button-alt-disabled img{filter:invert(1)}#ge-propertyTab .command-button-alt-active{cursor:pointer;pointer-events:none;width:40px;margin-left:5px;margin-right:5px;background-color:#c2c2c2;filter:invert(1)}#ge-propertyTab .command-button-alt-active .command-label{display:none}#ge-propertyTab .command-button-alt-active .command-button-icon{height:100%;width:100%;display:grid;align-content:center;justify-content:center}#ge-propertyTab .floatLine{user-select:none;height:var(--spacingHeight);padding-bottom:0px;padding-top:0px;display:grid;grid-template-columns:auto auto 2fr auto;flex-grow:1}#ge-propertyTab .floatLine .label{grid-column:2;display:flex;align-items:center;min-width:15px;font-weight:600}#ge-propertyTab .floatLine img{width:30px}#ge-propertyTab .floatLine .img{grid-column:1;display:flex;align-items:center}#ge-propertyTab .floatLine .value{display:flex;align-items:center;grid-column:3;background:rgba(0,0,0,0);height:26px}#ge-propertyTab .floatLine .value input{width:100%;background-color:#fff;height:24px}#ge-propertyTab .floatLine .short{grid-column:2;display:flex;align-items:center}#ge-propertyTab .floatLine .short input{width:100%}#ge-propertyTab .floatLine .short input::-webkit-outer-spin-button,#ge-propertyTab .floatLine .short input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#ge-propertyTab .floatLine .short input[type=number]{-moz-appearance:textfield}#ge-propertyTab .floatLine .copy{display:none}#ge-propertyTab .vector3Line{padding-bottom:0px;padding-top:0px;display:grid}#ge-propertyTab .vector3Line .firstLine{display:grid;grid-template-columns:1fr auto 20px;height:var(--spacingHeight)}#ge-propertyTab .vector3Line .firstLine .label{grid-column:1;display:flex;align-items:center}#ge-propertyTab .vector3Line .firstLine .vector{grid-column:2;display:flex;align-items:center;text-align:right;opacity:.8}#ge-propertyTab .vector3Line .firstLine .expand{grid-column:3;display:grid;align-items:center;justify-items:center;cursor:pointer}#ge-propertyTab .vector3Line .firstLine .copy{display:none}#ge-propertyTab .vector3Line .secondLine{display:grid;padding-right:5px;border-left:1px solid #337ab7}#ge-propertyTab .vector3Line .secondLine .no-right-margin{margin-right:0}#ge-propertyTab .vector3Line .secondLine .numeric{display:grid;grid-template-columns:1fr auto}#ge-propertyTab .vector3Line .secondLine .numeric-label{text-align:right;grid-column:1;display:flex;align-items:center;justify-self:right;margin-right:10px}#ge-propertyTab .vector3Line .secondLine .numeric-value{width:120px;grid-column:2;display:flex;align-items:center;border:1px solid #337ab7}#ge-propertyTab .buttonLine{height:var(--spacingHeight);padding-bottom:0px;padding-top:0px;display:grid;align-items:center;justify-items:stretch;padding-bottom:5px}#ge-propertyTab .buttonLine input[type=file]{display:none}#ge-propertyTab .buttonLine .file-upload{background:var(--backgroundGrey);border:1px solid #424242;margin:5px 10px;color:#fff;padding:4px 5px;opacity:.9;cursor:pointer;text-align:center;border-radius:4px}#ge-propertyTab .buttonLine .file-upload:hover{opacity:1}#ge-propertyTab .buttonLine .file-upload:active{transform:scale(0.98);transform-origin:.5 .5}#ge-propertyTab .buttonLine button{background:var(--backgroundGrey);border:1px solid #424242;margin:5px 10px 5px 10px;color:#fff;padding:4px 5px;opacity:.9;border-radius:4px}#ge-propertyTab .buttonLine button:hover{opacity:1}#ge-propertyTab .buttonLine button:active{background:#282828}#ge-propertyTab .buttonLine button:focus{border:1px solid #424242;outline:0px}#ge-propertyTab .numeric{padding-bottom:0px;padding-top:0px;height:var(--spacingHeight);display:grid;grid-template-columns:1fr 120px auto}#ge-propertyTab .numeric .numeric-label{grid-column:1;display:flex;align-items:center}#ge-propertyTab .numeric .number{display:flex;align-items:center;grid-column:2;height:10px}#ge-propertyTab .numeric .number .input{width:calc(100% - 5px);height:10px}#ge-propertyTab .checkBoxLine{padding-bottom:0px;padding-top:0px;height:var(--spacingHeight);display:grid;grid-template-columns:auto 1fr auto;flex-grow:1}#ge-propertyTab .checkBoxLine .label{grid-column:2;display:flex;align-items:center;min-width:100px;margin-left:15px;height:var(--spacingHeight);font-weight:600}#ge-propertyTab .checkBoxLine img{width:30px}#ge-propertyTab .checkBoxLine .img{grid-column:1;display:flex;align-items:center}#ge-propertyTab .checkBoxLine .hidden{display:none}#ge-propertyTab .checkBoxLine .copy{display:none}#ge-propertyTab .listLine{padding-bottom:0px;padding-top:0px;height:var(--spacingHeight);display:grid;grid-template-columns:auto 1fr auto;flex-grow:1}#ge-propertyTab .listLine .label{grid-column:2;display:none;align-items:center}#ge-propertyTab .listLine img{width:30px}#ge-propertyTab .listLine .img{grid-column:1;display:flex;align-items:center}#ge-propertyTab .listLine .options{grid-column:2;padding-left:15px;display:flex;align-items:center}#ge-propertyTab .listLine .options select{width:100%;height:25px;border:rgba(0,0,0,0)}#ge-propertyTab .listLine .options input{width:100%;height:24px;color:#333}#ge-propertyTab .listLine .copy{display:none}#ge-propertyTab .color3Line{padding-left:15px;padding-bottom:0px;padding-top:0px;display:grid;flex-grow:1}#ge-propertyTab .color3Line .firstLine{height:var(--spacingHeight);display:flex;align-items:center}#ge-propertyTab .color3Line .firstLine .label{grid-column:2;padding-left:5px;display:none;align-items:center;min-width:15px}#ge-propertyTab .color3Line .firstLine .img{grid-column:1;display:flex;align-items:center}#ge-propertyTab .color3Line .firstLine img{width:30px;height:30px}#ge-propertyTab .color3Line .firstLine .textInputLine{grid-column:3;padding-left:2px;flex-grow:1}#ge-propertyTab .color3Line .firstLine .color3{display:flex;align-items:center}#ge-propertyTab .color3Line .firstLine .color3 input{margin-right:5px}#ge-propertyTab .color3Line .firstLine .expand{grid-column:3;display:none;align-items:center;justify-items:center;cursor:pointer}#ge-propertyTab .color3Line .firstLine .expand img{height:100%;width:20px}#ge-propertyTab .color3Line .firstLine .copy{grid-column:4;display:none;align-items:center;justify-items:center;cursor:pointer;color:#000}#ge-propertyTab .color3Line .firstLine .copy img{height:100%;width:20px}#ge-propertyTab .color3Line .secondLine{display:grid;padding-right:5px;border-left:1px solid #337ab7}#ge-propertyTab .color3Line .secondLine .numeric{display:grid;grid-template-columns:1fr auto}#ge-propertyTab .color3Line .secondLine .numeric-label{text-align:right;grid-column:1;display:flex;align-items:center;justify-self:right;margin-right:10px}#ge-propertyTab .color3Line .secondLine .numeric-value{width:120px;grid-column:2;display:flex;align-items:center;border:1px solid #337ab7}#ge-propertyTab .textLine{padding-left:5px;padding-bottom:0px;padding-top:0px;padding-right:18px;height:auto;display:grid;grid-template-columns:auto auto 2fr 1fr}#ge-propertyTab .textLine .label{grid-column:2;padding-left:5px;padding-top:4px;display:flex;align-items:left;min-width:15px;color:#a9a9a9;font-size:10px;font-family:"acumin-pro-semi-condensed",sans-serif;font-weight:600}#ge-propertyTab .textLine img{width:30px}#ge-propertyTab .textLine .img{grid-column:1;display:flex;align-items:center}#ge-propertyTab .textLine .link-value{grid-column:2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:end;opacity:.8;margin:5px;margin-top:6px;max-width:140px;text-decoration:underline;cursor:pointer}#ge-propertyTab .textLine .value{display:none;grid-column:3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:end;opacity:.8;margin:5px;margin-top:6px;max-width:200px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}#ge-propertyTab .textLine .value.check{color:green}#ge-propertyTab .textLine .value.uncheck{color:red}',"",{version:3,sources:["webpack://./../../../tools/guiEditor/dist/components/propertyTab/propertyTab.scss"],names:[],mappings:"AAAA,MACI,yBAAA,CACA,qBAAA,CACA,iBAAA,CACA,2BAAA,CACA,mCAAA,CACA,6BAAA,CACA,wBAAA,CACA,kCAAA,CACA,gCAAA,CAGJ,gBACI,gBAAA,CAKA,UAAA,CACA,kBAAA,CACA,kBACI,6CAAA,CACA,cAAA,CAEJ,wBACI,WAAA,CACA,cAAA,CACA,UAAA,CACA,eAAA,CACA,UAAA,CACA,iBAAA,CACA,YAAA,CACA,8BAAA,CACA,wBAAA,CACA,qBAAA,CACA,oBAAA,CACA,gBAAA,CAEA,8BACI,iBAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,MAAA,CACA,YAAA,CACA,iBAAA,CACA,mBAAA,CACA,gBAAA,CAGJ,+BACI,eAAA,CACA,UAAA,CACA,aAAA,CACA,YAAA,CACA,kBAAA,CACA,iBAAA,CAIR,sBACI,YAAA,CAGJ,uBACI,uBAAA,CACA,UAAA,CACA,UAAA,CACA,kBAAA,CACA,iBAAA,CACA,YAAA,CACA,UAAA,CACA,sBAAA,CACA,sBAAA,CACA,SAAA,CAGJ,6BACI,SAAA,CAGJ,6CACI,uBAAA,CACA,eAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CACA,kBAAA,CACA,YAAA,CACA,iBAAA,CACA,cAAA,CAGJ,yCACI,UAAA,CACA,WAAA,CACA,iBAAA,CACA,eAAA,CACA,cAAA,CAGJ,kCACI,uBAAA,CACA,qCAAA,CACA,SAAA,CACA,UAAA,CACA,WAAA,CAEJ,gEACI,SAAA,CAEJ,wDACI,WAAA,CAGJ,mBACI,wBAAA,CAGJ,sBACI,UAAA,CACA,WAAA,CAGJ,sBACI,UAAA,CACA,WAAA,CACA,mBAAA,CACA,wCAAA,CACA,WAAA,CACA,cAAA,CACA,cAAA,CACA,eAAA,CACA,wCAAA,CACA,eAAA,CACA,iBAAA,CACA,YAAA,CACA,sBAAA,CACA,kBAAA,CAGJ,+BACI,gDAAA,CACA,kBAAA,CAGJ,2CACI,6CAAA,CAGJ,4CACI,0BAAA,CACA,+CAAA,CAGJ,6CAEI,mBAAA,CACA,iBAAA,CACA,2BAAA,CACA,mBAAA,CACA,iBAAA,CACA,4BAAA,CACA,oBAAA,CACA,gBAAA,CAEA,yDACI,iBAAA,CACA,kBAAA,CAIR,wHAEI,uBAAA,CACA,QAAA,CAGJ,8CACI,yBAAA,CAGJ,4BACI,2BAAA,CACA,YAAA,CACA,uBAAA,CACA,uCAAA,CACA,WAAA,CAEA,mCACI,aAAA,CACA,YAAA,CACA,kBAAA,CACA,cAAA,CACA,eAAA,CAGJ,iCACI,aAAA,CACA,YAAA,CACA,kBAAA,CAGJ,oCACI,aAAA,CACA,UAAA,CACA,gBAAA,CACA,YAAA,CACA,kBAAA,CACA,gBAAA,CAGJ,uCACI,aAAA,CACA,gBAAA,CACA,8BAAA,CAEA,8CACI,aAAA,CACA,YAAA,CACA,kBAAA,CACA,eAAA,CAGJ,8CACI,aAAA,CACA,YAAA,CACA,kBAAA,CAEA,oDACI,UAAA,CACA,qBAAA,CACA,WAAA,CAGJ,8JAEI,uBAAA,CACA,QAAA,CAGJ,iEACI,4BAAA,CACA,yBAAA,CACA,oBAAA,CAIR,6CACI,YAAA,CAIR,kCACI,YAAA,CAIR,4BACI,kBAlPiB,CAmPjB,gBAAA,CACA,YAAA,CACA,8BAAA,CACA,eAAA,CACA,kBAAA,CAEA,sDACI,eAAA,CACA,aAAA,CAGR,mCACI,YAAA,CACA,sCAAA,CAGI,4HACI,aAAA,CAEJ,8HACI,aAAA,CAGR,mDACI,aAAA,CACA,eAAA,CAGR,iCACI,YAAA,CACA,iDAAA,CAGI,wHACI,aAAA,CAEJ,0HACI,aAAA,CAEJ,0HACI,aAAA,CAEJ,0HACI,aAAA,CAIZ,iCACI,YAAA,CACA,oCAAA,CAEA,2CACI,gBAAA,CAIR,wCACI,YAAA,CACA,yCAAA,CAGJ,gCACI,YAAA,CACA,wBAAA,CACA,iBAAA,CACA,gBAAA,CAGJ,8BACI,YAAA,CACA,wBAAA,CACA,iBAAA,CACA,gBAAA,CAGJ,yBACI,YAAA,CACA,iBAAA,CAGJ,kDACI,wCAAA,CAGJ,0DAEI,gBAAA,CACA,kBA5UkB,CA6UlB,eA5Ue,CA6Uf,2BAAA,CACA,YAAA,CACA,mCAAA,CACA,WAAA,CACA,wEACI,aAAA,CACA,YAAA,CACA,kBAAA,CACA,cAAA,CACA,eAAA,CAGJ,8EACI,2BAAA,CACA,0CAAA,CAGJ,kEACI,UAAA,CAGJ,oEACI,aAAA,CACA,YAAA,CACA,kBAAA,CAGJ,wEACI,YAAA,CACA,kBAAA,CACA,aAAA,CACA,wBAAA,CACA,WAAA,CACA,iBAAA,CACA,qBAAA,CACA,cAAA,CACA,iBAAA,CACA,oFACI,UAAA,CACA,WAAA,CACA,UAAA,CAEJ,wGACI,kBAAA,CAEJ,wFACI,YAAA,CACA,iBAAA,CACA,OAAA,CACA,qBAAA,CACA,WAAA,CACA,wOAEI,UAAA,CACA,WAAA,CAGR,kTAGI,YAAA,CAEJ,oGACI,6CAAA,CAEJ,0GACI,+CAAA,CACA,4QAEI,qBAAA,CAKZ,sEACI,YAAA,CAIR,yCACI,wCAAA,CAGJ,+BACI,WAAA,CACA,YAAA,CACA,+BAAA,CAEA,yCACI,2BAAA,CACA,0CAAA,CAGJ,sCACI,aAAA,CACA,YAAA,CACA,kBAAA,CAGJ,sCACI,YAAA,CACA,kBAAA,CACA,aAAA,CAEA,+CACI,sBAAA,CACA,gBAAA,CACA,WAAA,CAKZ,+BACI,cAAA,CACA,YAAA,CACA,uBAAA,CACA,0BAAA,CAEA,yCACI,mCAAA,CAIA,+CACI,yCAAA,CAKI,2EACI,6BAAA,CAMhB,+DACI,UAAA,CACA,aAAA,CACA,SAAA,CACA,oBAAA,CACA,wBAAA,CACA,mBAAA,CAEA,2EACI,SAAA,CAIR,sDACI,UAAA,CACA,aAAA,CAEA,8DACI,YAAA,CACA,8BAAA,CACA,eAAA,CACA,2BAAA,CACA,kBA5eU,CA6eV,eA5eO,CA6eP,iBAAA,CACA,cAAA,CAEA,qEACI,mCAAA,CACA,gBAAA,CACA,aAAA,CACA,YAAA,CACA,kBAAA,CAGJ,wEACI,aAAA,CACA,YAAA,CACA,kBAAA,CACA,oBAAA,CACA,uBAAA,CAEA,+EACI,wBAAA,CAKZ,qFACI,6CAAA,CAGJ,qFACI,6CAAA,CAKZ,8BACI,WAAA,CACA,UAAA,CAEA,qDACI,sBAAA,CACA,uBAAA,CACA,qBAAA,CACA,cAAA,CACA,+EAAA,CACA,iEACI,WAAA,CAIR,kDACI,SAAA,CACA,cAAA,CACA,OAAA,CACA,SAAA,CACA,UAAA,CACA,QAAA,CAGJ,kDACI,iBAAA,CACA,sBAAA,CAGJ,sDACI,wBAAA,CAIR,+BACI,YAAA,CACA,uBAAA,CACA,mDAAA,CACA,eAAA,CACA,gBAAA,CACA,kBAAA,CAEA,qCACI,UAAA,CACA,aAAA,CAGJ,sCACI,UAAA,CACA,aAAA,CACA,cAAA,CAGJ,2CACI,eAAA,CACA,UAAA,CACA,aAAA,CACA,gBAAA,CACA,gBAAA,CAGJ,4CACI,UAAA,CACA,aAAA,CACA,YAAA,CACA,uBAAA,CACA,oBAAA,CACA,iBAAA,CACA,iBAAA,CAEA,kDACI,SAAA,CAIR,8CACI,UAAA,CACA,aAAA,CACA,YAAA,CACA,oBAAA,CACA,sBAAA,CAEA,mDACI,WAAA,CACA,UAAA,CAEJ,yDACI,cAAA,CAGR,gDACI,UAAA,CACA,aAAA,CACA,YAAA,CACA,oBAAA,CACA,sBAAA,CACA,qDACI,WAAA,CACA,UAAA,CAEJ,2DACI,cAAA,CAKZ,+BACI,YAAA,CACA,sBAAA,CACA,iBAAA,CAGJ,gCACI,cAAA,CACA,UAAA,CAEA,+CACI,YAAA,CAGJ,qDACI,WAAA,CACA,UAAA,CACA,YAAA,CACA,UAAA,CACA,oBAAA,CACA,sBAAA,CAGJ,sCACI,qBAAA,CAGJ,wCACI,uBAAA,CACA,qBAAA,CAIA,2CACI,qBAAA,CAIR,yCACI,gDAAA,CACA,mBAAA,CAIR,oCACI,cAAA,CACA,UAAA,CACA,eAAA,CACA,gBAAA,CAKA,qBAAA,CAJA,mDACI,YAAA,CAIJ,yDACI,WAAA,CACA,UAAA,CACA,YAAA,CACA,oBAAA,CACA,sBAAA,CAEJ,0CACI,wBAAA,CACA,gBAAA,CAIR,6CACI,cAAA,CACA,mBAAA,CACA,UAAA,CACA,eAAA,CACA,gBAAA,CAKA,qBAAA,CAJA,4DACI,YAAA,CAIJ,kEACI,WAAA,CACA,UAAA,CACA,YAAA,CACA,oBAAA,CACA,sBAAA,CAGJ,iDACI,gBAAA,CAIR,2CACI,cAAA,CACA,mBAAA,CACA,UAAA,CACA,eAAA,CACA,gBAAA,CAKA,wBAAA,CACA,gBAAA,CALA,0DACI,YAAA,CAKJ,gEACI,WAAA,CACA,UAAA,CACA,YAAA,CACA,oBAAA,CACA,sBAAA,CAIR,2BACI,gBAAA,CACA,2BAAA,CACA,kBA7uBkB,CA8uBlB,eA7uBe,CA8uBf,YAAA,CACA,wCAAA,CACA,WAAA,CAEA,kCACI,aAAA,CACA,YAAA,CACA,kBAAA,CACA,cAAA,CACA,eAAA,CAGJ,+BACI,UAAA,CAGJ,gCACI,aAAA,CACA,YAAA,CACA,kBAAA,CAGJ,kCACI,YAAA,CACA,kBAAA,CACA,aAAA,CACA,wBAAA,CACA,WAAA,CACA,wCACI,UAAA,CACA,qBAAA,CACA,WAAA,CAIR,kCACI,aAAA,CAEA,YAAA,CACA,kBAAA,CAEA,wCACI,UAAA,CAGJ,sIAEI,uBAAA,CACA,QAAA,CAGJ,qDACI,yBAAA,CAIR,iCACI,YAAA,CAIR,6BACI,kBA7yBkB,CA8yBlB,eA7yBe,CA8yBf,YAAA,CACA,wCACI,YAAA,CACA,mCAAA,CACA,2BAAA,CAEA,+CACI,aAAA,CACA,YAAA,CACA,kBAAA,CAGJ,gDACI,aAAA,CACA,YAAA,CACA,kBAAA,CACA,gBAAA,CACA,UAAA,CAGJ,gDACI,aAAA,CACA,YAAA,CACA,kBAAA,CACA,oBAAA,CACA,cAAA,CAGJ,8CACI,YAAA,CAIR,yCACI,YAAA,CACA,iBAAA,CACA,6BAAA,CAEA,0DACI,cAAA,CAGJ,kDACI,YAAA,CACA,8BAAA,CAGJ,wDACI,gBAAA,CACA,aAAA,CACA,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,iBAAA,CAGJ,wDACI,WAAA,CACA,aAAA,CACA,YAAA,CACA,kBAAA,CACA,wBAAA,CAKZ,4BACI,2BAAA,CACA,kBAn3BkB,CAo3BlB,eAn3Be,CAo3Bf,YAAA,CACA,kBAAA,CACA,qBAAA,CACA,kBAAA,CACA,6CACI,YAAA,CAGJ,yCACI,gCAAA,CACA,wBAAA,CACA,eAAA,CACA,UAAA,CACA,eAAA,CACA,UAAA,CACA,cAAA,CACA,iBAAA,CACA,iBAAA,CAGJ,+CACI,SAAA,CAGJ,gDACI,qBAAA,CACA,sBAAA,CAGJ,mCACI,gCAAA,CACA,wBAAA,CACA,wBAAA,CACA,UAAA,CACA,eAAA,CACA,UAAA,CACA,iBAAA,CAGJ,yCACI,SAAA,CAGJ,0CACI,kBAAA,CAGJ,yCACI,wBAAA,CACA,WAAA,CAIR,yBACI,kBA36BkB,CA46BlB,eA36Be,CA46Bf,2BAAA,CACA,YAAA,CACA,oCAAA,CAEA,wCACI,aAAA,CACA,YAAA,CACA,kBAAA,CAGJ,iCACI,YAAA,CACA,kBAAA,CACA,aAAA,CACA,WAAA,CACA,wCACI,sBAAA,CACA,WAAA,CAKZ,8BACI,kBAp8BkB,CAq8BlB,eAp8Be,CAq8Bf,2BAAA,CACA,YAAA,CACA,mCAAA,CACA,WAAA,CAEA,qCACI,aAAA,CACA,YAAA,CACA,kBAAA,CACA,eAAA,CACA,gBAAA,CACA,2BAAA,CACA,eAAA,CAGJ,kCACI,UAAA,CAGJ,mCACI,aAAA,CACA,YAAA,CACA,kBAAA,CAGJ,sCACI,YAAA,CAGJ,oCACI,YAAA,CAIR,0BACI,kBAz+BkB,CA0+BlB,eAz+Be,CA0+Bf,2BAAA,CACA,YAAA,CACA,mCAAA,CACA,WAAA,CAEA,iCACI,aAAA,CACA,YAAA,CACA,kBAAA,CAGJ,8BACI,UAAA,CAGJ,+BACI,aAAA,CACA,YAAA,CACA,kBAAA,CAGJ,mCACI,aAAA,CACA,iBAAA,CACA,YAAA,CACA,kBAAA,CAEA,0CACI,UAAA,CACA,WAAA,CACA,oBAAA,CAGJ,yCACI,UAAA,CACA,WAAA,CACA,UAAA,CAIR,gCACI,YAAA,CAIR,4BACI,iBAAA,CACA,kBA1hCkB,CA2hClB,eA1hCe,CA2hCf,YAAA,CACA,WAAA,CAEA,uCACI,2BAAA,CACA,YAAA,CACA,kBAAA,CAEA,8CACI,aAAA,CACA,gBAAA,CACA,YAAA,CACA,kBAAA,CACA,cAAA,CAGJ,4CACI,aAAA,CACA,YAAA,CACA,kBAAA,CAGJ,2CACI,UAAA,CACA,WAAA,CAGJ,sDACI,aAAA,CACA,gBAAA,CACA,WAAA,CAGJ,+CACI,YAAA,CACA,kBAAA,CAEA,qDACI,gBAAA,CAIR,+CACI,aAAA,CACA,YAAA,CACA,kBAAA,CACA,oBAAA,CACA,cAAA,CAEA,mDACI,WAAA,CACA,UAAA,CAIR,6CACI,aAAA,CACA,YAAA,CACA,kBAAA,CACA,oBAAA,CACA,cAAA,CACA,UAAA,CACA,iDACI,WAAA,CACA,UAAA,CAKZ,wCACI,YAAA,CACA,iBAAA,CACA,6BAAA,CAEA,iDACI,YAAA,CACA,8BAAA,CAGJ,uDACI,gBAAA,CACA,aAAA,CACA,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,iBAAA,CAGJ,uDACI,WAAA,CACA,aAAA,CACA,YAAA,CACA,kBAAA,CACA,wBAAA,CAKZ,0BACI,gBAhoCgB,CAioChB,kBAhoCkB,CAioClB,eAhoCe,CAioCf,kBAhoCiB,CAioCjB,WAAA,CACA,YAAA,CACA,uCAAA,CACA,iCACI,aAAA,CACA,gBAAA,CACA,eAAA,CACA,YAAA,CACA,gBAAA,CACA,cAAA,CACA,aAAA,CACA,cAAA,CACA,kDAAA,CACA,eAAA,CAGJ,8BACI,UAAA,CAGJ,+BACI,aAAA,CACA,YAAA,CACA,kBAAA,CAGJ,sCACI,aAAA,CACA,kBAAA,CACA,sBAAA,CACA,eAAA,CACA,cAAA,CACA,UAAA,CACA,UAAA,CACA,cAAA,CACA,eAAA,CACA,yBAAA,CACA,cAAA,CAGJ,iCACI,YAAA,CACA,aAAA,CACA,kBAAA,CACA,sBAAA,CACA,eAAA,CACA,cAAA,CACA,UAAA,CACA,UAAA,CACA,cAAA,CACA,eAAA,CACA,wBAAA,CACA,qBAAA,CACA,oBAAA,CACA,gBAAA,CAEA,uCACI,WAAA,CAGJ,yCACI,SAAA",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 .copy {\r\n display: none;\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 .copy {\r\n display: none;\r\n }\r\n }\r\n\r\n .copy {\r\n display: none;\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 > .textLine + .command-button {\r\n margin-top: -3px;\r\n grid-column: 5;\r\n }\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 > .command-button {\r\n grid-column: 5;\r\n margin-left: 5px;\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 .copy {\r\n display: none;\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 .copy {\r\n display: none;\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 .copy {\r\n display: none;\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 .copy {\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 .copy {\r\n display: none;\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 .expand {\r\n grid-column: 3;\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 .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\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:""}]),s.locals={};const a=s},660:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(234),o=n.n(r),i=n(474),s=n.n(i)()(o());s.push([e.id,'#ge-scene-explorer-host{position:absolute;left:0px;top:0px;bottom:0px}#ge-scene-explorer-host *{font-family:"acumin-pro-condensed"}#ge-scene-explorer-host:focus{outline:none}#ge-__resizable_base__{display:none}.ge-context-menu{background:#e2e2e2}.ge-context-menu .react-contextmenu-item{padding:10px;cursor:pointer}.ge-context-menu .react-contextmenu-item:hover{background:#e2e2e2}.ge-eact-contextmenu.context-menu.react-contextmenu--visible{z-index:99;transform:scale(1)}#ge-sceneExplorer{background:#e2e2e2;height:100%;margin:0;padding:0;display:grid;grid-template-rows:auto 1fr;font:16px "acumin-pro-condensed"}#ge-sceneExplorer:focus{outline:none}#ge-sceneExplorer #header{height:30px;font-size:16px;color:#000;background:#e2e2e2;grid-row:1;text-align:center;display:grid;grid-template-columns:30px 1fr 50px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#ge-sceneExplorer #header #logo{position:relative;grid-column:1;width:24px;height:24px;left:0;display:flex;align-self:center;justify-self:center}#ge-sceneExplorer #header #title{grid-column:2;display:grid;align-items:center;text-align:center}#ge-sceneExplorer #header #commands{grid-column:3;display:grid;align-items:center;grid-template-columns:1fr 1fr}#ge-sceneExplorer #header #commands .expand{grid-column:1;display:grid;align-items:center;justify-items:center;cursor:pointer}#ge-sceneExplorer #header #commands .close{grid-column:2;display:grid;align-items:center;justify-items:center;cursor:pointer}#ge-sceneExplorer #tree{grid-row:2;overflow-x:hidden;overflow-y:auto}#ge-sceneExplorer .filter{display:flex;align-items:stretch}#ge-sceneExplorer .filter input{width:100%;margin:10px 40px 5px 40px;display:block;border:none;padding:0;border-bottom:solid 1px #337ab7;background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, rgb(51, 122, 183) 4%);background-position:-1000px 0;background-size:1000px 100%;background-repeat:no-repeat;color:#000}#ge-sceneExplorer .filter input::placeholder{color:#d3d3d3}#ge-sceneExplorer .filter input:focus{box-shadow:none;outline:none;background-position:0 0}#ge-sceneExplorer .groupContainer{margin-left:0px;color:#000;margin-top:0px;margin-bottom:0px;height:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-self:center;display:grid;align-items:center}#ge-sceneExplorer .groupContainer:hover{background:#bbb}#ge-sceneExplorer .groupContainer .expandableHeader{display:grid;grid-template-columns:1fr 20px}#ge-sceneExplorer .groupContainer .expandableHeader .text{grid-column:1;display:grid;grid-template-columns:20px 1fr}#ge-sceneExplorer .groupContainer .expandableHeader .text .arrow{grid-column:1;margin-left:0px;color:#000;cursor:pointer;display:inline-block;margin-right:6px;opacity:.5}#ge-sceneExplorer .groupContainer .expandableHeader .text .text-value{grid-column:2;display:flex;align-items:center}#ge-sceneExplorer .groupContainer .expandableHeader .expandAll{opacity:.5;grid-column:2;margin-right:10px}#ge-sceneExplorer .icon{display:grid;align-items:center;justify-items:center;cursor:pointer}#ge-sceneExplorer .addComponent{display:none}#ge-sceneExplorer .makeChild{grid-column:3}#ge-sceneExplorer .itemContainer{margin-left:0px;color:#000;margin-top:0px;margin-bottom:0px;height:32px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:grid;grid-template-columns:20px 1fr;border:2px solid rgba(0,0,0,0)}#ge-sceneExplorer .itemContainer.hover{border:2px solid #527089;cursor:pointer}#ge-sceneExplorer .itemContainer.seAbove{border-top:2px solid #527089;cursor:pointer}#ge-sceneExplorer .itemContainer.seBelow{border-bottom:2px solid #527089;cursor:pointer}#ge-sceneExplorer .itemContainer.selected{background:#bfbebe;color:#000}#ge-sceneExplorer .itemContainer.dragged{background:rgba(0,0,0,0);color:#000}#ge-sceneExplorer .itemContainer.parent{background:#fff;color:#000}#ge-sceneExplorer .itemContainer .isNotActive{opacity:.3}#ge-sceneExplorer .itemContainer .arrow{grid-column:1;color:#000;opacity:.6}#ge-sceneExplorer .itemContainer .popup{width:200px;visibility:hidden;background-color:#bbb;color:#fff;border:1px solid rgba(255,255,255,.5);position:absolute;z-index:1;margin-left:-180px;box-sizing:border-box}#ge-sceneExplorer .itemContainer .popup.show{visibility:visible}#ge-sceneExplorer .itemContainer .popup:focus{outline:none}#ge-sceneExplorer .itemContainer .popup .popupMenu{padding:6px 5px 5px 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:18px}#ge-sceneExplorer .itemContainer .popup .popupMenu:hover{background:#fff;color:#333}#ge-sceneExplorer .itemContainer .sceneNode{grid-column:2;margin-left:-10px;display:grid;grid-template-columns:1fr 20px 20px 20px 20px 10px 20px 20px auto 5px;align-items:center;cursor:pointer}#ge-sceneExplorer .itemContainer .sceneNode .sceneTitle{grid-column:1;margin-right:5px;display:flex;align-items:center;height:24px}#ge-sceneExplorer .itemContainer .sceneNode .translation{grid-column:2;opacity:.6}#ge-sceneExplorer .itemContainer .sceneNode .translation.selected{opacity:1}#ge-sceneExplorer .itemContainer .sceneNode .rotation{grid-column:3;opacity:.6}#ge-sceneExplorer .itemContainer .sceneNode .rotation.selected{opacity:1}#ge-sceneExplorer .itemContainer .sceneNode .scaling{grid-column:4;opacity:.6}#ge-sceneExplorer .itemContainer .sceneNode .scaling.selected{opacity:1}#ge-sceneExplorer .itemContainer .sceneNode .bounding{grid-column:5;opacity:.6}#ge-sceneExplorer .itemContainer .sceneNode .bounding.selected{opacity:1}#ge-sceneExplorer .itemContainer .sceneNode .separator{grid-column:6;margin-left:5px;width:5px;display:flex;align-items:center;height:18px;border-left:solid 1px #337ab7}#ge-sceneExplorer .itemContainer .sceneNode .pickingMode{grid-column:7;opacity:.6}#ge-sceneExplorer .itemContainer .sceneNode .pickingMode.selected{opacity:1}#ge-sceneExplorer .itemContainer .sceneNode .refresh{grid-column:8}#ge-sceneExplorer .itemContainer .sceneNode .extensions{width:20px;grid-column:9}#ge-sceneExplorer .itemContainer .adtextureTools{grid-column:2;display:grid;grid-template-columns:1fr 20px auto 5px;align-items:center}#ge-sceneExplorer .itemContainer .adtextureTools .pickingMode{grid-column:2;opacity:.6}#ge-sceneExplorer .itemContainer .adtextureTools .pickingMode.selected{opacity:1}#ge-sceneExplorer .itemContainer .adtextureTools .extensions{width:20px;grid-column:3}#ge-sceneExplorer .itemContainer .controlTools{grid-column:2;display:grid;align-items:center;grid-template-columns:auto 1fr auto auto auto}#ge-sceneExplorer .itemContainer .controlTools .controlType{grid-column:1}#ge-sceneExplorer .itemContainer .controlTools .controlType img{width:32px;height:32px;filter:invert(100%)}#ge-sceneExplorer .itemContainer .controlTools .highlight{grid-column:3}#ge-sceneExplorer .itemContainer .controlTools .visibility{grid-column:4}#ge-sceneExplorer .itemContainer .controlTools .extensions{width:20px;grid-column:5}#ge-sceneExplorer .itemContainer .title{background:rgba(0,0,0,0);white-space:nowrap;overflow:hidden;min-width:0;margin-right:5px;align-items:center;height:24px;cursor:pointer}#ge-sceneExplorer .itemContainer .title .titleText{font-family:"acumin-pro-condensed",sans-serif;font-size:16px;border:unset;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;outline:none}',"",{version:3,sources:["webpack://./../../../tools/guiEditor/dist/components/sceneExplorer/sceneExplorer.scss"],names:[],mappings:"AAAA,wBACI,iBAAA,CACA,QAAA,CACA,OAAA,CACA,UAAA,CACA,0BACI,kCAAA,CAEJ,8BACI,YAAA,CAIR,uBACI,YAAA,CAGJ,iBACI,kBAAA,CAEA,yCACI,YAAA,CACA,cAAA,CAEA,+CACI,kBAAA,CAKZ,6DACI,UAAA,CACA,kBAAA,CAGJ,kBACI,kBAAA,CACA,WAAA,CACA,QAAA,CACA,SAAA,CACA,YAAA,CACA,2BAAA,CACA,gCAAA,CAEA,wBACI,YAAA,CAGJ,0BACI,WAAA,CACA,cAAA,CACA,UAAA,CACA,kBAAA,CACA,UAAA,CACA,iBAAA,CACA,YAAA,CACA,mCAAA,CACA,wBAAA,CACA,qBAAA,CACA,oBAAA,CACA,gBAAA,CAEA,gCACI,iBAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,MAAA,CACA,YAAA,CACA,iBAAA,CACA,mBAAA,CAGJ,iCACI,aAAA,CACA,YAAA,CACA,kBAAA,CACA,iBAAA,CAGJ,oCACI,aAAA,CACA,YAAA,CACA,kBAAA,CACA,6BAAA,CAEA,4CACI,aAAA,CACA,YAAA,CACA,kBAAA,CACA,oBAAA,CACA,cAAA,CAGJ,2CACI,aAAA,CACA,YAAA,CACA,kBAAA,CACA,oBAAA,CACA,cAAA,CAKZ,wBACI,UAAA,CAEA,iBAAA,CACA,eAAA,CAGJ,0BACI,YAAA,CACA,mBAAA,CAEA,gCACI,UAAA,CACA,yBAAA,CACA,aAAA,CACA,WAAA,CACA,SAAA,CACA,+BAAA,CACA,uFAAA,CACA,6BAAA,CACA,2BAAA,CACA,2BAAA,CACA,UAAA,CAGJ,6CACI,aAAA,CAGJ,sCACI,eAAA,CACA,YAAA,CACA,uBAAA,CAIR,kCACI,eAAA,CACA,UAAA,CACA,cAAA,CACA,iBAAA,CACA,WAAA,CAEA,wBAAA,CACA,qBAAA,CACA,oBAAA,CACA,gBAAA,CAEA,iBAAA,CACA,YAAA,CACA,kBAAA,CAEA,wCACI,eAAA,CAGJ,oDACI,YAAA,CACA,8BAAA,CAEA,0DACI,aAAA,CACA,YAAA,CACA,8BAAA,CAEA,iEACI,aAAA,CACA,eAAA,CACA,UAAA,CACA,cAAA,CACA,oBAAA,CACA,gBAAA,CACA,UAAA,CAGJ,sEACI,aAAA,CACA,YAAA,CACA,kBAAA,CAIR,+DACI,UAAA,CACA,aAAA,CACA,iBAAA,CAKZ,wBACI,YAAA,CACA,kBAAA,CACA,oBAAA,CACA,cAAA,CAGJ,gCACI,YAAA,CAGJ,6BACI,aAAA,CAGJ,iCACI,eAAA,CACA,UAAA,CACA,cAAA,CACA,iBAAA,CACA,WAAA,CACA,wBAAA,CACA,qBAAA,CACA,oBAAA,CACA,gBAAA,CACA,YAAA,CACA,8BAAA,CACA,8BAAA,CACA,uCACI,wBAAA,CACA,cAAA,CAGJ,yCACI,4BAAA,CACA,cAAA,CAEJ,yCACI,+BAAA,CACA,cAAA,CAGJ,0CACI,kBAAA,CACA,UAAA,CAGJ,yCACI,wBAAA,CACA,UAAA,CAGJ,wCACI,eAAA,CACA,UAAA,CAGJ,8CACI,UAAA,CAEJ,wCACI,aAAA,CACA,UAAA,CACA,UAAA,CAGJ,wCACI,WAAA,CACA,iBAAA,CACA,qBAAA,CACA,UAAA,CACA,qCAAA,CACA,iBAAA,CACA,SAAA,CACA,kBAAA,CACA,qBAAA,CAEA,6CACI,kBAAA,CAGJ,8CACI,YAAA,CAGJ,mDACI,wBAAA,CACA,eAAA,CACA,kBAAA,CACA,sBAAA,CACA,WAAA,CAEA,yDACI,eAAA,CACA,UAAA,CAKZ,4CACI,aAAA,CACA,iBAAA,CACA,YAAA,CACA,qEAAA,CACA,kBAAA,CACA,cAAA,CAEA,wDACI,aAAA,CACA,gBAAA,CACA,YAAA,CACA,kBAAA,CACA,WAAA,CAGJ,yDACI,aAAA,CACA,UAAA,CAEA,kEACI,SAAA,CAIR,sDACI,aAAA,CACA,UAAA,CAEA,+DACI,SAAA,CAIR,qDACI,aAAA,CACA,UAAA,CACA,8DACI,SAAA,CAIR,sDACI,aAAA,CACA,UAAA,CACA,+DACI,SAAA,CAIR,uDACI,aAAA,CACA,eAAA,CACA,SAAA,CACA,YAAA,CACA,kBAAA,CACA,WAAA,CACA,6BAAA,CAGJ,yDACI,aAAA,CACA,UAAA,CAEA,kEACI,SAAA,CAIR,qDACI,aAAA,CAGJ,wDACI,UAAA,CACA,aAAA,CAIR,iDACI,aAAA,CACA,YAAA,CACA,uCAAA,CACA,kBAAA,CAEA,8DACI,aAAA,CACA,UAAA,CAEA,uEACI,SAAA,CAIR,6DACI,UAAA,CACA,aAAA,CAIR,+CACI,aAAA,CACA,YAAA,CACA,kBAAA,CACA,6CAAA,CAEA,4DACI,aAAA,CACA,gEACI,UAAA,CACA,WAAA,CACA,mBAAA,CAIR,0DACI,aAAA,CAGJ,2DACI,aAAA,CAGJ,2DACI,UAAA,CACA,aAAA,CAIR,wCACI,wBAAA,CACA,kBAAA,CACA,eAAA,CACA,WAAA,CACA,gBAAA,CACA,kBAAA,CACA,WAAA,CACA,cAAA,CAEA,mDACI,6CAAA,CACA,cAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,eAAA,CACA,YAAA",sourcesContent:['#ge-scene-explorer-host {\r\n position: absolute;\r\n left: 0px;\r\n top: 0px;\r\n bottom: 0px;\r\n * {\r\n font-family: "acumin-pro-condensed";\r\n }\r\n &:focus {\r\n outline: none;\r\n }\r\n}\r\n\r\n#ge-__resizable_base__ {\r\n display: none;\r\n}\r\n\r\n.ge-context-menu {\r\n background: #e2e2e2;\r\n\r\n .react-contextmenu-item {\r\n padding: 10px;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n background: #e2e2e2;\r\n }\r\n }\r\n}\r\n\r\n.ge-eact-contextmenu.context-menu.react-contextmenu--visible {\r\n z-index: 99;\r\n transform: scale(1);\r\n}\r\n\r\n#ge-sceneExplorer {\r\n background: #e2e2e2;\r\n height: 100%;\r\n margin: 0;\r\n padding: 0;\r\n display: grid;\r\n grid-template-rows: auto 1fr;\r\n font: 16px "acumin-pro-condensed";\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n\r\n #header {\r\n height: 30px;\r\n font-size: 16px;\r\n color: black;\r\n background: #e2e2e2;\r\n grid-row: 1;\r\n text-align: center;\r\n display: grid;\r\n grid-template-columns: 30px 1fr 50px;\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: 24px;\r\n height: 24px;\r\n left: 0;\r\n display: flex;\r\n align-self: center;\r\n justify-self: center;\r\n }\r\n\r\n #title {\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 #commands {\r\n grid-column: 3;\r\n display: grid;\r\n align-items: center;\r\n grid-template-columns: 1fr 1fr;\r\n\r\n .expand {\r\n grid-column: 1;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n }\r\n\r\n .close {\r\n grid-column: 2;\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\r\n #tree {\r\n grid-row: 2;\r\n\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n }\r\n\r\n .filter {\r\n display: flex;\r\n align-items: stretch;\r\n\r\n input {\r\n width: 100%;\r\n margin: 10px 40px 5px 40px;\r\n display: block;\r\n border: none;\r\n padding: 0;\r\n border-bottom: solid 1px rgb(51, 122, 183);\r\n background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, rgb(51, 122, 183) 4%);\r\n background-position: -1000px 0;\r\n background-size: 1000px 100%;\r\n background-repeat: no-repeat;\r\n color: black;\r\n }\r\n\r\n input::placeholder {\r\n color: lightgray;\r\n }\r\n\r\n input:focus {\r\n box-shadow: none;\r\n outline: none;\r\n background-position: 0 0;\r\n }\r\n }\r\n\r\n .groupContainer {\r\n margin-left: 0px;\r\n color: black;\r\n margin-top: 0px;\r\n margin-bottom: 0px;\r\n height: 24px;\r\n\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 align-self: center;\r\n display: grid;\r\n align-items: center;\r\n\r\n &:hover {\r\n background: #bbbbbb;\r\n }\r\n\r\n .expandableHeader {\r\n display: grid;\r\n grid-template-columns: 1fr 20px;\r\n\r\n .text {\r\n grid-column: 1;\r\n display: grid;\r\n grid-template-columns: 20px 1fr;\r\n\r\n .arrow {\r\n grid-column: 1;\r\n margin-left: 0px;\r\n color: black;\r\n cursor: pointer;\r\n display: inline-block;\r\n margin-right: 6px;\r\n opacity: 0.5;\r\n }\r\n\r\n .text-value {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .expandAll {\r\n opacity: 0.5;\r\n grid-column: 2;\r\n margin-right: 10px;\r\n }\r\n }\r\n }\r\n\r\n .icon {\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n }\r\n\r\n .addComponent {\r\n display: none;\r\n }\r\n\r\n .makeChild {\r\n grid-column: 3;\r\n }\r\n\r\n .itemContainer {\r\n margin-left: 0px;\r\n color: black;\r\n margin-top: 0px;\r\n margin-bottom: 0px;\r\n height: 32px;\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 display: grid;\r\n grid-template-columns: 20px 1fr;\r\n border: 2px solid transparent;\r\n &.hover {\r\n border: 2px solid #527089;\r\n cursor: pointer;\r\n }\r\n\r\n &.seAbove {\r\n border-top: 2px solid #527089;\r\n cursor: pointer;\r\n }\r\n &.seBelow {\r\n border-bottom: 2px solid #527089;\r\n cursor: pointer;\r\n }\r\n\r\n &.selected {\r\n background: #bfbebe;\r\n color: black;\r\n }\r\n\r\n &.dragged {\r\n background: transparent;\r\n color: black;\r\n }\r\n\r\n &.parent {\r\n background: #ffffff;\r\n color: black;\r\n }\r\n\r\n .isNotActive {\r\n opacity: 0.3;\r\n }\r\n .arrow {\r\n grid-column: 1;\r\n color: black;\r\n opacity: 0.6;\r\n }\r\n\r\n .popup {\r\n width: 200px;\r\n visibility: hidden;\r\n background-color: #bbbbbb;\r\n color: #fff;\r\n border: 1px solid rgba(255, 255, 255, 0.5);\r\n position: absolute;\r\n z-index: 1;\r\n margin-left: -180px;\r\n box-sizing: border-box;\r\n\r\n &.show {\r\n visibility: visible;\r\n }\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n\r\n .popupMenu {\r\n padding: 6px 5px 5px 10px;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n height: 18px;\r\n\r\n &:hover {\r\n background: white;\r\n color: #333333;\r\n }\r\n }\r\n }\r\n\r\n .sceneNode {\r\n grid-column: 2;\r\n margin-left: -10px;\r\n display: grid;\r\n grid-template-columns: 1fr 20px 20px 20px 20px 10px 20px 20px auto 5px;\r\n align-items: center;\r\n cursor: pointer;\r\n\r\n .sceneTitle {\r\n grid-column: 1;\r\n margin-right: 5px;\r\n display: flex;\r\n align-items: center;\r\n height: 24px;\r\n }\r\n\r\n .translation {\r\n grid-column: 2;\r\n opacity: 0.6;\r\n\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .rotation {\r\n grid-column: 3;\r\n opacity: 0.6;\r\n\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .scaling {\r\n grid-column: 4;\r\n opacity: 0.6;\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .bounding {\r\n grid-column: 5;\r\n opacity: 0.6;\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .separator {\r\n grid-column: 6;\r\n margin-left: 5px;\r\n width: 5px;\r\n display: flex;\r\n align-items: center;\r\n height: 18px;\r\n border-left: solid 1px rgb(51, 122, 183);\r\n }\r\n\r\n .pickingMode {\r\n grid-column: 7;\r\n opacity: 0.6;\r\n\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .refresh {\r\n grid-column: 8;\r\n }\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 9;\r\n }\r\n }\r\n\r\n .adtextureTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr 20px auto 5px;\r\n align-items: center;\r\n\r\n .pickingMode {\r\n grid-column: 2;\r\n opacity: 0.6;\r\n\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 3;\r\n }\r\n }\r\n\r\n .controlTools {\r\n grid-column: 2;\r\n display: grid;\r\n align-items: center;\r\n grid-template-columns: auto 1fr auto auto auto;\r\n\r\n .controlType {\r\n grid-column: 1;\r\n img {\r\n width: 32px;\r\n height: 32px;\r\n filter: invert(100%);\r\n }\r\n }\r\n\r\n .highlight {\r\n grid-column: 3;\r\n }\r\n\r\n .visibility {\r\n grid-column: 4;\r\n }\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 5;\r\n }\r\n }\r\n\r\n .title {\r\n background: transparent;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n min-width: 0;\r\n margin-right: 5px;\r\n align-items: center;\r\n height: 24px;\r\n cursor: pointer;\r\n\r\n .titleText {\r\n font-family: "acumin-pro-condensed", sans-serif;\r\n font-size: 16px;\r\n border: unset;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n outline: none;\r\n }\r\n }\r\n }\r\n}\r\n'],sourceRoot:""}]),s.locals={};const a=s},59:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(234),o=n.n(r),i=n(474),s=n.n(i)()(o());s.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:"AAAA,kBACI,aAAA,CACA,UAAA,CACA,UAAA,CACA,WAAA,CACA,QAAA,CACA,SAAA,CACA,gCAAA,CACA,cAAA,CACA,gBAAA,CACA,eAAA,CAEA,iIAAA,CAEA,uCACI,mBAAA,CAEA,sDACI,UAAA,CACA,6BAAA,CACA,qBAAA,CAIR,uCACI,UAAA,CACA,WAAA,CACA,MAAA,CACA,KAAA,CACA,yBAAA,CACA,YAAA,CACA,uBAAA,CACA,0BAAA,CAEA,wDACI,gBAAA,CACA,UAAA,CACA,aAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CAGJ,kDACI,iBAAA,CACA,4BAAA,CACA,YAAA,CACA,yCAAA,CACA,0BAAA,CACA,qBAAA,CAEA,4DACI,sBAAA,CACA,sBAAA,CACA,SAAA,CAEA,8EACI,cAAA,CACA,gDAAA,CAEA,yGACI,eAAA,CAGJ,sGACI,YAAA,CAKJ,6GACI,kBAAA,CACA,sBAAA,CACA,eAAA,CAKZ,oEACI,iBAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,8BAAA,CACA,mBAAA,CACA,qBAAA,CAGJ,oEACI,UAAA,CACA,aAAA,CACA,kBAAA,CACA,UAAA,CACA,cAAA,CACA,iBAAA,CACA,YAAA,CACA,uBAAA,CACA,yDAAA,CACA,oBAAA,CACA,eAAA,CAEA,6FACI,cAAA,CACA,iBAAA,CACA,wBAAA,CACA,kBAAA,CACA,oBAAA,CACA,SAAA,CACA,YAAA,CAEA,kGACI,oBAAA,CAIR,+FACI,aAAA,CACA,UAAA,CAGJ,4FACI,aAAA,CACA,UAAA,CAGJ,4FACI,aAAA,CACA,UAAA,CACA,YAAA,CACA,WAAA,CACA,UAAA,CACA,kBAAA,CACA,kBAAA,CACA,eAAA,CAIR,+EACI,YAAA,CACA,UAAA,CACA,aAAA,CACA,cAAA,CACA,iBAAA,CACA,oBAAA,CAIA,6EACI,iBAAA,CAIR,gEACI,iBAAA,CACA,SAAA,CACA,8BAAA,CACA,gBAAA,CAEA,uEACI,UAAA,CACA,SAAA,CACA,iBAAA,CACA,KAAA,CACA,QAAA,CACA,gBAAA,CACA,gBAAA,CAGJ,0EACI,cAAA,CAIR,2EACI,8BAAA,CACA,UAAA,CACA,UAAA,CACA,gBAAA,CACA,SAAA,CACA,gBAAA,CAEA,kFACI,8BAAA,CACA,gBAAA,CACA,iBAAA,CACA,QAAA,CACA,WAAA,CACA,UAAA,CAIR,8EACI,8BAAA,CACA,UAAA,CACA,UAAA,CACA,gBAAA,CACA,iBAAA,CACA,gBAAA,CAEA,qFACI,8BAAA,CACA,WAAA,CACA,gBAAA,CACA,SAAA,CACA,WAAA,CACA,UAAA,CAIR,+DACI,iBAAA,CACA,SAAA,CACA,8BAAA,CACA,gBAAA,CAEA,uEACI,UAAA,CACA,SAAA,CACA,iBAAA,CACA,KAAA,CACA,QAAA,CACA,gBAAA,CAIR,0EACI,8BAAA,CACA,UAAA,CACA,UAAA,CACA,gBAAA,CACA,SAAA,CACA,gBAAA,CAEA,kFACI,8BAAA,CACA,gBAAA,CACA,iBAAA,CACA,QAAA,CACA,WAAA,CACA,UAAA,CAIR,6EACI,8BAAA,CACA,UAAA,CACA,UAAA,CACA,gBAAA,CACA,iBAAA,CAEA,qFACI,8BAAA,CACA,WAAA,CACA,gBAAA,CACA,SAAA,CACA,WAAA,CACA,UAAA,CAIR,8DACI,iBAAA,CACA,8BAAA,CACA,UAAA,CACA,gBAAA,CAEA,sEACI,UAAA,CACA,UAAA,CACA,iBAAA,CACA,QAAA,CACA,WAAA,CACA,OAAA,CACA,MAAA,CACA,kBAAA,CACA,gBAAA,CACA,UAAA,CAIR,iEACI,iBAAA,CACA,8BAAA,CACA,UAAA,CACA,gBAAA,CAEA,wEACI,UAAA,CACA,UAAA,CACA,iBAAA,CACA,QAAA,CACA,QAAA,CACA,OAAA,CACA,MAAA,CACA,eAAA,CACA,gBAAA,CACA,WAAA,CAKJ,8nBAQI,cAAA,CAOA,8VACI,cAAA,CAQJ,4VACI,cAAA,CAMhB,gEACI,UAAA,CACA,aAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CACA,gBAAA,CACA,mBAAA,CACA,SAAA,CAEA,sEACI,gBAAA,CACA,+EACI,sBAAA,CACA,qBAAA,CAGJ,6EACI,YAAA,CAIR,gFACI,kBAAA,CACA,iBAAA,CACA,SAAA,CACA,uBAAA,CACA,oBAAA,CACA,cAAA,CAEA,uFACI,YAAA,CAGJ,+KAEI,sBAAA,CACA,UAAA,CAKZ,mEACI,UAAA,CACA,aAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CAEA,2EACI,SAAA,CACA,WAAA,CACA,iBAAA,CACA,MAAA,CACA,KAAA,CACA,eAAA,CACA,qBAAA,CACA,kBAAA,CACA,YAAA,CACA,4BAAA,CACA,0BAAA,CACA,UAAA,CAEA,kFACI,YAAA,CAGJ,qFACI,iBAAA,CACA,SAAA,CACA,WAAA,CACA,WAAA,CACA,eAAA,CACA,iBAAA,CACA,UAAA,CACA,YAAA,CACA,oBAAA,CACA,mBAAA,CAGJ,6FACI,iBAAA,CACA,aAAA,CACA,WAAA,CAEA,6BAAA,CAEA,qBAAA,CACA,kBAAA,CAIA,sGACI,iBAAA,CAIR,mFACI,UAAA,CACA,aAAA,CACA,qBAAA,CACA,2BAAA,CACA,0BAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,gBAAA,CACA,iBAAA,CACA,kBAAA,CACA,sBAAA,CACA,eAAA,CACA,eAAA,CACA,UAAA,CAEA,4FACI,oBAAA,CACA,kBAAA,CAGJ,6FACI,oBAAA,CACA,kBAAA",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:""}]),s.locals={};const a=s},569:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(234),o=n.n(r),i=n(474),s=n.n(i)()(o());s.push([e.id,':root{--blackBarHeight: 55px}#gui-editor-workbench-root{display:grid;grid-template-rows:calc(100% - 55px);height:100%;width:100%;background:#e2e2e2;font:14px "acumin-pro-condensed"}.wait-screen{display:grid;justify-content:center;align-content:center;height:100%;width:100%;background:#464646;opacity:.95;color:#fff;font:24px "acumin-pro-condensed";position:absolute;top:0;left:0}.wait-screen.hidden{visibility:hidden}#leftGrab{width:5px;height:100%;cursor:ew-resize;position:absolute;right:-1px;top:0}#rightGrab{cursor:ew-resize;width:5px;bottom:0;position:absolute;top:0;left:0}.toolbarGrab{background:#333;grid-row:1/span 3;grid-column:2;height:100%;overflow-y:auto}.toolbarGrab .blackLine{height:16px;background:#000;position:relative}.toolbarGrab .arrow{color:#fff;position:absolute}.toolbarGrab .toolbar-label{color:#fff;font-size:18px;display:grid;align-items:center;cursor:pointer;user-select:none;grid-template-columns:1fr 20px;grid-template-rows:100%;position:relative}.toolbarGrab .toolbar-label.active{font-weight:bold;font-size:20px}.toolbarGrab .toolbar-label:hover{background:var(--selectionGrey)}.toolbarGrab .toolbar-label:hover .sub-items{display:block}.toolbarGrab .toolbar-icon{width:40px;height:40px}.toolbarGrab.expanded .toolbar-content-sub1{column-count:2}.diagram-container{position:relative;display:grid;grid-row:1;grid-column:2;background:#ccc;width:100%;height:100%;overflow:hidden}.diagram-container .diagram{display:none;width:100%;height:100%}.left-panel{grid-row:1/span 2;grid-column:1;display:grid;grid-template-rows:100%;grid-template-columns:1fr 50px;position:relative;overflow:hidden}.left-panel.expand{grid-template-columns:1fr 100px}.right-panel{grid-row:1/span 2;grid-column:3;display:grid;grid-template-rows:1fr 40px auto 40px;grid-template-columns:100%;overflow-y:auto;position:relative}.right-panel #propertyTab{grid-row:1;grid-column:1}.right-panel .button{display:grid;justify-content:center;align-content:center;height:auto;width:14.2857142857%;cursor:pointer}.right-panel .button:hover{background:#337ab7;color:#fff;opacity:.8}.right-panel .button.selected{background:#337ab7;color:#fff}.right-panel .button.align{justify-content:stretch;text-align:center}.blocker{visibility:hidden;position:absolute;width:calc(100% - 40px);height:100%;top:0;left:0;background:rgba(20,20,20,.95);font-family:"acumin-pro-condensed",sans-serif;color:#fff;font-size:24px;display:grid;align-content:center;justify-content:center;user-select:none;padding:20px;text-align:center}#log-console{grid-row:2;grid-column:4;display:none}.gizmo *{user-select:none}.gizmo .bounding-box-line{background-color:#000;position:absolute;line-height:1px;height:1px;pointer-events:none}.gizmo .scale-point-container{position:absolute;width:30px;height:30px}.gizmo .scale-point-container .scale-point{top:10px;left:10px;position:absolute;width:10px;height:10px;background:rgba(0,0,0,0);outline:#7d7d7d 2px solid}.gizmo .scale-point-container .rotate-click-area{width:20px;height:20px;position:absolute}.gizmo .scale-point-container .scale-click-area{width:20px;height:20px;position:absolute}.gizmo .pivot-point{width:30px;height:30px;background:rgba(0,0,0,0);position:absolute}#workbench-canvas{position:relative}.artboard-stroke{outline:1px solid #000;position:absolute;z-index:2;pointer-events:none}.artboard-background{position:absolute;background:repeating-conic-gradient(#e2e2e2 0% 25%, white 0% 50%) 50%/10px 10px;width:100%;height:100%}',"",{version:3,sources:["webpack://./../../../tools/guiEditor/dist/main.scss"],names:[],mappings:"AAAA,MACI,sBAAA,CAGJ,2BACI,YAAA,CACA,oCAAA,CACA,WAAA,CACA,UAAA,CACA,kBAAA,CACA,gCAAA,CAGJ,aACI,YAAA,CACA,sBAAA,CACA,oBAAA,CACA,WAAA,CACA,UAAA,CACA,kBAAA,CACA,WAAA,CACA,UAAA,CACA,gCAAA,CACA,iBAAA,CACA,KAAA,CACA,MAAA,CAEA,oBACI,iBAAA,CAIR,UACI,SAAA,CACA,WAAA,CACA,gBAAA,CACA,iBAAA,CACA,UAAA,CACA,KAAA,CAGJ,WACI,gBAAA,CACA,SAAA,CACA,QAAA,CACA,iBAAA,CACA,KAAA,CACA,MAAA,CAGJ,aACI,eAAA,CACA,iBAAA,CACA,aAAA,CACA,WAAA,CACA,eAAA,CAEA,wBACI,WAAA,CACA,eAAA,CACA,iBAAA,CAEJ,oBACI,UAAA,CACA,iBAAA,CAEJ,4BACI,UAAA,CACA,cAAA,CACA,YAAA,CACA,kBAAA,CACA,cAAA,CACA,gBAAA,CACA,8BAAA,CACA,uBAAA,CACA,iBAAA,CAEA,mCACI,gBAAA,CACA,cAAA,CAGJ,kCACI,+BAAA,CACA,6CACI,aAAA,CAIZ,2BACI,UAAA,CACA,WAAA,CAGA,4CACI,cAAA,CAKZ,mBACI,iBAAA,CACA,YAAA,CACA,UAAA,CACA,aAAA,CACA,eAAA,CACA,UAAA,CACA,WAAA,CACA,eAAA,CAEA,4BACI,YAAA,CACA,UAAA,CACA,WAAA,CAIR,YACI,iBAAA,CACA,aAAA,CACA,YAAA,CACA,uBAAA,CACA,8BAAA,CACA,iBAAA,CACA,eAAA,CACA,mBACI,+BAAA,CAIR,aACI,iBAAA,CACA,aAAA,CACA,YAAA,CACA,qCAAA,CACA,0BAAA,CACA,eAAA,CACA,iBAAA,CAEA,0BACI,UAAA,CACA,aAAA,CAGJ,qBACI,YAAA,CACA,sBAAA,CACA,oBAAA,CACA,WAAA,CACA,oBAAA,CACA,cAAA,CAEA,2BACI,kBAAA,CACA,UAAA,CACA,UAAA,CAGJ,8BACI,kBAAA,CACA,UAAA,CAGJ,2BACI,uBAAA,CACA,iBAAA,CAKZ,SACI,iBAAA,CACA,iBAAA,CACA,uBAAA,CACA,WAAA,CACA,KAAA,CACA,MAAA,CAEA,6BAAA,CACA,6CAAA,CACA,UAAA,CACA,cAAA,CAEA,YAAA,CACA,oBAAA,CACA,sBAAA,CAEA,gBAAA,CAEA,YAAA,CACA,iBAAA,CAGJ,aACI,UAAA,CACA,aAAA,CACA,YAAA,CAIA,SACI,gBAAA,CAEJ,0BACI,qBAAA,CACA,iBAAA,CACA,eAAA,CACA,UAAA,CACA,mBAAA,CAEJ,8BACI,iBAAA,CACA,UAAA,CACA,WAAA,CACA,2CACI,QAAA,CACA,SAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CACA,wBAAA,CACA,yBAAA,CAEJ,iDACI,UAAA,CACA,WAAA,CACA,iBAAA,CAEJ,gDACI,UAAA,CACA,WAAA,CACA,iBAAA,CAGR,oBACI,UAAA,CACA,WAAA,CACA,wBAAA,CACA,iBAAA,CAGR,kBACI,iBAAA,CAEJ,iBACI,sBAAA,CACA,iBAAA,CACA,SAAA,CACA,mBAAA,CAEJ,qBACI,iBAAA,CACA,+EAAA,CACA,UAAA,CACA,WAAA",sourcesContent:[':root {\r\n --blackBarHeight: 55px;\r\n}\r\n\r\n#gui-editor-workbench-root {\r\n display: grid;\r\n grid-template-rows: calc(100% - 55px);\r\n height: 100%;\r\n width: 100%;\r\n background: #e2e2e2;\r\n font: 14px "acumin-pro-condensed";\r\n}\r\n\r\n.wait-screen {\r\n display: grid;\r\n justify-content: center;\r\n align-content: center;\r\n height: 100%;\r\n width: 100%;\r\n background: #464646;\r\n opacity: 0.95;\r\n color: white;\r\n font: 24px "acumin-pro-condensed";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n\r\n &.hidden {\r\n visibility: hidden;\r\n }\r\n}\r\n\r\n#leftGrab {\r\n width: 5px;\r\n height: 100%;\r\n cursor: ew-resize;\r\n position: absolute;\r\n right: -1px;\r\n top: 0;\r\n}\r\n\r\n#rightGrab {\r\n cursor: ew-resize;\r\n width: 5px;\r\n bottom: 0;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n}\r\n\r\n.toolbarGrab {\r\n background: #333333;\r\n grid-row: 1 / span 3;\r\n grid-column: 2;\r\n height: 100%;\r\n overflow-y: auto;\r\n\r\n .blackLine {\r\n height: 16px;\r\n background: black;\r\n position: relative;\r\n }\r\n .arrow {\r\n color: white;\r\n position: absolute;\r\n }\r\n .toolbar-label {\r\n color: white;\r\n font-size: 18px;\r\n display: grid;\r\n align-items: center;\r\n cursor: pointer;\r\n user-select: none;\r\n grid-template-columns: 1fr 20px;\r\n grid-template-rows: 100%;\r\n position: relative;\r\n\r\n &.active {\r\n font-weight: bold;\r\n font-size: 20px;\r\n }\r\n\r\n &:hover {\r\n background: var(--selectionGrey);\r\n .sub-items {\r\n display: block;\r\n }\r\n }\r\n }\r\n .toolbar-icon {\r\n width: 40px;\r\n height: 40px;\r\n }\r\n &.expanded {\r\n .toolbar-content-sub1 {\r\n column-count: 2;\r\n }\r\n }\r\n}\r\n\r\n.diagram-container {\r\n position: relative;\r\n display: grid;\r\n grid-row: 1;\r\n grid-column: 2;\r\n background: #cccccc;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n\r\n .diagram {\r\n display: none;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n}\r\n\r\n.left-panel {\r\n grid-row: 1 / span 2;\r\n grid-column: 1;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 1fr 50px;\r\n position: relative;\r\n overflow: hidden;\r\n &.expand {\r\n grid-template-columns: 1fr 100px;\r\n }\r\n}\r\n\r\n.right-panel {\r\n grid-row: 1 / span 2;\r\n grid-column: 3;\r\n display: grid;\r\n grid-template-rows: 1fr 40px auto 40px;\r\n grid-template-columns: 100%;\r\n overflow-y: auto;\r\n position: relative;\r\n\r\n #propertyTab {\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n\r\n .button {\r\n display: grid;\r\n justify-content: center;\r\n align-content: center;\r\n height: auto;\r\n width: calc(100% / 7);\r\n cursor: pointer;\r\n\r\n &:hover {\r\n background: rgb(51, 122, 183);\r\n color: white;\r\n opacity: 0.8;\r\n }\r\n\r\n &.selected {\r\n background: rgb(51, 122, 183);\r\n color: white;\r\n }\r\n\r\n &.align {\r\n justify-content: stretch;\r\n text-align: center;\r\n }\r\n }\r\n}\r\n\r\n.blocker {\r\n visibility: hidden;\r\n position: absolute;\r\n width: calc(100% - 40px);\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n\r\n background: rgba(20, 20, 20, 0.95);\r\n font-family: "acumin-pro-condensed", sans-serif;\r\n color: white;\r\n font-size: 24px;\r\n\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n\r\n user-select: none;\r\n\r\n padding: 20px;\r\n text-align: center;\r\n}\r\n\r\n#log-console {\r\n grid-row: 2;\r\n grid-column: 4;\r\n display: none;\r\n}\r\n\r\n.gizmo {\r\n * {\r\n user-select: none;\r\n }\r\n .bounding-box-line {\r\n background-color: black;\r\n position: absolute;\r\n line-height: 1px;\r\n height: 1px;\r\n pointer-events: none;\r\n }\r\n .scale-point-container {\r\n position: absolute;\r\n width: 30px;\r\n height: 30px;\r\n .scale-point {\r\n top: 10px;\r\n left: 10px;\r\n position: absolute;\r\n width: 10px;\r\n height: 10px;\r\n background: transparent;\r\n outline: rgb(125, 125, 125) 2px solid;\r\n }\r\n .rotate-click-area {\r\n width: 20px;\r\n height: 20px;\r\n position: absolute;\r\n }\r\n .scale-click-area {\r\n width: 20px;\r\n height: 20px;\r\n position: absolute;\r\n }\r\n }\r\n .pivot-point {\r\n width: 30px;\r\n height: 30px;\r\n background: transparent;\r\n position: absolute;\r\n }\r\n}\r\n#workbench-canvas {\r\n position: relative;\r\n}\r\n.artboard-stroke {\r\n outline: 1px solid black;\r\n position: absolute;\r\n z-index: 2;\r\n pointer-events: none;\r\n}\r\n.artboard-background {\r\n position: absolute;\r\n background: repeating-conic-gradient(#e2e2e2 0% 25%, white 0% 50%) 50% / 10px 10px;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n'],sourceRoot:""}]),s.locals={};const a=s},463:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(234),o=n.n(r),i=n(474),s=n.n(i)()(o());s.push([e.id,':root{--selectionGrey: #666666}.ge-commands{grid-row:1;grid-column:1;user-select:none}.ge-commands *{font-family:"acumin-pro-condensed";font-weight:600;font-size:12px}.ge-commands .copy{display:none}.ge-commands .commands-left{float:left;display:flex}.ge-commands .commands-right{float:right;display:flex}.ge-commands .commands-right .beta-flag{height:30px;position:relative;left:-15px}.ge-commands.background-ts .command-button img,.ge-commands.background-ts .command-dropdown img{filter:invert(64%) sepia(78%) saturate(940%) hue-rotate(323deg) brightness(105%) contrast(103%)}.ge-commands.background-ts .command-button .command-dropdown-active,.ge-commands.background-ts .command-dropdown .command-dropdown-active{color:#333}.ge-commands.background-ts .command-button:hover img,.ge-commands.background-ts .command-button.activated img,.ge-commands.background-ts .command-dropdown:hover img,.ge-commands.background-ts .command-dropdown.activated img{filter:invert(34%) sepia(21%) saturate(3832%) hue-rotate(324deg) brightness(88%) contrast(82%) !important}.ge-commands.background-js .command-button img,.ge-commands.background-js .command-dropdown img{filter:invert(57%) sepia(80%) saturate(2031%) hue-rotate(215deg)}.ge-commands.background-js .command-button .command-dropdown-active,.ge-commands.background-js .command-dropdown .command-dropdown-active{color:#333}.ge-commands.background-js .command-button:hover img,.ge-commands.background-js .command-button.activated img,.ge-commands.background-js .command-dropdown:hover img,.ge-commands.background-js .command-dropdown.activated img{filter:invert(17%) !important}.ge-commands .command-button{cursor:pointer;width:55px;height:55px}.ge-commands .command-button .command-label{display:none}.ge-commands .command-button .command-button-icon{height:100%;width:100%;display:grid;color:#fff;align-content:center;justify-content:center}.ge-commands .command-button .active{transform-origin:center;background-color:var(--selectionGrey)}.ge-commands .command-button img.active{background-color:var(--selectionGrey)}.ge-commands .command-button:hover{background-color:var(--selectionGrey)}.ge-commands .copyAndDeleteDisabled{pointer-events:none;color:#000}.ge-commands .pasteDisabled{pointer-events:none;color:#000}.ge-commands .command-dropdown-root{position:relative;text-transform:uppercase;z-index:1}.ge-commands .command-dropdown{cursor:pointer;width:55px;height:55px}.ge-commands .command-dropdown .command-dropdown-icon{height:100%;width:100%;display:grid;align-content:center;justify-content:center}.ge-commands .command-dropdown .command-dropdown-active{height:100%;width:100%;display:grid;align-content:center;justify-content:center;font-size:14px}.ge-commands .command-dropdown:hover,.ge-commands .command-dropdown.activated{background-color:#666;color:#000}.ge-commands .command-dropdown:active{transform-origin:center;transform:scale(0.95)}.ge-commands .command-dropdown-blocker{position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(1);z-index:1}.ge-commands.background-js .command-dropdown-content{background:#333}.ge-commands.background-js .command-dropdown-content .command-dropdown-label:hover{background:#333}.ge-commands.background-ts .command-dropdown-content .command-dropdown-label:hover{background:#333}.ge-commands .command-dropdown-content{background:#333;position:absolute;top:55px;width:55px;transform:scale(1)}.ge-commands .command-dropdown-content.toRight{width:120px}.ge-commands .command-dropdown-content .command-dropdown-label{color:#fff;padding:5px;padding-left:7px;height:35px;font-size:18px;display:grid;align-items:center;cursor:pointer;user-select:none;grid-template-columns:1fr 20px;grid-template-rows:100%;position:relative}.ge-commands .command-dropdown-content .command-dropdown-label.active{font-weight:bold;font-size:20px}.ge-commands .command-dropdown-content .command-dropdown-label:hover{background:var(--selectionGrey)}.ge-commands .command-dropdown-content .command-dropdown-label:hover .sub-items{display:block}.ge-commands .command-dropdown-content .command-dropdown-label .command-dropdown-label-text{font-size:12px;grid-column:1;grid-row:1}.ge-commands .command-dropdown-content .command-dropdown-label .command-dropdown-label-check{grid-column:2;grid-row:1}.ge-commands .command-dropdown-content .command-dropdown-label .command-dropdown-arrow{grid-column:2;grid-row:1;font-size:20px;font-weight:bold;padding-bottom:10px;padding-left:4px}.ge-commands .command-dropdown-content .command-dropdown-label .sub-items{position:absolute;left:200px;top:0;width:150px;display:none}.ge-commands .command-dropdown-content .command-dropdown-label .sub-items.background-js{background:#bfabff}.ge-commands .command-dropdown-content .command-dropdown-label .sub-items.background-js .sub-item:hover{background-color:#333;color:#fff}.ge-commands .command-dropdown-content .command-dropdown-label .sub-items.background-ts{background:#333}.ge-commands .command-dropdown-content .command-dropdown-label .sub-items.background-ts .sub-item:hover{background-color:#333;color:#fff}.ge-commands .command-dropdown-content .command-dropdown-label .sub-items .sub-item{color:#fff;padding:5px;padding-left:10px;height:35px;display:grid}.ge-commands .command-dropdown-content .command-dropdown-label .sub-items .sub-item.checked{background:#fff;color:#000}.ge-commands .command-dropdown-content .buttonLine{color:#fff;padding:5px;padding-left:7px;height:35px;font-size:18px;display:grid;align-items:center;cursor:pointer;user-select:none;grid-template-columns:1fr 20px;grid-template-rows:100%;position:relative;font-size:12px;grid-column:1;grid-row:1}.ge-commands .command-dropdown-content .buttonLine input[type=file]{display:none}.ge-commands .command-dropdown-content .buttonLine.active{font-weight:bold;font-size:20px;cursor:pointer}.ge-commands .command-dropdown-content .buttonLine:hover{background:var(--selectionGrey);cursor:pointer}.ge-commands .command-dropdown-content .buttonLine:hover .sub-items{display:block}.ge-commands .command-dropdown-content .buttonLine .file-upload{cursor:pointer}.ge-commands .divider{display:flex;align-items:center;border-right:1px solid #000;color:#fff}.ge-commands .divider:last-of-type{border-right:none}.ge-commands .divider.padded{padding-left:10px;padding-right:10px}.ge-commands .floatLine,.ge-commands .checkBoxLine{display:flex;align-items:center}.ge-commands .floatLine .copy,.ge-commands .checkBoxLine .copy{display:none}.ge-commands .checkBoxLine .icon{filter:brightness(10)}.ge-commands .checkBoxLine .hidden{display:none}.ge-commands .checkBoxLine .checkBox{height:40px}.ge-commands .checkBoxLine .copy{display:none}.ge-commands .color3Line{display:grid}.ge-commands .color3Line .firstLine{display:flex;align-items:center}.ge-commands .color3Line .firstLine .label{padding-right:5px}.ge-commands .color3Line .firstLine .floatLine .value{padding-left:2px}.ge-commands .color3Line .firstLine .copy{display:none}.ge-commands .color3Line .firstLine .expand{display:none}.ge-commands .color3Line .secondLine{display:grid;padding-right:5px;border-left:1px solid #337ab7}.ge-commands .color3Line .secondLine .numeric{display:grid;grid-template-columns:1fr auto}.ge-commands .color3Line .secondLine .numeric-label{text-align:right;grid-column:1;display:flex;align-items:center;justify-self:right;margin-right:10px}.ge-commands .color3Line .secondLine .numeric-value{width:120px;grid-column:2;display:flex;align-items:center;border:1px solid #337ab7}.ge-commands .color-picker{height:26px;width:26px}.ge-commands .color-picker .color-rect-background{width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid #fff;cursor:pointer;background:repeating-conic-gradient(#e2e2e2 0% 25%, white 0% 50%) 50%/100% 100%}.ge-commands .color-picker .color-rect-background .color-rect{height:100%}.ge-commands .color-picker .color-picker-cover{position:fixed;top:0px;right:0px;bottom:0px;left:0px;z-index:2}.ge-commands .color-picker .color-picker-float{position:absolute;outline:1px solid #000}.ge-commands .color-picker .color-picker-container{background-color:#e2e2e2}.ge-commands .color-picker input:focus{outline-color:#000}.ge-commands .floatLine input,.ge-commands .listLine select{background-color:#000;color:#fff;padding:5px;border:none}.ge-commands input,.ge-commands .listLine select{outline-color:rgba(0,0,0,0);outline-width:1px;outline-offset:-1px;outline-style:solid;transition:.2s outline;border:none}.ge-commands .floatLine .value{position:relative;margin:5px}.ge-commands .floatLine input:focus{outline-color:#fff}.ge-commands .listLine select{width:150px}.ge-commands .hasArrows .arrows{display:none;position:absolute;right:0;top:0;flex-direction:column;cursor:grab;filter:brightness(10)}.ge-commands .hasArrows .arrows .downArrowIcon,.ge-commands .hasArrows .arrows .upArrowIcon{width:13px;height:13px}.ge-commands .hasArrows:hover .arrows,.ge-commands .hasArrows:focus .arrows,.ge-commands .hasArrows.dragging .arrows{display:flex}.ge-commands .hasArrows .arrows:hover{background-color:var(--buttonHoverBackground);filter:none}.ge-commands .hasArrows.dragging .arrows{background-color:var(--buttonPressedBackground)}.ge-commands .hasArrows.dragging .arrows .downArrowIcon,.ge-commands .hasArrows.dragging .arrows .upArrowIcon{filter:none}.ge-commands .hasArrows input::-webkit-outer-spin-button,.ge-commands .hasArrows input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ge-commands .hasArrows input[type=number]{-moz-appearance:textfield}',"",{version:3,sources:["webpack://./../../../tools/guiEditor/dist/scss/commandBar.scss"],names:[],mappings:"AAAA,MACI,wBAAA,CAGJ,aAMI,UAAA,CACA,aAAA,CACA,gBAAA,CAPA,eACI,kCAAA,CACA,eAAA,CACA,cAAA,CAMJ,mBACI,YAAA,CAGJ,4BACI,UAAA,CACA,YAAA,CAGJ,6BACI,WAAA,CACA,YAAA,CACA,wCACI,WAAA,CACA,iBAAA,CACA,UAAA,CAOA,gGACI,+FAAA,CAGJ,0IACI,UAAA,CAKA,gOACI,yGAAA,CASR,gGACI,gEAAA,CAGJ,0IACI,UAAA,CAKA,gOACI,6BAAA,CAMhB,6BACI,cAAA,CACA,UAAA,CACA,WAAA,CAEA,4CACI,YAAA,CAGJ,kDACI,WAAA,CACA,UAAA,CACA,YAAA,CACA,UAAA,CACA,oBAAA,CACA,sBAAA,CAGJ,qCACI,uBAAA,CACA,qCAAA,CAIA,wCACI,qCAAA,CAIZ,mCACI,qCAAA,CAEJ,oCACI,mBAAA,CACA,UAAA,CAEJ,4BACI,mBAAA,CACA,UAAA,CAEJ,oCACI,iBAAA,CACA,wBAAA,CACA,SAAA,CAGJ,+BACI,cAAA,CACA,UAAA,CACA,WAAA,CAEA,sDACI,WAAA,CACA,UAAA,CACA,YAAA,CACA,oBAAA,CACA,sBAAA,CAGJ,wDACI,WAAA,CACA,UAAA,CACA,YAAA,CACA,oBAAA,CACA,sBAAA,CACA,cAAA,CAGJ,8EAEI,qBAAA,CACA,UAAA,CAGJ,sCACI,uBAAA,CACA,qBAAA,CAIR,uCACI,iBAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CACA,WAAA,CACA,kBAAA,CACA,SAAA,CAIA,qDACI,eAAA,CAEI,mFACI,eAAA,CASJ,mFACI,eAAA,CAMhB,uCACI,eAAA,CACA,iBAAA,CACA,QAAA,CACA,UAAA,CACA,kBAAA,CAEA,+CACI,WAAA,CAGJ,+DACI,UAAA,CACA,WAAA,CACA,gBAAA,CACA,WAAA,CACA,cAAA,CACA,YAAA,CACA,kBAAA,CACA,cAAA,CACA,gBAAA,CACA,8BAAA,CACA,uBAAA,CACA,iBAAA,CAEA,sEACI,gBAAA,CACA,cAAA,CAGJ,qEACI,+BAAA,CACA,gFACI,aAAA,CAIR,4FACI,cAAA,CACA,aAAA,CACA,UAAA,CAGJ,6FACI,aAAA,CACA,UAAA,CAGJ,uFACI,aAAA,CACA,UAAA,CACA,cAAA,CACA,gBAAA,CACA,mBAAA,CACA,gBAAA,CAGJ,0EACI,iBAAA,CACA,UAAA,CACA,KAAA,CACA,WAAA,CACA,YAAA,CAEA,wFACI,kBAAA,CAEI,wGACI,qBAAA,CACA,UAAA,CAKZ,wFACI,eAAA,CAEI,wGACI,qBAAA,CACA,UAAA,CAKZ,oFACI,UAAA,CACA,WAAA,CACA,iBAAA,CACA,WAAA,CACA,YAAA,CAEA,4FACI,eAAA,CACA,UAAA,CAMhB,mDACI,UAAA,CACA,WAAA,CACA,gBAAA,CACA,WAAA,CACA,cAAA,CACA,YAAA,CACA,kBAAA,CACA,cAAA,CACA,gBAAA,CACA,8BAAA,CACA,uBAAA,CACA,iBAAA,CACA,cAAA,CACA,aAAA,CACA,UAAA,CACA,oEACI,YAAA,CAGJ,0DACI,gBAAA,CACA,cAAA,CACA,cAAA,CAGJ,yDACI,+BAAA,CAIA,cAAA,CAHA,oEACI,aAAA,CAKR,gEACI,cAAA,CAKZ,sBACI,YAAA,CACA,kBAAA,CACA,2BAAA,CACA,UAAA,CACA,mCACI,iBAAA,CAEJ,6BACI,iBAAA,CACA,kBAAA,CAIR,mDAEI,YAAA,CACA,kBAAA,CAEA,+DACI,YAAA,CAKJ,iCACI,qBAAA,CAGJ,mCACI,YAAA,CAGJ,qCACI,WAAA,CAGJ,iCACI,YAAA,CAIR,yBACI,YAAA,CAEA,oCACI,YAAA,CACA,kBAAA,CAEA,2CACI,iBAAA,CAIA,sDACI,gBAAA,CAIR,0CACI,YAAA,CAGJ,4CACI,YAAA,CAIR,qCACI,YAAA,CACA,iBAAA,CACA,6BAAA,CAEA,8CACI,YAAA,CACA,8BAAA,CAGJ,oDACI,gBAAA,CACA,aAAA,CACA,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,iBAAA,CAGJ,oDACI,WAAA,CACA,aAAA,CACA,YAAA,CACA,kBAAA,CACA,wBAAA,CAKZ,2BACI,WAAA,CACA,UAAA,CAEA,kDACI,sBAAA,CACA,uBAAA,CACA,qBAAA,CACA,cAAA,CACA,+EAAA,CACA,8DACI,WAAA,CAIR,+CACI,cAAA,CACA,OAAA,CACA,SAAA,CACA,UAAA,CACA,QAAA,CACA,SAAA,CAGJ,+CACI,iBAAA,CACA,sBAAA,CAGJ,mDACI,wBAAA,CAGJ,uCACI,kBAAA,CAIR,4DAEI,qBAAA,CACA,UAAA,CACA,WAAA,CACA,WAAA,CAGJ,iDAEI,2BAAA,CACA,iBAAA,CACA,mBAAA,CACA,mBAAA,CACA,sBAAA,CACA,WAAA,CAGJ,+BACI,iBAAA,CACA,UAAA,CAGJ,oCACI,kBAAA,CAGJ,8BACI,WAAA,CAIA,gCACI,YAAA,CACA,iBAAA,CACA,OAAA,CACA,KAAA,CACA,qBAAA,CACA,WAAA,CAMA,qBAAA,CALA,4FAEI,UAAA,CACA,WAAA,CAIR,qHAGI,YAAA,CAEJ,sCACI,6CAAA,CACA,WAAA,CAEJ,yCACI,+CAAA,CACA,8GAEI,WAAA,CAIZ,kHAEI,uBAAA,CACA,QAAA,CAGJ,2CACI,yBAAA",sourcesContent:[':root {\r\n --selectionGrey: #666666;\r\n}\r\n\r\n.ge-commands {\r\n * {\r\n font-family: "acumin-pro-condensed";\r\n font-weight: 600;\r\n font-size: 12px;\r\n }\r\n grid-row: 1;\r\n grid-column: 1;\r\n user-select: none;\r\n\r\n .copy {\r\n display: none;\r\n }\r\n\r\n .commands-left {\r\n float: left;\r\n display: flex;\r\n }\r\n\r\n .commands-right {\r\n float: right;\r\n display: flex;\r\n .beta-flag {\r\n height: 30px;\r\n position: relative;\r\n left: -15px;\r\n }\r\n }\r\n\r\n &.background-ts {\r\n .command-button,\r\n .command-dropdown {\r\n img {\r\n filter: invert(64%) sepia(78%) saturate(940%) hue-rotate(323deg) brightness(105%) contrast(103%);\r\n }\r\n\r\n .command-dropdown-active {\r\n color: #333333;\r\n }\r\n\r\n &:hover,\r\n &.activated {\r\n img {\r\n filter: invert(34%) sepia(21%) saturate(3832%) hue-rotate(324deg) brightness(88%) contrast(82%) !important;\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.background-js {\r\n .command-button,\r\n .command-dropdown {\r\n img {\r\n filter: invert(57%) sepia(80%) saturate(2031%) hue-rotate(215deg);\r\n }\r\n\r\n .command-dropdown-active {\r\n color: #333333;\r\n }\r\n\r\n &:hover,\r\n &.activated {\r\n img {\r\n filter: invert(17%) !important;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .command-button {\r\n cursor: pointer;\r\n width: 55px;\r\n height: 55px;\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 .active {\r\n transform-origin: center;\r\n background-color: var(--selectionGrey);\r\n }\r\n\r\n img {\r\n &.active {\r\n background-color: var(--selectionGrey);\r\n }\r\n }\r\n }\r\n .command-button:hover {\r\n background-color: var(--selectionGrey);\r\n }\r\n .copyAndDeleteDisabled {\r\n pointer-events: none;\r\n color: black;\r\n }\r\n .pasteDisabled {\r\n pointer-events: none;\r\n color: black;\r\n }\r\n .command-dropdown-root {\r\n position: relative;\r\n text-transform: uppercase;\r\n z-index: 1;\r\n }\r\n\r\n .command-dropdown {\r\n cursor: pointer;\r\n width: 55px;\r\n height: 55px;\r\n\r\n .command-dropdown-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 .command-dropdown-active {\r\n height: 100%;\r\n width: 100%;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n font-size: 14px;\r\n }\r\n\r\n &:hover,\r\n &.activated {\r\n background-color: #666666;\r\n color: black;\r\n }\r\n\r\n &:active {\r\n transform-origin: center;\r\n transform: scale(0.95);\r\n }\r\n }\r\n\r\n .command-dropdown-blocker {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n transform: scale(1);\r\n z-index: 1;\r\n }\r\n\r\n &.background-js {\r\n .command-dropdown-content {\r\n background: #333333;\r\n .command-dropdown-label {\r\n &:hover {\r\n background: #333333;\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.background-ts {\r\n .command-dropdown-content {\r\n .command-dropdown-label {\r\n &:hover {\r\n background: #333333;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .command-dropdown-content {\r\n background: #333333;\r\n position: absolute;\r\n top: 55px;\r\n width: 55px;\r\n transform: scale(1);\r\n\r\n &.toRight {\r\n width: 120px;\r\n }\r\n\r\n .command-dropdown-label {\r\n color: white;\r\n padding: 5px;\r\n padding-left: 7px;\r\n height: 35px;\r\n font-size: 18px;\r\n display: grid;\r\n align-items: center;\r\n cursor: pointer;\r\n user-select: none;\r\n grid-template-columns: 1fr 20px;\r\n grid-template-rows: 100%;\r\n position: relative;\r\n\r\n &.active {\r\n font-weight: bold;\r\n font-size: 20px;\r\n }\r\n\r\n &:hover {\r\n background: var(--selectionGrey);\r\n .sub-items {\r\n display: block;\r\n }\r\n }\r\n\r\n .command-dropdown-label-text {\r\n font-size: 12px;\r\n grid-column: 1;\r\n grid-row: 1;\r\n }\r\n\r\n .command-dropdown-label-check {\r\n grid-column: 2;\r\n grid-row: 1;\r\n }\r\n\r\n .command-dropdown-arrow {\r\n grid-column: 2;\r\n grid-row: 1;\r\n font-size: 20px;\r\n font-weight: bold;\r\n padding-bottom: 10px;\r\n padding-left: 4px;\r\n }\r\n\r\n .sub-items {\r\n position: absolute;\r\n left: 200px;\r\n top: 0;\r\n width: 150px;\r\n display: none;\r\n\r\n &.background-js {\r\n background: #bfabff;\r\n .sub-item {\r\n &:hover {\r\n background-color: #333333;\r\n color: white;\r\n }\r\n }\r\n }\r\n\r\n &.background-ts {\r\n background: #333333;\r\n .sub-item {\r\n &:hover {\r\n background-color: #333333;\r\n color: white;\r\n }\r\n }\r\n }\r\n\r\n .sub-item {\r\n color: white;\r\n padding: 5px;\r\n padding-left: 10px;\r\n height: 35px;\r\n display: grid;\r\n\r\n &.checked {\r\n background: white;\r\n color: black;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .buttonLine {\r\n color: white;\r\n padding: 5px;\r\n padding-left: 7px;\r\n height: 35px;\r\n font-size: 18px;\r\n display: grid;\r\n align-items: center;\r\n cursor: pointer;\r\n user-select: none;\r\n grid-template-columns: 1fr 20px;\r\n grid-template-rows: 100%;\r\n position: relative;\r\n font-size: 12px;\r\n grid-column: 1;\r\n grid-row: 1;\r\n input[type="file"] {\r\n display: none;\r\n }\r\n\r\n &.active {\r\n font-weight: bold;\r\n font-size: 20px;\r\n cursor: pointer;\r\n }\r\n\r\n &:hover {\r\n background: var(--selectionGrey);\r\n .sub-items {\r\n display: block;\r\n }\r\n cursor: pointer;\r\n }\r\n\r\n .file-upload {\r\n cursor: pointer;\r\n }\r\n }\r\n }\r\n\r\n .divider {\r\n display: flex;\r\n align-items: center;\r\n border-right: 1px solid black;\r\n color: white;\r\n &:last-of-type {\r\n border-right: none;\r\n }\r\n &.padded {\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n }\r\n }\r\n\r\n .floatLine,\r\n .checkBoxLine {\r\n display: flex;\r\n align-items: center;\r\n\r\n .copy {\r\n display: none;\r\n }\r\n }\r\n\r\n .checkBoxLine {\r\n .icon {\r\n filter: brightness(10);\r\n }\r\n\r\n .hidden {\r\n display: none;\r\n }\r\n\r\n .checkBox {\r\n height: 40px;\r\n }\r\n\r\n .copy {\r\n display: none;\r\n }\r\n }\r\n\r\n .color3Line {\r\n display: grid;\r\n\r\n .firstLine {\r\n display: flex;\r\n align-items: center;\r\n\r\n .label {\r\n padding-right: 5px;\r\n }\r\n\r\n .floatLine {\r\n .value {\r\n padding-left: 2px;\r\n }\r\n }\r\n\r\n .copy {\r\n display: none;\r\n }\r\n\r\n .expand {\r\n display: none;\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 .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 solid white;\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 position: fixed;\r\n top: 0px;\r\n right: 0px;\r\n bottom: 0px;\r\n left: 0px;\r\n z-index: 2;\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 input:focus {\r\n outline-color: black;\r\n }\r\n }\r\n\r\n .floatLine input,\r\n .listLine select {\r\n background-color: #000000;\r\n color: white;\r\n padding: 5px;\r\n border: none;\r\n }\r\n\r\n input,\r\n .listLine select {\r\n outline-color: transparent;\r\n outline-width: 1px;\r\n outline-offset: -1px;\r\n outline-style: solid;\r\n transition: 0.2s outline;\r\n border: none;\r\n }\r\n\r\n .floatLine .value {\r\n position: relative;\r\n margin: 5px;\r\n }\r\n\r\n .floatLine input:focus {\r\n outline-color: white;\r\n }\r\n\r\n .listLine select {\r\n width: 150px;\r\n }\r\n\r\n .hasArrows {\r\n .arrows {\r\n display: none;\r\n position: absolute;\r\n right: 0;\r\n top: 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 filter: brightness(10);\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 filter: none;\r\n }\r\n &.dragging .arrows {\r\n background-color: var(--buttonPressedBackground);\r\n .downArrowIcon,\r\n .upArrowIcon {\r\n filter: none;\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'],sourceRoot:""}]),s.locals={};const a=s},664:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(234),o=n.n(r),i=n(474),s=n.n(i)()(o());s.push([e.id,"#ge-header{width:100%;grid-column:2/4;grid-row:1;padding:0;margin:0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:100%;background:#333}#ge-header .command-bar{padding-left:15px;grid-row:1;grid-column:2;width:100%}#ge-header .command-bar .language-button{grid-row:1;grid-column:2;color:#fff;width:144px;font-size:18px;text-align:center;display:grid;align-content:center;border-top-left-radius:14px;transform:scale(1);user-select:none}#ge-header .command-bar .language-button.active{width:74px;cursor:pointer;grid-column:1;margin-right:-5px;transform:translateX(10px)}","",{version:3,sources:["webpack://./../../../tools/guiEditor/dist/scss/header.scss"],names:[],mappings:"AAAA,WACI,UAAA,CACA,eAAA,CACA,UAAA,CACA,SAAA,CACA,QAAA,CACA,YAAA,CACA,8BAAA,CACA,uBAAA,CACA,eAAA,CAEA,wBACI,iBAAA,CACA,UAAA,CACA,aAAA,CACA,UAAA,CAEA,yCACI,UAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,cAAA,CACA,iBAAA,CACA,YAAA,CACA,oBAAA,CACA,2BAAA,CACA,kBAAA,CACA,gBAAA,CAEA,gDACI,UAAA,CACA,cAAA,CACA,aAAA,CACA,iBAAA,CACA,0BAAA",sourcesContent:["#ge-header {\r\n width: 100%;\r\n grid-column: 2 / 4;\r\n grid-row: 1;\r\n padding: 0;\r\n margin: 0;\r\n display: grid;\r\n grid-template-columns: auto 1fr;\r\n grid-template-rows: 100%;\r\n background: #333333;\r\n\r\n .command-bar {\r\n padding-left: 15px;\r\n grid-row: 1;\r\n grid-column: 2;\r\n width: 100%;\r\n\r\n .language-button {\r\n grid-row: 1;\r\n grid-column: 2;\r\n color: white;\r\n width: 144px;\r\n font-size: 18px;\r\n text-align: center;\r\n display: grid;\r\n align-content: center;\r\n border-top-left-radius: 14px;\r\n transform: scale(1);\r\n user-select: none;\r\n\r\n &.active {\r\n width: 74px;\r\n cursor: pointer;\r\n grid-column: 1;\r\n margin-right: -5px;\r\n transform: translateX(10px);\r\n }\r\n }\r\n }\r\n}\r\n"],sourceRoot:""}]),s.locals={};const a=s},767:(e,t,n)=>{"use strict";n.d(t,{A:()=>c});var r=n(234),o=n.n(r),i=n(474),s=n.n(i),a=n(976),l=s()(o());l.i(a.A,"",!0),l.push([e.id,".b95R0O6ILc85rYlO1WPd{width:55px;height:55px;border:none;display:inline-flex;align-items:center;justify-content:center;padding:0 0}.b95R0O6ILc85rYlO1WPd.kgkXfJMN1pBn5GDwKAiQ{width:120px;height:45px;justify-content:start}.b95R0O6ILc85rYlO1WPd.auFPe0ZDyYDP90hWHa6t{width:30px;height:30px}.b95R0O6ILc85rYlO1WPd.MKxtRa83RlF4LPUy2B33{width:25px;height:25px}.b95R0O6ILc85rYlO1WPd.K4N1g645ZLynf7rUfSyB{background-color:#E2E2E2;color:#333333}.b95R0O6ILc85rYlO1WPd.K4N1g645ZLynf7rUfSyB:hover,.b95R0O6ILc85rYlO1WPd.K4N1g645ZLynf7rUfSyB.lD5Ki9XODid4PAR8thSw{background-color:#FFFFFF}.b95R0O6ILc85rYlO1WPd.K4N1g645ZLynf7rUfSyB:disabled{background-color:#FFFFFF}.b95R0O6ILc85rYlO1WPd.y9P5FsHRKkfc_RVnfyko{background-color:#333333;color:#FFFFFF}.b95R0O6ILc85rYlO1WPd.y9P5FsHRKkfc_RVnfyko:hover,.b95R0O6ILc85rYlO1WPd.y9P5FsHRKkfc_RVnfyko.lD5Ki9XODid4PAR8thSw{background-color:#666666}","",{version:3,sources:["webpack://./../../../dev/sharedUiComponents/dist/components/Button.modules.scss"],names:[],mappings:"AACA,sBAEI,UAAA,CACA,WAAA,CACA,WAAA,CACA,mBAAA,CACA,kBAAA,CACA,sBAAA,CACA,WAAA,CACA,2CACI,WAAA,CACA,WAAA,CACA,qBAAA,CAEJ,2CACI,UAAA,CACA,WAAA,CAEJ,2CACI,UAAA,CACA,WAAA,CAEJ,2CACI,wBAAA,CACA,aAAA,CACA,iHAEI,wBAAA,CAEJ,oDACI,wBAAA,CAGR,2CACI,wBAAA,CACA,aAAA,CACA,iHAEI,wBAAA",sourcesContent:['@import "Colors.scss";\r\n:local .button {\r\n composes: fontRegular from "Fonts.scss";\r\n width: 55px;\r\n height: 55px;\r\n border: none;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0 0;\r\n &.wide {\r\n width: 120px;\r\n height: 45px;\r\n justify-content: start;\r\n }\r\n &.small {\r\n width: 30px;\r\n height: 30px;\r\n }\r\n &.smaller {\r\n width: 25px;\r\n height: 25px;\r\n }\r\n &.light {\r\n background-color: light-background;\r\n color: dark-color;\r\n &:hover,\r\n &.active {\r\n background-color: light-active-background;\r\n }\r\n &:disabled {\r\n background-color: light-color;\r\n }\r\n }\r\n &.dark {\r\n background-color: dark-background;\r\n color: light-color;\r\n &:hover,\r\n &.active {\r\n background-color: dark-active-background;\r\n }\r\n }\r\n}\r\n'],sourceRoot:""}]),l.locals={"light-background":"#E2E2E2","light-active-background":"#FFFFFF","light-disabled-background":"#C8C8C8","light-color":"#FFFFFF","dark-background":"#333333","dark-active-background":"#666666","dark-color":"#333333",button:`b95R0O6ILc85rYlO1WPd ${a.A.locals.fontRegular}`,wide:"kgkXfJMN1pBn5GDwKAiQ",small:"auFPe0ZDyYDP90hWHa6t",smaller:"MKxtRa83RlF4LPUy2B33",light:"K4N1g645ZLynf7rUfSyB",active:"lD5Ki9XODid4PAR8thSw",dark:"y9P5FsHRKkfc_RVnfyko"};const c=l},734:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(234),o=n.n(r),i=n(474),s=n.n(i)()(o());s.push([e.id,".np3yGjrPQUltnJjOZks4{filter:brightness(10)}","",{version:3,sources:["webpack://./../../../dev/sharedUiComponents/dist/components/Icon.modules.scss"],names:[],mappings:"AAAA,sBACI,qBAAA",sourcesContent:[":local .light {\r\n filter: brightness(10);\r\n}\r\n"],sourceRoot:""}]),s.locals={light:"np3yGjrPQUltnJjOZks4"};const a=s},124:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(234),o=n.n(r),i=n(474),s=n.n(i)()(o());s.push([e.id,'.stbiu24JbUBfHNSSYhSR{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.6);display:grid;font-family:"acumin-pro";top:0}.stbiu24JbUBfHNSSYhSR .fCGAiNfXRhhXF8hQPpct{align-self:center;justify-self:center;min-height:140px;max-width:400px;border-radius:10px;background:#fff;padding:10px;display:grid;grid-template-columns:100%;grid-template-rows:1fr 50px}.stbiu24JbUBfHNSSYhSR .fCGAiNfXRhhXF8hQPpct .yRrm4hWjzyu4RnCc412h{grid-row:1;grid-column:1;margin-top:20px;padding:10px;font-size:18px;color:#000}.stbiu24JbUBfHNSSYhSR .fCGAiNfXRhhXF8hQPpct .c5hG_qW6gImPmY2mRXUf{grid-row:2;grid-column:1;display:grid;grid-template-rows:100%;grid-template-columns:100%;color:#fff}.stbiu24JbUBfHNSSYhSR .fCGAiNfXRhhXF8hQPpct .c5hG_qW6gImPmY2mRXUf .TaDL8j02NlDZlEf6mraY{cursor:pointer;justify-self:center;background:green;min-width:80px;justify-content:center;display:grid;align-content:center;align-self:center;height:35px;border-radius:10px}.stbiu24JbUBfHNSSYhSR .fCGAiNfXRhhXF8hQPpct .c5hG_qW6gImPmY2mRXUf .TaDL8j02NlDZlEf6mraY:hover{opacity:.8}.stbiu24JbUBfHNSSYhSR .fCGAiNfXRhhXF8hQPpct .c5hG_qW6gImPmY2mRXUf .TaDL8j02NlDZlEf6mraY.gWN6zWjwiaTlrWBw3gRR{background:red}',"",{version:3,sources:["webpack://./../../../dev/sharedUiComponents/dist/components/MessageDialog.modules.scss"],names:[],mappings:"AAAA,sBACI,iBAAA,CACA,UAAA,CACA,WAAA,CACA,yBAAA,CACA,YAAA,CACA,wBAAA,CACA,KAAA,CAEA,4CACI,iBAAA,CACA,mBAAA,CACA,gBAAA,CACA,eAAA,CACA,kBAAA,CACA,eAAA,CACA,YAAA,CAEA,YAAA,CACA,0BAAA,CACA,2BAAA,CAEA,kEACI,UAAA,CACA,aAAA,CACA,eAAA,CACA,YAAA,CACA,cAAA,CACA,UAAA,CAGJ,kEACI,UAAA,CACA,aAAA,CACA,YAAA,CACA,uBAAA,CACA,0BAAA,CACA,UAAA,CAEA,wFACI,cAAA,CACA,mBAAA,CACA,gBAAA,CACA,cAAA,CACA,sBAAA,CACA,YAAA,CACA,oBAAA,CACA,iBAAA,CACA,WAAA,CACA,kBAAA,CAEA,8FACI,UAAA,CAGJ,6GACI,cAAA",sourcesContent:[':local .dialog-container {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0.1, 0.1, 0.1, 0.6);\r\n display: grid;\r\n font-family: "acumin-pro";\r\n top: 0;\r\n\r\n .dialog {\r\n align-self: center;\r\n justify-self: center;\r\n min-height: 140px;\r\n max-width: 400px;\r\n border-radius: 10px;\r\n background: white;\r\n padding: 10px;\r\n\r\n display: grid;\r\n grid-template-columns: 100%;\r\n grid-template-rows: 1fr 50px;\r\n\r\n .dialog-message {\r\n grid-row: 1;\r\n grid-column: 1;\r\n margin-top: 20px;\r\n padding: 10px;\r\n font-size: 18px;\r\n color: black;\r\n }\r\n\r\n .dialog-buttons {\r\n grid-row: 2;\r\n grid-column: 1;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 100%;\r\n color: white;\r\n\r\n .dialog-button-ok {\r\n cursor: pointer;\r\n justify-self: center;\r\n background: green;\r\n min-width: 80px;\r\n justify-content: center;\r\n display: grid;\r\n align-content: center;\r\n align-self: center;\r\n height: 35px;\r\n border-radius: 10px;\r\n\r\n &:hover {\r\n opacity: 0.8;\r\n }\r\n\r\n &.error {\r\n background: red;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n'],sourceRoot:""}]),s.locals={"dialog-container":"stbiu24JbUBfHNSSYhSR",dialog:"fCGAiNfXRhhXF8hQPpct","dialog-message":"yRrm4hWjzyu4RnCc412h","dialog-buttons":"c5hG_qW6gImPmY2mRXUf","dialog-button-ok":"TaDL8j02NlDZlEf6mraY",error:"gWN6zWjwiaTlrWBw3gRR"};const a=s},182:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(234),o=n.n(r),i=n(474),s=n.n(i)()(o());s.push([e.id,".cAdE59gB2fAtRPTNL4rr{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center}.Q5g62nnQiAkjss2bvjv_{border:unset;background-color:inherit;flex-grow:1;width:100px}.K3K9PQvh6pJwXhAYXmq4{background-color:#fff}.G9HbTQuNLy6q2zLRNUcJ{background-color:rgba(255,204,204,.8)}","",{version:3,sources:["webpack://./../../../dev/sharedUiComponents/dist/components/TextInputWithSubmit.modules.scss"],names:[],mappings:"AAAA,sBACI,UAAA,CACA,WAAA,CACA,YAAA,CACA,6BAAA,CACA,kBAAA,CAGJ,sBACI,YAAA,CACA,wBAAA,CACA,WAAA,CACA,WAAA,CAGJ,sBACI,qBAAA,CAGJ,sBACI,qCAAA",sourcesContent:[".line {\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.input {\r\n border: unset;\r\n background-color: inherit;\r\n flex-grow: 1;\r\n width: 100px;\r\n}\r\n\r\n.valid {\r\n background-color: white;\r\n}\r\n\r\n.invalid {\r\n background-color: rgba(255, 204, 204, 0.8);\r\n}\r\n"],sourceRoot:""}]),s.locals={line:"cAdE59gB2fAtRPTNL4rr",input:"Q5g62nnQiAkjss2bvjv_",valid:"K3K9PQvh6pJwXhAYXmq4",invalid:"G9HbTQuNLy6q2zLRNUcJ"};const a=s},348:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(234),o=n.n(r),i=n(474),s=n.n(i)()(o());s.push([e.id,'.bOUut2FWKU2aN_ahzdAI{font-family:"acumin-pro-condensed",sans-serif;font-size:12px;height:25px;padding-left:15px}.ZN_DCHJ9pa7dUkP3Eml9{width:100%;height:100%;border:unset}',"",{version:3,sources:["webpack://./../../../dev/sharedUiComponents/dist/components/lines/OptionsLineComponent.modules.scss"],names:[],mappings:"AAAA,sBACI,6CAAA,CACA,cAAA,CACA,WAAA,CACA,iBAAA,CAGJ,sBACI,UAAA,CACA,WAAA,CACA,YAAA",sourcesContent:['.optionsLine {\r\n font-family: "acumin-pro-condensed", sans-serif;\r\n font-size: 12px;\r\n height: 25px;\r\n padding-left: 15px;\r\n}\r\n\r\n.optionsSelect {\r\n width: 100%;\r\n height: 100%;\r\n border: unset;\r\n}\r\n'],sourceRoot:""}]),s.locals={optionsLine:"bOUut2FWKU2aN_ahzdAI",optionsSelect:"ZN_DCHJ9pa7dUkP3Eml9"};const a=s},976:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(234),o=n.n(r),i=n(474),s=n.n(i)()(o());s.push([e.id,'.BvwFwd6uzMRFN0JwO92p {\n font-family: "acumin-pro-condensed";\n font-size: 14px;\n}\n',"",{version:3,sources:["webpack://./../../../dev/sharedUiComponents/dist/components/Fonts.scss"],names:[],mappings:"AAAA;IACI,mCAAmC;IACnC,eAAe;AACnB",sourcesContent:[':local(.fontRegular) {\r\n font-family: "acumin-pro-condensed";\r\n font-size: 14px;\r\n}\r\n'],sourceRoot:""}]),s.locals={fontRegular:"BvwFwd6uzMRFN0JwO92p"};const a=s},474:e=>{"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,o,i){"string"==typeof e&&(e=[[null,e,void 0]]);var s={};if(r)for(var a=0;a<this.length;a++){var l=this[a][0];null!=l&&(s[l]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);r&&s[u[0]]||(void 0!==i&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=i),n&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=n):u[2]=n),o&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=o):u[4]="".concat(o)),t.push(u))}},t}},234:e=>{"use strict";e.exports=function(e){var t=e[1],n=e[3];if(!n)return t;if("function"==typeof btoa){var r=btoa(unescape(encodeURIComponent(JSON.stringify(n)))),o="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(r),i="/*# ".concat(o," */");return[t].concat([i]).join("\n")}return[t].join("\n")}},772:e=>{"use strict";var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,o){for(var i,s,a=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),l=1;l<arguments.length;l++){for(var c in i=Object(arguments[l]))n.call(i,c)&&(a[c]=i[c]);if(t){s=t(i);for(var u=0;u<s.length;u++)r.call(i,s[u])&&(a[s[u]]=i[s[u]])}}return a}},878:(e,t,n)=>{"use strict";var r=n(565);function o(){}function i(){}i.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,i,s){if(s!==r){var a=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 a.name="Invariant Violation",a}}function t(){return e}e.isRequired=e;var n={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:i,resetWarningCache:o};return n.PropTypes=n,n}},764:(e,t,n)=>{e.exports=n(878)()},565:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},315:(e,t,n)=>{"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=l(t);if(n&&n.has(e))return n.get(e);var o={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var a=i?Object.getOwnPropertyDescriptor(e,s):null;a&&(a.get||a.set)?Object.defineProperty(o,s,a):o[s]=e[s]}return o.default=e,n&&n.set(e,o),o}(n(460)),i=a(n(764)),s=a(n(122));function a(e){return e&&e.__esModule?e:{default:e}}function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(l=function(e){return e?n:t})(e)}function c(e,t){return c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},c(e,t)}function u(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function d(e){return d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},d(e)}function p(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var A=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&c(e,t)}(l,e);var t,n,i,a=(n=l,i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=d(n);if(i){var o=d(this).constructor;e=Reflect.construct(t,arguments,o)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===r(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return u(e)}(this,e)});function l(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,l),p(u(t=a.call(this,e)),"handleKeyNavigation",(function(e){if(!1!==t.state.isVisible)switch(e.keyCode){case 37:case 27:e.preventDefault(),t.hideMenu(e);break;case 38:e.preventDefault(),t.selectChildren(!0);break;case 40:e.preventDefault(),t.selectChildren(!1);break;case 39:t.tryToOpenSubMenu(e);break;case 13:e.preventDefault(),t.tryToOpenSubMenu(e);var n=t.seletedItemRef&&t.seletedItemRef.props&&t.seletedItemRef.props.disabled;t.seletedItemRef&&t.seletedItemRef.ref instanceof HTMLElement&&!n?t.seletedItemRef.ref.click():t.hideMenu(e)}})),p(u(t),"handleForceClose",(function(){t.setState({forceSubMenuOpen:!1})})),p(u(t),"tryToOpenSubMenu",(function(e){t.state.selectedItem&&t.state.selectedItem.type===t.getSubMenuType()&&(e.preventDefault(),t.setState({forceSubMenuOpen:!0}))})),p(u(t),"selectChildren",(function(e){var n=t.state.selectedItem,r=[],i=0,a={};if(o.default.Children.forEach(t.props.children,(function e(n,l){n&&([s.default,t.getSubMenuType()].indexOf(n.type)<0?o.default.Children.forEach(n.props.children,e):n.props.divider||(n.props.disabled&&(++i,a[l]=!0),r.push(n)))})),i!==r.length){var l=function(t){var n=t;do{e?--n:++n,n<0?n=r.length-1:n>=r.length&&(n=0)}while(n!==t&&a[n]);return n===t?null:n}(r.indexOf(n));null!==l&&t.setState({selectedItem:r[l],forceSubMenuOpen:!1})}})),p(u(t),"onChildMouseMove",(function(e){t.state.selectedItem!==e&&t.setState({selectedItem:e,forceSubMenuOpen:!1})})),p(u(t),"onChildMouseLeave",(function(){t.setState({selectedItem:null,forceSubMenuOpen:!1})})),p(u(t),"renderChildren",(function(e){return o.default.Children.map(e,(function(e){var n={};return o.default.isValidElement(e)?[s.default,t.getSubMenuType()].indexOf(e.type)<0?(n.children=t.renderChildren(e.props.children),o.default.cloneElement(e,n)):(n.onMouseLeave=t.onChildMouseLeave.bind(u(t)),e.type===t.getSubMenuType()&&(n.forceOpen=t.state.forceSubMenuOpen&&t.state.selectedItem===e,n.forceClose=t.handleForceClose,n.parentKeyNavigationHandler=t.handleKeyNavigation),e.props.divider||t.state.selectedItem!==e?(n.onMouseMove=function(){return t.onChildMouseMove(e)},o.default.cloneElement(e,n)):(n.selected=!0,n.ref=function(e){t.seletedItemRef=e},o.default.cloneElement(e,n))):e}))})),t.seletedItemRef=null,t.state={selectedItem:null,forceSubMenuOpen:!1},t}return t=l,Object.defineProperty(t,"prototype",{writable:!1}),t}(o.Component);t.default=A,p(A,"propTypes",{children:i.default.node.isRequired})},824:(e,t,n)=>{"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=A(n(460)),i=A(n(764)),s=A(n(368)),a=A(n(772)),l=A(n(225)),c=A(n(315)),u=A(n(349)),d=n(451),p=n(645);function A(e){return e&&e.__esModule?e:{default:e}}function M(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function g(e,t){return g=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},g(e,t)}function L(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function C(e){return C=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},C(e)}function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var w=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&g(e,t)}(w,e);var t,n,i,c,A=(i=w,c=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=C(i);if(c){var n=C(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===r(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return L(e)}(this,e)});function w(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,w),h(L(t=A.call(this,e)),"registerHandlers",(function(){document.addEventListener("mousedown",t.handleOutsideClick),document.addEventListener("touchstart",t.handleOutsideClick),t.props.preventHideOnScroll||document.addEventListener("scroll",t.handleHide),t.props.preventHideOnContextMenu||document.addEventListener("contextmenu",t.handleHide),document.addEventListener("keydown",t.handleKeyNavigation),t.props.preventHideOnResize||window.addEventListener("resize",t.handleHide)})),h(L(t),"unregisterHandlers",(function(){document.removeEventListener("mousedown",t.handleOutsideClick),document.removeEventListener("touchstart",t.handleOutsideClick),document.removeEventListener("scroll",t.handleHide),document.removeEventListener("contextmenu",t.handleHide),document.removeEventListener("keydown",t.handleKeyNavigation),window.removeEventListener("resize",t.handleHide)})),h(L(t),"handleShow",(function(e){if(e.detail.id===t.props.id&&!t.state.isVisible){var n=e.detail.position,r=n.x,o=n.y;t.setState({isVisible:!0,x:r,y:o}),t.registerHandlers(),(0,p.callIfExists)(t.props.onShow,e)}})),h(L(t),"handleHide",(function(e){!t.state.isVisible||e.detail&&e.detail.id&&e.detail.id!==t.props.id||(t.unregisterHandlers(),t.setState({isVisible:!1,selectedItem:null,forceSubMenuOpen:!1}),(0,p.callIfExists)(t.props.onHide,e))})),h(L(t),"handleOutsideClick",(function(e){t.menu.contains(e.target)||(0,d.hideMenu)()})),h(L(t),"handleMouseLeave",(function(e){e.preventDefault(),(0,p.callIfExists)(t.props.onMouseLeave,e,(0,a.default)({},t.props.data,p.store.data),p.store.target),t.props.hideOnLeave&&(0,d.hideMenu)()})),h(L(t),"handleContextMenu",(function(e){e.preventDefault(),t.handleHide(e)})),h(L(t),"hideMenu",(function(e){27!==e.keyCode&&13!==e.keyCode||(0,d.hideMenu)()})),h(L(t),"getMenuPosition",(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r={top:n,left:e};if(!t.menu)return r;var o=window,i=o.innerWidth,s=o.innerHeight,a=t.menu.getBoundingClientRect();return n+a.height>s&&(r.top-=a.height),e+a.width>i&&(r.left-=a.width),r.top<0&&(r.top=a.height<s?(s-a.height)/2:0),r.left<0&&(r.left=a.width<i?(i-a.width)/2:0),r})),h(L(t),"getRTLMenuPosition",(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r={top:n,left:e};if(!t.menu)return r;var o=window,i=o.innerWidth,s=o.innerHeight,a=t.menu.getBoundingClientRect();return r.left=e-a.width,n+a.height>s&&(r.top-=a.height),r.left<0&&(r.left+=a.width),r.top<0&&(r.top=a.height<s?(s-a.height)/2:0),r.left+a.width>i&&(r.left=a.width<i?(i-a.width)/2:0),r})),h(L(t),"menuRef",(function(e){t.menu=e})),t.state=(0,a.default)({},t.state,{x:0,y:0,isVisible:!1}),t}return t=w,(n=[{key:"getSubMenuType",value:function(){return u.default}},{key:"componentDidMount",value:function(){this.listenId=l.default.register(this.handleShow,this.handleHide)}},{key:"componentDidUpdate",value:function(){var e=this,t=window.requestAnimationFrame||setTimeout;this.state.isVisible?t((function(){var n=e.state,r=n.x,o=n.y,i=e.props.rtl?e.getRTLMenuPosition(r,o):e.getMenuPosition(r,o),s=i.top,a=i.left;t((function(){e.menu&&(e.menu.style.top="".concat(s,"px"),e.menu.style.left="".concat(a,"px"),e.menu.style.opacity=1,e.menu.style.pointerEvents="auto")}))})):t((function(){e.menu&&(e.menu.style.opacity=0,e.menu.style.pointerEvents="none")}))}},{key:"componentWillUnmount",value:function(){this.listenId&&l.default.unregister(this.listenId),this.unregisterHandlers()}},{key:"render",value:function(){var e=this.props,t=e.children,n=e.className,r=e.style,i=this.state.isVisible,l=(0,a.default)({},r,{position:"fixed",opacity:0,pointerEvents:"none"}),c=(0,s.default)(p.cssClasses.menu,n,h({},p.cssClasses.menuVisible,i));return o.default.createElement("nav",{role:"menu",tabIndex:"-1",ref:this.menuRef,style:l,className:c,onContextMenu:this.handleContextMenu,onMouseLeave:this.handleMouseLeave},this.renderChildren(t))}}])&&M(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),w}(c.default);t.default=w,h(w,"propTypes",{id:i.default.string.isRequired,children:i.default.node.isRequired,data:i.default.object,className:i.default.string,hideOnLeave:i.default.bool,rtl:i.default.bool,onHide:i.default.func,onMouseLeave:i.default.func,onShow:i.default.func,preventHideOnContextMenu:i.default.bool,preventHideOnResize:i.default.bool,preventHideOnScroll:i.default.bool,style:i.default.object}),h(w,"defaultProps",{className:"",data:{},hideOnLeave:!1,rtl:!1,onHide:function(){return null},onMouseLeave:function(){return null},onShow:function(){return null},preventHideOnContextMenu:!1,preventHideOnResize:!1,preventHideOnScroll:!1,style:{}})},774:(e,t,n)=>{"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=d(t);if(n&&n.has(e))return n.get(e);var o={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var a=i?Object.getOwnPropertyDescriptor(e,s):null;a&&(a.get||a.set)?Object.defineProperty(o,s,a):o[s]=e[s]}return o.default=e,n&&n.set(e,o),o}(n(460)),i=u(n(764)),s=u(n(368)),a=u(n(772)),l=n(451),c=n(645);function u(e){return e&&e.__esModule?e:{default:e}}function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(d=function(e){return e?n:t})(e)}function p(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function A(e,t){return A=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},A(e,t)}function M(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}function L(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var C=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&A(e,t)}(C,e);var t,n,i,u,d=(i=C,u=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=g(i);if(u){var n=g(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===r(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return M(e)}(this,e)});function C(){var e;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,C);for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return L(M(e=d.call.apply(d,[this].concat(n))),"touchHandled",!1),L(M(e),"handleMouseDown",(function(t){e.props.holdToDisplay>=0&&0===t.button&&(t.persist(),t.stopPropagation(),e.mouseDownTimeoutId=setTimeout((function(){return e.handleContextClick(t)}),e.props.holdToDisplay)),(0,c.callIfExists)(e.props.attributes.onMouseDown,t)})),L(M(e),"handleMouseUp",(function(t){0===t.button&&clearTimeout(e.mouseDownTimeoutId),(0,c.callIfExists)(e.props.attributes.onMouseUp,t)})),L(M(e),"handleMouseOut",(function(t){0===t.button&&clearTimeout(e.mouseDownTimeoutId),(0,c.callIfExists)(e.props.attributes.onMouseOut,t)})),L(M(e),"handleTouchstart",(function(t){e.touchHandled=!1,e.props.holdToDisplay>=0&&(t.persist(),t.stopPropagation(),e.touchstartTimeoutId=setTimeout((function(){e.handleContextClick(t),e.touchHandled=!0}),e.props.holdToDisplay)),(0,c.callIfExists)(e.props.attributes.onTouchStart,t)})),L(M(e),"handleTouchEnd",(function(t){e.touchHandled&&t.preventDefault(),clearTimeout(e.touchstartTimeoutId),(0,c.callIfExists)(e.props.attributes.onTouchEnd,t)})),L(M(e),"handleContextMenu",(function(t){t.button===e.props.mouseButton&&e.handleContextClick(t),(0,c.callIfExists)(e.props.attributes.onContextMenu,t)})),L(M(e),"handleMouseClick",(function(t){t.button===e.props.mouseButton&&e.handleContextClick(t),(0,c.callIfExists)(e.props.attributes.onClick,t)})),L(M(e),"handleContextClick",(function(t){if(!(e.props.disable||e.props.disableIfShiftIsPressed&&t.shiftKey)){t.preventDefault(),t.stopPropagation();var n=t.clientX||t.touches&&t.touches[0].pageX,r=t.clientY||t.touches&&t.touches[0].pageY;e.props.posX&&(n-=e.props.posX),e.props.posY&&(r-=e.props.posY),(0,l.hideMenu)();var o=(0,c.callIfExists)(e.props.collect,e.props),i={position:{x:n,y:r},target:e.elem,id:e.props.id};o&&"function"==typeof o.then?o.then((function(e){i.data=(0,a.default)({},e,{target:t.target}),(0,l.showMenu)(i)})):(i.data=(0,a.default)({},o,{target:t.target}),(0,l.showMenu)(i))}})),L(M(e),"elemRef",(function(t){e.elem=t})),e}return t=C,(n=[{key:"render",value:function(){var e=this.props,t=e.renderTag,n=e.attributes,r=e.children,i=(0,a.default)({},n,{className:(0,s.default)(c.cssClasses.menuWrapper,n.className),onContextMenu:this.handleContextMenu,onClick:this.handleMouseClick,onMouseDown:this.handleMouseDown,onMouseUp:this.handleMouseUp,onTouchStart:this.handleTouchstart,onTouchEnd:this.handleTouchEnd,onMouseOut:this.handleMouseOut,ref:this.elemRef});return o.default.createElement(t,i,r)}}])&&p(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),C}(o.Component);t.default=C,L(C,"propTypes",{id:i.default.string.isRequired,children:i.default.node.isRequired,attributes:i.default.object,collect:i.default.func,disable:i.default.bool,holdToDisplay:i.default.number,posX:i.default.number,posY:i.default.number,renderTag:i.default.elementType,mouseButton:i.default.number,disableIfShiftIsPressed:i.default.bool}),L(C,"defaultProps",{attributes:{},collect:function(){return null},disable:!1,holdToDisplay:1e3,renderTag:"div",posX:0,posY:0,mouseButton:2,disableIfShiftIsPressed:!1})},122:(e,t,n)=>{"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=d(t);if(n&&n.has(e))return n.get(e);var o={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var a=i?Object.getOwnPropertyDescriptor(e,s):null;a&&(a.get||a.set)?Object.defineProperty(o,s,a):o[s]=e[s]}return o.default=e,n&&n.set(e,o),o}(n(460)),i=u(n(764)),s=u(n(368)),a=u(n(772)),l=n(451),c=n(645);function u(e){return e&&e.__esModule?e:{default:e}}function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(d=function(e){return e?n:t})(e)}function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(this,arguments)}function A(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function M(e,t){return M=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},M(e,t)}function g(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function L(e){return L=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},L(e)}function C(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var h=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&M(e,t)}(h,e);var t,n,i,u,d=(i=h,u=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=L(i);if(u){var n=L(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===r(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return g(e)}(this,e)});function h(){var e;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,h);for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return C(g(e=d.call.apply(d,[this].concat(n))),"handleClick",(function(t){0!==t.button&&1!==t.button&&t.preventDefault(),e.props.disabled||e.props.divider||((0,c.callIfExists)(e.props.onClick,t,(0,a.default)({},e.props.data,c.store.data),c.store.target),e.props.preventClose||(0,l.hideMenu)())})),e}return t=h,(n=[{key:"render",value:function(){var e,t=this,n=this.props,r=n.attributes,i=n.children,a=n.className,l=n.disabled,u=n.divider,d=n.selected,A=(0,s.default)(a,c.cssClasses.menuItem,r.className,(C(e={},(0,s.default)(c.cssClasses.menuItemDisabled,r.disabledClassName),l),C(e,(0,s.default)(c.cssClasses.menuItemDivider,r.dividerClassName),u),C(e,(0,s.default)(c.cssClasses.menuItemSelected,r.selectedClassName),d),e));return o.default.createElement("div",p({},r,{className:A,role:"menuitem",tabIndex:"-1","aria-disabled":l?"true":"false","aria-orientation":u?"horizontal":null,ref:function(e){t.ref=e},onMouseMove:this.props.onMouseMove,onMouseLeave:this.props.onMouseLeave,onTouchEnd:this.handleClick,onClick:this.handleClick}),u?null:i)}}])&&A(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),h}(o.Component);t.default=h,C(h,"propTypes",{attributes:i.default.object,children:i.default.node,className:i.default.string,data:i.default.object,disabled:i.default.bool,divider:i.default.bool,onClick:i.default.func,onMouseLeave:i.default.func,onMouseMove:i.default.func,preventClose:i.default.bool,selected:i.default.bool}),C(h,"defaultProps",{attributes:{},children:null,className:"",data:{},disabled:!1,divider:!1,onClick:function(){return null},onMouseMove:function(){return null},onMouseLeave:function(){return null},preventClose:!1,selected:!1})},349:(e,t,n)=>{"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=p(n(460)),i=p(n(764)),s=p(n(368)),a=p(n(772)),l=n(451),c=p(n(315)),u=n(645),d=p(n(225));function p(e){return e&&e.__esModule?e:{default:e}}function A(){return A=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},A.apply(this,arguments)}function M(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function g(e,t){return g=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},g(e,t)}function L(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function C(e){return C=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},C(e)}function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var w=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&g(e,t)}(w,e);var t,n,i,c,p=(i=w,c=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=C(i);if(c){var n=C(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===r(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return L(e)}(this,e)});function w(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,w),h(L(t=p.call(this,e)),"getMenuPosition",(function(){var e=window,n=e.innerWidth,r=e.innerHeight,o=t.subMenu.getBoundingClientRect(),i={};return o.bottom>r?i.bottom=0:i.top=0,o.right<n?i.left="100%":i.right="100%",i})),h(L(t),"getRTLMenuPosition",(function(){var e=window.innerHeight,n=t.subMenu.getBoundingClientRect(),r={};return n.bottom>e?r.bottom=0:r.top=0,n.left<0?r.left="100%":r.right="100%",r})),h(L(t),"hideMenu",(function(e){e.preventDefault(),t.hideSubMenu(e)})),h(L(t),"hideSubMenu",(function(e){e.detail&&e.detail.id&&t.menu&&e.detail.id!==t.menu.id||(t.props.forceOpen&&t.props.forceClose(),t.setState({visible:!1,selectedItem:null}),t.unregisterHandlers())})),h(L(t),"handleClick",(function(e){e.preventDefault(),t.props.disabled||((0,u.callIfExists)(t.props.onClick,e,(0,a.default)({},t.props.data,u.store.data),u.store.target),t.props.onClick&&!t.props.preventCloseOnClick&&(0,l.hideMenu)())})),h(L(t),"handleMouseEnter",(function(){t.closetimer&&clearTimeout(t.closetimer),t.props.disabled||t.state.visible||(t.opentimer=setTimeout((function(){return t.setState({visible:!0,selectedItem:null})}),t.props.hoverDelay))})),h(L(t),"handleMouseLeave",(function(){t.opentimer&&clearTimeout(t.opentimer),t.state.visible&&(t.closetimer=setTimeout((function(){return t.setState({visible:!1,selectedItem:null})}),t.props.hoverDelay))})),h(L(t),"menuRef",(function(e){t.menu=e})),h(L(t),"subMenuRef",(function(e){t.subMenu=e})),h(L(t),"registerHandlers",(function(){document.removeEventListener("keydown",t.props.parentKeyNavigationHandler),document.addEventListener("keydown",t.handleKeyNavigation)})),h(L(t),"unregisterHandlers",(function(e){document.removeEventListener("keydown",t.handleKeyNavigation),e||document.addEventListener("keydown",t.props.parentKeyNavigationHandler)})),t.state=(0,a.default)({},t.state,{visible:!1}),t}return t=w,(n=[{key:"componentDidMount",value:function(){this.listenId=d.default.register((function(){}),this.hideSubMenu)}},{key:"getSubMenuType",value:function(){return w}},{key:"shouldComponentUpdate",value:function(e,t){return this.isVisibilityChange=!(this.state.visible===t.visible&&this.props.forceOpen===e.forceOpen||this.state.visible&&e.forceOpen||this.props.forceOpen&&t.visible),!0}},{key:"componentDidUpdate",value:function(){var e=this;this.isVisibilityChange&&(this.props.forceOpen||this.state.visible?(window.requestAnimationFrame||setTimeout)((function(){var t=e.props.rtl?e.getRTLMenuPosition():e.getMenuPosition();e.subMenu.style.removeProperty("top"),e.subMenu.style.removeProperty("bottom"),e.subMenu.style.removeProperty("left"),e.subMenu.style.removeProperty("right"),(0,u.hasOwnProp)(t,"top")&&(e.subMenu.style.top=t.top),(0,u.hasOwnProp)(t,"left")&&(e.subMenu.style.left=t.left),(0,u.hasOwnProp)(t,"bottom")&&(e.subMenu.style.bottom=t.bottom),(0,u.hasOwnProp)(t,"right")&&(e.subMenu.style.right=t.right),e.subMenu.classList.add(u.cssClasses.menuVisible),e.registerHandlers(),e.setState({selectedItem:null})})):(this.subMenu.addEventListener("transitionend",(function t(){e.subMenu.removeEventListener("transitionend",t),e.subMenu.style.removeProperty("bottom"),e.subMenu.style.removeProperty("right"),e.subMenu.style.top=0,e.subMenu.style.left="100%",e.unregisterHandlers()})),this.subMenu.classList.remove(u.cssClasses.menuVisible)))}},{key:"componentWillUnmount",value:function(){this.listenId&&d.default.unregister(this.listenId),this.opentimer&&clearTimeout(this.opentimer),this.closetimer&&clearTimeout(this.closetimer),this.unregisterHandlers(!0)}},{key:"render",value:function(){var e,t=this.props,n=t.children,r=t.attributes,i=t.disabled,a=t.title,l=t.selected,c=this.state.visible,d={ref:this.menuRef,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,className:(0,s.default)(u.cssClasses.menuItem,u.cssClasses.subMenu,r.listClassName),style:{position:"relative"}},p={className:(0,s.default)(u.cssClasses.menuItem,r.className,(e={},h(e,(0,s.default)(u.cssClasses.menuItemDisabled,r.disabledClassName),i),h(e,(0,s.default)(u.cssClasses.menuItemActive,r.visibleClassName),c),h(e,(0,s.default)(u.cssClasses.menuItemSelected,r.selectedClassName),l),e)),onMouseMove:this.props.onMouseMove,onMouseOut:this.props.onMouseOut,onClick:this.handleClick},M={ref:this.subMenuRef,style:{position:"absolute",transition:"opacity 1ms",top:0,left:"100%"},className:(0,s.default)(u.cssClasses.menu,this.props.className)};return o.default.createElement("nav",A({},d,{role:"menuitem",tabIndex:"-1","aria-haspopup":"true"}),o.default.createElement("div",A({},r,p),a),o.default.createElement("nav",A({},M,{role:"menu",tabIndex:"-1"}),this.renderChildren(n)))}}])&&M(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),w}(c.default);t.default=w,h(w,"propTypes",{children:i.default.node.isRequired,attributes:i.default.object,title:i.default.node.isRequired,className:i.default.string,disabled:i.default.bool,hoverDelay:i.default.number,rtl:i.default.bool,selected:i.default.bool,onMouseMove:i.default.func,onMouseOut:i.default.func,forceOpen:i.default.bool,forceClose:i.default.func,parentKeyNavigationHandler:i.default.func}),h(w,"defaultProps",{disabled:!1,hoverDelay:500,attributes:{},className:"",rtl:!1,selected:!1,onMouseMove:function(){return null},onMouseOut:function(){return null},forceOpen:!1,forceClose:function(){return null},parentKeyNavigationHandler:function(){return null}})},451:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.MENU_SHOW=t.MENU_HIDE=void 0,t.dispatchGlobalEvent=l,t.hideMenu=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;l(a,(0,o.default)({},e,{type:a}),t)},t.showMenu=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;l(s,(0,o.default)({},e,{type:s}),t)};var r,o=(r=n(772))&&r.__esModule?r:{default:r},i=n(645),s="REACT_CONTEXTMENU_SHOW";t.MENU_SHOW=s;var a="REACT_CONTEXTMENU_HIDE";function l(e,t){var n,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:window;"function"==typeof window.CustomEvent?n=new window.CustomEvent(e,{detail:t}):(n=document.createEvent("CustomEvent")).initCustomEvent(e,!1,!0,t),r&&(r.dispatchEvent(n),(0,o.default)(i.store,t))}t.MENU_HIDE=a},857:(e,t,n)=>{"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return function(t){return function(n){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&d(e,t)}(h,n);var i,a,l,g,L=(i=h,a=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=A(i);if(a){var n=A(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===r(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return p(e)}(this,e)});function h(t){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,h),M(p(n=L.call(this,t)),"handleShow",(function(t){if(t.detail.id===e){var r=t.detail.data,o={};for(var i in r)C.includes(i)||(o[i]=r[i]);n.setState({trigger:o})}})),M(p(n),"handleHide",(function(){n.setState({trigger:null})})),n.state={trigger:null},n}return l=h,(g=[{key:"componentDidMount",value:function(){this.listenId=s.default.register(this.handleShow,this.handleHide)}},{key:"componentWillUnmount",value:function(){this.listenId&&s.default.unregister(this.listenId)}},{key:"render",value:function(){return o.default.createElement(t,c({},this.props,{id:e,trigger:this.state.trigger}))}}])&&u(l.prototype,g),Object.defineProperty(l,"prototype",{writable:!1}),h}(o.Component)}};var o=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=l(t);if(n&&n.has(e))return n.get(e);var o={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var a=i?Object.getOwnPropertyDescriptor(e,s):null;a&&(a.get||a.set)?Object.defineProperty(o,s,a):o[s]=e[s]}return o.default=e,n&&n.set(e,o),o}(n(460)),i=a(n(774)),s=a(n(225));function a(e){return e&&e.__esModule?e:{default:e}}function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(l=function(e){return e?n:t})(e)}function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(this,arguments)}function u(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function d(e,t){return d=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},d(e,t)}function p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function A(e){return A=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},A(e)}function M(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var L,C=[].concat(function(e){if(Array.isArray(e))return g(e)}(L=Object.keys(i.default.propTypes))||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(L)||function(e,t){if(e){if("string"==typeof e)return g(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?g(e,t):void 0}}(L)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),["children"])},225:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=n(451),o=n(645);function i(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function s(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var l=new(s((function e(){var t=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),a(this,"handleShowEvent",(function(e){for(var n in t.callbacks)(0,o.hasOwnProp)(t.callbacks,n)&&t.callbacks[n].show(e)})),a(this,"handleHideEvent",(function(e){for(var n in t.callbacks)(0,o.hasOwnProp)(t.callbacks,n)&&t.callbacks[n].hide(e)})),a(this,"register",(function(e,n){var r=(0,o.uniqueId)();return t.callbacks[r]={show:e,hide:n},r})),a(this,"unregister",(function(e){e&&t.callbacks[e]&&delete t.callbacks[e]})),this.callbacks={},o.canUseDOM&&(window.addEventListener(r.MENU_SHOW,this.handleShowEvent),window.addEventListener(r.MENU_HIDE,this.handleHideEvent))})));t.default=l},645:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.callIfExists=function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return"function"==typeof e&&e.apply(void 0,n)},t.cssClasses=t.canUseDOM=void 0,t.hasOwnProp=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.store=void 0,t.uniqueId=function(){return Math.random().toString(36).substring(7)},t.cssClasses={menu:"react-contextmenu",menuVisible:"react-contextmenu--visible",menuWrapper:"react-contextmenu-wrapper",menuItem:"react-contextmenu-item",menuItemActive:"react-contextmenu-item--active",menuItemDisabled:"react-contextmenu-item--disabled",menuItemDivider:"react-contextmenu-item--divider",menuItemSelected:"react-contextmenu-item--selected",subMenu:"react-contextmenu-submenu"},t.store={};var n=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement);t.canUseDOM=n},312:(e,t,n)=>{"use strict";Object.defineProperty(t,"tz",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Rc",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Dr",{enumerable:!0,get:function(){return i.default}});var r=s(n(824)),o=s(n(774)),i=s(n(122));s(n(349)),s(n(857)),n(451);function s(e){return e&&e.__esModule?e:{default:e}}},903:(e,t,n)=>{"use strict";var r=n(460),o=n(772),i=n(798);function s(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}if(!r)throw Error(s(227));var a=new Set,l={};function c(e,t){u(e,t),u(e+"Capture",t)}function u(e,t){for(l[e]=t,e=0;e<t.length;e++)a.add(t[e])}var d=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),p=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,A=Object.prototype.hasOwnProperty,M={},g={};function L(e,t,n,r,o,i,s){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=i,this.removeEmptyString=s}var C={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){C[e]=new L(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];C[t]=new L(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){C[e]=new L(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){C[e]=new L(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){C[e]=new L(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){C[e]=new L(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){C[e]=new L(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){C[e]=new L(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){C[e]=new L(e,5,!1,e.toLowerCase(),null,!1,!1)}));var h=/[\-:]([a-z])/g;function w(e){return e[1].toUpperCase()}function m(e,t,n,r){var o=C.hasOwnProperty(t)?C[t]:null;(null!==o?0===o.type:!r&&2<t.length&&("o"===t[0]||"O"===t[0])&&("n"===t[1]||"N"===t[1]))||(function(e,t,n,r){if(null==t||function(e,t,n,r){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!r&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,r))return!0;if(r)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,o,r)&&(n=null),r||null===o?function(e){return!!A.call(g,e)||!A.call(M,e)&&(p.test(e)?g[e]=!0:(M[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=null===n?3!==o.type&&"":n:(t=o.attributeName,r=o.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(o=o.type)||4===o&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(h,w);C[t]=new L(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(h,w);C[t]=new L(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(h,w);C[t]=new L(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){C[e]=new L(e,1,!1,e.toLowerCase(),null,!1,!1)})),C.xlinkHref=new L("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){C[e]=new L(e,1,!1,e.toLowerCase(),null,!0,!0)}));var b=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,j=60103,f=60106,y=60107,x=60108,N=60114,S=60109,v=60110,D=60112,I=60113,E=60120,T=60115,k=60116,z=60121,O=60128,Y=60129,P=60130,B=60131;if("function"==typeof Symbol&&Symbol.for){var R=Symbol.for;j=R("react.element"),f=R("react.portal"),y=R("react.fragment"),x=R("react.strict_mode"),N=R("react.profiler"),S=R("react.provider"),v=R("react.context"),D=R("react.forward_ref"),I=R("react.suspense"),E=R("react.suspense_list"),T=R("react.memo"),k=R("react.lazy"),z=R("react.block"),R("react.scope"),O=R("react.opaque.id"),Y=R("react.debug_trace_mode"),P=R("react.offscreen"),B=R("react.legacy_hidden")}var U,G="function"==typeof Symbol&&Symbol.iterator;function Z(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=G&&e[G]||e["@@iterator"])?e:null}function _(e){if(void 0===U)try{throw Error()}catch(e){var t=e.stack.trim().match(/\n( *(at )?)/);U=t&&t[1]||""}return"\n"+U+e}var W=!1;function H(e,t){if(!e||W)return"";W=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(e){var r=e}Reflect.construct(e,[],t)}else{try{t.call()}catch(e){r=e}e.call(t.prototype)}else{try{throw Error()}catch(e){r=e}e()}}catch(e){if(e&&r&&"string"==typeof e.stack){for(var o=e.stack.split("\n"),i=r.stack.split("\n"),s=o.length-1,a=i.length-1;1<=s&&0<=a&&o[s]!==i[a];)a--;for(;1<=s&&0<=a;s--,a--)if(o[s]!==i[a]){if(1!==s||1!==a)do{if(s--,0>--a||o[s]!==i[a])return"\n"+o[s].replace(" at new "," at ")}while(1<=s&&0<=a);break}}}finally{W=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?_(e):""}function Q(e){switch(e.tag){case 5:return _(e.type);case 16:return _("Lazy");case 13:return _("Suspense");case 19:return _("SuspenseList");case 0:case 2:case 15:return H(e.type,!1);case 11:return H(e.type.render,!1);case 22:return H(e.type._render,!1);case 1:return H(e.type,!0);default:return""}}function F(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case y:return"Fragment";case f:return"Portal";case N:return"Profiler";case x:return"StrictMode";case I:return"Suspense";case E:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case v:return(e.displayName||"Context")+".Consumer";case S:return(e._context.displayName||"Context")+".Provider";case D:var t=e.render;return t=t.displayName||t.name||"",e.displayName||(""!==t?"ForwardRef("+t+")":"ForwardRef");case T:return F(e.type);case z:return F(e._render);case k:t=e._payload,e=e._init;try{return F(e(t))}catch(e){}}return null}function V(e){switch(typeof e){case"boolean":case"number":case"object":case"string":case"undefined":return e;default:return""}}function J(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function X(e){e._valueTracker||(e._valueTracker=function(e){var t=J(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var o=n.get,i=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(e){r=""+e,i.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function q(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=J(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}function K(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function $(e,t){var n=t.checked;return o({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function ee(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=V(null!=t.value?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function te(e,t){null!=(t=t.checked)&&m(e,"checked",t,!1)}function ne(e,t){te(e,t);var n=V(t.value),r=t.type;if(null!=n)"number"===r?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");t.hasOwnProperty("value")?oe(e,t.type,n):t.hasOwnProperty("defaultValue")&&oe(e,t.type,V(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function re(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!("submit"!==r&&"reset"!==r||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function oe(e,t,n){"number"===t&&K(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}function ie(e,t){return e=o({children:void 0},t),(t=function(e){var t="";return r.Children.forEach(e,(function(e){null!=e&&(t+=e)})),t}(t.children))&&(e.children=t),e}function se(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t["$"+n[o]]=!0;for(n=0;n<e.length;n++)o=t.hasOwnProperty("$"+e[n].value),e[n].selected!==o&&(e[n].selected=o),o&&r&&(e[n].defaultSelected=!0)}else{for(n=""+V(n),t=null,o=0;o<e.length;o++){if(e[o].value===n)return e[o].selected=!0,void(r&&(e[o].defaultSelected=!0));null!==t||e[o].disabled||(t=e[o])}null!==t&&(t.selected=!0)}}function ae(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(s(91));return o({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function le(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(s(92));if(Array.isArray(n)){if(!(1>=n.length))throw Error(s(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:V(n)}}function ce(e,t){var n=V(t.value),r=V(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=r&&(e.defaultValue=""+r)}function ue(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}var de={html:"http://www.w3.org/1999/xhtml",mathml:"http://www.w3.org/1998/Math/MathML",svg:"http://www.w3.org/2000/svg"};function pe(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function Ae(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?pe(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var Me,ge,Le=(ge=function(e,t){if(e.namespaceURI!==de.svg||"innerHTML"in e)e.innerHTML=t;else{for((Me=Me||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=Me.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,r){MSApp.execUnsafeLocalFunction((function(){return ge(e,t)}))}:ge);function Ce(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var he={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},we=["Webkit","ms","Moz","O"];function me(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||he.hasOwnProperty(e)&&he[e]?(""+t).trim():t+"px"}function be(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),o=me(n,t[n],r);"float"===n&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}Object.keys(he).forEach((function(e){we.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),he[t]=he[e]}))}));var je=o({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function fe(e,t){if(t){if(je[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(s(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(s(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(s(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(s(62))}}function ye(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}function xe(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var Ne=null,Se=null,ve=null;function De(e){if(e=no(e)){if("function"!=typeof Ne)throw Error(s(280));var t=e.stateNode;t&&(t=oo(t),Ne(e.stateNode,e.type,t))}}function Ie(e){Se?ve?ve.push(e):ve=[e]:Se=e}function Ee(){if(Se){var e=Se,t=ve;if(ve=Se=null,De(e),t)for(e=0;e<t.length;e++)De(t[e])}}function Te(e,t){return e(t)}function ke(e,t,n,r,o){return e(t,n,r,o)}function ze(){}var Oe=Te,Ye=!1,Pe=!1;function Be(){null===Se&&null===ve||(ze(),Ee())}function Re(e,t){var n=e.stateNode;if(null===n)return null;var r=oo(n);if(null===r)return null;n=r[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(r=!r.disabled)||(r=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!r;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(s(231,t,typeof n));return n}var Ue=!1;if(d)try{var Ge={};Object.defineProperty(Ge,"passive",{get:function(){Ue=!0}}),window.addEventListener("test",Ge,Ge),window.removeEventListener("test",Ge,Ge)}catch(ge){Ue=!1}function Ze(e,t,n,r,o,i,s,a,l){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(e){this.onError(e)}}var _e=!1,We=null,He=!1,Qe=null,Fe={onError:function(e){_e=!0,We=e}};function Ve(e,t,n,r,o,i,s,a,l){_e=!1,We=null,Ze.apply(Fe,arguments)}function Je(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{!!(1026&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function Xe(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&null!==(e=e.alternate)&&(t=e.memoizedState),null!==t)return t.dehydrated}return null}function qe(e){if(Je(e)!==e)throw Error(s(188))}function Ke(e){if(e=function(e){var t=e.alternate;if(!t){if(null===(t=Je(e)))throw Error(s(188));return t!==e?null:e}for(var n=e,r=t;;){var o=n.return;if(null===o)break;var i=o.alternate;if(null===i){if(null!==(r=o.return)){n=r;continue}break}if(o.child===i.child){for(i=o.child;i;){if(i===n)return qe(o),e;if(i===r)return qe(o),t;i=i.sibling}throw Error(s(188))}if(n.return!==r.return)n=o,r=i;else{for(var a=!1,l=o.child;l;){if(l===n){a=!0,n=o,r=i;break}if(l===r){a=!0,r=o,n=i;break}l=l.sibling}if(!a){for(l=i.child;l;){if(l===n){a=!0,n=i,r=o;break}if(l===r){a=!0,r=i,n=o;break}l=l.sibling}if(!a)throw Error(s(189))}}if(n.alternate!==r)throw Error(s(190))}if(3!==n.tag)throw Error(s(188));return n.stateNode.current===n?e:t}(e),!e)return null;for(var t=e;;){if(5===t.tag||6===t.tag)return t;if(t.child)t.child.return=t,t=t.child;else{if(t===e)break;for(;!t.sibling;){if(!t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}}return null}function $e(e,t){for(var n=e.alternate;null!==t;){if(t===e||t===n)return!0;t=t.return}return!1}var et,tt,nt,rt,ot=!1,it=[],st=null,at=null,lt=null,ct=new Map,ut=new Map,dt=[],pt="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function At(e,t,n,r,o){return{blockedOn:e,domEventName:t,eventSystemFlags:16|n,nativeEvent:o,targetContainers:[r]}}function Mt(e,t){switch(e){case"focusin":case"focusout":st=null;break;case"dragenter":case"dragleave":at=null;break;case"mouseover":case"mouseout":lt=null;break;case"pointerover":case"pointerout":ct.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":ut.delete(t.pointerId)}}function gt(e,t,n,r,o,i){return null===e||e.nativeEvent!==i?(e=At(t,n,r,o,i),null!==t&&null!==(t=no(t))&&tt(t),e):(e.eventSystemFlags|=r,t=e.targetContainers,null!==o&&-1===t.indexOf(o)&&t.push(o),e)}function Lt(e){var t=to(e.target);if(null!==t){var n=Je(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=Xe(n)))return e.blockedOn=t,void rt(e.lanePriority,(function(){i.unstable_runWithPriority(e.priority,(function(){nt(n)}))}))}else if(3===t&&n.stateNode.hydrate)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function Ct(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Kt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=no(n))&&tt(t),e.blockedOn=n,!1;t.shift()}return!0}function ht(e,t,n){Ct(e)&&n.delete(t)}function wt(){for(ot=!1;0<it.length;){var e=it[0];if(null!==e.blockedOn){null!==(e=no(e.blockedOn))&&et(e);break}for(var t=e.targetContainers;0<t.length;){var n=Kt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n){e.blockedOn=n;break}t.shift()}null===e.blockedOn&&it.shift()}null!==st&&Ct(st)&&(st=null),null!==at&&Ct(at)&&(at=null),null!==lt&&Ct(lt)&&(lt=null),ct.forEach(ht),ut.forEach(ht)}function mt(e,t){e.blockedOn===t&&(e.blockedOn=null,ot||(ot=!0,i.unstable_scheduleCallback(i.unstable_NormalPriority,wt)))}function bt(e){function t(t){return mt(t,e)}if(0<it.length){mt(it[0],e);for(var n=1;n<it.length;n++){var r=it[n];r.blockedOn===e&&(r.blockedOn=null)}}for(null!==st&&mt(st,e),null!==at&&mt(at,e),null!==lt&&mt(lt,e),ct.forEach(t),ut.forEach(t),n=0;n<dt.length;n++)(r=dt[n]).blockedOn===e&&(r.blockedOn=null);for(;0<dt.length&&null===(n=dt[0]).blockedOn;)Lt(n),null===n.blockedOn&&dt.shift()}function jt(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var ft={animationend:jt("Animation","AnimationEnd"),animationiteration:jt("Animation","AnimationIteration"),animationstart:jt("Animation","AnimationStart"),transitionend:jt("Transition","TransitionEnd")},yt={},xt={};function Nt(e){if(yt[e])return yt[e];if(!ft[e])return e;var t,n=ft[e];for(t in n)if(n.hasOwnProperty(t)&&t in xt)return yt[e]=n[t];return e}d&&(xt=document.createElement("div").style,"AnimationEvent"in window||(delete ft.animationend.animation,delete ft.animationiteration.animation,delete ft.animationstart.animation),"TransitionEvent"in window||delete ft.transitionend.transition);var St=Nt("animationend"),vt=Nt("animationiteration"),Dt=Nt("animationstart"),It=Nt("transitionend"),Et=new Map,Tt=new Map,kt=["abort","abort",St,"animationEnd",vt,"animationIteration",Dt,"animationStart","canplay","canPlay","canplaythrough","canPlayThrough","durationchange","durationChange","emptied","emptied","encrypted","encrypted","ended","ended","error","error","gotpointercapture","gotPointerCapture","load","load","loadeddata","loadedData","loadedmetadata","loadedMetadata","loadstart","loadStart","lostpointercapture","lostPointerCapture","playing","playing","progress","progress","seeking","seeking","stalled","stalled","suspend","suspend","timeupdate","timeUpdate",It,"transitionEnd","waiting","waiting"];function zt(e,t){for(var n=0;n<e.length;n+=2){var r=e[n],o=e[n+1];o="on"+(o[0].toUpperCase()+o.slice(1)),Tt.set(r,t),Et.set(r,o),c(o,[r])}}(0,i.unstable_now)();var Ot=8;function Yt(e){if(1&e)return Ot=15,1;if(2&e)return Ot=14,2;if(4&e)return Ot=13,4;var t=24&e;return 0!==t?(Ot=12,t):32&e?(Ot=11,32):0!=(t=192&e)?(Ot=10,t):256&e?(Ot=9,256):0!=(t=3584&e)?(Ot=8,t):4096&e?(Ot=7,4096):0!=(t=4186112&e)?(Ot=6,t):0!=(t=62914560&e)?(Ot=5,t):67108864&e?(Ot=4,67108864):134217728&e?(Ot=3,134217728):0!=(t=805306368&e)?(Ot=2,t):1073741824&e?(Ot=1,1073741824):(Ot=8,e)}function Pt(e,t){var n=e.pendingLanes;if(0===n)return Ot=0;var r=0,o=0,i=e.expiredLanes,s=e.suspendedLanes,a=e.pingedLanes;if(0!==i)r=i,o=Ot=15;else if(0!=(i=134217727&n)){var l=i&~s;0!==l?(r=Yt(l),o=Ot):0!=(a&=i)&&(r=Yt(a),o=Ot)}else 0!=(i=n&~s)?(r=Yt(i),o=Ot):0!==a&&(r=Yt(a),o=Ot);if(0===r)return 0;if(r=n&((0>(r=31-_t(r))?0:1<<r)<<1)-1,0!==t&&t!==r&&!(t&s)){if(Yt(t),o<=Ot)return t;Ot=o}if(0!==(t=e.entangledLanes))for(e=e.entanglements,t&=r;0<t;)o=1<<(n=31-_t(t)),r|=e[n],t&=~o;return r}function Bt(e){return 0!=(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function Rt(e,t){switch(e){case 15:return 1;case 14:return 2;case 12:return 0===(e=Ut(24&~t))?Rt(10,t):e;case 10:return 0===(e=Ut(192&~t))?Rt(8,t):e;case 8:return 0===(e=Ut(3584&~t))&&0===(e=Ut(4186112&~t))&&(e=512),e;case 2:return 0===(t=Ut(805306368&~t))&&(t=268435456),t}throw Error(s(358,e))}function Ut(e){return e&-e}function Gt(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function Zt(e,t,n){e.pendingLanes|=t;var r=t-1;e.suspendedLanes&=r,e.pingedLanes&=r,(e=e.eventTimes)[t=31-_t(t)]=n}var _t=Math.clz32?Math.clz32:function(e){return 0===e?32:31-(Wt(e)/Ht|0)|0},Wt=Math.log,Ht=Math.LN2,Qt=i.unstable_UserBlockingPriority,Ft=i.unstable_runWithPriority,Vt=!0;function Jt(e,t,n,r){Ye||ze();var o=qt,i=Ye;Ye=!0;try{ke(o,e,t,n,r)}finally{(Ye=i)||Be()}}function Xt(e,t,n,r){Ft(Qt,qt.bind(null,e,t,n,r))}function qt(e,t,n,r){var o;if(Vt)if((o=!(4&t))&&0<it.length&&-1<pt.indexOf(e))e=At(null,e,t,n,r),it.push(e);else{var i=Kt(e,t,n,r);if(null===i)o&&Mt(e,r);else{if(o){if(-1<pt.indexOf(e))return e=At(i,e,t,n,r),void it.push(e);if(function(e,t,n,r,o){switch(t){case"focusin":return st=gt(st,e,t,n,r,o),!0;case"dragenter":return at=gt(at,e,t,n,r,o),!0;case"mouseover":return lt=gt(lt,e,t,n,r,o),!0;case"pointerover":var i=o.pointerId;return ct.set(i,gt(ct.get(i)||null,e,t,n,r,o)),!0;case"gotpointercapture":return i=o.pointerId,ut.set(i,gt(ut.get(i)||null,e,t,n,r,o)),!0}return!1}(i,e,t,n,r))return;Mt(e,r)}zr(e,t,r,null,n)}}}function Kt(e,t,n,r){var o=xe(r);if(null!==(o=to(o))){var i=Je(o);if(null===i)o=null;else{var s=i.tag;if(13===s){if(null!==(o=Xe(i)))return o;o=null}else if(3===s){if(i.stateNode.hydrate)return 3===i.tag?i.stateNode.containerInfo:null;o=null}else i!==o&&(o=null)}}return zr(e,t,r,o,n),null}var $t=null,en=null,tn=null;function nn(){if(tn)return tn;var e,t,n=en,r=n.length,o="value"in $t?$t.value:$t.textContent,i=o.length;for(e=0;e<r&&n[e]===o[e];e++);var s=r-e;for(t=1;t<=s&&n[r-t]===o[i-t];t++);return tn=o.slice(e,1<t?1-t:void 0)}function rn(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function on(){return!0}function sn(){return!1}function an(e){function t(t,n,r,o,i){for(var s in this._reactName=t,this._targetInst=r,this.type=n,this.nativeEvent=o,this.target=i,this.currentTarget=null,e)e.hasOwnProperty(s)&&(t=e[s],this[s]=t?t(o):o[s]);return this.isDefaultPrevented=(null!=o.defaultPrevented?o.defaultPrevented:!1===o.returnValue)?on:sn,this.isPropagationStopped=sn,this}return o(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=on)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=on)},persist:function(){},isPersistent:on}),t}var ln,cn,un,dn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},pn=an(dn),An=o({},dn,{view:0,detail:0}),Mn=an(An),gn=o({},An,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Sn,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==un&&(un&&"mousemove"===e.type?(ln=e.screenX-un.screenX,cn=e.screenY-un.screenY):cn=ln=0,un=e),ln)},movementY:function(e){return"movementY"in e?e.movementY:cn}}),Ln=an(gn),Cn=an(o({},gn,{dataTransfer:0})),hn=an(o({},An,{relatedTarget:0})),wn=an(o({},dn,{animationName:0,elapsedTime:0,pseudoElement:0})),mn=o({},dn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),bn=an(mn),jn=an(o({},dn,{data:0})),fn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},yn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},xn={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Nn(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=xn[e])&&!!t[e]}function Sn(){return Nn}var vn=o({},An,{key:function(e){if(e.key){var t=fn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=rn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?yn[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:Sn,charCode:function(e){return"keypress"===e.type?rn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?rn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),Dn=an(vn),In=an(o({},gn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),En=an(o({},An,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:Sn})),Tn=an(o({},dn,{propertyName:0,elapsedTime:0,pseudoElement:0})),kn=o({},gn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),zn=an(kn),On=[9,13,27,32],Yn=d&&"CompositionEvent"in window,Pn=null;d&&"documentMode"in document&&(Pn=document.documentMode);var Bn=d&&"TextEvent"in window&&!Pn,Rn=d&&(!Yn||Pn&&8<Pn&&11>=Pn),Un=String.fromCharCode(32),Gn=!1;function Zn(e,t){switch(e){case"keyup":return-1!==On.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function _n(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var Wn=!1,Hn={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Qn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!Hn[e.type]:"textarea"===t}function Fn(e,t,n,r){Ie(r),0<(t=Yr(t,"onChange")).length&&(n=new pn("onChange","change",null,n,r),e.push({event:n,listeners:t}))}var Vn=null,Jn=null;function Xn(e){vr(e,0)}function qn(e){if(q(ro(e)))return e}function Kn(e,t){if("change"===e)return t}var $n=!1;if(d){var er;if(d){var tr="oninput"in document;if(!tr){var nr=document.createElement("div");nr.setAttribute("oninput","return;"),tr="function"==typeof nr.oninput}er=tr}else er=!1;$n=er&&(!document.documentMode||9<document.documentMode)}function rr(){Vn&&(Vn.detachEvent("onpropertychange",or),Jn=Vn=null)}function or(e){if("value"===e.propertyName&&qn(Jn)){var t=[];if(Fn(t,Jn,e,xe(e)),e=Xn,Ye)e(t);else{Ye=!0;try{Te(e,t)}finally{Ye=!1,Be()}}}}function ir(e,t,n){"focusin"===e?(rr(),Jn=n,(Vn=t).attachEvent("onpropertychange",or)):"focusout"===e&&rr()}function sr(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return qn(Jn)}function ar(e,t){if("click"===e)return qn(t)}function lr(e,t){if("input"===e||"change"===e)return qn(t)}var cr="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},ur=Object.prototype.hasOwnProperty;function dr(e,t){if(cr(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++)if(!ur.call(t,n[r])||!cr(e[n[r]],t[n[r]]))return!1;return!0}function pr(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function Ar(e,t){var n,r=pr(e);for(e=0;r;){if(3===r.nodeType){if(n=e+r.textContent.length,e<=t&&n>=t)return{node:r,offset:t-e};e=n}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=pr(r)}}function Mr(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?Mr(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function gr(){for(var e=window,t=K();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(e){n=!1}if(!n)break;t=K((e=t.contentWindow).document)}return t}function Lr(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}var Cr=d&&"documentMode"in document&&11>=document.documentMode,hr=null,wr=null,mr=null,br=!1;function jr(e,t,n){var r=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;br||null==hr||hr!==K(r)||(r="selectionStart"in(r=hr)&&Lr(r)?{start:r.selectionStart,end:r.selectionEnd}:{anchorNode:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset},mr&&dr(mr,r)||(mr=r,0<(r=Yr(wr,"onSelect")).length&&(t=new pn("onSelect","select",null,t,n),e.push({event:t,listeners:r}),t.target=hr)))}zt("cancel cancel click click close close contextmenu contextMenu copy copy cut cut auxclick auxClick dblclick doubleClick dragend dragEnd dragstart dragStart drop drop focusin focus focusout blur input input invalid invalid keydown keyDown keypress keyPress keyup keyUp mousedown mouseDown mouseup mouseUp paste paste pause pause play play pointercancel pointerCancel pointerdown pointerDown pointerup pointerUp ratechange rateChange reset reset seeked seeked submit submit touchcancel touchCancel touchend touchEnd touchstart touchStart volumechange volumeChange".split(" "),0),zt("drag drag dragenter dragEnter dragexit dragExit dragleave dragLeave dragover dragOver mousemove mouseMove mouseout mouseOut mouseover mouseOver pointermove pointerMove pointerout pointerOut pointerover pointerOver scroll scroll toggle toggle touchmove touchMove wheel wheel".split(" "),1),zt(kt,2);for(var fr="change selectionchange textInput compositionstart compositionend compositionupdate".split(" "),yr=0;yr<fr.length;yr++)Tt.set(fr[yr],0);u("onMouseEnter",["mouseout","mouseover"]),u("onMouseLeave",["mouseout","mouseover"]),u("onPointerEnter",["pointerout","pointerover"]),u("onPointerLeave",["pointerout","pointerover"]),c("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),c("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),c("onBeforeInput",["compositionend","keypress","textInput","paste"]),c("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),c("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),c("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var xr="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Nr=new Set("cancel close invalid load scroll toggle".split(" ").concat(xr));function Sr(e,t,n){var r=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,r,o,i,a,l,c){if(Ve.apply(this,arguments),_e){if(!_e)throw Error(s(198));var u=We;_e=!1,We=null,He||(He=!0,Qe=u)}}(r,t,void 0,e),e.currentTarget=null}function vr(e,t){t=!!(4&t);for(var n=0;n<e.length;n++){var r=e[n],o=r.event;r=r.listeners;e:{var i=void 0;if(t)for(var s=r.length-1;0<=s;s--){var a=r[s],l=a.instance,c=a.currentTarget;if(a=a.listener,l!==i&&o.isPropagationStopped())break e;Sr(o,a,c),i=l}else for(s=0;s<r.length;s++){if(l=(a=r[s]).instance,c=a.currentTarget,a=a.listener,l!==i&&o.isPropagationStopped())break e;Sr(o,a,c),i=l}}}if(He)throw e=Qe,He=!1,Qe=null,e}function Dr(e,t){var n=io(t),r=e+"__bubble";n.has(r)||(kr(t,e,2,!1),n.add(r))}var Ir="_reactListening"+Math.random().toString(36).slice(2);function Er(e){e[Ir]||(e[Ir]=!0,a.forEach((function(t){Nr.has(t)||Tr(t,!1,e,null),Tr(t,!0,e,null)})))}function Tr(e,t,n,r){var o=4<arguments.length&&void 0!==arguments[4]?arguments[4]:0,i=n;if("selectionchange"===e&&9!==n.nodeType&&(i=n.ownerDocument),null!==r&&!t&&Nr.has(e)){if("scroll"!==e)return;o|=2,i=r}var s=io(i),a=e+"__"+(t?"capture":"bubble");s.has(a)||(t&&(o|=4),kr(i,e,o,t),s.add(a))}function kr(e,t,n,r){var o=Tt.get(t);switch(void 0===o?2:o){case 0:o=Jt;break;case 1:o=Xt;break;default:o=qt}n=o.bind(null,t,n,e),o=void 0,!Ue||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(o=!0),r?void 0!==o?e.addEventListener(t,n,{capture:!0,passive:o}):e.addEventListener(t,n,!0):void 0!==o?e.addEventListener(t,n,{passive:o}):e.addEventListener(t,n,!1)}function zr(e,t,n,r,o){var i=r;if(!(1&t||2&t||null===r))e:for(;;){if(null===r)return;var s=r.tag;if(3===s||4===s){var a=r.stateNode.containerInfo;if(a===o||8===a.nodeType&&a.parentNode===o)break;if(4===s)for(s=r.return;null!==s;){var l=s.tag;if((3===l||4===l)&&((l=s.stateNode.containerInfo)===o||8===l.nodeType&&l.parentNode===o))return;s=s.return}for(;null!==a;){if(null===(s=to(a)))return;if(5===(l=s.tag)||6===l){r=i=s;continue e}a=a.parentNode}}r=r.return}!function(e,t,n){if(Pe)return e();Pe=!0;try{return Oe(e,t,n)}finally{Pe=!1,Be()}}((function(){var r=i,o=xe(n),s=[];e:{var a=Et.get(e);if(void 0!==a){var l=pn,c=e;switch(e){case"keypress":if(0===rn(n))break e;case"keydown":case"keyup":l=Dn;break;case"focusin":c="focus",l=hn;break;case"focusout":c="blur",l=hn;break;case"beforeblur":case"afterblur":l=hn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":l=Ln;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":l=Cn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":l=En;break;case St:case vt:case Dt:l=wn;break;case It:l=Tn;break;case"scroll":l=Mn;break;case"wheel":l=zn;break;case"copy":case"cut":case"paste":l=bn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":l=In}var u=!!(4&t),d=!u&&"scroll"===e,p=u?null!==a?a+"Capture":null:a;u=[];for(var A,M=r;null!==M;){var g=(A=M).stateNode;if(5===A.tag&&null!==g&&(A=g,null!==p&&null!=(g=Re(M,p))&&u.push(Or(M,g,A))),d)break;M=M.return}0<u.length&&(a=new l(a,c,null,n,o),s.push({event:a,listeners:u}))}}if(!(7&t)){if(l="mouseout"===e||"pointerout"===e,(!(a="mouseover"===e||"pointerover"===e)||16&t||!(c=n.relatedTarget||n.fromElement)||!to(c)&&!c[$r])&&(l||a)&&(a=o.window===o?o:(a=o.ownerDocument)?a.defaultView||a.parentWindow:window,l?(l=r,null!==(c=(c=n.relatedTarget||n.toElement)?to(c):null)&&(c!==(d=Je(c))||5!==c.tag&&6!==c.tag)&&(c=null)):(l=null,c=r),l!==c)){if(u=Ln,g="onMouseLeave",p="onMouseEnter",M="mouse","pointerout"!==e&&"pointerover"!==e||(u=In,g="onPointerLeave",p="onPointerEnter",M="pointer"),d=null==l?a:ro(l),A=null==c?a:ro(c),(a=new u(g,M+"leave",l,n,o)).target=d,a.relatedTarget=A,g=null,to(o)===r&&((u=new u(p,M+"enter",c,n,o)).target=A,u.relatedTarget=d,g=u),d=g,l&&c)e:{for(p=c,M=0,A=u=l;A;A=Pr(A))M++;for(A=0,g=p;g;g=Pr(g))A++;for(;0<M-A;)u=Pr(u),M--;for(;0<A-M;)p=Pr(p),A--;for(;M--;){if(u===p||null!==p&&u===p.alternate)break e;u=Pr(u),p=Pr(p)}u=null}else u=null;null!==l&&Br(s,a,l,u,!1),null!==c&&null!==d&&Br(s,d,c,u,!0)}if("select"===(l=(a=r?ro(r):window).nodeName&&a.nodeName.toLowerCase())||"input"===l&&"file"===a.type)var L=Kn;else if(Qn(a))if($n)L=lr;else{L=sr;var C=ir}else(l=a.nodeName)&&"input"===l.toLowerCase()&&("checkbox"===a.type||"radio"===a.type)&&(L=ar);switch(L&&(L=L(e,r))?Fn(s,L,n,o):(C&&C(e,a,r),"focusout"===e&&(C=a._wrapperState)&&C.controlled&&"number"===a.type&&oe(a,"number",a.value)),C=r?ro(r):window,e){case"focusin":(Qn(C)||"true"===C.contentEditable)&&(hr=C,wr=r,mr=null);break;case"focusout":mr=wr=hr=null;break;case"mousedown":br=!0;break;case"contextmenu":case"mouseup":case"dragend":br=!1,jr(s,n,o);break;case"selectionchange":if(Cr)break;case"keydown":case"keyup":jr(s,n,o)}var h;if(Yn)e:{switch(e){case"compositionstart":var w="onCompositionStart";break e;case"compositionend":w="onCompositionEnd";break e;case"compositionupdate":w="onCompositionUpdate";break e}w=void 0}else Wn?Zn(e,n)&&(w="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(w="onCompositionStart");w&&(Rn&&"ko"!==n.locale&&(Wn||"onCompositionStart"!==w?"onCompositionEnd"===w&&Wn&&(h=nn()):(en="value"in($t=o)?$t.value:$t.textContent,Wn=!0)),0<(C=Yr(r,w)).length&&(w=new jn(w,e,null,n,o),s.push({event:w,listeners:C}),(h||null!==(h=_n(n)))&&(w.data=h))),(h=Bn?function(e,t){switch(e){case"compositionend":return _n(t);case"keypress":return 32!==t.which?null:(Gn=!0,Un);case"textInput":return(e=t.data)===Un&&Gn?null:e;default:return null}}(e,n):function(e,t){if(Wn)return"compositionend"===e||!Yn&&Zn(e,t)?(e=nn(),tn=en=$t=null,Wn=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Rn&&"ko"!==t.locale?null:t.data}}(e,n))&&0<(r=Yr(r,"onBeforeInput")).length&&(o=new jn("onBeforeInput","beforeinput",null,n,o),s.push({event:o,listeners:r}),o.data=h)}vr(s,t)}))}function Or(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Yr(e,t){for(var n=t+"Capture",r=[];null!==e;){var o=e,i=o.stateNode;5===o.tag&&null!==i&&(o=i,null!=(i=Re(e,n))&&r.unshift(Or(e,i,o)),null!=(i=Re(e,t))&&r.push(Or(e,i,o))),e=e.return}return r}function Pr(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Br(e,t,n,r,o){for(var i=t._reactName,s=[];null!==n&&n!==r;){var a=n,l=a.alternate,c=a.stateNode;if(null!==l&&l===r)break;5===a.tag&&null!==c&&(a=c,o?null!=(l=Re(n,i))&&s.unshift(Or(n,l,a)):o||null!=(l=Re(n,i))&&s.push(Or(n,l,a))),n=n.return}0!==s.length&&e.push({event:t,listeners:s})}function Rr(){}var Ur=null,Gr=null;function Zr(e,t){switch(e){case"button":case"input":case"select":case"textarea":return!!t.autoFocus}return!1}function _r(e,t){return"textarea"===e||"option"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var Wr="function"==typeof setTimeout?setTimeout:void 0,Hr="function"==typeof clearTimeout?clearTimeout:void 0;function Qr(e){(1===e.nodeType||9===e.nodeType&&null!=(e=e.body))&&(e.textContent="")}function Fr(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break}return e}function Vr(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var Jr=0,Xr=Math.random().toString(36).slice(2),qr="__reactFiber$"+Xr,Kr="__reactProps$"+Xr,$r="__reactContainer$"+Xr,eo="__reactEvents$"+Xr;function to(e){var t=e[qr];if(t)return t;for(var n=e.parentNode;n;){if(t=n[$r]||n[qr]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=Vr(e);null!==e;){if(n=e[qr])return n;e=Vr(e)}return t}n=(e=n).parentNode}return null}function no(e){return!(e=e[qr]||e[$r])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function ro(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(s(33))}function oo(e){return e[Kr]||null}function io(e){var t=e[eo];return void 0===t&&(t=e[eo]=new Set),t}var so=[],ao=-1;function lo(e){return{current:e}}function co(e){0>ao||(e.current=so[ao],so[ao]=null,ao--)}function uo(e,t){ao++,so[ao]=e.current,e.current=t}var po={},Ao=lo(po),Mo=lo(!1),go=po;function Lo(e,t){var n=e.type.contextTypes;if(!n)return po;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o,i={};for(o in n)i[o]=t[o];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=i),i}function Co(e){return null!=e.childContextTypes}function ho(){co(Mo),co(Ao)}function wo(e,t,n){if(Ao.current!==po)throw Error(s(168));uo(Ao,t),uo(Mo,n)}function mo(e,t,n){var r=e.stateNode;if(e=t.childContextTypes,"function"!=typeof r.getChildContext)return n;for(var i in r=r.getChildContext())if(!(i in e))throw Error(s(108,F(t)||"Unknown",i));return o({},n,r)}function bo(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||po,go=Ao.current,uo(Ao,e),uo(Mo,Mo.current),!0}function jo(e,t,n){var r=e.stateNode;if(!r)throw Error(s(169));n?(e=mo(e,t,go),r.__reactInternalMemoizedMergedChildContext=e,co(Mo),co(Ao),uo(Ao,e)):co(Mo),uo(Mo,n)}var fo=null,yo=null,xo=i.unstable_runWithPriority,No=i.unstable_scheduleCallback,So=i.unstable_cancelCallback,vo=i.unstable_shouldYield,Do=i.unstable_requestPaint,Io=i.unstable_now,Eo=i.unstable_getCurrentPriorityLevel,To=i.unstable_ImmediatePriority,ko=i.unstable_UserBlockingPriority,zo=i.unstable_NormalPriority,Oo=i.unstable_LowPriority,Yo=i.unstable_IdlePriority,Po={},Bo=void 0!==Do?Do:function(){},Ro=null,Uo=null,Go=!1,Zo=Io(),_o=1e4>Zo?Io:function(){return Io()-Zo};function Wo(){switch(Eo()){case To:return 99;case ko:return 98;case zo:return 97;case Oo:return 96;case Yo:return 95;default:throw Error(s(332))}}function Ho(e){switch(e){case 99:return To;case 98:return ko;case 97:return zo;case 96:return Oo;case 95:return Yo;default:throw Error(s(332))}}function Qo(e,t){return e=Ho(e),xo(e,t)}function Fo(e,t,n){return e=Ho(e),No(e,t,n)}function Vo(){if(null!==Uo){var e=Uo;Uo=null,So(e)}Jo()}function Jo(){if(!Go&&null!==Ro){Go=!0;var e=0;try{var t=Ro;Qo(99,(function(){for(;e<t.length;e++){var n=t[e];do{n=n(!0)}while(null!==n)}})),Ro=null}catch(t){throw null!==Ro&&(Ro=Ro.slice(e+1)),No(To,Vo),t}finally{Go=!1}}}var Xo=b.ReactCurrentBatchConfig;function qo(e,t){if(e&&e.defaultProps){for(var n in t=o({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}var Ko=lo(null),$o=null,ei=null,ti=null;function ni(){ti=ei=$o=null}function ri(e){var t=Ko.current;co(Ko),e.type._context._currentValue=t}function oi(e,t){for(;null!==e;){var n=e.alternate;if((e.childLanes&t)===t){if(null===n||(n.childLanes&t)===t)break;n.childLanes|=t}else e.childLanes|=t,null!==n&&(n.childLanes|=t);e=e.return}}function ii(e,t){$o=e,ti=ei=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(!!(e.lanes&t)&&(Ys=!0),e.firstContext=null)}function si(e,t){if(ti!==e&&!1!==t&&0!==t)if("number"==typeof t&&1073741823!==t||(ti=e,t=1073741823),t={context:e,observedBits:t,next:null},null===ei){if(null===$o)throw Error(s(308));ei=t,$o.dependencies={lanes:0,firstContext:t,responders:null}}else ei=ei.next=t;return e._currentValue}var ai=!1;function li(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null},effects:null}}function ci(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function ui(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function di(e,t){if(null!==(e=e.updateQueue)){var n=(e=e.shared).pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}}function pi(e,t){var n=e.updateQueue,r=e.alternate;if(null!==r&&n===(r=r.updateQueue)){var o=null,i=null;if(null!==(n=n.firstBaseUpdate)){do{var s={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===i?o=i=s:i=i.next=s,n=n.next}while(null!==n);null===i?o=i=t:i=i.next=t}else o=i=t;return n={baseState:r.baseState,firstBaseUpdate:o,lastBaseUpdate:i,shared:r.shared,effects:r.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function Ai(e,t,n,r){var i=e.updateQueue;ai=!1;var s=i.firstBaseUpdate,a=i.lastBaseUpdate,l=i.shared.pending;if(null!==l){i.shared.pending=null;var c=l,u=c.next;c.next=null,null===a?s=u:a.next=u,a=c;var d=e.alternate;if(null!==d){var p=(d=d.updateQueue).lastBaseUpdate;p!==a&&(null===p?d.firstBaseUpdate=u:p.next=u,d.lastBaseUpdate=c)}}if(null!==s){for(p=i.baseState,a=0,d=u=c=null;;){l=s.lane;var A=s.eventTime;if((r&l)===l){null!==d&&(d=d.next={eventTime:A,lane:0,tag:s.tag,payload:s.payload,callback:s.callback,next:null});e:{var M=e,g=s;switch(l=t,A=n,g.tag){case 1:if("function"==typeof(M=g.payload)){p=M.call(A,p,l);break e}p=M;break e;case 3:M.flags=-4097&M.flags|64;case 0:if(null==(l="function"==typeof(M=g.payload)?M.call(A,p,l):M))break e;p=o({},p,l);break e;case 2:ai=!0}}null!==s.callback&&(e.flags|=32,null===(l=i.effects)?i.effects=[s]:l.push(s))}else A={eventTime:A,lane:l,tag:s.tag,payload:s.payload,callback:s.callback,next:null},null===d?(u=d=A,c=p):d=d.next=A,a|=l;if(null===(s=s.next)){if(null===(l=i.shared.pending))break;s=l.next,l.next=null,i.lastBaseUpdate=l,i.shared.pending=null}}null===d&&(c=p),i.baseState=c,i.firstBaseUpdate=u,i.lastBaseUpdate=d,Ra|=a,e.lanes=a,e.memoizedState=p}}function Mi(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var r=e[t],o=r.callback;if(null!==o){if(r.callback=null,r=n,"function"!=typeof o)throw Error(s(191,o));o.call(r)}}}var gi=(new r.Component).refs;function Li(e,t,n,r){n=null==(n=n(r,t=e.memoizedState))?t:o({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var Ci={isMounted:function(e){return!!(e=e._reactInternals)&&Je(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var r=ul(),o=dl(e),i=ui(r,o);i.payload=t,null!=n&&(i.callback=n),di(e,i),pl(e,o,r)},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=ul(),o=dl(e),i=ui(r,o);i.tag=1,i.payload=t,null!=n&&(i.callback=n),di(e,i),pl(e,o,r)},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=ul(),r=dl(e),o=ui(n,r);o.tag=2,null!=t&&(o.callback=t),di(e,o),pl(e,r,n)}};function hi(e,t,n,r,o,i,s){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(r,i,s):!(t.prototype&&t.prototype.isPureReactComponent&&dr(n,r)&&dr(o,i))}function wi(e,t,n){var r=!1,o=po,i=t.contextType;return"object"==typeof i&&null!==i?i=si(i):(o=Co(t)?go:Ao.current,i=(r=null!=(r=t.contextTypes))?Lo(e,o):po),t=new t(n,i),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=Ci,e.stateNode=t,t._reactInternals=e,r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=o,e.__reactInternalMemoizedMaskedChildContext=i),t}function mi(e,t,n,r){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,r),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&Ci.enqueueReplaceState(t,t.state,null)}function bi(e,t,n,r){var o=e.stateNode;o.props=n,o.state=e.memoizedState,o.refs=gi,li(e);var i=t.contextType;"object"==typeof i&&null!==i?o.context=si(i):(i=Co(t)?go:Ao.current,o.context=Lo(e,i)),Ai(e,n,o,r),o.state=e.memoizedState,"function"==typeof(i=t.getDerivedStateFromProps)&&(Li(e,t,i,n),o.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof o.getSnapshotBeforeUpdate||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||(t=o.state,"function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount(),t!==o.state&&Ci.enqueueReplaceState(o,o.state,null),Ai(e,n,o,r),o.state=e.memoizedState),"function"==typeof o.componentDidMount&&(e.flags|=4)}var ji=Array.isArray;function fi(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(s(309));var r=n.stateNode}if(!r)throw Error(s(147,e));var o=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===o?t.ref:(t=function(e){var t=r.refs;t===gi&&(t=r.refs={}),null===e?delete t[o]:t[o]=e},t._stringRef=o,t)}if("string"!=typeof e)throw Error(s(284));if(!n._owner)throw Error(s(290,e))}return e}function yi(e,t){if("textarea"!==e.type)throw Error(s(31,"[object Object]"===Object.prototype.toString.call(t)?"object with keys {"+Object.keys(t).join(", ")+"}":t))}function xi(e){function t(t,n){if(e){var r=t.lastEffect;null!==r?(r.nextEffect=n,t.lastEffect=n):t.firstEffect=t.lastEffect=n,n.nextEffect=null,n.flags=8}}function n(n,r){if(!e)return null;for(;null!==r;)t(n,r),r=r.sibling;return null}function r(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function o(e,t){return(e=Zl(e,t)).index=0,e.sibling=null,e}function i(t,n,r){return t.index=r,e?null!==(r=t.alternate)?(r=r.index)<n?(t.flags=2,n):r:(t.flags=2,n):n}function a(t){return e&&null===t.alternate&&(t.flags=2),t}function l(e,t,n,r){return null===t||6!==t.tag?((t=Ql(n,e.mode,r)).return=e,t):((t=o(t,n)).return=e,t)}function c(e,t,n,r){return null!==t&&t.elementType===n.type?((r=o(t,n.props)).ref=fi(e,t,n),r.return=e,r):((r=_l(n.type,n.key,n.props,null,e.mode,r)).ref=fi(e,t,n),r.return=e,r)}function u(e,t,n,r){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Fl(n,e.mode,r)).return=e,t):((t=o(t,n.children||[])).return=e,t)}function d(e,t,n,r,i){return null===t||7!==t.tag?((t=Wl(n,e.mode,r,i)).return=e,t):((t=o(t,n)).return=e,t)}function p(e,t,n){if("string"==typeof t||"number"==typeof t)return(t=Ql(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case j:return(n=_l(t.type,t.key,t.props,null,e.mode,n)).ref=fi(e,null,t),n.return=e,n;case f:return(t=Fl(t,e.mode,n)).return=e,t}if(ji(t)||Z(t))return(t=Wl(t,e.mode,n,null)).return=e,t;yi(e,t)}return null}function A(e,t,n,r){var o=null!==t?t.key:null;if("string"==typeof n||"number"==typeof n)return null!==o?null:l(e,t,""+n,r);if("object"==typeof n&&null!==n){switch(n.$$typeof){case j:return n.key===o?n.type===y?d(e,t,n.props.children,r,o):c(e,t,n,r):null;case f:return n.key===o?u(e,t,n,r):null}if(ji(n)||Z(n))return null!==o?null:d(e,t,n,r,null);yi(e,n)}return null}function M(e,t,n,r,o){if("string"==typeof r||"number"==typeof r)return l(t,e=e.get(n)||null,""+r,o);if("object"==typeof r&&null!==r){switch(r.$$typeof){case j:return e=e.get(null===r.key?n:r.key)||null,r.type===y?d(t,e,r.props.children,o,r.key):c(t,e,r,o);case f:return u(t,e=e.get(null===r.key?n:r.key)||null,r,o)}if(ji(r)||Z(r))return d(t,e=e.get(n)||null,r,o,null);yi(t,r)}return null}function g(o,s,a,l){for(var c=null,u=null,d=s,g=s=0,L=null;null!==d&&g<a.length;g++){d.index>g?(L=d,d=null):L=d.sibling;var C=A(o,d,a[g],l);if(null===C){null===d&&(d=L);break}e&&d&&null===C.alternate&&t(o,d),s=i(C,s,g),null===u?c=C:u.sibling=C,u=C,d=L}if(g===a.length)return n(o,d),c;if(null===d){for(;g<a.length;g++)null!==(d=p(o,a[g],l))&&(s=i(d,s,g),null===u?c=d:u.sibling=d,u=d);return c}for(d=r(o,d);g<a.length;g++)null!==(L=M(d,o,g,a[g],l))&&(e&&null!==L.alternate&&d.delete(null===L.key?g:L.key),s=i(L,s,g),null===u?c=L:u.sibling=L,u=L);return e&&d.forEach((function(e){return t(o,e)})),c}function L(o,a,l,c){var u=Z(l);if("function"!=typeof u)throw Error(s(150));if(null==(l=u.call(l)))throw Error(s(151));for(var d=u=null,g=a,L=a=0,C=null,h=l.next();null!==g&&!h.done;L++,h=l.next()){g.index>L?(C=g,g=null):C=g.sibling;var w=A(o,g,h.value,c);if(null===w){null===g&&(g=C);break}e&&g&&null===w.alternate&&t(o,g),a=i(w,a,L),null===d?u=w:d.sibling=w,d=w,g=C}if(h.done)return n(o,g),u;if(null===g){for(;!h.done;L++,h=l.next())null!==(h=p(o,h.value,c))&&(a=i(h,a,L),null===d?u=h:d.sibling=h,d=h);return u}for(g=r(o,g);!h.done;L++,h=l.next())null!==(h=M(g,o,L,h.value,c))&&(e&&null!==h.alternate&&g.delete(null===h.key?L:h.key),a=i(h,a,L),null===d?u=h:d.sibling=h,d=h);return e&&g.forEach((function(e){return t(o,e)})),u}return function(e,r,i,l){var c="object"==typeof i&&null!==i&&i.type===y&&null===i.key;c&&(i=i.props.children);var u="object"==typeof i&&null!==i;if(u)switch(i.$$typeof){case j:e:{for(u=i.key,c=r;null!==c;){if(c.key===u){if(7===c.tag){if(i.type===y){n(e,c.sibling),(r=o(c,i.props.children)).return=e,e=r;break e}}else if(c.elementType===i.type){n(e,c.sibling),(r=o(c,i.props)).ref=fi(e,c,i),r.return=e,e=r;break e}n(e,c);break}t(e,c),c=c.sibling}i.type===y?((r=Wl(i.props.children,e.mode,l,i.key)).return=e,e=r):((l=_l(i.type,i.key,i.props,null,e.mode,l)).ref=fi(e,r,i),l.return=e,e=l)}return a(e);case f:e:{for(c=i.key;null!==r;){if(r.key===c){if(4===r.tag&&r.stateNode.containerInfo===i.containerInfo&&r.stateNode.implementation===i.implementation){n(e,r.sibling),(r=o(r,i.children||[])).return=e,e=r;break e}n(e,r);break}t(e,r),r=r.sibling}(r=Fl(i,e.mode,l)).return=e,e=r}return a(e)}if("string"==typeof i||"number"==typeof i)return i=""+i,null!==r&&6===r.tag?(n(e,r.sibling),(r=o(r,i)).return=e,e=r):(n(e,r),(r=Ql(i,e.mode,l)).return=e,e=r),a(e);if(ji(i))return g(e,r,i,l);if(Z(i))return L(e,r,i,l);if(u&&yi(e,i),void 0===i&&!c)switch(e.tag){case 1:case 22:case 0:case 11:case 15:throw Error(s(152,F(e.type)||"Component"))}return n(e,r)}}var Ni=xi(!0),Si=xi(!1),vi={},Di=lo(vi),Ii=lo(vi),Ei=lo(vi);function Ti(e){if(e===vi)throw Error(s(174));return e}function ki(e,t){switch(uo(Ei,t),uo(Ii,e),uo(Di,vi),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:Ae(null,"");break;default:t=Ae(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}co(Di),uo(Di,t)}function zi(){co(Di),co(Ii),co(Ei)}function Oi(e){Ti(Ei.current);var t=Ti(Di.current),n=Ae(t,e.type);t!==n&&(uo(Ii,e),uo(Di,n))}function Yi(e){Ii.current===e&&(co(Di),co(Ii))}var Pi=lo(0);function Bi(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(64&t.flags)return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var Ri=null,Ui=null,Gi=!1;function Zi(e,t){var n=Ul(5,null,null,0);n.elementType="DELETED",n.type="DELETED",n.stateNode=t,n.return=e,n.flags=8,null!==e.lastEffect?(e.lastEffect.nextEffect=n,e.lastEffect=n):e.firstEffect=e.lastEffect=n}function _i(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,!0);default:return!1}}function Wi(e){if(Gi){var t=Ui;if(t){var n=t;if(!_i(e,t)){if(!(t=Fr(n.nextSibling))||!_i(e,t))return e.flags=-1025&e.flags|2,Gi=!1,void(Ri=e);Zi(Ri,n)}Ri=e,Ui=Fr(t.firstChild)}else e.flags=-1025&e.flags|2,Gi=!1,Ri=e}}function Hi(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;Ri=e}function Qi(e){if(e!==Ri)return!1;if(!Gi)return Hi(e),Gi=!0,!1;var t=e.type;if(5!==e.tag||"head"!==t&&"body"!==t&&!_r(t,e.memoizedProps))for(t=Ui;t;)Zi(e,t),t=Fr(t.nextSibling);if(Hi(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(s(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){Ui=Fr(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}Ui=null}}else Ui=Ri?Fr(e.stateNode.nextSibling):null;return!0}function Fi(){Ui=Ri=null,Gi=!1}var Vi=[];function Ji(){for(var e=0;e<Vi.length;e++)Vi[e]._workInProgressVersionPrimary=null;Vi.length=0}var Xi=b.ReactCurrentDispatcher,qi=b.ReactCurrentBatchConfig,Ki=0,$i=null,es=null,ts=null,ns=!1,rs=!1;function os(){throw Error(s(321))}function is(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!cr(e[n],t[n]))return!1;return!0}function ss(e,t,n,r,o,i){if(Ki=i,$i=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,Xi.current=null===e||null===e.memoizedState?Ts:ks,e=n(r,o),rs){i=0;do{if(rs=!1,!(25>i))throw Error(s(301));i+=1,ts=es=null,t.updateQueue=null,Xi.current=zs,e=n(r,o)}while(rs)}if(Xi.current=Es,t=null!==es&&null!==es.next,Ki=0,ts=es=$i=null,ns=!1,t)throw Error(s(300));return e}function as(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===ts?$i.memoizedState=ts=e:ts=ts.next=e,ts}function ls(){if(null===es){var e=$i.alternate;e=null!==e?e.memoizedState:null}else e=es.next;var t=null===ts?$i.memoizedState:ts.next;if(null!==t)ts=t,es=e;else{if(null===e)throw Error(s(310));e={memoizedState:(es=e).memoizedState,baseState:es.baseState,baseQueue:es.baseQueue,queue:es.queue,next:null},null===ts?$i.memoizedState=ts=e:ts=ts.next=e}return ts}function cs(e,t){return"function"==typeof t?t(e):t}function us(e){var t=ls(),n=t.queue;if(null===n)throw Error(s(311));n.lastRenderedReducer=e;var r=es,o=r.baseQueue,i=n.pending;if(null!==i){if(null!==o){var a=o.next;o.next=i.next,i.next=a}r.baseQueue=o=i,n.pending=null}if(null!==o){o=o.next,r=r.baseState;var l=a=i=null,c=o;do{var u=c.lane;if((Ki&u)===u)null!==l&&(l=l.next={lane:0,action:c.action,eagerReducer:c.eagerReducer,eagerState:c.eagerState,next:null}),r=c.eagerReducer===e?c.eagerState:e(r,c.action);else{var d={lane:u,action:c.action,eagerReducer:c.eagerReducer,eagerState:c.eagerState,next:null};null===l?(a=l=d,i=r):l=l.next=d,$i.lanes|=u,Ra|=u}c=c.next}while(null!==c&&c!==o);null===l?i=r:l.next=a,cr(r,t.memoizedState)||(Ys=!0),t.memoizedState=r,t.baseState=i,t.baseQueue=l,n.lastRenderedState=r}return[t.memoizedState,n.dispatch]}function ds(e){var t=ls(),n=t.queue;if(null===n)throw Error(s(311));n.lastRenderedReducer=e;var r=n.dispatch,o=n.pending,i=t.memoizedState;if(null!==o){n.pending=null;var a=o=o.next;do{i=e(i,a.action),a=a.next}while(a!==o);cr(i,t.memoizedState)||(Ys=!0),t.memoizedState=i,null===t.baseQueue&&(t.baseState=i),n.lastRenderedState=i}return[i,r]}function ps(e,t,n){var r=t._getVersion;r=r(t._source);var o=t._workInProgressVersionPrimary;if(null!==o?e=o===r:(e=e.mutableReadLanes,(e=(Ki&e)===e)&&(t._workInProgressVersionPrimary=r,Vi.push(t))),e)return n(t._source);throw Vi.push(t),Error(s(350))}function As(e,t,n,r){var o=Ea;if(null===o)throw Error(s(349));var i=t._getVersion,a=i(t._source),l=Xi.current,c=l.useState((function(){return ps(o,t,n)})),u=c[1],d=c[0];c=ts;var p=e.memoizedState,A=p.refs,M=A.getSnapshot,g=p.source;p=p.subscribe;var L=$i;return e.memoizedState={refs:A,source:t,subscribe:r},l.useEffect((function(){A.getSnapshot=n,A.setSnapshot=u;var e=i(t._source);if(!cr(a,e)){e=n(t._source),cr(d,e)||(u(e),e=dl(L),o.mutableReadLanes|=e&o.pendingLanes),e=o.mutableReadLanes,o.entangledLanes|=e;for(var r=o.entanglements,s=e;0<s;){var l=31-_t(s),c=1<<l;r[l]|=e,s&=~c}}}),[n,t,r]),l.useEffect((function(){return r(t._source,(function(){var e=A.getSnapshot,n=A.setSnapshot;try{n(e(t._source));var r=dl(L);o.mutableReadLanes|=r&o.pendingLanes}catch(e){n((function(){throw e}))}}))}),[t,r]),cr(M,n)&&cr(g,t)&&cr(p,r)||((e={pending:null,dispatch:null,lastRenderedReducer:cs,lastRenderedState:d}).dispatch=u=Is.bind(null,$i,e),c.queue=e,c.baseQueue=null,d=ps(o,t,n),c.memoizedState=c.baseState=d),d}function Ms(e,t,n){return As(ls(),e,t,n)}function gs(e){var t=as();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e=(e=t.queue={pending:null,dispatch:null,lastRenderedReducer:cs,lastRenderedState:e}).dispatch=Is.bind(null,$i,e),[t.memoizedState,e]}function Ls(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},null===(t=$i.updateQueue)?(t={lastEffect:null},$i.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e),e}function Cs(e){return e={current:e},as().memoizedState=e}function hs(){return ls().memoizedState}function ws(e,t,n,r){var o=as();$i.flags|=e,o.memoizedState=Ls(1|t,n,void 0,void 0===r?null:r)}function ms(e,t,n,r){var o=ls();r=void 0===r?null:r;var i=void 0;if(null!==es){var s=es.memoizedState;if(i=s.destroy,null!==r&&is(r,s.deps))return void Ls(t,n,i,r)}$i.flags|=e,o.memoizedState=Ls(1|t,n,i,r)}function bs(e,t){return ws(516,4,e,t)}function js(e,t){return ms(516,4,e,t)}function fs(e,t){return ms(4,2,e,t)}function ys(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function xs(e,t,n){return n=null!=n?n.concat([e]):null,ms(4,2,ys.bind(null,t,e),n)}function Ns(){}function Ss(e,t){var n=ls();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&is(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function vs(e,t){var n=ls();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&is(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function Ds(e,t){var n=Wo();Qo(98>n?98:n,(function(){e(!0)})),Qo(97<n?97:n,(function(){var n=qi.transition;qi.transition=1;try{e(!1),t()}finally{qi.transition=n}}))}function Is(e,t,n){var r=ul(),o=dl(e),i={lane:o,action:n,eagerReducer:null,eagerState:null,next:null},s=t.pending;if(null===s?i.next=i:(i.next=s.next,s.next=i),t.pending=i,s=e.alternate,e===$i||null!==s&&s===$i)rs=ns=!0;else{if(0===e.lanes&&(null===s||0===s.lanes)&&null!==(s=t.lastRenderedReducer))try{var a=t.lastRenderedState,l=s(a,n);if(i.eagerReducer=s,i.eagerState=l,cr(l,a))return}catch(e){}pl(e,o,r)}}var Es={readContext:si,useCallback:os,useContext:os,useEffect:os,useImperativeHandle:os,useLayoutEffect:os,useMemo:os,useReducer:os,useRef:os,useState:os,useDebugValue:os,useDeferredValue:os,useTransition:os,useMutableSource:os,useOpaqueIdentifier:os,unstable_isNewReconciler:!1},Ts={readContext:si,useCallback:function(e,t){return as().memoizedState=[e,void 0===t?null:t],e},useContext:si,useEffect:bs,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,ws(4,2,ys.bind(null,t,e),n)},useLayoutEffect:function(e,t){return ws(4,2,e,t)},useMemo:function(e,t){var n=as();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=as();return t=void 0!==n?n(t):t,r.memoizedState=r.baseState=t,e=(e=r.queue={pending:null,dispatch:null,lastRenderedReducer:e,lastRenderedState:t}).dispatch=Is.bind(null,$i,e),[r.memoizedState,e]},useRef:Cs,useState:gs,useDebugValue:Ns,useDeferredValue:function(e){var t=gs(e),n=t[0],r=t[1];return bs((function(){var t=qi.transition;qi.transition=1;try{r(e)}finally{qi.transition=t}}),[e]),n},useTransition:function(){var e=gs(!1),t=e[0];return Cs(e=Ds.bind(null,e[1])),[e,t]},useMutableSource:function(e,t,n){var r=as();return r.memoizedState={refs:{getSnapshot:t,setSnapshot:null},source:e,subscribe:n},As(r,e,t,n)},useOpaqueIdentifier:function(){if(Gi){var e=!1,t=function(e){return{$$typeof:O,toString:e,valueOf:e}}((function(){throw e||(e=!0,n("r:"+(Jr++).toString(36))),Error(s(355))})),n=gs(t)[1];return!(2&$i.mode)&&($i.flags|=516,Ls(5,(function(){n("r:"+(Jr++).toString(36))}),void 0,null)),t}return gs(t="r:"+(Jr++).toString(36)),t},unstable_isNewReconciler:!1},ks={readContext:si,useCallback:Ss,useContext:si,useEffect:js,useImperativeHandle:xs,useLayoutEffect:fs,useMemo:vs,useReducer:us,useRef:hs,useState:function(){return us(cs)},useDebugValue:Ns,useDeferredValue:function(e){var t=us(cs),n=t[0],r=t[1];return js((function(){var t=qi.transition;qi.transition=1;try{r(e)}finally{qi.transition=t}}),[e]),n},useTransition:function(){var e=us(cs)[0];return[hs().current,e]},useMutableSource:Ms,useOpaqueIdentifier:function(){return us(cs)[0]},unstable_isNewReconciler:!1},zs={readContext:si,useCallback:Ss,useContext:si,useEffect:js,useImperativeHandle:xs,useLayoutEffect:fs,useMemo:vs,useReducer:ds,useRef:hs,useState:function(){return ds(cs)},useDebugValue:Ns,useDeferredValue:function(e){var t=ds(cs),n=t[0],r=t[1];return js((function(){var t=qi.transition;qi.transition=1;try{r(e)}finally{qi.transition=t}}),[e]),n},useTransition:function(){var e=ds(cs)[0];return[hs().current,e]},useMutableSource:Ms,useOpaqueIdentifier:function(){return ds(cs)[0]},unstable_isNewReconciler:!1},Os=b.ReactCurrentOwner,Ys=!1;function Ps(e,t,n,r){t.child=null===e?Si(t,null,n,r):Ni(t,e.child,n,r)}function Bs(e,t,n,r,o){n=n.render;var i=t.ref;return ii(t,o),r=ss(e,t,n,r,i,o),null===e||Ys?(t.flags|=1,Ps(e,t,r,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-517,e.lanes&=~o,ra(e,t,o))}function Rs(e,t,n,r,o,i){if(null===e){var s=n.type;return"function"!=typeof s||Gl(s)||void 0!==s.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=_l(n.type,null,r,t,t.mode,i)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=s,Us(e,t,s,r,o,i))}return s=e.child,o&i||(o=s.memoizedProps,!(n=null!==(n=n.compare)?n:dr)(o,r)||e.ref!==t.ref)?(t.flags|=1,(e=Zl(s,r)).ref=t.ref,e.return=t,t.child=e):ra(e,t,i)}function Us(e,t,n,r,o,i){if(null!==e&&dr(e.memoizedProps,r)&&e.ref===t.ref){if(Ys=!1,!(i&o))return t.lanes=e.lanes,ra(e,t,i);16384&e.flags&&(Ys=!0)}return _s(e,t,n,r,i)}function Gs(e,t,n){var r=t.pendingProps,o=r.children,i=null!==e?e.memoizedState:null;if("hidden"===r.mode||"unstable-defer-without-hiding"===r.mode)if(4&t.mode){if(!(1073741824&n))return e=null!==i?i.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e},hl(0,e),null;t.memoizedState={baseLanes:0},hl(0,null!==i?i.baseLanes:n)}else t.memoizedState={baseLanes:0},hl(0,n);else null!==i?(r=i.baseLanes|n,t.memoizedState=null):r=n,hl(0,r);return Ps(e,t,o,n),t.child}function Zs(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=128)}function _s(e,t,n,r,o){var i=Co(n)?go:Ao.current;return i=Lo(t,i),ii(t,o),n=ss(e,t,n,r,i,o),null===e||Ys?(t.flags|=1,Ps(e,t,n,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-517,e.lanes&=~o,ra(e,t,o))}function Ws(e,t,n,r,o){if(Co(n)){var i=!0;bo(t)}else i=!1;if(ii(t,o),null===t.stateNode)null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),wi(t,n,r),bi(t,n,r,o),r=!0;else if(null===e){var s=t.stateNode,a=t.memoizedProps;s.props=a;var l=s.context,c=n.contextType;c="object"==typeof c&&null!==c?si(c):Lo(t,c=Co(n)?go:Ao.current);var u=n.getDerivedStateFromProps,d="function"==typeof u||"function"==typeof s.getSnapshotBeforeUpdate;d||"function"!=typeof s.UNSAFE_componentWillReceiveProps&&"function"!=typeof s.componentWillReceiveProps||(a!==r||l!==c)&&mi(t,s,r,c),ai=!1;var p=t.memoizedState;s.state=p,Ai(t,r,s,o),l=t.memoizedState,a!==r||p!==l||Mo.current||ai?("function"==typeof u&&(Li(t,n,u,r),l=t.memoizedState),(a=ai||hi(t,n,a,r,p,l,c))?(d||"function"!=typeof s.UNSAFE_componentWillMount&&"function"!=typeof s.componentWillMount||("function"==typeof s.componentWillMount&&s.componentWillMount(),"function"==typeof s.UNSAFE_componentWillMount&&s.UNSAFE_componentWillMount()),"function"==typeof s.componentDidMount&&(t.flags|=4)):("function"==typeof s.componentDidMount&&(t.flags|=4),t.memoizedProps=r,t.memoizedState=l),s.props=r,s.state=l,s.context=c,r=a):("function"==typeof s.componentDidMount&&(t.flags|=4),r=!1)}else{s=t.stateNode,ci(e,t),a=t.memoizedProps,c=t.type===t.elementType?a:qo(t.type,a),s.props=c,d=t.pendingProps,p=s.context,l="object"==typeof(l=n.contextType)&&null!==l?si(l):Lo(t,l=Co(n)?go:Ao.current);var A=n.getDerivedStateFromProps;(u="function"==typeof A||"function"==typeof s.getSnapshotBeforeUpdate)||"function"!=typeof s.UNSAFE_componentWillReceiveProps&&"function"!=typeof s.componentWillReceiveProps||(a!==d||p!==l)&&mi(t,s,r,l),ai=!1,p=t.memoizedState,s.state=p,Ai(t,r,s,o);var M=t.memoizedState;a!==d||p!==M||Mo.current||ai?("function"==typeof A&&(Li(t,n,A,r),M=t.memoizedState),(c=ai||hi(t,n,c,r,p,M,l))?(u||"function"!=typeof s.UNSAFE_componentWillUpdate&&"function"!=typeof s.componentWillUpdate||("function"==typeof s.componentWillUpdate&&s.componentWillUpdate(r,M,l),"function"==typeof s.UNSAFE_componentWillUpdate&&s.UNSAFE_componentWillUpdate(r,M,l)),"function"==typeof s.componentDidUpdate&&(t.flags|=4),"function"==typeof s.getSnapshotBeforeUpdate&&(t.flags|=256)):("function"!=typeof s.componentDidUpdate||a===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof s.getSnapshotBeforeUpdate||a===e.memoizedProps&&p===e.memoizedState||(t.flags|=256),t.memoizedProps=r,t.memoizedState=M),s.props=r,s.state=M,s.context=l,r=c):("function"!=typeof s.componentDidUpdate||a===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof s.getSnapshotBeforeUpdate||a===e.memoizedProps&&p===e.memoizedState||(t.flags|=256),r=!1)}return Hs(e,t,n,r,i,o)}function Hs(e,t,n,r,o,i){Zs(e,t);var s=!!(64&t.flags);if(!r&&!s)return o&&jo(t,n,!1),ra(e,t,i);r=t.stateNode,Os.current=t;var a=s&&"function"!=typeof n.getDerivedStateFromError?null:r.render();return t.flags|=1,null!==e&&s?(t.child=Ni(t,e.child,null,i),t.child=Ni(t,null,a,i)):Ps(e,t,a,i),t.memoizedState=r.state,o&&jo(t,n,!0),t.child}function Qs(e){var t=e.stateNode;t.pendingContext?wo(0,t.pendingContext,t.pendingContext!==t.context):t.context&&wo(0,t.context,!1),ki(e,t.containerInfo)}var Fs,Vs,Js,Xs,qs={dehydrated:null,retryLane:0};function Ks(e,t,n){var r,o=t.pendingProps,i=Pi.current,s=!1;return(r=!!(64&t.flags))||(r=(null===e||null!==e.memoizedState)&&!!(2&i)),r?(s=!0,t.flags&=-65):null!==e&&null===e.memoizedState||void 0===o.fallback||!0===o.unstable_avoidThisFallback||(i|=1),uo(Pi,1&i),null===e?(void 0!==o.fallback&&Wi(t),e=o.children,i=o.fallback,s?(e=$s(t,e,i,n),t.child.memoizedState={baseLanes:n},t.memoizedState=qs,e):"number"==typeof o.unstable_expectedLoadTime?(e=$s(t,e,i,n),t.child.memoizedState={baseLanes:n},t.memoizedState=qs,t.lanes=33554432,e):((n=Hl({mode:"visible",children:e},t.mode,n,null)).return=t,t.child=n)):(e.memoizedState,s?(o=function(e,t,n,r,o){var i=t.mode,s=e.child;e=s.sibling;var a={mode:"hidden",children:n};return 2&i||t.child===s?n=Zl(s,a):((n=t.child).childLanes=0,n.pendingProps=a,null!==(s=n.lastEffect)?(t.firstEffect=n.firstEffect,t.lastEffect=s,s.nextEffect=null):t.firstEffect=t.lastEffect=null),null!==e?r=Zl(e,r):(r=Wl(r,i,o,null)).flags|=2,r.return=t,n.return=t,n.sibling=r,t.child=n,r}(e,t,o.children,o.fallback,n),s=t.child,i=e.child.memoizedState,s.memoizedState=null===i?{baseLanes:n}:{baseLanes:i.baseLanes|n},s.childLanes=e.childLanes&~n,t.memoizedState=qs,o):(n=function(e,t,n,r){var o=e.child;return e=o.sibling,n=Zl(o,{mode:"visible",children:n}),!(2&t.mode)&&(n.lanes=r),n.return=t,n.sibling=null,null!==e&&(e.nextEffect=null,e.flags=8,t.firstEffect=t.lastEffect=e),t.child=n}(e,t,o.children,n),t.memoizedState=null,n))}function $s(e,t,n,r){var o=e.mode,i=e.child;return t={mode:"hidden",children:t},2&o||null===i?i=Hl(t,o,0,null):(i.childLanes=0,i.pendingProps=t),n=Wl(n,o,r,null),i.return=e,n.return=e,i.sibling=n,e.child=i,n}function ea(e,t){e.lanes|=t;var n=e.alternate;null!==n&&(n.lanes|=t),oi(e.return,t)}function ta(e,t,n,r,o,i){var s=e.memoizedState;null===s?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:o,lastEffect:i}:(s.isBackwards=t,s.rendering=null,s.renderingStartTime=0,s.last=r,s.tail=n,s.tailMode=o,s.lastEffect=i)}function na(e,t,n){var r=t.pendingProps,o=r.revealOrder,i=r.tail;if(Ps(e,t,r.children,n),2&(r=Pi.current))r=1&r|2,t.flags|=64;else{if(null!==e&&64&e.flags)e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&ea(e,n);else if(19===e.tag)ea(e,n);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(uo(Pi,r),2&t.mode)switch(o){case"forwards":for(n=t.child,o=null;null!==n;)null!==(e=n.alternate)&&null===Bi(e)&&(o=n),n=n.sibling;null===(n=o)?(o=t.child,t.child=null):(o=n.sibling,n.sibling=null),ta(t,!1,o,n,i,t.lastEffect);break;case"backwards":for(n=null,o=t.child,t.child=null;null!==o;){if(null!==(e=o.alternate)&&null===Bi(e)){t.child=o;break}e=o.sibling,o.sibling=n,n=o,o=e}ta(t,!0,n,null,i,t.lastEffect);break;case"together":ta(t,!1,null,null,void 0,t.lastEffect);break;default:t.memoizedState=null}else t.memoizedState=null;return t.child}function ra(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),Ra|=t.lanes,n&t.childLanes){if(null!==e&&t.child!==e.child)throw Error(s(153));if(null!==t.child){for(n=Zl(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Zl(e,e.pendingProps)).return=t;n.sibling=null}return t.child}return null}function oa(e,t){if(!Gi)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;null!==n;)null!==n.alternate&&(r=n),n=n.sibling;null===r?t||null===e.tail?e.tail=null:e.tail.sibling=null:r.sibling=null}}function ia(e,t,n){var r=t.pendingProps;switch(t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return null;case 1:case 17:return Co(t.type)&&ho(),null;case 3:return zi(),co(Mo),co(Ao),Ji(),(r=t.stateNode).pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),null!==e&&null!==e.child||(Qi(t)?t.flags|=4:r.hydrate||(t.flags|=256)),Vs(t),null;case 5:Yi(t);var i=Ti(Ei.current);if(n=t.type,null!==e&&null!=t.stateNode)Js(e,t,n,r,i),e.ref!==t.ref&&(t.flags|=128);else{if(!r){if(null===t.stateNode)throw Error(s(166));return null}if(e=Ti(Di.current),Qi(t)){r=t.stateNode,n=t.type;var a=t.memoizedProps;switch(r[qr]=t,r[Kr]=a,n){case"dialog":Dr("cancel",r),Dr("close",r);break;case"iframe":case"object":case"embed":Dr("load",r);break;case"video":case"audio":for(e=0;e<xr.length;e++)Dr(xr[e],r);break;case"source":Dr("error",r);break;case"img":case"image":case"link":Dr("error",r),Dr("load",r);break;case"details":Dr("toggle",r);break;case"input":ee(r,a),Dr("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!a.multiple},Dr("invalid",r);break;case"textarea":le(r,a),Dr("invalid",r)}for(var c in fe(n,a),e=null,a)a.hasOwnProperty(c)&&(i=a[c],"children"===c?"string"==typeof i?r.textContent!==i&&(e=["children",i]):"number"==typeof i&&r.textContent!==""+i&&(e=["children",""+i]):l.hasOwnProperty(c)&&null!=i&&"onScroll"===c&&Dr("scroll",r));switch(n){case"input":X(r),re(r,a,!0);break;case"textarea":X(r),ue(r);break;case"select":case"option":break;default:"function"==typeof a.onClick&&(r.onclick=Rr)}r=e,t.updateQueue=r,null!==r&&(t.flags|=4)}else{switch(c=9===i.nodeType?i:i.ownerDocument,e===de.html&&(e=pe(n)),e===de.html?"script"===n?((e=c.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof r.is?e=c.createElement(n,{is:r.is}):(e=c.createElement(n),"select"===n&&(c=e,r.multiple?c.multiple=!0:r.size&&(c.size=r.size))):e=c.createElementNS(e,n),e[qr]=t,e[Kr]=r,Fs(e,t,!1,!1),t.stateNode=e,c=ye(n,r),n){case"dialog":Dr("cancel",e),Dr("close",e),i=r;break;case"iframe":case"object":case"embed":Dr("load",e),i=r;break;case"video":case"audio":for(i=0;i<xr.length;i++)Dr(xr[i],e);i=r;break;case"source":Dr("error",e),i=r;break;case"img":case"image":case"link":Dr("error",e),Dr("load",e),i=r;break;case"details":Dr("toggle",e),i=r;break;case"input":ee(e,r),i=$(e,r),Dr("invalid",e);break;case"option":i=ie(e,r);break;case"select":e._wrapperState={wasMultiple:!!r.multiple},i=o({},r,{value:void 0}),Dr("invalid",e);break;case"textarea":le(e,r),i=ae(e,r),Dr("invalid",e);break;default:i=r}fe(n,i);var u=i;for(a in u)if(u.hasOwnProperty(a)){var d=u[a];"style"===a?be(e,d):"dangerouslySetInnerHTML"===a?null!=(d=d?d.__html:void 0)&&Le(e,d):"children"===a?"string"==typeof d?("textarea"!==n||""!==d)&&Ce(e,d):"number"==typeof d&&Ce(e,""+d):"suppressContentEditableWarning"!==a&&"suppressHydrationWarning"!==a&&"autoFocus"!==a&&(l.hasOwnProperty(a)?null!=d&&"onScroll"===a&&Dr("scroll",e):null!=d&&m(e,a,d,c))}switch(n){case"input":X(e),re(e,r,!1);break;case"textarea":X(e),ue(e);break;case"option":null!=r.value&&e.setAttribute("value",""+V(r.value));break;case"select":e.multiple=!!r.multiple,null!=(a=r.value)?se(e,!!r.multiple,a,!1):null!=r.defaultValue&&se(e,!!r.multiple,r.defaultValue,!0);break;default:"function"==typeof i.onClick&&(e.onclick=Rr)}Zr(n,r)&&(t.flags|=4)}null!==t.ref&&(t.flags|=128)}return null;case 6:if(e&&null!=t.stateNode)Xs(e,t,e.memoizedProps,r);else{if("string"!=typeof r&&null===t.stateNode)throw Error(s(166));n=Ti(Ei.current),Ti(Di.current),Qi(t)?(r=t.stateNode,n=t.memoizedProps,r[qr]=t,r.nodeValue!==n&&(t.flags|=4)):((r=(9===n.nodeType?n:n.ownerDocument).createTextNode(r))[qr]=t,t.stateNode=r)}return null;case 13:return co(Pi),r=t.memoizedState,64&t.flags?(t.lanes=n,t):(r=null!==r,n=!1,null===e?void 0!==t.memoizedProps.fallback&&Qi(t):n=null!==e.memoizedState,r&&!n&&2&t.mode&&(null===e&&!0!==t.memoizedProps.unstable_avoidThisFallback||1&Pi.current?0===Ya&&(Ya=3):(0!==Ya&&3!==Ya||(Ya=4),null===Ea||!(134217727&Ra)&&!(134217727&Ua)||Ll(Ea,ka))),(r||n)&&(t.flags|=4),null);case 4:return zi(),Vs(t),null===e&&Er(t.stateNode.containerInfo),null;case 10:return ri(t),null;case 19:if(co(Pi),null===(r=t.memoizedState))return null;if(a=!!(64&t.flags),null===(c=r.rendering))if(a)oa(r,!1);else{if(0!==Ya||null!==e&&64&e.flags)for(e=t.child;null!==e;){if(null!==(c=Bi(e))){for(t.flags|=64,oa(r,!1),null!==(a=c.updateQueue)&&(t.updateQueue=a,t.flags|=4),null===r.lastEffect&&(t.firstEffect=null),t.lastEffect=r.lastEffect,r=n,n=t.child;null!==n;)e=r,(a=n).flags&=2,a.nextEffect=null,a.firstEffect=null,a.lastEffect=null,null===(c=a.alternate)?(a.childLanes=0,a.lanes=e,a.child=null,a.memoizedProps=null,a.memoizedState=null,a.updateQueue=null,a.dependencies=null,a.stateNode=null):(a.childLanes=c.childLanes,a.lanes=c.lanes,a.child=c.child,a.memoizedProps=c.memoizedProps,a.memoizedState=c.memoizedState,a.updateQueue=c.updateQueue,a.type=c.type,e=c.dependencies,a.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return uo(Pi,1&Pi.current|2),t.child}e=e.sibling}null!==r.tail&&_o()>Wa&&(t.flags|=64,a=!0,oa(r,!1),t.lanes=33554432)}else{if(!a)if(null!==(e=Bi(c))){if(t.flags|=64,a=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),oa(r,!0),null===r.tail&&"hidden"===r.tailMode&&!c.alternate&&!Gi)return null!==(t=t.lastEffect=r.lastEffect)&&(t.nextEffect=null),null}else 2*_o()-r.renderingStartTime>Wa&&1073741824!==n&&(t.flags|=64,a=!0,oa(r,!1),t.lanes=33554432);r.isBackwards?(c.sibling=t.child,t.child=c):(null!==(n=r.last)?n.sibling=c:t.child=c,r.last=c)}return null!==r.tail?(n=r.tail,r.rendering=n,r.tail=n.sibling,r.lastEffect=t.lastEffect,r.renderingStartTime=_o(),n.sibling=null,t=Pi.current,uo(Pi,a?1&t|2:1&t),n):null;case 23:case 24:return wl(),null!==e&&null!==e.memoizedState!=(null!==t.memoizedState)&&"unstable-defer-without-hiding"!==r.mode&&(t.flags|=4),null}throw Error(s(156,t.tag))}function sa(e){switch(e.tag){case 1:Co(e.type)&&ho();var t=e.flags;return 4096&t?(e.flags=-4097&t|64,e):null;case 3:if(zi(),co(Mo),co(Ao),Ji(),64&(t=e.flags))throw Error(s(285));return e.flags=-4097&t|64,e;case 5:return Yi(e),null;case 13:return co(Pi),4096&(t=e.flags)?(e.flags=-4097&t|64,e):null;case 19:return co(Pi),null;case 4:return zi(),null;case 10:return ri(e),null;case 23:case 24:return wl(),null;default:return null}}function aa(e,t){try{var n="",r=t;do{n+=Q(r),r=r.return}while(r);var o=n}catch(e){o="\nError generating stack: "+e.message+"\n"+e.stack}return{value:e,source:t,stack:o}}function la(e,t){try{console.error(t.value)}catch(e){setTimeout((function(){throw e}))}}Fs=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},Vs=function(){},Js=function(e,t,n,r){var i=e.memoizedProps;if(i!==r){e=t.stateNode,Ti(Di.current);var s,a=null;switch(n){case"input":i=$(e,i),r=$(e,r),a=[];break;case"option":i=ie(e,i),r=ie(e,r),a=[];break;case"select":i=o({},i,{value:void 0}),r=o({},r,{value:void 0}),a=[];break;case"textarea":i=ae(e,i),r=ae(e,r),a=[];break;default:"function"!=typeof i.onClick&&"function"==typeof r.onClick&&(e.onclick=Rr)}for(d in fe(n,r),n=null,i)if(!r.hasOwnProperty(d)&&i.hasOwnProperty(d)&&null!=i[d])if("style"===d){var c=i[d];for(s in c)c.hasOwnProperty(s)&&(n||(n={}),n[s]="")}else"dangerouslySetInnerHTML"!==d&&"children"!==d&&"suppressContentEditableWarning"!==d&&"suppressHydrationWarning"!==d&&"autoFocus"!==d&&(l.hasOwnProperty(d)?a||(a=[]):(a=a||[]).push(d,null));for(d in r){var u=r[d];if(c=null!=i?i[d]:void 0,r.hasOwnProperty(d)&&u!==c&&(null!=u||null!=c))if("style"===d)if(c){for(s in c)!c.hasOwnProperty(s)||u&&u.hasOwnProperty(s)||(n||(n={}),n[s]="");for(s in u)u.hasOwnProperty(s)&&c[s]!==u[s]&&(n||(n={}),n[s]=u[s])}else n||(a||(a=[]),a.push(d,n)),n=u;else"dangerouslySetInnerHTML"===d?(u=u?u.__html:void 0,c=c?c.__html:void 0,null!=u&&c!==u&&(a=a||[]).push(d,u)):"children"===d?"string"!=typeof u&&"number"!=typeof u||(a=a||[]).push(d,""+u):"suppressContentEditableWarning"!==d&&"suppressHydrationWarning"!==d&&(l.hasOwnProperty(d)?(null!=u&&"onScroll"===d&&Dr("scroll",e),a||c===u||(a=[])):"object"==typeof u&&null!==u&&u.$$typeof===O?u.toString():(a=a||[]).push(d,u))}n&&(a=a||[]).push("style",n);var d=a;(t.updateQueue=d)&&(t.flags|=4)}},Xs=function(e,t,n,r){n!==r&&(t.flags|=4)};var ca="function"==typeof WeakMap?WeakMap:Map;function ua(e,t,n){(n=ui(-1,n)).tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){Va||(Va=!0,Ja=r),la(0,t)},n}function da(e,t,n){(n=ui(-1,n)).tag=3;var r=e.type.getDerivedStateFromError;if("function"==typeof r){var o=t.value;n.payload=function(){return la(0,t),r(o)}}var i=e.stateNode;return null!==i&&"function"==typeof i.componentDidCatch&&(n.callback=function(){"function"!=typeof r&&(null===Xa?Xa=new Set([this]):Xa.add(this),la(0,t));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}var pa="function"==typeof WeakSet?WeakSet:Set;function Aa(e){var t=e.ref;if(null!==t)if("function"==typeof t)try{t(null)}catch(t){Yl(e,t)}else t.current=null}function Ma(e,t){switch(t.tag){case 0:case 11:case 15:case 22:case 5:case 6:case 4:case 17:return;case 1:if(256&t.flags&&null!==e){var n=e.memoizedProps,r=e.memoizedState;t=(e=t.stateNode).getSnapshotBeforeUpdate(t.elementType===t.type?n:qo(t.type,n),r),e.__reactInternalSnapshotBeforeUpdate=t}return;case 3:return void(256&t.flags&&Qr(t.stateNode.containerInfo))}throw Error(s(163))}function ga(e,t,n){switch(n.tag){case 0:case 11:case 15:case 22:if(null!==(t=null!==(t=n.updateQueue)?t.lastEffect:null)){e=t=t.next;do{if(!(3&~e.tag)){var r=e.create;e.destroy=r()}e=e.next}while(e!==t)}if(null!==(t=null!==(t=n.updateQueue)?t.lastEffect:null)){e=t=t.next;do{var o=e;r=o.next,4&(o=o.tag)&&1&o&&(kl(n,e),Tl(n,e)),e=r}while(e!==t)}return;case 1:return e=n.stateNode,4&n.flags&&(null===t?e.componentDidMount():(r=n.elementType===n.type?t.memoizedProps:qo(n.type,t.memoizedProps),e.componentDidUpdate(r,t.memoizedState,e.__reactInternalSnapshotBeforeUpdate))),void(null!==(t=n.updateQueue)&&Mi(n,t,e));case 3:if(null!==(t=n.updateQueue)){if(e=null,null!==n.child)switch(n.child.tag){case 5:case 1:e=n.child.stateNode}Mi(n,t,e)}return;case 5:return e=n.stateNode,void(null===t&&4&n.flags&&Zr(n.type,n.memoizedProps)&&e.focus());case 6:case 4:case 12:case 19:case 17:case 20:case 21:case 23:case 24:return;case 13:return void(null===n.memoizedState&&(n=n.alternate,null!==n&&(n=n.memoizedState,null!==n&&(n=n.dehydrated,null!==n&&bt(n)))))}throw Error(s(163))}function La(e,t){for(var n=e;;){if(5===n.tag){var r=n.stateNode;if(t)"function"==typeof(r=r.style).setProperty?r.setProperty("display","none","important"):r.display="none";else{r=n.stateNode;var o=n.memoizedProps.style;o=null!=o&&o.hasOwnProperty("display")?o.display:null,r.style.display=me("display",o)}}else if(6===n.tag)n.stateNode.nodeValue=t?"":n.memoizedProps;else if((23!==n.tag&&24!==n.tag||null===n.memoizedState||n===e)&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===e)break;for(;null===n.sibling;){if(null===n.return||n.return===e)return;n=n.return}n.sibling.return=n.return,n=n.sibling}}function Ca(e,t){if(yo&&"function"==typeof yo.onCommitFiberUnmount)try{yo.onCommitFiberUnmount(fo,t)}catch(e){}switch(t.tag){case 0:case 11:case 14:case 15:case 22:if(null!==(e=t.updateQueue)&&null!==(e=e.lastEffect)){var n=e=e.next;do{var r=n,o=r.destroy;if(r=r.tag,void 0!==o)if(4&r)kl(t,n);else{r=t;try{o()}catch(e){Yl(r,e)}}n=n.next}while(n!==e)}break;case 1:if(Aa(t),"function"==typeof(e=t.stateNode).componentWillUnmount)try{e.props=t.memoizedProps,e.state=t.memoizedState,e.componentWillUnmount()}catch(e){Yl(t,e)}break;case 5:Aa(t);break;case 4:fa(e,t)}}function ha(e){e.alternate=null,e.child=null,e.dependencies=null,e.firstEffect=null,e.lastEffect=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.return=null,e.updateQueue=null}function wa(e){return 5===e.tag||3===e.tag||4===e.tag}function ma(e){e:{for(var t=e.return;null!==t;){if(wa(t))break e;t=t.return}throw Error(s(160))}var n=t;switch(t=n.stateNode,n.tag){case 5:var r=!1;break;case 3:case 4:t=t.containerInfo,r=!0;break;default:throw Error(s(161))}16&n.flags&&(Ce(t,""),n.flags&=-17);e:t:for(n=e;;){for(;null===n.sibling;){if(null===n.return||wa(n.return)){n=null;break e}n=n.return}for(n.sibling.return=n.return,n=n.sibling;5!==n.tag&&6!==n.tag&&18!==n.tag;){if(2&n.flags)continue t;if(null===n.child||4===n.tag)continue t;n.child.return=n,n=n.child}if(!(2&n.flags)){n=n.stateNode;break e}}r?ba(e,n,t):ja(e,n,t)}function ba(e,t,n){var r=e.tag,o=5===r||6===r;if(o)e=o?e.stateNode:e.stateNode.instance,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!=(n=n._reactRootContainer)||null!==t.onclick||(t.onclick=Rr));else if(4!==r&&null!==(e=e.child))for(ba(e,t,n),e=e.sibling;null!==e;)ba(e,t,n),e=e.sibling}function ja(e,t,n){var r=e.tag,o=5===r||6===r;if(o)e=o?e.stateNode:e.stateNode.instance,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==r&&null!==(e=e.child))for(ja(e,t,n),e=e.sibling;null!==e;)ja(e,t,n),e=e.sibling}function fa(e,t){for(var n,r,o=t,i=!1;;){if(!i){i=o.return;e:for(;;){if(null===i)throw Error(s(160));switch(n=i.stateNode,i.tag){case 5:r=!1;break e;case 3:case 4:n=n.containerInfo,r=!0;break e}i=i.return}i=!0}if(5===o.tag||6===o.tag){e:for(var a=e,l=o,c=l;;)if(Ca(a,c),null!==c.child&&4!==c.tag)c.child.return=c,c=c.child;else{if(c===l)break e;for(;null===c.sibling;){if(null===c.return||c.return===l)break e;c=c.return}c.sibling.return=c.return,c=c.sibling}r?(a=n,l=o.stateNode,8===a.nodeType?a.parentNode.removeChild(l):a.removeChild(l)):n.removeChild(o.stateNode)}else if(4===o.tag){if(null!==o.child){n=o.stateNode.containerInfo,r=!0,o.child.return=o,o=o.child;continue}}else if(Ca(e,o),null!==o.child){o.child.return=o,o=o.child;continue}if(o===t)break;for(;null===o.sibling;){if(null===o.return||o.return===t)return;4===(o=o.return).tag&&(i=!1)}o.sibling.return=o.return,o=o.sibling}}function ya(e,t){switch(t.tag){case 0:case 11:case 14:case 15:case 22:var n=t.updateQueue;if(null!==(n=null!==n?n.lastEffect:null)){var r=n=n.next;do{!(3&~r.tag)&&(e=r.destroy,r.destroy=void 0,void 0!==e&&e()),r=r.next}while(r!==n)}return;case 1:case 12:case 17:return;case 5:if(null!=(n=t.stateNode)){r=t.memoizedProps;var o=null!==e?e.memoizedProps:r;e=t.type;var i=t.updateQueue;if(t.updateQueue=null,null!==i){for(n[Kr]=r,"input"===e&&"radio"===r.type&&null!=r.name&&te(n,r),ye(e,o),t=ye(e,r),o=0;o<i.length;o+=2){var a=i[o],l=i[o+1];"style"===a?be(n,l):"dangerouslySetInnerHTML"===a?Le(n,l):"children"===a?Ce(n,l):m(n,a,l,t)}switch(e){case"input":ne(n,r);break;case"textarea":ce(n,r);break;case"select":e=n._wrapperState.wasMultiple,n._wrapperState.wasMultiple=!!r.multiple,null!=(i=r.value)?se(n,!!r.multiple,i,!1):e!==!!r.multiple&&(null!=r.defaultValue?se(n,!!r.multiple,r.defaultValue,!0):se(n,!!r.multiple,r.multiple?[]:"",!1))}}}return;case 6:if(null===t.stateNode)throw Error(s(162));return void(t.stateNode.nodeValue=t.memoizedProps);case 3:return void((n=t.stateNode).hydrate&&(n.hydrate=!1,bt(n.containerInfo)));case 13:return null!==t.memoizedState&&(_a=_o(),La(t.child,!0)),void xa(t);case 19:return void xa(t);case 23:case 24:return void La(t,null!==t.memoizedState)}throw Error(s(163))}function xa(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new pa),t.forEach((function(t){var r=Bl.bind(null,e,t);n.has(t)||(n.add(t),t.then(r,r))}))}}function Na(e,t){return null!==e&&(null===(e=e.memoizedState)||null!==e.dehydrated)&&null!==(t=t.memoizedState)&&null===t.dehydrated}var Sa=Math.ceil,va=b.ReactCurrentDispatcher,Da=b.ReactCurrentOwner,Ia=0,Ea=null,Ta=null,ka=0,za=0,Oa=lo(0),Ya=0,Pa=null,Ba=0,Ra=0,Ua=0,Ga=0,Za=null,_a=0,Wa=1/0;function Ha(){Wa=_o()+500}var Qa,Fa=null,Va=!1,Ja=null,Xa=null,qa=!1,Ka=null,$a=90,el=[],tl=[],nl=null,rl=0,ol=null,il=-1,sl=0,al=0,ll=null,cl=!1;function ul(){return 48&Ia?_o():-1!==il?il:il=_o()}function dl(e){if(!(2&(e=e.mode)))return 1;if(!(4&e))return 99===Wo()?1:2;if(0===sl&&(sl=Ba),0!==Xo.transition){0!==al&&(al=null!==Za?Za.pendingLanes:0),e=sl;var t=4186112&~al;return 0==(t&=-t)&&0==(t=(e=4186112&~e)&-e)&&(t=8192),t}return e=Wo(),e=Rt(4&Ia&&98===e?12:e=function(e){switch(e){case 99:return 15;case 98:return 10;case 97:case 96:return 8;case 95:return 2;default:return 0}}(e),sl)}function pl(e,t,n){if(50<rl)throw rl=0,ol=null,Error(s(185));if(null===(e=Al(e,t)))return null;Zt(e,t,n),e===Ea&&(Ua|=t,4===Ya&&Ll(e,ka));var r=Wo();1===t?8&Ia&&!(48&Ia)?Cl(e):(Ml(e,n),0===Ia&&(Ha(),Vo())):(!(4&Ia)||98!==r&&99!==r||(null===nl?nl=new Set([e]):nl.add(e)),Ml(e,n)),Za=e}function Al(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}function Ml(e,t){for(var n=e.callbackNode,r=e.suspendedLanes,o=e.pingedLanes,i=e.expirationTimes,a=e.pendingLanes;0<a;){var l=31-_t(a),c=1<<l,u=i[l];if(-1===u){if(!(c&r)||c&o){u=t,Yt(c);var d=Ot;i[l]=10<=d?u+250:6<=d?u+5e3:-1}}else u<=t&&(e.expiredLanes|=c);a&=~c}if(r=Pt(e,e===Ea?ka:0),t=Ot,0===r)null!==n&&(n!==Po&&So(n),e.callbackNode=null,e.callbackPriority=0);else{if(null!==n){if(e.callbackPriority===t)return;n!==Po&&So(n)}15===t?(n=Cl.bind(null,e),null===Ro?(Ro=[n],Uo=No(To,Jo)):Ro.push(n),n=Po):14===t?n=Fo(99,Cl.bind(null,e)):(n=function(e){switch(e){case 15:case 14:return 99;case 13:case 12:case 11:case 10:return 98;case 9:case 8:case 7:case 6:case 4:case 5:return 97;case 3:case 2:case 1:return 95;case 0:return 90;default:throw Error(s(358,e))}}(t),n=Fo(n,gl.bind(null,e))),e.callbackPriority=t,e.callbackNode=n}}function gl(e){if(il=-1,al=sl=0,48&Ia)throw Error(s(327));var t=e.callbackNode;if(El()&&e.callbackNode!==t)return null;var n=Pt(e,e===Ea?ka:0);if(0===n)return null;var r=n,o=Ia;Ia|=16;var i=jl();for(Ea===e&&ka===r||(Ha(),ml(e,r));;)try{xl();break}catch(t){bl(e,t)}if(ni(),va.current=i,Ia=o,null!==Ta?r=0:(Ea=null,ka=0,r=Ya),Ba&Ua)ml(e,0);else if(0!==r){if(2===r&&(Ia|=64,e.hydrate&&(e.hydrate=!1,Qr(e.containerInfo)),0!==(n=Bt(e))&&(r=fl(e,n))),1===r)throw t=Pa,ml(e,0),Ll(e,n),Ml(e,_o()),t;switch(e.finishedWork=e.current.alternate,e.finishedLanes=n,r){case 0:case 1:throw Error(s(345));case 2:case 5:vl(e);break;case 3:if(Ll(e,n),(62914560&n)===n&&10<(r=_a+500-_o())){if(0!==Pt(e,0))break;if(((o=e.suspendedLanes)&n)!==n){ul(),e.pingedLanes|=e.suspendedLanes&o;break}e.timeoutHandle=Wr(vl.bind(null,e),r);break}vl(e);break;case 4:if(Ll(e,n),(4186112&n)===n)break;for(r=e.eventTimes,o=-1;0<n;){var a=31-_t(n);i=1<<a,(a=r[a])>o&&(o=a),n&=~i}if(n=o,10<(n=(120>(n=_o()-n)?120:480>n?480:1080>n?1080:1920>n?1920:3e3>n?3e3:4320>n?4320:1960*Sa(n/1960))-n)){e.timeoutHandle=Wr(vl.bind(null,e),n);break}vl(e);break;default:throw Error(s(329))}}return Ml(e,_o()),e.callbackNode===t?gl.bind(null,e):null}function Ll(e,t){for(t&=~Ga,t&=~Ua,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-_t(t),r=1<<n;e[n]=-1,t&=~r}}function Cl(e){if(48&Ia)throw Error(s(327));if(El(),e===Ea&&e.expiredLanes&ka){var t=ka,n=fl(e,t);Ba&Ua&&(n=fl(e,t=Pt(e,t)))}else n=fl(e,t=Pt(e,0));if(0!==e.tag&&2===n&&(Ia|=64,e.hydrate&&(e.hydrate=!1,Qr(e.containerInfo)),0!==(t=Bt(e))&&(n=fl(e,t))),1===n)throw n=Pa,ml(e,0),Ll(e,t),Ml(e,_o()),n;return e.finishedWork=e.current.alternate,e.finishedLanes=t,vl(e),Ml(e,_o()),null}function hl(e,t){uo(Oa,za),za|=t,Ba|=t}function wl(){za=Oa.current,co(Oa)}function ml(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,Hr(n)),null!==Ta)for(n=Ta.return;null!==n;){var r=n;switch(r.tag){case 1:null!=(r=r.type.childContextTypes)&&ho();break;case 3:zi(),co(Mo),co(Ao),Ji();break;case 5:Yi(r);break;case 4:zi();break;case 13:case 19:co(Pi);break;case 10:ri(r);break;case 23:case 24:wl()}n=n.return}Ea=e,Ta=Zl(e.current,null),ka=za=Ba=t,Ya=0,Pa=null,Ga=Ua=Ra=0}function bl(e,t){for(;;){var n=Ta;try{if(ni(),Xi.current=Es,ns){for(var r=$i.memoizedState;null!==r;){var o=r.queue;null!==o&&(o.pending=null),r=r.next}ns=!1}if(Ki=0,ts=es=$i=null,rs=!1,Da.current=null,null===n||null===n.return){Ya=1,Pa=t,Ta=null;break}e:{var i=e,s=n.return,a=n,l=t;if(t=ka,a.flags|=2048,a.firstEffect=a.lastEffect=null,null!==l&&"object"==typeof l&&"function"==typeof l.then){var c=l;if(!(2&a.mode)){var u=a.alternate;u?(a.updateQueue=u.updateQueue,a.memoizedState=u.memoizedState,a.lanes=u.lanes):(a.updateQueue=null,a.memoizedState=null)}var d=!!(1&Pi.current),p=s;do{var A;if(A=13===p.tag){var M=p.memoizedState;if(null!==M)A=null!==M.dehydrated;else{var g=p.memoizedProps;A=void 0!==g.fallback&&(!0!==g.unstable_avoidThisFallback||!d)}}if(A){var L=p.updateQueue;if(null===L){var C=new Set;C.add(c),p.updateQueue=C}else L.add(c);if(!(2&p.mode)){if(p.flags|=64,a.flags|=16384,a.flags&=-2981,1===a.tag)if(null===a.alternate)a.tag=17;else{var h=ui(-1,1);h.tag=2,di(a,h)}a.lanes|=1;break e}l=void 0,a=t;var w=i.pingCache;if(null===w?(w=i.pingCache=new ca,l=new Set,w.set(c,l)):void 0===(l=w.get(c))&&(l=new Set,w.set(c,l)),!l.has(a)){l.add(a);var m=Pl.bind(null,i,c,a);c.then(m,m)}p.flags|=4096,p.lanes=t;break e}p=p.return}while(null!==p);l=Error((F(a.type)||"A React component")+" suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display.")}5!==Ya&&(Ya=2),l=aa(l,a),p=s;do{switch(p.tag){case 3:i=l,p.flags|=4096,t&=-t,p.lanes|=t,pi(p,ua(0,i,t));break e;case 1:i=l;var b=p.type,j=p.stateNode;if(!(64&p.flags||"function"!=typeof b.getDerivedStateFromError&&(null===j||"function"!=typeof j.componentDidCatch||null!==Xa&&Xa.has(j)))){p.flags|=4096,t&=-t,p.lanes|=t,pi(p,da(p,i,t));break e}}p=p.return}while(null!==p)}Sl(n)}catch(e){t=e,Ta===n&&null!==n&&(Ta=n=n.return);continue}break}}function jl(){var e=va.current;return va.current=Es,null===e?Es:e}function fl(e,t){var n=Ia;Ia|=16;var r=jl();for(Ea===e&&ka===t||ml(e,t);;)try{yl();break}catch(t){bl(e,t)}if(ni(),Ia=n,va.current=r,null!==Ta)throw Error(s(261));return Ea=null,ka=0,Ya}function yl(){for(;null!==Ta;)Nl(Ta)}function xl(){for(;null!==Ta&&!vo();)Nl(Ta)}function Nl(e){var t=Qa(e.alternate,e,za);e.memoizedProps=e.pendingProps,null===t?Sl(e):Ta=t,Da.current=null}function Sl(e){var t=e;do{var n=t.alternate;if(e=t.return,2048&t.flags){if(null!==(n=sa(t)))return n.flags&=2047,void(Ta=n);null!==e&&(e.firstEffect=e.lastEffect=null,e.flags|=2048)}else{if(null!==(n=ia(n,t,za)))return void(Ta=n);if(24!==(n=t).tag&&23!==n.tag||null===n.memoizedState||1073741824&za||!(4&n.mode)){for(var r=0,o=n.child;null!==o;)r|=o.lanes|o.childLanes,o=o.sibling;n.childLanes=r}null!==e&&!(2048&e.flags)&&(null===e.firstEffect&&(e.firstEffect=t.firstEffect),null!==t.lastEffect&&(null!==e.lastEffect&&(e.lastEffect.nextEffect=t.firstEffect),e.lastEffect=t.lastEffect),1<t.flags&&(null!==e.lastEffect?e.lastEffect.nextEffect=t:e.firstEffect=t,e.lastEffect=t))}if(null!==(t=t.sibling))return void(Ta=t);Ta=t=e}while(null!==t);0===Ya&&(Ya=5)}function vl(e){var t=Wo();return Qo(99,Dl.bind(null,e,t)),null}function Dl(e,t){do{El()}while(null!==Ka);if(48&Ia)throw Error(s(327));var n=e.finishedWork;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(s(177));e.callbackNode=null;var r=n.lanes|n.childLanes,o=r,i=e.pendingLanes&~o;e.pendingLanes=o,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=o,e.mutableReadLanes&=o,e.entangledLanes&=o,o=e.entanglements;for(var a=e.eventTimes,l=e.expirationTimes;0<i;){var c=31-_t(i),u=1<<c;o[c]=0,a[c]=-1,l[c]=-1,i&=~u}if(null!==nl&&!(24&r)&&nl.has(e)&&nl.delete(e),e===Ea&&(Ta=Ea=null,ka=0),1<n.flags?null!==n.lastEffect?(n.lastEffect.nextEffect=n,r=n.firstEffect):r=n:r=n.firstEffect,null!==r){if(o=Ia,Ia|=32,Da.current=null,Ur=Vt,Lr(a=gr())){if("selectionStart"in a)l={start:a.selectionStart,end:a.selectionEnd};else e:if(l=(l=a.ownerDocument)&&l.defaultView||window,(u=l.getSelection&&l.getSelection())&&0!==u.rangeCount){l=u.anchorNode,i=u.anchorOffset,c=u.focusNode,u=u.focusOffset;try{l.nodeType,c.nodeType}catch(e){l=null;break e}var d=0,p=-1,A=-1,M=0,g=0,L=a,C=null;t:for(;;){for(var h;L!==l||0!==i&&3!==L.nodeType||(p=d+i),L!==c||0!==u&&3!==L.nodeType||(A=d+u),3===L.nodeType&&(d+=L.nodeValue.length),null!==(h=L.firstChild);)C=L,L=h;for(;;){if(L===a)break t;if(C===l&&++M===i&&(p=d),C===c&&++g===u&&(A=d),null!==(h=L.nextSibling))break;C=(L=C).parentNode}L=h}l=-1===p||-1===A?null:{start:p,end:A}}else l=null;l=l||{start:0,end:0}}else l=null;Gr={focusedElem:a,selectionRange:l},Vt=!1,ll=null,cl=!1,Fa=r;do{try{Il()}catch(e){if(null===Fa)throw Error(s(330));Yl(Fa,e),Fa=Fa.nextEffect}}while(null!==Fa);ll=null,Fa=r;do{try{for(a=e;null!==Fa;){var w=Fa.flags;if(16&w&&Ce(Fa.stateNode,""),128&w){var m=Fa.alternate;if(null!==m){var b=m.ref;null!==b&&("function"==typeof b?b(null):b.current=null)}}switch(1038&w){case 2:ma(Fa),Fa.flags&=-3;break;case 6:ma(Fa),Fa.flags&=-3,ya(Fa.alternate,Fa);break;case 1024:Fa.flags&=-1025;break;case 1028:Fa.flags&=-1025,ya(Fa.alternate,Fa);break;case 4:ya(Fa.alternate,Fa);break;case 8:fa(a,l=Fa);var j=l.alternate;ha(l),null!==j&&ha(j)}Fa=Fa.nextEffect}}catch(e){if(null===Fa)throw Error(s(330));Yl(Fa,e),Fa=Fa.nextEffect}}while(null!==Fa);if(b=Gr,m=gr(),w=b.focusedElem,a=b.selectionRange,m!==w&&w&&w.ownerDocument&&Mr(w.ownerDocument.documentElement,w)){null!==a&&Lr(w)&&(m=a.start,void 0===(b=a.end)&&(b=m),"selectionStart"in w?(w.selectionStart=m,w.selectionEnd=Math.min(b,w.value.length)):(b=(m=w.ownerDocument||document)&&m.defaultView||window).getSelection&&(b=b.getSelection(),l=w.textContent.length,j=Math.min(a.start,l),a=void 0===a.end?j:Math.min(a.end,l),!b.extend&&j>a&&(l=a,a=j,j=l),l=Ar(w,j),i=Ar(w,a),l&&i&&(1!==b.rangeCount||b.anchorNode!==l.node||b.anchorOffset!==l.offset||b.focusNode!==i.node||b.focusOffset!==i.offset)&&((m=m.createRange()).setStart(l.node,l.offset),b.removeAllRanges(),j>a?(b.addRange(m),b.extend(i.node,i.offset)):(m.setEnd(i.node,i.offset),b.addRange(m))))),m=[];for(b=w;b=b.parentNode;)1===b.nodeType&&m.push({element:b,left:b.scrollLeft,top:b.scrollTop});for("function"==typeof w.focus&&w.focus(),w=0;w<m.length;w++)(b=m[w]).element.scrollLeft=b.left,b.element.scrollTop=b.top}Vt=!!Ur,Gr=Ur=null,e.current=n,Fa=r;do{try{for(w=e;null!==Fa;){var f=Fa.flags;if(36&f&&ga(w,Fa.alternate,Fa),128&f){m=void 0;var y=Fa.ref;if(null!==y){var x=Fa.stateNode;Fa.tag,m=x,"function"==typeof y?y(m):y.current=m}}Fa=Fa.nextEffect}}catch(e){if(null===Fa)throw Error(s(330));Yl(Fa,e),Fa=Fa.nextEffect}}while(null!==Fa);Fa=null,Bo(),Ia=o}else e.current=n;if(qa)qa=!1,Ka=e,$a=t;else for(Fa=r;null!==Fa;)t=Fa.nextEffect,Fa.nextEffect=null,8&Fa.flags&&((f=Fa).sibling=null,f.stateNode=null),Fa=t;if(0===(r=e.pendingLanes)&&(Xa=null),1===r?e===ol?rl++:(rl=0,ol=e):rl=0,n=n.stateNode,yo&&"function"==typeof yo.onCommitFiberRoot)try{yo.onCommitFiberRoot(fo,n,void 0,!(64&~n.current.flags))}catch(e){}if(Ml(e,_o()),Va)throw Va=!1,e=Ja,Ja=null,e;return 8&Ia||Vo(),null}function Il(){for(;null!==Fa;){var e=Fa.alternate;cl||null===ll||(8&Fa.flags?$e(Fa,ll)&&(cl=!0):13===Fa.tag&&Na(e,Fa)&&$e(Fa,ll)&&(cl=!0));var t=Fa.flags;256&t&&Ma(e,Fa),!(512&t)||qa||(qa=!0,Fo(97,(function(){return El(),null}))),Fa=Fa.nextEffect}}function El(){if(90!==$a){var e=97<$a?97:$a;return $a=90,Qo(e,zl)}return!1}function Tl(e,t){el.push(t,e),qa||(qa=!0,Fo(97,(function(){return El(),null})))}function kl(e,t){tl.push(t,e),qa||(qa=!0,Fo(97,(function(){return El(),null})))}function zl(){if(null===Ka)return!1;var e=Ka;if(Ka=null,48&Ia)throw Error(s(331));var t=Ia;Ia|=32;var n=tl;tl=[];for(var r=0;r<n.length;r+=2){var o=n[r],i=n[r+1],a=o.destroy;if(o.destroy=void 0,"function"==typeof a)try{a()}catch(e){if(null===i)throw Error(s(330));Yl(i,e)}}for(n=el,el=[],r=0;r<n.length;r+=2){o=n[r],i=n[r+1];try{var l=o.create;o.destroy=l()}catch(e){if(null===i)throw Error(s(330));Yl(i,e)}}for(l=e.current.firstEffect;null!==l;)e=l.nextEffect,l.nextEffect=null,8&l.flags&&(l.sibling=null,l.stateNode=null),l=e;return Ia=t,Vo(),!0}function Ol(e,t,n){di(e,t=ua(0,t=aa(n,t),1)),t=ul(),null!==(e=Al(e,1))&&(Zt(e,1,t),Ml(e,t))}function Yl(e,t){if(3===e.tag)Ol(e,e,t);else for(var n=e.return;null!==n;){if(3===n.tag){Ol(n,e,t);break}if(1===n.tag){var r=n.stateNode;if("function"==typeof n.type.getDerivedStateFromError||"function"==typeof r.componentDidCatch&&(null===Xa||!Xa.has(r))){var o=da(n,e=aa(t,e),1);if(di(n,o),o=ul(),null!==(n=Al(n,1)))Zt(n,1,o),Ml(n,o);else if("function"==typeof r.componentDidCatch&&(null===Xa||!Xa.has(r)))try{r.componentDidCatch(t,e)}catch(e){}break}}n=n.return}}function Pl(e,t,n){var r=e.pingCache;null!==r&&r.delete(t),t=ul(),e.pingedLanes|=e.suspendedLanes&n,Ea===e&&(ka&n)===n&&(4===Ya||3===Ya&&(62914560&ka)===ka&&500>_o()-_a?ml(e,0):Ga|=n),Ml(e,t)}function Bl(e,t){var n=e.stateNode;null!==n&&n.delete(t),0==(t=0)&&(2&(t=e.mode)?4&t?(0===sl&&(sl=Ba),0===(t=Ut(62914560&~sl))&&(t=4194304)):t=99===Wo()?1:2:t=1),n=ul(),null!==(e=Al(e,t))&&(Zt(e,t,n),Ml(e,n))}function Rl(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.flags=0,this.lastEffect=this.firstEffect=this.nextEffect=null,this.childLanes=this.lanes=0,this.alternate=null}function Ul(e,t,n,r){return new Rl(e,t,n,r)}function Gl(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Zl(e,t){var n=e.alternate;return null===n?((n=Ul(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.nextEffect=null,n.firstEffect=null,n.lastEffect=null),n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function _l(e,t,n,r,o,i){var a=2;if(r=e,"function"==typeof e)Gl(e)&&(a=1);else if("string"==typeof e)a=5;else e:switch(e){case y:return Wl(n.children,o,i,t);case Y:a=8,o|=16;break;case x:a=8,o|=1;break;case N:return(e=Ul(12,n,t,8|o)).elementType=N,e.type=N,e.lanes=i,e;case I:return(e=Ul(13,n,t,o)).type=I,e.elementType=I,e.lanes=i,e;case E:return(e=Ul(19,n,t,o)).elementType=E,e.lanes=i,e;case P:return Hl(n,o,i,t);case B:return(e=Ul(24,n,t,o)).elementType=B,e.lanes=i,e;default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case S:a=10;break e;case v:a=9;break e;case D:a=11;break e;case T:a=14;break e;case k:a=16,r=null;break e;case z:a=22;break e}throw Error(s(130,null==e?e:typeof e,""))}return(t=Ul(a,n,t,o)).elementType=e,t.type=r,t.lanes=i,t}function Wl(e,t,n,r){return(e=Ul(7,e,r,t)).lanes=n,e}function Hl(e,t,n,r){return(e=Ul(23,e,r,t)).elementType=P,e.lanes=n,e}function Ql(e,t,n){return(e=Ul(6,e,null,t)).lanes=n,e}function Fl(e,t,n){return(t=Ul(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Vl(e,t,n){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.pendingContext=this.context=null,this.hydrate=n,this.callbackNode=null,this.callbackPriority=0,this.eventTimes=Gt(0),this.expirationTimes=Gt(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Gt(0),this.mutableSourceEagerHydrationData=null}function Jl(e,t,n,r){var o=t.current,i=ul(),a=dl(o);e:if(n){t:{if(Je(n=n._reactInternals)!==n||1!==n.tag)throw Error(s(170));var l=n;do{switch(l.tag){case 3:l=l.stateNode.context;break t;case 1:if(Co(l.type)){l=l.stateNode.__reactInternalMemoizedMergedChildContext;break t}}l=l.return}while(null!==l);throw Error(s(171))}if(1===n.tag){var c=n.type;if(Co(c)){n=mo(n,c,l);break e}}n=l}else n=po;return null===t.context?t.context=n:t.pendingContext=n,(t=ui(i,a)).payload={element:e},null!==(r=void 0===r?null:r)&&(t.callback=r),di(o,t),pl(o,a,i),a}function Xl(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function ql(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function Kl(e,t){ql(e,t),(e=e.alternate)&&ql(e,t)}function $l(e,t,n){var r=null!=n&&null!=n.hydrationOptions&&n.hydrationOptions.mutableSources||null;if(n=new Vl(e,t,null!=n&&!0===n.hydrate),t=Ul(3,null,null,2===t?7:1===t?3:0),n.current=t,t.stateNode=n,li(t),e[$r]=n.current,Er(8===e.nodeType?e.parentNode:e),r)for(e=0;e<r.length;e++){var o=(t=r[e])._getVersion;o=o(t._source),null==n.mutableSourceEagerHydrationData?n.mutableSourceEagerHydrationData=[t,o]:n.mutableSourceEagerHydrationData.push(t,o)}this._internalRoot=n}function ec(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function tc(e,t,n,r,o){var i=n._reactRootContainer;if(i){var s=i._internalRoot;if("function"==typeof o){var a=o;o=function(){var e=Xl(s);a.call(e)}}Jl(t,s,e,o)}else{if(i=n._reactRootContainer=function(e,t){if(t||(t=!(!(t=e?9===e.nodeType?e.documentElement:e.firstChild:null)||1!==t.nodeType||!t.hasAttribute("data-reactroot"))),!t)for(var n;n=e.lastChild;)e.removeChild(n);return new $l(e,0,t?{hydrate:!0}:void 0)}(n,r),s=i._internalRoot,"function"==typeof o){var l=o;o=function(){var e=Xl(s);l.call(e)}}!function(e,t){var n=Ia;Ia&=-2,Ia|=8;try{return e(t)}finally{0===(Ia=n)&&(Ha(),Vo())}}((function(){Jl(t,s,e,o)}))}return Xl(s)}Qa=function(e,t,n){var r=t.lanes;if(null!==e)if(e.memoizedProps!==t.pendingProps||Mo.current)Ys=!0;else{if(!(n&r)){switch(Ys=!1,t.tag){case 3:Qs(t),Fi();break;case 5:Oi(t);break;case 1:Co(t.type)&&bo(t);break;case 4:ki(t,t.stateNode.containerInfo);break;case 10:r=t.memoizedProps.value;var o=t.type._context;uo(Ko,o._currentValue),o._currentValue=r;break;case 13:if(null!==t.memoizedState)return n&t.child.childLanes?Ks(e,t,n):(uo(Pi,1&Pi.current),null!==(t=ra(e,t,n))?t.sibling:null);uo(Pi,1&Pi.current);break;case 19:if(r=!!(n&t.childLanes),64&e.flags){if(r)return na(e,t,n);t.flags|=64}if(null!==(o=t.memoizedState)&&(o.rendering=null,o.tail=null,o.lastEffect=null),uo(Pi,Pi.current),r)break;return null;case 23:case 24:return t.lanes=0,Gs(e,t,n)}return ra(e,t,n)}Ys=!!(16384&e.flags)}else Ys=!1;switch(t.lanes=0,t.tag){case 2:if(r=t.type,null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),e=t.pendingProps,o=Lo(t,Ao.current),ii(t,n),o=ss(null,t,r,e,o,n),t.flags|=1,"object"==typeof o&&null!==o&&"function"==typeof o.render&&void 0===o.$$typeof){if(t.tag=1,t.memoizedState=null,t.updateQueue=null,Co(r)){var i=!0;bo(t)}else i=!1;t.memoizedState=null!==o.state&&void 0!==o.state?o.state:null,li(t);var a=r.getDerivedStateFromProps;"function"==typeof a&&Li(t,r,a,e),o.updater=Ci,t.stateNode=o,o._reactInternals=t,bi(t,r,e,n),t=Hs(null,t,r,!0,i,n)}else t.tag=0,Ps(null,t,o,n),t=t.child;return t;case 16:o=t.elementType;e:{switch(null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),e=t.pendingProps,o=(i=o._init)(o._payload),t.type=o,i=t.tag=function(e){if("function"==typeof e)return Gl(e)?1:0;if(null!=e){if((e=e.$$typeof)===D)return 11;if(e===T)return 14}return 2}(o),e=qo(o,e),i){case 0:t=_s(null,t,o,e,n);break e;case 1:t=Ws(null,t,o,e,n);break e;case 11:t=Bs(null,t,o,e,n);break e;case 14:t=Rs(null,t,o,qo(o.type,e),r,n);break e}throw Error(s(306,o,""))}return t;case 0:return r=t.type,o=t.pendingProps,_s(e,t,r,o=t.elementType===r?o:qo(r,o),n);case 1:return r=t.type,o=t.pendingProps,Ws(e,t,r,o=t.elementType===r?o:qo(r,o),n);case 3:if(Qs(t),r=t.updateQueue,null===e||null===r)throw Error(s(282));if(r=t.pendingProps,o=null!==(o=t.memoizedState)?o.element:null,ci(e,t),Ai(t,r,null,n),(r=t.memoizedState.element)===o)Fi(),t=ra(e,t,n);else{if((i=(o=t.stateNode).hydrate)&&(Ui=Fr(t.stateNode.containerInfo.firstChild),Ri=t,i=Gi=!0),i){if(null!=(e=o.mutableSourceEagerHydrationData))for(o=0;o<e.length;o+=2)(i=e[o])._workInProgressVersionPrimary=e[o+1],Vi.push(i);for(n=Si(t,null,r,n),t.child=n;n;)n.flags=-3&n.flags|1024,n=n.sibling}else Ps(e,t,r,n),Fi();t=t.child}return t;case 5:return Oi(t),null===e&&Wi(t),r=t.type,o=t.pendingProps,i=null!==e?e.memoizedProps:null,a=o.children,_r(r,o)?a=null:null!==i&&_r(r,i)&&(t.flags|=16),Zs(e,t),Ps(e,t,a,n),t.child;case 6:return null===e&&Wi(t),null;case 13:return Ks(e,t,n);case 4:return ki(t,t.stateNode.containerInfo),r=t.pendingProps,null===e?t.child=Ni(t,null,r,n):Ps(e,t,r,n),t.child;case 11:return r=t.type,o=t.pendingProps,Bs(e,t,r,o=t.elementType===r?o:qo(r,o),n);case 7:return Ps(e,t,t.pendingProps,n),t.child;case 8:case 12:return Ps(e,t,t.pendingProps.children,n),t.child;case 10:e:{r=t.type._context,o=t.pendingProps,a=t.memoizedProps,i=o.value;var l=t.type._context;if(uo(Ko,l._currentValue),l._currentValue=i,null!==a)if(l=a.value,0==(i=cr(l,i)?0:0|("function"==typeof r._calculateChangedBits?r._calculateChangedBits(l,i):1073741823))){if(a.children===o.children&&!Mo.current){t=ra(e,t,n);break e}}else for(null!==(l=t.child)&&(l.return=t);null!==l;){var c=l.dependencies;if(null!==c){a=l.child;for(var u=c.firstContext;null!==u;){if(u.context===r&&u.observedBits&i){1===l.tag&&((u=ui(-1,n&-n)).tag=2,di(l,u)),l.lanes|=n,null!==(u=l.alternate)&&(u.lanes|=n),oi(l.return,n),c.lanes|=n;break}u=u.next}}else a=10===l.tag&&l.type===t.type?null:l.child;if(null!==a)a.return=l;else for(a=l;null!==a;){if(a===t){a=null;break}if(null!==(l=a.sibling)){l.return=a.return,a=l;break}a=a.return}l=a}Ps(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,r=(i=t.pendingProps).children,ii(t,n),r=r(o=si(o,i.unstable_observedBits)),t.flags|=1,Ps(e,t,r,n),t.child;case 14:return i=qo(o=t.type,t.pendingProps),Rs(e,t,o,i=qo(o.type,i),r,n);case 15:return Us(e,t,t.type,t.pendingProps,r,n);case 17:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:qo(r,o),null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),t.tag=1,Co(r)?(e=!0,bo(t)):e=!1,ii(t,n),wi(t,r,o),bi(t,r,o,n),Hs(null,t,r,!0,e,n);case 19:return na(e,t,n);case 23:case 24:return Gs(e,t,n)}throw Error(s(156,t.tag))},$l.prototype.render=function(e){Jl(e,this._internalRoot,null,null)},$l.prototype.unmount=function(){var e=this._internalRoot,t=e.containerInfo;Jl(null,e,null,(function(){t[$r]=null}))},et=function(e){13===e.tag&&(pl(e,4,ul()),Kl(e,4))},tt=function(e){13===e.tag&&(pl(e,67108864,ul()),Kl(e,67108864))},nt=function(e){if(13===e.tag){var t=ul(),n=dl(e);pl(e,n,t),Kl(e,n)}},rt=function(e,t){return t()},Ne=function(e,t,n){switch(t){case"input":if(ne(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var o=oo(r);if(!o)throw Error(s(90));q(r),ne(r,o)}}}break;case"textarea":ce(e,n);break;case"select":null!=(t=n.value)&&se(e,!!n.multiple,t,!1)}},Te=function(e,t){var n=Ia;Ia|=1;try{return e(t)}finally{0===(Ia=n)&&(Ha(),Vo())}},ke=function(e,t,n,r,o){var i=Ia;Ia|=4;try{return Qo(98,e.bind(null,t,n,r,o))}finally{0===(Ia=i)&&(Ha(),Vo())}},ze=function(){!(49&Ia)&&(function(){if(null!==nl){var e=nl;nl=null,e.forEach((function(e){e.expiredLanes|=24&e.pendingLanes,Ml(e,_o())}))}Vo()}(),El())},Oe=function(e,t){var n=Ia;Ia|=2;try{return e(t)}finally{0===(Ia=n)&&(Ha(),Vo())}};var nc={findFiberByHostInstance:to,bundleType:0,version:"17.0.2",rendererPackageName:"react-dom"},rc={bundleType:nc.bundleType,version:nc.version,rendererPackageName:nc.rendererPackageName,rendererConfig:nc.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:b.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Ke(e))?null:e.stateNode},findFiberByHostInstance:nc.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var oc=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!oc.isDisabled&&oc.supportsFiber)try{fo=oc.inject(rc),yo=oc}catch(ge){}}t.createPortal=function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!ec(t))throw Error(s(200));return function(e,t,n){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:f,key:null==r?null:""+r,children:e,containerInfo:t,implementation:n}}(e,t,null,n)},t.findDOMNode=function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternals;if(void 0===t){if("function"==typeof e.render)throw Error(s(188));throw Error(s(268,Object.keys(e)))}return null===(e=Ke(t))?null:e.stateNode},t.render=function(e,t,n){if(!ec(t))throw Error(s(200));return tc(null,e,t,!1,n)}},665:(e,t,n)=>{"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=n(903)},924:(e,t,n)=>{"use strict";n(772);var r=n(460),o=60103;if(t.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),t.Fragment=i("react.fragment")}var s=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,a=Object.prototype.hasOwnProperty,l={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var r,i={},c=null,u=null;for(r in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)a.call(t,r)&&!l.hasOwnProperty(r)&&(i[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===i[r]&&(i[r]=t[r]);return{$$typeof:o,type:e,key:c,ref:u,props:i,_owner:s.current}}t.jsx=c,t.jsxs=c},351:(e,t,n)=>{"use strict";var r=n(772),o=60103,i=60106;t.Fragment=60107,t.StrictMode=60108,t.Profiler=60114;var s=60109,a=60110,l=60112;t.Suspense=60113;var c=60115,u=60116;if("function"==typeof Symbol&&Symbol.for){var d=Symbol.for;o=d("react.element"),i=d("react.portal"),t.Fragment=d("react.fragment"),t.StrictMode=d("react.strict_mode"),t.Profiler=d("react.profiler"),s=d("react.provider"),a=d("react.context"),l=d("react.forward_ref"),t.Suspense=d("react.suspense"),c=d("react.memo"),u=d("react.lazy")}var p="function"==typeof Symbol&&Symbol.iterator;function A(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var M={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},g={};function L(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||M}function C(){}function h(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||M}L.prototype.isReactComponent={},L.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error(A(85));this.updater.enqueueSetState(this,e,t,"setState")},L.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},C.prototype=L.prototype;var w=h.prototype=new C;w.constructor=h,r(w,L.prototype),w.isPureReactComponent=!0;var m={current:null},b=Object.prototype.hasOwnProperty,j={key:!0,ref:!0,__self:!0,__source:!0};function f(e,t,n){var r,i={},s=null,a=null;if(null!=t)for(r in void 0!==t.ref&&(a=t.ref),void 0!==t.key&&(s=""+t.key),t)b.call(t,r)&&!j.hasOwnProperty(r)&&(i[r]=t[r]);var l=arguments.length-2;if(1===l)i.children=n;else if(1<l){for(var c=Array(l),u=0;u<l;u++)c[u]=arguments[u+2];i.children=c}if(e&&e.defaultProps)for(r in l=e.defaultProps)void 0===i[r]&&(i[r]=l[r]);return{$$typeof:o,type:e,key:s,ref:a,props:i,_owner:m.current}}function y(e){return"object"==typeof e&&null!==e&&e.$$typeof===o}var x=/\/+/g;function N(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function S(e,t,n,r,s){var a=typeof e;"undefined"!==a&&"boolean"!==a||(e=null);var l=!1;if(null===e)l=!0;else switch(a){case"string":case"number":l=!0;break;case"object":switch(e.$$typeof){case o:case i:l=!0}}if(l)return s=s(l=e),e=""===r?"."+N(l,0):r,Array.isArray(s)?(n="",null!=e&&(n=e.replace(x,"$&/")+"/"),S(s,t,n,"",(function(e){return e}))):null!=s&&(y(s)&&(s=function(e,t){return{$$typeof:o,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(s,n+(!s.key||l&&l.key===s.key?"":(""+s.key).replace(x,"$&/")+"/")+e)),t.push(s)),1;if(l=0,r=""===r?".":r+":",Array.isArray(e))for(var c=0;c<e.length;c++){var u=r+N(a=e[c],c);l+=S(a,t,n,u,s)}else if(u=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=p&&e[p]||e["@@iterator"])?e:null}(e),"function"==typeof u)for(e=u.call(e),c=0;!(a=e.next()).done;)l+=S(a=a.value,t,n,u=r+N(a,c++),s);else if("object"===a)throw t=""+e,Error(A(31,"[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t));return l}function v(e,t,n){if(null==e)return e;var r=[],o=0;return S(e,r,"","",(function(e){return t.call(n,e,o++)})),r}function D(e){if(-1===e._status){var t=e._result;t=t(),e._status=0,e._result=t,t.then((function(t){0===e._status&&(t=t.default,e._status=1,e._result=t)}),(function(t){0===e._status&&(e._status=2,e._result=t)}))}if(1===e._status)return e._result;throw e._result}var I={current:null};function E(){var e=I.current;if(null===e)throw Error(A(321));return e}var T={ReactCurrentDispatcher:I,ReactCurrentBatchConfig:{transition:0},ReactCurrentOwner:m,IsSomeRendererActing:{current:!1},assign:r};t.Children={map:v,forEach:function(e,t,n){v(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return v(e,(function(){t++})),t},toArray:function(e){return v(e,(function(e){return e}))||[]},only:function(e){if(!y(e))throw Error(A(143));return e}},t.Component=L,t.PureComponent=h,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=T,t.cloneElement=function(e,t,n){if(null==e)throw Error(A(267,e));var i=r({},e.props),s=e.key,a=e.ref,l=e._owner;if(null!=t){if(void 0!==t.ref&&(a=t.ref,l=m.current),void 0!==t.key&&(s=""+t.key),e.type&&e.type.defaultProps)var c=e.type.defaultProps;for(u in t)b.call(t,u)&&!j.hasOwnProperty(u)&&(i[u]=void 0===t[u]&&void 0!==c?c[u]:t[u])}var u=arguments.length-2;if(1===u)i.children=n;else if(1<u){c=Array(u);for(var d=0;d<u;d++)c[d]=arguments[d+2];i.children=c}return{$$typeof:o,type:e.type,key:s,ref:a,props:i,_owner:l}},t.createContext=function(e,t){return void 0===t&&(t=null),(e={$$typeof:a,_calculateChangedBits:t,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null}).Provider={$$typeof:s,_context:e},e.Consumer=e},t.createElement=f,t.createFactory=function(e){var t=f.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:l,render:e}},t.isValidElement=y,t.lazy=function(e){return{$$typeof:u,_payload:{_status:-1,_result:e},_init:D}},t.memo=function(e,t){return{$$typeof:c,type:e,compare:void 0===t?null:t}},t.useCallback=function(e,t){return E().useCallback(e,t)},t.useContext=function(e,t){return E().useContext(e,t)},t.useDebugValue=function(){},t.useEffect=function(e,t){return E().useEffect(e,t)},t.useImperativeHandle=function(e,t,n){return E().useImperativeHandle(e,t,n)},t.useLayoutEffect=function(e,t){return E().useLayoutEffect(e,t)},t.useMemo=function(e,t){return E().useMemo(e,t)},t.useReducer=function(e,t,n){return E().useReducer(e,t,n)},t.useRef=function(e){return E().useRef(e)},t.useState=function(e){return E().useState(e)},t.version="17.0.2"},460:(e,t,n)=>{"use strict";e.exports=n(351)},88:(e,t,n)=>{"use strict";e.exports=n(924)},447:(e,t)=>{"use strict";var n,r,o,i;if("object"==typeof performance&&"function"==typeof performance.now){var s=performance;t.unstable_now=function(){return s.now()}}else{var a=Date,l=a.now();t.unstable_now=function(){return a.now()-l}}if("undefined"==typeof window||"function"!=typeof MessageChannel){var c=null,u=null,d=function(){if(null!==c)try{var e=t.unstable_now();c(!0,e),c=null}catch(e){throw setTimeout(d,0),e}};n=function(e){null!==c?setTimeout(n,0,e):(c=e,setTimeout(d,0))},r=function(e,t){u=setTimeout(e,t)},o=function(){clearTimeout(u)},t.unstable_shouldYield=function(){return!1},i=t.unstable_forceFrameRate=function(){}}else{var p=window.setTimeout,A=window.clearTimeout;if("undefined"!=typeof console){var M=window.cancelAnimationFrame;"function"!=typeof window.requestAnimationFrame&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"),"function"!=typeof M&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills")}var g=!1,L=null,C=-1,h=5,w=0;t.unstable_shouldYield=function(){return t.unstable_now()>=w},i=function(){},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"):h=0<e?Math.floor(1e3/e):5};var m=new MessageChannel,b=m.port2;m.port1.onmessage=function(){if(null!==L){var e=t.unstable_now();w=e+h;try{L(!0,e)?b.postMessage(null):(g=!1,L=null)}catch(e){throw b.postMessage(null),e}}else g=!1},n=function(e){L=e,g||(g=!0,b.postMessage(null))},r=function(e,n){C=p((function(){e(t.unstable_now())}),n)},o=function(){A(C),C=-1}}function j(e,t){var n=e.length;e.push(t);e:for(;;){var r=n-1>>>1,o=e[r];if(!(void 0!==o&&0<x(o,t)))break e;e[r]=t,e[n]=o,n=r}}function f(e){return void 0===(e=e[0])?null:e}function y(e){var t=e[0];if(void 0!==t){var n=e.pop();if(n!==t){e[0]=n;e:for(var r=0,o=e.length;r<o;){var i=2*(r+1)-1,s=e[i],a=i+1,l=e[a];if(void 0!==s&&0>x(s,n))void 0!==l&&0>x(l,s)?(e[r]=l,e[a]=n,r=a):(e[r]=s,e[i]=n,r=i);else{if(!(void 0!==l&&0>x(l,n)))break e;e[r]=l,e[a]=n,r=a}}}return t}return null}function x(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}var N=[],S=[],v=1,D=null,I=3,E=!1,T=!1,k=!1;function z(e){for(var t=f(S);null!==t;){if(null===t.callback)y(S);else{if(!(t.startTime<=e))break;y(S),t.sortIndex=t.expirationTime,j(N,t)}t=f(S)}}function O(e){if(k=!1,z(e),!T)if(null!==f(N))T=!0,n(Y);else{var t=f(S);null!==t&&r(O,t.startTime-e)}}function Y(e,n){T=!1,k&&(k=!1,o()),E=!0;var i=I;try{for(z(n),D=f(N);null!==D&&(!(D.expirationTime>n)||e&&!t.unstable_shouldYield());){var s=D.callback;if("function"==typeof s){D.callback=null,I=D.priorityLevel;var a=s(D.expirationTime<=n);n=t.unstable_now(),"function"==typeof a?D.callback=a:D===f(N)&&y(N),z(n)}else y(N);D=f(N)}if(null!==D)var l=!0;else{var c=f(S);null!==c&&r(O,c.startTime-n),l=!1}return l}finally{D=null,I=i,E=!1}}var P=i;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(){T||E||(T=!0,n(Y))},t.unstable_getCurrentPriorityLevel=function(){return I},t.unstable_getFirstCallbackNode=function(){return f(N)},t.unstable_next=function(e){switch(I){case 1:case 2:case 3:var t=3;break;default:t=I}var n=I;I=t;try{return e()}finally{I=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=P,t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=I;I=e;try{return t()}finally{I=n}},t.unstable_scheduleCallback=function(e,i,s){var a=t.unstable_now();switch(s="object"==typeof s&&null!==s&&"number"==typeof(s=s.delay)&&0<s?a+s:a,e){case 1:var l=-1;break;case 2:l=250;break;case 5:l=1073741823;break;case 4:l=1e4;break;default:l=5e3}return e={id:v++,callback:i,priorityLevel:e,startTime:s,expirationTime:l=s+l,sortIndex:-1},s>a?(e.sortIndex=s,j(S,e),null===f(N)&&e===f(S)&&(k?o():k=!0,r(O,s-a))):(e.sortIndex=l,j(N,e),T||E||(T=!0,n(Y))),e},t.unstable_wrapCallback=function(e){var t=I;return function(){var n=I;I=t;try{return e.apply(this,arguments)}finally{I=n}}}},798:(e,t,n)=>{"use strict";e.exports=n(447)},392:e=>{"use strict";var t=[];function n(e){for(var n=-1,r=0;r<t.length;r++)if(t[r].identifier===e){n=r;break}return n}function r(e,r){for(var i={},s=[],a=0;a<e.length;a++){var l=e[a],c=r.base?l[0]+r.base:l[0],u=i[c]||0,d="".concat(c," ").concat(u);i[c]=u+1;var p=n(d),A={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(-1!==p)t[p].references++,t[p].updater(A);else{var M=o(A,r);r.byIndex=a,t.splice(a,0,{identifier:d,updater:M,references:1})}s.push(d)}return s}function o(e,t){var n=t.domAPI(t);return n.update(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap&&t.supports===e.supports&&t.layer===e.layer)return;n.update(e=t)}else n.remove()}}e.exports=function(e,o){var i=r(e=e||[],o=o||{});return function(e){e=e||[];for(var s=0;s<i.length;s++){var a=n(i[s]);t[a].references--}for(var l=r(e,o),c=0;c<i.length;c++){var u=n(i[c]);0===t[u].references&&(t[u].updater(),t.splice(u,1))}i=l}}},187:e=>{"use strict";var t={};e.exports=function(e,n){var r=function(e){if(void 0===t[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}t[e]=n}return t[e]}(e);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(n)}},316:e=>{"use strict";e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},784:(e,t,n)=>{"use strict";e.exports=function(e){var t=n.nc;t&&e.setAttribute("nonce",t)}},633:e=>{"use strict";e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(n){!function(e,t,n){var r="";n.supports&&(r+="@supports (".concat(n.supports,") {")),n.media&&(r+="@media ".concat(n.media," {"));var o=void 0!==n.layer;o&&(r+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),r+=n.css,o&&(r+="}"),n.media&&(r+="}"),n.supports&&(r+="}");var i=n.sourceMap;i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),t.styleTagTransform(r,e,t.options)}(t,e,n)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},809:e=>{"use strict";e.exports=function(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}},395:t=>{"use strict";t.exports=e},566:e=>{"use strict";e.exports=t},368:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=s(e,i(n)))}return e}function i(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return o.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)r.call(e,n)&&e[n]&&(t=s(t,n));return t}function s(e,t){return t?e?e+" "+t:e+t:e}e.exports?(o.default=o,e.exports=o):void 0===(n=function(){return o}.apply(t,[]))||(e.exports=n)}()}},r={};function o(e){var t=r[e];if(void 0!==t)return t.exports;var i=r[e]={id:e,exports:{}};return n[e](i,i.exports,o),i.exports}o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.nc=void 0;var i={};return(()=>{"use strict";o.d(i,{default:()=>ns});var e={};o.r(e),o.d(e,{GUIEditor:()=>es});var t=o(460),n=o(665),r=o(395);class s{constructor(){this.lock=!1}}var a=o(566);class l{constructor(e,t,n,r){this.left=e,this.top=t,this.right=n,this.bottom=r}clone(){return new l(this.left,this.top,this.right,this.bottom)}get center(){const e=new r.Vector2(this.left,this.top);return e.addInPlace(new r.Vector2(this.right,this.bottom).subtractInPlace(e).multiplyByFloats(.5,.5))}get width(){return this.right-this.left}get height(){return this.bottom-this.top}}const c=e=>Math.round(100*e)/100;class u{static GetScale(e,t){let n=e.scaleX,o=e.scaleY;if(t)return new r.Vector2(n,o);let i=e.parent;for(;i;)n*=i.scaleX,o*=i.scaleY,i=i.parent;return new r.Vector2(n,o)}static GetRotation(e,t){let n=e.rotation;if(t)return n;let r=e.parent;for(;r;)n+=r.rotation,r=r.parent;return n}static GetParentSizes(e){const t=new a.Measure(0,0,0,0);if(e.parent&&(t.copyFrom(e.parent._currentMeasure),"Grid"===e.parent.typeName)){const n=e.parent.getChildCellInfo(e),r=e.parent.cells[n];r&&(t.width=r.widthInPixels,t.height=r.heightInPixels)}return t}static GetNodeMatrix(e,t){const n=this.GlobalState.guiTexture.getSize();let r,o;if(e.parent){const t=u.GetParentSizes(e);r=t.width,o=t.height}else r=n.width,o=n.height;let i=0,s=0;const l=t?t.width:e.widthInPixels,c=t?t.height:e.heightInPixels,d=t?t.left:e.leftInPixels,p=t?t.top:e.topInPixels;switch(e.horizontalAlignment){case a.Control.HORIZONTAL_ALIGNMENT_LEFT:i=-(r-l)/2;break;case a.Control.HORIZONTAL_ALIGNMENT_RIGHT:i=(r-l)/2;break;case a.Control.HORIZONTAL_ALIGNMENT_CENTER:i=0}switch(e.verticalAlignment){case a.Control.VERTICAL_ALIGNMENT_TOP:s=-(o-c)/2;break;case a.Control.VERTICAL_ALIGNMENT_BOTTOM:s=(o-c)/2;break;case a.Control.VERTICAL_ALIGNMENT_CENTER:s=0}this._ResetMatrixArray();const A=this._MatrixCache[0],M=this._MatrixCache[1],g=a.Matrix2D.Identity();let L=l*e.transformCenterX-l/2,C=c*e.transformCenterY-c/2;e.descendantsOnlyPadding||(L-=1*(e.paddingRightInPixels-e.paddingLeftInPixels)/2,C-=1*(e.paddingBottomInPixels-e.paddingTopInPixels)/2),a.Matrix2D.TranslationToRef(i+d,s+p,M);const h=this.GetRotation(e,!0),w=this.GetScale(e,!0);return a.Matrix2D.ComposeToRef(-L,-C,h,w.x,w.y,null,A),g.multiplyToRef(A,g),g.multiplyToRef(M,g),g}static NodeToRTTWorldMatrix(e,t,n){const r=[e];let o=e.parent,i=e;for(;o&&i!==n;){if("Grid"===o.typeName){const e=o.getChildCellInfo(i),t=o.cells[e];r.push(t)}r.push(o),i=o,o=o.parent}this._ResetMatrixArray();const s=r.map(((e,n)=>this.GetNodeMatrix(e,0===n?t:void 0)));return s.reduce(((e,t)=>(e.multiplyToRef(t,e),e)),this._MatrixCache[2])}static NodeToRTTSpace(e,t,n,o=new r.Vector2,i,s){return this.NodeToRTTWorldMatrix(e,i,s).transformCoordinates(t,n,o),o.x=c(o.x),o.y=c(o.y),o}static RttToLocalNodeSpace(e,t,n,o=new r.Vector2,i){const s=this.NodeToRTTWorldMatrix(e,i),a=this._MatrixCache[3];return s.invertToRef(a),a.transformCoordinates(t,n,o),o.x=c(o.x),o.y=c(o.y),o}static RttToCanvasSpace(e,t){const n=this.GlobalState.workbench._scene.getEngine();return new r.Vector2(e+n.getRenderWidth()/2,t+n.getRenderHeight()/2)}static MousePointerToRTTSpace(e,t,n){const o=this.GlobalState.workbench._scene,i=o.getEngine();return new r.Vector2((t||o.pointerX)-i.getRenderWidth()/2,(n||o.pointerY)-i.getRenderHeight()/2)}static _ResetMatrixArray(){this._MatrixCache.forEach((e=>{a.Matrix2D.IdentityToRef(e)}))}static ComputeLocalBounds(e){return new l(.5*-e.widthInPixels,.5*-e.heightInPixels,.5*e.widthInPixels,.5*e.heightInPixels)}static ConvertToPercentage(e,t=["left","top","width","height"],n){let r=1,o=1;if(e.parent)if("Grid"===e.parent.typeName){const t=e.parent.getChildCellInfo(e),n=e.parent.cells[t];r=n.widthInPixels,o=n.heightInPixels}else if("Rectangle"===e.parent.typeName||"Button"===e.parent.typeName){const t=2*e.parent.thickness;r=e.parent._currentMeasure.width-t,o=e.parent._currentMeasure.height-t}else r=e.parent._currentMeasure.width,o=e.parent._currentMeasure.height;for(const i of t){const t=e[i],s="left"===i||"width"===i||"paddingLeft"===i||"paddingRight"===i?r:o,a=100*e[`${i}InPixels`]/s;e[i]=`${a.toFixed(2)}%`,n?.notifyObservers({object:e,initialValue:t,value:e[i],property:i})}}static Round(e){return Math.floor(100*e)/100}static ConvertToPixels(e,t=["left","top","width","height"],n){const r=u.GetParentSizes(e);e._processMeasures(r,e.host.getContext());for(const r of t){const t=e[r];e[`_${r}`]=new a.ValueAndUnit(this.Round(e[`${r}InPixels`]),a.ValueAndUnit.UNITMODE_PIXEL),n?.notifyObservers({object:e,initialValue:t,value:e[r],property:r})}}}u._MatrixCache=[a.Matrix2D.Identity(),a.Matrix2D.Identity(),a.Matrix2D.Identity(),a.Matrix2D.Identity()];class d{constructor(e){this._kdListener=e=>this._keyEvent(e,!0),this._kuListener=e=>this._keyEvent(e,!1),this._moveListener=e=>this._updateModifierKeys(e),this._focusOutListener=()=>this._clearKeys(),this._keys=new Set,this._hostElement=e,e.addEventListener("keydown",this._kdListener),e.addEventListener("keypress",this._kdListener),e.addEventListener("keyup",this._kuListener),e.addEventListener("mousemove",this._moveListener),e.addEventListener("focusout",this._focusOutListener),this.onKeyPressedObservable=new r.Observable}_keyEvent(e,t){this._updateModifierKeys(e)," "===e.key&&this._setKeyDown("space",t)}_updateModifierKeys(e){this._setKeyDown("control",e.ctrlKey),this._setKeyDown("alt",e.altKey),this._setKeyDown("shift",e.shiftKey),this._setKeyDown("meta",e.metaKey)}_setKeyDown(e,t){this._keys.has(e)!==t&&(t?this._keys.add(e):this._keys.delete(e),this.onKeyPressedObservable.notifyObservers(e))}_clearKeys(){for(const e of this._keys)this._keys.delete(e),this.onKeyPressedObservable.notifyObservers(e)}isKeyDown(e){return this._keys.has(e)}dispose(){this._hostElement.removeEventListener("keydown",this._kdListener),this._hostElement.removeEventListener("keypress",this._kdListener),this._hostElement.removeEventListener("keyup",this._kuListener),this._hostElement.removeEventListener("mousemove",this._moveListener),this._hostElement.removeEventListener("focusout",this._focusOutListener)}}var p,A;!function(e){e[e.ABOVE=0]="ABOVE",e[e.BELOW=1]="BELOW",e[e.CENTER=2]="CENTER",e[e.NONE=3]="NONE"}(p||(p={})),function(e){e[e.SELECT=0]="SELECT",e[e.PAN=1]="PAN",e[e.ZOOM=2]="ZOOM"}(A||(A={}));class M{get tool(){return this._tool===A.ZOOM?A.ZOOM:this._tool===A.PAN?A.PAN:A.SELECT}set tool(e){this._tool!==e&&(this._prevTool=this._tool,this._tool=e,this.onToolChangeObservable.notifyObservers())}get usePrevSelected(){return this._usePrevSelected}set usePrevSelected(e){this._usePrevSelected=e}restorePreviousTool(){this._tool!==this._prevTool&&(this._tool=this._prevTool,this.onToolChangeObservable.notifyObservers())}constructor(){this.selectedControls=[],this.onSelectionChangedObservable=new r.Observable,this.onResizeObservable=new r.Observable,this.onBuiltObservable=new r.Observable,this.onResetRequiredObservable=new r.Observable,this.onUpdateRequiredObservable=new r.Observable,this.onLogRequiredObservable=new r.Observable,this.onErrorMessageDialogRequiredObservable=new r.Observable,this.onIsLoadingChanged=new r.Observable,this.onSelectionBoxMoved=new r.Observable,this.onNewSceneObservable=new r.Observable,this.onGuiNodeRemovalObservable=new r.Observable,this.onPopupClosedObservable=new r.Observable,this._outlines=!1,this.blockKeyboardEvents=!1,this.onOutlineChangedObservable=new r.Observable,this.onPropertyChangedObservable=new r.Observable,this._tool=A.SELECT,this._prevTool=this._tool,this.onToolChangeObservable=new r.Observable,this.onFitControlsToWindowObservable=new r.Observable,this.onReframeWindowObservable=new r.Observable,this.onLoadObservable=new r.Observable,this.onSaveObservable=new r.Observable,this.onSaveSelectedControl=new r.Observable,this.onSnippetLoadObservable=new r.Observable,this.onSnippetSaveObservable=new r.Observable,this.onControlLoadObservable=new r.Observable,this.onResponsiveChangeObservable=new r.Observable,this.onParentingChangeObservable=new r.Observable,this.onDropObservable=new r.Observable,this.onPropertyGridUpdateRequiredObservable=new r.Observable,this.onDraggingEndObservable=new r.Observable,this.onDraggingStartObservable=new r.Observable,this.onWindowResizeObservable=new r.Observable,this.onGizmoUpdateRequireObservable=new r.Observable,this.onArtBoardUpdateRequiredObservable=new r.Observable,this.onBackgroundColorChangeObservable=new r.Observable,this.onFontsParsedObservable=new r.Observable,this.onPointerMoveObservable=new r.Observable,this.onPointerUpObservable=new r.Observable,this.draggedControl=null,this.onCopyObservable=new r.Observable,this.onCutObservable=new r.Observable,this.onPasteObservable=new r.Observable,this.isSaving=!1,this.lockObject=new s,this.shiftKeyPressed=!1,this.controlCamera=r.DataStorage.ReadBoolean("ControlCamera",!0);const e=r.DataStorage.ReadNumber("BackgroundColorR",.8),t=r.DataStorage.ReadNumber("BackgroundColorG",.8),n=r.DataStorage.ReadNumber("BackgroundColorB",.8);this.backgroundColor=new r.Color3(e,t,n),this.onBackgroundColorChangeObservable.notifyObservers(),u.GlobalState=this}registerEventListeners(){const e=e=>e.isContentEditable||"INPUT"===e.tagName||"TEXTAREA"===e.tagName;this.hostDocument.addEventListener("copy",(t=>{e(t.target)||(this.onCopyObservable.notifyObservers((e=>t.clipboardData?.setData("text/plain",e))),t.preventDefault())})),this.hostDocument.addEventListener("cut",(t=>{e(t.target)||(this.onCutObservable.notifyObservers((e=>t.clipboardData?.setData("text/plain",e))),t.preventDefault())})),this.hostDocument.addEventListener("paste",(t=>{e(t.target)||(this.onPasteObservable.notifyObservers(t.clipboardData?.getData("text")||""),t.preventDefault())})),this.keys=new d(this.hostDocument),this.keys.onKeyPressedObservable.add((()=>{this.onToolChangeObservable.notifyObservers()}))}get backgroundColor(){return this._backgroundColor}get fromPG(){return this._fromPG}set fromPG(e){this._fromPG=e}set backgroundColor(e){this._backgroundColor=e,this.onBackgroundColorChangeObservable.notifyObservers(),r.DataStorage.WriteNumber("BackgroundColorR",e.r),r.DataStorage.WriteNumber("BackgroundColorG",e.g),r.DataStorage.WriteNumber("BackgroundColorB",e.b)}get outlines(){return this._outlines}set outlines(e){this._outlines=e,this.onOutlineChangedObservable.notifyObservers()}select(e){this.keys.isKeyDown("control")&&this.isMultiSelectable(e)?-1===this.selectedControls.indexOf(e)?this.setSelection([...this.selectedControls,e]):this.setSelection(this.selectedControls.filter((t=>t!==e))):this.setSelection([e])}setSelection(e){this.selectedControls=[...e],this.onSelectionChangedObservable.notifyObservers()}_findParentControlInTexture(e,t){const n=[e.rootContainer];for(;n.length>0;){const e=n.splice(0,1)[0],r=e.children;if(-1!==r.indexOf(t))return e;for(const e of r)e instanceof a.Container&&n.push(e)}return null}deleteSelectedNodes(){for(const e of this.selectedControls){const t=this._findParentControlInTexture(this.guiTexture,e);if(t?.removeControl(e),this.liveGuiTexture){const t=e.getDescendants();for(const e of t){const t=this._findParentControlInTexture(this.liveGuiTexture,e);t?.removeControl(e),e.dispose()}const n=this._findParentControlInTexture(this.liveGuiTexture,e);n?.removeControl(e)}e.dispose()}this.setSelection([])}isMultiSelectable(e){return 0===this.selectedControls.length||this.selectedControls[0].parent===e.parent}dispose(){this.keys.dispose()}}var g=o(88);class L{static _SaveAs(e,t,n){if("download"in HTMLAnchorElement.prototype){const r=window.URL||window.webkitURL,o=n.createElement("a");return o.download=t,o.rel="noopener",o.href=r.createObjectURL(e),setTimeout((()=>{r.revokeObjectURL(o.href)}),4e4),void setTimeout((()=>{this._Click(o,n)}),0)}let r=open("","_blank");r&&(r.document.title=r.document.body.innerText="downloading...");const o="application/octet-stream"===e.type,i=/constructor/i.test(window.HTMLElement)||window.safari,s=/CriOS\/[\d]+/.test(navigator.userAgent);if((s||o&&i)&&"undefined"!=typeof FileReader){const t=new FileReader;t.onloadend=()=>{let e=t.result;e=s?e:e.replace(/^data:[^;]*;/,"data:attachment/file;"),r?r.location.href=e:location.href=e,r=null},t.readAsDataURL(e)}else{const t=window.URL||window.webkitURL,n=t.createObjectURL(e);r?r.location.href=n:location.href=n,r=null,setTimeout((function(){t.revokeObjectURL(n)}),4e4)}}static _Click(e,t){try{e.dispatchEvent(new MouseEvent("click"))}catch(n){const r=t.createEvent("MouseEvents");r.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),e.dispatchEvent(r)}}static DownloadAsFile(e,t,n){const r=new Blob([t],{type:"application/octet-stream"});this._SaveAs(r,n,e)}}class C extends t.Component{constructor(e){super(e)}onLink(){this.props.url?window.open(this.props.url,"_blank"):this.props.onLink&&this.props.onLink()}renderContent(){return this.props.ignoreValue?null:this.props.onLink||this.props.url?(0,g.jsx)("div",{className:"link-value",title:this.props.tooltip??this.props.label??"",onClick:()=>this.onLink(),children:this.props.url?"doc":this.props.value||"no name"}):(0,g.jsx)("div",{className:"value",title:this.props.tooltip??this.props.label??"",style:{color:this.props.color?this.props.color:""},children:this.props.value||"no name"})}render(){return(0,g.jsxs)("div",{className:this.props.underline?"textLine underline":"textLine"+(this.props.additionalClass?" "+this.props.additionalClass:""),children:[this.props.icon&&(0,g.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),(0,g.jsx)("div",{className:"label",title:this.props.tooltip??this.props.label??"",children:this.props.label??""}),this.renderContent()]})}}let h="";const w=void 0!==o.g?o.g:"undefined"!=typeof window?window:void 0;function m(e){const t=document.createElement("div");if(t.textContent=e,document.body.appendChild(t),window.getSelection){const e=document.createRange();e.selectNode(t),window.getSelection().removeAllRanges(),window.getSelection().addRange(e)}document.execCommand("copy"),t.remove()}function b(e){let t=(0,r.GetClassName)(e);return t.includes("BABYLON.")&&(t=t.split("BABYLON.")[1]),{className:t,babylonNamespace:h}}void 0!==w&&void 0!==w.BABYLON&&(h="BABYLON.");const j="—";function f(e,t,n=((e,t)=>e[t])){return new Proxy({},{get(t,r){const o=r;if(0===e.length)return j;const i=n(e[0],o);for(const t of e)if(n(t,o)!==i)return j;return i},set(n,r,o){if("—"===o)return!0;const i=r;for(const n of e){const e=n[i];n[i]=o,t&&t.notifyObservers({object:n,property:r,value:n[i],initialValue:e})}return!0}})}class y extends t.Component{constructor(){super(...arguments),this._arrowsRef=t.createRef(),this._drag=e=>{this.props.incrementValue(-e.movementY)},this._releaseListener=()=>{this.props.setDragging(!1),this._arrowsRef.current?.ownerDocument.exitPointerLock(),this._arrowsRef.current?.ownerDocument.defaultView.removeEventListener("pointerup",this._releaseListener),this._arrowsRef.current?.ownerDocument.removeEventListener("pointerlockchange",this._lockChangeListener),this._arrowsRef.current?.ownerDocument.defaultView.removeEventListener("mousemove",this._drag)},this._lockChangeListener=()=>{this._arrowsRef.current?.ownerDocument.pointerLockElement!==this._arrowsRef.current&&this._releaseListener()}}render(){return(0,g.jsxs)("div",{className:"arrows",ref:this._arrowsRef,onPointerDown:()=>{this._arrowsRef.current?.ownerDocument.addEventListener("pointerlockchange",this._lockChangeListener),this._arrowsRef.current?.ownerDocument.defaultView.addEventListener("pointerup",this._releaseListener),this._arrowsRef.current?.ownerDocument.defaultView.addEventListener("mousemove",this._drag),this.props.setDragging(!0),this._arrowsRef.current?.requestPointerLock()},onDragStart:e=>e.preventDefault(),children:[(0,g.jsx)("img",{className:"upArrowIcon",src:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE1IDE1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNC4wOSw5LjQ1YS42LjYsMCwwLDEsMC0uODRsMy0zYS42LjYsMCwwLDEsLjg0LDBsMywzYS42LjYsMCwwLDEsMCwuODQuNjEuNjEsMCwwLDEtLjg1LDBsLTItMnY1LjczYS42LjYsMCwwLDEtMS4yLDBWNy40OGwtMiwyQS42MS42MSwwLDAsMSw0LjA5LDkuNDVaIi8+PC9zdmc+",alt:"Increase Value"}),(0,g.jsx)("img",{className:"downArrowIcon",src:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE1IDE1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNC4wOSw1LjU1YS42MS42MSwwLDAsMSwuODUsMGwyLDJWMS43OWEuNi42LDAsMSwxLDEuMiwwVjcuNTJsMi0yYS42MS42MSwwLDAsMSwuODUsMCwuNi42LDAsMCwxLDAsLjg0bC0zLDNhLjYuNiwwLDAsMS0uODQsMGwtMy0zQS42LjYsMCwwLDEsNC4wOSw1LjU1WiIvPjwvc3ZnPg==",alt:"Increase Value"})]})}}const x="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5jb3B5PC90aXRsZT48ZyBpZD0iVUlfRWxlbWVudHMiIGRhdGEtbmFtZT0iVUkgRWxlbWVudHMiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTI0LDE0Ljg5SDIyLjc2bC0zLTNIMTIuNDNWMjYuNTloNC4yNnYzaDExLjVWMTlabS4zLDEuNzEsMi4xNCwyLjEzSDI0LjM0Wm0tMTAuOTEsOVYxMi45M2g1LjkzbDIsMkgxNi42OXYxMC43Wm00LjI2LDNWMTUuODloNS42NXYzLjg0aDMuODV2OC44M1oiLz48L2c+PC9zdmc+";class N extends t.Component{constructor(e){super(e),this._localChange=!1;const t=this.props.target[this.props.propertyName];this.state={value:this.getValueString(t,this.props),dragging:!1},this._store=t}componentWillUnmount(){this.unlock()}getValueString(e,t){return e?e===j?j:t.isInteger?e.toFixed(0):e.toFixed(t.digits||4):"0"}shouldComponentUpdate(e,t){if(this._localChange)return this._localChange=!1,!0;const n=e.target[e.propertyName],r=this.getValueString(n,e);return r!==t.value?(t.value=r,!0):t.dragging!=this.state.dragging||e.unit!==this.props.unit||e.isInteger!==this.props.isInteger}raiseOnPropertyChanged(e,t){this.props.onChange&&this.props.onChange(e),this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:this.props.target,property:this.props.propertyName,value:e,initialValue:t})}updateValue(e){if(/[^0-9.-]/g.test(e))return;let t;t=this.props.isInteger?parseInt(e):parseFloat(e),isNaN(t)?null!=this.props.defaultValue&&(t=this.props.defaultValue):(void 0!==this.props.min&&t<this.props.min&&(t=this.props.min,e=t.toString()),void 0!==this.props.max&&t>this.props.max&&(t=this.props.max,e=t.toString())),this._localChange=!0,this.setState({value:e}),isNaN(t)||(this.props.target[this.props.propertyName]=t,this.raiseOnPropertyChanged(t,this._store),this._store=t)}lock(){this.props.lockObject&&(this.props.lockObject.lock=!0)}unlock(){this.props.lockObject&&(this.props.lockObject.lock=!1)}incrementValue(e,t=!0){t&&this.props.step&&(e*=parseFloat(this.props.step));let n=parseFloat(this.state.value);isNaN(n)&&(n=0),this.updateValue((n+e).toFixed(2))}onKeyDown(e){const t=parseFloat(this.props.step||this.props.isInteger?"1":"0.01"),n=n=>{e.shiftKey&&(n*=10,(e.ctrlKey||e.metaKey)&&(n*=10)),this.incrementValue(n*t,!1),e.preventDefault()};"ArrowUp"===e.key?n(1):"ArrowDown"===e.key&&n(-1),"Enter"===e.key&&this.props.onEnter&&this.props.onEnter(this._store)}onCopyClick(){if(this.props&&this.props.target){const{className:e,babylonNamespace:t}=b(this.props.target);m("globalThis.debugNode."+this.props.propertyName+" = "+this.props.target[this.props.propertyName]+";// (debugNode as "+t+e+")")}else m("undefined")}render(){let e;e=this.props.isInteger?parseInt(this.state.value):parseFloat(this.state.value);let t=this.props.smallUI?"short":"value";this.state.dragging&&(t+=" dragging"),this.props.arrows&&(t+=" hasArrows");const n=this.state.value===j?"":this.state.value,o=this.state.value===j?j:"";return(0,g.jsxs)(g.Fragment,{children:[!this.props.useEuler&&(0,g.jsxs)("div",{className:this.props.additionalClass?this.props.additionalClass+" floatLine":"floatLine",children:[this.props.icon&&(0,g.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),(!this.props.icon||""!=this.props.label)&&(0,g.jsx)("div",{className:"label",title:this.props.label,children:this.props.label}),(0,g.jsxs)("div",{className:t,children:[(0,g.jsx)("input",{type:"number",step:this.props.step||this.props.isInteger?"1":"0.01",className:"numeric-input",onKeyDown:e=>this.onKeyDown(e),value:n,onBlur:()=>{this.unlock(),this.props.onEnter&&this.props.onEnter(this._store)},placeholder:o,onFocus:()=>this.lock(),onChange:e=>this.updateValue(e.target.value),disabled:this.props.disabled}),this.props.arrows&&(0,g.jsx)(y,{incrementValue:e=>this.incrementValue(e),setDragging:t=>{const n=this.state.dragging;!n&&t&&this.props.onDragStart?this.props.onDragStart(e):n&&!t&&this.props.onDragStop&&this.props.onDragStop(e),this.setState({dragging:t})}})]}),this.props.unit,(0,g.jsx)("div",{className:"copy hoverIcon",onClick:()=>this.onCopyClick(),title:"Copy to clipboard",children:(0,g.jsx)("img",{src:x,alt:"Copy"})})]}),this.props.useEuler&&(0,g.jsx)(S,{lockObject:this.props.lockObject,label:this.props.label,minimum:0,maximum:360,step:.1,directValue:r.Tools.ToDegrees(e),onChange:e=>this.updateValue(r.Tools.ToRadians(e).toString())})]})}}class S extends t.Component{constructor(e){if(super(e),this._localChange=!1,void 0!==this.props.directValue)this.state={value:this.props.directValue};else{let e=this.props.target[this.props.propertyName];void 0===e&&(e=this.props.maximum),this.state={value:e}}}shouldComponentUpdate(e,t){if(void 0!==e.directValue)return t.value=e.directValue,!0;if(e.label!==this.props.label)return!0;let n=e.target[e.propertyName];return void 0===n&&(n=e.maximum),n!==t.value||this._localChange||e.maximum!==this.props.maximum||e.minimum!==this.props.minimum?(t.value=n,this._localChange=!1,!0):e.unit!==this.props.unit}onChange(e){if("—"===e)return;this._localChange=!0;let t=parseFloat(e);this.props.useEuler&&(t=r.Tools.ToRadians(t)),this.props.target&&(this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:this.props.target,property:this.props.propertyName,value:t,initialValue:this.state.value}),this.props.target[this.props.propertyName]=t),this.props.onChange&&this.props.onChange(t),this.setState({value:t})}onInput(e){const t=parseFloat(e);this.props.onInput&&this.props.onInput(t)}prepareDataToRead(e){return null===e&&(e=0),this.props.useEuler?r.Tools.ToDegrees(e):e}onCopyClick(){if(this.props&&this.props.target){const{className:e,babylonNamespace:t}=b(this.props.target);m("globalThis.debugNode."+this.props.propertyName+" = "+this.props.target[this.props.propertyName]+";// (debugNode as "+t+e+")")}else m("undefined")}render(){return(0,g.jsxs)("div",{className:"sliderLine",children:[this.props.icon&&(0,g.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),(!this.props.icon||""!=this.props.label)&&(0,g.jsx)("div",{className:this.props.margin?"label withMargins":"label",title:this.props.label,children:this.props.label}),(0,g.jsx)(N,{lockObject:this.props.lockObject,isInteger:0===this.props.decimalCount,smallUI:!0,label:"",target:this.state,digits:void 0===this.props.decimalCount?4:this.props.decimalCount,propertyName:"value",min:this.props.minimum,max:this.props.maximum,onEnter:()=>{const e=this.prepareDataToRead(this.state.value);this.onChange(e)},onChange:()=>{const e=this.prepareDataToRead(this.state.value);this.onChange(e)},onPropertyChangedObservable:this.props.onPropertyChangedObservable,unit:this.props.unit}),(0,g.jsx)("div",{className:"slider",children:(0,g.jsx)("input",{className:"range",type:"range",step:this.props.step,min:this.prepareDataToRead(this.props.minimum),max:this.prepareDataToRead(this.props.maximum),value:this.prepareDataToRead(this.state.value),onInput:e=>this.onInput(e.target.value),onChange:e=>this.onChange(e.target.value)})}),(0,g.jsx)("div",{className:"copy hoverIcon",onClick:()=>this.onCopyClick(),title:"Copy to clipboard",children:(0,g.jsx)("img",{src:x,alt:"Copy"})})]})}}let v=-1;class D extends t.Component{constructor(e){super(e),this._localChange=!1;const t=this.props.numeric?"0":"";this.state={value:(void 0!==this.props.value?this.props.value:this.props.target[this.props.propertyName])||t,dragging:!1}}componentWillUnmount(){this.props.lockObject&&(this.props.lockObject.lock=!1)}shouldComponentUpdate(e,t){if(this._localChange)return this._localChange=!1,!0;const n=void 0!==e.value?e.value:e.target[e.propertyName];return n!==t.value?(t.value=n||"",!0):t.dragging!=this.state.dragging||e.unit!==this.props.unit}raiseOnPropertyChanged(e,t){this.props.onChange?this.props.onChange(e):this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:this.props.target,property:this.props.propertyName,value:e,initialValue:t})}getCurrentNumericValue(e){const t=parseFloat(e);if(!isNaN(t))return t;if(void 0!==this.props.placeholder){const e=parseFloat(this.props.placeholder);if(!isNaN(e))return e}return 0}updateValue(e,t){if(this.props.disabled)return;if(this.props.numbersOnly){if(/[^0-9.px%-]/g.test(e))return;e||(e="0"),0===e.search(/0+[0-9-]/g)&&(e=e.substring(1))}if(this.props.numeric){let t=this.getCurrentNumericValue(e);this.props.roundValues&&(t=Math.round(t)),void 0!==this.props.min&&(t=Math.max(this.props.min,t)),void 0!==this.props.max&&(t=Math.min(this.props.max,t)),e=t.toString()}this._localChange=!0;const n=void 0!==this.props.value?this.props.value:this.props.target[this.props.propertyName];this.props.validator&&t&&0==this.props.validator(t)&&(e=n),this.setState({value:e}),this.props.propertyName&&!this.props.delayInput&&(this.props.target[this.props.propertyName]=e),this.props.throttlePropertyChangedNotification?(v>=0&&window.clearTimeout(v),v=window.setTimeout((()=>{this.raiseOnPropertyChanged(e,n)}),this.props.throttlePropertyChangedNotificationDelay??200)):this.raiseOnPropertyChanged(e,n)}incrementValue(e){if(this.props.step&&(e*=this.props.step),this.props.arrowsIncrement)return void this.props.arrowsIncrement(e);const t=this.getCurrentNumericValue(this.state.value);this.updateValue((t+e).toFixed(2))}onKeyDown(e){!this.props.disabled&&this.props.arrows&&("ArrowUp"===e.key&&(this.incrementValue(1),e.preventDefault()),"ArrowDown"===e.key&&(this.incrementValue(-1),e.preventDefault()))}render(){const e=this.state.value===j?"":this.state.value,t=this.state.value===j?j:this.props.placeholder||"",n=this.props.step||(this.props.roundValues?1:.01),r=this.props.multilines?"textInputArea":void 0!==this.props.unit?"textInputLine withUnits":"textInputLine";return(0,g.jsxs)("div",{className:r,children:[this.props.icon&&(0,g.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,color:"black",className:"icon"}),void 0!==this.props.label&&(0,g.jsx)("div",{className:"label",title:this.props.label,children:this.props.label}),this.props.multilines&&(0,g.jsx)(g.Fragment,{children:(0,g.jsx)("textarea",{className:this.props.disabled?"disabled":"",value:this.state.value,onFocus:()=>{this.props.lockObject&&(this.props.lockObject.lock=!0)},onChange:e=>this.updateValue(e.target.value),onKeyDown:e=>{13===e.keyCode&&this.updateValue(this.state.value)},onBlur:e=>{this.updateValue(e.target.value,e.target.value),this.props.lockObject&&(this.props.lockObject.lock=!1)},disabled:this.props.disabled})}),!this.props.multilines&&(0,g.jsxs)("div",{className:`value${!0===this.props.noUnderline?" noUnderline":""}${this.props.arrows?" hasArrows":""}${this.state.dragging?" dragging":""}`,children:[(0,g.jsx)("input",{className:this.props.disabled?"disabled":"",value:e,onBlur:e=>{this.props.lockObject&&(this.props.lockObject.lock=!1),this.updateValue((void 0!==this.props.value?this.props.value:this.props.target[this.props.propertyName])||"",e.target.value)},onFocus:()=>{this.props.lockObject&&(this.props.lockObject.lock=!0)},onChange:e=>this.updateValue(e.target.value),onKeyDown:e=>this.onKeyDown(e),placeholder:t,type:this.props.numeric?"number":"text",step:n,disabled:this.props.disabled}),this.props.arrows&&(0,g.jsx)(y,{incrementValue:e=>this.incrementValue(e),setDragging:e=>this.setState({dragging:e})})]}),this.props.unit]})}}class I extends t.Component{constructor(e){super(e)}render(){let e=this.props.altStyle?`command-button-alt${this.props.disabled?"-disabled":""}${this.props.isActive?"-":""}`:"command-button",t="command-button-icon ";return this.props.isActive&&(e+=" active",t+=" active"),this.props.disabled?e+=" disabled":this.props.copyDeleteDisabled?e+=" copyAndDeleteDisabled":this.props.pasteDisabled&&(e+=" pasteDisabled"),(0,g.jsxs)("div",{className:e,onClick:this.props.onClick,title:`${this.props.tooltip} ${this.props.shortcut?" ("+this.props.shortcut+")":""}`,children:[(0,g.jsx)("div",{className:t,children:(0,g.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:this.props.isActive?"active":"",draggable:!1})}),(0,g.jsx)("div",{className:"command-label",children:this.props.tooltip})]})}}function E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function k(e){return k="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},k(e)}function z(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function O(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Y(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i=[],s=!0,a=!1;try{for(n=n.call(e);!(s=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);s=!0);}catch(e){a=!0,o=e}finally{try{s||null==n.return||n.return()}finally{if(a)throw o}}return i}}(e,t)||B(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function P(e){return function(e){if(Array.isArray(e))return R(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||B(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function B(e,t){if(e){if("string"==typeof e)return R(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?R(e,t):void 0}}function R(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var U=function(){},G={},Z={},_=null,W={mark:U,measure:U};try{"undefined"!=typeof window&&(G=window),"undefined"!=typeof document&&(Z=document),"undefined"!=typeof MutationObserver&&(_=MutationObserver),"undefined"!=typeof performance&&(W=performance)}catch(e){}var H,Q,F,V,J,X=(G.navigator||{}).userAgent,q=void 0===X?"":X,K=G,$=Z,ee=_,te=W,ne=(K.document,!!$.documentElement&&!!$.head&&"function"==typeof $.addEventListener&&"function"==typeof $.createElement),re=~q.indexOf("MSIE")||~q.indexOf("Trident/"),oe="___FONT_AWESOME___",ie="fa",se="svg-inline--fa",ae="data-fa-i2svg",le="data-fa-pseudo-element",ce="data-fa-pseudo-element-pending",ue="data-prefix",de="data-icon",pe="fontawesome-i2svg",Ae="async",Me=["HTML","HEAD","STYLE","SCRIPT"],ge=function(){try{return!0}catch(e){return!1}}(),Le="classic",Ce="sharp",he=[Le,Ce];function we(e){return new Proxy(e,{get:function(e,t){return t in e?e[t]:e[Le]}})}var me=we((O(H={},Le,{fa:"solid",fas:"solid","fa-solid":"solid",far:"regular","fa-regular":"regular",fal:"light","fa-light":"light",fat:"thin","fa-thin":"thin",fad:"duotone","fa-duotone":"duotone",fab:"brands","fa-brands":"brands",fak:"kit",fakd:"kit","fa-kit":"kit","fa-kit-duotone":"kit"}),O(H,Ce,{fa:"solid",fass:"solid","fa-solid":"solid",fasr:"regular","fa-regular":"regular",fasl:"light","fa-light":"light",fast:"thin","fa-thin":"thin"}),H)),be=we((O(Q={},Le,{solid:"fas",regular:"far",light:"fal",thin:"fat",duotone:"fad",brands:"fab",kit:"fak"}),O(Q,Ce,{solid:"fass",regular:"fasr",light:"fasl",thin:"fast"}),Q)),je=we((O(F={},Le,{fab:"fa-brands",fad:"fa-duotone",fak:"fa-kit",fal:"fa-light",far:"fa-regular",fas:"fa-solid",fat:"fa-thin"}),O(F,Ce,{fass:"fa-solid",fasr:"fa-regular",fasl:"fa-light",fast:"fa-thin"}),F)),fe=we((O(V={},Le,{"fa-brands":"fab","fa-duotone":"fad","fa-kit":"fak","fa-light":"fal","fa-regular":"far","fa-solid":"fas","fa-thin":"fat"}),O(V,Ce,{"fa-solid":"fass","fa-regular":"fasr","fa-light":"fasl","fa-thin":"fast"}),V)),ye=/fa(s|r|l|t|d|b|k|ss|sr|sl|st)?[\-\ ]/,xe="fa-layers-text",Ne=/Font ?Awesome ?([56 ]*)(Solid|Regular|Light|Thin|Duotone|Brands|Free|Pro|Sharp|Kit)?.*/i,Se=we((O(J={},Le,{900:"fas",400:"far",normal:"far",300:"fal",100:"fat"}),O(J,Ce,{900:"fass",400:"fasr",300:"fasl",100:"fast"}),J)),ve=[1,2,3,4,5,6,7,8,9,10],De=ve.concat([11,12,13,14,15,16,17,18,19,20]),Ie=["class","data-prefix","data-icon","data-fa-transform","data-fa-mask"],Ee={GROUP:"duotone-group",SWAP_OPACITY:"swap-opacity",PRIMARY:"primary",SECONDARY:"secondary"},Te=new Set;Object.keys(be[Le]).map(Te.add.bind(Te)),Object.keys(be[Ce]).map(Te.add.bind(Te));var ke=[].concat(he,P(Te),["2xs","xs","sm","lg","xl","2xl","beat","border","fade","beat-fade","bounce","flip-both","flip-horizontal","flip-vertical","flip","fw","inverse","layers-counter","layers-text","layers","li","pull-left","pull-right","pulse","rotate-180","rotate-270","rotate-90","rotate-by","shake","spin-pulse","spin-reverse","spin","stack-1x","stack-2x","stack","ul",Ee.GROUP,Ee.SWAP_OPACITY,Ee.PRIMARY,Ee.SECONDARY]).concat(ve.map((function(e){return"".concat(e,"x")}))).concat(De.map((function(e){return"w-".concat(e)}))),ze=K.FontAwesomeConfig||{};$&&"function"==typeof $.querySelector&&[["data-family-prefix","familyPrefix"],["data-css-prefix","cssPrefix"],["data-family-default","familyDefault"],["data-style-default","styleDefault"],["data-replacement-class","replacementClass"],["data-auto-replace-svg","autoReplaceSvg"],["data-auto-add-css","autoAddCss"],["data-auto-a11y","autoA11y"],["data-search-pseudo-elements","searchPseudoElements"],["data-observe-mutations","observeMutations"],["data-mutate-approach","mutateApproach"],["data-keep-original-source","keepOriginalSource"],["data-measure-performance","measurePerformance"],["data-show-missing-icons","showMissingIcons"]].forEach((function(e){var t=Y(e,2),n=t[0],r=t[1],o=function(e){return""===e||"false"!==e&&("true"===e||e)}(function(e){var t=$.querySelector("script["+e+"]");if(t)return t.getAttribute(e)}(n));null!=o&&(ze[r]=o)}));var Oe={styleDefault:"solid",familyDefault:"classic",cssPrefix:ie,replacementClass:se,autoReplaceSvg:!0,autoAddCss:!0,autoA11y:!0,searchPseudoElements:!1,observeMutations:!0,mutateApproach:"async",keepOriginalSource:!0,measurePerformance:!1,showMissingIcons:!0};ze.familyPrefix&&(ze.cssPrefix=ze.familyPrefix);var Ye=T(T({},Oe),ze);Ye.autoReplaceSvg||(Ye.observeMutations=!1);var Pe={};Object.keys(Oe).forEach((function(e){Object.defineProperty(Pe,e,{enumerable:!0,set:function(t){Ye[e]=t,Be.forEach((function(e){return e(Pe)}))},get:function(){return Ye[e]}})})),Object.defineProperty(Pe,"familyPrefix",{enumerable:!0,set:function(e){Ye.cssPrefix=e,Be.forEach((function(e){return e(Pe)}))},get:function(){return Ye.cssPrefix}}),K.FontAwesomeConfig=Pe;var Be=[],Re=16,Ue={size:16,x:0,y:0,rotate:0,flipX:!1,flipY:!1},Ge="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";function Ze(){for(var e=12,t="";e-- >0;)t+=Ge[62*Math.random()|0];return t}function _e(e){for(var t=[],n=(e||[]).length>>>0;n--;)t[n]=e[n];return t}function We(e){return e.classList?_e(e.classList):(e.getAttribute("class")||"").split(" ").filter((function(e){return e}))}function He(e){return"".concat(e).replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/'/g,"&#39;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function Qe(e){return Object.keys(e||{}).reduce((function(t,n){return t+"".concat(n,": ").concat(e[n].trim(),";")}),"")}function Fe(e){return e.size!==Ue.size||e.x!==Ue.x||e.y!==Ue.y||e.rotate!==Ue.rotate||e.flipX||e.flipY}var Ve=':root, :host {\n --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Solid";\n --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Regular";\n --fa-font-light: normal 300 1em/1 "Font Awesome 6 Light";\n --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Thin";\n --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";\n --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";\n --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp";\n --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp";\n --fa-font-sharp-thin: normal 100 1em/1 "Font Awesome 6 Sharp";\n --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";\n}\n\nsvg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {\n overflow: visible;\n box-sizing: content-box;\n}\n\n.svg-inline--fa {\n display: var(--fa-display, inline-block);\n height: 1em;\n overflow: visible;\n vertical-align: -0.125em;\n}\n.svg-inline--fa.fa-2xs {\n vertical-align: 0.1em;\n}\n.svg-inline--fa.fa-xs {\n vertical-align: 0em;\n}\n.svg-inline--fa.fa-sm {\n vertical-align: -0.0714285705em;\n}\n.svg-inline--fa.fa-lg {\n vertical-align: -0.2em;\n}\n.svg-inline--fa.fa-xl {\n vertical-align: -0.25em;\n}\n.svg-inline--fa.fa-2xl {\n vertical-align: -0.3125em;\n}\n.svg-inline--fa.fa-pull-left {\n margin-right: var(--fa-pull-margin, 0.3em);\n width: auto;\n}\n.svg-inline--fa.fa-pull-right {\n margin-left: var(--fa-pull-margin, 0.3em);\n width: auto;\n}\n.svg-inline--fa.fa-li {\n width: var(--fa-li-width, 2em);\n top: 0.25em;\n}\n.svg-inline--fa.fa-fw {\n width: var(--fa-fw-width, 1.25em);\n}\n\n.fa-layers svg.svg-inline--fa {\n bottom: 0;\n left: 0;\n margin: auto;\n position: absolute;\n right: 0;\n top: 0;\n}\n\n.fa-layers-counter, .fa-layers-text {\n display: inline-block;\n position: absolute;\n text-align: center;\n}\n\n.fa-layers {\n display: inline-block;\n height: 1em;\n position: relative;\n text-align: center;\n vertical-align: -0.125em;\n width: 1em;\n}\n.fa-layers svg.svg-inline--fa {\n -webkit-transform-origin: center center;\n transform-origin: center center;\n}\n\n.fa-layers-text {\n left: 50%;\n top: 50%;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n -webkit-transform-origin: center center;\n transform-origin: center center;\n}\n\n.fa-layers-counter {\n background-color: var(--fa-counter-background-color, #ff253a);\n border-radius: var(--fa-counter-border-radius, 1em);\n box-sizing: border-box;\n color: var(--fa-inverse, #fff);\n line-height: var(--fa-counter-line-height, 1);\n max-width: var(--fa-counter-max-width, 5em);\n min-width: var(--fa-counter-min-width, 1.5em);\n overflow: hidden;\n padding: var(--fa-counter-padding, 0.25em 0.5em);\n right: var(--fa-right, 0);\n text-overflow: ellipsis;\n top: var(--fa-top, 0);\n -webkit-transform: scale(var(--fa-counter-scale, 0.25));\n transform: scale(var(--fa-counter-scale, 0.25));\n -webkit-transform-origin: top right;\n transform-origin: top right;\n}\n\n.fa-layers-bottom-right {\n bottom: var(--fa-bottom, 0);\n right: var(--fa-right, 0);\n top: auto;\n -webkit-transform: scale(var(--fa-layers-scale, 0.25));\n transform: scale(var(--fa-layers-scale, 0.25));\n -webkit-transform-origin: bottom right;\n transform-origin: bottom right;\n}\n\n.fa-layers-bottom-left {\n bottom: var(--fa-bottom, 0);\n left: var(--fa-left, 0);\n right: auto;\n top: auto;\n -webkit-transform: scale(var(--fa-layers-scale, 0.25));\n transform: scale(var(--fa-layers-scale, 0.25));\n -webkit-transform-origin: bottom left;\n transform-origin: bottom left;\n}\n\n.fa-layers-top-right {\n top: var(--fa-top, 0);\n right: var(--fa-right, 0);\n -webkit-transform: scale(var(--fa-layers-scale, 0.25));\n transform: scale(var(--fa-layers-scale, 0.25));\n -webkit-transform-origin: top right;\n transform-origin: top right;\n}\n\n.fa-layers-top-left {\n left: var(--fa-left, 0);\n right: auto;\n top: var(--fa-top, 0);\n -webkit-transform: scale(var(--fa-layers-scale, 0.25));\n transform: scale(var(--fa-layers-scale, 0.25));\n -webkit-transform-origin: top left;\n transform-origin: top left;\n}\n\n.fa-1x {\n font-size: 1em;\n}\n\n.fa-2x {\n font-size: 2em;\n}\n\n.fa-3x {\n font-size: 3em;\n}\n\n.fa-4x {\n font-size: 4em;\n}\n\n.fa-5x {\n font-size: 5em;\n}\n\n.fa-6x {\n font-size: 6em;\n}\n\n.fa-7x {\n font-size: 7em;\n}\n\n.fa-8x {\n font-size: 8em;\n}\n\n.fa-9x {\n font-size: 9em;\n}\n\n.fa-10x {\n font-size: 10em;\n}\n\n.fa-2xs {\n font-size: 0.625em;\n line-height: 0.1em;\n vertical-align: 0.225em;\n}\n\n.fa-xs {\n font-size: 0.75em;\n line-height: 0.0833333337em;\n vertical-align: 0.125em;\n}\n\n.fa-sm {\n font-size: 0.875em;\n line-height: 0.0714285718em;\n vertical-align: 0.0535714295em;\n}\n\n.fa-lg {\n font-size: 1.25em;\n line-height: 0.05em;\n vertical-align: -0.075em;\n}\n\n.fa-xl {\n font-size: 1.5em;\n line-height: 0.0416666682em;\n vertical-align: -0.125em;\n}\n\n.fa-2xl {\n font-size: 2em;\n line-height: 0.03125em;\n vertical-align: -0.1875em;\n}\n\n.fa-fw {\n text-align: center;\n width: 1.25em;\n}\n\n.fa-ul {\n list-style-type: none;\n margin-left: var(--fa-li-margin, 2.5em);\n padding-left: 0;\n}\n.fa-ul > li {\n position: relative;\n}\n\n.fa-li {\n left: calc(var(--fa-li-width, 2em) * -1);\n position: absolute;\n text-align: center;\n width: var(--fa-li-width, 2em);\n line-height: inherit;\n}\n\n.fa-border {\n border-color: var(--fa-border-color, #eee);\n border-radius: var(--fa-border-radius, 0.1em);\n border-style: var(--fa-border-style, solid);\n border-width: var(--fa-border-width, 0.08em);\n padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);\n}\n\n.fa-pull-left {\n float: left;\n margin-right: var(--fa-pull-margin, 0.3em);\n}\n\n.fa-pull-right {\n float: right;\n margin-left: var(--fa-pull-margin, 0.3em);\n}\n\n.fa-beat {\n -webkit-animation-name: fa-beat;\n animation-name: fa-beat;\n -webkit-animation-delay: var(--fa-animation-delay, 0s);\n animation-delay: var(--fa-animation-delay, 0s);\n -webkit-animation-direction: var(--fa-animation-direction, normal);\n animation-direction: var(--fa-animation-direction, normal);\n -webkit-animation-duration: var(--fa-animation-duration, 1s);\n animation-duration: var(--fa-animation-duration, 1s);\n -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);\n animation-timing-function: var(--fa-animation-timing, ease-in-out);\n}\n\n.fa-bounce {\n -webkit-animation-name: fa-bounce;\n animation-name: fa-bounce;\n -webkit-animation-delay: var(--fa-animation-delay, 0s);\n animation-delay: var(--fa-animation-delay, 0s);\n -webkit-animation-direction: var(--fa-animation-direction, normal);\n animation-direction: var(--fa-animation-direction, normal);\n -webkit-animation-duration: var(--fa-animation-duration, 1s);\n animation-duration: var(--fa-animation-duration, 1s);\n -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));\n animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));\n}\n\n.fa-fade {\n -webkit-animation-name: fa-fade;\n animation-name: fa-fade;\n -webkit-animation-delay: var(--fa-animation-delay, 0s);\n animation-delay: var(--fa-animation-delay, 0s);\n -webkit-animation-direction: var(--fa-animation-direction, normal);\n animation-direction: var(--fa-animation-direction, normal);\n -webkit-animation-duration: var(--fa-animation-duration, 1s);\n animation-duration: var(--fa-animation-duration, 1s);\n -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));\n animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));\n}\n\n.fa-beat-fade {\n -webkit-animation-name: fa-beat-fade;\n animation-name: fa-beat-fade;\n -webkit-animation-delay: var(--fa-animation-delay, 0s);\n animation-delay: var(--fa-animation-delay, 0s);\n -webkit-animation-direction: var(--fa-animation-direction, normal);\n animation-direction: var(--fa-animation-direction, normal);\n -webkit-animation-duration: var(--fa-animation-duration, 1s);\n animation-duration: var(--fa-animation-duration, 1s);\n -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));\n animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));\n}\n\n.fa-flip {\n -webkit-animation-name: fa-flip;\n animation-name: fa-flip;\n -webkit-animation-delay: var(--fa-animation-delay, 0s);\n animation-delay: var(--fa-animation-delay, 0s);\n -webkit-animation-direction: var(--fa-animation-direction, normal);\n animation-direction: var(--fa-animation-direction, normal);\n -webkit-animation-duration: var(--fa-animation-duration, 1s);\n animation-duration: var(--fa-animation-duration, 1s);\n -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);\n animation-timing-function: var(--fa-animation-timing, ease-in-out);\n}\n\n.fa-shake {\n -webkit-animation-name: fa-shake;\n animation-name: fa-shake;\n -webkit-animation-delay: var(--fa-animation-delay, 0s);\n animation-delay: var(--fa-animation-delay, 0s);\n -webkit-animation-direction: var(--fa-animation-direction, normal);\n animation-direction: var(--fa-animation-direction, normal);\n -webkit-animation-duration: var(--fa-animation-duration, 1s);\n animation-duration: var(--fa-animation-duration, 1s);\n -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n -webkit-animation-timing-function: var(--fa-animation-timing, linear);\n animation-timing-function: var(--fa-animation-timing, linear);\n}\n\n.fa-spin {\n -webkit-animation-name: fa-spin;\n animation-name: fa-spin;\n -webkit-animation-delay: var(--fa-animation-delay, 0s);\n animation-delay: var(--fa-animation-delay, 0s);\n -webkit-animation-direction: var(--fa-animation-direction, normal);\n animation-direction: var(--fa-animation-direction, normal);\n -webkit-animation-duration: var(--fa-animation-duration, 2s);\n animation-duration: var(--fa-animation-duration, 2s);\n -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n -webkit-animation-timing-function: var(--fa-animation-timing, linear);\n animation-timing-function: var(--fa-animation-timing, linear);\n}\n\n.fa-spin-reverse {\n --fa-animation-direction: reverse;\n}\n\n.fa-pulse,\n.fa-spin-pulse {\n -webkit-animation-name: fa-spin;\n animation-name: fa-spin;\n -webkit-animation-direction: var(--fa-animation-direction, normal);\n animation-direction: var(--fa-animation-direction, normal);\n -webkit-animation-duration: var(--fa-animation-duration, 1s);\n animation-duration: var(--fa-animation-duration, 1s);\n -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));\n animation-timing-function: var(--fa-animation-timing, steps(8));\n}\n\n@media (prefers-reduced-motion: reduce) {\n .fa-beat,\n.fa-bounce,\n.fa-fade,\n.fa-beat-fade,\n.fa-flip,\n.fa-pulse,\n.fa-shake,\n.fa-spin,\n.fa-spin-pulse {\n -webkit-animation-delay: -1ms;\n animation-delay: -1ms;\n -webkit-animation-duration: 1ms;\n animation-duration: 1ms;\n -webkit-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-transition-delay: 0s;\n transition-delay: 0s;\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n@-webkit-keyframes fa-beat {\n 0%, 90% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n 45% {\n -webkit-transform: scale(var(--fa-beat-scale, 1.25));\n transform: scale(var(--fa-beat-scale, 1.25));\n }\n}\n@keyframes fa-beat {\n 0%, 90% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n 45% {\n -webkit-transform: scale(var(--fa-beat-scale, 1.25));\n transform: scale(var(--fa-beat-scale, 1.25));\n }\n}\n@-webkit-keyframes fa-bounce {\n 0% {\n -webkit-transform: scale(1, 1) translateY(0);\n transform: scale(1, 1) translateY(0);\n }\n 10% {\n -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);\n transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);\n }\n 30% {\n -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));\n transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));\n }\n 50% {\n -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);\n transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);\n }\n 57% {\n -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));\n transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));\n }\n 64% {\n -webkit-transform: scale(1, 1) translateY(0);\n transform: scale(1, 1) translateY(0);\n }\n 100% {\n -webkit-transform: scale(1, 1) translateY(0);\n transform: scale(1, 1) translateY(0);\n }\n}\n@keyframes fa-bounce {\n 0% {\n -webkit-transform: scale(1, 1) translateY(0);\n transform: scale(1, 1) translateY(0);\n }\n 10% {\n -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);\n transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);\n }\n 30% {\n -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));\n transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));\n }\n 50% {\n -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);\n transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);\n }\n 57% {\n -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));\n transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));\n }\n 64% {\n -webkit-transform: scale(1, 1) translateY(0);\n transform: scale(1, 1) translateY(0);\n }\n 100% {\n -webkit-transform: scale(1, 1) translateY(0);\n transform: scale(1, 1) translateY(0);\n }\n}\n@-webkit-keyframes fa-fade {\n 50% {\n opacity: var(--fa-fade-opacity, 0.4);\n }\n}\n@keyframes fa-fade {\n 50% {\n opacity: var(--fa-fade-opacity, 0.4);\n }\n}\n@-webkit-keyframes fa-beat-fade {\n 0%, 100% {\n opacity: var(--fa-beat-fade-opacity, 0.4);\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n 50% {\n opacity: 1;\n -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));\n transform: scale(var(--fa-beat-fade-scale, 1.125));\n }\n}\n@keyframes fa-beat-fade {\n 0%, 100% {\n opacity: var(--fa-beat-fade-opacity, 0.4);\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n 50% {\n opacity: 1;\n -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));\n transform: scale(var(--fa-beat-fade-scale, 1.125));\n }\n}\n@-webkit-keyframes fa-flip {\n 50% {\n -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));\n transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));\n }\n}\n@keyframes fa-flip {\n 50% {\n -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));\n transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));\n }\n}\n@-webkit-keyframes fa-shake {\n 0% {\n -webkit-transform: rotate(-15deg);\n transform: rotate(-15deg);\n }\n 4% {\n -webkit-transform: rotate(15deg);\n transform: rotate(15deg);\n }\n 8%, 24% {\n -webkit-transform: rotate(-18deg);\n transform: rotate(-18deg);\n }\n 12%, 28% {\n -webkit-transform: rotate(18deg);\n transform: rotate(18deg);\n }\n 16% {\n -webkit-transform: rotate(-22deg);\n transform: rotate(-22deg);\n }\n 20% {\n -webkit-transform: rotate(22deg);\n transform: rotate(22deg);\n }\n 32% {\n -webkit-transform: rotate(-12deg);\n transform: rotate(-12deg);\n }\n 36% {\n -webkit-transform: rotate(12deg);\n transform: rotate(12deg);\n }\n 40%, 100% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n}\n@keyframes fa-shake {\n 0% {\n -webkit-transform: rotate(-15deg);\n transform: rotate(-15deg);\n }\n 4% {\n -webkit-transform: rotate(15deg);\n transform: rotate(15deg);\n }\n 8%, 24% {\n -webkit-transform: rotate(-18deg);\n transform: rotate(-18deg);\n }\n 12%, 28% {\n -webkit-transform: rotate(18deg);\n transform: rotate(18deg);\n }\n 16% {\n -webkit-transform: rotate(-22deg);\n transform: rotate(-22deg);\n }\n 20% {\n -webkit-transform: rotate(22deg);\n transform: rotate(22deg);\n }\n 32% {\n -webkit-transform: rotate(-12deg);\n transform: rotate(-12deg);\n }\n 36% {\n -webkit-transform: rotate(12deg);\n transform: rotate(12deg);\n }\n 40%, 100% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n}\n@-webkit-keyframes fa-spin {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes fa-spin {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n.fa-rotate-90 {\n -webkit-transform: rotate(90deg);\n transform: rotate(90deg);\n}\n\n.fa-rotate-180 {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n\n.fa-rotate-270 {\n -webkit-transform: rotate(270deg);\n transform: rotate(270deg);\n}\n\n.fa-flip-horizontal {\n -webkit-transform: scale(-1, 1);\n transform: scale(-1, 1);\n}\n\n.fa-flip-vertical {\n -webkit-transform: scale(1, -1);\n transform: scale(1, -1);\n}\n\n.fa-flip-both,\n.fa-flip-horizontal.fa-flip-vertical {\n -webkit-transform: scale(-1, -1);\n transform: scale(-1, -1);\n}\n\n.fa-rotate-by {\n -webkit-transform: rotate(var(--fa-rotate-angle, 0));\n transform: rotate(var(--fa-rotate-angle, 0));\n}\n\n.fa-stack {\n display: inline-block;\n vertical-align: middle;\n height: 2em;\n position: relative;\n width: 2.5em;\n}\n\n.fa-stack-1x,\n.fa-stack-2x {\n bottom: 0;\n left: 0;\n margin: auto;\n position: absolute;\n right: 0;\n top: 0;\n z-index: var(--fa-stack-z-index, auto);\n}\n\n.svg-inline--fa.fa-stack-1x {\n height: 1em;\n width: 1.25em;\n}\n.svg-inline--fa.fa-stack-2x {\n height: 2em;\n width: 2.5em;\n}\n\n.fa-inverse {\n color: var(--fa-inverse, #fff);\n}\n\n.sr-only,\n.fa-sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n.sr-only-focusable:not(:focus),\n.fa-sr-only-focusable:not(:focus) {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n.svg-inline--fa .fa-primary {\n fill: var(--fa-primary-color, currentColor);\n opacity: var(--fa-primary-opacity, 1);\n}\n\n.svg-inline--fa .fa-secondary {\n fill: var(--fa-secondary-color, currentColor);\n opacity: var(--fa-secondary-opacity, 0.4);\n}\n\n.svg-inline--fa.fa-swap-opacity .fa-primary {\n opacity: var(--fa-secondary-opacity, 0.4);\n}\n\n.svg-inline--fa.fa-swap-opacity .fa-secondary {\n opacity: var(--fa-primary-opacity, 1);\n}\n\n.svg-inline--fa mask .fa-primary,\n.svg-inline--fa mask .fa-secondary {\n fill: black;\n}\n\n.fad.fa-inverse,\n.fa-duotone.fa-inverse {\n color: var(--fa-inverse, #fff);\n}';function Je(){var e=ie,t=se,n=Pe.cssPrefix,r=Pe.replacementClass,o=Ve;if(n!==e||r!==t){var i=new RegExp("\\.".concat(e,"\\-"),"g"),s=new RegExp("\\--".concat(e,"\\-"),"g"),a=new RegExp("\\.".concat(t),"g");o=o.replace(i,".".concat(n,"-")).replace(s,"--".concat(n,"-")).replace(a,".".concat(r))}return o}var Xe=!1;function qe(){Pe.autoAddCss&&!Xe&&(function(e){if(e&&ne){var t=$.createElement("style");t.setAttribute("type","text/css"),t.innerHTML=e;for(var n=$.head.childNodes,r=null,o=n.length-1;o>-1;o--){var i=n[o],s=(i.tagName||"").toUpperCase();["STYLE","LINK"].indexOf(s)>-1&&(r=i)}$.head.insertBefore(t,r)}}(Je()),Xe=!0)}var Ke={mixout:function(){return{dom:{css:Je,insertCss:qe}}},hooks:function(){return{beforeDOMElementCreation:function(){qe()},beforeI2svg:function(){qe()}}}},$e=K||{};$e[oe]||($e[oe]={}),$e[oe].styles||($e[oe].styles={}),$e[oe].hooks||($e[oe].hooks={}),$e[oe].shims||($e[oe].shims=[]);var et=$e[oe],tt=[],nt=!1;function rt(e){var t=e.tag,n=e.attributes,r=void 0===n?{}:n,o=e.children,i=void 0===o?[]:o;return"string"==typeof e?He(e):"<".concat(t," ").concat(function(e){return Object.keys(e||{}).reduce((function(t,n){return t+"".concat(n,'="').concat(He(e[n]),'" ')}),"").trim()}(r),">").concat(i.map(rt).join(""),"</").concat(t,">")}function ot(e,t,n){if(e&&e[t]&&e[t][n])return{prefix:t,iconName:n,icon:e[t][n]}}ne&&((nt=($.documentElement.doScroll?/^loaded|^c/:/^loaded|^i|^c/).test($.readyState))||$.addEventListener("DOMContentLoaded",(function e(){$.removeEventListener("DOMContentLoaded",e),nt=1,tt.map((function(e){return e()}))})));var it=function(e,t,n,r){var o,i,s,a=Object.keys(e),l=a.length,c=void 0!==r?function(e,t){return function(n,r,o,i){return e.call(t,n,r,o,i)}}(t,r):t;for(void 0===n?(o=1,s=e[a[0]]):(o=0,s=n);o<l;o++)s=c(s,e[i=a[o]],i,e);return s};function st(e){var t=function(e){for(var t=[],n=0,r=e.length;n<r;){var o=e.charCodeAt(n++);if(o>=55296&&o<=56319&&n<r){var i=e.charCodeAt(n++);56320==(64512&i)?t.push(((1023&o)<<10)+(1023&i)+65536):(t.push(o),n--)}else t.push(o)}return t}(e);return 1===t.length?t[0].toString(16):null}function at(e){return Object.keys(e).reduce((function(t,n){var r=e[n];return r.icon?t[r.iconName]=r.icon:t[n]=r,t}),{})}function lt(e,t){var n=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).skipHooks,r=void 0!==n&&n,o=at(t);"function"!=typeof et.hooks.addPack||r?et.styles[e]=T(T({},et.styles[e]||{}),o):et.hooks.addPack(e,at(t)),"fas"===e&&lt("fa",t)}var ct,ut,dt,pt=et.styles,At=et.shims,Mt=(O(ct={},Le,Object.values(je[Le])),O(ct,Ce,Object.values(je[Ce])),ct),gt=null,Lt={},Ct={},ht={},wt={},mt={},bt=(O(ut={},Le,Object.keys(me[Le])),O(ut,Ce,Object.keys(me[Ce])),ut);var jt,ft=function(){var e=function(e){return it(pt,(function(t,n,r){return t[r]=it(n,e,{}),t}),{})};Lt=e((function(e,t,n){return t[3]&&(e[t[3]]=n),t[2]&&t[2].filter((function(e){return"number"==typeof e})).forEach((function(t){e[t.toString(16)]=n})),e})),Ct=e((function(e,t,n){return e[n]=n,t[2]&&t[2].filter((function(e){return"string"==typeof e})).forEach((function(t){e[t]=n})),e})),mt=e((function(e,t,n){var r=t[2];return e[n]=n,r.forEach((function(t){e[t]=n})),e}));var t="far"in pt||Pe.autoFetchSvg,n=it(At,(function(e,n){var r=n[0],o=n[1],i=n[2];return"far"!==o||t||(o="fas"),"string"==typeof r&&(e.names[r]={prefix:o,iconName:i}),"number"==typeof r&&(e.unicodes[r.toString(16)]={prefix:o,iconName:i}),e}),{names:{},unicodes:{}});ht=n.names,wt=n.unicodes,gt=Dt(Pe.styleDefault,{family:Pe.familyDefault})};function yt(e,t){return(Lt[e]||{})[t]}function xt(e,t){return(mt[e]||{})[t]}function Nt(e){return ht[e]||{prefix:null,iconName:null}}function St(){return gt}jt=function(e){gt=Dt(e.styleDefault,{family:Pe.familyDefault})},Be.push(jt),ft();var vt=function(){return{prefix:null,iconName:null,rest:[]}};function Dt(e){var t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).family,n=void 0===t?Le:t,r=me[n][e],o=be[n][e]||be[n][r],i=e in et.styles?e:null;return o||i||null}var It=(O(dt={},Le,Object.keys(je[Le])),O(dt,Ce,Object.keys(je[Ce])),dt);function Et(e){var t,n=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).skipLookups,r=void 0!==n&&n,o=(O(t={},Le,"".concat(Pe.cssPrefix,"-").concat(Le)),O(t,Ce,"".concat(Pe.cssPrefix,"-").concat(Ce)),t),i=null,s=Le;(e.includes(o[Le])||e.some((function(e){return It[Le].includes(e)})))&&(s=Le),(e.includes(o[Ce])||e.some((function(e){return It[Ce].includes(e)})))&&(s=Ce);var a=e.reduce((function(e,t){var n=function(e,t){var n,r=t.split("-"),o=r[0],i=r.slice(1).join("-");return o!==e||""===i||(n=i,~ke.indexOf(n))?null:i}(Pe.cssPrefix,t);if(pt[t]?(t=Mt[s].includes(t)?fe[s][t]:t,i=t,e.prefix=t):bt[s].indexOf(t)>-1?(i=t,e.prefix=Dt(t,{family:s})):n?e.iconName=n:t!==Pe.replacementClass&&t!==o[Le]&&t!==o[Ce]&&e.rest.push(t),!r&&e.prefix&&e.iconName){var a="fa"===i?Nt(e.iconName):{},l=xt(e.prefix,e.iconName);a.prefix&&(i=null),e.iconName=a.iconName||l||e.iconName,e.prefix=a.prefix||e.prefix,"far"!==e.prefix||pt.far||!pt.fas||Pe.autoFetchSvg||(e.prefix="fas")}return e}),vt());return(e.includes("fa-brands")||e.includes("fab"))&&(a.prefix="fab"),(e.includes("fa-duotone")||e.includes("fad"))&&(a.prefix="fad"),a.prefix||s!==Ce||!pt.fass&&!Pe.autoFetchSvg||(a.prefix="fass",a.iconName=xt(a.prefix,a.iconName)||a.iconName),"fa"!==a.prefix&&"fa"!==i||(a.prefix=St()||"fas"),a}var Tt=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.definitions={}}var t,n;return t=e,n=[{key:"add",value:function(){for(var e=this,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];var o=n.reduce(this._pullDefinitions,{});Object.keys(o).forEach((function(t){e.definitions[t]=T(T({},e.definitions[t]||{}),o[t]),lt(t,o[t]);var n=je[Le][t];n&&lt(n,o[t]),ft()}))}},{key:"reset",value:function(){this.definitions={}}},{key:"_pullDefinitions",value:function(e,t){var n=t.prefix&&t.iconName&&t.icon?{0:t}:t;return Object.keys(n).map((function(t){var r=n[t],o=r.prefix,i=r.iconName,s=r.icon,a=s[2];e[o]||(e[o]={}),a.length>0&&a.forEach((function(t){"string"==typeof t&&(e[o][t]=s)})),e[o][i]=s})),e}}],n&&z(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),e}(),kt=[],zt={},Ot={},Yt=Object.keys(Ot);function Pt(e,t){for(var n=arguments.length,r=new Array(n>2?n-2:0),o=2;o<n;o++)r[o-2]=arguments[o];return(zt[e]||[]).forEach((function(e){t=e.apply(null,[t].concat(r))})),t}function Bt(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];(zt[e]||[]).forEach((function(e){e.apply(null,n)}))}function Rt(){var e=arguments[0],t=Array.prototype.slice.call(arguments,1);return Ot[e]?Ot[e].apply(null,t):void 0}function Ut(e){"fa"===e.prefix&&(e.prefix="fas");var t=e.iconName,n=e.prefix||St();if(t)return t=xt(n,t)||t,ot(Gt.definitions,n,t)||ot(et.styles,n,t)}var Gt=new Tt,Zt={i2svg:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return ne?(Bt("beforeI2svg",e),Rt("pseudoElements2svg",e),Rt("i2svg",e)):Promise.reject("Operation requires a DOM of some kind.")},watch:function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=t.autoReplaceSvgRoot;!1===Pe.autoReplaceSvg&&(Pe.autoReplaceSvg=!0),Pe.observeMutations=!0,e=function(){Wt({autoReplaceSvgRoot:n}),Bt("watch",t)},ne&&(nt?setTimeout(e,0):tt.push(e))}},_t={noAuto:function(){Pe.autoReplaceSvg=!1,Pe.observeMutations=!1,Bt("noAuto")},config:Pe,dom:Zt,parse:{icon:function(e){if(null===e)return null;if("object"===k(e)&&e.prefix&&e.iconName)return{prefix:e.prefix,iconName:xt(e.prefix,e.iconName)||e.iconName};if(Array.isArray(e)&&2===e.length){var t=0===e[1].indexOf("fa-")?e[1].slice(3):e[1],n=Dt(e[0]);return{prefix:n,iconName:xt(n,t)||t}}if("string"==typeof e&&(e.indexOf("".concat(Pe.cssPrefix,"-"))>-1||e.match(ye))){var r=Et(e.split(" "),{skipLookups:!0});return{prefix:r.prefix||St(),iconName:xt(r.prefix,r.iconName)||r.iconName}}if("string"==typeof e){var o=St();return{prefix:o,iconName:xt(o,e)||e}}}},library:Gt,findIconDefinition:Ut,toHtml:rt},Wt=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).autoReplaceSvgRoot,t=void 0===e?$:e;(Object.keys(et.styles).length>0||Pe.autoFetchSvg)&&ne&&Pe.autoReplaceSvg&&_t.dom.i2svg({node:t})};function Ht(e,t){return Object.defineProperty(e,"abstract",{get:t}),Object.defineProperty(e,"html",{get:function(){return e.abstract.map((function(e){return rt(e)}))}}),Object.defineProperty(e,"node",{get:function(){if(ne){var t=$.createElement("div");return t.innerHTML=e.html,t.children}}}),e}function Qt(e){var t=e.icons,n=t.main,r=t.mask,o=e.prefix,i=e.iconName,s=e.transform,a=e.symbol,l=e.title,c=e.maskId,u=e.titleId,d=e.extra,p=e.watchable,A=void 0!==p&&p,M=r.found?r:n,g=M.width,L=M.height,C="fak"===o,h=[Pe.replacementClass,i?"".concat(Pe.cssPrefix,"-").concat(i):""].filter((function(e){return-1===d.classes.indexOf(e)})).filter((function(e){return""!==e||!!e})).concat(d.classes).join(" "),w={children:[],attributes:T(T({},d.attributes),{},{"data-prefix":o,"data-icon":i,class:h,role:d.attributes.role||"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 ".concat(g," ").concat(L)})},m=C&&!~d.classes.indexOf("fa-fw")?{width:"".concat(g/L*16*.0625,"em")}:{};A&&(w.attributes[ae]=""),l&&(w.children.push({tag:"title",attributes:{id:w.attributes["aria-labelledby"]||"title-".concat(u||Ze())},children:[l]}),delete w.attributes.title);var b=T(T({},w),{},{prefix:o,iconName:i,main:n,mask:r,maskId:c,transform:s,symbol:a,styles:T(T({},m),d.styles)}),j=r.found&&n.found?Rt("generateAbstractMask",b)||{children:[],attributes:{}}:Rt("generateAbstractIcon",b)||{children:[],attributes:{}},f=j.children,y=j.attributes;return b.children=f,b.attributes=y,a?function(e){var t=e.prefix,n=e.iconName,r=e.children,o=e.attributes,i=e.symbol,s=!0===i?"".concat(t,"-").concat(Pe.cssPrefix,"-").concat(n):i;return[{tag:"svg",attributes:{style:"display: none;"},children:[{tag:"symbol",attributes:T(T({},o),{},{id:s}),children:r}]}]}(b):function(e){var t=e.children,n=e.main,r=e.mask,o=e.attributes,i=e.styles,s=e.transform;if(Fe(s)&&n.found&&!r.found){var a={x:n.width/n.height/2,y:.5};o.style=Qe(T(T({},i),{},{"transform-origin":"".concat(a.x+s.x/16,"em ").concat(a.y+s.y/16,"em")}))}return[{tag:"svg",attributes:o,children:t}]}(b)}function Ft(e){var t=e.content,n=e.width,r=e.height,o=e.transform,i=e.title,s=e.extra,a=e.watchable,l=void 0!==a&&a,c=T(T(T({},s.attributes),i?{title:i}:{}),{},{class:s.classes.join(" ")});l&&(c[ae]="");var u=T({},s.styles);Fe(o)&&(u.transform=function(e){var t=e.transform,n=e.width,r=void 0===n?16:n,o=e.height,i=void 0===o?16:o,s=e.startCentered,a=void 0!==s&&s,l="";return l+=a&&re?"translate(".concat(t.x/Re-r/2,"em, ").concat(t.y/Re-i/2,"em) "):a?"translate(calc(-50% + ".concat(t.x/Re,"em), calc(-50% + ").concat(t.y/Re,"em)) "):"translate(".concat(t.x/Re,"em, ").concat(t.y/Re,"em) "),(l+="scale(".concat(t.size/Re*(t.flipX?-1:1),", ").concat(t.size/Re*(t.flipY?-1:1),") "))+"rotate(".concat(t.rotate,"deg) ")}({transform:o,startCentered:!0,width:n,height:r}),u["-webkit-transform"]=u.transform);var d=Qe(u);d.length>0&&(c.style=d);var p=[];return p.push({tag:"span",attributes:c,children:[t]}),i&&p.push({tag:"span",attributes:{class:"sr-only"},children:[i]}),p}var Vt=et.styles;function Jt(e){var t=e[0],n=e[1],r=Y(e.slice(4),1)[0];return{found:!0,width:t,height:n,icon:Array.isArray(r)?{tag:"g",attributes:{class:"".concat(Pe.cssPrefix,"-").concat(Ee.GROUP)},children:[{tag:"path",attributes:{class:"".concat(Pe.cssPrefix,"-").concat(Ee.SECONDARY),fill:"currentColor",d:r[0]}},{tag:"path",attributes:{class:"".concat(Pe.cssPrefix,"-").concat(Ee.PRIMARY),fill:"currentColor",d:r[1]}}]}:{tag:"path",attributes:{fill:"currentColor",d:r}}}}var Xt={found:!1,width:512,height:512};function qt(e,t){var n=t;return"fa"===t&&null!==Pe.styleDefault&&(t=St()),new Promise((function(r,o){if(Rt("missingIconAbstract"),"fa"===n){var i=Nt(e)||{};e=i.iconName||e,t=i.prefix||t}if(e&&t&&Vt[t]&&Vt[t][e])return r(Jt(Vt[t][e]));!function(e,t){ge||Pe.showMissingIcons||!e||console.error('Icon with name "'.concat(e,'" and prefix "').concat(t,'" is missing.'))}(e,t),r(T(T({},Xt),{},{icon:Pe.showMissingIcons&&e&&Rt("missingIconAbstract")||{}}))}))}var Kt=function(){},$t=Pe.measurePerformance&&te&&te.mark&&te.measure?te:{mark:Kt,measure:Kt},en='FA "6.5.2"',tn=function(e){$t.mark("".concat(en," ").concat(e," ends")),$t.measure("".concat(en," ").concat(e),"".concat(en," ").concat(e," begins"),"".concat(en," ").concat(e," ends"))},nn={begin:function(e){return $t.mark("".concat(en," ").concat(e," begins")),function(){return tn(e)}},end:tn},rn=function(){};function on(e){return"string"==typeof(e.getAttribute?e.getAttribute(ae):null)}function sn(e){return $.createElementNS("http://www.w3.org/2000/svg",e)}function an(e){return $.createElement(e)}function ln(e){var t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).ceFn,n=void 0===t?"svg"===e.tag?sn:an:t;if("string"==typeof e)return $.createTextNode(e);var r=n(e.tag);return Object.keys(e.attributes||[]).forEach((function(t){r.setAttribute(t,e.attributes[t])})),(e.children||[]).forEach((function(e){r.appendChild(ln(e,{ceFn:n}))})),r}var cn={replace:function(e){var t=e[0];if(t.parentNode)if(e[1].forEach((function(e){t.parentNode.insertBefore(ln(e),t)})),null===t.getAttribute(ae)&&Pe.keepOriginalSource){var n=$.createComment(function(e){var t=" ".concat(e.outerHTML," ");return"".concat(t,"Font Awesome fontawesome.com ")}(t));t.parentNode.replaceChild(n,t)}else t.remove()},nest:function(e){var t=e[0],n=e[1];if(~We(t).indexOf(Pe.replacementClass))return cn.replace(e);var r=new RegExp("".concat(Pe.cssPrefix,"-.*"));if(delete n[0].attributes.id,n[0].attributes.class){var o=n[0].attributes.class.split(" ").reduce((function(e,t){return t===Pe.replacementClass||t.match(r)?e.toSvg.push(t):e.toNode.push(t),e}),{toNode:[],toSvg:[]});n[0].attributes.class=o.toSvg.join(" "),0===o.toNode.length?t.removeAttribute("class"):t.setAttribute("class",o.toNode.join(" "))}var i=n.map((function(e){return rt(e)})).join("\n");t.setAttribute(ae,""),t.innerHTML=i}};function un(e){e()}function dn(e,t){var n="function"==typeof t?t:rn;if(0===e.length)n();else{var r=un;Pe.mutateApproach===Ae&&(r=K.requestAnimationFrame||un),r((function(){var t=!0===Pe.autoReplaceSvg?cn.replace:cn[Pe.autoReplaceSvg]||cn.replace,r=nn.begin("mutate");e.map(t),r(),n()}))}}var pn=!1;function An(){pn=!0}function Mn(){pn=!1}var gn=null;function Ln(e){if(ee&&Pe.observeMutations){var t=e.treeCallback,n=void 0===t?rn:t,r=e.nodeCallback,o=void 0===r?rn:r,i=e.pseudoElementsCallback,s=void 0===i?rn:i,a=e.observeMutationsRoot,l=void 0===a?$:a;gn=new ee((function(e){if(!pn){var t=St();_e(e).forEach((function(e){if("childList"===e.type&&e.addedNodes.length>0&&!on(e.addedNodes[0])&&(Pe.searchPseudoElements&&s(e.target),n(e.target)),"attributes"===e.type&&e.target.parentNode&&Pe.searchPseudoElements&&s(e.target.parentNode),"attributes"===e.type&&on(e.target)&&~Ie.indexOf(e.attributeName))if("class"===e.attributeName&&function(e){var t=e.getAttribute?e.getAttribute(ue):null,n=e.getAttribute?e.getAttribute(de):null;return t&&n}(e.target)){var r=Et(We(e.target)),i=r.prefix,a=r.iconName;e.target.setAttribute(ue,i||t),a&&e.target.setAttribute(de,a)}else(l=e.target)&&l.classList&&l.classList.contains&&l.classList.contains(Pe.replacementClass)&&o(e.target);var l}))}})),ne&&gn.observe(l,{childList:!0,attributes:!0,characterData:!0,subtree:!0})}}function Cn(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{styleParser:!0},n=function(e){var t,n,r=e.getAttribute("data-prefix"),o=e.getAttribute("data-icon"),i=void 0!==e.innerText?e.innerText.trim():"",s=Et(We(e));return s.prefix||(s.prefix=St()),r&&o&&(s.prefix=r,s.iconName=o),s.iconName&&s.prefix||(s.prefix&&i.length>0&&(s.iconName=(t=s.prefix,n=e.innerText,(Ct[t]||{})[n]||yt(s.prefix,st(e.innerText)))),!s.iconName&&Pe.autoFetchSvg&&e.firstChild&&e.firstChild.nodeType===Node.TEXT_NODE&&(s.iconName=e.firstChild.data)),s}(e),r=n.iconName,o=n.prefix,i=n.rest,s=function(e){var t=_e(e.attributes).reduce((function(e,t){return"class"!==e.name&&"style"!==e.name&&(e[t.name]=t.value),e}),{}),n=e.getAttribute("title"),r=e.getAttribute("data-fa-title-id");return Pe.autoA11y&&(n?t["aria-labelledby"]="".concat(Pe.replacementClass,"-title-").concat(r||Ze()):(t["aria-hidden"]="true",t.focusable="false")),t}(e),a=Pt("parseNodeAttributes",{},e),l=t.styleParser?function(e){var t=e.getAttribute("style"),n=[];return t&&(n=t.split(";").reduce((function(e,t){var n=t.split(":"),r=n[0],o=n.slice(1);return r&&o.length>0&&(e[r]=o.join(":").trim()),e}),{})),n}(e):[];return T({iconName:r,title:e.getAttribute("title"),titleId:e.getAttribute("data-fa-title-id"),prefix:o,transform:Ue,mask:{iconName:null,prefix:null,rest:[]},maskId:null,symbol:!1,extra:{classes:i,styles:l,attributes:s}},a)}var hn=et.styles;function wn(e){var t="nest"===Pe.autoReplaceSvg?Cn(e,{styleParser:!1}):Cn(e);return~t.extra.classes.indexOf(xe)?Rt("generateLayersText",e,t):Rt("generateSvgReplacementMutation",e,t)}var mn=new Set;function bn(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(!ne)return Promise.resolve();var n=$.documentElement.classList,r=function(e){return n.add("".concat(pe,"-").concat(e))},o=function(e){return n.remove("".concat(pe,"-").concat(e))},i=Pe.autoFetchSvg?mn:he.map((function(e){return"fa-".concat(e)})).concat(Object.keys(hn));i.includes("fa")||i.push("fa");var s=[".".concat(xe,":not([").concat(ae,"])")].concat(i.map((function(e){return".".concat(e,":not([").concat(ae,"])")}))).join(", ");if(0===s.length)return Promise.resolve();var a=[];try{a=_e(e.querySelectorAll(s))}catch(e){}if(!(a.length>0))return Promise.resolve();r("pending"),o("complete");var l=nn.begin("onTree"),c=a.reduce((function(e,t){try{var n=wn(t);n&&e.push(n)}catch(e){ge||"MissingIcon"===e.name&&console.error(e)}return e}),[]);return new Promise((function(e,n){Promise.all(c).then((function(n){dn(n,(function(){r("active"),r("complete"),o("pending"),"function"==typeof t&&t(),l(),e()}))})).catch((function(e){l(),n(e)}))}))}function jn(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;wn(e).then((function(e){e&&dn([e],t)}))}he.map((function(e){mn.add("fa-".concat(e))})),Object.keys(me[Le]).map(mn.add.bind(mn)),Object.keys(me[Ce]).map(mn.add.bind(mn)),mn=P(mn);var fn=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.transform,r=void 0===n?Ue:n,o=t.symbol,i=void 0!==o&&o,s=t.mask,a=void 0===s?null:s,l=t.maskId,c=void 0===l?null:l,u=t.title,d=void 0===u?null:u,p=t.titleId,A=void 0===p?null:p,M=t.classes,g=void 0===M?[]:M,L=t.attributes,C=void 0===L?{}:L,h=t.styles,w=void 0===h?{}:h;if(e){var m=e.prefix,b=e.iconName,j=e.icon;return Ht(T({type:"icon"},e),(function(){return Bt("beforeDOMElementCreation",{iconDefinition:e,params:t}),Pe.autoA11y&&(d?C["aria-labelledby"]="".concat(Pe.replacementClass,"-title-").concat(A||Ze()):(C["aria-hidden"]="true",C.focusable="false")),Qt({icons:{main:Jt(j),mask:a?Jt(a.icon):{found:!1,width:null,height:null,icon:{}}},prefix:m,iconName:b,transform:T(T({},Ue),r),symbol:i,title:d,maskId:c,titleId:A,extra:{attributes:C,styles:w,classes:g}})}))}},yn={mixout:function(){return{icon:(e=fn,function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=(t||{}).icon?t:Ut(t||{}),o=n.mask;return o&&(o=(o||{}).icon?o:Ut(o||{})),e(r,T(T({},n),{},{mask:o}))})};var e},hooks:function(){return{mutationObserverCallbacks:function(e){return e.treeCallback=bn,e.nodeCallback=jn,e}}},provides:function(e){e.i2svg=function(e){var t=e.node,n=void 0===t?$:t,r=e.callback;return bn(n,void 0===r?function(){}:r)},e.generateSvgReplacementMutation=function(e,t){var n=t.iconName,r=t.title,o=t.titleId,i=t.prefix,s=t.transform,a=t.symbol,l=t.mask,c=t.maskId,u=t.extra;return new Promise((function(t,d){Promise.all([qt(n,i),l.iconName?qt(l.iconName,l.prefix):Promise.resolve({found:!1,width:512,height:512,icon:{}})]).then((function(l){var d=Y(l,2),p=d[0],A=d[1];t([e,Qt({icons:{main:p,mask:A},prefix:i,iconName:n,transform:s,symbol:a,maskId:c,title:r,titleId:o,extra:u,watchable:!0})])})).catch(d)}))},e.generateAbstractIcon=function(e){var t,n=e.children,r=e.attributes,o=e.main,i=e.transform,s=Qe(e.styles);return s.length>0&&(r.style=s),Fe(i)&&(t=Rt("generateAbstractTransformGrouping",{main:o,transform:i,containerWidth:o.width,iconWidth:o.width})),n.push(t||o.icon),{children:n,attributes:r}}}},xn={mixout:function(){return{layer:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.classes,r=void 0===n?[]:n;return Ht({type:"layer"},(function(){Bt("beforeDOMElementCreation",{assembler:e,params:t});var n=[];return e((function(e){Array.isArray(e)?e.map((function(e){n=n.concat(e.abstract)})):n=n.concat(e.abstract)})),[{tag:"span",attributes:{class:["".concat(Pe.cssPrefix,"-layers")].concat(P(r)).join(" ")},children:n}]}))}}}},Nn={mixout:function(){return{counter:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.title,r=void 0===n?null:n,o=t.classes,i=void 0===o?[]:o,s=t.attributes,a=void 0===s?{}:s,l=t.styles,c=void 0===l?{}:l;return Ht({type:"counter",content:e},(function(){return Bt("beforeDOMElementCreation",{content:e,params:t}),function(e){var t=e.content,n=e.title,r=e.extra,o=T(T(T({},r.attributes),n?{title:n}:{}),{},{class:r.classes.join(" ")}),i=Qe(r.styles);i.length>0&&(o.style=i);var s=[];return s.push({tag:"span",attributes:o,children:[t]}),n&&s.push({tag:"span",attributes:{class:"sr-only"},children:[n]}),s}({content:e.toString(),title:r,extra:{attributes:a,styles:c,classes:["".concat(Pe.cssPrefix,"-layers-counter")].concat(P(i))}})}))}}}},Sn={mixout:function(){return{text:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.transform,r=void 0===n?Ue:n,o=t.title,i=void 0===o?null:o,s=t.classes,a=void 0===s?[]:s,l=t.attributes,c=void 0===l?{}:l,u=t.styles,d=void 0===u?{}:u;return Ht({type:"text",content:e},(function(){return Bt("beforeDOMElementCreation",{content:e,params:t}),Ft({content:e,transform:T(T({},Ue),r),title:i,extra:{attributes:c,styles:d,classes:["".concat(Pe.cssPrefix,"-layers-text")].concat(P(a))}})}))}}},provides:function(e){e.generateLayersText=function(e,t){var n=t.title,r=t.transform,o=t.extra,i=null,s=null;if(re){var a=parseInt(getComputedStyle(e).fontSize,10),l=e.getBoundingClientRect();i=l.width/a,s=l.height/a}return Pe.autoA11y&&!n&&(o.attributes["aria-hidden"]="true"),Promise.resolve([e,Ft({content:e.innerHTML,width:i,height:s,transform:r,title:n,extra:o,watchable:!0})])}}},vn=new RegExp('"',"ug"),Dn=[1105920,1112319];function In(e,t){var n="".concat(ce).concat(t.replace(":","-"));return new Promise((function(r,o){if(null!==e.getAttribute(n))return r();var i,s,a,l=_e(e.children).filter((function(e){return e.getAttribute(le)===t}))[0],c=K.getComputedStyle(e,t),u=c.getPropertyValue("font-family").match(Ne),d=c.getPropertyValue("font-weight"),p=c.getPropertyValue("content");if(l&&!u)return e.removeChild(l),r();if(u&&"none"!==p&&""!==p){var A=c.getPropertyValue("content"),M=~["Sharp"].indexOf(u[2])?Ce:Le,g=~["Solid","Regular","Light","Thin","Duotone","Brands","Kit"].indexOf(u[2])?be[M][u[2].toLowerCase()]:Se[M][d],L=function(e){var t,n,r,o,i=e.replace(vn,""),s=(0,r=(t=i).length,(o=t.charCodeAt(0))>=55296&&o<=56319&&r>1&&(n=t.charCodeAt(1))>=56320&&n<=57343?1024*(o-55296)+n-56320+65536:o),a=s>=Dn[0]&&s<=Dn[1],l=2===i.length&&i[0]===i[1];return{value:st(l?i[0]:i),isSecondary:a||l}}(A),C=L.value,h=L.isSecondary,w=u[0].startsWith("FontAwesome"),m=yt(g,C),b=m;if(w){var j=(s=wt[i=C],a=yt("fas",i),s||(a?{prefix:"fas",iconName:a}:null)||{prefix:null,iconName:null});j.iconName&&j.prefix&&(m=j.iconName,g=j.prefix)}if(!m||h||l&&l.getAttribute(ue)===g&&l.getAttribute(de)===b)r();else{e.setAttribute(n,b),l&&e.removeChild(l);var f={iconName:null,title:null,titleId:null,prefix:null,transform:Ue,symbol:!1,mask:{iconName:null,prefix:null,rest:[]},maskId:null,extra:{classes:[],styles:{},attributes:{}}},y=f.extra;y.attributes[le]=t,qt(m,g).then((function(o){var i=Qt(T(T({},f),{},{icons:{main:o,mask:vt()},prefix:g,iconName:b,extra:y,watchable:!0})),s=$.createElementNS("http://www.w3.org/2000/svg","svg");"::before"===t?e.insertBefore(s,e.firstChild):e.appendChild(s),s.outerHTML=i.map((function(e){return rt(e)})).join("\n"),e.removeAttribute(n),r()})).catch(o)}}else r()}))}function En(e){return Promise.all([In(e,"::before"),In(e,"::after")])}function Tn(e){return!(e.parentNode===document.head||~Me.indexOf(e.tagName.toUpperCase())||e.getAttribute(le)||e.parentNode&&"svg"===e.parentNode.tagName)}function kn(e){if(ne)return new Promise((function(t,n){var r=_e(e.querySelectorAll("*")).filter(Tn).map(En),o=nn.begin("searchPseudoElements");An(),Promise.all(r).then((function(){o(),Mn(),t()})).catch((function(){o(),Mn(),n()}))}))}var zn=!1,On=function(e){return e.toLowerCase().split(" ").reduce((function(e,t){var n=t.toLowerCase().split("-"),r=n[0],o=n.slice(1).join("-");if(r&&"h"===o)return e.flipX=!0,e;if(r&&"v"===o)return e.flipY=!0,e;if(o=parseFloat(o),isNaN(o))return e;switch(r){case"grow":e.size=e.size+o;break;case"shrink":e.size=e.size-o;break;case"left":e.x=e.x-o;break;case"right":e.x=e.x+o;break;case"up":e.y=e.y-o;break;case"down":e.y=e.y+o;break;case"rotate":e.rotate=e.rotate+o}return e}),{size:16,x:0,y:0,flipX:!1,flipY:!1,rotate:0})},Yn={mixout:function(){return{parse:{transform:function(e){return On(e)}}}},hooks:function(){return{parseNodeAttributes:function(e,t){var n=t.getAttribute("data-fa-transform");return n&&(e.transform=On(n)),e}}},provides:function(e){e.generateAbstractTransformGrouping=function(e){var t=e.main,n=e.transform,r=e.containerWidth,o=e.iconWidth,i={transform:"translate(".concat(r/2," 256)")},s="translate(".concat(32*n.x,", ").concat(32*n.y,") "),a="scale(".concat(n.size/16*(n.flipX?-1:1),", ").concat(n.size/16*(n.flipY?-1:1),") "),l="rotate(".concat(n.rotate," 0 0)"),c={outer:i,inner:{transform:"".concat(s," ").concat(a," ").concat(l)},path:{transform:"translate(".concat(o/2*-1," -256)")}};return{tag:"g",attributes:T({},c.outer),children:[{tag:"g",attributes:T({},c.inner),children:[{tag:t.icon.tag,children:t.icon.children,attributes:T(T({},t.icon.attributes),c.path)}]}]}}}},Pn={x:0,y:0,width:"100%",height:"100%"};function Bn(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return e.attributes&&(e.attributes.fill||t)&&(e.attributes.fill="black"),e}var Rn,Un={hooks:function(){return{parseNodeAttributes:function(e,t){var n=t.getAttribute("data-fa-mask"),r=n?Et(n.split(" ").map((function(e){return e.trim()}))):vt();return r.prefix||(r.prefix=St()),e.mask=r,e.maskId=t.getAttribute("data-fa-mask-id"),e}}},provides:function(e){e.generateAbstractMask=function(e){var t,n=e.children,r=e.attributes,o=e.main,i=e.mask,s=e.maskId,a=e.transform,l=o.width,c=o.icon,u=i.width,d=i.icon,p=function(e){var t=e.transform,n=e.iconWidth,r={transform:"translate(".concat(e.containerWidth/2," 256)")},o="translate(".concat(32*t.x,", ").concat(32*t.y,") "),i="scale(".concat(t.size/16*(t.flipX?-1:1),", ").concat(t.size/16*(t.flipY?-1:1),") "),s="rotate(".concat(t.rotate," 0 0)");return{outer:r,inner:{transform:"".concat(o," ").concat(i," ").concat(s)},path:{transform:"translate(".concat(n/2*-1," -256)")}}}({transform:a,containerWidth:u,iconWidth:l}),A={tag:"rect",attributes:T(T({},Pn),{},{fill:"white"})},M=c.children?{children:c.children.map(Bn)}:{},g={tag:"g",attributes:T({},p.inner),children:[Bn(T({tag:c.tag,attributes:T(T({},c.attributes),p.path)},M))]},L={tag:"g",attributes:T({},p.outer),children:[g]},C="mask-".concat(s||Ze()),h="clip-".concat(s||Ze()),w={tag:"mask",attributes:T(T({},Pn),{},{id:C,maskUnits:"userSpaceOnUse",maskContentUnits:"userSpaceOnUse"}),children:[A,L]},m={tag:"defs",children:[{tag:"clipPath",attributes:{id:h},children:(t=d,"g"===t.tag?t.children:[t])},w]};return n.push(m,{tag:"rect",attributes:T({fill:"currentColor","clip-path":"url(#".concat(h,")"),mask:"url(#".concat(C,")")},Pn)}),{children:n,attributes:r}}}},Gn={provides:function(e){var t=!1;K.matchMedia&&(t=K.matchMedia("(prefers-reduced-motion: reduce)").matches),e.missingIconAbstract=function(){var e=[],n={fill:"currentColor"},r={attributeType:"XML",repeatCount:"indefinite",dur:"2s"};e.push({tag:"path",attributes:T(T({},n),{},{d:"M156.5,447.7l-12.6,29.5c-18.7-9.5-35.9-21.2-51.5-34.9l22.7-22.7C127.6,430.5,141.5,440,156.5,447.7z M40.6,272H8.5 c1.4,21.2,5.4,41.7,11.7,61.1L50,321.2C45.1,305.5,41.8,289,40.6,272z M40.6,240c1.4-18.8,5.2-37,11.1-54.1l-29.5-12.6 C14.7,194.3,10,216.7,8.5,240H40.6z M64.3,156.5c7.8-14.9,17.2-28.8,28.1-41.5L69.7,92.3c-13.7,15.6-25.5,32.8-34.9,51.5 L64.3,156.5z M397,419.6c-13.9,12-29.4,22.3-46.1,30.4l11.9,29.8c20.7-9.9,39.8-22.6,56.9-37.6L397,419.6z M115,92.4 c13.9-12,29.4-22.3,46.1-30.4l-11.9-29.8c-20.7,9.9-39.8,22.6-56.8,37.6L115,92.4z M447.7,355.5c-7.8,14.9-17.2,28.8-28.1,41.5 l22.7,22.7c13.7-15.6,25.5-32.9,34.9-51.5L447.7,355.5z M471.4,272c-1.4,18.8-5.2,37-11.1,54.1l29.5,12.6 c7.5-21.1,12.2-43.5,13.6-66.8H471.4z M321.2,462c-15.7,5-32.2,8.2-49.2,9.4v32.1c21.2-1.4,41.7-5.4,61.1-11.7L321.2,462z M240,471.4c-18.8-1.4-37-5.2-54.1-11.1l-12.6,29.5c21.1,7.5,43.5,12.2,66.8,13.6V471.4z M462,190.8c5,15.7,8.2,32.2,9.4,49.2h32.1 c-1.4-21.2-5.4-41.7-11.7-61.1L462,190.8z M92.4,397c-12-13.9-22.3-29.4-30.4-46.1l-29.8,11.9c9.9,20.7,22.6,39.8,37.6,56.9 L92.4,397z M272,40.6c18.8,1.4,36.9,5.2,54.1,11.1l12.6-29.5C317.7,14.7,295.3,10,272,8.5V40.6z M190.8,50 c15.7-5,32.2-8.2,49.2-9.4V8.5c-21.2,1.4-41.7,5.4-61.1,11.7L190.8,50z M442.3,92.3L419.6,115c12,13.9,22.3,29.4,30.5,46.1 l29.8-11.9C470,128.5,457.3,109.4,442.3,92.3z M397,92.4l22.7-22.7c-15.6-13.7-32.8-25.5-51.5-34.9l-12.6,29.5 C370.4,72.1,384.4,81.5,397,92.4z"})});var o=T(T({},r),{},{attributeName:"opacity"}),i={tag:"circle",attributes:T(T({},n),{},{cx:"256",cy:"364",r:"28"}),children:[]};return t||i.children.push({tag:"animate",attributes:T(T({},r),{},{attributeName:"r",values:"28;14;28;28;14;28;"})},{tag:"animate",attributes:T(T({},o),{},{values:"1;0;1;1;0;1;"})}),e.push(i),e.push({tag:"path",attributes:T(T({},n),{},{opacity:"1",d:"M263.7,312h-16c-6.6,0-12-5.4-12-12c0-71,77.4-63.9,77.4-107.8c0-20-17.8-40.2-57.4-40.2c-29.1,0-44.3,9.6-59.2,28.7 c-3.9,5-11.1,6-16.2,2.4l-13.1-9.2c-5.6-3.9-6.9-11.8-2.6-17.2c21.2-27.2,46.4-44.7,91.2-44.7c52.3,0,97.4,29.8,97.4,80.2 c0,67.6-77.4,63.5-77.4,107.8C275.7,306.6,270.3,312,263.7,312z"}),children:t?[]:[{tag:"animate",attributes:T(T({},o),{},{values:"1;0;0;0;0;1;"})}]}),t||e.push({tag:"path",attributes:T(T({},n),{},{opacity:"0",d:"M232.5,134.5l7,168c0.3,6.4,5.6,11.5,12,11.5h9c6.4,0,11.7-5.1,12-11.5l7-168c0.3-6.8-5.2-12.5-12-12.5h-23 C237.7,122,232.2,127.7,232.5,134.5z"}),children:[{tag:"animate",attributes:T(T({},o),{},{values:"0;0;1;1;0;0;"})}]}),{tag:"g",attributes:{class:"missing"},children:e}}}};Rn={mixoutsTo:_t}.mixoutsTo,kt=[Ke,yn,xn,Nn,Sn,{hooks:function(){return{mutationObserverCallbacks:function(e){return e.pseudoElementsCallback=kn,e}}},provides:function(e){e.pseudoElements2svg=function(e){var t=e.node,n=void 0===t?$:t;Pe.searchPseudoElements&&kn(n)}}},{mixout:function(){return{dom:{unwatch:function(){An(),zn=!0}}}},hooks:function(){return{bootstrap:function(){Ln(Pt("mutationObserverCallbacks",{}))},noAuto:function(){gn&&gn.disconnect()},watch:function(e){var t=e.observeMutationsRoot;zn?Mn():Ln(Pt("mutationObserverCallbacks",{observeMutationsRoot:t}))}}}},Yn,Un,Gn,{hooks:function(){return{parseNodeAttributes:function(e,t){var n=t.getAttribute("data-fa-symbol"),r=null!==n&&(""===n||n);return e.symbol=r,e}}}}],zt={},Object.keys(Ot).forEach((function(e){-1===Yt.indexOf(e)&&delete Ot[e]})),kt.forEach((function(e){var t=e.mixout?e.mixout():{};if(Object.keys(t).forEach((function(e){"function"==typeof t[e]&&(Rn[e]=t[e]),"object"===k(t[e])&&Object.keys(t[e]).forEach((function(n){Rn[e]||(Rn[e]={}),Rn[e][n]=t[e][n]}))})),e.hooks){var n=e.hooks();Object.keys(n).forEach((function(e){zt[e]||(zt[e]=[]),zt[e].push(n[e])}))}e.provides&&e.provides(Ot)}));var Zn=_t.parse,_n=_t.icon,Wn=o(764),Hn=o.n(Wn);function Qn(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Fn(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Qn(Object(n),!0).forEach((function(t){Jn(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Qn(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Vn(e){return Vn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Vn(e)}function Jn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Xn(e){return function(e){if(Array.isArray(e))return qn(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return qn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?qn(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function qn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Kn(e){return t=e,(t-=0)==t?e:(e=e.replace(/[\-_\s]+(.)?/g,(function(e,t){return t?t.toUpperCase():""}))).substr(0,1).toLowerCase()+e.substr(1);var t}var $n=["style"],er=!1;try{er=!0}catch(e){}function tr(e){return e&&"object"===Vn(e)&&e.prefix&&e.iconName&&e.icon?e:Zn.icon?Zn.icon(e):null===e?null:e&&"object"===Vn(e)&&e.prefix&&e.iconName?e:Array.isArray(e)&&2===e.length?{prefix:e[0],iconName:e[1]}:"string"==typeof e?{prefix:"fas",iconName:e}:void 0}function nr(e,t){return Array.isArray(t)&&t.length>0||!Array.isArray(t)&&t?Jn({},e,t):{}}var rr={border:!1,className:"",mask:null,maskId:null,fixedWidth:!1,inverse:!1,flip:!1,icon:null,listItem:!1,pull:null,pulse:!1,rotation:null,size:null,spin:!1,spinPulse:!1,spinReverse:!1,beat:!1,fade:!1,beatFade:!1,bounce:!1,shake:!1,symbol:!1,title:"",titleId:null,transform:null,swapOpacity:!1},or=t.forwardRef((function(e,t){var n=Fn(Fn({},rr),e),r=n.icon,o=n.mask,i=n.symbol,s=n.className,a=n.title,l=n.titleId,c=n.maskId,u=tr(r),d=nr("classes",[].concat(Xn(function(e){var t,n=e.beat,r=e.fade,o=e.beatFade,i=e.bounce,s=e.shake,a=e.flash,l=e.spin,c=e.spinPulse,u=e.spinReverse,d=e.pulse,p=e.fixedWidth,A=e.inverse,M=e.border,g=e.listItem,L=e.flip,C=e.size,h=e.rotation,w=e.pull,m=(Jn(t={"fa-beat":n,"fa-fade":r,"fa-beat-fade":o,"fa-bounce":i,"fa-shake":s,"fa-flash":a,"fa-spin":l,"fa-spin-reverse":u,"fa-spin-pulse":c,"fa-pulse":d,"fa-fw":p,"fa-inverse":A,"fa-border":M,"fa-li":g,"fa-flip":!0===L,"fa-flip-horizontal":"horizontal"===L||"both"===L,"fa-flip-vertical":"vertical"===L||"both"===L},"fa-".concat(C),null!=C),Jn(t,"fa-rotate-".concat(h),null!=h&&0!==h),Jn(t,"fa-pull-".concat(w),null!=w),Jn(t,"fa-swap-opacity",e.swapOpacity),t);return Object.keys(m).map((function(e){return m[e]?e:null})).filter((function(e){return e}))}(n)),Xn((s||"").split(" ")))),p=nr("transform","string"==typeof n.transform?Zn.transform(n.transform):n.transform),A=nr("mask",tr(o)),M=_n(u,Fn(Fn(Fn(Fn({},d),p),A),{},{symbol:i,title:a,titleId:l,maskId:c}));if(!M)return function(){var e;!er&&console&&"function"==typeof console.error&&(e=console).error.apply(e,arguments)}("Could not find icon",u),null;var g=M.abstract,L={ref:t};return Object.keys(n).forEach((function(e){rr.hasOwnProperty(e)||(L[e]=n[e])})),ir(g[0],L)}));or.displayName="FontAwesomeIcon",or.propTypes={beat:Hn().bool,border:Hn().bool,beatFade:Hn().bool,bounce:Hn().bool,className:Hn().string,fade:Hn().bool,flash:Hn().bool,mask:Hn().oneOfType([Hn().object,Hn().array,Hn().string]),maskId:Hn().string,fixedWidth:Hn().bool,inverse:Hn().bool,flip:Hn().oneOf([!0,!1,"horizontal","vertical","both"]),icon:Hn().oneOfType([Hn().object,Hn().array,Hn().string]),listItem:Hn().bool,pull:Hn().oneOf(["right","left"]),pulse:Hn().bool,rotation:Hn().oneOf([0,90,180,270]),shake:Hn().bool,size:Hn().oneOf(["2xs","xs","sm","lg","xl","2xl","1x","2x","3x","4x","5x","6x","7x","8x","9x","10x"]),spin:Hn().bool,spinPulse:Hn().bool,spinReverse:Hn().bool,symbol:Hn().oneOfType([Hn().bool,Hn().string]),title:Hn().string,titleId:Hn().string,transform:Hn().oneOfType([Hn().string,Hn().object]),swapOpacity:Hn().bool};var ir=function e(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if("string"==typeof n)return n;var o=(n.children||[]).map((function(n){return e(t,n)})),i=Object.keys(n.attributes||{}).reduce((function(e,t){var r=n.attributes[t];switch(t){case"class":e.attrs.className=r,delete n.attributes.class;break;case"style":e.attrs.style=r.split(";").map((function(e){return e.trim()})).filter((function(e){return e})).reduce((function(e,t){var n,r=t.indexOf(":"),o=Kn(t.slice(0,r)),i=t.slice(r+1).trim();return o.startsWith("webkit")?e[(n=o,n.charAt(0).toUpperCase()+n.slice(1))]=i:e[o]=i,e}),{});break;default:0===t.indexOf("aria-")||0===t.indexOf("data-")?e.attrs[t.toLowerCase()]=r:e.attrs[Kn(t)]=r}return e}),{attrs:{}}),s=r.style,a=void 0===s?{}:s,l=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(r,$n);return i.attrs.style=Fn(Fn({},i.attrs.style),a),t.apply(void 0,[n.tag,Fn(Fn({},i.attrs),l)].concat(Xn(o)))}.bind(null,t.createElement);const sr={size30:{on:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTkuNzUsMTcuNWEyLjUsMi41LDAsMSwwLTIuNS0yLjVBMi41LDIuNSwwLDAsMCwxOS43NSwxNy41WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik01LDE1YTUsNSwwLDAsMSw1LTVIMjBhNSw1LDAsMCwxLDAsMTBIMTBBNSw1LDAsMCwxLDUsMTVabTUtMy41YTMuNSwzLjUsMCwwLDAsMCw3SDIwYTMuNSwzLjUsMCwwLDAsMC03WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjwvc3ZnPg==",mixed:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTIwLDIwSDEwYy0yLjc2LDAtNS0yLjI0LTUtNSwwLTIuNzYsMi4yNC01LDUtNWgxMGMyLjc2LDAsNSwyLjI0LDUsNSwwLDIuNzYtMi4yNCw1LTUsNVpNMTAsMTEuNWMtMS45MywwLTMuNSwxLjU3LTMuNSwzLjVzMS41NywzLjUsMy41LDMuNWgxMGMxLjkzLDAsMy41LTEuNTcsMy41LTMuNXMtMS41Ny0zLjUtMy41LTMuNUgxMFoiLz48cmVjdCBjbGFzcz0iYiIgeD0iMTEuMDMiIHk9IjE0LjI1IiB3aWR0aD0iNy45NCIgaGVpZ2h0PSIxLjUiIHJ4PSIuNzUiIHJ5PSIuNzUiLz48L3N2Zz4=",off:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTAuMjUsMTcuNWEyLjUsMi41LDAsMSwxLDIuNS0yLjVBMi41LDIuNSwwLDAsMSwxMC4yNSwxNy41WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik0yMCwyMEgxMGE1LDUsMCwwLDEsMC0xMEgyMGE1LDUsMCwwLDEsMCwxMFpNMTAsMTEuNWEzLjUsMy41LDAsMCwwLDAsN0gyMGEzLjUsMy41LDAsMCwwLDAtN1oiIHN0eWxlPSJmaWxsOiMzMzMiLz48L3N2Zz4="},size40:{on:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTI0Ljc1LDIyLjVjMS4zOCwwLDIuNS0xLjEyLDIuNS0yLjVzLTEuMTItMi41LTIuNS0yLjUtMi41LDEuMTItMi41LDIuNSwxLjEyLDIuNSwyLjUsMi41WiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMTAsMjBjMC0yLjc2LDIuMjQtNSw1LTVoMTBjMi43NiwwLDUsMi4yNCw1LDVzLTIuMjQsNS01LDVIMTVjLTIuNzYsMC01LTIuMjQtNS01Wm01LTMuNWMtMS45MywwLTMuNSwxLjU3LTMuNSwzLjVzMS41NywzLjUsMy41LDMuNWgxMGMxLjkzLDAsMy41LTEuNTcsMy41LTMuNXMtMS41Ny0zLjUtMy41LTMuNUgxNVoiLz48L3N2Zz4=",mixed:"",off:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTE1LjI1LDIyLjVjLTEuMzgsMC0yLjUtMS4xMi0yLjUtMi41LDAtMS4zOCwxLjEyLTIuNSwyLjUtMi41czIuNSwxLjEyLDIuNSwyLjVjMCwxLjM4LTEuMTIsMi41LTIuNSwyLjVaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0yNSwyNUgxNWMtMi43NiwwLTUtMi4yNC01LTUsMC0yLjc2LDIuMjQtNSw1LTVoMTBjMi43NiwwLDUsMi4yNCw1LDUsMCwyLjc2LTIuMjQsNS01LDVabS0xMC04LjVjLTEuOTMsMC0zLjUsMS41Ny0zLjUsMy41czEuNTcsMy41LDMuNSwzLjVoMTBjMS45MywwLDMuNS0xLjU3LDMuNS0zLjVzLTEuNTctMy41LTMuNS0zLjVIMTVaIi8+PC9zdmc+"}};class ar extends t.Component{constructor(e){super(e),this._localChange=!1,this.props.isSelected?this.state={isSelected:this.props.isSelected(),isConflict:!1}:this.state={isSelected:!0===this.props.target[this.props.propertyName],isConflict:this.props.target[this.props.propertyName]===j},this.props.disabled&&(this.state={...this.state,isDisabled:this.props.disabled})}shouldComponentUpdate(e,t){let n;return e.isSelected?n=e.isSelected():(n=!0===e.target[e.propertyName],e.target[e.propertyName]===j&&(t.isConflict=!0)),n!==t.isSelected||this._localChange?(t.isSelected=n,this._localChange=!1,!0):e.disabled!==t.isDisabled||e.label!==this.props.label||e.target!==this.props.target||t.isConflict!==this.state.isConflict}onChange(){this._localChange=!0,this.props.onSelect?this.props.onSelect(!this.state.isSelected):(this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:this.props.target,property:this.props.propertyName,value:!this.state.isSelected,initialValue:this.state.isSelected}),this.props.target&&this.props.propertyName&&(this.props.target[this.props.propertyName]=!this.state.isSelected)),this.props.onValueChanged&&this.props.onValueChanged(),this.setState({isSelected:!this.state.isSelected,isConflict:!1})}onCopyClick(){if(this.props&&this.props.target){const{className:e,babylonNamespace:t}=b(this.props.target);m("globalThis.debugNode."+this.props.propertyName+" = "+this.props.target[this.props.propertyName]+";// (debugNode as "+t+e+")")}else m("undefined")}render(){const e=this.props.large?sr.size40:sr.size30,t=this.state.isConflict?e.mixed:this.state.isSelected?e.on:e.off;return(0,g.jsxs)("div",{className:"checkBoxLine",children:[this.props.icon&&(0,g.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),this.props.label&&(0,g.jsx)("div",{className:"label",title:this.props.iconLabel,children:this.props.label}),this.props.faIcons&&(0,g.jsx)(or,{className:"cbx "+(this.props.disabled?"disabled":""),icon:this.state.isSelected?this.props.faIcons.enabled:this.props.faIcons.disabled,onClick:()=>!this.props.disabled&&this.onChange()}),!this.props.faIcons&&(0,g.jsx)("div",{className:"checkBox",children:(0,g.jsxs)("label",{className:`container lbl${this.props.disabled?" disabled":""} ${this.state.isSelected?"checked":""}`,children:[(0,g.jsx)("input",{type:"checkbox",className:"cbx hidden "+(this.state.isConflict?"conflict":""),checked:this.state.isSelected,onChange:()=>this.onChange(),disabled:!!this.props.disabled}),(0,g.jsx)("img",{className:"icon",src:t,alt:this.props.label})]})}),(0,g.jsx)("div",{className:"copy hoverIcon",onClick:()=>this.onCopyClick(),title:"Copy to clipboard",children:(0,g.jsx)("img",{src:x,alt:"Copy"})})]})}}class lr extends t.Component{constructor(e){super(e),this._localChange=!1,this.state={value:this.props.value.toFixed(void 0!==this.props.precision?this.props.precision:3)}}componentWillUnmount(){this.props.lockObject&&(this.props.lockObject.lock=!1)}shouldComponentUpdate(e,t){return this._localChange?(this._localChange=!1,!0):e.value.toString()!==t.value&&(t.value=e.value.toFixed(void 0!==this.props.precision?this.props.precision:3),!0)}updateValue(e){if(/[^0-9.-]/g.test(e))return;const t=parseFloat(e);this._localChange=!0,this.setState({value:e}),isNaN(t)||this.props.onChange(t)}onBlur(){this._localChange=!1;const e=parseFloat(this.state.value);this.props.lockObject&&(this.props.lockObject.lock=!1),isNaN(e)?this.props.onChange(this.props.value):this.props.onChange(e)}incrementValue(e){let t=parseFloat(this.state.value);isNaN(t)&&(t=0),this.updateValue((t+e).toFixed(void 0!==this.props.precision?this.props.precision:3))}onKeyDown(e){const t=this.props.step||1,n=n=>{e.shiftKey&&(n*=10,(e.ctrlKey||e.metaKey)&&(n*=10)),this.incrementValue(n*t),e.preventDefault()};"ArrowUp"===e.key?n(1):"ArrowDown"===e.key&&n(-1)}render(){return(0,g.jsxs)("div",{className:"numeric",children:[this.props.icon&&(0,g.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),this.props.label&&(0,g.jsx)("div",{className:"numeric-label",title:this.props.label,children:`${this.props.label}: `}),(0,g.jsx)("input",{type:"number",step:this.props.step,className:"numeric-input",value:this.state.value,onChange:e=>this.updateValue(e.target.value),onKeyDown:e=>this.onKeyDown(e),onFocus:()=>{this.props.lockObject&&(this.props.lockObject.lock=!0)},onBlur:()=>this.onBlur()})]})}}lr.defaultProps={step:1};var cr={prefix:"fas",iconName:"ban",icon:[512,512,[128683,"cancel"],"f05e","M367.2 412.5L99.5 144.8C77.1 176.1 64 214.5 64 256c0 106 86 192 192 192c41.5 0 79.9-13.1 111.2-35.5zm45.3-45.3C434.9 335.9 448 297.5 448 256c0-106-86-192-192-192c-41.5 0-79.9 13.1-111.2 35.5L412.5 367.2zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z"]},ur={prefix:"fas",iconName:"minus",icon:[448,512,[8211,8722,10134,"subtract"],"f068","M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"]},dr={prefix:"fas",iconName:"ellipsis",icon:[448,512,["ellipsis-h"],"f141","M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z"]},pr={prefix:"fas",iconName:"plus",icon:[448,512,[10133,61543,"add"],"2b","M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"]};class Ar extends t.Component{constructor(e){super(e)}updateValue(e){if(/[^0-9.-]/g.test(e))return;let t=parseInt(e);isNaN(t)||(null!=this.props.max&&t>this.props.max&&(t=this.props.max),null!=this.props.min&&t<this.props.min&&(t=this.props.min),this.props.onChange(t))}lock(){this.props.lockObject&&(this.props.lockObject.lock=!0)}unlock(){this.props.lockObject&&(this.props.lockObject.lock=!1)}render(){return(0,g.jsxs)("div",{className:"color-picker-component",children:[(0,g.jsx)("div",{className:"color-picker-component-value",children:(0,g.jsx)("input",{type:"number",step:1,className:"numeric-input",value:this.props.value,onBlur:()=>this.unlock(),onFocus:()=>this.lock(),onChange:e=>this.updateValue(e.target.value),disabled:this.props.disabled})}),(0,g.jsx)("div",{className:"color-picker-component-label",children:this.props.label})]})}}class Mr extends t.Component{constructor(e){super(e),this.state={hex:this.props.value.replace("#","")}}shouldComponentUpdate(e,t){return e.value!==this.props.value&&(t.hex=e.value.replace("#","")),!0}lock(){this.props.lockObject&&(this.props.lockObject.lock=!0)}unlock(){this.props.lockObject&&(this.props.lockObject.lock=!1)}updateHexValue(e){if(""==e||0!=/^[0-9A-Fa-f]+$/g.test(e)){if(this.setState({hex:e}),e.length!==this.props.expectedLength)if(8===this.props.expectedLength&&6===e.length)e+="FF";else{if(6!==this.props.expectedLength||8!==e.length)return;e=e.substring(0,6)}this.props.onChange("#"+e)}}render(){return(0,g.jsx)("input",{type:"string",className:"hex-input",value:this.state.hex,onBlur:()=>this.unlock(),onFocus:()=>this.lock(),onChange:e=>this.updateHexValue(e.target.value)})}}var gr=o(392),Lr=o.n(gr),Cr=o(633),hr=o.n(Cr),wr=o(187),mr=o.n(wr),br=o(784),jr=o.n(br),fr=o(316),yr=o.n(fr),xr=o(809),Nr=o.n(xr),Sr=o(228),vr={};vr.styleTagTransform=Nr(),vr.setAttributes=jr(),vr.insert=mr().bind(null,"head"),vr.domAPI=hr(),vr.insertStyleElement=yr(),Lr()(Sr.A,vr),Sr.A&&Sr.A.locals&&Sr.A.locals;class Dr extends t.Component{constructor(e){super(e),this.props.color instanceof r.Color4?this.state={color:new r.Color3(this.props.color.r,this.props.color.g,this.props.color.b),alpha:this.props.color.a}:this.state={color:this.props.color.clone(),alpha:1},this._saturationRef=t.createRef(),this._hueRef=t.createRef()}shouldComponentUpdate(e,t){return e.color.toHexString()!==this.props.color.toHexString()||t.color.toHexString()!==this.props.color.toHexString()}onSaturationPointerDown(e){this._evaluateSaturation(e),this._isSaturationPointerDown=!0,e.currentTarget.setPointerCapture(e.pointerId)}onSaturationPointerUp(e){this._isSaturationPointerDown=!1,e.currentTarget.releasePointerCapture(e.pointerId)}onSaturationPointerMove(e){this._isSaturationPointerDown&&this._evaluateSaturation(e)}onHuePointerDown(e){this._evaluateHue(e),this._isHuePointerDown=!0,e.currentTarget.setPointerCapture(e.pointerId)}onHuePointerUp(e){this._isHuePointerDown=!1,e.currentTarget.releasePointerCapture(e.pointerId)}onHuePointerMove(e){this._isHuePointerDown&&this._evaluateHue(e)}_evaluateSaturation(e){const t=e.nativeEvent.offsetX,n=e.nativeEvent.offsetY,o=Math.min(1,Math.max(1e-4,t/this._saturationRef.current.clientWidth)),i=Math.min(1,Math.max(1e-4,1-n/this._saturationRef.current.clientHeight));this.props.debugMode&&(r.Logger.Log("Saturation: "+o),r.Logger.Log("Value: "+i));const s=this.state.color.toHSV();r.Color3.HSVtoRGBToRef(s.r,o,i,this.state.color),0===this.state.alpha&&this.setState({alpha:1}),this.setState({color:this.state.color})}_evaluateHue(e){const t=e.nativeEvent.offsetX,n=360*Math.min(.9999,Math.max(1e-4,t/this._hueRef.current.clientWidth));this.props.debugMode&&r.Logger.Log("Hue: "+n);const o=this.state.color.toHSV();r.Color3.HSVtoRGBToRef(n,Math.max(o.g,.01),Math.max(o.b,.01),this.state.color),this.setState({color:this.state.color})}componentDidUpdate(){this.raiseOnColorChanged()}raiseOnColorChanged(){if(this.props.onColorChanged)if(this.props.color instanceof r.Color4){const e=r.Color4.FromColor3(this.state.color,this.state.alpha);this.props.onColorChanged(e)}else this.props.onColorChanged(this.state.color.clone())}render(){const e=r.Color4.FromColor3(this.state.color);e.a=this.state.alpha;const t=e.toHexString(),n=this.state.color.toHSV(),o=new r.Color3;r.Color3.HSVtoRGBToRef(n.r,1,1,o);const i=o.toHexString(),s=this.props.color instanceof r.Color4;return(0,g.jsxs)("div",{className:"color-picker-container"+(this.props.linearhint?" with-hints":""),children:[(0,g.jsxs)("div",{className:"color-picker-saturation",onPointerMove:e=>this.onSaturationPointerMove(e),onPointerDown:e=>this.onSaturationPointerDown(e),onPointerUp:e=>this.onSaturationPointerUp(e),ref:this._saturationRef,style:{background:i},children:[(0,g.jsx)("div",{className:"color-picker-saturation-white"}),(0,g.jsx)("div",{className:"color-picker-saturation-black"}),(0,g.jsx)("div",{className:"color-picker-saturation-cursor",style:{top:-100*n.b+100+"%",left:100*n.g+"%"}})]}),(0,g.jsxs)("div",{className:"color-picker-hue",children:[(0,g.jsx)("div",{className:"color-picker-hue-color",style:{background:t}}),(0,g.jsx)("div",{className:"color-picker-hue-slider",ref:this._hueRef,onPointerMove:e=>this.onHuePointerMove(e),onPointerDown:e=>this.onHuePointerDown(e),onPointerUp:e=>this.onHuePointerUp(e),children:(0,g.jsx)("div",{className:"color-picker-hue-cursor",style:{left:n.r/360*100+"%",border:"1px solid "+i}})})]}),(0,g.jsx)("div",{className:"color-picker-alpha"}),(0,g.jsxs)("div",{className:"color-picker-rgb",children:[(0,g.jsx)("div",{className:"red",children:(0,g.jsx)(Ar,{lockObject:this.props.lockObject,label:"R",min:0,max:255,value:Math.round(255*this.state.color.r),onChange:e=>{this.state.color.r=e/255,this.forceUpdate()}})}),(0,g.jsx)("div",{className:"green",children:(0,g.jsx)(Ar,{lockObject:this.props.lockObject,label:"G",min:0,max:255,value:Math.round(255*this.state.color.g),onChange:e=>{this.state.color.g=e/255,this.forceUpdate()}})}),(0,g.jsx)("div",{className:"blue",children:(0,g.jsx)(Ar,{lockObject:this.props.lockObject,label:"B",min:0,max:255,value:Math.round(255*this.state.color.b),onChange:e=>{this.state.color.b=e/255,this.forceUpdate()}})}),(0,g.jsx)("div",{className:"alpha"+(s?"":" grayed"),children:(0,g.jsx)(Ar,{lockObject:this.props.lockObject,label:"A",min:0,max:255,value:Math.round(255*this.state.alpha),onChange:e=>{this.setState({alpha:e/255}),this.forceUpdate()}})})]}),(0,g.jsxs)("div",{className:"color-picker-hex",children:[(0,g.jsx)("div",{className:"color-picker-hex-label",children:"Hex"}),(0,g.jsx)("div",{className:"color-picker-hex-value",children:(0,g.jsx)(Mr,{lockObject:this.props.lockObject,expectedLength:s?8:6,value:t,onChange:e=>{if(s){const t=r.Color4.FromHexString(e);this.setState({color:new r.Color3(t.r,t.g,t.b),alpha:t.a})}else this.setState({color:r.Color3.FromHexString(e)})}})})]}),this.props.linearhint&&(0,g.jsx)("div",{className:"color-picker-warning",children:"(Note: color is stored in linear mode and was converted to gamma to be displayed here (toGammaSpace() / toLinearSpace()))"})]})}}class Ir extends t.Component{constructor(e){super(e),this.state={pickerEnabled:!1,color:this.props.value,hex:this.getHexString(e)},this._floatRef=t.createRef(),this._floatHostRef=t.createRef()}syncPositions(){const e=this._floatRef.current,t=this._floatHostRef.current;if(!e||!t)return;let n=t.getBoundingClientRect().top;const r=e.getBoundingClientRect().height;n+r+10>window.innerHeight&&(n=window.innerHeight-r-10),e.style.top=n+"px",this.props.shouldPopRight?e.style.left=t.getBoundingClientRect().left+"px":e.style.left=t.getBoundingClientRect().left-e.getBoundingClientRect().width+"px"}shouldComponentUpdate(e,t){const n=this.getHexString(e)!==this.getHexString();return n&&(t.color=e.value,t.hex=this.getHexString(e)),n||t.hex!==this.state.hex||t.pickerEnabled!==this.state.pickerEnabled}getHexString(e=this.props){return e.value.toHexString()}componentDidUpdate(){this.syncPositions()}componentDidMount(){this.syncPositions()}render(){return(0,g.jsxs)("div",{className:"color-picker",children:[this.props.icon&&(0,g.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),(0,g.jsx)("div",{className:"color-rect-background",ref:this._floatHostRef,onClick:()=>this.setState({pickerEnabled:!0}),children:(0,g.jsx)("div",{className:"color-rect",style:{background:this.state.hex}})}),this.state.pickerEnabled&&(0,g.jsx)(g.Fragment,{children:(0,g.jsx)("div",{className:"color-picker-cover",onClick:e=>{e.target===this._floatRef.current?.ownerDocument?.querySelector(".color-picker-cover")&&this.setState({pickerEnabled:!1})},children:(0,g.jsx)("div",{className:"color-picker-float",ref:this._floatRef,children:(0,g.jsx)(Dr,{lockObject:this.props.lockObject||{},color:this.state.color,linearhint:this.props.linearHint,onColorChanged:e=>{const t=e.toHexString();this.setState({hex:t,color:e}),this.props.onColorChanged(t)}})})})})]})}}const Er=new r.Color4(0,0,0,0);class Tr extends t.Component{constructor(e){super(e),this.state={isExpanded:!1,color:this.getValue()},this.props.target._isLinearColor=e.isLinear}shouldComponentUpdate(e,t){const n=t.color,r=this.getValue(e);return n!==this.state.color?(t.color=n,!0):r!==this.state.color?(t.color=r,!0):t.isExpanded!==this.state.isExpanded}getValue(e=this.props){const t=e.target[e.propertyName];return t?"string"==typeof t?t===j?Er:this._convertToColor(t):e.isLinear?t.toGammaSpace():t.clone():Er}setColorFromString(e){const t=this._convertToColor(e);this.setColor(t)}setColor(e){this.setState({color:e.clone()}),this.props.isLinear&&e.toLinearSpaceToRef(e);const t=this.props.disableAlpha?this._toColor3(e):e,n=this.props.target,r=n[this.props.propertyName],o="string"==typeof n[this.props.propertyName]?t.toHexString():t;n[this.props.propertyName]=o,this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:n,property:this.props.propertyName,value:o,initialValue:r}),this.props.onChange&&this.props.onChange()}switchExpandState(){this.setState({isExpanded:!this.state.isExpanded})}updateStateR(e){this.setColor(new r.Color4(e,this.state.color.g,this.state.color.b,this.state.color.a))}updateStateG(e){this.setColor(new r.Color4(this.state.color.r,e,this.state.color.b,this.state.color.a))}updateStateB(e){this.setColor(new r.Color4(this.state.color.r,this.state.color.g,e,this.state.color.a))}updateStateA(e){this.props.disableAlpha||this.setColor(new r.Color4(this.state.color.r,this.state.color.g,this.state.color.b,e))}_convertToColor(e){if(""===e||"transparent"===e)return Er;if("#"!==e.substring(0,1)||7!==e.length&&9!==e.length){const t=document.createElement("div");t.style.color=e,document.body.append(t);const n=window.getComputedStyle(t).color;document.body.removeChild(t);const o=n.substring(4,n.length-1).replace(/ /g,"").split(","),i=o.length>3?parseInt(o[3])/255:1;return new r.Color4(parseInt(o[0])/255,parseInt(o[1])/255,parseInt(o[2])/255,i)}if(this.props.disableAlpha){const t=r.Color3.FromHexString(e);return new r.Color4(t.r,t.g,t.b,1)}return r.Color4.FromHexString(e)}_toColor3(e){return new r.Color3(e.r,e.g,e.b)}onCopyClick(){if(this.props&&this.props.target){const{className:e,babylonNamespace:t}=b(this.props.target),n="globalThis.debugNode",r=this.props.propertyName,o=this.props.target[this.props.propertyName],i=this.state.color.toHexString();let s;s=o.a?"new "+t+"Color4("+o.r+", "+o.g+", "+o.b+", "+o.a+")":"new "+t+"Color3("+o.r+", "+o.g+", "+o.b+")",s+=";// (HEX : "+i,m(n+"."+r+" = "+s+" , debugNode as "+t+e+")")}else m("undefined")}render(){const e=this.state.isExpanded?(0,g.jsx)(or,{icon:ur}):(0,g.jsx)(or,{icon:pr});return(0,g.jsxs)("div",{className:"color3Line",children:[(0,g.jsxs)("div",{className:"firstLine",children:[this.props.icon&&(0,g.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),(0,g.jsx)("div",{className:"label",title:this.props.label,children:this.props.label}),(0,g.jsx)("div",{className:"color3",children:(0,g.jsx)(Ir,{lockObject:this.props.lockObject,linearHint:this.props.isLinear,value:this.props.disableAlpha?this._toColor3(this.state.color):this.state.color,onColorChanged:e=>{this.setColorFromString(e)}})}),(0,g.jsx)("div",{className:"expand hoverIcon",onClick:()=>this.switchExpandState(),title:"Expand",children:e}),(0,g.jsx)("div",{className:"copy hoverIcon",onClick:()=>this.onCopyClick(),title:"Copy to clipboard",children:(0,g.jsx)("img",{src:x,alt:"Copy"})})]}),this.state.isExpanded&&(0,g.jsxs)("div",{className:"secondLine",children:[(0,g.jsx)(lr,{lockObject:this.props.lockObject,label:"r",value:this.state.color.r,onChange:e=>this.updateStateR(e)}),(0,g.jsx)(lr,{lockObject:this.props.lockObject,label:"g",value:this.state.color.g,onChange:e=>this.updateStateG(e)}),(0,g.jsx)(lr,{lockObject:this.props.lockObject,label:"b",value:this.state.color.b,onChange:e=>this.updateStateB(e)}),this.props.disableAlpha||(0,g.jsx)(lr,{lockObject:this.props.lockObject,label:"a",value:this.state.color.a,onChange:e=>this.updateStateA(e)})]})]})}}class kr extends t.Component{render(){return(0,g.jsx)("img",{src:this.props.icon,title:this.props.label,alt:this.props.label,color:"black",className:"icon",onDragStart:e=>e.preventDefault()})}}var zr=o(767),Or={};Or.styleTagTransform=Nr(),Or.setAttributes=jr(),Or.insert=mr().bind(null,"head"),Or.domAPI=hr(),Or.insertStyleElement=yr(),Lr()(zr.A,Or);const Yr=zr.A&&zr.A.locals?zr.A.locals:void 0;function Pr(e,t){let n="";for(const r in e)e[r]&&(n+=t[r]+" ");return n}const Br=({disabled:e,active:t,onClick:n,children:r,color:o,size:i,title:s,backgroundColor:a})=>(0,g.jsx)("button",{className:Pr({button:!0,active:t,wide:"wide"===i,small:"small"===i,smaller:"smaller"===i,light:"light"===o,dark:"dark"===o},Yr),disabled:e,onClick:n,title:s,style:{backgroundColor:a},children:r});var Rr=o(734),Ur={};Ur.styleTagTransform=Nr(),Ur.setAttributes=jr(),Ur.insert=mr().bind(null,"head"),Ur.domAPI=hr(),Ur.insertStyleElement=yr(),Lr()(Rr.A,Ur);const Gr=Rr.A&&Rr.A.locals?Rr.A.locals:void 0,Zr=({color:e="dark",icon:t})=>(0,g.jsx)("img",{src:t,style:{width:"100%",height:"100%"},className:Pr({light:"light"===e},Gr)});var _r=o(182),Wr={};Wr.styleTagTransform=Nr(),Wr.setAttributes=jr(),Wr.insert=mr().bind(null,"head"),Wr.domAPI=hr(),Wr.insertStyleElement=yr(),Lr()(_r.A,Wr);const Hr=_r.A&&_r.A.locals?_r.A.locals:void 0,Qr="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTUsNi44OUE4LjExLDguMTEsMCwxLDEsNi44OSwxNSw4LjExLDguMTEsMCwwLDEsMTUsNi44OVptMCwxLjIyQTYuODksNi44OSwwLDEsMCwyMS44OSwxNSw2Ljg4LDYuODgsMCwwLDAsMTUsOC4xMVptLTEsOC4wNiwzLjYyLTMuNjNhLjYxLjYxLDAsMCwxLC45Mi43OWwtLjA2LjA3LTQsNC4wNmEuNjQuNjQsMCwwLDEtLjguMDZsLS4wNi0uMDYtMi0yYS42LjYsMCwwLDEsMC0uODYuNi42LDAsMCwxLC43OS0uMDZsLjA3LjA2LDEuNiwxLjYsMy42Mi0zLjYzWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjwvc3ZnPg==",Fr="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTUsOC43MWEyLDIsMCwwLDEsMiwxLjkxdi4xMWgzLjI2YS40Ny40NywwLDAsMSwuMDYuOTNoLS41NkwxOSwxOS43NWExLjcsMS43LDAsMCwxLTEuNTksMS41M0gxMi43MUExLjcxLDEuNzEsMCwwLDEsMTEsMTkuODVsMC0uMS0uNzktOC4wOWgtLjVhLjQ2LjQ2LDAsMCwxLS40Ni0uNFYxMS4yYS40Ni40NiwwLDAsMSwuNC0uNDZIMTNBMiwyLDAsMCwxLDE1LDguNzFabTMuODUsMi45NWgtNy43bC43OSw4YS43OC43OCwwLDAsMCwuNjkuN2g0LjY2YS43Ny43NywwLDAsMCwuNzYtLjYydi0uMDhabS0yLjc2LDEuNzFhLjQ3LjQ3LDAsMCwxLC40Ni40djQuNDFhLjQ2LjQ2LDAsMCwxLS45Mi4wNnYtNC40QS40Ny40NywwLDAsMSwxNi4wOSwxMy4zN1ptLTIuMTgsMGEuNDYuNDYsMCwwLDEsLjQ2LjR2NC40MWEuNDcuNDcsMCwwLDEtLjkzLjA2di00LjRBLjQ3LjQ3LDAsMCwxLDEzLjkxLDEzLjM3Wk0xNSw5LjY1YTEuMDcsMS4wNywwLDAsMC0xLjA4LDF2LjA5aDIuMThBMS4wOCwxLjA4LDAsMCwwLDE1LDkuNjVaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+",Vr=e=>{const[n,r]=(0,t.useState)(""),[o,i]=(0,t.useState)(!e.validateValue||e.validateValue(n));return(0,t.useEffect)((()=>{i(!e.validateValue||e.validateValue(n))}),[n]),(0,g.jsxs)("div",{className:Pr({line:!0,valid:o,invalid:!o},Hr),children:[e.label&&(0,g.jsx)("label",{children:e.label}),(0,g.jsx)("input",{className:Hr.input,type:"text",placeholder:e.placeholder,value:n,onChange:e=>{r(e.target.value)}}),(0,g.jsxs)("div",{children:[(0,g.jsx)(Br,{color:"light",size:"smaller",backgroundColor:"inherit",onClick:()=>{e.submitValue(n)},disabled:!o,children:(0,g.jsx)(Zr,{icon:Qr,color:"dark"})}),(0,g.jsx)(Br,{color:"light",size:"smaller",backgroundColor:"inherit",onClick:()=>{e.cancelSubmit?.(),r("")},children:(0,g.jsx)(Zr,{icon:Fr,color:"dark"})})]})]})};var Jr=o(348),Xr={};Xr.styleTagTransform=Nr(),Xr.setAttributes=jr(),Xr.insert=mr().bind(null,"head"),Xr.domAPI=hr(),Xr.insertStyleElement=yr(),Lr()(Jr.A,Xr);const qr=Jr.A&&Jr.A.locals?Jr.A.locals:void 0;var Kr;!function(e){e[e.Default=0]="Default",e[e.Adding=1]="Adding"}(Kr||(Kr={}));const $r="addCustomOption",eo=e=>{const[n,r]=(0,t.useState)(Kr.Default);return(0,g.jsxs)("div",{className:qr.optionsLine,children:[n===Kr.Adding&&(0,g.jsx)(Vr,{submitValue:t=>{const n={label:t,value:t,id:Date.now().toString()};e.onOptionAdded?.(n),e.onOptionSelected(n.value),r(Kr.Default)},placeholder:e.addOptionPlaceholder,validateValue:e.validateNewOptionValue,cancelSubmit:()=>{r(Kr.Default)}}),n===Kr.Default&&(0,g.jsxs)("select",{className:qr.optionsSelect,onChange:t=>{t.target.value===$r?r(Kr.Adding):e.onOptionSelected(t.target.value)},value:e.selectedOptionValue,children:[e.onOptionAdded&&(0,g.jsx)("option",{value:$r,children:e.addOptionText??"Custom"},$r),e.options.map((e=>(0,g.jsx)("option",{value:e.value,children:e.label},e.id)))]})]})},to="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTAsN2EzLDMsMCwwLDAtMywzdjMuNWEuNS41LDAsMCwwLDEsMFYxMGEyLDIsMCwwLDEsMi0yaDMuNWEuNS41LDAsMCwwLDAtMVoiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNMTYuNSw3YS41LjUsMCwwLDAsMCwxSDIwYTIsMiwwLDAsMSwyLDJ2My41YS41LjUsMCwwLDAsMSwwVjEwYTMsMywwLDAsMC0zLTNaIiBzdHlsZT0iZmlsbDojMzMzIi8+PHBhdGggZD0iTTcuNSwxNmEuNS41LDAsMCwxLC41LjVWMjBhMiwyLDAsMCwwLDIsMmgzLjVhLjUuNSwwLDAsMSwwLDFIMTBhMywzLDAsMCwxLTMtM1YxNi41QS41LjUsMCwwLDEsNy41LDE2WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik0yMywxNi41YS41LjUsMCwwLDAtMSwwVjIwYTIsMiwwLDAsMS0yLDJIMTYuNWEuNS41LDAsMCwwLDAsMUgyMGEzLDMsMCwwLDAsMy0zWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjwvc3ZnPg==",no="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTAuOTIsNi44M2EuNjEuNjEsMCwwLDEsLjU3LjRsMi40MSw2LjUydjBsLjE4LjQ5TDEzLjQyLDE2bC0uNTEtMS4zOGgtNEw4LDE3LjA1YS42MS42MSwwLDAsMS0uNzkuMzYuNjIuNjIsMCwwLDEtLjM2LS43OWwxLTIuODR2MGwyLjQxLTYuNTJBLjYyLjYyLDAsMCwxLDEwLjkyLDYuODNaTTkuMzgsMTMuMzdoMy4wN0wxMC45Miw5LjIxWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik0xNi40OCwxMC40OGEuNi42LDAsMCwxLC41Ny0uMzguNTkuNTksMCwwLDEsLjU2LjM5bDQuNTQsMTEuNDVoLjRhLjYyLjYyLDAsMSwxLDAsMS4yM2gtMmEuNjIuNjIsMCwwLDEsMC0xLjIzaC4zMmwtMS0yLjQ1SDE0LjIybC0xLDIuNDVoLjMyYS42Mi42MiwwLDAsMSwwLDEuMjNoLTJhLjYyLjYyLDAsMCwxLDAtMS4yM2guNFptMi45LDcuNzhMMTcsMTIuMzdsLTIuMzMsNS44OVoiIHN0eWxlPSJmaWxsOiMzMzMiLz48L3N2Zz4=",ro="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNNywxNC40YTgsOCwwLDAsMSwxNiwwaDBWMTVBOCw4LDAsMCwxLDcsMTV2LS42Wm04LTYuMjFBNi44LDYuOCwwLDAsMCw4LjIyLDE0LjRIMjEuNzhBNi44LDYuOCwwLDAsMCwxNSw4LjE5WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjwvc3ZnPg==",oo="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTAuMTYsMTAuNzZhLjYuNiwwLDAsMSwuNi0uNmgyYS42MS42MSwwLDEsMSwwLDEuMjFoLS41NmwxLjM5LDEuMzlhLjYuNiwwLDAsMS0uODUuODVsLTEuMzktMS4zOXYuNTZhLjYxLjYxLDAsMSwxLTEuMjEsMFoiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNMTkuMjQsMTkuODVhLjY0LjY0LDAsMCwwLC40My0uMTguNjMuNjMsMCwwLDAsLjE3LS40M3YtMmEuNjEuNjEsMCwxLDAtMS4yMSwwdi41NmwtMS4zOS0xLjM5YS42LjYsMCwxLDAtLjg1Ljg1bDEuMzksMS4zOWgtLjU2YS42MS42MSwwLDAsMCwwLDEuMjJaIiBzdHlsZT0iZmlsbDojMzMzIi8+PHBhdGggZD0iTTE5LjY3LDEwLjMzYS42My42MywwLDAsMSwuMTcuNDN2MmEuNjEuNjEsMCwxLDEtMS4yMSwwdi0uNTZsLTEuMzksMS4zOWEuNi42LDAsMSwxLS44NS0uODVsMS4zOS0xLjM5aC0uNTZhLjYxLjYxLDAsMSwxLDAtMS4yMWgyQS42My42MywwLDAsMSwxOS42NywxMC4zM1oiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNMTAuMTYsMTkuMjRhLjU4LjU4LDAsMCwwLC42LjZoMmEuNjEuNjEsMCwxLDAsMC0xLjIxaC0uNTZsMS4zOS0xLjM5YS42LjYsMCwxLDAtLjg1LS44NWwtMS4zOSwxLjM5di0uNTZhLjYxLjYxLDAsMCwwLTEuMjEsMFoiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNNy43Myw5LjU1QTEuODMsMS44MywwLDAsMSw5LjU1LDcuNzNoMTAuOWExLjgzLDEuODMsMCwwLDEsMS44MiwxLjgydjEwLjlhMS44MywxLjgzLDAsMCwxLTEuODIsMS44Mkg5LjU1YTEuODMsMS44MywwLDAsMS0xLjgyLTEuODJabTEuODItLjYxYS42Mi42MiwwLDAsMC0uNjEuNjF2MTAuOWEuNjIuNjIsMCwwLDAsLjYxLjYxaDEwLjlhLjYyLjYyLDAsMCwwLC42MS0uNjFWOS41NWEuNjIuNjIsMCwwLDAtLjYxLS42MVoiIHN0eWxlPSJmaWxsOiMzMzMiLz48L3N2Zz4=",io="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNOC4zMSwxMC4zNGE4LjM0LDguMzQsMCwwLDEsMTQuMjUsOC4zNGMtMS4zNSwzLjctNC45MSw1LjE2LTcuNDcsMy4zYTMuODIsMy44MiwwLDAsMS0xLjUyLTNsLS4wOC0uODEsMC0uMzJjLS4xLS43Ni0uMjYtMS4xLS41OC0xLjI4YTEuMjcsMS4yNywwLDAsMC0xLjMsMGwtLjI4LjEyLS4xNS4wNmEzLjEyLDMuMTIsMCwwLDEtMi4wNy4zNEw4LjksMTdsLS4xMywwQzYuNDksMTYuMjksNi4xNSwxMy4yLDguMzEsMTAuMzRabS44LDUuNDguMSwwLC4xMSwwYTEuODEsMS44MSwwLDAsMCwxLjE3LS4xOWwuNDktLjIxYTIuNDcsMi40NywwLDAsMSwzLjY4LDIuMjFsMCwuMzcuMDUuNDQsMCwuMzRhMi43NSwyLjc1LDAsMCwwLDEsMi4xNmMxLjg2LDEuMzUsNC41Mi4yNSw1LjYxLTIuNzNBNy4xMSw3LjExLDAsMCwwLDkuMjksMTEuMDdDNy41OSwxMy4zMyw3LjgsMTUuMzgsOS4xMSwxNS44MlptOS4xNi0xLjYzYTEsMSwwLDAsMSwyLS41MywxLDEsMCwxLDEtMiwuNTNaTTE4LjY4LDE3YTEsMSwwLDEsMSwxLjI0LjcyQTEsMSwwLDAsMSwxOC42OCwxN1ptLTItNS4zYTEsMSwwLDAsMSwuNzItMS4yNSwxLDEsMCwxLDEsLjUzLDJBMSwxLDAsMCwxLDE2LjY2LDExLjc0Wm0wLDcuMzVhMSwxLDAsMCwxLC43Mi0xLjI1LDEsMSwwLDAsMSwuNTMsMkExLDEsMCwwLDEsMTYuNjMsMTkuMDlaTTEzLjc4LDExYTEsMSwwLDEsMSwxLjI1LjcyQTEsMSwwLDAsMSwxMy43OCwxMVoiIHN0eWxlPSJmaWxsOiMzMzMiLz48L3N2Zz4=",so="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNNy4zMSwxNi41NHY0LjFhMiwyLDAsMCwwLDIsMkgyMS40MmEyLDIsMCwwLDAsMi0yVjExLjc4YTIsMiwwLDAsMC0yLTJIMTQuMjFMMTUuNDIsMTFoNmEuOC44LDAsMCwxLC44LjgxdjguODZhLjguOCwwLDAsMS0uOC44MUg5LjMzYS44MS44MSwwLDAsMS0uODEtLjgxVjE3Ljc1WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik0xMC41NCw4YS42LjYsMCwxLDEsMS4yLDBWOWExLjU3LDEuNTcsMCwwLDEsMSwuNDZsMi44NSwyLjg1YTEuNjEsMS42MSwwLDAsMSwwLDIuMjhMMTIuMTcsMThhMS42MSwxLjYxLDAsMCwxLTIuMjgsMEw3LDE1LjEzYTEuNjEsMS42MSwwLDAsMSwwLTIuMjhsMy40Mi0zLjQyLjA4LS4wN1ptMCwzLjYydi0uNUw4LjIxLDEzLjRoNi42NGEuMzQuMzQsMCwwLDAtLjEyLS4yNmwtMi44NS0yLjg1YS4zNC4zNCwwLDAsMC0uMTQtLjA5djEuMzdhLjYuNiwwLDEsMS0xLjIsMFptLTIuMzIsMywyLjUyLDIuNTJhLjQyLjQyLDAsMCwwLC41NywwbDIuNTMtMi41MloiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNMTQuNTcsMTcuMzJhMi43NiwyLjc2LDAsMCwxLC4yNy0xLjEyLDUuMzMsNS4zMywwLDAsMSwuNTQtLjkxYy4yLS4yNy4zOS0uNDkuNTMtLjY1bC4yNC0uMjZoMGEuNi42LDAsMCwxLC44NiwwbC4yNC4yN2E2LDYsMCwwLDEsLjUzLjY1LDUuMzMsNS4zMywwLDAsMSwuNTQuOTEsMi43NiwyLjc2LDAsMCwxLC4yOCwxLjEyLDIsMiwwLDEsMS00LDBaTTE2LjM3LDE2YTQuMTUsNC4xNSwwLDAsMC0uNDMuNzIsMS41NywxLjU3LDAsMCwwLS4xNy42MS44MS44MSwwLDEsMCwxLjYyLDAsMS41NywxLjU3LDAsMCwwLS4xNy0uNjEsNC4xNSw0LjE1LDAsMCwwLS40My0uNzJsLS4yMS0uMjhaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+",ao="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTUsMTMuMTlhMy4yMywzLjIzLDAsMSwxLTMuMjIsMy4yMkEzLjIyLDMuMjIsMCwwLDEsMTUsMTMuMTlabTAsMS4yMWEyLDIsMCwxLDAsMiwyQTIsMiwwLDAsMCwxNSwxNC40Wm0wLTRhOC4wNiw4LjA2LDAsMCwxLDcuODIsNi4xLjYxLjYxLDAsMCwxLTEuMTguMjksNi44NCw2Ljg0LDAsMCwwLTEzLjI4LDAsLjYxLjYxLDAsMCwxLTEuMTgtLjNBOC4wNyw4LjA3LDAsMCwxLDE1LDEwLjM2WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjwvc3ZnPg==",lo="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTUsNi45MUE4LjA5LDguMDksMCwxLDEsNi45MSwxNSw4LjA5LDguMDksMCwwLDEsMTUsNi45MVptMCwxLjIyQTYuODcsNi44NywwLDEsMCwyMS44NywxNSw2Ljg2LDYuODYsMCwwLDAsMTUsOC4xM1pNMTUsMTFhLjYxLjYxLDAsMCwxLC42MS42djIuODNoMi44M2EuNjEuNjEsMCwwLDEsMCwxLjIySDE1LjYxdjIuODNhLjYxLjYxLDAsMCwxLTEuMjIsMFYxNS42MUgxMS41NmEuNjEuNjEsMCwwLDEsMC0xLjIyaDIuODNWMTEuNTZBLjYxLjYxLDAsMCwxLDE1LDExWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjwvc3ZnPg==",co="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjUuMjksMjYuNTFhLjQxLjQxLDAsMCwxLS40MS40MUgxNS4xMmEuNDEuNDEsMCwwLDEtLjQxLS40MXYtMTNhLjQxLjQxLDAsMCwxLC40MS0uNDFIMjB2My42NmExLjYzLDEuNjMsMCwwLDAsMS42MywxLjYzaDMuNjZaTTIxLjIyLDE0bDMuMTYsMy4xNkgyMS42M2EuNDEuNDEsMCwwLDEtLjQxLS40MVpNMjYsMTcuMDhsLTQuNzUtNC43NC0uMDctLjA2TDIxLDEyLjEzbC0uMS0uMDUtLjE4LS4xYTEuNzIsMS43MiwwLDAsMC0uNTEtLjExSDE1LjEyYTEuNjMsMS42MywwLDAsMC0xLjYzLDEuNjN2MTNhMS42MywxLjYzLDAsMCwwLDEuNjMsMS42M2g5Ljc2YTEuNjMsMS42MywwLDAsMCwxLjYzLTEuNjNWMTguMjNBMS42NSwxLjY1LDAsMCwwLDI2LDE3LjA4WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjwvc3ZnPg==";function uo(e){return(0,g.jsx)("button",{className:"unit",onClick:()=>{e.onClick&&!e.locked&&e.onClick(e.unit||"")},disabled:e.locked,children:e.unit})}class po{static LookForItems(e,t,n=!0){if(0==t.length)return!1;if(!n&&t.includes(e))return!0;const r=e.getChildren?e.getChildren():e.children;if(r)for(const e of r)if(po.LookForItems(e,t,!1))return!0;return!1}static _RecursiveRemoveHiddenMeshesAndHoistChildren(e){const t=[];for(const n of e)n.reservedDataStore&&n.reservedDataStore.hidden&&n.getChildMeshes?po._RecursiveRemoveHiddenMeshesAndHoistChildren(n.getChildMeshes()).forEach((e=>{t.push(e)})):n.reservedDataStore&&n.reservedDataStore.hidden||t.push(n);return t}static SortAndFilter(e,t){if(!t)return[];const n=po._RecursiveRemoveHiddenMeshesAndHoistChildren(t);return e&&e.reservedDataStore&&e.reservedDataStore.detachedChildren&&n.push(...e.reservedDataStore.detachedChildren),n.reverse()}static GetCellInfo(e,t){const n=e.getChildCellInfo(t);let o=parseInt(n.substring(0,n.search(":")));isNaN(o)&&(o=0);let i=parseInt(n.substring(n.search(":")+1));return isNaN(i)&&(i=0),new r.Vector2(o,i)}static ReorderGrid(e,t,n,r){const o=[],i=[],s=e.children.length;for(let n=t;n<s;++n){const n=e.children[t];i.push(n),o.push(po.GetCellInfo(e,n)),e.removeControl(n)}e.addControl(n,r.x,r.y);for(let t=0;t<i.length;++t)e.addControl(i[t],o[t].x,o[t].y)}}var Ao,Mo=o(59),go={};go.styleTagTransform=Nr(),go.setAttributes=jr(),go.insert=mr().bind(null,"head"),go.domAPI=hr(),go.insertStyleElement=yr(),Lr()(Mo.A,go),Mo.A&&Mo.A.locals&&Mo.A.locals,function(e){e[e.NONE=0]="NONE",e[e.X=2]="X",e[e.Y=3]="Y"}(Ao||(Ao={}));class Lo extends t.Component{static get addedFonts(){return this._addedFonts}get visibleRegionContainer(){return this._visibleRegionContainer}get panAndZoomContainer(){return this._panAndZoomContainer}set trueRootContainer(e){e!==this._trueRootContainer&&(this._visibleRegionContainer.children.forEach((e=>this._visibleRegionContainer.removeControl(e))),this._visibleRegionContainer.addControl(e),this._trueRootContainer=e,e._host=this.props.globalState.guiTexture)}get trueRootContainer(){return this._trueRootContainer}get guiSize(){return this._guiSize}get pasteDisabled(){return this._pasteDisabled}set guiSize(e){this._guiSize={...e},this._visibleRegionContainer.widthInPixels=this._guiSize.width,this._visibleRegionContainer.heightInPixels=this._guiSize.height,this.props.globalState.onResizeObservable.notifyObservers(this._guiSize),this.props.globalState.onReframeWindowObservable.notifyObservers(),this.props.globalState.onWindowResizeObservable.notifyObservers()}applyEditorTransformation(){const e=this.props.globalState.guiTexture;e._rootContainer!=this._panAndZoomContainer&&(e._rootContainer=this._panAndZoomContainer,this._visibleRegionContainer.addControl(this._trueRootContainer),this.props.globalState.guiTexture.markAsDirty()),e.getSize().width===this._engine.getRenderWidth()&&e.getSize().height===this._engine.getRenderHeight()||e.scaleTo(this._engine.getRenderWidth(),this._engine.getRenderHeight()),e.getSize().width===this._engine.getRenderWidth()&&e.getSize().height===this._engine.getRenderHeight()||e.scaleTo(this._engine.getRenderWidth(),this._engine.getRenderHeight()),this._trueRootContainer.clipContent=!1,this._trueRootContainer.clipChildren=!1}removeEditorTransformation(){const e=this.props.globalState.guiTexture;e._rootContainer!=this._trueRootContainer&&(this._visibleRegionContainer.removeControl(this._trueRootContainer),e._rootContainer=this._trueRootContainer),this._trueRootContainer.clipContent=!0,this._trueRootContainer.clipChildren=!0}_reframeWindow(){this._panningOffset=new r.Vector2(0,0);const e=this._engine.getRenderWidth()/this.guiSize.width,t=this._engine.getRenderHeight()/this.guiSize.height;this._zoomFactor=.9*Math.min(e,t)}constructor(e){super(e),this._setConstraintDirection=!1,this._mouseStartPoint=null,this._constraintDirection=Ao.NONE,this._isOverGUINode=[],this._doubleClick=null,this._currLeft=0,this._currTop=0,this._controlsHit=[],this._pointerTravelDistance=0,this._processSelectionOnUp=!1,this._centerZoomMousePosition=new r.Vector2(0,0),this._hasPerformedDragZoom=!1,this._defaultGUISize={width:1024,height:1024},this._initialPanningOffset=new r.Vector2(0,0),this._panningOffset=new r.Vector2(0,0),this._zoomFactor=1,this._zoomModeIncrement=.2,this._guiSize=this._defaultGUISize,this._pasteDisabled=!0,this.keyEvent=e=>{"INPUT"!==e.target.nodeName&&(e.shiftKey?this._setConstraintDirection=this._constraintDirection===Ao.NONE:(this._setConstraintDirection=!1,this._constraintDirection=Ao.NONE),this.props.globalState.shiftKeyPressed=e.shiftKey&&"keydown"===e.type,"Delete"!==e.key&&"Backspace"!==e.key||this.props.globalState.lockObject.lock||this.props.globalState.deleteSelectedNodes(),this.props.globalState.keys.isKeyDown("control")&&!this.props.globalState.lockObject.lock&&"a"===e.key&&(e.preventDefault(),this.props.globalState.setSelection(this.trueRootContainer.children)))},this.blurEvent=()=>{this._constraintDirection=Ao.NONE,this.props.globalState.onPointerUpObservable.notifyObservers(null)},this._controlToLinkedMeshMap=new Map,this._observersMap={onPointerDownObservable:new Map,onPointerUpObservable:new Map,onPointerMoveObservable:new Map,onPointerEnterObservable:new Map,onPointerOutObservable:new Map,onPointerClickObservable:new Map,onDisposeObservable:new Map,onIsVisibleChangedObservable:new Map,onBeforeDrawObservable:new Map,onAfterDrawObservable:new Map,onWheelObservable:new Map};const{globalState:n}=e;this._rootContainer=t.createRef(),n.onSelectionChangedObservable.add((()=>this.updateNodeOutlines())),n.onToolChangeObservable.add((()=>{this.forceUpdate()})),n.onFitControlsToWindowObservable.add((()=>{if(n.selectedControls.length){let e=Number.MAX_SAFE_INTEGER,t=Number.MAX_SAFE_INTEGER,o=-Number.MAX_SAFE_INTEGER,i=-Number.MAX_SAFE_INTEGER;for(const s of n.selectedControls){const n=-s.widthInPixels/2,a=-s.heightInPixels/2,l=n+s.widthInPixels,c=a+s.heightInPixels,d=u.NodeToRTTSpace(s,n,a,new r.Vector2,void 0,this.trueRootContainer),p=u.NodeToRTTSpace(s,l,c,new r.Vector2,void 0,this.trueRootContainer),A=u.NodeToRTTSpace(s,n,c,new r.Vector2,void 0,this.trueRootContainer),M=u.NodeToRTTSpace(s,l,a,new r.Vector2,void 0,this.trueRootContainer);e=Math.min(e,d.x,p.x,A.x,M.x),t=Math.min(t,d.y,p.y,A.y,M.y),o=Math.max(o,d.x,p.x,A.x,M.x),i=Math.max(i,d.y,p.y,A.y,M.y)}const s=o-e,a=i-t,l=(e+o)/2,c=(t+i)/2;this._panningOffset=new r.Vector2(-l,c);const d=this._engine.getRenderWidth()/s,p=this._engine.getRenderHeight()/a;this._zoomFactor=.9*Math.min(d,p)}else this._reframeWindow()})),n.onReframeWindowObservable.add((()=>{this._reframeWindow()})),n.onOutlineChangedObservable.add((()=>{this.updateNodeOutlines()})),n.onSelectionChangedObservable.add((()=>{this.updateNodeOutlines()})),n.onParentingChangeObservable.add((e=>{this.parent(e)})),n.hostDocument.addEventListener("keyup",this.keyEvent,!1),n.hostDocument.addEventListener("keydown",this.keyEvent,!1),n.hostDocument.defaultView.addEventListener("blur",this.blurEvent,!1);let o=1;n.onWindowResizeObservable.add((()=>{o+=5})),n.onNewSceneObservable.add((e=>{e&&e.onBeforeRenderObservable.add((()=>{o>0&&(o--,n.onGizmoUpdateRequireObservable.notifyObservers(),this._engine.resize(),n.onArtBoardUpdateRequiredObservable.notifyObservers())}))})),n.onCopyObservable.add((e=>this.copyToClipboard(e))),n.onCutObservable.add((e=>this.cutToClipboard(e))),n.onPasteObservable.add((e=>this.pasteFromClipboard(e))),n.workbench=this,n.onResizeObservable.notifyObservers(this._guiSize),n.onPopupClosedObservable.add((()=>{this.dispose()}))}copyToClipboard(e){this._pasteDisabled=!1;const t=[];for(const e of this.props.globalState.selectedControls){if("Grid"===e.parent?.getClassName()){const t=e.parent.getChildCellInfo(e),[n,r]=t.split(":");e.metadata={...e.metadata,_cellInfo:{row:n,column:r}}}const n={};e.serialize(n),t.push(n),this._currLeft=e.leftInPixels,this._currTop=e.topInPixels}e(JSON.stringify({GUIClipboard:!0,controls:t}))}cutToClipboard(e){this.copyToClipboard(e),this.props.globalState.deleteSelectedNodes()}pasteFromClipboard(e){try{const t=JSON.parse(e);if(t.GUIClipboard){const e=[];for(const n of t.controls)e.push(a.Control.Parse(n,this.props.globalState.guiTexture));"StackPanel"!=e[0].parent?.typeName&&(this._currLeft+=10,this._currTop+=10),e[0].leftInPixels=this._currLeft,e[0].topInPixels=this._currTop;const n=this.props.globalState.workbench.appendBlock(e[0]);if("Grid"===n.parent?.typeName&&n.metadata?._cellInfo){const{row:e,column:t}=n.metadata._cellInfo,r=n.parent;r.removeControl(n),r.addControl(n,parseInt(e),parseInt(t))}return this.props.globalState.setSelection([n]),!0}}catch{}return r.Logger.Warn("Paste attempted, but clipboard content was invalid."),!1}CopyGUIControl(e){const t={};e.serialize(t);const n=a.Control.Parse(t,this.props.globalState.guiTexture);if(n){if(this.props.globalState.workbench.appendBlock(n),this.props.globalState.guiTexture.removeControl(n),"Grid"===e.parent?.typeName){const t=po.GetCellInfo(e.parent,e);e.parent.addControl(n,t.x,t.y)}else e.parent?.addControl(n);let t=1;for(;this.props.globalState.guiTexture.getDescendants(!1).filter((e=>e.name===`${n.name} Copy ${t}`)).length;)t++;n.name=`${n.name} Copy ${t}`,this.props.globalState.select(n)}}addEditorBehavior(e){e.onPointerUpObservable.add((()=>{this.clicked=!1})),e.onPointerDownObservable.add((t=>{t.buttonIndex>0||this.props.globalState.tool!==A.SELECT||this._controlsHit.push(e)})),e.onPointerEnterObservable.add((()=>{-1===this._isOverGUINode.indexOf(e)&&this._isOverGUINode.push(e)})),e.onPointerOutObservable.add((()=>{const t=this._isOverGUINode.indexOf(e);-1!==t&&this._isOverGUINode.splice(t,1)})),e.onDisposeObservable.add((()=>{const t=this._isOverGUINode.indexOf(e);-1!==t&&this._isOverGUINode.splice(t,1)})),e.metadata={...e.metadata,guiEditor:!0}}removeEditorBehavior(e){e.metadata&&e.metadata.guiEditor&&(delete e.metadata.guiEditor,delete e.metadata.editorUniqueId)}dispose(){this.props.globalState.hostDocument.removeEventListener("keyup",this.keyEvent),this.props.globalState.hostDocument.removeEventListener("keydown",this.keyEvent),this.props.globalState.hostDocument.defaultView.removeEventListener("blur",this.blurEvent),this._guiRenderObserver&&this.props.globalState.guiTexture.onEndRenderObservable.remove(this._guiRenderObserver),this._engine.dispose()}loadFromJson(e){this.removeEditorTransformation(),this.props.globalState.setSelection([]),this.props.globalState.liveGuiTexture?(this.props.globalState.liveGuiTexture?.parseContent(e,!0),this.synchronizeLiveGUI()):this.props.globalState.guiTexture.parseContent(e,!0),this.trueRootContainer=this.props.globalState.guiTexture._rootContainer,this.guiSize=this.props.globalState.guiTexture.getSize(),this.loadToEditor()}loadControlFromJson(e){const t=[];for(const n of e.controls){const e=a.Control.Parse(n,this.props.globalState.guiTexture);t.push(e);const r=this.props.globalState.workbench.appendBlock(e);if("Grid"===r.parent?.typeName&&r.metadata?._cellInfo){const{row:e,column:t}=r.metadata._cellInfo,n=r.parent;n.removeControl(r),n.addControl(r,parseInt(e),parseInt(t))}}this.props.globalState.setSelection(t)}async loadFromSnippet(e){this.removeEditorTransformation(),this.props.globalState.setSelection([]),this.props.globalState.liveGuiTexture?(await(this.props.globalState.liveGuiTexture?.parseFromSnippetAsync(e,!0)),this.synchronizeLiveGUI()):await this.props.globalState.guiTexture.parseFromSnippetAsync(e,!0),this.trueRootContainer=this.props.globalState.guiTexture._rootContainer,this.guiSize=this.props.globalState.guiTexture.getSize(),this.loadToEditor(),this.props.globalState.customLoad&&this.props.globalState.customLoad.action(e).catch((()=>{alert("Unable to load your GUI")}))}loadToEditor(){this.props.globalState.guiTexture.rootContainer.getDescendants().forEach((e=>{const t=e.fontFamily.trim().toLowerCase();-1===Lo._addedFonts.indexOf(t)&&Lo._addedFonts.push(e.fontFamily),this.addEditorBehavior(e)})),this._isOverGUINode=[],this.props.globalState.setSelection([]),this.props.globalState.onFitControlsToWindowObservable.notifyObservers(),this.props.globalState.onFontsParsedObservable.notifyObservers()}updateNodeOutlines(){for(const e of this._trueRootContainer.getDescendants())e.isHighlighted="Grid"===e.getClassName()&&(this.props.globalState.outlines||this.props.globalState.selectedControls.includes(e)),e.highlightLineWidth=5}appendBlock(e){return this.addEditorBehavior(e),e.getDescendants(!0).forEach((e=>this.addEditorBehavior(e))),0!=this.props.globalState.selectedControls.length?this.props.globalState.selectedControls[0].parent?.addControl(e):this.trueRootContainer.addControl(e),e}parent(e){const t=this.props.globalState.draggedControl,n=t?.parent;if(n&&t&&this._isNotChildInsert(e,t))if(null!=e)if(e instanceof a.Container&&this.props.globalState.draggedControlDirection===p.CENTER)n.removeControl(t),e.addControl(t);else if(e.parent)if("Grid"!==e.parent.typeName){n.removeControl(t);let r=e.parent.children.indexOf(e);const o="StackPanel"===e.parent.typeName||"VirtualKeyboard"===e.parent.typeName;r=this._adjustParentingIndex(r,o),e.parent.children.splice(r,0,t),t.parent=e.parent}else e.parent===n||(n.removeControl(t),e.parent.addControl(t)),this._reorderGrid(e.parent,t,e);else n.removeControl(t),this.trueRootContainer.addControl(t);else n.removeControl(t),this.trueRootContainer.addControl(t),this.trueRootContainer.children.pop(),this.trueRootContainer.children.splice(0,0,t);if(t){const e=t.parent;if(e){if("StackPanel"===e.typeName||"VirtualKeyboard"===e.typeName){const n=e.isVertical;t._width.unit!==a.ValueAndUnit.UNITMODE_PERCENTAGE||n||(u.ConvertToPixels(t,["width"]),this.props.globalState.hostWindow.alert("Warning: Parenting to horizontal stack panel converts width to pixel values")),t._height.unit===a.ValueAndUnit.UNITMODE_PERCENTAGE&&n&&(u.ConvertToPixels(t,["height"]),this.props.globalState.hostWindow.alert("Warning: Parenting to vertical stack panel converts height to pixel values"))}e.markAsDirty()}}this.props.globalState.draggedControl=null}_canClone(){return this.props.globalState.liveGuiTexture&&this.props.globalState.guiTexture&&this.trueRootContainer}_saveObservables(e){e.getDescendants().forEach((e=>{e.linkedMesh&&this._controlToLinkedMeshMap.set(e.metadata.editorUniqueId,e.linkedMesh),Object.keys(this._observersMap).forEach((t=>{const n=e[t];n.hasObservers()&&this._observersMap[t].set(e.metadata.editorUniqueId,n)}))}))}_restoreObservables(e){e.getDescendants().forEach((e=>{if(this._controlToLinkedMeshMap.has(e.metadata?.editorUniqueId)){const t=this._controlToLinkedMeshMap.get(e.metadata.editorUniqueId);t&&e.linkWithMesh(t)}Object.keys(this._observersMap).forEach((t=>{const n=this._observersMap[t].get(e.metadata?.editorUniqueId);n&&(e[t]=n)}))})),this._controlToLinkedMeshMap.clear(),Object.keys(this._observersMap).forEach((e=>{this._observersMap[e].clear()}))}_copyEditorGUIToLiveGUI(){if(this._canClone()){const e=this.props.globalState.liveGuiTexture.rootContainer;this._saveObservables(e),e.clearControls();const t=new Map,n=this.trueRootContainer.children.slice(0);for(const r of n){const n=r.clone(this.props.globalState.liveGuiTexture);t.set(r,n),e.addControl(n)}this._restoreObservables(e),this._syncConnectedLines(n,t)}}_reorderGrid(e,t,n){const r=po.GetCellInfo(e,t);e.removeControl(t);let o=e.children.indexOf(n);o=this._adjustParentingIndex(o),po.ReorderGrid(e,o,t,r)}_isNotChildInsert(e,t){for(;e?.parent;){if(e.parent==t)return!1;e=e.parent}return!0}_adjustParentingIndex(e,t=!1){switch(this.props.globalState.draggedControlDirection){case p.ABOVE:return t?e:e+1;case p.BELOW:case p.CENTER:return t?e+1:e}return e}isSelected(e,t){this.props.globalState.select(t)}_onMove(e,t,n){const o=[];e._top.unit===a.ValueAndUnit.UNITMODE_PERCENTAGE&&o.push("top"),e._left.unit===a.ValueAndUnit.UNITMODE_PERCENTAGE&&o.push("left");let i=t.x-n.x,s=t.y-n.y;this._setConstraintDirection&&(this._setConstraintDirection=!1,this._constraintDirection=Math.abs(i)>=Math.abs(s)?Ao.X:Ao.Y),this._constraintDirection===Ao.X?s=0:this._constraintDirection===Ao.Y&&(i=0);const l=new r.Vector2(i,s);if("Line"===e.typeName){const t=e,n=t.x1.substr(0,t.x1.length-2),r=t.x2.substr(0,t.x2.length-2),o=t.y1.substr(0,t.y1.length-2),a=t.y2.substr(0,t.y2.length-2);return t.x1=(Number(n)+i).toFixed(2),t.x2=(Number(r)+i).toFixed(2),t.y1=(Number(o)+s).toFixed(2),t.y2=(Number(a)+s).toFixed(2),void this.props.globalState.onPropertyGridUpdateRequiredObservable.notifyObservers()}let c=0,d=e.parent;for(;d;)c+=d.rotation,d=d.parent;const p=new r.Vector2(0,0),A=Math.sin(-c),M=Math.cos(-c);p.x=M*l.x-A*l.y,p.y=A*l.x+M*l.y,e.leftInPixels+=p.x,e.topInPixels+=p.y,u.ConvertToPercentage(e,o),this.props.globalState.onPropertyGridUpdateRequiredObservable.notifyObservers()}onMove(e){const t=this.getScaledPointerPosition();null==this._mouseStartPoint||this._panning||(this.props.globalState.selectedControls.forEach((e=>{t&&this._onMove(e,t,this._mouseStartPoint)})),this._mouseStartPoint=t||this._mouseStartPoint),this._pointerTravelDistance+=e.movementX*e.movementX+e.movementY*e.movementY,this._panning&&this.panning()}_screenToTexturePosition(e){const t=new r.Vector2(this._zoomFactor,this._zoomFactor);return e.divideInPlace(t).add(this._panningOffset)}getScaledPointerPosition(){return this._screenToTexturePosition(new r.Vector2(this._scene.pointerX,this._scene.pointerY))}startPanning(){this._panning=!0,this._initialPanningOffset=this.getScaledPointerPosition()}endPanning(){this._panning=!1}processSelection(){if(this.props.globalState.usePrevSelected)this.props.globalState.usePrevSelected=!1;else if(0!==this._controlsHit.length){for(const e of this._controlsHit)if(this.props.globalState.selectedControls.includes(e.parent)){if(this._doubleClick===e)return void this.props.globalState.select(e);this._doubleClick=e,window.setTimeout((()=>{this._doubleClick=null}),300)}for(const e of this._controlsHit)for(const t of this.props.globalState.selectedControls){if(t.parent===e.parent)return void this.props.globalState.select(e);break}for(const e of this._controlsHit)e.parent===this._trueRootContainer&&this.props.globalState.select(e)}else this.props.globalState.setSelection([])}onDown(e){this._pointerTravelDistance=0,this._rootContainer.current?.setPointerCapture(e.pointerId),this.props.globalState.tool===A.SELECT&&(this._mouseStartPoint=this.getScaledPointerPosition()),this.props.globalState.tool===A.ZOOM&&this._centerZoomMousePosition.set(this._scene.pointerX,this._scene.pointerY),4&e.buttons||this.props.globalState.tool===A.PAN?this.startPanning():(this.endPanning(),0!==this.props.globalState.selectedControls.length&&(this._processSelectionOnUp=!0),this._scene.onAfterRenderObservable.addOnce((()=>{this._processSelectionOnUp&&0!==this._controlsHit.filter((e=>this.props.globalState.selectedControls.includes(e))).length||(this.processSelection(),this._controlsHit=[],this._processSelectionOnUp=!1)})))}onUp(e){this.props.globalState.tool!==A.ZOOM||this._hasPerformedDragZoom||(this._panZoomToCenter(1e3*this._zoomModeIncrement,new r.Vector2(this._scene.pointerX,this._scene.pointerY)),this.zooming(1+(this.props.globalState.keys.isKeyDown("alt")?-this._zoomModeIncrement:this._zoomModeIncrement))),this._hasPerformedDragZoom=!1,this._mouseStartPoint=null,this._centerZoomMousePosition.set(0,0),this._constraintDirection=Ao.NONE,this._rootContainer.current?.releasePointerCapture(e.pointerId),this._panning=!1,this._processSelectionOnUp&&(Math.sqrt(this._pointerTravelDistance)<=5&&this.processSelection(),this._controlsHit=[],this._processSelectionOnUp=!1)}_syncConnectedLines(e,t){for(const n of e)if("Line"===n.getClassName()){const e=n;if(e.connectedControl){const n=e.connectedControl,r=t.get(e),o=t.get(n);r&&o&&(r.connectedControl=o)}}}_copyLiveGUIToEditorGUI(){if(this.props.globalState.liveGuiTexture&&this.trueRootContainer){this.props.globalState.liveGuiTexture.rootContainer.getDescendants().forEach((e=>{e.metadata={...e.metadata??{},editorUniqueId:(0,r.RandomGUID)()}})),this.trueRootContainer.clearControls();const e=new Map;for(const t of this.props.globalState.liveGuiTexture.rootContainer.children){const n=t.clone(this.props.globalState.guiTexture);e.set(t,n),this.appendBlock(n)}this._syncConnectedLines(this.props.globalState.liveGuiTexture.rootContainer.children,e)}}createGUICanvas(e){const t=this._rootContainer.current;this._engine=new r.Engine(t),this._scene=new r.Scene(this._engine),this._scene.clearColor=new r.Color4(0,0,0,0),new r.HemisphericLight("light1",r.Axis.Y,this._scene).intensity=.9,this.props.globalState.liveGuiTexture?(this._guiSize.width=this.props.globalState.liveGuiTexture.getSize().width,this._guiSize.height=this.props.globalState.liveGuiTexture.getSize().height,t.width=this._guiSize.width,t.height=this._guiSize.height):(this._guiSize.width=r.DataStorage.ReadNumber("GUIEditorWidth",1024),this._guiSize.height=r.DataStorage.ReadNumber("GUIEditorHeight",1024)),this._panAndZoomContainer=new a.Container("panAndZoom"),this._panAndZoomContainer.clipContent=!1,this._panAndZoomContainer.clipChildren=!1,this._visibleRegionContainer=new a.Container("visibleRegion"),this._visibleRegionContainer.clipChildren=!1,this._visibleRegionContainer.clipContent=!1,this._visibleRegionContainer.widthInPixels=this.guiSize.width,this._visibleRegionContainer.heightInPixels=this.guiSize.height,this._panAndZoomContainer.addControl(this._visibleRegionContainer);const n=this.props.globalState.guiTexture=this._visibleRegionContainer._host=this._panAndZoomContainer._host=a.AdvancedDynamicTexture.CreateFullscreenUI("guiTexture",!0,this._scene,r.Texture.NEAREST_NEAREST_MIPNEAREST,!1);n.useInvalidateRectOptimization=!1,this.trueRootContainer=n.rootContainer,n.onEndRenderObservable.add((()=>this.props.globalState.onGizmoUpdateRequireObservable.notifyObservers())),this._copyLiveGUIToEditorGUI(),new r.ArcRotateCamera("Camera",0,0,0,r.Vector3.Zero(),this._scene),this.addControls(this._scene),this._scene.getEngine().onCanvasPointerOutObservable.clear(),this._scene.doNotHandleCursors=!0,this.props.globalState.hostWindow.addEventListener("resize",(()=>{this.props.globalState.onWindowResizeObservable.notifyObservers(),this._scene.onBeforeRenderObservable.addOnce((()=>{this.props.globalState.onWindowResizeObservable.notifyObservers()}))})),this.props.globalState.onWindowResizeObservable.notifyObservers(),this.props.globalState.guiTexture.onBeginRenderObservable.add((()=>{this.applyEditorTransformation()})),this.props.globalState.onPropertyChangedObservable.add((e=>{e.object.markAsDirty(!1),this.props.globalState.onWindowResizeObservable.notifyObservers()}));const o=function(e,t){let n=0;return function(...t){const r=Date.now();r-n<33||(n=r,e(...t))}}((()=>{this._copyEditorGUIToLiveGUI()}));this.props.globalState.liveGuiTexture&&(this._guiRenderObserver=this.props.globalState.guiTexture.onEndRenderObservable.add(o)),this._engine.runRenderLoop((()=>{this._scene.render()})),this.props.globalState.onNewSceneObservable.notifyObservers(this.props.globalState.guiTexture.getScene()),this.props.globalState.onPropertyGridUpdateRequiredObservable.notifyObservers(),this.props.globalState.onFitControlsToWindowObservable.notifyObservers()}synchronizeLiveGUI(){this.props.globalState.liveGuiTexture&&(this._trueRootContainer.getDescendants().forEach((e=>e.dispose())),this.props.globalState.liveGuiTexture.rootContainer.getDescendants(!0).forEach((e=>{this.props.globalState.liveGuiTexture?.removeControl(e),this.appendBlock(e)})),this.props.globalState.guiTexture.snippetId=this.props.globalState.liveGuiTexture.snippetId)}addControls(e){e.onKeyboardObservable.add((e=>{switch(e.event.key){case"ArrowUp":this.moveControls(!1,e.event.shiftKey?-5:-1);break;case"ArrowDown":this.moveControls(!1,e.event.shiftKey?5:1);break;case"ArrowLeft":this.moveControls(!0,e.event.shiftKey?-5:-1);break;case"ArrowRight":this.moveControls(!0,e.event.shiftKey?5:1)}}),r.KeyboardEventTypes.KEYDOWN),e.onBeforeRenderObservable.add((()=>{this._panAndZoomContainer.scaleX!==this._zoomFactor&&(this._panAndZoomContainer.scaleX=this._zoomFactor,this._panAndZoomContainer.scaleY=this._zoomFactor,this.props.globalState.onArtBoardUpdateRequiredObservable.notifyObservers(),this.props.globalState.onGizmoUpdateRequireObservable.notifyObservers());const e=this._zoomFactor*this._panningOffset.x,t=this._zoomFactor*-this._panningOffset.y;this._panAndZoomContainer.leftInPixels===e&&this._panAndZoomContainer.topInPixels===t||(this._panAndZoomContainer.leftInPixels=e,this._panAndZoomContainer.topInPixels=t,this.props.globalState.onArtBoardUpdateRequiredObservable.notifyObservers(),this.props.globalState.onGizmoUpdateRequireObservable.notifyObservers())}))}panning(){const e=this.getScaledPointerPosition().subtract(this._initialPanningOffset).multiplyByFloats(1,-1);this._panningOffset=this._panningOffset.add(e),this._initialPanningOffset=this.getScaledPointerPosition(),this.props.globalState.onWindowResizeObservable.notifyObservers()}moveControls(e,t){for(const n of this.props.globalState.selectedControls)if(e){const e=n.leftInPixels;n.leftInPixels+=t,this.props.globalState.onPropertyChangedObservable.notifyObservers({object:n,property:"leftInPixels",value:n.leftInPixels,initialValue:e}),this.props.globalState.onPropertyGridUpdateRequiredObservable.notifyObservers()}else{const e=n.topInPixels;n.topInPixels+=t,this.props.globalState.onPropertyChangedObservable.notifyObservers({object:n,property:"topInPixels",value:n.topInPixels,initialValue:e}),this.props.globalState.onPropertyGridUpdateRequiredObservable.notifyObservers()}}zoomWheel(e){let t=0;e.deltaY?t=-e.deltaY:e.detail&&(t=-e.detail);const n=new r.Vector2(this._scene.pointerX,this._scene.pointerY);this._panZoomToCenter(t,n),this.zooming(1+t/1e3)}_panZoomToCenter(e,t){const n=u.MousePointerToRTTSpace(this.trueRootContainer,t.x,t.y),r=u.RttToLocalNodeSpace(this.trueRootContainer,n.x,n.y),o=u.MousePointerToRTTSpace(this.trueRootContainer,this._engine.getRenderWidth()/2,this._engine.getRenderHeight()/2),i=u.RttToLocalNodeSpace(this.trueRootContainer,o.x,o.y),s=-e/1e3,a=r.subtract(i).scale(s).multiplyByFloats(1,-1);this._panningOffset.addInPlace(a)}zoomDrag(e){let t=0;0!==e.movementY&&(t=-e.movementY),this._hasPerformedDragZoom=!0,this._panZoomToCenter(t,this._centerZoomMousePosition),this.zooming(1+t/1e3)}zooming(e){this._zoomFactor*=e}zeroIfClose(e){Math.abs(e.x)<r.Epsilon&&(e.x=0),Math.abs(e.y)<r.Epsilon&&(e.y=0),Math.abs(e.z)<r.Epsilon&&(e.z=0)}render(){let e="default";return this.props.globalState.tool===A.PAN?e="grab":this.props.globalState.tool===A.ZOOM&&(e=this.props.globalState.keys.isKeyDown("alt")?"zoom-out":"zoom-in"),(0,g.jsx)("canvas",{id:"workbench-canvas",onPointerMove:e=>{this._mouseDown&&this.props.globalState.tool===A.ZOOM&&this.zoomDrag(e),this.props.globalState.guiTexture&&this.onMove(e),this.props.globalState.onPointerMoveObservable.notifyObservers(e)},onPointerDown:e=>{this.onDown(e),0===this._controlsHit.length?this._mouseDown=!0:this._mouseDown=!1},onPointerUp:e=>{this.onUp(e),this.props.globalState.onPointerUpObservable.notifyObservers(e),this._mouseDown=!1},onWheel:e=>this.zoomWheel(e),onContextMenu:e=>e.preventDefault(),ref:this._rootContainer,style:{cursor:e}})}}Lo._addedFonts=[];class Co{static CreatePopup(e,t,n=300,r=800){const o={width:n,height:r,top:(window.innerHeight-n)/2+window.screenY,left:(window.innerWidth-r)/2+window.screenX},i=Object.keys(o).map((e=>e+"="+o[e])).join(","),s=window.open("",e,i);if(!s)return null;const a=s.document,l=a.createElement("link");l.rel="stylesheet",l.href="https://use.typekit.net/cta4xsb.css",a.head.appendChild(l),a.title=e,a.body.style.width="100%",a.body.style.height="100%",a.body.style.margin="0",a.body.style.padding="0";const c=a.createElement("div");return c.style.width="100%",c.style.height="100%",c.style.margin="0",c.style.padding="0",s.document.body.appendChild(c),this._CopyStyles(window.document,a),setTimeout((()=>{this._CopyStyles(window.document,a)}),0),this[t]=s,c}static _CopyStyles(e,t){for(let n=0;n<e.styleSheets.length;n++){const r=e.styleSheets[n];try{if(r.cssRules){const n=e.createElement("style");for(const t of r.cssRules)n.appendChild(e.createTextNode(t.cssText));t.head.appendChild(n)}else if(r.href){const n=e.createElement("link");n.rel="stylesheet",n.href=r.href,t.head.appendChild(n)}}catch(e){console.log(e)}}}}class ho extends t.Component{constructor(e){super(e),this._onControlVisibilityChangedObservers=[],this.state={fontFamilyOptions:JSON.parse(String(window.sessionStorage.getItem("fonts")))??[{label:"Arial",value:1},{label:"Verdana",value:2},{label:"Helvetica",value:3},{label:"Trebuchet MS",value:4},{label:"Times New Roman",value:5},{label:"Georgia",value:6},{label:"Garamond",value:7},{label:"Courier New",value:8},{label:"Brush Script MT",value:9}]};const t=this.props.controls;for(const e of t){const t=this._getTransformedReferenceCoordinate(e);e.metadata||(e.metadata={}),e.metadata._previousCenter=t;const n=e.onIsVisibleChangedObservable.add((()=>{this.forceUpdate()}));this._onControlVisibilityChangedObservers.push(n)}this._onFontsParsedObserver=this.props.onFontsParsedObservable?.add((()=>{this._checkFontsInLayout()})),this._onPropertyChangedObserver=this.props.onPropertyChangedObservable?.add((e=>{const n="transformCenterX"===e.property||"transformCenterY"===e.property;for(const r of t){let t=this._getTransformedReferenceCoordinate(r);if(n&&r.metadata._previousCenter){const e=t.subtract(r.metadata._previousCenter);r.leftInPixels-=e.x,r.topInPixels-=e.y,t=this._getTransformedReferenceCoordinate(r)}r.metadata._previousCenter=t,"TextBlock"!==r.getClassName()||"width"!==e.property&&"height"!==e.property||(r.resizeToFit=!1)}}))}componentWillMount(){this._checkFontsInLayout()}_checkFontsInLayout(){const e=[];for(const t of this.state.fontFamilyOptions.values())document.fonts.check(`12px "${t.label}"`)&&"Custom Font"!=t.label&&e.push(t);const t=Lo.addedFonts;for(let n=0;n<t.length;n++){const r=t[n].trim();e.push({label:r,value:r})}this.setState({fontFamilyOptions:e}),window.sessionStorage.setItem("fonts",JSON.stringify(e))}_addFont(e){const t=e.trim();t.length>0&&(this.state.fontFamilyOptions.find((({value:t})=>t===e))||this.setState((e=>(e.fontFamilyOptions.push({label:t,value:t}),e)),this._checkFontsInLayout))}_getTransformedReferenceCoordinate(e){const t=u.GetNodeMatrix(e),n=new r.Vector2(1,1);return t.transformCoordinates(1,1,n),n}_updateAlignment(e,t){for(const n of this.props.controls)"TextBlock"===n.typeName&&!1===n.resizeToFit?n["text"+e.charAt(0).toUpperCase()+e.slice(1)]=t:n[e]=t;this.forceUpdate()}_checkAndUpdateValues(e,t){for(const n of this.props.controls){let r=n["_"+e].isPercentage;const o="-"===t.charAt(0);"%"===t.charAt(t.length-1)?r=!0:"x"===t.charAt(t.length-1)&&"p"===t.charAt(t.length-2)&&(r=!1),"StackPanel"===n.parent?.typeName&&(r=!1);let i=t.match(/([\d.,]+)/g)?.[0];i||(i="0"),i=(o?"-":"")+i,i+=r?"%":"px";const s=n[e];n[e]=i,this.props.onPropertyChangedObservable?.notifyObservers({object:n,property:e,initialValue:s,value:n[e]})}}_addOrUpdateMetadata(e){for(const t of this.props.controls){const n=t.metadata;for(const t in e){const n=e[t];isNaN(n)||isNaN(parseFloat(n))?"true"===n.trim()?e[t]=!0:"false"===n.trim()&&(e[t]=!1):e[t]=parseFloat(n)}const r=Object.assign({},t.metadata,e);t.metadata=r,this.props.onPropertyChangedObservable?.notifyObservers({object:t,property:"metadata",initialValue:n,value:r})}}_removeFromMetadata(e){for(const t of this.props.controls){const n=Object.assign({},t.metadata);delete t.metadata[e],this.props.onPropertyChangedObservable?.notifyObservers({object:t,property:"metadata",initialValue:n,value:t.metadata})}}_getCommonPropertyKeys(e){if(0===(e=e.filter((e=>!!e))).length)return[];if(1===e.length)return Object.keys(e[0]);const[t,...n]=e;return Object.keys(t).filter((e=>n.every((t=>e in t))))}_markChildrenAsDirty(){for(const e of this.props.controls)e instanceof a.Container&&e._children.forEach((e=>{e._markAsDirty()}))}componentWillUnmount(){this._onPropertyChangedObserver&&this.props.onPropertyChangedObservable?.remove(this._onPropertyChangedObserver),this._onFontsParsedObserver&&this.props.onFontsParsedObservable?.remove(this._onFontsParsedObserver);for(let e=0;e<this._onControlVisibilityChangedObservers.length;e++)this.props.controls[e].onIsVisibleChangedObservable.remove(this._onControlVisibilityChangedObservers[e])}_filterFontDuplicates(e){const t=new Set;return e.filter((e=>{const n=e.value,r=t.has(n);return t.add(n),!r}))}render(){const e=this.props.controls,t=e[0];let n=t.horizontalAlignment,r=t.verticalAlignment;for(const t of e)t.horizontalAlignment!==n&&(n=a.Control.HORIZONTAL_ALIGNMENT_CENTER),t.verticalAlignment!==r&&(r=a.Control.VERTICAL_ALIGNMENT_CENTER);e.every((e=>"TextBlock"===e.typeName&&!1===e.resizeToFit))&&(n=t.textHorizontalAlignment,r=t.textVerticalAlignment);const o=t instanceof a.Container||"TextBlock"===t.typeName||"InputText"===t.typeName||"InputPassword"===t.typeName,i=f(e,this.props.onPropertyChangedObservable),s=t=>{const n=e.map((e=>e[t]._value)),r=n[0];if(n.every((e=>e===r))){const e=l(t);return"%"===e?(100*r).toFixed(2):"PX"===e?r.toFixed(2):j}return j},l=t=>{const n=e.map((e=>e[t]._unit)),r=n[0];return n.every((e=>e===r))?r===a.ValueAndUnit.UNITMODE_PIXEL?"PX":"%":j},c=(t,n,r,o)=>{for(const i of e){const e=i[t],s=i["_"+t]._unit;let l=i[`${t}InPixels`]+n;void 0!==r&&l<r&&(l=r),void 0!==o&&l>o&&(l=o),i[`${t}InPixels`]=l,s===a.ValueAndUnit.UNITMODE_PERCENTAGE&&u.ConvertToPercentage(i,[t]),this.props.onPropertyChangedObservable?.notifyObservers({object:i,property:t,initialValue:e,value:i[t]})}},d=(t,n)=>{for(const r of e)"PX"===t?u.ConvertToPercentage(r,[n],this.props.onPropertyChangedObservable):u.ConvertToPixels(r,[n],this.props.onPropertyChangedObservable)};let p=!1,A=!1,M=!1,L=!1;const h=e[0].parent,w=this._filterFontDuplicates(this.state.fontFamilyOptions.filter((({label:e})=>"Custom Font"!==e)).map((({label:e,value:t})=>({label:e,value:e,id:t.toString()}))));return"StackPanel"!==h?.getClassName()&&"VirtualKeyboard"!==h?.getClassName()||(h.isVertical?(A=!0,L=!0):(p=!0,M=!0)),(0,g.jsxs)("div",{children:[!this.props.hideDimensions&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("div",{className:"ge-divider alignment-bar",children:[(0,g.jsx)(I,{tooltip:"Left",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMjIuMyw5LjkzQTIuMjMsMi4yMywwLDAsMCwyMC4wNyw3LjdIOS45M0EyLjIzLDIuMjMsMCwwLDAsNy43LDkuOTNWMjAuMDdBMi4yMywyLjIzLDAsMCwwLDkuOTMsMjIuM0gyMC4wN2EyLjIzLDIuMjMsMCwwLDAsMi4yMy0yLjIzWm0tMTIuMzctMUgyMC4wN2ExLDEsMCwwLDEsMSwxVjIwLjA3YTEsMSwwLDAsMS0xLDFIOS45M2ExLDEsMCwwLDEtMS0xVjkuOTNBMSwxLDAsMCwxLDkuOTMsOC45MVoiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNMTAuNzYsMTMuMzloOC40NmEuNi42LDAsMCwxLC4wOCwxLjJIMTAuNzZhLjYuNiwwLDAsMS0uMDgtMS4yWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik0xMC43NiwxNS44Mmg1LjQxYS42LjYsMCwwLDEsLjA4LDEuMkgxMC43NmEuNi42LDAsMCwxLS4wOC0xLjJaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+",shortcut:"",isActive:n===a.Control.HORIZONTAL_ALIGNMENT_LEFT,onClick:()=>{this._updateAlignment("horizontalAlignment",a.Control.HORIZONTAL_ALIGNMENT_LEFT)},disabled:p}),(0,g.jsx)(I,{tooltip:"Center",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMjIuMyw5LjkzQTIuMjMsMi4yMywwLDAsMCwyMC4wNyw3LjdIOS45M0EyLjIzLDIuMjMsMCwwLDAsNy43LDkuOTNWMjAuMDdBMi4yMywyLjIzLDAsMCwwLDkuOTMsMjIuM0gyMC4wN2EyLjIzLDIuMjMsMCwwLDAsMi4yMy0yLjIzWm0tMTIuMzctMUgyMC4wN2ExLDEsMCwwLDEsMSwxVjIwLjA3YTEsMSwwLDAsMS0xLDFIOS45M2ExLDEsMCwwLDEtMS0xVjkuOTNBMSwxLDAsMCwxLDkuOTMsOC45MVoiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNMTAuNzYsMTMuMzloOC40NmEuNi42LDAsMCwxLC4wOCwxLjJIMTAuNzZhLjYuNiwwLDAsMS0uMDgtMS4yWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik0xMi4zLDE1LjgyaDUuNGEuNi42LDAsMCwxLC4wOSwxLjJIMTIuM2EuNi42LDAsMCwxLS4wOS0xLjJaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+",shortcut:"",isActive:n===a.Control.HORIZONTAL_ALIGNMENT_CENTER,onClick:()=>{this._updateAlignment("horizontalAlignment",a.Control.HORIZONTAL_ALIGNMENT_CENTER)},disabled:p}),(0,g.jsx)(I,{tooltip:"Right",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMjIuMyw5LjkzQTIuMjMsMi4yMywwLDAsMCwyMC4wNyw3LjdIOS45M0EyLjIzLDIuMjMsMCwwLDAsNy43LDkuOTNWMjAuMDdBMi4yMywyLjIzLDAsMCwwLDkuOTMsMjIuM0gyMC4wN2EyLjIzLDIuMjMsMCwwLDAsMi4yMy0yLjIzWm0tMTIuMzctMUgyMC4wN2ExLDEsMCwwLDEsMSwxVjIwLjA3YTEsMSwwLDAsMS0xLDFIOS45M2ExLDEsMCwwLDEtMS0xVjkuOTNBMSwxLDAsMCwxLDkuOTMsOC45MVoiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNMTAuNzYsMTMuMzloOC40NmEuNi42LDAsMCwxLC4wOCwxLjJIMTAuNzZhLjYuNiwwLDAsMS0uMDgtMS4yWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik0xMy44MSwxNS44Mmg1LjQxQS42LjYsMCwwLDEsMTkuMywxN0gxMy44MWEuNi42LDAsMCwxLS4wOC0xLjJaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+",shortcut:"",isActive:n===a.Control.HORIZONTAL_ALIGNMENT_RIGHT,onClick:()=>{this._updateAlignment("horizontalAlignment",a.Control.HORIZONTAL_ALIGNMENT_RIGHT)},disabled:p}),(0,g.jsx)(I,{tooltip:"Top",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMjIuMjksOS45NGEyLjIzLDIuMjMsMCwwLDAtMi4yMy0yLjIzSDkuOTRBMi4yMywyLjIzLDAsMCwwLDcuNzEsOS45NFYyMC4wNmEyLjIzLDIuMjMsMCwwLDAsMi4yMywyLjIzSDIwLjA2YTIuMjMsMi4yMywwLDAsMCwyLjIzLTIuMjNabS0xMi4zNS0xSDIwLjA2YTEsMSwwLDAsMSwxLDFWMjAuMDZhMSwxLDAsMCwxLTEsMUg5Ljk0YTEsMSwwLDAsMS0xLTFWOS45NEExLDEsMCwwLDEsOS45NCw4LjkyWm0uODEsMi40M2g4LjVhLjYxLjYxLDAsMCwxLC42MS42MS42LjYsMCwwLDEtLjUyLjZIMTAuNzVhLjYxLjYxLDAsMCwxLS4wOS0xLjIxWm04LjUsMi40M0gxMC42NkEuNjEuNjEsMCwwLDAsMTAuNzUsMTVoOC41OWEuNi42LDAsMCwwLC41Mi0uNkEuNjEuNjEsMCwwLDAsMTkuMjUsMTMuNzhaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+",shortcut:"",isActive:r===a.Control.VERTICAL_ALIGNMENT_TOP,onClick:()=>{this._updateAlignment("verticalAlignment",a.Control.VERTICAL_ALIGNMENT_TOP)},disabled:A}),(0,g.jsx)(I,{tooltip:"Center",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTEsMTMuMzloOGEuNzIuNzIsMCwwLDEsLjguNjEuNjkuNjksMCwwLDEtLjY5LjU5SDExYy0uNDQsMC0uOC0uMjctLjgtLjZhLjY5LjY5LDAsMCwxLC42OS0uNloiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNMTksMTUuOEgxMC44N2EuNjkuNjksMCwwLDAtLjY5LjZjMCwuMzMuMzYuNi44LjZoOC4xNWEuNjkuNjksMCwwLDAsLjY5LS41OUEuNzIuNzIsMCwwLDAsMTksMTUuOFoiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNMjIuMjMsMTBBMi4yMSwyLjIxLDAsMCwwLDIwLDcuNzdIMTBBMi4yMSwyLjIxLDAsMCwwLDcuNzcsMTBWMjBBMi4yMSwyLjIxLDAsMCwwLDEwLDIyLjIzSDIwQTIuMjEsMi4yMSwwLDAsMCwyMi4yMywyMFpNMTAsOUgyMGExLDEsMCwwLDEsMSwxVjIwYTEsMSwwLDAsMS0xLDFIMTBhMSwxLDAsMCwxLTEtMVYxMEExLDEsMCwwLDEsMTAsOVoiIHN0eWxlPSJmaWxsOiMzMzMiLz48L3N2Zz4=",shortcut:"",isActive:r===a.Control.VERTICAL_ALIGNMENT_CENTER,onClick:()=>{this._updateAlignment("verticalAlignment",a.Control.VERTICAL_ALIGNMENT_CENTER)},disabled:A}),(0,g.jsx)(I,{tooltip:"Bottom",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTAuNzcsMTYuMjFoOC40NmEuNi42LDAsMCwxLC4wOCwxLjJIMTAuNzdhLjYxLjYxLDAsMCwxLS4wOC0xLjIxWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik0xOS4yMywxOC42M0gxMC42OWEuNi42LDAsMCwwLC4wOCwxLjJoOC41NGEuNi42LDAsMCwwLS4wOC0xLjJaIiBzdHlsZT0iZmlsbDojMzMzIi8+PHBhdGggZD0iTTIyLjI1LDEwQTIuMjEsMi4yMSwwLDAsMCwyMCw3Ljc1SDEwQTIuMjEsMi4yMSwwLDAsMCw3Ljc1LDEwVjIwQTIuMjEsMi4yMSwwLDAsMCwxMCwyMi4yNUgyMEEyLjIxLDIuMjEsMCwwLDAsMjIuMjUsMjBaTTEwLDlIMjBhMSwxLDAsMCwxLDEsMVYyMGExLDEsMCwwLDEtMSwxSDEwYTEsMSwwLDAsMS0xLTFWMTBBMSwxLDAsMCwxLDEwLDlaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+",shortcut:"",isActive:r===a.Control.VERTICAL_ALIGNMENT_BOTTOM,onClick:()=>{this._updateAlignment("verticalAlignment",a.Control.VERTICAL_ALIGNMENT_BOTTOM)},disabled:A})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTYuNTEsMTVhLjYxLjYxLDAsMCwwLC42MS42aDQuNTlsLS41OC41OGEuNi42LDAsMCwwLDAsLjg2LjU5LjU5LDAsMCwwLC44NSwwbDEuNjItMS42MWEuNjIuNjIsMCwwLDAsMC0uODZMMjIsMTNhLjYuNiwwLDEsMC0uODUuODVsLjU4LjU4SDE3LjEyQS42MS42MSwwLDAsMCwxNi41MSwxNVptLTMuNjMtLjYxSDguMjlsLjU4LS41OEEuNi42LDAsMSwwLDgsMTNMNi40LDE0LjU4YS42Mi42MiwwLDAsMCwwLC44Nkw4LDE3LjA1YS41OS41OSwwLDAsMCwuODUsMCwuNi42LDAsMCwwLDAtLjg2bC0uNTgtLjU4aDQuNTlhLjYxLjYxLDAsMSwwLDAtMS4yMVpNMTUsMTMuNDlhLjYxLjYxLDAsMCwwLC42LS42MVY4LjI5bC41OC41OGEuNi42LDAsMCwwLC44NiwwQS42MS42MSwwLDAsMCwxNyw4TDE1LjM5LDYuNGEuNjEuNjEsMCwwLDAtLjg1LDBMMTIuOTIsOGEuNjEuNjEsMCwwLDAsMCwuODUuNi42LDAsMCwwLC44NiwwbC41OC0uNTh2NC41OUEuNjEuNjEsMCwwLDAsMTUsMTMuNDlabS0uNjEsMy42M3Y0LjU5bC0uNTgtLjU4YS42LjYsMCwwLDAtLjg2LDAsLjYxLjYxLDAsMCwwLDAsLjg1bDEuNjIsMS42MmEuNjEuNjEsMCwwLDAsLjg1LDBMMTcsMjJhLjYxLjYxLDAsMCwwLDAtLjg1LjYuNiwwLDAsMC0uODYsMGwtLjU4LjU4VjE3LjEyYS42MS42MSwwLDEsMC0xLjIxLDBaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+",label:"Position"}),(0,g.jsx)(D,{numbersOnly:!0,lockObject:this.props.lockObject,label:"X",delayInput:!0,value:s("_left"),onChange:e=>this._checkAndUpdateValues("left",e),unit:(0,g.jsx)(uo,{unit:l("_left"),onClick:e=>d(e,"left")}),arrows:!0,arrowsIncrement:e=>c("left",e)}),(0,g.jsx)(D,{numbersOnly:!0,lockObject:this.props.lockObject,label:"Y",delayInput:!0,value:s("_top"),onChange:e=>this._checkAndUpdateValues("top",e),unit:(0,g.jsx)(uo,{unit:l("_top"),onClick:e=>d(e,"top")}),arrows:!0,arrowsIncrement:e=>c("top",e)})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:to,label:"Size"}),(0,g.jsx)(D,{numbersOnly:!0,lockObject:this.props.lockObject,label:"W",delayInput:!0,value:s("_width"),onChange:t=>{for(const n of e)"Image"===n.typeName?n.autoScale=!1:n instanceof a.Container?n.adaptWidthToChildren=!1:"ColorPicker"===n.typeName&&("0"!==t&&"-"!==t||(t="1"));this._checkAndUpdateValues("width",t)},unit:(0,g.jsx)(uo,{unit:l("_width"),locked:M,onClick:e=>d(e,"width")}),arrows:!0,arrowsIncrement:e=>c("width",e)}),(0,g.jsx)(D,{numbersOnly:!0,lockObject:this.props.lockObject,label:"H",delayInput:!0,value:s("_height"),onChange:t=>{for(const n of e)"Image"===n.typeName?n.autoScale=!1:n instanceof a.Container?n.adaptHeightToChildren=!1:"ColorPicker"===n.typeName&&("0"!==t&&"-"!==t||(t="1"));this._checkAndUpdateValues("height",t)},unit:(0,g.jsx)(uo,{unit:l("_height"),locked:L,onClick:e=>d(e,"height")}),arrows:!0,arrowsIncrement:e=>c("height",e)})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMjEuNjMsOWEuNi42LDAsMCwwLDAtMS4ySDguMzdhLjYuNiwwLDAsMCwwLDEuMloiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNMjEuNjMsMjIuMjNhLjYuNiwwLDAsMCwwLTEuMkg4LjM3YS42LjYsMCwwLDAsMCwxLjJaIiBzdHlsZT0iZmlsbDojMzMzIi8+PHBhdGggZD0iTTEwLjc4LDExLjc5YTEuNDEsMS40MSwwLDAsMC0xLjQxLDEuNHYzLjYyYTEuNDEsMS40MSwwLDAsMCwxLjQxLDEuNGg4LjQ0YTEuNDEsMS40MSwwLDAsMCwxLjQxLTEuNFYxMy4xOWExLjQxLDEuNDEsMCwwLDAtMS40MS0xLjRabS0uMiwxLjRhLjIuMiwwLDAsMSwuMi0uMmg4LjQ0YS4yLjIsMCwwLDEsLjIuMnYzLjYyYS4yLjIsMCwwLDEtLjIuMkgxMC43OGEuMi4yLDAsMCwxLS4yLS4yWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjwvc3ZnPg==",label:"Vertical Padding"}),(0,g.jsx)(D,{numbersOnly:!0,lockObject:this.props.lockObject,label:"T",delayInput:!0,value:s("_paddingTop"),onChange:e=>{this._checkAndUpdateValues("paddingTop",e),this._markChildrenAsDirty()},unit:(0,g.jsx)(uo,{unit:l("_paddingTop"),onClick:e=>d(e,"paddingTop")}),arrows:!0,arrowsIncrement:e=>c("paddingTop",e,0)}),(0,g.jsx)(D,{numbersOnly:!0,lockObject:this.props.lockObject,label:"B",delayInput:!0,value:s("_paddingBottom"),onChange:e=>{this._checkAndUpdateValues("paddingBottom",e),this._markChildrenAsDirty()},unit:(0,g.jsx)(uo,{unit:l("_paddingBottom"),onClick:e=>d(e,"paddingBottom")}),arrows:!0,arrowsIncrement:e=>c("paddingBottom",e,0)})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNOSw4LjM3YS42LjYsMCwxLDAtMS4yLDBWMjEuNjNhLjYuNiwwLDEsMCwxLjIsMFoiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNMjIuMjMsOC4zN2EuNi42LDAsMSwwLTEuMiwwVjIxLjYzYS42LjYsMCwxLDAsMS4yLDBaIiBzdHlsZT0iZmlsbDojMzMzIi8+PHBhdGggZD0iTTExLjc5LDE5LjIyYTEuNDEsMS40MSwwLDAsMCwxLjQsMS40MWgzLjYyYTEuNDEsMS40MSwwLDAsMCwxLjQtMS40MVYxMC43OGExLjQxLDEuNDEsMCwwLDAtMS40LTEuNDFIMTMuMTlhMS40MSwxLjQxLDAsMCwwLTEuNCwxLjQxWm0xLjQuMmEuMi4yLDAsMCwxLS4yLS4yVjEwLjc4YS4yLjIsMCwwLDEsLjItLjJoMy42MmEuMi4yLDAsMCwxLC4yLjJ2OC40NGEuMi4yLDAsMCwxLS4yLjJaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+",label:"Horizontal Padding"}),(0,g.jsx)(D,{numbersOnly:!0,lockObject:this.props.lockObject,label:"L",delayInput:!0,value:s("_paddingLeft"),onChange:e=>{this._checkAndUpdateValues("paddingLeft",e),this._markChildrenAsDirty()},unit:(0,g.jsx)(uo,{unit:l("_paddingLeft"),onClick:e=>d(e,"paddingLeft")}),arrows:!0,arrowsIncrement:e=>c("paddingLeft",e)}),(0,g.jsx)(D,{numbersOnly:!0,lockObject:this.props.lockObject,label:"R",delayInput:!0,value:s("_paddingRight"),onChange:e=>{this._checkAndUpdateValues("paddingRight",e),this._markChildrenAsDirty()},onPropertyChangedObservable:this.props.onPropertyChangedObservable,unit:(0,g.jsx)(uo,{unit:l("_paddingRight"),onClick:e=>d(e,"paddingRight")}),arrows:!0,arrowsIncrement:e=>c("paddingRight",e)})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjMuMTEsOS4zMmEyLjIzLDIuMjMsMCwwLDEtMi4yMywyLjI0SDkuMTJhMi4yNCwyLjI0LDAsMCwxLDAtNC40N0gyMC44OEEyLjIzLDIuMjMsMCwwLDEsMjMuMTEsOS4zMlpNMjEuNDksMTVhMi4yMywyLjIzLDAsMCwxLTIuMjMsMi4yM0gxMC43NGEyLjIzLDIuMjMsMCwwLDEsMC00LjQ2aDguNTJBMi4yMywyLjIzLDAsMCwxLDIxLjQ5LDE1Wm0tMi40NCw1LjY4YTIuMjMsMi4yMywwLDAsMS0yLjIzLDIuMjNIMTMuMThhMi4yNCwyLjI0LDAsMCwxLDAtNC40N2gzLjY0QTIuMjMsMi4yMywwLDAsMSwxOS4wNSwyMC42OFpNMjEuODksOS4zMmExLDEsMCwwLDAtMS0xSDkuMTJhMSwxLDAsMCwwLDAsMkgyMC44OEExLDEsMCwwLDAsMjEuODksOS4zMlpNMjAuMjcsMTVhMSwxLDAsMCwwLTEtMUgxMC43NGExLDEsMCwwLDAsMCwyaDguNTJBMSwxLDAsMCwwLDIwLjI3LDE1Wm0tMi40Myw1LjY4YTEsMSwwLDAsMC0xLTFIMTMuMThhMSwxLDAsMSwwLDAsMmgzLjY0QTEsMSwwLDAsMCwxNy44NCwyMC42OFoiLz48L3N2Zz4=",label:"Makes padding affect only the descendants of this control"}),(0,g.jsx)(ar,{label:"ONLY PAD DESCENDANTS",target:i,propertyName:"descendentsOnlyPadding"})]}),(0,g.jsx)("hr",{className:"ge"})]}),"root"===h?.name&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(C,{label:"LINK OFFSET",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJpY29ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMzMzM7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE4LjE3LDE4LjUxYy0xLjIxLDAtMi4xOSwuOTgtMi4xOSwyLjE5cy45OCwyLjE5LDIuMTksMi4xOWguNDRjLjI0LDAsLjQ0LS4yLC40NC0uNDRzLS4yLS40NC0uNDQtLjQ0aC0uNDRjLS43MywwLTEuMzItLjU5LTEuMzItMS4zMnMuNTktMS4zMiwxLjMyLTEuMzJoLjQ0Yy4yNCwwLC40NC0uMiwuNDQtLjQ0cy0uMi0uNDQtLjQ0LS40NGgtLjQ0Wm0zLjA3LDBjLS4yNCwwLS40NCwuMi0uNDQsLjQ0cy4yLC40NCwuNDQsLjQ0aC40NGMuNzMsMCwxLjMyLC41OSwxLjMyLDEuMzJzLS41OSwxLjMyLTEuMzIsMS4zMmgtLjQ0Yy0uMjQsMC0uNDQsLjItLjQ0LC40NHMuMiwuNDQsLjQ0LC40NGguNDRjMS4yMSwwLDIuMTktLjk4LDIuMTktMi4xOXMtLjk4LTIuMTktMi4xOS0yLjE5aC0uNDRabS0zLjA3LDEuNzZjLS4yNCwwLS40NCwuMi0uNDQsLjQ0cy4yLC40NCwuNDQsLjQ0aDMuNTFjLjI0LDAsLjQ0LS4yLC40NC0uNDRzLS4yLS40NC0uNDQtLjQ0aC0zLjUxWiIvPjxnPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIxLjYxLDE0LjRoLTQuNTljLS4zMywwLS42MSwuMjctLjYxLC42MXMuMjcsLjYxLC42MSwuNjFoNC41OWwtLjU4LC41OGMtLjI0LC4yNC0uMjQsLjYyLDAsLjg2LC4yNCwuMjQsLjYyLC4yNCwuODYsMGwxLjYxLTEuNjFjLjI0LS4yNCwuMjQtLjYyLDAtLjg2bC0xLjYxLTEuNjFjLS4yNC0uMjQtLjYyLS4yNC0uODYsMC0uMjQsLjI0LS4yNCwuNjIsMCwuODZsLjU4LC41OFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNS4wMSwyMC43MWMwLS41NywuMTgtMS4wOSwuNDctMS41NHYtMi4wNWMwLS4zMy0uMjctLjYxLS42MS0uNjFzLS42LC4yNy0uNiwuNjF2NC41OWwtLjU4LS41OGMtLjI0LS4yNC0uNjItLjI0LS44NiwwLS4yNCwuMjQtLjI0LC42MiwwLC44NmwxLjYxLDEuNjFjLjI0LC4yNCwuNjIsLjI0LC44NiwwbC43Mi0uNzJjLS42Mi0uNTQtMS4wMS0xLjMxLTEuMDEtMi4xN1oiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMy42OCw4Ljg3bC41OC0uNTh2NC41OWMwLC4zMywuMjcsLjYxLC42LC42MXMuNjEtLjI3LC42MS0uNjF2LTQuNTlsLjU4LC41OGMuMjQsLjI0LC42MiwuMjQsLjg2LDAsLjI0LS4yNCwuMjQtLjYyLDAtLjg2bC0xLjYxLTEuNjFjLS4yNC0uMjQtLjYyLS4yNC0uODYsMGwtMS42MSwxLjYxYy0uMjQsLjI0LS4yNCwuNjIsMCwuODYsLjI0LC4yNCwuNjIsLjI0LC44NiwwWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTguMTksMTUuNjFoNC41OWMuMzMsMCwuNjEtLjI3LC42MS0uNjFzLS4yNy0uNjEtLjYxLS42MWgtNC41OWwuNTgtLjU4Yy4yNC0uMjQsLjI0LS42MiwwLS44Ni0uMjQtLjI0LS42Mi0uMjQtLjg2LDBsLTEuNjEsMS42MWMtLjI0LC4yNC0uMjQsLjYyLDAsLjg2bDEuNjEsMS42MWMuMjQsLjI0LC42MiwuMjQsLjg2LDAsLjI0LS4yNCwuMjQtLjYyLDAtLjg2bC0uNTgtLjU4WiIvPjwvZz48L3N2Zz4=",label:"Link offset"}),(0,g.jsx)(D,{numbersOnly:!0,lockObject:this.props.lockObject,label:"X",delayInput:!0,value:s("_linkOffsetX"),onChange:e=>this._checkAndUpdateValues("linkOffsetX",e),unit:(0,g.jsx)(uo,{unit:l("_linkOffsetX"),onClick:e=>d(e,"linkOffsetX")}),arrows:!0,arrowsIncrement:e=>c("linkOffsetX",e)}),(0,g.jsx)(D,{numbersOnly:!0,lockObject:this.props.lockObject,label:"Y",delayInput:!0,value:s("_linkOffsetY"),onChange:e=>this._checkAndUpdateValues("linkOffsetY",e),unit:(0,g.jsx)(uo,{unit:l("_linkOffsetY"),onClick:e=>d(e,"linkOffsetY")}),arrows:!0,arrowsIncrement:e=>c("linkOffsetY",e)})]}),(0,g.jsx)("hr",{className:"ge"})]}),(0,g.jsx)(C,{tooltip:"",label:"SERIALIZATION",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:co,label:"Serializable"}),(0,g.jsx)(ar,{label:"ISSERIALIZABLE",target:i,propertyName:"isSerializable"})]}),(0,g.jsx)(C,{tooltip:"",label:"VISIBILITY",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:ao,label:"Visible"}),(0,g.jsx)(ar,{label:"ISVISIBLE",target:i,propertyName:"isVisible",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}),(0,g.jsx)(C,{tooltip:"",label:"TRANSFORMATION",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:oo,label:"Scale"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"X",target:i,propertyName:"scaleX",arrows:!0,digits:2,step:"0.0005"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"Y",target:i,propertyName:"scaleY",arrows:!0,digits:2,step:"0.0005"})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTUsNi45QTguMSw4LjEsMCwxLDAsMjMuMSwxNSw4LjEsOC4xLDAsMCwwLDE1LDYuOVptNi44Niw3LjQ5SDE1LjYzVjguMTRBNi44OSw2Ljg5LDAsMCwxLDIxLjg2LDE0LjM5Wk0xNC40MSw4LjE0djYuMjVIOC4xNEE2Ljg5LDYuODksMCwwLDEsMTQuNDEsOC4xNFpNOC4xNCwxNS42MWg2LjI3djYuMjVBNi44OSw2Ljg5LDAsMCwxLDguMTQsMTUuNjFabTcuNDksNi4yNVYxNS42MWg2LjIzQTYuODksNi44OSwwLDAsMSwxNS42MywyMS44NloiIHN0eWxlPSJmaWxsOiMzMzMiLz48L3N2Zz4=",label:"Transform Center"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"X",target:i,propertyName:"transformCenterX",arrows:!0,digits:2,step:"0.0005"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"Y",target:i,propertyName:"transformCenterY",arrows:!0,digits:2,step:"0.0005"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTUsNy43M2E3LjI3LDcuMjcsMCwwLDEsNCwxMy4zM2gxLjQzYS42MS42MSwwLDAsMSwuNjEuNjEuNjEuNjEsMCwwLDEtLjUyLjZIMTcuMjJhLjYxLjYxLDAsMCwxLS42LS41MlYxOC40M2EuNi42LDAsMCwxLDEuMi0uMDh2MkE2LjA2LDYuMDYsMCwxLDAsOC45NCwxNWEuNjEuNjEsMCwxLDEtMS4yMSwwQTcuMjYsNy4yNiwwLDAsMSwxNSw3LjczWm0wLDVBMi4yMiwyLjIyLDAsMSwxLDEyLjc4LDE1LDIuMjEsMi4yMSwwLDAsMSwxNSwxMi43OFpNMTUsMTRhMSwxLDAsMSwwLDEsMUExLDEsMCwwLDAsMTUsMTRaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+",label:"Rotation"}),(0,g.jsx)(S,{iconLabel:"Rotation",lockObject:this.props.lockObject,label:"",target:i,decimalCount:2,propertyName:"rotation",minimum:0,maximum:2*Math.PI,step:.01,unit:(0,g.jsx)(uo,{unit:"RAD",locked:!0})})]}),(0,g.jsx)("hr",{className:"ge"}),(0,g.jsx)(C,{tooltip:"",label:"APPEARANCE",value:" ",color:"grey"}),e.every((e=>void 0!==e.color&&"Image"!==e.typeName&&"ImageBasedSlider"!==e.typeName&&"ColorPicker"!==e.typeName))&&(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:io,label:"Outline Color"}),(0,g.jsx)(Tr,{lockObject:this.props.lockObject,label:"Outline Color",target:i,propertyName:"color"})]}),e.every((e=>void 0!==e.background))&&(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:so,label:"Background Color"}),(0,g.jsx)(Tr,{lockObject:this.props.lockObject,label:"Background Color",target:i,propertyName:"background"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:ro,label:"Alpha"}),(0,g.jsx)(S,{lockObject:this.props.lockObject,label:"",target:i,propertyName:"alpha",minimum:0,maximum:1,step:.01})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNNy43MywxMEEyLjIzLDIuMjMsMCwwLDEsMTAsNy43M2gxMC4xQTIuMjMsMi4yMywwLDAsMSwyMi4yNywxMHYxMC4xYTIuMjMsMi4yMywwLDAsMS0yLjIyLDIuMjJIMTBhMi4yMywyLjIzLDAsMCwxLTIuMjItMi4yMlptMi4yMi0xYTEsMSwwLDAsMC0xLDF2MTAuMWExLDEsMCwwLDAsMSwxaDEwLjFhMSwxLDAsMCwwLDEtMVYxMGExLDEsMCwwLDAtMS0xWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik0xOS45MywyMC4wNWwuMTItMTIuMzJBMi4yMywyLjIzLDAsMCwxLDIyLjI3LDEwdjEwLjFhMi4yMywyLjIzLDAsMCwxLTIuMjIsMi4yMkgxMGEyLjIzLDIuMjMsMCwwLDEtMi4yMi0yLjIyWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjwvc3ZnPg==",label:"Shadow Color"}),(0,g.jsx)(Tr,{lockObject:this.props.lockObject,label:"",target:i,propertyName:"shadowColor",disableAlpha:!0})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTkuMTgsMTEuNzJhLjc3Ljc3LDAsMCwwLS41Ni0uMjUuNzguNzgsMCwwLDAtLjUuMTkuNzUuNzUsMCwwLDAtLjA2LDEuMDZsLjg5LDFIMTYuMTJhLjc1Ljc1LDAsMSwwLDAsMS41SDE5bC0uODksMWEuNzUuNzUsMCwwLDAsLjA2LDEuMDYuNzUuNzUsMCwwLDAsMS4wNi0uMDZsMi0yLjI1YS43Ni43NiwwLDAsMCwwLTFaIiBzdHlsZT0iZmlsbDojMzMzIi8+PHBhdGggZD0iTTIxLjM1LDguNDhhMi4yLDIuMiwwLDAsMC0yLjA2LTEuNDFIOS4yQTIuMjEsMi4yMSwwLDAsMCw3LDkuMjlWMTkuMzhhMi4yMSwyLjIxLDAsMCwwLDEuNjcsMi4xNCwyLjIsMi4yLDAsMCwwLDIuMDYsMS40MUgyMC44QTIuMjEsMi4yMSwwLDAsMCwyMywyMC43MVYxMC42MkEyLjIxLDIuMjEsMCwwLDAsMjEuMzUsOC40OFptLjU4LDcuMTZMMjAuMywxNy40N3YxLjkxYTEsMSwwLDAsMS0xLDFIOS4yYTEsMSwwLDAsMS0xLTFWOS4yOWExLDEsMCwwLDEsMS0xSDE5LjI5YTEsMSwwLDAsMSwxLDF2Mi4xOWwxLjYzLDEuODNBMS43NSwxLjc1LDAsMCwxLDIxLjkzLDE1LjY0WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjwvc3ZnPg==",label:"Shadow Offset"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"X",target:i,propertyName:"shadowOffsetX",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,step:"0.1",digits:2}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"Y",target:i,propertyName:"shadowOffsetY",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,step:"0.1",digits:2})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNNy43OSwxNUE3LjIxLDcuMjEsMCwwLDEsMTksOUgxNWE2LDYsMCwwLDAsMCwxMlYxOS44aDUuMzdBNy4yLDcuMiwwLDAsMSw3Ljc5LDE1WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik0yMCw5LjhIMTVWMTFoNkE2Ljg0LDYuODQsMCwwLDAsMjAsOS44WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik0xNSwxMS44aDYuNDZhNi45Miw2LjkyLDAsMCwxLC40NiwxLjJIMTVaIiBzdHlsZT0iZmlsbDojMzMzIi8+PHBhdGggZD0iTTIyLjExLDEzLjhIMTVWMTVoNy4yMUE3Ljg4LDcuODgsMCwwLDAsMjIuMTEsMTMuOFoiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNMTUsMTUuOGg3LjE2YTYuMDgsNi4wOCwwLDAsMS0uMjQsMS4ySDE1WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik0yMS42NCwxNy44SDE1VjE5aDZBNy4yOSw3LjI5LDAsMCwwLDIxLjY0LDE3LjhaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+",label:"Shadow Blur"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:" ",target:i,propertyName:"shadowBlur",arrows:!0,min:0,digits:2})]}),o&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("hr",{className:"ge"}),(0,g.jsx)(C,{tooltip:"",label:"FONT STYLE",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:no,label:"Font Family"}),(0,g.jsx)(eo,{options:w,selectedOptionValue:i.fontFamily,onOptionSelected:e=>{i.fontFamily=e},onOptionAdded:({value:e})=>{this._addFont(e)},addOptionPlaceholder:"Add new font...",validateNewOptionValue:e=>e.length>0&&!w.find((t=>t.label===e))&&document.fonts.check(`12px ${e}`)})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMzAgMzAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yNC4zNSwyMC40NSwyMC4yMiw4LjgxbDAtLjEyYTEuMDcsMS4wNywwLDAsMC0xLjk0LjE1TDE0Ljc3LDE4LjYsMTEuMiw4LjU0bDAtLjA5YS42MS42MSwwLDAsMC0xLjEuMDlMNS42MiwyMS4wNWEuNjEuNjEsMCwwLDAsMS4xMS40OGwwLS4wNywxLjI5LTMuNjNoNS4xNmwxLjI5LDMuNjMsMCwuMDdhLjYxLjYxLDAsMCwwLC41My4zM2gwYTEuMDcsMS4wNywwLDAsMCwxLS42bDEuMTItMy4xNGg0LjA5bDEuMDgsMy4wNy4wNS4xYTEuMDcsMS4wNywwLDAsMCwuOTUuNTcsMS4xMiwxLjEyLDAsMCwwLC4zNS0uMDZBMS4wNSwxLjA1LDAsMCwwLDI0LjM1LDIwLjQ1Wk04LjQ4LDE2LjYxbDIuMTUtNi4wNiwyLjE1LDYuMDZaTTE4LDE2bDEuMjgtMy42M0wyMC41MiwxNloiLz48L3N2Zz4=",label:"Font Weight"}),(0,g.jsx)(D,{lockObject:this.props.lockObject,label:"",target:i,propertyName:"fontWeight"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMjEuNCwxOS42NWwwLDBhMi40NSwyLjQ1LDAsMCwxLC4xMS43MSwyLDIsMCwwLDEtMiwyLDIsMiwwLDAsMS0xLjEyLS4zNGwtLjA1LDAtLjA1LDBhMi4zMywyLjMzLDAsMCwxLS42NC0uODR2MGwtLjc5LTEuODhIMTNsLS43NSwxLjgzYTIsMiwwLDAsMS0uNzQsMUEyLDIsMCwwLDEsOSwyMS44N2ExLjg4LDEuODgsMCwwLDEtLjU1LTEuMzgsMy4zNywzLjM3LDAsMCwxLDAtLjQ4bDAtLjEzLDQuNTUtMTFoMGEyLjI3LDIuMjcsMCwwLDEsLjc2LS45NCwxLjk0LDEuOTQsMCwwLDEsMS4yNi0uMzIsMiwyLDAsMCwxLDEuODIsMS4zMVpNMTUuODEsOS4zNGEuNzkuNzksMCwwLDAtLjMtLjQxLjgzLjgzLDAsMCwwLS40MS0uMTNIMTVhMS4xMSwxLjExLDAsMCwwLS4yNiwwLC42NC42NCwwLDAsMC0uMjUuMTIuODUuODUsMCwwLDAtLjM0LjQyTDkuNzEsMjAuMjFhMS40OCwxLjQ4LDAsMCwwLDAsLjI4LjcyLjcyLDAsMCwwLC4xOS41My43Ny43NywwLDAsMCwuNTcuMTkuNy43LDAsMCwwLC40NC0uMTQuNzYuNzYsMCwwLDAsLjMtLjRsMS4wNy0yLjYxaDUuNDNsMS4wOSwyLjU5YTEuMTcsMS4xNywwLDAsMCwuMzIuNDIuNzYuNzYsMCwwLDAsLjQ2LjE0LjcuNywwLDAsMCwuNTQtLjIzLjczLjczLDAsMCwwLC4yNS0uNTgsMS4yLDEuMiwwLDAsMCwwLS4zM1pNMTcsMTYuNDYsMTUsMTEuNTRsLTIsNC45MlptLTIuMzEtMS4yaC41bC0uMjUtLjZaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+",label:"Font Style"}),(0,g.jsx)(eo,{options:[{label:"normal",value:"normal",id:"0"},{label:"italic",value:"italic",id:"1"},{label:"oblique",value:"oblique",id:"2"}],selectedOptionValue:i.fontStyle,onOptionSelected:e=>{i.fontStyle=e}})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTMuNTYsMTkuNTNsMy45LTExYS42MS42MSwwLDAsMSwxLjEtLjA5bDAsLjA5TDIzLDIxLjA1YS42Mi42MiwwLDAsMS0uMzcuNzguNi42LDAsMCwxLS43NC0uM2wwLS4wNy0xLjI5LTMuNjRIMTUuNDVsLTEuMjgsMy42YS41Ny41NywwLDAsMS0uMjkuMzZsLS4wNywwYS42MS42MSwwLDAsMS0uNzUtLjI3bDAtLjA3LS44LTJIOC45bC0uOCwyYS42MS42MSwwLDAsMS0uNzEuMzdsLS4wOCwwYS41OS41OSwwLDAsMS0uMzYtLjdMNywyMWwzLTcuNjdhLjYxLjYxLDAsMCwxLDEuMDktLjA4bDAsLjA5LDIuNDMsNi4xNiwzLjktMTFabS0zLTQuMjktMS4xOCwzaDIuMzZaTTE4LDEwLjU1bC0yLjE2LDYuMDZoNC4zMVoiIHN0eWxlPSJmaWxsOiMzMzMiLz48L3N2Zz4=",label:"Font Size"}),(0,g.jsx)(D,{lockObject:this.props.lockObject,label:"",numbersOnly:!0,value:s("_fontSize"),onChange:e=>this._checkAndUpdateValues("fontSize",e),unit:(0,g.jsx)(uo,{unit:l("_fontSize"),onClick:e=>d(e,"fontSize")}),arrows:!0,arrowsIncrement:e=>c("fontSize",e,0)})]})]}),(0,g.jsx)("hr",{className:"ge"}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(C,{tooltip:"",label:"METADATA",value:" ",color:"grey"}),(0,g.jsx)(I,{tooltip:"Add",icon:lo,isActive:!1,onClick:()=>{const t=(Co["gui-editor"]??window).prompt("Enter new key name for metadata value","newKey");if(null===t||""===t.trim())return;let n=t,r=1;for(;e.some((e=>n in e.metadata));)r++,n=t+r;this._addOrUpdateMetadata({[n]:""})}})]}),this._getCommonPropertyKeys(e.map((e=>e.metadata))).map((t=>{if("guiEditor"===t||t.startsWith("_")||"editorUniqueId"===t)return;const n=e.find((e=>!!e.metadata));if(!n)return;let r=n.metadata[t];const o="object"==typeof r;return e.map((e=>e.metadata[t])).every((e=>e===r))||(r=j),(0,g.jsx)("div",{children:(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(D,{numbersOnly:!1,lockObject:this.props.lockObject,label:"",delayInput:!0,value:t,disabled:!0}),(0,g.jsx)(D,{numbersOnly:!1,lockObject:this.props.lockObject,label:":",delayInput:!0,disabled:o,value:"string"==typeof r?r:JSON.stringify(r),onChange:e=>this._addOrUpdateMetadata({[t]:e})}),(0,g.jsx)(I,{tooltip:"Remove",icon:Fr,isActive:!1,onClick:()=>this._removeFromMetadata(t)})]})},t)}))]})}}const wo="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTIxLjU2LDEwLjQ5YzAtMS4wMi0uODMtMS44NC0xLjg0LTEuODRIMTAuMjljLTEuMDIsMC0xLjg0LC44My0xLjg0LDEuODR2My4yOGMwLC4zNCwuMjgsLjYxLC42MSwuNjFzLjYxLS4yOCwuNjEtLjYxdi0zLjI4YzAtLjM0LC4yOC0uNjEsLjYxLS42MWg5LjQzYy4zNCwwLC42MSwuMjgsLjYxLC42MXYzLjI4YzAsLjM0LC4yOCwuNjEsLjYxLC42MXMuNjEtLjI4LC42MS0uNjF2LTMuMjhabS0yLjI4LDUuNzJjLjIyLS4yMiwuNTYtLjI0LC44LS4wNmwuMDcsLjA2LDEuOTQsMS45NGMuMTcsLjEsLjI5LC4zMSwuMjksLjU0LDAsLjIxLS4wOSwuMzktLjIzLC41bC0uMDYsLjA0LTEuOTQsMS45NC0uMDcsLjA2Yy0uMjEsLjE2LS41MSwuMTYtLjcyLDBsLS4wOC0uMDctLjA2LS4wN2MtLjE2LS4yMS0uMTYtLjUxLDAtLjcybC4wNy0uMDgsMS0xaC0zLjE4Yy0uMjYtLjA1LS40Ni0uMy0uNDYtLjYxcy4yLS41NywuNDctLjYxaDMuMThsLTEtMS4wMS0uMDYtLjA3Yy0uMTgtLjI0LS4xNi0uNTgsLjA2LS44Wm0tOC41NiwwYy4yMiwuMjIsLjI0LC41NiwuMDYsLjhsLS4wNiwuMDctMSwxaDMuMWMuMywwLC41NCwuMjgsLjU0LC42MSwwLC4zMS0uMiwuNTctLjQ2LC42MWgtMy4xOGwxLDEuMDFjLjIyLC4yMiwuMjQsLjU2LC4wNiwuOGwtLjA2LC4wN2MtLjIyLC4yMi0uNTYsLjI0LS44LC4wNmwtLjA3LS4wNi0xLjk0LTEuOTRjLS4xNy0uMS0uMjktLjMxLS4yOS0uNTRzLjEyLS40NCwuMjktLjU0bDEuOTQtMS45NGMuMjQtLjI0LC42My0uMjQsLjg3LDBaIi8+PC9zdmc+";class mo extends t.Component{constructor(e){super(e)}render(){const{sliders:e,onPropertyChangedObservable:t}=this.props,n=f(e,t);return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"SLIDER",value:" ",color:"grey"}),e.every((e=>"Slider"===e.typeName))&&(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:io,label:"Border Color"}),(0,g.jsx)(Tr,{lockObject:this.props.lockObject,label:"",target:n,propertyName:"borderColor"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTguMDgsNi43OWExLjg1LDEuODUsMCwwLDEsMS44NSwxLjg1VjIxLjM2YTEuODUsMS44NSwwLDAsMS0xLjg1LDEuODVIMTEuOTJhMS44NSwxLjg1LDAsMCwxLTEuODUtMS44NVY4LjY0YTEuODUsMS44NSwwLDAsMSwxLjg1LTEuODVabTAsMS4yM0gxMS45MmEuNjEuNjEsMCwwLDAtLjYxLjYyVjIxLjM2YS42MS42MSwwLDAsMCwuNjEuNjJoNi4xNmEuNjEuNjEsMCwwLDAsLjYxLS42MlY4LjY0QS42MS42MSwwLDAsMCwxOC4wOCw4Wm0tLjgsOC4xOGEuNjIuNjIsMCwwLDEsLjA3LjhsLS4wNi4wN0wxNS40NCwxOWEuNjIuNjIsMCwwLDEtLjgxLjA2TDE0LjU2LDE5bC0xLjg1LTEuODlhLjYxLjYxLDAsMCwxLC44MS0uOTJsLjA3LjA2TDE1LDE3LjY1bDEuNDEtMS40NEEuNjIuNjIsMCwwLDEsMTcuMjgsMTYuMlptLTEuODQtNS4xMkwxNy4yOSwxM2EuNjQuNjQsMCwwLDEsMCwuODguNjMuNjMsMCwwLDEtLjg3LDBMMTUsMTIuMzlsLTEuNDEsMS40NGEuNjIuNjIsMCwxLDEtLjg4LS44N2wxLjg1LTEuODhBLjYxLjYxLDAsMCwxLDE1LjQ0LDExLjA4WiIvPjwvc3ZnPg==",label:"Vertical"}),(0,g.jsx)(ar,{label:"VERTICAL",target:n,propertyName:"isVertical"})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOS4xNSwxMi40MmExLjQyLDEuNDIsMCwwLDAtMS40MSwxLjQydjIuMzJhMS40MiwxLjQyLDAsMCwwLDEuNDEsMS40MmgxMS43YTEuNDIsMS40MiwwLDAsMCwxLjQxLTEuNDJWMTMuODRhMS40MiwxLjQyLDAsMCwwLTEuNDEtMS40MlpNOSwxMy44NGEuMjEuMjEsMCwwLDEsLjItLjIxaDExLjdhLjIxLjIxLDAsMCwxLC4yLjIxdjIuMzJhLjIxLjIxLDAsMCwxLS4yLjIxSDkuMTVhLjIxLjIxLDAsMCwxLS4yLS4yMVptNy42Ni01LjQ5QS42LjYsMCwwLDEsMTYsOUgxNGEuNjEuNjEsMCwwLDEsMC0xLjIxaDJBLjYuNiwwLDAsMSwxNi42MSw4LjM1Wk0xNiwyMi4yNmEuNjEuNjEsMCwwLDAsMC0xLjIxSDE0YS42MS42MSwwLDAsMCwwLDEuMjFaTTExLDguMzVhLjYxLjYxLDAsMCwwLS42MS0uNjFIMTBBMi4yMSwyLjIxLDAsMCwwLDcuNzQsMTB2LjRhLjYxLjYxLDAsMSwwLDEuMjEsMFYxMGExLDEsMCwwLDEsMS0xaC40QS42LjYsMCwwLDAsMTEsOC4zNVptOC42Ny0uNjFhLjYxLjYxLDAsMSwwLDAsMS4yMUgyMGExLDEsMCwwLDEsMSwxdi40YS42MS42MSwwLDEsMCwxLjIxLDBWMTBBMi4yMSwyLjIxLDAsMCwwLDIwLDcuNzRaTTExLDIxLjY1YS42MS42MSwwLDAsMS0uNjEuNjFIMTBBMi4yMSwyLjIxLDAsMCwxLDcuNzQsMjB2LS40YS42MS42MSwwLDEsMSwxLjIxLDBWMjBhMSwxLDAsMCwwLDEsMWguNEEuNi42LDAsMCwxLDExLDIxLjY1Wm04LjY3LjYxYS42MS42MSwwLDEsMSwwLTEuMjFIMjBhMSwxLDAsMCwwLDEtMXYtLjRhLjYxLjYxLDAsMSwxLDEuMjEsMFYyMEEyLjIxLDIuMjEsMCwwLDEsMjAsMjIuMjZaIi8+PC9zdmc+",label:"Bar Offset"}),(0,g.jsx)(D,{lockObject:this.props.lockObject,label:"",target:n,propertyName:"barOffset"})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTMuNzgsNy4yNGEuNjEuNjEsMCwwLDAtLjQ5LS43MS42LjYsMCwwLDAtLjcuNDhsLS44Myw0LjM1SDcuOTNhLjYyLjYyLDAsMCwwLS42LjYxLjYuNiwwLDAsMCwuNi42MWgzLjZsLS43Niw0SDcuMTJhLjYxLjYxLDAsMCwwLDAsMS4yMWgzLjQyTDkuNzYsMjJhLjYxLjYxLDAsMSwwLDEuMTkuMjJsLjgyLTQuMzVoMi4xNmE1LjE4LDUuMTgsMCwwLDEsLjQ1LTEuMjFIMTJsLjc3LTRoNC40MmwtLjMyLDEuNjlhNC44Niw0Ljg2LDAsMCwxLDEuMzEtLjRsLjI0LTEuMjloMy42NWEuNjEuNjEsMCwwLDAsMC0xLjIxSDE4LjY1bC43OC00LjEyQS42MS42MSwwLDAsMCwxOC4yNCw3bC0uODIsNC4zNUgxM1pNMTQuNiwxOUE0LjQ0LDQuNDQsMCwxLDEsMTksMjMuNDgsNC40NCw0LjQ0LDAsMCwxLDE0LjYsMTlabTQuNTksMi44LjA2LDAsMCwwLDIuMDUtMi4wNS4wNS0uMDZhLjQuNCwwLDAsMC0uNTYtLjU2bC0uMDYuMDUtMS4zMywxLjMzVjE2LjE0YS40LjQsMCwwLDAtLjMzLS4zM0gxOWEuNC40LDAsMCwwLS4zMy4zM3Y0LjM1bC0xLjMyLTEuMzMtLjA2LS4wNWEuNDMuNDMsMCwwLDAtLjQ2LDBsLS4wNi4wNSwwLC4wNWEuMzkuMzksMCwwLDAsMCwuNDZsMCwuMDYsMiwyLDAsMCwuMDYsMCwuMDcsMGguMTNsLjA3LDBaIi8+PC9zdmc+",label:"Minimum Value"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"",target:n,propertyName:"minimum",arrows:!0})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTMuNzgsNy4yNGEuNjEuNjEsMCwwLDAtLjQ5LS43MS42LjYsMCwwLDAtLjcuNDhsLS44Myw0LjM1SDcuOTNhLjYyLjYyLDAsMCwwLS42LjYxLjYuNiwwLDAsMCwuNi42MWgzLjZsLS43Niw0SDcuMTJhLjYxLjYxLDAsMCwwLDAsMS4yMWgzLjQyTDkuNzYsMjJhLjYxLjYxLDAsMSwwLDEuMTkuMjJsLjgyLTQuMzVoMi4xNmE1LjE4LDUuMTgsMCwwLDEsLjQ1LTEuMjFIMTJsLjc3LTRoNC40MmwtLjMyLDEuNjlhNC44Niw0Ljg2LDAsMCwxLDEuMzEtLjRsLjI0LTEuMjloMy42NWEuNjEuNjEsMCwwLDAsMC0xLjIxSDE4LjY1bC43OC00LjEyQS42MS42MSwwLDAsMCwxOC4yNCw3bC0uODIsNC4zNUgxM1pNMTksMTQuNkE0LjQ0LDQuNDQsMCwxLDEsMTQuNiwxOSw0LjQ0LDQuNDQsMCwwLDEsMTksMTQuNlptLjEsMS42My0uMDcsMGgtLjEzbC0uMDcsMC0uMDYsMCwwLDAtMiwyLDAsLjA2YS4zOS4zOSwwLDAsMCwwLC40NmwwLC4wNS4wNiwwYS40My40MywwLDAsMCwuNDYsMGwuMDYsMCwxLjMyLTEuMzN2NC4zNWEuNC40LDAsMCwwLC4zMy4zMmguMTRhLjQuNCwwLDAsMCwuMzMtLjMyVjE3LjU5bDEuMzMsMS4zMy4wNiwwYS40LjQsMCwwLDAsLjU2LS41NmwtLjA1LS4wNkwxOS4yOSwxNi4zbDAsMC0uMDYsMFoiLz48L3N2Zz4=",label:"Maximum Value"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"",target:n,propertyName:"maximum",arrows:!0})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTQuMTgsNy42NEEuNjEuNjEsMCwwLDAsMTMsNy40MWwtLjgyLDQuMzZIOC4zM2EuNjEuNjEsMCwwLDAsMCwxLjIxaDMuNmwtLjc3LDRINy41M2EuNjEuNjEsMCwxLDAsMCwxLjIxSDExbC0uNzksNC4xM2EuNjEuNjEsMCwwLDAsLjQ5LjcxLjYuNiwwLDAsMCwuNy0uNDhsLjgzLTQuMzZIMTYuNmwtLjc4LDQuMTNhLjYxLjYxLDAsMSwwLDEuMTkuMjNsLjgyLTQuMzZoMy44NGEuNjEuNjEsMCwwLDAsMC0xLjIxaC0zLjZsLjc3LTRoMy42NGEuNjEuNjEsMCwxLDAsMC0xLjIxSDE5LjA2bC43OC00LjEyYS42MS42MSwwLDAsMC0uNDktLjcxLjYuNiwwLDAsMC0uNy40OGwtLjgzLDQuMzVIMTMuNFptLTEsNS4zNGg0LjQybC0uNzYsNEgxMi40MVoiLz48L3N2Zz4=",label:"Initial Value"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"",target:n,propertyName:"value",arrows:!0})]}),(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"THUMB",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuMzMsMTguMDV2MGExLjQzLDEuNDMsMCwwLDAsMS4yMi4zOXYyLjlhMS44NSwxLjg1LDAsMCwxLTEuNzIsMS44NEgxMC4yOGExLjg1LDEuODUsMCwwLDEtMS44NC0xLjcydi0zYTEuNDIsMS40MiwwLDAsMCwxLjEyLS4zbC4xMS0uMXYzLjNhLjYyLjYyLDAsMCwwLC41My42MWg5LjUyYS42Mi42MiwwLDAsMCwuNjEtLjUzVjE4LjA1Wk05LjA4LDEyLjUxYS42MS42MSwwLDAsMSwuMDYuOGwtLjA2LjA3LTEsMWgzLjFhLjU4LjU4LDAsMCwxLC41NC42Mi41OS41OSwwLDAsMS0uNDcuNjFIOC4wOGwxLDFhLjYxLjYxLDAsMCwxLC4wNi44bC0uMDYuMDdhLjYyLjYyLDAsMCwxLS44LjA1bC0uMDctLjA1TDYuMjcsMTUuNTRhLjY1LjY1LDAsMCwxLDAtMS4wOGwxLjk0LTJBLjYyLjYyLDAsMCwxLDkuMDgsMTIuNTFabTExLjg0LDBhLjYxLjYxLDAsMCwxLC44LS4wNmwuMDcuMDYsMS45NCwxLjk0QS42My42MywwLDAsMSwyNCwxNWEuNjcuNjcsMCwwLDEtLjIyLjVsLS4wNywwLTEuOTQsMS45NC0uMDcuMDZhLjYyLjYyLDAsMCwxLS43MiwwbC0uMDgtLjA3LS4wNi0uMDdhLjYuNiwwLDAsMSwwLS43MmwuMDYtLjA4LDEtMUgxOC43NWEuNTkuNTksMCwwLDEtLjQ3LS42MS41OC41OCwwLDAsMSwuNDctLjYxaDMuMTdsLTEtMS0uMDYtLjA3QS42MS42MSwwLDAsMSwyMC45MiwxMi41MVpNMTkuNzIsNi44YTEuODUsMS44NSwwLDAsMSwxLjg0LDEuNzJ2M2ExLjQ0LDEuNDQsMCwwLDAtMS4xMi4zMWwtLjExLjFWOC42NEEuNjIuNjIsMCwwLDAsMTkuOCw4SDEwLjI4YS42Mi42MiwwLDAsMC0uNjEuNTN2My4zOGgwYTEuNDQsMS40NCwwLDAsMC0xLjIyLS40VjguNjRBMS44NSwxLjg1LDAsMCwxLDEwLjE2LDYuOGg5LjU2WiIvPjwvc3ZnPg==",label:"Display Thumb"}),(0,g.jsx)(ar,{label:"DISPLAY THUMB",target:n,propertyName:"displayThumb",onValueChanged:()=>this.forceUpdate()})]}),n.displayThumb&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTUsOC4xM0E2Ljg3LDYuODcsMCwxLDAsMjEuODcsMTUsNi44Niw2Ljg2LDAsMCwwLDE1LDguMTNaTTYuOTEsMTVBOC4wOSw4LjA5LDAsMSwxLDE1LDIzLjA5LDguMDksOC4wOSwwLDAsMSw2LjkxLDE1WiIvPjwvc3ZnPg==",label:"Thumb Circular"}),(0,g.jsx)(ar,{label:"CIRCULAR",target:n,propertyName:"isThumbCircle"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMjEyMTIxO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTE5LjQ3LDIwLjNjLjUxLDAsMS42OS0uMjEsMS42OS0yLjEycy0xLjE4LTIuMTItMS42OS0yLjEyaC0uOTZ2LS44OGguMDljLjM0LDAsLjYyLS4yOCwuNjItLjYycy0uMjgtLjYyLS42Mi0uNjJoLTEuNDZjLS4zNCwwLS42MiwuMjgtLjYyLC42MnMuMjgsLjYyLC42MiwuNjJoLjEydi44OGgtNC4xN3YtNi4wMmg2LjA4Yy41MSwwLDEuNjgtLjIxLDEuNjgtMi4xMnMtMS4xOC0yLjEyLTEuNjgtMi4xMmgtNi4yYy0yLjI3LDAtNC4xMiwxLjg1LTQuMTIsNC4xMnY2LjI3YzAsMi4yNywxLjg1LDQuMTIsNC4xMiw0LjEyaDQuM3YyLjY3aC0uNzhjLS4zNCwwLS42MiwuMjgtLjYyLC42MnMuMjgsLjYyLC42MiwuNjJoMi44MWMuMzQsMCwuNjItLjI4LC42Mi0uNjJzLS4yOC0uNjItLjYyLS42MmgtLjc4di0yLjY3aC45NlptLTkuMzgtNC4xMnYtNi4yN2MwLTEuNTksMS4yOS0yLjg4LDIuODgtMi44OGg2LjJjLjE3LDAsLjQzLDAsLjQzLC44OHMtLjI2LC44OC0uNDMsLjg4aC02LjJjLS42MiwwLTEuMTIsLjUtMS4xMiwxLjEydjYuMjdjMCwuNjIsLjUsMS4xMiwxLjEyLDEuMTJoNi41Yy4xNywwLC40NCwwLC40NCwuODhzLS4yNiwuODgtLjQ0LC44OGgtNi41Yy0xLjU4LDAtMi44OC0xLjI5LTIuODgtMi44OFoiLz48L3N2Zz4=",label:"Thumb Clamped to Edges"}),(0,g.jsx)(ar,{label:"CLAMPED",target:n,propertyName:"isThumbClamped"})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:wo,label:"Width"}),(0,g.jsx)(D,{lockObject:this.props.lockObject,label:"",target:n,propertyName:"thumbWidth"})]})]})]})}}class bo extends t.Component{constructor(e){super(e)}render(){const e=this.props.sliders;return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(ho,{lockObject:this.props.lockObject,controls:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState}),(0,g.jsx)(mo,{sliders:e,lockObject:this.props.lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})}}const jo="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNNy43MywxMEEyLjIzLDIuMjMsMCwwLDEsMTAsNy43M2gxMC4xQTIuMjMsMi4yMywwLDAsMSwyMi4yNywxMHYxMC4xYTIuMjMsMi4yMywwLDAsMS0yLjIyLDIuMjJIMTBhMi4yMywyLjIzLDAsMCwxLTIuMjItMi4yMlptMi4yMi0xYTEsMSwwLDAsMC0xLDF2MTAuMWExLDEsMCwwLDAsMSwxaDEwLjFhMSwxLDAsMCwwLDEtMVYxMGExLDEsMCwwLDAtMS0xWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjwvc3ZnPg==";class fo extends t.Component{constructor(e){super(e)}onDashChange(e){const t=e.split(",");for(const e of this.props.lines)e.dash=[],t.forEach((t=>{const n=parseInt(t);isNaN(n)||e.dash.push(n)}));this.forceUpdate()}render(){const{lines:e,onPropertyChangedObservable:t,lockObject:n}=this.props,r=f(e,t);let o=e[0].dash;for(const t of e){if(0===o.length)break;t.dash.length!==o.length&&(o=[]),o.forEach(((e,n)=>{t.dash[n]!==e&&(o=[])}))}const i=o.join(",");return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(C,{label:"LINE",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGRlZnM+PHN0eWxlPi5ie2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImIiIGQ9Ik0yMS4yMyw0Ljc5djUuODhjMCwuMjctLjIxLC40OC0uNDgsLjQ4cy0uNDctLjIxLS40Ny0uNDhWNS4zOWwtLjk2LC4zOGMtLjA4LC4wMy0uMTgsLjA2LS4yNSwuMDYtLjI0LDAtLjQzLS4xOS0uNDMtLjQzLDAtLjE0LC4wNi0uMzIsLjMtLjQybDEuNDctLjU5Yy4wOC0uMDIsLjItLjA5LC4zNC0uMDksLjI4LDAsLjQ4LC4yMSwuNDgsLjQ5WiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMTYuNTEsMTUuMDFjMCwuMzMsLjI3LC42MSwuNjEsLjYxaDQuNTlsLS41OCwuNThjLS4yNCwuMjQtLjI0LC42MiwwLC44NiwuMjQsLjI0LC42MiwuMjQsLjg2LDBsMS42MS0xLjYxYy4yNC0uMjQsLjI0LS42MiwwLS44NmwtMS42MS0xLjYxYy0uMjQtLjI0LS42Mi0uMjQtLjg2LDAtLjI0LC4yNC0uMjQsLjYyLDAsLjg2bC41OCwuNThoLTQuNTljLS4zMywwLS42MSwuMjctLjYxLC42MVptLTMuNjMtLjYxaC00LjU5bC41OC0uNThjLjI0LS4yNCwuMjQtLjYyLDAtLjg2LS4yNC0uMjQtLjYyLS4yNC0uODYsMGwtMS42MSwxLjYxYy0uMjQsLjI0LS4yNCwuNjIsMCwuODZsMS42MSwxLjYxYy4yNCwuMjQsLjYyLC4yNCwuODYsMCwuMjQtLjI0LC4yNC0uNjIsMC0uODZsLS41OC0uNThoNC41OWMuMzMsMCwuNjEtLjI3LC42MS0uNjEsMC0uMzMtLjI3LS42MS0uNjEtLjYxWm0yLjA5LS45MmMuMzMsMCwuNjEtLjI3LC42MS0uNjF2LTQuNTlsLjU4LC41OGMuMjQsLjI0LC42MiwuMjQsLjg2LDAsLjI0LS4yNCwuMjQtLjYyLDAtLjg2bC0xLjYxLTEuNjFjLS4yNC0uMjQtLjYyLS4yNC0uODYsMGwtMS42MSwxLjYxYy0uMjQsLjI0LS4yNCwuNjIsMCwuODYsLjI0LC4yNCwuNjIsLjI0LC44NiwwbC41OC0uNTh2NC41OWMwLC4zMywuMjcsLjYxLC42MSwuNjFabS0uNjEsMy42M3Y0LjU5bC0uNTgtLjU4Yy0uMjQtLjI0LS42Mi0uMjQtLjg2LDAtLjI0LC4yNC0uMjQsLjYyLDAsLjg2bDEuNjEsMS42MWMuMjQsLjI0LC42MiwuMjQsLjg2LDBsMS42MS0xLjYxYy4yNC0uMjQsLjI0LS42MiwwLS44Ni0uMjQtLjI0LS42Mi0uMjQtLjg2LDBsLS41OCwuNTh2LTQuNTljMC0uMzMtLjI3LS42MS0uNjEtLjYxcy0uNjEsLjI3LS42MSwuNjFaIi8+PC9zdmc+",label:"Position 1"}),(0,g.jsx)(D,{lockObject:n,label:"X",target:r,propertyName:"x1"}),(0,g.jsx)(D,{lockObject:n,label:"Y",target:r,propertyName:"y1"})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGRlZnM+PHN0eWxlPi5ie2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImIiIGQ9Ik0yMy42NSwxMC44YzAsLjI4LS4yMSwuNDYtLjQ2LC40NmgtMy41M2MtLjI5LDAtLjUtLjE5LS41LS41LDAtLjIxLC4wOC0uMzcsLjI4LS41N2wyLjAzLTIuMTFjLjUyLS41MywuODQtMS4wOCwuODQtMS42NywwLS42My0uNDYtMS4wNS0xLjA4LTEuMDUtLjU2LDAtLjkyLC4zMS0xLjE2LC42Mi0uMDksLjExLS4yLC4yMi0uNDEsLjIyLS4yNSwwLS40NS0uMTYtLjQ2LS40MSwwLS4xNCwuMDUtLjI3LC4xMi0uMzgsLjMtLjUyLC45Ny0xLDEuOTQtMSwxLjI5LDAsMi4wNSwuODUsMi4wNSwxLjk1LDAsLjc3LS4zNiwxLjQ2LTEuMDksMi4yMmwtMS42OSwxLjc2aDIuNjVjLjI2LDAsLjQ2LC4xOCwuNDYsLjQ2WiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMTYuNTEsMTUuMDFjMCwuMzMsLjI3LC42MSwuNjEsLjYxaDQuNTlsLS41OCwuNThjLS4yNCwuMjQtLjI0LC42MiwwLC44NiwuMjQsLjI0LC42MiwuMjQsLjg2LDBsMS42MS0xLjYxYy4yNC0uMjQsLjI0LS42MiwwLS44NmwtMS42MS0xLjYxYy0uMjQtLjI0LS42Mi0uMjQtLjg2LDAtLjI0LC4yNC0uMjQsLjYyLDAsLjg2bC41OCwuNThoLTQuNTljLS4zMywwLS42MSwuMjctLjYxLC42MVptLTMuNjMtLjYxaC00LjU5bC41OC0uNThjLjI0LS4yNCwuMjQtLjYyLDAtLjg2LS4yNC0uMjQtLjYyLS4yNC0uODYsMGwtMS42MSwxLjYxYy0uMjQsLjI0LS4yNCwuNjIsMCwuODZsMS42MSwxLjYxYy4yNCwuMjQsLjYyLC4yNCwuODYsMCwuMjQtLjI0LC4yNC0uNjIsMC0uODZsLS41OC0uNThoNC41OWMuMzMsMCwuNjEtLjI3LC42MS0uNjEsMC0uMzMtLjI3LS42MS0uNjEtLjYxWm0yLjA5LS45MmMuMzMsMCwuNjEtLjI3LC42MS0uNjF2LTQuNTlsLjU4LC41OGMuMjQsLjI0LC42MiwuMjQsLjg2LDAsLjI0LS4yNCwuMjQtLjYyLDAtLjg2bC0xLjYxLTEuNjFjLS4yNC0uMjQtLjYyLS4yNC0uODYsMGwtMS42MSwxLjYxYy0uMjQsLjI0LS4yNCwuNjIsMCwuODYsLjI0LC4yNCwuNjIsLjI0LC44NiwwbC41OC0uNTh2NC41OWMwLC4zMywuMjcsLjYxLC42MSwuNjFabS0uNjEsMy42M3Y0LjU5bC0uNTgtLjU4Yy0uMjQtLjI0LS42Mi0uMjQtLjg2LDAtLjI0LC4yNC0uMjQsLjYyLDAsLjg2bDEuNjEsMS42MWMuMjQsLjI0LC42MiwuMjQsLjg2LDBsMS42MS0xLjYxYy4yNC0uMjQsLjI0LS42MiwwLS44Ni0uMjQtLjI0LS42Mi0uMjQtLjg2LDBsLS41OCwuNTh2LTQuNTljMC0uMzMtLjI3LS42MS0uNjEtLjYxcy0uNjEsLjI3LS42MSwuNjFaIi8+PC9zdmc+",label:"Position 2"}),(0,g.jsx)(D,{lockObject:n,label:"X",target:r,propertyName:"x2"}),(0,g.jsx)(D,{lockObject:n,label:"Y",target:r,propertyName:"y2"})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:jo,label:"Line Width"}),(0,g.jsx)(N,{lockObject:n,label:"",target:r,propertyName:"lineWidth",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),min:0,arrows:!0})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGRlZnM+PHN0eWxlPi5ie2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PGc+PHBhdGggY2xhc3M9ImIiIGQ9Ik0xNi40Nyw4Ljk1aC0yLjk4Yy0uMzMsMC0uNi0uMjctLjYtLjZzLjI3LS42LC42LS42aDIuOThjLjMzLDAsLjYsLjI3LC42LC42cy0uMjcsLjYtLjYsLjZaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik04LjMsMTEuNmMtLjMzLDAtLjYtLjI3LS42LS42di0xYzAtMS4yNCwxLjAxLTIuMjUsMi4yNS0yLjI1aDFjLjMzLDAsLjYsLjI3LC42LC42cy0uMjcsLjYtLjYsLjZoLTFjLS41OCwwLTEuMDUsLjQ3LTEuMDUsMS4wNXYxYzAsLjMzLS4yNywuNi0uNiwuNloiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTIxLjcsMTEuNmMtLjMzLDAtLjYtLjI3LS42LS42di0xYzAtLjU4LS40Ny0xLjA1LTEuMDUtMS4wNWgtMWMtLjMzLDAtLjYtLjI3LS42LS42cy4yNy0uNiwuNi0uNmgxYzEuMjQsMCwyLjI1LDEuMDEsMi4yNSwyLjI1djFjMCwuMzMtLjI3LC42LS42LC42WiIvPjwvZz48Zz48cGF0aCBjbGFzcz0iYiIgZD0iTTguMzUsMTcuMTFjLS4zMywwLS42LS4yNy0uNi0uNnYtMi45OGMwLS4zMywuMjctLjYsLjYtLjZzLjYsLjI3LC42LC42djIuOThjMCwuMzMtLjI3LC42LS42LC42WiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMTEsMjIuM2gtMWMtMS4yNCwwLTIuMjUtMS4wMS0yLjI1LTIuMjV2LTFjMC0uMzMsLjI3LS42LC42LS42cy42LC4yNywuNiwuNnYxYzAsLjU4LC40NywxLjA1LDEuMDUsMS4wNWgxYy4zMywwLC42LC4yNywuNiwuNnMtLjI3LC42LS42LC42WiIvPjwvZz48Zz48cGF0aCBjbGFzcz0iYiIgZD0iTTE2LjUxLDIyLjI1aC0yLjk4Yy0uMzMsMC0uNi0uMjctLjYtLjZzLjI3LS42LC42LS42aDIuOThjLjMzLDAsLjYsLjI3LC42LC42cy0uMjcsLjYtLjYsLjZaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0yMC4wNSwyMi4yNWgtMWMtLjMzLDAtLjYtLjI3LS42LS42cy4yNy0uNiwuNi0uNmgxYy41OCwwLDEuMDUtLjQ3LDEuMDUtMS4wNXYtMWMwLS4zMywuMjctLjYsLjYtLjZzLjYsLjI3LC42LC42djFjMCwxLjI0LTEuMDEsMi4yNS0yLjI1LDIuMjVaIi8+PC9nPjxwYXRoIGNsYXNzPSJiIiBkPSJNMjEuNjUsMTcuMDdjLS4zMywwLS42LS4yNy0uNi0uNnYtMi45OGMwLS4zMywuMjctLjYsLjYtLjZzLjYsLjI3LC42LC42djIuOThjMCwuMzMtLjI3LC42LS42LC42WiIvPjwvc3ZnPg==",label:"Dash Pattern"}),(0,g.jsx)(D,{lockObject:n,label:"",target:r,value:i,onChange:e=>this.onDashChange(e)})]}),(0,g.jsx)("hr",{}),(0,g.jsx)(ho,{hideDimensions:!0,lockObject:n,controls:e,onPropertyChangedObservable:t,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState})]})}}const yo="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjUsMTIuNzZBMi4yMSwyLjIxLDAsMCwxLDI3LjI0LDE1VjI1QTIuMjEsMi4yMSwwLDAsMSwyNSwyNy4yNEgxNUEyLjIxLDIuMjEsMCwwLDEsMTIuNzYsMjVWMTVBMi4yMSwyLjIxLDAsMCwxLDE1LDEyLjc2Wk0yNSwxNEgxNWExLDEsMCwwLDAtMSwxVjI1YTEsMSwwLDAsMCwxLDFIMjVhMSwxLDAsMCwwLDEtMVYxNUExLDEsMCwwLDAsMjUsMTRabS02LjY0LDgsNS4yMS01LjJhLjU5LjU5LDAsMCwxLC44NSwwLC42MS42MSwwLDAsMSwuMDYuNzhsLS4wNi4wNy01LjYzLDUuNjNhLjYuNiwwLDAsMS0uNzkuMDZMMTgsMjMuMjRsLTIuNDEtMi40MWEuNjEuNjEsMCwwLDEsMC0uODUuNi42LDAsMCwxLC43OS0uMDZsLjA2LjA2LDIsMiw1LjIxLTUuMloiIHN0eWxlPSJmaWxsOiMzMzMiLz48L3N2Zz4=";class xo extends t.Component{constructor(e){super(e)}render(){const e=this.props.radioButtons;return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(ho,{lockObject:this.props.lockObject,controls:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState}),(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"RADIO BUTTON",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:jo,label:"Stroke Weight"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"",target:f(e,this.props.onPropertyChangedObservable),propertyName:"thickness",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0,digits:2})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:oo,label:"Check Size Ratio"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"",target:f(e,this.props.onPropertyChangedObservable),propertyName:"checkSizeRatio",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0,digits:2})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:jo,label:"Name of Group"}),(0,g.jsx)(D,{lockObject:this.props.lockObject,label:"",target:f(e,this.props.onPropertyChangedObservable),propertyName:"group"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:yo,label:"Is Checked"}),(0,g.jsx)(ar,{label:"CHECKED",target:f(e,this.props.onPropertyChangedObservable),propertyName:"isChecked"})]})]})}}const No=Number.MAX_SAFE_INTEGER;class So extends t.Component{_remapValueIn(e){return this.props.allowNullValue&&null===e?No:e}_remapValueOut(e){return this.props.allowNullValue&&e===No?null:e}_getValue(e){return e.extractValue?e.extractValue(e.target):e.target&&e.propertyName?e.target[e.propertyName]:e.options[e.defaultIfNull||0]}constructor(e){super(e),this._localChange=!1,this.state={value:this._remapValueIn(this._getValue(e))}}shouldComponentUpdate(e,t){if(this._localChange)return this._localChange=!1,!0;const n=this._remapValueIn(e.extractValue?e.extractValue(this.props.target):e.target[e.propertyName]);return null!=n&&n!==t.value&&(t.value=n,!0)}raiseOnPropertyChanged(e,t){this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:this.props.target,property:this.props.propertyName,value:e,initialValue:t,allowNullValue:this.props.allowNullValue})}setValue(e){this.setState({value:e})}updateValue(e){const t=this.props.valuesAreStrings?e:parseInt(e);this._localChange=!0;const n=this.props.extractValue?this.props.extractValue(this.props.target):this.props.target[this.props.propertyName];this.props.noDirectUpdate||(this.props.target[this.props.propertyName]=this._remapValueOut(t)),this.setState({value:t}),this.props.onSelect&&this.props.onSelect(t);const r=this.props.extractValue?this.props.extractValue(this.props.target):this.props.target[this.props.propertyName];this.raiseOnPropertyChanged(r,n)}onCopyClick(){if(this.props&&this.props.target){const{className:e,babylonNamespace:t}=b(this.props.target);m("globalThis.debugNode."+this.props.propertyName+" = "+this.props.target[this.props.propertyName]+";// (debugNode as "+t+e+")")}else m("undefined")}render(){return(0,g.jsxs)("div",{className:"listLine"+(this.props.className?" "+this.props.className:""),children:[this.props.icon&&(0,g.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,color:"black",className:"icon"}),(0,g.jsx)("div",{className:"label",title:this.props.label,children:this.props.label}),(0,g.jsx)("div",{className:"options",children:(0,g.jsx)("select",{onChange:e=>this.updateValue(e.target.value),value:this.state.value??"",children:this.props.options.map(((e,t)=>(0,g.jsx)("option",{selected:e.selected,value:e.value,title:e.label,children:e.label},e.label+t)))})}),(0,g.jsx)("div",{className:"copy hoverIcon",onClick:()=>this.onCopyClick(),title:"Copy to clipboard",children:(0,g.jsx)("img",{src:x,alt:"Copy"})})]})}}class vo extends t.Component{constructor(e){super(e)}render(){const{onPropertyChangedObservable:e}=this.props,t=this.props.textBlocks,n=f(t,e);return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(ho,{lockObject:this.props.lockObject,controls:t,onPropertyChangedObservable:this.props.onPropertyChangedObservable,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState}),(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"TEXTBLOCK",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:no,label:"Text"}),(0,g.jsx)(D,{lockObject:this.props.lockObject,label:" ",target:n,propertyName:"text"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTAuMzUsOC45M2ExLjQzLDEuNDMsMCwwLDAtMS40MiwxLjQydjEuMjFhLjYxLjYxLDAsMSwxLTEuMjEsMFYxMC4zNWEyLjYzLDIuNjMsMCwwLDEsMi42My0yLjYzaDEuMjFhLjYxLjYxLDAsMSwxLDAsMS4yMVoiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNMjEuMDcsMTAuMzVhMS40MywxLjQzLDAsMCwwLTEuNDItMS40MkgxOC40NGEuNjEuNjEsMCwxLDEsMC0xLjIxaDEuMjFhMi42MywyLjYzLDAsMCwxLDIuNjMsMi42M3YxLjIxYS42MS42MSwwLDEsMS0xLjIxLDBaIiBzdHlsZT0iZmlsbDojMzMzIi8+PHBhdGggZD0iTTIxLjA3LDE5LjY1YTEuNDMsMS40MywwLDAsMS0xLjQyLDEuNDJIMTguNDRhLjYxLjYxLDAsMSwwLDAsMS4yMWgxLjIxYTIuNjMsMi42MywwLDAsMCwyLjYzLTIuNjNWMTguNDRhLjYxLjYxLDAsMSwwLTEuMjEsMFoiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNOC45MywxOS42NWExLjQzLDEuNDMsMCwwLDAsMS40MiwxLjQyaDEuMjFhLjYxLjYxLDAsMSwxLDAsMS4yMUgxMC4zNWEyLjYzLDIuNjMsMCwwLDEtMi42My0yLjYzVjE4LjQ0YS42MS42MSwwLDEsMSwxLjIxLDBaIiBzdHlsZT0iZmlsbDojMzMzIi8+PHBhdGggZD0iTTEyLDEwLjE1QTEuODEsMS44MSwwLDAsMCwxMC4xNSwxMlYxOEExLjgxLDEuODEsMCwwLDAsMTIsMTkuODVIMThBMS44MSwxLjgxLDAsMCwwLDE5Ljg1LDE4VjEyQTEuODEsMS44MSwwLDAsMCwxOCwxMC4xNVpNMTEuMzYsMTJhLjYxLjYxLDAsMCwxLC42MS0uNjFIMThhLjYxLjYxLDAsMCwxLC42MS42MVYxOGEuNjEuNjEsMCwwLDEtLjYxLjYxSDEyYS42MS42MSwwLDAsMS0uNjEtLjYxWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjwvc3ZnPg==",label:"Automatically resize the text block to fit the size of the text"}),(0,g.jsx)(ar,{label:"RESIZE TO FIT",target:n,propertyName:"resizeToFit"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNNy4xMyw4LjM0YS42MS42MSwwLDEsMCwwLDEuMjFIMjIuMDZhLjYxLjYxLDAsMSwwLDAtMS4yMVoiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNNy4xMywxMy41OWEuNjEuNjEsMCwxLDAsMCwxLjIxSDIwLjI1YTIsMiwwLDAsMSwwLDRIMTYuNjZsLjU4LS41OWEuNi42LDAsMCwwLS44NS0uODVMMTQuNzcsMTlhLjYyLjYyLDAsMCwwLDAsLjg2bDEuNjIsMS42MWEuNi42LDAsMCwwLC44NS0uODVsLS41OC0uNThoMy41OWEzLjIzLDMuMjMsMCwwLDAsMC02LjQ2WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik02LjUyLDE5LjQ0YS42LjYsMCwwLDEsLjYxLS42aDUuMjVhLjYxLjYxLDAsMCwxLDAsMS4yMUg3LjEzQS42MS42MSwwLDAsMSw2LjUyLDE5LjQ0WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjwvc3ZnPg==",label:"Text Wrapping"}),(0,g.jsx)(So,{label:" ",options:[{label:"Clip",value:0},{label:"Ellipsis",value:2},{label:"Word wrap",value:1}],target:n,propertyName:"textWrapping"})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMjEuMjEsNy44OCwyMi44Myw5LjVhLjYxLjYxLDAsMCwxLS44Ni44NmwtLjU4LS41OHYzLjhhLjYxLjYxLDAsMCwxLS42MS42MS42MS42MSwwLDAsMS0uNjEtLjYxVjkuNzhsLS41OC41OGEuNjEuNjEsMCwwLDEtLjg2LS44NmwxLjYyLTEuNjJhLjYuNiwwLDAsMSwuNDMtLjE4aDBhLjU5LjU5LDAsMCwxLC4yMywwQS42My42MywwLDAsMSwyMS4yMSw3Ljg4WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik03LDkuOTNhLjYxLjYxLDAsMCwxLC42MS0uNjFoNi44OWEuNjEuNjEsMCwwLDEsLjYxLjYxLjYxLjYxLDAsMCwxLS42MS42MUg3LjZBLjYxLjYxLDAsMCwxLDcsOS45M1oiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNNywxNS4yYS42MS42MSwwLDAsMSwuNjEtLjYxaDkuMzNhLjYxLjYxLDAsMCwxLC42LjYxLjYuNiwwLDAsMS0uNi42MUg3LjZBLjYxLjYxLDAsMCwxLDcsMTUuMloiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNNy42LDE5Ljg3YS42MS42MSwwLDEsMCwwLDEuMjFoNi44OWEuNjEuNjEsMCwxLDAsMC0xLjIxWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik0yMC4xNywyMC4yMnYtMy44YS42MS42MSwwLDAsMSwuNjEtLjYxLjYxLjYxLDAsMCwxLC42MS42MXYzLjhsLjU4LS41OGEuNjEuNjEsMCwwLDEsLjg2Ljg2bC0xLjYyLDEuNjJhLjYzLjYzLDAsMCwxLS4yLjEzLjY1LjY1LDAsMCwxLS4yLjA1aDBhLjU5LjU5LDAsMCwxLS4yMy0uMDUuNTMuNTMsMCwwLDEtLjItLjEzTDE4LjczLDIwLjVhLjYxLjYxLDAsMCwxLC44Ni0uODZaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+",label:"Line Spacing"}),(0,g.jsx)(D,{lockObject:this.props.lockObject,label:" ",target:n,propertyName:"lineSpacing"})]}),(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"OUTLINE",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:jo,label:"Outline Width"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:" ",target:n,propertyName:"outlineWidth",arrows:!0,min:0,unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),step:"0.01"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:so,label:"Outline Color"}),(0,g.jsx)(Tr,{lockObject:this.props.lockObject,label:" ",target:n,propertyName:"outlineColor"})]})]})}}const Do="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTE3Ljg3LDEyLjE1Yy4yLS4yLC41MS0uMiwuNzEsMGwyLjUsMi41Yy4yLC4yLC4yLC41MSwwLC43MWwtMi41LDIuNWMtLjIsLjItLjUxLC4yLS43MSwwLS4yLS4yLS4yLS41MSwwLS43MWwxLjY1LTEuNjVoLTMuMzZjLS4yOCwwLS41LS4yMi0uNS0uNXMuMjItLjUsLjUtLjVoMy4zNmwtMS42NS0xLjY1Yy0uMi0uMi0uMi0uNTEsMC0uNzFabS0xMC40Ni0zLjAzYy4yNiwwLC40NywuMTksLjUsLjQ0djEwLjgxYzAsLjI4LS4yMiwuNS0uNSwuNS0uMjYsMC0uNDctLjE5LS41LS40NFY5LjYzYzAtLjI4LC4yMi0uNSwuNS0uNVptMTUuMTcsMGMuMjYsMCwuNDcsLjE5LC41LC40NHYxMC44MWMwLC4yOC0uMjIsLjUtLjUsLjUtLjI2LDAtLjQ3LS4xOS0uNS0uNDRWOS42M2MwLS4yOCwuMjItLjUsLjUtLjVabS0xMC41NiwzLjczbC0xLjY1LDEuNjVoMy4zNmMuMjgsMCwuNSwuMjIsLjUsLjUsMCwuMjgtLjIyLC41LS41LC41aC0zLjM2bDEuNjUsMS42NWMuMiwuMiwuMiwuNTEsMCwuNzEtLjIsLjItLjUxLC4yLS43MSwwbC0yLjUtMi41Yy0uMi0uMi0uMi0uNTEsMC0uNzFsMi41LTIuNWMuMi0uMiwuNTEtLjIsLjcxLDAsLjIsLjIsLjIsLjUxLDAsLjcxWiIvPjwvc3ZnPg==";class Io extends t.Component{constructor(e){super(e)}render(){const{inputTexts:e,onPropertyChangedObservable:t,lockObject:n}=this.props,r=f(e,t);return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(ho,{lockObject:n,controls:e,onPropertyChangedObservable:t,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState}),(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"INPUT TEXT",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTE2LjU1LDExLjk2Yy0uMiwwLS4zOSwuMDgtLjUzLC4yMi0uMTQsLjE0LS4yMiwuMzMtLjIyLC41M3MuMDgsLjM5LC4yMiwuNTNjLjE0LC4xNCwuMzMsLjIyLC41MywuMjJoMS41NXY0Ljk5YzAsMS42OCwxLjM3LDMuMDQsMy4wNCwzLjA0aDEuMTVjLjQxLDAsLjc1LS4zMywuNzUtLjc1cy0uMzMtLjc1LS43NS0uNzVoLTEuMTVjLS44NSwwLTEuNTUtLjctMS41NS0xLjU1di00Ljk5aDIuN2MuMiwwLC4zOS0uMDgsLjUzLS4yMiwuMTQtLjE0LC4yMi0uMzMsLjIyLS41M3MtLjA4LS4zOS0uMjItLjUzYy0uMTQtLjE0LS4zMy0uMjItLjUzLS4yMmgtMi43di0yLjdjMC0uNDEtLjMzLS43NS0uNzUtLjc1cy0uNzUsLjMzLS43NSwuNzV2Mi43aC0xLjU1Wm0tOC44My0zLjQ0Yy0uNDEsMC0uNzUsLjMzLS43NSwuNzVzLjMzLC43NSwuNzUsLjc1aDIuN3YxMC43M2MwLC40MSwuMzMsLjc1LC43NSwuNzVzLjc1LS4zMywuNzUtLjc1VjEwLjAxaDIuN2MuNDEsMCwuNzUtLjMzLC43NS0uNzVzLS4zMy0uNzUtLjc1LS43NUg3LjcxWiIvPjwvc3ZnPg==",label:"Text"}),(0,g.jsx)(D,{lockObject:n,label:"",target:r,propertyName:"text"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTE1LjY1LDEzLjQ1Yy4yLDAsLjM5LS4wOCwuNTMtLjIyLC4xNC0uMTQsLjIyLS4zMywuMjItLjUzcy0uMDgtLjM5LS4yMi0uNTNjLS4xNC0uMTQtLjMzLS4yMi0uNTMtLjIyaC0yLjd2LTIuN2MwLS40MS0uMzMtLjc1LS43NS0uNzVzLS43NSwuMzMtLjc1LC43NXYyLjdoLTEuNTVjLS4yLDAtLjM5LC4wOC0uNTMsLjIyLS4xNCwuMTQtLjIyLC4zMy0uMjIsLjUzcy4wOCwuMzksLjIyLC41M2MuMTQsLjE0LC4zMywuMjIsLjUzLC4yMmgxLjU1djQuOTljMCwxLjY4LDEuMzcsMy4wNCwzLjA0LDMuMDRoMS4xNWMuNDEsMCwuNzUtLjMzLC43NS0uNzVzLS4zMy0uNzUtLjc1LS43NWgtMS4xNWMtLjg1LDAtMS41NS0uNy0xLjU1LTEuNTV2LTQuOTloMi43WiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMjAuMjEsNC44MmMtLjM0LDAtLjYyLC4yOC0uNjIsLjYyVjI0LjU1YzAsLjM0LC4yOCwuNjIsLjYyLC42MnMuNjItLjI4LC42Mi0uNjJWNS40NWMwLS4zNC0uMjgtLjYyLS42Mi0uNjJaIi8+PC9zdmc+",label:"Prompt Text"}),(0,g.jsx)(D,{lockObject:n,label:"",target:r,propertyName:"promptMessage"})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:wo,label:"Max Width"}),(0,g.jsx)(D,{lockObject:n,label:"",target:r,propertyName:"maxWidth"})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTIwLjM4LDguNjJjLjQyLDAsLjgxLC4wOCwxLjE5LC4yNXMuNzEsLjM5LDEsLjY4LC41MiwuNjIsLjY4LDFjLjE3LC4zOCwuMjUsLjc4LC4yNiwxLjJ2Ni41MWMwLC40Mi0uMDgsLjgxLS4yNSwxLjE5cy0uMzksLjcxLS42OCwxLS42MiwuNTItMSwuNjgtLjc4LC4yNS0xLjIsLjI2SDkuMTVjLS4zNSwwLS42OS0uMDctMS4wMS0uMnMtLjYtLjMyLS44NS0uNTYtLjQ0LS41Mi0uNTgtLjgzYy0uMTQtLjMyLS4yMi0uNjUtLjIyLTEuMDF2LTcuNTZjMC0uMzUsLjA3LS42OCwuMjEtMSwuMTQtLjMyLC4zMy0uNTksLjU2LS44MnMuNTItLjQyLC44My0uNTYsLjY1LS4yMiwxLS4yMmgxMS4yOVptLS4wNywyLjEzdi0xLjA2SDkuNjh2MS4wNmgxMC42M1ptLTExLjctLjk3Yy0uMjMsLjA4LS40MiwuMi0uNTksLjM3cy0uMjksLjM3LS4zOCwuNmguOTd2LS45N1ptMTMuNTQsLjk3Yy0uMTktLjMzLS40NS0uNTktLjc4LS43OHYuNzhoLjc4Wm0tMTMuNTQsMS4wNmgtMS4wNnY2LjM4aDEuMDZ2LTYuMzhabTExLjcsMEg5LjY4djYuMzhoMTAuNjN2LTYuMzhabTIuMTMsMGgtMS4wNnY2LjM4aDEuMDZ2LTYuMzhabS0xNC44LDcuNDRjLjA4LC4yMywuMjEsLjQzLC4zNywuNnMuMzcsLjMsLjYsLjM3di0uOTdoLS45N1ptMi4wNCwwdjEuMDZoMTAuNjN2LTEuMDZIOS42OFptMTEuNywuNzhjLjMzLS4xOSwuNTktLjQ1LC43OC0uNzhoLS43OHYuNzhaIi8+PC9zdmc+",label:"Margins"}),(0,g.jsx)(D,{lockObject:n,label:"",target:r,propertyName:"margin"})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:jo,label:"Border Thickness"}),(0,g.jsx)(N,{lockObject:n,label:"",target:r,propertyName:"thickness",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0,digits:2})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:Do,label:"Automatically Stretch Width"}),(0,g.jsx)(ar,{label:"AUTO STRETCH",target:r,propertyName:"autoStretchWidth"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTIxLjk1LDkuNzhjLjcyLC4yNSwxLjIzLC45MywxLjIzLDEuNzR2OC4xOGMwLDEuOTItMS41NiwzLjQ4LTMuNDgsMy40OEgxMS41MmMtLjgsMC0xLjQ5LS41MS0xLjc0LTEuMjNoOS45MmMxLjI0LDAsMi4yNS0xLDIuMjUtMi4yNVY5Ljc4Wm0tMi42Ni0yLjk3YzEuMDIsMCwxLjg0LC44MiwxLjg0LDEuODR2MTAuNjRjMCwxLjAyLS44MiwxLjg0LTEuODQsMS44NEg4LjY2Yy0xLjAyLDAtMS44NC0uODItMS44NC0xLjg0VjguNjZjMC0xLjAyLC44Mi0xLjg0LDEuODQtMS44NGgxMC42NFptMCwxLjIzSDguNjZjLS4zNCwwLS42MSwuMjctLjYxLC42MXYxMC42NGMwLC4zNCwuMjcsLjYxLC42MSwuNjFoMTAuNjRjLjM0LDAsLjYxLS4yNywuNjEtLjYxVjguNjZjMC0uMzQtLjI3LS42MS0uNjEtLjYxWm0tNi4yNyw2LjQzbDMuMTgtMy4xOGMuMjQtLjI0LC42My0uMjQsLjg3LDAsLjIyLC4yMiwuMjQsLjU2LC4wNiwuOGwtLjA2LC4wNy0zLjY4LDMuNjhjLS4yNCwuMjQtLjYzLC4yNC0uODYsMGwtLjA2LS4wNy0xLjIzLTEuNjRjLS4yLS4yNy0uMTUtLjY2LC4xMi0uODYsLjI1LS4xOCwuNTktLjE2LC44LC4wNWwuMDYsLjA3LC44LDEuMDcsMy4xOC0zLjE4LTMuMTgsMy4xOFoiLz48L3N2Zz4=",label:"When Input is Focus, Select All"}),(0,g.jsx)(ar,{label:"ON FOCUS, SELECT ALL",target:r,propertyName:"onFocusSelectAll"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTIxLjc3LDYuOGMuMzEsMCwuNTcsLjIzLC42MSwuNTN2My43N2MwLC45NS0uNzIsMS43My0xLjY0LDEuODN2MS44NWMwLC45OC0uNzYsMS43OC0xLjcyLDEuODRoLS4zM3YyLjI5YzAsLjY3LS4zNiwxLjI4LS45NCwxLjZsLS4xMywuMDctNS40NCwyLjU1Yy0uMzgsLjE4LS44Mi0uMDctLjg3LS40N3YtNi4wM2gtLjIxYy0uOTgsMC0xLjc3LS43Ni0xLjg0LTEuNzJ2LTEuOThjLS44OC0uMS0xLjU3LS44MS0xLjY0LTEuN3YtMy44MmMwLS4zNCwuMjctLjYxLC42MS0uNjEsLjMxLDAsLjU3LC4yMywuNjEsLjUzdjMuNzdjMCwuMzEsLjI0LC41NywuNTQsLjYxaDExLjE1Yy4zMSwwLC41Ny0uMjMsLjYxLS41M3YtMy43N2MwLS4zNCwuMjgtLjYxLC42Mi0uNjFabS00LjMxLDkuODNoLTQuOTJ2NC45OGw0LjU2LTIuMTRjLjE5LS4wOSwuMzItLjI3LC4zNS0uNDd2LTIuMzhabTIuMDYtMy42OEgxMC40OXYxLjg0YzAsLjMxLC4yMywuNTcsLjUzLC42MWg3Ljg3Yy4zMSwwLC41Ny0uMjMsLjYxLS41M3YtMS45MloiLz48L3N2Zz4=",label:"Highlight Color"}),(0,g.jsx)(Tr,{lockObject:n,label:"",target:r,propertyName:"textHighlightColor"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:ro,label:"Highlight Opacity"}),(0,g.jsx)(S,{lockObject:n,label:"",minimum:0,maximum:1,step:.01,target:r,propertyName:"highligherOpacity"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:so,label:"Background Color when Focused"}),(0,g.jsx)(Tr,{lockObject:n,label:"",target:r,propertyName:"focusedBackground"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTEyLjI3LDcuNDJINS4zOGMtLjQxLDAtLjc1LC4zMy0uNzUsLjc1cy4zMywuNzUsLjc1LC43NWgyLjd2MTAuNzNjMCwuNDEsLjMzLC43NSwuNzUsLjc1cy43NS0uMzMsLjc1LS43NVY4LjkxaDIuN2MuNDEsMCwuNzUtLjMzLC43NS0uNzVzLS4zMy0uNzUtLjc1LS43NVoiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTE3LjI1LDEyLjM1aDIuN2MuMiwwLC4zOS0uMDgsLjUzLS4yMiwuMTQtLjE0LC4yMi0uMzMsLjIyLS41M3MtLjA4LS4zOS0uMjItLjUzYy0uMTQtLjE0LS4zMy0uMjItLjUzLS4yMmgtMi43di0yLjdjMC0uNDEtLjMzLS43NS0uNzUtLjc1cy0uNzUsLjMzLS43NSwuNzV2Mi43aC0xLjU1Yy0uMiwwLS4zOSwuMDgtLjUzLC4yMi0uMTQsLjE0LS4yMiwuMzMtLjIyLC41M3MuMDgsLjM5LC4yMiwuNTNjLjE0LC4xNCwuMzMsLjIyLC41MywuMjJoMS41NXY0Ljk5YzAsLjUsLjE0LC45NywuMzUsMS4zOSwuMjMtLjc1LC42Mi0xLjQzLDEuMTQtMnYtNC4zOVoiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTIyLjIxLDIwLjEzaC0xLjA3di0xLjQ5YzAtLjM0LS4yOC0uNjItLjYyLS42MnMtLjYyLC4yOC0uNjIsLjYydjIuMTJjMCwuMzQsLjI4LC42MiwuNjIsLjYyaDEuNjljLjM0LDAsLjYyLS4yOCwuNjItLjYycy0uMjgtLjYyLS42Mi0uNjJaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0yMS4wNCwxNS45M2MtMi4zOSwwLTQuMzMsMS45NC00LjMzLDQuMzNzMS45NCw0LjMzLDQuMzMsNC4zMyw0LjMzLTEuOTQsNC4zMy00LjMzLTEuOTQtNC4zMy00LjMzLTQuMzNabTAsNy40Yy0xLjcsMC0zLjA4LTEuMzgtMy4wOC0zLjA4czEuMzgtMy4wOCwzLjA4LTMuMDgsMy4wOCwxLjM4LDMuMDgsMy4wOC0xLjM4LDMuMDgtMy4wOCwzLjA4WiIvPjwvc3ZnPg==",label:"Placeholder Text"}),(0,g.jsx)(D,{lockObject:n,label:"",target:r,propertyName:"placeholderText"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:io,label:"Placeholder Color"}),(0,g.jsx)(Tr,{lockObject:n,label:"",target:r,propertyName:"placeholderColor"})]})]})}}class Eo extends t.Component{constructor(e){super(e)}render(){const e=this.props.colorPickers;return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(ho,{lockObject:this.props.lockObject,controls:e,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState}),(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"COLOR PICKER",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:so,label:"Color Picker Value"}),(0,g.jsx)(Tr,{label:"",target:f(e,this.props.onPropertyChangedObservable),propertyName:"value",disableAlpha:!0,lockObject:this.props.lockObject})]})]})}}const To="data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjIuNDMsMTlhLjYuNiwwLDAsMSwuMDksMS4yaC0yLjN2Mi4yMWEuNi42LDAsMCwxLS42LjYxLjYxLjYxLDAsMCwxLS42LS41MnYtMi4zSDEyLjM5YTIuNjEsMi42MSwwLDAsMS0yLjYxLTIuNDZWMTFINy41NmEuNi42LDAsMCwxLS4wOC0xLjJIOS43N1Y3LjU3YS42LjYsMCwwLDEsLjYtLjYxLjYxLjYxLDAsMCwxLC42LjUydjIuM2gwVjExaDB2Ni42M0ExLjQsMS40LDAsMCwwLDEyLjI3LDE5SDIyLjQzWk0xMS43OCw5Ljc4aDUuODNhMi42MiwyLjYyLDAsMCwxLDIuNjEsMi40NnY2SDE5VjEyLjM5QTEuNCwxLjQsMCwwLDAsMTcuNzMsMTFoLTZaIi8+PC9zdmc+",ko="data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjEuNzIsNy42N2gtNS4zYS42Mi42MiwwLDAsMC0uNjEuNjEuNjEuNjEsMCwwLDAsLjYxLjYxaDMuODJMMTYsMTMuMTRhLjYyLjYyLDAsMCwwLC44Ny44N2w0LjI1LTQuMjV2My44MmEuNjEuNjEsMCwwLDAsLjYxLjYxLjYyLjYyLDAsMCwwLC42MS0uNjFWOC4yOEEuNjIuNjIsMCwwLDAsMjEuNzIsNy42N1oiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yMS43MiwxNS44MWEuNjEuNjEsMCwwLDAtLjYxLjYydjMuMjVhMS40MywxLjQzLDAsMCwxLTEuNDMsMS40M0gxNVYxNy4yNEEyLjI0LDIuMjQsMCwwLDAsMTIuNzYsMTVIOC44OVYxMC4zMmExLjQzLDEuNDMsMCwwLDEsMS40My0xLjQzaDMuMjVhLjYxLjYxLDAsMCwwLC42Mi0uNjEuNjIuNjIsMCwwLDAtLjYyLS42MUgxMC4zMmEyLjY1LDIuNjUsMCwwLDAtMi42NSwyLjY1djkuMzZhMi42NSwyLjY1LDAsMCwwLDIuNjUsMi42NWg5LjM2YTIuNjUsMi42NSwwLDAsMCwyLjY1LTIuNjVWMTYuNDNBLjYyLjYyLDAsMCwwLDIxLjcyLDE1LjgxWm0tNy45NCw1LjNIMTAuMzJhMS40MywxLjQzLDAsMCwxLTEuNDMtMS40M1YxNi4yMmgzLjg3YTEsMSwwLDAsMSwxLDFaIi8+PC9zdmc+";class zo extends t.Component{constructor(e){super(e),this._observers=new Map,this.updateObservers([],e.images)}shouldComponentUpdate(e){return this.updateObservers(this.props.images,e.images),!0}updateObservers(e,t){for(const n of t)e.includes(n)||this._observers.set(n,n.onImageLoadedObservable.add((()=>this.forceUpdate())));for(const n of e)t.includes(n)||(n.onImageLoadedObservable.remove(this._observers.get(n)),this._observers.delete(n))}componentWillUnmount(){this.updateObservers(this.props.images,[])}toggleAnimations(e){for(const t of this.props.images)e?(t.cellId=0,t.cellWidth=t.imageWidth,t.cellHeight=t.imageHeight):t.cellId=-1}getMaxCells(){let e=Number.MAX_SAFE_INTEGER;for(const t of this.props.images){if(0===t.cellWidth||0===t.cellHeight)continue;const n=Math.ceil(t.imageWidth/t.cellWidth)*Math.ceil(t.imageHeight/t.cellHeight)-1;n<e&&(e=n)}return e}updateCellSize(){const e=this.getMaxCells();for(const t of this.props.images)t.cellId>e&&(t.cellId=e);this.forceUpdate()}render(){const e=this.props.images,t=e[0],n=f(e,this.props.onPropertyChangedObservable),r=[{label:"None",value:a.Image.STRETCH_NONE},{label:"Fill",value:a.Image.STRETCH_FILL},{label:"Uniform",value:a.Image.STRETCH_UNIFORM},{label:"Extend",value:a.Image.STRETCH_EXTEND},{label:"NinePatch",value:a.Image.STRETCH_NINE_PATCH}],o=e.every((e=>-1!==e.cellId)),i=this.getMaxCells(),s=Math.max(...e.map((e=>e.imageWidth))),l=Math.max(...e.map((e=>e.imageHeight)));return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(ho,{lockObject:this.props.lockObject,controls:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState}),(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"IMAGE",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTIuNzgsMTFhLjYuNiwwLDAsMSwuMDksMS4ySDExYTIuODIsMi44MiwwLDAsMC0uMTcsNS42NGgyYS42MS42MSwwLDAsMSwuNjEuNjEuNjIuNjIsMCwwLDEtLjUyLjZIMTFhNCw0LDAsMCwxLS4yLTguMDZoMlpNMTksMTFhNCw0LDAsMCwxLC4yLDguMDZoLTJhLjYuNiwwLDAsMS0uMDktMS4ySDE5YTIuODIsMi44MiwwLDAsMCwuMTctNS42NGgtMmEuNjEuNjEsMCwwLDEtLjYxLS42MS42Mi42MiwwLDAsMSwuNTItLjZIMTlaTTExLDE0LjRIMTlhLjYuNiwwLDAsMSwuMDgsMS4ySDExYS42LjYsMCwwLDEtLjA4LTEuMloiLz48L3N2Zz4=",label:"Source"}),(0,g.jsx)(D,{lockObject:this.props.lockObject,label:" ",target:n,propertyName:"source"})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:To,label:"Crop"}),(0,g.jsx)(D,{lockObject:this.props.lockObject,label:"L",target:n,propertyName:"sourceLeft",numeric:!0,arrows:!0,min:0,placeholder:"0",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0})}),(0,g.jsx)(D,{lockObject:this.props.lockObject,label:"T",target:n,propertyName:"sourceTop",numeric:!0,arrows:!0,min:0,placeholder:"0",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0})})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:To,label:"Crop"}),(0,g.jsx)(D,{lockObject:this.props.lockObject,label:"W",target:n,propertyName:"sourceWidth",numeric:!0,arrows:!0,min:0,placeholder:Math.max(...e.map((e=>e.imageWidth))).toString(),unit:(0,g.jsx)(uo,{unit:"PX",locked:!0})}),(0,g.jsx)(D,{lockObject:this.props.lockObject,label:"H",target:n,propertyName:"sourceHeight",numeric:!0,arrows:!0,min:0,placeholder:Math.max(...e.map((e=>e.imageHeight))).toString(),unit:(0,g.jsx)(uo,{unit:"PX",locked:!0})})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:ko,label:"Autoscale"}),(0,g.jsx)(ar,{label:"AUTOSCALE",target:n,propertyName:"autoScale",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTEuNzcsMTIuOTNhLjYxLjYxLDAsMCwxLC4wNi44NmwtLjU0LjYxSDEzLjZhLjYuNiwwLDAsMSwwLDEuMkgxMS4yOWwuNTQuNjFhLjYxLjYxLDAsMCwxLS45Mi44TDkuNSwxNS40YS42MS42MSwwLDAsMSwwLS44TDEwLjkxLDEzQS42MS42MSwwLDAsMSwxMS43NywxMi45M1ptNi40Mi44NmEuNjEuNjEsMCwxLDEsLjkxLS44bDEuNDEsMS42MWEuNjEuNjEsMCwwLDEsMCwuOEwxOS4xLDE3YS42MS42MSwwLDEsMS0uOTEtLjhsLjUzLS42MUgxNi40MWEuNi42LDAsMCwxLDAtMS4yaDIuMzFaTTYuOTMsMTAuMzZBMS44MiwxLjgyLDAsMCwxLDguNzUsOC41NWgxMi41YTEuODEsMS44MSwwLDAsMSwxLjgxLDEuODF2OS4yOGExLjgxLDEuODEsMCwwLDEtMS44MSwxLjgxSDguNzVhMS44MiwxLjgyLDAsMCwxLTEuODItMS44MVptMS44Mi0uNmEuNi42LDAsMCwwLS42MS42djkuMjhhLjYuNiwwLDAsMCwuNjEuNmgxMi41YS42LjYsMCwwLDAsLjYtLjZWMTAuMzZhLjYuNiwwLDAsMC0uNi0uNloiLz48L3N2Zz4=",label:"Stretch"}),(0,g.jsx)(So,{label:" ",options:r,target:n,propertyName:"stretch",onSelect:e=>this.setState({mode:e})})]}),1===e.length&&t.stretch===a.Image.STRETCH_NINE_PATCH&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:To,label:"Slice Horizontal"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"L",target:t,propertyName:"sliceLeft",onChange:()=>{t.populateNinePatchSlicesFromImage=!1,this.forceUpdate()}}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"R",target:t,propertyName:"sliceRight",onChange:()=>{t.populateNinePatchSlicesFromImage=!1,this.forceUpdate()}})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:To,label:"Slice Vertical"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"T",target:t,propertyName:"sliceTop",onChange:()=>{t.populateNinePatchSlicesFromImage=!1,this.forceUpdate()}}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"B",target:t,propertyName:"sliceBottom",onChange:()=>{t.populateNinePatchSlicesFromImage=!1,this.forceUpdate()}})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:ko,label:"Populate Nine Patch Slices From Image"}),(0,g.jsx)(ar,{label:"SLICE FROM IMAGE",target:t,propertyName:"populateNinePatchSlicesFromImage",onValueChanged:()=>{this.forceUpdate(),t._markAsDirty()}})]})]}),(0,g.jsx)("hr",{}),(0,g.jsx)(ar,{iconLabel:"animationSheet",icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMzAgMzAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04LjU2LDguNTZoOC44NUExLjYxLDEuNjEsMCwwLDEsMTksMTAuMTdWMTUuOGExLjYxLDEuNjEsMCwwLDEtMS42MSwxLjYxSDguNTZBMS42MSwxLjYxLDAsMCwxLDcsMTUuOFYxMC4xN0ExLjYxLDEuNjEsMCwwLDEsOC41Niw4LjU2Wm04Ljg1LDEuMjFIOC41NmEuNC40LDAsMCwwLS40LjRWMTUuOGEuNC40LDAsMCwwLC40LjQxaDguODVhLjQxLjQxLDAsMCwwLC40MS0uNDFWMTAuMTdBLjQuNCwwLDAsMCwxNy40MSw5Ljc3Wk05LDE4LjIyYTEuNjIsMS42MiwwLDAsMCwxLjU2LDEuMjFoNy4yNUEzLjIyLDMuMjIsMCwwLDAsMjEsMTYuMjF2LTRhMS42MiwxLjYyLDAsMCwwLTEuMjEtMS41NnY1LjU5YTIsMiwwLDAsMS0yLDJabTIsMmExLjYxLDEuNjEsMCwwLDAsMS41NiwxLjIxaDUuODNhNC42Myw0LjYzLDAsMCwwLDQuNjMtNC42M1YxNC4yYTEuNiwxLjYsMCwwLDAtMS4yMS0xLjU2djQuMTdhMy40MiwzLjQyLDAsMCwxLTMuNDIsMy40MloiLz48L3N2Zz4=",label:"ANIMATION SHEET",target:f(e,this.props.onPropertyChangedObservable,(e=>-1!==e.cellId)),onValueChanged:()=>{this.toggleAnimations(!o),this.forceUpdate()}}),o&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("div",{className:"ge-divider double",children:(0,g.jsx)(N,{iconLabel:"Cell Id",icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTQuMTEsMTEuMzlhLjYyLjYyLDAsMCwxLC40OC43MWwtLjE4Ljg5aDJsLjIyLTEuMTJhLjYxLjYxLDAsMCwxLC43MS0uNDguNi42LDAsMCwxLC40Ny43MWwtLjE3Ljg5aC43OWEuNjEuNjEsMCwwLDEsMCwxLjIxaC0xbC0uMzMsMS42aDFBLjYxLjYxLDAsMCwxLDE4LDE3aC0xLjJsLS4yMiwxLjEzYS42Mi42MiwwLDAsMS0uNzEuNDcuNjEuNjEsMCwwLDEtLjQ4LS43MWwuMTgtLjg5aC0ybC0uMjIsMS4xM2EuNjEuNjEsMCwwLDEtLjcxLjQ3LjYuNiwwLDAsMS0uNDctLjcxbC4xNy0uODloLS43OWEuNjEuNjEsMCwwLDEsMC0xLjIxaDFsLjMzLTEuNkgxMkEuNjEuNjEsMCwwLDEsMTIsMTNoMS4ybC4yMi0xLjEyQS42Mi42MiwwLDAsMSwxNC4xMSwxMS4zOVptLS4yNiw0LjQxaDJsLjMyLTEuNmgtMlpNNy43NiwxMC4zN2EyLjYxLDIuNjEsMCwwLDEsMi42MS0yLjYxaDkuMjZhMi42MSwyLjYxLDAsMCwxLDIuNjEsMi42MXY5LjI2YTIuNjEsMi42MSwwLDAsMS0yLjYxLDIuNjFIMTAuMzdhMi42MSwyLjYxLDAsMCwxLTIuNjEtMi42MVpNMTAuMzcsOUExLjQsMS40LDAsMCwwLDksMTAuMzd2OS4yNmExLjQsMS40LDAsMCwwLDEuNCwxLjRoOS4yNmExLjQsMS40LDAsMCwwLDEuNC0xLjRWMTAuMzdBMS40LDEuNCwwLDAsMCwxOS42Myw5WiIvPjwvc3ZnPg==",lockObject:this.props.lockObject,label:"",isInteger:!0,target:n,propertyName:"cellId",min:0,max:i})}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(N,{icon:to,lockObject:this.props.lockObject,label:"W",target:n,propertyName:"cellWidth",isInteger:!0,onChange:()=>this.updateCellSize(),min:1,max:s}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"H",target:n,propertyName:"cellHeight",isInteger:!0,onChange:()=>this.updateCellSize(),min:1,max:l})]})]})]})}}class Oo extends t.Component{constructor(e){super(e)}render(){const e=this.props.imageBasedSliders;return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(ho,{lockObject:this.props.lockObject,controls:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState}),(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"IMAGE LINKS",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTUsNi45MUE4LjA5LDguMDksMCwxLDAsMjMuMDksMTUsOC4wOSw4LjA5LDAsMCwwLDE1LDYuOTFabTAsMS4yMkE2Ljg3LDYuODcsMCwwLDEsMjAuNTksMTlsLTQuMzItNC4yMy0uMTEtLjA5YTEuOCwxLjgsMCwwLDAtMi40My4wOUw5LjQxLDE5QTYuODcsNi44NywwLDAsMSwxNSw4LjEzWk0xMC4yLDE5LjkxbDQuMzgtNC4yOS4wNywwYS41OC41OCwwLDAsMSwuNzcsMGw0LjM4LDQuMjlhNi44Niw2Ljg2LDAsMCwxLTkuNiwwWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE3LjYyLDEzLjQ0YTEuODEsMS44MSwwLDEsMC0xLjgyLTEuODFBMS44MSwxLjgxLDAsMCwwLDE3LjYyLDEzLjQ0Wm0wLTIuNDFhLjYxLjYxLDAsMSwxLS42MS42QS42LjYsMCwwLDEsMTcuNjIsMTFaIi8+PC9zdmc+",label:"Thumb Image Link"}),(0,g.jsx)(D,{lockObject:this.props.lockObject,target:f(e.map((e=>e.thumbImage)),this.props.onPropertyChangedObservable),label:"",propertyName:"source"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTcuNjIsMTAuNTRBMS44MSwxLjgxLDAsMSwwLDE1LjgsOC43MywxLjgxLDEuODEsMCwwLDAsMTcuNjIsMTAuNTRabTAtMi40MWEuNi42LDAsMCwxLC42LjYuNjEuNjEsMCwxLDEtMS4yMSwwQS42LjYsMCwwLDEsMTcuNjIsOC4xM1oiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yMS43NSwxOC41OEg4LjI1YTIuMjUsMi4yNSwwLDAsMCwwLDQuNWgxMy41YTIuMjUsMi4yNSwwLDAsMCwwLTQuNVptMCwzSDguMjVhLjc1Ljc1LDAsMCwxLDAtMS41aDEzLjVhLjc1Ljc1LDAsMCwxLDAsMS41WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTcuMjIsMTcuMzhIMjIuNTVhLjUuNSwwLDAsMCwuNDQtLjUuNTEuNTEsMCwwLDAtLjUxLS41SDIwLjg3bC00LjYtNC41MS0uMTEtLjA5YTEuOCwxLjgsMCwwLDAtMi40My4wOWwtNC42LDQuNTFoLTJhLjUxLjUxLDAsMCwwLS40My41QS41LjUsMCwwLDAsNy4yMiwxNy4zOFptNy4zNi00LjY2LjA3LS4wNmEuNTkuNTksMCwwLDEsLjc3LjA2bDMuNzMsMy42NWgtOC4zWiIvPjwvc3ZnPg==",label:"Value Bar Image Link"}),(0,g.jsx)(D,{lockObject:this.props.lockObject,target:f(e.map((e=>e.valueBarImage)),this.props.onPropertyChangedObservable),label:"",propertyName:"source",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTUuODEsMTEuNzdBMS44MiwxLjgyLDAsMSwwLDE3LjYzLDEwLDEuODEsMS44MSwwLDAsMCwxNS44MSwxMS43N1ptMS44Mi0uNjFhLjYxLjYxLDAsMSwxLS42MS42MUEuNjEuNjEsMCwwLDEsMTcuNjMsMTEuMTZaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjEuMDYsOS4zNEgxOC40M2EyLjU1LDIuNTUsMCwwLDEsMS40NSwxLjIxaDEuMThBMi40MywyLjQzLDAsMCwxLDIzLjQ5LDEzVjE3YTIuNDMsMi40MywwLDAsMS0yLjQzLDIuNDJIMjAuOWwtNC42My00LjUzLS4xLS4xYTEuODIsMS44MiwwLDAsMC0yLjQ0LjFMOS4xLDE5LjQ1SDguOTRBMi40MywyLjQzLDAsMCwxLDYuNTEsMTdWMTNhMi40MywyLjQzLDAsMCwxLDIuNDMtMi40Mmg2LjQ0YTIuNTQsMi41NCwwLDAsMSwxLjQ2LTEuMjFIOC45NEEzLjY0LDMuNjQsMCwwLDAsNS4zLDEzVjE3YTMuNjQsMy42NCwwLDAsMCwzLjY0LDMuNjNIMjEuMDZBMy42NCwzLjY0LDAsMCwwLDI0LjcsMTdWMTNBMy42NCwzLjY0LDAsMCwwLDIxLjA2LDkuMzRabS02LjQ4LDYuNDUuMDYtLjA2YS42MS42MSwwLDAsMSwuNzguMDZsMy43NSwzLjY2SDEwLjgzWiIvPjwvc3ZnPg==",label:"Background Image Link"}),(0,g.jsx)(D,{lockObject:this.props.lockObject,target:f(e.map((e=>e.backgroundImage)),this.props.onPropertyChangedObservable),label:"",propertyName:"source",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}),(0,g.jsx)(mo,{sliders:e,lockObject:this.props.lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})}}class Yo extends t.Component{render(){const{containers:e,onPropertyChangedObservable:t}=this.props,n=f(e,t);return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMjAuNDgsMTEuMzVIMTguNjVWOS41MmExLjkzLDEuOTMsMCwwLDAsMC0uMjQsMi41MywyLjUzLDAsMCwwLS4zOC0xLjE1TDE4LjIsOGEyLjYyLDIuNjIsMCwwLDAtMS45NC0xLjE1SDkuNTJBMi42NCwyLjY0LDAsMCwwLDYuODgsOS41MlYxNmEyLDIsMCwwLDAsMCwuMjUsMi42NiwyLjY2LDAsMCwwLC4zOCwxLjE0bC4wNi4wOWEyLjY3LDIuNjcsMCwwLDAsLjguNzcsMi41MywyLjUzLDAsMCwwLDEuMTUuMzhoMi4wN3YxLjgzQTIuNjQsMi42NCwwLDAsMCwxNCwyMy4xMmg2LjVhMi42NCwyLjY0LDAsMCwwLDIuNjQtMi42NFYxNEEyLjY0LDIuNjQsMCwwLDAsMjAuNDgsMTEuMzVabS0zLTEuODN2MWwtLjg3Ljg3SDE1LjA1TDE3LjM1LDlBMS4yOCwxLjI4LDAsMCwxLDE3LjQ0LDkuNTJabTAsM1YxNkExLjQzLDEuNDMsMCwwLDEsMTYsMTcuNDRIMTIuNTZWMTRBMS40MywxLjQzLDAsMCwxLDE0LDEyLjU2Wm0tOS4zNC0zQTEuNDEsMS40MSwwLDAsMSw5LjUyLDguMWguNTZsLTIsMlptMCwyLjI4LDMuNy0zLjdoMS41M0w4LjEsMTMuMzNabTMuMjUsNC43Ny0uODcuODdoLTFBMS4yOCwxLjI4LDAsMCwxLDksMTcuMzVsMi4zMS0yLjNabS4xMS0zLjM2TDguMTgsMTYuNDlBMS41MSwxLjUxLDAsMCwxLDguMSwxNnYtMWw3LTdoMWExLjUsMS41LDAsMCwxLC40Ny4wOGwtMy4yOCwzLjI4QTIuNjgsMi42OCwwLDAsMCwxMS40NiwxMy4yMVpNMjEuOSwyMC40OGExLjQxLDEuNDEsMCwwLDEtMS40MiwxLjQySDE0YTEuNDIsMS40MiwwLDAsMS0xLjQyLTEuNDJWMTguNjVIMTZBMi42NCwyLjY0LDAsMCwwLDE4LjY1LDE2VjEyLjU2aDEuODNBMS40MiwxLjQyLDAsMCwxLDIxLjksMTRaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+",label:"Clips content outside the bounding box of this control"}),(0,g.jsx)(ar,{label:"CLIP CONTENT",target:n,propertyName:"clipContent"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTIyLjE4LDEyLjgzaC02LjVjLTEuNDUsMC0yLjYyLDEuMTgtMi42MiwyLjYydjYuMzVjMCwxLjQ1LDEuMTgsMi42MiwyLjYyLDIuNjJoNi41YzEuNDUsMCwyLjYyLTEuMTgsMi42Mi0yLjYydi02LjM1YzAtMS40NS0xLjE4LTIuNjItMi42Mi0yLjYyWm0xLjM4LDguOTdjMCwuNzYtLjYyLDEuMzgtMS4zOCwxLjM4aC02LjVjLS43NiwwLTEuMzgtLjYyLTEuMzgtMS4zOHYtNi4zNWMwLS43NiwuNjItMS4zOCwxLjM4LTEuMzhoNi41Yy43NiwwLDEuMzgsLjYyLDEuMzgsMS4zOHY2LjM1WiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMTMuNzcsOC4yNmMwLTEuNDUtMS4xOC0yLjYyLTIuNjItMi42MmgtMy4xNGMtMS40NSwwLTIuNjIsMS4xOC0yLjYyLDIuNjJ2My4wM2MwLDEuNDUsMS4xOCwyLjYyLDIuNjIsMi42MmgzLjE0YzEuNDUsMCwyLjYyLTEuMTgsMi42Mi0yLjYydi0zLjAzWm0tMi4yNy0xLjMybC00Ljc5LDQuNzljLS4wNS0uMTQtLjA4LS4yOC0uMDgtLjQ0di0uODVsMy41NS0zLjU1aC45NmMuMTIsMCwuMjQsLjAyLC4zNiwuMDVabS0zLjQ5LS4wNWguNDFsLTEuNzksMS43OXYtLjQxYzAtLjc2LC42Mi0xLjM4LDEuMzgtMS4zOFptLS40LDUuNzJsNC44Mi00LjgyYy4wNiwuMTUsLjA5LC4zMSwuMDksLjQ4di44NWwtMy41NSwzLjU1aC0uOTZjLS4xNCwwLS4yNy0uMDMtLjQtLjA3Wm0zLjU0LC4wN2gtLjQxbDEuNzgtMS43OHYuNDFjMCwuNzYtLjYyLDEuMzgtMS4zOCwxLjM4WiIvPjwvc3ZnPg==",label:"Clips child controls to this control's shape"}),(0,g.jsx)(ar,{label:"CLIP CHILDREN",target:n,propertyName:"clipChildren"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:Do,label:"Makes the container's width automatically adapt to its children"}),(0,g.jsx)(ar,{label:"ADAPT WIDTH TO CHILDREN",target:n,propertyName:"adaptWidthToChildren"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTEyLjE1LDEyLjEzYy0uMi0uMi0uMi0uNTEsMC0uNzFsMi41LTIuNWMuMi0uMiwuNTEtLjIsLjcxLDBsMi41LDIuNWMuMiwuMiwuMiwuNTEsMCwuNzEtLjIsLjItLjUxLC4yLS43MSwwbC0xLjY1LTEuNjV2My4zNmMwLC4yOC0uMjIsLjUtLjUsLjVzLS41LS4yMi0uNS0uNXYtMy4zNmwtMS42NSwxLjY1Yy0uMiwuMi0uNTEsLjItLjcxLDBabS0zLjAzLDEwLjQ2YzAtLjI2LC4xOS0uNDcsLjQ0LS41aDEwLjgxYy4yOCwwLC41LC4yMiwuNSwuNXMtLjE5LC40Ny0uNDQsLjVIOS42M2MtLjI4LDAtLjUtLjIyLS41LS41Wm0wLTE1LjE3YzAtLjI2LC4xOS0uNDcsLjQ0LS41aDEwLjgxYy4yOCwwLC41LC4yMiwuNSwuNSwwLC4yNi0uMTksLjQ3LS40NCwuNUg5LjYzYy0uMjgsMC0uNS0uMjItLjUtLjVabTMuNzMsMTAuNTZsMS42NSwxLjY1di0zLjM2YzAtLjI4LC4yMi0uNSwuNS0uNXMuNSwuMjIsLjUsLjV2My4zNmwxLjY1LTEuNjVjLjItLjIsLjUxLS4yLC43MSwwLC4yLC4yLC4yLC41MSwwLC43MWwtMi41LDIuNWMtLjIsLjItLjUxLC4yLS43MSwwbC0yLjUtMi41Yy0uMi0uMi0uMi0uNTEsMC0uNzEsLjItLjIsLjUxLS4yLC43MSwwWiIvPjwvc3ZnPg==",label:"Makes the container's height automatically adapt to its children"}),(0,g.jsx)(ar,{label:"ADAPT HEIGHT TO CHILDREN",target:n,propertyName:"adaptHeightToChildren"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:co,label:"Delegates picking to children controls"}),(0,g.jsx)(ar,{label:"DELEGATE PICKING TO CHILDREN",target:n,propertyName:"delegatePickingToChildren"})]})]})}}const Po="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMjAuNDIsMjIuMjFIOS41N2ExLjc4LDEuNzgsMCwwLDEtMS43OC0xLjc4VjkuNThhMS44LDEuOCwwLDAsMSwyLTEuNzhBMTMuODYsMTMuODYsMCwwLDEsMjIuMiwyMC4yNWgwYTEuOCwxLjgsMCwwLDEtMS43OCwyWk05LjU4LDlhLjUyLjUyLDAsMCwwLS4zNi4xNC41Mi41MiwwLDAsMC0uMTguNFYyMC40M2EuNTMuNTMsMCwwLDAsLjUzLjUzSDIwLjQyYS41Mi41MiwwLDAsMCwuNC0uMTguNTYuNTYsMCwwLDAsLjE0LS40MUExMi42MiwxMi42MiwwLDAsMCw5LjYzLDlaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+";class Bo extends t.Component{constructor(e){super(e)}render(){const{rectangles:e,lockObject:t,onPropertyChangedObservable:n}=this.props,r=f(e,n);return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(ho,{lockObject:t,controls:e,onPropertyChangedObservable:n,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState}),(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"RECTANGLE",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:jo,label:"Stroke Weight"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"",target:r,propertyName:"thickness",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0,digits:2})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:Po,label:"Corner Radius"}),(0,g.jsx)(N,{lockObject:t,label:"",target:r,propertyName:"cornerRadius",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0,digits:2})]}),(0,g.jsxs)("div",{className:"ge-divider quad",children:[(0,g.jsx)(N,{lockObject:t,label:"X",target:r,propertyName:"cornerRadiusX",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0,digits:2}),(0,g.jsx)(N,{lockObject:t,label:"Y",target:r,propertyName:"cornerRadiusY",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0,digits:2}),(0,g.jsx)(N,{lockObject:t,label:"Z",target:r,propertyName:"cornerRadiusZ",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0,digits:2}),(0,g.jsx)(N,{lockObject:t,label:"W",target:r,propertyName:"cornerRadiusW",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0,digits:2})]}),(0,g.jsx)(Yo,{containers:e,onPropertyChangedObservable:n})]})}}class Ro extends t.Component{constructor(e){super(e)}render(){const{stackPanels:e,lockObject:t,onPropertyChangedObservable:n}=this.props,r=f(e,n);return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(ho,{lockObject:t,controls:e,onPropertyChangedObservable:n,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState}),(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"STACKPANEL",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTE0LjM3LDIyLjcydi0xLjA0aC0yLjA5Yy0xLjA0LDAtMS44OC0uODQtMS44OC0xLjg4di0yLjA5YzAtMS4wNCwuODQtMS44OCwxLjg4LTEuODhoMi4wOXYtMS42N2gtMy43NmMtMS4wNCwwLTEuODgtLjg0LTEuODgtMS44OHYtMi4wOWMwLTEuMDQsLjg0LTEuODgsMS44OC0xLjg4aDMuNzZ2LTEuMDRjMC0uMzUsLjI4LS42MywuNjMtLjYzcy42MywuMjgsLjYzLC42M3YxLjA0aDMuNzZjMS4wNCwwLDEuODgsLjg0LDEuODgsMS44OHYyLjA5YzAsMS4wNC0uODQsMS44OC0xLjg4LDEuODhoLTMuNzZ2MS42N2gyLjA5YzEuMDQsMCwxLjg4LC44NCwxLjg4LDEuODh2Mi4wOWMwLDEuMDQtLjg0LDEuODgtMS44OCwxLjg4aC0yLjA5djEuMDRjMCwuMzUtLjI4LC42My0uNjMsLjYzcy0uNjMtLjI4LS42My0uNjNabTMuMzQtMi4zYy4zNSwwLC42My0uMjgsLjYzLS42M3YtMi4wOWMwLS4zNS0uMjgtLjYzLS42My0uNjNoLTUuNDNjLS4zNSwwLS42MywuMjgtLjYzLC42M3YyLjA5YzAsLjM1LC4yOCwuNjMsLjYzLC42M2g1LjQzWm0xLjY3LTcuNTJjLjM1LDAsLjYzLS4yOCwuNjMtLjYzdi0yLjA5YzAtLjM1LS4yOC0uNjMtLjYzLS42M0gxMC42MmMtLjM1LDAtLjYzLC4yOC0uNjMsLjYzdjIuMDljMCwuMzUsLjI4LC42MywuNjMsLjYzaDguNzdaIi8+PC9zdmc+",label:"Determines if children are stacked horizontally or vertically"}),(0,g.jsx)(ar,{label:r.isVertical?"ALIGNMENT: VERTICAL":"ALIGNMENT: HORIZONTAL",target:r,propertyName:"isVertical",onValueChanged:()=>{for(const t of e)for(const e of t.children)r.isVertical?(e.horizontalAlignment=a.StackPanel.HORIZONTAL_ALIGNMENT_CENTER,e._left.value=0,e._height.unit===a.ValueAndUnit.UNITMODE_PERCENTAGE&&u.ConvertToPixels(e,["height"])):(e.verticalAlignment=a.StackPanel.VERTICAL_ALIGNMENT_CENTER,e._top.value=0,e._width.unit===a.ValueAndUnit.UNITMODE_PERCENTAGE&&u.ConvertToPixels(e,["width"]));this.forceUpdate()}})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTIxLjA1LDExLjQ1djIuMzJjMCwuMzYtLjI5LC42NS0uNjUsLjY1cy0uNjUtLjI5LS42NS0uNjV2LTIuMzJsLS4xOSwuMTljLS4yNSwuMjUtLjY2LC4yNS0uOTIsMC0uMjUtLjI1LS4yNS0uNjYsMC0uOTJsMS4zLTEuM2MuMDYtLjA2LC4xMy0uMTEsLjIxLS4xNCwuMDgtLjAzLC4xNi0uMDUsLjI1LS4wNXMuMTcsLjAyLC4yNSwuMDVjLjA4LC4wMywuMTUsLjA4LC4yMSwuMTRsMS4zLDEuM2MuMjUsLjI1LC4yNSwuNjYsMCwuOTItLjI1LC4yNS0uNjYsLjI1LS45MiwwbC0uMTktLjE5Wm0wLDQuOTJ2Mi4zMmwuMTktLjE5Yy4yNS0uMjUsLjY2LS4yNSwuOTIsMCwuMjUsLjI1LC4yNSwuNjYsMCwuOTJsLTEuMywxLjNjLS4yNSwuMjUtLjY2LC4yNS0uOTIsMGwtMS4zLTEuM2MtLjI1LS4yNS0uMjUtLjY2LDAtLjkyLC4yNS0uMjUsLjY2LS4yNSwuOTIsMGwuMTksLjE5di0yLjMyYzAtLjM2LC4yOS0uNjUsLjY1LS42NXMuNjUsLjI5LC42NSwuNjVaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0xNC41NiwxNC4zMmgtNC4yOGMtMS40NSwwLTIuNjItMS4xOC0yLjYyLTIuNjJ2LTMuNTVjMC0xLjQ1LDEuMTgtMi42MiwyLjYyLTIuNjJoNC4yOGMxLjQ1LDAsMi42MiwxLjE4LDIuNjIsMi42MnYzLjU1YzAsMS40NS0xLjE4LDIuNjItMi42MiwyLjYyWm0tNC4yOC03LjU1Yy0uNzYsMC0xLjM4LC42Mi0xLjM4LDEuMzh2My41NWMwLC43NiwuNjIsMS4zOCwxLjM4LDEuMzhoNC4yOGMuNzYsMCwxLjM4LS42MiwxLjM4LTEuMzh2LTMuNTVjMC0uNzYtLjYyLTEuMzgtMS4zOC0xLjM4aC00LjI4WiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMTQuNTYsMjQuNDhoLTQuMjhjLTEuNDUsMC0yLjYyLTEuMTgtMi42Mi0yLjYydi0zLjU1YzAtMS40NSwxLjE4LTIuNjIsMi42Mi0yLjYyaDQuMjhjMS40NSwwLDIuNjIsMS4xOCwyLjYyLDIuNjJ2My41NWMwLDEuNDUtMS4xOCwyLjYyLTIuNjIsMi42MlptLTQuMjgtNy41NWMtLjc2LDAtMS4zOCwuNjItMS4zOCwxLjM4djMuNTVjMCwuNzYsLjYyLDEuMzgsMS4zOCwxLjM4aDQuMjhjLjc2LDAsMS4zOC0uNjIsMS4zOC0xLjM4di0zLjU1YzAtLjc2LS42Mi0xLjM4LTEuMzgtMS4zOGgtNC4yOFoiLz48L3N2Zz4=",label:"Spacing between children"}),(0,g.jsx)(N,{lockObject:t,label:" ",target:r,propertyName:"spacing",onChange:()=>e.forEach((e=>e._markAsDirty())),unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0})]}),(0,g.jsx)(Yo,{containers:e,onPropertyChangedObservable:n})]})}}const Uo="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTUsNi45NEE4LjA2LDguMDYsMCwxLDEsNi45NCwxNSw4LjA2LDguMDYsMCwwLDEsMTUsNi45NFptMCwxLjIxQTYuODUsNi44NSwwLDEsMCwyMS44NSwxNSw2Ljg0LDYuODQsMCwwLDAsMTUsOC4xNVptMy40Myw2LjI1YS42LjYsMCwxLDEsMCwxLjJIMTEuNTdhLjYuNiwwLDAsMSwwLTEuMloiIHN0eWxlPSJmaWxsOiMzMzMiLz48L3N2Zz4=",Go="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTUsNi44OEE4LjEyLDguMTIsMCwxLDEsNi44OCwxNSw4LjEzLDguMTMsMCwwLDEsMTUsNi44OFpNMTUsOC4xQTYuOSw2LjksMCwxLDAsMjEuOSwxNSw2LjksNi45LDAsMCwwLDE1LDguMVptMi44LDQsLjA3LjA1YS42Mi42MiwwLDAsMSwuMDUuOGwtLjA1LjA3LTIsMiwyLDJhLjYyLjYyLDAsMCwxLC4wNS44bC0uMDUuMDdhLjYyLjYyLDAsMCwxLS44LjA1TDE3LDE3Ljg3bC0yLTItMiwyYS42Mi42MiwwLDAsMS0uOC4wNWwtLjA3LS4wNWEuNjIuNjIsMCwwLDEtLjA1LS44bC4wNS0uMDcsMi0yLTItMmEuNjIuNjIsMCwwLDEtLjA1LS44bC4wNS0uMDdhLjYyLjYyLDAsMCwxLC44LS4wNWwuMDcuMDUsMiwyLDItMkEuNjIuNjIsMCwwLDEsMTcuOCwxMi4wOFoiIHN0eWxlPSJmaWxsOiMzMzMiLz48L3N2Zz4=",Zo="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTQuMjEsNmEuNjIuNjIsMCwwLDAtLjg2LDAsLjYyLjYyLDAsMCwwLDAsLjg3bDEuNCwxLjRhNy45MSw3LjkxLDAsMSwwLDguMTcsNy45MXYwYS41OC41OCwwLDAsMC0uNTktLjU2aDBhLjU5LjU5LDAsMCwwLS41OC42MSw2LjcsNi43LDAsMSwxLTctNi43bC0xLjM5LDEuNGEuNi42LDAsMCwwLDAsLjg2LjYyLjYyLDAsMCwwLC44NiwwbDIuNDQtMi40NGEuNi42LDAsMCwwLDAtLjg2Wm00Ljg3LDcuMzFhLjYuNiwwLDAsMSwwLC44NmwtMy42NSwzLjY2YS42Mi42MiwwLDAsMS0uODYsMEwxMi43NCwxNmEuNjEuNjEsMCwwLDEsLjg2LS44NkwxNSwxNi41N2wzLjIyLTMuMjJBLjYuNiwwLDAsMSwxOS4wOCwxMy4zNVoiIHN0eWxlPSJmaWxsOiMzMzMiLz48L3N2Zz4=";class _o extends t.Component{constructor(e){super(e),this._previousGrid=null,this._rowDefinitions=[],this._rowEditFlags=[],this._columnEditFlags=[],this._columnDefinitions=[],this._editedRow=!1,this._editedColumn=!1,this._rowChild=!1,this._columnChild=!1,this.state={removingColumn:!1,removingRow:!1}}renderRows(){return this._rowDefinitions.map(((e,t)=>(0,g.jsx)("div",{className:this.state.removingRow&&t===this._rowEditFlags.length-1?"ge-grid-remove":this._rowEditFlags[t]?"ge-grid-edit":"ge-grid",children:(0,g.jsxs)("div",{className:"ge-grid-divider",children:[(0,g.jsx)(D,{lockObject:this.props.lockObject,label:"",icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJpY29ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMzMzM7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTcuNzQsMTMuMThjMC0xLC44MS0xLjgyLDEuODItMS44MmgxMC44OWMxLDAsMS44Mi44MSwxLjgyLDEuODJ2My42M2MwLDEtLjgxLDEuODItMS44MiwxLjgyaC0xMC44OWMtMSwwLTEuODItLjgxLTEuODItMS44MnYtMy42M1ptMS44Mi0uNjFjLS4zMywwLS42MS4yNy0uNjEuNjF2My42M2MwLC4zMy4yNy42MS42MS42MWgyLjYydi00Ljg0aC0yLjYyWm03LjA2LDQuODR2LTQuODRoLTMuMjN2NC44NGgzLjIzWm0xLjIxLDBoMi42MmMuMzMsMCwuNjEtLjI3LjYxLS42MXYtMy42M2MwLS4zMy0uMjctLjYxLS42MS0uNjFoLTIuNjJ2NC44NFoiLz48L3N2Zz4=",iconLabel:`Row ${t}`,value:e,numbersOnly:!0,onChange:e=>{e!==this._rowDefinitions[t]&&(this._rowDefinitions[t]=e,this._rowEditFlags[t]=!0,this._editedRow=!0,this._rowChild=!1,this.setState({removingRow:!1}))},disabled:this.state.removingRow},`rText${t}-${this.state.removingRow}`),(0,g.jsx)(C,{tooltip:"",label:`[${t}]`,value:"",color:"grey"}),this.state.removingRow&&t===this._rowEditFlags.length-1&&(0,g.jsx)(C,{icon:Fr,label:" ",value:" ",color:"grey"}),this._rowEditFlags[t]&&(0,g.jsx)(C,{icon:Zo,label:" ",value:" ",color:"grey"})]})},`r${t}`)))}setRowValues(){const e=this.props.grids[0];this._rowDefinitions=[],this._rowEditFlags=[],this._editedRow=!1;for(let t=0;t<e.rowCount;t++){const n=e.getRowDefinition(t);n&&(this._rowDefinitions.push(n.toString(e._host,2)),this._rowEditFlags.push(!1))}}setColumnValues(){const e=this.props.grids[0];this._columnDefinitions=[],this._columnEditFlags=[],this._editedColumn=!1;for(let t=0;t<e.columnCount;t++){const n=e.getColumnDefinition(t);n&&(this._columnDefinitions.push(n.toString(e._host,2)),this._columnEditFlags.push(!1))}}renderColumns(){return this._columnDefinitions.map(((e,t)=>(0,g.jsx)("div",{className:this.state.removingColumn&&t===this._columnEditFlags.length-1?"ge-grid-remove":this._columnEditFlags[t]?"ge-grid-edit":"ge-grid",children:(0,g.jsxs)("div",{className:"ge-grid-divider",children:[(0,g.jsx)(D,{lockObject:this.props.lockObject,label:"",icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJpY29ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMzMzM7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTEyLjU3LDE3LjgzdjIuNjNjMCwuMzQuMjcuNjEuNjEuNjFoMy42NGMuMzQsMCwuNjEtLjI3LjYxLS42MXYtMi42M2gtNC44NlptNC4yNS0xMC4xMmMxLjAxLDAsMS44Mi44MiwxLjgyLDEuODJ2MTAuOTNjMCwxLjAxLS44MiwxLjgyLTEuODIsMS44MmgtMy42NGMtMS4wMSwwLTEuODItLjgyLTEuODItMS44MnYtMTAuOTNjMC0xLjAxLjgyLTEuODIsMS44Mi0xLjgyaDMuNjRabS42MSwxLjgyYzAtLjM0LS4yNy0uNjEtLjYxLS42MWgtMy42NGMtLjM0LDAtLjYxLjI3LS42MS42MXYyLjYzaDQuODZ2LTIuNjNabS00Ljg2LDcuMDhoNC44NnYtMy4yNGgtNC44NnYzLjI0WiIvPjwvc3ZnPg==",iconLabel:`Column ${t}`,value:e,numbersOnly:!0,onChange:e=>{e!==this._columnDefinitions[t]&&(this._columnDefinitions[t]=e,this._columnEditFlags[t]=!0,this._editedColumn=!0,this._columnChild=!1,this.setState({removingColumn:!1}))},disabled:this.state.removingColumn},`ctext${t}-${this.state.removingColumn}`),(0,g.jsx)(C,{tooltip:"",label:`[${t}]`,value:"",color:"grey"}),this.state.removingColumn&&t===this._columnEditFlags.length-1&&(0,g.jsx)(C,{icon:Fr,label:" ",value:" ",color:"grey"}),this._columnEditFlags[t]&&(0,g.jsx)(C,{icon:Zo,label:" ",value:" ",color:"grey"})]})},`c${t}`)))}parsePercentage(e){let t;return t="%"===e.trim().at(-1)?parseFloat(e.replace("%",""))/100:parseFloat(e),a.MathTools.Round(t,1e4)}isCloseTo(e,t,n=.001){return Math.abs(e-t)<n}adjustPercentages(e,t){let n=0,r=0;const o=[];for(let i=0;i<e.length;++i){let s=e[i];const a=this.checkPercentage(s);t[i]&&(s=this.checkValue(s,a)),a&&(n+=this.parsePercentage(s),t[i]&&(r+=this.parsePercentage(s))),o.push(s)}let i=[];if(this.isCloseTo(n,1))i=o;else{const e=1-r,s=Math.abs(e),a=n-r,l=this.isCloseTo(a,0);for(let e=0;e<o.length;++e){const r=o[e];if(this.checkPercentage(r)&&!t[e]||t[e]&&l){const e=this.parsePercentage(r)/(l?n:a)*(l?1:s);i.push(100*e+"%")}else i.push(r)}}return i}resizeRow(){const e=this.props.grids[0],t=this.adjustPercentages(this._rowDefinitions,this._rowEditFlags);for(let n=0;n<t.length;++n)e.setRowDefinition(n,this.parsePercentage(t[n]),!this.checkPercentage(t[n]));this.setRowValues()}resizeColumn(){const e=this.props.grids[0],t=this.adjustPercentages(this._columnDefinitions,this._columnEditFlags);for(let n=0;n<t.length;++n)e.setColumnDefinition(n,this.parsePercentage(t[n]),!this.checkPercentage(this._columnDefinitions[n]));this.setColumnValues()}checkValue(e,t){let n=e.match(/([0-9.,]+)/g)?.[0];return n||(n="0"),n+=t?"%":"px",n}checkPercentage(e){return"px"!==e.substring(e.length-2,e.length)}resetValues(){const e=this.props.grids[0];this._columnChild=!1,this._rowChild=!1,this._previousGrid=e,this.setRowValues(),this.setColumnValues(),this.resizeColumn(),this.resizeRow(),this.setState({removingColumn:!1,removingRow:!1})}render(){const e=this.props.grids,t=this.props.grids[0];return t!==this._previousGrid&&this.resetValues(),(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(ho,{lockObject:this.props.lockObject,controls:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState}),(0,g.jsx)("hr",{className:"ge"}),(0,g.jsx)(C,{tooltip:"",label:"GRID",value:" ",color:"grey"}),this.renderRows(),1===this.props.grids.length&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("div",{className:"ge-gridLine",children:(0,g.jsxs)("div",{className:"ge-grid-button-divider",children:[(0,g.jsx)(I,{altStyle:!0,tooltip:"Add Row",icon:lo,shortcut:"",isActive:!1,disabled:this.state.removingRow||this._editedRow,onClick:()=>{let e=0,n=0;for(let r=0;r<t.rowCount;++r){const o=t.getRowDefinition(r);o?.isPercentage&&(e+=o?.getValue(t.host),n++)}t.addRowDefinition(e/n,!1),this.resetValues(),this.forceUpdate()}})," ",(0,g.jsx)(I,{altStyle:!0,tooltip:"Remove Row",icon:Uo,shortcut:"",isActive:!1,disabled:this.state.removingRow||t.rowCount<=1||this._editedRow,onClick:()=>{let e=!1;for(let n=0;n<t.columnCount;++n){const r=t.cells[t.rowCount-1+":"+n];if(r?.children.length){e=!0;break}}this.resetValues(),e&&(this._rowChild=!0),this.setState({removingRow:!0})}}),this._editedRow&&(0,g.jsxs)(g.Fragment,{children:[" ",(0,g.jsx)(I,{altStyle:!0,tooltip:"Confirm",icon:Qr,shortcut:"",isActive:!1,onClick:()=>{this.resizeRow(),this.forceUpdate()}}),(0,g.jsx)(I,{altStyle:!0,tooltip:"Cancel",icon:Go,shortcut:"",isActive:!1,onClick:()=>{this.resetValues(),this.forceUpdate()}})]}),this.state.removingRow&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(I,{altStyle:!0,tooltip:"Confirm",icon:Qr,shortcut:"",isActive:!1,onClick:()=>{t.removeRowDefinition(t.rowCount-1),this.setRowValues(),this.resizeRow(),this.setState({removingRow:!1}),this._rowChild=!1,this.props.onUpdateRequiredObservable?.notifyObservers()}}),(0,g.jsx)(I,{altStyle:!0,tooltip:"Cancel",icon:Go,shortcut:"",isActive:!1,onClick:()=>{this.setState({removingRow:!1}),this._rowChild=!1,this.forceUpdate()}})]})]})}),this._rowChild&&(0,g.jsx)(g.Fragment,{children:(0,g.jsx)(C,{tooltip:"",label:"This row is not empty. Removing it will delete all contained controls. Do you want to remove this row and delete all controls within?",value:" ",color:"grey"})}),(0,g.jsx)("hr",{className:"ge"}),this.renderColumns(),(0,g.jsxs)("div",{className:"ge-grid-button-divider",children:[(0,g.jsx)(I,{altStyle:!0,tooltip:"Add Column",icon:lo,shortcut:"",isActive:!1,disabled:this.state.removingColumn||this._editedColumn,onClick:()=>{let e=0,n=0;for(let r=0;r<t.columnCount;++r){const o=t.getColumnDefinition(r);o?.isPercentage&&(e+=o?.getValue(t.host),n++)}t.addColumnDefinition(e/n,!1),this.resetValues(),this.forceUpdate()}}),(0,g.jsx)(I,{altStyle:!0,tooltip:"Remove Column",icon:Uo,shortcut:"",isActive:!1,disabled:this.state.removingColumn||this._editedColumn||t.columnCount<=1,onClick:()=>{let e=!1;for(let n=0;n<t.rowCount;++n){const r=t.cells[n+":"+(t.columnCount-1)];if(r?.children.length){e=!0;break}}this.resetValues(),e&&(this._columnChild=!0),this.setState({removingColumn:!0})}}),this._editedColumn&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(I,{altStyle:!0,tooltip:"Confirm",icon:Qr,shortcut:"",isActive:!1,onClick:()=>{this.resizeColumn(),this.forceUpdate()}}),(0,g.jsx)(I,{altStyle:!0,tooltip:"Cancel",icon:Go,shortcut:"",isActive:!1,onClick:()=>{this.resetValues(),this.forceUpdate()}})]}),this.state.removingColumn&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(I,{altStyle:!0,tooltip:"Confirm",icon:Qr,shortcut:"",isActive:!1,onClick:()=>{t.removeColumnDefinition(t.columnCount-1),this.setColumnValues(),this.resizeColumn(),this.setState({removingColumn:!1}),this._columnChild=!1,this.props.onUpdateRequiredObservable?.notifyObservers()}}),(0,g.jsx)(I,{altStyle:!0,tooltip:"Cancel",icon:Go,shortcut:"",isActive:!1,onClick:()=>{this.setState({removingColumn:!1}),this._columnChild=!1}})]})," "]}),this._columnChild&&(0,g.jsx)(g.Fragment,{children:(0,g.jsx)(C,{tooltip:"",label:"This column is not empty. Removing it will delete all contained controls. Do you want to remove this column and delete all controls within?",value:" ",color:"grey"})})]})]})}}class Wo extends t.Component{constructor(e){super(e)}render(){const{scrollViewers:e,onPropertyChangedObservable:t,lockObject:n}=this.props,r=f(e,t);return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(ho,{lockObject:n,controls:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState}),(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"SCROLLVIEWER",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojMzMzO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTE0LjIyLDkuNTZ2MS4xM2MwLC40MywuMzUsLjc4LC43OCwuNzhzLjc4LS4zNSwuNzgtLjc4di0xLjEzYzMuMDUsLjM2LDUuNDcsMi43OCw1LjgzLDUuODNoLTEuMTNjLS40MywwLS43OCwuMzUtLjc4LC43OHMuMzUsLjc4LC43OCwuNzhoMS4xM2MtLjE3LDEuNDItLjgyLDIuNy0xLjc1LDMuNzEtLjIyLC4yNC0uMjEsLjYxLC4wMywuODMsLjI0LC4yMiwuNjEsLjIxLC44My0uMDMsMS4yOS0xLjM5LDIuMTEtMy4yMywyLjExLTUuMjksMC00LjMzLTMuNTEtNy44My03LjgzLTcuODNzLTcuODMsMy41MS03LjgzLDcuODNjMCwyLjA2LC44MywzLjkxLDIuMTEsNS4yOSwuMjIsLjI0LC41OSwuMjUsLjgzLC4wMywuMjQtLjIyLC4yNS0uNTksLjAzLS44My0uOTQtMS4wMS0xLjU4LTIuMjktMS43NS0zLjcxaDEuMTNjLjQzLDAsLjc4LS4zNSwuNzgtLjc4cy0uMzUtLjc4LS43OC0uNzhoLTEuMTNjLjE1LTEuMjUsLjY0LTIuNCwxLjM4LTMuMzRsLjc2LC43NmMuMzEsLjMxLC44LC4zMSwxLjExLDAsLjMxLS4zMSwuMzEtLjgsMC0xLjExbC0uNzYtLjc2Yy45NC0uNzQsMi4wOS0xLjI0LDMuMzQtMS4zOFptNC41MSwyLjQxYy0uMTktLjE0LS40NS0uMTQtLjYzLC4wMWwtLjE3LC4xNGMtLjExLC4wOS0uMjYsLjIyLS40NSwuMzgtLjM3LC4zMi0uODgsLjc0LTEuMzksMS4xOC0uNTEsLjQ0LTEuMDQsLjg5LTEuNDYsMS4yNi0uMjEsLjE5LS4zOSwuMzUtLjU0LC40OS0uMTMsLjEzLS4yNiwuMjUtLjMzLC4zMy0uNTEsLjYzLS40LDEuNTUsLjI0LDIuMDUsLjY1LC41LDEuNTksLjM5LDIuMS0uMjQsLjA3LS4wOCwuMTYtLjIzLC4yNS0uMzksLjEtLjE3LC4yMi0uMzgsLjM2LS42MywuMjctLjQ4LC42LTEuMDksLjkyLTEuNjgsLjMyLS41OSwuNjMtMS4xNywuODUtMS42LC4xMS0uMjEsLjIxLS4zOSwuMjctLjUybC4xLS4xOWMuMTEtLjIxLC4wNS0uNDYtLjEzLS42WiIvPjwvc3ZnPg==",label:"Wheel Precision"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"",target:r,propertyName:"wheelPrecision",arrows:!0,min:0,digits:2})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:wo,label:"Bar Size"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"",target:r,propertyName:"barSize",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0,digits:2})]}),(0,g.jsxs)("div",{className:"e-divider",children:[(0,g.jsx)(kr,{icon:io,label:"Bar Color"}),(0,g.jsx)(Tr,{lockObject:this.props.lockObject,label:"",target:r,propertyName:"barColor"})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:so,label:"Bar Background Color"}),(0,g.jsx)(Tr,{lockObject:this.props.lockObject,label:"",target:r,propertyName:"barBackground"})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:jo,label:"Stroke Weight"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"",target:r,propertyName:"thickness",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0,digits:2})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:Po,label:"Corner Radius"}),(0,g.jsx)(N,{lockObject:n,label:"",target:f(e,t),propertyName:"cornerRadius",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0,digits:2})]})]})}}class Ho extends t.Component{constructor(e){super(e)}render(){const{ellipses:e,onPropertyChangedObservable:t,lockObject:n}=this.props,r=f(e,t);return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(ho,{lockObject:n,controls:e,onPropertyChangedObservable:t,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState}),(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"ELLIPSE",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:jo,label:"Stroke Weight"}),(0,g.jsx)(N,{lockObject:n,label:"",target:r,propertyName:"thickness",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0,digits:2})]}),(0,g.jsx)(Yo,{containers:e,onPropertyChangedObservable:t})]})}}class Qo extends t.Component{constructor(e){super(e)}render(){const e=this.props.checkboxes;return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(ho,{lockObject:this.props.lockObject,controls:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState}),(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"CHECKBOX",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:to,label:"Check Size Ratio"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:" ",target:f(e,this.props.onPropertyChangedObservable),propertyName:"checkSizeRatio",min:0,max:1,arrows:!0,step:"0.01",digits:2})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:yo,label:"Is Checkbox Checked"}),(0,g.jsx)(ar,{label:"CHECKED",target:f(e,this.props.onPropertyChangedObservable),propertyName:"isChecked",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:jo,label:"Thickness"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,target:f(e,this.props.onPropertyChangedObservable),propertyName:"thickness",label:"",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0,digits:2})]})]})}}class Fo extends t.Component{constructor(e){super(e)}render(){const e=this.props.controls;return(0,g.jsx)("div",{className:"pane",children:(0,g.jsx)(ho,{lockObject:this.props.lockObject,controls:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState})})}}class Vo extends t.Component{constructor(e){super(e)}updateGridPosition(){const e=this.props.control.parent;e&&this._changeCell(e,this.props.control,new r.Vector2(this._rowNumber,this._columnNumber))}getCellInfo(){const e=po.GetCellInfo(this.props.control.parent,this.props.control);this._rowNumber=e.x,this._columnNumber=e.y}_changeCell(e,t,n){const r=e.children.indexOf(t);e.removeControl(t),po.ReorderGrid(e,r,t,n)}render(){return this.getCellInfo(),(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)("hr",{className:"ge"}),(0,g.jsx)(C,{tooltip:"",label:"GRID PARENTING",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"Row #",target:this,propertyName:"_rowNumber",isInteger:!0,min:0,onChange:()=>{this.updateGridPosition()}}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"Column #",target:this,propertyName:"_columnNumber",isInteger:!0,min:0,onChange:()=>{this.updateGridPosition()}})]})]})}}class Jo extends t.Component{constructor(e){super(e)}render(){const{displayGrids:e,lockObject:t,onPropertyChangedObservable:n}=this.props,r=f(e,n);return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(ho,{lockObject:t,controls:e,onPropertyChangedObservable:n,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState}),(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"DISPLAY GRID",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:to,label:"Cell Size"}),(0,g.jsx)(N,{min:1,isInteger:!0,lockObject:t,label:"W",target:r,propertyName:"cellWidth",onPropertyChangedObservable:n,unit:(0,g.jsx)(uo,{locked:!0,unit:"PX"}),arrows:!0}),(0,g.jsx)(N,{min:1,isInteger:!0,lockObject:t,label:"H",target:r,propertyName:"cellHeight",onPropertyChangedObservable:n,unit:(0,g.jsx)(uo,{locked:!0,unit:"PX"}),arrows:!0})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGRlZnM+PHN0eWxlPi5ie2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImIiIGQ9Ik03LjczLDkuOTVjMC0xLjIzLC45OS0yLjIyLDIuMjItMi4yMmgxMC4wOWMxLjIzLDAsMi4yMiwuOTksMi4yMiwyLjIydjEwLjA5YzAsMS4yMy0uOTksMi4yMi0yLjIyLDIuMjJIOS45NWMtMS4yMywwLTIuMjItLjk5LTIuMjItMi4yMlY5Ljk1Wm0yLjIyLTEuMDFjLS41NiwwLTEuMDEsLjQ1LTEuMDEsMS4wMXYxMC4wOWMwLC41NiwuNDUsMS4wMSwxLjAxLDEuMDFoMTAuMDljLjU2LDAsMS4wMS0uNDUsMS4wMS0xLjAxVjkuOTVjMC0uNTYtLjQ1LTEuMDEtMS4wMS0xLjAxSDkuOTVaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0xNS44NCwxMS45MnY2LjU0YzAsLjMtLjIzLC41My0uNTMsLjUzcy0uNTMtLjIzLS41My0uNTN2LTUuODhsLTEuMDcsLjQyYy0uMDksLjAzLS4yLC4wNy0uMjgsLjA3LS4yNiwwLS40Ny0uMjEtLjQ3LS40NywwLS4xNSwuMDctLjM1LC4zMy0uNDZsMS42NC0uNjZjLjA5LS4wMiwuMjItLjEsLjM3LS4xLC4zMSwwLC41MywuMjMsLjUzLC41NVoiLz48L3N2Zz4=",label:"Show Minor Lines"}),(0,g.jsx)(ar,{label:"SHOW MINOR LINES",onValueChanged:()=>this.forceUpdate(),target:r,propertyName:"_displayMinorLines"})]}),r._displayMinorLines&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:jo,label:"Minor Line Tickness"}),(0,g.jsx)(N,{min:1,isInteger:!0,lockObject:t,label:"",target:r,propertyName:"minorLineTickness",onPropertyChangedObservable:n,unit:(0,g.jsx)(uo,{locked:!0,unit:"PX"}),arrows:!0})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:io,label:"Minor Line Color"}),(0,g.jsx)(Tr,{lockObject:t,label:"",target:r,propertyName:"minorLineColor",onPropertyChangedObservable:n})]})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGRlZnM+PHN0eWxlPi5ie2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImIiIGQ9Ik03LjczLDkuOTVjMC0xLjIzLC45OS0yLjIyLDIuMjItMi4yMmgxMC4wOWMxLjIzLDAsMi4yMiwuOTksMi4yMiwyLjIydjEwLjA5YzAsMS4yMy0uOTksMi4yMi0yLjIyLDIuMjJIOS45NWMtMS4yMywwLTIuMjItLjk5LTIuMjItMi4yMlY5Ljk1Wm0yLjIyLTEuMDFjLS41NiwwLTEuMDEsLjQ1LTEuMDEsMS4wMXYxMC4wOWMwLC41NiwuNDUsMS4wMSwxLjAxLDEuMDFoMTAuMDljLjU2LDAsMS4wMS0uNDUsMS4wMS0xLjAxVjkuOTVjMC0uNTYtLjQ1LTEuMDEtMS4wMS0xLjAxSDkuOTVaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0xNy42MywxOC40NGMwLC4zMS0uMjMsLjUxLS41MiwuNTFoLTMuOTNjLS4zMiwwLS41NS0uMjEtLjU1LS41NSwwLS4yMywuMDktLjQxLC4zMS0uNjRsMi4yNS0yLjM0Yy41OC0uNTksLjk0LTEuMiwuOTQtMS44NiwwLS43LS41MS0xLjE3LTEuMi0xLjE3LS42MywwLTEuMDIsLjM0LTEuMjksLjY5LS4xLC4xMi0uMjIsLjI0LS40NSwuMjQtLjI4LDAtLjUtLjE4LS41MS0uNDUsMC0uMTUsLjA1LS4zLC4xMy0uNDIsLjMzLS41NywxLjA4LTEuMTEsMi4xNi0xLjExLDEuNDMsMCwyLjI4LC45NSwyLjI4LDIuMTcsMCwuODYtLjQsMS42Mi0xLjIxLDIuNDZsLTEuODgsMS45NmgyLjk1Yy4yOSwwLC41MiwuMiwuNTIsLjUxWiIvPjwvc3ZnPg==",label:"Show Major Lines"}),(0,g.jsx)(ar,{label:"SHOW MAJOR LINES",onValueChanged:()=>this.forceUpdate(),target:r,propertyName:"_displayMajorLines"})]}),r._displayMajorLines&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:jo,label:"Major Line Tickness"}),(0,g.jsx)(N,{min:1,isInteger:!0,lockObject:t,label:"",target:r,propertyName:"majorLineTickness",onPropertyChangedObservable:n,unit:(0,g.jsx)(uo,{locked:!0,unit:"PX"}),arrows:!0})]}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(kr,{icon:io,label:"Major Line Color"}),(0,g.jsx)(Tr,{lockObject:t,label:"",target:r,propertyName:"majorLineColor",onPropertyChangedObservable:n})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGRlZnM+PHN0eWxlPi5ie2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImIiIGQ9Ik05LjU2LDIwLjQxYzAsLjMzLC4yNywuNjEsLjYxLC42MXMuNjEtLjI3LC42MS0uNjFWOC42MmMwLS4zMy0uMjctLjYxLS42MS0uNjFzLS42MSwuMjctLjYxLC42MXYxMS43OVoiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTYuMzQsMTcuNTNjMCwuMzMsLjI3LC42MSwuNjEsLjYxcy42MS0uMjcsLjYxLS42MXYtMy45YzAtLjMzLS4yNy0uNjEtLjYxLS42MXMtLjYxLC4yNy0uNjEsLjYxdjMuOVoiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTIyLjQ0LDE3LjUzYzAsLjMzLC4yNywuNjEsLjYxLC42MXMuNjEtLjI3LC42MS0uNjF2LTMuOWMwLS4zMy0uMjctLjYxLS42MS0uNjFzLS42MSwuMjctLjYxLC42MXYzLjlaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0xMi43OCwxOC4wMWMwLC4zMywuMjcsLjYxLC42MSwuNjFzLjYxLS4yNywuNjEtLjYxVjYuMjJjMC0uMzMtLjI3LS42MS0uNjEtLjYxcy0uNjEsLjI3LS42MSwuNjF2MTEuNzlaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0xNiwyMy43OGMwLC4zMywuMjcsLjYxLC42MSwuNjFzLjYxLS4yNywuNjEtLjYxVjExLjk5YzAtLjMzLS4yNy0uNjEtLjYxLS42MXMtLjYxLC4yNy0uNjEsLjYxdjExLjc5WiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMTkuMjIsMjEuMzhjMCwuMzMsLjI3LC42MSwuNjEsLjYxcy42MS0uMjcsLjYxLS42MVY5LjU5YzAtLjMzLS4yNy0uNjEtLjYxLS42MXMtLjYxLC4yNy0uNjEsLjYxdjExLjc5WiIvPjwvc3ZnPg==",label:"Major Line Frequency"}),(0,g.jsx)(N,{min:1,isInteger:!0,lockObject:t,label:"",target:r,propertyName:"majorLineFrequency",onPropertyChangedObservable:n,arrows:!0})]})]})]})}}class Xo extends t.Component{constructor(e){super(e)}render(){const{rectangles:e,lockObject:t,onPropertyChangedObservable:n,onAddComponent:r}=this.props,o=f(e,n);return(0,g.jsxs)("div",{className:"pane",children:[(0,g.jsx)(ho,{lockObject:t,controls:e,onPropertyChangedObservable:n,onFontsParsedObservable:this.props.onFontsParsedObservable,globalState:this.props.globalState}),(0,g.jsx)("hr",{}),(0,g.jsx)(C,{label:"BUTTON",value:" ",color:"grey"}),(0,g.jsxs)("div",{className:"ge-divider",children:[(0,g.jsx)(I,{tooltip:"Add TextBlock",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTguMjMsMTQuNTdhNC40OCw0LjQ4LDAsMSwxLTQuNDcsNC40OEE0LjQ4LDQuNDgsMCwwLDEsMTguMjMsMTQuNTdabTAsMS42M2gtLjA3YS40LjQsMCwwLDAtLjMzLjMydjIuMTFIMTUuNzFhLjQxLjQxLDAsMCwwLS4zMi4zMnYuMTVhLjQyLjQyLDAsMCwwLC4zMi4zM2gyLjExdjIuMTFhLjQuNCwwLDAsMCwuMzMuMzNoLjE0YS40LjQsMCwwLDAsLjMzLS4zM1YxOS40NWgyLjExYS40Mi40MiwwLDAsMCwuMzItLjMzVjE5YS40MS40MSwwLDAsMC0uMzItLjMySDE4LjY0VjE2LjUzYS40LjQsMCwwLDAtLjMzLS4zMlptLTUuNDcsMi44NWE1LjQ0LDUuNDQsMCwwLDEsLjgyLTIuODhWNy43aDMuODV2MWEuNjEuNjEsMCwwLDAsMS4yMiwwVjcuMDlBLjYxLjYxLDAsMCwwLDE4LDYuNDhINy45MWEuNjEuNjEsMCwwLDAtLjYxLjYxVjguNzFhLjYxLjYxLDAsMSwwLDEuMjEsMHYtMWgzLjg1VjE4LjI0SDExLjE1YS42MS42MSwwLDEsMCwwLDEuMjFoMS42M0MxMi43NywxOS4zMiwxMi43NiwxOS4xOCwxMi43NiwxOS4wNVoiIHN0eWxlPSJmaWxsOiMzMzMiLz48L3N2Zz4=",shortcut:"",isActive:!1,onClick:()=>{r("Text")}}),(0,g.jsx)(I,{tooltip:"Add Image",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTguNzQsMTUuNDNhNC40Nyw0LjQ3LDAsMSwxLTQuNDgsNC40N0E0LjQ3LDQuNDcsMCwwLDEsMTguNzQsMTUuNDNabTAsMS42MmgtLjA4YS40MS40MSwwLDAsMC0uMzIuMzJ2Mi4xMUgxNi4yMmEuNDEuNDEsMCwwLDAtLjMyLjMyVjIwYS40LjQsMCwwLDAsLjMyLjMzaDIuMTF2Mi4xMWEuNC40LDAsMCwwLC4zMy4zM2guMTRhLjQuNCwwLDAsMCwuMzMtLjMzVjIwLjNoMi4xMWEuNC40LDAsMCwwLC4zMy0uMzN2LS4xNWEuNC40LDAsMCwwLS4zMy0uMzJIMTkuMTRWMTcuMzhhLjQuNCwwLDAsMC0uMzMtLjMyWm0tMi04LjU3YTEuODQsMS44NCwwLDEsMCwxLjg0LDEuODRBMS44MywxLjgzLDAsMCwwLDE2Ljc3LDguNDhabTAsMi40NWEuNjEuNjEsMCwwLDEtLjYxLS42MS42Mi42MiwwLDEsMSwxLjIzLDBBLjYxLjYxLDAsMCwxLDE2Ljc3LDEwLjkzWm0tMy41MSw5YTUuNDQsNS40NCwwLDAsMSwuMDctLjgySDkuNDRBMS4yOCwxLjI4LDAsMCwxLDksMTlsNC44LTQuNjlhLjYyLjYyLDAsMCwxLC43OS4wNmwxLjA3LDEuMDVhNS4zNiw1LjM2LDAsMCwxLDEuMTMtLjYxbC0xLjM0LTEuMzEtLjExLS4xYTEuODMsMS44MywwLDAsMC0yLjQ2LjFMOC4xLDE4LjEzQTEuMjgsMS4yOCwwLDAsMSw4LDE3LjY1VjguMjhBMS40MywxLjQzLDAsMCwxLDkuNDQsNi44NWg5LjM3YTEuNDMsMS40MywwLDAsMSwxLjQzLDEuNDN2Ni4zNmE1LjI3LDUuMjcsMCwwLDEsMS4yMi41MlY4LjI4YTIuNjUsMi42NSwwLDAsMC0yLjY1LTIuNjVIOS40NEEyLjY1LDIuNjUsMCwwLDAsNi43OSw4LjI4djkuMzdBMi42NSwyLjY1LDAsMCwwLDkuNDQsMjAuM2gzLjg1QzEzLjI4LDIwLjE3LDEzLjI2LDIwLDEzLjI2LDE5LjlaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+",shortcut:"",isActive:!1,onClick:()=>{r("ButtonImage")}})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:jo,label:"Stroke Weight"}),(0,g.jsx)(N,{lockObject:this.props.lockObject,label:"",target:o,propertyName:"thickness",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),min:0,digits:2})]}),(0,g.jsxs)("div",{className:"ge-divider double",children:[(0,g.jsx)(kr,{icon:Po,label:"Corner Radius"}),(0,g.jsx)(N,{lockObject:t,label:"",target:o,propertyName:"cornerRadius",unit:(0,g.jsx)(uo,{unit:"PX",locked:!0}),arrows:!0,min:0,digits:2})]}),(0,g.jsx)(Yo,{containers:e,onPropertyChangedObservable:n})]})}}class qo{static CreateControlFromString(e){let t;switch(e){case"Slider":return t=new a.Slider("Slider"),t.isPointerBlocker=!0,t.width="120px",t.height="30px",t;case"Checkbox":return t=new a.Checkbox("Checkbox"),t.width="20px",t.height="20px",t.color="#cccccc",t;case"ColorPicker":return t=new a.ColorPicker("ColorPicker"),t.isPointerBlocker=!0,t.width="10%",t.height="10%",t;case"Ellipse":return t=new a.Ellipse("Ellipse"),t.color="#000000",t.background="#cccccc",t.isPointerBlocker=!0,t.thickness=1,t;case"Rectangle":return t=new a.Rectangle("Rectangle"),t.color="#000000",t.background="#cccccc",t.isPointerBlocker=!0,t.thickness=1,t;case"Line":return t=new a.Line("Line"),t.x1=0,t.y1=1024,t.y2=512,t.x2=512,t.lineWidth=2,t.isPointerBlocker=!0,t.isHitTestVisible=!0,t.color="#000000",t;case"TextBlock":return t=new a.TextBlock("Textblock"),t.text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sed.",t.color="#000000",t.fontSize=20,t.resizeToFit=!0,t.isPointerBlocker=!0,t;case"ImageButton":return t=a.Button.CreateImageButton("Button","Click Me",qo.ImageControlDefaultUrl),t.background="#333333",t.color="#ffffff",t.isPointerBlocker=!0,t.width="120px",t.height="40px",t;case"VirtualKeyboard":return t=a.VirtualKeyboard.CreateDefaultLayout("VirtualKeyboard"),t.addKeysRow(["1","2","3","←"]),t;case"Image":return t=new a.Image("Image",qo.ImageControlDefaultUrl),t.width="512px",t.height="512px",t.autoScale=!0,t.color="transparent",t.isPointerBlocker=!0,t;case"ButtonImage":return t=new a.Image("Image",qo.ImageControlDefaultUrl),t.width="100%",t.height="100%",t.color="transparent",t.isPointerBlocker=!0,t;case"InputText":return t=new a.InputText("InputText"),t.maxWidth=.6,t.text="Input Text",t.background="#333333",t.color="#ffffff",t.isPointerBlocker=!0,t.width="160px",t.height="40px",t;case"InputPassword":return t=new a.InputPassword("InputPassword"),t.maxWidth=.6,t.text="Password",t.background="#333333",t.color="#ffffff",t.isPointerBlocker=!0,t.width="160px",t.height="40px",t;case"Grid":return t=new a.Grid("Grid"),t.addColumnDefinition(1,!1),t.addRowDefinition(1,!1),t.isPointerBlocker=!0,t;case"DisplayGrid":return t=new a.DisplayGrid("DisplayGrid"),t;case"StackPanel":return t=new a.StackPanel("StackPanel"),t.width="100%",t.height="100%",t;case"ScrollViewer":return t=new a.ScrollViewer("ScrollViewer"),t.width=.4,t.height=.4,t.background="#CCCCCC",t;case"ImageBasedSlider":return t=new a.ImageBasedSlider("ImageBasedSlider"),t.isPointerBlocker=!0,t.width="120px",t.height="30px",t.isThumbClamped=!0,t.displayThumb=!0,t.backgroundImage=new a.Image("Image","https://playground.babylonjs.com/textures/gui/backgroundImage.png"),t.valueBarImage=new a.Image("Image","https://playground.babylonjs.com/textures/gui/valueImage.png"),t.thumbImage=new a.Image("Image","https://playground.babylonjs.com/textures/gui/thumb.png"),t;case"RadioButton":return t=new a.RadioButton("RadioButton"),t.isPointerBlocker=!0,t.width="20px",t.height="20px",t.color="#CCCCCC",t.background="#333333",t;case"Button":return t=a.Button.CreateSimpleButton("Button","Click Me"),t.background="#333333",t.color="#ffffff",t.isPointerBlocker=!0,t.width="120px",t.height="40px",t;default:throw"Error: control type not recognized"}}}qo.ImageControlDefaultUrl="https://assets.babylonjs.com/textures/Checker_albedo.png";var Ko=o(788),$o={};$o.styleTagTransform=Nr(),$o.setAttributes=jr(),$o.insert=mr().bind(null,"head"),$o.domAPI=hr(),$o.insertStyleElement=yr(),Lr()(Ko.A,$o),Ko.A&&Ko.A.locals&&Ko.A.locals;const ei=[{className:"Rectangle",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTAuMywxNi4zNmEzLjY0LDMuNjQsMCwwLDEsMy42NC0zLjY0SDI2LjA2YTMuNjQsMy42NCwwLDAsMSwzLjY0LDMuNjR2Ny4yOGEzLjY0LDMuNjQsMCwwLDEtMy42NCwzLjY0SDEzLjk0YTMuNjQsMy42NCwwLDAsMS0zLjY0LTMuNjRabTMuNjQtMi40MmEyLjQyLDIuNDIsMCwwLDAtMi40MywyLjQydjcuMjhhMi40MiwyLjQyLDAsMCwwLDIuNDMsMi40MkgyNi4wNmEyLjQyLDIuNDIsMCwwLDAsMi40My0yLjQyVjE2LjM2YTIuNDIsMi40MiwwLDAsMC0yLjQzLTIuNDJaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+"},{className:"Ellipse",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjAsMTMuMTdBNi44Myw2LjgzLDAsMSwwLDI2LjgzLDIwLDYuODMsNi44MywwLDAsMCwyMCwxMy4xN1pNMTIsMjBhOCw4LDAsMSwxLDgsOEE4LDgsMCwwLDEsMTIsMjBaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+"},{className:"StackPanel",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTIuNzQsMTUuMzVhMi42MiwyLjYyLDAsMCwxLDIuNjItMi42M2g5LjI4YTIuNjIsMi42MiwwLDAsMSwyLjYyLDIuNjN2OS4yOGEyLjYyLDIuNjIsMCwwLDEtMi42MiwyLjYySDE1LjM2YTIuNjIsMi42MiwwLDAsMS0yLjYyLTIuNjJaTTI2LjA1LDIxLjZWMTguMzdIMTRWMjEuNlptMC00LjQ0VjE1LjM1YTEuNDEsMS40MSwwLDAsMC0xLjQxLTEuNDFIMTUuMzZBMS40MSwxLjQxLDAsMCwwLDE0LDE1LjM1djEuODFaTTI0LjY0LDI2YTEuNDEsMS40MSwwLDAsMCwxLjQxLTEuNDFWMjIuODFIMTR2MS44MkExLjQxLDEuNDEsMCwwLDAsMTUuMzYsMjZaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+"},{className:"Grid",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTIuNzQsMTUuMzZhMi42MiwyLjYyLDAsMCwxLDIuNjItMi42Mmg5LjI4YTIuNjIsMi42MiwwLDAsMSwyLjYyLDIuNjJ2OS4yOGEyLjYyLDIuNjIsMCwwLDEtMi42MiwyLjYySDE1LjM2YTIuNjIsMi42MiwwLDAsMS0yLjYyLTIuNjJaTTE1LjM2LDE0QTEuNDEsMS40MSwwLDAsMCwxNCwxNS4zNnYxLjgyaDMuMjNWMTRaTTE0LDE4LjM5djMuMjJoMy4yM1YxOC4zOVptNC40NCwwdjMuMjJoMy4yMlYxOC4zOVptNC40MywwdjMuMjJoMy4yM1YxOC4zOVptLTEuMjEsNC40M0gxOC4zOXYzLjIzaDMuMjJabTEuMjEsMy4yM2gxLjgyYTEuNDEsMS40MSwwLDAsMCwxLjQxLTEuNDFWMjIuODJIMjIuODJabTAtOC44N2gzLjIzVjE1LjM2QTEuNDEsMS40MSwwLDAsMCwyNC42NCwxNEgyMi44MlpNMjEuNjEsMTRIMTguMzl2My4yM2gzLjIyWk0xNCwyMi44MnYxLjgyYTEuNDEsMS40MSwwLDAsMCwxLjQxLDEuNDFoMS44MlYyMi44MloiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="},{className:"ScrollViewer",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjIuMjUsMTMuMThWMjYuOTFIMjFWMTMuMThabTEuMTYsMy4zNHY0LjE5aDEuMjJWMTYuNTJabS42MS0uNjFhLjYxLjYxLDAsMSwwLC42MS42MUEuNjEuNjEsMCwwLDAsMjQsMTUuOTFabTAsNC4xOWEuNjEuNjEsMCwxLDAsLjYxLjYxQS42MS42MSwwLDAsMCwyNCwyMC4xWk0xMi43NCwyNC42NGEyLjYyLDIuNjIsMCwwLDAsMi42MiwyLjYyaDkuMjhhMi42MiwyLjYyLDAsMCwwLDIuNjItMi42MlYxNS4zNmEyLjYyLDIuNjIsMCwwLDAtMi42Mi0yLjYySDE1LjM2YTIuNjIsMi42MiwwLDAsMC0yLjYyLDIuNjJaTTE0LDE1LjM2QTEuNDEsMS40MSwwLDAsMSwxNS4zNiwxNGg5LjI4YTEuNDEsMS40MSwwLDAsMSwxLjQxLDEuNDF2OS4yOGExLjQxLDEuNDEsMCwwLDEtMS40MSwxLjQxSDE1LjM2QTEuNDEsMS40MSwwLDAsMSwxNCwyNC42NFoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="},{className:"Line",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTAuMywyMGEuNjEuNjEsMCwwLDEsLjYxLS42MUgyOS4wOWEuNjEuNjEsMCwxLDEsMCwxLjIySDEwLjkxQS42MS42MSwwLDAsMSwxMC4zLDIwWiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg=="},{className:"TextBlock",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTQuMzMsMTQuMTJhLjYxLjYxLDAsMCwxLC42LS42MUgyNS4wN2EuNjEuNjEsMCwwLDEsLjYuNjF2MS42MmEuNjEuNjEsMCwxLDEtMS4yMSwwdi0xSDIwLjYxVjI1LjI3aDEuMjFhLjYxLjYxLDAsMCwxLC42MS42MS42MS42MSwwLDAsMS0uNjEuNjFIMTguMThhLjYxLjYxLDAsMCwxLS42MS0uNjEuNjEuNjEsMCwwLDEsLjYxLS42MWgxLjIxVjE0LjczSDE1LjU0djFhLjYxLjYxLDAsMSwxLTEuMjEsMFoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="},{className:"InputText",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjIuNDMsMTcuMTdIMjAuNjF2NS42NkgyMWEuNjEuNjEsMCwwLDEsLjYxLjYxLjYxLjYxLDAsMCwxLS42MS42MUgxOWEuNjEuNjEsMCwwLDEtLjYxLS42MS42MS42MSwwLDAsMSwuNjEtLjYxaC40VjE3LjE3SDE3LjU3di42YS42MS42MSwwLDEsMS0xLjIxLDBWMTYuNTZBLjYuNiwwLDAsMSwxNywxNkgyM2EuNi42LDAsMCwxLC42LjYxdjEuMjFhLjYxLjYxLDAsMSwxLTEuMjEsMFoiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJNMTQuOTQsMTMuNTJhMywzLDAsMCwwLTMsM3Y2Ljg4YTMsMywwLDAsMCwzLDNIMjUuMDZhMywzLDAsMCwwLDMtM1YxNi41NmEzLDMsMCwwLDAtMy0zWm0tMS44MiwzYTEuODEsMS44MSwwLDAsMSwxLjgyLTEuODJIMjUuMDZhMS44MSwxLjgxLDAsMCwxLDEuODIsMS44MnY2Ljg4YTEuODEsMS44MSwwLDAsMS0xLjgyLDEuODJIMTQuOTRhMS44MSwxLjgxLDAsMCwxLTEuODItMS44MloiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="},{className:"InputPassword",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTkuODIsMTguNTVhLjYyLjYyLDAsMCwwLS44NiwwLC42Mi42MiwwLDAsMCwwLC44N2wuNTguNTgtLjU4LjU4YS42Mi42MiwwLDAsMCwwLC44Ny42Mi42MiwwLDAsMCwuODYsMGwuNTktLjU5LjU4LjU5YS42MS42MSwwLDAsMCwuODYsMCwuNi42LDAsMCwwLDAtLjg2TDIxLjI3LDIwbC41OC0uNThhLjYyLjYyLDAsMCwwLDAtLjg3LjYyLjYyLDAsMCwwLS44NiwwbC0uNTguNTlaIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTE0LjQ5LDE4LjU1YS42Mi42MiwwLDAsMSwuODYsMGwuNTkuNTkuNTgtLjU5YS42Mi42MiwwLDAsMSwuODcuODdMMTYuOCwyMGwuNTkuNThhLjYyLjYyLDAsMCwxLS44Ny44N2wtLjU4LS41OS0uNTkuNTlhLjYyLjYyLDAsMCwxLS44NiwwLC42My42MywwLDAsMSwwLS44N2wuNTktLjU4LS41OS0uNThBLjYzLjYzLDAsMCwxLDE0LjQ5LDE4LjU1WiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjxwYXRoIGQ9Ik0yMy42NSwyMS4yMmEuNi42LDAsMCwwLS42LjYxLjYxLjYxLDAsMCwwLC42LjYxaDEuNDNhLjYxLjYxLDAsMCwwLC42LS42MS42LjYsMCwwLDAtLjYtLjYxWiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjxwYXRoIGQ9Ik0xNC41MiwxNC4zMkEyLjY0LDIuNjQsMCwwLDAsMTEuODgsMTd2Ni4xYTIuNjQsMi42NCwwLDAsMCwyLjY0LDIuNjNoMTFhMi42NCwyLjY0LDAsMCwwLDIuNjQtMi42M1YxN2EyLjY0LDIuNjQsMCwwLDAtMi42NC0yLjYzWk0xMy4xLDE3YTEuNDIsMS40MiwwLDAsMSwxLjQyLTEuNDJoMTFBMS40MiwxLjQyLDAsMCwxLDI2LjksMTd2Ni4xYTEuNDIsMS40MiwwLDAsMS0xLjQyLDEuNDJoLTExYTEuNDIsMS40MiwwLDAsMS0xLjQyLTEuNDJaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+"},{className:"Image",icon:"data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQwIDQwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjMuODYsMTEuODZhMi42NSwyLjY1LDAsMCwxLDIuNjUsMi42NXY5LjM2YTIuNjUsMi42NSwwLDAsMS0yLjY1LDIuNjVIMTQuNWEyLjY1LDIuNjUsMCwwLDEtMi42NS0yLjY1VjE0LjUxYTIuNjUsMi42NSwwLDAsMSwyLjY1LTIuNjVabS40NywxMy4zNi00LjcyLTQuNjNhLjYyLjYyLDAsMCwwLS43OS0uMDZsLS4wNy4wNkwxNCwyNS4yMmExLjQsMS40LDAsMCwwLC40Ny4wOGg5LjM2YTEuNCwxLjQsMCwwLDAsLjQ3LS4wOGwtNC43Mi00LjYzWm0tLjQ3LTEyLjEzSDE0LjVhMS40MiwxLjQyLDAsMCwwLTEuNDMsMS40MnY5LjM2YTEuMzMsMS4zMywwLDAsMCwuMDkuNDlsNC43NC00LjY1YTEuODQsMS44NCwwLDAsMSwyLjQ2LS4wOWwuMS4wOSw0Ljc0LDQuNjVhMS4zMywxLjMzLDAsMCwwLC4wOS0uNDlWMTQuNTFBMS40MiwxLjQyLDAsMCwwLDIzLjg2LDEzLjA5Wm0tMiwxLjYyQTEuODQsMS44NCwwLDEsMSwyMCwxNi41NSwxLjgzLDEuODMsMCwwLDEsMjEuODMsMTQuNzFabTAsMS4yMmEuNjEuNjEsMCwwLDAtLjYxLjYyLjYxLjYxLDAsMCwwLDEuMjIsMEEuNjEuNjEsMCwwLDAsMjEuODMsMTUuOTNaIi8+PC9zdmc+"},{className:"DisplayGrid",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTcuMzksMjAuOGExLjgxLDEuODEsMCwwLDEsMS44MSwxLjgxdjIuODFhMS44MSwxLjgxLDAsMCwxLTEuODEsMS44MUgxNC41OGExLjgxLDEuODEsMCwwLDEtMS44MS0xLjgxVjIyLjYxYTEuODEsMS44MSwwLDAsMSwxLjgxLTEuODFabTgsMGExLjgxLDEuODEsMCwwLDEsMS44MSwxLjgxdjIuODFhMS44MSwxLjgxLDAsMCwxLTEuODEsMS44MUgyMi42MWExLjgxLDEuODEsMCwwLDEtMS44MS0xLjgxVjIyLjYxYTEuODEsMS44MSwwLDAsMSwxLjgxLTEuODFabS04LDEuMjFIMTQuNThhLjYuNiwwLDAsMC0uNi42djIuODFhLjYuNiwwLDAsMCwuNi42aDIuODFhLjYuNiwwLDAsMCwuNi0uNlYyMi42MUEuNi42LDAsMCwwLDE3LjM5LDIyWm04LDBIMjIuNjFhLjYuNiwwLDAsMC0uNi42djIuODFhLjYuNiwwLDAsMCwuNi42aDIuODFhLjYuNiwwLDAsMCwuNi0uNlYyMi42MUEuNi42LDAsMCwwLDI1LjQyLDIyWm0tOC05LjI0YTEuODEsMS44MSwwLDAsMSwxLjgxLDEuODF2Mi44MWExLjgxLDEuODEsMCwwLDEtMS44MSwxLjgxSDE0LjU4YTEuODEsMS44MSwwLDAsMS0xLjgxLTEuODFWMTQuNThhMS44MSwxLjgxLDAsMCwxLDEuODEtMS44MVptOCwwYTEuODEsMS44MSwwLDAsMSwxLjgxLDEuODF2Mi44MWExLjgxLDEuODEsMCwwLDEtMS44MSwxLjgxSDIyLjYxYTEuODEsMS44MSwwLDAsMS0xLjgxLTEuODFWMTQuNThhMS44MSwxLjgxLDAsMCwxLDEuODEtMS44MVptLTgsMS4yMUgxNC41OGEuNi42LDAsMCwwLS42LjZ2Mi44MWEuNi42LDAsMCwwLC42LjZoMi44MWEuNi42LDAsMCwwLC42LS42VjE0LjU4QS42LjYsMCwwLDAsMTcuMzksMTRabTgsMEgyMi42MWEuNi42LDAsMCwwLS42LjZ2Mi44MWEuNi42LDAsMCwwLC42LjZoMi44MWEuNi42LDAsMCwwLC42LS42VjE0LjU4QS42LjYsMCwwLDAsMjUuNDIsMTRaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+"},{className:"Button",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjYuMDgsMTIuN0gxMy45MmEyLDIsMCwwLDAtMiwyVjIyYTIsMiwwLDAsMCwyLDJoMy42NVYyMi44NEgxMy45MmEuODEuODEsMCwwLDEtLjgxLS44MXYtNy4zYS44MS44MSwwLDAsMSwuODEtLjgxSDI2LjA4YS44MS44MSwwLDAsMSwuODEuODFWMjJhLjgxLjgxLDAsMCwxLS44MS44MWgtLjQ1bC4yOC4yN2ExLjQ1LDEuNDUsMCwwLDEsLjU2LjkxLDIsMiwwLDAsMCwxLjY0LTJ2LTcuM0EyLDIsMCwwLDAsMjYuMDgsMTIuN1oiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJNMTkuNDIsMTcuNzVhLjYyLjYyLDAsMCwwLS42Ny0uMTQuNjMuNjMsMCwwLDAtLjM3LjU3djguNTFhLjYuNiwwLDAsMCwuNDMuNTguNjEuNjEsMCwwLDAsLjY4LS4yNGwyLTIuOTEsMy40NS43M2EuNjEuNjEsMCwwLDAsLjU2LTFabTEuOTIsNS4xYS42LjYsMCwwLDAtLjYyLjI1bC0xLjEzLDEuNjNWMTkuNjRsMy42LDMuNloiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="},{className:"Checkbox",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjUsMTIuNzZBMi4yMSwyLjIxLDAsMCwxLDI3LjI0LDE1VjI1QTIuMjEsMi4yMSwwLDAsMSwyNSwyNy4yNEgxNUEyLjIxLDIuMjEsMCwwLDEsMTIuNzYsMjVWMTVBMi4yMSwyLjIxLDAsMCwxLDE1LDEyLjc2Wk0yNSwxNEgxNWExLDEsMCwwLDAtMSwxVjI1YTEsMSwwLDAsMCwxLDFIMjVhMSwxLDAsMCwwLDEtMVYxNUExLDEsMCwwLDAsMjUsMTRabS02LjY0LDgsNS4yMS01LjJhLjU5LjU5LDAsMCwxLC44NSwwLC42MS42MSwwLDAsMSwuMDYuNzhsLS4wNi4wNy01LjYzLDUuNjNhLjYuNiwwLDAsMS0uNzkuMDZMMTgsMjMuMjRsLTIuNDEtMi40MWEuNjEuNjEsMCwwLDEsMC0uODUuNi42LDAsMCwxLC43OS0uMDZsLjA2LjA2LDIsMiw1LjIxLTUuMloiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="},{className:"RadioButton",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjAsMjQuODZBNC44Niw0Ljg2LDAsMSwwLDE1LjE0LDIwLDQuODcsNC44NywwLDAsMCwyMCwyNC44NloiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJNMjAsMTEuOUE4LjEsOC4xLDAsMSwwLDI4LjEsMjAsOC4xLDguMSwwLDAsMCwyMCwxMS45Wk0xMy4xMiwyMEE2Ljg4LDYuODgsMCwxLDEsMjAsMjYuODgsNi44OCw2Ljg4LDAsMCwxLDEzLjEyLDIwWiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg=="},{className:"Slider",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTAuMywxOGEzLjY0LDMuNjQsMCwwLDEsMy42NC0zLjYzSDI2LjA2QTMuNjQsMy42NCwwLDAsMSwyOS43LDE4VjIyYTMuNjQsMy42NCwwLDAsMS0zLjY0LDMuNjNIMTMuOTRBMy42NCwzLjY0LDAsMCwxLDEwLjMsMjJabTMuNjQtMi40MkEyLjQzLDIuNDMsMCwwLDAsMTEuNTEsMThWMjJhMi40MywyLjQzLDAsMCwwLDIuNDMsMi40MkgyNi4wNkEyLjQzLDIuNDMsMCwwLDAsMjguNDksMjJWMThhMi40MywyLjQzLDAsMCwwLTIuNDMtMi40MloiIHN0eWxlPSJmaWxsOiNmZmYiLz48Y2lyY2xlIGN4PSIxNS45OSIgY3k9IjIwIiByPSIyLjY0IiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+"},{className:"ImageBasedSlider",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjYuMDYsMTQuMzRIMTMuOTRBMy42NCwzLjY0LDAsMCwwLDEwLjMsMThWMjJhMy42NCwzLjY0LDAsMCwwLDMuNjQsMy42M0gyNi4wNkEzLjY0LDMuNjQsMCwwLDAsMjkuNywyMlYxOEEzLjY0LDMuNjQsMCwwLDAsMjYuMDYsMTQuMzRabTAsMTAuMTFIMTMuOTRhMi40MiwyLjQyLDAsMCwxLS44MS0uMTVsMS40MS0xLjM5YTMuMjQsMy4yNCwwLDAsMCwxLjQ1LjM2QTMuMjgsMy4yOCwwLDAsMCwxOS4yNiwyMGEzLjE4LDMuMTgsMCwwLDAtLjM1LTEuNDNsLjY0LS42M2EuNTQuNTQsMCwwLDEsLjc0LDBMMjcsMjQuMjZBMi40MywyLjQzLDAsMCwxLDI2LjA2LDI0LjQ1Wk0xNCwyMGEyLDIsMCwxLDEsMiwyQTIsMiwwLDAsMSwxNCwyMFptMTQuNTIsMmEyLjQxLDIuNDEsMCwwLDEtLjQxLDEuMzRsLTYuODQtNi40NGExLjkxLDEuOTEsMCwwLDAtMi42NywwbC0uNTMuNTJhMy4yMiwzLjIyLDAsMCwwLTItLjc1QTMuMjgsMy4yOCwwLDAsMCwxMi43MiwyMGEzLjIzLDMuMjMsMCwwLDAsLjczLDJMMTIsMjMuNDdBMi40LDIuNCwwLDAsMSwxMS41MSwyMlYxOGEyLjQzLDIuNDMsMCwwLDEsMi40My0yLjQySDI2LjA2QTIuNDMsMi40MywwLDAsMSwyOC40OSwxOFoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="},{className:"VirtualKeyboard",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjYuMzEsMTQuM2ExLjgzLDEuODMsMCwwLDEsMS44MywxLjgzdjcuNzRhMS44MywxLjgzLDAsMCwxLTEuODMsMS44M0gxMy42OWExLjgzLDEuODMsMCwwLDEtMS44My0xLjgzVjE2LjEzYTEuODMsMS44MywwLDAsMSwxLjgzLTEuODNabTAsMS4yMkgxMy42OWEuNjEuNjEsMCwwLDAtLjYxLjYxdjcuNzRhLjYxLjYxLDAsMCwwLC42MS42MUgyNi4zMWEuNjEuNjEsMCwwLDAsLjYxLS42MVYxNi4xM0EuNjEuNjEsMCwwLDAsMjYuMzEsMTUuNTJaTTE1LjczLDIyaDguNTVhLjYxLjYxLDAsMCwxLC4wOCwxLjIySDE1LjczQS42MS42MSwwLDAsMSwxNS42NSwyMlptNy45My0yLjg1YS44Mi44MiwwLDAsMSwuODIuODIuODIuODIsMCwxLDEtLjgyLS44MlptLTQuODgsMGEuODIuODIsMCwwLDEsLjgyLjgyLjgyLjgyLDAsMSwxLS44Mi0uODJabS0yLjQ0LDBhLjgyLjgyLDAsMCwxLC44Mi44Mi44Mi44MiwwLDAsMS0uODIuODEuODEuODEsMCwwLDEtLjgxLS44MUEuODIuODIsMCwwLDEsMTYuMzQsMTkuMThabTQuODksMEEuODIuODIsMCwwLDEsMjIsMjBhLjgxLjgxLDAsMCwxLS44MS44MS44Mi44MiwwLDAsMS0uODItLjgxQS44Mi44MiwwLDAsMSwyMS4yMywxOS4xOFptLTYuMTEtMi40NGEuODIuODIsMCwwLDEsLjgxLjgyLjgxLjgxLDAsMCwxLS44MS44MS44Mi44MiwwLDAsMS0uODItLjgxQS44Mi44MiwwLDAsMSwxNS4xMiwxNi43NFptMi40NCwwYS44Mi44MiwwLDAsMSwuODEuODIuODEuODEsMCwwLDEtLjgxLjgxLjgyLjgyLDAsMCwxLS44Mi0uODFBLjgyLjgyLDAsMCwxLDE3LjU2LDE2Ljc0Wm0yLjQ0LDBhLjgyLjgyLDAsMCwxLC44MS44Mi44MS44MSwwLDAsMS0uODEuODEuODIuODIsMCwwLDEtLjgyLS44MUEuODIuODIsMCwwLDEsMjAsMTYuNzRabTIuNDQsMGEuODIuODIsMCwwLDEsLjgxLjgyLjgxLjgxLDAsMSwxLTEuNjIsMEEuODIuODIsMCwwLDEsMjIuNDQsMTYuNzRabTIuNDQsMGEuODIuODIsMCwwLDEsLjgyLjgyLjgyLjgyLDAsMCwxLS44Mi44MS44MS44MSwwLDAsMS0uODEtLjgxQS44Mi44MiwwLDAsMSwyNC44OCwxNi43NFoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="},{className:"ColorPicker",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTMuMzEsMTUuMzRhOC4zNCw4LjM0LDAsMCwxLDE0LjI1LDguMzRjLTEuMzUsMy43LTQuOTEsNS4xNi03LjQ3LDMuM2EzLjgyLDMuODIsMCwwLDEtMS41Mi0zbC0uMDgtLjgxLDAtLjMyYy0uMS0uNzYtLjI2LTEuMS0uNTgtMS4yOGExLjI3LDEuMjcsMCwwLDAtMS4zLDBsLS4yOC4xMi0uMTUuMDZhMy4xMiwzLjEyLDAsMCwxLTIuMDcuMzRsLS4xNywwLS4xMywwQzExLjQ5LDIxLjI5LDExLjE1LDE4LjIsMTMuMzEsMTUuMzRabS44LDUuNDguMSwwLC4xMSwwYTEuODEsMS44MSwwLDAsMCwxLjE3LS4xOWwuNDktLjIxYTIuNDcsMi40NywwLDAsMSwzLjY4LDIuMjFsMCwuMzcuMDUuNDQsMCwuMzRhMi43NSwyLjc1LDAsMCwwLDEsMi4xNmMxLjg2LDEuMzUsNC41Mi4yNSw1LjYxLTIuNzNhNy4xMSw3LjExLDAsMCwwLTEyLjEyLTcuMTlDMTIuNTksMTguMzMsMTIuOCwyMC4zOCwxNC4xMSwyMC44MlptOS4xNi0xLjYzYTEsMSwwLDEsMSwyLS41MywxLDEsMCwwLDEtMiwuNTNaTTIzLjY4LDIyYTEsMSwwLDEsMSwxLjI0LjcyQTEsMSwwLDAsMSwyMy42OCwyMlptLTItNS4zYTEsMSwwLDAsMSwuNzItMS4yNSwxLDEsMCwxLDEsLjUzLDJBMSwxLDAsMCwxLDIxLjY2LDE2Ljc0Wm0wLDcuMzVhMSwxLDAsMCwxLC43Mi0xLjI1LDEsMSwwLDAsMSwuNTMsMkExLDEsMCwwLDEsMjEuNjMsMjQuMDlaTTE4Ljc4LDE2YTEsMSwwLDEsMSwxLjI1LjcyQTEsMSwwLDAsMSwxOC43OCwxNloiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="}];class ti extends t.Component{constructor(e){super(e),this.saveLocally=()=>{try{const e=JSON.stringify(this.props.globalState.guiTexture.serializeContent());L.DownloadAsFile(this.props.globalState.hostDocument,e,"guiTexture.json")}catch(e){this.props.globalState.hostWindow.alert("Unable to save your GUI"),r.Tools.Error("Unable to save your GUI")}},this.saveSelectedControlLocally=()=>{try{const e={controls:[]};for(const t of this.props.globalState.selectedControls){const n={};t.serialize(n),e.controls.push(n)}const t=JSON.stringify(e);L.DownloadAsFile(this.props.globalState.hostDocument,t,"guiControl.json")}catch(e){this.props.globalState.hostWindow.alert("Unable to save your selected Control"),r.Tools.Error("Unable to save your selected Control")}},this.saveToSnippetServerHelper=(e,t)=>new Promise(((n,o)=>{const i=new XMLHttpRequest;i.onreadystatechange=()=>{if(4==i.readyState)if(200==i.status){const e=JSON.parse(i.responseText),r=t.snippetId;t.snippetId=e.id,e.version&&"0"!=e.version&&(t.snippetId+="#"+e.version);const o=window;o.Playground&&r&&o.Playground.onRequestCodeChangeObservable.notifyObservers({regex:new RegExp(r,"g"),replace:t.snippetId}),n(t.snippetId)}else o("Unable to save your GUI")};const s=(new TextEncoder).encode(e);let l="";for(let e=0;e<s.length;e++)l+=String.fromCharCode(s[e]);const c={gui:e,encodedGui:l!==e?(0,r.EncodeArrayBufferToBase64)(s):void 0};i.open("POST",a.AdvancedDynamicTexture.SnippetUrl+(t.snippetId?"/"+t.snippetId:""),!0),i.setRequestHeader("Content-Type","application/json");const u={payload:JSON.stringify(c),name:"",description:"",tags:""};i.send(JSON.stringify(u))})),this.saveToSnippetServer=async()=>{const e=this.props.globalState.guiTexture,t=JSON.stringify(e.serializeContent());(this.props.globalState.customSave?.action||this.saveToSnippetServerHelper)(t,e).then((t=>{e.snippetId=t;const n=`GUI saved with ID: ${e.snippetId}`;this.props.globalState.hostWindow.navigator.clipboard?this.props.globalState.hostWindow.navigator.clipboard.writeText(e.snippetId).then((()=>{this.props.globalState.hostWindow.alert(`${n}. The ID was copied to your clipboard.`)})).catch((()=>{this.props.globalState.hostWindow.alert(n)})):this.props.globalState.hostWindow.alert(n),this.props.globalState.onBuiltObservable.notifyObservers()})).catch((e=>{this.props.globalState.hostWindow.alert(e)})),this.forceUpdate()},this._lockObject=new s,this.props.globalState.lockObject=this._lockObject,this.props.globalState.onSaveObservable.add((()=>{this.save(this.saveLocally)})),this.props.globalState.onSaveSelectedControl.add((()=>{this.save(this.saveSelectedControlLocally)})),this.props.globalState.onSnippetSaveObservable.add((()=>{this.save(this.saveToSnippetServer)})),this.props.globalState.onSnippetLoadObservable.add((()=>{this.loadFromSnippet()})),this.props.globalState.onPropertyGridUpdateRequiredObservable.add((()=>{this.forceUpdate()})),this.props.globalState.onLoadObservable.add((e=>this.load(e))),this.props.globalState.onControlLoadObservable.add((e=>this.loadControl(e)))}componentDidMount(){this.props.globalState.onSelectionChangedObservable.add((()=>{this.forceUpdate()})),this.props.globalState.onResizeObservable.add((()=>{this.forceUpdate()})),this._onBuiltObserver=this.props.globalState.onBuiltObservable.add((()=>{this.forceUpdate()})),this.props.globalState.onPropertyChangedObservable.add((()=>this.forceUpdate()))}componentWillUnmount(){window.clearInterval(this._timerIntervalId),this.props.globalState.onBuiltObservable.remove(this._onBuiltObserver)}load(e){r.Tools.ReadFile(e,(e=>{const t=new TextDecoder("utf-8");this.props.globalState.workbench.loadFromJson(JSON.parse(t.decode(e))),this.props.globalState.setSelection([])}),void 0,!0)}loadControl(e){r.Tools.ReadFile(e,(e=>{const t=new TextDecoder("utf-8");this.props.globalState.workbench.loadControlFromJson(JSON.parse(t.decode(e)))}),void 0,!0)}save(e){this.props.globalState.workbench.removeEditorTransformation();const t=this.props.globalState.guiTexture.rootContainer.getDescendants();for(const e of t)this.props.globalState.workbench.removeEditorBehavior(e);const n=this.props.globalState.workbench.guiSize;this.props.globalState.guiTexture.scaleTo(n.width,n.height),e();for(const e of t)this.props.globalState.workbench.addEditorBehavior(e)}loadFromSnippet(){const e=this.props.globalState.hostWindow.prompt("Please enter the snippet ID to use");e&&this.props.globalState.workbench.loadFromSnippet(e)}renderNode(e){const t=e[0];return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("div",{id:"header",children:[(0,g.jsx)("img",{id:"logo",src:this.renderControlIcon(e)}),(0,g.jsx)("div",{id:"title",children:(0,g.jsx)(D,{noUnderline:!0,lockObject:this._lockObject,target:f(e,this.props.globalState.onPropertyChangedObservable),propertyName:"name",onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable})})]}),this.renderProperties(e),"Grid"===t?.parent?.typeName&&(0,g.jsx)(Vo,{control:t,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,lockObject:this._lockObject})]})}getControlsCommonClassName(e){if(0===e.length)return"";const t=e[0].getClassName();for(const n of e)if(n.getClassName()!==t)return"";return t}renderProperties(e){if(0===e.length)return;switch(this.getControlsCommonClassName(e)){case"TextBlock":{const t=e;return(0,g.jsx)(vo,{textBlocks:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState})}case"InputText":{const t=e;return(0,g.jsx)(Io,{inputTexts:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState})}case"ColorPicker":{const t=e;return(0,g.jsx)(Eo,{colorPickers:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState})}case"Image":{const t=e;return(0,g.jsx)(zo,{images:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState})}case"Slider":{const t=e;return(0,g.jsx)(bo,{sliders:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState})}case"ImageBasedSlider":{const t=e;return(0,g.jsx)(Oo,{imageBasedSliders:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState})}case"Rectangle":return(0,g.jsx)(Bo,{rectangles:e,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable});case"StackPanel":{const t=e;return(0,g.jsx)(Ro,{stackPanels:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState})}case"Grid":{const t=e;return(0,g.jsx)(_o,{grids:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState})}case"ScrollViewer":{const t=e;return(0,g.jsx)(Wo,{scrollViewers:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState})}case"Ellipse":{const t=e;return(0,g.jsx)(Ho,{ellipses:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState})}case"Checkbox":{const t=e;return(0,g.jsx)(Qo,{checkboxes:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState})}case"RadioButton":{const t=e;return(0,g.jsx)(xo,{radioButtons:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState})}case"Line":{const t=e;return(0,g.jsx)(fo,{lines:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState})}case"DisplayGrid":{const t=e;return(0,g.jsx)(Jo,{displayGrids:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState})}case"Button":{const t=e;return(0,g.jsx)(Xo,{rectangles:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onAddComponent:e=>{for(const n of t){const t=qo.CreateControlFromString(e);this.props.globalState.workbench.addEditorBehavior(t),n.addControl(t),this.props.globalState.select(t)}},onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState},"buttonMenu")}}const t=e;return(0,g.jsx)(Fo,{controls:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable,onFontsParsedObservable:this.props.globalState.onFontsParsedObservable,globalState:this.props.globalState})}renderControlIcon(e){const t=e[0].getClassName();for(const n of e)if(n.getClassName()!==t)return co;const n=ei.find((e=>e.className===t));return n?n.icon:co}render(){if(null==this.props.globalState.guiTexture)return null;const e=this.props.globalState.selectedControls.length>0?this.props.globalState.selectedControls:[this.props.globalState.workbench.trueRootContainer];return(0,g.jsx)("div",{id:"ge-propertyTab",children:this.renderNode(e)})}}class ni extends t.Component{render(){return n.createPortal(this.props.children,this.props.globalState.hostElement)}}var ri=o(548),oi={};oi.styleTagTransform=Nr(),oi.setAttributes=jr(),oi.insert=mr().bind(null,"head"),oi.domAPI=hr(),oi.insertStyleElement=yr(),Lr()(ri.A,oi),ri.A&&ri.A.locals&&ri.A.locals;class ii extends t.Component{constructor(e){super(e),this.state={logs:[]}}componentDidMount(){this.props.globalState.onLogRequiredObservable.add((e=>{const t=this.state.logs.map((e=>e));t.push(e),this.setState({logs:t})}))}componentDidUpdate(){const e=n.findDOMNode(this.refs["log-console"]);e&&(e.scrollTop=e.scrollHeight)}render(){const e=new Date,t=e.getHours(),n=e.getMinutes(),r=e.getSeconds();return(0,g.jsx)("div",{id:"log-console",ref:"log-console",children:this.state.logs.map(((e,o)=>(0,g.jsx)("div",{className:"log"+(e.isError?" error":""),children:t+":"+n+":"+r+": "+e.message},o)))})}}var si=o(124),ai={};ai.styleTagTransform=Nr(),ai.setAttributes=jr(),ai.insert=mr().bind(null,"head"),ai.domAPI=hr(),ai.insertStyleElement=yr(),Lr()(si.A,ai);const li=si.A&&si.A.locals?si.A.locals:void 0,ci=e=>{const[n,r]=(0,t.useState)(e.message),[o,i]=(0,t.useState)(e.isError);return(0,t.useEffect)((()=>{r(e.message),i(e.isError)}),[e]),n?(0,g.jsx)("div",{className:li["dialog-container"],children:(0,g.jsxs)("div",{className:li.dialog,children:[(0,g.jsx)("div",{className:li["dialog-message"],children:n}),(0,g.jsx)("div",{className:li["dialog-buttons"],children:(0,g.jsx)("div",{className:Pr({"dialog-button-ok":!0,error:o},li),onClick:()=>{r(""),e.onClose&&e.onClose()},children:"OK"})})]})}):null};class ui extends t.Component{constructor(e){super(e),this.state={value:""}}onClick(){this.props.onClick&&!this.props.renaming&&this.props.onClick()}onBlur(){this.props.setRenaming(!1)}render(){const e=this.props.renaming?this.state.value:this.props.label||"No Name";return(0,g.jsx)("div",{className:"title",onClick:()=>this.onClick(),children:this.props.renaming?(0,g.jsx)("input",{type:"text",onBlur:()=>this.onBlur(),autoFocus:!0,value:e,onChange:e=>{this.props.onChange(e.target.value),this.setState({value:e.target.value})},onKeyDown:e=>{"Enter"===e.key&&this.onBlur()},className:"titleText"}):(0,g.jsx)("div",{className:"titleText",onDoubleClick:()=>{this.props.setRenaming(!0),this.setState({value:e})},children:e})})}}class di extends t.Component{constructor(e){super(e),this.state={popupVisible:!1},this._extensionRef=t.createRef()}showPopup(){this.setState({popupVisible:!0})}componentDidMount(){this._popup&&this._popup.focus()}componentDidUpdate(){this._popup&&this._popup.focus()}render(){if(!this.props.extensibilityGroups)return null;const e=[];for(const t of this.props.extensibilityGroups)t.predicate(this.props.target)&&e.push(...t.entries);return 0===e.length?null:(0,g.jsxs)("div",{ref:this._extensionRef,className:"extensions",onClick:()=>this.showPopup(),children:[(0,g.jsx)("div",{title:"Additional options",className:"icon",children:(0,g.jsx)(or,{icon:dr})}),(0,g.jsx)("div",{ref:e=>{this._popup=e},tabIndex:-1,className:this.state.popupVisible?"popup show":"popup",onBlur:()=>this.setState({popupVisible:!1}),children:e.map((e=>(0,g.jsx)("div",{className:"popupMenu",onClick:()=>e.action(this.props.target),children:e.label},e.label)))})]})}}class pi extends t.Component{constructor(e){super(e);const t=this.props.control;this.state={isActive:t.isHighlighted,isVisible:t.isVisible,isRenaming:!1},this._onIsVisibleChangedObserver=t.onIsVisibleChangedObservable.add((e=>{this.setState({isVisible:e})}))}componentWillUnmount(){this._onIsVisibleChangedObserver&&this.props.control.onIsVisibleChangedObservable.remove(this._onIsVisibleChangedObserver)}highlight(){const e=this.props.control;e.isHighlighted=!e.isHighlighted,this.setState({isActive:e.isHighlighted})}switchVisibility(){const e=!this.state.isVisible;this.setState({isVisible:e}),this.props.control.isVisible=e}onRename(e){this.props.control.name=e,this.props.globalState.onPropertyGridUpdateRequiredObservable.notifyObservers()}render(){const e=this.props.control;let t="";"Grid"===e.parent?.typeName&&(t=e.parent.getChildCellInfo(this.props.control));const n=this.props.globalState.draggedControl===e,r=ei.find((t=>t.className===e.getClassName()));return(0,g.jsxs)("div",{className:"controlTools",children:[r&&(0,g.jsx)("div",{className:"controlType icon",children:(0,g.jsx)("img",{src:r.icon,alt:r.className})}),(0,g.jsx)(ui,{label:e.name,bracket:t,onClick:()=>this.props.onClick(),onChange:e=>this.onRename(e),setRenaming:e=>{this.setState({isRenaming:e}),this.props.onRenamingStateChanged(e)},renaming:this.state.isRenaming}),!n&&this.props.isDragOver&&this.props.dragOverLocation==p.CENTER&&e instanceof a.Container&&(0,g.jsx)(g.Fragment,{children:(0,g.jsx)("div",{className:"makeChild icon",onClick:()=>this.highlight(),title:"Make Child",children:(0,g.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTguNjcsMTQuNzdsLS4wNywwYS42MS42MSwwLDAsMC0uNzksMEwxNS42MSwxN1YxMS40OEEuNi42LDAsMCwwLDE1LDExaC0uMDhhLjYuNiwwLDAsMC0uNTMuNlYxN2wtMi4yLTIuMjEtLjA3LS4wNmEuNjEuNjEsMCwwLDAtLjc5LjkybDMuMjQsMy4yNC4wNy4wNmEuNjIuNjIsMCwwLDAsLjc5LS4wNmwzLjI0LTMuMjQsMC0uMDdBLjYxLjYxLDAsMCwwLDE4LjY3LDE0Ljc3WiIgc3R5bGU9ImZpbGw6IzIxMjEyMSIvPjxwYXRoIGQ9Ik0xMC4zNSw3LjcyYTIuNjIsMi42MiwwLDAsMC0yLjYzLDIuNjN2OS4zYTIuNjIsMi42MiwwLDAsMCwyLjYzLDIuNjNoOS4zYTIuNjIsMi42MiwwLDAsMCwyLjYzLTIuNjN2LTkuM2EyLjYyLDIuNjIsMCwwLDAtMi42My0yLjYzWk04LjkzLDEwLjM1YTEuNDMsMS40MywwLDAsMSwxLjQyLTEuNDJoOS4zYTEuNDMsMS40MywwLDAsMSwxLjQyLDEuNDJ2OS4zYTEuNDMsMS40MywwLDAsMS0xLjQyLDEuNDJoLTkuM2ExLjQzLDEuNDMsMCwwLDEtMS40Mi0xLjQyWiIgc3R5bGU9ImZpbGw6IzIxMjEyMSIvPjwvc3ZnPg=="})})}),!this.state.isRenaming&&this.props.isHovered&&null===this.props.globalState.draggedControl&&this.props.dragOverLocation==p.NONE&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("div",{className:"addComponent icon",onClick:()=>this.highlight(),title:"Add component (Not Implemented)",children:(0,g.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTUsMTFhLjYxLjYxLDAsMCwxLC42MS42MXYyLjgzaDIuODNhLjYxLjYxLDAsMCwxLDAsMS4yMkgxNS42MXYyLjgzYS42MS42MSwwLDAsMS0xLjIyLDBWMTUuNjFIMTEuNTZhLjYxLjYxLDAsMSwxLDAtMS4yMmgyLjgzVjExLjU2QS42MS42MSwwLDAsMSwxNSwxMVoiIHN0eWxlPSJmaWxsOiMzMzMiLz48cGF0aCBkPSJNNy43MSwxMC4zNGEyLjYzLDIuNjMsMCwwLDEsMi42My0yLjYzaDkuMzJhMi42MywyLjYzLDAsMCwxLDIuNjMsMi42M3Y5LjMyYTIuNjMsMi42MywwLDAsMS0yLjYzLDIuNjNIMTAuMzRhMi42MywyLjYzLDAsMCwxLTIuNjMtMi42M1ptMi42My0xLjQxYTEuNDEsMS40MSwwLDAsMC0xLjQxLDEuNDF2OS4zMmExLjQxLDEuNDEsMCwwLDAsMS40MSwxLjQxaDkuMzJhMS40MSwxLjQxLDAsMCwwLDEuNDEtMS40MVYxMC4zNGExLjQxLDEuNDEsMCwwLDAtMS40MS0xLjQxWiIgc3R5bGU9ImZpbGw6IzMzMyIvPjwvc3ZnPg=="})}),(0,g.jsx)("div",{className:"visibility icon",onClick:()=>this.switchVisibility(),title:"Set isVisible",children:(0,g.jsx)("img",{src:this.state.isVisible?ao:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTUsMTMuMTlhMy4yMywzLjIzLDAsMSwxLTMuMjIsMy4yMkEzLjIyLDMuMjIsMCwwLDEsMTUsMTMuMTlabTAsMS4yMWEyLDIsMCwxLDAsMiwyQTIsMiwwLDAsMCwxNSwxNC40Wm0wLTRhOC4wNiw4LjA2LDAsMCwxLDcuODIsNi4xLjYxLjYxLDAsMCwxLTEuMTguMjksNi44NCw2Ljg0LDAsMCwwLTEzLjI4LDAsLjYxLjYxLDAsMCwxLTEuMTgtLjNBOC4wNyw4LjA3LDAsMCwxLDE1LDEwLjM2WiIgc3R5bGU9ImZpbGw6Izg4OCIvPjwvc3ZnPg=="})})]}),(0,g.jsx)(di,{target:e,extensibilityGroups:this.props.extensibilityGroups})]})}}const Ai="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDE1IDMwIj48cGF0aCBkPSJNNy4xLDE2LjYzLDUuMSwxNGEuNS41LDAsMCwxLC40LS44aDRhLjUuNSwwLDAsMSwuNC44bC0yLDIuNjZBLjUuNSwwLDAsMSw3LjEsMTYuNjNaIiBzdHlsZT0iZmlsbDojOGU4ZThlIi8+PC9zdmc+",Mi="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDE1IDMwIj48cGF0aCBkPSJNOS4xMywxNS40bC0yLjY2LDJhLjUuNSwwLDAsMS0uOC0uNFYxM2EuNS41LDAsMCwxLC44LS40bDIuNjYsMkEuNS41LDAsMCwxLDkuMTMsMTUuNFoiIHN0eWxlPSJmaWxsOiM4ZThlOGUiLz48L3N2Zz4=";class gi extends t.Component{constructor(e){super(e),this._secondDragEnter=!1,this.state={expand:!0,dragOver:!1,dragOverLocation:p.NONE,isHovered:!1,isSelected:this.props.selectedEntities.includes(this.props.entity),blockDrag:!1},this._onSelectionChangedObservable=e.globalState.onSelectionChangedObservable.add((()=>{this.setState({isSelected:this.props.globalState.selectedControls.includes(this.props.entity)})})),this._onDraggingEndObservable=e.globalState.onDraggingEndObservable.add((()=>{this.setState({dragOverLocation:p.NONE})})),this._onDraggingStartObservable=e.globalState.onDraggingStartObservable.add((()=>{this.forceUpdate()}))}switchExpandedState(){this.props.entity.reservedDataStore.setExpandedState(!this.props.entity.reservedDataStore.isExpanded),this.setState({expand:!this.state.expand})}shouldComponentUpdate(e,t){return e.selectedEntities.includes(e.entity)?(t.isSelected=!0,!0):(t.isSelected=!1,po.LookForItems(e.entity,e.selectedEntities),!0)}scrollIntoView(){const e=n.findDOMNode(this);e&&e.scrollIntoView(!1)}componentWillUnmount(){this.props.globalState.onSelectionChangedObservable.remove(this._onSelectionChangedObservable),this.props.globalState.onDraggingEndObservable.remove(this._onDraggingEndObservable),this.props.globalState.onDraggingStartObservable.remove(this._onDraggingStartObservable)}onSelect(){const e=this.props.entity;this.props.globalState.select(e),this.props.globalState.selectionLock=!0}renderChildren(e,t=!0){const n=this.props.entity;if(!n.getChildren&&!n.children||!e)return null;const r=po.SortAndFilter(n,n.getChildren?n.getChildren():n.children);return"StackPanel"!==n.typeName&&"VirtualKeyboard"!==n.typeName||r.reverse(),r.map(((e,n)=>"Art-Board-Background"==e.name?null:(0,g.jsx)(gi,{globalState:this.props.globalState,mustExpand:this.props.mustExpand,extensibilityGroups:this.props.extensibilityGroups,selectedEntities:this.props.selectedEntities,offset:this.props.offset+(t?2:0),entity:e,filter:this.props.filter},n)))}render(){if(this.props.entity===this.props.globalState.workbench.trueRootContainer||this.props.entity===this.props.globalState.workbench.visibleRegionContainer||this.props.entity===this.props.globalState.workbench.panAndZoomContainer)return this.renderChildren(!0,!1);const e={paddingLeft:10*(this.props.offset+.5)-20+"px"},t={marginLeft:10*(this.props.offset+.5)-20+"px"};let n=this.props.entity;n.reservedDataStore||(n.reservedDataStore={isExpanded:!0,setExpandedState:e=>n.reservedDataStore.isExpanded=e});const r=n.reservedDataStore.isExpanded||po.LookForItems(this.props.entity,this.props.selectedEntities);n.reservedDataStore.isExpanded=r;const o=r?(0,g.jsx)("img",{src:Ai,className:"icon"}):(0,g.jsx)("img",{src:Mi,className:"icon"});let i="MultiMaterial"===n.getClassName()?[]:po.SortAndFilter(n,n.getChildren?n.getChildren():n.children),s=i.length>0;if(this.props.filter){const e=this.props.filter.toLowerCase();if(!n.name||-1===n.name.toLowerCase().indexOf(e)){if(!s)return null;if(n.getDescendants&&0===n.getDescendants(!1,(t=>t.name&&-1!==t.name.toLowerCase().indexOf(e))).length)return null}}let l="itemContainer";l+=this.state.isSelected&&null===this.props.globalState.draggedControl?" selected":"",l+=this.state.isHovered&&null===this.props.globalState.draggedControl?" hover":"",l+=this.state.dragOver&&this.state.dragOverLocation==p.CENTER&&n instanceof a.Container?" parent":"",l+=this.props.globalState.draggedControl===this.props.entity?" dragged":"",l+=this.state.dragOver&&this.state.dragOverLocation==p.ABOVE&&n.parent?" seAbove":"",l+=this.state.dragOver&&this.state.dragOverLocation==p.BELOW&&n.parent?" seBelow":"";const c="itemContainer seAbove"===l||"itemContainer seBelow"===l?t:e;return(0,g.jsxs)("div",{children:[(0,g.jsxs)("div",{className:l,style:c,onPointerUp:()=>{this.onSelect()},onPointerEnter:()=>this.setState({isHovered:!0}),onPointerLeave:()=>this.setState({isHovered:!1}),onDragStart:()=>{this.props.globalState.draggedControl=this.props.entity,this.props.globalState.onDraggingStartObservable.notifyObservers()},onDragEnd:()=>{this.props.globalState.onDraggingEndObservable.notifyObservers()},draggable:n.parent&&!this.state.blockDrag,onDrop:e=>{this.drop(),e.preventDefault()},onDragEnter:e=>{e.preventDefault(),this.dragOver(e)},onDragOver:e=>this.updateDragOverLocation(e),onDragLeave:()=>{this._secondDragEnter?this._secondDragEnter=!1:this.setState({dragOver:!1})},children:[s&&(0,g.jsx)("div",{className:"arrow icon",onClick:e=>{if(this.switchExpandedState(),e.shiftKey)for(;s;)this.renderChildren(!0),n=n.children[0],i="MultiMaterial"===n.getClassName()?[]:po.SortAndFilter(n,n.getChildren?n.getChildren():n.children),s=i.length>0,n.reservedDataStore.isExpanded=!0},children:o}),(0,g.jsx)(pi,{globalState:this.props.globalState,extensibilityGroups:this.props.extensibilityGroups,control:n,onClick:()=>{},isHovered:this.state.isHovered,isDragOver:this.state.dragOver,dragOverLocation:this.state.dragOverLocation,onRenamingStateChanged:e=>{this.setState({blockDrag:e})}})]}),this.renderChildren(r)]})}dragOver(e){this.updateDragOverLocation(e),this.state.dragOver?this._secondDragEnter=!0:this.setState({dragOver:!0})}updateDragOverLocation(e){const t=e.target.getBoundingClientRect(),n=e.clientY-t.top;this.props.entity instanceof a.Container?n<6.4?this.setState({dragOverLocation:p.ABOVE}):n>25.6?this.setState({dragOverLocation:p.BELOW}):this.setState({dragOverLocation:p.CENTER}):n<16?this.setState({dragOverLocation:p.ABOVE}):this.setState({dragOverLocation:p.BELOW})}drop(){this.props.globalState.onDropObservable.notifyObservers();const e=this.props.entity;this.props.globalState.draggedControl!=e&&(this.props.globalState.draggedControlDirection=this.state.dragOverLocation,this.props.globalState.onParentingChangeObservable.notifyObservers(this.props.entity)),this.props.globalState.draggedControl=null,this.setState({dragOverLocation:p.NONE,dragOver:!1}),this._secondDragEnter=!1}}var Li=o(312);class Ci extends t.Component{constructor(e){super(e)}expandAll(){this.props.onExpandAll(!this.props.isExpanded)}render(){const e=this.props.isExpanded?(0,g.jsx)("img",{src:Ai,className:"icon"}):(0,g.jsx)("img",{src:Mi,className:"icon"});return(0,g.jsxs)("div",{className:"expandableHeader",children:[(0,g.jsxs)("div",{className:"text",children:[(0,g.jsx)("div",{className:"arrow icon",onClick:()=>this.props.onClick(),children:e}),(0,g.jsx)("div",{className:"text-value",children:this.props.label})]}),(0,g.jsx)("div",{className:"expandAll icon",onClick:()=>this.expandAll(),title:this.props.isExpanded?"Collapse all":"Expand all",children:e})]})}}class hi extends t.Component{constructor(e){super(e)}render(){return(0,g.jsx)("div",{className:"expandableHeader",children:(0,g.jsxs)("div",{className:"text",children:[(0,g.jsx)("div",{className:"arrow icon",children:(0,g.jsx)(or,{icon:cr})}),(0,g.jsx)("div",{className:"text-value",children:this.props.label})]})})}}class wi extends t.Component{constructor(e){super(e),this.state={isExpanded:!0,mustExpand:!0}}switchExpandedState(){this.setState({isExpanded:!this.state.isExpanded,mustExpand:!1})}shouldComponentUpdate(e,t){if(!t.isExpanded&&this.state.isExpanded)return!0;const n=e.items;if(n&&n.length)for(const r of n)if(po.LookForItems(r,e.selectedEntities))return t.isExpanded=!0,!0;return!0}expandAll(e){this.setState({isExpanded:e,mustExpand:e})}renderContextMenu(){return this.props.contextMenuItems?(0,g.jsx)(Li.tz,{id:"contextmenu#"+wi._ContextMenuUniqueIdGenerator++,className:"context-menu",children:this.props.contextMenuItems.map((e=>(0,g.jsx)(Li.Dr,{onClick:()=>e.action(),children:e.label},e.label)))}):(wi._ContextMenuUniqueIdGenerator++,null)}render(){let e=this.props.items;const t={paddingLeft:10*(this.props.offset+.5)+"px"};if(!e){if(!this.props.forceSubitems)return(0,g.jsx)("div",{className:"groupContainer",style:t,children:(0,g.jsx)("div",{children:this.props.label})});e=[]}if(!e.length)return(0,g.jsx)("div",{className:"groupContainer",style:t,children:(0,g.jsxs)(Li.Rc,{id:"contextmenu#"+wi._ContextMenuUniqueIdGenerator,children:[this.renderContextMenu(),(0,g.jsx)(hi,{label:this.props.label})]})});if(!this.state.isExpanded)return(0,g.jsx)("div",{className:"groupContainer",style:t,children:(0,g.jsxs)(Li.Rc,{id:"contextmenu#"+wi._ContextMenuUniqueIdGenerator,children:[this.renderContextMenu(),(0,g.jsx)(Ci,{isExpanded:!1,label:this.props.label,onClick:()=>this.switchExpandedState(),onExpandAll:e=>this.expandAll(e)})]})});const n=po.SortAndFilter(null,e)[0].getChildren();return(0,g.jsx)("div",{children:n.map((e=>(0,g.jsx)(gi,{extensibilityGroups:this.props.extensibilityGroups,offset:this.props.offset+1,selectedEntities:this.props.selectedEntities,entity:e,globalState:this.props.globalState,filter:this.props.filter},void 0!==e.uniqueId&&null!==e.uniqueId?e.uniqueId:e.name)))})}}wi._ContextMenuUniqueIdGenerator=0;var mi=o(660),bi={};bi.styleTagTransform=Nr(),bi.setAttributes=jr(),bi.insert=mr().bind(null,"head"),bi.domAPI=hr(),bi.insertStyleElement=yr(),Lr()(mi.A,bi),mi.A&&mi.A.locals&&mi.A.locals,t.Component;class ji extends t.Component{constructor(e){super(e),this.state={filter:null,selectedEntity:null,scene:this.props.scene?this.props.scene:null},this._onNewSceneObserver=this.props.globalState.onNewSceneObservable.add((e=>{this.setState({scene:e})})),this._onPropertyChangedObservable=this.props.globalState.onPropertyChangedObservable.add((e=>{"name"!==e.property&&"_columnNumber"!==e.property&&"_rowNumber"!==e.property||this.forceUpdate()})),this._onUpdateRequiredObserver=this.props.globalState.onUpdateRequiredObservable.add((()=>{this.forceUpdate()}))}componentDidMount(){this._onSelectionChangeObserver=this.props.globalState.onSelectionChangedObservable.add((e=>{this.state.selectedEntity!==e&&this.setState({selectedEntity:e})})),this.props.globalState.onSelectionChangedObservable.add((()=>{this.forceUpdate()})),this._onParrentingChangeObserver=this.props.globalState.onParentingChangeObservable.add((()=>{this.forceUpdate()}))}componentWillUnmount(){this._onSelectionChangeObserver&&this.props.globalState.onSelectionChangedObservable.remove(this._onSelectionChangeObserver),this._onNewSceneObserver&&this.props.globalState.onNewSceneObservable.remove(this._onNewSceneObserver),this._onParrentingChangeObserver&&this.props.globalState.onParentingChangeObservable.remove(this._onParrentingChangeObserver),this._onPropertyChangedObservable&&this.props.globalState.onPropertyChangedObservable.remove(this._onPropertyChangedObservable),this._onUpdateRequiredObserver&&this.props.globalState.onUpdateRequiredObservable.remove(this._onUpdateRequiredObserver)}filterContent(e){this.setState({filter:e})}findSiblings(e,t,n,r,o){if(!t)return!1;const i=po.SortAndFilter(e,t);if(!t||0===i.length)return!1;for(const e of i){if(e===n){if(o.found=!0,!r)return o.previousOne&&this.props.globalState.select(o.previousOne),!0}else{if(o.found)return this.props.globalState.select(e),!0;o.previousOne=e}if(e.getChildren&&e.reservedDataStore&&e.reservedDataStore.isExpanded&&this.findSiblings(e,e.getChildren(),n,r,o))return!0}return!1}processKeys(e){if("input"===e.target.localName)return;const t=this.state.scene;let n=!1,o=!1;switch(e.key){case"ArrowUp":n=!0;break;case"ArrowDown":o=!0,n=!0;break;case"Enter":case"ArrowRight":return this.props.globalState.selectedControls.forEach((e=>{const t=e.reservedDataStore;t&&t.setExpandedState&&t.setExpandedState(!0)})),e.preventDefault(),void this.forceUpdate();case"ArrowLeft":return this.props.globalState.selectedControls.forEach((e=>{const t=e.reservedDataStore;r.Logger.Log(t),t&&t.setExpandedState&&t.setExpandedState(!1)})),e.preventDefault(),void this.forceUpdate();case"Delete":case"Backspace":this.props.globalState.deleteSelectedNodes(),this.forceUpdate()}if(n&&(e.preventDefault(),t)){const e=this.props.globalState.selectedControls[this.props.globalState.selectedControls.length-1],n={};this.findSiblings(null,t.rootNodes,e,o,n)||this.findSiblings(null,t.materials,e,o,n)||this.findSiblings(null,t.textures,e,o,n)}}renderContent(){if(!this.state.scene)return null;const e=[this.props.globalState.guiTexture];return(0,g.jsx)("div",{id:"tree",onDrop:()=>{this.props.globalState.onDropObservable.notifyObservers(),this.props.globalState.onParentingChangeObservable.notifyObservers(null)},onDragOver:e=>{e.preventDefault()},onClick:()=>{this.props.globalState.selectionLock?this.props.globalState.selectionLock=!1:this.props.globalState.setSelection([])},onContextMenu:e=>e.preventDefault(),children:e&&e.length>0&&(0,g.jsx)(wi,{globalState:this.props.globalState,extensibilityGroups:this.props.extensibilityGroups,selectedEntities:this.props.globalState.selectedControls,items:e,label:"GUI",offset:1,filter:this.state.filter})})}onClose(){this.props.onClose&&this.props.onClose()}onPopup(){this.props.onPopup&&this.props.onPopup()}render(){return(0,g.jsxs)("div",{id:"ge-sceneExplorer",tabIndex:0,onKeyDown:e=>this.processKeys(e),children:[this.props.children,this.renderContent()]})}}class fi extends t.Component{constructor(e){super(e),this._id=fi._IDGenerator++,this._uploadInputRef=t.createRef()}onChange(e){const t=e.target.files;t&&t.length&&this.props.onClick(t[0]),e.target.value=""}render(){return(0,g.jsxs)("div",{className:"buttonLine",children:[this.props.icon&&(0,g.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),(0,g.jsx)("label",{htmlFor:"file-upload"+this._id,className:"file-upload",children:this.props.label}),(0,g.jsx)("input",{ref:this._uploadInputRef,id:"file-upload"+this._id,type:"file",accept:this.props.accept,onChange:e=>this.onChange(e)})]})}}fi._IDGenerator=0;class yi extends t.Component{constructor(e){super(e),this.state={isExpanded:!1,activeState:""}}render(){return(0,g.jsxs)(g.Fragment,{children:[this.state.isExpanded&&(0,g.jsx)("div",{className:"command-dropdown-blocker",onClick:()=>{this.setState({isExpanded:!1})}}),(0,g.jsxs)("div",{className:"command-dropdown-root",children:[(0,g.jsxs)("div",{className:"command-dropdown"+(this.state.isExpanded?" activated":""),title:this.props.tooltip,onClick:()=>{this.setState({isExpanded:!1});const e=!this.state.isExpanded,t=document.getElementById("embed-host");t&&(t.style.zIndex=e?"0":"10"),this.setState({isExpanded:e})},children:[this.props.icon&&(0,g.jsx)("div",{className:"command-dropdown-icon",children:(0,g.jsx)("img",{src:this.props.icon})}),!this.props.icon&&(0,g.jsx)("div",{className:"command-dropdown-active"})]}),this.state.isExpanded&&(0,g.jsx)("div",{className:"command-dropdown-content sub1"+(this.props.toRight?" toRight":""),children:this.props.items.map((e=>e.fileButton?(0,g.jsx)(fi,{label:e.loadControlButton?"Load control":"Load",onClick:t=>this.props.globalState[e.loadControlButton?"onControlLoadObservable":"onLoadObservable"].notifyObservers(t),accept:".json"},e.label):(0,g.jsxs)("div",{className:"command-dropdown-label"+(e.isActive?" active":""),onClick:()=>{e.onClick?e.subItems||(e.onClick(),this.setState({isExpanded:!1,activeState:e.label})):this.forceUpdate()},title:e.label,children:[!e.icon&&(0,g.jsx)("div",{className:"command-dropdown-label-text",children:(e.isActive?"> ":"")+e.label}),e.icon&&(0,g.jsx)("div",{className:"command-dropdown-icon",children:(0,g.jsx)("img",{src:e.icon})}),e.onCheck&&(0,g.jsx)("input",{type:"checkBox",className:"command-dropdown-label-check",onChange:t=>{this.forceUpdate(),e.onCheck(t.target.checked)},checked:!1}),e.subItems&&(0,g.jsx)("div",{className:"command-dropdown-arrow",children:">"}),e.subItems&&(0,g.jsx)("div",{className:"sub-items ",children:e.subItems.map((t=>(0,g.jsx)("div",{className:"sub-item",onClick:()=>{e.onClick(),this.setState({isExpanded:!1})},children:(0,g.jsx)("div",{className:"sub-item-label",children:t})},t)))})]},e.label)))})]})]})}}var xi=o(463),Ni={};Ni.styleTagTransform=Nr(),Ni.setAttributes=jr(),Ni.insert=mr().bind(null,"head"),Ni.domAPI=hr(),Ni.insertStyleElement=yr(),Lr()(xi.A,Ni),xi.A&&xi.A.locals&&xi.A.locals;const Si=[{width:1920,height:1080},{width:1366,height:768},{width:1280,height:800},{width:3840,height:2160},{width:750,height:1334},{width:1125,height:2436},{width:1170,height:2532},{width:1284,height:2778},{width:1080,height:2220},{width:1080,height:2340},{width:1024,height:1024},{width:2048,height:2048}],vi=[{label:"Web (1920)",value:0},{label:"Web (1366)",value:1},{label:"Web (1280)",value:2},{label:"Web (3840)",value:3},{label:"iPhone 8 (750)",value:4},{label:"iPhone X, 11 (1125)",value:5},{label:"iPhone 12 (1170)",value:6},{label:"iPhone Pro Max (1284)",value:7},{label:"Google Pixel 4 (1080)",value:8},{label:"Google Pixel 5 (1080)",value:9},{label:"Square (1024)",value:10},{label:"Square (2048)",value:11}];class Di extends t.Component{constructor(e){super(e),this._sizeOption=0,this._stopUpdating=!1,this._lockObject=new s,e.globalState.onToolChangeObservable.add((()=>{this.forceUpdate()})),e.globalState.onOutlineChangedObservable.add((()=>{this.forceUpdate()})),e.globalState.onResizeObservable.add((()=>{this.forceUpdate()})),e.globalState.onSelectionChangedObservable.add((()=>{this.forceUpdate()})),e.globalState.onWindowResizeObservable.add((()=>{this.forceUpdate()}))}render(){const e=!this.props.globalState.workbench||this.props.globalState.workbench.pasteDisabled,t=this.props.globalState.workbench?{...this.props.globalState.workbench.guiSize}:{width:0,height:0},n=0===this.props.globalState.selectedControls.length?"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJpY29ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM3Nzc3Nzc7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE0Ljc2LDE0LjA2djEwLjI3YzAsMS40NiwxLjE4LDIuNjQsMi42NCwyLjY0aDcuMDFjLS4yNSwuNzEtLjkzLDEuMjItMS43MywxLjIyaC01LjI4Yy0yLjEzLDAtMy44Ni0xLjczLTMuODYtMy44NlYxNS43OGMwLS44LC41MS0xLjQ4LDEuMjItMS43M1ptOS45Ni0yLjE0YzEuMDEsMCwxLjgzLC44MiwxLjgzLDEuODN2MTAuNTdjMCwxLjAxLS44MiwxLjgzLTEuODMsMS44M2gtNy4zMmMtMS4wMSwwLTEuODMtLjgyLTEuODMtMS44M1YxMy43NWMwLTEuMDEsLjgyLTEuODMsMS44My0xLjgzaDcuMzJabTAsMS4yMmgtNy4zMmMtLjM0LDAtLjYxLC4yNy0uNjEsLjYxdjEwLjU3YzAsLjM0LC4yNywuNjEsLjYxLC42MWg3LjMyYy4zNCwwLC42MS0uMjcsLjYxLS42MVYxMy43NWMwLS4zNC0uMjctLjYxLS42MS0uNjFaIi8+PC9zdmc+":"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJpY29ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE0Ljc2LDE0LjA2djEwLjI3YzAsMS40NiwxLjE4LDIuNjQsMi42NCwyLjY0aDcuMDFjLS4yNSwuNzEtLjkzLDEuMjItMS43MywxLjIyaC01LjI4Yy0yLjEzLDAtMy44Ni0xLjczLTMuODYtMy44NlYxNS43OGMwLS44LC41MS0xLjQ4LDEuMjItMS43M1ptOS45Ni0yLjE0YzEuMDEsMCwxLjgzLC44MiwxLjgzLDEuODN2MTAuNTdjMCwxLjAxLS44MiwxLjgzLTEuODMsMS44M2gtNy4zMmMtMS4wMSwwLTEuODMtLjgyLTEuODMtMS44M1YxMy43NWMwLTEuMDEsLjgyLTEuODMsMS44My0xLjgzaDcuMzJabTAsMS4yMmgtNy4zMmMtLjM0LDAtLjYxLC4yNy0uNjEsLjYxdjEwLjU3YzAsLjM0LC4yNywuNjEsLjYxLC42MWg3LjMyYy4zNCwwLC42MS0uMjcsLjYxLS42MVYxMy43NWMwLS4zNC0uMjctLjYxLS42MS0uNjFaIi8+PC9zdmc+",o=0===this.props.globalState.selectedControls.length?"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJpY29ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM3Nzc3Nzc7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE4LjM5LDE0LjU0aDMuMjRjMC0uODktLjcyLTEuNjItMS42Mi0xLjYycy0xLjYyLC43Mi0xLjYyLDEuNjJabS0xLjIxLDBjMC0xLjU2LDEuMjctMi44MywyLjgzLTIuODNzMi44MywxLjI3LDIuODMsMi44M2g0LjY1Yy4zNCwwLC42MSwuMjcsLjYxLC42MXMtLjI3LC42MS0uNjEsLjYxaC0xLjA3bC0uOTUsOS44Yy0uMTUsMS41Ni0xLjQ2LDIuNzQtMy4wMiwyLjc0aC00LjljLTEuNTYsMC0yLjg3LTEuMTktMy4wMi0yLjc0bC0uOTUtOS44aC0xLjA3Yy0uMzQsMC0uNjEtLjI3LS42MS0uNjFzLjI3LS42MSwuNjEtLjYxaDQuNjVabTEuNjIsMy44NGMwLS4zNC0uMjctLjYxLS42MS0uNjFzLS42MSwuMjctLjYxLC42MXY2LjA3YzAsLjM0LC4yNywuNjEsLjYxLC42MXMuNjEtLjI3LC42MS0uNjF2LTYuMDdabTMuMDQtLjYxYy4zNCwwLC42MSwuMjcsLjYxLC42MXY2LjA3YzAsLjM0LS4yNywuNjEtLjYxLC42MXMtLjYxLS4yNy0uNjEtLjYxdi02LjA3YzAtLjM0LC4yNy0uNjEsLjYxLS42MVptLTYuMDgsNy42NmMuMDksLjkzLC44NywxLjY1LDEuODEsMS42NWg0LjljLjk0LDAsMS43Mi0uNzEsMS44MS0xLjY1bC45NC05LjY5SDE0LjgxbC45NCw5LjY5WiIvPjwvc3ZnPg==":"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJpY29ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE4LjM5LDE0LjU0aDMuMjRjMC0uODktLjcyLTEuNjItMS42Mi0xLjYycy0xLjYyLC43Mi0xLjYyLDEuNjJabS0xLjIxLDBjMC0xLjU2LDEuMjctMi44MywyLjgzLTIuODNzMi44MywxLjI3LDIuODMsMi44M2g0LjY1Yy4zNCwwLC42MSwuMjcsLjYxLC42MXMtLjI3LC42MS0uNjEsLjYxaC0xLjA3bC0uOTUsOS44Yy0uMTUsMS41Ni0xLjQ2LDIuNzQtMy4wMiwyLjc0aC00LjljLTEuNTYsMC0yLjg3LTEuMTktMy4wMi0yLjc0bC0uOTUtOS44aC0xLjA3Yy0uMzQsMC0uNjEtLjI3LS42MS0uNjFzLjI3LS42MSwuNjEtLjYxaDQuNjVabTEuNjIsMy44NGMwLS4zNC0uMjctLjYxLS42MS0uNjFzLS42MSwuMjctLjYxLC42MXY2LjA3YzAsLjM0LC4yNywuNjEsLjYxLC42MXMuNjEtLjI3LC42MS0uNjF2LTYuMDdabTMuMDQtLjYxYy4zNCwwLC42MSwuMjcsLjYxLC42MXY2LjA3YzAsLjM0LS4yNywuNjEtLjYxLC42MXMtLjYxLS4yNy0uNjEtLjYxdi02LjA3YzAtLjM0LC4yNy0uNjEsLjYxLS42MVptLTYuMDgsNy42NmMuMDksLjkzLC44NywxLjY1LDEuODEsMS42NWg0LjljLjk0LDAsMS43Mi0uNzEsMS44MS0xLjY1bC45NC05LjY5SDE0LjgxbC45NCw5LjY5WiIvPjwvc3ZnPg==",i=e?"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJpY29ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM3Nzc3Nzc7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIwLjYxLDEyLjA3Yy45NCwwLDEuNzEsLjcxLDEuODEsMS42MmgxLjQzYy45NywwLDEuNzYsLjc1LDEuODIsMS43di4xM2MwLC4zMS0uMjIsLjU2LS41MiwuNmgtLjA4Yy0uMzEsMC0uNTYtLjIyLS42LS41MnYtLjA4YzAtLjMxLS4yMy0uNTYtLjUzLS42aC0xLjgxYy0uMzMsLjQ4LS44OCwuOC0xLjUxLC44aC0yLjg1Yy0uNjMsMC0xLjE5LS4zMi0xLjUxLS44MWgtMS43M2MtLjMxLDAtLjU2LC4yMy0uNiwuNTN2MTEuMDVjMCwuMzEsLjIyLC41NiwuNTIsLjZoMi41MmMuMzEsMCwuNTYsLjIzLC42LC41M3YuMDhjMCwuMzQtLjI3LC42MS0uNiwuNjFoLTIuNDRjLS45NywwLTEuNzYtLjc1LTEuODItMS43VjE1LjUzYzAtLjk3LC43NS0xLjc2LDEuNy0xLjgyaDEuNTZjLjEtLjkyLC44Ny0xLjYzLDEuODEtMS42M2gyLjg1Wm00Ljg3LDQuODdjLjk3LDAsMS43NiwuNzUsMS44MiwxLjd2Ny44NGMwLC45Ny0uNzUsMS43Ni0xLjcsMS44MmgtNS40Yy0uOTcsMC0xLjc2LS43NS0xLjgyLTEuN3YtNy44NGMwLS45NywuNzUtMS43NiwxLjctMS44Mmg1LjRabTAsMS4yMWgtNS4yOGMtLjMxLDAtLjU2LC4yMy0uNiwuNTN2Ny44YzAsLjMxLC4yMiwuNTYsLjUyLC42aDUuMzZjLjMxLDAsLjU2LS4yMiwuNi0uNTJ2LTcuOGMwLS4zMS0uMjItLjU2LS41Mi0uNmgtLjA4Wm0tNC44Ny00Ljg4aC0yLjg1Yy0uMzMsMC0uNjEsLjI3LS42MSwuNjFzLjI3LC42MSwuNjEsLjYxaDIuODVjLjMzLDAsLjYxLS4yNywuNjEtLjYxcy0uMjctLjYxLS42MS0uNjFaIi8+PC9zdmc+":"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJpY29ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIwLjYxLDEyLjA3Yy45NCwwLDEuNzEsLjcxLDEuODEsMS42MmgxLjQzYy45NywwLDEuNzYsLjc1LDEuODIsMS43di4xM2MwLC4zMS0uMjIsLjU2LS41MiwuNmgtLjA4Yy0uMzEsMC0uNTYtLjIyLS42LS41MnYtLjA4YzAtLjMxLS4yMy0uNTYtLjUzLS42aC0xLjgxYy0uMzMsLjQ4LS44OCwuOC0xLjUxLC44aC0yLjg1Yy0uNjMsMC0xLjE5LS4zMi0xLjUxLS44MWgtMS43M2MtLjMxLDAtLjU2LC4yMy0uNiwuNTN2MTEuMDVjMCwuMzEsLjIyLC41NiwuNTIsLjZoMi41MmMuMzEsMCwuNTYsLjIzLC42LC41M3YuMDhjMCwuMzQtLjI3LC42MS0uNiwuNjFoLTIuNDRjLS45NywwLTEuNzYtLjc1LTEuODItMS43VjE1LjUzYzAtLjk3LC43NS0xLjc2LDEuNy0xLjgyaDEuNTZjLjEtLjkyLC44Ny0xLjYzLDEuODEtMS42M2gyLjg1Wm00Ljg3LDQuODdjLjk3LDAsMS43NiwuNzUsMS44MiwxLjd2Ny44NGMwLC45Ny0uNzUsMS43Ni0xLjcsMS44MmgtNS40Yy0uOTcsMC0xLjc2LS43NS0xLjgyLTEuN3YtNy44NGMwLS45NywuNzUtMS43NiwxLjctMS44Mmg1LjRabTAsMS4yMWgtNS4yOGMtLjMxLDAtLjU2LC4yMy0uNiwuNTN2Ny44YzAsLjMxLC4yMiwuNTYsLjUyLC42aDUuMzZjLjMxLDAsLjU2LS4yMiwuNi0uNTJ2LTcuOGMwLS4zMS0uMjItLjU2LS41Mi0uNmgtLjA4Wm0tNC44Ny00Ljg4aC0yLjg1Yy0uMzMsMC0uNjEsLjI3LS42MSwuNjFzLjI3LC42MSwuNjEsLjYxaDIuODVjLjMzLDAsLjYxLS4yNywuNjEtLjYxcy0uMjctLjYxLS42MS0uNjFaIi8+PC9zdmc+",s=this.props.globalState.fromPG?r.DataStorage.ReadBoolean("responsiveUI",!0):r.DataStorage.ReadBoolean("Responsive",!0);return this._sizeOption=Si.findIndex((e=>e.width==t.width&&e.height==t.height)),this._sizeOption<0&&(this.props.globalState.onResponsiveChangeObservable.notifyObservers(!1),r.DataStorage.WriteBoolean("Responsive",!1)),(0,g.jsxs)("div",{className:"ge-commands",children:[(0,g.jsxs)("div",{className:"commands-left",children:[(0,g.jsxs)("div",{className:"divider",children:[(0,g.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cG9seWdvbiBwb2ludHM9IjI5LjM5IDE0LjU4IDI2LjQ1IDEyLjg4IDIzLjYzIDE0LjUxIDI2LjU3IDE2LjIxIDI5LjM5IDE0LjU4IiBzdHlsZT0iZmlsbDojZTA2ODRiIi8+PHBvbHlnb24gcG9pbnRzPSIxMy40MyAxNi4yMSAyMi44MyAxMC43OSAyMCA5LjE1IDEwLjYxIDE0LjU4IDEzLjQzIDE2LjIxIiBzdHlsZT0iZmlsbDojZTA2ODRiIi8+PHBvbHlnb24gcG9pbnRzPSIxNy4wNiAyMS43IDIwIDIzLjM5IDIyLjk0IDIxLjcgMjAgMjAgMTcuMDYgMjEuNyIgc3R5bGU9ImZpbGw6I2UwNjg0YiIvPjxwb2x5Z29uIHBvaW50cz0iMjYuNTcgMTYuMjEgMjYuNTcgMjMuNzkgMjAgMjcuNTggMTMuNDMgMjMuNzkgMTMuNDMgMTYuMjEgMTAuNjEgMTQuNTggMTAuNjEgMjUuNDIgMjAgMzAuODUgMjkuMzkgMjUuNDIgMjkuMzkgMTQuNTggMjYuNTcgMTYuMjEiIHN0eWxlPSJmaWxsOiNiYjQ2NGIiLz48cG9seWdvbiBwb2ludHM9IjIwIDE2LjYxIDE3LjA2IDE4LjMgMTcuMDYgMjEuNyAyMCAyMCAyMi45NCAyMS43IDIyLjk0IDE4LjMgMjAgMTYuNjEiIHN0eWxlPSJmaWxsOiNiYjQ2NGIiLz48cG9seWdvbiBwb2ludHM9IjI2LjU3IDE2LjIxIDIyLjk0IDE4LjMgMjIuOTQgMjEuNyAyMCAyMy4zOSAyMCAyNy41OCAyNi41NyAyMy43OSAyNi41NyAxNi4yMSIgc3R5bGU9ImZpbGw6I2UwZGVkOCIvPjxwb2x5Z29uIHBvaW50cz0iMTMuNDMgMTYuMjEgMTcuMDYgMTguMyAxNy4wNiAyMS43IDIwIDIzLjM5IDIwIDI3LjU4IDEzLjQzIDIzLjc5IDEzLjQzIDE2LjIxIiBzdHlsZT0iZmlsbDojZDVkMmNhIi8+PHBvbHlnb24gcG9pbnRzPSIyMi44MyAxMC43OSAyNi40NSAxMi44OCAyMy42MyAxNC41MSAyNi41NyAxNi4yMSAyMi45NCAxOC4zIDIwIDE2LjYxIDE3LjA2IDE4LjMgMTMuNDMgMTYuMjEgMjIuODMgMTAuNzkiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4=",color:"white",className:"active",draggable:!1}),(0,g.jsx)(yi,{globalState:this.props.globalState,toRight:!0,icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTIuNDYsMTUuMzFIMjcuNjJhLjYyLjYyLDAsMCwwLC41My0uNjEuNjEuNjEsMCwwLDAtLjYxLS42MUgxMi4zOGEuNjEuNjEsMCwwLDAsLjA4LDEuMjFaIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTI3LjU0LDE5LjM5SDEyLjM4YS42MS42MSwwLDAsMCwuMDgsMS4yMUgyNy42MmEuNjIuNjIsMCwwLDAsLjUzLS42MUEuNjEuNjEsMCwwLDAsMjcuNTQsMTkuMzlaIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTI3LjU0LDI0LjY5SDEyLjM4YS42Mi42MiwwLDAsMC0uNTMuNjEuNjEuNjEsMCwwLDAsLjYxLjYxSDI3LjYyYS42MS42MSwwLDAsMC0uMDgtMS4yMVoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4=",tooltip:"Options",items:[{label:"Save",onClick:()=>{this.props.globalState.onSaveObservable.notifyObservers()}},{label:"Load",fileButton:!0},{label:"Save to snippet",onClick:()=>{this.props.globalState.onSnippetSaveObservable.notifyObservers()}},{label:"Load from snippet",onClick:()=>{this.props.globalState.onSnippetLoadObservable.notifyObservers()}},{label:"Save selected control",onClick:()=>{this.props.globalState.onSaveSelectedControl.notifyObservers()}},{label:"Load control",fileButton:!0,loadControlButton:!0},{label:"Help",onClick:()=>{window.open("https://doc.babylonjs.com/toolsAndResources/tools/guiEditor","_blank")}},{label:"Give feedback",onClick:()=>{window.open("https://forum.babylonjs.com/t/introducing-the-gui-editor-beta/28943","_blank")}}]}),(0,g.jsx)(I,{tooltip:"Select",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjYuMDksMjAuNjUsMTUuMzcsMTIuMzFhMS4xOSwxLjE5LDAsMCwwLTEuOTIuOTR2MTMuNWExLjE5LDEuMTksMCwwLDAsMi4xMi43NGwzLjMzLTQuMjFhMS4zLDEuMywwLDAsMSwxLS41aDUuNDRBMS4xOSwxLjE5LDAsMCwwLDI2LjA5LDIwLjY1Wm0tNi4xNy45NGEyLjUxLDIuNTEsMCwwLDAtMiwuOTVsLTMuMzIsNC4yMVYxMy4yNWwxMC43Miw4LjM0WiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg==",shortcut:"S",isActive:this.props.globalState.tool===A.SELECT,onClick:()=>{this.props.globalState.tool=A.SELECT}}),(0,g.jsx)(I,{tooltip:"Pan",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTkuMzksMTMuNTF2NS4wN2EuNjEuNjEsMCwwLDAsLjYxLjYxLjYxLjYxLDAsMCwwLC42MS0uNjFWMTQuNTFhLjM5LjM5LDAsMCwxLC40LS4zOS40My40MywwLDAsMSwuNDEuNDF2Ni4wOGEuNjEuNjEsMCwwLDAsMSwuNDJoMGwwLDAsLjA4LS4wN2MuMDgtLjA3LjE5LS4xNi4zMy0uMjZBMi42NiwyLjY2LDAsMCwxLDI0LDIwLjJhMS44NiwxLjg2LDAsMCwxLDEuMTMuMTEuNjguNjgsMCwwLDEsLjM2LjQzbC0xLjM1LDFMMjQsMjEuOGwtMS43NiwxLjc2YTEwLDEwLDAsMCwwLTEuODcsMi41OSwxLjM1LDEuMzUsMCwwLDEtMS4yLjc0SDE3YTEuMjEsMS4yMSwwLDAsMS0xLjA3LS41OCw5LDksMCwwLDEtMS4zOS00LjA4VjE2YS40MS40MSwwLDEsMSwuODEsMHYyLjgzYS42MS42MSwwLDAsMCwuNjEuNjEuNjEuNjEsMCwwLDAsLjYxLS42MVYxNC41M2EuNC40LDAsMCwxLC40LS40MS40MS40MSwwLDAsMSwuNDEuNDF2NGEuNjEuNjEsMCwxLDAsMS4yMSwwVjEzLjUxYS40MS40MSwwLDAsMSwuODEsMFpNMjAuNTIsMTNBMS42MywxLjYzLDAsMCwwLDE5LDExLjg5LDEuNiwxLjYsMCwwLDAsMTcuNDYsMTNhMS42MywxLjYzLDAsMCwwLS41LS4wNywxLjYxLDEuNjEsMCwwLDAtMS42MSwxLjQ3LDEuODQsMS44NCwwLDAsMC0uNDEtLjA1QTEuNjIsMS42MiwwLDAsMCwxMy4zMSwxNnY2LjI4YTEwLjIsMTAuMiwwLDAsMCwxLjU2LDQuN0EyLjQ0LDIuNDQsMCwwLDAsMTcsMjguMTFIMTkuMmEyLjU4LDIuNTgsMCwwLDAsMi4yOS0xLjQxLDguNzksOC43OSwwLDAsMSwxLjYzLTIuMjhsMS43NC0xLjczLDEuNTgtMS4xOWEuNjEuNjEsMCwwLDAsLjI1LS40OSwxLjksMS45LDAsMCwwLTEuMDYtMS43OEEzLDMsMCwwLDAsMjMuNzQsMTlhMy42NCwzLjY0LDAsMCwwLTEuMTEuNFYxNC41M0ExLjYzLDEuNjMsMCwwLDAsMjEsMTIuOTEsMS41MSwxLjUxLDAsMCwwLDIwLjUyLDEzWiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg==",shortcut:"P",isActive:this.props.globalState.tool===A.PAN,onClick:()=>{this.props.globalState.tool=A.PAN}}),(0,g.jsx)(I,{tooltip:"Zoom",shortcut:"Z",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjcuMSwyNi4yNGwtNC00YTUuODYsNS44NiwwLDEsMC0uODYuODZsNCw0LC4wNy4wNmEuNjIuNjIsMCwwLDAsLjc5LS4wNkEuNi42LDAsMCwwLDI3LjEsMjYuMjRabS04LjUxLTNhNC42NSw0LjY1LDAsMSwxLDQuNjQtNC42NEE0LjY1LDQuNjUsMCwwLDEsMTguNTksMjMuMjNaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+",isActive:this.props.globalState.tool===A.ZOOM,onClick:()=>{this.props.globalState.tool=A.ZOOM}})]}),(0,g.jsxs)("div",{className:"divider",children:[(0,g.jsx)(I,{tooltip:"Copy Selected",shortcut:"Ctrl + C",icon:n,isActive:!1,copyDeleteDisabled:0===this.props.globalState.selectedControls.length,onClick:()=>{this.props.globalState.onCopyObservable.notifyObservers((e=>this.props.globalState.hostWindow.navigator.clipboard.writeText(e))),this.forceUpdate()}}),(0,g.jsx)(I,{tooltip:"Paste",shortcut:"Ctrl + V",icon:i,isActive:!1,pasteDisabled:e,onClick:async()=>{this.props.globalState.onPasteObservable.notifyObservers(await this.props.globalState.hostWindow.navigator.clipboard.readText())}}),(0,g.jsx)(I,{tooltip:"Delete",shortcut:"Delete",icon:o,isActive:!1,copyDeleteDisabled:0===this.props.globalState.selectedControls.length,onClick:()=>{this.props.globalState.selectedControls.forEach((e=>{e!=this.props.globalState.guiTexture.getChildren()[0]&&(this.props.globalState.guiTexture.removeControl(e),this.props.globalState.liveGuiTexture?.removeControl(e),e.dispose())})),this.props.globalState.setSelection([])}})]}),(0,g.jsxs)("div",{className:"divider",children:[(0,g.jsx)(I,{tooltip:"Fit to Window",shortcut:"F",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjUuMDUsMTMuNTRhMywzLDAsMCwxLDMsM3Y2Ljg2YTMsMywwLDAsMS0zLDNIMTVhMywzLDAsMCwxLTMtM1YxNi41N2EzLDMsMCwwLDEsMy0zWm0wLDEuMjFIMTVhMS44MiwxLjgyLDAsMCwwLTEuODIsMS44MnY2Ljg2QTEuODIsMS44MiwwLDAsMCwxNSwyNS4yNWgxMC4xYTEuODIsMS44MiwwLDAsMCwxLjgyLTEuODJWMTYuNTdBMS44MiwxLjgyLDAsMCwwLDI1LjA1LDE0Ljc1Wm0wLDYuMDZhLjYxLjYxLDAsMCwxLC42MS42djFBMS42MiwxLjYyLDAsMCwxLDI0LDI0SDIzYS42MS42MSwwLDEsMSwwLTEuMjFoMWEuNC40LDAsMCwwLC40LS40MXYtMUEuNi42LDAsMCwxLDI1LjA1LDIwLjgxWm0tMTAuMSwwYS42LjYsMCwwLDEsLjYxLjZ2MWEuNC40LDAsMCwwLC40LjQxaDFBLjYxLjYxLDAsMSwxLDE3LDI0SDE2YTEuNjIsMS42MiwwLDAsMS0xLjYyLTEuNjJ2LTFBLjYxLjYxLDAsMCwxLDE1LDIwLjgxWk0xNiwxNmgxYS42MS42MSwwLDAsMSwuNjEuNjEuNjEuNjEsMCwwLDEtLjUzLjZIMTZhLjQyLjQyLDAsMCwwLS40LjMzdjEuMDlhLjYxLjYxLDAsMCwxLTEuMjEuMDhWMTcuNThBMS42MywxLjYzLDAsMCwxLDE1Ljg0LDE2Wk0yNCwxNmExLjYyLDEuNjIsMCwwLDEsMS42MiwxLjYydjFhLjYxLjYxLDAsMCwxLS42MS42LjYuNiwwLDAsMS0uNjEtLjZ2LTFhLjQuNCwwLDAsMC0uNC0uNDFIMjNBLjYxLjYxLDAsMSwxLDIzLDE2WiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg==",isActive:!1,onClick:()=>{this.props.globalState.onFitControlsToWindowObservable.notifyObservers()}}),(0,g.jsx)(I,{tooltip:"Toggle Guides",shortcut:"G",icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjEuNiwxMy4zOGEuNi42LDAsMCwxLS42LjZIMTlhLjYuNiwwLDEsMSwwLTEuMmgyQS42LjYsMCwwLDEsMjEuNiwxMy4zOFoiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJNMTQsMTlhLjYuNiwwLDAsMC0xLjIsMHYyQS42LjYsMCwwLDAsMTQsMjFaIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTI2LDE5YS42LjYsMCwwLDEsMS4yLDB2MkEuNi42LDAsMCwxLDI2LDIxWiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjxwYXRoIGQ9Ik0yMSwyNy4yMkEuNi42LDAsMCwwLDIxLDI2SDE5YS42LjYsMCwxLDAsMCwxLjJaIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTE2LDEzLjM4YS42LjYsMCwwLDAtLjYtLjZIMTVhMi4yMSwyLjIxLDAsMCwwLTIuMiwyLjJ2LjQxYS42LjYsMCwwLDAsMS4yLDBWMTVhMSwxLDAsMCwxLDEtMWguNDFBLjYuNiwwLDAsMCwxNiwxMy4zOFoiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJNMjQuNjEsMTIuNzhhLjYuNiwwLDEsMCwwLDEuMkgyNWExLDEsMCwwLDEsMSwxdi40MWEuNi42LDAsMSwwLDEuMiwwVjE1YTIuMjEsMi4yMSwwLDAsMC0yLjItMi4yWiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjxwYXRoIGQ9Ik0xNiwyNi42MmEuNi42LDAsMCwxLS42LjZIMTVhMi4yMSwyLjIxLDAsMCwxLTIuMi0yLjJ2LS40MWEuNi42LDAsMCwxLDEuMiwwVjI1YTEsMSwwLDAsMCwxLDFoLjQxQS42LjYsMCwwLDEsMTYsMjYuNjJaIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTI0LjYxLDI3LjIyYS42LjYsMCwwLDEsMC0xLjJIMjVhMSwxLDAsMCwwLDEtMXYtLjQxYS42LjYsMCwwLDEsMS4yLDBWMjVhMi4yMSwyLjIxLDAsMCwxLTIuMiwyLjJaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+",isActive:this.props.globalState.outlines,onClick:()=>this.props.globalState.outlines=!this.props.globalState.outlines})]}),(0,g.jsx)("div",{className:"divider padded",children:(0,g.jsx)(Tr,{lockObject:this._lockObject,label:"Artboard:",target:this.props.globalState,propertyName:"backgroundColor",disableAlpha:!0})}),(0,g.jsxs)("div",{className:"divider padded",children:[(0,g.jsx)(ar,{label:"Responsive:",iconLabel:"Responsive GUIs will resize the UI layout and reflow controls to accommodate different device screen sizes",isSelected:()=>r.DataStorage.ReadBoolean("Responsive",!0),onSelect:e=>{this.props.globalState.onResponsiveChangeObservable.notifyObservers(e),r.DataStorage.WriteBoolean("Responsive",e),r.DataStorage.WriteBoolean("responsiveUI",e),this._sizeOption=vi.length,e&&(this._sizeOption=0,this.props.globalState.workbench.guiSize=Si[this._sizeOption],r.DataStorage.WriteNumber("width",this.props.globalState.workbench.guiSize.width),r.DataStorage.WriteNumber("height",this.props.globalState.workbench.guiSize.height)),this.forceUpdate()},large:!0}),s&&(0,g.jsx)(So,{label:"",iconLabel:"Size",options:vi,target:this,propertyName:"_sizeOption",noDirectUpdate:!0,onSelect:e=>{if(this._sizeOption=e,this._sizeOption!==vi.length){const e=Si[this._sizeOption];this.props.globalState.workbench.guiSize=e,r.DataStorage.WriteNumber("width",this.props.globalState.workbench.guiSize.width),r.DataStorage.WriteNumber("height",this.props.globalState.workbench.guiSize.height)}this.forceUpdate()}}),!s&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(N,{lockObject:this._lockObject,label:"W",target:t,propertyName:"width",min:1,max:16384,onChange:e=>{this._stopUpdating||(this.props.globalState.workbench.guiSize={width:e,height:t.height},r.DataStorage.WriteNumber("width",this.props.globalState.workbench.guiSize.width))},onDragStart:()=>{this._stopUpdating=!0},onDragStop:e=>{this._stopUpdating=!1,this.props.globalState.workbench.guiSize={width:e,height:t.height},r.DataStorage.WriteNumber("width",this.props.globalState.workbench.guiSize.width)},arrows:!0,isInteger:!0}),(0,g.jsx)(N,{lockObject:this._lockObject,label:"H",target:t,propertyName:"height",min:1,max:16384,onChange:e=>{this._stopUpdating||(this.props.globalState.workbench.guiSize={width:t.width,height:e},r.DataStorage.WriteNumber("height",this.props.globalState.workbench.guiSize.width))},onDragStart:()=>{this._stopUpdating=!0},onDragStop:e=>{this._stopUpdating=!1,this.props.globalState.workbench.guiSize={width:t.width,height:e},r.DataStorage.WriteNumber("height",this.props.globalState.workbench.guiSize.width)},arrows:!0,isInteger:!0})]})]})]}),(0,g.jsx)("div",{className:"commands-right"})]})}}const Ii="data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSIxNSIgY3k9IjE1IiByPSI4Ljk4Ii8+PHBhdGggZD0iTTE1LDYuOUE4LjEsOC4xLDAsMSwwLDIzLjEsMTUsOC4xLDguMSwwLDAsMCwxNSw2LjlabTYuODYsNy40OUgxNS42M1Y4LjE0QTYuODksNi44OSwwLDAsMSwyMS44NiwxNC4zOVpNMTQuNDEsOC4xNHY2LjI1SDguMTRBNi44OSw2Ljg5LDAsMCwxLDE0LjQxLDguMTRaTTguMTQsMTUuNjFoNi4yN3Y2LjI1QTYuODksNi44OSwwLDAsMSw4LjE0LDE1LjYxWm03LjQ5LDYuMjVWMTUuNjFoNi4yM0E2Ljg5LDYuODksMCwwLDEsMTUuNjMsMjEuODZaIi8+PC9zdmc+";var Ei;!function(e){e[e.Top=-1]="Top",e[e.Left=-1]="Left",e[e.Center=0]="Center",e[e.Right=1]="Right",e[e.Bottom=1]="Bottom"}(Ei||(Ei={}));const Ti='url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSIgIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwb2x5Z29uIHBvaW50cz0iNy41MSAxMS4wNCA2LjIyIDYuMjIgMTEuMDQgNy41MSA5LjYzIDguOTIgMTYuMDggMTUuMzcgMTcuNDggMTMuOTYgMTguNzcgMTguNzcgMTMuOTYgMTcuNDggMTUuMzcgMTYuMDggOC45MiA5LjYzIDcuNTEgMTEuMDQiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik02LjIyLDYuMjIsMTEsNy41MSw5LjYzLDguOTJsNi40NSw2LjQ1TDE3LjQ5LDE0bDEuMjksNC44MkwxNCwxNy40OWwxLjQxLTEuNDFMOC45Miw5LjYzLDcuNTEsMTEsNi4yMiw2LjIyTTQuODEsNC44MWwuNDUsMS42N0w2LjU1LDExLjMsNywxM2wxLjIyLTEuMjIuNy0uNyw1LDUtLjcuN0wxMiwxOGwxLjY3LjQ1LDQuODIsMS4yOSwxLjY3LjQ1LS40NS0xLjY3TDE4LjQ1LDEzLjcsMTgsMTJsLTEuMjIsMS4yMi0uNy43LTUtNSwuNy0uN0wxMyw3LDExLjMsNi41NSw2LjQ4LDUuMjYsNC44MSw0LjgxWiIvPjwvc3ZnPg==") 12 12, nwse-resize',ki='url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHBvbHlnb24gcG9pbnRzPSIxNy40OCAxMS4wNCAxOC43NyA2LjIyIDEzLjk2IDcuNTEgMTUuMzcgOC45MiA4LjkyIDE1LjM3IDcuNTEgMTMuOTYgNi4yMiAxOC43NyAxMS4wNCAxNy40OCA5LjYzIDE2LjA4IDE2LjA4IDkuNjMgMTcuNDggMTEuMDQiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xOC43OCw2LjIyLDE3LjQ5LDExLDE2LjA4LDkuNjMsOS42MywxNi4wOCwxMSwxNy40OSw2LjIyLDE4Ljc4LDcuNTEsMTRsMS40MSwxLjQxLDYuNDUtNi40NUwxNCw3LjUxbDQuODItMS4yOW0xLjQxLTEuNDEtMS42Ny40NUwxMy43LDYuNTUsMTIsN2wxLjIyLDEuMjIuNy43LTUsNS0uNy0uN0w3LDEyLDYuNTUsMTMuNyw1LjI2LDE4LjUybC0uNDUsMS42NywxLjY3LS40NSw0LjgyLTEuMjlMMTMsMThsLTEuMjItMS4yMi0uNy0uNyw1LTUsLjcuN0wxOCwxM2wuNDUtMS42NywxLjI5LTQuODIuNDUtMS42N1oiLz48L3N2Zz4=") 12 12, nesw-resize',zi='url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSIgIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwb2x5Z29uIHBvaW50cz0iNy45NCAxMC4wMSAzLjYzIDEyLjUgNy45NCAxNC45OSA3Ljk0IDEzIDE3LjA2IDEzIDE3LjA2IDE0Ljk5IDIxLjM4IDEyLjUgMTcuMDYgMTAuMDEgMTcuMDYgMTIgNy45NCAxMiA3Ljk0IDEwLjAxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNy45NCwxMHYyaDkuMTJWMTBsNC4zMSwyLjQ5TDE3LjA2LDE1VjEzSDcuOTR2MkwzLjYzLDEyLjUsNy45NCwxMG0xLTEuNzQtMS41Ljg3TDMuMTMsMTEuNjNsLTEuNS44NywxLjUuODcsNC4zMSwyLjQ5LDEuNS44N1YxNGg3LjEydjIuNzNsMS41LS44Nyw0LjMxLTIuNDksMS41LS44Ny0xLjUtLjg3TDE3LjU2LDkuMTRsLTEuNS0uODdWMTFIOC45NFY4LjI3WiIvPjwvc3ZnPg==") 12 12, pointer',Oi='url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSIgIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwb2x5Z29uIHBvaW50cz0iMTQuOTkgNy45NCAxMi41IDMuNjMgMTAuMDEgNy45NCAxMiA3Ljk0IDEyIDE3LjA2IDEwLjAxIDE3LjA2IDEyLjUgMjEuMzggMTQuOTkgMTcuMDYgMTMgMTcuMDYgMTMgNy45NCAxNC45OSA3Ljk0Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTIuNSwzLjYzLDE1LDcuOTRIMTN2OS4xMmgyTDEyLjUsMjEuMzcsMTAsMTcuMDZoMlY3Ljk0SDEwTDEyLjUsMy42M20wLTItLjg3LDEuNUw5LjE0LDcuNDRsLS44NywxLjVIMTF2Ny4xMkg4LjI3bC44NywxLjUsMi40OSw0LjMxLjg3LDEuNS44Ny0xLjUsMi40OS00LjMxLjg3LTEuNUgxNFY4Ljk0aDIuNzNsLS44Ny0xLjVMMTMuMzcsMy4xM2wtLjg3LTEuNVoiLz48L3N2Zz4=") 12 12, ns-resize',Yi=[Oi,ki,zi,Ti,Oi,ki,zi,Ti],Pi=["data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTE4LjkxLDEyLjExbC0uNjYtLjY2YTguMTQsOC4xNCwwLDAsMC0xMS41LDBsLS42Ni42Nkw0LjY4LDEwLjcsMy4zOSwxNS41MWw0LjgyLTEuMjlMNi44LDEyLjgxbC42NS0uNjVhNy4xNiw3LjE2LDAsMCwxLDEwLjEsMGwuNjUuNjUtMS40MSwxLjQxLDQuODIsMS4yOUwyMC4zMiwxMC43WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEyLjUsOS4wN2E4LjEzLDguMTMsMCwwLDEsNS43NSwyLjM4bC42Ni42NiwxLjQxLTEuNDEsMS4yOSw0LjgxLTQuODItMS4yOSwxLjQxLTEuNDEtLjY1LS42NWE3LjE1LDcuMTUsMCwwLDAtMTAuMSwwbC0uNjUuNjUsMS40MSwxLjQxTDMuMzksMTUuNTEsNC42OCwxMC43bDEuNDEsMS40MS42Ni0uNjZBOC4xMyw4LjEzLDAsMCwxLDEyLjUsOS4wN20wLTFhOS4wOCw5LjA4LDAsMCwwLTYuNDEsMi42MmwtLjctLjdMNC4xNiw4Ljc3bC0uNDQsMS42N0wyLjQzLDE1LjI1LDIsMTYuOTNsMS42Ny0uNDUsNC44Mi0xLjI5LDEuNjctLjQ1TDguOTEsMTMuNTJsLS43LS43MWE2LjE2LDYuMTYsMCwwLDEsOC41OCwwbC0uNzEuNzEtMS4yMiwxLjIyLDEuNjcuNDUsNC44MiwxLjI5LDEuNjcuNDUtLjQ1LTEuNjgtMS4yOS00LjgxLS40NC0xLjY3TDE5LjYxLDEwbC0uNy43QTkuMDgsOS4wOCwwLDAsMCwxMi41LDguMDdaIi8+PC9zdmc+","data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTE4LjMzLDE1Ljc0di0uOTNhOC4xNSw4LjE1LDAsMCwwLTguMTQtOC4xNEg5LjI2di0yTDUsNy4xN2w0LjMxLDIuNXYtMmguOTNhNy4xNCw3LjE0LDAsMCwxLDcuMTQsNy4xNHYuOTNoLTJsMi41LDQuMzEsMi40OS00LjMxWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTkuMjYsNC42OHYyaC45M2E4LjE1LDguMTUsMCwwLDEsOC4xNCw4LjE0di45M2gybC0yLjQ5LDQuMzEtMi41LTQuMzFoMnYtLjkzYTcuMTQsNy4xNCwwLDAsMC03LjE0LTcuMTRIOS4yNnYyTDUsNy4xNyw5LjI2LDQuNjhtMS0xLjczLTEuNS44Nkw0LjQ1LDYuMzEsMyw3LjE3LDQuNDUsOGw0LjMxLDIuNDksMS41Ljg3VjguNjdhNi4xNSw2LjE1LDAsMCwxLDYuMDcsNi4wN0gxMy42bC44NywxLjVMMTcsMjAuNTVsLjg3LDEuNS44Ni0xLjUsMi41LTQuMzEuODYtMS41SDE5LjMzYTkuMTYsOS4xNiwwLDAsMC05LjA3LTkuMDdWM1oiLz48L3N2Zz4=","data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTEyLjg5LDE4LjkxbC42Ni0uNjZhOC4xNCw4LjE0LDAsMCwwLDAtMTEuNWwtLjY2LS42NkwxNC4zLDQuNjgsOS40OSwzLjM5bDEuMjksNC44MkwxMi4xOSw2LjhsLjY1LjY1YTcuMTYsNy4xNiwwLDAsMSwwLDEwLjFsLS42NS42NS0xLjQxLTEuNDFMOS40OSwyMS42MWw0LjgxLTEuMjlaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOS40OSwzLjM5LDE0LjMsNC42OCwxMi44OSw2LjA5bC42Ni42NmE4LjE0LDguMTQsMCwwLDEsMCwxMS41bC0uNjYuNjYsMS40MSwxLjQxTDkuNDksMjEuNjFsMS4yOS00LjgyLDEuNDEsMS40MS42NS0uNjVhNy4xNiw3LjE2LDAsMCwwLDAtMTAuMWwtLjY1LS42NUwxMC43OCw4LjIxLDkuNDksMy4zOU04LjA3LDJsLjQ1LDEuNjdMOS44MSw4LjQ3bC40NSwxLjY3LDEuMjItMS4yMy43MS0uN2E2LjE2LDYuMTYsMCwwLDEsMCw4LjU4bC0uNzEtLjctMS4yMi0xLjIzLS40NSwxLjY3TDguNTIsMjEuMzUsOC4wNywyM2wxLjY4LS40NSw0LjgxLTEuMjksMS42Ny0uNDRMMTUsMTkuNjFsLS43LS43YTkuMTUsOS4xNSwwLDAsMCwwLTEyLjgybC43LS43LDEuMjItMS4yMy0xLjY3LS40NEw5Ljc1LDIuNDMsOC4wNywyWiIvPjwvc3ZnPg==","data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTkuMjYsMTguMzNoLjkzYTguMTUsOC4xNSwwLDAsMCw4LjE0LTguMTRWOS4yNmgyTDE3LjgzLDVsLTIuNSw0LjMxaDJ2LjkzYTcuMTQsNy4xNCwwLDAsMS03LjE0LDcuMTRIOS4yNnYtMkw1LDE3LjgzbDQuMzEsMi40OVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNy44Myw1bDIuNDksNC4zMWgtMnYuOTNhOC4xNSw4LjE1LDAsMCwxLTguMTQsOC4xNEg5LjI2djJMNSwxNy44M2w0LjMxLTIuNXYyaC45M2E3LjE0LDcuMTQsMCwwLDAsNy4xNC03LjE0VjkuMjZoLTJMMTcuODMsNW0wLTJMMTcsNC40NSwxNC40Nyw4Ljc2bC0uODcsMS41aDIuNzNhNi4xNSw2LjE1LDAsMCwxLTYuMDcsNi4wN1YxMy42bC0xLjUuODdMNC40NSwxNywzLDE3LjgzbDEuNS44Niw0LjMxLDIuNSwxLjUuODZWMTkuMzNhOS4xNiw5LjE2LDAsMCwwLDkuMDctOS4wN2gyLjcybC0uODYtMS41LTIuNS00LjMxTDE3LjgzLDNaIi8+PC9zdmc+","data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTYuMDksMTIuODlsLjY2LjY2YTguMTQsOC4xNCwwLDAsMCwxMS41LDBsLjY2LS42NiwxLjQxLDEuNDEsMS4yOS00LjgxLTQuODIsMS4yOSwxLjQxLDEuNDEtLjY1LjY1YTcuMTYsNy4xNiwwLDAsMS0xMC4xLDBsLS42NS0uNjUsMS40MS0xLjQxTDMuMzksOS40OSw0LjY4LDE0LjNaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjEuNjEsOS40OSwyMC4zMiwxNC4zbC0xLjQxLTEuNDEtLjY2LjY2YTguMTQsOC4xNCwwLDAsMS0xMS41LDBsLS42Ni0uNjZMNC42OCwxNC4zLDMuMzksOS40OWw0LjgyLDEuMjlMNi44LDEyLjE5bC42NS42NWE3LjE1LDcuMTUsMCwwLDAsMTAuMSwwbC42NS0uNjUtMS40MS0xLjQxLDQuODItMS4yOU0yMyw4LjA3bC0xLjY3LjQ1TDE2LjUzLDkuODFsLTEuNjcuNDUsMS4yMywxLjIyLjcuNzFhNi4xNiw2LjE2LDAsMCwxLTguNTgsMGwuNy0uNzEsMS4yMy0xLjIyTDguNDcsOS44MSwzLjY1LDguNTIsMiw4LjA3bC40NSwxLjY4LDEuMjksNC44MS40NCwxLjY3TDUuMzksMTVsLjctLjdhOS4xNSw5LjE1LDAsMCwwLDEyLjgyLDBsLjcuNywxLjIzLDEuMjIuNDQtMS42NywxLjI5LTQuODFMMjMsOC4wN1oiLz48L3N2Zz4=","data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTYuNjcsOS4yNnYuOTNhOC4xNSw4LjE1LDAsMCwwLDguMTQsOC4xNGguOTN2Mmw0LjMxLTIuNDktNC4zMS0yLjV2MmgtLjkzYTcuMTQsNy4xNCwwLDAsMS03LjE0LTcuMTRWOS4yNmgyTDcuMTcsNSw0LjY4LDkuMjZaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNy4xNyw1bDIuNSw0LjMxaC0ydi45M2E3LjE0LDcuMTQsMCwwLDAsNy4xNCw3LjE0aC45M3YtMmw0LjMxLDIuNS00LjMxLDIuNDl2LTJoLS45M2E4LjE1LDguMTUsMCwwLDEtOC4xNC04LjE0VjkuMjZoLTJMNy4xNyw1bTAtMi0uODYsMS41TDMuODEsOC43NiwzLDEwLjI2SDUuNjdhOS4xNiw5LjE2LDAsMCwwLDkuMDcsOS4wN3YyLjcybDEuNS0uODYsNC4zMS0yLjUsMS41LS44NkwyMC41NSwxN2wtNC4zMS0yLjQ5LTEuNS0uODd2Mi43M2E2LjE1LDYuMTUsMCwwLDEtNi4wNy02LjA3SDExLjRsLS44Ny0xLjVMOCw0LjQ1LDcuMTcsM1oiLz48L3N2Zz4=","data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTEyLjExLDYuMDlsLS42Ni42NmE4LjE0LDguMTQsMCwwLDAsMCwxMS41bC42Ni42NkwxMC43LDIwLjMybDQuODEsMS4yOS0xLjI5LTQuODJMMTIuODEsMTguMmwtLjY1LS42NWE3LjE2LDcuMTYsMCwwLDEsMC0xMC4xbC42NS0uNjUsMS40MSwxLjQxLDEuMjktNC44MkwxMC43LDQuNjhaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTUuNTEsMy4zOSwxNC4yMiw4LjIxLDEyLjgxLDYuOGwtLjY1LjY1YTcuMTYsNy4xNiwwLDAsMCwwLDEwLjFsLjY1LjY1LDEuNDEtMS40MSwxLjI5LDQuODJMMTAuNywyMC4zMmwxLjQxLTEuNDEtLjY2LS42NmE4LjE0LDguMTQsMCwwLDEsMC0xMS41bC42Ni0uNjZMMTAuNyw0LjY4bDQuODEtMS4yOU0xNi45MywybC0xLjY4LjQ1TDEwLjQ0LDMuNzJsLTEuNjcuNDRMMTAsNS4zOWwuNy43YTkuMTUsOS4xNSwwLDAsMCwwLDEyLjgybC0uNy43TDguNzcsMjAuODRsMS42Ny40NCw0LjgxLDEuMjksMS42OC40NS0uNDUtMS42Ny0xLjI5LTQuODItLjQ1LTEuNjctMS4yMiwxLjIzLS43MS43YTYuMTYsNi4xNiwwLDAsMSwwLTguNThsLjcxLjcsMS4yMiwxLjIzLjQ1LTEuNjcsMS4yOS00LjgyTDE2LjkzLDJaIi8+PC9zdmc+","data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTE1Ljc0LDYuNjdoLS45M2E4LjE1LDguMTUsMCwwLDAtOC4xNCw4LjE0di45M2gtMmwyLjQ5LDQuMzEsMi41LTQuMzFoLTJ2LS45M2E3LjE0LDcuMTQsMCwwLDEsNy4xNC03LjE0aC45M3YybDQuMzEtMi41TDE1Ljc0LDQuNjhaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTUuNzQsNC42OGw0LjMxLDIuNDktNC4zMSwyLjV2LTJoLS45M2E3LjE0LDcuMTQsMCwwLDAtNy4xNCw3LjE0di45M2gybC0yLjUsNC4zMUw0LjY4LDE1Ljc0aDJ2LS45M2E4LjE1LDguMTUsMCwwLDEsOC4xNC04LjE0aC45M3YtMk0xNC43NCwzVjUuNjdhOS4xNiw5LjE2LDAsMCwwLTkuMDcsOS4wN0gzbC44NiwxLjUsMi41LDQuMzEuODYsMS41TDgsMjAuNTVsMi40OS00LjMxLjg3LTEuNUg4LjY3YTYuMTUsNi4xNSwwLDAsMSw2LjA3LTYuMDdWMTEuNGwxLjUtLjg3TDIwLjU1LDhsMS41LS44Ny0xLjUtLjg2LTQuMzEtMi41TDE0Ljc0LDNaIi8+PC9zdmc+"].map((e=>`url("${e}") 12 12, pointer`)),Bi=(e,t)=>(e%t+t)%t;function Ri(e){const{scalePoint:t,clickable:n,onDrag:r,onRotate:o,onUp:i,overrideCursor:s,canRotate:a,allowClickOnPivot:l}=e,c={left:`${t.position.x}px`,top:`${t.position.y}px`,transform:"translate(-50%, -50%) rotate("+t.rotation+"deg)",pointerEvents:n?"auto":"none"};if(t.isPivot)return(0,g.jsx)("img",{className:"pivot-point",src:Ii,style:c,onDragStart:e=>e.preventDefault(),onPointerDown:e=>{l&&r(e,t)},onPointerUp:()=>{l&&i()}});const u=t.defaultRotation+t.rotation,d=Bi(u,360),p=Math.round(d/45)%8,A=s||Yi[p],M={top:5+7*t.verticalPosition,left:5+7*t.horizontalPosition,cursor:Pi[p]},L={top:5-5*t.verticalPosition,left:5-5*t.horizontalPosition,cursor:A};return(0,g.jsxs)("div",{style:c,className:"scale-point-container",children:[a&&(0,g.jsx)("div",{className:"rotate-click-area",onPointerDown:e=>{o(e,t)},style:M}),(0,g.jsx)("div",{className:"scale-click-area",draggable:!0,onDragStart:e=>e.preventDefault(),onPointerDown:e=>{1&e.buttons&&r(e,t)},onPointerUp:i,style:L}),(0,g.jsx)("div",{className:"scale-point",draggable:!0,onDragStart:e=>e.preventDefault(),onPointerDown:e=>{1&e.buttons&&r(e,t)},onPointerUp:i,style:{cursor:A}})]})}const Ui=e=>Math.round(100*e)/100,Gi=[[0,2],[0,6],[2,8],[6,8]],Zi=[315,0,45,270,0,90,225,180,135];class _i extends t.Component{constructor(e){super(e),this._onUp=e=>{e&&1&e.buttons||this.setState({scalePointDragging:-1,isRotating:!1})},this._onMove=()=>{const e=this.props.globalState.workbench._scene;if(-1!==this.state.scalePointDragging){const t=this.props.control,n=u.MousePointerToRTTSpace(t,e.pointerX,e.pointerY),r=u.RttToLocalNodeSpace(t,n.x,n.y,void 0,this._storedValues);this._dragLocalBounds(r,this.props.globalState.shiftKeyPressed),this._updateNodeFromLocalBounds(),this.props.globalState.onPropertyGridUpdateRequiredObservable.notifyObservers()}if(this.state.isRotating){const t=Math.atan2(e.pointerY-this._rotation.pivot.y,e.pointerX-this._rotation.pivot.x);for(const e of this.props.globalState.selectedControls)e.rotation+=t-this._rotation.initialAngleToPivot;this._rotation.initialAngleToPivot=t,this.props.globalState.onPropertyGridUpdateRequiredObservable.notifyObservers()}},this._beginDraggingScalePoint=e=>{this.setState({scalePointDragging:e});const t=this.props.control;this._localBounds=u.ComputeLocalBounds(t),this._storedValues=new l(t.leftInPixels,t.topInPixels,t.leftInPixels+t.widthInPixels,t.topInPixels+t.heightInPixels);for(const e of this.props.globalState.selectedControls)e.metadata.localBounds=u.ComputeLocalBounds(e),e.metadata.storedValues=new l(e.leftInPixels,e.topInPixels,e.leftInPixels+e.widthInPixels,e.topInPixels+e.heightInPixels)},this._beginRotate=()=>{const e=this.props.globalState.workbench._scene,t=this.props.control,n=new r.Vector2(t.transformCenterX,t.transformCenterY),o=u.NodeToRTTSpace(t,n.x,n.y,void 0),i=u.RttToCanvasSpace(o.x,o.y),s=new r.Vector2(i.x,i.y),a=Math.atan2(e.pointerY-s.y,e.pointerX-s.x);this._rotation={pivot:s,initialAngleToPivot:a},this.setState({isRotating:!0})};const t=[];for(let e=Ei.Top;e<=Ei.Bottom;e++)for(let n=Ei.Left;n<=Ei.Right;n++){const o=n===Ei.Center&&e===Ei.Center;t.push({position:new r.Vector2,horizontalPosition:n,verticalPosition:e,rotation:0,isPivot:o,defaultRotation:Zi[t.length]})}this._localBounds=new l(0,0,0,0),this.state={canvasBounds:new l(0,0,0,0),scalePoints:t,scalePointDragging:-1,isRotating:!1},this._gizmoUpdateObserver=this.props.globalState.onGizmoUpdateRequireObservable.add((()=>{this.updateGizmo()})),this._pointerUpObserver=this.props.globalState.onPointerUpObservable.add((e=>this._onUp(e))),this._pointerMoveObserver=this.props.globalState.onPointerMoveObservable.add((()=>this._onMove()))}componentDidMount(){this.updateGizmo()}componentWillUnmount(){this.props.globalState.onGizmoUpdateRequireObservable.remove(this._gizmoUpdateObserver),this.props.globalState.onPointerUpObservable.remove(this._pointerUpObserver),this.props.globalState.onPointerMoveObservable.remove(this._pointerMoveObserver)}updateGizmo(){const e=this.props.control,t=new l(Number.MAX_VALUE,Number.MAX_VALUE,0,0),n=u.ComputeLocalBounds(e),o={left:0,right:0,top:0,bottom:0};let i=e.parent;for(;null!=i;)o.left+=i.paddingLeftInPixels,o.right+=i.paddingRightInPixels,o.top+=i.paddingTopInPixels,o.bottom+=i.paddingBottomInPixels,i=i.parent;const s=.5*(o.left-o.right);n.left+=s,n.right+=s;const a=.5*(o.top-o.bottom);n.top+=a,n.bottom+=a;const c=this.state.scalePoints.map((o=>{const i=new r.Vector2;switch(o.horizontalPosition){case Ei.Left:i.x=n.left;break;case Ei.Center:i.x=n.center.x;break;case Ei.Right:i.x=n.right}switch(o.verticalPosition){case Ei.Top:i.y=n.top;break;case Ei.Center:i.y=n.center.y;break;case Ei.Bottom:i.y=n.bottom}if(o.isPivot){const t=e.transformCenterX-.5,n=e.transformCenterY-.5;i.x=e.widthInPixels*t,i.y=e.heightInPixels*n}const s=u.NodeToRTTSpace(e,i.x,i.y,void 0),a=u.RttToCanvasSpace(s.x,s.y);return a.x<t.left&&(t.left=a.x),a.x>t.right&&(t.right=a.x),a.y<t.top&&(t.top=a.y),a.y>t.bottom&&(t.bottom=a.y),o.position.x=a.x,o.position.y=a.y,o.rotation=u.GetRotation(e)*(180/Math.PI),o}));this.setState({canvasBounds:t,scalePoints:[...c]})}_rotate(e,t,n,r,o){return{x:(e-n)*Math.cos(o)-(t-r)*Math.sin(o)+n,y:(e-n)*Math.sin(o)+(t-r)*Math.cos(o)+r}}_dragLocalBounds(e,t=!1){const n=this.state.scalePoints[this.state.scalePointDragging],r=this._localBounds.clone(),o=a.MathTools.Round(this._localBounds.width/this._localBounds.height);if(n.horizontalPosition===Ei.Left&&(r.left=Math.min(this._localBounds.right-1,e.x)),n.verticalPosition===Ei.Top&&(r.top=Math.min(this._localBounds.bottom-1,e.y)),n.horizontalPosition===Ei.Right&&(r.right=Math.max(this._localBounds.left+1,e.x)),n.verticalPosition===Ei.Bottom&&(r.bottom=Math.max(this._localBounds.top+1,e.y)),t){const e=r.width-this._localBounds.width,t=r.height-this._localBounds.height,i=n.horizontalPosition===Ei.Center||n.verticalPosition===Ei.Center,s=Math.abs(e)>Math.abs(t);if(i?s:!s){const t=e/o;n.verticalPosition===Ei.Top?r.top=this._localBounds.top-t:n.verticalPosition===Ei.Bottom?r.bottom=this._localBounds.bottom+t:(r.top=this._localBounds.top-t/2,r.bottom=this._localBounds.bottom+t/2)}else{const e=t*o;n.horizontalPosition===Ei.Left?r.left=this._localBounds.left-e:n.horizontalPosition===Ei.Right?r.right=this._localBounds.right+e:(r.left=this._localBounds.left-e/2,r.right=this._localBounds.right+e/2)}}const i=["left","top","right","bottom"];for(const e of this.props.globalState.selectedControls){const t=e.metadata.localBounds,n=t.clone(),o=2*(((this.props.control.rotation-e.rotation)%(s=2*Math.PI)+s)%s/Math.PI);i.forEach(((e,t)=>{const s=Math.round(t+o)%4,a=t<2==s<2?1:-1;n[i[s]]+=(r[e]-this._localBounds[e])*a})),n.left=Math.min(t.right-1,n.left),n.top=Math.min(t.bottom-1,n.top),n.right=Math.max(t.left+1,n.right),n.bottom=Math.max(t.top+1,n.bottom),e.metadata.localBounds=n}var s;this._localBounds=r}_updateNodeFromLocalBounds(){const e=this.state.scalePoints[this.state.scalePointDragging],t=e.horizontalPosition===Ei.Left&&e.verticalPosition!==Ei.Center,n=e.verticalPosition===Ei.Top&&e.horizontalPosition!==Ei.Center;for(const e of this.props.globalState.selectedControls){const r=e.metadata.localBounds.right-e.metadata.localBounds.left,o=e.metadata.localBounds.bottom-e.metadata.localBounds.top,i=u.GetRotation(e,!0),s=u.GetScale(e,!0),l=e.metadata.localBounds.center,c=l.clone();c.multiplyInPlace(s);const d=Math.cos(i),p=Math.sin(i),A=Math.cos(i+Math.PI),M=Math.sin(i+Math.PI),g=.5*(e.metadata.storedValues.width-r),L=.5*(e.metadata.storedValues.height-o);switch(e.horizontalAlignment){case a.Control.HORIZONTAL_ALIGNMENT_LEFT:c.x+=(t?g:-l.x)*d,c.y+=(t?-g:l.x)*p;break;case a.Control.HORIZONTAL_ALIGNMENT_RIGHT:c.x+=(t?-g:l.x)*d,c.y+=(t?g:-l.x)*p}switch(e.verticalAlignment){case a.Control.VERTICAL_ALIGNMENT_TOP:c.y+=(n?-L:l.y)*A,c.x+=(n?-L:l.y)*M;break;case a.Control.VERTICAL_ALIGNMENT_BOTTOM:c.y+=(n?L:-l.y)*A,c.x+=(n?L:-l.y)*M}const C=this._rotate(c.x,c.y,0,0,i),h=["left","top","width","height"];for(const t of h){let n=0;switch(t){case"left":n=Ui(e.metadata.storedValues.left+C.x);break;case"top":n=Ui(e.metadata.storedValues.top+C.y);break;case"width":n=Ui(r);break;case"height":n=Ui(o)}const i=e[`_${t}`].unit;e[`${t}InPixels`]=n,i===a.ValueAndUnit.UNITMODE_PERCENTAGE&&u.ConvertToPercentage(e,[t])}"Image"===e.typeName?e.autoScale=!1:"TextBlock"===e.typeName&&(e.resizeToFit=!1)}}render(){return(0,g.jsxs)("div",{className:"gizmo",children:[Gi.map(((e,t)=>{const n=this.state.scalePoints[e[0]],r=this.state.scalePoints[e[1]].position.subtract(n.position),o=Math.atan2(r.y,r.x),i=r.length();return(0,g.jsx)("div",{className:"bounding-box-line",style:{left:`${n.position.x+r.x/2}px`,top:`${n.position.y+r.y/2}px`,width:`${i}px`,transform:`translate(-50%, -50%) rotate(${o}rad)`}},t)})),this.state.scalePoints.map(((e,t)=>(0,g.jsx)(Ri,{clickable:-1===this.state.scalePointDragging&&!e.isPivot&&!this.state.isRotating,scalePoint:e,onDrag:()=>this._beginDraggingScalePoint(t),onRotate:()=>this._beginRotate(),onUp:()=>this._onUp(),canRotate:!0},t)))]})}}function Wi(e,t,n,r,o,i,s){const a=Math.min(e,n),l=Math.min(t,r),c=a+(Math.max(e,n)-a)*o,u=l+(Math.max(t,r)-l)*i;s.x=c,s.y=u}const Hi=[new r.Vector2,new r.Vector2,new r.Vector2];function Qi(e){const{control:n,globalState:o}=e,i=t.useRef(!1),s=t.useRef(!1),l=t.useRef(!1),c=t.useRef(),d=t.useRef(new r.Vector2),p=t.useRef(new r.Vector2),[A,M]=t.useState([{position:new r.Vector2,horizontalPosition:Ei.Left,verticalPosition:Ei.Top,rotation:0,isPivot:!1,defaultRotation:0,id:0},{position:new r.Vector2,horizontalPosition:Ei.Center,verticalPosition:Ei.Center,rotation:0,isPivot:!0,defaultRotation:0,id:1},{position:new r.Vector2,horizontalPosition:Ei.Right,verticalPosition:Ei.Bottom,rotation:0,isPivot:!1,defaultRotation:0,id:2}]);t.useEffect((()=>{const e=o.onGizmoUpdateRequireObservable.add((()=>{L()}));return()=>{o.onGizmoUpdateRequireObservable.remove(e)}}),[]);const L=()=>{const e=n,t=e._cachedParentMeasure.left+e._x1.getValue(e._host),r=e._cachedParentMeasure.top+e._y1.getValue(e._host),o=e._cachedParentMeasure.left+e._effectiveX2,i=e._cachedParentMeasure.top+e._effectiveY2,s=Hi[0].set(t,r),a=Hi[1].set(o,i),l=Hi[2];Wi(t,r,o,i,e.transformCenterX,e.transformCenterY,l);const c=e._transformMatrix;c.transformCoordinates(s.x,s.y,s),c.transformCoordinates(a.x,a.y,a),c.transformCoordinates(l.x,l.y,l),p.current=l;const u=[s,l,a];M(A.map(((t,n)=>({...t,position:u[n],rotation:e.rotation}))))},C=(e,t,n)=>a.MathTools.Round(e.getValue(t)+n),h=(e,t)=>{const r=u.MousePointerToRTTSpace(n,e.x,e.y),o=u.RttToLocalNodeSpace(n,r.x,r.y),i=u.MousePointerToRTTSpace(n,d.current.x,d.current.y),s=u.RttToLocalNodeSpace(n,i.x,i.y),a=Hi[0];o.subtractToRef(s,a);const l=Hi[1];a.rotateToRef(n.rotation,l),t.x=l.x,t.y=l.y},w=()=>{const e=o.workbench._scene,t=new r.Vector2(e.pointerX,e.pointerY);s.current&&i.current?(e=>{const t=Hi[0];h(e,t),n.x1=C(n._x1,n._host,t.x),n.y1=C(n._y1,n._host,t.y),n.x2=C(n._x2,n._host,t.x),n.y2=C(n._y2,n._host,t.y),o.onPropertyGridUpdateRequiredObservable.notifyObservers()})(t):s.current?(e=>{const t=Hi[0];h(e,t);const r=c.current;0===r?(n.x1=C(n._x1,n._host,t.x),n.y1=C(n._y1,n._host,t.y)):2===r&&(n.x2=C(n._x2,n._host,t.x),n.y2=C(n._y2,n._host,t.y)),o.onPropertyGridUpdateRequiredObservable.notifyObservers()})(t):l.current&&(e=>{const t=e.subtract(p.current);t.normalize();const i=d.current.subtract(p.current);i.normalize();const s=r.Vector2.Dot(t,i),l=Math.acos(s),c=-Math.sign(t.x*i.y-t.y*i.x);isNaN(l)||(n.rotation+=c*l,n.rotation=a.MathTools.Round(n.rotation),o.onPropertyGridUpdateRequiredObservable.notifyObservers())})(t),d.current=t},m=()=>{s.current=!1,l.current=!1};t.useEffect((()=>{const t=e.globalState.onPointerMoveObservable.add(w),n=e.globalState.onPointerUpObservable.add(m);return()=>{e.globalState.onPointerMoveObservable.remove(t),e.globalState.onPointerUpObservable.remove(n)}}),[]);const b=(e,t)=>{if(e&&t){const e=o.workbench._scene;if(d.current=new r.Vector2(e.pointerX,e.pointerY),i.current=t.isPivot,!t.isPivot&&n.rotation){const e=n,t=e._x1.getValue(e._host),r=e._y1.getValue(e._host),i=e._x2.getValue(e._host),s=e._y2.getValue(e._host),l=Hi[0].set(t,r),c=Hi[1].set(i,s),u=Hi[2];Wi(t,r,i,s,e.transformCenterX,e.transformCenterY,u);const d=a.Matrix2D.Identity(),p=a.Matrix2D.Identity();a.Matrix2D.TranslationToRef(-u.x,-u.y,p),d.multiplyToRef(p,d),a.Matrix2D.RotationToRef(n.rotation,p),d.multiplyToRef(p,d),a.Matrix2D.TranslationToRef(u.x,u.y,p),d.multiplyToRef(p,d),d.transformCoordinates(l.x,l.y,l),d.transformCoordinates(c.x,c.y,c),n.rotation=0,n.x1=a.MathTools.Round(l.x),n.y1=a.MathTools.Round(l.y),n.x2=a.MathTools.Round(c.x),n.y2=a.MathTools.Round(c.y),o.onPropertyGridUpdateRequiredObservable.notifyObservers()}s.current=!0,l.current=!1,c.current=t.id}},j=e=>{if(e){l.current=!0,s.current=!1;const e=o.workbench._scene;d.current=new r.Vector2(e.pointerX,e.pointerY)}};return(0,g.jsx)("div",{className:"gizmo",children:A.map(((e,t)=>(0,g.jsx)(Ri,{scalePoint:e,allowClickOnPivot:!0,clickable:!0,onDrag:b,onRotate:j,onUp:m,canRotate:!0},t)))})}class Fi extends t.Component{componentWillMount(){this.observer=this.props.globalState.onSelectionChangedObservable.add((()=>this.forceUpdate()))}componentWillUnmount(){this.props.globalState.onSelectionChangedObservable.remove(this.observer)}render(){const e=this.props.globalState.selectedControls;return(0,g.jsx)(g.Fragment,{children:e.map((e=>"Line"===e.getClassName()?(0,g.jsx)(Qi,{globalState:this.props.globalState,control:e},e.uniqueId):(0,g.jsx)(_i,{globalState:this.props.globalState,control:e},e.uniqueId)))})}}class Vi extends t.Component{constructor(e){super(e),this.state={bounds:new l(0,0,0,0)},this.props.globalState.onArtBoardUpdateRequiredObservable.add((()=>this.update()))}update(){const e=this.props.globalState.workbench.visibleRegionContainer;if(!e)return;const t=u.ComputeLocalBounds(e),n=u.NodeToRTTSpace(e,t.left,t.top,void 0),r=u.RttToCanvasSpace(n.x,n.y),o=u.NodeToRTTSpace(e,t.right,t.bottom,void 0),i=u.RttToCanvasSpace(o.x,o.y);this.setState({bounds:new l(r.x,r.y,i.x,i.y)})}render(){const e={top:`${this.state.bounds.top}px`,left:`${this.state.bounds.left}px`,width:`${this.state.bounds.width}px`,height:`${this.state.bounds.height}px`};return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("div",{className:"artboard-stroke",style:e}),(0,g.jsx)("div",{className:"artboard-background",style:e})]})}}var Ji=o(569),Xi={};Xi.styleTagTransform=Nr(),Xi.setAttributes=jr(),Xi.insert=mr().bind(null,"head"),Xi.domAPI=hr(),Xi.insertStyleElement=yr(),Lr()(Ji.A,Xi),Ji.A&&Ji.A.locals&&Ji.A.locals;var qi=o(664),Ki={};Ki.styleTagTransform=Nr(),Ki.setAttributes=jr(),Ki.insert=mr().bind(null,"head"),Ki.domAPI=hr(),Ki.insertStyleElement=yr(),Lr()(qi.A,Ki),qi.A&&qi.A.locals&&qi.A.locals;class $i extends t.Component{componentDidMount(){-1!==navigator.userAgent.indexOf("Mobile")&&((this.props.globalState.hostDocument||document).querySelector(".blocker").style.visibility="visible"),document.addEventListener("keydown",this.addToolControls),document.addEventListener("keyup",this.removePressToolControls)}componentWillUnmount(){document.removeEventListener("keydown",this.addToolControls),document.removeEventListener("keyup",this.removePressToolControls),this._onErrorMessageObserver&&this.props.globalState.onErrorMessageDialogRequiredObservable.remove(this._onErrorMessageObserver)}constructor(e){super(e),this._leftWidth=r.DataStorage.ReadNumber("LeftWidth",200),this._rightWidth=r.DataStorage.ReadNumber("RightWidth",300),this.addToolControls=e=>{if(!(e.target&&e.target instanceof HTMLInputElement&&"text"===e.target.type))switch(e.key){case"s":case"S":this.props.globalState.tool=A.SELECT;break;case"p":case"P":case" ":this.props.globalState.tool=A.PAN;break;case"z":case"Z":this.props.globalState.tool=A.ZOOM;break;case"g":case"G":this.props.globalState.outlines=!this.props.globalState.outlines;break;case"f":case"F":this.props.globalState.onFitControlsToWindowObservable.notifyObservers()}},this.removePressToolControls=e=>{" "===e.key&&this.props.globalState.restorePreviousTool()},this.handlePopUp=()=>{this.setState({showPreviewPopUp:!0}),this.props.globalState.hostWindow.addEventListener("beforeunload",this.handleClosingPopUp)},this.handleClosingPopUp=()=>{this._popUpWindow.close()},this.createPopupWindow=(e,t,n=500,r=500)=>{const o={width:n,height:r,top:(this.props.globalState.hostWindow.innerHeight-n)/2+window.screenY,left:(this.props.globalState.hostWindow.innerWidth-r)/2+window.screenX},i=Object.keys(o).map((e=>e+"="+o[e])).join(","),s=this.props.globalState.hostWindow.open("",e,i);if(!s)return null;const a=s.document;a.title=e,a.body.style.width="100%",a.body.style.height="100%",a.body.style.margin="0",a.body.style.padding="0";const l=a.createElement("div");return l.style.width="100%",l.style.height="100%",l.style.margin="0",l.style.padding="0",l.style.display="grid",l.style.gridTemplateRows="40px auto",l.id="gui-editor-workbench-root",l.className="right-panel",s.document.body.appendChild(l),this.copyStyles(this.props.globalState.hostWindow.document,a),this[t]=s,this._popUpWindow=s,s},this.copyStyles=(e,t)=>{const n=[];for(let o=0;o<e.styleSheets.length;o++){const i=e.styleSheets[o];try{if(i.href){const r=e.createElement("link");r.rel="stylesheet",r.href=i.href,t.head.appendChild(r),n.push(r)}else if(i.cssRules){const r=e.createElement("style");for(const t of i.cssRules)r.appendChild(e.createTextNode(t.cssText));t.head.appendChild(r),n.push(r)}}catch(e){r.Logger.Log(e)}}},this._rootRef=t.createRef(),this.state={showPreviewPopUp:!1,toolbarExpand:!0,message:""},this.props.globalState.onBackgroundColorChangeObservable.add((()=>this.forceUpdate())),this.props.globalState.onDropObservable.add((()=>{null!=this._draggedItem&&(this.props.globalState.draggedControl=this.onCreate(this._draggedItem)),this._draggedItem=null})),this._onErrorMessageObserver=this.props.globalState.onErrorMessageDialogRequiredObservable.add((e=>{this.setState({message:e})}))}showWaitScreen(){this.props.globalState.hostDocument.querySelector(".wait-screen")?.classList.remove("hidden")}hideWaitScreen(){this.props.globalState.hostDocument.querySelector(".wait-screen")?.classList.add("hidden")}onPointerDown(e){0===e.button&&(this._moveInProgress=!0,e.currentTarget.setPointerCapture(e.pointerId))}onPointerUp(e){0===e.button&&(this._moveInProgress=!1,e.currentTarget.releasePointerCapture(e.pointerId))}resizeColumns(e,t=!0){if(!this._moveInProgress)return;const n=e.currentTarget.ownerDocument.getElementById("gui-editor-workbench-root"),o=this.props.globalState.hostWindow.innerWidth;t?(this._leftWidth=Math.max(150,Math.min(o-this._rightWidth,e.clientX-this._rootRef.current.clientLeft)),r.DataStorage.WriteNumber("LeftWidth",this._leftWidth)):(this._rightWidth=Math.max(250,Math.min(o-this._leftWidth,this._rootRef.current.clientLeft+this._rootRef.current.clientWidth-e.clientX)),r.DataStorage.WriteNumber("RightWidth",this._rightWidth)),n.style.gridTemplateColumns=this.buildColumnLayout(),this.props.globalState.onWindowResizeObservable.notifyObservers()}buildColumnLayout(){return`${this._leftWidth}px 1fr ${this._rightWidth}px`}switchExpandedState(){this.setState({toolbarExpand:!this.state.toolbarExpand}),this.state.toolbarExpand?this._leftWidth=this._leftWidth+50:this._leftWidth=this._leftWidth-50}render(){const e=this.state.toolbarExpand?"left-panel":"left-panel expand";return(0,g.jsxs)(ni,{globalState:this.props.globalState,children:[(0,g.jsx)("div",{id:"ge-header",children:(0,g.jsx)("div",{className:"command-bar",children:(0,g.jsx)(Di,{globalState:this.props.globalState})})}),(0,g.jsxs)("div",{id:"gui-editor-workbench-root",style:{gridTemplateColumns:this.buildColumnLayout()},onMouseDown:e=>{e.target.nodeName},ref:this._rootRef,onPointerUp:e=>this.onPointerUp(e),children:[(0,g.jsxs)("div",{className:e,children:[(0,g.jsx)(ji,{globalState:this.props.globalState,noExpand:!0}),this.createToolbar(),(0,g.jsx)("div",{id:"leftGrab",onPointerDown:e=>this.onPointerDown(e),onPointerMove:e=>this.resizeColumns(e)})]}),(0,g.jsx)(ji,{globalState:this.props.globalState,noExpand:!0}),this.createToolbar(),(0,g.jsxs)("div",{className:"diagram-container",onDrop:e=>{e.preventDefault(),this.props.globalState.onDropObservable.notifyObservers(),this.props.globalState.onParentingChangeObservable.notifyObservers(null)},onDragOver:e=>{e.preventDefault()},style:{backgroundColor:this.props.globalState.backgroundColor.toHexString()},children:[(0,g.jsx)(Vi,{globalState:this.props.globalState}),(0,g.jsx)(Lo,{ref:"workbenchCanvas",globalState:this.props.globalState}),(0,g.jsx)(Fi,{globalState:this.props.globalState})]}),(0,g.jsxs)("div",{className:"right-panel",children:[(0,g.jsx)("div",{id:"rightGrab",onPointerDown:e=>this.onPointerDown(e),onPointerMove:e=>this.resizeColumns(e,!1)}),(0,g.jsx)(ti,{globalState:this.props.globalState})]}),(0,g.jsx)(ii,{globalState:this.props.globalState})]}),(0,g.jsx)(ci,{message:this.state.message,isError:!0}),(0,g.jsx)("div",{className:"blocker",children:"GUI Editor runs only on desktop"}),(0,g.jsx)("div",{className:"wait-screen hidden",children:"Processing...please wait"})]})}onCreate(e){const t=qo.CreateControlFromString(e),n=this.props.globalState.workbench.appendBlock(t);return this.props.globalState.setSelection([n]),this.props.globalState.onPointerUpObservable.notifyObservers(null),this.forceUpdate(),n}createBlackLine(){const e=this.state.toolbarExpand?(0,g.jsx)("img",{src:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTcuNjYsMTEuMzlsMy40LTMuMzktMy40LTMuMzljLS4xMy0uMTMtLjEzLS4zNCwwLS40NywuMTMtLjEzLC4zNC0uMTMsLjQ3LDBsMy42MSwzLjZjLjE0LC4xNCwuMTQsLjM3LDAsLjUxbC0zLjYxLDMuNmMtLjEzLC4xMy0uMzQsLjEzLS40NywwLS4xMy0uMTMtLjEzLS4zNCwwLS40N1ptLTIuNjMsMGwzLjQtMy4zOS0zLjQtMy4zOWMtLjEzLS4xMy0uMTMtLjM0LDAtLjQ3LC4xMy0uMTMsLjM0LS4xMywuNDcsMGwzLjYxLDMuNmMuMTQsLjE0LC4xNCwuMzcsMCwuNTFsLTMuNjEsMy42Yy0uMTMsLjEzLS4zNCwuMTMtLjQ3LDAtLjEzLS4xMy0uMTMtLjM0LDAtLjQ3WiIvPjwvc3ZnPg==",className:"icon"}):(0,g.jsx)("img",{src:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTguMzQsMTEuODZjLS4xMywuMTMtLjM0LC4xMy0uNDcsMGwtMy42MS0zLjZjLS4xNC0uMTQtLjE0LS4zNywwLS41MWwzLjYxLTMuNmMuMTMtLjEzLC4zNC0uMTMsLjQ3LDAsLjEzLC4xMywuMTMsLjM0LDAsLjQ3bC0zLjQsMy4zOSwzLjQsMy4zOWMuMTMsLjEzLC4xMywuMzQsMCwuNDdabTIuNjMsMGMtLjEzLC4xMy0uMzQsLjEzLS40NywwbC0zLjYxLTMuNmMtLjE0LS4xNC0uMTQtLjM3LDAtLjUxbDMuNjEtMy42Yy4xMy0uMTMsLjM0LS4xMywuNDcsMCwuMTMsLjEzLC4xMywuMzQsMCwuNDdsLTMuNCwzLjM5LDMuNCwzLjM5Yy4xMywuMTMsLjEzLC4zNCwwLC40N1oiLz48L3N2Zz4=",className:"icon"});return(0,g.jsx)("div",{className:"blackLine",children:(0,g.jsx)("div",{className:"arrow",onClick:()=>this.switchExpandedState(),children:e})})}createToolbarHelper(e){return e.map((e=>(0,g.jsx)("div",{className:"toolbar-label",onDragStart:()=>{this._draggedItem=e.className},onClick:()=>{this.onCreate(e.className)},title:e.className,children:e.icon&&(0,g.jsx)("div",{className:"toolbar-icon",draggable:!0,children:(0,g.jsx)("img",{src:e.icon,alt:e.className,width:"40px",height:"40px"})})},e.className)))}createToolbar(){return this.state.toolbarExpand?(0,g.jsx)(g.Fragment,{children:(0,g.jsxs)("div",{className:"toolbarGrab",children:[this.createBlackLine(),(0,g.jsx)("div",{className:"toolbar-content-sub1",children:this.createToolbarHelper(ei)})]})}):(0,g.jsx)(g.Fragment,{children:(0,g.jsxs)("div",{className:"toolbarGrab expanded",children:[this.createBlackLine(),(0,g.jsxs)("div",{className:"toolbar-content-sub1",children:[this.createToolbarHelper(ei.slice(0,Math.ceil(ei.length/2))),this.createToolbarHelper(ei.slice(Math.ceil(ei.length/2)))]})]})})}}class es{static async Show(e,r){let o=e.hostElement;if(this._CurrentState&&o){if(e.currentSnippetToken)try{this._CurrentState.workbench.loadFromSnippet(e.currentSnippetToken)}catch(e){}return}if(!o){const e=Co["gui-editor"];e&&e.close(),o=Co.CreatePopup("BABYLON.JS GUI EDITOR","gui-editor",1200,800)}const i=new M;e.liveGuiTexture&&(i.liveGuiTexture=e.liveGuiTexture),i.hostElement=o,i.hostDocument=o.ownerDocument,i.customSave=e.customSave,i.customLoad=e.customLoad,i.hostWindow=o.ownerDocument.defaultView,i.registerEventListeners();const s=t.createElement($i,{globalState:i});if(n.render(s,o),!i.guiTexture&&(i.workbench.createGUICanvas(r),e.currentSnippetToken))try{await i.workbench.loadFromSnippet(e.currentSnippetToken)}catch(e){}e.customLoadObservable&&e.customLoadObservable.add((()=>{i.onResetRequiredObservable.notifyObservers(),i.onBuiltObservable.notifyObservers()})),this._CurrentState=i,Co["gui-editor"]&&(window.onbeforeunload=()=>{const e=Co["gui-editor"];e&&e.close()}),i.hostWindow.addEventListener("beforeunload",(()=>{i.onPopupClosedObservable.notifyObservers(),i.dispose()}))}}const ts=void 0!==o.g?o.g:"undefined"!=typeof window?window:void 0;void 0!==ts&&(ts.BABYLON=ts.BABYLON||{},ts.BABYLON.GuiEditor=es,ts.BABYLON.GUIEditor=es,ts.GUIEDITOR={GUIEditor:es});const ns=e})(),i.default})()));
3
3
  //# sourceMappingURL=babylon.guiEditor.js.map