Babylon.js/dist/preview release/inspector/babylon.inspector.bundle.js

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("babylonjs")):"function"==typeof define&&define.amd?define("babylonjs-inspector",["babylonjs"],t):"object"==typeof exports?exports["babylonjs-inspector"]=t(require("babylonjs")):e.INSPECTOR=t(e.BABYLON)}(window,function(e){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=12)}([function(e,t,n){"use strict";e.exports=n(13)},function(e,t,n){"use strict";(function(e){n.d(t,"a",function(){return g});var r=n(8),o=n(2),a=n.n(o),i=n(0),l=n.n(i),s="undefined"!=typeof window?window:void 0!==e?e:"undefined"!=typeof self?self:{};var c=function(e,t){return e(t={exports:{}},t.exports),t.exports}(function(e){!function(t){var n=function(e,t,r){if(!s(t)||p(t)||u(t)||d(t)||l(t))return t;var o,a=0,i=0;if(c(t))for(o=[],i=t.length;a<i;a++)o.push(n(e,t[a],r));else for(var h in o={},t)Object.prototype.hasOwnProperty.call(t,h)&&(o[e(h,r)]=n(e,t[h],r));return o},r=function(e){return h(e)?e:(e=e.replace(/[\-_\s]+(.)?/g,function(e,t){return t?t.toUpperCase():""})).substr(0,1).toLowerCase()+e.substr(1)},o=function(e){var t=r(e);return t.substr(0,1).toUpperCase()+t.substr(1)},a=function(e,t){return function(e,t){var n=(t=t||{}).separator||"_",r=t.split||/(?=[A-Z])/;return e.split(r).join(n)}(e,t).toLowerCase()},i=Object.prototype.toString,l=function(e){return"function"==typeof e},s=function(e){return e===Object(e)},c=function(e){return"[object Array]"==i.call(e)},p=function(e){return"[object Date]"==i.call(e)},u=function(e){return"[object RegExp]"==i.call(e)},d=function(e){return"[object Boolean]"==i.call(e)},h=function(e){return(e-=0)==e},f=function(e,t){var n=t&&"process"in t?t.process:t;return"function"!=typeof n?e:function(t,r){return n(t,e,r)}},b={camelize:r,decamelize:a,pascalize:o,depascalize:a,camelizeKeys:function(e,t){return n(f(r,t),e)},decamelizeKeys:function(e,t){return n(f(a,t),e,t)},pascalizeKeys:function(e,t){return n(f(o,t),e)},depascalizeKeys:function(){return this.decamelizeKeys.apply(this,arguments)}};e.exports?e.exports=b:t.humps=b}(s)}),p="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},u=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},d=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=function(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n},f=function(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)};var b=!1;try{b=!0}catch(e){}function m(e,t){return Array.isArray(t)&&t.length>0||!Array.isArray(t)&&t?u({},e,t):{}}function v(e){return null===e?null:"object"===(void 0===e?"undefined":p(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 g(e){var t=e.icon,n=e.mask,o=e.symbol,a=e.className,i=e.title,l=v(t),s=m("classes",[].concat(f(function(e){var t,n=(t={"fa-spin":e.spin,"fa-pulse":e.pulse,"fa-fw":e.fixedWidth,"fa-inverse":e.inverse,"fa-border":e.border,"fa-li":e.listItem,"fa-flip-horizontal":"horizontal"===e.flip||"both"===e.flip,"fa-flip-vertical":"vertical"===e.flip||"both"===e.flip},u(t,"fa-"+e.size,null!==e.size),u(t,"fa-rotate-"+e.rotation,null!==e.rotation),u(t,"fa-pull-"+e.pull,null!==e.pull),t);return Object.keys(n).map(function(e){return n[e]?e:null}).filter(function(e){return e})}(e)),f(a.split(" ")))),c=m("transform","string"==typeof e.transform?r.b.transform(e.transform):e.transform),p=m("mask",v(n)),h=Object(r.a)(l,d({},s,c,p,{symbol:o,title:i}));if(!h)return function(){var e;!b&&console&&"function"==typeof console.error&&(e=console).error.apply(e,arguments)}("Could not find icon",l),null;var O=h.abstract,C={};return Object.keys(e).forEach(function(t){g.defaultProps.hasOwnProperty(t)||(C[t]=e[t])}),y(O[0],C)}g.displayName="FontAwesomeIcon",g.propTypes={border:a.a.bool,className:a.a.string,mask:a.a.oneOfType([a.a.object,a.a.array,a.a.string]),fixedWidth:a.a.bool,inverse:a.a.bool,flip:a.a.oneOf(["horizontal","vertical","both"]),icon:a.a.oneOfType([a.a.object,a.a.array,a.a.string]),listItem:a.a.bool,pull:a.a.oneOf(["right","left"]),pulse:a.a.bool,rotation:a.a.oneOf([90,180,270]),size:a.a.oneOf(["lg","xs","sm","1x","2x","3x","4x","5x","6x","7x","8x","9x","10x"]),spin:a.a.bool,symbol:a.a.oneOfType([a.a.bool,a.a.string]),title:a.a.string,transform:a.a.oneOfType([a.a.string,a.a.object])},g.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};var y=function e(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if("string"==typeof n)return n;var o=(n.children||[]).map(e.bind(null,t)),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=function(e){return e.split(";").map(function(e){return e.trim()}).filter(function(e){return e}).reduce(function(e,t){var n=t.indexOf(":"),r=c.camelize(t.slice(0,n)),o=t.slice(n+1).trim();return r.startsWith("webkit")?e[function(e){return e.charAt(0).toUpperCase()+e.slice(1)}(r)]=o:e[r]=o,e},{})}(r);break;default:0===t.indexOf("aria-")||0===t.indexOf("data-")?e.attrs[t.toLowerCase()]=r:e.attrs[c.camelize(t)]=r}return e},{attrs:{}}),i=r.style,l=void 0===i?{}:i,s=h(r,["style"]);return a.attrs.style=d({},a.attrs.style,l),t.apply(void 0,[n.tag,d({},a.attrs,s)].concat(f(o)))}.bind(null,l.a.createElement)}).call(this,n(9))},function(e,t,n){e.exports=n(17)()},function(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(14)},function(t,n){t.exports=e},function(e,t){e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var o=function(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}(r),a=r.sources.map(function(e){return"/*# sourceURL="+r.sourceRoot+e+" */"});return[n].concat(a).concat([o]).join("\n")}return[n].join("\n")}(t,e);return t[2]?"@media "+t[2]+"{"+n+"}":n}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},o=0;o<this.length;o++){var a=this[o][0];"number"==typeof a&&(r[a]=!0)}for(o=0;o<e.length;o++){var i=e[o];"number"==typeof i[0]&&r[i[0]]||(n&&!i[2]?i[2]=n:n&&(i[2]="("+i[2]+") and ("+n+")"),t.push(i))}},t}},function(e,t,n){var r={},o=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),a=function(e){var t={};return function(e,n){if("function"==typeof e)return e();if(void 0===t[e]){var r=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,n);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}t[e]=r}return t[e]}}(),i=null,l=0,s=[],c=n(21);function p(e,t){for(var n=0;n<e.length;n++){var o=e[n],a=r[o.id];if(a){a.refs++;for(var i=0;i<a.parts.length;i++)a.parts[i](o.parts[i]);for(;i<o.parts.length;i++)a.parts.push(m(o.parts[i],t))}else{var l=[];for(i=0;i<o.parts.length;i++)l.push(m(o.parts[i],t));r[o.id]={id:o.id,refs:1,parts:l}}}}function u(e,t){for(var n=[],r={},o=0;o<e.length;o++){var a=e[o],i=t.base?a[0]+t.base:a[0],l={css:a[1],media:a[2],sourceMap:a[3]};r[i]?r[i].parts.push(l):n.push(r[i]={id:i,parts:[l]})}return n}function d(e,t){var n=a(e.insertInto);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var r=s[s.length-1];if("top"===e.insertAt)r?r.nextSibling?n.insertBefore(t,r.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),s.push(t);else if("bottom"===e.insertAt)n.appendChild(t);else{if("object"!=typeof e.insertAt||!e.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var o=a(e.insertAt.before,n);n.insertBefore(t,o)}}function h(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e);var t=s.indexOf(e);t>=0&&s.splice(t,1)}function f(e){var t=document.createElement("style");if(void 0===e.attrs.type&&(e.attrs.type="text/css"),void 0===e.attrs.nonce){var r=function(){0;return n.nc}();r&&(e.attrs.nonce=r)}return b(t,e.attrs),d(e,t),t}function b(e,t){Object.keys(t).forEach(function(n){e.setAttribute(n,t[n])})}function m(e,t){var n,r,o,a;if(t.transform&&e.css){if(!(a="function"==typeof t.transform?t.transform(e.css):t.transform.default(e.css)))return function(){};e.css=a}if(t.singleton){var s=l++;n=i||(i=f(t)),r=g.bind(null,n,s,!1),o=g.bind(null,n,s,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",b(t,e.attrs),d(e,t),t}(t),r=function(e,t,n){var r=n.css,o=n.sourceMap,a=void 0===t.convertToAbsoluteUrls&&o;(t.convertToAbsoluteUrls||a)&&(r=c(r));o&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var i=new Blob([r],{type:"text/css"}),l=e.href;e.href=URL.createObjectURL(i),l&&URL.revokeObjectURL(l)}.bind(null,n,t),o=function(){h(n),n.href&&URL.revokeObjectURL(n.href)}):(n=f(t),r=function(e,t){var n=t.css,r=t.media;r&&e.setAttribute("media",r);if(e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}.bind(null,n),o=function(){h(n)});return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=o()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var n=u(e,t);return p(n,t),function(e){for(var o=[],a=0;a<n.length;a++){var i=n[a];(l=r[i.id]).refs--,o.push(l)}e&&p(u(e,t),t);for(a=0;a<o.length;a++){var l;if(0===(l=o[a]).refs){for(var s=0;s<l.parts.length;s++)l.parts[s]();delete r[l.id]}}}};var v=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}();function g(e,t,n,r){var o=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=v(t,o);else{var a=document.createTextNode(o),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(a,i[t]):e.appendChild(a)}}},function(e,t,n){"use strict";var r=n(0),o=n(3),a=n(1),i=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),l=function(e){function t(t){return e.call(this,t)||this}return i(t,e),t.prototype.onSelect=function(e){this.props.onSelectedIndexChange(e)},t.prototype.renderLabel=function(e,t){var n=this,o=this.props.selectedIndex===t?"label active":"label";return r.createElement("div",{className:o,key:t,onClick:function(){return n.onSelect(t)},title:e.props.title},r.createElement("div",null,r.createElement(a.a,{icon:e.props.icon})))},t.prototype.render=function(){var e=this;return r.createElement("div",{className:"tabs"},r.createElement("div",{className:"labels"},this.props.children.map(function(t,n){return e.renderLabel(t,n)})),r.createElement("div",{className:"panes"},this.props.children[this.props.selectedIndex]))},t}(r.Component),s={prefix:"fas",iconName:"arrow-left",icon:[448,512,[],"f060","M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8.4 34.3z"]},c={prefix:"fas",iconName:"arrows-alt",icon:[512,512,[],"f0b2","M352.201 425.775l-79.196 79.196c-9.373 9.373-24.568 9.373-33.941 0l-79.196-79.196c-15.119-15.119-4.411-40.971 16.971-40.97h51.162L228 284H127.196v51.162c0 21.382-25.851 32.09-40.971 16.971L7.029 272.937c-9.373-9.373-9.373-24.569 0-33.941L86.225 159.8c15.119-15.119 40.971-4.411 40.971 16.971V228H228V127.196h-51.23c-21.382 0-32.09-25.851-16.971-40.971l79.196-79.196c9.373-9.373 24.568-9.373 33.941 0l79.196 79.196c15.119 15.119 4.411 40.971-16.971 40.971h-51.162V228h100.804v-51.162c0-21.382 25.851-32.09 40.97-16.971l79.196 79.196c9.373 9.373 9.373 24.569 0 33.941L425.773 352.2c-15.119 15.119-40.971 4.411-40.97-16.971V284H284v100.804h51.23c21.382 0 32.09 25.851 16.971 40.971z"]},p={prefix:"fas",iconName:"ban",icon:[512,512,[],"f05e","M256 8C119.034 8 8 119.033 8 256s111.034 248 248 248 248-111.034 248-248S392.967 8 256 8zm130.108 117.892c65.448 65.448 70 165.481 20.677 235.637L150.47 105.216c70.204-49.356 170.226-44.735 235.638 20.676zM125.892 386.108c-65.448-65.448-70-165.481-20.677-235.637L361.53 406.784c-70.203 49.356-170.226 44.736-235.638-20.676z"]},u={prefix:"fas",iconName:"brush",icon:[384,512,[],"f55d","M352 0H32C14.33 0 0 14.33 0 32v224h384V32c0-17.67-14.33-32-32-32zM0 320c0 35.35 28.66 64 64 64h64v64c0 35.35 28.66 64 64 64s64-28.65 64-64v-64h64c35.34 0 64-28.65 64-64v-32H0v32zm192 104c13.25 0 24 10.74 24 24 0 13.25-10.75 24-24 24s-24-10.75-24-24c0-13.26 10.75-24 24-24z"]},d={prefix:"fas",iconName:"bug",icon:[512,512,[],"f188","M511.988 288.9c-.478 17.43-15.217 31.1-32.653 31.1H424v16c0 21.864-4.882 42.584-13.6 61.145l60.228 60.228c12.496 12.497 12.496 32.758 0 45.255-12.498 12.497-32.759 12.496-45.256 0l-54.736-54.736C345.886 467.965 314.351 480 280 480V236c0-6.627-5.373-12-12-12h-24c-6.627 0-12 5.373-12 12v244c-34.351 0-65.886-12.035-90.636-32.108l-54.736 54.736c-12.498 12.497-32.759 12.496-45.256 0-12.496-12.497-12.496-32.758 0-45.255l60.228-60.228C92.882 378.584 88 357.864 88 336v-16H32.666C15.23 320 .491 306.33.013 288.9-.484 270.816 14.028 256 32 256h56v-58.745l-46.628-46.628c-12.496-12.497-12.496-32.758 0-45.255 12.498-12.497 32.758-12.497 45.256 0L141.255 160h229.489l54.627-54.627c12.498-12.497 32.758-12.497 45.256 0 12.496 12.497 12.496 32.758 0 45.255L424 197.255V256h56c17.972 0 32.484 14.816 31.988 32.9zM257 0c-61.856 0-112 50.144-112 112h224C369 50.144 318.856 0 257 0z"]},h={prefix:"fas",iconName:"camera",icon:[512,512,[],"f030","M512 144v288c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V144c0-26.5 21.5-48 48-48h88l12.3-32.9c7-18.7 24.9-31.1 44.9-31.1h125.5c20 0 37.9 12.4 44.9 31.1L376 96h88c26.5 0 48 21.5 48 48zM376 288c0-66.2-53.8-120-120-120s-120 53.8-120 120 53.8 120 120 120 120-53.8 120-120zm-32 0c0 48.5-39.5 88-88 88s-88-39.5-88-88 39.5-88 88-88 88 39.5 88 88z"]},f={prefix:"fas",iconName:"chart-bar",icon:[512,512,[],"f080","M332.8 320h38.4c6.4 0 12.8-6.4 12.8-12.8V172.8c0-6.4-6.4-12.8-12.8-12.8h-38.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h38.4c6.4 0 12.8-6.4 12.8-12.8V76.8c0-6.4-6.4-12.8-12.8-12.8h-38.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-288 0h38.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-38.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h38.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-38.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zM496 384H64V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"]},b={prefix:"fas",iconName:"check",icon:[512,512,[],"f00c","M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"]},m={prefix:"fas",iconName:"chevron-down",icon:[448,512,[],"f078","M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"]},v={prefix:"fas",iconName:"code-branch",icon:[384,512,[],"f126","M384 144c0-44.2-35.8-80-80-80s-80 35.8-80 80c0 36.4 24.3 67.1 57.5 76.8-.6 16.1-4.2 28.5-11 36.9-15.4 19.2-49.3 22.4-85.2 25.7-28.2 2.6-57.4 5.4-81.3 16.9v-144c32.5-10.2 56-40.5 56-76.3 0-44.2-35.8-80-80-80S0 35.8 0 80c0 35.8 23.5 66.1 56 76.3v199.3C23.5 365.9 0 396.2 0 432c0 44.2 35.8 80 80 80s80-35.8 80-80c0-34-21.2-63.1-51.2-74.6 3.1-5.2 7.8-9.8 14.9-13.4 16.2-8.2 40.4-10.4 66.1-12.8 42.2-3.9 90-8.4 118.2-43.4 14-17.4 21.1-39.8 21.6-67.9 31.6-10.8 54.4-40.7 54.4-75.9zM80 64c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16zm0 384c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16zm224-320c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16z"]},g={prefix:"fas",iconName:"compress",icon:[448,512,[],"f066","M436 192H312c-13.3 0-24-10.7-24-24V44c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v84h84c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-276-24V44c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v84H12c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h124c13.3 0 24-10.7 24-24zm0 300V344c0-13.3-10.7-24-24-24H12c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h84v84c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-84h84c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12H312c-13.3 0-24 10.7-24 24v124c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12z"]},y={prefix:"fas",iconName:"copy",icon:[448,512,[],"f0c5","M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"]},O={prefix:"fas",iconName:"crosshairs",icon:[512,512,[],"f05b","M500 224h-30.364C455.724 130.325 381.675 56.276 288 42.364V12c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v30.364C130.325 56.276 56.276 130.325 42.364 224H12c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h30.364C56.276 381.675 130.325 455.724 224 469.636V500c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12v-30.364C381.675 455.724 455.724 381.675 469.636 288H500c6.627 0 12-5.373 12-12v-40c0-6.627-5.373-12-12-12zM288 404.634V364c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40.634C165.826 392.232 119.783 346.243 107.366 288H148c6.627 0 12-5.373 12-12v-40c0-6.627-5.373-12-12-12h-40.634C119.768 165.826 165.757 119.783 224 107.366V148c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12v-40.634C346.174 119.768 392.217 165.757 404.634 224H364c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40.634C392.232 346.174 346.243 392.217 288 404.634zM288 256c0 17.673-14.327 32-32 32s-32-14.327-32-32c0-17.673 14.327-32 32-32s32 14.327 32 32z"]},C={prefix:"fas",iconName:"cube",icon:[512,512,[],"f1b2","M239.1 6.3l-208 78c-18.7 7-31.1 25-31.1 45v225.1c0 18.2 10.3 34.8 26.5 42.9l208 104c13.5 6.8 29.4 6.8 42.9 0l208-104c16.3-8.1 26.5-24.8 26.5-42.9V129.3c0-20-12.4-37.9-31.1-44.9l-208-78C262 2.2 250 2.2 239.1 6.3zM256 68.4l192 72v1.1l-192 78-192-78v-1.1l192-72zm32 356V275.5l160-65v133.9l-160 80z"]},E={prefix:"fas",iconName:"ellipsis-h",icon:[512,512,[],"f141","M328 256c0 39.8-32.2 72-72 72s-72-32.2-72-72 32.2-72 72-72 72 32.2 72 72zm104-72c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72zm-352 0c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72z"]},x={prefix:"fas",iconName:"expand-arrows-alt",icon:[448,512,[],"f31e","M448.1 344v112c0 13.3-10.7 24-24 24h-112c-21.4 0-32.1-25.9-17-41l36.2-36.2L224 295.6 116.8 402.9 153 439c15.1 15.1 4.4 41-17 41H24c-13.3 0-24-10.7-24-24V344c0-21.4 25.9-32.1 41-17l36.2 36.2L184.5 256 77.2 148.7 41 185c-15.1 15.1-41 4.4-41-17V56c0-13.3 10.7-24 24-24h112c21.4 0 32.1 25.9 17 41l-36.2 36.2L224 216.4l107.3-107.3L295.1 73c-15.1-15.1-4.4-41 17-41h112c13.3 0 24 10.7 24 24v112c0 21.4-25.9 32.1-41 17l-36.2-36.2L263.6 256l107.3 107.3 36.2-36.2c15.1-15.2 41-4.5 41 16.9z"]},_={prefix:"fas",iconName:"eye",icon:[576,512,[],"f06e","M569.354 231.631C512.969 135.949 407.81 72 288 72 168.14 72 63.004 135.994 6.646 231.631a47.999 47.999 0 0 0 0 48.739C63.031 376.051 168.19 440 288 440c119.86 0 224.996-63.994 281.354-159.631a47.997 47.997 0 0 0 0-48.738zM288 392c-75.162 0-136-60.827-136-136 0-75.162 60.826-136 136-136 75.162 0 136 60.826 136 136 0 75.162-60.826 136-136 136zm104-136c0 57.438-46.562 104-104 104s-104-46.562-104-104c0-17.708 4.431-34.379 12.236-48.973l-.001.032c0 23.651 19.173 42.823 42.824 42.823s42.824-19.173 42.824-42.823c0-23.651-19.173-42.824-42.824-42.824l-.032.001C253.621 156.431 270.292 152 288 152c57.438 0 104 46.562 104 104z"]},S={prefix:"fas",iconName:"eye-slash",icon:[576,512,[],"f070","M286.693 391.984l32.579 46.542A333.958 333.958 0 0 1 288 440C168.19 440 63.031 376.051 6.646 280.369a47.999 47.999 0 0 1 0-48.739c24.023-40.766 56.913-75.775 96.024-102.537l57.077 81.539C154.736 224.82 152 240.087 152 256c0 74.736 60.135 135.282 134.693 135.984zm282.661-111.615c-31.667 53.737-78.747 97.46-135.175 125.475l.011.015 41.47 59.2c7.6 10.86 4.96 25.82-5.9 33.42l-13.11 9.18c-10.86 7.6-25.82 4.96-33.42-5.9L100.34 46.94c-7.6-10.86-4.96-25.82 5.9-33.42l13.11-9.18c10.86-7.6 25.82-4.96 33.42 5.9l51.038 72.617C230.68 75.776 258.905 72 288 72c119.81 0 224.969 63.949 281.354 159.631a48.002 48.002 0 0 1 0 48.738zM424 256c0-75.174-60.838-136-136-136-17.939 0-35.056 3.473-50.729 9.772l19.299 27.058c25.869-8.171 55.044-6.163 80.4 7.41h-.03c-23.65 0-42.82 19.17-42.82 42.82 0 23.626 19.147 42.82 42.82 42.82 23.65 0 42.82-19.17 42.82-42.82v-.03c18.462 34.49 16.312 77.914-8.25 110.95v.01l19.314 27.061C411.496 321.2 424 290.074 424 256zM262.014 356.727l-77.53-110.757c-5.014 52.387 29.314 98.354 77.53 110.757z"]},P={prefix:"fas",iconName:"file-alt",icon:[384,512,[],"f15c","M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm64 236c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12v8zm0-64c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12v8zm0-72v8c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm96-114.1v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z"]},w={prefix:"fas",iconName:"film",icon:[512,512,[],"f008","M488 64h-8v20c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12V64H96v20c0 6.6-5.4 12-12 12H44c-6.6 0-12-5.4-12-12V64h-8C10.7 64 0 74.7 0 88v336c0 13.3 10.7 24 24 24h8v-20c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v20h320v-20c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v20h8c13.3 0 24-10.7 24-24V88c0-13.3-10.7-24-24-24zM96 372c0 6.6-5.4 12-12 12H44c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12H44c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12H44c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm272 208c0 6.6-5.4 12-12 12H156c-6.6 0-12-5.4-12-12v-96c0-6.6 5.4-12 12-12h200c6.6 0 12 5.4 12 12v96zm0-168c0 6.6-5.4 12-12 12H156c-6.6 0-12-5.4-12-12v-96c0-6.6 5.4-12 12-12h200c6.6 0 12 5.4 12 12v96zm112 152c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40z"]},k={prefix:"fas",iconName:"highlighter",icon:[544,512,[],"f591","M0 479.98L99.92 512l35.45-35.45-67.04-67.04L0 479.98zm124.61-240.01a36.592 36.592 0 0 0-10.79 38.1l13.05 42.83-50.93 50.94 96.23 96.23 50.86-50.86 42.74 13.08c13.73 4.2 28.65-.01 38.15-10.78l35.55-41.64-173.34-173.34-41.52 35.44zm403.31-160.7l-63.2-63.2c-20.49-20.49-53.38-21.52-75.12-2.35L190.55 183.68l169.77 169.78L530.27 154.4c19.18-21.74 18.15-54.63-2.35-75.13z"]},N={prefix:"fas",iconName:"image",icon:[512,512,[],"f03e","M464 448H48c-26.51 0-48-21.49-48-48V112c0-26.51 21.49-48 48-48h416c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48zM112 120c-30.928 0-56 25.072-56 56s25.072 56 56 56 56-25.072 56-56-25.072-56-56-56zM64 384h384V272l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L208 320l-55.515-55.515c-4.686-4.686-12.284-4.686-16.971 0L64 336v48z"]},T={prefix:"fas",iconName:"lightbulb",icon:[352,512,[],"f0eb","M96.06 454.35c.01 6.29 1.87 12.45 5.36 17.69l17.09 25.69a31.99 31.99 0 0 0 26.64 14.28h61.71a31.99 31.99 0 0 0 26.64-14.28l17.09-25.69a31.989 31.989 0 0 0 5.36-17.69l.04-38.35H96.01l.05 38.35zM0 176c0 44.37 16.45 84.85 43.56 115.78 16.52 18.85 42.36 58.23 52.21 91.45.04.26.07.52.11.78h160.24c.04-.26.07-.51.11-.78 9.85-33.22 35.69-72.6 52.21-91.45C335.55 260.85 352 220.37 352 176 352 78.61 272.91-.3 175.45 0 73.44.31 0 82.97 0 176zm176-80c-44.11 0-80 35.89-80 80 0 8.84-7.16 16-16 16s-16-7.16-16-16c0-61.76 50.24-112 112-112 8.84 0 16 7.16 16 16s-7.16 16-16 16z"]},L={prefix:"fas",iconName:"minus",icon:[448,512,[],"f068","M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"]},A={prefix:"fas",iconName:"object-group",icon:[512,512,[],"f247","M480 128V96h20c6.627 0 12-5.373 12-12V44c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v20H64V44c0-6.627-5.373-12-12-12H12C5.373 32 0 37.373 0 44v40c0 6.627 5.373 12 12 12h20v320H12c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12v-20h384v20c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12v-40c0-6.627-5.373-12-12-12h-20V128zM96 276V140c0-6.627 5.373-12 12-12h168c6.627 0 12 5.373 12 12v136c0 6.627-5.373 12-12 12H108c-6.627 0-12-5.373-12-12zm320 96c0 6.627-5.373 12-12 12H236c-6.627 0-12-5.373-12-12v-52h72c13.255 0 24-10.745 24-24v-72h84c6.627 0 12 5.373 12 12v136z"]},j={prefix:"fas",iconName:"plus",icon:[448,512,[],"f067","M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"]},M={prefix:"fas",iconName:"project-diagram",icon:[640,512,[],"f542","M384 320H256c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h128c17.67 0 32-14.33 32-32V352c0-17.67-14.33-32-32-32zM192 32c0-17.67-14.33-32-32-32H32C14.33 0 0 14.33 0 32v128c0 17.67 14.33 32 32 32h95.72l73.16 128.04C211.98 300.98 232.4 288 256 288h.28L192 175.51V128h224V64H192V32zM608 0H480c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h128c17.67 0 32-14.33 32-32V32c0-17.67-14.33-32-32-32z"]},B={prefix:"fas",iconName:"redo-alt",icon:[512,512,[],"f2f9","M256.455 8c66.269.119 126.437 26.233 170.859 68.685l35.715-35.715C478.149 25.851 504 36.559 504 57.941V192c0 13.255-10.745 24-24 24H345.941c-21.382 0-32.09-25.851-16.971-40.971l41.75-41.75c-30.864-28.899-70.801-44.907-113.23-45.273-92.398-.798-170.283 73.977-169.484 169.442C88.764 348.009 162.184 424 256 424c41.127 0 79.997-14.678 110.629-41.556 4.743-4.161 11.906-3.908 16.368.553l39.662 39.662c4.872 4.872 4.631 12.815-.482 17.433C378.202 479.813 319.926 504 256 504 119.034 504 8.001 392.967 8 256.002 7.999 119.193 119.646 7.755 256.455 8z"]},R={prefix:"fas",iconName:"sync-alt",icon:[512,512,[],"f2f1","M370.72 133.28C339.458 104.008 298.888 87.962 255.848 88c-77.458.068-144.328 53.178-162.791 126.85-1.344 5.363-6.122 9.15-11.651 9.15H24.103c-7.498 0-13.194-6.807-11.807-14.176C33.933 94.924 134.813 8 256 8c66.448 0 126.791 26.136 171.315 68.685L463.03 40.97C478.149 25.851 504 36.559 504 57.941V192c0 13.255-10.745 24-24 24H345.941c-21.382 0-32.09-25.851-16.971-40.971l41.75-41.749zM32 296h134.059c21.382 0 32.09 25.851 16.971 40.971l-41.75 41.75c31.262 29.273 71.835 45.319 114.876 45.28 77.418-.07 144.315-53.144 162.787-126.849 1.344-5.363 6.122-9.15 11.651-9.15h57.304c7.498 0 13.194 6.807 11.807 14.176C478.067 417.076 377.187 504 256 504c-66.448 0-126.791-26.136-171.315-68.685L48.97 471.03C33.851 486.149 8 475.441 8 454.059V320c0-13.255 10.745-24 24-24z"]},z={prefix:"fas",iconName:"times",icon:[352,512,[],"f00d","M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"]},I={prefix:"fas",iconName:"times-circle",icon:[512,512,[],"f057","M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z"]},D={prefix:"fas",iconName:"vector-square",icon:[512,512,[],"f5cb","M512 128V32c0-17.67-14.33-32-32-32h-96c-17.67 0-32 14.33-32 32H160c0-17.67-14.33-32-32-32H32C14.33 0 0 14.33 0 32v96c0 17.67 14.33 32 32 32v192c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h96c17.67 0 32-14.33 32-32h192c0 17.67 14.33 32 32 32h96c17.67 0 32-14.33 32-32v-96c0-17.67-14.33-32-32-32V160c17.67 0 32-14.33 32-32zm-96-64h32v32h-32V64zM64 64h32v32H64V64zm32 384H64v-32h32v32zm352 0h-32v-32h32v32zm-32-96h-32c-17.67 0-32 14.33-32 32v32H160v-32c0-17.67-14.33-32-32-32H96V160h32c17.67 0 32-14.33 32-32V96h192v32c0 17.67 14.33 32 32 32h32v192z"]},F={prefix:"fas",iconName:"video",icon:[576,512,[],"f03d","M336.2 64H47.8C21.4 64 0 85.4 0 111.8v288.4C0 426.6 21.4 448 47.8 448h288.4c26.4 0 47.8-21.4 47.8-47.8V111.8c0-26.4-21.4-47.8-47.8-47.8zm189.4 37.7L416 177.3v157.4l109.6 75.5c21.2 14.6 50.4-.3 50.4-25.8V127.5c0-25.4-29.1-40.4-50.4-25.8z"]},V={prefix:"fas",iconName:"window-restore",icon:[512,512,[],"f2d2","M512 48v288c0 26.5-21.5 48-48 48h-48V176c0-44.1-35.9-80-80-80H128V48c0-26.5 21.5-48 48-48h288c26.5 0 48 21.5 48 48zM384 176v288c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V176c0-26.5 21.5-48 48-48h288c26.5 0 48 21.5 48 48zm-68 28c0-6.6-5.4-12-12-12H76c-6.6 0-12 5.4-12 12v52h252v-52z"]},H={prefix:"fas",iconName:"wrench",icon:[512,512,[],"f0ad","M507.73 109.1c-2.24-9.03-13.54-12.09-20.12-5.51l-74.36 74.36-67.88-11.31-11.31-67.88 74.36-74.36c6.62-6.62 3.43-17.9-5.66-20.16-47.38-11.74-99.55.91-136.58 37.93-39.64 39.64-50.55 97.1-34.05 147.2L18.74 402.76c-24.99 24.99-24.99 65.51 0 90.5 24.99 24.99 65.51 24.99 90.5 0l213.21-213.21c50.12 16.71 107.47 5.68 147.37-34.22 37.07-37.07 49.7-89.32 37.91-136.73zM64 472c-13.25 0-24-10.75-24-24 0-13.26 10.75-24 24-24s24 10.74 24 24c0 13.25-10.75 24-24 24z"]},U=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),G=function(e){function t(t){return e.call(this,t)||this}return U(t,e),t.prototype.render=function(){return r.createElement("div",{className:"pane"})},t}(r.Component),Y=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),W=function(e){function t(t){return e.call(this,t)||this}return Y(t,e),t.prototype.onLink=function(){this.props.onLink&&this.props.onLink()},t.prototype.renderContent=function(){var e=this;return this.props.onLink?r.createElement("div",{className:"link-value",title:this.props.value,onClick:function(){return e.onLink()}},this.props.value||"no name"):r.createElement("div",{className:"value",title:this.props.value,style:{color:this.props.color?this.props.color:""}},this.props.value||"no name")},t.prototype.render=function(){return r.createElement("div",{className:this.props.underline?"textLine underline":"textLine"},r.createElement("div",{className:"label"},this.props.label),this.renderContent())},t}(r.Component),X=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),K=function(e){function t(n){var r,o=e.call(this,n)||this;try{r=t._InMemoryStorage&&void 0!==t._InMemoryStorage[o.props.title]?t._InMemoryStorage[o.props.title]:"undefined"!=typeof Storage&&null!==localStorage.getItem(o.props.title)?"true"===localStorage.getItem(o.props.title):!o.props.closed}catch(e){t._InMemoryStorage={},t._InMemoryStorage[o.props.title]=!o.props.closed,r=!o.props.closed}return o.state={isExpanded:r},o}return X(t,e),t.prototype.switchExpandedState=function(){var e=!this.state.isExpanded;try{t._InMemoryStorage?t._InMemoryStorage[this.props.title]=e:"undefined"!=typeof Storage&&localStorage.setItem(this.props.title,e?"true":"false")}catch(n){t._InMemoryStorage={},t._InMemoryStorage[this.props.title]=e}this.setState({isExpanded:e})},t.prototype.renderHeader=function(){var e=this,t=this.state.isExpanded?"collapse":"collapse closed";return r.createElement("div",{className:"header",onClick:function(){return e.switchExpandedState()}},r.createElement("div",{className:"title"},this.props.title),r.createElement("div",{className:t},r.createElement(a.a,{icon:m})))},t.prototype.render=function(){return this.state.isExpanded?r.createElement("div",{className:"paneContainer"},this.renderHeader(),r.createElement("div",{className:"paneList"},this.props.children)):r.createElement("div",{className:"paneContainer"},this.renderHeader())},t}(r.Component),q=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),$=function(e){function t(t){return e.call(this,t)||this}return q(t,e),t.prototype.render=function(){var e=void 0!==this.props.fractionDigits?this.props.fractionDigits:2,t=this.props.value.toFixed(e)+(this.props.units?" "+this.props.units:"");return r.createElement("div",{className:"textLine"},r.createElement("div",{className:"label"},this.props.label),r.createElement("div",{className:"value",style:{color:this.props.color?this.props.color:""}},t))},t}(r.Component),Q=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Z=function(e){function t(t){return e.call(this,t)||this}return Q(t,e),t.prototype.render=function(){var e=this.props.value?r.createElement(a.a,{icon:b}):r.createElement(a.a,{icon:I}),t=this.props.value?"value check":"value uncheck";return r.createElement("div",{className:"textLine"},r.createElement("div",{className:"label"},this.props.label),r.createElement("div",{className:t},e))},t}(r.Component),J=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),ee=function(e){function t(t){return e.call(this,t)||this}return J(t,e),t.prototype.componentWillMount=function(){var e=this,t=this.props.scene;t&&(this._sceneInstrumentation=new BABYLON.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 BABYLON.EngineInstrumentation(t.getEngine()),this._engineInstrumentation.captureGPUFrameTime=!0,this._timerIntervalId=window.setInterval(function(){return e.forceUpdate()},500))},t.prototype.componentWillUnmount=function(){this._sceneInstrumentation&&(this._sceneInstrumentation.dispose(),this._sceneInstrumentation=null),this._engineInstrumentation&&(this._engineInstrumentation.dispose(),this._engineInstrumentation=null),window.clearInterval(this._timerIntervalId)},t.prototype.render=function(){var e=this.props.scene;if(!e||!this._sceneInstrumentation||!this._engineInstrumentation)return null;var t=e.getEngine(),n=this._sceneInstrumentation,o=this._engineInstrumentation,a=t.getCaps();return r.createElement("div",{className:"pane"},r.createElement(W,{label:"Version",value:BABYLON.Engine.Version,color:"rgb(113, 159, 255)"}),r.createElement($,{label:"FPS",value:t.getFps(),fractionDigits:0}),r.createElement(K,{title:"COUNT"},r.createElement(W,{label:"Total meshes",value:e.meshes.length.toString()}),r.createElement(W,{label:"Active meshes",value:e.getActiveMeshes().length.toString()}),r.createElement(W,{label:"Active indices",value:e.getActiveIndices().toString()}),r.createElement(W,{label:"Active faces",value:(e.getActiveIndices()/3).toString()}),r.createElement(W,{label:"Active bones",value:e.getActiveBones().toString()}),r.createElement(W,{label:"Active particles",value:e.getActiveParticles().toString()}),r.createElement(W,{label:"Draw calls",value:n.drawCallsCounter.current.toString()}),r.createElement(W,{label:"Texture collisions",value:n.textureCollisionsCounter.current.toString()}),r.createElement(W,{label:"Total lights",value:e.lights.length.toString()}),r.createElement(W,{label:"Total vertices",value:e.getTotalVertices().toString()}),r.createElement(W,{label:"Total materials",value:e.materials.length.toString()}),r.createElement(W,{label:"Total textures",value:e.textures.length.toString()})),r.createElement(K,{title:"FRAME STEPS DURATION"},r.createElement($,{label:"Absolute FPS",value:1e3/this._sceneInstrumentation.frameTimeCounter.current,fractionDigits:0}),r.createElement($,{label:"Meshes selection",value:n.activeMeshesEvaluationTimeCounter.current,units:"ms"}),r.createElement($,{label:"Render targets",value:n.renderTargetsRenderTimeCounter.current,units:"ms"}),r.createElement($,{label:"Particles",value:n.particlesRenderTimeCounter.current,units:"ms"}),r.createElement($,{label:"Sprites",value:n.spritesRenderTimeCounter.current,units:"ms"}),r.createElement($,{label:"Animations",value:n.animationsTimeCounter.current,units:"ms"}),r.createElement($,{label:"Physics",value:n.physicsTimeCounter.current,units:"ms"}),r.createElement($,{label:"Render",value:n.renderTimeCounter.current,units:"ms"}),r.createElement($,{label:"Frame total",value:n.frameTimeCounter.current,units:"ms"}),r.createElement($,{label:"Inter-frame",value:n.interFrameTimeCounter.current,units:"ms"}),r.createElement($,{label:"GPU Frame time",value:1e-6*o.gpuFrameTimeCounter.current,units:"ms"}),r.createElement($,{label:"GPU Frame time (average)",value:1e-6*o.gpuFrameTimeCounter.average,units:"ms"})),r.createElement(K,{title:"SYSTEM INFO"},r.createElement(W,{label:"Resolution",value:t.getRenderWidth()+"x"+t.getRenderHeight()}),r.createElement(W,{label:"WebGL version",value:t.webGLVersion.toString()}),r.createElement(Z,{label:"Std derivatives",value:a.standardDerivatives}),r.createElement(Z,{label:"Compressed textures",value:void 0!==a.s3tc}),r.createElement(Z,{label:"Hardware instances",value:a.instancedArrays}),r.createElement(Z,{label:"Texture float",value:a.textureFloat}),r.createElement(Z,{label:"Texture half-float",value:a.textureHalfFloat}),r.createElement(Z,{label:"Render to texture float",value:a.textureFloatRender}),r.createElement(Z,{label:"Render to texture half-float",value:a.textureHalfFloatRender}),r.createElement(Z,{label:"32bits indices",value:a.uintIndices}),r.createElement(Z,{label:"Fragment depth",value:a.fragmentDepthSupported}),r.createElement(Z,{label:"High precision shaders",value:a.highPrecisionShaderSupported}),r.createElement(Z,{label:"Draw buffers",value:a.drawBuffersExtension}),r.createElement(Z,{label:"Vertex array object",value:a.vertexArrayObject}),r.createElement(Z,{label:"Timer query",value:void 0!==a.timerQuery}),r.createElement(Z,{label:"Stencil",value:t.isStencilEnable}),r.createElement($,{label:"Max textures units",value:a.maxTexturesImageUnits,fractionDigits:0}),r.createElement($,{label:"Max textures size",value:a.maxTextureSize,fractionDigits:0}),r.createElement($,{label:"Max anisotropy",value:a.maxAnisotropy,fractionDigits:0}),r.createElement(W,{label:"Driver",value:t.getGlInfo().renderer})))},t}(G),te=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),ne=function(e){function t(n){var r=e.call(this,n)||this;return r._localChange=!1,r._uniqueId=t._UniqueIdSeed++,r.props.isSelected?r.state={isSelected:r.props.isSelected()}:r.state={isSelected:r.props.target[r.props.propertyName]},r}return te(t,e),t.prototype.shouldComponentUpdate=function(e,t){var n;return!((n=this.props.isSelected?e.isSelected():e.target[e.propertyName])===t.isSelected&&!this._localChange)&&(t.isSelected=n,this._localChange=!1,!0)},t.prototype.onChange=function(){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.state.isSelected),this.setState({isSelected:!this.state.isSelected})},t.prototype.render=function(){var e=this;return r.createElement("div",{className:"checkBoxLine"},r.createElement("div",{className:"label"},this.props.label),r.createElement("div",{className:"checkBox"},r.createElement("input",{type:"checkbox",id:"checkbox"+this._uniqueId,className:"cbx hidden",checked:this.state.isSelected,onChange:function(){return e.onChange()}}),r.createElement("label",{htmlFor:"checkbox"+this._uniqueId,className:"lbl"})))},t._UniqueIdSeed=0,t}(r.Component),re=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),oe=function(e){function t(t){var n=e.call(this,t)||this;return n.state={isEnabled:!1},n}return re(t,e),t.prototype.componentWillMount=function(){for(var e=0,t=BABYLON.UtilityLayerRenderer.DefaultKeepDepthUtilityLayer.utilityLayerScene.meshes;e<t.length;e++){var n=t[e];if(n.reservedDataStore&&n.reservedDataStore.isInspectorGrid)return this._gridMesh=n,void this.setState({isEnabled:!0})}},t.prototype.addOrRemoveGrid=function(){var e=this,t=BABYLON.UtilityLayerRenderer.DefaultKeepDepthUtilityLayer.utilityLayerScene;if(!BABYLON.GridMaterial)return this.setState({isEnabled:!0}),void BABYLON.Tools.LoadScript("https://preview.babylonjs.com/materialsLibrary/babylonjs.materials.min.js",function(){e.addOrRemoveGrid()});if(!this._gridMesh){var n=this.props.scene.getWorldExtends(),r=5*(n.max.x-n.min.x),o=5*(n.max.z-n.min.z);this._gridMesh=BABYLON.Mesh.CreateGround("grid",1,1,1,t),this._gridMesh.reservedDataStore||(this._gridMesh.reservedDataStore={}),this._gridMesh.scaling.x=Math.max(r,o),this._gridMesh.scaling.z=this._gridMesh.scaling.x,this._gridMesh.reservedDataStore.isInspectorGrid=!0,this._gridMesh.isPickable=!1;var a=new BABYLON.GridMaterial("GridMaterial",t);return a.majorUnitFrequency=10,a.minorUnitVisibility=.3,a.gridRatio=.01,a.backFaceCulling=!1,a.mainColor=new BABYLON.Color3(1,1,1),a.lineColor=new BABYLON.Color3(1,1,1),a.opacity=.8,a.zOffset=1,a.opacityTexture=new BABYLON.Texture("https://assets.babylonjs.com/environments/backgroundGround.png",t),this._gridMesh.material=a,void this.setState({isEnabled:!0})}this.setState({isEnabled:!this.state.isEnabled}),this._gridMesh.dispose(!0,!0),this._gridMesh=null},t.prototype.render=function(){var e=this;return r.createElement("div",null,r.createElement(ne,{label:"Render grid",isSelected:function(){return e.state.isEnabled},onSelect:function(){return e.addOrRemoveGrid()}}))},t}(r.Component),ae=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),ie=function(e){function t(t){var n=e.call(this,t)||this;return n._skeletonViewersEnabled=!1,n._physicsViewersEnabled=!1,n._skeletonViewers=new Array,n}return ae(t,e),t.prototype.componentWillMount=function(){var e=this.props.scene;if(e){e.reservedDataStore||(e.reservedDataStore={});for(var t=0,n=e.meshes;t<n.length;t++){var r=n[t];r.skeleton&&r.reservedDataStore&&r.reservedDataStore.skeletonViewer&&this._skeletonViewers.push(r.reservedDataStore.skeletonViewer)}this._skeletonViewersEnabled=this._skeletonViewers.length>0,this._physicsViewersEnabled=null!=e.reservedDataStore.physicsViewer}},t.prototype.componentWillUnmount=function(){},t.prototype.switchSkeletonViewers=function(){this._skeletonViewersEnabled=!this._skeletonViewersEnabled;var e=this.props.scene;if(this._skeletonViewersEnabled)for(var t=0,n=e.meshes;t<n.length;t++){var r=n[t];if(r.skeleton){for(var o=!1,a=0;a<this._skeletonViewers.length;a++)if(this._skeletonViewers[a].skeleton===r.skeleton){o=!0;break}if(o)continue;var i=new BABYLON.Debug.SkeletonViewer(r.skeleton,r,e,!0,0);i.isEnabled=!0,this._skeletonViewers.push(i),r.reservedDataStore||(r.reservedDataStore={}),r.reservedDataStore.skeletonViewer=i}}else{for(var l=0;l<this._skeletonViewers.length;l++)this._skeletonViewers[l].mesh.reservedDataStore.skeletonViewer=null,this._skeletonViewers[l].dispose();this._skeletonViewers=[]}},t.prototype.switchPhysicsViewers=function(){this._physicsViewersEnabled=!this._physicsViewersEnabled;var e=this.props.scene;if(this._physicsViewersEnabled){var t=new BABYLON.Debug.PhysicsViewer(e);e.reservedDataStore.physicsViewer=t;for(var n=0,r=e.meshes;n<r.length;n++){var o=r[n];if(o.physicsImpostor){var a=t.showImpostor(o.physicsImpostor);a&&(a.reservedDataStore={hidden:!0},a.material.reservedDataStore={hidden:!0})}}}else e.reservedDataStore.physicsViewer.dispose(),e.reservedDataStore.physicsViewer=null},t.prototype.render=function(){var e=this,t=this.props.scene;return t?r.createElement("div",{className:"pane"},r.createElement(K,{title:"HELPERS"},r.createElement(oe,{scene:t}),r.createElement(ne,{label:"Bones",isSelected:function(){return e._skeletonViewersEnabled},onSelect:function(){return e.switchSkeletonViewers()}}),r.createElement(ne,{label:"Physics",isSelected:function(){return e._physicsViewersEnabled},onSelect:function(){return e.switchPhysicsViewers()}})),r.createElement(K,{title:"TEXTURE CHANNELS"},r.createElement(ne,{label:"Diffuse",isSelected:function(){return BABYLON.StandardMaterial.DiffuseTextureEnabled},onSelect:function(){return BABYLON.StandardMaterial.DiffuseTextureEnabled=!BABYLON.StandardMaterial.DiffuseTextureEnabled}}),r.createElement(ne,{label:"Ambient",isSelected:function(){return BABYLON.StandardMaterial.AmbientTextureEnabled},onSelect:function(){return BABYLON.StandardMaterial.AmbientTextureEnabled=!BABYLON.StandardMaterial.AmbientTextureEnabled}}),r.createElement(ne,{label:"Specular",isSelected:function(){return BABYLON.StandardMaterial.SpecularTextureEnabled},onSelect:function(){return BABYLON.StandardMaterial.SpecularTextureEnabled=!BABYLON.StandardMaterial.SpecularTextureEnabled}}),r.createElement(ne,{label:"Emissive",isSelected:function(){return BABYLON.StandardMaterial.EmissiveTextureEnabled},onSelect:function(){return BABYLON.StandardMaterial.EmissiveTextureEnabled=!BABYLON.StandardMaterial.EmissiveTextureEnabled}}),r.createElement(ne,{label:"Bump",isSelected:function(){return BABYLON.StandardMaterial.BumpTextureEnabled},onSelect:function(){return BABYLON.StandardMaterial.BumpTextureEnabled=!BABYLON.StandardMaterial.BumpTextureEnabled}}),r.createElement(ne,{label:"Opacity",isSelected:function(){return BABYLON.StandardMaterial.OpacityTextureEnabled},onSelect:function(){return BABYLON.StandardMaterial.OpacityTextureEnabled=!BABYLON.StandardMaterial.OpacityTextureEnabled}}),r.createElement(ne,{label:"Reflection",isSelected:function(){return BABYLON.StandardMaterial.ReflectionTextureEnabled},onSelect:function(){return BABYLON.StandardMaterial.ReflectionTextureEnabled=!BABYLON.StandardMaterial.ReflectionTextureEnabled}}),r.createElement(ne,{label:"Refraction",isSelected:function(){return BABYLON.StandardMaterial.RefractionTextureEnabled},onSelect:function(){return BABYLON.StandardMaterial.RefractionTextureEnabled=!BABYLON.StandardMaterial.RefractionTextureEnabled}}),r.createElement(ne,{label:"ColorGrading",isSelected:function(){return BABYLON.StandardMaterial.ColorGradingTextureEnabled},onSelect:function(){return BABYLON.StandardMaterial.ColorGradingTextureEnabled=!BABYLON.StandardMaterial.ColorGradingTextureEnabled}}),r.createElement(ne,{label:"Lightmap",isSelected:function(){return BABYLON.StandardMaterial.LightmapTextureEnabled},onSelect:function(){return BABYLON.StandardMaterial.LightmapTextureEnabled=!BABYLON.StandardMaterial.LightmapTextureEnabled}}),r.createElement(ne,{label:"Fresnel",isSelected:function(){return BABYLON.StandardMaterial.FresnelEnabled},onSelect:function(){return BABYLON.StandardMaterial.FresnelEnabled=!BABYLON.StandardMaterial.FresnelEnabled}})),r.createElement(K,{title:"FEATURES"},r.createElement(ne,{label:"Animations",isSelected:function(){return t.animationsEnabled},onSelect:function(){return t.animationsEnabled=!t.animationsEnabled}}),r.createElement(ne,{label:"Collisions",isSelected:function(){return t.collisionsEnabled},onSelect:function(){return t.collisionsEnabled=!t.collisionsEnabled}}),r.createElement(ne,{label:"Fog",isSelected:function(){return t.fogEnabled},onSelect:function(){return t.fogEnabled=!t.fogEnabled}}),r.createElement(ne,{label:"Lens flares",isSelected:function(){return t.lensFlaresEnabled},onSelect:function(){return t.lensFlaresEnabled=!t.lensFlaresEnabled}}),r.createElement(ne,{label:"Lights",isSelected:function(){return t.lightsEnabled},onSelect:function(){return t.lightsEnabled=!t.lightsEnabled}}),r.createElement(ne,{label:"Particles",isSelected:function(){return t.particlesEnabled},onSelect:function(){return t.particlesEnabled=!t.particlesEnabled}}),r.createElement(ne,{label:"Post-processes",isSelected:function(){return t.postProcessesEnabled},onSelect:function(){return t.postProcessesEnabled=!t.postProcessesEnabled}}),r.createElement(ne,{label:"Probes",isSelected:function(){return t.probesEnabled},onSelect:function(){return t.probesEnabled=!t.probesEnabled}}),r.createElement(ne,{label:"Textures",isSelected:function(){return t.texturesEnabled},onSelect:function(){return t.texturesEnabled=!t.texturesEnabled}}),r.createElement(ne,{label:"Procedural textures",isSelected:function(){return t.proceduralTexturesEnabled},onSelect:function(){return t.proceduralTexturesEnabled=!t.proceduralTexturesEnabled}}),r.createElement(ne,{label:"Render targets",isSelected:function(){return t.renderTargetsEnabled},onSelect:function(){return t.renderTargetsEnabled=!t.renderTargetsEnabled}}),r.createElement(ne,{label:"Shadows",isSelected:function(){return t.shadowsEnabled},onSelect:function(){return t.shadowsEnabled=!t.shadowsEnabled}}),r.createElement(ne,{label:"Skeletons",isSelected:function(){return t.skeletonsEnabled},onSelect:function(){return t.skeletonsEnabled=!t.skeletonsEnabled}}),r.createElement(ne,{label:"Sprites",isSelected:function(){return t.spritesEnabled},onSelect:function(){return t.spritesEnabled=!t.spritesEnabled}}))):null},t}(G),le=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},se=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}}(),ce=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},pe=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},ue={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"}},de=function(e){return Object(r.createElement)("div",{className:e.className,style:ce({},ue.base,ue[e.direction],e.replaceStyles||{}),onMouseDown:function(t){e.onResizeStart(t,e.direction)},onTouchStart:function(t){e.onResizeStart(t,e.direction)}},e.children)},he={userSelect:"none",MozUserSelect:"none",WebkitUserSelect:"none",MsUserSelect:"none"},fe={userSelect:"auto",MozUserSelect:"auto",WebkitUserSelect:"auto",MsUserSelect:"auto"},be=function(e,t,n){return Math.max(Math.min(e,n),t)},me=function(e,t){return Math.round(e/t)*t},ve=function(e,t){return t.reduce(function(t,n){return Math.abs(n-e)<Math.abs(t-e)?n:t})},ge=function(e,t){return e.substr(e.length-t.length,t.length)===t},ye=function(e){return"auto"===e.toString()?e.toString():ge(e.toString(),"px")?e.toString():ge(e.toString(),"%")?e.toString():ge(e.toString(),"vh")?e.toString():ge(e.toString(),"vw")?e.toString():ge(e.toString(),"vmax")?e.toString():ge(e.toString(),"vmin")?e.toString():e+"px"},Oe=["style","className","grid","snap","bounds","size","defaultSize","minWidth","minHeight","maxWidth","maxHeight","lockAspectRatio","lockAspectRatioExtraWidth","lockAspectRatioExtraHeight","enable","handleStyles","handleClasses","handleWrapperStyle","handleWrapperClass","children","onResizeStart","onResize","onResizeStop","handleComponent"],Ce=function(e){function t(e){le(this,t);var n=pe(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.state={isResizing:!1,resizeCursor:"auto",width:void 0===(n.propsSize&&n.propsSize.width)?"auto":n.propsSize&&n.propsSize.width,height:void 0===(n.propsSize&&n.propsSize.height)?"auto":n.propsSize&&n.propsSize.height,direction:"right",original:{x:0,y:0,width:0,height:0}},n.updateExtendsProps(e),n.onResizeStart=n.onResizeStart.bind(n),n.onMouseMove=n.onMouseMove.bind(n),n.onMouseUp=n.onMouseUp.bind(n),"undefined"!=typeof window&&(window.addEventListener("mouseup",n.onMouseUp),window.addEventListener("mousemove",n.onMouseMove),window.addEventListener("mouseleave",n.onMouseUp),window.addEventListener("touchmove",n.onMouseMove),window.addEventListener("touchend",n.onMouseUp)),n}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)}(t,r["Component"]),se(t,[{key:"updateExtendsProps",value:function(e){this.extendsProps=Object.keys(e).reduce(function(t,n){return-1!==Oe.indexOf(n)?t:(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 o={width:e.offsetWidth,height:e.offsetHeight};return e.style.position="absolute",t&&(this.parentNode.style.flexWrap=n),e.style.minWidth=r,o}},{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("__resizable_base__"):n.className+="__resizable_base__",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,o=r.direction,a=r.original,i=r.width,l=r.height,s=this.props,c=s.lockAspectRatio,p=s.lockAspectRatioExtraHeight,u=s.lockAspectRatioExtraWidth,d=this.props,h=d.maxWidth,f=d.maxHeight,b=d.minWidth,m=d.minHeight,v=this.getParentSize();if(h&&"string"==typeof h&&ge(h,"%")){var g=Number(h.replace("%",""))/100;h=v.width*g}if(f&&"string"==typeof f&&ge(f,"%")){var y=Number(f.replace("%",""))/100;f=v.height*y}if(b&&"string"==typeof b&&ge(b,"%")){var O=Number(b.replace("%",""))/100;b=v.width*O}if(m&&"string"==typeof m&&ge(m,"%")){var C=Number(m.replace("%",""))/100;m=v.height*C}h=void 0===h?void 0:Number(h),f=void 0===f?void 0:Number(f),b=void 0===b?void 0:Number(b),m=void 0===m?void 0:Number(m);var E="number"==typeof c?c:a.width/a.height,x=a.width,_=a.height;if(/right/i.test(o)&&(x=a.width+(t-a.x),c&&(_=(x-u)/E+p)),/left/i.test(o)&&(x=a.width-(t-a.x),c&&(_=(x-u)/E+p)),/bottom/i.test(o)&&(_=a.height+(n-a.y),c&&(x=(_-p)*E+u)),/top/i.test(o)&&(_=a.height-(n-a.y),c&&(x=(_-p)*E+u)),"parent"===this.props.bounds){var S=this.parentNode;if(S instanceof HTMLElement){var P=S.getBoundingClientRect(),w=P.left,k=P.top,N=this.resizable.getBoundingClientRect(),T=N.left,L=N.top,A=S.offsetWidth+(w-T),j=S.offsetHeight+(k-L);h=h&&h<A?h:A,f=f&&f<j?f:j}}else if("window"===this.props.bounds){if("undefined"!=typeof window){var M=this.resizable.getBoundingClientRect(),B=M.left,R=M.top,z=window.innerWidth-B,I=window.innerHeight-R;h=h&&h<z?h:z,f=f&&f<I?f:I}}else if(this.props.bounds instanceof HTMLElement){var D=this.props.bounds.getBoundingClientRect(),F=D.left,V=D.top,H=this.resizable.getBoundingClientRect(),U=H.left,G=H.top;if(!(this.props.bounds instanceof HTMLElement))return;var Y=this.props.bounds.offsetWidth+(F-U),W=this.props.bounds.offsetHeight+(V-G);h=h&&h<Y?h:Y,f=f&&f<W?f:W}var X=void 0===b?10:b,K=void 0===h||h<0?x:h,q=void 0===m?10:m,$=void 0===f||f<0?_:f;if(c){var Q=(q-p)*E+u,Z=($-p)*E+u,J=(X-u)/E+p,ee=(K-u)/E+p,te=Math.max(X,Q),ne=Math.min(K,Z),re=Math.max(q,J),oe=Math.min($,ee);x=be(x,te,ne),_=be(_,re,oe)}else x=be(x,X,K),_=be(_,q,$);this.props.grid&&(x=me(x,this.props.grid[0])),this.props.grid&&(_=me(_,this.props.grid[1])),this.props.snap&&this.props.snap.x&&(x=ve(x,this.props.snap.x)),this.props.snap&&this.props.snap.y&&(_=ve(_,this.props.snap.y));var ae={width:x-a.width,height:_-a.height};if(i&&"string"==typeof i&&ge(i,"%"))x=x/v.width*100+"%";if(l&&"string"==typeof l&&ge(l,"%"))_=_/v.height*100+"%";this.setState({width:this.calculateNewSize(x,"width"),height:this.calculateNewSize(_,"height")}),this.props.onResize&&this.props.onResize(e,o,this.resizable,ae)}}},{key:"onMouseUp",value:function(e){var t=this.state,n=t.isResizing,r=t.direction,o=t.original;if(n){var a={width:this.size.width-o.width,height:this.size.height-o.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,t=this.props,n=t.enable,o=t.handleStyles,a=t.handleClasses,i=t.handleWrapperStyle,l=t.handleWrapperClass,s=t.handleComponent;if(!n)return null;var c=Object.keys(n).map(function(t){return!1!==n[t]?Object(r.createElement)(de,{key:t,direction:t,onResizeStart:e.onResizeStart,replaceStyles:o&&o[t],className:a&&a[t]},s&&s[t]?Object(r.createElement)(s[t]):null):null});return Object(r.createElement)("span",{className:l,style:i},c)}},{key:"render",value:function(){var e=this,t=this.state.isResizing?he:fe;return Object(r.createElement)("div",ce({ref:function(t){t&&(e.resizable=t)},style:ce({position:"relative"},t,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&&Object(r.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("__resizable_base__"))return r}}},{key:"size",get:function(){var e=0,t=0;if("undefined"!=typeof window){var n=this.resizable.offsetWidth,r=this.resizable.offsetHeight,o=this.resizable.style.position;"relative"!==o&&(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=o}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]&&ge(e.propsSize[t].toString(),"%")){if(ge(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 ye(e.state[t])};return{width:t&&void 0!==t.width&&!this.state.isResizing?ye(t.width):n("width"),height:t&&void 0!==t.height&&!this.state.isResizing?ye(t.height):n("height")}}}]),t}();Ce.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};var Ee=Ce,xe=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),_e=function(e){function t(t){var n=e.call(this,t)||this;return n._localChange=!1,void 0!==n.props.directValue?n.state={value:n.props.directValue}:n.state={value:n.props.target[n.props.propertyName]},n}return xe(t,e),t.prototype.shouldComponentUpdate=function(e,t){if(void 0!==e.directValue)return t.value=e.directValue,!0;var n=e.target[e.propertyName];return!(n===t.value&&!this._localChange)&&(t.value=n,this._localChange=!1,!0)},t.prototype.onChange=function(e){this._localChange=!0;var t=parseFloat(e);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})},t.prototype.onInput=function(e){var t=parseFloat(e);this.props.onInput&&this.props.onInput(t)},t.prototype.render=function(){var e=this;return r.createElement("div",{className:"sliderLine"},r.createElement("div",{className:"label"},this.props.label),r.createElement("div",{className:"slider"},this.state.value?this.state.value.toFixed(2):"0"," ",r.createElement("input",{className:"range",type:"range",step:this.props.step,min:this.props.minimum,max:this.props.maximum,value:this.state.value,onInput:function(t){return e.onInput(t.target.value)},onChange:function(t){return e.onChange(t.target.value)}})))},t}(r.Component),Se=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Pe=(function(){}(),function(e){function t(t){var n=e.call(this,t)||this;return n._localChange=!1,n.state={value:0},n}return Se(t,e),t.prototype.shouldComponentUpdate=function(e,t){if(this._localChange)return this._localChange=!1,!0;var n=e.target[e.propertyName];return null!=n&&n!==t.value&&(t.value=n,!0)},t.prototype.raiseOnPropertyChanged=function(e,t){this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:this.props.target,property:this.props.propertyName,value:e,initialValue:t})},t.prototype.updateValue=function(e){var t=parseInt(e);this._localChange=!0;var n=this.state.value;this.props.noDirectUpdate||(this.props.target[this.props.propertyName]=t),this.setState({value:t}),this.raiseOnPropertyChanged(t,n),this.props.onSelect&&this.props.onSelect(t)},t.prototype.render=function(){var e=this;return r.createElement("div",{className:"listLine"},r.createElement("div",{className:"label"},this.props.label),r.createElement("div",{className:"options"},r.createElement("select",{onChange:function(t){return e.updateValue(t.target.value)},value:this.state.value},this.props.options.map(function(e){return r.createElement("option",{key:e.label,value:e.value},e.label)}))))},t}(r.Component)),we=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),ke=function(e){function t(t){return e.call(this,t)||this}return we(t,e),t.prototype.render=function(){var e=this,t=this.props.material,n=[{label:"Clockwise",value:BABYLON.Material.ClockWiseSideOrientation},{label:"Counterclockwise",value:BABYLON.Material.CounterClockWiseSideOrientation}],o=[{label:"Opaque",value:BABYLON.PBRMaterial.PBRMATERIAL_OPAQUE},{label:"Alpha test",value:BABYLON.PBRMaterial.PBRMATERIAL_ALPHATEST},{label:"Alpha blend",value:BABYLON.PBRMaterial.PBRMATERIAL_ALPHABLEND},{label:"Alpha blend and test",value:BABYLON.PBRMaterial.PBRMATERIAL_ALPHATESTANDBLEND}],a=[{label:"Combine",value:BABYLON.Engine.ALPHA_COMBINE},{label:"One one",value:BABYLON.Engine.ALPHA_ONEONE},{label:"Add",value:BABYLON.Engine.ALPHA_ADD},{label:"Subtract",value:BABYLON.Engine.ALPHA_SUBTRACT},{label:"Multiply",value:BABYLON.Engine.ALPHA_MULTIPLY},{label:"Maximized",value:BABYLON.Engine.ALPHA_MAXIMIZED},{label:"Pre-multiplied",value:BABYLON.Engine.ALPHA_PREMULTIPLIED}];return r.createElement("div",null,r.createElement(K,{title:"GENERAL"},r.createElement(W,{label:"ID",value:t.id}),r.createElement(W,{label:"Unique ID",value:t.uniqueId.toString()}),r.createElement(W,{label:"Class",value:t.getClassName()}),r.createElement(ne,{label:"Backface culling",target:t,propertyName:"backFaceCulling",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(Pe,{label:"Orientation",options:n,target:t,propertyName:"sideOrientation",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:function(t){return e.setState({mode:t})}}),r.createElement(ne,{label:"Disable lighting",target:t,propertyName:"disableLighting",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Disable depth write",target:t,propertyName:"disableDepthWrite",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Need depth pre-pass",target:t,propertyName:"needDepthPrePass",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Wireframe",target:t,propertyName:"wireframe",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Point cloud",target:t,propertyName:"pointsCloud",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(_e,{label:"Point size",target:t,propertyName:"pointSize",minimum:0,maximum:100,step:.1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(_e,{label:"Z-offset",target:t,propertyName:"zOffset",minimum:-10,maximum:10,step:.1,onPropertyChangedObservable:this.props.onPropertyChangedObservable})),r.createElement(K,{title:"TRANSPARENCY"},r.createElement(_e,{label:"Alpha",target:t,propertyName:"alpha",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),void 0!==t.transparencyMode&&r.createElement(Pe,{label:"Transparency mode",options:o,target:t,propertyName:"transparencyMode",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:function(t){return e.setState({transparencyMode:t})}}),r.createElement(Pe,{label:"Alpha mode",options:a,target:t,propertyName:"alphaMode",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:function(t){return e.setState({alphaMode:t})}}),r.createElement(ne,{label:"Separate culling pass",target:t,propertyName:"separateCullingPass",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(r.Component),Ne=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Te=function(e){function t(t){return e.call(this,t)||this}return Ne(t,e),t.prototype.render=function(){var e=this.props.material;return r.createElement("div",{className:"pane"},r.createElement(ke,{lockObject:this.props.lockObject,material:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}))},t}(r.Component),Le=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Ae=function(e){function t(t){var n=e.call(this,t)||this;return n._localChange=!1,n.state={value:n.props.value.toFixed(3)},n}return Le(t,e),t.prototype.shouldComponentUpdate=function(e,t){return this._localChange?(this._localChange=!1,!0):e.value.toString()!==t.value&&(t.value=e.value.toFixed(3),!0)},t.prototype.updateValue=function(e){var t=e.target.value;if(!/[^0-9\.\-]/g.test(t)){var n=parseFloat(t);this._localChange=!0,this.setState({value:t}),isNaN(n)||this.props.onChange(n)}},t.prototype.render=function(){var e=this;return r.createElement("div",{className:"numeric"},this.props.label&&r.createElement("div",{className:"numeric-label"},this.props.label+": "),r.createElement("input",{type:"number",step:"1",className:"numeric-input",value:this.state.value,onChange:function(t){return e.updateValue(t)}}))},t}(r.Component),je=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Me=function(e){function t(t){var n=e.call(this,t)||this;return n._localChange=!1,n.state={isExpanded:!1,color:n.props.target[n.props.propertyName].clone()},n}return je(t,e),t.prototype.shouldComponentUpdate=function(e,t){var n=e.target[e.propertyName];return!(n.equals(t.color)&&!this._localChange)&&(t.color=n.clone(),this._localChange=!1,!0)},t.prototype.onChange=function(e){this._localChange=!0;var t=BABYLON.Color3.FromHexString(e);this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:this.props.target,property:this.props.propertyName,value:t,initialValue:this.state.color}),this.props.target[this.props.propertyName]=t,this.setState({color:t})},t.prototype.switchExpandState=function(){this._localChange=!0,this.setState({isExpanded:!this.state.isExpanded})},t.prototype.raiseOnPropertyChanged=function(e){this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:this.props.target,property:this.props.propertyName,value:this.state.color,initialValue:e})},t.prototype.updateStateR=function(e){this._localChange=!0;var t=this.state.color.clone();this.props.target[this.props.propertyName].x=e,this.state.color.r=e,this.props.target[this.props.propertyName]=this.state.color,this.setState({color:this.state.color}),this.raiseOnPropertyChanged(t)},t.prototype.updateStateG=function(e){this._localChange=!0;var t=this.state.color.clone();this.props.target[this.props.propertyName].g=e,this.state.color.g=e,this.props.target[this.props.propertyName]=this.state.color,this.setState({color:this.state.color}),this.raiseOnPropertyChanged(t)},t.prototype.updateStateB=function(e){this._localChange=!0;var t=this.state.color.clone();this.props.target[this.props.propertyName].b=e,this.state.color.b=e,this.props.target[this.props.propertyName]=this.state.color,this.setState({color:this.state.color}),this.raiseOnPropertyChanged(t)},t.prototype.copyToClipboard=function(){var e=document.createElement("div");if(e.textContent=this.state.color.toHexString(),document.body.appendChild(e),window.getSelection){var t=document.createRange();t.selectNode(e),window.getSelection().removeAllRanges(),window.getSelection().addRange(t)}document.execCommand("copy"),e.remove()},t.prototype.render=function(){var e=this,t=this.state.isExpanded?r.createElement(a.a,{icon:L}):r.createElement(a.a,{icon:j}),n="Color3"===this.state.color.getClassName()?this.state.color:new BABYLON.Color3(this.state.color.r,this.state.color.g,this.state.color.b);return r.createElement("div",{className:"color3Line"},r.createElement("div",{className:"firstLine"},r.createElement("div",{className:"label"},this.props.label),r.createElement("div",{className:"color3"},r.createElement("input",{type:"color",value:n.toHexString(),onChange:function(t){return e.onChange(t.target.value)}})),r.createElement("div",{className:"copy hoverIcon",onClick:function(){return e.copyToClipboard()},title:"Copy to clipboard"},r.createElement(a.a,{icon:y})),r.createElement("div",{className:"expand hoverIcon",onClick:function(){return e.switchExpandState()},title:"Expand"},t)),this.state.isExpanded&&r.createElement("div",{className:"secondLine"},r.createElement(Ae,{label:"r",value:this.state.color.r,onChange:function(t){return e.updateStateR(t)}}),r.createElement(Ae,{label:"g",value:this.state.color.g,onChange:function(t){return e.updateStateG(t)}}),r.createElement(Ae,{label:"b",value:this.state.color.b,onChange:function(t){return e.updateStateB(t)}})))},t}(r.Component),Be=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Re=function(e){function t(t){var n=e.call(this,t)||this,r=n.props.material,o=n.props.texture;return n.state={isDebugSelected:r&&r.reservedDataStore&&r.reservedDataStore.debugTexture===o},n}return Be(t,e),t.prototype.componentWillMount=function(){var e=this;this.props.onDebugSelectionChangeObservable&&(this._onDebugSelectionChangeObserver=this.props.onDebugSelectionChangeObservable.add(function(t){e.props.texture!==t&&e.setState({isDebugSelected:!1})}))},t.prototype.componentWillUnmount=function(){this.props.onDebugSelectionChangeObservable&&this._onDebugSelectionChangeObserver&&this.props.onDebugSelectionChangeObservable.remove(this._onDebugSelectionChangeObserver)},t.prototype.debugTexture=function(){var e=this.props.texture,t=this.props.material;if(t){var n=t.getScene();if(t.reservedDataStore&&t.reservedDataStore.debugTexture===e){for(var r=t.reservedDataStore.debugMaterial,o=0,a=n.meshes;o<a.length;o++){(u=a[o]).material===r&&(u.material=t)}return r.dispose(),t.reservedDataStore.debugTexture=null,t.reservedDataStore.debugMaterial=null,void this.setState({isDebugSelected:!1})}var i=t,l=!1;t.reservedDataStore&&t.reservedDataStore.debugTexture&&(i=t.reservedDataStore.debugMaterial,l=!0);var s=new BABYLON.StandardMaterial("debugMaterial",n);s.disableLighting=!0,s.sideOrientation=t.sideOrientation,s.emissiveTexture=e,s.forceDepthWrite=!0,s.reservedDataStore={hidden:!0};for(var c=0,p=n.meshes;c<p.length;c++){var u;(u=p[c]).material===i&&(u.material=s)}t.reservedDataStore||(t.reservedDataStore={}),t.reservedDataStore.debugTexture=e,t.reservedDataStore.debugMaterial=s,this.props.onDebugSelectionChangeObservable&&this.props.onDebugSelectionChangeObservable.notifyObservers(e),l&&i.dispose(),this.setState({isDebugSelected:!0})}},t.prototype.onLink=function(){if(this.props.onSelectionChangedObservable){var e=this.props.texture;this.props.onSelectionChangedObservable.notifyObservers(e)}},t.prototype.render=function(){var e=this,t=this.props.texture;return t?r.createElement("div",{className:"textureLinkLine"},!t.isCube&&this.props.material&&r.createElement("div",{className:this.state.isDebugSelected?"debug selected":"debug",onClick:function(){return e.debugTexture()},title:"Render as main texture"},r.createElement(a.a,{icon:H})),r.createElement(W,{label:this.props.label,value:t.name,onLink:function(){return e.onLink()}})):null},t}(r.Component),ze=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Ie=function(e){function t(t){return e.call(this,t)||this}return ze(t,e),t.prototype.renderTextures=function(){var e=this.props.material;if(0===e.getActiveTextures().length)return null;var t=new BABYLON.Observable;return r.createElement(K,{title:"TEXTURES"},r.createElement(Re,{label:"Diffuse",texture:e.diffuseTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),r.createElement(Re,{label:"Specular",texture:e.specularTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),r.createElement(Re,{label:"Reflection",texture:e.reflectionTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),r.createElement(Re,{label:"Refraction",texture:e.refractionTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),r.createElement(Re,{label:"Emissive",texture:e.emissiveTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),r.createElement(Re,{label:"Bump",texture:e.bumpTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),r.createElement(Re,{label:"Opacity",texture:e.opacityTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),r.createElement(Re,{label:"Ambient",texture:e.ambientTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),r.createElement(Re,{label:"Lightmap",texture:e.lightmapTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}))},t.prototype.render=function(){var e=this.props.material;return r.createElement("div",{className:"pane"},r.createElement(ke,{lockObject:this.props.lockObject,material:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),this.renderTextures(),r.createElement(K,{title:"LIGHTING & COLORS"},r.createElement(Me,{label:"Diffuse",target:e,propertyName:"diffuseColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(Me,{label:"Specular",target:e,propertyName:"specularColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(_e,{label:"Specular power",target:e,propertyName:"specularPower",minimum:0,maximum:128,step:.1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(Me,{label:"Emissive",target:e,propertyName:"emissiveColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(Me,{label:"Ambient",target:e,propertyName:"ambientColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),r.createElement(K,{title:"LEVELS",closed:!0},e.diffuseTexture&&r.createElement(_e,{label:"Diffuse level",target:e.diffuseTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.specularTexture&&r.createElement(_e,{label:"Specular level",target:e.specularTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.reflectionTexture&&r.createElement(_e,{label:"Reflection level",target:e.reflectionTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.refractionTexture&&r.createElement(_e,{label:"Refraction level",target:e.refractionTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.emissiveTexture&&r.createElement(_e,{label:"Emissive level",target:e.emissiveTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.bumpTexture&&r.createElement(_e,{label:"Bump level",target:e.bumpTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.opacityTexture&&r.createElement(_e,{label:"Opacity level",target:e.opacityTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.ambientTexture&&r.createElement(_e,{label:"Ambient level",target:e.ambientTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.lightmapTexture&&r.createElement(_e,{label:"Lightmap level",target:e.lightmapTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(r.Component),De=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Fe=function(e){function t(t){var n=e.call(this,t)||this;return n.state={displayRed:!0,displayGreen:!0,displayBlue:!0,displayAlpha:!0,face:0},n}return De(t,e),t.prototype.shouldComponentUpdate=function(e,t){return e.texture!==this.props.texture||t.displayRed!==this.state.displayRed||t.displayGreen!==this.state.displayGreen||t.displayBlue!==this.state.displayBlue||t.displayAlpha!==this.state.displayAlpha||t.face!==this.state.face},t.prototype.componentDidMount=function(){this.updatePreview()},t.prototype.componentDidUpdate=function(){this.updatePreview()},t.prototype.updatePreview=function(){var e,t=this,n=this.props.texture,r=n.getScene(),o=r.getEngine(),a=n.getSize(),i=a.width/a.height,l=this.props.width,s=l/i|0;if(n.isCube){var c=new BABYLON.PassCubePostProcess("pass",1,null,BABYLON.Texture.NEAREST_SAMPLINGMODE,o,!1,BABYLON.Engine.TEXTURETYPE_UNSIGNED_INT);c.face=this.state.face,e=c}else e=new BABYLON.PassPostProcess("pass",1,null,BABYLON.Texture.NEAREST_SAMPLINGMODE,o,!1,BABYLON.Engine.TEXTURETYPE_UNSIGNED_INT);if(!e.getEffect().isReady())return e.dispose(),void setTimeout(function(){return t.updatePreview()},250);var p=this.refs.canvas;this.props.globalState.blockMutationUpdates=!0;var u=new BABYLON.RenderTargetTexture("temp",{width:l,height:s},r,!1);e.onApply=function(e){e.setTexture("textureSampler",n)};var d=u.getInternalTexture();if(d){r.postProcessManager.directRender([e],d);var h=4*l,f=s/2,b=o.readPixels(0,0,l,s);if(!(n.isCube||this.state.displayRed&&this.state.displayGreen&&this.state.displayBlue))for(var m=0;m<l*s*4;m+=4)if(this.state.displayRed||(b[m]=0),this.state.displayGreen||(b[m+1]=0),this.state.displayBlue||(b[m+2]=0),this.state.displayAlpha){var v=b[m+2];b[m]=v,b[m+1]=v,b[m+2]=v,b[m+2]=0}if(n.invertY||n.isCube)for(m=0;m<f;m++)for(var g=0;g<h;g++){var y=g+m*h,O=g+(s-m-1)*h,C=b[y];b[y]=b[O],b[O]=C}p.width=l,p.height=s;var E=p.getContext("2d");if(E){var x=E.createImageData(l,s);x.data.set(b),E.putImageData(x,0,0)}o.unBindFramebuffer(d)}u.dispose(),e.dispose(),p.style.height=s+"px",this.props.globalState.blockMutationUpdates=!1},t.prototype.render=function(){var e=this,t=this.props.texture;return r.createElement("div",{className:"textureLine"},t.isCube&&r.createElement("div",{className:"control3D"},r.createElement("button",{className:0===this.state.face?"px command selected":"px command",onClick:function(){return e.setState({face:0})}},"PX"),r.createElement("button",{className:1===this.state.face?"nx command selected":"nx command",onClick:function(){return e.setState({face:1})}},"NX"),r.createElement("button",{className:2===this.state.face?"py command selected":"py command",onClick:function(){return e.setState({face:2})}},"PY"),r.createElement("button",{className:3===this.state.face?"ny command selected":"ny command",onClick:function(){return e.setState({face:3})}},"NY"),r.createElement("button",{className:4===this.state.face?"pz command selected":"pz command",onClick:function(){return e.setState({face:4})}},"PZ"),r.createElement("button",{className:5===this.state.face?"nz command selected":"nz command",onClick:function(){return e.setState({face:5})}},"NZ")),!t.isCube&&r.createElement("div",{className:"control"},r.createElement("button",{className:this.state.displayRed&&!this.state.displayGreen?"red command selected":"red command",onClick:function(){return e.setState({displayRed:!0,displayGreen:!1,displayBlue:!1,displayAlpha:!1})}},"R"),r.createElement("button",{className:this.state.displayGreen&&!this.state.displayBlue?"green command selected":"green command",onClick:function(){return e.setState({displayRed:!1,displayGreen:!0,displayBlue:!1,displayAlpha:!1})}},"G"),r.createElement("button",{className:this.state.displayBlue&&!this.state.displayAlpha?"blue command selected":"blue command",onClick:function(){return e.setState({displayRed:!1,displayGreen:!1,displayBlue:!0,displayAlpha:!1})}},"B"),r.createElement("button",{className:this.state.displayAlpha&&!this.state.displayRed?"alpha command selected":"alpha command",onClick:function(){return e.setState({displayRed:!1,displayGreen:!1,displayBlue:!1,displayAlpha:!0})}},"A"),r.createElement("button",{className:this.state.displayRed&&this.state.displayGreen?"all command selected":"all command",onClick:function(){return e.setState({displayRed:!0,displayGreen:!0,displayBlue:!0,displayAlpha:!0})}},"ALL")),r.createElement("canvas",{ref:"canvas",className:"preview"}))},t}(r.Component),Ve=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),He=function(e){function t(t){var n=e.call(this,t)||this;n._localChange=!1;var r=n.props.target[n.props.propertyName];return n.state={value:r?n.props.isInteger?r.toFixed(0):r.toFixed(3):"0"},n._store=r,n}return Ve(t,e),t.prototype.componentWillUnmount=function(){this.unlock()},t.prototype.shouldComponentUpdate=function(e,t){if(this._localChange)return this._localChange=!1,!0;var n=e.target[e.propertyName],r=n?this.props.isInteger?n.toFixed(0):n.toFixed(3):"0";return r!==t.value&&(t.value=r,!0)},t.prototype.raiseOnPropertyChanged=function(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})},t.prototype.updateValue=function(e){var t;/[^0-9\.\-]/g.test(e)||(t=this.props.isInteger?parseInt(e):parseFloat(e),this._localChange=!0,this.setState({value:e}),isNaN(t)||(this.raiseOnPropertyChanged(t,this._store),this.props.target[this.props.propertyName]=t,this._store=t))},t.prototype.lock=function(){this.props.lockObject&&(this.props.lockObject.lock=!0)},t.prototype.unlock=function(){this.props.lockObject&&(this.props.lockObject.lock=!1)},t.prototype.render=function(){var e=this;return r.createElement("div",{className:this.props.additionalClass?this.props.additionalClass+" floatLine":"floatLine"},r.createElement("div",{className:"label"},this.props.label),r.createElement("div",{className:"value"},r.createElement("input",{type:"number",step:"0.01",className:"numeric-input",value:this.state.value,onBlur:function(){return e.unlock()},onFocus:function(){return e.lock()},onChange:function(t){return e.updateValue(t.target.value)}})))},t}(r.Component),Ue=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Ge=function(e){function t(t){return e.call(this,t)||this}return Ue(t,e),t.prototype.onChange=function(e){var t=e.target.files;t&&t.length&&this.props.onClick(t[0]),e.target.value=""},t.prototype.render=function(){var e=this;return r.createElement("div",{className:"buttonLine"},r.createElement("label",{htmlFor:"file-upload",className:"file-upload"},this.props.label),r.createElement("input",{ref:"upload",id:"file-upload",type:"file",accept:this.props.accept,onChange:function(t){return e.onChange(t)}}))},t}(r.Component),Ye=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),We=function(e){function t(t){return e.call(this,t)||this}return Ye(t,e),t.prototype.componentWillMount=function(){var e=this.props.texture;if(e&&e.rootContainer){var t=e;this._adtInstrumentation=new BABYLON.GUI.AdvancedDynamicTextureInstrumentation(t),this._adtInstrumentation.captureRenderTime=!0,this._adtInstrumentation.captureLayoutTime=!0}},t.prototype.componentWillUnmount=function(){this._adtInstrumentation&&(this._adtInstrumentation.dispose(),this._adtInstrumentation=null)},t.prototype.updateTexture=function(e){var t=this,n=this.props.texture;BABYLON.Tools.ReadFile(e,function(r){var o=new Blob([r],{type:"octet/stream"}),a=URL.createObjectURL(o);if(n.isCube){var i=void 0;e.name.toLowerCase().indexOf(".dds")>0?i=".dds":e.name.toLowerCase().indexOf(".env")>0&&(i=".env"),n.updateURL(a,i,function(){return t.forceUpdate()})}else n.updateURL(a,null,function(){return t.forceUpdate()})},void 0,!0)},t.prototype.render=function(){var e=this,t=this.props.texture,n=[{label:"Nearest",value:BABYLON.Texture.NEAREST_NEAREST},{label:"Nearest & linear mip",value:BABYLON.Texture.NEAREST_LINEAR},{label:"Linear",value:BABYLON.Texture.LINEAR_LINEAR_MIPLINEAR}];return r.createElement("div",{className:"pane"},r.createElement(K,{title:"PREVIEW"},r.createElement(Fe,{texture:t,width:256,height:256,globalState:this.props.globalState}),r.createElement(Ge,{label:"Replace texture",onClick:function(t){return e.updateTexture(t)},accept:".jpg, .png, .tga, .dds, .env"})),r.createElement(K,{title:"GENERAL"},r.createElement(W,{label:"Unique ID",value:t.uniqueId.toString()}),r.createElement(W,{label:"Class",value:t.getClassName()}),r.createElement(W,{label:"Has alpha",value:t.hasAlpha?"Yes":"No"}),r.createElement(W,{label:"Is 3D",value:t.is3D?"Yes":"No"}),r.createElement(W,{label:"Is cube",value:t.isCube?"Yes":"No"}),r.createElement(W,{label:"Is render target",value:t.isRenderTarget?"Yes":"No"}),r.createElement(W,{label:"Has mipmaps",value:t.noMipmap?"No":"Yes"}),r.createElement(_e,{label:"UV set",target:t,propertyName:"coordinatesIndex",minimum:0,maximum:3,step:1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.updateSamplingMode&&r.createElement(Pe,{label:"Sampling",options:n,target:t,noDirectUpdate:!0,propertyName:"samplingMode",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:function(e){return t.updateSamplingMode(e)}})),t.rootContainer&&r.createElement(K,{title:"ADVANCED TEXTURE PROPERTIES"},r.createElement($,{label:"Last layout time",value:this._adtInstrumentation.renderTimeCounter.current,units:"ms"}),r.createElement($,{label:"Last render time",value:this._adtInstrumentation.layoutTimeCounter.current,units:"ms"}),r.createElement(_e,{label:"Render scale",minimum:.1,maximum:5,step:.1,target:t,propertyName:"renderScale",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Premultiply alpha",target:t,propertyName:"premulAlpha",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Ideal width",target:t,propertyName:"idealWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Ideal height",target:t,propertyName:"idealHeight",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Use smallest ideal",target:t,propertyName:"useSmallestIdeal",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Render at ideal size",target:t,propertyName:"renderAtIdealSize",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),r.createElement(K,{title:"TRANSFORM"},!t.isCube&&r.createElement("div",null,r.createElement(He,{lockObject:this.props.lockObject,label:"U offset",target:t,propertyName:"uOffset",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"V offset",target:t,propertyName:"vOffset",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"U scale",target:t,propertyName:"uScale",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"V scale",target:t,propertyName:"vScale",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"U angle",target:t,propertyName:"uAng",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"V angle",target:t,propertyName:"vAng",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"W angle",target:t,propertyName:"wAng",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Clamp U",isSelected:function(){return t.wrapU===BABYLON.Texture.CLAMP_ADDRESSMODE},onSelect:function(e){return t.wrapU=e?BABYLON.Texture.CLAMP_ADDRESSMODE:BABYLON.Texture.WRAP_ADDRESSMODE}}),r.createElement(ne,{label:"Clamp V",isSelected:function(){return t.wrapV===BABYLON.Texture.CLAMP_ADDRESSMODE},onSelect:function(e){return t.wrapV=e?BABYLON.Texture.CLAMP_ADDRESSMODE:BABYLON.Texture.WRAP_ADDRESSMODE}})),t.isCube&&r.createElement("div",null,r.createElement(_e,{label:"Rotation Y",minimum:0,maximum:2*Math.PI,step:.1,target:t,propertyName:"rotationY"}))))},t}(r.Component),Xe=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Ke=function(e){function t(t){return e.call(this,t)||this}return Xe(t,e),t.prototype.renderTextures=function(){var e=this.props.material;if(0===e.getActiveTextures().length)return null;var t=new BABYLON.Observable;return r.createElement(K,{title:"TEXTURES"},r.createElement(Re,{label:"Albedo",texture:e.albedoTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),r.createElement(Re,{label:"Metallic",texture:e.metallicTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),r.createElement(Re,{label:"Reflection",texture:e.reflectionTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),r.createElement(Re,{label:"Refraction",texture:e.refractionTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),r.createElement(Re,{label:"Micro-surface",texture:e.microSurfaceTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),r.createElement(Re,{label:"Bump",texture:e.bumpTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),r.createElement(Re,{label:"Emissive",texture:e.emissiveTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),r.createElement(Re,{label:"Opacity",texture:e.opacityTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),r.createElement(Re,{label:"Ambient",texture:e.ambientTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),r.createElement(Re,{label:"Lightmap",texture:e.lightmapTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}))},t.prototype.render=function(){var e=this.props.material;return r.createElement("div",{className:"pane"},r.createElement(ke,{lockObject:this.props.lockObject,material:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),this.renderTextures(),r.createElement(K,{title:"LIGHTING & COLORS"},r.createElement(Me,{label:"Albedo",target:e,propertyName:"albedoColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(Me,{label:"Reflectivity",target:e,propertyName:"reflectivityColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(Me,{label:"Emissive",target:e,propertyName:"emissiveColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(Me,{label:"Ambient",target:e,propertyName:"ambientColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),r.createElement(K,{title:"LEVELS",closed:!0},r.createElement(_e,{label:"Environment",target:e,propertyName:"environmentIntensity",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(_e,{label:"Metallic",target:e,propertyName:"metallic",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(_e,{label:"Roughness",target:e,propertyName:"roughness",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(_e,{label:"Micro-surface",target:e,propertyName:"microSurface",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(_e,{label:"Specular",target:e,propertyName:"specularIntensity",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.bumpTexture&&r.createElement(_e,{label:"Bump strength",target:e.bumpTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.ambientTexture&&r.createElement(_e,{label:"Ambient strength",target:e,propertyName:"ambientTextureStrength",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.reflectionTexture&&r.createElement(_e,{label:"Reflection strength",target:e.reflectionTexture,propertyName:"level",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable})),r.createElement(K,{title:"RENDERING",closed:!0},r.createElement(ne,{label:"Alpha from albedo",target:e,propertyName:"useAlphaFromAlbedoTexture",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Ambient in grayscale",target:e,propertyName:"useAmbientInGrayScale",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Radiance over alpha",target:e,propertyName:"useRadianceOverAlpha",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Link refraction with transparency",target:e,propertyName:"linkRefractionWithTransparency",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Micro-surface from ref. map alpha",target:e,propertyName:"useMicroSurfaceFromReflectivityMapAlpha",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Specular over alpha",target:e,propertyName:"useSpecularOverAlpha",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Specular anti-aliasing",target:e,propertyName:"enableSpecularAntiAliasing",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),r.createElement(K,{title:"ADVANCED",closed:!0},r.createElement(ne,{label:"Radiance occlusion",target:e,propertyName:"useRadianceOcclusion",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Horizon occlusion ",target:e,propertyName:"useHorizonOcclusion",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Unlit",target:e,propertyName:"unlit",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(r.Component),qe=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),$e=function(e){function t(t){var n=e.call(this,t)||this;return n.state={isSelected:n.props.isSelected()},n}return qe(t,e),t.prototype.componentWillMount=function(){var e=this;this._onSelectionChangedObserver=this.props.onSelectionChangedObservable.add(function(t){e.setState({isSelected:t===e})})},t.prototype.componentWillUnmount=function(){this._onSelectionChangedObserver&&(this.props.onSelectionChangedObservable.remove(this._onSelectionChangedObserver),this._onSelectionChangedObserver=null)},t.prototype.onChange=function(){this.props.onSelect(),this.props.onSelectionChangedObservable.notifyObservers(this)},t.prototype.render=function(){var e=this;return r.createElement("div",{className:"radioLine"},r.createElement("div",{className:"label"},this.props.label),r.createElement("div",{className:"radioContainer"},r.createElement("input",{id:this.props.label,className:"radio",type:"radio",checked:this.state.isSelected,onChange:function(){return e.onChange()}}),r.createElement("label",{htmlFor:this.props.label,className:"labelForRadio"})))},t}(r.Component),Qe=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Ze=function(e){function t(t){var n=e.call(this,t)||this;return n.state={mode:0},n}return Qe(t,e),t.prototype.render=function(){var e=this,t=this.props.scene,n=[{label:"None",value:BABYLON.Scene.FOGMODE_NONE},{label:"Linear",value:BABYLON.Scene.FOGMODE_LINEAR},{label:"Exp",value:BABYLON.Scene.FOGMODE_EXP},{label:"Exp2",value:BABYLON.Scene.FOGMODE_EXP2}];return r.createElement("div",null,r.createElement(Pe,{label:"Fog mode",options:n,target:t,propertyName:"fogMode",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:function(t){return e.setState({mode:t})}}),this.state.mode!==BABYLON.Scene.FOGMODE_NONE&&r.createElement(Me,{label:"Fog color",target:t,propertyName:"fogColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(this.state.mode===BABYLON.Scene.FOGMODE_EXP||this.state.mode===BABYLON.Scene.FOGMODE_EXP2)&&r.createElement(He,{lockObject:this.props.lockObject,label:"Fog density",target:t,propertyName:"fogDensity",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),this.state.mode===BABYLON.Scene.FOGMODE_LINEAR&&r.createElement(He,{lockObject:this.props.lockObject,label:"Fog start",target:t,propertyName:"fogStart",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),this.state.mode===BABYLON.Scene.FOGMODE_LINEAR&&r.createElement(He,{lockObject:this.props.lockObject,label:"Fog end",target:t,propertyName:"fogEnd",onPropertyChangedObservable:this.props.onPropertyChangedObservable}))},t}(r.Component),Je=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),et=function(e){function t(t){var n=e.call(this,t)||this;return n._localChange=!1,n.state={isExpanded:!1,value:n.props.target[n.props.propertyName].clone()},n}return Je(t,e),t.prototype.shouldComponentUpdate=function(e,t){var n=e.target[e.propertyName];return!(n.equals(t.value)&&!this._localChange)&&(t.value=n.clone(),this._localChange=!1,!0)},t.prototype.switchExpandState=function(){this._localChange=!0,this.setState({isExpanded:!this.state.isExpanded})},t.prototype.raiseOnPropertyChanged=function(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})},t.prototype.updateStateX=function(e){this._localChange=!0;var 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)},t.prototype.updateStateY=function(e){this._localChange=!0;var 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)},t.prototype.updateStateZ=function(e){this._localChange=!0;var t=this.state.value.clone();this.props.target[this.props.propertyName].z=e,this.state.value.z=e,this.setState({value:this.state.value}),this.raiseOnPropertyChanged(t)},t.prototype.render=function(){var e=this,t=this.state.isExpanded?r.createElement(a.a,{icon:L}):r.createElement(a.a,{icon:j});return r.createElement("div",{className:"vector3Line"},r.createElement("div",{className:"firstLine"},r.createElement("div",{className:"label"},this.props.label),r.createElement("div",{className:"vector"},"X: "+this.state.value.x.toFixed(2)+", Y: "+this.state.value.y.toFixed(2)+", Z: "+this.state.value.z.toFixed(2)),r.createElement("div",{className:"expand hoverIcon",onClick:function(){return e.switchExpandState()},title:"Expand"},t)),this.state.isExpanded&&r.createElement("div",{className:"secondLine"},r.createElement(Ae,{label:"x",value:this.state.value.x,onChange:function(t){return e.updateStateX(t)}}),r.createElement(Ae,{label:"y",value:this.state.value.y,onChange:function(t){return e.updateStateY(t)}}),r.createElement(Ae,{label:"z",value:this.state.value.z,onChange:function(t){return e.updateStateZ(t)}})))},t}(r.Component),tt=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),nt=function(e){function t(t){var n=e.call(this,t)||this;return n._renderingModeGroupObservable=new BABYLON.Observable,n}return tt(t,e),t.prototype.setRenderingModes=function(e,t){var n=this.props.scene;n.forcePointsCloud=e,n.forceWireframe=t},t.prototype.switchIBL=function(){var e=this.props.scene;e.environmentTexture?(this._storedEnvironmentTexture=e.environmentTexture,e.environmentTexture=null):(e.environmentTexture=this._storedEnvironmentTexture,this._storedEnvironmentTexture=null)},t.prototype.updateEnvironmentTexture=function(e){var t=e.name.toLowerCase().indexOf(".dds")>0,n=e.name.toLowerCase().indexOf(".env")>0;if(t||n){var r=this.props.scene;BABYLON.Tools.ReadFile(e,function(e){var n=new Blob([e],{type:"octet/stream"}),o=URL.createObjectURL(n);r.environmentTexture=t?BABYLON.CubeTexture.CreateFromPrefilteredData(o,r,".dds"):new BABYLON.CubeTexture(o,r,void 0,void 0,void 0,function(){},function(e){e&&console.error(e)},void 0,void 0,".env")},void 0,!0)}else console.error("Unable to update environment texture. Please select a dds or env file.")},t.prototype.updateGravity=function(e){this.props.scene.getPhysicsEngine().setGravity(e)},t.prototype.updateTimeStep=function(e){this.props.scene.getPhysicsEngine().setTimeStep(e)},t.prototype.render=function(){var e=this,t=this.props.scene,n=t.getPhysicsEngine(),o=null;n&&(o={gravity:n.gravity,timeStep:n.getTimeStep()});var a=t.imageProcessingConfiguration,i=[{label:"Standard",value:BABYLON.ImageProcessingConfiguration.TONEMAPPING_STANDARD},{label:"ACES",value:BABYLON.ImageProcessingConfiguration.TONEMAPPING_ACES}];return r.createElement("div",{className:"pane"},r.createElement(K,{title:"RENDERING MODE"},r.createElement($e,{onSelectionChangedObservable:this._renderingModeGroupObservable,label:"Point",isSelected:function(){return t.forcePointsCloud},onSelect:function(){return e.setRenderingModes(!0,!1)}}),r.createElement($e,{onSelectionChangedObservable:this._renderingModeGroupObservable,label:"Wireframe",isSelected:function(){return t.forceWireframe},onSelect:function(){return e.setRenderingModes(!1,!0)}}),r.createElement($e,{onSelectionChangedObservable:this._renderingModeGroupObservable,label:"Solid",isSelected:function(){return!t.forcePointsCloud&&!t.forceWireframe},onSelect:function(){return e.setRenderingModes(!1,!1)}})),r.createElement(K,{title:"ENVIRONMENT"},r.createElement(Me,{label:"Clear color",target:t,propertyName:"clearColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Clear color enabled",target:t,propertyName:"autoClear",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(Me,{label:"Ambient color",target:t,propertyName:"ambientColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Environment texture (IBL)",isSelected:function(){return null!=t.environmentTexture},onSelect:function(){return e.switchIBL()}}),t.environmentTexture&&r.createElement(Re,{label:"Env. texture",texture:t.environmentTexture,onSelectionChangedObservable:this.props.onSelectionChangedObservable}),r.createElement(Ge,{label:"Update environment texture",onClick:function(t){return e.updateEnvironmentTexture(t)},accept:".dds, .env"}),r.createElement(Ze,{lockObject:this.props.lockObject,scene:t,onPropertyChangedObservable:this.props.onPropertyChangedObservable})),r.createElement(K,{title:"IMAGE PROCESSING"},r.createElement(_e,{minimum:0,maximum:4,step:.1,label:"Contrast",target:a,propertyName:"contrast",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(_e,{minimum:0,maximum:4,step:.1,label:"Exposure",target:a,propertyName:"exposure",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Tone mapping",target:a,propertyName:"toneMappingEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(Pe,{label:"Tone mapping type",options:i,target:a,propertyName:"toneMappingType",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:function(t){return e.setState({mode:t})}})),null!==o&&r.createElement(K,{title:"PHYSICS",closed:!0},r.createElement(He,{lockObject:this.props.lockObject,label:"Time step",target:o,propertyName:"timeStep",onChange:function(t){return e.updateTimeStep(t)},onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(et,{label:"Gravity",target:o,propertyName:"gravity",onChange:function(t){return e.updateGravity(t)},onPropertyChangedObservable:this.props.onPropertyChangedObservable})),r.createElement(K,{title:"COLLISIONS",closed:!0},r.createElement(et,{label:"Gravity",target:t,propertyName:"gravity",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(r.Component),rt=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),ot=function(e){function t(t){return e.call(this,t)||this}return rt(t,e),t.prototype.render=function(){var e=this.props.light;return r.createElement(K,{title:"GENERAL"},r.createElement(W,{label:"ID",value:e.id}),r.createElement(W,{label:"Unique ID",value:e.uniqueId.toString()}),r.createElement(W,{label:"Class",value:e.getClassName()}),r.createElement(He,{lockObject:this.props.lockObject,label:"Intensity",target:e,propertyName:"intensity",onPropertyChangedObservable:this.props.onPropertyChangedObservable}))},t}(r.Component),at=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),it=function(e){function t(t){return e.call(this,t)||this}return at(t,e),t.prototype.render=function(){var e=this.props.light;return r.createElement("div",{className:"pane"},r.createElement(ot,{lockObject:this.props.lockObject,light:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(K,{title:"SETUP"},r.createElement(Me,{label:"Diffuse",target:e,propertyName:"diffuse",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(Me,{label:"Ground",target:e,propertyName:"groundColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(et,{label:"Direction",target:e,propertyName:"direction",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(r.Component),lt=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),st=function(e){function t(t){return e.call(this,t)||this}return lt(t,e),t.prototype.render=function(){var e=this.props.light;return r.createElement(K,{title:"SHADOWS"},r.createElement(ne,{label:"Shadows enabled",target:e,propertyName:"shadowEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Shadows near plane",target:e,propertyName:"shadowMinZ",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Shadows far plane",target:e,propertyName:"shadowMaxZ",onPropertyChangedObservable:this.props.onPropertyChangedObservable}))},t}(r.Component),ct=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),pt=function(e){function t(t){return e.call(this,t)||this}return ct(t,e),t.prototype.render=function(){var e=this.props.light;return r.createElement("div",{className:"pane"},r.createElement(ot,{lockObject:this.props.lockObject,light:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(K,{title:"SETUP"},r.createElement(Me,{label:"Diffuse",target:e,propertyName:"diffuse",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(Me,{label:"Specular",target:e,propertyName:"specular",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(et,{label:"Position",target:e,propertyName:"position",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),r.createElement(st,{lockObject:this.props.lockObject,light:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}))},t}(r.Component),ut=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),dt=function(e){function t(t){var n=e.call(this,t)||this;return n.state={mode:n.props.camera.mode},n}return ut(t,e),t.prototype.render=function(){var e=this,t=this.props.camera,n=[{label:"Perspective",value:BABYLON.Camera.PERSPECTIVE_CAMERA},{label:"Orthographic",value:BABYLON.Camera.ORTHOGRAPHIC_CAMERA}];return r.createElement(K,{title:"GENERAL"},r.createElement(W,{label:"ID",value:t.id}),r.createElement(W,{label:"Unique ID",value:t.uniqueId.toString()}),r.createElement(W,{label:"Class",value:t.getClassName()}),r.createElement(He,{lockObject:this.props.lockObject,label:"Near plane",target:t,propertyName:"minZ",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Far plane",target:t,propertyName:"maxZ",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(_e,{label:"Inertia",target:t,propertyName:"inertia",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(Pe,{label:"Mode",options:n,target:t,propertyName:"mode",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:function(t){return e.setState({mode:t})}}),t.mode===BABYLON.Camera.PERSPECTIVE_CAMERA&&r.createElement(_e,{label:"Field of view",target:t,propertyName:"fov",minimum:.1,maximum:Math.PI,step:.1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.mode===BABYLON.Camera.ORTHOGRAPHIC_CAMERA&&r.createElement(He,{lockObject:this.props.lockObject,label:"Left",target:t,propertyName:"orthoLeft",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.mode===BABYLON.Camera.ORTHOGRAPHIC_CAMERA&&r.createElement(He,{lockObject:this.props.lockObject,label:"Top",target:t,propertyName:"orthoTop",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.mode===BABYLON.Camera.ORTHOGRAPHIC_CAMERA&&r.createElement(He,{lockObject:this.props.lockObject,label:"Right",target:t,propertyName:"orthoRight",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.mode===BABYLON.Camera.ORTHOGRAPHIC_CAMERA&&r.createElement(He,{lockObject:this.props.lockObject,label:"Bottom",target:t,propertyName:"orthoBottom",onPropertyChangedObservable:this.props.onPropertyChangedObservable}))},t}(r.Component),ht=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),ft=function(e){function t(t){return e.call(this,t)||this}return ht(t,e),t.prototype.render=function(){var e=this.props.camera;return r.createElement("div",{className:"pane"},r.createElement(dt,{lockObject:this.props.lockObject,camera:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(K,{title:"TRANSFORMS"},r.createElement(et,{label:"Position",target:e,propertyName:"position",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),r.createElement(K,{title:"CONTROLS",closed:!0},r.createElement(He,{lockObject:this.props.lockObject,label:"Angular sensitivity",target:e,propertyName:"angularSensibility",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Speed",target:e,propertyName:"speed",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),r.createElement(K,{title:"COLLISIONS",closed:!0},r.createElement(ne,{label:"Check collisions",target:e,propertyName:"checkCollisions",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Apply gravity",target:e,propertyName:"applYGravity",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(et,{label:"Ellipsoid",target:e,propertyName:"ellipsoid",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(et,{label:"Ellipsoid offset",target:e,propertyName:"ellipsoidOffset",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(r.Component),bt=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),mt=function(e){function t(t){return e.call(this,t)||this}return bt(t,e),t.prototype.render=function(){var e=this.props.camera;return r.createElement("div",{className:"pane"},r.createElement(dt,{lockObject:this.props.lockObject,camera:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(K,{title:"TRANSFORMS"},r.createElement(_e,{label:"Alpha",target:e,propertyName:"alpha",minimum:e.lowerAlphaLimit||0,maximum:e.upperAlphaLimit||2*Math.PI,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(_e,{label:"Beta",target:e,propertyName:"beta",minimum:e.lowerAlphaLimit||0,maximum:e.upperBetaLimit||2*Math.PI,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Radius",target:e,propertyName:"radius",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),r.createElement(K,{title:"CONTROLS",closed:!0},r.createElement(He,{lockObject:this.props.lockObject,label:"Angular sensitivity X",target:e,propertyName:"angularSensibilityX",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Angular sensitivity Y",target:e,propertyName:"angularSensibilityY",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Panning sensitivity",target:e,propertyName:"panningSensibility",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Pinch delta percentage",target:e,propertyName:"pinchDeltaPercentage",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Wheel delta percentage",target:e,propertyName:"wheelDeltaPercentage",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Speed",target:e,propertyName:"speed",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),r.createElement(K,{title:"COLLISIONS",closed:!0},r.createElement(ne,{label:"Check collisions",target:e,propertyName:"checkCollisions",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(et,{label:"Collision radius",target:e,propertyName:"collisionRadius",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),r.createElement(K,{title:"LIMITS",closed:!0},r.createElement(He,{lockObject:this.props.lockObject,label:"Lower alpha limit",target:e,propertyName:"lowerAlphaLimit",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Upper alpha limit",target:e,propertyName:"upperAlphaLimit",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Lower beta limit",target:e,propertyName:"lowerBetaLimit",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Upper beta limit",target:e,propertyName:"upperBetaLimit",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Lower radius limit",target:e,propertyName:"lowerRadiusLimit",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Upper radius limit",target:e,propertyName:"upperRadiusLimit",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),r.createElement(K,{title:"BEHAVIORS",closed:!0},r.createElement(ne,{label:"Auto rotation",target:e,propertyName:"useAutoRotationBehavior",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Bouncing",target:e,propertyName:"useBouncingBehavior",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Framing",target:e,propertyName:"useFramingBehavior",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(r.Component),vt=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),gt=function(e){function t(t){var n=e.call(this,t)||this;return n._localChange=!1,n.state={isExpanded:!1,value:n.props.target[n.props.propertyName]},n}return vt(t,e),t.prototype.shouldComponentUpdate=function(e,t){var n=e.target[e.propertyName];return!(n.equals(t.value)&&!this._localChange)&&(t.value=n,this._localChange=!1,!0)},t.prototype.switchExpandState=function(){this._localChange=!0,this.setState({isExpanded:!this.state.isExpanded})},t.prototype.raiseOnPropertyChanged=function(e,t){this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:this.props.target,property:this.props.propertyName,value:e,initialValue:t})},t.prototype.updateQuaternion=function(){var e=this.state.value.clone(),t=this._eulerValue.toQuaternion();this.props.target[this.props.propertyName]=t,this.setState({value:t}),this.raiseOnPropertyChanged(t,e)},t.prototype.updateStateX=function(e){this._localChange=!0,this._eulerValue.x=e,this.updateQuaternion()},t.prototype.updateStateY=function(e){this._localChange=!0,this._eulerValue.y=e,this.updateQuaternion()},t.prototype.updateStateZ=function(e){this._localChange=!0,this._eulerValue.z=e,this.updateQuaternion()},t.prototype.render=function(){var e=this,t=this.state.isExpanded?r.createElement(a.a,{icon:L}):r.createElement(a.a,{icon:j});return this._eulerValue=this.state.value.toEulerAngles(),r.createElement("div",{className:"vector3Line"},r.createElement("div",{className:"firstLine"},r.createElement("div",{className:"label"},this.props.label),r.createElement("div",{className:"vector"},"X: "+this._eulerValue.x.toFixed(2)+", Y: "+this._eulerValue.y.toFixed(2)+", Z: "+this._eulerValue.z.toFixed(2)),r.createElement("div",{className:"expand",onClick:function(){return e.switchExpandState()}},t)),this.state.isExpanded&&r.createElement("div",{className:"secondLine"},r.createElement(Ae,{label:"x",value:this._eulerValue.x,onChange:function(t){return e.updateStateX(t)}}),r.createElement(Ae,{label:"y",value:this._eulerValue.y,onChange:function(t){return e.updateStateY(t)}}),r.createElement(Ae,{label:"z",value:this._eulerValue.z,onChange:function(t){return e.updateStateZ(t)}})))},t}(r.Component),yt=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Ot=function(e){function t(t){var n=e.call(this,t)||this,r=n.props.node;return r.reservedDataStore||(r.reservedDataStore={}),n.state={displayAxis:!(!r.reservedDataStore||!r.reservedDataStore.axisViewer)},n}return yt(t,e),t.prototype.displayAxes=function(){var e=this.props.node,t=e.getScene();if(e.reservedDataStore.axisViewer)return e.reservedDataStore.axisViewer.dispose(),e.reservedDataStore.axisViewer=null,t.onBeforeRenderObservable.remove(e.reservedDataStore.onBeforeRenderObserver),e.reservedDataStore.onBeforeRenderObserver=null,void this.setState({displayAxis:!1});var n=new BABYLON.Debug.AxesViewer(t);e.reservedDataStore.axisViewer=n;var r=new BABYLON.Vector3(1,0,0),o=new BABYLON.Vector3(0,1,0),a=new BABYLON.Vector3(0,0,1);n.xAxis.reservedDataStore={hidden:!0},n.yAxis.reservedDataStore={hidden:!0},n.zAxis.reservedDataStore={hidden:!0},e.reservedDataStore.onBeforeRenderObserver=t.onBeforeRenderObservable.add(function(){var i=e.getWorldMatrix(),l=BABYLON.Tmp.Vector3[0],s=t.getWorldExtends();s.max.subtractToRef(s.min,l),l.scaleInPlace(.25),n.scaleLines=2*Math.max(l.x,l.y,l.z),n.update(e.getAbsolutePosition(),BABYLON.Vector3.TransformNormal(r,i),BABYLON.Vector3.TransformNormal(o,i),BABYLON.Vector3.TransformNormal(a,i))}),this.setState({displayAxis:!0})},t.prototype.render=function(){var e=this;return r.createElement(ne,{label:"Display axes",isSelected:function(){return e.state.displayAxis},onSelect:function(){return e.displayAxes()}})},t}(r.Component),Ct=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Et=function(e){function t(t){var n=e.call(this,t)||this,r=n.props.mesh;return n.state={displayNormals:!1,renderNormalVectors:r.reservedDataStore&&r.reservedDataStore.normalLines},n}return Ct(t,e),t.prototype.renderNormalVectors=function(){var e=this.props.mesh,t=e.getScene();if(e.reservedDataStore&&e.reservedDataStore.normalLines)return e.reservedDataStore.normalLines.dispose(),e.reservedDataStore.normalLines=null,void this.setState({renderNormalVectors:!1});for(var n=e.getVerticesData(BABYLON.VertexBuffer.NormalKind),r=e.getVerticesData(BABYLON.VertexBuffer.PositionKind),o=BABYLON.Color3.White(),a=.05*e.getBoundingInfo().diagonalLength,i=[],l=0;l<n.length;l+=3){var s=BABYLON.Vector3.FromArray(r,l),c=s.add(BABYLON.Vector3.FromArray(n,l).scaleInPlace(a));i.push([s,c])}var p=BABYLON.MeshBuilder.CreateLineSystem("normalLines",{lines:i},t);p.color=o,p.parent=e,e.reservedDataStore||(e.reservedDataStore={}),e.reservedDataStore.normalLines=p,this.setState({renderNormalVectors:!0})},t.prototype.displayNormals=function(){var e=this,t=this.props.mesh,n=t.getScene();if(t.material)if("NormalMaterial"===t.material.getClassName())t.material.dispose(),t.material=t.reservedDataStore.originalMaterial,t.reservedDataStore.originalMaterial=null,this.setState({displayNormals:!1});else{if(!BABYLON.NormalMaterial)return this.setState({displayNormals:!0}),void BABYLON.Tools.LoadScript("https://preview.babylonjs.com/materialsLibrary/babylonjs.materials.js",function(){e.displayNormals()});t.reservedDataStore||(t.reservedDataStore={}),t.reservedDataStore.originalMaterial=t.material;var r=new BABYLON.NormalMaterial("normalMaterial",n);r.disableLighting=!0,r.sideOrientation=t.material.sideOrientation,r.reservedDataStore={hidden:!0},t.material=r,this.setState({displayNormals:!0})}},t.prototype.onMaterialLink=function(){if(this.props.onSelectionChangedObservable){var e=this.props.mesh;this.props.onSelectionChangedObservable.notifyObservers(e.material)}},t.prototype.convertPhysicsTypeToString=function(){switch(this.props.mesh.physicsImpostor.type){case BABYLON.PhysicsImpostor.NoImpostor:return"No impostor";case BABYLON.PhysicsImpostor.SphereImpostor:return"Sphere";case BABYLON.PhysicsImpostor.BoxImpostor:return"Box";case BABYLON.PhysicsImpostor.PlaneImpostor:return"Plane";case BABYLON.PhysicsImpostor.MeshImpostor:return"Mesh";case BABYLON.PhysicsImpostor.CylinderImpostor:return"Cylinder";case BABYLON.PhysicsImpostor.ParticleImpostor:return"Particle";case BABYLON.PhysicsImpostor.HeightmapImpostor:return"Heightmap"}return"Unknown"},t.prototype.render=function(){var e=this,t=this.props.mesh,n=t.getScene(),o=null!=t.material&&"NormalMaterial"===t.material.getClassName(),a=!(!t.reservedDataStore||!t.reservedDataStore.normalLines);return r.createElement("div",{className:"pane"},r.createElement(K,{title:"GENERAL"},r.createElement(W,{label:"ID",value:t.id}),r.createElement(W,{label:"Unique ID",value:t.uniqueId.toString()}),r.createElement(W,{label:"Class",value:t.getClassName()}),r.createElement(W,{label:"Vertices",value:t.getTotalVertices().toString()}),r.createElement(W,{label:"Faces",value:(t.getTotalIndices()/3).toFixed(0)}),r.createElement(W,{label:"Sub-meshes",value:t.subMeshes?t.subMeshes.length.toString():"0"}),r.createElement(W,{label:"Has skeleton",value:t.skeleton?"Yes":"No"}),r.createElement(ne,{label:"IsEnabled",isSelected:function(){return t.isEnabled()},onSelect:function(e){return t.setEnabled(e)}}),r.createElement(ne,{label:"IsPickable",target:t,propertyName:"isPickable",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.material&&r.createElement(W,{label:"Material",value:t.material.name,onLink:function(){return e.onMaterialLink()}})),r.createElement(K,{title:"TRANSFORMS"},r.createElement(et,{label:"Position",target:t,propertyName:"position",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),!t.rotationQuaternion&&r.createElement(et,{label:"Rotation",target:t,propertyName:"rotation",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.rotationQuaternion&&r.createElement(gt,{label:"Rotation",target:t,propertyName:"rotationQuaternion",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(et,{label:"Scaling",target:t,propertyName:"scaling",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),r.createElement(K,{title:"DISPLAY",closed:!0},r.createElement(_e,{label:"Visibility",target:t,propertyName:"visibility",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Alpha index",target:t,propertyName:"alphaIndex",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Receive shadows",target:t,propertyName:"receiveShadows",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.isVerticesDataPresent(BABYLON.VertexBuffer.ColorKind)&&r.createElement(ne,{label:"Use vertex colors",target:t,propertyName:"useVertexColors",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),n.fogMode!==BABYLON.Scene.FOGMODE_NONE&&r.createElement(ne,{label:"Apply fog",target:t,propertyName:"applyFog",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),!t.parent&&r.createElement(ne,{label:"Infinite distance",target:t,propertyName:"infiniteDistance",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),r.createElement(K,{title:"ADVANCED",closed:!0},t.useBones&&r.createElement(ne,{label:"Compute bones using shaders",target:t,propertyName:"computeBonesUsingShaders",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Collisions",target:t,propertyName:"checkCollisions",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(W,{label:"Has normals",value:t.isVerticesDataPresent(BABYLON.VertexBuffer.NormalKind)?"Yes":"No"}),r.createElement(W,{label:"Has vertex colors",value:t.isVerticesDataPresent(BABYLON.VertexBuffer.ColorKind)?"Yes":"No"}),r.createElement(W,{label:"has UV set 0",value:t.isVerticesDataPresent(BABYLON.VertexBuffer.UVKind)?"Yes":"No"}),r.createElement(W,{label:"has UV set 1",value:t.isVerticesDataPresent(BABYLON.VertexBuffer.UV2Kind)?"Yes":"No"}),r.createElement(W,{label:"has UV set 2",value:t.isVerticesDataPresent(BABYLON.VertexBuffer.UV3Kind)?"Yes":"No"}),r.createElement(W,{label:"has UV set 3",value:t.isVerticesDataPresent(BABYLON.VertexBuffer.UV4Kind)?"Yes":"No"}),r.createElement(W,{label:"has tangents",value:t.isVerticesDataPresent(BABYLON.VertexBuffer.TangentKind)?"Yes":"No"}),r.createElement(W,{label:"has matrix weights",value:t.isVerticesDataPresent(BABYLON.VertexBuffer.MatricesWeightsKind)?"Yes":"No"}),r.createElement(W,{label:"has matrix indices",value:t.isVerticesDataPresent(BABYLON.VertexBuffer.MatricesIndicesKind)?"Yes":"No"})),null!=t.physicsImpostor&&r.createElement(K,{title:"PHYSICS",closed:!0},r.createElement(He,{lockObject:this.props.lockObject,label:"Mass",target:t.physicsImpostor,propertyName:"mass",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Friction",target:t.physicsImpostor,propertyName:"friction",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Restitution",target:t.physicsImpostor,propertyName:"restitution",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(W,{label:"Type",value:this.convertPhysicsTypeToString()})),r.createElement(K,{title:"DEBUG",closed:!0},r.createElement(ne,{label:"Show bounding box",target:t,propertyName:"showBoundingBox",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.material&&r.createElement(ne,{label:"Display normals",isSelected:function(){return o},onSelect:function(){return e.displayNormals()}}),t.isVerticesDataPresent(BABYLON.VertexBuffer.NormalKind)&&r.createElement(ne,{label:"Render vertex normals",isSelected:function(){return a},onSelect:function(){return e.renderNormalVectors()}}),r.createElement(Ot,{node:t})))},t}(r.Component),xt=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),_t=function(e){function t(t){return e.call(this,t)||this}return xt(t,e),t.prototype.render=function(){var e=this.props.transformNode;return r.createElement("div",{className:"pane"},r.createElement(K,{title:"GENERAL"},r.createElement(W,{label:"ID",value:e.id}),r.createElement(W,{label:"Unique ID",value:e.uniqueId.toString()}),r.createElement(W,{label:"Class",value:e.getClassName()}),r.createElement(ne,{label:"IsEnabled",isSelected:function(){return e.isEnabled()},onSelect:function(t){return e.setEnabled(t)}})),r.createElement(K,{title:"TRANSFORMATIONS"},r.createElement(et,{label:"Position",target:e,propertyName:"position",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),!e.rotationQuaternion&&r.createElement(et,{label:"Rotation",target:e,propertyName:"rotation",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.rotationQuaternion&&r.createElement(gt,{label:"Rotation",target:e,propertyName:"rotationQuaternion",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(et,{label:"Scaling",target:e,propertyName:"scaling",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),r.createElement(K,{title:"DEBUG",closed:!0},r.createElement(Ot,{node:e})))},t}(r.Component),St=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Pt=function(e){function t(t){return e.call(this,t)||this}return St(t,e),t.prototype.renderTextures=function(){var e=this.props.material,t=new BABYLON.Observable;return r.createElement(K,{title:"TEXTURES"},r.createElement(Re,{label:"Diffuse",texture:e.diffuseTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),r.createElement(Re,{label:"Reflection",texture:e.reflectionTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),e.reflectionTexture&&r.createElement(_e,{label:"Reflection blur",target:e,propertyName:"reflectionBlur",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}))},t.prototype.render=function(){var e=this.props.material;return r.createElement("div",{className:"pane"},r.createElement(ke,{lockObject:this.props.lockObject,material:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(K,{title:"LIGHTING & COLORS"},r.createElement(Me,{label:"Primary",target:e,propertyName:"primaryColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(_e,{label:"Shadow level",target:e,propertyName:"primaryColorShadowLevel",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(_e,{label:"Highlight level",target:e,propertyName:"primaryColorHighlightLevel",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable})),this.renderTextures(),r.createElement(K,{title:"RENDERING",closed:!0},r.createElement(ne,{label:"Enable noise",target:e,propertyName:"enableNoise",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Opacity fresnel",target:e,propertyName:"opacityFresnel",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Reflection fresnel",target:e,propertyName:"reflectionFresnel",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(_e,{label:"Reflection amount",target:e,propertyName:"reflectionAmount",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(r.Component),wt=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),kt=function(e){function t(t){var n=e.call(this,t)||this;return n._localChange=!1,n.state={value:n.props.value||n.props.target[n.props.propertyName]||""},n}return wt(t,e),t.prototype.componentWillUnmount=function(){this.props.lockObject.lock=!1},t.prototype.shouldComponentUpdate=function(e,t){if(this._localChange)return this._localChange=!1,!0;var n=e.value||e.target[e.propertyName];return n!==t.value&&(t.value=n||"",!0)},t.prototype.raiseOnPropertyChanged=function(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})},t.prototype.updateValue=function(e){this._localChange=!0;var t=this.props.value||this.props.target[this.props.propertyName];this.setState({value:e}),this.raiseOnPropertyChanged(e,t),this.props.propertyName&&(this.props.target[this.props.propertyName]=e)},t.prototype.render=function(){var e=this;return r.createElement("div",{className:"textInputLine"},r.createElement("div",{className:"label"},this.props.label),r.createElement("div",{className:"value"},r.createElement("input",{value:this.state.value,onBlur:function(){return e.props.lockObject.lock=!1},onFocus:function(){return e.props.lockObject.lock=!0},onChange:function(t){return e.updateValue(t.target.value)}})))},t}(r.Component),Nt=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Tt=function(e){function t(t){return e.call(this,t)||this}return Nt(t,e),t.prototype.renderGridInformation=function(){var e=this.props.control;if(!e.parent||!e.parent.parent)return null;var t=e.parent.parent;if(void 0===t.rowCount)return null;var n=t.getChildCellInfo(e).split(":");return r.createElement(K,{title:"GRID"},r.createElement(W,{label:"Row",value:n[0]}),r.createElement(W,{label:"Column",value:n[1]}))},t.prototype.render=function(){var e=this.props.control,t=[{label:"Left",value:BABYLON.GUI.Control.HORIZONTAL_ALIGNMENT_LEFT},{label:"Right",value:BABYLON.GUI.Control.HORIZONTAL_ALIGNMENT_RIGHT},{label:"Center",value:BABYLON.GUI.Control.HORIZONTAL_ALIGNMENT_CENTER}],n=[{label:"Top",value:BABYLON.GUI.Control.VERTICAL_ALIGNMENT_TOP},{label:"Bottom",value:BABYLON.GUI.Control.VERTICAL_ALIGNMENT_BOTTOM},{label:"Center",value:BABYLON.GUI.Control.VERTICAL_ALIGNMENT_CENTER}];return r.createElement("div",null,r.createElement(K,{title:"GENERAL"},r.createElement(W,{label:"Class",value:e.getClassName()}),r.createElement(_e,{label:"Alpha",target:e,propertyName:"alpha",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),void 0!==e.color&&r.createElement(kt,{lockObject:this.props.lockObject,label:"Color",target:e,propertyName:"color",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),void 0!==e.background&&r.createElement(kt,{lockObject:this.props.lockObject,label:"Background",target:e,propertyName:"background",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),this.renderGridInformation(),r.createElement(K,{title:"ALIGNMENT"},r.createElement(Pe,{label:"Horizontal",options:t,target:e,propertyName:"horizontalAlignment",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(Pe,{label:"Vertical",options:n,target:e,propertyName:"verticalAlignment",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),r.createElement(K,{title:"POSITION"},r.createElement(kt,{lockObject:this.props.lockObject,label:"Left",target:e,propertyName:"left",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"Top",target:e,propertyName:"top",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"Width",target:e,propertyName:"width",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"Height",target:e,propertyName:"height",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"Padding left",target:e,propertyName:"paddingLeft",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"Padding top",target:e,propertyName:"paddingTop",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"Padding right",target:e,propertyName:"paddingRight",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"Padding bottom",target:e,propertyName:"paddingBottom",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),r.createElement(K,{title:"TRANSFORMATION",closed:!0},r.createElement(He,{lockObject:this.props.lockObject,label:"ScaleX",target:e,propertyName:"scaleX",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"ScaleY",target:e,propertyName:"scaleY",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(_e,{label:"Rotation",target:e,propertyName:"rotation",minimum:0,maximum:2*Math.PI,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Transform center X",target:e,propertyName:"transformCenterX",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Transform center Y",target:e,propertyName:"transformCenterY",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),r.createElement(K,{title:"FONT",closed:!0},r.createElement(kt,{lockObject:this.props.lockObject,label:"Family",target:e,propertyName:"fontFamily",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"Size",target:e,propertyName:"fontSize",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"Weight",target:e,propertyName:"fontWeight",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"Style",target:e,propertyName:"fontStyle",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),r.createElement(K,{title:"SHADOWS",closed:!0},r.createElement(kt,{lockObject:this.props.lockObject,label:"Color",target:e,propertyName:"shadowColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Offset X",target:e,propertyName:"shadowOffsetX",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Offset Y",target:e,propertyName:"shadowOffsetY",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Blur",target:e,propertyName:"shadowBlur",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(r.Component),Lt=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),At=function(e){function t(t){return e.call(this,t)||this}return Lt(t,e),t.prototype.render=function(){var e=this.props.control;return r.createElement("div",{className:"pane"},r.createElement(Tt,{lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}))},t}(r.Component),jt=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Mt=function(e){function t(t){return e.call(this,t)||this}return jt(t,e),t.prototype.render=function(){var e=this.props.textBlock,t=[{label:"Left",value:BABYLON.GUI.Control.HORIZONTAL_ALIGNMENT_LEFT},{label:"Right",value:BABYLON.GUI.Control.HORIZONTAL_ALIGNMENT_RIGHT},{label:"Center",value:BABYLON.GUI.Control.HORIZONTAL_ALIGNMENT_CENTER}],n=[{label:"Top",value:BABYLON.GUI.Control.VERTICAL_ALIGNMENT_TOP},{label:"Bottom",value:BABYLON.GUI.Control.VERTICAL_ALIGNMENT_BOTTOM},{label:"Center",value:BABYLON.GUI.Control.VERTICAL_ALIGNMENT_CENTER}],o=[{label:"Clip",value:BABYLON.GUI.TextWrapping.Clip},{label:"Ellipsis",value:BABYLON.GUI.TextWrapping.Ellipsis},{label:"Word wrap",value:BABYLON.GUI.TextWrapping.WordWrap}];return r.createElement("div",{className:"pane"},r.createElement(Tt,{lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(K,{title:"TEXTBLOCK"},r.createElement(kt,{lockObject:this.props.lockObject,label:"Text",target:e,propertyName:"text",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(Pe,{label:"Horizontal text alignment",options:t,target:e,propertyName:"textHorizontalAlignment",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(Pe,{label:"Vertical text alignment",options:n,target:e,propertyName:"textVerticalAlignment",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Resize to fit",target:e,propertyName:"resizeToFit",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(Pe,{label:"Wrapping",options:o,target:e,propertyName:"textWrapping",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"Line spacing",target:e,propertyName:"lineSpacing",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),r.createElement(K,{title:"OUTLINE"},r.createElement(He,{lockObject:this.props.lockObject,label:"Outline width",target:e,propertyName:"outlineWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"Outline color",target:e,propertyName:"outlineColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(r.Component),Bt=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Rt=function(e){function t(t){return e.call(this,t)||this}return Bt(t,e),t.prototype.render=function(){var e=this.props.inputText;return r.createElement("div",{className:"pane"},r.createElement(Tt,{lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(K,{title:"INPUTTEXT"},r.createElement(kt,{lockObject:this.props.lockObject,label:"Text",target:e,propertyName:"text",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"Prompt",target:e,propertyName:"promptMessage",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"Max width",target:e,propertyName:"maxWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"Highlight color",target:e,propertyName:"textHighlightColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(_e,{label:"Highligher opacity",minimum:0,maximum:1,step:.01,target:e,propertyName:"highligherOpacity",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"On focus select all",target:e,propertyName:"onFocusSelectAll",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"Focused background",target:e,propertyName:"focusedBackground",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"Max width",target:e,propertyName:"maxWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"Margin",target:e,propertyName:"margin",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Auto stretch width",target:e,propertyName:"autoStretchWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Thickness",target:e,propertyName:"thickness",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"Placeholder text",target:e,propertyName:"placeholderText",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"Placeholder color",target:e,propertyName:"placeholderColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(r.Component),zt=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),It=function(e){function t(t){return e.call(this,t)||this}return zt(t,e),t.prototype.render=function(){var e=this.props.colorPicker;return r.createElement("div",{className:"pane"},r.createElement(Tt,{lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(K,{title:"COLORPICKER"},r.createElement(Me,{label:"Color",target:e,propertyName:"value",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(r.Component),Dt=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Ft=function(e){function t(t){return e.call(this,t)||this}return Dt(t,e),t.prototype.render=function(){var e=this;return r.createElement("div",{className:"buttonLine"},r.createElement("button",{onClick:function(){return e.props.onClick()}},this.props.label))},t}(r.Component),Vt=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Ht=function(e){function t(t){var n=e.call(this,t)||this,r=n.props.animationGroup;return n.state={playButtonText:r.isPlaying?"Pause":"Play",currentFrame:0},n}return Vt(t,e),t.prototype.disconnect=function(e){this._onAnimationGroupPlayObserver&&(e.onAnimationGroupPlayObservable.remove(this._onAnimationGroupPlayObserver),this._onAnimationGroupPlayObserver=null),this._onAnimationGroupPauseObserver&&(e.onAnimationGroupPauseObservable.remove(this._onAnimationGroupPauseObserver),this._onAnimationGroupPauseObserver=null)},t.prototype.connect=function(e){var t=this;this._onAnimationGroupPlayObserver=e.onAnimationGroupPlayObservable.add(function(){t.forceUpdate()}),this._onAnimationGroupPauseObserver=e.onAnimationGroupPauseObservable.add(function(){t.forceUpdate()}),this.updateCurrentFrame(e)},t.prototype.updateCurrentFrame=function(e){if(e.targetedAnimations.length>0){var t=e.targetedAnimations[0].animation.runtimeAnimations;t.length>0?this.setState({currentFrame:t[0].currentFrame}):this.setState({currentFrame:0})}},t.prototype.shouldComponentUpdate=function(e){return this.props.animationGroup!==e.animationGroup&&(this.disconnect(this.props.animationGroup),this.connect(e.animationGroup)),!0},t.prototype.componentWillMount=function(){var e=this;this.connect(this.props.animationGroup),this._onBeforeRenderObserver=this.props.scene.onBeforeRenderObservable.add(function(){e.updateCurrentFrame(e.props.animationGroup)})},t.prototype.componentWillUnmount=function(){this.disconnect(this.props.animationGroup),this._onBeforeRenderObserver&&(this.props.scene.onBeforeRenderObservable.remove(this._onBeforeRenderObserver),this._onBeforeRenderObserver=null)},t.prototype.playOrPause=function(){var e=this.props.animationGroup;e.isPlaying?(this.setState({playButtonText:"Play"}),e.pause()):(this.setState({playButtonText:"Pause"}),this.props.scene.animationGroups.forEach(function(e){return e.pause()}),e.play(!0))},t.prototype.onCurrentFrameChange=function(e){var t=this.props.animationGroup;t.isPlaying?t.goToFrame(e):(t.play(!0),t.goToFrame(e),t.pause()),this.setState({currentFrame:e})},t.prototype.render=function(){var e=this,t=this.props.animationGroup,n=t.isPlaying?"Pause":"Play";return r.createElement("div",{className:"pane"},r.createElement(K,{title:"CONTROLS"},r.createElement(Ft,{label:n,onClick:function(){return e.playOrPause()}}),r.createElement(_e,{label:"Speed ratio",minimum:0,maximum:10,step:.1,target:t,propertyName:"speedRatio",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(_e,{ref:"timeline",label:"Current frame",minimum:t.from,maximum:t.to,step:(t.to-t.from)/1e3,directValue:this.state.currentFrame,onInput:function(t){return e.onCurrentFrameChange(t)}})),r.createElement(K,{title:"INFOS"},r.createElement(W,{label:"Animation count",value:t.targetedAnimations.length.toString()}),r.createElement(W,{label:"From",value:t.from.toFixed(2)}),r.createElement(W,{label:"To",value:t.to.toFixed(2)})))},t}(r.Component),Ut=function(){return function(){this.lock=!1}}(),Gt=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Yt=function(e){function t(t){return e.call(this,t)||this}return Gt(t,e),t.prototype.render=function(){var e=this,t=this.props.image,n=[{label:"None",value:BABYLON.GUI.Image.STRETCH_NONE},{label:"Fill",value:BABYLON.GUI.Image.STRETCH_FILL},{label:"Uniform",value:BABYLON.GUI.Image.STRETCH_UNIFORM},{label:"Extend",value:BABYLON.GUI.Image.STRETCH_EXTEND},{label:"NinePatch",value:BABYLON.GUI.Image.STRETCH_NINE_PATCH}];return r.createElement("div",{className:"pane"},r.createElement(Tt,{lockObject:this.props.lockObject,control:t,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(K,{title:"IMAGE"},r.createElement(He,{lockObject:this.props.lockObject,label:"Source left",target:t,propertyName:"sourceLeft",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Source top",target:t,propertyName:"sourceTop",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Source width",target:t,propertyName:"sourceWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Source height",target:t,propertyName:"sourceHeight",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Autoscale",target:t,propertyName:"autoScale",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(Pe,{label:"Stretch",options:n,target:t,propertyName:"stretch",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:function(t){return e.setState({mode:t})}})),r.createElement(K,{title:"ANIMATION SHEET"},r.createElement(He,{lockObject:this.props.lockObject,label:"Cell Id",isInteger:!0,target:t,propertyName:"cellId",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Cell width",target:t,propertyName:"cellWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Cell height",target:t,propertyName:"cellHeight",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(r.Component),Wt=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Xt=function(e){function t(t){return e.call(this,t)||this}return Wt(t,e),t.prototype.render=function(){var e=this.props.slider;return r.createElement("div",{className:"pane"},r.createElement(Tt,{lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(K,{title:"SLIDER"},r.createElement(kt,{lockObject:this.props.lockObject,label:"Border color",target:e,propertyName:"borderColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Display thumb",target:e,propertyName:"displayThumb",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Thumb circle",target:e,propertyName:"isThumbCircle",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Vertical",target:e,propertyName:"isVertical",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Thumb clamped",target:e,propertyName:"isThumbClamped",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"Bar offset",target:e,propertyName:"barOffset",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"Thumb width",target:e,propertyName:"thumbWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Minimum",target:e,propertyName:"minimum",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Maximum",target:e,propertyName:"maximum",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Value",target:e,propertyName:"value",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(r.Component),Kt=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),qt=function(e){function t(t){return e.call(this,t)||this}return Kt(t,e),t.prototype.render=function(){var e=this.props.imageBasedSlider;return r.createElement("div",{className:"pane"},r.createElement(Tt,{lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(K,{title:"IMAGE BASED SLIDER"},r.createElement(ne,{label:"Display thumb",target:e,propertyName:"displayThumb",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Vertical",target:e,propertyName:"isVertical",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Thumb clamped",target:e,propertyName:"isThumbClamped",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"Bar offset",target:e,propertyName:"barOffset",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"Thumb width",target:e,propertyName:"thumbWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Minimum",target:e,propertyName:"minimum",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Maximum",target:e,propertyName:"maximum",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Value",target:e,propertyName:"value",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(r.Component),$t=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Qt=function(e){function t(t){return e.call(this,t)||this}return $t(t,e),t.prototype.render=function(){var e=this.props.rectangle;return r.createElement("div",{className:"pane"},r.createElement(Tt,{lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(K,{title:"RECTANGLE"},r.createElement(He,{lockObject:this.props.lockObject,label:"Thickness",target:e,propertyName:"thickness",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Corner radius",target:e,propertyName:"cornerRadius",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(r.Component),Zt=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Jt=function(e){function t(t){return e.call(this,t)||this}return Zt(t,e),t.prototype.render=function(){var e=this.props.ellipse;return r.createElement("div",{className:"pane"},r.createElement(Tt,{lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(K,{title:"ELLIPSE"},r.createElement(He,{lockObject:this.props.lockObject,label:"Thickness",target:e,propertyName:"thickness",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(r.Component),en=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),tn=function(e){function t(t){return e.call(this,t)||this}return en(t,e),t.prototype.render=function(){var e=this.props.checkbox;return r.createElement("div",{className:"pane"},r.createElement(Tt,{lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(K,{title:"CHECKBOX"},r.createElement(He,{lockObject:this.props.lockObject,label:"Check size ratio",target:e,propertyName:"checkSizeRatio",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Checked",target:e,propertyName:"isChecked",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(r.Component),nn=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),rn=function(e){function t(t){return e.call(this,t)||this}return nn(t,e),t.prototype.render=function(){var e=this.props.radioButton;return r.createElement("div",{className:"pane"},r.createElement(Tt,{lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(K,{title:"RADIO BUTTON"},r.createElement(He,{lockObject:this.props.lockObject,label:"Thickness",target:e,propertyName:"thickness",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Check size ratio",target:e,propertyName:"checkSizeRatio",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"Group",target:e,propertyName:"group",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(ne,{label:"Checked",target:e,propertyName:"isChecked",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(r.Component),on=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),an=function(e){function t(t){return e.call(this,t)||this}return on(t,e),t.prototype.onDashChange=function(e){var t=this.props.line,n=e.split(",");t.dash=[],n.forEach(function(e){var n=parseInt(e);isNaN(n)||t.dash.push(n)})},t.prototype.render=function(){var e=this,t=this.props.line;return r.createElement("div",{className:"pane"},r.createElement(Tt,{lockObject:this.props.lockObject,control:t,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(K,{title:"LINE"},r.createElement(He,{lockObject:this.props.lockObject,label:"Line width",target:t,propertyName:"lineWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"X1",target:t,propertyName:"x1",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"Y1",target:t,propertyName:"y1",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"X2",target:t,propertyName:"x2",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"Y2",target:t,propertyName:"y2",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"Dash pattern",target:t,value:t.dash.join(","),onChange:function(t){return e.onDashChange(t)}})))},t}(r.Component),ln=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),sn=function(e){function t(t){return e.call(this,t)||this}return ln(t,e),t.prototype.render=function(){var e=this.props.scrollViewer;return r.createElement("div",{className:"pane"},r.createElement(Tt,{lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(K,{title:"RECTANGLE"},r.createElement(He,{lockObject:this.props.lockObject,label:"Thickness",target:e,propertyName:"thickness",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Corner radius",target:e,propertyName:"cornerRadius",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),r.createElement(K,{title:"SCROLLVIEWER"},r.createElement(He,{lockObject:this.props.lockObject,label:"Bar size",target:e,propertyName:"barSize",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"Bar color",target:e,propertyName:"barColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(kt,{lockObject:this.props.lockObject,label:"Bar background",target:e,propertyName:"barBackground",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(He,{lockObject:this.props.lockObject,label:"Wheel precision",target:e,propertyName:"wheelPrecision",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(r.Component),cn=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),pn=function(e){function t(t){return e.call(this,t)||this}return cn(t,e),t.prototype.renderRows=function(){for(var e=this.props.grid,t=[],n=0;n<e.rowCount;n++)t.push(e.getRowDefinition(n));return t.map(function(t,n){return r.createElement(W,{key:"r"+n,label:"Row "+n,value:t.toString(e.host),underline:n===e.rowCount-1})})},t.prototype.renderColumns=function(){for(var e=this.props.grid,t=[],n=0;n<e.columnCount;n++)t.push(e.getColumnDefinition(n));return t.map(function(t,n){return r.createElement(W,{key:"c"+n,label:"Column "+n,value:t.toString(e.host)})})},t.prototype.render=function(){for(var e=this.props.grid,t=[],n=0;n<e.rowCount;n++)t.push(e.getColumnDefinition(n));return r.createElement("div",{className:"pane"},r.createElement(Tt,{lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(K,{title:"GRID"},this.renderRows(),this.renderColumns()))},t}(r.Component),un=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),dn=function(e){function t(t){return e.call(this,t)||this}return un(t,e),t.prototype.renderTextures=function(){var e=this.props.material;if(0===e.getActiveTextures().length)return null;var t=new BABYLON.Observable;return r.createElement(K,{title:"TEXTURES"},r.createElement(Re,{label:"Base",texture:e.baseTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),r.createElement(Re,{label:"Metallic roughness",texture:e.metallicRoughnessTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),r.createElement(Re,{label:"Environment",texture:e.environmentTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),r.createElement(Re,{label:"Emissive",texture:e.emissiveTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),r.createElement(Re,{label:"Lightmap",texture:e.lightmapTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}))},t.prototype.render=function(){var e=this.props.material;return r.createElement("div",{className:"pane"},r.createElement(ke,{lockObject:this.props.lockObject,material:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),this.renderTextures(),r.createElement(K,{title:"LIGHTING & COLORS"},r.createElement(Me,{label:"Base",target:e,propertyName:"baseColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(Me,{label:"Emissive",target:e,propertyName:"emissiveColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),r.createElement(K,{title:"LEVELS",closed:!0},r.createElement(_e,{label:"Metallic",target:e,propertyName:"metallic",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(_e,{label:"Roughness",target:e,propertyName:"roughness",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(r.Component),hn=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),fn=function(e){function t(t){return e.call(this,t)||this}return hn(t,e),t.prototype.renderTextures=function(){var e=this.props.material;if(0===e.getActiveTextures().length)return null;var t=new BABYLON.Observable;return r.createElement(K,{title:"TEXTURES"},r.createElement(Re,{label:"Diffuse",texture:e.diffuseTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),r.createElement(Re,{label:"Specular glossiness",texture:e.specularGlossinessTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),r.createElement(Re,{label:"Environment",texture:e.environmentTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),r.createElement(Re,{label:"Emissive",texture:e.emissiveTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),r.createElement(Re,{label:"Lightmap",texture:e.lightmapTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}))},t.prototype.render=function(){var e=this.props.material;return r.createElement("div",{className:"pane"},r.createElement(ke,{lockObject:this.props.lockObject,material:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),this.renderTextures(),r.createElement(K,{title:"LIGHTING & COLORS"},r.createElement(Me,{label:"Diffuse",target:e,propertyName:"diffuseColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.createElement(Me,{label:"Specular",target:e,propertyName:"specularColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),r.createElement(K,{title:"LEVELS",closed:!0},r.createElement(_e,{label:"Glossiness",target:e,propertyName:"glossiness",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(r.Component),bn=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),mn=function(e){function t(t){var n=e.call(this,t)||this;return n._lockObject=new Ut,n}return bn(t,e),t.prototype.timerRefresh=function(){this._lockObject.lock||this.forceUpdate()},t.prototype.componentWillMount=function(){var e=this;this._timerIntervalId=window.setInterval(function(){return e.timerRefresh()},500)},t.prototype.componentWillUnmount=function(){window.clearInterval(this._timerIntervalId)},t.prototype.render=function(){var e=this.props.selectedEntity;if(!e)return r.createElement("div",{className:"infoMessage"},"Please select an entity in the scene explorer.");if(e.getClassName){var t=e.getClassName();if(-1!==t.indexOf("Mesh")){var n=e;if(n.getTotalVertices()>0)return r.createElement(Et,{mesh:n,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("FreeCamera")){var o=e;return r.createElement(ft,{camera:o,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("ArcRotateCamera")){var a=e;return r.createElement(mt,{camera:a,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("HemisphericLight"===t){var i=e;return r.createElement(it,{light:i,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("PointLight"===t){var l=e;return r.createElement(pt,{light:l,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("TransformNode")||-1!==t.indexOf("Mesh")){var s=e;return r.createElement(_t,{transformNode:s,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("StandardMaterial"===t){var c=e;return r.createElement(Ie,{material:c,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("PBRMaterial"===t){c=e;return r.createElement(Ke,{material:c,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("PBRMetallicRoughnessMaterial"===t){c=e;return r.createElement(dn,{material:c,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("PBRSpecularGlossinessMaterial"===t){c=e;return r.createElement(fn,{material:c,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("BackgroundMaterial"===t){c=e;return r.createElement(Pt,{material:c,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("AnimationGroup"===t){var p=e;return r.createElement(Ht,{animationGroup:p,scene:this.props.scene,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("Material")){c=e;return r.createElement(Te,{material:c,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("Texture")){var u=e;return r.createElement(We,{texture:u,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("TextBlock"===t){var d=e;return r.createElement(Mt,{textBlock:d,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("InputText"===t){var h=e;return r.createElement(Rt,{inputText:h,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("ColorPicker"===t){var f=e;return r.createElement(It,{colorPicker:f,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("Image"===t){var b=e;return r.createElement(Yt,{image:b,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("Slider"===t){var m=e;return r.createElement(Xt,{slider:m,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("ImageBasedSlider"===t){var v=e;return r.createElement(qt,{imageBasedSlider:v,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("Rectangle"===t){var g=e;return r.createElement(Qt,{rectangle:g,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("Grid"===t){var y=e;return r.createElement(pn,{grid:y,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("ScrollViewer"===t){var O=e;return r.createElement(sn,{scrollViewer:O,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("Ellipse"===t){var C=e;return r.createElement(Jt,{ellipse:C,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("Checkbox"===t){var E=e;return r.createElement(tn,{checkbox:E,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("RadioButton"===t){var x=e;return r.createElement(rn,{radioButton:x,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("Line"===t){var _=e;return r.createElement(an,{line:_,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(e._host){var S=e;return r.createElement(At,{control:S,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}}else if(e.transformNodes){var P=e;return r.createElement(nt,{scene:P,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}return null},t}(G),vn=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),gn=function(e){function t(t){var n=e.call(this,t)||this;return n._backStack=new Array,n.state={isBackVisible:!1},n}return vn(t,e),t.prototype.componentWillMount=function(){var e=this;this.props.onSelectionChangedObservable&&(this._onSelectionChangeObserver=this.props.onSelectionChangedObservable.add(function(t){0!==e._backStack.length&&t===e._backStack[e._backStack.length-1]||(e._backStack.push(t),e.setState({isBackVisible:e._backStack.length>1}))}))},t.prototype.componentWillUnmount=function(){this._onSelectionChangeObserver&&this.props.onSelectionChangedObservable.remove(this._onSelectionChangeObserver)},t.prototype.goBack=function(){this._backStack.pop();var e=this._backStack[this._backStack.length-1];this.props.onSelectionChangedObservable&&this.props.onSelectionChangedObservable.notifyObservers(e),this.setState({isBackVisible:this._backStack.length>1})},t.prototype.renderLogo=function(){var e=this;return this.props.noCommands?null:this.props.handleBack?this.state.isBackVisible?r.createElement("div",{id:"back",onClick:function(){return e.goBack()}},r.createElement(a.a,{icon:s})):null:r.createElement("img",{id:"logo",src:"https://www.babylonjs.com/Assets/logo-babylonjs-social-twitter.png"})},t.prototype.render=function(){var e=this;return r.createElement("div",{id:"header"},this.renderLogo(),r.createElement("div",{id:"title"},this.props.title),r.createElement("div",{id:"commands"},!this.props.noCommands&&!this.props.noExpand&&r.createElement("div",{className:"expand",onClick:function(){return e.props.onPopup()}},r.createElement(a.a,{icon:V})),!this.props.noCommands&&!this.props.noClose&&r.createElement("div",{className:"close",onClick:function(){return e.props.onClose()}},r.createElement(a.a,{icon:z}))))},t}(r.Component),yn=n(4),On=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Cn=function(e){function t(t){return e.call(this,t)||this}return On(t,e),t.prototype.render=function(){return this.props.icon?r.createElement("div",{className:"iconMessageLine"},r.createElement("div",{className:"icon",style:{color:this.props.color?this.props.color:""}},r.createElement(a.a,{icon:this.props.icon})),r.createElement("div",{className:"value",title:this.props.text},this.props.text)):r.createElement("div",{className:"messageLine"},r.createElement("div",{className:"value",title:this.props.text,style:{color:this.props.color?this.props.color:""}},this.props.text))},t}(r.Component),En=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),xn=function(e){function t(t){var n=e.call(this,t)||this,r=n.props.globalState.glTFLoaderExtensionDefaults;r.MSFT_lod=r.MSFT_lod||{enabled:!0,maxLODsToLoad:Number.MAX_VALUE},r.MSFT_minecraftMesh=r.MSFT_minecraftMesh||{enabled:!0},r.MSFT_sRGBFactors=r.MSFT_sRGBFactors||{enabled:!0},r.MSFT_audio_emitter=r.MSFT_audio_emitter||{enabled:!0},r.KHR_draco_mesh_compression=r.KHR_draco_mesh_compression||{enabled:!0},r.KHR_materials_pbrSpecularGlossiness=r.KHR_materials_pbrSpecularGlossiness||{enabled:!0},r.KHR_materials_unlit=r.KHR_materials_unlit||{enabled:!0},r.KHR_lights_punctual=r.KHR_lights_punctual||{enabled:!0},r.KHR_texture_transform=r.KHR_texture_transform||{enabled:!0},r.EXT_lights_image_based=r.EXT_lights_image_based||{enabled:!0};var o=n.props.globalState.glTFLoaderDefaults;return void 0===o.animationStartMode&&(o.animationStartMode=BABYLON.GLTFLoaderAnimationStartMode.FIRST),o.capturePerformanceCounters=o.capturePerformanceCounters||!1,o.compileMaterials=o.compileMaterials||!1,o.compileShadowGenerators=o.compileShadowGenerators||!1,o.coordinateSystemMode=o.coordinateSystemMode||BABYLON.GLTFLoaderCoordinateSystemMode.AUTO,o.loggingEnabled=o.loggingEnabled||!1,o.transparencyAsCoverage=o.transparencyAsCoverage||!1,o.useClipPlane=o.useClipPlane||!1,o.validate=o.validate||!0,n}return En(t,e),t.prototype.openValidationDetails=function(){var 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())},t.prototype.prepareText=function(e,t){return t?t+" "+e+"s":""+e},t.prototype.renderValidation=function(){var e=this,t=this.props.globalState.validationResults.issues;return r.createElement(K,{title:"GLTF VALIDATION",closed:!t.numErrors&&!t.numWarnings},0!==t.numErrors&&r.createElement(Cn,{text:"Your file has some validation issues",icon:I,color:"Red"}),0===t.numErrors&&r.createElement(Cn,{text:"Your file is a valid glTF file",icon:b,color:"Green"}),r.createElement(W,{label:"Errors",value:t.numErrors.toString()}),r.createElement(W,{label:"Warnings",value:t.numWarnings.toString()}),r.createElement(W,{label:"Infos",value:t.numInfos.toString()}),r.createElement(W,{label:"Hints",value:t.numHints.toString()}),r.createElement(W,{label:"More details",value:"Click here",onLink:function(){return e.openValidationDetails()}}))},t.prototype.render=function(){var e=this.props.globalState.glTFLoaderExtensionDefaults,t=this.props.globalState.glTFLoaderDefaults,n=[{label:"None",value:BABYLON.GLTFLoaderAnimationStartMode.NONE},{label:"First",value:BABYLON.GLTFLoaderAnimationStartMode.FIRST},{label:"ALL",value:BABYLON.GLTFLoaderAnimationStartMode.ALL}],o=[{label:"Auto",value:BABYLON.GLTFLoaderCoordinateSystemMode.AUTO},{label:"Right handed",value:BABYLON.GLTFLoaderCoordinateSystemMode.FORCE_RIGHT_HANDED}];return r.createElement("div",null,r.createElement(K,{title:"GLTF LOADER",closed:!0},r.createElement(Pe,{label:"Animation start mode",options:n,target:t,propertyName:"animationStartMode"}),r.createElement(ne,{label:"Capture performance counters",target:t,propertyName:"capturePerformanceCounters"}),r.createElement(ne,{label:"Compile materials",target:t,propertyName:"compileMaterials"}),r.createElement(ne,{label:"Compile shadow generators",target:t,propertyName:"compileShadowGenerators"}),r.createElement(Pe,{label:"Coordinate system",options:o,target:t,propertyName:"coordinateSystemMode"}),r.createElement(ne,{label:"Enable logging",target:t,propertyName:"loggingEnabled"}),r.createElement(ne,{label:"Transparency as coverage",target:t,propertyName:"transparencyAsCoverage"}),r.createElement(ne,{label:"Use clip plane",target:t,propertyName:"useClipPlane"}),r.createElement(ne,{label:"Validate",target:t,propertyName:"validate"}),r.createElement(Cn,{text:"You need to reload your file to see these changes"})),r.createElement(K,{title:"GLTF EXTENSIONS",closed:!0},r.createElement(ne,{label:"MSFT_lod",isSelected:function(){return e.MSFT_lod.enabled},onSelect:function(t){return e.MSFT_lod.enabled=t}}),r.createElement(He,{label:"Maximum LODs",target:e.MSFT_lod,propertyName:"maxLODsToLoad",additionalClass:"gltf-extension-property"}),r.createElement(ne,{label:"MSFT_minecraftMesh",isSelected:function(){return e.MSFT_minecraftMesh.enabled},onSelect:function(t){return e.MSFT_minecraftMesh.enabled=t}}),r.createElement(ne,{label:"MSFT_sRGBFactors",isSelected:function(){return e.MSFT_sRGBFactors.enabled},onSelect:function(t){return e.MSFT_sRGBFactors.enabled=t}}),r.createElement(ne,{label:"MSFT_audio_emitter",isSelected:function(){return e.MSFT_audio_emitter.enabled},onSelect:function(t){return e.MSFT_audio_emitter.enabled=t}}),r.createElement(ne,{label:"KHR_draco_mesh_compression",isSelected:function(){return e.KHR_draco_mesh_compression.enabled},onSelect:function(t){return e.KHR_draco_mesh_compression.enabled=t}}),r.createElement(ne,{label:"KHR_materials_pbrSpecularGlossiness",isSelected:function(){return e.KHR_materials_pbrSpecularGlossiness.enabled},onSelect:function(t){return e.KHR_materials_pbrSpecularGlossiness.enabled=t}}),r.createElement(ne,{label:"KHR_materials_unlit",isSelected:function(){return e.KHR_materials_unlit.enabled},onSelect:function(t){return e.KHR_materials_unlit.enabled=t}}),r.createElement(ne,{label:"KHR_lights_punctual",isSelected:function(){return e.KHR_lights_punctual.enabled},onSelect:function(t){return e.KHR_lights_punctual.enabled=t}}),r.createElement(ne,{label:"KHR_texture_transform",isSelected:function(){return e.KHR_texture_transform.enabled},onSelect:function(t){return e.KHR_texture_transform.enabled=t}}),r.createElement(ne,{label:"EXT_lights_image_based",isSelected:function(){return e.EXT_lights_image_based.enabled},onSelect:function(t){return e.EXT_lights_image_based.enabled=t}}),r.createElement(Cn,{text:"You need to reload your file to see these changes"})),t.validate&&this.props.globalState.validationResults&&this.renderValidation())},t}(r.Component),_n=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Sn=function(e){function t(t){var n=e.call(this,t)||this;return n.state={tag:"Record video"},n}return _n(t,e),t.prototype.componentWillMount=function(){BABYLON.GLTF2Export||BABYLON.Tools.LoadScript("https://preview.babylonjs.com/serializers/babylonjs.serializers.min.js",function(){})},t.prototype.componentWillUnmount=function(){this._videoRecorder&&(this._videoRecorder.stopRecording(),this._videoRecorder.dispose(),this._videoRecorder=null)},t.prototype.captureScreenshot=function(){var e=this.props.scene;e.activeCamera&&BABYLON.Tools.CreateScreenshotUsingRenderTarget(e.getEngine(),e.activeCamera,{precision:1},void 0,void 0,4,!0)},t.prototype.recordVideo=function(){var e=this;if(this._videoRecorder&&this._videoRecorder.isRecording)this._videoRecorder.stopRecording();else{var t=this.props.scene;this._videoRecorder||(this._videoRecorder=new BABYLON.VideoRecorder(t.getEngine())),this._videoRecorder.startRecording().then(function(){e.setState({tag:"Record video"})}),this.setState({tag:"Stop recording"})}},t.prototype.shouldExport=function(e){if(e instanceof BABYLON.Mesh&&e.material){var t=e.material.reflectionTexture;if(t&&t.coordinatesMode===BABYLON.Texture.SKYBOX_MODE)return!1}return!0},t.prototype.exportGLTF=function(){var e=this,t=this.props.scene;BABYLON.GLTF2Export.GLBAsync(t,"scene",{shouldExportTransformNode:function(t){return e.shouldExport(t)}}).then(function(e){e.downloadFiles()})},t.prototype.exportBabylon=function(){var e=this.props.scene,t=JSON.stringify(BABYLON.SceneSerializer.Serialize(e)),n=new Blob([t],{type:"octet/stream"});BABYLON.Tools.Download(n,"scene.babylon")},t.prototype.createEnvTexture=function(){var e=this.props.scene;yn.EnvironmentTextureTools.CreateEnvTextureAsync(e.environmentTexture).then(function(e){var t=new Blob([e],{type:"octet/stream"});BABYLON.Tools.Download(t,"environment.env")}).catch(function(e){console.error(e),alert(e)})},t.prototype.render=function(){var e=this,t=this.props.scene;return t?r.createElement("div",{className:"pane"},r.createElement(K,{title:"CAPTURE"},r.createElement(Ft,{label:"Screenshot",onClick:function(){return e.captureScreenshot()}}),r.createElement(Ft,{label:this.state.tag,onClick:function(){return e.recordVideo()}})),r.createElement(K,{title:"SCENE EXPORT"},r.createElement(Ft,{label:"Export to GLB",onClick:function(){return e.exportGLTF()}}),r.createElement(Ft,{label:"Export to Babylon",onClick:function(){return e.exportBabylon()}}),!t.getEngine().premultipliedAlpha&&t.environmentTexture&&t.activeCamera&&r.createElement(Ft,{label:"Generate .env texture",onClick:function(){return e.createEnvTexture()}})),r.createElement(xn,{scene:t,globalState:this.props.globalState})):null},t}(G),Pn=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}();n(19);var wn=function(e){function t(t){var n=e.call(this,t)||this;n._once=!0;var r=0,o=n.props.globalState.validationResults;return o&&(o.issues.numErrors||o.issues.numWarnings)&&(r=3),n.state={selectedEntity:null,selectedIndex:r},n}return Pn(t,e),t.prototype.componentWillMount=function(){var e=this;this._onSelectionChangeObserver=this.props.globalState.onSelectionChangedObservable.add(function(t){e.setState({selectedEntity:t,selectedIndex:0})}),this._onTabChangedObserver=this.props.globalState.onTabChangedObservable.add(function(t){e.setState({selectedIndex:t})})},t.prototype.componentWillUnmount=function(){this._onSelectionChangeObserver&&this.props.globalState.onSelectionChangedObservable.remove(this._onSelectionChangeObserver),this._onTabChangedObserver&&this.props.globalState.onTabChangedObservable.remove(this._onTabChangedObserver)},t.prototype.changeSelectedTab=function(e){this.props.globalState.onTabChangedObservable.notifyObservers(e)},t.prototype.renderContent=function(){var e=this;return r.createElement(l,{selectedIndex:this.state.selectedIndex,onSelectedIndexChange:function(t){return e.changeSelectedTab(t)}},r.createElement(mn,{title:"Properties",icon:P,scene:this.props.scene,selectedEntity:this.state.selectedEntity,globalState:this.props.globalState,onSelectionChangedObservable:this.props.globalState.onSelectionChangedObservable,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable}),r.createElement(ie,{title:"Debug",icon:d,scene:this.props.scene,globalState:this.props.globalState}),r.createElement(ee,{title:"Statistics",icon:f,scene:this.props.scene,globalState:this.props.globalState}),r.createElement(Sn,{title:"Tools",icon:H,scene:this.props.scene,globalState:this.props.globalState}))},t.prototype.onClose=function(){this.props.onClose&&this.props.onClose()},t.prototype.onPopup=function(){this.props.onPopup&&this.props.onPopup()},t.prototype.render=function(){var e=this;return this.props.popupMode?r.createElement("div",{id:"actionTabs"},!this.props.noHeader&&r.createElement(gn,{title:"INSPECTOR",handleBack:!0,noClose:this.props.noClose,noExpand:this.props.noExpand,noCommands:this.props.noCommands,onClose:function(){return e.onClose()},onPopup:function(){return e.onPopup()},onSelectionChangedObservable:this.props.globalState.onSelectionChangedObservable}),this.renderContent()):(this._once&&(this._once=!1,setTimeout(function(){var e=document.getElementById("actionTabs");e&&(e.style.width="300px")},150)),r.createElement(Ee,{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}},!this.props.noHeader&&r.createElement(gn,{title:"INSPECTOR",handleBack:!0,noClose:this.props.noClose,noExpand:this.props.noExpand,noCommands:this.props.noCommands,onClose:function(){return e.onClose()},onPopup:function(){return e.onPopup()},onSelectionChangedObservable:this.props.globalState.onSelectionChangedObservable}),this.renderContent()))},t}(r.Component),kn={prefix:"far",iconName:"eye",icon:[576,512,[],"f06e","M569.354 231.631C512.97 135.949 407.81 72 288 72 168.14 72 63.004 135.994 6.646 231.631a47.999 47.999 0 0 0 0 48.739C63.031 376.051 168.19 440 288 440c119.86 0 224.996-63.994 281.354-159.631a47.997 47.997 0 0 0 0-48.738zM288 392c-102.556 0-192.091-54.701-240-136 44.157-74.933 123.677-127.27 216.162-135.007C273.958 131.078 280 144.83 280 160c0 30.928-25.072 56-56 56s-56-25.072-56-56l.001-.042C157.794 179.043 152 200.844 152 224c0 75.111 60.889 136 136 136s136-60.889 136-136c0-31.031-10.4-59.629-27.895-82.515C451.704 164.638 498.009 205.106 528 256c-47.908 81.299-137.444 136-240 136z"]},Nn={prefix:"far",iconName:"eye-slash",icon:[576,512,[],"f070","M272.702 359.139c-80.483-9.011-136.212-86.886-116.93-167.042l116.93 167.042zM288 392c-102.556 0-192.092-54.701-240-136 21.755-36.917 52.1-68.342 88.344-91.658l-27.541-39.343C67.001 152.234 31.921 188.741 6.646 231.631a47.999 47.999 0 0 0 0 48.739C63.004 376.006 168.14 440 288 440a332.89 332.89 0 0 0 39.648-2.367l-32.021-45.744A284.16 284.16 0 0 1 288 392zm281.354-111.631c-33.232 56.394-83.421 101.742-143.554 129.492l48.116 68.74c3.801 5.429 2.48 12.912-2.949 16.712L450.23 509.83c-5.429 3.801-12.912 2.48-16.712-2.949L102.084 33.399c-3.801-5.429-2.48-12.912 2.949-16.712L125.77 2.17c5.429-3.801 12.912-2.48 16.712 2.949l55.526 79.325C226.612 76.343 256.808 72 288 72c119.86 0 224.996 63.994 281.354 159.631a48.002 48.002 0 0 1 0 48.738zM528 256c-44.157-74.933-123.677-127.27-216.162-135.007C302.042 131.078 296 144.83 296 160c0 30.928 25.072 56 56 56s56-25.072 56-56l-.001-.042c30.632 57.277 16.739 130.26-36.928 171.719l26.695 38.135C452.626 346.551 498.308 306.386 528 256z"]},Tn={prefix:"far",iconName:"lightbulb",icon:[352,512,[],"f0eb","M176 80c-52.94 0-96 43.06-96 96 0 8.84 7.16 16 16 16s16-7.16 16-16c0-35.3 28.72-64 64-64 8.84 0 16-7.16 16-16s-7.16-16-16-16zM96.06 459.17c0 3.15.93 6.22 2.68 8.84l24.51 36.84c2.97 4.46 7.97 7.14 13.32 7.14h78.85c5.36 0 10.36-2.68 13.32-7.14l24.51-36.84c1.74-2.62 2.67-5.7 2.68-8.84l.05-43.18H96.02l.04 43.18zM176 0C73.72 0 0 82.97 0 176c0 44.37 16.45 84.85 43.56 115.78 16.64 18.99 42.74 58.8 52.42 92.16v.06h48v-.12c-.01-4.77-.72-9.51-2.15-14.07-5.59-17.81-22.82-64.77-62.17-109.67-20.54-23.43-31.52-53.15-31.61-84.14-.2-73.64 59.67-128 127.95-128 70.58 0 128 57.42 128 128 0 30.97-11.24 60.85-31.65 84.14-39.11 44.61-56.42 91.47-62.1 109.46a47.507 47.507 0 0 0-2.22 14.3v.1h48v-.05c9.68-33.37 35.78-73.18 52.42-92.16C335.55 260.85 352 220.37 352 176 352 78.8 273.2 0 176 0z"]},Ln=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),An=function(e){function t(t){return e.call(this,t)||this}return Ln(t,e),t.prototype.onClick=function(){this.props.onClick&&this.props.onClick()},t.prototype.render=function(){var e=this;return r.createElement("div",{className:"title",onClick:function(){return e.onClick()}},r.createElement("div",{className:"titleIcon"},r.createElement(a.a,{icon:this.props.icon,color:this.props.color})),r.createElement("div",{className:"titleText"},this.props.label||"no name"))},t}(r.Component),jn=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Mn=function(e){function t(t){var n=e.call(this,t)||this;return n.state={popupVisible:!1},n}return jn(t,e),t.prototype.showPopup=function(){this.setState({popupVisible:!0})},t.prototype.componentDidMount=function(){this._popup&&this._popup.focus()},t.prototype.componentDidUpdate=function(){this._popup&&this._popup.focus()},t.prototype.render=function(){var e=this;if(!this.props.extensibilityGroups)return null;for(var t=[],n=0,o=this.props.extensibilityGroups;n<o.length;n++){var i=o[n];i.predicate(this.props.target)&&t.push.apply(t,i.entries)}return 0===t.length?null:r.createElement("div",{ref:"extensions",className:"extensions",onClick:function(){return e.showPopup()}},r.createElement("div",{title:"Additional options",className:"icon"},r.createElement(a.a,{icon:E})),r.createElement("div",{ref:function(t){e._popup=t},tabIndex:-1,className:this.state.popupVisible?"popup show":"popup",onBlur:function(){return e.setState({popupVisible:!1})}},t.map(function(t){return r.createElement("div",{key:t.label,className:"popupMenu",onClick:function(){return t.action(e.props.target)}},t.label)})))},t}(r.Component),Bn=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Rn=function(e){function t(t){var n=e.call(this,t)||this,r=n.props.mesh;return n.state={isGizmoEnabled:r.reservedDataStore&&r.reservedDataStore.gizmo,isVisible:n.props.mesh.isVisible},n}return Bn(t,e),t.prototype.showGizmos=function(){var e=this.props.mesh;if(!this.state.isGizmoEnabled){e.reservedDataStore||(e.reservedDataStore={}),e.reservedDataStore.previousParent=e.parent,e.reservedDataStore.previousParent&&(e.reservedDataStore.previousParent.reservedDataStore||(e.reservedDataStore.previousParent.reservedDataStore={}),e.reservedDataStore.previousParent.reservedDataStore.detachedChildren||(e.reservedDataStore.previousParent.reservedDataStore.detachedChildren=[]),e.reservedDataStore.previousParent.reservedDataStore.detachedChildren.push(e));var t=new BABYLON.BoundingBoxGizmo(BABYLON.Color3.FromHexString("#0984e3"));return t.attachedMesh=e,t.enableDragBehavior(),t.updateBoundingBox(),t.fixedDragMeshScreenSize=!0,e.reservedDataStore.gizmo=t,void this.setState({isGizmoEnabled:!0})}var n=e.reservedDataStore.previousParent;e.reservedDataStore.gizmo.dispose(),e.reservedDataStore.gizmo=null,e.setParent(n),n&&n.reservedDataStore&&(n.reservedDataStore.detachedChildren=null),e.reservedDataStore.previousParent=null,e.reservedDataStore.pointerDragBehavior=null,this.setState({isGizmoEnabled:!1})},t.prototype.switchVisibility=function(){var e=!this.state.isVisible;this.setState({isVisible:e}),this.props.mesh.isVisible=e},t.prototype.render=function(){var e=this,t=this.props.mesh,n=this.state.isVisible?r.createElement(a.a,{icon:kn}):r.createElement(a.a,{icon:Nn,className:"isNotActive"});return r.createElement("div",{className:"meshTools"},r.createElement(An,{label:t.name,onClick:function(){return e.props.onClick()},icon:C,color:"dodgerblue"}),r.createElement("div",{className:this.state.isGizmoEnabled?"gizmo selected icon":"gizmo icon",onClick:function(){return e.showGizmos()},title:"Show/Hide position gizmo"},r.createElement(a.a,{icon:D})),r.createElement("div",{className:"visibility icon",onClick:function(){return e.switchVisibility()},title:"Show/Hide mesh"},n),r.createElement(Mn,{target:t,extensibilityGroups:this.props.extensibilityGroups}))},t}(r.Component),zn=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),In=function(e){function t(t){var n=e.call(this,t)||this,r=n.props.camera,o=r.getScene();return n.state={isActive:o.activeCamera===r},n}return zn(t,e),t.prototype.setActive=function(){var e=this.props.camera,t=e.getScene();t.activeCamera=e,e.attachControl(t.getEngine().getRenderingCanvas(),!0),this.setState({isActive:!0})},t.prototype.componentWillMount=function(){var e=this,t=this.props.camera,n=t.getScene();this._onActiveCameraObserver=n.onActiveCameraChanged.add(function(){e.state.isActive&&n.activeCameras.length<=1&&t.detachControl(n.getEngine().getRenderingCanvas()),e.setState({isActive:n.activeCamera===t})})},t.prototype.componentWillUnmount=function(){this._onActiveCameraObserver&&this.props.camera.getScene().onActiveCameraChanged.remove(this._onActiveCameraObserver)},t.prototype.render=function(){var e=this,t=this.state.isActive?r.createElement(a.a,{icon:F}):r.createElement(a.a,{icon:F,className:"isNotActive"}),n=this.props.camera.getScene();return r.createElement("div",{className:"cameraTools"},r.createElement(An,{label:this.props.camera.name,onClick:function(){return e.props.onClick()},icon:h,color:"green"}),(!n.activeCameras||0===n.activeCameras.length)&&r.createElement("div",{className:"activeCamera icon",onClick:function(){return e.setActive()},title:"Set as main camera"},t),r.createElement(Mn,{target:this.props.camera,extensibilityGroups:this.props.extensibilityGroups}))},t}(r.Component),Dn=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Fn=function(e){function t(t){var n=e.call(this,t)||this,r=n.props.light;return n.state={isEnabled:r.isEnabled()},n}return Dn(t,e),t.prototype.switchIsEnabled=function(){var e=this.props.light;e.setEnabled(!e.isEnabled()),this.setState({isEnabled:e.isEnabled()})},t.prototype.render=function(){var e=this,t=this.state.isEnabled?r.createElement(a.a,{icon:Tn}):r.createElement(a.a,{icon:Tn,className:"isNotActive"});return r.createElement("div",{className:"lightTools"},r.createElement(An,{label:this.props.light.name,onClick:function(){return e.props.onClick()},icon:T,color:"yellow"}),r.createElement("div",{className:"enableLight icon",onClick:function(){return e.switchIsEnabled()},title:"Turn on/off the light"},t),r.createElement(Mn,{target:this.props.light,extensibilityGroups:this.props.extensibilityGroups}))},t}(r.Component),Vn=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Hn=function(e){function t(t){return e.call(this,t)||this}return Vn(t,e),t.prototype.render=function(){var e=this;return r.createElement("div",{className:"materialTools"},r.createElement(An,{label:this.props.material.name,onClick:function(){return e.props.onClick()},icon:u,color:"orange"}),r.createElement(Mn,{target:this.props.material,extensibilityGroups:this.props.extensibilityGroups}))},t}(r.Component),Un=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Gn=function(e){function t(t){return e.call(this,t)||this}return Un(t,e),t.prototype.render=function(){var e=this;return r.createElement("div",{className:"textureTools"},r.createElement(An,{label:this.props.texture.name,onClick:function(){return e.props.onClick()},icon:N,color:"mediumpurple"}),r.createElement(Mn,{target:this.props.texture,extensibilityGroups:this.props.extensibilityGroups}))},t}(r.Component),Yn=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Wn=function(e){function t(t){return e.call(this,t)||this}return Yn(t,e),t.prototype.render=function(){var e=this,t=this.props.transformNode;return r.createElement("div",{className:"transformNodeTools"},r.createElement(An,{label:t.name,onClick:function(){return e.props.onClick()},icon:v,color:"cornflowerblue"}),r.createElement(Mn,{target:t,extensibilityGroups:this.props.extensibilityGroups}))},t}(r.Component),Xn=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Kn=function(e){function t(t){var n=e.call(this,t)||this,r=n.props.control;return n.state={isActive:r.isHighlighted,isVisible:r.isVisible},n}return Xn(t,e),t.prototype.highlight=function(){var e=this.props.control;e.isHighlighted=!e.isHighlighted,this.setState({isActive:e.isHighlighted})},t.prototype.switchVisibility=function(){var e=!this.state.isVisible;this.setState({isVisible:e}),this.props.control.isVisible=e},t.prototype.render=function(){var e=this,t=this.props.control,n=(t.name||"No name")+" ["+t.getClassName()+"]",o=this.state.isActive?r.createElement(a.a,{icon:k}):r.createElement(a.a,{icon:k,className:"isNotActive"}),i=this.state.isVisible?r.createElement(a.a,{icon:_}):r.createElement(a.a,{icon:S,className:"isNotActive"});return r.createElement("div",{className:"controlTools"},r.createElement(An,{label:n,onClick:function(){return e.props.onClick()},icon:A,color:"greenyellow"}),r.createElement("div",{className:"highlight icon",onClick:function(){return e.highlight()},title:"Highlight this control"},o),r.createElement("div",{className:"visibility icon",onClick:function(){return e.switchVisibility()},title:"Show/Hide control"},i),r.createElement(Mn,{target:t,extensibilityGroups:this.props.extensibilityGroups}))},t}(r.Component),qn=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),$n=function(e){function t(t){var n=e.call(this,t)||this;return n.state={isInPickingMode:!1},n}return qn(t,e),t.prototype.componentWillUnmount=function(){var e=this.props.texture;this._onControlPickedObserver&&(e.onControlPickedObservable.remove(this._onControlPickedObserver),this._onControlPickedObserver=null)},t.prototype.onPickingMode=function(){var e=this,t=this.props.texture;this._onControlPickedObserver&&(t.onControlPickedObservable.remove(this._onControlPickedObserver),this._onControlPickedObserver=null),this.state.isInPickingMode||(this._onControlPickedObserver=t.onControlPickedObservable.add(function(t){e.props.onSelectionChangedObservable&&("ScrollViewerWindow"===t.getClassName()&&(t=t.getAscendantOfClass("ScrollViewer")),e.props.onSelectionChangedObservable.notifyObservers(t))})),this.setState({isInPickingMode:!this.state.isInPickingMode})},t.prototype.render=function(){var e=this;return r.createElement("div",{className:"adtextureTools"},r.createElement(An,{label:this.props.texture.name,onClick:function(){return e.props.onClick()},icon:N,color:"mediumpurple"}),r.createElement("div",{className:this.state.isInPickingMode?"pickingMode selected icon":"pickingMode icon",onClick:function(){return e.onPickingMode()},title:"Turn picking mode on/off"},r.createElement(a.a,{icon:O})),r.createElement(Mn,{target:this.props.texture,extensibilityGroups:this.props.extensibilityGroups}))},t}(r.Component),Qn=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),Zn=function(e){function t(t){return e.call(this,t)||this}return Qn(t,e),t.prototype.render=function(){var e=this,t=this.props.animationGroup;return r.createElement("div",{className:"animationGroupTools"},r.createElement(An,{label:t.name,onClick:function(){return e.props.onClick()},icon:w,color:"cornflowerblue"}),r.createElement(Mn,{target:t,extensibilityGroups:this.props.extensibilityGroups}))},t}(r.Component),Jn=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),er=function(e){function t(t){return e.call(this,t)||this}return Jn(t,e),t.prototype.onClick=function(){this.props.onClick&&this.props.onClick()},t.prototype.render=function(){var e=this,t=this.props.entity;if(t&&t.getClassName){var n=t.getClassName();if(-1!==n.indexOf("Mesh")){var o=t;return o.getTotalVertices()>0?r.createElement(Rn,{extensibilityGroups:this.props.extensibilityGroups,mesh:o,onClick:function(){return e.onClick()}}):r.createElement(Wn,{extensibilityGroups:this.props.extensibilityGroups,transformNode:t,onClick:function(){return e.onClick()}})}if(-1!==n.indexOf("TransformNode"))return r.createElement(Wn,{extensibilityGroups:this.props.extensibilityGroups,transformNode:t,onClick:function(){return e.onClick()}});if(-1!==n.indexOf("Camera"))return r.createElement(In,{extensibilityGroups:this.props.extensibilityGroups,camera:t,onClick:function(){return e.onClick()}});if(-1!==n.indexOf("Light"))return r.createElement(Fn,{extensibilityGroups:this.props.extensibilityGroups,light:t,onClick:function(){return e.onClick()}});if(-1!==n.indexOf("Material"))return r.createElement(Hn,{extensibilityGroups:this.props.extensibilityGroups,material:t,onClick:function(){return e.onClick()}});if("AdvancedDynamicTexture"===n)return r.createElement($n,{onSelectionChangedObservable:this.props.onSelectionChangedObservable,extensibilityGroups:this.props.extensibilityGroups,texture:t,onClick:function(){return e.onClick()}});if("AnimationGroup"===n)return r.createElement(Zn,{extensibilityGroups:this.props.extensibilityGroups,animationGroup:t,onClick:function(){return e.onClick()}});if(-1!==n.indexOf("Texture"))return r.createElement(Gn,{extensibilityGroups:this.props.extensibilityGroups,texture:t,onClick:function(){return e.onClick()}});if(t._host)return r.createElement(Kn,{extensibilityGroups:this.props.extensibilityGroups,control:t,onClick:function(){return e.onClick()}})}return r.createElement("div",{className:"meshTools"},r.createElement(An,{label:t.name,onClick:function(){return e.onClick()},icon:M,color:"cornflowerblue"}))},t}(r.Component),tr=function(){function e(){}return e.LookForItem=function(t,n){if(t===n)return!0;var r=t.getChildren?t.getChildren():t.children;if(r)for(var o=0,a=r;o<a.length;o++){var i=a[o];if(e.LookForItem(i,n))return!0}return!1},e._RecursiveRemoveHiddenMeshesAndHoistChildren=function(t){for(var n=[],r=0,o=t;r<o.length;r++){var a=o[r];a.reservedDataStore&&a.reservedDataStore.hidden&&a.getChildMeshes?e._RecursiveRemoveHiddenMeshesAndHoistChildren(a.getChildMeshes()).forEach(function(e){n.push(e)}):n.push(a)}return n},e.SortAndFilter=function(t,n){if(!n)return[];var r=e._RecursiveRemoveHiddenMeshesAndHoistChildren(n);return t&&t.reservedDataStore&&t.reservedDataStore.detachedChildren&&r.push.apply(r,t.reservedDataStore.detachedChildren),r.sort(function(e,t){var n=(e.name||"").toLowerCase(),r=(t.name||"").toLowerCase();return n===r?0:n>r?1:-1})},e}(),nr=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),rr=function(e){function t(t){var n=e.call(this,t)||this;return n._wasSelected=!1,n.state={isSelected:n.props.entity===n.props.selectedEntity,isExpanded:n.props.mustExpand||tr.LookForItem(n.props.entity,n.props.selectedEntity)},n}return nr(t,e),t.prototype.switchExpandedState=function(){this.setState({isExpanded:!this.state.isExpanded})},t.prototype.shouldComponentUpdate=function(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,tr.LookForItem(e.entity,e.selectedEntity))return t.isExpanded=!0,!0}return!0},t.prototype.scrollIntoView=function(){var e=o.findDOMNode(this);e&&e.scrollIntoView()},t.prototype.componentDidMount=function(){this.state.isSelected&&this.scrollIntoView()},t.prototype.componentDidUpdate=function(){this.state.isSelected&&!this._wasSelected&&this.scrollIntoView(),this._wasSelected=!1},t.prototype.onSelect=function(){if(this.props.onSelectionChangedObservable){this._wasSelected=!0;var e=this.props.entity;this.props.onSelectionChangedObservable.notifyObservers(e)}},t.prototype.renderChildren=function(){var e=this,n=this.props.entity;return(n.getChildren||n.children)&&this.state.isExpanded?tr.SortAndFilter(n,n.getChildren?n.getChildren():n.children).map(function(n){return r.createElement(t,{mustExpand:e.props.mustExpand,extensibilityGroups:e.props.extensibilityGroups,selectedEntity:e.props.selectedEntity,key:n.uniqueId,offset:e.props.offset+2,entity:n,onSelectionChangedObservable:e.props.onSelectionChangedObservable,filter:e.props.filter})}):null},t.prototype.render=function(){var e=this,t={paddingLeft:10*(this.props.offset+.5)+"px"},n=this.props.entity,o=this.state.isExpanded?r.createElement(a.a,{icon:L}):r.createElement(a.a,{icon:j}),i=tr.SortAndFilter(n,n.getChildren?n.getChildren():n.children).length>0;if(n.reservedDataStore||(n.reservedDataStore={}),n.reservedDataStore.setExpandedState=function(t){e.setState({isExpanded:t})},n.reservedDataStore.isExpanded=this.state.isExpanded,this.props.filter){var l=this.props.filter.toLowerCase();if(!n.name||-1===n.name.toLowerCase().indexOf(l)){if(!i)return null;if(n.getDescendants&&0===n.getDescendants(!1,function(e){return console.log(e.name),e.name&&-1!==e.name.toLowerCase().indexOf(l)}).length)return null}}return r.createElement("div",null,r.createElement("div",{className:this.state.isSelected?"itemContainer selected":"itemContainer",style:t},i&&r.createElement("div",{className:"arrow icon",onClick:function(){return e.switchExpandedState()}},o),r.createElement(er,{extensibilityGroups:this.props.extensibilityGroups,label:n.name,entity:n,onClick:function(){return e.onSelect()},onSelectionChangedObservable:this.props.onSelectionChangedObservable})),this.renderChildren())},t}(r.Component),or=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),ar=function(e){function t(t){return e.call(this,t)||this}return or(t,e),t.prototype.expandAll=function(){this.props.onExpandAll(!this.props.isExpanded)},t.prototype.render=function(){var e=this,t=this.props.isExpanded?r.createElement(a.a,{icon:L}):r.createElement(a.a,{icon:j}),n=this.props.isExpanded?r.createElement(a.a,{icon:g}):r.createElement(a.a,{icon:x});return r.createElement("div",{className:"expandableHeader"},r.createElement("div",{className:"text"},r.createElement("div",{className:"arrow icon",onClick:function(){return e.props.onClick()}},t),r.createElement("div",{className:"text-value"},this.props.label)),r.createElement("div",{className:"expandAll icon",onClick:function(){return e.expandAll()},title:this.props.isExpanded?"Collapse all":"Expand all"},n))},t}(r.Component),ir=function(e){function t(t){return e.call(this,t)||this}return or(t,e),t.prototype.render=function(){return r.createElement("div",{className:"expandableHeader"},r.createElement("div",{className:"text"},r.createElement("div",{className:"arrow icon"},r.createElement(a.a,{icon:p})),r.createElement("div",{className:"text-value"},this.props.label)))},t}(r.Component),lr=function(e){function t(t){var n=e.call(this,t)||this;return n.state={isExpanded:!1,mustExpand:!1},n}return or(t,e),t.prototype.switchExpandedState=function(){this.setState({isExpanded:!this.state.isExpanded,mustExpand:!1})},t.prototype.shouldComponentUpdate=function(e,t){if(!t.isExpanded&&this.state.isExpanded)return!0;var n=e.items;if(n&&n.length&&e.selectedEntity)for(var r=0,o=n;r<o.length;r++){var a=o[r];if(tr.LookForItem(a,e.selectedEntity))return t.isExpanded=!0,!0}return!0},t.prototype.expandAll=function(e){this.setState({isExpanded:e,mustExpand:e})},t.prototype.render=function(){var e=this,t=this.props.items,n={paddingLeft:10*(this.props.offset+.5)+"px"};if(!t)return r.createElement("div",{className:"groupContainer",style:n},r.createElement("div",null,this.props.label));if(!t.length)return r.createElement("div",{className:"groupContainer",style:n},r.createElement(ir,{label:this.props.label}));if(!this.state.isExpanded)return r.createElement("div",{className:"groupContainer",style:n},r.createElement(ar,{isExpanded:!1,label:this.props.label,onClick:function(){return e.switchExpandedState()},onExpandAll:function(t){return e.expandAll(t)}}));var o=tr.SortAndFilter(null,t);return r.createElement("div",null,r.createElement("div",{className:"groupContainer",style:n},r.createElement(ar,{isExpanded:this.state.isExpanded,label:this.props.label,onClick:function(){return e.switchExpandedState()},onExpandAll:function(t){return e.expandAll(t)}})),o.map(function(t){return r.createElement(rr,{mustExpand:e.state.mustExpand,extensibilityGroups:e.props.extensibilityGroups,key:t.uniqueId,offset:e.props.offset+1,selectedEntity:e.props.selectedEntity,entity:t,onSelectionChangedObservable:e.props.onSelectionChangedObservable,filter:e.props.filter})}))},t}(r.Component),sr=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),cr=function(e){function t(t){var n=e.call(this,t)||this,r=n.props.scene,o=0;if(r.reservedDataStore&&r.reservedDataStore.gizmoManager){var a=r.reservedDataStore.gizmoManager;a.positionGizmoEnabled?o=1:a.rotationGizmoEnabled?o=2:a.scaleGizmoEnabled&&(o=3)}return n.state={isSelected:!1,isInPickingMode:!1,gizmoMode:o},n}return sr(t,e),t.prototype.shouldComponentUpdate=function(e,t){if(e.selectedEntity){if(e.scene===e.selectedEntity)return t.isSelected=!0,!0;t.isSelected=!1}return!0},t.prototype.componentWillMount=function(){var e=this;if(this.props.onSelectionChangedObservable){var t=this.props.scene;this._onSelectionChangeObserver=this.props.onSelectionChangedObservable.add(function(n){if(e._selectedEntity=n,t.reservedDataStore&&t.reservedDataStore.gizmoManager){var r=t.reservedDataStore.gizmoManager,o=n.getClassName();"TransformNode"!==o&&-1===o.indexOf("Mesh")||r.attachToMesh(n)}})}},t.prototype.componentWillUnmount=function(){var e=this.props.scene;this._onPointerObserver&&(e.onPointerObservable.remove(this._onPointerObserver),this._onPointerObserver=null),this._onSelectionChangeObserver&&this.props.onSelectionChangedObservable&&this.props.onSelectionChangedObservable.remove(this._onSelectionChangeObserver)},t.prototype.onSelect=function(){if(this.props.onSelectionChangedObservable){var e=this.props.scene;this.props.onSelectionChangedObservable.notifyObservers(e)}},t.prototype.onPickingMode=function(){var e=this,t=this.props.scene;this._onPointerObserver&&(t.onPointerObservable.remove(this._onPointerObserver),this._onPointerObserver=null),this.state.isInPickingMode||(this._onPointerObserver=t.onPointerObservable.add(function(){var n=t.unTranslatedPointer,r=t.pick(n.x,n.y,function(e){return e.isEnabled()&&e.isVisible&&e.getTotalVertices()>0});r&&r.hit&&e.props.onSelectionChangedObservable&&e.props.onSelectionChangedObservable.notifyObservers(r.pickedMesh)},BABYLON.PointerEventTypes.POINTERTAP)),this.setState({isInPickingMode:!this.state.isInPickingMode})},t.prototype.setGizmoMode=function(e){var t=this.props.scene;t.reservedDataStore||(t.reservedDataStore={}),t.reservedDataStore.gizmoManager||(t.reservedDataStore.gizmoManager=new yn.GizmoManager(t));var n=t.reservedDataStore.gizmoManager;if(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;break;case 2:n.rotationGizmoEnabled=!0;break;case 3:n.scaleGizmoEnabled=!0}if(this._selectedEntity&&this._selectedEntity.getClassName){var r=this._selectedEntity.getClassName();"TransformNode"!==r&&-1===r.indexOf("Mesh")||n.attachToMesh(this._selectedEntity)}}this.setState({gizmoMode:e})},t.prototype.render=function(){var e=this;return r.createElement("div",{className:this.state.isSelected?"itemContainer selected":"itemContainer"},r.createElement("div",{className:"sceneNode"},r.createElement("div",{className:"sceneTitle",onClick:function(){return e.onSelect()}},r.createElement(a.a,{icon:N})," Scene"),r.createElement("div",{className:1===this.state.gizmoMode?"translation selected icon":"translation icon",onClick:function(){return e.setGizmoMode(1)},title:"Enable/Disable position mode"},r.createElement(a.a,{icon:c})),r.createElement("div",{className:2===this.state.gizmoMode?"rotation selected icon":"rotation icon",onClick:function(){return e.setGizmoMode(2)},title:"Enable/Disable rotation mode"},r.createElement(a.a,{icon:B})),r.createElement("div",{className:3===this.state.gizmoMode?"scaling selected icon":"scaling icon",onClick:function(){return e.setGizmoMode(3)},title:"Enable/Disable scaling mode"},r.createElement(a.a,{icon:g})),r.createElement("div",{className:"separator"}),r.createElement("div",{className:this.state.isInPickingMode?"pickingMode selected icon":"pickingMode icon",onClick:function(){return e.onPickingMode()},title:"Turn picking mode on/off"},r.createElement(a.a,{icon:O})),r.createElement("div",{className:"refresh icon",onClick:function(){return e.props.onRefresh()},title:"Refresh the explorer"},r.createElement(a.a,{icon:R})),r.createElement(Mn,{target:this.props.scene,extensibilityGroups:this.props.extensibilityGroups})))},t}(r.Component),pr=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}();
/*!
 * Font Awesome Free 5.4.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */n(22);var ur=function(e){function t(t){return e.call(this,t)||this}return pr(t,e),t.prototype.render=function(){var e=this;return r.createElement("div",{className:"filter"},r.createElement("input",{type:"text",placeholder:"Filter",onChange:function(t){return e.props.onFilter(t.target.value)}}))},t}(r.Component),dr=function(e){function t(t){var n=e.call(this,t)||this;return n._once=!0,n.state={filter:null,selectedEntity:null,scene:n.props.scene},n.sceneMutationFunc=n.processMutation.bind(n),n}return pr(t,e),t.prototype.processMutation=function(){this.props.globalState.blockMutationUpdates||this.forceUpdate()},t.prototype.componentWillMount=function(){var e=this;this._onSelectionChangeObserver=this.props.globalState.onSelectionChangedObservable.add(function(t){e.state.selectedEntity!==t&&e.setState({selectedEntity:t})})},t.prototype.componentWillUnmount=function(){this._onSelectionChangeObserver&&this.props.globalState.onSelectionChangedObservable.remove(this._onSelectionChangeObserver),this._onNewSceneAddedObserver&&BABYLON.Engine.LastCreatedEngine.onNewSceneAddedObservable.remove(this._onNewSceneAddedObserver);var e=this.state.scene;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.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)},t.prototype.filterContent=function(e){this.setState({filter:e})},t.prototype.findSiblings=function(e,t,n,r,o){if(!t)return!1;var a=tr.SortAndFilter(e,t);if(!t||0===a.length)return!1;for(var i=0,l=a;i<l.length;i++){var s=l[i];if(s===n){if(o.found=!0,!r)return o.previousOne&&this.props.globalState.onSelectionChangedObservable.notifyObservers(o.previousOne),!0}else{if(o.found)return this.props.globalState.onSelectionChangedObservable.notifyObservers(s),!0;o.previousOne=s}if(s.getChildren&&s.reservedDataStore&&s.reservedDataStore.isExpanded&&this.findSiblings(s,s.getChildren(),n,r,o))return!0}return!1},t.prototype.processKeys=function(e){if(this.state.selectedEntity){var t=this.state.scene,n=!1,r=!1;if(38===e.keyCode)n=!0;else if(40===e.keyCode)r=!0,n=!0;else{var o;if(13===e.keyCode||39===e.keyCode)return(o=this.state.selectedEntity.reservedDataStore)&&o.setExpandedState&&o.setExpandedState(!0),void e.preventDefault();if(37===e.keyCode)return(o=this.state.selectedEntity.reservedDataStore)&&o.setExpandedState&&o.setExpandedState(!1),void e.preventDefault()}if(n){e.preventDefault();var 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)}}},t.prototype.renderContent=function(){var e=this,t=this.state.scene;if(!t)return this._onNewSceneAddedObserver=BABYLON.Engine.LastCreatedEngine.onNewSceneAddedObservable.addOnce(function(t){return e.setState({scene:t})}),null;var n=t.textures.filter(function(e){return"AdvancedDynamicTexture"===e.getClassName()}),o=t.textures.filter(function(e){return"AdvancedDynamicTexture"!==e.getClassName()});return r.createElement("div",{id:"tree"},r.createElement(ur,{onFilter:function(t){return e.filterContent(t)}}),r.createElement(cr,{extensibilityGroups:this.props.extensibilityGroups,selectedEntity:this.state.selectedEntity,scene:t,onRefresh:function(){return e.forceUpdate()},onSelectionChangedObservable:this.props.globalState.onSelectionChangedObservable}),r.createElement(lr,{extensibilityGroups:this.props.extensibilityGroups,selectedEntity:this.state.selectedEntity,items:t.rootNodes,label:"Nodes",offset:1,onSelectionChangedObservable:this.props.globalState.onSelectionChangedObservable,filter:this.state.filter}),r.createElement(lr,{extensibilityGroups:this.props.extensibilityGroups,selectedEntity:this.state.selectedEntity,items:t.materials,label:"Materials",offset:1,onSelectionChangedObservable:this.props.globalState.onSelectionChangedObservable,filter:this.state.filter}),r.createElement(lr,{extensibilityGroups:this.props.extensibilityGroups,selectedEntity:this.state.selectedEntity,items:o,label:"Textures",offset:1,onSelectionChangedObservable:this.props.globalState.onSelectionChangedObservable,filter:this.state.filter}),n&&n.length>0&&r.createElement(lr,{extensibilityGroups:this.props.extensibilityGroups,selectedEntity:this.state.selectedEntity,items:n,label:"GUI",offset:1,onSelectionChangedObservable:this.props.globalState.onSelectionChangedObservable,filter:this.state.filter}),t.animationGroups.length>0&&r.createElement(lr,{extensibilityGroups:this.props.extensibilityGroups,selectedEntity:this.state.selectedEntity,items:t.animationGroups,label:"Animation groups",offset:1,onSelectionChangedObservable:this.props.globalState.onSelectionChangedObservable,filter:this.state.filter}))},t.prototype.onClose=function(){this.props.onClose&&this.props.onClose()},t.prototype.onPopup=function(){this.props.onPopup&&this.props.onPopup()},t.prototype.render=function(){var e=this;if(this.props.popupMode)return r.createElement("div",{id:"sceneExplorer"},!this.props.noHeader&&r.createElement(gn,{title:"SCENE EXPLORER",noClose:this.props.noClose,noExpand:this.props.noExpand,noCommands:this.props.noCommands,onClose:function(){return e.onClose()},onPopup:function(){return e.onPopup()}}),this.renderContent());if(this._once){this._once=!1;var t=this.state.scene;t.onNewCameraAddedObservable.add(this.sceneMutationFunc),t.onNewLightAddedObservable.add(this.sceneMutationFunc),t.onNewMaterialAddedObservable.add(this.sceneMutationFunc),t.onNewMeshAddedObservable.add(this.sceneMutationFunc),t.onNewTextureAddedObservable.add(this.sceneMutationFunc),t.onNewTransformNodeAddedObservable.add(this.sceneMutationFunc),t.onMeshRemovedObservable.add(this.sceneMutationFunc),t.onCameraRemovedObservable.add(this.sceneMutationFunc),t.onLightRemovedObservable.add(this.sceneMutationFunc),t.onMaterialRemovedObservable.add(this.sceneMutationFunc),t.onTransformNodeRemovedObservable.add(this.sceneMutationFunc),t.onTextureRemovedObservable.add(this.sceneMutationFunc),setTimeout(function(){var e=document.getElementById("sceneExplorer");e&&(e.style.width="300px")},150)}return r.createElement(Ee,{tabIndex:-1,id:"sceneExplorer",ref:"sceneExplorer",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:function(t){return e.processKeys(t)}},!this.props.noHeader&&r.createElement(gn,{title:"SCENE EXPLORER",noClose:this.props.noClose,noExpand:this.props.noExpand,noCommands:this.props.noCommands,onClose:function(){return e.onClose()},onPopup:function(){return e.onPopup()}}),this.renderContent())},t}(r.Component),hr=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),fr=n(24);n(25);var br=function(e){function t(t){var n=e.call(this,t)||this;return n._once=!0,n}return hr(t,e),t.prototype.componentDidMount=function(){this.refs.split&&fr([this.refs.topPart,this.refs.bottomPart],{direction:"vertical",minSize:[200,200],gutterSize:4})},t.prototype.renderContent=function(){return this.props.popupMode?r.createElement("div",{id:"split",className:"splitPopup"},r.createElement("div",{id:"topPart"},r.createElement(dr,{scene:this.props.scene,popupMode:!0,globalState:this.props.globalState,noHeader:!0})),r.createElement("div",{id:"separator"}),r.createElement("div",{id:"bottomPart",style:{marginTop:"4px",overflow:"hidden"}},r.createElement(wn,{scene:this.props.scene,popupMode:!0,globalState:this.props.globalState,noHeader:!0}))):r.createElement("div",{ref:"split",id:"split",className:"noPopup"},r.createElement("div",{id:"topPart",ref:"topPart"},r.createElement(dr,{scene:this.props.scene,globalState:this.props.globalState,popupMode:!0,noHeader:!0})),r.createElement("div",{id:"bottomPart",ref:"bottomPart",style:{marginTop:"4px",overflow:"hidden"}},r.createElement(wn,{scene:this.props.scene,globalState:this.props.globalState,popupMode:!0,noHeader:!0})))},t.prototype.render=function(){var e=this;return this.props.popupMode?r.createElement("div",{id:"embed"},r.createElement(gn,{title:"INSPECTOR",noClose:this.props.noClose,noExpand:this.props.noExpand,handleBack:!0,onClose:function(){return e.props.onClose()},onPopup:function(){return e.props.onPopup()},onSelectionChangedObservable:this.props.globalState.onSelectionChangedObservable}),this.renderContent()):(this._once&&(this._once=!1,setTimeout(function(){var e=document.getElementById("embed");e&&(e.style.width="300px")},150)),r.createElement(Ee,{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}},r.createElement(gn,{title:"INSPECTOR",noClose:this.props.noClose,noExpand:this.props.noExpand,handleBack:!0,onClose:function(){return e.props.onClose()},onPopup:function(){return e.props.onPopup()},onSelectionChangedObservable:this.props.globalState.onSelectionChangedObservable}),this.renderContent()))},t}(r.Component),mr=function(){function e(){this.onTabChangedObservable=new yn.Observable,this.onValidationResultsUpdatedObservable=new yn.Observable,this.glTFLoaderExtensionDefaults={},this.glTFLoaderDefaults={validate:!0},this.blockMutationUpdates=!1}return e.prototype.prepareGLTFPlugin=function(e){var t=this,n=this.glTFLoaderDefaults;if(void 0!==n)for(var r in n)e[r]=n[r];e.onExtensionLoadedObservable.add(function(e){var n=t.glTFLoaderExtensionDefaults[e.name];if(void 0!==n)for(var r in n)e[r]=n[r]}),e.onValidatedObservable.add(function(e){t.validationResults=e,t.onValidationResultsUpdatedObservable.notifyObservers(e),(e.issues.numErrors||e.issues.numWarnings)&&t.onTabChangedObservable.notifyObservers(3)})},e}();n.d(t,"a",function(){return gr});var vr=function(){return(vr=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},gr=function(){function e(){}return e._CopyStyles=function(e,t){for(var n=0;n<e.styleSheets.length;n++){var r=e.styleSheets[n];if(r.cssRules){for(var o=e.createElement("style"),a=0,i=r.cssRules;a<i.length;a++){var l=i[a];o.appendChild(e.createTextNode(l.cssText))}t.head.appendChild(o)}else if(r.href){var s=e.createElement("link");s.rel="stylesheet",s.href=r.href,t.head.appendChild(s)}}},e._CreateSceneExplorer=function(t,n,a){var i=this;if(n.original&&(n={original:!1,popup:n.popup,overlay:n.overlay,showExplorer:n.showExplorer,showInspector:n.showInspector,embedMode:n.embedMode,handleResize:n.handleResize,enablePopup:n.enablePopup,enableClose:n.enablePopup,explorerExtensibility:n.explorerExtensibility}),a&&(this._SceneExplorerHost=a.ownerDocument.createElement("div"),this._SceneExplorerHost.id="scene-explorer-host",this._SceneExplorerHost.style.width=n.explorerWidth||"auto",n.popup?a.appendChild(this._SceneExplorerHost):a.insertBefore(this._SceneExplorerHost,this._NewCanvasContainer),n.overlay||(this._SceneExplorerHost.style.position="relative")),this._SceneExplorerHost){this._OpenedPane++;var l=r.createElement(dr,{scene:t,globalState:this._GlobalState,extensibilityGroups:n.explorerExtensibility,noClose:!n.enableClose,noExpand:!n.enablePopup,popupMode:n.popup,onPopup:function(){o.unmountComponentAtNode(i._SceneExplorerHost),i._RemoveElementFromDOM(i._SceneExplorerHost),n.popup&&i._SceneExplorerWindow.close(),n.popup=!n.popup,n.showExplorer=!0,n.showInspector=!1,n.explorerWidth=n.popup?"100%":"300px",e.Show(t,n)},onClose:function(){o.unmountComponentAtNode(i._SceneExplorerHost),e._OpenedPane--,i._RemoveElementFromDOM(i._SceneExplorerHost),i._Cleanup(),n.popup&&i._SceneExplorerWindow.close()}});o.render(l,this._SceneExplorerHost)}},e._CreateActionTabs=function(t,n,a){var i=this;if(n.original=!1,a){var l=a.ownerDocument.createElement("div");l.id="inspector-host",l.style.width=n.inspectorWidth||"auto",a.appendChild(l),this._ActionTabsHost=l,n.overlay||(this._ActionTabsHost.style.position="relative")}if(this._ActionTabsHost){this._OpenedPane++;var s=r.createElement(wn,{globalState:this._GlobalState,scene:t,noClose:!n.enableClose,noExpand:!n.enablePopup,popupMode:n.popup,onPopup:function(){o.unmountComponentAtNode(i._ActionTabsHost),i._RemoveElementFromDOM(i._ActionTabsHost),n.popup&&i._ActionTabsWindow.close(),n.popup=!n.popup,n.showExplorer=!1,n.showInspector=!0,n.inspectorWidth=n.popup?"100%":"300px",e.Show(t,n)},onClose:function(){o.unmountComponentAtNode(i._ActionTabsHost),e._OpenedPane--,i._Cleanup(),i._RemoveElementFromDOM(i._ActionTabsHost),n.popup&&i._ActionTabsWindow.close()}});o.render(s,this._ActionTabsHost)}},e._CreateEmbedHost=function(t,n,a,i){var l=this;if(a){var s=a.ownerDocument.createElement("div");s.id="embed-host",s.style.width=n.embedHostWidth||"auto",a.appendChild(s),this._EmbedHost=s,n.overlay||(this._EmbedHost.style.position="relative")}if(this._EmbedHost){this._OpenedPane++;var c=r.createElement(br,{globalState:this._GlobalState,scene:t,noExpand:!n.enablePopup,noClose:!n.enableClose,popupMode:n.popup,onPopup:function(){o.unmountComponentAtNode(l._EmbedHost),n.popup&&l._EmbedHostWindow.close(),l._RemoveElementFromDOM(l._EmbedHost),n.popup=!n.popup,n.embedMode=!0,n.showExplorer=!0,n.showInspector=!0,n.embedHostWidth=n.popup?"100%":"auto",e.Show(t,n)},onClose:function(){o.unmountComponentAtNode(l._EmbedHost),l._OpenedPane=0,l._Cleanup(),l._RemoveElementFromDOM(l._EmbedHost),n.popup&&l._EmbedHostWindow.close()}});o.render(c,this._EmbedHost)}},e._CreatePopup=function(e,t){var n={width:300,height:800,top:(window.innerHeight-800)/2+window.screenY,left:(window.innerWidth-300)/2+window.screenX},r=Object.keys(n).map(function(e){return e+"="+n[e]}).join(","),o=window.open("",e,r);if(!o)return null;var a=o.document;a.title=e,a.body.style.width="100%",a.body.style.height="100%",a.body.style.margin="0",a.body.style.padding="0";var i=a.createElement("div");return i.style.width="100%",i.style.height="100%",i.style.margin="0",i.style.padding="0",o.document.body.appendChild(i),this._CopyStyles(window.document,a),this[t]=o,i},Object.defineProperty(e,"IsVisible",{get:function(){return this._OpenedPane>0},enumerable:!0,configurable:!0}),e.EarlyAttachToLoader=function(){var e=this;this._GlobalState.onPluginActivatedObserver||(this._GlobalState.onPluginActivatedObserver=BABYLON.SceneLoader.OnPluginActivatedObservable.add(function(t){"gltf"===t.name&&e._GlobalState.prepareGLTFPlugin(t)}))},e.Show=function(t,n){var r=vr({original:!0,popup:!1,overlay:!1,showExplorer:!0,showInspector:!0,embedMode:!1,enableClose:!0,handleResize:!0,enablePopup:!0},n);this._GlobalState.onPropertyChangedObservable||(this._GlobalState.onPropertyChangedObservable=this.OnPropertyChangedObservable),this._GlobalState.onSelectionChangedObservable||(this._GlobalState.onSelectionChangedObservable=this.OnSelectionChangeObservable),this.IsVisible&&r.original&&this.Hide(),t||(t=BABYLON.Engine.LastCreatedScene),this._Scene=t;var o=t?t.getEngine().getRenderingCanvas():BABYLON.Engine.LastCreatedEngine.getRenderingCanvas();if(r.embedMode&&r.showExplorer&&r.showInspector)if(r.popup)this._CreateEmbedHost(t,r,this._CreatePopup("INSPECTOR","_EmbedHostWindow"),e.OnSelectionChangeObservable);else{var a=r.globalRoot?r.globalRoot:o.parentElement;r.overlay||this._NewCanvasContainer?!r.overlay&&this._NewCanvasContainer&&this._NewCanvasContainer.parentElement&&(a=this._NewCanvasContainer.parentElement):this._CreateCanvasContainer(a),this._NewCanvasContainer&&r.handleResize&&t&&(this._OnBeforeRenderObserver=t.onBeforeRenderObservable.add(function(){t.getEngine().resize()})),this._CreateEmbedHost(t,r,a,e.OnSelectionChangeObservable)}else if(r.popup)r.showExplorer&&(this._SceneExplorerHost&&(this._SceneExplorerHost.style.width="0"),this._CreateSceneExplorer(t,r,this._CreatePopup("SCENE EXPLORER","_SceneExplorerWindow"))),r.showInspector&&(this._ActionTabsHost&&(this._ActionTabsHost.style.width="0"),this._CreateActionTabs(t,r,this._CreatePopup("INSPECTOR","_ActionTabsWindow")));else{a=r.globalRoot?r.globalRoot:o.parentElement;r.overlay||this._NewCanvasContainer?!r.overlay&&this._NewCanvasContainer&&this._NewCanvasContainer.parentElement&&(a=this._NewCanvasContainer.parentElement):this._CreateCanvasContainer(a),this._NewCanvasContainer&&r.handleResize&&t&&(this._OnBeforeRenderObserver=t.onBeforeRenderObservable.add(function(){t.getEngine().resize()})),r.showExplorer&&this._CreateSceneExplorer(t,r,a),r.showInspector&&this._CreateActionTabs(t,r,a)}},e._CreateCanvasContainer=function(e){for(this._NewCanvasContainer=e.ownerDocument.createElement("div"),this._NewCanvasContainer.style.display=e.style.display,e.style.display="flex";e.childElementCount>0;){var 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%"},e._DestroyCanvasContainer=function(){for(var e=this._NewCanvasContainer.parentElement;this._NewCanvasContainer.childElementCount>0;){var t=this._NewCanvasContainer.childNodes[0];this._NewCanvasContainer.removeChild(t),e.appendChild(t)}e.removeChild(this._NewCanvasContainer),e.style.display=this._NewCanvasContainer.style.display,delete this._NewCanvasContainer},e._Cleanup=function(){this._NewCanvasContainer&&this._DestroyCanvasContainer(),0===e._OpenedPane&&this._OnBeforeRenderObserver&&this._Scene&&(this._Scene.onBeforeRenderObservable.remove(this._OnBeforeRenderObserver),this._OnBeforeRenderObserver=null,this._Scene.getEngine().resize())},e._RemoveElementFromDOM=function(e){e&&e.parentElement&&e.parentElement.removeChild(e)},e.Hide=function(){this._ActionTabsHost&&(o.unmountComponentAtNode(this._ActionTabsHost),this._RemoveElementFromDOM(this._ActionTabsHost),this._ActionTabsHost=null),this._SceneExplorerHost&&(o.unmountComponentAtNode(this._SceneExplorerHost),this._SceneExplorerHost.parentElement&&this._SceneExplorerHost.parentElement.removeChild(this._SceneExplorerHost),this._SceneExplorerHost=null),this._EmbedHost&&(o.unmountComponentAtNode(this._EmbedHost),this._EmbedHost.parentElement&&this._EmbedHost.parentElement.removeChild(this._EmbedHost),this._EmbedHost=null),e._OpenedPane=0,this._Cleanup(),this._GlobalState.onPluginActivatedObserver||(BABYLON.SceneLoader.OnPluginActivatedObservable.remove(this._GlobalState.onPluginActivatedObserver),this._GlobalState.onPluginActivatedObserver=null)},e._OpenedPane=0,e.OnSelectionChangeObservable=new BABYLON.Observable,e.OnPropertyChangedObservable=new BABYLON.Observable,e._GlobalState=new mr,e}();gr.EarlyAttachToLoader()},function(e,t,n){"use strict";n.d(t,"a",function(){return le}),n.d(t,"b",function(){return ie});
/*!
 * Font Awesome Free 5.5.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
var r=function(){},o={},a={},i={mark:r,measure:r};try{"undefined"!=typeof window&&(o=window),"undefined"!=typeof document&&(a=document),"undefined"!=typeof MutationObserver&&MutationObserver,"undefined"!=typeof performance&&(i=performance)}catch(e){}var l=(o.navigator||{}).userAgent,s=void 0===l?"":l,c=o,p=a,u=i,d=!!p.documentElement&&!!p.head&&"function"==typeof p.addEventListener&&"function"==typeof p.createElement,h=(~s.indexOf("MSIE")||s.indexOf("Trident/"),"data-fa-i2svg"),f=(function(){try{}catch(e){return!1}}(),[1,2,3,4,5,6,7,8,9,10]),b=f.concat([11,12,13,14,15,16,17,18,19,20]),m=(["xs","sm","lg","fw","ul","li","border","pull-left","pull-right","spin","pulse","rotate-90","rotate-180","rotate-270","flip-horizontal","flip-vertical","stack","stack-1x","stack-2x","inverse","layers","layers-text","layers-counter"].concat(f.map(function(e){return e+"x"})).concat(b.map(function(e){return"w-"+e})),function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}),v=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}}(),g=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},y=function(){return function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return function(e,t){var n=[],r=!0,o=!1,a=void 0;try{for(var i,l=e[Symbol.iterator]();!(r=(i=l.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){o=!0,a=e}finally{try{!r&&l.return&&l.return()}finally{if(o)throw a}}return n}(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),O=c.FontAwesomeConfig||{};if(p&&"function"==typeof p.querySelector){[["data-family-prefix","familyPrefix"],["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-keep-original-source","keepOriginalSource"],["data-measure-performance","measurePerformance"],["data-show-missing-icons","showMissingIcons"]].forEach(function(e){var t=y(e,2),n=t[0],r=t[1],o=function(e){return""===e||"false"!==e&&("true"===e||e)}(function(e){var t=p.querySelector("script["+e+"]");if(t)return t.getAttribute(e)}(n));void 0!==o&&null!==o&&(O[r]=o)})}var C=g({familyPrefix:"fa",replacementClass:"svg-inline--fa",autoReplaceSvg:!0,autoAddCss:!0,autoA11y:!0,searchPseudoElements:!1,observeMutations:!0,keepOriginalSource:!0,measurePerformance:!1,showMissingIcons:!0},O);C.autoReplaceSvg||(C.observeMutations=!1);var E=g({},C);c.FontAwesomeConfig=E;var x=c||{};x.___FONT_AWESOME___||(x.___FONT_AWESOME___={}),x.___FONT_AWESOME___.styles||(x.___FONT_AWESOME___.styles={}),x.___FONT_AWESOME___.hooks||(x.___FONT_AWESOME___.hooks={}),x.___FONT_AWESOME___.shims||(x.___FONT_AWESOME___.shims=[]);var _=x.___FONT_AWESOME___,S=[];d&&((p.documentElement.doScroll?/^loaded|^c/:/^loaded|^i|^c/).test(p.readyState)||p.addEventListener("DOMContentLoaded",function e(){p.removeEventListener("DOMContentLoaded",e),1,S.map(function(e){return e()})}));var P={size:16,x:0,y:0,rotate:0,flipX:!1,flipY:!1};function w(e){if(e&&d){var t=p.createElement("style");t.setAttribute("type","text/css"),t.innerHTML=e;for(var n=p.head.childNodes,r=null,o=n.length-1;o>-1;o--){var a=n[o],i=(a.tagName||"").toUpperCase();["STYLE","LINK"].indexOf(i)>-1&&(r=a)}return p.head.insertBefore(t,r),e}}var k="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";function N(){for(var e=12,t="";e-- >0;)t+=k[62*Math.random()|0];return t}function T(e){return(""+e).replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/'/g,"&#39;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function L(e){return Object.keys(e||{}).reduce(function(t,n){return t+(n+": ")+e[n]+";"},"")}function A(e){return e.size!==P.size||e.x!==P.x||e.y!==P.y||e.rotate!==P.rotate||e.flipX||e.flipY}function j(e){var t=e.transform,n=e.containerWidth,r=e.iconWidth;return{outer:{transform:"translate("+n/2+" 256)"},inner:{transform:"translate("+32*t.x+", "+32*t.y+") "+" "+("scale("+t.size/16*(t.flipX?-1:1)+", "+t.size/16*(t.flipY?-1:1)+") ")+" "+("rotate("+t.rotate+" 0 0)")},path:{transform:"translate("+r/2*-1+" -256)"}}}var M={x:0,y:0,width:"100%",height:"100%"},B=function(e){var t=e.children,n=e.attributes,r=e.main,o=e.mask,a=e.transform,i=r.width,l=r.icon,s=o.width,c=o.icon,p=j({transform:a,containerWidth:s,iconWidth:i}),u={tag:"rect",attributes:g({},M,{fill:"white"})},d={tag:"g",attributes:g({},p.inner),children:[{tag:"path",attributes:g({},l.attributes,p.path,{fill:"black"})}]},h={tag:"g",attributes:g({},p.outer),children:[d]},f="mask-"+N(),b="clip-"+N(),m={tag:"defs",children:[{tag:"clipPath",attributes:{id:b},children:[c]},{tag:"mask",attributes:g({},M,{id:f,maskUnits:"userSpaceOnUse",maskContentUnits:"userSpaceOnUse"}),children:[u,h]}]};return t.push(m,{tag:"rect",attributes:g({fill:"currentColor","clip-path":"url(#"+b+")",mask:"url(#"+f+")"},M)}),{children:t,attributes:n}},R=function(e){var t=e.children,n=e.attributes,r=e.main,o=e.transform,a=L(e.styles);if(a.length>0&&(n.style=a),A(o)){var i=j({transform:o,containerWidth:r.width,iconWidth:r.width});t.push({tag:"g",attributes:g({},i.outer),children:[{tag:"g",attributes:g({},i.inner),children:[{tag:r.icon.tag,children:r.icon.children,attributes:g({},r.icon.attributes,i.path)}]}]})}else t.push(r.icon);return{children:t,attributes:n}},z=function(e){var t=e.children,n=e.main,r=e.mask,o=e.attributes,a=e.styles,i=e.transform;if(A(i)&&n.found&&!r.found){var l={x:n.width/n.height/2,y:.5};o.style=L(g({},a,{"transform-origin":l.x+i.x/16+"em "+(l.y+i.y/16)+"em"}))}return[{tag:"svg",attributes:o,children:t}]},I=function(e){var t=e.prefix,n=e.iconName,r=e.children,o=e.attributes,a=e.symbol,i=!0===a?t+"-"+E.familyPrefix+"-"+n:a;return[{tag:"svg",attributes:{style:"display: none;"},children:[{tag:"symbol",attributes:g({},o,{id:i}),children:r}]}]};function D(e){var t=e.icons,n=t.main,r=t.mask,o=e.prefix,a=e.iconName,i=e.transform,l=e.symbol,s=e.title,c=e.extra,p=e.watchable,u=void 0!==p&&p,d=r.found?r:n,f=d.width,b=d.height,m="fa-w-"+Math.ceil(f/b*16),v=[E.replacementClass,a?E.familyPrefix+"-"+a:"",m].filter(function(e){return-1===c.classes.indexOf(e)}).concat(c.classes).join(" "),y={children:[],attributes:g({},c.attributes,{"data-prefix":o,"data-icon":a,class:v,role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 "+f+" "+b})};u&&(y.attributes[h]=""),s&&y.children.push({tag:"title",attributes:{id:y.attributes["aria-labelledby"]||"title-"+N()},children:[s]});var O=g({},y,{prefix:o,iconName:a,main:n,mask:r,transform:i,symbol:l,styles:c.styles}),C=r.found&&n.found?B(O):R(O),x=C.children,_=C.attributes;return O.children=x,O.attributes=_,l?I(O):z(O)}var F=function(){},V=(E.measurePerformance&&u&&u.mark&&u.measure,function(e,t,n,r){var o,a,i,l=Object.keys(e),s=l.length,c=void 0!==r?function(e,t){return function(n,r,o,a){return e.call(t,n,r,o,a)}}(t,r):t;for(void 0===n?(o=1,i=e[l[0]]):(o=0,i=n);o<s;o++)i=c(i,e[a=l[o]],a,e);return i}),H=_.styles,U=_.shims,G=function(){var e=function(e){return V(H,function(t,n,r){return t[r]=V(n,e,{}),t},{})};e(function(e,t,n){return e[t[3]]=n,e}),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 H;V(U,function(e,n){var r=n[0],o=n[1],a=n[2];return"far"!==o||t||(o="fas"),e[r]={prefix:o,iconName:a},e},{})};G();_.styles;function Y(e,t,n){if(e&&e[t]&&e[t][n])return{prefix:t,iconName:n,icon:e[t][n]}}function W(e){var t=e.tag,n=e.attributes,r=void 0===n?{}:n,o=e.children,a=void 0===o?[]:o;return"string"==typeof e?T(e):"<"+t+" "+function(e){return Object.keys(e||{}).reduce(function(t,n){return t+(n+'="')+T(e[n])+'" '},"").trim()}(r)+">"+a.map(W).join("")+"</"+t+">"}var X=function(e){var t={size:16,x:0,y:0,flipX:!1,flipY:!1,rotate:0};return e?e.toLowerCase().split(" ").reduce(function(e,t){var n=t.toLowerCase().split("-"),r=n[0],o=n.slice(1).join("-");if(r&&"h"===o)return e.flipX=!0,e;if(r&&"v"===o)return e.flipY=!0,e;if(o=parseFloat(o),isNaN(o))return e;switch(r){case"grow":e.size=e.size+o;break;case"shrink":e.size=e.size-o;break;case"left":e.x=e.x-o;break;case"right":e.x=e.x+o;break;case"up":e.y=e.y-o;break;case"down":e.y=e.y+o;break;case"rotate":e.rotate=e.rotate+o}return e},t):t};function K(e){this.name="MissingIcon",this.message=e||"Icon unavailable",this.stack=(new Error).stack}K.prototype=Object.create(Error.prototype),K.prototype.constructor=K;var q={fill:"currentColor"},$={attributeType:"XML",repeatCount:"indefinite",dur:"2s"},Q={tag:"path",attributes:g({},q,{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"})},Z=g({},$,{attributeName:"opacity"});g({},q,{cx:"256",cy:"364",r:"28"}),g({},$,{attributeName:"r",values:"28;14;28;28;14;28;"}),g({},Z,{values:"1;0;1;1;0;1;"}),g({},q,{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"}),g({},Z,{values:"1;0;0;0;0;1;"}),g({},q,{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"}),g({},Z,{values:"0;0;1;1;0;0;"}),_.styles;var J=function(){var e="svg-inline--fa",t=E.familyPrefix,n=E.replacementClass,r='svg:not(:root).svg-inline--fa {\n  overflow: visible; }\n\n.svg-inline--fa {\n  display: inline-block;\n  font-size: inherit;\n  height: 1em;\n  overflow: visible;\n  vertical-align: -.125em; }\n  .svg-inline--fa.fa-lg {\n    vertical-align: -.225em; }\n  .svg-inline--fa.fa-w-1 {\n    width: 0.0625em; }\n  .svg-inline--fa.fa-w-2 {\n    width: 0.125em; }\n  .svg-inline--fa.fa-w-3 {\n    width: 0.1875em; }\n  .svg-inline--fa.fa-w-4 {\n    width: 0.25em; }\n  .svg-inline--fa.fa-w-5 {\n    width: 0.3125em; }\n  .svg-inline--fa.fa-w-6 {\n    width: 0.375em; }\n  .svg-inline--fa.fa-w-7 {\n    width: 0.4375em; }\n  .svg-inline--fa.fa-w-8 {\n    width: 0.5em; }\n  .svg-inline--fa.fa-w-9 {\n    width: 0.5625em; }\n  .svg-inline--fa.fa-w-10 {\n    width: 0.625em; }\n  .svg-inline--fa.fa-w-11 {\n    width: 0.6875em; }\n  .svg-inline--fa.fa-w-12 {\n    width: 0.75em; }\n  .svg-inline--fa.fa-w-13 {\n    width: 0.8125em; }\n  .svg-inline--fa.fa-w-14 {\n    width: 0.875em; }\n  .svg-inline--fa.fa-w-15 {\n    width: 0.9375em; }\n  .svg-inline--fa.fa-w-16 {\n    width: 1em; }\n  .svg-inline--fa.fa-w-17 {\n    width: 1.0625em; }\n  .svg-inline--fa.fa-w-18 {\n    width: 1.125em; }\n  .svg-inline--fa.fa-w-19 {\n    width: 1.1875em; }\n  .svg-inline--fa.fa-w-20 {\n    width: 1.25em; }\n  .svg-inline--fa.fa-pull-left {\n    margin-right: .3em;\n    width: auto; }\n  .svg-inline--fa.fa-pull-right {\n    margin-left: .3em;\n    width: auto; }\n  .svg-inline--fa.fa-border {\n    height: 1.5em; }\n  .svg-inline--fa.fa-li {\n    width: 2em; }\n  .svg-inline--fa.fa-fw {\n    width: 1.25em; }\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.fa-layers {\n  display: inline-block;\n  height: 1em;\n  position: relative;\n  text-align: center;\n  vertical-align: -.125em;\n  width: 1em; }\n  .fa-layers svg.svg-inline--fa {\n    -webkit-transform-origin: center center;\n            transform-origin: center center; }\n\n.fa-layers-text, .fa-layers-counter {\n  display: inline-block;\n  position: absolute;\n  text-align: center; }\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.fa-layers-counter {\n  background-color: #ff253a;\n  border-radius: 1em;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  color: #fff;\n  height: 1.5em;\n  line-height: 1;\n  max-width: 5em;\n  min-width: 1.5em;\n  overflow: hidden;\n  padding: .25em;\n  right: 0;\n  text-overflow: ellipsis;\n  top: 0;\n  -webkit-transform: scale(0.25);\n          transform: scale(0.25);\n  -webkit-transform-origin: top right;\n          transform-origin: top right; }\n\n.fa-layers-bottom-right {\n  bottom: 0;\n  right: 0;\n  top: auto;\n  -webkit-transform: scale(0.25);\n          transform: scale(0.25);\n  -webkit-transform-origin: bottom right;\n          transform-origin: bottom right; }\n\n.fa-layers-bottom-left {\n  bottom: 0;\n  left: 0;\n  right: auto;\n  top: auto;\n  -webkit-transform: scale(0.25);\n          transform: scale(0.25);\n  -webkit-transform-origin: bottom left;\n          transform-origin: bottom left; }\n\n.fa-layers-top-right {\n  right: 0;\n  top: 0;\n  -webkit-transform: scale(0.25);\n          transform: scale(0.25);\n  -webkit-transform-origin: top right;\n          transform-origin: top right; }\n\n.fa-layers-top-left {\n  left: 0;\n  right: auto;\n  top: 0;\n  -webkit-transform: scale(0.25);\n          transform: scale(0.25);\n  -webkit-transform-origin: top left;\n          transform-origin: top left; }\n\n.fa-lg {\n  font-size: 1.33333em;\n  line-height: 0.75em;\n  vertical-align: -.0667em; }\n\n.fa-xs {\n  font-size: .75em; }\n\n.fa-sm {\n  font-size: .875em; }\n\n.fa-1x {\n  font-size: 1em; }\n\n.fa-2x {\n  font-size: 2em; }\n\n.fa-3x {\n  font-size: 3em; }\n\n.fa-4x {\n  font-size: 4em; }\n\n.fa-5x {\n  font-size: 5em; }\n\n.fa-6x {\n  font-size: 6em; }\n\n.fa-7x {\n  font-size: 7em; }\n\n.fa-8x {\n  font-size: 8em; }\n\n.fa-9x {\n  font-size: 9em; }\n\n.fa-10x {\n  font-size: 10em; }\n\n.fa-fw {\n  text-align: center;\n  width: 1.25em; }\n\n.fa-ul {\n  list-style-type: none;\n  margin-left: 2.5em;\n  padding-left: 0; }\n  .fa-ul > li {\n    position: relative; }\n\n.fa-li {\n  left: -2em;\n  position: absolute;\n  text-align: center;\n  width: 2em;\n  line-height: inherit; }\n\n.fa-border {\n  border: solid 0.08em #eee;\n  border-radius: .1em;\n  padding: .2em .25em .15em; }\n\n.fa-pull-left {\n  float: left; }\n\n.fa-pull-right {\n  float: right; }\n\n.fa.fa-pull-left,\n.fas.fa-pull-left,\n.far.fa-pull-left,\n.fal.fa-pull-left,\n.fab.fa-pull-left {\n  margin-right: .3em; }\n\n.fa.fa-pull-right,\n.fas.fa-pull-right,\n.far.fa-pull-right,\n.fal.fa-pull-right,\n.fab.fa-pull-right {\n  margin-left: .3em; }\n\n.fa-spin {\n  -webkit-animation: fa-spin 2s infinite linear;\n          animation: fa-spin 2s infinite linear; }\n\n.fa-pulse {\n  -webkit-animation: fa-spin 1s infinite steps(8);\n          animation: fa-spin 1s infinite steps(8); }\n\n@-webkit-keyframes fa-spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg); } }\n\n@keyframes fa-spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg); } }\n\n.fa-rotate-90 {\n  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";\n  -webkit-transform: rotate(90deg);\n          transform: rotate(90deg); }\n\n.fa-rotate-180 {\n  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";\n  -webkit-transform: rotate(180deg);\n          transform: rotate(180deg); }\n\n.fa-rotate-270 {\n  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";\n  -webkit-transform: rotate(270deg);\n          transform: rotate(270deg); }\n\n.fa-flip-horizontal {\n  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";\n  -webkit-transform: scale(-1, 1);\n          transform: scale(-1, 1); }\n\n.fa-flip-vertical {\n  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";\n  -webkit-transform: scale(1, -1);\n          transform: scale(1, -1); }\n\n.fa-flip-horizontal.fa-flip-vertical {\n  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";\n  -webkit-transform: scale(-1, -1);\n          transform: scale(-1, -1); }\n\n:root .fa-rotate-90,\n:root .fa-rotate-180,\n:root .fa-rotate-270,\n:root .fa-flip-horizontal,\n:root .fa-flip-vertical {\n  -webkit-filter: none;\n          filter: none; }\n\n.fa-stack {\n  display: inline-block;\n  height: 2em;\n  position: relative;\n  width: 2.5em; }\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\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.fa-inverse {\n  color: #fff; }\n\n.sr-only {\n  border: 0;\n  clip: rect(0, 0, 0, 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px; }\n\n.sr-only-focusable:active, .sr-only-focusable:focus {\n  clip: auto;\n  height: auto;\n  margin: 0;\n  overflow: visible;\n  position: static;\n  width: auto; }\n';if("fa"!==t||n!==e){var o=new RegExp("\\.fa\\-","g"),a=new RegExp("\\."+e,"g");r=r.replace(o,"."+t+"-").replace(a,"."+n)}return r};function ee(e){return{found:!0,width:e[0],height:e[1],icon:{tag:"path",attributes:{fill:"currentColor",d:e.slice(4)[0]}}}}function te(){E.autoAddCss&&!ae&&(w(J()),ae=!0)}function ne(e,t){return Object.defineProperty(e,"abstract",{get:t}),Object.defineProperty(e,"html",{get:function(){return e.abstract.map(function(e){return W(e)})}}),Object.defineProperty(e,"node",{get:function(){if(d){var t=p.createElement("div");return t.innerHTML=e.html,t.children}}}),e}function re(e){var t=e.prefix,n=void 0===t?"fa":t,r=e.iconName;if(r)return Y(oe.definitions,n,r)||Y(_.styles,n,r)}var oe=new(function(){function e(){m(this,e),this.definitions={}}return v(e,[{key:"add",value:function(){for(var e=this,t=arguments.length,n=Array(t),r=0;r<t;r++)n[r]=arguments[r];var o=n.reduce(this._pullDefinitions,{});Object.keys(o).forEach(function(t){e.definitions[t]=g({},e.definitions[t]||{},o[t]),function e(t,n){var r=Object.keys(n).reduce(function(e,t){var r=n[t];return r.icon?e[r.iconName]=r.icon:e[t]=r,e},{});"function"==typeof _.hooks.addPack?_.hooks.addPack(t,r):_.styles[t]=g({},_.styles[t]||{},r),"fas"===t&&e("fa",n)}(t,o[t]),G()})}},{key:"reset",value:function(){this.definitions={}}},{key:"_pullDefinitions",value:function(e,t){var n=t.prefix&&t.iconName&&t.icon?{0:t}:t;return Object.keys(n).map(function(t){var r=n[t],o=r.prefix,a=r.iconName,i=r.icon;e[o]||(e[o]={}),e[o][a]=i}),e}}]),e}()),ae=!1,ie={transform:function(e){return X(e)}},le=function(e){return function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=(t||{}).icon?t:re(t||{}),o=n.mask;return o&&(o=(o||{}).icon?o:re(o||{})),e(r,g({},n,{mask:o}))}}(function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.transform,r=void 0===n?P:n,o=t.symbol,a=void 0!==o&&o,i=t.mask,l=void 0===i?null:i,s=t.title,c=void 0===s?null:s,p=t.classes,u=void 0===p?[]:p,d=t.attributes,h=void 0===d?{}:d,f=t.styles,b=void 0===f?{}:f;if(e){var m=e.prefix,v=e.iconName,y=e.icon;return ne(g({type:"icon"},e),function(){return te(),E.autoA11y&&(c?h["aria-labelledby"]=E.replacementClass+"-title-"+N():h["aria-hidden"]="true"),D({icons:{main:ee(y),mask:l?ee(l.icon):{found:!1,width:null,height:null,icon:{}}},prefix:m,iconName:v,transform:g({},P,r),symbol:a,title:c,extra:{attributes:h,styles:b,classes:u}})})}})},function(e,t){var n;n=function(){return this}();try{n=n||Function("return this")()||(0,eval)("this")}catch(e){"object"==typeof window&&(n=window)}e.exports=n},function(e,t,n){"use strict";
/*
object-assign
(c) Sindre Sorhus
@license MIT
*/var r=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map(function(e){return t[e]}).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(e){r[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var n,i,l=function(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),s=1;s<arguments.length;s++){for(var c in n=Object(arguments[s]))o.call(n,c)&&(l[c]=n[c]);if(r){i=r(n);for(var p=0;p<i.length;p++)a.call(n,i[p])&&(l[i[p]]=n[i[p]])}}return l}},function(e,t,n){"use strict";var r=n(7);n.d(t,"a",function(){return r.a}),n(27)},function(e,t,n){"use strict";n.r(t),function(e){var r=n(7),o=n(11);n.d(t,"Inspector",function(){return o.a});var a=void 0!==e?e:"undefined"!=typeof window?window:void 0;void 0!==a&&(a.BABYLON=a.BABYLON||{},a.BABYLON.Inspector=r.a)}.call(this,n(9))},function(e,t,n){"use strict";
/** @license React v16.6.1
 * react.production.min.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */var r=n(10),o="function"==typeof Symbol&&Symbol.for,a=o?Symbol.for("react.element"):60103,i=o?Symbol.for("react.portal"):60106,l=o?Symbol.for("react.fragment"):60107,s=o?Symbol.for("react.strict_mode"):60108,c=o?Symbol.for("react.profiler"):60114,p=o?Symbol.for("react.provider"):60109,u=o?Symbol.for("react.context"):60110,d=o?Symbol.for("react.concurrent_mode"):60111,h=o?Symbol.for("react.forward_ref"):60112,f=o?Symbol.for("react.suspense"):60113,b=o?Symbol.for("react.memo"):60115,m=o?Symbol.for("react.lazy"):60116,v="function"==typeof Symbol&&Symbol.iterator;function g(e){for(var t=arguments.length-1,n="https://reactjs.org/docs/error-decoder.html?invariant="+e,r=0;r<t;r++)n+="&args[]="+encodeURIComponent(arguments[r+1]);!function(e,t,n,r,o,a,i,l){if(!e){if(e=void 0,void 0===t)e=Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var s=[n,r,o,a,i,l],c=0;(e=Error(t.replace(/%s/g,function(){return s[c++]}))).name="Invariant Violation"}throw e.framesToPop=1,e}}(!1,"Minified React error #"+e+"; visit %s for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ",n)}var y={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},O={};function C(e,t,n){this.props=e,this.context=t,this.refs=O,this.updater=n||y}function E(){}function x(e,t,n){this.props=e,this.context=t,this.refs=O,this.updater=n||y}C.prototype.isReactComponent={},C.prototype.setState=function(e,t){"object"!=typeof e&&"function"!=typeof e&&null!=e&&g("85"),this.updater.enqueueSetState(this,e,t,"setState")},C.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},E.prototype=C.prototype;var _=x.prototype=new E;_.constructor=x,r(_,C.prototype),_.isPureReactComponent=!0;var S={current:null,currentDispatcher:null},P=Object.prototype.hasOwnProperty,w={key:!0,ref:!0,__self:!0,__source:!0};function k(e,t,n){var r=void 0,o={},i=null,l=null;if(null!=t)for(r in void 0!==t.ref&&(l=t.ref),void 0!==t.key&&(i=""+t.key),t)P.call(t,r)&&!w.hasOwnProperty(r)&&(o[r]=t[r]);var s=arguments.length-2;if(1===s)o.children=n;else if(1<s){for(var c=Array(s),p=0;p<s;p++)c[p]=arguments[p+2];o.children=c}if(e&&e.defaultProps)for(r in s=e.defaultProps)void 0===o[r]&&(o[r]=s[r]);return{$$typeof:a,type:e,key:i,ref:l,props:o,_owner:S.current}}function N(e){return"object"==typeof e&&null!==e&&e.$$typeof===a}var T=/\/+/g,L=[];function A(e,t,n,r){if(L.length){var o=L.pop();return o.result=e,o.keyPrefix=t,o.func=n,o.context=r,o.count=0,o}return{result:e,keyPrefix:t,func:n,context:r,count:0}}function j(e){e.result=null,e.keyPrefix=null,e.func=null,e.context=null,e.count=0,10>L.length&&L.push(e)}function M(e,t,n){return null==e?0:function e(t,n,r,o){var l=typeof t;"undefined"!==l&&"boolean"!==l||(t=null);var s=!1;if(null===t)s=!0;else switch(l){case"string":case"number":s=!0;break;case"object":switch(t.$$typeof){case a:case i:s=!0}}if(s)return r(o,t,""===n?"."+B(t,0):n),1;if(s=0,n=""===n?".":n+":",Array.isArray(t))for(var c=0;c<t.length;c++){var p=n+B(l=t[c],c);s+=e(l,p,r,o)}else if(p=null===t||"object"!=typeof t?null:"function"==typeof(p=v&&t[v]||t["@@iterator"])?p:null,"function"==typeof p)for(t=p.call(t),c=0;!(l=t.next()).done;)s+=e(l=l.value,p=n+B(l,c++),r,o);else"object"===l&&g("31","[object Object]"==(r=""+t)?"object with keys {"+Object.keys(t).join(", ")+"}":r,"");return s}(e,"",t,n)}function B(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 R(e,t){e.func.call(e.context,t,e.count++)}function z(e,t,n){var r=e.result,o=e.keyPrefix;e=e.func.call(e.context,t,e.count++),Array.isArray(e)?I(e,r,n,function(e){return e}):null!=e&&(N(e)&&(e=function(e,t){return{$$typeof:a,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(e,o+(!e.key||t&&t.key===e.key?"":(""+e.key).replace(T,"$&/")+"/")+n)),r.push(e))}function I(e,t,n,r,o){var a="";null!=n&&(a=(""+n).replace(T,"$&/")+"/"),M(e,z,t=A(t,a,r,o)),j(t)}var D={Children:{map:function(e,t,n){if(null==e)return e;var r=[];return I(e,r,null,t,n),r},forEach:function(e,t,n){if(null==e)return e;M(e,R,t=A(null,null,t,n)),j(t)},count:function(e){return M(e,function(){return null},null)},toArray:function(e){var t=[];return I(e,t,null,function(e){return e}),t},only:function(e){return N(e)||g("143"),e}},createRef:function(){return{current:null}},Component:C,PureComponent:x,createContext:function(e,t){return void 0===t&&(t=null),(e={$$typeof:u,_calculateChangedBits:t,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null}).Provider={$$typeof:p,_context:e},e.Consumer=e},forwardRef:function(e){return{$$typeof:h,render:e}},lazy:function(e){return{$$typeof:m,_ctor:e,_status:-1,_result:null}},memo:function(e,t){return{$$typeof:b,type:e,compare:void 0===t?null:t}},Fragment:l,StrictMode:s,Suspense:f,createElement:k,cloneElement:function(e,t,n){(null===e||void 0===e)&&g("267",e);var o=void 0,i=r({},e.props),l=e.key,s=e.ref,c=e._owner;if(null!=t){void 0!==t.ref&&(s=t.ref,c=S.current),void 0!==t.key&&(l=""+t.key);var p=void 0;for(o in e.type&&e.type.defaultProps&&(p=e.type.defaultProps),t)P.call(t,o)&&!w.hasOwnProperty(o)&&(i[o]=void 0===t[o]&&void 0!==p?p[o]:t[o])}if(1===(o=arguments.length-2))i.children=n;else if(1<o){p=Array(o);for(var u=0;u<o;u++)p[u]=arguments[u+2];i.children=p}return{$$typeof:a,type:e.type,key:l,ref:s,props:i,_owner:c}},createFactory:function(e){var t=k.bind(null,e);return t.type=e,t},isValidElement:N,version:"16.6.3",__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{ReactCurrentOwner:S,assign:r}};D.unstable_ConcurrentMode=d,D.unstable_Profiler=c;var F={default:D},V=F&&D||F;e.exports=V.default||V},function(e,t,n){"use strict";
/** @license React v16.6.1
 * react-dom.production.min.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */var r=n(0),o=n(10),a=n(15);function i(e){for(var t=arguments.length-1,n="https://reactjs.org/docs/error-decoder.html?invariant="+e,r=0;r<t;r++)n+="&args[]="+encodeURIComponent(arguments[r+1]);!function(e,t,n,r,o,a,i,l){if(!e){if(e=void 0,void 0===t)e=Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var s=[n,r,o,a,i,l],c=0;(e=Error(t.replace(/%s/g,function(){return s[c++]}))).name="Invariant Violation"}throw e.framesToPop=1,e}}(!1,"Minified React error #"+e+"; visit %s for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ",n)}r||i("227");var l=!1,s=null,c=!1,p=null,u={onError:function(e){l=!0,s=e}};function d(e,t,n,r,o,a,i,c,p){l=!1,s=null,function(e,t,n,r,o,a,i,l,s){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(e){this.onError(e)}}.apply(u,arguments)}var h=null,f={};function b(){if(h)for(var e in f){var t=f[e],n=h.indexOf(e);if(-1<n||i("96",e),!v[n])for(var r in t.extractEvents||i("97",e),v[n]=t,n=t.eventTypes){var o=void 0,a=n[r],l=t,s=r;g.hasOwnProperty(s)&&i("99",s),g[s]=a;var c=a.phasedRegistrationNames;if(c){for(o in c)c.hasOwnProperty(o)&&m(c[o],l,s);o=!0}else a.registrationName?(m(a.registrationName,l,s),o=!0):o=!1;o||i("98",r,e)}}}function m(e,t,n){y[e]&&i("100",e),y[e]=t,O[e]=t.eventTypes[n].dependencies}var v=[],g={},y={},O={},C=null,E=null,x=null;function _(e,t,n){var r=e.type||"unknown-event";e.currentTarget=x(n),function(e,t,n,r,o,a,u,h,f){if(d.apply(this,arguments),l){if(l){var b=s;l=!1,s=null}else i("198"),b=void 0;c||(c=!0,p=b)}}(r,t,void 0,e),e.currentTarget=null}function S(e,t){return null==t&&i("30"),null==e?t:Array.isArray(e)?Array.isArray(t)?(e.push.apply(e,t),e):(e.push(t),e):Array.isArray(t)?[e].concat(t):[e,t]}function P(e,t,n){Array.isArray(e)?e.forEach(t,n):e&&t.call(n,e)}var w=null;function k(e){if(e){var t=e._dispatchListeners,n=e._dispatchInstances;if(Array.isArray(t))for(var r=0;r<t.length&&!e.isPropagationStopped();r++)_(e,t[r],n[r]);else t&&_(e,t,n);e._dispatchListeners=null,e._dispatchInstances=null,e.isPersistent()||e.constructor.release(e)}}var N={injectEventPluginOrder:function(e){h&&i("101"),h=Array.prototype.slice.call(e),b()},injectEventPluginsByName:function(e){var t,n=!1;for(t in e)if(e.hasOwnProperty(t)){var r=e[t];f.hasOwnProperty(t)&&f[t]===r||(f[t]&&i("102",t),f[t]=r,n=!0)}n&&b()}};function T(e,t){var n=e.stateNode;if(!n)return null;var r=C(n);if(!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":(r=!r.disabled)||(r=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!r;break e;default:e=!1}return e?null:(n&&"function"!=typeof n&&i("231",t,typeof n),n)}function L(e){if(null!==e&&(w=S(w,e)),e=w,w=null,e&&(P(e,k),w&&i("95"),c))throw e=p,c=!1,p=null,e}var A=Math.random().toString(36).slice(2),j="__reactInternalInstance$"+A,M="__reactEventHandlers$"+A;function B(e){if(e[j])return e[j];for(;!e[j];){if(!e.parentNode)return null;e=e.parentNode}return 5===(e=e[j]).tag||6===e.tag?e:null}function R(e){return!(e=e[j])||5!==e.tag&&6!==e.tag?null:e}function z(e){if(5===e.tag||6===e.tag)return e.stateNode;i("33")}function I(e){return e[M]||null}function D(e){do{e=e.return}while(e&&5!==e.tag);return e||null}function F(e,t,n){(t=T(e,n.dispatchConfig.phasedRegistrationNames[t]))&&(n._dispatchListeners=S(n._dispatchListeners,t),n._dispatchInstances=S(n._dispatchInstances,e))}function V(e){if(e&&e.dispatchConfig.phasedRegistrationNames){for(var t=e._targetInst,n=[];t;)n.push(t),t=D(t);for(t=n.length;0<t--;)F(n[t],"captured",e);for(t=0;t<n.length;t++)F(n[t],"bubbled",e)}}function H(e,t,n){e&&n&&n.dispatchConfig.registrationName&&(t=T(e,n.dispatchConfig.registrationName))&&(n._dispatchListeners=S(n._dispatchListeners,t),n._dispatchInstances=S(n._dispatchInstances,e))}function U(e){e&&e.dispatchConfig.registrationName&&H(e._targetInst,null,e)}function G(e){P(e,V)}var Y=!("undefined"==typeof window||!window.document||!window.document.createElement);function W(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var X={animationend:W("Animation","AnimationEnd"),animationiteration:W("Animation","AnimationIteration"),animationstart:W("Animation","AnimationStart"),transitionend:W("Transition","TransitionEnd")},K={},q={};function $(e){if(K[e])return K[e];if(!X[e])return e;var t,n=X[e];for(t in n)if(n.hasOwnProperty(t)&&t in q)return K[e]=n[t];return e}Y&&(q=document.createElement("div").style,"AnimationEvent"in window||(delete X.animationend.animation,delete X.animationiteration.animation,delete X.animationstart.animation),"TransitionEvent"in window||delete X.transitionend.transition);var Q=$("animationend"),Z=$("animationiteration"),J=$("animationstart"),ee=$("transitionend"),te="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),ne=null,re=null,oe=null;function ae(){if(oe)return oe;var e,t,n=re,r=n.length,o="value"in ne?ne.value:ne.textContent,a=o.length;for(e=0;e<r&&n[e]===o[e];e++);var i=r-e;for(t=1;t<=i&&n[r-t]===o[a-t];t++);return oe=o.slice(e,1<t?1-t:void 0)}function ie(){return!0}function le(){return!1}function se(e,t,n,r){for(var o in this.dispatchConfig=e,this._targetInst=t,this.nativeEvent=n,e=this.constructor.Interface)e.hasOwnProperty(o)&&((t=e[o])?this[o]=t(n):"target"===o?this.target=r:this[o]=n[o]);return this.isDefaultPrevented=(null!=n.defaultPrevented?n.defaultPrevented:!1===n.returnValue)?ie:le,this.isPropagationStopped=le,this}function ce(e,t,n,r){if(this.eventPool.length){var o=this.eventPool.pop();return this.call(o,e,t,n,r),o}return new this(e,t,n,r)}function pe(e){e instanceof this||i("279"),e.destructor(),10>this.eventPool.length&&this.eventPool.push(e)}function ue(e){e.eventPool=[],e.getPooled=ce,e.release=pe}o(se.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=ie)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=ie)},persist:function(){this.isPersistent=ie},isPersistent:le,destructor:function(){var e,t=this.constructor.Interface;for(e in t)this[e]=null;this.nativeEvent=this._targetInst=this.dispatchConfig=null,this.isPropagationStopped=this.isDefaultPrevented=le,this._dispatchInstances=this._dispatchListeners=null}}),se.Interface={type:null,target:null,currentTarget:function(){return null},eventPhase:null,bubbles:null,cancelable:null,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:null,isTrusted:null},se.extend=function(e){function t(){}function n(){return r.apply(this,arguments)}var r=this;t.prototype=r.prototype;var a=new t;return o(a,n.prototype),n.prototype=a,n.prototype.constructor=n,n.Interface=o({},r.Interface,e),n.extend=r.extend,ue(n),n},ue(se);var de=se.extend({data:null}),he=se.extend({data:null}),fe=[9,13,27,32],be=Y&&"CompositionEvent"in window,me=null;Y&&"documentMode"in document&&(me=document.documentMode);var ve=Y&&"TextEvent"in window&&!me,ge=Y&&(!be||me&&8<me&&11>=me),ye=String.fromCharCode(32),Oe={beforeInput:{phasedRegistrationNames:{bubbled:"onBeforeInput",captured:"onBeforeInputCapture"},dependencies:["compositionend","keypress","textInput","paste"]},compositionEnd:{phasedRegistrationNames:{bubbled:"onCompositionEnd",captured:"onCompositionEndCapture"},dependencies:"blur compositionend keydown keypress keyup mousedown".split(" ")},compositionStart:{phasedRegistrationNames:{bubbled:"onCompositionStart",captured:"onCompositionStartCapture"},dependencies:"blur compositionstart keydown keypress keyup mousedown".split(" ")},compositionUpdate:{phasedRegistrationNames:{bubbled:"onCompositionUpdate",captured:"onCompositionUpdateCapture"},dependencies:"blur compositionupdate keydown keypress keyup mousedown".split(" ")}},Ce=!1;function Ee(e,t){switch(e){case"keyup":return-1!==fe.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"blur":return!0;default:return!1}}function xe(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var _e=!1;var Se={eventTypes:Oe,extractEvents:function(e,t,n,r){var o=void 0,a=void 0;if(be)e:{switch(e){case"compositionstart":o=Oe.compositionStart;break e;case"compositionend":o=Oe.compositionEnd;break e;case"compositionupdate":o=Oe.compositionUpdate;break e}o=void 0}else _e?Ee(e,n)&&(o=Oe.compositionEnd):"keydown"===e&&229===n.keyCode&&(o=Oe.compositionStart);return o?(ge&&"ko"!==n.locale&&(_e||o!==Oe.compositionStart?o===Oe.compositionEnd&&_e&&(a=ae()):(re="value"in(ne=r)?ne.value:ne.textContent,_e=!0)),o=de.getPooled(o,t,n,r),a?o.data=a:null!==(a=xe(n))&&(o.data=a),G(o),a=o):a=null,(e=ve?function(e,t){switch(e){case"compositionend":return xe(t);case"keypress":return 32!==t.which?null:(Ce=!0,ye);case"textInput":return(e=t.data)===ye&&Ce?null:e;default:return null}}(e,n):function(e,t){if(_e)return"compositionend"===e||!be&&Ee(e,t)?(e=ae(),oe=re=ne=null,_e=!1,e):null;switch(e){case"paste":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 ge&&"ko"!==t.locale?null:t.data;default:return null}}(e,n))?((t=he.getPooled(Oe.beforeInput,t,n,r)).data=e,G(t)):t=null,null===a?t:null===t?a:[a,t]}},Pe=null,we=null,ke=null;function Ne(e){if(e=E(e)){"function"!=typeof Pe&&i("280");var t=C(e.stateNode);Pe(e.stateNode,e.type,t)}}function Te(e){we?ke?ke.push(e):ke=[e]:we=e}function Le(){if(we){var e=we,t=ke;if(ke=we=null,Ne(e),t)for(e=0;e<t.length;e++)Ne(t[e])}}function Ae(e,t){return e(t)}function je(e,t,n){return e(t,n)}function Me(){}var Be=!1;function Re(e,t){if(Be)return e(t);Be=!0;try{return Ae(e,t)}finally{Be=!1,(null!==we||null!==ke)&&(Me(),Le())}}var ze={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 Ie(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!ze[e.type]:"textarea"===t}function De(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}function Fe(e){if(!Y)return!1;var t=(e="on"+e)in document;return t||((t=document.createElement("div")).setAttribute(e,"return;"),t="function"==typeof t[e]),t}function Ve(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function He(e){e._valueTracker||(e._valueTracker=function(e){var t=Ve(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var o=n.get,a=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.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 Ue(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=Ve(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}var Ge=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Ye=/^(.*)[\\\/]/,We="function"==typeof Symbol&&Symbol.for,Xe=We?Symbol.for("react.element"):60103,Ke=We?Symbol.for("react.portal"):60106,qe=We?Symbol.for("react.fragment"):60107,$e=We?Symbol.for("react.strict_mode"):60108,Qe=We?Symbol.for("react.profiler"):60114,Ze=We?Symbol.for("react.provider"):60109,Je=We?Symbol.for("react.context"):60110,et=We?Symbol.for("react.concurrent_mode"):60111,tt=We?Symbol.for("react.forward_ref"):60112,nt=We?Symbol.for("react.suspense"):60113,rt=We?Symbol.for("react.memo"):60115,ot=We?Symbol.for("react.lazy"):60116,at="function"==typeof Symbol&&Symbol.iterator;function it(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=at&&e[at]||e["@@iterator"])?e:null}function lt(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 et:return"ConcurrentMode";case qe:return"Fragment";case Ke:return"Portal";case Qe:return"Profiler";case $e:return"StrictMode";case nt:return"Suspense"}if("object"==typeof e)switch(e.$$typeof){case Je:return"Context.Consumer";case Ze:return"Context.Provider";case tt:var t=e.render;return t=t.displayName||t.name||"",e.displayName||(""!==t?"ForwardRef("+t+")":"ForwardRef");case rt:return lt(e.type);case ot:if(e=1===e._status?e._result:null)return lt(e)}return null}function st(e){var t="";do{e:switch(e.tag){case 2:case 16:case 0:case 1:case 5:case 8:case 13:var n=e._debugOwner,r=e._debugSource,o=lt(e.type),a=null;n&&(a=lt(n.type)),n=o,o="",r?o=" (at "+r.fileName.replace(Ye,"")+":"+r.lineNumber+")":a&&(o=" (created by "+a+")"),a="\n    in "+(n||"Unknown")+o;break e;default:a=""}t+=a,e=e.return}while(e);return t}var ct=/^[: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]*$/,pt=Object.prototype.hasOwnProperty,ut={},dt={};function ht(e,t,n,r,o){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t}var ft={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){ft[e]=new ht(e,0,!1,e,null)}),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];ft[t]=new ht(t,1,!1,e[1],null)}),["contentEditable","draggable","spellCheck","value"].forEach(function(e){ft[e]=new ht(e,2,!1,e.toLowerCase(),null)}),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){ft[e]=new ht(e,2,!1,e,null)}),"allowFullScreen async autoFocus autoPlay controls default defer disabled formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){ft[e]=new ht(e,3,!1,e.toLowerCase(),null)}),["checked","multiple","muted","selected"].forEach(function(e){ft[e]=new ht(e,3,!0,e,null)}),["capture","download"].forEach(function(e){ft[e]=new ht(e,4,!1,e,null)}),["cols","rows","size","span"].forEach(function(e){ft[e]=new ht(e,6,!1,e,null)}),["rowSpan","start"].forEach(function(e){ft[e]=new ht(e,5,!1,e.toLowerCase(),null)});var bt=/[\-:]([a-z])/g;function mt(e){return e[1].toUpperCase()}function vt(e,t,n,r){var o=ft.hasOwnProperty(t)?ft[t]:null;(null!==o?0===o.type:!r&&(2<t.length&&("o"===t[0]||"O"===t[0])&&("n"===t[1]||"N"===t[1])))||(function(e,t,n,r){if(null===t||void 0===t||function(e,t,n,r){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!r&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,r))return!0;if(r)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,o,r)&&(n=null),r||null===o?function(e){return!!pt.call(dt,e)||!pt.call(ut,e)&&(ct.test(e)?dt[e]=!0:(ut[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=null===n?3!==o.type&&"":n:(t=o.attributeName,r=o.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(o=o.type)||4===o&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}function gt(e){switch(typeof e){case"boolean":case"number":case"object":case"string":case"undefined":return e;default:return""}}function yt(e,t){var n=t.checked;return o({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function Ot(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=gt(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 Ct(e,t){null!=(t=t.checked)&&vt(e,"checked",t,!1)}function Et(e,t){Ct(e,t);var n=gt(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")?_t(e,t.type,n):t.hasOwnProperty("defaultValue")&&_t(e,t.type,gt(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function xt(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.defaultChecked,e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function _t(e,t,n){"number"===t&&e.ownerDocument.activeElement===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+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(bt,mt);ft[t]=new ht(t,1,!1,e,null)}),"xlink:actuate xlink:arcrole xlink:href xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(bt,mt);ft[t]=new ht(t,1,!1,e,"http://www.w3.org/1999/xlink")}),["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(bt,mt);ft[t]=new ht(t,1,!1,e,"http://www.w3.org/XML/1998/namespace")}),ft.tabIndex=new ht("tabIndex",1,!1,"tabindex",null);var St={change:{phasedRegistrationNames:{bubbled:"onChange",captured:"onChangeCapture"},dependencies:"blur change click focus input keydown keyup selectionchange".split(" ")}};function Pt(e,t,n){return(e=se.getPooled(St.change,e,t,n)).type="change",Te(n),G(e),e}var wt=null,kt=null;function Nt(e){L(e)}function Tt(e){if(Ue(z(e)))return e}function Lt(e,t){if("change"===e)return t}var At=!1;function jt(){wt&&(wt.detachEvent("onpropertychange",Mt),kt=wt=null)}function Mt(e){"value"===e.propertyName&&Tt(kt)&&Re(Nt,e=Pt(kt,e,De(e)))}function Bt(e,t,n){"focus"===e?(jt(),kt=n,(wt=t).attachEvent("onpropertychange",Mt)):"blur"===e&&jt()}function Rt(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Tt(kt)}function zt(e,t){if("click"===e)return Tt(t)}function It(e,t){if("input"===e||"change"===e)return Tt(t)}Y&&(At=Fe("input")&&(!document.documentMode||9<document.documentMode));var Dt={eventTypes:St,_isInputEventSupported:At,extractEvents:function(e,t,n,r){var o=t?z(t):window,a=void 0,i=void 0,l=o.nodeName&&o.nodeName.toLowerCase();if("select"===l||"input"===l&&"file"===o.type?a=Lt:Ie(o)?At?a=It:(a=Rt,i=Bt):(l=o.nodeName)&&"input"===l.toLowerCase()&&("checkbox"===o.type||"radio"===o.type)&&(a=zt),a&&(a=a(e,t)))return Pt(a,n,r);i&&i(e,o,t),"blur"===e&&(e=o._wrapperState)&&e.controlled&&"number"===o.type&&_t(o,"number",o.value)}},Ft=se.extend({view:null,detail:null}),Vt={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Ht(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=Vt[e])&&!!t[e]}function Ut(){return Ht}var Gt=0,Yt=0,Wt=!1,Xt=!1,Kt=Ft.extend({screenX:null,screenY:null,clientX:null,clientY:null,pageX:null,pageY:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,getModifierState:Ut,button:null,buttons:null,relatedTarget:function(e){return e.relatedTarget||(e.fromElement===e.srcElement?e.toElement:e.fromElement)},movementX:function(e){if("movementX"in e)return e.movementX;var t=Gt;return Gt=e.screenX,Wt?"mousemove"===e.type?e.screenX-t:0:(Wt=!0,0)},movementY:function(e){if("movementY"in e)return e.movementY;var t=Yt;return Yt=e.screenY,Xt?"mousemove"===e.type?e.screenY-t:0:(Xt=!0,0)}}),qt=Kt.extend({pointerId:null,width:null,height:null,pressure:null,tangentialPressure:null,tiltX:null,tiltY:null,twist:null,pointerType:null,isPrimary:null}),$t={mouseEnter:{registrationName:"onMouseEnter",dependencies:["mouseout","mouseover"]},mouseLeave:{registrationName:"onMouseLeave",dependencies:["mouseout","mouseover"]},pointerEnter:{registrationName:"onPointerEnter",dependencies:["pointerout","pointerover"]},pointerLeave:{registrationName:"onPointerLeave",dependencies:["pointerout","pointerover"]}},Qt={eventTypes:$t,extractEvents:function(e,t,n,r){var o="mouseover"===e||"pointerover"===e,a="mouseout"===e||"pointerout"===e;if(o&&(n.relatedTarget||n.fromElement)||!a&&!o)return null;if(o=r.window===r?r:(o=r.ownerDocument)?o.defaultView||o.parentWindow:window,a?(a=t,t=(t=n.relatedTarget||n.toElement)?B(t):null):a=null,a===t)return null;var i=void 0,l=void 0,s=void 0,c=void 0;"mouseout"===e||"mouseover"===e?(i=Kt,l=$t.mouseLeave,s=$t.mouseEnter,c="mouse"):"pointerout"!==e&&"pointerover"!==e||(i=qt,l=$t.pointerLeave,s=$t.pointerEnter,c="pointer");var p=null==a?o:z(a);if(o=null==t?o:z(t),(e=i.getPooled(l,a,n,r)).type=c+"leave",e.target=p,e.relatedTarget=o,(n=i.getPooled(s,t,n,r)).type=c+"enter",n.target=o,n.relatedTarget=p,r=t,a&&r)e:{for(o=r,c=0,i=t=a;i;i=D(i))c++;for(i=0,s=o;s;s=D(s))i++;for(;0<c-i;)t=D(t),c--;for(;0<i-c;)o=D(o),i--;for(;c--;){if(t===o||t===o.alternate)break e;t=D(t),o=D(o)}t=null}else t=null;for(o=t,t=[];a&&a!==o&&(null===(c=a.alternate)||c!==o);)t.push(a),a=D(a);for(a=[];r&&r!==o&&(null===(c=r.alternate)||c!==o);)a.push(r),r=D(r);for(r=0;r<t.length;r++)H(t[r],"bubbled",e);for(r=a.length;0<r--;)H(a[r],"captured",n);return[e,n]}},Zt=Object.prototype.hasOwnProperty;function Jt(e,t){return e===t?0!==e||0!==t||1/e==1/t:e!=e&&t!=t}function en(e,t){if(Jt(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(!Zt.call(t,n[r])||!Jt(e[n[r]],t[n[r]]))return!1;return!0}function tn(e){var t=e;if(e.alternate)for(;t.return;)t=t.return;else{if(0!=(2&t.effectTag))return 1;for(;t.return;)if(0!=(2&(t=t.return).effectTag))return 1}return 3===t.tag?2:3}function nn(e){2!==tn(e)&&i("188")}function rn(e){if(!(e=function(e){var t=e.alternate;if(!t)return 3===(t=tn(e))&&i("188"),1===t?null:e;for(var n=e,r=t;;){var o=n.return,a=o?o.alternate:null;if(!o||!a)break;if(o.child===a.child){for(var l=o.child;l;){if(l===n)return nn(o),e;if(l===r)return nn(o),t;l=l.sibling}i("188")}if(n.return!==r.return)n=o,r=a;else{l=!1;for(var s=o.child;s;){if(s===n){l=!0,n=o,r=a;break}if(s===r){l=!0,r=o,n=a;break}s=s.sibling}if(!l){for(s=a.child;s;){if(s===n){l=!0,n=a,r=o;break}if(s===r){l=!0,r=a,n=o;break}s=s.sibling}l||i("189")}}n.alternate!==r&&i("190")}return 3!==n.tag&&i("188"),n.stateNode.current===n?e:t}(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}var on=se.extend({animationName:null,elapsedTime:null,pseudoElement:null}),an=se.extend({clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),ln=Ft.extend({relatedTarget:null});function sn(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}var cn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},pn={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"},un=Ft.extend({key:function(e){if(e.key){var t=cn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=sn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?pn[e.keyCode]||"Unidentified":""},location:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,repeat:null,locale:null,getModifierState:Ut,charCode:function(e){return"keypress"===e.type?sn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?sn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),dn=Kt.extend({dataTransfer:null}),hn=Ft.extend({touches:null,targetTouches:null,changedTouches:null,altKey:null,metaKey:null,ctrlKey:null,shiftKey:null,getModifierState:Ut}),fn=se.extend({propertyName:null,elapsedTime:null,pseudoElement:null}),bn=Kt.extend({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:null,deltaMode:null}),mn=[["abort","abort"],[Q,"animationEnd"],[Z,"animationIteration"],[J,"animationStart"],["canplay","canPlay"],["canplaythrough","canPlayThrough"],["drag","drag"],["dragenter","dragEnter"],["dragexit","dragExit"],["dragleave","dragLeave"],["dragover","dragOver"],["durationchange","durationChange"],["emptied","emptied"],["encrypted","encrypted"],["ended","ended"],["error","error"],["gotpointercapture","gotPointerCapture"],["load","load"],["loadeddata","loadedData"],["loadedmetadata","loadedMetadata"],["loadstart","loadStart"],["lostpointercapture","lostPointerCapture"],["mousemove","mouseMove"],["mouseout","mouseOut"],["mouseover","mouseOver"],["playing","playing"],["pointermove","pointerMove"],["pointerout","pointerOut"],["pointerover","pointerOver"],["progress","progress"],["scroll","scroll"],["seeking","seeking"],["stalled","stalled"],["suspend","suspend"],["timeupdate","timeUpdate"],["toggle","toggle"],["touchmove","touchMove"],[ee,"transitionEnd"],["waiting","waiting"],["wheel","wheel"]],vn={},gn={};function yn(e,t){var n=e[0],r="on"+((e=e[1])[0].toUpperCase()+e.slice(1));t={phasedRegistrationNames:{bubbled:r,captured:r+"Capture"},dependencies:[n],isInteractive:t},vn[e]=t,gn[n]=t}[["blur","blur"],["cancel","cancel"],["click","click"],["close","close"],["contextmenu","contextMenu"],["copy","copy"],["cut","cut"],["auxclick","auxClick"],["dblclick","doubleClick"],["dragend","dragEnd"],["dragstart","dragStart"],["drop","drop"],["focus","focus"],["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"]].forEach(function(e){yn(e,!0)}),mn.forEach(function(e){yn(e,!1)});var On={eventTypes:vn,isInteractiveTopLevelEventType:function(e){return void 0!==(e=gn[e])&&!0===e.isInteractive},extractEvents:function(e,t,n,r){var o=gn[e];if(!o)return null;switch(e){case"keypress":if(0===sn(n))return null;case"keydown":case"keyup":e=un;break;case"blur":case"focus":e=ln;break;case"click":if(2===n.button)return null;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":e=Kt;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":e=dn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":e=hn;break;case Q:case Z:case J:e=on;break;case ee:e=fn;break;case"scroll":e=Ft;break;case"wheel":e=bn;break;case"copy":case"cut":case"paste":e=an;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":e=qt;break;default:e=se}return G(t=e.getPooled(o,t,n,r)),t}},Cn=On.isInteractiveTopLevelEventType,En=[];function xn(e){var t=e.targetInst,n=t;do{if(!n){e.ancestors.push(n);break}var r;for(r=n;r.return;)r=r.return;if(!(r=3!==r.tag?null:r.stateNode.containerInfo))break;e.ancestors.push(n),n=B(r)}while(n);for(n=0;n<e.ancestors.length;n++){t=e.ancestors[n];var o=De(e.nativeEvent);r=e.topLevelType;for(var a=e.nativeEvent,i=null,l=0;l<v.length;l++){var s=v[l];s&&(s=s.extractEvents(r,t,a,o))&&(i=S(i,s))}L(i)}}var _n=!0;function Sn(e,t){if(!t)return null;var n=(Cn(e)?wn:kn).bind(null,e);t.addEventListener(e,n,!1)}function Pn(e,t){if(!t)return null;var n=(Cn(e)?wn:kn).bind(null,e);t.addEventListener(e,n,!0)}function wn(e,t){je(kn,e,t)}function kn(e,t){if(_n){var n=De(t);if(null===(n=B(n))||"number"!=typeof n.tag||2===tn(n)||(n=null),En.length){var r=En.pop();r.topLevelType=e,r.nativeEvent=t,r.targetInst=n,e=r}else e={topLevelType:e,nativeEvent:t,targetInst:n,ancestors:[]};try{Re(xn,e)}finally{e.topLevelType=null,e.nativeEvent=null,e.targetInst=null,e.ancestors.length=0,10>En.length&&En.push(e)}}}var Nn={},Tn=0,Ln="_reactListenersID"+(""+Math.random()).slice(2);function An(e){return Object.prototype.hasOwnProperty.call(e,Ln)||(e[Ln]=Tn++,Nn[e[Ln]]={}),Nn[e[Ln]]}function jn(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 Mn(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function Bn(e,t){var n,r=Mn(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=Mn(r)}}function Rn(){for(var e=window,t=jn();t instanceof e.HTMLIFrameElement;){try{e=t.contentDocument.defaultView}catch(e){break}t=jn(e.document)}return t}function zn(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 In=Y&&"documentMode"in document&&11>=document.documentMode,Dn={select:{phasedRegistrationNames:{bubbled:"onSelect",captured:"onSelectCapture"},dependencies:"blur contextmenu dragend focus keydown keyup mousedown mouseup selectionchange".split(" ")}},Fn=null,Vn=null,Hn=null,Un=!1;function Gn(e,t){var n=t.window===t?t.document:9===t.nodeType?t:t.ownerDocument;return Un||null==Fn||Fn!==jn(n)?null:("selectionStart"in(n=Fn)&&zn(n)?n={start:n.selectionStart,end:n.selectionEnd}:n={anchorNode:(n=(n.ownerDocument&&n.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:n.anchorOffset,focusNode:n.focusNode,focusOffset:n.focusOffset},Hn&&en(Hn,n)?null:(Hn=n,(e=se.getPooled(Dn.select,Vn,e,t)).type="select",e.target=Fn,G(e),e))}var Yn={eventTypes:Dn,extractEvents:function(e,t,n,r){var o,a=r.window===r?r.document:9===r.nodeType?r:r.ownerDocument;if(!(o=!a)){e:{a=An(a),o=O.onSelect;for(var i=0;i<o.length;i++){var l=o[i];if(!a.hasOwnProperty(l)||!a[l]){a=!1;break e}}a=!0}o=!a}if(o)return null;switch(a=t?z(t):window,e){case"focus":(Ie(a)||"true"===a.contentEditable)&&(Fn=a,Vn=t,Hn=null);break;case"blur":Hn=Vn=Fn=null;break;case"mousedown":Un=!0;break;case"contextmenu":case"mouseup":case"dragend":return Un=!1,Gn(n,r);case"selectionchange":if(In)break;case"keydown":case"keyup":return Gn(n,r)}return null}};function Wn(e,t){return e=o({children:void 0},t),(t=function(e){var t="";return r.Children.forEach(e,function(e){null!=e&&(t+=e)}),t}(t.children))&&(e.children=t),e}function Xn(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t["$"+n[o]]=!0;for(n=0;n<e.length;n++)o=t.hasOwnProperty("$"+e[n].value),e[n].selected!==o&&(e[n].selected=o),o&&r&&(e[n].defaultSelected=!0)}else{for(n=""+gt(n),t=null,o=0;o<e.length;o++){if(e[o].value===n)return e[o].selected=!0,void(r&&(e[o].defaultSelected=!0));null!==t||e[o].disabled||(t=e[o])}null!==t&&(t.selected=!0)}}function Kn(e,t){return null!=t.dangerouslySetInnerHTML&&i("91"),o({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function qn(e,t){var n=t.value;null==n&&(n=t.defaultValue,null!=(t=t.children)&&(null!=n&&i("92"),Array.isArray(t)&&(1>=t.length||i("93"),t=t[0]),n=t),null==n&&(n="")),e._wrapperState={initialValue:gt(n)}}function $n(e,t){var n=gt(t.value),r=gt(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 Qn(e){var t=e.textContent;t===e._wrapperState.initialValue&&(e.value=t)}N.injectEventPluginOrder("ResponderEventPlugin SimpleEventPlugin EnterLeaveEventPlugin ChangeEventPlugin SelectEventPlugin BeforeInputEventPlugin".split(" ")),C=I,E=R,x=z,N.injectEventPluginsByName({SimpleEventPlugin:On,EnterLeaveEventPlugin:Qt,ChangeEventPlugin:Dt,SelectEventPlugin:Yn,BeforeInputEventPlugin:Se});var Zn={html:"http://www.w3.org/1999/xhtml",mathml:"http://www.w3.org/1998/Math/MathML",svg:"http://www.w3.org/2000/svg"};function Jn(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 er(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?Jn(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var tr=void 0,nr=function(e){return"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(t,n,r,o){MSApp.execUnsafeLocalFunction(function(){return e(t,n)})}:e}(function(e,t){if(e.namespaceURI!==Zn.svg||"innerHTML"in e)e.innerHTML=t;else{for((tr=tr||document.createElement("div")).innerHTML="<svg>"+t+"</svg>",t=tr.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function rr(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 or={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},ar=["Webkit","ms","Moz","O"];function ir(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||or.hasOwnProperty(e)&&or[e]?(""+t).trim():t+"px"}function lr(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),o=ir(n,t[n],r);"float"===n&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}Object.keys(or).forEach(function(e){ar.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),or[t]=or[e]})});var sr=o({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function cr(e,t){t&&(sr[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML)&&i("137",e,""),null!=t.dangerouslySetInnerHTML&&(null!=t.children&&i("60"),"object"==typeof t.dangerouslySetInnerHTML&&"__html"in t.dangerouslySetInnerHTML||i("61")),null!=t.style&&"object"!=typeof t.style&&i("62",""))}function pr(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 ur(e,t){var n=An(e=9===e.nodeType||11===e.nodeType?e:e.ownerDocument);t=O[t];for(var r=0;r<t.length;r++){var o=t[r];if(!n.hasOwnProperty(o)||!n[o]){switch(o){case"scroll":Pn("scroll",e);break;case"focus":case"blur":Pn("focus",e),Pn("blur",e),n.blur=!0,n.focus=!0;break;case"cancel":case"close":Fe(o)&&Pn(o,e);break;case"invalid":case"submit":case"reset":break;default:-1===te.indexOf(o)&&Sn(o,e)}n[o]=!0}}}function dr(){}var hr=null,fr=null;function br(e,t){switch(e){case"button":case"input":case"select":case"textarea":return!!t.autoFocus}return!1}function mr(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 vr="function"==typeof setTimeout?setTimeout:void 0,gr="function"==typeof clearTimeout?clearTimeout:void 0;function yr(e){for(e=e.nextSibling;e&&1!==e.nodeType&&3!==e.nodeType;)e=e.nextSibling;return e}function Or(e){for(e=e.firstChild;e&&1!==e.nodeType&&3!==e.nodeType;)e=e.nextSibling;return e}new Set;var Cr=[],Er=-1;function xr(e){0>Er||(e.current=Cr[Er],Cr[Er]=null,Er--)}function _r(e,t){Cr[++Er]=e.current,e.current=t}var Sr={},Pr={current:Sr},wr={current:!1},kr=Sr;function Nr(e,t){var n=e.type.contextTypes;if(!n)return Sr;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o,a={};for(o in n)a[o]=t[o];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=a),a}function Tr(e){return null!==(e=e.childContextTypes)&&void 0!==e}function Lr(e){xr(wr),xr(Pr)}function Ar(e){xr(wr),xr(Pr)}function jr(e,t,n){Pr.current!==Sr&&i("168"),_r(Pr,t),_r(wr,n)}function Mr(e,t,n){var r=e.stateNode;if(e=t.childContextTypes,"function"!=typeof r.getChildContext)return n;for(var a in r=r.getChildContext())a in e||i("108",lt(t)||"Unknown",a);return o({},n,r)}function Br(e){var t=e.stateNode;return t=t&&t.__reactInternalMemoizedMergedChildContext||Sr,kr=Pr.current,_r(Pr,t),_r(wr,wr.current),!0}function Rr(e,t,n){var r=e.stateNode;r||i("169"),n?(t=Mr(e,t,kr),r.__reactInternalMemoizedMergedChildContext=t,xr(wr),xr(Pr),_r(Pr,t)):xr(wr),_r(wr,n)}var zr=null,Ir=null;function Dr(e){return function(t){try{return e(t)}catch(e){}}}function Fr(e,t,n,r){return new function(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.firstContextDependency=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.effectTag=0,this.lastEffect=this.firstEffect=this.nextEffect=null,this.childExpirationTime=this.expirationTime=0,this.alternate=null}(e,t,n,r)}function Vr(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Hr(e,t){var n=e.alternate;return null===n?((n=Fr(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.effectTag=0,n.nextEffect=null,n.firstEffect=null,n.lastEffect=null),n.childExpirationTime=e.childExpirationTime,n.expirationTime=e.expirationTime,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,n.firstContextDependency=e.firstContextDependency,n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Ur(e,t,n,r,o,a){var l=2;if(r=e,"function"==typeof e)Vr(e)&&(l=1);else if("string"==typeof e)l=5;else e:switch(e){case qe:return Gr(n.children,o,a,t);case et:return Yr(n,3|o,a,t);case $e:return Yr(n,2|o,a,t);case Qe:return(e=Fr(12,n,t,4|o)).elementType=Qe,e.type=Qe,e.expirationTime=a,e;case nt:return(e=Fr(13,n,t,o)).elementType=nt,e.type=nt,e.expirationTime=a,e;default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case Ze:l=10;break e;case Je:l=9;break e;case tt:l=11;break e;case rt:l=14;break e;case ot:l=16,r=null;break e}i("130",null==e?e:typeof e,"")}return(t=Fr(l,n,t,o)).elementType=e,t.type=r,t.expirationTime=a,t}function Gr(e,t,n,r){return(e=Fr(7,e,r,t)).expirationTime=n,e}function Yr(e,t,n,r){return e=Fr(8,e,r,t),t=0==(1&t)?$e:et,e.elementType=t,e.type=t,e.expirationTime=n,e}function Wr(e,t,n){return(e=Fr(6,e,null,t)).expirationTime=n,e}function Xr(e,t,n){return(t=Fr(4,null!==e.children?e.children:[],e.key,t)).expirationTime=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Kr(e,t){e.didError=!1;var n=e.earliestPendingTime;0===n?e.earliestPendingTime=e.latestPendingTime=t:n<t?e.earliestPendingTime=t:e.latestPendingTime>t&&(e.latestPendingTime=t),Qr(t,e)}function qr(e,t){e.didError=!1;var n=e.latestPingedTime;0!==n&&n>=t&&(e.latestPingedTime=0),n=e.earliestPendingTime;var r=e.latestPendingTime;n===t?e.earliestPendingTime=r===t?e.latestPendingTime=0:r:r===t&&(e.latestPendingTime=n),n=e.earliestSuspendedTime,r=e.latestSuspendedTime,0===n?e.earliestSuspendedTime=e.latestSuspendedTime=t:n<t?e.earliestSuspendedTime=t:r>t&&(e.latestSuspendedTime=t),Qr(t,e)}function $r(e,t){var n=e.earliestPendingTime;return e=e.earliestSuspendedTime,n>t&&(t=n),e>t&&(t=e),t}function Qr(e,t){var n=t.earliestSuspendedTime,r=t.latestSuspendedTime,o=t.earliestPendingTime,a=t.latestPingedTime;0===(o=0!==o?o:a)&&(0===e||r<e)&&(o=r),0!==(e=o)&&n>e&&(e=n),t.nextExpirationTimeToWorkOn=o,t.expirationTime=e}var Zr=!1;function Jr(e){return{baseState:e,firstUpdate:null,lastUpdate:null,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null}}function eo(e){return{baseState:e.baseState,firstUpdate:e.firstUpdate,lastUpdate:e.lastUpdate,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null}}function to(e){return{expirationTime:e,tag:0,payload:null,callback:null,next:null,nextEffect:null}}function no(e,t){null===e.lastUpdate?e.firstUpdate=e.lastUpdate=t:(e.lastUpdate.next=t,e.lastUpdate=t)}function ro(e,t){var n=e.alternate;if(null===n){var r=e.updateQueue,o=null;null===r&&(r=e.updateQueue=Jr(e.memoizedState))}else r=e.updateQueue,o=n.updateQueue,null===r?null===o?(r=e.updateQueue=Jr(e.memoizedState),o=n.updateQueue=Jr(n.memoizedState)):r=e.updateQueue=eo(o):null===o&&(o=n.updateQueue=eo(r));null===o||r===o?no(r,t):null===r.lastUpdate||null===o.lastUpdate?(no(r,t),no(o,t)):(no(r,t),o.lastUpdate=t)}function oo(e,t){var n=e.updateQueue;null===(n=null===n?e.updateQueue=Jr(e.memoizedState):ao(e,n)).lastCapturedUpdate?n.firstCapturedUpdate=n.lastCapturedUpdate=t:(n.lastCapturedUpdate.next=t,n.lastCapturedUpdate=t)}function ao(e,t){var n=e.alternate;return null!==n&&t===n.updateQueue&&(t=e.updateQueue=eo(t)),t}function io(e,t,n,r,a,i){switch(n.tag){case 1:return"function"==typeof(e=n.payload)?e.call(i,r,a):e;case 3:e.effectTag=-2049&e.effectTag|64;case 0:if(null===(a="function"==typeof(e=n.payload)?e.call(i,r,a):e)||void 0===a)break;return o({},r,a);case 2:Zr=!0}return r}function lo(e,t,n,r,o){Zr=!1;for(var a=(t=ao(e,t)).baseState,i=null,l=0,s=t.firstUpdate,c=a;null!==s;){var p=s.expirationTime;p<o?(null===i&&(i=s,a=c),l<p&&(l=p)):(c=io(e,0,s,c,n,r),null!==s.callback&&(e.effectTag|=32,s.nextEffect=null,null===t.lastEffect?t.firstEffect=t.lastEffect=s:(t.lastEffect.nextEffect=s,t.lastEffect=s))),s=s.next}for(p=null,s=t.firstCapturedUpdate;null!==s;){var u=s.expirationTime;u<o?(null===p&&(p=s,null===i&&(a=c)),l<u&&(l=u)):(c=io(e,0,s,c,n,r),null!==s.callback&&(e.effectTag|=32,s.nextEffect=null,null===t.lastCapturedEffect?t.firstCapturedEffect=t.lastCapturedEffect=s:(t.lastCapturedEffect.nextEffect=s,t.lastCapturedEffect=s))),s=s.next}null===i&&(t.lastUpdate=null),null===p?t.lastCapturedUpdate=null:e.effectTag|=32,null===i&&null===p&&(a=c),t.baseState=a,t.firstUpdate=i,t.firstCapturedUpdate=p,e.expirationTime=l,e.memoizedState=c}function so(e,t,n){null!==t.firstCapturedUpdate&&(null!==t.lastUpdate&&(t.lastUpdate.next=t.firstCapturedUpdate,t.lastUpdate=t.lastCapturedUpdate),t.firstCapturedUpdate=t.lastCapturedUpdate=null),co(t.firstEffect,n),t.firstEffect=t.lastEffect=null,co(t.firstCapturedEffect,n),t.firstCapturedEffect=t.lastCapturedEffect=null}function co(e,t){for(;null!==e;){var n=e.callback;if(null!==n){e.callback=null;var r=t;"function"!=typeof n&&i("191",n),n.call(r)}e=e.nextEffect}}function po(e,t){return{value:e,source:t,stack:st(t)}}var uo={current:null},ho=null,fo=null,bo=null;function mo(e,t){var n=e.type._context;_r(uo,n._currentValue),n._currentValue=t}function vo(e){var t=uo.current;xr(uo),e.type._context._currentValue=t}function go(e){ho=e,bo=fo=null,e.firstContextDependency=null}function yo(e,t){return bo!==e&&!1!==t&&0!==t&&("number"==typeof t&&1073741823!==t||(bo=e,t=1073741823),t={context:e,observedBits:t,next:null},null===fo?(null===ho&&i("293"),ho.firstContextDependency=fo=t):fo=fo.next=t),e._currentValue}var Oo={},Co={current:Oo},Eo={current:Oo},xo={current:Oo};function _o(e){return e===Oo&&i("174"),e}function So(e,t){_r(xo,t),_r(Eo,e),_r(Co,Oo);var n=t.nodeType;switch(n){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:er(null,"");break;default:t=er(t=(n=8===n?t.parentNode:t).namespaceURI||null,n=n.tagName)}xr(Co),_r(Co,t)}function Po(e){xr(Co),xr(Eo),xr(xo)}function wo(e){_o(xo.current);var t=_o(Co.current),n=er(t,e.type);t!==n&&(_r(Eo,e),_r(Co,n))}function ko(e){Eo.current===e&&(xr(Co),xr(Eo))}function No(e,t){if(e&&e.defaultProps)for(var n in t=o({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}var To=Ge.ReactCurrentOwner,Lo=(new r.Component).refs;function Ao(e,t,n,r){n=null===(n=n(r,t=e.memoizedState))||void 0===n?t:o({},t,n),e.memoizedState=n,null!==(r=e.updateQueue)&&0===e.expirationTime&&(r.baseState=n)}var jo={isMounted:function(e){return!!(e=e._reactInternalFiber)&&2===tn(e)},enqueueSetState:function(e,t,n){e=e._reactInternalFiber;var r=Ei(),o=to(r=Ka(r,e));o.payload=t,void 0!==n&&null!==n&&(o.callback=n),Ua(),ro(e,o),Qa(e,r)},enqueueReplaceState:function(e,t,n){e=e._reactInternalFiber;var r=Ei(),o=to(r=Ka(r,e));o.tag=1,o.payload=t,void 0!==n&&null!==n&&(o.callback=n),Ua(),ro(e,o),Qa(e,r)},enqueueForceUpdate:function(e,t){e=e._reactInternalFiber;var n=Ei(),r=to(n=Ka(n,e));r.tag=2,void 0!==t&&null!==t&&(r.callback=t),Ua(),ro(e,r),Qa(e,n)}};function Mo(e,t,n,r,o,a,i){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(r,a,i):!t.prototype||!t.prototype.isPureReactComponent||(!en(n,r)||!en(o,a))}function Bo(e,t,n){var r=!1,o=Sr,a=t.contextType;return"object"==typeof a&&null!==a?a=To.currentDispatcher.readContext(a):(o=Tr(t)?kr:Pr.current,a=(r=null!==(r=t.contextTypes)&&void 0!==r)?Nr(e,o):Sr),t=new t(n,a),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=jo,e.stateNode=t,t._reactInternalFiber=e,r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=o,e.__reactInternalMemoizedMaskedChildContext=a),t}function Ro(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&&jo.enqueueReplaceState(t,t.state,null)}function zo(e,t,n,r){var o=e.stateNode;o.props=n,o.state=e.memoizedState,o.refs=Lo;var a=t.contextType;"object"==typeof a&&null!==a?o.context=To.currentDispatcher.readContext(a):(a=Tr(t)?kr:Pr.current,o.context=Nr(e,a)),null!==(a=e.updateQueue)&&(lo(e,a,n,o,r),o.state=e.memoizedState),"function"==typeof(a=t.getDerivedStateFromProps)&&(Ao(e,t,a,n),o.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof o.getSnapshotBeforeUpdate||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||(t=o.state,"function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount(),t!==o.state&&jo.enqueueReplaceState(o,o.state,null),null!==(a=e.updateQueue)&&(lo(e,a,n,o,r),o.state=e.memoizedState)),"function"==typeof o.componentDidMount&&(e.effectTag|=4)}var Io=Array.isArray;function Do(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){var r=void 0;(n=n._owner)&&(1!==n.tag&&i("289"),r=n.stateNode),r||i("147",e);var o=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===o?t.ref:((t=function(e){var t=r.refs;t===Lo&&(t=r.refs={}),null===e?delete t[o]:t[o]=e})._stringRef=o,t)}"string"!=typeof e&&i("284"),n._owner||i("290",e)}return e}function Fo(e,t){"textarea"!==e.type&&i("31","[object Object]"===Object.prototype.toString.call(t)?"object with keys {"+Object.keys(t).join(", ")+"}":t,"")}function Vo(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.effectTag=8}}function n(n,r){if(!e)return null;for(;null!==r;)t(n,r),r=r.sibling;return null}function r(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function o(e,t,n){return(e=Hr(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.effectTag=2,n):r:(t.effectTag=2,n):n}function l(t){return e&&null===t.alternate&&(t.effectTag=2),t}function s(e,t,n,r){return null===t||6!==t.tag?((t=Wr(n,e.mode,r)).return=e,t):((t=o(t,n)).return=e,t)}function c(e,t,n,r){return null!==t&&t.elementType===n.type?((r=o(t,n.props)).ref=Do(e,t,n),r.return=e,r):((r=Ur(n.type,n.key,n.props,null,e.mode,r)).ref=Do(e,t,n),r.return=e,r)}function p(e,t,n,r){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Xr(n,e.mode,r)).return=e,t):((t=o(t,n.children||[])).return=e,t)}function u(e,t,n,r,a){return null===t||7!==t.tag?((t=Gr(n,e.mode,r,a)).return=e,t):((t=o(t,n)).return=e,t)}function d(e,t,n){if("string"==typeof t||"number"==typeof t)return(t=Wr(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case Xe:return(n=Ur(t.type,t.key,t.props,null,e.mode,n)).ref=Do(e,null,t),n.return=e,n;case Ke:return(t=Xr(t,e.mode,n)).return=e,t}if(Io(t)||it(t))return(t=Gr(t,e.mode,n,null)).return=e,t;Fo(e,t)}return null}function h(e,t,n,r){var o=null!==t?t.key:null;if("string"==typeof n||"number"==typeof n)return null!==o?null:s(e,t,""+n,r);if("object"==typeof n&&null!==n){switch(n.$$typeof){case Xe:return n.key===o?n.type===qe?u(e,t,n.props.children,r,o):c(e,t,n,r):null;case Ke:return n.key===o?p(e,t,n,r):null}if(Io(n)||it(n))return null!==o?null:u(e,t,n,r,null);Fo(e,n)}return null}function f(e,t,n,r,o){if("string"==typeof r||"number"==typeof r)return s(t,e=e.get(n)||null,""+r,o);if("object"==typeof r&&null!==r){switch(r.$$typeof){case Xe:return e=e.get(null===r.key?n:r.key)||null,r.type===qe?u(t,e,r.props.children,o,r.key):c(t,e,r,o);case Ke:return p(t,e=e.get(null===r.key?n:r.key)||null,r,o)}if(Io(r)||it(r))return u(t,e=e.get(n)||null,r,o,null);Fo(t,r)}return null}function b(o,i,l,s){for(var c=null,p=null,u=i,b=i=0,m=null;null!==u&&b<l.length;b++){u.index>b?(m=u,u=null):m=u.sibling;var v=h(o,u,l[b],s);if(null===v){null===u&&(u=m);break}e&&u&&null===v.alternate&&t(o,u),i=a(v,i,b),null===p?c=v:p.sibling=v,p=v,u=m}if(b===l.length)return n(o,u),c;if(null===u){for(;b<l.length;b++)(u=d(o,l[b],s))&&(i=a(u,i,b),null===p?c=u:p.sibling=u,p=u);return c}for(u=r(o,u);b<l.length;b++)(m=f(u,o,b,l[b],s))&&(e&&null!==m.alternate&&u.delete(null===m.key?b:m.key),i=a(m,i,b),null===p?c=m:p.sibling=m,p=m);return e&&u.forEach(function(e){return t(o,e)}),c}function m(o,l,s,c){var p=it(s);"function"!=typeof p&&i("150"),null==(s=p.call(s))&&i("151");for(var u=p=null,b=l,m=l=0,v=null,g=s.next();null!==b&&!g.done;m++,g=s.next()){b.index>m?(v=b,b=null):v=b.sibling;var y=h(o,b,g.value,c);if(null===y){b||(b=v);break}e&&b&&null===y.alternate&&t(o,b),l=a(y,l,m),null===u?p=y:u.sibling=y,u=y,b=v}if(g.done)return n(o,b),p;if(null===b){for(;!g.done;m++,g=s.next())null!==(g=d(o,g.value,c))&&(l=a(g,l,m),null===u?p=g:u.sibling=g,u=g);return p}for(b=r(o,b);!g.done;m++,g=s.next())null!==(g=f(b,o,m,g.value,c))&&(e&&null!==g.alternate&&b.delete(null===g.key?m:g.key),l=a(g,l,m),null===u?p=g:u.sibling=g,u=g);return e&&b.forEach(function(e){return t(o,e)}),p}return function(e,r,a,s){var c="object"==typeof a&&null!==a&&a.type===qe&&null===a.key;c&&(a=a.props.children);var p="object"==typeof a&&null!==a;if(p)switch(a.$$typeof){case Xe:e:{for(p=a.key,c=r;null!==c;){if(c.key===p){if(7===c.tag?a.type===qe:c.elementType===a.type){n(e,c.sibling),(r=o(c,a.type===qe?a.props.children:a.props)).ref=Do(e,c,a),r.return=e,e=r;break e}n(e,c);break}t(e,c),c=c.sibling}a.type===qe?((r=Gr(a.props.children,e.mode,s,a.key)).return=e,e=r):((s=Ur(a.type,a.key,a.props,null,e.mode,s)).ref=Do(e,r,a),s.return=e,e=s)}return l(e);case Ke:e:{for(c=a.key;null!==r;){if(r.key===c){if(4===r.tag&&r.stateNode.containerInfo===a.containerInfo&&r.stateNode.implementation===a.implementation){n(e,r.sibling),(r=o(r,a.children||[])).return=e,e=r;break e}n(e,r);break}t(e,r),r=r.sibling}(r=Xr(a,e.mode,s)).return=e,e=r}return l(e)}if("string"==typeof a||"number"==typeof a)return a=""+a,null!==r&&6===r.tag?(n(e,r.sibling),(r=o(r,a)).return=e,e=r):(n(e,r),(r=Wr(a,e.mode,s)).return=e,e=r),l(e);if(Io(a))return b(e,r,a,s);if(it(a))return m(e,r,a,s);if(p&&Fo(e,a),void 0===a&&!c)switch(e.tag){case 1:case 0:i("152",(s=e.type).displayName||s.name||"Component")}return n(e,r)}}var Ho=Vo(!0),Uo=Vo(!1),Go=null,Yo=null,Wo=!1;function Xo(e,t){var n=Fr(5,null,null,0);n.elementType="DELETED",n.type="DELETED",n.stateNode=t,n.return=e,n.effectTag=8,null!==e.lastEffect?(e.lastEffect.nextEffect=n,e.lastEffect=n):e.firstEffect=e.lastEffect=n}function Ko(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 qo(e){if(Wo){var t=Yo;if(t){var n=t;if(!Ko(e,t)){if(!(t=yr(n))||!Ko(e,t))return e.effectTag|=2,Wo=!1,void(Go=e);Xo(Go,n)}Go=e,Yo=Or(t)}else e.effectTag|=2,Wo=!1,Go=e}}function $o(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag;)e=e.return;Go=e}function Qo(e){if(e!==Go)return!1;if(!Wo)return $o(e),Wo=!0,!1;var t=e.type;if(5!==e.tag||"head"!==t&&"body"!==t&&!mr(t,e.memoizedProps))for(t=Yo;t;)Xo(e,t),t=yr(t);return $o(e),Yo=Go?yr(e.stateNode):null,!0}function Zo(){Yo=Go=null,Wo=!1}var Jo=Ge.ReactCurrentOwner;function ea(e,t,n,r){t.child=null===e?Uo(t,null,n,r):Ho(t,e.child,n,r)}function ta(e,t,n,r,o){n=n.render;var a=t.ref;return go(t),r=n(r,a),t.effectTag|=1,ea(e,t,r,o),t.child}function na(e,t,n,r,o,a){if(null===e){var i=n.type;return"function"!=typeof i||Vr(i)||void 0!==i.defaultProps||null!==n.compare?((e=Ur(n.type,null,r,null,t.mode,a)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=i,ra(e,t,i,r,o,a))}return i=e.child,o<a&&(o=i.memoizedProps,(n=null!==(n=n.compare)?n:en)(o,r)&&e.ref===t.ref)?pa(e,t,a):(t.effectTag|=1,(e=Hr(i,r)).ref=t.ref,e.return=t,t.child=e)}function ra(e,t,n,r,o,a){return null!==e&&o<a&&en(e.memoizedProps,r)&&e.ref===t.ref?pa(e,t,a):aa(e,t,n,r,a)}function oa(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.effectTag|=128)}function aa(e,t,n,r,o){var a=Tr(n)?kr:Pr.current;return a=Nr(t,a),go(t),n=n(r,a),t.effectTag|=1,ea(e,t,n,o),t.child}function ia(e,t,n,r,o){if(Tr(n)){var a=!0;Br(t)}else a=!1;if(go(t),null===t.stateNode)null!==e&&(e.alternate=null,t.alternate=null,t.effectTag|=2),Bo(t,n,r),zo(t,n,r,o),r=!0;else if(null===e){var i=t.stateNode,l=t.memoizedProps;i.props=l;var s=i.context,c=n.contextType;"object"==typeof c&&null!==c?c=To.currentDispatcher.readContext(c):c=Nr(t,c=Tr(n)?kr:Pr.current);var p=n.getDerivedStateFromProps,u="function"==typeof p||"function"==typeof i.getSnapshotBeforeUpdate;u||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(l!==r||s!==c)&&Ro(t,i,r,c),Zr=!1;var d=t.memoizedState;s=i.state=d;var h=t.updateQueue;null!==h&&(lo(t,h,r,i,o),s=t.memoizedState),l!==r||d!==s||wr.current||Zr?("function"==typeof p&&(Ao(t,n,p,r),s=t.memoizedState),(l=Zr||Mo(t,n,l,r,d,s,c))?(u||"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.effectTag|=4)):("function"==typeof i.componentDidMount&&(t.effectTag|=4),t.memoizedProps=r,t.memoizedState=s),i.props=r,i.state=s,i.context=c,r=l):("function"==typeof i.componentDidMount&&(t.effectTag|=4),r=!1)}else i=t.stateNode,l=t.memoizedProps,i.props=t.type===t.elementType?l:No(t.type,l),s=i.context,"object"==typeof(c=n.contextType)&&null!==c?c=To.currentDispatcher.readContext(c):c=Nr(t,c=Tr(n)?kr:Pr.current),(u="function"==typeof(p=n.getDerivedStateFromProps)||"function"==typeof i.getSnapshotBeforeUpdate)||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(l!==r||s!==c)&&Ro(t,i,r,c),Zr=!1,s=t.memoizedState,d=i.state=s,null!==(h=t.updateQueue)&&(lo(t,h,r,i,o),d=t.memoizedState),l!==r||s!==d||wr.current||Zr?("function"==typeof p&&(Ao(t,n,p,r),d=t.memoizedState),(p=Zr||Mo(t,n,l,r,s,d,c))?(u||"function"!=typeof i.UNSAFE_componentWillUpdate&&"function"!=typeof i.componentWillUpdate||("function"==typeof i.componentWillUpdate&&i.componentWillUpdate(r,d,c),"function"==typeof i.UNSAFE_componentWillUpdate&&i.UNSAFE_componentWillUpdate(r,d,c)),"function"==typeof i.componentDidUpdate&&(t.effectTag|=4),"function"==typeof i.getSnapshotBeforeUpdate&&(t.effectTag|=256)):("function"!=typeof i.componentDidUpdate||l===e.memoizedProps&&s===e.memoizedState||(t.effectTag|=4),"function"!=typeof i.getSnapshotBeforeUpdate||l===e.memoizedProps&&s===e.memoizedState||(t.effectTag|=256),t.memoizedProps=r,t.memoizedState=d),i.props=r,i.state=d,i.context=c,r=p):("function"!=typeof i.componentDidUpdate||l===e.memoizedProps&&s===e.memoizedState||(t.effectTag|=4),"function"!=typeof i.getSnapshotBeforeUpdate||l===e.memoizedProps&&s===e.memoizedState||(t.effectTag|=256),r=!1);return la(e,t,n,r,a,o)}function la(e,t,n,r,o,a){oa(e,t);var i=0!=(64&t.effectTag);if(!r&&!i)return o&&Rr(t,n,!1),pa(e,t,a);r=t.stateNode,Jo.current=t;var l=i&&"function"!=typeof n.getDerivedStateFromError?null:r.render();return t.effectTag|=1,null!==e&&i?(t.child=Ho(t,e.child,null,a),t.child=Ho(t,null,l,a)):ea(e,t,l,a),t.memoizedState=r.state,o&&Rr(t,n,!0),t.child}function sa(e){var t=e.stateNode;t.pendingContext?jr(0,t.pendingContext,t.pendingContext!==t.context):t.context&&jr(0,t.context,!1),So(e,t.containerInfo)}function ca(e,t,n){var r=t.mode,o=t.pendingProps,a=t.memoizedState;if(0==(64&t.effectTag)){a=null;var i=!1}else a={timedOutAt:null!==a?a.timedOutAt:0},i=!0,t.effectTag&=-65;return null===e?i?(i=o.fallback,o=Gr(null,r,0,null),0==(1&t.mode)&&(o.child=null!==t.memoizedState?t.child.child:t.child),r=Gr(i,r,n,null),o.sibling=r,(n=o).return=r.return=t):n=r=Uo(t,null,o.children,n):null!==e.memoizedState?(e=(r=e.child).sibling,i?(n=o.fallback,o=Hr(r,r.pendingProps),0==(1&t.mode)&&((i=null!==t.memoizedState?t.child.child:t.child)!==r.child&&(o.child=i)),r=o.sibling=Hr(e,n,e.expirationTime),n=o,o.childExpirationTime=0,n.return=r.return=t):n=r=Ho(t,r.child,o.children,n)):(e=e.child,i?(i=o.fallback,(o=Gr(null,r,0,null)).child=e,0==(1&t.mode)&&(o.child=null!==t.memoizedState?t.child.child:t.child),(r=o.sibling=Gr(i,r,n,null)).effectTag|=2,n=o,o.childExpirationTime=0,n.return=r.return=t):r=n=Ho(t,e,o.children,n)),t.memoizedState=a,t.child=n,r}function pa(e,t,n){if(null!==e&&(t.firstContextDependency=e.firstContextDependency),t.childExpirationTime<n)return null;if(null!==e&&t.child!==e.child&&i("153"),null!==t.child){for(n=Hr(e=t.child,e.pendingProps,e.expirationTime),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Hr(e,e.pendingProps,e.expirationTime)).return=t;n.sibling=null}return t.child}function ua(e,t,n){var r=t.expirationTime;if(null!==e&&e.memoizedProps===t.pendingProps&&!wr.current&&r<n){switch(t.tag){case 3:sa(t),Zo();break;case 5:wo(t);break;case 1:Tr(t.type)&&Br(t);break;case 4:So(t,t.stateNode.containerInfo);break;case 10:mo(t,t.memoizedProps.value);break;case 13:if(null!==t.memoizedState)return 0!==(r=t.child.childExpirationTime)&&r>=n?ca(e,t,n):null!==(t=pa(e,t,n))?t.sibling:null}return pa(e,t,n)}switch(t.expirationTime=0,t.tag){case 2:r=t.elementType,null!==e&&(e.alternate=null,t.alternate=null,t.effectTag|=2),e=t.pendingProps;var o=Nr(t,Pr.current);if(go(t),o=r(e,o),t.effectTag|=1,"object"==typeof o&&null!==o&&"function"==typeof o.render&&void 0===o.$$typeof){if(t.tag=1,Tr(r)){var a=!0;Br(t)}else a=!1;t.memoizedState=null!==o.state&&void 0!==o.state?o.state:null;var l=r.getDerivedStateFromProps;"function"==typeof l&&Ao(t,r,l,e),o.updater=jo,t.stateNode=o,o._reactInternalFiber=t,zo(t,r,e,n),t=la(null,t,r,!0,a,n)}else t.tag=0,ea(null,t,o,n),t=t.child;return t;case 16:switch(o=t.elementType,null!==e&&(e.alternate=null,t.alternate=null,t.effectTag|=2),a=t.pendingProps,e=function(e){var t=e._result;switch(e._status){case 1:return t;case 2:case 0:throw t;default:throw e._status=0,(t=(t=e._ctor)()).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)}),e._result=t,t}}(o),t.type=e,o=t.tag=function(e){if("function"==typeof e)return Vr(e)?1:0;if(void 0!==e&&null!==e){if((e=e.$$typeof)===tt)return 11;if(e===rt)return 14}return 2}(e),a=No(e,a),l=void 0,o){case 0:l=aa(null,t,e,a,n);break;case 1:l=ia(null,t,e,a,n);break;case 11:l=ta(null,t,e,a,n);break;case 14:l=na(null,t,e,No(e.type,a),r,n);break;default:i("283",e)}return l;case 0:return r=t.type,o=t.pendingProps,aa(e,t,r,o=t.elementType===r?o:No(r,o),n);case 1:return r=t.type,o=t.pendingProps,ia(e,t,r,o=t.elementType===r?o:No(r,o),n);case 3:return sa(t),null===(r=t.updateQueue)&&i("282"),o=null!==(o=t.memoizedState)?o.element:null,lo(t,r,t.pendingProps,null,n),(r=t.memoizedState.element)===o?(Zo(),t=pa(e,t,n)):(o=t.stateNode,(o=(null===e||null===e.child)&&o.hydrate)&&(Yo=Or(t.stateNode.containerInfo),Go=t,o=Wo=!0),o?(t.effectTag|=2,t.child=Uo(t,null,r,n)):(ea(e,t,r,n),Zo()),t=t.child),t;case 5:return wo(t),null===e&&qo(t),r=t.type,o=t.pendingProps,a=null!==e?e.memoizedProps:null,l=o.children,mr(r,o)?l=null:null!==a&&mr(r,a)&&(t.effectTag|=16),oa(e,t),1!==n&&1&t.mode&&o.hidden?(t.expirationTime=1,t=null):(ea(e,t,l,n),t=t.child),t;case 6:return null===e&&qo(t),null;case 13:return ca(e,t,n);case 4:return So(t,t.stateNode.containerInfo),r=t.pendingProps,null===e?t.child=Ho(t,null,r,n):ea(e,t,r,n),t.child;case 11:return r=t.type,o=t.pendingProps,ta(e,t,r,o=t.elementType===r?o:No(r,o),n);case 7:return ea(e,t,t.pendingProps,n),t.child;case 8:case 12:return ea(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,o=t.pendingProps,l=t.memoizedProps,mo(t,a=o.value),null!==l){var s=l.value;if(0===(a=s===a&&(0!==s||1/s==1/a)||s!=s&&a!=a?0:0|("function"==typeof r._calculateChangedBits?r._calculateChangedBits(s,a):1073741823))){if(l.children===o.children&&!wr.current){t=pa(e,t,n);break e}}else for(null!==(l=t.child)&&(l.return=t);null!==l;){if(null!==(s=l.firstContextDependency))do{if(s.context===r&&0!=(s.observedBits&a)){if(1===l.tag){var c=to(n);c.tag=2,ro(l,c)}l.expirationTime<n&&(l.expirationTime=n),null!==(c=l.alternate)&&c.expirationTime<n&&(c.expirationTime=n);for(var p=l.return;null!==p;){if(c=p.alternate,p.childExpirationTime<n)p.childExpirationTime=n,null!==c&&c.childExpirationTime<n&&(c.childExpirationTime=n);else{if(!(null!==c&&c.childExpirationTime<n))break;c.childExpirationTime=n}p=p.return}}c=l.child,s=s.next}while(null!==s);else c=10===l.tag&&l.type===t.type?null:l.child;if(null!==c)c.return=l;else for(c=l;null!==c;){if(c===t){c=null;break}if(null!==(l=c.sibling)){l.return=c.return,c=l;break}c=c.return}l=c}}ea(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,r=(a=t.pendingProps).children,go(t),r=r(o=yo(o,a.unstable_observedBits)),t.effectTag|=1,ea(e,t,r,n),t.child;case 14:return na(e,t,o=t.type,a=No(o.type,t.pendingProps),r,n);case 15:return ra(e,t,t.type,t.pendingProps,r,n);case 17:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:No(r,o),null!==e&&(e.alternate=null,t.alternate=null,t.effectTag|=2),t.tag=1,Tr(r)?(e=!0,Br(t)):e=!1,go(t),Bo(t,r,o),zo(t,r,o,n),la(null,t,r,!0,e,n);default:i("156")}}function da(e){e.effectTag|=4}var ha=void 0,fa=void 0,ba=void 0,ma=void 0;function va(e,t){var n=t.source,r=t.stack;null===r&&null!==n&&(r=st(n)),null!==n&&lt(n.type),t=t.value,null!==e&&1===e.tag&&lt(e.type);try{console.error(t)}catch(e){setTimeout(function(){throw e})}}function ga(e){var t=e.ref;if(null!==t)if("function"==typeof t)try{t(null)}catch(t){Xa(e,t)}else t.current=null}function ya(e){switch("function"==typeof Ir&&Ir(e),e.tag){case 0:case 11:case 14:case 15:var t=e.updateQueue;if(null!==t&&null!==(t=t.lastEffect)){var n=t=t.next;do{var r=n.destroy;if(null!==r){var o=e;try{r()}catch(e){Xa(o,e)}}n=n.next}while(n!==t)}break;case 1:if(ga(e),"function"==typeof(t=e.stateNode).componentWillUnmount)try{t.props=e.memoizedProps,t.state=e.memoizedState,t.componentWillUnmount()}catch(t){Xa(e,t)}break;case 5:ga(e);break;case 4:Ea(e)}}function Oa(e){return 5===e.tag||3===e.tag||4===e.tag}function Ca(e){e:{for(var t=e.return;null!==t;){if(Oa(t)){var n=t;break e}t=t.return}i("160"),n=void 0}var r=t=void 0;switch(n.tag){case 5:t=n.stateNode,r=!1;break;case 3:case 4:t=n.stateNode.containerInfo,r=!0;break;default:i("161")}16&n.effectTag&&(rr(t,""),n.effectTag&=-17);e:t:for(n=e;;){for(;null===n.sibling;){if(null===n.return||Oa(n.return)){n=null;break e}n=n.return}for(n.sibling.return=n.return,n=n.sibling;5!==n.tag&&6!==n.tag;){if(2&n.effectTag)continue t;if(null===n.child||4===n.tag)continue t;n.child.return=n,n=n.child}if(!(2&n.effectTag)){n=n.stateNode;break e}}for(var o=e;;){if(5===o.tag||6===o.tag)if(n)if(r){var a=t,l=o.stateNode,s=n;8===a.nodeType?a.parentNode.insertBefore(l,s):a.insertBefore(l,s)}else t.insertBefore(o.stateNode,n);else r?(l=t,s=o.stateNode,8===l.nodeType?(a=l.parentNode).insertBefore(s,l):(a=l).appendChild(s),null!==(l=l._reactRootContainer)&&void 0!==l||null!==a.onclick||(a.onclick=dr)):t.appendChild(o.stateNode);else if(4!==o.tag&&null!==o.child){o.child.return=o,o=o.child;continue}if(o===e)break;for(;null===o.sibling;){if(null===o.return||o.return===e)return;o=o.return}o.sibling.return=o.return,o=o.sibling}}function Ea(e){for(var t=e,n=!1,r=void 0,o=void 0;;){if(!n){n=t.return;e:for(;;){switch(null===n&&i("160"),n.tag){case 5:r=n.stateNode,o=!1;break e;case 3:case 4:r=n.stateNode.containerInfo,o=!0;break e}n=n.return}n=!0}if(5===t.tag||6===t.tag){e:for(var a=t,l=a;;)if(ya(l),null!==l.child&&4!==l.tag)l.child.return=l,l=l.child;else{if(l===a)break;for(;null===l.sibling;){if(null===l.return||l.return===a)break e;l=l.return}l.sibling.return=l.return,l=l.sibling}o?(a=r,l=t.stateNode,8===a.nodeType?a.parentNode.removeChild(l):a.removeChild(l)):r.removeChild(t.stateNode)}else if(4===t.tag?(r=t.stateNode.containerInfo,o=!0):ya(t),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;4===(t=t.return).tag&&(n=!1)}t.sibling.return=t.return,t=t.sibling}}function xa(e,t){switch(t.tag){case 0:case 11:case 14:case 15:case 1:break;case 5:var n=t.stateNode;if(null!=n){var r=t.memoizedProps,o=null!==e?e.memoizedProps:r;e=t.type;var a=t.updateQueue;if(t.updateQueue=null,null!==a){for(n[M]=r,"input"===e&&"radio"===r.type&&null!=r.name&&Ct(n,r),pr(e,o),t=pr(e,r),o=0;o<a.length;o+=2){var l=a[o],s=a[o+1];"style"===l?lr(n,s):"dangerouslySetInnerHTML"===l?nr(n,s):"children"===l?rr(n,s):vt(n,l,s,t)}switch(e){case"input":Et(n,r);break;case"textarea":$n(n,r);break;case"select":t=n._wrapperState.wasMultiple,n._wrapperState.wasMultiple=!!r.multiple,null!=(e=r.value)?Xn(n,!!r.multiple,e,!1):t!==!!r.multiple&&(null!=r.defaultValue?Xn(n,!!r.multiple,r.defaultValue,!0):Xn(n,!!r.multiple,r.multiple?[]:"",!1))}}}break;case 6:null===t.stateNode&&i("162"),t.stateNode.nodeValue=t.memoizedProps;break;case 3:case 12:break;case 13:if(e=t,null===(n=t.memoizedState)?r=!1:(r=!0,e=t.child,0===n.timedOutAt&&(n.timedOutAt=Ei())),null!==e)e:for(t=n=e;;){if(5===t.tag)e=t.stateNode,r?e.style.display="none":(e=t.stateNode,a=void 0!==(a=t.memoizedProps.style)&&null!==a&&a.hasOwnProperty("display")?a.display:null,e.style.display=ir("display",a));else if(6===t.tag)t.stateNode.nodeValue=r?"":t.memoizedProps;else{if(13===t.tag&&null!==t.memoizedState){(e=t.child.sibling).return=t,t=e;continue}if(null!==t.child){t.child.return=t,t=t.child;continue}}if(t===n)break e;for(;null===t.sibling;){if(null===t.return||t.return===n)break e;t=t.return}t.sibling.return=t.return,t=t.sibling}break;case 17:break;default:i("163")}}function _a(e,t,n){(n=to(n)).tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){Ai(r),va(e,t)},n}function Sa(e,t,n){(n=to(n)).tag=3;var r=e.type.getDerivedStateFromError;if("function"==typeof r){var o=t.value;n.payload=function(){return r(o)}}var a=e.stateNode;return null!==a&&"function"==typeof a.componentDidCatch&&(n.callback=function(){"function"!=typeof r&&(null===Va?Va=new Set([this]):Va.add(this));var n=t.value,o=t.stack;va(e,t),this.componentDidCatch(n,{componentStack:null!==o?o:""})}),n}function Pa(e){switch(e.tag){case 1:Tr(e.type)&&Lr();var t=e.effectTag;return 2048&t?(e.effectTag=-2049&t|64,e):null;case 3:return Po(),Ar(),0!=(64&(t=e.effectTag))&&i("285"),e.effectTag=-2049&t|64,e;case 5:return ko(e),null;case 13:return 2048&(t=e.effectTag)?(e.effectTag=-2049&t|64,e):null;case 4:return Po(),null;case 10:return vo(e),null;default:return null}}ha=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}},fa=function(){},ba=function(e,t,n,r,a){var i=e.memoizedProps;if(i!==r){var l=t.stateNode;switch(_o(Co.current),e=null,n){case"input":i=yt(l,i),r=yt(l,r),e=[];break;case"option":i=Wn(l,i),r=Wn(l,r),e=[];break;case"select":i=o({},i,{value:void 0}),r=o({},r,{value:void 0}),e=[];break;case"textarea":i=Kn(l,i),r=Kn(l,r),e=[];break;default:"function"!=typeof i.onClick&&"function"==typeof r.onClick&&(l.onclick=dr)}cr(n,r),l=n=void 0;var s=null;for(n in i)if(!r.hasOwnProperty(n)&&i.hasOwnProperty(n)&&null!=i[n])if("style"===n){var c=i[n];for(l in c)c.hasOwnProperty(l)&&(s||(s={}),s[l]="")}else"dangerouslySetInnerHTML"!==n&&"children"!==n&&"suppressContentEditableWarning"!==n&&"suppressHydrationWarning"!==n&&"autoFocus"!==n&&(y.hasOwnProperty(n)?e||(e=[]):(e=e||[]).push(n,null));for(n in r){var p=r[n];if(c=null!=i?i[n]:void 0,r.hasOwnProperty(n)&&p!==c&&(null!=p||null!=c))if("style"===n)if(c){for(l in c)!c.hasOwnProperty(l)||p&&p.hasOwnProperty(l)||(s||(s={}),s[l]="");for(l in p)p.hasOwnProperty(l)&&c[l]!==p[l]&&(s||(s={}),s[l]=p[l])}else s||(e||(e=[]),e.push(n,s)),s=p;else"dangerouslySetInnerHTML"===n?(p=p?p.__html:void 0,c=c?c.__html:void 0,null!=p&&c!==p&&(e=e||[]).push(n,""+p)):"children"===n?c===p||"string"!=typeof p&&"number"!=typeof p||(e=e||[]).push(n,""+p):"suppressContentEditableWarning"!==n&&"suppressHydrationWarning"!==n&&(y.hasOwnProperty(n)?(null!=p&&ur(a,n),e||c===p||(e=[])):(e=e||[]).push(n,p))}s&&(e=e||[]).push("style",s),a=e,(t.updateQueue=a)&&da(t)}},ma=function(e,t,n,r){n!==r&&da(t)};var wa={readContext:yo},ka=Ge.ReactCurrentOwner,Na=1073741822,Ta=0,La=!1,Aa=null,ja=null,Ma=0,Ba=-1,Ra=!1,za=null,Ia=!1,Da=null,Fa=null,Va=null;function Ha(){if(null!==Aa)for(var e=Aa.return;null!==e;){var t=e;switch(t.tag){case 1:var n=t.type.childContextTypes;null!==n&&void 0!==n&&Lr();break;case 3:Po(),Ar();break;case 5:ko(t);break;case 4:Po();break;case 10:vo(t)}e=e.return}ja=null,Ma=0,Ba=-1,Ra=!1,Aa=null}function Ua(){null!==Fa&&(a.unstable_cancelCallback(Da),Fa())}function Ga(e){for(;;){var t=e.alternate,n=e.return,r=e.sibling;if(0==(1024&e.effectTag)){Aa=e;e:{var a=t,l=Ma,s=(t=e).pendingProps;switch(t.tag){case 2:case 16:break;case 15:case 0:break;case 1:Tr(t.type)&&Lr();break;case 3:Po(),Ar(),(s=t.stateNode).pendingContext&&(s.context=s.pendingContext,s.pendingContext=null),null!==a&&null!==a.child||(Qo(t),t.effectTag&=-3),fa(t);break;case 5:ko(t);var c=_o(xo.current);if(l=t.type,null!==a&&null!=t.stateNode)ba(a,t,l,s,c),a.ref!==t.ref&&(t.effectTag|=128);else if(s){var p=_o(Co.current);if(Qo(t)){a=(s=t).stateNode;var u=s.type,d=s.memoizedProps,h=c;switch(a[j]=s,a[M]=d,l=void 0,c=u){case"iframe":case"object":Sn("load",a);break;case"video":case"audio":for(u=0;u<te.length;u++)Sn(te[u],a);break;case"source":Sn("error",a);break;case"img":case"image":case"link":Sn("error",a),Sn("load",a);break;case"form":Sn("reset",a),Sn("submit",a);break;case"details":Sn("toggle",a);break;case"input":Ot(a,d),Sn("invalid",a),ur(h,"onChange");break;case"select":a._wrapperState={wasMultiple:!!d.multiple},Sn("invalid",a),ur(h,"onChange");break;case"textarea":qn(a,d),Sn("invalid",a),ur(h,"onChange")}for(l in cr(c,d),u=null,d)d.hasOwnProperty(l)&&(p=d[l],"children"===l?"string"==typeof p?a.textContent!==p&&(u=["children",p]):"number"==typeof p&&a.textContent!==""+p&&(u=["children",""+p]):y.hasOwnProperty(l)&&null!=p&&ur(h,l));switch(c){case"input":He(a),xt(a,d,!0);break;case"textarea":He(a),Qn(a);break;case"select":case"option":break;default:"function"==typeof d.onClick&&(a.onclick=dr)}l=u,s.updateQueue=l,(s=null!==l)&&da(t)}else{d=t,a=l,h=s,u=9===c.nodeType?c:c.ownerDocument,p===Zn.html&&(p=Jn(a)),p===Zn.html?"script"===a?((a=u.createElement("div")).innerHTML="<script><\/script>",u=a.removeChild(a.firstChild)):"string"==typeof h.is?u=u.createElement(a,{is:h.is}):(u=u.createElement(a),"select"===a&&h.multiple&&(u.multiple=!0)):u=u.createElementNS(p,a),(a=u)[j]=d,a[M]=s,ha(a,t,!1,!1),h=a;var f=c,b=pr(u=l,d=s);switch(u){case"iframe":case"object":Sn("load",h),c=d;break;case"video":case"audio":for(c=0;c<te.length;c++)Sn(te[c],h);c=d;break;case"source":Sn("error",h),c=d;break;case"img":case"image":case"link":Sn("error",h),Sn("load",h),c=d;break;case"form":Sn("reset",h),Sn("submit",h),c=d;break;case"details":Sn("toggle",h),c=d;break;case"input":Ot(h,d),c=yt(h,d),Sn("invalid",h),ur(f,"onChange");break;case"option":c=Wn(h,d);break;case"select":h._wrapperState={wasMultiple:!!d.multiple},c=o({},d,{value:void 0}),Sn("invalid",h),ur(f,"onChange");break;case"textarea":qn(h,d),c=Kn(h,d),Sn("invalid",h),ur(f,"onChange");break;default:c=d}cr(u,c),p=void 0;var m=u,v=h,g=c;for(p in g)if(g.hasOwnProperty(p)){var O=g[p];"style"===p?lr(v,O):"dangerouslySetInnerHTML"===p?null!=(O=O?O.__html:void 0)&&nr(v,O):"children"===p?"string"==typeof O?("textarea"!==m||""!==O)&&rr(v,O):"number"==typeof O&&rr(v,""+O):"suppressContentEditableWarning"!==p&&"suppressHydrationWarning"!==p&&"autoFocus"!==p&&(y.hasOwnProperty(p)?null!=O&&ur(f,p):null!=O&&vt(v,p,O,b))}switch(u){case"input":He(h),xt(h,d,!1);break;case"textarea":He(h),Qn(h);break;case"option":null!=d.value&&h.setAttribute("value",""+gt(d.value));break;case"select":(c=h).multiple=!!d.multiple,null!=(h=d.value)?Xn(c,!!d.multiple,h,!1):null!=d.defaultValue&&Xn(c,!!d.multiple,d.defaultValue,!0);break;default:"function"==typeof c.onClick&&(h.onclick=dr)}(s=br(l,s))&&da(t),t.stateNode=a}null!==t.ref&&(t.effectTag|=128)}else null===t.stateNode&&i("166");break;case 6:a&&null!=t.stateNode?ma(a,t,a.memoizedProps,s):("string"!=typeof s&&(null===t.stateNode&&i("166")),a=_o(xo.current),_o(Co.current),Qo(t)?(l=(s=t).stateNode,a=s.memoizedProps,l[j]=s,(s=l.nodeValue!==a)&&da(t)):(l=t,(s=(9===a.nodeType?a:a.ownerDocument).createTextNode(s))[j]=t,l.stateNode=s));break;case 11:break;case 13:if(s=t.memoizedState,0!=(64&t.effectTag)){t.expirationTime=l,Aa=t;break e}s=null!==s,l=null!==a&&null!==a.memoizedState,null!==a&&!s&&l&&(null!==(a=a.child.sibling)&&(null!==(c=t.firstEffect)?(t.firstEffect=a,a.nextEffect=c):(t.firstEffect=t.lastEffect=a,a.nextEffect=null),a.effectTag=8)),(s!==l||0==(1&t.effectTag)&&s)&&(t.effectTag|=4);break;case 7:case 8:case 12:break;case 4:Po(),fa(t);break;case 10:vo(t);break;case 9:case 14:break;case 17:Tr(t.type)&&Lr();break;default:i("156")}Aa=null}if(t=e,1===Ma||1!==t.childExpirationTime){for(s=0,l=t.child;null!==l;)a=l.expirationTime,c=l.childExpirationTime,a>s&&(s=a),c>s&&(s=c),l=l.sibling;t.childExpirationTime=s}if(null!==Aa)return Aa;null!==n&&0==(1024&n.effectTag)&&(null===n.firstEffect&&(n.firstEffect=e.firstEffect),null!==e.lastEffect&&(null!==n.lastEffect&&(n.lastEffect.nextEffect=e.firstEffect),n.lastEffect=e.lastEffect),1<e.effectTag&&(null!==n.lastEffect?n.lastEffect.nextEffect=e:n.firstEffect=e,n.lastEffect=e))}else{if(null!==(e=Pa(e)))return e.effectTag&=1023,e;null!==n&&(n.firstEffect=n.lastEffect=null,n.effectTag|=1024)}if(null!==r)return r;if(null===n)break;e=n}return null}function Ya(e){var t=ua(e.alternate,e,Ma);return e.memoizedProps=e.pendingProps,null===t&&(t=Ga(e)),ka.current=null,t}function Wa(e,t){La&&i("243"),Ua(),La=!0,ka.currentDispatcher=wa;var n=e.nextExpirationTimeToWorkOn;n===Ma&&e===ja&&null!==Aa||(Ha(),Ma=n,Aa=Hr((ja=e).current,null),e.pendingCommitExpirationTime=0);for(var r=!1;;){try{if(t)for(;null!==Aa&&!Pi();)Aa=Ya(Aa);else for(;null!==Aa;)Aa=Ya(Aa)}catch(t){if(bo=fo=ho=null,null===Aa)r=!0,Ai(t);else{null===Aa&&i("271");var o=Aa,a=o.return;if(null!==a){e:{var l=e,s=a,c=o,p=t;if(a=Ma,c.effectTag|=1024,c.firstEffect=c.lastEffect=null,null!==p&&"object"==typeof p&&"function"==typeof p.then){var u=p;p=s;var d=-1,h=-1;do{if(13===p.tag){var f=p.alternate;if(null!==f&&null!==(f=f.memoizedState)){h=10*(1073741822-f.timedOutAt);break}"number"==typeof(f=p.pendingProps.maxDuration)&&(0>=f?d=0:(-1===d||f<d)&&(d=f))}p=p.return}while(null!==p);p=s;do{if((f=13===p.tag)&&(f=void 0!==p.memoizedProps.fallback&&null===p.memoizedState),f){if(s=qa.bind(null,l,p,c,0==(1&p.mode)?1073741823:a),u.then(s,s),0==(1&p.mode)){p.effectTag|=64,c.effectTag&=-1957,1===c.tag&&null===c.alternate&&(c.tag=17),c.expirationTime=a;break e}-1===d?l=1073741823:(-1===h&&(h=10*(1073741822-$r(l,a))-5e3),l=h+d),0<=l&&Ba<l&&(Ba=l),p.effectTag|=2048,p.expirationTime=a;break e}p=p.return}while(null!==p);p=Error((lt(c.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."+st(c))}Ra=!0,p=po(p,c),l=s;do{switch(l.tag){case 3:c=p,l.effectTag|=2048,l.expirationTime=a,oo(l,a=_a(l,c,a));break e;case 1:if(c=p,s=l.type,u=l.stateNode,0==(64&l.effectTag)&&("function"==typeof s.getDerivedStateFromError||null!==u&&"function"==typeof u.componentDidCatch&&(null===Va||!Va.has(u)))){l.effectTag|=2048,l.expirationTime=a,oo(l,a=Sa(l,c,a));break e}}l=l.return}while(null!==l)}Aa=Ga(o);continue}r=!0,Ai(t)}}break}if(La=!1,bo=fo=ho=ka.currentDispatcher=null,r)ja=null,e.finishedWork=null;else if(null!==Aa)e.finishedWork=null;else{if(null===(r=e.current.alternate)&&i("281"),ja=null,Ra){if(o=e.latestPendingTime,a=e.latestSuspendedTime,l=e.latestPingedTime,0!==o&&o<n||0!==a&&a<n||0!==l&&l<n)return qr(e,n),void Ci(e,r,n,e.expirationTime,-1);if(!e.didError&&t)return e.didError=!0,n=e.nextExpirationTimeToWorkOn=n,t=e.expirationTime=1073741823,void Ci(e,r,n,t,-1)}t&&-1!==Ba?(qr(e,n),(t=10*(1073741822-$r(e,n)))<Ba&&(Ba=t),t=10*(1073741822-Ei()),t=Ba-t,Ci(e,r,n,e.expirationTime,0>t?0:t)):(e.pendingCommitExpirationTime=n,e.finishedWork=r)}}function Xa(e,t){for(var n=e.return;null!==n;){switch(n.tag){case 1:var r=n.stateNode;if("function"==typeof n.type.getDerivedStateFromError||"function"==typeof r.componentDidCatch&&(null===Va||!Va.has(r)))return ro(n,e=Sa(n,e=po(t,e),1073741823)),void Qa(n,1073741823);break;case 3:return ro(n,e=_a(n,e=po(t,e),1073741823)),void Qa(n,1073741823)}n=n.return}3===e.tag&&(ro(e,n=_a(e,n=po(t,e),1073741823)),Qa(e,1073741823))}function Ka(e,t){return 0!==Ta?e=Ta:La?e=Ia?1073741823:Ma:1&t.mode?(e=ui?1073741822-10*(1+((1073741822-e+15)/10|0)):1073741822-25*(1+((1073741822-e+500)/25|0)),null!==ja&&e===Ma&&--e):e=1073741823,ui&&(0===ii||e<ii)&&(ii=e),e}function qa(e,t,n,r){var o=e.earliestSuspendedTime,a=e.latestSuspendedTime;if(0!==o&&r<=o&&r>=a){a=o=r,e.didError=!1;var i=e.latestPingedTime;(0===i||i>a)&&(e.latestPingedTime=a),Qr(a,e)}else Kr(e,o=Ka(o=Ei(),t));0!=(1&t.mode)&&e===ja&&Ma===r&&(ja=null),$a(t,o),0==(1&t.mode)&&($a(n,o),1===n.tag&&null!==n.stateNode&&((t=to(o)).tag=2,ro(n,t))),0!==(n=e.expirationTime)&&xi(e,n)}function $a(e,t){e.expirationTime<t&&(e.expirationTime=t);var n=e.alternate;null!==n&&n.expirationTime<t&&(n.expirationTime=t);var r=e.return,o=null;if(null===r&&3===e.tag)o=e.stateNode;else for(;null!==r;){if(n=r.alternate,r.childExpirationTime<t&&(r.childExpirationTime=t),null!==n&&n.childExpirationTime<t&&(n.childExpirationTime=t),null===r.return&&3===r.tag){o=r.stateNode;break}r=r.return}return o}function Qa(e,t){null!==(e=$a(e,t))&&(!La&&0!==Ma&&t>Ma&&Ha(),Kr(e,t),La&&!Ia&&ja===e||xi(e,e.expirationTime),vi>mi&&(vi=0,i("185")))}function Za(e,t,n,r,o){var a=Ta;Ta=1073741823;try{return e(t,n,r,o)}finally{Ta=a}}var Ja=null,ei=null,ti=0,ni=void 0,ri=!1,oi=null,ai=0,ii=0,li=!1,si=null,ci=!1,pi=!1,ui=!1,di=null,hi=a.unstable_now(),fi=1073741822-(hi/10|0),bi=fi,mi=50,vi=0,gi=null;function yi(){fi=1073741822-((a.unstable_now()-hi)/10|0)}function Oi(e,t){if(0!==ti){if(t<ti)return;null!==ni&&a.unstable_cancelCallback(ni)}ti=t,e=a.unstable_now()-hi,ni=a.unstable_scheduleCallback(wi,{timeout:10*(1073741822-t)-e})}function Ci(e,t,n,r,o){e.expirationTime=r,0!==o||Pi()?0<o&&(e.timeoutHandle=vr(function(e,t,n){e.pendingCommitExpirationTime=n,e.finishedWork=t,yi(),bi=fi,Ni(e,n)}.bind(null,e,t,n),o)):(e.pendingCommitExpirationTime=n,e.finishedWork=t)}function Ei(){return ri?bi:(_i(),0!==ai&&1!==ai||(yi(),bi=fi),bi)}function xi(e,t){null===e.nextScheduledRoot?(e.expirationTime=t,null===ei?(Ja=ei=e,e.nextScheduledRoot=e):(ei=ei.nextScheduledRoot=e).nextScheduledRoot=Ja):t>e.expirationTime&&(e.expirationTime=t),ri||(ci?pi&&(oi=e,ai=1073741823,Ti(e,1073741823,!1)):1073741823===t?ki(1073741823,!1):Oi(e,t))}function _i(){var e=0,t=null;if(null!==ei)for(var n=ei,r=Ja;null!==r;){var o=r.expirationTime;if(0===o){if((null===n||null===ei)&&i("244"),r===r.nextScheduledRoot){Ja=ei=r.nextScheduledRoot=null;break}if(r===Ja)Ja=o=r.nextScheduledRoot,ei.nextScheduledRoot=o,r.nextScheduledRoot=null;else{if(r===ei){(ei=n).nextScheduledRoot=Ja,r.nextScheduledRoot=null;break}n.nextScheduledRoot=r.nextScheduledRoot,r.nextScheduledRoot=null}r=n.nextScheduledRoot}else{if(o>e&&(e=o,t=r),r===ei)break;if(1073741823===e)break;n=r,r=r.nextScheduledRoot}}oi=t,ai=e}var Si=!1;function Pi(){return!!Si||!!a.unstable_shouldYield()&&(Si=!0)}function wi(){try{if(!Pi()&&null!==Ja){yi();var e=Ja;do{var t=e.expirationTime;0!==t&&fi<=t&&(e.nextExpirationTimeToWorkOn=fi),e=e.nextScheduledRoot}while(e!==Ja)}ki(0,!0)}finally{Si=!1}}function ki(e,t){if(_i(),t)for(yi(),bi=fi;null!==oi&&0!==ai&&e<=ai&&!(Si&&fi>ai);)Ti(oi,ai,fi>ai),_i(),yi(),bi=fi;else for(;null!==oi&&0!==ai&&e<=ai;)Ti(oi,ai,!1),_i();if(t&&(ti=0,ni=null),0!==ai&&Oi(oi,ai),vi=0,gi=null,null!==di)for(e=di,di=null,t=0;t<e.length;t++){var n=e[t];try{n._onComplete()}catch(e){li||(li=!0,si=e)}}if(li)throw e=si,si=null,li=!1,e}function Ni(e,t){ri&&i("253"),oi=e,ai=t,Ti(e,t,!1),ki(1073741823,!1)}function Ti(e,t,n){if(ri&&i("245"),ri=!0,n){var r=e.finishedWork;null!==r?Li(e,r,t):(e.finishedWork=null,-1!==(r=e.timeoutHandle)&&(e.timeoutHandle=-1,gr(r)),Wa(e,n),null!==(r=e.finishedWork)&&(Pi()?e.finishedWork=r:Li(e,r,t)))}else null!==(r=e.finishedWork)?Li(e,r,t):(e.finishedWork=null,-1!==(r=e.timeoutHandle)&&(e.timeoutHandle=-1,gr(r)),Wa(e,n),null!==(r=e.finishedWork)&&Li(e,r,t));ri=!1}function Li(e,t,n){var r=e.firstBatch;if(null!==r&&r._expirationTime>=n&&(null===di?di=[r]:di.push(r),r._defer))return e.finishedWork=t,void(e.expirationTime=0);e.finishedWork=null,e===gi?vi++:(gi=e,vi=0),Ia=La=!0,e.current===t&&i("177"),0===(n=e.pendingCommitExpirationTime)&&i("261"),e.pendingCommitExpirationTime=0,r=t.expirationTime;var o=t.childExpirationTime;if(r=o>r?o:r,e.didError=!1,0===r?(e.earliestPendingTime=0,e.latestPendingTime=0,e.earliestSuspendedTime=0,e.latestSuspendedTime=0,e.latestPingedTime=0):(0!==(o=e.latestPendingTime)&&(o>r?e.earliestPendingTime=e.latestPendingTime=0:e.earliestPendingTime>r&&(e.earliestPendingTime=e.latestPendingTime)),0===(o=e.earliestSuspendedTime)?Kr(e,r):r<e.latestSuspendedTime?(e.earliestSuspendedTime=0,e.latestSuspendedTime=0,e.latestPingedTime=0,Kr(e,r)):r>o&&Kr(e,r)),Qr(0,e),ka.current=null,1<t.effectTag?null!==t.lastEffect?(t.lastEffect.nextEffect=t,r=t.firstEffect):r=t:r=t.firstEffect,hr=_n,zn(o=Rn())){if("selectionStart"in o)var a={start:o.selectionStart,end:o.selectionEnd};else e:{var l=(a=(a=o.ownerDocument)&&a.defaultView||window).getSelection&&a.getSelection();if(l&&0!==l.rangeCount){a=l.anchorNode;var s=l.anchorOffset,c=l.focusNode;l=l.focusOffset;try{a.nodeType,c.nodeType}catch(e){a=null;break e}var p=0,u=-1,d=-1,h=0,f=0,b=o,m=null;t:for(;;){for(var v;b!==a||0!==s&&3!==b.nodeType||(u=p+s),b!==c||0!==l&&3!==b.nodeType||(d=p+l),3===b.nodeType&&(p+=b.nodeValue.length),null!==(v=b.firstChild);)m=b,b=v;for(;;){if(b===o)break t;if(m===a&&++h===s&&(u=p),m===c&&++f===l&&(d=p),null!==(v=b.nextSibling))break;m=(b=m).parentNode}b=v}a=-1===u||-1===d?null:{start:u,end:d}}else a=null}a=a||{start:0,end:0}}else a=null;for(fr={focusedElem:o,selectionRange:a},_n=!1,za=r;null!==za;){o=!1,a=void 0;try{for(;null!==za;){if(256&za.effectTag)e:{var g=za.alternate;switch((s=za).tag){case 0:case 11:case 15:break e;case 1:if(256&s.effectTag&&null!==g){var y=g.memoizedProps,O=g.memoizedState,C=s.stateNode,E=C.getSnapshotBeforeUpdate(s.elementType===s.type?y:No(s.type,y),O);C.__reactInternalSnapshotBeforeUpdate=E}break e;case 3:case 5:case 6:case 4:case 17:break e;default:i("163")}}za=za.nextEffect}}catch(e){o=!0,a=e}o&&(null===za&&i("178"),Xa(za,a),null!==za&&(za=za.nextEffect))}for(za=r;null!==za;){g=!1,y=void 0;try{for(;null!==za;){var x=za.effectTag;if(16&x&&rr(za.stateNode,""),128&x){var _=za.alternate;if(null!==_){var S=_.ref;null!==S&&("function"==typeof S?S(null):S.current=null)}}switch(14&x){case 2:Ca(za),za.effectTag&=-3;break;case 6:Ca(za),za.effectTag&=-3,xa(za.alternate,za);break;case 4:xa(za.alternate,za);break;case 8:Ea(O=za),O.return=null,O.child=null,O.alternate&&(O.alternate.child=null,O.alternate.return=null)}za=za.nextEffect}}catch(e){g=!0,y=e}g&&(null===za&&i("178"),Xa(za,y),null!==za&&(za=za.nextEffect))}if(S=fr,_=Rn(),x=S.focusedElem,y=S.selectionRange,_!==x&&x&&x.ownerDocument&&function e(t,n){return!(!t||!n)&&(t===n||(!t||3!==t.nodeType)&&(n&&3===n.nodeType?e(t,n.parentNode):"contains"in t?t.contains(n):!!t.compareDocumentPosition&&!!(16&t.compareDocumentPosition(n))))}(x.ownerDocument.documentElement,x)){null!==y&&zn(x)&&(_=y.start,void 0===(S=y.end)&&(S=_),"selectionStart"in x?(x.selectionStart=_,x.selectionEnd=Math.min(S,x.value.length)):(S=(_=x.ownerDocument||document)&&_.defaultView||window).getSelection&&(S=S.getSelection(),O=x.textContent.length,g=Math.min(y.start,O),y=void 0===y.end?g:Math.min(y.end,O),!S.extend&&g>y&&(O=y,y=g,g=O),O=Bn(x,g),C=Bn(x,y),O&&C&&(1!==S.rangeCount||S.anchorNode!==O.node||S.anchorOffset!==O.offset||S.focusNode!==C.node||S.focusOffset!==C.offset)&&((_=_.createRange()).setStart(O.node,O.offset),S.removeAllRanges(),g>y?(S.addRange(_),S.extend(C.node,C.offset)):(_.setEnd(C.node,C.offset),S.addRange(_))))),_=[];for(S=x;S=S.parentNode;)1===S.nodeType&&_.push({element:S,left:S.scrollLeft,top:S.scrollTop});for("function"==typeof x.focus&&x.focus(),x=0;x<_.length;x++)(S=_[x]).element.scrollLeft=S.left,S.element.scrollTop=S.top}for(fr=null,_n=!!hr,hr=null,e.current=t,za=r;null!==za;){r=!1,x=void 0;try{for(_=n;null!==za;){var P=za.effectTag;if(36&P){var w=za.alternate;switch(g=_,(S=za).tag){case 0:case 11:case 15:break;case 1:var k=S.stateNode;if(4&S.effectTag)if(null===w)k.componentDidMount();else{var N=S.elementType===S.type?w.memoizedProps:No(S.type,w.memoizedProps);k.componentDidUpdate(N,w.memoizedState,k.__reactInternalSnapshotBeforeUpdate)}var T=S.updateQueue;null!==T&&so(0,T,k);break;case 3:var L=S.updateQueue;if(null!==L){if(y=null,null!==S.child)switch(S.child.tag){case 5:y=S.child.stateNode;break;case 1:y=S.child.stateNode}so(0,L,y)}break;case 5:var A=S.stateNode;null===w&&4&S.effectTag&&br(S.type,S.memoizedProps)&&A.focus();break;case 6:case 4:case 12:case 13:case 17:break;default:i("163")}}if(128&P){var j=za.ref;if(null!==j){var M=za.stateNode;switch(za.tag){case 5:var B=M;break;default:B=M}"function"==typeof j?j(B):j.current=B}}za=za.nextEffect}}catch(e){r=!0,x=e}r&&(null===za&&i("178"),Xa(za,x),null!==za&&(za=za.nextEffect))}La=Ia=!1,"function"==typeof zr&&zr(t.stateNode),P=t.expirationTime,0===(t=(t=t.childExpirationTime)>P?t:P)&&(Va=null),e.expirationTime=t,e.finishedWork=null}function Ai(e){null===oi&&i("246"),oi.expirationTime=0,li||(li=!0,si=e)}function ji(e,t){var n=ci;ci=!0;try{return e(t)}finally{(ci=n)||ri||ki(1073741823,!1)}}function Mi(e,t){if(ci&&!pi){pi=!0;try{return e(t)}finally{pi=!1}}return e(t)}function Bi(e,t,n){if(ui)return e(t,n);ci||ri||0===ii||(ki(ii,!1),ii=0);var r=ui,o=ci;ci=ui=!0;try{return e(t,n)}finally{ui=r,(ci=o)||ri||ki(1073741823,!1)}}function Ri(e,t,n,r,o){var a=t.current;e:if(n){n=n._reactInternalFiber;t:{2===tn(n)&&1===n.tag||i("170");var l=n;do{switch(l.tag){case 3:l=l.stateNode.context;break t;case 1:if(Tr(l.type)){l=l.stateNode.__reactInternalMemoizedMergedChildContext;break t}}l=l.return}while(null!==l);i("171"),l=void 0}if(1===n.tag){var s=n.type;if(Tr(s)){n=Mr(n,s,l);break e}}n=l}else n=Sr;return null===t.context?t.context=n:t.pendingContext=n,t=o,(o=to(r)).payload={element:e},null!==(t=void 0===t?null:t)&&(o.callback=t),Ua(),ro(a,o),Qa(a,r),r}function zi(e,t,n,r){var o=t.current;return Ri(e,t,n,o=Ka(Ei(),o),r)}function Ii(e){if(!(e=e.current).child)return null;switch(e.child.tag){case 5:default:return e.child.stateNode}}function Di(e){var t=1073741822-25*(1+((1073741822-Ei()+500)/25|0));t>=Na&&(t=Na-1),this._expirationTime=Na=t,this._root=e,this._callbacks=this._next=null,this._hasChildren=this._didComplete=!1,this._children=null,this._defer=!0}function Fi(){this._callbacks=null,this._didCommit=!1,this._onCommit=this._onCommit.bind(this)}function Vi(e,t,n){e={current:t=Fr(3,null,null,t?3:0),containerInfo:e,pendingChildren:null,earliestPendingTime:0,latestPendingTime:0,earliestSuspendedTime:0,latestSuspendedTime:0,latestPingedTime:0,didError:!1,pendingCommitExpirationTime:0,finishedWork:null,timeoutHandle:-1,context:null,pendingContext:null,hydrate:n,nextExpirationTimeToWorkOn:0,expirationTime:0,firstBatch:null,nextScheduledRoot:null},this._internalRoot=t.stateNode=e}function Hi(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Ui(e,t,n,r,o){Hi(n)||i("200");var a=n._reactRootContainer;if(a){if("function"==typeof o){var l=o;o=function(){var e=Ii(a._internalRoot);l.call(e)}}null!=e?a.legacy_renderSubtreeIntoContainer(e,t,o):a.render(t,o)}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 Vi(e,!1,t)}(n,r),"function"==typeof o){var s=o;o=function(){var e=Ii(a._internalRoot);s.call(e)}}Mi(function(){null!=e?a.legacy_renderSubtreeIntoContainer(e,t,o):a.render(t,o)})}return Ii(a._internalRoot)}function Gi(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;return Hi(t)||i("200"),function(e,t,n){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:Ke,key:null==r?null:""+r,children:e,containerInfo:t,implementation:n}}(e,t,null,n)}Pe=function(e,t,n){switch(t){case"input":if(Et(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var o=I(r);o||i("90"),Ue(r),Et(r,o)}}}break;case"textarea":$n(e,n);break;case"select":null!=(t=n.value)&&Xn(e,!!n.multiple,t,!1)}},Di.prototype.render=function(e){this._defer||i("250"),this._hasChildren=!0,this._children=e;var t=this._root._internalRoot,n=this._expirationTime,r=new Fi;return Ri(e,t,null,n,r._onCommit),r},Di.prototype.then=function(e){if(this._didComplete)e();else{var t=this._callbacks;null===t&&(t=this._callbacks=[]),t.push(e)}},Di.prototype.commit=function(){var e=this._root._internalRoot,t=e.firstBatch;if(this._defer&&null!==t||i("251"),this._hasChildren){var n=this._expirationTime;if(t!==this){this._hasChildren&&(n=this._expirationTime=t._expirationTime,this.render(this._children));for(var r=null,o=t;o!==this;)r=o,o=o._next;null===r&&i("251"),r._next=o._next,this._next=t,e.firstBatch=this}this._defer=!1,Ni(e,n),t=this._next,this._next=null,null!==(t=e.firstBatch=t)&&t._hasChildren&&t.render(t._children)}else this._next=null,this._defer=!1},Di.prototype._onComplete=function(){if(!this._didComplete){this._didComplete=!0;var e=this._callbacks;if(null!==e)for(var t=0;t<e.length;t++)(0,e[t])()}},Fi.prototype.then=function(e){if(this._didCommit)e();else{var t=this._callbacks;null===t&&(t=this._callbacks=[]),t.push(e)}},Fi.prototype._onCommit=function(){if(!this._didCommit){this._didCommit=!0;var e=this._callbacks;if(null!==e)for(var t=0;t<e.length;t++){var n=e[t];"function"!=typeof n&&i("191",n),n()}}},Vi.prototype.render=function(e,t){var n=this._internalRoot,r=new Fi;return null!==(t=void 0===t?null:t)&&r.then(t),zi(e,n,null,r._onCommit),r},Vi.prototype.unmount=function(e){var t=this._internalRoot,n=new Fi;return null!==(e=void 0===e?null:e)&&n.then(e),zi(null,t,null,n._onCommit),n},Vi.prototype.legacy_renderSubtreeIntoContainer=function(e,t,n){var r=this._internalRoot,o=new Fi;return null!==(n=void 0===n?null:n)&&o.then(n),zi(t,r,e,o._onCommit),o},Vi.prototype.createBatch=function(){var e=new Di(this),t=e._expirationTime,n=this._internalRoot,r=n.firstBatch;if(null===r)n.firstBatch=e,e._next=null;else{for(n=null;null!==r&&r._expirationTime>=t;)n=r,r=r._next;e._next=r,null!==n&&(n._next=e)}return e},Ae=ji,je=Bi,Me=function(){ri||0===ii||(ki(ii,!1),ii=0)};var Yi={createPortal:Gi,findDOMNode:function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternalFiber;return void 0===t&&("function"==typeof e.render?i("188"):i("268",Object.keys(e))),e=null===(e=rn(t))?null:e.stateNode},hydrate:function(e,t,n){return Ui(null,e,t,!0,n)},render:function(e,t,n){return Ui(null,e,t,!1,n)},unstable_renderSubtreeIntoContainer:function(e,t,n,r){return(null==e||void 0===e._reactInternalFiber)&&i("38"),Ui(e,t,n,!1,r)},unmountComponentAtNode:function(e){return Hi(e)||i("40"),!!e._reactRootContainer&&(Mi(function(){Ui(null,null,e,!1,function(){e._reactRootContainer=null})}),!0)},unstable_createPortal:function(){return Gi.apply(void 0,arguments)},unstable_batchedUpdates:ji,unstable_interactiveUpdates:Bi,flushSync:function(e,t){ri&&i("187");var n=ci;ci=!0;try{return Za(e,t)}finally{ci=n,ki(1073741823,!1)}},unstable_flushControlled:function(e){var t=ci;ci=!0;try{Za(e)}finally{(ci=t)||ri||ki(1073741823,!1)}},__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{Events:[R,z,I,N.injectEventPluginsByName,g,G,function(e){P(e,U)},Te,Le,kn,L]},unstable_createRoot:function(e,t){return Hi(e)||i("299","unstable_createRoot"),new Vi(e,!0,null!=t&&!0===t.hydrate)}};!function(e){var t=e.findFiberByHostInstance;(function(e){if("undefined"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__)return!1;var t=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(t.isDisabled||!t.supportsFiber)return!0;try{var n=t.inject(e);zr=Dr(function(e){return t.onCommitFiberRoot(n,e)}),Ir=Dr(function(e){return t.onCommitFiberUnmount(n,e)})}catch(e){}})(o({},e,{findHostInstanceByFiber:function(e){return null===(e=rn(e))?null:e.stateNode},findFiberByHostInstance:function(e){return t?t(e):null}}))}({findFiberByHostInstance:B,bundleType:0,version:"16.6.3",rendererPackageName:"react-dom"});var Wi={default:Yi},Xi=Wi&&Yi||Wi;e.exports=Xi.default||Xi},function(e,t,n){"use strict";e.exports=n(16)},function(e,t,n){"use strict";
/** @license React v16.6.1
 * scheduler.production.min.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */Object.defineProperty(t,"__esModule",{value:!0});var r=null,o=!1,a=3,i=-1,l=-1,s=!1,c=!1;function p(){if(!s){var e=r.expirationTime;c?v():c=!0,m(h,e)}}function u(){var e=r,t=r.next;if(r===t)r=null;else{var n=r.previous;r=n.next=t,t.previous=n}e.next=e.previous=null,n=e.callback,t=e.expirationTime,e=e.priorityLevel;var o=a,i=l;a=e,l=t;try{var s=n()}finally{a=o,l=i}if("function"==typeof s)if(s={callback:s,priorityLevel:e,expirationTime:t,next:null,previous:null},null===r)r=s.next=s.previous=s;else{n=null,e=r;do{if(e.expirationTime>=t){n=e;break}e=e.next}while(e!==r);null===n?n=r:n===r&&(r=s,p()),(t=n.previous).next=n.previous=s,s.next=n,s.previous=t}}function d(){if(-1===i&&null!==r&&1===r.priorityLevel){s=!0;try{do{u()}while(null!==r&&1===r.priorityLevel)}finally{s=!1,null!==r?p():c=!1}}}function h(e){s=!0;var n=o;o=e;try{if(e)for(;null!==r;){var a=t.unstable_now();if(!(r.expirationTime<=a))break;do{u()}while(null!==r&&r.expirationTime<=a)}else if(null!==r)do{u()}while(null!==r&&!g())}finally{s=!1,o=n,null!==r?p():c=!1,d()}}var f,b,m,v,g,y=Date,O="function"==typeof setTimeout?setTimeout:void 0,C="function"==typeof clearTimeout?clearTimeout:void 0,E="function"==typeof requestAnimationFrame?requestAnimationFrame:void 0,x="function"==typeof cancelAnimationFrame?cancelAnimationFrame:void 0;function _(e){f=E(function(t){C(b),e(t)}),b=O(function(){x(f),e(t.unstable_now())},100)}if("object"==typeof performance&&"function"==typeof performance.now){var S=performance;t.unstable_now=function(){return S.now()}}else t.unstable_now=function(){return y.now()};if("undefined"!=typeof window&&window._schedMock){var P=window._schedMock;m=P[0],v=P[1],g=P[2]}else if("undefined"==typeof window||"function"!=typeof window.addEventListener){var w=null,k=-1,N=function(e,t){if(null!==w){var n=w;w=null;try{k=t,n(e)}finally{k=-1}}};m=function(e,t){-1!==k?setTimeout(m,0,e,t):(w=e,setTimeout(N,t,!0,t),setTimeout(N,1073741823,!1,1073741823))},v=function(){w=null},g=function(){return!1},t.unstable_now=function(){return-1===k?0:k}}else{"undefined"!=typeof console&&("function"!=typeof E&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"),"function"!=typeof x&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"));var T=null,L=!1,A=-1,j=!1,M=!1,B=0,R=33,z=33;g=function(){return B<=t.unstable_now()};var I="__reactIdleCallback$"+Math.random().toString(36).slice(2);window.addEventListener("message",function(e){if(e.source===window&&e.data===I){L=!1,e=T;var n=A;T=null,A=-1;var r=t.unstable_now(),o=!1;if(0>=B-r){if(!(-1!==n&&n<=r))return j||(j=!0,_(D)),T=e,void(A=n);o=!0}if(null!==e){M=!0;try{e(o)}finally{M=!1}}}},!1);var D=function(e){if(null!==T){_(D);var t=e-B+z;t<z&&R<z?(8>t&&(t=8),z=t<R?R:t):R=t,B=e+z,L||(L=!0,window.postMessage(I,"*"))}else j=!1};m=function(e,t){T=e,A=t,M||0>t?window.postMessage(I,"*"):j||(j=!0,_(D))},v=function(){T=null,L=!1,A=-1}}t.unstable_ImmediatePriority=1,t.unstable_UserBlockingPriority=2,t.unstable_NormalPriority=3,t.unstable_IdlePriority=5,t.unstable_LowPriority=4,t.unstable_runWithPriority=function(e,n){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var r=a,o=i;a=e,i=t.unstable_now();try{return n()}finally{a=r,i=o,d()}},t.unstable_scheduleCallback=function(e,n){var o=-1!==i?i:t.unstable_now();if("object"==typeof n&&null!==n&&"number"==typeof n.timeout)n=o+n.timeout;else switch(a){case 1:n=o+-1;break;case 2:n=o+250;break;case 5:n=o+1073741823;break;case 4:n=o+1e4;break;default:n=o+5e3}if(e={callback:e,priorityLevel:a,expirationTime:n,next:null,previous:null},null===r)r=e.next=e.previous=e,p();else{o=null;var l=r;do{if(l.expirationTime>n){o=l;break}l=l.next}while(l!==r);null===o?o=r:o===r&&(r=e,p()),(n=o.previous).next=o.previous=e,e.next=o,e.previous=n}return e},t.unstable_cancelCallback=function(e){var t=e.next;if(null!==t){if(t===e)r=null;else{e===r&&(r=t);var n=e.previous;n.next=t,t.previous=n}e.next=e.previous=null}},t.unstable_wrapCallback=function(e){var n=a;return function(){var r=a,o=i;a=n,i=t.unstable_now();try{return e.apply(this,arguments)}finally{a=r,i=o,d()}}},t.unstable_getCurrentPriorityLevel=function(){return a},t.unstable_shouldYield=function(){return!o&&(null!==r&&r.expirationTime<l||g())}},function(e,t,n){"use strict";var r=n(18);function o(){}e.exports=function(){function e(e,t,n,o,a,i){if(i!==r){var l=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 l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t};return n.checkPropTypes=o,n.PropTypes=n,n}},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,n){var r=n(20);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(6)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(5)(!1)).push([e.i,'#inspector-host {\n  position: absolute;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; }\n\n#__resizable_base__ {\n  display: none; }\n\n#actionTabs {\n  background: #333333;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  display: grid;\n  grid-template-rows: auto 1fr;\n  font: 14px "Arial";\n  overflow: hidden; }\n  #actionTabs .hoverIcon:hover {\n    opacity: 0.8; }\n  #actionTabs #header {\n    height: 30px;\n    font-size: 16px;\n    color: white;\n    background: #222222;\n    grid-row: 1;\n    text-align: center;\n    display: grid;\n    grid-template-columns: 30px 1fr 50px;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none; }\n    #actionTabs #header #logo {\n      grid-column: 1;\n      width: 24px;\n      height: 24px;\n      display: flex;\n      align-self: center;\n      justify-self: center; }\n    #actionTabs #header #back {\n      grid-column: 1;\n      display: grid;\n      align-self: center;\n      justify-self: center;\n      cursor: pointer; }\n    #actionTabs #header #title {\n      grid-column: 2;\n      display: grid;\n      align-items: center;\n      text-align: center; }\n    #actionTabs #header #commands {\n      grid-column: 3;\n      display: grid;\n      align-items: center;\n      grid-template-columns: 1fr 1fr; }\n      #actionTabs #header #commands .expand {\n        grid-column: 1;\n        display: grid;\n        align-items: center;\n        justify-items: center;\n        cursor: pointer; }\n      #actionTabs #header #commands .close {\n        grid-column: 2;\n        display: grid;\n        align-items: center;\n        justify-items: center;\n        cursor: pointer; }\n  #actionTabs .tabs {\n    display: grid;\n    grid-row: 2;\n    grid-template-rows: 40px 1fr;\n    font: 14px "Arial";\n    overflow: hidden; }\n    #actionTabs .tabs .labels {\n      grid-row: 1;\n      display: flex;\n      align-items: center;\n      justify-items: center;\n      border-bottom: 1px solid #ffffff;\n      margin: 0;\n      padding: 0; }\n      #actionTabs .tabs .labels .label {\n        font-size: 24px;\n        color: white;\n        width: 40px;\n        display: flex;\n        align-content: center;\n        justify-content: center;\n        border: 1px solid transparent;\n        border-bottom: none;\n        background: #333333;\n        padding: 5px;\n        height: 28px;\n        cursor: pointer; }\n        #actionTabs .tabs .labels .label.active {\n          border-color: #ffffff;\n          border-bottom: 2px solid transparent;\n          margin-bottom: -2px; }\n    #actionTabs .tabs .panes {\n      grid-row: 2;\n      display: grid;\n      grid-template-rows: 1fr;\n      overflow: hidden; }\n      #actionTabs .tabs .panes .infoMessage {\n        opacity: 0.5;\n        color: white;\n        margin: 15px 5px 0px 5px; }\n      #actionTabs .tabs .panes .pane {\n        color: white;\n        overflow-x: hidden;\n        overflow-y: auto;\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none; }\n        #actionTabs .tabs .panes .pane .underline {\n          border-bottom: 0.5px solid rgba(255, 255, 255, 0.5); }\n        #actionTabs .tabs .panes .pane .textureLinkLine {\n          display: grid;\n          grid-template-columns: auto 1fr; }\n          #actionTabs .tabs .panes .pane .textureLinkLine .debug {\n            grid-column: 1;\n            margin-left: 5px;\n            display: grid;\n            align-items: center;\n            justify-items: center;\n            cursor: pointer;\n            opacity: 0.5; }\n            #actionTabs .tabs .panes .pane .textureLinkLine .debug.selected {\n              opacity: 1.0; }\n          #actionTabs .tabs .panes .pane .textureLinkLine .textLine {\n            grid-column: 2; }\n        #actionTabs .tabs .panes .pane .messageLine {\n          text-align: center;\n          font-size: 12px;\n          font-style: italic;\n          opacity: 0.6; }\n        #actionTabs .tabs .panes .pane .iconMessageLine {\n          padding-left: 5px;\n          height: 30px;\n          display: grid;\n          grid-template-columns: 30px 1fr; }\n          #actionTabs .tabs .panes .pane .iconMessageLine .icon {\n            grid-column: 1;\n            display: grid;\n            align-items: center;\n            justify-items: center; }\n          #actionTabs .tabs .panes .pane .iconMessageLine .value {\n            grid-column: 2;\n            display: flex;\n            align-items: center; }\n        #actionTabs .tabs .panes .pane .textLine {\n          padding-left: 5px;\n          height: 30px;\n          display: grid;\n          grid-template-columns: 1fr auto; }\n          #actionTabs .tabs .panes .pane .textLine .label {\n            grid-column: 1;\n            display: flex;\n            align-items: center; }\n          #actionTabs .tabs .panes .pane .textLine .link-value {\n            grid-column: 2;\n            white-space: nowrap;\n            text-overflow: ellipsis;\n            overflow: hidden;\n            text-align: end;\n            opacity: 0.8;\n            margin: 5px;\n            margin-top: 6px;\n            max-width: 140px;\n            text-decoration: underline;\n            cursor: pointer; }\n          #actionTabs .tabs .panes .pane .textLine .value {\n            grid-column: 2;\n            white-space: nowrap;\n            text-overflow: ellipsis;\n            overflow: hidden;\n            text-align: end;\n            opacity: 0.8;\n            margin: 5px;\n            margin-top: 6px;\n            max-width: 200px;\n            -webkit-user-select: text;\n            -moz-user-select: text;\n            -ms-user-select: text;\n            user-select: text; }\n            #actionTabs .tabs .panes .pane .textLine .value.check {\n              color: green; }\n            #actionTabs .tabs .panes .pane .textLine .value.uncheck {\n              color: red; }\n        #actionTabs .tabs .panes .pane .textInputLine {\n          padding-left: 5px;\n          height: 30px;\n          display: grid;\n          grid-template-columns: 1fr 120px; }\n          #actionTabs .tabs .panes .pane .textInputLine .label {\n            grid-column: 1;\n            display: flex;\n            align-items: center; }\n          #actionTabs .tabs .panes .pane .textInputLine .value {\n            display: flex;\n            align-items: center;\n            grid-column: 2; }\n            #actionTabs .tabs .panes .pane .textInputLine .value input {\n              width: 110px; }\n        #actionTabs .tabs .panes .pane .buttonLine {\n          height: 30px;\n          display: grid;\n          align-items: center;\n          justify-items: stretch; }\n          #actionTabs .tabs .panes .pane .buttonLine input[type="file"] {\n            display: none; }\n          #actionTabs .tabs .panes .pane .buttonLine .file-upload {\n            background: transparent;\n            border: 1px solid #337ab7;\n            margin: 0px 10px;\n            color: white;\n            padding: 4px 5px;\n            opacity: 0.9;\n            cursor: pointer;\n            text-align: center; }\n          #actionTabs .tabs .panes .pane .buttonLine .file-upload:hover {\n            opacity: 1.0; }\n          #actionTabs .tabs .panes .pane .buttonLine .file-upload:active {\n            transform: scale(0.98);\n            transform-origin: 0.5 0.5; }\n          #actionTabs .tabs .panes .pane .buttonLine button {\n            background: #222222;\n            border: 1px solid #337ab7;\n            margin: 5px 10px 5px 10px;\n            color: white;\n            padding: 4px 5px;\n            opacity: 0.9; }\n          #actionTabs .tabs .panes .pane .buttonLine button:hover {\n            opacity: 1.0; }\n          #actionTabs .tabs .panes .pane .buttonLine button:active {\n            background: #282828; }\n          #actionTabs .tabs .panes .pane .buttonLine button:focus {\n            border: 1px solid #337ab7;\n            outline: 0px; }\n        #actionTabs .tabs .panes .pane .radioLine {\n          padding-left: 5px;\n          height: 30px;\n          display: grid;\n          grid-template-columns: 1fr 24px; }\n          #actionTabs .tabs .panes .pane .radioLine .label {\n            grid-column: 1;\n            display: flex;\n            align-items: center; }\n          #actionTabs .tabs .panes .pane .radioLine .radioContainer {\n            display: flex;\n            align-items: center; }\n            #actionTabs .tabs .panes .pane .radioLine .radioContainer .radio {\n              grid-column: 2;\n              display: none; }\n              #actionTabs .tabs .panes .pane .radioLine .radioContainer .radio:checked + label:before {\n                border-color: #337ab7; }\n              #actionTabs .tabs .panes .pane .radioLine .radioContainer .radio:checked + label:after {\n                transform: scale(1); }\n            #actionTabs .tabs .panes .pane .radioLine .radioContainer .labelForRadio {\n              display: inline-block;\n              height: 14px;\n              position: relative;\n              padding: 0 24px;\n              margin-bottom: 0;\n              cursor: pointer;\n              vertical-align: bottom; }\n              #actionTabs .tabs .panes .pane .radioLine .radioContainer .labelForRadio:before, #actionTabs .tabs .panes .pane .radioLine .radioContainer .labelForRadio:after {\n                position: absolute;\n                content: \'\';\n                border-radius: 50%;\n                transition: all .3s ease;\n                transition-property: transform, border-color; }\n              #actionTabs .tabs .panes .pane .radioLine .radioContainer .labelForRadio:before {\n                left: 0px;\n                top: 0;\n                width: 16px;\n                height: 16px;\n                border: 2px solid white; }\n              #actionTabs .tabs .panes .pane .radioLine .radioContainer .labelForRadio:after {\n                top: 6px;\n                left: 6px;\n                width: 8px;\n                height: 8px;\n                transform: scale(0);\n                background: #337ab7; }\n        #actionTabs .tabs .panes .pane .vector3Line {\n          padding-left: 5px;\n          display: grid; }\n          #actionTabs .tabs .panes .pane .vector3Line .firstLine {\n            display: grid;\n            grid-template-columns: 1fr auto 20px;\n            height: 30px; }\n            #actionTabs .tabs .panes .pane .vector3Line .firstLine .label {\n              grid-column: 1;\n              display: flex;\n              align-items: center; }\n            #actionTabs .tabs .panes .pane .vector3Line .firstLine .vector {\n              grid-column: 2;\n              display: flex;\n              align-items: center;\n              text-align: right;\n              opacity: 0.8; }\n            #actionTabs .tabs .panes .pane .vector3Line .firstLine .expand {\n              grid-column: 3;\n              display: grid;\n              align-items: center;\n              justify-items: center;\n              cursor: pointer; }\n          #actionTabs .tabs .panes .pane .vector3Line .secondLine {\n            display: grid;\n            padding-right: 5px;\n            border-left: 1px solid #337ab7; }\n            #actionTabs .tabs .panes .pane .vector3Line .secondLine .numeric {\n              display: grid;\n              grid-template-columns: 1fr auto; }\n            #actionTabs .tabs .panes .pane .vector3Line .secondLine .numeric-label {\n              text-align: right;\n              grid-column: 1;\n              display: flex;\n              align-items: center;\n              justify-self: right;\n              margin-right: 10px; }\n            #actionTabs .tabs .panes .pane .vector3Line .secondLine .numeric-value {\n              width: 120px;\n              grid-column: 2;\n              display: flex;\n              align-items: center;\n              border: 1px solid #337ab7; }\n        #actionTabs .tabs .panes .pane .checkBoxLine {\n          padding-left: 5px;\n          height: 30px;\n          display: grid;\n          grid-template-columns: 1fr auto; }\n          #actionTabs .tabs .panes .pane .checkBoxLine .label {\n            grid-column: 1;\n            display: flex;\n            align-items: center; }\n          #actionTabs .tabs .panes .pane .checkBoxLine .checkBox {\n            grid-column: 2;\n            display: flex;\n            align-items: center; }\n            #actionTabs .tabs .panes .pane .checkBoxLine .checkBox .lbl {\n              position: relative;\n              display: block;\n              height: 14px;\n              width: 34px;\n              margin-right: 5px;\n              background: #898989;\n              border-radius: 100px;\n              cursor: pointer;\n              transition: all 0.3s ease; }\n            #actionTabs .tabs .panes .pane .checkBoxLine .checkBox .lbl:after {\n              position: absolute;\n              left: 3px;\n              top: 2px;\n              display: block;\n              width: 10px;\n              height: 10px;\n              border-radius: 100px;\n              background: #fff;\n              box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);\n              content: \'\';\n              transition: all 0.15s ease; }\n            #actionTabs .tabs .panes .pane .checkBoxLine .checkBox .lbl:active:after {\n              transform: scale(1.15, 0.85); }\n            #actionTabs .tabs .panes .pane .checkBoxLine .checkBox .cbx:checked ~ label {\n              background: #337ab7; }\n            #actionTabs .tabs .panes .pane .checkBoxLine .checkBox .cbx:checked ~ label:after {\n              left: 20px;\n              background: #164975; }\n            #actionTabs .tabs .panes .pane .checkBoxLine .checkBox .hidden {\n              display: none; }\n        #actionTabs .tabs .panes .pane .textureLine {\n          display: grid;\n          grid-template-rows: 30px auto; }\n          #actionTabs .tabs .panes .pane .textureLine .control {\n            margin-top: 2px;\n            grid-row: 1;\n            display: grid;\n            grid-template-columns: 1fr 40px 40px 40px 40px 40px 1fr; }\n            #actionTabs .tabs .panes .pane .textureLine .control .red {\n              grid-column: 2; }\n            #actionTabs .tabs .panes .pane .textureLine .control .green {\n              grid-column: 3; }\n            #actionTabs .tabs .panes .pane .textureLine .control .blue {\n              grid-column: 4; }\n            #actionTabs .tabs .panes .pane .textureLine .control .alpha {\n              grid-column: 5; }\n            #actionTabs .tabs .panes .pane .textureLine .control .all {\n              grid-column: 6; }\n          #actionTabs .tabs .panes .pane .textureLine .control3D {\n            margin-top: 2px;\n            grid-row: 1;\n            display: grid;\n            grid-template-columns: 1fr 40px 40px 40px 40px 40px 40px 1fr; }\n            #actionTabs .tabs .panes .pane .textureLine .control3D .px {\n              grid-column: 2; }\n            #actionTabs .tabs .panes .pane .textureLine .control3D .nx {\n              grid-column: 3; }\n            #actionTabs .tabs .panes .pane .textureLine .control3D .py {\n              grid-column: 4; }\n            #actionTabs .tabs .panes .pane .textureLine .control3D .ny {\n              grid-column: 5; }\n            #actionTabs .tabs .panes .pane .textureLine .control3D .pz {\n              grid-column: 6; }\n            #actionTabs .tabs .panes .pane .textureLine .control3D .nz {\n              grid-column: 7; }\n          #actionTabs .tabs .panes .pane .textureLine .command {\n            border: 1px solid transparent;\n            background: transparent;\n            color: white; }\n          #actionTabs .tabs .panes .pane .textureLine .selected {\n            border: 1px solid #337ab7; }\n          #actionTabs .tabs .panes .pane .textureLine .preview {\n            grid-row: 2;\n            display: grid;\n            align-self: center;\n            justify-self: center;\n            height: 256px;\n            width: 256px;\n            margin-top: 5px;\n            margin-bottom: 5px;\n            border: 2px solid rgba(255, 255, 255, 0.4); }\n        #actionTabs .tabs .panes .pane .gltf-extension-property {\n          margin-left: 30px;\n          border-left: 1px solid #337ab7; }\n        #actionTabs .tabs .panes .pane .floatLine {\n          padding-left: 5px;\n          height: 30px;\n          display: grid;\n          grid-template-columns: 1fr 120px; }\n          #actionTabs .tabs .panes .pane .floatLine .label {\n            grid-column: 1;\n            display: flex;\n            align-items: center; }\n          #actionTabs .tabs .panes .pane .floatLine .value {\n            grid-column: 2;\n            display: flex;\n            align-items: center; }\n            #actionTabs .tabs .panes .pane .floatLine .value input {\n              width: 110px; }\n        #actionTabs .tabs .panes .pane .sliderLine {\n          padding-left: 5px;\n          height: 30px;\n          display: grid;\n          grid-template-columns: 1fr auto; }\n          #actionTabs .tabs .panes .pane .sliderLine .label {\n            grid-column: 1;\n            display: flex;\n            align-items: center; }\n          #actionTabs .tabs .panes .pane .sliderLine .slider {\n            grid-column: 2;\n            margin-right: 5px;\n            display: flex;\n            align-items: center; }\n            #actionTabs .tabs .panes .pane .sliderLine .slider .range {\n              -webkit-appearance: none;\n              width: 120px;\n              height: 6px;\n              background: #d3d3d3;\n              border-radius: 5px;\n              outline: none;\n              opacity: 0.7;\n              -webkit-transition: .2s;\n              transition: opacity .2s; }\n            #actionTabs .tabs .panes .pane .sliderLine .slider .range:hover {\n              opacity: 1; }\n            #actionTabs .tabs .panes .pane .sliderLine .slider .range::-webkit-slider-thumb {\n              -webkit-appearance: none;\n              appearance: none;\n              width: 14px;\n              height: 14px;\n              border-radius: 50%;\n              background: #337ab7;\n              cursor: pointer; }\n            #actionTabs .tabs .panes .pane .sliderLine .slider .range::-moz-range-thumb {\n              width: 14px;\n              height: 14px;\n              border-radius: 50%;\n              background: #337ab7;\n              cursor: pointer; }\n        #actionTabs .tabs .panes .pane .color3Line {\n          padding-left: 5px;\n          display: grid; }\n          #actionTabs .tabs .panes .pane .color3Line .firstLine {\n            height: 30px;\n            display: grid;\n            grid-template-columns: 1fr auto 20px 20px; }\n            #actionTabs .tabs .panes .pane .color3Line .firstLine .label {\n              grid-column: 1;\n              display: flex;\n              align-items: center; }\n            #actionTabs .tabs .panes .pane .color3Line .firstLine .color3 {\n              grid-column: 2;\n              display: flex;\n              align-items: center; }\n              #actionTabs .tabs .panes .pane .color3Line .firstLine .color3 input[type="color"] {\n                -webkit-appearance: none;\n                border: 1px solid rgba(255, 255, 255, 0.5);\n                padding: 0;\n                width: 30px;\n                height: 20px; }\n              #actionTabs .tabs .panes .pane .color3Line .firstLine .color3 input[type="color"]::-webkit-color-swatch-wrapper {\n                padding: 0; }\n              #actionTabs .tabs .panes .pane .color3Line .firstLine .color3 input[type="color"]::-webkit-color-swatch {\n                border: none; }\n              #actionTabs .tabs .panes .pane .color3Line .firstLine .color3 input {\n                margin-right: 5px; }\n            #actionTabs .tabs .panes .pane .color3Line .firstLine .copy {\n              grid-column: 3;\n              display: grid;\n              align-items: center;\n              justify-items: center;\n              cursor: pointer; }\n            #actionTabs .tabs .panes .pane .color3Line .firstLine .expand {\n              grid-column: 4;\n              display: grid;\n              align-items: center;\n              justify-items: center;\n              cursor: pointer; }\n          #actionTabs .tabs .panes .pane .color3Line .secondLine {\n            display: grid;\n            padding-right: 5px;\n            border-left: 1px solid #337ab7; }\n            #actionTabs .tabs .panes .pane .color3Line .secondLine .numeric {\n              display: grid;\n              grid-template-columns: 1fr auto; }\n            #actionTabs .tabs .panes .pane .color3Line .secondLine .numeric-label {\n              text-align: right;\n              grid-column: 1;\n              display: flex;\n              align-items: center;\n              justify-self: right;\n              margin-right: 10px; }\n            #actionTabs .tabs .panes .pane .color3Line .secondLine .numeric-value {\n              width: 120px;\n              grid-column: 2;\n              display: flex;\n              align-items: center;\n              border: 1px solid #337ab7; }\n        #actionTabs .tabs .panes .pane .listLine {\n          padding-left: 5px;\n          height: 30px;\n          display: grid;\n          grid-template-columns: 1fr auto; }\n          #actionTabs .tabs .panes .pane .listLine .label {\n            grid-column: 1;\n            display: flex;\n            align-items: center; }\n          #actionTabs .tabs .panes .pane .listLine .options {\n            grid-column: 2;\n            display: flex;\n            align-items: center;\n            margin-right: 5px; }\n            #actionTabs .tabs .panes .pane .listLine .options select {\n              width: 115px; }\n        #actionTabs .tabs .panes .pane .paneContainer {\n          margin-top: 3px; }\n          #actionTabs .tabs .panes .pane .paneContainer .header {\n            display: grid;\n            grid-template-columns: 1fr auto;\n            background: #555555;\n            height: 30px;\n            padding-right: 5px;\n            cursor: pointer; }\n            #actionTabs .tabs .panes .pane .paneContainer .header .title {\n              margin-left: 5px;\n              grid-column: 1;\n              display: flex;\n              align-items: center; }\n            #actionTabs .tabs .panes .pane .paneContainer .header .collapse {\n              grid-column: 2;\n              display: flex;\n              align-items: center;\n              justify-items: center;\n              transform-origin: center; }\n              #actionTabs .tabs .panes .pane .paneContainer .header .collapse.closed {\n                transform: rotate(180deg); }\n          #actionTabs .tabs .panes .pane .paneContainer .paneList > div:not(:last-child) {\n            border-bottom: 0.5px solid rgba(255, 255, 255, 0.1); }\n',""])},function(e,t){e.exports=function(e){var t="undefined"!=typeof window&&window.location;if(!t)throw new Error("fixUrls requires window.location");if(!e||"string"!=typeof e)return e;var n=t.protocol+"//"+t.host,r=n+t.pathname.replace(/\/[^\/]*$/,"/");return e.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,function(e,t){var o,a=t.trim().replace(/^"(.*)"$/,function(e,t){return t}).replace(/^'(.*)'$/,function(e,t){return t});return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(a)?e:(o=0===a.indexOf("//")?a:0===a.indexOf("/")?n+a:r+a.replace(/^\.\//,""),"url("+JSON.stringify(o)+")")})}},function(e,t,n){var r=n(23);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(6)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(5)(!1)).push([e.i,'#scene-explorer-host {\n  position: absolute;\n  left: 0px;\n  top: 0px;\n  bottom: 0px; }\n  #scene-explorer-host:focus {\n    outline: none; }\n\n#__resizable_base__ {\n  display: none; }\n\n#sceneExplorer {\n  background: #333333;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  display: grid;\n  grid-template-rows: auto 1fr;\n  font: 14px "Arial"; }\n  #sceneExplorer:focus {\n    outline: none; }\n  #sceneExplorer #header {\n    height: 30px;\n    font-size: 16px;\n    color: white;\n    background: #222222;\n    grid-row: 1;\n    text-align: center;\n    display: grid;\n    grid-template-columns: 30px 1fr 50px;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none; }\n    #sceneExplorer #header #logo {\n      position: relative;\n      grid-column: 1;\n      width: 24px;\n      height: 24px;\n      display: flex;\n      align-self: center;\n      justify-self: center; }\n    #sceneExplorer #header #title {\n      grid-column: 2;\n      display: grid;\n      align-items: center;\n      text-align: center; }\n    #sceneExplorer #header #commands {\n      grid-column: 3;\n      display: grid;\n      align-items: center;\n      grid-template-columns: 1fr 1fr; }\n      #sceneExplorer #header #commands .expand {\n        grid-column: 1;\n        display: grid;\n        align-items: center;\n        justify-items: center;\n        cursor: pointer; }\n      #sceneExplorer #header #commands .close {\n        grid-column: 2;\n        display: grid;\n        align-items: center;\n        justify-items: center;\n        cursor: pointer; }\n  #sceneExplorer #tree {\n    grid-row: 2;\n    overflow-x: hidden;\n    overflow-y: auto; }\n  #sceneExplorer .filter {\n    display: flex;\n    align-items: stretch; }\n    #sceneExplorer .filter input {\n      width: 100%;\n      margin: 10px 40px 5px 40px;\n      display: block;\n      border: none;\n      padding: 0;\n      border-bottom: solid 1px #337ab7;\n      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, #337ab7 4%);\n      background-position: -1000px 0;\n      background-size: 1000px 100%;\n      background-repeat: no-repeat;\n      color: white; }\n    #sceneExplorer .filter input:focus {\n      box-shadow: none;\n      outline: none;\n      background-position: 0 0; }\n  #sceneExplorer .groupContainer {\n    margin-left: 0px;\n    color: white;\n    margin-top: 0px;\n    margin-bottom: 0px;\n    height: 24px;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    align-self: center;\n    display: grid;\n    align-items: center; }\n    #sceneExplorer .groupContainer:hover {\n      background: #444444; }\n    #sceneExplorer .groupContainer .expandableHeader {\n      display: grid;\n      grid-template-columns: 1fr 20px; }\n      #sceneExplorer .groupContainer .expandableHeader .text {\n        grid-column: 1;\n        display: grid;\n        grid-template-columns: 20px 1fr; }\n        #sceneExplorer .groupContainer .expandableHeader .text .arrow {\n          grid-column: 1;\n          margin-left: 0px;\n          color: white;\n          cursor: pointer;\n          display: inline-block;\n          margin-right: 6px;\n          opacity: 0.5; }\n        #sceneExplorer .groupContainer .expandableHeader .text .text-value {\n          grid-column: 2;\n          display: flex;\n          align-items: center; }\n      #sceneExplorer .groupContainer .expandableHeader .expandAll {\n        opacity: 0.5;\n        grid-column: 2;\n        margin-right: 10px; }\n  #sceneExplorer .icon {\n    display: grid;\n    align-items: center;\n    justify-items: center;\n    cursor: pointer; }\n  #sceneExplorer .itemContainer {\n    margin-left: 0px;\n    color: white;\n    margin-top: 0px;\n    margin-bottom: 0px;\n    height: 24px;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    display: grid;\n    grid-template-columns: 20px 1fr; }\n    #sceneExplorer .itemContainer:hover {\n      background: #444444; }\n    #sceneExplorer .itemContainer.selected {\n      background: #bbbbbb;\n      color: black; }\n    #sceneExplorer .itemContainer .isNotActive {\n      opacity: 0.3; }\n    #sceneExplorer .itemContainer .arrow {\n      grid-column: 1;\n      color: white;\n      opacity: 0.6; }\n    #sceneExplorer .itemContainer .popup {\n      width: 200px;\n      visibility: hidden;\n      background-color: #444444;\n      color: #fff;\n      border: 1px solid rgba(255, 255, 255, 0.5);\n      position: absolute;\n      z-index: 1;\n      margin-left: -180px;\n      box-sizing: border-box; }\n      #sceneExplorer .itemContainer .popup.show {\n        visibility: visible; }\n      #sceneExplorer .itemContainer .popup:focus {\n        outline: none; }\n      #sceneExplorer .itemContainer .popup .popupMenu {\n        padding: 6px 5px 5px 10px;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        height: 18px; }\n        #sceneExplorer .itemContainer .popup .popupMenu:hover {\n          background: white;\n          color: #333333; }\n    #sceneExplorer .itemContainer .sceneNode {\n      grid-column: 2;\n      margin-left: -10px;\n      display: grid;\n      grid-template-columns: 1fr 20px 20px 20px 10px 20px 20px auto 5px;\n      align-items: center;\n      cursor: pointer; }\n      #sceneExplorer .itemContainer .sceneNode .sceneTitle {\n        grid-column: 1;\n        margin-right: 5px;\n        display: flex;\n        align-items: center;\n        height: 24px; }\n      #sceneExplorer .itemContainer .sceneNode .translation {\n        grid-column: 2;\n        opacity: 0.6; }\n        #sceneExplorer .itemContainer .sceneNode .translation.selected {\n          opacity: 1; }\n      #sceneExplorer .itemContainer .sceneNode .rotation {\n        grid-column: 3;\n        opacity: 0.6; }\n        #sceneExplorer .itemContainer .sceneNode .rotation.selected {\n          opacity: 1; }\n      #sceneExplorer .itemContainer .sceneNode .scaling {\n        grid-column: 4;\n        opacity: 0.6; }\n        #sceneExplorer .itemContainer .sceneNode .scaling.selected {\n          opacity: 1; }\n      #sceneExplorer .itemContainer .sceneNode .separator {\n        grid-column: 5;\n        margin-left: 5px;\n        width: 5px;\n        display: flex;\n        align-items: center;\n        height: 18px;\n        border-left: solid 1px #337ab7; }\n      #sceneExplorer .itemContainer .sceneNode .pickingMode {\n        grid-column: 6;\n        opacity: 0.6; }\n        #sceneExplorer .itemContainer .sceneNode .pickingMode.selected {\n          opacity: 1; }\n      #sceneExplorer .itemContainer .sceneNode .refresh {\n        grid-column: 7; }\n      #sceneExplorer .itemContainer .sceneNode .extensions {\n        width: 20px;\n        grid-column: 8; }\n    #sceneExplorer .itemContainer .animationGroupTools {\n      grid-column: 2;\n      width: 100%;\n      display: grid;\n      grid-template-columns: 1fr auto 5px;\n      align-items: center;\n      min-width: 0; }\n      #sceneExplorer .itemContainer .animationGroupTools .extensions {\n        width: 20px;\n        grid-column: 2; }\n    #sceneExplorer .itemContainer .meshTools {\n      grid-column: 2;\n      width: 100%;\n      display: grid;\n      grid-template-columns: 1fr 20px 20px auto 5px;\n      align-items: center;\n      min-width: 0; }\n      #sceneExplorer .itemContainer .meshTools .gizmo {\n        grid-column: 2;\n        opacity: 0.5; }\n        #sceneExplorer .itemContainer .meshTools .gizmo.selected {\n          opacity: 1; }\n      #sceneExplorer .itemContainer .meshTools .visibility {\n        grid-column: 3; }\n      #sceneExplorer .itemContainer .meshTools .extensions {\n        width: 20px;\n        grid-column: 4; }\n    #sceneExplorer .itemContainer .cameraTools {\n      grid-column: 2;\n      display: grid;\n      grid-template-columns: 1fr 20px auto 5px;\n      align-items: center; }\n      #sceneExplorer .itemContainer .cameraTools .activeCamera {\n        grid-column: 2; }\n      #sceneExplorer .itemContainer .cameraTools .extensions {\n        width: 20px;\n        grid-column: 3; }\n    #sceneExplorer .itemContainer .lightTools {\n      grid-column: 2;\n      display: grid;\n      grid-template-columns: 1fr 20px auto 5px;\n      align-items: center; }\n      #sceneExplorer .itemContainer .lightTools .enableLight {\n        grid-column: 2; }\n      #sceneExplorer .itemContainer .lightTools .extensions {\n        width: 20px;\n        grid-column: 3; }\n    #sceneExplorer .itemContainer .materialTools {\n      grid-column: 2;\n      display: grid;\n      grid-template-columns: 1fr auto 5px;\n      align-items: center; }\n      #sceneExplorer .itemContainer .materialTools .extensions {\n        width: 20px;\n        grid-column: 2; }\n    #sceneExplorer .itemContainer .textureTools {\n      grid-column: 2;\n      display: grid;\n      grid-template-columns: 1fr auto 5px;\n      align-items: center; }\n      #sceneExplorer .itemContainer .textureTools .extensions {\n        width: 20px;\n        grid-column: 2; }\n    #sceneExplorer .itemContainer .adtextureTools {\n      grid-column: 2;\n      display: grid;\n      grid-template-columns: 1fr 20px auto 5px;\n      align-items: center; }\n      #sceneExplorer .itemContainer .adtextureTools .pickingMode {\n        grid-column: 2;\n        opacity: 0.6; }\n        #sceneExplorer .itemContainer .adtextureTools .pickingMode.selected {\n          opacity: 1; }\n      #sceneExplorer .itemContainer .adtextureTools .extensions {\n        width: 20px;\n        grid-column: 3; }\n    #sceneExplorer .itemContainer .controlTools {\n      grid-column: 2;\n      display: grid;\n      grid-template-columns: 1fr 20px 20px auto 5px;\n      align-items: center; }\n      #sceneExplorer .itemContainer .controlTools .highlight {\n        grid-column: 2; }\n      #sceneExplorer .itemContainer .controlTools .visibility {\n        grid-column: 3; }\n      #sceneExplorer .itemContainer .controlTools .extensions {\n        width: 20px;\n        grid-column: 4; }\n    #sceneExplorer .itemContainer .transformNodeTools {\n      grid-column: 2;\n      display: grid;\n      grid-template-columns: 1fr auto 5px;\n      align-items: center; }\n      #sceneExplorer .itemContainer .transformNodeTools .extensions {\n        width: 20px;\n        grid-column: 2; }\n    #sceneExplorer .itemContainer .title {\n      grid-column: 1;\n      background: transparent;\n      white-space: nowrap;\n      overflow: hidden;\n      min-width: 0;\n      margin-right: 5px;\n      display: grid;\n      align-items: center;\n      grid-template-columns: 25px 1fr;\n      height: 24px;\n      cursor: pointer; }\n      #sceneExplorer .itemContainer .title .titleIcon {\n        grid-column: 1;\n        display: grid;\n        align-items: center;\n        justify-items: center; }\n      #sceneExplorer .itemContainer .title .titleText {\n        grid-column: 2;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        overflow: hidden; }\n',""])},function(e,t,n){
/*! Split.js - v1.5.9 */
e.exports=function(){"use strict";var e=window,t=e.document,n="addEventListener",r="removeEventListener",o="getBoundingClientRect",a="_a",i="_b",l="_c",s="horizontal",c=function(){return!1},p=e.attachEvent&&!e[n],u=["","-webkit-","-moz-","-o-"].filter(function(e){var n=t.createElement("div");return n.style.cssText="width:"+e+"calc(9px)",!!n.style.length}).shift()+"calc",d=function(e){return"string"==typeof e||e instanceof String},h=function(e){if(d(e)){var n=t.querySelector(e);if(!n)throw new Error("Selector "+e+" did not match a DOM element");return n}return e},f=function(e,t,n){var r=e[t];return void 0!==r?r:n},b=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},m=function(e,n){var r=t.createElement("div");return r.className="gutter gutter-"+n,r},v=function(e,t,n){var r={};return d(t)?r[e]=t:r[e]=p?t+"%":u+"("+t+"% - "+n+"px)",r},g=function(e,t){var n;return(n={})[e]=t+"px",n};return function(u,d){void 0===d&&(d={});var y,O,C,E,x,_,S=u;Array.from&&(S=Array.from(S));var P=h(S[0]),w=P.parentNode,k=getComputedStyle?getComputedStyle(w).flexDirection:null,N=f(d,"sizes")||S.map(function(){return 100/S.length}),T=f(d,"minSize",100),L=Array.isArray(T)?T:S.map(function(){return T}),A=f(d,"expandToMin",!1),j=f(d,"gutterSize",10),M=f(d,"gutterAlign","center"),B=f(d,"snapOffset",30),R=f(d,"dragInterval",1),z=f(d,"direction",s),I=f(d,"cursor",z===s?"col-resize":"row-resize"),D=f(d,"gutter",m),F=f(d,"elementStyle",v),V=f(d,"gutterStyle",g);function H(e,t,n,r){var o=F(y,t,n,r);Object.keys(o).forEach(function(t){e.style[t]=o[t]})}function U(){return _.map(function(e){return e.size})}function G(e){return"touches"in e?e.touches[0][O]:e[O]}function Y(e){var t=_[this.a],n=_[this.b],r=t.size+n.size;t.size=e/this.size*r,n.size=r-e/this.size*r,H(t.element,t.size,this[i],t.i),H(n.element,n.size,this[l],n.i)}function W(){var e=_[this.a].element,t=_[this.b].element,n=e[o](),r=t[o]();this.size=n[y]+r[y]+this[i]+this[l],this.start=n[C],this.end=n[E]}function X(e){var t=function(e){if(!getComputedStyle)return null;var t=getComputedStyle(e),n=e[x];return 0===n?null:n-=z===s?parseFloat(t.paddingLeft)+parseFloat(t.paddingRight):parseFloat(t.paddingTop)+parseFloat(t.paddingBottom)}(w);if(null===t)return e;var n=0,r=[],o=e.map(function(o,a){var i=t*o/100,l=b(j,0===a,a===e.length-1,M),s=L[a]+l;return i<s?(n+=s-i,r.push(0),s):(r.push(i-s),i)});return 0===n?e:o.map(function(e,o){var a=e;if(n>0&&r[o]-n>0){var i=Math.min(n,r[o]-n);n-=i,a=e-i}return a/t*100})}function K(o){if(!("button"in o&&0!==o.button)){var a=_[this.a].element,s=_[this.b].element;this.dragging||f(d,"onDragStart",c)(U()),o.preventDefault(),this.dragging=!0,this.move=function(e){var t,n=_[this.a],r=_[this.b];this.dragging&&(t=G(e)-this.start+(this[i]-this.dragOffset),R>1&&(t=Math.round(t/R)*R),t<=n.minSize+B+this[i]?t=n.minSize+this[i]:t>=this.size-(r.minSize+B+this[l])&&(t=this.size-(r.minSize+this[l])),Y.call(this,t),f(d,"onDrag",c)())}.bind(this),this.stop=function(){var n=_[this.a].element,o=_[this.b].element;this.dragging&&f(d,"onDragEnd",c)(U()),this.dragging=!1,e[r]("mouseup",this.stop),e[r]("touchend",this.stop),e[r]("touchcancel",this.stop),e[r]("mousemove",this.move),e[r]("touchmove",this.move),this.stop=null,this.move=null,n[r]("selectstart",c),n[r]("dragstart",c),o[r]("selectstart",c),o[r]("dragstart",c),n.style.userSelect="",n.style.webkitUserSelect="",n.style.MozUserSelect="",n.style.pointerEvents="",o.style.userSelect="",o.style.webkitUserSelect="",o.style.MozUserSelect="",o.style.pointerEvents="",this.gutter.style.cursor="",this.parent.style.cursor="",t.body.style.cursor=""}.bind(this),e[n]("mouseup",this.stop),e[n]("touchend",this.stop),e[n]("touchcancel",this.stop),e[n]("mousemove",this.move),e[n]("touchmove",this.move),a[n]("selectstart",c),a[n]("dragstart",c),s[n]("selectstart",c),s[n]("dragstart",c),a.style.userSelect="none",a.style.webkitUserSelect="none",a.style.MozUserSelect="none",a.style.pointerEvents="none",s.style.userSelect="none",s.style.webkitUserSelect="none",s.style.MozUserSelect="none",s.style.pointerEvents="none",this.gutter.style.cursor=I,this.parent.style.cursor=I,t.body.style.cursor=I,W.call(this),this.dragOffset=G(o)-this.end}}z===s?(y="width",O="clientX",C="left",E="right",x="clientWidth"):"vertical"===z&&(y="height",O="clientY",C="top",E="bottom",x="clientHeight"),N=X(N);var q=[];function $(e){var t=e.i===q.length,n=t?q[e.i-1]:q[e.i];W.call(n);var r=t?n.size-e.minSize-n[l]:e.minSize+n[i];Y.call(n,r)}function Q(e){var t=X(e);t.forEach(function(e,n){if(n>0){var r=q[n-1],o=_[r.a],a=_[r.b];o.size=t[n-1],a.size=e,H(o.element,o.size,r[i]),H(a.element,a.size,r[l])}})}function Z(e,t){q.forEach(function(n){if(!0!==t?n.parent.removeChild(n.gutter):(n.gutter[r]("mousedown",n[a]),n.gutter[r]("touchstart",n[a])),!0!==e){var o=F(y,n.a.size,n[i]);Object.keys(o).forEach(function(e){_[n.a].element.style[e]="",_[n.b].element.style[e]=""})}})}return(_=S.map(function(e,t){var r,o={element:h(e),size:N[t],minSize:L[t],i:t};if(t>0&&((r={a:t-1,b:t,dragging:!1,direction:z,parent:w})[i]=b(j,t-1==0,!1,M),r[l]=b(j,!1,t===S.length-1,M),"row-reverse"===k||"column-reverse"===k)){var s=r.a;r.a=r.b,r.b=s}if(!p&&t>0){var c=D(t,z,o.element);!function(e,t,n){var r=V(y,t,n);Object.keys(r).forEach(function(t){e.style[t]=r[t]})}(c,j,t),r[a]=K.bind(r),c[n]("mousedown",r[a]),c[n]("touchstart",r[a]),w.insertBefore(c,o.element),r.gutter=c}return H(o.element,o.size,b(j,0===t,t===S.length-1,M)),t>0&&q.push(r),o})).forEach(function(e){var t=e.element[o]()[y];t<e.minSize&&(A?$(e):e.minSize=t)}),p?{setSizes:Q,destroy:Z}:{setSizes:Q,getSizes:U,collapse:function(e){$(_[e])},destroy:Z,parent:w,pairs:q}}}()},function(e,t,n){var r=n(26);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(6)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(5)(!1)).push([e.i,'#embed-host {\n  position: absolute;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; }\n\n#__resizable_base__ {\n  display: none; }\n\n#embed {\n  background: #333333;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  display: grid;\n  grid-template-rows: 30px 1fr;\n  font: 14px "Arial";\n  overflow: hidden; }\n  #embed #header {\n    font-size: 16px;\n    color: white;\n    background: #222222;\n    grid-row: 1;\n    text-align: center;\n    display: grid;\n    grid-template-columns: 30px 1fr 50px;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none; }\n    #embed #header #logo {\n      grid-column: 1;\n      width: 24px;\n      height: 24px;\n      display: flex;\n      align-self: center;\n      justify-self: center; }\n    #embed #header #back {\n      grid-column: 1;\n      display: grid;\n      align-self: center;\n      justify-self: center;\n      cursor: pointer; }\n    #embed #header #title {\n      grid-column: 2;\n      display: grid;\n      align-items: center;\n      text-align: center; }\n    #embed #header #commands {\n      grid-column: 3;\n      display: grid;\n      align-items: center;\n      grid-template-columns: 1fr 1fr; }\n      #embed #header #commands .expand {\n        grid-column: 1;\n        display: grid;\n        align-items: center;\n        justify-items: center;\n        cursor: pointer; }\n      #embed #header #commands .close {\n        grid-column: 2;\n        display: grid;\n        align-items: center;\n        justify-items: center;\n        cursor: pointer; }\n  #embed #split {\n    grid-row: 2;\n    overflow: hidden; }\n    #embed #split.splitPopup {\n      display: grid;\n      grid-template-rows: 300px 2px 1fr; }\n      #embed #split.splitPopup .panes {\n        margin-bottom: 1px; }\n    #embed #split #topPart {\n      grid-row: 1;\n      overflow: hidden;\n      display: grid;\n      grid-auto-rows: 100%; }\n    #embed #split #separator {\n      grid-row: 2;\n      background: white;\n      opacity: 0.1; }\n    #embed #split #bottomPart {\n      overflow: hidden;\n      grid-row: 3;\n      display: grid;\n      grid-auto-rows: 100%; }\n    #embed #split .gutter.gutter-vertical {\n      background-image: none;\n      background: #444444;\n      cursor: row-resize; }\n',""])},function(e,t,n){var r=n(28);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(6)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(5)(!1)).push([e.i,"",""])}])});
//# sourceMappingURL=babylon.inspector.bundle.js.map