/*! For license information please see babylon.inspector.bundle.js.LICENSE.txt */
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("babylonjs"),require("babylonjs"),require("babylonjs-gui"),require("babylonjs-materials"),require("babylonjs-serializers"),require("babylonjs-loaders")):"function"==typeof define&&define.amd?define("babylonjs-inspector",["babylonjs","babylonjs","babylonjs-gui","babylonjs-materials","babylonjs-serializers","babylonjs-loaders"],t):"object"==typeof exports?exports["babylonjs-inspector"]=t(require("babylonjs"),require("babylonjs"),require("babylonjs-gui"),require("babylonjs-materials"),require("babylonjs-serializers"),require("babylonjs-loaders")):e.INSPECTOR=t(e.BABYLON,e.BABYLON.Debug,e.BABYLON.GUI,e.BABYLON,e.BABYLON,e.BABYLON)}("undefined"!=typeof self?self:"undefined"!=typeof global?global:this,(function(e,t,n,r,s,a){return(()=>{var i={3472:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function s(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var a=typeof n;if("string"===a||"number"===a)e.push(n);else if(Array.isArray(n)){if(n.length){var i=s.apply(null,n);i&&e.push(i)}}else if("object"===a)if(n.toString===Object.prototype.toString)for(var o in n)r.call(n,o)&&n[o]&&e.push(o);else e.push(n.toString())}}return e.join(" ")}e.exports?(s.default=s,e.exports=s):void 0===(n=function(){return s}.apply(t,[]))||(e.exports=n)}()},3644:(e,t,n)=>{"use strict";n.d(t,{Z:()=>h});var r=n(6221),s=n.n(r),a=n(7758),i=n.n(a),o=n(3821),l=n.n(o),p=new URL(n(5290),n.b),c=i()(s()),d=l()(p);c.push([e.id,"#inspector-host{position:absolute;right:0px;top:0px;bottom:0px}#__resizable_base__{display:none}#actionTabs{background:#333333;height:100%;margin:0;padding:0;display:grid;grid-template-rows:auto 1fr;font:14px \"Arial\";overflow:hidden}#actionTabs .hoverIcon:hover{opacity:0.8}#actionTabs #header{height:30px;font-size:16px;color:white;background:#222222;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}#actionTabs #header #logo{grid-column:1;width:24px;height:24px;display:flex;align-self:center;justify-self:center}#actionTabs #header #back{grid-column:1;display:grid;align-self:center;justify-self:center;cursor:pointer}#actionTabs #header #title{grid-column:2;display:grid;align-items:center;text-align:center}#actionTabs #header #commands{grid-column:3;display:grid;align-items:center;grid-template-columns:1fr 1fr}#actionTabs #header #commands .expand{grid-column:1;display:grid;align-items:center;justify-items:center;cursor:pointer}#actionTabs #header #commands .close{grid-column:2;display:grid;align-items:center;justify-items:center;cursor:pointer}#actionTabs .tabs{display:grid;grid-row:2;grid-template-rows:40px 1fr;font:14px \"Arial\";overflow:hidden}#actionTabs .tabs .labels{grid-row:1;display:flex;align-items:center;justify-items:center;border-bottom:1px solid #ffffff;margin:0;padding:0}#actionTabs .tabs .labels .label{font-size:24px;color:white;width:40px;display:flex;align-content:center;justify-content:center;border:1px solid transparent;border-bottom:none;background:#333333;padding:5px;height:28px;cursor:pointer}#actionTabs .tabs .labels .label.active{border-color:#ffffff;border-bottom:2px solid transparent;margin-bottom:-2px}#actionTabs .tabs .panes{grid-row:2;display:grid;grid-template-rows:100%;overflow:hidden}#actionTabs .tabs .panes .infoMessage{opacity:0.5;color:white;margin:15px 5px 0px 5px}#actionTabs .tabs .panes .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;align-items:center}#actionTabs .tabs .panes .gradient-step .step{grid-row:1;grid-column:1}#actionTabs .tabs .panes .gradient-step .color1{height:100%}#actionTabs .tabs .panes .gradient-step .color2{height:100%;padding-left:5px}#actionTabs .tabs .panes .gradient-step .factor1{grid-row:1;grid-column:2;cursor:pointer}#actionTabs .tabs .panes .gradient-step .factor2{padding-left:5px;grid-row:1;grid-column:3;cursor:pointer}#actionTabs .tabs .panes .gradient-step .factor2 .grayed{background:gray;border-color:gray}#actionTabs .tabs .panes .gradient-step .numeric-input{width:calc(100% - 5px)}#actionTabs .tabs .panes .gradient-step .icon{cursor:pointer}#actionTabs .tabs .panes .gradient-step .step-value{margin-left:5px;grid-row:1;grid-column:3;text-align:right;margin-right:5px}#actionTabs .tabs .panes .gradient-step .step-slider{grid-row:1;grid-column:4;display:grid;justify-content:stretch;align-content:center;margin-right:12px}#actionTabs .tabs .panes .gradient-step .step-slider input{width:100%}#actionTabs .tabs .panes .gradient-step .step-slider .range:hover{opacity:1}#actionTabs .tabs .panes .gradient-step .step-slider .range{-webkit-appearance:none;height:6px;background:#d3d3d3;border-radius:5px;outline:none;opacity:0.7;-webkit-transition:.2s;transition:opacity .2s}#actionTabs .tabs .panes .gradient-step .step-slider .range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#337ab7;cursor:pointer}#actionTabs .tabs .panes .gradient-step .step-slider .range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#337ab7;cursor:pointer}#actionTabs .tabs .panes .gradient-step .gradient-copy{grid-row:1;grid-column:5;display:grid;align-content:center;justify-content:center}#actionTabs .tabs .panes .gradient-step .gradient-copy .img{height:20px;width:20px}#actionTabs .tabs .panes .gradient-step .gradient-copy .img:hover{cursor:pointer}#actionTabs .tabs .panes .gradient-step .gradient-delete{grid-row:1;grid-column:6;display:grid;align-content:center;justify-content:center}#actionTabs .tabs .panes .gradient-step .gradient-delete .img{height:20px;width:20px}#actionTabs .tabs .panes .gradient-step .gradient-delete .img:hover{cursor:pointer}#actionTabs .tabs .panes .pane{color:white;overflow-x:hidden;overflow-y:auto;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#actionTabs .tabs .panes .pane .animation-info{border-left:greenyellow 3px solid;margin-left:5px;padding-left:5px !important}#actionTabs .tabs .panes .pane .underline{border-bottom:0.5px solid rgba(255,255,255,0.5)}#actionTabs .tabs .panes .pane .textureLinkLine{display:grid;grid-template-columns:auto 1fr}#actionTabs .tabs .panes .pane .textureLinkLine .debug{grid-column:1;margin-left:5px;margin-right:5px;display:block;align-items:center;justify-items:center;cursor:pointer;opacity:0.5}#actionTabs .tabs .panes .pane .textureLinkLine .debug.selected{opacity:1.0}#actionTabs .tabs .panes .pane .textureLinkLine .textLine{grid-column:2}#actionTabs .tabs .panes .pane .textureLinkLine .actionIcon{display:inline-block;margin-top:6px;margin-right:4px}#actionTabs .tabs .panes .pane .messageLine{text-align:center;font-size:12px;font-style:italic;opacity:0.6}#actionTabs .tabs .panes .pane .iconMessageLine{padding-left:2px;height:30px;display:grid;grid-template-columns:30px 1fr}#actionTabs .tabs .panes .pane .iconMessageLine .icon{grid-column:1;display:grid;align-items:center;justify-items:center}#actionTabs .tabs .panes .pane .iconMessageLine .value{grid-column:2;display:flex;align-items:center}#actionTabs .tabs .panes .pane .color-picker{height:calc(100% - 8px);margin:4px;width:100%}#actionTabs .tabs .panes .pane .color-picker .color-rect{height:calc(100% - 4px);border:2px white solid;cursor:pointer;min-height:18px}#actionTabs .tabs .panes .pane .color-picker .color-picker-cover{position:fixed;top:0px;right:0px;bottom:0px;left:0px;z-index:100}#actionTabs .tabs .panes .pane .color-picker .color-picker-float{position:absolute}#actionTabs .tabs .panes .pane .linkButtonLine{padding-left:2px;height:30px;display:grid;grid-template-columns:1fr auto 20px}#actionTabs .tabs .panes .pane .linkButtonLine .link{grid-column:1;display:flex;align-items:center;text-decoration:underline;cursor:pointer}#actionTabs .tabs .panes .pane .linkButtonLine .link-button{grid-column:2}#actionTabs .tabs .panes .pane .linkButtonLine .link-button button{background:#222222;border:1px solid #337ab7;margin:5px 10px 5px 10px;color:white;padding:4px 5px;opacity:0.9;cursor:pointer}#actionTabs .tabs .panes .pane .linkButtonLine .link-button button:hover{opacity:1.0}#actionTabs .tabs .panes .pane .linkButtonLine .link-button button:active{background:#282828}#actionTabs .tabs .panes .pane .linkButtonLine .link-button button:focus{border:1px solid #337ab7;outline:0px}#actionTabs .tabs .panes .pane .linkButtonLine .link-icon{grid-column:3;display:grid;align-content:center}#actionTabs .tabs .panes .pane .textLine{padding-left:2px;height:30px;display:grid;grid-template-columns:1fr auto}#actionTabs .tabs .panes .pane .textLine.indented{grid-template-columns:100%}#actionTabs .tabs .panes .pane .textLine.indented .link-value{grid-column:1;text-align:start;margin-left:20px;opacity:0.6;max-width:unset}#actionTabs .tabs .panes .pane .textLine.indented .value{grid-column:1;text-align:start;margin-left:20px;opacity:0.6;max-width:unset}#actionTabs .tabs .panes .pane .textLine.reduced-opacity{opacity:0.6;padding-left:25px}#actionTabs .tabs .panes .pane .textLine .label{grid-column:1;display:flex;align-items:center}#actionTabs .tabs .panes .pane .textLine .link-value{grid-column:2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:end;opacity:0.8;margin:5px;margin-top:7px;max-width:140px;text-decoration:underline;cursor:pointer}#actionTabs .tabs .panes .pane .textLine .value{grid-column:2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:end;opacity:0.8;margin:5px;margin-top:7px;max-width:200px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}#actionTabs .tabs .panes .pane .textLine .value.check{color:green}#actionTabs .tabs .panes .pane .textLine .value.uncheck{color:red}#actionTabs .tabs .panes .pane .gradient-container{margin-top:3px}#actionTabs .tabs .panes .pane .gradient-container .gradient-label{height:30px;display:grid;align-content:center}#actionTabs .tabs .panes .pane .gradient-container .gradient-step{display:grid;grid-template-rows:100%;grid-template-columns:25px 50px 55px 40px auto 20px 5px;padding-top:5px;padding-left:5px;padding-bottom:5px;align-items:center;border-left:orange 3px solid}#actionTabs .tabs .panes .pane .gradient-container .gradient-step .step{grid-row:1;grid-column:1}#actionTabs .tabs .panes .pane .gradient-container .gradient-step .color1{height:100%}#actionTabs .tabs .panes .pane .gradient-container .gradient-step .color2{height:100%;padding-left:5px}#actionTabs .tabs .panes .pane .gradient-container .gradient-step .factor1{grid-row:1;grid-column:2;cursor:pointer}#actionTabs .tabs .panes .pane .gradient-container .gradient-step .factor2{padding-left:5px;grid-row:1;grid-column:3;cursor:pointer}#actionTabs .tabs .panes .pane .gradient-container .gradient-step .factor2 .grayed{background:gray;border-color:gray}#actionTabs .tabs .panes .pane .gradient-container .gradient-step .numeric-input{width:calc(100% - 5px)}#actionTabs .tabs .panes .pane .gradient-container .gradient-step .step-value{margin-left:5px;grid-row:1;grid-column:4;text-align:right;margin-right:5px}#actionTabs .tabs .panes .pane .gradient-container .gradient-step .step-slider{grid-row:1;grid-column:5;display:grid;justify-content:stretch;align-content:center;margin-right:5px}#actionTabs .tabs .panes .pane .gradient-container .gradient-step .step-slider input{width:100%}#actionTabs .tabs .panes .pane .gradient-container .gradient-step .gradient-delete{grid-row:1;grid-column:6;display:grid;align-content:center;justify-content:center}#actionTabs .tabs .panes .pane .textInputLine{padding-left:2px;height:30px;display:grid;grid-template-columns:1fr 120px}#actionTabs .tabs .panes .pane .textInputLine .label{grid-column:1;display:flex;align-items:center}#actionTabs .tabs .panes .pane .textInputLine .value{display:flex;align-items:center;grid-column:2}#actionTabs .tabs .panes .pane .textInputLine .value input{width:110px}#actionTabs .tabs .panes .pane .buttonLine{height:30px;display:grid;align-items:center;justify-items:stretch}#actionTabs .tabs .panes .pane .buttonLine input[type=\"file\"]{display:none}#actionTabs .tabs .panes .pane .buttonLine .file-upload{background:#222222;border:1px solid #337ab7;margin:5px 10px 5px 10px;color:white;padding:4px 5px;font-size:13px;opacity:0.9;cursor:pointer;text-align:center}#actionTabs .tabs .panes .pane .buttonLine .file-upload:hover{opacity:1.0}#actionTabs .tabs .panes .pane .buttonLine .file-upload:active{transform:scale(0.98);transform-origin:0.5 0.5}#actionTabs .tabs .panes .pane .buttonLine button{background:#222222;border:1px solid #337ab7;margin:5px 10px 5px 10px;color:white;padding:4px 5px;opacity:0.9;cursor:pointer}#actionTabs .tabs .panes .pane .buttonLine button:hover{opacity:1.0}#actionTabs .tabs .panes .pane .buttonLine button:active{background:#282828}#actionTabs .tabs .panes .pane .buttonLine button:focus{border:1px solid #337ab7;outline:0px}#actionTabs .tabs .panes .pane .radioLine{padding-left:2px;height:30px;display:grid;grid-template-columns:1fr 24px}#actionTabs .tabs .panes .pane .radioLine .label{grid-column:1;display:flex;align-items:center}#actionTabs .tabs .panes .pane .radioLine .radioContainer{display:flex;align-items:center}#actionTabs .tabs .panes .pane .radioLine .radioContainer .radio{grid-column:2;display:none}#actionTabs .tabs .panes .pane .radioLine .radioContainer .radio:checked+label:before{border-color:#337ab7}#actionTabs .tabs .panes .pane .radioLine .radioContainer .radio:checked+label:after{transform:scale(1)}#actionTabs .tabs .panes .pane .radioLine .radioContainer .labelForRadio{display:inline-block;height:14px;position:relative;padding:0 24px;margin-bottom:0;cursor:pointer;vertical-align:bottom}#actionTabs .tabs .panes .pane .radioLine .radioContainer .labelForRadio:before,#actionTabs .tabs .panes .pane .radioLine .radioContainer .labelForRadio:after{position:absolute;content:'';border-radius:50%;transition:all .3s ease;transition-property:transform, border-color}#actionTabs .tabs .panes .pane .radioLine .radioContainer .labelForRadio:before{left:0px;top:0;width:16px;height:16px;border:2px solid white}#actionTabs .tabs .panes .pane .radioLine .radioContainer .labelForRadio:after{top:6px;left:6px;width:8px;height:8px;transform:scale(0);background:#337ab7}#actionTabs .tabs .panes .pane .vector3Line{padding-left:2px;display:grid}#actionTabs .tabs .panes .pane .vector3Line .firstLine{display:grid;grid-template-columns:1fr auto 20px;height:30px}#actionTabs .tabs .panes .pane .vector3Line .firstLine .label{grid-column:1;display:flex;align-items:center;white-space:nowrap;overflow:hidden}#actionTabs .tabs .panes .pane .vector3Line .firstLine .vector{grid-column:2;display:flex;align-items:center;text-align:right;opacity:0.8;padding-left:5px}#actionTabs .tabs .panes .pane .vector3Line .firstLine .expand{grid-column:3;display:grid;align-items:center;justify-items:center;cursor:pointer}#actionTabs .tabs .panes .pane .vector3Line .secondLine{display:grid;padding-right:5px;border-left:1px solid #337ab7}#actionTabs .tabs .panes .pane .vector3Line .secondLine .numeric{display:grid;grid-template-columns:1fr auto}#actionTabs .tabs .panes .pane .vector3Line .secondLine .numeric-label{text-align:right;grid-column:1;display:flex;align-items:center;justify-self:right;margin-right:10px}#actionTabs .tabs .panes .pane .vector3Line .secondLine .numeric-value{width:120px;grid-column:2;display:flex;align-items:center;border:1px solid #337ab7}#actionTabs .tabs .panes .pane .checkBoxLine{padding-left:2px;height:30px;display:grid;grid-template-columns:1fr auto}#actionTabs .tabs .panes .pane .checkBoxLine .label{grid-column:1;display:flex;align-items:center}#actionTabs .tabs .panes .pane .checkBoxLine .checkBox{grid-column:2;display:flex;align-items:center}#actionTabs .tabs .panes .pane .checkBoxLine .checkBox .lbl{position:relative;display:block;height:14px;width:34px;margin-right:5px;background:#898989;border-radius:100px;cursor:pointer;transition:all 0.3s ease}#actionTabs .tabs .panes .pane .checkBoxLine .checkBox .lbl.checked{background:#337ab7}#actionTabs .tabs .panes .pane .checkBoxLine .checkBox .lbl:after{position:absolute;left:3px;top:2px;display:block;width:10px;height:10px;border-radius:100px;background:#fff;box-shadow:0px 3px 3px rgba(0,0,0,0.05);content:'';transition:all 0.15s ease}#actionTabs .tabs .panes .pane .checkBoxLine .checkBox .lbl:after.checked{left:20px;background:#164975}#actionTabs .tabs .panes .pane .checkBoxLine .checkBox .lbl.checked:after{position:absolute;top:2px;display:block;width:10px;height:10px;border-radius:100px;background:#fff;box-shadow:0px 3px 3px rgba(0,0,0,0.05);content:'';transition:all 0.15s ease;left:20px;background:#164975}#actionTabs .tabs .panes .pane .checkBoxLine .checkBox .lbl:active:after{transform:scale(1.15, 0.85)}#actionTabs .tabs .panes .pane .checkBoxLine .checkBox .hidden{display:none}#actionTabs .tabs .panes .pane .checkBoxLine .checkBox .icon{display:none}#actionTabs .tabs .panes .pane .textureLine{display:grid;grid-template-rows:30px auto}#actionTabs .tabs .panes .pane .textureLine .control{margin-top:2px;grid-row:1;display:grid;grid-template-columns:1fr 40px 40px 40px 40px 40px 1fr}#actionTabs .tabs .panes .pane .textureLine .control .red{grid-column:2}#actionTabs .tabs .panes .pane .textureLine .control .green{grid-column:3}#actionTabs .tabs .panes .pane .textureLine .control .blue{grid-column:4}#actionTabs .tabs .panes .pane .textureLine .control .alpha{grid-column:5}#actionTabs .tabs .panes .pane .textureLine .control .all{grid-column:6}#actionTabs .tabs .panes .pane .textureLine .control3D{margin-top:2px;grid-row:1;display:grid;grid-template-columns:1fr 40px 40px 40px 40px 40px 40px 1fr}#actionTabs .tabs .panes .pane .textureLine .control3D .px{grid-column:2}#actionTabs .tabs .panes .pane .textureLine .control3D .nx{grid-column:3}#actionTabs .tabs .panes .pane .textureLine .control3D .py{grid-column:4}#actionTabs .tabs .panes .pane .textureLine .control3D .ny{grid-column:5}#actionTabs .tabs .panes .pane .textureLine .control3D .pz{grid-column:6}#actionTabs .tabs .panes .pane .textureLine .control3D .nz{grid-column:7}#actionTabs .tabs .panes .pane .textureLine .command{border:1px solid transparent;background:transparent;color:white}#actionTabs .tabs .panes .pane .textureLine .selected{border:1px solid #337ab7}#actionTabs .tabs .panes .pane .textureLine .preview{grid-row:2;display:grid;align-self:center;justify-self:center;height:256px;width:256px;margin-top:5px;margin-bottom:5px;border:1px solid white;background-size:32px 32px;background-color:white;background-image:url("+d+')}#actionTabs .tabs .panes .pane .gltf-extension-property{margin-left:30px;border-left:1px solid #337ab7}#actionTabs .tabs .panes .pane .floatLine{padding-left:2px;height:30px;display:grid;grid-template-columns:1fr 120px}#actionTabs .tabs .panes .pane .floatLine .label{grid-column:1;display:flex;align-items:center}#actionTabs .tabs .panes .pane .floatLine .value{grid-column:2;display:flex;align-items:center}#actionTabs .tabs .panes .pane .floatLine .value input{width:110px}#actionTabs .tabs .panes .pane .sliderLine{padding-left:2px;height:30px;display:grid;grid-template-rows:100%;grid-template-columns:1fr 50px auto}#actionTabs .tabs .panes .pane .sliderLine .label{grid-column:1;display:flex;align-items:center}#actionTabs .tabs .panes .pane .sliderLine .withMargins{margin-left:5px}#actionTabs .tabs .panes .pane .sliderLine .floatLine{padding-left:2px}#actionTabs .tabs .panes .pane .sliderLine .floatLine .short{grid-column:1;display:flex;align-items:center}#actionTabs .tabs .panes .pane .sliderLine .floatLine .short input{width:35px}#actionTabs .tabs .panes .pane .sliderLine .floatLine .short input::-webkit-outer-spin-button,#actionTabs .tabs .panes .pane .sliderLine .floatLine .short input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#actionTabs .tabs .panes .pane .sliderLine .floatLine .short input[type=number]{-moz-appearance:textfield}#actionTabs .tabs .panes .pane .sliderLine .slider{grid-column:3;grid-row:1;margin-right:5px;width:90%;display:flex;align-items:center}#actionTabs .tabs .panes .pane .sliderLine .slider .range{-webkit-appearance:none;width:100%;height:6px;background:#d3d3d3;border-radius:5px;outline:none;opacity:0.7;-webkit-transition:.2s;transition:opacity .2s}#actionTabs .tabs .panes .pane .sliderLine .slider .range:hover{opacity:1}#actionTabs .tabs .panes .pane .sliderLine .slider .range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#337ab7;cursor:pointer}#actionTabs .tabs .panes .pane .sliderLine .slider .range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#337ab7;cursor:pointer}#actionTabs .tabs .panes .pane .color3Line{padding-left:2px;display:grid}#actionTabs .tabs .panes .pane .color3Line .firstLine{height:30px;display:grid;grid-template-columns:1fr auto 20px 20px}#actionTabs .tabs .panes .pane .color3Line .firstLine .label{grid-column:1;display:flex;align-items:center}#actionTabs .tabs .panes .pane .color3Line .firstLine .color3{grid-column:2;width:50px;display:flex;align-items:center}#actionTabs .tabs .panes .pane .color3Line .firstLine .color3 input[type="color"]{-webkit-appearance:none;border:1px solid rgba(255,255,255,0.5);padding:0;width:30px;height:20px}#actionTabs .tabs .panes .pane .color3Line .firstLine .color3 input[type="color"]::-webkit-color-swatch-wrapper{padding:0}#actionTabs .tabs .panes .pane .color3Line .firstLine .color3 input[type="color"]::-webkit-color-swatch{border:none}#actionTabs .tabs .panes .pane .color3Line .firstLine .color3 input{margin-right:5px}#actionTabs .tabs .panes .pane .color3Line .firstLine .copy{grid-column:3;display:grid;align-items:center;justify-items:center;cursor:pointer}#actionTabs .tabs .panes .pane .color3Line .firstLine .copy img{height:100%}#actionTabs .tabs .panes .pane .color3Line .firstLine .expand{grid-column:4;display:grid;align-items:center;justify-items:center;cursor:pointer}#actionTabs .tabs .panes .pane .color3Line .secondLine{display:grid;padding-right:5px;border-left:1px solid #337ab7}#actionTabs .tabs .panes .pane .color3Line .secondLine .numeric{display:grid;grid-template-columns:1fr auto}#actionTabs .tabs .panes .pane .color3Line .secondLine .numeric-label{text-align:right;grid-column:1;display:flex;align-items:center;justify-self:right;margin-right:10px}#actionTabs .tabs .panes .pane .color3Line .secondLine .numeric-value{width:120px;grid-column:2;display:flex;align-items:center;border:1px solid #337ab7}#actionTabs .tabs .panes .pane .listLine{padding-left:2px;height:30px;display:grid;grid-template-columns:1fr auto}#actionTabs .tabs .panes .pane .listLine .label{grid-column:1;display:flex;align-items:center}#actionTabs .tabs .panes .pane .listLine .options{grid-column:2;display:flex;align-items:center;margin-right:5px}#actionTabs .tabs .panes .pane .listLine .options select{width:115px}#actionTabs .tabs .panes .pane .paneContainer{margin-top:3px;display:grid;grid-template-rows:100%;grid-template-columns:100%}#actionTabs .tabs .panes .pane .paneContainer .paneList{border-left:3px solid transparent}#actionTabs .tabs .panes .pane .paneContainer:hover .paneList{border-left:3px solid rgba(51,122,183,0.8)}#actionTabs .tabs .panes .pane .paneContainer:hover .paneContainer-content .header .title{border-left:3px solid #337ab7}#actionTabs .tabs .panes .pane .paneContainer .paneContainer-highlight-border{grid-row:1;grid-column:1;opacity:1;border:3px solid red;margin-bottom:-5px;z-index:100;transition:opacity 250ms;pointer-events:none}#actionTabs .tabs .panes .pane .paneContainer .paneContainer-highlight-border.transparent{opacity:0}#actionTabs .tabs .panes .pane .paneContainer .paneContainer-content{grid-row:1;grid-column:1}#actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .header{display:grid;grid-template-columns:1fr auto;background:#555555;height:30px;padding-right:5px;cursor:pointer}#actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .header .title{border-left:3px solid transparent;padding-left:5px;grid-column:1;display:flex;align-items:center}#actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .header .collapse{grid-column:2;display:flex;align-items:center;justify-items:center;transform-origin:center}#actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .header .collapse.closed{transform:rotate(180deg)}#actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .paneList>div:not(:last-child){border-bottom:0.5px solid rgba(255,255,255,0.1)}#actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .fragment>div:not(:last-child){border-bottom:0.5px solid rgba(255,255,255,0.1)}\n',"",{version:3,sources:["webpack://./../../../dev/inspector/dist/components/actionTabs/actionTabs.scss"],names:[],mappings:"AAEA,gBACI,iBAAkB,CAClB,SAAU,CACV,OAAO,CACP,UAAW,CACd,oBAGG,YAAa,CAChB,YAGG,kBAAmB,CACnB,WAAY,CACZ,QAAS,CACT,SAAU,CACV,YAAa,CACb,2BAA4B,CAC5B,iBAAkB,CAClB,eAAgB,CARpB,6BAWQ,WAAY,CAXpB,oBAeQ,WAAY,CACZ,cAAe,CACf,WAAY,CACZ,kBAAmB,CACnB,UAAW,CACX,iBAAkB,CAClB,YAAa,CACb,mCAAoC,CACpC,wBAAyB,CACzB,qBAAsB,CACtB,oBAAqB,CACrB,gBAAiB,CA1BzB,0BA6BY,aAAc,CACd,UAAW,CACX,WAAY,CACZ,YAAa,CACb,iBAAkB,CAClB,mBAAoB,CAlChC,0BAsCY,aAAc,CACd,YAAa,CACb,iBAAkB,CAClB,mBAAoB,CACpB,cAAe,CA1C3B,2BA8CY,aAAc,CACd,YAAa,CACb,kBAAmB,CACnB,iBAAkB,CAjD9B,8BAqDY,aAAc,CACd,YAAa,CACb,kBAAmB,CACnB,6BAA8B,CAxD1C,sCA2DgB,aAAc,CACd,YAAa,CACb,kBAAmB,CACnB,oBAAqB,CACrB,cAAe,CA/D/B,qCAmEgB,aAAc,CACd,YAAa,CACb,kBAAmB,CACnB,oBAAqB,CACrB,cAAe,CAvE/B,kBA6EQ,YAAa,CACb,UAAW,CACX,2BAA4B,CAC5B,iBAAkB,CAClB,eAAgB,CAjFxB,0BAoFY,UAAW,CACX,YAAa,CACb,kBAAmB,CACnB,oBAAqB,CACrB,+BAAgC,CAChC,QAAS,CACT,SAAU,CA1FtB,iCA6FgB,cAAe,CACf,WAAY,CACZ,UAAW,CACX,YAAa,CACb,oBAAqB,CACrB,sBAAuB,CACvB,4BAA6B,CAC7B,kBAAmB,CACnB,kBAAmB,CACnB,WAAY,CACZ,WAAY,CACZ,cAAe,CAxG/B,wCA2GoB,oBAAqB,CACrB,mCAAoC,CACpC,kBAAmB,CA7GvC,yBAmHY,UAAW,CACX,YAAa,CACb,uBAAwB,CAExB,eAAgB,CAvH5B,sCA0HgB,WAAY,CACZ,WAAY,CACZ,uBAAwB,CA5HxC,wCAiIgB,YAAa,CACb,uBAAwB,CACxB,mDAAoD,CACpD,eAAgB,CAChB,gBAAiB,CACjB,kBAAmB,CACnB,kBAAmB,CAvInC,8CA0IoB,UAAW,CACX,aAAc,CA3IlC,gDA+IoB,WAAY,CA/IhC,gDAmJoB,WAAY,CACZ,gBAAiB,CApJrC,iDAwJoB,UAAW,CACX,aAAc,CACd,cAAe,CA1JnC,iDA8JoB,gBAAiB,CACjB,UAAW,CACX,aAAc,CACd,cAAe,CAjKnC,yDAoKwB,eAAgB,CAChB,iBAAkB,CArK1C,uDA0KoB,sBAAuB,CA1K3C,8CA8KoB,cAAe,CA9KnC,oDAkLoB,eAAgB,CAChB,UAAW,CACX,aAAc,CACd,gBAAiB,CACjB,gBAAiB,CAtLrC,qDA0LoB,UAAW,CACX,aAAc,CACd,YAAa,CACb,uBAAwB,CACxB,oBAAqB,CACrB,iBAAkB,CA/LtC,2DAkMwB,UAAW,CAlMnC,kEAqMwB,SAAU,CArMlC,4DAyMwB,uBAAwB,CACxB,UAAW,CACX,kBAAmB,CACnB,iBAAkB,CAClB,YAAa,CACb,WAAY,CACZ,sBAAuB,CACvB,sBAAuB,CAhN/C,kFAmNwB,uBAAwB,CACxB,eAAgB,CAChB,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,kBAA6B,CAC7B,cAAe,CAzNvC,8EA6NwB,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,kBAA6B,CAC7B,cAAe,CAjOvC,uDAsOoB,UAAW,CACX,aAAc,CACd,YAAa,CACb,oBAAqB,CACrB,sBAAuB,CA1O3C,4DA6OwB,WAAY,CACZ,UAAW,CA9OnC,kEAiPwB,cAAe,CAjPvC,yDAsPoB,UAAW,CACX,aAAc,CACd,YAAa,CACb,oBAAqB,CACrB,sBAAuB,CA1P3C,8DA4PwB,WAAY,CACZ,UAAW,CA7PnC,oEAgQwB,cAAe,CAhQvC,+BAuQgB,WAAY,CAEZ,iBAAkB,CAClB,eAAgB,CAChB,WAAY,CAEZ,wBAAyB,CACzB,qBAAsB,CACtB,oBAAqB,CACrB,gBAAiB,CAhRjC,+CAmRoB,iCAAkC,CAClC,eAAgB,CAChB,2BAA4B,CArRhD,0CAyRoB,+CAAmD,CAzRvE,gDA6RoB,YAAa,CACb,8BAA+B,CA9RnD,uDAiSwB,aAAc,CACd,eAAgB,CAChB,gBAAiB,CACjB,aAAc,CACd,kBAAmB,CACnB,oBAAqB,CACrB,cAAe,CACf,WAAY,CAxSpC,gEA2S4B,WAAY,CA3SxC,0DAgTwB,aAAc,CAhTtC,4DAoTwB,oBAAsB,CACtB,cAAgB,CAChB,gBAAkB,CAtT1C,4CA2ToB,iBAAkB,CAClB,cAAe,CACf,iBAAkB,CAClB,WAAY,CA9ThC,gDAkUoB,gBA/UG,CAgVH,WAAY,CACZ,YAAa,CACb,8BAA+B,CArUnD,sDAwUwB,aAAc,CACd,YAAa,CACb,kBAAmB,CACnB,oBAAqB,CA3U7C,uDA+UwB,aAAc,CACd,YAAa,CACb,kBAAmB,CAjV3C,6CAsVoB,uBAAwB,CACxB,UAAW,CACX,UAAW,CAxV/B,yDA2VwB,uBAAwB,CACxB,sBAAuB,CACvB,cAAe,CACf,eAAgB,CA9VxC,iEAkWwB,cAAe,CACf,OAAQ,CACR,SAAU,CACV,UAAW,CACX,QAAS,CACT,WAAY,CAvWpC,iEA2WwB,iBAAkB,CA3W1C,+CAgXoB,gBA7XG,CA8XH,WAAY,CACZ,YAAa,CACb,mCAAoC,CAnXxD,qDAsXwB,aAAc,CACd,YAAa,CACb,kBAAmB,CACnB,yBAA0B,CAC1B,cAAe,CA1XvC,4DA8XwB,aAAc,CA9XtC,mEAiY4B,kBAAmB,CACnB,wBAAmC,CACnC,wBAAyB,CACzB,WAAW,CACX,eAAgB,CAChB,WAAY,CACZ,cAAe,CAvY3C,yEA2Y4B,WAAY,CA3YxC,0EA+Y4B,kBAAmB,CA/Y/C,yEAmZ4B,wBAAmC,CACnC,WAAY,CApZxC,0DAyZwB,aAAc,CACd,YAAa,CACb,oBAAqB,CA3Z7C,yCAgaoB,gBA7aG,CA8aH,WAAY,CACZ,YAAa,CACb,8BAA+B,CAnanD,kDAsawB,0BAA2B,CAtanD,8DAya4B,aAAc,CACd,gBAAiB,CACjB,gBAAiB,CACjB,WAAY,CACZ,eAAgB,CA7a5C,yDAib4B,aAAc,CACd,gBAAiB,CACjB,gBAAiB,CACjB,WAAY,CACZ,eAAgB,CArb5C,yDA0bwB,WAAY,CACZ,iBAAkB,CA3b1C,gDA+bwB,aAAc,CACd,YAAa,CACb,kBAAmB,CAjc3C,qDAqcwB,aAAc,CACd,kBAAmB,CACnB,sBAAuB,CACvB,eAAgB,CAChB,cAAe,CACf,WAAY,CACZ,UAAU,CACV,cAAe,CACf,eAAgB,CAChB,yBAA0B,CAC1B,cAAe,CA/cvC,gDAmdwB,aAAc,CACd,kBAAmB,CACnB,sBAAuB,CACvB,eAAgB,CAChB,cAAe,CACf,WAAY,CACZ,UAAU,CACV,cAAe,CACf,eAAgB,CAChB,wBAAyB,CACzB,qBAAsB,CACtB,oBAAqB,CACrB,gBAAiB,CA/dzC,sDAke4B,WAAY,CAlexC,wDAse4B,SAAU,CAtetC,mDA4eoB,cAAe,CA5enC,mEA+ewB,WAAY,CACZ,YAAa,CACb,oBAAqB,CAjf7C,kEAqfwB,YAAa,CACb,uBAAwB,CACxB,uDAAwD,CACxD,eAAgB,CAChB,gBAAiB,CACjB,kBAAmB,CACnB,kBAAmB,CACnB,4BAA6B,CA5frD,wEA+f4B,UAAW,CACX,aAAc,CAhgB1C,0EAogB4B,WAAY,CApgBxC,0EAwgB4B,WAAY,CACZ,gBAAiB,CAzgB7C,2EA6gB4B,UAAW,CACX,aAAc,CACd,cAAe,CA/gB3C,2EAmhB4B,gBAAiB,CACjB,UAAW,CACX,aAAc,CACd,cAAe,CAthB3C,mFAyhBgC,eAAgB,CAChB,iBAAkB,CA1hBlD,iFA+hB4B,sBAAuB,CA/hBnD,8EAmiB4B,eAAgB,CAChB,UAAW,CACX,aAAc,CACd,gBAAiB,CACjB,gBAAiB,CAviB7C,+EA2iB4B,UAAW,CACX,aAAc,CACd,YAAa,CACb,uBAAwB,CACxB,oBAAqB,CACrB,gBAAiB,CAhjB7C,qFAmjBgC,UAAW,CAnjB3C,mFAwjB4B,UAAW,CACX,aAAc,CACd,YAAa,CACb,oBAAqB,CACrB,sBAAuB,CA5jBnD,8CAkkBoB,gBA/kBG,CAglBH,WAAY,CACZ,YAAa,CACb,+BAAgC,CArkBpD,qDAwkBwB,aAAc,CACd,YAAa,CACb,kBAAmB,CA1kB3C,qDA8kBwB,YAAa,CACb,kBAAmB,CACnB,aAAc,CAhlBtC,2DAmlB4B,WAAY,CAnlBxC,2CAylBoB,WAAY,CACZ,YAAa,CACb,kBAAmB,CACnB,qBAAsB,CA5lB1C,8DA+lBwB,YAAa,CA/lBrC,wDAmmBwB,kBAAmB,CACnB,wBAAmC,CACnC,wBAAyB,CACzB,WAAW,CACX,eAAgB,CAChB,cAAe,CACf,WAAY,CACZ,cAAe,CACf,iBAAkB,CA3mB1C,8DA+mBwB,WAAY,CA/mBpC,+DAmnBwB,qBAAsB,CACtB,wBAAyB,CApnBjD,kDAwnBwB,kBAAmB,CACnB,wBAAmC,CACnC,wBAAyB,CACzB,WAAW,CACX,eAAgB,CAChB,WAAY,CACZ,cAAe,CA9nBvC,wDAkoBwB,WAAY,CAloBpC,yDAsoBwB,kBAAmB,CAtoB3C,wDA0oBwB,wBAAmC,CACnC,WAAY,CA3oBpC,0CAgpBoB,gBA7pBG,CA8pBH,WAAY,CACZ,YAAa,CACb,8BAA+B,CAnpBnD,iDAspBwB,aAAc,CACd,YAAa,CACb,kBAAmB,CAxpB3C,0DA4pBwB,YAAa,CACb,kBAAmB,CA7pB3C,iEAgqB4B,aAAc,CACd,YAAa,CAjqBzC,sFAoqBgC,oBAA+B,CApqB/D,qFAuqBgC,kBAAmB,CAvqBnD,yEA4qB4B,oBAAqB,CACrB,WAAY,CACZ,iBAAkB,CAClB,cAAe,CACf,eAAgB,CAChB,cAAe,CACf,qBAAsB,CAlrBlD,+JAorBgC,iBAAkB,CAClB,UAAW,CACX,iBAAkB,CAClB,uBAAwB,CACxB,2CAA4C,CAxrB5E,gFA2rBgC,QAAS,CACT,KAAM,CACN,UAAW,CACX,WAAY,CACZ,sBAAuB,CA/rBvD,+EAksBgC,OAAQ,CACR,QAAS,CACT,SAAU,CACV,UAAW,CACX,kBAAmB,CACnB,kBAA4B,CAvsB5D,4CA8sBoB,gBA3tBG,CA4tBH,YAAa,CA/sBjC,uDAktBwB,YAAa,CACb,mCAAoC,CACpC,WAAY,CAptBpC,8DAutB4B,aAAc,CACd,YAAa,CACb,kBAAmB,CACnB,kBAAmB,CACnB,eAAgB,CA3tB5C,+DA+tB4B,aAAc,CACd,YAAa,CACb,kBAAmB,CACnB,gBAAiB,CACjB,WAAY,CACZ,gBAAiB,CApuB7C,+DAwuB4B,aAAc,CACd,YAAa,CACb,kBAAmB,CACnB,oBAAqB,CACrB,cAAe,CA5uB3C,wDAivBwB,YAAa,CACb,iBAAkB,CAClB,6BAAwC,CAnvBhE,iEAsvB4B,YAAa,CACb,8BAA+B,CAvvB3D,uEA2vB4B,gBAAiB,CACjB,aAAc,CACd,YAAa,CACb,kBAAmB,CACnB,kBAAmB,CACnB,iBAAkB,CAhwB9C,uEAowB4B,WAAY,CACZ,aAAc,CACd,YAAa,CACb,kBAAmB,CACnB,wBAAoC,CAxwBhE,6CA8wBoB,gBA3xBG,CA4xBH,WAAY,CACZ,YAAa,CACb,8BAA+B,CAjxBnD,oDAqxBwB,aAAc,CACd,YAAa,CACb,kBAAmB,CAvxB3C,uDA2xBwB,aAAc,CAEd,YAAa,CACb,kBAAmB,CA9xB3C,4DAiyB4B,iBAAkB,CAClB,aAAc,CACd,WAAY,CACZ,UAAW,CACX,gBAAiB,CACjB,kBAAmB,CACnB,mBAAoB,CACpB,cAAe,CACf,wBAAyB,CAzyBrD,oEA4yBgC,kBAA6B,CA5yB7D,kEAizB4B,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,aAAc,CACd,UAAW,CACX,WAAY,CACZ,mBAAoB,CACpB,eAAgB,CAChB,uCAAwC,CACxC,UAAW,CACX,yBAA0B,CA3zBtD,0EA8zBgC,SAAU,CACV,kBAA4B,CA/zB5D,0EAo0B4B,iBAAkB,CAClB,OAAQ,CACR,aAAc,CACd,UAAW,CACX,WAAY,CACZ,mBAAoB,CACpB,eAAgB,CAChB,uCAAwC,CACxC,UAAW,CACX,yBAA0B,CAC1B,SAAU,CACV,kBAA4B,CA/0BxD,yEAm1B4B,2BAA4B,CAn1BxD,+DAu1B4B,YAAa,CAv1BzC,6DA21B4B,YAAa,CA31BzC,4CAi2BoB,YAAa,CACb,4BAA6B,CAl2BjD,qDAq2BwB,cAAe,CACf,UAAW,CACX,YAAa,CACb,sDAAuD,CAx2B/E,0DA22B4B,aAAc,CA32B1C,4DA+2B4B,aAAc,CA/2B1C,2DAm3B4B,aAAc,CAn3B1C,4DAu3B4B,aAAc,CAv3B1C,0DA23B4B,aAAc,CA33B1C,uDAg4BwB,cAAe,CACf,UAAW,CACX,YAAa,CACb,2DAA4D,CAn4BpF,2DAs4B4B,aAAc,CAt4B1C,2DA04B4B,aAAc,CA14B1C,2DA84B4B,aAAc,CA94B1C,2DAk5B4B,aAAc,CAl5B1C,2DAs5B4B,aAAc,CAt5B1C,2DA05B4B,aAAc,CA15B1C,qDA+5BwB,4BAA6B,CAC7B,sBAAsB,CACtB,WAAY,CAj6BpC,sDAq6BwB,wBAAmC,CAr6B3D,qDAy6BwB,UAAW,CACX,YAAa,CACb,iBAAkB,CAClB,mBAAoB,CACpB,YAAa,CACb,WAAY,CACZ,cAAe,CACf,iBAAkB,CAClB,sBAAuB,CACvB,yBAA0B,CAC1B,sBAAuB,CACvB,wDAA+M,CAp7BvO,wDAy7BoB,gBAAiB,CACjB,6BAAwC,CA17B5D,0CA87BoB,gBA38BG,CA48BH,WAAY,CACZ,YAAa,CACb,+BAAgC,CAj8BpD,iDAq8BwB,aAAc,CACd,YAAa,CACb,kBAAmB,CAv8B3C,iDA28BwB,aAAc,CAEd,YAAa,CACb,kBAAmB,CA98B3C,uDAi9B4B,WAAY,CAj9BxC,2CAu9BoB,gBAp+BG,CAq+BH,WAAY,CACZ,YAAa,CACb,uBAAwB,CACxB,mCAAoC,CA39BxD,kDA89BwB,aAAc,CACd,YAAa,CACb,kBAAmB,CAh+B3C,wDAo+BwB,eAAgB,CAp+BxC,sDAw+BwB,gBAr/BD,CAavB,6DA2+B4B,aAAc,CACd,YAAa,CACb,kBAAmB,CA7+B/C,mEAg/BgC,UAAW,CAh/B3C,4LAq/B8B,uBAAwB,CACxB,QAAS,CAt/BvC,gFA0/BgC,yBAA0B,CA1/B1D,mDAggCwB,aAAc,CACd,UAAW,CACX,gBAAiB,CACjB,SAAU,CACV,YAAa,CACb,kBAAmB,CArgC3C,0DAwgC4B,uBAAwB,CACxB,UAAW,CACX,UAAW,CACX,kBAAmB,CACnB,iBAAkB,CAClB,YAAa,CACb,WAAY,CACZ,sBAAuB,CACvB,sBAAuB,CAhhCnD,gEAohC4B,SAAU,CAphCtC,gFAwhC4B,uBAAwB,CACxB,eAAgB,CAChB,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,kBAA6B,CAC7B,cAAe,CA9hC3C,4EAkiC4B,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,kBAA6B,CAC7B,cAAe,CAtiC3C,2CA4iCoB,gBAzjCG,CA0jCH,YAAa,CA7iCjC,sDAgjCwB,WAAY,CACZ,YAAa,CACb,wCAAyC,CAljCjE,6DAqjC4B,aAAc,CACd,YAAa,CACb,kBAAmB,CAvjC/C,8DA2jC4B,aAAc,CACd,UAAW,CAEX,YAAa,CACb,kBAAmB,CA/jC/C,kFAkkCgC,uBAAwB,CACxB,sCAA0C,CAC1C,SAAU,CACV,UAAW,CACX,WAAY,CAtkC5C,gHAykCgC,SAAU,CAzkC1C,wGA4kCgC,WAAY,CA5kC5C,oEAglCgC,gBAAiB,CAhlCjD,4DAqlC4B,aAAc,CACd,YAAa,CACb,kBAAmB,CACnB,oBAAqB,CACrB,cAAe,CAzlC3C,gEA2lCgC,WAAY,CA3lC5C,8DAgmC4B,aAAc,CACd,YAAa,CACb,kBAAmB,CACnB,oBAAqB,CACrB,cAAe,CApmC3C,uDAymCwB,YAAa,CACb,iBAAkB,CAClB,6BAAwC,CA3mChE,gEA8mC4B,YAAa,CACb,8BAA+B,CA/mC3D,sEAmnC4B,gBAAiB,CACjB,aAAc,CACd,YAAa,CACb,kBAAmB,CACnB,kBAAmB,CACnB,iBAAkB,CAxnC9C,sEA4nC4B,WAAY,CACZ,aAAc,CACd,YAAa,CACb,kBAAmB,CACnB,wBAAoC,CAhoChE,yCAsoCoB,gBAnpCG,CAopCH,WAAY,CACZ,YAAa,CACb,8BAA+B,CAzoCnD,gDA6oCwB,aAAc,CACd,YAAa,CACb,kBAAmB,CA/oC3C,kDAmpCwB,aAAc,CAEd,YAAa,CACb,kBAAmB,CACnB,gBAAiB,CAvpCzC,yDA0pC4B,WAAY,CA1pCxC,8CAgqCoB,cAAe,CACf,YAAY,CACZ,uBAAwB,CACxB,0BAA2B,CAnqC/C,wDAsqCwB,iCAAkC,CAtqC1D,8DA2qC4B,0CAA8C,CA3qC1E,0FAirCoC,6BAAwC,CAjrC5E,8EAwrCwB,UAAW,CACX,aAAc,CACd,SAAU,CACV,oBAAqB,CACrB,kBAAmB,CACnB,WAAY,CACZ,wBAAyB,CACzB,mBAAoB,CA/rC5C,0FAksC4B,SAAU,CAlsCtC,qEAusCwB,UAAW,CACX,aAAc,CAxsCtC,6EA2sC4B,YAAa,CACb,8BAA+B,CAC/B,kBAAmB,CACnB,WAAY,CACZ,iBAAkB,CAClB,cAAe,CAhtC3C,oFAmtCgC,iCAAkC,CAClC,gBAAiB,CACjB,aAAc,CACd,YAAa,CACb,kBAAmB,CAvtCnD,uFA2tCgC,aAAc,CACd,YAAa,CACb,kBAAmB,CACnB,oBAAqB,CACrB,uBAAwB,CA/tCxD,8FAkuCoC,wBAAyB,CAluC7D,oGAwuC4B,+CAAmD,CAxuC/E,oGA4uC4B,+CAAmD",sourcesContent:["$line-padding-left: 2px;\r\n\r\n#inspector-host {\r\n    position: absolute;\r\n    right: 0px;\r\n    top:0px;\r\n    bottom: 0px;\r\n}\r\n\r\n#__resizable_base__ {\r\n    display: none;\r\n}\r\n\r\n#actionTabs {\r\n    background: #333333;\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: 14px \"Arial\";    \r\n    overflow: hidden;\r\n\r\n    .hoverIcon:hover {\r\n        opacity: 0.8;\r\n    }\r\n\r\n    #header {\r\n        height: 30px;\r\n        font-size: 16px;\r\n        color: white;\r\n        background: #222222;\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            grid-column: 1; \r\n            width: 24px;\r\n            height: 24px;\r\n            display: flex;\r\n            align-self: center;   \r\n            justify-self: center;\r\n        }        \r\n\r\n        #back {\r\n            grid-column: 1; \r\n            display: grid;\r\n            align-self: center;   \r\n            justify-self: center;\r\n            cursor: pointer;\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    .tabs {\r\n        display: grid;\r\n        grid-row: 2;\r\n        grid-template-rows: 40px 1fr;\r\n        font: 14px \"Arial\";\r\n        overflow: hidden;\r\n\r\n        .labels {\r\n            grid-row: 1;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-items: center;\r\n            border-bottom: 1px solid #ffffff; \r\n            margin: 0;\r\n            padding: 0;         \r\n\r\n            .label {\r\n                font-size: 24px;\r\n                color: white;\r\n                width: 40px;\r\n                display: flex;\r\n                align-content: center;\r\n                justify-content: center;\r\n                border: 1px solid transparent;            \r\n                border-bottom: none;    \r\n                background: #333333;\r\n                padding: 5px;  \r\n                height: 28px;\r\n                cursor: pointer;\r\n\r\n                &.active {\r\n                    border-color: #ffffff;  \r\n                    border-bottom: 2px solid transparent;           \r\n                    margin-bottom: -2px;\r\n                }\r\n            }\r\n        }\r\n\r\n        .panes {\r\n            grid-row: 2;\r\n            display: grid;\r\n            grid-template-rows: 100%;\r\n\r\n            overflow: hidden;\r\n\r\n            .infoMessage {\r\n                opacity: 0.5;\r\n                color: white;\r\n                margin: 15px 5px 0px 5px;\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                align-items: center;\r\n        \r\n                .step {\r\n                    grid-row: 1;\r\n                    grid-column: 1;\r\n                }\r\n\r\n                .color1 {\r\n                    height: 100%;\r\n                }\r\n\r\n                .color2{\r\n                    height: 100%;\r\n                    padding-left: 5px;\r\n                }\r\n                    \r\n                .factor1 {\r\n                    grid-row: 1;\r\n                    grid-column: 2;\r\n                    cursor: pointer;\r\n                }\r\n\r\n                .factor2 {\r\n                    padding-left: 5px;\r\n                    grid-row: 1;\r\n                    grid-column: 3;\r\n                    cursor: pointer;\r\n\r\n                    .grayed {\r\n                        background: gray;\r\n                        border-color: gray;\r\n                    }\r\n                }\r\n\r\n                .numeric-input {\r\n                    width: calc(100% - 5px);\r\n                }\r\n\r\n                .icon{\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: 12px;\r\n        \r\n                    input {\r\n                        width: 100%;\r\n                    }\r\n                    .range:hover {\r\n                        opacity: 1;\r\n                    }\r\n\r\n                    .range {\r\n                        -webkit-appearance: none;\r\n                        height: 6px;\r\n                        background: #d3d3d3;\r\n                        border-radius: 5px;\r\n                        outline: none;\r\n                        opacity: 0.7;\r\n                        -webkit-transition: .2s;\r\n                        transition: opacity .2s;\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: rgb(51, 122, 183);\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(51, 122, 183);\r\n                        cursor: pointer;\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                }\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\r\n            .pane {\r\n                color: white;\r\n\r\n                overflow-x: hidden;\r\n                overflow-y: auto;\r\n                height: 100%;\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                .animation-info {                    \r\n                    border-left: greenyellow 3px solid;\r\n                    margin-left: 5px;\r\n                    padding-left: 5px !important;\r\n                }\r\n\r\n                .underline {\r\n                    border-bottom: 0.5px solid rgba(255, 255, 255, 0.5);\r\n                }\r\n                \r\n                .textureLinkLine {\r\n                    display: grid;\r\n                    grid-template-columns: auto 1fr;\r\n\r\n                    .debug {\r\n                        grid-column: 1;\r\n                        margin-left: 5px;\r\n                        margin-right: 5px;\r\n                        display: block;\r\n                        align-items: center; \r\n                        justify-items: center;                          \r\n                        cursor: pointer;\r\n                        opacity: 0.5;\r\n\r\n                        &.selected {\r\n                            opacity: 1.0;\r\n                        }\r\n                    }\r\n\r\n                    .textLine {\r\n                        grid-column: 2;\r\n                    }\r\n\r\n                    .actionIcon {\r\n                        display : inline-block;\r\n                        margin-top : 6px;\r\n                        margin-right : 4px;\r\n                    }\r\n                }\r\n\r\n                .messageLine {\r\n                    text-align: center;\r\n                    font-size: 12px;\r\n                    font-style: italic;\r\n                    opacity: 0.6;\r\n                }\r\n\r\n                .iconMessageLine {\r\n                    padding-left: $line-padding-left;\r\n                    height: 30px;\r\n                    display: grid;\r\n                    grid-template-columns: 30px 1fr;\r\n\r\n                    .icon {\r\n                        grid-column: 1;\r\n                        display: grid;\r\n                        align-items: center;\r\n                        justify-items: center;\r\n                    }\r\n\r\n                    .value {\r\n                        grid-column: 2;\r\n                        display: flex;\r\n                        align-items: center;\r\n                    }\r\n                }\r\n\r\n                .color-picker {\r\n                    height: calc(100% - 8px);\r\n                    margin: 4px;\r\n                    width: 100%;\r\n\r\n                    .color-rect {\r\n                        height: calc(100% - 4px);\r\n                        border: 2px white solid;\r\n                        cursor: pointer;\r\n                        min-height: 18px;\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: 100;\r\n                    }\r\n\r\n                    .color-picker-float {\r\n                        position: absolute;  \r\n                    }                \r\n                }\r\n\r\n                .linkButtonLine {\r\n                    padding-left: $line-padding-left;\r\n                    height: 30px;\r\n                    display: grid;\r\n                    grid-template-columns: 1fr auto 20px;\r\n\r\n                    .link {\r\n                        grid-column: 1;\r\n                        display: flex;\r\n                        align-items: center;\r\n                        text-decoration: underline;\r\n                        cursor: pointer;\r\n                    }\r\n\r\n                    .link-button {\r\n                        grid-column: 2;\r\n\r\n                        button {\r\n                            background: #222222;\r\n                            border: 1px solid rgb(51, 122, 183);\r\n                            margin: 5px 10px 5px 10px;\r\n                            color:white;\r\n                            padding: 4px 5px;\r\n                            opacity: 0.9;\r\n                            cursor: pointer;\r\n                        }\r\n    \r\n                        button:hover {\r\n                            opacity: 1.0;\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 rgb(51, 122, 183);\r\n                            outline: 0px;\r\n                        } \r\n                    }\r\n\r\n                    .link-icon{\r\n                        grid-column: 3;\r\n                        display: grid;\r\n                        align-content: center;\r\n                    }\r\n                }\r\n\r\n                .textLine {\r\n                    padding-left: $line-padding-left;\r\n                    height: 30px;\r\n                    display: grid;\r\n                    grid-template-columns: 1fr auto;\r\n\r\n                    &.indented {\r\n                        grid-template-columns: 100%;\r\n\r\n                        .link-value {\r\n                            grid-column: 1;                            \r\n                            text-align: start;\r\n                            margin-left: 20px;\r\n                            opacity: 0.6;\r\n                            max-width: unset;\r\n                        }\r\n\r\n                        .value {\r\n                            grid-column: 1;                            \r\n                            text-align: start;\r\n                            margin-left: 20px;\r\n                            opacity: 0.6;\r\n                            max-width: unset;\r\n                        }\r\n                    }         \r\n                    \r\n                    &.reduced-opacity {\r\n                        opacity: 0.6;\r\n                        padding-left: 25px;\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                    .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: 7px;\r\n                        max-width: 140px;\r\n                        text-decoration: underline;\r\n                        cursor: pointer;\r\n                    }\r\n\r\n                    .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: 7px;\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                .gradient-container {\r\n                    margin-top: 3px;\r\n\r\n                    .gradient-label {\r\n                        height: 30px;\r\n                        display: grid;\r\n                        align-content: center;\r\n                    }\r\n\r\n                    .gradient-step {\r\n                        display: grid;\r\n                        grid-template-rows: 100%;\r\n                        grid-template-columns: 25px 50px 55px 40px auto 20px 5px;\r\n                        padding-top: 5px;\r\n                        padding-left: 5px;\r\n                        padding-bottom: 5px;    \r\n                        align-items: center;\r\n                        border-left: orange 3px solid;\r\n                \r\n                        .step {\r\n                            grid-row: 1;\r\n                            grid-column: 1;\r\n                        }\r\n\r\n                        .color1 {\r\n                            height: 100%;\r\n                        }\r\n\r\n                        .color2{\r\n                            height: 100%;\r\n                            padding-left: 5px;\r\n                        }\r\n                            \r\n                        .factor1 {\r\n                            grid-row: 1;\r\n                            grid-column: 2;\r\n                            cursor: pointer;\r\n                        }\r\n\r\n                        .factor2 {\r\n                            padding-left: 5px;\r\n                            grid-row: 1;\r\n                            grid-column: 3;\r\n                            cursor: pointer;\r\n\r\n                            .grayed {\r\n                                background: gray;\r\n                                border-color: gray;\r\n                            }\r\n                        }\r\n\r\n                        .numeric-input {\r\n                            width: calc(100% - 5px);\r\n                        }\r\n                \r\n                        .step-value {       \r\n                            margin-left: 5px;     \r\n                            grid-row: 1;\r\n                            grid-column: 4;\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: 5;\r\n                            display: grid;\r\n                            justify-content: stretch;\r\n                            align-content: center;\r\n                            margin-right: 5px;\r\n                \r\n                            input {\r\n                                width: 100%;\r\n                            }\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                        }\r\n                    }\r\n                }\r\n\r\n                .textInputLine {\r\n                    padding-left: $line-padding-left;\r\n                    height: 30px;\r\n                    display: grid;\r\n                    grid-template-columns: 1fr 120px;\r\n\r\n                    .label {\r\n                        grid-column: 1;\r\n                        display: flex;\r\n                        align-items: center;\r\n                    }\r\n\r\n                    .value {                        \r\n                        display: flex;\r\n                        align-items: center;\r\n                        grid-column: 2;\r\n                        \r\n                        input {\r\n                            width: 110px;\r\n                        }\r\n                    }\r\n                }\r\n\r\n                .buttonLine {\r\n                    height: 30px;\r\n                    display: grid;\r\n                    align-items: center;\r\n                    justify-items: stretch;\r\n\r\n                    input[type=\"file\"] {\r\n                        display: none;\r\n                    }\r\n\r\n                    .file-upload {\r\n                        background: #222222;\r\n                        border: 1px solid rgb(51, 122, 183);\r\n                        margin: 5px 10px 5px 10px;\r\n                        color:white;\r\n                        padding: 4px 5px;\r\n                        font-size: 13px;\r\n                        opacity: 0.9;\r\n                        cursor: pointer;\r\n                        text-align: center;\r\n                    }\r\n\r\n                    .file-upload:hover {\r\n                        opacity: 1.0;\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: #222222;\r\n                        border: 1px solid rgb(51, 122, 183);\r\n                        margin: 5px 10px 5px 10px;\r\n                        color:white;\r\n                        padding: 4px 5px;\r\n                        opacity: 0.9;\r\n                        cursor: pointer;\r\n                    }\r\n\r\n                    button:hover {\r\n                        opacity: 1.0;\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 rgb(51, 122, 183);\r\n                        outline: 0px;\r\n                    }  \r\n                }\r\n\r\n                .radioLine {\r\n                    padding-left: $line-padding-left;\r\n                    height: 30px;\r\n                    display: grid;\r\n                    grid-template-columns: 1fr 24px;\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                    .radioContainer {\r\n                        display: flex;\r\n                        align-items: center;\r\n\r\n                        .radio {\r\n                            grid-column: 2;                        \r\n                            display: none;\r\n\r\n                            &:checked + label:before {\r\n                                border-color: rgb(51, 122, 183);\r\n                            }\r\n                            &:checked + label:after {\r\n                                transform: scale(1);\r\n                            }                        \r\n                        }\r\n\r\n                        .labelForRadio {\r\n                            display: inline-block;\r\n                            height: 14px;\r\n                            position: relative;\r\n                            padding: 0 24px;\r\n                            margin-bottom: 0;\r\n                            cursor: pointer;\r\n                            vertical-align: bottom;\r\n                            &:before, &:after {\r\n                                position: absolute;            \r\n                                content: '';  \r\n                                border-radius: 50%;\r\n                                transition: all .3s ease;\r\n                                transition-property: transform, border-color;\r\n                            }\r\n                            &:before {\r\n                                left: 0px;\r\n                                top: 0;\r\n                                width: 16px;\r\n                                height: 16px;\r\n                                border: 2px solid white;\r\n                            }\r\n                            &:after {\r\n                                top: 6px;\r\n                                left: 6px;\r\n                                width: 8px;\r\n                                height: 8px;\r\n                                transform: scale(0);\r\n                                background:rgb(51, 122, 183);\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n                .vector3Line {\r\n                    padding-left:$line-padding-left;                    \r\n                    display: grid;\r\n\r\n                    .firstLine {\r\n                        display: grid;\r\n                        grid-template-columns: 1fr auto 20px;\r\n                        height: 30px;\r\n\r\n                        .label {\r\n                            grid-column: 1;\r\n                            display: flex;\r\n                            align-items: center;\r\n                            white-space: nowrap;\r\n                            overflow: hidden;\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                            padding-left: 5px;\r\n                        }\r\n\r\n                        .expand {\r\n                            grid-column: 3;\r\n                            display: grid;\r\n                            align-items: center;\r\n                            justify-items: center;\r\n                            cursor: pointer;\r\n                        }\r\n                    }\r\n\r\n                    .secondLine {\r\n                        display: grid;\r\n                        padding-right: 5px;  \r\n                        border-left: 1px solid rgb(51, 122, 183);\r\n\r\n                        .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                .checkBoxLine {\r\n                    padding-left: $line-padding-left;\r\n                    height: 30px;\r\n                    display: grid;\r\n                    grid-template-columns: 1fr auto;\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                    .checkBox {\r\n                        grid-column: 2;\r\n                        \r\n                        display: flex;\r\n                        align-items: center;\r\n\r\n                        .lbl {\r\n                            position: relative;\r\n                            display: block;\r\n                            height: 14px;\r\n                            width: 34px;\r\n                            margin-right: 5px;\r\n                            background: #898989;\r\n                            border-radius: 100px;\r\n                            cursor: pointer;\r\n                            transition: all 0.3s ease;\r\n\r\n                            &.checked {\r\n                                background: rgb(51, 122, 183);\r\n                            }\r\n                        }\r\n\r\n                        .lbl:after {\r\n                            position: absolute;\r\n                            left: 3px;\r\n                            top: 2px;\r\n                            display: block;\r\n                            width: 10px;\r\n                            height: 10px;\r\n                            border-radius: 100px;\r\n                            background: #fff;\r\n                            box-shadow: 0px 3px 3px rgba(0,0,0,0.05);\r\n                            content: '';\r\n                            transition: all 0.15s ease;\r\n\r\n                            &.checked {\r\n                                left: 20px;\r\n                                background: rgb(22, 73, 117);\r\n                            }    \r\n                        }\r\n\r\n                        .lbl.checked:after {\r\n                            position: absolute;\r\n                            top: 2px;\r\n                            display: block;\r\n                            width: 10px;\r\n                            height: 10px;\r\n                            border-radius: 100px;\r\n                            background: #fff;\r\n                            box-shadow: 0px 3px 3px rgba(0,0,0,0.05);\r\n                            content: '';\r\n                            transition: all 0.15s ease;\r\n                            left: 20px;\r\n                            background: rgb(22, 73, 117);\r\n                        }\r\n\r\n                        .lbl:active:after { \r\n                            transform: scale(1.15, 0.85); \r\n                        }\r\n\r\n                        .hidden { \r\n                            display: none; \r\n                        }\r\n                        \r\n                        .icon {\r\n                            display: none;\r\n                        }\r\n                    }                    \r\n                }                   \r\n\r\n                .textureLine {                   \r\n                    display: grid;\r\n                    grid-template-rows: 30px auto;\r\n\r\n                    .control {\r\n                        margin-top: 2px;\r\n                        grid-row: 1;\r\n                        display: grid;\r\n                        grid-template-columns: 1fr 40px 40px 40px 40px 40px 1fr;\r\n\r\n                        .red {\r\n                            grid-column: 2;\r\n                        }\r\n\r\n                        .green {\r\n                            grid-column: 3;\r\n                        }\r\n\r\n                        .blue {\r\n                            grid-column: 4;\r\n                        }\r\n\r\n                        .alpha {\r\n                            grid-column: 5;\r\n                        }                        \r\n\r\n                        .all {\r\n                            grid-column: 6;\r\n                        }                        \r\n                    }\r\n\r\n                    .control3D {\r\n                        margin-top: 2px;\r\n                        grid-row: 1;\r\n                        display: grid;\r\n                        grid-template-columns: 1fr 40px 40px 40px 40px 40px 40px 1fr;\r\n\r\n                        .px {\r\n                            grid-column: 2;\r\n                        }\r\n\r\n                        .nx {\r\n                            grid-column: 3;\r\n                        }\r\n\r\n                        .py {\r\n                            grid-column: 4;\r\n                        }\r\n\r\n                        .ny {\r\n                            grid-column: 5;\r\n                        }   \r\n\r\n                        .pz {\r\n                            grid-column: 6;\r\n                        }\r\n\r\n                        .nz {\r\n                            grid-column: 7;\r\n                        }                     \r\n                    }                    \r\n\r\n                    .command {\r\n                        border: 1px solid transparent;\r\n                        background:transparent;\r\n                        color: white;\r\n                    }\r\n\r\n                    .selected {\r\n                        border: 1px solid rgb(51, 122, 183);\r\n                    }\r\n\r\n                    .preview {\r\n                        grid-row: 2;\r\n                        display: grid;\r\n                        align-self: center;\r\n                        justify-self: center;\r\n                        height: 256px;\r\n                        width: 256px;\r\n                        margin-top: 5px;\r\n                        margin-bottom: 5px;\r\n                        border: 1px solid white;\r\n                        background-size: 32px 32px;\r\n                        background-color: white;\r\n                        background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 2'%3E%3Cpath fill='rgba(1.0,1.0,1.0,0.3)' fill-rule='evenodd' d='M0 0h1v1H0V0zm1 1h1v1H1V1z'/%3E%3C/svg%3E\");\r\n                    }\r\n                }\r\n\r\n                .gltf-extension-property {\r\n                    margin-left: 30px;\r\n                    border-left: 1px solid rgb(51, 122, 183);\r\n                }\r\n\r\n                .floatLine {\r\n                    padding-left: $line-padding-left;\r\n                    height: 30px;\r\n                    display: grid;\r\n                    grid-template-columns: 1fr 120px;\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                        grid-column: 2;\r\n                        \r\n                        display: flex;\r\n                        align-items: center;\r\n                        \r\n                        input {\r\n                            width: 110px;\r\n                        }\r\n                    }\r\n                }\r\n\r\n                .sliderLine {\r\n                    padding-left: $line-padding-left;\r\n                    height: 30px;\r\n                    display: grid;\r\n                    grid-template-rows: 100%;\r\n                    grid-template-columns: 1fr 50px auto;\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                    .withMargins {\r\n                        margin-left: 5px;\r\n                    }\r\n\r\n                    .floatLine {\r\n                        padding-left: $line-padding-left;\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: 35px;\r\n                            }\r\n                            \r\n                            input::-webkit-outer-spin-button,\r\n                            input::-webkit-inner-spin-button {\r\n                              -webkit-appearance: none;\r\n                              margin: 0;\r\n                            }\r\n                \r\n                            input[type=number] {\r\n                                -moz-appearance: textfield;\r\n                            }\r\n                        }\r\n                    }  \r\n\r\n                    .slider {\r\n                        grid-column: 3;\r\n                        grid-row: 1;\r\n                        margin-right: 5px;\r\n                        width: 90%;\r\n                        display: flex;\r\n                        align-items: center;            \r\n\r\n                        .range {\r\n                            -webkit-appearance: none;\r\n                            width: 100%;\r\n                            height: 6px;\r\n                            background: #d3d3d3;\r\n                            border-radius: 5px;\r\n                            outline: none;\r\n                            opacity: 0.7;\r\n                            -webkit-transition: .2s;\r\n                            transition: opacity .2s;\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: rgb(51, 122, 183);\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(51, 122, 183);\r\n                            cursor: pointer;\r\n                        }\r\n                    }                    \r\n                }       \r\n                \r\n                .color3Line {\r\n                    padding-left: $line-padding-left;\r\n                    display: grid;\r\n\r\n                    .firstLine {\r\n                        height: 30px;\r\n                        display: grid;\r\n                        grid-template-columns: 1fr auto 20px 20px;\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                        .color3 {\r\n                            grid-column: 2;\r\n                            width: 50px;\r\n                            \r\n                            display: flex;\r\n                            align-items: center;   \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                            input {\r\n                                margin-right: 5px;\r\n                            }\r\n                        }\r\n\r\n                        .copy {\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                            img {\r\n                                height: 100%;\r\n                            }\r\n                        }\r\n\r\n                        .expand {\r\n                            grid-column: 4;\r\n                            display: grid;\r\n                            align-items: center;\r\n                            justify-items: center;\r\n                            cursor: pointer;\r\n                        }\r\n                    }   \r\n\r\n                    .secondLine {\r\n                        display: grid;\r\n                        padding-right: 5px;  \r\n                        border-left: 1px solid rgb(51, 122, 183);\r\n\r\n                        .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                .listLine {\r\n                    padding-left: $line-padding-left;\r\n                    height: 30px;\r\n                    display: grid;\r\n                    grid-template-columns: 1fr auto;\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                    .options {\r\n                        grid-column: 2;\r\n                        \r\n                        display: flex;\r\n                        align-items: center;   \r\n                        margin-right: 5px;\r\n\r\n                        select {\r\n                            width: 115px;\r\n                        }\r\n                    }                    \r\n                }                   \r\n\r\n                .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                        margin-bottom: -5px;\r\n                        z-index: 100;\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: #555555;    \r\n                            height: 30px;   \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        }\r\n    }\r\n}"],sourceRoot:""}]);const h=c},9826:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(6221),s=n.n(r),a=n(7758),i=n.n(a)()(s());i.push([e.id,'#performance-viewer{display:grid;height:100%;width:100%;grid-template-columns:300px 1fr;font-family:"acumin-pro"}#performance-viewer .performancePlayheadButton{grid-area:liveButton;height:30px;width:100px;justify-self:right;background-color:#dcdfe1;color:#2e3f47;outline:2px #2e3f47;margin:5px;position:absolute;top:10px;right:10px}#performance-viewer #performance-viewer-sidebar{display:flex;flex-direction:column;overflow-y:scroll;border:2px solid gray}#performance-viewer #performance-viewer-sidebar .sidebar-item{display:grid;width:100%;height:30px;font-size:14px;padding:2.5px 0px;align-items:center}#performance-viewer #performance-viewer-sidebar .header{color:white;grid-template-columns:10px 9fr 1fr 10px}#performance-viewer #performance-viewer-sidebar .header .category{grid-column:2}#performance-viewer #performance-viewer-sidebar .header .value{grid-column:3}#performance-viewer #performance-viewer-sidebar .version-header{background-color:#2e3f47;color:white;grid-template-columns:10px 1fr 1fr 10px;font-size:14px;height:35px}#performance-viewer #performance-viewer-sidebar .version-header .category{grid-column:2}#performance-viewer #performance-viewer-sidebar .version-header .value{grid-column:3;display:flex;justify-content:end}#performance-viewer #performance-viewer-sidebar .category-header{background-color:#4a5960;text-transform:uppercase;font-size:14px;height:30px}#performance-viewer #performance-viewer-sidebar .category-header .checkBoxLine{color:#dcdfe1}#performance-viewer #performance-viewer-sidebar .measure{color:black;grid-template-columns:18px 6fr 1fr;font-family:"acumin-pro-condensed"}#performance-viewer #performance-viewer-sidebar .measure .category{display:grid;grid-template-columns:18px 7px 18px 10px 1fr;grid-column:2;align-items:center}#performance-viewer #performance-viewer-sidebar .measure .category .color-picker{grid-column:3}#performance-viewer #performance-viewer-sidebar .measure .category .sidebar-item-label{grid-column:5}#performance-viewer #performance-viewer-sidebar .measure .value{grid-column:3}#performance-viewer #performance-viewer-sidebar .measure:nth-child(odd){background-color:#dcdfe1}#performance-viewer #performance-viewer-sidebar .measure:nth-child(even){background-color:#ebedee}#performance-viewer #performance-viewer-sidebar .checkBoxLine{color:#4a5960;width:100%;height:100%;display:flex;justify-content:center;align-items:center}#performance-viewer #performance-viewer-sidebar .checkBoxLine .disabled{color:lightgray}#performance-viewer #performance-viewer-sidebar .color-picker{width:100%}#performance-viewer #performance-viewer-sidebar .color-picker .color-rect{height:18px;width:18px;cursor:pointer}#performance-viewer #performance-viewer-sidebar .color-picker .color-picker-cover{position:fixed;top:0px;right:0px;bottom:0px;left:0px;z-index:100}#performance-viewer #performance-viewer-sidebar .color-picker .color-picker-float{position:absolute}#performance-viewer #performance-viewer-sidebar .color-picker .color-picker-float .color-picker-container{width:200px}\n',"",{version:3,sources:["webpack://./../../../dev/inspector/dist/components/actionTabs/tabs/performanceViewer/scss/performanceViewer.scss"],names:[],mappings:"AAGA,oBACI,YAAa,CACb,WAAY,CACZ,UAAW,CACX,+BAAgC,CAChC,wBAAyB,CAL7B,+CAQQ,oBAAqB,CACrB,WAZW,CAaX,WAAY,CACZ,kBAAmB,CACnB,wBAAyB,CACzB,aAAc,CACd,mBAAoB,CACpB,UAAW,CACX,iBAAkB,CAClB,QAAS,CACT,UAAW,CAlBnB,gDAsBQ,YAAa,CACb,qBAAsB,CACtB,iBAAkB,CAElB,qBAAsB,CA1B9B,8DA6BY,YAAa,CACb,UAAW,CACX,WAAY,CACZ,cAAe,CACf,iBAAkB,CAClB,kBAAmB,CAlC/B,wDAsCY,WAAY,CACZ,uCAAwC,CAvCpD,kEA0CgB,aAAc,CA1C9B,+DA8CgB,aAAc,CA9C9B,gEAmDY,wBAAyB,CACzB,WAAY,CACZ,uCAAwC,CACxC,cAAe,CACf,WAAY,CAvDxB,0EA0DgB,aAAc,CA1D9B,uEA8DgB,aAAc,CACd,YAAa,CACb,mBAAoB,CAhEpC,iEAsEY,wBAAyB,CACzB,wBAAyB,CACzB,cAAe,CACf,WAAY,CAzExB,+EA4EgB,aAAc,CA5E9B,yDAiFY,WAAY,CACZ,kCAA0C,CAC1C,kCAAmC,CAnF/C,mEAsFgB,YAAa,CACb,4CAA2D,CAC3D,aAAc,CACd,kBAAmB,CAzFnC,iFA4FoB,aAAc,CA5FlC,uFAgGoB,aAAc,CAhGlC,gEAqGgB,aAAc,CArG9B,wEA2GY,wBAAyB,CA3GrC,yEAgHY,wBAAyB,CAhHrC,8DAoHY,aAAc,CACd,UAAW,CACX,WAAY,CACZ,YAAa,CACb,sBAAuB,CACvB,kBAAmB,CAzH/B,wEA2HgB,eAAgB,CA3HhC,8DAgIY,UAAW,CAhIvB,0EAmIgB,WArIC,CAsID,UAtIC,CAuID,cAAe,CArI/B,kFAyIgB,cAAe,CACf,OAAQ,CACR,SAAU,CACV,UAAW,CACX,QAAS,CACT,WAAY,CA9I5B,kFAkJgB,iBAAkB,CAlJlC,0GAqJoB,WAAY",sourcesContent:['$buttonHeight: 30px;\r\n$squareSize: 18px;\r\n\r\n#performance-viewer {\r\n    display: grid;\r\n    height: 100%;\r\n    width: 100%;\r\n    grid-template-columns: 300px 1fr;\r\n    font-family: "acumin-pro";\r\n\r\n    .performancePlayheadButton {\r\n        grid-area: liveButton;\r\n        height: $buttonHeight;\r\n        width: 100px;\r\n        justify-self: right;\r\n        background-color: #dcdfe1;\r\n        color: #2e3f47;\r\n        outline: 2px #2e3f47;\r\n        margin: 5px;\r\n        position: absolute;\r\n        top: 10px;\r\n        right: 10px;\r\n    }\r\n\r\n    #performance-viewer-sidebar {\r\n        display: flex;\r\n        flex-direction: column;\r\n        overflow-y: scroll;\r\n\r\n        border: 2px solid gray;\r\n\r\n        .sidebar-item {\r\n            display: grid;\r\n            width: 100%;\r\n            height: 30px;\r\n            font-size: 14px;\r\n            padding: 2.5px 0px;\r\n            align-items: center;\r\n        }\r\n\r\n        .header {\r\n            color: white;\r\n            grid-template-columns: 10px 9fr 1fr 10px;\r\n\r\n            .category {\r\n                grid-column: 2;\r\n            }\r\n\r\n            .value {\r\n                grid-column: 3;\r\n            }\r\n        }\r\n\r\n        .version-header {\r\n            background-color: #2e3f47;\r\n            color: white;\r\n            grid-template-columns: 10px 1fr 1fr 10px;\r\n            font-size: 14px;\r\n            height: 35px; // with padding, we get 40px\r\n\r\n            .category {\r\n                grid-column: 2;\r\n            }\r\n\r\n            .value {\r\n                grid-column: 3;\r\n                display: flex;\r\n                justify-content: end;\r\n            }\r\n        }\r\n\r\n        // mid-dark color\r\n        .category-header {\r\n            background-color: #4a5960;\r\n            text-transform: uppercase;\r\n            font-size: 14px;\r\n            height: 30px;\r\n\r\n            .checkBoxLine {\r\n                color: #dcdfe1;\r\n            }\r\n        }\r\n\r\n        .measure {\r\n            color: black;\r\n            grid-template-columns: $squareSize 6fr 1fr;\r\n            font-family: "acumin-pro-condensed";\r\n            \r\n            .category {\r\n                display: grid;\r\n                grid-template-columns: $squareSize 7px $squareSize 10px 1fr;\r\n                grid-column: 2;\r\n                align-items: center;\r\n\r\n                .color-picker {\r\n                    grid-column: 3;\r\n                }\r\n\r\n                .sidebar-item-label {\r\n                    grid-column: 5;\r\n                }\r\n            }\r\n\r\n            .value {\r\n                grid-column: 3;\r\n            }\r\n        }\r\n\r\n        //darker color\r\n        .measure:nth-child(odd) {\r\n            background-color: #dcdfe1;\r\n        }\r\n\r\n        // lighter color\r\n        .measure:nth-child(even) {\r\n            background-color: #ebedee;\r\n        }\r\n\r\n        .checkBoxLine {\r\n            color: #4a5960;\r\n            width: 100%;\r\n            height: 100%;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            .disabled {\r\n                color: lightgray;\r\n            }\r\n        }\r\n\r\n        .color-picker {\r\n            width: 100%;\r\n\r\n            .color-rect {\r\n                height: $squareSize;\r\n                width: $squareSize;\r\n                cursor: pointer;\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: 100;\r\n            }\r\n\r\n            .color-picker-float {\r\n                position: absolute;\r\n\r\n                .color-picker-container {\r\n                    width: 200px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n'],sourceRoot:""}]);const o=i},684:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(6221),s=n.n(r),a=n(7758),i=n.n(a)()(s());i.push([e.id,"#bottom-bar{display:grid;grid-template-rows:100%;grid-template-columns:10px 210px 10px 1fr 10px 61px 10px}#bottom-bar #bottom-bar-total{grid-row:1;grid-column:6;color:white;background:#222222;height:25px;align-self:center;font-size:12pt}#bottom-bar #bottom-bar-total #clip-range{width:100%}#bottom-bar .control-button .control-button-image{display:unset}#bottom-bar .control-button .control-button-hover-image{display:none}#bottom-bar .control-button:hover{cursor:pointer}#bottom-bar .control-button:hover .control-button-image{display:none}#bottom-bar .control-button:hover .control-button-hover-image{display:unset}#bottom-bar .control-button:active{transform-origin:50% 50%;transform:scale(0.96)}#bottom-bar #media-player{grid-row:1;grid-column:2;display:grid;align-self:center;justify-self:center;grid-template-rows:100%;grid-template-columns:23px 23px 23px 23px 23px 23px 23px}#bottom-bar #media-player #start-key{grid-row:1;grid-column:1}#bottom-bar #media-player #prev-frame{grid-row:1;grid-column:2}#bottom-bar #media-player #first-key{grid-row:1;grid-column:3}#bottom-bar #media-player #rev-key{grid-row:1;grid-column:4}#bottom-bar #media-player #fwd-key{grid-row:1;grid-column:5}#bottom-bar #media-player #next-key{grid-row:1;grid-column:6}#bottom-bar #media-player #next-frame{grid-row:1;grid-column:7}#bottom-bar #media-player #end-key{grid-row:1;grid-column:8}#bottom-bar #range-selector{grid-row:1;grid-column:4;background:#222222;width:100%;height:calc(100% - 20px);margin:10px 0;position:relative}#bottom-bar #range-selector #range-scrollbar{position:absolute;left:2px;top:2px;right:2px;bottom:2px;background:#666666;display:grid;grid-template-rows:100%;grid-template-columns:20px auto 1fr auto 20px;color:#222222;font-family:'acumin-pro-condensed';font-size:14px;min-width:70px}#bottom-bar #range-selector #range-scrollbar #left-handle{grid-row:1;grid-column:1}#bottom-bar #range-selector #range-scrollbar #right-handle{grid-row:1;grid-column:5}#bottom-bar #range-selector #range-scrollbar #from-key{grid-row:1;grid-column:2;align-self:center;justify-self:center;user-select:none;pointer-events:none}#bottom-bar #range-selector #range-scrollbar #to-key{grid-row:1;grid-column:4;align-self:center;justify-self:center;user-select:none;pointer-events:none}#bottom-bar #range-selector #range-scrollbar .handle{width:20px;align-self:center;justify-self:center;cursor:pointer;user-select:none}#bottom-bar #range-selector #range-scrollbar .handle img{pointer-events:none}\n","",{version:3,sources:["webpack://./../../../dev/inspector/dist/components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/bottomBar.scss"],names:[],mappings:"AAAA,YACI,YAAY,CACZ,uBAAwB,CACxB,wDAAyD,CAH7D,8BAMQ,UAAW,CACX,aAAc,CACd,WAAW,CACX,kBAAmB,CACnB,WAAY,CACZ,iBAAkB,CAClB,cAAe,CAZvB,0CAeY,UAAW,CAfvB,kDAsBY,aAAc,CAtB1B,wDA0BY,YAAa,CA1BzB,kCA8BY,cAAe,CA9B3B,wDAiCgB,YAAa,CAjC7B,8DAqCgB,aAAc,CArC9B,mCA0CY,wBAAyB,CACzB,qBAAsB,CA3ClC,0BAgDQ,UAAW,CACX,aAAc,CACd,YAAY,CACZ,iBAAkB,CAClB,mBAAoB,CACpB,uBAAwB,CACxB,wDAAyD,CAtDjE,qCAyDY,UAAW,CACX,aAAc,CA1D1B,sCA8DY,UAAW,CACX,aAAc,CA/D1B,qCAmEY,UAAW,CACX,aAAc,CApE1B,mCAwEY,UAAW,CACX,aAAc,CAzE1B,mCA6EY,UAAW,CACX,aAAc,CA9E1B,oCAkFY,UAAW,CACX,aAAc,CAnF1B,sCAuFY,UAAW,CACX,aAAc,CAxF1B,mCA4FY,UAAW,CACX,aAAc,CA7F1B,4BAkGQ,UAAW,CACX,aAAc,CACd,kBAAmB,CACnB,UAAW,CACX,wBAAyB,CACzB,aAAc,CACd,iBAAkB,CAxG1B,6CA2GY,iBAAkB,CAClB,QAAQ,CACR,OAAO,CACP,SAAU,CACV,UAAW,CACX,kBAAmB,CACnB,YAAa,CACb,uBAAwB,CACxB,6CAA8C,CAC9C,aAAa,CACb,kCAAmC,CACnC,cAAe,CACf,cAAe,CAvH3B,0DA0HgB,UAAW,CACX,aAAc,CA3H9B,2DA+HgB,UAAW,CACX,aAAc,CAhI9B,uDAoIgB,UAAW,CACX,aAAc,CACd,iBAAkB,CAClB,mBAAoB,CACpB,gBAAiB,CACjB,mBAAoB,CAzIpC,qDA6IgB,UAAW,CACX,aAAc,CACd,iBAAkB,CAClB,mBAAoB,CACpB,gBAAiB,CACjB,mBAAoB,CAlJpC,qDAsJgB,UAAW,CACX,iBAAkB,CAClB,mBAAoB,CACpB,cAAe,CACf,gBAAiB,CA1JjC,yDA6JoB,mBAAoB",sourcesContent:["#bottom-bar {\r\n    display:grid;\r\n    grid-template-rows: 100%;\r\n    grid-template-columns: 10px 210px 10px 1fr 10px 61px 10px;\r\n\r\n    #bottom-bar-total {        \r\n        grid-row: 1;\r\n        grid-column: 6;\r\n        color:white;\r\n        background: #222222;\r\n        height: 25px;\r\n        align-self: center;\r\n        font-size: 12pt;\r\n\r\n        #clip-range {\r\n            width: 100%;\r\n        }\r\n    }\r\n\r\n    .control-button {\r\n\r\n        .control-button-image {\r\n            display: unset;\r\n        }\r\n\r\n        .control-button-hover-image {\r\n            display: none;\r\n        }\r\n\r\n        &:hover {\r\n            cursor: pointer;\r\n\r\n            .control-button-image {\r\n                display: none;\r\n            }\r\n    \r\n            .control-button-hover-image {\r\n                display: unset;\r\n            }\r\n        }\r\n\r\n        &:active {\r\n            transform-origin: 50% 50%;\r\n            transform: scale(0.96);\r\n        }\r\n    }\r\n\r\n    #media-player {\r\n        grid-row: 1;\r\n        grid-column: 2;\r\n        display:grid;\r\n        align-self: center;\r\n        justify-self: center;\r\n        grid-template-rows: 100%;\r\n        grid-template-columns: 23px 23px 23px 23px 23px 23px 23px;\r\n\r\n        #start-key {            \r\n            grid-row: 1;\r\n            grid-column: 1;\r\n        }\r\n        \r\n        #prev-frame {\r\n            grid-row: 1;\r\n            grid-column: 2;\r\n        }\r\n\r\n        #first-key {            \r\n            grid-row: 1;\r\n            grid-column: 3;\r\n        }\r\n\r\n        #rev-key {            \r\n            grid-row: 1;\r\n            grid-column: 4;\r\n        }\r\n\r\n        #fwd-key {            \r\n            grid-row: 1;\r\n            grid-column: 5;\r\n        }\r\n\r\n        #next-key {            \r\n            grid-row: 1;\r\n            grid-column: 6;\r\n        }\r\n\r\n        #next-frame {\r\n            grid-row: 1;\r\n            grid-column: 7;\r\n        }\r\n\r\n        #end-key {            \r\n            grid-row: 1;\r\n            grid-column: 8;\r\n        }\r\n    }\r\n\r\n    #range-selector {\r\n        grid-row: 1;\r\n        grid-column: 4;\r\n        background: #222222;\r\n        width: 100%;\r\n        height: calc(100% - 20px);\r\n        margin: 10px 0;\r\n        position: relative;\r\n\r\n        #range-scrollbar {\r\n            position: absolute;\r\n            left:2px;\r\n            top:2px;\r\n            right: 2px;\r\n            bottom: 2px;\r\n            background: #666666;\r\n            display: grid;\r\n            grid-template-rows: 100%;\r\n            grid-template-columns: 20px auto 1fr auto 20px;\r\n            color:#222222;\r\n            font-family: 'acumin-pro-condensed';\r\n            font-size: 14px;\r\n            min-width: 70px;\r\n\r\n            #left-handle {\r\n                grid-row: 1;\r\n                grid-column: 1;        \r\n            }\r\n\r\n            #right-handle {\r\n                grid-row: 1;\r\n                grid-column: 5;        \r\n            }\r\n\r\n            #from-key {\r\n                grid-row: 1;\r\n                grid-column: 2;  \r\n                align-self: center;\r\n                justify-self: center;\r\n                user-select: none;\r\n                pointer-events: none;\r\n            }\r\n\r\n            #to-key {\r\n                grid-row: 1;\r\n                grid-column: 4;  \r\n                align-self: center;\r\n                justify-self: center;\r\n                user-select: none;\r\n                pointer-events: none;\r\n            }\r\n\r\n            .handle {\r\n                width: 20px;\r\n                align-self: center;\r\n                justify-self: center;\r\n                cursor: pointer;\r\n                user-select: none;\r\n\r\n                img {\r\n                    pointer-events: none;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}"],sourceRoot:""}]);const o=i},6037:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(6221),s=n.n(r),a=n(7758),i=n.n(a)()(s());i.push([e.id,"#canvas-zone{display:grid;grid-template-columns:100%;grid-template-rows:1fr 30px 10px 40px;overflow:hidden;position:relative}#canvas-zone #graph{grid-column:1;grid-row:1;width:100%;height:100%;background:#222222;display:grid;grid-template-columns:100%;grid-template-rows:100%;overflow:hidden;position:relative}#canvas-zone #graph #svg-graph-grid{grid-column:1;grid-row:1;width:100%;height:100%;pointer-events:none;z-index:1}#canvas-zone #graph #svg-graph-grid:focus{outline:none}#canvas-zone #graph #svg-graph-horizontal{grid-column:1;grid-row:1;margin-left:40px;width:calc(100% - 40px);height:100%;pointer-events:none;z-index:1}#canvas-zone #graph #svg-graph-horizontal:focus{outline:none}#canvas-zone #graph #dark-rectangle{grid-column:1;grid-row:1;margin-left:40px;width:calc(100% - 40px);height:100%;background:#111111;opacity:0.2;pointer-events:none;position:absolute}#canvas-zone #graph #block-rectangle{grid-column:1;grid-row:1;width:40px;height:100%;background:#222222;z-index:1}#canvas-zone #graph #svg-graph-curves{grid-column:1;grid-row:1;margin-left:40px;width:calc(100% - 40px);height:100%;z-index:2}#canvas-zone #graph #svg-graph-curves:focus{outline:none}#canvas-zone #graph #selection-rectangle{grid-column:1;grid-row:1;width:calc(100% - 40px);height:100%;pointer-events:none;position:absolute;left:40px;visibility:hidden;border:1px dashed white}#canvas-zone #range-frame-bar{grid-column:1;grid-row:4;width:100%;height:100%;background:#222222;pointer-events:none;display:grid;grid-template-rows:100%;grid-template-columns:100%;pointer-events:none;user-select:none}#canvas-zone #range-frame-bar #svg-range-frames{grid-column:1;grid-row:1;width:100%;height:100%}#canvas-zone #frame-bar{grid-column:1;grid-row:2;width:100%;height:100%;background:#222222;pointer-events:none;display:grid;grid-template-rows:100%;grid-template-columns:40px 1fr}#canvas-zone #frame-bar #angle-unit{grid-column:1;grid-row:1;background:#111111}#canvas-zone #frame-bar #frames{grid-column:1 / 3;grid-row:1;width:100%;height:100%;display:grid;grid-template-rows:100%;grid-template-columns:100%}#canvas-zone #frame-bar #frames #svg-frames{margin-left:40px;grid-column:1;grid-row:1;width:calc(100% - 40px);height:100%}#canvas-zone #play-head-control{grid-column:1;grid-row:2;position:absolute;height:30px;left:40px;width:calc(100% - 40px)}#canvas-zone #play-head{grid-column:1;grid-row:1 / 3;position:absolute;top:0;height:calc(100% - 5px);width:22px;margin-left:40px;display:grid;grid-template-columns:100%;grid-template-rows:1fr 22px;transform:translateX(-50%);pointer-events:none;z-index:3}#canvas-zone #play-head #play-head-bar{grid-row:1;grid-column:1;justify-self:center;width:1.5px;background:#ffffff;height:100%;pointer-events:none}#canvas-zone #play-head #play-head-circle{grid-row:2;grid-column:1;width:22px;height:22px;border-radius:50%;background:#FFFFFF;font-family:'acumin-pro-condensed';font-size:8pt;display:grid;align-content:center;justify-content:center;color:#555555;cursor:pointer}#canvas-zone #angle-mode{grid-column:1;grid-row:2;width:40px;height:100%;z-index:1;background:#222222}\n","",{version:3,sources:["webpack://./../../../dev/inspector/dist/components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/canvas.scss"],names:[],mappings:"AAAA,aACI,YAAa,CACb,0BAA2B,CAC3B,qCAAsC,CACtC,eAAgB,CAChB,iBAAkB,CALtB,oBAQQ,aAAc,CACd,UAAW,CACX,UAAW,CACX,WAAY,CACZ,kBAAmB,CACnB,YAAa,CACb,0BAA2B,CAC3B,uBAAwB,CACxB,eAAgB,CAChB,iBAAkB,CAjB1B,oCAoBY,aAAc,CACd,UAAW,CACX,UAAW,CACX,WAAY,CACZ,mBAAoB,CAKpB,SAAU,CA7BtB,0CA2BgB,YAAa,CA3B7B,0CAiCY,aAAc,CACd,UAAW,CACX,gBAAiB,CACjB,uBAAwB,CACxB,WAAY,CACZ,mBAAoB,CAKpB,SAAU,CA3CtB,gDAyCgB,YAAa,CAzC7B,oCA+CY,aAAc,CACd,UAAW,CACX,gBAAiB,CACjB,uBAAwB,CACxB,WAAY,CACZ,kBAAmB,CACnB,WAAY,CACZ,mBAAoB,CACpB,iBAAkB,CAvD9B,qCA2DY,aAAc,CACd,UAAW,CACX,UAAU,CACV,WAAY,CACZ,kBAAmB,CACnB,SAAU,CAhEtB,sCAoEY,aAAc,CACd,UAAW,CACX,gBAAiB,CACjB,uBAAwB,CACxB,WAAY,CACZ,SAAU,CAzEtB,4CA4EgB,YAAa,CA5E7B,yCAiFY,aAAc,CACd,UAAW,CACX,uBAAwB,CACxB,WAAY,CACZ,mBAAoB,CACpB,iBAAkB,CAClB,SAAU,CACV,iBAAkB,CAElB,uBAAwB,CA1FpC,8BA+FQ,aAAc,CACd,UAAW,CACX,UAAW,CACX,WAAY,CACZ,kBAAmB,CACnB,mBAAoB,CACpB,YAAa,CACb,uBAAwB,CACxB,0BAA2B,CAC3B,mBAAoB,CACpB,gBAAiB,CAzGzB,gDA4GY,aAAc,CACd,UAAW,CACX,UAAW,CACX,WAAY,CA/GxB,wBAoHQ,aAAc,CACd,UAAW,CACX,UAAW,CACX,WAAY,CACZ,kBAAmB,CACnB,mBAAoB,CAEpB,YAAa,CACb,uBAAwB,CACxB,8BAA+B,CA7HvC,oCAgIY,aAAc,CACd,UAAW,CACX,kBAAmB,CAlI/B,gCAsIY,iBAAkB,CAElB,UAAW,CACX,UAAW,CACX,WAAY,CACZ,YAAa,CACb,uBAAwB,CACxB,0BAA2B,CA7IvC,4CAgJgB,gBAAiB,CACjB,aAAc,CACd,UAAW,CACX,uBAAwB,CACxB,WAAY,CApJ5B,gCA0JQ,aAAc,CACd,UAAW,CACX,iBAAkB,CAClB,WAAY,CACZ,SAAU,CACV,uBAAwB,CA/JhC,wBAmKQ,aAAc,CACd,cAAe,CACf,iBAAkB,CAClB,KAAK,CACL,uBAAwB,CACxB,UAAW,CACX,gBAAiB,CACjB,YAAa,CACb,0BAA2B,CAC3B,2BAA4B,CAC5B,0BAA2B,CAC3B,mBAAoB,CACpB,SAAU,CA/KlB,uCAkLY,UAAW,CACX,aAAc,CACd,mBAAoB,CACpB,WAAY,CACZ,kBAAmB,CACnB,WAAY,CACZ,mBAAoB,CAxLhC,0CA4LY,UAAW,CACX,aAAc,CACd,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,kBAAmB,CACnB,kCAAmC,CACnC,aAAc,CACd,YAAa,CACb,oBAAqB,CACrB,sBAAuB,CACvB,aAAa,CACb,cAAe,CAxM3B,yBA6MQ,aAAc,CACd,UAAW,CACX,UAAW,CACX,WAAY,CACZ,SAAU,CACV,kBAAmB",sourcesContent:["#canvas-zone {\r\n    display: grid;\r\n    grid-template-columns: 100%;\r\n    grid-template-rows: 1fr 30px 10px 40px;\r\n    overflow: hidden;    \r\n    position: relative;\r\n\r\n    #graph {\r\n        grid-column: 1;\r\n        grid-row: 1;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: #222222;\r\n        display: grid;\r\n        grid-template-columns: 100%;\r\n        grid-template-rows: 100%;\r\n        overflow: hidden;\r\n        position: relative;\r\n        \r\n        #svg-graph-grid {\r\n            grid-column: 1;\r\n            grid-row: 1;\r\n            width: 100%;\r\n            height: 100%;            \r\n            pointer-events: none;\r\n\r\n            &:focus {\r\n                outline: none;\r\n            }\r\n            z-index: 1;\r\n        }\r\n\r\n        #svg-graph-horizontal {\r\n            grid-column: 1;\r\n            grid-row: 1;\r\n            margin-left: 40px;\r\n            width: calc(100% - 40px);\r\n            height: 100%;            \r\n            pointer-events: none;\r\n\r\n            &:focus {\r\n                outline: none;\r\n            }\r\n            z-index: 1;\r\n        }\r\n\r\n        #dark-rectangle {\r\n            grid-column: 1;\r\n            grid-row: 1;\r\n            margin-left: 40px;\r\n            width: calc(100% - 40px);\r\n            height: 100%;\r\n            background: #111111;\r\n            opacity: 0.2;\r\n            pointer-events: none;\r\n            position: absolute;\r\n        }\r\n\r\n        #block-rectangle {\r\n            grid-column: 1;\r\n            grid-row: 1;\r\n            width:40px;\r\n            height: 100%;            \r\n            background: #222222;\r\n            z-index: 1;\r\n        }\r\n\r\n        #svg-graph-curves {\r\n            grid-column: 1;\r\n            grid-row: 1;\r\n            margin-left: 40px;\r\n            width: calc(100% - 40px);\r\n            height: 100%;\r\n            z-index: 2;\r\n\r\n            &:focus {\r\n                outline: none;\r\n            }\r\n        }\r\n\r\n        #selection-rectangle {\r\n            grid-column: 1;\r\n            grid-row: 1;\r\n            width: calc(100% - 40px);\r\n            height: 100%;            \r\n            pointer-events: none;\r\n            position: absolute;\r\n            left: 40px;\r\n            visibility: hidden;\r\n\r\n            border: 1px dashed white;\r\n        }\r\n    }\r\n\r\n    #range-frame-bar {\r\n        grid-column: 1;\r\n        grid-row: 4;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: #222222;\r\n        pointer-events: none;\r\n        display: grid;\r\n        grid-template-rows: 100%;\r\n        grid-template-columns: 100%;\r\n        pointer-events: none;\r\n        user-select: none;\r\n\r\n        #svg-range-frames {\r\n            grid-column: 1;\r\n            grid-row: 1;         \r\n            width: 100%;\r\n            height: 100%;  \r\n        }\r\n    }\r\n\r\n    #frame-bar {\r\n        grid-column: 1;\r\n        grid-row: 2;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: #222222;\r\n        pointer-events: none;\r\n\r\n        display: grid;\r\n        grid-template-rows: 100%;\r\n        grid-template-columns: 40px 1fr;\r\n\r\n        #angle-unit {\r\n            grid-column: 1;\r\n            grid-row: 1;\r\n            background: #111111;\r\n        }\r\n\r\n        #frames {\r\n            grid-column: 1 / 3;\r\n            \r\n            grid-row: 1;            \r\n            width: 100%;\r\n            height: 100%;  \r\n            display: grid;\r\n            grid-template-rows: 100%;\r\n            grid-template-columns: 100%;\r\n\r\n            #svg-frames {\r\n                margin-left: 40px;\r\n                grid-column: 1;\r\n                grid-row: 1;         \r\n                width: calc(100% - 40px);\r\n                height: 100%;  \r\n            }\r\n        }\r\n    }\r\n\r\n    #play-head-control {        \r\n        grid-column: 1;\r\n        grid-row: 2;\r\n        position: absolute;\r\n        height: 30px; \r\n        left: 40px;\r\n        width: calc(100% - 40px);\r\n    }\r\n\r\n    #play-head {\r\n        grid-column: 1;\r\n        grid-row: 1 / 3;\r\n        position: absolute;\r\n        top:0;\r\n        height: calc(100% - 5px);\r\n        width: 22px;\r\n        margin-left: 40px;\r\n        display: grid;                \r\n        grid-template-columns: 100%;\r\n        grid-template-rows: 1fr 22px;\r\n        transform: translateX(-50%);\r\n        pointer-events: none;  \r\n        z-index: 3;\r\n\r\n        #play-head-bar {\r\n            grid-row: 1;\r\n            grid-column: 1;\r\n            justify-self: center;\r\n            width: 1.5px;\r\n            background: #ffffff;\r\n            height: 100%;   \r\n            pointer-events: none;     \r\n        }\r\n\r\n        #play-head-circle {\r\n            grid-row: 2;\r\n            grid-column: 1;\r\n            width: 22px;\r\n            height: 22px;\r\n            border-radius: 50%;\r\n            background: #FFFFFF;\r\n            font-family: 'acumin-pro-condensed';\r\n            font-size: 8pt;\r\n            display: grid;\r\n            align-content: center;\r\n            justify-content: center;\r\n            color:#555555;\r\n            cursor: pointer;       \r\n        }            \r\n    }\r\n\r\n    #angle-mode {\r\n        grid-column: 1;\r\n        grid-row: 2;\r\n        width: 40px;\r\n        height: 100%;\r\n        z-index: 1;\r\n        background: #222222;\r\n    }\r\n}"],sourceRoot:""}]);const o=i},6153:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(6221),s=n.n(r),a=n(7758),i=n.n(a)()(s());i.push([e.id,"#curve-editor{background:#333333;width:100%;height:100%;display:grid;grid-template-rows:40px calc(100% - 85px) 45px;grid-template-columns:10px 210px 10px 1fr 10px}#curve-editor #top-bar{background:#333333;grid-row:1;grid-column:1 / 6;width:100%;height:100%}#curve-editor #bottom-bar{background:#333333;grid-row:3;grid-column:1 / 6;width:100%;height:100%}#curve-editor #canvas-zone{grid-row:2;grid-column:4;width:100%;height:100%;background:#333333}#curve-editor #sidebar{grid-row:2;grid-column:2;width:100%;height:100%;background:#111111}#curve-editor .action-button:hover{background:#666666;color:white;cursor:pointer}#curve-editor .action-button.active{background:#111111}#curve-editor .action-button:active{transform-origin:50% 50%;transform:scale(0.96)}#curve-editor .push-button{cursor:pointer}#curve-editor .push-button.active{background:#666666}#curve-editor .text-input{color:white;background:#000000;font-family:'acumin-pro-condensed';font-size:11pt;border:0;margin:3px 1px;text-align:end;padding-right:4px}#curve-editor .text-input:focus{outline:none}\n","",{version:3,sources:["webpack://./../../../dev/inspector/dist/components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/curveEditor.scss"],names:[],mappings:"AAAA,cACI,kBAAmB,CACnB,UAAW,CACX,WAAY,CACZ,YAAa,CACb,8CAA+C,CAC/C,8CAA+C,CANnD,uBASQ,kBAAmB,CACnB,UAAW,CACX,iBAAkB,CAClB,UAAW,CACX,WAAY,CAbpB,0BAiBQ,kBAAmB,CACnB,UAAW,CACX,iBAAkB,CAClB,UAAW,CACX,WAAY,CArBpB,2BAyBQ,UAAW,CACX,aAAc,CACd,UAAW,CACX,WAAY,CACZ,kBAAmB,CA7B3B,uBAiCQ,UAAW,CACX,aAAc,CACd,UAAW,CACX,WAAY,CACZ,kBAAmB,CArC3B,mCA0CY,kBAAmB,CACnB,WAAW,CACX,cAAe,CA5C3B,oCAgDY,kBAAmB,CAhD/B,oCAoDY,wBAAyB,CACzB,qBAAsB,CArDlC,2BA0DQ,cAAe,CA1DvB,kCA4DY,kBAAmB,CA5D/B,0BAiEQ,WAAW,CACX,kBAAmB,CACnB,kCAAmC,CACnC,cAAe,CACf,QAAS,CACT,cAAe,CACf,cAAe,CACf,iBAAkB,CAxE1B,gCA2EY,YAAa",sourcesContent:["#curve-editor {\r\n    background: #333333;\r\n    width: 100%;\r\n    height: 100%;\r\n    display: grid;\r\n    grid-template-rows: 40px calc(100% - 85px) 45px;\r\n    grid-template-columns: 10px 210px 10px 1fr 10px;\r\n\r\n    #top-bar {\r\n        background: #333333;\r\n        grid-row: 1;\r\n        grid-column: 1 / 6;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    #bottom-bar {\r\n        background: #333333;\r\n        grid-row: 3;\r\n        grid-column: 1 / 6;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    #canvas-zone {\r\n        grid-row: 2;\r\n        grid-column: 4;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: #333333;\r\n    }\r\n\r\n    #sidebar {\r\n        grid-row: 2;\r\n        grid-column: 2;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: #111111;\r\n    }\r\n\r\n    .action-button {\r\n        &:hover {\r\n            background: #666666;\r\n            color:white;\r\n            cursor: pointer;\r\n        }\r\n\r\n        &.active {\r\n            background: #111111;\r\n        }\r\n\r\n        &:active {\r\n            transform-origin: 50% 50%;\r\n            transform: scale(0.96);\r\n        }\r\n    }\r\n\r\n    .push-button {\r\n        cursor: pointer;\r\n        &.active {\r\n            background: #666666;\r\n        }\r\n    }\r\n\r\n    .text-input {\r\n        color:white;\r\n        background: #000000;\r\n        font-family: 'acumin-pro-condensed';\r\n        font-size: 11pt;\r\n        border: 0;\r\n        margin: 3px 1px;\r\n        text-align: end;    \r\n        padding-right: 4px;\r\n\r\n        &:focus {\r\n            outline: none;\r\n        }\r\n    }\r\n}"],sourceRoot:""}]);const o=i},9111:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(6221),s=n.n(r),a=n(7758),i=n.n(a)()(s());i.push([e.id,"#sideBar{display:grid;grid-template-columns:100%;grid-template-rows:30px 1fr}#sideBar #menu-bar{background:#252525;grid-row:1;grid-column:1;width:100%;height:100%;display:grid;grid-template-rows:100%;grid-template-columns:30px 30px 30px 30px 1fr 52px 3px}#sideBar #menu-bar.small{grid-template-columns:0px 0px 30px 30px 1fr 52px 3px}#sideBar #menu-bar #add-animation{grid-row:1;grid-column:1}#sideBar #menu-bar #load-animation{grid-row:1;grid-column:2}#sideBar #menu-bar #save-animation{grid-row:1;grid-column:3}#sideBar #menu-bar #edit-animation{grid-row:1;grid-column:4}#sideBar #menu-bar #framerate-animation{grid-row:1;grid-column:6}#sideBar .simple-button{width:80px;height:20px;color:white;font-family:'acumin-pro-condensed';font-size:10pt;background:#444444;border:0;line-height:12px;cursor:pointer;align-self:center;justify-self:center;border-radius:0}#sideBar .simple-button:active{transform-origin:center;transform:scale(0.95)}#sideBar #save-animation-pane{width:100%;height:100%;display:grid;grid-template-columns:100%;grid-template-rows:1fr 40px auto}#sideBar #save-animation-pane #save-animation-list{grid-row:1;grid-column:1;width:100%;height:100%;display:flex;flex-direction:column;padding-top:5px}#sideBar #save-animation-pane #save-animation-list .save-animation-list-entry{height:20px;margin-left:10px;display:flex;align-content:center;color:white;font-family:'acumin-pro-condensed';font-size:10pt;line-height:15px}#sideBar #save-animation-pane #save-animation-buttons{grid-row:2;grid-column:1;width:100%;height:100%;display:grid;grid-template-rows:100%;grid-template-columns:10px 1fr 10px 1fr 10px;align-items:center}#sideBar #save-animation-pane #save-animation-buttons #save-snippet{grid-row:1;grid-column:2}#sideBar #save-animation-pane #save-animation-buttons #save-file{grid-row:1;grid-column:4}#sideBar #save-animation-pane #save-animation-snippet{grid-row:3;grid-column:1;width:calc(100% - 31px);height:20px;align-content:center;color:white;font-family:'acumin-pro-condensed';font-size:10pt;padding-left:31px;background:#252525}#sideBar #load-animation-pane{width:100%;height:100%;display:grid;grid-template-columns:75px 1fr;grid-template-rows:10px 20px 10px 20px 10px 20px 1fr auto;color:white;font-family:'acumin-pro-condensed';font-size:10pt}#sideBar #load-animation-pane #load-animation-snippet-id-label{grid-row:2;grid-column:1;justify-self:end;margin-right:10px}#sideBar #load-animation-pane #load-animation-local-file-label{grid-row:6;grid-column:1;justify-self:end;margin-right:10px}#sideBar #load-animation-pane #load-snippet-id{grid-row:2;grid-column:2;margin-right:10px;border:0;background:#252525;width:127px;color:white;font-family:'acumin-pro-condensed';font-size:10pt}#sideBar #load-animation-pane #load-snippet{grid-row:4;grid-column:2;width:60px;justify-self:left}#sideBar #load-animation-pane input[type=\"file\"]{display:none}#sideBar #load-animation-pane #file-snippet-label{grid-row:6;grid-column:2;width:60px;justify-self:left;text-align:center;line-height:18px}#sideBar #load-animation-pane #load-animation-snippet{grid-row:8;grid-column:1 / 3;width:calc(100% - 31px);height:20px;align-content:center;color:white;font-family:'acumin-pro-condensed';font-size:10pt;padding-left:31px;background:#252525}#sideBar #add-animation-pane{grid-column:1;grid-row:2;width:100%;height:100%;display:grid;grid-template-columns:75px 1fr;grid-template-rows:10px 20px 10px 20px 10px 20px 10px 20px 10px 20px 10px 20px 1fr;color:white;font-family:'acumin-pro-condensed';font-size:10pt}#sideBar #add-animation-pane .input-text{border:0;background:#252525;width:127px;color:white;font-family:'acumin-pro-condensed';font-size:10pt}#sideBar #add-animation-pane .option{background:#252525;color:white;border:0}#sideBar #add-animation-pane #add-animation-display-name-label{grid-row:2;grid-column:1;justify-self:end;margin-right:10px}#sideBar #add-animation-pane #add-animation-mode-label{grid-row:4;grid-column:1;justify-self:end;margin-right:10px}#sideBar #add-animation-pane #add-animation-property-label{grid-row:6;grid-column:1;justify-self:end;margin-right:10px}#sideBar #add-animation-pane #add-animation-type-label{grid-row:8;grid-column:1;justify-self:end;margin-right:10px}#sideBar #add-animation-pane #add-animation-loop-mode-label{grid-row:10;grid-column:1;justify-self:end;margin-right:10px}#sideBar #add-animation-pane #add-animation-name{grid-row:2;grid-column:2;margin-right:10px}#sideBar #add-animation-pane #add-animation-mode{grid-row:4;grid-column:2;margin-right:10px;width:calc(100% - 10px)}#sideBar #add-animation-pane #add-animation-property{grid-row:6;grid-column:2;margin-right:10px;width:calc(100% - 10px)}#sideBar #add-animation-pane #add-animation-type{grid-row:8;grid-column:2;margin-right:10px}#sideBar #add-animation-pane #add-animation-loop-mode{grid-row:10;grid-column:2;margin-right:10px}#sideBar #add-animation-pane #add-animation{grid-row:12;grid-column:2;justify-self:left}#sideBar #edit-animation-pane{grid-column:1;grid-row:2;width:100%;height:100%;display:grid;grid-template-columns:75px 1fr;grid-template-rows:10px 20px 10px 20px 10px 20px 10px 20px 1fr;color:white;font-family:'acumin-pro-condensed';font-size:10pt;background:#111111}#sideBar #edit-animation-pane .input-text{border:0;background:#252525;width:127px;color:white;font-family:'acumin-pro-condensed';font-size:10pt}#sideBar #edit-animation-pane .option{background:#252525;color:white;border:0}#sideBar #edit-animation-pane #edit-animation-display-name-label{grid-row:2;grid-column:1;justify-self:end;margin-right:10px}#sideBar #edit-animation-pane #edit-animation-property-label{grid-row:4;grid-column:1;justify-self:end;margin-right:10px}#sideBar #edit-animation-pane #edit-animation-loop-mode-label{grid-row:6;grid-column:1;justify-self:end;margin-right:10px}#sideBar #edit-animation-pane #edit-animation-name{grid-row:2;grid-column:2;margin-right:10px}#sideBar #edit-animation-pane #edit-animation-property{grid-row:4;grid-column:2;margin-right:10px}#sideBar #edit-animation-pane #edit-animation-loop-mode{grid-row:6;grid-column:2;margin-right:10px}#sideBar #edit-animation-pane #edit-animation{grid-row:8;grid-column:1 / 3;display:grid;grid-template-columns:50% 50%;grid-template-rows:100%}#sideBar #edit-animation-pane #edit-animation #edit-animation-ok{grid-row:1;grid-column:1}#sideBar #edit-animation-pane #edit-animation #edit-animation-cancel{grid-row:1;grid-column:2}#sideBar #animation-list{background:#111111;grid-row:2;grid-column:1;width:100%;height:100%}#sideBar #animation-list .animation-entry{height:20px;display:grid;grid-template-columns:20px 10px 1fr 20px 20px;grid-template-rows:100%}#sideBar #animation-list .animation-entry.isActive{background:#444444}#sideBar #animation-list .animation-entry .animation-active-indicator{grid-row:1;grid-column:1;display:grid;margin:5px;padding-top:2px}#sideBar #animation-list .animation-entry .animation-chevron{grid-row:1;grid-column:2;display:grid;align-content:center;padding-top:5px;cursor:pointer}#sideBar #animation-list .animation-entry .animation-chevron .animation-chevron-image.collapsed{transform-origin:50% 50%;transform:rotateZ(-90deg)}#sideBar #animation-list .animation-entry .animation-name{cursor:pointer;grid-row:1;grid-column:3;font-family:'acumin-pro-condensed';font-size:10.5pt;color:white;display:grid;align-self:center;margin-left:5px;user-select:none}#sideBar #animation-list .animation-entry .animation-options{grid-row:1;grid-column:4}#sideBar #animation-list .animation-entry .animation-delete{grid-row:1;grid-column:5}\n","",{version:3,sources:["webpack://./../../../dev/inspector/dist/components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/sideBar.scss"],names:[],mappings:"AAAA,SACI,YAAa,CACb,0BAA2B,CAC3B,2BAA4B,CAHhC,mBAMQ,kBAAmB,CACnB,UAAW,CACX,aAAc,CACd,UAAW,CACX,WAAY,CACZ,YAAa,CACb,uBAAwB,CACxB,sDAAuD,CAb/D,yBAgBY,oDAAqD,CAhBjE,kCAoBY,UAAW,CACX,aAAc,CArB1B,mCAyBY,UAAW,CACX,aAAc,CA1B1B,mCA8BY,UAAW,CACX,aAAc,CA/B1B,mCAmCY,UAAW,CACX,aAAc,CApC1B,wCAwCY,UAAW,CACX,aAAc,CAzC1B,wBA8CQ,UAAW,CACX,WAAY,CACZ,WAAW,CACX,kCAAmC,CACnC,cAAe,CACf,kBAAmB,CACnB,QAAS,CACT,gBAAiB,CACjB,cAAe,CACf,iBAAkB,CAClB,mBAAoB,CACpB,eAAgB,CAzDxB,+BA4DY,uBAAwB,CACxB,qBAAsB,CA7DlC,8BAkEQ,UAAW,CACX,WAAY,CACZ,YAAa,CACb,0BAA2B,CAC3B,gCAAiC,CAtEzC,mDAyEY,UAAW,CACX,aAAc,CACd,UAAW,CACX,WAAY,CACZ,YAAa,CACb,qBAAsB,CACtB,eAAgB,CA/E5B,8EAkFgB,WAAY,CACZ,gBAAiB,CACjB,YAAa,CACb,oBAAqB,CACrB,WAAY,CAEZ,kCAAmC,CACnC,cAAe,CACf,gBAAiB,CA1FjC,sDA+FY,UAAW,CACX,aAAc,CACd,UAAW,CACX,WAAY,CACZ,YAAa,CACb,uBAAwB,CACxB,4CAA6C,CAC7C,kBAAmB,CAtG/B,oEAyGgB,UAAW,CACX,aAAc,CA1G9B,iEA8GgB,UAAW,CACX,aAAc,CA/G9B,sDAoHY,UAAW,CACX,aAAc,CACd,uBAAwB,CACxB,WAAY,CACZ,oBAAqB,CACrB,WAAW,CACX,kCAAmC,CACnC,cAAe,CACf,iBAAkB,CAClB,kBAAmB,CA7H/B,8BAkIQ,UAAW,CACX,WAAY,CACZ,YAAa,CACb,8BAA+B,CAC/B,yDAA0D,CAC1D,WAAW,CACX,kCAAmC,CACnC,cAAe,CAzIvB,+DA4IY,UAAW,CACX,aAAc,CACd,gBAAiB,CACjB,iBAAkB,CA/I9B,+DAmJY,UAAW,CACX,aAAc,CACd,gBAAiB,CACjB,iBAAkB,CAtJ9B,+CA0JY,UAAW,CACX,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,kBAAmB,CACnB,WAAY,CACZ,WAAW,CACX,kCAAmC,CACnC,cAAe,CAlK3B,4CAsKY,UAAW,CACX,aAAc,CACd,UAAW,CACX,iBAAkB,CAzK9B,iDA6KY,YAAa,CA7KzB,kDAiLY,UAAW,CACX,aAAc,CACd,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,gBAAiB,CAtL7B,sDA0LY,UAAW,CACX,iBAAkB,CAClB,uBAAwB,CACxB,WAAY,CACZ,oBAAqB,CACrB,WAAW,CACX,kCAAmC,CACnC,cAAe,CACf,iBAAkB,CAClB,kBAAmB,CAnM/B,6BAwMQ,aAAc,CACd,UAAW,CACX,UAAW,CACX,WAAY,CACZ,YAAa,CACb,8BAA+B,CAC/B,kFAAmF,CACnF,WAAW,CACX,kCAAmC,CACnC,cAAe,CAjNvB,yCAoNY,QAAS,CACT,kBAAmB,CACnB,WAAY,CACZ,WAAW,CACX,kCAAmC,CACnC,cAAe,CAzN3B,qCA6NY,kBAAmB,CACnB,WAAY,CACZ,QAAS,CA/NrB,+DAmOY,UAAW,CACX,aAAc,CACd,gBAAiB,CACjB,iBAAkB,CAtO9B,uDA0OY,UAAW,CACX,aAAc,CACd,gBAAiB,CACjB,iBAAkB,CA7O9B,2DAiPY,UAAW,CACX,aAAc,CACd,gBAAiB,CACjB,iBAAkB,CApP9B,uDAwPY,UAAW,CACX,aAAc,CACd,gBAAiB,CACjB,iBAAkB,CA3P9B,4DA+PY,WAAY,CACZ,aAAc,CACd,gBAAiB,CACjB,iBAAkB,CAlQ9B,iDAsQY,UAAW,CACX,aAAc,CACd,iBAAkB,CAxQ9B,iDA4QY,UAAW,CACX,aAAc,CACd,iBAAkB,CAClB,uBAAwB,CA/QpC,qDAmRY,UAAW,CACX,aAAc,CACd,iBAAkB,CAClB,uBAAwB,CAtRpC,iDA0RY,UAAW,CACX,aAAc,CACd,iBAAkB,CA5R9B,sDAgSY,WAAY,CACZ,aAAc,CACd,iBAAkB,CAlS9B,4CAsSY,WAAY,CACZ,aAAc,CACd,iBAAkB,CAxS9B,8BA6SQ,aAAc,CACd,UAAW,CAEX,UAAW,CACX,WAAY,CACZ,YAAa,CACb,8BAA+B,CAC/B,8DAA+D,CAC/D,WAAW,CACX,kCAAmC,CACnC,cAAe,CACf,kBAAmB,CAxT3B,0CA2TY,QAAS,CACT,kBAAmB,CACnB,WAAY,CACZ,WAAW,CACX,kCAAmC,CACnC,cAAe,CAhU3B,sCAoUY,kBAAmB,CACnB,WAAY,CACZ,QAAS,CAtUrB,iEA0UY,UAAW,CACX,aAAc,CACd,gBAAiB,CACjB,iBAAkB,CA7U9B,6DAiVY,UAAW,CACX,aAAc,CACd,gBAAiB,CACjB,iBAAkB,CApV9B,8DAwVY,UAAW,CACX,aAAc,CACd,gBAAiB,CACjB,iBAAkB,CA3V9B,mDA+VY,UAAW,CACX,aAAc,CACd,iBAAkB,CAjW9B,uDAqWY,UAAW,CACX,aAAc,CACd,iBAAkB,CAvW9B,wDA2WY,UAAW,CACX,aAAc,CACd,iBAAkB,CA7W9B,8CAiXY,UAAW,CACX,iBAAkB,CAClB,YAAa,CACb,6BAA8B,CAC9B,uBAAwB,CArXpC,iEAwXgB,UAAW,CACX,aAAc,CAzX9B,qEA6XgB,UAAW,CACX,aAAc,CA9X9B,yBAoYQ,kBAAmB,CACnB,UAAW,CACX,aAAc,CACd,UAAW,CACX,WAAY,CAxYpB,0CA2YY,WAAY,CACZ,YAAa,CACb,6CAA8C,CAC9C,uBAAwB,CA9YpC,mDAiZgB,kBAAmB,CAjZnC,sEAqZgB,UAAW,CACX,aAAc,CACd,YAAa,CACb,UAAW,CACX,eACJ,CA1ZZ,6DA6ZgB,UAAW,CACX,aAAc,CACd,YAAa,CACb,oBAAqB,CACrB,eAAgB,CAChB,cAAe,CAla/B,gGAsawB,wBAAyB,CACzB,yBAA0B,CAvalD,0DA6agB,cAAe,CACf,UAAW,CACX,aAAc,CACd,kCAAmC,CACnC,gBAAiB,CACjB,WAAY,CACZ,YAAa,CACb,iBAAkB,CAClB,eAAgB,CAChB,gBAAiB,CAtbjC,6DA0bgB,UAAW,CACX,aAAc,CA3b9B,4DA+bgB,UAAW,CACX,aAAc",sourcesContent:["#sideBar {\r\n    display: grid;\r\n    grid-template-columns: 100%;\r\n    grid-template-rows: 30px 1fr;\r\n\r\n    #menu-bar {\r\n        background: #252525;\r\n        grid-row: 1;\r\n        grid-column: 1;\r\n        width: 100%;\r\n        height: 100%;\r\n        display: grid;\r\n        grid-template-rows: 100%;\r\n        grid-template-columns: 30px 30px 30px 30px 1fr 52px 3px;\r\n\r\n        &.small {            \r\n            grid-template-columns: 0px 0px 30px 30px 1fr 52px 3px;\r\n        }\r\n\r\n        #add-animation {\r\n            grid-row: 1;\r\n            grid-column: 1;\r\n        }\r\n\r\n        #load-animation {\r\n            grid-row: 1;\r\n            grid-column: 2;\r\n        }   \r\n        \r\n        #save-animation {\r\n            grid-row: 1;\r\n            grid-column: 3;\r\n        }  \r\n\r\n        #edit-animation {\r\n            grid-row: 1;\r\n            grid-column: 4;\r\n        } \r\n\r\n        #framerate-animation {\r\n            grid-row: 1;\r\n            grid-column: 6;\r\n        }\r\n    }\r\n\r\n    .simple-button {\r\n        width: 80px;\r\n        height: 20px;\r\n        color:white;\r\n        font-family: 'acumin-pro-condensed';\r\n        font-size: 10pt;\r\n        background: #444444;\r\n        border: 0;\r\n        line-height: 12px;\r\n        cursor: pointer;\r\n        align-self: center;\r\n        justify-self: center;\r\n        border-radius: 0;\r\n\r\n        &:active {\r\n            transform-origin: center;\r\n            transform: scale(0.95);\r\n        }\r\n    }\r\n\r\n    #save-animation-pane {\r\n        width: 100%;\r\n        height: 100%;\r\n        display: grid;\r\n        grid-template-columns: 100%;\r\n        grid-template-rows: 1fr 40px auto;\r\n\r\n        #save-animation-list {\r\n            grid-row: 1;\r\n            grid-column: 1;\r\n            width: 100%;\r\n            height: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            padding-top: 5px;\r\n\r\n            .save-animation-list-entry {\r\n                height: 20px;\r\n                margin-left: 10px;\r\n                display: flex;\r\n                align-content: center;\r\n                color: white;\r\n                \r\n                font-family: 'acumin-pro-condensed';\r\n                font-size: 10pt;\r\n                line-height: 15px;\r\n            }\r\n        }\r\n\r\n        #save-animation-buttons {\r\n            grid-row: 2;\r\n            grid-column: 1;\r\n            width: 100%;\r\n            height: 100%;\r\n            display: grid;\r\n            grid-template-rows: 100%;\r\n            grid-template-columns: 10px 1fr 10px 1fr 10px;\r\n            align-items: center;\r\n\r\n            #save-snippet {\r\n                grid-row: 1;\r\n                grid-column: 2;\r\n            }\r\n\r\n            #save-file {\r\n                grid-row: 1;\r\n                grid-column: 4;\r\n            }\r\n        }\r\n\r\n        #save-animation-snippet {\r\n            grid-row: 3;\r\n            grid-column: 1;\r\n            width: calc(100% - 31px);\r\n            height: 20px;\r\n            align-content: center;\r\n            color:white;\r\n            font-family: 'acumin-pro-condensed';\r\n            font-size: 10pt;\r\n            padding-left: 31px;\r\n            background: #252525;\r\n        }\r\n    }\r\n\r\n    #load-animation-pane {\r\n        width: 100%;\r\n        height: 100%;\r\n        display: grid;\r\n        grid-template-columns: 75px 1fr;\r\n        grid-template-rows: 10px 20px 10px 20px 10px 20px 1fr auto;\r\n        color:white;\r\n        font-family: 'acumin-pro-condensed';\r\n        font-size: 10pt;\r\n\r\n        #load-animation-snippet-id-label {\r\n            grid-row: 2;\r\n            grid-column: 1;\r\n            justify-self: end;\r\n            margin-right: 10px;\r\n        }\r\n\r\n        #load-animation-local-file-label {\r\n            grid-row: 6;\r\n            grid-column: 1;\r\n            justify-self: end;\r\n            margin-right: 10px;\r\n        }\r\n\r\n        #load-snippet-id {            \r\n            grid-row: 2;\r\n            grid-column: 2;            \r\n            margin-right: 10px;\r\n            border: 0;\r\n            background: #252525;            \r\n            width: 127px; \r\n            color:white;\r\n            font-family: 'acumin-pro-condensed';\r\n            font-size: 10pt;\r\n        }\r\n\r\n        #load-snippet {\r\n            grid-row: 4;\r\n            grid-column: 2;\r\n            width: 60px;\r\n            justify-self: left;\r\n        }\r\n\r\n        input[type=\"file\"] {\r\n            display: none;\r\n        }\r\n\r\n        #file-snippet-label {\r\n            grid-row: 6;\r\n            grid-column: 2;\r\n            width: 60px;\r\n            justify-self: left;\r\n            text-align: center;\r\n            line-height: 18px;\r\n        }\r\n\r\n        #load-animation-snippet {\r\n            grid-row: 8;\r\n            grid-column: 1 / 3;\r\n            width: calc(100% - 31px);\r\n            height: 20px;\r\n            align-content: center;\r\n            color:white;\r\n            font-family: 'acumin-pro-condensed';\r\n            font-size: 10pt;\r\n            padding-left: 31px;\r\n            background: #252525;\r\n        }\r\n    }\r\n\r\n    #add-animation-pane {\r\n        grid-column: 1;\r\n        grid-row: 2;\r\n        width: 100%;\r\n        height: 100%;\r\n        display: grid;\r\n        grid-template-columns: 75px 1fr;\r\n        grid-template-rows: 10px 20px 10px 20px 10px 20px 10px 20px 10px 20px 10px 20px 1fr;\r\n        color:white;\r\n        font-family: 'acumin-pro-condensed';\r\n        font-size: 10pt;\r\n\r\n        .input-text {\r\n            border: 0;\r\n            background: #252525;            \r\n            width: 127px; \r\n            color:white;\r\n            font-family: 'acumin-pro-condensed';\r\n            font-size: 10pt;\r\n        }\r\n\r\n        .option {\r\n            background: #252525;\r\n            color: white;\r\n            border: 0;\r\n        }\r\n\r\n        #add-animation-display-name-label {\r\n            grid-row: 2;\r\n            grid-column: 1;\r\n            justify-self: end;\r\n            margin-right: 10px;\r\n        }      \r\n\r\n        #add-animation-mode-label {\r\n            grid-row: 4;\r\n            grid-column: 1;\r\n            justify-self: end;\r\n            margin-right: 10px;\r\n        }       \r\n\r\n        #add-animation-property-label {\r\n            grid-row: 6;\r\n            grid-column: 1;\r\n            justify-self: end;\r\n            margin-right: 10px;\r\n        }    \r\n     \r\n        #add-animation-type-label {\r\n            grid-row: 8;\r\n            grid-column: 1;\r\n            justify-self: end;\r\n            margin-right: 10px;\r\n        }    \r\n\r\n        #add-animation-loop-mode-label {\r\n            grid-row: 10;\r\n            grid-column: 1;\r\n            justify-self: end;\r\n            margin-right: 10px;\r\n        }    \r\n\r\n        #add-animation-name {\r\n            grid-row: 2;\r\n            grid-column: 2;\r\n            margin-right: 10px;\r\n        }\r\n\r\n        #add-animation-mode {\r\n            grid-row: 4;\r\n            grid-column: 2;\r\n            margin-right: 10px;\r\n            width: calc(100% - 10px);\r\n        }\r\n\r\n        #add-animation-property {\r\n            grid-row: 6;\r\n            grid-column: 2;\r\n            margin-right: 10px;\r\n            width: calc(100% - 10px);\r\n        }\r\n\r\n        #add-animation-type {\r\n            grid-row: 8;\r\n            grid-column: 2;\r\n            margin-right: 10px;\r\n        }\r\n\r\n        #add-animation-loop-mode {\r\n            grid-row: 10;\r\n            grid-column: 2;\r\n            margin-right: 10px;\r\n        }\r\n\r\n        #add-animation {\r\n            grid-row: 12;\r\n            grid-column: 2;           \r\n            justify-self: left;\r\n        }\r\n    }\r\n\r\n    #edit-animation-pane {\r\n        grid-column: 1;\r\n        grid-row: 2;\r\n\r\n        width: 100%;\r\n        height: 100%;\r\n        display: grid;\r\n        grid-template-columns: 75px 1fr;\r\n        grid-template-rows: 10px 20px 10px 20px 10px 20px 10px 20px 1fr;\r\n        color:white;\r\n        font-family: 'acumin-pro-condensed';\r\n        font-size: 10pt;\r\n        background: #111111;\r\n\r\n        .input-text {\r\n            border: 0;\r\n            background: #252525;            \r\n            width: 127px; \r\n            color:white;\r\n            font-family: 'acumin-pro-condensed';\r\n            font-size: 10pt;\r\n        }\r\n\r\n        .option {\r\n            background: #252525;\r\n            color: white;\r\n            border: 0;\r\n        }\r\n\r\n        #edit-animation-display-name-label {\r\n            grid-row: 2;\r\n            grid-column: 1;\r\n            justify-self: end;\r\n            margin-right: 10px;\r\n        }      \r\n\r\n        #edit-animation-property-label {\r\n            grid-row: 4;\r\n            grid-column: 1;\r\n            justify-self: end;\r\n            margin-right: 10px;\r\n        }        \r\n\r\n        #edit-animation-loop-mode-label {\r\n            grid-row: 6;\r\n            grid-column: 1;\r\n            justify-self: end;\r\n            margin-right: 10px;\r\n        }    \r\n\r\n        #edit-animation-name {\r\n            grid-row: 2;\r\n            grid-column: 2;\r\n            margin-right: 10px;\r\n        }\r\n\r\n        #edit-animation-property {\r\n            grid-row: 4;\r\n            grid-column: 2;\r\n            margin-right: 10px;\r\n        }\r\n\r\n        #edit-animation-loop-mode {\r\n            grid-row: 6;\r\n            grid-column: 2;\r\n            margin-right: 10px;\r\n        }\r\n\r\n        #edit-animation {\r\n            grid-row: 8;\r\n            grid-column: 1 / 3;           \r\n            display: grid;\r\n            grid-template-columns: 50% 50%;\r\n            grid-template-rows: 100%;\r\n\r\n            #edit-animation-ok {\r\n                grid-row: 1;\r\n                grid-column: 1;\r\n            }\r\n\r\n            #edit-animation-cancel {\r\n                grid-row: 1;\r\n                grid-column: 2;\r\n            }\r\n        }\r\n    }\r\n\r\n    #animation-list {\r\n        background: #111111;\r\n        grid-row: 2;\r\n        grid-column: 1;\r\n        width: 100%;\r\n        height: 100%;\r\n\r\n        .animation-entry {\r\n            height: 20px;\r\n            display: grid;\r\n            grid-template-columns: 20px 10px 1fr 20px 20px;\r\n            grid-template-rows: 100%;\r\n\r\n            &.isActive {\r\n                background: #444444;\r\n            }\r\n\r\n            .animation-active-indicator {\r\n                grid-row: 1;\r\n                grid-column: 1;\r\n                display: grid;\r\n                margin: 5px;\r\n                padding-top: 2px\r\n            }\r\n\r\n            .animation-chevron {                \r\n                grid-row: 1;\r\n                grid-column: 2;\r\n                display: grid;\r\n                align-content: center;\r\n                padding-top: 5px;\r\n                cursor: pointer;\r\n\r\n                .animation-chevron-image {\r\n                    &.collapsed {\r\n                        transform-origin: 50% 50%;\r\n                        transform: rotateZ(-90deg);\r\n                    }\r\n                }\r\n            }\r\n\r\n            .animation-name {    \r\n                cursor: pointer;            \r\n                grid-row: 1;\r\n                grid-column: 3;\r\n                font-family: 'acumin-pro-condensed';\r\n                font-size: 10.5pt;\r\n                color: white;\r\n                display: grid;\r\n                align-self: center;\r\n                margin-left: 5px;\r\n                user-select: none;\r\n            }\r\n\r\n            .animation-options {                \r\n                grid-row: 1;\r\n                grid-column: 4;\r\n            }\r\n\r\n            .animation-delete {                \r\n                grid-row: 1;\r\n                grid-column: 5;\r\n            }\r\n        }\r\n    }\r\n}"],sourceRoot:""}]);const o=i},1023:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(6221),s=n.n(r),a=n(7758),i=n.n(a)()(s());i.push([e.id,"#top-bar{display:grid;grid-template-columns:40px 200px 75px 8px 75px 8px 40px 40px 40px 40px 40px 40px 40px 40px 1fr 40px;grid-template-rows:100%}#top-bar .disabled{opacity:20%;pointer-events:none}#top-bar #top-bar-logo{grid-row:1;grid-column:1}#top-bar #top-bar-parent-name{grid-row:1;grid-column:2;font-family:'acumin-pro-condensed';font-size:15pt;color:white;display:grid;align-content:center;padding-bottom:5px}#top-bar #key-frame{grid-row:1;grid-column:3;height:24px;display:grid;align-self:center}#top-bar #key-value{grid-row:1;grid-column:5;height:24px;display:grid;align-self:center}#top-bar #new-key{grid-row:1;grid-column:7}#top-bar #frame-canvas{grid-row:1;grid-column:8}#top-bar #flatten-tangent{grid-row:1;grid-column:9}#top-bar #linear-tangent{grid-row:1;grid-column:10}#top-bar #break-tangent{grid-row:1;grid-column:11}#top-bar #unify-tangent{grid-row:1;grid-column:12}#top-bar #step-tangent{grid-row:1;grid-column:13}\n","",{version:3,sources:["webpack://./../../../dev/inspector/dist/components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/topBar.scss"],names:[],mappings:"AAAA,SACI,YAAY,CACZ,mGAAoG,CACpG,uBAAwB,CAH5B,mBAMQ,WAAY,CACZ,mBAAoB,CAP5B,uBAWQ,UAAW,CACX,aAAc,CAZtB,8BAgBQ,UAAW,CACX,aAAc,CACd,kCAAmC,CACnC,cAAe,CACf,WAAW,CACX,YAAa,CACb,oBAAqB,CACrB,kBAAmB,CAvB3B,oBA2BQ,UAAW,CACX,aAAc,CACd,WAAY,CACZ,YAAa,CACb,iBAAkB,CA/B1B,oBAmCQ,UAAW,CACX,aAAc,CACd,WAAY,CACZ,YAAa,CACb,iBAAkB,CAvC1B,kBA2CQ,UAAW,CACX,aAAc,CA5CtB,uBAgDQ,UAAW,CACX,aAAc,CAjDtB,0BAqDQ,UAAW,CACX,aAAc,CAtDtB,yBA0DQ,UAAW,CACX,cAAe,CA3DvB,wBA+DQ,UAAW,CACX,cAAe,CAhEvB,wBAoEQ,UAAW,CACX,cAAe,CArEvB,uBAyEQ,UAAW,CACX,cAAe",sourcesContent:["#top-bar {\r\n    display:grid;\r\n    grid-template-columns: 40px 200px 75px 8px 75px 8px 40px 40px 40px 40px 40px 40px 40px 40px 1fr 40px;\r\n    grid-template-rows: 100%;\r\n\r\n    .disabled {\r\n        opacity: 20%;\r\n        pointer-events: none;\r\n    }\r\n\r\n    #top-bar-logo {\r\n        grid-row: 1;\r\n        grid-column: 1;\r\n    }\r\n\r\n    #top-bar-parent-name {\r\n        grid-row: 1;\r\n        grid-column: 2;\r\n        font-family: 'acumin-pro-condensed';\r\n        font-size: 15pt;\r\n        color:white;\r\n        display: grid;\r\n        align-content: center;\r\n        padding-bottom: 5px;\r\n    }\r\n\r\n    #key-frame {\r\n        grid-row: 1;\r\n        grid-column: 3;\r\n        height: 24px;\r\n        display: grid;\r\n        align-self: center;\r\n    }\r\n\r\n    #key-value {\r\n        grid-row: 1;\r\n        grid-column: 5;\r\n        height: 24px;\r\n        display: grid;\r\n        align-self: center;\r\n    }\r\n\r\n    #new-key {\r\n        grid-row: 1;\r\n        grid-column: 7;\r\n    }\r\n\r\n    #frame-canvas {\r\n        grid-row: 1;\r\n        grid-column: 8;\r\n    }\r\n\r\n    #flatten-tangent {\r\n        grid-row: 1;\r\n        grid-column: 9;\r\n    }\r\n    \r\n    #linear-tangent {\r\n        grid-row: 1;\r\n        grid-column: 10;\r\n    }    \r\n\r\n    #break-tangent {\r\n        grid-row: 1;\r\n        grid-column: 11;\r\n    }\r\n        \r\n    #unify-tangent {\r\n        grid-row: 1;\r\n        grid-column: 12;\r\n    }\r\n\r\n    #step-tangent {\r\n        grid-row: 1;\r\n        grid-column: 13;\r\n    }\r\n}"],sourceRoot:""}]);const o=i},7628:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(6221),s=n.n(r),a=n(7758),i=n.n(a)()(s());i.push([e.id,"#texture-editor{height:100%;width:100%;color:white;background-color:#1e1e1e;font-family:'acumin-pro-condensed'}#texture-editor .icon{width:40px;height:40px}#texture-editor .icon.button{background-color:#333333}#texture-editor .icon.button:hover{background-color:#4a4a4a;cursor:pointer}#texture-editor .icon.button.active{background-color:#666666}#texture-editor .icon.button:active{background-color:#837c7c}#texture-editor .has-tooltip{display:inline-block}#texture-editor .has-tooltip .tooltip{visibility:hidden;background-color:#fff;z-index:1;position:absolute;opacity:0;transition:opacity 0.5s;line-height:normal;font-size:14px;padding:0px 5px;color:black}#texture-editor .has-tooltip:hover .tooltip{visibility:visible;opacity:1}#texture-editor #properties{width:100%;height:40px;display:flex;align-items:center;font-size:12px;color:white;user-select:none;background-color:#333333}#texture-editor #properties .tab{display:inline-flex;line-height:40px;height:40px;flex-shrink:0;flex-grow:0;border-right:2px solid #1e1e1e;background-color:#333333}#texture-editor #properties #left{overflow:hidden;height:40px;flex-grow:1;flex-shrink:1;display:flex;flex-wrap:wrap}#texture-editor #properties #left #dimensions-tab form{display:flex}#texture-editor #properties #left #dimensions-tab label{margin-left:15px;font-size:15px;color:#afafaf}#texture-editor #properties #left #dimensions-tab label input{width:40px;height:24px;background-color:#000000;color:#ffffff;border:0;font-size:12px;text-align:'left';font-family:'acumin-pro-condensed';font-size:15px;padding-left:8px}#texture-editor #properties #left #dimensions-tab label:last-of-type{margin-right:8px}#texture-editor #properties #right-tab{margin-right:0;flex-grow:0;flex-shrink:0}#texture-editor #properties #right-tab input[type=\"file\"]{display:none}#texture-editor #properties .pixel-data{width:45px;color:#afafaf;display:flex;justify-content:space-between;font-size:15px}#texture-editor #properties .pixel-data:first-of-type{margin-left:15px}#texture-editor #properties .pixel-data:last-of-type{padding-right:15px}#texture-editor #properties .pixel-data .value{display:inline-block;width:30px;color:white}#texture-editor #toolbar{position:absolute;top:60px;left:0;width:40px;display:flex;flex-direction:column;justify-content:left}#texture-editor #toolbar #tools{display:flex;flex-direction:column}#texture-editor #toolbar #add-tool{position:relative}#texture-editor #toolbar #add-tool #add-tool-popup{background-color:#333333;width:348px;margin-left:40px;position:absolute;top:0px;height:40px;padding-left:4px;line-height:40px;user-select:none}#texture-editor #toolbar #add-tool #add-tool-popup button{background:#222222;border:1px solid #337ab7;margin:5px 10px 5px 10px;color:white;padding:4px 5px;opacity:0.9;cursor:pointer}#texture-editor #toolbar #color{margin-top:8px}#texture-editor #toolbar #color #active-color-bg{border-radius:50%;width:20px;height:20px;margin:10px;position:relative;background-image:linear-gradient(45deg, gray 25%, transparent 25%),linear-gradient(-45deg, gray 25%, transparent 25%),linear-gradient(45deg, transparent 75%, gray 75%),linear-gradient(-45deg, transparent 75%, gray 75%);background-size:20px 20px;background-position:0 0, 0 10px, 10px -10px, -10px 0px}#texture-editor #toolbar #color #active-color{width:20px;height:20px;position:absolute;top:0;left:0;border-radius:50%}#texture-editor #toolbar #color-picker{position:absolute;margin-left:40px}#texture-editor #channels-bar{position:absolute;top:60px;right:0;width:80px;background:#666666;user-select:none}#texture-editor #channels-bar .channel{color:white;border-bottom:2px solid #232323;width:80px;height:40px;font-size:16px;display:flex;align-items:center}#texture-editor #channels-bar .channel.uneditable{background:#333333}#texture-editor #channels-bar .channel:hover{cursor:pointer}#texture-editor #channels-bar .channel:last-of-type{border-bottom:none}#texture-editor #canvas-ui{width:100%;height:calc(100% - 70px);outline:none}#texture-editor #tool-ui{background-color:#333;position:absolute;right:0;bottom:30px}#texture-editor #tool-ui label{display:flex;flex-direction:column;align-items:center}#texture-editor #tool-ui input[type='range']{background:#d3d3d3}#texture-editor #bottom-bar{height:30px;width:100%;background-color:#333333;font-size:14px;user-select:none;line-height:30px;position:relative}#texture-editor #bottom-bar #file-url{left:30px;position:absolute}#texture-editor #bottom-bar #mip-level{right:30px;position:absolute}\n","",{version:3,sources:["webpack://./../../../dev/inspector/dist/components/actionTabs/tabs/propertyGrids/materials/textures/textureEditor.scss"],names:[],mappings:"AAAA,gBACI,WAAY,CACZ,UAAW,CACX,WAAY,CACZ,wBAAyB,CACzB,kCAAmC,CALvC,sBAQQ,UAAW,CACX,WAAY,CATpB,6BAWY,wBAAyB,CAXrC,mCAagB,wBAAyB,CACzB,cAAe,CAd/B,oCAkBgB,wBAAyB,CAlBzC,oCAsBgB,wBAAyB,CAtBzC,6BA4BQ,oBAAqB,CA5B7B,sCA8BY,iBAAkB,CAClB,qBAAoC,CACpC,SAAU,CACV,iBAAkB,CAClB,SAAU,CACV,uBAAwB,CACxB,kBAAmB,CACnB,cAAe,CACf,eAAgB,CAChB,WAAY,CAvCxB,4CA2CY,kBAAmB,CACnB,SAAU,CA5CtB,4BAiDQ,UAAW,CACX,WAAY,CAEZ,YAAa,CACb,kBAAmB,CACnB,cAAe,CACf,WAAY,CACZ,gBAAiB,CACjB,wBAAyB,CAzDjC,iCA4DY,mBAAoB,CACpB,gBAAiB,CACjB,WAAY,CACZ,aAAc,CACd,WAAY,CACZ,8BAA+B,CAC/B,wBAAyB,CAlErC,kCAqEY,eAAgB,CAChB,WAAY,CACZ,WAAY,CACZ,aAAc,CACd,YAAa,CACb,cAAe,CA1E3B,uDA6EoB,YAAa,CA7EjC,wDAgFoB,gBAAiB,CACjB,cAAe,CACf,aAAc,CAlFlC,8DAoFwB,UAAW,CACX,WAAY,CACZ,wBAAyB,CACzB,aAAc,CACd,QAAS,CACT,cAAe,CACf,iBAAkB,CAClB,kCAAmC,CACnC,cAAe,CACf,gBAAiB,CA7FzC,qEAiGwB,gBAAiB,CAjGzC,uCAuGY,cAAe,CACf,WAAY,CACZ,aAAc,CAzG1B,0DA4GgB,YAAa,CA5G7B,wCAuHY,UAAW,CACX,aAAc,CACd,YAAa,CACb,6BAA8B,CAM9B,cAAe,CAhI3B,sDAkHgB,gBAAiB,CAlHjC,qDAqHgB,kBAAmB,CArHnC,+CA4HgB,oBAAqB,CACrB,UAAW,CACX,WAAY,CA9H5B,yBAqIQ,iBAAkB,CAClB,QAAS,CACT,MAAO,CACP,UAAW,CACX,YAAa,CACb,qBAAsB,CACtB,oBAAqB,CA3I7B,gCA8IY,YAAa,CACb,qBAAsB,CA/IlC,mCAoJY,iBAAkB,CApJ9B,mDAsJgB,wBAAyB,CACzB,WAAY,CACZ,gBAAiB,CACjB,iBAAkB,CAClB,OAAQ,CACR,WAAY,CACZ,gBAAiB,CACjB,gBAAiB,CACjB,gBAAiB,CA9JjC,0DAgKoB,kBAAmB,CACnB,wBAAmC,CACnC,wBAAyB,CACzB,WAAW,CACX,eAAgB,CAChB,WAAY,CACZ,cAAe,CAtKnC,gCA4KY,cAAe,CA5K3B,iDA8KgB,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,WAAY,CACZ,iBAAkB,CAClB,0NAA0O,CAC1O,yBAA0B,CAC1B,sDAAuD,CArLvE,8CAwLgB,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,KAAM,CACN,MAAO,CACP,iBAAkB,CA7LlC,uCAiMY,iBAAkB,CAClB,gBAAiB,CAlM7B,8BAuMQ,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,UAAW,CACX,kBAAmB,CAsBnB,gBAAiB,CAjOzB,uCA6MY,WAAY,CACZ,+BAAgC,CAChC,UAAW,CACX,WAAY,CACZ,cAAe,CACf,YAAa,CACb,kBAAmB,CAnN/B,kDAsNgB,kBAAmB,CAtNnC,6CA0NgB,cAAe,CA1N/B,oDA8NgB,kBAAmB,CA9NnC,2BAqOQ,UAAW,CACX,wBAAyB,CACzB,YAAa,CAvOrB,yBA2OQ,qBAAsB,CACtB,iBAAkB,CAClB,OAAQ,CACR,WAAY,CA9OpB,+BAiPY,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CAnP/B,6CAuPY,kBAAmB,CAvP/B,4BA4PQ,WAAY,CACZ,UAAW,CACX,wBAAyB,CACzB,cAAe,CACf,gBAAiB,CACjB,gBAAiB,CACjB,iBAAkB,CAlQ1B,sCAoQY,SAAU,CACV,iBAAkB,CArQ9B,uCAwQY,UAAW,CACX,iBAAkB",sourcesContent:["#texture-editor {\n    height: 100%;\n    width: 100%;\n    color: white;\n    background-color: #1e1e1e;\n    font-family: 'acumin-pro-condensed';\n\n    .icon {\n        width: 40px;\n        height: 40px;\n        &.button {\n            background-color: #333333;\n            &:hover {\n                background-color: #4a4a4a;\n                cursor: pointer;\n            }\n            // When the button is selected - className='active'\n            &.active {\n                background-color: #666666;\n            }\n            // When the button is clicked\n            &:active {\n                background-color: #837c7c;\n            }\n        }\n    }\n    \n    .has-tooltip {\n        display: inline-block;\n        .tooltip {\n            visibility: hidden;\n            background-color: rgb(255, 255, 255);\n            z-index: 1;\n            position: absolute;\n            opacity: 0;\n            transition: opacity 0.5s;\n            line-height: normal;\n            font-size: 14px;\n            padding: 0px 5px;\n            color: black;\n        }\n    \n        &:hover .tooltip {\n            visibility: visible;\n            opacity: 1;\n        }\n    }\n    \n    #properties {\n        width: 100%;\n        height: 40px;\n        \n        display: flex;\n        align-items: center;\n        font-size: 12px;\n        color: white;\n        user-select: none;\n        background-color: #333333;\n    \n        .tab {\n            display: inline-flex;\n            line-height: 40px;\n            height: 40px;\n            flex-shrink: 0;\n            flex-grow: 0;\n            border-right: 2px solid #1e1e1e;\n            background-color: #333333;\n        }\n        #left {\n            overflow: hidden;\n            height: 40px;\n            flex-grow: 1;\n            flex-shrink: 1;\n            display: flex;\n            flex-wrap: wrap;\n            #dimensions-tab {\n                form {\n                    display: flex;\n                }\n                label {\n                    margin-left: 15px;\n                    font-size: 15px;\n                    color: #afafaf;\n                    input {\n                        width: 40px;\n                        height: 24px;\n                        background-color: #000000;\n                        color: #ffffff;\n                        border: 0;\n                        font-size: 12px;\n                        text-align: 'left';\n                        font-family: 'acumin-pro-condensed';\n                        font-size: 15px;\n                        padding-left: 8px;\n                    }\n        \n                    &:last-of-type {\n                        margin-right: 8px;\n                    }\n                }\n            }\n        }\n        #right-tab {\n            margin-right: 0;\n            flex-grow: 0;\n            flex-shrink: 0;\n            \n            input[type=\"file\"] {\n                display: none;\n            }\n        }\n    \n        .pixel-data {\n            &:first-of-type {\n                margin-left: 15px;\n            }\n            &:last-of-type {\n                padding-right: 15px;\n            }\n            width: 45px;\n            color: #afafaf;\n            display: flex;\n            justify-content: space-between;\n            .value {\n                display: inline-block;\n                width: 30px;\n                color: white;\n            }\n            font-size: 15px;\n        }\n    }\n    \n    #toolbar {\n        position: absolute;\n        top: 60px;\n        left: 0;\n        width: 40px;\n        display: flex;\n        flex-direction: column;\n        justify-content: left;\n        \n        #tools {\n            display: flex;\n            flex-direction: column;\n            \n        }\n\n        #add-tool {\n            position: relative;\n            #add-tool-popup {\n                background-color: #333333;\n                width: 348px;\n                margin-left: 40px;\n                position: absolute;\n                top: 0px;\n                height: 40px;\n                padding-left: 4px;\n                line-height: 40px;\n                user-select: none;\n                button {\n                    background: #222222;\n                    border: 1px solid rgb(51, 122, 183);\n                    margin: 5px 10px 5px 10px;\n                    color:white;\n                    padding: 4px 5px;\n                    opacity: 0.9;\n                    cursor: pointer;\n                }\n            }\n        }\n\n        #color {\n            margin-top: 8px;\n            #active-color-bg {\n                border-radius: 50%;\n                width: 20px;\n                height: 20px;\n                margin: 10px;\n                position: relative;\n                background-image: linear-gradient(45deg, #808080 25%, transparent 25%), linear-gradient(-45deg, #808080 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #808080 75%), linear-gradient(-45deg, transparent 75%, #808080 75%);\n                background-size: 20px 20px;\n                background-position: 0 0, 0 10px, 10px -10px, -10px 0px;\n            }\n            #active-color {\n                width: 20px;\n                height: 20px;\n                position: absolute;\n                top: 0;\n                left: 0;\n                border-radius: 50%;\n            }\n        }\n        #color-picker {\n            position: absolute;\n            margin-left: 40px;\n        }\n    }\n    \n    #channels-bar {\n        position: absolute;\n        top: 60px;\n        right: 0;\n        width: 80px;\n        background: #666666;\n        .channel {\n            color: white;\n            border-bottom: 2px solid #232323;\n            width: 80px;\n            height: 40px;\n            font-size: 16px;\n            display: flex;\n            align-items: center;\n    \n            &.uneditable {\n                background: #333333;\n            }\n\n            &:hover {\n                cursor: pointer;\n            }\n\n            &:last-of-type {\n                border-bottom: none;\n            }\n        }\n        user-select: none;\n    }\n    \n    #canvas-ui {\n        width: 100%;\n        height: calc(100% - 70px);\n        outline: none;\n    }\n\n    #tool-ui {\n        background-color: #333;\n        position: absolute;\n        right: 0;\n        bottom: 30px;\n\n        label {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n\n        input[type='range'] {\n            background: #d3d3d3;\n        }\n    }\n    \n    #bottom-bar {\n        height: 30px;\n        width: 100%;\n        background-color: #333333;\n        font-size: 14px;\n        user-select: none;\n        line-height: 30px;\n        position: relative;\n        #file-url {\n            left: 30px;\n            position: absolute;\n        }\n        #mip-level {\n            right: 30px;\n            position: absolute;\n        }\n    }\n}"],sourceRoot:""}]);const o=i},981:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(6221),s=n.n(r),a=n(7758),i=n.n(a)()(s());i.push([e.id,'#embed-host{position:absolute;right:0px;top:0px;bottom:0px;z-index:10}#__resizable_base__{display:none}#embed{background:#333333;height:100%;margin:0;padding:0;display:grid;grid-template-rows:30px 1fr;font:14px "Arial";overflow:hidden}#embed #header{font-size:16px;color:white;background:#222222;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}#embed #header #logo{grid-column:1;width:24px;height:24px;display:flex;align-self:center;justify-self:center}#embed #header #back{grid-column:1;display:grid;align-self:center;justify-self:center;cursor:pointer}#embed #header #title{grid-column:2;display:grid;align-items:center;text-align:center}#embed #header #commands{grid-column:3;display:grid;align-items:center;grid-template-columns:1fr 1fr}#embed #header #commands .expand{grid-column:1;display:grid;align-items:center;justify-items:center;cursor:pointer}#embed #header #commands .close{grid-column:2;display:grid;align-items:center;justify-items:center;cursor:pointer}#embed #split{grid-row:2;overflow:hidden}#embed #split.splitPopup{display:grid;grid-template-rows:300px 2px 1fr}#embed #split.splitPopup .panes{margin-bottom:1px}#embed #split #topPart{grid-row:1;overflow:hidden;display:grid;grid-auto-rows:100%}#embed #split #separator{grid-row:2;background:white;opacity:0.1}#embed #split #bottomPart{overflow:hidden;grid-row:3;display:grid;grid-auto-rows:100%}#embed #split .gutter.gutter-vertical{background-image:none;background:#444444;cursor:row-resize}\n',"",{version:3,sources:["webpack://./../../../dev/inspector/dist/components/embedHost/embedHost.scss"],names:[],mappings:"AAAA,YACI,iBAAkB,CAClB,SAAU,CACV,OAAO,CACP,UAAW,CACX,UAAW,CACd,oBAGG,YAAa,CAChB,OAGG,kBAAmB,CACnB,WAAY,CACZ,QAAS,CACT,SAAU,CACV,YAAa,CACb,2BAA4B,CAC5B,iBAAkB,CAClB,eAAgB,CARpB,eAWQ,cAAe,CACf,WAAY,CACZ,kBAAmB,CACnB,UAAW,CACX,iBAAkB,CAClB,YAAa,CACb,mCAAoC,CACpC,wBAAyB,CACzB,qBAAsB,CACtB,oBAAqB,CACrB,gBAAiB,CArBzB,qBAwBY,aAAc,CACd,UAAW,CACX,WAAY,CACZ,YAAa,CACb,iBAAkB,CAClB,mBAAoB,CA7BhC,qBAiCY,aAAc,CACd,YAAa,CACb,iBAAkB,CAClB,mBAAoB,CACpB,cAAe,CArC3B,sBAyCY,aAAc,CACd,YAAa,CACb,kBAAmB,CACnB,iBAAkB,CA5C9B,yBAgDY,aAAc,CACd,YAAa,CACb,kBAAmB,CACnB,6BAA8B,CAnD1C,iCAsDgB,aAAc,CACd,YAAa,CACb,kBAAmB,CACnB,oBAAqB,CACrB,cAAe,CA1D/B,gCA8DgB,aAAc,CACd,YAAa,CACb,kBAAmB,CACnB,oBAAqB,CACrB,cAAe,CAlE/B,cAwEQ,UAAW,CACX,eAAgB,CAzExB,yBA6EY,YAAa,CACb,gCAAiC,CA9E7C,gCAiFgB,iBAAkB,CAjFlC,uBAsFY,UAAW,CACX,eAAgB,CAChB,YAAa,CACb,mBAAoB,CAzFhC,yBA6FY,UAAW,CACX,gBAAiB,CACjB,WAAY,CA/FxB,0BAmGY,eAAgB,CAChB,UAAW,CACX,YAAa,CACb,mBAAoB,CAtGhC,sCA0GY,qBAAsB,CACtB,kBAAmB,CACnB,iBAAkB",sourcesContent:['#embed-host {\r\n    position: absolute;\r\n    right: 0px;\r\n    top:0px;\r\n    bottom: 0px;\r\n    z-index: 10;\r\n}\r\n\r\n#__resizable_base__ {\r\n    display: none;\r\n}\r\n\r\n#embed {\r\n    background: #333333;\r\n    height: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    display: grid;\r\n    grid-template-rows: 30px 1fr;\r\n    font: 14px "Arial";\r\n    overflow: hidden;\r\n\r\n    #header {\r\n        font-size: 16px;\r\n        color: white;\r\n        background: #222222;\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            grid-column: 1; \r\n            width: 24px;\r\n            height: 24px;\r\n            display: flex;\r\n            align-self: center;   \r\n            justify-self: center;\r\n        }      \r\n        \r\n        #back {\r\n            grid-column: 1; \r\n            display: grid;\r\n            align-self: center;   \r\n            justify-self: center;\r\n            cursor: pointer;\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    #split {\r\n        grid-row: 2;\r\n        overflow: hidden;\r\n\r\n        \r\n        &.splitPopup {\r\n            display: grid;\r\n            grid-template-rows: 300px 2px 1fr;\r\n\r\n            .panes {\r\n                margin-bottom: 1px;\r\n            }\r\n        }\r\n\r\n        #topPart {\r\n            grid-row: 1;\r\n            overflow: hidden;\r\n            display: grid;\r\n            grid-auto-rows: 100%;\r\n        }\r\n        \r\n        #separator {\r\n            grid-row: 2;\r\n            background: white;\r\n            opacity: 0.1;\r\n        }\r\n\r\n        #bottomPart {\r\n            overflow: hidden;\r\n            grid-row: 3;\r\n            display: grid;\r\n            grid-auto-rows: 100%;\r\n        }        \r\n\r\n        .gutter.gutter-vertical {\r\n            background-image: none;\r\n            background: #444444;\r\n            cursor: row-resize;\r\n        }\r\n    }\r\n\r\n}'],sourceRoot:""}]);const o=i},7831:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(6221),s=n.n(r),a=n(7758),i=n.n(a)()(s());i.push([e.id,'#scene-explorer-host{position:absolute;left:0px;top:0px;bottom:0px}#scene-explorer-host:focus{outline:none}#__resizable_base__{display:none}.context-menu{background:#222222}.context-menu .react-contextmenu-item{padding:10px;cursor:pointer}.context-menu .react-contextmenu-item:hover{background:#555555}.react-contextmenu.context-menu.react-contextmenu--visible{z-index:99;transform:scale(1)}#sceneExplorer{background:#333333;height:100%;margin:0;padding:0;display:grid;grid-template-rows:auto 1fr;font:14px "Arial"}#sceneExplorer:focus{outline:none}#sceneExplorer #header{height:30px;font-size:16px;color:white;background:#222222;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}#sceneExplorer #header #logo{position:relative;grid-column:1;width:24px;height:24px;left:0;display:flex;align-self:center;justify-self:center}#sceneExplorer #header #title{grid-column:2;display:grid;align-items:center;text-align:center}#sceneExplorer #header #commands{grid-column:3;display:grid;align-items:center;grid-template-columns:1fr 1fr}#sceneExplorer #header #commands .expand{grid-column:1;display:grid;align-items:center;justify-items:center;cursor:pointer}#sceneExplorer #header #commands .close{grid-column:2;display:grid;align-items:center;justify-items:center;cursor:pointer}#sceneExplorer #tree{grid-row:2;overflow-x:hidden;overflow-y:auto}#sceneExplorer .filter{display:flex;align-items:stretch}#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%, #337ab7 4%);background-position:-1000px 0;background-size:1000px 100%;background-repeat:no-repeat;color:white}#sceneExplorer .filter input::placeholder{color:lightgray}#sceneExplorer .filter input:focus{box-shadow:none;outline:none;background-position:0 0}#sceneExplorer .groupContainer{margin-left:0px;color:white;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}#sceneExplorer .groupContainer:hover{background:#444444}#sceneExplorer .groupContainer .expandableHeader{display:grid;grid-template-columns:1fr 20px}#sceneExplorer .groupContainer .expandableHeader .text{grid-column:1;display:grid;grid-template-columns:20px 1fr}#sceneExplorer .groupContainer .expandableHeader .text .arrow{grid-column:1;margin-left:0px;color:white;cursor:pointer;display:inline-block;margin-right:6px;opacity:0.5}#sceneExplorer .groupContainer .expandableHeader .text .text-value{grid-column:2;display:flex;align-items:center}#sceneExplorer .groupContainer .expandableHeader .expandAll{opacity:0.5;grid-column:2;margin-right:10px}#sceneExplorer .icon{display:grid;align-items:center;justify-items:center;cursor:pointer}#sceneExplorer .itemContainer{margin-left:0px;color:white;margin-top:0px;margin-bottom:0px;height:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:grid;grid-template-columns:20px 1fr}#sceneExplorer .itemContainer:hover{background:#444444}#sceneExplorer .itemContainer.selected{background:#bbbbbb;color:black}#sceneExplorer .itemContainer .isNotActive{opacity:0.3}#sceneExplorer .itemContainer .arrow{grid-column:1;color:white;opacity:0.6}#sceneExplorer .itemContainer .popup{width:200px;visibility:hidden;background-color:#444444;color:#fff;border:1px solid rgba(255,255,255,0.5);position:absolute;z-index:1;margin-left:-180px;box-sizing:border-box}#sceneExplorer .itemContainer .popup.show{visibility:visible}#sceneExplorer .itemContainer .popup:focus{outline:none}#sceneExplorer .itemContainer .popup .popupMenu{padding:6px 5px 5px 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:18px}#sceneExplorer .itemContainer .popup .popupMenu:hover{background:white;color:#333333}#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}#sceneExplorer .itemContainer .sceneNode .sceneTitle{grid-column:1;margin-right:5px;display:flex;align-items:center;height:24px}#sceneExplorer .itemContainer .sceneNode .translation{grid-column:2;opacity:0.6}#sceneExplorer .itemContainer .sceneNode .translation.selected{opacity:1}#sceneExplorer .itemContainer .sceneNode .rotation{grid-column:3;opacity:0.6}#sceneExplorer .itemContainer .sceneNode .rotation.selected{opacity:1}#sceneExplorer .itemContainer .sceneNode .scaling{grid-column:4;opacity:0.6}#sceneExplorer .itemContainer .sceneNode .scaling.selected{opacity:1}#sceneExplorer .itemContainer .sceneNode .bounding{grid-column:5;opacity:0.6}#sceneExplorer .itemContainer .sceneNode .bounding.selected{opacity:1}#sceneExplorer .itemContainer .sceneNode .separator{grid-column:6;margin-left:5px;width:5px;display:flex;align-items:center;height:18px;border-left:solid 1px #337ab7}#sceneExplorer .itemContainer .sceneNode .pickingMode{grid-column:7;opacity:0.6}#sceneExplorer .itemContainer .sceneNode .pickingMode.selected{opacity:1}#sceneExplorer .itemContainer .sceneNode .refresh{grid-column:8}#sceneExplorer .itemContainer .sceneNode .extensions{width:20px;grid-column:9}#sceneExplorer .itemContainer .targetedAnimationTools{grid-column:2;width:100%;display:grid;grid-template-columns:1fr auto 5px;align-items:center;min-width:0}#sceneExplorer .itemContainer .targetedAnimationTools .extensions{width:20px;grid-column:2}#sceneExplorer .itemContainer .animationGroupTools{grid-column:2;width:100%;display:grid;grid-template-columns:1fr auto 5px;align-items:center;min-width:0}#sceneExplorer .itemContainer .animationGroupTools .extensions{width:20px;grid-column:2}#sceneExplorer .itemContainer .soundTools{grid-column:2;width:100%;display:grid;grid-template-columns:1fr auto 5px;align-items:center;min-width:0}#sceneExplorer .itemContainer .soundTools .extensions{width:20px;grid-column:2}#sceneExplorer .itemContainer .meshTools{grid-column:2;width:100%;display:grid;grid-template-columns:1fr 20px 20px auto 5px;align-items:center;min-width:0}#sceneExplorer .itemContainer .meshTools .bounding-box{grid-column:2;opacity:0.5}#sceneExplorer .itemContainer .meshTools .bounding-box.selected{opacity:1}#sceneExplorer .itemContainer .meshTools .visibility{grid-column:3}#sceneExplorer .itemContainer .meshTools .extensions{width:20px;grid-column:4}#sceneExplorer .itemContainer .cameraTools{grid-column:2;display:grid;grid-template-columns:1fr 20px 20px auto 5px;align-items:center}#sceneExplorer .itemContainer .cameraTools .activeCamera{grid-column:2}#sceneExplorer .itemContainer .cameraTools .enableGizmo{grid-column:3}#sceneExplorer .itemContainer .cameraTools .extensions{width:20px;grid-column:4}#sceneExplorer .itemContainer .lightTools{grid-column:2;display:grid;grid-template-columns:1fr 20px 20px auto 5px;align-items:center}#sceneExplorer .itemContainer .lightTools .enableLight{grid-column:2}#sceneExplorer .itemContainer .lightTools .extensions{width:20px;grid-column:3}#sceneExplorer .itemContainer .spriteTools{grid-column:2;display:grid;grid-template-columns:1fr auto 5px;align-items:center}#sceneExplorer .itemContainer .spriteTools .extensions{width:20px;grid-column:2}#sceneExplorer .itemContainer .spriteManagerTools{grid-column:2;display:grid;grid-template-columns:1fr auto 5px;align-items:center}#sceneExplorer .itemContainer .spriteManagerTools .extensions{width:20px;grid-column:2}#sceneExplorer .itemContainer .materialTools{grid-column:2;display:grid;grid-template-columns:1fr auto 5px;align-items:center}#sceneExplorer .itemContainer .materialTools .extensions{width:20px;grid-column:2}#sceneExplorer .itemContainer .materialTools .icon{display:grid;align-items:center;justify-items:center;cursor:pointer}#sceneExplorer .itemContainer .particleSystemTools{grid-column:2;display:grid;grid-template-columns:1fr auto 5px;align-items:center}#sceneExplorer .itemContainer .particleSystemTools .extensions{width:20px;grid-column:2}#sceneExplorer .itemContainer .effectLayerTools{grid-column:2;display:grid;grid-template-columns:1fr auto 5px;align-items:center}#sceneExplorer .itemContainer .effectLayerTools .extensions{width:20px;grid-column:2}#sceneExplorer .itemContainer .postProcessTools{grid-column:2;display:grid;grid-template-columns:1fr auto 5px;align-items:center}#sceneExplorer .itemContainer .postProcessTools .extensions{width:20px;grid-column:2}#sceneExplorer .itemContainer .renderingPipelineTools{grid-column:2;display:grid;grid-template-columns:1fr auto 5px;align-items:center}#sceneExplorer .itemContainer .renderingPipelineTools .extensions{width:20px;grid-column:2}#sceneExplorer .itemContainer .textureTools{grid-column:2;display:grid;grid-template-columns:1fr auto 5px;align-items:center}#sceneExplorer .itemContainer .textureTools .extensions{width:20px;grid-column:2}#sceneExplorer .itemContainer .adtextureTools{grid-column:2;display:grid;grid-template-columns:1fr 20px 20px auto 5px;align-items:center}#sceneExplorer .itemContainer .adtextureTools .edit{grid-column:2}#sceneExplorer .itemContainer .adtextureTools .pickingMode{grid-column:3;opacity:0.6}#sceneExplorer .itemContainer .adtextureTools .pickingMode.selected{opacity:1}#sceneExplorer .itemContainer .adtextureTools .extensions{width:20px;grid-column:3}#sceneExplorer .itemContainer .controlTools{grid-column:2;display:grid;grid-template-columns:1fr 20px 20px auto 5px;align-items:center}#sceneExplorer .itemContainer .controlTools .highlight{grid-column:2}#sceneExplorer .itemContainer .controlTools .visibility{grid-column:3}#sceneExplorer .itemContainer .controlTools .extensions{width:20px;grid-column:4}#sceneExplorer .itemContainer .transformNodeTools{grid-column:2;display:grid;grid-template-columns:1fr auto 5px;align-items:center}#sceneExplorer .itemContainer .transformNodeTools .extensions{width:20px;grid-column:2}#sceneExplorer .itemContainer .skeletonTools{grid-column:2;display:grid;grid-template-columns:1fr auto 5px;align-items:center}#sceneExplorer .itemContainer .skeletonTools .extensions{width:20px;grid-column:2}#sceneExplorer .itemContainer .title{grid-column:1;background:transparent;white-space:nowrap;overflow:hidden;min-width:0;margin-right:5px;display:grid;align-items:center;grid-template-columns:25px 1fr;height:24px;cursor:pointer}#sceneExplorer .itemContainer .title .titleIcon{grid-column:1;display:grid;align-items:center;justify-items:center}#sceneExplorer .itemContainer .title .titleText{grid-column:2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}\n',"",{version:3,sources:["webpack://./../../../dev/inspector/dist/components/sceneExplorer/sceneExplorer.scss"],names:[],mappings:"AAAA,qBACI,iBAAkB,CAClB,QAAS,CACT,OAAO,CACP,UAAW,CAJf,2BAOQ,YAAa,CAChB,oBAID,YAAa,CAChB,cAGG,kBAAmB,CADvB,sCAIQ,YAAa,CACb,cAAe,CALvB,4CAQY,kBAAmB,CACtB,2DAKL,UAAW,CACX,kBAAmB,CACtB,eAGG,kBAAmB,CACnB,WAAY,CACZ,QAAS,CACT,SAAU,CACV,YAAa,CACb,2BAA4B,CAC5B,iBAAkB,CAPtB,qBAUQ,YAAa,CAVrB,uBAcQ,WAAY,CACZ,cAAe,CACf,WAAY,CACZ,kBAAmB,CACnB,UAAW,CACX,iBAAkB,CAClB,YAAa,CACb,mCAAoC,CACpC,wBAAyB,CACzB,qBAAsB,CACtB,oBAAqB,CACrB,gBAAiB,CAzBzB,6BA4BY,iBAAkB,CAClB,aAAc,CACd,UAAW,CACX,WAAY,CACZ,MAAM,CACN,YAAa,CACb,iBAAkB,CAClB,mBAAoB,CAnChC,8BAuCY,aAAc,CACd,YAAa,CACb,kBAAmB,CACnB,iBAAkB,CA1C9B,iCA8CY,aAAc,CACd,YAAa,CACb,kBAAmB,CACnB,6BAA8B,CAjD1C,yCAoDgB,aAAc,CACd,YAAa,CACb,kBAAmB,CACnB,oBAAqB,CACrB,cAAe,CAxD/B,wCA4DgB,aAAc,CACd,YAAa,CACb,kBAAmB,CACnB,oBAAqB,CACrB,cAAe,CAhE/B,qBAsEO,UAAW,CAEX,iBAAkB,CAClB,eAAgB,CAzEvB,uBA6EQ,YAAa,CACb,mBAAoB,CA9E5B,6BAiFY,UAAW,CACX,yBAA0B,CAC1B,aAAc,CACd,WAAY,CACZ,SAAU,CACV,+BAA0C,CAC1C,0EAAwF,CACxF,6BAA8B,CAC9B,2BAA4B,CAC5B,2BAA4B,CAC5B,WAAW,CA3FvB,0CA+FY,eAAgB,CA/F5B,mCAmGY,eAAgB,CAChB,YAAa,CACb,uBAAwB,CArGpC,+BA0GQ,eAAgB,CAChB,WAAY,CACZ,cAAe,CACf,iBAAkB,CAClB,WAAY,CAEZ,wBAAyB,CACzB,qBAAsB,CACtB,oBAAqB,CACrB,gBAAiB,CAEjB,iBAAkB,CAClB,YAAa,CACb,kBAAmB,CAvH3B,qCA0HY,kBAAmB,CA1H/B,iDA8HY,YAAa,CACb,8BAA+B,CA/H3C,uDAkIgB,aAAc,CACd,YAAa,CACb,8BAA+B,CApI/C,8DAuIoB,aAAc,CACd,eAAgB,CAChB,WAAY,CACZ,cAAe,CACf,oBAAqB,CACrB,gBAAiB,CACjB,WAAY,CA7IhC,mEAiJoB,aAAc,CACd,YAAa,CACb,kBAAmB,CAnJvC,4DAwJgB,WAAY,CACZ,aAAc,CACd,iBAAkB,CA1JlC,qBAkKQ,YAAa,CACb,kBAAmB,CACnB,oBAAqB,CACrB,cAAe,CArKvB,8BAyKQ,eAAgB,CAChB,WAAY,CACZ,cAAe,CACf,iBAAkB,CAClB,WAAY,CACZ,wBAAyB,CACzB,qBAAsB,CACtB,oBAAqB,CACrB,gBAAiB,CACjB,YAAa,CACb,8BAA+B,CAnLvC,oCAsLY,kBAAmB,CAtL/B,uCA0LY,kBAAmB,CACnB,WAAY,CA3LxB,2CA+LY,WAAY,CA/LxB,qCAmMY,aAAc,CACd,WAAY,CACZ,WAAY,CArMxB,qCAyMY,WAAY,CACZ,iBAAkB,CAClB,wBAAyB,CACzB,UAAW,CACX,sCAA0C,CAC1C,iBAAkB,CAClB,SAAU,CACV,kBAAmB,CACnB,qBAAsB,CAjNlC,0CAoNgB,kBAAmB,CApNnC,2CAwNgB,YAAa,CAxN7B,gDA4NgB,wBAAyB,CACzB,eAAgB,CAChB,kBAAmB,CACnB,sBAAuB,CACvB,WAAY,CAhO5B,sDAoOoB,gBAAiB,CACjB,aAAc,CArOlC,yCA2OY,aAAc,CACd,iBAAkB,CAClB,YAAa,CACb,qEAAsE,CACtE,kBAAmB,CACnB,cAAe,CAhP3B,qDAmPgB,aAAc,CACd,gBAAiB,CACjB,YAAa,CACb,kBAAmB,CACnB,WAAY,CAvP5B,sDA2PgB,aAAc,CACd,WAAY,CA5P5B,+DA+PoB,SAAU,CA/P9B,mDAoQgB,aAAc,CACd,WAAY,CArQ5B,4DAwQoB,SAAU,CAxQ9B,kDA6QgB,aAAc,CACd,WAAY,CA9Q5B,2DAgRoB,SAAU,CAhR9B,mDAqRgB,aAAc,CACd,WAAY,CAtR5B,4DAwRoB,SAAU,CAxR9B,oDA6RgB,aAAc,CACd,eAAgB,CAChB,SAAU,CACV,YAAa,CACb,kBAAmB,CACnB,WAAY,CACZ,6BAAwC,CAnSxD,sDAuSgB,aAAc,CACd,WAAY,CAxS5B,+DA2SoB,SAAU,CA3S9B,kDAgTgB,aAAc,CAhT9B,qDAoTgB,UAAW,CACX,aAAc,CArT9B,sDA0TY,aAAc,CACd,UAAW,CACX,YAAa,CACb,kCAAmC,CACnC,kBAAmB,CACnB,WAAY,CA/TxB,kEAkUgB,UAAW,CACX,aAAc,CAnU9B,mDAwUY,aAAc,CACd,UAAW,CACX,YAAa,CACb,kCAAmC,CACnC,kBAAmB,CACnB,WAAY,CA7UxB,+DAgVgB,UAAW,CACX,aAAc,CAjV9B,0CAsVY,aAAc,CACd,UAAW,CACX,YAAa,CACb,kCAAmC,CACnC,kBAAmB,CACnB,WAAY,CA3VxB,sDA8VgB,UAAW,CACX,aAAc,CA/V9B,yCAqWY,aAAc,CACd,UAAW,CACX,YAAa,CACb,4CAA6C,CAC7C,kBAAmB,CACnB,WAAY,CA1WxB,uDA6WgB,aAAc,CACd,WAAY,CA9W5B,gEAiXoB,SAAU,CAjX9B,qDAsXgB,aAAc,CAtX9B,qDA0XgB,UAAW,CACX,aAAc,CA3X9B,2CAgYY,aAAc,CACd,YAAa,CACb,4CAA6C,CAC7C,kBAAmB,CAnY/B,yDAsYgB,aAAc,CAtY9B,wDA0YgB,aAAc,CA1Y9B,uDA8YgB,UAAW,CACX,aAAc,CA/Y9B,0CAoZY,aAAc,CACd,YAAa,CACb,4CAA6C,CAC7C,kBAAmB,CAvZ/B,uDA0ZgB,aAAc,CA1Z9B,sDA8ZgB,UAAW,CACX,aAAc,CA/Z9B,2CAoaY,aAAc,CACd,YAAa,CACb,kCAAmC,CACnC,kBAAmB,CAva/B,uDA0agB,UAAW,CACX,aAAc,CA3a9B,kDAgbY,aAAc,CACd,YAAa,CACb,kCAAmC,CACnC,kBAAmB,CAnb/B,8DAsbgB,UAAW,CACX,aAAc,CAvb9B,6CA4bY,aAAc,CACd,YAAa,CACb,kCAAmC,CACnC,kBAAmB,CA/b/B,yDAkcgB,UAAW,CACX,aAAc,CAnc9B,mDAucgB,YAAa,CACb,kBAAmB,CACnB,oBAAqB,CACrB,cAAe,CA1c/B,mDA+cY,aAAc,CACd,YAAa,CACb,kCAAmC,CACnC,kBAAmB,CAld/B,+DAqdgB,UAAW,CACX,aAAc,CAtd9B,gDA2dY,aAAc,CACd,YAAa,CACb,kCAAmC,CACnC,kBAAmB,CA9d/B,4DAiegB,UAAW,CACX,aAAc,CAle9B,gDAueY,aAAc,CACd,YAAa,CACb,kCAAmC,CACnC,kBAAmB,CA1e/B,4DA6egB,UAAW,CACX,aAAc,CA9e9B,sDAmfY,aAAc,CACd,YAAa,CACb,kCAAmC,CACnC,kBAAmB,CAtf/B,kEAyfgB,UAAW,CACX,aAAc,CA1f9B,4CA+fY,aAAc,CACd,YAAa,CACb,kCAAmC,CACnC,kBAAmB,CAlgB/B,wDAqgBgB,UAAW,CACX,aAAc,CAtgB9B,8CA2gBY,aAAc,CACd,YAAa,CACb,4CAA6C,CAC7C,kBAAmB,CA9gB/B,oDAihBgB,aAAc,CAjhB9B,2DAqhBgB,aAAc,CACd,WAAY,CAthB5B,oEAyhBoB,SAAU,CAzhB9B,0DA8hBgB,UAAW,CACX,aAAc,CA/hB9B,4CAoiBY,aAAc,CACd,YAAa,CACb,4CAA6C,CAC7C,kBAAmB,CAviB/B,uDA0iBgB,aAAc,CA1iB9B,wDA8iBgB,aAAc,CA9iB9B,wDAkjBgB,UAAW,CACX,aAAc,CAnjB9B,kDAwjBY,aAAc,CACd,YAAa,CACb,kCAAmC,CACnC,kBAAmB,CA3jB/B,8DA8jBgB,UAAW,CACX,aAAc,CA/jB9B,6CAokBY,aAAc,CACd,YAAa,CACb,kCAAmC,CACnC,kBAAmB,CAvkB/B,yDA0kBgB,UAAW,CACX,aAAc,CA3kB9B,qCAglBY,aAAc,CACd,sBAAuB,CACvB,kBAAmB,CACnB,eAAgB,CAChB,WAAY,CACZ,gBAAiB,CACjB,YAAa,CACb,kBAAmB,CACnB,8BAA+B,CAC/B,WAAY,CACZ,cAAe,CA1lB3B,gDA6lBgB,aAAc,CACd,YAAa,CACb,kBAAmB,CACnB,oBAAqB,CAhmBrC,gDAomBgB,aAAc,CACd,kBAAmB,CACnB,sBAAuB,CACvB,eAAgB",sourcesContent:['#scene-explorer-host {\r\n    position: absolute;\r\n    left: 0px;\r\n    top:0px;\r\n    bottom: 0px;\r\n\r\n    &:focus {\r\n        outline: none;\r\n    }\r\n}\r\n\r\n#__resizable_base__ {\r\n    display: none;\r\n}\r\n\r\n.context-menu {\r\n    background: #222222;\r\n\r\n    .react-contextmenu-item {\r\n        padding: 10px;\r\n        cursor: pointer;\r\n\r\n        &:hover {\r\n            background: #555555;\r\n        }\r\n    }\r\n}\r\n\r\n.react-contextmenu.context-menu.react-contextmenu--visible {\r\n    z-index: 99;\r\n    transform: scale(1);\r\n}\r\n\r\n#sceneExplorer {\r\n    background: #333333;\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: 14px "Arial";\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: white;\r\n        background: #222222;\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:white;    \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: white;\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: #444444;\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: white;\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    }\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    .itemContainer {\r\n        margin-left: 0px;\r\n        color: white;\r\n        margin-top: 0px;\r\n        margin-bottom: 0px;\r\n        height: 24px;   \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\r\n        &:hover {\r\n            background: #444444;\r\n        }\r\n\r\n        &.selected{\r\n            background: #bbbbbb;\r\n            color: black;\r\n        }\r\n        \r\n        .isNotActive {\r\n            opacity: 0.3;\r\n        }\r\n\r\n        .arrow {\r\n            grid-column: 1;\r\n            color: white;\r\n            opacity: 0.6;\r\n        }\r\n\r\n        .popup {\r\n            width: 200px;\r\n            visibility: hidden;\r\n            background-color: #444444;\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\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        .targetedAnimationTools {\r\n            grid-column: 2;\r\n            width: 100%;\r\n            display: grid;\r\n            grid-template-columns: 1fr auto 5px;\r\n            align-items: center;\r\n            min-width: 0;\r\n           \r\n            .extensions {\r\n                width: 20px;\r\n                grid-column: 2;\r\n            }\r\n        }\r\n\r\n        .animationGroupTools {\r\n            grid-column: 2;\r\n            width: 100%;\r\n            display: grid;\r\n            grid-template-columns: 1fr auto 5px;\r\n            align-items: center;\r\n            min-width: 0;\r\n           \r\n            .extensions {\r\n                width: 20px;\r\n                grid-column: 2;\r\n            }\r\n        }\r\n\r\n        .soundTools {\r\n            grid-column: 2;\r\n            width: 100%;\r\n            display: grid;\r\n            grid-template-columns: 1fr auto 5px;\r\n            align-items: center;\r\n            min-width: 0;\r\n           \r\n            .extensions {\r\n                width: 20px;\r\n                grid-column: 2;\r\n            }\r\n        }\r\n\r\n\r\n        .meshTools {\r\n            grid-column: 2;\r\n            width: 100%;\r\n            display: grid;\r\n            grid-template-columns: 1fr 20px 20px auto 5px;\r\n            align-items: center;\r\n            min-width: 0;\r\n\r\n            .bounding-box {\r\n                grid-column: 2;    \r\n                opacity: 0.5;\r\n                \r\n                &.selected {\r\n                    opacity: 1;\r\n                }\r\n            }\r\n\r\n            .visibility {\r\n                grid-column: 3;          \r\n            }        \r\n            \r\n            .extensions {\r\n                width: 20px;\r\n                grid-column: 4;\r\n            }\r\n        }\r\n\r\n        .cameraTools {\r\n            grid-column: 2;\r\n            display: grid;\r\n            grid-template-columns: 1fr 20px 20px auto 5px;\r\n            align-items: center;\r\n\r\n            .activeCamera {\r\n                grid-column: 2;\r\n            }\r\n\r\n            .enableGizmo {\r\n                grid-column: 3;          \r\n            } \r\n\r\n            .extensions {\r\n                width: 20px;\r\n                grid-column: 4;\r\n            }\r\n        }\r\n\r\n        .lightTools {\r\n            grid-column: 2;\r\n            display: grid;\r\n            grid-template-columns: 1fr 20px 20px auto 5px;\r\n            align-items: center;\r\n\r\n            .enableLight {\r\n                grid-column: 2;\r\n            }\r\n\r\n            .extensions {\r\n                width: 20px;\r\n                grid-column: 3;\r\n            }\r\n        }        \r\n        \r\n        .spriteTools {\r\n            grid-column: 2;\r\n            display: grid;\r\n            grid-template-columns: 1fr auto 5px;\r\n            align-items: center;\r\n\r\n            .extensions {\r\n                width: 20px;\r\n                grid-column: 2;\r\n            }\r\n        }   \r\n\r\n        .spriteManagerTools {\r\n            grid-column: 2;\r\n            display: grid;\r\n            grid-template-columns: 1fr auto 5px;\r\n            align-items: center;\r\n\r\n            .extensions {\r\n                width: 20px;\r\n                grid-column: 2;\r\n            }\r\n        }        \r\n\r\n        .materialTools {\r\n            grid-column: 2;\r\n            display: grid;\r\n            grid-template-columns: 1fr auto 5px;\r\n            align-items: center;\r\n\r\n            .extensions {\r\n                width: 20px;\r\n                grid-column: 2;\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\r\n        .particleSystemTools {\r\n            grid-column: 2;\r\n            display: grid;\r\n            grid-template-columns: 1fr auto 5px;\r\n            align-items: center;\r\n\r\n            .extensions {\r\n                width: 20px;\r\n                grid-column: 2;\r\n            }\r\n        }\r\n\r\n        .effectLayerTools {\r\n            grid-column: 2;\r\n            display: grid;\r\n            grid-template-columns: 1fr auto 5px;\r\n            align-items: center;\r\n\r\n            .extensions {\r\n                width: 20px;\r\n                grid-column: 2;\r\n            }\r\n        }\r\n\r\n        .postProcessTools {\r\n            grid-column: 2;\r\n            display: grid;\r\n            grid-template-columns: 1fr auto 5px;\r\n            align-items: center;\r\n\r\n            .extensions {\r\n                width: 20px;\r\n                grid-column: 2;\r\n            }\r\n        }\r\n\r\n        .renderingPipelineTools {\r\n            grid-column: 2;\r\n            display: grid;\r\n            grid-template-columns: 1fr auto 5px;\r\n            align-items: center;\r\n\r\n            .extensions {\r\n                width: 20px;\r\n                grid-column: 2;\r\n            }\r\n        }\r\n\r\n        .textureTools {\r\n            grid-column: 2;\r\n            display: grid;\r\n            grid-template-columns: 1fr auto 5px;\r\n            align-items: center;\r\n\r\n            .extensions {\r\n                width: 20px;\r\n                grid-column: 2;\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 20px auto 5px;\r\n            align-items: center;\r\n\r\n            .edit {\r\n                grid-column: 2;\r\n            }\r\n            \r\n            .pickingMode {\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            .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            grid-template-columns: 1fr 20px 20px auto 5px;\r\n            align-items: center;\r\n\r\n            .highlight {\r\n                grid-column: 2;\r\n            }\r\n\r\n            .visibility {\r\n                grid-column: 3;\r\n            }\r\n\r\n            .extensions {\r\n                width: 20px;\r\n                grid-column: 4;\r\n            }\r\n        }   \r\n        \r\n        .transformNodeTools {\r\n            grid-column: 2;\r\n            display: grid;\r\n            grid-template-columns: 1fr auto 5px;\r\n            align-items: center;\r\n\r\n            .extensions {\r\n                width: 20px;\r\n                grid-column: 2;\r\n            }\r\n        }    \r\n\r\n        .skeletonTools {\r\n            grid-column: 2;\r\n            display: grid;\r\n            grid-template-columns: 1fr auto 5px;\r\n            align-items: center;\r\n\r\n            .extensions {\r\n                width: 20px;\r\n                grid-column: 2;\r\n            }\r\n        }  \r\n\r\n        .title {\r\n            grid-column: 1;\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            display: grid;\r\n            align-items: center;  \r\n            grid-template-columns: 25px 1fr; \r\n            height: 24px;\r\n            cursor: pointer;\r\n\r\n            .titleIcon {\r\n                grid-column: 1;\r\n                display: grid;\r\n                align-items: center; \r\n                justify-items: center;\r\n            }\r\n\r\n            .titleText {\r\n                grid-column: 2;\r\n                white-space: nowrap;\r\n                text-overflow: ellipsis;\r\n                overflow: hidden;                \r\n            }\r\n        }\r\n    }\r\n}'],sourceRoot:""}]);const o=i},6461:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(6221),s=n.n(r),a=n(7758),i=n.n(a)()(s());i.push([e.id,'.color-picker-container{width:320px;height:300px;background-color:white;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,0.3),0 0 1px 2px rgba(0,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 black}.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, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 67%, #f0f 83%, red 100%);background:-webkit-linear-gradient(to right, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 67%, #f0f 83%, red 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,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:black}.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:0.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:black}.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:black;font-size:11px;padding:4px;justify-self:left;align-self:center;grid-row:6;grid-column:1}\n',"",{version:3,sources:["webpack://./../../../dev/sharedUiComponents/dist/colorPicker/colorPicker.scss"],names:[],mappings:"AAAA,wBACI,WAAY,CACZ,YAAa,CACb,sBAAuB,CACvB,YAAa,CACb,0BAA2B,CAC3B,8CAA+C,CAC/C,kCAAmC,CACnC,kBAAmB,CACnB,cAAe,CATnB,mCAYQ,YAAa,CAZrB,iDAgBQ,UAAW,CACX,aAAc,CACd,YAAa,CACb,0BAA2B,CAC3B,uBAAwB,CACxB,iBAAkB,CAClB,cAAe,CAtBvB,gFAyBY,UAAW,CACX,aAAc,CAEd,uEAA2E,CAC3E,+DAAmE,CA7B/E,gFAiCY,UAAW,CACX,aAAc,CAEd,+DAAmE,CACnE,uDAA2D,CArCvE,iFAyCY,mBAAoB,CACpB,SAAU,CACV,UAAW,CACX,yFAAkG,CAClG,iBAAkB,CAClB,+BAAgC,CAChC,iBAAkB,CA/C9B,0CAoDQ,UAAW,CACX,aAAc,CACd,YAAa,CACb,WAAY,CACZ,6BAA8B,CAC9B,uBAAwB,CAzDhC,kEA4DY,UAAW,CACX,aAAc,CACd,iBAAkB,CAClB,mBAAoB,CACpB,UAAW,CACX,WAAY,CACZ,kBAAmB,CACnB,sBAAuB,CAnEnC,mEAuEY,UAAW,CACX,aAAc,CACd,iBAAkB,CAClB,WAAY,CACZ,iBAAkB,CAClB,cAAe,CAEf,wGAA2G,CAC3G,gHAAmH,CA/E/H,4FAkFgB,mBAAoB,CACpB,SAAU,CACV,WAAY,CACZ,+BAAgC,CAChC,wBAAoC,CACpC,uCAA2C,CAC3C,iBAAkB,CAxFlC,gDA8FQ,YAAa,CACb,UAAW,CACX,0BAA2B,CAC3B,0BAA2B,CAjGnC,8EAoGY,mBAAoB,CACpB,iBAAkB,CAClB,UAAW,CACX,aAAc,CACd,iBAAkB,CAxG9B,oFA2GgB,UAAW,CA3G3B,8EAgHY,mBAAoB,CACpB,iBAAkB,CAClB,UAAW,CACX,aAAc,CACd,WAAY,CApHxB,0CAyHQ,UAAW,CACX,aAAc,CACd,YAAa,CACb,WAAY,CACZ,uDAAwD,CACxD,uBAAwB,CA9HhC,6BAkIQ,UAAW,CACX,aAAc,CAnItB,+BAuIQ,UAAW,CACX,aAAc,CAxItB,8BA4IQ,UAAW,CACX,aAAc,CA7ItB,+BAiJQ,UAAW,CACX,aAAc,CAlJtB,sCAqJY,WAAY,CArJxB,0CA0JQ,UAAW,CACX,aAAc,CACd,YAAa,CACb,6BAA8B,CAC9B,uBAAwB,CA9JhC,kEAiKY,mBAAoB,CACpB,iBAAkB,CAClB,UAAW,CACX,aAAc,CACd,gBAAiB,CACjB,WAAY,CAtKxB,kEA0KY,iBAAkB,CAClB,iBAAkB,CAClB,UAAW,CACX,aAAc,CACd,gBAAiB,CACjB,iBAAkB,CA/K9B,wEAkLgB,UAAW,CAlL3B,8CAwLQ,WAAY,CACZ,cAAe,CACf,WAAY,CACZ,iBAAkB,CAClB,iBAAkB,CAClB,UAAW,CACX,aAAc",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: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 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:""}]);const o=i},7758: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,s,a){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(r)for(var o=0;o<this.length;o++){var l=this[o][0];null!=l&&(i[l]=!0)}for(var p=0;p<e.length;p++){var c=[].concat(e[p]);r&&i[c[0]]||(void 0!==a&&(void 0===c[5]||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=a),n&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=n):c[2]=n),s&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=s):c[4]="".concat(s)),t.push(c))}},t}},3821:e=>{"use strict";e.exports=function(e,t){return t||(t={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]|(%20)/.test(e)||t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},6221: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)))),s="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(r),a="/*# ".concat(s," */"),i=n.sources.map((function(e){return"/*# sourceURL=".concat(n.sourceRoot||"").concat(e," */")}));return[t].concat(i).concat([a]).join("\n")}return[t].join("\n")}},8480:function(e){e.exports=function(e){function t(r){if(n[r])return n[r].exports;var s=n[r]={exports:{},id:r,loaded:!1};return e[r].call(s.exports,s,s.exports,t),s.loaded=!0,s.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){var r,s,a={}.hasOwnProperty,i=[].indexOf||function(e){for(var t=0,n=this.length;t<n;t++)if(t in this&&this[t]===e)return t;return-1};r=n(1).EventEmitter,n(2),s=function(e){function t(e){var t,r,s;for(r in this.running=!1,this.options={},this.frames=[],this.groups=new Map,this.freeWorkers=[],this.activeWorkers=[],this.setOptions(e),n)s=n[r],null==(t=this.options)[r]&&(t[r]=s)}var n,r;return function(e,t){function n(){this.constructor=e}for(var r in t)a.call(t,r)&&(e[r]=t[r]);n.prototype=t.prototype,e.prototype=new n,e.__super__=t.prototype}(t,e),n={workerScript:"gif.worker.js",workers:2,repeat:0,background:"#fff",quality:10,width:null,height:null,transparent:null,debug:!1},r={delay:500,copy:!1},t.prototype.setOption=function(e,t){if(this.options[e]=t,null!=this._canvas&&("width"===e||"height"===e))return this._canvas[e]=t},t.prototype.setOptions=function(e){var t,n,r;for(t in n=[],e)a.call(e,t)&&(r=e[t],n.push(this.setOption(t,r)));return n},t.prototype.addFrame=function(e,t){var n,s,a;for(a in null==t&&(t={}),(n={}).transparent=this.options.transparent,r)n[a]=t[a]||r[a];if(null==this.options.width&&this.setOption("width",e.width),null==this.options.height&&this.setOption("height",e.height),"undefined"!=typeof ImageData&&null!==ImageData&&e instanceof ImageData)n.data=e.data;else if("undefined"!=typeof CanvasRenderingContext2D&&null!==CanvasRenderingContext2D&&e instanceof CanvasRenderingContext2D||"undefined"!=typeof WebGLRenderingContext&&null!==WebGLRenderingContext&&e instanceof WebGLRenderingContext)t.copy?n.data=this.getContextData(e):n.context=e;else{if(null==e.childNodes)throw new Error("Invalid image");t.copy?n.data=this.getImageData(e):n.image=e}return(s=this.frames.length)>0&&n.data&&(this.groups.has(n.data)?this.groups.get(n.data).push(s):this.groups.set(n.data,[s])),this.frames.push(n)},t.prototype.render=function(){var e,t,n;if(this.running)throw new Error("Already running");if(null==this.options.width||null==this.options.height)throw new Error("Width and height must be set prior to rendering");if(this.running=!0,this.nextFrame=0,this.finishedFrames=0,this.imageParts=function(){var e,t,n;for(n=[],e=0,t=this.frames.length;0<=t?e<t:e>t;0<=t?++e:--e)n.push(null);return n}.call(this),t=this.spawnWorkers(),!0===this.options.globalPalette)this.renderNextFrame();else for(e=0,n=t;0<=n?e<n:e>n;0<=n?++e:--e)this.renderNextFrame();return this.emit("start"),this.emit("progress",0)},t.prototype.abort=function(){for(var e;null!=(e=this.activeWorkers.shift());)this.log("killing active worker"),e.terminate();return this.running=!1,this.emit("abort")},t.prototype.spawnWorkers=function(){var e,t,n;return e=Math.min(this.options.workers,this.frames.length),function(){n=[];for(var r=t=this.freeWorkers.length;t<=e?r<e:r>e;t<=e?r++:r--)n.push(r);return n}.apply(this).forEach(function(e){return function(t){var n;return e.log("spawning worker "+t),(n=new Worker(e.options.workerScript)).onmessage=function(t){return e.activeWorkers.splice(e.activeWorkers.indexOf(n),1),e.freeWorkers.push(n),e.frameFinished(t.data,!1)},e.freeWorkers.push(n)}}(this)),e},t.prototype.frameFinished=function(e,t){var n,r,s,a;if(this.finishedFrames++,t?(n=this.frames.indexOf(e),r=this.groups.get(e.data)[0],this.log("frame "+(n+1)+" is duplicate of "+r+" - "+this.activeWorkers.length+" active"),this.imageParts[n]={indexOfFirstInGroup:r}):(this.log("frame "+(e.index+1)+" finished - "+this.activeWorkers.length+" active"),this.emit("progress",this.finishedFrames/this.frames.length),this.imageParts[e.index]=e),!0===this.options.globalPalette&&!t&&(this.options.globalPalette=e.globalPalette,this.log("global palette analyzed"),this.frames.length>2))for(s=1,a=this.freeWorkers.length;1<=a?s<a:s>a;1<=a?++s:--s)this.renderNextFrame();return i.call(this.imageParts,null)>=0?this.renderNextFrame():this.finishRendering()},t.prototype.finishRendering=function(){var e,t,n,r,s,a,i,o,l,p,c,d,h,u,g,b,m,C,f,v;for(s=a=0,p=(m=this.imageParts).length;a<p;s=++a)(t=m[s]).indexOfFirstInGroup&&(this.imageParts[s]=this.imageParts[t.indexOfFirstInGroup]);for(l=0,i=0,c=(C=this.imageParts).length;i<c;i++)l+=((t=C[i]).data.length-1)*t.pageSize+t.cursor;for(l+=t.pageSize-t.cursor,this.log("rendering finished - filesize "+Math.round(l/1e3)+"kb"),e=new Uint8Array(l),g=0,o=0,d=(f=this.imageParts).length;o<d;o++)for(n=u=0,h=(v=(t=f[o]).data).length;u<h;n=++u)b=v[n],e.set(b,g),g+=n===t.data.length-1?t.cursor:t.pageSize;return r=new Blob([e],{type:"image/gif"}),this.emit("finished",r,e)},t.prototype.renderNextFrame=function(){var e,t,n,r;if(0===this.freeWorkers.length)throw new Error("No free workers");if(!(this.nextFrame>=this.frames.length))return e=this.frames[this.nextFrame++],(t=this.frames.indexOf(e))>0&&this.groups.has(e.data)&&this.groups.get(e.data)[0]!==t?void setTimeout(function(t){return function(){return t.frameFinished(e,!0)}}(this),0):(r=this.freeWorkers.shift(),n=this.getTask(e),this.log("starting frame "+(n.index+1)+" of "+this.frames.length),this.activeWorkers.push(r),r.postMessage(n))},t.prototype.getContextData=function(e){return e.getImageData(0,0,this.options.width,this.options.height).data},t.prototype.getImageData=function(e){var t;return null==this._canvas&&(this._canvas=document.createElement("canvas"),this._canvas.width=this.options.width,this._canvas.height=this.options.height),(t=this._canvas.getContext("2d")).setFill=this.options.background,t.fillRect(0,0,this.options.width,this.options.height),t.drawImage(e,0,0),this.getContextData(t)},t.prototype.getTask=function(e){var t,n;if(n={index:t=this.frames.indexOf(e),last:t===this.frames.length-1,delay:e.delay,transparent:e.transparent,width:this.options.width,height:this.options.height,quality:this.options.quality,dither:this.options.dither,globalPalette:this.options.globalPalette,repeat:this.options.repeat,canTransfer:!0},null!=e.data)n.data=e.data;else if(null!=e.context)n.data=this.getContextData(e.context);else{if(null==e.image)throw new Error("Invalid frame");n.data=this.getImageData(e.image)}return n},t.prototype.log=function(e){if(this.options.debug)return console.log(e)},t}(r),e.exports=s},function(e,t){function n(){this._events=this._events||{},this._maxListeners=this._maxListeners||void 0}function r(e){return"function"==typeof e}function s(e){return"object"==typeof e&&null!==e}function a(e){return void 0===e}e.exports=n,n.EventEmitter=n,n.prototype._events=void 0,n.prototype._maxListeners=void 0,n.defaultMaxListeners=10,n.prototype.setMaxListeners=function(e){if(!function(e){return"number"==typeof e}(e)||e<0||isNaN(e))throw TypeError("n must be a positive number");return this._maxListeners=e,this},n.prototype.emit=function(e){var t,n,i,o,l,p;if(this._events||(this._events={}),"error"===e&&(!this._events.error||s(this._events.error)&&!this._events.error.length)){if((t=arguments[1])instanceof Error)throw t;var c=new Error('Uncaught, unspecified "error" event. ('+t+")");throw c.context=t,c}if(a(n=this._events[e]))return!1;if(r(n))switch(arguments.length){case 1:n.call(this);break;case 2:n.call(this,arguments[1]);break;case 3:n.call(this,arguments[1],arguments[2]);break;default:o=Array.prototype.slice.call(arguments,1),n.apply(this,o)}else if(s(n))for(o=Array.prototype.slice.call(arguments,1),i=(p=n.slice()).length,l=0;l<i;l++)p[l].apply(this,o);return!0},n.prototype.addListener=function(e,t){var i;if(!r(t))throw TypeError("listener must be a function");return this._events||(this._events={}),this._events.newListener&&this.emit("newListener",e,r(t.listener)?t.listener:t),this._events[e]?s(this._events[e])?this._events[e].push(t):this._events[e]=[this._events[e],t]:this._events[e]=t,s(this._events[e])&&!this._events[e].warned&&(i=a(this._maxListeners)?n.defaultMaxListeners:this._maxListeners)&&i>0&&this._events[e].length>i&&(this._events[e].warned=!0,console.error("(node) warning: possible EventEmitter memory leak detected. %d listeners added. Use emitter.setMaxListeners() to increase limit.",this._events[e].length),"function"==typeof console.trace&&console.trace()),this},n.prototype.on=n.prototype.addListener,n.prototype.once=function(e,t){function n(){this.removeListener(e,n),s||(s=!0,t.apply(this,arguments))}if(!r(t))throw TypeError("listener must be a function");var s=!1;return n.listener=t,this.on(e,n),this},n.prototype.removeListener=function(e,t){var n,a,i,o;if(!r(t))throw TypeError("listener must be a function");if(!this._events||!this._events[e])return this;if(i=(n=this._events[e]).length,a=-1,n===t||r(n.listener)&&n.listener===t)delete this._events[e],this._events.removeListener&&this.emit("removeListener",e,t);else if(s(n)){for(o=i;o-- >0;)if(n[o]===t||n[o].listener&&n[o].listener===t){a=o;break}if(a<0)return this;1===n.length?(n.length=0,delete this._events[e]):n.splice(a,1),this._events.removeListener&&this.emit("removeListener",e,t)}return this},n.prototype.removeAllListeners=function(e){var t,n;if(!this._events)return this;if(!this._events.removeListener)return 0===arguments.length?this._events={}:this._events[e]&&delete this._events[e],this;if(0===arguments.length){for(t in this._events)"removeListener"!==t&&this.removeAllListeners(t);return this.removeAllListeners("removeListener"),this._events={},this}if(r(n=this._events[e]))this.removeListener(e,n);else if(n)for(;n.length;)this.removeListener(e,n[n.length-1]);return delete this._events[e],this},n.prototype.listeners=function(e){return this._events&&this._events[e]?r(this._events[e])?[this._events[e]]:this._events[e].slice():[]},n.prototype.listenerCount=function(e){if(this._events){var t=this._events[e];if(r(t))return 1;if(t)return t.length}return 0},n.listenerCount=function(e,t){return e.listenerCount(t)}},function(e,t){var n,r,s,a,i;i=navigator.userAgent.toLowerCase(),a=navigator.platform.toLowerCase(),s="ie"===(n=i.match(/(opera|ie|firefox|chrome|version)[\s\/:]([\w\d\.]+)?.*?(safari|version[\s\/:]([\w\d\.]+)|$)/)||[null,"unknown",0])[1]&&document.documentMode,(r={name:"version"===n[1]?n[3]:n[1],version:s||parseFloat("opera"===n[1]&&n[4]?n[4]:n[2]),platform:{name:i.match(/ip(?:ad|od|hone)/)?"ios":(i.match(/(?:webos|android)/)||a.match(/mac|win|linux/)||["other"])[0]}})[r.name]=!0,r[r.name+parseInt(r.version,10)]=!0,r.platform[r.platform.name]=!0,e.exports=r}])},8753:e=>{"use strict";var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;function s(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}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,a){for(var i,o,l=s(e),p=1;p<arguments.length;p++){for(var c in i=Object(arguments[p]))n.call(i,c)&&(l[c]=i[c]);if(t){o=t(i);for(var d=0;d<o.length;d++)r.call(i,o[d])&&(l[o[d]]=i[o[d]])}}return l}},5913:(e,t,n)=>{"use strict";var r=n(1869);function s(){}function a(){}a.resetWarningCache=s,e.exports=function(){function e(e,t,n,s,a,i){if(i!==r){var o=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 o.name="Invariant Violation",o}}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:a,resetWarningCache:s};return n.PropTypes=n,n}},1131:(e,t,n)=>{e.exports=n(5913)()},1869:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},9755:(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 s=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 s={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(s,i,o):s[i]=e[i]}return s.default=e,n&&n.set(e,s),s}(n(1902)),a=o(n(1131)),i=o(n(3653));function o(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 p(e,t){return p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},p(e,t)}function c(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 d(e)}function d(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function h(e){return h=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},h(e)}function u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var g=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&&p(e,t)}(o,e);var t,n,r,a=(n=o,r=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=h(n);if(r){var s=h(this).constructor;e=Reflect.construct(t,arguments,s)}else e=t.apply(this,arguments);return c(this,e)});function o(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,o),u(d(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)}})),u(d(t),"handleForceClose",(function(){t.setState({forceSubMenuOpen:!1})})),u(d(t),"tryToOpenSubMenu",(function(e){t.state.selectedItem&&t.state.selectedItem.type===t.getSubMenuType()&&(e.preventDefault(),t.setState({forceSubMenuOpen:!0}))})),u(d(t),"selectChildren",(function(e){var n=t.state.selectedItem,r=[],a=0,o={};if(s.default.Children.forEach(t.props.children,(function e(n,l){n&&([i.default,t.getSubMenuType()].indexOf(n.type)<0?s.default.Children.forEach(n.props.children,e):n.props.divider||(n.props.disabled&&(++a,o[l]=!0),r.push(n)))})),a!==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&&o[n]);return n===t?null:n}(r.indexOf(n));null!==l&&t.setState({selectedItem:r[l],forceSubMenuOpen:!1})}})),u(d(t),"onChildMouseMove",(function(e){t.state.selectedItem!==e&&t.setState({selectedItem:e,forceSubMenuOpen:!1})})),u(d(t),"onChildMouseLeave",(function(){t.setState({selectedItem:null,forceSubMenuOpen:!1})})),u(d(t),"renderChildren",(function(e){return s.default.Children.map(e,(function(e){var n={};return s.default.isValidElement(e)?[i.default,t.getSubMenuType()].indexOf(e.type)<0?(n.children=t.renderChildren(e.props.children),s.default.cloneElement(e,n)):(n.onMouseLeave=t.onChildMouseLeave.bind(d(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)},s.default.cloneElement(e,n)):(n.selected=!0,n.ref=function(e){t.seletedItemRef=e},s.default.cloneElement(e,n))):e}))})),t.seletedItemRef=null,t.state={selectedItem:null,forceSubMenuOpen:!1},t}return t=o,Object.defineProperty(t,"prototype",{writable:!1}),t}(s.Component);t.default=g,u(g,"propTypes",{children:a.default.node.isRequired})},3921:(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 s=u(n(1902)),a=u(n(1131)),i=u(n(3472)),o=u(n(8753)),l=u(n(1203)),p=u(n(9755)),c=u(n(1958)),d=n(8602),h=n(3839);function u(e){return e&&e.__esModule?e:{default:e}}function g(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 b(e,t){return b=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},b(e,t)}function m(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 C(e)}function C(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}function v(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&&b(e,t)}(u,e);var t,n,r,a,p=(r=u,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=f(r);if(a){var n=f(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return m(this,e)});function u(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,u),v(C(t=p.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)})),v(C(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)})),v(C(t),"handleShow",(function(e){if(e.detail.id===t.props.id&&!t.state.isVisible){var n=e.detail.position,r=n.x,s=n.y;t.setState({isVisible:!0,x:r,y:s}),t.registerHandlers(),(0,h.callIfExists)(t.props.onShow,e)}})),v(C(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,h.callIfExists)(t.props.onHide,e))})),v(C(t),"handleOutsideClick",(function(e){t.menu.contains(e.target)||(0,d.hideMenu)()})),v(C(t),"handleMouseLeave",(function(e){e.preventDefault(),(0,h.callIfExists)(t.props.onMouseLeave,e,(0,o.default)({},t.props.data,h.store.data),h.store.target),t.props.hideOnLeave&&(0,d.hideMenu)()})),v(C(t),"handleContextMenu",(function(e){e.preventDefault(),t.handleHide(e)})),v(C(t),"hideMenu",(function(e){27!==e.keyCode&&13!==e.keyCode||(0,d.hideMenu)()})),v(C(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 s=window,a=s.innerWidth,i=s.innerHeight,o=t.menu.getBoundingClientRect();return n+o.height>i&&(r.top-=o.height),e+o.width>a&&(r.left-=o.width),r.top<0&&(r.top=o.height<i?(i-o.height)/2:0),r.left<0&&(r.left=o.width<a?(a-o.width)/2:0),r})),v(C(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 s=window,a=s.innerWidth,i=s.innerHeight,o=t.menu.getBoundingClientRect();return r.left=e-o.width,n+o.height>i&&(r.top-=o.height),r.left<0&&(r.left+=o.width),r.top<0&&(r.top=o.height<i?(i-o.height)/2:0),r.left+o.width>a&&(r.left=o.width<a?(a-o.width)/2:0),r})),v(C(t),"menuRef",(function(e){t.menu=e})),t.state=(0,o.default)({},t.state,{x:0,y:0,isVisible:!1}),t}return t=u,(n=[{key:"getSubMenuType",value:function(){return c.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,s=n.y,a=e.props.rtl?e.getRTLMenuPosition(r,s):e.getMenuPosition(r,s),i=a.top,o=a.left;t((function(){e.menu&&(e.menu.style.top="".concat(i,"px"),e.menu.style.left="".concat(o,"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,a=this.state.isVisible,l=(0,o.default)({},r,{position:"fixed",opacity:0,pointerEvents:"none"}),p=(0,i.default)(h.cssClasses.menu,n,v({},h.cssClasses.menuVisible,a));return s.default.createElement("nav",{role:"menu",tabIndex:"-1",ref:this.menuRef,style:l,className:p,onContextMenu:this.handleContextMenu,onMouseLeave:this.handleMouseLeave},this.renderChildren(t))}}])&&g(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),u}(p.default);t.default=A,v(A,"propTypes",{id:a.default.string.isRequired,children:a.default.node.isRequired,data:a.default.object,className:a.default.string,hideOnLeave:a.default.bool,rtl:a.default.bool,onHide:a.default.func,onMouseLeave:a.default.func,onShow:a.default.func,preventHideOnContextMenu:a.default.bool,preventHideOnResize:a.default.bool,preventHideOnScroll:a.default.bool,style:a.default.object}),v(A,"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:{}})},9235:(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 s=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 s={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(s,i,o):s[i]=e[i]}return s.default=e,n&&n.set(e,s),s}(n(1902)),a=c(n(1131)),i=c(n(3472)),o=c(n(8753)),l=n(8602),p=n(3839);function c(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 h(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}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 g(e,t){return g=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},g(e,t)}function b(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)}function m(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 f(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var v=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)}(d,e);var t,n,r,a,c=(r=d,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=C(r);if(a){var n=C(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return b(this,e)});function d(){var e;h(this,d);for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return f(m(e=c.call.apply(c,[this].concat(n))),"touchHandled",!1),f(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,p.callIfExists)(e.props.attributes.onMouseDown,t)})),f(m(e),"handleMouseUp",(function(t){0===t.button&&clearTimeout(e.mouseDownTimeoutId),(0,p.callIfExists)(e.props.attributes.onMouseUp,t)})),f(m(e),"handleMouseOut",(function(t){0===t.button&&clearTimeout(e.mouseDownTimeoutId),(0,p.callIfExists)(e.props.attributes.onMouseOut,t)})),f(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,p.callIfExists)(e.props.attributes.onTouchStart,t)})),f(m(e),"handleTouchEnd",(function(t){e.touchHandled&&t.preventDefault(),clearTimeout(e.touchstartTimeoutId),(0,p.callIfExists)(e.props.attributes.onTouchEnd,t)})),f(m(e),"handleContextMenu",(function(t){t.button===e.props.mouseButton&&e.handleContextClick(t),(0,p.callIfExists)(e.props.attributes.onContextMenu,t)})),f(m(e),"handleMouseClick",(function(t){t.button===e.props.mouseButton&&e.handleContextClick(t),(0,p.callIfExists)(e.props.attributes.onClick,t)})),f(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 s=(0,p.callIfExists)(e.props.collect,e.props),a={position:{x:n,y:r},target:e.elem,id:e.props.id};s&&"function"==typeof s.then?s.then((function(e){a.data=(0,o.default)({},e,{target:t.target}),(0,l.showMenu)(a)})):(a.data=(0,o.default)({},s,{target:t.target}),(0,l.showMenu)(a))}})),f(m(e),"elemRef",(function(t){e.elem=t})),e}return t=d,(n=[{key:"render",value:function(){var e=this.props,t=e.renderTag,n=e.attributes,r=e.children,a=(0,o.default)({},n,{className:(0,i.default)(p.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 s.default.createElement(t,a,r)}}])&&u(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),d}(s.Component);t.default=v,f(v,"propTypes",{id:a.default.string.isRequired,children:a.default.node.isRequired,attributes:a.default.object,collect:a.default.func,disable:a.default.bool,holdToDisplay:a.default.number,posX:a.default.number,posY:a.default.number,renderTag:a.default.elementType,mouseButton:a.default.number,disableIfShiftIsPressed:a.default.bool}),f(v,"defaultProps",{attributes:{},collect:function(){return null},disable:!1,holdToDisplay:1e3,renderTag:"div",posX:0,posY:0,mouseButton:2,disableIfShiftIsPressed:!1})},3653:(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 s=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 s={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(s,i,o):s[i]=e[i]}return s.default=e,n&&n.set(e,s),s}(n(1902)),a=c(n(1131)),i=c(n(3472)),o=c(n(8753)),l=n(8602),p=n(3839);function c(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 h(){return h=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},h.apply(this,arguments)}function u(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function g(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 b(e,t){return b=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},b(e,t)}function m(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 C(e)}function C(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}function v(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&&b(e,t)}(d,e);var t,n,r,a,c=(r=d,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=f(r);if(a){var n=f(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return m(this,e)});function d(){var e;u(this,d);for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return v(C(e=c.call.apply(c,[this].concat(n))),"handleClick",(function(t){0!==t.button&&1!==t.button&&t.preventDefault(),e.props.disabled||e.props.divider||((0,p.callIfExists)(e.props.onClick,t,(0,o.default)({},e.props.data,p.store.data),p.store.target),e.props.preventClose||(0,l.hideMenu)())})),e}return t=d,(n=[{key:"render",value:function(){var e,t=this,n=this.props,r=n.attributes,a=n.children,o=n.className,l=n.disabled,c=n.divider,d=n.selected,u=(0,i.default)(o,p.cssClasses.menuItem,r.className,(v(e={},(0,i.default)(p.cssClasses.menuItemDisabled,r.disabledClassName),l),v(e,(0,i.default)(p.cssClasses.menuItemDivider,r.dividerClassName),c),v(e,(0,i.default)(p.cssClasses.menuItemSelected,r.selectedClassName),d),e));return s.default.createElement("div",h({},r,{className:u,role:"menuitem",tabIndex:"-1","aria-disabled":l?"true":"false","aria-orientation":c?"horizontal":null,ref:function(e){t.ref=e},onMouseMove:this.props.onMouseMove,onMouseLeave:this.props.onMouseLeave,onTouchEnd:this.handleClick,onClick:this.handleClick}),c?null:a)}}])&&g(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),d}(s.Component);t.default=A,v(A,"propTypes",{attributes:a.default.object,children:a.default.node,className:a.default.string,data:a.default.object,disabled:a.default.bool,divider:a.default.bool,onClick:a.default.func,onMouseLeave:a.default.func,onMouseMove:a.default.func,preventClose:a.default.bool,selected:a.default.bool}),v(A,"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})},1958:(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 s=h(n(1902)),a=h(n(1131)),i=h(n(3472)),o=h(n(8753)),l=n(8602),p=h(n(9755)),c=n(3839),d=h(n(1203));function h(e){return e&&e.__esModule?e:{default:e}}function u(){return u=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},u.apply(this,arguments)}function g(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 b(e,t){return b=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},b(e,t)}function m(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 C(e)}function C(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}function v(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&&b(e,t)}(h,e);var t,n,r,a,p=(r=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=f(r);if(a){var n=f(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return m(this,e)});function h(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,h),v(C(t=p.call(this,e)),"getMenuPosition",(function(){var e=window,n=e.innerWidth,r=e.innerHeight,s=t.subMenu.getBoundingClientRect(),a={};return s.bottom>r?a.bottom=0:a.top=0,s.right<n?a.left="100%":a.right="100%",a})),v(C(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})),v(C(t),"hideMenu",(function(e){e.preventDefault(),t.hideSubMenu(e)})),v(C(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())})),v(C(t),"handleClick",(function(e){e.preventDefault(),t.props.disabled||((0,c.callIfExists)(t.props.onClick,e,(0,o.default)({},t.props.data,c.store.data),c.store.target),t.props.onClick&&!t.props.preventCloseOnClick&&(0,l.hideMenu)())})),v(C(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))})),v(C(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))})),v(C(t),"menuRef",(function(e){t.menu=e})),v(C(t),"subMenuRef",(function(e){t.subMenu=e})),v(C(t),"registerHandlers",(function(){document.removeEventListener("keydown",t.props.parentKeyNavigationHandler),document.addEventListener("keydown",t.handleKeyNavigation)})),v(C(t),"unregisterHandlers",(function(e){document.removeEventListener("keydown",t.handleKeyNavigation),e||document.addEventListener("keydown",t.props.parentKeyNavigationHandler)})),t.state=(0,o.default)({},t.state,{visible:!1}),t}return t=h,(n=[{key:"componentDidMount",value:function(){this.listenId=d.default.register((function(){}),this.hideSubMenu)}},{key:"getSubMenuType",value:function(){return h}},{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,c.hasOwnProp)(t,"top")&&(e.subMenu.style.top=t.top),(0,c.hasOwnProp)(t,"left")&&(e.subMenu.style.left=t.left),(0,c.hasOwnProp)(t,"bottom")&&(e.subMenu.style.bottom=t.bottom),(0,c.hasOwnProp)(t,"right")&&(e.subMenu.style.right=t.right),e.subMenu.classList.add(c.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(c.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,a=t.disabled,o=t.title,l=t.selected,p=this.state.visible,d={ref:this.menuRef,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,className:(0,i.default)(c.cssClasses.menuItem,c.cssClasses.subMenu,r.listClassName),style:{position:"relative"}},h={className:(0,i.default)(c.cssClasses.menuItem,r.className,(e={},v(e,(0,i.default)(c.cssClasses.menuItemDisabled,r.disabledClassName),a),v(e,(0,i.default)(c.cssClasses.menuItemActive,r.visibleClassName),p),v(e,(0,i.default)(c.cssClasses.menuItemSelected,r.selectedClassName),l),e)),onMouseMove:this.props.onMouseMove,onMouseOut:this.props.onMouseOut,onClick:this.handleClick},g={ref:this.subMenuRef,style:{position:"absolute",transition:"opacity 1ms",top:0,left:"100%"},className:(0,i.default)(c.cssClasses.menu,this.props.className)};return s.default.createElement("nav",u({},d,{role:"menuitem",tabIndex:"-1","aria-haspopup":"true"}),s.default.createElement("div",u({},r,h),o),s.default.createElement("nav",u({},g,{role:"menu",tabIndex:"-1"}),this.renderChildren(n)))}}])&&g(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),h}(p.default);t.default=A,v(A,"propTypes",{children:a.default.node.isRequired,attributes:a.default.object,title:a.default.node.isRequired,className:a.default.string,disabled:a.default.bool,hoverDelay:a.default.number,rtl:a.default.bool,selected:a.default.bool,onMouseMove:a.default.func,onMouseOut:a.default.func,forceOpen:a.default.bool,forceClose:a.default.func,parentKeyNavigationHandler:a.default.func}),v(A,"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}})},8602:(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(o,(0,s.default)({},e,{type:o}),t)},t.showMenu=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;l(i,(0,s.default)({},e,{type:i}),t)};var r,s=(r=n(8753))&&r.__esModule?r:{default:r},a=n(3839),i="REACT_CONTEXTMENU_SHOW";t.MENU_SHOW=i;var o="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,s.default)(a.store,t))}t.MENU_HIDE=o},6133:(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)}(C,n);var r,a,o,l,m=(r=C,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=g(r);if(a){var n=g(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return h(this,e)});function C(t){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,C),b(u(n=m.call(this,t)),"handleShow",(function(t){if(t.detail.id===e){var r=t.detail.data,s={};for(var a in r)f.includes(a)||(s[a]=r[a]);n.setState({trigger:s})}})),b(u(n),"handleHide",(function(){n.setState({trigger:null})})),n.state={trigger:null},n}return o=C,(l=[{key:"componentDidMount",value:function(){this.listenId=i.default.register(this.handleShow,this.handleHide)}},{key:"componentWillUnmount",value:function(){this.listenId&&i.default.unregister(this.listenId)}},{key:"render",value:function(){return s.default.createElement(t,p({},this.props,{id:e,trigger:this.state.trigger}))}}])&&c(o.prototype,l),Object.defineProperty(o,"prototype",{writable:!1}),C}(s.Component)}};var s=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 s={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(s,i,o):s[i]=e[i]}return s.default=e,n&&n.set(e,s),s}(n(1902)),a=o(n(9235)),i=o(n(1203));function o(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 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 c(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 h(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)}function u(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 b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(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 C,f=[].concat(function(e){if(Array.isArray(e))return m(e)}(C=Object.keys(a.default.propTypes))||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(C)||function(e,t){if(e){if("string"==typeof e)return m(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)?m(e,t):void 0}}(C)||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"])},1203:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=n(8602),s=n(3839);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 i(e,t,n){return t&&a(e.prototype,t),n&&a(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}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}var l=new(i((function e(){var t=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),o(this,"handleShowEvent",(function(e){for(var n in t.callbacks)(0,s.hasOwnProp)(t.callbacks,n)&&t.callbacks[n].show(e)})),o(this,"handleHideEvent",(function(e){for(var n in t.callbacks)(0,s.hasOwnProp)(t.callbacks,n)&&t.callbacks[n].hide(e)})),o(this,"register",(function(e,n){var r=(0,s.uniqueId)();return t.callbacks[r]={show:e,hide:n},r})),o(this,"unregister",(function(e){e&&t.callbacks[e]&&delete t.callbacks[e]})),this.callbacks={},s.canUseDOM&&(window.addEventListener(r.MENU_SHOW,this.handleShowEvent),window.addEventListener(r.MENU_HIDE,this.handleHideEvent))})));t.default=l},3839:(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},7207:(e,t,n)=>{"use strict";Object.defineProperty(t,"xV",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"W4",{enumerable:!0,get:function(){return s.default}}),Object.defineProperty(t,"sN",{enumerable:!0,get:function(){return a.default}});var r=i(n(3921)),s=i(n(9235)),a=i(n(3653));i(n(1958)),i(n(6133)),n(8602);function i(e){return e&&e.__esModule?e:{default:e}}},6590:(e,t,n)=>{"use strict";var r=n(1902),s=n(8753),a=n(7881);function i(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(i(227));var o=new Set,l={};function p(e,t){c(e,t),c(e+"Capture",t)}function c(e,t){for(l[e]=t,e=0;e<t.length;e++)o.add(t[e])}var d=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),h=/^[: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]*$/,u=Object.prototype.hasOwnProperty,g={},b={};function m(e,t,n,r,s,a,i){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=s,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=a,this.removeEmptyString=i}var C={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){C[e]=new m(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 m(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){C[e]=new m(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){C[e]=new m(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 m(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){C[e]=new m(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){C[e]=new m(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){C[e]=new m(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){C[e]=new m(e,5,!1,e.toLowerCase(),null,!1,!1)}));var f=/[\-:]([a-z])/g;function v(e){return e[1].toUpperCase()}function A(e,t,n,r){var s=C.hasOwnProperty(t)?C[t]:null;(null!==s?0===s.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,s,r)&&(n=null),r||null===s?function(e){return!!u.call(b,e)||!u.call(g,e)&&(h.test(e)?b[e]=!0:(g[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):s.mustUseProperty?e[s.propertyName]=null===n?3!==s.type&&"":n:(t=s.attributeName,r=s.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(s=s.type)||4===s&&!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(f,v);C[t]=new m(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(f,v);C[t]=new m(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(f,v);C[t]=new m(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){C[e]=new m(e,1,!1,e.toLowerCase(),null,!1,!1)})),C.xlinkHref=new m("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){C[e]=new m(e,1,!1,e.toLowerCase(),null,!0,!0)}));var x=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,y=60103,j=60106,w=60107,O=60108,S=60114,M=60109,N=60110,L=60112,k=60113,P=60120,D=60115,E=60116,B=60121,T=60128,_=60129,I=60130,z=60131;if("function"==typeof Symbol&&Symbol.for){var R=Symbol.for;y=R("react.element"),j=R("react.portal"),w=R("react.fragment"),O=R("react.strict_mode"),S=R("react.profiler"),M=R("react.provider"),N=R("react.context"),L=R("react.forward_ref"),k=R("react.suspense"),P=R("react.suspense_list"),D=R("react.memo"),E=R("react.lazy"),B=R("react.block"),R("react.scope"),T=R("react.opaque.id"),_=R("react.debug_trace_mode"),I=R("react.offscreen"),z=R("react.legacy_hidden")}var U,W="function"==typeof Symbol&&Symbol.iterator;function Y(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=W&&e[W]||e["@@iterator"])?e:null}function F(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 G=!1;function H(e,t){if(!e||G)return"";G=!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 s=e.stack.split("\n"),a=r.stack.split("\n"),i=s.length-1,o=a.length-1;1<=i&&0<=o&&s[i]!==a[o];)o--;for(;1<=i&&0<=o;i--,o--)if(s[i]!==a[o]){if(1!==i||1!==o)do{if(i--,0>--o||s[i]!==a[o])return"\n"+s[i].replace(" at new "," at ")}while(1<=i&&0<=o);break}}}finally{G=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?F(e):""}function V(e){switch(e.tag){case 5:return F(e.type);case 16:return F("Lazy");case 13:return F("Suspense");case 19:return F("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 Z(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 w:return"Fragment";case j:return"Portal";case S:return"Profiler";case O:return"StrictMode";case k:return"Suspense";case P:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case N:return(e.displayName||"Context")+".Consumer";case M:return(e._context.displayName||"Context")+".Provider";case L:var t=e.render;return t=t.displayName||t.name||"",e.displayName||(""!==t?"ForwardRef("+t+")":"ForwardRef");case D:return Z(e.type);case B:return Z(e._render);case E:t=e._payload,e=e._init;try{return Z(e(t))}catch(e){}}return null}function Q(e){switch(typeof e){case"boolean":case"number":case"object":case"string":case"undefined":return e;default:return""}}function X(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function K(e){e._valueTracker||(e._valueTracker=function(e){var t=X(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 s=n.get,a=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return s.call(this)},set:function(e){r=""+e,a.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=X(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}function J(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 s({},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=Q(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)&&A(e,"checked",t,!1)}function ne(e,t){te(e,t);var n=Q(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")?se(e,t.type,n):t.hasOwnProperty("defaultValue")&&se(e,t.type,Q(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 se(e,t,n){"number"===t&&J(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}function ae(e,t){return e=s({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 ie(e,t,n,r){if(e=e.options,t){t={};for(var s=0;s<n.length;s++)t["$"+n[s]]=!0;for(n=0;n<e.length;n++)s=t.hasOwnProperty("$"+e[n].value),e[n].selected!==s&&(e[n].selected=s),s&&r&&(e[n].defaultSelected=!0)}else{for(n=""+Q(n),t=null,s=0;s<e.length;s++){if(e[s].value===n)return e[s].selected=!0,void(r&&(e[s].defaultSelected=!0));null!==t||e[s].disabled||(t=e[s])}null!==t&&(t.selected=!0)}}function oe(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(i(91));return s({},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(i(92));if(Array.isArray(n)){if(!(1>=n.length))throw Error(i(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:Q(n)}}function pe(e,t){var n=Q(t.value),r=Q(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 ce(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}var de="http://www.w3.org/1999/xhtml";function he(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 ue(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?he(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var ge,be,me=(be=function(e,t){if("http://www.w3.org/2000/svg"!==e.namespaceURI||"innerHTML"in e)e.innerHTML=t;else{for((ge=ge||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=ge.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 be(e,t)}))}:be);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 fe={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},ve=["Webkit","ms","Moz","O"];function Ae(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||fe.hasOwnProperty(e)&&fe[e]?(""+t).trim():t+"px"}function xe(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),s=Ae(n,t[n],r);"float"===n&&(n="cssFloat"),r?e.setProperty(n,s):e[n]=s}}Object.keys(fe).forEach((function(e){ve.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),fe[t]=fe[e]}))}));var ye=s({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 je(e,t){if(t){if(ye[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(i(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(i(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(i(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(i(62))}}function we(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 Oe(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var Se=null,Me=null,Ne=null;function Le(e){if(e=ns(e)){if("function"!=typeof Se)throw Error(i(280));var t=e.stateNode;t&&(t=ss(t),Se(e.stateNode,e.type,t))}}function ke(e){Me?Ne?Ne.push(e):Ne=[e]:Me=e}function Pe(){if(Me){var e=Me,t=Ne;if(Ne=Me=null,Le(e),t)for(e=0;e<t.length;e++)Le(t[e])}}function De(e,t){return e(t)}function Ee(e,t,n,r,s){return e(t,n,r,s)}function Be(){}var Te=De,_e=!1,Ie=!1;function ze(){null===Me&&null===Ne||(Be(),Pe())}function Re(e,t){var n=e.stateNode;if(null===n)return null;var r=ss(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(i(231,t,typeof n));return n}var Ue=!1;if(d)try{var We={};Object.defineProperty(We,"passive",{get:function(){Ue=!0}}),window.addEventListener("test",We,We),window.removeEventListener("test",We,We)}catch(be){Ue=!1}function Ye(e,t,n,r,s,a,i,o,l){var p=Array.prototype.slice.call(arguments,3);try{t.apply(n,p)}catch(e){this.onError(e)}}var Fe=!1,Ge=null,He=!1,Ve=null,Ze={onError:function(e){Fe=!0,Ge=e}};function Qe(e,t,n,r,s,a,i,o,l){Fe=!1,Ge=null,Ye.apply(Ze,arguments)}function Xe(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{0!=(1026&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function Ke(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(Xe(e)!==e)throw Error(i(188))}function Je(e){if(e=function(e){var t=e.alternate;if(!t){if(null===(t=Xe(e)))throw Error(i(188));return t!==e?null:e}for(var n=e,r=t;;){var s=n.return;if(null===s)break;var a=s.alternate;if(null===a){if(null!==(r=s.return)){n=r;continue}break}if(s.child===a.child){for(a=s.child;a;){if(a===n)return qe(s),e;if(a===r)return qe(s),t;a=a.sibling}throw Error(i(188))}if(n.return!==r.return)n=s,r=a;else{for(var o=!1,l=s.child;l;){if(l===n){o=!0,n=s,r=a;break}if(l===r){o=!0,r=s,n=a;break}l=l.sibling}if(!o){for(l=a.child;l;){if(l===n){o=!0,n=a,r=s;break}if(l===r){o=!0,r=a,n=s;break}l=l.sibling}if(!o)throw Error(i(189))}}if(n.alternate!==r)throw Error(i(190))}if(3!==n.tag)throw Error(i(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,st=!1,at=[],it=null,ot=null,lt=null,pt=new Map,ct=new Map,dt=[],ht="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 ut(e,t,n,r,s){return{blockedOn:e,domEventName:t,eventSystemFlags:16|n,nativeEvent:s,targetContainers:[r]}}function gt(e,t){switch(e){case"focusin":case"focusout":it=null;break;case"dragenter":case"dragleave":ot=null;break;case"mouseover":case"mouseout":lt=null;break;case"pointerover":case"pointerout":pt.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":ct.delete(t.pointerId)}}function bt(e,t,n,r,s,a){return null===e||e.nativeEvent!==a?(e=ut(t,n,r,s,a),null!==t&&null!==(t=ns(t))&&tt(t),e):(e.eventSystemFlags|=r,t=e.targetContainers,null!==s&&-1===t.indexOf(s)&&t.push(s),e)}function mt(e){var t=ts(e.target);if(null!==t){var n=Xe(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=Ke(n)))return e.blockedOn=t,void rt(e.lanePriority,(function(){a.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=Jt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=ns(n))&&tt(t),e.blockedOn=n,!1;t.shift()}return!0}function ft(e,t,n){Ct(e)&&n.delete(t)}function vt(){for(st=!1;0<at.length;){var e=at[0];if(null!==e.blockedOn){null!==(e=ns(e.blockedOn))&&et(e);break}for(var t=e.targetContainers;0<t.length;){var n=Jt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n){e.blockedOn=n;break}t.shift()}null===e.blockedOn&&at.shift()}null!==it&&Ct(it)&&(it=null),null!==ot&&Ct(ot)&&(ot=null),null!==lt&&Ct(lt)&&(lt=null),pt.forEach(ft),ct.forEach(ft)}function At(e,t){e.blockedOn===t&&(e.blockedOn=null,st||(st=!0,a.unstable_scheduleCallback(a.unstable_NormalPriority,vt)))}function xt(e){function t(t){return At(t,e)}if(0<at.length){At(at[0],e);for(var n=1;n<at.length;n++){var r=at[n];r.blockedOn===e&&(r.blockedOn=null)}}for(null!==it&&At(it,e),null!==ot&&At(ot,e),null!==lt&&At(lt,e),pt.forEach(t),ct.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;)mt(n),null===n.blockedOn&&dt.shift()}function yt(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var jt={animationend:yt("Animation","AnimationEnd"),animationiteration:yt("Animation","AnimationIteration"),animationstart:yt("Animation","AnimationStart"),transitionend:yt("Transition","TransitionEnd")},wt={},Ot={};function St(e){if(wt[e])return wt[e];if(!jt[e])return e;var t,n=jt[e];for(t in n)if(n.hasOwnProperty(t)&&t in Ot)return wt[e]=n[t];return e}d&&(Ot=document.createElement("div").style,"AnimationEvent"in window||(delete jt.animationend.animation,delete jt.animationiteration.animation,delete jt.animationstart.animation),"TransitionEvent"in window||delete jt.transitionend.transition);var Mt=St("animationend"),Nt=St("animationiteration"),Lt=St("animationstart"),kt=St("transitionend"),Pt=new Map,Dt=new Map,Et=["abort","abort",Mt,"animationEnd",Nt,"animationIteration",Lt,"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",kt,"transitionEnd","waiting","waiting"];function Bt(e,t){for(var n=0;n<e.length;n+=2){var r=e[n],s=e[n+1];s="on"+(s[0].toUpperCase()+s.slice(1)),Dt.set(r,t),Pt.set(r,s),p(s,[r])}}(0,a.unstable_now)();var Tt=8;function _t(e){if(0!=(1&e))return Tt=15,1;if(0!=(2&e))return Tt=14,2;if(0!=(4&e))return Tt=13,4;var t=24&e;return 0!==t?(Tt=12,t):0!=(32&e)?(Tt=11,32):0!=(t=192&e)?(Tt=10,t):0!=(256&e)?(Tt=9,256):0!=(t=3584&e)?(Tt=8,t):0!=(4096&e)?(Tt=7,4096):0!=(t=4186112&e)?(Tt=6,t):0!=(t=62914560&e)?(Tt=5,t):67108864&e?(Tt=4,67108864):0!=(134217728&e)?(Tt=3,134217728):0!=(t=805306368&e)?(Tt=2,t):0!=(1073741824&e)?(Tt=1,1073741824):(Tt=8,e)}function It(e,t){var n=e.pendingLanes;if(0===n)return Tt=0;var r=0,s=0,a=e.expiredLanes,i=e.suspendedLanes,o=e.pingedLanes;if(0!==a)r=a,s=Tt=15;else if(0!=(a=134217727&n)){var l=a&~i;0!==l?(r=_t(l),s=Tt):0!=(o&=a)&&(r=_t(o),s=Tt)}else 0!=(a=n&~i)?(r=_t(a),s=Tt):0!==o&&(r=_t(o),s=Tt);if(0===r)return 0;if(r=n&((0>(r=31-Ft(r))?0:1<<r)<<1)-1,0!==t&&t!==r&&0==(t&i)){if(_t(t),s<=Tt)return t;Tt=s}if(0!==(t=e.entangledLanes))for(e=e.entanglements,t&=r;0<t;)s=1<<(n=31-Ft(t)),r|=e[n],t&=~s;return r}function zt(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(i(358,e))}function Ut(e){return e&-e}function Wt(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function Yt(e,t,n){e.pendingLanes|=t;var r=t-1;e.suspendedLanes&=r,e.pingedLanes&=r,(e=e.eventTimes)[t=31-Ft(t)]=n}var Ft=Math.clz32?Math.clz32:function(e){return 0===e?32:31-(Gt(e)/Ht|0)|0},Gt=Math.log,Ht=Math.LN2,Vt=a.unstable_UserBlockingPriority,Zt=a.unstable_runWithPriority,Qt=!0;function Xt(e,t,n,r){_e||Be();var s=qt,a=_e;_e=!0;try{Ee(s,e,t,n,r)}finally{(_e=a)||ze()}}function Kt(e,t,n,r){Zt(Vt,qt.bind(null,e,t,n,r))}function qt(e,t,n,r){var s;if(Qt)if((s=0==(4&t))&&0<at.length&&-1<ht.indexOf(e))e=ut(null,e,t,n,r),at.push(e);else{var a=Jt(e,t,n,r);if(null===a)s&&gt(e,r);else{if(s){if(-1<ht.indexOf(e))return e=ut(a,e,t,n,r),void at.push(e);if(function(e,t,n,r,s){switch(t){case"focusin":return it=bt(it,e,t,n,r,s),!0;case"dragenter":return ot=bt(ot,e,t,n,r,s),!0;case"mouseover":return lt=bt(lt,e,t,n,r,s),!0;case"pointerover":var a=s.pointerId;return pt.set(a,bt(pt.get(a)||null,e,t,n,r,s)),!0;case"gotpointercapture":return a=s.pointerId,ct.set(a,bt(ct.get(a)||null,e,t,n,r,s)),!0}return!1}(a,e,t,n,r))return;gt(e,r)}Br(e,t,r,null,n)}}}function Jt(e,t,n,r){var s=Oe(r);if(null!==(s=ts(s))){var a=Xe(s);if(null===a)s=null;else{var i=a.tag;if(13===i){if(null!==(s=Ke(a)))return s;s=null}else if(3===i){if(a.stateNode.hydrate)return 3===a.tag?a.stateNode.containerInfo:null;s=null}else a!==s&&(s=null)}}return Br(e,t,r,s,n),null}var $t=null,en=null,tn=null;function nn(){if(tn)return tn;var e,t,n=en,r=n.length,s="value"in $t?$t.value:$t.textContent,a=s.length;for(e=0;e<r&&n[e]===s[e];e++);var i=r-e;for(t=1;t<=i&&n[r-t]===s[a-t];t++);return tn=s.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 sn(){return!0}function an(){return!1}function on(e){function t(t,n,r,s,a){for(var i in this._reactName=t,this._targetInst=r,this.type=n,this.nativeEvent=s,this.target=a,this.currentTarget=null,e)e.hasOwnProperty(i)&&(t=e[i],this[i]=t?t(s):s[i]);return this.isDefaultPrevented=(null!=s.defaultPrevented?s.defaultPrevented:!1===s.returnValue)?sn:an,this.isPropagationStopped=an,this}return s(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=sn)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=sn)},persist:function(){},isPersistent:sn}),t}var ln,pn,cn,dn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},hn=on(dn),un=s({},dn,{view:0,detail:0}),gn=on(un),bn=s({},un,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Mn,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!==cn&&(cn&&"mousemove"===e.type?(ln=e.screenX-cn.screenX,pn=e.screenY-cn.screenY):pn=ln=0,cn=e),ln)},movementY:function(e){return"movementY"in e?e.movementY:pn}}),mn=on(bn),Cn=on(s({},bn,{dataTransfer:0})),fn=on(s({},un,{relatedTarget:0})),vn=on(s({},dn,{animationName:0,elapsedTime:0,pseudoElement:0})),An=s({},dn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),xn=on(An),yn=on(s({},dn,{data:0})),jn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},wn={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"},On={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Sn(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=On[e])&&!!t[e]}function Mn(){return Sn}var Nn=s({},un,{key:function(e){if(e.key){var t=jn[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?wn[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:Mn,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}}),Ln=on(Nn),kn=on(s({},bn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),Pn=on(s({},un,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:Mn})),Dn=on(s({},dn,{propertyName:0,elapsedTime:0,pseudoElement:0})),En=s({},bn,{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}),Bn=on(En),Tn=[9,13,27,32],_n=d&&"CompositionEvent"in window,In=null;d&&"documentMode"in document&&(In=document.documentMode);var zn=d&&"TextEvent"in window&&!In,Rn=d&&(!_n||In&&8<In&&11>=In),Un=String.fromCharCode(32),Wn=!1;function Yn(e,t){switch(e){case"keyup":return-1!==Tn.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Fn(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var Gn=!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 Vn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!Hn[e.type]:"textarea"===t}function Zn(e,t,n,r){ke(r),0<(t=_r(t,"onChange")).length&&(n=new hn("onChange","change",null,n,r),e.push({event:n,listeners:t}))}var Qn=null,Xn=null;function Kn(e){Nr(e,0)}function qn(e){if(q(rs(e)))return e}function Jn(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(){Qn&&(Qn.detachEvent("onpropertychange",sr),Xn=Qn=null)}function sr(e){if("value"===e.propertyName&&qn(Xn)){var t=[];if(Zn(t,Xn,e,Oe(e)),e=Kn,_e)e(t);else{_e=!0;try{De(e,t)}finally{_e=!1,ze()}}}}function ar(e,t,n){"focusin"===e?(rr(),Xn=n,(Qn=t).attachEvent("onpropertychange",sr)):"focusout"===e&&rr()}function ir(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return qn(Xn)}function or(e,t){if("click"===e)return qn(t)}function lr(e,t){if("input"===e||"change"===e)return qn(t)}var pr="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},cr=Object.prototype.hasOwnProperty;function dr(e,t){if(pr(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(!cr.call(t,n[r])||!pr(e[n[r]],t[n[r]]))return!1;return!0}function hr(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function ur(e,t){var n,r=hr(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=hr(r)}}function gr(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?gr(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function br(){for(var e=window,t=J();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(e){n=!1}if(!n)break;t=J((e=t.contentWindow).document)}return t}function mr(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,fr=null,vr=null,Ar=null,xr=!1;function yr(e,t,n){var r=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;xr||null==fr||fr!==J(r)||(r="selectionStart"in(r=fr)&&mr(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},Ar&&dr(Ar,r)||(Ar=r,0<(r=_r(vr,"onSelect")).length&&(t=new hn("onSelect","select",null,t,n),e.push({event:t,listeners:r}),t.target=fr)))}Bt("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),Bt("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),Bt(Et,2);for(var jr="change selectionchange textInput compositionstart compositionend compositionupdate".split(" "),wr=0;wr<jr.length;wr++)Dt.set(jr[wr],0);c("onMouseEnter",["mouseout","mouseover"]),c("onMouseLeave",["mouseout","mouseover"]),c("onPointerEnter",["pointerout","pointerover"]),c("onPointerLeave",["pointerout","pointerover"]),p("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),p("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),p("onBeforeInput",["compositionend","keypress","textInput","paste"]),p("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),p("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),p("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Or="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Sr=new Set("cancel close invalid load scroll toggle".split(" ").concat(Or));function Mr(e,t,n){var r=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,r,s,a,o,l,p){if(Qe.apply(this,arguments),Fe){if(!Fe)throw Error(i(198));var c=Ge;Fe=!1,Ge=null,He||(He=!0,Ve=c)}}(r,t,void 0,e),e.currentTarget=null}function Nr(e,t){t=0!=(4&t);for(var n=0;n<e.length;n++){var r=e[n],s=r.event;r=r.listeners;e:{var a=void 0;if(t)for(var i=r.length-1;0<=i;i--){var o=r[i],l=o.instance,p=o.currentTarget;if(o=o.listener,l!==a&&s.isPropagationStopped())break e;Mr(s,o,p),a=l}else for(i=0;i<r.length;i++){if(l=(o=r[i]).instance,p=o.currentTarget,o=o.listener,l!==a&&s.isPropagationStopped())break e;Mr(s,o,p),a=l}}}if(He)throw e=Ve,He=!1,Ve=null,e}function Lr(e,t){var n=as(t),r=e+"__bubble";n.has(r)||(Er(t,e,2,!1),n.add(r))}var kr="_reactListening"+Math.random().toString(36).slice(2);function Pr(e){e[kr]||(e[kr]=!0,o.forEach((function(t){Sr.has(t)||Dr(t,!1,e,null),Dr(t,!0,e,null)})))}function Dr(e,t,n,r){var s=4<arguments.length&&void 0!==arguments[4]?arguments[4]:0,a=n;if("selectionchange"===e&&9!==n.nodeType&&(a=n.ownerDocument),null!==r&&!t&&Sr.has(e)){if("scroll"!==e)return;s|=2,a=r}var i=as(a),o=e+"__"+(t?"capture":"bubble");i.has(o)||(t&&(s|=4),Er(a,e,s,t),i.add(o))}function Er(e,t,n,r){var s=Dt.get(t);switch(void 0===s?2:s){case 0:s=Xt;break;case 1:s=Kt;break;default:s=qt}n=s.bind(null,t,n,e),s=void 0,!Ue||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(s=!0),r?void 0!==s?e.addEventListener(t,n,{capture:!0,passive:s}):e.addEventListener(t,n,!0):void 0!==s?e.addEventListener(t,n,{passive:s}):e.addEventListener(t,n,!1)}function Br(e,t,n,r,s){var a=r;if(0==(1&t)&&0==(2&t)&&null!==r)e:for(;;){if(null===r)return;var i=r.tag;if(3===i||4===i){var o=r.stateNode.containerInfo;if(o===s||8===o.nodeType&&o.parentNode===s)break;if(4===i)for(i=r.return;null!==i;){var l=i.tag;if((3===l||4===l)&&((l=i.stateNode.containerInfo)===s||8===l.nodeType&&l.parentNode===s))return;i=i.return}for(;null!==o;){if(null===(i=ts(o)))return;if(5===(l=i.tag)||6===l){r=a=i;continue e}o=o.parentNode}}r=r.return}!function(e,t,n){if(Ie)return e();Ie=!0;try{Te(e,t,n)}finally{Ie=!1,ze()}}((function(){var r=a,s=Oe(n),i=[];e:{var o=Pt.get(e);if(void 0!==o){var l=hn,p=e;switch(e){case"keypress":if(0===rn(n))break e;case"keydown":case"keyup":l=Ln;break;case"focusin":p="focus",l=fn;break;case"focusout":p="blur",l=fn;break;case"beforeblur":case"afterblur":l=fn;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=mn;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=Pn;break;case Mt:case Nt:case Lt:l=vn;break;case kt:l=Dn;break;case"scroll":l=gn;break;case"wheel":l=Bn;break;case"copy":case"cut":case"paste":l=xn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":l=kn}var c=0!=(4&t),d=!c&&"scroll"===e,h=c?null!==o?o+"Capture":null:o;c=[];for(var u,g=r;null!==g;){var b=(u=g).stateNode;if(5===u.tag&&null!==b&&(u=b,null!==h&&null!=(b=Re(g,h))&&c.push(Tr(g,b,u))),d)break;g=g.return}0<c.length&&(o=new l(o,p,null,n,s),i.push({event:o,listeners:c}))}}if(0==(7&t)){if(l="mouseout"===e||"pointerout"===e,(!(o="mouseover"===e||"pointerover"===e)||0!=(16&t)||!(p=n.relatedTarget||n.fromElement)||!ts(p)&&!p[$r])&&(l||o)&&(o=s.window===s?s:(o=s.ownerDocument)?o.defaultView||o.parentWindow:window,l?(l=r,null!==(p=(p=n.relatedTarget||n.toElement)?ts(p):null)&&(p!==(d=Xe(p))||5!==p.tag&&6!==p.tag)&&(p=null)):(l=null,p=r),l!==p)){if(c=mn,b="onMouseLeave",h="onMouseEnter",g="mouse","pointerout"!==e&&"pointerover"!==e||(c=kn,b="onPointerLeave",h="onPointerEnter",g="pointer"),d=null==l?o:rs(l),u=null==p?o:rs(p),(o=new c(b,g+"leave",l,n,s)).target=d,o.relatedTarget=u,b=null,ts(s)===r&&((c=new c(h,g+"enter",p,n,s)).target=u,c.relatedTarget=d,b=c),d=b,l&&p)e:{for(h=p,g=0,u=c=l;u;u=Ir(u))g++;for(u=0,b=h;b;b=Ir(b))u++;for(;0<g-u;)c=Ir(c),g--;for(;0<u-g;)h=Ir(h),u--;for(;g--;){if(c===h||null!==h&&c===h.alternate)break e;c=Ir(c),h=Ir(h)}c=null}else c=null;null!==l&&zr(i,o,l,c,!1),null!==p&&null!==d&&zr(i,d,p,c,!0)}if("select"===(l=(o=r?rs(r):window).nodeName&&o.nodeName.toLowerCase())||"input"===l&&"file"===o.type)var m=Jn;else if(Vn(o))if($n)m=lr;else{m=ir;var C=ar}else(l=o.nodeName)&&"input"===l.toLowerCase()&&("checkbox"===o.type||"radio"===o.type)&&(m=or);switch(m&&(m=m(e,r))?Zn(i,m,n,s):(C&&C(e,o,r),"focusout"===e&&(C=o._wrapperState)&&C.controlled&&"number"===o.type&&se(o,"number",o.value)),C=r?rs(r):window,e){case"focusin":(Vn(C)||"true"===C.contentEditable)&&(fr=C,vr=r,Ar=null);break;case"focusout":Ar=vr=fr=null;break;case"mousedown":xr=!0;break;case"contextmenu":case"mouseup":case"dragend":xr=!1,yr(i,n,s);break;case"selectionchange":if(Cr)break;case"keydown":case"keyup":yr(i,n,s)}var f;if(_n)e:{switch(e){case"compositionstart":var v="onCompositionStart";break e;case"compositionend":v="onCompositionEnd";break e;case"compositionupdate":v="onCompositionUpdate";break e}v=void 0}else Gn?Yn(e,n)&&(v="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(v="onCompositionStart");v&&(Rn&&"ko"!==n.locale&&(Gn||"onCompositionStart"!==v?"onCompositionEnd"===v&&Gn&&(f=nn()):(en="value"in($t=s)?$t.value:$t.textContent,Gn=!0)),0<(C=_r(r,v)).length&&(v=new yn(v,e,null,n,s),i.push({event:v,listeners:C}),(f||null!==(f=Fn(n)))&&(v.data=f))),(f=zn?function(e,t){switch(e){case"compositionend":return Fn(t);case"keypress":return 32!==t.which?null:(Wn=!0,Un);case"textInput":return(e=t.data)===Un&&Wn?null:e;default:return null}}(e,n):function(e,t){if(Gn)return"compositionend"===e||!_n&&Yn(e,t)?(e=nn(),tn=en=$t=null,Gn=!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=_r(r,"onBeforeInput")).length&&(s=new yn("onBeforeInput","beforeinput",null,n,s),i.push({event:s,listeners:r}),s.data=f)}Nr(i,t)}))}function Tr(e,t,n){return{instance:e,listener:t,currentTarget:n}}function _r(e,t){for(var n=t+"Capture",r=[];null!==e;){var s=e,a=s.stateNode;5===s.tag&&null!==a&&(s=a,null!=(a=Re(e,n))&&r.unshift(Tr(e,a,s)),null!=(a=Re(e,t))&&r.push(Tr(e,a,s))),e=e.return}return r}function Ir(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function zr(e,t,n,r,s){for(var a=t._reactName,i=[];null!==n&&n!==r;){var o=n,l=o.alternate,p=o.stateNode;if(null!==l&&l===r)break;5===o.tag&&null!==p&&(o=p,s?null!=(l=Re(n,a))&&i.unshift(Tr(n,l,o)):s||null!=(l=Re(n,a))&&i.push(Tr(n,l,o))),n=n.return}0!==i.length&&e.push({event:t,listeners:i})}function Rr(){}var Ur=null,Wr=null;function Yr(e,t){switch(e){case"button":case"input":case"select":case"textarea":return!!t.autoFocus}return!1}function Fr(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 Gr="function"==typeof setTimeout?setTimeout:void 0,Hr="function"==typeof clearTimeout?clearTimeout:void 0;function Vr(e){(1===e.nodeType||9===e.nodeType&&null!=(e=e.body))&&(e.textContent="")}function Zr(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break}return e}function Qr(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 Xr=0,Kr=Math.random().toString(36).slice(2),qr="__reactFiber$"+Kr,Jr="__reactProps$"+Kr,$r="__reactContainer$"+Kr,es="__reactEvents$"+Kr;function ts(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=Qr(e);null!==e;){if(n=e[qr])return n;e=Qr(e)}return t}n=(e=n).parentNode}return null}function ns(e){return!(e=e[qr]||e[$r])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function rs(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(i(33))}function ss(e){return e[Jr]||null}function as(e){var t=e[es];return void 0===t&&(t=e[es]=new Set),t}var is=[],os=-1;function ls(e){return{current:e}}function ps(e){0>os||(e.current=is[os],is[os]=null,os--)}function cs(e,t){os++,is[os]=e.current,e.current=t}var ds={},hs=ls(ds),us=ls(!1),gs=ds;function bs(e,t){var n=e.type.contextTypes;if(!n)return ds;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var s,a={};for(s in n)a[s]=t[s];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=a),a}function ms(e){return null!=e.childContextTypes}function Cs(){ps(us),ps(hs)}function fs(e,t,n){if(hs.current!==ds)throw Error(i(168));cs(hs,t),cs(us,n)}function vs(e,t,n){var r=e.stateNode;if(e=t.childContextTypes,"function"!=typeof r.getChildContext)return n;for(var a in r=r.getChildContext())if(!(a in e))throw Error(i(108,Z(t)||"Unknown",a));return s({},n,r)}function As(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||ds,gs=hs.current,cs(hs,e),cs(us,us.current),!0}function xs(e,t,n){var r=e.stateNode;if(!r)throw Error(i(169));n?(e=vs(e,t,gs),r.__reactInternalMemoizedMergedChildContext=e,ps(us),ps(hs),cs(hs,e)):ps(us),cs(us,n)}var ys=null,js=null,ws=a.unstable_runWithPriority,Os=a.unstable_scheduleCallback,Ss=a.unstable_cancelCallback,Ms=a.unstable_shouldYield,Ns=a.unstable_requestPaint,Ls=a.unstable_now,ks=a.unstable_getCurrentPriorityLevel,Ps=a.unstable_ImmediatePriority,Ds=a.unstable_UserBlockingPriority,Es=a.unstable_NormalPriority,Bs=a.unstable_LowPriority,Ts=a.unstable_IdlePriority,_s={},Is=void 0!==Ns?Ns:function(){},zs=null,Rs=null,Us=!1,Ws=Ls(),Ys=1e4>Ws?Ls:function(){return Ls()-Ws};function Fs(){switch(ks()){case Ps:return 99;case Ds:return 98;case Es:return 97;case Bs:return 96;case Ts:return 95;default:throw Error(i(332))}}function Gs(e){switch(e){case 99:return Ps;case 98:return Ds;case 97:return Es;case 96:return Bs;case 95:return Ts;default:throw Error(i(332))}}function Hs(e,t){return e=Gs(e),ws(e,t)}function Vs(e,t,n){return e=Gs(e),Os(e,t,n)}function Zs(){if(null!==Rs){var e=Rs;Rs=null,Ss(e)}Qs()}function Qs(){if(!Us&&null!==zs){Us=!0;var e=0;try{var t=zs;Hs(99,(function(){for(;e<t.length;e++){var n=t[e];do{n=n(!0)}while(null!==n)}})),zs=null}catch(t){throw null!==zs&&(zs=zs.slice(e+1)),Os(Ps,Zs),t}finally{Us=!1}}}var Xs=x.ReactCurrentBatchConfig;function Ks(e,t){if(e&&e.defaultProps){for(var n in t=s({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}var qs=ls(null),Js=null,$s=null,ea=null;function ta(){ea=$s=Js=null}function na(e){var t=qs.current;ps(qs),e.type._context._currentValue=t}function ra(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 sa(e,t){Js=e,ea=$s=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(0!=(e.lanes&t)&&(Ti=!0),e.firstContext=null)}function aa(e,t){if(ea!==e&&!1!==t&&0!==t)if("number"==typeof t&&1073741823!==t||(ea=e,t=1073741823),t={context:e,observedBits:t,next:null},null===$s){if(null===Js)throw Error(i(308));$s=t,Js.dependencies={lanes:0,firstContext:t,responders:null}}else $s=$s.next=t;return e._currentValue}var ia=!1;function oa(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null},effects:null}}function la(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 pa(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function ca(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 da(e,t){var n=e.updateQueue,r=e.alternate;if(null!==r&&n===(r=r.updateQueue)){var s=null,a=null;if(null!==(n=n.firstBaseUpdate)){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===a?s=a=i:a=a.next=i,n=n.next}while(null!==n);null===a?s=a=t:a=a.next=t}else s=a=t;return n={baseState:r.baseState,firstBaseUpdate:s,lastBaseUpdate:a,shared:r.shared,effects:r.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function ha(e,t,n,r){var a=e.updateQueue;ia=!1;var i=a.firstBaseUpdate,o=a.lastBaseUpdate,l=a.shared.pending;if(null!==l){a.shared.pending=null;var p=l,c=p.next;p.next=null,null===o?i=c:o.next=c,o=p;var d=e.alternate;if(null!==d){var h=(d=d.updateQueue).lastBaseUpdate;h!==o&&(null===h?d.firstBaseUpdate=c:h.next=c,d.lastBaseUpdate=p)}}if(null!==i){for(h=a.baseState,o=0,d=c=p=null;;){l=i.lane;var u=i.eventTime;if((r&l)===l){null!==d&&(d=d.next={eventTime:u,lane:0,tag:i.tag,payload:i.payload,callback:i.callback,next:null});e:{var g=e,b=i;switch(l=t,u=n,b.tag){case 1:if("function"==typeof(g=b.payload)){h=g.call(u,h,l);break e}h=g;break e;case 3:g.flags=-4097&g.flags|64;case 0:if(null==(l="function"==typeof(g=b.payload)?g.call(u,h,l):g))break e;h=s({},h,l);break e;case 2:ia=!0}}null!==i.callback&&(e.flags|=32,null===(l=a.effects)?a.effects=[i]:l.push(i))}else u={eventTime:u,lane:l,tag:i.tag,payload:i.payload,callback:i.callback,next:null},null===d?(c=d=u,p=h):d=d.next=u,o|=l;if(null===(i=i.next)){if(null===(l=a.shared.pending))break;i=l.next,l.next=null,a.lastBaseUpdate=l,a.shared.pending=null}}null===d&&(p=h),a.baseState=p,a.firstBaseUpdate=c,a.lastBaseUpdate=d,zo|=o,e.lanes=o,e.memoizedState=h}}function ua(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var r=e[t],s=r.callback;if(null!==s){if(r.callback=null,r=n,"function"!=typeof s)throw Error(i(191,s));s.call(r)}}}var ga=(new r.Component).refs;function ba(e,t,n,r){n=null==(n=n(r,t=e.memoizedState))?t:s({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var ma={isMounted:function(e){return!!(e=e._reactInternals)&&Xe(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var r=pl(),s=cl(e),a=pa(r,s);a.payload=t,null!=n&&(a.callback=n),ca(e,a),dl(e,s,r)},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=pl(),s=cl(e),a=pa(r,s);a.tag=1,a.payload=t,null!=n&&(a.callback=n),ca(e,a),dl(e,s,r)},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=pl(),r=cl(e),s=pa(n,r);s.tag=2,null!=t&&(s.callback=t),ca(e,s),dl(e,r,n)}};function Ca(e,t,n,r,s,a,i){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(r,a,i):!(t.prototype&&t.prototype.isPureReactComponent&&dr(n,r)&&dr(s,a))}function fa(e,t,n){var r=!1,s=ds,a=t.contextType;return"object"==typeof a&&null!==a?a=aa(a):(s=ms(t)?gs:hs.current,a=(r=null!=(r=t.contextTypes))?bs(e,s):ds),t=new t(n,a),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=ma,e.stateNode=t,t._reactInternals=e,r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=s,e.__reactInternalMemoizedMaskedChildContext=a),t}function va(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&&ma.enqueueReplaceState(t,t.state,null)}function Aa(e,t,n,r){var s=e.stateNode;s.props=n,s.state=e.memoizedState,s.refs=ga,oa(e);var a=t.contextType;"object"==typeof a&&null!==a?s.context=aa(a):(a=ms(t)?gs:hs.current,s.context=bs(e,a)),ha(e,n,s,r),s.state=e.memoizedState,"function"==typeof(a=t.getDerivedStateFromProps)&&(ba(e,t,a,n),s.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof s.getSnapshotBeforeUpdate||"function"!=typeof s.UNSAFE_componentWillMount&&"function"!=typeof s.componentWillMount||(t=s.state,"function"==typeof s.componentWillMount&&s.componentWillMount(),"function"==typeof s.UNSAFE_componentWillMount&&s.UNSAFE_componentWillMount(),t!==s.state&&ma.enqueueReplaceState(s,s.state,null),ha(e,n,s,r),s.state=e.memoizedState),"function"==typeof s.componentDidMount&&(e.flags|=4)}var xa=Array.isArray;function ya(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(i(309));var r=n.stateNode}if(!r)throw Error(i(147,e));var s=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===s?t.ref:(t=function(e){var t=r.refs;t===ga&&(t=r.refs={}),null===e?delete t[s]:t[s]=e},t._stringRef=s,t)}if("string"!=typeof e)throw Error(i(284));if(!n._owner)throw Error(i(290,e))}return e}function ja(e,t){if("textarea"!==e.type)throw Error(i(31,"[object Object]"===Object.prototype.toString.call(t)?"object with keys {"+Object.keys(t).join(", ")+"}":t))}function wa(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 s(e,t){return(e=Yl(e,t)).index=0,e.sibling=null,e}function a(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 o(t){return e&&null===t.alternate&&(t.flags=2),t}function l(e,t,n,r){return null===t||6!==t.tag?((t=Vl(n,e.mode,r)).return=e,t):((t=s(t,n)).return=e,t)}function p(e,t,n,r){return null!==t&&t.elementType===n.type?((r=s(t,n.props)).ref=ya(e,t,n),r.return=e,r):((r=Fl(n.type,n.key,n.props,null,e.mode,r)).ref=ya(e,t,n),r.return=e,r)}function c(e,t,n,r){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Zl(n,e.mode,r)).return=e,t):((t=s(t,n.children||[])).return=e,t)}function d(e,t,n,r,a){return null===t||7!==t.tag?((t=Gl(n,e.mode,r,a)).return=e,t):((t=s(t,n)).return=e,t)}function h(e,t,n){if("string"==typeof t||"number"==typeof t)return(t=Vl(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case y:return(n=Fl(t.type,t.key,t.props,null,e.mode,n)).ref=ya(e,null,t),n.return=e,n;case j:return(t=Zl(t,e.mode,n)).return=e,t}if(xa(t)||Y(t))return(t=Gl(t,e.mode,n,null)).return=e,t;ja(e,t)}return null}function u(e,t,n,r){var s=null!==t?t.key:null;if("string"==typeof n||"number"==typeof n)return null!==s?null:l(e,t,""+n,r);if("object"==typeof n&&null!==n){switch(n.$$typeof){case y:return n.key===s?n.type===w?d(e,t,n.props.children,r,s):p(e,t,n,r):null;case j:return n.key===s?c(e,t,n,r):null}if(xa(n)||Y(n))return null!==s?null:d(e,t,n,r,null);ja(e,n)}return null}function g(e,t,n,r,s){if("string"==typeof r||"number"==typeof r)return l(t,e=e.get(n)||null,""+r,s);if("object"==typeof r&&null!==r){switch(r.$$typeof){case y:return e=e.get(null===r.key?n:r.key)||null,r.type===w?d(t,e,r.props.children,s,r.key):p(t,e,r,s);case j:return c(t,e=e.get(null===r.key?n:r.key)||null,r,s)}if(xa(r)||Y(r))return d(t,e=e.get(n)||null,r,s,null);ja(t,r)}return null}function b(s,i,o,l){for(var p=null,c=null,d=i,b=i=0,m=null;null!==d&&b<o.length;b++){d.index>b?(m=d,d=null):m=d.sibling;var C=u(s,d,o[b],l);if(null===C){null===d&&(d=m);break}e&&d&&null===C.alternate&&t(s,d),i=a(C,i,b),null===c?p=C:c.sibling=C,c=C,d=m}if(b===o.length)return n(s,d),p;if(null===d){for(;b<o.length;b++)null!==(d=h(s,o[b],l))&&(i=a(d,i,b),null===c?p=d:c.sibling=d,c=d);return p}for(d=r(s,d);b<o.length;b++)null!==(m=g(d,s,b,o[b],l))&&(e&&null!==m.alternate&&d.delete(null===m.key?b:m.key),i=a(m,i,b),null===c?p=m:c.sibling=m,c=m);return e&&d.forEach((function(e){return t(s,e)})),p}function m(s,o,l,p){var c=Y(l);if("function"!=typeof c)throw Error(i(150));if(null==(l=c.call(l)))throw Error(i(151));for(var d=c=null,b=o,m=o=0,C=null,f=l.next();null!==b&&!f.done;m++,f=l.next()){b.index>m?(C=b,b=null):C=b.sibling;var v=u(s,b,f.value,p);if(null===v){null===b&&(b=C);break}e&&b&&null===v.alternate&&t(s,b),o=a(v,o,m),null===d?c=v:d.sibling=v,d=v,b=C}if(f.done)return n(s,b),c;if(null===b){for(;!f.done;m++,f=l.next())null!==(f=h(s,f.value,p))&&(o=a(f,o,m),null===d?c=f:d.sibling=f,d=f);return c}for(b=r(s,b);!f.done;m++,f=l.next())null!==(f=g(b,s,m,f.value,p))&&(e&&null!==f.alternate&&b.delete(null===f.key?m:f.key),o=a(f,o,m),null===d?c=f:d.sibling=f,d=f);return e&&b.forEach((function(e){return t(s,e)})),c}return function(e,r,a,l){var p="object"==typeof a&&null!==a&&a.type===w&&null===a.key;p&&(a=a.props.children);var c="object"==typeof a&&null!==a;if(c)switch(a.$$typeof){case y:e:{for(c=a.key,p=r;null!==p;){if(p.key===c){if(7===p.tag){if(a.type===w){n(e,p.sibling),(r=s(p,a.props.children)).return=e,e=r;break e}}else if(p.elementType===a.type){n(e,p.sibling),(r=s(p,a.props)).ref=ya(e,p,a),r.return=e,e=r;break e}n(e,p);break}t(e,p),p=p.sibling}a.type===w?((r=Gl(a.props.children,e.mode,l,a.key)).return=e,e=r):((l=Fl(a.type,a.key,a.props,null,e.mode,l)).ref=ya(e,r,a),l.return=e,e=l)}return o(e);case j:e:{for(p=a.key;null!==r;){if(r.key===p){if(4===r.tag&&r.stateNode.containerInfo===a.containerInfo&&r.stateNode.implementation===a.implementation){n(e,r.sibling),(r=s(r,a.children||[])).return=e,e=r;break e}n(e,r);break}t(e,r),r=r.sibling}(r=Zl(a,e.mode,l)).return=e,e=r}return o(e)}if("string"==typeof a||"number"==typeof a)return a=""+a,null!==r&&6===r.tag?(n(e,r.sibling),(r=s(r,a)).return=e,e=r):(n(e,r),(r=Vl(a,e.mode,l)).return=e,e=r),o(e);if(xa(a))return b(e,r,a,l);if(Y(a))return m(e,r,a,l);if(c&&ja(e,a),void 0===a&&!p)switch(e.tag){case 1:case 22:case 0:case 11:case 15:throw Error(i(152,Z(e.type)||"Component"))}return n(e,r)}}var Oa=wa(!0),Sa=wa(!1),Ma={},Na=ls(Ma),La=ls(Ma),ka=ls(Ma);function Pa(e){if(e===Ma)throw Error(i(174));return e}function Da(e,t){switch(cs(ka,t),cs(La,e),cs(Na,Ma),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:ue(null,"");break;default:t=ue(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}ps(Na),cs(Na,t)}function Ea(){ps(Na),ps(La),ps(ka)}function Ba(e){Pa(ka.current);var t=Pa(Na.current),n=ue(t,e.type);t!==n&&(cs(La,e),cs(Na,n))}function Ta(e){La.current===e&&(ps(Na),ps(La))}var _a=ls(0);function Ia(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(0!=(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 za=null,Ra=null,Ua=!1;function Wa(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 Ya(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 Fa(e){if(Ua){var t=Ra;if(t){var n=t;if(!Ya(e,t)){if(!(t=Zr(n.nextSibling))||!Ya(e,t))return e.flags=-1025&e.flags|2,Ua=!1,void(za=e);Wa(za,n)}za=e,Ra=Zr(t.firstChild)}else e.flags=-1025&e.flags|2,Ua=!1,za=e}}function Ga(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;za=e}function Ha(e){if(e!==za)return!1;if(!Ua)return Ga(e),Ua=!0,!1;var t=e.type;if(5!==e.tag||"head"!==t&&"body"!==t&&!Fr(t,e.memoizedProps))for(t=Ra;t;)Wa(e,t),t=Zr(t.nextSibling);if(Ga(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(i(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){Ra=Zr(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}Ra=null}}else Ra=za?Zr(e.stateNode.nextSibling):null;return!0}function Va(){Ra=za=null,Ua=!1}var Za=[];function Qa(){for(var e=0;e<Za.length;e++)Za[e]._workInProgressVersionPrimary=null;Za.length=0}var Xa=x.ReactCurrentDispatcher,Ka=x.ReactCurrentBatchConfig,qa=0,Ja=null,$a=null,ei=null,ti=!1,ni=!1;function ri(){throw Error(i(321))}function si(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!pr(e[n],t[n]))return!1;return!0}function ai(e,t,n,r,s,a){if(qa=a,Ja=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,Xa.current=null===e||null===e.memoizedState?Pi:Di,e=n(r,s),ni){a=0;do{if(ni=!1,!(25>a))throw Error(i(301));a+=1,ei=$a=null,t.updateQueue=null,Xa.current=Ei,e=n(r,s)}while(ni)}if(Xa.current=ki,t=null!==$a&&null!==$a.next,qa=0,ei=$a=Ja=null,ti=!1,t)throw Error(i(300));return e}function ii(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===ei?Ja.memoizedState=ei=e:ei=ei.next=e,ei}function oi(){if(null===$a){var e=Ja.alternate;e=null!==e?e.memoizedState:null}else e=$a.next;var t=null===ei?Ja.memoizedState:ei.next;if(null!==t)ei=t,$a=e;else{if(null===e)throw Error(i(310));e={memoizedState:($a=e).memoizedState,baseState:$a.baseState,baseQueue:$a.baseQueue,queue:$a.queue,next:null},null===ei?Ja.memoizedState=ei=e:ei=ei.next=e}return ei}function li(e,t){return"function"==typeof t?t(e):t}function pi(e){var t=oi(),n=t.queue;if(null===n)throw Error(i(311));n.lastRenderedReducer=e;var r=$a,s=r.baseQueue,a=n.pending;if(null!==a){if(null!==s){var o=s.next;s.next=a.next,a.next=o}r.baseQueue=s=a,n.pending=null}if(null!==s){s=s.next,r=r.baseState;var l=o=a=null,p=s;do{var c=p.lane;if((qa&c)===c)null!==l&&(l=l.next={lane:0,action:p.action,eagerReducer:p.eagerReducer,eagerState:p.eagerState,next:null}),r=p.eagerReducer===e?p.eagerState:e(r,p.action);else{var d={lane:c,action:p.action,eagerReducer:p.eagerReducer,eagerState:p.eagerState,next:null};null===l?(o=l=d,a=r):l=l.next=d,Ja.lanes|=c,zo|=c}p=p.next}while(null!==p&&p!==s);null===l?a=r:l.next=o,pr(r,t.memoizedState)||(Ti=!0),t.memoizedState=r,t.baseState=a,t.baseQueue=l,n.lastRenderedState=r}return[t.memoizedState,n.dispatch]}function ci(e){var t=oi(),n=t.queue;if(null===n)throw Error(i(311));n.lastRenderedReducer=e;var r=n.dispatch,s=n.pending,a=t.memoizedState;if(null!==s){n.pending=null;var o=s=s.next;do{a=e(a,o.action),o=o.next}while(o!==s);pr(a,t.memoizedState)||(Ti=!0),t.memoizedState=a,null===t.baseQueue&&(t.baseState=a),n.lastRenderedState=a}return[a,r]}function di(e,t,n){var r=t._getVersion;r=r(t._source);var s=t._workInProgressVersionPrimary;if(null!==s?e=s===r:(e=e.mutableReadLanes,(e=(qa&e)===e)&&(t._workInProgressVersionPrimary=r,Za.push(t))),e)return n(t._source);throw Za.push(t),Error(i(350))}function hi(e,t,n,r){var s=ko;if(null===s)throw Error(i(349));var a=t._getVersion,o=a(t._source),l=Xa.current,p=l.useState((function(){return di(s,t,n)})),c=p[1],d=p[0];p=ei;var h=e.memoizedState,u=h.refs,g=u.getSnapshot,b=h.source;h=h.subscribe;var m=Ja;return e.memoizedState={refs:u,source:t,subscribe:r},l.useEffect((function(){u.getSnapshot=n,u.setSnapshot=c;var e=a(t._source);if(!pr(o,e)){e=n(t._source),pr(d,e)||(c(e),e=cl(m),s.mutableReadLanes|=e&s.pendingLanes),e=s.mutableReadLanes,s.entangledLanes|=e;for(var r=s.entanglements,i=e;0<i;){var l=31-Ft(i),p=1<<l;r[l]|=e,i&=~p}}}),[n,t,r]),l.useEffect((function(){return r(t._source,(function(){var e=u.getSnapshot,n=u.setSnapshot;try{n(e(t._source));var r=cl(m);s.mutableReadLanes|=r&s.pendingLanes}catch(e){n((function(){throw e}))}}))}),[t,r]),pr(g,n)&&pr(b,t)&&pr(h,r)||((e={pending:null,dispatch:null,lastRenderedReducer:li,lastRenderedState:d}).dispatch=c=Li.bind(null,Ja,e),p.queue=e,p.baseQueue=null,d=di(s,t,n),p.memoizedState=p.baseState=d),d}function ui(e,t,n){return hi(oi(),e,t,n)}function gi(e){var t=ii();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e=(e=t.queue={pending:null,dispatch:null,lastRenderedReducer:li,lastRenderedState:e}).dispatch=Li.bind(null,Ja,e),[t.memoizedState,e]}function bi(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},null===(t=Ja.updateQueue)?(t={lastEffect:null},Ja.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 mi(e){return e={current:e},ii().memoizedState=e}function Ci(){return oi().memoizedState}function fi(e,t,n,r){var s=ii();Ja.flags|=e,s.memoizedState=bi(1|t,n,void 0,void 0===r?null:r)}function vi(e,t,n,r){var s=oi();r=void 0===r?null:r;var a=void 0;if(null!==$a){var i=$a.memoizedState;if(a=i.destroy,null!==r&&si(r,i.deps))return void bi(t,n,a,r)}Ja.flags|=e,s.memoizedState=bi(1|t,n,a,r)}function Ai(e,t){return fi(516,4,e,t)}function xi(e,t){return vi(516,4,e,t)}function yi(e,t){return vi(4,2,e,t)}function ji(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 wi(e,t,n){return n=null!=n?n.concat([e]):null,vi(4,2,ji.bind(null,t,e),n)}function Oi(){}function Si(e,t){var n=oi();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&si(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function Mi(e,t){var n=oi();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&si(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function Ni(e,t){var n=Fs();Hs(98>n?98:n,(function(){e(!0)})),Hs(97<n?97:n,(function(){var n=Ka.transition;Ka.transition=1;try{e(!1),t()}finally{Ka.transition=n}}))}function Li(e,t,n){var r=pl(),s=cl(e),a={lane:s,action:n,eagerReducer:null,eagerState:null,next:null},i=t.pending;if(null===i?a.next=a:(a.next=i.next,i.next=a),t.pending=a,i=e.alternate,e===Ja||null!==i&&i===Ja)ni=ti=!0;else{if(0===e.lanes&&(null===i||0===i.lanes)&&null!==(i=t.lastRenderedReducer))try{var o=t.lastRenderedState,l=i(o,n);if(a.eagerReducer=i,a.eagerState=l,pr(l,o))return}catch(e){}dl(e,s,r)}}var ki={readContext:aa,useCallback:ri,useContext:ri,useEffect:ri,useImperativeHandle:ri,useLayoutEffect:ri,useMemo:ri,useReducer:ri,useRef:ri,useState:ri,useDebugValue:ri,useDeferredValue:ri,useTransition:ri,useMutableSource:ri,useOpaqueIdentifier:ri,unstable_isNewReconciler:!1},Pi={readContext:aa,useCallback:function(e,t){return ii().memoizedState=[e,void 0===t?null:t],e},useContext:aa,useEffect:Ai,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,fi(4,2,ji.bind(null,t,e),n)},useLayoutEffect:function(e,t){return fi(4,2,e,t)},useMemo:function(e,t){var n=ii();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=ii();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=Li.bind(null,Ja,e),[r.memoizedState,e]},useRef:mi,useState:gi,useDebugValue:Oi,useDeferredValue:function(e){var t=gi(e),n=t[0],r=t[1];return Ai((function(){var t=Ka.transition;Ka.transition=1;try{r(e)}finally{Ka.transition=t}}),[e]),n},useTransition:function(){var e=gi(!1),t=e[0];return mi(e=Ni.bind(null,e[1])),[e,t]},useMutableSource:function(e,t,n){var r=ii();return r.memoizedState={refs:{getSnapshot:t,setSnapshot:null},source:e,subscribe:n},hi(r,e,t,n)},useOpaqueIdentifier:function(){if(Ua){var e=!1,t=function(e){return{$$typeof:T,toString:e,valueOf:e}}((function(){throw e||(e=!0,n("r:"+(Xr++).toString(36))),Error(i(355))})),n=gi(t)[1];return 0==(2&Ja.mode)&&(Ja.flags|=516,bi(5,(function(){n("r:"+(Xr++).toString(36))}),void 0,null)),t}return gi(t="r:"+(Xr++).toString(36)),t},unstable_isNewReconciler:!1},Di={readContext:aa,useCallback:Si,useContext:aa,useEffect:xi,useImperativeHandle:wi,useLayoutEffect:yi,useMemo:Mi,useReducer:pi,useRef:Ci,useState:function(){return pi(li)},useDebugValue:Oi,useDeferredValue:function(e){var t=pi(li),n=t[0],r=t[1];return xi((function(){var t=Ka.transition;Ka.transition=1;try{r(e)}finally{Ka.transition=t}}),[e]),n},useTransition:function(){var e=pi(li)[0];return[Ci().current,e]},useMutableSource:ui,useOpaqueIdentifier:function(){return pi(li)[0]},unstable_isNewReconciler:!1},Ei={readContext:aa,useCallback:Si,useContext:aa,useEffect:xi,useImperativeHandle:wi,useLayoutEffect:yi,useMemo:Mi,useReducer:ci,useRef:Ci,useState:function(){return ci(li)},useDebugValue:Oi,useDeferredValue:function(e){var t=ci(li),n=t[0],r=t[1];return xi((function(){var t=Ka.transition;Ka.transition=1;try{r(e)}finally{Ka.transition=t}}),[e]),n},useTransition:function(){var e=ci(li)[0];return[Ci().current,e]},useMutableSource:ui,useOpaqueIdentifier:function(){return ci(li)[0]},unstable_isNewReconciler:!1},Bi=x.ReactCurrentOwner,Ti=!1;function _i(e,t,n,r){t.child=null===e?Sa(t,null,n,r):Oa(t,e.child,n,r)}function Ii(e,t,n,r,s){n=n.render;var a=t.ref;return sa(t,s),r=ai(e,t,n,r,a,s),null===e||Ti?(t.flags|=1,_i(e,t,r,s),t.child):(t.updateQueue=e.updateQueue,t.flags&=-517,e.lanes&=~s,to(e,t,s))}function zi(e,t,n,r,s,a){if(null===e){var i=n.type;return"function"!=typeof i||Wl(i)||void 0!==i.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Fl(n.type,null,r,t,t.mode,a)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=i,Ri(e,t,i,r,s,a))}return i=e.child,0==(s&a)&&(s=i.memoizedProps,(n=null!==(n=n.compare)?n:dr)(s,r)&&e.ref===t.ref)?to(e,t,a):(t.flags|=1,(e=Yl(i,r)).ref=t.ref,e.return=t,t.child=e)}function Ri(e,t,n,r,s,a){if(null!==e&&dr(e.memoizedProps,r)&&e.ref===t.ref){if(Ti=!1,0==(a&s))return t.lanes=e.lanes,to(e,t,a);0!=(16384&e.flags)&&(Ti=!0)}return Yi(e,t,n,r,a)}function Ui(e,t,n){var r=t.pendingProps,s=r.children,a=null!==e?e.memoizedState:null;if("hidden"===r.mode||"unstable-defer-without-hiding"===r.mode)if(0==(4&t.mode))t.memoizedState={baseLanes:0},fl(0,n);else{if(0==(1073741824&n))return e=null!==a?a.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e},fl(0,e),null;t.memoizedState={baseLanes:0},fl(0,null!==a?a.baseLanes:n)}else null!==a?(r=a.baseLanes|n,t.memoizedState=null):r=n,fl(0,r);return _i(e,t,s,n),t.child}function Wi(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=128)}function Yi(e,t,n,r,s){var a=ms(n)?gs:hs.current;return a=bs(t,a),sa(t,s),n=ai(e,t,n,r,a,s),null===e||Ti?(t.flags|=1,_i(e,t,n,s),t.child):(t.updateQueue=e.updateQueue,t.flags&=-517,e.lanes&=~s,to(e,t,s))}function Fi(e,t,n,r,s){if(ms(n)){var a=!0;As(t)}else a=!1;if(sa(t,s),null===t.stateNode)null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),fa(t,n,r),Aa(t,n,r,s),r=!0;else if(null===e){var i=t.stateNode,o=t.memoizedProps;i.props=o;var l=i.context,p=n.contextType;p="object"==typeof p&&null!==p?aa(p):bs(t,p=ms(n)?gs:hs.current);var c=n.getDerivedStateFromProps,d="function"==typeof c||"function"==typeof i.getSnapshotBeforeUpdate;d||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(o!==r||l!==p)&&va(t,i,r,p),ia=!1;var h=t.memoizedState;i.state=h,ha(t,r,i,s),l=t.memoizedState,o!==r||h!==l||us.current||ia?("function"==typeof c&&(ba(t,n,c,r),l=t.memoizedState),(o=ia||Ca(t,n,o,r,h,l,p))?(d||"function"!=typeof i.UNSAFE_componentWillMount&&"function"!=typeof i.componentWillMount||("function"==typeof i.componentWillMount&&i.componentWillMount(),"function"==typeof i.UNSAFE_componentWillMount&&i.UNSAFE_componentWillMount()),"function"==typeof i.componentDidMount&&(t.flags|=4)):("function"==typeof i.componentDidMount&&(t.flags|=4),t.memoizedProps=r,t.memoizedState=l),i.props=r,i.state=l,i.context=p,r=o):("function"==typeof i.componentDidMount&&(t.flags|=4),r=!1)}else{i=t.stateNode,la(e,t),o=t.memoizedProps,p=t.type===t.elementType?o:Ks(t.type,o),i.props=p,d=t.pendingProps,h=i.context,l="object"==typeof(l=n.contextType)&&null!==l?aa(l):bs(t,l=ms(n)?gs:hs.current);var u=n.getDerivedStateFromProps;(c="function"==typeof u||"function"==typeof i.getSnapshotBeforeUpdate)||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(o!==d||h!==l)&&va(t,i,r,l),ia=!1,h=t.memoizedState,i.state=h,ha(t,r,i,s);var g=t.memoizedState;o!==d||h!==g||us.current||ia?("function"==typeof u&&(ba(t,n,u,r),g=t.memoizedState),(p=ia||Ca(t,n,p,r,h,g,l))?(c||"function"!=typeof i.UNSAFE_componentWillUpdate&&"function"!=typeof i.componentWillUpdate||("function"==typeof i.componentWillUpdate&&i.componentWillUpdate(r,g,l),"function"==typeof i.UNSAFE_componentWillUpdate&&i.UNSAFE_componentWillUpdate(r,g,l)),"function"==typeof i.componentDidUpdate&&(t.flags|=4),"function"==typeof i.getSnapshotBeforeUpdate&&(t.flags|=256)):("function"!=typeof i.componentDidUpdate||o===e.memoizedProps&&h===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||o===e.memoizedProps&&h===e.memoizedState||(t.flags|=256),t.memoizedProps=r,t.memoizedState=g),i.props=r,i.state=g,i.context=l,r=p):("function"!=typeof i.componentDidUpdate||o===e.memoizedProps&&h===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||o===e.memoizedProps&&h===e.memoizedState||(t.flags|=256),r=!1)}return Gi(e,t,n,r,a,s)}function Gi(e,t,n,r,s,a){Wi(e,t);var i=0!=(64&t.flags);if(!r&&!i)return s&&xs(t,n,!1),to(e,t,a);r=t.stateNode,Bi.current=t;var o=i&&"function"!=typeof n.getDerivedStateFromError?null:r.render();return t.flags|=1,null!==e&&i?(t.child=Oa(t,e.child,null,a),t.child=Oa(t,null,o,a)):_i(e,t,o,a),t.memoizedState=r.state,s&&xs(t,n,!0),t.child}function Hi(e){var t=e.stateNode;t.pendingContext?fs(0,t.pendingContext,t.pendingContext!==t.context):t.context&&fs(0,t.context,!1),Da(e,t.containerInfo)}var Vi,Zi,Qi,Xi={dehydrated:null,retryLane:0};function Ki(e,t,n){var r,s=t.pendingProps,a=_a.current,i=!1;return(r=0!=(64&t.flags))||(r=(null===e||null!==e.memoizedState)&&0!=(2&a)),r?(i=!0,t.flags&=-65):null!==e&&null===e.memoizedState||void 0===s.fallback||!0===s.unstable_avoidThisFallback||(a|=1),cs(_a,1&a),null===e?(void 0!==s.fallback&&Fa(t),e=s.children,a=s.fallback,i?(e=qi(t,e,a,n),t.child.memoizedState={baseLanes:n},t.memoizedState=Xi,e):"number"==typeof s.unstable_expectedLoadTime?(e=qi(t,e,a,n),t.child.memoizedState={baseLanes:n},t.memoizedState=Xi,t.lanes=33554432,e):((n=Hl({mode:"visible",children:e},t.mode,n,null)).return=t,t.child=n)):(e.memoizedState,i?(s=function(e,t,n,r,s){var a=t.mode,i=e.child;e=i.sibling;var o={mode:"hidden",children:n};return 0==(2&a)&&t.child!==i?((n=t.child).childLanes=0,n.pendingProps=o,null!==(i=n.lastEffect)?(t.firstEffect=n.firstEffect,t.lastEffect=i,i.nextEffect=null):t.firstEffect=t.lastEffect=null):n=Yl(i,o),null!==e?r=Yl(e,r):(r=Gl(r,a,s,null)).flags|=2,r.return=t,n.return=t,n.sibling=r,t.child=n,r}(e,t,s.children,s.fallback,n),i=t.child,a=e.child.memoizedState,i.memoizedState=null===a?{baseLanes:n}:{baseLanes:a.baseLanes|n},i.childLanes=e.childLanes&~n,t.memoizedState=Xi,s):(n=function(e,t,n,r){var s=e.child;return e=s.sibling,n=Yl(s,{mode:"visible",children:n}),0==(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,s.children,n),t.memoizedState=null,n))}function qi(e,t,n,r){var s=e.mode,a=e.child;return t={mode:"hidden",children:t},0==(2&s)&&null!==a?(a.childLanes=0,a.pendingProps=t):a=Hl(t,s,0,null),n=Gl(n,s,r,null),a.return=e,n.return=e,a.sibling=n,e.child=a,n}function Ji(e,t){e.lanes|=t;var n=e.alternate;null!==n&&(n.lanes|=t),ra(e.return,t)}function $i(e,t,n,r,s,a){var i=e.memoizedState;null===i?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:s,lastEffect:a}:(i.isBackwards=t,i.rendering=null,i.renderingStartTime=0,i.last=r,i.tail=n,i.tailMode=s,i.lastEffect=a)}function eo(e,t,n){var r=t.pendingProps,s=r.revealOrder,a=r.tail;if(_i(e,t,r.children,n),0!=(2&(r=_a.current)))r=1&r|2,t.flags|=64;else{if(null!==e&&0!=(64&e.flags))e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&Ji(e,n);else if(19===e.tag)Ji(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(cs(_a,r),0==(2&t.mode))t.memoizedState=null;else switch(s){case"forwards":for(n=t.child,s=null;null!==n;)null!==(e=n.alternate)&&null===Ia(e)&&(s=n),n=n.sibling;null===(n=s)?(s=t.child,t.child=null):(s=n.sibling,n.sibling=null),$i(t,!1,s,n,a,t.lastEffect);break;case"backwards":for(n=null,s=t.child,t.child=null;null!==s;){if(null!==(e=s.alternate)&&null===Ia(e)){t.child=s;break}e=s.sibling,s.sibling=n,n=s,s=e}$i(t,!0,n,null,a,t.lastEffect);break;case"together":$i(t,!1,null,null,void 0,t.lastEffect);break;default:t.memoizedState=null}return t.child}function to(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),zo|=t.lanes,0!=(n&t.childLanes)){if(null!==e&&t.child!==e.child)throw Error(i(153));if(null!==t.child){for(n=Yl(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Yl(e,e.pendingProps)).return=t;n.sibling=null}return t.child}return null}function no(e,t){if(!Ua)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 ro(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 ms(t.type)&&Cs(),null;case 3:return Ea(),ps(us),ps(hs),Qa(),(r=t.stateNode).pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),null!==e&&null!==e.child||(Ha(t)?t.flags|=4:r.hydrate||(t.flags|=256)),null;case 5:Ta(t);var a=Pa(ka.current);if(n=t.type,null!==e&&null!=t.stateNode)Zi(e,t,n,r),e.ref!==t.ref&&(t.flags|=128);else{if(!r){if(null===t.stateNode)throw Error(i(166));return null}if(e=Pa(Na.current),Ha(t)){r=t.stateNode,n=t.type;var o=t.memoizedProps;switch(r[qr]=t,r[Jr]=o,n){case"dialog":Lr("cancel",r),Lr("close",r);break;case"iframe":case"object":case"embed":Lr("load",r);break;case"video":case"audio":for(e=0;e<Or.length;e++)Lr(Or[e],r);break;case"source":Lr("error",r);break;case"img":case"image":case"link":Lr("error",r),Lr("load",r);break;case"details":Lr("toggle",r);break;case"input":ee(r,o),Lr("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!o.multiple},Lr("invalid",r);break;case"textarea":le(r,o),Lr("invalid",r)}for(var p in je(n,o),e=null,o)o.hasOwnProperty(p)&&(a=o[p],"children"===p?"string"==typeof a?r.textContent!==a&&(e=["children",a]):"number"==typeof a&&r.textContent!==""+a&&(e=["children",""+a]):l.hasOwnProperty(p)&&null!=a&&"onScroll"===p&&Lr("scroll",r));switch(n){case"input":K(r),re(r,o,!0);break;case"textarea":K(r),ce(r);break;case"select":case"option":break;default:"function"==typeof o.onClick&&(r.onclick=Rr)}r=e,t.updateQueue=r,null!==r&&(t.flags|=4)}else{switch(p=9===a.nodeType?a:a.ownerDocument,e===de&&(e=he(n)),e===de?"script"===n?((e=p.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof r.is?e=p.createElement(n,{is:r.is}):(e=p.createElement(n),"select"===n&&(p=e,r.multiple?p.multiple=!0:r.size&&(p.size=r.size))):e=p.createElementNS(e,n),e[qr]=t,e[Jr]=r,Vi(e,t),t.stateNode=e,p=we(n,r),n){case"dialog":Lr("cancel",e),Lr("close",e),a=r;break;case"iframe":case"object":case"embed":Lr("load",e),a=r;break;case"video":case"audio":for(a=0;a<Or.length;a++)Lr(Or[a],e);a=r;break;case"source":Lr("error",e),a=r;break;case"img":case"image":case"link":Lr("error",e),Lr("load",e),a=r;break;case"details":Lr("toggle",e),a=r;break;case"input":ee(e,r),a=$(e,r),Lr("invalid",e);break;case"option":a=ae(e,r);break;case"select":e._wrapperState={wasMultiple:!!r.multiple},a=s({},r,{value:void 0}),Lr("invalid",e);break;case"textarea":le(e,r),a=oe(e,r),Lr("invalid",e);break;default:a=r}je(n,a);var c=a;for(o in c)if(c.hasOwnProperty(o)){var d=c[o];"style"===o?xe(e,d):"dangerouslySetInnerHTML"===o?null!=(d=d?d.__html:void 0)&&me(e,d):"children"===o?"string"==typeof d?("textarea"!==n||""!==d)&&Ce(e,d):"number"==typeof d&&Ce(e,""+d):"suppressContentEditableWarning"!==o&&"suppressHydrationWarning"!==o&&"autoFocus"!==o&&(l.hasOwnProperty(o)?null!=d&&"onScroll"===o&&Lr("scroll",e):null!=d&&A(e,o,d,p))}switch(n){case"input":K(e),re(e,r,!1);break;case"textarea":K(e),ce(e);break;case"option":null!=r.value&&e.setAttribute("value",""+Q(r.value));break;case"select":e.multiple=!!r.multiple,null!=(o=r.value)?ie(e,!!r.multiple,o,!1):null!=r.defaultValue&&ie(e,!!r.multiple,r.defaultValue,!0);break;default:"function"==typeof a.onClick&&(e.onclick=Rr)}Yr(n,r)&&(t.flags|=4)}null!==t.ref&&(t.flags|=128)}return null;case 6:if(e&&null!=t.stateNode)Qi(0,t,e.memoizedProps,r);else{if("string"!=typeof r&&null===t.stateNode)throw Error(i(166));n=Pa(ka.current),Pa(Na.current),Ha(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 ps(_a),r=t.memoizedState,0!=(64&t.flags)?(t.lanes=n,t):(r=null!==r,n=!1,null===e?void 0!==t.memoizedProps.fallback&&Ha(t):n=null!==e.memoizedState,r&&!n&&0!=(2&t.mode)&&(null===e&&!0!==t.memoizedProps.unstable_avoidThisFallback||0!=(1&_a.current)?0===To&&(To=3):(0!==To&&3!==To||(To=4),null===ko||0==(134217727&zo)&&0==(134217727&Ro)||bl(ko,Do))),(r||n)&&(t.flags|=4),null);case 4:return Ea(),null===e&&Pr(t.stateNode.containerInfo),null;case 10:return na(t),null;case 19:if(ps(_a),null===(r=t.memoizedState))return null;if(o=0!=(64&t.flags),null===(p=r.rendering))if(o)no(r,!1);else{if(0!==To||null!==e&&0!=(64&e.flags))for(e=t.child;null!==e;){if(null!==(p=Ia(e))){for(t.flags|=64,no(r,!1),null!==(o=p.updateQueue)&&(t.updateQueue=o,t.flags|=4),null===r.lastEffect&&(t.firstEffect=null),t.lastEffect=r.lastEffect,r=n,n=t.child;null!==n;)e=r,(o=n).flags&=2,o.nextEffect=null,o.firstEffect=null,o.lastEffect=null,null===(p=o.alternate)?(o.childLanes=0,o.lanes=e,o.child=null,o.memoizedProps=null,o.memoizedState=null,o.updateQueue=null,o.dependencies=null,o.stateNode=null):(o.childLanes=p.childLanes,o.lanes=p.lanes,o.child=p.child,o.memoizedProps=p.memoizedProps,o.memoizedState=p.memoizedState,o.updateQueue=p.updateQueue,o.type=p.type,e=p.dependencies,o.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return cs(_a,1&_a.current|2),t.child}e=e.sibling}null!==r.tail&&Ys()>Fo&&(t.flags|=64,o=!0,no(r,!1),t.lanes=33554432)}else{if(!o)if(null!==(e=Ia(p))){if(t.flags|=64,o=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),no(r,!0),null===r.tail&&"hidden"===r.tailMode&&!p.alternate&&!Ua)return null!==(t=t.lastEffect=r.lastEffect)&&(t.nextEffect=null),null}else 2*Ys()-r.renderingStartTime>Fo&&1073741824!==n&&(t.flags|=64,o=!0,no(r,!1),t.lanes=33554432);r.isBackwards?(p.sibling=t.child,t.child=p):(null!==(n=r.last)?n.sibling=p:t.child=p,r.last=p)}return null!==r.tail?(n=r.tail,r.rendering=n,r.tail=n.sibling,r.lastEffect=t.lastEffect,r.renderingStartTime=Ys(),n.sibling=null,t=_a.current,cs(_a,o?1&t|2:1&t),n):null;case 23:case 24:return vl(),null!==e&&null!==e.memoizedState!=(null!==t.memoizedState)&&"unstable-defer-without-hiding"!==r.mode&&(t.flags|=4),null}throw Error(i(156,t.tag))}function so(e){switch(e.tag){case 1:ms(e.type)&&Cs();var t=e.flags;return 4096&t?(e.flags=-4097&t|64,e):null;case 3:if(Ea(),ps(us),ps(hs),Qa(),0!=(64&(t=e.flags)))throw Error(i(285));return e.flags=-4097&t|64,e;case 5:return Ta(e),null;case 13:return ps(_a),4096&(t=e.flags)?(e.flags=-4097&t|64,e):null;case 19:return ps(_a),null;case 4:return Ea(),null;case 10:return na(e),null;case 23:case 24:return vl(),null;default:return null}}function ao(e,t){try{var n="",r=t;do{n+=V(r),r=r.return}while(r);var s=n}catch(e){s="\nError generating stack: "+e.message+"\n"+e.stack}return{value:e,source:t,stack:s}}function io(e,t){try{console.error(t.value)}catch(e){setTimeout((function(){throw e}))}}Vi=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}},Zi=function(e,t,n,r){var a=e.memoizedProps;if(a!==r){e=t.stateNode,Pa(Na.current);var i,o=null;switch(n){case"input":a=$(e,a),r=$(e,r),o=[];break;case"option":a=ae(e,a),r=ae(e,r),o=[];break;case"select":a=s({},a,{value:void 0}),r=s({},r,{value:void 0}),o=[];break;case"textarea":a=oe(e,a),r=oe(e,r),o=[];break;default:"function"!=typeof a.onClick&&"function"==typeof r.onClick&&(e.onclick=Rr)}for(d in je(n,r),n=null,a)if(!r.hasOwnProperty(d)&&a.hasOwnProperty(d)&&null!=a[d])if("style"===d){var p=a[d];for(i in p)p.hasOwnProperty(i)&&(n||(n={}),n[i]="")}else"dangerouslySetInnerHTML"!==d&&"children"!==d&&"suppressContentEditableWarning"!==d&&"suppressHydrationWarning"!==d&&"autoFocus"!==d&&(l.hasOwnProperty(d)?o||(o=[]):(o=o||[]).push(d,null));for(d in r){var c=r[d];if(p=null!=a?a[d]:void 0,r.hasOwnProperty(d)&&c!==p&&(null!=c||null!=p))if("style"===d)if(p){for(i in p)!p.hasOwnProperty(i)||c&&c.hasOwnProperty(i)||(n||(n={}),n[i]="");for(i in c)c.hasOwnProperty(i)&&p[i]!==c[i]&&(n||(n={}),n[i]=c[i])}else n||(o||(o=[]),o.push(d,n)),n=c;else"dangerouslySetInnerHTML"===d?(c=c?c.__html:void 0,p=p?p.__html:void 0,null!=c&&p!==c&&(o=o||[]).push(d,c)):"children"===d?"string"!=typeof c&&"number"!=typeof c||(o=o||[]).push(d,""+c):"suppressContentEditableWarning"!==d&&"suppressHydrationWarning"!==d&&(l.hasOwnProperty(d)?(null!=c&&"onScroll"===d&&Lr("scroll",e),o||p===c||(o=[])):"object"==typeof c&&null!==c&&c.$$typeof===T?c.toString():(o=o||[]).push(d,c))}n&&(o=o||[]).push("style",n);var d=o;(t.updateQueue=d)&&(t.flags|=4)}},Qi=function(e,t,n,r){n!==r&&(t.flags|=4)};var oo="function"==typeof WeakMap?WeakMap:Map;function lo(e,t,n){(n=pa(-1,n)).tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){Zo||(Zo=!0,Qo=r),io(0,t)},n}function po(e,t,n){(n=pa(-1,n)).tag=3;var r=e.type.getDerivedStateFromError;if("function"==typeof r){var s=t.value;n.payload=function(){return io(0,t),r(s)}}var a=e.stateNode;return null!==a&&"function"==typeof a.componentDidCatch&&(n.callback=function(){"function"!=typeof r&&(null===Xo?Xo=new Set([this]):Xo.add(this),io(0,t));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}var co="function"==typeof WeakSet?WeakSet:Set;function ho(e){var t=e.ref;if(null!==t)if("function"==typeof t)try{t(null)}catch(t){_l(e,t)}else t.current=null}function uo(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:Ks(t.type,n),r),e.__reactInternalSnapshotBeforeUpdate=t}return;case 3:return void(256&t.flags&&Vr(t.stateNode.containerInfo))}throw Error(i(163))}function go(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==(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 s=e;r=s.next,0!=(4&(s=s.tag))&&0!=(1&s)&&(El(n,e),Dl(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:Ks(n.type,t.memoizedProps),e.componentDidUpdate(r,t.memoizedState,e.__reactInternalSnapshotBeforeUpdate))),void(null!==(t=n.updateQueue)&&ua(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}ua(n,t,e)}return;case 5:return e=n.stateNode,void(null===t&&4&n.flags&&Yr(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&&xt(n)))))}throw Error(i(163))}function bo(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 s=n.memoizedProps.style;s=null!=s&&s.hasOwnProperty("display")?s.display:null,r.style.display=Ae("display",s)}}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 mo(e,t){if(js&&"function"==typeof js.onCommitFiberUnmount)try{js.onCommitFiberUnmount(ys,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,s=r.destroy;if(r=r.tag,void 0!==s)if(0!=(4&r))El(t,n);else{r=t;try{s()}catch(e){_l(r,e)}}n=n.next}while(n!==e)}break;case 1:if(ho(t),"function"==typeof(e=t.stateNode).componentWillUnmount)try{e.props=t.memoizedProps,e.state=t.memoizedState,e.componentWillUnmount()}catch(e){_l(t,e)}break;case 5:ho(t);break;case 4:yo(e,t)}}function Co(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 fo(e){return 5===e.tag||3===e.tag||4===e.tag}function vo(e){e:{for(var t=e.return;null!==t;){if(fo(t))break e;t=t.return}throw Error(i(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(i(161))}16&n.flags&&(Ce(t,""),n.flags&=-17);e:t:for(n=e;;){for(;null===n.sibling;){if(null===n.return||fo(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?Ao(e,n,t):xo(e,n,t)}function Ao(e,t,n){var r=e.tag,s=5===r||6===r;if(s)e=s?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(Ao(e,t,n),e=e.sibling;null!==e;)Ao(e,t,n),e=e.sibling}function xo(e,t,n){var r=e.tag,s=5===r||6===r;if(s)e=s?e.stateNode:e.stateNode.instance,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==r&&null!==(e=e.child))for(xo(e,t,n),e=e.sibling;null!==e;)xo(e,t,n),e=e.sibling}function yo(e,t){for(var n,r,s=t,a=!1;;){if(!a){a=s.return;e:for(;;){if(null===a)throw Error(i(160));switch(n=a.stateNode,a.tag){case 5:r=!1;break e;case 3:case 4:n=n.containerInfo,r=!0;break e}a=a.return}a=!0}if(5===s.tag||6===s.tag){e:for(var o=e,l=s,p=l;;)if(mo(o,p),null!==p.child&&4!==p.tag)p.child.return=p,p=p.child;else{if(p===l)break e;for(;null===p.sibling;){if(null===p.return||p.return===l)break e;p=p.return}p.sibling.return=p.return,p=p.sibling}r?(o=n,l=s.stateNode,8===o.nodeType?o.parentNode.removeChild(l):o.removeChild(l)):n.removeChild(s.stateNode)}else if(4===s.tag){if(null!==s.child){n=s.stateNode.containerInfo,r=!0,s.child.return=s,s=s.child;continue}}else if(mo(e,s),null!==s.child){s.child.return=s,s=s.child;continue}if(s===t)break;for(;null===s.sibling;){if(null===s.return||s.return===t)return;4===(s=s.return).tag&&(a=!1)}s.sibling.return=s.return,s=s.sibling}}function jo(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==(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 s=null!==e?e.memoizedProps:r;e=t.type;var a=t.updateQueue;if(t.updateQueue=null,null!==a){for(n[Jr]=r,"input"===e&&"radio"===r.type&&null!=r.name&&te(n,r),we(e,s),t=we(e,r),s=0;s<a.length;s+=2){var o=a[s],l=a[s+1];"style"===o?xe(n,l):"dangerouslySetInnerHTML"===o?me(n,l):"children"===o?Ce(n,l):A(n,o,l,t)}switch(e){case"input":ne(n,r);break;case"textarea":pe(n,r);break;case"select":e=n._wrapperState.wasMultiple,n._wrapperState.wasMultiple=!!r.multiple,null!=(a=r.value)?ie(n,!!r.multiple,a,!1):e!==!!r.multiple&&(null!=r.defaultValue?ie(n,!!r.multiple,r.defaultValue,!0):ie(n,!!r.multiple,r.multiple?[]:"",!1))}}}return;case 6:if(null===t.stateNode)throw Error(i(162));return void(t.stateNode.nodeValue=t.memoizedProps);case 3:return void((n=t.stateNode).hydrate&&(n.hydrate=!1,xt(n.containerInfo)));case 13:return null!==t.memoizedState&&(Yo=Ys(),bo(t.child,!0)),void wo(t);case 19:return void wo(t);case 23:case 24:return void bo(t,null!==t.memoizedState)}throw Error(i(163))}function wo(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new co),t.forEach((function(t){var r=zl.bind(null,e,t);n.has(t)||(n.add(t),t.then(r,r))}))}}function Oo(e,t){return null!==e&&(null===(e=e.memoizedState)||null!==e.dehydrated)&&null!==(t=t.memoizedState)&&null===t.dehydrated}var So=Math.ceil,Mo=x.ReactCurrentDispatcher,No=x.ReactCurrentOwner,Lo=0,ko=null,Po=null,Do=0,Eo=0,Bo=ls(0),To=0,_o=null,Io=0,zo=0,Ro=0,Uo=0,Wo=null,Yo=0,Fo=1/0;function Go(){Fo=Ys()+500}var Ho,Vo=null,Zo=!1,Qo=null,Xo=null,Ko=!1,qo=null,Jo=90,$o=[],el=[],tl=null,nl=0,rl=null,sl=-1,al=0,il=0,ol=null,ll=!1;function pl(){return 0!=(48&Lo)?Ys():-1!==sl?sl:sl=Ys()}function cl(e){if(0==(2&(e=e.mode)))return 1;if(0==(4&e))return 99===Fs()?1:2;if(0===al&&(al=Io),0!==Xs.transition){0!==il&&(il=null!==Wo?Wo.pendingLanes:0),e=al;var t=4186112&~il;return 0==(t&=-t)&&0==(t=(e=4186112&~e)&-e)&&(t=8192),t}return e=Fs(),e=Rt(0!=(4&Lo)&&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),al)}function dl(e,t,n){if(50<nl)throw nl=0,rl=null,Error(i(185));if(null===(e=hl(e,t)))return null;Yt(e,t,n),e===ko&&(Ro|=t,4===To&&bl(e,Do));var r=Fs();1===t?0!=(8&Lo)&&0==(48&Lo)?ml(e):(ul(e,n),0===Lo&&(Go(),Zs())):(0==(4&Lo)||98!==r&&99!==r||(null===tl?tl=new Set([e]):tl.add(e)),ul(e,n)),Wo=e}function hl(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 ul(e,t){for(var n=e.callbackNode,r=e.suspendedLanes,s=e.pingedLanes,a=e.expirationTimes,o=e.pendingLanes;0<o;){var l=31-Ft(o),p=1<<l,c=a[l];if(-1===c){if(0==(p&r)||0!=(p&s)){c=t,_t(p);var d=Tt;a[l]=10<=d?c+250:6<=d?c+5e3:-1}}else c<=t&&(e.expiredLanes|=p);o&=~p}if(r=It(e,e===ko?Do:0),t=Tt,0===r)null!==n&&(n!==_s&&Ss(n),e.callbackNode=null,e.callbackPriority=0);else{if(null!==n){if(e.callbackPriority===t)return;n!==_s&&Ss(n)}15===t?(n=ml.bind(null,e),null===zs?(zs=[n],Rs=Os(Ps,Qs)):zs.push(n),n=_s):14===t?n=Vs(99,ml.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(i(358,e))}}(t),n=Vs(n,gl.bind(null,e))),e.callbackPriority=t,e.callbackNode=n}}function gl(e){if(sl=-1,il=al=0,0!=(48&Lo))throw Error(i(327));var t=e.callbackNode;if(Pl()&&e.callbackNode!==t)return null;var n=It(e,e===ko?Do:0);if(0===n)return null;var r=n,s=Lo;Lo|=16;var a=yl();for(ko===e&&Do===r||(Go(),Al(e,r));;)try{Ol();break}catch(t){xl(e,t)}if(ta(),Mo.current=a,Lo=s,null!==Po?r=0:(ko=null,Do=0,r=To),0!=(Io&Ro))Al(e,0);else if(0!==r){if(2===r&&(Lo|=64,e.hydrate&&(e.hydrate=!1,Vr(e.containerInfo)),0!==(n=zt(e))&&(r=jl(e,n))),1===r)throw t=_o,Al(e,0),bl(e,n),ul(e,Ys()),t;switch(e.finishedWork=e.current.alternate,e.finishedLanes=n,r){case 0:case 1:throw Error(i(345));case 2:case 5:Nl(e);break;case 3:if(bl(e,n),(62914560&n)===n&&10<(r=Yo+500-Ys())){if(0!==It(e,0))break;if(((s=e.suspendedLanes)&n)!==n){pl(),e.pingedLanes|=e.suspendedLanes&s;break}e.timeoutHandle=Gr(Nl.bind(null,e),r);break}Nl(e);break;case 4:if(bl(e,n),(4186112&n)===n)break;for(r=e.eventTimes,s=-1;0<n;){var o=31-Ft(n);a=1<<o,(o=r[o])>s&&(s=o),n&=~a}if(n=s,10<(n=(120>(n=Ys()-n)?120:480>n?480:1080>n?1080:1920>n?1920:3e3>n?3e3:4320>n?4320:1960*So(n/1960))-n)){e.timeoutHandle=Gr(Nl.bind(null,e),n);break}Nl(e);break;default:throw Error(i(329))}}return ul(e,Ys()),e.callbackNode===t?gl.bind(null,e):null}function bl(e,t){for(t&=~Uo,t&=~Ro,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-Ft(t),r=1<<n;e[n]=-1,t&=~r}}function ml(e){if(0!=(48&Lo))throw Error(i(327));if(Pl(),e===ko&&0!=(e.expiredLanes&Do)){var t=Do,n=jl(e,t);0!=(Io&Ro)&&(n=jl(e,t=It(e,t)))}else n=jl(e,t=It(e,0));if(0!==e.tag&&2===n&&(Lo|=64,e.hydrate&&(e.hydrate=!1,Vr(e.containerInfo)),0!==(t=zt(e))&&(n=jl(e,t))),1===n)throw n=_o,Al(e,0),bl(e,t),ul(e,Ys()),n;return e.finishedWork=e.current.alternate,e.finishedLanes=t,Nl(e),ul(e,Ys()),null}function Cl(e,t){var n=Lo;Lo&=-2,Lo|=8;try{return e(t)}finally{0===(Lo=n)&&(Go(),Zs())}}function fl(e,t){cs(Bo,Eo),Eo|=t,Io|=t}function vl(){Eo=Bo.current,ps(Bo)}function Al(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,Hr(n)),null!==Po)for(n=Po.return;null!==n;){var r=n;switch(r.tag){case 1:null!=(r=r.type.childContextTypes)&&Cs();break;case 3:Ea(),ps(us),ps(hs),Qa();break;case 5:Ta(r);break;case 4:Ea();break;case 13:case 19:ps(_a);break;case 10:na(r);break;case 23:case 24:vl()}n=n.return}ko=e,Po=Yl(e.current,null),Do=Eo=Io=t,To=0,_o=null,Uo=Ro=zo=0}function xl(e,t){for(;;){var n=Po;try{if(ta(),Xa.current=ki,ti){for(var r=Ja.memoizedState;null!==r;){var s=r.queue;null!==s&&(s.pending=null),r=r.next}ti=!1}if(qa=0,ei=$a=Ja=null,ni=!1,No.current=null,null===n||null===n.return){To=1,_o=t,Po=null;break}e:{var a=e,i=n.return,o=n,l=t;if(t=Do,o.flags|=2048,o.firstEffect=o.lastEffect=null,null!==l&&"object"==typeof l&&"function"==typeof l.then){var p=l;if(0==(2&o.mode)){var c=o.alternate;c?(o.updateQueue=c.updateQueue,o.memoizedState=c.memoizedState,o.lanes=c.lanes):(o.updateQueue=null,o.memoizedState=null)}var d=0!=(1&_a.current),h=i;do{var u;if(u=13===h.tag){var g=h.memoizedState;if(null!==g)u=null!==g.dehydrated;else{var b=h.memoizedProps;u=void 0!==b.fallback&&(!0!==b.unstable_avoidThisFallback||!d)}}if(u){var m=h.updateQueue;if(null===m){var C=new Set;C.add(p),h.updateQueue=C}else m.add(p);if(0==(2&h.mode)){if(h.flags|=64,o.flags|=16384,o.flags&=-2981,1===o.tag)if(null===o.alternate)o.tag=17;else{var f=pa(-1,1);f.tag=2,ca(o,f)}o.lanes|=1;break e}l=void 0,o=t;var v=a.pingCache;if(null===v?(v=a.pingCache=new oo,l=new Set,v.set(p,l)):void 0===(l=v.get(p))&&(l=new Set,v.set(p,l)),!l.has(o)){l.add(o);var A=Il.bind(null,a,p,o);p.then(A,A)}h.flags|=4096,h.lanes=t;break e}h=h.return}while(null!==h);l=Error((Z(o.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!==To&&(To=2),l=ao(l,o),h=i;do{switch(h.tag){case 3:a=l,h.flags|=4096,t&=-t,h.lanes|=t,da(h,lo(0,a,t));break e;case 1:a=l;var x=h.type,y=h.stateNode;if(0==(64&h.flags)&&("function"==typeof x.getDerivedStateFromError||null!==y&&"function"==typeof y.componentDidCatch&&(null===Xo||!Xo.has(y)))){h.flags|=4096,t&=-t,h.lanes|=t,da(h,po(h,a,t));break e}}h=h.return}while(null!==h)}Ml(n)}catch(e){t=e,Po===n&&null!==n&&(Po=n=n.return);continue}break}}function yl(){var e=Mo.current;return Mo.current=ki,null===e?ki:e}function jl(e,t){var n=Lo;Lo|=16;var r=yl();for(ko===e&&Do===t||Al(e,t);;)try{wl();break}catch(t){xl(e,t)}if(ta(),Lo=n,Mo.current=r,null!==Po)throw Error(i(261));return ko=null,Do=0,To}function wl(){for(;null!==Po;)Sl(Po)}function Ol(){for(;null!==Po&&!Ms();)Sl(Po)}function Sl(e){var t=Ho(e.alternate,e,Eo);e.memoizedProps=e.pendingProps,null===t?Ml(e):Po=t,No.current=null}function Ml(e){var t=e;do{var n=t.alternate;if(e=t.return,0==(2048&t.flags)){if(null!==(n=ro(n,t,Eo)))return void(Po=n);if(24!==(n=t).tag&&23!==n.tag||null===n.memoizedState||0!=(1073741824&Eo)||0==(4&n.mode)){for(var r=0,s=n.child;null!==s;)r|=s.lanes|s.childLanes,s=s.sibling;n.childLanes=r}null!==e&&0==(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))}else{if(null!==(n=so(t)))return n.flags&=2047,void(Po=n);null!==e&&(e.firstEffect=e.lastEffect=null,e.flags|=2048)}if(null!==(t=t.sibling))return void(Po=t);Po=t=e}while(null!==t);0===To&&(To=5)}function Nl(e){var t=Fs();return Hs(99,Ll.bind(null,e,t)),null}function Ll(e,t){do{Pl()}while(null!==qo);if(0!=(48&Lo))throw Error(i(327));var n=e.finishedWork;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(i(177));e.callbackNode=null;var r=n.lanes|n.childLanes,s=r,a=e.pendingLanes&~s;e.pendingLanes=s,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=s,e.mutableReadLanes&=s,e.entangledLanes&=s,s=e.entanglements;for(var o=e.eventTimes,l=e.expirationTimes;0<a;){var p=31-Ft(a),c=1<<p;s[p]=0,o[p]=-1,l[p]=-1,a&=~c}if(null!==tl&&0==(24&r)&&tl.has(e)&&tl.delete(e),e===ko&&(Po=ko=null,Do=0),1<n.flags?null!==n.lastEffect?(n.lastEffect.nextEffect=n,r=n.firstEffect):r=n:r=n.firstEffect,null!==r){if(s=Lo,Lo|=32,No.current=null,Ur=Qt,mr(o=br())){if("selectionStart"in o)l={start:o.selectionStart,end:o.selectionEnd};else e:if(l=(l=o.ownerDocument)&&l.defaultView||window,(c=l.getSelection&&l.getSelection())&&0!==c.rangeCount){l=c.anchorNode,a=c.anchorOffset,p=c.focusNode,c=c.focusOffset;try{l.nodeType,p.nodeType}catch(e){l=null;break e}var d=0,h=-1,u=-1,g=0,b=0,m=o,C=null;t:for(;;){for(var f;m!==l||0!==a&&3!==m.nodeType||(h=d+a),m!==p||0!==c&&3!==m.nodeType||(u=d+c),3===m.nodeType&&(d+=m.nodeValue.length),null!==(f=m.firstChild);)C=m,m=f;for(;;){if(m===o)break t;if(C===l&&++g===a&&(h=d),C===p&&++b===c&&(u=d),null!==(f=m.nextSibling))break;C=(m=C).parentNode}m=f}l=-1===h||-1===u?null:{start:h,end:u}}else l=null;l=l||{start:0,end:0}}else l=null;Wr={focusedElem:o,selectionRange:l},Qt=!1,ol=null,ll=!1,Vo=r;do{try{kl()}catch(e){if(null===Vo)throw Error(i(330));_l(Vo,e),Vo=Vo.nextEffect}}while(null!==Vo);ol=null,Vo=r;do{try{for(o=e;null!==Vo;){var v=Vo.flags;if(16&v&&Ce(Vo.stateNode,""),128&v){var A=Vo.alternate;if(null!==A){var x=A.ref;null!==x&&("function"==typeof x?x(null):x.current=null)}}switch(1038&v){case 2:vo(Vo),Vo.flags&=-3;break;case 6:vo(Vo),Vo.flags&=-3,jo(Vo.alternate,Vo);break;case 1024:Vo.flags&=-1025;break;case 1028:Vo.flags&=-1025,jo(Vo.alternate,Vo);break;case 4:jo(Vo.alternate,Vo);break;case 8:yo(o,l=Vo);var y=l.alternate;Co(l),null!==y&&Co(y)}Vo=Vo.nextEffect}}catch(e){if(null===Vo)throw Error(i(330));_l(Vo,e),Vo=Vo.nextEffect}}while(null!==Vo);if(x=Wr,A=br(),v=x.focusedElem,o=x.selectionRange,A!==v&&v&&v.ownerDocument&&gr(v.ownerDocument.documentElement,v)){null!==o&&mr(v)&&(A=o.start,void 0===(x=o.end)&&(x=A),"selectionStart"in v?(v.selectionStart=A,v.selectionEnd=Math.min(x,v.value.length)):(x=(A=v.ownerDocument||document)&&A.defaultView||window).getSelection&&(x=x.getSelection(),l=v.textContent.length,y=Math.min(o.start,l),o=void 0===o.end?y:Math.min(o.end,l),!x.extend&&y>o&&(l=o,o=y,y=l),l=ur(v,y),a=ur(v,o),l&&a&&(1!==x.rangeCount||x.anchorNode!==l.node||x.anchorOffset!==l.offset||x.focusNode!==a.node||x.focusOffset!==a.offset)&&((A=A.createRange()).setStart(l.node,l.offset),x.removeAllRanges(),y>o?(x.addRange(A),x.extend(a.node,a.offset)):(A.setEnd(a.node,a.offset),x.addRange(A))))),A=[];for(x=v;x=x.parentNode;)1===x.nodeType&&A.push({element:x,left:x.scrollLeft,top:x.scrollTop});for("function"==typeof v.focus&&v.focus(),v=0;v<A.length;v++)(x=A[v]).element.scrollLeft=x.left,x.element.scrollTop=x.top}Qt=!!Ur,Wr=Ur=null,e.current=n,Vo=r;do{try{for(v=e;null!==Vo;){var j=Vo.flags;if(36&j&&go(v,Vo.alternate,Vo),128&j){A=void 0;var w=Vo.ref;if(null!==w){var O=Vo.stateNode;Vo.tag,A=O,"function"==typeof w?w(A):w.current=A}}Vo=Vo.nextEffect}}catch(e){if(null===Vo)throw Error(i(330));_l(Vo,e),Vo=Vo.nextEffect}}while(null!==Vo);Vo=null,Is(),Lo=s}else e.current=n;if(Ko)Ko=!1,qo=e,Jo=t;else for(Vo=r;null!==Vo;)t=Vo.nextEffect,Vo.nextEffect=null,8&Vo.flags&&((j=Vo).sibling=null,j.stateNode=null),Vo=t;if(0===(r=e.pendingLanes)&&(Xo=null),1===r?e===rl?nl++:(nl=0,rl=e):nl=0,n=n.stateNode,js&&"function"==typeof js.onCommitFiberRoot)try{js.onCommitFiberRoot(ys,n,void 0,64==(64&n.current.flags))}catch(e){}if(ul(e,Ys()),Zo)throw Zo=!1,e=Qo,Qo=null,e;return 0!=(8&Lo)||Zs(),null}function kl(){for(;null!==Vo;){var e=Vo.alternate;ll||null===ol||(0!=(8&Vo.flags)?$e(Vo,ol)&&(ll=!0):13===Vo.tag&&Oo(e,Vo)&&$e(Vo,ol)&&(ll=!0));var t=Vo.flags;0!=(256&t)&&uo(e,Vo),0==(512&t)||Ko||(Ko=!0,Vs(97,(function(){return Pl(),null}))),Vo=Vo.nextEffect}}function Pl(){if(90!==Jo){var e=97<Jo?97:Jo;return Jo=90,Hs(e,Bl)}return!1}function Dl(e,t){$o.push(t,e),Ko||(Ko=!0,Vs(97,(function(){return Pl(),null})))}function El(e,t){el.push(t,e),Ko||(Ko=!0,Vs(97,(function(){return Pl(),null})))}function Bl(){if(null===qo)return!1;var e=qo;if(qo=null,0!=(48&Lo))throw Error(i(331));var t=Lo;Lo|=32;var n=el;el=[];for(var r=0;r<n.length;r+=2){var s=n[r],a=n[r+1],o=s.destroy;if(s.destroy=void 0,"function"==typeof o)try{o()}catch(e){if(null===a)throw Error(i(330));_l(a,e)}}for(n=$o,$o=[],r=0;r<n.length;r+=2){s=n[r],a=n[r+1];try{var l=s.create;s.destroy=l()}catch(e){if(null===a)throw Error(i(330));_l(a,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 Lo=t,Zs(),!0}function Tl(e,t,n){ca(e,t=lo(0,t=ao(n,t),1)),t=pl(),null!==(e=hl(e,1))&&(Yt(e,1,t),ul(e,t))}function _l(e,t){if(3===e.tag)Tl(e,e,t);else for(var n=e.return;null!==n;){if(3===n.tag){Tl(n,e,t);break}if(1===n.tag){var r=n.stateNode;if("function"==typeof n.type.getDerivedStateFromError||"function"==typeof r.componentDidCatch&&(null===Xo||!Xo.has(r))){var s=po(n,e=ao(t,e),1);if(ca(n,s),s=pl(),null!==(n=hl(n,1)))Yt(n,1,s),ul(n,s);else if("function"==typeof r.componentDidCatch&&(null===Xo||!Xo.has(r)))try{r.componentDidCatch(t,e)}catch(e){}break}}n=n.return}}function Il(e,t,n){var r=e.pingCache;null!==r&&r.delete(t),t=pl(),e.pingedLanes|=e.suspendedLanes&n,ko===e&&(Do&n)===n&&(4===To||3===To&&(62914560&Do)===Do&&500>Ys()-Yo?Al(e,0):Uo|=n),ul(e,t)}function zl(e,t){var n=e.stateNode;null!==n&&n.delete(t),0==(t=0)&&(0==(2&(t=e.mode))?t=1:0==(4&t)?t=99===Fs()?1:2:(0===al&&(al=Io),0===(t=Ut(62914560&~al))&&(t=4194304))),n=pl(),null!==(e=hl(e,t))&&(Yt(e,t,n),ul(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 Wl(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Yl(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 Fl(e,t,n,r,s,a){var o=2;if(r=e,"function"==typeof e)Wl(e)&&(o=1);else if("string"==typeof e)o=5;else e:switch(e){case w:return Gl(n.children,s,a,t);case _:o=8,s|=16;break;case O:o=8,s|=1;break;case S:return(e=Ul(12,n,t,8|s)).elementType=S,e.type=S,e.lanes=a,e;case k:return(e=Ul(13,n,t,s)).type=k,e.elementType=k,e.lanes=a,e;case P:return(e=Ul(19,n,t,s)).elementType=P,e.lanes=a,e;case I:return Hl(n,s,a,t);case z:return(e=Ul(24,n,t,s)).elementType=z,e.lanes=a,e;default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case M:o=10;break e;case N:o=9;break e;case L:o=11;break e;case D:o=14;break e;case E:o=16,r=null;break e;case B:o=22;break e}throw Error(i(130,null==e?e:typeof e,""))}return(t=Ul(o,n,t,s)).elementType=e,t.type=r,t.lanes=a,t}function Gl(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=I,e.lanes=n,e}function Vl(e,t,n){return(e=Ul(6,e,null,t)).lanes=n,e}function Zl(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 Ql(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=Wt(0),this.expirationTimes=Wt(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Wt(0),this.mutableSourceEagerHydrationData=null}function Xl(e,t,n){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:j,key:null==r?null:""+r,children:e,containerInfo:t,implementation:n}}function Kl(e,t,n,r){var s=t.current,a=pl(),o=cl(s);e:if(n){t:{if(Xe(n=n._reactInternals)!==n||1!==n.tag)throw Error(i(170));var l=n;do{switch(l.tag){case 3:l=l.stateNode.context;break t;case 1:if(ms(l.type)){l=l.stateNode.__reactInternalMemoizedMergedChildContext;break t}}l=l.return}while(null!==l);throw Error(i(171))}if(1===n.tag){var p=n.type;if(ms(p)){n=vs(n,p,l);break e}}n=l}else n=ds;return null===t.context?t.context=n:t.pendingContext=n,(t=pa(a,o)).payload={element:e},null!==(r=void 0===r?null:r)&&(t.callback=r),ca(s,t),dl(s,o,a),o}function ql(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function Jl(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function $l(e,t){Jl(e,t),(e=e.alternate)&&Jl(e,t)}function ep(e,t,n){var r=null!=n&&null!=n.hydrationOptions&&n.hydrationOptions.mutableSources||null;if(n=new Ql(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,oa(t),e[$r]=n.current,Pr(8===e.nodeType?e.parentNode:e),r)for(e=0;e<r.length;e++){var s=(t=r[e])._getVersion;s=s(t._source),null==n.mutableSourceEagerHydrationData?n.mutableSourceEagerHydrationData=[t,s]:n.mutableSourceEagerHydrationData.push(t,s)}this._internalRoot=n}function tp(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function np(e,t,n,r,s){var a=n._reactRootContainer;if(a){var i=a._internalRoot;if("function"==typeof s){var o=s;s=function(){var e=ql(i);o.call(e)}}Kl(t,i,e,s)}else{if(a=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 ep(e,0,t?{hydrate:!0}:void 0)}(n,r),i=a._internalRoot,"function"==typeof s){var l=s;s=function(){var e=ql(i);l.call(e)}}Cl((function(){Kl(t,i,e,s)}))}return ql(i)}Ho=function(e,t,n){var r=t.lanes;if(null!==e)if(e.memoizedProps!==t.pendingProps||us.current)Ti=!0;else{if(0==(n&r)){switch(Ti=!1,t.tag){case 3:Hi(t),Va();break;case 5:Ba(t);break;case 1:ms(t.type)&&As(t);break;case 4:Da(t,t.stateNode.containerInfo);break;case 10:r=t.memoizedProps.value;var s=t.type._context;cs(qs,s._currentValue),s._currentValue=r;break;case 13:if(null!==t.memoizedState)return 0!=(n&t.child.childLanes)?Ki(e,t,n):(cs(_a,1&_a.current),null!==(t=to(e,t,n))?t.sibling:null);cs(_a,1&_a.current);break;case 19:if(r=0!=(n&t.childLanes),0!=(64&e.flags)){if(r)return eo(e,t,n);t.flags|=64}if(null!==(s=t.memoizedState)&&(s.rendering=null,s.tail=null,s.lastEffect=null),cs(_a,_a.current),r)break;return null;case 23:case 24:return t.lanes=0,Ui(e,t,n)}return to(e,t,n)}Ti=0!=(16384&e.flags)}else Ti=!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,s=bs(t,hs.current),sa(t,n),s=ai(null,t,r,e,s,n),t.flags|=1,"object"==typeof s&&null!==s&&"function"==typeof s.render&&void 0===s.$$typeof){if(t.tag=1,t.memoizedState=null,t.updateQueue=null,ms(r)){var a=!0;As(t)}else a=!1;t.memoizedState=null!==s.state&&void 0!==s.state?s.state:null,oa(t);var o=r.getDerivedStateFromProps;"function"==typeof o&&ba(t,r,o,e),s.updater=ma,t.stateNode=s,s._reactInternals=t,Aa(t,r,e,n),t=Gi(null,t,r,!0,a,n)}else t.tag=0,_i(null,t,s,n),t=t.child;return t;case 16:s=t.elementType;e:{switch(null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),e=t.pendingProps,s=(a=s._init)(s._payload),t.type=s,a=t.tag=function(e){if("function"==typeof e)return Wl(e)?1:0;if(null!=e){if((e=e.$$typeof)===L)return 11;if(e===D)return 14}return 2}(s),e=Ks(s,e),a){case 0:t=Yi(null,t,s,e,n);break e;case 1:t=Fi(null,t,s,e,n);break e;case 11:t=Ii(null,t,s,e,n);break e;case 14:t=zi(null,t,s,Ks(s.type,e),r,n);break e}throw Error(i(306,s,""))}return t;case 0:return r=t.type,s=t.pendingProps,Yi(e,t,r,s=t.elementType===r?s:Ks(r,s),n);case 1:return r=t.type,s=t.pendingProps,Fi(e,t,r,s=t.elementType===r?s:Ks(r,s),n);case 3:if(Hi(t),r=t.updateQueue,null===e||null===r)throw Error(i(282));if(r=t.pendingProps,s=null!==(s=t.memoizedState)?s.element:null,la(e,t),ha(t,r,null,n),(r=t.memoizedState.element)===s)Va(),t=to(e,t,n);else{if((a=(s=t.stateNode).hydrate)&&(Ra=Zr(t.stateNode.containerInfo.firstChild),za=t,a=Ua=!0),a){if(null!=(e=s.mutableSourceEagerHydrationData))for(s=0;s<e.length;s+=2)(a=e[s])._workInProgressVersionPrimary=e[s+1],Za.push(a);for(n=Sa(t,null,r,n),t.child=n;n;)n.flags=-3&n.flags|1024,n=n.sibling}else _i(e,t,r,n),Va();t=t.child}return t;case 5:return Ba(t),null===e&&Fa(t),r=t.type,s=t.pendingProps,a=null!==e?e.memoizedProps:null,o=s.children,Fr(r,s)?o=null:null!==a&&Fr(r,a)&&(t.flags|=16),Wi(e,t),_i(e,t,o,n),t.child;case 6:return null===e&&Fa(t),null;case 13:return Ki(e,t,n);case 4:return Da(t,t.stateNode.containerInfo),r=t.pendingProps,null===e?t.child=Oa(t,null,r,n):_i(e,t,r,n),t.child;case 11:return r=t.type,s=t.pendingProps,Ii(e,t,r,s=t.elementType===r?s:Ks(r,s),n);case 7:return _i(e,t,t.pendingProps,n),t.child;case 8:case 12:return _i(e,t,t.pendingProps.children,n),t.child;case 10:e:{r=t.type._context,s=t.pendingProps,o=t.memoizedProps,a=s.value;var l=t.type._context;if(cs(qs,l._currentValue),l._currentValue=a,null!==o)if(l=o.value,0==(a=pr(l,a)?0:0|("function"==typeof r._calculateChangedBits?r._calculateChangedBits(l,a):1073741823))){if(o.children===s.children&&!us.current){t=to(e,t,n);break e}}else for(null!==(l=t.child)&&(l.return=t);null!==l;){var p=l.dependencies;if(null!==p){o=l.child;for(var c=p.firstContext;null!==c;){if(c.context===r&&0!=(c.observedBits&a)){1===l.tag&&((c=pa(-1,n&-n)).tag=2,ca(l,c)),l.lanes|=n,null!==(c=l.alternate)&&(c.lanes|=n),ra(l.return,n),p.lanes|=n;break}c=c.next}}else o=10===l.tag&&l.type===t.type?null:l.child;if(null!==o)o.return=l;else for(o=l;null!==o;){if(o===t){o=null;break}if(null!==(l=o.sibling)){l.return=o.return,o=l;break}o=o.return}l=o}_i(e,t,s.children,n),t=t.child}return t;case 9:return s=t.type,r=(a=t.pendingProps).children,sa(t,n),r=r(s=aa(s,a.unstable_observedBits)),t.flags|=1,_i(e,t,r,n),t.child;case 14:return a=Ks(s=t.type,t.pendingProps),zi(e,t,s,a=Ks(s.type,a),r,n);case 15:return Ri(e,t,t.type,t.pendingProps,r,n);case 17:return r=t.type,s=t.pendingProps,s=t.elementType===r?s:Ks(r,s),null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),t.tag=1,ms(r)?(e=!0,As(t)):e=!1,sa(t,n),fa(t,r,s),Aa(t,r,s,n),Gi(null,t,r,!0,e,n);case 19:return eo(e,t,n);case 23:case 24:return Ui(e,t,n)}throw Error(i(156,t.tag))},ep.prototype.render=function(e){Kl(e,this._internalRoot,null,null)},ep.prototype.unmount=function(){var e=this._internalRoot,t=e.containerInfo;Kl(null,e,null,(function(){t[$r]=null}))},et=function(e){13===e.tag&&(dl(e,4,pl()),$l(e,4))},tt=function(e){13===e.tag&&(dl(e,67108864,pl()),$l(e,67108864))},nt=function(e){if(13===e.tag){var t=pl(),n=cl(e);dl(e,n,t),$l(e,n)}},rt=function(e,t){return t()},Se=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 s=ss(r);if(!s)throw Error(i(90));q(r),ne(r,s)}}}break;case"textarea":pe(e,n);break;case"select":null!=(t=n.value)&&ie(e,!!n.multiple,t,!1)}},De=function(e,t){var n=Lo;Lo|=1;try{return e(t)}finally{0===(Lo=n)&&(Go(),Zs())}},Ee=function(e,t,n,r,s){var a=Lo;Lo|=4;try{return Hs(98,e.bind(null,t,n,r,s))}finally{0===(Lo=a)&&(Go(),Zs())}},Be=function(){0==(49&Lo)&&(function(){if(null!==tl){var e=tl;tl=null,e.forEach((function(e){e.expiredLanes|=24&e.pendingLanes,ul(e,Ys())}))}Zs()}(),Pl())},Te=function(e,t){var n=Lo;Lo|=2;try{return e(t)}finally{0===(Lo=n)&&(Go(),Zs())}};var rp={findFiberByHostInstance:ts,bundleType:0,version:"17.0.2",rendererPackageName:"react-dom"},sp={bundleType:rp.bundleType,version:rp.version,rendererPackageName:rp.rendererPackageName,rendererConfig:rp.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:x.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Je(e))?null:e.stateNode},findFiberByHostInstance:rp.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var ap=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!ap.isDisabled&&ap.supportsFiber)try{ys=ap.inject(sp),js=ap}catch(be){}}t.createPortal=function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!tp(t))throw Error(i(200));return Xl(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(i(188));throw Error(i(268,Object.keys(e)))}return null===(e=Je(t))?null:e.stateNode},t.render=function(e,t,n){if(!tp(t))throw Error(i(200));return np(null,e,t,!1,n)},t.unmountComponentAtNode=function(e){if(!tp(e))throw Error(i(40));return!!e._reactRootContainer&&(Cl((function(){np(null,null,e,!1,(function(){e._reactRootContainer=null,e[$r]=null}))})),!0)}},5350:(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(6590)},1801:(e,t,n)=>{"use strict";n(8753);var r=n(1902),s=60103;if(t.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var a=Symbol.for;s=a("react.element"),t.Fragment=a("react.fragment")}var i=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,o=Object.prototype.hasOwnProperty,l={key:!0,ref:!0,__self:!0,__source:!0};function p(e,t,n){var r,a={},p=null,c=null;for(r in void 0!==n&&(p=""+n),void 0!==t.key&&(p=""+t.key),void 0!==t.ref&&(c=t.ref),t)o.call(t,r)&&!l.hasOwnProperty(r)&&(a[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===a[r]&&(a[r]=t[r]);return{$$typeof:s,type:e,key:p,ref:c,props:a,_owner:i.current}}t.jsx=p,t.jsxs=p},6654:(e,t,n)=>{"use strict";var r=n(8753),s=60103,a=60106;t.Fragment=60107,t.StrictMode=60108,t.Profiler=60114;var i=60109,o=60110,l=60112;t.Suspense=60113;var p=60115,c=60116;if("function"==typeof Symbol&&Symbol.for){var d=Symbol.for;s=d("react.element"),a=d("react.portal"),t.Fragment=d("react.fragment"),t.StrictMode=d("react.strict_mode"),t.Profiler=d("react.profiler"),i=d("react.provider"),o=d("react.context"),l=d("react.forward_ref"),t.Suspense=d("react.suspense"),p=d("react.memo"),c=d("react.lazy")}var h="function"==typeof Symbol&&Symbol.iterator;function u(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 g={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},b={};function m(e,t,n){this.props=e,this.context=t,this.refs=b,this.updater=n||g}function C(){}function f(e,t,n){this.props=e,this.context=t,this.refs=b,this.updater=n||g}m.prototype.isReactComponent={},m.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error(u(85));this.updater.enqueueSetState(this,e,t,"setState")},m.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},C.prototype=m.prototype;var v=f.prototype=new C;v.constructor=f,r(v,m.prototype),v.isPureReactComponent=!0;var A={current:null},x=Object.prototype.hasOwnProperty,y={key:!0,ref:!0,__self:!0,__source:!0};function j(e,t,n){var r,a={},i=null,o=null;if(null!=t)for(r in void 0!==t.ref&&(o=t.ref),void 0!==t.key&&(i=""+t.key),t)x.call(t,r)&&!y.hasOwnProperty(r)&&(a[r]=t[r]);var l=arguments.length-2;if(1===l)a.children=n;else if(1<l){for(var p=Array(l),c=0;c<l;c++)p[c]=arguments[c+2];a.children=p}if(e&&e.defaultProps)for(r in l=e.defaultProps)void 0===a[r]&&(a[r]=l[r]);return{$$typeof:s,type:e,key:i,ref:o,props:a,_owner:A.current}}function w(e){return"object"==typeof e&&null!==e&&e.$$typeof===s}var O=/\/+/g;function S(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 M(e,t,n,r,i){var o=typeof e;"undefined"!==o&&"boolean"!==o||(e=null);var l=!1;if(null===e)l=!0;else switch(o){case"string":case"number":l=!0;break;case"object":switch(e.$$typeof){case s:case a:l=!0}}if(l)return i=i(l=e),e=""===r?"."+S(l,0):r,Array.isArray(i)?(n="",null!=e&&(n=e.replace(O,"$&/")+"/"),M(i,t,n,"",(function(e){return e}))):null!=i&&(w(i)&&(i=function(e,t){return{$$typeof:s,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(i,n+(!i.key||l&&l.key===i.key?"":(""+i.key).replace(O,"$&/")+"/")+e)),t.push(i)),1;if(l=0,r=""===r?".":r+":",Array.isArray(e))for(var p=0;p<e.length;p++){var c=r+S(o=e[p],p);l+=M(o,t,n,c,i)}else if(c=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=h&&e[h]||e["@@iterator"])?e:null}(e),"function"==typeof c)for(e=c.call(e),p=0;!(o=e.next()).done;)l+=M(o=o.value,t,n,c=r+S(o,p++),i);else if("object"===o)throw t=""+e,Error(u(31,"[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t));return l}function N(e,t,n){if(null==e)return e;var r=[],s=0;return M(e,r,"","",(function(e){return t.call(n,e,s++)})),r}function L(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 k={current:null};function P(){var e=k.current;if(null===e)throw Error(u(321));return e}var D={ReactCurrentDispatcher:k,ReactCurrentBatchConfig:{transition:0},ReactCurrentOwner:A,IsSomeRendererActing:{current:!1},assign:r};t.Children={map:N,forEach:function(e,t,n){N(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return N(e,(function(){t++})),t},toArray:function(e){return N(e,(function(e){return e}))||[]},only:function(e){if(!w(e))throw Error(u(143));return e}},t.Component=m,t.PureComponent=f,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=D,t.cloneElement=function(e,t,n){if(null==e)throw Error(u(267,e));var a=r({},e.props),i=e.key,o=e.ref,l=e._owner;if(null!=t){if(void 0!==t.ref&&(o=t.ref,l=A.current),void 0!==t.key&&(i=""+t.key),e.type&&e.type.defaultProps)var p=e.type.defaultProps;for(c in t)x.call(t,c)&&!y.hasOwnProperty(c)&&(a[c]=void 0===t[c]&&void 0!==p?p[c]:t[c])}var c=arguments.length-2;if(1===c)a.children=n;else if(1<c){p=Array(c);for(var d=0;d<c;d++)p[d]=arguments[d+2];a.children=p}return{$$typeof:s,type:e.type,key:i,ref:o,props:a,_owner:l}},t.createContext=function(e,t){return void 0===t&&(t=null),(e={$$typeof:o,_calculateChangedBits:t,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null}).Provider={$$typeof:i,_context:e},e.Consumer=e},t.createElement=j,t.createFactory=function(e){var t=j.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=w,t.lazy=function(e){return{$$typeof:c,_payload:{_status:-1,_result:e},_init:L}},t.memo=function(e,t){return{$$typeof:p,type:e,compare:void 0===t?null:t}},t.useCallback=function(e,t){return P().useCallback(e,t)},t.useContext=function(e,t){return P().useContext(e,t)},t.useDebugValue=function(){},t.useEffect=function(e,t){return P().useEffect(e,t)},t.useImperativeHandle=function(e,t,n){return P().useImperativeHandle(e,t,n)},t.useLayoutEffect=function(e,t){return P().useLayoutEffect(e,t)},t.useMemo=function(e,t){return P().useMemo(e,t)},t.useReducer=function(e,t,n){return P().useReducer(e,t,n)},t.useRef=function(e){return P().useRef(e)},t.useState=function(e){return P().useState(e)},t.version="17.0.2"},1902:(e,t,n)=>{"use strict";e.exports=n(6654)},3704:(e,t,n)=>{"use strict";e.exports=n(1801)},4392:(e,t)=>{"use strict";var n,r,s,a;if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var o=Date,l=o.now();t.unstable_now=function(){return o.now()-l}}if("undefined"==typeof window||"function"!=typeof MessageChannel){var p=null,c=null,d=function(){if(null!==p)try{var e=t.unstable_now();p(!0,e),p=null}catch(e){throw setTimeout(d,0),e}};n=function(e){null!==p?setTimeout(n,0,e):(p=e,setTimeout(d,0))},r=function(e,t){c=setTimeout(e,t)},s=function(){clearTimeout(c)},t.unstable_shouldYield=function(){return!1},a=t.unstable_forceFrameRate=function(){}}else{var h=window.setTimeout,u=window.clearTimeout;if("undefined"!=typeof console){var g=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 g&&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 b=!1,m=null,C=-1,f=5,v=0;t.unstable_shouldYield=function(){return t.unstable_now()>=v},a=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"):f=0<e?Math.floor(1e3/e):5};var A=new MessageChannel,x=A.port2;A.port1.onmessage=function(){if(null!==m){var e=t.unstable_now();v=e+f;try{m(!0,e)?x.postMessage(null):(b=!1,m=null)}catch(e){throw x.postMessage(null),e}}else b=!1},n=function(e){m=e,b||(b=!0,x.postMessage(null))},r=function(e,n){C=h((function(){e(t.unstable_now())}),n)},s=function(){u(C),C=-1}}function y(e,t){var n=e.length;e.push(t);e:for(;;){var r=n-1>>>1,s=e[r];if(!(void 0!==s&&0<O(s,t)))break e;e[r]=t,e[n]=s,n=r}}function j(e){return void 0===(e=e[0])?null:e}function w(e){var t=e[0];if(void 0!==t){var n=e.pop();if(n!==t){e[0]=n;e:for(var r=0,s=e.length;r<s;){var a=2*(r+1)-1,i=e[a],o=a+1,l=e[o];if(void 0!==i&&0>O(i,n))void 0!==l&&0>O(l,i)?(e[r]=l,e[o]=n,r=o):(e[r]=i,e[a]=n,r=a);else{if(!(void 0!==l&&0>O(l,n)))break e;e[r]=l,e[o]=n,r=o}}}return t}return null}function O(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}var S=[],M=[],N=1,L=null,k=3,P=!1,D=!1,E=!1;function B(e){for(var t=j(M);null!==t;){if(null===t.callback)w(M);else{if(!(t.startTime<=e))break;w(M),t.sortIndex=t.expirationTime,y(S,t)}t=j(M)}}function T(e){if(E=!1,B(e),!D)if(null!==j(S))D=!0,n(_);else{var t=j(M);null!==t&&r(T,t.startTime-e)}}function _(e,n){D=!1,E&&(E=!1,s()),P=!0;var a=k;try{for(B(n),L=j(S);null!==L&&(!(L.expirationTime>n)||e&&!t.unstable_shouldYield());){var i=L.callback;if("function"==typeof i){L.callback=null,k=L.priorityLevel;var o=i(L.expirationTime<=n);n=t.unstable_now(),"function"==typeof o?L.callback=o:L===j(S)&&w(S),B(n)}else w(S);L=j(S)}if(null!==L)var l=!0;else{var p=j(M);null!==p&&r(T,p.startTime-n),l=!1}return l}finally{L=null,k=a,P=!1}}var I=a;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(){D||P||(D=!0,n(_))},t.unstable_getCurrentPriorityLevel=function(){return k},t.unstable_getFirstCallbackNode=function(){return j(S)},t.unstable_next=function(e){switch(k){case 1:case 2:case 3:var t=3;break;default:t=k}var n=k;k=t;try{return e()}finally{k=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=I,t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=k;k=e;try{return t()}finally{k=n}},t.unstable_scheduleCallback=function(e,a,i){var o=t.unstable_now();switch(i="object"==typeof i&&null!==i&&"number"==typeof(i=i.delay)&&0<i?o+i:o,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:N++,callback:a,priorityLevel:e,startTime:i,expirationTime:l=i+l,sortIndex:-1},i>o?(e.sortIndex=i,y(M,e),null===j(S)&&e===j(M)&&(E?s():E=!0,r(T,i-o))):(e.sortIndex=l,y(S,e),D||P||(D=!0,n(_))),e},t.unstable_wrapCallback=function(e){var t=k;return function(){var n=k;k=t;try{return e.apply(this,arguments)}finally{k=n}}}},7881:(e,t,n)=>{"use strict";e.exports=n(4392)},7654:(e,t,n)=>{"use strict";n.d(t,{Z:()=>m});var r="undefined"!=typeof window?window:null,s=null===r,a=s?void 0:r.document,i="horizontal",o=function(){return!1},l=s?"calc":["","-webkit-","-moz-","-o-"].filter((function(e){var t=a.createElement("div");return t.style.cssText="width:"+e+"calc(9px)",!!t.style.length})).shift()+"calc",p=function(e){return"string"==typeof e||e instanceof String},c=function(e){if(p(e)){var t=a.querySelector(e);if(!t)throw new Error("Selector "+e+" did not match a DOM element");return t}return e},d=function(e,t,n){var r=e[t];return void 0!==r?r:n},h=function(e,t,n,r){if(t){if("end"===r)return 0;if("center"===r)return e/2}else if(n){if("start"===r)return 0;if("center"===r)return e/2}return e},u=function(e,t){var n=a.createElement("div");return n.className="gutter gutter-"+t,n},g=function(e,t,n){var r={};return p(t)?r[e]=t:r[e]=l+"("+t+"% - "+n+"px)",r},b=function(e,t){var n;return(n={})[e]=t+"px",n};const m=function(e,t){if(void 0===t&&(t={}),s)return{};var n,l,p,m,C,f,v=e;Array.from&&(v=Array.from(v));var A=c(v[0]).parentNode,x=getComputedStyle?getComputedStyle(A):null,y=x?x.flexDirection:null,j=d(t,"sizes")||v.map((function(){return 100/v.length})),w=d(t,"minSize",100),O=Array.isArray(w)?w:v.map((function(){return w})),S=d(t,"maxSize",1/0),M=Array.isArray(S)?S:v.map((function(){return S})),N=d(t,"expandToMin",!1),L=d(t,"gutterSize",10),k=d(t,"gutterAlign","center"),P=d(t,"snapOffset",30),D=Array.isArray(P)?P:v.map((function(){return P})),E=d(t,"dragInterval",1),B=d(t,"direction",i),T=d(t,"cursor",B===i?"col-resize":"row-resize"),_=d(t,"gutter",u),I=d(t,"elementStyle",g),z=d(t,"gutterStyle",b);function R(e,t,r,s){var a=I(n,t,r,s);Object.keys(a).forEach((function(t){e.style[t]=a[t]}))}function U(){return f.map((function(e){return e.size}))}function W(e){return"touches"in e?e.touches[0][l]:e[l]}function Y(e){var t=f[this.a],n=f[this.b],r=t.size+n.size;t.size=e/this.size*r,n.size=r-e/this.size*r,R(t.element,t.size,this._b,t.i),R(n.element,n.size,this._c,n.i)}function F(e){var n,r=f[this.a],s=f[this.b];this.dragging&&(n=W(e)-this.start+(this._b-this.dragOffset),E>1&&(n=Math.round(n/E)*E),n<=r.minSize+r.snapOffset+this._b?n=r.minSize+this._b:n>=this.size-(s.minSize+s.snapOffset+this._c)&&(n=this.size-(s.minSize+this._c)),n>=r.maxSize-r.snapOffset+this._b?n=r.maxSize+this._b:n<=this.size-(s.maxSize-s.snapOffset+this._c)&&(n=this.size-(s.maxSize+this._c)),Y.call(this,n),d(t,"onDrag",o)(U()))}function G(){var e=f[this.a].element,t=f[this.b].element,r=e.getBoundingClientRect(),s=t.getBoundingClientRect();this.size=r[n]+s[n]+this._b+this._c,this.start=r[p],this.end=r[m]}function H(e){var t=function(e){if(!getComputedStyle)return null;var t=getComputedStyle(e);if(!t)return null;var n=e[C];return 0===n?null:n-=B===i?parseFloat(t.paddingLeft)+parseFloat(t.paddingRight):parseFloat(t.paddingTop)+parseFloat(t.paddingBottom)}(A);if(null===t)return e;if(O.reduce((function(e,t){return e+t}),0)>t)return e;var n=0,r=[],s=e.map((function(s,a){var i=t*s/100,o=h(L,0===a,a===e.length-1,k),l=O[a]+o;return i<l?(n+=l-i,r.push(0),l):(r.push(i-l),i)}));return 0===n?e:s.map((function(e,s){var a=e;if(n>0&&r[s]-n>0){var i=Math.min(n,r[s]-n);n-=i,a=e-i}return a/t*100}))}function V(){var e=this,n=f[e.a].element,s=f[e.b].element;e.dragging&&d(t,"onDragEnd",o)(U()),e.dragging=!1,r.removeEventListener("mouseup",e.stop),r.removeEventListener("touchend",e.stop),r.removeEventListener("touchcancel",e.stop),r.removeEventListener("mousemove",e.move),r.removeEventListener("touchmove",e.move),e.stop=null,e.move=null,n.removeEventListener("selectstart",o),n.removeEventListener("dragstart",o),s.removeEventListener("selectstart",o),s.removeEventListener("dragstart",o),n.style.userSelect="",n.style.webkitUserSelect="",n.style.MozUserSelect="",n.style.pointerEvents="",s.style.userSelect="",s.style.webkitUserSelect="",s.style.MozUserSelect="",s.style.pointerEvents="",e.gutter.style.cursor="",e.parent.style.cursor="",a.body.style.cursor=""}function Z(e){if(!("button"in e)||0===e.button){var n=this,s=f[n.a].element,i=f[n.b].element;n.dragging||d(t,"onDragStart",o)(U()),e.preventDefault(),n.dragging=!0,n.move=F.bind(n),n.stop=V.bind(n),r.addEventListener("mouseup",n.stop),r.addEventListener("touchend",n.stop),r.addEventListener("touchcancel",n.stop),r.addEventListener("mousemove",n.move),r.addEventListener("touchmove",n.move),s.addEventListener("selectstart",o),s.addEventListener("dragstart",o),i.addEventListener("selectstart",o),i.addEventListener("dragstart",o),s.style.userSelect="none",s.style.webkitUserSelect="none",s.style.MozUserSelect="none",s.style.pointerEvents="none",i.style.userSelect="none",i.style.webkitUserSelect="none",i.style.MozUserSelect="none",i.style.pointerEvents="none",n.gutter.style.cursor=T,n.parent.style.cursor=T,a.body.style.cursor=T,G.call(n),n.dragOffset=W(e)-n.end}}B===i?(n="width",l="clientX",p="left",m="right",C="clientWidth"):"vertical"===B&&(n="height",l="clientY",p="top",m="bottom",C="clientHeight"),j=H(j);var Q=[];function X(e){var t=e.i===Q.length,n=t?Q[e.i-1]:Q[e.i];G.call(n);var r=t?n.size-e.minSize-n._c:e.minSize+n._b;Y.call(n,r)}return(f=v.map((function(e,t){var r,s={element:c(e),size:j[t],minSize:O[t],maxSize:M[t],snapOffset:D[t],i:t};if(t>0&&((r={a:t-1,b:t,dragging:!1,direction:B,parent:A})._b=h(L,t-1==0,!1,k),r._c=h(L,!1,t===v.length-1,k),"row-reverse"===y||"column-reverse"===y)){var a=r.a;r.a=r.b,r.b=a}if(t>0){var i=_(t,B,s.element);!function(e,t,r){var s=z(n,t,r);Object.keys(s).forEach((function(t){e.style[t]=s[t]}))}(i,L,t),r._a=Z.bind(r),i.addEventListener("mousedown",r._a),i.addEventListener("touchstart",r._a),A.insertBefore(i,s.element),r.gutter=i}return R(s.element,s.size,h(L,0===t,t===v.length-1,k),t),t>0&&Q.push(r),s}))).forEach((function(e){var t=e.element.getBoundingClientRect()[n];t<e.minSize&&(N?X(e):e.minSize=t)})),{setSizes:function(e){var t=H(e);t.forEach((function(e,n){if(n>0){var r=Q[n-1],s=f[r.a],a=f[r.b];s.size=t[n-1],a.size=e,R(s.element,s.size,r._b,s.i),R(a.element,a.size,r._c,a.i)}}))},getSizes:U,collapse:function(e){X(f[e])},destroy:function(e,t){Q.forEach((function(r){if(!0!==t?r.parent.removeChild(r.gutter):(r.gutter.removeEventListener("mousedown",r._a),r.gutter.removeEventListener("touchstart",r._a)),!0!==e){var s=I(n,r.a.size,r._b);Object.keys(s).forEach((function(e){f[r.a].element.style[e]="",f[r.b].element.style[e]=""}))}}))},parent:A,pairs:Q}}},3278: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 a={},i=[],o=0;o<e.length;o++){var l=e[o],p=r.base?l[0]+r.base:l[0],c=a[p]||0,d="".concat(p," ").concat(c);a[p]=c+1;var h=n(d),u={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(-1!==h)t[h].references++,t[h].updater(u);else{var g=s(u,r);r.byIndex=o,t.splice(o,0,{identifier:d,updater:g,references:1})}i.push(d)}return i}function s(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,s){var a=r(e=e||[],s=s||{});return function(e){e=e||[];for(var i=0;i<a.length;i++){var o=n(a[i]);t[o].references--}for(var l=r(e,s),p=0;p<a.length;p++){var c=n(a[p]);0===t[c].references&&(t[c].updater(),t.splice(c,1))}a=l}}},547: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)}},2593:e=>{"use strict";e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},5604:(e,t,n)=>{"use strict";e.exports=function(e){var t=n.nc;t&&e.setAttribute("nonce",t)}},8391:e=>{"use strict";e.exports=function(e){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 s=void 0!==n.layer;s&&(r+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),r+=n.css,s&&(r+="}"),n.media&&(r+="}"),n.supports&&(r+="}");var a=n.sourceMap;a&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),t.styleTagTransform(r,e,t.options)}(t,e,n)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},7784: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))}}},6199:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4NCiAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1OS4xICg4NjE0NCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+DQogIDx0aXRsZT5pY19mbHVlbnRfY29weV8yNF9yZWd1bGFyPC90aXRsZT4NCiAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogIDxnIGlkPSLwn5SNLVByb2R1Y3QtSWNvbnMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgIDxnIGlkPSJpY19mbHVlbnRfY29weV8yNF9yZWd1bGFyIiBmaWxsPSJ3aGl0ZSIgZmlsbC1ydWxlPSJub256ZXJvIj4NCiAgICAgIDxwYXRoIGQ9Ik01LjUwMjgwMzgxLDQuNjI3MDQwMzggTDUuNSw2Ljc1IEw1LjUsMTcuMjU0MjA4NyBDNS41LDE5LjA0OTEzNDIgNi45NTUwNzQ1NiwyMC41MDQyMDg3IDguNzUsMjAuNTA0MjA4NyBMMTcuMzY2Mjg2OCwyMC41MDQ0NjIyIEMxNy4wNTczMzgsMjEuMzc4MjI0MSAxNi4yMjM5NzUxLDIyLjAwNDIwODcgMTUuMjQ0NDA1NywyMi4wMDQyMDg3IEw4Ljc1LDIyLjAwNDIwODcgQzYuMTI2NjQ3NDQsMjIuMDA0MjA4NyA0LDE5Ljg3NzU2MTMgNCwxNy4yNTQyMDg3IEw0LDYuNzUgQzQsNS43NjkyODg0OCA0LjYyNzQ0NTIzLDQuOTM1MTI0NjQgNS41MDI4MDM4MSw0LjYyNzA0MDM4IFogTTE3Ljc1LDIgQzE4Ljk5MjY0MDcsMiAyMCwzLjAwNzM1OTMxIDIwLDQuMjUgTDIwLDE3LjI1IEMyMCwxOC40OTI2NDA3IDE4Ljk5MjY0MDcsMTkuNSAxNy43NSwxOS41IEw4Ljc1LDE5LjUgQzcuNTA3MzU5MzEsMTkuNSA2LjUsMTguNDkyNjQwNyA2LjUsMTcuMjUgTDYuNSw0LjI1IEM2LjUsMy4wMDczNTkzMSA3LjUwNzM1OTMxLDIgOC43NSwyIEwxNy43NSwyIFogTTE3Ljc1LDMuNSBMOC43NSwzLjUgQzguMzM1Nzg2NDQsMy41IDgsMy44MzU3ODY0NCA4LDQuMjUgTDgsMTcuMjUgQzgsMTcuNjY0MjEzNiA4LjMzNTc4NjQ0LDE4IDguNzUsMTggTDE3Ljc1LDE4IEMxOC4xNjQyMTM2LDE4IDE4LjUsMTcuNjY0MjEzNiAxOC41LDE3LjI1IEwxOC41LDQuMjUgQzE4LjUsMy44MzU3ODY0NCAxOC4xNjQyMTM2LDMuNSAxNy43NSwzLjUgWiIgaWQ9IvCfjqgtQ29sb3IiPjwvcGF0aD4NCiAgICA8L2c+DQogIDwvZz4NCjwvc3ZnPg=="},1289:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4NCiAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1OS4xICg4NjE0NCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+DQogIDx0aXRsZT5pY19mbHVlbnRfZGVsZXRlXzI0X3JlZ3VsYXI8L3RpdGxlPg0KICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgPGcgaWQ9IvCflI0tUHJvZHVjdC1JY29ucyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgPGcgaWQ9ImljX2ZsdWVudF9kZWxldGVfMjRfcmVndWxhciIgZmlsbD0id2hpdGUiIGZpbGwtcnVsZT0ibm9uemVybyI+DQogICAgICA8cGF0aCBkPSJNMTIsMS43NSBDMTMuNzMzMDMxNSwxLjc1IDE1LjE0OTI0NTksMy4xMDY0NTQ3NyAxNS4yNDQ4NTUyLDQuODE1NTc2MDkgTDE1LjI1LDUgTDIwLjUsNSBDMjAuOTE0MjEzNiw1IDIxLjI1LDUuMzM1Nzg2NDQgMjEuMjUsNS43NSBDMjEuMjUsNi4xMjk2OTU3NyAyMC45Njc4NDYxLDYuNDQzNDkwOTYgMjAuNjAxNzcwNiw2LjQ5MzE1MzM4IEwyMC41LDYuNSBMMTkuNzA0LDYuNSBMMTguNDIzODYyNywxOS41MTkxOTI3IEMxOC4yOTExNjY2LDIwLjg2ODI2OTYgMTcuMTk4NDMwOSwyMS45MDk5OTYxIDE1Ljg2MjYyNDksMjEuOTk0NDY0NSBMMTUuNjg3MDY5OCwyMiBMOC4zMTI5MzAyMiwyMiBDNi45NTczNDMwMiwyMiA1LjgxMzY1MzUyLDIxLjAxNDQ4NTEgNS41OTg4MzEwNiwxOS42OTMzNjI5IEw1LjU3NjEzNzM0LDE5LjUxOTE5MjcgTDQuMjk1LDYuNSBMMy41LDYuNSBDMy4xMjAzMDQyMyw2LjUgMi44MDY1MDkwNCw2LjIxNzg0NjEyIDIuNzU2ODQ2NjIsNS44NTE3NzA1NiBMMi43NSw1Ljc1IEMyLjc1LDUuMzcwMzA0MjMgMy4wMzIxNTM4OCw1LjA1NjUwOTA0IDMuMzk4MjI5NDQsNS4wMDY4NDY2MiBMMy41LDUgTDguNzUsNSBDOC43NSwzLjIwNTA3NDU2IDEwLjIwNTA3NDYsMS43NSAxMiwxLjc1IFogTTE4LjE5Nyw2LjUgTDUuODAyLDYuNSBMNy4wNjg5MzM0NiwxOS4zNzIzNjAzIEM3LjEyNzY3NjM5LDE5Ljk2OTU4MDEgNy42MDAzMzAxOSwyMC40MzQyODkxIDguMTg1ODQ1MDEsMjAuNDkzNTk2IEw4LjMxMjkzMDIyLDIwLjUgTDE1LjY4NzA2OTgsMjAuNSBDMTYuMjg3MTcxNiwyMC41IDE2Ljc5NTkxNiwyMC4wNzUxMDU3IDE2LjkxMjI1MzEsMTkuNDk4MjA4MyBMMTYuOTMxMDY2NSwxOS4zNzIzNjAzIEwxOC4xOTcsNi41IFogTTEzLjc1LDkuMjUgQzE0LjEyOTY5NTgsOS4yNSAxNC40NDM0OTEsOS41MzIxNTM4OCAxNC40OTMxNTM0LDkuODk4MjI5NDQgTDE0LjUsMTAgTDE0LjUsMTcgQzE0LjUsMTcuNDE0MjEzNiAxNC4xNjQyMTM2LDE3Ljc1IDEzLjc1LDE3Ljc1IEMxMy4zNzAzMDQyLDE3Ljc1IDEzLjA1NjUwOSwxNy40Njc4NDYxIDEzLjAwNjg0NjYsMTcuMTAxNzcwNiBMMTMsMTcgTDEzLDEwIEMxMyw5LjU4NTc4NjQ0IDEzLjMzNTc4NjQsOS4yNSAxMy43NSw5LjI1IFogTTEwLjI1LDkuMjUgQzEwLjYyOTY5NTgsOS4yNSAxMC45NDM0OTEsOS41MzIxNTM4OCAxMC45OTMxNTM0LDkuODk4MjI5NDQgTDExLDEwIEwxMSwxNyBDMTEsMTcuNDE0MjEzNiAxMC42NjQyMTM2LDE3Ljc1IDEwLjI1LDE3Ljc1IEM5Ljg3MDMwNDIzLDE3Ljc1IDkuNTU2NTA5MDQsMTcuNDY3ODQ2MSA5LjUwNjg0NjYyLDE3LjEwMTc3MDYgTDkuNSwxNyBMOS41LDEwIEM5LjUsOS41ODU3ODY0NCA5LjgzNTc4NjQ0LDkuMjUgMTAuMjUsOS4yNSBaIE0xMiwzLjI1IEMxMS4wODE4MjY2LDMuMjUgMTAuMzI4ODA3NywzLjk1NzExMDI3IDEwLjI1NTgwMTIsNC44NTY0NzI3OSBMMTAuMjUsNSBMMTMuNzUsNSBDMTMuNzUsNC4wMzM1MDE2OSAxMi45NjY0OTgzLDMuMjUgMTIsMy4yNSBaIiBpZD0i8J+OqC1Db2xvciI+PC9wYXRoPg0KICAgIDwvZz4NCiAgPC9nPg0KPC9zdmc+"},8271:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cmVjdCB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMTUsOC4yN2EuNTguNTgsMCwwLDEsLjU3LjV2NS42NWg1LjU3YS41OC41OCwwLDAsMSwuMDgsMS4xNUgxNS41OHY1LjU3YS41OC41OCwwLDAsMS0xLjE1LjA4VjE1LjU4SDguODVhLjU4LjU4LDAsMCwxLS4wOC0xLjE1aDUuNjVWOC44NUEuNTguNTgsMCwwLDEsMTUsOC4yN1oiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="},6962:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEwIDEwIj48Y2lyY2xlIGN4PSI1IiBjeT0iNSIgcj0iMi44OSIgc3R5bGU9ImZpbGw6Izg4OCIvPjxyZWN0IHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgc3R5bGU9ImZpbGw6bm9uZSIvPjwvc3ZnPg=="},2483:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSI0NSIgdmlld0JveD0iMCAwIDIzIDQ1Ij48cmVjdCB3aWR0aD0iMjMiIGhlaWdodD0iNDUiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMTEuNjcsMTYuMzEsMTksMjJhLjYxLjYxLDAsMCwxLC4xNS44NUEuNTQuNTQsMCwwLDEsMTksMjNsLTcuMzUsNS43MWEuNjEuNjEsMCwwLDEtLjg2LS4wOC42My42MywwLDAsMS0uMTQtLjRWMjQuMDdMNC43NCwyOC42OWEuNjEuNjEsMCwwLDEtLjg2LS4wOC42My42MywwLDAsMS0uMTQtLjRWMTYuNzlhLjYxLjYxLDAsMCwxLC42LS42Mi42My42MywwLDAsMSwuNC4xNGw1Ljk0LDQuNjJWMTYuNzlhLjYxLjYxLDAsMCwxLC42MS0uNjFBLjU4LjU4LDAsMCwxLDExLjY3LDE2LjMxWiIgc3R5bGU9ImZpbGw6I2NjYyIvPjwvc3ZnPg=="},4817:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSI0NSIgdmlld0JveD0iMCAwIDIzIDQ1Ij48cmVjdCB3aWR0aD0iMjMiIGhlaWdodD0iNDUiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMTEuNjcsMTYuMzEsMTksMjJhLjYxLjYxLDAsMCwxLC4xNS44NUEuNTQuNTQsMCwwLDEsMTksMjNsLTcuMzUsNS43MWEuNjEuNjEsMCwwLDEtLjg2LS4wOC42My42MywwLDAsMS0uMTQtLjRWMjQuMDdMNC43NCwyOC42OWEuNjEuNjEsMCwwLDEtLjg2LS4wOC42My42MywwLDAsMS0uMTQtLjRWMTYuNzlhLjYxLjYxLDAsMCwxLC42LS42Mi42My42MywwLDAsMSwuNC4xNGw1Ljk0LDQuNjJWMTYuNzlhLjYxLjYxLDAsMCwxLC42MS0uNjFBLjU4LjU4LDAsMCwxLDExLjY3LDE2LjMxWk0xMS45MSwxOHY5bDUuNzMtNC40NlpNNSwxOHY5bDUuNzEtNC40NGgwWiIgc3R5bGU9ImZpbGw6Izg4OCIvPjwvc3ZnPg=="},5826:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSI0NSIgdmlld0JveD0iMCAwIDIzIDQ1Ij48cmVjdCB3aWR0aD0iMjMiIGhlaWdodD0iNDUiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMTguNzgsMjguM2ExLjQzLDEuNDMsMCwwLDEtMS40MywxLjQxLDEuNCwxLjQsMCwwLDEtLjc1LS4yMkw4LjEzLDI0LjA2YTEuNDIsMS40MiwwLDAsMS0uNDItMiwxLjQ1LDEuNDUsMCwwLDEsLjM2LS4zOGw4LjQ3LTYuMDdhMS40MiwxLjQyLDAsMCwxLDIsLjM0LDEuMzksMS4zOSwwLDAsMSwuMjYuODFaIiBzdHlsZT0iZmlsbDojY2NjIi8+PHBhdGggZD0iTTQuMjIsMjkuMTdhLjYxLjYxLDAsMCwwLDEuMjIsMFYxNS44M2EuNjEuNjEsMCwwLDAtMS4yMiwwaDBaIiBzdHlsZT0iZmlsbDojY2NjIi8+PC9zdmc+"},7016:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSI0NSIgdmlld0JveD0iMCAwIDIzIDQ1Ij48cGF0aCBkPSJNOC4wNywyMS43MmExLjQyLDEuNDIsMCwwLDAtLjMyLDIsMS40NCwxLjQ0LDAsMCwwLC4zOC4zNmw4LjQ3LDUuNDNhMS40MiwxLjQyLDAsMCwwLDItLjQ0LDEuNCwxLjQsMCwwLDAsLjIyLS43NVYxNi44YTEuNDMsMS40MywwLDAsMC0xLjQzLTEuNDEsMS4zOSwxLjM5LDAsMCwwLS44MS4yNlptOS40OSw2LjU4YS4yLjIsMCwwLDEtLjMxLjE3TDguNzksMjNhLjIyLjIyLDAsMCwxLDAtLjI5bDAtLjA1LDguNDYtNi4wN2EuMi4yLDAsMCwxLC4yOCwwLC4yLjIsMCwwLDEsMCwuMTNabS0xMy4zNC44N2EuNjEuNjEsMCwwLDAsMS4yMiwwVjE1LjgzYS42MS42MSwwLDAsMC0xLjIyLDBoMFoiIHN0eWxlPSJmaWxsOiM4ODgiLz48L3N2Zz4="},7870:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSI0NSIgdmlld0JveD0iMCAwIDIzIDQ1Ij48cmVjdCB3aWR0aD0iMjMiIGhlaWdodD0iNDUiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMTguNzgsMjguM2ExLjQzLDEuNDMsMCwwLDEtMS40MywxLjQxLDEuNCwxLjQsMCwwLDEtLjc1LS4yMkw4LjEzLDI0LjA2YTEuNDIsMS40MiwwLDAsMS0uNDItMiwxLjQ1LDEuNDUsMCwwLDEsLjM2LS4zOGw4LjQ3LTYuMDdhMS40MiwxLjQyLDAsMCwxLDIsLjM0LDEuMzksMS4zOSwwLDAsMSwuMjYuODFaIiBzdHlsZT0iZmlsbDojY2NjIi8+PHBhdGggZD0iTTQuMjIsMjkuMTdhLjYxLjYxLDAsMCwwLDEuMjIsMFYxNS44M2EuNjEuNjEsMCwwLDAtMS4yMiwwaDBaIiBzdHlsZT0iZmlsbDojZmZjMDE3Ii8+PHBhdGggZD0iTTMuNDgsMjUuOTFhMS4zNSwxLjM1LDAsMSwwLDIuNywwVjE5LjA5YTEuMzUsMS4zNSwwLDEsMC0yLjcsMGgwWiIgc3R5bGU9ImZpbGw6I2ZmYzAxNyIvPjwvc3ZnPg=="},187:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSI0NSIgdmlld0JveD0iMCAwIDIzIDQ1Ij48cmVjdCB3aWR0aD0iMjMiIGhlaWdodD0iNDUiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNOC4wNywyMS43MmExLjQyLDEuNDIsMCwwLDAtLjMyLDIsMS40NCwxLjQ0LDAsMCwwLC4zOC4zNmw4LjQ3LDUuNDNhMS40MiwxLjQyLDAsMCwwLDItLjQ0LDEuNCwxLjQsMCwwLDAsLjIyLS43NVYxNi44YTEuNDMsMS40MywwLDAsMC0xLjQzLTEuNDEsMS4zOSwxLjM5LDAsMCwwLS44MS4yNlptOS40OSw2LjU4YS4yLjIsMCwwLDEtLjMxLjE3TDguNzksMjNhLjIyLjIyLDAsMCwxLDAtLjI5bDAtLjA1LDguNDYtNi4wN2EuMi4yLDAsMCwxLC4yOCwwLC4yLjIsMCwwLDEsMCwuMTNaIiBzdHlsZT0iZmlsbDojODg4Ii8+PHBhdGggZD0iTTQuMjIsMjkuMTdhLjYxLjYxLDAsMCwwLDEuMjIsMFYxNS44M2EuNjEuNjEsMCwwLDAtMS4yMiwwaDBaIiBzdHlsZT0iZmlsbDojZmZjMDE3Ii8+PHBhdGggZD0iTTMuNDgsMjUuOTFhMS4zNSwxLjM1LDAsMSwwLDIuNywwVjE5LjA5YTEuMzUsMS4zNSwwLDEsMC0yLjcsMGgwWiIgc3R5bGU9ImZpbGw6I2ZmYzAxNyIvPjwvc3ZnPg=="},2551:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSI0NSIgdmlld0JveD0iMCAwIDIzIDQ1Ij48cmVjdCB3aWR0aD0iMjMiIGhlaWdodD0iNDUiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNNC4yMiwxNi44YTEuNDMsMS40MywwLDAsMSwxLjQzLTEuNDEsMS4zOSwxLjM5LDAsMCwxLC44MS4yNmw4LjQ3LDYuMDdhMS40MiwxLjQyLDAsMCwxLC4zMiwyLDEuNDQsMS40NCwwLDAsMS0uMzguMzZMNi40LDI5LjQ5YTEuNDIsMS40MiwwLDAsMS0yLS40NCwxLjQsMS40LDAsMCwxLS4yMi0uNzVaIiBzdHlsZT0iZmlsbDojY2NjIi8+PHBhdGggZD0iTTE4Ljc4LDE1LjgzYS42MS42MSwwLDAsMC0xLjIyLDBWMjkuMTdhLjYxLjYxLDAsMCwwLDEuMjIsMFoiIHN0eWxlPSJmaWxsOiNjY2MiLz48L3N2Zz4="},7531:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSI0NSIgdmlld0JveD0iMCAwIDIzIDQ1Ij48cmVjdCB3aWR0aD0iMjMiIGhlaWdodD0iNDUiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNNi40NiwxNS42NWExLjQyLDEuNDIsMCwwLDAtMiwuMzQsMS4zOSwxLjM5LDAsMCwwLS4yNi44MVYyOC4zYTEuNDMsMS40MywwLDAsMCwxLjQzLDEuNDEsMS40LDEuNCwwLDAsMCwuNzUtLjIybDguNDctNS40M2ExLjQyLDEuNDIsMCwwLDAsLjQyLTIsMS40NSwxLjQ1LDAsMCwwLS4zNi0uMzhabS0xLDEuMTVhLjIuMiwwLDAsMSwuMzItLjE3bDguNDYsNi4wN2EuMjIuMjIsMCwwLDEsMCwuMjlzMCwwLDAsLjA1TDUuNzUsMjguNDdhLjIuMiwwLDAsMS0uMjgtLjA2LjIuMiwwLDAsMSwwLS4xMVoiIHN0eWxlPSJmaWxsOiM4ODgiLz48cGF0aCBkPSJNMTcuNTYsMjkuMTdhLjYxLjYxLDAsMCwwLDEuMjIsMFYxNS44M2EuNjEuNjEsMCwwLDAtMS4yMiwwaDBaIiBzdHlsZT0iZmlsbDojODg4Ii8+PC9zdmc+"},7935:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSI0NSIgdmlld0JveD0iMCAwIDIzIDQ1Ij48cmVjdCB3aWR0aD0iMjMiIGhlaWdodD0iNDUiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNNC4yMiwxNi44YTEuNDMsMS40MywwLDAsMSwxLjQzLTEuNDEsMS4zOSwxLjM5LDAsMCwxLC44MS4yNmw4LjQ3LDYuMDdhMS40MiwxLjQyLDAsMCwxLC4zMiwyLDEuNDQsMS40NCwwLDAsMS0uMzguMzZMNi40LDI5LjQ5YTEuNDIsMS40MiwwLDAsMS0yLS40NCwxLjQsMS40LDAsMCwxLS4yMi0uNzVaIiBzdHlsZT0iZmlsbDojY2NjIi8+PHBhdGggZD0iTTE3LjU2LDI5LjE3YS42MS42MSwwLDAsMCwxLjIyLDBWMTUuODNhLjYxLjYxLDAsMCwwLTEuMjIsMGgwWiIgc3R5bGU9ImZpbGw6I2ZmYzAxNyIvPjxwYXRoIGQ9Ik0xNi44MiwyNS45MWExLjM1LDEuMzUsMCwwLDAsMi43LDBWMTkuMDlhMS4zNSwxLjM1LDAsMSwwLTIuNywwaDBaIiBzdHlsZT0iZmlsbDojZmZjMDE3Ii8+PC9zdmc+"},5719:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSI0NSIgdmlld0JveD0iMCAwIDIzIDQ1Ij48cmVjdCB3aWR0aD0iMjMiIGhlaWdodD0iNDUiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNNi40NiwxNS42NWExLjQyLDEuNDIsMCwwLDAtMiwuMzQsMS4zOSwxLjM5LDAsMCwwLS4yNi44MVYyOC4zYTEuNDMsMS40MywwLDAsMCwxLjQzLDEuNDEsMS40LDEuNCwwLDAsMCwuNzUtLjIybDguNDctNS40M2ExLjQyLDEuNDIsMCwwLDAsLjQyLTIsMS40NSwxLjQ1LDAsMCwwLS4zNi0uMzhabS0xLDEuMTVhLjIuMiwwLDAsMSwuMzItLjE3bDguNDYsNi4wN2EuMjIuMjIsMCwwLDEsMCwuMjlzMCwwLDAsLjA1TDUuNzUsMjguNDdhLjIuMiwwLDAsMS0uMjgtLjA2LjIuMiwwLDAsMSwwLS4xMVoiIHN0eWxlPSJmaWxsOiM4ODgiLz48cGF0aCBkPSJNMTcuNTYsMjkuMTdhLjYxLjYxLDAsMCwwLDEuMjIsMFYxNS44M2EuNjEuNjEsMCwwLDAtMS4yMiwwaDBaIiBzdHlsZT0iZmlsbDojZmZjMDE3Ii8+PHBhdGggZD0iTTE2LjgyLDI1LjkxYTEuMzUsMS4zNSwwLDAsMCwyLjcsMFYxOS4wOWExLjM1LDEuMzUsMCwxLDAtMi43LDBoMFoiIHN0eWxlPSJmaWxsOiNmZmMwMTciLz48L3N2Zz4="},7444:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMTAsNC4xYTYuNjIsNi42MiwwLDAsMSwxLjMzLjE2bC4zNC4zOS4xLjkyYS44NS44NSwwLDAsMCwuODMuNzUsMS4wOSwxLjA5LDAsMCwwLC40LS4wN2wuODUtLjM4LjUuMUE2LDYsMCwwLDEsMTUuNyw4LjI4bC0uMTcuNDktLjc1LjU2YS44My44MywwLDAsMC0uMTgsMS4xNi43Ny43NywwLDAsMCwuMTguMThsLjc1LjU2LjE3LjQ5QTYsNiwwLDAsMSwxNC4zLDE0bC0uNS4xLS44LS4zNWEuODUuODUsMCwwLDAtLjc2LjA1LjgzLjgzLDAsMCwwLS40MS42M2wtLjEuOTItLjM0LjM5YTUuODIsNS44MiwwLDAsMS0yLjY5LDBsLS4zMy0uMzktLjEtLjkyYS44My44MywwLDAsMC0uNDEtLjYzLjg1Ljg1LDAsMCwwLS43NiwwbC0uODUuMzdMNS43LDE0YTYsNiwwLDAsMS0xLjM1LTIuMzFsLjE3LS40OS43NS0uNTZhLjgzLjgzLDAsMCwwLC4xOC0xLjE2Ljc3Ljc3LDAsMCwwLS4xOC0uMThsLS43NS0uNTYtLjE3LS40OEE2LjA2LDYuMDYsMCwwLDEsNS43LDZsLjUtLjEuODUuMzhhLjg1Ljg1LDAsMCwwLC43NiwwLC44My44MywwLDAsMCwuNDEtLjYzbC4xLS45Mi4zNC0uMzlBNi4xOCw2LjE4LDAsMCwxLDEwLDQuMVpNMTAsNWE1LjY3LDUuNjcsMCwwLDAtLjgyLjA3bC0uMDcuNTlBMS43MywxLjczLDAsMCwxLDcuMiw3LjIxYTEuNTMsMS41MywwLDAsMS0uNTEtLjEzbC0uNTUtLjI0YTUsNSwwLDAsMC0uODEsMS40bC40OC4zNkExLjc0LDEuNzQsMCwwLDEsNi4xOCwxMWExLjg1LDEuODUsMCwwLDEtLjM3LjM3bC0uNDguMzZhNS4wNyw1LjA3LDAsMCwwLC44MSwxLjQxbC41NS0uMjRBMS43NCwxLjc0LDAsMCwxLDksMTMuOGEyLDIsMCwwLDEsLjE0LjUzbC4wNy41OWE0Ljg5LDQuODksMCwwLDAsMS42MiwwbC4wNy0uNTlhMS43NCwxLjc0LDAsMCwxLDEuOTEtMS41NSwxLjgyLDEuODIsMCwwLDEsLjUyLjE0bC41NS4yNGE1LDUsMCwwLDAsLjgxLTEuNGwtLjQ4LS4zNkExLjc0LDEuNzQsMCwwLDEsMTMuODIsOWExLjg1LDEuODUsMCwwLDEsLjM3LS4zN2wuNDgtLjM2YTUsNSwwLDAsMC0uODEtMS40bC0uNTUuMjRhMS44NiwxLjg2LDAsMCwxLS43LjE0LDEuNzQsMS43NCwwLDAsMS0xLjczLTEuNTVsLS4wNy0uNTlBNC40NSw0LjQ1LDAsMCwwLDEwLDVabTAsMi43MkEyLjI3LDIuMjcsMCwxLDEsNy43MywxMCwyLjI3LDIuMjcsMCwwLDEsMTAsNy43MmgwWm0wLC45MUExLjM2LDEuMzYsMCwxLDAsMTEuMzYsMTAsMS4zNiwxLjM2LDAsMCwwLDEwLDguNjNaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+"},6479:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSI0NSIgdmlld0JveD0iMCAwIDIzIDQ1Ij48cmVjdCB3aWR0aD0iMjMiIGhlaWdodD0iNDUiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNNC43NywxNy4xM2ExLjc5LDEuNzksMCwwLDEsMS44MS0xLjc5LDEuNzcsMS43NywwLDAsMSwuODQuMjFsOS44Nyw1LjM3QTEuODEsMS44MSwwLDAsMSwxOCwyMy4zNmExLjg1LDEuODUsMCwwLDEtLjcyLjcyTDcuNDIsMjkuNDVBMS44LDEuOCwwLDAsMSw1LDI4LjcxYTEuNzcsMS43NywwLDAsMS0uMjEtLjg0WiIgc3R5bGU9ImZpbGw6I2NjYyIvPjwvc3ZnPg=="},2961:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSI0NSIgdmlld0JveD0iMCAwIDIzIDQ1Ij48cmVjdCB3aWR0aD0iMjMiIGhlaWdodD0iNDUiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNNi44NSwxNi42MWEuNTkuNTksMCwwLDAtLjguMjIuNjQuNjQsMCwwLDAtLjA4LjNWMjcuODdhLjYuNiwwLDAsMCwuNTguNi42MS42MSwwLDAsMCwuMy0uMDhMMTYuNzIsMjNhLjYuNiwwLDAsMCwwLTEuMDZabS0yLjA4LjUyYTEuNzksMS43OSwwLDAsMSwxLjgxLTEuNzksMS43NywxLjc3LDAsMCwxLC44NC4yMWw5Ljg3LDUuMzdBMS44MSwxLjgxLDAsMCwxLDE4LDIzLjM2YTEuODUsMS44NSwwLDAsMS0uNzIuNzJMNy40MiwyOS40NUExLjgsMS44LDAsMCwxLDUsMjguNzFhMS43NywxLjc3LDAsMCwxLS4yMS0uODRaIiBzdHlsZT0iZmlsbDojODg4Ii8+PC9zdmc+"},8724:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSI0NSIgdmlld0JveD0iMCAwIDIzIDQ1Ij48cmVjdCB3aWR0aD0iMjMiIGhlaWdodD0iNDUiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMTguMjMsMjcuODdhMS43OSwxLjc5LDAsMCwxLTEuODEsMS43OSwxLjc3LDEuNzcsMCwwLDEtLjg0LS4yMUw1LjcxLDI0LjA4QTEuODEsMS44MSwwLDAsMSw1LDIxLjY0YTEuODUsMS44NSwwLDAsMSwuNzItLjcybDkuODctNS4zN2ExLjgsMS44LDAsMCwxLDIuNDQuNzQsMS43NywxLjc3LDAsMCwxLC4yMS44NFoiIHN0eWxlPSJmaWxsOiNjY2MiLz48L3N2Zz4="},6797:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSI0NSIgdmlld0JveD0iMCAwIDIzIDQ1Ij48cmVjdCB3aWR0aD0iMjMiIGhlaWdodD0iNDUiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNNi4yOCwyMmEuNi42LDAsMCwwLDAsMS4wNmw5Ljg3LDUuMzZhLjU5LjU5LDAsMCwwLC44LS4yMi42NC42NCwwLDAsMCwuMDgtLjNWMTcuMTNhLjYuNiwwLDAsMC0uNTgtLjYuNjEuNjEsMCwwLDAtLjMuMDhabTEyLDUuOWExLjc5LDEuNzksMCwwLDEtMS44MSwxLjc5LDEuNzcsMS43NywwLDAsMS0uODQtLjIxbC05LjkyLTUuNEExLjgxLDEuODEsMCwwLDEsNSwyMS42NGExLjg1LDEuODUsMCwwLDEsLjcyLS43Mmw5Ljg3LTUuMzdhMS44LDEuOCwwLDAsMSwyLjQ0Ljc0LDEuNzcsMS43NywwLDAsMSwuMjEuODRaIiBzdHlsZT0iZmlsbDojODg4Ii8+PC9zdmc+"},2586:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSI0NSIgdmlld0JveD0iMCAwIDIzIDQ1Ij48cmVjdCB3aWR0aD0iMjMiIGhlaWdodD0iNDUiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMTEuMzMsMTYuMzEsNCwyMmEuNjEuNjEsMCwwLDAtLjE1Ljg1QS41NC41NCwwLDAsMCw0LDIzbDcuMzUsNS43MWEuNjEuNjEsMCwwLDAsLjg2LS4wOC42My42MywwLDAsMCwuMTQtLjRWMjQuMDdsNS45NCw0LjYyYS42MS42MSwwLDAsMCwuODYtLjA4LjYzLjYzLDAsMCwwLC4xNC0uNFYxNi43OWEuNjEuNjEsMCwwLDAtLjYtLjYyLjYzLjYzLDAsMCwwLS40LjE0bC01Ljk0LDQuNjJWMTYuNzlhLjYxLjYxLDAsMCwwLTEtLjQ4WiIgc3R5bGU9ImZpbGw6I2NjYyIvPjwvc3ZnPg=="},1939:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSI0NSIgdmlld0JveD0iMCAwIDIzIDQ1Ij48cmVjdCB3aWR0aD0iMjMiIGhlaWdodD0iNDUiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMTIuMzIsMTYuNzl2NC4xNGw1Ljk0LTQuNjJhLjYxLjYxLDAsMCwxLC44Ni4wOC42My42MywwLDAsMSwuMTQuNFYyOC4yMWEuNjEuNjEsMCwwLDEtLjYuNjIuNjMuNjMsMCwwLDEtLjQtLjE0bC01Ljk0LTQuNjJ2NC4xNGEuNjEuNjEsMCwwLDEtLjYuNjIuNjMuNjMsMCwwLDEtLjQtLjE0TDQsMjNhLjYxLjYxLDAsMCwxLS4xNS0uODVBLjU0LjU0LDAsMCwxLDQsMjJsNy4zNS01LjcxYS42MS42MSwwLDAsMSwuODUuMTNBLjYzLjYzLDAsMCwxLDEyLjMyLDE2Ljc5Wm0tNyw1LjcxTDExLjA5LDI3VjE4Wm03LDBoMEwxOCwyN1YxOFoiIHN0eWxlPSJmaWxsOiM4ODgiLz48L3N2Zz4="},4057:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSI0NSIgdmlld0JveD0iMCAwIDIzIDQ1Ij48cmVjdCB3aWR0aD0iMjMiIGhlaWdodD0iNDUiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNNS42MywxNS4yMWExLjQ0LDEuNDQsMCwwLDAtMS40MiwxLjQyVjI4LjM3YTEuNDQsMS40NCwwLDAsMCwxLjQyLDEuNDJIMTcuMzdhMS40NCwxLjQ0LDAsMCwwLDEuNDItMS40MlYxNi42M2ExLjQ0LDEuNDQsMCwwLDAtMS40Mi0xLjQyWiIgc3R5bGU9ImZpbGw6I2MxMmQyZCIvPjwvc3ZnPg=="},6670:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSI0NSIgdmlld0JveD0iMCAwIDIzIDQ1Ij48cmVjdCB3aWR0aD0iMjMiIGhlaWdodD0iNDUiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMTcuMzcsMTYuNDNhLjIuMiwwLDAsMSwuMi4yaDBWMjguMzdhLjIuMiwwLDAsMS0uMi4ySDUuNjNhLjIuMiwwLDAsMS0uMi0uMmgwVjE2LjYzYS4yLjIsMCwwLDEsLjItLjJIMTcuMzdaTTUuNjMsMTUuMjFhMS40NCwxLjQ0LDAsMCwwLTEuNDIsMS40MlYyOC4zN2ExLjQ0LDEuNDQsMCwwLDAsMS40MiwxLjQySDE3LjM3YTEuNDQsMS40NCwwLDAsMCwxLjQyLTEuNDJWMTYuNjNhMS40NCwxLjQ0LDAsMCwwLTEuNDItMS40MloiIHN0eWxlPSJmaWxsOiM4YzJmMmYiLz48L3N2Zz4="},5958:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEwIDEwIj48cGF0aCBkPSJNNS40Myw3LjMxLDcuODEsMy4xOWEuNTEuNTEsMCwwLDAtLjE1LS42OC41NS41NSwwLDAsMC0uMjgtLjA3SDIuNjJhLjQ4LjQ4LDAsMCwwLS41LjQ3LjQ1LjQ1LDAsMCwwLC4wNy4yOEw0LjU3LDcuMzFhLjQ5LjQ5LDAsMCwwLC42Ni4yQS40OC40OCwwLDAsMCw1LjQzLDcuMzFaIiBzdHlsZT0iZmlsbDojODg4Ii8+PHJlY3Qgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIiBzdHlsZT0iZmlsbDpub25lIi8+PC9zdmc+"},6896:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cG9seWdvbiBwb2ludHM9IjIyLjE0IDcuNTcgMTEuMzcgMTMuNzggMTEuMzcgMjYuMjIgMjIuMTQgMzIuNDQgMzIuOTEgMjYuMjIgMzIuOTEgMTMuNzggMjIuMTQgNy41NyIgc3R5bGU9ImZpbGw6I2ZmZiIvPjxyZWN0IHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgc3R5bGU9ImZpbGw6bm9uZSIvPjxwb2x5Z29uIHBvaW50cz0iMzIuOTEgMTMuNzggMjkuNTQgMTEuODQgMjYuMjkgMTMuNzEgMjkuNjYgMTUuNjUgMzIuOTEgMTMuNzgiIHN0eWxlPSJmaWxsOiNlMDY4NGIiLz48cG9seWdvbiBwb2ludHM9IjE0LjYxIDE1LjY1IDI1LjM4IDkuNDQgMjIuMTQgNy41NyAxMS4zNyAxMy43OCAxNC42MSAxNS42NSIgc3R5bGU9ImZpbGw6I2UwNjg0YiIvPjxwb2x5Z29uIHBvaW50cz0iMTguNzcgMjEuOTUgMjIuMTQgMjMuODkgMjUuNTEgMjEuOTUgMjIuMTQgMjAgMTguNzcgMjEuOTUiIHN0eWxlPSJmaWxsOiNlMDY4NGIiLz48cG9seWdvbiBwb2ludHM9IjI5LjY2IDE1LjY1IDI5LjY2IDI0LjM0IDIyLjE0IDI4LjY5IDE0LjYxIDI0LjM0IDE0LjYxIDE1LjY1IDExLjM3IDEzLjc4IDExLjM3IDI2LjIyIDIyLjE0IDMyLjQ0IDMyLjkxIDI2LjIyIDMyLjkxIDEzLjc4IDI5LjY2IDE1LjY1IiBzdHlsZT0iZmlsbDojYmI0NjRiIi8+PHBvbHlnb24gcG9pbnRzPSIyMi4xNCAxNi4xMSAxOC43NyAxOC4wNSAxOC43NyAyMS45NSAyMi4xNCAyMCAyNS41MSAyMS45NSAyNS41MSAxOC4wNSAyMi4xNCAxNi4xMSIgc3R5bGU9ImZpbGw6I2JiNDY0YiIvPjxwb2x5Z29uIHBvaW50cz0iMjkuNjYgMTUuNjUgMjUuNTEgMTguMDUgMjUuNTEgMjEuOTUgMjIuMTQgMjMuODkgMjIuMTQgMjguNjkgMjkuNjYgMjQuMzQgMjkuNjYgMTUuNjUiIHN0eWxlPSJmaWxsOiNlMGRlZDgiLz48cG9seWdvbiBwb2ludHM9IjE0LjYxIDE1LjY1IDE4Ljc3IDE4LjA1IDE4Ljc3IDIxLjk1IDIyLjE0IDIzLjg5IDIyLjE0IDI4LjY5IDE0LjYxIDI0LjM0IDE0LjYxIDE1LjY1IiBzdHlsZT0iZmlsbDojZDVkMmNhIi8+PHBvbHlnb24gcG9pbnRzPSIyNS4zOCA5LjQ0IDI5LjU0IDExLjg0IDI2LjI5IDEzLjcxIDI5LjY2IDE1LjY1IDI1LjUxIDE4LjA1IDIyLjE0IDE2LjExIDE4Ljc3IDE4LjA1IDE0LjYxIDE1LjY1IDI1LjM4IDkuNDQiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="},8462:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjcuMTEsMTMuMDVhMS40OSwxLjQ5LDAsMCwwLTIuMDUuNTMsMS40NywxLjQ3LDAsMCwwLC4xNCwxLjcybC00Ljc4LDhMMjAsMjIuOTJsLS40Mi40Mi00Ljc4LThhMS40NywxLjQ3LDAsMCwwLC4xNC0xLjcyLDEuNDksMS40OSwwLDAsMC0yLS41MywxLjUsMS41LDAsMCwwLDEsMi43Nmw0LjkxLDguMjYtMSwxTDIwLDI3LjE2LDIyLjEyLDI1bC0xLTEsNC45MS04LjI2YTEuNSwxLjUsMCwwLDAsMS4wNS0yLjc2WiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg=="},3367:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJVSSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjEuMTMsMjAsMjgsMjYuODcsMjYuODcsMjgsMjAsMjEuMTMsMTMuMTMsMjgsMTIsMjYuODcsMTguODcsMjAsMTIsMTMuMTMsMTMuMTMsMTIsMjAsMTguODcsMjYuODcsMTIsMjgsMTMuMTNaIi8+PC9nPjwvc3ZnPg=="},3538:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cmVjdCB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMjIsOEEyLjc5LDIuNzksMCwwLDEsMjIsMTJoMGwtOS4zMyw5LjMzYTEuNzYsMS43NiwwLDAsMS0uNzguNDVsLTQsMS4wOWEuNTguNTgsMCwwLDEtLjcyLS4zOS42Mi42MiwwLDAsMSwwLS4zM2wxLjA5LTRhMS43NiwxLjc2LDAsMCwxLC40NS0uNzhMMTguMDYsOEEyLjgsMi44LDAsMCwxLDIyLDhabS00LjcsMi40MUw5LjU2LDE4LjE1YS40Ni40NiwwLDAsMC0uMTUuMjZsLS44MiwzLDMtLjgyYS40Ni40NiwwLDAsMCwuMjYtLjE1bDcuNzUtNy43NVptMS41OC0xLjU4LS43NS43NSwyLjI5LDIuMjkuNzUtLjc1YTEuNjIsMS42MiwwLDAsMC0yLjI5LTIuMjlaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+"},6627:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjgsMTguNWExLjUxLDEuNTEsMCwwLDAtMS40MSwxSDExLjV2MUgyNi41OWExLjUsMS41LDAsMSwwLDEuNDEtMloiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="},8561:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTQuMDUsMTVhMSwxLDAsMCwxLDEtMWgxLjU5YS42LjYsMCwwLDAsLjU5LS42LjU4LjU4LDAsMCwwLS41OS0uNTlIMTVBMi4xOCwyLjE4LDAsMCwwLDEyLjg2LDE1djEuNTlhLjU4LjU4LDAsMCwwLC41OS41OWgwYS42LjYsMCwwLDAsLjYtLjU5Wm0wLDEwYTEsMSwwLDAsMCwxLDFoMS41OWEuNi42LDAsMCwxLC41OS42LjU4LjU4LDAsMCwxLS41OS41OUgxNUEyLjE4LDIuMTgsMCwwLDEsMTIuODYsMjVWMjMuMzdhLjU4LjU4LDAsMCwxLC41OS0uNTloMGEuNi42LDAsMCwxLC42LjU5Wk0yNSwxNC4wNWExLDEsMCwwLDEsMSwxdjEuNTlhLjYuNiwwLDAsMCwuNi41OS41OC41OCwwLDAsMCwuNTktLjU5aDBWMTVBMi4xOCwyLjE4LDAsMCwwLDI1LDEyLjg2SDIzLjM3YS41OC41OCwwLDAsMC0uNTkuNTloMGEuNi42LDAsMCwwLC41OS42Wm0xLDExYTEsMSwwLDAsMS0xLDFIMjMuMzdhLjYuNiwwLDAsMC0uNTkuNi41OC41OCwwLDAsMCwuNTkuNTlIMjVBMi4xOCwyLjE4LDAsMCwwLDI3LjE0LDI1VjIzLjM3YS41OC41OCwwLDAsMC0uNTktLjU5aDBhLjYuNiwwLDAsMC0uNi41OVoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="},8683:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEwIDEwIj48cGF0aCBkPSJNNSwxLjQxYTEsMSwwLDAsMC0uNzEuM0wxLjcxLDQuMjlhMSwxLDAsMCwwLDAsMS40MWgwTDQuMjksOC4yOWExLDEsMCwwLDAsMS40MSwwaDBMOC4yOSw1LjcxYTEsMSwwLDAsMCwwLTEuNDFoMEw1LjcxLDEuNzFBMSwxLDAsMCwwLDUsMS40MVoiIHN0eWxlPSJmaWxsOiNmZmMwMTciLz48cmVjdCB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cG9seWxpbmUgcG9pbnRzPSI1IDIuNDEgNSAyLjQxIDcuNTkgNSA1IDcuNTkgMi40MSA1IDUgMi40MSA1IDIuNDEiIHN0eWxlPSJmaWxsOiMxMTEiLz48L3N2Zz4="},6023:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEwIDEwIj48cmVjdCB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNNSwxLjQxYTEsMSwwLDAsMC0uNzEuM0wxLjcxLDQuMjlhMSwxLDAsMCwwLDAsMS40MWgwTDQuMjksOC4yOWExLDEsMCwwLDAsMS40MSwwaDBMOC4yOSw1LjcxYTEsMSwwLDAsMCwwLTEuNDFoMEw1LjcxLDEuNzFBMSwxLDAsMCwwLDUsMS40MVoiIHN0eWxlPSJmaWxsOiNhYWEiLz48cG9seWxpbmUgcG9pbnRzPSI1IDIuNDEgNSAyLjQxIDcuNTkgNSA1IDcuNTkgMi40MSA1IDUgMi40MSA1IDIuNDEiIHN0eWxlPSJmaWxsOiMxMTEiLz48L3N2Zz4="},9460:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEwIDEwIj48cmVjdCB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cmVjdCB4PSIyLjE3IiB5PSIyLjE3IiB3aWR0aD0iNS42NiIgaGVpZ2h0PSI1LjY2IiByeD0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuMDcgNSkgcm90YXRlKC00NSkiIHN0eWxlPSJmaWxsOiNmZmMwMTciLz48L3N2Zz4="},5857:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjYsMTRhMS40OSwxLjQ5LDAsMCwwLTIuNCwxLjY5bC0xMCwxMCwuNzEuNzEsMTAtMTBBMS40OSwxLjQ5LDAsMCwwLDI2LDE0WiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg=="},3241:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cmVjdCB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMjAuMDYsOC4zOGEuNTkuNTksMCwwLDAsLjY2LS41MS41OS41OSwwLDAsMC0uNTEtLjY2SDkuOTNhLjU5LjU5LDAsMCwwLS41MS42Ni41Ny41NywwLDAsMCwuNTEuNTFaTTE0LjkyLDIyLjc5SDE1YS41OS41OSwwLDAsMCwuNTgtLjVWMTEuNTVsMi45LDIuODlhLjU4LjU4LDAsMCwwLC43Ni4wNmwuMDctLjA2YS41OS41OSwwLDAsMCwuMDUtLjc2bC0uMDUtLjA2LTMuOS0zLjg5YS41OC41OCwwLDAsMC0uNzYtLjA2bC0uMDYuMDUtMy45LDMuOWEuNTguNTgsMCwwLDAsMCwuODFoMGEuNTguNTgsMCwwLDAsLjc2LjA2bC4wNy0uMDYsMi44OS0yLjg5VjIyLjIxQS41OS41OSwwLDAsMCwxNC45MiwyMi43OVoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="},8868:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMjEuODMsMTQuODNsMy4zNCwzLjM0YTIuNTksMi41OSwwLDAsMSwwLDMuNjZsLTMuMzQsMy4zNGEyLjU5LDIuNTksMCwwLDEtMy42NiwwbC0zLjM0LTMuMzRhMi41OSwyLjU5LDAsMCwxLDAtMy42NmwzLjM0LTMuMzRBMi41OSwyLjU5LDAsMCwxLDIxLjgzLDE0LjgzWk0xOSwxNS42OCwxNS42OCwxOWExLjM3LDEuMzcsMCwwLDAtLjA2LDEuOTRsLjA2LjA2TDE5LDI0LjMyYTEuMzcsMS4zNywwLDAsMCwxLjk0LjA2bC4wNi0uMDZMMjQuMzIsMjFhMS4zNywxLjM3LDAsMCwwLC4wNi0xLjk0TDI0LjMyLDE5LDIxLDE1LjY4YTEuMzcsMS4zNywwLDAsMC0xLjk0LS4wNloiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="},1903:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cmVjdCB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNOCwxMC4xNkEyLjEzLDIuMTMsMCwwLDEsMTAuMSw4aDcuNzhhMi41MSwyLjUxLDAsMCwxLDEuNzguNzNsMS41OCwxLjU4QTIuNTMsMi41MywwLDAsMSwyMiwxMi4xMnY3LjczQTIuMTMsMi4xMywwLDAsMSwxOS44OSwyMkgxMC4xNUEyLjE0LDIuMTQsMCwwLDEsOCwxOS44N1YxMC4xNlptMi4xMy0xYTEsMSwwLDAsMC0xLDF2OS42OWExLDEsMCwwLDAsMSwxaC4ydi00LjFBMS43NCwxLjc0LDAsMCwxLDEyLjA2LDE1aDUuODVhMS43NCwxLjc0LDAsMCwxLDEuNzQsMS43NGgwdjQuMDdoLjE5YTEsMSwwLDAsMCwxLTF2LTcuN2ExLjM4LDEuMzgsMCwwLDAtLjQtMWwtMS42LTEuNTNhMS4yNiwxLjI2LDAsMCwwLS43NC0uMzh2Mi4xMWExLjc0LDEuNzQsMCwwLDEtMS43NCwxLjc0SDEyLjg3YTEuNzMsMS43MywwLDAsMS0xLjc1LTEuNzNoMFY5LjE5Wm04LjM0LDExLjYzdi00YS41OS41OSwwLDAsMC0uNTctLjU5SDEyLjA5YS41OC41OCwwLDAsMC0uNTguNThoMHY0LjA3Wk0xMi4yOSw5LjE5djIuMTNhLjU4LjU4LDAsMCwwLC41OC41OGgzLjQ4YS41OC41OCwwLDAsMCwuNTktLjU3aDBWOS4xOVoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="},4431:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDIwIDIxIj48cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMTMuNjgsMTcuMzlWMy42MUEuNi42LDAsMCwxLDE0LjMyLDNhLjYxLjYxLDAsMCwxLC41Ny41VjE3LjM5YS42MS42MSwwLDEsMS0xLjIyLjA4Wm0tNC4yOSwwVjMuNjFBLjYxLjYxLDAsMCwxLDEwLDNhLjYyLjYyLDAsMCwxLC42MS41M1YxNy4zOUEuNi42LDAsMCwxLDEwLDE4YS42MS42MSwwLDAsMS0uNTctLjVabS00LjI5LDBWMy42MWEuNjEuNjEsMCwwLDEsMS4yMi0uMDhWMTcuMzlhLjYuNiwwLDAsMS0uNjQuNTguNjEuNjEsMCwwLDEtLjU3LS41WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjwvc3ZnPg=="},3103:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjksMTYuNzFhMS41LDEuNSwwLDEsMC0yLDEuNDF2NS42N0gxMXYxSDI4VjE4LjEyQTEuNTEsMS41MSwwLDAsMCwyOSwxNi43MVoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="},6427:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjcuOTQsMTguMjhhMS40OSwxLjQ5LDAsMCwwLTEuNDEsMWgtNWwtMS42Mi0xLjYzLTEuNjIsMS42M2gtNWExLjUsMS41LDAsMSwwLDAsMWg1bDEuNjIsMS42MiwxLjYyLTEuNjJoNWExLjUsMS41LDAsMSwwLDEuNDEtMloiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="},7898:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fS5jbHMtMntmaWxsOiNlMDY4NGI7fS5jbHMtM3tmaWxsOiNiYjQ2NGI7fS5jbHMtNHtmaWxsOiNlMGRlZDg7fS5jbHMtNXtmaWxsOiNkNWQyY2E7fS5jbHMtNntmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJVSSI+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMzIuOTEgMTMuNzggMjkuNTQgMTEuODQgMjYuMjkgMTMuNzEgMjkuNjYgMTUuNjUgMzIuOTEgMTMuNzgiLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMTQuNjEgMTUuNjUgMjUuMzggOS40NCAyMi4xNCA3LjU3IDExLjM3IDEzLjc4IDE0LjYxIDE1LjY1Ii8+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjE4Ljc3IDIxLjk1IDIyLjE0IDIzLjg5IDI1LjUxIDIxLjk1IDIyLjE0IDIwIDE4Ljc3IDIxLjk1Ii8+PHBvbHlnb24gY2xhc3M9ImNscy0zIiBwb2ludHM9IjI5LjY2IDE1LjY1IDI5LjY2IDI0LjM0IDIyLjE0IDI4LjY5IDE0LjYxIDI0LjM0IDE0LjYxIDE1LjY1IDExLjM3IDEzLjc4IDExLjM3IDI2LjIyIDIyLjE0IDMyLjQ0IDMyLjkxIDI2LjIyIDMyLjkxIDEzLjc4IDI5LjY2IDE1LjY1Ii8+PHBvbHlnb24gY2xhc3M9ImNscy0zIiBwb2ludHM9IjIyLjE0IDE2LjExIDE4Ljc3IDE4LjA1IDE4Ljc3IDIxLjk1IDIyLjE0IDIwIDI1LjUxIDIxLjk1IDI1LjUxIDE4LjA1IDIyLjE0IDE2LjExIi8+PHBvbHlnb24gY2xhc3M9ImNscy00IiBwb2ludHM9IjI5LjY2IDE1LjY1IDI1LjUxIDE4LjA1IDI1LjUxIDIxLjk1IDIyLjE0IDIzLjg5IDIyLjE0IDI4LjY5IDI5LjY2IDI0LjM0IDI5LjY2IDE1LjY1Ii8+PHBvbHlnb24gY2xhc3M9ImNscy01IiBwb2ludHM9IjE0LjYxIDE1LjY1IDE4Ljc3IDE4LjA1IDE4Ljc3IDIxLjk1IDIyLjE0IDIzLjg5IDIyLjE0IDI4LjY5IDE0LjYxIDI0LjM0IDE0LjYxIDE1LjY1Ii8+PHBvbHlnb24gY2xhc3M9ImNscy02IiBwb2ludHM9IjI1LjM4IDkuNDQgMjkuNTQgMTEuODQgMjYuMjkgMTMuNzEgMjkuNjYgMTUuNjUgMjUuNTEgMTguMDUgMjIuMTQgMTYuMTEgMTguNzcgMTguMDUgMTQuNjEgMTUuNjUgMjUuMzggOS40NCIvPjwvZz48L3N2Zz4="},1422:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMjAsMzAuNUExMC41LDEwLjUsMCwxLDEsMzAuNSwyMCwxMC41MSwxMC41MSwwLDAsMSwyMCwzMC41Wm0wLTIwQTkuNSw5LjUsMCwxLDAsMjkuNSwyMCw5LjUxLDkuNTEsMCwwLDAsMjAsMTAuNVoiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJNMTgsMjIuNTNsLS43OSwyLjM4SDE1bDMuNTEtMTAuMzNoMi44MUwyNSwyNC45MUgyMi42NGwtLjg2LTIuMzhabTMuMy0xLjgzYy0uNzMtMi4xOS0xLjItMy41OS0xLjQ1LTQuNTJoMGMtLjI1LDEtLjc2LDIuNjQtMS4zNSw0LjUyWiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg=="},269:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMjAsMzAuNUExMC41LDEwLjUsMCwxLDEsMzAuNSwyMCwxMC41MSwxMC41MSwwLDAsMSwyMCwzMC41Wm0wLTIwQTkuNSw5LjUsMCwxLDAsMjkuNSwyMCw5LjUxLDkuNTEsMCwwLDAsMjAsMTAuNVoiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJNMTYuMTcsMTQuNThoNC41MWMyLjUxLDAsMy40NSwxLjI5LDMuNDUsMi42NGEyLjMxLDIuMzEsMCwwLDEtMS4zMiwyLjIzLDIuNDgsMi40OCwwLDAsMSwxLjYyLDIuMzdjMCwxLjc3LTEuMzksMy4wOS0zLjU4LDMuMDlIMTYuMTdabTQuMjYsNC4wOGMxLjA2LDAsMS41LS40OCwxLjUtMS4yMnMtLjU3LTEuMTQtMS40My0xLjE0SDE4LjM2djIuMzZabS0yLjA3LDQuNTNoMmMxLjIyLDAsMS43Ni0uNTEsMS43Ni0xLjQ0cy0uNTQtMS4zNy0xLjc3LTEuMzdoLTJaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+"},8652:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMjAsMzAuNUExMC41OCwxMC41OCwwLDEsMSwzMC41NywxOS45MywxMC41OCwxMC41OCwwLDAsMSwyMCwzMC41Wm0wLTE5LjlhOS4zMyw5LjMzLDAsMSwwLDkuMzMsOS4zM0E5LjM0LDkuMzQsMCwwLDAsMjAsMTAuNloiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJNMTYuMzIsMTQuNTRoNC4wOWE0LjY4LDQuNjgsMCwwLDEsNC45NSw1YzAsMy0xLjkxLDUuMjctNS4wNiw1LjI3aC00Wk0xOC41NCwyM2gxLjY3YzIsMCwyLjg1LTEuNDgsMi44NS0zLjQ4LDAtMS42OS0uODItMy4yMi0yLjgzLTMuMjJIMTguNTRaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+"},5091:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMjAsMzAuNUExMC41LDEwLjUsMCwxLDEsMzAuNSwyMCwxMC41MSwxMC41MSwwLDAsMSwyMCwzMC41Wm0wLTIwQTkuNSw5LjUsMCwxLDAsMjkuNSwyMCw5LjUxLDkuNTEsMCwwLDAsMjAsMTAuNVoiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJNMjQuNiwyNC45MUgyM2E1LjQzLDUuNDMsMCwwLDEtLjE4LTEsMy41LDMuNSwwLDAsMS0zLDEuMmMtMywwLTQuNjgtMi4yOC00LjY4LTUuMjIsMC0zLjEsMS44MS01LjQ0LDUuMDctNS40NCwyLjY1LDAsNC4yMywxLjUsNC40NywzLjI1SDIyLjM5YTIuMDksMi4wOSwwLDAsMC0yLjI2LTEuNTFjLTIuMTMsMC0yLjczLDEuNzgtMi43MywzLjZzLjY5LDMuNTQsMi43NCwzLjU0YTIuMDUsMi4wNSwwLDAsMCwyLjI3LTIuMjVWMjFIMjAuMTRWMTkuMTJIMjQuNloiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="},4687:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMjAsMzAuNUExMC41LDEwLjUsMCwxLDEsMzAuNSwyMCwxMC41MSwxMC41MSwwLDAsMSwyMCwzMC41Wm0wLTIwQTkuNSw5LjUsMCwxLDAsMjkuNSwyMCw5LjUxLDkuNTEsMCwwLDAsMjAsMTAuNVoiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJNMTguNDUsMjAuNzd2NC4xNEgxNi4yNlYxNC41OGg0LjU1YzIuMjUsMCwzLjQ2LDEuMjMsMy40NiwyLjgzYTIuNSwyLjUsMCwwLDEtMS41LDIuNDVjLjUxLjE5LDEuMjkuNzIsMS4yOSwyLjU4VjIzYTcuNzcsNy43NywwLDAsMCwuMTUsMkgyMi4wOGE3LjM4LDcuMzgsMCwwLDEtLjIxLTIuMzJ2LS4xNWMwLTEuMTMtLjI4LTEuNjctMS45NS0xLjY3Wm0wLTEuNzhoMS44OGMxLjIxLDAsMS42OS0uNDcsMS42OS0xLjMycy0uNTUtMS4zMi0xLjY1LTEuMzJIMTguNDVaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+"},1690:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMTIuNDIsMTNhLjU3LjU3LDAsMCwwLS4wNi43NWwuMDYuMDcsMy4xMywzLjEzYTcuNjksNy42OSwwLDAsMC0zLjA3LDQuNDUuNTguNTgsMCwwLDAsMS4xMy4yOSw2LjYsNi42LDAsMCwxLDIuNzctMy45MWwxLjQxLDEuNDFhMy4xLDMuMSwwLDAsMCw0LjM4LDQuMzhsNC41OSw0LjU5YS41Ny41NywwLDAsMCwuODIsMCwuNTguNTgsMCwwLDAsLjA2LS43NmwtLjA2LS4wNi00Ljc0LTQuNzRoMGwtLjkzLS45My0yLjIyLTIuMjNoMEwxNy40NiwxNy4yaDBsLS44OC0uODhMMTMuMjQsMTNBLjU3LjU3LDAsMCwwLDEyLjQyLDEzWm02LjE5LDcsMi43NCwyLjc0QTEuOTQsMS45NCwwLDAsMSwxOC42MSwyMFpNMjAsMTUuNTNhNy41NCw3LjU0LDAsMCwwLTIuMjQuMzNsMSwxQTYuNjksNi42OSwwLDAsMSwyMCwxNi42OWE2LjU5LDYuNTksMCwwLDEsNi4zOSw1LC41OS41OSwwLDAsMCwuNzEuNDIuNTguNTgsMCwwLDAsLjQyLS43QTcuNzQsNy43NCwwLDAsMCwyMCwxNS41M1ptLjE1LDIuNzIsMywyLjk1QTMuMTEsMy4xMSwwLDAsMCwyMC4xNSwxOC4yNVoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="},3050:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMjAsMTguMjdhMy4wOSwzLjA5LDAsMSwxLTMuMDgsMy4wOEEzLjA5LDMuMDksMCwwLDEsMjAsMTguMjdabTAsMS4xNWExLjkzLDEuOTMsMCwxLDAsMS45MywxLjkzQTEuOTQsMS45NCwwLDAsMCwyMCwxOS40MlptMC0zLjg2YTcuNzEsNy43MSwwLDAsMSw3LjQ4LDUuODQuNTguNTgsMCwxLDEtMS4xMi4yOCw2LjU2LDYuNTYsMCwwLDAtMTIuNzIsMCwuNTguNTgsMCwwLDEtMS4xMi0uMjhBNy43Miw3LjcyLDAsMCwxLDIwLDE1LjU2WiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg=="},7830:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMjQuNTMsMTkuNzJsLS4wOC0uMDdhLjc1Ljc1LDAsMCwwLTEsLjA3bC0yLjcyLDIuNzJWMTUuNjVBLjc1Ljc1LDAsMCwwLDIwLDE1aC0uMWEuNzUuNzUsMCwwLDAtLjY1Ljc0djYuNjlsLTIuNzItMi43Mi0uMDgtLjA3YS43NS43NSwwLDAsMC0xLDEuMTNsNCw0LC4wOC4wN2EuNzUuNzUsMCwwLDAsMS0uMDdsNC00LC4wNy0uMDhBLjc1Ljc1LDAsMCwwLDI0LjUzLDE5LjcyWiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjxwYXRoIGQ9Ik0xMCwyMEExMCwxMCwwLDEsMCwyMCwxMCwxMCwxMCwwLDAsMCwxMCwyMFptMTguNSwwQTguNSw4LjUsMCwxLDEsMjAsMTEuNSw4LjUxLDguNTEsMCwwLDEsMjguNSwyMFoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="},2445:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMTUuNDcsMjAuMjhsLjA4LjA3YS43NS43NSwwLDAsMCwxLS4wN2wyLjcyLTIuNzJ2Ni43OUEuNzUuNzUsMCwwLDAsMjAsMjVoLjFhLjc1Ljc1LDAsMCwwLC42NS0uNzRWMTcuNTZsMi43MiwyLjcyLjA4LjA3YS43NS43NSwwLDAsMCwxLTEuMTNsLTQtNC0uMDgtLjA3YS43NS43NSwwLDAsMC0xLC4wN2wtNCw0LS4wNy4wOEEuNzUuNzUsMCwwLDAsMTUuNDcsMjAuMjhaIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTMwLDIwQTEwLDEwLDAsMSwwLDIwLDMwLDEwLDEwLDAsMCwwLDMwLDIwWk0xMS41LDIwQTguNSw4LjUsMCwxLDEsMjAsMjguNSw4LjUxLDguNTEsMCwwLDEsMTEuNSwyMFoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="},5970:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMTcuNzUsMTguNzJ2MS40NUgxNC4zM1YxOC43MloiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJNMjMuNzUsMjQuNjIsMjIsMjAuNDFoMGwtMS43Nyw0LjIxSDE4LjQ0bDIuNjEtNS41Ny0yLjUyLTUuMjloMS45M2wxLjYzLDMuOGgwbDEuNjUtMy44aDEuNzhMMjMsMTguODdsMi42NCw1Ljc1WiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg=="},6460:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMTcuNywxOC43MnYxLjQ1SDE0LjI4VjE4LjcyWiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjxwYXRoIGQ9Ik0yMS4yMSwyNC42MlYyMC42OGEuNjMuNjMsMCwwLDAtLjA3LS4zMmwtMi43My02LjZoMS44N2MuNjYsMS43NiwxLjUsNCwxLjgyLDUuMTMuNC0xLjI0LDEuMjUtMy40NiwxLjg0LTUuMTNoMS43OEwyMywyMC4zN2EuOS45LDAsMCwwLS4wNS4zNHYzLjkxWiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg=="},7232:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMTgsMTguNzJ2MS40NUgxNC41NFYxOC43MloiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJNMTkuMDksMjMuNDNsNC4zNS04LjE4aC00VjEzLjc2aDUuODZ2MS4zNmwtNC4yMiw4aDQuNGwtLjIzLDEuNDhIMTkuMDlaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+"},8219:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMTYuODksMTZ2M2gyLjgydjEuMjdIMTYuODl2M2gtMS4zdi0zSDEyLjc0VjE5aDIuODVWMTZaIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTI1LjM0LDI0LjYybC0xLjc1LTQuMjFoMEwyMS44LDI0LjYySDIwbDIuNjEtNS41Ny0yLjUxLTUuMjlIMjJsMS42MywzLjhoMGwxLjY1LTMuOGgxLjc3bC0yLjQ5LDUuMTEsMi42NCw1Ljc1WiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg=="},4346:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMTYuODQsMTZ2M2gyLjgydjEuMjdIMTYuODR2M2gtMS4zdi0zSDEyLjY5VjE5aDIuODVWMTZaIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTIyLjc5LDI0LjYyVjIwLjY4YS42My42MywwLDAsMC0uMDYtLjMyTDIwLDEzLjc2aDEuODdjLjY2LDEuNzYsMS41MSw0LDEuODMsNS4xMy40LTEuMjQsMS4yNS0zLjQ2LDEuODQtNS4xM2gxLjc4bC0yLjc3LDYuNjFhLjczLjczLDAsMCwwLS4wNS4zNHYzLjkxWiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg=="},5308:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMTcuMSwxNnYzaDIuODJ2MS4yN0gxNy4xdjNIMTUuODF2LTNIMTNWMTloMi44NVYxNloiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJNMjAuNjcsMjMuNDMsMjUsMTUuMjVIMjFWMTMuNzZoNS44NnYxLjM2bC00LjIzLDhIMjdsLS4yMiwxLjQ4SDIwLjY3WiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg=="},1769:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMTMuNDUsMTEuMzJhLjc4Ljc4LDAsMCwwLS43Ny42NnYzYS43Ny43NywwLDAsMCwuNjYuNzZoM2EuNzguNzgsMCwwLDAsLjc3LS43Ny43Ny43NywwLDAsMC0uNjctLjc2SDE1LjM2YTcuNDMsNy40MywwLDEsMS0yLjY0LDQuMzguNzcuNzcsMCwxLDAtMS41MS0uMjksOSw5LDAsMSwwLDMtNS4xM1YxMi4wOUEuNzYuNzYsMCwwLDAsMTMuNDUsMTEuMzJaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+"},5728:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMTIuNSwyMWEuNS41LDAsMCwxLC41LjVWMjVhMiwyLDAsMCwwLDIsMmgzLjVhLjUuNSwwLDAsMSwwLDFIMTVhMywzLDAsMCwxLTMtM1YyMS41QS41LjUsMCwwLDEsMTIuNSwyMVptMTUsMGEuNS41LDAsMCwxLC40OS40MVYyNWEzLDMsMCwwLDEtMi44MiwzSDIxLjVhLjUuNSwwLDAsMS0uMDktMUgyNWEyLDIsMCwwLDAsMi0xLjg1VjIxLjVBLjUuNSwwLDAsMSwyNy41LDIxWm0tOS05YS41LjUsMCwwLDEsLjA5LDFIMTVhMiwyLDAsMCwwLTIsMS44NVYxOC41YS41LjUsMCwwLDEtMSwuMDlWMTVhMywzLDAsMCwxLDIuODItM0gxOC41Wk0yNSwxMmEzLDMsMCwwLDEsMywyLjgyVjE4LjVhLjUuNSwwLDAsMS0xLC4wOVYxNWEyLDIsMCwwLDAtMS44NS0ySDIxLjVhLjUuNSwwLDAsMS0uMDktMUgyNVoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="},5669:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMjkuMzYsMTguMzlhMi4xOCwyLjE4LDAsMCwxLDAsMy4wOGwtNy45MSw3LjkxYTEuMjIsMS4yMiwwLDAsMS0uODkuMzdoLTEuN2EuODUuODUsMCwwLDEtLjg2LS44NnYtMS43YTEuMjIsMS4yMiwwLDAsMSwuMzctLjg5bDcuOTEtNy45MUEyLjE4LDIuMTgsMCwwLDEsMjkuMzYsMTguMzlaTTMwLDIzLjExVjI3LjVhMi4yNSwyLjI1LDAsMCwxLTIuMjUsMi4yNUgyM2wxLjUtMS41aDMuMjVhLjc2Ljc2LDAsMCwwLC43NS0uNzV2LTNaTTIzLjYzLDEwLjI1YTEuMjMsMS4yMywwLDAsMSwuNzYuMjZMMjkuNjQsMTVhMS4yMSwxLjIxLDAsMCwxLC4zNi45djEuMjNhMi40MywyLjQzLDAsMCwwLS43NS0uNDMsMiwyLDAsMCwwLS43NC0uMVYxNkwyNCwxMi4xNFYxNWExLjc1LDEuNzUsMCwwLDEtMS43NSwxLjc1aC02QTEuNzUsMS43NSwwLDAsMSwxNC41LDE1VjExLjc1SDEyLjI1YS43NS43NSwwLDAsMC0uNzUuNzV2MTVhLjc1Ljc1LDAsMCwwLC43NS43NUgxM1YyMi41MWExLjc1LDEuNzUsMCwwLDEsMS42MS0xLjc0SDIybC0xLjU1LDEuNUgxNC43NWEuMjUuMjUsMCwwLDAtLjI0LjJ2NS43OWgydjEuNUgxMi4yNUEyLjI1LDIuMjUsMCwwLDEsMTAsMjcuNXYtMTVhMi4yNSwyLjI1LDAsMCwxLDIuMjUtMi4yNVptMy43Miw5LjIxLTcuODQsNy44M3YuOTVoLjk1bDcuODMtNy44NGEuNjYuNjYsMCwwLDAtLjk0LS45NFpNMjIuNSwxMS43NUgxNlYxNWEuMjUuMjUsMCwwLDAsLjI1LjI1aDZBLjI1LjI1LDAsMCwwLDIyLjUsMTVaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+"},3911:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMTMuNSwyOC41aDEzYS43Ni43NiwwLDAsMSwuNzUuNzUuNzUuNzUsMCwwLDEtLjY1Ljc0SDEzLjVhLjc1Ljc1LDAsMCwxLS4xLTEuNVptMS0xMy4yOCw1LTVhLjczLjczLDAsMCwxLDEtLjA3bC4wOS4wNyw1LDVhLjc1Ljc1LDAsMCwxLDAsMS4wNi43NS43NSwwLDAsMS0xLC4wN2wtLjA5LS4wNy0zLjcyLTMuNzJWMjYuMjVhLjc1Ljc1LDAsMCwxLS42NS43NEgyMGEuNzUuNzUsMCwwLDEtLjc0LS42NVYxMi41NmwtMy43MiwzLjcyYS43Ni43NiwwLDAsMS0xLC4wN2wtLjA4LS4wN2EuNzUuNzUsMCwwLDEtLjA3LTFsLjA3LS4wOCw1LTVaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+"},5995:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQwIDQwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjUsMjVIMTVhNSw1LDAsMCwxLDAtMTBIMjVhNSw1LDAsMCwxLDAsMTBaTTE1LDE2LjVhMy41LDMuNSwwLDAsMCwwLDdIMjVhMy41LDMuNSwwLDAsMCwwLTdaIi8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxNi4wMyIgeT0iMTkuMjUiIHdpZHRoPSI3Ljk0IiBoZWlnaHQ9IjEuNSIgcng9IjAuNzUiLz48L3N2Zz4="},319:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTUuMjUsMjIuNWEyLjUsMi41LDAsMSwxLDIuNS0yLjVBMi41LDIuNSwwLDAsMSwxNS4yNSwyMi41WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik0yNSwyNUgxNWE1LDUsMCwwLDEsMC0xMEgyNWE1LDUsMCwwLDEsMCwxMFpNMTUsMTYuNWEzLjUsMy41LDAsMCwwLDAsN0gyNWEzLjUsMy41LDAsMCwwLDAtN1oiIHN0eWxlPSJmaWxsOiMzMzMiLz48L3N2Zz4="},6761:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjQuNzUsMjIuNWEyLjUsMi41LDAsMSwwLTIuNS0yLjVBMi41LDIuNSwwLDAsMCwyNC43NSwyMi41WiIgc3R5bGU9ImZpbGw6IzMzMyIvPjxwYXRoIGQ9Ik0xMCwyMGE1LDUsMCwwLDEsNS01SDI1YTUsNSwwLDAsMSwwLDEwSDE1QTUsNSwwLDAsMSwxMCwyMFptNS0zLjVhMy41LDMuNSwwLDAsMCwwLDdIMjVhMy41LDMuNSwwLDAsMCwwLTdaIiBzdHlsZT0iZmlsbDojMzMzIi8+PC9zdmc+"},5430:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5jb3B5PC90aXRsZT48ZyBpZD0iVUlfRWxlbWVudHMiIGRhdGEtbmFtZT0iVUkgRWxlbWVudHMiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTI0LDE0Ljg5SDIyLjc2bC0zLTNIMTIuNDNWMjYuNTloNC4yNnYzaDExLjVWMTlabS4zLDEuNzEsMi4xNCwyLjEzSDI0LjM0Wm0tMTAuOTEsOVYxMi45M2g1LjkzbDIsMkgxNi42OXYxMC43Wm00LjI2LDNWMTUuODloNS42NXYzLjg0aDMuODV2OC44M1oiLz48L2c+PC9zdmc+"},1898:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE3IiBoZWlnaHQ9IjE3Ij4NCiAgPHBhdGggZD0iTTQuMjE5NjcgOC40Njk2N0M0LjUxMjU2IDguMTc2NzggNC45ODc0NCA4LjE3Njc4IDUuMjgwMzMgOC40Njk2N0wxMiAxNS4xODkzTDE4LjcxOTcgOC40Njk2N0MxOS4wMTI2IDguMTc2NzggMTkuNDg3NCA4LjE3Njc4IDE5Ljc4MDMgOC40Njk2N0MyMC4wNzMyIDguNzYyNTYgMjAuMDczMiA5LjIzNzQ0IDE5Ljc4MDMgOS41MzAzM0wxMi41MzAzIDE2Ljc4MDNDMTIuMjM3NCAxNy4wNzMyIDExLjc2MjYgMTcuMDczMiAxMS40Njk3IDE2Ljc4MDNMNC4yMTk2NyA5LjUzMDMzQzMuOTI2NzggOS4yMzc0NCAzLjkyNjc4IDguNzYyNTYgNC4yMTk2NyA4LjQ2OTY3WiIgZmlsbD0id2hpdGUiIC8+DQo8L3N2Zz4="},9208:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE1IDE1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNC4wOSw1LjU1YS42MS42MSwwLDAsMSwuODUsMGwyLDJWMS43OWEuNi42LDAsMSwxLDEuMiwwVjcuNTJsMi0yYS42MS42MSwwLDAsMSwuODUsMCwuNi42LDAsMCwxLDAsLjg0bC0zLDNhLjYuNiwwLDAsMS0uODQsMGwtMy0zQS42LjYsMCwwLDEsNC4wOSw1LjU1WiIvPjwvc3ZnPg=="},2835:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE1IDE1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNC4wOSw5LjQ1YS42LjYsMCwwLDEsMC0uODRsMy0zYS42LjYsMCwwLDEsLjg0LDBsMywzYS42LjYsMCwwLDEsMCwuODQuNjEuNjEsMCwwLDEtLjg1LDBsLTItMnY1LjczYS42LjYsMCwwLDEtMS4yLDBWNy40OGwtMiwyQS42MS42MSwwLDAsMSw0LjA5LDkuNDVaIi8+PC9zdmc+"},5290:e=>{"use strict";e.exports="data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 2 2%27%3E%3Cpath fill=%27rgba%281.0,1.0,1.0,0.3%29%27 fill-rule=%27evenodd%27 d=%27M0 0h1v1H0V0zm1 1h1v1H1V1z%27/%3E%3C/svg%3E"},1520:t=>{"use strict";t.exports=e},6190:e=>{"use strict";e.exports=a},7849:e=>{"use strict";e.exports=r},9545:e=>{"use strict";e.exports=s},4352:e=>{"use strict";e.exports=t},1213:e=>{"use strict";e.exports=n}},o={};function l(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={id:e,exports:{}};return i[e].call(n.exports,n,n.exports,l),n.exports}l.m=i,l.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return l.d(t,{a:t}),t},l.d=(e,t)=>{for(var n in t)l.o(t,n)&&!l.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.b=document.baseURI||self.location.href;var p={};return(()=>{"use strict";l.d(p,{default:()=>Hp});var e={};l.r(e),l.d(e,{Inspector:()=>Gp});var t=l(1902),n=l(5350),r=l(1520),s=l(3704);function a(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 i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){d(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function o(e){return o="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},o(e)}function c(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,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(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,s,a=[],i=!0,o=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){o=!0,s=e}finally{try{i||null==n.return||n.return()}finally{if(o)throw s}}return a}}(e,t)||g(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 u(e){return function(e){if(Array.isArray(e))return b(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||g(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 g(e,t){if(e){if("string"==typeof e)return b(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)?b(e,t):void 0}}function b(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 m=function(){},C={},f={},v=null,A={mark:m,measure:m};try{"undefined"!=typeof window&&(C=window),"undefined"!=typeof document&&(f=document),"undefined"!=typeof MutationObserver&&(v=MutationObserver),"undefined"!=typeof performance&&(A=performance)}catch(e){}var x=(C.navigator||{}).userAgent,y=void 0===x?"":x,j=C,w=f,O=v,S=A,M=(j.document,!!w.documentElement&&!!w.head&&"function"==typeof w.addEventListener&&"function"==typeof w.createElement),N=~y.indexOf("MSIE")||~y.indexOf("Trident/"),L="svg-inline--fa",k="data-fa-i2svg",P="data-fa-pseudo-element",D="data-prefix",E="data-icon",B="fontawesome-i2svg",T=["HTML","HEAD","STYLE","SCRIPT"],_=function(){try{return!0}catch(e){return!1}}(),I={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","fa-kit":"kit",fa:"solid"},z={solid:"fas",regular:"far",light:"fal",thin:"fat",duotone:"fad",brands:"fab",kit:"fak"},R={fab:"fa-brands",fad:"fa-duotone",fak:"fa-kit",fal:"fa-light",far:"fa-regular",fas:"fa-solid",fat:"fa-thin"},U={"fa-brands":"fab","fa-duotone":"fad","fa-kit":"fak","fa-light":"fal","fa-regular":"far","fa-solid":"fas","fa-thin":"fat"},W=/fa[srltdbk\-\ ]/,Y="fa-layers-text",F=/Font ?Awesome ?([56 ]*)(Solid|Regular|Light|Thin|Duotone|Brands|Free|Pro|Kit)?.*/i,G={900:"fas",400:"far",normal:"far",300:"fal",100:"fat"},H=[1,2,3,4,5,6,7,8,9,10],V=H.concat([11,12,13,14,15,16,17,18,19,20]),Z=["class","data-prefix","data-icon","data-fa-transform","data-fa-mask"],Q="duotone-group",X="primary",K="secondary",q=[].concat(u(Object.keys(z)),["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",Q,"swap-opacity",X,K]).concat(H.map((function(e){return"".concat(e,"x")}))).concat(V.map((function(e){return"w-".concat(e)}))),J=j.FontAwesomeConfig||{};w&&"function"==typeof w.querySelector&&[["data-family-prefix","familyPrefix"],["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=h(e,2),n=t[0],r=t[1],s=function(e){return""===e||"false"!==e&&("true"===e||e)}(function(e){var t=w.querySelector("script["+e+"]");if(t)return t.getAttribute(e)}(n));null!=s&&(J[r]=s)}));var $=i(i({},{familyPrefix:"fa",styleDefault:"solid",replacementClass:L,autoReplaceSvg:!0,autoAddCss:!0,autoA11y:!0,searchPseudoElements:!1,observeMutations:!0,mutateApproach:"async",keepOriginalSource:!0,measurePerformance:!1,showMissingIcons:!0}),J);$.autoReplaceSvg||($.observeMutations=!1);var ee={};Object.keys($).forEach((function(e){Object.defineProperty(ee,e,{enumerable:!0,set:function(t){$[e]=t,te.forEach((function(e){return e(ee)}))},get:function(){return $[e]}})})),j.FontAwesomeConfig=ee;var te=[],ne=16,re={size:16,x:0,y:0,rotate:0,flipX:!1,flipY:!1};function se(){for(var e=12,t="";e-- >0;)t+="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"[62*Math.random()|0];return t}function ae(e){for(var t=[],n=(e||[]).length>>>0;n--;)t[n]=e[n];return t}function ie(e){return e.classList?ae(e.classList):(e.getAttribute("class")||"").split(" ").filter((function(e){return e}))}function oe(e){return"".concat(e).replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/'/g,"&#39;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function le(e){return Object.keys(e||{}).reduce((function(t,n){return t+"".concat(n,": ").concat(e[n].trim(),";")}),"")}function pe(e){return e.size!==re.size||e.x!==re.x||e.y!==re.y||e.rotate!==re.rotate||e.flipX||e.flipY}function ce(){var e="fa",t=L,n=ee.familyPrefix,r=ee.replacementClass,s=':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-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, 0);\n          animation-delay: var(--fa-animation-delay, 0);\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, 0);\n          animation-delay: var(--fa-animation-delay, 0);\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, 0);\n          animation-delay: var(--fa-animation-delay, 0);\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, 0);\n          animation-delay: var(--fa-animation-delay, 0);\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, 0);\n          animation-delay: var(--fa-animation-delay, 0);\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, 0);\n          animation-delay: var(--fa-animation-delay, 0);\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, 0);\n          animation-delay: var(--fa-animation-delay, 0);\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    transition-delay: 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, none));\n          transform: rotate(var(--fa-rotate-angle, none));\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}';if(n!==e||r!==t){var a=new RegExp("\\.".concat(e,"\\-"),"g"),i=new RegExp("\\--".concat(e,"\\-"),"g"),o=new RegExp("\\.".concat(t),"g");s=s.replace(a,".".concat(n,"-")).replace(i,"--".concat(n,"-")).replace(o,".".concat(r))}return s}var de=!1;function he(){ee.autoAddCss&&!de&&(function(e){if(e&&M){var t=w.createElement("style");t.setAttribute("type","text/css"),t.innerHTML=e;for(var n=w.head.childNodes,r=null,s=n.length-1;s>-1;s--){var a=n[s],i=(a.tagName||"").toUpperCase();["STYLE","LINK"].indexOf(i)>-1&&(r=a)}w.head.insertBefore(t,r)}}(ce()),de=!0)}var ue={mixout:function(){return{dom:{css:ce,insertCss:he}}},hooks:function(){return{beforeDOMElementCreation:function(){he()},beforeI2svg:function(){he()}}}},ge=j||{};ge.___FONT_AWESOME___||(ge.___FONT_AWESOME___={}),ge.___FONT_AWESOME___.styles||(ge.___FONT_AWESOME___.styles={}),ge.___FONT_AWESOME___.hooks||(ge.___FONT_AWESOME___.hooks={}),ge.___FONT_AWESOME___.shims||(ge.___FONT_AWESOME___.shims=[]);var be=ge.___FONT_AWESOME___,me=[],Ce=!1;function fe(e){M&&(Ce?setTimeout(e,0):me.push(e))}function ve(e){var t=e.tag,n=e.attributes,r=void 0===n?{}:n,s=e.children,a=void 0===s?[]:s;return"string"==typeof e?oe(e):"<".concat(t," ").concat(function(e){return Object.keys(e||{}).reduce((function(t,n){return t+"".concat(n,'="').concat(oe(e[n]),'" ')}),"").trim()}(r),">").concat(a.map(ve).join(""),"</").concat(t,">")}function Ae(e,t,n){if(e&&e[t]&&e[t][n])return{prefix:t,iconName:n,icon:e[t][n]}}M&&((Ce=(w.documentElement.doScroll?/^loaded|^c/:/^loaded|^i|^c/).test(w.readyState))||w.addEventListener("DOMContentLoaded",(function e(){w.removeEventListener("DOMContentLoaded",e),Ce=1,me.map((function(e){return e()}))})));var xe=function(e,t,n,r){var s,a,i,o=Object.keys(e),l=o.length,p=void 0!==r?function(e,t){return function(n,r,s,a){return e.call(t,n,r,s,a)}}(t,r):t;for(void 0===n?(s=1,i=e[o[0]]):(s=0,i=n);s<l;s++)i=p(i,e[a=o[s]],a,e);return i};function ye(e){var t=function(e){for(var t=[],n=0,r=e.length;n<r;){var s=e.charCodeAt(n++);if(s>=55296&&s<=56319&&n<r){var a=e.charCodeAt(n++);56320==(64512&a)?t.push(((1023&s)<<10)+(1023&a)+65536):(t.push(s),n--)}else t.push(s)}return t}(e);return 1===t.length?t[0].toString(16):null}function je(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 we(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.skipHooks,s=void 0!==r&&r,a=je(t);"function"!=typeof be.hooks.addPack||s?be.styles[e]=i(i({},be.styles[e]||{}),a):be.hooks.addPack(e,je(t)),"fas"===e&&we("fa",t)}var Oe=be.styles,Se=be.shims,Me=Object.values(R),Ne=null,Le={},ke={},Pe={},De={},Ee={},Be=Object.keys(I);function Te(e,t){var n,r=t.split("-"),s=r[0],a=r.slice(1).join("-");return s!==e||""===a||(n=a,~q.indexOf(n))?null:a}var _e,Ie=function(){var e=function(e){return xe(Oe,(function(t,n,r){return t[r]=xe(n,e,{}),t}),{})};Le=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})),ke=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})),Ee=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 Oe||ee.autoFetchSvg,n=xe(Se,(function(e,n){var r=n[0],s=n[1],a=n[2];return"far"!==s||t||(s="fas"),"string"==typeof r&&(e.names[r]={prefix:s,iconName:a}),"number"==typeof r&&(e.unicodes[r.toString(16)]={prefix:s,iconName:a}),e}),{names:{},unicodes:{}});Pe=n.names,De=n.unicodes,Ne=Ye(ee.styleDefault)};function ze(e,t){return(Le[e]||{})[t]}function Re(e,t){return(Ee[e]||{})[t]}function Ue(e){return Pe[e]||{prefix:null,iconName:null}}function We(){return Ne}function Ye(e){var t=z[e]||z[I[e]],n=e in be.styles?e:null;return t||n||null}function Fe(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.skipLookups,r=void 0!==n&&n,s=null,a=e.reduce((function(e,t){var n=Te(ee.familyPrefix,t);if(Oe[t]?(t=Me.includes(t)?U[t]:t,s=t,e.prefix=t):Be.indexOf(t)>-1?(s=t,e.prefix=Ye(t)):n?e.iconName=n:t!==ee.replacementClass&&e.rest.push(t),!r&&e.prefix&&e.iconName){var a="fa"===s?Ue(e.iconName):{},i=Re(e.prefix,e.iconName);a.prefix&&(s=null),e.iconName=a.iconName||i||e.iconName,e.prefix=a.prefix||e.prefix,"far"!==e.prefix||Oe.far||!Oe.fas||ee.autoFetchSvg||(e.prefix="fas")}return e}),{prefix:null,iconName:null,rest:[]});return"fa"!==a.prefix&&"fa"!==s||(a.prefix=We()||"fas"),a}_e=function(e){Ne=Ye(e.styleDefault)},te.push(_e),Ie();var Ge=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 s=n.reduce(this._pullDefinitions,{});Object.keys(s).forEach((function(t){e.definitions[t]=i(i({},e.definitions[t]||{}),s[t]),we(t,s[t]);var n=R[t];n&&we(n,s[t]),Ie()}))}},{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],s=r.prefix,a=r.iconName,i=r.icon,o=i[2];e[s]||(e[s]={}),o.length>0&&o.forEach((function(t){"string"==typeof t&&(e[s][t]=i)})),e[s][a]=i})),e}}],n&&c(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),e}(),He=[],Ve={},Ze={},Qe=Object.keys(Ze);function Xe(e,t){for(var n=arguments.length,r=new Array(n>2?n-2:0),s=2;s<n;s++)r[s-2]=arguments[s];var a=Ve[e]||[];return a.forEach((function(e){t=e.apply(null,[t].concat(r))})),t}function Ke(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];var s=Ve[e]||[];s.forEach((function(e){e.apply(null,n)}))}function qe(){var e=arguments[0],t=Array.prototype.slice.call(arguments,1);return Ze[e]?Ze[e].apply(null,t):void 0}function Je(e){"fa"===e.prefix&&(e.prefix="fas");var t=e.iconName,n=e.prefix||We();if(t)return t=Re(n,t)||t,Ae($e.definitions,n,t)||Ae(be.styles,n,t)}var $e=new Ge,et={i2svg:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return M?(Ke("beforeI2svg",e),qe("pseudoElements2svg",e),qe("i2svg",e)):Promise.reject("Operation requires a DOM of some kind.")},watch:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.autoReplaceSvgRoot;!1===ee.autoReplaceSvg&&(ee.autoReplaceSvg=!0),ee.observeMutations=!0,fe((function(){nt({autoReplaceSvgRoot:t}),Ke("watch",e)}))}},tt={noAuto:function(){ee.autoReplaceSvg=!1,ee.observeMutations=!1,Ke("noAuto")},config:ee,dom:et,parse:{icon:function(e){if(null===e)return null;if("object"===o(e)&&e.prefix&&e.iconName)return{prefix:e.prefix,iconName:Re(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=Ye(e[0]);return{prefix:n,iconName:Re(n,t)||t}}if("string"==typeof e&&(e.indexOf("".concat(ee.familyPrefix,"-"))>-1||e.match(W))){var r=Fe(e.split(" "),{skipLookups:!0});return{prefix:r.prefix||We(),iconName:Re(r.prefix,r.iconName)||r.iconName}}if("string"==typeof e){var s=We();return{prefix:s,iconName:Re(s,e)||e}}}},library:$e,findIconDefinition:Je,toHtml:ve},nt=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.autoReplaceSvgRoot,n=void 0===t?w:t;(Object.keys(be.styles).length>0||ee.autoFetchSvg)&&M&&ee.autoReplaceSvg&&tt.dom.i2svg({node:n})};function rt(e,t){return Object.defineProperty(e,"abstract",{get:t}),Object.defineProperty(e,"html",{get:function(){return e.abstract.map((function(e){return ve(e)}))}}),Object.defineProperty(e,"node",{get:function(){if(M){var t=w.createElement("div");return t.innerHTML=e.html,t.children}}}),e}function st(e){var t=e.icons,n=t.main,r=t.mask,s=e.prefix,a=e.iconName,o=e.transform,l=e.symbol,p=e.title,c=e.maskId,d=e.titleId,h=e.extra,u=e.watchable,g=void 0!==u&&u,b=r.found?r:n,m=b.width,C=b.height,f="fak"===s,v=[ee.replacementClass,a?"".concat(ee.familyPrefix,"-").concat(a):""].filter((function(e){return-1===h.classes.indexOf(e)})).filter((function(e){return""!==e||!!e})).concat(h.classes).join(" "),A={children:[],attributes:i(i({},h.attributes),{},{"data-prefix":s,"data-icon":a,class:v,role:h.attributes.role||"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 ".concat(m," ").concat(C)})},x=f&&!~h.classes.indexOf("fa-fw")?{width:"".concat(m/C*16*.0625,"em")}:{};g&&(A.attributes[k]=""),p&&(A.children.push({tag:"title",attributes:{id:A.attributes["aria-labelledby"]||"title-".concat(d||se())},children:[p]}),delete A.attributes.title);var y=i(i({},A),{},{prefix:s,iconName:a,main:n,mask:r,maskId:c,transform:o,symbol:l,styles:i(i({},x),h.styles)}),j=r.found&&n.found?qe("generateAbstractMask",y)||{children:[],attributes:{}}:qe("generateAbstractIcon",y)||{children:[],attributes:{}},w=j.children,O=j.attributes;return y.children=w,y.attributes=O,l?function(e){var t=e.prefix,n=e.iconName,r=e.children,s=e.attributes,a=e.symbol,o=!0===a?"".concat(t,"-").concat(ee.familyPrefix,"-").concat(n):a;return[{tag:"svg",attributes:{style:"display: none;"},children:[{tag:"symbol",attributes:i(i({},s),{},{id:o}),children:r}]}]}(y):function(e){var t=e.children,n=e.main,r=e.mask,s=e.attributes,a=e.styles,o=e.transform;if(pe(o)&&n.found&&!r.found){var l={x:n.width/n.height/2,y:.5};s.style=le(i(i({},a),{},{"transform-origin":"".concat(l.x+o.x/16,"em ").concat(l.y+o.y/16,"em")}))}return[{tag:"svg",attributes:s,children:t}]}(y)}function at(e){var t=e.content,n=e.width,r=e.height,s=e.transform,a=e.title,o=e.extra,l=e.watchable,p=void 0!==l&&l,c=i(i(i({},o.attributes),a?{title:a}:{}),{},{class:o.classes.join(" ")});p&&(c[k]="");var d=i({},o.styles);pe(s)&&(d.transform=function(e){var t=e.transform,n=e.width,r=void 0===n?16:n,s=e.height,a=void 0===s?16:s,i=e.startCentered,o=void 0!==i&&i,l="";return l+=o&&N?"translate(".concat(t.x/ne-r/2,"em, ").concat(t.y/ne-a/2,"em) "):o?"translate(calc(-50% + ".concat(t.x/ne,"em), calc(-50% + ").concat(t.y/ne,"em)) "):"translate(".concat(t.x/ne,"em, ").concat(t.y/ne,"em) "),(l+="scale(".concat(t.size/ne*(t.flipX?-1:1),", ").concat(t.size/ne*(t.flipY?-1:1),") "))+"rotate(".concat(t.rotate,"deg) ")}({transform:s,startCentered:!0,width:n,height:r}),d["-webkit-transform"]=d.transform);var h=le(d);h.length>0&&(c.style=h);var u=[];return u.push({tag:"span",attributes:c,children:[t]}),a&&u.push({tag:"span",attributes:{class:"sr-only"},children:[a]}),u}function it(e){var t=e.content,n=e.title,r=e.extra,s=i(i(i({},r.attributes),n?{title:n}:{}),{},{class:r.classes.join(" ")}),a=le(r.styles);a.length>0&&(s.style=a);var o=[];return o.push({tag:"span",attributes:s,children:[t]}),n&&o.push({tag:"span",attributes:{class:"sr-only"},children:[n]}),o}var ot=be.styles;function lt(e){var t=e[0],n=e[1],r=h(e.slice(4),1)[0];return{found:!0,width:t,height:n,icon:Array.isArray(r)?{tag:"g",attributes:{class:"".concat(ee.familyPrefix,"-").concat(Q)},children:[{tag:"path",attributes:{class:"".concat(ee.familyPrefix,"-").concat(K),fill:"currentColor",d:r[0]}},{tag:"path",attributes:{class:"".concat(ee.familyPrefix,"-").concat(X),fill:"currentColor",d:r[1]}}]}:{tag:"path",attributes:{fill:"currentColor",d:r}}}}var pt={found:!1,width:512,height:512};function ct(e,t){var n=t;return"fa"===t&&null!==ee.styleDefault&&(t=We()),new Promise((function(r,s){if(qe("missingIconAbstract"),"fa"===n){var a=Ue(e)||{};e=a.iconName||e,t=a.prefix||t}if(e&&t&&ot[t]&&ot[t][e])return r(lt(ot[t][e]));!function(e,t){_||ee.showMissingIcons||!e||console.error('Icon with name "'.concat(e,'" and prefix "').concat(t,'" is missing.'))}(e,t),r(i(i({},pt),{},{icon:ee.showMissingIcons&&e&&qe("missingIconAbstract")||{}}))}))}var dt=function(){},ht=ee.measurePerformance&&S&&S.mark&&S.measure?S:{mark:dt,measure:dt},ut='FA "6.0.0"',gt=function(e){return ht.mark("".concat(ut," ").concat(e," begins")),function(){return function(e){ht.mark("".concat(ut," ").concat(e," ends")),ht.measure("".concat(ut," ").concat(e),"".concat(ut," ").concat(e," begins"),"".concat(ut," ").concat(e," ends"))}(e)}},bt=function(){};function mt(e){return"string"==typeof(e.getAttribute?e.getAttribute(k):null)}function Ct(e){return w.createElementNS("http://www.w3.org/2000/svg",e)}function ft(e){return w.createElement(e)}function vt(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.ceFn,r=void 0===n?"svg"===e.tag?Ct:ft:n;if("string"==typeof e)return w.createTextNode(e);var s=r(e.tag);Object.keys(e.attributes||[]).forEach((function(t){s.setAttribute(t,e.attributes[t])}));var a=e.children||[];return a.forEach((function(e){s.appendChild(vt(e,{ceFn:r}))})),s}var At={replace:function(e){var t=e[0];if(t.parentNode)if(e[1].forEach((function(e){t.parentNode.insertBefore(vt(e),t)})),null===t.getAttribute(k)&&ee.keepOriginalSource){var n=w.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(~ie(t).indexOf(ee.replacementClass))return At.replace(e);var r=new RegExp("".concat(ee.familyPrefix,"-.*"));if(delete n[0].attributes.id,n[0].attributes.class){var s=n[0].attributes.class.split(" ").reduce((function(e,t){return t===ee.replacementClass||t.match(r)?e.toSvg.push(t):e.toNode.push(t),e}),{toNode:[],toSvg:[]});n[0].attributes.class=s.toSvg.join(" "),0===s.toNode.length?t.removeAttribute("class"):t.setAttribute("class",s.toNode.join(" "))}var a=n.map((function(e){return ve(e)})).join("\n");t.setAttribute(k,""),t.innerHTML=a}};function xt(e){e()}function yt(e,t){var n="function"==typeof t?t:bt;if(0===e.length)n();else{var r=xt;"async"===ee.mutateApproach&&(r=j.requestAnimationFrame||xt),r((function(){var t=!0===ee.autoReplaceSvg?At.replace:At[ee.autoReplaceSvg]||At.replace,r=gt("mutate");e.map(t),r(),n()}))}}var jt=!1;function wt(){jt=!0}function Ot(){jt=!1}var St=null;function Mt(e){if(O&&ee.observeMutations){var t=e.treeCallback,n=void 0===t?bt:t,r=e.nodeCallback,s=void 0===r?bt:r,a=e.pseudoElementsCallback,i=void 0===a?bt:a,o=e.observeMutationsRoot,l=void 0===o?w:o;St=new O((function(e){if(!jt){var t=We();ae(e).forEach((function(e){if("childList"===e.type&&e.addedNodes.length>0&&!mt(e.addedNodes[0])&&(ee.searchPseudoElements&&i(e.target),n(e.target)),"attributes"===e.type&&e.target.parentNode&&ee.searchPseudoElements&&i(e.target.parentNode),"attributes"===e.type&&mt(e.target)&&~Z.indexOf(e.attributeName))if("class"===e.attributeName&&function(e){var t=e.getAttribute?e.getAttribute(D):null,n=e.getAttribute?e.getAttribute(E):null;return t&&n}(e.target)){var r=Fe(ie(e.target)),a=r.prefix,o=r.iconName;e.target.setAttribute(D,a||t),o&&e.target.setAttribute(E,o)}else(l=e.target)&&l.classList&&l.classList.contains&&l.classList.contains(ee.replacementClass)&&s(e.target);var l}))}})),M&&St.observe(l,{childList:!0,attributes:!0,characterData:!0,subtree:!0})}}function Nt(e){var t=e.getAttribute("style"),n=[];return t&&(n=t.split(";").reduce((function(e,t){var n=t.split(":"),r=n[0],s=n.slice(1);return r&&s.length>0&&(e[r]=s.join(":").trim()),e}),{})),n}function Lt(e){var t,n,r=e.getAttribute("data-prefix"),s=e.getAttribute("data-icon"),a=void 0!==e.innerText?e.innerText.trim():"",i=Fe(ie(e));return i.prefix||(i.prefix=We()),r&&s&&(i.prefix=r,i.iconName=s),i.iconName&&i.prefix||i.prefix&&a.length>0&&(i.iconName=(t=i.prefix,n=e.innerText,(ke[t]||{})[n]||ze(i.prefix,ye(e.innerText)))),i}function kt(e){var t=ae(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 ee.autoA11y&&(n?t["aria-labelledby"]="".concat(ee.replacementClass,"-title-").concat(r||se()):(t["aria-hidden"]="true",t.focusable="false")),t}function Pt(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{styleParser:!0},n=Lt(e),r=n.iconName,s=n.prefix,a=n.rest,o=kt(e),l=Xe("parseNodeAttributes",{},e),p=t.styleParser?Nt(e):[];return i({iconName:r,title:e.getAttribute("title"),titleId:e.getAttribute("data-fa-title-id"),prefix:s,transform:re,mask:{iconName:null,prefix:null,rest:[]},maskId:null,symbol:!1,extra:{classes:a,styles:p,attributes:o}},l)}var Dt=be.styles;function Et(e){var t="nest"===ee.autoReplaceSvg?Pt(e,{styleParser:!1}):Pt(e);return~t.extra.classes.indexOf(Y)?qe("generateLayersText",e,t):qe("generateSvgReplacementMutation",e,t)}function Bt(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(!M)return Promise.resolve();var n=w.documentElement.classList,r=function(e){return n.add("".concat(B,"-").concat(e))},s=function(e){return n.remove("".concat(B,"-").concat(e))},a=ee.autoFetchSvg?Object.keys(I):Object.keys(Dt),i=[".".concat(Y,":not([").concat(k,"])")].concat(a.map((function(e){return".".concat(e,":not([").concat(k,"])")}))).join(", ");if(0===i.length)return Promise.resolve();var o=[];try{o=ae(e.querySelectorAll(i))}catch(e){}if(!(o.length>0))return Promise.resolve();r("pending"),s("complete");var l=gt("onTree"),p=o.reduce((function(e,t){try{var n=Et(t);n&&e.push(n)}catch(e){_||"MissingIcon"===e.name&&console.error(e)}return e}),[]);return new Promise((function(e,n){Promise.all(p).then((function(n){yt(n,(function(){r("active"),r("complete"),s("pending"),"function"==typeof t&&t(),l(),e()}))})).catch((function(e){l(),n(e)}))}))}function Tt(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;Et(e).then((function(e){e&&yt([e],t)}))}var _t=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.transform,r=void 0===n?re:n,s=t.symbol,a=void 0!==s&&s,o=t.mask,l=void 0===o?null:o,p=t.maskId,c=void 0===p?null:p,d=t.title,h=void 0===d?null:d,u=t.titleId,g=void 0===u?null:u,b=t.classes,m=void 0===b?[]:b,C=t.attributes,f=void 0===C?{}:C,v=t.styles,A=void 0===v?{}:v;if(e){var x=e.prefix,y=e.iconName,j=e.icon;return rt(i({type:"icon"},e),(function(){return Ke("beforeDOMElementCreation",{iconDefinition:e,params:t}),ee.autoA11y&&(h?f["aria-labelledby"]="".concat(ee.replacementClass,"-title-").concat(g||se()):(f["aria-hidden"]="true",f.focusable="false")),st({icons:{main:lt(j),mask:l?lt(l.icon):{found:!1,width:null,height:null,icon:{}}},prefix:x,iconName:y,transform:i(i({},re),r),symbol:a,title:h,maskId:c,titleId:g,extra:{attributes:f,styles:A,classes:m}})}))}},It={mixout:function(){return{icon:(e=_t,function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=(t||{}).icon?t:Je(t||{}),s=n.mask;return s&&(s=(s||{}).icon?s:Je(s||{})),e(r,i(i({},n),{},{mask:s}))})};var e},hooks:function(){return{mutationObserverCallbacks:function(e){return e.treeCallback=Bt,e.nodeCallback=Tt,e}}},provides:function(e){e.i2svg=function(e){var t=e.node,n=void 0===t?w:t,r=e.callback;return Bt(n,void 0===r?function(){}:r)},e.generateSvgReplacementMutation=function(e,t){var n=t.iconName,r=t.title,s=t.titleId,a=t.prefix,i=t.transform,o=t.symbol,l=t.mask,p=t.maskId,c=t.extra;return new Promise((function(t,d){Promise.all([ct(n,a),l.iconName?ct(l.iconName,l.prefix):Promise.resolve({found:!1,width:512,height:512,icon:{}})]).then((function(l){var d=h(l,2),u=d[0],g=d[1];t([e,st({icons:{main:u,mask:g},prefix:a,iconName:n,transform:i,symbol:o,maskId:p,title:r,titleId:s,extra:c,watchable:!0})])})).catch(d)}))},e.generateAbstractIcon=function(e){var t,n=e.children,r=e.attributes,s=e.main,a=e.transform,i=le(e.styles);return i.length>0&&(r.style=i),pe(a)&&(t=qe("generateAbstractTransformGrouping",{main:s,transform:a,containerWidth:s.width,iconWidth:s.width})),n.push(t||s.icon),{children:n,attributes:r}}}},zt={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 rt({type:"layer"},(function(){Ke("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(ee.familyPrefix,"-layers")].concat(u(r)).join(" ")},children:n}]}))}}}},Rt={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,s=t.classes,a=void 0===s?[]:s,i=t.attributes,o=void 0===i?{}:i,l=t.styles,p=void 0===l?{}:l;return rt({type:"counter",content:e},(function(){return Ke("beforeDOMElementCreation",{content:e,params:t}),it({content:e.toString(),title:r,extra:{attributes:o,styles:p,classes:["".concat(ee.familyPrefix,"-layers-counter")].concat(u(a))}})}))}}}},Ut={mixout:function(){return{text:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.transform,r=void 0===n?re:n,s=t.title,a=void 0===s?null:s,o=t.classes,l=void 0===o?[]:o,p=t.attributes,c=void 0===p?{}:p,d=t.styles,h=void 0===d?{}:d;return rt({type:"text",content:e},(function(){return Ke("beforeDOMElementCreation",{content:e,params:t}),at({content:e,transform:i(i({},re),r),title:a,extra:{attributes:c,styles:h,classes:["".concat(ee.familyPrefix,"-layers-text")].concat(u(l))}})}))}}},provides:function(e){e.generateLayersText=function(e,t){var n=t.title,r=t.transform,s=t.extra,a=null,i=null;if(N){var o=parseInt(getComputedStyle(e).fontSize,10),l=e.getBoundingClientRect();a=l.width/o,i=l.height/o}return ee.autoA11y&&!n&&(s.attributes["aria-hidden"]="true"),Promise.resolve([e,at({content:e.innerHTML,width:a,height:i,transform:r,title:n,extra:s,watchable:!0})])}}},Wt=new RegExp('"',"ug"),Yt=[1105920,1112319];function Ft(e,t){var n="".concat("data-fa-pseudo-element-pending").concat(t.replace(":","-"));return new Promise((function(r,s){if(null!==e.getAttribute(n))return r();var a,o,l,p=ae(e.children).filter((function(e){return e.getAttribute(P)===t}))[0],c=j.getComputedStyle(e,t),d=c.getPropertyValue("font-family").match(F),h=c.getPropertyValue("font-weight"),u=c.getPropertyValue("content");if(p&&!d)return e.removeChild(p),r();if(d&&"none"!==u&&""!==u){var g=c.getPropertyValue("content"),b=~["Solid","Regular","Light","Thin","Duotone","Brands","Kit"].indexOf(d[2])?z[d[2].toLowerCase()]:G[h],m=function(e){var t,n,r,s,a=e.replace(Wt,""),i=(0,r=(t=a).length,(s=t.charCodeAt(0))>=55296&&s<=56319&&r>1&&(n=t.charCodeAt(1))>=56320&&n<=57343?1024*(s-55296)+n-56320+65536:s),o=i>=Yt[0]&&i<=Yt[1],l=2===a.length&&a[0]===a[1];return{value:ye(l?a[0]:a),isSecondary:o||l}}(g),C=m.value,f=m.isSecondary,v=d[0].startsWith("FontAwesome"),A=ze(b,C),x=A;if(v){var y=(o=De[a=C],l=ze("fas",a),o||(l?{prefix:"fas",iconName:l}:null)||{prefix:null,iconName:null});y.iconName&&y.prefix&&(A=y.iconName,b=y.prefix)}if(!A||f||p&&p.getAttribute(D)===b&&p.getAttribute(E)===x)r();else{e.setAttribute(n,x),p&&e.removeChild(p);var O={iconName:null,title:null,titleId:null,prefix:null,transform:re,symbol:!1,mask:{iconName:null,prefix:null,rest:[]},maskId:null,extra:{classes:[],styles:{},attributes:{}}},S=O.extra;S.attributes[P]=t,ct(A,b).then((function(s){var a=st(i(i({},O),{},{icons:{main:s,mask:{prefix:null,iconName:null,rest:[]}},prefix:b,iconName:x,extra:S,watchable:!0})),o=w.createElement("svg");"::before"===t?e.insertBefore(o,e.firstChild):e.appendChild(o),o.outerHTML=a.map((function(e){return ve(e)})).join("\n"),e.removeAttribute(n),r()})).catch(s)}}else r()}))}function Gt(e){return Promise.all([Ft(e,"::before"),Ft(e,"::after")])}function Ht(e){return!(e.parentNode===document.head||~T.indexOf(e.tagName.toUpperCase())||e.getAttribute(P)||e.parentNode&&"svg"===e.parentNode.tagName)}function Vt(e){if(M)return new Promise((function(t,n){var r=ae(e.querySelectorAll("*")).filter(Ht).map(Gt),s=gt("searchPseudoElements");wt(),Promise.all(r).then((function(){s(),Ot(),t()})).catch((function(){s(),Ot(),n()}))}))}var Zt=!1,Qt=function(e){return e.toLowerCase().split(" ").reduce((function(e,t){var n=t.toLowerCase().split("-"),r=n[0],s=n.slice(1).join("-");if(r&&"h"===s)return e.flipX=!0,e;if(r&&"v"===s)return e.flipY=!0,e;if(s=parseFloat(s),isNaN(s))return e;switch(r){case"grow":e.size=e.size+s;break;case"shrink":e.size=e.size-s;break;case"left":e.x=e.x-s;break;case"right":e.x=e.x+s;break;case"up":e.y=e.y-s;break;case"down":e.y=e.y+s;break;case"rotate":e.rotate=e.rotate+s}return e}),{size:16,x:0,y:0,flipX:!1,flipY:!1,rotate:0})},Xt={mixout:function(){return{parse:{transform:function(e){return Qt(e)}}}},hooks:function(){return{parseNodeAttributes:function(e,t){var n=t.getAttribute("data-fa-transform");return n&&(e.transform=Qt(n)),e}}},provides:function(e){e.generateAbstractTransformGrouping=function(e){var t=e.main,n=e.transform,r=e.containerWidth,s=e.iconWidth,a={transform:"translate(".concat(r/2," 256)")},o="translate(".concat(32*n.x,", ").concat(32*n.y,") "),l="scale(".concat(n.size/16*(n.flipX?-1:1),", ").concat(n.size/16*(n.flipY?-1:1),") "),p="rotate(".concat(n.rotate," 0 0)"),c={outer:a,inner:{transform:"".concat(o," ").concat(l," ").concat(p)},path:{transform:"translate(".concat(s/2*-1," -256)")}};return{tag:"g",attributes:i({},c.outer),children:[{tag:"g",attributes:i({},c.inner),children:[{tag:t.icon.tag,children:t.icon.children,attributes:i(i({},t.icon.attributes),c.path)}]}]}}}},Kt={x:0,y:0,width:"100%",height:"100%"};function qt(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 Jt,$t={hooks:function(){return{parseNodeAttributes:function(e,t){var n=t.getAttribute("data-fa-mask"),r=n?Fe(n.split(" ").map((function(e){return e.trim()}))):{prefix:null,iconName:null,rest:[]};return r.prefix||(r.prefix=We()),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,s=e.main,a=e.mask,o=e.maskId,l=e.transform,p=s.width,c=s.icon,d=a.width,h=a.icon,u=function(e){var t=e.transform,n=e.iconWidth,r={transform:"translate(".concat(e.containerWidth/2," 256)")},s="translate(".concat(32*t.x,", ").concat(32*t.y,") "),a="scale(".concat(t.size/16*(t.flipX?-1:1),", ").concat(t.size/16*(t.flipY?-1:1),") "),i="rotate(".concat(t.rotate," 0 0)");return{outer:r,inner:{transform:"".concat(s," ").concat(a," ").concat(i)},path:{transform:"translate(".concat(n/2*-1," -256)")}}}({transform:l,containerWidth:d,iconWidth:p}),g={tag:"rect",attributes:i(i({},Kt),{},{fill:"white"})},b=c.children?{children:c.children.map(qt)}:{},m={tag:"g",attributes:i({},u.inner),children:[qt(i({tag:c.tag,attributes:i(i({},c.attributes),u.path)},b))]},C={tag:"g",attributes:i({},u.outer),children:[m]},f="mask-".concat(o||se()),v="clip-".concat(o||se()),A={tag:"mask",attributes:i(i({},Kt),{},{id:f,maskUnits:"userSpaceOnUse",maskContentUnits:"userSpaceOnUse"}),children:[g,C]},x={tag:"defs",children:[{tag:"clipPath",attributes:{id:v},children:(t=h,"g"===t.tag?t.children:[t])},A]};return n.push(x,{tag:"rect",attributes:i({fill:"currentColor","clip-path":"url(#".concat(v,")"),mask:"url(#".concat(f,")")},Kt)}),{children:n,attributes:r}}}},en={provides:function(e){var t=!1;j.matchMedia&&(t=j.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:i(i({},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 s=i(i({},r),{},{attributeName:"opacity"}),a={tag:"circle",attributes:i(i({},n),{},{cx:"256",cy:"364",r:"28"}),children:[]};return t||a.children.push({tag:"animate",attributes:i(i({},r),{},{attributeName:"r",values:"28;14;28;28;14;28;"})},{tag:"animate",attributes:i(i({},s),{},{values:"1;0;1;1;0;1;"})}),e.push(a),e.push({tag:"path",attributes:i(i({},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:i(i({},s),{},{values:"1;0;0;0;0;1;"})}]}),t||e.push({tag:"path",attributes:i(i({},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:i(i({},s),{},{values:"0;0;1;1;0;0;"})}]}),{tag:"g",attributes:{class:"missing"},children:e}}}};Jt={mixoutsTo:tt}.mixoutsTo,He=[ue,It,zt,Rt,Ut,{hooks:function(){return{mutationObserverCallbacks:function(e){return e.pseudoElementsCallback=Vt,e}}},provides:function(e){e.pseudoElements2svg=function(e){var t=e.node,n=void 0===t?w:t;ee.searchPseudoElements&&Vt(n)}}},{mixout:function(){return{dom:{unwatch:function(){wt(),Zt=!0}}}},hooks:function(){return{bootstrap:function(){Mt(Xe("mutationObserverCallbacks",{}))},noAuto:function(){St&&St.disconnect()},watch:function(e){var t=e.observeMutationsRoot;Zt?Ot():Mt(Xe("mutationObserverCallbacks",{observeMutationsRoot:t}))}}}},Xt,$t,en,{hooks:function(){return{parseNodeAttributes:function(e,t){var n=t.getAttribute("data-fa-symbol"),r=null!==n&&(""===n||n);return e.symbol=r,e}}}}],Ve={},Object.keys(Ze).forEach((function(e){-1===Qe.indexOf(e)&&delete Ze[e]})),He.forEach((function(e){var t=e.mixout?e.mixout():{};if(Object.keys(t).forEach((function(e){"function"==typeof t[e]&&(Jt[e]=t[e]),"object"===o(t[e])&&Object.keys(t[e]).forEach((function(n){Jt[e]||(Jt[e]={}),Jt[e][n]=t[e][n]}))})),e.hooks){var n=e.hooks();Object.keys(n).forEach((function(e){Ve[e]||(Ve[e]=[]),Ve[e].push(n[e])}))}e.provides&&e.provides(Ze)}));var tn=tt.parse,nn=tt.icon,rn=l(1131),sn=l.n(rn);function an(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 on(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?an(Object(n),!0).forEach((function(t){pn(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):an(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ln(e){return ln="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},ln(e)}function pn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function cn(e,t){if(null==e)return{};var n,r,s=function(e,t){if(null==e)return{};var n,r,s={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(s[n]=e[n]);return s}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(s[n]=e[n])}return s}function dn(e){return function(e){if(Array.isArray(e))return hn(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 hn(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)?hn(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 hn(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 un(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 gn=["style"];function bn(e){return e.split(";").map((function(e){return e.trim()})).filter((function(e){return e})).reduce((function(e,t){var n,r=t.indexOf(":"),s=un(t.slice(0,r)),a=t.slice(r+1).trim();return s.startsWith("webkit")?e[(n=s,n.charAt(0).toUpperCase()+n.slice(1))]=a:e[s]=a,e}),{})}var mn=!1;try{mn=!0}catch(e){}function Cn(e){return e&&"object"===ln(e)&&e.prefix&&e.iconName&&e.icon?e:tn.icon?tn.icon(e):null===e?null:e&&"object"===ln(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 fn(e,t){return Array.isArray(t)&&t.length>0||!Array.isArray(t)&&t?pn({},e,t):{}}var vn=["forwardedRef"];function An(e){var t=e.forwardedRef,n=cn(e,vn),r=n.icon,s=n.mask,a=n.symbol,i=n.className,o=n.title,l=n.titleId,p=Cn(r),c=fn("classes",[].concat(dn(function(e){var t,n=e.beat,r=e.fade,s=e.flash,a=e.spin,i=e.spinPulse,o=e.spinReverse,l=e.pulse,p=e.fixedWidth,c=e.inverse,d=e.border,h=e.listItem,u=e.flip,g=e.size,b=e.rotation,m=e.pull,C=(pn(t={"fa-beat":n,"fa-fade":r,"fa-flash":s,"fa-spin":a,"fa-spin-reverse":o,"fa-spin-pulse":i,"fa-pulse":l,"fa-fw":p,"fa-inverse":c,"fa-border":d,"fa-li":h,"fa-flip-horizontal":"horizontal"===u||"both"===u,"fa-flip-vertical":"vertical"===u||"both"===u},"fa-".concat(g),null!=g),pn(t,"fa-rotate-".concat(b),null!=b&&0!==b),pn(t,"fa-pull-".concat(m),null!=m),pn(t,"fa-swap-opacity",e.swapOpacity),t);return Object.keys(C).map((function(e){return C[e]?e:null})).filter((function(e){return e}))}(n)),dn(i.split(" ")))),d=fn("transform","string"==typeof n.transform?tn.transform(n.transform):n.transform),h=fn("mask",Cn(s)),u=nn(p,on(on(on(on({},c),d),h),{},{symbol:a,title:o,titleId:l}));if(!u)return function(){var e;!mn&&console&&"function"==typeof console.error&&(e=console).error.apply(e,arguments)}("Could not find icon",p),null;var g=u.abstract,b={ref:t};return Object.keys(n).forEach((function(e){An.defaultProps.hasOwnProperty(e)||(b[e]=n[e])})),xn(g[0],b)}An.displayName="FontAwesomeIcon",An.propTypes={beat:sn().bool,border:sn().bool,className:sn().string,fade:sn().bool,flash:sn().bool,mask:sn().oneOfType([sn().object,sn().array,sn().string]),fixedWidth:sn().bool,inverse:sn().bool,flip:sn().oneOf(["horizontal","vertical","both"]),icon:sn().oneOfType([sn().object,sn().array,sn().string]),listItem:sn().bool,pull:sn().oneOf(["right","left"]),pulse:sn().bool,rotation:sn().oneOf([0,90,180,270]),size:sn().oneOf(["2xs","xs","sm","lg","xl","2xl","1x","2x","3x","4x","5x","6x","7x","8x","9x","10x"]),spin:sn().bool,spinPulse:sn().bool,spinReverse:sn().bool,symbol:sn().oneOfType([sn().bool,sn().string]),title:sn().string,transform:sn().oneOfType([sn().string,sn().object]),swapOpacity:sn().bool},An.defaultProps={border:!1,className:"",mask:null,fixedWidth:!1,inverse:!1,flip:null,icon:null,listItem:!1,pull:null,pulse:!1,rotation:null,size:null,spin:!1,symbol:!1,title:"",transform:null,swapOpacity:!1};var xn=function e(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if("string"==typeof n)return n;var s=(n.children||[]).map((function(n){return e(t,n)})),a=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=bn(r);break;default:0===t.indexOf("aria-")||0===t.indexOf("data-")?e.attrs[t.toLowerCase()]=r:e.attrs[un(t)]=r}return e}),{attrs:{}}),i=r.style,o=void 0===i?{}:i,l=cn(r,gn);return a.attrs.style=on(on({},a.attrs.style),o),t.apply(void 0,[n.tag,on(on({},a.attrs),l)].concat(dn(s)))}.bind(null,t.createElement);class yn extends t.Component{constructor(e){super(e)}onSelect(e){this.props.onSelectedIndexChange(e)}renderLabel(e,t){const n=this.props.selectedIndex===t?"label active":"label";return(0,s.jsx)("div",Object.assign({className:n,onClick:()=>this.onSelect(t),title:e.props.title},{children:(0,s.jsx)("div",{children:(0,s.jsx)(An,{icon:e.props.icon})})}),t)}render(){return(0,s.jsxs)("div",Object.assign({className:"tabs",onContextMenu:e=>e.preventDefault()},{children:[(0,s.jsx)("div",Object.assign({className:"labels"},{children:this.props.children.map(((e,t)=>this.renderLabel(e,t)))})),(0,s.jsx)("div",Object.assign({className:"panes"},{children:this.props.children[this.props.selectedIndex]}))]}))}}var jn={prefix:"fas",iconName:"address-book",icon:[512,512,[62138,"contact-book"],"f2b9","M384 0H96C60.65 0 32 28.65 32 64v384c0 35.35 28.65 64 64 64h288c35.35 0 64-28.65 64-64V64C448 28.65 419.3 0 384 0zM240 128c35.35 0 64 28.65 64 64s-28.65 64-64 64c-35.34 0-64-28.65-64-64S204.7 128 240 128zM336 384h-192C135.2 384 128 376.8 128 368C128 323.8 163.8 288 208 288h64c44.18 0 80 35.82 80 80C352 376.8 344.8 384 336 384zM496 64H480v96h16C504.8 160 512 152.8 512 144v-64C512 71.16 504.8 64 496 64zM496 192H480v96h16C504.8 288 512 280.8 512 272v-64C512 199.2 504.8 192 496 192zM496 320H480v96h16c8.836 0 16-7.164 16-16v-64C512 327.2 504.8 320 496 320z"]},wn={prefix:"fas",iconName:"arrow-left",icon:[448,512,[8592],"f060","M447.1 256C447.1 273.7 433.7 288 416 288H109.3l105.4 105.4c12.5 12.5 12.5 32.75 0 45.25C208.4 444.9 200.2 448 192 448s-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L109.3 224H416C433.7 224 447.1 238.3 447.1 256z"]},On={prefix:"fas",iconName:"ban",icon:[512,512,[128683,"cancel"],"f05e","M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM99.5 144.8C77.15 176.1 64 214.5 64 256C64 362 149.1 448 256 448C297.5 448 335.9 434.9 367.2 412.5L99.5 144.8zM448 256C448 149.1 362 64 256 64C214.5 64 176.1 77.15 144.8 99.5L412.5 367.2C434.9 335.9 448 297.5 448 256V256z"]},Sn={prefix:"fas",iconName:"bone",icon:[576,512,[129460],"f5d7","M534.9 267.5C560.1 280 576 305.8 576 334v4.387c0 35.55-23.49 68.35-58.24 75.88c-38.18 8.264-74.96-13.73-86.76-49.14c-.0352-.1035-.0684-.207-.1035-.3125C425.3 347.7 409.6 336 391.6 336H184.4c-17.89 0-33.63 11.57-39.23 28.56L145 365.1c-11.8 35.41-48.58 57.4-86.76 49.14C23.49 406.7 0 373.9 0 338.4v-4.387C0 305.8 15.88 280 41.13 267.5c9.375-4.75 9.375-18.25 0-23C15.88 232 0 206.3 0 178V173.6c0-35.55 23.49-68.35 58.24-75.88c38.18-8.264 74.99 13.82 86.79 49.23C150.7 164.1 166.4 176 184.4 176h207.2c17.89 0 33.63-11.57 39.23-28.56L431 146.9c11.8-35.41 48.58-57.4 86.76-49.14C552.5 105.3 576 138.1 576 173.6v4.387C576 206.3 560.1 232 534.9 244.5C525.5 249.3 525.5 262.8 534.9 267.5z"]},Mn={prefix:"fas",iconName:"braille",icon:[640,512,[],"f2a1","M128 96C128 131.3 99.35 160 64 160C28.65 160 0 131.3 0 96C0 60.65 28.65 32 64 32C99.35 32 128 60.65 128 96zM160 256C160 220.7 188.7 192 224 192C259.3 192 288 220.7 288 256C288 291.3 259.3 320 224 320C188.7 320 160 291.3 160 256zM224 272C232.8 272 240 264.8 240 256C240 247.2 232.8 240 224 240C215.2 240 208 247.2 208 256C208 264.8 215.2 272 224 272zM128 416C128 451.3 99.35 480 64 480C28.65 480 0 451.3 0 416C0 380.7 28.65 352 64 352C99.35 352 128 380.7 128 416zM64 400C55.16 400 48 407.2 48 416C48 424.8 55.16 432 64 432C72.84 432 80 424.8 80 416C80 407.2 72.84 400 64 400zM288 416C288 451.3 259.3 480 224 480C188.7 480 160 451.3 160 416C160 380.7 188.7 352 224 352C259.3 352 288 380.7 288 416zM224 400C215.2 400 208 407.2 208 416C208 424.8 215.2 432 224 432C232.8 432 240 424.8 240 416C240 407.2 232.8 400 224 400zM0 256C0 220.7 28.65 192 64 192C99.35 192 128 220.7 128 256C128 291.3 99.35 320 64 320C28.65 320 0 291.3 0 256zM160 96C160 60.65 188.7 32 224 32C259.3 32 288 60.65 288 96C288 131.3 259.3 160 224 160C188.7 160 160 131.3 160 96zM480 96C480 131.3 451.3 160 416 160C380.7 160 352 131.3 352 96C352 60.65 380.7 32 416 32C451.3 32 480 60.65 480 96zM640 96C640 131.3 611.3 160 576 160C540.7 160 512 131.3 512 96C512 60.65 540.7 32 576 32C611.3 32 640 60.65 640 96zM576 80C567.2 80 560 87.16 560 96C560 104.8 567.2 112 576 112C584.8 112 592 104.8 592 96C592 87.16 584.8 80 576 80zM512 256C512 220.7 540.7 192 576 192C611.3 192 640 220.7 640 256C640 291.3 611.3 320 576 320C540.7 320 512 291.3 512 256zM576 272C584.8 272 592 264.8 592 256C592 247.2 584.8 240 576 240C567.2 240 560 247.2 560 256C560 264.8 567.2 272 576 272zM640 416C640 451.3 611.3 480 576 480C540.7 480 512 451.3 512 416C512 380.7 540.7 352 576 352C611.3 352 640 380.7 640 416zM576 400C567.2 400 560 407.2 560 416C560 424.8 567.2 432 576 432C584.8 432 592 424.8 592 416C592 407.2 584.8 400 576 400zM352 256C352 220.7 380.7 192 416 192C451.3 192 480 220.7 480 256C480 291.3 451.3 320 416 320C380.7 320 352 291.3 352 256zM416 272C424.8 272 432 264.8 432 256C432 247.2 424.8 240 416 240C407.2 240 400 247.2 400 256C400 264.8 407.2 272 416 272zM480 416C480 451.3 451.3 480 416 480C380.7 480 352 451.3 352 416C352 380.7 380.7 352 416 352C451.3 352 480 380.7 480 416zM416 400C407.2 400 400 407.2 400 416C400 424.8 407.2 432 416 432C424.8 432 432 424.8 432 416C432 407.2 424.8 400 416 400z"]},Nn={prefix:"fas",iconName:"brush",icon:[384,512,[],"f55d","M224 0H336C362.5 0 384 21.49 384 48V256H0V48C0 21.49 21.49 0 48 0H64L96 64L128 0H160L192 64L224 0zM384 288V320C384 355.3 355.3 384 320 384H256V448C256 483.3 227.3 512 192 512C156.7 512 128 483.3 128 448V384H64C28.65 384 0 355.3 0 320V288H384zM192 464C200.8 464 208 456.8 208 448C208 439.2 200.8 432 192 432C183.2 432 176 439.2 176 448C176 456.8 183.2 464 192 464z"]},Ln={prefix:"fas",iconName:"bug",icon:[512,512,[],"f188","M352 96V99.56C352 115.3 339.3 128 323.6 128H188.4C172.7 128 159.1 115.3 159.1 99.56V96C159.1 42.98 202.1 0 255.1 0C309 0 352 42.98 352 96zM41.37 105.4C53.87 92.88 74.13 92.88 86.63 105.4L150.6 169.4C151.3 170 151.9 170.7 152.5 171.4C166.8 164.1 182.9 160 199.1 160H312C329.1 160 345.2 164.1 359.5 171.4C360.1 170.7 360.7 170 361.4 169.4L425.4 105.4C437.9 92.88 458.1 92.88 470.6 105.4C483.1 117.9 483.1 138.1 470.6 150.6L406.6 214.6C405.1 215.3 405.3 215.9 404.6 216.5C410.7 228.5 414.6 241.9 415.7 256H480C497.7 256 512 270.3 512 288C512 305.7 497.7 320 480 320H416C416 344.6 410.5 367.8 400.6 388.6C402.7 389.9 404.8 391.5 406.6 393.4L470.6 457.4C483.1 469.9 483.1 490.1 470.6 502.6C458.1 515.1 437.9 515.1 425.4 502.6L362.3 439.6C337.8 461.4 306.5 475.8 272 479.2V240C272 231.2 264.8 224 255.1 224C247.2 224 239.1 231.2 239.1 240V479.2C205.5 475.8 174.2 461.4 149.7 439.6L86.63 502.6C74.13 515.1 53.87 515.1 41.37 502.6C28.88 490.1 28.88 469.9 41.37 457.4L105.4 393.4C107.2 391.5 109.3 389.9 111.4 388.6C101.5 367.8 96 344.6 96 320H32C14.33 320 0 305.7 0 288C0 270.3 14.33 256 32 256H96.3C97.38 241.9 101.3 228.5 107.4 216.5C106.7 215.9 106 215.3 105.4 214.6L41.37 150.6C28.88 138.1 28.88 117.9 41.37 105.4H41.37z"]},kn={prefix:"fas",iconName:"camera",icon:[512,512,[62258,"camera-alt"],"f030","M194.6 32H317.4C338.1 32 356.4 45.22 362.9 64.82L373.3 96H448C483.3 96 512 124.7 512 160V416C512 451.3 483.3 480 448 480H64C28.65 480 0 451.3 0 416V160C0 124.7 28.65 96 64 96H138.7L149.1 64.82C155.6 45.22 173.9 32 194.6 32H194.6zM256 384C309 384 352 341 352 288C352 234.1 309 192 256 192C202.1 192 160 234.1 160 288C160 341 202.1 384 256 384z"]},Pn={prefix:"fas",iconName:"chart-bar",icon:[512,512,["bar-chart"],"f080","M32 32C49.67 32 64 46.33 64 64V400C64 408.8 71.16 416 80 416H480C497.7 416 512 430.3 512 448C512 465.7 497.7 480 480 480H80C35.82 480 0 444.2 0 400V64C0 46.33 14.33 32 32 32zM128 128C128 110.3 142.3 96 160 96H352C369.7 96 384 110.3 384 128C384 145.7 369.7 160 352 160H160C142.3 160 128 145.7 128 128zM288 192C305.7 192 320 206.3 320 224C320 241.7 305.7 256 288 256H160C142.3 256 128 241.7 128 224C128 206.3 142.3 192 160 192H288zM416 288C433.7 288 448 302.3 448 320C448 337.7 433.7 352 416 352H160C142.3 352 128 337.7 128 320C128 302.3 142.3 288 160 288H416z"]},Dn={prefix:"fas",iconName:"check",icon:[448,512,[10004,10003],"f00c","M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"]},En={prefix:"fas",iconName:"circle-xmark",icon:[512,512,[61532,"times-circle","xmark-circle"],"f057","M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM175 208.1L222.1 255.1L175 303C165.7 312.4 165.7 327.6 175 336.1C184.4 346.3 199.6 346.3 208.1 336.1L255.1 289.9L303 336.1C312.4 346.3 327.6 346.3 336.1 336.1C346.3 327.6 346.3 312.4 336.1 303L289.9 255.1L336.1 208.1C346.3 199.6 346.3 184.4 336.1 175C327.6 165.7 312.4 165.7 303 175L255.1 222.1L208.1 175C199.6 165.7 184.4 165.7 175 175C165.7 184.4 165.7 199.6 175 208.1V208.1z"]},Bn={prefix:"fas",iconName:"code-branch",icon:[448,512,[],"f126","M160 80C160 112.8 140.3 140.1 112 153.3V241.1C130.8 230.2 152.7 224 176 224H272C307.3 224 336 195.3 336 160V153.3C307.7 140.1 288 112.8 288 80C288 35.82 323.8 0 368 0C412.2 0 448 35.82 448 80C448 112.8 428.3 140.1 400 153.3V160C400 230.7 342.7 288 272 288H176C140.7 288 112 316.7 112 352V358.7C140.3 371 160 399.2 160 432C160 476.2 124.2 512 80 512C35.82 512 0 476.2 0 432C0 399.2 19.75 371 48 358.7V153.3C19.75 140.1 0 112.8 0 80C0 35.82 35.82 0 80 0C124.2 0 160 35.82 160 80V80zM80 104C93.25 104 104 93.25 104 80C104 66.75 93.25 56 80 56C66.75 56 56 66.75 56 80C56 93.25 66.75 104 80 104zM368 56C354.7 56 344 66.75 344 80C344 93.25 354.7 104 368 104C381.3 104 392 93.25 392 80C392 66.75 381.3 56 368 56zM80 456C93.25 456 104 445.3 104 432C104 418.7 93.25 408 80 408C66.75 408 56 418.7 56 432C56 445.3 66.75 456 80 456z"]},Tn={prefix:"fas",iconName:"compress",icon:[448,512,[],"f066","M128 320H32c-17.69 0-32 14.31-32 32s14.31 32 32 32h64v64c0 17.69 14.31 32 32 32s32-14.31 32-32v-96C160 334.3 145.7 320 128 320zM416 320h-96c-17.69 0-32 14.31-32 32v96c0 17.69 14.31 32 32 32s32-14.31 32-32v-64h64c17.69 0 32-14.31 32-32S433.7 320 416 320zM320 192h96c17.69 0 32-14.31 32-32s-14.31-32-32-32h-64V64c0-17.69-14.31-32-32-32s-32 14.31-32 32v96C288 177.7 302.3 192 320 192zM128 32C110.3 32 96 46.31 96 64v64H32C14.31 128 0 142.3 0 160s14.31 32 32 32h96c17.69 0 32-14.31 32-32V64C160 46.31 145.7 32 128 32z"]},_n={prefix:"fas",iconName:"crosshairs",icon:[512,512,[],"f05b","M224 256C224 238.3 238.3 224 256 224C273.7 224 288 238.3 288 256C288 273.7 273.7 288 256 288C238.3 288 224 273.7 224 256zM256 0C273.7 0 288 14.33 288 32V42.35C381.7 56.27 455.7 130.3 469.6 224H480C497.7 224 512 238.3 512 256C512 273.7 497.7 288 480 288H469.6C455.7 381.7 381.7 455.7 288 469.6V480C288 497.7 273.7 512 256 512C238.3 512 224 497.7 224 480V469.6C130.3 455.7 56.27 381.7 42.35 288H32C14.33 288 0 273.7 0 256C0 238.3 14.33 224 32 224H42.35C56.27 130.3 130.3 56.27 224 42.35V32C224 14.33 238.3 0 256 0V0zM224 404.6V384C224 366.3 238.3 352 256 352C273.7 352 288 366.3 288 384V404.6C346.3 392.1 392.1 346.3 404.6 288H384C366.3 288 352 273.7 352 256C352 238.3 366.3 224 384 224H404.6C392.1 165.7 346.3 119.9 288 107.4V128C288 145.7 273.7 160 256 160C238.3 160 224 145.7 224 128V107.4C165.7 119.9 119.9 165.7 107.4 224H128C145.7 224 160 238.3 160 256C160 273.7 145.7 288 128 288H107.4C119.9 346.3 165.7 392.1 224 404.6z"]},In={prefix:"fas",iconName:"cube",icon:[512,512,[],"f1b2","M234.5 5.709C248.4 .7377 263.6 .7377 277.5 5.709L469.5 74.28C494.1 83.38 512 107.5 512 134.6V377.4C512 404.5 494.1 428.6 469.5 437.7L277.5 506.3C263.6 511.3 248.4 511.3 234.5 506.3L42.47 437.7C17 428.6 0 404.5 0 377.4V134.6C0 107.5 17 83.38 42.47 74.28L234.5 5.709zM256 65.98L82.34 128L256 190L429.7 128L256 65.98zM288 434.6L448 377.4V189.4L288 246.6V434.6z"]},zn={prefix:"fas",iconName:"diagram-project",icon:[576,512,["project-diagram"],"f542","M0 80C0 53.49 21.49 32 48 32H144C170.5 32 192 53.49 192 80V96H384V80C384 53.49 405.5 32 432 32H528C554.5 32 576 53.49 576 80V176C576 202.5 554.5 224 528 224H432C405.5 224 384 202.5 384 176V160H192V176C192 177.7 191.9 179.4 191.7 180.1L272 288H368C394.5 288 416 309.5 416 336V432C416 458.5 394.5 480 368 480H272C245.5 480 224 458.5 224 432V336C224 334.3 224.1 332.6 224.3 331L144 224H48C21.49 224 0 202.5 0 176V80z"]},Rn={prefix:"fas",iconName:"ellipsis",icon:[448,512,["ellipsis-h"],"f141","M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"]},Un={prefix:"fas",iconName:"eye",icon:[576,512,[128065],"f06e","M279.6 160.4C282.4 160.1 285.2 160 288 160C341 160 384 202.1 384 256C384 309 341 352 288 352C234.1 352 192 309 192 256C192 253.2 192.1 250.4 192.4 247.6C201.7 252.1 212.5 256 224 256C259.3 256 288 227.3 288 192C288 180.5 284.1 169.7 279.6 160.4zM480.6 112.6C527.4 156 558.7 207.1 573.5 243.7C576.8 251.6 576.8 260.4 573.5 268.3C558.7 304 527.4 355.1 480.6 399.4C433.5 443.2 368.8 480 288 480C207.2 480 142.5 443.2 95.42 399.4C48.62 355.1 17.34 304 2.461 268.3C-.8205 260.4-.8205 251.6 2.461 243.7C17.34 207.1 48.62 156 95.42 112.6C142.5 68.84 207.2 32 288 32C368.8 32 433.5 68.84 480.6 112.6V112.6zM288 112C208.5 112 144 176.5 144 256C144 335.5 208.5 400 288 400C367.5 400 432 335.5 432 256C432 176.5 367.5 112 288 112z"]},Wn={prefix:"fas",iconName:"eye-slash",icon:[640,512,[],"f070","M150.7 92.77C195 58.27 251.8 32 320 32C400.8 32 465.5 68.84 512.6 112.6C559.4 156 590.7 207.1 605.5 243.7C608.8 251.6 608.8 260.4 605.5 268.3C592.1 300.6 565.2 346.1 525.6 386.7L630.8 469.1C641.2 477.3 643.1 492.4 634.9 502.8C626.7 513.2 611.6 515.1 601.2 506.9L9.196 42.89C-1.236 34.71-3.065 19.63 5.112 9.196C13.29-1.236 28.37-3.065 38.81 5.112L150.7 92.77zM223.1 149.5L313.4 220.3C317.6 211.8 320 202.2 320 191.1C320 180.5 316.1 169.7 311.6 160.4C314.4 160.1 317.2 159.1 320 159.1C373 159.1 416 202.1 416 255.1C416 269.7 413.1 282.7 407.1 294.5L446.6 324.7C457.7 304.3 464 280.9 464 255.1C464 176.5 399.5 111.1 320 111.1C282.7 111.1 248.6 126.2 223.1 149.5zM320 480C239.2 480 174.5 443.2 127.4 399.4C80.62 355.1 49.34 304 34.46 268.3C31.18 260.4 31.18 251.6 34.46 243.7C44 220.8 60.29 191.2 83.09 161.5L177.4 235.8C176.5 242.4 176 249.1 176 255.1C176 335.5 240.5 400 320 400C338.7 400 356.6 396.4 373 389.9L446.2 447.5C409.9 467.1 367.8 480 320 480H320z"]},Yn={prefix:"fas",iconName:"file-lines",icon:[384,512,[128462,61686,128441,"file-alt","file-text"],"f15c","M256 0v128h128L256 0zM224 128L224 0H48C21.49 0 0 21.49 0 48v416C0 490.5 21.49 512 48 512h288c26.51 0 48-21.49 48-48V160h-127.1C238.3 160 224 145.7 224 128zM272 416h-160C103.2 416 96 408.8 96 400C96 391.2 103.2 384 112 384h160c8.836 0 16 7.162 16 16C288 408.8 280.8 416 272 416zM272 352h-160C103.2 352 96 344.8 96 336C96 327.2 103.2 320 112 320h160c8.836 0 16 7.162 16 16C288 344.8 280.8 352 272 352zM288 272C288 280.8 280.8 288 272 288h-160C103.2 288 96 280.8 96 272C96 263.2 103.2 256 112 256h160C280.8 256 288 263.2 288 272z"]},Fn={prefix:"fas",iconName:"film",icon:[512,512,[127902],"f008","M463.1 32h-416C21.49 32-.0001 53.49-.0001 80v352c0 26.51 21.49 48 47.1 48h416c26.51 0 48-21.49 48-48v-352C511.1 53.49 490.5 32 463.1 32zM111.1 408c0 4.418-3.582 8-8 8H55.1c-4.418 0-8-3.582-8-8v-48c0-4.418 3.582-8 8-8h47.1c4.418 0 8 3.582 8 8L111.1 408zM111.1 280c0 4.418-3.582 8-8 8H55.1c-4.418 0-8-3.582-8-8v-48c0-4.418 3.582-8 8-8h47.1c4.418 0 8 3.582 8 8V280zM111.1 152c0 4.418-3.582 8-8 8H55.1c-4.418 0-8-3.582-8-8v-48c0-4.418 3.582-8 8-8h47.1c4.418 0 8 3.582 8 8L111.1 152zM351.1 400c0 8.836-7.164 16-16 16H175.1c-8.836 0-16-7.164-16-16v-96c0-8.838 7.164-16 16-16h160c8.836 0 16 7.162 16 16V400zM351.1 208c0 8.836-7.164 16-16 16H175.1c-8.836 0-16-7.164-16-16v-96c0-8.838 7.164-16 16-16h160c8.836 0 16 7.162 16 16V208zM463.1 408c0 4.418-3.582 8-8 8h-47.1c-4.418 0-7.1-3.582-7.1-8l0-48c0-4.418 3.582-8 8-8h47.1c4.418 0 8 3.582 8 8V408zM463.1 280c0 4.418-3.582 8-8 8h-47.1c-4.418 0-8-3.582-8-8v-48c0-4.418 3.582-8 8-8h47.1c4.418 0 8 3.582 8 8V280zM463.1 152c0 4.418-3.582 8-8 8h-47.1c-4.418 0-8-3.582-8-8l0-48c0-4.418 3.582-8 7.1-8h47.1c4.418 0 8 3.582 8 8V152z"]},Gn={prefix:"fas",iconName:"gear",icon:[512,512,[9881,"cog"],"f013","M495.9 166.6C499.2 175.2 496.4 184.9 489.6 191.2L446.3 230.6C447.4 238.9 448 247.4 448 256C448 264.6 447.4 273.1 446.3 281.4L489.6 320.8C496.4 327.1 499.2 336.8 495.9 345.4C491.5 357.3 486.2 368.8 480.2 379.7L475.5 387.8C468.9 398.8 461.5 409.2 453.4 419.1C447.4 426.2 437.7 428.7 428.9 425.9L373.2 408.1C359.8 418.4 344.1 427 329.2 433.6L316.7 490.7C314.7 499.7 307.7 506.1 298.5 508.5C284.7 510.8 270.5 512 255.1 512C241.5 512 227.3 510.8 213.5 508.5C204.3 506.1 197.3 499.7 195.3 490.7L182.8 433.6C167 427 152.2 418.4 138.8 408.1L83.14 425.9C74.3 428.7 64.55 426.2 58.63 419.1C50.52 409.2 43.12 398.8 36.52 387.8L31.84 379.7C25.77 368.8 20.49 357.3 16.06 345.4C12.82 336.8 15.55 327.1 22.41 320.8L65.67 281.4C64.57 273.1 64 264.6 64 256C64 247.4 64.57 238.9 65.67 230.6L22.41 191.2C15.55 184.9 12.82 175.3 16.06 166.6C20.49 154.7 25.78 143.2 31.84 132.3L36.51 124.2C43.12 113.2 50.52 102.8 58.63 92.95C64.55 85.8 74.3 83.32 83.14 86.14L138.8 103.9C152.2 93.56 167 84.96 182.8 78.43L195.3 21.33C197.3 12.25 204.3 5.04 213.5 3.51C227.3 1.201 241.5 0 256 0C270.5 0 284.7 1.201 298.5 3.51C307.7 5.04 314.7 12.25 316.7 21.33L329.2 78.43C344.1 84.96 359.8 93.56 373.2 103.9L428.9 86.14C437.7 83.32 447.4 85.8 453.4 92.95C461.5 102.8 468.9 113.2 475.5 124.2L480.2 132.3C486.2 143.2 491.5 154.7 495.9 166.6V166.6zM256 336C300.2 336 336 300.2 336 255.1C336 211.8 300.2 175.1 256 175.1C211.8 175.1 176 211.8 176 255.1C176 300.2 211.8 336 256 336z"]},Hn={prefix:"fas",iconName:"ghost",icon:[384,512,[128123],"f6e2","M186.1 .1032c-105.1 3.126-186.1 94.75-186.1 199.9v264c0 14.25 17.3 21.38 27.3 11.25l24.95-18.5c6.625-5.001 16-4.001 21.5 2.25l43 48.31c6.25 6.251 16.37 6.251 22.62 0l40.62-45.81c6.375-7.251 17.62-7.251 24 0l40.63 45.81c6.25 6.251 16.38 6.251 22.62 0l43-48.31c5.5-6.251 14.88-7.251 21.5-2.25l24.95 18.5c10 10.13 27.3 3.002 27.3-11.25V192C384 83.98 294.9-3.147 186.1 .1032zM128 224c-17.62 0-31.1-14.38-31.1-32.01s14.38-32.01 31.1-32.01s32 14.38 32 32.01S145.6 224 128 224zM256 224c-17.62 0-32-14.38-32-32.01s14.38-32.01 32-32.01c17.62 0 32 14.38 32 32.01S273.6 224 256 224z"]},Vn={prefix:"fas",iconName:"highlighter",icon:[576,512,[],"f591","M143.1 320V248.3C143.1 233 151.2 218.7 163.5 209.6L436.6 8.398C444 2.943 452.1 0 462.2 0C473.6 0 484.5 4.539 492.6 12.62L547.4 67.38C555.5 75.46 559.1 86.42 559.1 97.84C559.1 107 557.1 115.1 551.6 123.4L350.4 396.5C341.3 408.8 326.1 416 311.7 416H239.1L214.6 441.4C202.1 453.9 181.9 453.9 169.4 441.4L118.6 390.6C106.1 378.1 106.1 357.9 118.6 345.4L143.1 320zM489.4 99.92L460.1 70.59L245 229L330.1 314.1L489.4 99.92zM23.03 466.3L86.06 403.3L156.7 473.9L125.7 504.1C121.2 509.5 115.1 512 108.7 512H40C26.75 512 16 501.3 16 488V483.3C16 476.1 18.53 470.8 23.03 466.3V466.3z"]},Zn={prefix:"fas",iconName:"image",icon:[512,512,[],"f03e","M447.1 32h-384C28.64 32-.0091 60.65-.0091 96v320c0 35.35 28.65 64 63.1 64h384c35.35 0 64-28.65 64-64V96C511.1 60.65 483.3 32 447.1 32zM111.1 96c26.51 0 48 21.49 48 48S138.5 192 111.1 192s-48-21.49-48-48S85.48 96 111.1 96zM446.1 407.6C443.3 412.8 437.9 416 432 416H82.01c-6.021 0-11.53-3.379-14.26-8.75c-2.73-5.367-2.215-11.81 1.334-16.68l70-96C142.1 290.4 146.9 288 152 288s9.916 2.441 12.93 6.574l32.46 44.51l93.3-139.1C293.7 194.7 298.7 192 304 192s10.35 2.672 13.31 7.125l128 192C448.6 396 448.9 402.3 446.1 407.6z"]},Qn={prefix:"fas",iconName:"layer-group",icon:[512,512,[],"f5fd","M232.5 5.171C247.4-1.718 264.6-1.718 279.5 5.171L498.1 106.2C506.6 110.1 512 118.6 512 127.1C512 137.3 506.6 145.8 498.1 149.8L279.5 250.8C264.6 257.7 247.4 257.7 232.5 250.8L13.93 149.8C5.438 145.8 0 137.3 0 127.1C0 118.6 5.437 110.1 13.93 106.2L232.5 5.171zM498.1 234.2C506.6 238.1 512 246.6 512 255.1C512 265.3 506.6 273.8 498.1 277.8L279.5 378.8C264.6 385.7 247.4 385.7 232.5 378.8L13.93 277.8C5.438 273.8 0 265.3 0 255.1C0 246.6 5.437 238.1 13.93 234.2L67.13 209.6L219.1 279.8C242.5 290.7 269.5 290.7 292.9 279.8L444.9 209.6L498.1 234.2zM292.9 407.8L444.9 337.6L498.1 362.2C506.6 366.1 512 374.6 512 383.1C512 393.3 506.6 401.8 498.1 405.8L279.5 506.8C264.6 513.7 247.4 513.7 232.5 506.8L13.93 405.8C5.438 401.8 0 393.3 0 383.1C0 374.6 5.437 366.1 13.93 362.2L67.13 337.6L219.1 407.8C242.5 418.7 269.5 418.7 292.9 407.8V407.8z"]},Xn={prefix:"fas",iconName:"lightbulb",icon:[384,512,[128161],"f0eb","M112.1 454.3c0 6.297 1.816 12.44 5.284 17.69l17.14 25.69c5.25 7.875 17.17 14.28 26.64 14.28h61.67c9.438 0 21.36-6.401 26.61-14.28l17.08-25.68c2.938-4.438 5.348-12.37 5.348-17.7L272 415.1h-160L112.1 454.3zM191.4 .0132C89.44 .3257 16 82.97 16 175.1c0 44.38 16.44 84.84 43.56 115.8c16.53 18.84 42.34 58.23 52.22 91.45c.0313 .25 .0938 .5166 .125 .7823h160.2c.0313-.2656 .0938-.5166 .125-.7823c9.875-33.22 35.69-72.61 52.22-91.45C351.6 260.8 368 220.4 368 175.1C368 78.61 288.9-.2837 191.4 .0132zM192 96.01c-44.13 0-80 35.89-80 79.1C112 184.8 104.8 192 96 192S80 184.8 80 176c0-61.76 50.25-111.1 112-111.1c8.844 0 16 7.159 16 16S200.8 96.01 192 96.01z"]},Kn={prefix:"fas",iconName:"maximize",icon:[448,512,["expand-arrows-alt"],"f31e","M447.1 319.1v135.1c0 13.26-10.75 23.1-23.1 23.1h-135.1c-12.94 0-24.61-7.781-29.56-19.75c-4.906-11.1-2.203-25.72 6.937-34.87l30.06-30.06L224 323.9l-71.43 71.44l30.06 30.06c9.156 9.156 11.91 22.91 6.937 34.87C184.6 472.2 172.9 479.1 160 479.1H24c-13.25 0-23.1-10.74-23.1-23.1v-135.1c0-12.94 7.781-24.61 19.75-29.56C23.72 288.8 27.88 288 32 288c8.312 0 16.5 3.242 22.63 9.367l30.06 30.06l71.44-71.44L84.69 184.6L54.63 214.6c-9.156 9.156-22.91 11.91-34.87 6.937C7.798 216.6 .0013 204.9 .0013 191.1v-135.1c0-13.26 10.75-23.1 23.1-23.1h135.1c12.94 0 24.61 7.781 29.56 19.75C191.2 55.72 191.1 59.87 191.1 63.1c0 8.312-3.237 16.5-9.362 22.63L152.6 116.7l71.44 71.44l71.43-71.44l-30.06-30.06c-9.156-9.156-11.91-22.91-6.937-34.87c4.937-11.95 16.62-19.75 29.56-19.75h135.1c13.26 0 23.1 10.75 23.1 23.1v135.1c0 12.94-7.781 24.61-19.75 29.56c-11.1 4.906-25.72 2.203-34.87-6.937l-30.06-30.06l-71.43 71.43l71.44 71.44l30.06-30.06c9.156-9.156 22.91-11.91 34.87-6.937C440.2 295.4 447.1 307.1 447.1 319.1z"]},qn={prefix:"fas",iconName:"minus",icon:[448,512,[8722,10134,8211,"subtract"],"f068","M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z"]},Jn={prefix:"fas",iconName:"music",icon:[512,512,[127925],"f001","M511.1 367.1c0 44.18-42.98 80-95.1 80s-95.1-35.82-95.1-79.1c0-44.18 42.98-79.1 95.1-79.1c11.28 0 21.95 1.92 32.01 4.898V148.1L192 224l-.0023 208.1C191.1 476.2 149 512 95.1 512S0 476.2 0 432c0-44.18 42.98-79.1 95.1-79.1c11.28 0 21.95 1.92 32 4.898V126.5c0-12.97 10.06-26.63 22.41-30.52l319.1-94.49C472.1 .6615 477.3 0 480 0c17.66 0 31.97 14.34 32 31.99L511.1 367.1z"]},$n={prefix:"fas",iconName:"object-group",icon:[576,512,[],"f247","M128 160C128 142.3 142.3 128 160 128H288C305.7 128 320 142.3 320 160V256C320 273.7 305.7 288 288 288H160C142.3 288 128 273.7 128 256V160zM288 320C323.3 320 352 291.3 352 256V224H416C433.7 224 448 238.3 448 256V352C448 369.7 433.7 384 416 384H288C270.3 384 256 369.7 256 352V320H288zM32 119.4C12.87 108.4 0 87.69 0 64C0 28.65 28.65 0 64 0C87.69 0 108.4 12.87 119.4 32H456.6C467.6 12.87 488.3 0 512 0C547.3 0 576 28.65 576 64C576 87.69 563.1 108.4 544 119.4V392.6C563.1 403.6 576 424.3 576 448C576 483.3 547.3 512 512 512C488.3 512 467.6 499.1 456.6 480H119.4C108.4 499.1 87.69 512 64 512C28.65 512 0 483.3 0 448C0 424.3 12.87 403.6 32 392.6V119.4zM119.4 96C113.8 105.7 105.7 113.8 96 119.4V392.6C105.7 398.2 113.8 406.3 119.4 416H456.6C462.2 406.3 470.3 398.2 480 392.6V119.4C470.3 113.8 462.2 105.7 456.6 96H119.4z"]},er={prefix:"fas",iconName:"pen",icon:[512,512,[128394],"f304","M362.7 19.32C387.7-5.678 428.3-5.678 453.3 19.32L492.7 58.75C517.7 83.74 517.7 124.3 492.7 149.3L444.3 197.7L314.3 67.72L362.7 19.32zM421.7 220.3L188.5 453.4C178.1 463.8 165.2 471.5 151.1 475.6L30.77 511C22.35 513.5 13.24 511.2 7.03 504.1C.8198 498.8-1.502 489.7 .976 481.2L36.37 360.9C40.53 346.8 48.16 333.9 58.57 323.5L291.7 90.34L421.7 220.3z"]},tr={prefix:"fas",iconName:"plus",icon:[448,512,[10133,61543,"add"],"2b","M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z"]},nr={prefix:"fas",iconName:"rotate",icon:[512,512,[128260,"sync-alt"],"f2f1","M449.9 39.96l-48.5 48.53C362.5 53.19 311.4 32 256 32C161.5 32 78.59 92.34 49.58 182.2c-5.438 16.81 3.797 34.88 20.61 40.28c16.97 5.5 34.86-3.812 40.3-20.59C130.9 138.5 189.4 96 256 96c37.96 0 73 14.18 100.2 37.8L311.1 178C295.1 194.8 306.8 223.4 330.4 224h146.9C487.7 223.7 496 215.3 496 204.9V59.04C496 34.99 466.9 22.95 449.9 39.96zM441.8 289.6c-16.94-5.438-34.88 3.812-40.3 20.59C381.1 373.5 322.6 416 256 416c-37.96 0-73-14.18-100.2-37.8L200 334C216.9 317.2 205.2 288.6 181.6 288H34.66C24.32 288.3 16 296.7 16 307.1v145.9c0 24.04 29.07 36.08 46.07 19.07l48.5-48.53C149.5 458.8 200.6 480 255.1 480c94.45 0 177.4-60.34 206.4-150.2C467.9 313 458.6 294.1 441.8 289.6z"]},rr={prefix:"fas",iconName:"rotate-right",icon:[512,512,["redo-alt","rotate-forward"],"f2f9","M468.9 32.11c13.87 0 27.18 10.77 27.18 27.04v145.9c0 10.59-8.584 19.17-19.17 19.17h-145.7c-16.28 0-27.06-13.32-27.06-27.2c0-6.634 2.461-13.4 7.96-18.9l45.12-45.14c-28.22-23.14-63.85-36.64-101.3-36.64c-88.09 0-159.8 71.69-159.8 159.8S167.8 415.9 255.9 415.9c73.14 0 89.44-38.31 115.1-38.31c18.48 0 31.97 15.04 31.97 31.96c0 35.04-81.59 70.41-147 70.41c-123.4 0-223.9-100.5-223.9-223.9S132.6 32.44 256 32.44c54.6 0 106.2 20.39 146.4 55.26l47.6-47.63C455.5 34.57 462.3 32.11 468.9 32.11z"]},sr={prefix:"fas",iconName:"skull",icon:[512,512,[128128],"f54c","M416 400V464C416 490.5 394.5 512 368 512H320V464C320 455.2 312.8 448 304 448C295.2 448 288 455.2 288 464V512H224V464C224 455.2 216.8 448 208 448C199.2 448 192 455.2 192 464V512H144C117.5 512 96 490.5 96 464V400C96 399.6 96 399.3 96.01 398.9C37.48 357.8 0 294.7 0 224C0 100.3 114.6 0 256 0C397.4 0 512 100.3 512 224C512 294.7 474.5 357.8 415.1 398.9C415.1 399.3 416 399.6 416 400V400zM160 192C124.7 192 96 220.7 96 256C96 291.3 124.7 320 160 320C195.3 320 224 291.3 224 256C224 220.7 195.3 192 160 192zM352 320C387.3 320 416 291.3 416 256C416 220.7 387.3 192 352 192C316.7 192 288 220.7 288 256C288 291.3 316.7 320 352 320z"]},ar={prefix:"fas",iconName:"square",icon:[448,512,[9723,9724,61590,9632],"f0c8","M0 96C0 60.65 28.65 32 64 32H384C419.3 32 448 60.65 448 96V416C448 451.3 419.3 480 384 480H64C28.65 480 0 451.3 0 416V96z"]},ir={prefix:"fas",iconName:"square-check",icon:[448,512,[9989,61510,9745,"check-square"],"f14a","M384 32C419.3 32 448 60.65 448 96V416C448 451.3 419.3 480 384 480H64C28.65 480 0 451.3 0 416V96C0 60.65 28.65 32 64 32H384zM339.8 211.8C350.7 200.9 350.7 183.1 339.8 172.2C328.9 161.3 311.1 161.3 300.2 172.2L192 280.4L147.8 236.2C136.9 225.3 119.1 225.3 108.2 236.2C97.27 247.1 97.27 264.9 108.2 275.8L172.2 339.8C183.1 350.7 200.9 350.7 211.8 339.8L339.8 211.8z"]},or={prefix:"fas",iconName:"sun",icon:[512,512,[9728],"f185","M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"]},lr={prefix:"fas",iconName:"trash",icon:[448,512,[],"f1f8","M135.2 17.69C140.6 6.848 151.7 0 163.8 0H284.2C296.3 0 307.4 6.848 312.8 17.69L320 32H416C433.7 32 448 46.33 448 64C448 81.67 433.7 96 416 96H32C14.33 96 0 81.67 0 64C0 46.33 14.33 32 32 32H128L135.2 17.69zM394.8 466.1C393.2 492.3 372.3 512 346.9 512H101.1C75.75 512 54.77 492.3 53.19 466.1L31.1 128H416L394.8 466.1z"]},pr={prefix:"fas",iconName:"up-down-left-right",icon:[512,512,["arrows-alt"],"f0b2","M512 256c0 6.797-2.891 13.28-7.938 17.84l-80 72C419.6 349.9 413.8 352 408 352c-3.312 0-6.625-.6875-9.766-2.078C389.6 346.1 384 337.5 384 328V288h-96v96l40-.0013c9.484 0 18.06 5.578 21.92 14.23s2.25 18.78-4.078 25.83l-72 80C269.3 509.1 262.8 512 255.1 512s-13.28-2.89-17.84-7.937l-71.1-80c-6.328-7.047-7.938-17.17-4.078-25.83s12.44-14.23 21.92-14.23l39.1 .0013V288H128v40c0 9.484-5.578 18.06-14.23 21.92C110.6 351.3 107.3 352 104 352c-5.812 0-11.56-2.109-16.06-6.156l-80-72C2.891 269.3 0 262.8 0 256s2.891-13.28 7.938-17.84l80-72C95 159.8 105.1 158.3 113.8 162.1C122.4 165.9 128 174.5 128 184V224h95.1V128l-39.1-.0013c-9.484 0-18.06-5.578-21.92-14.23S159.8 94.99 166.2 87.94l71.1-80c9.125-10.09 26.56-10.09 35.69 0l72 80c6.328 7.047 7.938 17.17 4.078 25.83s-12.44 14.23-21.92 14.23l-40 .0013V224H384V184c0-9.484 5.578-18.06 14.23-21.92c8.656-3.812 18.77-2.266 25.83 4.078l80 72C509.1 242.7 512 249.2 512 256z"]},cr={prefix:"fas",iconName:"vector-square",icon:[448,512,[],"f5cb","M416 32C433.7 32 448 46.33 448 64V128C448 145.7 433.7 160 416 160V352C433.7 352 448 366.3 448 384V448C448 465.7 433.7 480 416 480H352C334.3 480 320 465.7 320 448H128C128 465.7 113.7 480 96 480H32C14.33 480 0 465.7 0 448V384C0 366.3 14.33 352 32 352V160C14.33 160 0 145.7 0 128V64C0 46.33 14.33 32 32 32H96C113.7 32 128 46.33 128 64H320C320 46.33 334.3 32 352 32H416zM368 80V112H400V80H368zM96 160V352C113.7 352 128 366.3 128 384H320C320 366.3 334.3 352 352 352V160C334.3 160 320 145.7 320 128H128C128 145.7 113.7 160 96 160zM48 400V432H80V400H48zM400 432V400H368V432H400zM80 112V80H48V112H80z"]},dr={prefix:"fas",iconName:"video",icon:[576,512,["video-camera"],"f03d","M384 112v288c0 26.51-21.49 48-48 48h-288c-26.51 0-48-21.49-48-48v-288c0-26.51 21.49-48 48-48h288C362.5 64 384 85.49 384 112zM576 127.5v256.9c0 25.5-29.17 40.39-50.39 25.79L416 334.7V177.3l109.6-75.56C546.9 87.13 576 102.1 576 127.5z"]},hr={prefix:"fas",iconName:"wand-magic",icon:[512,512,["magic"],"f0d0","M14.06 463.3C-4.686 444.6-4.686 414.2 14.06 395.4L395.4 14.06C414.2-4.686 444.6-4.686 463.3 14.06L497.9 48.64C516.6 67.38 516.6 97.78 497.9 116.5L116.5 497.9C97.78 516.6 67.38 516.6 48.64 497.9L14.06 463.3zM347.6 187.6L452.6 82.58L429.4 59.31L324.3 164.3L347.6 187.6z"]},ur={prefix:"fas",iconName:"window-restore",icon:[512,512,[],"f2d2","M432 64H208C199.2 64 192 71.16 192 80V96H128V80C128 35.82 163.8 0 208 0H432C476.2 0 512 35.82 512 80V304C512 348.2 476.2 384 432 384H416V320H432C440.8 320 448 312.8 448 304V80C448 71.16 440.8 64 432 64zM0 192C0 156.7 28.65 128 64 128H320C355.3 128 384 156.7 384 192V448C384 483.3 355.3 512 320 512H64C28.65 512 0 483.3 0 448V192zM96 256H288C305.7 256 320 241.7 320 224C320 206.3 305.7 192 288 192H96C78.33 192 64 206.3 64 224C64 241.7 78.33 256 96 256z"]},gr={prefix:"fas",iconName:"wrench",icon:[512,512,[128295],"f0ad","M507.6 122.8c-2.904-12.09-18.25-16.13-27.04-7.338l-76.55 76.56l-83.1-.0002l0-83.1l76.55-76.56c8.791-8.789 4.75-24.14-7.336-27.04c-23.69-5.693-49.34-6.111-75.92 .2484c-61.45 14.7-109.4 66.9-119.2 129.3C189.8 160.8 192.3 186.7 200.1 210.1l-178.1 178.1c-28.12 28.12-28.12 73.69 0 101.8C35.16 504.1 53.56 512 71.1 512s36.84-7.031 50.91-21.09l178.1-178.1c23.46 7.736 49.31 10.24 76.17 6.004c62.41-9.84 114.6-57.8 129.3-119.2C513.7 172.1 513.3 146.5 507.6 122.8zM80 456c-13.25 0-24-10.75-24-24c0-13.26 10.75-24 24-24s24 10.74 24 24C104 445.3 93.25 456 80 456z"]},br={prefix:"fas",iconName:"xmark",icon:[320,512,[128473,10005,10006,10060,215,"close","multiply","remove","times"],"f00d","M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"]};class mr extends t.Component{constructor(e){super(e)}render(){return(0,s.jsx)("div",{className:"pane"})}}class Cr 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,s.jsx)("div",Object.assign({className:"link-value",title:this.props.value,onClick:()=>this.onLink()},{children:this.props.url?"doc":this.props.value||"no name"})):(0,s.jsx)("div",Object.assign({className:"value",title:this.props.value,style:{color:this.props.color?this.props.color:""}},{children:this.props.value||"no name"}))}render(){var e,t,n;return(0,s.jsxs)("div",Object.assign({className:this.props.underline?"textLine underline":"textLine"+(this.props.additionalClass?" "+this.props.additionalClass:"")},{children:[this.props.icon&&(0,s.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),(0,s.jsx)("div",Object.assign({className:"label",title:null!==(t=null!==(e=this.props.tooltip)&&void 0!==e?e:this.props.label)&&void 0!==t?t:""},{children:null!==(n=this.props.label)&&void 0!==n?n:""})),this.renderContent()]}))}}var fr=l(1898);class vr extends t.Component{constructor(e){super(e);const t=r.DataStorage.ReadBoolean(this.props.title,!this.props.closed);this.state={isExpanded:t,isHighlighted:!1}}switchExpandedState(){const e=!this.state.isExpanded;r.DataStorage.WriteBoolean(this.props.title,e),this.setState({isExpanded:e})}renderHeader(){const e=this.state.isExpanded?"collapse":"collapse closed";return(0,s.jsxs)("div",Object.assign({className:"header",onClick:()=>this.switchExpandedState()},{children:[(0,s.jsx)("div",Object.assign({className:"title"},{children:this.props.title})),(0,s.jsx)("div",Object.assign({className:e},{children:(0,s.jsx)("img",{className:"img",title:this.props.title,src:fr})}))]}))}componentDidMount(){this.props.selection&&(0===this.props.selection.selectedLineContainerTitles.length&&0===this.props.selection.selectedLineContainerTitlesNoFocus.length||(this.props.selection.selectedLineContainerTitles.indexOf(this.props.title)>-1?(setTimeout((()=>{this.props.selection.selectedLineContainerTitles=[]})),this.setState({isExpanded:!0,isHighlighted:!0}),window.setTimeout((()=>{this.setState({isHighlighted:!1})}),5e3)):this.props.selection.selectedLineContainerTitlesNoFocus.indexOf(this.props.title)>-1?this.setState({isExpanded:!0,isHighlighted:!1}):this.setState({isExpanded:!1})))}render(){return this.state.isExpanded?(0,s.jsxs)("div",Object.assign({className:"paneContainer"},{children:[(0,s.jsxs)("div",Object.assign({className:"paneContainer-content"},{children:[this.renderHeader(),(0,s.jsx)("div",Object.assign({className:"paneList"},{children:this.props.children}))]})),(0,s.jsx)("div",{className:"paneContainer-highlight-border"+(this.state.isHighlighted?"":" transparent")})]})):(0,s.jsx)("div",Object.assign({className:"paneContainer"},{children:(0,s.jsx)("div",Object.assign({className:"paneContainer-content"},{children:this.renderHeader()}))}))}}class Ar extends t.Component{constructor(e){super(e)}render(){const e=void 0!==this.props.fractionDigits?this.props.fractionDigits:2,t=this.props.value.toFixed(e)+(this.props.units?" "+this.props.units:"");return(0,s.jsxs)("div",Object.assign({className:"textLine"},{children:[this.props.icon&&(0,s.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),(0,s.jsx)("div",Object.assign({className:"label",title:this.props.label},{children:this.props.label})),(0,s.jsx)("div",Object.assign({className:"value",style:{color:this.props.color?this.props.color:""}},{children:t}))]}))}}class xr extends t.Component{constructor(e){super(e)}render(){const e=this.props.value?(0,s.jsx)(An,{icon:Dn}):(0,s.jsx)(An,{icon:En}),t=this.props.value?"value check":"value uncheck";return(0,s.jsxs)("div",Object.assign({className:"textLine"},{children:[this.props.icon&&(0,s.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),(0,s.jsx)("div",Object.assign({className:"label",title:this.props.label},{children:this.props.label})),(0,s.jsx)("div",Object.assign({className:t},{children:e}))]}))}}class yr extends t.Component{constructor(e){super(e)}render(){return(0,s.jsxs)("div",Object.assign({className:"buttonLine"},{children:[this.props.icon&&(0,s.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),(0,s.jsx)("button",Object.assign({onClick:()=>this.props.onClick()},{children:this.props.label}))]}))}}class jr extends t.Component{constructor(e){super(e),this._id=jr._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,s.jsxs)("div",Object.assign({className:"buttonLine"},{children:[this.props.icon&&(0,s.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),(0,s.jsx)("label",Object.assign({htmlFor:"file-upload"+this._id,className:"file-upload"},{children:this.props.label})),(0,s.jsx)("input",{ref:this.uploadInputRef,id:"file-upload"+this._id,type:"file",accept:this.props.accept,onChange:e=>this.onChange(e)})]}))}}jr._IDGenerator=0;class wr 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))}render(){return(0,s.jsxs)("div",Object.assign({className:"color-picker-component"},{children:[(0,s.jsx)("div",Object.assign({className:"color-picker-component-value"},{children:(0,s.jsx)("input",{type:"number",step:1,className:"numeric-input",value:this.props.value,onChange:e=>this.updateValue(e.target.value)})})),(0,s.jsx)("div",Object.assign({className:"color-picker-component-label"},{children:this.props.label}))]}))}}class Or 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}updateHexValue(e){""!=e&&0==/^[0-9A-Fa-f]+$/g.test(e)||(this.setState({hex:e}),e.length===this.props.expectedLength&&this.props.onChange("#"+e))}render(){return(0,s.jsx)("input",{type:"string",className:"hex-input",value:this.state.hex,onChange:e=>this.updateHexValue(e.target.value)})}}var Sr=l(3278),Mr=l.n(Sr),Nr=l(8391),Lr=l.n(Nr),kr=l(547),Pr=l.n(kr),Dr=l(5604),Er=l.n(Dr),Br=l(2593),Tr=l.n(Br),_r=l(7784),Ir=l.n(_r),zr=l(6461),Rr={};Rr.styleTagTransform=Ir(),Rr.setAttributes=Er(),Rr.insert=Pr().bind(null,"head"),Rr.domAPI=Lr(),Rr.insertStyleElement=Tr(),Mr()(zr.Z,Rr),zr.Z&&zr.Z.locals&&zr.Z.locals;class Ur 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,s=Math.min(1,Math.max(1e-4,t/this._saturationRef.current.clientWidth)),a=Math.min(1,Math.max(1e-4,1-n/this._saturationRef.current.clientHeight));this.props.debugMode&&(console.log("Saturation: "+s),console.log("Value: "+a));const i=this.state.color.toHSV();r.Color3.HSVtoRGBToRef(i.r,s,a,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&&console.log("Hue: "+n);const s=this.state.color.toHSV();r.Color3.HSVtoRGBToRef(n,Math.max(s.g,.01),Math.max(s.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=this.state.color.toHexString(),t=this.state.color.toHSV(),n=new r.Color3;r.Color3.HSVtoRGBToRef(t.r,1,1,n);const a=n.toHexString(),i=this.props.color instanceof r.Color4;return(0,s.jsxs)("div",Object.assign({className:"color-picker-container"+(this.props.linearhint?" with-hints":"")},{children:[(0,s.jsxs)("div",Object.assign({className:"color-picker-saturation",onPointerMove:e=>this.onSaturationPointerMove(e),onPointerDown:e=>this.onSaturationPointerDown(e),onPointerUp:e=>this.onSaturationPointerUp(e),ref:this._saturationRef,style:{background:a}},{children:[(0,s.jsx)("div",{className:"color-picker-saturation-white"}),(0,s.jsx)("div",{className:"color-picker-saturation-black"}),(0,s.jsx)("div",{className:"color-picker-saturation-cursor",style:{top:-100*t.b+100+"%",left:100*t.g+"%"}})]})),(0,s.jsxs)("div",Object.assign({className:"color-picker-hue"},{children:[(0,s.jsx)("div",{className:"color-picker-hue-color",style:{background:e}}),(0,s.jsx)("div",Object.assign({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,s.jsx)("div",{className:"color-picker-hue-cursor",style:{left:t.r/360*100+"%",border:"1px solid "+a}})}))]})),(0,s.jsx)("div",{className:"color-picker-alpha"}),(0,s.jsxs)("div",Object.assign({className:"color-picker-rgb"},{children:[(0,s.jsx)("div",Object.assign({className:"red"},{children:(0,s.jsx)(wr,{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,s.jsx)("div",Object.assign({className:"green"},{children:(0,s.jsx)(wr,{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,s.jsx)("div",Object.assign({className:"blue"},{children:(0,s.jsx)(wr,{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,s.jsx)("div",Object.assign({className:"alpha"+(i?"":" grayed")},{children:(0,s.jsx)(wr,{label:"A",min:0,max:255,value:Math.round(255*this.state.alpha),onChange:e=>{this.setState({alpha:e/255}),this.forceUpdate()}})}))]})),(0,s.jsxs)("div",Object.assign({className:"color-picker-hex"},{children:[(0,s.jsx)("div",Object.assign({className:"color-picker-hex-label"},{children:"Hex"})),(0,s.jsx)("div",Object.assign({className:"color-picker-hex-value"},{children:(0,s.jsx)(Or,{expectedLength:6,value:e,onChange:e=>{this.setState({color:r.Color3.FromHexString(e)})}})}))]})),this.props.linearhint&&(0,s.jsx)("div",Object.assign({className:"color-picker-warning"},{children:"(Note: color is stored in linear mode and was converted to gamma to be displayed here (toGammaSpace() / toLinearSpace()))"}))]}))}}class Wr 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,s.jsxs)("div",Object.assign({className:"color-picker"},{children:[this.props.icon&&(0,s.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),(0,s.jsx)("div",Object.assign({className:"color-rect-background",ref:this._floatHostRef,onClick:()=>this.setState({pickerEnabled:!0})},{children:(0,s.jsx)("div",{className:"color-rect",style:{background:this.state.hex}})})),this.state.pickerEnabled&&(0,s.jsx)(s.Fragment,{children:(0,s.jsx)("div",Object.assign({className:"color-picker-cover",onClick:e=>{var t,n;e.target===(null===(n=null===(t=this._floatRef.current)||void 0===t?void 0:t.ownerDocument)||void 0===n?void 0:n.querySelector(".color-picker-cover"))&&this.setState({pickerEnabled:!1})}},{children:(0,s.jsx)("div",Object.assign({className:"color-picker-float",ref:this._floatRef},{children:(0,s.jsx)(Ur,{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 Yr="—";function Fr(e,t,n=((e,t)=>e[t])){return new Proxy({},{get(t,r){const s=r;if(0===e.length)return Yr;const a=n(e[0],s);for(const t of e)if(n(t,s)!==a)return Yr;return a},set(n,r,s){if("—"===s)return!0;const a=r;for(const n of e){const e=n[a];n[a]=s,t&&t.notifyObservers({object:n,property:r,value:n[a],initialValue:e})}return!0}})}var Gr=l(6761),Hr=l(5995),Vr=l(319);class Zr 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]===Yr},this.props.disabled&&(this.state=Object.assign(Object.assign({},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]===Yr&&(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})}render(){const e=this.state.isConflict?Hr:this.state.isSelected?Gr:Vr;return(0,s.jsxs)("div",Object.assign({className:"checkBoxLine"},{children:[this.props.icon&&(0,s.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),this.props.label&&(0,s.jsx)("div",Object.assign({className:"label",title:this.props.iconLabel},{children:this.props.label})),this.props.faIcons&&(0,s.jsx)(An,{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,s.jsx)("div",Object.assign({className:"checkBox"},{children:(0,s.jsxs)("label",Object.assign({className:`container lbl${this.props.disabled?" disabled":""} ${this.state.isSelected?"checked":""}`},{children:[(0,s.jsx)("input",{type:"checkbox",className:"cbx hidden "+(this.state.isConflict?"conflict":""),checked:this.state.isSelected,onChange:()=>this.onChange(),disabled:!!this.props.disabled}),(0,s.jsx)("img",{className:"icon",src:e,alt:this.props.label})]}))}))]}))}}const Qr=e=>{const{collector:n,onVisibleRangeChangedObservable:a}=e,[i,o]=(0,t.useState)(),[l,p]=(0,t.useState)(),[c,d]=(0,t.useState)(),[h,u]=(0,t.useState)(),[g,b]=(0,t.useState)();(0,t.useEffect)((()=>{if(!a)return;const e=e=>{b(e.valueMap)};return a.add(e),()=>{a.removeCallback(e)}}),[a]),(0,t.useEffect)((()=>{const e=e=>{const t=new Map,n=new Map;e.forEach(((e,r)=>{var s,a,i;const o=null!==(s=e.category)&&void 0!==s?s:"",l=null!==(a=t.get(o))&&void 0!==a?a:[];let p=null!==(i=n.get(o))&&void 0!==i?i:0;l.push(r),t.set(o,l),e.hidden||(p+=1),n.set(o,p)}));const r=Array.from(t.keys());r.sort(),p(t),d(n),o(e),u(r)};return n.metadataObservable.add(e),()=>{n.metadataObservable.removeCallback(e)}}),[]);const m=e=>t=>{n.updateMetadata(e,"hidden",!t)},C=e=>t=>{const r=null==l?void 0:l.get(e);null==r||r.forEach((e=>{n.updateMetadata(e,"hidden",!t)}))},f=e=>t=>{n.updateMetadata(e,"color",t)};return(0,s.jsx)("div",Object.assign({id:"performance-viewer-sidebar"},{children:h&&h.map((e=>{var t;return(0,s.jsxs)("div",{children:[e?(0,s.jsxs)("div",Object.assign({className:"category-header header sidebar-item"},{children:[(0,s.jsx)("span",Object.assign({className:"category"},{children:e})),(0,s.jsx)(Zr,{isSelected:()=>{var t;return(null==c?void 0:c.get(e))===(null===(t=null==l?void 0:l.get(e))||void 0===t?void 0:t.length)},onSelect:C(e),faIcons:{enabled:ir,disabled:ar}})]}),`header-${e}`):(0,s.jsxs)("div",Object.assign({className:"version-header sidebar-item"},{children:[(0,s.jsx)("span",Object.assign({className:"category"},{children:"Version:"})),(0,s.jsx)("span",Object.assign({className:"value"},{children:r.Engine.Version}))]}),"header-version"),null===(t=null==l?void 0:l.get(e))||void 0===t?void 0:t.map((e=>{var t;const n=null==i?void 0:i.get(e),a=null==g?void 0:g.get(e);return n&&(0,s.jsxs)("div",Object.assign({className:"sidebar-item measure"},{children:[(0,s.jsxs)("div",Object.assign({className:"category"},{children:[(0,s.jsx)(Zr,{isSelected:()=>!n.hidden,onSelect:m(e),faIcons:{enabled:ir,disabled:ar}}),(0,s.jsx)(Wr,{value:r.Color3.FromHexString(null!==(t=n.color)&&void 0!==t?t:"#000"),onColorChanged:f(e),shouldPopRight:!0}),(0,s.jsx)("span",Object.assign({className:"sidebar-item-label"},{children:e}))]})),a&&(0,s.jsxs)("div",Object.assign({className:"value"},{children:[" ",((a.min+a.max)/2).toFixed(2)," "]}))]}),`perf-sidebar-item-${e}`)}))]},`category-${e||"version"}`)}))}))},Xr=({returnToPlayhead:e})=>(0,s.jsx)("button",Object.assign({className:"performancePlayheadButton",onClick:()=>{e.notifyObservers()},title:"Return to Playhead"},{children:"Return"}));var Kr;!function(e){e[e.Milliseconds=0]="Milliseconds",e[e.Seconds=1]="Seconds",e[e.Minutes=2]="Minutes",e[e.Hours=3]="Hours"}(Kr||(Kr={}));const qr="#000",Jr="#4d5960",$r=.8,es="12px Arial",ts="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",ns=1e3,rs=6e4,ss=36e5;class as{constructor(e,t){this._sizeOfWindow=300,this.update=function(e,t){let n=0;return function(...t){const r=Date.now();r-n<15||(n=r,e(...t))}}((()=>this._draw())),this._prevPointById=new Map,this._prevValueById=new Map,this._handleDataHover=e=>{this._panPosition||(this._hoverPosition={xPos:e.clientX,yPos:e.clientY},this._debouncedTooltip(this._hoverPosition,this._drawableArea))},this._debouncedTooltip=function(e,t){let n;return function(...t){clearTimeout(n),n=setTimeout((()=>e(...t)),32)}}(((e,t)=>{this._preprocessTooltip(e,t),this._drawTooltip(e,t)})),this._handleStopHover=()=>{this._hoverPosition=null},this._handleZoom=e=>{if(e.preventDefault(),!e.deltaY)return;const t=100*(-.01*e.deltaY|0),n=this._getNumberOfSlices();this._shouldBecomeRealtime()&&(this._position=null),this._sizeOfWindow=r.Scalar.Clamp(this._sizeOfWindow-t,60,n)},this._handlePanStart=e=>{const{_ctx:t}=this;if(!t||!t.canvas)return;const n=t.canvas;this._panPosition={xPos:e.clientX,delta:0},this._hoverPosition=null,n.addEventListener("mousemove",this._handlePan)},this._handlePan=e=>{var t;if(!this._panPosition||0===this._getNumberOfSlices())return;const n=this._panPosition.delta+e.clientX-this._panPosition.xPos,s=n/((this._drawableArea.right-this._drawableArea.left)/this._sizeOfWindow)|0,a=null!==(t=this._position)&&void 0!==t?t:this._getNumberOfSlices()-1;this._position=r.Scalar.Clamp(a-s,Math.floor(this._sizeOfWindow*$r),this._getNumberOfSlices()-Math.floor(this._sizeOfWindow*(1-$r))),0===s?this._panPosition.delta+=n:this._panPosition.delta=0,this._panPosition.xPos=e.clientX,this._prevPointById.clear(),this._prevValueById.clear()},this._handlePanStop=()=>{const{_ctx:e}=this;e&&e.canvas&&(this._shouldBecomeRealtime()&&(this._position=null),e.canvas.removeEventListener("mousemove",this._handlePan),this._panPosition=null)},this._ctx=e.getContext&&e.getContext("2d"),this._width=e.width,this._height=e.height,this._ticks=[],this._panPosition=null,this._hoverPosition=null,this._position=null,this._datasetBounds={start:0,end:0},this._globalTimeMinMax={min:1/0,max:0},this._drawableArea={top:0,left:0,right:0,bottom:0},this._tooltipTextCache={text:"",width:0},this._tickerTextCache={text:"",width:0},this._tooltipItems=[],this._tickerItems=[],this._preprocessedTooltipInfo={focusedId:"",longestText:"",numberOfTooltipItems:0,xForActualTimestamp:0},this._numberOfTickers=0,this._onVisibleRangeChangedObservable=t.onVisibleRangeChangedObservable;for(let e=0;e<64;e++)this._tooltipItems.push({text:"",color:""}),this._tickerItems.push({text:"",id:"",max:0,min:0});if(!this._ctx)throw Error("No canvas context accessible");const n=this._ctx.measureText(ts);this._defaultLineHeight=n.actualBoundingBoxAscent+n.actualBoundingBoxDescent,this._axisHeight=20+this._defaultLineHeight+10,this._ctx.save(),this._ctx.font=es;const s=this._ctx.measureText(ts);this._addonFontLineHeight=s.actualBoundingBoxAscent+s.actualBoundingBoxDescent,this._ctx.restore(),this.datasets=t.datasets,this.metadata=new Map,this._attachEventListeners(e)}resize(e){const{_ctx:t}=this,{width:n,height:r}=e;t&&t.canvas&&(this._width=n,this._height=r,t.canvas.width=n,t.canvas.height=r,this.update())}resetDataPosition(){this._position=null}_draw(){var e;const{_ctx:t}=this;if(!t)return;const n=this._getNumberOfSlices();if(0===n)return;this.clear(),this._globalTimeMinMax.min=1/0,this._globalTimeMinMax.max=0;const s=null!==(e=this._position)&&void 0!==e?e:n-1;let a=s-Math.ceil(this._sizeOfWindow*$r),i=0;a<0&&(i=0-a,a=0);let o=Math.ceil(s+this._sizeOfWindow*(1-$r)+i);if(o>n){const e=o-n;o=n,a=Math.max(a-e,0)}this._datasetBounds.start=a,this._datasetBounds.end=o,this._globalTimeMinMax.min=this.datasets.data.at(this.datasets.startingIndices.at(this._datasetBounds.start)),this._globalTimeMinMax.max=this.datasets.data.at(this.datasets.startingIndices.at(this._datasetBounds.end-1));const l=Math.ceil((this._globalTimeMinMax.max-this._globalTimeMinMax.min)/$r+this._globalTimeMinMax.min);this._datasetBounds.end=this._getClosestPointToTimestamp(l)+1,this._globalTimeMinMax.max=Math.max(this.datasets.data.at(this.datasets.startingIndices.at(this._datasetBounds.end-1)),this._globalTimeMinMax.max);const p=r.Scalar.Clamp((this._globalTimeMinMax.max-this._globalTimeMinMax.min)/(l-this._globalTimeMinMax.min),$r,1);this._globalTimeMinMax.max=l,this._drawableArea.top=0,this._drawableArea.left=0,this._drawableArea.bottom=this._height,this._drawableArea.right=this._width,this._drawTickers(this._drawableArea,this._datasetBounds),this._drawTimeAxis(this._globalTimeMinMax,this._drawableArea),this._drawPlayheadRegion(this._drawableArea,p),this._drawableArea.top+=2,this._drawableArea.bottom-=2,this._preprocessTooltip(this._hoverPosition,this._drawableArea);const{left:c,right:d,bottom:h,top:u}=this._drawableArea;this.datasets.ids.forEach(((e,n)=>{var s,a;let i,o=this._prevPointById.get(e),l=this._prevValueById.get(e),p=!1;for(let t=0;t<this._numberOfTickers;t++)this._tickerItems[t].id===e&&(p=!0);if(!p)return;t.beginPath(),t.strokeStyle=null!==(a=null===(s=this.metadata.get(e))||void 0===s?void 0:s.color)&&void 0!==a?a:qr,this._preprocessedTooltipInfo.focusedId===e?t.globalAlpha=1:""!==this._preprocessedTooltipInfo.focusedId&&(t.globalAlpha=.2);const g=new Array(this._datasetBounds.end-this._datasetBounds.start);for(let t=this._datasetBounds.start;t<this._datasetBounds.end;t++){if(n>=this.datasets.data.at(this.datasets.startingIndices.at(t)+r.PerformanceViewerCollector.NumberOfPointsOffset))continue;const s=this.datasets.startingIndices.at(t)+r.PerformanceViewerCollector.SliceDataOffset+n,a=this.datasets.data.at(s);void 0===l&&(l=a,this._prevValueById.set(e,l));const o=.2*a+.8*l;g[t-this._datasetBounds.start]=o,i||(i={min:o,max:o}),this._prevValueById.set(e,o),i.min=Math.min(i.min,o),i.max=Math.max(i.max,o)}const b=i.max-i.min;i.min-=.1*b,i.max+=.1*b;for(let n=this._datasetBounds.start;n<this._datasetBounds.end;n++){const r=this.datasets.data.at(this.datasets.startingIndices.at(n)),s=g[n-this._datasetBounds.start],a=this._getPixelForNumber(r,this._globalTimeMinMax,c,d-c,!1),l=this._getPixelForNumber(s,i,u,h-u,!0);void 0===o&&(o=[a,l],this._prevPointById.set(e,o));const p=a-o[0];p>.1*(d-c)?(t.fillStyle="#aaaaaa",t.fillRect(o[0],u,p,h-u)):o[0]<a&&(t.moveTo(o[0],o[1]),t.lineTo(a,l)),o[0]=a,o[1]=l}t.stroke()})),t.globalAlpha=1,this._drawTooltip(this._hoverPosition,this._drawableArea)}_drawTickers(e,t){var n;const{_ctx:s}=this;if(!s)return;let a="";this._numberOfTickers=0;const i=new Map;let o;this.datasets.ids.forEach(((e,n)=>{var s;if(null===(s=this.metadata.get(e))||void 0===s?void 0:s.hidden)return;const o=this._getMinMax(t,n),l=this.datasets.data.at(this.datasets.startingIndices.at(t.end-1)+r.PerformanceViewerCollector.SliceDataOffset+n),p=`${e}: ${l.toFixed(2)} (max: ${o.max.toFixed(2)}, min: ${o.min.toFixed(2)})`;i.set(e,{min:o.min,max:o.max,current:l}),p.length>a.length&&(a=p),this._tickerItems[this._numberOfTickers].id=e,this._tickerItems[this._numberOfTickers].max=o.max,this._tickerItems[this._numberOfTickers].min=o.min,this._tickerItems[this._numberOfTickers].text=p,this._numberOfTickers++})),null===(n=this._onVisibleRangeChangedObservable)||void 0===n||n.notifyObservers({valueMap:i}),s.save(),s.font=es,s.textBaseline="middle",s.textAlign="left",this._tickerTextCache.text.length===a.length?o=this._tickerTextCache.width:(o=s.measureText(a).width+20,this._tickerTextCache.text=a,this._tickerTextCache.width=o),s.restore()}_getClosestPointToTimestamp(e){let t=0,n=this._getNumberOfSlices()-1,r=0;for(;t<=n;){const s=Math.trunc((t+n)/2),a=this.datasets.data.at(this.datasets.startingIndices.at(s));if(Math.abs(a-e)<Math.abs(this.datasets.data.at(this.datasets.startingIndices.at(r))-e)&&(r=s),a<e)t=s+1;else{if(!(a>e))break;n=s-1}}return r}_getNumberOfSlices(){return this.datasets.startingIndices.itemLength}_drawTimeAxis(e,t){const{_ctx:n}=this;if(!n)return;const r=t.right-t.left;this._generateTicks(e,r),t.bottom-=this._axisHeight,n.save(),n.fillStyle="#c0c4c8",n.fillRect(t.left,t.bottom,r,this._axisHeight),n.beginPath(),n.strokeStyle=qr,n.moveTo(t.left,t.bottom),n.lineTo(t.right,t.bottom),n.fillStyle=qr,n.textAlign="center",n.textBaseline="middle";const s=this._getTimestampUnit(this._ticks[this._ticks.length-1]);this._ticks.forEach((a=>{let i=this._getPixelForNumber(a,e,t.left,r,!1);i>r&&(i=r),n.moveTo(i,t.bottom),n.lineTo(i,t.bottom+10),n.fillText(this._parseTimestamp(a,s),i,t.bottom+20)})),n.stroke(),n.restore()}_getTimestampUnit(e){return e/ss>1?Kr.Hours:e/rs>1?Kr.Minutes:e/ns>1?Kr.Seconds:Kr.Milliseconds}_parseTimestamp(e,t){let n="";if(t>=Kr.Hours){const r=Math.floor(e/ss);e-=r*ss,n+=`${r.toString().padStart(t>Kr.Hours?2:1,"0")}:`}if(t>=Kr.Minutes){const r=Math.floor(e/rs);e-=r*rs,n+=`${r.toString().padStart(t>Kr.Minutes?2:1,"0")}:`}const r=Math.floor(e/ns);return e-=r*ns,n+=r.toString().padStart(t>Kr.Seconds?2:1,"0"),e>0&&(n.length>0&&(n+="."),n+=Math.round(e).toString().padStart(3,"0")),n}_generateTicks(e,t){const{min:n,max:r}=e;this._ticks.length=0;const s=Math.ceil(t/40),a=this._niceNumber(r-n,!1),i=this._niceNumber(a/(s-1),!0),o=Math.floor(n/i)*i,l=Math.floor(r/i)*i;for(let e=o;e<=l+.5*i;e+=i)this._ticks.push(e)}_niceNumber(e,t){const n=Math.floor(Math.log10(e)),r=e/Math.pow(10,n);let s;return s=t?r<1.5?1:r<3?2:r<7?5:10:r<=1?1:r<=2?2:r<=5?5:10,s*Math.pow(10,n)}_getMinMax(e,t){let n=1/0,s=0;for(let a=e.start;a<e.end;a++){if(t>=this.datasets.data.at(this.datasets.startingIndices.at(a)+r.PerformanceViewerCollector.NumberOfPointsOffset))continue;const e=this.datasets.startingIndices.at(a)+r.PerformanceViewerCollector.SliceDataOffset+t,i=this.datasets.data.at(e);i<n&&(n=i),i>s&&(s=i)}return{min:n,max:s}}_getPixelForNumber(e,t,n,r,s){const{min:a,max:i}=t;let o=Math.abs(i-a)>.001?(e-a)/(i-a):.5;return s&&(o=1-o),n+o*r}_attachEventListeners(e){e.addEventListener("wheel",this._handleZoom),e.addEventListener("mousemove",this._handleDataHover),e.addEventListener("mousedown",this._handlePanStart),e.addEventListener("mouseleave",this._handleStopHover),e.ownerDocument.addEventListener("mouseup",this._handlePanStop)}_removeEventListeners(e){e.removeEventListener("wheel",this._handleZoom),e.removeEventListener("mousemove",this._handleDataHover),e.removeEventListener("mousedown",this._handlePanStart),e.removeEventListener("mouseleave",this._handleStopHover),e.ownerDocument.removeEventListener("mouseup",this._handlePanStop)}_getDistanceFromLine(e,t,n,r,s,a){if(e===n&&t===r)return Math.sqrt(Math.pow(e-s,2)+Math.pow(t-a,2));let i=0,o=0,l=0,p=0;return t>=r?(i=e,o=t,l=n,p=r):(i=n,o=r,l=e,p=t),a<p?Math.sqrt(Math.pow(l-s,2)+Math.pow(p-a,2)):a>o?Math.sqrt(Math.pow(i-s,2)+Math.pow(o-a,2)):Math.abs((n-e)*(t-a)-(e-s)*(r-t))/Math.sqrt(Math.pow(n-e,2)+Math.pow(r-t,2))}_preprocessTooltip(e,t){var n,s;const{_ctx:a}=this;if(null===e||!a||!a.canvas||0===this._getNumberOfSlices())return;const{left:i,top:o}=a.canvas.getBoundingClientRect(),l=e.yPos-o;let p=e.xPos-i;p>t.right&&(p=t.right);const c=this._getNumberFromPixel(p,this._globalTimeMinMax,t.left,t.right,!1);let d="",h=0;const u=this._getClosestPointToTimestamp(c);let g=0,b="",m={min:0,max:0},C=Number.POSITIVE_INFINITY;this.datasets.ids.forEach(((n,s)=>{var a,o,p;if(null===(a=this.metadata.get(n))||void 0===a?void 0:a.hidden)return;if(s>=this.datasets.data.at(this.datasets.startingIndices.at(u)+r.PerformanceViewerCollector.NumberOfPointsOffset))return;const c=this.datasets.startingIndices.at(u)+r.PerformanceViewerCollector.SliceDataOffset+s,f=this.datasets.data.at(c);let v;for(let e=0;e<this._numberOfTickers;e++)this._tickerItems[e].id===n&&(v=this._tickerItems[e]);if(!v)return;g=this.datasets.data.at(this.datasets.startingIndices.at(u));const A=this._getPixelForNumber(f,v,t.top,t.bottom-t.top,!0),x=this._getPixelForNumber(g,this._globalTimeMinMax,t.left,t.right-t.left,!1),y=`${n}: ${f.toFixed(2)}`;if(y.length>d.length&&(d=y),this._tooltipItems[h].text=y,this._tooltipItems[h].color=null!==(p=null===(o=this.metadata.get(n))||void 0===o?void 0:o.color)&&void 0!==p?p:qr,h++,!this._position)return;let j=this._getDistanceFromLine(x,A,x,A,e.xPos-i,l);if(u+1<this.datasets.data.itemLength&&this.datasets.data.at(this.datasets.startingIndices.at(u+1)+r.PerformanceViewerCollector.NumberOfPointsOffset)>s){const n=this.datasets.data.at(this.datasets.startingIndices.at(u+1)),a=this._getPixelForNumber(n,this._globalTimeMinMax,t.left,t.right-t.left,!1),o=this.datasets.data.at(this.datasets.startingIndices.at(u+1)+r.PerformanceViewerCollector.SliceDataOffset+s),p=this._getPixelForNumber(o,v,t.top,t.bottom-t.top,!0);j=Math.min(this._getDistanceFromLine(x,A,a,p,e.xPos-i,l),j)}if(u-1>=0&&this.datasets.data.at(this.datasets.startingIndices.at(u+1)+r.PerformanceViewerCollector.NumberOfPointsOffset)>s){const n=this.datasets.data.at(this.datasets.startingIndices.at(u-1)),a=this._getPixelForNumber(n,this._globalTimeMinMax,t.left,t.right-t.left,!1),o=this.datasets.data.at(this.datasets.startingIndices.at(u-1)+r.PerformanceViewerCollector.SliceDataOffset+s),p=this._getPixelForNumber(o,v,t.top,t.bottom-t.top,!0);j=Math.min(this._getDistanceFromLine(x,A,a,p,e.xPos-i,l),j)}j<C&&(b=n,C=j,m=v)}));const f=this._getPixelForNumber(g,this._globalTimeMinMax,t.left,t.right-t.left,!1);if(this._preprocessedTooltipInfo.xForActualTimestamp=f,C<=10&&this._position){this._preprocessedTooltipInfo.focusedId=b;const e=this._getNumberFromPixel(l,m,t.top,t.bottom,!0),r=`${b}: ${e.toFixed(2)}`;this._preprocessedTooltipInfo.longestText=r,this._preprocessedTooltipInfo.numberOfTooltipItems=1,this._tooltipItems[0].text=r,this._tooltipItems[0].color=null!==(s=null===(n=this.metadata.get(b))||void 0===n?void 0:n.color)&&void 0!==s?s:qr}else this._preprocessedTooltipInfo.focusedId="",this._preprocessedTooltipInfo.longestText=d,this._preprocessedTooltipInfo.numberOfTooltipItems=h}_drawTooltip(e,t){const{_ctx:n}=this;if(null===e||!n||!n.canvas||0===this._getNumberOfSlices())return;const{left:r,top:s}=n.canvas.getBoundingClientRect(),{numberOfTooltipItems:a,xForActualTimestamp:i,longestText:o}=this._preprocessedTooltipInfo;n.save(),n.fillStyle=Jr;const l=t.bottom+3;if(n.beginPath(),n.moveTo(i,l),n.lineTo(i+10,l+10),n.lineTo(i-10,l+10),n.closePath(),n.fill(),n.strokeStyle=Jr,n.beginPath(),""===this._preprocessedTooltipInfo.focusedId)n.moveTo(i,t.bottom),n.lineTo(i,0);else{const r=e.yPos-s;n.moveTo(t.left,r),n.lineTo(t.right,r)}n.stroke(),n.font=es,n.textBaseline="middle",n.textAlign="left";const p=this._addonFontLineHeight,c=this._addonFontLineHeight+Math.floor(5);let d;o===this._tooltipTextCache.text?d=this._tooltipTextCache.width:(d=n.measureText(o).width+p+20+5,this._tooltipTextCache.text=o,this._tooltipTextCache.width=d);const h=c*(a+1);let u=e.xPos-r,g=t.bottom-20-h;u+d>this._width&&(u-=d),n.globalAlpha=.8,n.fillStyle="#566268",n.fillRect(u,g,d,h),n.globalAlpha=1,u+=10,g+=c;for(let e=0;e<a;e++){const t=this._tooltipItems[e];n.fillStyle=t.color,n.fillRect(u,g-Math.floor(p/2),p,p),n.fillStyle="#fbfbfb",n.fillText(t.text,u+p+5,g),g+=c}n.restore()}_getNumberFromPixel(e,t,n,r,s){let a=(e-n)/(r-n);return s&&(a=1-a),t.min+a*(t.max-t.min)}_shouldBecomeRealtime(){if(0===this._getNumberOfSlices())return!1;const e=this._position,t=this._getNumberOfSlices()-1;if(null===e)return!1;const n=Math.max(0-(e-Math.ceil(this._sizeOfWindow*$r)),0),r=Math.min(n+e+Math.ceil(this._sizeOfWindow*(1-$r)),t);return this.datasets.data.at(this.datasets.startingIndices.at(r))/this.datasets.data.at(this.datasets.startingIndices.at(t))>.998}_drawPlayheadRegion(e,t){const{_ctx:n}=this;if(!n||t>=.95)return;const r=Math.ceil(e.right*t),s=r-8,a=r+2,i=e.bottom-e.top-1;n.save(),n.fillStyle="#dfe9ed",n.fillRect(a,e.top,e.right-a,i),n.fillStyle="#0a3066",n.fillRect(r,e.top,2,i),n.fillStyle="#b9dbef",n.fillRect(s,e.top,8,i),n.restore()}destroy(){this._ctx&&this._ctx.canvas&&(this._removeEventListeners(this._ctx.canvas),this._ctx=null)}clear(){const{_ctx:e,_width:t,_height:n}=this;e&&(e.save(),e.resetTransform(),e.clearRect(0,0,t,n),e.restore())}}const is=e=>{const{id:n,collector:r,scene:a,layoutObservable:i,returnToPlayheadObservable:o,onVisibleRangeChangedObservable:l,initialGraphSize:p}=e,c=(0,t.useRef)(null);return(0,t.useEffect)((()=>{if(!c.current)return;let e;p&&(c.current.width=p.width,c.current.height=p.height);try{e=new as(c.current,{datasets:r.datasets,onVisibleRangeChangedObservable:l})}catch(e){return void console.error(e)}const t=t=>{if(!c.current)return;const{left:n,top:r}=c.current.getBoundingClientRect();t.width=t.width-n,t.height=t.height-r,null==e||e.resize(t)},n=()=>{null==e||e.update()},s=t=>{e&&(e.metadata=t,e.update())};return a.onAfterRenderObservable.add(n),r.metadataObservable.add(s),null==i||i.add(t),null==o||o.add((()=>{null==e||e.resetDataPosition()})),()=>{null==e||e.destroy(),null==i||i.removeCallback(t),a.onAfterRenderObservable.removeCallback(n),r.metadataObservable.removeCallback(s)}}),[c]),(0,s.jsx)("canvas",{id:n,ref:c})},os=e=>{const{scene:n,layoutObservable:a,returnToLiveObservable:i,performanceCollector:o,initialGraphSize:l}=e,[p]=(0,t.useState)(new r.Observable);return(0,s.jsxs)("div",Object.assign({id:"performance-viewer"},{children:[(0,s.jsx)(Xr,{returnToPlayhead:i}),(0,s.jsx)(Qr,{collector:o,onVisibleRangeChangedObservable:p}),(0,s.jsx)(is,{id:"performance-viewer-graph",returnToPlayheadObservable:i,layoutObservable:a,scene:n,collector:o,onVisibleRangeChangedObservable:p,initialGraphSize:l})]}))};var ls=l(9826),ps={};ps.styleTagTransform=Ir(),ps.setAttributes=Er(),ps.insert=Pr().bind(null,"head"),ps.domAPI=Lr(),ps.insertStyleElement=Tr(),Mr()(ls.Z,ps),ls.Z&&ls.Z.locals&&ls.Z.locals;const cs={width:1024,height:512},ds={width:724,height:512};var hs;!function(e){e.Count="Count",e.FrameSteps="Frame Steps Duration"}(hs||(hs={}));const us=[{strategyCallback:r.PerfCollectionStrategy.FpsStrategy()},{strategyCallback:r.PerfCollectionStrategy.TotalMeshesStrategy(),category:hs.Count,hidden:!0},{strategyCallback:r.PerfCollectionStrategy.ActiveMeshesStrategy(),category:hs.Count,hidden:!0},{strategyCallback:r.PerfCollectionStrategy.ActiveIndicesStrategy(),category:hs.Count,hidden:!0},{strategyCallback:r.PerfCollectionStrategy.ActiveBonesStrategy(),category:hs.Count,hidden:!0},{strategyCallback:r.PerfCollectionStrategy.ActiveParticlesStrategy(),category:hs.Count,hidden:!0},{strategyCallback:r.PerfCollectionStrategy.DrawCallsStrategy(),category:hs.Count,hidden:!0},{strategyCallback:r.PerfCollectionStrategy.TotalLightsStrategy(),category:hs.Count,hidden:!0},{strategyCallback:r.PerfCollectionStrategy.TotalVerticesStrategy(),category:hs.Count,hidden:!0},{strategyCallback:r.PerfCollectionStrategy.TotalMaterialsStrategy(),category:hs.Count,hidden:!0},{strategyCallback:r.PerfCollectionStrategy.TotalTexturesStrategy(),category:hs.Count,hidden:!0},{strategyCallback:r.PerfCollectionStrategy.AbsoluteFpsStrategy(),category:hs.FrameSteps,hidden:!0},{strategyCallback:r.PerfCollectionStrategy.MeshesSelectionStrategy(),category:hs.FrameSteps,hidden:!0},{strategyCallback:r.PerfCollectionStrategy.RenderTargetsStrategy(),category:hs.FrameSteps,hidden:!0},{strategyCallback:r.PerfCollectionStrategy.ParticlesStrategy(),category:hs.FrameSteps,hidden:!0},{strategyCallback:r.PerfCollectionStrategy.SpritesStrategy(),category:hs.FrameSteps,hidden:!0},{strategyCallback:r.PerfCollectionStrategy.AnimationsStrategy(),category:hs.FrameSteps,hidden:!0},{strategyCallback:r.PerfCollectionStrategy.PhysicsStrategy(),category:hs.FrameSteps,hidden:!0},{strategyCallback:r.PerfCollectionStrategy.RenderStrategy(),category:hs.FrameSteps,hidden:!0},{strategyCallback:r.PerfCollectionStrategy.FrameTotalStrategy(),category:hs.FrameSteps,hidden:!0},{strategyCallback:r.PerfCollectionStrategy.InterFrameStrategy(),category:hs.FrameSteps,hidden:!0},{strategyCallback:r.PerfCollectionStrategy.GpuFrameTimeStrategy(),category:hs.FrameSteps,hidden:!0}],gs=e=>{const{scene:n}=e,[a,i]=(0,t.useState)(!1),[o,l]=(0,t.useState)(!1),[p,c]=(0,t.useState)(),[d]=(0,t.useState)(new r.Observable),[h]=(0,t.useState)(new r.Observable),u=e=>{e&&e.close(),l(!1),i(!1)};(0,t.useEffect)((()=>{o||p&&(p.stop(),p.clear(!1),m(p))}),[o]);const g=()=>{p&&Gp._CreatePersistentPopup({props:{id:"performance-viewer",title:"Realtime Performance Viewer",onClose:u,onResize:b,size:cs},children:(0,s.jsx)(os,{scene:n,layoutObservable:d,returnToLiveObservable:h,performanceCollector:p,initialGraphSize:ds})},document.body)},b=e=>{var t,n;const r=null!==(t=null==e?void 0:e.innerWidth)&&void 0!==t?t:0,s=null!==(n=null==e?void 0:e.innerHeight)&&void 0!==n?n:0;d.notifyObservers({width:r,height:s})},m=e=>{e.addCollectionStrategies(...us),r.ComputePressureObserverWrapper.IsAvailable&&e.addCollectionStrategies({strategyCallback:r.PerfCollectionStrategy.CpuStrategy(),category:hs.FrameSteps,hidden:!0})};return(0,t.useEffect)((()=>{const e=n.getPerfCollector();m(e),c(e)}),[]),(0,s.jsxs)(vr,Object.assign({title:"Performance Viewer"},{children:[!a&&(0,s.jsx)(yr,{label:"Open Realtime Perf Viewer",onClick:()=>{i(!0),null==p||p.start(!0),g()}}),!a&&(0,s.jsx)(jr,{accept:"csv",label:"Load Perf Viewer using CSV",onClick:e=>{r.Tools.ReadFile(e,(e=>{i(!1),l(!0),null==p||p.stop(),(null==p?void 0:p.loadFromFileData(e))?g():(i(!1),null==p||p.start(!0))}))}}),(0,s.jsx)(yr,{label:"Export Perf to CSV",onClick:()=>{null==p||p.exportDataToCsv()}}),!a&&(0,s.jsx)(yr,{label:(null==p?void 0:p.isStarted)?"Stop Recording":"Begin Recording",onClick:()=>{(null==p?void 0:p.isStarted)?null==p||p.stop():null==p||p.start(!0)}})]}))};class bs extends mr{constructor(e){super(e);const t=this.props.scene;t&&(this._sceneInstrumentation=new r.SceneInstrumentation(t),this._sceneInstrumentation.captureActiveMeshesEvaluationTime=!0,this._sceneInstrumentation.captureRenderTargetsRenderTime=!0,this._sceneInstrumentation.captureFrameTime=!0,this._sceneInstrumentation.captureRenderTime=!0,this._sceneInstrumentation.captureInterFrameTime=!0,this._sceneInstrumentation.captureParticlesRenderTime=!0,this._sceneInstrumentation.captureSpritesRenderTime=!0,this._sceneInstrumentation.capturePhysicsTime=!0,this._sceneInstrumentation.captureAnimationsTime=!0,this._engineInstrumentation=new r.EngineInstrumentation(t.getEngine()),this._engineInstrumentation.captureGPUFrameTime=!0,this._timerIntervalId=window.setInterval((()=>this.forceUpdate()),500))}componentWillUnmount(){this._sceneInstrumentation&&(this._sceneInstrumentation.dispose(),this._sceneInstrumentation=null),this._engineInstrumentation&&(this._engineInstrumentation.dispose(),this._engineInstrumentation=null),window.clearInterval(this._timerIntervalId)}render(){const e=this.props.scene;if(!e||!this._sceneInstrumentation||!this._engineInstrumentation)return null;const t=e.getEngine(),n=this._sceneInstrumentation,a=this._engineInstrumentation,i=t.getCaps();return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(Cr,{label:"Version",value:r.Engine.Version,color:"rgb(113, 159, 255)"}),(0,s.jsx)(Ar,{label:"FPS",value:t.getFps(),fractionDigits:0}),(0,s.jsx)(gs,{scene:e}),(0,s.jsxs)(vr,Object.assign({title:"COUNT"},{children:[(0,s.jsx)(Cr,{label:"Total meshes",value:e.meshes.length.toString()}),(0,s.jsx)(Cr,{label:"Active meshes",value:e.getActiveMeshes().length.toString()}),(0,s.jsx)(Cr,{label:"Active indices",value:e.getActiveIndices().toString()}),(0,s.jsx)(Cr,{label:"Active faces",value:(e.getActiveIndices()/3).toString()}),(0,s.jsx)(Cr,{label:"Active bones",value:e.getActiveBones().toString()}),(0,s.jsx)(Cr,{label:"Active particles",value:e.getActiveParticles().toString()}),(0,s.jsx)(Cr,{label:"Draw calls",value:n.drawCallsCounter.current.toString()}),(0,s.jsx)(Cr,{label:"Total lights",value:e.lights.length.toString()}),(0,s.jsx)(Cr,{label:"Total vertices",value:e.getTotalVertices().toString()}),(0,s.jsx)(Cr,{label:"Total materials",value:e.materials.length.toString()}),(0,s.jsx)(Cr,{label:"Total textures",value:e.textures.length.toString()})]})),(0,s.jsxs)(vr,Object.assign({title:"FRAME STEPS DURATION"},{children:[(0,s.jsx)(Ar,{label:"Absolute FPS",value:1e3/this._sceneInstrumentation.frameTimeCounter.lastSecAverage,fractionDigits:0}),(0,s.jsx)(Ar,{label:"Meshes selection",value:n.activeMeshesEvaluationTimeCounter.lastSecAverage,units:"ms"}),(0,s.jsx)(Ar,{label:"Render targets",value:n.renderTargetsRenderTimeCounter.lastSecAverage,units:"ms"}),(0,s.jsx)(Ar,{label:"Particles",value:n.particlesRenderTimeCounter.lastSecAverage,units:"ms"}),(0,s.jsx)(Ar,{label:"Sprites",value:n.spritesRenderTimeCounter.lastSecAverage,units:"ms"}),(0,s.jsx)(Ar,{label:"Animations",value:n.animationsTimeCounter.lastSecAverage,units:"ms"}),(0,s.jsx)(Ar,{label:"Physics",value:n.physicsTimeCounter.lastSecAverage,units:"ms"}),(0,s.jsx)(Ar,{label:"Render",value:n.renderTimeCounter.lastSecAverage,units:"ms"}),(0,s.jsx)(Ar,{label:"Frame total",value:n.frameTimeCounter.lastSecAverage,units:"ms"}),(0,s.jsx)(Ar,{label:"Inter-frame",value:n.interFrameTimeCounter.lastSecAverage,units:"ms"}),(0,s.jsx)(Ar,{label:"GPU Frame time",value:1e-6*a.gpuFrameTimeCounter.lastSecAverage,units:"ms"}),(0,s.jsx)(Ar,{label:"GPU Frame time (average)",value:1e-6*a.gpuFrameTimeCounter.average,units:"ms"})]})),(0,s.jsxs)(vr,Object.assign({title:"SYSTEM INFO"},{children:[(0,s.jsx)(Cr,{label:"Resolution",value:t.getRenderWidth()+"x"+t.getRenderHeight()}),(0,s.jsx)(Cr,{label:"Hardware scaling level",value:t.getHardwareScalingLevel().toString()}),(0,s.jsx)(Cr,{label:"Engine",value:t.description}),(0,s.jsx)(xr,{label:"Std derivatives",value:i.standardDerivatives}),(0,s.jsx)(xr,{label:"Compressed textures",value:void 0!==i.s3tc}),(0,s.jsx)(xr,{label:"Hardware instances",value:i.instancedArrays}),(0,s.jsx)(xr,{label:"Texture float",value:i.textureFloat}),(0,s.jsx)(xr,{label:"Texture half-float",value:i.textureHalfFloat}),(0,s.jsx)(xr,{label:"Render to texture float",value:i.textureFloatRender}),(0,s.jsx)(xr,{label:"Render to texture half-float",value:i.textureHalfFloatRender}),(0,s.jsx)(xr,{label:"32bits indices",value:i.uintIndices}),(0,s.jsx)(xr,{label:"Fragment depth",value:i.fragmentDepthSupported}),(0,s.jsx)(xr,{label:"High precision shaders",value:i.highPrecisionShaderSupported}),(0,s.jsx)(xr,{label:"Draw buffers",value:i.drawBuffersExtension}),(0,s.jsx)(xr,{label:"Vertex array object",value:i.vertexArrayObject}),(0,s.jsx)(xr,{label:"Timer query",value:void 0!==i.timerQuery}),(0,s.jsx)(xr,{label:"Stencil",value:t.isStencilEnable}),(0,s.jsx)(xr,{label:"Parallel shader compilation",value:null!=i.parallelShaderCompile}),(0,s.jsx)(Ar,{label:"Max textures units",value:i.maxTexturesImageUnits,fractionDigits:0}),(0,s.jsx)(Ar,{label:"Max textures size",value:i.maxTextureSize,fractionDigits:0}),(0,s.jsx)(Ar,{label:"Max anisotropy",value:i.maxAnisotropy,fractionDigits:0}),(0,s.jsx)(Cr,{label:"Driver",value:t.getGlInfo().renderer})]}))]}))}}var ms=l(7849);class Cs extends t.Component{constructor(e){super(e),this.state={isEnabled:!1}}componentDidMount(){const e=r.UtilityLayerRenderer.DefaultKeepDepthUtilityLayer.utilityLayerScene;for(const t of e.meshes)if(t.reservedDataStore&&t.reservedDataStore.isInspectorGrid)return this._gridMesh=t,void this.setState({isEnabled:!0})}addOrRemoveGrid(){const e=r.UtilityLayerRenderer.DefaultKeepDepthUtilityLayer.utilityLayerScene;if(!this._gridMesh){const t=this.props.scene.getWorldExtends(),n=5*(t.max.x-t.min.x),s=5*(t.max.z-t.min.z);this._gridMesh=(0,r.CreateGround)("grid",{width:1,height:1,subdivisions:1},e),this._gridMesh.reservedDataStore||(this._gridMesh.reservedDataStore={}),this._gridMesh.scaling.x=Math.max(n,s),this._gridMesh.scaling.z=this._gridMesh.scaling.x,this._gridMesh.reservedDataStore.isInspectorGrid=!0,this._gridMesh.isPickable=!1;const a=new ms.GridMaterial("GridMaterial",e);return a.majorUnitFrequency=10,a.minorUnitVisibility=.3,a.gridRatio=.01,a.backFaceCulling=!1,a.mainColor=new r.Color3(1,1,1),a.lineColor=new r.Color3(1,1,1),a.opacity=.8,a.zOffset=1,a.opacityTexture=new r.Texture("https://assets.babylonjs.com/environments/backgroundGround.png",e),this._gridMesh.material=a,void this.setState({isEnabled:!0})}this.setState({isEnabled:!this.state.isEnabled}),this._gridMesh.dispose(!0,!0),this._gridMesh=null}render(){return(0,s.jsx)("div",{children:(0,s.jsx)(Zr,{label:"Render grid",isSelected:()=>this.state.isEnabled,onSelect:()=>this.addOrRemoveGrid()})})}}var fs=l(4352);class vs extends mr{constructor(e){super(e),this._physicsViewersEnabled=!1;const t=this.props.scene;t&&(t.reservedDataStore||(t.reservedDataStore={}),this._physicsViewersEnabled=null!=t.reservedDataStore.physicsViewer)}switchPhysicsViewers(){this._physicsViewersEnabled=!this._physicsViewersEnabled;const e=this.props.scene;if(this._physicsViewersEnabled){const t=new fs.PhysicsViewer(e);e.reservedDataStore.physicsViewer=t;for(const n of e.meshes)if(n.physicsImpostor){const e=t.showImpostor(n.physicsImpostor,n);e&&(e.reservedDataStore={hidden:!0},e.material.reservedDataStore={hidden:!0})}}else e.reservedDataStore.physicsViewer.dispose(),e.reservedDataStore.physicsViewer=null}render(){const e=this.props.scene;return e?(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsxs)(vr,Object.assign({title:"HELPERS",selection:this.props.globalState},{children:[(0,s.jsx)(Cs,{globalState:this.props.globalState,scene:e}),(0,s.jsx)(Zr,{label:"Physics",isSelected:()=>this._physicsViewersEnabled,onSelect:()=>this.switchPhysicsViewers()})]})),(0,s.jsxs)(vr,Object.assign({title:"CORE TEXTURE CHANNELS",selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Diffuse",isSelected:()=>r.StandardMaterial.DiffuseTextureEnabled,onSelect:()=>r.StandardMaterial.DiffuseTextureEnabled=!r.StandardMaterial.DiffuseTextureEnabled}),(0,s.jsx)(Zr,{label:"Ambient",isSelected:()=>r.StandardMaterial.AmbientTextureEnabled,onSelect:()=>r.StandardMaterial.AmbientTextureEnabled=!r.StandardMaterial.AmbientTextureEnabled}),(0,s.jsx)(Zr,{label:"Specular",isSelected:()=>r.StandardMaterial.SpecularTextureEnabled,onSelect:()=>r.StandardMaterial.SpecularTextureEnabled=!r.StandardMaterial.SpecularTextureEnabled}),(0,s.jsx)(Zr,{label:"Emissive",isSelected:()=>r.StandardMaterial.EmissiveTextureEnabled,onSelect:()=>r.StandardMaterial.EmissiveTextureEnabled=!r.StandardMaterial.EmissiveTextureEnabled}),(0,s.jsx)(Zr,{label:"Bump",isSelected:()=>r.StandardMaterial.BumpTextureEnabled,onSelect:()=>r.StandardMaterial.BumpTextureEnabled=!r.StandardMaterial.BumpTextureEnabled}),(0,s.jsx)(Zr,{label:"Opacity",isSelected:()=>r.StandardMaterial.OpacityTextureEnabled,onSelect:()=>r.StandardMaterial.OpacityTextureEnabled=!r.StandardMaterial.OpacityTextureEnabled}),(0,s.jsx)(Zr,{label:"Reflection",isSelected:()=>r.StandardMaterial.ReflectionTextureEnabled,onSelect:()=>r.StandardMaterial.ReflectionTextureEnabled=!r.StandardMaterial.ReflectionTextureEnabled}),(0,s.jsx)(Zr,{label:"Refraction",isSelected:()=>r.StandardMaterial.RefractionTextureEnabled,onSelect:()=>r.StandardMaterial.RefractionTextureEnabled=!r.StandardMaterial.RefractionTextureEnabled}),(0,s.jsx)(Zr,{label:"ColorGrading",isSelected:()=>r.StandardMaterial.ColorGradingTextureEnabled,onSelect:()=>r.StandardMaterial.ColorGradingTextureEnabled=!r.StandardMaterial.ColorGradingTextureEnabled}),(0,s.jsx)(Zr,{label:"Lightmap",isSelected:()=>r.StandardMaterial.LightmapTextureEnabled,onSelect:()=>r.StandardMaterial.LightmapTextureEnabled=!r.StandardMaterial.LightmapTextureEnabled}),(0,s.jsx)(Zr,{label:"Fresnel",isSelected:()=>r.StandardMaterial.FresnelEnabled,onSelect:()=>r.StandardMaterial.FresnelEnabled=!r.StandardMaterial.FresnelEnabled})]})),(0,s.jsxs)(vr,Object.assign({title:"FEATURES",selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Animations",isSelected:()=>e.animationsEnabled,onSelect:()=>e.animationsEnabled=!e.animationsEnabled}),(0,s.jsx)(Zr,{label:"Physics",isSelected:()=>e.physicsEnabled,onSelect:()=>e.physicsEnabled=!e.physicsEnabled}),(0,s.jsx)(Zr,{label:"Collisions",isSelected:()=>e.collisionsEnabled,onSelect:()=>e.collisionsEnabled=!e.collisionsEnabled}),(0,s.jsx)(Zr,{label:"Fog",isSelected:()=>e.fogEnabled,onSelect:()=>e.fogEnabled=!e.fogEnabled}),(0,s.jsx)(Zr,{label:"Lens flares",isSelected:()=>e.lensFlaresEnabled,onSelect:()=>e.lensFlaresEnabled=!e.lensFlaresEnabled}),(0,s.jsx)(Zr,{label:"Lights",isSelected:()=>e.lightsEnabled,onSelect:()=>e.lightsEnabled=!e.lightsEnabled}),(0,s.jsx)(Zr,{label:"Particles",isSelected:()=>e.particlesEnabled,onSelect:()=>e.particlesEnabled=!e.particlesEnabled}),(0,s.jsx)(Zr,{label:"Post-processes",isSelected:()=>e.postProcessesEnabled,onSelect:()=>e.postProcessesEnabled=!e.postProcessesEnabled}),(0,s.jsx)(Zr,{label:"Probes",isSelected:()=>e.probesEnabled,onSelect:()=>e.probesEnabled=!e.probesEnabled}),(0,s.jsx)(Zr,{label:"Textures",isSelected:()=>e.texturesEnabled,onSelect:()=>e.texturesEnabled=!e.texturesEnabled}),(0,s.jsx)(Zr,{label:"Procedural textures",isSelected:()=>e.proceduralTexturesEnabled,onSelect:()=>e.proceduralTexturesEnabled=!e.proceduralTexturesEnabled}),(0,s.jsx)(Zr,{label:"Render targets",isSelected:()=>e.renderTargetsEnabled,onSelect:()=>e.renderTargetsEnabled=!e.renderTargetsEnabled}),(0,s.jsx)(Zr,{label:"Shadows",isSelected:()=>e.shadowsEnabled,onSelect:()=>e.shadowsEnabled=!e.shadowsEnabled}),(0,s.jsx)(Zr,{label:"Skeletons",isSelected:()=>e.skeletonsEnabled,onSelect:()=>e.skeletonsEnabled=!e.skeletonsEnabled}),(0,s.jsx)(Zr,{label:"Sprites",isSelected:()=>e.spritesEnabled,onSelect:()=>e.spritesEnabled=!e.spritesEnabled})]}))]})):null}}var As=function(){function e(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)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),xs=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},ys={base:{position:"absolute",userSelect:"none",MsUserSelect:"none"},top:{width:"100%",height:"10px",top:"-5px",left:"0px",cursor:"row-resize"},right:{width:"10px",height:"100%",top:"0px",right:"-5px",cursor:"col-resize"},bottom:{width:"100%",height:"10px",bottom:"-5px",left:"0px",cursor:"row-resize"},left:{width:"10px",height:"100%",top:"0px",left:"-5px",cursor:"col-resize"},topRight:{width:"20px",height:"20px",position:"absolute",right:"-10px",top:"-10px",cursor:"ne-resize"},bottomRight:{width:"20px",height:"20px",position:"absolute",right:"-10px",bottom:"-10px",cursor:"se-resize"},bottomLeft:{width:"20px",height:"20px",position:"absolute",left:"-10px",bottom:"-10px",cursor:"sw-resize"},topLeft:{width:"20px",height:"20px",position:"absolute",left:"-10px",top:"-10px",cursor:"nw-resize"}},js=function(e){return(0,t.createElement)("div",{className:e.className,style:xs({},ys.base,ys[e.direction],e.replaceStyles||{}),onMouseDown:function(t){e.onResizeStart(t,e.direction)},onTouchStart:function(t){e.onResizeStart(t,e.direction)}},e.children)},ws={userSelect:"none",MozUserSelect:"none",WebkitUserSelect:"none",MsUserSelect:"none"},Os={userSelect:"auto",MozUserSelect:"auto",WebkitUserSelect:"auto",MsUserSelect:"auto"},Ss=function(e,t,n){return Math.max(Math.min(e,n),t)},Ms=function(e,t){return Math.round(e/t)*t},Ns=function(e,t){return t.reduce((function(t,n){return Math.abs(n-e)<Math.abs(t-e)?n:t}))},Ls=function(e,t){return e.substr(e.length-t.length,t.length)===t},ks=function(e){return"auto"===e.toString()||Ls(e.toString(),"px")||Ls(e.toString(),"%")||Ls(e.toString(),"vh")||Ls(e.toString(),"vw")||Ls(e.toString(),"vmax")||Ls(e.toString(),"vmin")?e.toString():e+"px"},Ps=["style","className","grid","snap","bounds","size","defaultSize","minWidth","minHeight","maxWidth","maxHeight","lockAspectRatio","lockAspectRatioExtraWidth","lockAspectRatioExtraHeight","enable","handleStyles","handleClasses","handleWrapperStyle","handleWrapperClass","children","onResizeStart","onResize","onResizeStop","handleComponent","scale","resizeRatio"],Ds="__resizable_base__",Es=function(e){function n(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,n);var t=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e));return t.state={isResizing:!1,resizeCursor:"auto",width:void 0===(t.propsSize&&t.propsSize.width)?"auto":t.propsSize&&t.propsSize.width,height:void 0===(t.propsSize&&t.propsSize.height)?"auto":t.propsSize&&t.propsSize.height,direction:"right",original:{x:0,y:0,width:0,height:0}},t.updateExtendsProps(e),t.onResizeStart=t.onResizeStart.bind(t),t.onMouseMove=t.onMouseMove.bind(t),t.onMouseUp=t.onMouseUp.bind(t),"undefined"!=typeof window&&(window.addEventListener("mouseup",t.onMouseUp),window.addEventListener("mousemove",t.onMouseMove),window.addEventListener("mouseleave",t.onMouseUp),window.addEventListener("touchmove",t.onMouseMove),window.addEventListener("touchend",t.onMouseUp)),t}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(n,e),As(n,[{key:"updateExtendsProps",value:function(e){this.extendsProps=Object.keys(e).reduce((function(t,n){return-1!==Ps.indexOf(n)||(t[n]=e[n]),t}),{})}},{key:"getParentSize",value:function(){var e=this.base;if(!e)return{width:window.innerWidth,height:window.innerHeight};var t=!1,n=this.parentNode.style.flexWrap,r=e.style.minWidth;"wrap"!==n&&(t=!0,this.parentNode.style.flexWrap="wrap"),e.style.position="relative",e.style.minWidth="100%";var s={width:e.offsetWidth,height:e.offsetHeight};return e.style.position="absolute",t&&(this.parentNode.style.flexWrap=n),e.style.minWidth=r,s}},{key:"componentDidMount",value:function(){var e=this.size;this.setState({width:this.state.width||e.width,height:this.state.height||e.height});var t=this.parentNode;if(t instanceof HTMLElement&&!this.base){var n=document.createElement("div");n.style.width="100%",n.style.height="100%",n.style.position="absolute",n.style.transform="scale(0, 0)",n.style.left="0",n.style.flex="0",n.classList?n.classList.add(Ds):n.className+=Ds,t.appendChild(n)}}},{key:"componentWillReceiveProps",value:function(e){this.updateExtendsProps(e)}},{key:"componentWillUnmount",value:function(){if("undefined"!=typeof window){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("mouseleave",this.onMouseUp),window.removeEventListener("touchmove",this.onMouseMove),window.removeEventListener("touchend",this.onMouseUp);var e=this.parentNode,t=this.base;if(!t||!e)return;if(!(e instanceof HTMLElement&&t instanceof Node))return;e.removeChild(t)}}},{key:"calculateNewSize",value:function(e,t){var n=this.propsSize&&this.propsSize[t];return"auto"!==this.state[t]||this.state.original[t]!==e||void 0!==n&&"auto"!==n?e:"auto"}},{key:"onResizeStart",value:function(e,t){var n=0,r=0;if(e.nativeEvent instanceof MouseEvent){if(n=e.nativeEvent.clientX,r=e.nativeEvent.clientY,3===e.nativeEvent.which)return}else e.nativeEvent instanceof TouchEvent&&(n=e.nativeEvent.touches[0].clientX,r=e.nativeEvent.touches[0].clientY);this.props.onResizeStart&&this.props.onResizeStart(e,t,this.resizable),this.props.size&&(void 0!==this.props.size.height&&this.props.size.height!==this.state.height&&this.setState({height:this.props.size.height}),void 0!==this.props.size.width&&this.props.size.width!==this.state.width&&this.setState({width:this.props.size.width})),this.setState({original:{x:n,y:r,width:this.size.width,height:this.size.height},isResizing:!0,resizeCursor:window.getComputedStyle(e.target).cursor,direction:t})}},{key:"onMouseMove",value:function(e){if(this.state.isResizing){var t=e instanceof MouseEvent?e.clientX:e.touches[0].clientX,n=e instanceof MouseEvent?e.clientY:e.touches[0].clientY,r=this.state,s=r.direction,a=r.original,i=r.width,o=r.height,l=this.props,p=l.lockAspectRatio,c=l.lockAspectRatioExtraHeight,d=l.lockAspectRatioExtraWidth,h=this.props.scale||1,u=this.props,g=u.maxWidth,b=u.maxHeight,m=u.minWidth,C=u.minHeight,f=this.props.resizeRatio||1,v=this.getParentSize();if(g&&"string"==typeof g&&Ls(g,"%")){var A=Number(g.replace("%",""))/100;g=v.width*A}if(b&&"string"==typeof b&&Ls(b,"%")){var x=Number(b.replace("%",""))/100;b=v.height*x}if(m&&"string"==typeof m&&Ls(m,"%")){var y=Number(m.replace("%",""))/100;m=v.width*y}if(C&&"string"==typeof C&&Ls(C,"%")){var j=Number(C.replace("%",""))/100;C=v.height*j}g=void 0===g?void 0:Number(g),b=void 0===b?void 0:Number(b),m=void 0===m?void 0:Number(m),C=void 0===C?void 0:Number(C);var w="number"==typeof p?p:a.width/a.height,O=a.width,S=a.height;if(/right/i.test(s)&&(O=a.width+(t-a.x)*f/h,p&&(S=(O-d)/w+c)),/left/i.test(s)&&(O=a.width-(t-a.x)*f/h,p&&(S=(O-d)/w+c)),/bottom/i.test(s)&&(S=a.height+(n-a.y)*f/h,p&&(O=(S-c)*w+d)),/top/i.test(s)&&(S=a.height-(n-a.y)*f/h,p&&(O=(S-c)*w+d)),"parent"===this.props.bounds){var M=this.parentNode;if(M instanceof HTMLElement){var N=M.getBoundingClientRect(),L=N.left,k=N.top,P=this.resizable.getBoundingClientRect(),D=P.left,E=P.top,B=M.offsetWidth+(L-D),T=M.offsetHeight+(k-E);g=g&&g<B?g:B,b=b&&b<T?b:T}}else if("window"===this.props.bounds){if("undefined"!=typeof window){var _=this.resizable.getBoundingClientRect(),I=_.left,z=_.top,R=window.innerWidth-I,U=window.innerHeight-z;g=g&&g<R?g:R,b=b&&b<U?b:U}}else if(this.props.bounds instanceof HTMLElement){var W=this.props.bounds.getBoundingClientRect(),Y=W.left,F=W.top,G=this.resizable.getBoundingClientRect(),H=G.left,V=G.top;if(!(this.props.bounds instanceof HTMLElement))return;var Z=this.props.bounds.offsetWidth+(Y-H),Q=this.props.bounds.offsetHeight+(F-V);g=g&&g<Z?g:Z,b=b&&b<Q?b:Q}var X=void 0===m?10:m,K=void 0===g||g<0?O:g,q=void 0===C?10:C,J=void 0===b||b<0?S:b;if(p){var $=(q-c)*w+d,ee=(J-c)*w+d,te=(X-d)/w+c,ne=(K-d)/w+c,re=Math.max(X,$),se=Math.min(K,ee),ae=Math.max(q,te),ie=Math.min(J,ne);O=Ss(O,re,se),S=Ss(S,ae,ie)}else O=Ss(O,X,K),S=Ss(S,q,J);this.props.grid&&(O=Ms(O,this.props.grid[0])),this.props.grid&&(S=Ms(S,this.props.grid[1])),this.props.snap&&this.props.snap.x&&(O=Ns(O,this.props.snap.x)),this.props.snap&&this.props.snap.y&&(S=Ns(S,this.props.snap.y));var oe={width:O-a.width,height:S-a.height};i&&"string"==typeof i&&Ls(i,"%")&&(O=O/v.width*100+"%"),o&&"string"==typeof o&&Ls(o,"%")&&(S=S/v.height*100+"%"),this.setState({width:this.calculateNewSize(O,"width"),height:this.calculateNewSize(S,"height")}),this.props.onResize&&this.props.onResize(e,s,this.resizable,oe)}}},{key:"onMouseUp",value:function(e){var t=this.state,n=t.isResizing,r=t.direction,s=t.original;if(n){var a={width:this.size.width-s.width,height:this.size.height-s.height};this.props.onResizeStop&&this.props.onResizeStop(e,r,this.resizable,a),this.props.size&&this.setState(this.props.size),this.setState({isResizing:!1,resizeCursor:"auto"})}}},{key:"updateSize",value:function(e){this.setState({width:e.width,height:e.height})}},{key:"renderResizer",value:function(){var e=this,n=this.props,r=n.enable,s=n.handleStyles,a=n.handleClasses,i=n.handleWrapperStyle,o=n.handleWrapperClass,l=n.handleComponent;if(!r)return null;var p=Object.keys(r).map((function(n){return!1!==r[n]?(0,t.createElement)(js,{key:n,direction:n,onResizeStart:e.onResizeStart,replaceStyles:s&&s[n],className:a&&a[n]},l&&l[n]?(0,t.createElement)(l[n]):null):null}));return(0,t.createElement)("span",{className:o,style:i},p)}},{key:"render",value:function(){var e=this,n=this.state.isResizing?ws:Os;return(0,t.createElement)("div",xs({ref:function(t){t&&(e.resizable=t)},style:xs({position:"relative"},n,this.props.style,this.sizeStyle,{maxWidth:this.props.maxWidth,maxHeight:this.props.maxHeight,minWidth:this.props.minWidth,minHeight:this.props.minHeight,boxSizing:"border-box"}),className:this.props.className},this.extendsProps),this.state.isResizing&&(0,t.createElement)("div",{style:{height:"100%",width:"100%",backgroundColor:"rgba(0,0,0,0)",cursor:""+(this.state.resizeCursor||"auto"),opacity:"0",position:"fixed",zIndex:"9999",top:"0",left:"0",bottom:"0",right:"0"}}),this.props.children,this.renderResizer())}},{key:"parentNode",get:function(){return this.resizable.parentNode}},{key:"propsSize",get:function(){return this.props.size||this.props.defaultSize}},{key:"base",get:function(){var e=this.parentNode;if(e)for(var t=[].slice.call(e.children),n=0;n<t.length;n+=1){var r=t[n];if(r instanceof HTMLElement&&r.classList.contains(Ds))return r}}},{key:"size",get:function(){var e=0,t=0;if("undefined"!=typeof window){var n=this.resizable.offsetWidth,r=this.resizable.offsetHeight,s=this.resizable.style.position;"relative"!==s&&(this.resizable.style.position="relative"),e="auto"!==this.resizable.style.width?this.resizable.offsetWidth:n,t="auto"!==this.resizable.style.height?this.resizable.offsetHeight:r,this.resizable.style.position=s}return{width:e,height:t}}},{key:"sizeStyle",get:function(){var e=this,t=this.props.size,n=function(t){if(void 0===e.state[t]||"auto"===e.state[t])return"auto";if(e.propsSize&&e.propsSize[t]&&Ls(e.propsSize[t].toString(),"%")){if(Ls(e.state[t].toString(),"%"))return e.state[t].toString();var n=e.getParentSize();return Number(e.state[t].toString().replace("px",""))/n[t]*100+"%"}return ks(e.state[t])};return{width:t&&void 0!==t.width&&!this.state.isResizing?ks(t.width):n("width"),height:t&&void 0!==t.height&&!this.state.isResizing?ks(t.height):n("height")}}}]),n}(t.Component);Es.defaultProps={onResizeStart:function(){},onResize:function(){},onResizeStop:function(){},enable:{top:!0,right:!0,bottom:!0,left:!0,topRight:!0,bottomRight:!0,bottomLeft:!0,topLeft:!0},style:{},grid:[1,1],lockAspectRatio:!1,lockAspectRatioExtraWidth:0,lockAspectRatioExtraHeight:0,scale:1,resizeRatio:1};const Bs=Es;class Ts 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._store=t}componentWillUnmount(){this.unlock()}getValueString(e){return e?e===Yr?Yr:this.props.isInteger?e.toFixed(0):e.toFixed(this.props.digits||4):"0"}shouldComponentUpdate(e,t){if(this._localChange)return this._localChange=!1,!0;const n=e.target[e.propertyName],r=this.getValueString(n);return r!==t.value&&(t.value=r,!0)}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)}render(){let e;e=this.props.isInteger?parseInt(this.state.value):parseFloat(this.state.value);const t=this.props.smallUI?"short":"value",n=this.state.value===Yr?"":this.state.value,a=this.state.value===Yr?Yr:"";return(0,s.jsxs)(s.Fragment,{children:[!this.props.useEuler&&(0,s.jsxs)("div",Object.assign({className:this.props.additionalClass?this.props.additionalClass+" floatLine":"floatLine"},{children:[this.props.icon&&(0,s.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),(!this.props.icon||""!=this.props.label)&&(0,s.jsx)("div",Object.assign({className:"label",title:this.props.label},{children:this.props.label})),(0,s.jsx)("div",Object.assign({className:t},{children:(0,s.jsx)("input",{type:"number",step:this.props.step||this.props.isInteger?"1":"0.01",className:"numeric-input",onKeyDown:e=>{13===e.keyCode&&this.props.onEnter&&this.props.onEnter(this._store)},value:n,onBlur:()=>{this.unlock(),this.props.onEnter&&this.props.onEnter(this._store)},placeholder:a,onFocus:()=>this.lock(),onChange:e=>this.updateValue(e.target.value)})})),this.props.unit&&(0,s.jsx)("button",Object.assign({className:this.props.unitLocked?"unit disabled":"unit",onClick:()=>{this.props.onUnitClicked&&!this.props.unitLocked&&this.props.onUnitClicked()}},{children:this.props.unit}))]})),this.props.useEuler&&(0,s.jsx)(_s,{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;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))}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}render(){return(0,s.jsxs)("div",Object.assign({className:"sliderLine"},{children:[this.props.icon&&(0,s.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),(!this.props.icon||""!=this.props.label)&&(0,s.jsx)("div",Object.assign({className:this.props.margin?"label withMargins":"label",title:this.props.label},{children:this.props.label})),(0,s.jsx)(Ts,{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:e=>{const t=this.prepareDataToRead(this.state.value);this.onChange(t)},onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)("div",Object.assign({className:"slider"},{children:(0,s.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)})}))]}))}}const Is=Number.MAX_SAFE_INTEGER;class zs extends t.Component{constructor(e){super(e),this._localChange=!1,this.state={value:this.remapValueIn(this.props.extractValue?this.props.extractValue():e.target[e.propertyName])}}remapValueIn(e){return this.props.allowNullValue&&null===e?Is:e}remapValueOut(e){return this.props.allowNullValue&&e===Is?null:e}shouldComponentUpdate(e,t){if(this._localChange)return this._localChange=!1,!0;const n=this.remapValueIn(e.extractValue?e.extractValue():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})}updateValue(e){const t=parseInt(e);this._localChange=!0;const n=this.props.extractValue?this.props.extractValue():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.propertyName];this.raiseOnPropertyChanged(r,n)}render(){var e;return(0,s.jsxs)("div",Object.assign({className:"listLine"},{children:[this.props.icon&&(0,s.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,color:"black",className:"icon"}),(0,s.jsx)("div",Object.assign({className:"label",title:this.props.label},{children:this.props.label})),(0,s.jsx)("div",Object.assign({className:"options"},{children:(0,s.jsx)("select",Object.assign({onChange:e=>this.updateValue(e.target.value),value:null!==(e=this.state.value)&&void 0!==e?e:""},{children:this.props.options.map(((e,t)=>(0,s.jsx)("option",Object.assign({selected:e.selected,value:e.value,title:e.label},{children:e.label}),e.label+t)))}))}))]}))}}class Rs 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)}}shouldComponentUpdate(e,t){return!!this._localChange||e.value.toString()!==t.value&&(t.value=e.value.toFixed(void 0!==this.props.precision?this.props.precision:3),!0)}updateValue(e){const t=e.target.value;if(/[^0-9\.\-]/g.test(t))return;const n=parseFloat(t);this._localChange=!0,this.setState({value:t}),isNaN(n)||this.props.onChange(n)}onBlur(){this._localChange=!1;const e=parseFloat(this.state.value);isNaN(e)?this.props.onChange(this.props.value):this.props.onChange(e)}render(){return(0,s.jsxs)("div",Object.assign({className:"numeric"},{children:[this.props.icon&&(0,s.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),this.props.label&&(0,s.jsx)("div",Object.assign({className:"numeric-label",title:this.props.label},{children:`${this.props.label}: `})),(0,s.jsx)("input",{type:"number",step:this.props.step,className:"numeric-input",value:this.state.value,onChange:e=>this.updateValue(e),onBlur:()=>this.onBlur()})]}))}}Rs.defaultProps={step:1};var Us=l(2835),Ws=l(9208);class Ys extends t.Component{constructor(){super(...arguments),this._arrowsRef=t.createRef(),this._drag=e=>{this.props.incrementValue(-e.movementY)},this._releaseListener=()=>{var e,t;this.props.setDragging(!1),null===(e=this._arrowsRef.current)||void 0===e||e.ownerDocument.exitPointerLock(),window.removeEventListener("pointerup",this._releaseListener),null===(t=this._arrowsRef.current)||void 0===t||t.ownerDocument.removeEventListener("mousemove",this._drag)}}render(){return(0,s.jsxs)("div",Object.assign({className:"arrows",ref:this._arrowsRef,onPointerDown:e=>{var t,n;this.props.setDragging(!0),null===(t=this._arrowsRef.current)||void 0===t||t.requestPointerLock(),window.addEventListener("pointerup",this._releaseListener),null===(n=this._arrowsRef.current)||void 0===n||n.ownerDocument.addEventListener("mousemove",this._drag)},onDragStart:e=>e.preventDefault()},{children:[(0,s.jsx)("img",{className:"upArrowIcon",src:Us,alt:"Increase Value"}),(0,s.jsx)("img",{className:"downArrowIcon",src:Ws,alt:"Increase Value"})]}))}}class Fs extends t.Component{constructor(e){super(e),this._localChange=!1,this.state={value:(void 0!==this.props.value?this.props.value:this.props.target[this.props.propertyName])||"",dragging:!1}}componentWillUnmount(){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}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(this.props.numbersOnly){if(/[^0-9\.\p\x\%\-]/g.test(e))return;e||(e="0"),0===e.search(/0+[0-9\-]/g)&&(e=e.substr(1))}this._localChange=!0;const t=void 0!==this.props.value?this.props.value:this.props.target[this.props.propertyName];this.setState({value:e}),this.props.propertyName&&!this.props.delayInput&&(this.props.target[this.props.propertyName]=e),this.raiseOnPropertyChanged(e,t)}incrementValue(e){if(this.props.step&&(e*=this.props.step),this.props.arrowsIncrement)return void this.props.arrowsIncrement(e);const t=parseFloat(this.state.value);this.updateValue((t+e).toFixed(2))}onKeyDown(e){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===Yr?"":this.state.value,t=this.state.value===Yr?Yr:"";return(0,s.jsxs)("div",Object.assign({className:void 0!==this.props.unit?"textInputLine withUnits":"textInputLine"},{children:[this.props.icon&&(0,s.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,color:"black",className:"icon"}),void 0!==this.props.label&&(0,s.jsx)("div",Object.assign({className:"label",title:this.props.label},{children:this.props.label})),(0,s.jsxs)("div",Object.assign({className:`value${!0===this.props.noUnderline?" noUnderline":""}${this.props.arrows?" hasArrows":""}${this.state.dragging?" dragging":""}`},{children:[(0,s.jsx)("input",{value:e,onBlur:()=>{this.props.lockObject.lock=!1,this.updateValue((void 0!==this.props.value?this.props.value:this.props.target[this.props.propertyName])||"")},onFocus:()=>this.props.lockObject.lock=!0,onChange:e=>this.updateValue(e.target.value),onKeyDown:e=>this.onKeyDown(e),placeholder:t}),this.props.arrows&&(0,s.jsx)(Ys,{incrementValue:e=>this.incrementValue(e),setDragging:e=>this.setState({dragging:e})})]})),void 0!==this.props.unit&&(0,s.jsx)("button",Object.assign({className:this.props.unitLocked?"unit disabled":"unit",onClick:()=>{this.props.onUnitClicked&&!this.props.unitLocked&&this.props.onUnitClicked(this.props.unit||"")}},{children:this.props.unit}))]}))}}var Gs=l(5430);const Hs=new r.Color4(0,0,0,0);class Vs 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===Yr?Hs:this.convertToColor(t):e.isLinear?t.toGammaSpace():t.clone():Hs}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],s="string"==typeof n[this.props.propertyName]?t.toHexString():t;n[this.props.propertyName]=s,this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:n,property:this.props.propertyName,value:s,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))}copyToClipboard(){const e=document.createElement("div");if(e.textContent=this.state.color.toHexString(),document.body.appendChild(e),window.getSelection){const t=document.createRange();t.selectNode(e),window.getSelection().removeAllRanges(),window.getSelection().addRange(t)}document.execCommand("copy"),e.remove()}convertToColor(e){if(""===e||"transparent"===e)return Hs;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 s=n.substring(4,n.length-1).replace(/ /g,"").split(","),a=s.length>3?parseInt(s[3])/255:1;return new r.Color4(parseInt(s[0])/255,parseInt(s[1])/255,parseInt(s[2])/255,a)}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)}render(){const e=this.state.isExpanded?(0,s.jsx)(An,{icon:qn}):(0,s.jsx)(An,{icon:tr});return(0,s.jsxs)("div",Object.assign({className:"color3Line"},{children:[(0,s.jsxs)("div",Object.assign({className:"firstLine"},{children:[this.props.icon&&(0,s.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),(0,s.jsx)("div",Object.assign({className:"label",title:this.props.label},{children:this.props.label})),(0,s.jsx)("div",Object.assign({className:"color3"},{children:(0,s.jsx)(Wr,{linearHint:this.props.isLinear,value:this.props.disableAlpha?this.toColor3(this.state.color):this.state.color,onColorChanged:e=>{this.setColorFromString(e)}})})),this.props.lockObject&&(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"",value:this.state.color.toHexString(),onChange:e=>{this.setColorFromString(e)},onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)("div",Object.assign({className:"copy hoverIcon",onClick:()=>this.copyToClipboard(),title:"Copy to clipboard"},{children:(0,s.jsx)("img",{src:Gs,alt:"Copy"})})),(0,s.jsx)("div",Object.assign({className:"expand hoverIcon",onClick:()=>this.switchExpandState(),title:"Expand"},{children:e}))]})),this.state.isExpanded&&(0,s.jsxs)("div",Object.assign({className:"secondLine"},{children:[(0,s.jsx)(Rs,{label:"r",value:this.state.color.r,onChange:e=>this.updateStateR(e)}),(0,s.jsx)(Rs,{label:"g",value:this.state.color.g,onChange:e=>this.updateStateG(e)}),(0,s.jsx)(Rs,{label:"b",value:this.state.color.b,onChange:e=>this.updateStateB(e)}),this.props.disableAlpha||(0,s.jsx)(Rs,{label:"a",value:this.state.color.a,onChange:e=>this.updateStateA(e)})]}))]}))}}class Zs extends t.Component{render(){const e=this.props;return(0,s.jsx)(Vs,Object.assign({disableAlpha:!0},e))}}class Qs extends t.Component{constructor(e){super(e),this._localChange=!1,this.state={isExpanded:!1,value:this.getCurrentValue().clone()}}getCurrentValue(){return this.props.target[this.props.propertyName]}shouldComponentUpdate(e,t){const n=this.getCurrentValue();return!(n.equals(t.value)&&!this._localChange||(t.value=n.clone(),this._localChange=!1,0))}switchExpandState(){this._localChange=!0,this.setState({isExpanded:!this.state.isExpanded})}raiseOnPropertyChanged(e){this.props.onChange&&this.props.onChange(this.state.value),this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:this.props.target,property:this.props.propertyName,value:this.state.value,initialValue:e})}updateVector3(){const e=this.props.target[this.props.propertyName].clone();this.props.target[this.props.propertyName]=this.state.value,this.setState({value:e}),this.raiseOnPropertyChanged(e)}updateStateX(e){this._localChange=!0,this.state.value.x=e,this.updateVector3()}updateStateY(e){this._localChange=!0,this.state.value.y=e,this.updateVector3()}updateStateZ(e){this._localChange=!0,this.state.value.z=e,this.updateVector3()}render(){const e=this.state.isExpanded?(0,s.jsx)(An,{icon:qn}):(0,s.jsx)(An,{icon:tr});return(0,s.jsxs)("div",Object.assign({className:"vector3Line"},{children:[(0,s.jsxs)("div",Object.assign({className:"firstLine"},{children:[this.props.icon&&(0,s.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),(0,s.jsx)("div",Object.assign({className:"label",title:this.props.label},{children:this.props.label})),(0,s.jsxs)("div",Object.assign({className:"vector"},{children:[!this.props.useEuler&&`X: ${this.state.value.x.toFixed(2)}, Y: ${this.state.value.y.toFixed(2)}, Z: ${this.state.value.z.toFixed(2)}`,this.props.useEuler&&`X: ${r.Tools.ToDegrees(this.state.value.x).toFixed(2)}, Y: ${r.Tools.ToDegrees(this.state.value.y).toFixed(2)}, Z: ${r.Tools.ToDegrees(this.state.value.z).toFixed(2)}`]})),(0,s.jsx)("div",Object.assign({className:"expand hoverIcon",onClick:()=>this.switchExpandState(),title:"Expand"},{children:e}))]})),this.state.isExpanded&&!this.props.useEuler&&(0,s.jsxs)("div",Object.assign({className:"secondLine"},{children:[(0,s.jsx)(Rs,{label:"x",step:this.props.step,value:this.state.value.x,onChange:e=>this.updateStateX(e)}),(0,s.jsx)(Rs,{label:"y",step:this.props.step,value:this.state.value.y,onChange:e=>this.updateStateY(e)}),(0,s.jsx)(Rs,{label:"z",step:this.props.step,value:this.state.value.z,onChange:e=>this.updateStateZ(e)})]})),this.state.isExpanded&&this.props.useEuler&&!this.props.noSlider&&(0,s.jsxs)("div",Object.assign({className:"secondLine"},{children:[(0,s.jsx)(_s,{margin:!0,label:"x",minimum:0,maximum:360,step:.1,directValue:r.Tools.ToDegrees(this.state.value.x),onChange:e=>this.updateStateX(r.Tools.ToRadians(e))}),(0,s.jsx)(_s,{margin:!0,label:"y",minimum:0,maximum:360,step:.1,directValue:r.Tools.ToDegrees(this.state.value.y),onChange:e=>this.updateStateY(r.Tools.ToRadians(e))}),(0,s.jsx)(_s,{margin:!0,label:"z",minimum:0,maximum:360,step:.1,directValue:r.Tools.ToDegrees(this.state.value.z),onChange:e=>this.updateStateZ(r.Tools.ToRadians(e))})]})),this.state.isExpanded&&this.props.useEuler&&this.props.noSlider&&(0,s.jsxs)("div",Object.assign({className:"secondLine"},{children:[(0,s.jsx)(Rs,{label:"x",step:this.props.step,value:r.Tools.ToDegrees(this.state.value.x),onChange:e=>this.updateStateX(r.Tools.ToRadians(e))}),(0,s.jsx)(Rs,{label:"y",step:this.props.step,value:r.Tools.ToDegrees(this.state.value.y),onChange:e=>this.updateStateY(r.Tools.ToRadians(e))}),(0,s.jsx)(Rs,{label:"z",step:this.props.step,value:r.Tools.ToDegrees(this.state.value.z),onChange:e=>this.updateStateZ(r.Tools.ToRadians(e))})]}))]}))}}Qs.defaultProps={step:.001};class Xs extends t.Component{constructor(e){super(e),this._localChange=!1;const t=this.props.target[this.props.propertyName].clone();this.state={isExpanded:!1,value:t,eulerValue:t.toEulerAngles()}}_checkRoundCircle(e,t){return Math.abs(r.Tools.ToDegrees(e))+Math.abs(r.Tools.ToDegrees(t))===360}shouldComponentUpdate(e,t){const n=e.target[e.propertyName];return!(n.equals(t.value)&&!this._localChange||(t.value=n.clone(),t.eulerValue=n.toEulerAngles(),this._checkRoundCircle(t.eulerValue.x,this.state.eulerValue.x)&&(t.eulerValue.x=this.state.eulerValue.x),this._checkRoundCircle(t.eulerValue.y,this.state.eulerValue.y)&&(t.eulerValue.y=this.state.eulerValue.y),this._checkRoundCircle(t.eulerValue.z,this.state.eulerValue.z)&&(t.eulerValue.z=this.state.eulerValue.z),this._localChange=!1,0))}switchExpandState(){this._localChange=!0,this.setState({isExpanded:!this.state.isExpanded})}raiseOnPropertyChanged(e,t){this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:this.props.target,property:this.props.propertyName,value:e,initialValue:t})}updateQuaternion(){const e=this.props.target[this.props.propertyName].clone();this.props.target[this.props.propertyName]=this.state.value,this.setState({value:e}),this.raiseOnPropertyChanged(this.state.value,e)}updateStateX(e){this._localChange=!0,this.state.value.x=e,this.updateQuaternion()}updateStateY(e){this._localChange=!0,this.state.value.y=e,this.updateQuaternion()}updateStateZ(e){this._localChange=!0,this.state.value.z=e,this.updateQuaternion()}updateStateW(e){this._localChange=!0,this.state.value.w=e,this.updateQuaternion()}updateQuaternionFromEuler(){const e=this.state.eulerValue.toQuaternion();this.state.value.x=e.x,this.state.value.y=e.y,this.state.value.z=e.z,this.state.value.w=e.w,this.updateQuaternion()}updateStateEulerX(e){this._localChange=!0,this.state.eulerValue.x=r.Tools.ToRadians(e),this.updateQuaternionFromEuler()}updateStateEulerY(e){this._localChange=!0,this.state.eulerValue.y=r.Tools.ToRadians(e),this.updateQuaternionFromEuler()}updateStateEulerZ(e){this._localChange=!0,this.state.eulerValue.z=r.Tools.ToRadians(e),this.updateQuaternionFromEuler()}render(){const e=this.state.isExpanded?(0,s.jsx)(An,{icon:qn}):(0,s.jsx)(An,{icon:tr}),t=this.state.value,n=this.state.eulerValue.clone();return n.x=r.Tools.ToDegrees(n.x),n.y=r.Tools.ToDegrees(n.y),n.z=r.Tools.ToDegrees(n.z),(0,s.jsxs)("div",Object.assign({className:"vector3Line"},{children:[(0,s.jsxs)("div",Object.assign({className:"firstLine",title:this.props.label+" (Using Quaternion)"},{children:[(0,s.jsx)("div",Object.assign({className:"label"},{children:this.props.label+" (Using Quaternion)"})),(0,s.jsxs)("div",Object.assign({className:"vector"},{children:[!this.props.useEuler&&`X: ${t.x.toFixed(1)}, Y: ${t.y.toFixed(1)}, Z: ${t.z.toFixed(1)}, W: ${t.w.toFixed(1)}`,this.props.useEuler&&`X: ${n.x.toFixed(2)}, Y: ${n.y.toFixed(2)}, Z: ${n.z.toFixed(2)}`]})),(0,s.jsx)("div",Object.assign({className:"expand",onClick:()=>this.switchExpandState()},{children:e}))]})),this.state.isExpanded&&!this.props.useEuler&&(0,s.jsxs)("div",Object.assign({className:"secondLine"},{children:[(0,s.jsx)(Rs,{label:"x",value:t.x,onChange:e=>this.updateStateX(e)}),(0,s.jsx)(Rs,{label:"y",value:t.y,onChange:e=>this.updateStateY(e)}),(0,s.jsx)(Rs,{label:"z",value:t.z,onChange:e=>this.updateStateZ(e)}),(0,s.jsx)(Rs,{label:"w",value:t.w,onChange:e=>this.updateStateW(e)})]})),this.state.isExpanded&&this.props.useEuler&&(0,s.jsxs)("div",Object.assign({className:"secondLine"},{children:[(0,s.jsx)(Ts,{label:"x",target:n,propertyName:"x",onChange:e=>{this.updateStateEulerX(e)}}),(0,s.jsx)(Ts,{label:"y",target:n,propertyName:"y",onChange:e=>{this.updateStateEulerY(e)}}),(0,s.jsx)(Ts,{label:"z",target:n,propertyName:"z",onChange:e=>{this.updateStateEulerZ(e)}})]}))]}))}}class Ks extends t.Component{constructor(e){super(e),this.state={mode:0}}renderInspectable(e){switch(e.type){case r.InspectableType.Checkbox:return(0,s.jsx)(Zr,{label:e.label,target:this.props.target,propertyName:e.propertyName,onPropertyChangedObservable:this.props.onPropertyChangedObservable},e.label);case r.InspectableType.Slider:return(0,s.jsx)(_s,{label:e.label,target:this.props.target,propertyName:e.propertyName,step:void 0!==e.step?e.step:.1,minimum:void 0!==e.min?e.min:0,maximum:void 0!==e.max?e.max:1,onPropertyChangedObservable:this.props.onPropertyChangedObservable},e.label);case r.InspectableType.Vector3:return(0,s.jsx)(Qs,{label:e.label,target:this.props.target,propertyName:e.propertyName,onPropertyChangedObservable:this.props.onPropertyChangedObservable},e.label);case r.InspectableType.Quaternion:return(0,s.jsx)(Xs,{useEuler:this.props.globalState.onlyUseEulers,label:e.label,target:this.props.target,propertyName:e.propertyName,onPropertyChangedObservable:this.props.onPropertyChangedObservable},e.label);case r.InspectableType.Color3:return(0,s.jsx)(Zs,{label:e.label,target:this.props.target,propertyName:e.propertyName,onPropertyChangedObservable:this.props.onPropertyChangedObservable},e.label);case r.InspectableType.String:return(0,s.jsx)(Fs,{label:e.label,lockObject:this.props.lockObject,target:this.props.target,propertyName:e.propertyName,onPropertyChangedObservable:this.props.onPropertyChangedObservable},e.label);case r.InspectableType.Button:return(0,s.jsx)(yr,{label:e.label,onClick:e.callback||function(){console.warn("no call back function added")}},e.label);case r.InspectableType.Options:return(0,s.jsx)(zs,{label:e.label,target:this.props.target,propertyName:e.propertyName,options:e.options||[],onSelect:e.callback||function(e){console.log(`Option ${e} is selected`)}},e.label);case r.InspectableType.Tab:return(0,s.jsx)(Cr,{label:e.label,value:" "},e.label)}return null}render(){const e=this.props.target.inspectableCustomProperties;return e&&0!==e.length?(0,s.jsx)(vr,Object.assign({title:"CUSTOM",selection:this.props.globalState},{children:e.map((e=>this.renderInspectable(e)))})):null}}class qs extends t.Component{constructor(e){super(e),this.onBeforeUnloadListener=()=>{this._window&&this._window.close()},this._container=document.createElement("div"),this._container.id=this.props.id,this._window,this.state={isComponentMounted:!1,blockedByBrowser:!1}}componentDidMount(){this.openPopup(),this.setState({isComponentMounted:!0})}openPopup(){const{title:e,size:t,onClose:n,onOpen:r}=this.props,s=`window_${e}`;this._container=Gp._CreatePopup(e,s,t.width,t.height,!0),this._container&&(this._host=this._container.ownerDocument.createElement("div"),this._host.id="host",this._host.style.width="auto",this._container.appendChild(this._host)),this._window=Gp[s],window.addEventListener("beforeunload",this.onBeforeUnloadListener),this._window?(r&&r(this._window),this._window.addEventListener("keyup",(e=>{this.props.onKeyUp&&this.props.onKeyUp(e)})),this._window.addEventListener("keydown",(e=>{this.props.onKeyDown&&this.props.onKeyDown(e)})),this._window.addEventListener("beforeunload",(()=>this._window&&n(this._window))),this._window.addEventListener("resize",(()=>{this.props.onResize&&this._window&&this.props.onResize(this._window)}))):this._window||this.setState({blockedByBrowser:!0},(()=>{this.state.blockedByBrowser&&console.warn("Popup window couldn't be created")}))}componentWillUnmount(){window.removeEventListener("beforeunload",this.onBeforeUnloadListener),this._window&&this._window.close()}getWindow(){return this._window}render(){return this.state.isComponentMounted&&null!==this._container?n.createPortal(this.props.children,this._host):null}}class Js extends t.Component{constructor(e){super(e),this.state={value:this.props.value,isFocused:!1}}_onChange(e){if(this.props.isNumber){const t=parseFloat(e);if(isNaN(t)){if("-"!==e&&""!==e)return}else this.props.onValueAsNumberChanged&&this.props.onValueAsNumberChanged(t,!0),this._lastKnownGoodValue=t.toString()}this._lastKnownGoodValue=e,this.setState({value:e})}_onBlur(){if(this.props.context.focusedInput=!1,this.props.isNumber){const e=parseFloat(this.state.value);isNaN(e)?this.setState({value:this._lastKnownGoodValue,isFocused:!1}):(this.props.onValueAsNumberChanged&&this.props.onValueAsNumberChanged(e,!1),this.setState({value:e.toString(),isFocused:!1}))}else this.setState({isFocused:!1})}_onFocus(){this.props.context.focusedInput=!0,this.setState({isFocused:!0})}shouldComponentUpdate(e,t){return e!==this.props&&(t.value=e.value),!0}_onKeyPress(e){if("Enter"===e.key){const e=parseFloat(this.state.value);isNaN(e)||this.props.onValueAsNumberChanged&&this.props.onValueAsNumberChanged(e,!1)}}render(){return(0,s.jsx)("input",{type:"text",title:this.props.tooltip,onFocus:()=>this._onFocus(),onBlur:()=>this._onBlur(),className:"text-input"+(this.props.className?" "+this.props.className:""),onChange:e=>this._onChange(this.props.complement?e.target.value.replace(this.props.complement,""):e.target.value),onKeyPress:e=>this._onKeyPress(e),value:(this.state.value||"")+(!this.state.isFocused&&this.props.complement?this.props.complement:""),id:this.props.id})}}class $s extends t.Component{constructor(e){super(e),this.state={}}render(){return(0,s.jsxs)("div",Object.assign({title:this.props.tooltip,className:"control-button"+(this.props.className?" "+this.props.className:""),id:this.props.id,onClick:()=>this.props.onClick()},{children:[(0,s.jsx)("img",{className:"control-button-image",src:this.props.icon}),(0,s.jsx)("img",{className:"control-button-hover-image",src:this.props.hoverIcon})]}))}}var ea=l(187),ta=l(7870),na=l(6797),ra=l(8724),sa=l(2961),aa=l(6479),ia=l(5719),oa=l(7935),la=l(1939),pa=l(2586),ca=l(4817),da=l(2483),ha=l(6670),ua=l(4057),ga=l(7531),ba=l(2551),ma=l(7016),Ca=l(5826);class fa extends t.Component{constructor(e){super(e),this._isMounted=!1,this.state={},this.props.context.onAnimationStateChanged.add((()=>{this._isMounted&&this.forceUpdate()}))}componentDidMount(){this._isMounted=!0}componentWillUnmount(){this._isMounted=!1}_onFirstKey(){this.props.context.onMoveToFrameRequired.notifyObservers(this.props.context.fromKey)}_onPrevKey(){const e=this.props.context.getPrevKey();null!==e&&this.props.context.onMoveToFrameRequired.notifyObservers(e)}_onRewind(){this.props.context.play(!1),this.forceUpdate()}_onForward(){this.props.context.play(!0),this.forceUpdate()}_onPrevFrame(){this.props.context.onMoveToFrameRequired.notifyObservers(Math.max(0,this.props.context.activeFrame-1))}_onNextFrame(){this.props.context.onMoveToFrameRequired.notifyObservers(this.props.context.activeFrame+1)}_onNextKey(){const e=this.props.context.getNextKey();null!==e&&this.props.context.onMoveToFrameRequired.notifyObservers(e)}_onEndKey(){this.props.context.onMoveToFrameRequired.notifyObservers(this.props.context.toKey)}_onStop(){this.props.context.stop(),this.forceUpdate()}render(){return(0,s.jsxs)("div",Object.assign({id:"media-player"},{children:[(0,s.jsx)($s,{tooltip:"Rewind to the first frame of the selected timeline",id:"start-key",context:this.props.context,globalState:this.props.globalState,icon:la,hoverIcon:pa,onClick:()=>this._onFirstKey()}),(0,s.jsx)($s,{tooltip:"Rewind to the previous frame",id:"prev-frame",context:this.props.context,globalState:this.props.globalState,icon:ma,hoverIcon:Ca,onClick:()=>this._onPrevFrame()}),(0,s.jsx)($s,{tooltip:"Rewind to the previous key frame",id:"first-key",context:this.props.context,globalState:this.props.globalState,icon:ea,hoverIcon:ta,onClick:()=>this._onPrevKey()}),(this.props.context.isPlaying&&this.props.context.forwardAnimation||!this.props.context.isPlaying)&&(0,s.jsx)($s,{tooltip:"Play backwards",id:"rev-key",context:this.props.context,globalState:this.props.globalState,icon:na,hoverIcon:ra,onClick:()=>this._onRewind()}),this.props.context.isPlaying&&!this.props.context.forwardAnimation&&(0,s.jsx)($s,{tooltip:"Stop",id:"stop-key",context:this.props.context,globalState:this.props.globalState,icon:ha,hoverIcon:ua,onClick:()=>this._onStop()}),(this.props.context.isPlaying&&!this.props.context.forwardAnimation||!this.props.context.isPlaying)&&(0,s.jsx)($s,{tooltip:"Play forwards",id:"fwd-key",context:this.props.context,globalState:this.props.globalState,icon:sa,hoverIcon:aa,onClick:()=>this._onForward()}),this.props.context.isPlaying&&this.props.context.forwardAnimation&&(0,s.jsx)($s,{tooltip:"Stop",id:"stop-key",context:this.props.context,globalState:this.props.globalState,icon:ha,hoverIcon:ua,onClick:()=>this._onStop()}),(0,s.jsx)($s,{tooltip:"Advance to the next key frame",id:"next-key",context:this.props.context,globalState:this.props.globalState,icon:ia,hoverIcon:oa,onClick:()=>this._onNextKey()}),(0,s.jsx)($s,{tooltip:"Advance to the next frame",id:"next-frame",context:this.props.context,globalState:this.props.globalState,icon:ga,hoverIcon:ba,onClick:()=>this._onNextFrame()}),(0,s.jsx)($s,{tooltip:"Advance to the last frame of the selected timeline",id:"end-key",context:this.props.context,globalState:this.props.globalState,icon:ca,hoverIcon:da,onClick:()=>this._onEndKey()})]}))}}var va=l(4431);class Aa extends t.Component{constructor(e){super(e),this._viewWidth=748,this.state={},this._rangeHost=t.createRef(),this._rangeScrollbarHost=t.createRef(),this.props.context.onHostWindowResized.add((()=>{this._computeSizes()})),this.props.context.onFrameSet.add((()=>{this.forceUpdate()})),this.props.context.onAnimationsLoaded.add((()=>{this.forceUpdate()})),this._updateLimits()}_computeSizes(){this._rangeHost.current&&(this._viewWidth=this._rangeHost.current.clientWidth-4,this.forceUpdate())}_onPointerDown(e){this._bothHandleIsActive=!1,"left-handle"===e.nativeEvent.target.id?this._leftHandleIsActive=!0:"right-handle"===e.nativeEvent.target.id?this._leftHandleIsActive=!1:(this._bothHandleIsActive=!0,this._currentOffset=e.nativeEvent.clientX,this._currentFrom=this.props.context.fromKey,this._currentTo=this.props.context.toKey),this._pointerIsDown=!0,e.currentTarget.setPointerCapture(e.pointerId)}_onPointerMove(e){if(!this._pointerIsDown)return;if(!this.props.context.animations||!this.props.context.animations.length)return;this._updateLimits();let t=e.nativeEvent.offsetX;this._bothHandleIsActive&&(t=e.nativeEvent.clientX-this._currentOffset);let n=t/this._viewWidth*(this._maxFrame-this._minFrame);const r=Math.min(this._maxFrame,Math.max(this._minFrame,Math.round(this._minFrame+n)));this._bothHandleIsActive?(this._currentTo+n>this._maxFrame&&(n=this._maxFrame-this._currentTo),this._currentFrom+n<this._minFrame&&(n=this._minFrame-this._currentFrom),this.props.context.fromKey=Math.min(this._maxFrame,Math.max(this._minFrame,this._currentFrom+n|0)),this.props.context.toKey=Math.min(this._maxFrame,Math.max(this._minFrame,this._currentTo+n|0))):this._leftHandleIsActive?(this.props.context.fromKey=r,this.props.context.fromKey=Math.min(this.props.context.toKey-1,this.props.context.fromKey)):(this.props.context.toKey=r,this.props.context.toKey=Math.max(this.props.context.fromKey+1,this.props.context.toKey)),this.props.context.onRangeUpdated.notifyObservers(),this.props.context.stop(),this.forceUpdate()}_updateLimits(){if(!this.props.context.animations||!this.props.context.animations.length)return;let e=Number.MAX_VALUE,t=-Number.MAX_VALUE;for(const n of this.props.context.animations){const r=this.props.context.useTargetAnimations?n.animation.getKeys():n.getKeys();e=Math.min(e,r[0].frame),t=Math.max(t,r[r.length-1].frame)}this._minFrame=e,this._maxFrame=t}_onPointerUp(e){this._pointerIsDown=!1,e.currentTarget.releasePointerCapture(e.pointerId)}render(){this._updateLimits();const e=this._maxFrame-this._minFrame;return this.props.context.toKey>this._maxFrame&&(this.props.context.toKey=this._maxFrame),(0,s.jsx)("div",Object.assign({id:"range-selector",ref:this._rangeHost,onPointerDown:e=>this._onPointerDown(e),onPointerMove:e=>this._onPointerMove(e),onPointerUp:e=>this._onPointerUp(e)},{children:(0,s.jsxs)("div",Object.assign({id:"range-scrollbar",ref:this._rangeScrollbarHost,style:{left:2+(this.props.context.fromKey-this._minFrame)/e*this._viewWidth+"px",right:2+(this._maxFrame-this.props.context.toKey)/e*this._viewWidth+"px"}},{children:[(0,s.jsx)("div",Object.assign({id:"left-handle",className:"handle"},{children:(0,s.jsx)("img",{src:va})})),(0,s.jsx)("div",Object.assign({id:"from-key"},{children:0|this.props.context.fromKey})),(0,s.jsx)("div",Object.assign({id:"to-key"},{children:0|this.props.context.toKey})),(0,s.jsx)("div",Object.assign({id:"right-handle",className:"handle"},{children:(0,s.jsx)("img",{src:va})}))]}))}))}}var xa=l(684),ya={};ya.styleTagTransform=Ir(),ya.setAttributes=Er(),ya.insert=Pr().bind(null,"head"),ya.domAPI=Lr(),ya.insertStyleElement=Tr(),Mr()(xa.Z,ya),xa.Z&&xa.Z.locals&&xa.Z.locals;class ja extends t.Component{constructor(e){super(e),this.state={clipLength:this.props.context.clipLength?this.props.context.clipLength.toFixed(0):this.props.context.referenceMaxFrame.toFixed(0)},this._onAnimationsLoadedObserver=this.props.context.onAnimationsLoaded.add((()=>{this.forceUpdate()})),this._onActiveAnimationChangedObserver=this.props.context.onActiveAnimationChanged.add((()=>{this.forceUpdate()})),this._onClipLengthIncreasedObserver=this.props.context.onClipLengthIncreased.add((e=>{this.props.context.clipLength=e,this.props.context.onMoveToFrameRequired.notifyObservers(e),null!==this.props.context.getKeyAtAnyFrameIndex(e)||this.props.context.onCreateOrUpdateKeyPointRequired.notifyObservers(),this.setState({clipLength:e.toFixed(0)})})),this._onClipLengthIncreasedObserver=this.props.context.onClipLengthDecreased.add((e=>{this.props.context.clipLength=e,this.props.context.onMoveToFrameRequired.notifyObservers(e),null!==this.props.context.getKeyAtAnyFrameIndex(e)||this.props.context.onCreateOrUpdateKeyPointRequired.notifyObservers(),this.props.context.toKey=Math.min(this.props.context.toKey,this.props.context.clipLength),this.props.context.onRangeUpdated.notifyObservers(),this.setState({clipLength:e.toFixed(0)})}))}_changeClipLength(e){const t=this.props.context.clipLength||this.props.context.referenceMaxFrame;t<e?this.props.context.onClipLengthIncreased.notifyObservers(e):t>e&&this.props.context.onClipLengthDecreased.notifyObservers(e),this.setState({clipLength:e.toFixed(0)})}componentWillUnmount(){this._onAnimationsLoadedObserver&&this.props.context.onAnimationsLoaded.remove(this._onAnimationsLoadedObserver),this._onActiveAnimationChangedObserver&&this.props.context.onActiveAnimationChanged.remove(this._onActiveAnimationChangedObserver),this._onClipLengthDecreasedObserver&&this.props.context.onClipLengthDecreased.remove(this._onClipLengthDecreasedObserver),this._onClipLengthIncreasedObserver&&this.props.context.onClipLengthDecreased.remove(this._onClipLengthIncreasedObserver)}render(){return(0,s.jsxs)("div",Object.assign({id:"bottom-bar"},{children:[(0,s.jsx)(fa,{globalState:this.props.globalState,context:this.props.context}),(0,s.jsx)(Aa,{globalState:this.props.globalState,context:this.props.context}),this.props.context.activeAnimations.length>0&&(0,s.jsx)("div",Object.assign({id:"bottom-bar-total"},{children:(0,s.jsx)(Js,{isNumber:!0,value:this.state.clipLength,tooltip:"Clip Length",id:"clip-range",onValueAsNumberChanged:(e,t)=>{!t&&this._changeClipLength(e)},globalState:this.props.globalState,context:this.props.context})}))]}))}}class wa extends t.Component{constructor(e){super(e),this.state={}}render(){return(0,s.jsx)("div",Object.assign({title:this.props.tooltip,className:"action-button"+(this.props.isActive?" active":"")+(this.props.className?" "+this.props.className:""),id:this.props.id,onClick:()=>this.props.onClick()},{children:(0,s.jsx)("img",{className:"action-button-image",src:this.props.icon})}))}}var Oa=l(1023),Sa={};Sa.styleTagTransform=Ir(),Sa.setAttributes=Er(),Sa.insert=Pr().bind(null,"head"),Sa.domAPI=Lr(),Sa.insertStyleElement=Tr(),Mr()(Oa.Z,Sa),Oa.Z&&Oa.Z.locals&&Oa.Z.locals;var Ma=l(6896),Na=l(8561),La=l(8868),ka=l(6627),Pa=l(5857),Da=l(8462),Ea=l(6427),Ba=l(3103);class Ta extends t.Component{constructor(e){super(e),this.state={keyFrameValue:"",keyValue:"",frameControlEnabled:!1,valueControlEnabled:!1},this._onFrameSetObserver=this.props.context.onFrameSet.add((e=>{this.setState({keyFrameValue:e.toFixed(0)})})),this._onValueSetObserver=this.props.context.onValueSet.add((e=>{this.setState({keyValue:e.toFixed(2)})})),this._onActiveAnimationChangedObserver=this.props.context.onActiveAnimationChanged.add((()=>{this.setState({keyFrameValue:"",keyValue:""})})),this.onActiveKeyPointChanged=this.props.context.onActiveKeyPointChanged.add((()=>{var e,t;const n=(null===(e=this.props.context.activeKeyPoints)||void 0===e?void 0:e.length)||0,r=new Set(null===(t=this.props.context.activeKeyPoints)||void 0===t?void 0:t.map((e=>e.props.curve.animation.uniqueId))).size,s=1===n&&1===r||n>1&&r>1,a=n>0,i=this.props.context.hasActiveQuaternionAnimationKeyPoints();this.setState({keyFrameValue:"",keyValue:"",frameControlEnabled:s&&!i,valueControlEnabled:a&&!i})}))}componentWillUnmount(){this._onFrameSetObserver&&this.props.context.onFrameSet.remove(this._onFrameSetObserver),this._onValueSetObserver&&this.props.context.onValueSet.remove(this._onValueSetObserver),this._onActiveAnimationChangedObserver&&this.props.context.onActiveAnimationChanged.remove(this._onActiveAnimationChangedObserver),this.onActiveKeyPointChanged&&this.props.context.onActiveKeyPointChanged.remove(this.onActiveKeyPointChanged)}render(){const e=this.props.context.activeAnimations.length>0;return(0,s.jsxs)("div",Object.assign({id:"top-bar"},{children:[(0,s.jsx)("img",{id:"top-bar-logo",src:Ma}),(0,s.jsx)("div",Object.assign({id:"top-bar-parent-name"},{children:this.props.context.title})),(0,s.jsx)(Js,{className:e&&this.state.frameControlEnabled?"":"disabled",isNumber:!0,value:this.state.keyFrameValue,tooltip:"Frame",id:"key-frame",onValueAsNumberChanged:e=>this.props.context.onFrameManuallyEntered.notifyObservers(e),globalState:this.props.globalState,context:this.props.context}),(0,s.jsx)(Js,{className:e&&this.state.valueControlEnabled?"":"disabled",isNumber:!0,value:this.state.keyValue,tooltip:"Value",id:"key-value",onValueAsNumberChanged:e=>this.props.context.onValueManuallyEntered.notifyObservers(e),globalState:this.props.globalState,context:this.props.context}),(0,s.jsx)(wa,{className:e?"":"disabled",tooltip:"New key",id:"new-key",globalState:this.props.globalState,context:this.props.context,icon:La,onClick:()=>this.props.context.onCreateOrUpdateKeyPointRequired.notifyObservers()}),(0,s.jsx)(wa,{tooltip:"Frame canvas",id:"frame-canvas",globalState:this.props.globalState,context:this.props.context,icon:Na,onClick:()=>this.props.context.onFrameRequired.notifyObservers()}),(0,s.jsx)(wa,{className:this.props.context.activeKeyPoints&&this.props.context.activeKeyPoints.length>0?"":"disabled",tooltip:"Flatten tangent",id:"flatten-tangent",globalState:this.props.globalState,context:this.props.context,icon:ka,onClick:()=>this.props.context.onFlattenTangentRequired.notifyObservers()}),(0,s.jsx)(wa,{className:this.props.context.activeKeyPoints&&this.props.context.activeKeyPoints.length>0?"":"disabled",tooltip:"Linear tangent",id:"linear-tangent",globalState:this.props.globalState,context:this.props.context,icon:Pa,onClick:()=>this.props.context.onLinearTangentRequired.notifyObservers()}),(0,s.jsx)(wa,{className:this.props.context.activeKeyPoints&&this.props.context.activeKeyPoints.length>0?"":"disabled",tooltip:"Break tangent",id:"break-tangent",globalState:this.props.globalState,context:this.props.context,icon:Da,onClick:()=>this.props.context.onBreakTangentRequired.notifyObservers()}),(0,s.jsx)(wa,{className:this.props.context.activeKeyPoints&&this.props.context.activeKeyPoints.length>0?"":"disabled",tooltip:"Unify tangent",id:"unify-tangent",globalState:this.props.globalState,context:this.props.context,icon:Ea,onClick:()=>this.props.context.onUnifyTangentRequired.notifyObservers()}),(0,s.jsx)(wa,{className:this.props.context.activeKeyPoints&&this.props.context.activeKeyPoints.length>0?"":"disabled",tooltip:"Step tangent",id:"step-tangent",globalState:this.props.globalState,context:this.props.context,icon:Ba,onClick:()=>this.props.context.onStepTangentRequired.notifyObservers()})]}))}}class _a extends t.Component{constructor(e){super(e),this._GraphAbsoluteWidth=788,this._viewWidth=748,this._viewScale=1,this._offsetX=0,this.state={},this._svgHost=t.createRef(),this.props.context.onHostWindowResized.add((()=>{this._computeSizes()})),this._onActiveAnimationChangedObserver=this.props.context.onActiveAnimationChanged.add((()=>{this._computeSizes(),this.forceUpdate()})),this.props.context.onGraphMoved.add((e=>{this._offsetX=e,this.forceUpdate()})),this.props.context.onGraphScaled.add((e=>{this._viewScale=e,this.forceUpdate()}))}componentWillUnmount(){this._onActiveAnimationChangedObserver&&this.props.context.onActiveAnimationChanged.remove(this._onActiveAnimationChangedObserver)}_computeSizes(){this._svgHost.current&&(this._viewWidth=this._svgHost.current.clientWidth,this.forceUpdate())}_buildFrames(){if(0===this.props.context.activeAnimations.length)return null;const e=this.props.context.referenceMinFrame,t=(this.props.context.referenceMaxFrame-e)/this._GraphAbsoluteWidth,n=Math.max(25*this._viewScale,35);let r=Math.floor(n*t);const a=[];0===r&&(r=1);const i=this._offsetX*t,o=e-(i/r|0)*r,l=o+this._viewWidth*this._viewScale*t;for(let e=o-r;e<=l+r;e+=r)a.push(e);return a.map(((n,r)=>{const a=(n-e)/t;return(0,s.jsxs)("g",{children:[(0,s.jsx)("line",{x1:a,y1:5*this._viewScale+"px",x2:a,y2:30*this._viewScale+"px",style:{stroke:"#333333",strokeWidth:.5}},"line"+n),(0,s.jsx)("text",Object.assign({x:a,y:0,dx:7*this._viewScale+"px",textAnchor:"middle",dy:15*this._viewScale+"px",style:{fontFamily:"acumin-pro-condensed",fontSize:10*this._viewScale+"px",fill:"#555555",textAlign:"center"}},{children:n.toFixed(0)}),"label"+n)]},"axis"+n)}))}render(){const e=`${-this._offsetX} 0 ${Math.round(this._viewWidth*this._viewScale)} ${Math.round(30*this._viewScale)}`;return(0,s.jsxs)("div",Object.assign({id:"frame-bar"},{children:[this.props.context.activeAnimations.length>0&&(0,s.jsx)("div",{id:"angle-unit"}),(0,s.jsx)("div",Object.assign({id:"frames"},{children:(0,s.jsx)("svg",Object.assign({id:"svg-frames",viewBox:e,ref:this._svgHost},{children:this._buildFrames()}))}))]}))}}class Ia{constructor(e,t,n,s,a,i){this.keys=new Array,this.onDataUpdatedObservable=new r.Observable,this.color=e,this.animation=t,this.property=n,this.tangentBuilder=s,this.setDefaultInTangent=a,this.setDefaultOutTangent=i}getPathData(e,t){const n=this.keys;if(n.length<2)return"";let s=`M${e(n[0].frame)} ${t(n[0].value)}`;const a=this.animation.dataType;for(let i=1;i<n.length;i++){const o=n[i-1].outTangent,l=n[i].inTangent,p=n[i].frame,c=n[i].value,d=n[i-1].frame,h=n[i-1].value,u=p-d;if(n[i-1].interpolation!==r.AnimationKeyInterpolation.STEP)if(void 0!==o||void 0!==l||a===r.Animation.ANIMATIONTYPE_QUATERNION){for(let n=d;n<p;n+=u/Ia.SampleRate){const r=this.animation.evaluate(n),a=this.property?r[this.property]:r;s+=` L${e(n)} ${t(a)}`}s+=` L${e(p)} ${t(c)}`}else s+=` L${e(p)} ${t(c)}`;else s+=`L ${e(p)} ${t(h)}`,s+=`L ${e(p)} ${t(c)}`}return s}updateLockedTangentMode(e,t){this.keys[e].lockedTangent=t,this.animation.getKeys()[e].lockedTangent=t}updateInterpolationMode(e,t){this.keys[e].interpolation=t,this.animation.getKeys()[e].interpolation=t,this.onDataUpdatedObservable.notifyObservers()}getInControlPoint(e){if(0===e)return 0;let t=this.keys[e].inTangent;return void 0===t&&this.hasDefinedInTangent(e)&&(t=this.evaluateInTangent(e)),t}getOutControlPoint(e){const t=this.keys;if(e===t.length-1)return 0;let n=t[e].outTangent;return void 0===n&&this.hasDefinedOutTangent(e)&&(n=this.evaluateOutTangent(e)),n}hasDefinedOutTangent(e){const t=this.keys;return e!==this.keys.length-1&&t[e].frame!==t[e+1].frame}evaluateOutTangent(e){const t=this.keys,n=t[e].frame,r=t[e+1].frame;return(t[e+1].value-t[e].value)/(r-n)}hasDefinedInTangent(e){if(0===e)return!1;const t=this.keys;return t[e-1].frame!==t[e].frame}evaluateInTangent(e){const t=this.keys,n=t[e-1].frame,r=t[e].frame;return(t[e].value-t[e-1].value)/(r-n)}storeDefaultInTangent(e){const t=this.keys,n=this.animation.getKeys();this.hasDefinedInTangent(e)&&(t[e].inTangent=this.evaluateInTangent(e)),this.property?(n[e].inTangent||(n[e].inTangent=this.tangentBuilder(),this.setDefaultInTangent(e)),n[e].inTangent[this.property]=t[e].inTangent):n[e].inTangent=t[e].inTangent}storeDefaultOutTangent(e){const t=this.keys,n=this.animation.getKeys();this.hasDefinedOutTangent(e)&&(t[e].outTangent=this.evaluateOutTangent(e)),this.property?(n[e].outTangent||(n[e].outTangent=this.tangentBuilder(),this.setDefaultOutTangent(e)),n[e].outTangent[this.property]=t[e].outTangent):n[e].outTangent=t[e].outTangent}updateInTangentFromControlPoint(e,t){const n=this.keys;n[e].inTangent=t;const r=this.animation.getKeys();this.property?(r[e].inTangent||(r[e].inTangent=this.tangentBuilder(),this.setDefaultInTangent(e)),r[e-1].outTangent||(r[e-1].outTangent=this.tangentBuilder(),this.setDefaultOutTangent(e-1)),r[e].inTangent[this.property]=n[e].inTangent):(r[e].inTangent=n[e].inTangent,void 0===r[e-1].outTangent&&this.storeDefaultOutTangent(e-1)),this.onDataUpdatedObservable.notifyObservers()}updateOutTangentFromControlPoint(e,t){const n=this.keys;n[e].outTangent=t;const r=this.animation.getKeys();this.property?(r[e+1].inTangent||(r[e+1].inTangent=this.tangentBuilder(),this.setDefaultInTangent(e+1)),r[e].outTangent||(r[e].outTangent=this.tangentBuilder(),this.setDefaultOutTangent(e)),r[e].outTangent[this.property]=n[e].outTangent):(r[e].outTangent=n[e].outTangent,void 0===r[e+1].inTangent&&this.storeDefaultInTangent(e+1)),this.onDataUpdatedObservable.notifyObservers()}updateKeyFrame(e,t){this.animation.getKeys()[e].frame=t,this.keys[e].frame=t,this.onDataUpdatedObservable.notifyObservers()}updateKeyValue(e,t){this.keys[e].value=t;const n=this.animation.getKeys()[e];this.property?n.value[this.property]=t:n.value=t,this.onDataUpdatedObservable.notifyObservers()}}Ia.SampleRate=50,Ia.TangentLength=50;const za=l(6023),Ra=l(9460),Ua=l(8683);var Wa,Ya;!function(e){e[e.None=0]="None",e[e.Selected=1]="Selected",e[e.Siblings=2]="Siblings"}(Wa||(Wa={})),function(e){e[e.None=0]="None",e[e.Key=1]="Key",e[e.TangentLeft=2]="TangentLeft",e[e.TangentRight=3]="TangentRight"}(Ya||(Ya={}));class Fa extends t.Component{constructor(e){super(e),this._controlMode=Ya.None,this._lockX=!1,this._lockY=!1,this._accumulatedX=0,this._accumulatedY=0,this.state={selectedState:Wa.None,x:this.props.x,y:this.props.y,tangentSelectedIndex:-1},this._svgHost=t.createRef(),this._keyPointSVG=t.createRef(),this._onSelectAllKeysObserver=this.props.context.onSelectAllKeys.add((()=>{var e,t;-1!==(null===(e=this.props.context.activeKeyPoints)||void 0===e?void 0:e.indexOf(this))||null===(t=this.props.context.activeKeyPoints)||void 0===t||t.push(this)})),this._onUnifyTangentRequiredObserver=this.props.context.onUnifyTangentRequired.add((()=>{var e;-1!==(null===(e=this.props.context.activeKeyPoints)||void 0===e?void 0:e.indexOf(this))&&this._unifyTangent()})),this._onBreakTangentRequiredObserver=this.props.context.onBreakTangentRequired.add((()=>{var e;-1!==(null===(e=this.props.context.activeKeyPoints)||void 0===e?void 0:e.indexOf(this))&&this._breakTangent()})),this._onFlattenTangentRequiredObserver=this.props.context.onFlattenTangentRequired.add((()=>{var e;-1!==(null===(e=this.props.context.activeKeyPoints)||void 0===e?void 0:e.indexOf(this))&&this._flattenTangent()})),this._onLinearTangentRequiredObserver=this.props.context.onLinearTangentRequired.add((()=>{var e;-1!==(null===(e=this.props.context.activeKeyPoints)||void 0===e?void 0:e.indexOf(this))&&this._linearTangent()})),this._onStepTangentRequiredObserver=this.props.context.onStepTangentRequired.add((()=>{var e;-1!==(null===(e=this.props.context.activeKeyPoints)||void 0===e?void 0:e.indexOf(this))&&this._stepTangent()})),this._onSelectionRectangleMovedObserver=this.props.context.onSelectionRectangleMoved.add((e=>{if(!this._keyPointSVG.current)return;if(this.props.curve.animation.dataType===r.Animation.ANIMATIONTYPE_QUATERNION)return;const t=this._keyPointSVG.current.getBoundingClientRect(),n=!(e.right<t.left||e.left>t.right||e.bottom<t.top||e.top>t.bottom);this.props.context.activeKeyPoints||(this.props.context.activeKeyPoints=[]);const s=this.props.context.activeKeyPoints.indexOf(this);n?-1===s&&(this.props.context.activeKeyPoints.push(this),this.props.context.onActiveKeyPointChanged.notifyObservers()):s>-1&&(this.props.context.activeKeyPoints.splice(s,1),this.props.context.onActiveKeyPointChanged.notifyObservers())})),this._onMainKeyPointSetObserver=this.props.context.onMainKeyPointSet.add((()=>{var e,t;this.props.context.mainKeyPoint&&this.props.context.mainKeyPoint!==this&&(this._offsetXToMain=this.state.x-(null===(e=this.props.context.mainKeyPoint)||void 0===e?void 0:e.state.x),this._offsetYToMain=this.state.y-(null===(t=this.props.context.mainKeyPoint)||void 0===t?void 0:t.state.y))})),this._onMainKeyPointMovedObserver=this.props.context.onMainKeyPointMoved.add((()=>{const e=this.props.context.mainKeyPoint;if(e!==this&&e){if(this.state.selectedState!==Wa.None&&0!==this.props.keyId){const t=e.state.x+this._offsetXToMain;this.setState({x:t}),this.props.onFrameValueChanged(this.props.invertX(t))}if(this.state.selectedState===Wa.Selected){const t=e.state.y+this._offsetYToMain;this.setState({y:t}),this.props.onKeyValueChanged(this.props.invertY(t))}}})),this._onActiveKeyPointChangedObserver=this.props.context.onActiveKeyPointChanged.add((()=>{var e;const t=-1!==(null===(e=this.props.context.activeKeyPoints)||void 0===e?void 0:e.indexOf(this));if(!t&&this.props.context.activeKeyPoints){const e=this.props.curve;let t=Wa.None;for(const n of this.props.context.activeKeyPoints)if(n.props.keyId===this.props.keyId&&e!==n.props.curve&&e.animation===n.props.curve.animation){t=Wa.Siblings;break}this.setState({selectedState:t,tangentSelectedIndex:-1})}else this.setState({selectedState:Wa.Selected,tangentSelectedIndex:-1});t&&(this.props.context.onFrameSet.notifyObservers(this.props.invertX(this.state.x)),this.props.context.onValueSet.notifyObservers(this.props.invertY(this.state.y)))})),this._onActiveKeyFrameChangedObserver=this.props.context.onActiveKeyFrameChanged.add((e=>{this.state.selectedState!==Wa.Siblings||this.props.context.mainKeyPoint||(this.setState({x:e}),this.props.onFrameValueChanged(this.props.invertX(e)))})),this._onFrameManuallyEnteredObserver=this.props.context.onFrameManuallyEntered.add((e=>{if(this.state.selectedState===Wa.None)return;let t=this.props.convertX(e);const n=this.props.getPreviousX(),r=this.props.getNextX();null!==n&&(t=Math.max(n,t)),null!==r&&(t=Math.min(r,t));const s=this.props.invertX(t);this.setState({x:t}),this.props.onFrameValueChanged(s)})),this._onValueManuallyEnteredObserver=this.props.context.onValueManuallyEntered.add((e=>{if(this.state.selectedState!==Wa.Selected)return;const t=this.props.convertY(e);this.setState({y:t}),this.props.onKeyValueChanged(e)}))}componentWillUnmount(){this._onSelectAllKeysObserver&&this.props.context.onSelectAllKeys.remove(this._onSelectAllKeysObserver),this._onUnifyTangentRequiredObserver&&this.props.context.onUnifyTangentRequired.remove(this._onUnifyTangentRequiredObserver),this._onBreakTangentRequiredObserver&&this.props.context.onBreakTangentRequired.remove(this._onBreakTangentRequiredObserver),this._onFlattenTangentRequiredObserver&&this.props.context.onFlattenTangentRequired.remove(this._onFlattenTangentRequiredObserver),this._onLinearTangentRequiredObserver&&this.props.context.onLinearTangentRequired.remove(this._onLinearTangentRequiredObserver),this._onStepTangentRequiredObserver&&this.props.context.onStepTangentRequired.remove(this._onStepTangentRequiredObserver),this._onSelectionRectangleMovedObserver&&this.props.context.onSelectionRectangleMoved.remove(this._onSelectionRectangleMovedObserver),this._onMainKeyPointSetObserver&&this.props.context.onMainKeyPointSet.remove(this._onMainKeyPointSetObserver),this._onMainKeyPointMovedObserver&&this.props.context.onMainKeyPointMoved.remove(this._onMainKeyPointMovedObserver),this._onActiveKeyPointChangedObserver&&this.props.context.onActiveKeyPointChanged.remove(this._onActiveKeyPointChangedObserver),this._onActiveKeyFrameChangedObserver&&this.props.context.onActiveKeyFrameChanged.remove(this._onActiveKeyFrameChangedObserver),this._onFrameManuallyEnteredObserver&&this.props.context.onFrameManuallyEntered.remove(this._onFrameManuallyEnteredObserver),this._onValueManuallyEnteredObserver&&this.props.context.onValueManuallyEntered.remove(this._onValueManuallyEnteredObserver)}shouldComponentUpdate(e,t){return e!==this.props&&(t.x=e.x,t.y=e.y),!0}_breakTangent(){this.props.context.onInterpolationModeSet.notifyObservers({keyId:this.props.keyId,value:r.AnimationKeyInterpolation.NONE}),this.props.curve.updateLockedTangentMode(this.props.keyId,!1),this.forceUpdate()}_unifyTangent(){this.props.context.onInterpolationModeSet.notifyObservers({keyId:this.props.keyId,value:r.AnimationKeyInterpolation.NONE}),this.props.curve.updateLockedTangentMode(this.props.keyId,!0),this.forceUpdate()}_flattenTangent(){this.props.context.onInterpolationModeSet.notifyObservers({keyId:this.props.keyId,value:r.AnimationKeyInterpolation.NONE}),-1!==this.state.tangentSelectedIndex&&0!==this.state.tangentSelectedIndex||0!==this.props.keyId&&this.props.curve.updateInTangentFromControlPoint(this.props.keyId,0),-1!==this.state.tangentSelectedIndex&&1!==this.state.tangentSelectedIndex||this.props.keyId!==this.props.curve.keys.length-1&&this.props.curve.updateOutTangentFromControlPoint(this.props.keyId,0),this.forceUpdate()}_linearTangent(){this.props.context.onInterpolationModeSet.notifyObservers({keyId:this.props.keyId,value:r.AnimationKeyInterpolation.NONE}),-1!==this.state.tangentSelectedIndex&&0!==this.state.tangentSelectedIndex||0!==this.props.keyId&&this.props.curve.storeDefaultInTangent(this.props.keyId),-1!==this.state.tangentSelectedIndex&&1!==this.state.tangentSelectedIndex||this.props.keyId!==this.props.curve.keys.length-1&&this.props.curve.storeDefaultOutTangent(this.props.keyId),this.props.curve.onDataUpdatedObservable.notifyObservers(),this.forceUpdate()}_stepTangent(){this.props.context.onInterpolationModeSet.notifyObservers({keyId:this.props.keyId,value:r.AnimationKeyInterpolation.STEP}),this.forceUpdate()}_select(e){if(!this.props.context.activeKeyPoints)return;const t=this.props.context.activeKeyPoints.indexOf(this);-1===t?(e||(this.props.context.activeKeyPoints=[]),this.props.context.activeKeyPoints.push(this),this.props.context.activeKeyPoints.length>1?(this.props.context.mainKeyPoint=this,this.props.context.onMainKeyPointSet.notifyObservers()):this.props.context.mainKeyPoint=null):e?(this.props.context.activeKeyPoints.splice(t,1),this.props.context.mainKeyPoint=null):this.props.context.activeKeyPoints.length>1?(this.props.context.mainKeyPoint=this,this.props.context.onMainKeyPointSet.notifyObservers()):this.props.context.mainKeyPoint=null}_onPointerDown(e){this.props.context.activeKeyPoints||(this.props.context.activeKeyPoints=[]),e.preventDefault();const t=this.props.curve.animation.dataType===r.Animation.ANIMATIONTYPE_QUATERNION;if(t)return;this._select(e.nativeEvent.ctrlKey),this.props.context.onActiveKeyPointChanged.notifyObservers(),this._pointerIsDown=!0,e.currentTarget.setPointerCapture(e.pointerId),this._sourcePointerX=e.nativeEvent.offsetX,this._sourcePointerY=e.nativeEvent.offsetY;const n=e.nativeEvent.target;"image"!==n.tagName||t?n.classList.contains("left-tangent")&&!t?(this._controlMode=Ya.TangentLeft,this.setState({tangentSelectedIndex:0})):n.classList.contains("right-tangent")&&!t&&(this._controlMode=Ya.TangentRight,this.setState({tangentSelectedIndex:1})):(this._controlMode=Ya.Key,this.setState({tangentSelectedIndex:-1})),this._lockX=!1,this._lockY=!1,this._accumulatedX=0,this._accumulatedY=0,e.stopPropagation()}_extractSlope(e,t,n){n&&e.x>=0?e.x=-.01:!n&&e.x<=0&&(e.x=.01);const r=e.clone();r.normalize(),r.scaleInPlace(t);const s=this.props.curve.keys;return(n?s[this.props.keyId].value-this.props.invertY(r.y+this.state.y):this.props.invertY(r.y+this.state.y)-s[this.props.keyId].value)/(n?s[this.props.keyId].frame-this.props.invertX(r.x+this.state.x):this.props.invertX(r.x+this.state.x)-s[this.props.keyId].frame)}_processTangentMove(e,t,n,r){return t.x+=(e.nativeEvent.offsetX-this._sourcePointerX)*this.props.scale,t.y+=(e.nativeEvent.offsetY-this._sourcePointerY)*this.props.scale,this._extractSlope(t,n,r)}_onPointerMove(e){if(this._pointerIsDown&&this.state.selectedState===Wa.Selected&&!this.props.context.hasActiveQuaternionAnimationKeyPoints()){if(this._controlMode===Ya.Key){const t=e.nativeEvent.offsetX-this._sourcePointerX,n=e.nativeEvent.offsetY-this._sourcePointerY;e.shiftKey?this._lockX||this._lockY||(this._accumulatedX+=Math.abs(t),this._accumulatedY+=Math.abs(n),(this._accumulatedX>5||this._accumulatedY>5)&&(this._accumulatedX>this._accumulatedY?this._lockY=!0:this._lockX=!0)):(this._lockX=!1,this._lockY=!1);let r=this.state.x+(this._lockX?0:t*this.props.scale),s=this.state.y+(this._lockY?0:n*this.props.scale);const a=this.props.getPreviousX(),i=this.props.getNextX(),o=.01;if(null!==a&&(r=Math.max(a+o,r)),null!==i&&(r=Math.min(i-o,r)),0===this.props.keyId||this.props.context.lockLastFrameFrame&&this.props.keyId===this.props.curve.keys.length-1)r=this.state.x;else{const e=this.props.invertX(r);this.props.onFrameValueChanged(e),this.props.context.onFrameSet.notifyObservers(e),r!==this.state.x&&this.props.context.onActiveKeyFrameChanged.notifyObservers(r)}this.props.context.lockLastFrameValue&&this.props.keyId===this.props.curve.keys.length-1&&(s=this.state.y);const l=this.props.invertY(s);this.props.onKeyValueChanged(l),this.props.context.onValueSet.notifyObservers(l),this.setState({x:r,y:s}),this.props.context.activeKeyPoints.length>1&&setTimeout((()=>{this.props.context.mainKeyPoint&&this.props.context.onMainKeyPointMoved.notifyObservers()}))}else{const t=this.props.curve.keys,n=t[this.props.keyId].lockedTangent&&0!==this.props.keyId&&this.props.keyId!==t.length-1;let s=0;const a=r.TmpVectors.Vector2[0];if(n){const e=r.TmpVectors.Vector2[1],t=r.TmpVectors.Vector2[2];r.Vector2.NormalizeToRef(this._inVec,e),r.Vector2.NormalizeToRef(this._outVec,t),s=Math.acos(Math.min(1,Math.max(-1,r.Vector2.Dot(e,t)))),this._inVec.rotateToRef(-s,a),r.Vector2.Distance(a,this._outVec)>.01&&(s=-s)}this._controlMode===Ya.TangentLeft?(this.props.curve.updateInTangentFromControlPoint(this.props.keyId,this._processTangentMove(e,this._inVec,this._storedLengthIn,!0)),n&&(this._inVec.rotateToRef(-s,a),a.x=Math.abs(a.x),this.props.curve.updateOutTangentFromControlPoint(this.props.keyId,this._extractSlope(a,this._storedLengthOut,!1)))):this._controlMode===Ya.TangentRight&&(this.props.curve.updateOutTangentFromControlPoint(this.props.keyId,this._processTangentMove(e,this._outVec,this._storedLengthOut,!1)),n&&(this._outVec.rotateToRef(s,a),a.x=-Math.abs(a.x),this.props.curve.updateInTangentFromControlPoint(this.props.keyId,this._extractSlope(a,this._storedLengthIn,!0)))),this.props.context.refreshTarget(),this.forceUpdate()}this.props.context.onActiveKeyDataChanged.notifyObservers(this.props.keyId),this._sourcePointerX=e.nativeEvent.offsetX,this._sourcePointerY=e.nativeEvent.offsetY,e.stopPropagation()}}_onPointerUp(e){this._pointerIsDown=!1,e.currentTarget.releasePointerCapture(e.pointerId),e.stopPropagation(),this._controlMode=Ya.None}render(){var e,t,n,a,i;if(!this.props.context.isChannelEnabled(this.props.curve.animation,this.props.curve.color))return null;const o=this.props.curve.animation.dataType,l=o===r.Animation.ANIMATIONTYPE_COLOR3||o===r.Animation.ANIMATIONTYPE_COLOR4,p=o===r.Animation.ANIMATIONTYPE_QUATERNION,c=this.state.selectedState===Wa.Selected?Ra:this.state.selectedState===Wa.Siblings?Ua:za,d=this.props.curve.keys,h=null===(e=d[this.props.keyId].lockedTangent)||void 0===e||e,u=null!==(n=null===(t=d[this.props.keyId-1])||void 0===t?void 0:t.interpolation)&&void 0!==n&&n,g=null!==(i=null===(a=d[this.props.keyId])||void 0===a?void 0:a.interpolation)&&void 0!==i&&i,b=this.props.curve.hasDefinedInTangent(this.props.keyId),m=this.props.curve.hasDefinedOutTangent(this.props.keyId),C=this.props.invertX(this.state.x),f=this.props.invertY(this.state.y);if(b){const e=f-this.props.curve.getInControlPoint(this.props.keyId);this._inVec=new r.Vector2(this.props.convertX(C-1)-this.state.x,this.props.convertY(e)-this.state.y)}else this._inVec=new r.Vector2;if(m){const e=f+this.props.curve.getOutControlPoint(this.props.keyId);this._outVec=new r.Vector2(this.props.convertX(C+1)-this.state.x,this.props.convertY(e)-this.state.y)}else this._outVec=new r.Vector2;return this._storedLengthIn=this._inVec.length(),this._storedLengthOut=this._outVec.length(),this._inVec.normalize(),this._inVec.scaleInPlace(100*this.props.scale),this._outVec.normalize(),this._outVec.scaleInPlace(100*this.props.scale),(0,s.jsxs)("svg",Object.assign({ref:this._svgHost,onPointerDown:e=>this._onPointerDown(e),onPointerMove:e=>this._onPointerMove(e),onPointerUp:e=>this._onPointerUp(e),x:this.state.x,y:this.state.y,style:{cursor:p?"auto":"pointer",overflow:"auto",opacity:p?"25%":"100%"}},{children:[(0,s.jsx)("image",{x:"-"+8*this.props.scale,y:"-"+8*this.props.scale,width:""+16*this.props.scale,height:""+16*this.props.scale,ref:this._keyPointSVG,href:c}),this.state.selectedState===Wa.Selected&&(0,s.jsxs)("g",{children:[0!==this.props.keyId&&!u&&!l&&!p&&b&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("line",{x1:0,y1:0,x2:`${this._inVec.x}px`,y2:`${this._inVec.y}px`,style:{stroke:0===this.state.tangentSelectedIndex||-1===this.state.tangentSelectedIndex?"#F9BF00":"#AAAAAA",strokeWidth:""+1*this.props.scale,strokeDasharray:h?"":"2, 2"}}),(0,s.jsx)("circle",{className:"left-tangent",cx:`${this._inVec.x}px`,cy:`${this._inVec.y}px`,r:""+4*this.props.scale,style:{fill:0===this.state.tangentSelectedIndex||-1===this.state.tangentSelectedIndex?"#F9BF00":"#AAAAAA"}})]}),this.props.keyId!==d.length-1&&!g&&!l&&!p&&m&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("line",{x1:0,y1:0,x2:`${this._outVec.x}px`,y2:`${this._outVec.y}px`,style:{stroke:1===this.state.tangentSelectedIndex||-1===this.state.tangentSelectedIndex?"#F9BF00":"#AAAAAA",strokeWidth:""+1*this.props.scale,strokeDasharray:h?"":"2, 2"}}),(0,s.jsx)("circle",{className:"right-tangent",cx:`${this._outVec.x}px`,cy:`${this._outVec.y}px`,r:""+4*this.props.scale,style:{fill:1===this.state.tangentSelectedIndex||-1===this.state.tangentSelectedIndex?"#F9BF00":"#AAAAAA"}})]})]})]}))}}class Ga extends t.Component{constructor(e){super(e),this.state={isSelected:!1},this._onDataUpdatedObserver=this.props.curve.onDataUpdatedObservable.add((()=>this.forceUpdate())),this._onActiveAnimationChangedObserver=e.context.onActiveAnimationChanged.add((()=>{this._onDataUpdatedObserver&&this.props.curve.onDataUpdatedObservable.remove(this._onDataUpdatedObserver),this._onDataUpdatedObserver=null,this.forceUpdate()})),this._onInterpolationModeSetObserver=e.context.onInterpolationModeSet.add((({keyId:e,value:t})=>{this.props.curve.updateInterpolationMode(e,t)}))}componentWillUnmount(){this._onDataUpdatedObserver&&this.props.curve.onDataUpdatedObservable.remove(this._onDataUpdatedObserver),this._onActiveAnimationChangedObserver&&this.props.context.onActiveAnimationChanged.remove(this._onActiveAnimationChangedObserver),this._onInterpolationModeSetObserver&&this.props.context.onInterpolationModeSet.remove(this._onInterpolationModeSetObserver)}componentDidUpdate(){return this._onDataUpdatedObserver||(this._onDataUpdatedObserver=this.props.curve.onDataUpdatedObservable.add((()=>this.forceUpdate()))),!0}render(){if(!this.props.context.isChannelEnabled(this.props.curve.animation,this.props.curve.color))return null;const e={stroke:this.props.curve.color,fill:"none",strokeWidth:"1"};return this.props.curve.animation.dataType===r.Animation.ANIMATIONTYPE_QUATERNION&&(e["stroke-dasharray"]="5",e["stroke-opacity"]="0.5"),(0,s.jsx)("svg",Object.assign({style:{cursor:"pointer",overflow:"auto"}},{children:(0,s.jsx)("path",{d:this.props.curve.getPathData(this.props.convertX,this.props.convertY),style:e})}))}}class Ha extends t.Component{constructor(e){super(e),this._MinScale=.5,this._MaxScale=5,this._GraphAbsoluteWidth=788,this._GraphAbsoluteHeight=357,this._viewWidth=788,this._viewCurveWidth=788,this._viewHeight=357,this._viewScale=1,this._offsetX=0,this._offsetY=0,this._graphOffsetX=30,this.state={},this._svgHost=t.createRef(),this._svgHost2=t.createRef(),this._selectionRectangle=t.createRef(),this._evaluateKeys(),this.props.context.onHostWindowResized.add((()=>{this._computeSizes()})),this._onActiveAnimationChangedObserver=this.props.context.onActiveAnimationChanged.add((({evaluateKeys:e=!0,frame:t=!0,range:n=!0})=>{e&&this._evaluateKeys(t,n),this._computeSizes(),this.forceUpdate()})),this.props.context.onFrameRequired.add((()=>{this._frameFromActiveKeys(),this.forceUpdate()})),this.props.context.onRangeUpdated.add((()=>{this.forceUpdate()})),this.props.context.onDeleteKeyActiveKeyPoints.add((()=>{if(0!==this.props.context.activeAnimations.length&&this.props.context.activeKeyPoints){for(const e of this.props.context.activeAnimations){const t=e.getKeys(),n=t.slice(0);let r=null;for(const e of this.props.context.activeKeyPoints){if(0===e.props.keyId||e.props.keyId===t.length-1)continue;const s=t[e.props.keyId],a=n.indexOf(s);a>-1&&(n.splice(a,1),null===r&&(r=s.frame))}this.props.context.stop(),e.setKeys(n),null!==r&&this.props.context.moveToFrame(r)}this._evaluateKeys(!1,!1),this.props.context.activeKeyPoints=[],this.props.context.onActiveKeyPointChanged.notifyObservers(),this.props.context.onActiveAnimationChanged.notifyObservers({evaluateKeys:!1}),this.forceUpdate()}})),this.props.context.onCreateOrUpdateKeyPointRequired.add((()=>{if(0!==this.props.context.activeAnimations.length){for(const e of this.props.context.activeAnimations){if(e.dataType===r.Animation.ANIMATIONTYPE_QUATERNION)continue;const t=e.getKeys(),n=this.props.context.activeFrame;let s,a=-1;for(const e of t){if(!(e.frame<n))break;a++}if(this.props.context.target){s=this.props.context.target;for(const t of e.targetPropertyPath)s=s[t];s.clone&&(s=s.clone())}else s=e.evaluate(n);const i=t[a],o=t[a+1];if(0===Math.floor(n-(null==i?void 0:i.frame)))i.value=s;else if(0===Math.floor((null==o?void 0:o.frame)-n))o.value=s;else{const l={frame:n,value:s,lockedTangent:!0};if(void 0!==(null==i?void 0:i.outTangent)&&void 0!==(null==o?void 0:o.inTangent)){let t=null;const s=1/(o.frame-i.frame),a=(n-i.frame)*s;switch(e.dataType){case r.Animation.ANIMATIONTYPE_FLOAT:t=r.Scalar.Hermite1stDerivative(i.value*s,i.outTangent,o.value*s,o.inTangent,a);break;case r.Animation.ANIMATIONTYPE_VECTOR2:t=r.Vector2.Hermite1stDerivative(i.value.scale(s),i.outTangent,o.value.scale(s),o.inTangent,a);break;case r.Animation.ANIMATIONTYPE_VECTOR3:t=r.Vector3.Hermite1stDerivative(i.value.scale(s),i.outTangent,o.value.scale(s),o.inTangent,a);break;case r.Animation.ANIMATIONTYPE_COLOR3:t=r.Color3.Hermite1stDerivative(i.value.scale(s),i.outTangent,o.value.scale(s),o.inTangent,a);break;case r.Animation.ANIMATIONTYPE_COLOR4:t=r.Color4.Hermite1stDerivative(i.value.scale(s),i.outTangent,o.value.scale(s),o.inTangent,a)}null!==t&&(l.inTangent=t,l.outTangent=t.clone?t.clone():t)}t.splice(a+1,0,l)}e.setKeys(t)}this._evaluateKeys(!1,!1),this.props.context.activeKeyPoints=[],this.props.context.onActiveKeyPointChanged.notifyObservers(),this.props.context.onActiveAnimationChanged.notifyObservers({evaluateKeys:!1}),this.forceUpdate()}}))}componentWillUnmount(){this._onActiveAnimationChangedObserver&&this.props.context.onActiveAnimationChanged.remove(this._onActiveAnimationChangedObserver)}_computeSizes(){this._svgHost.current&&this._svgHost2.current&&(this._viewWidth=this._svgHost.current.clientWidth,this._viewCurveWidth=this._svgHost2.current.clientWidth,this._viewHeight=this._svgHost.current.clientHeight,this.forceUpdate())}_setDefaultInTangent(e){for(const t of this._curves)t.storeDefaultInTangent(e)}_setDefaultOutTangent(e){for(const t of this._curves)t.storeDefaultOutTangent(e)}_evaluateKeys(e=!0,t=!0){if(0!==this.props.context.activeAnimations.length){this._curves=[];for(const e of this.props.context.activeAnimations){const n=e.getKeys(),s=[];switch(e.dataType){case r.Animation.ANIMATIONTYPE_FLOAT:s.push(new Ia("#DB3E3E",e));break;case r.Animation.ANIMATIONTYPE_VECTOR2:s.push(new Ia("#DB3E3E",e,"x",(()=>r.Vector2.Zero()),(e=>this._setDefaultInTangent(e)),(e=>this._setDefaultOutTangent(e)))),s.push(new Ia("#51E22D",e,"y",(()=>r.Vector2.Zero()),(e=>this._setDefaultInTangent(e)),(e=>this._setDefaultOutTangent(e))));break;case r.Animation.ANIMATIONTYPE_VECTOR3:s.push(new Ia("#DB3E3E",e,"x",(()=>r.Vector3.Zero()),(e=>this._setDefaultInTangent(e)),(e=>this._setDefaultOutTangent(e)))),s.push(new Ia("#51E22D",e,"y",(()=>r.Vector3.Zero()),(e=>this._setDefaultInTangent(e)),(e=>this._setDefaultOutTangent(e)))),s.push(new Ia("#00A3FF",e,"z",(()=>r.Vector3.Zero()),(e=>this._setDefaultInTangent(e)),(e=>this._setDefaultOutTangent(e))));break;case r.Animation.ANIMATIONTYPE_COLOR3:s.push(new Ia("#DB3E3E",e,"r",(()=>r.Color3.Black()),(e=>this._setDefaultInTangent(e)),(e=>this._setDefaultOutTangent(e)))),s.push(new Ia("#51E22D",e,"g",(()=>r.Color3.Black()),(e=>this._setDefaultInTangent(e)),(e=>this._setDefaultOutTangent(e)))),s.push(new Ia("#00A3FF",e,"b",(()=>r.Color3.Black()),(e=>this._setDefaultInTangent(e)),(e=>this._setDefaultOutTangent(e))));break;case r.Animation.ANIMATIONTYPE_QUATERNION:s.push(new Ia("#DB3E3E",e,"x",(()=>r.Quaternion.Zero()),(e=>this._setDefaultInTangent(e)),(e=>this._setDefaultOutTangent(e)))),s.push(new Ia("#51E22D",e,"y",(()=>r.Quaternion.Zero()),(e=>this._setDefaultInTangent(e)),(e=>this._setDefaultOutTangent(e)))),s.push(new Ia("#00A3FF",e,"z",(()=>r.Quaternion.Zero()),(e=>this._setDefaultInTangent(e)),(e=>this._setDefaultOutTangent(e)))),s.push(new Ia("#8700FF",e,"w",(()=>r.Quaternion.Zero()),(e=>this._setDefaultInTangent(e)),(e=>this._setDefaultOutTangent(e))));break;case r.Animation.ANIMATIONTYPE_COLOR4:s.push(new Ia("#DB3E3E",e,"r",(()=>new r.Color4),(e=>this._setDefaultInTangent(e)),(e=>this._setDefaultOutTangent(e)))),s.push(new Ia("#51E22D",e,"g",(()=>new r.Color4),(e=>this._setDefaultInTangent(e)),(e=>this._setDefaultOutTangent(e)))),s.push(new Ia("#00A3FF",e,"b",(()=>new r.Color4),(e=>this._setDefaultInTangent(e)),(e=>this._setDefaultOutTangent(e)))),s.push(new Ia("#8700FF",e,"a",(()=>new r.Color4),(e=>this._setDefaultInTangent(e)),(e=>this._setDefaultOutTangent(e))))}const a=this._extractValuesFromKeys(n,e.dataType,s);this._curves.push(...s),t&&(this._minValue=Math.min(this._minValue,a.min),this._maxValue=Math.max(this._maxValue,a.max),this._minFrame=Math.min(this._minFrame,n[0].frame),this._maxFrame=Math.max(this._maxFrame,n[n.length-1].frame))}e&&this._frameFromActiveKeys()}else this._curves=[]}_extractValuesFromKeys(e,t,n,s){var a,i,o,l,p,c,d,h,u,g,b,m,C,f,v,A,x,y,j,w,O,S,M,N,L,k,P,D,E,B,T,_;let I=Number.MAX_VALUE,z=-Number.MAX_VALUE;for(const R of e){let e=!0;switch(void 0!==R.lockedTangent&&(e=R.lockedTangent),t){case r.Animation.ANIMATIONTYPE_FLOAT:I=Math.min(I,R.value),z=Math.max(z,R.value),n&&n[0].keys.push({frame:R.frame,value:R.value,inTangent:R.inTangent,outTangent:R.outTangent,lockedTangent:e,interpolation:R.interpolation});break;case r.Animation.ANIMATIONTYPE_VECTOR2:s&&"x"!==s||(I=Math.min(I,R.value.x),z=Math.max(z,R.value.x)),s&&"y"!==s||(I=Math.min(I,R.value.y),z=Math.max(z,R.value.y)),n&&(n[0].keys.push({frame:R.frame,value:R.value.x,inTangent:null===(a=R.inTangent)||void 0===a?void 0:a.x,outTangent:null===(i=R.outTangent)||void 0===i?void 0:i.x,lockedTangent:e,interpolation:R.interpolation}),n[1].keys.push({frame:R.frame,value:R.value.y,inTangent:null===(o=R.inTangent)||void 0===o?void 0:o.y,outTangent:null===(l=R.outTangent)||void 0===l?void 0:l.y,lockedTangent:e,interpolation:R.interpolation}));break;case r.Animation.ANIMATIONTYPE_VECTOR3:s&&"x"!==s||(I=Math.min(I,R.value.x),z=Math.max(z,R.value.x)),s&&"y"!==s||(I=Math.min(I,R.value.y),z=Math.max(z,R.value.y)),s&&"z"!==s||(I=Math.min(I,R.value.z),z=Math.max(z,R.value.z)),n&&(n[0].keys.push({frame:R.frame,value:R.value.x,inTangent:null===(p=R.inTangent)||void 0===p?void 0:p.x,outTangent:null===(c=R.outTangent)||void 0===c?void 0:c.x,lockedTangent:e,interpolation:R.interpolation}),n[1].keys.push({frame:R.frame,value:R.value.y,inTangent:null===(d=R.inTangent)||void 0===d?void 0:d.y,outTangent:null===(h=R.outTangent)||void 0===h?void 0:h.y,lockedTangent:e,interpolation:R.interpolation}),n[2].keys.push({frame:R.frame,value:R.value.z,inTangent:null===(u=R.inTangent)||void 0===u?void 0:u.z,outTangent:null===(g=R.outTangent)||void 0===g?void 0:g.z,lockedTangent:e,interpolation:R.interpolation}));break;case r.Animation.ANIMATIONTYPE_COLOR3:s&&"r"!==s||(I=Math.min(I,R.value.r),z=Math.max(z,R.value.r)),s&&"g"!==s||(I=Math.min(I,R.value.g),z=Math.max(z,R.value.g)),s&&"b"!==s||(I=Math.min(I,R.value.b),z=Math.max(z,R.value.b)),n&&(n[0].keys.push({frame:R.frame,value:R.value.r,inTangent:null===(b=R.inTangent)||void 0===b?void 0:b.r,outTangent:null===(m=R.outTangent)||void 0===m?void 0:m.r,lockedTangent:e,interpolation:R.interpolation}),n[1].keys.push({frame:R.frame,value:R.value.g,inTangent:null===(C=R.inTangent)||void 0===C?void 0:C.g,outTangent:null===(f=R.outTangent)||void 0===f?void 0:f.g,lockedTangent:e,interpolation:R.interpolation}),n[2].keys.push({frame:R.frame,value:R.value.b,inTangent:null===(v=R.inTangent)||void 0===v?void 0:v.b,outTangent:null===(A=R.outTangent)||void 0===A?void 0:A.b,lockedTangent:e,interpolation:R.interpolation}));break;case r.Animation.ANIMATIONTYPE_QUATERNION:s&&"x"!==s||(I=Math.min(I,R.value.x),z=Math.max(z,R.value.x)),s&&"y"!==s||(I=Math.min(I,R.value.y),z=Math.max(z,R.value.y)),s&&"z"!==s||(I=Math.min(I,R.value.z),z=Math.max(z,R.value.z)),s&&"w"!==s||(I=Math.min(I,R.value.w),z=Math.max(z,R.value.w)),n&&(n[0].keys.push({frame:R.frame,value:R.value.x,inTangent:null===(x=R.inTangent)||void 0===x?void 0:x.x,outTangent:null===(y=R.outTangent)||void 0===y?void 0:y.x,lockedTangent:e,interpolation:R.interpolation}),n[1].keys.push({frame:R.frame,value:R.value.y,inTangent:null===(j=R.inTangent)||void 0===j?void 0:j.y,outTangent:null===(w=R.outTangent)||void 0===w?void 0:w.y,lockedTangent:e,interpolation:R.interpolation}),n[2].keys.push({frame:R.frame,value:R.value.z,inTangent:null===(O=R.inTangent)||void 0===O?void 0:O.z,outTangent:null===(S=R.outTangent)||void 0===S?void 0:S.z,lockedTangent:e,interpolation:R.interpolation}),n[3].keys.push({frame:R.frame,value:R.value.w,inTangent:null===(M=R.inTangent)||void 0===M?void 0:M.w,outTangent:null===(N=R.outTangent)||void 0===N?void 0:N.w,lockedTangent:e,interpolation:R.interpolation}));break;case r.Animation.ANIMATIONTYPE_COLOR4:s&&"r"!==s||(I=Math.min(I,R.value.r),z=Math.max(z,R.value.r)),s&&"g"!==s||(I=Math.min(I,R.value.g),z=Math.max(z,R.value.g)),s&&"b"!==s||(I=Math.min(I,R.value.b),z=Math.max(z,R.value.b)),s&&"a"!==s||(I=Math.min(I,R.value.a),z=Math.max(z,R.value.a)),n&&(n[0].keys.push({frame:R.frame,value:R.value.r,inTangent:null===(L=R.inTangent)||void 0===L?void 0:L.r,outTangent:null===(k=R.outTangent)||void 0===k?void 0:k.r,lockedTangent:e,interpolation:R.interpolation}),n[1].keys.push({frame:R.frame,value:R.value.g,inTangent:null===(P=R.inTangent)||void 0===P?void 0:P.g,outTangent:null===(D=R.outTangent)||void 0===D?void 0:D.g,lockedTangent:e,interpolation:R.interpolation}),n[2].keys.push({frame:R.frame,value:R.value.b,inTangent:null===(E=R.inTangent)||void 0===E?void 0:E.b,outTangent:null===(B=R.outTangent)||void 0===B?void 0:B.b,lockedTangent:e,interpolation:R.interpolation}),n[3].keys.push({frame:R.frame,value:R.value.a,inTangent:null===(T=R.inTangent)||void 0===T?void 0:T.a,outTangent:null===(_=R.outTangent)||void 0===_?void 0:_.a,lockedTangent:e,interpolation:R.interpolation}))}}return{min:I,max:z}}_convertX(e){let t=this._maxFrame-this._minFrame;return 0===t&&(t=1),(e-this._minFrame)/t*this._GraphAbsoluteWidth}_invertX(e){return e/this._GraphAbsoluteWidth*(this._maxFrame-this._minFrame)+this._minFrame}_convertY(e){let t=this._maxValue-this._minValue;return 0===t&&(t=1),this._GraphAbsoluteHeight-(e-this._minValue)/t*this._GraphAbsoluteHeight}_invertY(e){let t=this._maxValue-this._minValue;return 0===t&&(t=1),(this._GraphAbsoluteHeight-e)/this._GraphAbsoluteHeight*t+this._minValue}_buildFrameIntervalAxis(){if(0===this.props.context.activeAnimations.length)return null;const e=this.props.context.referenceMaxFrame;let t=this.props.context.activeAnimations[0].framePerSecond;const n=e/this._GraphAbsoluteWidth,r=[];0===t&&(t=1);const a=-(this._offsetX*n/t|0)*t,i=a+(this._viewWidth-40)*this._viewScale*n;for(let e=a-t;e<=i+t;e+=t)r.push(e);return r.map(((e,t)=>{const r=e/n;return(0,s.jsx)("g",{children:(0,s.jsx)("line",{x1:r,y1:0,x2:r,y2:this._viewHeight*this._viewScale,style:{stroke:"#666666",strokeWidth:1}},"line"+e)},"axis"+e)}))}_buildYAxis(){if(0===this.props.context.activeAnimations.length)return null;const e=this._maxValue!==this._minValue?this._maxValue-this._minValue:1;let t=e/10*this._viewScale;const n=e/this._GraphAbsoluteHeight,r=[],a=t;let i=2;for(;(0).toFixed(i)===a.toFixed(i);)i++;const o=Math.pow(10,i);t=Math.round(t*o),t%2!=0&&(t-=1),t/=o;const l=(this._viewHeight*this._viewScale-this._GraphAbsoluteHeight-this._offsetY)*n,p=Math.ceil((this._minValue-(l/t|0)*t)/t)*t,c=Math.round((p+this._viewHeight*this._viewScale*n)/t)*t;for(let e=p-t;e<=c+t;e+=t)r.push(e);return r.map(((e,t)=>{const r=this._GraphAbsoluteHeight-(e-this._minValue)/n;let a=e.toFixed(i);a=parseFloat(a).toFixed(i);const o=a===(0).toFixed(i);return(0,s.jsxs)("g",{children:[(0,s.jsx)("line",{x1:this._graphOffsetX*this._viewScale,y1:r,x2:this._viewWidth*this._viewScale,y2:r,style:{stroke:o?"#666666":"#333333",strokeWidth:o?1:.5}},"line"+e),(0,s.jsx)("text",Object.assign({x:0,y:r,dx:15*this._viewScale+"px",textAnchor:"middle",dy:3*this._viewScale+"px",style:{fontFamily:"acumin-pro-condensed",fontSize:10*this._viewScale+"px",fill:"#888888",textAlign:"center"}},{children:a}),"label"+e)]},"axis"+e)}))}_frameFromActiveKeys(){if(0===this.props.context.activeAnimations.length)return;this._offsetX=20,this._offsetY=20;let e=Number.MAX_VALUE,t=-Number.MAX_VALUE,n=Number.MAX_VALUE,r=-Number.MAX_VALUE,s=!1;for(const a of this.props.context.activeAnimations){let i;const o=this.props.context.getActiveChannel(a);if(o){const e=this._curves.filter((e=>e.color===o))[0];e&&(i=e.property)}let l=a.getKeys();if(this.props.context.activeKeyPoints&&this.props.context.activeKeyPoints.length>0){const e=[];for(let t=0;t<this.props.context.activeKeyPoints.length;t++){const n=this.props.context.activeKeyPoints[t];n.props.curve.animation===a&&(e.push(l[n.props.keyId]),0===t&&n.props.keyId>=1&&e.unshift(l[n.props.keyId-1]),t===this.props.context.activeKeyPoints.length-1&&n.props.keyId<l.length-1&&e.push(l[n.props.keyId+1]))}l=e}if(0===l.length)continue;const p=this._extractValuesFromKeys(l,a.dataType,void 0,i);e=Math.min(e,p.min),t=Math.max(t,p.max),n=Math.min(n,l[0].frame),r=Math.max(r,l[l.length-1].frame),s=!0}if(!s)return;this._minFrame=n,this._maxFrame=r,this._minValue=e,this._maxValue=t,this.props.context.referenceMinFrame=this._minFrame,this.props.context.referenceMaxFrame=this._maxFrame;const a=Math.abs(this._convertX(this._maxFrame)-this._convertX(this._minFrame))+2*this._offsetX,i=this._minValue!==this._maxValue?Math.abs(this._convertY(this._minValue)-this._convertY(this._maxValue))+2*this._offsetY:1,o=a/this._viewCurveWidth,l=i/this._viewHeight;this._viewScale=o*this._viewHeight<i?l:o,this.props.context.onGraphMoved.notifyObservers(this._offsetX),this.props.context.onGraphScaled.notifyObservers(this._viewScale)}_dropKeyFrames(e){return e.keys.map(((t,n)=>{const r=this._convertX(t.frame),a=this._convertY(t.value);return(0,s.jsx)(Fa,{x:r,y:a,context:this.props.context,scale:this._viewScale,getPreviousX:()=>n>0?this._convertX(e.keys[n-1].frame):null,getNextX:()=>n<e.keys.length-1?this._convertX(e.keys[n+1].frame):null,channel:e.color,keyId:n,curve:e,invertX:e=>this._invertX(e),invertY:e=>this._invertY(e),convertX:e=>this._convertX(e),convertY:e=>this._convertY(e),onFrameValueChanged:t=>{e.updateKeyFrame(n,t),this.props.context.refreshTarget()},onKeyValueChanged:t=>{e.updateKeyValue(n,t),this.props.context.refreshTarget()}},"curve-"+n)}))}_onPointerDown(e){if("svg-graph-curves"!==e.nativeEvent.target.id)return;e.preventDefault(),this._pointerIsDown=!0,e.currentTarget.setPointerCapture(e.pointerId),this._sourcePointerX=e.nativeEvent.offsetX,this._sourcePointerY=e.nativeEvent.offsetY;const t=2==e.nativeEvent.which||4==e.button;this._inSelectionMode=!t&&!e.altKey,this._inSelectionMode&&(this._selectionStartX=this._sourcePointerX+40,this._selectionStartY=this._sourcePointerY)}_onPointerMove(e){if(this._pointerIsDown){if(this._inSelectionMode){const t=this._selectionRectangle.current.style;t.visibility="visible";const n=e.nativeEvent.offsetX,r=e.nativeEvent.offsetY;return n>this._selectionStartX?(t.left=`${this._selectionStartX}px`,t.width=n-this._selectionStartX+"px"):(t.left=`${n}px`,t.width=this._selectionStartX-n+"px"),r>this._selectionStartY?(t.top=`${this._selectionStartY}px`,t.height=r-this._selectionStartY+"px"):(t.top=`${r}px`,t.height=this._selectionStartY-r+"px"),n===this._selectionStartX&&r===this._selectionStartY||(this._selectionMade=!0),void this.props.context.onSelectionRectangleMoved.notifyObservers(this._selectionRectangle.current.getBoundingClientRect())}this._offsetX+=(e.nativeEvent.offsetX-this._sourcePointerX)*this._viewScale,this._offsetY+=(e.nativeEvent.offsetY-this._sourcePointerY)*this._viewScale,this._sourcePointerX=e.nativeEvent.offsetX,this._sourcePointerY=e.nativeEvent.offsetY,this.props.context.onGraphMoved.notifyObservers(this._offsetX),this.forceUpdate()}}_onPointerUp(e){this._pointerIsDown=!1,e.currentTarget.releasePointerCapture(e.pointerId),this._selectionRectangle.current.style.visibility="hidden",this._inSelectionMode&&this._selectionMade||this.props.context.clearSelection(),this._selectionMade=!1}_onWheel(e){const t=e.deltaY<0?-.05:.05,n=this._viewScale;this._viewScale=Math.min(Math.max(this._MinScale,this._viewScale+t*this._viewScale),this._MaxScale);const r=e.nativeEvent.offsetX,s=e.nativeEvent.offsetY,a=r*n-r*this._viewScale,i=s*n-s*this._viewScale;this._offsetX-=a,this._offsetY-=i,this.forceUpdate(),e.stopPropagation(),this.props.context.onGraphMoved.notifyObservers(this._offsetX),this.props.context.onGraphScaled.notifyObservers(this._viewScale)}render(){const e=this._viewScale,t=`${-this._offsetX} ${-this._offsetY} ${Math.round(e*this._viewCurveWidth)} ${Math.round(e*this._viewHeight)}`,n=`0 ${-this._offsetY} ${Math.round(e*this._viewWidth)} ${Math.round(e*this._viewHeight)}`,r=`${-this._offsetX} 0 ${Math.round((this._viewWidth-40)*this._viewScale)}  ${Math.round(e*this._viewHeight)}`;let a=0,i=0;if(0!==this.props.context.activeAnimations.length){const e=this.props.context.referenceMinFrame,t=this.props.context.referenceMaxFrame;a=((this.props.context.fromKey-e)/(t-e)*this._GraphAbsoluteWidth+this._offsetX)/this._viewScale,i=((this.props.context.toKey-e)/(t-e)*this._GraphAbsoluteWidth+this._offsetX)/this._viewScale}return(0,s.jsxs)("div",Object.assign({id:"graph",onWheel:e=>this._onWheel(e),onPointerDown:e=>this._onPointerDown(e),onPointerMove:e=>this._onPointerMove(e),onPointerUp:e=>this._onPointerUp(e)},{children:[0!==this.props.context.activeAnimations.length&&(0,s.jsx)("div",{id:"dark-rectangle",style:{left:a+"px",width:i-a+"px"}}),(0,s.jsx)("div",{id:"block-rectangle"}),(0,s.jsx)("svg",Object.assign({id:"svg-graph-grid",viewBox:n,ref:this._svgHost},{children:this._buildYAxis()})),(0,s.jsx)("svg",Object.assign({id:"svg-graph-horizontal",viewBox:r},{children:this._buildFrameIntervalAxis()})),(0,s.jsxs)("svg",Object.assign({ref:this._svgHost2,id:"svg-graph-curves",tabIndex:0,viewBox:t},{children:[this._curves.map(((e,t)=>(0,s.jsx)(Ga,{context:this.props.context,curve:e,convertX:e=>this._convertX(e),convertY:e=>this._convertY(e)},t))),this._curves.map((e=>this._dropKeyFrames(e)))]})),(0,s.jsx)("div",{ref:this._selectionRectangle,id:"selection-rectangle"})]}))}}class Va extends t.Component{constructor(e){super(e),this._GraphAbsoluteWidth=788,this._viewScale=1,this._offsetX=0,this.state={},this._playHead=t.createRef(),this._playHeadCircle=t.createRef(),this._onActiveAnimationChangedObserver=this.props.context.onActiveAnimationChanged.add((()=>{this.forceUpdate()})),this._onBeforeRenderObserver=this.props.context.scene.onBeforeRenderObservable.add((()=>{var e;if(0===this.props.context.activeAnimations.length)return;const t=this.props.context.activeAnimations[0];if(!t)return;const n=t.runtimeAnimations[0];n?this._moveHead(n.currentFrame):(null===(e=this._playHeadCircle.current)||void 0===e?void 0:e.innerHTML)||this._moveHead(0)})),this.props.context.onMoveToFrameRequired.add((e=>{this.props.context.moveToFrame(e),this._moveHead(e)})),this.props.context.onGraphMoved.add((e=>{this._offsetX=e,this.forceUpdate(),this._moveHead(this.props.context.activeFrame)})),this.props.context.onGraphScaled.add((e=>{this._viewScale=1/e,this.forceUpdate(),this._moveHead(this.props.context.activeFrame)}))}_moveHead(e){this._playHead.current&&this._playHeadCircle.current&&void 0!==e&&(this._playHead.current.style.left=this._frameToPixel(e)+"px",this._playHeadCircle.current.innerHTML=e.toFixed(0),this.props.context.activeFrame=e)}_frameToPixel(e){const t=this.props.context.referenceMinFrame;return((e-t)/(this.props.context.referenceMaxFrame-t)*this._GraphAbsoluteWidth+this._offsetX)*this._viewScale}_pixelToFrame(e){const t=this.props.context.activeAnimations[0].getKeys(),n=this.props.context.referenceMinFrame,r=this.props.context.referenceMaxFrame;return Math.max((e/this._viewScale-this._offsetX)/this._GraphAbsoluteWidth*(r-n)+n,t[0].frame)}componentWillUnmount(){this._onBeforeRenderObserver&&(this.props.context.scene.onBeforeRenderObservable.remove(this._onBeforeRenderObserver),this._onBeforeRenderObserver=null),this._onActiveAnimationChangedObserver&&this.props.context.onActiveAnimationChanged.remove(this._onActiveAnimationChangedObserver)}_onPointerDown(e){e.preventDefault(),this._pointerIsDown=!0,e.currentTarget.setPointerCapture(e.pointerId);const t=this._pixelToFrame(e.nativeEvent.offsetX);this.props.context.moveToFrame(t),this._moveHead(t)}_onPointerMove(e){if(!this._pointerIsDown)return;const t=this._pixelToFrame(e.nativeEvent.offsetX);this.props.context.moveToFrame(t),this._moveHead(t)}_onPointerUp(e){this._pointerIsDown=!1,e.currentTarget.releasePointerCapture(e.pointerId)}render(){return 0===this.props.context.activeAnimations.length?null:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",Object.assign({id:"play-head",ref:this._playHead},{children:[(0,s.jsx)("div",{id:"play-head-bar"}),(0,s.jsx)("div",{id:"play-head-circle",ref:this._playHeadCircle})]})),(0,s.jsx)("div",{id:"play-head-control",onPointerDown:e=>this._onPointerDown(e),onPointerMove:e=>this._onPointerMove(e),onPointerUp:e=>this._onPointerUp(e)})]})}}class Za extends t.Component{constructor(e){super(e),this._viewWidth=748,this._offsetX=10,this._isMounted=!1,this.state={},this._svgHost=t.createRef(),this.props.context.onHostWindowResized.add((()=>{this._computeSizes()})),this._onActiveAnimationChangedObserver=this.props.context.onActiveAnimationChanged.add((()=>{this._isMounted&&(this._computeSizes(),this.forceUpdate())})),this.props.context.onFrameSet.add((()=>{this._isMounted&&this.forceUpdate()})),this.props.context.onRangeUpdated.add((()=>{this._isMounted&&this.forceUpdate()}))}componentDidMount(){this._isMounted=!0}componentWillUnmount(){this._onActiveAnimationChangedObserver&&this.props.context.onActiveAnimationChanged.remove(this._onActiveAnimationChangedObserver),this._isMounted=!1}_computeSizes(){this._svgHost.current&&(this._viewWidth=this._svgHost.current.clientWidth,this.forceUpdate())}_dropKeyFrames(e){const t=this.props.context.fromKey,n=(this.props.context.toKey-t)/this._viewWidth;return e.getKeys().map(((e,r)=>{const a=(e.frame-t)/n;return(0,s.jsx)("line",{x1:a,y1:"0px",x2:a,y2:"40px",style:{stroke:"#ffc017",strokeWidth:.5}},"frame-line"+e.frame+r)}))}_buildFrames(){if(0===this.props.context.activeAnimations.length)return null;const e=this.props.context.fromKey,t=this.props.context.toKey-e,n=t/this._viewWidth,r=Math.max(Math.floor(25*n),1),a=[],i=e+t;for(let t=e;t<=i;t+=r)a.push(t);return a[a.length-1]<i-r/2&&a.push(i),a.map(((t,r)=>{const a=(t-e)/n;return(0,s.jsxs)("g",{children:[(0,s.jsx)("line",{x1:a,y1:"22px",x2:a,y2:"40px",style:{stroke:"#333333",strokeWidth:.5}},"line"+t+r),(0,s.jsx)("text",Object.assign({x:a,y:0,dx:"6px",textAnchor:"middle",dy:"14px",style:{fontFamily:"acumin-pro-condensed",fontSize:"12px",fill:"#555555",textAlign:"center"}},{children:t.toFixed(0)}),"label"+t+r)]},"axis"+t+r)}))}render(){const e=`${-this._offsetX} 0 ${this._viewWidth+4*this._offsetX} 40`;return(0,s.jsx)("div",Object.assign({id:"range-frame-bar"},{children:(0,s.jsxs)("svg",Object.assign({id:"svg-range-frames",viewBox:e,ref:this._svgHost},{children:[this._buildFrames(),this.props.context.activeAnimations.map((e=>this._dropKeyFrames(e)))]}))}))}}var Qa=l(6037),Xa={};Xa.styleTagTransform=Ir(),Xa.setAttributes=Er(),Xa.insert=Pr().bind(null,"head"),Xa.domAPI=Lr(),Xa.insertStyleElement=Tr(),Mr()(Qa.Z,Xa),Qa.Z&&Qa.Z.locals&&Qa.Z.locals;class Ka extends t.Component{constructor(e){super(e),this.state={},this._onActiveAnimationChangedObserver=this.props.context.onActiveAnimationChanged.add((()=>{this.forceUpdate()}))}componentWillUnmount(){this._onActiveAnimationChangedObserver&&this.props.context.onActiveAnimationChanged.remove(this._onActiveAnimationChangedObserver)}render(){return(0,s.jsxs)("div",Object.assign({id:"canvas-zone"},{children:[(0,s.jsx)(Ha,{globalState:this.props.globalState,context:this.props.context}),(0,s.jsx)(_a,{globalState:this.props.globalState,context:this.props.context}),(0,s.jsx)(Va,{context:this.props.context,globalState:this.props.globalState}),(0,s.jsx)(Za,{context:this.props.context,globalState:this.props.globalState}),this.props.context.activeAnimations.length>0&&(0,s.jsx)("div",{id:"angle-mode"})]}))}}var qa=l(9460);class Ja extends t.Component{constructor(e){super(e);let t=!1;if(-1!==this.props.context.activeAnimations.indexOf(this.props.animation)&&this.props.context.activeKeyPoints)for(const e of this.props.context.activeKeyPoints)e.state.selectedState===Wa.Selected&&e.props.channel===this.props.color&&(t=!0);this.state={isSelected:t},this._onActiveAnimationChangedObserver=e.context.onActiveAnimationChanged.add((()=>{this.forceUpdate()})),this._onActiveKeyPointChangedObserver=this.props.context.onActiveKeyPointChanged.add((()=>{let e=!1;if(this.props.context.activeKeyPoints)for(const t of this.props.context.activeKeyPoints)if(t.props.curve.animation===this.props.animation&&t.props.channel===this.props.color&&-1!==this.props.context.activeAnimations.indexOf(this.props.animation)){e=!0;break}this.setState({isSelected:e})}))}componentWillUnmount(){this._onActiveAnimationChangedObserver&&this.props.context.onActiveAnimationChanged.remove(this._onActiveAnimationChangedObserver),this._onActiveKeyPointChangedObserver&&this.props.context.onActiveKeyPointChanged.remove(this._onActiveKeyPointChangedObserver)}_activate(e){const t=this.props.context.activeAnimations.indexOf(this.props.animation);-1!==t&&this.props.context.getActiveChannel(this.props.animation)===this.props.color||(e.ctrlKey?-1===t&&this.props.context.activeAnimations.push(this.props.animation):(this.props.context.activeAnimations=[this.props.animation],this.props.context.resetAllActiveChannels()),this.props.context.enableChannel(this.props.animation,this.props.color),this.props.context.onActiveAnimationChanged.notifyObservers({}))}render(){const e=-1!==this.props.context.activeAnimations.indexOf(this.props.animation)&&this.props.context.isChannelEnabled(this.props.animation,this.props.color);return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("div",Object.assign({className:"animation-entry"+(e?" isActive":"")},{children:[this.state.isSelected&&(0,s.jsx)("div",Object.assign({className:"animation-active-indicator"},{children:(0,s.jsx)("img",{src:qa})})),(0,s.jsx)("div",Object.assign({className:"animation-name",style:{color:this.props.color},onClick:e=>this._activate(e)},{children:this.props.subName}))]}))})}}var $a=l(7444),ei=l(3367),ti=l(6962),ni=l(5958);class ri extends t.Component{constructor(e){super(e),this._unmount=!1,this.state={isExpanded:!1,isSelected:!1},this._onActiveAnimationChangedObserver=e.context.onActiveAnimationChanged.add((()=>{this._unmount||(-1===this.props.context.activeAnimations.indexOf(this.props.animation)&&this.setState({isSelected:!1}),this.forceUpdate())})),this._onActiveKeyPointChangedObserver=this.props.context.onActiveKeyPointChanged.add((()=>{this.setState({isSelected:this.props.animation.dataType===r.Animation.ANIMATIONTYPE_FLOAT&&-1!==this.props.context.activeAnimations.indexOf(this.props.animation)&&null!==this.props.context.activeKeyPoints&&this.props.context.activeKeyPoints.length>0&&this.props.context.activeKeyPoints.some((e=>e.props.curve.animation===this.props.animation))})})),this._onSelectToActivatedObserver=this.props.context.onSelectToActivated.add((e=>{const t=this.props.context.getAnimationSortIndex(this.props.animation),n=this.props.context.activeAnimations.indexOf(this.props.animation);t>e.from&&t<=e.to||t>=e.to&&t<e.from?-1===n&&this.props.context.activeAnimations.push(this.props.animation):t!==e.from&&-1!==n&&this.props.context.activeAnimations.splice(n,1)}))}_onGear(){this.props.context.onEditAnimationUIClosed.addOnce((()=>{this._unmount||this.forceUpdate()})),this.props.context.onEditAnimationRequired.notifyObservers(this.props.animation)}_onDelete(){this.props.context.onDeleteAnimation.notifyObservers(this.props.animation)}componentWillUnmount(){this._unmount=!0,this._onActiveAnimationChangedObserver&&this.props.context.onActiveAnimationChanged.remove(this._onActiveAnimationChangedObserver),this._onActiveKeyPointChangedObserver&&this.props.context.onActiveKeyPointChanged.remove(this._onActiveKeyPointChangedObserver),this._onSelectToActivatedObserver&&this.props.context.onSelectToActivated.remove(this._onSelectToActivatedObserver)}_activate(e){if(e.shiftKey){if(this.props.context.activeAnimations.length>0){const e=this.props.context.activeAnimations[0],t={from:this.props.context.getAnimationSortIndex(e),to:this.props.context.getAnimationSortIndex(this.props.animation)};this.props.context.onSelectToActivated.notifyObservers(t),this.props.context.onActiveAnimationChanged.notifyObservers({})}}else{if(e.ctrlKey){const e=this.props.context.activeAnimations.indexOf(this.props.animation);-1!==e?this.props.context.activeAnimations.splice(e,1):this.props.context.activeAnimations.push(this.props.animation)}else this.props.context.activeAnimations=[this.props.animation],this.props.context.resetAllActiveChannels();this.props.context.disableChannel(this.props.animation),this.props.context.onActiveAnimationChanged.notifyObservers({})}}_expandOrCollapse(){this.setState({isExpanded:!this.state.isExpanded})}render(){const e=-1!==this.props.context.activeAnimations.indexOf(this.props.animation);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",Object.assign({className:"animation-entry"+(e?" isActive":"")},{children:[this.state.isSelected&&(0,s.jsx)("div",Object.assign({className:"animation-active-indicator"},{children:(0,s.jsx)("img",{src:qa})})),this.props.animation.dataType===r.Animation.ANIMATIONTYPE_FLOAT&&(0,s.jsx)("div",Object.assign({className:"animation-chevron"},{children:(0,s.jsx)("img",{src:ti})})),this.props.animation.dataType!==r.Animation.ANIMATIONTYPE_FLOAT&&(0,s.jsx)("div",Object.assign({className:"animation-chevron",onClick:()=>this._expandOrCollapse()},{children:(0,s.jsx)("img",{className:"animation-chevron-image"+(this.state.isExpanded?"":" collapsed"),src:ni})})),(0,s.jsx)("div",Object.assign({className:"animation-name",onClick:e=>this._activate(e)},{children:this.props.animation.name})),(0,s.jsx)(wa,{className:"animation-options",context:this.props.context,globalState:this.props.globalState,icon:$a,onClick:()=>this._onGear()}),(0,s.jsx)(wa,{className:"animation-delete",context:this.props.context,globalState:this.props.globalState,icon:ei,onClick:()=>this._onDelete()})]})),this.state.isExpanded&&this.props.animation.dataType===r.Animation.ANIMATIONTYPE_COLOR3&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Ja,{globalState:this.props.globalState,context:this.props.context,animation:this.props.animation,color:"#DB3E3E",subName:"Red"}),(0,s.jsx)(Ja,{globalState:this.props.globalState,context:this.props.context,animation:this.props.animation,color:"#51E22D",subName:"Green"}),(0,s.jsx)(Ja,{globalState:this.props.globalState,context:this.props.context,animation:this.props.animation,color:"#00A3FF",subName:"Blue"})]}),this.state.isExpanded&&this.props.animation.dataType===r.Animation.ANIMATIONTYPE_VECTOR3&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Ja,{globalState:this.props.globalState,context:this.props.context,animation:this.props.animation,color:"#DB3E3E",subName:"X"}),(0,s.jsx)(Ja,{globalState:this.props.globalState,context:this.props.context,animation:this.props.animation,color:"#51E22D",subName:"Y"}),(0,s.jsx)(Ja,{globalState:this.props.globalState,context:this.props.context,animation:this.props.animation,color:"#00A3FF",subName:"Z"})]}),this.state.isExpanded&&this.props.animation.dataType===r.Animation.ANIMATIONTYPE_VECTOR2&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Ja,{globalState:this.props.globalState,context:this.props.context,animation:this.props.animation,color:"#DB3E3E",subName:"X"}),(0,s.jsx)(Ja,{globalState:this.props.globalState,context:this.props.context,animation:this.props.animation,color:"#51E22D",subName:"Y"})]})]})}}class si extends t.Component{constructor(e){super(e),this.state={isVisible:!0},this._onEditAnimationRequiredObserver=this.props.context.onEditAnimationRequired.add((e=>{this.setState({isVisible:!1})})),this._onEditAnimationUIClosedObserver=this.props.context.onEditAnimationUIClosed.add((()=>{this.setState({isVisible:!0})})),this._onDeleteAnimationObserver=this.props.context.onDeleteAnimation.add((()=>{this.forceUpdate()}))}componentWillUnmount(){this._onEditAnimationRequiredObserver&&this.props.context.onEditAnimationRequired.remove(this._onEditAnimationRequiredObserver),this._onEditAnimationUIClosedObserver&&this.props.context.onEditAnimationUIClosed.remove(this._onEditAnimationUIClosedObserver),this._onDeleteAnimationObserver&&this.props.context.onDeleteAnimation.remove(this._onDeleteAnimationObserver)}render(){var e;return this.state.isVisible?(0,s.jsx)("div",Object.assign({id:"animation-list"},{children:null===(e=this.props.context.animations)||void 0===e?void 0:e.map(((e,t)=>(0,s.jsx)(ri,{globalState:this.props.globalState,context:this.props.context,animation:this.props.context.useTargetAnimations?e.animation:e},t)))})):null}}class ai extends t.Component{constructor(e){if(super(e),this._selectedAnimations=[],this.state={},this._root=t.createRef(),this.props.context.animations)if(this.props.context.useTargetAnimations)for(const e of this.props.context.animations)this._selectedAnimations.push(e.animation);else this._selectedAnimations=this.props.context.animations.slice(0)}_getJson(){const e={animations:[]};for(const t of this._selectedAnimations)e.animations.push(t.serialize());return JSON.stringify(e)}saveToSnippetServer(){const e=new XMLHttpRequest,t=this._root.current.ownerDocument,n=this._getJson();e.onreadystatechange=()=>{if(4==e.readyState)if(200==e.status){const n=JSON.parse(e.responseText),r=this.props.context.snippetId;this.props.context.snippetId=n.id,n.version&&"0"!=n.version&&(this.props.context.snippetId+="#"+n.version),this.forceUpdate();const s=window;s.Playground&&r&&s.Playground.onRequestCodeChangeObservable.notifyObservers({regex:new RegExp(r,"g"),replace:this.props.context.snippetId}),t.defaultView.alert("Animations saved with ID: "+this.props.context.snippetId)}else t.defaultView.alert(`Unable to save your animations. It may be too large (${(s.payload.length/1024).toFixed(2)} KB). Please try reducing the number of animations or the number of keys per animation and try again.`)},e.open("POST",r.Animation.SnippetUrl+(this.props.context.snippetId?"/"+this.props.context.snippetId:""),!0),e.setRequestHeader("Content-Type","application/json");var s={payload:JSON.stringify({animations:n}),name:"",description:"",tags:""};e.send(JSON.stringify(s))}saveToFile(){(class{static _SaveAs(e,t,n){if("download"in HTMLAnchorElement.prototype){var r=window.URL||window.webkitURL;const s=n.createElement("a");return s.download=t,s.rel="noopener",s.href=r.createObjectURL(e),setTimeout((()=>{r.revokeObjectURL(s.href)}),4e4),void setTimeout((()=>{this._Click(s,n)}),0)}let s=open("","_blank");s&&(s.document.title=s.document.body.innerText="downloading...");const a="application/octet-stream"===e.type,i=/constructor/i.test(window.HTMLElement)||window.safari,o=/CriOS\/[\d]+/.test(navigator.userAgent);if((o||a&&i)&&"undefined"!=typeof FileReader){const t=new FileReader;t.onloadend=()=>{let e=t.result;e=o?e:e.replace(/^data:[^;]*;/,"data:attachment/file;"),s?s.location.href=e:location=e,s=null},t.readAsDataURL(e)}else{const t=(r=window.URL||window.webkitURL).createObjectURL(e);s?s.location.href=t:location.href=t,s=null,setTimeout((function(){r.revokeObjectURL(t)}),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)}}).DownloadAsFile(this._root.current.ownerDocument,this._getJson(),"animations.json")}render(){var e;return(0,s.jsxs)("div",Object.assign({id:"save-animation-pane",ref:this._root},{children:[(0,s.jsx)("div",Object.assign({id:"save-animation-list"},{children:null===(e=this.props.context.animations)||void 0===e?void 0:e.map(((e,t)=>{const n=this.props.context.useTargetAnimations?e.animation:e;return(0,s.jsxs)("div",Object.assign({className:"save-animation-list-entry"},{children:[(0,s.jsx)("input",{type:"checkbox",value:n.name,defaultChecked:!0,onClick:e=>{if(e.currentTarget.checked)this._selectedAnimations.push(n);else{const e=this._selectedAnimations.indexOf(n);e>-1&&this._selectedAnimations.splice(e,1)}}}),n.name]}),t)}))})),(0,s.jsxs)("div",Object.assign({id:"save-animation-buttons"},{children:[(0,s.jsx)("button",Object.assign({className:"simple-button",id:"save-snippet",type:"button",onClick:()=>{this.saveToSnippetServer()}},{children:"Save Snippet"})),(0,s.jsx)("button",Object.assign({className:"simple-button",id:"save-file",type:"button",onClick:()=>{this.saveToFile()}},{children:"Save File"}))]})),this.props.context.snippetId&&(0,s.jsxs)("div",Object.assign({id:"save-animation-snippet"},{children:["Snippet ID: ",this.props.context.snippetId]}))]}))}}class ii extends t.Component{constructor(e){super(e),this.state={},this._root=t.createRef(),this._textInput=t.createRef()}loadFromFile(e){const t=e.target.files;if(!t||!t.length)return;const n=t[0];r.Tools.ReadFile(n,(e=>{const t=this.props.context,n=new TextDecoder("utf-8"),s=JSON.parse(n.decode(e)).animations;t.animations=[];const a=t.animations;for(const e of s)a.push(r.Animation.Parse(e));t.stop(),t.target.animations=a,t.activeAnimations=a.length?a:[],t.prepare(),t.onAnimationsLoaded.notifyObservers(),t.onActiveAnimationChanged.notifyObservers({})}),void 0,!0),e.target.value=""}loadFromSnippetServer(){const e=this.props.context,t=this._textInput.current.value;r.Animation.CreateFromSnippetAsync(t).then((n=>{e.snippetId=t,void 0!==n.length?e.animations=n:e.animations=[n],e.stop(),e.target.animations=e.animations,e.activeAnimations=e.animations.length?e.animations:[],e.prepare(),e.onAnimationsLoaded.notifyObservers(),e.onActiveAnimationChanged.notifyObservers({})})).catch((e=>{var t;null===(t=this._root.current)||void 0===t||t.ownerDocument.defaultView.alert("Unable to load your animations: "+e)}))}render(){return(0,s.jsxs)("div",Object.assign({id:"load-animation-pane",ref:this._root},{children:[(0,s.jsx)("div",Object.assign({id:"load-animation-snippet-id-label"},{children:"Snippet Id"})),(0,s.jsx)("div",Object.assign({id:"load-animation-local-file-label"},{children:"Local File"})),(0,s.jsx)("input",{type:"text",id:"load-snippet-id",ref:this._textInput}),(0,s.jsx)("button",Object.assign({className:"simple-button",id:"load-snippet",type:"button",onClick:()=>this.loadFromSnippetServer()},{children:"Load"})),(0,s.jsx)("label",Object.assign({htmlFor:"upload-snippet",id:"file-snippet-label",className:"simple-button"},{children:"Browse"})),(0,s.jsx)("input",{id:"upload-snippet",type:"file",accept:".json",onChange:e=>this.loadFromFile(e)}),this.props.context.snippetId&&(0,s.jsxs)("div",Object.assign({id:"load-animation-snippet"},{children:["Snippet ID: ",this.props.context.snippetId]}))]}))}}class oi extends t.Component{constructor(e){super(e),this.state={customPropertyMode:!1},this._root=t.createRef(),this._displayName=t.createRef(),this._property=t.createRef(),this._typeElement=t.createRef(),this._loopModeElement=t.createRef(),this._propertylement=t.createRef()}createNew(){const e=this.props.context,t=this._displayName.current.ownerDocument,n=this._displayName.current.value,s=this._property.current?this._property.current.value:this._propertylement.current.value,a=this._typeElement.current?this._typeElement.current.value:this.getInferredType(),i=this._loopModeElement.current.value;if(!n)return void t.defaultView.alert("Please define a display name");if(!s)return void t.defaultView.alert("Please define a property");const o=this.props.context.animations&&this.props.context.animations.length?this.props.context.useTargetAnimations?this.props.context.animations[0].animation.framePerSecond:this.props.context.animations[0].framePerSecond:60;let l=this.props.context.referenceMinFrame,p=this.props.context.referenceMaxFrame;if(this.props.context.animations)for(const e of this.props.context.animations){const t=this.props.context.useTargetAnimations?e.animation:e;l=Math.min(l,t.getKeys()[0].frame),p=Math.max(p,t.getKeys()[t.getKeys().length-1].frame)}let c,d,h,u,g,b,m=0,C=0;switch(a){case"Float":m=r.Animation.ANIMATIONTYPE_FLOAT,c=0,d=1,h=0,u=0,g=0,b=0;break;case"Vector2":m=r.Animation.ANIMATIONTYPE_VECTOR2,c=r.Vector2.Zero(),d=new r.Vector2(1,1),h=new r.Vector2(0,0),u=new r.Vector2(0,0),g=new r.Vector2(0,0),b=new r.Vector2(0,0);break;case"Vector3":m=r.Animation.ANIMATIONTYPE_VECTOR3,c=r.Vector3.Zero(),d=new r.Vector3(1,1,1),h=new r.Vector3(0,0,0),u=new r.Vector3(0,0,0),g=new r.Vector3(0,0,0),b=new r.Vector3(0,0,0);break;case"Quaternion":m=r.Animation.ANIMATIONTYPE_QUATERNION,c=r.Quaternion.Zero(),d=new r.Quaternion(1,1,1,0),h=new r.Quaternion(0,0,0,0),u=new r.Quaternion(0,0,0,0),g=new r.Quaternion(0,0,0,0),b=new r.Quaternion(0,0,0,0);break;case"Color3":m=r.Animation.ANIMATIONTYPE_COLOR3,c=r.Color3.Black(),d=r.Color3.White(),h=new r.Color3(0,0,0),u=new r.Color3(0,0,0),g=new r.Color3(0,0,0),b=new r.Color3(0,0,0);break;case"Color4":m=r.Animation.ANIMATIONTYPE_COLOR4,c=new r.Color4(0,0,0,0),d=new r.Color4(1,1,1,1),h=new r.Color4(0,0,0,0),u=new r.Color4(0,0,0,0),g=new r.Color4(0,0,0,0),b=new r.Color4(0,0,0,0)}switch(i){case"Cycle":C=r.Animation.ANIMATIONLOOPMODE_CYCLE;break;case"Relative":C=r.Animation.ANIMATIONLOOPMODE_RELATIVE;break;case"Constant":C=r.Animation.ANIMATIONLOOPMODE_CONSTANT}const f=new r.Animation(n,s,o,m,C),v=[];v.push({frame:l,value:c,inTangent:h,outTangent:u}),v.push({frame:p,value:d,inTangent:g,outTangent:b}),f.setKeys(v),e.stop(),e.animations&&0!==e.animations.length||(e.animations=[],e.target&&(e.target.animations=e.animations)),e.useTargetAnimations||e.animations.push(f),e.activeAnimations.push(f),e.prepare(),e.onActiveAnimationChanged.notifyObservers({}),e.onAnimationsLoaded.notifyObservers()}getInferredType(e=""){const t=this.props.context.target;this._propertylement.current&&(e=this._propertylement.current.value);const n=t[e];return isNaN(parseFloat(n))?n.getClassName():"Float"}render(){const e=[];let t="";if(this.props.context.target){let n=this.props.context.target;const r=n;for(;null!==n;){const t=Object.getOwnPropertyDescriptors(n);for(const n in t){const s=t[n];"_"!==n[0]&&null!==r[n]&&void 0!==r[n]&&(void 0===r[n].r&&void 0===r[n].x&&isNaN(parseFloat(r[n]))||-1===e.indexOf(n)&&(s.writable||s.set)&&e.push(n))}n=Object.getPrototypeOf(n)}e.sort();const s=["scaling","rotation","position"];for(const t of s){const n=e.indexOf(t);-1!==n&&(e.splice(n,1),e.splice(0,0,t))}t=this._propertylement.current?this.getInferredType():this.getInferredType(e[0])}const n=this.state.customPropertyMode||0===e.length;return(0,s.jsxs)("div",Object.assign({id:"add-animation-pane",ref:this._root},{children:[(0,s.jsx)("div",Object.assign({id:"add-animation-display-name-label"},{children:"Display Name"})),(0,s.jsx)("div",Object.assign({id:"add-animation-mode-label"},{children:"Mode"})),(0,s.jsx)("div",Object.assign({id:"add-animation-property-label"},{children:"Property"})),(0,s.jsx)("div",Object.assign({id:"add-animation-type-label"},{children:"Type"})),(0,s.jsx)("div",Object.assign({id:"add-animation-loop-mode-label"},{children:"Loop Mode"})),(0,s.jsx)("input",{type:"text",id:"add-animation-name",ref:this._displayName,className:"input-text",defaultValue:""}),(0,s.jsx)("select",Object.assign({id:"add-animation-mode",className:"option",value:this.state.customPropertyMode?"Custom":"List",onChange:e=>{this.setState({customPropertyMode:"Custom"===e.currentTarget.value})}},{children:["Custom","List"].map(((e,t)=>(0,s.jsx)("option",Object.assign({value:e,title:e},{children:e}),e+t)))})),n&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("input",{type:"text",id:"add-animation-property",ref:this._property,className:"input-text",defaultValue:""}),(0,s.jsx)("select",Object.assign({id:"add-animation-type",className:"option",ref:this._typeElement},{children:["Float","Vector2","Vector3","Quaternion","Color3","Color4"].map(((e,t)=>(0,s.jsx)("option",Object.assign({value:e,title:e},{children:e}),e+t)))}))]}),!n&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("select",Object.assign({id:"add-animation-property",className:"option",ref:this._propertylement,onClick:()=>{this.forceUpdate()}},{children:e.map(((e,t)=>(0,s.jsx)("option",Object.assign({value:e,title:e},{children:e}),e+t)))})),(0,s.jsx)("div",Object.assign({id:"add-animation-type"},{children:t}))]}),(0,s.jsx)("select",Object.assign({id:"add-animation-loop-mode",className:"option",ref:this._loopModeElement},{children:["Cycle","Relative","Constant"].map(((e,t)=>(0,s.jsx)("option",Object.assign({value:e,title:e},{children:e}),e+t)))})),(0,s.jsx)("button",Object.assign({className:"simple-button",id:"add-animation",type:"button",onClick:()=>this.createNew()},{children:"Create"}))]}))}}class li extends t.Component{constructor(e){super(e),this.state={isVisible:!1,animation:null},this._root=t.createRef(),this._displayName=t.createRef(),this._property=t.createRef(),this._loopModeElement=t.createRef(),this._onEditAnimationRequiredObserver=this.props.context.onEditAnimationRequired.add((e=>{this.setState({isVisible:!0,animation:e})}))}componentWillUnmount(){this._onEditAnimationRequiredObserver&&this.props.context.onEditAnimationRequired.remove(this._onEditAnimationRequiredObserver)}close(){this.setState({isVisible:!1}),this.props.context.onEditAnimationUIClosed.notifyObservers()}validate(){const e=this.props.context,t=this._displayName.current.ownerDocument,n=this._displayName.current.value,s=this._property.current.value,a=this._loopModeElement.current.value;if(!n)return void t.defaultView.alert("Please define a display name");if(!s)return void t.defaultView.alert("Please define a property");const i=this.state.animation;switch(i.name=n,i.targetProperty!==s&&(i.targetProperty=s,i.targetPropertyPath=s.split("."),e.stop()),a){case"Cycle":i.loopMode=r.Animation.ANIMATIONLOOPMODE_CYCLE;break;case"Relative":i.loopMode=r.Animation.ANIMATIONLOOPMODE_RELATIVE;break;case"Constant":i.loopMode=r.Animation.ANIMATIONLOOPMODE_CONSTANT}this.close()}render(){var e;if(!this.state.isVisible)return null;const t=["Relative","Cycle","Constant"];return(0,s.jsxs)("div",Object.assign({id:"edit-animation-pane",ref:this._root},{children:[(0,s.jsx)("div",Object.assign({id:"edit-animation-display-name-label"},{children:"Display Name"})),(0,s.jsx)("div",Object.assign({id:"edit-animation-property-label"},{children:"Property"})),(0,s.jsx)("div",Object.assign({id:"edit-animation-loop-mode-label"},{children:"Loop Mode"})),(0,s.jsx)("input",{type:"text",id:"edit-animation-name",ref:this._displayName,className:"input-text",defaultValue:this.state.animation.name||""}),(0,s.jsx)("input",{type:"text",id:"edit-animation-property",ref:this._property,className:"input-text",defaultValue:this.state.animation.targetProperty}),(0,s.jsx)("select",Object.assign({id:"edit-animation-loop-mode",className:"option",ref:this._loopModeElement,defaultValue:t[null!==(e=this.state.animation.loopMode)&&void 0!==e?e:1]},{children:t.map(((e,t)=>(0,s.jsx)("option",Object.assign({value:e,title:e},{children:e}),e+t)))})),(0,s.jsxs)("div",Object.assign({id:"edit-animation"},{children:[(0,s.jsx)("button",Object.assign({className:"simple-button",id:"edit-animation-ok",type:"button",onClick:()=>this.validate()},{children:"OK"})),(0,s.jsx)("button",Object.assign({className:"simple-button",id:"edit-animation-cancel",type:"button",onClick:()=>this.close()},{children:"Cancel"}))]}))]}))}}var pi=l(9111),ci={};ci.styleTagTransform=Ir(),ci.setAttributes=Er(),ci.insert=Pr().bind(null,"head"),ci.domAPI=Lr(),ci.insertStyleElement=Tr(),Mr()(pi.Z,ci),pi.Z&&pi.Z.locals&&pi.Z.locals;var di,hi=l(8271),ui=l(3241),gi=l(1903),bi=l(3538);!function(e){e[e.Edit=0]="Edit",e[e.Add=1]="Add",e[e.Load=2]="Load",e[e.Save=3]="Save"}(di||(di={}));class mi extends t.Component{constructor(e){super(e),this.state={mode:di.Edit},this.props.context.onDeleteAnimation.add((e=>{const t=this.props.context.activeAnimations.indexOf(e);-1!==t&&(this.props.context.activeAnimations.splice(t,1),this.props.context.onActiveAnimationChanged.notifyObservers({}));let n=-1;if(this.props.context.useTargetAnimations){const t=this.props.context.animations;for(let r=0;r<t.length;r++)if(t[r].animation===e){n=r;break}}else n=this.props.context.animations.indexOf(e);n>-1&&(this.props.context.animations.splice(n,1),this.forceUpdate())})),this.props.context.onAnimationsLoaded.add((()=>this.setState({mode:di.Edit})))}_onAddAnimation(){this.state.mode!==di.Add&&this.setState({mode:di.Add})}_onLoadAnimation(){this.state.mode!==di.Load&&this.setState({mode:di.Load})}_onSaveAnimation(){this.state.mode!==di.Save&&this.setState({mode:di.Save})}_onEditAnimation(){this.state.mode!==di.Edit&&this.setState({mode:di.Edit})}render(){let e="60";return this.props.context.animations&&this.props.context.animations.length&&(e=this.props.context.useTargetAnimations?this.props.context.animations[0].animation.framePerSecond.toString():this.props.context.animations[0].framePerSecond.toString()),(0,s.jsxs)("div",Object.assign({id:"sideBar"},{children:[(0,s.jsxs)("div",Object.assign({id:"menu-bar",className:this.props.context.useTargetAnimations?"small":""},{children:[!this.props.context.useTargetAnimations&&(0,s.jsx)(wa,{tooltip:"Add new animation",isActive:this.state.mode===di.Add,id:"add-animation",globalState:this.props.globalState,context:this.props.context,icon:hi,onClick:()=>this._onAddAnimation()}),!this.props.context.useTargetAnimations&&(0,s.jsx)(wa,{tooltip:"Load animations",isActive:this.state.mode===di.Load,id:"load-animation",globalState:this.props.globalState,context:this.props.context,icon:ui,onClick:()=>this._onLoadAnimation()}),(0,s.jsx)(wa,{tooltip:"save current animations",isActive:this.state.mode===di.Save,id:"save-animation",globalState:this.props.globalState,context:this.props.context,icon:gi,onClick:()=>this._onSaveAnimation()}),(0,s.jsx)(wa,{tooltip:"Edit animations",isActive:this.state.mode===di.Edit,id:"edit-animation",globalState:this.props.globalState,context:this.props.context,icon:bi,onClick:()=>this._onEditAnimation()}),(0,s.jsx)(Js,{value:e,complement:" fps",isNumber:!0,onValueAsNumberChanged:e=>{var t;null===(t=this.props.context.animations)||void 0===t||t.forEach((t=>{this.props.context.useTargetAnimations?t.animation.framePerSecond=e:t.framePerSecond=e}))},tooltip:"Framerate",id:"framerate-animation",globalState:this.props.globalState,context:this.props.context})]})),this.state.mode===di.Edit&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(si,{globalState:this.props.globalState,context:this.props.context}),(0,s.jsx)(li,{globalState:this.props.globalState,context:this.props.context})]}),this.state.mode===di.Save&&(0,s.jsx)(ai,{globalState:this.props.globalState,context:this.props.context}),this.state.mode===di.Load&&(0,s.jsx)(ii,{globalState:this.props.globalState,context:this.props.context}),this.state.mode===di.Add&&(0,s.jsx)(oi,{globalState:this.props.globalState,context:this.props.context})]}))}}var Ci=l(6153),fi={};fi.styleTagTransform=Ir(),fi.setAttributes=Er(),fi.insert=Pr().bind(null,"head"),fi.domAPI=Lr(),fi.insertStyleElement=Tr(),Mr()(Ci.Z,fi),Ci.Z&&Ci.Z.locals&&Ci.Z.locals;class vi extends t.Component{constructor(e){super(e),this.state={isOpen:!1}}onCloseAnimationCurveEditor(e){null!==e&&e.close(),this.setState({isOpen:!1}),this.props.context.activeAnimations=[],this.props.context.onActiveAnimationChanged.notifyObservers({})}shouldComponentUpdate(e,t){return t.isOpen!==this.state.isOpen&&(t.isOpen&&(this.props.context.prepare(),this.props.context.animations&&this.props.context.animations.length&&setTimeout((()=>{this.props.context.activeAnimations.push(this.props.context.useTargetAnimations?this.props.context.animations[0].animation:this.props.context.animations[0]),this.props.context.onActiveAnimationChanged.notifyObservers({})}))),!0)}_onKeyDown(e){var t;switch(e.key){case"Delete":(null===(t=this.props.context.activeKeyPoints)||void 0===t?void 0:t.length)&&!this.props.context.focusedInput&&this.props.context.onDeleteKeyActiveKeyPoints.notifyObservers();break;case" ":this.props.context.isPlaying?this.props.context.stop():this.props.context.play(!0);break;case"a":e.ctrlKey&&(this.props.context.onSelectAllKeys.notifyObservers(),this.props.context.onActiveKeyPointChanged.notifyObservers(),e.preventDefault());break;case"ArrowLeft":this.props.context.focusedInput||this.props.context.onMoveToFrameRequired.notifyObservers(Math.max(0,this.props.context.activeFrame-1));break;case"ArrowRight":this.props.context.focusedInput||this.props.context.onMoveToFrameRequired.notifyObservers(Math.min(this.props.context.clipLength,this.props.context.activeFrame+1));break;case"ArrowDown":const n=this.props.context.getPrevKey();null!==n&&this.props.context.onMoveToFrameRequired.notifyObservers(n);break;case"ArrowUp":const r=this.props.context.getNextKey();null!==r&&this.props.context.onMoveToFrameRequired.notifyObservers(r)}}render(){return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(yr,{label:"Edit",onClick:()=>{this.setState({isOpen:!0})}}),this.state.isOpen&&(0,s.jsx)(qs,Object.assign({id:"curve-editor",title:"Animation Curve Editor",size:{width:1024,height:512},onResize:()=>this.props.context.onHostWindowResized.notifyObservers(),onClose:e=>this.onCloseAnimationCurveEditor(e),onKeyDown:e=>this._onKeyDown(e)},{children:(0,s.jsxs)("div",Object.assign({id:"curve-editor"},{children:[(0,s.jsx)(Ta,{globalState:this.props.globalState,context:this.props.context}),(0,s.jsx)(mi,{globalState:this.props.globalState,context:this.props.context}),(0,s.jsx)(Ka,{globalState:this.props.globalState,context:this.props.context}),(0,s.jsx)(ja,{globalState:this.props.globalState,context:this.props.context})]}))}))]})}}class Ai{constructor(){this.activeAnimations=[],this.activeChannels={},this.useExistingPlayRange=!1,this.forwardAnimation=!0,this.referenceMinFrame=0,this.referenceMaxFrame=100,this.focusedInput=!1,this.onActiveAnimationChanged=new r.Observable,this.onActiveKeyPointChanged=new r.Observable,this.onHostWindowResized=new r.Observable,this.onSelectAllKeys=new r.Observable,this.onActiveKeyFrameChanged=new r.Observable,this.onFrameSet=new r.Observable,this.onFrameManuallyEntered=new r.Observable,this.onMainKeyPointSet=new r.Observable,this.onMainKeyPointMoved=new r.Observable,this.onValueSet=new r.Observable,this.onValueManuallyEntered=new r.Observable,this.onFrameRequired=new r.Observable,this.onCreateOrUpdateKeyPointRequired=new r.Observable,this.onFlattenTangentRequired=new r.Observable,this.onLinearTangentRequired=new r.Observable,this.onBreakTangentRequired=new r.Observable,this.onUnifyTangentRequired=new r.Observable,this.onStepTangentRequired=new r.Observable,this.onDeleteAnimation=new r.Observable,this.onGraphMoved=new r.Observable,this.onGraphScaled=new r.Observable,this.onRangeUpdated=new r.Observable,this.onMoveToFrameRequired=new r.Observable,this.onAnimationStateChanged=new r.Observable,this.onDeleteKeyActiveKeyPoints=new r.Observable,this.onSelectionRectangleMoved=new r.Observable,this.onAnimationsLoaded=new r.Observable,this.onEditAnimationRequired=new r.Observable,this.onEditAnimationUIClosed=new r.Observable,this.onClipLengthIncreased=new r.Observable,this.onClipLengthDecreased=new r.Observable,this.onInterpolationModeSet=new r.Observable,this.onSelectToActivated=new r.Observable,this.lockLastFrameValue=!1,this.lockLastFrameFrame=!1,this.onActiveKeyDataChanged=new r.Observable}prepare(){if(this.isPlaying=!1,!this.animations||!this.animations.length)return;const e=this.useTargetAnimations?this.animations[0].animation:this.animations[0],t=e.getKeys();this.referenceMinFrame=0,this.referenceMaxFrame=t[t.length-1].frame,this.useExistingPlayRange||(this.fromKey=this.referenceMinFrame,this.toKey=this.referenceMaxFrame),this.snippetId=e.snippetId,this.clipLength=this.referenceMaxFrame,e&&e.hasRunningRuntimeAnimations&&(this.isPlaying=!0)}play(e){let t;this.isPlaying=!0,this.scene.stopAnimation(this.target),e?this.rootAnimationGroup?this.rootAnimationGroup.start(!0,1,this.fromKey,this.toKey):t=this.scene.beginAnimation(this.target,this.fromKey,this.toKey,!0):this.rootAnimationGroup?this.rootAnimationGroup.start(!0,1,this.toKey,this.fromKey):t=this.scene.beginAnimation(this.target,this.toKey,this.fromKey,!0),this.forwardAnimation=e,this.rootAnimationGroup?this.rootAnimationGroup.goToFrame(this.activeFrame):t.goToFrame(this.activeFrame),this.onAnimationStateChanged.notifyObservers()}stop(){this.isPlaying=!1,this.rootAnimationGroup?this.rootAnimationGroup.stop():this.scene.stopAnimation(this.target),this.onAnimationStateChanged.notifyObservers()}moveToFrame(e){if(this.animations&&this.animations.length){this.activeFrame=e,this.isPlaying||(this.rootAnimationGroup?this.rootAnimationGroup.start(!1,1,this.fromKey,this.toKey):this.scene.beginAnimation(this.target,this.fromKey,this.toKey,!1));for(const t of this.animations){const n=this.useTargetAnimations?t.animation:t;if(!n.hasRunningRuntimeAnimations)return;for(const t of n.runtimeAnimations)t.goToFrame(e)}this.stop()}}refreshTarget(){this.animations&&this.animations.length&&(this.isPlaying||this.moveToFrame(this.activeFrame))}clearSelection(){this.activeKeyPoints=[],this.onActiveKeyPointChanged.notifyObservers()}enableChannel(e,t){this.activeChannels[e.uniqueId]=t}disableChannel(e){delete this.activeChannels[e.uniqueId]}isChannelEnabled(e,t){return void 0===this.activeChannels[e.uniqueId]||this.activeChannels[e.uniqueId]===t}getActiveChannel(e){return this.activeChannels[e.uniqueId]}resetAllActiveChannels(){this.activeChannels={}}getAnimationSortIndex(e){var t;if(!this.animations)return-1;for(let n=0;n<(null===(t=this.animations)||void 0===t?void 0:t.length);n++)if(e===(this.useTargetAnimations?this.animations[0].animation:this.animations[n]))return n;return-1}getPrevKey(){if(!this.animations||!this.animations.length||0===this.activeAnimations.length)return null;let e=-Number.MAX_VALUE;for(const t of this.activeAnimations){const n=t.getKeys();for(const t of n)t.frame<this.activeFrame&&t.frame>e&&(e=t.frame)}return e===-Number.MAX_VALUE&&(e=this.fromKey),e}getNextKey(){if(!this.animations||!this.animations.length)return null;let e=Number.MAX_VALUE;for(const t of this.activeAnimations){const n=t.getKeys();for(const t of n)t.frame>this.activeFrame&&t.frame<e&&(e=t.frame)}return e===Number.MAX_VALUE&&(e=this.toKey),e}getKeyAtAnyFrameIndex(e){if(!(this.animations&&this.animations.length&&this.activeAnimations&&this.activeAnimations.length))return null;let t=0;for(const n of this.activeAnimations){const r=n.getKeys();let s=0;for(const n of r){if(0===Math.floor(e-n.frame))return{animationIndex:t,keyIndex:s};s++}t++}return null}hasActiveQuaternionAnimationKeyPoints(){var e;const t=null===(e=this.activeKeyPoints)||void 0===e?void 0:e.map((e=>e.props.curve.animation.dataType)),n=null==t?void 0:t.filter((e=>e===r.Animation.ANIMATIONTYPE_QUATERNION));return((null==n?void 0:n.length)||0)>0}}class xi extends t.Component{constructor(e){super(e),this._animations=null,this._isPlaying=!1,this._animationControl={from:0,to:0,loop:!1,initialized:!1},this.state={currentFrame:0};const n=this.props.animatable;if(this._ranges=n.getAnimationRanges?n.getAnimationRanges():[],n.getAnimatables){const e=n.getAnimatables();this._animations=new Array,e.forEach((e=>{e.animations&&this._animations.push(...e.animations)})),n.animations&&this._animations.push(...n.animations),this._animations&&this._animations.length&&this._animations.forEach((e=>{const t=e.getKeys();if(t&&t.length>0){t[0].frame<this._animationControl.from&&(this._animationControl.from=t[0].frame);const e=t.length-1;t[e].frame>this._animationControl.to&&(this._animationControl.to=t[e].frame)}}))}this.timelineRef=t.createRef()}playOrPause(){const e=this.props.animatable;this._isPlaying=this.props.scene.getAllAnimatablesByTarget(e).length>0,this._isPlaying?(this.props.scene.stopAnimation(this.props.animatable),this._mainAnimatable=null):this._mainAnimatable=this.props.scene.beginAnimation(this.props.animatable,this._animationControl.from,this._animationControl.to,this._animationControl.loop),this.forceUpdate()}componentDidMount(){this._onBeforeRenderObserver=this.props.scene.onBeforeRenderObservable.add((()=>{this._isPlaying&&this._mainAnimatable&&this.setState({currentFrame:this._mainAnimatable.masterFrame})}))}componentWillUnmount(){this._onBeforeRenderObserver&&(this.props.scene.onBeforeRenderObservable.remove(this._onBeforeRenderObserver),this._onBeforeRenderObserver=null)}onCurrentFrameChange(e){this._mainAnimatable&&(this._mainAnimatable.goToFrame(e),this.setState({currentFrame:e}))}onChangeFromOrTo(){this.playOrPause(),this._isPlaying&&this.playOrPause()}componentDidUpdate(e){e.animatable.uniqueId!==this.props.animatable.uniqueId&&(this._animationCurveEditorContext=null)}render(){const e=this.props.animatable,t=this.props.animatable,n=this.props.scene.getAllAnimatablesByTarget(e);this._isPlaying=n.length>0,this._isPlaying&&(this._mainAnimatable=n[0],this._mainAnimatable&&(this._animationControl.from=this._mainAnimatable.fromFrame,this._animationControl.to=this._mainAnimatable.toFrame,this._animationControl.loop=this._mainAnimatable.loopAnimation,this._animationControl.initialized=!0));const a=e.animations;return this._animationCurveEditorContext||(this._animationCurveEditorContext=new Ai,this._animationCurveEditorContext.title=this.props.animatable.name||"",this._animationCurveEditorContext.animations=a,this._animationCurveEditorContext.target=this.props.animatable,this._animationCurveEditorContext.scene=this.props.scene,this._animationCurveEditorContext.fromKey=this._animationControl.from,this._animationCurveEditorContext.toKey=this._animationControl.to,this._animationCurveEditorContext.useExistingPlayRange=this._animationControl.initialized),(0,s.jsxs)("div",{children:[this._ranges.length>0&&(0,s.jsx)(vr,Object.assign({title:"ANIMATION RANGES",selection:this.props.globalState},{children:this._ranges.map(((t,n)=>(0,s.jsx)(yr,{label:t.name,onClick:()=>{this._mainAnimatable=null,this.props.scene.beginAnimation(e,t.from,t.to,!0)}},t.name+n)))})),a&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(vr,Object.assign({title:"ANIMATIONS",selection:this.props.globalState},{children:[(0,s.jsx)(Cr,{label:"Count",value:a.length.toString()}),a.map(((e,t)=>(0,s.jsx)(Cr,{label:"#"+t+" >",value:e.targetProperty},e.targetProperty+t))),(0,s.jsx)(vi,{globalState:this.props.globalState,context:this._animationCurveEditorContext})]})),a.length>0&&(0,s.jsxs)(vr,Object.assign({title:"ANIMATION GENERAL CONTROL",selection:this.props.globalState},{children:[(0,s.jsx)(Ts,{lockObject:this.props.lockObject,isInteger:!0,label:"From",target:this._animationControl,propertyName:"from",onChange:()=>this.onChangeFromOrTo()}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,isInteger:!0,label:"To",target:this._animationControl,propertyName:"to",onChange:()=>this.onChangeFromOrTo()}),(0,s.jsx)(Zr,{label:"Loop",onSelect:e=>{this._animationControl.loop=e,n.forEach((t=>{t.loopAnimation=e}))},isSelected:()=>this._animationControl.loop}),this._isPlaying&&(0,s.jsx)(_s,{ref:this.timelineRef,label:"Current frame",minimum:this._animationControl.from,maximum:this._animationControl.to,step:(this._animationControl.to-this._animationControl.from)/1e3,directValue:this.state.currentFrame,onInput:e=>this.onCurrentFrameChange(e)}),(0,s.jsx)(yr,{label:this._isPlaying?"Stop":"Play",onClick:()=>this.playOrPause()}),(this._ranges.length>0||this._animations&&this._animations.length>0)&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Zr,{label:"Enable override",onSelect:e=>{e?(t.animationPropertiesOverride=new r.AnimationPropertiesOverride,t.animationPropertiesOverride.blendingSpeed=.05):t.animationPropertiesOverride=null,this.forceUpdate()},isSelected:()=>null!=t.animationPropertiesOverride,onValueChanged:()=>this.forceUpdate()}),null!=t.animationPropertiesOverride&&(0,s.jsxs)("div",{children:[(0,s.jsx)(Zr,{label:"Enable blending",target:t.animationPropertiesOverride,propertyName:"enableBlending",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Blending speed",target:t.animationPropertiesOverride,propertyName:"blendingSpeed",minimum:0,maximum:.1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})]})]}))]})]})}}class yi extends t.Component{constructor(e){super(e),this._localChange=!1,this._propertyChange=!0;const t=this.props.target[this.props.propertyName];this.state={value:t?this.props.isInteger?t.toFixed(0):t.toFixed(this.props.digits||3):"0"},this._store=t}componentWillUnmount(){this.unlock()}shouldComponentUpdate(e,t){if(this._localChange)return this._localChange=!1,!0;const n=e.target[e.propertyName],r=n?this.props.isInteger?n.toFixed(0):n.toFixed(this.props.digits||3):"0";return r!==t.value&&(t.value=r,!0)}raiseOnPropertyChanged(e,t){var n;this.props.onChange&&this.props.onChange(e),this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:null!==(n=this.props.replaySourceReplacement)&&void 0!==n?n:this.props.target,property:this.props.propertyName,value:e,initialValue:t})}convertToHexString(e){for(;e.length<10;)e+="0";return e}updateValue(e,t){"0x"!=e.substr(0,2)&&(e="0"!=e.substr(0,1)?"0x"+e:"0x"+e.substr(1));const n=e.substr(2);if(""!=n&&0==/^[0-9A-Fa-f]+$/g.test(n))return;if(e.length>10)return;const r=this.convertToHexString(e);let s;s=parseInt(r),isNaN(s)||void 0===this.props.min||s<this.props.min&&(s=this.props.min,e=s.toString()),this._localChange=!0,isNaN(s)||(this.setState({value:e}),t?(this._propertyChange=!0,this.props.target[this.props.propertyName]=s,this.raiseOnPropertyChanged(s,this._store)):this._propertyChange=!1,this._store=s)}lock(){this.props.lockObject&&(this.props.lockObject.lock=!0)}unlock(){this.props.lockObject&&(this.props.lockObject.lock=!1)}render(){let e;if(this._propertyChange){e=parseInt(this.state.value).toString(16);let t="";for(let n=0;n<8-e.length;n++)t+="0";e="0x"+t+e.toUpperCase()}else e=this.state.value;return(0,s.jsx)("div",{children:!this.props.useEuler&&(0,s.jsxs)("div",Object.assign({className:this.props.additionalClass?this.props.additionalClass+" floatLine":"floatLine"},{children:[this.props.icon&&(0,s.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),(0,s.jsx)("div",Object.assign({className:"label",title:this.props.label},{children:this.props.label})),(0,s.jsx)("div",Object.assign({className:"value"},{children:(0,s.jsx)("input",{type:"string",className:"hex-input",value:e,onBlur:()=>this.unlock(),onFocus:()=>this.lock(),onChange:e=>this.updateValue(e.target.value,!1),onKeyDown:e=>{13===e.keyCode&&this.updateValue(this.state.value,!0)}})}))]}))})}}class ji extends t.Component{constructor(e){super(e)}render(){var e;const t=this.props.material;t.depthFunction=null!==(e=t.depthFunction)&&void 0!==e?e:0;const n=[{label:"Clockwise",value:r.Material.ClockWiseSideOrientation},{label:"Counterclockwise",value:r.Material.CounterClockWiseSideOrientation}],a=[{label:"<Not Defined>",value:Is},{label:"Opaque",value:r.PBRMaterial.PBRMATERIAL_OPAQUE},{label:"Alpha test",value:r.PBRMaterial.PBRMATERIAL_ALPHATEST},{label:"Alpha blend",value:r.PBRMaterial.PBRMATERIAL_ALPHABLEND},{label:"Alpha blend and test",value:r.PBRMaterial.PBRMATERIAL_ALPHATESTANDBLEND}],i=[{label:"Combine",value:r.Constants.ALPHA_COMBINE},{label:"One one",value:r.Constants.ALPHA_ONEONE},{label:"Add",value:r.Constants.ALPHA_ADD},{label:"Subtract",value:r.Constants.ALPHA_SUBTRACT},{label:"Multiply",value:r.Constants.ALPHA_MULTIPLY},{label:"Maximized",value:r.Constants.ALPHA_MAXIMIZED},{label:"Pre-multiplied",value:r.Constants.ALPHA_PREMULTIPLIED}],o=[{label:"<Engine Default>",value:0},{label:"Never",value:r.Engine.NEVER},{label:"Always",value:r.Engine.ALWAYS},{label:"Equal",value:r.Engine.EQUAL},{label:"Less",value:r.Engine.LESS},{label:"Less or equal",value:r.Engine.LEQUAL},{label:"Greater",value:r.Engine.GREATER},{label:"Greater or equal",value:r.Engine.GEQUAL},{label:"Not equal",value:r.Engine.NOTEQUAL}],l=[{label:"Never",value:r.Constants.NEVER},{label:"Always",value:r.Constants.ALWAYS},{label:"Equal",value:r.Constants.EQUAL},{label:"Less",value:r.Constants.LESS},{label:"Less or equal",value:r.Constants.LEQUAL},{label:"Greater",value:r.Constants.GREATER},{label:"Greater or equal",value:r.Constants.GEQUAL},{label:"Not equal",value:r.Constants.NOTEQUAL}],p=[{label:"Keep",value:r.Constants.KEEP},{label:"Zero",value:r.Constants.ZERO},{label:"Replace",value:r.Constants.REPLACE},{label:"Incr",value:r.Constants.INCR},{label:"Decr",value:r.Constants.DECR},{label:"Invert",value:r.Constants.INVERT},{label:"Incr wrap",value:r.Constants.INCR_WRAP},{label:"Decr wrap",value:r.Constants.DECR_WRAP}];return(0,s.jsxs)("div",{children:[(0,s.jsx)(Ks,{globalState:this.props.globalState,target:t,lockObject:this.props.lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"GENERAL",selection:this.props.globalState},{children:[(0,s.jsx)(Cr,{label:"ID",value:t.id}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Name",target:t,propertyName:"name",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Cr,{label:"Unique ID",value:t.uniqueId.toString()}),(0,s.jsx)(Cr,{label:"Class",value:t.getClassName()}),(0,s.jsx)(Zr,{label:"Backface culling",target:t,propertyName:"backFaceCulling",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(zs,{label:"Orientation",options:n,target:t,propertyName:"sideOrientation",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:e=>this.setState({mode:e})}),(0,s.jsx)(Zr,{label:"Disable lighting",target:t,propertyName:"disableLighting",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Disable color write",target:t,propertyName:"disableColorWrite",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Disable depth write",target:t,propertyName:"disableDepthWrite",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(zs,{label:"Depth function",options:o,target:t,propertyName:"depthFunction",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:e=>this.setState({depthFunction:e})}),(0,s.jsx)(Zr,{label:"Need depth pre-pass",target:t,propertyName:"needDepthPrePass",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Wireframe",target:t,propertyName:"wireframe",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Point cloud",target:t,propertyName:"pointsCloud",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Point size",target:t,propertyName:"pointSize",minimum:0,maximum:100,step:.1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Z-offset Factor",target:t,propertyName:"zOffset",minimum:-10,maximum:10,step:.1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Z-offset Units",target:t,propertyName:"zOffsetUnits",minimum:-10,maximum:10,step:.1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(yr,{label:"Dispose",onClick:()=>{t.dispose(),this.props.globalState.onSelectionChangedObservable.notifyObservers(null)}})]})),(0,s.jsxs)(vr,Object.assign({title:"TRANSPARENCY",selection:this.props.globalState},{children:[(0,s.jsx)(_s,{label:"Alpha",target:t,propertyName:"alpha",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),void 0!==t.transparencyMode&&(0,s.jsx)(zs,{allowNullValue:!0,label:"Transparency mode",options:a,target:t,propertyName:"transparencyMode",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:e=>this.setState({transparencyMode:e})}),(0,s.jsx)(zs,{label:"Alpha mode",options:i,target:t,propertyName:"alphaMode",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:e=>this.setState({alphaMode:e})}),t.diffuseTexture&&(0,s.jsx)(Zr,{label:"Diffuse texture has alpha",target:t.diffuseTexture,propertyName:"hasAlpha",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),void 0!==t.useAlphaFromDiffuseTexture&&(0,s.jsx)(Zr,{label:"Use alpha from diffuse texture",target:t,propertyName:"useAlphaFromDiffuseTexture",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.albedoTexture&&(0,s.jsx)(Zr,{label:"Albedo texture has alpha",target:t.albedoTexture,propertyName:"hasAlpha",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),void 0!==t.useAlphaFromAlbedoTexture&&(0,s.jsx)(Zr,{label:"Use alpha from albedo texture",target:t,propertyName:"useAlphaFromAlbedoTexture",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Separate culling pass",target:t,propertyName:"separateCullingPass",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),t.stencil&&(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)(vr,Object.assign({title:"STENCIL",selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Enabled",target:t.stencil,propertyName:"enabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(yi,{isInteger:!0,lockObject:this.props.lockObject,label:"Mask",target:t.stencil,propertyName:"mask",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(zs,{label:"Function",options:l,target:t.stencil,propertyName:"func",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:e=>this.setState({stencilFunction:e})}),(0,s.jsx)(Ts,{isInteger:!0,lockObject:this.props.lockObject,label:"Function reference",target:t.stencil,propertyName:"funcRef",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(yi,{isInteger:!0,lockObject:this.props.lockObject,label:"Function mask",target:t.stencil,propertyName:"funcMask",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(zs,{label:"Op stencil fail",options:p,target:t.stencil,propertyName:"opStencilFail",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:e=>this.setState({opStencilFail:e})}),(0,s.jsx)(zs,{label:"Op depth fail",options:p,target:t.stencil,propertyName:"opDepthFail",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:e=>this.setState({opDepthFail:e})}),(0,s.jsx)(zs,{label:"Op stencil+depth pass",options:p,target:t.stencil,propertyName:"opStencilDepthPass",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:e=>this.setState({opStencilDepthPass:e})})]}))}),(0,s.jsx)(xi,{globalState:this.props.globalState,animatable:t,scene:t.getScene(),lockObject:this.props.lockObject})]})}}class wi extends t.Component{constructor(e){super(e)}render(){const e=this.props.material;return(0,s.jsx)("div",Object.assign({className:"pane"},{children:(0,s.jsx)(ji,{globalState:this.props.globalState,lockObject:this.props.lockObject,material:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}))}}class Oi extends t.Component{constructor(e){super(e);const t=this.props.material,n=this.props.texture;this.state={isDebugSelected:t&&t.reservedDataStore&&t.reservedDataStore.debugTexture===n}}componentDidMount(){this.props.onDebugSelectionChangeObservable&&(this._onDebugSelectionChangeObserver=this.props.onDebugSelectionChangeObservable.add((e=>{e!==this&&this.setState({isDebugSelected:!1})})))}componentWillUnmount(){this.props.onDebugSelectionChangeObservable&&this._onDebugSelectionChangeObserver&&this.props.onDebugSelectionChangeObservable.remove(this._onDebugSelectionChangeObserver)}debugTexture(){if(this.props.customDebugAction){const e=!this.state.isDebugSelected;return this.props.customDebugAction(e),this.setState({isDebugSelected:e}),void(this.props.onDebugSelectionChangeObservable&&this.props.onDebugSelectionChangeObservable.notifyObservers(this))}const e=this.props.texture,t=this.props.material;if(!t||!e)return;const n=t.getScene();if(t.reservedDataStore&&t.reservedDataStore.debugTexture===e){const r=t.reservedDataStore.debugMaterial;for(var s of(e.level=t.reservedDataStore.level,n.meshes))s.material===r&&(s.material=t);return r.dispose(),t.reservedDataStore.debugTexture=null,t.reservedDataStore.debugMaterial=null,void this.setState({isDebugSelected:!1})}let a=t,i=!1;t.reservedDataStore&&t.reservedDataStore.debugTexture&&(a=t.reservedDataStore.debugMaterial,i=!0);const o=new r.StandardMaterial("debugMaterial",n);for(var s of(o.disableLighting=!0,o.sideOrientation=t.sideOrientation,o.emissiveTexture=e,o.forceDepthWrite=!0,o.reservedDataStore={hidden:!0},n.meshes))s.material===a&&(s.material=o);t.reservedDataStore||(t.reservedDataStore={}),t.reservedDataStore.debugTexture=e,t.reservedDataStore.debugMaterial=o,t.reservedDataStore.level=e.level,e.level=1,this.props.onDebugSelectionChangeObservable&&this.props.onDebugSelectionChangeObservable.notifyObservers(this),i&&a.dispose(),this.setState({isDebugSelected:!0})}onLink(){if(!this.props.onSelectionChangedObservable)return;const e=this.props.texture;this.props.onSelectionChangedObservable.notifyObservers(e)}updateTexture(e){const t=this.props.material;r.Tools.ReadFile(e,(e=>{const n=new Blob([e],{type:"octet/stream"}),s=URL.createObjectURL(n),a=new r.Texture(s,t.getScene(),!1,!1);this.props.propertyName?t[this.props.propertyName]=a:this.props.onTextureCreated&&this.props.onTextureCreated(a),this.forceUpdate()}),void 0,!0)}removeTexture(){const e=this.props.material;this.props.propertyName?e[this.props.propertyName]=null:this.props.onTextureRemoved&&this.props.onTextureRemoved(),this.forceUpdate()}render(){const e=this.props.texture;return e?(0,s.jsxs)("div",Object.assign({className:"textureLinkLine"},{children:[!e.isCube&&this.props.material&&(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("div",Object.assign({className:this.state.isDebugSelected?"debug selected":"debug"},{children:[(0,s.jsx)("span",Object.assign({className:"actionIcon",onClick:()=>this.debugTexture(),title:"Render as main texture"},{children:(0,s.jsx)(An,{icon:gr})})),(0,s.jsx)("span",Object.assign({className:"actionIcon",onClick:()=>this.removeTexture(),title:"Remove texture"},{children:(0,s.jsx)(An,{icon:lr})}))]}))}),(0,s.jsx)(Cr,{label:this.props.label,value:e.name,onLink:()=>this.onLink()})]})):this.props.propertyName||this.props.onTextureCreated?(0,s.jsx)(jr,{label:`Add ${this.props.label} texture`,onClick:e=>this.updateTexture(e),accept:".jpg, .png, .tga, .dds, .env"}):null}}class Si extends t.Component{constructor(e){super(e),this._onDebugSelectionChangeObservable=new r.Observable}renderTextures(){const e=this.props.material,t=this._onDebugSelectionChangeObservable;return(0,s.jsxs)(vr,Object.assign({title:"TEXTURES",selection:this.props.globalState},{children:[(0,s.jsx)(Oi,{label:"Diffuse",texture:e.diffuseTexture,propertyName:"diffuseTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),(0,s.jsx)(Oi,{label:"Specular",texture:e.specularTexture,propertyName:"specularTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),(0,s.jsx)(Oi,{label:"Reflection",texture:e.reflectionTexture,propertyName:"reflectionTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),(0,s.jsx)(Oi,{label:"Refraction",texture:e.refractionTexture,propertyName:"refractionTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),(0,s.jsx)(Oi,{label:"Emissive",texture:e.emissiveTexture,propertyName:"emissiveTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),(0,s.jsx)(Oi,{label:"Bump",texture:e.bumpTexture,propertyName:"bumpTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),(0,s.jsx)(Oi,{label:"Opacity",texture:e.opacityTexture,propertyName:"opacityTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),(0,s.jsx)(Oi,{label:"Ambient",texture:e.ambientTexture,propertyName:"ambientTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),(0,s.jsx)(Oi,{label:"Lightmap",texture:e.lightmapTexture,propertyName:"lightmapTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),(0,s.jsx)(Oi,{label:"Detailmap",texture:e.detailMap.texture,material:e,onTextureCreated:t=>e.detailMap.texture=t,onTextureRemoved:()=>e.detailMap.texture=null,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),(0,s.jsx)(Zr,{label:"Use lightmap as shadowmap",target:e,propertyName:"useLightmapAsShadowmap",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Use detailmap",target:e.detailMap,propertyName:"isEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))}render(){const e=this.props.material;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(ji,{globalState:this.props.globalState,lockObject:this.props.lockObject,material:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),this.renderTextures(),(0,s.jsxs)(vr,Object.assign({title:"LIGHTING & COLORS",selection:this.props.globalState},{children:[(0,s.jsx)(Zs,{label:"Diffuse",target:e,propertyName:"diffuseColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zs,{label:"Specular",target:e,propertyName:"specularColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Specular power",target:e,propertyName:"specularPower",minimum:0,maximum:128,step:.1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zs,{label:"Emissive",target:e,propertyName:"emissiveColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zs,{label:"Ambient",target:e,propertyName:"ambientColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Use specular over alpha",target:e,propertyName:"useSpecularOverAlpha",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsxs)(vr,Object.assign({title:"LEVELS",closed:!0,selection:this.props.globalState},{children:[e.diffuseTexture&&(0,s.jsx)(_s,{label:"Diffuse level",target:e.diffuseTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.specularTexture&&(0,s.jsx)(_s,{label:"Specular level",target:e.specularTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.reflectionTexture&&(0,s.jsx)(_s,{label:"Reflection level",target:e.reflectionTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.refractionTexture&&(0,s.jsx)(_s,{label:"Refraction level",target:e.refractionTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.emissiveTexture&&(0,s.jsx)(_s,{label:"Emissive level",target:e.emissiveTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.bumpTexture&&(0,s.jsx)(_s,{label:"Bump level",target:e.bumpTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.opacityTexture&&(0,s.jsx)(_s,{label:"Opacity level",target:e.opacityTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.ambientTexture&&(0,s.jsx)(_s,{label:"Ambient level",target:e.ambientTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.lightmapTexture&&(0,s.jsx)(_s,{label:"Lightmap level",target:e.lightmapTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.detailMap.isEnabled&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(_s,{label:"Detailmap diffuse",target:e.detailMap,propertyName:"diffuseBlendLevel",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Detailmap bump",target:e.detailMap,propertyName:"bumpLevel",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})]})),(0,s.jsxs)(vr,Object.assign({title:"NORMAL MAP",closed:!0,selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Invert X axis",target:e,propertyName:"invertNormalMapX",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Invert Y axis",target:e,propertyName:"invertNormalMapY",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))]}))}}class Mi{static async _ProcessAsync(e,t,n,s,a,i,o,l,p){const c=e.getScene(),d=c.getEngine();let h;if(e.isCube){const e=["#define POSITIVEX","#define NEGATIVEX","#define POSITIVEY","#define NEGATIVEY","#define POSITIVEZ","#define NEGATIVEZ"];h=new r.PostProcess("lodCube","lodCube",["lod","gamma"],null,1,null,r.Texture.NEAREST_NEAREST_MIPNEAREST,d,!1,e[s])}else h=new r.PostProcess("lod","lod",["lod","gamma"],null,1,null,r.Texture.NEAREST_NEAREST_MIPNEAREST,d);if(!h.getEffect().isReady())return h.dispose(),void setTimeout((()=>{this._ProcessAsync(e,t,n,s,a,i,o,l,p)}),250);o&&(o.blockMutationUpdates=!0);const u=new r.RenderTargetTexture("temp",{width:t,height:n},c,!1);h.onApply=function(t){t.setTexture("textureSampler",e),t.setFloat("lod",i),t.setBool("gamma",e.gammaSpace)};const g=e.getInternalTexture();if(u.renderTarget&&g){const s=g.samplingMode;e.updateSamplingMode(r.Texture.NEAREST_NEAREST_MIPNEAREST),c.postProcessManager.directRender([h],u.renderTarget,!0),e.updateSamplingMode(s);const i=4*t,o=n/2,p=await d.readPixels(0,0,t,n),m=new Uint8Array(p.buffer,0,p.byteLength);if(!(a.R&&a.G&&a.B&&a.A))for(var b=0;b<t*n*4;b+=4){if(a.A&&!a.R&&!a.G&&!a.B){m[b]=m[b+3],m[b+1]=m[b+3],m[b+2]=m[b+3],m[b+3]=255;continue}let e=m[b],t=m[b+1],n=m[b+2],r=m[b+3];a.A||(r=255),a.R||(e=a.G&&!a.B?t:a.B&&!a.G?n:0),a.G||(t=a.R&&!a.B?e:a.B&&!a.R?n:0),a.B||(n=a.R&&!a.G?e:a.G&&!a.R?t:0),m[b]=e,m[b+1]=t,m[b+2]=n,m[b+3]=r}if(e.invertY||e.isCube)for(b=0;b<o;b++)for(let e=0;e<i;e++){const t=e+b*i,r=e+(n-b-1)*i,s=m[t];m[t]=m[r],m[r]=s}l(m),d.unBindFramebuffer(u.renderTarget)}else p();u.dispose(),h.dispose(),o&&(o.blockMutationUpdates=!1)}static GetTextureDataAsync(e,t,n,r,s,a,i=0){return new Promise(((o,l)=>{e.isReady()||!e._texture?this._ProcessAsync(e,t,n,r,s,i,a||null,o,l):e._texture.onLoadedObservable.addOnce((()=>{this._ProcessAsync(e,t,n,r,s,i,a||null,o,l)}))}))}}class Ni extends t.Component{constructor(e){super(e),this.state={channels:Ni.TextureChannelStates.ALL,face:0},this.canvasRef=t.createRef()}shouldComponentUpdate(e,t){return e.texture!==this.props.texture||t.channels!==this.state.channels||t.face!==this.state.face}componentDidMount(){this.updatePreview()}componentDidUpdate(){this.updatePreview()}async updatePreview(){var e;const t=this.canvasRef.current,n=this.props.texture,r=n.getSize(),s=r.width/r.height;let a=this.props.width,i=a/s|1;const o=null===(e=this.props.texture.getScene())||void 0===e?void 0:e.getEngine();o&&i>o.getCaps().maxTextureSize&&(a=this.props.texture.getSize().width,i=this.props.texture.getSize().height);try{const e=await Mi.GetTextureDataAsync(n,a,i,this.state.face,this.state.channels,this.props.globalState);t.width=a,t.height=i;const r=t.getContext("2d");if(r){const t=r.createImageData(a,i);t.data.set(e),r.putImageData(t,0,0)}t.style.height=i+"px"}catch(e){t.width=a,t.height=i,t.style.height=i+"px"}}render(){const e=this.props.texture;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",Object.assign({className:"textureLine"},{children:[!this.props.hideChannelSelect&&e.isCube&&(0,s.jsxs)("div",Object.assign({className:"control3D"},{children:[(0,s.jsx)("button",Object.assign({className:0===this.state.face?"px command selected":"px command",onClick:()=>this.setState({face:0})},{children:"+X"})),(0,s.jsx)("button",Object.assign({className:1===this.state.face?"nx command selected":"nx command",onClick:()=>this.setState({face:1})},{children:"-X"})),(0,s.jsx)("button",Object.assign({className:2===this.state.face?"py command selected":"py command",onClick:()=>this.setState({face:2})},{children:"+Y"})),(0,s.jsx)("button",Object.assign({className:3===this.state.face?"ny command selected":"ny command",onClick:()=>this.setState({face:3})},{children:"-Y"})),(0,s.jsx)("button",Object.assign({className:4===this.state.face?"pz command selected":"pz command",onClick:()=>this.setState({face:4})},{children:"+Z"})),(0,s.jsx)("button",Object.assign({className:5===this.state.face?"nz command selected":"nz command",onClick:()=>this.setState({face:5})},{children:"-Z"}))]})),!this.props.hideChannelSelect&&!e.isCube&&(0,s.jsxs)("div",Object.assign({className:"control"},{children:[(0,s.jsx)("button",Object.assign({className:this.state.channels===Ni.TextureChannelStates.R?"red command selected":"red command",onClick:()=>this.setState({channels:Ni.TextureChannelStates.R})},{children:"R"})),(0,s.jsx)("button",Object.assign({className:this.state.channels===Ni.TextureChannelStates.G?"green command selected":"green command",onClick:()=>this.setState({channels:Ni.TextureChannelStates.G})},{children:"G"})),(0,s.jsx)("button",Object.assign({className:this.state.channels===Ni.TextureChannelStates.B?"blue command selected":"blue command",onClick:()=>this.setState({channels:Ni.TextureChannelStates.B})},{children:"B"})),(0,s.jsx)("button",Object.assign({className:this.state.channels===Ni.TextureChannelStates.A?"alpha command selected":"alpha command",onClick:()=>this.setState({channels:Ni.TextureChannelStates.A})},{children:"A"})),(0,s.jsx)("button",Object.assign({className:this.state.channels===Ni.TextureChannelStates.ALL?"all command selected":"all command",onClick:()=>this.setState({channels:Ni.TextureChannelStates.ALL})},{children:"ALL"}))]})),(0,s.jsx)("canvas",{ref:this.canvasRef,className:"preview"})]})),e.isRenderTarget&&(0,s.jsx)(yr,{label:"Refresh",onClick:()=>{this.updatePreview()}})]})}}Ni.TextureChannelStates={R:{R:!0,G:!1,B:!1,A:!1},G:{R:!1,G:!0,B:!1,A:!1},B:{R:!1,G:!1,B:!0,A:!1},A:{R:!1,G:!1,B:!1,A:!0},ALL:{R:!0,G:!0,B:!0,A:!0}};var Li=l(1213);const ki={vertexSource:"\n            precision highp float;\n\n            attribute vec3 position;\n            attribute vec2 uv;\n\n            uniform mat4 worldViewProjection;\n\n            varying vec2 vUV;\n\n            void main(void) {\n                gl_Position = worldViewProjection * vec4(position, 1.0);\n                vUV = uv;\n            }\n        ",fragmentSource:"\n            precision highp float;\n    \n            uniform sampler2D textureSampler;\n    \n            uniform bool r;\n            uniform bool g;\n            uniform bool b;\n            uniform bool a;\n\n            uniform int x1;\n            uniform int y1;\n            uniform int x2;\n            uniform int y2;\n            uniform int w;\n            uniform int h;\n\n            uniform int time;\n            uniform bool showGrid;\n    \n            varying vec2 vUV;\n\n            float scl = 200.0;\n            float speed = 10.0 / 1000.0;\n            float smoothing = 0.2;\n    \n            void main(void) {\n                vec2 pos2 = vec2(gl_FragCoord.x, gl_FragCoord.y);\n                vec2 pos = floor(pos2 * 0.05);\n                float pattern = mod(pos.x + pos.y, 2.0); \n                if (pattern == 0.0) {\n                    pattern = 0.7;\n                }\n                vec4 bg = vec4(pattern, pattern, pattern, 1.0);\n                vec4 col = texture(textureSampler, vUV);\n                if (!r && !g && !b) {\n                    if (a) {\n                        col = vec4(col.a, col.a, col.a, 1.0);\n                    } else {\n                        col = vec4(0.0,0.0,0.0,0.0);\n                    }\n                } else {\n                    if (!r) {\n                        col.r = 0.0;\n                        if (!b) {\n                            col.r = col.g;\n                        }\n                        else if (!g) {\n                            col.r = col.b;\n                        }\n                    }\n                    if (!g) {\n                        col.g = 0.0;\n                        if (!b) {\n                            col.g = col.r;\n                        }\n                        else if (!r) {\n                            col.g = col.b;\n                        }\n                    }\n                    if (!b) {\n                        col.b = 0.0;\n                        if (!r) {\n                            col.b = col.g;\n                        } else if (!g) {\n                            col.b = col.r;\n                        }\n                    }\n                    if (!a) {\n                        col.a = 1.0;\n                    }\n                }\n                gl_FragColor = col * (col.a) + bg * (1.0 - col.a);\n                float wF = float(w);\n                float hF = float(h);\n                int xPixel = int(floor(vUV.x * wF));\n                int yPixel = int(floor((1.0 - vUV.y) * hF));\n                int xDis = min(abs(xPixel - x1), abs(xPixel - x2));\n                int yDis = min(abs(yPixel - y1), abs(yPixel - y2));\n                if (showGrid) {\n                    vec2 frac = fract(vUV * vec2(wF,hF));\n                    float thickness = 0.1;\n                    if (abs(frac.x) < thickness || abs (frac.y) < thickness) {\n                        gl_FragColor = vec4(0.75,0.75,0.75,1.0);\n                    }\n                }\n                if (xPixel >= x1 && yPixel >= y1 && xPixel <= x2 && yPixel <= y2) {\n                    if (xDis <= 4 || yDis <= 4) {\n                        float c = sin(vUV.x * scl + vUV.y * scl + float(time) * speed);\n                        c = smoothstep(-smoothing,smoothing,c);\n                        float val = 1.0 - c;\n                        gl_FragColor = vec4(val, val, val, 1.0) * 0.7 + gl_FragColor * 0.3;\n                    }\n                }\n            }"},Pi={attributes:["position","uv"],uniforms:["worldViewProjection","textureSampler","r","g","b","a","x1","y1","x2","y2","w","h","time","showGrid"]};class Di{constructor(e,t,n,s,a,i,o,l,p,c){this._isPanning=!1,this._channels=[],this._face=0,this._mipLevel=0,this._didEdit=!1,this._keyMap={},this._buttonsPressed=0,this.ZOOM_MOUSE_SPEED=.001,this.ZOOM_KEYBOARD_SPEED=.4,this.ZOOM_IN_KEY="+",this.ZOOM_OUT_KEY="-",this.PAN_SPEED=.003,this.PAN_KEY="Space",this.MIN_SCALE=.01,this.GRID_SCALE=.047,this.MAX_SCALE=10,this.SELECT_ALL_KEY="KeyA",this.SAVE_KEY="KeyS",this.RESET_KEY="KeyR",this.DESELECT_KEY="Escape",this.PUSH_FREQUENCY=32,this._editing3D=!1,this._canPush=!0,this._shouldPush=!1,this._window=t,this._UICanvas=n,this._2DCanvas=s,this._3DCanvas=a,this._paintCanvas=document.createElement("canvas"),this._setPixelData=i,this._metadata=o,this._onUpdate=l,this._setMetadata=p,this._setMipLevel=c,this._originalTexture=e,this._originalTextureProperties={_texture:this._originalTexture._texture,url:this._originalTexture.url,_forceSerialize:this._originalTexture._forceSerialize},this._engine=new r.Engine(this._UICanvas,!0),this._scene=new r.Scene(this._engine,{virtual:!0}),this._scene.clearColor=new r.Color4(.11,.11,.11,1),this._camera=new r.FreeCamera("camera",new r.Vector3(0,0,-1),this._scene),this._camera.mode=r.Camera.ORTHOGRAPHIC_CAMERA,this._cameraPos=new r.Vector2,this.setSize(e.getSize()),this._channelsTexture=new r.HtmlElementTexture("ct",this._2DCanvas,{engine:this._engine,scene:null,samplingMode:r.Texture.NEAREST_SAMPLINGMODE,generateMipMaps:!0}),this._3DEngine=new r.Engine(this._3DCanvas),this._3DScene=new r.Scene(this._3DEngine,{virtual:!0}),this._3DScene.clearColor=new r.Color4(0,0,0,0),this._3DCanvasTexture=new r.HtmlElementTexture("canvas",this._2DCanvas,{engine:this._3DEngine,scene:this._3DScene}),this._3DCanvasTexture.hasAlpha=!0;const d=new r.FreeCamera("camera",new r.Vector3(0,0,-1),this._3DScene);d.mode=r.Camera.ORTHOGRAPHIC_CAMERA,[d.orthoBottom,d.orthoLeft,d.orthoTop,d.orthoRight]=[-.5,-.5,.5,.5],this._3DPlane=(0,r.CreatePlane)("texture",{width:1,height:1},this._3DScene),this._3DPlane.hasVertexAlpha=!0;const h=new r.StandardMaterial("material",this._3DScene);h.diffuseTexture=this._3DCanvasTexture,h.useAlphaFromDiffuseTexture=!0,h.disableLighting=!0,h.emissiveColor=r.Color3.White(),this._3DPlane.material=h,this._planeMaterial=new r.ShaderMaterial("canvasShader",this._scene,ki,Pi),this.grabOriginalTexture(),this._planeMaterial.setTexture("textureSampler",this._channelsTexture),this._planeMaterial.setFloat("r",1),this._planeMaterial.setFloat("g",1),this._planeMaterial.setFloat("b",1),this._planeMaterial.setFloat("a",1),this._planeMaterial.setInt("x1",-1),this._planeMaterial.setInt("y1",-1),this._planeMaterial.setInt("x2",-1),this._planeMaterial.setInt("y2",-1),this._planeMaterial.setInt("w",this._size.width),this._planeMaterial.setInt("h",this._size.height),this._planeMaterial.setInt("time",0),this._planeMaterial.setFloat("showGrid",0),this._plane.material=this._planeMaterial,this._window.addEventListener("keydown",(e=>{this._keyMap[e.code]=!0,e.code===this.SELECT_ALL_KEY&&e.ctrlKey&&(this._setMetadata({select:{x1:0,y1:0,x2:this._size.width,y2:this._size.height}}),e.preventDefault()),e.code===this.SAVE_KEY&&e.ctrlKey&&(this.saveTexture(),e.preventDefault()),e.code===this.RESET_KEY&&e.ctrlKey&&(this.reset(),e.preventDefault()),e.code===this.DESELECT_KEY&&this._setMetadata({select:{x1:-1,y1:-1,x2:-1,y2:-1}})})),this._window.addEventListener("keyup",(e=>{this._keyMap[e.code]=!1})),this._engine.runRenderLoop((()=>{this._engine.resize(),this._scene.render(),this._planeMaterial.setInt("time",(new Date).getTime())})),this._scale=1.5/Math.max(this._size.width,this._size.height),this._isPanning=!1,this._scene.onBeforeRenderObservable.add((()=>{var e,t;this._scale=Math.min(Math.max(this._scale,this.MIN_SCALE/Math.log2(Math.min(this._size.width,this._size.height))),this.MAX_SCALE),this._scale>this.GRID_SCALE?this._planeMaterial.setFloat("showGrid",1):this._planeMaterial.setFloat("showGrid",0);const n=(null===(e=this._UICanvas)||void 0===e?void 0:e.width)/(null===(t=this._UICanvas)||void 0===t?void 0:t.height),{x:r,y:s}=this._cameraPos;this._camera.orthoBottom=s-1/this._scale,this._camera.orthoTop=s+1/this._scale,this._camera.orthoLeft=r-n/this._scale,this._camera.orthoRight=r+n/this._scale})),this._scene.onPointerObservable.add((e=>{var t;const n=1&e.event.buttons,s=4&e.event.buttons;switch(this._isPanning?n&&this._keyMap[this.PAN_KEY]||s||(this._isPanning=!1):((n&&!(1&this._buttonsPressed)&&this._keyMap[this.PAN_KEY]||s)&&(this._isPanning=!0,this._mouseX=e.event.x,this._mouseY=e.event.y),s&&(this._isPanning=!0)),e.type){case r.PointerEventTypes.POINTERWHEEL:const n=e.event;this._scale-=n.deltaY*this.ZOOM_MOUSE_SPEED*this._scale;break;case r.PointerEventTypes.POINTERMOVE:if(this._isPanning&&(this._cameraPos.x-=(e.event.x-this._mouseX)*this.PAN_SPEED/this._scale,this._cameraPos.y+=(e.event.y-this._mouseY)*this.PAN_SPEED/this._scale,this._mouseX=e.event.x,this._mouseY=e.event.y),null===(t=e.pickInfo)||void 0===t?void 0:t.hit){const t=this.getMouseCoordinates(e),n=4*(t.x+t.y*this._size.width);this._setPixelData({x:t.x,y:t.y,r:this._imageData[n],g:this._imageData[n+1],b:this._imageData[n+2],a:this._imageData[n+3]})}else this._setPixelData({})}this._buttonsPressed=e.event.buttons})),this._scene.onKeyboardObservable.add((e=>{switch(e.type){case r.KeyboardEventTypes.KEYDOWN:switch(this._keyMap[e.event.key]=!0,e.event.key){case this.ZOOM_IN_KEY:this._scale+=this.ZOOM_KEYBOARD_SPEED*this._scale;break;case this.ZOOM_OUT_KEY:this._scale-=this.ZOOM_KEYBOARD_SPEED*this._scale}break;case r.KeyboardEventTypes.KEYUP:this._keyMap[e.event.key]=!1}}))}async updateTexture(){var e,t;0!==this._mipLevel&&await this._setMipLevel(0),this._didEdit=!0;const n=this._editing3D?this._3DCanvas:this._2DCanvas;this._editing3D&&(this._3DCanvasTexture.update(),this._3DScene.render()),this._originalTexture.isCube||(this._target?this._target.element=n:this._target=new r.HtmlElementTexture("editor",n,{engine:null===(e=this._originalTexture.getScene())||void 0===e?void 0:e.getEngine(),scene:null,samplingMode:this._originalTexture.samplingMode,generateMipMaps:null===(t=this._originalTextureProperties._texture)||void 0===t?void 0:t.generateMipMaps}),this.pushTexture()),this._originalTexture._texture=this._target._texture,this._originalTexture.url=null,this._originalTexture._forceSerialize=!0,this._channelsTexture.element=n,this.updateDisplay(),this._onUpdate()}async pushTexture(){var e;if(this._canPush){const t=this._target.constructor.name!==r.HtmlElementTexture.name&&this._originalTexture.invertY;if(this._target.update(t),null===(e=this._target._texture)||void 0===e||e.updateSize(this._size.width,this._size.height),this._editing3D){const e=await this._3DEngine.readPixels(0,0,this._size.width,this._size.height);this._imageData=new Uint8Array(e.buffer,0,e.byteLength)}else this._imageData=this._2DCanvas.getContext("2d").getImageData(0,0,this._size.width,this._size.height).data;this._canPush=!1,this._shouldPush=!1,setTimeout((()=>{this._canPush=!0,this._shouldPush&&this.pushTexture()}),this.PUSH_FREQUENCY)}else this._shouldPush=!0}async startPainting(){0!=this._mipLevel&&await this._setMipLevel(0);let e=0,t=0,n=this._size.width,r=this._size.height;-1!=this._metadata.select.x1&&(e=this._metadata.select.x1,t=this._metadata.select.y1,n=this._metadata.select.x2-this._metadata.select.x1,r=this._metadata.select.y2-this._metadata.select.y1),this._paintCanvas.width=n,this._paintCanvas.height=r;const s=this._paintCanvas.getContext("2d");return s.imageSmoothingEnabled=!1,s.drawImage(this._2DCanvas,e,t,n,r,0,0,n,r),s}updatePainting(){let e=0,t=0,n=this._size.width,r=this._size.height;-1!=this._metadata.select.x1&&(e=this._metadata.select.x1,t=this._metadata.select.y1,n=this._metadata.select.x2-this._metadata.select.x1,r=this._metadata.select.y2-this._metadata.select.y1);let s,a=!0;this._channels.forEach((e=>{e.editable||(a=!1)})),a||(s=this._2DCanvas.getContext("2d").getImageData(e,t,n,r).data);const i=this._paintCanvas.getContext("2d"),o=this.canvas2D.getContext("2d");if(o.globalAlpha=1,o.globalCompositeOperation="destination-out",o.fillStyle="white",o.fillRect(e,t,n,r),o.imageSmoothingEnabled=!1,a)o.globalCompositeOperation="source-over",o.globalAlpha=1,o.drawImage(i.canvas,e,t);else{const a=i.getImageData(0,0,n,r),l=a.data;this._channels.forEach(((e,t)=>{if(!e.editable)for(let e=t;e<n*r*4;e+=4)l[e]=s[e]})),o.globalCompositeOperation="source-over",o.globalAlpha=1,o.putImageData(a,e,t)}this.updateTexture()}stopPainting(){this._paintCanvas.getContext("2d").clearRect(0,0,this._paintCanvas.width,this._paintCanvas.height)}updateDisplay(){this._3DScene.render(),this._channelsTexture.update(!0)}set channels(e){let t=!1;e.length!==this._channels.length?t=!0:e.forEach(((e,n)=>{e.visible!==this._channels[n].visible&&(t=!0,this._planeMaterial.setFloat(e.id.toLowerCase(),e.visible?1:0))})),this._channels=e,t&&this.updateDisplay()}paintPixelsOnCanvas(e,t){const n=t.getContext("2d"),r=n.createImageData(t.width,t.height);r.data.set(e),n.putImageData(r,0,0)}async grabOriginalTexture(){this.setSize(this._originalTexture.getSize());const e=await Mi.GetTextureDataAsync(this._originalTexture,this._size.width,this._size.height,this._face,{R:!0,G:!0,B:!0,A:!0},void 0,this._mipLevel);return this._imageData=e,this.paintPixelsOnCanvas(e,this._2DCanvas),this._3DCanvasTexture.update(),this.updateDisplay(),e}getMouseCoordinates(e){var t;if(null===(t=e.pickInfo)||void 0===t?void 0:t.hit){const t=Math.floor(e.pickInfo.getTextureCoordinates().x*this._size.width),n=Math.floor((1-e.pickInfo.getTextureCoordinates().y)*this._size.height);return new r.Vector2(t,n)}return new r.Vector2}get scene(){return this._scene}get canvas2D(){return this._2DCanvas}get size(){return this._size}set tool(e){var t;this._tool&&this._tool.instance.cleanup(),this._tool=e,this._tool&&(this._tool.instance.setup(),this._editing3D&&!this._tool.is3D?(this._editing3D=!1,null===(t=this._2DCanvas.getContext("2d"))||void 0===t||t.drawImage(this._3DCanvas,0,0)):!this._editing3D&&this._tool.is3D&&(this._editing3D=!0,this.updateTexture()))}get tool(){return this._tool}set face(e){this._face!==e&&(this._face=e,this.grabOriginalTexture(),this.updateDisplay())}set mipLevel(e){this._mipLevel!==e&&(this._mipLevel=e,this.grabOriginalTexture())}get scene3D(){return this._3DScene}set metadata(e){this._metadata=e;const{x1:t,y1:n,x2:r,y2:s}=e.select;this._planeMaterial.setInt("x1",t),this._planeMaterial.setInt("y1",n),this._planeMaterial.setInt("x2",r),this._planeMaterial.setInt("y2",s)}makePlane(){this._plane&&this._plane.dispose(),this._plane=(0,r.CreatePlane)("plane",{width:this._size.width,height:this._size.height},this._scene),this._plane.enableEdgesRendering(),this._plane.edgesWidth=4,this._plane.edgesColor=new r.Color4(1,1,1,1),this._plane.enablePointerMoveEvents=!0,this._plane.material=this._planeMaterial}reset(){this._tool&&this._tool.instance.onReset&&this._tool.instance.onReset(),this._originalTexture._texture=this._originalTextureProperties._texture,this._originalTexture.url=this._originalTextureProperties.url,this._originalTexture._forceSerialize=this._originalTextureProperties._forceSerialize,this.grabOriginalTexture(),this.makePlane(),this._didEdit=!1,this._onUpdate()}async resize(e){const t=await Mi.GetTextureDataAsync(this._originalTexture,e.width,e.height,this._face,{R:!0,G:!0,B:!0,A:!0});this.setSize(e),this.paintPixelsOnCanvas(t,this._2DCanvas),this.updateTexture(),this._didEdit=!0}setSize(e){const t=this._size;this._size=e,this._2DCanvas.width=this._size.width,this._2DCanvas.height=this._size.height,this._3DCanvas.width=this._size.width,this._3DCanvas.height=this._size.height,this._planeMaterial&&(this._planeMaterial.setInt("w",this._size.width),this._planeMaterial.setInt("h",this._size.height)),t&&t.width==e.width&&t.height==e.height||(this._cameraPos.x=0,this._cameraPos.y=0,this._scale=1.5/Math.max(this._size.width,this._size.height)),this.makePlane()}upload(e){r.Tools.ReadFile(e,(t=>{const n=new Blob([t],{type:"octet/stream"});let s;e.name.toLowerCase().indexOf(".dds")>0?s=".dds":e.name.toLowerCase().indexOf(".env")>0&&(s=".env");const a=new FileReader;a.readAsDataURL(n),a.onloadend=()=>{const e=a.result;if(".dds"===s||".env"===s)this._originalTexture.updateURL(e,s,(()=>this.grabOriginalTexture()));else{const t=new r.Texture(e,this._scene,this._originalTexture.noMipmap,!1,r.Texture.NEAREST_SAMPLINGMODE,(()=>{Mi.GetTextureDataAsync(t,t.getSize().width,t.getSize().height,0,{R:!0,G:!0,B:!0,A:!0}).then((async e=>{this._tool&&this._tool.instance.onReset&&this._tool.instance.onReset(),t.dispose(),this.setSize(t.getSize()),this.paintPixelsOnCanvas(e,this._2DCanvas),await this.updateTexture(),this._setMipLevel(0)}))}))}}}),void 0,!0)}saveTexture(){const e=this._editing3D?this._3DCanvas:this._2DCanvas;r.Tools.ToBlob(e,(e=>{r.Tools.Download(e,this._originalTexture.name)}))}toolInteractionEnabled(){return!(this._keyMap[this.PAN_KEY]||this._isPanning)}dispose(){var e,t;this._didEdit&&(null===(e=this._originalTextureProperties._texture)||void 0===e||e.dispose()),this._tool&&this._tool.instance.cleanup(),null===(t=this._paintCanvas.parentNode)||void 0===t||t.removeChild(this._paintCanvas),this._3DPlane.dispose(),this._3DCanvasTexture.dispose(),this._3DScene.dispose(),this._3DEngine.dispose(),this._plane.dispose(),this._channelsTexture.dispose(),this._planeMaterial.dispose(),this._camera.dispose(),this._scene.dispose(),this._engine.dispose()}}class Ei extends t.Component{constructor(e){super(e),this.state={toolURL:"",addOpen:!1}}computeRGBAColor(){const e=Math.floor(255*this.props.metadata.alpha).toString(16).padStart(2,"0");return r.Color4.FromHexString(`${this.props.metadata.color}${e}`)}shouldComponentUpdate(e){return e.tools!=this.props.tools||e.activeToolIndex!==this.props.activeToolIndex||e.metadata!=this.props.metadata||e.pickerOpen!=this.props.pickerOpen}render(){return(0,s.jsxs)("div",Object.assign({id:"toolbar"},{children:[(0,s.jsx)("div",Object.assign({id:"tools"},{children:this.props.tools.map(((e,t)=>(0,s.jsx)("img",{src:`data:image/svg+xml;base64,${e.icon}`,className:t===this.props.activeToolIndex?"icon button active":"icon button",alt:e.name,title:e.name,onClick:e=>{0===e.button&&this.props.changeTool(t)}},t)))})),(0,s.jsx)("div",Object.assign({id:"color",onClick:()=>{this.props.pickerOpen||this.props.setPickerOpen(!0)},title:"Color",className:"icon button"+(this.props.pickerOpen?" active":"")},{children:(0,s.jsx)("div",Object.assign({id:"active-color-bg"},{children:(0,s.jsx)("div",{id:"active-color",style:{backgroundColor:this.props.metadata.color,opacity:this.props.metadata.alpha}})}))})),this.props.pickerOpen&&(0,s.jsx)("div",Object.assign({id:"color-picker",ref:this.props.pickerRef},{children:(0,s.jsx)(Ur,{color:this.computeRGBAColor(),onColorChanged:e=>{const t={color:e.toHexString(!0),alpha:e.a};t.color===this.props.metadata.color&&t.alpha===this.props.metadata.alpha||this.props.setMetadata(t)}})}))]}))}}var Bi=l(1769),Ti=l(3911),_i=l(5669),Ii=l(7898),zi=l(5728),Ri=l(2445),Ui=l(7830),Wi=l(8219),Yi=l(5970),Fi=l(4346),Gi=l(6460),Hi=l(5308),Vi=l(7232);class Zi extends t.PureComponent{constructor(e){super(e),this._faces=[Wi,Yi,Fi,Gi,Hi,Vi],this.state={width:e.size.width,height:e.size.height}}pixelData(e){return(0,s.jsxs)("span",Object.assign({className:"pixel-data"},{children:[e.name,": ",(0,s.jsx)("span",Object.assign({className:"value"},{children:void 0!==e.data?e.data:"-"}))]}))}getNewDimension(e,t){return!isNaN(t)&&parseInt(t)>0&&Number.isInteger(parseInt(t))?parseInt(t):e}componentWillUpdate(e){e.size.width==this.props.size.width&&e.size.height==this.props.size.height||this.setState({width:e.size.width,height:e.size.height})}render(){const{mipLevel:e,setMipLevel:t,pixelData:n,resizeTexture:r,texture:a,face:i,setFace:o,saveTexture:l,resetTexture:p,uploadTexture:c}=this.props,d=Math.floor(Math.log2(Math.max(a.getSize().width,a.getSize().height))),h=a.getScene().getEngine(),u=!a.noMipmap&&h.getCaps().textureLOD;return(0,s.jsxs)("div",Object.assign({id:"properties"},{children:[(0,s.jsx)("div",Object.assign({className:"tab",id:"logo-tab"},{children:(0,s.jsx)("img",{className:"icon",src:Ii})})),(0,s.jsxs)("div",Object.assign({id:"left"},{children:[(0,s.jsx)("div",Object.assign({className:"tab",id:"dimensions-tab"},{children:(0,s.jsxs)("form",Object.assign({onSubmit:e=>{this.props.resizeTexture(this.state.width,this.state.height),e.preventDefault()}},{children:[(0,s.jsxs)("label",Object.assign({className:"dimensions"},{children:["W:"," ",(0,s.jsx)("input",{type:"text",value:this.state.width,readOnly:a.isCube,onChange:e=>this.setState({width:this.getNewDimension(this.state.width,e.target.value)})})]})),(0,s.jsxs)("label",Object.assign({className:"dimensions"},{children:["H:"," ",(0,s.jsx)("input",{type:"text",value:this.state.height,readOnly:a.isCube,onChange:e=>this.setState({height:this.getNewDimension(this.state.height,e.target.value)})})]})),!a.isCube&&(0,s.jsx)("img",{id:"resize",className:"icon button",title:"Resize",alt:"Resize",src:zi,onClick:()=>r(this.state.width,this.state.height)})]}))})),(0,s.jsxs)("div",Object.assign({className:"tab",id:"pixel-coords-tab"},{children:[(0,s.jsx)(this.pixelData,{name:"X",data:n.x}),(0,s.jsx)(this.pixelData,{name:"Y",data:n.y})]})),(0,s.jsxs)("div",Object.assign({className:"tab",id:"pixel-color-tab"},{children:[(0,s.jsx)(this.pixelData,{name:"R",data:n.r}),(0,s.jsx)(this.pixelData,{name:"G",data:n.g}),(0,s.jsx)(this.pixelData,{name:"B",data:n.b}),(0,s.jsx)(this.pixelData,{name:"A",data:n.a})]})),a.isCube&&(0,s.jsx)("div",Object.assign({className:"tab",id:"face-tab"},{children:this._faces.map(((e,t)=>(0,s.jsx)("img",{className:i==t?"icon face button active":"icon face button",src:e,onClick:()=>o(t)},t)))})),u&&(0,s.jsxs)("div",Object.assign({className:"tab",id:"mip-tab"},{children:[(0,s.jsx)("img",{title:"Mip Preview Up",className:"icon button",src:Ri,onClick:()=>e>0&&t(e-1)}),(0,s.jsx)("img",{title:"Mip Preview Down",className:"icon button",src:Ui,onClick:()=>e<d&&t(e+1)})]}))]})),(0,s.jsxs)("div",Object.assign({className:"tab",id:"right-tab"},{children:[(0,s.jsx)("img",{title:"Reset",className:"icon button",src:Bi,onClick:()=>p()}),(0,s.jsxs)("label",{children:[(0,s.jsx)("input",{accept:".jpg, .png, .tga, .dds, .env",type:"file",onChange:e=>{const t=e.target.files;t&&t.length&&c(t[0]),e.target.value=""}}),(0,s.jsx)("img",{title:"Upload",className:"icon button",src:Ti})]}),(0,s.jsx)("img",{title:"Save",className:"icon button",src:_i,onClick:()=>l()})]}))]}))}}var Qi=l(3050),Xi=l(1690);class Ki extends t.PureComponent{render(){return(0,s.jsx)("div",Object.assign({id:"channels-bar"},{children:this.props.channels.map(((e,t)=>{const n=e.visible?"Hide":"Show",r=e.editable?"Lock":"Unlock";return(0,s.jsxs)("div",Object.assign({className:e.editable?"channel":"channel uneditable"},{children:[(0,s.jsx)("img",{className:e.visible?"icon channel-visibility visible":"icon channel-visibility",onClick:()=>{const e=this.props.channels;e[t].visible=!e[t].visible,this.props.setChannels(e)},src:e.visible?Qi:Xi,title:`${n} ${e.name}`}),(0,s.jsx)("img",{className:"icon channel-name",onClick:()=>{const e=this.props.channels;e[t].editable=!e[t].editable,this.props.setChannels(e)},src:e.icon,title:`${r} ${e.name}`})]}),e.name)}))}))}}class qi extends t.PureComponent{render(){const e=Math.pow(2,this.props.mipLevel),t=Math.ceil(this.props.texture.getSize().width/e),n=Math.ceil(this.props.texture.getSize().height/e);return(0,s.jsxs)("div",Object.assign({id:"bottom-bar"},{children:[(0,s.jsx)("span",Object.assign({id:"file-url"},{children:this.props.texture.name})),!this.props.texture.noMipmap&&(0,s.jsxs)("span",Object.assign({id:"mip-level"},{children:["MIP Preview: ",this.props.mipLevel," ",t,"x",n]}))]}))}}class Ji extends t.Component{render(){return(0,s.jsxs)("div",{children:[(0,s.jsx)("canvas",{id:"canvas-ui",ref:this.props.canvasUI,tabIndex:1}),(0,s.jsx)("canvas",{id:"canvas-2D",ref:this.props.canvas2D,hidden:!0}),(0,s.jsx)("canvas",{id:"canvas-3D",ref:this.props.canvas3D,hidden:!0})]})}}class $i extends t.Component{render(){const e=this.props.instance;return(0,s.jsx)("div",{children:(0,s.jsxs)("label",Object.assign({className:"tool-slider-input"},{children:[(0,s.jsxs)("span",{children:["Size: ",e.width]}),(0,s.jsx)("input",{id:"contrast-slider",type:"range",min:1,max:100,value:e.width,onChange:t=>{e.setBrushWidth(t.target.valueAsNumber),this.forceUpdate()}})]}))})}}const eo={name:"Paintbrush",type:class{constructor(e){this.width=15,this.mousePos=null,this.getParameters=e}paint(e){const{getMouseCoordinates:t,metadata:n,updatePainting:s}=this.getParameters();let{x:a,y:i}=t(e);-1!=n.select.x1&&(a-=n.select.x1,i-=n.select.y1);const{ctx:o}=this;let l,p;if(p=new r.Vector2,null==this.mousePos)this.mousePos=new r.Vector2(a,i),l=1;else{const e=this.width/4,t=new r.Vector2(a-this.mousePos.x,i-this.mousePos.y);l=Math.ceil(t.length()/e);const n=t.length()/l;p=t.normalize().multiplyByFloats(n,n)}const c=this.mousePos.clone();for(let e=0;e<l;e++)o.globalAlpha=1,o.globalCompositeOperation="destination-out",o.drawImage(this.circleCanvas,Math.ceil(c.x-this.width/2),Math.ceil(c.y-this.width/2)),o.globalAlpha=n.alpha,o.globalCompositeOperation="source-over",o.drawImage(this.circleCanvas,Math.ceil(c.x-this.width/2),Math.ceil(c.y-this.width/2)),c.addInPlace(p);s(),this.mousePos=new r.Vector2(a,i)}setBrushWidth(e){this.width=e}setup(){const{scene:e}=this.getParameters();this.pointerObserver=e.onPointerObservable.add((async e=>{var t,n,s;const{startPainting:a,stopPainting:i,metadata:o}=this.getParameters();if(this.isPainting)1===e.event.buttons&&this.getParameters().interactionEnabled()?(null===(s=e.pickInfo)||void 0===s?void 0:s.hit)&&e.type===r.PointerEventTypes.POINTERMOVE&&this.paint(e):(this.isPainting=!1,null===(n=this.circleCanvas.parentNode)||void 0===n||n.removeChild(this.circleCanvas),i(),this.mousePos=null);else if(e.type===r.PointerEventTypes.POINTERDOWN&&1===e.event.buttons&&this.getParameters().interactionEnabled()&&(null===(t=e.pickInfo)||void 0===t?void 0:t.hit)){this.isPainting=!0;const t=document.createElement("canvas");t.width=this.width,t.height=this.width;const n=t.getContext("2d");n.imageSmoothingEnabled=!1;const s=new Array(4*this.width*this.width),i=this.width*this.width/4,l=r.Color3.FromHexString(o.color),p=Math.floor(255*l.r),c=Math.floor(255*l.g),d=Math.floor(255*l.b);let h=0;const u=-Math.floor(this.width/2),g=Math.ceil(this.width/2),b=-Math.floor(this.width/2),m=Math.ceil(this.width/2);for(let e=b;e<m;e++)for(let t=u;t<g;t++)s[h++]=p,s[h++]=c,s[h++]=d,s[h++]=t*t+e*e<=i?255:0;n.putImageData(new ImageData(Uint8ClampedArray.from(s),this.width,this.width),0,0),this.circleCanvas=t,this.ctx=await a(),this.paint(e)}})),this.isPainting=!1}cleanup(){this.isPainting=!1,this.pointerObserver&&this.getParameters().scene.onPointerObservable.remove(this.pointerObserver)}},settingsComponent:$i,icon:"PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMjksMTFhMy41NywzLjU3LDAsMCwxLDAsNS4wNkwxNywyOGEyLjM0LDIuMzQsMCwwLDEtMSwuNThMMTAuOTEsMzBhLjc1Ljc1LDAsMCwxLS45Mi0uOTJMMTEuMzgsMjRBMi4zNCwyLjM0LDAsMCwxLDEyLDIzbDEyLTEyQTMuNTcsMy41NywwLDAsMSwyOSwxMVpNMjMsMTQuMSwxMywyNGEuNjkuNjksMCwwLDAtLjE5LjMzbC0xLjA1LDMuODUsMy44NS0xQS42OS42OSwwLDAsMCwxNiwyN0wyNS45LDE3Wm0yLTItMSwxTDI3LDE2bDEtMUEyLjA4LDIuMDgsMCwxLDAsMjUsMTIuMDdaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+",cursor:"iVBORw0KGgoAAAANSUhEUgAAABUAAAAVAgMAAADUeU0FAAAACVBMVEUAAAAAAAD///+D3c/SAAAAAXRSTlMAQObYZgAAAAFiS0dEAmYLfGQAAAA3SURBVAjXY2CAgVUNYGoqhFJjwE2BgQYDBwMXUGiFGtcyBgbVkKmtYXAeVA4O8BkGtQ9qOwgAAEPfC1QJPmWqAAAAAElFTkSuQmCC"},to={name:"Eyedropper",type:class{constructor(e){this.getParameters=e}pick(e){const{canvas2D:t,setMetadata:n,getMouseCoordinates:s}=this.getParameters(),a=t.getContext("2d"),{x:i,y:o}=s(e),l=a.getImageData(i,o,1,1).data;n({color:r.Color3.FromInts(l[0],l[1],l[2]).toHexString(),alpha:l[3]/255})}setup(){this.pointerObserver=this.getParameters().scene.onPointerObservable.add((e=>{var t;(null===(t=e.pickInfo)||void 0===t?void 0:t.hit)&&(e.type===r.PointerEventTypes.POINTERDOWN&&1===e.event.buttons&&this.getParameters().interactionEnabled()&&(this.isPicking=!0,this.pick(e)),this.isPicking&&(1===e.event.buttons&&this.getParameters().interactionEnabled()?this.pick(e):this.isPicking=!1))})),this.isPicking=!1}cleanup(){this.pointerObserver&&this.getParameters().scene.onPointerObservable.remove(this.pointerObserver)}},icon:"PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMjkuMzIsMTAu\n    NjhjLTEuNjYtMS42Ni00LjA2LTEtNS41Ni41YTExLjg5LDExLjg5LDAsMCwwLTEuNjYsMi4zMUwyMiwxMy40MWExLjg5LDEuODksMCwwLDAtMi42NiwwbC0uOS45YTEuODksMS44OSwwLDAsMC0uMjIsMi4zOWwtNi4wOSw2LjA5YTIuNzUsMi43NSwwLDAsMC0uNzMs\n    MS4yOGwtLjgxLDMuMjYtLjU2LjU2YTEuMTYsMS4xNiwwLDAsMCwwLDEuNjVsLjQxLjQxYTEuMTcsMS4xNywwLDAsMCwxLjY1LDBsLjU2LS41NiwzLjI2LS44MWEyLjc1LDIuNzUsMCwwLDAsMS4yOC0uNzNsNi4xNC02LjE0YTEuODcsMS44NywwLDAsMCwuODQuMjEs\n    MS44MywxLjgzLDAsMCwwLDEuMzMtLjU1bC45LS45YTEuODcsMS44NywwLDAsMCwuMDgtMi41NywxMS41NCwxMS41NCwwLDAsMCwyLjMyLTEuNjZDMzAuMzIsMTQuNzQsMzEsMTIuMzUsMjkuMzIsMTAuNjhaTTE2LjE1LDI2Ljc5YTEuMjEsMS4yMSwwLDAsMS0uNTgu\n    MzNMMTIsMjhsLjktMy41OWExLjIxLDEuMjEsMCwwLDEsLjMzLS41OGw2LjA3LTYuMDcsMi45NCwyLjk0Wm05LjIxLTcuMzgtLjkuOWMtLjE5LjItLjM0LjItLjU0LDBsLTQuNC00LjRhLjQuNCwwLDAsMSwwLS41NGwuOS0uOWEuNDMuNDMsMCwwLDEsLjI3LS4xMS4z\n    OS4zOSwwLDAsMSwuMjcuMTFsNC40LDQuNEEuMzguMzgsMCwwLDEsMjUuMzYsMTkuNDFabTMuMzgtNS45M2EzLjcsMy43LDAsMCwxLTEsMS43LDExLjY3LDExLjY3LDAsMCwxLTIuMzUsMS42MkwyMy4yLDE0LjU5YTExLjY3LDExLjY3LDAsMCwxLDEuNjItMi4zNSwz\n    LjcsMy43LDAsMCwxLDEuNy0xLDEuODMsMS44MywwLDAsMSwyLjIyLDIuMjJaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+",cursor:"iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAABmJLR0QA/wD/AP+gvaeTAAAByklEQVQ4jbWUv4saQRTHd+4s/BuCYRH1n7BQEhCRuyJ3RQgpRVt/tFvYSAjLxMPiWIJ1OA6OKwKBdCGBkIS4pFs76xgXhOlyyconzSrrojub4l618+a9z/u+mTdrGPdgIk0QwDZBCG3OUerqepYeCgigAbyJ+a+AEyB9lTDxAfBhPp9jWRZh+wB0u11msxnAJyCXSmkI/DIejx9Vq1Ujm83u7OdyOaPRaBi2bVeAr8BDnUIBfJRSUi6XWSwWa+B1VClw6ft+UKlUsG0b4DNw+G6AU8/zME2T5XIZAE9C/xYark983/9rmubmKM6SoNedTofRaARwqenqQkpJr9cDuI3uiYiSvbaZS4Dod1J8JrJIUoUQYgs+FLuplYk79lQ2hBAipvSggH2Vbvr9PlJKgFea2JeO49BqtQDeJgWee55HPp9ntVr9AR6H/vjtV5VSd8Vikel0CvA0CXoEfBsOh9RqNZRSd8CL2JwOlVK/6/X65rVNgWPdEeTX6/XPwWBAqVRiMpnsPFPHcSgUCliWRRAEv4BCIjAKBr67rkuz2dyBttttXNcF+AEUUwEj4GPgGfAu1v574DmQ0UI0BXYuSmepf9L/NZv3Yf8AKtG4imEra4UAAAAASUVORK5CYII="},no={name:"Floodfill",type:class{constructor(e){this.getParameters=e}async fill(){const{metadata:e,startPainting:t,updatePainting:n,stopPainting:r}=this.getParameters(),s=await t();s.fillStyle=e.color,s.globalAlpha=e.alpha,s.globalCompositeOperation="copy",s.fillRect(0,0,s.canvas.width,s.canvas.height),n(),r()}setup(){this.pointerObserver=this.getParameters().scene.onPointerObservable.add((e=>{var t;e.type===r.PointerEventTypes.POINTERDOWN&&1===e.event.buttons&&this.getParameters().interactionEnabled()&&(null===(t=e.pickInfo)||void 0===t?void 0:t.hit)&&this.fill()}))}cleanup(){this.pointerObserver&&this.getParameters().scene.onPointerObservable.remove(this.pointerObserver)}},icon:"PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMjAsMTAuNWEu\n    NzUuNzUsMCwwLDAtMS41LDB2MS4yNWEyLjE0LDIuMTQsMCwwLDAtLjg0LjUzbC02Ljg4LDYuODhhMi4yNSwyLjI1LDAsMCwwLDAsMy4xOGw0Ljg4LDQuODhhMi4yNSwyLjI1LDAsMCwwLDMuMTgsMGw2Ljg4LTYuODhhMi4yNSwyLjI1LDAsMCwwLDAtMy4xOGwtNC44\n    OC00Ljg4YTIuMjksMi4yOSwwLDAsMC0uODQtLjUzWm0tOC4xNiw5LjcyLDYuNjYtNi42NlYxNUEuNzUuNzUsMCwwLDAsMjAsMTVWMTMuNTZsNC42Niw0LjY2YS43NS43NSwwLDAsMSwwLDEuMDZsLTEsMUgxMS44Wm0uNDcsMS41M2g5Ljg4bC00LjQxLDQuNDFhLjc1\n    Ljc1LDAsMCwxLTEuMDYsMFoiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJNMjcuNTEsMjEuODVhLjg4Ljg4LDAsMCwwLTEuNTQsMGwtMiwzLjc3YTMuMTUsMy4xNSwwLDEsMCw1LjU2LDBabS0yLjIzLDQuNDcsMS40Ni0yLjczLDEuNDUsMi43M2ExLjY1LDEu\n    NjUsMCwxLDEtMi45MSwwWiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg=="},ro=[{name:"Rectangle Select",type:class{constructor(e){this.isSelecting=!1,this.xStart=-1,this.yStart=-1,this.getParameters=e}setup(){const{scene:e}=this.getParameters();this.pointerObserver=e.onPointerObservable.add((e=>{var t,n;const{getMouseCoordinates:s,setMetadata:a,metadata:i}=this.getParameters();if(this.isSelecting)if(1===e.event.buttons&&this.getParameters().interactionEnabled()){if((null===(n=e.pickInfo)||void 0===n?void 0:n.hit)&&e.type===r.PointerEventTypes.POINTERMOVE&&e.type===r.PointerEventTypes.POINTERMOVE&&this.isSelecting){const{x:t,y:n}=s(e);a({select:{x1:Math.min(t,this.xStart),y1:Math.min(n,this.yStart),x2:Math.max(t,this.xStart),y2:Math.max(n,this.yStart)}})}}else this.isSelecting=!1,i.select.x1!==i.select.x2&&i.select.y1!==i.select.y2||a({select:{x1:-1,y1:-1,x2:-1,y2:-1}});else if(e.type==r.PointerEventTypes.POINTERDOWN&&e&&1===e.event.buttons&&this.getParameters().interactionEnabled()&&(null===(t=e.pickInfo)||void 0===t?void 0:t.hit)){this.isSelecting=!0;const{x:t,y:n}=({x:this.xStart,y:this.yStart}=s(e));a({select:{x1:t,y1:n,x2:t,y2:n}})}}))}cleanup(){this.isSelecting=!1,this.pointerObserver&&this.getParameters().scene.onPointerObservable.remove(this.pointerObserver)}},icon:"PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMTEuNjMsMTUuNjNIMTAuMzh2LTMuN2ExLjU0LDEuNTQsMCwwLDEsMS41NS0xLjU1aDMuN3YxLjI1SDEyLjI1YS42Mi42MiwwLDAsMC0uNjIuNjJaIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTExLjYzLDIyLjYzSDEwLjM4VjE3LjM4aDEuMjVaIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTI5LjYzLDIyLjYzSDI4LjM4VjE3LjM4aDEuMjVaIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTE1LjYzLDI5LjYzaC0zLjdhMS41NSwxLjU1LDAsMCwxLTEuNTUtMS41NlYyNC4zOGgxLjI1djMuMzdhLjYzLjYzLDAsMCwwLC42Mi42M2gzLjM4WiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjxwYXRoIGQ9Ik0yOC4wNywyOS42M0gyNC4zOFYyOC4zOGgzLjM3YS42NC42NCwwLDAsMCwuNjMtLjYzVjI0LjM4aDEuMjV2My42OUExLjU2LDEuNTYsMCwwLDEsMjguMDcsMjkuNjNaIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTIyLjYzLDExLjYzSDE3LjM4VjEwLjM4aDUuMjVaIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTI5LjYzLDE1LjYzSDI4LjM4VjEyLjI1YS42My42MywwLDAsMC0uNjMtLjYySDI0LjM4VjEwLjM4aDMuNjlhMS41NSwxLjU1LDAsMCwxLDEuNTYsMS41NVoiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJNMjIuNjMsMjkuNjNIMTcuMzhWMjguMzhoNS4yNVoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4=",cursor:"iVBORw0KGgoAAAANSUhEUgAAABUAAAAVAgMAAADUeU0FAAAACVBMVEUAAAAAAAD///+D3c/SAAAAAXRSTlMAQObYZgAAAAFiS0dEAmYLfGQAAAAnSURBVAjXY2CAAS0IpUY0BdG1ikNrFQODaqiaaBicBwfEG6aF0AQA4oYGiJg4woEAAAAASUVORK5CYII="},eo,to,no];class so extends t.Component{render(){return this.props.tool&&this.props.tool.settingsComponent?(0,s.jsx)("div",Object.assign({id:"tool-ui"},{children:(0,s.jsx)(this.props.tool.settingsComponent,{instance:this.props.tool.instance})})):(0,s.jsx)(s.Fragment,{})}}var ao=l(7628),io={};io.styleTagTransform=Ir(),io.setAttributes=Er(),io.insert=Pr().bind(null,"head"),io.domAPI=Lr(),io.insertStyleElement=Tr(),Mr()(ao.Z,io),ao.Z&&ao.Z.locals&&ao.Z.locals;class oo extends t.Component{constructor(e){super(e),this._UICanvas=t.createRef(),this._2DCanvas=t.createRef(),this._3DCanvas=t.createRef(),this._pickerRef=t.createRef();const n=[{name:"Red",visible:!0,editable:!0,id:"R",icon:l(4687)},{name:"Green",visible:!0,editable:!0,id:"G",icon:l(5091)},{name:"Blue",visible:!0,editable:!0,id:"B",icon:l(269)}];this.props.texture.isCube?n.push({name:"Display",visible:!0,editable:!0,id:"A",icon:l(8652)}):n.push({name:"Alpha",visible:!0,editable:!0,id:"A",icon:l(1422)}),this.state={tools:[],activeToolIndex:-1,metadata:{color:"#ffffff",alpha:1,select:{x1:-1,y1:-1,x2:-1,y2:-1}},channels:n,pixelData:{},face:0,mipLevel:0,pickerOpen:!1},this.loadToolFromURL=this.loadToolFromURL.bind(this),this.changeTool=this.changeTool.bind(this),this.setMetadata=this.setMetadata.bind(this),this.saveTexture=this.saveTexture.bind(this),this.resetTexture=this.resetTexture.bind(this),this.resizeTexture=this.resizeTexture.bind(this),this.uploadTexture=this.uploadTexture.bind(this),this.setPickerOpen=this.setPickerOpen.bind(this),this.onPointerDown=this.onPointerDown.bind(this)}componentDidMount(){this._textureCanvasManager=new Di(this.props.texture,this.props.window.current.getWindow(),this._UICanvas.current,this._2DCanvas.current,this._3DCanvas.current,(e=>{this.setState({pixelData:e})}),this.state.metadata,(()=>this.textureDidUpdate()),(e=>this.setMetadata(e)),(e=>this.setState({mipLevel:e}))),this.addTools(ro)}componentDidUpdate(){const e=[];this.state.channels.forEach((t=>e.push(Object.assign({},t)))),this._textureCanvasManager.channels=e,this._textureCanvasManager.face=this.state.face,this._textureCanvasManager.mipLevel=this.state.mipLevel}componentWillUnmount(){this._textureCanvasManager.dispose()}textureDidUpdate(){null!=this._timer&&clearTimeout(this._timer),this._timer=window.setTimeout((()=>{this.props.onUpdate(),this._timer=null}),oo.PREVIEW_UPDATE_DELAY_MS)}loadToolFromURL(e){r.Tools.LoadScript(e,(()=>{this.addTools([_TOOL_DATA_])}))}addTools(e){let t=[];e.forEach((e=>{const n=Object.assign(Object.assign({},e),{instance:new e.type((()=>this.getToolParameters()))});t=t.concat(n)})),t=this.state.tools.concat(t),this.setState({tools:t})}getToolParameters(){return{scene:this._textureCanvasManager.scene,canvas2D:this._textureCanvasManager.canvas2D,scene3D:this._textureCanvasManager.scene3D,size:this._textureCanvasManager.size,updateTexture:()=>this._textureCanvasManager.updateTexture(),startPainting:()=>this._textureCanvasManager.startPainting(),stopPainting:()=>this._textureCanvasManager.stopPainting(),updatePainting:()=>this._textureCanvasManager.updatePainting(),metadata:this.state.metadata,setMetadata:e=>this.setMetadata(e),getMouseCoordinates:e=>this._textureCanvasManager.getMouseCoordinates(e),interactionEnabled:()=>this._textureCanvasManager.toolInteractionEnabled(),BABYLON}}changeTool(e){this._textureCanvasManager.tool=-1!=e?this.state.tools[e]:null,this.setState({activeToolIndex:e})}setMetadata(e){const t=Object.assign(Object.assign({},this.state.metadata),e);this.setState({metadata:t}),this._textureCanvasManager.metadata=t}setPickerOpen(e){this.setState({pickerOpen:e})}onPointerDown(e){var t;(null===(t=this._pickerRef.current)||void 0===t?void 0:t.contains(e.target))||this.setPickerOpen(!1)}saveTexture(){this._textureCanvasManager.saveTexture()}resetTexture(){this._textureCanvasManager.reset()}resizeTexture(e,t){this._textureCanvasManager.resize({width:e,height:t})}uploadTexture(e){this._textureCanvasManager.upload(e)}render(){var e,t;const n=this.state.tools[this.state.activeToolIndex];let a="initial";return(null===(e=this._textureCanvasManager)||void 0===e?void 0:e.toolInteractionEnabled())?n&&n.cursor&&(a=`url(data:image/png;base64,${n.cursor}) 10 10, auto`):a="pointer",(0,s.jsxs)("div",Object.assign({id:"texture-editor",onPointerDown:this.onPointerDown,style:{cursor:a}},{children:[(0,s.jsx)(Zi,{texture:this.props.texture,saveTexture:this.saveTexture,pixelData:this.state.pixelData,face:this.state.face,setFace:e=>this.setState({face:e}),resetTexture:this.resetTexture,resizeTexture:this.resizeTexture,uploadTexture:this.uploadTexture,mipLevel:this.state.mipLevel,setMipLevel:e=>this.setState({mipLevel:e}),size:(null===(t=this._textureCanvasManager)||void 0===t?void 0:t.size)||this.props.texture.getSize()}),!this.props.texture.isCube&&(0,s.jsx)(Ei,{tools:this.state.tools,activeToolIndex:this.state.activeToolIndex,addTool:this.loadToolFromURL,changeTool:this.changeTool,metadata:this.state.metadata,setMetadata:this.setMetadata,pickerOpen:this.state.pickerOpen,setPickerOpen:this.setPickerOpen,pickerRef:this._pickerRef,hasAlpha:-1===this.props.texture.textureFormat||this.props.texture.textureFormat===r.Constants.TEXTUREFORMAT_RGBA}),(0,s.jsx)(Ki,{channels:this.state.channels,setChannels:e=>{this.setState({channels:e})}}),(0,s.jsx)(Ji,{canvas2D:this._2DCanvas,canvas3D:this._3DCanvas,canvasUI:this._UICanvas,texture:this.props.texture}),(0,s.jsx)(so,{tool:n}),(0,s.jsx)(qi,{texture:this.props.texture,mipLevel:this.state.mipLevel})]}))}}oo.PREVIEW_UPDATE_DELAY_MS=160;let lo=`https://unpkg.com/babylonjs-gui-editor@${r.Engine.Version}/babylon.guiEditor.js`,po=null;function co(){return"undefined"!=typeof GUIEDITOR?GUIEDITOR:"undefined"!=typeof BABYLON&&void 0!==BABYLON.GUIEditor?BABYLON:void 0}async function ho(e){if(!po){if("undefined"==typeof BABYLON)throw'Tried to call EditAdvancedDynamicTexture without first injecting the GUI editor. You need to call InjectGUIEditor() with a reference to @babylonjs/gui-editor. It can be imported at runtime using await import("@babylonjs/gui-editor").';if(po=po||co(),void 0===po)try{await r.Tools.LoadScriptAsync(lo),po=po||co()}catch(e){throw`Failed to load GUI editor from ${lo}`}}po.GUIEditor.Show({liveGuiTexture:e})}const uo=[{label:"Alpha",normalizable:0,value:r.Constants.TEXTUREFORMAT_ALPHA},{label:"Luminance",normalizable:0,value:r.Constants.TEXTUREFORMAT_LUMINANCE},{label:"Luminance/Alpha",normalizable:0,value:r.Constants.TEXTUREFORMAT_LUMINANCE_ALPHA},{label:"RGB",normalizable:1,value:r.Constants.TEXTUREFORMAT_RGB},{label:"RGBA",normalizable:1,value:r.Constants.TEXTUREFORMAT_RGBA},{label:"R (red)",normalizable:1,value:r.Constants.TEXTUREFORMAT_RED},{label:"RG (red/green)",normalizable:1,value:r.Constants.TEXTUREFORMAT_RG},{label:"R (red) integer",normalizable:0,value:r.Constants.TEXTUREFORMAT_RED_INTEGER},{label:"RG (red/green) integer",normalizable:0,value:r.Constants.TEXTUREFORMAT_RG_INTEGER},{label:"RGB integer",normalizable:0,value:r.Constants.TEXTUREFORMAT_RGB_INTEGER},{label:"RGBA integer",normalizable:0,value:r.Constants.TEXTUREFORMAT_RGBA_INTEGER},{label:"BGRA",normalizable:1,value:r.Constants.TEXTUREFORMAT_BGRA},{label:"Depth24/Stencil8",normalizable:0,hideType:!0,value:r.Constants.TEXTUREFORMAT_DEPTH24_STENCIL8},{label:"Depth32 float",normalizable:0,hideType:!0,value:r.Constants.TEXTUREFORMAT_DEPTH32_FLOAT},{label:"Depth16",normalizable:0,value:r.Constants.TEXTUREFORMAT_DEPTH16},{label:"Depth24",normalizable:0,value:r.Constants.TEXTUREFORMAT_DEPTH24},{label:"RGBA BPTC UNorm",normalizable:0,compressed:!0,value:r.Constants.TEXTUREFORMAT_COMPRESSED_RGBA_BPTC_UNORM},{label:"RGB BPTC UFloat",normalizable:0,compressed:!0,value:r.Constants.TEXTUREFORMAT_COMPRESSED_RGB_BPTC_UNSIGNED_FLOAT},{label:"RGB BPTC SFloat",normalizable:0,compressed:!0,value:r.Constants.TEXTUREFORMAT_COMPRESSED_RGB_BPTC_SIGNED_FLOAT},{label:"RGBA S3TC DXT5",normalizable:0,compressed:!0,value:r.Constants.TEXTUREFORMAT_COMPRESSED_RGBA_S3TC_DXT5},{label:"RGBA S3TC DXT3",normalizable:0,compressed:!0,value:r.Constants.TEXTUREFORMAT_COMPRESSED_RGBA_S3TC_DXT3},{label:"RGBA S3TC DXT1",normalizable:0,compressed:!0,value:r.Constants.TEXTUREFORMAT_COMPRESSED_RGBA_S3TC_DXT1},{label:"RGB S3TC DXT1",normalizable:0,compressed:!0,value:r.Constants.TEXTUREFORMAT_COMPRESSED_RGB_S3TC_DXT1},{label:"RGBA ASTC 4x4",normalizable:0,compressed:!0,value:r.Constants.TEXTUREFORMAT_COMPRESSED_RGBA_ASTC_4x4}],go=[{label:"unsigned byte",normalizable:1,value:r.Constants.TEXTURETYPE_UNSIGNED_BYTE},{label:"32-bit float",normalizable:0,value:r.Constants.TEXTURETYPE_FLOAT},{label:"16-bit float",normalizable:0,value:r.Constants.TEXTURETYPE_HALF_FLOAT},{label:"signed byte",normalizable:1,value:r.Constants.TEXTURETYPE_BYTE},{label:"signed short",normalizable:0,value:r.Constants.TEXTURETYPE_SHORT},{label:"unsigned short",normalizable:0,value:r.Constants.TEXTURETYPE_UNSIGNED_SHORT},{label:"signed int",normalizable:0,value:r.Constants.TEXTURETYPE_INT},{label:"unsigned int",normalizable:0,value:r.Constants.TEXTURETYPE_UNSIGNED_INTEGER},{label:"unsigned 4/4/4/4 short",normalizable:0,value:r.Constants.TEXTURETYPE_UNSIGNED_SHORT_4_4_4_4},{label:"unsigned 5/5/5/1 short",normalizable:0,value:r.Constants.TEXTURETYPE_UNSIGNED_SHORT_5_5_5_1},{label:"unsigned 5/6/5 short",normalizable:0,value:r.Constants.TEXTURETYPE_UNSIGNED_SHORT_5_6_5},{label:"unsigned 2/10/10/10 int",normalizable:0,value:r.Constants.TEXTURETYPE_UNSIGNED_INT_2_10_10_10_REV},{label:"unsigned 24/8 int",normalizable:0,value:r.Constants.TEXTURETYPE_UNSIGNED_INT_24_8},{label:"unsigned 10f/11f/11f int",normalizable:0,value:r.Constants.TEXTURETYPE_UNSIGNED_INT_10F_11F_11F_REV},{label:"unsigned 5/9/9/9 int",normalizable:0,value:r.Constants.TEXTURETYPE_UNSIGNED_INT_5_9_9_9_REV},{label:"32-bits with only 8-bit used (stencil)",normalizable:0,value:r.Constants.TEXTURETYPE_FLOAT_32_UNSIGNED_INT_24_8_REV}];class bo extends t.Component{constructor(e){super(e),this._textureInspectorSize={width:1024,height:490},this.state={isTextureEditorOpen:!1,textureEditing:null};const n=this.props.texture;if(this.textureLineRef=t.createRef(),this.popoutWindowRef=t.createRef(),!n||!n.rootContainer)return;const r=n;this._adtInstrumentation=new Li.AdvancedDynamicTextureInstrumentation(r),this._adtInstrumentation.captureRenderTime=!0,this._adtInstrumentation.captureLayoutTime=!0,this.onOpenTextureEditor.bind(this),this.onCloseTextureEditor.bind(this),this.openTextureEditor.bind(this)}componentWillUnmount(){this._adtInstrumentation&&(this._adtInstrumentation.dispose(),this._adtInstrumentation=null)}updateTexture(e){const t=this.props.texture;r.Tools.ReadFile(e,(n=>{const r=new Blob([n],{type:"octet/stream"}),s=new FileReader;s.readAsDataURL(r),s.onloadend=()=>{const n=s.result;if(t.isCube){let r;e.name.toLowerCase().indexOf(".dds")>0?r=".dds":e.name.toLowerCase().indexOf(".env")>0&&(r=".env"),t.updateURL(n,r,(()=>this.forceRefresh()))}else t.updateURL(n,null,(()=>this.forceRefresh()))}}),void 0,!0)}openTextureEditor(){this.state.isTextureEditorOpen?this.onCloseTextureEditor((()=>this.openTextureEditor())):this.setState({isTextureEditorOpen:!0,textureEditing:this.props.texture})}onOpenTextureEditor(e){}onCloseTextureEditor(e){this.setState({isTextureEditorOpen:!1,textureEditing:null},e)}forceRefresh(){this.forceUpdate(),this.textureLineRef.current.updatePreview()}findTextureFormat(e){for(let t=0;t<uo.length;++t)if(uo[t].value===e)return uo[t];return null}findTextureType(e){for(let t=0;t<go.length;++t)if(go[t].value===e)return go[t];return null}render(){var e,t,n,a,i,o,l,p,c,d;const h=this.props.texture,u=h,g=[{label:"Nearest",value:r.Texture.NEAREST_NEAREST},{label:"Linear",value:r.Texture.LINEAR_LINEAR},{label:"Linear & linear mip",value:r.Texture.LINEAR_LINEAR_MIPLINEAR},{label:"Linear & nearest mip",value:r.Texture.LINEAR_LINEAR_MIPNEAREST},{label:"Nearest & linear mip",value:r.Texture.NEAREST_NEAREST_MIPLINEAR},{label:"Nearest & nearest mip",value:r.Texture.NEAREST_NEAREST_MIPNEAREST},{label:"Nearest/Linear",value:r.Texture.NEAREST_LINEAR},{label:"Nearest/Linear & linear mip",value:r.Texture.NEAREST_LINEAR_MIPLINEAR},{label:"Nearest/Linear & nearest mip",value:r.Texture.NEAREST_LINEAR_MIPNEAREST},{label:"Linear/Nearest",value:r.Texture.LINEAR_NEAREST},{label:"Linear/Nearest & linear mip",value:r.Texture.LINEAR_NEAREST_MIPLINEAR},{label:"Linear/Nearest & nearest mip",value:r.Texture.LINEAR_NEAREST_MIPNEAREST}],b=[{label:"Explicit",value:r.Texture.EXPLICIT_MODE},{label:"Cubic",value:r.Texture.CUBIC_MODE},{label:"Inverse cubic",value:r.Texture.INVCUBIC_MODE},{label:"Equirectangular",value:r.Texture.EQUIRECTANGULAR_MODE},{label:"Fixed equirectangular",value:r.Texture.FIXED_EQUIRECTANGULAR_MODE},{label:"Fixed equirectangular mirrored",value:r.Texture.FIXED_EQUIRECTANGULAR_MIRRORED_MODE},{label:"Planar",value:r.Texture.PLANAR_MODE},{label:"Projection",value:r.Texture.PROJECTION_MODE},{label:"Skybox",value:r.Texture.SKYBOX_MODE},{label:"Spherical",value:r.Texture.SPHERICAL_MODE}],m=null!==(t=null===(e=h._texture)||void 0===e?void 0:e.format)&&void 0!==t?t:-2,C=null!==(a=null===(n=h._texture)||void 0===n?void 0:n.type)&&void 0!==a?a:-2,f=this.findTextureFormat(-1===m?r.Constants.TEXTUREFORMAT_RGBA:m),v=this.findTextureType(-1===C?r.Constants.TEXTURETYPE_UNSIGNED_BYTE:C),A=h instanceof r.MultiRenderTarget?"MultiRenderTarget":h instanceof r.RenderTargetTexture?"RenderTargetTexture":h.getClassName(),x=h instanceof r.MultiRenderTarget?h.count:-1,y=h.isRenderTarget&&(null===(i=u.renderTarget)||void 0===i?void 0:i._depthStencilTexture)?this.findTextureFormat(u.renderTarget._depthStencilTexture.format):null;let j="";const w=h.url,O=w&&"data"!==w.substring(0,4)&&"blob"!==w.substring(0,4)?w:"";if(O)for(let e=O.length-1;e>=0&&"."!==O[e];e--)j=O[e]+j;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsxs)(vr,Object.assign({title:"PREVIEW",selection:this.props.globalState},{children:[(0,s.jsx)(Ni,{ref:this.textureLineRef,texture:h,width:256,height:256,globalState:this.props.globalState}),(0,s.jsx)(jr,{label:"Load texture from file",onClick:e=>this.updateTexture(e),accept:".jpg, .png, .tga, .dds, .env"}),(0,s.jsx)(yr,{label:"Edit",onClick:()=>{this.props.texture instanceof Li.AdvancedDynamicTexture?ho(this.props.texture):this.openTextureEditor()}}),(0,s.jsx)(Fs,{label:"URL",value:O,lockObject:this.props.lockObject,onChange:e=>{h.updateURL(e),this.forceRefresh()}})]})),this.state.isTextureEditorOpen&&(0,s.jsx)(qs,Object.assign({id:"texture-editor",title:"Texture Inspector",size:this._textureInspectorSize,onOpen:this.onOpenTextureEditor,onClose:()=>this.onCloseTextureEditor,ref:this.popoutWindowRef},{children:(0,s.jsx)(oo,{texture:this.props.texture,url:O,window:this.popoutWindowRef,onUpdate:()=>this.forceRefresh()})})),(0,s.jsx)(Ks,{globalState:this.props.globalState,target:h,lockObject:this.props.lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"GENERAL",selection:this.props.globalState},{children:[(0,s.jsx)(Cr,{label:"Width",value:h.getSize().width.toString()}),(0,s.jsx)(Cr,{label:"Height",value:h.getSize().height.toString()}),h.isRenderTarget&&(0,s.jsx)(yr,{label:"Scale up",onClick:()=>{const e=h.getScene();h.scale(2),setTimeout((()=>{this.props.globalState.onSelectionChangedObservable.notifyObservers(e.getTextureByUniqueId(h.uniqueId))}))}}),h.isRenderTarget&&(0,s.jsx)(yr,{label:"Scale down",onClick:()=>{const e=h.getScene();h.scale(.5),setTimeout((()=>{this.props.globalState.onSelectionChangedObservable.notifyObservers(e.getTextureByUniqueId(h.uniqueId))}))}}),(0,s.jsx)(Cr,{label:"Format",value:null!==(o=null==f?void 0:f.label)&&void 0!==o?o:"unknown"}),!(null==f?void 0:f.hideType)&&!(null==f?void 0:f.compressed)&&(0,s.jsx)(Cr,{label:"Type",value:null!==(l=null==v?void 0:v.label)&&void 0!==l?l:"unknown"}),!!(null==f?void 0:f.normalizable)&&!(null==f?void 0:f.compressed)&&!!(null==v?void 0:v.normalizable)&&(0,s.jsx)(Cr,{label:"Normalized",value:v.normalizable?"Yes":"No"}),(0,s.jsx)(Cr,{label:"Is compressed",value:(null==f?void 0:f.compressed)?"Yes":"No"}),(0,s.jsx)(Cr,{label:"Use sRGB buffers",value:(null===(p=h._texture)||void 0===p?void 0:p._useSRGBBuffer)?"Yes":"No"}),j&&(0,s.jsx)(Cr,{label:"File format",value:j}),(0,s.jsx)(Cr,{label:"Unique ID",value:h.uniqueId.toString()}),(0,s.jsx)(Cr,{label:"Internal Unique ID",value:null===(c=h._texture)||void 0===c?void 0:c.uniqueId.toString()}),(0,s.jsx)(Cr,{label:"Class",value:A}),x>=0&&(0,s.jsx)(Cr,{label:"Number of textures",value:x.toString()}),(0,s.jsx)(Cr,{label:"Has alpha",value:h.hasAlpha?"Yes":"No"}),(0,s.jsx)(Zr,{label:"Get alpha from RGB",isSelected:()=>h.getAlphaFromRGB,onSelect:e=>h.getAlphaFromRGB=e}),(0,s.jsx)(Cr,{label:"Is 3D",value:h.is3D?"Yes":"No"}),(0,s.jsx)(Cr,{label:"Is 2D array",value:h.is2DArray?"Yes":"No"}),(0,s.jsx)(Cr,{label:"Is cube",value:h.isCube?"Yes":"No"}),(0,s.jsx)(Cr,{label:"Is render target",value:h.isRenderTarget?"Yes":"No"}),h.isRenderTarget&&(0,s.jsx)(Cr,{label:"Depth/stencil texture format",value:null!==(d=null==y?void 0:y.label)&&void 0!==d?d:"no"}),h instanceof r.Texture&&(0,s.jsx)(Cr,{label:"Stored as inverted on Y",value:h.invertY?"Yes":"No"}),(0,s.jsx)(Cr,{label:"Has mipmaps",value:h.noMipmap?"No":"Yes"}),(0,s.jsx)(_s,{label:"UV set",target:h,propertyName:"coordinatesIndex",minimum:0,maximum:3,step:1,onPropertyChangedObservable:this.props.onPropertyChangedObservable,decimalCount:0}),(0,s.jsx)(zs,{label:"Mode",options:b,target:h,propertyName:"coordinatesMode",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:e=>h.coordinatesMode=e}),(0,s.jsx)(_s,{label:"Level",target:h,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),h.updateSamplingMode&&(0,s.jsx)(zs,{label:"Sampling",options:g,target:h,noDirectUpdate:!0,propertyName:"samplingMode",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:e=>h.updateSamplingMode(e)})]})),h.getScene()&&(0,s.jsx)(xi,{globalState:this.props.globalState,animatable:h,scene:h.getScene(),lockObject:this.props.lockObject}),h.rootContainer&&this._adtInstrumentation&&(0,s.jsxs)(vr,Object.assign({title:"ADVANCED TEXTURE PROPERTIES",selection:this.props.globalState},{children:[(0,s.jsx)(Ar,{label:"Last layout time",value:this._adtInstrumentation.renderTimeCounter.current,units:"ms"}),(0,s.jsx)(Ar,{label:"Last render time",value:this._adtInstrumentation.layoutTimeCounter.current,units:"ms"}),(0,s.jsx)(_s,{label:"Render scale",minimum:.1,maximum:5,step:.1,target:h,propertyName:"renderScale",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Premultiply alpha",target:h,propertyName:"premulAlpha",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Ideal width",target:h,propertyName:"idealWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Ideal height",target:h,propertyName:"idealHeight",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Use smallest ideal",target:h,propertyName:"useSmallestIdeal",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Render at ideal size",target:h,propertyName:"renderAtIdealSize",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Invalidate Rect optimization",target:h,propertyName:"useInvalidateRectOptimization",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsxs)(vr,Object.assign({title:"TRANSFORM",selection:this.props.globalState},{children:[!h.isCube&&(0,s.jsxs)("div",{children:[(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"U offset",target:h,propertyName:"uOffset",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"V offset",target:h,propertyName:"vOffset",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"U scale",target:h,propertyName:"uScale",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"V scale",target:h,propertyName:"vScale",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"U angle",useEuler:this.props.globalState.onlyUseEulers,target:h,propertyName:"uAng",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"V angle",useEuler:this.props.globalState.onlyUseEulers,target:h,propertyName:"vAng",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"W angle",useEuler:this.props.globalState.onlyUseEulers,target:h,propertyName:"wAng",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Clamp U",isSelected:()=>h.wrapU===r.Texture.CLAMP_ADDRESSMODE,onSelect:e=>h.wrapU=e?r.Texture.CLAMP_ADDRESSMODE:r.Texture.WRAP_ADDRESSMODE}),(0,s.jsx)(Zr,{label:"Clamp V",isSelected:()=>h.wrapV===r.Texture.CLAMP_ADDRESSMODE,onSelect:e=>h.wrapV=e?r.Texture.CLAMP_ADDRESSMODE:r.Texture.WRAP_ADDRESSMODE})]}),h.isCube&&(0,s.jsx)("div",{children:(0,s.jsx)(_s,{label:"Rotation Y",useEuler:this.props.globalState.onlyUseEulers,minimum:0,maximum:2*Math.PI,step:.1,target:h,propertyName:"rotationY"})})]}))]}))}}class mo extends t.Component{constructor(e){super(e),this._localChange=!1,this.state={isExpanded:!1,value:this.props.target[this.props.propertyName].clone()}}shouldComponentUpdate(e,t){const n=e.target[e.propertyName];return!(n.equals(t.value)&&!this._localChange||(t.value=n.clone(),this._localChange=!1,0))}switchExpandState(){this._localChange=!0,this.setState({isExpanded:!this.state.isExpanded})}raiseOnPropertyChanged(e){this.props.onChange&&this.props.onChange(this.state.value),this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:this.props.target,property:this.props.propertyName,value:this.state.value,initialValue:e})}updateStateX(e){this._localChange=!0;const t=this.state.value.clone();this.props.target[this.props.propertyName].x=e,this.state.value.x=e,this.setState({value:this.state.value}),this.raiseOnPropertyChanged(t)}updateStateY(e){this._localChange=!0;const t=this.state.value.clone();this.props.target[this.props.propertyName].y=e,this.state.value.y=e,this.setState({value:this.state.value}),this.raiseOnPropertyChanged(t)}render(){const e=this.state.isExpanded?(0,s.jsx)(An,{icon:qn}):(0,s.jsx)(An,{icon:tr});return(0,s.jsxs)("div",Object.assign({className:"vector3Line"},{children:[this.props.icon&&(0,s.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),(0,s.jsxs)("div",Object.assign({className:"firstLine",title:this.props.label},{children:[(0,s.jsx)("div",Object.assign({className:"label"},{children:this.props.label})),(0,s.jsx)("div",Object.assign({className:"vector"},{children:`X: ${this.state.value.x.toFixed(2)}, Y: ${this.state.value.y.toFixed(2)}`})),(0,s.jsx)("div",Object.assign({className:"expand hoverIcon",onClick:()=>this.switchExpandState(),title:"Expand"},{children:e}))]})),this.state.isExpanded&&(0,s.jsxs)("div",Object.assign({className:"secondLine"},{children:[(0,s.jsx)(Rs,{label:"x",step:this.props.step,value:this.state.value.x,onChange:e=>this.updateStateX(e)}),(0,s.jsx)(Rs,{label:"y",step:this.props.step,value:this.state.value.y,onChange:e=>this.updateStateY(e)})]}))]}))}}mo.defaultProps={step:.001};class Co extends t.Component{constructor(e){super(e),this._onDebugSelectionChangeObservable=new r.Observable}switchAmbientMode(e){this.props.material.debugMode=e?21:0}renderTextures(e){const t=this.props.material;return(0,s.jsxs)(vr,Object.assign({title:"CHANNELS",selection:this.props.globalState},{children:[(0,s.jsx)(Oi,{label:"Albedo",texture:t.albedoTexture,propertyName:"albedoTexture",material:t,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:e}),(0,s.jsx)(Oi,{label:"Metallic Roughness",texture:t.metallicTexture,propertyName:"metallicTexture",material:t,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:e}),(0,s.jsx)(Oi,{label:"Reflection",texture:t.reflectionTexture,propertyName:"reflectionTexture",material:t,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:e}),(0,s.jsx)(Oi,{label:"Refraction",texture:t.refractionTexture,propertyName:"refractionTexture",material:t,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:e}),(0,s.jsx)(Oi,{label:"Reflectivity",texture:t.reflectivityTexture,propertyName:"reflectivityTexture",material:t,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:e}),(0,s.jsx)(Oi,{label:"Micro-surface",texture:t.microSurfaceTexture,propertyName:"microSurfaceTexture",material:t,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:e}),(0,s.jsx)(Oi,{label:"Bump",texture:t.bumpTexture,propertyName:"bumpTexture",material:t,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:e}),(0,s.jsx)(Oi,{label:"Emissive",texture:t.emissiveTexture,propertyName:"emissiveTexture",material:t,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:e}),(0,s.jsx)(Oi,{label:"Opacity",texture:t.opacityTexture,propertyName:"opacityTexture",material:t,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:e}),(0,s.jsx)(Oi,{customDebugAction:e=>this.switchAmbientMode(e),label:"Ambient",texture:t.ambientTexture,propertyName:"ambientTexture",material:t,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:e}),(0,s.jsx)(Oi,{label:"Lightmap",texture:t.lightmapTexture,propertyName:"lightmapTexture",material:t,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:e}),(0,s.jsx)(Oi,{label:"Detailmap",texture:t.detailMap.texture,material:t,onTextureCreated:e=>t.detailMap.texture=e,onTextureRemoved:()=>t.detailMap.texture=null,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:e}),(0,s.jsx)(Zr,{label:"Use lightmap as shadowmap",target:t,propertyName:"useLightmapAsShadowmap",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Use detailmap",target:t.detailMap,propertyName:"isEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))}render(){var e,t,n;const a=this.props.material,i=[{label:"Low",value:r.Constants.TEXTURE_FILTERING_QUALITY_LOW},{label:"Medium",value:r.Constants.TEXTURE_FILTERING_QUALITY_MEDIUM},{label:"High",value:r.Constants.TEXTURE_FILTERING_QUALITY_HIGH}];return a.sheen._useRoughness=null!==(e=a.sheen._useRoughness)&&void 0!==e?e:null!==a.sheen.roughness,a.sheen.roughness=null!==(n=null!==(t=a.sheen.roughness)&&void 0!==t?t:a.sheen._saveRoughness)&&void 0!==n?n:0,a.sheen._useRoughness||(a.sheen._saveRoughness=a.sheen.roughness,a.sheen.roughness=null),(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(ji,{globalState:this.props.globalState,lockObject:this.props.lockObject,material:a,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),this.renderTextures(this._onDebugSelectionChangeObservable),(0,s.jsxs)(vr,Object.assign({title:"LIGHTING & COLORS",selection:this.props.globalState},{children:[(0,s.jsx)(Zs,{label:"Albedo",target:a,propertyName:"albedoColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable,isLinear:!0}),(0,s.jsx)(Zs,{label:"Reflectivity",target:a,propertyName:"reflectivityColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable,isLinear:!0}),(0,s.jsx)(_s,{label:"Micro-surface",target:a,propertyName:"microSurface",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zs,{label:"Emissive",target:a,propertyName:"emissiveColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable,isLinear:!0}),(0,s.jsx)(Zs,{label:"Ambient",target:a,propertyName:"ambientColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable,isLinear:!0}),(0,s.jsx)(Zr,{label:"Use physical light falloff",target:a,propertyName:"usePhysicalLightFalloff",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsxs)(vr,Object.assign({title:"METALLIC WORKFLOW",selection:this.props.globalState},{children:[(0,s.jsx)(_s,{label:"Metallic",target:a,propertyName:"metallic",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Roughness",target:a,propertyName:"roughness",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Index of Refraction",target:a,propertyName:"indexOfRefraction",minimum:1,maximum:3,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"F0 Factor",target:a,propertyName:"metallicF0Factor",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zs,{label:"Reflectance Color",target:a,propertyName:"metallicReflectanceColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable,isLinear:!0}),(0,s.jsx)(Zr,{label:"Use only metallic from MetallicReflectance texture",target:a,propertyName:"useOnlyMetallicFromMetallicReflectanceTexture",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Oi,{label:"MetallicReflectance Texture",texture:a.metallicReflectanceTexture,onTextureCreated:e=>a.metallicReflectanceTexture=e,onTextureRemoved:()=>a.metallicReflectanceTexture=null,material:a,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:this._onDebugSelectionChangeObservable}),(0,s.jsx)(Oi,{label:"Reflectance Texture",texture:a.reflectanceTexture,onTextureCreated:e=>a.reflectanceTexture=e,onTextureRemoved:()=>a.reflectanceTexture=null,material:a,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:this._onDebugSelectionChangeObservable})]})),(0,s.jsxs)(vr,Object.assign({title:"CLEAR COAT",selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Enabled",target:a.clearCoat,propertyName:"isEnabled",onValueChanged:()=>this.forceUpdate(),onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.clearCoat.isEnabled&&(0,s.jsxs)("div",Object.assign({className:"fragment"},{children:[(0,s.jsx)(_s,{label:"Intensity",target:a.clearCoat,propertyName:"intensity",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Roughness",target:a.clearCoat,propertyName:"roughness",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"IOR",target:a.clearCoat,propertyName:"indexOfRefraction",minimum:1,maximum:3,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Remap F0",target:a.clearCoat,propertyName:"remapF0OnInterfaceChange",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Oi,{label:"Clear coat",texture:a.clearCoat.texture,onTextureCreated:e=>a.clearCoat.texture=e,onTextureRemoved:()=>a.clearCoat.texture=null,material:a,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:this._onDebugSelectionChangeObservable}),(0,s.jsx)(Oi,{label:"Roughness",texture:a.clearCoat.textureRoughness,onTextureCreated:e=>a.clearCoat.textureRoughness=e,onTextureRemoved:()=>a.clearCoat.textureRoughness=null,material:a,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:this._onDebugSelectionChangeObservable}),(0,s.jsx)(Oi,{label:"Bump",texture:a.clearCoat.bumpTexture,onTextureCreated:e=>a.clearCoat.bumpTexture=e,onTextureRemoved:()=>a.clearCoat.bumpTexture=null,material:a,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:this._onDebugSelectionChangeObservable}),a.clearCoat.bumpTexture&&(0,s.jsx)(_s,{label:"Bump strength",target:a.clearCoat.bumpTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Use roughness from main texture",target:a.clearCoat,propertyName:"useRoughnessFromMainTexture",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Tint",target:a.clearCoat,propertyName:"isTintEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.clearCoat.isEnabled&&a.clearCoat.isTintEnabled&&(0,s.jsx)(Zs,{label:"Tint Color",target:a.clearCoat,propertyName:"tintColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable,isLinear:!0}),a.clearCoat.isEnabled&&a.clearCoat.isTintEnabled&&(0,s.jsx)(_s,{label:"At Distance",target:a.clearCoat,propertyName:"tintColorAtDistance",minimum:0,maximum:20,step:.1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.clearCoat.isEnabled&&a.clearCoat.isTintEnabled&&(0,s.jsx)(_s,{label:"Tint Thickness",target:a.clearCoat,propertyName:"tintThickness",minimum:0,maximum:20,step:.1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.clearCoat.isEnabled&&a.clearCoat.isTintEnabled&&(0,s.jsx)(Oi,{label:"Tint",texture:a.clearCoat.tintTexture,onTextureCreated:e=>a.clearCoat.tintTexture=e,onTextureRemoved:()=>a.clearCoat.tintTexture=null,material:a,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:this._onDebugSelectionChangeObservable})]}))]})),(0,s.jsxs)(vr,Object.assign({title:"ANISOTROPIC",selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Enabled",target:a.anisotropy,propertyName:"isEnabled",onValueChanged:()=>this.forceUpdate(),onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.anisotropy.isEnabled&&(0,s.jsxs)("div",Object.assign({className:"fragment"},{children:[(0,s.jsx)(_s,{label:"Intensity",target:a.anisotropy,propertyName:"intensity",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(mo,{label:"Direction",target:a.anisotropy,propertyName:"direction",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Oi,{label:"Anisotropic",texture:a.anisotropy.texture,onTextureCreated:e=>a.anisotropy.texture=e,onTextureRemoved:()=>a.anisotropy.texture=null,material:a,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:this._onDebugSelectionChangeObservable})]}))]})),(0,s.jsxs)(vr,Object.assign({title:"SHEEN",selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Enabled",target:a.sheen,propertyName:"isEnabled",onValueChanged:()=>this.forceUpdate(),onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.sheen.isEnabled&&(0,s.jsxs)("div",Object.assign({className:"fragment"},{children:[(0,s.jsx)(Zr,{label:"Link to Albedo",target:a.sheen,propertyName:"linkSheenWithAlbedo",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Intensity",target:a.sheen,propertyName:"intensity",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zs,{label:"Color",target:a.sheen,propertyName:"color",onPropertyChangedObservable:this.props.onPropertyChangedObservable,isLinear:!0}),(0,s.jsx)(Oi,{label:"Sheen",texture:a.sheen.texture,onTextureCreated:e=>a.sheen.texture=e,onTextureRemoved:()=>a.sheen.texture=null,material:a,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:this._onDebugSelectionChangeObservable}),(0,s.jsx)(Oi,{label:"Roughness",texture:a.sheen.textureRoughness,onTextureCreated:e=>a.sheen.textureRoughness=e,onTextureRemoved:()=>a.sheen.textureRoughness=null,material:a,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:this._onDebugSelectionChangeObservable}),(0,s.jsx)(Zr,{label:"Use roughness",target:a.sheen,propertyName:"_useRoughness"}),a.sheen._useRoughness&&(0,s.jsx)(_s,{label:"Roughness",target:a.sheen,propertyName:"roughness",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Use roughness from main texture",target:a.sheen,propertyName:"useRoughnessFromMainTexture",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Albedo scaling",target:a.sheen,propertyName:"albedoScaling",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))]})),(0,s.jsxs)(vr,Object.assign({title:"SUBSURFACE",selection:this.props.globalState},{children:[(0,s.jsx)(Oi,{label:"Thickness",texture:a.subSurface.thicknessTexture,onTextureCreated:e=>a.subSurface.thicknessTexture=e,onTextureRemoved:()=>a.subSurface.thicknessTexture=null,material:a,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:this._onDebugSelectionChangeObservable}),(0,s.jsx)(_s,{label:"Min Thickness",target:a.subSurface,propertyName:"minimumThickness",minimum:0,maximum:10,step:.1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Max Thickness",target:a.subSurface,propertyName:"maximumThickness",minimum:0,maximum:10,step:.1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Mask From Thickness",target:a.subSurface,propertyName:"useMaskFromThicknessTexture",onValueChanged:()=>this.forceUpdate(),onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"glTF-Style Textures",target:a.subSurface,propertyName:"useGltfStyleTextures",onValueChanged:()=>this.forceUpdate(),onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Use Thickness as Depth",target:a.subSurface,propertyName:"useThicknessAsDepth",onValueChanged:()=>this.forceUpdate(),onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zs,{label:"Tint Color",target:a.subSurface,propertyName:"tintColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable,isLinear:!0}),(0,s.jsx)(Zr,{label:"Scattering Enabled",target:a.subSurface,propertyName:"isScatteringEnabled",onValueChanged:()=>this.forceUpdate(),onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.subSurface.isScatteringEnabled&&a.getScene().prePassRenderer&&a.getScene().subSurfaceConfiguration&&(0,s.jsx)("div",Object.assign({className:"fragment"},{children:(0,s.jsx)(_s,{label:"Meters per unit",target:a.getScene().subSurfaceConfiguration,propertyName:"metersPerUnit",minimum:.01,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable})})),(0,s.jsx)(Zr,{label:"Refraction Enabled",target:a.subSurface,propertyName:"isRefractionEnabled",onValueChanged:()=>this.forceUpdate(),onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.subSurface.isRefractionEnabled&&(0,s.jsxs)("div",Object.assign({className:"fragment"},{children:[(0,s.jsx)(_s,{label:"Intensity",target:a.subSurface,propertyName:"refractionIntensity",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Oi,{label:"Refraction",texture:a.subSurface.refractionTexture,onTextureCreated:e=>a.subSurface.refractionTexture=e,onTextureRemoved:()=>a.subSurface.refractionTexture=null,material:a,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:this._onDebugSelectionChangeObservable}),(0,s.jsx)(_s,{label:"Volume Index of Refraction",target:a.subSurface,propertyName:"volumeIndexOfRefraction",minimum:1,maximum:3,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Tint at Distance",target:a.subSurface,propertyName:"tintColorAtDistance",minimum:0,maximum:10,step:.1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Link refraction with transparency",target:a.subSurface,propertyName:"linkRefractionWithTransparency",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Use albedo to tint surface transparency",target:a.subSurface,propertyName:"useAlbedoToTintRefraction",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsx)(Zr,{label:"Translucency Enabled",target:a.subSurface,propertyName:"isTranslucencyEnabled",onValueChanged:()=>this.forceUpdate(),onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.subSurface.isTranslucencyEnabled&&(0,s.jsxs)("div",Object.assign({className:"fragment"},{children:[(0,s.jsx)(_s,{label:"Intensity",target:a.subSurface,propertyName:"translucencyIntensity",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zs,{label:"Diffusion Distance",target:a.subSurface,propertyName:"diffusionDistance",onPropertyChangedObservable:this.props.onPropertyChangedObservable,isLinear:!0}),(0,s.jsx)(Zr,{label:"Use albedo to tint surface translucency",target:a.subSurface,propertyName:"useAlbedoToTintTranslucency",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))]})),(0,s.jsxs)(vr,Object.assign({title:"LEVELS",closed:!0,selection:this.props.globalState},{children:[(0,s.jsx)(_s,{label:"Environment",target:a,propertyName:"environmentIntensity",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Specular",target:a,propertyName:"specularIntensity",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Emissive",target:a,propertyName:"emissiveIntensity",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Direct",target:a,propertyName:"directIntensity",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.bumpTexture&&(0,s.jsx)(_s,{label:"Bump strength",target:a.bumpTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.ambientTexture&&(0,s.jsx)(_s,{label:"Ambient strength",target:a,propertyName:"ambientTextureStrength",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.reflectionTexture&&(0,s.jsx)(_s,{label:"Reflection strength",target:a.reflectionTexture,propertyName:"level",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.clearCoat.texture&&(0,s.jsx)(_s,{label:"Clear coat",target:a.clearCoat.texture,propertyName:"level",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.clearCoat.bumpTexture&&(0,s.jsx)(_s,{label:"Clear coat bump",target:a.clearCoat.bumpTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.clearCoat.tintTexture&&!1,a.anisotropy.texture&&(0,s.jsx)(_s,{label:"Anisotropic",target:a.anisotropy.texture,propertyName:"level",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.sheen.texture&&(0,s.jsx)(_s,{label:"Sheen",target:a.sheen.texture,propertyName:"level",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.subSurface.thicknessTexture&&(0,s.jsx)(_s,{label:"Thickness",target:a.subSurface.thicknessTexture,propertyName:"level",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.subSurface.refractionTexture&&(0,s.jsx)(_s,{label:"Refraction",target:a.subSurface.refractionTexture,propertyName:"level",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.detailMap.isEnabled&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(_s,{label:"Detailmap diffuse",target:a.detailMap,propertyName:"diffuseBlendLevel",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Detailmap bump",target:a.detailMap,propertyName:"bumpLevel",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Detailmap roughness",target:a.detailMap,propertyName:"roughnessBlendLevel",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})]})),(0,s.jsxs)(vr,Object.assign({title:"RENDERING",closed:!0,selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Alpha from albedo",target:a,propertyName:"useAlphaFromAlbedoTexture",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Ambient in grayscale",target:a,propertyName:"useAmbientInGrayScale",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Radiance over alpha",target:a,propertyName:"useRadianceOverAlpha",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Micro-surface from ref. map alpha",target:a,propertyName:"useMicroSurfaceFromReflectivityMapAlpha",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Specular over alpha",target:a,propertyName:"useSpecularOverAlpha",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Specular anti-aliasing",target:a,propertyName:"enableSpecularAntiAliasing",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Realtime Filtering",target:a,propertyName:"realTimeFiltering",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(zs,{allowNullValue:!0,label:"Realtime Filtering quality",options:i,target:a,propertyName:"realTimeFilteringQuality",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsxs)(vr,Object.assign({title:"NORMAL MAP",closed:!0,selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Invert X axis",target:a,propertyName:"invertNormalMapX",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Invert Y axis",target:a,propertyName:"invertNormalMapY",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsxs)(vr,Object.assign({title:"ADVANCED",closed:!0,selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Energy Conservation",target:a.brdf,propertyName:"useEnergyConservation",onValueChanged:()=>this.forceUpdate(),onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Spherical Harmonics",target:a.brdf,propertyName:"useSphericalHarmonics",onValueChanged:()=>this.forceUpdate(),onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Radiance occlusion",target:a,propertyName:"useRadianceOcclusion",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Horizon occlusion ",target:a,propertyName:"useHorizonOcclusion",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Unlit",target:a,propertyName:"unlit",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsxs)(vr,Object.assign({title:"DEBUG",closed:!0,selection:this.props.globalState},{children:[(0,s.jsx)(zs,{label:"Debug mode",options:[{label:"None",value:0},{label:"Normalized position",value:1},{label:"Normals",value:2},{label:"Tangents",value:3},{label:"Bitangents",value:4},{label:"Bump Normals",value:5},{label:"UV1",value:6},{label:"UV2",value:7},{label:"ClearCoat Normals",value:8},{label:"ClearCoat Tangents",value:9},{label:"ClearCoat Bitangents",value:10},{label:"Anisotropic Normals",value:11},{label:"Anisotropic Tangents",value:12},{label:"Anisotropic Bitangents",value:13},{label:"Albedo Map",value:20},{label:"Ambient Map",value:21},{label:"Opacity Map",value:22},{label:"Emissive Map",value:23},{label:"Light Map",value:24},{label:"Metallic Map",value:25},{label:"Reflectivity Map",value:26},{label:"ClearCoat Map",value:27},{label:"ClearCoat Tint Map",value:28},{label:"Sheen Map",value:29},{label:"Anisotropic Map",value:30},{label:"Thickness Map",value:31},{label:"Env Refraction",value:40},{label:"Env Reflection",value:41},{label:"Env Clear Coat",value:42},{label:"Direct Diffuse",value:50},{label:"Direct Specular",value:51},{label:"Direct Clear Coat",value:52},{label:"Direct Sheen",value:53},{label:"Env Irradiance",value:54},{label:"Surface Albedo",value:60},{label:"Reflectance 0",value:61},{label:"Metallic",value:62},{label:"Metallic F0",value:71},{label:"Roughness",value:63},{label:"AlphaG",value:64},{label:"NdotV",value:65},{label:"ClearCoat Color",value:66},{label:"ClearCoat Roughness",value:67},{label:"ClearCoat NdotV",value:68},{label:"Transmittance",value:69},{label:"Refraction Transmittance",value:70},{label:"SEO",value:80},{label:"EHO",value:81},{label:"Energy Factor",value:82},{label:"Specular Reflectance",value:83},{label:"Clear Coat Reflectance",value:84},{label:"Sheen Reflectance",value:85},{label:"Luminance Over Alpha",value:86},{label:"Alpha",value:87}],target:a,propertyName:"debugMode"}),(0,s.jsx)(_s,{label:"Split position",target:a,propertyName:"debugLimit",minimum:-1,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Output factor",target:a,propertyName:"debugFactor",minimum:0,maximum:5,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))]}))}}class fo extends t.Component{constructor(e){super(e),this.state={isSelected:this.props.isSelected()}}componentDidMount(){this._onSelectionChangedObserver=this.props.onSelectionChangedObservable.add((e=>{this.setState({isSelected:e===this})}))}componentWillUnmount(){this._onSelectionChangedObserver&&(this.props.onSelectionChangedObservable.remove(this._onSelectionChangedObserver),this._onSelectionChangedObserver=null)}onChange(){this.props.onSelect(),this.props.onSelectionChangedObservable.notifyObservers(this)}render(){return(0,s.jsxs)("div",Object.assign({className:"radioLine"},{children:[this.props.icon&&(0,s.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),(0,s.jsx)("div",Object.assign({className:"label",title:this.props.label},{children:this.props.label})),(0,s.jsxs)("div",Object.assign({className:"radioContainer"},{children:[(0,s.jsx)("input",{id:this.props.label,className:"radio",type:"radio",checked:this.state.isSelected,onChange:()=>this.onChange()}),(0,s.jsx)("label",{htmlFor:this.props.label,className:"labelForRadio"})]}))]}))}}class vo extends t.Component{constructor(e){super(e),this.state={mode:this.props.scene.fogMode}}render(){const e=this.props.scene,t=[{label:"None",value:r.Scene.FOGMODE_NONE},{label:"Linear",value:r.Scene.FOGMODE_LINEAR},{label:"Exp",value:r.Scene.FOGMODE_EXP},{label:"Exp2",value:r.Scene.FOGMODE_EXP2}];return(0,s.jsxs)("div",{children:[(0,s.jsx)(zs,{label:"Fog mode",options:t,target:e,propertyName:"fogMode",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:e=>this.setState({mode:e})}),this.state.mode!==r.Scene.FOGMODE_NONE&&(0,s.jsx)(Zs,{label:"Fog color",target:e,propertyName:"fogColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(this.state.mode===r.Scene.FOGMODE_EXP||this.state.mode===r.Scene.FOGMODE_EXP2)&&(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Fog density",target:e,propertyName:"fogDensity",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),this.state.mode===r.Scene.FOGMODE_LINEAR&&(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Fog start",target:e,propertyName:"fogStart",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),this.state.mode===r.Scene.FOGMODE_LINEAR&&(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Fog end",target:e,propertyName:"fogEnd",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})}}class Ao extends t.Component{constructor(e){super(e),this._renderingModeGroupObservable=new r.Observable}setRenderingModes(e,t){const n=this.props.scene;n.forcePointsCloud=e,n.forceWireframe=t}switchIBL(){const e=this.props.scene;e.environmentTexture?(this._storedEnvironmentTexture=e.environmentTexture,e.environmentTexture=null):(e.environmentTexture=this._storedEnvironmentTexture,this._storedEnvironmentTexture=null)}updateEnvironmentTexture(e){const t=e.name.toLowerCase().indexOf(".dds")>0,n=e.name.toLowerCase().indexOf(".env")>0;if(!t&&!n)return void console.error("Unable to update environment texture. Please select a dds or env file.");const s=this.props.scene;r.Tools.ReadFile(e,(e=>{const n=new Blob([e],{type:"octet/stream"}),a=URL.createObjectURL(n);s.environmentTexture=t?r.CubeTexture.CreateFromPrefilteredData(a,s,".dds"):new r.CubeTexture(a,s,void 0,void 0,void 0,(()=>{}),(e=>{e&&console.error(e)}),void 0,void 0,".env")}),void 0,!0)}updateGravity(e){this.props.scene.getPhysicsEngine().setGravity(e)}updateTimeStep(e){this.props.scene.getPhysicsEngine().setTimeStep(e)}normalizeScene(){this.props.scene.meshes.forEach((e=>{e.normalizeToUnitCube(!0),e.computeWorldMatrix(!0)}))}render(){const e=this.props.scene,t=e.getPhysicsEngine();let n=null;t&&(n={gravity:t.gravity,timeStep:t.getTimeStep()});const a=e.imageProcessingConfiguration,i=[{label:"Standard",value:r.ImageProcessingConfiguration.TONEMAPPING_STANDARD},{label:"ACES",value:r.ImageProcessingConfiguration.TONEMAPPING_ACES}],o=[{label:"Multiply",value:r.ImageProcessingConfiguration.VIGNETTEMODE_MULTIPLY},{label:"Opaque",value:r.ImageProcessingConfiguration.VIGNETTEMODE_OPAQUE}];return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsxs)(vr,Object.assign({title:"RENDERING MODE",selection:this.props.globalState},{children:[(0,s.jsx)(fo,{onSelectionChangedObservable:this._renderingModeGroupObservable,label:"Point",isSelected:()=>e.forcePointsCloud,onSelect:()=>this.setRenderingModes(!0,!1)}),(0,s.jsx)(fo,{onSelectionChangedObservable:this._renderingModeGroupObservable,label:"Wireframe",isSelected:()=>e.forceWireframe,onSelect:()=>this.setRenderingModes(!1,!0)}),(0,s.jsx)(fo,{onSelectionChangedObservable:this._renderingModeGroupObservable,label:"Solid",isSelected:()=>!e.forcePointsCloud&&!e.forceWireframe,onSelect:()=>this.setRenderingModes(!1,!1)})]})),(0,s.jsxs)(vr,Object.assign({title:"ENVIRONMENT",selection:this.props.globalState},{children:[(0,s.jsx)(Zs,{label:"Clear color",target:e,propertyName:"clearColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Clear color enabled",target:e,propertyName:"autoClear",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zs,{label:"Ambient color",target:e,propertyName:"ambientColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Environment texture (IBL)",isSelected:()=>null!=e.environmentTexture,onSelect:()=>this.switchIBL()}),e.environmentTexture&&(0,s.jsx)(Oi,{label:"Env. texture",texture:e.environmentTexture,onSelectionChangedObservable:this.props.onSelectionChangedObservable}),(0,s.jsx)(jr,{label:"Update environment texture",onClick:e=>this.updateEnvironmentTexture(e),accept:".dds, .env"}),(0,s.jsx)(_s,{minimum:0,maximum:2,step:.01,label:"IBL Intensity",target:e,propertyName:"environmentIntensity",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(vo,{globalState:this.props.globalState,lockObject:this.props.lockObject,scene:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsx)(xi,{globalState:this.props.globalState,animatable:e,scene:e,lockObject:this.props.lockObject}),(0,s.jsxs)(vr,Object.assign({title:"MATERIAL IMAGE PROCESSING",selection:this.props.globalState},{children:[(0,s.jsx)(_s,{minimum:0,maximum:4,step:.1,label:"Contrast",target:a,propertyName:"contrast",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{minimum:0,maximum:4,step:.1,label:"Exposure",target:a,propertyName:"exposure",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Tone mapping",target:a,propertyName:"toneMappingEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(zs,{label:"Tone mapping type",options:i,target:a,propertyName:"toneMappingType",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:e=>this.setState({mode:e})}),(0,s.jsx)(Zr,{label:"Vignette",target:a,propertyName:"vignetteEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{minimum:0,maximum:4,step:.1,label:"Vignette weight",target:a,propertyName:"vignetteWeight",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{minimum:0,maximum:1,step:.1,label:"Vignette stretch",target:a,propertyName:"vignetteStretch",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{minimum:0,maximum:Math.PI,step:.1,label:"Vignette FOV",target:a,propertyName:"vignetteCameraFov",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{minimum:0,maximum:1,step:.1,label:"Vignette center X",target:a,propertyName:"vignetteCentreX",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{minimum:0,maximum:1,step:.1,label:"Vignette center Y",target:a,propertyName:"vignetteCentreY",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zs,{label:"Vignette color",target:a,propertyName:"vignetteColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(zs,{label:"Vignette blend mode",options:o,target:a,propertyName:"vignetteBlendMode",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:e=>this.setState({mode:e})})]})),null!==n&&(0,s.jsxs)(vr,Object.assign({title:"PHYSICS",closed:!0,selection:this.props.globalState},{children:[(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Time step",target:n,propertyName:"timeStep",onChange:e=>this.updateTimeStep(e),onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Qs,{label:"Gravity",target:n,propertyName:"gravity",onChange:e=>this.updateGravity(e),onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsx)(vr,Object.assign({title:"COLLISIONS",closed:!0,selection:this.props.globalState},{children:(0,s.jsx)(Qs,{label:"Gravity",target:e,propertyName:"gravity",onPropertyChangedObservable:this.props.onPropertyChangedObservable})})),(0,s.jsx)(vr,Object.assign({title:"SHADOWS",closed:!0,selection:this.props.globalState},{children:(0,s.jsx)(yr,{label:"Normalize scene",onClick:()=>this.normalizeScene()})}))]}))}}class xo extends t.Component{constructor(e){super(e)}render(){const e=this.props.light;return(0,s.jsxs)("div",{children:[(0,s.jsx)(Ks,{globalState:this.props.globalState,target:e,lockObject:this.props.lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"GENERAL",selection:this.props.globalState},{children:[(0,s.jsx)(Cr,{label:"ID",value:e.id}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Name",target:e,propertyName:"name",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Cr,{label:"Unique ID",value:e.uniqueId.toString()}),(0,s.jsx)(Cr,{label:"Class",value:e.getClassName()}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Intensity",target:e,propertyName:"intensity",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(yr,{label:"Dispose",onClick:()=>{e.dispose(),this.props.globalState.onSelectionChangedObservable.notifyObservers(null)}})]})),(0,s.jsx)(xi,{globalState:this.props.globalState,animatable:e,scene:e.getScene(),lockObject:this.props.lockObject})]})}}class yo extends t.Component{constructor(e){super(e)}render(){const e=this.props.light;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(xo,{globalState:this.props.globalState,lockObject:this.props.lockObject,light:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"SETUP",selection:this.props.globalState},{children:[(0,s.jsx)(Zs,{label:"Diffuse",target:e,propertyName:"diffuse",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zs,{label:"Ground",target:e,propertyName:"groundColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Qs,{label:"Direction",target:e,propertyName:"direction",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))]}))}}class jo extends t.Component{constructor(e){super(e),this._internals={generatorType:0,mapSize:1024}}createShadowGenerator(){const e=this.props.light,t=e.getScene(),n=this._internals,s=0===n.generatorType?new r.ShadowGenerator(n.mapSize,e):new r.CascadedShadowGenerator(n.mapSize,e);t.meshes.forEach((e=>{e.infiniteDistance||(s.addShadowCaster(e),e.isAnInstance||(e.receiveShadows=!0))})),this.forceUpdate()}disposeShadowGenerator(){var e;null===(e=this.props.light.getShadowGenerator())||void 0===e||e.dispose(),this.forceUpdate()}render(){const e=this.props.light,t=this._internals,n=e.getShadowGenerator()||null,a=n instanceof r.CascadedShadowGenerator,i=e.getScene().activeCamera,o=[{label:"Shadow Generator",value:0}];let l;e instanceof r.DirectionalLight&&o.push({label:"Cascaded Shadow Generator",value:1}),l=n instanceof r.CascadedShadowGenerator?[{label:"None",value:r.ShadowGenerator.FILTER_NONE},{label:"PCF",value:r.ShadowGenerator.FILTER_PCF},{label:"PCSS",value:r.ShadowGenerator.FILTER_PCSS}]:[{label:"None",value:r.ShadowGenerator.FILTER_NONE},{label:"PCF",value:r.ShadowGenerator.FILTER_PCF},{label:"PCSS",value:r.ShadowGenerator.FILTER_PCSS},{label:"Poisson",value:r.ShadowGenerator.FILTER_POISSONSAMPLING},{label:"Exponential",value:r.ShadowGenerator.FILTER_EXPONENTIALSHADOWMAP},{label:"Blurred exponential",value:r.ShadowGenerator.FILTER_BLUREXPONENTIALSHADOWMAP},{label:"Close exponential",value:r.ShadowGenerator.FILTER_CLOSEEXPONENTIALSHADOWMAP},{label:"Blurred close exponential",value:r.ShadowGenerator.FILTER_BLURCLOSEEXPONENTIALSHADOWMAP}];const p=[{label:"Low",value:r.ShadowGenerator.QUALITY_LOW},{label:"Medium",value:r.ShadowGenerator.QUALITY_MEDIUM},{label:"High",value:r.ShadowGenerator.QUALITY_HIGH}],c=i?i.minZ:0,d=i?i.maxZ:0,h=n?n.filter:0;return(0,s.jsxs)("div",{children:[(0,s.jsxs)(vr,Object.assign({title:"SHADOWS",selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Shadows enabled",target:e,propertyName:"shadowEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),!a&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Shadows near plane",target:e,propertyName:"shadowMinZ",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Shadows far plane",target:e,propertyName:"shadowMaxZ",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})]})),null==n&&(0,s.jsxs)(vr,Object.assign({title:"SHADOW GENERATOR",selection:this.props.globalState},{children:[(0,s.jsx)(zs,{label:"Type",options:o,target:t,propertyName:"generatorType"}),(0,s.jsx)(zs,{label:"Map size",options:[{label:"2048x2048",value:2048},{label:"1024x1024",value:1024},{label:"512x512",value:512},{label:"256x256",value:256}],target:t,propertyName:"mapSize"}),(0,s.jsx)(yr,{label:"Create generator",onClick:()=>this.createShadowGenerator()})]})),null!==n&&(0,s.jsxs)(vr,Object.assign({title:"SHADOW GENERATOR",selection:this.props.globalState},{children:[(0,s.jsx)(yr,{label:"Dispose generator",onClick:()=>this.disposeShadowGenerator()}),a&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(zs,{label:"Num cascades",options:[{label:"2",value:2},{label:"3",value:3},{label:"4",value:4}],target:n,propertyName:"numCascades",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Debug mode",target:n,propertyName:"debug",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Stabilize cascades",target:n,propertyName:"stabilizeCascades",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Lambda",minimum:0,maximum:1,step:.01,target:n,propertyName:"lambda",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Cascade blend",minimum:0,maximum:1,step:.01,target:n,propertyName:"cascadeBlendPercentage",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Depth clamp",target:n,propertyName:"depthClamp",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Auto-Calc depth bounds",target:n,propertyName:"autoCalcDepthBounds",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Shadow MaxZ",minimum:c,maximum:d,step:.5,target:n,propertyName:"shadowMaxZ",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,digits:4,step:"0.0001",label:"Bias",target:n,propertyName:"bias",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Normal bias",target:n,propertyName:"normalBias",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Darkness",target:n,minimum:0,maximum:1,step:.01,propertyName:"darkness",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Allow transparent shadows",target:n,propertyName:"transparencyShadow",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(zs,{label:"Filter",options:l,onSelect:()=>{this.forceUpdate()},target:n,propertyName:"filter",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(h===r.ShadowGenerator.FILTER_PCF||h===r.ShadowGenerator.FILTER_PCSS)&&(0,s.jsx)(zs,{label:"Filtering quality",options:p,onSelect:()=>{this.forceUpdate()},target:n,propertyName:"filteringQuality",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),h===r.ShadowGenerator.FILTER_PCSS&&(0,s.jsx)(_s,{label:"Penumbra ratio",minimum:0,maximum:.5,step:.001,target:n,propertyName:"contactHardeningLightSizeUVRatio",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),!a&&(h===r.ShadowGenerator.FILTER_BLUREXPONENTIALSHADOWMAP||h===r.ShadowGenerator.FILTER_BLURCLOSEEXPONENTIALSHADOWMAP)&&(0,s.jsx)(Zr,{label:"Use kernel blur",target:n,propertyName:"useKernelBlur",onValueChanged:()=>this.forceUpdate(),onPropertyChangedObservable:this.props.onPropertyChangedObservable}),n instanceof r.ShadowGenerator&&(h===r.ShadowGenerator.FILTER_BLUREXPONENTIALSHADOWMAP||h===r.ShadowGenerator.FILTER_BLURCLOSEEXPONENTIALSHADOWMAP)&&!n.useKernelBlur&&(0,s.jsx)(_s,{label:"Blur box offset",target:n,propertyName:"blurBoxOffset",minimum:1,maximum:64,step:1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),n instanceof r.ShadowGenerator&&(h===r.ShadowGenerator.FILTER_BLUREXPONENTIALSHADOWMAP||h===r.ShadowGenerator.FILTER_BLURCLOSEEXPONENTIALSHADOWMAP)&&n.useKernelBlur&&(0,s.jsx)(_s,{label:"Blur kernel",target:n,propertyName:"blurKernel",minimum:1,maximum:64,step:1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),n instanceof r.ShadowGenerator&&(h===r.ShadowGenerator.FILTER_BLUREXPONENTIALSHADOWMAP||h===r.ShadowGenerator.FILTER_EXPONENTIALSHADOWMAP)&&(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Depth scale",target:n,propertyName:"depthScale",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),n instanceof r.ShadowGenerator&&(h===r.ShadowGenerator.FILTER_BLUREXPONENTIALSHADOWMAP||h===r.ShadowGenerator.FILTER_EXPONENTIALSHADOWMAP)&&(0,s.jsx)(_s,{label:"Blur scale",target:n,propertyName:"blurScale",minimum:1,maximum:4,step:1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a&&h===r.ShadowGenerator.FILTER_PCSS&&(0,s.jsx)(_s,{label:"Penumbra darkness",minimum:0,maximum:1,step:.01,target:n,propertyName:"penumbraDarkness",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))]})}}class wo extends t.Component{constructor(e){super(e)}render(){const e=this.props.light;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(xo,{globalState:this.props.globalState,lockObject:this.props.lockObject,light:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"SETUP",selection:this.props.globalState},{children:[(0,s.jsx)(Zs,{label:"Diffuse",target:e,propertyName:"diffuse",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zs,{label:"Specular",target:e,propertyName:"specular",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Qs,{label:"Position",target:e,propertyName:"position",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsx)(jo,{globalState:this.props.globalState,lockObject:this.props.lockObject,light:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))}}class Oo extends t.Component{constructor(e){super(e),this.state={mode:this.props.camera.mode}}render(){const e=this.props.camera,t=[{label:"Perspective",value:r.Camera.PERSPECTIVE_CAMERA},{label:"Orthographic",value:r.Camera.ORTHOGRAPHIC_CAMERA}];return(0,s.jsxs)("div",{children:[(0,s.jsx)(Ks,{globalState:this.props.globalState,target:e,lockObject:this.props.lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"GENERAL",selection:this.props.globalState},{children:[(0,s.jsx)(Cr,{label:"ID",value:e.id}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Name",target:e,propertyName:"name",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Cr,{label:"Unique ID",value:e.uniqueId.toString()}),(0,s.jsx)(Cr,{label:"Class",value:e.getClassName()}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Near plane",target:e,propertyName:"minZ",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Far plane",target:e,propertyName:"maxZ",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Inertia",target:e,propertyName:"inertia",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(yi,{isInteger:!0,lockObject:this.props.lockObject,label:"Layer mask",target:e,propertyName:"layerMask",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(zs,{label:"Mode",options:t,target:e,propertyName:"mode",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:e=>this.setState({mode:e})}),e.mode===r.Camera.PERSPECTIVE_CAMERA&&(0,s.jsx)(_s,{label:"Field of view",target:e,useEuler:this.props.globalState.onlyUseEulers,propertyName:"fov",minimum:.1,maximum:Math.PI,step:.1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.mode===r.Camera.ORTHOGRAPHIC_CAMERA&&(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Left",target:e,propertyName:"orthoLeft",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.mode===r.Camera.ORTHOGRAPHIC_CAMERA&&(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Top",target:e,propertyName:"orthoTop",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.mode===r.Camera.ORTHOGRAPHIC_CAMERA&&(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Right",target:e,propertyName:"orthoRight",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.mode===r.Camera.ORTHOGRAPHIC_CAMERA&&(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Bottom",target:e,propertyName:"orthoBottom",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(yr,{label:"Dispose",onClick:()=>{e.dispose(),this.props.globalState.onSelectionChangedObservable.notifyObservers(null)}})]})),(0,s.jsx)(xi,{globalState:this.props.globalState,animatable:e,scene:e.getScene(),lockObject:this.props.lockObject})]})}}class So extends t.Component{constructor(e){super(e)}render(){const e=this.props.camera;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(Oo,{globalState:this.props.globalState,lockObject:this.props.lockObject,camera:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"TRANSFORMS",selection:this.props.globalState},{children:[(0,s.jsx)(Qs,{label:"Target",target:e,propertyName:"target",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Qs,{label:"Position",target:e,propertyName:"position",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Qs,{label:"Rotation",noSlider:!0,useEuler:this.props.globalState.onlyUseEulers,target:e,propertyName:"rotation",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsxs)(vr,Object.assign({title:"CONTROLS",closed:!0,selection:this.props.globalState},{children:[(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Angular sensitivity",target:e,propertyName:"angularSensibility",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Speed",target:e,propertyName:"speed",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsxs)(vr,Object.assign({title:"COLLISIONS",closed:!0,selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Check collisions",target:e,propertyName:"checkCollisions",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Apply gravity",target:e,propertyName:"applyGravity",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Qs,{label:"Ellipsoid",target:e,propertyName:"ellipsoid",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Qs,{label:"Ellipsoid offset",target:e,propertyName:"ellipsoidOffset",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))]}))}}class Mo extends t.Component{constructor(e){super(e)}render(){const e=this.props.camera;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(Oo,{globalState:this.props.globalState,lockObject:this.props.lockObject,camera:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"TRANSFORMS",selection:this.props.globalState},{children:[(0,s.jsx)(Qs,{label:"Target",target:e,propertyName:"target",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Alpha",useEuler:this.props.globalState.onlyUseEulers,target:e,propertyName:"alpha",minimum:e.lowerAlphaLimit||0,maximum:e.upperAlphaLimit||2*Math.PI,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Beta",useEuler:this.props.globalState.onlyUseEulers,target:e,propertyName:"beta",minimum:e.lowerAlphaLimit||0,maximum:e.upperBetaLimit||2*Math.PI,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Radius",target:e,propertyName:"radius",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsxs)(vr,Object.assign({title:"CONTROLS",closed:!0,selection:this.props.globalState},{children:[(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Angular sensitivity X",target:e,propertyName:"angularSensibilityX",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Angular sensitivity Y",target:e,propertyName:"angularSensibilityY",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Panning sensitivity",target:e,propertyName:"panningSensibility",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Pinch delta percentage",target:e,propertyName:"pinchDeltaPercentage",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Wheel delta percentage",target:e,propertyName:"wheelDeltaPercentage",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Speed",target:e,propertyName:"speed",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsxs)(vr,Object.assign({title:"COLLISIONS",closed:!0,selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Check collisions",target:e,propertyName:"checkCollisions",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Qs,{label:"Collision radius",target:e,propertyName:"collisionRadius",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsxs)(vr,Object.assign({title:"LIMITS",closed:!0,selection:this.props.globalState},{children:[(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Lower alpha limit",target:e,propertyName:"lowerAlphaLimit",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Upper alpha limit",target:e,propertyName:"upperAlphaLimit",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Lower beta limit",target:e,propertyName:"lowerBetaLimit",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Upper beta limit",target:e,propertyName:"upperBetaLimit",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Lower radius limit",target:e,propertyName:"lowerRadiusLimit",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Upper radius limit",target:e,propertyName:"upperRadiusLimit",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsxs)(vr,Object.assign({title:"BEHAVIORS",closed:!0,selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Auto rotation",target:e,propertyName:"useAutoRotationBehavior",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Bouncing",target:e,propertyName:"useBouncingBehavior",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Framing",target:e,propertyName:"useFramingBehavior",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))]}))}}class No 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.onLink||this.props.url?(0,s.jsx)("div",Object.assign({className:"link-value",title:this.props.value,onClick:()=>this.onLink()},{children:this.props.url?"doc":this.props.value||"no name"})):(0,s.jsx)("div",Object.assign({className:"value",title:this.props.value,style:{color:this.props.color?this.props.color:""}},{children:this.props.value||"no name"}))}render(){return(0,s.jsx)("div",Object.assign({className:"indented "+(this.props.underline?"textLine underline":"textLine"+(this.props.additionalClass?" "+this.props.additionalClass:""))},{children:this.renderContent()}))}}class Lo extends t.Component{constructor(e){super(e)}renderLevel(e){const t=[];for(const r in e){const a=e[r];switch(Object.prototype.toString.call(a)){case"[object String]":t.push((0,s.jsx)(Cr,{label:r,ignoreValue:!0},r)),t.push((0,s.jsx)(No,{value:a},r+a));break;case"[object Array]":for(var n of(t.push((0,s.jsx)(Cr,{label:r,ignoreValue:!0},r)),a))t.push((0,s.jsx)(No,{value:n},r+n));break;case"[object Object]":t.push((0,s.jsx)(Cr,{label:r,ignoreValue:!0},r));for(const e in a)t.push((0,s.jsx)(Cr,{label:e,value:a[e],additionalClass:"reduced-opacity"},r+n))}}return t}render(){return this.props.host.metadata&&this.props.host.metadata.xmp?(0,s.jsx)("div",{children:(0,s.jsx)(vr,Object.assign({title:"XMP METADATA",selection:this.props.globalState},{children:this.renderLevel(this.props.host.metadata.xmp)}))}):null}}class ko extends t.Component{constructor(e){super(e)}_getVariantsExtension(){var e;return null===(e=this.props.globalState)||void 0===e?void 0:e.glTFLoaderExtensions.KHR_materials_variants}render(){const e=this._getVariantsExtension();if(!e)return null;const t=e.getAvailableVariants(this.props.host);if(!t||0===t.length)return null;const n=t.sort().map(((e,t)=>({label:e,value:t+1})));return n.splice(0,0,{label:"Original",value:0}),(0,s.jsx)("div",{children:(0,s.jsx)(vr,Object.assign({title:"VARIANTS",selection:this.props.globalState},{children:(0,s.jsx)(zs,{label:"Active variant",options:n,noDirectUpdate:!0,target:this.props.host,propertyName:"",onSelect:n=>{0===n?e.reset(this.props.host):e.selectVariant(this.props.host,t[n-1]),this.forceUpdate()},extractValue:()=>{const n=e.getLastSelectedVariant(this.props.host)||0;let r=0;return n&&"[object String]"===Object.prototype.toString.call(n)&&(r=t.indexOf(n),r>-1&&(r+=1)),r}})}))})}}class Po extends t.Component{constructor(e){super(e);const t=this.props.mesh;this.state={displayNormals:!1,displayVertexColors:!1,displayBoneWeights:!(!t.material||"BoneWeightShader"!==t.material.getClassName()),displayBoneIndex:0,displaySkeletonMap:!1}}renderWireframeOver(){const e=this.props.mesh,t=e.getScene();if(e.reservedDataStore&&e.reservedDataStore.wireframeOver)return e.reservedDataStore.wireframeOver.dispose(!1,!0),e.reservedDataStore.wireframeOver=null,void this.forceUpdate();const n=e.clone(e.name+"_wireframeover",null,!0);n.reservedDataStore={hidden:!0},n.parent=e,n.position=r.Vector3.Zero(),n.scaling=new r.Vector3(1,1,1),n.rotation=r.Vector3.Zero(),n.rotationQuaternion=null;const s=new r.StandardMaterial("wireframeOver",t);s.reservedDataStore={hidden:!0},n.material=s,s.zOffset=1,s.disableLighting=!0,s.backFaceCulling=!1,s.emissiveColor=r.Color3.White(),s.wireframe=!0,e.reservedDataStore||(e.reservedDataStore={}),e.reservedDataStore.wireframeOver=n,this.forceUpdate()}renderNormalVectors(){const e=this.props.mesh,t=e.getScene();if(e.reservedDataStore&&e.reservedDataStore.normalLines)return e.reservedDataStore.normalLines.dispose(),e.reservedDataStore.normalLines=null,void this.forceUpdate();const n=e.getVerticesData(r.VertexBuffer.NormalKind),s=e.getVerticesData(r.VertexBuffer.PositionKind),a=r.Color3.White(),i=e.getBoundingInfo(),o=.05*i.maximum.subtractToRef(i.minimum,r.TmpVectors.Vector3[0]).length(),l=[];for(let e=0;e<n.length;e+=3){const t=r.Vector3.FromArray(s,e),a=t.add(r.Vector3.FromArray(n,e).scaleInPlace(o));l.push([t,a])}const p=(0,r.CreateLineSystem)("normalLines",{lines:l},t);p.color=a,p.parent=e,p.reservedDataStore={hidden:!0},e.reservedDataStore||(e.reservedDataStore={}),e.reservedDataStore.normalLines=p,this.forceUpdate()}displayNormals(){const e=this.props.mesh,t=e.getScene();if(e.material&&"NormalMaterial"===e.material.getClassName())e.material.dispose(),e.material=e.reservedDataStore.originalMaterial,e.reservedDataStore.originalMaterial=null,this.setState({displayNormals:!1});else{if(!BABYLON.NormalMaterial)return this.setState({displayNormals:!0}),void r.Tools.LoadScript("https://preview.babylonjs.com/materialsLibrary/babylonjs.materials.js",(()=>{this.displayNormals()}));e.reservedDataStore||(e.reservedDataStore={}),e.reservedDataStore.originalMaterial||(e.reservedDataStore.originalMaterial=e.material);const n=new BABYLON.NormalMaterial("normalMaterial",t);n.disableLighting=!0,e.material&&(n.sideOrientation=e.material.sideOrientation),n.reservedDataStore={hidden:!0},e.material=n,this.setState({displayNormals:!0})}}displayVertexColors(){const e=this.props.mesh,t=e.getScene();if(e.material&&e.material.reservedDataStore&&e.material.reservedDataStore.isVertexColorMaterial)e.material.dispose(),e.material=e.reservedDataStore.originalMaterial,e.reservedDataStore.originalMaterial=null,this.setState({displayVertexColors:!1});else{e.reservedDataStore||(e.reservedDataStore={}),e.reservedDataStore.originalMaterial||(e.reservedDataStore.originalMaterial=e.material);const n=new r.StandardMaterial("vertex colors",t);n.disableLighting=!0,n.emissiveColor=r.Color3.White(),e.material&&(n.sideOrientation=e.material.sideOrientation),n.reservedDataStore={hidden:!0,isVertexColorMaterial:!0},e.useVertexColors=!0,e.material=n,this.setState({displayVertexColors:!0})}}displayBoneWeights(){const e=this.props.mesh,t=e.getScene();if(e.material&&"BoneWeightShader"===e.material.getClassName())e.material.dispose(),e.material=e.reservedDataStore.originalMaterial,e.reservedDataStore.originalMaterial=null,this.setState({displayBoneWeights:!1});else if(e.reservedDataStore||(e.reservedDataStore={}),e.reservedDataStore.originalMaterial||(e.reservedDataStore.originalMaterial=e.material),e.reservedDataStore.displayBoneIndex||(e.reservedDataStore.displayBoneIndex=this.state.displayBoneIndex),e.skeleton){const n=fs.SkeletonViewer.CreateBoneWeightShader({skeleton:e.skeleton},t);n.reservedDataStore={hidden:!0},e.material=n,this.setState({displayBoneWeights:!0})}}displaySkeletonMap(){const e=this.props.mesh,t=e.getScene();if(e.material&&"SkeletonMapShader"===e.material.getClassName())e.material.dispose(),e.material=e.reservedDataStore.originalMaterial,e.reservedDataStore.originalMaterial=null,this.setState({displaySkeletonMap:!1});else if(e.reservedDataStore||(e.reservedDataStore={}),e.reservedDataStore.originalMaterial||(e.reservedDataStore.originalMaterial=e.material),e.skeleton){const n=fs.SkeletonViewer.CreateSkeletonMapShader({skeleton:e.skeleton},t);n.reservedDataStore={hidden:!0},e.material=n,this.setState({displaySkeletonMap:!0})}}onBoneDisplayIndexChange(e){const t=this.props.mesh;t.reservedDataStore.displayBoneIndex=e,this.setState({displayBoneIndex:e}),t.material&&"BoneWeightShader"===t.material.getClassName()&&t.material.setFloat("targetBoneIndex",e)}onMaterialLink(){if(!this.props.onSelectionChangedObservable)return;const e=this.props.mesh;this.props.onSelectionChangedObservable.notifyObservers(e.material)}onSourceMeshLink(){if(!this.props.onSelectionChangedObservable)return;const e=this.props.mesh;this.props.onSelectionChangedObservable.notifyObservers(e.sourceMesh)}onSkeletonLink(){if(!this.props.onSelectionChangedObservable)return;const e=this.props.mesh;this.props.onSelectionChangedObservable.notifyObservers(e.skeleton)}convertPhysicsTypeToString(){switch(this.props.mesh.physicsImpostor.type){case r.PhysicsImpostor.NoImpostor:return"No impostor";case r.PhysicsImpostor.SphereImpostor:return"Sphere";case r.PhysicsImpostor.BoxImpostor:return"Box";case r.PhysicsImpostor.PlaneImpostor:return"Plane";case r.PhysicsImpostor.MeshImpostor:return"Mesh";case r.PhysicsImpostor.CylinderImpostor:return"Cylinder";case r.PhysicsImpostor.ParticleImpostor:return"Particle";case r.PhysicsImpostor.HeightmapImpostor:return"Heightmap";case r.PhysicsImpostor.ConvexHullImpostor:return"Convex hull";case r.PhysicsImpostor.RopeImpostor:return"Rope";case r.PhysicsImpostor.SoftbodyImpostor:return"Soft body"}return"Unknown"}render(){var e;const t=this.props.mesh,n=t.getScene(),a=null!=t.material&&"NormalMaterial"===t.material.getClassName(),i=!(null==t.material||!t.material.reservedDataStore||!t.material.reservedDataStore.isVertexColorMaterial),o=!(!t.reservedDataStore||!t.reservedDataStore.normalLines),l=!(!t.reservedDataStore||!t.reservedDataStore.wireframeOver),p=null!=t.material&&"BoneWeightShader"===t.material.getClassName(),c=null!=t.material&&"SkeletonMapShader"===t.material.getClassName(),d=[];if(t.morphTargetManager)for(let e=0;e<t.morphTargetManager.numTargets;e++)d.push(t.morphTargetManager.getTarget(e));const h=[{label:"Accurate",value:r.AbstractMesh.OCCLUSION_ALGORITHM_TYPE_ACCURATE},{label:"Conservative",value:r.AbstractMesh.OCCLUSION_ALGORITHM_TYPE_CONSERVATIVE}],u=[{label:"None",value:r.AbstractMesh.OCCLUSION_TYPE_NONE},{label:"Optimistic",value:r.AbstractMesh.OCCLUSION_TYPE_OPTIMISTIC},{label:"Strict",value:r.AbstractMesh.OCCLUSION_TYPE_STRICT}],g=n.materials.slice(0).sort(((e,t)=>(e.name||"no name").localeCompare(t.name||"no name"))),b=g.map(((e,t)=>({label:e.name||"no name",value:t})));b.splice(0,0,{label:"None (Default Fallback)",value:-1});const m=t.skeleton?t.skeleton.bones.filter((e=>e.getIndex()>=0)).sort(((e,t)=>e.getIndex()-t.getIndex())).map(((e,t)=>({label:e.name,value:e.getIndex()}))):[];return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(Ks,{globalState:this.props.globalState,target:t,lockObject:this.props.lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"GENERAL",selection:this.props.globalState},{children:[(0,s.jsx)(Cr,{label:"ID",value:t.id}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Name",target:t,propertyName:"name",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Cr,{label:"Unique ID",value:t.uniqueId.toString()}),(0,s.jsx)(Cr,{label:"Class",value:t.getClassName()}),(0,s.jsx)(Cr,{label:"Vertices",value:t.getTotalVertices().toString()}),(0,s.jsx)(Cr,{label:"Faces",value:(t.getTotalIndices()/3).toFixed(0)}),(0,s.jsx)(Cr,{label:"Sub-meshes",value:t.subMeshes?t.subMeshes.length.toString():"0"}),t.parent&&(0,s.jsx)(Cr,{label:"Parent",value:t.parent.name,onLink:()=>this.props.globalState.onSelectionChangedObservable.notifyObservers(t.parent)}),t.skeleton&&(0,s.jsx)(Cr,{label:"Skeleton",value:t.skeleton.name,onLink:()=>this.onSkeletonLink()}),(0,s.jsx)(Zr,{label:"Is enabled",isSelected:()=>t.isEnabled(),onSelect:e=>t.setEnabled(e)}),(0,s.jsx)(Zr,{label:"Is pickable",target:t,propertyName:"isPickable",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.material&&(!t.material.reservedDataStore||!t.material.reservedDataStore.hidden)&&(0,s.jsx)(Cr,{label:"Link to material",value:t.material.name,onLink:()=>this.onMaterialLink()}),!t.isAnInstance&&(0,s.jsx)(zs,{label:"Active material",options:b,target:t,propertyName:"material",noDirectUpdate:!0,onSelect:e=>{t.material=e<0?null:g[e],this.forceUpdate()},extractValue:()=>t.material?g.indexOf(t.material):-1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.isAnInstance&&(0,s.jsx)(Cr,{label:"Source",value:t.sourceMesh.name,onLink:()=>this.onSourceMeshLink()}),(0,s.jsx)(yr,{label:"Dispose",onClick:()=>{t.dispose(),this.props.globalState.onSelectionChangedObservable.notifyObservers(null)}})]})),(0,s.jsx)(Lo,{host:t,lockObject:this.props.lockObject,globalState:this.props.globalState}),(0,s.jsx)(ko,{host:t,lockObject:this.props.lockObject,globalState:this.props.globalState}),(0,s.jsxs)(vr,Object.assign({title:"TRANSFORMS",selection:this.props.globalState},{children:[(0,s.jsx)(Qs,{label:"Position",target:t,propertyName:"position",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),!t.rotationQuaternion&&(0,s.jsx)(Qs,{label:"Rotation",useEuler:this.props.globalState.onlyUseEulers,target:t,propertyName:"rotation",step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.rotationQuaternion&&(0,s.jsx)(Xs,{label:"Rotation",useEuler:this.props.globalState.onlyUseEulers,target:t,propertyName:"rotationQuaternion",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Qs,{label:"Scaling",target:t,propertyName:"scaling",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsxs)(vr,Object.assign({title:"DISPLAY",closed:!0,selection:this.props.globalState},{children:[!t.isAnInstance&&(0,s.jsx)(_s,{label:"Visibility",target:t,propertyName:"visibility",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Alpha index",target:t,propertyName:"alphaIndex",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Receive shadows",target:t,propertyName:"receiveShadows",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.isVerticesDataPresent(r.VertexBuffer.ColorKind)&&(0,s.jsx)(Zr,{label:"Use vertex colors",target:t,propertyName:"useVertexColors",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.isVerticesDataPresent(r.VertexBuffer.ColorKind)&&(0,s.jsx)(Zr,{label:"Has vertex alpha",target:t,propertyName:"hasVertexAlpha",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),n.fogMode!==r.Scene.FOGMODE_NONE&&(0,s.jsx)(Zr,{label:"Apply fog",target:t,propertyName:"applyFog",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),!t.parent&&(0,s.jsx)(Zr,{label:"Infinite distance",target:t,propertyName:"infiniteDistance",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Rendering group ID",decimalCount:0,target:t,propertyName:"renderingGroupId",minimum:r.RenderingManager.MIN_RENDERINGGROUPS,maximum:r.RenderingManager.MAX_RENDERINGGROUPS-1,step:1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(yi,{isInteger:!0,lockObject:this.props.lockObject,label:"Layer mask",target:t,propertyName:"layerMask",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),null!=t.morphTargetManager&&(0,s.jsx)(vr,Object.assign({title:"MORPH TARGETS",closed:!0,selection:this.props.globalState},{children:d.map(((e,t)=>(0,s.jsx)(_s,{label:e.name,target:e,propertyName:"influence",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable},t)))})),(0,s.jsx)(xi,{globalState:this.props.globalState,animatable:t,scene:t.getScene(),lockObject:this.props.lockObject}),(0,s.jsxs)(vr,Object.assign({title:"ADVANCED",closed:!0,selection:this.props.globalState},{children:[t.useBones&&(0,s.jsx)(Zr,{label:"Compute bones using shaders",target:t,propertyName:"computeBonesUsingShaders",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Collisions",target:t,propertyName:"checkCollisions",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Cr,{label:"Geometry ID",value:null===(e=t.geometry)||void 0===e?void 0:e.uniqueId.toString()}),(0,s.jsx)(Cr,{label:"Has normals",value:t.isVerticesDataPresent(r.VertexBuffer.NormalKind)?"Yes":"No"}),(0,s.jsx)(Cr,{label:"Has vertex colors",value:t.isVerticesDataPresent(r.VertexBuffer.ColorKind)?"Yes":"No"}),(0,s.jsx)(Cr,{label:"Has UV set 0",value:t.isVerticesDataPresent(r.VertexBuffer.UVKind)?"Yes":"No"}),(0,s.jsx)(Cr,{label:"Has UV set 1",value:t.isVerticesDataPresent(r.VertexBuffer.UV2Kind)?"Yes":"No"}),(0,s.jsx)(Cr,{label:"Has UV set 2",value:t.isVerticesDataPresent(r.VertexBuffer.UV3Kind)?"Yes":"No"}),(0,s.jsx)(Cr,{label:"Has UV set 3",value:t.isVerticesDataPresent(r.VertexBuffer.UV4Kind)?"Yes":"No"}),(0,s.jsx)(Cr,{label:"Has tangents",value:t.isVerticesDataPresent(r.VertexBuffer.TangentKind)?"Yes":"No"}),(0,s.jsx)(Cr,{label:"Has matrix weights",value:t.isVerticesDataPresent(r.VertexBuffer.MatricesWeightsKind)?"Yes":"No"}),(0,s.jsx)(Cr,{label:"Has matrix indices",value:t.isVerticesDataPresent(r.VertexBuffer.MatricesIndicesKind)?"Yes":"No"})]})),null!=t.physicsImpostor&&(0,s.jsxs)(vr,Object.assign({title:"PHYSICS",closed:!0,selection:this.props.globalState},{children:[(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Mass",target:t.physicsImpostor,propertyName:"mass",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Friction",target:t.physicsImpostor,propertyName:"friction",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Restitution",target:t.physicsImpostor,propertyName:"restitution",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Cr,{label:"Type",value:this.convertPhysicsTypeToString()})]})),(0,s.jsxs)(vr,Object.assign({title:"OCCLUSIONS",closed:!0,selection:this.props.globalState},{children:[(0,s.jsx)(zs,{label:"Type",options:u,target:t,propertyName:"occlusionType",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Retry count",minimum:-1,maximum:10,decimalCount:0,step:1,target:t,propertyName:"occlusionRetryCount",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(zs,{label:"Algorithm",options:h,target:t,propertyName:"occlusionQueryAlgorithmType",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsxs)(vr,Object.assign({title:"EDGE RENDERING",closed:!0,selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Enable",target:t,isSelected:()=>null!=t.edgesRenderer,onSelect:e=>{e?t.enableEdgesRendering():t.disableEdgesRendering()}}),(0,s.jsx)(_s,{label:"Edge width",minimum:0,maximum:10,step:.1,target:t,propertyName:"edgesWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zs,{label:"Edge color",target:t,propertyName:"edgesColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),!t.isAnInstance&&(0,s.jsxs)(vr,Object.assign({title:"OUTLINE & OVERLAY",closed:!0,selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Render overlay",target:t,propertyName:"renderOverlay",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zs,{label:"Overlay color",target:t,propertyName:"overlayColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Render outline",target:t,propertyName:"renderOutline",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zs,{label:"Outline color",target:t,propertyName:"outlineColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsxs)(vr,Object.assign({title:"DEBUG",closed:!0,selection:this.props.globalState},{children:[!t.isAnInstance&&(0,s.jsx)(Zr,{label:"Display normals",isSelected:()=>a,onSelect:()=>this.displayNormals()}),!t.isAnInstance&&(0,s.jsx)(Zr,{label:"Display vertex colors",isSelected:()=>i,onSelect:()=>this.displayVertexColors()}),t.isVerticesDataPresent(r.VertexBuffer.NormalKind)&&(0,s.jsx)(Zr,{label:"Render vertex normals",isSelected:()=>o,onSelect:()=>this.renderNormalVectors()}),!t.isAnInstance&&(0,s.jsx)(Zr,{label:"Render wireframe over mesh",isSelected:()=>l,onSelect:()=>this.renderWireframeOver()}),!t.isAnInstance&&t.skeleton&&(0,s.jsx)(Zr,{label:"Display BoneWeights",isSelected:()=>p,onSelect:()=>this.displayBoneWeights()}),!t.isAnInstance&&this.state.displayBoneWeights&&t.skeleton&&(0,s.jsx)(zs,{label:"Target Bone Name",options:m,target:t.reservedDataStore,propertyName:"displayBoneIndex",noDirectUpdate:!0,onSelect:e=>{this.onBoneDisplayIndexChange(e),this.forceUpdate()}}),!t.isAnInstance&&this.state.displayBoneWeights&&t.skeleton&&(0,s.jsx)(_s,{label:"Target Bone",decimalCount:0,target:t.reservedDataStore,propertyName:"displayBoneIndex",minimum:0,maximum:m.length-1||0,step:1,onChange:e=>{this.onBoneDisplayIndexChange(e),this.forceUpdate()}}),!t.isAnInstance&&t.skeleton&&(0,s.jsx)(Zr,{label:"Display SkeletonMap",isSelected:()=>c,onSelect:()=>this.displaySkeletonMap()})]}))]}))}}class Do extends t.Component{constructor(e){super(e)}render(){const e=this.props.transformNode;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(Ks,{globalState:this.props.globalState,target:e,lockObject:this.props.lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"GENERAL",selection:this.props.globalState},{children:[(0,s.jsx)(Cr,{label:"ID",value:e.id}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Name",target:e,propertyName:"name",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Cr,{label:"Unique ID",value:e.uniqueId.toString()}),(0,s.jsx)(Cr,{label:"Class",value:e.getClassName()}),(0,s.jsx)(Zr,{label:"IsEnabled",isSelected:()=>e.isEnabled(),onSelect:t=>e.setEnabled(t)}),e.parent&&(0,s.jsx)(Cr,{label:"Parent",value:e.parent.name,onLink:()=>this.props.globalState.onSelectionChangedObservable.notifyObservers(e.parent)}),(0,s.jsx)(yr,{label:"Dispose",onClick:()=>{e.dispose(),this.props.globalState.onSelectionChangedObservable.notifyObservers(null)}})]})),(0,s.jsx)(Lo,{host:e,lockObject:this.props.lockObject,globalState:this.props.globalState}),(0,s.jsx)(ko,{host:e,lockObject:this.props.lockObject,globalState:this.props.globalState}),(0,s.jsxs)(vr,Object.assign({title:"TRANSFORMATIONS",selection:this.props.globalState},{children:[(0,s.jsx)(Qs,{label:"Position",target:e,propertyName:"position",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),!e.rotationQuaternion&&(0,s.jsx)(Qs,{label:"Rotation",useEuler:this.props.globalState.onlyUseEulers,target:e,propertyName:"rotation",step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.rotationQuaternion&&(0,s.jsx)(Xs,{label:"Rotation",useEuler:this.props.globalState.onlyUseEulers,target:e,propertyName:"rotationQuaternion",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Qs,{label:"Scaling",target:e,propertyName:"scaling",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsx)(xi,{globalState:this.props.globalState,animatable:e,scene:e.getScene(),lockObject:this.props.lockObject})]}))}}class Eo extends t.Component{constructor(e){super(e),this._onDebugSelectionChangeObservable=new r.Observable}renderTextures(){const e=this.props.material,t=this._onDebugSelectionChangeObservable;return(0,s.jsxs)(vr,Object.assign({title:"TEXTURES",selection:this.props.globalState},{children:[(0,s.jsx)(Oi,{label:"Diffuse",texture:e.diffuseTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),(0,s.jsx)(Oi,{label:"Reflection",texture:e.reflectionTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),e.reflectionTexture&&(0,s.jsx)(_s,{label:"Reflection blur",target:e,propertyName:"reflectionBlur",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))}render(){const e=this.props.material;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(ji,{globalState:this.props.globalState,lockObject:this.props.lockObject,material:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"LIGHTING & COLORS",selection:this.props.globalState},{children:[(0,s.jsx)(Zs,{label:"Primary",target:e,propertyName:"primaryColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Shadow level",target:e,propertyName:"primaryColorShadowLevel",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Highlight level",target:e,propertyName:"primaryColorHighlightLevel",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),this.renderTextures(),(0,s.jsxs)(vr,Object.assign({title:"RENDERING",closed:!0,selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Enable noise",target:e,propertyName:"enableNoise",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Opacity fresnel",target:e,propertyName:"opacityFresnel",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Reflection fresnel",target:e,propertyName:"reflectionFresnel",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Reflection amount",target:e,propertyName:"reflectionAmount",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))]}))}}class Bo extends t.Component{constructor(e){super(e)}renderGridInformation(e){if(!e.parent)return null;const t=e.parent;if(void 0===t.rowCount)return null;const n=t.getChildCellInfo(e);if(void 0===n)return null;const r=n.split(":");return(0,s.jsxs)(vr,Object.assign({title:"GRID"},{children:[(0,s.jsx)(Cr,{label:"Row",value:r[0]}),(0,s.jsx)(Cr,{label:"Column",value:r[1]})]}))}render(){let e;if(this.props.controls)e=this.props.controls;else{if(!this.props.control)return;e=[this.props.control]}const t=e[0],n=[{label:"Left",value:Li.Control.HORIZONTAL_ALIGNMENT_LEFT},{label:"Right",value:Li.Control.HORIZONTAL_ALIGNMENT_RIGHT},{label:"Center",value:Li.Control.HORIZONTAL_ALIGNMENT_CENTER}],r=[{label:"Top",value:Li.Control.VERTICAL_ALIGNMENT_TOP},{label:"Bottom",value:Li.Control.VERTICAL_ALIGNMENT_BOTTOM},{label:"Center",value:Li.Control.VERTICAL_ALIGNMENT_CENTER}];return(0,s.jsxs)("div",{children:[(0,s.jsxs)(vr,Object.assign({title:"GENERAL"},{children:[(0,s.jsx)(Cr,{label:"Class",value:t.getClassName()}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Name",target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"name",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Cr,{label:"Unique ID",value:t.uniqueId.toString()}),(0,s.jsx)(_s,{label:"Alpha",target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"alpha",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),void 0!==t.color&&(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Color",target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"color",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),void 0!==t.background&&(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Background",target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"background",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"ZIndex",target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"zIndex",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),this.renderGridInformation(t),(0,s.jsxs)(vr,Object.assign({title:"ALIGNMENT"},{children:[(0,s.jsx)(zs,{label:"Horizontal",options:n,target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"horizontalAlignment",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(zs,{label:"Vertical",options:r,target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"verticalAlignment",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsxs)(vr,Object.assign({title:"POSITION"},{children:[(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Left",target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"left",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Top",target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"top",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Width",target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"width",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Height",target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"height",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Padding left",target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"paddingLeft",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Padding top",target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"paddingTop",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Padding right",target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"paddingRight",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Padding bottom",target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"paddingBottom",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsxs)(vr,Object.assign({title:"TRANSFORMATION",closed:!0},{children:[(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"ScaleX",target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"scaleX",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"ScaleY",target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"scaleY",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Rotation",target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"rotation",minimum:0,maximum:2*Math.PI,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Transform center X",target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"transformCenterX",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Transform center Y",target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"transformCenterY",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsxs)(vr,Object.assign({title:"FONT",closed:!0},{children:[(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Family",target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"fontFamily",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Size",target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"fontSize",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Weight",target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"fontWeight",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Style",target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"fontStyle",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsxs)(vr,Object.assign({title:"SHADOWS",closed:!0},{children:[(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Color",target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"shadowColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Offset X",target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"shadowOffsetX",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Offset Y",target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"shadowOffsetY",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Blur",target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"shadowBlur",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))]})}}class To extends t.Component{constructor(e){super(e)}render(){const e=this.props.control;return(0,s.jsx)("div",Object.assign({className:"pane"},{children:(0,s.jsx)(Bo,{lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}))}}class _o extends t.Component{constructor(e){super(e)}render(){const e=this.props.textBlock,t=[{label:"Left",value:Li.Control.HORIZONTAL_ALIGNMENT_LEFT},{label:"Right",value:Li.Control.HORIZONTAL_ALIGNMENT_RIGHT},{label:"Center",value:Li.Control.HORIZONTAL_ALIGNMENT_CENTER}],n=[{label:"Top",value:Li.Control.VERTICAL_ALIGNMENT_TOP},{label:"Bottom",value:Li.Control.VERTICAL_ALIGNMENT_BOTTOM},{label:"Center",value:Li.Control.VERTICAL_ALIGNMENT_CENTER}],r=[{label:"Clip",value:Li.TextWrapping.Clip},{label:"Ellipsis",value:Li.TextWrapping.Ellipsis},{label:"Word wrap",value:Li.TextWrapping.WordWrap}];return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(Bo,{lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"TEXTBLOCK"},{children:[(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Text",target:e,propertyName:"text",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(zs,{label:"Horizontal text alignment",options:t,target:e,propertyName:"textHorizontalAlignment",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(zs,{label:"Vertical text alignment",options:n,target:e,propertyName:"textVerticalAlignment",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Resize to fit",target:e,propertyName:"resizeToFit",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(zs,{label:"Wrapping",options:r,target:e,propertyName:"textWrapping",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Line spacing",target:e,propertyName:"lineSpacing",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsxs)(vr,Object.assign({title:"OUTLINE"},{children:[(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Outline width",target:e,propertyName:"outlineWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Outline color",target:e,propertyName:"outlineColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))]}))}}class Io extends t.Component{constructor(e){super(e)}render(){const e=this.props.inputText;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(Bo,{lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"INPUTTEXT"},{children:[(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Text",target:e,propertyName:"text",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Prompt",target:e,propertyName:"promptMessage",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Max width",target:e,propertyName:"maxWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Highlight color",target:e,propertyName:"textHighlightColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Highligher opacity",minimum:0,maximum:1,step:.01,target:e,propertyName:"highligherOpacity",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"On focus select all",target:e,propertyName:"onFocusSelectAll",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Focused background",target:e,propertyName:"focusedBackground",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Max width",target:e,propertyName:"maxWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Margin",target:e,propertyName:"margin",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Auto stretch width",target:e,propertyName:"autoStretchWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Thickness",target:e,propertyName:"thickness",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Placeholder text",target:e,propertyName:"placeholderText",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Placeholder color",target:e,propertyName:"placeholderColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))]}))}}class zo extends t.Component{constructor(e){super(e)}render(){const e=this.props.colorPicker;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(Bo,{lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(vr,Object.assign({title:"COLORPICKER"},{children:(0,s.jsx)(Zs,{label:"Color",target:e,propertyName:"value",onPropertyChangedObservable:this.props.onPropertyChangedObservable})}))]}))}}class Ro extends t.Component{constructor(e){super(e);const n=this.props.animationGroup;this.state={playButtonText:n.isPlaying?"Pause":"Play",currentFrame:0},this.connect(this.props.animationGroup),this._onBeforeRenderObserver=this.props.scene.onBeforeRenderObservable.add((()=>{this.updateCurrentFrame(this.props.animationGroup)})),this.timelineRef=t.createRef()}disconnect(e){this._onAnimationGroupPlayObserver&&(e.onAnimationGroupPlayObservable.remove(this._onAnimationGroupPlayObserver),this._onAnimationGroupPlayObserver=null),this._onAnimationGroupPauseObserver&&(e.onAnimationGroupPauseObservable.remove(this._onAnimationGroupPauseObserver),this._onAnimationGroupPauseObserver=null)}connect(e){this._onAnimationGroupPlayObserver=e.onAnimationGroupPlayObservable.add((()=>{this.forceUpdate()})),this._onAnimationGroupPauseObserver=e.onAnimationGroupPauseObservable.add((()=>{this.forceUpdate()})),this.updateCurrentFrame(e)}updateCurrentFrame(e){if(e.targetedAnimations.length>0){const t=e.targetedAnimations[0].animation.runtimeAnimations;t.length>0?this.setState({currentFrame:t[0].currentFrame}):this.setState({currentFrame:0})}}shouldComponentUpdate(e){return this.props.animationGroup!==e.animationGroup&&(this.disconnect(this.props.animationGroup),this.connect(e.animationGroup)),!0}componentWillUnmount(){this.disconnect(this.props.animationGroup),this._onBeforeRenderObserver&&(this.props.scene.onBeforeRenderObservable.remove(this._onBeforeRenderObserver),this._onBeforeRenderObserver=null)}playOrPause(){const e=this.props.animationGroup;e.isPlaying?(this.setState({playButtonText:"Play"}),e.pause()):(this.setState({playButtonText:"Pause"}),this.props.scene.animationGroups.forEach((e=>e.pause())),e.play(!0))}onCurrentFrameChange(e){const t=this.props.animationGroup;t.isPlaying?t.goToFrame(e):(t.play(!0),t.goToFrame(e),t.pause()),this.setState({currentFrame:e})}render(){const e=this.props.animationGroup,t=e.isPlaying?"Pause":"Play";return this._animationCurveEditorContext||(this._animationCurveEditorContext=new Ai,this._animationCurveEditorContext.title=e.name||"",this._animationCurveEditorContext.animations=e.targetedAnimations,this._animationCurveEditorContext.scene=this.props.scene,this._animationCurveEditorContext.useTargetAnimations=!0,this._animationCurveEditorContext.rootAnimationGroup=e),(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsxs)(vr,Object.assign({title:"GENERAL"},{children:[(0,s.jsx)(Cr,{label:"Class",value:e.getClassName()}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Name",target:e,propertyName:"name",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsxs)(vr,Object.assign({title:"CONTROLS"},{children:[(0,s.jsx)(yr,{label:t,onClick:()=>this.playOrPause()}),(0,s.jsx)(_s,{label:"Speed ratio",minimum:0,maximum:10,step:.1,target:e,propertyName:"speedRatio",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{ref:this.timelineRef,label:"Current frame",minimum:e.from,maximum:e.to,step:(e.to-e.from)/1e3,directValue:this.state.currentFrame,onInput:e=>this.onCurrentFrameChange(e)})]})),(0,s.jsxs)(vr,Object.assign({title:"INFOS"},{children:[(0,s.jsx)(Cr,{label:"Animation count",value:e.targetedAnimations.length.toString()}),(0,s.jsx)(vi,{globalState:this.props.globalState,context:this._animationCurveEditorContext}),(0,s.jsx)(Cr,{label:"From",value:e.from.toFixed(2)}),(0,s.jsx)(Cr,{label:"To",value:e.to.toFixed(2)}),(0,s.jsx)(Cr,{label:"Unique ID",value:e.uniqueId.toString()})]}))]}))}}class Uo{constructor(){this.lock=!1}}class Wo extends t.Component{constructor(e){super(e)}render(){const e=this.props.image,t=[{label:"None",value:Li.Image.STRETCH_NONE},{label:"Fill",value:Li.Image.STRETCH_FILL},{label:"Uniform",value:Li.Image.STRETCH_UNIFORM},{label:"Extend",value:Li.Image.STRETCH_EXTEND},{label:"NinePatch",value:Li.Image.STRETCH_NINE_PATCH}];return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(Bo,{lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"IMAGE"},{children:[(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Source",target:e,propertyName:"source",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Source left",target:e,propertyName:"sourceLeft",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Source top",target:e,propertyName:"sourceTop",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Source width",target:e,propertyName:"sourceWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Source height",target:e,propertyName:"sourceHeight",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Autoscale",target:e,propertyName:"autoScale",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(zs,{label:"Stretch",options:t,target:e,propertyName:"stretch",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:e=>this.setState({mode:e})})]})),(0,s.jsxs)(vr,Object.assign({title:"ANIMATION SHEET"},{children:[(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Cell Id",isInteger:!0,target:e,propertyName:"cellId",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Cell width",target:e,propertyName:"cellWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Cell height",target:e,propertyName:"cellHeight",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))]}))}}class Yo extends t.Component{constructor(e){super(e)}render(){const e=this.props.slider;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(Bo,{lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"SLIDER"},{children:[(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Border color",target:e,propertyName:"borderColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Display thumb",target:e,propertyName:"displayThumb",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Thumb circle",target:e,propertyName:"isThumbCircle",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Vertical",target:e,propertyName:"isVertical",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Thumb clamped",target:e,propertyName:"isThumbClamped",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Bar offset",target:e,propertyName:"barOffset",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Thumb width",target:e,propertyName:"thumbWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Minimum",target:e,propertyName:"minimum",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Maximum",target:e,propertyName:"maximum",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Value",target:e,propertyName:"value",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))]}))}}class Fo extends t.Component{constructor(e){super(e)}render(){const e=this.props.imageBasedSlider;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(Bo,{lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"IMAGE BASED SLIDER"},{children:[(0,s.jsx)(Zr,{label:"Display thumb",target:e,propertyName:"displayThumb",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Vertical",target:e,propertyName:"isVertical",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Thumb clamped",target:e,propertyName:"isThumbClamped",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Bar offset",target:e,propertyName:"barOffset",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Thumb width",target:e,propertyName:"thumbWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Minimum",target:e,propertyName:"minimum",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Maximum",target:e,propertyName:"maximum",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Value",target:e,propertyName:"value",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))]}))}}class Go extends t.Component{constructor(e){super(e)}render(){const e=this.props.rectangle;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(Bo,{lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"RECTANGLE"},{children:[(0,s.jsx)(Zr,{label:"Clip children",target:e,propertyName:"clipChildren",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Thickness",target:e,propertyName:"thickness",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Corner radius",target:e,propertyName:"cornerRadius",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))]}))}}class Ho extends t.Component{constructor(e){super(e)}render(){const e=this.props.ellipse;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(Bo,{lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"ELLIPSE"},{children:[(0,s.jsx)(Zr,{label:"Clip children",target:e,propertyName:"clipChildren",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Thickness",target:e,propertyName:"thickness",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))]}))}}class Vo extends t.Component{constructor(e){super(e)}render(){const e=this.props.checkbox;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(Bo,{lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"CHECKBOX"},{children:[(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Check size ratio",target:e,propertyName:"checkSizeRatio",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Checked",target:e,propertyName:"isChecked",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))]}))}}class Zo extends t.Component{constructor(e){super(e)}render(){const e=this.props.radioButtons;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(Bo,{lockObject:this.props.lockObject,controls:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"RADIO BUTTON"},{children:[(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Thickness",target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"thickness",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Check size ratio",target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"checkSizeRatio",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Group",target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"group",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Checked",target:Fr(e,this.props.onPropertyChangedObservable),propertyName:"isChecked",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))]}))}}class Qo extends t.Component{constructor(e){super(e)}onDashChange(e){const t=this.props.line,n=e.split(",");t.dash=[],n.forEach((e=>{const n=parseInt(e);isNaN(n)||t.dash.push(n)}))}render(){const e=this.props.line;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(Bo,{lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"LINE"},{children:[(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Line width",target:e,propertyName:"lineWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"X1",target:e,propertyName:"x1",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Y1",target:e,propertyName:"y1",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"X2",target:e,propertyName:"x2",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Y2",target:e,propertyName:"y2",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Dash pattern",target:e,value:e.dash.join(","),onChange:e=>this.onDashChange(e)})]}))]}))}}class Xo extends t.Component{constructor(e){super(e)}render(){const e=this.props.scrollViewer;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(Bo,{lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"RECTANGLE"},{children:[(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Thickness",target:e,propertyName:"thickness",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Corner radius",target:e,propertyName:"cornerRadius",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsxs)(vr,Object.assign({title:"SCROLLVIEWER"},{children:[(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Bar size",target:e,propertyName:"barSize",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Bar color",target:e,propertyName:"barColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Bar background",target:e,propertyName:"barBackground",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Wheel precision",target:e,propertyName:"wheelPrecision",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))]}))}}class Ko extends t.Component{constructor(e){super(e)}renderRows(){const e=this.props.grid,t=[];for(let n=0;n<e.rowCount;n++)t.push(e.getRowDefinition(n));return t.map(((t,n)=>(0,s.jsx)(Cr,{label:`Row ${n}`,value:t.toString(e.host,2),underline:n===e.rowCount-1},`r${n}`)))}renderColumns(){const e=this.props.grid,t=[];for(let n=0;n<e.columnCount;n++)t.push(e.getColumnDefinition(n));return t.map(((t,n)=>(0,s.jsx)(Cr,{label:`Column ${n}`,value:t.toString(e.host,2)},`c${n}`)))}render(){const e=this.props.grid,t=[];for(let n=0;n<e.rowCount;n++)t.push(e.getColumnDefinition(n));return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(Bo,{lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"GRID"},{children:[this.renderRows(),this.renderColumns()]}))]}))}}class qo extends t.Component{constructor(e){super(e),this._onDebugSelectionChangeObservable=new r.Observable}renderTextures(){const e=this.props.material,t=this._onDebugSelectionChangeObservable;return(0,s.jsxs)(vr,Object.assign({title:"TEXTURES",selection:this.props.globalState},{children:[(0,s.jsx)(Oi,{label:"Base",texture:e.baseTexture,propertyName:"baseTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),(0,s.jsx)(Oi,{label:"Metallic roughness",texture:e.metallicRoughnessTexture,propertyName:"metallicRoughnessTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),(0,s.jsx)(Oi,{label:"Normal",texture:e.normalTexture,propertyName:"normalTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),(0,s.jsx)(Oi,{label:"Environment",texture:e.environmentTexture,propertyName:"environmentTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),(0,s.jsx)(Oi,{label:"Emissive",texture:e.emissiveTexture,propertyName:"emissiveTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),(0,s.jsx)(Oi,{label:"Lightmap",texture:e.lightmapTexture,propertyName:"lightmapTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t})]}))}render(){const e=this.props.material;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(ji,{globalState:this.props.globalState,lockObject:this.props.lockObject,material:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),this.renderTextures(),(0,s.jsxs)(vr,Object.assign({title:"LIGHTING & COLORS",selection:this.props.globalState},{children:[(0,s.jsx)(Zs,{label:"Base",target:e,propertyName:"baseColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable,isLinear:!0}),(0,s.jsx)(Zs,{label:"Emissive",target:e,propertyName:"emissiveColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable,isLinear:!0})]})),(0,s.jsxs)(vr,Object.assign({title:"LEVELS",closed:!0,selection:this.props.globalState},{children:[(0,s.jsx)(_s,{label:"Metallic",target:e,propertyName:"metallic",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Roughness",target:e,propertyName:"roughness",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsxs)(vr,Object.assign({title:"NORMAL MAP",closed:!0,selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Invert X axis",target:e,propertyName:"invertNormalMapX",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Invert Y axis",target:e,propertyName:"invertNormalMapY",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))]}))}}class Jo extends t.Component{constructor(e){super(e),this._onDebugSelectionChangeObservable=new r.Observable}renderTextures(){const e=this.props.material,t=this._onDebugSelectionChangeObservable;return(0,s.jsxs)(vr,Object.assign({title:"TEXTURES",selection:this.props.globalState},{children:[(0,s.jsx)(Oi,{label:"Diffuse",texture:e.diffuseTexture,propertyName:"diffuseTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),(0,s.jsx)(Oi,{label:"Specular glossiness",texture:e.specularGlossinessTexture,propertyName:"specularGlossinessTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),(0,s.jsx)(Oi,{label:"Normal",texture:e.normalTexture,propertyName:"normalTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),(0,s.jsx)(Oi,{label:"Environment",texture:e.environmentTexture,propertyName:"environmentTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),(0,s.jsx)(Oi,{label:"Emissive",texture:e.emissiveTexture,propertyName:"emissiveTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),(0,s.jsx)(Oi,{label:"Lightmap",texture:e.lightmapTexture,propertyName:"lightmapTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t})]}))}render(){const e=this.props.material;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(ji,{globalState:this.props.globalState,lockObject:this.props.lockObject,material:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),this.renderTextures(),(0,s.jsxs)(vr,Object.assign({title:"LIGHTING & COLORS",selection:this.props.globalState},{children:[(0,s.jsx)(Zs,{label:"Diffuse",target:e,propertyName:"diffuseColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable,isLinear:!0}),(0,s.jsx)(Zs,{label:"Specular",target:e,propertyName:"specularColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable,isLinear:!0})]})),(0,s.jsx)(vr,Object.assign({title:"LEVELS",closed:!0,selection:this.props.globalState},{children:(0,s.jsx)(_s,{label:"Glossiness",target:e,propertyName:"glossiness",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable})})),(0,s.jsxs)(vr,Object.assign({title:"NORMAL MAP",closed:!0,selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Invert X axis",target:e,propertyName:"invertNormalMapX",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Invert Y axis",target:e,propertyName:"invertNormalMapY",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))]}))}}class $o extends t.Component{constructor(e){super(e)}render(){const e=this.props.stackPanel;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(Bo,{lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"STACKPANEL"},{children:[(0,s.jsx)(Zr,{label:"Clip children",target:e,propertyName:"clipChildren",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Vertical",target:e,propertyName:"isVertical",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))]}))}}class el extends t.Component{constructor(e){super(e)}render(){const e=this.props.postProcess;return(0,s.jsx)("div",{children:(0,s.jsxs)(vr,Object.assign({title:"GENERAL",selection:this.props.globalState},{children:[(0,s.jsx)(Cr,{label:"Class",value:e.getClassName()}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Name",target:e,propertyName:"name",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.width&&(0,s.jsx)(Cr,{label:"Width",value:e.width.toString()}),e.height&&(0,s.jsx)(Cr,{label:"Height",value:e.height.toString()}),(0,s.jsx)(Zr,{label:"Auto clear",target:e,propertyName:"autoClear",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.clearColor&&(0,s.jsx)(Zs,{label:"Clear color",target:e,propertyName:"clearColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Pixel perfect",target:e,propertyName:"enablePixelPerfectMode",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Fullscreen viewport",target:e,propertyName:"forceFullscreenViewport",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Samples",target:e,propertyName:"samples",minimum:1,maximum:8,step:1,decimalCount:0,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(yr,{label:"Dispose",onClick:()=>{e.dispose(),this.props.globalState.onSelectionChangedObservable.notifyObservers(null)}})]}))})}}class tl extends t.Component{constructor(e){super(e)}edit(){this.props.postProcess.nodeMaterialSource.edit()}render(){const e=this.props.postProcess;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(el,{globalState:this.props.globalState,lockObject:this.props.lockObject,postProcess:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.nodeMaterialSource&&(0,s.jsx)(vr,Object.assign({title:"CONFIGURATION",selection:this.props.globalState},{children:(0,s.jsx)(yr,{label:"Node Material Editor",onClick:()=>this.edit()})}))]}))}}class nl extends t.Component{constructor(e){super(e)}render(){const e=this.props.renderPipeline,t=e;return(0,s.jsx)("div",{children:(0,s.jsxs)(vr,Object.assign({title:"GENERAL",selection:this.props.globalState},{children:[(0,s.jsx)(Cr,{label:"Name",value:e.name}),(0,s.jsx)(Cr,{label:"Class",value:e.getClassName()}),void 0!==t.samples&&(0,s.jsx)(_s,{label:"Samples",minimum:1,maximum:8,step:1,decimalCount:0,target:e,propertyName:"samples",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))})}}class rl extends t.Component{constructor(e){super(e)}render(){const e=this.props.renderPipeline;return(0,s.jsx)("div",Object.assign({className:"pane"},{children:(0,s.jsx)(nl,{globalState:this.props.globalState,lockObject:this.props.lockObject,renderPipeline:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}))}}class sl extends t.Component{constructor(e){super(e)}render(){const e=this.props.renderPipeline,t=e.scene.activeCamera,n=[{label:"Standard",value:r.ImageProcessingConfiguration.TONEMAPPING_STANDARD},{label:"ACES",value:r.ImageProcessingConfiguration.TONEMAPPING_ACES}],a=[{label:"Multiply",value:r.ImageProcessingConfiguration.VIGNETTEMODE_MULTIPLY},{label:"Opaque",value:r.ImageProcessingConfiguration.VIGNETTEMODE_OPAQUE}];return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(nl,{globalState:this.props.globalState,lockObject:this.props.lockObject,renderPipeline:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"BLOOM",selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Enabled",target:e,onValueChanged:()=>this.forceUpdate(),propertyName:"bloomEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.bloomEnabled&&(0,s.jsxs)("div",{children:[(0,s.jsx)(_s,{label:"Threshold",minimum:0,maximum:1,step:.05,target:e,propertyName:"bloomThreshold",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Weight",minimum:0,maximum:1,step:.05,target:e,propertyName:"bloomWeight",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Kernel",minimum:0,maximum:128,step:1,target:e,propertyName:"bloomKernel",onPropertyChangedObservable:this.props.onPropertyChangedObservable,decimalCount:0}),(0,s.jsx)(_s,{label:"Scale",minimum:0,maximum:1,step:.25,target:e,propertyName:"bloomScale",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})]})),(0,s.jsxs)(vr,Object.assign({title:"CHROMATIC ABERRATION",selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Enabled",target:e,onValueChanged:()=>this.forceUpdate(),propertyName:"chromaticAberrationEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.chromaticAberrationEnabled&&(0,s.jsxs)("div",{children:[(0,s.jsx)(_s,{label:"aberrationAmount",minimum:0,maximum:128,step:.1,target:e.chromaticAberration,propertyName:"aberrationAmount",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Radial intensity",minimum:0,maximum:1,step:.01,target:e.chromaticAberration,propertyName:"radialIntensity",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(mo,{label:"Center",target:e.chromaticAberration,propertyName:"centerPosition",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(mo,{label:"Direction",target:e.chromaticAberration,propertyName:"direction",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})]})),(0,s.jsxs)(vr,Object.assign({title:"DEPTH OF FIELD",selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Enabled",target:e,onValueChanged:()=>this.forceUpdate(),propertyName:"depthOfFieldEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.depthOfFieldEnabled&&(0,s.jsxs)("div",{children:[(0,s.jsx)(_s,{label:"Focal length",minimum:0,maximum:t.maxZ,step:.1,target:e.depthOfField,propertyName:"focalLength",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"fStop",minimum:0,maximum:32,step:.1,target:e.depthOfField,propertyName:"fStop",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Distance",minimum:0,maximum:t.maxZ,step:.1,target:e.depthOfField,propertyName:"focusDistance",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Lens size",minimum:0,maximum:1e3,step:1,target:e.depthOfField,propertyName:"lensSize",onPropertyChangedObservable:this.props.onPropertyChangedObservable,decimalCount:0})]})]})),(0,s.jsx)(vr,Object.assign({title:"FXAA",selection:this.props.globalState},{children:(0,s.jsx)(Zr,{label:"Enabled",target:e,propertyName:"fxaaEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable})})),(0,s.jsxs)(vr,Object.assign({title:"GLOW LAYER",selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Enabled",target:e,propertyName:"glowLayerEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.glowLayerEnabled&&(0,s.jsxs)("div",{children:[(0,s.jsx)(_s,{label:"Blur kernel size",minimum:1,maximum:128,step:1,decimalCount:0,target:e.glowLayer,propertyName:"blurKernelSize",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Intensity",minimum:0,maximum:10,step:.1,target:e.glowLayer,propertyName:"intensity",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})]})),(0,s.jsxs)(vr,Object.assign({title:"GRAIN",selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Enabled",target:e,onValueChanged:()=>this.forceUpdate(),propertyName:"grainEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.grainEnabled&&(0,s.jsxs)("div",{children:[(0,s.jsx)(Zr,{label:"Animated",target:e.grain,propertyName:"animated",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Intensity",minimum:0,maximum:50,step:.1,target:e.grain,propertyName:"intensity",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})]})),(0,s.jsxs)(vr,Object.assign({title:"IMAGE PROCESSING",selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Enabled",target:e,onValueChanged:()=>this.forceUpdate(),propertyName:"imageProcessingEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.imageProcessing&&(0,s.jsxs)("div",{children:[(0,s.jsx)(yr,{label:"Convert clear color to linear",onClick:()=>e.scene.clearColor=e.scene.clearColor.toLinearSpace()}),(0,s.jsx)(yr,{label:"Convert clear color to gamma",onClick:()=>e.scene.clearColor=e.scene.clearColor.toGammaSpace()}),(0,s.jsx)(_s,{minimum:0,maximum:4,step:.1,label:"Contrast",target:e.imageProcessing,propertyName:"contrast",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{minimum:0,maximum:4,step:.1,label:"Exposure",target:e.imageProcessing,propertyName:"exposure",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Tone mapping",target:e.imageProcessing,propertyName:"toneMappingEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(zs,{label:"Tone mapping type",options:n,target:e.imageProcessing,propertyName:"toneMappingType",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:e=>this.setState({mode:e})}),(0,s.jsx)(Zr,{label:"Vignette",target:e.imageProcessing,propertyName:"vignetteEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{minimum:0,maximum:4,step:.1,label:"Vignette weight",target:e.imageProcessing,propertyName:"vignetteWeight",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{minimum:0,maximum:1,step:.1,label:"Vignette stretch",target:e.imageProcessing,propertyName:"vignetteStretch",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{minimum:0,maximum:Math.PI,step:.1,label:"Vignette FOV",target:e.imageProcessing,propertyName:"vignetteCameraFov",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{minimum:0,maximum:1,step:.1,label:"Vignette center X",target:e.imageProcessing,propertyName:"vignetteCentreX",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{minimum:0,maximum:1,step:.1,label:"Vignette center Y",target:e.imageProcessing,propertyName:"vignetteCentreY",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zs,{label:"Vignette color",target:e.imageProcessing,propertyName:"vignetteColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(zs,{label:"Vignette blend mode",options:a,target:e.imageProcessing,propertyName:"vignetteBlendMode",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:e=>this.setState({mode:e})})]})]})),(0,s.jsxs)(vr,Object.assign({title:"SHARPEN",selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Enabled",target:e,onValueChanged:()=>this.forceUpdate(),propertyName:"sharpenEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.sharpenEnabled&&(0,s.jsxs)("div",{children:[(0,s.jsx)(_s,{label:"Color amount",minimum:0,maximum:1,step:.05,target:e.sharpen,propertyName:"colorAmount",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Edge amount",minimum:0,maximum:5,step:.05,target:e.sharpen,propertyName:"edgeAmount",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})]}))]}))}}class al extends t.Component{constructor(e){super(e)}render(){const e=this.props.renderPipeline;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(nl,{globalState:this.props.globalState,lockObject:this.props.lockObject,renderPipeline:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"SSAO",selection:this.props.globalState},{children:[(0,s.jsx)(_s,{label:"Strength",minimum:0,maximum:2,step:.05,target:e,propertyName:"totalStrength",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Base",minimum:0,maximum:1,step:.05,target:e,propertyName:"base",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Radius",minimum:1e-4,maximum:.001,step:1e-4,target:e,propertyName:"radius",onPropertyChangedObservable:this.props.onPropertyChangedObservable,decimalCount:4}),(0,s.jsx)(_s,{label:"Area",minimum:1e-4,maximum:.01,step:1e-4,target:e,propertyName:"area",onPropertyChangedObservable:this.props.onPropertyChangedObservable,decimalCount:4}),(0,s.jsx)(_s,{label:"Falloff",minimum:0,maximum:1e-5,step:1e-6,target:e,propertyName:"fallOff",onPropertyChangedObservable:this.props.onPropertyChangedObservable,decimalCount:6})]}))]}))}}class il extends t.Component{constructor(e){super(e)}render(){const e=this.props.renderPipeline,t=e.scene.activeCamera;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(nl,{globalState:this.props.globalState,lockObject:this.props.lockObject,renderPipeline:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"SSAO",selection:this.props.globalState},{children:[(0,s.jsx)(_s,{label:"Strength",minimum:0,maximum:2,step:.05,target:e,propertyName:"totalStrength",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Base",minimum:0,maximum:1,step:.05,target:e,propertyName:"base",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Max Z",minimum:0,maximum:t.maxZ,step:1,target:e,propertyName:"maxZ",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Min Z aspect",minimum:0,maximum:.5,step:.01,target:e,propertyName:"minZAspect",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Radius",minimum:0,maximum:10,step:.05,target:e,propertyName:"radius",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))]}))}}class ol extends t.Component{constructor(e){super(e),this._skeletonViewersEnabled=!1,this._skeletonViewerDisplayOptions={displayMode:fs.SkeletonViewer.DISPLAY_LINES,sphereBaseSize:.15,sphereScaleUnit:2,sphereFactor:.865,midStep:.235,midStepFactor:.155},this._skeletonViewers=new Array,this.checkSkeletonViewerState(this.props)}switchSkeletonViewers(){this._skeletonViewersEnabled=!this._skeletonViewersEnabled;const e=this.props.skeleton.getScene();if(this._skeletonViewersEnabled){for(const t of e.meshes)if(t.skeleton===this.props.skeleton){let n=!1;for(let e=0;e<this._skeletonViewers.length;e++)if(this._skeletonViewers[e].skeleton===t.skeleton){n=!0;break}if(n)continue;const r=new fs.SkeletonViewer(t.skeleton,t,e,!1,3,{displayMode:this._skeletonViewerDisplayOptions.displayMode,displayOptions:{sphereBaseSize:this._skeletonViewerDisplayOptions.sphereBaseSize,sphereScaleUnit:this._skeletonViewerDisplayOptions.sphereScaleUnit,sphereFactor:this._skeletonViewerDisplayOptions.sphereFactor,midStep:this._skeletonViewerDisplayOptions.midStep,midStepFactor:this._skeletonViewerDisplayOptions.midStepFactor}});r.isEnabled=!0,this._skeletonViewers.push(r),t.reservedDataStore||(t.reservedDataStore={}),t.reservedDataStore.skeletonViewer=r}}else{for(let e=0;e<this._skeletonViewers.length;e++)this._skeletonViewers[e].mesh.reservedDataStore.skeletonViewer=null,this._skeletonViewers[e].dispose();this._skeletonViewers=[]}}checkSkeletonViewerState(e){const t=e.skeleton.getScene();if(this._skeletonViewers=[],!t)return;let n=!0;for(const r of t.meshes)if(r.skeleton===e.skeleton&&r.reservedDataStore&&r.reservedDataStore.skeletonViewer&&(this._skeletonViewers.push(r.reservedDataStore.skeletonViewer),n)){n=!1,this._skeletonViewerDisplayOptions.displayMode=this._skeletonViewers[0].displayMode;for(const e in this._skeletonViewers[0].options.displayOptions)e&&(this._skeletonViewerDisplayOptions[e]=this._skeletonViewers[0].options.displayOptions[e])}this._skeletonViewersEnabled=this._skeletonViewers.length>0}changeDisplayMode(){if(this._skeletonViewersEnabled)for(let e=0;e<this._skeletonViewers.length;e++)this._skeletonViewers[e].changeDisplayMode(this._skeletonViewerDisplayOptions.displayMode||0)}changeDisplayOptions(e,t){if(this._skeletonViewersEnabled){for(let n=0;n<this._skeletonViewers.length;n++)this._skeletonViewers[n].changeDisplayOptions(e,t);void 0!==this._skeletonViewerDisplayOptions[e]&&(this._skeletonViewerDisplayOptions[e]=t)}}shouldComponentUpdate(e){return e.skeleton!==this.props.skeleton&&this.checkSkeletonViewerState(e),!0}render(){const e=this.props.skeleton,t=[{label:"Lines",value:fs.SkeletonViewer.DISPLAY_LINES},{label:"Spheres",value:fs.SkeletonViewer.DISPLAY_SPHERES},{label:"Sphere and Spurs",value:fs.SkeletonViewer.DISPLAY_SPHERE_AND_SPURS}];let n;return n=this._skeletonViewerDisplayOptions.displayMode>fs.SkeletonViewer.DISPLAY_LINES?(0,s.jsxs)(vr,Object.assign({title:"DISPLAY OPTIONS",selection:this.props.globalState},{children:[(0,s.jsx)(Ts,{label:"sphereBaseSize",target:this._skeletonViewerDisplayOptions,propertyName:"sphereBaseSize",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onChange:e=>{this.changeDisplayOptions("sphereBaseSize",e)}}),(0,s.jsx)(Ts,{label:"sphereScaleUnit",target:this._skeletonViewerDisplayOptions,propertyName:"sphereScaleUnit",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onChange:e=>{this.changeDisplayOptions("sphereScaleUnit",e)}}),(0,s.jsx)(Ts,{label:"sphereFactor",target:this._skeletonViewerDisplayOptions,propertyName:"sphereFactor",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onChange:e=>{this.changeDisplayOptions("sphereFactor",e)}}),(0,s.jsx)(Ts,{label:"midStep",target:this._skeletonViewerDisplayOptions,propertyName:"midStep",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onChange:e=>{this.changeDisplayOptions("midStep",e)}}),(0,s.jsx)(Ts,{label:"midStepFactor",target:this._skeletonViewerDisplayOptions,propertyName:"midStepFactor",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onChange:e=>{this.changeDisplayOptions("midStepFactor",e)}})]})):null,(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(Ks,{globalState:this.props.globalState,target:e,lockObject:this.props.lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"GENERAL",selection:this.props.globalState},{children:[(0,s.jsx)(Cr,{label:"ID",value:e.id}),(0,s.jsx)(Cr,{label:"Bone count",value:e.bones.length.toString()}),(0,s.jsx)(Zr,{label:"Use texture to store matrices",target:e,propertyName:"useTextureToStoreBoneMatrices",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(yr,{label:"Return to rest",onClick:()=>e.returnToRest()})]})),(0,s.jsxs)(vr,Object.assign({title:"DEBUG",selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Enabled",isSelected:()=>this._skeletonViewersEnabled,onSelect:()=>this.switchSkeletonViewers()}),(0,s.jsx)(zs,{label:"displayMode",options:t,target:this._skeletonViewerDisplayOptions,propertyName:"displayMode",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:()=>this.changeDisplayMode()}),n]})),(0,s.jsx)(xi,{globalState:this.props.globalState,animatable:e,scene:e.getScene(),lockObject:this.props.lockObject})]}))}}class ll extends t.Component{constructor(e){super(e)}onTransformNodeLink(){if(!this.props.globalState.onSelectionChangedObservable)return;const e=this.props.bone.getTransformNode();this.props.globalState.onSelectionChangedObservable.notifyObservers(e)}render(){const e=this.props.bone;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsxs)(vr,Object.assign({title:"GENERAL",selection:this.props.globalState},{children:[(0,s.jsx)(Cr,{label:"Name",value:e.name}),(0,s.jsx)(Cr,{label:"Index",value:e.getIndex().toString()}),(0,s.jsx)(Cr,{label:"Unique ID",value:e.uniqueId.toString()}),e.getParent()&&(0,s.jsx)(Cr,{label:"Parent",value:e.getParent().name,onLink:()=>this.props.globalState.onSelectionChangedObservable.notifyObservers(e.getParent())}),e.getTransformNode()&&(0,s.jsx)(Cr,{label:"Linked node",value:e.getTransformNode().name,onLink:()=>this.onTransformNodeLink()})]})),(0,s.jsxs)(vr,Object.assign({title:"TRANSFORMATIONS",selection:this.props.globalState},{children:[(0,s.jsx)(Qs,{label:"Position",target:e,propertyName:"position",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),!e.rotationQuaternion&&(0,s.jsx)(Qs,{label:"Rotation",useEuler:this.props.globalState.onlyUseEulers,target:e,propertyName:"rotation",step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.rotationQuaternion&&(0,s.jsx)(Xs,{label:"Rotation",useEuler:this.props.globalState.onlyUseEulers,target:e,propertyName:"rotationQuaternion",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Qs,{label:"Scaling",target:e,propertyName:"scaling",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))]}))}}class pl extends t.Component{constructor(e){super(e)}displayFrustum(){const e=this.props.light,t=e.getScene().activeCamera,n=e._displayFrustum=!e._displayFrustum;if(e._displayFrustumObservable&&(e.getScene().onAfterRenderObservable.remove(e._displayFrustumObservable),e._displayFrustumDLH.dispose()),n&&t){const n=e._displayFrustumDLH=new r.DirectionalLightFrustumViewer(e,t);e._displayFrustumObservable=e.getScene().onAfterRenderObservable.add((()=>{n.update()}))}}render(){var e;const t=this.props.light,n=(t.getShadowGenerator()||null)instanceof r.CascadedShadowGenerator,a=null!==(e=t._displayFrustum)&&void 0!==e&&e;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(xo,{globalState:this.props.globalState,lockObject:this.props.lockObject,light:t,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"SETUP",selection:this.props.globalState},{children:[(0,s.jsx)(Zs,{label:"Diffuse",target:t,propertyName:"diffuse",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zs,{label:"Specular",target:t,propertyName:"specular",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Qs,{label:"Position",target:t,propertyName:"position",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Qs,{label:"Direction",target:t,propertyName:"direction",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),!n&&(0,s.jsx)(Zr,{label:"Auto Calc Shadow ZBounds",target:t,propertyName:"autoCalcShadowZBounds",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsx)(jo,{globalState:this.props.globalState,lockObject:this.props.lockObject,light:t,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(vr,Object.assign({title:"DEBUG",closed:!0,selection:this.props.globalState},{children:(0,s.jsx)(Zr,{label:"Display frustum",isSelected:()=>a,onSelect:()=>this.displayFrustum()})}))]}))}}class cl extends t.Component{constructor(e){super(e)}render(){const e=this.props.light;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(xo,{globalState:this.props.globalState,lockObject:this.props.lockObject,light:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"SETUP",selection:this.props.globalState},{children:[(0,s.jsx)(Zs,{label:"Diffuse",target:e,propertyName:"diffuse",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zs,{label:"Specular",target:e,propertyName:"specular",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Qs,{label:"Position",target:e,propertyName:"position",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Qs,{label:"Direction",target:e,propertyName:"direction",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,useEuler:this.props.globalState.onlyUseEulers,label:"Angle",target:e,propertyName:"angle",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,useEuler:this.props.globalState.onlyUseEulers,label:"Inner angle",target:e,propertyName:"innerAngle",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Exponent",target:e,propertyName:"exponent",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsx)(jo,{globalState:this.props.globalState,lockObject:this.props.lockObject,light:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))}}class dl extends t.Component{constructor(e){super(e)}render(){const e=this.props.renderPipeline;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(nl,{globalState:this.props.globalState,lockObject:this.props.lockObject,renderPipeline:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"OPTIONS",selection:this.props.globalState},{children:[(0,s.jsx)(_s,{label:"Edge blur",minimum:0,maximum:5,step:.1,target:e,propertyName:"edgeBlur",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Edge distortion",minimum:0,maximum:5,step:.1,target:e,propertyName:"edgeDistortion",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Grain amount",minimum:0,maximum:1,step:.1,target:e,propertyName:"grainAmount",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Chromatic aberration",minimum:0,maximum:5,step:.1,target:e,propertyName:"chromaticAberration",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Darken out of focus",minimum:0,maximum:5,step:.1,target:e,propertyName:"darkenOutOfFocus",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Blur noise",target:e,propertyName:"blurNoise",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsxs)(vr,Object.assign({title:"DEPTH OF FIELD",selection:this.props.globalState},{children:[(0,s.jsx)(_s,{label:"Aperture",minimum:0,maximum:10,step:.1,target:e,propertyName:"dofAperture",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Distortion",minimum:0,maximum:1e3,step:.1,target:e,propertyName:"dofDistortion",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Pentagon bokeh",target:e,propertyName:"pentagonBokeh",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Highlight gain",minimum:0,maximum:5,step:.1,target:e,propertyName:"highlightsGain",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Highlight threshold",minimum:0,maximum:5,step:.1,target:e,propertyName:"highlightsThreshold",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))]}))}}class hl extends t.Component{constructor(e){super(e),this._localChange=!1,this.state={isExpanded:!1,value:this.getCurrentValue().clone()}}getCurrentValue(){return this.props.target[this.props.propertyName]}shouldComponentUpdate(e,t){const n=this.getCurrentValue();return!(n.equals(t.value)&&!this._localChange||(t.value=n.clone(),this._localChange=!1,0))}switchExpandState(){this._localChange=!0,this.setState({isExpanded:!this.state.isExpanded})}raiseOnPropertyChanged(e){this.props.onChange&&this.props.onChange(this.state.value),this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:this.props.target,property:this.props.propertyName,value:this.state.value,initialValue:e})}updateVector4(){const e=this.props.target[this.props.propertyName].clone();this.props.target[this.props.propertyName]=this.state.value,this.setState({value:e}),this.raiseOnPropertyChanged(e)}updateStateX(e){this._localChange=!0,this.state.value.x=e,this.updateVector4()}updateStateY(e){this._localChange=!0,this.state.value.y=e,this.updateVector4()}updateStateZ(e){this._localChange=!0,this.state.value.z=e,this.updateVector4()}updateStateW(e){this._localChange=!0,this.state.value.w=e,this.updateVector4()}render(){const e=this.state.isExpanded?(0,s.jsx)(An,{icon:qn}):(0,s.jsx)(An,{icon:tr});return(0,s.jsxs)("div",Object.assign({className:"vector3Line"},{children:[(0,s.jsxs)("div",Object.assign({className:"firstLine"},{children:[this.props.icon&&(0,s.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),(0,s.jsx)("div",Object.assign({className:"label",title:this.props.label},{children:this.props.label})),(0,s.jsx)("div",Object.assign({className:"vector"},{children:`X: ${this.state.value.x.toFixed(2)}, Y: ${this.state.value.y.toFixed(2)}, Z: ${this.state.value.z.toFixed(2)}, W: ${this.state.value.w.toFixed(2)}`})),(0,s.jsx)("div",Object.assign({className:"expand hoverIcon",onClick:()=>this.switchExpandState(),title:"Expand"},{children:e}))]})),(0,s.jsxs)("div",Object.assign({className:"secondLine"},{children:[(0,s.jsx)(Rs,{label:"x",step:this.props.step,value:this.state.value.x,onChange:e=>this.updateStateX(e)}),(0,s.jsx)(Rs,{label:"y",step:this.props.step,value:this.state.value.y,onChange:e=>this.updateStateY(e)}),(0,s.jsx)(Rs,{label:"z",step:this.props.step,value:this.state.value.z,onChange:e=>this.updateStateZ(e)}),(0,s.jsx)(Rs,{label:"w",step:this.props.step,value:this.state.value.w,onChange:e=>this.updateStateW(e)})]}))]}))}}hl.defaultProps={step:.001};var ul,gl=l(1289),bl=l(6199);class ml extends t.Component{constructor(e){super(e),this.state={gradient:e.step.step}}updateColor(e){this.props.step.color=r.Color3.FromHexString(e),this.props.onUpdateStep(),this.forceUpdate()}updateStep(e){this.props.step.step=e,this.setState({gradient:e}),this.props.onUpdateStep()}onPointerUp(){this.props.onCheckForReOrder()}render(){const e=this.props.step;return(0,s.jsxs)("div",Object.assign({className:"gradient-step"},{children:[(0,s.jsx)("div",Object.assign({className:"step"},{children:`#${this.props.lineIndex}`})),(0,s.jsx)("div",Object.assign({className:"color"},{children:(0,s.jsx)(Wr,{value:e.color,onColorChanged:e=>{this.updateColor(e)}})})),(0,s.jsx)("div",Object.assign({className:"step-value"},{children:e.step.toFixed(2)})),(0,s.jsx)("div",Object.assign({className:"step-slider slider"},{children:(0,s.jsx)("input",{className:"range",type:"range",step:.01,min:0,max:1,value:e.step,onPointerUp:e=>this.onPointerUp(),onChange:e=>this.updateStep(parseFloat(e.target.value))})})),(0,s.jsx)("div",Object.assign({className:"gradient-copy",onClick:()=>{this.props.onCopy&&this.props.onCopy()},title:"Copy Step"},{children:(0,s.jsx)("img",{className:"img",src:bl})})),(0,s.jsx)("div",Object.assign({className:"gradient-delete",onClick:()=>this.props.onDelete(),title:"Delete Step"},{children:(0,s.jsx)("img",{className:"img",src:gl})}))]}))}}class Cl extends t.Component{constructor(e){super(e),this._gradientBlock=this.props.block}forceRebuild(){this._gradientBlock.colorStepsUpdated(),this.forceUpdate()}deleteStep(e){const t=this._gradientBlock.colorSteps.indexOf(e);t>-1&&(this._gradientBlock.colorSteps.splice(t,1),this.forceRebuild())}copyStep(e){const t=this.props.block,n=new r.GradientBlockColorStep(1,e.color);t.colorSteps.push(n),t.colorStepsUpdated(),this.forceRebuild(),this.forceUpdate()}addNewStep(){const e=new r.GradientBlockColorStep(1,r.Color3.White());this._gradientBlock.colorSteps.push(e),this.forceRebuild()}checkForReOrder(){this._gradientBlock.colorSteps.sort(((e,t)=>e.step-t.step)),this.forceRebuild()}render(){return(0,s.jsxs)("div",{children:[(0,s.jsx)(yr,{label:"Add new step",onClick:()=>this.addNewStep()}),this._gradientBlock.colorSteps.map(((e,t)=>(0,s.jsx)(ml,{globalState:this.props.globalState,onCheckForReOrder:()=>this.checkForReOrder(),onUpdateStep:()=>this.forceRebuild(),lineIndex:t,step:e,onCopy:()=>this.copyStep(e),onDelete:()=>this.deleteStep(e)},"step-"+t)))]})}}class fl extends t.Component{render(){const e=this.props;return(0,s.jsx)(Vs,Object.assign({},e))}}class vl extends t.Component{constructor(e){super(e),this._onDebugSelectionChangeObservable=new r.Observable}edit(){this.props.material.edit()}renderTextures(){const e=this.props.material,t=this._onDebugSelectionChangeObservable,n=e.getTextureBlocks();return n&&0!==n.length?(0,s.jsx)(vr,Object.assign({title:"TEXTURES",selection:this.props.globalState},{children:n.map(((n,r)=>(0,s.jsx)(Oi,{label:n.name,texture:n.texture,material:e,onTextureCreated:e=>n.texture=e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t},"nodematText"+r)))})):null}renderInputBlock(e){switch(e.type){case r.NodeMaterialBlockConnectionPointTypes.Float:const t=isNaN(e.min)||isNaN(e.max)||e.min===e.max;return(0,s.jsxs)("div",{children:[e.isBoolean&&(0,s.jsx)(Zr,{label:e.name,target:e,propertyName:"value",onPropertyChangedObservable:this.props.onPropertyChangedObservable},e.name),!e.isBoolean&&t&&(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:e.name,target:e,propertyName:"value",onPropertyChangedObservable:this.props.onPropertyChangedObservable},e.name),!e.isBoolean&&!t&&(0,s.jsx)(_s,{label:e.name,target:e,propertyName:"value",step:(e.max-e.min)/100,minimum:e.min,maximum:e.max,onPropertyChangedObservable:this.props.onPropertyChangedObservable},e.name)]},e.name);case r.NodeMaterialBlockConnectionPointTypes.Color3:return(0,s.jsx)(Zs,{label:e.name,target:e,propertyName:"value",onPropertyChangedObservable:this.props.onPropertyChangedObservable},e.name);case r.NodeMaterialBlockConnectionPointTypes.Color4:return(0,s.jsx)(fl,{label:e.name,target:e,propertyName:"value",onPropertyChangedObservable:this.props.onPropertyChangedObservable},e.name);case r.NodeMaterialBlockConnectionPointTypes.Vector2:return(0,s.jsx)(mo,{label:e.name,target:e,propertyName:"value",onPropertyChangedObservable:this.props.onPropertyChangedObservable},e.name);case r.NodeMaterialBlockConnectionPointTypes.Vector3:return(0,s.jsx)(Qs,{label:e.name,target:e,propertyName:"value",onPropertyChangedObservable:this.props.onPropertyChangedObservable},e.name);case r.NodeMaterialBlockConnectionPointTypes.Vector4:return(0,s.jsx)(hl,{label:e.name,target:e,propertyName:"value",onPropertyChangedObservable:this.props.onPropertyChangedObservable},e.name)}return null}renderInputValues(){const e=this.props.material.getInputBlocks().filter((e=>e.visibleInInspector&&e.isUniform&&!e.isSystemValue)).sort(((e,t)=>e.name.localeCompare(t.name))),t=[];e.forEach((e=>{e.groupInInspector&&-1===t.indexOf(e.groupInInspector)&&t.push(e.groupInInspector)})),t.sort();const n=this.props.material.attachedBlocks.filter((e=>e.visibleInInspector&&"GradientBlock"===e.getClassName())).sort(((e,t)=>e.name.localeCompare(t.name))),r=e.length>0?(0,s.jsxs)(vr,Object.assign({title:"INPUTS",selection:this.props.globalState},{children:[" ",e.filter((e=>!e.groupInInspector)).map((e=>this.renderInputBlock(e)))]})):null;return(0,s.jsxs)(s.Fragment,{children:[r,t.map(((t,n)=>(0,s.jsx)(vr,Object.assign({title:t.toUpperCase(),selection:this.props.globalState},{children:e.filter((e=>e.groupInInspector===t)).map((e=>this.renderInputBlock(e)))}),"inputValue"+n))),n.map(((e,t)=>(0,s.jsx)(vr,Object.assign({title:e.name.toUpperCase(),selection:this.props.globalState},{children:(0,s.jsx)(Cl,{globalState:this.props.globalState,block:e})}),e.name+t)))]})}render(){const e=this.props.material;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(ji,{globalState:this.props.globalState,lockObject:this.props.lockObject,material:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"CONFIGURATION",selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Ignore alpha",target:e,propertyName:"ignoreAlpha",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(yr,{label:"Node Material Editor",onClick:()=>this.edit()})]})),this.renderInputValues(),this.renderTextures()]}))}}class Al extends t.Component{constructor(e){super(e)}onMaterialLink(e){this.props.onSelectionChangedObservable&&this.props.onSelectionChangedObservable.notifyObservers(e)}renderChildMaterial(){const e=this.props.material;return(0,s.jsx)(vr,Object.assign({title:"CHILDREN",selection:this.props.globalState},{children:e.subMaterials.map(((e,t)=>e?(0,s.jsx)(Cr,{label:"Material #"+t,value:e.name,onLink:()=>this.onMaterialLink(e)},"Material #"+t):null))}))}render(){const e=this.props.material;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(ji,{globalState:this.props.globalState,lockObject:this.props.lockObject,material:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),this.renderChildMaterial()]}))}}class xl extends t.Component{constructor(e){super(e)}render(){const e=this.props.emitter;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Qs,{label:"Direction 1",target:e,propertyName:"direction1",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Qs,{label:"Direction 2",target:e,propertyName:"direction2",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Qs,{label:"Min emit box",target:e,propertyName:"minEmitBox",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Qs,{label:"Max emit box",target:e,propertyName:"maxEmitBox",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})}}class yl extends t.Component{constructor(e){super(e)}render(){const e=this.props.emitter;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(_s,{label:"Radius range",target:e,propertyName:"radiusRange",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Height range",target:e,propertyName:"heightRange",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Emit from spawn point only",target:e,propertyName:"emitFromSpawnPointOnly",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Direction randomizer",target:e,propertyName:"directionRandomizer",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})}}class jl extends t.Component{constructor(e){super(e)}render(){const e=this.props.emitter;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Radius",target:e,propertyName:"radius",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Height",target:e,propertyName:"height",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Radius range",target:e,propertyName:"radiusRange",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Direction randomizer",target:e,propertyName:"directionRandomizer",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})}}class wl extends t.Component{constructor(e){super(e)}render(){const e=this.props.emitter;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Radius",target:e,propertyName:"radius",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Radius range",target:e,propertyName:"radiusRange",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Direction randomizer",target:e,propertyName:"directionRandomizer",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})}}class Ol extends t.Component{constructor(e){super(e)}render(){const e=this.props.emitter;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Qs,{label:"Direction 1",target:e,propertyName:"direction1",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Qs,{label:"Direction 2",target:e,propertyName:"direction2",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})}}class Sl extends t.Component{constructor(e){super(e)}render(){const e=this.props.emitter;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Radius",target:e,propertyName:"radius",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Radius range",target:e,propertyName:"radiusRange",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Direction randomizer",target:e,propertyName:"directionRandomizer",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})}}class Ml extends t.Component{constructor(e){super(e)}render(){const e=this.props.scene.meshes.filter((e=>!!e.name));e.sort(((e,t)=>e.name.localeCompare(t.name)));const t=[{label:"None",value:-1}];return e.sort(((e,t)=>e.name.localeCompare(t.name))),t.push(...e.map(((e,t)=>({label:e.name,value:t})))),(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(zs,{label:this.props.label,options:t,target:this.props.target,propertyName:this.props.property,noDirectUpdate:!0,onSelect:t=>{const n=this.props.target[this.props.property];this.props.target[this.props.property]=-1===t?null:e[t],this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:this.props.target,property:this.props.property,value:this.props.target[this.props.property],initialValue:n}),this.forceUpdate()},extractValue:()=>{if(!this.props.target[this.props.property])return-1;const t=e.indexOf(this.props.target[this.props.property]);return t>-1?t:-1}})})}}class Nl extends t.Component{constructor(e){super(e)}render(){const e=this.props.emitter;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Ml,{globalState:this.props.globalState,label:"Source",scene:this.props.scene,onPropertyChangedObservable:this.props.onPropertyChangedObservable,target:this.props.emitter,property:"mesh"}),!e.useMeshNormalsForDirection&&(0,s.jsx)(Qs,{label:"Direction 1",target:e,propertyName:"direction1",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),!e.useMeshNormalsForDirection&&(0,s.jsx)(Qs,{label:"Direction 2",target:e,propertyName:"direction2",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Use normals for direction",target:e,propertyName:"useMeshNormalsForDirection",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})}}class Ll extends t.Component{constructor(e){var t;super(e),this.state={gradient:e.gradient.gradient,factor1:this.props.gradient.factor1.toString(),factor2:null===(t=this.props.gradient.factor2)||void 0===t?void 0:t.toString()}}shouldComponentUpdate(e,t){var n;return e.gradient!==this.props.gradient&&(t.gradient=e.gradient.gradient,t.factor1=e.gradient.factor1.toString(),t.factor2=null===(n=e.gradient.factor2)||void 0===n?void 0:n.toString()),!0}updateFactor1(e){if(/[^0-9\.\-]/g.test(e))return;const t=parseFloat(e);this.setState({factor1:e}),isNaN(t)||(this.props.gradient.factor1=t,this.props.onUpdateGradient(),this.forceUpdate())}updateFactor2(e){if(/[^0-9\.\-]/g.test(e))return;const t=parseFloat(e);this.setState({factor2:e}),isNaN(t)||(this.props.gradient.factor2=t,this.props.onUpdateGradient(),this.forceUpdate())}updateGradient(e){this.props.gradient.gradient=e,this.setState({gradient:e}),this.props.onUpdateGradient()}onPointerUp(){this.props.onCheckForReOrder()}lock(){this.props.lockObject&&(this.props.lockObject.lock=!0)}unlock(){this.props.lockObject&&(this.props.lockObject.lock=!1)}render(){const e=this.props.gradient;return(0,s.jsxs)("div",Object.assign({className:"gradient-step"},{children:[(0,s.jsx)("div",Object.assign({className:"step"},{children:`#${this.props.lineIndex}`})),(0,s.jsx)("div",Object.assign({className:"factor1"},{children:(0,s.jsx)("input",{type:"number",step:"0.01",className:"numeric-input",value:this.state.factor1,onBlur:()=>this.unlock(),onFocus:()=>this.lock(),onChange:e=>this.updateFactor1(e.target.value)})})),this.props.host instanceof r.ParticleSystem&&(0,s.jsx)("div",Object.assign({className:"factor2"},{children:(0,s.jsx)("input",{type:"number",step:"0.01",className:"numeric-input"+(this.state.factor1===this.state.factor2||void 0===e.factor2?" grayed":""),value:this.state.factor2,onBlur:()=>this.unlock(),onFocus:()=>this.lock(),onChange:e=>this.updateFactor2(e.target.value)})})),(0,s.jsx)("div",Object.assign({className:"step-value"},{children:e.gradient.toFixed(2)})),(0,s.jsx)("div",Object.assign({className:"step-slider"},{children:(0,s.jsx)("input",{className:"range",type:"range",step:.01,min:0,max:1,value:e.gradient,onPointerUp:e=>this.onPointerUp(),onChange:e=>this.updateGradient(parseFloat(e.target.value))})})),(0,s.jsx)("div",Object.assign({className:"gradient-delete hoverIcon",onClick:()=>this.props.onDelete()},{children:(0,s.jsx)(An,{icon:lr})}))]}))}}class kl extends t.Component{constructor(e){super(e),this.state={gradient:e.gradient.gradient}}updateColor1(e){this.props.gradient instanceof r.ColorGradient?this.props.gradient.color1=r.Color4.FromHexString(e):this.props.gradient.color=r.Color3.FromHexString(e),this.props.onUpdateGradient(),this.forceUpdate()}updateColor2(e){this.props.gradient instanceof r.ColorGradient&&(this.props.gradient.color2=r.Color4.FromHexString(e)),this.props.onUpdateGradient(),this.forceUpdate()}updateGradient(e){this.props.gradient.gradient=e,this.setState({gradient:e}),this.props.onUpdateGradient()}onPointerUp(){this.props.onCheckForReOrder()}lock(){this.props.lockObject&&(this.props.lockObject.lock=!0)}unlock(){this.props.lockObject&&(this.props.lockObject.lock=!1)}render(){const e=this.props.gradient;return(0,s.jsxs)("div",Object.assign({className:"gradient-step"},{children:[(0,s.jsx)("div",Object.assign({className:"step"},{children:`#${this.props.lineIndex}`})),(0,s.jsx)("div",Object.assign({className:"color1"},{children:(0,s.jsx)(Wr,{value:e instanceof r.Color3Gradient?e.color:e.color1,onColorChanged:e=>{this.updateColor1(e)}})})),this.props.host instanceof r.ParticleSystem&&e instanceof r.ColorGradient&&(0,s.jsx)("div",Object.assign({className:"color2"},{children:(0,s.jsx)(Wr,{value:e.color2?e.color2:new r.Color4,onColorChanged:e=>{this.updateColor2(e)}})})),(0,s.jsx)("div",Object.assign({className:"step-value"},{children:e.gradient.toFixed(2)})),(0,s.jsx)("div",Object.assign({className:"step-slider"},{children:(0,s.jsx)("input",{className:"range",type:"range",step:.01,min:0,max:1,value:e.gradient,onPointerUp:e=>this.onPointerUp(),onChange:e=>this.updateGradient(parseFloat(e.target.value))})})),(0,s.jsx)("div",Object.assign({className:"gradient-delete hoverIcon",onClick:()=>this.props.onDelete()},{children:(0,s.jsx)(An,{icon:lr})}))]}))}}class Pl extends t.Component{constructor(e){super(e)}onLink(){this.props.url&&window.open(this.props.url,"_blank")}render(){return(0,s.jsxs)("div",Object.assign({className:"linkButtonLine"},{children:[(0,s.jsx)("div",Object.assign({className:"link",title:this.props.label,onClick:()=>this.onLink()},{children:this.props.label})),(0,s.jsx)("div",Object.assign({className:"link-button"},{children:(0,s.jsx)("button",Object.assign({onClick:()=>this.props.onClick()},{children:this.props.buttonLabel}))})),this.props.icon&&(0,s.jsx)("div",Object.assign({className:"link-icon hoverIcon",onClick:()=>{this.props.onIconClick&&this.props.onIconClick()}},{children:(0,s.jsx)(An,{icon:this.props.icon})}))]}))}}!function(e){e[e.Factor=0]="Factor",e[e.Color3=1]="Color3",e[e.Color4=2]="Color4"}(ul||(ul={}));class Dl extends t.Component{constructor(e){super(e)}deleteStep(e){const t=this.props.gradients,n=t.indexOf(e);n>-1&&(t.splice(n,1),this.updateAndSync())}addNewStep(){const e=this.props.gradients;switch(this.props.mode){case ul.Factor:const t=new r.FactorGradient(1,1,1);e.push(t);break;case ul.Color4:const n=new r.ColorGradient(1,new r.Color4(1,1,1,1),new r.Color4(1,1,1,1));e.push(n);break;case ul.Color3:const s=new r.Color3Gradient(1,r.Color3.White());e.push(s)}this.props.host.forceRefreshGradients(),this.forceUpdate()}checkForReOrder(){this.props.gradients.sort(((e,t)=>e.gradient===t.gradient?0:e.gradient>t.gradient?1:-1)),this.forceUpdate()}updateAndSync(){this.props.host.forceRefreshGradients(),this.forceUpdate()}render(){const e=this.props.gradients;return(0,s.jsxs)("div",{children:[e&&e.length>0&&(0,s.jsxs)("div",Object.assign({className:"gradient-container"},{children:[(0,s.jsx)(Pl,{label:this.props.label,url:this.props.docLink,icon:lr,onIconClick:()=>{e.length=0,this.updateAndSync()},buttonLabel:"Add new step",onClick:()=>this.addNewStep()}),e.map(((e,t)=>{const n=this.props.codeRecorderPropertyName+`[${t}]`;switch(this.props.mode){case ul.Factor:return(0,s.jsx)(Ll,{globalState:this.props.globalState,lockObject:this.props.lockObject,onCheckForReOrder:()=>this.checkForReOrder(),onUpdateGradient:()=>this.updateAndSync(),host:this.props.host,codeRecorderPropertyName:n,lineIndex:t,gradient:e,onDelete:()=>this.deleteStep(e)},"step-"+t);case ul.Color4:return(0,s.jsx)(kl,{globalState:this.props.globalState,host:this.props.host,codeRecorderPropertyName:n,lockObject:this.props.lockObject,isColor3:!1,onCheckForReOrder:()=>this.checkForReOrder(),onUpdateGradient:()=>this.updateAndSync(),lineIndex:t,gradient:e,onDelete:()=>this.deleteStep(e)},"step-"+t);case ul.Color3:return(0,s.jsx)(kl,{globalState:this.props.globalState,host:this.props.host,codeRecorderPropertyName:n,lockObject:this.props.lockObject,isColor3:!0,onCheckForReOrder:()=>this.checkForReOrder(),onUpdateGradient:()=>this.updateAndSync(),lineIndex:t,gradient:e,onDelete:()=>this.deleteStep(e)},"step-"+t)}}))]})),(!e||0===e.length)&&(0,s.jsx)(yr,{label:"Use "+this.props.label,onClick:()=>{this.props.onCreateRequired(),this.forceUpdate()}})]})}}class El extends t.Component{constructor(e){super(e),this._snippetUrl="https://snippet.babylonjs.com"}renderEmitter(){var e;const t=this.props.system;switch(null===(e=t.particleEmitterType)||void 0===e?void 0:e.getClassName()){case"BoxParticleEmitter":return(0,s.jsx)(xl,{globalState:this.props.globalState,emitter:t.particleEmitterType,onPropertyChangedObservable:this.props.onPropertyChangedObservable});case"ConeParticleEmitter":return(0,s.jsx)(yl,{globalState:this.props.globalState,emitter:t.particleEmitterType,onPropertyChangedObservable:this.props.onPropertyChangedObservable});case"CylinderParticleEmitter":return(0,s.jsx)(jl,{lockObject:this.props.lockObject,globalState:this.props.globalState,emitter:t.particleEmitterType,onPropertyChangedObservable:this.props.onPropertyChangedObservable});case"HemisphericParticleEmitter":return(0,s.jsx)(wl,{lockObject:this.props.lockObject,globalState:this.props.globalState,emitter:t.particleEmitterType,onPropertyChangedObservable:this.props.onPropertyChangedObservable});case"MeshParticleEmitter":return(0,s.jsx)(Nl,{lockObject:this.props.lockObject,scene:t.getScene(),globalState:this.props.globalState,emitter:t.particleEmitterType,onPropertyChangedObservable:this.props.onPropertyChangedObservable});case"PointParticleEmitter":return(0,s.jsx)(Ol,{lockObject:this.props.lockObject,globalState:this.props.globalState,emitter:t.particleEmitterType,onPropertyChangedObservable:this.props.onPropertyChangedObservable});case"SphereParticleEmitter":return(0,s.jsx)(Sl,{lockObject:this.props.lockObject,globalState:this.props.globalState,emitter:t.particleEmitterType,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}return null}raiseOnPropertyChanged(e,t,n){if(!this.props.onPropertyChangedObservable)return;const r=this.props.system;this.props.onPropertyChangedObservable.notifyObservers({object:r,property:e,value:t,initialValue:n})}renderControls(){const e=this.props.system;if(e instanceof r.GPUParticleSystem){const t=e.isStarted()&&!e.isStopped();return(0,s.jsx)(yr,{label:t?"Stop":"Start",onClick:()=>{t?(e.stop(),e.reset()):e.start(),this.forceUpdate()}})}const t=e.isStarted();return(0,s.jsxs)(s.Fragment,{children:[!e.isStopping()&&(0,s.jsx)(yr,{label:t?"Stop":"Start",onClick:()=>{t?e.stop():e.start(),this.forceUpdate()}}),e.isStopping()&&(0,s.jsx)(Cr,{label:"System is stoppping...",ignoreValue:!0})]})}saveToFile(){const e=this.props.system,t=JSON.stringify(e.serialize(!0));r.Tools.Download(new Blob([t]),"particleSystem.json")}loadFromFile(e){const t=this.props.system,n=t.getScene();n&&r.Tools.ReadFile(e,(e=>{const s=new TextDecoder("utf-8"),a=JSON.parse(s.decode(e)),i=t instanceof r.GPUParticleSystem;t.dispose(),this.props.globalState.onSelectionChangedObservable.notifyObservers(null);const o=i?r.GPUParticleSystem.Parse(a,n,""):r.ParticleSystem.Parse(a,n,"");this.props.globalState.onSelectionChangedObservable.notifyObservers(o)}),void 0,!0)}loadFromSnippet(){const e=this.props.system,t=e.getScene(),n=e instanceof r.GPUParticleSystem,s=window.prompt("Please enter the snippet ID to use");s&&t&&(e.dispose(),this.props.globalState.onSelectionChangedObservable.notifyObservers(null),r.ParticleHelper.CreateFromSnippetAsync(s,t,n).then((e=>{this.props.globalState.onSelectionChangedObservable.notifyObservers(e)})).catch((e=>{alert("Unable to load your particle system: "+e)})))}saveToSnippet(){const e=this.props.system,t=JSON.stringify(e.serialize(!0)),n=new XMLHttpRequest;n.onreadystatechange=()=>{if(4==n.readyState)if(200==n.status){const t=JSON.parse(n.responseText),r=e.snippetId||"_BLANK";e.snippetId=t.id,t.version&&"0"!=t.version&&(e.snippetId+="#"+t.version),this.forceUpdate(),navigator.clipboard&&navigator.clipboard.writeText(e.snippetId);const s=window;s.Playground&&r&&s.Playground.onRequestCodeChangeObservable.notifyObservers({regex:new RegExp(`ParticleHelper.CreateFromSnippetAsync\\("${r}`,"g"),replace:`ParticleHelper.CreateFromSnippetAsync("${e.snippetId}`}),alert("Particle system saved with ID: "+e.snippetId+" (please note that the id was also saved to your clipboard)")}else alert("Unable to save your particle system")},n.open("POST",this._snippetUrl+(e.snippetId?"/"+e.snippetId:""),!0),n.setRequestHeader("Content-Type","application/json");const r={payload:JSON.stringify({particleSystem:t}),name:"",description:"",tags:""};n.send(JSON.stringify(r))}render(){var e,t;const n=this.props.system,a=[{label:"Add",value:r.ParticleSystem.BLENDMODE_ADD},{label:"Multiply",value:r.ParticleSystem.BLENDMODE_MULTIPLY},{label:"Multiply Add",value:r.ParticleSystem.BLENDMODE_MULTIPLYADD},{label:"OneOne",value:r.ParticleSystem.BLENDMODE_ONEONE},{label:"Standard",value:r.ParticleSystem.BLENDMODE_STANDARD}],i=this.props.system.getScene().meshes.filter((e=>!!e.name)),o=[{label:"None",value:-1},{label:"Vector3",value:0}];return i.sort(((e,t)=>e.name.localeCompare(t.name))),o.push(...i.map(((e,t)=>({label:e.name,value:t+1})))),(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(Ks,{globalState:this.props.globalState,target:n,lockObject:this.props.lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"GENERAL",selection:this.props.globalState},{children:[(0,s.jsx)(Cr,{label:"ID",value:n.id}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Name",target:n,propertyName:"name",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Cr,{label:"Class",value:n.getClassName()}),(0,s.jsx)(Cr,{label:"Capacity",value:n.getCapacity().toString()}),(0,s.jsx)(Cr,{label:"Active count",value:n.getActiveCount().toString()}),(0,s.jsx)(Oi,{label:"Texture",texture:n.particleTexture,onSelectionChangedObservable:this.props.onSelectionChangedObservable}),(0,s.jsx)(zs,{label:"Blend mode",options:a,target:n,propertyName:"blendMode",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Qs,{label:"World offset",target:n,propertyName:"worldOffset",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Qs,{label:"Gravity",target:n,propertyName:"gravity",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Is billboard",target:n,propertyName:"isBillboardBased",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Is local",target:n,propertyName:"isLocal",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Force depth write",target:n,propertyName:"forceDepthWrite",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Update speed",target:n,propertyName:"updateSpeed",minimum:0,maximum:.1,decimalCount:3,step:.001,onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsxs)(vr,Object.assign({title:"COMMANDS",selection:this.props.globalState},{children:[this.renderControls(),(0,s.jsx)(yr,{label:"Dispose",onClick:()=>{this.props.globalState.onSelectionChangedObservable.notifyObservers(null),n.dispose()}})]})),(0,s.jsxs)(vr,Object.assign({title:"FILE",selection:this.props.globalState},{children:[(0,s.jsx)(jr,{label:"Load",onClick:e=>this.loadFromFile(e),accept:".json"}),(0,s.jsx)(yr,{label:"Save",onClick:()=>this.saveToFile()})]})),(0,s.jsxs)(vr,Object.assign({title:"SNIPPET",selection:this.props.globalState},{children:[n.snippetId&&(0,s.jsx)(Cr,{label:"Snippet ID",value:n.snippetId}),(0,s.jsx)(yr,{label:"Load from snippet server",onClick:()=>this.loadFromSnippet()}),(0,s.jsx)(yr,{label:"Save to snippet server",onClick:()=>this.saveToSnippet()})]})),(0,s.jsxs)(vr,Object.assign({title:"EMITTER",closed:!0,selection:this.props.globalState},{children:[(0,s.jsx)(zs,{label:"Emitter",options:o,target:n,propertyName:"emitter",noDirectUpdate:!0,onSelect:e=>{switch(e){case-1:this.raiseOnPropertyChanged("emitter",null,n.emitter),n.emitter=null;break;case 0:this.raiseOnPropertyChanged("emitter",r.Vector3.Zero(),n.emitter),n.emitter=r.Vector3.Zero();break;default:this.raiseOnPropertyChanged("emitter",i[e-1],n.emitter),n.emitter=i[e-1]}this.forceUpdate()},extractValue:()=>{if(!n.emitter)return-1;if(void 0!==n.emitter.x)return 0;const e=i.indexOf(n.emitter);return e>-1?e+1:-1}}),n.emitter&&void 0===n.emitter.x&&(0,s.jsx)(Cr,{label:"Link to emitter",value:n.emitter.name,onLink:()=>this.props.globalState.onSelectionChangedObservable.notifyObservers(n.emitter)}),n.emitter&&void 0!==n.emitter.x&&(0,s.jsx)(Qs,{label:"Position",target:n,propertyName:"emitter",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(zs,{label:"Type",options:[{label:"Box",value:0},{label:"Cone",value:1},{label:"Cylinder",value:2},{label:"Hemispheric",value:3},{label:"Mesh",value:4},{label:"Point",value:5},{label:"Sphere",value:6}],target:n,propertyName:"particleEmitterType",noDirectUpdate:!0,onSelect:e=>{const t=n.particleEmitterType;switch(e){case 0:n.particleEmitterType=new r.BoxParticleEmitter;break;case 1:n.particleEmitterType=new r.ConeParticleEmitter;break;case 2:n.particleEmitterType=new r.CylinderParticleEmitter;break;case 3:n.particleEmitterType=new r.HemisphericParticleEmitter;break;case 4:n.particleEmitterType=new r.MeshParticleEmitter;break;case 5:n.particleEmitterType=new r.PointParticleEmitter;break;case 6:n.particleEmitterType=new r.SphereParticleEmitter}this.raiseOnPropertyChanged("particleEmitterType",n.particleEmitterType,t),this.forceUpdate()},extractValue:()=>{var e;switch(null===(e=n.particleEmitterType)||void 0===e?void 0:e.getClassName()){case"BoxParticleEmitter":return 0;case"ConeParticleEmitter":return 1;case"CylinderParticleEmitter":return 2;case"HemisphericParticleEmitter":return 3;case"MeshParticleEmitter":return 4;case"PointParticleEmitter":return 5;case"SphereParticleEmitter":return 6}return 0}}),this.renderEmitter()]})),(0,s.jsxs)(vr,Object.assign({title:"EMISSION",closed:!0,selection:this.props.globalState},{children:[(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Rate",target:n,propertyName:"emitRate",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),n instanceof r.ParticleSystem&&(0,s.jsx)(Dl,{globalState:this.props.globalState,gradients:n.getEmitRateGradients(),label:"Velocity gradients",docLink:"https://doc.babylonjs.com/babylon101/particles#emit-rate-over-time",onCreateRequired:()=>{n.addEmitRateGradient(0,50,50)},mode:ul.Factor,host:n,codeRecorderPropertyName:"getEmitRateGradients()",lockObject:this.props.lockObject}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Min emit power",target:n,propertyName:"minEmitPower",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Max emit power",target:n,propertyName:"maxEmitPower",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Dl,{globalState:this.props.globalState,gradients:n.getVelocityGradients(),label:"Velocity gradients",docLink:"https://doc.babylonjs.com/babylon101/particles#velocity-over-time",onCreateRequired:()=>{n.addVelocityGradient(0,.1,.1)},mode:ul.Factor,host:n,codeRecorderPropertyName:"getVelocityGradients()",lockObject:this.props.lockObject}),(0,s.jsx)(Dl,{globalState:this.props.globalState,gradients:n.getLimitVelocityGradients(),label:"Limit velocity gradients",docLink:"https://doc.babylonjs.com/babylon101/particles#limit-velocity-over-time",onCreateRequired:()=>{n.addLimitVelocityGradient(0,.1,.1)},mode:ul.Factor,host:n,codeRecorderPropertyName:"getLimitVelocityGradients()",lockObject:this.props.lockObject}),(0,s.jsx)(Dl,{globalState:this.props.globalState,gradients:n.getDragGradients(),label:"Drag gradients",docLink:"https://doc.babylonjs.com/babylon101/particles#drag-factor",onCreateRequired:()=>{n.addDragGradient(0,.1,.1)},host:n,codeRecorderPropertyName:"getDragGradients()",mode:ul.Factor,lockObject:this.props.lockObject})]})),(0,s.jsxs)(vr,Object.assign({title:"SIZE",closed:!0,selection:this.props.globalState},{children:[(!n.getSizeGradients()||0===(null===(e=n.getSizeGradients())||void 0===e?void 0:e.length))&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Min size",target:n,propertyName:"minSize",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Max size",target:n,propertyName:"maxSize",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Min scale X",target:n,propertyName:"minScaleX",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Max scale X",target:n,propertyName:"maxScaleX",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Min scale Y",target:n,propertyName:"minScaleY",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Max scale Y",target:n,propertyName:"maxScaleY",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),n instanceof r.ParticleSystem&&(0,s.jsx)(Dl,{globalState:this.props.globalState,gradients:n.getStartSizeGradients(),label:"Start size gradients",docLink:"https://doc.babylonjs.com/babylon101/particles#start-size-over-time",onCreateRequired:()=>{n.addStartSizeGradient(0,1,1)},host:n,codeRecorderPropertyName:"getStartSizeGradients()",mode:ul.Factor,lockObject:this.props.lockObject}),(0,s.jsx)(Dl,{globalState:this.props.globalState,gradients:n.getSizeGradients(),label:"Size gradients",docLink:"https://doc.babylonjs.com/babylon101/particles#size",onCreateRequired:()=>{n.addSizeGradient(0,1,1)},host:n,codeRecorderPropertyName:"getSizeGradients()",mode:ul.Factor,lockObject:this.props.lockObject})]})),(0,s.jsxs)(vr,Object.assign({title:"LIFETIME",closed:!0,selection:this.props.globalState},{children:[(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Min lifetime",target:n,propertyName:"minLifeTime",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Max lifetime",target:n,propertyName:"maxLifeTime",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Target stop duration",target:n,propertyName:"targetStopDuration",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),n instanceof r.ParticleSystem&&(0,s.jsx)(Dl,{globalState:this.props.globalState,gradients:n.getLifeTimeGradients(),label:"Lifetime gradients",docLink:"https://doc.babylonjs.com/babylon101/particles#lifetime",onCreateRequired:()=>{n.addLifeTimeGradient(0,1,1)},host:n,codeRecorderPropertyName:"getLifeTimeGradients()",mode:ul.Factor,lockObject:this.props.lockObject})]})),(0,s.jsxs)(vr,Object.assign({title:"COLORS",closed:!0,selection:this.props.globalState},{children:[(!n.getColorGradients()||0===(null===(t=n.getColorGradients())||void 0===t?void 0:t.length))&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(fl,{label:"Color 1",target:n,propertyName:"color1",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(fl,{label:"Color 2",target:n,propertyName:"color2",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(fl,{label:"Color dead",target:n,propertyName:"colorDead",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}),(0,s.jsx)(Dl,{globalState:this.props.globalState,gradients:n.getColorGradients(),label:"Color gradients",docLink:"https://doc.babylonjs.com/babylon101/particles#particle-colors",onCreateRequired:()=>{n.addColorGradient(0,new r.Color4(0,0,0,1),new r.Color4(0,0,0,1)),n.addColorGradient(1,new r.Color4(1,1,1,1),new r.Color4(1,1,1,1))},host:n,codeRecorderPropertyName:"getColorGradients()",mode:ul.Color4,lockObject:this.props.lockObject}),n instanceof r.ParticleSystem&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Zr,{label:"Enable ramp grandients",target:n,propertyName:"useRampGradients"}),n.useRampGradients&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Dl,{globalState:this.props.globalState,gradients:n.getRampGradients(),label:"Ramp gradients",docLink:"https://doc.babylonjs.com/babylon101/particles#ramp-gradients",onCreateRequired:()=>{n.addRampGradient(0,r.Color3.White()),n.addRampGradient(1,r.Color3.Black())},mode:ul.Color3,host:n,codeRecorderPropertyName:"getRampGradients()",lockObject:this.props.lockObject}),(0,s.jsx)(Dl,{globalState:this.props.globalState,gradients:n.getColorRemapGradients(),label:"Color remap gradients",docLink:"https://doc.babylonjs.com/babylon101/particles#ramp-gradients",onCreateRequired:()=>{n.addColorRemapGradient(0,1,1)},host:n,codeRecorderPropertyName:"getColorRemapGradients()",mode:ul.Factor,lockObject:this.props.lockObject}),(0,s.jsx)(Dl,{globalState:this.props.globalState,gradients:n.getAlphaRemapGradients(),label:"Alpha remap gradients",docLink:"https://doc.babylonjs.com/babylon101/particles#ramp-gradients",onCreateRequired:()=>{n.addAlphaRemapGradient(0,1,1)},host:n,codeRecorderPropertyName:"getAlphaRemapGradients()",mode:ul.Factor,lockObject:this.props.lockObject})]})]})]})),(0,s.jsxs)(vr,Object.assign({title:"ROTATION",closed:!0,selection:this.props.globalState},{children:[(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Min angular speed",target:n,propertyName:"minAngularSpeed",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Max angular speed",target:n,propertyName:"maxAngularSpeed",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Min initial rotation",target:n,propertyName:"minInitialRotation",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Max initial rotation",target:n,propertyName:"maxInitialRotation",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Dl,{globalState:this.props.globalState,gradients:n.getAngularSpeedGradients(),label:"Angular speed gradients",docLink:"hhttps://doc.babylonjs.com/babylon101/particles#rotation",onCreateRequired:()=>{n.addAngularSpeedGradient(0,.1,.1)},host:n,codeRecorderPropertyName:"getAngularSpeedGradients()",mode:ul.Factor,lockObject:this.props.lockObject})]})),(0,s.jsxs)(vr,Object.assign({title:"SPRITESHEET",closed:!0,selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Animation sheet enabled",target:n,propertyName:"isAnimationSheetEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{label:"First sprite index",isInteger:!0,target:n,propertyName:"startSpriteCellID",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{label:"Last sprite index",isInteger:!0,target:n,propertyName:"endSpriteCellID",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Animation Loop",target:n,propertyName:"spriteCellLoop",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Random start cell index",target:n,propertyName:"spriteRandomStartCell",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{label:"Cell width",isInteger:!0,target:n,propertyName:"spriteCellWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{label:"Cell height",isInteger:!0,target:n,propertyName:"spriteCellHeight",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Cell change speed",target:n,propertyName:"spriteCellChangeSpeed",minimum:0,maximum:10,step:.1,onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))]}))}}class Bl extends t.Component{constructor(e){super(e),this._snippetUrl="https://snippet.babylonjs.com"}addNewSprite(){var e;const t=this.props.spriteManager,n=new r.Sprite("new sprite",t);null===(e=this.props.onSelectionChangedObservable)||void 0===e||e.notifyObservers(n)}disposeManager(){var e;this.props.spriteManager.dispose(),null===(e=this.props.onSelectionChangedObservable)||void 0===e||e.notifyObservers(null)}saveToFile(){const e=this.props.spriteManager,t=JSON.stringify(e.serialize(!0));r.Tools.Download(new Blob([t]),"spriteManager.json")}loadFromFile(e){const t=this.props.spriteManager,n=t.scene;r.Tools.ReadFile(e,(e=>{const s=new TextDecoder("utf-8"),a=JSON.parse(s.decode(e));t.dispose(),this.props.globalState.onSelectionChangedObservable.notifyObservers(null);const i=r.SpriteManager.Parse(a,n,"");this.props.globalState.onSelectionChangedObservable.notifyObservers(i)}),void 0,!0)}loadFromSnippet(){const e=this.props.spriteManager,t=e.scene,n=window.prompt("Please enter the snippet ID to use");n&&(e.dispose(),this.props.globalState.onSelectionChangedObservable.notifyObservers(null),r.SpriteManager.CreateFromSnippetAsync(n,t).then((e=>{this.props.globalState.onSelectionChangedObservable.notifyObservers(e)})).catch((e=>{alert("Unable to load your sprite manager: "+e)})))}saveToSnippet(){const e=this.props.spriteManager,t=JSON.stringify(e.serialize(!0)),n=new XMLHttpRequest;n.onreadystatechange=()=>{if(4==n.readyState)if(200==n.status){const t=JSON.parse(n.responseText),r=e.snippetId||"_BLANK";e.snippetId=t.id,t.version&&"0"!=t.version&&(e.snippetId+="#"+t.version),this.forceUpdate(),navigator.clipboard&&navigator.clipboard.writeText(e.snippetId);const s=window;s.Playground&&r&&s.Playground.onRequestCodeChangeObservable.notifyObservers({regex:new RegExp(`SpriteManager.CreateFromSnippetAsync\\("${r}`,"g"),replace:`SpriteManager.CreateFromSnippetAsync("${e.snippetId}`}),alert("Sprite manager saved with ID: "+e.snippetId+" (please note that the id was also saved to your clipboard)")}else alert("Unable to save your sprite manager")},n.open("POST",this._snippetUrl+(e.snippetId?"/"+e.snippetId:""),!0),n.setRequestHeader("Content-Type","application/json");const r={payload:JSON.stringify({spriteManager:t}),name:"",description:"",tags:""};n.send(JSON.stringify(r))}render(){const e=this.props.spriteManager,t=[{label:"Combine",value:r.Constants.ALPHA_COMBINE},{label:"One one",value:r.Constants.ALPHA_ONEONE},{label:"Add",value:r.Constants.ALPHA_ADD},{label:"Subtract",value:r.Constants.ALPHA_SUBTRACT},{label:"Multiply",value:r.Constants.ALPHA_MULTIPLY},{label:"Maximized",value:r.Constants.ALPHA_MAXIMIZED},{label:"Pre-multiplied",value:r.Constants.ALPHA_PREMULTIPLIED}];return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsxs)(vr,Object.assign({title:"GENERAL",selection:this.props.globalState},{children:[(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Name",target:e,propertyName:"name",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Cr,{label:"Unique ID",value:e.uniqueId.toString()}),(0,s.jsx)(Cr,{label:"Capacity",value:e.capacity.toString()}),(0,s.jsx)(Oi,{label:"Texture",texture:e.texture,onSelectionChangedObservable:this.props.onSelectionChangedObservable}),e.sprites.length<e.capacity&&(0,s.jsx)(yr,{label:"Add new sprite",onClick:()=>this.addNewSprite()}),(0,s.jsx)(yr,{label:"Dispose",onClick:()=>this.disposeManager()})]})),(0,s.jsxs)(vr,Object.assign({title:"FILE",selection:this.props.globalState},{children:[(0,s.jsx)(jr,{label:"Load",onClick:e=>this.loadFromFile(e),accept:".json"}),(0,s.jsx)(yr,{label:"Save",onClick:()=>this.saveToFile()})]})),(0,s.jsxs)(vr,Object.assign({title:"SNIPPET",selection:this.props.globalState},{children:[e.snippetId&&(0,s.jsx)(Cr,{label:"Snippet ID",value:e.snippetId}),(0,s.jsx)(yr,{label:"Load from snippet server",onClick:()=>this.loadFromSnippet()}),(0,s.jsx)(yr,{label:"Save to snippet server",onClick:()=>this.saveToSnippet()})]})),(0,s.jsxs)(vr,Object.assign({title:"PROPERTIES",selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Pickable",target:e,propertyName:"isPickable",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Fog enabled",target:e,propertyName:"fogEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"No depth write",target:e,propertyName:"disableDepthWrite",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Rendering group ID",decimalCount:0,target:e,propertyName:"renderingGroupId",minimum:r.RenderingManager.MIN_RENDERINGGROUPS,maximum:r.RenderingManager.MAX_RENDERINGGROUPS-1,step:1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(zs,{label:"Alpha mode",options:t,target:e,propertyName:"blendMode",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:e=>this.setState({blendMode:e})})]})),(0,s.jsxs)(vr,Object.assign({title:"CELLS",selection:this.props.globalState},{children:[(0,s.jsx)(Ts,{label:"Cell width",isInteger:!0,target:e,propertyName:"cellWidth",min:0,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{label:"Cell height",isInteger:!0,target:e,propertyName:"cellHeight",min:0,onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))]}))}}class Tl extends t.Component{constructor(e){super(e),this.imageData=null,this.cachedCellIndex=-1,this.canvasRef=t.createRef()}onManagerLink(){if(!this.props.onSelectionChangedObservable)return;const e=this.props.sprite;this.props.onSelectionChangedObservable.notifyObservers(e.manager)}switchPlayStopState(){const e=this.props.sprite;e.animationStarted?e.stopAnimation():e.playAnimation(e.fromIndex,e.toIndex,e.loopAnimation,e.delay,(()=>{})),this.forceUpdate()}disposeSprite(){var e;this.props.sprite.dispose(),null===(e=this.props.onSelectionChangedObservable)||void 0===e||e.notifyObservers(null)}componentDidMount(){this.updatePreview()}componentDidUpdate(){this.updatePreview()}shouldComponentUpdate(e){return e.sprite!==this.props.sprite&&(this.imageData=null),!0}updatePreview(){const e=this.props.sprite,t=e.manager,n=t.texture,r=n.getSize();if(!this.imageData)return void Mi.GetTextureDataAsync(n,r.width,r.height,0,{R:!0,G:!0,B:!0,A:!0},this.props.globalState).then((e=>{this.imageData=e,this.forceUpdate()}));if(this.cachedCellIndex===e.cellIndex)return;this.cachedCellIndex=e.cellIndex;const s=this.canvasRef.current;s.width=t.cellWidth,s.height=t.cellHeight;const a=s.getContext("2d");if(a){const n=a.createImageData(t.cellWidth,t.cellHeight),s=n.data,i=r.width/t.cellWidth|0,o=e.cellIndex/i|0,l=4*(e.cellIndex-o*i+o*r.width)*t.cellWidth;for(let e=0;e<t.cellWidth;e++)for(let n=0;n<t.cellHeight;n++){const a=4*(e+n*t.cellWidth),i=4*(e+n*r.width);s[a]=this.imageData[l+i],s[a+1]=this.imageData[l+i+1],s[a+2]=this.imageData[l+i+2],s[a+3]=this.imageData[l+i+3]}a.putImageData(n,0,0)}}render(){const e=this.props.sprite,t=e.manager,n=t.texture.getSize();let r=0;return r=n.width&&n.height?n.width/t.cellWidth*(n.height/t.cellHeight):Math.max(e.fromIndex,e.toIndex),(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsxs)(vr,Object.assign({title:"GENERAL",selection:this.props.globalState},{children:[(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Name",target:e,propertyName:"name",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Cr,{label:"Unique ID",value:e.uniqueId.toString()}),(0,s.jsx)(Cr,{label:"Link to manager",value:t.name,onLink:()=>this.onManagerLink()}),(0,s.jsx)(Zr,{label:"Visible",target:e,propertyName:"isVisible",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(yr,{label:"Dispose",onClick:()=>this.disposeSprite()})]})),(0,s.jsxs)(vr,Object.assign({title:"PROPERTIES",selection:this.props.globalState},{children:[(0,s.jsx)(Qs,{label:"Position",target:e,propertyName:"position",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Pickable",target:e,propertyName:"isPickable",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Use alpha for picking",target:e,propertyName:"useAlphaForPicking",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(fl,{label:"Color",target:e,propertyName:"color",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{useEuler:this.props.globalState.onlyUseEulers,label:"Angle",target:e,propertyName:"angle",minimum:0,maximum:2*Math.PI,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsxs)(vr,Object.assign({title:"CELL",selection:this.props.globalState},{children:[(0,s.jsx)("canvas",{ref:this.canvasRef,className:"preview",style:{margin:"auto",marginTop:"4px",marginBottom:"4px",display:"grid",height:"108px"}}),(0,s.jsx)(_s,{label:"Cell index",decimalCount:0,target:e,propertyName:"cellIndex",minimum:0,maximum:r,step:1,onPropertyChangedObservable:this.props.onPropertyChangedObservable,onChange:()=>this.forceUpdate()}),(0,s.jsx)(Zr,{label:"Invert U axis",target:e,propertyName:"invertU",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Invert V axis",target:e,propertyName:"invertV",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsxs)(vr,Object.assign({title:"SCALE",selection:this.props.globalState},{children:[(0,s.jsx)(Ts,{label:"Width",lockObject:this.props.lockObject,target:e,propertyName:"width",min:0,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{label:"Height",lockObject:this.props.lockObject,target:e,propertyName:"height",min:0,onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsxs)(vr,Object.assign({title:"ANIMATION",selection:this.props.globalState},{children:[(0,s.jsx)(Ts,{label:"Start cell",isInteger:!0,lockObject:this.props.lockObject,target:e,propertyName:"fromIndex",min:0,max:r,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{label:"End cell",isInteger:!0,lockObject:this.props.lockObject,target:e,propertyName:"toIndex",min:0,max:r,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Loop",target:e,propertyName:"loopAnimation",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{label:"Delay",lockObject:this.props.lockObject,target:e,propertyName:"delay",digits:0,min:0,isInteger:!0,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(yr,{label:e.animationStarted?"Stop":"Start",onClick:()=>this.switchPlayStopState()})]}))]}))}}class _l extends t.Component{constructor(e){super(e),this.playOrPause=()=>{this._animationGroup&&(this._animationGroup.isPlaying?this._animationGroup.stop():this._animationGroup.start(),this.forceUpdate())},this.deleteAnimation=()=>{var e;if(this._animationGroup){const t=this._animationGroup.targetedAnimations.indexOf(this.props.targetedAnimation);t>-1&&(this._animationGroup.targetedAnimations.splice(t,1),null===(e=this.props.onSelectionChangedObservable)||void 0===e||e.notifyObservers(null),this._animationGroup.isPlaying&&(this._animationGroup.stop(),this._animationGroup.start()))}},this._animationGroup=this.props.scene.animationGroups.find((e=>void 0!==e.targetedAnimations.find((e=>e===this.props.targetedAnimation))))}render(){const e=this.props.targetedAnimation;return this._animationCurveEditorContext||(this._animationCurveEditorContext=new Ai,this._animationCurveEditorContext.title=this.props.targetedAnimation.target.name||"",this._animationCurveEditorContext.animations=[this.props.targetedAnimation.animation],this._animationCurveEditorContext.target=this.props.targetedAnimation.target,this._animationCurveEditorContext.scene=this.props.scene,this._animationGroup&&(this._animationCurveEditorContext.rootAnimationGroup=this._animationGroup)),(0,s.jsx)("div",Object.assign({className:"pane"},{children:(0,s.jsxs)(vr,Object.assign({title:"GENERAL",selection:this.props.globalState},{children:[(0,s.jsx)(Cr,{label:"Class",value:e.getClassName()}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Name",target:e.animation,propertyName:"name",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.target.name&&(0,s.jsx)(Cr,{label:"Target",value:e.target.name,onLink:()=>this.props.globalState.onSelectionChangedObservable.notifyObservers(e)}),(0,s.jsx)(vi,{globalState:this.props.globalState,context:this._animationCurveEditorContext}),(0,s.jsx)(yr,{label:"Dispose",onClick:this.deleteAnimation})]}))}))}}class Il extends t.Component{constructor(e){super(e)}render(){const e=this.props.camera;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsx)(Oo,{globalState:this.props.globalState,lockObject:this.props.lockObject,camera:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsxs)(vr,Object.assign({title:"TRANSFORMS",selection:this.props.globalState},{children:[(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Radius",target:e,propertyName:"radius",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Rotation offset",target:e,propertyName:"rotationOffset",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Height offset",target:e,propertyName:"heightOffset",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Camera acceleration",target:e,propertyName:"cameraAcceleration",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]})),(0,s.jsxs)(vr,Object.assign({title:"LIMITS",closed:!0,selection:this.props.globalState},{children:[(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Lower radius limit",target:e,propertyName:"lowerRadiusLimit",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Upper radius limit",target:e,propertyName:"upperRadiusLimit",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Lower rotation offset limit",target:e,propertyName:"lowerRotationOffsetLimit",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Upper rotation offset limit",target:e,propertyName:"upperRotationOffsetLimit",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Lower height offset limit",target:e,propertyName:"lowerHeightOffsetLimit",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Upper height offset limit",target:e,propertyName:"upperHeightOffsetLimit",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Ts,{lockObject:this.props.lockObject,label:"Max camera speed",target:e,propertyName:"maxCameraSpeed",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))]}))}}class zl extends t.Component{constructor(e){super(e)}render(){const e=this.props.sound;return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsxs)(vr,Object.assign({title:"GENERAL",selection:this.props.globalState},{children:[(0,s.jsx)(Cr,{label:"Class",value:e.getClassName()}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Name",target:e,propertyName:"name",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Cr,{label:"Status",value:e.isPaused?"Paused":e.isPlaying?"Playing":"Stopped"})]})),(0,s.jsxs)(vr,Object.assign({title:"COMMANDS",selection:this.props.globalState},{children:[e.isPlaying&&(0,s.jsx)(yr,{label:"Pause",onClick:()=>{e.pause(),this.forceUpdate()}}),!e.isPlaying&&(0,s.jsx)(yr,{label:"Play",onClick:()=>{e.play(),this.forceUpdate()}}),(0,s.jsx)(_s,{label:"Samples",target:e,directValue:e.getVolume(),onChange:t=>{e.setVolume(t),this.forceUpdate()},minimum:0,maximum:5,step:.1,decimalCount:1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Loop",target:e,propertyName:"loop",onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))]}))}}class Rl extends t.Component{constructor(e){super(e)}render(){const e=this.props.layer;return(0,s.jsx)("div",Object.assign({className:"pane"},{children:(0,s.jsxs)(vr,Object.assign({title:"GENERAL",selection:this.props.globalState},{children:[(0,s.jsx)(Cr,{label:"Class",value:e.getClassName()}),(0,s.jsx)(Fs,{lockObject:this.props.lockObject,label:"Name",target:e,propertyName:"name",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Intensity",target:e,propertyName:"intensity",minimum:0,maximum:2,step:.01,decimalCount:2,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(_s,{label:"Blur Kernel Size",target:e,propertyName:"blurKernelSize",minimum:0,maximum:64,step:1,decimalCount:0,onPropertyChangedObservable:this.props.onPropertyChangedObservable})]}))}))}}class Ul extends mr{constructor(e){super(e),this._lockObject=new Uo}timerRefresh(){this._lockObject.lock||this.forceUpdate()}componentDidMount(){this._timerIntervalId=window.setInterval((()=>this.timerRefresh()),500)}componentWillUnmount(){window.clearInterval(this._timerIntervalId)}render(){const e=this.props.selectedEntity;if(!e)return(0,s.jsx)("div",Object.assign({className:"infoMessage"},{children:"Please select an entity in the scene explorer."}));if(e.getClassName){const t=e.getClassName();if("Scene"===t){const t=e;return(0,s.jsx)(Ao,{scene:t,globalState:this.props.globalState,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("Sound"===t){const t=e;return(0,s.jsx)(zl,{sound:t,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("Sprite"===t){const t=e;return(0,s.jsx)(Tl,{sprite:t,globalState:this.props.globalState,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("SpriteManager"===t){const t=e;return(0,s.jsx)(Bl,{spriteManager:t,globalState:this.props.globalState,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("Mesh")){const t=e;if(t.getTotalVertices()>0)return(0,s.jsx)("div",{children:(0,s.jsx)(Po,{globalState:this.props.globalState,mesh:t,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})})}if(-1!==t.indexOf("ParticleSystem")){const t=e;return(0,s.jsx)(El,{globalState:this.props.globalState,system:t,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("FreeCamera")||-1!==t.indexOf("UniversalCamera")||-1!==t.indexOf("WebXRCamera")||-1!==t.indexOf("DeviceOrientationCamera")){const t=e;return(0,s.jsx)(So,{globalState:this.props.globalState,camera:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("ArcRotateCamera")){const t=e;return(0,s.jsx)(Mo,{globalState:this.props.globalState,camera:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("FollowCamera")){const t=e;return(0,s.jsx)(Il,{globalState:this.props.globalState,camera:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("HemisphericLight"===t){const t=e;return(0,s.jsx)(yo,{globalState:this.props.globalState,light:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("PointLight"===t){const t=e;return(0,s.jsx)(wo,{globalState:this.props.globalState,light:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("DirectionalLight"===t){const t=e;return(0,s.jsx)(pl,{globalState:this.props.globalState,light:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("SpotLight"===t){const t=e;return(0,s.jsx)(cl,{globalState:this.props.globalState,light:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("TransformNode")||-1!==t.indexOf("Mesh")){const t=e;return(0,s.jsx)(Do,{transformNode:t,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("MultiMaterial"===t){const t=e;return(0,s.jsx)(Al,{globalState:this.props.globalState,material:t,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("StandardMaterial"===t){const t=e;return(0,s.jsx)(Si,{globalState:this.props.globalState,material:t,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("NodeMaterial"===t){const t=e;return(0,s.jsx)(vl,{globalState:this.props.globalState,material:t,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("PBRMaterial"===t){const t=e;return(0,s.jsx)(Co,{globalState:this.props.globalState,material:t,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("PBRMetallicRoughnessMaterial"===t){const t=e;return(0,s.jsx)(qo,{globalState:this.props.globalState,material:t,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("PBRSpecularGlossinessMaterial"===t){const t=e;return(0,s.jsx)(Jo,{globalState:this.props.globalState,material:t,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("BackgroundMaterial"===t){const t=e;return(0,s.jsx)(Eo,{globalState:this.props.globalState,material:t,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("AnimationGroup"===t){const t=e;return(0,s.jsx)(Ro,{globalState:this.props.globalState,animationGroup:t,scene:this.props.scene,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("TargetedAnimation"===t){const t=e;return(0,s.jsx)(_l,{globalState:this.props.globalState,targetedAnimation:t,scene:this.props.scene,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("Material")){const t=e;return(0,s.jsx)(wi,{material:t,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("DefaultRenderingPipeline")){const t=e;return(0,s.jsx)(sl,{renderPipeline:t,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("LensRenderingPipeline")){const t=e;return(0,s.jsx)(dl,{renderPipeline:t,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("SSAORenderingPipeline")){const t=e;return(0,s.jsx)(al,{renderPipeline:t,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("SSAO2RenderingPipeline")){const t=e;return(0,s.jsx)(il,{renderPipeline:t,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("RenderingPipeline")){const t=e;return(0,s.jsx)(rl,{renderPipeline:t,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("PostProcess")){const t=e;return(0,s.jsx)(tl,{postProcess:t,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("Layer")){const t=e;return(0,s.jsx)(Rl,{layer:t,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("Texture")){const t=e;return(0,s.jsx)(bo,{texture:t,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("Skeleton")){const t=e;return(0,s.jsx)(ol,{skeleton:t,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("Bone")){const t=e;return(0,s.jsx)(ll,{bone:t,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("TextBlock"===t){const t=e;return(0,s.jsx)(_o,{textBlock:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("InputText"===t){const t=e;return(0,s.jsx)(Io,{inputText:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("ColorPicker"===t){const t=e;return(0,s.jsx)(zo,{colorPicker:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("Image"===t){const t=e;return(0,s.jsx)(Wo,{image:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("Slider"===t){const t=e;return(0,s.jsx)(Yo,{slider:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("ImageBasedSlider"===t){const t=e;return(0,s.jsx)(Fo,{imageBasedSlider:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("Rectangle"===t){const t=e;return(0,s.jsx)(Go,{rectangle:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("StackPanel"===t){const t=e;return(0,s.jsx)($o,{stackPanel:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("Grid"===t){const t=e;return(0,s.jsx)(Ko,{grid:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("ScrollViewer"===t){const t=e;return(0,s.jsx)(Xo,{scrollViewer:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("Ellipse"===t){const t=e;return(0,s.jsx)(Ho,{ellipse:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("Checkbox"===t){const t=e;return(0,s.jsx)(Vo,{checkbox:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("RadioButton"===t){const t=e;return(0,s.jsx)(Zo,{radioButtons:[t],lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("Line"===t){const t=e;return(0,s.jsx)(Qo,{line:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(e._host){const t=e;return(0,s.jsx)(To,{control:t,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}}return null}}class Wl extends t.Component{constructor(e){super(e),this._backStack=new Array,this.state={isBackVisible:!1}}componentDidMount(){this.props.onSelectionChangedObservable&&(this._onSelectionChangeObserver=this.props.onSelectionChangedObservable.add((e=>{0!==this._backStack.length&&e===this._backStack[this._backStack.length-1]||(this._backStack.push(e),this.setState({isBackVisible:this._backStack.length>1}))})))}componentWillUnmount(){this._onSelectionChangeObserver&&this.props.onSelectionChangedObservable.remove(this._onSelectionChangeObserver)}goBack(){this._backStack.pop();const e=this._backStack[this._backStack.length-1];this.props.onSelectionChangedObservable&&this.props.onSelectionChangedObservable.notifyObservers(e),this.setState({isBackVisible:this._backStack.length>1})}renderLogo(){return this.props.noCommands?null:this.props.handleBack?this.state.isBackVisible?(0,s.jsx)("div",Object.assign({id:"back",onClick:()=>this.goBack()},{children:(0,s.jsx)(An,{icon:wn})})):null:(0,s.jsx)("img",{id:"logo",style:{top:"0%"},src:"https://www.babylonjs.com/Assets/logo-babylonjs-social-twitter.png"})}render(){return(0,s.jsxs)("div",Object.assign({id:"header"},{children:[this.renderLogo(),(0,s.jsx)("div",Object.assign({id:"title"},{children:this.props.title})),(0,s.jsxs)("div",Object.assign({id:"commands"},{children:[!this.props.noCommands&&!this.props.noExpand&&(0,s.jsx)("div",Object.assign({className:"expand",onClick:()=>this.props.onPopup()},{children:(0,s.jsx)(An,{icon:ur})})),!this.props.noCommands&&!this.props.noClose&&(0,s.jsx)("div",Object.assign({className:"close",onClick:()=>this.props.onClose()},{children:(0,s.jsx)(An,{icon:br})}))]}))]}))}}class Yl extends t.Component{constructor(e){super(e)}render(){return this.props.icon?(0,s.jsxs)("div",Object.assign({className:"iconMessageLine"},{children:[(0,s.jsx)("div",Object.assign({className:"icon",style:{color:this.props.color?this.props.color:""}},{children:(0,s.jsx)(An,{icon:this.props.icon})})),(0,s.jsx)("div",Object.assign({className:"value",title:this.props.text},{children:this.props.text}))]})):(0,s.jsx)("div",Object.assign({className:"messageLine"},{children:(0,s.jsx)("div",Object.assign({className:"value",title:this.props.text,style:{color:this.props.color?this.props.color:""}},{children:this.props.text}))}))}}var Fl=l(6190);class Gl extends t.Component{constructor(){super(...arguments),this._onValidationResultsUpdatedObserver=null}openValidationDetails(){const e=this.props.globalState.validationResults,t=window.open("","_blank");t&&(t.document.title="glTF Validation Results",t.document.body.innerText=JSON.stringify(e,null,2),t.document.body.style.whiteSpace="pre",t.document.body.style.fontFamily="monospace",t.document.body.style.fontSize="14px",t.focus())}prepareText(e,t){return t?`${t} ${e}s`:`${e}`}componentDidMount(){this.props.globalState&&(this._onValidationResultsUpdatedObserver=this.props.globalState.onValidationResultsUpdatedObservable.add((()=>{this.forceUpdate()})))}componentWillUnmount(){this.props.globalState&&this._onValidationResultsUpdatedObserver&&this.props.globalState.onValidationResultsUpdatedObservable.remove(this._onValidationResultsUpdatedObserver)}renderValidation(){const e=this.props.globalState.validationResults;if(!e)return null;const t=e.issues;return(0,s.jsxs)(vr,Object.assign({title:"GLTF VALIDATION",closed:!t.numErrors&&!t.numWarnings,selection:this.props.globalState},{children:[0!==t.numErrors&&(0,s.jsx)(Yl,{text:"Your file has some validation issues",icon:En,color:"Red"}),0===t.numErrors&&(0,s.jsx)(Yl,{text:"Your file is a valid glTF file",icon:Dn,color:"Green"}),(0,s.jsx)(Cr,{label:"Errors",value:t.numErrors.toString()}),(0,s.jsx)(Cr,{label:"Warnings",value:t.numWarnings.toString()}),(0,s.jsx)(Cr,{label:"Infos",value:t.numInfos.toString()}),(0,s.jsx)(Cr,{label:"Hints",value:t.numHints.toString()}),(0,s.jsx)(Cr,{label:"More details",value:"Click here",onLink:()=>this.openValidationDetails()})]}))}render(){const e=this.props.globalState.glTFLoaderExtensionDefaults,t=this.props.globalState.glTFLoaderDefaults,n=void 0!==Fl.GLTFLoaderAnimationStartMode?[{label:"None",value:Fl.GLTFLoaderAnimationStartMode.NONE},{label:"First",value:Fl.GLTFLoaderAnimationStartMode.FIRST},{label:"ALL",value:Fl.GLTFLoaderAnimationStartMode.ALL}]:[{label:"None",value:0},{label:"First",value:1},{label:"ALL",value:2}],r=void 0!==Fl.GLTFLoaderCoordinateSystemMode?[{label:"Auto",value:Fl.GLTFLoaderCoordinateSystemMode.AUTO},{label:"Right handed",value:Fl.GLTFLoaderCoordinateSystemMode.FORCE_RIGHT_HANDED}]:[{label:"Auto",value:0},{label:"Right handed",value:1}];return(0,s.jsxs)("div",{children:[(0,s.jsxs)(vr,Object.assign({title:"GLTF LOADER",closed:!0,selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Always compute bounding box",target:t,propertyName:"alwaysComputeBoundingBox"}),(0,s.jsx)(Zr,{label:"Always compute skeleton root node",target:t,propertyName:"alwaysComputeSkeletonRootNode"}),(0,s.jsx)(zs,{label:"Animation start mode",options:n,target:t,propertyName:"animationStartMode"}),(0,s.jsx)(Zr,{label:"Capture performance counters",target:t,propertyName:"capturePerformanceCounters"}),(0,s.jsx)(Zr,{label:"Compile materials",target:t,propertyName:"compileMaterials"}),(0,s.jsx)(Zr,{label:"Compile shadow generators",target:t,propertyName:"compileShadowGenerators"}),(0,s.jsx)(zs,{label:"Coordinate system",options:r,target:t,propertyName:"coordinateSystemMode"}),(0,s.jsx)(Zr,{label:"Create instances",target:t,propertyName:"createInstances"}),(0,s.jsx)(Zr,{label:"Enable logging",target:t,propertyName:"loggingEnabled"}),(0,s.jsx)(Zr,{label:"Load all materials",target:t,propertyName:"loadAllMaterials"}),(0,s.jsx)(Ts,{label:"Target FPS",target:t,propertyName:"targetFps",isInteger:!0}),(0,s.jsx)(Zr,{label:"Transparency as coverage",target:t,propertyName:"transparencyAsCoverage"}),(0,s.jsx)(Zr,{label:"Use clip plane",target:t,propertyName:"useClipPlane"}),(0,s.jsx)(Zr,{label:"Use sRGB buffers",target:t,propertyName:"useSRGBBuffers"}),(0,s.jsx)(Zr,{label:"Validate",target:t,propertyName:"validate"}),(0,s.jsx)(Yl,{text:"You need to reload your file to see these changes"})]})),(0,s.jsxs)(vr,Object.assign({title:"GLTF EXTENSIONS",closed:!0,selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"EXT_lights_image_based",isSelected:()=>e.EXT_lights_image_based.enabled,onSelect:t=>e.EXT_lights_image_based.enabled=t}),(0,s.jsx)(Zr,{label:"EXT_mesh_gpu_instancing",isSelected:()=>e.EXT_mesh_gpu_instancing.enabled,onSelect:t=>e.EXT_mesh_gpu_instancing.enabled=t}),(0,s.jsx)(Zr,{label:"EXT_texture_webp",isSelected:()=>e.EXT_texture_webp.enabled,onSelect:t=>e.EXT_texture_webp.enabled=t}),(0,s.jsx)(Zr,{label:"KHR_draco_mesh_compression",isSelected:()=>e.KHR_draco_mesh_compression.enabled,onSelect:t=>e.KHR_draco_mesh_compression.enabled=t}),(0,s.jsx)(Zr,{label:"KHR_materials_pbrSpecularGloss...",isSelected:()=>e.KHR_materials_pbrSpecularGlossiness.enabled,onSelect:t=>e.KHR_materials_pbrSpecularGlossiness.enabled=t}),(0,s.jsx)(Zr,{label:"KHR_materials_clearcoat",isSelected:()=>e.KHR_materials_clearcoat.enabled,onSelect:t=>e.KHR_materials_clearcoat.enabled=t}),(0,s.jsx)(Zr,{label:"KHR_materials_emissive_strength",isSelected:()=>e.KHR_materials_emissive_strength.enabled,onSelect:t=>e.KHR_materials_emissive_strength.enabled=t}),(0,s.jsx)(Zr,{label:"KHR_materials_ior",isSelected:()=>e.KHR_materials_ior.enabled,onSelect:t=>e.KHR_materials_ior.enabled=t}),(0,s.jsx)(Zr,{label:"KHR_materials_sheen",isSelected:()=>e.KHR_materials_sheen.enabled,onSelect:t=>e.KHR_materials_sheen.enabled=t}),(0,s.jsx)(Zr,{label:"KHR_materials_specular",isSelected:()=>e.KHR_materials_specular.enabled,onSelect:t=>e.KHR_materials_specular.enabled=t}),(0,s.jsx)(Zr,{label:"KHR_materials_unlit",isSelected:()=>e.KHR_materials_unlit.enabled,onSelect:t=>e.KHR_materials_unlit.enabled=t}),(0,s.jsx)(Zr,{label:"KHR_materials_variants",isSelected:()=>e.KHR_materials_variants.enabled,onSelect:t=>e.KHR_materials_variants.enabled=t}),(0,s.jsx)(Zr,{label:"KHR_materials_transmission",isSelected:()=>e.KHR_materials_transmission.enabled,onSelect:t=>e.KHR_materials_transmission.enabled=t}),(0,s.jsx)(Zr,{label:"KHR_materials_translucency",isSelected:()=>e.KHR_materials_translucency.enabled,onSelect:t=>e.KHR_materials_translucency.enabled=t}),(0,s.jsx)(Zr,{label:"KHR_materials_volume",isSelected:()=>e.KHR_materials_volume.enabled,onSelect:t=>e.KHR_materials_volume.enabled=t}),(0,s.jsx)(Zr,{label:"KHR_mesh_quantization",isSelected:()=>e.KHR_mesh_quantization.enabled,onSelect:t=>e.KHR_mesh_quantization.enabled=t}),(0,s.jsx)(Zr,{label:"KHR_lights_punctual",isSelected:()=>e.KHR_lights_punctual.enabled,onSelect:t=>e.KHR_lights_punctual.enabled=t}),(0,s.jsx)(Zr,{label:"KHR_texture_basisu",isSelected:()=>e.KHR_texture_basisu.enabled,onSelect:t=>e.KHR_texture_basisu.enabled=t}),(0,s.jsx)(Zr,{label:"KHR_texture_transform",isSelected:()=>e.KHR_texture_transform.enabled,onSelect:t=>e.KHR_texture_transform.enabled=t}),(0,s.jsx)(Zr,{label:"KHR_xmp_json_ld",isSelected:()=>e.KHR_xmp_json_ld.enabled,onSelect:t=>e.KHR_xmp_json_ld.enabled=t}),(0,s.jsx)(Zr,{label:"MSFT_lod",isSelected:()=>e.MSFT_lod.enabled,onSelect:t=>e.MSFT_lod.enabled=t}),(0,s.jsx)(Ts,{label:"Maximum LODs",target:e.MSFT_lod,propertyName:"maxLODsToLoad",additionalClass:"gltf-extension-property",isInteger:!0}),(0,s.jsx)(Zr,{label:"MSFT_minecraftMesh",isSelected:()=>e.MSFT_minecraftMesh.enabled,onSelect:t=>e.MSFT_minecraftMesh.enabled=t}),(0,s.jsx)(Zr,{label:"MSFT_sRGBFactors",isSelected:()=>e.MSFT_sRGBFactors.enabled,onSelect:t=>e.MSFT_sRGBFactors.enabled=t}),(0,s.jsx)(Zr,{label:"MSFT_audio_emitter",isSelected:()=>e.MSFT_audio_emitter.enabled,onSelect:t=>e.MSFT_audio_emitter.enabled=t}),(0,s.jsx)(Yl,{text:"You need to reload your file to see these changes"})]})),this.props.globalState.validationResults&&this.renderValidation()]})}}var Hl=l(9545);class Vl extends t.Component{constructor(e){super(e),this._id=Vl._IDGenerator++,this.uploadInputRef=t.createRef()}onChange(e){const t=e.target.files;t&&t.length&&this.props.onClick(e),e.target.value=""}render(){return(0,s.jsxs)("div",Object.assign({className:"buttonLine"},{children:[this.props.icon&&(0,s.jsx)("img",{src:this.props.icon,title:this.props.iconLabel,alt:this.props.iconLabel,className:"icon"}),(0,s.jsx)("label",Object.assign({htmlFor:"file-upload"+this._id,className:"file-upload"},{children:this.props.label})),(0,s.jsx)("input",{ref:this.uploadInputRef,id:"file-upload"+this._id,type:"file",accept:this.props.accept,onChange:e=>this.onChange(e),multiple:!0})]}))}}Vl._IDGenerator=0;var Zl=l(8480),Ql=l.n(Zl);const Xl=[{label:"PNG",value:0,imageType:"image/png"},{label:"WebP",value:1,imageType:"image/webp"}];class Kl extends mr{constructor(e){super(e),this._lockObject=new Uo,this._screenShotSize={precision:1},this._gifOptions={width:512,frequency:200},this._useWidthHeight=!1,this._isExporting=!1,this._crunchingGIF=!1,this._reflectorHostname="localhost",this._reflectorPort=1234,this._envOptions={imageTypeIndex:0,imageQuality:.8},this.state={tag:"Record video"};const t=this.props.globalState.sceneImportDefaults;void 0===t.overwriteAnimations&&(t.overwriteAnimations=!0),void 0===t.animationGroupLoadingMode&&(t.animationGroupLoadingMode=r.SceneLoaderAnimationGroupLoadingMode.Clean)}componentDidMount(){BABYLON.GLTF2Export||r.Tools.LoadScript("https://preview.babylonjs.com/serializers/babylonjs.serializers.min.js",(()=>{}))}componentWillUnmount(){if(this._videoRecorder&&(this._videoRecorder.stopRecording(),this._videoRecorder.dispose(),this._videoRecorder=null),this._gifRecorder)return this._gifRecorder.render(),void(this._gifRecorder=null)}captureScreenshot(){const e=this.props.scene;e.activeCamera&&r.Tools.CreateScreenshot(e.getEngine(),e.activeCamera,this._screenShotSize)}captureRender(){const e=this.props.scene,t={height:this._screenShotSize.height,width:this._screenShotSize.width,precision:this._screenShotSize.precision};this._useWidthHeight||(this._screenShotSize.width=void 0,this._screenShotSize.height=void 0),e.activeCamera&&r.Tools.CreateScreenshotUsingRenderTarget(e.getEngine(),e.activeCamera,this._screenShotSize,void 0,void 0,4),this._screenShotSize=t}recordVideo(){if(this._videoRecorder&&this._videoRecorder.isRecording)return void this._videoRecorder.stopRecording();const e=this.props.scene;this._videoRecorder||(this._videoRecorder=new r.VideoRecorder(e.getEngine())),this._videoRecorder.startRecording().then((()=>{this.setState({tag:"Record video"})})),this.setState({tag:"Stop recording"})}recordGIFInternal(){var e;const t=URL.createObjectURL(this._gifWorkerBlob);this._gifRecorder=new(Ql())({workers:2,quality:10,workerScript:t});const n=this.props.scene.getEngine();this._previousRenderingScale=n.getHardwareScalingLevel(),n.setHardwareScalingLevel(null!==(e=n.getRenderWidth()/this._gifOptions.width)&&void 0!==e?e:1);const s=setInterval((()=>{this._gifRecorder?this._gifRecorder.addFrame(n.getRenderingCanvas(),{delay:0,copy:!0}):clearInterval(s)}),this._gifOptions.frequency);this._gifRecorder.on("finished",(e=>{this._crunchingGIF=!1,r.Tools.Download(e,"record.gif"),this.forceUpdate(),URL.revokeObjectURL(t),n.setHardwareScalingLevel(this._previousRenderingScale)})),this.forceUpdate()}recordGIF(){if(this._gifRecorder)return this._crunchingGIF=!0,this.forceUpdate(),this._gifRecorder.render(),void(this._gifRecorder=null);this._gifWorkerBlob?this.recordGIFInternal():r.Tools.LoadFileAsync("https://cdn.jsdelivr.net/gh//terikon/gif.js.optimized@0.1.6/dist/gif.worker.js").then((e=>{this._gifWorkerBlob=new Blob([e],{type:"application/javascript"}),this.recordGIFInternal()}))}importAnimations(e){const t=this.props.scene,n=this.props.globalState.sceneImportDefaults.overwriteAnimations,s=this.props.globalState.sceneImportDefaults.animationGroupLoadingMode;new r.FilesInput(t.getEngine(),t,(()=>{}),(()=>{}),(()=>{}),(e=>{}),(()=>{}),(function(e){if(e){const r=function(e){e.animationGroups.length>0&&e.animationGroups[0].play(!0)};BABYLON.SceneLoader.ImportAnimationsAsync("file:",e,t,n,s,null,r)}}),(()=>{})).loadFiles(e)}shouldExport(e){if(!e.isEnabled())return!1;if(e instanceof r.Mesh&&e.material){const t=e.material.reflectionTexture;if(t&&t.coordinatesMode===r.Texture.SKYBOX_MODE)return!1}return!0}exportGLTF(){const e=this.props.scene;this._isExporting=!0,this.forceUpdate(),Hl.GLTF2Export.GLBAsync(e,"scene",{shouldExportNode:e=>this.shouldExport(e)}).then((e=>{e.downloadFiles(),this._isExporting=!1,this.forceUpdate()})).catch((e=>{this._isExporting=!1,this.forceUpdate()}))}exportBabylon(){const e=this.props.scene,t=JSON.stringify(r.SceneSerializer.Serialize(e)),n=new Blob([t],{type:"octet/stream"});r.Tools.Download(n,"scene.babylon")}createEnvTexture(){const e=this.props.scene;r.EnvironmentTextureTools.CreateEnvTextureAsync(e.environmentTexture,{imageType:Xl[this._envOptions.imageTypeIndex].imageType,imageQuality:this._envOptions.imageQuality}).then((e=>{const t=new Blob([e],{type:"octet/stream"});r.Tools.Download(t,"environment.env")})).catch((e=>{console.error(e),alert(e)}))}exportReplay(){this.props.globalState.recorder.export(),this.forceUpdate()}startRecording(){this.props.globalState.recorder.trackScene(this.props.scene),this.forceUpdate()}applyDelta(e){r.Tools.ReadFile(e,(e=>{this.props.globalState.recorder.applyDelta(e,this.props.scene),this.forceUpdate()}))}connectReflector(){this._reflector&&this._reflector.close(),this._reflector=new r.Reflector(this.props.scene,this._reflectorHostname,this._reflectorPort)}render(){const e=this.props.scene;if(!e)return null;const t=this.props.globalState.sceneImportDefaults,n=[{label:"Clean",value:r.SceneLoaderAnimationGroupLoadingMode.Clean},{label:"Stop",value:r.SceneLoaderAnimationGroupLoadingMode.Stop},{label:"Sync",value:r.SceneLoaderAnimationGroupLoadingMode.Sync},{label:"NoSync",value:r.SceneLoaderAnimationGroupLoadingMode.NoSync}];return(0,s.jsxs)("div",Object.assign({className:"pane"},{children:[(0,s.jsxs)(vr,Object.assign({title:"CAPTURE",selection:this.props.globalState},{children:[(0,s.jsx)(yr,{label:"Screenshot",onClick:()=>this.captureScreenshot()}),(0,s.jsx)(yr,{label:this.state.tag,onClick:()=>this.recordVideo()})]})),(0,s.jsxs)(vr,Object.assign({title:"CAPTURE WITH RTT",selection:this.props.globalState},{children:[(0,s.jsx)(yr,{label:"Capture",onClick:()=>this.captureRender()}),(0,s.jsxs)("div",Object.assign({className:"vector3Line"},{children:[(0,s.jsx)(Ts,{label:"Precision",target:this._screenShotSize,propertyName:"precision",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(0,s.jsx)(Zr,{label:"Use Width/Height",onSelect:e=>{this._useWidthHeight=e,this.forceUpdate()},isSelected:()=>this._useWidthHeight}),this._useWidthHeight&&(0,s.jsxs)("div",Object.assign({className:"secondLine"},{children:[(0,s.jsx)(Rs,{label:"Width",precision:0,step:1,value:this._screenShotSize.width?this._screenShotSize.width:512,onChange:e=>this._screenShotSize.width=e}),(0,s.jsx)(Rs,{label:"Height",precision:0,step:1,value:this._screenShotSize.height?this._screenShotSize.height:512,onChange:e=>this._screenShotSize.height=e})]}))]}))]})),(0,s.jsxs)(vr,Object.assign({title:"GIF",selection:this.props.globalState},{children:[this._crunchingGIF&&(0,s.jsx)(Yl,{text:"Creating the GIF file..."}),!this._crunchingGIF&&(0,s.jsx)(yr,{label:this._gifRecorder?"Stop":"Record",onClick:()=>this.recordGIF()}),!this._crunchingGIF&&!this._gifRecorder&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Ts,{label:"Resolution",isInteger:!0,target:this._gifOptions,propertyName:"width"}),(0,s.jsx)(Ts,{label:"Frequency (ms)",isInteger:!0,target:this._gifOptions,propertyName:"frequency"})]})]})),(0,s.jsxs)(vr,Object.assign({title:"REPLAY",selection:this.props.globalState},{children:[!this.props.globalState.recorder.isRecording&&(0,s.jsx)(yr,{label:"Start recording",onClick:()=>this.startRecording()}),this.props.globalState.recorder.isRecording&&(0,s.jsx)(No,{value:"Record in progress"}),this.props.globalState.recorder.isRecording&&(0,s.jsx)(yr,{label:"Generate delta file",onClick:()=>this.exportReplay()}),(0,s.jsx)(jr,{label:"Apply delta file",onClick:e=>this.applyDelta(e),accept:".json"})]})),(0,s.jsxs)(vr,Object.assign({title:"SCENE IMPORT",selection:this.props.globalState},{children:[(0,s.jsx)(Vl,{label:"Import animations",accept:"gltf",onClick:e=>this.importAnimations(e)}),(0,s.jsx)(Zr,{label:"Overwrite animations",target:t,propertyName:"overwriteAnimations",onSelect:e=>{t.overwriteAnimations=e,this.forceUpdate()}}),!1===t.overwriteAnimations&&(0,s.jsx)(zs,{label:"Animation merge mode",options:n,target:t,propertyName:"animationGroupLoadingMode"})]})),(0,s.jsxs)(vr,Object.assign({title:"SCENE EXPORT",selection:this.props.globalState},{children:[this._isExporting&&(0,s.jsx)(Cr,{label:"Please wait..exporting",ignoreValue:!0}),!this._isExporting&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(yr,{label:"Export to GLB",onClick:()=>this.exportGLTF()}),(0,s.jsx)(yr,{label:"Export to Babylon",onClick:()=>this.exportBabylon()}),!e.getEngine().premultipliedAlpha&&e.environmentTexture&&e.environmentTexture._prefiltered&&e.activeCamera&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(yr,{label:"Generate .env texture",onClick:()=>this.createEnvTexture()}),(0,s.jsx)(zs,{label:"Image type",options:Xl,target:this._envOptions,propertyName:"imageTypeIndex",onSelect:()=>{this.forceUpdate()}}),this._envOptions.imageTypeIndex>0&&(0,s.jsx)(Ts,{label:"Quality",isInteger:!1,min:0,max:1,target:this._envOptions,propertyName:"imageQuality"})]})]})]})),BABYLON.GLTFFileLoader&&(0,s.jsx)(Gl,{scene:e,globalState:this.props.globalState}),(0,s.jsxs)(vr,Object.assign({title:"REFLECTOR",selection:this.props.globalState},{children:[(0,s.jsx)(Fs,{lockObject:this._lockObject,label:"Hostname",target:this,propertyName:"_reflectorHostname"}),(0,s.jsx)(Ts,{lockObject:this._lockObject,label:"Port",target:this,propertyName:"_reflectorPort",isInteger:!0}),(0,s.jsx)(yr,{label:"Connect",onClick:()=>this.connectReflector()})]}))]}))}}class ql extends mr{constructor(e){super(e)}render(){const e=this.props.globalState;return(0,s.jsx)("div",Object.assign({className:"pane"},{children:(0,s.jsxs)(vr,Object.assign({title:"UI",selection:this.props.globalState},{children:[(0,s.jsx)(Zr,{label:"Only display Euler values",target:e,propertyName:"onlyUseEulers"}),(0,s.jsx)(Zr,{label:"Ignore backfaces when picking",target:e,propertyName:"ignoreBackfacesForPicking"})]}))}))}}var Jl=l(3644),$l={};$l.styleTagTransform=Ir(),$l.setAttributes=Er(),$l.insert=Pr().bind(null,"head"),$l.domAPI=Lr(),$l.insertStyleElement=Tr(),Mr()(Jl.Z,$l),Jl.Z&&Jl.Z.locals&&Jl.Z.locals;class ep extends t.Component{constructor(e){super(e),this._once=!0;let t=void 0===e.initialTab?r.DebugLayerTab.Properties:e.initialTab;if(this.props.globalState){const e=this.props.globalState.validationResults;e&&(e.issues.numErrors||e.issues.numWarnings)&&(t=r.DebugLayerTab.Tools)}this.state={selectedEntity:null,selectedIndex:t}}componentDidMount(){this.props.globalState&&(this._onSelectionChangeObserver=this.props.globalState.onSelectionChangedObservable.add((e=>{this.setState({selectedEntity:e,selectedIndex:r.DebugLayerTab.Properties})})),this._onTabChangedObserver=this.props.globalState.onTabChangedObservable.add((e=>{this.setState({selectedIndex:e})})))}componentWillUnmount(){this.props.globalState&&(this._onSelectionChangeObserver&&this.props.globalState.onSelectionChangedObservable.remove(this._onSelectionChangeObserver),this._onTabChangedObserver&&this.props.globalState.onTabChangedObservable.remove(this._onTabChangedObserver))}changeSelectedTab(e){this.props.globalState&&this.props.globalState.onTabChangedObservable.notifyObservers(e)}renderContent(){return this.props.globalState&&this.props.scene?(0,s.jsxs)(yn,Object.assign({selectedIndex:this.state.selectedIndex,onSelectedIndexChange:e=>this.changeSelectedTab(e)},{children:[(0,s.jsx)(Ul,{title:"Properties",icon:Yn,scene:this.props.scene,selectedEntity:this.state.selectedEntity,globalState:this.props.globalState,onSelectionChangedObservable:this.props.globalState.onSelectionChangedObservable,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable}),(0,s.jsx)(vs,{title:"Debug",icon:Ln,scene:this.props.scene,globalState:this.props.globalState}),(0,s.jsx)(bs,{title:"Statistics",icon:Pn,scene:this.props.scene,globalState:this.props.globalState}),(0,s.jsx)(Kl,{title:"Tools",icon:gr,scene:this.props.scene,globalState:this.props.globalState}),(0,s.jsx)(ql,{title:"Settings",icon:Gn,scene:this.props.scene,globalState:this.props.globalState})]})):null}onClose(){this.props.onClose&&this.props.onClose()}onPopup(){this.props.onPopup&&this.props.onPopup()}render(){return this.props.popupMode?(0,s.jsxs)("div",Object.assign({id:"actionTabs"},{children:[!this.props.noHeader&&(0,s.jsx)(Wl,{title:"INSPECTOR",handleBack:!0,noClose:this.props.noClose,noExpand:this.props.noExpand,noCommands:this.props.noCommands,onClose:()=>this.onClose(),onPopup:()=>this.onPopup(),onSelectionChangedObservable:this.props.globalState?this.props.globalState.onSelectionChangedObservable:void 0}),this.renderContent()]})):(this._once&&(this._once=!1,setTimeout((()=>{const e=document.getElementById("actionTabs");e&&(e.style.width="300px")}),150)),(0,s.jsxs)(Bs,Object.assign({id:"actionTabs",minWidth:300,maxWidth:600,size:{height:"100%"},minHeight:"100%",enable:{top:!1,right:!1,bottom:!1,left:!0,topRight:!1,bottomRight:!1,bottomLeft:!1,topLeft:!1}},{children:[!this.props.noHeader&&(0,s.jsx)(Wl,{title:"INSPECTOR",handleBack:!0,noClose:this.props.noClose,noExpand:this.props.noExpand,noCommands:this.props.noCommands,onClose:()=>this.onClose(),onPopup:()=>this.onPopup(),onSelectionChangedObservable:this.props.globalState?this.props.globalState.onSelectionChangedObservable:void 0}),this.renderContent()]})))}}var tp={prefix:"far",iconName:"eye",icon:[576,512,[128065],"f06e","M160 256C160 185.3 217.3 128 288 128C358.7 128 416 185.3 416 256C416 326.7 358.7 384 288 384C217.3 384 160 326.7 160 256zM288 336C332.2 336 368 300.2 368 256C368 211.8 332.2 176 288 176C287.3 176 286.7 176 285.1 176C287.3 181.1 288 186.5 288 192C288 227.3 259.3 256 224 256C218.5 256 213.1 255.3 208 253.1C208 254.7 208 255.3 208 255.1C208 300.2 243.8 336 288 336L288 336zM95.42 112.6C142.5 68.84 207.2 32 288 32C368.8 32 433.5 68.84 480.6 112.6C527.4 156 558.7 207.1 573.5 243.7C576.8 251.6 576.8 260.4 573.5 268.3C558.7 304 527.4 355.1 480.6 399.4C433.5 443.2 368.8 480 288 480C207.2 480 142.5 443.2 95.42 399.4C48.62 355.1 17.34 304 2.461 268.3C-.8205 260.4-.8205 251.6 2.461 243.7C17.34 207.1 48.62 156 95.42 112.6V112.6zM288 80C222.8 80 169.2 109.6 128.1 147.7C89.6 183.5 63.02 225.1 49.44 256C63.02 286 89.6 328.5 128.1 364.3C169.2 402.4 222.8 432 288 432C353.2 432 406.8 402.4 447.9 364.3C486.4 328.5 512.1 286 526.6 256C512.1 225.1 486.4 183.5 447.9 147.7C406.8 109.6 353.2 80 288 80V80z"]},np={prefix:"far",iconName:"eye-slash",icon:[640,512,[],"f070","M150.7 92.77C195 58.27 251.8 32 320 32C400.8 32 465.5 68.84 512.6 112.6C559.4 156 590.7 207.1 605.5 243.7C608.8 251.6 608.8 260.4 605.5 268.3C592.1 300.6 565.2 346.1 525.6 386.7L630.8 469.1C641.2 477.3 643.1 492.4 634.9 502.8C626.7 513.2 611.6 515.1 601.2 506.9L9.196 42.89C-1.236 34.71-3.065 19.63 5.112 9.196C13.29-1.236 28.37-3.065 38.81 5.112L150.7 92.77zM189.8 123.5L235.8 159.5C258.3 139.9 287.8 128 320 128C390.7 128 448 185.3 448 256C448 277.2 442.9 297.1 433.8 314.7L487.6 356.9C521.1 322.8 545.9 283.1 558.6 256C544.1 225.1 518.4 183.5 479.9 147.7C438.8 109.6 385.2 79.1 320 79.1C269.5 79.1 225.1 97.73 189.8 123.5L189.8 123.5zM394.9 284.2C398.2 275.4 400 265.9 400 255.1C400 211.8 364.2 175.1 320 175.1C319.3 175.1 318.7 176 317.1 176C319.3 181.1 320 186.5 320 191.1C320 202.2 317.6 211.8 313.4 220.3L394.9 284.2zM404.3 414.5L446.2 447.5C409.9 467.1 367.8 480 320 480C239.2 480 174.5 443.2 127.4 399.4C80.62 355.1 49.34 304 34.46 268.3C31.18 260.4 31.18 251.6 34.46 243.7C44 220.8 60.29 191.2 83.09 161.5L120.8 191.2C102.1 214.5 89.76 237.6 81.45 255.1C95.02 286 121.6 328.5 160.1 364.3C201.2 402.4 254.8 432 320 432C350.7 432 378.8 425.4 404.3 414.5H404.3zM192 255.1C192 253.1 192.1 250.3 192.3 247.5L248.4 291.7C258.9 312.8 278.5 328.6 302 333.1L358.2 378.2C346.1 381.1 333.3 384 319.1 384C249.3 384 191.1 326.7 191.1 255.1H192z"]},rp={prefix:"far",iconName:"lightbulb",icon:[384,512,[128161],"f0eb","M112.1 454.3c0 6.297 1.816 12.44 5.284 17.69l17.14 25.69c5.25 7.875 17.17 14.28 26.64 14.28h61.67c9.438 0 21.36-6.401 26.61-14.28l17.08-25.68c2.938-4.438 5.348-12.37 5.348-17.7L272 415.1h-160L112.1 454.3zM192 0C90.02 .3203 16 82.97 16 175.1c0 44.38 16.44 84.84 43.56 115.8c16.53 18.84 42.34 58.23 52.22 91.45c.0313 .25 .0938 .5166 .125 .7823h160.2c.0313-.2656 .0938-.5166 .125-.7823c9.875-33.22 35.69-72.61 52.22-91.45C351.6 260.8 368 220.4 368 175.1C368 78.8 289.2 .0039 192 0zM288.4 260.1c-15.66 17.85-35.04 46.3-49.05 75.89h-94.61c-14.01-29.59-33.39-58.04-49.04-75.88C75.24 236.8 64 206.1 64 175.1C64 113.3 112.1 48.25 191.1 48C262.6 48 320 105.4 320 175.1C320 206.1 308.8 236.8 288.4 260.1zM176 80C131.9 80 96 115.9 96 160c0 8.844 7.156 16 16 16S128 168.8 128 160c0-26.47 21.53-48 48-48c8.844 0 16-7.148 16-15.99S184.8 80 176 80z"]},sp={prefix:"far",iconName:"square",icon:[448,512,[9723,9724,61590,9632],"f0c8","M384 32C419.3 32 448 60.65 448 96V416C448 451.3 419.3 480 384 480H64C28.65 480 0 451.3 0 416V96C0 60.65 28.65 32 64 32H384zM384 80H64C55.16 80 48 87.16 48 96V416C48 424.8 55.16 432 64 432H384C392.8 432 400 424.8 400 416V96C400 87.16 392.8 80 384 80z"]};class ap extends t.Component{constructor(e){super(e)}onClick(){this.props.onClick&&this.props.onClick()}render(){return(0,s.jsxs)("div",Object.assign({className:"title",title:this.props.label,onClick:()=>this.onClick()},{children:[(0,s.jsx)("div",Object.assign({className:"titleIcon"},{children:(0,s.jsx)(An,{icon:this.props.icon,color:this.props.color})})),(0,s.jsx)("div",Object.assign({className:"titleText"},{children:this.props.label||"no name"}))]}))}}class ip 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,s.jsxs)("div",Object.assign({ref:this.extensionRef,className:"extensions",onClick:()=>this.showPopup()},{children:[(0,s.jsx)("div",Object.assign({title:"Additional options",className:"icon"},{children:(0,s.jsx)(An,{icon:Rn})})),(0,s.jsx)("div",Object.assign({ref:e=>{this._popup=e},tabIndex:-1,className:this.state.popupVisible?"popup show":"popup",onBlur:()=>this.setState({popupVisible:!1})},{children:e.map((e=>(0,s.jsx)("div",Object.assign({className:"popupMenu",onClick:()=>e.action(this.props.target)},{children:e.label}),e.label)))}))]}))}}class op extends t.Component{constructor(e){super(e);const t=this.props.mesh;this.state={isBoundingBoxEnabled:t.showBoundingBox,isVisible:this.props.mesh.isVisible}}showBoundingBox(){this.props.mesh.showBoundingBox=!this.state.isBoundingBoxEnabled,this.setState({isBoundingBoxEnabled:!this.state.isBoundingBoxEnabled})}switchVisibility(){const e=!this.state.isVisible;this.setState({isVisible:e}),this.props.mesh.isVisible=e}render(){const e=this.props.mesh,t=this.state.isVisible?(0,s.jsx)(An,{icon:tp}):(0,s.jsx)(An,{icon:np,className:"isNotActive"});return(0,s.jsxs)("div",Object.assign({className:"meshTools"},{children:[(0,s.jsx)(ap,{label:e.name,onClick:()=>this.props.onClick(),icon:In,color:"dodgerblue"}),(0,s.jsx)("div",Object.assign({className:this.state.isBoundingBoxEnabled?"bounding-box selected icon":"bounding-box icon",onClick:()=>this.showBoundingBox(),title:"Show/Hide bounding box"},{children:(0,s.jsx)(An,{icon:sp})})),(0,s.jsx)("div",Object.assign({className:"visibility icon",onClick:()=>this.switchVisibility(),title:"Show/Hide mesh"},{children:t})),(0,s.jsx)(ip,{target:e,extensibilityGroups:this.props.extensibilityGroups})]}))}}class lp extends t.Component{constructor(e){super(e);const t=this.props.camera,n=t.getScene();this.state={isActive:n.activeCamera===t,isGizmoEnabled:t.reservedDataStore&&t.reservedDataStore.cameraGizmo}}setActive(){const e=this.props.camera;e.getScene().activeCamera=e,e.attachControl(!0),this.setState({isActive:!0})}componentDidMount(){const e=this.props.camera.getScene();this._onBeforeRenderObserver=e.onBeforeRenderObservable.add((()=>{const t=this.props.camera;this.state.isActive&&e.activeCameras&&e.activeCameras.length<=1&&e.activeCamera!==t&&t.detachControl();const n=e.activeCamera===t;n!==this.state.isActive&&this.setState({isActive:n})}))}componentWillUnmount(){this._onBeforeRenderObserver&&this.props.camera.getScene().onBeforeRenderObservable.remove(this._onBeforeRenderObserver)}toggleGizmo(){const e=this.props.camera;e.reservedDataStore&&e.reservedDataStore.cameraGizmo?(e.getScene().reservedDataStore&&e.getScene().reservedDataStore.gizmoManager&&e.getScene().reservedDataStore.gizmoManager.attachToMesh(null),this.props.globalState.enableCameraGizmo(e,!1),this.setState({isGizmoEnabled:!1})):(this.props.globalState.enableCameraGizmo(e,!0),this.setState({isGizmoEnabled:!0}))}render(){const e=this.state.isActive?(0,s.jsx)(An,{icon:dr}):(0,s.jsx)(An,{icon:dr,className:"isNotActive"}),t=this.props.camera.getScene(),n=this.state.isGizmoEnabled||this.props.camera&&this.props.camera.reservedDataStore&&this.props.camera.reservedDataStore.cameraGizmo?(0,s.jsx)(An,{icon:Un}):(0,s.jsx)(An,{icon:Un,className:"isNotActive"});return(0,s.jsxs)("div",Object.assign({className:"cameraTools"},{children:[(0,s.jsx)(ap,{label:this.props.camera.name,onClick:()=>this.props.onClick(),icon:kn,color:"green"}),(!t.activeCameras||0===t.activeCameras.length)&&(0,s.jsx)("div",Object.assign({className:"activeCamera icon",onClick:()=>this.setActive(),title:"Set as main camera and attach to controls"},{children:e})),(0,s.jsx)("div",Object.assign({className:"enableGizmo icon",onClick:()=>this.toggleGizmo(),title:"Turn on/off the camera's gizmo"},{children:n})),(0,s.jsx)(ip,{target:this.props.camera,extensibilityGroups:this.props.extensibilityGroups})]}))}}class pp extends t.Component{constructor(e){super(e);const t=this.props.light;this.state={isEnabled:t.isEnabled(),isGizmoEnabled:t.reservedDataStore&&t.reservedDataStore.lightGizmo}}switchIsEnabled(){const e=this.props.light;e.setEnabled(!e.isEnabled()),this.setState({isEnabled:e.isEnabled()})}toggleGizmo(){const e=this.props.light;e.reservedDataStore&&e.reservedDataStore.lightGizmo?(e.getScene().reservedDataStore&&e.getScene().reservedDataStore.gizmoManager&&e.getScene().reservedDataStore.gizmoManager.attachToMesh(null),this.props.globalState.enableLightGizmo(e,!1),this.setState({isGizmoEnabled:!1})):(this.props.globalState.enableLightGizmo(e,!0),this.setState({isGizmoEnabled:!0}))}render(){const e=this.state.isEnabled?(0,s.jsx)(An,{icon:rp}):(0,s.jsx)(An,{icon:rp,className:"isNotActive"}),t=this.state.isGizmoEnabled||this.props.light&&this.props.light.reservedDataStore&&this.props.light.reservedDataStore.lightGizmo?(0,s.jsx)(An,{icon:Un}):(0,s.jsx)(An,{icon:Un,className:"isNotActive"});return(0,s.jsxs)("div",Object.assign({className:"lightTools"},{children:[(0,s.jsx)(ap,{label:this.props.light.name,onClick:()=>this.props.onClick(),icon:Xn,color:"yellow"}),(0,s.jsx)("div",Object.assign({className:"visibility icon",onClick:()=>this.switchIsEnabled(),title:"Turn on/off the light"},{children:e})),(0,s.jsx)("div",Object.assign({className:"enableGizmo icon",onClick:()=>this.toggleGizmo(),title:"Turn on/off the light's gizmo"},{children:t})),(0,s.jsx)(ip,{target:this.props.light,extensibilityGroups:this.props.extensibilityGroups})]}))}}class cp extends t.Component{constructor(e){super(e)}render(){const e="NodeMaterial"===this.props.material.getClassName()?(0,s.jsx)("div",Object.assign({className:"icon",onClick:()=>{this.props.material.edit()},title:"Node Material Editor",color:"white"},{children:(0,s.jsx)(An,{icon:er})})):null;return(0,s.jsxs)("div",Object.assign({className:"materialTools"},{children:[(0,s.jsx)(ap,{label:this.props.material.name,onClick:()=>this.props.onClick(),icon:Nn,color:"orange"}),(0,s.jsx)(ip,{target:this.props.material,extensibilityGroups:this.props.extensibilityGroups}),e]}))}}class dp extends t.Component{constructor(e){super(e)}render(){return(0,s.jsxs)("div",Object.assign({className:"textureTools"},{children:[(0,s.jsx)(ap,{label:this.props.texture.name,onClick:()=>this.props.onClick(),icon:Zn,color:"mediumpurple"}),(0,s.jsx)(ip,{target:this.props.texture,extensibilityGroups:this.props.extensibilityGroups})]}))}}class hp extends t.Component{constructor(e){super(e)}render(){const e=this.props.transformNode;return(0,s.jsxs)("div",Object.assign({className:"transformNodeTools"},{children:[(0,s.jsx)(ap,{label:e.name,onClick:()=>this.props.onClick(),icon:Bn,color:"cornflowerblue"}),(0,s.jsx)(ip,{target:e,extensibilityGroups:this.props.extensibilityGroups})]}))}}class up extends t.Component{constructor(e){super(e);const t=this.props.control;this.state={isActive:t.isHighlighted,isVisible:t.isVisible}}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}render(){const e=this.props.control,t=(e.name||"No name")+` [${e.getClassName()}]`,n=this.state.isActive?(0,s.jsx)(An,{icon:Vn}):(0,s.jsx)(An,{icon:Vn,className:"isNotActive"}),r=this.state.isVisible?(0,s.jsx)(An,{icon:Un}):(0,s.jsx)(An,{icon:Wn,className:"isNotActive"});return(0,s.jsxs)("div",Object.assign({className:"controlTools"},{children:[(0,s.jsx)(ap,{label:t,onClick:()=>this.props.onClick(),icon:$n,color:"greenyellow"}),(0,s.jsx)("div",Object.assign({className:"highlight icon",onClick:()=>this.highlight(),title:"Highlight this control"},{children:n})),(0,s.jsx)("div",Object.assign({className:"visibility icon",onClick:()=>this.switchVisibility(),title:"Show/Hide control"},{children:r})),(0,s.jsx)(ip,{target:e,extensibilityGroups:this.props.extensibilityGroups})]}))}}class gp extends t.Component{constructor(e){super(e),this.state={isInPickingMode:!1}}componentWillUnmount(){const e=this.props.texture;this._onControlPickedObserver&&(e.onControlPickedObservable.remove(this._onControlPickedObserver),this._onControlPickedObserver=null)}onPickingMode(){const e=this.props.texture;this._onControlPickedObserver&&(e.onControlPickedObservable.remove(this._onControlPickedObserver),this._onControlPickedObserver=null),this.state.isInPickingMode||(this._onControlPickedObserver=e.onControlPickedObservable.add((e=>{this.props.onSelectionChangedObservable&&("ScrollViewerWindow"===e.getClassName()&&(e=e.getAscendantOfClass("ScrollViewer")),this.props.onSelectionChangedObservable.notifyObservers(e))}))),this.setState({isInPickingMode:!this.state.isInPickingMode})}render(){return(0,s.jsxs)("div",Object.assign({className:"adtextureTools"},{children:[(0,s.jsx)(ap,{label:this.props.texture.name,onClick:()=>this.props.onClick(),icon:Zn,color:"mediumpurple"}),(0,s.jsx)("div",Object.assign({className:"icon edit",onClick:()=>ho(this.props.texture),title:"Edit"},{children:(0,s.jsx)(An,{icon:er})})),(0,s.jsx)("div",Object.assign({className:this.state.isInPickingMode?"pickingMode selected icon":"pickingMode icon",onClick:()=>this.onPickingMode(),title:"Turn picking mode on/off"},{children:(0,s.jsx)(An,{icon:_n})})),(0,s.jsx)(ip,{target:this.props.texture,extensibilityGroups:this.props.extensibilityGroups})]}))}}class bp extends t.Component{constructor(e){super(e)}render(){const e=this.props.animationGroup;return(0,s.jsxs)("div",Object.assign({className:"animationGroupTools"},{children:[(0,s.jsx)(ap,{label:e.name,onClick:()=>this.props.onClick(),icon:Qn,color:"cornflowerblue"}),(0,s.jsx)(ip,{target:e,extensibilityGroups:this.props.extensibilityGroups})]}))}}class mp extends t.Component{constructor(e){super(e)}render(){return(0,s.jsxs)("div",Object.assign({className:"postProcessTools"},{children:[(0,s.jsx)(ap,{label:this.props.postProcess.name,onClick:()=>this.props.onClick(),icon:hr,color:"red"}),(0,s.jsx)(ip,{target:this.props.postProcess,extensibilityGroups:this.props.extensibilityGroups})]}))}}class Cp extends t.Component{constructor(e){super(e)}render(){return(0,s.jsxs)("div",Object.assign({className:"postProcessTools"},{children:[(0,s.jsx)(ap,{label:this.props.renderPipeline.name,onClick:()=>this.props.onClick(),icon:hr,color:"orangered"}),(0,s.jsx)(ip,{target:this.props.renderPipeline,extensibilityGroups:this.props.extensibilityGroups})]}))}}class fp extends t.Component{constructor(e){super(e)}render(){const e=this.props.skeleton;return(0,s.jsxs)("div",Object.assign({className:"skeletonTools"},{children:[(0,s.jsx)(ap,{label:e.name||"no name",onClick:()=>this.props.onClick(),icon:sr,color:"gray"}),(0,s.jsx)(ip,{target:e,extensibilityGroups:this.props.extensibilityGroups})]}))}}class vp extends t.Component{constructor(e){super(e)}render(){const e=this.props.bone;return(0,s.jsxs)("div",Object.assign({className:"skeletonTools"},{children:[(0,s.jsx)(ap,{label:e.name||"no name",onClick:()=>this.props.onClick(),icon:Sn,color:"lightgray"}),(0,s.jsx)(ip,{target:e,extensibilityGroups:this.props.extensibilityGroups})]}))}}class Ap extends t.Component{constructor(e){super(e)}render(){return(0,s.jsxs)("div",Object.assign({className:"particleSystemTools"},{children:[(0,s.jsx)(ap,{label:this.props.system.name||"Particle system",onClick:()=>this.props.onClick(),icon:Mn,color:"crimson"}),(0,s.jsx)(ip,{target:this.props.system,extensibilityGroups:this.props.extensibilityGroups})]}))}}class xp extends t.Component{constructor(e){super(e)}render(){return(0,s.jsxs)("div",Object.assign({className:"spriteManagerTools"},{children:[(0,s.jsx)(ap,{label:this.props.spriteManager.name||"No name",onClick:()=>this.props.onClick(),icon:jn,color:"blanchedalmond"}),(0,s.jsx)(ip,{target:this.props.spriteManager,extensibilityGroups:this.props.extensibilityGroups})]}))}}class yp extends t.Component{constructor(e){super(e)}render(){return(0,s.jsxs)("div",Object.assign({className:"spriteTools"},{children:[(0,s.jsx)(ap,{label:this.props.sprite.name||"No name",onClick:()=>this.props.onClick(),icon:Hn,color:"blanchedalmond"}),(0,s.jsx)(ip,{target:this.props.sprite,extensibilityGroups:this.props.extensibilityGroups})]}))}}class jp extends t.Component{constructor(e){super(e)}render(){const e=this.props.targetedAnimation;return(0,s.jsxs)("div",Object.assign({className:"targetedAnimationTools"},{children:[(0,s.jsx)(ap,{label:e.animation.name,onClick:()=>this.props.onClick(),icon:Fn,color:"cornflowerblue"}),(0,s.jsx)(ip,{target:e,extensibilityGroups:this.props.extensibilityGroups})]}))}}class wp extends t.Component{constructor(e){super(e)}render(){const e=this.props.sound;return(0,s.jsxs)("div",Object.assign({className:"soundTools"},{children:[(0,s.jsx)(ap,{label:e.name,onClick:()=>this.props.onClick(),icon:Jn,color:"teal"}),(0,s.jsx)(ip,{target:e,extensibilityGroups:this.props.extensibilityGroups})]}))}}class Op extends t.Component{constructor(e){super(e)}render(){return(0,s.jsxs)("div",Object.assign({className:"effectLayerTools"},{children:[(0,s.jsx)(ap,{label:this.props.layer.name,onClick:()=>this.props.onClick(),icon:or,color:"Plum"}),(0,s.jsx)(ip,{target:this.props.layer,extensibilityGroups:this.props.extensibilityGroups})]}))}}class Sp extends t.Component{constructor(e){super(e)}onClick(){this.props.onClick&&this.props.onClick()}render(){const e=this.props.entity;if(e&&e.getClassName){const t=e.getClassName();if(-1!==t.indexOf("Mesh")){const t=e;return t.isAnInstance||t.getTotalVertices()>0?(0,s.jsx)(op,{globalState:this.props.globalState,extensibilityGroups:this.props.extensibilityGroups,mesh:t,onClick:()=>this.onClick()}):(0,s.jsx)(hp,{extensibilityGroups:this.props.extensibilityGroups,transformNode:e,onClick:()=>this.onClick()})}if(-1!==t.indexOf("SpriteManager"))return(0,s.jsx)(xp,{extensibilityGroups:this.props.extensibilityGroups,spriteManager:e,onClick:()=>this.onClick()});if(-1!==t.indexOf("Sprite"))return(0,s.jsx)(yp,{extensibilityGroups:this.props.extensibilityGroups,sprite:e,onClick:()=>this.onClick()});if(-1!==t.indexOf("Skeleton"))return(0,s.jsx)(fp,{extensibilityGroups:this.props.extensibilityGroups,skeleton:e,onClick:()=>this.onClick()});if(-1!==t.indexOf("Bone"))return(0,s.jsx)(vp,{extensibilityGroups:this.props.extensibilityGroups,bone:e,onClick:()=>this.onClick()});if(-1!==t.indexOf("TransformNode"))return(0,s.jsx)(hp,{extensibilityGroups:this.props.extensibilityGroups,transformNode:e,onClick:()=>this.onClick()});if(-1!==t.indexOf("Camera"))return(0,s.jsx)(lp,{globalState:this.props.globalState,extensibilityGroups:this.props.extensibilityGroups,camera:e,onClick:()=>this.onClick()});if(-1!==t.indexOf("Light",t.length-5))return(0,s.jsx)(pp,{globalState:this.props.globalState,extensibilityGroups:this.props.extensibilityGroups,light:e,onClick:()=>this.onClick()});if(-1!==t.indexOf("Material"))return(0,s.jsx)(cp,{extensibilityGroups:this.props.extensibilityGroups,material:e,onClick:()=>this.onClick()});if(-1!==t.indexOf("ParticleSystem"))return(0,s.jsx)(Ap,{extensibilityGroups:this.props.extensibilityGroups,system:e,onClick:()=>this.onClick()});if("AdvancedDynamicTexture"===t)return(0,s.jsx)(gp,{onSelectionChangedObservable:this.props.globalState.onSelectionChangedObservable,extensibilityGroups:this.props.extensibilityGroups,texture:e,onClick:()=>this.onClick()});if("AnimationGroup"===t)return(0,s.jsx)(bp,{extensibilityGroups:this.props.extensibilityGroups,animationGroup:e,onClick:()=>this.onClick()});if("TargetedAnimation"===t)return(0,s.jsx)(jp,{extensibilityGroups:this.props.extensibilityGroups,targetedAnimation:e,onClick:()=>this.onClick()});if(-1!==t.indexOf("Texture"))return(0,s.jsx)(dp,{extensibilityGroups:this.props.extensibilityGroups,texture:e,onClick:()=>this.onClick()});if(-1!==t.indexOf("RenderingPipeline"))return(0,s.jsx)(Cp,{extensibilityGroups:this.props.extensibilityGroups,renderPipeline:e,onClick:()=>this.onClick()});if(-1!==t.indexOf("PostProcess"))return(0,s.jsx)(mp,{extensibilityGroups:this.props.extensibilityGroups,postProcess:e,onClick:()=>this.onClick()});if(-1!==t.indexOf("Layer"))return(0,s.jsx)(Op,{extensibilityGroups:this.props.extensibilityGroups,layer:e,onClick:()=>this.onClick()});if(-1!==t.indexOf("Sound"))return(0,s.jsx)(wp,{extensibilityGroups:this.props.extensibilityGroups,sound:e,onClick:()=>this.onClick()});if(e._host)return(0,s.jsx)(up,{extensibilityGroups:this.props.extensibilityGroups,control:e,onClick:()=>this.onClick()})}return(0,s.jsx)("div",Object.assign({className:"meshTools"},{children:(0,s.jsx)(ap,{label:e.name,onClick:()=>this.onClick(),icon:zn,color:"cornflowerblue"})}))}}class Mp{static LookForItem(e,t){if(e===t)return!0;const n=e.getChildren?e.getChildren():e.children;if(n&&"MultiMaterial"!==e.getClassName())for(const e of n)if(Mp.LookForItem(e,t))return!0;return!1}static _RecursiveRemoveHiddenMeshesAndHoistChildren(e){const t=[];for(const n of e)n.reservedDataStore&&n.reservedDataStore.hidden&&n.getChildMeshes?Mp._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=Mp._RecursiveRemoveHiddenMeshesAndHoistChildren(t);return e&&e.reservedDataStore&&e.reservedDataStore.detachedChildren&&n.push(...e.reservedDataStore.detachedChildren),n.sort(((e,t)=>{const n=(e.name||"").toLowerCase(),r=(t.name||"").toLowerCase();return n===r?0:n>r?1:-1}))}}class Np extends t.Component{constructor(e){super(e),this._wasSelected=!1,this.state={isSelected:this.props.entity===this.props.selectedEntity,isExpanded:this.props.mustExpand||Mp.LookForItem(this.props.entity,this.props.selectedEntity)}}switchExpandedState(){this.setState({isExpanded:!this.state.isExpanded})}shouldComponentUpdate(e,t){if(!t.isExpanded&&this.state.isExpanded)return!0;if(e.selectedEntity){if(e.entity===e.selectedEntity)return t.isSelected=!0,!0;if(t.isSelected=!1,Mp.LookForItem(e.entity,e.selectedEntity))return t.isExpanded=!0,!0}return!0}scrollIntoView(){const e=n.findDOMNode(this);e&&e.scrollIntoView(!1)}componentDidMount(){this.state.isSelected&&this.scrollIntoView()}componentDidUpdate(){this.state.isSelected&&!this._wasSelected&&this.scrollIntoView(),this._wasSelected=!1}onSelect(){if(!this.props.globalState.onSelectionChangedObservable)return;this._wasSelected=!0;const e=this.props.entity;this.props.globalState.onSelectionChangedObservable.notifyObservers(e)}renderChildren(){const e=this.props.entity;return(e.getChildren||e.children)&&this.state.isExpanded?Mp.SortAndFilter(e,e.getChildren?e.getChildren():e.children).map(((e,t)=>(0,s.jsx)(Np,{globalState:this.props.globalState,mustExpand:this.props.mustExpand,extensibilityGroups:this.props.extensibilityGroups,selectedEntity:this.props.selectedEntity,offset:this.props.offset+2,entity:e,filter:this.props.filter},t))):null}render(){const e={paddingLeft:10*(this.props.offset+.5)+"px"},t=this.props.entity,n=this.state.isExpanded?(0,s.jsx)(An,{icon:qn}):(0,s.jsx)(An,{icon:tr}),r=("MultiMaterial"===t.getClassName()?[]:Mp.SortAndFilter(t,t.getChildren?t.getChildren():t.children)).length>0;if(t.reservedDataStore||(t.reservedDataStore={}),t.reservedDataStore.setExpandedState=e=>{this.setState({isExpanded:e})},t.reservedDataStore.isExpanded=this.state.isExpanded,this.props.filter){const e=this.props.filter.toLowerCase();if(!t.name||-1===t.name.toLowerCase().indexOf(e)){if(!r)return null;if(t.getDescendants&&0===t.getDescendants(!1,(t=>t.name&&-1!==t.name.toLowerCase().indexOf(e))).length)return null}}return(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",Object.assign({className:this.state.isSelected?"itemContainer selected":"itemContainer",style:e},{children:[r&&(0,s.jsx)("div",Object.assign({className:"arrow icon",onClick:()=>this.switchExpandedState()},{children:n})),(0,s.jsx)(Sp,{globalState:this.props.globalState,extensibilityGroups:this.props.extensibilityGroups,label:t.name,entity:t,onClick:()=>this.onSelect()})]})),this.renderChildren()]})}}var Lp=l(7207);class kp extends t.Component{constructor(e){super(e)}expandAll(){this.props.onExpandAll(!this.props.isExpanded)}render(){const e=this.props.isExpanded?(0,s.jsx)(An,{icon:qn}):(0,s.jsx)(An,{icon:tr}),t=this.props.isExpanded?(0,s.jsx)(An,{icon:Tn}):(0,s.jsx)(An,{icon:Kn});return(0,s.jsxs)("div",Object.assign({className:"expandableHeader"},{children:[(0,s.jsxs)("div",Object.assign({className:"text"},{children:[(0,s.jsx)("div",Object.assign({className:"arrow icon",onClick:()=>this.props.onClick()},{children:e})),(0,s.jsx)("div",Object.assign({className:"text-value"},{children:this.props.label}))]})),(0,s.jsx)("div",Object.assign({className:"expandAll icon",onClick:()=>this.expandAll(),title:this.props.isExpanded?"Collapse all":"Expand all"},{children:t}))]}))}}class Pp extends t.Component{constructor(e){super(e)}render(){return(0,s.jsx)("div",Object.assign({className:"expandableHeader"},{children:(0,s.jsxs)("div",Object.assign({className:"text"},{children:[(0,s.jsx)("div",Object.assign({className:"arrow icon"},{children:(0,s.jsx)(An,{icon:On})})),(0,s.jsx)("div",Object.assign({className:"text-value"},{children:this.props.label}))]}))}))}}class Dp extends t.Component{constructor(e){super(e),this.state={isExpanded:!1,mustExpand:!1}}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&&e.selectedEntity)for(const r of n)if(Mp.LookForItem(r,e.selectedEntity))return t.isExpanded=!0,!0;return!0}expandAll(e){this.setState({isExpanded:e,mustExpand:e})}renderContextMenu(){return this.props.contextMenuItems?(0,s.jsx)(Lp.xV,Object.assign({id:"contextmenu#"+Dp._ContextMenuUniqueIdGenerator++,className:"context-menu"},{children:this.props.contextMenuItems.map((e=>(0,s.jsx)(Lp.sN,Object.assign({onClick:()=>e.action()},{children:e.label}),e.label)))})):(Dp._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,s.jsx)("div",Object.assign({className:"groupContainer",style:t},{children:(0,s.jsx)("div",{children:this.props.label})}));e=[]}if(!e.length)return(0,s.jsx)("div",Object.assign({className:"groupContainer",style:t},{children:(0,s.jsxs)(Lp.W4,Object.assign({id:"contextmenu#"+Dp._ContextMenuUniqueIdGenerator},{children:[this.renderContextMenu(),(0,s.jsx)(Pp,{label:this.props.label})]}))}));if(!this.state.isExpanded)return(0,s.jsx)("div",Object.assign({className:"groupContainer",style:t},{children:(0,s.jsxs)(Lp.W4,Object.assign({id:"contextmenu#"+Dp._ContextMenuUniqueIdGenerator},{children:[this.renderContextMenu(),(0,s.jsx)(kp,{isExpanded:!1,label:this.props.label,onClick:()=>this.switchExpandedState(),onExpandAll:e=>this.expandAll(e)})]}))}));const n=Mp.SortAndFilter(null,e);return(0,s.jsxs)("div",{children:[(0,s.jsx)("div",Object.assign({className:"groupContainer",style:t},{children:(0,s.jsxs)(Lp.W4,Object.assign({id:"contextmenu#"+Dp._ContextMenuUniqueIdGenerator},{children:[this.renderContextMenu(),(0,s.jsx)(kp,{isExpanded:this.state.isExpanded,label:this.props.label,onClick:()=>this.switchExpandedState(),onExpandAll:e=>this.expandAll(e)})]}))})),n.map((e=>(0,s.jsx)(Np,{mustExpand:this.state.mustExpand,extensibilityGroups:this.props.extensibilityGroups,offset:this.props.offset+1,selectedEntity:this.props.selectedEntity,entity:e,globalState:this.props.globalState,filter:this.props.filter},void 0!==e.uniqueId&&null!==e.uniqueId?e.uniqueId:e.name)))]})}}Dp._ContextMenuUniqueIdGenerator=0;class Ep{}class Bp extends t.Component{constructor(e){super(e),this._posDragEnd=null,this._scaleDragEnd=null,this._rotateDragEnd=null;const t=this.props.scene;let n=0;if(t.reservedDataStore&&t.reservedDataStore.gizmoManager){const e=t.reservedDataStore.gizmoManager;e.positionGizmoEnabled?n=1:e.rotationGizmoEnabled?n=2:e.scaleGizmoEnabled?n=3:e.boundingBoxGizmoEnabled&&(n=4),e.enableAutoPicking=!1}this.state={isSelected:!1,isInPickingMode:!1,gizmoMode:n}}shouldComponentUpdate(e,t){if(e.selectedEntity){if(e.scene===e.selectedEntity)return t.isSelected=!0,!0;t.isSelected=!1}return this.updateGizmoAutoPicking(t.isInPickingMode),!0}updateGizmoAutoPicking(e){const t=this.props.scene;t.reservedDataStore&&t.reservedDataStore.gizmoManager&&(t.reservedDataStore.gizmoManager.enableAutoPicking=e)}componentDidMount(){if(!this.props.onSelectionChangedObservable)return;const e=this.props.scene;this._onSelectionChangeObserver=this.props.onSelectionChangedObservable.add((t=>{if(this._selectedEntity=t,t&&e.reservedDataStore&&e.reservedDataStore.gizmoManager){const n=e.reservedDataStore.gizmoManager,r=t.getClassName();"TransformNode"===r||-1!==r.indexOf("Mesh")?n.attachToMesh(t):-1!==r.indexOf("Light")?(this._selectedEntity.reservedDataStore&&this._selectedEntity.reservedDataStore.lightGizmo||(this.props.globalState.enableLightGizmo(this._selectedEntity,!0),this.forceUpdate()),n.attachToNode(this._selectedEntity.reservedDataStore.lightGizmo.attachedNode)):-1!==r.indexOf("Camera")?(this._selectedEntity.reservedDataStore&&this._selectedEntity.reservedDataStore.cameraGizmo||(this.props.globalState.enableCameraGizmo(this._selectedEntity,!0),this.forceUpdate()),n.attachToNode(this._selectedEntity.reservedDataStore.cameraGizmo.attachedNode)):-1!==r.indexOf("Bone")?n.attachToMesh(this._selectedEntity._linkedTransformNode?this._selectedEntity._linkedTransformNode:this._selectedEntity):n.attachToNode(null)}}))}componentWillUnmount(){const e=this.props.scene;this._onPointerObserver&&(e.onPointerObservable.remove(this._onPointerObserver),this._onPointerObserver=null),this._gizmoLayerOnPointerObserver&&(e.onPointerObservable.remove(this._gizmoLayerOnPointerObserver),this._gizmoLayerOnPointerObserver=null),this._onSelectionChangeObserver&&this.props.onSelectionChangedObservable&&this.props.onSelectionChangedObservable.remove(this._onSelectionChangeObserver)}onSelect(){if(!this.props.onSelectionChangedObservable)return;const e=this.props.scene;this.props.onSelectionChangedObservable.notifyObservers(e)}onPickingMode(){const e=this.props.scene;this._onPointerObserver&&(e.onPointerObservable.remove(this._onPointerObserver),this._onPointerObserver=null),this.state.isInPickingMode||(this._onPointerObserver=e.onPointerObservable.add((()=>{const t=e.unTranslatedPointer,n=e.pick(t.x,t.y,(e=>e.isEnabled()&&e.isVisible&&e.getTotalVertices()>0),!1,void 0,((e,t,n,s)=>{if(!this.props.globalState.ignoreBackfacesForPicking)return!0;const a=r.TmpVectors.Vector3[0],i=r.TmpVectors.Vector3[1];let o=r.TmpVectors.Vector3[2];return t.subtractToRef(e,a),n.subtractToRef(t,i),o=r.Vector3.Cross(a,i),r.Vector3.Dot(o,s.direction)<0}));if(this.props.globalState.lightGizmos.length>0){const e=this.props.globalState.lightGizmos[0].gizmoLayer.utilityLayerScene.pick(t.x,t.y,(e=>{for(const t of this.props.globalState.lightGizmos)if(t.attachedNode==e)return!0;return!1}));if(e&&e.hit&&this.props.onSelectionChangedObservable)return void this.props.onSelectionChangedObservable.notifyObservers(e.pickedMesh)}if(this.props.globalState.cameraGizmos.length>0){const e=this.props.globalState.cameraGizmos[0].gizmoLayer.utilityLayerScene.pick(t.x,t.y,(e=>{for(const t of this.props.globalState.cameraGizmos)if(t.attachedNode==e)return!0;return!1}));if(e&&e.hit&&this.props.onSelectionChangedObservable)return void this.props.onSelectionChangedObservable.notifyObservers(e.pickedMesh)}n&&n.hit&&this.props.onSelectionChangedObservable&&this.props.onSelectionChangedObservable.notifyObservers(n.pickedMesh)}),r.PointerEventTypes.POINTERTAP)),this.setState({isInPickingMode:!this.state.isInPickingMode})}setGizmoMode(e){const t=this.props.scene;t.reservedDataStore||(t.reservedDataStore={}),this._gizmoLayerOnPointerObserver&&(t.onPointerObservable.remove(this._gizmoLayerOnPointerObserver),this._gizmoLayerOnPointerObserver=null),t.reservedDataStore.gizmoManager||(t.reservedDataStore.gizmoManager=new r.GizmoManager(t));const n=t.reservedDataStore.gizmoManager;if(this._gizmoLayerOnPointerObserver=r.UtilityLayerRenderer.DefaultUtilityLayer.utilityLayerScene.onPointerObservable.add((e=>{if(e.type==r.PointerEventTypes.POINTERDOWN&&e.pickInfo&&e.pickInfo.pickedMesh){let t=e.pickInfo.pickedMesh;for(;t&&null!=t.parent;)t=t.parent;for(const e of this.props.globalState.lightGizmos)e._rootMesh==t&&n.attachToNode(e.attachedNode)}})),n.boundingBoxGizmoEnabled=!1,n.positionGizmoEnabled=!1,n.rotationGizmoEnabled=!1,n.scaleGizmoEnabled=!1,this.state.gizmoMode===e)e=0,n.dispose(),t.reservedDataStore.gizmoManager=null;else{switch(e){case 1:n.positionGizmoEnabled=!0,this._posDragEnd||(this._posDragEnd=n.gizmos.positionGizmo.onDragEndObservable.add((()=>{if(n.gizmos.positionGizmo&&n.gizmos.positionGizmo.attachedNode){const t=n.gizmos.positionGizmo.attachedNode.reservedDataStore?n.gizmos.positionGizmo.attachedNode.reservedDataStore.lightGizmo:null,r=t&&t.light?t.light:n.gizmos.positionGizmo.attachedNode;if(r.position)(e=new Ep).object=r,e.property="position",e.value=r.position,this.props.globalState.onPropertyChangedObservable.notifyObservers(e);else{const t=n.gizmos.positionGizmo.attachedNode.reservedDataStore?n.gizmos.positionGizmo.attachedNode.reservedDataStore.cameraGizmo:null,r=t&&t.camera?t.camera:n.gizmos.positionGizmo.attachedNode;var e;r.position&&((e=new Ep).object=r,e.property="position",e.value=r.position,this.props.globalState.onPropertyChangedObservable.notifyObservers(e))}}})));break;case 2:n.rotationGizmoEnabled=!0,this._rotateDragEnd||(this._rotateDragEnd=n.gizmos.rotationGizmo.onDragEndObservable.add((()=>{if(n.gizmos.rotationGizmo&&n.gizmos.rotationGizmo.attachedNode){const t=n.gizmos.rotationGizmo.attachedNode.reservedDataStore?n.gizmos.rotationGizmo.attachedNode.reservedDataStore.lightGizmo:null,r=t&&t.light?t.light:n.gizmos.rotationGizmo.attachedNode,s=n.gizmos.rotationGizmo.attachedNode.reservedDataStore?n.gizmos.rotationGizmo.attachedNode.reservedDataStore.cameraGizmo:null,a=s&&s.camera?s.camera:n.gizmos.rotationGizmo.attachedNode;if(r.rotationQuaternion)(e=new Ep).object=r,e.property="rotationQuaternion",e.value=r.rotationQuaternion,this.props.globalState.onPropertyChangedObservable.notifyObservers(e);else if(r.rotation)(e=new Ep).object=r,e.property="rotation",e.value=r.rotation,this.props.globalState.onPropertyChangedObservable.notifyObservers(e);else if(r.direction)(e=new Ep).object=r,e.property="direction",e.value=r.direction,this.props.globalState.onPropertyChangedObservable.notifyObservers(e);else if(a.rotationQuaternion)(e=new Ep).object=a,e.property="rotationQuaternion",e.value=a.rotationQuaternion,this.props.globalState.onPropertyChangedObservable.notifyObservers(e);else if(a.rotation){var e;(e=new Ep).object=a,e.property="rotation",e.value=a.rotation,this.props.globalState.onPropertyChangedObservable.notifyObservers(e)}}})));break;case 3:n.scaleGizmoEnabled=!0,this._scaleDragEnd||(this._scaleDragEnd=n.gizmos.scaleGizmo.onDragEndObservable.add((()=>{if(n.gizmos.scaleGizmo&&n.gizmos.scaleGizmo.attachedMesh){const e=n.gizmos.scaleGizmo.attachedMesh.reservedDataStore?n.gizmos.scaleGizmo.attachedMesh.reservedDataStore.lightGizmo:null,t=e&&e.light?e.light:n.gizmos.scaleGizmo.attachedMesh;if(t.scaling){const e=new Ep;e.object=t,e.property="scaling",e.value=t.scaling,this.props.globalState.onPropertyChangedObservable.notifyObservers(e)}}})));break;case 4:n.boundingBoxGizmoEnabled=!0,n.gizmos.boundingBoxGizmo&&(n.gizmos.boundingBoxGizmo.fixedDragMeshScreenSize=!0)}if(this._selectedEntity&&this._selectedEntity.getClassName){const e=this._selectedEntity.getClassName();"TransformNode"===e||-1!==e.indexOf("Mesh")?n.attachToMesh(this._selectedEntity):-1!==e.indexOf("Light")?(this._selectedEntity.reservedDataStore&&this._selectedEntity.reservedDataStore.lightGizmo||(this.props.globalState.enableLightGizmo(this._selectedEntity,!0),this.forceUpdate()),n.attachToNode(this._selectedEntity.reservedDataStore.lightGizmo.attachedNode)):-1!==e.indexOf("Camera")?(this._selectedEntity.reservedDataStore&&this._selectedEntity.reservedDataStore.cameraGizmo||(this.props.globalState.enableCameraGizmo(this._selectedEntity,!0),this.forceUpdate()),n.attachToNode(this._selectedEntity.reservedDataStore.cameraGizmo.attachedNode)):-1!==e.indexOf("Bone")&&n.attachToMesh(this._selectedEntity._linkedTransformNode?this._selectedEntity._linkedTransformNode:this._selectedEntity)}}this.setState({gizmoMode:e})}render(){return(0,s.jsx)("div",Object.assign({className:this.state.isSelected?"itemContainer selected":"itemContainer"},{children:(0,s.jsxs)("div",Object.assign({className:"sceneNode"},{children:[(0,s.jsxs)("div",Object.assign({className:"sceneTitle",onClick:()=>this.onSelect()},{children:[(0,s.jsx)(An,{icon:Zn})," Scene"]})),(0,s.jsx)("div",Object.assign({className:1===this.state.gizmoMode?"translation selected icon":"translation icon",onClick:()=>this.setGizmoMode(1),title:"Enable/Disable position mode"},{children:(0,s.jsx)(An,{icon:pr})})),(0,s.jsx)("div",Object.assign({className:2===this.state.gizmoMode?"rotation selected icon":"rotation icon",onClick:()=>this.setGizmoMode(2),title:"Enable/Disable rotation mode"},{children:(0,s.jsx)(An,{icon:rr})})),(0,s.jsx)("div",Object.assign({className:3===this.state.gizmoMode?"scaling selected icon":"scaling icon",onClick:()=>this.setGizmoMode(3),title:"Enable/Disable scaling mode"},{children:(0,s.jsx)(An,{icon:Tn})})),(0,s.jsx)("div",Object.assign({className:4===this.state.gizmoMode?"bounding selected icon":"bounding icon",onClick:()=>this.setGizmoMode(4),title:"Enable/Disable bounding box mode"},{children:(0,s.jsx)(An,{icon:cr})})),(0,s.jsx)("div",{className:"separator"}),(0,s.jsx)("div",Object.assign({className:this.state.isInPickingMode?"pickingMode selected icon":"pickingMode icon",onClick:()=>this.onPickingMode(),title:"Turn picking mode on/off"},{children:(0,s.jsx)(An,{icon:_n})})),(0,s.jsx)("div",Object.assign({className:"refresh icon",onClick:()=>this.props.onRefresh(),title:"Refresh the explorer"},{children:(0,s.jsx)(An,{icon:nr})})),(0,s.jsx)(ip,{target:this.props.scene,extensibilityGroups:this.props.extensibilityGroups})]}))}))}}var Tp=l(7831),_p={};_p.styleTagTransform=Ir(),_p.setAttributes=Er(),_p.insert=Pr().bind(null,"head"),_p.domAPI=Lr(),_p.insertStyleElement=Tr(),Mr()(Tp.Z,_p),Tp.Z&&Tp.Z.locals&&Tp.Z.locals;class Ip extends t.Component{constructor(e){super(e)}render(){return(0,s.jsx)("div",Object.assign({className:"filter"},{children:(0,s.jsx)("input",{type:"text",placeholder:"Filter",onChange:e=>this.props.onFilter(e.target.value)})}))}}class zp extends t.Component{constructor(e){super(e),this._mutationTimeout=null,this._once=!0,this._hooked=!1,this.state={filter:null,selectedEntity:null,scene:this.props.scene},this.sceneMutationFunc=this.processMutation.bind(this),this.sceneExplorerRef=t.createRef(),this._onNewSceneObserver=this.props.globalState.onNewSceneObservable.add((e=>{this.setState({scene:e})}))}processMutation(){this.props.globalState.blockMutationUpdates||(null!==this._mutationTimeout&&window.clearTimeout(this._mutationTimeout),this._mutationTimeout=window.setTimeout((()=>{this._mutationTimeout=null,this.forceUpdate()}),32))}componentDidMount(){this._onSelectionChangeObserver=this.props.globalState.onSelectionChangedObservable.add((e=>{this.state.selectedEntity!==e&&this.setState({selectedEntity:e})})),this._onSelectionRenamedObserver=this.props.globalState.onSelectionRenamedObservable.add((()=>{this.forceUpdate()}))}componentWillUnmount(){this._onSelectionChangeObserver&&this.props.globalState.onSelectionChangedObservable.remove(this._onSelectionChangeObserver),this._onSelectionRenamedObserver&&this.props.globalState.onSelectionRenamedObservable.remove(this._onSelectionRenamedObserver),this._onNewSceneAddedObserver&&r.EngineStore.LastCreatedEngine.onNewSceneAddedObservable.remove(this._onNewSceneAddedObserver),this._onNewSceneObserver&&this.props.globalState.onNewSceneObservable.remove(this._onNewSceneObserver);const e=this.state.scene;e.onNewSkeletonAddedObservable.removeCallback(this.sceneMutationFunc),e.onNewCameraAddedObservable.removeCallback(this.sceneMutationFunc),e.onNewLightAddedObservable.removeCallback(this.sceneMutationFunc),e.onNewMaterialAddedObservable.removeCallback(this.sceneMutationFunc),e.onNewMeshAddedObservable.removeCallback(this.sceneMutationFunc),e.onNewTextureAddedObservable.removeCallback(this.sceneMutationFunc),e.onNewTransformNodeAddedObservable.removeCallback(this.sceneMutationFunc),e.onSkeletonRemovedObservable.removeCallback(this.sceneMutationFunc),e.onMeshRemovedObservable.removeCallback(this.sceneMutationFunc),e.onCameraRemovedObservable.removeCallback(this.sceneMutationFunc),e.onLightRemovedObservable.removeCallback(this.sceneMutationFunc),e.onMaterialRemovedObservable.removeCallback(this.sceneMutationFunc),e.onTransformNodeRemovedObservable.removeCallback(this.sceneMutationFunc),e.onTextureRemovedObservable.removeCallback(this.sceneMutationFunc)}filterContent(e){this.setState({filter:e})}findSiblings(e,t,n,r,s){if(!t)return!1;const a=Mp.SortAndFilter(e,t);if(!t||0===a.length)return!1;for(const e of a){if(e===n){if(s.found=!0,!r)return s.previousOne&&this.props.globalState.onSelectionChangedObservable.notifyObservers(s.previousOne),!0}else{if(s.found)return this.props.globalState.onSelectionChangedObservable.notifyObservers(e),!0;s.previousOne=e}if(e.getChildren&&e.reservedDataStore&&e.reservedDataStore.isExpanded&&this.findSiblings(e,e.getChildren(),n,r,s))return!0}return!1}processKeys(e){if(!this.state.selectedEntity)return;const t=this.state.scene;let n=!1,r=!1;if(38===e.keyCode)n=!0;else if(40===e.keyCode)r=!0,n=!0;else{var s;if(13===e.keyCode||39===e.keyCode)return(s=this.state.selectedEntity.reservedDataStore)&&s.setExpandedState&&s.setExpandedState(!0),void e.preventDefault();if(37===e.keyCode)return(s=this.state.selectedEntity.reservedDataStore)&&s.setExpandedState&&s.setExpandedState(!1),void e.preventDefault();46===e.keyCode&&this.state.selectedEntity.dispose()}if(!n)return;e.preventDefault();const a={};this.findSiblings(null,t.rootNodes,this.state.selectedEntity,r,a)||this.findSiblings(null,t.materials,this.state.selectedEntity,r,a)||this.findSiblings(null,t.textures,this.state.selectedEntity,r,a)}renderContent(){const e=this.state.scene;if(!e)return this._onNewSceneAddedObserver=r.EngineStore.LastCreatedEngine.onNewSceneAddedObservable.addOnce((e=>this.setState({scene:e}))),null;this._hooked||(this._hooked=!0,e.onNewSkeletonAddedObservable.add(this.sceneMutationFunc),e.onNewCameraAddedObservable.add(this.sceneMutationFunc),e.onNewLightAddedObservable.add(this.sceneMutationFunc),e.onNewMaterialAddedObservable.add(this.sceneMutationFunc),e.onNewMeshAddedObservable.add(this.sceneMutationFunc),e.onNewTextureAddedObservable.add(this.sceneMutationFunc),e.onNewTransformNodeAddedObservable.add(this.sceneMutationFunc),e.onSkeletonRemovedObservable.add(this.sceneMutationFunc),e.onMeshRemovedObservable.add(this.sceneMutationFunc),e.onCameraRemovedObservable.add(this.sceneMutationFunc),e.onLightRemovedObservable.add(this.sceneMutationFunc),e.onMaterialRemovedObservable.add(this.sceneMutationFunc),e.onTransformNodeRemovedObservable.add(this.sceneMutationFunc),e.onTextureRemovedObservable.add(this.sceneMutationFunc));const t=e.textures.filter((e=>"AdvancedDynamicTexture"===e.getClassName())),n=e.textures.filter((e=>"AdvancedDynamicTexture"!==e.getClassName())),a=e.postProcesses,i=e.postProcessRenderPipelineManager.supportedPipelines,o=[];e.activeCamera&&(i.some((e=>"DefaultRenderingPipeline"===e.getClassName()))||o.push({label:"Add new Default Rendering Pipeline",action:()=>{const t=new r.DefaultRenderingPipeline("Default rendering pipeline",!0,e,e.cameras);this.props.globalState.onSelectionChangedObservable.notifyObservers(t)}}),i.some((e=>"SSAORenderingPipeline"===e.getClassName()))||o.push({label:"Add new SSAO Rendering Pipeline",action:()=>{const t=new r.SSAORenderingPipeline("SSAO rendering pipeline",e,1,e.cameras);this.props.globalState.onSelectionChangedObservable.notifyObservers(t)}}),e.getEngine().getCaps().drawBuffersExtension&&!i.some((e=>"SSAORenderingPipeline"===e.getClassName()))&&o.push({label:"Add new SSAO2 Rendering Pipeline",action:()=>{const t=new r.SSAO2RenderingPipeline("SSAO2 rendering pipeline",e,1,e.cameras);this.props.globalState.onSelectionChangedObservable.notifyObservers(t)}}));const l=[];l.push({label:"Add new point light",action:()=>{const t=new r.PointLight("point light",r.Vector3.Zero(),e);this.props.globalState.onSelectionChangedObservable.notifyObservers(t)}}),l.push({label:"Add new directional light",action:()=>{const t=new r.DirectionalLight("directional light",new r.Vector3(-1,-1,-.5),e);this.props.globalState.onSelectionChangedObservable.notifyObservers(t)}}),l.push({label:"Add new free camera",action:()=>{const t=new r.FreeCamera("free camera",e.activeCamera?e.activeCamera.globalPosition:new r.Vector3(0,0,-5),e);e.activeCamera&&(t.minZ=e.activeCamera.minZ,t.maxZ=e.activeCamera.maxZ,e.activeCamera.getTarget&&t.setTarget(e.activeCamera.getTarget())),this.props.globalState.onSelectionChangedObservable.notifyObservers(t)}});const p=t=>{let n=1;for(;e.getMaterialById(t);)t=t+" "+n++;return t},c=[];c.push({label:"Add new standard material",action:()=>{const t=new r.StandardMaterial(p("Standard material"),e);this.props.globalState.onSelectionChangedObservable.notifyObservers(t)}}),c.push({label:"Add new PBR material",action:()=>{const t=new r.PBRMaterial(p("PBR material"),e);this.props.globalState.onSelectionChangedObservable.notifyObservers(t)}}),c.push({label:"Add new node material",action:()=>{const t=new r.NodeMaterial(p("node material"),e);t.setToDefault(),t.build(),this.props.globalState.onSelectionChangedObservable.notifyObservers(t)}});const d=[];d.push(...e.materials),e.multiMaterials&&e.multiMaterials.length&&d.push(...e.multiMaterials);const h=[];h.push({label:"Add new sprite manager",action:()=>{const t=new r.SpriteManager("Default sprite manager","//playground.babylonjs.com/textures/player.png",500,64,e);this.props.globalState.onSelectionChangedObservable.notifyObservers(t)}});const u=[];u.push({label:"Add new CPU particle system",action:()=>{const t=r.ParticleHelper.CreateDefault(r.Vector3.Zero(),1e4,e);t.name="CPU particle system",t.start(),this.props.globalState.onSelectionChangedObservable.notifyObservers(t)}}),r.GPUParticleSystem.IsSupported&&u.push({label:"Add new GPU particle system",action:()=>{const t=r.ParticleHelper.CreateDefault(r.Vector3.Zero(),1e4,e,!0);t.name="GPU particle system",t.start(),this.props.globalState.onSelectionChangedObservable.notifyObservers(t)}});const g=e.rootNodes.slice(0);for(const t of e.meshes)t.parent&&"Bone"===t.parent.getClassName()&&g.push(t);return(0,s.jsxs)("div",Object.assign({id:"tree",onContextMenu:e=>e.preventDefault()},{children:[(0,s.jsx)(Ip,{onFilter:e=>this.filterContent(e)}),(0,s.jsx)(Bp,{globalState:this.props.globalState,extensibilityGroups:this.props.extensibilityGroups,selectedEntity:this.state.selectedEntity,scene:e,onRefresh:()=>this.forceUpdate(),onSelectionChangedObservable:this.props.globalState.onSelectionChangedObservable}),(0,s.jsx)(Dp,{globalState:this.props.globalState,contextMenuItems:l,extensibilityGroups:this.props.extensibilityGroups,selectedEntity:this.state.selectedEntity,items:g,label:"Nodes",offset:1,filter:this.state.filter}),e.skeletons.length>0&&(0,s.jsx)(Dp,{globalState:this.props.globalState,extensibilityGroups:this.props.extensibilityGroups,selectedEntity:this.state.selectedEntity,items:e.skeletons,label:"Skeletons",offset:1,filter:this.state.filter}),(0,s.jsx)(Dp,{globalState:this.props.globalState,extensibilityGroups:this.props.extensibilityGroups,selectedEntity:this.state.selectedEntity,items:d,contextMenuItems:c,label:"Materials",offset:1,filter:this.state.filter}),(0,s.jsx)(Dp,{globalState:this.props.globalState,extensibilityGroups:this.props.extensibilityGroups,selectedEntity:this.state.selectedEntity,items:n,label:"Textures",offset:1,filter:this.state.filter}),a.length>0&&(0,s.jsx)(Dp,{globalState:this.props.globalState,extensibilityGroups:this.props.extensibilityGroups,selectedEntity:this.state.selectedEntity,items:a,label:"Post-processes",offset:1,filter:this.state.filter}),(0,s.jsx)(Dp,{globalState:this.props.globalState,extensibilityGroups:this.props.extensibilityGroups,contextMenuItems:o,selectedEntity:this.state.selectedEntity,items:i,label:"Rendering pipelines",offset:1,filter:this.state.filter}),e.effectLayers&&e.effectLayers.length>0&&(0,s.jsx)(Dp,{globalState:this.props.globalState,extensibilityGroups:this.props.extensibilityGroups,selectedEntity:this.state.selectedEntity,items:e.effectLayers,label:"Effect layers",offset:1,filter:this.state.filter}),(0,s.jsx)(Dp,{globalState:this.props.globalState,contextMenuItems:u,extensibilityGroups:this.props.extensibilityGroups,selectedEntity:this.state.selectedEntity,items:e.particleSystems,label:"Particle systems",offset:1,filter:this.state.filter}),(0,s.jsx)(Dp,{globalState:this.props.globalState,contextMenuItems:h,forceSubitems:!0,extensibilityGroups:this.props.extensibilityGroups,selectedEntity:this.state.selectedEntity,items:e.spriteManagers,label:"Sprite managers",offset:1,filter:this.state.filter}),t&&t.length>0&&(0,s.jsx)(Dp,{globalState:this.props.globalState,extensibilityGroups:this.props.extensibilityGroups,selectedEntity:this.state.selectedEntity,items:t,label:"GUI",offset:1,filter:this.state.filter}),e.animationGroups.length>0&&(0,s.jsx)(Dp,{globalState:this.props.globalState,extensibilityGroups:this.props.extensibilityGroups,selectedEntity:this.state.selectedEntity,items:e.animationGroups,label:"Animation groups",offset:1,filter:this.state.filter}),e.mainSoundTrack&&e.mainSoundTrack.soundCollection.length>0&&(0,s.jsx)(Dp,{globalState:this.props.globalState,extensibilityGroups:this.props.extensibilityGroups,selectedEntity:this.state.selectedEntity,items:e.mainSoundTrack.soundCollection,label:"Sounds",offset:1,filter:this.state.filter})]}))}onClose(){this.props.onClose&&this.props.onClose()}onPopup(){this.props.onPopup&&this.props.onPopup()}render(){return this.props.popupMode?(0,s.jsxs)("div",Object.assign({id:"sceneExplorer",tabIndex:0,onKeyDown:e=>this.processKeys(e)},{children:[!this.props.noHeader&&(0,s.jsx)(Wl,{title:"SCENE EXPLORER",noClose:this.props.noClose,noExpand:this.props.noExpand,noCommands:this.props.noCommands,onClose:()=>this.onClose(),onPopup:()=>this.onPopup()}),this.renderContent()]})):(this._once&&(this._once=!1,setTimeout((()=>{const e=document.getElementById("sceneExplorer");e&&(e.style.width="300px")}),150)),(0,s.jsxs)(Bs,Object.assign({tabIndex:-1,id:"sceneExplorer",ref:this.sceneExplorerRef,size:{height:"100%"},minWidth:300,maxWidth:600,minHeight:"100%",enable:{top:!1,right:!0,bottom:!1,left:!1,topRight:!1,bottomRight:!1,bottomLeft:!1,topLeft:!1},onKeyDown:e=>this.processKeys(e)},{children:[!this.props.noHeader&&(0,s.jsx)(Wl,{title:"SCENE EXPLORER",noClose:this.props.noClose,noExpand:this.props.noExpand,noCommands:this.props.noCommands,onClose:()=>this.onClose(),onPopup:()=>this.onPopup()}),this.renderContent()]})))}}var Rp=l(981),Up={};Up.styleTagTransform=Ir(),Up.setAttributes=Er(),Up.insert=Pr().bind(null,"head"),Up.domAPI=Lr(),Up.insertStyleElement=Tr(),Mr()(Rp.Z,Up),Rp.Z&&Rp.Z.locals&&Rp.Z.locals;const Wp=l(7654).Z;class Yp extends t.Component{constructor(e){super(e),this._once=!0,this.splitRef=t.createRef(),this.topPartRef=t.createRef(),this.bottomPartRef=t.createRef()}componentDidMount(){this.splitRef.current&&Wp([this.topPartRef.current,this.bottomPartRef.current],{direction:"vertical",minSize:[200,200],gutterSize:4})}renderContent(){return this.props.popupMode?(0,s.jsxs)("div",Object.assign({id:"split",className:"splitPopup"},{children:[(0,s.jsx)("div",Object.assign({id:"topPart"},{children:(0,s.jsx)(zp,{scene:this.props.scene,extensibilityGroups:this.props.extensibilityGroups,popupMode:!0,globalState:this.props.globalState,noHeader:!0})})),(0,s.jsx)("div",{id:"separator"}),(0,s.jsx)("div",Object.assign({id:"bottomPart",style:{marginTop:"4px",overflow:"hidden"}},{children:(0,s.jsx)(ep,{scene:this.props.scene,popupMode:!0,globalState:this.props.globalState,noHeader:!0,initialTab:this.props.initialTab})}))]})):(0,s.jsxs)("div",Object.assign({ref:this.splitRef,id:"split",className:"noPopup"},{children:[(0,s.jsx)("div",Object.assign({id:"topPart",ref:this.topPartRef},{children:(0,s.jsx)(zp,{scene:this.props.scene,extensibilityGroups:this.props.extensibilityGroups,globalState:this.props.globalState,popupMode:!0,noHeader:!0})})),(0,s.jsx)("div",Object.assign({id:"bottomPart",ref:this.bottomPartRef,style:{marginTop:"4px",overflow:"hidden"}},{children:(0,s.jsx)(ep,{scene:this.props.scene,globalState:this.props.globalState,popupMode:!0,noHeader:!0,initialTab:this.props.initialTab})}))]}))}render(){return this.props.popupMode?(0,s.jsxs)("div",Object.assign({id:"embed"},{children:[(0,s.jsx)(Wl,{title:"INSPECTOR",noClose:this.props.noClose,noExpand:this.props.noExpand,handleBack:!0,onClose:()=>this.props.onClose(),onPopup:()=>this.props.onPopup(),onSelectionChangedObservable:this.props.globalState.onSelectionChangedObservable}),this.renderContent()]})):(this._once&&(this._once=!1,setTimeout((()=>{const e=document.getElementById("embed");e&&(e.style.width="300px")}),150)),(0,s.jsxs)(Bs,Object.assign({id:"embed",minWidth:300,maxWidth:600,size:{height:"100%"},minHeight:"100%",enable:{top:!1,right:!1,bottom:!1,left:!0,topRight:!1,bottomRight:!1,bottomLeft:!1,topLeft:!1}},{children:[(0,s.jsx)(Wl,{title:"INSPECTOR",noClose:this.props.noClose,noExpand:this.props.noExpand,handleBack:!0,onClose:()=>this.props.onClose(),onPopup:()=>this.props.onPopup(),onSelectionChangedObservable:this.props.globalState.onSelectionChangedObservable}),this.renderContent()]})))}}class Fp{constructor(){this._sceneRecorder=new r.SceneRecorder,this._isRecording=!1}get isRecording(){return this._isRecording}cancel(){this._isRecording=!1}trackScene(e){this._sceneRecorder.track(e),this._isRecording=!0}applyDelta(e,t){r.SceneRecorder.ApplyDelta(e,t),this._isRecording=!1}export(){const e=JSON.stringify(this._sceneRecorder.getDelta());r.Tools.Download(new Blob([e]),"diff.json"),this._isRecording=!1}}class Gp{static MarkLineContainerTitleForHighlighting(e){this._GlobalState.selectedLineContainerTitles=[],this._GlobalState.selectedLineContainerTitles.push(e)}static MarkMultipleLineContainerTitlesForHighlighting(e){this._GlobalState.selectedLineContainerTitles=[],this._GlobalState.selectedLineContainerTitles.push(...e)}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){}}}static _CreateSceneExplorer(e,r,s){if(r.original&&(r={original:!1,popup:r.popup,overlay:r.overlay,showExplorer:r.showExplorer,showInspector:r.showInspector,embedMode:r.embedMode,handleResize:r.handleResize,enablePopup:r.enablePopup,enableClose:r.enableClose,explorerExtensibility:r.explorerExtensibility}),s&&(this._SceneExplorerHost=s.ownerDocument.createElement("div"),this._SceneExplorerHost.id="scene-explorer-host",this._SceneExplorerHost.style.width=r.explorerWidth||"auto",r.popup?s.appendChild(this._SceneExplorerHost):s.insertBefore(this._SceneExplorerHost,this._NewCanvasContainer),r.overlay||(this._SceneExplorerHost.style.position="relative")),this._SceneExplorerHost){this._OpenedPane++;const s=t.createElement(zp,{scene:e,globalState:this._GlobalState,extensibilityGroups:r.explorerExtensibility,noClose:!r.enableClose,noExpand:!r.enablePopup,popupMode:r.popup,onPopup:()=>{n.unmountComponentAtNode(this._SceneExplorerHost),this._RemoveElementFromDOM(this._SceneExplorerHost),r.popup&&this._SceneExplorerWindow.close(),r.popup=!r.popup,r.showExplorer=!0,r.showInspector=!1,r.explorerWidth=r.popup?"100%":"300px",Gp.Show(e,r)},onClose:()=>{n.unmountComponentAtNode(this._SceneExplorerHost),Gp._OpenedPane--,this._RemoveElementFromDOM(this._SceneExplorerHost),this._Cleanup(),r.popup&&this._SceneExplorerWindow.close(),this._GlobalState.onSceneExplorerClosedObservable.notifyObservers()}});n.render(s,this._SceneExplorerHost)}}static _CreateActionTabs(e,r,s){if(r.original=!1,s){const e=s.ownerDocument.createElement("div");e.id="inspector-host",e.style.width=r.inspectorWidth||"auto",s.appendChild(e),this._ActionTabsHost=e,r.overlay||(this._ActionTabsHost.style.position="relative")}if(this._ActionTabsHost){this._OpenedPane++;const s=t.createElement(ep,{globalState:this._GlobalState,scene:e,noClose:!r.enableClose,noExpand:!r.enablePopup,popupMode:r.popup,onPopup:()=>{n.unmountComponentAtNode(this._ActionTabsHost),this._RemoveElementFromDOM(this._ActionTabsHost),r.popup&&this._ActionTabsWindow.close(),r.popup=!r.popup,r.showExplorer=!1,r.showInspector=!0,r.inspectorWidth=r.popup?"100%":"300px",Gp.Show(e,r)},onClose:()=>{n.unmountComponentAtNode(this._ActionTabsHost),Gp._OpenedPane--,this._Cleanup(),this._RemoveElementFromDOM(this._ActionTabsHost),r.popup&&this._ActionTabsWindow.close(),this._GlobalState.onActionTabsClosedObservable.notifyObservers()},initialTab:r.initialTab});n.render(s,this._ActionTabsHost)}}static _CreateEmbedHost(e,r,s,a){if(s){const e=s.ownerDocument.createElement("div");e.id="embed-host",e.style.width=r.embedHostWidth||"auto",s.appendChild(e),this._EmbedHost=e,r.overlay||(this._EmbedHost.style.position="relative")}if(this._EmbedHost){this._OpenedPane++;const s=t.createElement(Yp,{globalState:this._GlobalState,scene:e,extensibilityGroups:r.explorerExtensibility,noExpand:!r.enablePopup,noClose:!r.enableClose,popupMode:r.popup,onPopup:()=>{n.unmountComponentAtNode(this._EmbedHost),r.popup&&this._EmbedHostWindow.close(),this._RemoveElementFromDOM(this._EmbedHost),r.popup=!r.popup,r.embedMode=!0,r.showExplorer=!0,r.showInspector=!0,r.embedHostWidth=r.popup?"100%":"auto",Gp.Show(e,r)},onClose:()=>{n.unmountComponentAtNode(this._EmbedHost),this._OpenedPane=0,this._Cleanup(),this._RemoveElementFromDOM(this._EmbedHost),r.popup&&this._EmbedHostWindow.close(),this._GlobalState.onSceneExplorerClosedObservable.notifyObservers(),this._GlobalState.onActionTabsClosedObservable.notifyObservers()},initialTab:r.initialTab});n.render(s,this._EmbedHost)}}static _CreatePopup(e,t,n=300,r=800,s){const a={width:n,height:r,top:(window.innerHeight-n)/2+window.screenY,left:(window.innerWidth-r)/2+window.screenX},i=Object.keys(a).map((e=>e+"="+a[e])).join(","),o=window.open("",e,i);if(!o)return null;const l=o.document,p=l.createElement("link");p.rel="stylesheet",p.href="https://use.typekit.net/cta4xsb.css",l.head.appendChild(p),l.title=e,l.body.style.width="100%",l.body.style.height="100%",l.body.style.margin="0",l.body.style.padding="0";const c=l.createElement("div");return c.style.width="100%",c.style.height="100%",c.style.margin="0",c.style.padding="0",o.document.body.appendChild(c),this._CopyStyles(window.document,l),s&&setTimeout((()=>{this._CopyStyles(window.document,l)}),0),this[t]=o,c}static get IsVisible(){return this._OpenedPane>0}static EarlyAttachToLoader(){this._GlobalState.onPluginActivatedObserver||(this._GlobalState.onPluginActivatedObserver=r.SceneLoader.OnPluginActivatedObservable.add((e=>{this._GlobalState.resetGLTFValidationResults();const t=e;"gltf"===t.name&&this._GlobalState.prepareGLTFPlugin(t)})))}static Show(e,t){const n=Object.assign({original:!0,popup:!1,overlay:!1,showExplorer:!0,showInspector:!0,embedMode:!1,enableClose:!0,handleResize:!0,enablePopup:!0},t);this._GlobalState.onPropertyChangedObservable||this._GlobalState.init(this.OnPropertyChangedObservable),this._GlobalState.onSelectionChangedObservable||(this._GlobalState.onSelectionChangedObservable=this.OnSelectionChangeObservable),this.IsVisible&&n.original&&this.Hide(),e||(e=r.EngineStore.LastCreatedScene),this._Scene=e;const s=e?e.getEngine().getInputElement():r.EngineStore.LastCreatedEngine.getInputElement();if(n.embedMode&&n.showExplorer&&n.showInspector)if(n.popup)this._CreateEmbedHost(e,n,this._CreatePopup("INSPECTOR","_EmbedHostWindow"),Gp.OnSelectionChangeObservable),this._EmbedHostWindow.addEventListener("beforeunload",(()=>this._GlobalState.onSceneExplorerClosedObservable.notifyObservers())),this._EmbedHostWindow.addEventListener("beforeunload",(()=>this._GlobalState.onActionTabsClosedObservable.notifyObservers()));else{if(!s)return;let t=n.globalRoot?n.globalRoot:s.parentElement;n.overlay||this._NewCanvasContainer?!n.overlay&&this._NewCanvasContainer&&this._NewCanvasContainer.parentElement&&(t=this._NewCanvasContainer.parentElement):this._CreateCanvasContainer(t),this._NewCanvasContainer&&n.handleResize&&e&&(this._OnBeforeRenderObserver=e.onBeforeRenderObservable.add((()=>{e.getEngine().resize()}))),this._CreateEmbedHost(e,n,t,Gp.OnSelectionChangeObservable)}else if(n.popup)n.showExplorer&&(this._SceneExplorerHost&&(this._SceneExplorerHost.style.width="0"),this._CreateSceneExplorer(e,n,this._CreatePopup("SCENE EXPLORER","_SceneExplorerWindow")),this._SceneExplorerWindow.addEventListener("beforeunload",(()=>this._GlobalState.onSceneExplorerClosedObservable.notifyObservers()))),n.showInspector&&(this._ActionTabsHost&&(this._ActionTabsHost.style.width="0"),this._CreateActionTabs(e,n,this._CreatePopup("INSPECTOR","_ActionTabsWindow")),this._ActionTabsWindow.addEventListener("beforeunload",(()=>this._GlobalState.onActionTabsClosedObservable.notifyObservers())));else{let t=n.globalRoot?n.globalRoot:s.parentElement;n.overlay||this._NewCanvasContainer?!n.overlay&&this._NewCanvasContainer&&this._NewCanvasContainer.parentElement&&(t=this._NewCanvasContainer.parentElement):this._CreateCanvasContainer(t),this._NewCanvasContainer&&n.handleResize&&e&&(this._OnBeforeRenderObserver=e.onBeforeRenderObservable.add((()=>{e.getEngine().resize()}))),n.showExplorer&&this._CreateSceneExplorer(e,n,t),n.showInspector&&this._CreateActionTabs(e,n,t)}}static _SetNewScene(e){this._Scene=e,this._GlobalState.onNewSceneObservable.notifyObservers(e)}static _CreateCanvasContainer(e){for(this._NewCanvasContainer=e.ownerDocument.createElement("div"),this._NewCanvasContainer.style.display=e.style.display,e.style.display="flex";e.childElementCount>0;){const t=e.childNodes[0];e.removeChild(t),this._NewCanvasContainer.appendChild(t)}e.appendChild(this._NewCanvasContainer),this._NewCanvasContainer.style.width="100%",this._NewCanvasContainer.style.height="100%"}static _DestroyCanvasContainer(){if(!this._NewCanvasContainer)return;const e=this._NewCanvasContainer.parentElement;for(;this._NewCanvasContainer.childElementCount>0;){const t=this._NewCanvasContainer.childNodes[0];this._NewCanvasContainer.removeChild(t),e.appendChild(t)}e.removeChild(this._NewCanvasContainer),e.style.display=this._NewCanvasContainer.style.display,this._NewCanvasContainer=null}static _Cleanup(){0===Gp._OpenedPane&&(this._GlobalState.lightGizmos.forEach((e=>{e.light&&this._GlobalState.enableLightGizmo(e.light,!1)})),this._GlobalState.cameraGizmos.forEach((e=>{e.camera&&this._GlobalState.enableCameraGizmo(e.camera,!1)})),this._Scene&&this._Scene.reservedDataStore&&this._Scene.reservedDataStore.gizmoManager&&(this._Scene.reservedDataStore.gizmoManager.dispose(),this._Scene.reservedDataStore.gizmoManager=null),this._NewCanvasContainer&&this._DestroyCanvasContainer(),this._OnBeforeRenderObserver&&this._Scene&&(this._Scene.onBeforeRenderObservable.remove(this._OnBeforeRenderObserver),this._OnBeforeRenderObserver=null,this._Scene.getEngine().resize()),this._GlobalState.onInspectorClosedObservable.notifyObservers(this._Scene))}static _RemoveElementFromDOM(e){e&&e.parentElement&&e.parentElement.removeChild(e)}static Hide(){this._ActionTabsHost&&(n.unmountComponentAtNode(this._ActionTabsHost),this._RemoveElementFromDOM(this._ActionTabsHost),this._ActionTabsHost=null,this._GlobalState.onActionTabsClosedObservable.notifyObservers()),this._SceneExplorerHost&&(n.unmountComponentAtNode(this._SceneExplorerHost),this._SceneExplorerHost.parentElement&&this._SceneExplorerHost.parentElement.removeChild(this._SceneExplorerHost),this._SceneExplorerHost=null,this._GlobalState.onSceneExplorerClosedObservable.notifyObservers()),this._EmbedHost&&(n.unmountComponentAtNode(this._EmbedHost),this._EmbedHost.parentElement&&this._EmbedHost.parentElement.removeChild(this._EmbedHost),this._EmbedHost=null,this._GlobalState.onActionTabsClosedObservable.notifyObservers(),this._GlobalState.onSceneExplorerClosedObservable.notifyObservers()),Gp._OpenedPane=0,this._Cleanup(),this._GlobalState.onPluginActivatedObserver||(r.SceneLoader.OnPluginActivatedObservable.remove(this._GlobalState.onPluginActivatedObserver),this._GlobalState.onPluginActivatedObserver=null)}static _CreatePersistentPopup(e,r){this._PersistentPopupHost&&this._ClosePersistentPopup(),this._PersistentPopupHost=r.ownerDocument.createElement("div");const s=t.createElement(qs,e.props,e.children);n.render(s,this._PersistentPopupHost),e.closeWhenSceneExplorerCloses&&(this._OnSceneExplorerClosedObserver=this._GlobalState.onSceneExplorerClosedObservable.add((()=>this._ClosePersistentPopup()))),e.closeWhenActionTabsCloses&&(this._OnActionTabsClosedObserver=this._GlobalState.onActionTabsClosedObservable.add((()=>this._ClosePersistentPopup())))}static _ClosePersistentPopup(){this._PersistentPopupHost&&(n.unmountComponentAtNode(this._PersistentPopupHost),this._PersistentPopupHost.remove(),this._PersistentPopupHost=null),this._OnSceneExplorerClosedObserver&&(this._GlobalState.onSceneExplorerClosedObservable.remove(this._OnSceneExplorerClosedObserver),this._OnSceneExplorerClosedObserver=null),this._OnActionTabsClosedObserver&&(this._GlobalState.onActionTabsClosedObservable.remove(this._OnActionTabsClosedObserver),this._OnActionTabsClosedObserver=null)}}Gp._OpenedPane=0,Gp.OnSelectionChangeObservable=new r.Observable,Gp.OnPropertyChangedObservable=new r.Observable,Gp._GlobalState=new class{constructor(){this.onInspectorClosedObservable=new r.Observable,this.onTabChangedObservable=new r.Observable,this.onSelectionRenamedObservable=new r.Observable,this.onNewSceneObservable=new r.Observable,this.sceneImportDefaults={},this.validationResults=null,this.onValidationResultsUpdatedObservable=new r.Observable,this.glTFLoaderExtensionDefaults={MSFT_lod:{enabled:!0,maxLODsToLoad:10},MSFT_minecraftMesh:{enabled:!0},MSFT_sRGBFactors:{enabled:!0},MSFT_audio_emitter:{enabled:!0},KHR_xmp_json_ld:{enabled:!0},KHR_draco_mesh_compression:{enabled:!0},KHR_mesh_quantization:{enabled:!0},KHR_materials_pbrSpecularGlossiness:{enabled:!0},KHR_materials_clearcoat:{enabled:!0},KHR_materials_emissive_strength:{enabled:!0},KHR_materials_ior:{enabled:!0},KHR_materials_sheen:{enabled:!0},KHR_materials_specular:{enabled:!0},KHR_materials_unlit:{enabled:!0},KHR_materials_variants:{enabled:!0},KHR_materials_transmission:{enabled:!0},KHR_materials_translucency:{enabled:!0},KHR_materials_volume:{enabled:!0},KHR_lights_punctual:{enabled:!0},KHR_texture_basisu:{enabled:!0},KHR_texture_transform:{enabled:!0},EXT_lights_image_based:{enabled:!0},EXT_mesh_gpu_instancing:{enabled:!0},EXT_texture_webp:{enabled:!0}},this.glTFLoaderDefaults={alwaysComputeBoundingBox:!1,alwaysComputeSkeletonRootNode:!1,animationStartMode:void 0!==Fl.GLTFLoaderAnimationStartMode?Fl.GLTFLoaderAnimationStartMode.FIRST:1,capturePerformanceCounters:!1,compileMaterials:!1,compileShadowGenerators:!1,coordinateSystemMode:void 0!==Fl.GLTFLoaderCoordinateSystemMode?Fl.GLTFLoaderCoordinateSystemMode.AUTO:0,createInstances:!0,loadAllMaterials:!1,loggingEnabled:!1,targetFps:60,transparencyAsCoverage:!1,useClipPlane:!1,useSRGBBuffers:!0},this.glTFLoaderExtensions={},this.blockMutationUpdates=!1,this.selectedLineContainerTitles=[],this.selectedLineContainerTitlesNoFocus=[],this.recorder=new Fp,this._onlyUseEulers=null,this._ignoreBackfacesForPicking=null,this.lightGizmos=[],this.cameraGizmos=[],this.onSceneExplorerClosedObservable=new r.Observable,this.onActionTabsClosedObservable=new r.Observable}get onlyUseEulers(){return null===this._onlyUseEulers&&(this._onlyUseEulers=r.DataStorage.ReadBoolean("settings_onlyUseEulers",!0)),this._onlyUseEulers}set onlyUseEulers(e){this._onlyUseEulers=e,r.DataStorage.WriteBoolean("settings_onlyUseEulers",e)}get ignoreBackfacesForPicking(){return null===this._ignoreBackfacesForPicking&&(this._ignoreBackfacesForPicking=r.DataStorage.ReadBoolean("settings_ignoreBackfacesForPicking",!1)),this._ignoreBackfacesForPicking}set ignoreBackfacesForPicking(e){this._ignoreBackfacesForPicking=e,r.DataStorage.WriteBoolean("settings_ignoreBackfacesForPicking",e)}init(e){this.onPropertyChangedObservable=e,this.onNewSceneObservable.add((e=>{this.recorder.cancel()}))}prepareGLTFPlugin(e){this.glTFLoaderExtensions={};const t=this.glTFLoaderDefaults;if(void 0!==t)for(const n in t)e[n]=t[n];e.onExtensionLoadedObservable.add((e=>{const t=this.glTFLoaderExtensionDefaults[e.name];if(void 0!==t)for(const n in t)e[n]=t[n];this.glTFLoaderExtensions[e.name]=e})),e.onValidatedObservable.add((e=>{this.validationResults=e,this.onValidationResultsUpdatedObservable.notifyObservers(e),(e.issues.numErrors||e.issues.numWarnings)&&(this.selectedLineContainerTitlesNoFocus.push("GLTF VALIDATION"),this.onTabChangedObservable.notifyObservers(3))}))}resetGLTFValidationResults(){this.validationResults&&(this.validationResults=null,this.onValidationResultsUpdatedObservable.notifyObservers(null))}enableLightGizmo(e,t=!0){t?(e.reservedDataStore||(e.reservedDataStore={}),e.reservedDataStore.lightGizmo||(e.reservedDataStore.lightGizmo=new r.LightGizmo,this.lightGizmos.push(e.reservedDataStore.lightGizmo),e.reservedDataStore.lightGizmo.light=e,e.reservedDataStore.lightGizmo.material.reservedDataStore={hidden:!0})):e.reservedDataStore&&e.reservedDataStore.lightGizmo&&(this.lightGizmos.splice(this.lightGizmos.indexOf(e.reservedDataStore.lightGizmo),1),e.reservedDataStore.lightGizmo.dispose(),e.reservedDataStore.lightGizmo=null)}enableCameraGizmo(e,t=!0){t?(e.reservedDataStore||(e.reservedDataStore={}),e.reservedDataStore.cameraGizmo||(e.reservedDataStore.cameraGizmo=new r.CameraGizmo,this.cameraGizmos.push(e.reservedDataStore.cameraGizmo),e.reservedDataStore.cameraGizmo.camera=e,e.reservedDataStore.cameraGizmo.material.reservedDataStore={hidden:!0})):e.reservedDataStore&&e.reservedDataStore.cameraGizmo&&(this.cameraGizmos.splice(this.cameraGizmos.indexOf(e.reservedDataStore.cameraGizmo),1),e.reservedDataStore.cameraGizmo.dispose(),e.reservedDataStore.cameraGizmo=null)}},Gp.EarlyAttachToLoader();const Hp=e})(),p.default})()}));
//# sourceMappingURL=babylon.inspector.bundle.js.map