!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("babylonjs"),require("babylonjs-gui"),require("babylonjs-loaders"),require("babylonjs-materials"),require("babylonjs-serializers")):"function"==typeof define&&define.amd?define("babylonjs-inspector",["babylonjs","babylonjs-gui","babylonjs-loaders","babylonjs-materials","babylonjs-serializers"],t):"object"==typeof exports?exports["babylonjs-inspector"]=t(require("babylonjs"),require("babylonjs-gui"),require("babylonjs-loaders"),require("babylonjs-materials"),require("babylonjs-serializers")):e.INSPECTOR=t(e.BABYLON,e.BABYLON.GUI,e.BABYLON,e.BABYLON,e.BABYLON)}("undefined"!=typeof self?self:"undefined"!=typeof global?global:this,(function(e,t,r,n,a){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var a=t[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,r),a.l=!0,a.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)r.d(n,a,function(t){return e[t]}.bind(null,a));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=98)}([function(e,t,r){"use strict";e.exports=r(99)},function(t,r){t.exports=e},function(e,t,r){e.exports=r(103)()},function(e,t,r){"use strict";(function(e){r.d(t,"a",(function(){return y}));var n=r(59),a=r(2),o=r.n(a),i=r(0),l=r.n(i),s="undefined"!=typeof window?window:void 0!==e?e:"undefined"!=typeof self?self:{};var p=function(e,t){return e(t={exports:{}},t.exports),t.exports}((function(e){!function(t){var r=function(e,t,n){if(!s(t)||c(t)||u(t)||d(t)||l(t))return t;var a,o=0,i=0;if(p(t))for(a=[],i=t.length;o<i;o++)a.push(r(e,t[o],n));else for(var h in a={},t)Object.prototype.hasOwnProperty.call(t,h)&&(a[e(h,n)]=r(e,t[h],n));return a},n=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)},a=function(e){var t=n(e);return t.substr(0,1).toUpperCase()+t.substr(1)},o=function(e,t){return function(e,t){var r=(t=t||{}).separator||"_",n=t.split||/(?=[A-Z])/;return e.split(n).join(r)}(e,t).toLowerCase()},i=Object.prototype.toString,l=function(e){return"function"==typeof e},s=function(e){return e===Object(e)},p=function(e){return"[object Array]"==i.call(e)},c=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},b=function(e,t){var r=t&&"process"in t?t.process:t;return"function"!=typeof r?e:function(t,n){return r(t,e,n)}},f={camelize:n,decamelize:o,pascalize:a,depascalize:o,camelizeKeys:function(e,t){return r(b(n,t),e)},decamelizeKeys:function(e,t){return r(b(o,t),e,t)},pascalizeKeys:function(e,t){return r(b(a,t),e)},depascalizeKeys:function(){return this.decamelizeKeys.apply(this,arguments)}};e.exports?e.exports=f:t.humps=f}(s)})),c="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,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e},d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},h=function(e,t){var r={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r},b=function(e){if(Array.isArray(e)){for(var t=0,r=Array(e.length);t<e.length;t++)r[t]=e[t];return r}return Array.from(e)};function f(e){return e.split(";").map((function(e){return e.trim()})).filter((function(e){return e})).reduce((function(e,t){var r,n=t.indexOf(":"),a=p.camelize(t.slice(0,n)),o=t.slice(n+1).trim();return a.startsWith("webkit")?e[(r=a,r.charAt(0).toUpperCase()+r.slice(1))]=o:e[a]=o,e}),{})}var m=!1;try{m=!0}catch(e){}function g(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":c(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 y(e){var t=e.icon,r=e.mask,a=e.symbol,o=e.className,i=e.title,l=v(t),s=g("classes",[].concat(b(function(e){var t,r=(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(r).map((function(e){return r[e]?e:null})).filter((function(e){return e}))}(e)),b(o.split(" ")))),p=g("transform","string"==typeof e.transform?n.b.transform(e.transform):e.transform),c=g("mask",v(r)),h=Object(n.a)(l,d({},s,p,c,{symbol:a,title:i}));if(!h)return function(){var e;!m&&console&&"function"==typeof console.error&&(e=console).error.apply(e,arguments)}("Could not find icon",l),null;var f=h.abstract,E={};return Object.keys(e).forEach((function(t){y.defaultProps.hasOwnProperty(t)||(E[t]=e[t])})),C(f[0],E)}y.displayName="FontAwesomeIcon",y.propTypes={border:o.a.bool,className:o.a.string,mask:o.a.oneOfType([o.a.object,o.a.array,o.a.string]),fixedWidth:o.a.bool,inverse:o.a.bool,flip:o.a.oneOf(["horizontal","vertical","both"]),icon:o.a.oneOfType([o.a.object,o.a.array,o.a.string]),listItem:o.a.bool,pull:o.a.oneOf(["right","left"]),pulse:o.a.bool,rotation:o.a.oneOf([90,180,270]),size:o.a.oneOf(["lg","xs","sm","1x","2x","3x","4x","5x","6x","7x","8x","9x","10x"]),spin:o.a.bool,symbol:o.a.oneOfType([o.a.bool,o.a.string]),title:o.a.string,transform:o.a.oneOfType([o.a.string,o.a.object])},y.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 C=function e(t,r){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if("string"==typeof r)return r;var a=(r.children||[]).map(e.bind(null,t)),o=Object.keys(r.attributes||{}).reduce((function(e,t){var n=r.attributes[t];switch(t){case"class":e.attrs.className=n,delete r.attributes.class;break;case"style":e.attrs.style=f(n);break;default:0===t.indexOf("aria-")||0===t.indexOf("data-")?e.attrs[t.toLowerCase()]=n:e.attrs[p.camelize(t)]=n}return e}),{attrs:{}}),i=n.style,l=void 0===i?{}:i,s=h(n,["style"]);return o.attrs.style=d({},o.attrs.style,l),t.apply(void 0,[r.tag,d({},o.attrs,s)].concat(b(a)))}.bind(null,l.a.createElement)}).call(this,r(40))},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ReactCSS=t.loop=t.handleActive=t.handleHover=t.hover=void 0;var n=p(r(106)),a=p(r(177)),o=p(r(197)),i=p(r(198)),l=p(r(199)),s=p(r(200));function p(e){return e&&e.__esModule?e:{default:e}}t.hover=i.default,t.handleHover=i.default,t.handleActive=l.default,t.loop=s.default;var c=t.ReactCSS=function(e){for(var t=arguments.length,r=Array(t>1?t-1:0),i=1;i<t;i++)r[i-1]=arguments[i];var l=(0,n.default)(r),s=(0,a.default)(e,l);return(0,o.default)(s)};t.default=c},function(e,r){e.exports=t},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(201);Object.defineProperty(t,"Alpha",{enumerable:!0,get:function(){return u(n).default}});var a=r(58);Object.defineProperty(t,"Checkboard",{enumerable:!0,get:function(){return u(a).default}});var o=r(204);Object.defineProperty(t,"EditableInput",{enumerable:!0,get:function(){return u(o).default}});var i=r(205);Object.defineProperty(t,"Hue",{enumerable:!0,get:function(){return u(i).default}});var l=r(207);Object.defineProperty(t,"Raised",{enumerable:!0,get:function(){return u(l).default}});var s=r(221);Object.defineProperty(t,"Saturation",{enumerable:!0,get:function(){return u(s).default}});var p=r(92);Object.defineProperty(t,"ColorWrap",{enumerable:!0,get:function(){return u(p).default}});var c=r(229);function u(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"Swatch",{enumerable:!0,get:function(){return u(c).default}})},function(e,t,r){"use strict";
/*
object-assign
(c) Sindre Sorhus
@license MIT
*/var n=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable;function i(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},r=0;r<10;r++)t["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var r,l,s=i(e),p=1;p<arguments.length;p++){for(var c in r=Object(arguments[p]))a.call(r,c)&&(s[c]=r[c]);if(n){l=n(r);for(var u=0;u<l.length;u++)o.call(r,l[u])&&(s[l[u]]=r[l[u]])}}return s}},function(e,t,r){"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE){0;try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(e){console.error(e)}}}(),e.exports=r(100)},function(e,t,r){var n;
/*!
  Copyright (c) 2017 Jed Watson.
  Licensed under the MIT License (MIT), see
  http://jedwatson.github.io/classnames
*/!function(){"use strict";var r={}.hasOwnProperty;function a(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var o=typeof n;if("string"===o||"number"===o)e.push(n);else if(Array.isArray(n)&&n.length){var i=a.apply(null,n);i&&e.push(i)}else if("object"===o)for(var l in n)r.call(n,l)&&n[l]&&e.push(l)}}return e.join(" ")}e.exports?(a.default=a,e.exports=a):void 0===(n=function(){return a}.apply(t,[]))||(e.exports=n)}()},function(e,t){var r=Array.isArray;e.exports=r},function(e,t,r){var n=r(208),a=r(212)((function(e,t,r){n(e,t,r)}));e.exports=a},function(e,t){e.exports=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}},function(e,t,r){var n=r(60),a="object"==typeof self&&self&&self.Object===Object&&self,o=n||a||Function("return this")();e.exports=o},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.red=t.getContrastingColor=t.isValidHex=t.toState=t.simpleCheckForValidColor=void 0;var n=o(r(226)),a=o(r(228));function o(e){return e&&e.__esModule?e:{default:e}}t.simpleCheckForValidColor=function(e){var t=0,r=0;return(0,n.default)(["r","g","b","a","h","s","l","v"],(function(n){if(e[n]&&(t+=1,isNaN(e[n])||(r+=1),"s"===n||"l"===n)){/^\d+%$/.test(e[n])&&(r+=1)}})),t===r&&e};var i=t.toState=function(e,t){var r=e.hex?(0,a.default)(e.hex):(0,a.default)(e),n=r.toHsl(),o=r.toHsv(),i=r.toRgb(),l=r.toHex();return 0===n.s&&(n.h=t||0,o.h=t||0),{hsl:n,hex:"000000"===l&&0===i.a?"transparent":"#"+l,rgb:i,hsv:o,oldHue:e.h||t||n.h,source:e.source}};t.isValidHex=function(e){var t="#"===String(e).charAt(0)?1:0;return e.length!==4+t&&e.length<7+t&&(0,a.default)(e).isValid()},t.getContrastingColor=function(e){if(!e)return"#fff";var t=i(e);return"transparent"===t.hex?"rgba(0,0,0,0.4)":(299*t.rgb.r+587*t.rgb.g+114*t.rgb.b)/1e3>=128?"#000":"#fff"},t.red={hsl:{a:1,h:0,l:.5,s:1},hex:"#ff0000",rgb:{r:255,g:0,b:0,a:1},hsv:{h:0,s:1,v:1,a:1}};t.default=t},function(e,t){e.exports=function(e){return null!=e&&"object"==typeof e}},function(e,t,r){var n=r(67),a=r(117),o=r(175),i=r(10);e.exports=function(e,t){return(i(e)?n:o)(e,a(t,3))}},function(e,t){e.exports=r},function(e,t,r){var n=r(22),a=r(108),o=r(109),i=n?n.toStringTag:void 0;e.exports=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":i&&i in Object(e)?a(e):o(e)}},function(e,t,r){var n=r(130),a=r(133);e.exports=function(e,t){var r=a(e,t);return n(r)?r:void 0}},function(e,t,r){var n=r(50),a=r(46);e.exports=function(e){return null!=e&&a(e.length)&&!n(e)}},function(e,t,r){"use strict";var n=r(0),a=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},i={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"}},l=function(e){return n.createElement("div",{className:e.className,style:o({},i.base,i[e.direction],e.replaceStyles||{}),onMouseDown:function(t){e.onResizeStart(t,e.direction)},onTouchStart:function(t){e.onResizeStart(t,e.direction)}},e.children)},s={userSelect:"none",MozUserSelect:"none",WebkitUserSelect:"none",MsUserSelect:"none"},p={userSelect:"auto",MozUserSelect:"auto",WebkitUserSelect:"auto",MsUserSelect:"auto"},c=function(e,t,r){return Math.max(Math.min(e,r),t)},u=function(e,t){return Math.round(e/t)*t},d=function(e,t){return t.reduce((function(t,r){return Math.abs(r-e)<Math.abs(t-e)?r:t}))},h=function(e,t){return e.substr(e.length-t.length,t.length)===t},b=function(e){return"auto"===e.toString()||h(e.toString(),"px")||h(e.toString(),"%")||h(e.toString(),"vh")||h(e.toString(),"vw")||h(e.toString(),"vmax")||h(e.toString(),"vmin")?e.toString():e+"px"},f=["style","className","grid","snap","bounds","size","defaultSize","minWidth","minHeight","maxWidth","maxHeight","lockAspectRatio","lockAspectRatioExtraWidth","lockAspectRatioExtraHeight","enable","handleStyles","handleClasses","handleWrapperStyle","handleWrapperClass","children","onResizeStart","onResize","onResizeStop","handleComponent"],m=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var r=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return r.state={isResizing:!1,resizeCursor:"auto",width:void 0===(r.propsSize&&r.propsSize.width)?"auto":r.propsSize&&r.propsSize.width,height:void 0===(r.propsSize&&r.propsSize.height)?"auto":r.propsSize&&r.propsSize.height,direction:"right",original:{x:0,y:0,width:0,height:0}},r.updateExtendsProps(e),r.onResizeStart=r.onResizeStart.bind(r),r.onMouseMove=r.onMouseMove.bind(r),r.onMouseUp=r.onMouseUp.bind(r),"undefined"!=typeof window&&(window.addEventListener("mouseup",r.onMouseUp),window.addEventListener("mousemove",r.onMouseMove),window.addEventListener("mouseleave",r.onMouseUp),window.addEventListener("touchmove",r.onMouseMove),window.addEventListener("touchend",r.onMouseUp)),r}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,e),a(t,[{key:"updateExtendsProps",value:function(e){this.extendsProps=Object.keys(e).reduce((function(t,r){return-1!==f.indexOf(r)||(t[r]=e[r]),t}),{})}},{key:"getParentSize",value:function(){var e=this.base;if(!e)return{width:window.innerWidth,height:window.innerHeight};var t=!1,r=this.parentNode.style.flexWrap,n=e.style.minWidth;"wrap"!==r&&(t=!0,this.parentNode.style.flexWrap="wrap"),e.style.position="relative",e.style.minWidth="100%";var a={width:e.offsetWidth,height:e.offsetHeight};return e.style.position="absolute",t&&(this.parentNode.style.flexWrap=r),e.style.minWidth=n,a}},{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 r=document.createElement("div");r.style.width="100%",r.style.height="100%",r.style.position="absolute",r.style.transform="scale(0, 0)",r.style.left="0",r.style.flex="0",r.classList?r.classList.add("__resizable_base__"):r.className+="__resizable_base__",t.appendChild(r)}}},{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 r=this.propsSize&&this.propsSize[t];return"auto"!==this.state[t]||this.state.original[t]!==e||void 0!==r&&"auto"!==r?e:"auto"}},{key:"onResizeStart",value:function(e,t){var r=0,n=0;if(e.nativeEvent instanceof MouseEvent){if(r=e.nativeEvent.clientX,n=e.nativeEvent.clientY,3===e.nativeEvent.which)return}else e.nativeEvent instanceof TouchEvent&&(r=e.nativeEvent.touches[0].clientX,n=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:r,y:n,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,r=e instanceof MouseEvent?e.clientY:e.touches[0].clientY,n=this.state,a=n.direction,o=n.original,i=n.width,l=n.height,s=this.props,p=s.lockAspectRatio,b=s.lockAspectRatioExtraHeight,f=s.lockAspectRatioExtraWidth,m=this.props,g=m.maxWidth,v=m.maxHeight,y=m.minWidth,C=m.minHeight,E=this.getParentSize();if(g&&"string"==typeof g&&h(g,"%")){var x=Number(g.replace("%",""))/100;g=E.width*x}if(v&&"string"==typeof v&&h(v,"%")){var O=Number(v.replace("%",""))/100;v=E.height*O}if(y&&"string"==typeof y&&h(y,"%")){var S=Number(y.replace("%",""))/100;y=E.width*S}if(C&&"string"==typeof C&&h(C,"%")){var P=Number(C.replace("%",""))/100;C=E.height*P}g=void 0===g?void 0:Number(g),v=void 0===v?void 0:Number(v),y=void 0===y?void 0:Number(y),C=void 0===C?void 0:Number(C);var w="number"==typeof p?p:o.width/o.height,k=o.width,_=o.height;if(/right/i.test(a)&&(k=o.width+(t-o.x),p&&(_=(k-f)/w+b)),/left/i.test(a)&&(k=o.width-(t-o.x),p&&(_=(k-f)/w+b)),/bottom/i.test(a)&&(_=o.height+(r-o.y),p&&(k=(_-b)*w+f)),/top/i.test(a)&&(_=o.height-(r-o.y),p&&(k=(_-b)*w+f)),"parent"===this.props.bounds){var N=this.parentNode;if(N instanceof HTMLElement){var T=N.getBoundingClientRect(),M=T.left,R=T.top,A=this.resizable.getBoundingClientRect(),L=A.left,j=A.top,I=N.offsetWidth+(M-L),D=N.offsetHeight+(R-j);g=g&&g<I?g:I,v=v&&v<D?v:D}}else if("window"===this.props.bounds){if("undefined"!=typeof window){var z=this.resizable.getBoundingClientRect(),F=z.left,G=z.top,B=window.innerWidth-F,H=window.innerHeight-G;g=g&&g<B?g:B,v=v&&v<H?v:H}}else if(this.props.bounds instanceof HTMLElement){var U=this.props.bounds.getBoundingClientRect(),V=U.left,W=U.top,Y=this.resizable.getBoundingClientRect(),X=Y.left,K=Y.top;if(!(this.props.bounds instanceof HTMLElement))return;var q=this.props.bounds.offsetWidth+(V-X),Q=this.props.bounds.offsetHeight+(W-K);g=g&&g<q?g:q,v=v&&v<Q?v:Q}var $=void 0===y?10:y,Z=void 0===g||g<0?k:g,J=void 0===C?10:C,ee=void 0===v||v<0?_:v;if(p){var te=(J-b)*w+f,re=(ee-b)*w+f,ne=($-f)/w+b,ae=(Z-f)/w+b,oe=Math.max($,te),ie=Math.min(Z,re),le=Math.max(J,ne),se=Math.min(ee,ae);k=c(k,oe,ie),_=c(_,le,se)}else k=c(k,$,Z),_=c(_,J,ee);this.props.grid&&(k=u(k,this.props.grid[0])),this.props.grid&&(_=u(_,this.props.grid[1])),this.props.snap&&this.props.snap.x&&(k=d(k,this.props.snap.x)),this.props.snap&&this.props.snap.y&&(_=d(_,this.props.snap.y));var pe={width:k-o.width,height:_-o.height};if(i&&"string"==typeof i&&h(i,"%"))k=k/E.width*100+"%";if(l&&"string"==typeof l&&h(l,"%"))_=_/E.height*100+"%";this.setState({width:this.calculateNewSize(k,"width"),height:this.calculateNewSize(_,"height")}),this.props.onResize&&this.props.onResize(e,a,this.resizable,pe)}}},{key:"onMouseUp",value:function(e){var t=this.state,r=t.isResizing,n=t.direction,a=t.original;if(r){var o={width:this.size.width-a.width,height:this.size.height-a.height};this.props.onResizeStop&&this.props.onResizeStop(e,n,this.resizable,o),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,r=t.enable,a=t.handleStyles,o=t.handleClasses,i=t.handleWrapperStyle,s=t.handleWrapperClass,p=t.handleComponent;if(!r)return null;var c=Object.keys(r).map((function(t){return!1!==r[t]?n.createElement(l,{key:t,direction:t,onResizeStart:e.onResizeStart,replaceStyles:a&&a[t],className:o&&o[t]},p&&p[t]?n.createElement(p[t]):null):null}));return n.createElement("span",{className:s,style:i},c)}},{key:"render",value:function(){var e=this,t=this.state.isResizing?s:p;return n.createElement("div",o({ref:function(t){t&&(e.resizable=t)},style:o({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&&n.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),r=0;r<t.length;r+=1){var n=t[r];if(n instanceof HTMLElement&&n.classList.contains("__resizable_base__"))return n}}},{key:"size",get:function(){var e=0,t=0;if("undefined"!=typeof window){var r=this.resizable.offsetWidth,n=this.resizable.offsetHeight,a=this.resizable.style.position;"relative"!==a&&(this.resizable.style.position="relative"),e="auto"!==this.resizable.style.width?this.resizable.offsetWidth:r,t="auto"!==this.resizable.style.height?this.resizable.offsetHeight:n,this.resizable.style.position=a}return{width:e,height:t}}},{key:"sizeStyle",get:function(){var e=this,t=this.props.size,r=function(t){if(void 0===e.state[t]||"auto"===e.state[t])return"auto";if(e.propsSize&&e.propsSize[t]&&h(e.propsSize[t].toString(),"%")){if(h(e.state[t].toString(),"%"))return e.state[t].toString();var r=e.getParentSize();return Number(e.state[t].toString().replace("px",""))/r[t]*100+"%"}return b(e.state[t])};return{width:t&&void 0!==t.width&&!this.state.isResizing?b(t.width):r("width"),height:t&&void 0!==t.height&&!this.state.isResizing?b(t.height):r("height")}}}]),t}(n.Component);m.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},e.exports=m},function(e,t,r){var n=r(13).Symbol;e.exports=n},function(e,t,r){var n=r(63),a=r(115),o=r(20);e.exports=function(e){return o(e)?n(e):a(e)}},function(e,t){e.exports=function(e,t){return e===t||e!=e&&t!=t}},function(e,t,r){var n=r(82),a=r(56);e.exports=function(e,t,r,o){var i=!r;r||(r={});for(var l=-1,s=t.length;++l<s;){var p=t[l],c=o?o(r[p],e[p],p,r,e):void 0;void 0===c&&(c=e[p]),i?a(r,p,c):n(r,p,c)}return r}},function(e,t,r){(function(e){var n=r(13),a=r(113),o=t&&!t.nodeType&&t,i=o&&"object"==typeof e&&e&&!e.nodeType&&e,l=i&&i.exports===o?n.Buffer:void 0,s=(l?l.isBuffer:void 0)||a;e.exports=s}).call(this,r(43)(e))},function(e,t){e.exports=function(e){return e}},function(e,t,r){var n=r(29),a=r(125),o=r(126),i=r(127),l=r(128),s=r(129);function p(e){var t=this.__data__=new n(e);this.size=t.size}p.prototype.clear=a,p.prototype.delete=o,p.prototype.get=i,p.prototype.has=l,p.prototype.set=s,e.exports=p},function(e,t,r){var n=r(120),a=r(121),o=r(122),i=r(123),l=r(124);function s(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}s.prototype.clear=n,s.prototype.delete=a,s.prototype.get=o,s.prototype.has=i,s.prototype.set=l,e.exports=s},function(e,t,r){var n=r(24);e.exports=function(e,t){for(var r=e.length;r--;)if(n(e[r][0],t))return r;return-1}},function(e,t,r){var n=r(19)(Object,"create");e.exports=n},function(e,t,r){var n=r(142);e.exports=function(e,t){var r=e.__data__;return n(t)?r["string"==typeof t?"string":"hash"]:r.map}},function(e,t,r){var n=r(157),a=r(52),o=r(158),i=r(159),l=r(160),s=r(18),p=r(68),c=p(n),u=p(a),d=p(o),h=p(i),b=p(l),f=s;(n&&"[object DataView]"!=f(new n(new ArrayBuffer(1)))||a&&"[object Map]"!=f(new a)||o&&"[object Promise]"!=f(o.resolve())||i&&"[object Set]"!=f(new i)||l&&"[object WeakMap]"!=f(new l))&&(f=function(e){var t=s(e),r="[object Object]"==t?e.constructor:void 0,n=r?p(r):"";if(n)switch(n){case c:return"[object DataView]";case u:return"[object Map]";case d:return"[object Promise]";case h:return"[object Set]";case b:return"[object WeakMap]"}return t}),e.exports=f},function(e,t,r){var n=r(18),a=r(15);e.exports=function(e){return"symbol"==typeof e||a(e)&&"[object Symbol]"==n(e)}},function(e,t,r){var n=r(34);e.exports=function(e){if("string"==typeof e||n(e))return e;var t=e+"";return"0"==t&&1/e==-1/0?"-0":t}},function(e,t,r){var n=r(63),a=r(182),o=r(20);e.exports=function(e){return o(e)?n(e,!0):a(e)}},function(e,t){e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r=function(e,t){var r=e[1]||"",n=e[3];if(!n)return r;if(t&&"function"==typeof btoa){var a=(i=n,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */"),o=n.sources.map((function(e){return"/*# sourceURL="+n.sourceRoot+e+" */"}));return[r].concat(o).concat([a]).join("\n")}var i;return[r].join("\n")}(t,e);return t[2]?"@media "+t[2]+"{"+r+"}":r})).join("")},t.i=function(e,r){"string"==typeof e&&(e=[[null,e,""]]);for(var n={},a=0;a<this.length;a++){var o=this[a][0];"number"==typeof o&&(n[o]=!0)}for(a=0;a<e.length;a++){var i=e[a];"number"==typeof i[0]&&n[i[0]]||(r&&!i[2]?i[2]=r:r&&(i[2]="("+i[2]+") and ("+r+")"),t.push(i))}},t}},function(e,t,r){var n,a,o={},i=(n=function(){return window&&document&&document.all&&!window.atob},function(){return void 0===a&&(a=n.apply(this,arguments)),a}),l=function(e){return document.querySelector(e)},s=function(e){var t={};return function(e){if("function"==typeof e)return e();if(void 0===t[e]){var r=l.call(this,e);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}t[e]=r}return t[e]}}(),p=null,c=0,u=[],d=r(269);function h(e,t){for(var r=0;r<e.length;r++){var n=e[r],a=o[n.id];if(a){a.refs++;for(var i=0;i<a.parts.length;i++)a.parts[i](n.parts[i]);for(;i<n.parts.length;i++)a.parts.push(y(n.parts[i],t))}else{var l=[];for(i=0;i<n.parts.length;i++)l.push(y(n.parts[i],t));o[n.id]={id:n.id,refs:1,parts:l}}}}function b(e,t){for(var r=[],n={},a=0;a<e.length;a++){var o=e[a],i=t.base?o[0]+t.base:o[0],l={css:o[1],media:o[2],sourceMap:o[3]};n[i]?n[i].parts.push(l):r.push(n[i]={id:i,parts:[l]})}return r}function f(e,t){var r=s(e.insertInto);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var n=u[u.length-1];if("top"===e.insertAt)n?n.nextSibling?r.insertBefore(t,n.nextSibling):r.appendChild(t):r.insertBefore(t,r.firstChild),u.push(t);else if("bottom"===e.insertAt)r.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 a=s(e.insertInto+" "+e.insertAt.before);r.insertBefore(t,a)}}function m(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e);var t=u.indexOf(e);t>=0&&u.splice(t,1)}function g(e){var t=document.createElement("style");return void 0===e.attrs.type&&(e.attrs.type="text/css"),v(t,e.attrs),f(e,t),t}function v(e,t){Object.keys(t).forEach((function(r){e.setAttribute(r,t[r])}))}function y(e,t){var r,n,a,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var i=c++;r=p||(p=g(t)),n=x.bind(null,r,i,!1),a=x.bind(null,r,i,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(r=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",v(t,e.attrs),f(e,t),t}(t),n=S.bind(null,r,t),a=function(){m(r),r.href&&URL.revokeObjectURL(r.href)}):(r=g(t),n=O.bind(null,r),a=function(){m(r)});return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else a()}}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=i()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var r=b(e,t);return h(r,t),function(e){for(var n=[],a=0;a<r.length;a++){var i=r[a];(l=o[i.id]).refs--,n.push(l)}e&&h(b(e,t),t);for(a=0;a<n.length;a++){var l;if(0===(l=n[a]).refs){for(var s=0;s<l.parts.length;s++)l.parts[s]();delete o[l.id]}}}};var C,E=(C=[],function(e,t){return C[e]=t,C.filter(Boolean).join("\n")});function x(e,t,r,n){var a=r?"":n.css;if(e.styleSheet)e.styleSheet.cssText=E(t,a);else{var o=document.createTextNode(a),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(o,i[t]):e.appendChild(o)}}function O(e,t){var r=t.css,n=t.media;if(n&&e.setAttribute("media",n),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}function S(e,t,r){var n=r.css,a=r.sourceMap,o=void 0===t.convertToAbsoluteUrls&&a;(t.convertToAbsoluteUrls||o)&&(n=d(n)),a&&(n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */");var i=new Blob([n],{type:"text/css"}),l=e.href;e.href=URL.createObjectURL(i),l&&URL.revokeObjectURL(l)}},function(e,t,r){"use strict";r.d(t,"a",(function(){return aa}));
/*! *****************************************************************************
Copyright (c) Microsoft Corporation. All rights reserved.
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
this file except in compliance with the License. You may obtain a copy of the
License at http://www.apache.org/licenses/LICENSE-2.0

THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
MERCHANTABLITY OR NON-INFRINGEMENT.

See the Apache Version 2.0 License for specific language governing permissions
and limitations under the License.
***************************************************************************** */
var n=function(e,t){return(n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(e,t)};function a(e,t){function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var o=function(){return(o=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)};function i(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var n=Array(e),a=0;for(t=0;t<r;t++)for(var o=arguments[t],i=0,l=o.length;i<l;i++,a++)n[a]=o[i];return n}var l=r(0),s=r.n(l),p=r(8),c=r(1),u=r(3),d=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.onSelect=function(e){this.props.onSelectedIndexChange(e)},t.prototype.renderLabel=function(e,t){var r=this,n=this.props.selectedIndex===t?"label active":"label";return l.createElement("div",{className:n,key:t,onClick:function(){return r.onSelect(t)},title:e.props.title},l.createElement("div",null,l.createElement(u.a,{icon:e.props.icon})))},t.prototype.render=function(){var e=this;return l.createElement("div",{className:"tabs",onContextMenu:function(e){return e.preventDefault()}},l.createElement("div",{className:"labels"},this.props.children.map((function(t,r){return e.renderLabel(t,r)}))),l.createElement("div",{className:"panes"},this.props.children[this.props.selectedIndex]))},t}(l.Component),h={prefix:"fas",iconName:"address-book",icon:[448,512,[],"f2b9","M436 160c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h320c26.5 0 48-21.5 48-48v-48h20c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20v-64h20c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20v-64h20zm-228-32c35.3 0 64 28.7 64 64s-28.7 64-64 64-64-28.7-64-64 28.7-64 64-64zm112 236.8c0 10.6-10 19.2-22.4 19.2H118.4C106 384 96 375.4 96 364.8v-19.2c0-31.8 30.1-57.6 67.2-57.6h5c12.3 5.1 25.7 8 39.8 8s27.6-2.9 39.8-8h5c37.1 0 67.2 25.8 67.2 57.6v19.2z"]},b={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"]},f={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"]},m={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"]},g={prefix:"fas",iconName:"bone",icon:[640,512,[],"f5d7","M598.88 244.56c25.2-12.6 41.12-38.36 41.12-66.53v-7.64C640 129.3 606.7 96 565.61 96c-32.02 0-60.44 20.49-70.57 50.86-7.68 23.03-11.6 45.14-38.11 45.14H183.06c-27.38 0-31.58-25.54-38.11-45.14C134.83 116.49 106.4 96 74.39 96 33.3 96 0 129.3 0 170.39v7.64c0 28.17 15.92 53.93 41.12 66.53 9.43 4.71 9.43 18.17 0 22.88C15.92 280.04 0 305.8 0 333.97v7.64C0 382.7 33.3 416 74.38 416c32.02 0 60.44-20.49 70.57-50.86 7.68-23.03 11.6-45.14 38.11-45.14h273.87c27.38 0 31.58 25.54 38.11 45.14C505.17 395.51 533.6 416 565.61 416c41.08 0 74.38-33.3 74.38-74.39v-7.64c0-28.18-15.92-53.93-41.12-66.53-9.42-4.71-9.42-18.17.01-22.88z"]},v={prefix:"fas",iconName:"braille",icon:[640,512,[],"f2a1","M128 256c0 35.346-28.654 64-64 64S0 291.346 0 256s28.654-64 64-64 64 28.654 64 64zM64 384c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm0-352C28.654 32 0 60.654 0 96s28.654 64 64 64 64-28.654 64-64-28.654-64-64-64zm160 192c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm0 160c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm0-352c-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64-28.654-64-64-64zm224 192c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm0 160c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm0-352c-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64-28.654-64-64-64zm160 192c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm0 160c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm0-320c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32z"]},y={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"]},C={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"]},E={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"]},x={prefix:"fas",iconName:"caret-left",icon:[192,512,[],"f0d9","M192 127.338v257.324c0 17.818-21.543 26.741-34.142 14.142L29.196 270.142c-7.81-7.81-7.81-20.474 0-28.284l128.662-128.662c12.599-12.6 34.142-3.676 34.142 14.142z"]},O={prefix:"fas",iconName:"caret-right",icon:[192,512,[],"f0da","M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"]},S={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"]},P={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"]},w={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"]},k={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"]},_={prefix:"fas",iconName:"cog",icon:[512,512,[],"f013","M444.788 291.1l42.616 24.599c4.867 2.809 7.126 8.618 5.459 13.985-11.07 35.642-29.97 67.842-54.689 94.586a12.016 12.016 0 0 1-14.832 2.254l-42.584-24.595a191.577 191.577 0 0 1-60.759 35.13v49.182a12.01 12.01 0 0 1-9.377 11.718c-34.956 7.85-72.499 8.256-109.219.007-5.49-1.233-9.403-6.096-9.403-11.723v-49.184a191.555 191.555 0 0 1-60.759-35.13l-42.584 24.595a12.016 12.016 0 0 1-14.832-2.254c-24.718-26.744-43.619-58.944-54.689-94.586-1.667-5.366.592-11.175 5.459-13.985L67.212 291.1a193.48 193.48 0 0 1 0-70.199l-42.616-24.599c-4.867-2.809-7.126-8.618-5.459-13.985 11.07-35.642 29.97-67.842 54.689-94.586a12.016 12.016 0 0 1 14.832-2.254l42.584 24.595a191.577 191.577 0 0 1 60.759-35.13V25.759a12.01 12.01 0 0 1 9.377-11.718c34.956-7.85 72.499-8.256 109.219-.007 5.49 1.233 9.403 6.096 9.403 11.723v49.184a191.555 191.555 0 0 1 60.759 35.13l42.584-24.595a12.016 12.016 0 0 1 14.832 2.254c24.718 26.744 43.619 58.944 54.689 94.586 1.667 5.366-.592 11.175-5.459 13.985L444.788 220.9a193.485 193.485 0 0 1 0 70.2zM336 256c0-44.112-35.888-80-80-80s-80 35.888-80 80 35.888 80 80 80 80-35.888 80-80z"]},N={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"]},T={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"]},M={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"]},R={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"]},A={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"]},L={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"]},j={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"]},I={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"]},D={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"]},z={prefix:"fas",iconName:"ghost",icon:[384,512,[],"f6e2","M186.1.09C81.01 3.24 0 94.92 0 200.05v263.92c0 14.26 17.23 21.39 27.31 11.31l24.92-18.53c6.66-4.95 16-3.99 21.51 2.21l42.95 48.35c6.25 6.25 16.38 6.25 22.63 0l40.72-45.85c6.37-7.17 17.56-7.17 23.92 0l40.72 45.85c6.25 6.25 16.38 6.25 22.63 0l42.95-48.35c5.51-6.2 14.85-7.17 21.51-2.21l24.92 18.53c10.08 10.08 27.31 2.94 27.31-11.31V192C384 84 294.83-3.17 186.1.09zM128 224c-17.67 0-32-14.33-32-32s14.33-32 32-32 32 14.33 32 32-14.33 32-32 32zm128 0c-17.67 0-32-14.33-32-32s14.33-32 32-32 32 14.33 32 32-14.33 32-32 32z"]},F={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"]},G={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"]},B={prefix:"fas",iconName:"layer-group",icon:[512,512,[],"f5fd","M12.41 148.02l232.94 105.67c6.8 3.09 14.49 3.09 21.29 0l232.94-105.67c16.55-7.51 16.55-32.52 0-40.03L266.65 2.31a25.607 25.607 0 0 0-21.29 0L12.41 107.98c-16.55 7.51-16.55 32.53 0 40.04zm487.18 88.28l-58.09-26.33-161.64 73.27c-7.56 3.43-15.59 5.17-23.86 5.17s-16.29-1.74-23.86-5.17L70.51 209.97l-58.1 26.33c-16.55 7.5-16.55 32.5 0 40l232.94 105.59c6.8 3.08 14.49 3.08 21.29 0L499.59 276.3c16.55-7.5 16.55-32.5 0-40zm0 127.8l-57.87-26.23-161.86 73.37c-7.56 3.43-15.59 5.17-23.86 5.17s-16.29-1.74-23.86-5.17L70.29 337.87 12.41 364.1c-16.55 7.5-16.55 32.5 0 40l232.94 105.59c6.8 3.08 14.49 3.08 21.29 0L499.59 404.1c16.55-7.5 16.55-32.5 0-40z"]},H={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"]},U={prefix:"fas",iconName:"magic",icon:[512,512,[],"f0d0","M224 96l16-32 32-16-32-16-16-32-16 32-32 16 32 16 16 32zM80 160l26.66-53.33L160 80l-53.34-26.67L80 0 53.34 53.33 0 80l53.34 26.67L80 160zm352 128l-26.66 53.33L352 368l53.34 26.67L432 448l26.66-53.33L512 368l-53.34-26.67L432 288zm70.62-193.77L417.77 9.38C411.53 3.12 403.34 0 395.15 0c-8.19 0-16.38 3.12-22.63 9.38L9.38 372.52c-12.5 12.5-12.5 32.76 0 45.25l84.85 84.85c6.25 6.25 14.44 9.37 22.62 9.37 8.19 0 16.38-3.12 22.63-9.37l363.14-363.15c12.5-12.48 12.5-32.75 0-45.24zM359.45 203.46l-50.91-50.91 86.6-86.6 50.91 50.91-86.6 86.6z"]},V={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"]},W={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"]},Y={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"]},X={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"]},K={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"]},q={prefix:"fas",iconName:"skull",icon:[512,512,[],"f54c","M256 0C114.6 0 0 100.3 0 224c0 70.1 36.9 132.6 94.5 173.7 9.6 6.9 15.2 18.1 13.5 29.9l-9.4 66.2c-1.4 9.6 6 18.2 15.7 18.2H192v-56c0-4.4 3.6-8 8-8h16c4.4 0 8 3.6 8 8v56h64v-56c0-4.4 3.6-8 8-8h16c4.4 0 8 3.6 8 8v56h77.7c9.7 0 17.1-8.6 15.7-18.2l-9.4-66.2c-1.7-11.7 3.8-23 13.5-29.9C475.1 356.6 512 294.1 512 224 512 100.3 397.4 0 256 0zm-96 320c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64zm192 0c-35.3 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z"]},Q={prefix:"fas",iconName:"step-backward",icon:[448,512,[],"f048","M64 468V44c0-6.6 5.4-12 12-12h48c6.6 0 12 5.4 12 12v176.4l195.5-181C352.1 22.3 384 36.6 384 64v384c0 27.4-31.9 41.7-52.5 24.6L136 292.7V468c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12z"]},$={prefix:"fas",iconName:"step-forward",icon:[448,512,[],"f051","M384 44v424c0 6.6-5.4 12-12 12h-48c-6.6 0-12-5.4-12-12V291.6l-195.5 181C95.9 489.7 64 475.4 64 448V64c0-27.4 31.9-41.7 52.5-24.6L312 219.3V44c0-6.6 5.4-12 12-12h48c6.6 0 12 5.4 12 12z"]},Z={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"]},J={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"]},ee={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"]},te={prefix:"fas",iconName:"trash",icon:[448,512,[],"f1f8","M0 84V56c0-13.3 10.7-24 24-24h112l9.4-18.7c4-8.2 12.3-13.3 21.4-13.3h114.3c9.1 0 17.4 5.1 21.5 13.3L312 32h112c13.3 0 24 10.7 24 24v28c0 6.6-5.4 12-12 12H12C5.4 96 0 90.6 0 84zm415.2 56.7L394.8 467c-1.6 25.3-22.6 45-47.9 45H101.1c-25.3 0-46.3-19.7-47.9-45L32.8 140.7c-.4-6.9 5.1-12.7 12-12.7h358.5c6.8 0 12.3 5.8 11.9 12.7z"]},re={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"]},ne={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"]},ae={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"]},oe={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"]},ie=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){return l.createElement("div",{className:"pane"})},t}(l.Component),le=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.onLink=function(){this.props.url?window.open(this.props.url,"_blank"):this.props.onLink&&this.props.onLink()},t.prototype.renderContent=function(){var e=this;return this.props.ignoreValue?null:this.props.onLink||this.props.url?l.createElement("div",{className:"link-value",title:this.props.value,onClick:function(){return e.onLink()}},this.props.url?"doc":this.props.value||"no name"):l.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(){var e;return l.createElement("div",{className:this.props.underline?"textLine underline":"textLine"+(this.props.additionalClass?" "+this.props.additionalClass:"")},l.createElement("div",{className:"label"},null!==(e=this.props.label)&&void 0!==e?e:""),this.renderContent())},t}(l.Component),se=function(e){function t(t){var r=e.call(this,t)||this,n=c.DataStorage.ReadBoolean(r.props.title,!r.props.closed);return r.state={isExpanded:n,isHighlighted:!1},r}return a(t,e),t.prototype.switchExpandedState=function(){var e=!this.state.isExpanded;c.DataStorage.WriteBoolean(this.props.title,e),this.setState({isExpanded:e})},t.prototype.componentDidMount=function(){var e=this;this.props.globalState&&0===this.props.globalState.selectedLineContainerTitles.length||(this.props.globalState&&this.props.globalState.selectedLineContainerTitles.indexOf(this.props.title)>-1?(setTimeout((function(){e.props.globalState.selectedLineContainerTitles=[]})),this.setState({isExpanded:!0,isHighlighted:!0}),window.setTimeout((function(){e.setState({isHighlighted:!1})}),5e3)):this.setState({isExpanded:!1}))},t.prototype.renderHeader=function(){var e=this,t=this.state.isExpanded?"collapse":"collapse closed";return l.createElement("div",{className:"header",onClick:function(){return e.switchExpandedState()}},l.createElement("div",{className:"title"},this.props.title),l.createElement("div",{className:t},l.createElement(u.a,{icon:w})))},t.prototype.render=function(){return this.state.isExpanded?l.createElement("div",{className:"paneContainer"},l.createElement("div",{className:"paneContainer-content"},this.renderHeader(),l.createElement("div",{className:"paneList"},this.props.children)),l.createElement("div",{className:"paneContainer-highlight-border"+(this.state.isHighlighted?"":" transparent")})):l.createElement("div",{className:"paneContainer"},l.createElement("div",{className:"paneContainer-content"},this.renderHeader()))},t}(l.Component),pe=function(e){function t(t){return e.call(this,t)||this}return a(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 l.createElement("div",{className:"textLine"},l.createElement("div",{className:"label"},this.props.label),l.createElement("div",{className:"value",style:{color:this.props.color?this.props.color:""}},t))},t}(l.Component),ce=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.value?l.createElement(u.a,{icon:P}):l.createElement(u.a,{icon:ee}),t=this.props.value?"value check":"value uncheck";return l.createElement("div",{className:"textLine"},l.createElement("div",{className:"label"},this.props.label),l.createElement("div",{className:t},e))},t}(l.Component),ue=function(e){function t(t){var r=e.call(this,t)||this,n=r.props.scene;return n?(r._sceneInstrumentation=new c.SceneInstrumentation(n),r._sceneInstrumentation.captureActiveMeshesEvaluationTime=!0,r._sceneInstrumentation.captureRenderTargetsRenderTime=!0,r._sceneInstrumentation.captureFrameTime=!0,r._sceneInstrumentation.captureRenderTime=!0,r._sceneInstrumentation.captureInterFrameTime=!0,r._sceneInstrumentation.captureParticlesRenderTime=!0,r._sceneInstrumentation.captureSpritesRenderTime=!0,r._sceneInstrumentation.capturePhysicsTime=!0,r._sceneInstrumentation.captureAnimationsTime=!0,r._engineInstrumentation=new c.EngineInstrumentation(n.getEngine()),r._engineInstrumentation.captureGPUFrameTime=!0,r._timerIntervalId=window.setInterval((function(){return r.forceUpdate()}),500),r):r}return a(t,e),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(),r=this._sceneInstrumentation,n=this._engineInstrumentation,a=t.getCaps();return l.createElement("div",{className:"pane"},l.createElement(le,{label:"Version",value:c.Engine.Version,color:"rgb(113, 159, 255)"}),l.createElement(pe,{label:"FPS",value:t.getFps(),fractionDigits:0}),l.createElement(se,{globalState:this.props.globalState,title:"COUNT"},l.createElement(le,{label:"Total meshes",value:e.meshes.length.toString()}),l.createElement(le,{label:"Active meshes",value:e.getActiveMeshes().length.toString()}),l.createElement(le,{label:"Active indices",value:e.getActiveIndices().toString()}),l.createElement(le,{label:"Active faces",value:(e.getActiveIndices()/3).toString()}),l.createElement(le,{label:"Active bones",value:e.getActiveBones().toString()}),l.createElement(le,{label:"Active particles",value:e.getActiveParticles().toString()}),l.createElement(le,{label:"Draw calls",value:r.drawCallsCounter.current.toString()}),l.createElement(le,{label:"Total lights",value:e.lights.length.toString()}),l.createElement(le,{label:"Total vertices",value:e.getTotalVertices().toString()}),l.createElement(le,{label:"Total materials",value:e.materials.length.toString()}),l.createElement(le,{label:"Total textures",value:e.textures.length.toString()})),l.createElement(se,{globalState:this.props.globalState,title:"FRAME STEPS DURATION"},l.createElement(pe,{label:"Absolute FPS",value:1e3/this._sceneInstrumentation.frameTimeCounter.lastSecAverage,fractionDigits:0}),l.createElement(pe,{label:"Meshes selection",value:r.activeMeshesEvaluationTimeCounter.lastSecAverage,units:"ms"}),l.createElement(pe,{label:"Render targets",value:r.renderTargetsRenderTimeCounter.lastSecAverage,units:"ms"}),l.createElement(pe,{label:"Particles",value:r.particlesRenderTimeCounter.lastSecAverage,units:"ms"}),l.createElement(pe,{label:"Sprites",value:r.spritesRenderTimeCounter.lastSecAverage,units:"ms"}),l.createElement(pe,{label:"Animations",value:r.animationsTimeCounter.lastSecAverage,units:"ms"}),l.createElement(pe,{label:"Physics",value:r.physicsTimeCounter.lastSecAverage,units:"ms"}),l.createElement(pe,{label:"Render",value:r.renderTimeCounter.lastSecAverage,units:"ms"}),l.createElement(pe,{label:"Frame total",value:r.frameTimeCounter.lastSecAverage,units:"ms"}),l.createElement(pe,{label:"Inter-frame",value:r.interFrameTimeCounter.lastSecAverage,units:"ms"}),l.createElement(pe,{label:"GPU Frame time",value:1e-6*n.gpuFrameTimeCounter.lastSecAverage,units:"ms"}),l.createElement(pe,{label:"GPU Frame time (average)",value:1e-6*n.gpuFrameTimeCounter.average,units:"ms"})),l.createElement(se,{globalState:this.props.globalState,title:"SYSTEM INFO"},l.createElement(le,{label:"Resolution",value:t.getRenderWidth()+"x"+t.getRenderHeight()}),l.createElement(le,{label:"Hardawre scaling level",value:t.getHardwareScalingLevel().toString()}),l.createElement(le,{label:"WebGL version",value:t.webGLVersion.toString()}),l.createElement(ce,{label:"Std derivatives",value:a.standardDerivatives}),l.createElement(ce,{label:"Compressed textures",value:void 0!==a.s3tc}),l.createElement(ce,{label:"Hardware instances",value:a.instancedArrays}),l.createElement(ce,{label:"Texture float",value:a.textureFloat}),l.createElement(ce,{label:"Texture half-float",value:a.textureHalfFloat}),l.createElement(ce,{label:"Render to texture float",value:a.textureFloatRender}),l.createElement(ce,{label:"Render to texture half-float",value:a.textureHalfFloatRender}),l.createElement(ce,{label:"32bits indices",value:a.uintIndices}),l.createElement(ce,{label:"Fragment depth",value:a.fragmentDepthSupported}),l.createElement(ce,{label:"High precision shaders",value:a.highPrecisionShaderSupported}),l.createElement(ce,{label:"Draw buffers",value:a.drawBuffersExtension}),l.createElement(ce,{label:"Vertex array object",value:a.vertexArrayObject}),l.createElement(ce,{label:"Timer query",value:void 0!==a.timerQuery}),l.createElement(ce,{label:"Stencil",value:t.isStencilEnable}),l.createElement(ce,{label:"Parallel shader compilation",value:null!=a.parallelShaderCompile}),l.createElement(pe,{label:"Max textures units",value:a.maxTexturesImageUnits,fractionDigits:0}),l.createElement(pe,{label:"Max textures size",value:a.maxTextureSize,fractionDigits:0}),l.createElement(pe,{label:"Max anisotropy",value:a.maxAnisotropy,fractionDigits:0}),l.createElement(le,{label:"Driver",value:t.getGlInfo().renderer})))},t}(ie),de=function(e){function t(r){var n=e.call(this,r)||this;return n._localChange=!1,n._uniqueId=t._UniqueIdSeed++,n.props.isSelected?n.state={isSelected:n.props.isSelected()}:n.state={isSelected:!0===n.props.target[n.props.propertyName]},n}return a(t,e),t.prototype.shouldComponentUpdate=function(e,t){var r;return!((r=this.props.isSelected?e.isSelected():1==e.target[e.propertyName])===t.isSelected&&!this._localChange)&&(t.isSelected=r,this._localChange=!1,!0)},t.prototype.onChange=function(){var e;this._localChange=!0,this.props.onSelect?this.props.onSelect(!this.state.isSelected):(this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:null!==(e=this.props.replaySourceReplacement)&&void 0!==e?e: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.props.onValueChanged&&this.props.onValueChanged(),this.setState({isSelected:!this.state.isSelected})},t.prototype.render=function(){var e=this;return l.createElement("div",{className:"checkBoxLine"},l.createElement("div",{className:"label"},this.props.label),l.createElement("div",{className:"checkBox"},l.createElement("input",{type:"checkbox",id:"checkbox"+this._uniqueId,className:"cbx hidden",checked:this.state.isSelected,onChange:function(){return e.onChange()}}),l.createElement("label",{htmlFor:"checkbox"+this._uniqueId,className:"lbl"})))},t._UniqueIdSeed=0,t}(l.Component),he=r(95),be=function(e){function t(t){var r=e.call(this,t)||this;return r.state={isEnabled:!1},r}return a(t,e),t.prototype.componentDidMount=function(){for(var e=0,t=c.UtilityLayerRenderer.DefaultKeepDepthUtilityLayer.utilityLayerScene.meshes;e<t.length;e++){var r=t[e];if(r.reservedDataStore&&r.reservedDataStore.isInspectorGrid)return this._gridMesh=r,void this.setState({isEnabled:!0})}},t.prototype.addOrRemoveGrid=function(){var e=c.UtilityLayerRenderer.DefaultKeepDepthUtilityLayer.utilityLayerScene;if(!this._gridMesh){var t=this.props.scene.getWorldExtends(),r=5*(t.max.x-t.min.x),n=5*(t.max.z-t.min.z);this._gridMesh=c.Mesh.CreateGround("grid",1,1,1,e),this._gridMesh.reservedDataStore||(this._gridMesh.reservedDataStore={}),this._gridMesh.scaling.x=Math.max(r,n),this._gridMesh.scaling.z=this._gridMesh.scaling.x,this._gridMesh.reservedDataStore.isInspectorGrid=!0,this._gridMesh.isPickable=!1;var a=new he.GridMaterial("GridMaterial",e);return a.majorUnitFrequency=10,a.minorUnitVisibility=.3,a.gridRatio=.01,a.backFaceCulling=!1,a.mainColor=new c.Color3(1,1,1),a.lineColor=new c.Color3(1,1,1),a.opacity=.8,a.zOffset=1,a.opacityTexture=new c.Texture("https://assets.babylonjs.com/environments/backgroundGround.png",e),this._gridMesh.material=a,void this.setState({isEnabled:!0})}this.setState({isEnabled:!this.state.isEnabled}),this._gridMesh.dispose(!0,!0),this._gridMesh=null},t.prototype.render=function(){var e=this;return l.createElement("div",null,l.createElement(de,{label:"Render grid",isSelected:function(){return e.state.isEnabled},onSelect:function(){return e.addOrRemoveGrid()}}))},t}(l.Component),fe=function(e){function t(t){var r=e.call(this,t)||this;r._physicsViewersEnabled=!1;var n=r.props.scene;return n?(n.reservedDataStore||(n.reservedDataStore={}),r._physicsViewersEnabled=null!=n.reservedDataStore.physicsViewer,r):r}return a(t,e),t.prototype.switchPhysicsViewers=function(){this._physicsViewersEnabled=!this._physicsViewersEnabled;var e=this.props.scene;if(this._physicsViewersEnabled){var t=new c.PhysicsViewer(e);e.reservedDataStore.physicsViewer=t;for(var r=0,n=e.meshes;r<n.length;r++){var a=n[r];if(a.physicsImpostor){var o=t.showImpostor(a.physicsImpostor,a);o&&(o.reservedDataStore={hidden:!0},o.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?l.createElement("div",{className:"pane"},l.createElement(se,{globalState:this.props.globalState,title:"HELPERS"},l.createElement(be,{globalState:this.props.globalState,scene:t}),l.createElement(de,{label:"Physics",isSelected:function(){return e._physicsViewersEnabled},onSelect:function(){return e.switchPhysicsViewers()}})),l.createElement(se,{globalState:this.props.globalState,title:"CORE TEXTURE CHANNELS"},l.createElement(de,{label:"Diffuse",isSelected:function(){return c.StandardMaterial.DiffuseTextureEnabled},onSelect:function(){return c.StandardMaterial.DiffuseTextureEnabled=!c.StandardMaterial.DiffuseTextureEnabled}}),l.createElement(de,{label:"Ambient",isSelected:function(){return c.StandardMaterial.AmbientTextureEnabled},onSelect:function(){return c.StandardMaterial.AmbientTextureEnabled=!c.StandardMaterial.AmbientTextureEnabled}}),l.createElement(de,{label:"Specular",isSelected:function(){return c.StandardMaterial.SpecularTextureEnabled},onSelect:function(){return c.StandardMaterial.SpecularTextureEnabled=!c.StandardMaterial.SpecularTextureEnabled}}),l.createElement(de,{label:"Emissive",isSelected:function(){return c.StandardMaterial.EmissiveTextureEnabled},onSelect:function(){return c.StandardMaterial.EmissiveTextureEnabled=!c.StandardMaterial.EmissiveTextureEnabled}}),l.createElement(de,{label:"Bump",isSelected:function(){return c.StandardMaterial.BumpTextureEnabled},onSelect:function(){return c.StandardMaterial.BumpTextureEnabled=!c.StandardMaterial.BumpTextureEnabled}}),l.createElement(de,{label:"Opacity",isSelected:function(){return c.StandardMaterial.OpacityTextureEnabled},onSelect:function(){return c.StandardMaterial.OpacityTextureEnabled=!c.StandardMaterial.OpacityTextureEnabled}}),l.createElement(de,{label:"Reflection",isSelected:function(){return c.StandardMaterial.ReflectionTextureEnabled},onSelect:function(){return c.StandardMaterial.ReflectionTextureEnabled=!c.StandardMaterial.ReflectionTextureEnabled}}),l.createElement(de,{label:"Refraction",isSelected:function(){return c.StandardMaterial.RefractionTextureEnabled},onSelect:function(){return c.StandardMaterial.RefractionTextureEnabled=!c.StandardMaterial.RefractionTextureEnabled}}),l.createElement(de,{label:"ColorGrading",isSelected:function(){return c.StandardMaterial.ColorGradingTextureEnabled},onSelect:function(){return c.StandardMaterial.ColorGradingTextureEnabled=!c.StandardMaterial.ColorGradingTextureEnabled}}),l.createElement(de,{label:"Lightmap",isSelected:function(){return c.StandardMaterial.LightmapTextureEnabled},onSelect:function(){return c.StandardMaterial.LightmapTextureEnabled=!c.StandardMaterial.LightmapTextureEnabled}}),l.createElement(de,{label:"Fresnel",isSelected:function(){return c.StandardMaterial.FresnelEnabled},onSelect:function(){return c.StandardMaterial.FresnelEnabled=!c.StandardMaterial.FresnelEnabled}})),l.createElement(se,{globalState:this.props.globalState,title:"FEATURES"},l.createElement(de,{label:"Animations",isSelected:function(){return t.animationsEnabled},onSelect:function(){return t.animationsEnabled=!t.animationsEnabled}}),l.createElement(de,{label:"Physics",isSelected:function(){return t.physicsEnabled},onSelect:function(){return t.physicsEnabled=!t.physicsEnabled}}),l.createElement(de,{label:"Collisions",isSelected:function(){return t.collisionsEnabled},onSelect:function(){return t.collisionsEnabled=!t.collisionsEnabled}}),l.createElement(de,{label:"Fog",isSelected:function(){return t.fogEnabled},onSelect:function(){return t.fogEnabled=!t.fogEnabled}}),l.createElement(de,{label:"Lens flares",isSelected:function(){return t.lensFlaresEnabled},onSelect:function(){return t.lensFlaresEnabled=!t.lensFlaresEnabled}}),l.createElement(de,{label:"Lights",isSelected:function(){return t.lightsEnabled},onSelect:function(){return t.lightsEnabled=!t.lightsEnabled}}),l.createElement(de,{label:"Particles",isSelected:function(){return t.particlesEnabled},onSelect:function(){return t.particlesEnabled=!t.particlesEnabled}}),l.createElement(de,{label:"Post-processes",isSelected:function(){return t.postProcessesEnabled},onSelect:function(){return t.postProcessesEnabled=!t.postProcessesEnabled}}),l.createElement(de,{label:"Probes",isSelected:function(){return t.probesEnabled},onSelect:function(){return t.probesEnabled=!t.probesEnabled}}),l.createElement(de,{label:"Textures",isSelected:function(){return t.texturesEnabled},onSelect:function(){return t.texturesEnabled=!t.texturesEnabled}}),l.createElement(de,{label:"Procedural textures",isSelected:function(){return t.proceduralTexturesEnabled},onSelect:function(){return t.proceduralTexturesEnabled=!t.proceduralTexturesEnabled}}),l.createElement(de,{label:"Render targets",isSelected:function(){return t.renderTargetsEnabled},onSelect:function(){return t.renderTargetsEnabled=!t.renderTargetsEnabled}}),l.createElement(de,{label:"Shadows",isSelected:function(){return t.shadowsEnabled},onSelect:function(){return t.shadowsEnabled=!t.shadowsEnabled}}),l.createElement(de,{label:"Skeletons",isSelected:function(){return t.skeletonsEnabled},onSelect:function(){return t.skeletonsEnabled=!t.skeletonsEnabled}}),l.createElement(de,{label:"Sprites",isSelected:function(){return t.spritesEnabled},onSelect:function(){return t.spritesEnabled=!t.spritesEnabled}}))):null},t}(ie),me=r(21),ge=r.n(me),ve=function(e){function t(t){var r=e.call(this,t)||this;if(r._localChange=!1,void 0!==r.props.directValue)r.state={value:r.props.directValue};else{var n=r.props.target[r.props.propertyName];void 0===n&&(n=r.props.maximum),r.state={value:n}}return r}return a(t,e),t.prototype.shouldComponentUpdate=function(e,t){if(void 0!==e.directValue)return t.value=e.directValue,!0;var r=e.target[e.propertyName];return void 0===r&&(r=e.maximum),!(r===t.value&&!this._localChange&&e.maximum===this.props.maximum&&e.minimum===this.props.minimum)&&(t.value=r,this._localChange=!1,!0)},t.prototype.onChange=function(e){var t;this._localChange=!0;var r=parseFloat(e);this.props.useEuler&&(r=c.Tools.ToRadians(r)),this.props.target&&(this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:null!==(t=this.props.replaySourceReplacement)&&void 0!==t?t:this.props.target,property:this.props.propertyName,value:r,initialValue:this.state.value}),this.props.target[this.props.propertyName]=r),this.props.onChange&&this.props.onChange(r),this.setState({value:r})},t.prototype.onInput=function(e){var t=parseFloat(e);this.props.onInput&&this.props.onInput(t)},t.prototype.prepareDataToRead=function(e){return null===e&&(e=0),this.props.useEuler?c.Tools.ToDegrees(e):e},t.prototype.render=function(){var e=this,t=void 0!==this.props.decimalCount?this.props.decimalCount:2;return l.createElement("div",{className:"sliderLine"},l.createElement("div",{className:"label"},this.props.label),l.createElement("div",{className:"slider"},this.state.value?this.prepareDataToRead(this.state.value).toFixed(t):"0"," ",l.createElement("input",{className:"range",type:"range",step:this.props.step,min:this.prepareDataToRead(this.props.minimum),max:this.prepareDataToRead(this.props.maximum),value:this.prepareDataToRead(this.state.value),onInput:function(t){return e.onInput(t.target.value)},onChange:function(t){return e.onChange(t.target.value)}})))},t}(l.Component),ye=Number.MAX_SAFE_INTEGER,Ce=function(e){function t(t){var r=e.call(this,t)||this;return r._localChange=!1,r.state={value:r.remapValueIn(r.props.extractValue?r.props.extractValue():t.target[t.propertyName])},r}return a(t,e),t.prototype.remapValueIn=function(e){return this.props.allowNullValue&&null===e?ye:e},t.prototype.remapValueOut=function(e){return this.props.allowNullValue&&e===ye?null:e},t.prototype.shouldComponentUpdate=function(e,t){if(this._localChange)return this._localChange=!1,!0;var r=this.remapValueIn(e.extractValue?e.extractValue():e.target[e.propertyName]);return null!=r&&r!==t.value&&(t.value=r,!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,allowNullValue:this.props.allowNullValue})},t.prototype.updateValue=function(e){var t=parseInt(e);this._localChange=!0;var r=this.props.extractValue?this.props.extractValue():this.props.target[this.props.propertyName];this.props.noDirectUpdate||(this.props.target[this.props.propertyName]=this.remapValueOut(t)),this.setState({value:t}),this.props.onSelect&&this.props.onSelect(t);var n=this.props.extractValue?this.props.extractValue():this.props.target[this.props.propertyName];this.raiseOnPropertyChanged(n,r)},t.prototype.render=function(){var e,t=this;return l.createElement("div",{className:"listLine"},l.createElement("div",{className:"label"},this.props.label),l.createElement("div",{className:"options"},l.createElement("select",{onChange:function(e){return t.updateValue(e.target.value)},value:null!==(e=this.state.value)&&void 0!==e?e:""},this.props.options.map((function(e,t){return l.createElement("option",{key:e.label+t,value:e.value},e.label)})))))},t}(l.Component),Ee=function(e){function t(t){var r=e.call(this,t)||this;return r._localChange=!1,r.state={value:r.props.value.toFixed(void 0!==r.props.precision?r.props.precision:3)},r}return a(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(void 0!==this.props.precision?this.props.precision:3),!0)},t.prototype.updateValue=function(e){var t=e.target.value;if(!/[^0-9\.\-]/g.test(t)){var r=parseFloat(t);this._localChange=!0,this.setState({value:t}),isNaN(r)||this.props.onChange(r)}},t.prototype.render=function(){var e=this;return l.createElement("div",{className:"numeric"},this.props.label&&l.createElement("div",{className:"numeric-label"},this.props.label+": "),l.createElement("input",{type:"number",step:this.props.step,className:"numeric-input",value:this.state.value,onChange:function(t){return e.updateValue(t)}}))},t.defaultProps={step:1},t}(l.Component),xe=r(96),Oe=function(e){function t(t){var r=e.call(this,t)||this;return r.state={pickerEnabled:!1,color:{r:255*r.props.value.r,g:255*r.props.value.g,b:255*r.props.value.b,a:r.props.value instanceof c.Color4?100*r.props.value.a:100},hex:r.props.value.toHexString()},r._floatRef=l.createRef(),r._floatHostRef=l.createRef(),r}return a(t,e),t.prototype.syncPositions=function(){var e=this._floatRef.current,t=this._floatHostRef.current;if(e&&t){var r=t.getBoundingClientRect().top,n=e.getBoundingClientRect().height;r+n+10>window.innerHeight&&(r=window.innerHeight-n-10),e.style.top=r+"px",e.style.left=t.getBoundingClientRect().left-e.getBoundingClientRect().width+"px"}},t.prototype.shouldComponentUpdate=function(e,t){var r=e.value.toHexString()!==this.props.value.toHexString();return r&&(t.color={r:255*e.value.r,g:255*e.value.g,b:255*e.value.b,a:e.value instanceof c.Color4?e.value.a:1},t.hex=e.value.toHexString()),r||e.disableAlpha!==this.props.disableAlpha||t.hex!==this.state.hex||t.pickerEnabled!==this.state.pickerEnabled},t.prototype.componentDidUpdate=function(){this.syncPositions()},t.prototype.componentDidMount=function(){this.syncPositions()},t.prototype.render=function(){var e=this,t=this.state.color;return l.createElement("div",{className:"color-picker"},l.createElement("div",{className:"color-rect",ref:this._floatHostRef,style:{background:this.state.hex},onClick:function(){return e.setState({pickerEnabled:!0})}}),this.state.pickerEnabled&&l.createElement(l.Fragment,null,l.createElement("div",{className:"color-picker-cover",onClick:function(t){var r,n;t.target===(null===(n=null===(r=e._floatRef.current)||void 0===r?void 0:r.ownerDocument)||void 0===n?void 0:n.querySelector(".color-picker-cover"))&&e.setState({pickerEnabled:!1})}},l.createElement("div",{className:"color-picker-float",ref:this._floatRef},l.createElement(xe.SketchPicker,{color:t,disableAlpha:this.props.disableAlpha,onChange:function(t){var r;e.props.disableAlpha?r=c.Color3.FromInts(t.rgb.r,t.rgb.g,t.rgb.b).toHexString():r=c.Color4.FromInts(t.rgb.r,t.rgb.g,t.rgb.b,255*(t.rgb.a||0)).toHexString();e.setState({hex:r,color:t.rgb}),e.props.onColorChanged(r)}})))))},t}(l.Component),Se=r(94),Pe=function(e){function t(t){var r=e.call(this,t)||this;return r._localChange=!1,r.state={isExpanded:!1,color:r.props.target[r.props.propertyName].clone()},t.isLinear&&r.state.color.toGammaSpaceToRef(r.state.color),t.target._isLinearColor=t.isLinear,r}return a(t,e),t.prototype.shouldComponentUpdate=function(e,t){var r=this.props.isLinear?e.target[e.propertyName].toGammaSpace():e.target[e.propertyName];return!(r.equals(t.color)&&!this._localChange)&&(t.color=r.clone(),this._localChange=!1,!0)},t.prototype.setPropertyValue=function(e){this.props.target[this.props.propertyName]=e,this.props.isLinear&&(this.props.target[this.props.propertyName]=e.toLinearSpace())},t.prototype.onChange=function(e){this._localChange=!0;var t=c.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.setPropertyValue(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.state.color.r=e,this.setPropertyValue(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.state.color.g=e,this.setPropertyValue(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.state.color.b=e,this.setPropertyValue(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?l.createElement(u.a,{icon:V}):l.createElement(u.a,{icon:Y});return l.createElement("div",{className:"color3Line"},l.createElement("div",{className:"firstLine"},l.createElement("div",{className:"label"},this.props.label),l.createElement("div",{className:"color3"},l.createElement(Oe,{value:this.state.color,disableAlpha:!0,onColorChanged:function(t){e.onChange(t)}})),l.createElement("div",{className:"copy hoverIcon",onClick:function(){return e.copyToClipboard()},title:"Copy to clipboard"},l.createElement("img",{src:Se,alt:""})),l.createElement("div",{className:"expand hoverIcon",onClick:function(){return e.switchExpandState()},title:"Expand"},t)),this.state.isExpanded&&l.createElement("div",{className:"secondLine"},l.createElement(Ee,{label:"r",value:this.state.color.r,onChange:function(t){return e.updateStateR(t)}}),l.createElement(Ee,{label:"g",value:this.state.color.g,onChange:function(t){return e.updateStateG(t)}}),l.createElement(Ee,{label:"b",value:this.state.color.b,onChange:function(t){return e.updateStateB(t)}})))},t}(l.Component),we=function(e){function t(t){var r=e.call(this,t)||this;return r._localChange=!1,r.state={isExpanded:!1,value:r.getCurrentValue().clone()},r}return a(t,e),t.prototype.getCurrentValue=function(){return this.props.target[this.props.propertyName]},t.prototype.shouldComponentUpdate=function(e,t){var r=this.getCurrentValue();return!(r.equals(t.value)&&!this._localChange)&&(t.value=r.clone(),this._localChange=!1,!0)},t.prototype.switchExpandState=function(){this._localChange=!0,this.setState({isExpanded:!this.state.isExpanded})},t.prototype.raiseOnPropertyChanged=function(e){var t;this.props.onChange&&this.props.onChange(this.state.value),this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:null!==(t=this.props.replaySourceReplacement)&&void 0!==t?t:this.props.target,property:this.props.propertyName,value:this.state.value,initialValue:e})},t.prototype.updateVector3=function(){var e=this.props.target[this.props.propertyName].clone();this.props.target[this.props.propertyName]=this.state.value,this.setState({value:e}),this.raiseOnPropertyChanged(e)},t.prototype.updateStateX=function(e){this._localChange=!0,this.state.value.x=e,this.updateVector3()},t.prototype.updateStateY=function(e){this._localChange=!0,this.state.value.y=e,this.updateVector3()},t.prototype.updateStateZ=function(e){this._localChange=!0,this.state.value.z=e,this.updateVector3()},t.prototype.render=function(){var e=this,t=this.state.isExpanded?l.createElement(u.a,{icon:V}):l.createElement(u.a,{icon:Y});return l.createElement("div",{className:"vector3Line"},l.createElement("div",{className:"firstLine"},l.createElement("div",{className:"label"},this.props.label),l.createElement("div",{className:"vector"},!this.props.useEuler&&"X: "+this.state.value.x.toFixed(2)+", Y: "+this.state.value.y.toFixed(2)+", Z: "+this.state.value.z.toFixed(2),this.props.useEuler&&"X: "+c.Tools.ToDegrees(this.state.value.x).toFixed(2)+", Y: "+c.Tools.ToDegrees(this.state.value.y).toFixed(2)+", Z: "+c.Tools.ToDegrees(this.state.value.z).toFixed(2)),l.createElement("div",{className:"expand hoverIcon",onClick:function(){return e.switchExpandState()},title:"Expand"},t)),this.state.isExpanded&&!this.props.useEuler&&l.createElement("div",{className:"secondLine"},l.createElement(Ee,{label:"x",step:this.props.step,value:this.state.value.x,onChange:function(t){return e.updateStateX(t)}}),l.createElement(Ee,{label:"y",step:this.props.step,value:this.state.value.y,onChange:function(t){return e.updateStateY(t)}}),l.createElement(Ee,{label:"z",step:this.props.step,value:this.state.value.z,onChange:function(t){return e.updateStateZ(t)}})),this.state.isExpanded&&this.props.useEuler&&l.createElement("div",{className:"secondLine"},l.createElement(ve,{label:"x",minimum:0,maximum:360,step:.1,directValue:c.Tools.ToDegrees(this.state.value.x),onChange:function(t){return e.updateStateX(c.Tools.ToRadians(t))}}),l.createElement(ve,{label:"y",minimum:0,maximum:360,step:.1,directValue:c.Tools.ToDegrees(this.state.value.y),onChange:function(t){return e.updateStateY(c.Tools.ToRadians(t))}}),l.createElement(ve,{label:"z",minimum:0,maximum:360,step:.1,directValue:c.Tools.ToDegrees(this.state.value.z),onChange:function(t){return e.updateStateZ(c.Tools.ToRadians(t))}})))},t.defaultProps={step:.001},t}(l.Component),ke=function(e){function t(t){var r=e.call(this,t)||this;r._localChange=!1;var n=r.props.target[r.props.propertyName].clone();return r.state={isExpanded:!1,value:n,eulerValue:n.toEulerAngles()},r}return a(t,e),t.prototype.shouldComponentUpdate=function(e,t){var r=e.target[e.propertyName];return!(r.equals(t.value)&&!this._localChange)&&(t.value=r.clone(),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.props.target[this.props.propertyName].clone();this.props.target[this.props.propertyName]=this.state.value,this.setState({value:e}),this.raiseOnPropertyChanged(this.state.value,e)},t.prototype.updateStateX=function(e){this._localChange=!0,this.state.value.x=e,this.updateQuaternion()},t.prototype.updateStateY=function(e){this._localChange=!0,this.state.value.y=e,this.updateQuaternion()},t.prototype.updateStateZ=function(e){this._localChange=!0,this.state.value.z=e,this.updateQuaternion()},t.prototype.updateStateW=function(e){this._localChange=!0,this.state.value.w=e,this.updateQuaternion()},t.prototype.updateQuaternionFromEuler=function(){var e=this.state.eulerValue.toQuaternion();this.state.value.x=e.x,this.state.value.y=e.y,this.state.value.z=e.z,this.state.value.w=e.w,this.updateQuaternion()},t.prototype.updateStateEulerX=function(e){this._localChange=!0,this.state.eulerValue.x=c.Tools.ToRadians(e),this.updateQuaternionFromEuler()},t.prototype.updateStateEulerY=function(e){this._localChange=!0,this.state.eulerValue.y=c.Tools.ToRadians(e),this.updateQuaternionFromEuler()},t.prototype.updateStateEulerZ=function(e){this._localChange=!0,this.state.eulerValue.z=c.Tools.ToRadians(e),this.updateQuaternionFromEuler()},t.prototype.render=function(){var e=this,t=this.state.isExpanded?l.createElement(u.a,{icon:V}):l.createElement(u.a,{icon:Y}),r=this.state.value,n=this.state.eulerValue;return l.createElement("div",{className:"vector3Line"},l.createElement("div",{className:"firstLine"},l.createElement("div",{className:"label"},this.props.label),l.createElement("div",{className:"vector"},!this.props.useEuler&&"X: "+r.x.toFixed(1)+", Y: "+r.y.toFixed(1)+", Z: "+r.z.toFixed(1)+", W: "+r.w.toFixed(1),this.props.useEuler&&"X: "+c.Tools.ToDegrees(n.x).toFixed(2)+", Y: "+c.Tools.ToDegrees(n.y).toFixed(2)+", Z: "+c.Tools.ToDegrees(n.z).toFixed(2)),l.createElement("div",{className:"expand",onClick:function(){return e.switchExpandState()}},t)),this.state.isExpanded&&!this.props.useEuler&&l.createElement("div",{className:"secondLine"},l.createElement(Ee,{label:"x",value:r.x,onChange:function(t){return e.updateStateX(t)}}),l.createElement(Ee,{label:"y",value:r.y,onChange:function(t){return e.updateStateY(t)}}),l.createElement(Ee,{label:"z",value:r.z,onChange:function(t){return e.updateStateZ(t)}}),l.createElement(Ee,{label:"w",value:r.w,onChange:function(t){return e.updateStateW(t)}})),this.state.isExpanded&&this.props.useEuler&&l.createElement("div",{className:"secondLine"},l.createElement(ve,{label:"x",minimum:0,maximum:360,step:.1,directValue:c.Tools.ToDegrees(n.x),onChange:function(t){return e.updateStateEulerX(t)}}),l.createElement(ve,{label:"y",minimum:0,maximum:360,step:.1,directValue:c.Tools.ToDegrees(n.y),onChange:function(t){return e.updateStateEulerY(t)}}),l.createElement(ve,{label:"z",minimum:0,maximum:360,step:.1,directValue:c.Tools.ToDegrees(n.z),onChange:function(t){return e.updateStateEulerZ(t)}})))},t}(l.Component),_e=function(e){function t(t){var r=e.call(this,t)||this;return r._localChange=!1,r.state={value:(void 0!==r.props.value?r.props.value:r.props.target[r.props.propertyName])||""},r}return a(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 r=void 0!==e.value?e.value:e.target[e.propertyName];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){this._localChange=!0;var t=void 0!==this.props.value?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 l.createElement("div",{className:"textInputLine"},l.createElement("div",{className:"label"},this.props.label),l.createElement("div",{className:"value"},l.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}(l.Component),Ne=function(e){function t(t){var r=e.call(this,t)||this;return r.state={mode:0},r}return a(t,e),t.prototype.renderInspectable=function(e){switch(e.type){case c.InspectableType.Checkbox:return l.createElement(de,{key:e.label,label:e.label,target:this.props.target,propertyName:e.propertyName,onPropertyChangedObservable:this.props.onPropertyChangedObservable});case c.InspectableType.Slider:return l.createElement(ve,{key:e.label,label:e.label,target:this.props.target,propertyName:e.propertyName,step:void 0!==e.step?e.step:.1,minimum:void 0!==e.min?e.min:0,maximum:void 0!==e.max?e.max:1,onPropertyChangedObservable:this.props.onPropertyChangedObservable});case c.InspectableType.Vector3:return l.createElement(we,{key:e.label,label:e.label,target:this.props.target,propertyName:e.propertyName,onPropertyChangedObservable:this.props.onPropertyChangedObservable});case c.InspectableType.Quaternion:return l.createElement(ke,{useEuler:this.props.globalState.onlyUseEulers,key:e.label,label:e.label,target:this.props.target,propertyName:e.propertyName,onPropertyChangedObservable:this.props.onPropertyChangedObservable});case c.InspectableType.Color3:return l.createElement(Pe,{key:e.label,label:e.label,target:this.props.target,propertyName:e.propertyName,onPropertyChangedObservable:this.props.onPropertyChangedObservable});case c.InspectableType.String:return l.createElement(_e,{key:e.label,label:e.label,lockObject:this.props.lockObject,target:this.props.target,propertyName:e.propertyName,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}return null},t.prototype.render=function(){var e=this,t=this.props.target.inspectableCustomProperties;return t&&0!==t.length?l.createElement(se,{title:"CUSTOM",globalState:this.props.globalState},t.map((function(t){return e.renderInspectable(t)}))):null},t}(l.Component),Te=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this;return l.createElement("div",{className:"buttonLine"},l.createElement("button",{onClick:function(){return e.props.onClick()}},this.props.label))},t}(l.Component),Me=function(e){function t(t){var r=e.call(this,t)||this;r._localChange=!1;var n=r.props.target[r.props.propertyName];return r.state={value:n?r.props.isInteger?n.toFixed(0):n.toFixed(r.props.digits||3):"0"},r._store=n,r}return a(t,e),t.prototype.componentWillUnmount=function(){this.unlock()},t.prototype.shouldComponentUpdate=function(e,t){if(this._localChange)return this._localChange=!1,!0;var r=e.target[e.propertyName],n=r?this.props.isInteger?r.toFixed(0):r.toFixed(this.props.digits||3):"0";return n!==t.value&&(t.value=n,!0)},t.prototype.raiseOnPropertyChanged=function(e,t){var r;this.props.onChange&&this.props.onChange(e),this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:null!==(r=this.props.replaySourceReplacement)&&void 0!==r?r: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),isNaN(t)||void 0===this.props.min||t<this.props.min&&(e=(t=this.props.min).toString()),this._localChange=!0,this.setState({value:e}),isNaN(t)||(this.props.target[this.props.propertyName]=t,this.raiseOnPropertyChanged(t,this._store),this._store=t))},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,t=this;return e=this.props.isInteger?parseInt(this.state.value):parseFloat(this.state.value),l.createElement("div",null,!this.props.useEuler&&l.createElement("div",{className:this.props.additionalClass?this.props.additionalClass+" floatLine":"floatLine"},l.createElement("div",{className:"label"},this.props.label),l.createElement("div",{className:"value"},l.createElement("input",{type:"number",step:this.props.step||this.props.isInteger?"1":"0.01",className:"numeric-input",value:this.state.value,onBlur:function(){return t.unlock()},onFocus:function(){return t.lock()},onChange:function(e){return t.updateValue(e.target.value)}}))),this.props.useEuler&&l.createElement(ve,{label:this.props.label,minimum:0,maximum:360,step:.1,directValue:c.Tools.ToDegrees(e),onChange:function(e){return t.updateValue(c.Tools.ToRadians(e).toString())}}))},t}(l.Component),Re=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){return l.createElement(l.Fragment,null,l.createElement("svg",{x:this.props.control.x,y:this.props.control.y,style:{overflow:"visible"}},l.createElement("circle",{type:this.props.type,"data-id":this.props.index,className:"draggable control-point "+(this.props.active?"active":""),cx:"0",cy:"0",r:"2",stroke:"none",strokeWidth:"0",fill:this.props.active?"blue":"black"})),l.createElement("line",{className:"control-point "+(this.props.active?"active":""),x1:this.props.anchor.x,y1:this.props.anchor.y,x2:this.props.control.x,y2:this.props.control.y,stroke:"green",strokeWidth:"0.75"}))},t}(l.Component),Ae=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){return l.createElement(l.Fragment,null,l.createElement("svg",{className:"draggable",x:this.props.keyframePoint.x,y:this.props.keyframePoint.y,style:{overflow:"visible"}},l.createElement("circle",{"data-id":this.props.id,className:"draggable",cx:"0",cy:"0",r:"2",stroke:"none",strokeWidth:"0",fill:"red"})),this.props.leftControlPoint&&l.createElement(Re,{type:"left",index:this.props.id,control:this.props.leftControlPoint,anchor:this.props.keyframePoint,active:!1,selected:!1}),this.props.rightControlPoint&&l.createElement(Re,{type:"right",index:this.props.id,control:this.props.rightControlPoint,anchor:this.props.keyframePoint,active:!1,selected:!1}))},t}(l.Component),Le=function(e){function t(t){var r=e.call(this,t)||this;return r._currentPointIndex=-1,r._isCurrentPointControl="",r._draggableArea=l.createRef(),r._panStart=new c.Vector2(0,0),r._panStop=new c.Vector2(0,0),r}return a(t,e),t.prototype.componentDidMount=function(){var e,t,r=this;null===(e=this._draggableArea.current)||void 0===e||e.addEventListener("keydown",this.keyDown.bind(this)),null===(t=this._draggableArea.current)||void 0===t||t.addEventListener("keyup",this.keyUp.bind(this)),setTimeout((function(){var e,t;r._width=void 0!==(null===(e=r._draggableArea.current)||void 0===e?void 0:e.clientWidth)?null===(t=r._draggableArea.current)||void 0===t?void 0:t.clientWidth:0,console.log(r._width)}),500)},t.prototype.dragStart=function(e){e.preventDefault(),e.target.classList.contains("draggable")&&(this._active=!0,this._currentPointIndex=parseInt(e.target.getAttribute("data-id")),e.target.classList.contains("control-point")&&(this._isCurrentPointControl=e.target.getAttribute("type"))),e.target.classList.contains("pannable")&&1===e.buttons&&e.ctrlKey&&this._panStart.set(e.clientX,e.clientY)},t.prototype.drag=function(e){if(this._active){e.preventDefault();var t=this.getMousePosition(e);if(void 0!==t){var r=i(this.props.keyframeSvgPoints);"left"===this._isCurrentPointControl?r[this._currentPointIndex].leftControlPoint=t:"right"===this._isCurrentPointControl?r[this._currentPointIndex].rightControlPoint=t:r[this._currentPointIndex].keyframePoint=t,this.props.updatePosition(r[this._currentPointIndex],this._currentPointIndex)}}},t.prototype.dragEnd=function(e){e.preventDefault(),this._active=!1,this._currentPointIndex=-1,this._isCurrentPointControl="",e.target.classList.contains("pannable")&&0!==this._panStart.x&&0!==this._panStart.y&&(this._panStop.set(e.clientX,e.clientY),this.panDirection())},t.prototype.getMousePosition=function(e){if(e.touches&&(e=e.touches[0]),this._draggableArea.current){var t=this._draggableArea.current.getScreenCTM();return t?new c.Vector2((e.clientX-t.e)/t.a,(e.clientY-t.f)/t.d):void 0}},t.prototype.panDirection=function(){this._panStart.x>this._panStop.x&&(console.log("right to left"),this.panTo("right",Math.abs(this._panStart.x-this._panStop.x))),this._panStart.x<this._panStop.x&&(this.panTo("left",Math.abs(this._panStart.x-this._panStop.x)),console.log("left to right")),this._panStart.y>this._panStop.y&&console.log("down up"),this._panStart.y<this._panStop.y&&console.log("up down"),this._panStart.set(0,0),this._panStop.set(0,0)},t.prototype.panTo=function(e,t){var r,n;switch(e){case"left":(null===(r=this._draggableArea.current)||void 0===r?void 0:r.parentElement).scrollLeft-=1*t;break;case"right":(null===(n=this._draggableArea.current)||void 0===n?void 0:n.parentElement).scrollLeft+=1*t}},t.prototype.keyDown=function(e){var t;e.preventDefault(),17===e.keyCode&&(null===(t=this._draggableArea.current)||void 0===t||t.style.setProperty("cursor","grab"))},t.prototype.keyUp=function(e){var t;e.preventDefault(),17===e.keyCode&&(null===(t=this._draggableArea.current)||void 0===t||t.style.setProperty("cursor","initial"))},t.prototype.focus=function(e){var t;e.preventDefault(),null===(t=this._draggableArea.current)||void 0===t||t.focus()},t.prototype.render=function(){var e=this;return l.createElement(l.Fragment,null,l.createElement("svg",{className:"linear pannable",ref:this._draggableArea,tabIndex:0,onMouseMove:function(t){return e.drag(t)},onTouchMove:function(t){return e.drag(t)},onTouchStart:function(t){return e.dragStart(t)},onTouchEnd:function(t){return e.dragEnd(t)},onMouseDown:function(t){return e.dragStart(t)},onMouseUp:function(t){return e.dragEnd(t)},onMouseLeave:function(t){return e.dragEnd(t)},onClick:function(t){return e.focus(t)},viewBox:"0 0 "+Math.round(200*this.props.scale)+" "+Math.round(100*this.props.scale)},this.props.children,this.props.keyframeSvgPoints.map((function(e,t){return l.createElement(Ae,{key:t,id:t.toString(),keyframePoint:e.keyframePoint,leftControlPoint:e.leftControlPoint,rightControlPoint:e.rightControlPoint})}))))},t}(l.Component),je=function(e){function t(t){var r=e.call(this,t)||this;return r._frames=Array(300).fill({}),r.state={selected:r.props.selected},r._scrollable=l.createRef(),r}return a(t,e),t.prototype.handleInputChange=function(e){this.props.onCurrentFrameChange(parseInt(e.target.value)),e.preventDefault()},t.prototype.nextFrame=function(e){e.preventDefault(),this.props.onCurrentFrameChange(this.props.currentFrame+1),this._scrollable.current.scrollLeft=5*this.props.currentFrame},t.prototype.previousFrame=function(e){e.preventDefault(),0!==this.props.currentFrame&&(this.props.onCurrentFrameChange(this.props.currentFrame-1),this._scrollable.current.scrollLeft=-5*this.props.currentFrame)},t.prototype.nextKeyframe=function(e){var t=this;e.preventDefault();var r=this.props.keyframes.find((function(e){return e.frame>t.props.currentFrame}));r&&(this.props.onCurrentFrameChange(r.frame),this.setState({selected:r}),this._scrollable.current.scrollLeft=5*r.frame)},t.prototype.previousKeyframe=function(e){var t=this;e.preventDefault();var r=this.props.keyframes.find((function(e){return e.frame<t.props.currentFrame}));r&&(this.props.onCurrentFrameChange(r.frame),this.setState({selected:r}),this._scrollable.current.scrollLeft=-5*r.frame)},t.prototype.render=function(){var e=this;return l.createElement(l.Fragment,null,l.createElement("div",{className:"timeline"},l.createElement("div",{ref:this._scrollable,className:"display-line"},l.createElement("svg",{viewBox:"0 0 2010 100",style:{width:2e3}},l.createElement("line",{x1:10*this.props.currentFrame,y1:"10",x2:10*this.props.currentFrame,y2:"20",style:{stroke:"#12506b",strokeWidth:6}}),this.props.keyframes.map((function(e,t){return l.createElement("svg",{key:"kf_"+t},l.createElement("line",{x1:10*e.frame,y1:"10",x2:10*e.frame,y2:"20",style:{stroke:"red",strokeWidth:6}}))})),this._frames.map((function(e,t){return l.createElement("svg",{key:"tl_"+t},t%10==0?l.createElement("text",{x:10*t-3,y:"8",style:{fontSize:10}},t):null,l.createElement("line",{x1:10*t,y1:"10",x2:10*t,y2:"20",style:{stroke:"black",strokeWidth:.5}}))})))),l.createElement("div",{className:"controls"},l.createElement("div",{className:"input-frame"},l.createElement("input",{type:"number",value:this.props.currentFrame,onChange:function(t){return e.handleInputChange(t)}})),l.createElement("div",{className:"previous-frame button",onClick:function(t){return e.previousFrame(t)}},l.createElement(u.a,{icon:x})),l.createElement("div",{className:"previous-key-frame button",onClick:function(t){return e.previousKeyframe(t)}},l.createElement(u.a,{icon:Q})),l.createElement("div",{className:"next-key-frame button",onClick:function(t){return e.nextKeyframe(t)}},l.createElement(u.a,{icon:$})),l.createElement("div",{className:"next-frame button",onClick:function(t){return e.nextFrame(t)}},l.createElement(u.a,{icon:O})))))},t}(l.Component),Ie=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){return l.createElement("div",{className:"playhead-wrapper",id:"playhead",style:{left:"calc("+this.props.frame*this.props.offset+"px - 13px)"}},l.createElement("div",{className:"playhead"},this.props.frame),l.createElement("div",{className:"playhead-triangle"}),l.createElement("div",{className:"playhead-line"}))},t}(l.Component),De=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){return l.createElement("div",{className:"notification-area",style:{display:this.props.open?"block":"none"}},l.createElement("div",{className:"alert alert-error"},l.createElement("button",{type:"button",className:"close","data-dismiss":"alert",onClick:this.props.close},"×"),this.props.message))},t}(l.Component),ze=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){return l.createElement("div",{className:"actions-wrapper"},l.createElement("div",{className:"action-input"},l.createElement("label",null,"Frame"),l.createElement("input",{type:"number",value:this.props.currentFrame,onChange:this.props.handleFrameChange,step:"1"})),l.createElement("div",{className:"action-input"},l.createElement("label",null,"Value"),l.createElement("input",{type:"number",value:this.props.currentValue.toFixed(3),onChange:this.props.handleValueChange,step:"0.001"})),l.createElement(Te,{label:"Add Keyframe",onClick:this.props.addKeyframe}),l.createElement(Te,{label:"Remove Keyframe",onClick:this.props.removeKeyframe}),l.createElement(Te,{label:"Flat Tangent",onClick:this.props.flatTangent}))},t}(l.Component);r(267);var Fe,Ge=function(e){function t(t){var r=e.call(this,t)||this;r._heightScale=100,r._canvasLength=20,r._newAnimations=[],r._svgKeyframes=[],r._frames=[],r._isPlaying=!1,r._graphCanvas=l.createRef(),r._selectedCurve=l.createRef(),r._svgCanvas=l.createRef();var n=[2,1.8,1.6,1.4,1.2,1,.8,.6,.4,.2,0];return r.state={animations:r._newAnimations,selected:r.props.animations[0],isOpen:!0,currentPathData:r.getPathData(r.props.animations[0]),svgKeyframes:r._svgKeyframes,animationTargetProperty:"position.x",animationName:"",animationType:"Float",currentFrame:0,currentValue:1,flatTangent:!1,playheadOffset:r._graphCanvas.current?r._graphCanvas.current.children[1].clientWidth/(10*r._canvasLength):0,frameAxisLength:new Array(r._canvasLength).fill(0).map((function(e,t){return{value:10*t,label:10*t}})),valueAxisLength:new Array(10).fill(0).map((function(e,t){return{value:10*t,label:n[t]}})),notification:"",lastFrame:0,currentPoint:void 0,scale:1,playheadPos:0},r}return a(t,e),t.prototype.componentDidMount=function(){var e=this;setTimeout((function(){return e.resetPlayheadOffset()}),500)},t.prototype.resetPlayheadOffset=function(){this._graphCanvas&&this._graphCanvas.current&&this.setState({playheadOffset:this._graphCanvas.current.children[1].clientWidth/(10*this._canvasLength*this.state.scale)})},t.prototype.setAxesLength=function(){var e=this,t=Math.round(this._canvasLength*this.state.scale);t<2*this.state.selected.getHighestFrame()/10&&(t=2*this.state.selected.getHighestFrame()/10);var r=Math.round(this.state.scale*this._heightScale/10),n=new Array(t).fill(0).map((function(e,t){return{value:10*t,label:10*t}})),a=new Array(r).fill(0).map((function(t,r){return{value:10*r,label:e.getValueLabel(10*r)}}));this.setState({frameAxisLength:n,valueAxisLength:a}),this.resetPlayheadOffset()},t.prototype.getValueLabel=function(e){return 0===e&&2,50===e?1:.01*(100-2*e)+1},t.prototype.handleNameChange=function(e){e.preventDefault(),this.setState({animationName:e.target.value})},t.prototype.handleValueChange=function(e){var t=this;e.preventDefault(),this.setState({currentValue:parseFloat(e.target.value)},(function(){var e=t.state.selected,r=e.getKeys();if(r.find((function(e){return e.frame===t.state.currentFrame}))){var n=r.map((function(e){return e.frame===t.state.currentFrame&&(e.value=t.state.currentValue),e}));t.state.selected.setKeys(n),t.selectAnimation(e)}}))},t.prototype.handleFrameChange=function(e){e.preventDefault(),this.changeCurrentFrame(parseInt(e.target.value))},t.prototype.handleTypeChange=function(e){e.preventDefault(),this.setState({animationType:e.target.value})},t.prototype.handlePropertyChange=function(e){e.preventDefault(),this.setState({animationTargetProperty:e.target.value})},t.prototype.addAnimation=function(){var e;if(""!=this.state.animationName&&""!=this.state.animationTargetProperty){var t=this.state.animationTargetProperty.split("."),r=this.getAnimationTypeofChange(this.state.animationType),n=!1;if(1===t.length)if(a=this.props.entity[t[0]])switch(a.constructor.name){case"Vector2":n=r===c.Animation.ANIMATIONTYPE_VECTOR2;break;case"Vector3":n=r===c.Animation.ANIMATIONTYPE_VECTOR3;break;case"Quaternion":n=r===c.Animation.ANIMATIONTYPE_QUATERNION;break;case"Color3":n=r===c.Animation.ANIMATIONTYPE_COLOR3;break;case"Color4":n=r===c.Animation.ANIMATIONTYPE_COLOR4;break;case"Size":n=r===c.Animation.ANIMATIONTYPE_SIZE;break;default:console.log("not recognized")}else this.setState({notification:"The selected entity doesn't have a "+t[0]+" property"});else if(t.length>1){var a;"number"==typeof(a=this.props.entity[t[0]][t[1]])&&(n=r===c.Animation.ANIMATIONTYPE_FLOAT)}if(n){var o=void 0,i=void 0;switch(r){case c.Animation.ANIMATIONTYPE_FLOAT:o=1,i=1;break;case c.Animation.ANIMATIONTYPE_VECTOR2:o=new c.Vector2(1,1),i=new c.Vector2(1,1);break;case c.Animation.ANIMATIONTYPE_VECTOR3:o=new c.Vector3(1,1,1),i=new c.Vector3(1,1,1);break;case c.Animation.ANIMATIONTYPE_QUATERNION:o=new c.Quaternion(1,1,1,1),i=new c.Quaternion(1,1,1,1);break;case c.Animation.ANIMATIONTYPE_COLOR3:o=new c.Color3(1,1,1),i=new c.Color3(1,1,1);break;case c.Animation.ANIMATIONTYPE_COLOR4:o=new c.Color4(1,1,1,1),i=new c.Color4(1,1,1,1);break;case c.Animation.ANIMATIONTYPE_SIZE:o=new c.Size(1,1),i=new c.Size(1,1);break;default:console.log("not recognized")}var l=new c.Animation(this.state.animationName,this.state.animationTargetProperty,30,r),s=[];s.push({frame:0,value:o}),s.push({frame:100,value:i}),l.setKeys(s),null===(e=this.props.entity.animations)||void 0===e||e.push(l)}else this.setState({notification:'The property "'+this.state.animationTargetProperty+'" is not a "'+this.state.animationType+'" type'})}else this.setState({notification:"You need to provide a name and target property."})},t.prototype.clearNotification=function(){this.setState({notification:""})},t.prototype.addKeyframeClick=function(){var e=this.state.selected;if(e.dataType===c.Animation.ANIMATIONTYPE_FLOAT){var t=e.getKeys(),r=this.state.currentFrame,n=this.state.currentValue;t.push({frame:r,value:n}),t.sort((function(e,t){return e.frame-t.frame})),e.setKeys(t),this.selectAnimation(e)}},t.prototype.removeKeyframeClick=function(){var e=this.state.selected;if(e.dataType===c.Animation.ANIMATIONTYPE_FLOAT){var t=e.getKeys(),r=this.state.currentFrame,n=t.filter((function(e){return e.frame!==r}));e.setKeys(n),this.selectAnimation(e)}},t.prototype.addKeyFrame=function(e){var t;e.preventDefault();var r=e.target,n=r.createSVGPoint();n.x=e.clientX,n.y=e.clientY;var a,o=null===(t=r.getScreenCTM())||void 0===t?void 0:t.inverse(),i=n.matrixTransform(o),l=this.state.selected,s=l.getKeys();i.y<50&&(a=1+100/i.y*.1),i.y>50&&(a=1-100/i.y*.1),s.push({frame:i.x,value:a}),l.setKeys(s),this.selectAnimation(l)},t.prototype.updateKeyframe=function(e,t){var r,n=this.state.selected,a=[],o=null===(r=this.state.svgKeyframes)||void 0===r?void 0:r.map((function(r,n){n===t&&(r.keyframePoint.x=e.x,r.keyframePoint.y=e.y);var o;return r.keyframePoint.y<50&&(o=1+100/r.keyframePoint.y*.1),r.keyframePoint.y>50&&(o=1-100/r.keyframePoint.y*.1),a.push({frame:r.keyframePoint.x,value:o}),r}));n.setKeys(a),this.setState({svgKeyframes:o})},t.prototype.getAnimationProperties=function(e){var t,r,n=e.getEasingFunction();return void 0===n?(t=void 0,r=void 0):(t=n.constructor.name,r=n.getEasingMode()),{easingType:t,easingMode:r}},t.prototype.getPathData=function(e){var t=this.getAnimationProperties(e),r=t.easingMode,n=t.easingType,a=e.getKeys();if(void 0===a)return"";var o=a[0],i=this._heightScale/2,l="M"+o.frame+", "+(this._heightScale-o.value*i);if(this.state&&this.state.flatTangent)l=this.curvePathFlat(a,l,i,e.dataType);else if(this.getAnimationData(e).usesTangents)l=this.curvePathWithTangents(a,l,i,e.dataType);else if(console.log("no tangents in this animation"),void 0===n&&void 0===r)l=this.linearInterpolation(a,l,i);else{var s=e.getEasingFunction();l=this.curvePath(a,l,i,s)}return l},t.prototype.drawAllFrames=function(e,t,r){for(var n=e.frame;n<t.frame;n++){t.frame;var a=r.easeInCore(n),o=this._heightScale-a*(this._heightScale/2);this._frames.push(new c.Vector2(n,o))}},t.prototype.curvePathFlat=function(e,t,r,n){var a=this;return e.forEach((function(o,i){if(n===c.Animation.ANIMATIONTYPE_FLOAT){var l=new c.Vector2(0,0);if(0===i)l.set(o.frame,a._heightScale-o.value*r),a.setKeyframePoint([l],i,e.length);else{l.set(e[i-1].frame,a._heightScale-e[i-1].value*r);var s=new c.Vector2(l.x+10,l.y),p=new c.Vector2(o.frame,a._heightScale-o.value*r),u=new c.Vector2(p.x-10,p.y);a.setKeyframePoint([l,s,u,p],i,e.length),t+=" C"+s.x+" "+s.y+" "+u.x+" "+u.y+" "+p.x+" "+p.y+" "}}})),t},t.prototype.curvePathWithTangents=function(e,t,r,n){var a=this;switch(n){case c.Animation.ANIMATIONTYPE_FLOAT:case c.Animation.ANIMATIONTYPE_VECTOR3:}return e.forEach((function(n,o){var i,l=n.inTangent,s=n.outTangent;0===o?(i={keyframePoint:new c.Vector2(n.frame,a._heightScale-n.value*r),rightControlPoint:s,leftControlPoint:null,id:o.toString()},t+=" C"+i.keyframePoint.x+" "+i.keyframePoint.y+" "+s.x+" "+s.y):(i={keyframePoint:new c.Vector2(e[o-1].frame,a._heightScale-e[o-1].value*r),rightControlPoint:s,leftControlPoint:l,id:o.toString()},t+=s?l.x+" "+l.y+" C"+i.keyframePoint.x+" "+i.keyframePoint.y+" "+s.x+" "+s.y+" ":l.x+" "+l.y+" C"+i.keyframePoint.x+" "+i.keyframePoint.y+" "),a._svgKeyframes.push(i)})),t},t.prototype.curvePath=function(e,t,r,n){var a=this,o=.25,i=.75;return e.forEach((function(l,s){var p=new c.Vector2(0,0);if(0===s)p.x=l.frame,p.y=a._heightScale-l.value*r,a.setKeyframePoint([p],s,e.length);else{p.x=e[s-1].frame,p.y=a._heightScale-e[s-1].value*r;var u=new c.Vector2(l.frame,a._heightScale-l.value*r),d=n.easeInCore(o),h=n.easeInCore(i),b=0;u.y>p.y?b=(u.y-p.y)*d+p.y:u.y<p.y&&(b=p.y-(p.y-u.y)*d);var f=0;u.y>p.y?f=(u.y-p.y)*h+p.y:u.y<p.y&&(f=p.y-(p.y-u.y)*h);var m=new c.Vector2((u.x-p.x)*o+p.x,b),g=new c.Vector2((u.x-p.x)*i+p.x,f),v=a.interpolateControlPoints(p,m,o,g,i,u);void 0===v?console.log("error getting bezier control points"):(a.setKeyframePoint(v,s,e.length),t+=" C"+v[1].x+" "+v[1].y+" "+v[2].x+" "+v[2].y+" "+v[3].x+" "+v[3].y)}})),t},t.prototype.renderPoints=function(e,t){var r=this.state.selected,n=i(r.getKeys()),a=0;0!==e.keyframePoint.x&&(a=e.keyframePoint.x>0&&e.keyframePoint.x<1?1:Math.round(e.keyframePoint.x)),n[t].frame=a,n[t].value=(this._heightScale-e.keyframePoint.y)/this._heightScale*2,r.setKeys(n),this.selectAnimation(r)},t.prototype.linearInterpolation=function(e,t,r){var n=this;return e.forEach((function(e,a){var o=new c.Vector2(0,0);o.x=e.frame,o.y=n._heightScale-e.value*r,n.setKeyframePointLinear(o,a),0!==a&&(t+=" L"+o.x+" "+o.y)})),t},t.prototype.setKeyframePointLinear=function(e,t){var r={keyframePoint:e,rightControlPoint:null,leftControlPoint:null,id:t.toString()};this._svgKeyframes.push(r)},t.prototype.setKeyframePoint=function(e,t,r){var n;0===t?n={keyframePoint:e[0],rightControlPoint:null,leftControlPoint:null,id:t.toString()}:(this._svgKeyframes[t-1].rightControlPoint=e[1],n={keyframePoint:e[3],rightControlPoint:null,leftControlPoint:e[2],id:t.toString()}),this._svgKeyframes.push(n)},t.prototype.isAnimationPlaying=function(){this._isPlaying=this.props.scene.getAllAnimatablesByTarget(this.props.entity).length>0,this._isPlaying?this.props.playOrPause():this._isPlaying=!1},t.prototype.selectAnimation=function(e){this.isAnimationPlaying(),this._svgKeyframes=[];var t=this.getPathData(e),r=e.getHighestFrame();""===t&&console.log("no keyframes in this animation"),this.setState({selected:e,currentPathData:t,svgKeyframes:this._svgKeyframes,lastFrame:r})},t.prototype.getAnimationData=function(e){var t=e.loopMode,r=e.name,n=e.blendingSpeed,a=e.targetProperty;return{loopMode:t,name:r,blendingSpeed:n,targetPropertyPath:e.targetPropertyPath,targetProperty:a,framesPerSecond:e.framePerSecond,highestFrame:e.getHighestFrame(),serialized:e.serialize(),usesTangents:e.getKeys().find((function(e){return e.inTangent}))}},t.prototype.getAnimationTypeofChange=function(e){var t=0;switch(e){case"Float":t=c.Animation.ANIMATIONTYPE_FLOAT;break;case"Quaternion":t=c.Animation.ANIMATIONTYPE_QUATERNION;break;case"Vector3":t=c.Animation.ANIMATIONTYPE_VECTOR3;break;case"Vector2":t=c.Animation.ANIMATIONTYPE_VECTOR2;break;case"Size":t=c.Animation.ANIMATIONTYPE_SIZE;break;case"Color3":t=c.Animation.ANIMATIONTYPE_COLOR3;break;case"Color4":t=c.Animation.ANIMATIONTYPE_COLOR4}return t},t.prototype.interpolateControlPoints=function(e,t,r,n,a,o){var i,l,s,p,u,d=new c.Vector2,h=new c.Vector2,b=e,f=new c.Vector2,m=new c.Vector2,g=o;if(!(r<=0||r>=1||a<=0||a>=1||r>=a)&&0!=(u=(i=3*(1-r)*(1-r)*r)*(p=3*(1-a)*a*a)-(l=3*(1-r)*r*r)*(s=3*(1-a)*(1-a)*a)))return d.x=t.x-((1-r)*(1-r)*(1-r)*e.x+r*r*r*o.x),d.y=t.y-((1-r)*(1-r)*(1-r)*e.y+r*r*r*o.y),h.x=n.x-((1-a)*(1-a)*(1-a)*e.x+a*a*a*o.x),h.y=n.y-((1-a)*(1-a)*(1-a)*e.y+a*a*a*o.y),f.x=(p*d.x-l*h.x)/u,f.y=(p*d.y-l*h.y)/u,m.x=(-s*d.x+i*h.x)/u,m.y=(-s*d.y+i*h.y)/u,[b,f,m,g]},t.prototype.changeCurrentFrame=function(e){var t,r=this._selectedCurve.current;if(r){var n=e*r.getTotalLength()/100,a=r.getPointAtLength(n),o=this._heightScale/2,i=((null==a?void 0:a.y)*this._heightScale-Math.pow(this._heightScale,2)/2)/o/this._heightScale,l=Math.sign(i);t=-1===l?Math.abs(i+l):l-i,this.setState({currentFrame:e,currentValue:t,currentPoint:a})}},t.prototype.setFlatTangent=function(){var e=this;this.setState({flatTangent:!this.state.flatTangent},(function(){return e.selectAnimation(e.state.selected)}))},t.prototype.zoom=function(e){e.nativeEvent.stopImmediatePropagation(),console.log(e.deltaY);var t=1;t=-1===Math.sign(e.deltaY)?this.state.scale-.01:this.state.scale+.01,this.setState({scale:t},this.setAxesLength)},t.prototype.render=function(){var e=this;return l.createElement("div",{id:"animation-curve-editor"},l.createElement(De,{message:this.state.notification,open:""!==this.state.notification,close:function(){return e.clearNotification()}}),l.createElement("div",{className:"header"},l.createElement("div",{className:"title"},this.props.title),l.createElement("div",{className:"close",onClick:function(t){return e.props.close(t)}},l.createElement(u.a,{icon:J}))),l.createElement(ze,{currentValue:this.state.currentValue,currentFrame:this.state.currentFrame,handleFrameChange:function(t){return e.handleFrameChange(t)},handleValueChange:function(t){return e.handleValueChange(t)},addKeyframe:function(){return e.addKeyframeClick()},removeKeyframe:function(){return e.removeKeyframeClick()},flatTangent:function(){return e.setFlatTangent()}}),l.createElement("div",{className:"content"},l.createElement("div",{className:"row"},l.createElement("div",{className:"animation-list"},l.createElement("div",null,l.createElement("div",{className:"label-input"},l.createElement("label",null,"Animation Name"),l.createElement("input",{type:"text",value:this.state.animationName,onChange:function(t){return e.handleNameChange(t)}})),l.createElement("div",{className:"label-input"},l.createElement("label",null,"Type"),l.createElement("select",{onChange:function(t){return e.handleTypeChange(t)},value:this.state.animationType},l.createElement("option",{value:"Float"},"Float"),l.createElement("option",{value:"Vector3"},"Vector3"),l.createElement("option",{value:"Vector2"},"Vector2"),l.createElement("option",{value:"Quaternion"},"Quaternion"),l.createElement("option",{value:"Color3"},"Color3"),l.createElement("option",{value:"Color4"},"Color4"),l.createElement("option",{value:"Size"},"Size"))),l.createElement("div",{className:"label-input"},l.createElement("label",null,"Target Property"),l.createElement("input",{type:"text",value:this.state.animationTargetProperty,onChange:function(t){return e.handlePropertyChange(t)}})),l.createElement(Te,{label:"Add Animation",onClick:function(){return e.addAnimation()}})),l.createElement("div",{className:"object-tree"},l.createElement("h2",null,this.props.entityName),l.createElement("ul",null,this.props.animations&&this.props.animations.map((function(t,r){var n;switch(t.dataType){case c.Animation.ANIMATIONTYPE_FLOAT:n=l.createElement("li",{className:e.state.selected.name===t.name?"active":"",key:r,onClick:function(){return e.selectAnimation(t)}},t.name,l.createElement("strong",null,t.targetProperty));break;case c.Animation.ANIMATIONTYPE_VECTOR2:n=l.createElement("li",{className:"property",key:r},l.createElement("p",null,t.targetProperty),l.createElement("ul",null,l.createElement("li",{key:r+"_x"},"Property ",l.createElement("strong",null,"X")),l.createElement("li",{key:r+"_y"},"Property ",l.createElement("strong",null,"Y"))));break;case c.Animation.ANIMATIONTYPE_VECTOR3:n=l.createElement("li",{className:"property",key:r},l.createElement("p",null,t.targetProperty),l.createElement("ul",null,l.createElement("li",{key:r+"_x"},"Property ",l.createElement("strong",null,"X")),l.createElement("li",{key:r+"_y"},"Property ",l.createElement("strong",null,"Y")),l.createElement("li",{key:r+"_z"},"Property ",l.createElement("strong",null,"Z"))));break;case c.Animation.ANIMATIONTYPE_QUATERNION:n=l.createElement("li",{className:"property",key:r},l.createElement("p",null,t.targetProperty),l.createElement("ul",null,l.createElement("li",{key:r+"_x"},"Property ",l.createElement("strong",null,"X")),l.createElement("li",{key:r+"_y"},"Property ",l.createElement("strong",null,"Y")),l.createElement("li",{key:r+"_z"},"Property ",l.createElement("strong",null,"Z")),l.createElement("li",{key:r+"_w"},"Property ",l.createElement("strong",null,"W"))));break;case c.Animation.ANIMATIONTYPE_COLOR3:n=l.createElement("li",{className:"property",key:r},l.createElement("p",null,t.targetProperty),l.createElement("ul",null,l.createElement("li",{key:r+"_r"},"Property ",l.createElement("strong",null,"R")),l.createElement("li",{key:r+"_g"},"Property ",l.createElement("strong",null,"G")),l.createElement("li",{key:r+"_b"},"Property ",l.createElement("strong",null,"B"))));break;case c.Animation.ANIMATIONTYPE_COLOR4:n=l.createElement("li",{className:"property",key:r},l.createElement("p",null,t.targetProperty),l.createElement("ul",null,l.createElement("li",{key:r+"_r"},"Property ",l.createElement("strong",null,"R")),l.createElement("li",{key:r+"_g"},"Property ",l.createElement("strong",null,"G")),l.createElement("li",{key:r+"_b"},"Property ",l.createElement("strong",null,"B")),l.createElement("li",{key:r+"_a"},"Property ",l.createElement("strong",null,"A"))));break;case c.Animation.ANIMATIONTYPE_SIZE:n=l.createElement("li",{className:"property",key:r},l.createElement("p",null,t.targetProperty),l.createElement("ul",null,l.createElement("li",{key:r+"_width"},"Property ",l.createElement("strong",null,"Width")),l.createElement("li",{key:r+"_height"},"Property ",l.createElement("strong",null,"Height"))));break;default:console.log("not recognized"),n=null}return n}))))),l.createElement("div",{ref:this._graphCanvas,className:"graph-chart",onWheel:function(t){return e.zoom(t)}},l.createElement(Ie,{frame:this.state.currentFrame,offset:this.state.playheadOffset}),this.state.svgKeyframes&&l.createElement(Le,{ref:this._svgCanvas,viewBoxScale:this.state.frameAxisLength.length,scale:this.state.scale,keyframeSvgPoints:this.state.svgKeyframes,updatePosition:function(t,r){return e.renderPoints(t,r)}},this.state.frameAxisLength.map((function(t,r){return l.createElement("svg",{key:r},l.createElement("text",{x:t.value,y:"-2",dx:"-1em",style:{font:"italic 0.2em sans-serif",fontSize:.2*e.state.scale+"em"}},t.value),l.createElement("line",{x1:t.value,y1:"0",x2:t.value,y2:"100%"}))})),this.state.valueAxisLength.map((function(t,r){return l.createElement("svg",{key:r},l.createElement("text",{x:"-3",y:t.value,dx:"-1em",style:{font:"italic 0.2em sans-serif",fontSize:.2*e.state.scale+"em"}},t.label.toFixed(1)),l.createElement("line",{x1:"0",y1:t.value,x2:"100%",y2:t.value}))})),l.createElement("path",{ref:this._selectedCurve,pathLength:this.state.lastFrame,id:"curve",d:this.state.currentPathData,style:{stroke:"red",fill:"none",strokeWidth:"0.5"}}),this._frames&&this._frames.map((function(e){return l.createElement("svg",{x:e.x,y:e.y,style:{overflow:"visible"}},l.createElement("circle",{cx:"0",cy:"0",r:"2",stroke:"black",strokeWidth:"1",fill:"white"}))}))))),l.createElement("div",{className:"row"},l.createElement(je,{currentFrame:this.state.currentFrame,onCurrentFrameChange:function(t){return e.changeCurrentFrame(t)},keyframes:this.state.selected.getKeys(),selected:this.state.selected.getKeys()[0]}))))},t}(l.Component),Be=function(e){function t(t){var r=e.call(this,t)||this;return r._container=document.createElement("div"),r._container.id=r.props.id,r._window,r.state={isComponentMounted:!1,blockedByBrowser:!1},r}return a(t,e),t.prototype.componentDidMount=function(){this.openPopup(),this.setState({isComponentMounted:!0})},t.prototype.openPopup=function(){var e=this,t=this.props,r=t.title,n=t.size,a=t.onClose,o=t.onOpen,i="window_"+r;this._container=aa._CreatePopup(r,i,n.width,n.height),this._window=aa[i],this._window?(o(this._window),this._window.addEventListener("beforeunload",(function(){return e._window&&a(e._window)}))):this._window||this.setState({blockedByBrowser:!0},(function(){e.state.blockedByBrowser&&(alert("You might have blocked popups in your browser"),console.warn("Popup window couldn't be created"))}))},t.prototype.componentWillUnmount=function(){this._window&&this._window.close()},t.prototype.render=function(){return this.state.isComponentMounted&&null!==this._container?p.createPortal(this.props.children,this._container):null},t}(l.Component),He=function(e){function t(t){var r,n=e.call(this,t)||this;n._animations=null,n._isPlaying=!1,n._isCurveEditorOpen=!1,n._animationControl={from:0,to:0,loop:!1},n.state={currentFrame:0};var a=n.props.animatable;if(n._ranges=a.getAnimationRanges?a.getAnimationRanges():[],a.getAnimatables){var o=a.getAnimatables();n._animations=new Array,o.forEach((function(e){var t;e.animations&&(t=n._animations).push.apply(t,e.animations)})),a.animations&&(r=n._animations).push.apply(r,a.animations),n._animations&&n._animations.length&&n._animations.forEach((function(e){var t=e.getKeys();if(t&&t.length>0){t[0].frame<n._animationControl.from&&(n._animationControl.from=t[0].frame);var r=t.length-1;t[r].frame>n._animationControl.to&&(n._animationControl.to=t[r].frame)}}))}return n.timelineRef=l.createRef(),n}return a(t,e),t.prototype.playOrPause=function(){var e=this.props.animatable;this._isPlaying=this.props.scene.getAllAnimatablesByTarget(e).length>0,this._isPlaying?(this.props.scene.stopAnimation(this.props.animatable),this._mainAnimatable=null):this._mainAnimatable=this.props.scene.beginAnimation(this.props.animatable,this._animationControl.from,this._animationControl.to,this._animationControl.loop),this.forceUpdate()},t.prototype.componentDidMount=function(){var e=this;this._onBeforeRenderObserver=this.props.scene.onBeforeRenderObservable.add((function(){e._isPlaying&&e._mainAnimatable&&e.setState({currentFrame:e._mainAnimatable.masterFrame})}))},t.prototype.componentWillUnmount=function(){this._onBeforeRenderObserver&&(this.props.scene.onBeforeRenderObservable.remove(this._onBeforeRenderObserver),this._onBeforeRenderObserver=null)},t.prototype.onCurrentFrameChange=function(e){this._mainAnimatable&&(this._mainAnimatable.goToFrame(e),this.setState({currentFrame:e}))},t.prototype.onChangeFromOrTo=function(){this.playOrPause(),this._isPlaying&&this.playOrPause()},t.prototype.onOpenAnimationCurveEditor=function(){this._isCurveEditorOpen=!0},t.prototype.onCloseAnimationCurveEditor=function(e){this._isCurveEditorOpen=!1,null===e?console.log("Window already closed"):e.close()},t.prototype.render=function(){var e=this,t=this.props.animatable,r=this.props.animatable,n=this.props.scene.getAllAnimatablesByTarget(t);this._isPlaying=n.length>0,this._isPlaying&&!this._mainAnimatable&&(this._mainAnimatable=n[0],this._mainAnimatable&&(this._animationControl.from=this._mainAnimatable.fromFrame,this._animationControl.to=this._mainAnimatable.toFrame,this._animationControl.loop=this._mainAnimatable.loopAnimation));var a=t.animations;return l.createElement("div",null,this._ranges.length>0&&l.createElement(se,{globalState:this.props.globalState,title:"ANIMATION RANGES"},this._ranges.map((function(r,n){return l.createElement(Te,{key:r.name+n,label:r.name,onClick:function(){e._mainAnimatable=null,e.props.scene.beginAnimation(t,r.from,r.to,!0)}})}))),a&&a.length>0&&l.createElement(l.Fragment,null,l.createElement(se,{globalState:this.props.globalState,title:"ANIMATIONS"},l.createElement(le,{label:"Count",value:a.length.toString()}),l.createElement(Te,{label:"Edit",onClick:function(){return e.onOpenAnimationCurveEditor()}}),a.map((function(e,t){return l.createElement(le,{key:e.targetProperty+t,label:"#"+t+" >",value:e.targetProperty})})),this._isCurveEditorOpen&&l.createElement(Be,{id:"curve-editor",title:"Curve Animation Editor",size:{width:950,height:540},onOpen:function(e){e.console.log("Window opened!!")},onClose:function(t){return e.onCloseAnimationCurveEditor(t)}},l.createElement(Ge,{title:"Animations Curve Editor",scene:this.props.scene,entity:r,entityName:r.id,close:function(t){return e.onCloseAnimationCurveEditor(t.view)},playOrPause:function(){return e.playOrPause()},animations:a}))),l.createElement(se,{globalState:this.props.globalState,title:"ANIMATION GENERAL CONTROL"},l.createElement(Me,{lockObject:this.props.lockObject,isInteger:!0,label:"From",target:this._animationControl,propertyName:"from",onChange:function(){return e.onChangeFromOrTo()}}),l.createElement(Me,{lockObject:this.props.lockObject,isInteger:!0,label:"To",target:this._animationControl,propertyName:"to",onChange:function(){return e.onChangeFromOrTo()}}),l.createElement(de,{label:"Loop",onSelect:function(t){return e._animationControl.loop=t},isSelected:function(){return e._animationControl.loop}}),this._isPlaying&&l.createElement(ve,{ref:this.timelineRef,label:"Current frame",minimum:this._animationControl.from,maximum:this._animationControl.to,step:(this._animationControl.to-this._animationControl.from)/1e3,directValue:this.state.currentFrame,onInput:function(t){return e.onCurrentFrameChange(t)}}),l.createElement(Te,{label:this._isPlaying?"Stop":"Play",onClick:function(){return e.playOrPause()}}),(this._ranges.length>0||this._animations&&this._animations.length>0)&&l.createElement(l.Fragment,null,l.createElement(de,{label:"Enable override",onSelect:function(t){t?(r.animationPropertiesOverride=new c.AnimationPropertiesOverride,r.animationPropertiesOverride.blendingSpeed=.05):r.animationPropertiesOverride=null,e.forceUpdate()},isSelected:function(){return null!=r.animationPropertiesOverride},onValueChanged:function(){return e.forceUpdate()}}),null!=r.animationPropertiesOverride&&l.createElement("div",null,l.createElement(de,{label:"Enable blending",target:r.animationPropertiesOverride,propertyName:"enableBlending",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Blending speed",target:r.animationPropertiesOverride,propertyName:"blendingSpeed",minimum:0,maximum:.1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}))))))},t}(l.Component),Ue=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e,t=this,r=this.props.material;r.depthFunction=null!==(e=r.depthFunction)&&void 0!==e?e:0;var n=[{label:"Clockwise",value:c.Material.ClockWiseSideOrientation},{label:"Counterclockwise",value:c.Material.CounterClockWiseSideOrientation}],a=[{label:"<Not Defined>",value:ye},{label:"Opaque",value:c.PBRMaterial.PBRMATERIAL_OPAQUE},{label:"Alpha test",value:c.PBRMaterial.PBRMATERIAL_ALPHATEST},{label:"Alpha blend",value:c.PBRMaterial.PBRMATERIAL_ALPHABLEND},{label:"Alpha blend and test",value:c.PBRMaterial.PBRMATERIAL_ALPHATESTANDBLEND}],o=[{label:"Combine",value:c.Constants.ALPHA_COMBINE},{label:"One one",value:c.Constants.ALPHA_ONEONE},{label:"Add",value:c.Constants.ALPHA_ADD},{label:"Subtract",value:c.Constants.ALPHA_SUBTRACT},{label:"Multiply",value:c.Constants.ALPHA_MULTIPLY},{label:"Maximized",value:c.Constants.ALPHA_MAXIMIZED},{label:"Pre-multiplied",value:c.Constants.ALPHA_PREMULTIPLIED}],i=[{label:"<Engine Default>",value:0},{label:"Never",value:c.Engine.NEVER},{label:"Always",value:c.Engine.ALWAYS},{label:"Equal",value:c.Engine.EQUAL},{label:"Less",value:c.Engine.LESS},{label:"Less or equal",value:c.Engine.LEQUAL},{label:"Greater",value:c.Engine.GREATER},{label:"Greater or equal",value:c.Engine.GEQUAL},{label:"Not equal",value:c.Engine.NOTEQUAL}];return l.createElement("div",null,l.createElement(Ne,{globalState:this.props.globalState,target:r,lockObject:this.props.lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"GENERAL"},l.createElement(le,{label:"ID",value:r.id}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Name",target:r,propertyName:"name",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(le,{label:"Unique ID",value:r.uniqueId.toString()}),l.createElement(le,{label:"Class",value:r.getClassName()}),l.createElement(de,{label:"Backface culling",target:r,propertyName:"backFaceCulling",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Ce,{label:"Orientation",options:n,target:r,propertyName:"sideOrientation",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:function(e){return t.setState({mode:e})}}),l.createElement(de,{label:"Disable lighting",target:r,propertyName:"disableLighting",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Disable color write",target:r,propertyName:"disableColorWrite",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Disable depth write",target:r,propertyName:"disableDepthWrite",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Ce,{label:"Depth function",options:i,target:r,propertyName:"depthFunction",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:function(e){return t.setState({depthFunction:e})}}),l.createElement(de,{label:"Need depth pre-pass",target:r,propertyName:"needDepthPrePass",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Wireframe",target:r,propertyName:"wireframe",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Point cloud",target:r,propertyName:"pointsCloud",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Point size",target:r,propertyName:"pointSize",minimum:0,maximum:100,step:.1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Z-offset",target:r,propertyName:"zOffset",minimum:-10,maximum:10,step:.1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Te,{label:"Dispose",onClick:function(){r.dispose(),t.props.globalState.onSelectionChangedObservable.notifyObservers(null)}})),l.createElement(se,{globalState:this.props.globalState,title:"TRANSPARENCY"},l.createElement(ve,{label:"Alpha",target:r,propertyName:"alpha",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),void 0!==r.transparencyMode&&l.createElement(Ce,{allowNullValue:!0,label:"Transparency mode",options:a,target:r,propertyName:"transparencyMode",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:function(e){return t.setState({transparencyMode:e})}}),l.createElement(Ce,{label:"Alpha mode",options:o,target:r,propertyName:"alphaMode",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:function(e){return t.setState({alphaMode:e})}}),r.diffuseTexture&&l.createElement(de,{label:"Diffuse texture has alpha",target:r.diffuseTexture,propertyName:"hasAlpha",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),void 0!==r.useAlphaFromDiffuseTexture&&l.createElement(de,{label:"Use alpha from diffuse texture",target:r,propertyName:"useAlphaFromDiffuseTexture",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.albedoTexture&&l.createElement(de,{label:"Albedo texture has alpha",target:r.albedoTexture,propertyName:"hasAlpha",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),void 0!==r.useAlphaFromAlbedoTexture&&l.createElement(de,{label:"Use alpha from albedo texture",target:r,propertyName:"useAlphaFromAlbedoTexture",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Separate culling pass",target:r,propertyName:"separateCullingPass",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(He,{globalState:this.props.globalState,animatable:r,scene:r.getScene(),lockObject:this.props.lockObject}))},t}(l.Component),Ve=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.material;return l.createElement("div",{className:"pane"},l.createElement(Ue,{globalState:this.props.globalState,lockObject:this.props.lockObject,material:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}))},t}(l.Component),We=function(e){function t(r){var n=e.call(this,r)||this;return n._id=t._IDGenerator++,n.uploadInputRef=l.createRef(),n}return a(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 l.createElement("div",{className:"buttonLine"},l.createElement("label",{htmlFor:"file-upload"+this._id,className:"file-upload"},this.props.label),l.createElement("input",{ref:this.uploadInputRef,id:"file-upload"+this._id,type:"file",accept:this.props.accept,onChange:function(t){return e.onChange(t)}}))},t._IDGenerator=0,t}(l.Component),Ye=function(e){function t(t){var r=e.call(this,t)||this,n=r.props.material,a=r.props.texture;return r.state={isDebugSelected:n&&n.reservedDataStore&&n.reservedDataStore.debugTexture===a},r}return a(t,e),t.prototype.componentDidMount=function(){var e=this;this.props.onDebugSelectionChangeObservable&&(this._onDebugSelectionChangeObserver=this.props.onDebugSelectionChangeObservable.add((function(t){t!==e&&e.setState({isDebugSelected:!1})})))},t.prototype.componentWillUnmount=function(){this.props.onDebugSelectionChangeObservable&&this._onDebugSelectionChangeObserver&&this.props.onDebugSelectionChangeObservable.remove(this._onDebugSelectionChangeObserver)},t.prototype.debugTexture=function(){if(this.props.customDebugAction){var e=!this.state.isDebugSelected;return this.props.customDebugAction(e),this.setState({isDebugSelected:e}),void(this.props.onDebugSelectionChangeObservable&&this.props.onDebugSelectionChangeObservable.notifyObservers(this))}var t=this.props.texture,r=this.props.material;if(r&&t){var n=r.getScene();if(r.reservedDataStore&&r.reservedDataStore.debugTexture===t){var a=r.reservedDataStore.debugMaterial;t.level=r.reservedDataStore.level;for(var o=0,i=n.meshes;o<i.length;o++){(h=i[o]).material===a&&(h.material=r)}return a.dispose(),r.reservedDataStore.debugTexture=null,r.reservedDataStore.debugMaterial=null,void this.setState({isDebugSelected:!1})}var l=r,s=!1;r.reservedDataStore&&r.reservedDataStore.debugTexture&&(l=r.reservedDataStore.debugMaterial,s=!0);var p=new c.StandardMaterial("debugMaterial",n);p.disableLighting=!0,p.sideOrientation=r.sideOrientation,p.emissiveTexture=t,p.forceDepthWrite=!0,p.reservedDataStore={hidden:!0};for(var u=0,d=n.meshes;u<d.length;u++){var h;(h=d[u]).material===l&&(h.material=p)}r.reservedDataStore||(r.reservedDataStore={}),r.reservedDataStore.debugTexture=t,r.reservedDataStore.debugMaterial=p,r.reservedDataStore.level=t.level,t.level=1,this.props.onDebugSelectionChangeObservable&&this.props.onDebugSelectionChangeObservable.notifyObservers(this),s&&l.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.updateTexture=function(e){var t=this,r=this.props.material;c.Tools.ReadFile(e,(function(e){var n=new Blob([e],{type:"octet/stream"}),a=URL.createObjectURL(n),o=new c.Texture(a,r.getScene(),!1,!1);t.props.propertyName?r[t.props.propertyName]=o:t.props.onTextureCreated&&t.props.onTextureCreated(o),t.forceUpdate()}),void 0,!0)},t.prototype.removeTexture=function(){var e=this.props.material;this.props.propertyName?e[this.props.propertyName]=null:this.props.onTextureRemoved&&this.props.onTextureRemoved(),this.forceUpdate()},t.prototype.render=function(){var e=this,t=this.props.texture;return t?l.createElement("div",{className:"textureLinkLine"},!t.isCube&&this.props.material&&l.createElement(l.Fragment,null,l.createElement("div",{className:this.state.isDebugSelected?"debug selected":"debug"},l.createElement("span",{className:"actionIcon",onClick:function(){return e.debugTexture()},title:"Render as main texture"},l.createElement(u.a,{icon:oe})),l.createElement("span",{className:"actionIcon",onClick:function(){return e.removeTexture()},title:"Remove texture"},l.createElement(u.a,{icon:te})))),l.createElement(le,{label:this.props.label,value:t.name,onLink:function(){return e.onLink()}})):this.props.propertyName||this.props.onTextureCreated?l.createElement(We,{label:"Add "+this.props.label+" texture",onClick:function(t){return e.updateTexture(t)},accept:".jpg, .png, .tga, .dds, .env"}):null},t}(l.Component),Xe=function(e){function t(t){var r=e.call(this,t)||this;return r._onDebugSelectionChangeObservable=new c.Observable,r}return a(t,e),t.prototype.renderTextures=function(){var e=this.props.material,t=this._onDebugSelectionChangeObservable;return l.createElement(se,{globalState:this.props.globalState,title:"TEXTURES"},l.createElement(Ye,{label:"Diffuse",texture:e.diffuseTexture,propertyName:"diffuseTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),l.createElement(Ye,{label:"Specular",texture:e.specularTexture,propertyName:"specularTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),l.createElement(Ye,{label:"Reflection",texture:e.reflectionTexture,propertyName:"reflectionTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),l.createElement(Ye,{label:"Refraction",texture:e.refractionTexture,propertyName:"refractionTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),l.createElement(Ye,{label:"Emissive",texture:e.emissiveTexture,propertyName:"emissiveTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),l.createElement(Ye,{label:"Bump",texture:e.bumpTexture,propertyName:"bumpTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),l.createElement(Ye,{label:"Opacity",texture:e.opacityTexture,propertyName:"opacityTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),l.createElement(Ye,{label:"Ambient",texture:e.ambientTexture,propertyName:"ambientTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),l.createElement(Ye,{label:"Lightmap",texture:e.lightmapTexture,propertyName:"lightmapTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),l.createElement(de,{label:"Use lightmap as shadowmap",target:e,propertyName:"useLightmapAsShadowmap ",onPropertyChangedObservable:this.props.onPropertyChangedObservable}))},t.prototype.render=function(){var e=this.props.material;return l.createElement("div",{className:"pane"},l.createElement(Ue,{globalState:this.props.globalState,lockObject:this.props.lockObject,material:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),this.renderTextures(),l.createElement(se,{globalState:this.props.globalState,title:"LIGHTING & COLORS"},l.createElement(Pe,{label:"Diffuse",target:e,propertyName:"diffuseColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Pe,{label:"Specular",target:e,propertyName:"specularColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Specular power",target:e,propertyName:"specularPower",minimum:0,maximum:128,step:.1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Pe,{label:"Emissive",target:e,propertyName:"emissiveColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Pe,{label:"Ambient",target:e,propertyName:"ambientColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Use specular over alpha",target:e,propertyName:"useSpecularOverAlpha",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"LEVELS",closed:!0},e.diffuseTexture&&l.createElement(ve,{label:"Diffuse level",target:e.diffuseTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.specularTexture&&l.createElement(ve,{label:"Specular level",target:e.specularTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.reflectionTexture&&l.createElement(ve,{label:"Reflection level",target:e.reflectionTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.refractionTexture&&l.createElement(ve,{label:"Refraction level",target:e.refractionTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.emissiveTexture&&l.createElement(ve,{label:"Emissive level",target:e.emissiveTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.bumpTexture&&l.createElement(ve,{label:"Bump level",target:e.bumpTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.opacityTexture&&l.createElement(ve,{label:"Opacity level",target:e.opacityTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.ambientTexture&&l.createElement(ve,{label:"Ambient level",target:e.ambientTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),e.lightmapTexture&&l.createElement(ve,{label:"Lightmap level",target:e.lightmapTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"NORMAL MAP",closed:!0},l.createElement(de,{label:"Invert X axis",target:e,propertyName:"invertNormalMapX",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Invert Y axis",target:e,propertyName:"invertNormalMapY",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(l.Component);!function(e){e[e.R=0]="R",e[e.G=1]="G",e[e.B=2]="B",e[e.A=3]="A",e[e.All=4]="All"}(Fe||(Fe={}));var Ke,qe=function(){function e(){}return e._ProcessAsync=function(e,t,r,n,a,o,i,l){var s,p=this,u=e.getScene(),d=u.getEngine();if(e.isCube){var h=new c.PassCubePostProcess("pass",1,null,c.Texture.NEAREST_SAMPLINGMODE,d,!1,c.Constants.TEXTURETYPE_UNSIGNED_INT);h.face=n,s=h}else s=new c.PassPostProcess("pass",1,null,c.Texture.NEAREST_SAMPLINGMODE,d,!1,c.Constants.TEXTURETYPE_UNSIGNED_INT);if(!s.getEffect().isReady())return s.dispose(),void setTimeout((function(){p._ProcessAsync(e,t,r,n,a,o,i,l)}),250);o&&(o.blockMutationUpdates=!0);var b=new c.RenderTargetTexture("temp",{width:t,height:r},u,!1);s.onApply=function(t){t.setTexture("textureSampler",e)};var f=b.getInternalTexture();if(f){u.postProcessManager.directRender([s],f);var m=4*t,g=r/2,v=d.readPixels(0,0,t,r);if(!e.isCube&&a!=Fe.All)for(var y=0;y<t*r*4;y+=4)switch(a){case Fe.R:v[y+1]=v[y],v[y+2]=v[y],v[y+3]=255;break;case Fe.G:v[y]=v[y+1],v[y+2]=v[y],v[y+3]=255;break;case Fe.B:v[y]=v[y+2],v[y+1]=v[y+2],v[y+3]=255;break;case Fe.A:v[y]=v[y+3],v[y+1]=v[y+3],v[y+2]=v[y+3],v[y+3]=255}if(e.invertY||e.isCube)for(y=0;y<g;y++)for(var C=0;C<m;C++){var E=C+y*m,x=C+(r-y-1)*m,O=v[E];v[E]=v[x],v[x]=O}i(v),d.unBindFramebuffer(f)}else l();b.dispose(),s.dispose(),o&&(o.blockMutationUpdates=!1)},e.GetTextureDataAsync=function(e,t,r,n,a,o){var i=this;return new Promise((function(l,s){e.isReady()||!e._texture?i._ProcessAsync(e,t,r,n,a,o||null,l,s):e._texture.onLoadedObservable.addOnce((function(){i._ProcessAsync(e,t,r,n,a,o||null,l,s)}))}))},e}(),Qe=function(e){function t(t){var r=e.call(this,t)||this;return r.state={channel:Fe.All,face:0},r.canvasRef=l.createRef(),r}return a(t,e),t.prototype.shouldComponentUpdate=function(e,t){return e.texture!==this.props.texture||t.channel!==this.state.channel||t.face!==this.state.face},t.prototype.componentDidMount=function(){this.updatePreview()},t.prototype.componentDidUpdate=function(){this.updatePreview()},t.prototype.updatePreview=function(){var e=this,t=this.props.texture,r=t.getSize(),n=r.width/r.height,a=this.props.width,o=a/n|1;qe.GetTextureDataAsync(t,a,o,this.state.face,this.state.channel,this.props.globalState).then((function(t){var r=e.canvasRef.current;r.width=a,r.height=o;var n=r.getContext("2d");if(n){var i=n.createImageData(a,o);i.data.set(t),n.putImageData(i,0,0)}r.style.height=o+"px"}))},t.prototype.render=function(){var e=this,t=this.props.texture;return l.createElement(l.Fragment,null,l.createElement("div",{className:"textureLine"},!this.props.hideChannelSelect&&t.isCube&&l.createElement("div",{className:"control3D"},l.createElement("button",{className:0===this.state.face?"px command selected":"px command",onClick:function(){return e.setState({face:0})}},"+X"),l.createElement("button",{className:1===this.state.face?"nx command selected":"nx command",onClick:function(){return e.setState({face:1})}},"-X"),l.createElement("button",{className:2===this.state.face?"py command selected":"py command",onClick:function(){return e.setState({face:2})}},"+Y"),l.createElement("button",{className:3===this.state.face?"ny command selected":"ny command",onClick:function(){return e.setState({face:3})}},"-Y"),l.createElement("button",{className:4===this.state.face?"pz command selected":"pz command",onClick:function(){return e.setState({face:4})}},"+Z"),l.createElement("button",{className:5===this.state.face?"nz command selected":"nz command",onClick:function(){return e.setState({face:5})}},"-Z")),!this.props.hideChannelSelect&&!t.isCube&&l.createElement("div",{className:"control"},l.createElement("button",{className:this.state.channel===Fe.R?"red command selected":"red command",onClick:function(){return e.setState({channel:Fe.R})}},"R"),l.createElement("button",{className:this.state.channel===Fe.G?"green command selected":"green command",onClick:function(){return e.setState({channel:Fe.G})}},"G"),l.createElement("button",{className:this.state.channel===Fe.B?"blue command selected":"blue command",onClick:function(){return e.setState({channel:Fe.B})}},"B"),l.createElement("button",{className:this.state.channel===Fe.A?"alpha command selected":"alpha command",onClick:function(){return e.setState({channel:Fe.A})}},"A"),l.createElement("button",{className:this.state.channel===Fe.All?"all command selected":"all command",onClick:function(){return e.setState({channel:Fe.All})}},"ALL")),l.createElement("canvas",{ref:this.canvasRef,className:"preview"})),t.isRenderTarget&&l.createElement(Te,{label:"Refresh",onClick:function(){e.updatePreview()}}))},t}(l.Component),$e=r(5),Ze=function(e){function t(t){var r=e.call(this,t)||this,n=r.props.texture;if(r.textureLineRef=l.createRef(),!n||!n.rootContainer)return r;var a=n;return r._adtInstrumentation=new $e.AdvancedDynamicTextureInstrumentation(a),r._adtInstrumentation.captureRenderTime=!0,r._adtInstrumentation.captureLayoutTime=!0,r}return a(t,e),t.prototype.componentWillUnmount=function(){this._adtInstrumentation&&(this._adtInstrumentation.dispose(),this._adtInstrumentation=null)},t.prototype.updateTexture=function(e){var t=this,r=this.props.texture;c.Tools.ReadFile(e,(function(n){var a=new Blob([n],{type:"octet/stream"}),o=new FileReader;o.readAsDataURL(a),o.onloadend=function(){var n=o.result;if(r.isCube){var a=void 0;e.name.toLowerCase().indexOf(".dds")>0?a=".dds":e.name.toLowerCase().indexOf(".env")>0&&(a=".env"),r.updateURL(n,a,(function(){return t.foreceRefresh()}))}else r.updateURL(n,null,(function(){return t.foreceRefresh()}))}}),void 0,!0)},t.prototype.foreceRefresh=function(){this.forceUpdate(),this.textureLineRef.current.updatePreview()},t.prototype.render=function(){var e=this,t=this.props.texture,r=[{label:"Nearest",value:c.Texture.NEAREST_NEAREST},{label:"Nearest & linear mip",value:c.Texture.NEAREST_LINEAR},{label:"Linear",value:c.Texture.LINEAR_LINEAR_MIPLINEAR}],n=[{label:"Explicit",value:c.Texture.EXPLICIT_MODE},{label:"Cubic",value:c.Texture.CUBIC_MODE},{label:"Inverse cubic",value:c.Texture.INVCUBIC_MODE},{label:"Equirectangular",value:c.Texture.EQUIRECTANGULAR_MODE},{label:"Fixed equirectangular",value:c.Texture.FIXED_EQUIRECTANGULAR_MODE},{label:"Fixed equirectangular mirrored",value:c.Texture.FIXED_EQUIRECTANGULAR_MIRRORED_MODE},{label:"Planar",value:c.Texture.PLANAR_MODE},{label:"Projection",value:c.Texture.PROJECTION_MODE},{label:"Skybox",value:c.Texture.SKYBOX_MODE},{label:"Spherical",value:c.Texture.SPHERICAL_MODE}],a="",o=t.url,i=o&&"data"!==o.substring(0,4)&&"blob"!==o.substring(0,4)?o:"";if(i)for(var s=i.length-1;s>=0&&"."!==i[s];s--)a=i[s]+a;return l.createElement("div",{className:"pane"},l.createElement(se,{globalState:this.props.globalState,title:"PREVIEW"},l.createElement(Qe,{ref:this.textureLineRef,texture:t,width:256,height:256,globalState:this.props.globalState}),l.createElement(We,{label:"Load texture from file",onClick:function(t){return e.updateTexture(t)},accept:".jpg, .png, .tga, .dds, .env"}),l.createElement(_e,{label:"URL",value:i,lockObject:this.props.lockObject,onChange:function(r){t.updateURL(r),e.foreceRefresh()}})),l.createElement(Ne,{globalState:this.props.globalState,target:t,lockObject:this.props.lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"GENERAL"},l.createElement(le,{label:"Width",value:t.getSize().width.toString()}),l.createElement(le,{label:"Height",value:t.getSize().height.toString()}),t.isRenderTarget&&l.createElement(Te,{label:"Scale up",onClick:function(){var r=t.getScene();t.scale(2),setTimeout((function(){e.props.globalState.onSelectionChangedObservable.notifyObservers(r.getTextureByUniqueID(t.uniqueId))}))}}),t.isRenderTarget&&l.createElement(Te,{label:"Scale down",onClick:function(){var r=t.getScene();t.scale(.5),setTimeout((function(){e.props.globalState.onSelectionChangedObservable.notifyObservers(r.getTextureByUniqueID(t.uniqueId))}))}}),a&&l.createElement(le,{label:"File format",value:a}),l.createElement(le,{label:"Unique ID",value:t.uniqueId.toString()}),l.createElement(le,{label:"Class",value:t.getClassName()}),l.createElement(le,{label:"Has alpha",value:t.hasAlpha?"Yes":"No"}),l.createElement(le,{label:"Is 3D",value:t.is3D?"Yes":"No"}),l.createElement(le,{label:"Is 2D array",value:t.is2DArray?"Yes":"No"}),l.createElement(le,{label:"Is cube",value:t.isCube?"Yes":"No"}),l.createElement(le,{label:"Is render target",value:t.isRenderTarget?"Yes":"No"}),t instanceof c.Texture&&l.createElement(le,{label:"Stored as inverted on Y",value:t.invertY?"Yes":"No"}),l.createElement(le,{label:"Has mipmaps",value:t.noMipmap?"No":"Yes"}),l.createElement(ve,{label:"UV set",target:t,propertyName:"coordinatesIndex",minimum:0,maximum:3,step:1,onPropertyChangedObservable:this.props.onPropertyChangedObservable,decimalCount:0}),l.createElement(Ce,{label:"Mode",options:n,target:t,propertyName:"coordinatesMode",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:function(e){return t.updateSamplingMode(e)}}),l.createElement(ve,{label:"Level",target:t,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.updateSamplingMode&&l.createElement(Ce,{label:"Sampling",options:r,target:t,noDirectUpdate:!0,propertyName:"samplingMode",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:function(e){return t.updateSamplingMode(e)}})),t.getScene()&&l.createElement(He,{globalState:this.props.globalState,animatable:t,scene:t.getScene(),lockObject:this.props.lockObject}),t.rootContainer&&l.createElement(se,{globalState:this.props.globalState,title:"ADVANCED TEXTURE PROPERTIES"},l.createElement(pe,{label:"Last layout time",value:this._adtInstrumentation.renderTimeCounter.current,units:"ms"}),l.createElement(pe,{label:"Last render time",value:this._adtInstrumentation.layoutTimeCounter.current,units:"ms"}),l.createElement(ve,{label:"Render scale",minimum:.1,maximum:5,step:.1,target:t,propertyName:"renderScale",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Premultiply alpha",target:t,propertyName:"premulAlpha",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Ideal width",target:t,propertyName:"idealWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Ideal height",target:t,propertyName:"idealHeight",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Use smallest ideal",target:t,propertyName:"useSmallestIdeal",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Render at ideal size",target:t,propertyName:"renderAtIdealSize",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Invalidate Rect optimization",target:t,propertyName:"useInvalidateRectOptimization",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"TRANSFORM"},!t.isCube&&l.createElement("div",null,l.createElement(Me,{lockObject:this.props.lockObject,label:"U offset",target:t,propertyName:"uOffset",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"V offset",target:t,propertyName:"vOffset",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"U scale",target:t,propertyName:"uScale",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"V scale",target:t,propertyName:"vScale",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"U angle",useEuler:this.props.globalState.onlyUseEulers,target:t,propertyName:"uAng",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"V angle",useEuler:this.props.globalState.onlyUseEulers,target:t,propertyName:"vAng",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"W angle",useEuler:this.props.globalState.onlyUseEulers,target:t,propertyName:"wAng",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Clamp U",isSelected:function(){return t.wrapU===c.Texture.CLAMP_ADDRESSMODE},onSelect:function(e){return t.wrapU=e?c.Texture.CLAMP_ADDRESSMODE:c.Texture.WRAP_ADDRESSMODE}}),l.createElement(de,{label:"Clamp V",isSelected:function(){return t.wrapV===c.Texture.CLAMP_ADDRESSMODE},onSelect:function(e){return t.wrapV=e?c.Texture.CLAMP_ADDRESSMODE:c.Texture.WRAP_ADDRESSMODE}})),t.isCube&&l.createElement("div",null,l.createElement(ve,{label:"Rotation Y",useEuler:this.props.globalState.onlyUseEulers,minimum:0,maximum:2*Math.PI,step:.1,target:t,propertyName:"rotationY"}))))},t}(l.Component),Je=function(e){function t(t){var r=e.call(this,t)||this;return r._localChange=!1,r.state={isExpanded:!1,value:r.props.target[r.props.propertyName].clone()},r}return a(t,e),t.prototype.shouldComponentUpdate=function(e,t){var r=e.target[e.propertyName];return!(r.equals(t.value)&&!this._localChange)&&(t.value=r.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.render=function(){var e=this,t=this.state.isExpanded?l.createElement(u.a,{icon:V}):l.createElement(u.a,{icon:Y});return l.createElement("div",{className:"vector3Line"},l.createElement("div",{className:"firstLine"},l.createElement("div",{className:"label"},this.props.label),l.createElement("div",{className:"vector"},"X: "+this.state.value.x.toFixed(2)+", Y: "+this.state.value.y.toFixed(2)),l.createElement("div",{className:"expand hoverIcon",onClick:function(){return e.switchExpandState()},title:"Expand"},t)),this.state.isExpanded&&l.createElement("div",{className:"secondLine"},l.createElement(Ee,{label:"x",step:this.props.step,value:this.state.value.x,onChange:function(t){return e.updateStateX(t)}}),l.createElement(Ee,{label:"y",step:this.props.step,value:this.state.value.y,onChange:function(t){return e.updateStateY(t)}})))},t.defaultProps={step:.001},t}(l.Component),et=function(e){function t(t){var r=e.call(this,t)||this;return r._onDebugSelectionChangeObservable=new c.Observable,r}return a(t,e),t.prototype.switchAmbientMode=function(e){this.props.material.debugMode=e?21:0},t.prototype.switchMetallicMode=function(e){this.props.material.debugMode=e?62:0},t.prototype.switchRoughnessMode=function(e){this.props.material.debugMode=e?63:0},t.prototype.renderTextures=function(e){var t=this,r=this.props.material;return l.createElement(se,{globalState:this.props.globalState,title:"CHANNELS"},l.createElement(Ye,{label:"Albedo",texture:r.albedoTexture,propertyName:"albedoTexture",material:r,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:e}),l.createElement(Ye,{customDebugAction:function(e){return t.switchMetallicMode(e)},label:"Metallic",texture:r.metallicTexture,propertyName:"metallicTexture",material:r,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:e}),l.createElement(Ye,{customDebugAction:function(e){return t.switchRoughnessMode(e)},label:"Roughness",texture:r.metallicTexture,propertyName:"metallicTexture",material:r,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:e}),l.createElement(Ye,{label:"Reflection",texture:r.reflectionTexture,propertyName:"reflectionTexture",material:r,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:e}),l.createElement(Ye,{label:"Refraction",texture:r.refractionTexture,propertyName:"refractionTexture",material:r,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:e}),l.createElement(Ye,{label:"Reflectivity",texture:r.reflectivityTexture,propertyName:"reflectivityTexture",material:r,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:e}),l.createElement(Ye,{label:"Micro-surface",texture:r.microSurfaceTexture,propertyName:"microSurfaceTexture",material:r,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:e}),l.createElement(Ye,{label:"Bump",texture:r.bumpTexture,propertyName:"bumpTexture",material:r,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:e}),l.createElement(Ye,{label:"Emissive",texture:r.emissiveTexture,propertyName:"emissiveTexture",material:r,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:e}),l.createElement(Ye,{label:"Opacity",texture:r.opacityTexture,propertyName:"opacityTexture",material:r,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:e}),l.createElement(Ye,{customDebugAction:function(e){return t.switchAmbientMode(e)},label:"Ambient",texture:r.ambientTexture,propertyName:"ambientTexture",material:r,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:e}),l.createElement(Ye,{label:"Lightmap",texture:r.lightmapTexture,propertyName:"lightmapTexture",material:r,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:e}),l.createElement(de,{label:"Use lightmap as shadowmap",target:r,propertyName:"useLightmapAsShadowmap ",onPropertyChangedObservable:this.props.onPropertyChangedObservable}))},t.prototype.render=function(){var e,t,r,n=this,a=this.props.material,o=[{label:"Low",value:c.Constants.TEXTURE_FILTERING_QUALITY_LOW},{label:"Medium",value:c.Constants.TEXTURE_FILTERING_QUALITY_MEDIUM},{label:"High",value:c.Constants.TEXTURE_FILTERING_QUALITY_HIGH}];return a.sheen._useRoughness=null!==(e=a.sheen._useRoughness)&&void 0!==e?e:null!==a.sheen.roughness,a.sheen.roughness=null!==(r=null!==(t=a.sheen.roughness)&&void 0!==t?t:a.sheen._saveRoughness)&&void 0!==r?r:0,a.sheen._useRoughness||(a.sheen._saveRoughness=a.sheen.roughness,a.sheen.roughness=null),l.createElement("div",{className:"pane"},l.createElement(Ue,{globalState:this.props.globalState,lockObject:this.props.lockObject,material:a,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),this.renderTextures(this._onDebugSelectionChangeObservable),l.createElement(se,{globalState:this.props.globalState,title:"LIGHTING & COLORS"},l.createElement(Pe,{label:"Albedo",target:a,propertyName:"albedoColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable,isLinear:!0}),l.createElement(Pe,{label:"Reflectivity",target:a,propertyName:"reflectivityColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable,isLinear:!0}),l.createElement(ve,{label:"Micro-surface",target:a,propertyName:"microSurface",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Pe,{label:"Emissive",target:a,propertyName:"emissiveColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable,isLinear:!0}),l.createElement(Pe,{label:"Ambient",target:a,propertyName:"ambientColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable,isLinear:!0}),l.createElement(de,{label:"Use physical light falloff",target:a,propertyName:"usePhysicalLightFalloff",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"METALLIC WORKFLOW"},l.createElement(ve,{label:"Metallic",target:a,propertyName:"metallic",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Roughness",target:a,propertyName:"roughness",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Index of Refraction",target:a,propertyName:"indexOfRefraction",minimum:1,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"F0 Factor",target:a,propertyName:"metallicF0Factor",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Pe,{label:"Reflectance Color",target:a,propertyName:"metallicReflectanceColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable,isLinear:!0}),l.createElement(Ye,{label:"Reflectance Texture",texture:a.metallicReflectanceTexture,onTextureCreated:function(e){return a.metallicReflectanceTexture=e},onTextureRemoved:function(){return a.metallicReflectanceTexture=null},material:a,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:this._onDebugSelectionChangeObservable})),l.createElement(se,{globalState:this.props.globalState,title:"CLEAR COAT"},l.createElement(de,{label:"Enabled",target:a.clearCoat,propertyName:"isEnabled",onValueChanged:function(){return n.forceUpdate()},onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.clearCoat.isEnabled&&l.createElement("div",{className:"fragment"},l.createElement(ve,{label:"Intensity",target:a.clearCoat,propertyName:"intensity",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Roughness",target:a.clearCoat,propertyName:"roughness",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"IOR",target:a.clearCoat,propertyName:"indexOfRefraction",minimum:1,maximum:3,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Ye,{label:"Clear coat",texture:a.clearCoat.texture,onTextureCreated:function(e){return a.clearCoat.texture=e},onTextureRemoved:function(){return a.clearCoat.texture=null},material:a,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:this._onDebugSelectionChangeObservable}),l.createElement(Ye,{label:"Bump",texture:a.clearCoat.bumpTexture,onTextureCreated:function(e){return a.clearCoat.bumpTexture=e},onTextureRemoved:function(){return a.clearCoat.bumpTexture=null},material:a,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:this._onDebugSelectionChangeObservable}),a.clearCoat.bumpTexture&&l.createElement(ve,{label:"Bump strength",target:a.clearCoat.bumpTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Tint",target:a.clearCoat,propertyName:"isTintEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.clearCoat.isEnabled&&a.clearCoat.isTintEnabled&&l.createElement(Pe,{label:"Tint Color",target:a.clearCoat,propertyName:"tintColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable,isLinear:!0}),a.clearCoat.isEnabled&&a.clearCoat.isTintEnabled&&l.createElement(ve,{label:"At Distance",target:a.clearCoat,propertyName:"tintColorAtDistance",minimum:0,maximum:20,step:.1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.clearCoat.isEnabled&&a.clearCoat.isTintEnabled&&l.createElement(ve,{label:"Tint Thickness",target:a.clearCoat,propertyName:"tintThickness",minimum:0,maximum:20,step:.1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.clearCoat.isEnabled&&a.clearCoat.isTintEnabled&&l.createElement(Ye,{label:"Tint",texture:a.clearCoat.tintTexture,onTextureCreated:function(e){return a.clearCoat.tintTexture=e},onTextureRemoved:function(){return a.clearCoat.tintTexture=null},material:a,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:this._onDebugSelectionChangeObservable}))),l.createElement(se,{globalState:this.props.globalState,title:"ANISOTROPIC"},l.createElement(de,{label:"Enabled",target:a.anisotropy,propertyName:"isEnabled",onValueChanged:function(){return n.forceUpdate()},onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.anisotropy.isEnabled&&l.createElement("div",{className:"fragment"},l.createElement(ve,{label:"Intensity",target:a.anisotropy,propertyName:"intensity",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Je,{label:"Direction",target:a.anisotropy,propertyName:"direction",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Ye,{label:"Anisotropic",texture:a.anisotropy.texture,onTextureCreated:function(e){return a.anisotropy.texture=e},onTextureRemoved:function(){return a.anisotropy.texture=null},material:a,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:this._onDebugSelectionChangeObservable}))),l.createElement(se,{globalState:this.props.globalState,title:"SHEEN"},l.createElement(de,{label:"Enabled",target:a.sheen,propertyName:"isEnabled",onValueChanged:function(){return n.forceUpdate()},onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.sheen.isEnabled&&l.createElement("div",{className:"fragment"},l.createElement(de,{label:"Link to Albedo",target:a.sheen,propertyName:"linkSheenWithAlbedo",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Intensity",target:a.sheen,propertyName:"intensity",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Pe,{label:"Color",target:a.sheen,propertyName:"color",onPropertyChangedObservable:this.props.onPropertyChangedObservable,isLinear:!0}),l.createElement(Ye,{label:"Sheen",texture:a.sheen.texture,onTextureCreated:function(e){return a.sheen.texture=e},onTextureRemoved:function(){return a.sheen.texture=null},material:a,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:this._onDebugSelectionChangeObservable}),l.createElement(de,{label:"Use roughness",target:a.sheen,propertyName:"_useRoughness"}),a.sheen._useRoughness&&l.createElement(ve,{label:"Roughness",target:a.sheen,propertyName:"roughness",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Albedo scaling",target:a.sheen,propertyName:"albedoScaling",onPropertyChangedObservable:this.props.onPropertyChangedObservable}))),l.createElement(se,{globalState:this.props.globalState,title:"SUBSURFACE"},l.createElement(Ye,{label:"Thickness",texture:a.subSurface.thicknessTexture,onTextureCreated:function(e){return a.subSurface.thicknessTexture=e},onTextureRemoved:function(){return a.subSurface.thicknessTexture=null},material:a,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:this._onDebugSelectionChangeObservable}),l.createElement(ve,{label:"Min Thickness",target:a.subSurface,propertyName:"minimumThickness",minimum:0,maximum:10,step:.1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Max Thickness",target:a.subSurface,propertyName:"maximumThickness",minimum:0,maximum:10,step:.1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Mask From Thickness",target:a.subSurface,propertyName:"useMaskFromThicknessTexture",onValueChanged:function(){return n.forceUpdate()},onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Pe,{label:"Tint Color",target:a.subSurface,propertyName:"tintColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable,isLinear:!0}),l.createElement(de,{label:"Refraction Enabled",target:a.subSurface,propertyName:"isRefractionEnabled",onValueChanged:function(){return n.forceUpdate()},onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.subSurface.isRefractionEnabled&&l.createElement("div",{className:"fragment"},l.createElement(ve,{label:"Intensity",target:a.subSurface,propertyName:"refractionIntensity",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Ye,{label:"Refraction",texture:a.subSurface.refractionTexture,onTextureCreated:function(e){return a.subSurface.refractionTexture=e},onTextureRemoved:function(){return a.subSurface.refractionTexture=null},material:a,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:this._onDebugSelectionChangeObservable}),l.createElement(ve,{label:"Index of Refraction",target:a.subSurface,propertyName:"indexOfRefraction",minimum:1,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Tint at Distance",target:a.subSurface,propertyName:"tintColorAtDistance",minimum:0,maximum:10,step:.1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Link refraction with transparency",target:a.subSurface,propertyName:"linkRefractionWithTransparency",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(de,{label:"Translucency Enabled",target:a.subSurface,propertyName:"isTranslucencyEnabled",onValueChanged:function(){return n.forceUpdate()},onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.subSurface.isTranslucencyEnabled&&l.createElement("div",{className:"fragment"},l.createElement(ve,{label:"Intensity",target:a.subSurface,propertyName:"translucencyIntensity",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Pe,{label:"Diffusion Distance",target:a.subSurface,propertyName:"diffusionDistance",onPropertyChangedObservable:this.props.onPropertyChangedObservable,isLinear:!0}))),l.createElement(se,{globalState:this.props.globalState,title:"LEVELS",closed:!0},l.createElement(ve,{label:"Environment",target:a,propertyName:"environmentIntensity",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Specular",target:a,propertyName:"specularIntensity",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Emissive",target:a,propertyName:"emissiveIntensity",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Direct",target:a,propertyName:"directIntensity",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.bumpTexture&&l.createElement(ve,{label:"Bump strength",target:a.bumpTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.ambientTexture&&l.createElement(ve,{label:"Ambient strength",target:a,propertyName:"ambientTextureStrength",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.reflectionTexture&&l.createElement(ve,{label:"Reflection strength",target:a.reflectionTexture,propertyName:"level",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.clearCoat.texture&&l.createElement(ve,{label:"Clear coat",target:a.clearCoat.texture,propertyName:"level",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.clearCoat.bumpTexture&&l.createElement(ve,{label:"Clear coat bump",target:a.clearCoat.bumpTexture,propertyName:"level",minimum:0,maximum:2,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.clearCoat.tintTexture&&!1,a.anisotropy.texture&&l.createElement(ve,{label:"Anisotropic",target:a.anisotropy.texture,propertyName:"level",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.sheen.texture&&l.createElement(ve,{label:"Sheen",target:a.sheen.texture,propertyName:"level",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.subSurface.thicknessTexture&&l.createElement(ve,{label:"Thickness",target:a.subSurface.thicknessTexture,propertyName:"level",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a.subSurface.refractionTexture&&l.createElement(ve,{label:"Refraction",target:a.subSurface.refractionTexture,propertyName:"level",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"RENDERING",closed:!0},l.createElement(de,{label:"Alpha from albedo",target:a,propertyName:"useAlphaFromAlbedoTexture",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Ambient in grayscale",target:a,propertyName:"useAmbientInGrayScale",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Radiance over alpha",target:a,propertyName:"useRadianceOverAlpha",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Micro-surface from ref. map alpha",target:a,propertyName:"useMicroSurfaceFromReflectivityMapAlpha",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Specular over alpha",target:a,propertyName:"useSpecularOverAlpha",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Specular anti-aliasing",target:a,propertyName:"enableSpecularAntiAliasing",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Realtime Filtering",target:a,propertyName:"realTimeFiltering",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Ce,{allowNullValue:!0,label:"Realtime Filtering quality",options:o,target:a,propertyName:"realTimeFilteringQuality",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"NORMAL MAP",closed:!0},l.createElement(de,{label:"Invert X axis",target:a,propertyName:"invertNormalMapX",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Invert Y axis",target:a,propertyName:"invertNormalMapY",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"ADVANCED",closed:!0},l.createElement(de,{label:"Energy Conservation",target:a.brdf,propertyName:"useEnergyConservation",onValueChanged:function(){return n.forceUpdate()},onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Spherical Harmonics",target:a.brdf,propertyName:"useSphericalHarmonics",onValueChanged:function(){return n.forceUpdate()},onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Radiance occlusion",target:a,propertyName:"useRadianceOcclusion",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Horizon occlusion ",target:a,propertyName:"useHorizonOcclusion",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Unlit",target:a,propertyName:"unlit",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"DEBUG",closed:!0},l.createElement(Ce,{label:"Debug mode",options:[{label:"None",value:0},{label:"Normalized position",value:1},{label:"Normals",value:2},{label:"Tangents",value:3},{label:"Bitangents",value:4},{label:"Bump Normals",value:5},{label:"UV1",value:6},{label:"UV2",value:7},{label:"ClearCoat Normals",value:8},{label:"ClearCoat Tangents",value:9},{label:"ClearCoat Bitangents",value:10},{label:"Anisotropic Normals",value:11},{label:"Anisotropic Tangents",value:12},{label:"Anisotropic Bitangents",value:13},{label:"Albdeo Map",value:20},{label:"Ambient Map",value:21},{label:"Opacity Map",value:22},{label:"Emissive Map",value:23},{label:"Light Map",value:24},{label:"Metallic Map",value:25},{label:"Reflectivity Map",value:26},{label:"ClearCoat Map",value:27},{label:"ClearCoat Tint Map",value:28},{label:"Sheen Map",value:29},{label:"Anisotropic Map",value:30},{label:"Thickness Map",value:31},{label:"Env Refraction",value:40},{label:"Env Reflection",value:41},{label:"Env Clear Coat",value:42},{label:"Direct Diffuse",value:50},{label:"Direct Specular",value:51},{label:"Direct Clear Coat",value:52},{label:"Direct Sheen",value:53},{label:"Env Irradiance",value:54},{label:"Surface Albedo",value:60},{label:"Reflectance 0",value:61},{label:"Metallic",value:62},{label:"Metallic F0",value:71},{label:"Roughness",value:63},{label:"AlphaG",value:64},{label:"NdotV",value:65},{label:"ClearCoat Color",value:66},{label:"ClearCoat Roughness",value:67},{label:"ClearCoat NdotV",value:68},{label:"Transmittance",value:69},{label:"Refraction Transmittance",value:70},{label:"SEO",value:80},{label:"EHO",value:81},{label:"Energy Factor",value:82},{label:"Specular Reflectance",value:83},{label:"Clear Coat Reflectance",value:84},{label:"Sheen Reflectance",value:85},{label:"Luminance Over Alpha",value:86},{label:"Alpha",value:87}],target:a,propertyName:"debugMode"}),l.createElement(ve,{label:"Split position",target:a,propertyName:"debugLimit",minimum:-1,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Output factor",target:a,propertyName:"debugFactor",minimum:0,maximum:5,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(l.Component),tt=function(e){function t(t){var r=e.call(this,t)||this;return r.state={isSelected:r.props.isSelected()},r}return a(t,e),t.prototype.componentDidMount=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 l.createElement("div",{className:"radioLine"},l.createElement("div",{className:"label"},this.props.label),l.createElement("div",{className:"radioContainer"},l.createElement("input",{id:this.props.label,className:"radio",type:"radio",checked:this.state.isSelected,onChange:function(){return e.onChange()}}),l.createElement("label",{htmlFor:this.props.label,className:"labelForRadio"})))},t}(l.Component),rt=function(e){function t(t){var r=e.call(this,t)||this;return r.state={mode:r.props.scene.fogMode},r}return a(t,e),t.prototype.render=function(){var e=this,t=this.props.scene,r=[{label:"None",value:c.Scene.FOGMODE_NONE},{label:"Linear",value:c.Scene.FOGMODE_LINEAR},{label:"Exp",value:c.Scene.FOGMODE_EXP},{label:"Exp2",value:c.Scene.FOGMODE_EXP2}];return l.createElement("div",null,l.createElement(Ce,{label:"Fog mode",options:r,target:t,propertyName:"fogMode",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:function(t){return e.setState({mode:t})}}),this.state.mode!==c.Scene.FOGMODE_NONE&&l.createElement(Pe,{label:"Fog color",target:t,propertyName:"fogColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(this.state.mode===c.Scene.FOGMODE_EXP||this.state.mode===c.Scene.FOGMODE_EXP2)&&l.createElement(Me,{lockObject:this.props.lockObject,label:"Fog density",target:t,propertyName:"fogDensity",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),this.state.mode===c.Scene.FOGMODE_LINEAR&&l.createElement(Me,{lockObject:this.props.lockObject,label:"Fog start",target:t,propertyName:"fogStart",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),this.state.mode===c.Scene.FOGMODE_LINEAR&&l.createElement(Me,{lockObject:this.props.lockObject,label:"Fog end",target:t,propertyName:"fogEnd",onPropertyChangedObservable:this.props.onPropertyChangedObservable}))},t}(l.Component),nt=function(e){function t(t){var r=e.call(this,t)||this;return r._renderingModeGroupObservable=new c.Observable,r}return a(t,e),t.prototype.setRenderingModes=function(e,t){var r=this.props.scene;r.forcePointsCloud=e,r.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,r=e.name.toLowerCase().indexOf(".env")>0;if(t||r){var n=this.props.scene;c.Tools.ReadFile(e,(function(e){var r=new Blob([e],{type:"octet/stream"}),a=URL.createObjectURL(r);n.environmentTexture=t?c.CubeTexture.CreateFromPrefilteredData(a,n,".dds"):new c.CubeTexture(a,n,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.normalizeScene=function(){this.props.scene.meshes.forEach((function(e){e.normalizeToUnitCube(!0),e.computeWorldMatrix(!0)}))},t.prototype.render=function(){var e=this,t=this.props.scene,r=t.getPhysicsEngine(),n=null;r&&(n={gravity:r.gravity,timeStep:r.getTimeStep()});var a=t.imageProcessingConfiguration,o=[{label:"Standard",value:c.ImageProcessingConfiguration.TONEMAPPING_STANDARD},{label:"ACES",value:c.ImageProcessingConfiguration.TONEMAPPING_ACES}],i=[{label:"Multiply",value:c.ImageProcessingConfiguration.VIGNETTEMODE_MULTIPLY},{label:"Opaque",value:c.ImageProcessingConfiguration.VIGNETTEMODE_OPAQUE}];return l.createElement("div",{className:"pane"},l.createElement(se,{globalState:this.props.globalState,title:"RENDERING MODE"},l.createElement(tt,{onSelectionChangedObservable:this._renderingModeGroupObservable,label:"Point",isSelected:function(){return t.forcePointsCloud},onSelect:function(){return e.setRenderingModes(!0,!1)}}),l.createElement(tt,{onSelectionChangedObservable:this._renderingModeGroupObservable,label:"Wireframe",isSelected:function(){return t.forceWireframe},onSelect:function(){return e.setRenderingModes(!1,!0)}}),l.createElement(tt,{onSelectionChangedObservable:this._renderingModeGroupObservable,label:"Solid",isSelected:function(){return!t.forcePointsCloud&&!t.forceWireframe},onSelect:function(){return e.setRenderingModes(!1,!1)}})),l.createElement(se,{globalState:this.props.globalState,title:"ENVIRONMENT"},l.createElement(Pe,{label:"Clear color",target:t,propertyName:"clearColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Clear color enabled",target:t,propertyName:"autoClear",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Pe,{label:"Ambient color",target:t,propertyName:"ambientColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Environment texture (IBL)",isSelected:function(){return null!=t.environmentTexture},onSelect:function(){return e.switchIBL()}}),t.environmentTexture&&l.createElement(Ye,{label:"Env. texture",texture:t.environmentTexture,onSelectionChangedObservable:this.props.onSelectionChangedObservable}),l.createElement(We,{label:"Update environment texture",onClick:function(t){return e.updateEnvironmentTexture(t)},accept:".dds, .env"}),l.createElement(ve,{minimum:0,maximum:2,step:.01,label:"IBL Intensity",target:t,propertyName:"environmentIntensity",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(rt,{globalState:this.props.globalState,lockObject:this.props.lockObject,scene:t,onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"MATERIAL IMAGE PROCESSING"},l.createElement(ve,{minimum:0,maximum:4,step:.1,label:"Contrast",target:a,propertyName:"contrast",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{minimum:0,maximum:4,step:.1,label:"Exposure",target:a,propertyName:"exposure",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Tone mapping",target:a,propertyName:"toneMappingEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Ce,{label:"Tone mapping type",options:o,target:a,propertyName:"toneMappingType",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:function(t){return e.setState({mode:t})}}),l.createElement(de,{label:"Vignette",target:a,propertyName:"vignetteEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{minimum:0,maximum:4,step:.1,label:"Vignette weight",target:a,propertyName:"vignetteWeight",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{minimum:0,maximum:1,step:.1,label:"Vignette stretch",target:a,propertyName:"vignetteStretch",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{minimum:0,maximum:Math.PI,step:.1,label:"Vignette FOV",target:a,propertyName:"vignetteCameraFov",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{minimum:0,maximum:1,step:.1,label:"Vignette center X",target:a,propertyName:"vignetteCentreX",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{minimum:0,maximum:1,step:.1,label:"Vignette center Y",target:a,propertyName:"vignetteCentreY",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Pe,{label:"Vignette color",target:a,propertyName:"vignetteColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Ce,{label:"Vignette blend mode",options:i,target:a,propertyName:"vignetteBlendMode",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:function(t){return e.setState({mode:t})}})),null!==n&&l.createElement(se,{globalState:this.props.globalState,title:"PHYSICS",closed:!0},l.createElement(Me,{lockObject:this.props.lockObject,label:"Time step",target:n,propertyName:"timeStep",onChange:function(t){return e.updateTimeStep(t)},onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(we,{label:"Gravity",target:n,propertyName:"gravity",onChange:function(t){return e.updateGravity(t)},onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"COLLISIONS",closed:!0},l.createElement(we,{label:"Gravity",target:t,propertyName:"gravity",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"SHADOWS",closed:!0},l.createElement(Te,{label:"Normalize scene",onClick:function(){return e.normalizeScene()}})))},t}(l.Component),at=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this,t=this.props.light;return l.createElement("div",null,l.createElement(Ne,{globalState:this.props.globalState,target:t,lockObject:this.props.lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"GENERAL"},l.createElement(le,{label:"ID",value:t.id}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Name",target:t,propertyName:"name",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(le,{label:"Unique ID",value:t.uniqueId.toString()}),l.createElement(le,{label:"Class",value:t.getClassName()}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Intensity",target:t,propertyName:"intensity",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Te,{label:"Dispose",onClick:function(){t.dispose(),e.props.globalState.onSelectionChangedObservable.notifyObservers(null)}})),l.createElement(He,{globalState:this.props.globalState,animatable:t,scene:t.getScene(),lockObject:this.props.lockObject}))},t}(l.Component),ot=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.light;return l.createElement("div",{className:"pane"},l.createElement(at,{globalState:this.props.globalState,lockObject:this.props.lockObject,light:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"SETUP"},l.createElement(Pe,{label:"Diffuse",target:e,propertyName:"diffuse",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Pe,{label:"Ground",target:e,propertyName:"groundColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(we,{label:"Direction",target:e,propertyName:"direction",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(l.Component),it=function(e){function t(t){var r=e.call(this,t)||this;return r._internals={generatorType:0,mapSize:1024},r}return a(t,e),t.prototype.createShadowGenerator=function(){var e=this.props.light,t=e.getScene(),r=this._internals,n=0===r.generatorType?new c.ShadowGenerator(r.mapSize,e):new c.CascadedShadowGenerator(r.mapSize,e);t.meshes.forEach((function(e){n.addShadowCaster(e),e.isAnInstance||(e.receiveShadows=!0)})),this.forceUpdate()},t.prototype.disposeShadowGenerator=function(){var e;null===(e=this.props.light.getShadowGenerator())||void 0===e||e.dispose(),this.forceUpdate()},t.prototype.render=function(){var e=this,t=this.props.light,r=this._internals,n=t.getShadowGenerator()||null,a=n instanceof c.CascadedShadowGenerator,o=t.getScene().activeCamera,i=[{label:"Shadow Generator",value:0}];t instanceof c.DirectionalLight&&i.push({label:"Cascaded Shadow Generator",value:1});var s;s=n instanceof c.CascadedShadowGenerator?[{label:"None",value:c.ShadowGenerator.FILTER_NONE},{label:"PCF",value:c.ShadowGenerator.FILTER_PCF},{label:"PCSS",value:c.ShadowGenerator.FILTER_PCSS}]:[{label:"None",value:c.ShadowGenerator.FILTER_NONE},{label:"PCF",value:c.ShadowGenerator.FILTER_PCF},{label:"PCSS",value:c.ShadowGenerator.FILTER_PCSS},{label:"Poisson",value:c.ShadowGenerator.FILTER_POISSONSAMPLING},{label:"Exponential",value:c.ShadowGenerator.FILTER_EXPONENTIALSHADOWMAP},{label:"Blurred exponential",value:c.ShadowGenerator.FILTER_BLUREXPONENTIALSHADOWMAP},{label:"Close exponential",value:c.ShadowGenerator.FILTER_CLOSEEXPONENTIALSHADOWMAP},{label:"Blurred close exponential",value:c.ShadowGenerator.FILTER_BLURCLOSEEXPONENTIALSHADOWMAP}];var p=[{label:"Low",value:c.ShadowGenerator.QUALITY_LOW},{label:"Medium",value:c.ShadowGenerator.QUALITY_MEDIUM},{label:"High",value:c.ShadowGenerator.QUALITY_HIGH}],u=o?o.minZ:0,d=o?o.maxZ:0,h=n?n.filter:0;return l.createElement("div",null,l.createElement(se,{globalState:this.props.globalState,title:"SHADOWS"},l.createElement(de,{label:"Shadows enabled",target:t,propertyName:"shadowEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),!a&&l.createElement(l.Fragment,null,l.createElement(Me,{lockObject:this.props.lockObject,label:"Shadows near plane",target:t,propertyName:"shadowMinZ",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Shadows far plane",target:t,propertyName:"shadowMaxZ",onPropertyChangedObservable:this.props.onPropertyChangedObservable}))),null==n&&l.createElement(se,{globalState:this.props.globalState,title:"SHADOW GENERATOR"},l.createElement(Ce,{label:"Type",options:i,target:r,propertyName:"generatorType"}),l.createElement(Ce,{label:"Map size",options:[{label:"2048x2048",value:2048},{label:"1024x1024",value:1024},{label:"512x512",value:512},{label:"256x256",value:256}],target:r,propertyName:"mapSize"}),l.createElement(Te,{label:"Create generator",onClick:function(){return e.createShadowGenerator()}})),null!==n&&l.createElement(se,{globalState:this.props.globalState,title:"SHADOW GENERATOR"},l.createElement(Te,{label:"Dispose generator",onClick:function(){return e.disposeShadowGenerator()}}),a&&l.createElement(l.Fragment,null,l.createElement(Ce,{label:"Num cascades",options:[{label:"2",value:2},{label:"3",value:3},{label:"4",value:4}],target:n,propertyName:"numCascades",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Debug mode",target:n,propertyName:"debug",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Stabilize cascades",target:n,propertyName:"stabilizeCascades",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Lambda",minimum:0,maximum:1,step:.01,target:n,propertyName:"lambda",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Cascade blend",minimum:0,maximum:1,step:.01,target:n,propertyName:"cascadeBlendPercentage",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Depth clamp",target:n,propertyName:"depthClamp",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Auto-Calc depth bounds",target:n,propertyName:"autoCalcDepthBounds",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Shadow MaxZ",minimum:u,maximum:d,step:.5,target:n,propertyName:"shadowMaxZ",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(Me,{lockObject:this.props.lockObject,digits:4,step:"0.0001",label:"Bias",target:n,propertyName:"bias",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Normal bias",target:n,propertyName:"normalBias",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Darkness",target:n,minimum:0,maximum:1,step:.01,propertyName:"darkness",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Allow transparent shadows",target:n,propertyName:"transparencyShadow",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Ce,{label:"Filter",options:s,onSelect:function(){e.forceUpdate()},target:n,propertyName:"filter",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),(h===c.ShadowGenerator.FILTER_PCF||h===c.ShadowGenerator.FILTER_PCSS)&&l.createElement(Ce,{label:"Filtering quality",options:p,onSelect:function(){e.forceUpdate()},target:n,propertyName:"filteringQuality",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),h===c.ShadowGenerator.FILTER_PCSS&&l.createElement(ve,{label:"Penumbra ratio",minimum:0,maximum:.5,step:.001,target:n,propertyName:"contactHardeningLightSizeUVRatio",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),!a&&(h===c.ShadowGenerator.FILTER_BLUREXPONENTIALSHADOWMAP||h===c.ShadowGenerator.FILTER_BLURCLOSEEXPONENTIALSHADOWMAP)&&l.createElement(de,{label:"Use kernel blur",target:n,propertyName:"useKernelBlur",onValueChanged:function(){return e.forceUpdate()},onPropertyChangedObservable:this.props.onPropertyChangedObservable}),n instanceof c.ShadowGenerator&&(h===c.ShadowGenerator.FILTER_BLUREXPONENTIALSHADOWMAP||h===c.ShadowGenerator.FILTER_BLURCLOSEEXPONENTIALSHADOWMAP)&&!n.useKernelBlur&&l.createElement(ve,{label:"Blur box offset",target:n,propertyName:"blurBoxOffset",minimum:1,maximum:64,step:1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),n instanceof c.ShadowGenerator&&(h===c.ShadowGenerator.FILTER_BLUREXPONENTIALSHADOWMAP||h===c.ShadowGenerator.FILTER_BLURCLOSEEXPONENTIALSHADOWMAP)&&n.useKernelBlur&&l.createElement(ve,{label:"Blur kernel",target:n,propertyName:"blurKernel",minimum:1,maximum:64,step:1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),n instanceof c.ShadowGenerator&&(h===c.ShadowGenerator.FILTER_BLUREXPONENTIALSHADOWMAP||h===c.ShadowGenerator.FILTER_EXPONENTIALSHADOWMAP)&&l.createElement(Me,{lockObject:this.props.lockObject,label:"Depth scale",target:n,propertyName:"depthScale",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),n instanceof c.ShadowGenerator&&(h===c.ShadowGenerator.FILTER_BLUREXPONENTIALSHADOWMAP||h===c.ShadowGenerator.FILTER_EXPONENTIALSHADOWMAP)&&l.createElement(ve,{label:"Blur scale",target:n,propertyName:"blurScale",minimum:1,maximum:4,step:1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),a&&h===c.ShadowGenerator.FILTER_PCSS&&l.createElement(ve,{label:"Penumbra darkness",minimum:0,maximum:1,step:.01,target:n,propertyName:"penumbraDarkness",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(l.Component),lt=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.light;return l.createElement("div",{className:"pane"},l.createElement(at,{globalState:this.props.globalState,lockObject:this.props.lockObject,light:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"SETUP"},l.createElement(Pe,{label:"Diffuse",target:e,propertyName:"diffuse",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Pe,{label:"Specular",target:e,propertyName:"specular",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(we,{label:"Position",target:e,propertyName:"position",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(it,{globalState:this.props.globalState,lockObject:this.props.lockObject,light:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}))},t}(l.Component),st=function(e){function t(t){var r=e.call(this,t)||this;return r.state={mode:r.props.camera.mode},r}return a(t,e),t.prototype.render=function(){var e=this,t=this.props.camera,r=[{label:"Perspective",value:c.Camera.PERSPECTIVE_CAMERA},{label:"Orthographic",value:c.Camera.ORTHOGRAPHIC_CAMERA}];return l.createElement("div",null,l.createElement(Ne,{globalState:this.props.globalState,target:t,lockObject:this.props.lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"GENERAL"},l.createElement(le,{label:"ID",value:t.id}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Name",target:t,propertyName:"name",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(le,{label:"Unique ID",value:t.uniqueId.toString()}),l.createElement(le,{label:"Class",value:t.getClassName()}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Near plane",target:t,propertyName:"minZ",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Far plane",target:t,propertyName:"maxZ",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Inertia",target:t,propertyName:"inertia",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Ce,{label:"Mode",options:r,target:t,propertyName:"mode",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:function(t){return e.setState({mode:t})}}),t.mode===c.Camera.PERSPECTIVE_CAMERA&&l.createElement(ve,{label:"Field of view",target:t,useEuler:this.props.globalState.onlyUseEulers,propertyName:"fov",minimum:.1,maximum:Math.PI,step:.1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.mode===c.Camera.ORTHOGRAPHIC_CAMERA&&l.createElement(Me,{lockObject:this.props.lockObject,label:"Left",target:t,propertyName:"orthoLeft",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.mode===c.Camera.ORTHOGRAPHIC_CAMERA&&l.createElement(Me,{lockObject:this.props.lockObject,label:"Top",target:t,propertyName:"orthoTop",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.mode===c.Camera.ORTHOGRAPHIC_CAMERA&&l.createElement(Me,{lockObject:this.props.lockObject,label:"Right",target:t,propertyName:"orthoRight",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.mode===c.Camera.ORTHOGRAPHIC_CAMERA&&l.createElement(Me,{lockObject:this.props.lockObject,label:"Bottom",target:t,propertyName:"orthoBottom",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Te,{label:"Dispose",onClick:function(){t.dispose(),e.props.globalState.onSelectionChangedObservable.notifyObservers(null)}})),l.createElement(He,{globalState:this.props.globalState,animatable:t,scene:t.getScene(),lockObject:this.props.lockObject}))},t}(l.Component),pt=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.camera;return l.createElement("div",{className:"pane"},l.createElement(st,{globalState:this.props.globalState,lockObject:this.props.lockObject,camera:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"TRANSFORMS"},l.createElement(we,{label:"Position",target:e,propertyName:"position",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"CONTROLS",closed:!0},l.createElement(Me,{lockObject:this.props.lockObject,label:"Angular sensitivity",target:e,propertyName:"angularSensibility",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Speed",target:e,propertyName:"speed",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"COLLISIONS",closed:!0},l.createElement(de,{label:"Check collisions",target:e,propertyName:"checkCollisions",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Apply gravity",target:e,propertyName:"applyGravity",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(we,{label:"Ellipsoid",target:e,propertyName:"ellipsoid",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(we,{label:"Ellipsoid offset",target:e,propertyName:"ellipsoidOffset",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(l.Component),ct=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.camera;return l.createElement("div",{className:"pane"},l.createElement(st,{globalState:this.props.globalState,lockObject:this.props.lockObject,camera:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"TRANSFORMS"},l.createElement(we,{label:"Target",target:e,propertyName:"target",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Alpha",useEuler:this.props.globalState.onlyUseEulers,target:e,propertyName:"alpha",minimum:e.lowerAlphaLimit||0,maximum:e.upperAlphaLimit||2*Math.PI,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Beta",useEuler:this.props.globalState.onlyUseEulers,target:e,propertyName:"beta",minimum:e.lowerAlphaLimit||0,maximum:e.upperBetaLimit||2*Math.PI,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Radius",target:e,propertyName:"radius",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"CONTROLS",closed:!0},l.createElement(Me,{lockObject:this.props.lockObject,label:"Angular sensitivity X",target:e,propertyName:"angularSensibilityX",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Angular sensitivity Y",target:e,propertyName:"angularSensibilityY",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Panning sensitivity",target:e,propertyName:"panningSensibility",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Pinch delta percentage",target:e,propertyName:"pinchDeltaPercentage",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Wheel delta percentage",target:e,propertyName:"wheelDeltaPercentage",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Speed",target:e,propertyName:"speed",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"COLLISIONS",closed:!0},l.createElement(de,{label:"Check collisions",target:e,propertyName:"checkCollisions",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(we,{label:"Collision radius",target:e,propertyName:"collisionRadius",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"LIMITS",closed:!0},l.createElement(Me,{lockObject:this.props.lockObject,label:"Lower alpha limit",target:e,propertyName:"lowerAlphaLimit",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Upper alpha limit",target:e,propertyName:"upperAlphaLimit",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Lower beta limit",target:e,propertyName:"lowerBetaLimit",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Upper beta limit",target:e,propertyName:"upperBetaLimit",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Lower radius limit",target:e,propertyName:"lowerRadiusLimit",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Upper radius limit",target:e,propertyName:"upperRadiusLimit",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"BEHAVIORS",closed:!0},l.createElement(de,{label:"Auto rotation",target:e,propertyName:"useAutoRotationBehavior",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Bouncing",target:e,propertyName:"useBouncingBehavior",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Framing",target:e,propertyName:"useFramingBehavior",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(l.Component),ut=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.onLink=function(){this.props.url?window.open(this.props.url,"_blank"):this.props.onLink&&this.props.onLink()},t.prototype.renderContent=function(){var e=this;return this.props.onLink||this.props.url?l.createElement("div",{className:"link-value",title:this.props.value,onClick:function(){return e.onLink()}},this.props.url?"doc":this.props.value||"no name"):l.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 l.createElement("div",{className:"indented "+(this.props.underline?"textLine underline":"textLine"+(this.props.additionalClass?" "+this.props.additionalClass:""))},this.renderContent())},t}(l.Component),dt=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.renderLevel=function(e){var t=[];for(var r in e){var n=e[r];switch(Object.prototype.toString.call(n)){case"[object String]":t.push(l.createElement(le,{key:r,label:r,ignoreValue:!0})),t.push(l.createElement(ut,{key:r+n,value:n}));break;case"[object Array]":t.push(l.createElement(le,{key:r,label:r,ignoreValue:!0}));for(var a=0,o=n;a<o.length;a++){var i=o[a];t.push(l.createElement(ut,{key:r+i,value:i}))}break;case"[object Object]":for(var s in t.push(l.createElement(le,{key:r,label:r,ignoreValue:!0})),n)t.push(l.createElement(le,{key:r+i,label:s,value:n[s],additionalClass:"reduced-opacity"}))}}return t},t.prototype.render=function(){return this.props.host.metadata&&this.props.host.metadata.xmp?l.createElement("div",null,l.createElement(se,{globalState:this.props.globalState,title:"XMP METADATA"},this.renderLevel(this.props.host.metadata.xmp))):null},t}(l.Component),ht=function(e){function t(t){var r=e.call(this,t)||this;return r.state={displayNormals:!1,displayVertexColors:!1},r}return a(t,e),t.prototype.renderWireframeOver=function(){var e=this.props.mesh,t=e.getScene();if(e.reservedDataStore&&e.reservedDataStore.wireframeOver)return e.reservedDataStore.wireframeOver.dispose(!1,!0),e.reservedDataStore.wireframeOver=null,void this.forceUpdate();var r=e.clone();r.reservedDataStore={hidden:!0},r.parent=e,r.position=c.Vector3.Zero(),r.scaling=new c.Vector3(1,1,1),r.rotation=c.Vector3.Zero(),r.rotationQuaternion=null;var n=new c.StandardMaterial("wireframeOver",t);n.reservedDataStore={hidden:!0},r.material=n,n.zOffset=1,n.disableLighting=!0,n.backFaceCulling=!1,n.emissiveColor=c.Color3.White(),n.wireframe=!0,e.reservedDataStore||(e.reservedDataStore={}),e.reservedDataStore.wireframeOver=r,this.forceUpdate()},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.forceUpdate();for(var r=e.getVerticesData(c.VertexBuffer.NormalKind),n=e.getVerticesData(c.VertexBuffer.PositionKind),a=c.Color3.White(),o=e.getBoundingInfo(),i=.05*o.maximum.subtractToRef(o.minimum,c.TmpVectors.Vector3[0]).length(),l=[],s=0;s<r.length;s+=3){var p=c.Vector3.FromArray(n,s),u=p.add(c.Vector3.FromArray(r,s).scaleInPlace(i));l.push([p,u])}var d=c.LinesBuilder.CreateLineSystem("normalLines",{lines:l},t);d.color=a,d.parent=e,d.reservedDataStore={hidden:!0},e.reservedDataStore||(e.reservedDataStore={}),e.reservedDataStore.normalLines=d,this.forceUpdate()},t.prototype.displayNormals=function(){var e=this,t=this.props.mesh,r=t.getScene();if(t.material&&"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 c.Tools.LoadScript("https://preview.babylonjs.com/materialsLibrary/babylonjs.materials.js",(function(){e.displayNormals()}));t.reservedDataStore||(t.reservedDataStore={}),t.reservedDataStore.originalMaterial||(t.reservedDataStore.originalMaterial=t.material);var n=new BABYLON.NormalMaterial("normalMaterial",r);n.disableLighting=!0,t.material&&(n.sideOrientation=t.material.sideOrientation),n.reservedDataStore={hidden:!0},t.material=n,this.setState({displayNormals:!0})}},t.prototype.displayVertexColors=function(){var e=this.props.mesh,t=e.getScene();if(e.material&&e.material.reservedDataStore&&e.material.reservedDataStore.isVertexColorMaterial)e.material.dispose(),e.material=e.reservedDataStore.originalMaterial,e.reservedDataStore.originalMaterial=null,this.setState({displayVertexColors:!1});else{e.reservedDataStore||(e.reservedDataStore={}),e.reservedDataStore.originalMaterial||(e.reservedDataStore.originalMaterial=e.material);var r=new c.StandardMaterial("vertex colors",t);r.disableLighting=!0,r.emissiveColor=c.Color3.White(),e.material&&(r.sideOrientation=e.material.sideOrientation),r.reservedDataStore={hidden:!0,isVertexColorMaterial:!0},e.useVertexColors=!0,e.material=r,this.setState({displayVertexColors:!0})}},t.prototype.onMaterialLink=function(){if(this.props.onSelectionChangedObservable){var e=this.props.mesh;this.props.onSelectionChangedObservable.notifyObservers(e.material)}},t.prototype.onSourceMeshLink=function(){if(this.props.onSelectionChangedObservable){var e=this.props.mesh;this.props.onSelectionChangedObservable.notifyObservers(e.sourceMesh)}},t.prototype.onSkeletonLink=function(){if(this.props.onSelectionChangedObservable){var e=this.props.mesh;this.props.onSelectionChangedObservable.notifyObservers(e.skeleton)}},t.prototype.convertPhysicsTypeToString=function(){switch(this.props.mesh.physicsImpostor.type){case c.PhysicsImpostor.NoImpostor:return"No impostor";case c.PhysicsImpostor.SphereImpostor:return"Sphere";case c.PhysicsImpostor.BoxImpostor:return"Box";case c.PhysicsImpostor.PlaneImpostor:return"Plane";case c.PhysicsImpostor.MeshImpostor:return"Mesh";case c.PhysicsImpostor.CylinderImpostor:return"Cylinder";case c.PhysicsImpostor.ParticleImpostor:return"Particle";case c.PhysicsImpostor.HeightmapImpostor:return"Heightmap";case c.PhysicsImpostor.ConvexHullImpostor:return"Convex hull";case c.PhysicsImpostor.RopeImpostor:return"Rope";case c.PhysicsImpostor.SoftbodyImpostor:return"Soft body"}return"Unknown"},t.prototype.render=function(){var e,t=this,r=this.props.mesh,n=r.getScene(),a=null!=r.material&&"NormalMaterial"===r.material.getClassName(),o=!(null==r.material||!r.material.reservedDataStore||!r.material.reservedDataStore.isVertexColorMaterial),i=!(!r.reservedDataStore||!r.reservedDataStore.normalLines),s=!(!r.reservedDataStore||!r.reservedDataStore.wireframeOver),p=[];if(r.morphTargetManager)for(var u=0;u<r.morphTargetManager.numTargets;u++)p.push(r.morphTargetManager.getTarget(u));var d=[{label:"Accurate",value:c.AbstractMesh.OCCLUSION_ALGORITHM_TYPE_ACCURATE},{label:"Conservative",value:c.AbstractMesh.OCCLUSION_ALGORITHM_TYPE_CONSERVATIVE}],h=[{label:"None",value:c.AbstractMesh.OCCLUSION_TYPE_NONE},{label:"Optimistic",value:c.AbstractMesh.OCCLUSION_TYPE_OPTIMISTIC},{label:"Strict",value:c.AbstractMesh.OCCLUSION_TYPE_STRICT}],b=n.materials.slice(0).sort((function(e,t){return(e.name||"no name").localeCompare(t.name||"no name")})),f=b.map((function(e,t){return{label:e.name||"no name",value:t}}));return f.splice(0,0,{label:"None",value:-1}),l.createElement("div",{className:"pane"},l.createElement(Ne,{globalState:this.props.globalState,target:r,lockObject:this.props.lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"GENERAL"},l.createElement(le,{label:"ID",value:r.id}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Name",target:r,propertyName:"name",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(le,{label:"Unique ID",value:r.uniqueId.toString()}),l.createElement(le,{label:"Class",value:r.getClassName()}),l.createElement(le,{label:"Vertices",value:r.getTotalVertices().toString()}),l.createElement(le,{label:"Faces",value:(r.getTotalIndices()/3).toFixed(0)}),l.createElement(le,{label:"Sub-meshes",value:r.subMeshes?r.subMeshes.length.toString():"0"}),r.parent&&l.createElement(le,{label:"Parent",value:r.parent.name,onLink:function(){return t.props.globalState.onSelectionChangedObservable.notifyObservers(r.parent)}}),r.skeleton&&l.createElement(le,{label:"Skeleton",value:r.skeleton.name,onLink:function(){return t.onSkeletonLink()}}),l.createElement(de,{label:"Is enabled",isSelected:function(){return r.isEnabled()},onSelect:function(e){return r.setEnabled(e)}}),l.createElement(de,{label:"Is pickable",target:r,propertyName:"isPickable",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.material&&(!r.material.reservedDataStore||!r.material.reservedDataStore.hidden)&&l.createElement(le,{label:"Link to material",value:r.material.name,onLink:function(){return t.onMaterialLink()}}),!r.isAnInstance&&l.createElement(Ce,{label:"Active material",options:f,target:r,propertyName:"material",noDirectUpdate:!0,onSelect:function(e){r.material=e<0?null:b[e],t.forceUpdate()},extractValue:function(){return r.material?b.indexOf(r.material):-1},onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.isAnInstance&&l.createElement(le,{label:"Source",value:r.sourceMesh.name,onLink:function(){return t.onSourceMeshLink()}}),l.createElement(Te,{label:"Dispose",onClick:function(){r.dispose(),t.props.globalState.onSelectionChangedObservable.notifyObservers(null)}})),l.createElement(dt,{host:r,lockObject:this.props.lockObject,globalState:this.props.globalState}),l.createElement(se,{globalState:this.props.globalState,title:"TRANSFORMS"},l.createElement(we,{label:"Position",target:r,propertyName:"position",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),!r.rotationQuaternion&&l.createElement(we,{label:"Rotation",useEuler:this.props.globalState.onlyUseEulers,target:r,propertyName:"rotation",step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.rotationQuaternion&&l.createElement(ke,{label:"Rotation",useEuler:this.props.globalState.onlyUseEulers,target:r,propertyName:"rotationQuaternion",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(we,{label:"Scaling",target:r,propertyName:"scaling",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"DISPLAY",closed:!0},!r.isAnInstance&&l.createElement(ve,{label:"Visibility",target:r,propertyName:"visibility",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Alpha index",target:r,propertyName:"alphaIndex",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Receive shadows",target:r,propertyName:"receiveShadows",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.isVerticesDataPresent(c.VertexBuffer.ColorKind)&&l.createElement(de,{label:"Use vertex colors",target:r,propertyName:"useVertexColors",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),r.isVerticesDataPresent(c.VertexBuffer.ColorKind)&&l.createElement(de,{label:"Has vertex alpha",target:r,propertyName:"hasVertexAlpha",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),n.fogMode!==c.Scene.FOGMODE_NONE&&l.createElement(de,{label:"Apply fog",target:r,propertyName:"applyFog",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),!r.parent&&l.createElement(de,{label:"Infinite distance",target:r,propertyName:"infiniteDistance",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Rendering group ID",decimalCount:0,target:r,propertyName:"renderingGroupId",minimum:c.RenderingManager.MIN_RENDERINGGROUPS,maximum:c.RenderingManager.MAX_RENDERINGGROUPS-1,step:1,onPropertyChangedObservable:this.props.onPropertyChangedObservable})),null!=r.morphTargetManager&&l.createElement(se,{globalState:this.props.globalState,title:"MORPH TARGETS",closed:!0},p.map((function(e,r){return l.createElement(ve,{key:r,label:e.name,target:e,propertyName:"influence",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:t.props.onPropertyChangedObservable})}))),l.createElement(He,{globalState:this.props.globalState,animatable:r,scene:r.getScene(),lockObject:this.props.lockObject}),l.createElement(se,{globalState:this.props.globalState,title:"ADVANCED",closed:!0},r.useBones&&l.createElement(de,{label:"Compute bones using shaders",target:r,propertyName:"computeBonesUsingShaders",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Collisions",target:r,propertyName:"checkCollisions",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(le,{label:"Geometry ID",value:null===(e=r.geometry)||void 0===e?void 0:e.uniqueId.toString()}),l.createElement(le,{label:"Has normals",value:r.isVerticesDataPresent(c.VertexBuffer.NormalKind)?"Yes":"No"}),l.createElement(le,{label:"Has vertex colors",value:r.isVerticesDataPresent(c.VertexBuffer.ColorKind)?"Yes":"No"}),l.createElement(le,{label:"Has UV set 0",value:r.isVerticesDataPresent(c.VertexBuffer.UVKind)?"Yes":"No"}),l.createElement(le,{label:"Has UV set 1",value:r.isVerticesDataPresent(c.VertexBuffer.UV2Kind)?"Yes":"No"}),l.createElement(le,{label:"Has UV set 2",value:r.isVerticesDataPresent(c.VertexBuffer.UV3Kind)?"Yes":"No"}),l.createElement(le,{label:"Has UV set 3",value:r.isVerticesDataPresent(c.VertexBuffer.UV4Kind)?"Yes":"No"}),l.createElement(le,{label:"Has tangents",value:r.isVerticesDataPresent(c.VertexBuffer.TangentKind)?"Yes":"No"}),l.createElement(le,{label:"Has matrix weights",value:r.isVerticesDataPresent(c.VertexBuffer.MatricesWeightsKind)?"Yes":"No"}),l.createElement(le,{label:"Has matrix indices",value:r.isVerticesDataPresent(c.VertexBuffer.MatricesIndicesKind)?"Yes":"No"})),null!=r.physicsImpostor&&l.createElement(se,{globalState:this.props.globalState,title:"PHYSICS",closed:!0},l.createElement(Me,{lockObject:this.props.lockObject,label:"Mass",target:r.physicsImpostor,propertyName:"mass",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Friction",target:r.physicsImpostor,propertyName:"friction",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Restitution",target:r.physicsImpostor,propertyName:"restitution",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(le,{label:"Type",value:this.convertPhysicsTypeToString()})),l.createElement(se,{globalState:this.props.globalState,title:"OCCLUSIONS",closed:!0},l.createElement(Ce,{label:"Type",options:h,target:r,propertyName:"occlusionType",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Retry count",minimum:-1,maximum:10,decimalCount:0,step:1,target:r,propertyName:"occlusionRetryCount",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Ce,{label:"Algorithm",options:d,target:r,propertyName:"occlusionQueryAlgorithmType",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"EDGE RENDERING",closed:!0},l.createElement(de,{label:"Enable",target:r,isSelected:function(){return null!=r.edgesRenderer},onSelect:function(e){e?r.enableEdgesRendering():r.disableEdgesRendering()}}),l.createElement(ve,{label:"Edge width",minimum:0,maximum:10,step:.1,target:r,propertyName:"edgesWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Pe,{label:"Edge color",target:r,propertyName:"edgesColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),!r.isAnInstance&&l.createElement(se,{globalState:this.props.globalState,title:"OUTLINE & OVERLAY",closed:!0},l.createElement(de,{label:"Render overlay",target:r,propertyName:"renderOverlay",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Pe,{label:"Overlay color",target:r,propertyName:"overlayColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Render outline",target:r,propertyName:"renderOutline",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Pe,{label:"Outline color",target:r,propertyName:"outlineColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"DEBUG",closed:!0},!r.isAnInstance&&l.createElement(de,{label:"Display normals",isSelected:function(){return a},onSelect:function(){return t.displayNormals()}}),!r.isAnInstance&&l.createElement(de,{label:"Display vertex colors",isSelected:function(){return o},onSelect:function(){return t.displayVertexColors()}}),r.isVerticesDataPresent(c.VertexBuffer.NormalKind)&&l.createElement(de,{label:"Render vertex normals",isSelected:function(){return i},onSelect:function(){return t.renderNormalVectors()}}),!r.isAnInstance&&l.createElement(de,{label:"Render wireframe over mesh",isSelected:function(){return s},onSelect:function(){return t.renderWireframeOver()}})))},t}(l.Component),bt=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this,t=this.props.transformNode;return l.createElement("div",{className:"pane"},l.createElement(Ne,{globalState:this.props.globalState,target:t,lockObject:this.props.lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"GENERAL"},l.createElement(le,{label:"ID",value:t.id}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Name",target:t,propertyName:"name",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(le,{label:"Unique ID",value:t.uniqueId.toString()}),l.createElement(le,{label:"Class",value:t.getClassName()}),l.createElement(de,{label:"IsEnabled",isSelected:function(){return t.isEnabled()},onSelect:function(e){return t.setEnabled(e)}}),t.parent&&l.createElement(le,{label:"Parent",value:t.parent.name,onLink:function(){return e.props.globalState.onSelectionChangedObservable.notifyObservers(t.parent)}}),l.createElement(Te,{label:"Dispose",onClick:function(){t.dispose(),e.props.globalState.onSelectionChangedObservable.notifyObservers(null)}})),l.createElement(dt,{host:t,lockObject:this.props.lockObject,globalState:this.props.globalState}),l.createElement(se,{globalState:this.props.globalState,title:"TRANSFORMATIONS"},l.createElement(we,{label:"Position",target:t,propertyName:"position",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),!t.rotationQuaternion&&l.createElement(we,{label:"Rotation",useEuler:this.props.globalState.onlyUseEulers,target:t,propertyName:"rotation",step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.rotationQuaternion&&l.createElement(ke,{label:"Rotation",useEuler:this.props.globalState.onlyUseEulers,target:t,propertyName:"rotationQuaternion",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(we,{label:"Scaling",target:t,propertyName:"scaling",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(He,{globalState:this.props.globalState,animatable:t,scene:t.getScene(),lockObject:this.props.lockObject}))},t}(l.Component),ft=function(e){function t(t){var r=e.call(this,t)||this;return r._onDebugSelectionChangeObservable=new c.Observable,r}return a(t,e),t.prototype.renderTextures=function(){var e=this.props.material,t=this._onDebugSelectionChangeObservable;return l.createElement(se,{globalState:this.props.globalState,title:"TEXTURES"},l.createElement(Ye,{label:"Diffuse",texture:e.diffuseTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),l.createElement(Ye,{label:"Reflection",texture:e.reflectionTexture,material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),e.reflectionTexture&&l.createElement(ve,{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 l.createElement("div",{className:"pane"},l.createElement(Ue,{globalState:this.props.globalState,lockObject:this.props.lockObject,material:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"LIGHTING & COLORS"},l.createElement(Pe,{label:"Primary",target:e,propertyName:"primaryColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Shadow level",target:e,propertyName:"primaryColorShadowLevel",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Highlight level",target:e,propertyName:"primaryColorHighlightLevel",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable})),this.renderTextures(),l.createElement(se,{globalState:this.props.globalState,title:"RENDERING",closed:!0},l.createElement(de,{label:"Enable noise",target:e,propertyName:"enableNoise",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Opacity fresnel",target:e,propertyName:"opacityFresnel",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Reflection fresnel",target:e,propertyName:"reflectionFresnel",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Reflection amount",target:e,propertyName:"reflectionAmount",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(l.Component),mt=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.renderGridInformation=function(){var e=this.props.control;if(!e.parent)return null;var t=e.parent;if(void 0===t.rowCount)return null;var r=t.getChildCellInfo(e);if(void 0===r)return null;var n=r.split(":");return l.createElement(se,{globalState:this.props.globalState,title:"GRID"},l.createElement(le,{label:"Row",value:n[0]}),l.createElement(le,{label:"Column",value:n[1]}))},t.prototype.render=function(){var e=this.props.control,t=[{label:"Left",value:$e.Control.HORIZONTAL_ALIGNMENT_LEFT},{label:"Right",value:$e.Control.HORIZONTAL_ALIGNMENT_RIGHT},{label:"Center",value:$e.Control.HORIZONTAL_ALIGNMENT_CENTER}],r=[{label:"Top",value:$e.Control.VERTICAL_ALIGNMENT_TOP},{label:"Bottom",value:$e.Control.VERTICAL_ALIGNMENT_BOTTOM},{label:"Center",value:$e.Control.VERTICAL_ALIGNMENT_CENTER}];return l.createElement("div",null,l.createElement(se,{globalState:this.props.globalState,title:"GENERAL"},l.createElement(le,{label:"Class",value:e.getClassName()}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Name",target:e,propertyName:"name",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(le,{label:"Unique ID",value:e.uniqueId.toString()}),l.createElement(ve,{label:"Alpha",target:e,propertyName:"alpha",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),void 0!==e.color&&l.createElement(_e,{lockObject:this.props.lockObject,label:"Color",target:e,propertyName:"color",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),void 0!==e.background&&l.createElement(_e,{lockObject:this.props.lockObject,label:"Background",target:e,propertyName:"background",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),this.renderGridInformation(),l.createElement(se,{globalState:this.props.globalState,title:"ALIGNMENT"},l.createElement(Ce,{label:"Horizontal",options:t,target:e,propertyName:"horizontalAlignment",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Ce,{label:"Vertical",options:r,target:e,propertyName:"verticalAlignment",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"POSITION"},l.createElement(_e,{lockObject:this.props.lockObject,label:"Left",target:e,propertyName:"left",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Top",target:e,propertyName:"top",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Width",target:e,propertyName:"width",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Height",target:e,propertyName:"height",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Padding left",target:e,propertyName:"paddingLeft",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Padding top",target:e,propertyName:"paddingTop",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Padding right",target:e,propertyName:"paddingRight",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Padding bottom",target:e,propertyName:"paddingBottom",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"TRANSFORMATION",closed:!0},l.createElement(Me,{lockObject:this.props.lockObject,label:"ScaleX",target:e,propertyName:"scaleX",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"ScaleY",target:e,propertyName:"scaleY",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Rotation",target:e,propertyName:"rotation",minimum:0,maximum:2*Math.PI,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Transform center X",target:e,propertyName:"transformCenterX",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Transform center Y",target:e,propertyName:"transformCenterY",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"FONT",closed:!0},l.createElement(_e,{lockObject:this.props.lockObject,label:"Family",target:e,propertyName:"fontFamily",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Size",target:e,propertyName:"fontSize",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Weight",target:e,propertyName:"fontWeight",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Style",target:e,propertyName:"fontStyle",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"SHADOWS",closed:!0},l.createElement(_e,{lockObject:this.props.lockObject,label:"Color",target:e,propertyName:"shadowColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Offset X",target:e,propertyName:"shadowOffsetX",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Offset Y",target:e,propertyName:"shadowOffsetY",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Blur",target:e,propertyName:"shadowBlur",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(l.Component),gt=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.control;return l.createElement("div",{className:"pane"},l.createElement(mt,{globalState:this.props.globalState,lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}))},t}(l.Component),vt=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.textBlock,t=[{label:"Left",value:$e.Control.HORIZONTAL_ALIGNMENT_LEFT},{label:"Right",value:$e.Control.HORIZONTAL_ALIGNMENT_RIGHT},{label:"Center",value:$e.Control.HORIZONTAL_ALIGNMENT_CENTER}],r=[{label:"Top",value:$e.Control.VERTICAL_ALIGNMENT_TOP},{label:"Bottom",value:$e.Control.VERTICAL_ALIGNMENT_BOTTOM},{label:"Center",value:$e.Control.VERTICAL_ALIGNMENT_CENTER}],n=[{label:"Clip",value:$e.TextWrapping.Clip},{label:"Ellipsis",value:$e.TextWrapping.Ellipsis},{label:"Word wrap",value:$e.TextWrapping.WordWrap}];return l.createElement("div",{className:"pane"},l.createElement(mt,{globalState:this.props.globalState,lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"TEXTBLOCK"},l.createElement(_e,{lockObject:this.props.lockObject,label:"Text",target:e,propertyName:"text",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Ce,{label:"Horizontal text alignment",options:t,target:e,propertyName:"textHorizontalAlignment",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Ce,{label:"Vertical text alignment",options:r,target:e,propertyName:"textVerticalAlignment",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Resize to fit",target:e,propertyName:"resizeToFit",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Ce,{label:"Wrapping",options:n,target:e,propertyName:"textWrapping",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Line spacing",target:e,propertyName:"lineSpacing",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"OUTLINE"},l.createElement(Me,{lockObject:this.props.lockObject,label:"Outline width",target:e,propertyName:"outlineWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Outline color",target:e,propertyName:"outlineColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(l.Component),yt=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.inputText;return l.createElement("div",{className:"pane"},l.createElement(mt,{globalState:this.props.globalState,lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"INPUTTEXT"},l.createElement(_e,{lockObject:this.props.lockObject,label:"Text",target:e,propertyName:"text",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Prompt",target:e,propertyName:"promptMessage",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Max width",target:e,propertyName:"maxWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Highlight color",target:e,propertyName:"textHighlightColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Highligher opacity",minimum:0,maximum:1,step:.01,target:e,propertyName:"highligherOpacity",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"On focus select all",target:e,propertyName:"onFocusSelectAll",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Focused background",target:e,propertyName:"focusedBackground",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Max width",target:e,propertyName:"maxWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Margin",target:e,propertyName:"margin",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Auto stretch width",target:e,propertyName:"autoStretchWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Thickness",target:e,propertyName:"thickness",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Placeholder text",target:e,propertyName:"placeholderText",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Placeholder color",target:e,propertyName:"placeholderColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(l.Component),Ct=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.colorPicker;return l.createElement("div",{className:"pane"},l.createElement(mt,{globalState:this.props.globalState,lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"COLORPICKER"},l.createElement(Pe,{label:"Color",target:e,propertyName:"value",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(l.Component),Et=function(e){function t(t){var r=e.call(this,t)||this,n=r.props.animationGroup;return r.state={playButtonText:n.isPlaying?"Pause":"Play",currentFrame:0},r.connect(r.props.animationGroup),r._onBeforeRenderObserver=r.props.scene.onBeforeRenderObservable.add((function(){r.updateCurrentFrame(r.props.animationGroup)})),r.timelineRef=l.createRef(),r}return a(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.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,r=t.isPlaying?"Pause":"Play";return l.createElement("div",{className:"pane"},l.createElement(se,{globalState:this.props.globalState,title:"GENERAL"},l.createElement(le,{label:"Class",value:t.getClassName()}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Name",target:t,propertyName:"name",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"CONTROLS"},l.createElement(Te,{label:r,onClick:function(){return e.playOrPause()}}),l.createElement(ve,{label:"Speed ratio",minimum:0,maximum:10,step:.1,target:t,propertyName:"speedRatio",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{ref:this.timelineRef,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)}})),l.createElement(se,{globalState:this.props.globalState,title:"INFOS"},l.createElement(le,{label:"Animation count",value:t.targetedAnimations.length.toString()}),l.createElement(le,{label:"From",value:t.from.toFixed(2)}),l.createElement(le,{label:"To",value:t.to.toFixed(2)}),l.createElement(le,{label:"Unique ID",value:t.uniqueId.toString()})))},t}(l.Component),xt=function(){this.lock=!1},Ot=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this,t=this.props.image,r=[{label:"None",value:$e.Image.STRETCH_NONE},{label:"Fill",value:$e.Image.STRETCH_FILL},{label:"Uniform",value:$e.Image.STRETCH_UNIFORM},{label:"Extend",value:$e.Image.STRETCH_EXTEND},{label:"NinePatch",value:$e.Image.STRETCH_NINE_PATCH}];return l.createElement("div",{className:"pane"},l.createElement(mt,{globalState:this.props.globalState,lockObject:this.props.lockObject,control:t,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"IMAGE"},l.createElement(Me,{lockObject:this.props.lockObject,label:"Source left",target:t,propertyName:"sourceLeft",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Source top",target:t,propertyName:"sourceTop",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Source width",target:t,propertyName:"sourceWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Source height",target:t,propertyName:"sourceHeight",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Autoscale",target:t,propertyName:"autoScale",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Ce,{label:"Stretch",options:r,target:t,propertyName:"stretch",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:function(t){return e.setState({mode:t})}})),l.createElement(se,{globalState:this.props.globalState,title:"ANIMATION SHEET"},l.createElement(Me,{lockObject:this.props.lockObject,label:"Cell Id",isInteger:!0,target:t,propertyName:"cellId",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Cell width",target:t,propertyName:"cellWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Cell height",target:t,propertyName:"cellHeight",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(l.Component),St=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.slider;return l.createElement("div",{className:"pane"},l.createElement(mt,{globalState:this.props.globalState,lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"SLIDER"},l.createElement(_e,{lockObject:this.props.lockObject,label:"Border color",target:e,propertyName:"borderColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Display thumb",target:e,propertyName:"displayThumb",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Thumb circle",target:e,propertyName:"isThumbCircle",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Vertical",target:e,propertyName:"isVertical",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Thumb clamped",target:e,propertyName:"isThumbClamped",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Bar offset",target:e,propertyName:"barOffset",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Thumb width",target:e,propertyName:"thumbWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Minimum",target:e,propertyName:"minimum",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Maximum",target:e,propertyName:"maximum",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Value",target:e,propertyName:"value",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(l.Component),Pt=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.imageBasedSlider;return l.createElement("div",{className:"pane"},l.createElement(mt,{globalState:this.props.globalState,lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"IMAGE BASED SLIDER"},l.createElement(de,{label:"Display thumb",target:e,propertyName:"displayThumb",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Vertical",target:e,propertyName:"isVertical",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Thumb clamped",target:e,propertyName:"isThumbClamped",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Bar offset",target:e,propertyName:"barOffset",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Thumb width",target:e,propertyName:"thumbWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Minimum",target:e,propertyName:"minimum",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Maximum",target:e,propertyName:"maximum",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Value",target:e,propertyName:"value",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(l.Component),wt=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.rectangle;return l.createElement("div",{className:"pane"},l.createElement(mt,{globalState:this.props.globalState,lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"RECTANGLE"},l.createElement(de,{label:"Clip children",target:e,propertyName:"clipChildren",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Thickness",target:e,propertyName:"thickness",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Corner radius",target:e,propertyName:"cornerRadius",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(l.Component),kt=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.ellipse;return l.createElement("div",{className:"pane"},l.createElement(mt,{globalState:this.props.globalState,lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"ELLIPSE"},l.createElement(de,{label:"Clip children",target:e,propertyName:"clipChildren",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Thickness",target:e,propertyName:"thickness",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(l.Component),_t=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.checkbox;return l.createElement("div",{className:"pane"},l.createElement(mt,{globalState:this.props.globalState,lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"CHECKBOX"},l.createElement(Me,{lockObject:this.props.lockObject,label:"Check size ratio",target:e,propertyName:"checkSizeRatio",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Checked",target:e,propertyName:"isChecked",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(l.Component),Nt=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.radioButton;return l.createElement("div",{className:"pane"},l.createElement(mt,{globalState:this.props.globalState,lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"RADIO BUTTON"},l.createElement(Me,{lockObject:this.props.lockObject,label:"Thickness",target:e,propertyName:"thickness",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Check size ratio",target:e,propertyName:"checkSizeRatio",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Group",target:e,propertyName:"group",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Checked",target:e,propertyName:"isChecked",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(l.Component),Tt=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.onDashChange=function(e){var t=this.props.line,r=e.split(",");t.dash=[],r.forEach((function(e){var r=parseInt(e);isNaN(r)||t.dash.push(r)}))},t.prototype.render=function(){var e=this,t=this.props.line;return l.createElement("div",{className:"pane"},l.createElement(mt,{globalState:this.props.globalState,lockObject:this.props.lockObject,control:t,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"LINE"},l.createElement(Me,{lockObject:this.props.lockObject,label:"Line width",target:t,propertyName:"lineWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"X1",target:t,propertyName:"x1",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Y1",target:t,propertyName:"y1",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"X2",target:t,propertyName:"x2",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Y2",target:t,propertyName:"y2",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Dash pattern",target:t,value:t.dash.join(","),onChange:function(t){return e.onDashChange(t)}})))},t}(l.Component),Mt=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.scrollViewer;return l.createElement("div",{className:"pane"},l.createElement(mt,{globalState:this.props.globalState,lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"RECTANGLE"},l.createElement(Me,{lockObject:this.props.lockObject,label:"Thickness",target:e,propertyName:"thickness",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Corner radius",target:e,propertyName:"cornerRadius",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"SCROLLVIEWER"},l.createElement(Me,{lockObject:this.props.lockObject,label:"Bar size",target:e,propertyName:"barSize",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Bar color",target:e,propertyName:"barColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Bar background",target:e,propertyName:"barBackground",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Wheel precision",target:e,propertyName:"wheelPrecision",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(l.Component),Rt=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.renderRows=function(){for(var e=this.props.grid,t=[],r=0;r<e.rowCount;r++)t.push(e.getRowDefinition(r));return t.map((function(t,r){return l.createElement(le,{key:"r"+r,label:"Row "+r,value:t.toString(e.host,2),underline:r===e.rowCount-1})}))},t.prototype.renderColumns=function(){for(var e=this.props.grid,t=[],r=0;r<e.columnCount;r++)t.push(e.getColumnDefinition(r));return t.map((function(t,r){return l.createElement(le,{key:"c"+r,label:"Column "+r,value:t.toString(e.host,2)})}))},t.prototype.render=function(){for(var e=this.props.grid,t=[],r=0;r<e.rowCount;r++)t.push(e.getColumnDefinition(r));return l.createElement("div",{className:"pane"},l.createElement(mt,{globalState:this.props.globalState,lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"GRID"},this.renderRows(),this.renderColumns()))},t}(l.Component),At=function(e){function t(t){var r=e.call(this,t)||this;return r._onDebugSelectionChangeObservable=new c.Observable,r}return a(t,e),t.prototype.renderTextures=function(){var e=this.props.material,t=this._onDebugSelectionChangeObservable;return l.createElement(se,{globalState:this.props.globalState,title:"TEXTURES"},l.createElement(Ye,{label:"Base",texture:e.baseTexture,propertyName:"baseTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),l.createElement(Ye,{label:"Metallic roughness",texture:e.metallicRoughnessTexture,propertyName:"metallicRoughnessTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),l.createElement(Ye,{label:"Normal",texture:e.normalTexture,propertyName:"normalTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),l.createElement(Ye,{label:"Environment",texture:e.environmentTexture,propertyName:"environmentTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),l.createElement(Ye,{label:"Emissive",texture:e.emissiveTexture,propertyName:"emissiveTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),l.createElement(Ye,{label:"Lightmap",texture:e.lightmapTexture,propertyName:"lightmapTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}))},t.prototype.render=function(){var e=this.props.material;return l.createElement("div",{className:"pane"},l.createElement(Ue,{globalState:this.props.globalState,lockObject:this.props.lockObject,material:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),this.renderTextures(),l.createElement(se,{globalState:this.props.globalState,title:"LIGHTING & COLORS"},l.createElement(Pe,{label:"Base",target:e,propertyName:"baseColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable,isLinear:!0}),l.createElement(Pe,{label:"Emissive",target:e,propertyName:"emissiveColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable,isLinear:!0})),l.createElement(se,{globalState:this.props.globalState,title:"LEVELS",closed:!0},l.createElement(ve,{label:"Metallic",target:e,propertyName:"metallic",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Roughness",target:e,propertyName:"roughness",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"NORMAL MAP",closed:!0},l.createElement(de,{label:"Invert X axis",target:e,propertyName:"invertNormalMapX",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Invert Y axis",target:e,propertyName:"invertNormalMapY",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(l.Component),Lt=function(e){function t(t){var r=e.call(this,t)||this;return r._onDebugSelectionChangeObservable=new c.Observable,r}return a(t,e),t.prototype.renderTextures=function(){var e=this.props.material,t=this._onDebugSelectionChangeObservable;return l.createElement(se,{globalState:this.props.globalState,title:"TEXTURES"},l.createElement(Ye,{label:"Diffuse",texture:e.diffuseTexture,propertyName:"diffuseTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),l.createElement(Ye,{label:"Specular glossiness",texture:e.specularGlossinessTexture,propertyName:"specularGlossinessTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),l.createElement(Ye,{label:"Normal",texture:e.normalTexture,propertyName:"normalTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),l.createElement(Ye,{label:"Environment",texture:e.environmentTexture,propertyName:"environmentTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),l.createElement(Ye,{label:"Emissive",texture:e.emissiveTexture,propertyName:"emissiveTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}),l.createElement(Ye,{label:"Lightmap",texture:e.lightmapTexture,propertyName:"lightmapTexture",material:e,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:t}))},t.prototype.render=function(){var e=this.props.material;return l.createElement("div",{className:"pane"},l.createElement(Ue,{globalState:this.props.globalState,lockObject:this.props.lockObject,material:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),this.renderTextures(),l.createElement(se,{globalState:this.props.globalState,title:"LIGHTING & COLORS"},l.createElement(Pe,{label:"Diffuse",target:e,propertyName:"diffuseColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable,isLinear:!0}),l.createElement(Pe,{label:"Specular",target:e,propertyName:"specularColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable,isLinear:!0})),l.createElement(se,{globalState:this.props.globalState,title:"LEVELS",closed:!0},l.createElement(ve,{label:"Glossiness",target:e,propertyName:"glossiness",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"NORMAL MAP",closed:!0},l.createElement(de,{label:"Invert X axis",target:e,propertyName:"invertNormalMapX",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Invert Y axis",target:e,propertyName:"invertNormalMapY",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(l.Component),jt=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.stackPanel;return l.createElement("div",{className:"pane"},l.createElement(mt,{globalState:this.props.globalState,lockObject:this.props.lockObject,control:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"STACKPANEL"},l.createElement(de,{label:"Clip children",target:e,propertyName:"clipChildren",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Vertical",target:e,propertyName:"isVertical",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(l.Component),It=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this,t=this.props.postProcess;return l.createElement("div",null,l.createElement(se,{globalState:this.props.globalState,title:"GENERAL"},l.createElement(le,{label:"Class",value:t.getClassName()}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Name",target:t,propertyName:"name",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.width&&l.createElement(le,{label:"Width",value:t.width.toString()}),t.height&&l.createElement(le,{label:"Height",value:t.height.toString()}),l.createElement(de,{label:"Auto clear",target:t,propertyName:"autoClear",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.clearColor&&l.createElement(Pe,{label:"Clear color",target:t,propertyName:"clearColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Pixel perfect",target:t,propertyName:"enablePixelPerfectMode",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Fullscreen viewport",target:t,propertyName:"forceFullscreenViewport",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Samples",target:t,propertyName:"samples",minimum:1,maximum:8,step:1,decimalCount:0,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Te,{label:"Dispose",onClick:function(){t.dispose(),e.props.globalState.onSelectionChangedObservable.notifyObservers(null)}})))},t}(l.Component),Dt=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.edit=function(){this.props.postProcess.nodeMaterialSource.edit()},t.prototype.render=function(){var e=this,t=this.props.postProcess;return l.createElement("div",{className:"pane"},l.createElement(It,{globalState:this.props.globalState,lockObject:this.props.lockObject,postProcess:t,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.nodeMaterialSource&&l.createElement(se,{globalState:this.props.globalState,title:"CONFIGURATION"},l.createElement(Te,{label:"Node Material Editor",onClick:function(){return e.edit()}})))},t}(l.Component),zt=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.renderPipeline,t=e;return l.createElement("div",null,l.createElement(se,{globalState:this.props.globalState,title:"GENERAL"},l.createElement(le,{label:"Name",value:e.name}),l.createElement(le,{label:"Class",value:e.getClassName()}),void 0!==t.samples&&l.createElement(ve,{label:"Samples",minimum:1,maximum:8,step:1,decimalCount:0,target:e,propertyName:"samples",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(l.Component),Ft=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.renderPipeline;return l.createElement("div",{className:"pane"},l.createElement(zt,{globalState:this.props.globalState,lockObject:this.props.lockObject,renderPipeline:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}))},t}(l.Component),Gt=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this,t=this.props.renderPipeline,r=t.scene.activeCamera,n=[{label:"Standard",value:c.ImageProcessingConfiguration.TONEMAPPING_STANDARD},{label:"ACES",value:c.ImageProcessingConfiguration.TONEMAPPING_ACES}],a=[{label:"Multiply",value:c.ImageProcessingConfiguration.VIGNETTEMODE_MULTIPLY},{label:"Opaque",value:c.ImageProcessingConfiguration.VIGNETTEMODE_OPAQUE}];return l.createElement("div",{className:"pane"},l.createElement(zt,{globalState:this.props.globalState,lockObject:this.props.lockObject,renderPipeline:t,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"BLOOM"},l.createElement(de,{label:"Enabled",target:t,onValueChanged:function(){return e.forceUpdate()},propertyName:"bloomEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.bloomEnabled&&l.createElement("div",null,l.createElement(ve,{label:"Threshold",minimum:0,maximum:1,step:.05,target:t,propertyName:"bloomThreshold",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Weight",minimum:0,maximum:1,step:.05,target:t,propertyName:"bloomWeight",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Kernel",minimum:0,maximum:128,step:1,target:t,propertyName:"bloomKernel",onPropertyChangedObservable:this.props.onPropertyChangedObservable,decimalCount:0}),l.createElement(ve,{label:"Scale",minimum:0,maximum:1,step:.25,target:t,propertyName:"bloomScale",onPropertyChangedObservable:this.props.onPropertyChangedObservable}))),l.createElement(se,{globalState:this.props.globalState,title:"CHROMATIC ABERRATION"},l.createElement(de,{label:"Enabled",target:t,onValueChanged:function(){return e.forceUpdate()},propertyName:"chromaticAberrationEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.chromaticAberrationEnabled&&l.createElement("div",null,l.createElement(ve,{label:"aberrationAmount",minimum:0,maximum:128,step:.1,target:t.chromaticAberration,propertyName:"aberrationAmount",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Radial intensity",minimum:0,maximum:1,step:.01,target:t.chromaticAberration,propertyName:"radialIntensity",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Je,{label:"Center",target:t.chromaticAberration,propertyName:"centerPosition",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Je,{label:"Direction",target:t.chromaticAberration,propertyName:"direction",onPropertyChangedObservable:this.props.onPropertyChangedObservable}))),l.createElement(se,{globalState:this.props.globalState,title:"DEPTH OF FIELD"},l.createElement(de,{label:"Enabled",target:t,onValueChanged:function(){return e.forceUpdate()},propertyName:"depthOfFieldEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.depthOfFieldEnabled&&l.createElement("div",null,l.createElement(ve,{label:"Focal length",minimum:0,maximum:r.maxZ,step:.1,target:t.depthOfField,propertyName:"focalLength",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"fStop",minimum:0,maximum:32,step:.1,target:t.depthOfField,propertyName:"fStop",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Distance",minimum:0,maximum:r.maxZ,step:.1,target:t.depthOfField,propertyName:"focusDistance",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Lens size",minimum:0,maximum:1e3,step:1,target:t.depthOfField,propertyName:"lensSize",onPropertyChangedObservable:this.props.onPropertyChangedObservable,decimalCount:0}))),l.createElement(se,{globalState:this.props.globalState,title:"FXAA"},l.createElement(de,{label:"Enabled",target:t,propertyName:"fxaaEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"GLOW LAYER"},l.createElement(de,{label:"Enabled",target:t,propertyName:"glowLayerEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.glowLayerEnabled&&l.createElement("div",null,l.createElement(ve,{label:"Blur kernel size",minimum:1,maximum:128,step:1,decimalCount:0,target:t.glowLayer,propertyName:"blurKernelSize",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Intensity",minimum:0,maximum:10,step:.1,target:t.glowLayer,propertyName:"intensity",onPropertyChangedObservable:this.props.onPropertyChangedObservable}))),l.createElement(se,{globalState:this.props.globalState,title:"GRAIN"},l.createElement(de,{label:"Enabled",target:t,onValueChanged:function(){return e.forceUpdate()},propertyName:"grainEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.grainEnabled&&l.createElement("div",null,l.createElement(de,{label:"Animated",target:t.grain,propertyName:"animated",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Intensity",minimum:0,maximum:50,step:.1,target:t.grain,propertyName:"intensity",onPropertyChangedObservable:this.props.onPropertyChangedObservable}))),l.createElement(se,{globalState:this.props.globalState,title:"IMAGE PROCESSING"},l.createElement(de,{label:"Enabled",target:t,onValueChanged:function(){return e.forceUpdate()},propertyName:"imageProcessingEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.imageProcessing&&l.createElement("div",null,l.createElement(ve,{minimum:0,maximum:4,step:.1,label:"Contrast",target:t.imageProcessing,propertyName:"contrast",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{minimum:0,maximum:4,step:.1,label:"Exposure",target:t.imageProcessing,propertyName:"exposure",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Tone mapping",target:t.imageProcessing,propertyName:"toneMappingEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Ce,{label:"Tone mapping type",options:n,target:t.imageProcessing,propertyName:"toneMappingType",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:function(t){return e.setState({mode:t})}}),l.createElement(de,{label:"Vignette",target:t.imageProcessing,propertyName:"vignetteEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{minimum:0,maximum:4,step:.1,label:"Vignette weight",target:t.imageProcessing,propertyName:"vignetteWeight",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{minimum:0,maximum:1,step:.1,label:"Vignette stretch",target:t.imageProcessing,propertyName:"vignetteStretch",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{minimum:0,maximum:Math.PI,step:.1,label:"Vignette FOV",target:t.imageProcessing,propertyName:"vignetteCameraFov",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{minimum:0,maximum:1,step:.1,label:"Vignette center X",target:t.imageProcessing,propertyName:"vignetteCentreX",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{minimum:0,maximum:1,step:.1,label:"Vignette center Y",target:t.imageProcessing,propertyName:"vignetteCentreY",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Pe,{label:"Vignette color",target:t.imageProcessing,propertyName:"vignetteColor",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Ce,{label:"Vignette blend mode",options:a,target:t.imageProcessing,propertyName:"vignetteBlendMode",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:function(t){return e.setState({mode:t})}}))),l.createElement(se,{globalState:this.props.globalState,title:"SHARPEN"},l.createElement(de,{label:"Enabled",target:t,onValueChanged:function(){return e.forceUpdate()},propertyName:"sharpenEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.sharpenEnabled&&l.createElement("div",null,l.createElement(ve,{label:"Color amount",minimum:0,maximum:1,step:.05,target:t.sharpen,propertyName:"colorAmount",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Edge amount",minimum:0,maximum:5,step:.05,target:t.sharpen,propertyName:"edgeAmount",onPropertyChangedObservable:this.props.onPropertyChangedObservable}))))},t}(l.Component),Bt=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.renderPipeline;return l.createElement("div",{className:"pane"},l.createElement(zt,{globalState:this.props.globalState,lockObject:this.props.lockObject,renderPipeline:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"SSAO"},l.createElement(ve,{label:"Strength",minimum:0,maximum:2,step:.05,target:e,propertyName:"totalStrength",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Base",minimum:0,maximum:1,step:.05,target:e,propertyName:"base",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Radius",minimum:1e-4,maximum:.001,step:1e-4,target:e,propertyName:"radius",onPropertyChangedObservable:this.props.onPropertyChangedObservable,decimalCount:4}),l.createElement(ve,{label:"Area",minimum:1e-4,maximum:.01,step:1e-4,target:e,propertyName:"area",onPropertyChangedObservable:this.props.onPropertyChangedObservable,decimalCount:4}),l.createElement(ve,{label:"Falloff",minimum:0,maximum:1e-5,step:1e-6,target:e,propertyName:"fallOff",onPropertyChangedObservable:this.props.onPropertyChangedObservable,decimalCount:6})))},t}(l.Component),Ht=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.renderPipeline,t=e.scene.activeCamera;return l.createElement("div",{className:"pane"},l.createElement(zt,{globalState:this.props.globalState,lockObject:this.props.lockObject,renderPipeline:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"SSAO"},l.createElement(ve,{label:"Strength",minimum:0,maximum:2,step:.05,target:e,propertyName:"totalStrength",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Base",minimum:0,maximum:1,step:.05,target:e,propertyName:"base",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Max Z",minimum:0,maximum:t.maxZ,step:1,target:e,propertyName:"maxZ",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Min Z aspect",minimum:0,maximum:.5,step:.01,target:e,propertyName:"minZAspect",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Radius",minimum:0,maximum:10,step:.05,target:e,propertyName:"radius",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(l.Component),Ut=function(e){function t(t){var r=e.call(this,t)||this;return r._skeletonViewersEnabled=!1,r._skeletonViewers=new Array,r.checkSkeletonViewerState(r.props),r}return a(t,e),t.prototype.switchSkeletonViewers=function(){this._skeletonViewersEnabled=!this._skeletonViewersEnabled;var e=this.props.skeleton.getScene();if(this._skeletonViewersEnabled)for(var t=0,r=e.meshes;t<r.length;t++){var n=r[t];if(n.skeleton===this.props.skeleton){for(var a=!1,o=0;o<this._skeletonViewers.length;o++)if(this._skeletonViewers[o].skeleton===n.skeleton){a=!0;break}if(a)continue;var i=new c.SkeletonViewer(n.skeleton,n,e,!0,0);i.isEnabled=!0,this._skeletonViewers.push(i),n.reservedDataStore||(n.reservedDataStore={}),n.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.checkSkeletonViewerState=function(e){var t=e.skeleton.getScene();if(this._skeletonViewers=[],t){for(var r=0,n=t.meshes;r<n.length;r++){var a=n[r];a.skeleton===e.skeleton&&a.reservedDataStore&&a.reservedDataStore.skeletonViewer&&this._skeletonViewers.push(a.reservedDataStore.skeletonViewer)}this._skeletonViewersEnabled=this._skeletonViewers.length>0}},t.prototype.shouldComponentUpdate=function(e){return e.skeleton!==this.props.skeleton&&this.checkSkeletonViewerState(e),!0},t.prototype.onOverrideMeshLink=function(){if(this.props.globalState.onSelectionChangedObservable){var e=this.props.skeleton;this.props.globalState.onSelectionChangedObservable.notifyObservers(e.overrideMesh)}},t.prototype.render=function(){var e=this,t=this.props.skeleton;return l.createElement("div",{className:"pane"},l.createElement(Ne,{globalState:this.props.globalState,target:t,lockObject:this.props.lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"GENERAL"},l.createElement(le,{label:"ID",value:t.id}),l.createElement(le,{label:"Bone count",value:t.bones.length.toString()}),t.overrideMesh&&l.createElement(le,{label:"Override mesh",value:t.overrideMesh.name,onLink:function(){return e.onOverrideMeshLink()}}),l.createElement(de,{label:"Use texture to store matrices",target:t,propertyName:"useTextureToStoreBoneMatrices",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Debug mode",isSelected:function(){return e._skeletonViewersEnabled},onSelect:function(){return e.switchSkeletonViewers()}})),l.createElement(He,{globalState:this.props.globalState,animatable:t,scene:t.getScene(),lockObject:this.props.lockObject}))},t}(l.Component),Vt=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.onTransformNodeLink=function(){if(this.props.globalState.onSelectionChangedObservable){var e=this.props.bone.getTransformNode();this.props.globalState.onSelectionChangedObservable.notifyObservers(e)}},t.prototype.render=function(){var e=this,t=this.props.bone;return l.createElement("div",{className:"pane"},l.createElement(se,{globalState:this.props.globalState,title:"GENERAL"},l.createElement(le,{label:"Name",value:t.name}),l.createElement(le,{label:"Index",value:t.getIndex().toString()}),l.createElement(le,{label:"Unique ID",value:t.uniqueId.toString()}),t.getParent()&&l.createElement(le,{label:"Parent",value:t.getParent().name,onLink:function(){return e.props.globalState.onSelectionChangedObservable.notifyObservers(t.getParent())}}),t.getTransformNode()&&l.createElement(le,{label:"Linked node",value:t.getTransformNode().name,onLink:function(){return e.onTransformNodeLink()}})),l.createElement(se,{globalState:this.props.globalState,title:"TRANSFORMATIONS"},l.createElement(we,{label:"Position",target:t,propertyName:"position",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),!t.rotationQuaternion&&l.createElement(we,{label:"Rotation",useEuler:this.props.globalState.onlyUseEulers,target:t,propertyName:"rotation",step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.rotationQuaternion&&l.createElement(ke,{label:"Rotation",useEuler:this.props.globalState.onlyUseEulers,target:t,propertyName:"rotationQuaternion",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(we,{label:"Scaling",target:t,propertyName:"scaling",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(l.Component),Wt=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.light,t=(e.getShadowGenerator()||null)instanceof c.CascadedShadowGenerator;return l.createElement("div",{className:"pane"},l.createElement(at,{globalState:this.props.globalState,lockObject:this.props.lockObject,light:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"SETUP"},l.createElement(Pe,{label:"Diffuse",target:e,propertyName:"diffuse",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Pe,{label:"Specular",target:e,propertyName:"specular",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(we,{label:"Position",target:e,propertyName:"position",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(we,{label:"Direction",target:e,propertyName:"direction",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),!t&&l.createElement(de,{label:"Auto Calc Shadow ZBounds",target:e,propertyName:"autoCalcShadowZBounds",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(it,{globalState:this.props.globalState,lockObject:this.props.lockObject,light:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}))},t}(l.Component),Yt=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.light;return l.createElement("div",{className:"pane"},l.createElement(at,{globalState:this.props.globalState,lockObject:this.props.lockObject,light:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"SETUP"},l.createElement(Pe,{label:"Diffuse",target:e,propertyName:"diffuse",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Pe,{label:"Specular",target:e,propertyName:"specular",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(we,{label:"Position",target:e,propertyName:"position",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(we,{label:"Direction",target:e,propertyName:"direction",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,useEuler:this.props.globalState.onlyUseEulers,label:"Angle",target:e,propertyName:"angle",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,useEuler:this.props.globalState.onlyUseEulers,label:"Inner angle",target:e,propertyName:"innerAngle",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Exponent",target:e,propertyName:"exponent",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(it,{globalState:this.props.globalState,lockObject:this.props.lockObject,light:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}))},t}(l.Component),Xt=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.renderPipeline;return l.createElement("div",{className:"pane"},l.createElement(zt,{globalState:this.props.globalState,lockObject:this.props.lockObject,renderPipeline:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"OPTIONS"},l.createElement(ve,{label:"Edge blur",minimum:0,maximum:5,step:.1,target:e,propertyName:"edgeBlur",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Edge distortion",minimum:0,maximum:5,step:.1,target:e,propertyName:"edgeDistortion",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Grain amount",minimum:0,maximum:1,step:.1,target:e,propertyName:"grainAmount",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Chromatic aberration",minimum:0,maximum:5,step:.1,target:e,propertyName:"chromaticAberration",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Darken out of focus",minimum:0,maximum:5,step:.1,target:e,propertyName:"darkenOutOfFocus",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Blur noise",target:e,propertyName:"blurNoise",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"DEPTH OF FIELD"},l.createElement(ve,{label:"Aperture",minimum:0,maximum:10,step:.1,target:e,propertyName:"dofAperture",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Distortion",minimum:0,maximum:10,step:.1,target:e,propertyName:"dofDistortion",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Pentagon bokeh",target:e,propertyName:"pentagonBokeh",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Highlight gain",minimum:0,maximum:5,step:.1,target:e,propertyName:"highlightsGain",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Highlight threshold",minimum:0,maximum:5,step:.1,target:e,propertyName:"highlightsThreshold",onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(l.Component),Kt=function(e){function t(t){var r=e.call(this,t)||this;return r._localChange=!1,r.state={isExpanded:!1,value:r.getCurrentValue().clone()},r}return a(t,e),t.prototype.getCurrentValue=function(){return this.props.target[this.props.propertyName]},t.prototype.shouldComponentUpdate=function(e,t){var r=this.getCurrentValue();return!(r.equals(t.value)&&!this._localChange)&&(t.value=r.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.updateVector4=function(){var e=this.props.target[this.props.propertyName].clone();this.props.target[this.props.propertyName]=this.state.value,this.setState({value:e}),this.raiseOnPropertyChanged(e)},t.prototype.updateStateX=function(e){this._localChange=!0,this.state.value.x=e,this.updateVector4()},t.prototype.updateStateY=function(e){this._localChange=!0,this.state.value.y=e,this.updateVector4()},t.prototype.updateStateZ=function(e){this._localChange=!0,this.state.value.z=e,this.updateVector4()},t.prototype.updateStateW=function(e){this._localChange=!0,this.state.value.w=e,this.updateVector4()},t.prototype.render=function(){var e=this,t=this.state.isExpanded?l.createElement(u.a,{icon:V}):l.createElement(u.a,{icon:Y});return l.createElement("div",{className:"vector3Line"},l.createElement("div",{className:"firstLine"},l.createElement("div",{className:"label"},this.props.label),l.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)+", W: "+this.state.value.w.toFixed(2)),l.createElement("div",{className:"expand hoverIcon",onClick:function(){return e.switchExpandState()},title:"Expand"},t)),l.createElement("div",{className:"secondLine"},l.createElement(Ee,{label:"x",step:this.props.step,value:this.state.value.x,onChange:function(t){return e.updateStateX(t)}}),l.createElement(Ee,{label:"y",step:this.props.step,value:this.state.value.y,onChange:function(t){return e.updateStateY(t)}}),l.createElement(Ee,{label:"z",step:this.props.step,value:this.state.value.z,onChange:function(t){return e.updateStateZ(t)}}),l.createElement(Ee,{label:"w",step:this.props.step,value:this.state.value.w,onChange:function(t){return e.updateStateW(t)}})))},t.defaultProps={step:.001},t}(l.Component),qt=r(94),Qt=function(e){function t(t){var r=e.call(this,t)||this;r._localChange=!1;var n=r.props.target[r.props.propertyName],a="Color4"===n.getClassName()?n.clone():new c.Color4(n.r,n.g,n.b,1);return r.state={isExpanded:!1,color:a},t.isLinear&&r.state.color.toGammaSpaceToRef(r.state.color),t.target._isLinearColor=t.isLinear,r}return a(t,e),t.prototype.shouldComponentUpdate=function(e,t){var r=this.props.target[this.props.propertyName],n="Color4"===r.getClassName()?r:new c.Color4(r.r,r.g,r.b,1);return this.props.isLinear&&n.toGammaSpaceRef(n),!(n.equals(t.color)&&!this._localChange)&&(t.color=n.clone(),this._localChange=!1,!0)},t.prototype.setPropertyValue=function(e){this.props.target[this.props.propertyName]=e,this.props.isLinear&&(this.props.target[this.props.propertyName]=e.toLinearSpace())},t.prototype.onChange=function(e){this._localChange=!0;var t=c.Color4.FromHexString(e);this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:this.props.target,property:this.props.propertyName,value:t,initialValue:this.state.color}),this.setPropertyValue(t),this.setState({color:t}),this.props.onChange&&this.props.onChange()},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.state.color.r=e,this.setPropertyValue(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.state.color.g=e,this.setPropertyValue(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.state.color.b=e,this.setPropertyValue(this.state.color),this.setState({color:this.state.color}),this.raiseOnPropertyChanged(t)},t.prototype.updateStateA=function(e){this._localChange=!0;var t=this.state.color.clone();this.props.target[this.props.propertyName].a=e,this.state.color.a=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?l.createElement(u.a,{icon:V}):l.createElement(u.a,{icon:Y});return l.createElement("div",{className:"color3Line"},l.createElement("div",{className:"firstLine"},l.createElement("div",{className:"label"},this.props.label),l.createElement("div",{className:"color3"},l.createElement(Oe,{value:this.state.color,onColorChanged:function(t){e.onChange(t)}})),l.createElement("div",{className:"copy hoverIcon",onClick:function(){return e.copyToClipboard()},title:"Copy to clipboard"},l.createElement("img",{src:qt,alt:""})),l.createElement("div",{className:"expand hoverIcon",onClick:function(){return e.switchExpandState()},title:"Expand"},t)),this.state.isExpanded&&l.createElement("div",{className:"secondLine"},l.createElement(Ee,{label:"r",value:this.state.color.r,onChange:function(t){return e.updateStateR(t)}}),l.createElement(Ee,{label:"g",value:this.state.color.g,onChange:function(t){return e.updateStateG(t)}}),l.createElement(Ee,{label:"b",value:this.state.color.b,onChange:function(t){return e.updateStateB(t)}}),l.createElement(Ee,{label:"a",value:this.state.color.a,onChange:function(t){return e.updateStateA(t)}})))},t}(l.Component),$t=function(e){function t(t){var r=e.call(this,t)||this;return r._onDebugSelectionChangeObservable=new c.Observable,r}return a(t,e),t.prototype.edit=function(){this.props.material.edit()},t.prototype.renderTextures=function(){var e=this,t=this.props.material,r=this._onDebugSelectionChangeObservable,n=t.getTextureBlocks();return n&&0!==n.length?l.createElement(se,{globalState:this.props.globalState,title:"TEXTURES"},n.map((function(n,a){return l.createElement(Ye,{label:n.name,key:"nodematText"+a,texture:n.texture,material:t,onTextureCreated:function(e){return n.texture=e},onSelectionChangedObservable:e.props.onSelectionChangedObservable,onDebugSelectionChangeObservable:r})}))):null},t.prototype.renderInputBlock=function(e){switch(e.type){case c.NodeMaterialBlockConnectionPointTypes.Float:var t=isNaN(e.min)||isNaN(e.max)||e.min===e.max;return l.createElement("div",{key:e.name},e.isBoolean&&l.createElement(de,{key:e.name,label:e.name,target:e,propertyName:"value",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),!e.isBoolean&&t&&l.createElement(Me,{key:e.name,lockObject:this.props.lockObject,label:e.name,target:e,propertyName:"value",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),!e.isBoolean&&!t&&l.createElement(ve,{key:e.name,label:e.name,target:e,propertyName:"value",step:(e.max-e.min)/100,minimum:e.min,maximum:e.max,onPropertyChangedObservable:this.props.onPropertyChangedObservable}));case c.NodeMaterialBlockConnectionPointTypes.Color3:return l.createElement(Pe,{key:e.name,label:e.name,target:e,propertyName:"value",onPropertyChangedObservable:this.props.onPropertyChangedObservable});case c.NodeMaterialBlockConnectionPointTypes.Color4:return l.createElement(Qt,{key:e.name,label:e.name,target:e,propertyName:"value",onPropertyChangedObservable:this.props.onPropertyChangedObservable});case c.NodeMaterialBlockConnectionPointTypes.Vector2:return l.createElement(Je,{key:e.name,label:e.name,target:e,propertyName:"value",onPropertyChangedObservable:this.props.onPropertyChangedObservable});case c.NodeMaterialBlockConnectionPointTypes.Vector3:return l.createElement(we,{key:e.name,label:e.name,target:e,propertyName:"value",onPropertyChangedObservable:this.props.onPropertyChangedObservable});case c.NodeMaterialBlockConnectionPointTypes.Vector4:return l.createElement(Kt,{key:e.name,label:e.name,target:e,propertyName:"value",onPropertyChangedObservable:this.props.onPropertyChangedObservable})}return null},t.prototype.renderInputValues=function(){var e=this,t=this.props.material.getInputBlocks().filter((function(e){return e.visibleInInspector&&e.isUniform&&!e.isSystemValue})).sort((function(e,t){return e.name.localeCompare(t.name)}));if(0===t.length)return null;var r=[];return t.forEach((function(e){e.groupInInspector&&-1===r.indexOf(e.groupInInspector)&&r.push(e.groupInInspector)})),r.sort(),l.createElement(l.Fragment,null,l.createElement(se,{globalState:this.props.globalState,title:"INPUTS"},t.filter((function(e){return!e.groupInInspector})).map((function(t){return e.renderInputBlock(t)}))),r.map((function(r,n){return l.createElement(se,{key:"inputValue"+n,globalState:e.props.globalState,title:r.toUpperCase()},t.filter((function(e){return e.groupInInspector===r})).map((function(t){return e.renderInputBlock(t)})))})))},t.prototype.render=function(){var e=this,t=this.props.material;return l.createElement("div",{className:"pane"},l.createElement(Ue,{globalState:this.props.globalState,lockObject:this.props.lockObject,material:t,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"CONFIGURATION"},l.createElement(de,{label:"Ignore alpha",target:t,propertyName:"ignoreAlpha",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Te,{label:"Node Material Editor",onClick:function(){return e.edit()}})),this.renderInputValues(),this.renderTextures())},t}(l.Component),Zt=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.onMaterialLink=function(e){this.props.onSelectionChangedObservable&&this.props.onSelectionChangedObservable.notifyObservers(e)},t.prototype.renderChildMaterial=function(){var e=this,t=this.props.material;return l.createElement(se,{globalState:this.props.globalState,title:"CHILDREN"},t.subMaterials.map((function(t,r){return t?l.createElement(le,{key:"Material #"+r,label:"Material #"+r,value:t.name,onLink:function(){return e.onMaterialLink(t)}}):null})))},t.prototype.render=function(){var e=this.props.material;return l.createElement("div",{className:"pane"},l.createElement(Ue,{globalState:this.props.globalState,lockObject:this.props.lockObject,material:e,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),this.renderChildMaterial())},t}(l.Component),Jt=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.emitter;return l.createElement(l.Fragment,null,l.createElement(we,{replaySourceReplacement:this.props.replaySourceReplacement,label:"Direction 1",target:e,propertyName:"direction1",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(we,{replaySourceReplacement:this.props.replaySourceReplacement,label:"Direction 2",target:e,propertyName:"direction2",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(we,{replaySourceReplacement:this.props.replaySourceReplacement,label:"Min emit box",target:e,propertyName:"minEmitBox",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(we,{replaySourceReplacement:this.props.replaySourceReplacement,label:"Max emit box",target:e,propertyName:"maxEmitBox",onPropertyChangedObservable:this.props.onPropertyChangedObservable}))},t}(l.Component),er=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.emitter;return l.createElement(l.Fragment,null,l.createElement(ve,{replaySourceReplacement:this.props.replaySourceReplacement,label:"Radius range",target:e,propertyName:"radiusRange",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{replaySourceReplacement:this.props.replaySourceReplacement,label:"Height range",target:e,propertyName:"heightRange",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{replaySourceReplacement:this.props.replaySourceReplacement,label:"Emit from spawn point only",target:e,propertyName:"emitFromSpawnPointOnly",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{replaySourceReplacement:this.props.replaySourceReplacement,label:"Direction randomizer",target:e,propertyName:"directionRandomizer",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}))},t}(l.Component),tr=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.emitter;return l.createElement(l.Fragment,null,l.createElement(Me,{replaySourceReplacement:this.props.replaySourceReplacement,lockObject:this.props.lockObject,label:"Radius",target:e,propertyName:"radius",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{replaySourceReplacement:this.props.replaySourceReplacement,lockObject:this.props.lockObject,label:"Height",target:e,propertyName:"height",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{replaySourceReplacement:this.props.replaySourceReplacement,label:"Radius range",target:e,propertyName:"radiusRange",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{replaySourceReplacement:this.props.replaySourceReplacement,label:"Direction randomizer",target:e,propertyName:"directionRandomizer",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}))},t}(l.Component),rr=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.emitter;return l.createElement(l.Fragment,null,l.createElement(Me,{replaySourceReplacement:this.props.replaySourceReplacement,lockObject:this.props.lockObject,label:"Radius",target:e,propertyName:"radius",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{replaySourceReplacement:this.props.replaySourceReplacement,label:"Radius range",target:e,propertyName:"radiusRange",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{replaySourceReplacement:this.props.replaySourceReplacement,label:"Direction randomizer",target:e,propertyName:"directionRandomizer",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}))},t}(l.Component),nr=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.emitter;return l.createElement(l.Fragment,null,l.createElement(we,{replaySourceReplacement:this.props.replaySourceReplacement,label:"Direction 1",target:e,propertyName:"direction1",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(we,{replaySourceReplacement:this.props.replaySourceReplacement,label:"Direction 2",target:e,propertyName:"direction2",onPropertyChangedObservable:this.props.onPropertyChangedObservable}))},t}(l.Component),ar=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.emitter;return l.createElement(l.Fragment,null,l.createElement(Me,{replaySourceReplacement:this.props.replaySourceReplacement,lockObject:this.props.lockObject,label:"Radius",target:e,propertyName:"radius",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{replaySourceReplacement:this.props.replaySourceReplacement,label:"Radius range",target:e,propertyName:"radiusRange",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{replaySourceReplacement:this.props.replaySourceReplacement,label:"Direction randomizer",target:e,propertyName:"directionRandomizer",minimum:0,maximum:1,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable}))},t}(l.Component),or=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this,t=this.props.scene.meshes.filter((function(e){return!!e.name}));t.sort((function(e,t){return e.name.localeCompare(t.name)}));var r=[{label:"None",value:-1}];return t.sort((function(e,t){return e.name.localeCompare(t.name)})),r.push.apply(r,t.map((function(e,t){return{label:e.name,value:t}}))),l.createElement(l.Fragment,null,l.createElement(Ce,{label:this.props.label,options:r,target:this.props.target,propertyName:this.props.property,noDirectUpdate:!0,onSelect:function(r){var n,a=e.props.target[e.props.property];switch(r){case-1:e.props.target[e.props.property]=null;break;default:e.props.target[e.props.property]=t[r]}e.props.onPropertyChangedObservable&&e.props.onPropertyChangedObservable.notifyObservers({object:null!==(n=e.props.replaySourceReplacement)&&void 0!==n?n:e.props.target,property:e.props.property,value:e.props.target[e.props.property],initialValue:a}),e.forceUpdate()},extractValue:function(){if(!e.props.target[e.props.property])return-1;var r=t.indexOf(e.props.target[e.props.property]);return r>-1?r:-1}}))},t}(l.Component),ir=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.emitter;return l.createElement(l.Fragment,null,l.createElement(or,{replaySourceReplacement:this.props.replaySourceReplacement,globalState:this.props.globalState,label:"Source",scene:this.props.scene,onPropertyChangedObservable:this.props.onPropertyChangedObservable,target:this.props.emitter,property:"mesh"}),!e.useMeshNormalsForDirection&&l.createElement(we,{replaySourceReplacement:this.props.replaySourceReplacement,label:"Direction 1",target:e,propertyName:"direction1",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),!e.useMeshNormalsForDirection&&l.createElement(we,{replaySourceReplacement:this.props.replaySourceReplacement,label:"Direction 2",target:e,propertyName:"direction2",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{replaySourceReplacement:this.props.replaySourceReplacement,label:"Use normals for direction",target:e,propertyName:"useMeshNormalsForDirection",onPropertyChangedObservable:this.props.onPropertyChangedObservable}))},t}(l.Component),lr=function(e){function t(t){var r,n=e.call(this,t)||this;return n.state={gradient:t.gradient.gradient,factor1:n.props.gradient.factor1.toString(),factor2:null===(r=n.props.gradient.factor2)||void 0===r?void 0:r.toString()},n}return a(t,e),t.prototype.shouldComponentUpdate=function(e,t){var r;return e.gradient!==this.props.gradient&&(t.gradient=e.gradient.gradient,t.factor1=e.gradient.factor1.toString(),t.factor2=null===(r=e.gradient.factor2)||void 0===r?void 0:r.toString()),!0},t.prototype.updateFactor1=function(e){if(!/[^0-9\.\-]/g.test(e)){var t=parseFloat(e);this.setState({factor1:e}),isNaN(t)||(this.props.gradient.factor1=t,this.props.globalState.onCodeChangedObservable.notifyObservers({object:this.props.host,code:"TARGET."+this.props.codeRecorderPropertyName+".factor1 = "+t+";"}),this.props.onUpdateGradient(),this.forceUpdate())}},t.prototype.updateFactor2=function(e){if(!/[^0-9\.\-]/g.test(e)){var t=parseFloat(e);this.setState({factor2:e}),isNaN(t)||(this.props.gradient.factor2=t,this.props.globalState.onCodeChangedObservable.notifyObservers({object:this.props.host,code:"TARGET."+this.props.codeRecorderPropertyName+".factor2 = "+t+";"}),this.props.onUpdateGradient(),this.forceUpdate())}},t.prototype.updateGradient=function(e){this.props.gradient.gradient=e,this.setState({gradient:e}),this.props.globalState.onCodeChangedObservable.notifyObservers({object:this.props.host,code:"TARGET."+this.props.codeRecorderPropertyName+".gradient = "+e+";"}),this.props.onUpdateGradient()},t.prototype.onPointerUp=function(){this.props.onCheckForReOrder()},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,t=this.props.gradient;return l.createElement("div",{className:"gradient-step"},l.createElement("div",{className:"step"},"#"+this.props.lineIndex),l.createElement("div",{className:"factor1"},l.createElement("input",{type:"number",step:"0.01",className:"numeric-input",value:this.state.factor1,onBlur:function(){return e.unlock()},onFocus:function(){return e.lock()},onChange:function(t){return e.updateFactor1(t.target.value)}})),this.props.host instanceof c.ParticleSystem&&l.createElement("div",{className:"factor2"},l.createElement("input",{type:"number",step:"0.01",className:"numeric-input"+(this.state.factor1===this.state.factor2||void 0===t.factor2?" grayed":""),value:this.state.factor2,onBlur:function(){return e.unlock()},onFocus:function(){return e.lock()},onChange:function(t){return e.updateFactor2(t.target.value)}})),l.createElement("div",{className:"step-value"},t.gradient.toFixed(2)),l.createElement("div",{className:"step-slider"},l.createElement("input",{className:"range",type:"range",step:.01,min:0,max:1,value:t.gradient,onPointerUp:function(t){return e.onPointerUp()},onChange:function(t){return e.updateGradient(parseFloat(t.target.value))}})),l.createElement("div",{className:"gradient-delete hoverIcon",onClick:function(){return e.props.onDelete()}},l.createElement(u.a,{icon:te})))},t}(l.Component),sr=function(e){function t(t){var r=e.call(this,t)||this;return r.state={gradient:t.gradient.gradient},r}return a(t,e),t.prototype.updateColor1=function(e){this.props.gradient instanceof c.ColorGradient?(this.props.gradient.color1=c.Color4.FromHexString(e),this.props.globalState.onCodeChangedObservable.notifyObservers({object:this.props.host,code:"TARGET."+this.props.codeRecorderPropertyName+".color1 = BABYLON.Color4.FromHexString("+e+");"})):(this.props.gradient.color=c.Color3.FromHexString(e),this.props.globalState.onCodeChangedObservable.notifyObservers({object:this.props.host,code:"TARGET."+this.props.codeRecorderPropertyName+".color = BABYLON.Color3.FromHexString("+e+");"})),this.props.onUpdateGradient(),this.forceUpdate()},t.prototype.updateColor2=function(e){this.props.gradient instanceof c.ColorGradient&&(this.props.gradient.color2=c.Color4.FromHexString(e),this.props.globalState.onCodeChangedObservable.notifyObservers({object:this.props.host,code:"TARGET."+this.props.codeRecorderPropertyName+".color2 = BABYLON.Color4.FromHexString("+e+");"})),this.props.onUpdateGradient(),this.forceUpdate()},t.prototype.updateGradient=function(e){this.props.gradient.gradient=e,this.setState({gradient:e}),this.props.globalState.onCodeChangedObservable.notifyObservers({object:this.props.host,code:"TARGET."+this.props.codeRecorderPropertyName+".gradient = "+e+";"}),this.props.onUpdateGradient()},t.prototype.onPointerUp=function(){this.props.onCheckForReOrder()},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,t=this.props.gradient;return l.createElement("div",{className:"gradient-step"},l.createElement("div",{className:"step"},"#"+this.props.lineIndex),l.createElement("div",{className:"color1"},l.createElement(Oe,{value:t instanceof c.Color3Gradient?t.color:t.color1,onColorChanged:function(t){e.updateColor1(t)},disableAlpha:t instanceof c.Color3Gradient})),this.props.host instanceof c.ParticleSystem&&t instanceof c.ColorGradient&&l.createElement("div",{className:"color2"},l.createElement(Oe,{value:t.color2?t.color2:new c.Color4,onColorChanged:function(t){e.updateColor2(t)}})),l.createElement("div",{className:"step-value"},t.gradient.toFixed(2)),l.createElement("div",{className:"step-slider"},l.createElement("input",{className:"range",type:"range",step:.01,min:0,max:1,value:t.gradient,onPointerUp:function(t){return e.onPointerUp()},onChange:function(t){return e.updateGradient(parseFloat(t.target.value))}})),l.createElement("div",{className:"gradient-delete hoverIcon",onClick:function(){return e.props.onDelete()}},l.createElement(u.a,{icon:te})))},t}(l.Component),pr=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.onLink=function(){this.props.url&&window.open(this.props.url,"_blank")},t.prototype.render=function(){var e=this;return l.createElement("div",{className:"linkButtonLine"},l.createElement("div",{className:"link",title:this.props.label,onClick:function(){return e.onLink()}},this.props.label),l.createElement("div",{className:"link-button"},l.createElement("button",{onClick:function(){return e.props.onClick()}},this.props.buttonLabel)),this.props.icon&&l.createElement("div",{className:"link-icon hoverIcon",onClick:function(){e.props.onIconClick&&e.props.onIconClick()}},l.createElement(u.a,{icon:this.props.icon})))},t}(l.Component);!function(e){e[e.Factor=0]="Factor",e[e.Color3=1]="Color3",e[e.Color4=2]="Color4"}(Ke||(Ke={}));var cr=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.deleteStep=function(e){var t=this.props.gradients,r=t.indexOf(e);r>-1&&(t.splice(r,1),this.updateAndSync(),this.props.globalState.onCodeChangedObservable.notifyObservers({object:this.props.host,code:"TARGET."+this.props.codeRecorderPropertyName+".splice("+r+", 1);"}))},t.prototype.addNewStep=function(){var e=this.props.gradients;switch(this.props.mode){case Ke.Factor:var t=new c.FactorGradient(1,1,1);e.push(t),this.props.globalState.onCodeChangedObservable.notifyObservers({object:this.props.host,code:"TARGET."+this.props.codeRecorderPropertyName+".push(new BABYLON.FactorGradient(1, 1, 1));"});break;case Ke.Color4:var r=new c.ColorGradient(1,new c.Color4(1,1,1,1),new c.Color4(1,1,1,1));e.push(r),this.props.globalState.onCodeChangedObservable.notifyObservers({object:this.props.host,code:"TARGET."+this.props.codeRecorderPropertyName+".push(new BABYLON.ColorGradient(1, new BABYLON.Color4(1, 1, 1, 1), new BABYLON.Color4(1, 1, 1, 1)));"});break;case Ke.Color3:var n=new c.Color3Gradient(1,c.Color3.White());e.push(n),this.props.globalState.onCodeChangedObservable.notifyObservers({object:this.props.host,code:"TARGET."+this.props.codeRecorderPropertyName+".push(new BABYLON.Color3Gradient(1, BABYLON.Color3.White()));"})}this.props.host.forceRefreshGradients(),this.forceUpdate()},t.prototype.checkForReOrder=function(){this.props.gradients.sort((function(e,t){return e.gradient===t.gradient?0:e.gradient>t.gradient?1:-1})),this.props.globalState.onCodeChangedObservable.notifyObservers({object:this.props.host,code:"TARGET."+this.props.codeRecorderPropertyName+".sort((a, b) => {\n                if (a.gradient === b.gradient) {\n                    return 0;\n                }\n    \n                if (a.gradient > b.gradient) {\n                    return 1;\n                }\n    \n                return -1;\n            });"}),this.forceUpdate()},t.prototype.updateAndSync=function(){this.props.host.forceRefreshGradients(),this.forceUpdate()},t.prototype.render=function(){var e=this,t=this.props.gradients;return l.createElement("div",null,t&&t.length>0&&l.createElement("div",{className:"gradient-container"},l.createElement(pr,{label:this.props.label,url:this.props.docLink,icon:te,onIconClick:function(){t.length=0,e.updateAndSync(),e.props.globalState.onCodeChangedObservable.notifyObservers({object:e.props.host,code:"TARGET."+e.props.codeRecorderPropertyName+".length = 0;"})},buttonLabel:"Add new step",onClick:function(){return e.addNewStep()}}),t.map((function(t,r){var n=e.props.codeRecorderPropertyName+"["+r+"]";switch(e.props.mode){case Ke.Factor:return l.createElement(lr,{globalState:e.props.globalState,lockObject:e.props.lockObject,onCheckForReOrder:function(){return e.checkForReOrder()},onUpdateGradient:function(){return e.updateAndSync()},host:e.props.host,codeRecorderPropertyName:n,key:"step-"+r,lineIndex:r,gradient:t,onDelete:function(){return e.deleteStep(t)}});case Ke.Color4:return l.createElement(sr,{globalState:e.props.globalState,host:e.props.host,codeRecorderPropertyName:n,lockObject:e.props.lockObject,isColor3:!1,onCheckForReOrder:function(){return e.checkForReOrder()},onUpdateGradient:function(){return e.updateAndSync()},key:"step-"+r,lineIndex:r,gradient:t,onDelete:function(){return e.deleteStep(t)}});case Ke.Color3:return l.createElement(sr,{globalState:e.props.globalState,host:e.props.host,codeRecorderPropertyName:n,lockObject:e.props.lockObject,isColor3:!0,onCheckForReOrder:function(){return e.checkForReOrder()},onUpdateGradient:function(){return e.updateAndSync()},key:"step-"+r,lineIndex:r,gradient:t,onDelete:function(){return e.deleteStep(t)}})}}))),(!t||0===t.length)&&l.createElement(Te,{label:"Use "+this.props.label,onClick:function(){e.props.onCreateRequired(),e.forceUpdate()}}))},t}(l.Component),ur=function(e){function t(t){var r=e.call(this,t)||this;return r._snippetUrl="https://snippet.babylonjs.com",r}return a(t,e),t.prototype.renderEmitter=function(){var e,t=this.props.system,r="particlesystem.particleEmitterType";switch(null===(e=t.particleEmitterType)||void 0===e?void 0:e.getClassName()){case"BoxParticleEmitter":return l.createElement(Jt,{replaySourceReplacement:r,globalState:this.props.globalState,emitter:t.particleEmitterType,onPropertyChangedObservable:this.props.onPropertyChangedObservable});case"ConeParticleEmitter":return l.createElement(er,{replaySourceReplacement:r,globalState:this.props.globalState,emitter:t.particleEmitterType,onPropertyChangedObservable:this.props.onPropertyChangedObservable});case"CylinderParticleEmitter":return l.createElement(tr,{replaySourceReplacement:r,lockObject:this.props.lockObject,globalState:this.props.globalState,emitter:t.particleEmitterType,onPropertyChangedObservable:this.props.onPropertyChangedObservable});case"HemisphericParticleEmitter":return l.createElement(rr,{replaySourceReplacement:r,lockObject:this.props.lockObject,globalState:this.props.globalState,emitter:t.particleEmitterType,onPropertyChangedObservable:this.props.onPropertyChangedObservable});case"MeshParticleEmitter":return l.createElement(ir,{replaySourceReplacement:r,lockObject:this.props.lockObject,scene:t.getScene(),globalState:this.props.globalState,emitter:t.particleEmitterType,onPropertyChangedObservable:this.props.onPropertyChangedObservable});case"PointParticleEmitter":return l.createElement(nr,{replaySourceReplacement:r,lockObject:this.props.lockObject,globalState:this.props.globalState,emitter:t.particleEmitterType,onPropertyChangedObservable:this.props.onPropertyChangedObservable});case"SphereParticleEmitter":return l.createElement(ar,{replaySourceReplacement:r,lockObject:this.props.lockObject,globalState:this.props.globalState,emitter:t.particleEmitterType,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}return null},t.prototype.raiseOnPropertyChanged=function(e,t,r){if(this.props.onPropertyChangedObservable){var n=this.props.system;this.props.onPropertyChangedObservable.notifyObservers({object:n,property:e,value:t,initialValue:r})}},t.prototype.renderControls=function(){var e=this,t=this.props.system;if(t instanceof c.GPUParticleSystem){var r=t.isStarted()&&!t.isStopped();return l.createElement(Te,{label:r?"Stop":"Start",onClick:function(){r?(t.stop(),t.reset()):t.start(),e.forceUpdate()}})}var n=t.isStarted();return l.createElement(l.Fragment,null,!t.isStopping()&&l.createElement(Te,{label:n?"Stop":"Start",onClick:function(){n?t.stop():t.start(),e.forceUpdate()}}),t.isStopping()&&l.createElement(le,{label:"System is stoppping...",ignoreValue:!0}))},t.prototype.saveToFile=function(){var e=this.props.system,t=JSON.stringify(e.serialize(!0));c.Tools.Download(new Blob([t]),"particleSystem.json")},t.prototype.loadFromFile=function(e){var t=this,r=this.props.system,n=r.getScene();c.Tools.ReadFile(e,(function(e){var a=new TextDecoder("utf-8"),o=JSON.parse(a.decode(e)),i=r instanceof c.GPUParticleSystem;r.dispose(),t.props.globalState.onSelectionChangedObservable.notifyObservers(null);var l=i?c.GPUParticleSystem.Parse(o,n,""):c.ParticleSystem.Parse(o,n,"");t.props.globalState.onSelectionChangedObservable.notifyObservers(l)}),void 0,!0)},t.prototype.loadFromSnippet=function(){var e=this,t=this.props.system,r=t.getScene(),n=t instanceof c.GPUParticleSystem,a=window.prompt("Please enter the snippet ID to use");a&&(t.dispose(),this.props.globalState.onSelectionChangedObservable.notifyObservers(null),c.ParticleHelper.CreateFromSnippetAsync(a,r,n).then((function(t){e.props.globalState.onSelectionChangedObservable.notifyObservers(t)})).catch((function(e){alert("Unable to load your particle system: "+e)})))},t.prototype.saveToSnippet=function(){var e=this,t=this.props.system,r=JSON.stringify(t.serialize(!0)),n=new XMLHttpRequest;n.onreadystatechange=function(){if(4==n.readyState)if(200==n.status){var r=JSON.parse(n.responseText),a=t.snippetId;t.snippetId=r.id,r.version&&"0"!=r.version&&(t.snippetId+="#"+r.version),e.forceUpdate(),navigator.clipboard&&navigator.clipboard.writeText(t.snippetId);var o=window;o.Playground&&a&&o.Playground.onRequestCodeChangeObservable.notifyObservers({regex:new RegExp(a,"g"),replace:t.snippetId}),alert("Particle system saved with ID: "+t.snippetId+" (please note that the id was also saved to your clipboard)")}else alert("Unable to save your particle system")},n.open("POST",this._snippetUrl+(t.snippetId?"/"+t.snippetId:""),!0),n.setRequestHeader("Content-Type","application/json");var a={payload:JSON.stringify({particleSystem:r}),name:"",description:"",tags:""};n.send(JSON.stringify(a))},t.prototype.render=function(){var e,t,r=this,n=this.props.system,a=[{label:"Add",value:c.ParticleSystem.BLENDMODE_ADD},{label:"Multiply",value:c.ParticleSystem.BLENDMODE_MULTIPLY},{label:"Multiply Add",value:c.ParticleSystem.BLENDMODE_MULTIPLYADD},{label:"OneOne",value:c.ParticleSystem.BLENDMODE_ONEONE},{label:"Standard",value:c.ParticleSystem.BLENDMODE_STANDARD}],o=this.props.system.getScene().meshes.filter((function(e){return!!e.name})),i=[{label:"None",value:-1},{label:"Vector3",value:0}];return o.sort((function(e,t){return e.name.localeCompare(t.name)})),i.push.apply(i,o.map((function(e,t){return{label:e.name,value:t+1}}))),l.createElement("div",{className:"pane"},l.createElement(Ne,{globalState:this.props.globalState,target:n,lockObject:this.props.lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(se,{globalState:this.props.globalState,title:"GENERAL"},l.createElement(le,{label:"ID",value:n.id}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Name",target:n,propertyName:"name",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(le,{label:"Class",value:n.getClassName()}),l.createElement(le,{label:"Capacity",value:n.getCapacity().toString()}),l.createElement(le,{label:"Active count",value:n.getActiveCount().toString()}),l.createElement(Ye,{label:"Texture",texture:n.particleTexture,onSelectionChangedObservable:this.props.onSelectionChangedObservable}),l.createElement(Ce,{label:"Blend mode",options:a,target:n,propertyName:"blendMode",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(we,{label:"World offset",target:n,propertyName:"worldOffset",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(we,{label:"Gravity",target:n,propertyName:"gravity",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Is billboard",target:n,propertyName:"isBillboardBased",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Is local",target:n,propertyName:"isLocal",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Force depth write",target:n,propertyName:"forceDepthWrite",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Update speed",target:n,propertyName:"updateSpeed",minimum:0,maximum:.1,decimalCount:3,step:.001,onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"COMMANDS"},this.renderControls(),l.createElement(Te,{label:"Dispose",onClick:function(){r.props.globalState.onSelectionChangedObservable.notifyObservers(null),n.dispose()}})),l.createElement(se,{globalState:this.props.globalState,title:"FILE"},l.createElement(We,{label:"Load",onClick:function(e){return r.loadFromFile(e)},accept:".json"}),l.createElement(Te,{label:"Save",onClick:function(){return r.saveToFile()}})),l.createElement(se,{globalState:this.props.globalState,title:"SNIPPET"},n.snippetId&&l.createElement(le,{label:"Snippet ID",value:n.snippetId}),l.createElement(Te,{label:"Load from snippet server",onClick:function(){return r.loadFromSnippet()}}),l.createElement(Te,{label:"Save to snippet server",onClick:function(){return r.saveToSnippet()}})),l.createElement(se,{globalState:this.props.globalState,title:"EMITTER",closed:!0},l.createElement(Ce,{label:"Emitter",options:i,target:n,propertyName:"emitter",noDirectUpdate:!0,onSelect:function(e){switch(e){case-1:r.raiseOnPropertyChanged("emitter",null,n.emitter),n.emitter=null;break;case 0:r.raiseOnPropertyChanged("emitter",c.Vector3.Zero(),n.emitter),n.emitter=c.Vector3.Zero();break;default:r.raiseOnPropertyChanged("emitter",o[e-1],n.emitter),n.emitter=o[e-1]}r.forceUpdate()},extractValue:function(){if(!n.emitter)return-1;if(void 0!==n.emitter.x)return 0;var e=o.indexOf(n.emitter);return e>-1?e+1:-1}}),n.emitter&&void 0===n.emitter.x&&l.createElement(le,{label:"Link to emitter",value:n.emitter.name,onLink:function(){return r.props.globalState.onSelectionChangedObservable.notifyObservers(n.emitter)}}),n.emitter&&void 0!==n.emitter.x&&l.createElement(we,{label:"Position",target:n,propertyName:"emitter",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Ce,{label:"Type",options:[{label:"Box",value:0},{label:"Cone",value:1},{label:"Cylinder",value:2},{label:"Hemispheric",value:3},{label:"Mesh",value:4},{label:"Point",value:5},{label:"Sphere",value:6}],target:n,propertyName:"particleEmitterType",noDirectUpdate:!0,onSelect:function(e){var t=n.particleEmitterType;switch(e){case 0:n.particleEmitterType=new c.BoxParticleEmitter;break;case 1:n.particleEmitterType=new c.ConeParticleEmitter;break;case 2:n.particleEmitterType=new c.CylinderParticleEmitter;break;case 3:n.particleEmitterType=new c.HemisphericParticleEmitter;break;case 4:n.particleEmitterType=new c.MeshParticleEmitter;break;case 5:n.particleEmitterType=new c.PointParticleEmitter;break;case 6:n.particleEmitterType=new c.SphereParticleEmitter}r.raiseOnPropertyChanged("particleEmitterType",n.particleEmitterType,t),r.forceUpdate()},extractValue:function(){var e;switch(null===(e=n.particleEmitterType)||void 0===e?void 0:e.getClassName()){case"BoxParticleEmitter":return 0;case"ConeParticleEmitter":return 1;case"CylinderParticleEmitter":return 2;case"HemisphericParticleEmitter":return 3;case"MeshParticleEmitter":return 4;case"PointParticleEmitter":return 5;case"SphereParticleEmitter":return 6}return 0}}),this.renderEmitter()),l.createElement(se,{globalState:this.props.globalState,title:"EMISSION",closed:!0},l.createElement(Me,{lockObject:this.props.lockObject,label:"Rate",target:n,propertyName:"emitRate",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),n instanceof c.ParticleSystem&&l.createElement(cr,{globalState:this.props.globalState,gradients:n.getEmitRateGradients(),label:"Velocity gradients",docLink:"https://doc.babylonjs.com/babylon101/particles#emit-rate-over-time",onCreateRequired:function(){n.addEmitRateGradient(0,50,50),r.props.globalState.onCodeChangedObservable.notifyObservers({object:n,code:"TARGET.addEmitRateGradient(0, 50, 50);"})},mode:Ke.Factor,host:n,codeRecorderPropertyName:"getEmitRateGradients()",lockObject:this.props.lockObject}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Min emit power",target:n,propertyName:"minEmitPower",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Max emit power",target:n,propertyName:"maxEmitPower",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(cr,{globalState:this.props.globalState,gradients:n.getVelocityGradients(),label:"Velocity gradients",docLink:"https://doc.babylonjs.com/babylon101/particles#velocity-over-time",onCreateRequired:function(){n.addVelocityGradient(0,.1,.1),r.props.globalState.onCodeChangedObservable.notifyObservers({object:n,code:"TARGET.addVelocityGradient(0, 0.1, 0.1);"})},mode:Ke.Factor,host:n,codeRecorderPropertyName:"getVelocityGradients()",lockObject:this.props.lockObject}),l.createElement(cr,{globalState:this.props.globalState,gradients:n.getLimitVelocityGradients(),label:"Limit velocity gradients",docLink:"https://doc.babylonjs.com/babylon101/particles#limit-velocity-over-time",onCreateRequired:function(){n.addLimitVelocityGradient(0,.1,.1),r.props.globalState.onCodeChangedObservable.notifyObservers({object:n,code:"TARGET.addLimitVelocityGradient(0, 0.1, 0.1);"})},mode:Ke.Factor,host:n,codeRecorderPropertyName:"getLimitVelocityGradients()",lockObject:this.props.lockObject}),l.createElement(cr,{globalState:this.props.globalState,gradients:n.getDragGradients(),label:"Drag gradients",docLink:"https://doc.babylonjs.com/babylon101/particles#drag-factor",onCreateRequired:function(){n.addDragGradient(0,.1,.1),r.props.globalState.onCodeChangedObservable.notifyObservers({object:n,code:"TARGET.addDragGradient(0, 0.1, 0.1);"})},host:n,codeRecorderPropertyName:"getDragGradients()",mode:Ke.Factor,lockObject:this.props.lockObject})),l.createElement(se,{globalState:this.props.globalState,title:"SIZE",closed:!0},(!n.getSizeGradients()||0===(null===(e=n.getSizeGradients())||void 0===e?void 0:e.length))&&l.createElement(l.Fragment,null,l.createElement(Me,{lockObject:this.props.lockObject,label:"Min size",target:n,propertyName:"minSize",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Max size",target:n,propertyName:"maxSize",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(Me,{lockObject:this.props.lockObject,label:"Min scale X",target:n,propertyName:"minScaleX",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Max scale X",target:n,propertyName:"maxScaleX",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Min scale Y",target:n,propertyName:"minScaleY",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Max scale Y",target:n,propertyName:"maxScaleY",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),n instanceof c.ParticleSystem&&l.createElement(cr,{globalState:this.props.globalState,gradients:n.getStartSizeGradients(),label:"Start size gradients",docLink:"https://doc.babylonjs.com/babylon101/particles#start-size-over-time",onCreateRequired:function(){n.addStartSizeGradient(0,1,1),r.props.globalState.onCodeChangedObservable.notifyObservers({object:n,code:"TARGET.addStartSizeGradient(0, 1, 1);"})},host:n,codeRecorderPropertyName:"getStartSizeGradients()",mode:Ke.Factor,lockObject:this.props.lockObject}),l.createElement(cr,{globalState:this.props.globalState,gradients:n.getSizeGradients(),label:"Size gradients",docLink:"https://doc.babylonjs.com/babylon101/particles#size",onCreateRequired:function(){n.addSizeGradient(0,1,1),r.props.globalState.onCodeChangedObservable.notifyObservers({object:n,code:"TARGET.addSizeGradient(0, 1, 1);"})},host:n,codeRecorderPropertyName:"getSizeGradients()",mode:Ke.Factor,lockObject:this.props.lockObject})),l.createElement(se,{globalState:this.props.globalState,title:"LIFETIME",closed:!0},l.createElement(Me,{lockObject:this.props.lockObject,label:"Min lifetime",target:n,propertyName:"minLifeTime",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Max lifetime",target:n,propertyName:"maxLifeTime",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Target stop duration",target:n,propertyName:"targetStopDuration",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),n instanceof c.ParticleSystem&&l.createElement(cr,{globalState:this.props.globalState,gradients:n.getLifeTimeGradients(),label:"Lifetime gradients",docLink:"https://doc.babylonjs.com/babylon101/particles#lifetime",onCreateRequired:function(){n.addLifeTimeGradient(0,1,1),r.props.globalState.onCodeChangedObservable.notifyObservers({object:n,code:"TARGET.addLifeTimeGradient(0, 1, 1);"})},host:n,codeRecorderPropertyName:"getLifeTimeGradients()",mode:Ke.Factor,lockObject:this.props.lockObject})),l.createElement(se,{globalState:this.props.globalState,title:"COLORS",closed:!0},(!n.getColorGradients()||0===(null===(t=n.getColorGradients())||void 0===t?void 0:t.length))&&l.createElement(l.Fragment,null,l.createElement(Qt,{label:"Color 1",target:n,propertyName:"color1",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Qt,{label:"Color 2",target:n,propertyName:"color2",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Qt,{label:"Color dead",target:n,propertyName:"colorDead",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(cr,{globalState:this.props.globalState,gradients:n.getColorGradients(),label:"Color gradients",docLink:"https://doc.babylonjs.com/babylon101/particles#particle-colors",onCreateRequired:function(){n.addColorGradient(0,new c.Color4(0,0,0,1),new c.Color4(0,0,0,1)),n.addColorGradient(1,new c.Color4(1,1,1,1),new c.Color4(1,1,1,1)),r.props.globalState.onCodeChangedObservable.notifyObservers({object:n,code:"TARGET.addColorGradient(0, new BABYLON.Color4(0, 0, 0, 1), new BABYLON.Color4(0, 0, 0, 1));"}),r.props.globalState.onCodeChangedObservable.notifyObservers({object:n,code:"TARGET.addColorGradient(1, new BABYLON.Color4(1, 1, 1, 1), new BABYLON.Color4(1, 1, 1, 1));"})},host:n,codeRecorderPropertyName:"getColorGradients()",mode:Ke.Color4,lockObject:this.props.lockObject}),n instanceof c.ParticleSystem&&l.createElement(l.Fragment,null,l.createElement(de,{label:"Enable ramp grandients",target:n,propertyName:"useRampGradients"}),n.useRampGradients&&l.createElement(l.Fragment,null,l.createElement(cr,{globalState:this.props.globalState,gradients:n.getRampGradients(),label:"Ramp gradients",docLink:"https://doc.babylonjs.com/babylon101/particles#ramp-gradients",onCreateRequired:function(){n.addRampGradient(0,c.Color3.White()),n.addRampGradient(1,c.Color3.Black()),r.props.globalState.onCodeChangedObservable.notifyObservers({object:n,code:"TARGET.addRampGradient(0, BABYLON.Color3.White());"}),r.props.globalState.onCodeChangedObservable.notifyObservers({object:n,code:"TARGET.addRampGradient(1, BABYLON.Color3.Black());"})},mode:Ke.Color3,host:n,codeRecorderPropertyName:"getRampGradients()",lockObject:this.props.lockObject}),l.createElement(cr,{globalState:this.props.globalState,gradients:n.getColorRemapGradients(),label:"Color remap gradients",docLink:"https://doc.babylonjs.com/babylon101/particles#ramp-gradients",onCreateRequired:function(){n.addColorRemapGradient(0,1,1),r.props.globalState.onCodeChangedObservable.notifyObservers({object:n,code:"TARGET.addColorRemapGradient(0, 1, 1);"})},host:n,codeRecorderPropertyName:"getColorRemapGradients()",mode:Ke.Factor,lockObject:this.props.lockObject}),l.createElement(cr,{globalState:this.props.globalState,gradients:n.getAlphaRemapGradients(),label:"Alpha remap gradients",docLink:"https://doc.babylonjs.com/babylon101/particles#ramp-gradients",onCreateRequired:function(){n.addAlphaRemapGradient(0,1,1),r.props.globalState.onCodeChangedObservable.notifyObservers({object:n,code:"TARGET.addAlphaRemapGradient(0, 1, 1);"})},host:n,codeRecorderPropertyName:"getAlphaRemapGradients()",mode:Ke.Factor,lockObject:this.props.lockObject})))),l.createElement(se,{globalState:this.props.globalState,title:"ROTATION",closed:!0},l.createElement(Me,{lockObject:this.props.lockObject,label:"Min angular speed",target:n,propertyName:"minAngularSpeed",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Max angular speed",target:n,propertyName:"maxAngularSpeed",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Min initial rotation",target:n,propertyName:"minInitialRotation",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{lockObject:this.props.lockObject,label:"Max initial rotation",target:n,propertyName:"maxInitialRotation",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(cr,{globalState:this.props.globalState,gradients:n.getAngularSpeedGradients(),label:"Angular speed gradients",docLink:"hhttps://doc.babylonjs.com/babylon101/particles#rotation",onCreateRequired:function(){n.addAngularSpeedGradient(0,.1,.1),r.props.globalState.onCodeChangedObservable.notifyObservers({object:n,code:"TARGET.addAngularSpeedGradient(0, 0.1, 0.1);"})},host:n,codeRecorderPropertyName:"getAngularSpeedGradients()",mode:Ke.Factor,lockObject:this.props.lockObject})),l.createElement(se,{globalState:this.props.globalState,title:"SPRITESHEET",closed:!0},l.createElement(de,{label:"Animation sheet enabled",target:n,propertyName:"isAnimationSheetEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{label:"First sprite index",isInteger:!0,target:n,propertyName:"startSpriteCellID",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{label:"Last sprite index",isInteger:!0,target:n,propertyName:"endSpriteCellID",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Random start cell index",target:n,propertyName:"spriteRandomStartCell",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{label:"Cell width",isInteger:!0,target:n,propertyName:"spriteCellWidth",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{label:"Cell height",isInteger:!0,target:n,propertyName:"spriteCellHeight",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Cell change speed",target:n,propertyName:"spriteCellChangeSpeed",minimum:0,maximum:10,step:.1,onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(l.Component),dr=function(e){function t(t){var r=e.call(this,t)||this;return r._snippetUrl="https://snippet.babylonjs.com",r}return a(t,e),t.prototype.addNewSprite=function(){var e,t=this.props.spriteManager,r=new c.Sprite("new sprite",t);null===(e=this.props.onSelectionChangedObservable)||void 0===e||e.notifyObservers(r),this.props.globalState.onCodeChangedObservable.notifyObservers({object:t,code:'new BABYLON.Sprite("new sprite", TARGET);'})},t.prototype.disposeManager=function(){var e,t=this.props.spriteManager;t.dispose(),this.props.globalState.onCodeChangedObservable.notifyObservers({object:t,code:"TARGET.dispose();"}),null===(e=this.props.onSelectionChangedObservable)||void 0===e||e.notifyObservers(null)},t.prototype.saveToFile=function(){var e=this.props.spriteManager,t=JSON.stringify(e.serialize(!0));c.Tools.Download(new Blob([t]),"spriteManager.json")},t.prototype.loadFromFile=function(e){var t=this,r=this.props.spriteManager,n=r.scene;c.Tools.ReadFile(e,(function(e){var a=new TextDecoder("utf-8"),o=JSON.parse(a.decode(e));r.dispose(),t.props.globalState.onSelectionChangedObservable.notifyObservers(null);var i=c.SpriteManager.Parse(o,n,"");t.props.globalState.onSelectionChangedObservable.notifyObservers(i)}),void 0,!0)},t.prototype.loadFromSnippet=function(){var e=this,t=this.props.spriteManager,r=t.scene,n=window.prompt("Please enter the snippet ID to use");n&&(t.dispose(),this.props.globalState.onSelectionChangedObservable.notifyObservers(null),c.SpriteManager.CreateFromSnippetAsync(n,r).then((function(t){e.props.globalState.onSelectionChangedObservable.notifyObservers(t)})).catch((function(e){alert("Unable to load your sprite manager: "+e)})))},t.prototype.saveToSnippet=function(){var e=this,t=this.props.spriteManager,r=JSON.stringify(t.serialize(!0)),n=new XMLHttpRequest;n.onreadystatechange=function(){if(4==n.readyState)if(200==n.status){var r=JSON.parse(n.responseText),a=t.snippetId;t.snippetId=r.id,r.version&&"0"!=r.version&&(t.snippetId+="#"+r.version),e.forceUpdate(),navigator.clipboard&&navigator.clipboard.writeText(t.snippetId);var o=window;o.Playground&&a&&o.Playground.onRequestCodeChangeObservable.notifyObservers({regex:new RegExp(a,"g"),replace:t.snippetId}),alert("Sprite manager saved with ID: "+t.snippetId+" (please note that the id was also saved to your clipboard)")}else alert("Unable to save your sprite manager")},n.open("POST",this._snippetUrl+(t.snippetId?"/"+t.snippetId:""),!0),n.setRequestHeader("Content-Type","application/json");var a={payload:JSON.stringify({spriteManager:r}),name:"",description:"",tags:""};n.send(JSON.stringify(a))},t.prototype.render=function(){var e=this,t=this.props.spriteManager,r=[{label:"Combine",value:c.Constants.ALPHA_COMBINE},{label:"One one",value:c.Constants.ALPHA_ONEONE},{label:"Add",value:c.Constants.ALPHA_ADD},{label:"Subtract",value:c.Constants.ALPHA_SUBTRACT},{label:"Multiply",value:c.Constants.ALPHA_MULTIPLY},{label:"Maximized",value:c.Constants.ALPHA_MAXIMIZED},{label:"Pre-multiplied",value:c.Constants.ALPHA_PREMULTIPLIED}];return l.createElement("div",{className:"pane"},l.createElement(se,{globalState:this.props.globalState,title:"GENERAL"},l.createElement(_e,{lockObject:this.props.lockObject,label:"Name",target:t,propertyName:"name",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(le,{label:"Unique ID",value:t.uniqueId.toString()}),l.createElement(le,{label:"Capacity",value:t.capacity.toString()}),l.createElement(Ye,{label:"Texture",texture:t.texture,onSelectionChangedObservable:this.props.onSelectionChangedObservable}),t.sprites.length<t.capacity&&l.createElement(Te,{label:"Add new sprite",onClick:function(){return e.addNewSprite()}}),l.createElement(Te,{label:"Dispose",onClick:function(){return e.disposeManager()}})),l.createElement(se,{globalState:this.props.globalState,title:"FILE"},l.createElement(We,{label:"Load",onClick:function(t){return e.loadFromFile(t)},accept:".json"}),l.createElement(Te,{label:"Save",onClick:function(){return e.saveToFile()}})),l.createElement(se,{globalState:this.props.globalState,title:"SNIPPET"},t.snippetId&&l.createElement(le,{label:"Snippet ID",value:t.snippetId}),l.createElement(Te,{label:"Load from snippet server",onClick:function(){return e.loadFromSnippet()}}),l.createElement(Te,{label:"Save to snippet server",onClick:function(){return e.saveToSnippet()}})),l.createElement(se,{globalState:this.props.globalState,title:"PROPERTIES"},l.createElement(de,{label:"Pickable",target:t,propertyName:"isPickable",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Fog enabled",target:t,propertyName:"fogEnabled",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"No depth write",target:t,propertyName:"disableDepthWrite",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"Rendering group ID",decimalCount:0,target:t,propertyName:"renderingGroupId",minimum:c.RenderingManager.MIN_RENDERINGGROUPS,maximum:c.RenderingManager.MAX_RENDERINGGROUPS-1,step:1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Ce,{label:"Alpha mode",options:r,target:t,propertyName:"blendMode",onPropertyChangedObservable:this.props.onPropertyChangedObservable,onSelect:function(t){return e.setState({blendMode:t})}})),l.createElement(se,{globalState:this.props.globalState,title:"CELLS"},l.createElement(Me,{label:"Cell width",isInteger:!0,target:t,propertyName:"cellWidth",min:0,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{label:"Cell height",isInteger:!0,target:t,propertyName:"cellHeight",min:0,onPropertyChangedObservable:this.props.onPropertyChangedObservable})))},t}(l.Component),hr=function(e){function t(t){var r=e.call(this,t)||this;return r.cachedCellIndex=-1,r.canvasRef=l.createRef(),r}return a(t,e),t.prototype.onManagerLink=function(){if(this.props.onSelectionChangedObservable){var e=this.props.sprite;this.props.onSelectionChangedObservable.notifyObservers(e.manager)}},t.prototype.switchPlayStopState=function(){var e=this.props.sprite;e.animationStarted?e.stopAnimation():e.playAnimation(e.fromIndex,e.toIndex,e.loopAnimation,e.delay,(function(){})),this.forceUpdate()},t.prototype.disposeSprite=function(){var e,t=this.props.sprite;t.dispose(),this.props.globalState.onCodeChangedObservable.notifyObservers({object:t,code:"TARGET.dispose();"}),null===(e=this.props.onSelectionChangedObservable)||void 0===e||e.notifyObservers(null)},t.prototype.componentDidMount=function(){this.updatePreview()},t.prototype.componentDidUpdate=function(){this.updatePreview()},t.prototype.updatePreview=function(){var e=this,t=this.props.sprite,r=t.manager,n=r.texture,a=n.getSize();if(this.imageData){if(this.cachedCellIndex!==t.cellIndex){this.cachedCellIndex=t.cellIndex;var o=this.canvasRef.current;o.width=r.cellWidth,o.height=r.cellHeight;var i=o.getContext("2d");if(i){for(var l=i.createImageData(r.cellWidth,r.cellHeight),s=l.data,p=a.width/r.cellWidth|0,c=t.cellIndex/p|0,u=4*(t.cellIndex-c*p+c*a.width)*r.cellWidth,d=0;d<r.cellWidth;d++)for(var h=0;h<r.cellHeight;h++){var b=4*(d+h*r.cellWidth),f=4*(d+h*a.width);s[b]=this.imageData[u+f],s[b+1]=this.imageData[u+f+1],s[b+2]=this.imageData[u+f+2],s[b+3]=this.imageData[u+f+3]}i.putImageData(l,0,0)}}}else qe.GetTextureDataAsync(n,a.width,a.height,0,Fe.All,this.props.globalState).then((function(t){e.imageData=t,e.forceUpdate()}))},t.prototype.render=function(){var e=this,t=this.props.sprite,r=t.manager,n=r.texture.getSize(),a=0;return a=n.width&&n.height?n.width/r.cellWidth*(n.height/r.cellHeight):Math.max(t.fromIndex,t.toIndex),l.createElement("div",{className:"pane"},l.createElement(se,{globalState:this.props.globalState,title:"GENERAL"},l.createElement(_e,{lockObject:this.props.lockObject,label:"Name",target:t,propertyName:"name",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(le,{label:"Unique ID",value:t.uniqueId.toString()}),l.createElement(le,{label:"Link to manager",value:r.name,onLink:function(){return e.onManagerLink()}}),l.createElement(de,{label:"Visible",target:t,propertyName:"isVisible",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Te,{label:"Dispose",onClick:function(){return e.disposeSprite()}})),l.createElement(se,{globalState:this.props.globalState,title:"PROPERTIES"},l.createElement(we,{label:"Position",target:t,propertyName:"position",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Pickable",target:t,propertyName:"isPickable",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Use alpha for picking",target:t,propertyName:"useAlphaForPicking",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Qt,{label:"Color",target:t,propertyName:"color",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{useEuler:this.props.globalState.onlyUseEulers,label:"Angle",target:t,propertyName:"angle",minimum:0,maximum:2*Math.PI,step:.01,onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"CELL"},l.createElement("canvas",{ref:this.canvasRef,className:"preview",style:{margin:"auto",marginTop:"4px",marginBottom:"4px",display:"grid",height:"108px"}}),l.createElement(ve,{label:"Cell index",decimalCount:0,target:t,propertyName:"cellIndex",minimum:0,maximum:a,step:1,onPropertyChangedObservable:this.props.onPropertyChangedObservable,onChange:function(){return e.forceUpdate()}}),l.createElement(de,{label:"Invert U axis",target:t,propertyName:"invertU",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Invert V axis",target:t,propertyName:"invertV",onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"SCALE"},l.createElement(Me,{label:"Width",target:t,propertyName:"width",min:0,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{label:"Height",target:t,propertyName:"height",min:0,onPropertyChangedObservable:this.props.onPropertyChangedObservable})),l.createElement(se,{globalState:this.props.globalState,title:"ANIMATION"},l.createElement(ve,{label:"Start cell",decimalCount:0,target:t,propertyName:"fromIndex",minimum:0,maximum:a,step:1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(ve,{label:"End cell",decimalCount:0,target:t,propertyName:"toIndex",minimum:0,maximum:a,step:1,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Loop",target:t,propertyName:"loopAnimation",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Me,{label:"Delay",target:t,propertyName:"delay",digits:0,min:0,isInteger:!0,onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(Te,{label:t.animationStarted?"Stop":"Start",onClick:function(){return e.switchPlayStopState()}})))},t}(l.Component),br=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.onOpenAnimationCurveEditor=function(){},t.prototype.render=function(){var e=this,t=this.props.targetedAnimation;return l.createElement("div",{className:"pane"},l.createElement(se,{globalState:this.props.globalState,title:"GENERAL"},l.createElement(le,{label:"Class",value:t.getClassName()}),l.createElement(_e,{lockObject:this.props.lockObject,label:"Name",target:t.animation,propertyName:"name",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),t.target.name&&l.createElement(le,{label:"Target",value:t.target.name,onLink:function(){return e.props.globalState.onSelectionChangedObservable.notifyObservers(t)}}),l.createElement(Te,{label:"Edit animation",onClick:function(){return e.onOpenAnimationCurveEditor()}})))},t}(l.Component),fr=function(e){function t(t){var r=e.call(this,t)||this;return r._lockObject=new xt,r}return a(t,e),t.prototype.timerRefresh=function(){this._lockObject.lock||this.forceUpdate()},t.prototype.componentDidMount=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 l.createElement("div",{className:"infoMessage"},"Please select an entity in the scene explorer.");if(e.getClassName){var t=e.getClassName();if("Scene"===t){var r=e;return l.createElement(nt,{scene:r,globalState:this.props.globalState,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("Sprite"===t){var n=e;return l.createElement(hr,{sprite:n,globalState:this.props.globalState,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("SpriteManager"===t){var a=e;return l.createElement(dr,{spriteManager:a,globalState:this.props.globalState,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("Mesh")){var o=e;if(o.getTotalVertices()>0)return l.createElement("div",null,l.createElement(ht,{globalState:this.props.globalState,mesh:o,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable}))}if(-1!==t.indexOf("ParticleSystem")){var i=e;return l.createElement(ur,{globalState:this.props.globalState,system:i,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("FreeCamera")||-1!==t.indexOf("UniversalCamera")||-1!==t.indexOf("WebXRCamera")||-1!==t.indexOf("DeviceOrientationCamera")){var s=e;return l.createElement(pt,{globalState:this.props.globalState,camera:s,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("ArcRotateCamera")){var p=e;return l.createElement(ct,{globalState:this.props.globalState,camera:p,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("HemisphericLight"===t){var c=e;return l.createElement(ot,{globalState:this.props.globalState,light:c,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("PointLight"===t){var u=e;return l.createElement(lt,{globalState:this.props.globalState,light:u,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("DirectionalLight"===t){u=e;return l.createElement(Wt,{globalState:this.props.globalState,light:u,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("SpotLight"===t){u=e;return l.createElement(Yt,{globalState:this.props.globalState,light:u,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("TransformNode")||-1!==t.indexOf("Mesh")){var d=e;return l.createElement(bt,{transformNode:d,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("MultiMaterial"===t){var h=e;return l.createElement(Zt,{globalState:this.props.globalState,material:h,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("StandardMaterial"===t){h=e;return l.createElement(Xe,{globalState:this.props.globalState,material:h,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("NodeMaterial"===t){h=e;return l.createElement($t,{globalState:this.props.globalState,material:h,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("PBRMaterial"===t){h=e;return l.createElement(et,{globalState:this.props.globalState,material:h,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("PBRMetallicRoughnessMaterial"===t){h=e;return l.createElement(At,{globalState:this.props.globalState,material:h,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("PBRSpecularGlossinessMaterial"===t){h=e;return l.createElement(Lt,{globalState:this.props.globalState,material:h,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("BackgroundMaterial"===t){h=e;return l.createElement(ft,{globalState:this.props.globalState,material:h,lockObject:this._lockObject,onSelectionChangedObservable:this.props.onSelectionChangedObservable,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("AnimationGroup"===t){var b=e;return l.createElement(Et,{globalState:this.props.globalState,animationGroup:b,scene:this.props.scene,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("TargetedAnimation"===t){var f=e;return l.createElement(br,{globalState:this.props.globalState,targetedAnimation:f,scene:this.props.scene,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("Material")){h=e;return l.createElement(Ve,{material:h,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("DefaultRenderingPipeline")){var m=e;return l.createElement(Gt,{renderPipeline:m,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("LensRenderingPipeline")){m=e;return l.createElement(Xt,{renderPipeline:m,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("SSAORenderingPipeline")){m=e;return l.createElement(Bt,{renderPipeline:m,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("SSAO2RenderingPipeline")){m=e;return l.createElement(Ht,{renderPipeline:m,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("RenderingPipeline")){m=e;return l.createElement(Ft,{renderPipeline:m,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("PostProcess")){var g=e;return l.createElement(Dt,{postProcess:g,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("Texture")){var v=e;return l.createElement(Ze,{texture:v,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("Skeleton")){var y=e;return l.createElement(Ut,{skeleton:y,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(-1!==t.indexOf("Bone")){var C=e;return l.createElement(Vt,{bone:C,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("TextBlock"===t){var E=e;return l.createElement(vt,{textBlock:E,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("InputText"===t){var x=e;return l.createElement(yt,{inputText:x,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("ColorPicker"===t){var O=e;return l.createElement(Ct,{colorPicker:O,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("Image"===t){var S=e;return l.createElement(Ot,{image:S,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("Slider"===t){var P=e;return l.createElement(St,{slider:P,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("ImageBasedSlider"===t){var w=e;return l.createElement(Pt,{imageBasedSlider:w,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("Rectangle"===t){var k=e;return l.createElement(wt,{rectangle:k,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("StackPanel"===t){var _=e;return l.createElement(jt,{stackPanel:_,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("Grid"===t){var N=e;return l.createElement(Rt,{grid:N,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("ScrollViewer"===t){var T=e;return l.createElement(Mt,{scrollViewer:T,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("Ellipse"===t){var M=e;return l.createElement(kt,{ellipse:M,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("Checkbox"===t){var R=e;return l.createElement(_t,{checkbox:R,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("RadioButton"===t){var A=e;return l.createElement(Nt,{radioButton:A,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if("Line"===t){var L=e;return l.createElement(Tt,{line:L,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}if(e._host){var j=e;return l.createElement(gt,{control:j,globalState:this.props.globalState,lockObject:this._lockObject,onPropertyChangedObservable:this.props.onPropertyChangedObservable})}}return null},t}(ie),mr=function(e){function t(t){var r=e.call(this,t)||this;return r._backStack=new Array,r.state={isBackVisible:!1},r}return a(t,e),t.prototype.componentDidMount=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?l.createElement("div",{id:"back",onClick:function(){return e.goBack()}},l.createElement(u.a,{icon:b})):null:l.createElement("img",{id:"logo",style:{top:"0%"},src:"https://www.babylonjs.com/Assets/logo-babylonjs-social-twitter.png"})},t.prototype.render=function(){var e=this;return l.createElement("div",{id:"header"},this.renderLogo(),l.createElement("div",{id:"title"},this.props.title),l.createElement("div",{id:"commands"},!this.props.noCommands&&!this.props.noExpand&&l.createElement("div",{className:"expand",onClick:function(){return e.props.onPopup()}},l.createElement(u.a,{icon:ae})),!this.props.noCommands&&!this.props.noClose&&l.createElement("div",{className:"close",onClick:function(){return e.props.onClose()}},l.createElement(u.a,{icon:J}))))},t}(l.Component),gr=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){return this.props.icon?l.createElement("div",{className:"iconMessageLine"},l.createElement("div",{className:"icon",style:{color:this.props.color?this.props.color:""}},l.createElement(u.a,{icon:this.props.icon})),l.createElement("div",{className:"value",title:this.props.text},this.props.text)):l.createElement("div",{className:"messageLine"},l.createElement("div",{className:"value",title:this.props.text,style:{color:this.props.color?this.props.color:""}},this.props.text))},t}(l.Component),vr=r(17),yr=function(e){function t(t){var r=e.call(this,t)||this;r._onValidationResultsUpdatedObserver=null;var n=r.props.globalState.glTFLoaderExtensionDefaults;n.MSFT_lod=n.MSFT_lod||{enabled:!0,maxLODsToLoad:10},n.MSFT_minecraftMesh=n.MSFT_minecraftMesh||{enabled:!0},n.MSFT_sRGBFactors=n.MSFT_sRGBFactors||{enabled:!0},n.MSFT_audio_emitter=n.MSFT_audio_emitter||{enabled:!0},n.KHR_draco_mesh_compression=n.KHR_draco_mesh_compression||{enabled:!0},n.KHR_materials_pbrSpecularGlossiness=n.KHR_materials_pbrSpecularGlossiness||{enabled:!0},n.KHR_materials_clearcoat=n.KHR_materials_clearcoat||{enabled:!0},n.KHR_materials_sheen=n.KHR_materials_sheen||{enabled:!0},n.KHR_materials_specular=n.KHR_materials_specular||{enabled:!0},n.KHR_materials_unlit=n.KHR_materials_unlit||{enabled:!0},n.KHR_lights_punctual=n.KHR_lights_punctual||{enabled:!0},n.KHR_texture_transform=n.KHR_texture_transform||{enabled:!0},n.EXT_lights_image_based=n.EXT_lights_image_based||{enabled:!0};var a=r.props.globalState.glTFLoaderDefaults;return void 0===a.animationStartMode&&(a.animationStartMode=vr.GLTFLoaderAnimationStartMode.FIRST),a.capturePerformanceCounters=a.capturePerformanceCounters||!1,a.compileMaterials=a.compileMaterials||!1,a.compileShadowGenerators=a.compileShadowGenerators||!1,a.coordinateSystemMode=a.coordinateSystemMode||vr.GLTFLoaderCoordinateSystemMode.AUTO,a.loggingEnabled=a.loggingEnabled||!1,a.transparencyAsCoverage=a.transparencyAsCoverage||!1,a.useClipPlane=a.useClipPlane||!1,a.validate=a.validate||!0,r}return a(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.componentDidMount=function(){var e=this;this.props.globalState&&(this._onValidationResultsUpdatedObserver=this.props.globalState.onValidationResultsUpdatedObservable.add((function(){e.forceUpdate()})))},t.prototype.componentWillUnmount=function(){this.props.globalState&&this._onValidationResultsUpdatedObserver&&this.props.globalState.onValidationResultsUpdatedObservable.remove(this._onValidationResultsUpdatedObserver)},t.prototype.renderValidation=function(){var e=this,t=this.props.globalState.validationResults;if(!t)return null;var r=t.issues;return l.createElement(se,{globalState:this.props.globalState,title:"GLTF VALIDATION",closed:!r.numErrors&&!r.numWarnings},0!==r.numErrors&&l.createElement(gr,{text:"Your file has some validation issues",icon:ee,color:"Red"}),0===r.numErrors&&l.createElement(gr,{text:"Your file is a valid glTF file",icon:P,color:"Green"}),l.createElement(le,{label:"Errors",value:r.numErrors.toString()}),l.createElement(le,{label:"Warnings",value:r.numWarnings.toString()}),l.createElement(le,{label:"Infos",value:r.numInfos.toString()}),l.createElement(le,{label:"Hints",value:r.numHints.toString()}),l.createElement(le,{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,r=[{label:"None",value:vr.GLTFLoaderAnimationStartMode.NONE},{label:"First",value:vr.GLTFLoaderAnimationStartMode.FIRST},{label:"ALL",value:vr.GLTFLoaderAnimationStartMode.ALL}],n=[{label:"Auto",value:vr.GLTFLoaderCoordinateSystemMode.AUTO},{label:"Right handed",value:vr.GLTFLoaderCoordinateSystemMode.FORCE_RIGHT_HANDED}];return l.createElement("div",null,l.createElement(se,{globalState:this.props.globalState,title:"GLTF LOADER",closed:!0},l.createElement(Ce,{label:"Animation start mode",options:r,target:t,propertyName:"animationStartMode"}),l.createElement(de,{label:"Capture performance counters",target:t,propertyName:"capturePerformanceCounters"}),l.createElement(de,{label:"Compile materials",target:t,propertyName:"compileMaterials"}),l.createElement(de,{label:"Compile shadow generators",target:t,propertyName:"compileShadowGenerators"}),l.createElement(Ce,{label:"Coordinate system",options:n,target:t,propertyName:"coordinateSystemMode"}),l.createElement(de,{label:"Enable logging",target:t,propertyName:"loggingEnabled"}),l.createElement(de,{label:"Transparency as coverage",target:t,propertyName:"transparencyAsCoverage"}),l.createElement(de,{label:"Use clip plane",target:t,propertyName:"useClipPlane"}),l.createElement(de,{label:"Validate",target:t,propertyName:"validate"}),l.createElement(gr,{text:"You need to reload your file to see these changes"})),l.createElement(se,{globalState:this.props.globalState,title:"GLTF EXTENSIONS",closed:!0},l.createElement(de,{label:"MSFT_lod",isSelected:function(){return e.MSFT_lod.enabled},onSelect:function(t){return e.MSFT_lod.enabled=t}}),l.createElement(Me,{label:"Maximum LODs",target:e.MSFT_lod,propertyName:"maxLODsToLoad",additionalClass:"gltf-extension-property",isInteger:!0}),l.createElement(de,{label:"MSFT_minecraftMesh",isSelected:function(){return e.MSFT_minecraftMesh.enabled},onSelect:function(t){return e.MSFT_minecraftMesh.enabled=t}}),l.createElement(de,{label:"MSFT_sRGBFactors",isSelected:function(){return e.MSFT_sRGBFactors.enabled},onSelect:function(t){return e.MSFT_sRGBFactors.enabled=t}}),l.createElement(de,{label:"MSFT_audio_emitter",isSelected:function(){return e.MSFT_audio_emitter.enabled},onSelect:function(t){return e.MSFT_audio_emitter.enabled=t}}),l.createElement(de,{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}}),l.createElement(de,{label:"KHR_materials_pbrSpecularGlossiness",isSelected:function(){return e.KHR_materials_pbrSpecularGlossiness.enabled},onSelect:function(t){return e.KHR_materials_pbrSpecularGlossiness.enabled=t}}),l.createElement(de,{label:"KHR_materials_clearcoat",isSelected:function(){return e.KHR_materials_clearcoat.enabled},onSelect:function(t){return e.KHR_materials_clearcoat.enabled=t}}),l.createElement(de,{label:"KHR_materials_sheen",isSelected:function(){return e.KHR_materials_sheen.enabled},onSelect:function(t){return e.KHR_materials_sheen.enabled=t}}),l.createElement(de,{label:"KHR_materials_specular",isSelected:function(){return e.KHR_materials_specular.enabled},onSelect:function(t){return e.KHR_materials_specular.enabled=t}}),l.createElement(de,{label:"KHR_materials_unlit",isSelected:function(){return e.KHR_materials_unlit.enabled},onSelect:function(t){return e.KHR_materials_unlit.enabled=t}}),l.createElement(de,{label:"KHR_lights_punctual",isSelected:function(){return e.KHR_lights_punctual.enabled},onSelect:function(t){return e.KHR_lights_punctual.enabled=t}}),l.createElement(de,{label:"KHR_texture_transform",isSelected:function(){return e.KHR_texture_transform.enabled},onSelect:function(t){return e.KHR_texture_transform.enabled=t}}),l.createElement(de,{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}}),l.createElement(gr,{text:"You need to reload your file to see these changes"})),t.validate&&this.props.globalState.validationResults&&this.renderValidation())},t}(l.Component),Cr=r(97),Er=function(e){function t(r){var n=e.call(this,r)||this;return n._id=t._IDGenerator++,n.uploadInputRef=l.createRef(),n}return a(t,e),t.prototype.onChange=function(e){var t=e.target.files;t&&t.length&&this.props.onClick(e),e.target.value=""},t.prototype.render=function(){var e=this;return l.createElement("div",{className:"buttonLine"},l.createElement("label",{htmlFor:"file-upload"+this._id,className:"file-upload"},this.props.label),l.createElement("input",{ref:this.uploadInputRef,id:"file-upload"+this._id,type:"file",accept:this.props.accept,onChange:function(t){return e.onChange(t)},multiple:!0}))},t._IDGenerator=0,t}(l.Component),xr=r(270),Or=function(e){function t(t){var r=e.call(this,t)||this;r._screenShotSize={precision:1},r._gifOptions={width:512,frequency:200},r._useWidthHeight=!1,r._isExporting=!1,r._crunchingGIF=!1,r.state={tag:"Record video"};var n=r.props.globalState.sceneImportDefaults;return void 0===n.overwriteAnimations&&(n.overwriteAnimations=!0),void 0===n.animationGroupLoadingMode&&(n.animationGroupLoadingMode=c.SceneLoaderAnimationGroupLoadingMode.Clean),r}return a(t,e),t.prototype.componentDidMount=function(){BABYLON.GLTF2Export||c.Tools.LoadScript("https://preview.babylonjs.com/serializers/babylonjs.serializers.min.js",(function(){}))},t.prototype.componentWillUnmount=function(){if(this._videoRecorder&&(this._videoRecorder.stopRecording(),this._videoRecorder.dispose(),this._videoRecorder=null),this._gifRecorder)return this._gifRecorder.render(),void(this._gifRecorder=null)},t.prototype.captureScreenshot=function(){var e=this.props.scene;e.activeCamera&&c.Tools.CreateScreenshot(e.getEngine(),e.activeCamera,this._screenShotSize)},t.prototype.captureRender=function(){var e=this.props.scene,t={height:this._screenShotSize.height,width:this._screenShotSize.width,precision:this._screenShotSize.precision};this._useWidthHeight||(this._screenShotSize.width=void 0,this._screenShotSize.height=void 0),e.activeCamera&&c.Tools.CreateScreenshotUsingRenderTarget(e.getEngine(),e.activeCamera,this._screenShotSize),this._screenShotSize=t},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 c.VideoRecorder(t.getEngine())),this._videoRecorder.startRecording().then((function(){e.setState({tag:"Record video"})})),this.setState({tag:"Stop recording"})}},t.prototype.recordGIFInternal=function(){var e=this,t=URL.createObjectURL(this._gifWorkerBlob);this._gifRecorder=new xr({workers:2,quality:10,workerScript:t});var r=this.props.scene.getEngine();this._previousRenderingScale=r.getHardwareScalingLevel(),r.setHardwareScalingLevel(r.getRenderWidth()/this._gifOptions.width|0);var n=setInterval((function(){e._gifRecorder?e._gifRecorder.addFrame(r.getRenderingCanvas(),{delay:e._gifOptions.frequency}):clearInterval(n)}),this._gifOptions.frequency);this._gifRecorder.on("finished",(function(n){e._crunchingGIF=!1,c.Tools.Download(n,"record.gif"),e.forceUpdate(),URL.revokeObjectURL(t),r.setHardwareScalingLevel(e._previousRenderingScale)})),this.forceUpdate()},t.prototype.recordGIF=function(){var e=this;if(this._gifRecorder)return this._crunchingGIF=!0,this.forceUpdate(),this._gifRecorder.render(),void(this._gifRecorder=null);this._gifWorkerBlob?this.recordGIFInternal():c.Tools.LoadFileAsync("https://cdn.jsdelivr.net/gh//terikon/gif.js.optimized@0.1.6/dist/gif.worker.js").then((function(t){e._gifWorkerBlob=new Blob([t],{type:"application/javascript"}),e.recordGIFInternal()}))},t.prototype.importAnimations=function(e){var t=this.props.scene,r=this.props.globalState.sceneImportDefaults.overwriteAnimations,n=this.props.globalState.sceneImportDefaults.animationGroupLoadingMode;new c.FilesInput(t.getEngine(),t,(function(){}),(function(){}),(function(){}),(function(e){}),(function(){}),(function(e){if(e){BABYLON.SceneLoader.ImportAnimationsAsync("file:",e,t,r,n,null,(function(e){e.animationGroups.length>0&&e.animationGroups[0].play(!0)}))}}),(function(){})).loadFiles(e)},t.prototype.shouldExport=function(e){if(e instanceof c.Mesh&&e.material){var t=e.material.reflectionTexture;if(t&&t.coordinatesMode===c.Texture.SKYBOX_MODE)return!1}return!0},t.prototype.exportGLTF=function(){var e=this,t=this.props.scene;this._isExporting=!0,this.forceUpdate(),Cr.GLTF2Export.GLBAsync(t,"scene",{shouldExportNode:function(t){return e.shouldExport(t)}}).then((function(t){t.downloadFiles(),e._isExporting=!1,e.forceUpdate()})).catch((function(t){e._isExporting=!1,e.forceUpdate()}))},t.prototype.exportBabylon=function(){var e=this.props.scene,t=JSON.stringify(c.SceneSerializer.Serialize(e)),r=new Blob([t],{type:"octet/stream"});c.Tools.Download(r,"scene.babylon")},t.prototype.createEnvTexture=function(){var e=this.props.scene;c.EnvironmentTextureTools.CreateEnvTextureAsync(e.environmentTexture).then((function(e){var t=new Blob([e],{type:"octet/stream"});c.Tools.Download(t,"environment.env")})).catch((function(e){console.error(e),alert(e)}))},t.prototype.resetReplay=function(){this.props.globalState.recorder.reset()},t.prototype.exportReplay=function(){this.props.globalState.recorder.export()},t.prototype.render=function(){var e=this,t=this.props.scene;if(!t)return null;var r=this.props.globalState.sceneImportDefaults,n=[{label:"Clean",value:c.SceneLoaderAnimationGroupLoadingMode.Clean},{label:"Stop",value:c.SceneLoaderAnimationGroupLoadingMode.Stop},{label:"Sync",value:c.SceneLoaderAnimationGroupLoadingMode.Sync},{label:"NoSync",value:c.SceneLoaderAnimationGroupLoadingMode.NoSync}];return l.createElement("div",{className:"pane"},l.createElement(se,{globalState:this.props.globalState,title:"CAPTURE"},l.createElement(Te,{label:"Screenshot",onClick:function(){return e.captureScreenshot()}}),l.createElement(Te,{label:this.state.tag,onClick:function(){return e.recordVideo()}})),l.createElement(se,{globalState:this.props.globalState,title:"CAPTURE WITH RTT"},l.createElement(Te,{label:"Capture",onClick:function(){return e.captureRender()}}),l.createElement("div",{className:"vector3Line"},l.createElement(Me,{label:"Precision",target:this._screenShotSize,propertyName:"precision",onPropertyChangedObservable:this.props.onPropertyChangedObservable}),l.createElement(de,{label:"Use Width/Height",onSelect:function(t){e._useWidthHeight=t,e.forceUpdate()},isSelected:function(){return e._useWidthHeight}}),this._useWidthHeight&&l.createElement("div",{className:"secondLine"},l.createElement(Ee,{label:"Width",precision:0,step:1,value:this._screenShotSize.width?this._screenShotSize.width:512,onChange:function(t){return e._screenShotSize.width=t}}),l.createElement(Ee,{label:"Height",precision:0,step:1,value:this._screenShotSize.height?this._screenShotSize.height:512,onChange:function(t){return e._screenShotSize.height=t}})))),l.createElement(se,{globalState:this.props.globalState,title:"GIF"},this._crunchingGIF&&l.createElement(gr,{text:"Creating the GIF file..."}),!this._crunchingGIF&&l.createElement(Te,{label:this._gifRecorder?"Stop":"Record",onClick:function(){return e.recordGIF()}}),!this._crunchingGIF&&!this._gifRecorder&&l.createElement(l.Fragment,null,l.createElement(Me,{label:"Resolution",isInteger:!0,target:this._gifOptions,propertyName:"width"}),l.createElement(Me,{label:"Frequency (ms)",isInteger:!0,target:this._gifOptions,propertyName:"frequency"}))),l.createElement(se,{globalState:this.props.globalState,title:"REPLAY"},l.createElement(Te,{label:"Generate replay code",onClick:function(){return e.exportReplay()}}),l.createElement(Te,{label:"Reset",onClick:function(){return e.resetReplay()}})),l.createElement(se,{globalState:this.props.globalState,title:"SCENE IMPORT"},l.createElement(Er,{label:"Import animations",accept:"gltf",onClick:function(t){return e.importAnimations(t)}}),l.createElement(de,{label:"Overwrite animations",target:r,propertyName:"overwriteAnimations",onSelect:function(t){r.overwriteAnimations=t,e.forceUpdate()}}),!1===r.overwriteAnimations&&l.createElement(Ce,{label:"Animation merge mode",options:n,target:r,propertyName:"animationGroupLoadingMode"})),l.createElement(se,{globalState:this.props.globalState,title:"SCENE EXPORT"},this._isExporting&&l.createElement(le,{label:"Please wait..exporting",ignoreValue:!0}),!this._isExporting&&l.createElement(l.Fragment,null,l.createElement(Te,{label:"Export to GLB",onClick:function(){return e.exportGLTF()}}),l.createElement(Te,{label:"Export to Babylon",onClick:function(){return e.exportBabylon()}}),!t.getEngine().premultipliedAlpha&&t.environmentTexture&&t.environmentTexture._prefiltered&&t.activeCamera&&l.createElement(Te,{label:"Generate .env texture",onClick:function(){return e.createEnvTexture()}}))),BABYLON.GLTFFileLoader&&l.createElement(yr,{scene:t,globalState:this.props.globalState}))},t}(ie),Sr=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this.props.globalState;return l.createElement("div",{className:"pane"},l.createElement(se,{globalState:this.props.globalState,title:"UI"},l.createElement(de,{label:"Only display Euler values",target:e,propertyName:"onlyUseEulers"}),l.createElement(de,{label:"Ignore backfaces when picking",target:e,propertyName:"ignoreBackfacesForPicking"})))},t}(ie);r(271);var Pr=function(e){function t(t){var r=e.call(this,t)||this;r._once=!0;var n=void 0===t.initialTab?c.DebugLayerTab.Properties:t.initialTab;if(r.props.globalState){var a=r.props.globalState.validationResults;a&&(a.issues.numErrors||a.issues.numWarnings)&&(n=c.DebugLayerTab.Tools)}return r.state={selectedEntity:null,selectedIndex:n},r}return a(t,e),t.prototype.componentDidMount=function(){var e=this;this.props.globalState&&(this._onSelectionChangeObserver=this.props.globalState.onSelectionChangedObservable.add((function(t){e.setState({selectedEntity:t,selectedIndex:c.DebugLayerTab.Properties})})),this._onTabChangedObserver=this.props.globalState.onTabChangedObservable.add((function(t){e.setState({selectedIndex:t})})))},t.prototype.componentWillUnmount=function(){this.props.globalState&&(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&&this.props.globalState.onTabChangedObservable.notifyObservers(e)},t.prototype.renderContent=function(){var e=this;return this.props.globalState&&this.props.scene?l.createElement(d,{selectedIndex:this.state.selectedIndex,onSelectedIndexChange:function(t){return e.changeSelectedTab(t)}},l.createElement(fr,{title:"Properties",icon:I,scene:this.props.scene,selectedEntity:this.state.selectedEntity,globalState:this.props.globalState,onSelectionChangedObservable:this.props.globalState.onSelectionChangedObservable,onPropertyChangedObservable:this.props.globalState.onPropertyChangedObservable}),l.createElement(fe,{title:"Debug",icon:C,scene:this.props.scene,globalState:this.props.globalState}),l.createElement(ue,{title:"Statistics",icon:S,scene:this.props.scene,globalState:this.props.globalState}),l.createElement(Or,{title:"Tools",icon:oe,scene:this.props.scene,globalState:this.props.globalState}),l.createElement(Sr,{title:"Settings",icon:_,scene:this.props.scene,globalState:this.props.globalState})):null},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?l.createElement("div",{id:"actionTabs"},!this.props.noHeader&&l.createElement(mr,{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?this.props.globalState.onSelectionChangedObservable:void 0}),this.renderContent()):(this._once&&(this._once=!1,setTimeout((function(){var e=document.getElementById("actionTabs");e&&(e.style.width="300px")}),150)),l.createElement(ge.a,{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&&l.createElement(mr,{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?this.props.globalState.onSelectionChangedObservable:void 0}),this.renderContent()))},t}(l.Component),wr={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"]},kr={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"]},_r={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"]},Nr={prefix:"far",iconName:"square",icon:[448,512,[],"f0c8","M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z"]},Tr=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.onClick=function(){this.props.onClick&&this.props.onClick()},t.prototype.render=function(){var e=this;return l.createElement("div",{className:"title",onClick:function(){return e.onClick()}},l.createElement("div",{className:"titleIcon"},l.createElement(u.a,{icon:this.props.icon,color:this.props.color})),l.createElement("div",{className:"titleText"},this.props.label||"no name"))},t}(l.Component),Mr=function(e){function t(t){var r=e.call(this,t)||this;return r.state={popupVisible:!1},r.extensionRef=l.createRef(),r}return a(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=[],r=0,n=this.props.extensibilityGroups;r<n.length;r++){var a=n[r];a.predicate(this.props.target)&&t.push.apply(t,a.entries)}return 0===t.length?null:l.createElement("div",{ref:this.extensionRef,className:"extensions",onClick:function(){return e.showPopup()}},l.createElement("div",{title:"Additional options",className:"icon"},l.createElement(u.a,{icon:R})),l.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 l.createElement("div",{key:t.label,className:"popupMenu",onClick:function(){return t.action(e.props.target)}},t.label)}))))},t}(l.Component),Rr=function(e){function t(t){var r=e.call(this,t)||this,n=r.props.mesh;return r.state={isBoundingBoxEnabled:n.showBoundingBox,isVisible:r.props.mesh.isVisible},r}return a(t,e),t.prototype.showBoundingBox=function(){this.props.mesh.showBoundingBox=!this.state.isBoundingBoxEnabled,this.setState({isBoundingBoxEnabled:!this.state.isBoundingBoxEnabled})},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,r=this.state.isVisible?l.createElement(u.a,{icon:wr}):l.createElement(u.a,{icon:kr,className:"isNotActive"});return l.createElement("div",{className:"meshTools"},l.createElement(Tr,{label:t.name,onClick:function(){return e.props.onClick()},icon:M,color:"dodgerblue"}),l.createElement("div",{className:this.state.isBoundingBoxEnabled?"bounding-box selected icon":"bounding-box icon",onClick:function(){return e.showBoundingBox()},title:"Show/Hide bounding box"},l.createElement(u.a,{icon:Nr})),l.createElement("div",{className:"visibility icon",onClick:function(){return e.switchVisibility()},title:"Show/Hide mesh"},r),l.createElement(Mr,{target:t,extensibilityGroups:this.props.extensibilityGroups}))},t}(l.Component),Ar=function(e){function t(t){var r=e.call(this,t)||this,n=r.props.camera,a=n.getScene();return r.state={isActive:a.activeCamera===n},r}return a(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.componentDidMount=function(){var e=this,t=this.props.camera.getScene();this._onBeforeRenderObserver=t.onBeforeRenderObservable.add((function(){var r=e.props.camera;e.state.isActive&&t.activeCameras.length<=1&&t.activeCamera!==r&&r.detachControl(t.getEngine().getRenderingCanvas());var n=t.activeCamera===r;n!==e.state.isActive&&e.setState({isActive:n})}))},t.prototype.componentWillUnmount=function(){this._onBeforeRenderObserver&&this.props.camera.getScene().onBeforeRenderObservable.remove(this._onBeforeRenderObserver)},t.prototype.render=function(){var e=this,t=this.state.isActive?l.createElement(u.a,{icon:ne}):l.createElement(u.a,{icon:ne,className:"isNotActive"}),r=this.props.camera.getScene();return l.createElement("div",{className:"cameraTools"},l.createElement(Tr,{label:this.props.camera.name,onClick:function(){return e.props.onClick()},icon:E,color:"green"}),(!r.activeCameras||0===r.activeCameras.length)&&l.createElement("div",{className:"activeCamera icon",onClick:function(){return e.setActive()},title:"Set as main camera and attach to controls"},t),l.createElement(Mr,{target:this.props.camera,extensibilityGroups:this.props.extensibilityGroups}))},t}(l.Component),Lr=function(e){function t(t){var r=e.call(this,t)||this,n=r.props.light;return r.state={isEnabled:n.isEnabled(),isGizmoEnabled:n.reservedDataStore&&n.reservedDataStore.lightGizmo},r}return a(t,e),t.prototype.switchIsEnabled=function(){var e=this.props.light;e.setEnabled(!e.isEnabled()),this.setState({isEnabled:e.isEnabled()})},t.prototype.toggleGizmo=function(){var e=this.props.light;e.reservedDataStore&&e.reservedDataStore.lightGizmo?(e.getScene().reservedDataStore&&e.getScene().reservedDataStore.gizmoManager&&e.getScene().reservedDataStore.gizmoManager.attachToMesh(null),this.props.globalState.enableLightGizmo(e,!1),this.setState({isGizmoEnabled:!1})):(this.props.globalState.enableLightGizmo(e,!0),this.setState({isGizmoEnabled:!0}))},t.prototype.render=function(){var e=this,t=this.state.isEnabled?l.createElement(u.a,{icon:_r}):l.createElement(u.a,{icon:_r,className:"isNotActive"}),r=this.state.isGizmoEnabled||this.props.light&&this.props.light.reservedDataStore&&this.props.light.reservedDataStore.lightGizmo?l.createElement(u.a,{icon:L}):l.createElement(u.a,{icon:L,className:"isNotActive"});return l.createElement("div",{className:"lightTools"},l.createElement(Tr,{label:this.props.light.name,onClick:function(){return e.props.onClick()},icon:H,color:"yellow"}),l.createElement("div",{className:"visibility icon",onClick:function(){return e.switchIsEnabled()},title:"Turn on/off the light"},t),l.createElement("div",{className:"enableGizmo icon",onClick:function(){return e.toggleGizmo()},title:"Turn on/off the light's gizmo"},r),l.createElement(Mr,{target:this.props.light,extensibilityGroups:this.props.extensibilityGroups}))},t}(l.Component),jr=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this;return l.createElement("div",{className:"materialTools"},l.createElement(Tr,{label:this.props.material.name,onClick:function(){return e.props.onClick()},icon:y,color:"orange"}),l.createElement(Mr,{target:this.props.material,extensibilityGroups:this.props.extensibilityGroups}))},t}(l.Component),Ir=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this;return l.createElement("div",{className:"textureTools"},l.createElement(Tr,{label:this.props.texture.name,onClick:function(){return e.props.onClick()},icon:G,color:"mediumpurple"}),l.createElement(Mr,{target:this.props.texture,extensibilityGroups:this.props.extensibilityGroups}))},t}(l.Component),Dr=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this,t=this.props.transformNode;return l.createElement("div",{className:"transformNodeTools"},l.createElement(Tr,{label:t.name,onClick:function(){return e.props.onClick()},icon:k,color:"cornflowerblue"}),l.createElement(Mr,{target:t,extensibilityGroups:this.props.extensibilityGroups}))},t}(l.Component),zr=function(e){function t(t){var r=e.call(this,t)||this,n=r.props.control;return r.state={isActive:n.isHighlighted,isVisible:n.isVisible},r}return a(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,r=(t.name||"No name")+" ["+t.getClassName()+"]",n=this.state.isActive?l.createElement(u.a,{icon:F}):l.createElement(u.a,{icon:F,className:"isNotActive"}),a=this.state.isVisible?l.createElement(u.a,{icon:L}):l.createElement(u.a,{icon:j,className:"isNotActive"});return l.createElement("div",{className:"controlTools"},l.createElement(Tr,{label:r,onClick:function(){return e.props.onClick()},icon:W,color:"greenyellow"}),l.createElement("div",{className:"highlight icon",onClick:function(){return e.highlight()},title:"Highlight this control"},n),l.createElement("div",{className:"visibility icon",onClick:function(){return e.switchVisibility()},title:"Show/Hide control"},a),l.createElement(Mr,{target:t,extensibilityGroups:this.props.extensibilityGroups}))},t}(l.Component),Fr=function(e){function t(t){var r=e.call(this,t)||this;return r.state={isInPickingMode:!1},r}return a(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 l.createElement("div",{className:"adtextureTools"},l.createElement(Tr,{label:this.props.texture.name,onClick:function(){return e.props.onClick()},icon:G,color:"mediumpurple"}),l.createElement("div",{className:this.state.isInPickingMode?"pickingMode selected icon":"pickingMode icon",onClick:function(){return e.onPickingMode()},title:"Turn picking mode on/off"},l.createElement(u.a,{icon:T})),l.createElement(Mr,{target:this.props.texture,extensibilityGroups:this.props.extensibilityGroups}))},t}(l.Component),Gr=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this,t=this.props.animationGroup;return l.createElement("div",{className:"animationGroupTools"},l.createElement(Tr,{label:t.name,onClick:function(){return e.props.onClick()},icon:B,color:"cornflowerblue"}),l.createElement(Mr,{target:t,extensibilityGroups:this.props.extensibilityGroups}))},t}(l.Component),Br=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this;return l.createElement("div",{className:"postProcessTools"},l.createElement(Tr,{label:this.props.postProcess.name,onClick:function(){return e.props.onClick()},icon:U,color:"red"}),l.createElement(Mr,{target:this.props.postProcess,extensibilityGroups:this.props.extensibilityGroups}))},t}(l.Component),Hr=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this;return l.createElement("div",{className:"postProcessTools"},l.createElement(Tr,{label:this.props.renderPipeline.name,onClick:function(){return e.props.onClick()},icon:U,color:"orangered"}),l.createElement(Mr,{target:this.props.renderPipeline,extensibilityGroups:this.props.extensibilityGroups}))},t}(l.Component),Ur=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this,t=this.props.skeleton;return l.createElement("div",{className:"skeletonTools"},l.createElement(Tr,{label:t.name||"no name",onClick:function(){return e.props.onClick()},icon:q,color:"gray"}),l.createElement(Mr,{target:t,extensibilityGroups:this.props.extensibilityGroups}))},t}(l.Component),Vr=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this,t=this.props.bone;return l.createElement("div",{className:"skeletonTools"},l.createElement(Tr,{label:t.name||"no name",onClick:function(){return e.props.onClick()},icon:g,color:"lightgray"}),l.createElement(Mr,{target:t,extensibilityGroups:this.props.extensibilityGroups}))},t}(l.Component),Wr=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this;return l.createElement("div",{className:"particleSystemTools"},l.createElement(Tr,{label:this.props.system.name||"Particle system",onClick:function(){return e.props.onClick()},icon:v,color:"crimson"}),l.createElement(Mr,{target:this.props.system,extensibilityGroups:this.props.extensibilityGroups}))},t}(l.Component),Yr=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this;return l.createElement("div",{className:"spriteManagerTools"},l.createElement(Tr,{label:this.props.spriteManager.name||"No name",onClick:function(){return e.props.onClick()},icon:h,color:"blanchedalmond"}),l.createElement(Mr,{target:this.props.spriteManager,extensibilityGroups:this.props.extensibilityGroups}))},t}(l.Component),Xr=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this;return l.createElement("div",{className:"spriteTools"},l.createElement(Tr,{label:this.props.sprite.name||"No name",onClick:function(){return e.props.onClick()},icon:z,color:"blanchedalmond"}),l.createElement(Mr,{target:this.props.sprite,extensibilityGroups:this.props.extensibilityGroups}))},t}(l.Component),Kr=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this,t=this.props.targetedAnimation;return l.createElement("div",{className:"targetedAnimationTools"},l.createElement(Tr,{label:t.animation.name,onClick:function(){return e.props.onClick()},icon:D,color:"cornflowerblue"}),l.createElement(Mr,{target:t,extensibilityGroups:this.props.extensibilityGroups}))},t}(l.Component),qr=function(e){function t(t){return e.call(this,t)||this}return a(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 r=t.getClassName();if(-1!==r.indexOf("Mesh")){var n=t;return n.isAnInstance||n.getTotalVertices()>0?l.createElement(Rr,{globalState:this.props.globalState,extensibilityGroups:this.props.extensibilityGroups,mesh:n,onClick:function(){return e.onClick()}}):l.createElement(Dr,{extensibilityGroups:this.props.extensibilityGroups,transformNode:t,onClick:function(){return e.onClick()}})}if(-1!==r.indexOf("SpriteManager"))return l.createElement(Yr,{extensibilityGroups:this.props.extensibilityGroups,spriteManager:t,onClick:function(){return e.onClick()}});if(-1!==r.indexOf("Sprite"))return l.createElement(Xr,{extensibilityGroups:this.props.extensibilityGroups,sprite:t,onClick:function(){return e.onClick()}});if(-1!==r.indexOf("Skeleton"))return l.createElement(Ur,{extensibilityGroups:this.props.extensibilityGroups,skeleton:t,onClick:function(){return e.onClick()}});if(-1!==r.indexOf("Bone"))return l.createElement(Vr,{extensibilityGroups:this.props.extensibilityGroups,bone:t,onClick:function(){return e.onClick()}});if(-1!==r.indexOf("TransformNode"))return l.createElement(Dr,{extensibilityGroups:this.props.extensibilityGroups,transformNode:t,onClick:function(){return e.onClick()}});if(-1!==r.indexOf("Camera"))return l.createElement(Ar,{extensibilityGroups:this.props.extensibilityGroups,camera:t,onClick:function(){return e.onClick()}});if(-1!==r.indexOf("Light",r.length-5))return l.createElement(Lr,{globalState:this.props.globalState,extensibilityGroups:this.props.extensibilityGroups,light:t,onClick:function(){return e.onClick()}});if(-1!==r.indexOf("Material"))return l.createElement(jr,{extensibilityGroups:this.props.extensibilityGroups,material:t,onClick:function(){return e.onClick()}});if(-1!==r.indexOf("ParticleSystem"))return l.createElement(Wr,{extensibilityGroups:this.props.extensibilityGroups,system:t,onClick:function(){return e.onClick()}});if("AdvancedDynamicTexture"===r)return l.createElement(Fr,{onSelectionChangedObservable:this.props.globalState.onSelectionChangedObservable,extensibilityGroups:this.props.extensibilityGroups,texture:t,onClick:function(){return e.onClick()}});if("AnimationGroup"===r)return l.createElement(Gr,{extensibilityGroups:this.props.extensibilityGroups,animationGroup:t,onClick:function(){return e.onClick()}});if("TargetedAnimation"===r)return l.createElement(Kr,{extensibilityGroups:this.props.extensibilityGroups,targetedAnimation:t,onClick:function(){return e.onClick()}});if(-1!==r.indexOf("Texture"))return l.createElement(Ir,{extensibilityGroups:this.props.extensibilityGroups,texture:t,onClick:function(){return e.onClick()}});if(-1!==r.indexOf("RenderingPipeline"))return l.createElement(Hr,{extensibilityGroups:this.props.extensibilityGroups,renderPipeline:t,onClick:function(){return e.onClick()}});if(-1!==r.indexOf("PostProcess"))return l.createElement(Br,{extensibilityGroups:this.props.extensibilityGroups,postProcess:t,onClick:function(){return e.onClick()}});if(t._host)return l.createElement(zr,{extensibilityGroups:this.props.extensibilityGroups,control:t,onClick:function(){return e.onClick()}})}return l.createElement("div",{className:"meshTools"},l.createElement(Tr,{label:t.name,onClick:function(){return e.onClick()},icon:X,color:"cornflowerblue"}))},t}(l.Component),Qr=function(){function e(){}return e.LookForItem=function(t,r){if(t===r)return!0;var n=t.getChildren?t.getChildren():t.children;if(n&&"MultiMaterial"!==t.getClassName())for(var a=0,o=n;a<o.length;a++){var i=o[a];if(e.LookForItem(i,r))return!0}return!1},e._RecursiveRemoveHiddenMeshesAndHoistChildren=function(t){for(var r=[],n=0,a=t;n<a.length;n++){var o=a[n];o.reservedDataStore&&o.reservedDataStore.hidden&&o.getChildMeshes?e._RecursiveRemoveHiddenMeshesAndHoistChildren(o.getChildMeshes()).forEach((function(e){r.push(e)})):o.reservedDataStore&&o.reservedDataStore.hidden||r.push(o)}return r},e.SortAndFilter=function(t,r){if(!r)return[];var n=e._RecursiveRemoveHiddenMeshesAndHoistChildren(r);return t&&t.reservedDataStore&&t.reservedDataStore.detachedChildren&&n.push.apply(n,t.reservedDataStore.detachedChildren),n.sort((function(e,t){var r=(e.name||"").toLowerCase(),n=(t.name||"").toLowerCase();return r===n?0:r>n?1:-1}))},e}(),$r=function(e){function t(t){var r=e.call(this,t)||this;return r._wasSelected=!1,r.state={isSelected:r.props.entity===r.props.selectedEntity,isExpanded:r.props.mustExpand||Qr.LookForItem(r.props.entity,r.props.selectedEntity)},r}return a(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,Qr.LookForItem(e.entity,e.selectedEntity))return t.isExpanded=!0,!0}return!0},t.prototype.scrollIntoView=function(){var e=p.findDOMNode(this);e&&e.scrollIntoView(!1)},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.globalState.onSelectionChangedObservable){this._wasSelected=!0;var e=this.props.entity;this.props.globalState.onSelectionChangedObservable.notifyObservers(e)}},t.prototype.renderChildren=function(){var e=this,r=this.props.entity;return(r.getChildren||r.children)&&this.state.isExpanded?Qr.SortAndFilter(r,r.getChildren?r.getChildren():r.children).map((function(r,n){return l.createElement(t,{globalState:e.props.globalState,mustExpand:e.props.mustExpand,extensibilityGroups:e.props.extensibilityGroups,selectedEntity:e.props.selectedEntity,key:n,offset:e.props.offset+2,entity:r,filter:e.props.filter})})):null},t.prototype.render=function(){var e=this,t={paddingLeft:10*(this.props.offset+.5)+"px"},r=this.props.entity,n=this.state.isExpanded?l.createElement(u.a,{icon:V}):l.createElement(u.a,{icon:Y}),a=("MultiMaterial"===r.getClassName()?[]:Qr.SortAndFilter(r,r.getChildren?r.getChildren():r.children)).length>0;if(r.reservedDataStore||(r.reservedDataStore={}),r.reservedDataStore.setExpandedState=function(t){e.setState({isExpanded:t})},r.reservedDataStore.isExpanded=this.state.isExpanded,this.props.filter){var o=this.props.filter.toLowerCase();if(!r.name||-1===r.name.toLowerCase().indexOf(o)){if(!a)return null;if(r.getDescendants&&0===r.getDescendants(!1,(function(e){return e.name&&-1!==e.name.toLowerCase().indexOf(o)})).length)return null}}return l.createElement("div",null,l.createElement("div",{className:this.state.isSelected?"itemContainer selected":"itemContainer",style:t},a&&l.createElement("div",{className:"arrow icon",onClick:function(){return e.switchExpandedState()}},n),l.createElement(qr,{globalState:this.props.globalState,extensibilityGroups:this.props.extensibilityGroups,label:r.name,entity:r,onClick:function(){return e.onSelect()}})),this.renderChildren())},t}(l.Component),Zr=r(2),Jr=r.n(Zr),en=r(9),tn=r.n(en),rn=r(7),nn=r.n(rn);
/*!
 * 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)
 */function an(e){for(var t=arguments.length,r=Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return"function"==typeof e&&e.apply(void 0,r)}function on(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var ln="react-contextmenu",sn="react-contextmenu--visible",pn="react-contextmenu-wrapper",cn="react-contextmenu-item",un="react-contextmenu-item--active",dn="react-contextmenu-item--disabled",hn="react-contextmenu-item--divider",bn="react-contextmenu-item--selected",fn="react-contextmenu-submenu",mn={},gn=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement),vn="REACT_CONTEXTMENU_SHOW",yn="REACT_CONTEXTMENU_HIDE";function Cn(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:window,n=void 0;"function"==typeof window.CustomEvent?n=new window.CustomEvent(e,{detail:t}):(n=document.createEvent("CustomEvent")).initCustomEvent(e,!1,!0,t),r&&(r.dispatchEvent(n),nn()(mn,t))}function En(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments[1];Cn(vn,nn()({},e,{type:vn}),t)}function xn(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments[1];Cn(yn,nn()({},e,{type:yn}),t)}var On=new function e(){var t=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.handleShowEvent=function(e){for(var r in t.callbacks)on(t.callbacks,r)&&t.callbacks[r].show(e)},this.handleHideEvent=function(e){for(var r in t.callbacks)on(t.callbacks,r)&&t.callbacks[r].hide(e)},this.register=function(e,r){var n=Math.random().toString(36).substring(7);return t.callbacks[n]={show:e,hide:r},n},this.unregister=function(e){e&&t.callbacks[e]&&delete t.callbacks[e]},this.callbacks={},gn&&(window.addEventListener(vn,this.handleShowEvent),window.addEventListener(yn,this.handleHideEvent))},Sn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Pn=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}();function wn(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function kn(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _n(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}var Nn=function(e){function t(){var e,r,n;kn(this,t);for(var a=arguments.length,o=Array(a),i=0;i<a;i++)o[i]=arguments[i];return r=n=_n(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(o))),n.handleClick=function(e){e.preventDefault(),n.props.disabled||n.props.divider||(an(n.props.onClick,e,nn()({},n.props.data,mn.data),mn.target),n.props.preventClose||xn())},_n(n,r)}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,e),Pn(t,[{key:"render",value:function(){var e,t=this,r=this.props,n=r.disabled,a=r.divider,o=r.children,i=r.attributes,l=r.selected,p=tn()(cn,i.className,(wn(e={},tn()(dn,i.disabledClassName),n),wn(e,tn()(hn,i.dividerClassName),a),wn(e,tn()(bn,i.selectedClassName),l),e));return s.a.createElement("div",Sn({},i,{className:p,role:"menuitem",tabIndex:"-1","aria-disabled":n?"true":"false","aria-orientation":a?"horizontal":null,ref:function(e){t.ref=e},onMouseMove:this.props.onMouseMove,onMouseLeave:this.props.onMouseLeave,onTouchEnd:this.handleClick,onClick:this.handleClick}),a?null:o)}}]),t}(l.Component);Nn.propTypes={children:Jr.a.node,attributes:Jr.a.object,data:Jr.a.object,disabled:Jr.a.bool,divider:Jr.a.bool,preventClose:Jr.a.bool,onClick:Jr.a.func,selected:Jr.a.bool,onMouseMove:Jr.a.func,onMouseLeave:Jr.a.func},Nn.defaultProps={disabled:!1,data:{},divider:!1,attributes:{},preventClose:!1,onClick:function(){return null},children:null,selected:!1,onMouseMove:function(){return null},onMouseLeave:function(){return null}};var Tn=Nn;var Mn=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var r=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return Rn.call(r),r.seletedItemRef=null,r.state={selectedItem:null,forceSubMenuOpen:!1},r}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,e),t}(l.Component);Mn.propTypes={children:Jr.a.node.isRequired};var Rn=function(){var e=this;this.handleKeyNavigation=function(t){if(!1!==e.state.isVisible)switch(t.keyCode){case 37:case 27:t.preventDefault(),e.hideMenu(t);break;case 38:t.preventDefault(),e.selectChildren(!0);break;case 40:t.preventDefault(),e.selectChildren(!1);break;case 39:e.tryToOpenSubMenu(t);break;case 13:t.preventDefault(),e.tryToOpenSubMenu(t);var r=e.seletedItemRef&&e.seletedItemRef.props&&e.seletedItemRef.props.disabled;e.seletedItemRef&&e.seletedItemRef.ref instanceof HTMLElement&&!r?e.seletedItemRef.ref.click():e.hideMenu(t)}},this.handleForceClose=function(){e.setState({forceSubMenuOpen:!1})},this.tryToOpenSubMenu=function(t){e.state.selectedItem&&e.state.selectedItem.type===e.getSubMenuType()&&(t.preventDefault(),e.setState({forceSubMenuOpen:!0}))},this.selectChildren=function(t){var r=e.state.selectedItem,n=[];s.a.Children.forEach(e.props.children,(function t(r){r&&([Tn,e.getSubMenuType()].indexOf(r.type)<0?s.a.Children.forEach(r.props.children,t):r.props.divider||n.push(r))}));var a=n.indexOf(r);a<0?e.setState({selectedItem:t?n[n.length-1]:n[0],forceSubMenuOpen:!1}):t?e.setState({selectedItem:n[a-1<0?n.length-1:a-1],forceSubMenuOpen:!1}):e.setState({selectedItem:n[a+1<n.length?a+1:0],forceSubMenuOpen:!1})},this.onChildMouseMove=function(t){e.state.selectedItem!==t&&e.setState({selectedItem:t,forceSubMenuOpen:!1})},this.onChildMouseLeave=function(){e.setState({selectedItem:null,forceSubMenuOpen:!1})},this.renderChildren=function(t){return s.a.Children.map(t,(function(t){var r={};return s.a.isValidElement(t)?[Tn,e.getSubMenuType()].indexOf(t.type)<0?(r.children=e.renderChildren(t.props.children),s.a.cloneElement(t,r)):(r.onMouseLeave=e.onChildMouseLeave.bind(e),t.type===e.getSubMenuType()&&(r.forceOpen=e.state.forceSubMenuOpen&&e.state.selectedItem===t,r.forceClose=e.handleForceClose,r.parentKeyNavigationHandler=e.handleKeyNavigation),t.props.divider||e.state.selectedItem!==t?(r.onMouseMove=function(){return e.onChildMouseMove(t)},s.a.cloneElement(t,r)):(r.selected=!0,r.ref=function(t){e.seletedItemRef=t},s.a.cloneElement(t,r))):t}))}},An=Mn,Ln=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},jn=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}();function In(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var Dn=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var r=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return r.getMenuPosition=function(){var e=window,t=e.innerWidth,n=e.innerHeight,a=r.subMenu.getBoundingClientRect(),o={};return a.bottom>n?o.bottom=0:o.top=0,a.right<t?o.left="100%":o.right="100%",o},r.getRTLMenuPosition=function(){var e=window.innerHeight,t=r.subMenu.getBoundingClientRect(),n={};return t.bottom>e?n.bottom=0:n.top=0,t.left<0?n.left="100%":n.right="100%",n},r.hideMenu=function(e){e.detail&&e.detail.id&&r.menu&&e.detail.id!==r.menu.id||(r.props.forceOpen&&r.props.forceClose(),r.setState({visible:!1,selectedItem:null}),r.unregisterHandlers())},r.handleClick=function(e){e.preventDefault(),r.props.disabled||an(r.props.onClick,e,nn()({},r.props.data,mn.data),mn.target)},r.handleMouseEnter=function(){r.closetimer&&clearTimeout(r.closetimer),r.props.disabled||r.state.visible||(r.opentimer=setTimeout((function(){return r.setState({visible:!0,selectedItem:null})}),r.props.hoverDelay))},r.handleMouseLeave=function(){r.opentimer&&clearTimeout(r.opentimer),r.state.visible&&(r.closetimer=setTimeout((function(){return r.setState({visible:!1,selectedItem:null})}),r.props.hoverDelay))},r.menuRef=function(e){r.menu=e},r.subMenuRef=function(e){r.subMenu=e},r.registerHandlers=function(){document.removeEventListener("keydown",r.props.parentKeyNavigationHandler),document.addEventListener("keydown",r.handleKeyNavigation)},r.unregisterHandlers=function(e){document.removeEventListener("keydown",r.handleKeyNavigation),e||document.addEventListener("keydown",r.props.parentKeyNavigationHandler)},r.state=nn()({},r.state,{visible:!1}),r}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,e),jn(t,[{key:"componentDidMount",value:function(){this.listenId=On.register((function(){}),this.hideMenu)}},{key:"getSubMenuType",value:function(){return t}},{key:"shouldComponentUpdate",value:function(e,t){return this.isVisibilityChange=!(this.state.visible===t.visible&&this.props.forceOpen===e.forceOpen||this.state.visible&&e.forceOpen||this.props.forceOpen&&t.visible),!0}},{key:"componentDidUpdate",value:function(){var e=this;if(this.isVisibilityChange)if(this.props.forceOpen||this.state.visible){(window.requestAnimationFrame||setTimeout)((function(){var t=e.props.rtl?e.getRTLMenuPosition():e.getMenuPosition();e.subMenu.style.removeProperty("top"),e.subMenu.style.removeProperty("bottom"),e.subMenu.style.removeProperty("left"),e.subMenu.style.removeProperty("right"),on(t,"top")&&(e.subMenu.style.top=t.top),on(t,"left")&&(e.subMenu.style.left=t.left),on(t,"bottom")&&(e.subMenu.style.bottom=t.bottom),on(t,"right")&&(e.subMenu.style.right=t.right),e.subMenu.classList.add(sn),e.registerHandlers(),e.setState({selectedItem:null})}))}else{this.subMenu.addEventListener("transitionend",(function t(){e.subMenu.removeEventListener("transitionend",t),e.subMenu.style.removeProperty("bottom"),e.subMenu.style.removeProperty("right"),e.subMenu.style.top=0,e.subMenu.style.left="100%",e.unregisterHandlers()})),this.subMenu.classList.remove(sn)}}},{key:"componentWillUnmount",value:function(){this.listenId&&On.unregister(this.listenId),this.opentimer&&clearTimeout(this.opentimer),this.closetimer&&clearTimeout(this.closetimer),this.unregisterHandlers(!0)}},{key:"render",value:function(){var e,t=this.props,r=t.children,n=t.attributes,a=t.disabled,o=t.title,i=t.selected,l=this.state.visible,p={ref:this.menuRef,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,className:tn()(cn,fn,n.listClassName),style:{position:"relative"}},c={className:tn()(cn,n.className,(e={},In(e,tn()(dn,n.disabledClassName),a),In(e,tn()(un,n.visibleClassName),l),In(e,tn()(bn,n.selectedClassName),i),e)),onMouseMove:this.props.onMouseMove,onMouseOut:this.props.onMouseOut,onClick:this.handleClick},u={ref:this.subMenuRef,style:{position:"absolute",transition:"opacity 1ms",top:0,left:"100%"},className:tn()(ln,this.props.className)};return s.a.createElement("nav",Ln({},p,{role:"menuitem",tabIndex:"-1","aria-haspopup":"true"}),s.a.createElement("div",Ln({},n,c),o),s.a.createElement("nav",Ln({},u,{role:"menu",tabIndex:"-1"}),this.renderChildren(r)))}}]),t}(An);Dn.propTypes={children:Jr.a.node.isRequired,attributes:Jr.a.object,title:Jr.a.node.isRequired,className:Jr.a.string,disabled:Jr.a.bool,hoverDelay:Jr.a.number,rtl:Jr.a.bool,selected:Jr.a.bool,onMouseMove:Jr.a.func,onMouseOut:Jr.a.func,forceOpen:Jr.a.bool,forceClose:Jr.a.func,parentKeyNavigationHandler:Jr.a.func},Dn.defaultProps={disabled:!1,hoverDelay:500,attributes:{},className:"",rtl:!1,selected:!1,onMouseMove:function(){return null},onMouseOut:function(){return null},forceOpen:!1,forceClose:function(){return null},parentKeyNavigationHandler:function(){return null}};var zn=Dn,Fn=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}();var Gn=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var r=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return r.registerHandlers=function(){document.addEventListener("mousedown",r.handleOutsideClick),document.addEventListener("touchstart",r.handleOutsideClick),document.addEventListener("scroll",r.handleHide),document.addEventListener("contextmenu",r.handleHide),document.addEventListener("keydown",r.handleKeyNavigation),window.addEventListener("resize",r.handleHide)},r.unregisterHandlers=function(){document.removeEventListener("mousedown",r.handleOutsideClick),document.removeEventListener("touchstart",r.handleOutsideClick),document.removeEventListener("scroll",r.handleHide),document.removeEventListener("contextmenu",r.handleHide),document.removeEventListener("keydown",r.handleKeyNavigation),window.removeEventListener("resize",r.handleHide)},r.handleShow=function(e){if(e.detail.id===r.props.id&&!r.state.isVisible){var t=e.detail.position,n=t.x,a=t.y;r.setState({isVisible:!0,x:n,y:a}),r.registerHandlers(),an(r.props.onShow,e)}},r.handleHide=function(e){!r.state.isVisible||e.detail&&e.detail.id&&e.detail.id!==r.props.id||(r.unregisterHandlers(),r.setState({isVisible:!1,selectedItem:null,forceSubMenuOpen:!1}),an(r.props.onHide,e))},r.handleOutsideClick=function(e){r.menu.contains(e.target)||xn()},r.handleMouseLeave=function(e){e.preventDefault(),an(r.props.onMouseLeave,e,nn()({},r.props.data,mn.data),mn.target),r.props.hideOnLeave&&xn()},r.handleContextMenu=function(e){e.preventDefault(),r.handleHide(e)},r.hideMenu=function(e){27!==e.keyCode&&13!==e.keyCode||xn()},r.getMenuPosition=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n={top:t,left:e};if(!r.menu)return n;var a=window,o=a.innerWidth,i=a.innerHeight,l=r.menu.getBoundingClientRect();return t+l.height>i&&(n.top-=l.height),e+l.width>o&&(n.left-=l.width),n.top<0&&(n.top=l.height<i?(i-l.height)/2:0),n.left<0&&(n.left=l.width<o?(o-l.width)/2:0),n},r.getRTLMenuPosition=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n={top:t,left:e};if(!r.menu)return n;var a=window,o=a.innerWidth,i=a.innerHeight,l=r.menu.getBoundingClientRect();return n.left=e-l.width,t+l.height>i&&(n.top-=l.height),n.left<0&&(n.left+=l.width),n.top<0&&(n.top=l.height<i?(i-l.height)/2:0),n.left+l.width>o&&(n.left=l.width<o?(o-l.width)/2:0),n},r.menuRef=function(e){r.menu=e},r.state=nn()({},r.state,{x:0,y:0,isVisible:!1}),r}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,e),Fn(t,[{key:"getSubMenuType",value:function(){return zn}},{key:"componentDidMount",value:function(){this.listenId=On.register(this.handleShow,this.handleHide)}},{key:"componentDidUpdate",value:function(){var e=this;if(this.state.isVisible){var t=window.requestAnimationFrame||setTimeout;t((function(){var r=e.state,n=r.x,a=r.y,o=e.props.rtl?e.getRTLMenuPosition(n,a):e.getMenuPosition(n,a),i=o.top,l=o.left;t((function(){e.menu&&(e.menu.style.top=i+"px",e.menu.style.left=l+"px",e.menu.style.opacity=1,e.menu.style.pointerEvents="auto")}))}))}else{if(!this.menu)return;this.menu.style.opacity=0,this.menu.style.pointerEvents="none"}}},{key:"componentWillUnmount",value:function(){this.listenId&&On.unregister(this.listenId),this.unregisterHandlers()}},{key:"render",value:function(){var e,t,r,n=this.props,a=n.children,o=n.className,i=n.style,l=this.state.isVisible,p=nn()({},i,{position:"fixed",opacity:0,pointerEvents:"none"}),c=tn()(ln,o,(r=l,(t=sn)in(e={})?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e));return s.a.createElement("nav",{role:"menu",tabIndex:"-1",ref:this.menuRef,style:p,className:c,onContextMenu:this.handleContextMenu,onMouseLeave:this.handleMouseLeave},this.renderChildren(a))}}]),t}(An);Gn.propTypes={id:Jr.a.string.isRequired,children:Jr.a.node.isRequired,data:Jr.a.object,className:Jr.a.string,hideOnLeave:Jr.a.bool,rtl:Jr.a.bool,onHide:Jr.a.func,onMouseLeave:Jr.a.func,onShow:Jr.a.func,style:Jr.a.object},Gn.defaultProps={className:"",data:{},hideOnLeave:!1,rtl:!1,onHide:function(){return null},onMouseLeave:function(){return null},onShow:function(){return null},style:{}};var Bn=Gn,Hn=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}();function Un(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function Vn(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}var Wn=function(e){function t(){var e,r,n;Un(this,t);for(var a=arguments.length,o=Array(a),i=0;i<a;i++)o[i]=arguments[i];return r=n=Vn(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(o))),n.touchHandled=!1,n.handleMouseDown=function(e){n.props.holdToDisplay>=0&&0===e.button&&(e.persist(),e.stopPropagation(),n.mouseDownTimeoutId=setTimeout((function(){return n.handleContextClick(e)}),n.props.holdToDisplay)),an(n.props.attributes.onMouseDown,e)},n.handleMouseUp=function(e){0===e.button&&clearTimeout(n.mouseDownTimeoutId),an(n.props.attributes.onMouseUp,e)},n.handleMouseOut=function(e){0===e.button&&clearTimeout(n.mouseDownTimeoutId),an(n.props.attributes.onMouseOut,e)},n.handleTouchstart=function(e){n.touchHandled=!1,n.props.holdToDisplay>=0&&(e.persist(),e.stopPropagation(),n.touchstartTimeoutId=setTimeout((function(){n.handleContextClick(e),n.touchHandled=!0}),n.props.holdToDisplay)),an(n.props.attributes.onTouchStart,e)},n.handleTouchEnd=function(e){n.touchHandled&&e.preventDefault(),clearTimeout(n.touchstartTimeoutId),an(n.props.attributes.onTouchEnd,e)},n.handleContextMenu=function(e){n.handleContextClick(e),an(n.props.attributes.onContextMenu,e)},n.handleContextClick=function(e){if(!n.props.disable){e.preventDefault(),e.stopPropagation();var t=e.clientX||e.touches&&e.touches[0].pageX,r=e.clientY||e.touches&&e.touches[0].pageY;n.props.posX&&(t-=n.props.posX),n.props.posY&&(r-=n.props.posY),xn();var a=an(n.props.collect,n.props),o={position:{x:t,y:r},target:n.elem,id:n.props.id,data:a};a&&"function"==typeof a.then?a.then((function(e){o.data=e,En(o)})):En(o)}},n.elemRef=function(e){n.elem=e},Vn(n,r)}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,e),Hn(t,[{key:"render",value:function(){var e=this.props,t=e.renderTag,r=e.attributes,n=e.children,a=nn()({},r,{className:tn()(pn,r.className),onContextMenu:this.handleContextMenu,onMouseDown:this.handleMouseDown,onMouseUp:this.handleMouseUp,onTouchStart:this.handleTouchstart,onTouchEnd:this.handleTouchEnd,onMouseOut:this.handleMouseOut,ref:this.elemRef});return s.a.createElement(t,a,n)}}]),t}(l.Component);Wn.propTypes={id:Jr.a.string.isRequired,children:Jr.a.node.isRequired,attributes:Jr.a.object,collect:Jr.a.func,disable:Jr.a.bool,holdToDisplay:Jr.a.number,posX:Jr.a.number,posY:Jr.a.number,renderTag:Jr.a.oneOfType([Jr.a.node,Jr.a.func])},Wn.defaultProps={attributes:{},collect:function(){return null},disable:!1,holdToDisplay:1e3,renderTag:"div",posX:0,posY:0};var Yn=Wn;Object.assign,function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}}();[].concat(function(e){if(Array.isArray(e)){for(var t=0,r=Array(e.length);t<e.length;t++)r[t]=e[t];return r}return Array.from(e)}(Object.keys(Yn.propTypes)),["children"]);var Xn=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.expandAll=function(){this.props.onExpandAll(!this.props.isExpanded)},t.prototype.render=function(){var e=this,t=this.props.isExpanded?l.createElement(u.a,{icon:V}):l.createElement(u.a,{icon:Y}),r=this.props.isExpanded?l.createElement(u.a,{icon:N}):l.createElement(u.a,{icon:A});return l.createElement("div",{className:"expandableHeader"},l.createElement("div",{className:"text"},l.createElement("div",{className:"arrow icon",onClick:function(){return e.props.onClick()}},t),l.createElement("div",{className:"text-value"},this.props.label)),l.createElement("div",{className:"expandAll icon",onClick:function(){return e.expandAll()},title:this.props.isExpanded?"Collapse all":"Expand all"},r))},t}(l.Component),Kn=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){return l.createElement("div",{className:"expandableHeader"},l.createElement("div",{className:"text"},l.createElement("div",{className:"arrow icon"},l.createElement(u.a,{icon:m})),l.createElement("div",{className:"text-value"},this.props.label)))},t}(l.Component),qn=function(e){function t(t){var r=e.call(this,t)||this;return r.state={isExpanded:!1,mustExpand:!1},r}return a(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 r=e.items;if(r&&r.length&&e.selectedEntity)for(var n=0,a=r;n<a.length;n++){var o=a[n];if(Qr.LookForItem(o,e.selectedEntity))return t.isExpanded=!0,!0}return!0},t.prototype.expandAll=function(e){this.setState({isExpanded:e,mustExpand:e})},t.prototype.renderContextMenu=function(){return this.props.contextMenuItems?l.createElement(Bn,{id:"contextmenu#"+t._ContextMenuUniqueIdGenerator++,className:"context-menu"},this.props.contextMenuItems.map((function(e){return l.createElement(Tn,{onClick:function(){return e.action()},key:e.label},e.label)}))):(t._ContextMenuUniqueIdGenerator++,null)},t.prototype.render=function(){var e=this,r=this.props.items,n={paddingLeft:10*(this.props.offset+.5)+"px"};if(!r){if(!this.props.forceSubitems)return l.createElement("div",{className:"groupContainer",style:n},l.createElement("div",null,this.props.label));r=[]}if(!r.length)return l.createElement("div",{className:"groupContainer",style:n},l.createElement(Yn,{id:"contextmenu#"+t._ContextMenuUniqueIdGenerator},this.renderContextMenu(),l.createElement(Kn,{label:this.props.label})));if(!this.state.isExpanded)return l.createElement("div",{className:"groupContainer",style:n},l.createElement(Yn,{id:"contextmenu#"+t._ContextMenuUniqueIdGenerator},this.renderContextMenu(),l.createElement(Xn,{isExpanded:!1,label:this.props.label,onClick:function(){return e.switchExpandedState()},onExpandAll:function(t){return e.expandAll(t)}})));var a=Qr.SortAndFilter(null,r);return l.createElement("div",null,l.createElement("div",{className:"groupContainer",style:n},l.createElement(Yn,{id:"contextmenu#"+t._ContextMenuUniqueIdGenerator},this.renderContextMenu(),l.createElement(Xn,{isExpanded:this.state.isExpanded,label:this.props.label,onClick:function(){return e.switchExpandedState()},onExpandAll:function(t){return e.expandAll(t)}}))),a.map((function(t){return l.createElement($r,{mustExpand:e.state.mustExpand,extensibilityGroups:e.props.extensibilityGroups,key:void 0!==t.uniqueId&&null!==t.uniqueId?t.uniqueId:t.name,offset:e.props.offset+1,selectedEntity:e.props.selectedEntity,entity:t,globalState:e.props.globalState,filter:e.props.filter})})))},t._ContextMenuUniqueIdGenerator=0,t}(l.Component),Qn=function(){},$n=function(e){function t(t){var r=e.call(this,t)||this;r._posDragEnd=null,r._scaleDragEnd=null,r._rotateDragEnd=null;var n=r.props.scene,a=0;if(n.reservedDataStore&&n.reservedDataStore.gizmoManager){var o=n.reservedDataStore.gizmoManager;o.positionGizmoEnabled?a=1:o.rotationGizmoEnabled?a=2:o.scaleGizmoEnabled?a=3:o.boundingBoxGizmoEnabled&&(a=4)}return r.state={isSelected:!1,isInPickingMode:!1,gizmoMode:a},r}return a(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.componentDidMount=function(){var e=this;if(this.props.onSelectionChangedObservable){var t=this.props.scene;this._onSelectionChangeObserver=this.props.onSelectionChangedObservable.add((function(r){if(e._selectedEntity=r,r&&t.reservedDataStore&&t.reservedDataStore.gizmoManager){var n=t.reservedDataStore.gizmoManager,a=r.getClassName();"TransformNode"===a||-1!==a.indexOf("Mesh")?n.attachToMesh(r):-1!==a.indexOf("Light")?(e._selectedEntity.reservedDataStore&&e._selectedEntity.reservedDataStore.lightGizmo||(e.props.globalState.enableLightGizmo(e._selectedEntity,!0),e.forceUpdate()),n.attachToMesh(e._selectedEntity.reservedDataStore.lightGizmo.attachedMesh)):n.attachToMesh(null)}}))}},t.prototype.componentWillUnmount=function(){var e=this.props.scene;this._onPointerObserver&&(e.onPointerObservable.remove(this._onPointerObserver),this._onPointerObserver=null),this._gizmoLayerOnPointerObserver&&(e.onPointerObservable.remove(this._gizmoLayerOnPointerObserver),this._gizmoLayerOnPointerObserver=null),this._onSelectionChangeObserver&&this.props.onSelectionChangedObservable&&this.props.onSelectionChangedObservable.remove(this._onSelectionChangeObserver)},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 r=t.unTranslatedPointer,n=t.pick(r.x,r.y,(function(e){return e.isEnabled()&&e.isVisible&&e.getTotalVertices()>0}),!1,void 0,(function(t,r,n,a){if(!e.props.globalState.ignoreBackfacesForPicking)return!0;var o=c.TmpVectors.Vector3[0],i=c.TmpVectors.Vector3[1],l=c.TmpVectors.Vector3[2];return r.subtractToRef(t,o),n.subtractToRef(r,i),l=c.Vector3.Cross(o,i),c.Vector3.Dot(l,a.direction)<0}));if(e.props.globalState.lightGizmos.length>0){var a=e.props.globalState.lightGizmos[0].gizmoLayer.utilityLayerScene.pick(r.x,r.y,(function(t){for(var r=0,n=e.props.globalState.lightGizmos;r<n.length;r++){if(n[r].attachedMesh==t)return!0}return!1}));if(a&&a.hit&&e.props.onSelectionChangedObservable)return void e.props.onSelectionChangedObservable.notifyObservers(a.pickedMesh)}n&&n.hit&&e.props.onSelectionChangedObservable&&e.props.onSelectionChangedObservable.notifyObservers(n.pickedMesh)}),c.PointerEventTypes.POINTERTAP)),this.setState({isInPickingMode:!this.state.isInPickingMode})},t.prototype.setGizmoMode=function(e){var t=this,r=this.props.scene;r.reservedDataStore||(r.reservedDataStore={}),this._gizmoLayerOnPointerObserver&&(r.onPointerObservable.remove(this._gizmoLayerOnPointerObserver),this._gizmoLayerOnPointerObserver=null),r.reservedDataStore.gizmoManager||(r.reservedDataStore.gizmoManager=new c.GizmoManager(r));var n=r.reservedDataStore.gizmoManager;if(this._gizmoLayerOnPointerObserver=c.UtilityLayerRenderer.DefaultUtilityLayer.utilityLayerScene.onPointerObservable.add((function(e){if(e.type==c.PointerEventTypes.POINTERDOWN&&e.pickInfo&&e.pickInfo.pickedMesh){for(var r=e.pickInfo.pickedMesh;r&&null!=r.parent;)r=r.parent;for(var a=0,o=t.props.globalState.lightGizmos;a<o.length;a++){var i=o[a];i._rootMesh==r&&n.attachToMesh(i.attachedMesh)}}})),n.boundingBoxGizmoEnabled=!1,n.positionGizmoEnabled=!1,n.rotationGizmoEnabled=!1,n.scaleGizmoEnabled=!1,this.state.gizmoMode===e)e=0,n.dispose(),r.reservedDataStore.gizmoManager=null;else{switch(e){case 1:n.positionGizmoEnabled=!0,this._posDragEnd||(this._posDragEnd=n.gizmos.positionGizmo.onDragEndObservable.add((function(){if(n.gizmos.positionGizmo&&n.gizmos.positionGizmo.attachedMesh){var e=n.gizmos.positionGizmo.attachedMesh.reservedDataStore?n.gizmos.positionGizmo.attachedMesh.reservedDataStore.lightGizmo:null,r=e&&e.light?e.light:n.gizmos.positionGizmo.attachedMesh;if(r.position){var a=new Qn;a.object=r,a.property="position",a.value=r.position,t.props.globalState.onPropertyChangedObservable.notifyObservers(a)}}})));break;case 2:n.rotationGizmoEnabled=!0,this._rotateDragEnd||(this._rotateDragEnd=n.gizmos.rotationGizmo.onDragEndObservable.add((function(){if(n.gizmos.rotationGizmo&&n.gizmos.rotationGizmo.attachedMesh){var e=n.gizmos.rotationGizmo.attachedMesh.reservedDataStore?n.gizmos.rotationGizmo.attachedMesh.reservedDataStore.lightGizmo:null,r=e&&e.light?e.light:n.gizmos.rotationGizmo.attachedMesh;if(r.rotationQuaternion)(a=new Qn).object=r,a.property="rotationQuaternion",a.value=r.rotationQuaternion,t.props.globalState.onPropertyChangedObservable.notifyObservers(a);else if(r.rotation){(a=new Qn).object=r,a.property="rotation",a.value=r.rotation,t.props.globalState.onPropertyChangedObservable.notifyObservers(a)}else if(r.direction){var a;(a=new Qn).object=r,a.property="direction",a.value=r.direction,t.props.globalState.onPropertyChangedObservable.notifyObservers(a)}}})));break;case 3:n.scaleGizmoEnabled=!0,this._scaleDragEnd||(this._scaleDragEnd=n.gizmos.scaleGizmo.onDragEndObservable.add((function(){if(n.gizmos.scaleGizmo&&n.gizmos.scaleGizmo.attachedMesh){var e=n.gizmos.scaleGizmo.attachedMesh.reservedDataStore?n.gizmos.scaleGizmo.attachedMesh.reservedDataStore.lightGizmo:null,r=e&&e.light?e.light:n.gizmos.scaleGizmo.attachedMesh;if(r.scaling){var a=new Qn;a.object=r,a.property="scaling",a.value=r.scaling,t.props.globalState.onPropertyChangedObservable.notifyObservers(a)}}})));break;case 4:n.boundingBoxGizmoEnabled=!0,n.gizmos.boundingBoxGizmo&&(n.gizmos.boundingBoxGizmo.fixedDragMeshScreenSize=!0)}if(this._selectedEntity&&this._selectedEntity.getClassName){var a=this._selectedEntity.getClassName();"TransformNode"===a||-1!==a.indexOf("Mesh")?n.attachToMesh(this._selectedEntity):-1!==a.indexOf("Light")&&(this._selectedEntity.reservedDataStore&&this._selectedEntity.reservedDataStore.lightGizmo||(this.props.globalState.enableLightGizmo(this._selectedEntity,!0),this.forceUpdate()),n.attachToMesh(this._selectedEntity.reservedDataStore.lightGizmo.attachedMesh))}}this.setState({gizmoMode:e})},t.prototype.render=function(){var e=this;return l.createElement("div",{className:this.state.isSelected?"itemContainer selected":"itemContainer"},l.createElement("div",{className:"sceneNode"},l.createElement("div",{className:"sceneTitle",onClick:function(){return e.onSelect()}},l.createElement(u.a,{icon:G})," Scene"),l.createElement("div",{className:1===this.state.gizmoMode?"translation selected icon":"translation icon",onClick:function(){return e.setGizmoMode(1)},title:"Enable/Disable position mode"},l.createElement(u.a,{icon:f})),l.createElement("div",{className:2===this.state.gizmoMode?"rotation selected icon":"rotation icon",onClick:function(){return e.setGizmoMode(2)},title:"Enable/Disable rotation mode"},l.createElement(u.a,{icon:K})),l.createElement("div",{className:3===this.state.gizmoMode?"scaling selected icon":"scaling icon",onClick:function(){return e.setGizmoMode(3)},title:"Enable/Disable scaling mode"},l.createElement(u.a,{icon:N})),l.createElement("div",{className:4===this.state.gizmoMode?"bounding selected icon":"bounding icon",onClick:function(){return e.setGizmoMode(4)},title:"Enable/Disable bounding box mode"},l.createElement(u.a,{icon:re})),l.createElement("div",{className:"separator"}),l.createElement("div",{className:this.state.isInPickingMode?"pickingMode selected icon":"pickingMode icon",onClick:function(){return e.onPickingMode()},title:"Turn picking mode on/off"},l.createElement(u.a,{icon:T})),l.createElement("div",{className:"refresh icon",onClick:function(){return e.props.onRefresh()},title:"Refresh the explorer"},l.createElement(u.a,{icon:Z})),l.createElement(Mr,{target:this.props.scene,extensibilityGroups:this.props.extensibilityGroups})))},t}(l.Component);r(273);var Zn=function(e){function t(t){return e.call(this,t)||this}return a(t,e),t.prototype.render=function(){var e=this;return l.createElement("div",{className:"filter"},l.createElement("input",{type:"text",placeholder:"Filter",onChange:function(t){return e.props.onFilter(t.target.value)}}))},t}(l.Component),Jn=function(e){function t(t){var r=e.call(this,t)||this;return r._once=!0,r._hooked=!1,r.state={filter:null,selectedEntity:null,scene:r.props.scene},r.sceneMutationFunc=r.processMutation.bind(r),r.sceneExplorerRef=l.createRef(),r._onNewSceneObserver=r.props.globalState.onNewSceneObservable.add((function(e){r.setState({scene:e})})),r}return a(t,e),t.prototype.processMutation=function(){var e=this;this.props.globalState.blockMutationUpdates||setTimeout((function(){return e.forceUpdate()}))},t.prototype.componentDidMount=function(){var e=this;this._onSelectionChangeObserver=this.props.globalState.onSelectionChangedObservable.add((function(t){e.state.selectedEntity!==t&&e.setState({selectedEntity:t})})),this._onSelectionRenamedObserver=this.props.globalState.onSelectionRenamedObservable.add((function(){e.forceUpdate()}))},t.prototype.componentWillUnmount=function(){this._onSelectionChangeObserver&&this.props.globalState.onSelectionChangedObservable.remove(this._onSelectionChangeObserver),this._onSelectionRenamedObserver&&this.props.globalState.onSelectionRenamedObservable.remove(this._onSelectionRenamedObserver),this._onNewSceneAddedObserver&&c.EngineStore.LastCreatedEngine.onNewSceneAddedObservable.remove(this._onNewSceneAddedObserver),this._onNewSceneObserver&&this.props.globalState.onNewSceneObservable.remove(this._onNewSceneObserver);var e=this.state.scene;e.onNewSkeletonAddedObservable.removeCallback(this.sceneMutationFunc),e.onNewCameraAddedObservable.removeCallback(this.sceneMutationFunc),e.onNewLightAddedObservable.removeCallback(this.sceneMutationFunc),e.onNewMaterialAddedObservable.removeCallback(this.sceneMutationFunc),e.onNewMeshAddedObservable.removeCallback(this.sceneMutationFunc),e.onNewTextureAddedObservable.removeCallback(this.sceneMutationFunc),e.onNewTransformNodeAddedObservable.removeCallback(this.sceneMutationFunc),e.onSkeletonRemovedObservable.removeCallback(this.sceneMutationFunc),e.onMeshRemovedObservable.removeCallback(this.sceneMutationFunc),e.onCameraRemovedObservable.removeCallback(this.sceneMutationFunc),e.onLightRemovedObservable.removeCallback(this.sceneMutationFunc),e.onMaterialRemovedObservable.removeCallback(this.sceneMutationFunc),e.onTransformNodeRemovedObservable.removeCallback(this.sceneMutationFunc),e.onTextureRemovedObservable.removeCallback(this.sceneMutationFunc)},t.prototype.filterContent=function(e){this.setState({filter:e})},t.prototype.findSiblings=function(e,t,r,n,a){if(!t)return!1;var o=Qr.SortAndFilter(e,t);if(!t||0===o.length)return!1;for(var i=0,l=o;i<l.length;i++){var s=l[i];if(s===r){if(a.found=!0,!n)return a.previousOne&&this.props.globalState.onSelectionChangedObservable.notifyObservers(a.previousOne),!0}else{if(a.found)return this.props.globalState.onSelectionChangedObservable.notifyObservers(s),!0;a.previousOne=s}if(s.getChildren&&s.reservedDataStore&&s.reservedDataStore.isExpanded&&this.findSiblings(s,s.getChildren(),r,n,a))return!0}return!1},t.prototype.processKeys=function(e){if(this.state.selectedEntity){var t=this.state.scene,r=!1,n=!1;if(38===e.keyCode)r=!0;else if(40===e.keyCode)n=!0,r=!0;else{var a;if(13===e.keyCode||39===e.keyCode)return(a=this.state.selectedEntity.reservedDataStore)&&a.setExpandedState&&a.setExpandedState(!0),void e.preventDefault();if(37===e.keyCode)return(a=this.state.selectedEntity.reservedDataStore)&&a.setExpandedState&&a.setExpandedState(!1),void e.preventDefault()}if(r){e.preventDefault();var o={};this.findSiblings(null,t.rootNodes,this.state.selectedEntity,n,o)||this.findSiblings(null,t.materials,this.state.selectedEntity,n,o)||this.findSiblings(null,t.textures,this.state.selectedEntity,n,o)}}},t.prototype.renderContent=function(){var e=this,t=this.state.scene;if(!t)return this._onNewSceneAddedObserver=c.EngineStore.LastCreatedEngine.onNewSceneAddedObservable.addOnce((function(t){return e.setState({scene:t})})),null;this._hooked||(this._hooked=!0,t.onNewSkeletonAddedObservable.add(this.sceneMutationFunc),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.onSkeletonRemovedObservable.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));var r=t.textures.filter((function(e){return"AdvancedDynamicTexture"===e.getClassName()})),n=t.textures.filter((function(e){return"AdvancedDynamicTexture"!==e.getClassName()})),a=t.postProcesses,o=t.postProcessRenderPipelineManager.supportedPipelines,i=[];t.activeCamera&&(o.some((function(e){return"DefaultRenderingPipeline"===e.getClassName()}))||i.push({label:"Add new Default Rendering Pipeline",action:function(){var r=new c.DefaultRenderingPipeline("Default rendering pipeline",!0,t,[t.activeCamera]);e.props.globalState.onSelectionChangedObservable.notifyObservers(r)}}),o.some((function(e){return"SSAORenderingPipeline"===e.getClassName()}))||i.push({label:"Add new SSAO Rendering Pipeline",action:function(){var r=new c.SSAORenderingPipeline("SSAO rendering pipeline",t,1,[t.activeCamera]);e.props.globalState.onSelectionChangedObservable.notifyObservers(r)}}),t.getEngine().webGLVersion>1&&!o.some((function(e){return"SSAORenderingPipeline"===e.getClassName()}))&&i.push({label:"Add new SSAO2 Rendering Pipeline",action:function(){var r=new c.SSAO2RenderingPipeline("SSAO2 rendering pipeline",t,1,[t.activeCamera]);e.props.globalState.onSelectionChangedObservable.notifyObservers(r)}}));var s=[];s.push({label:"Add new point light",action:function(){var r=new c.PointLight("point light",c.Vector3.Zero(),t);e.props.globalState.onSelectionChangedObservable.notifyObservers(r)}}),s.push({label:"Add new directional light",action:function(){var r=new c.DirectionalLight("directional light",new c.Vector3(-1,-1,-.5),t);e.props.globalState.onSelectionChangedObservable.notifyObservers(r)}}),s.push({label:"Add new free camera",action:function(){var r=new c.FreeCamera("free camera",t.activeCamera?t.activeCamera.globalPosition:new c.Vector3(0,0,-5),t);e.props.globalState.onSelectionChangedObservable.notifyObservers(r)}});var p=[];p.push({label:"Add new standard material",action:function(){var r=new c.StandardMaterial("Standard material",t);e.props.globalState.onSelectionChangedObservable.notifyObservers(r)}}),p.push({label:"Add new PBR material",action:function(){var r=new c.PBRMaterial("PBR material",t);e.props.globalState.onSelectionChangedObservable.notifyObservers(r)}}),p.push({label:"Add new node material",action:function(){var r=new c.NodeMaterial("node material",t);r.setToDefault(),r.build(),e.props.globalState.onSelectionChangedObservable.notifyObservers(r)}});var u=[];u.push.apply(u,t.materials),t.multiMaterials&&t.multiMaterials.length&&u.push.apply(u,t.multiMaterials);var d=[];d.push({label:"Add new sprite manager",action:function(){var r=new c.SpriteManager("Default sprite manager","//playground.babylonjs.com/textures/player.png",500,64,t);e.props.globalState.onSelectionChangedObservable.notifyObservers(r)}});var h=[];return h.push({label:"Add new CPU particle system",action:function(){var r=c.ParticleHelper.CreateDefault(c.Vector3.Zero(),1e4,t);r.name="CPU particle system",r.start(),e.props.globalState.onSelectionChangedObservable.notifyObservers(r)}}),c.GPUParticleSystem.IsSupported&&h.push({label:"Add new GPU particle system",action:function(){var r=c.ParticleHelper.CreateDefault(c.Vector3.Zero(),1e4,t,!0);r.name="GPU particle system",r.start(),e.props.globalState.onSelectionChangedObservable.notifyObservers(r)}}),l.createElement("div",{id:"tree",onContextMenu:function(e){return e.preventDefault()}},l.createElement(Zn,{onFilter:function(t){return e.filterContent(t)}}),l.createElement($n,{globalState:this.props.globalState,extensibilityGroups:this.props.extensibilityGroups,selectedEntity:this.state.selectedEntity,scene:t,onRefresh:function(){return e.forceUpdate()},onSelectionChangedObservable:this.props.globalState.onSelectionChangedObservable}),l.createElement(qn,{globalState:this.props.globalState,contextMenuItems:s,extensibilityGroups:this.props.extensibilityGroups,selectedEntity:this.state.selectedEntity,items:t.rootNodes,label:"Nodes",offset:1,filter:this.state.filter}),t.skeletons.length>0&&l.createElement(qn,{globalState:this.props.globalState,extensibilityGroups:this.props.extensibilityGroups,selectedEntity:this.state.selectedEntity,items:t.skeletons,label:"Skeletons",offset:1,filter:this.state.filter}),l.createElement(qn,{globalState:this.props.globalState,extensibilityGroups:this.props.extensibilityGroups,selectedEntity:this.state.selectedEntity,items:u,contextMenuItems:p,label:"Materials",offset:1,filter:this.state.filter}),l.createElement(qn,{globalState:this.props.globalState,extensibilityGroups:this.props.extensibilityGroups,selectedEntity:this.state.selectedEntity,items:n,label:"Textures",offset:1,filter:this.state.filter}),a.length>0&&l.createElement(qn,{globalState:this.props.globalState,extensibilityGroups:this.props.extensibilityGroups,selectedEntity:this.state.selectedEntity,items:a,label:"Post-processes",offset:1,filter:this.state.filter}),l.createElement(qn,{globalState:this.props.globalState,extensibilityGroups:this.props.extensibilityGroups,contextMenuItems:i,selectedEntity:this.state.selectedEntity,items:o,label:"Rendering pipelines",offset:1,filter:this.state.filter}),l.createElement(qn,{globalState:this.props.globalState,contextMenuItems:h,extensibilityGroups:this.props.extensibilityGroups,selectedEntity:this.state.selectedEntity,items:t.particleSystems,label:"Particle systems",offset:1,filter:this.state.filter}),l.createElement(qn,{globalState:this.props.globalState,contextMenuItems:d,forceSubitems:!0,extensibilityGroups:this.props.extensibilityGroups,selectedEntity:this.state.selectedEntity,items:t.spriteManagers,label:"Sprite managers",offset:1,filter:this.state.filter}),r&&r.length>0&&l.createElement(qn,{globalState:this.props.globalState,extensibilityGroups:this.props.extensibilityGroups,selectedEntity:this.state.selectedEntity,items:r,label:"GUI",offset:1,filter:this.state.filter}),t.animationGroups.length>0&&l.createElement(qn,{globalState:this.props.globalState,extensibilityGroups:this.props.extensibilityGroups,selectedEntity:this.state.selectedEntity,items:t.animationGroups,label:"Animation groups",offset:1,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;return this.props.popupMode?l.createElement("div",{id:"sceneExplorer"},!this.props.noHeader&&l.createElement(mr,{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()):(this._once&&(this._once=!1,setTimeout((function(){var e=document.getElementById("sceneExplorer");e&&(e.style.width="300px")}),150)),l.createElement(ge.a,{tabIndex:-1,id:"sceneExplorer",ref:this.sceneExplorerRef,size:{height:"100%"},minWidth:300,maxWidth:600,minHeight:"100%",enable:{top:!1,right:!0,bottom:!1,left:!1,topRight:!1,bottomRight:!1,bottomLeft:!1,topLeft:!1},onKeyDown:function(t){return e.processKeys(t)}},!this.props.noHeader&&l.createElement(mr,{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}(l.Component),ea=r(275).default;r(276);var ta=function(e){function t(t){var r=e.call(this,t)||this;return r._once=!0,r.splitRef=l.createRef(),r.topPartRef=l.createRef(),r.bottomPartRef=l.createRef(),r}return a(t,e),t.prototype.componentDidMount=function(){this.splitRef.current&&ea([this.topPartRef.current,this.bottomPartRef.current],{direction:"vertical",minSize:[200,200],gutterSize:4})},t.prototype.renderContent=function(){return this.props.popupMode?l.createElement("div",{id:"split",className:"splitPopup"},l.createElement("div",{id:"topPart"},l.createElement(Jn,{scene:this.props.scene,extensibilityGroups:this.props.extensibilityGroups,popupMode:!0,globalState:this.props.globalState,noHeader:!0})),l.createElement("div",{id:"separator"}),l.createElement("div",{id:"bottomPart",style:{marginTop:"4px",overflow:"hidden"}},l.createElement(Pr,{scene:this.props.scene,popupMode:!0,globalState:this.props.globalState,noHeader:!0,initialTab:this.props.initialTab}))):l.createElement("div",{ref:this.splitRef,id:"split",className:"noPopup"},l.createElement("div",{id:"topPart",ref:this.topPartRef},l.createElement(Jn,{scene:this.props.scene,extensibilityGroups:this.props.extensibilityGroups,globalState:this.props.globalState,popupMode:!0,noHeader:!0})),l.createElement("div",{id:"bottomPart",ref:this.bottomPartRef,style:{marginTop:"4px",overflow:"hidden"}},l.createElement(Pr,{scene:this.props.scene,globalState:this.props.globalState,popupMode:!0,noHeader:!0,initialTab:this.props.initialTab})))},t.prototype.render=function(){var e=this;return this.props.popupMode?l.createElement("div",{id:"embed"},l.createElement(mr,{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)),l.createElement(ge.a,{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}},l.createElement(mr,{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}(l.Component),ra=function(){function e(){}return e.prototype.reset=function(){this._recordedCodeLines=[],this._previousObject=null,this._previousProperty=""},e.prototype._getIndirectData=function(e){if(!e.getClassName)return e;var t=e.getClassName().toLowerCase();return e.id?"Scene"===t?t="scene":t.indexOf("camera")>-1?t='scene.getCameraByID("'+e.id+'")':t.indexOf("mesh")>-1?t='scene.getMeshByID("'+e.id+'")':t.indexOf("light")>-1?t='scene.getLightByID("'+e.id+'")':"transformnode"===t?t='scene.getTransformNodeByID("'+e.id+'")':"skeleton"===t?t='scene.getSkeletonById("'+e.id+'")':t.indexOf("material")>-1?t='scene.getMaterialByID("'+e.id+'")':t.indexOf("particle")>-1&&(t='scene.getParticleSystemById("'+e.id+'")'):t="new BABYLON."+e.getClassName()+"()",t},e.prototype.recordCode=function(e){this._recordedCodeLines||(this._recordedCodeLines=[]);var t=this._getIndirectData(e.object);this._recordedCodeLines.push(e.code.replace(/TARGET/g,t))},e.prototype.record=function(e){this._recordedCodeLines||(this._recordedCodeLines=[]),this._previousObject===e.object&&this._previousProperty===e.property&&this._recordedCodeLines.pop();var t=e.value;(!e.allowNullValue||e.allowNullValue&&null!==t)&&(void 0!==t.w?t="new BABYLON.Quaternion("+t.x+", "+t.y+", "+t.z+", "+t.w+")":void 0!==t.z?t="new BABYLON.Vector3("+t.x+", "+t.y+", "+t.z+")":void 0!==t.y?t="new BABYLON.Vector2("+t.x+", "+t.y+")":void 0!==t.a?(t="new BABYLON.Color4("+t.r+", "+t.g+", "+t.b+", "+t.a+")",e.object._isLinearColor&&(t+=".toLinearSpace()")):void 0!==t.b?(t="new BABYLON.Color3("+t.r+", "+t.g+", "+t.b+")",e.object._isLinearColor&&(t+=".toLinearSpace()")):t.getClassName&&(t=this._getIndirectData(t)));var r=this._getIndirectData(e.object);this._recordedCodeLines.push(r+"."+e.property+" = "+t+";"),this._previousObject=e.object,this._previousProperty=e.property},e.prototype.export=function(){var e="// Code generated by babylon.js Inspector\r\n// Please keep in mind to define the 'scene' variable before using that code\r\n\r\n";this._recordedCodeLines&&(e+=this._recordedCodeLines.join("\r\n")),c.Tools.Download(new Blob([e]),"pseudo-code.txt")},e}(),na=function(){function e(){this.onCodeChangedObservable=new c.Observable,this.onInspectorClosedObservable=new c.Observable,this.onTabChangedObservable=new c.Observable,this.onSelectionRenamedObservable=new c.Observable,this.onNewSceneObservable=new c.Observable,this.sceneImportDefaults={},this.validationResults=null,this.onValidationResultsUpdatedObservable=new c.Observable,this.glTFLoaderExtensionDefaults={},this.glTFLoaderDefaults={validate:!0},this.blockMutationUpdates=!1,this.selectedLineContainerTitles=[],this.recorder=new ra,this._onlyUseEulers=null,this._ignoreBackfacesForPicking=null,this.lightGizmos=[]}return Object.defineProperty(e.prototype,"onlyUseEulers",{get:function(){return null===this._onlyUseEulers&&(this._onlyUseEulers=c.DataStorage.ReadBoolean("settings_onlyUseEulers",!0)),this._onlyUseEulers},set:function(e){this._onlyUseEulers=e,c.DataStorage.WriteBoolean("settings_onlyUseEulers",e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"ignoreBackfacesForPicking",{get:function(){return null===this._ignoreBackfacesForPicking&&(this._ignoreBackfacesForPicking=c.DataStorage.ReadBoolean("settings_ignoreBackfacesForPicking",!1)),this._ignoreBackfacesForPicking},set:function(e){this._ignoreBackfacesForPicking=e,c.DataStorage.WriteBoolean("settings_ignoreBackfacesForPicking",e)},enumerable:!0,configurable:!0}),e.prototype.init=function(e){var t=this;this.onPropertyChangedObservable=e,e.add((function(e){t.recorder.record(e),"name"===e.property&&t.onSelectionRenamedObservable.notifyObservers()})),this.onCodeChangedObservable.add((function(e){t.recorder.recordCode(e)}))},e.prototype.prepareGLTFPlugin=function(e){var t=this,r=this.glTFLoaderDefaults;if(void 0!==r)for(var n in r)e[n]=r[n];e.onExtensionLoadedObservable.add((function(e){var r=t.glTFLoaderExtensionDefaults[e.name];if(void 0!==r)for(var n in r)e[n]=r[n]})),this.validationResults&&(this.validationResults=null,this.onValidationResultsUpdatedObservable.notifyObservers(null)),e.onValidatedObservable.add((function(e){t.validationResults=e,t.onValidationResultsUpdatedObservable.notifyObservers(e),(e.issues.numErrors||e.issues.numWarnings)&&t.onTabChangedObservable.notifyObservers(3)}))},e.prototype.enableLightGizmo=function(e,t){void 0===t&&(t=!0),t?(e.reservedDataStore||(e.reservedDataStore={}),e.reservedDataStore.lightGizmo||(e.reservedDataStore.lightGizmo=new c.LightGizmo,this.lightGizmos.push(e.reservedDataStore.lightGizmo),e.reservedDataStore.lightGizmo.light=e,e.reservedDataStore.lightGizmo.material.reservedDataStore={hidden:!0})):e.reservedDataStore&&e.reservedDataStore.lightGizmo&&(this.lightGizmos.splice(this.lightGizmos.indexOf(e.reservedDataStore.lightGizmo),1),e.reservedDataStore.lightGizmo.dispose(),e.reservedDataStore.lightGizmo=null)},e}(),aa=function(){function e(){}return e.MarkLineContainerTitleForHighlighting=function(e){this._GlobalState.selectedLineContainerTitles=[],this._GlobalState.selectedLineContainerTitles.push(e)},e.MarkMultipleLineContainerTitlesForHighlighting=function(e){var t;this._GlobalState.selectedLineContainerTitles=[],(t=this._GlobalState.selectedLineContainerTitles).push.apply(t,e)},e._CopyStyles=function(e,t){for(var r=0;r<e.styleSheets.length;r++){var n=e.styleSheets[r];try{if(n.cssRules){for(var a=e.createElement("style"),o=0,i=n.cssRules;o<i.length;o++){var l=i[o];a.appendChild(e.createTextNode(l.cssText))}t.head.appendChild(a)}else if(n.href){var s=e.createElement("link");s.rel="stylesheet",s.href=n.href,t.head.appendChild(s)}}catch(e){console.log(e)}}},e._CreateSceneExplorer=function(t,r,n){var a=this;if(r.original&&(r={original:!1,popup:r.popup,overlay:r.overlay,showExplorer:r.showExplorer,showInspector:r.showInspector,embedMode:r.embedMode,handleResize:r.handleResize,enablePopup:r.enablePopup,enableClose:r.enableClose,explorerExtensibility:r.explorerExtensibility}),n&&(this._SceneExplorerHost=n.ownerDocument.createElement("div"),this._SceneExplorerHost.id="scene-explorer-host",this._SceneExplorerHost.style.width=r.explorerWidth||"auto",r.popup?n.appendChild(this._SceneExplorerHost):n.insertBefore(this._SceneExplorerHost,this._NewCanvasContainer),r.overlay||(this._SceneExplorerHost.style.position="relative")),this._SceneExplorerHost){this._OpenedPane++;var o=l.createElement(Jn,{scene:t,globalState:this._GlobalState,extensibilityGroups:r.explorerExtensibility,noClose:!r.enableClose,noExpand:!r.enablePopup,popupMode:r.popup,onPopup:function(){p.unmountComponentAtNode(a._SceneExplorerHost),a._RemoveElementFromDOM(a._SceneExplorerHost),r.popup&&a._SceneExplorerWindow.close(),r.popup=!r.popup,r.showExplorer=!0,r.showInspector=!1,r.explorerWidth=r.popup?"100%":"300px",e.Show(t,r)},onClose:function(){p.unmountComponentAtNode(a._SceneExplorerHost),e._OpenedPane--,a._RemoveElementFromDOM(a._SceneExplorerHost),a._Cleanup(),r.popup&&a._SceneExplorerWindow.close()}});p.render(o,this._SceneExplorerHost)}},e._CreateActionTabs=function(t,r,n){var a=this;if(r.original=!1,n){var o=n.ownerDocument.createElement("div");o.id="inspector-host",o.style.width=r.inspectorWidth||"auto",n.appendChild(o),this._ActionTabsHost=o,r.overlay||(this._ActionTabsHost.style.position="relative")}if(this._ActionTabsHost){this._OpenedPane++;var i=l.createElement(Pr,{globalState:this._GlobalState,scene:t,noClose:!r.enableClose,noExpand:!r.enablePopup,popupMode:r.popup,onPopup:function(){p.unmountComponentAtNode(a._ActionTabsHost),a._RemoveElementFromDOM(a._ActionTabsHost),r.popup&&a._ActionTabsWindow.close(),r.popup=!r.popup,r.showExplorer=!1,r.showInspector=!0,r.inspectorWidth=r.popup?"100%":"300px",e.Show(t,r)},onClose:function(){p.unmountComponentAtNode(a._ActionTabsHost),e._OpenedPane--,a._Cleanup(),a._RemoveElementFromDOM(a._ActionTabsHost),r.popup&&a._ActionTabsWindow.close()},initialTab:r.initialTab});p.render(i,this._ActionTabsHost)}},e._CreateEmbedHost=function(t,r,n,a){var o=this;if(n){var i=n.ownerDocument.createElement("div");i.id="embed-host",i.style.width=r.embedHostWidth||"auto",n.appendChild(i),this._EmbedHost=i,r.overlay||(this._EmbedHost.style.position="relative")}if(this._EmbedHost){this._OpenedPane++;var s=l.createElement(ta,{globalState:this._GlobalState,scene:t,extensibilityGroups:r.explorerExtensibility,noExpand:!r.enablePopup,noClose:!r.enableClose,popupMode:r.popup,onPopup:function(){p.unmountComponentAtNode(o._EmbedHost),r.popup&&o._EmbedHostWindow.close(),o._RemoveElementFromDOM(o._EmbedHost),r.popup=!r.popup,r.embedMode=!0,r.showExplorer=!0,r.showInspector=!0,r.embedHostWidth=r.popup?"100%":"auto",e.Show(t,r)},onClose:function(){p.unmountComponentAtNode(o._EmbedHost),o._OpenedPane=0,o._Cleanup(),o._RemoveElementFromDOM(o._EmbedHost),r.popup&&o._EmbedHostWindow.close()},initialTab:r.initialTab});p.render(s,this._EmbedHost)}},e._CreatePopup=function(e,t,r,n){void 0===r&&(r=300),void 0===n&&(n=800);var a={width:r,height:n,top:(window.innerHeight-r)/2+window.screenY,left:(window.innerWidth-n)/2+window.screenX},o=Object.keys(a).map((function(e){return e+"="+a[e]})).join(","),i=window.open("",e,o);if(!i)return null;var l=i.document;l.title=e,l.body.style.width="100%",l.body.style.height="100%",l.body.style.margin="0",l.body.style.padding="0";var s=l.createElement("div");return s.style.width="100%",s.style.height="100%",s.style.margin="0",s.style.padding="0",i.document.body.appendChild(s),this._CopyStyles(window.document,l),this[t]=i,s},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=c.SceneLoader.OnPluginActivatedObservable.add((function(t){var r=t;"gltf"===r.name&&e._GlobalState.prepareGLTFPlugin(r)})))},e.Show=function(t,r){var n=o({original:!0,popup:!1,overlay:!1,showExplorer:!0,showInspector:!0,embedMode:!1,enableClose:!0,handleResize:!0,enablePopup:!0},r);this._GlobalState.onPropertyChangedObservable||this._GlobalState.init(this.OnPropertyChangedObservable),this._GlobalState.onSelectionChangedObservable||(this._GlobalState.onSelectionChangedObservable=this.OnSelectionChangeObservable),this.IsVisible&&n.original&&this.Hide(),t||(t=c.EngineStore.LastCreatedScene),this._Scene=t;var a=t?t.getEngine().getInputElement():c.EngineStore.LastCreatedEngine.getInputElement();if(n.embedMode&&n.showExplorer&&n.showInspector)if(n.popup)this._CreateEmbedHost(t,n,this._CreatePopup("INSPECTOR","_EmbedHostWindow"),e.OnSelectionChangeObservable);else{var i=n.globalRoot?n.globalRoot:a.parentElement;n.overlay||this._NewCanvasContainer?!n.overlay&&this._NewCanvasContainer&&this._NewCanvasContainer.parentElement&&(i=this._NewCanvasContainer.parentElement):this._CreateCanvasContainer(i),this._NewCanvasContainer&&n.handleResize&&t&&(this._OnBeforeRenderObserver=t.onBeforeRenderObservable.add((function(){t.getEngine().resize()}))),this._CreateEmbedHost(t,n,i,e.OnSelectionChangeObservable)}else if(n.popup)n.showExplorer&&(this._SceneExplorerHost&&(this._SceneExplorerHost.style.width="0"),this._CreateSceneExplorer(t,n,this._CreatePopup("SCENE EXPLORER","_SceneExplorerWindow"))),n.showInspector&&(this._ActionTabsHost&&(this._ActionTabsHost.style.width="0"),this._CreateActionTabs(t,n,this._CreatePopup("INSPECTOR","_ActionTabsWindow")));else{i=n.globalRoot?n.globalRoot:a.parentElement;n.overlay||this._NewCanvasContainer?!n.overlay&&this._NewCanvasContainer&&this._NewCanvasContainer.parentElement&&(i=this._NewCanvasContainer.parentElement):this._CreateCanvasContainer(i),this._NewCanvasContainer&&n.handleResize&&t&&(this._OnBeforeRenderObserver=t.onBeforeRenderObservable.add((function(){t.getEngine().resize()}))),n.showExplorer&&this._CreateSceneExplorer(t,n,i),n.showInspector&&this._CreateActionTabs(t,n,i)}},e._SetNewScene=function(e){this._Scene=e,this._GlobalState.onNewSceneObservable.notifyObservers(e)},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(){var t=this;0===e._OpenedPane&&(this._GlobalState.lightGizmos.forEach((function(e){e.light&&t._GlobalState.enableLightGizmo(e.light,!1)})),this._Scene&&this._Scene.reservedDataStore&&this._Scene.reservedDataStore.gizmoManager&&(this._Scene.reservedDataStore.gizmoManager.dispose(),this._Scene.reservedDataStore.gizmoManager=null),this._NewCanvasContainer&&this._DestroyCanvasContainer(),this._OnBeforeRenderObserver&&this._Scene&&(this._Scene.onBeforeRenderObservable.remove(this._OnBeforeRenderObserver),this._OnBeforeRenderObserver=null,this._Scene.getEngine().resize()),this._GlobalState.onInspectorClosedObservable.notifyObservers(this._Scene))},e._RemoveElementFromDOM=function(e){e&&e.parentElement&&e.parentElement.removeChild(e)},e.Hide=function(){this._ActionTabsHost&&(p.unmountComponentAtNode(this._ActionTabsHost),this._RemoveElementFromDOM(this._ActionTabsHost),this._ActionTabsHost=null),this._SceneExplorerHost&&(p.unmountComponentAtNode(this._SceneExplorerHost),this._SceneExplorerHost.parentElement&&this._SceneExplorerHost.parentElement.removeChild(this._SceneExplorerHost),this._SceneExplorerHost=null),this._EmbedHost&&(p.unmountComponentAtNode(this._EmbedHost),this._EmbedHost.parentElement&&this._EmbedHost.parentElement.removeChild(this._EmbedHost),this._EmbedHost=null),e._OpenedPane=0,this._Cleanup(),this._GlobalState.onPluginActivatedObserver||(c.SceneLoader.OnPluginActivatedObservable.remove(this._GlobalState.onPluginActivatedObserver),this._GlobalState.onPluginActivatedObserver=null)},e._OpenedPane=0,e.OnSelectionChangeObservable=new c.Observable,e.OnPropertyChangedObservable=new c.Observable,e._GlobalState=new na,e}();aa.EarlyAttachToLoader()},function(e,t){var r;r=function(){return this}();try{r=r||new Function("return this")()}catch(e){"object"==typeof window&&(r=window)}e.exports=r},function(e,t,r){var n=r(61),a=r(65);e.exports=function(e,t){return e&&n(e,a(t))}},function(e,t,r){var n=r(112),a=r(15),o=Object.prototype,i=o.hasOwnProperty,l=o.propertyIsEnumerable,s=n(function(){return arguments}())?n:function(e){return a(e)&&i.call(e,"callee")&&!l.call(e,"callee")};e.exports=s},function(e,t){e.exports=function(e){return e.webpackPolyfill||(e.deprecate=function(){},e.paths=[],e.children||(e.children=[]),Object.defineProperty(e,"loaded",{enumerable:!0,get:function(){return e.l}}),Object.defineProperty(e,"id",{enumerable:!0,get:function(){return e.i}}),e.webpackPolyfill=1),e}},function(e,t){var r=/^(?:0|[1-9]\d*)$/;e.exports=function(e,t){var n=typeof e;return!!(t=null==t?9007199254740991:t)&&("number"==n||"symbol"!=n&&r.test(e))&&e>-1&&e%1==0&&e<t}},function(e,t,r){var n=r(114),a=r(47),o=r(48),i=o&&o.isTypedArray,l=i?a(i):n;e.exports=l},function(e,t){e.exports=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991}},function(e,t){e.exports=function(e){return function(t){return e(t)}}},function(e,t,r){(function(e){var n=r(60),a=t&&!t.nodeType&&t,o=a&&"object"==typeof e&&e&&!e.nodeType&&e,i=o&&o.exports===a&&n.process,l=function(){try{var e=o&&o.require&&o.require("util").types;return e||i&&i.binding&&i.binding("util")}catch(e){}}();e.exports=l}).call(this,r(43)(e))},function(e,t){var r=Object.prototype;e.exports=function(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||r)}},function(e,t,r){var n=r(18),a=r(12);e.exports=function(e){if(!a(e))return!1;var t=n(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t}},function(e,t,r){var n=r(64)(Object.getPrototypeOf,Object);e.exports=n},function(e,t,r){var n=r(19)(r(13),"Map");e.exports=n},function(e,t,r){var n=r(134),a=r(141),o=r(143),i=r(144),l=r(145);function s(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}s.prototype.clear=n,s.prototype.delete=a,s.prototype.get=o,s.prototype.has=i,s.prototype.set=l,e.exports=s},function(e,t,r){var n=r(156),a=r(75),o=Object.prototype.propertyIsEnumerable,i=Object.getOwnPropertySymbols,l=i?function(e){return null==e?[]:(e=Object(e),n(i(e),(function(t){return o.call(e,t)})))}:a;e.exports=l},function(e,t,r){var n=r(10),a=r(34),o=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,i=/^\w*$/;e.exports=function(e,t){if(n(e))return!1;var r=typeof e;return!("number"!=r&&"symbol"!=r&&"boolean"!=r&&null!=e&&!a(e))||(i.test(e)||!o.test(e)||null!=t&&e in Object(t))}},function(e,t,r){var n=r(83);e.exports=function(e,t,r){"__proto__"==t&&n?n(e,t,{configurable:!0,enumerable:!0,value:r,writable:!0}):e[t]=r}},function(e,t,r){var n=r(71);e.exports=function(e){var t=new e.constructor(e.byteLength);return new n(t).set(new n(e)),t}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Checkboard=void 0;var n=i(r(0)),a=i(r(4)),o=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t}(r(203));function i(e){return e&&e.__esModule?e:{default:e}}var l=t.Checkboard=function(e){var t=e.white,r=e.grey,i=e.size,l=e.renderers,s=e.borderRadius,p=e.boxShadow,c=(0,a.default)({default:{grid:{borderRadius:s,boxShadow:p,absolute:"0px 0px 0px 0px",background:"url("+o.get(t,r,i,l.canvas)+") center left"}}});return n.default.createElement("div",{style:c.grid})};l.defaultProps={size:8,white:"transparent",grey:"rgba(0,0,0,.08)",renderers:{}},t.default=l},function(e,t,r){"use strict";function n(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){a(e,t,r[t])}))}return e}function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=[],n=!0,a=!1,o=void 0;try{for(var i,l=e[Symbol.iterator]();!(n=(i=l.next()).done)&&(r.push(i.value),!t||r.length!==t);n=!0);}catch(e){a=!0,o=e}finally{try{n||null==l.return||l.return()}finally{if(a)throw o}}return r}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}r.d(t,"a",(function(){return ne})),r.d(t,"b",(function(){return re}));var l=function(){},s={},p={},c={mark:l,measure:l};try{"undefined"!=typeof window&&(s=window),"undefined"!=typeof document&&(p=document),"undefined"!=typeof MutationObserver&&MutationObserver,"undefined"!=typeof performance&&(c=performance)}catch(e){}var u=(s.navigator||{}).userAgent,d=void 0===u?"":u,h=s,b=p,f=c,m=(h.document,!!b.documentElement&&!!b.head&&"function"==typeof b.addEventListener&&"function"==typeof b.createElement),g=(~d.indexOf("MSIE")||d.indexOf("Trident/"),function(){try{}catch(e){return!1}}(),[1,2,3,4,5,6,7,8,9,10]),v=g.concat([11,12,13,14,15,16,17,18,19,20]),y=(["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(g.map((function(e){return"".concat(e,"x")}))).concat(v.map((function(e){return"w-".concat(e)}))),h.FontAwesomeConfig||{});if(b&&"function"==typeof b.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=i(e,2),r=t[0],n=t[1],a=function(e){return""===e||"false"!==e&&("true"===e||e)}(function(e){var t=b.querySelector("script["+e+"]");if(t)return t.getAttribute(e)}(r));null!=a&&(y[n]=a)}))}var C=o({familyPrefix:"fa",replacementClass:"svg-inline--fa",autoReplaceSvg:!0,autoAddCss:!0,autoA11y:!0,searchPseudoElements:!1,observeMutations:!0,keepOriginalSource:!0,measurePerformance:!1,showMissingIcons:!0},y);C.autoReplaceSvg||(C.observeMutations=!1);var E=o({},C);h.FontAwesomeConfig=E;var x=h||{};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 O=x.___FONT_AWESOME___,S=[];m&&((b.documentElement.doScroll?/^loaded|^c/:/^loaded|^i|^c/).test(b.readyState)||b.addEventListener("DOMContentLoaded",(function e(){b.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&&m){var t=b.createElement("style");t.setAttribute("type","text/css"),t.innerHTML=e;for(var r=b.head.childNodes,n=null,a=r.length-1;a>-1;a--){var o=r[a],i=(o.tagName||"").toUpperCase();["STYLE","LINK"].indexOf(i)>-1&&(n=o)}return b.head.insertBefore(t,n),e}}function k(){for(var e=12,t="";e-- >0;)t+="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"[62*Math.random()|0];return t}function _(e){return"".concat(e).replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/'/g,"&#39;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function N(e){return Object.keys(e||{}).reduce((function(t,r){return t+"".concat(r,": ").concat(e[r],";")}),"")}function T(e){return e.size!==P.size||e.x!==P.x||e.y!==P.y||e.rotate!==P.rotate||e.flipX||e.flipY}function M(e){var t=e.transform,r=e.containerWidth,n=e.iconWidth,a={transform:"translate(".concat(r/2," 256)")},o="translate(".concat(32*t.x,", ").concat(32*t.y,") "),i="scale(".concat(t.size/16*(t.flipX?-1:1),", ").concat(t.size/16*(t.flipY?-1:1),") "),l="rotate(".concat(t.rotate," 0 0)");return{outer:a,inner:{transform:"".concat(o," ").concat(i," ").concat(l)},path:{transform:"translate(".concat(n/2*-1," -256)")}}}var R={x:0,y:0,width:"100%",height:"100%"};function A(e){var t=e.icons,r=t.main,n=t.mask,a=e.prefix,i=e.iconName,l=e.transform,s=e.symbol,p=e.title,c=e.extra,u=e.watchable,d=void 0!==u&&u,h=n.found?n:r,b=h.width,f=h.height,m="fa-w-".concat(Math.ceil(b/f*16)),g=[E.replacementClass,i?"".concat(E.familyPrefix,"-").concat(i):"",m].filter((function(e){return-1===c.classes.indexOf(e)})).concat(c.classes).join(" "),v={children:[],attributes:o({},c.attributes,{"data-prefix":a,"data-icon":i,class:g,role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 ".concat(b," ").concat(f)})};d&&(v.attributes["data-fa-i2svg"]=""),p&&v.children.push({tag:"title",attributes:{id:v.attributes["aria-labelledby"]||"title-".concat(k())},children:[p]});var y=o({},v,{prefix:a,iconName:i,main:r,mask:n,transform:l,symbol:s,styles:c.styles}),C=n.found&&r.found?function(e){var t=e.children,r=e.attributes,n=e.main,a=e.mask,i=e.transform,l=n.width,s=n.icon,p=a.width,c=a.icon,u=M({transform:i,containerWidth:p,iconWidth:l}),d={tag:"rect",attributes:o({},R,{fill:"white"})},h={tag:"g",attributes:o({},u.inner),children:[{tag:"path",attributes:o({},s.attributes,u.path,{fill:"black"})}]},b={tag:"g",attributes:o({},u.outer),children:[h]},f="mask-".concat(k()),m="clip-".concat(k()),g={tag:"defs",children:[{tag:"clipPath",attributes:{id:m},children:[c]},{tag:"mask",attributes:o({},R,{id:f,maskUnits:"userSpaceOnUse",maskContentUnits:"userSpaceOnUse"}),children:[d,b]}]};return t.push(g,{tag:"rect",attributes:o({fill:"currentColor","clip-path":"url(#".concat(m,")"),mask:"url(#".concat(f,")")},R)}),{children:t,attributes:r}}(y):function(e){var t=e.children,r=e.attributes,n=e.main,a=e.transform,i=N(e.styles);if(i.length>0&&(r.style=i),T(a)){var l=M({transform:a,containerWidth:n.width,iconWidth:n.width});t.push({tag:"g",attributes:o({},l.outer),children:[{tag:"g",attributes:o({},l.inner),children:[{tag:n.icon.tag,children:n.icon.children,attributes:o({},n.icon.attributes,l.path)}]}]})}else t.push(n.icon);return{children:t,attributes:r}}(y),x=C.children,O=C.attributes;return y.children=x,y.attributes=O,s?function(e){var t=e.prefix,r=e.iconName,n=e.children,a=e.attributes,i=e.symbol;return[{tag:"svg",attributes:{style:"display: none;"},children:[{tag:"symbol",attributes:o({},a,{id:!0===i?"".concat(t,"-").concat(E.familyPrefix,"-").concat(r):i}),children:n}]}]}(y):function(e){var t=e.children,r=e.main,n=e.mask,a=e.attributes,i=e.styles,l=e.transform;if(T(l)&&r.found&&!n.found){var s={x:r.width/r.height/2,y:.5};a.style=N(o({},i,{"transform-origin":"".concat(s.x+l.x/16,"em ").concat(s.y+l.y/16,"em")}))}return[{tag:"svg",attributes:a,children:t}]}(y)}var L=function(){},j=(E.measurePerformance&&f&&f.mark&&f.measure,function(e,t,r,n){var a,o,i,l=Object.keys(e),s=l.length,p=void 0!==n?function(e,t){return function(r,n,a,o){return e.call(t,r,n,a,o)}}(t,n):t;for(void 0===r?(a=1,i=e[l[0]]):(a=0,i=r);a<s;a++)i=p(i,e[o=l[a]],o,e);return i}),I=O.styles,D=O.shims,z=function(){var e=function(e){return j(I,(function(t,r,n){return t[n]=j(r,e,{}),t}),{})};e((function(e,t,r){return e[t[3]]=r,e})),e((function(e,t,r){var n=t[2];return e[r]=r,n.forEach((function(t){e[t]=r})),e}));var t="far"in I;j(D,(function(e,r){var n=r[0],a=r[1],o=r[2];return"far"!==a||t||(a="fas"),e[n]={prefix:a,iconName:o},e}),{})};z();O.styles;function F(e,t,r){if(e&&e[t]&&e[t][r])return{prefix:t,iconName:r,icon:e[t][r]}}function G(e){var t=e.tag,r=e.attributes,n=void 0===r?{}:r,a=e.children,o=void 0===a?[]:a;return"string"==typeof e?_(e):"<".concat(t," ").concat(function(e){return Object.keys(e||{}).reduce((function(t,r){return t+"".concat(r,'="').concat(_(e[r]),'" ')}),"").trim()}(n),">").concat(o.map(G).join(""),"</").concat(t,">")}var B=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 r=t.toLowerCase().split("-"),n=r[0],a=r.slice(1).join("-");if(n&&"h"===a)return e.flipX=!0,e;if(n&&"v"===a)return e.flipY=!0,e;if(a=parseFloat(a),isNaN(a))return e;switch(n){case"grow":e.size=e.size+a;break;case"shrink":e.size=e.size-a;break;case"left":e.x=e.x-a;break;case"right":e.x=e.x+a;break;case"up":e.y=e.y-a;break;case"down":e.y=e.y+a;break;case"rotate":e.rotate=e.rotate+a}return e}),t):t};function H(e){this.name="MissingIcon",this.message=e||"Icon unavailable",this.stack=(new Error).stack}H.prototype=Object.create(Error.prototype),H.prototype.constructor=H;var U={fill:"currentColor"},V={attributeType:"XML",repeatCount:"indefinite",dur:"2s"},W={tag:"path",attributes:o({},U,{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"})},Y=o({},V,{attributeName:"opacity"});o({},U,{cx:"256",cy:"364",r:"28"}),o({},V,{attributeName:"r",values:"28;14;28;28;14;28;"}),o({},Y,{values:"1;0;1;1;0;1;"}),o({},U,{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"}),o({},Y,{values:"1;0;0;0;0;1;"}),o({},U,{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"}),o({},Y,{values:"0;0;1;1;0;0;"}),O.styles;function X(){var e="svg-inline--fa",t=E.familyPrefix,r=E.replacementClass,n='svg:not(:root).svg-inline--fa {\n  overflow: visible;\n}\n\n.svg-inline--fa {\n  display: inline-block;\n  font-size: inherit;\n  height: 1em;\n  overflow: visible;\n  vertical-align: -0.125em;\n}\n.svg-inline--fa.fa-lg {\n  vertical-align: -0.225em;\n}\n.svg-inline--fa.fa-w-1 {\n  width: 0.0625em;\n}\n.svg-inline--fa.fa-w-2 {\n  width: 0.125em;\n}\n.svg-inline--fa.fa-w-3 {\n  width: 0.1875em;\n}\n.svg-inline--fa.fa-w-4 {\n  width: 0.25em;\n}\n.svg-inline--fa.fa-w-5 {\n  width: 0.3125em;\n}\n.svg-inline--fa.fa-w-6 {\n  width: 0.375em;\n}\n.svg-inline--fa.fa-w-7 {\n  width: 0.4375em;\n}\n.svg-inline--fa.fa-w-8 {\n  width: 0.5em;\n}\n.svg-inline--fa.fa-w-9 {\n  width: 0.5625em;\n}\n.svg-inline--fa.fa-w-10 {\n  width: 0.625em;\n}\n.svg-inline--fa.fa-w-11 {\n  width: 0.6875em;\n}\n.svg-inline--fa.fa-w-12 {\n  width: 0.75em;\n}\n.svg-inline--fa.fa-w-13 {\n  width: 0.8125em;\n}\n.svg-inline--fa.fa-w-14 {\n  width: 0.875em;\n}\n.svg-inline--fa.fa-w-15 {\n  width: 0.9375em;\n}\n.svg-inline--fa.fa-w-16 {\n  width: 1em;\n}\n.svg-inline--fa.fa-w-17 {\n  width: 1.0625em;\n}\n.svg-inline--fa.fa-w-18 {\n  width: 1.125em;\n}\n.svg-inline--fa.fa-w-19 {\n  width: 1.1875em;\n}\n.svg-inline--fa.fa-w-20 {\n  width: 1.25em;\n}\n.svg-inline--fa.fa-pull-left {\n  margin-right: 0.3em;\n  width: auto;\n}\n.svg-inline--fa.fa-pull-right {\n  margin-left: 0.3em;\n  width: auto;\n}\n.svg-inline--fa.fa-border {\n  height: 1.5em;\n}\n.svg-inline--fa.fa-li {\n  width: 2em;\n}\n.svg-inline--fa.fa-fw {\n  width: 1.25em;\n}\n\n.fa-layers svg.svg-inline--fa {\n  bottom: 0;\n  left: 0;\n  margin: auto;\n  position: absolute;\n  right: 0;\n  top: 0;\n}\n\n.fa-layers {\n  display: inline-block;\n  height: 1em;\n  position: relative;\n  text-align: center;\n  vertical-align: -0.125em;\n  width: 1em;\n}\n.fa-layers svg.svg-inline--fa {\n  -webkit-transform-origin: center center;\n          transform-origin: center center;\n}\n\n.fa-layers-counter, .fa-layers-text {\n  display: inline-block;\n  position: absolute;\n  text-align: center;\n}\n\n.fa-layers-text {\n  left: 50%;\n  top: 50%;\n  -webkit-transform: translate(-50%, -50%);\n          transform: translate(-50%, -50%);\n  -webkit-transform-origin: center center;\n          transform-origin: center center;\n}\n\n.fa-layers-counter {\n  background-color: #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: 0.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\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\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\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\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\n.fa-lg {\n  font-size: 1.3333333333em;\n  line-height: 0.75em;\n  vertical-align: -0.0667em;\n}\n\n.fa-xs {\n  font-size: 0.75em;\n}\n\n.fa-sm {\n  font-size: 0.875em;\n}\n\n.fa-1x {\n  font-size: 1em;\n}\n\n.fa-2x {\n  font-size: 2em;\n}\n\n.fa-3x {\n  font-size: 3em;\n}\n\n.fa-4x {\n  font-size: 4em;\n}\n\n.fa-5x {\n  font-size: 5em;\n}\n\n.fa-6x {\n  font-size: 6em;\n}\n\n.fa-7x {\n  font-size: 7em;\n}\n\n.fa-8x {\n  font-size: 8em;\n}\n\n.fa-9x {\n  font-size: 9em;\n}\n\n.fa-10x {\n  font-size: 10em;\n}\n\n.fa-fw {\n  text-align: center;\n  width: 1.25em;\n}\n\n.fa-ul {\n  list-style-type: none;\n  margin-left: 2.5em;\n  padding-left: 0;\n}\n.fa-ul > li {\n  position: relative;\n}\n\n.fa-li {\n  left: -2em;\n  position: absolute;\n  text-align: center;\n  width: 2em;\n  line-height: inherit;\n}\n\n.fa-border {\n  border: solid 0.08em #eee;\n  border-radius: 0.1em;\n  padding: 0.2em 0.25em 0.15em;\n}\n\n.fa-pull-left {\n  float: left;\n}\n\n.fa-pull-right {\n  float: right;\n}\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: 0.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: 0.3em;\n}\n\n.fa-spin {\n  -webkit-animation: fa-spin 2s infinite linear;\n          animation: fa-spin 2s infinite linear;\n}\n\n.fa-pulse {\n  -webkit-animation: fa-spin 1s infinite steps(8);\n          animation: fa-spin 1s infinite steps(8);\n}\n\n@-webkit-keyframes fa-spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n\n@keyframes fa-spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n.fa-rotate-90 {\n  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";\n  -webkit-transform: rotate(90deg);\n          transform: rotate(90deg);\n}\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\n.fa-rotate-270 {\n  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";\n  -webkit-transform: rotate(270deg);\n          transform: rotate(270deg);\n}\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\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\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\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\n.fa-stack {\n  display: inline-block;\n  height: 2em;\n  position: relative;\n  width: 2.5em;\n}\n\n.fa-stack-1x,\n.fa-stack-2x {\n  bottom: 0;\n  left: 0;\n  margin: auto;\n  position: absolute;\n  right: 0;\n  top: 0;\n}\n\n.svg-inline--fa.fa-stack-1x {\n  height: 1em;\n  width: 1.25em;\n}\n.svg-inline--fa.fa-stack-2x {\n  height: 2em;\n  width: 2.5em;\n}\n\n.fa-inverse {\n  color: #fff;\n}\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\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||r!==e){var a=new RegExp("\\.".concat("fa","\\-"),"g"),o=new RegExp("\\.".concat(e),"g");n=n.replace(a,".".concat(t,"-")).replace(o,".".concat(r))}return n}function K(e,t){var r=Object.keys(t).reduce((function(e,r){var n=t[r];return!!n.icon?e[n.iconName]=n.icon:e[r]=n,e}),{});"function"==typeof O.hooks.addPack?O.hooks.addPack(e,r):O.styles[e]=o({},O.styles[e]||{},r),"fas"===e&&K("fa",t)}function q(e){return{found:!0,width:e[0],height:e[1],icon:{tag:"path",attributes:{fill:"currentColor",d:e.slice(4)[0]}}}}function Q(){E.autoAddCss&&!te&&(w(X()),te=!0)}function $(e,t){return Object.defineProperty(e,"abstract",{get:t}),Object.defineProperty(e,"html",{get:function(){return e.abstract.map((function(e){return G(e)}))}}),Object.defineProperty(e,"node",{get:function(){if(m){var t=b.createElement("div");return t.innerHTML=e.html,t.children}}}),e}function Z(e){var t=e.prefix,r=void 0===t?"fa":t,n=e.iconName;if(n)return F(ee.definitions,r,n)||F(O.styles,r,n)}var J,ee=new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.definitions={}}var t,r,a;return t=e,(r=[{key:"add",value:function(){for(var e=this,t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];var a=r.reduce(this._pullDefinitions,{});Object.keys(a).forEach((function(t){e.definitions[t]=o({},e.definitions[t]||{},a[t]),K(t,a[t]),z()}))}},{key:"reset",value:function(){this.definitions={}}},{key:"_pullDefinitions",value:function(e,t){var r=t.prefix&&t.iconName&&t.icon?{0:t}:t;return Object.keys(r).map((function(t){var n=r[t],a=n.prefix,o=n.iconName,i=n.icon;e[a]||(e[a]={}),e[a][o]=i})),e}}])&&n(t.prototype,r),a&&n(t,a),e}()),te=!1,re={transform:function(e){return B(e)}},ne=(J=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.transform,n=void 0===r?P:r,a=t.symbol,i=void 0!==a&&a,l=t.mask,s=void 0===l?null:l,p=t.title,c=void 0===p?null:p,u=t.classes,d=void 0===u?[]:u,h=t.attributes,b=void 0===h?{}:h,f=t.styles,m=void 0===f?{}:f;if(e){var g=e.prefix,v=e.iconName,y=e.icon;return $(o({type:"icon"},e),(function(){return Q(),E.autoA11y&&(c?b["aria-labelledby"]="".concat(E.replacementClass,"-title-").concat(k()):b["aria-hidden"]="true"),A({icons:{main:q(y),mask:s?q(s.icon):{found:!1,width:null,height:null,icon:{}}},prefix:g,iconName:v,transform:o({},P,n),symbol:i,title:c,extra:{attributes:b,styles:m,classes:d}})}))}},function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=(e||{}).icon?e:Z(e||{}),n=t.mask;return n&&(n=(n||{}).icon?n:Z(n||{})),J(r,o({},t,{mask:n}))})},function(e,t,r){(function(t){var r="object"==typeof t&&t&&t.Object===Object&&t;e.exports=r}).call(this,r(40))},function(e,t,r){var n=r(62),a=r(23);e.exports=function(e,t){return e&&n(e,t,a)}},function(e,t,r){var n=r(110)();e.exports=n},function(e,t,r){var n=r(111),a=r(42),o=r(10),i=r(26),l=r(44),s=r(45),p=Object.prototype.hasOwnProperty;e.exports=function(e,t){var r=o(e),c=!r&&a(e),u=!r&&!c&&i(e),d=!r&&!c&&!u&&s(e),h=r||c||u||d,b=h?n(e.length,String):[],f=b.length;for(var m in e)!t&&!p.call(e,m)||h&&("length"==m||u&&("offset"==m||"parent"==m)||d&&("buffer"==m||"byteLength"==m||"byteOffset"==m)||l(m,f))||b.push(m);return b}},function(e,t){e.exports=function(e,t){return function(r){return e(t(r))}}},function(e,t,r){var n=r(27);e.exports=function(e){return"function"==typeof e?e:n}},function(e,t,r){var n=r(18),a=r(51),o=r(15),i=Function.prototype,l=Object.prototype,s=i.toString,p=l.hasOwnProperty,c=s.call(Object);e.exports=function(e){if(!o(e)||"[object Object]"!=n(e))return!1;var t=a(e);if(null===t)return!0;var r=p.call(t,"constructor")&&t.constructor;return"function"==typeof r&&r instanceof r&&s.call(r)==c}},function(e,t){e.exports=function(e,t){for(var r=-1,n=null==e?0:e.length,a=Array(n);++r<n;)a[r]=t(e[r],r,e);return a}},function(e,t){var r=Function.prototype.toString;e.exports=function(e){if(null!=e){try{return r.call(e)}catch(e){}try{return e+""}catch(e){}}return""}},function(e,t,r){var n=r(146),a=r(15);e.exports=function e(t,r,o,i,l){return t===r||(null==t||null==r||!a(t)&&!a(r)?t!=t&&r!=r:n(t,r,o,i,e,l))}},function(e,t,r){var n=r(147),a=r(150),o=r(151);e.exports=function(e,t,r,i,l,s){var p=1&r,c=e.length,u=t.length;if(c!=u&&!(p&&u>c))return!1;var d=s.get(e);if(d&&s.get(t))return d==t;var h=-1,b=!0,f=2&r?new n:void 0;for(s.set(e,t),s.set(t,e);++h<c;){var m=e[h],g=t[h];if(i)var v=p?i(g,m,h,t,e,s):i(m,g,h,e,t,s);if(void 0!==v){if(v)continue;b=!1;break}if(f){if(!a(t,(function(e,t){if(!o(f,t)&&(m===e||l(m,e,r,i,s)))return f.push(t)}))){b=!1;break}}else if(m!==g&&!l(m,g,r,i,s)){b=!1;break}}return s.delete(e),s.delete(t),b}},function(e,t,r){var n=r(13).Uint8Array;e.exports=n},function(e,t,r){var n=r(73),a=r(54),o=r(23);e.exports=function(e){return n(e,o,a)}},function(e,t,r){var n=r(74),a=r(10);e.exports=function(e,t,r){var o=t(e);return a(e)?o:n(o,r(e))}},function(e,t){e.exports=function(e,t){for(var r=-1,n=t.length,a=e.length;++r<n;)e[a+r]=t[r];return e}},function(e,t){e.exports=function(){return[]}},function(e,t,r){var n=r(12);e.exports=function(e){return e==e&&!n(e)}},function(e,t){e.exports=function(e,t){return function(r){return null!=r&&(r[e]===t&&(void 0!==t||e in Object(r)))}}},function(e,t,r){var n=r(79),a=r(35);e.exports=function(e,t){for(var r=0,o=(t=n(t,e)).length;null!=e&&r<o;)e=e[a(t[r++])];return r&&r==o?e:void 0}},function(e,t,r){var n=r(10),a=r(55),o=r(164),i=r(167);e.exports=function(e,t){return n(e)?e:a(e,t)?[e]:o(i(e))}},function(e,t,r){var n=r(61),a=r(176)(n);e.exports=a},function(e,t){e.exports=function(e,t){for(var r=-1,n=null==e?0:e.length;++r<n&&!1!==t(e[r],r,e););return e}},function(e,t,r){var n=r(56),a=r(24),o=Object.prototype.hasOwnProperty;e.exports=function(e,t,r){var i=e[t];o.call(e,t)&&a(i,r)&&(void 0!==r||t in e)||n(e,t,r)}},function(e,t,r){var n=r(19),a=function(){try{var e=n(Object,"defineProperty");return e({},"",{}),e}catch(e){}}();e.exports=a},function(e,t,r){(function(e){var n=r(13),a=t&&!t.nodeType&&t,o=a&&"object"==typeof e&&e&&!e.nodeType&&e,i=o&&o.exports===a?n.Buffer:void 0,l=i?i.allocUnsafe:void 0;e.exports=function(e,t){if(t)return e.slice();var r=e.length,n=l?l(r):new e.constructor(r);return e.copy(n),n}}).call(this,r(43)(e))},function(e,t){e.exports=function(e,t){var r=-1,n=e.length;for(t||(t=Array(n));++r<n;)t[r]=e[r];return t}},function(e,t,r){var n=r(74),a=r(51),o=r(54),i=r(75),l=Object.getOwnPropertySymbols?function(e){for(var t=[];e;)n(t,o(e)),e=a(e);return t}:i;e.exports=l},function(e,t,r){var n=r(57);e.exports=function(e,t){var r=t?n(e.buffer):e.buffer;return new e.constructor(r,e.byteOffset,e.length)}},function(e,t,r){var n=r(192),a=r(51),o=r(49);e.exports=function(e){return"function"!=typeof e.constructor||o(e)?{}:n(a(e))}},function(e,t,r){var n=r(56),a=r(24);e.exports=function(e,t,r){(void 0!==r&&!a(e[t],r)||void 0===r&&!(t in e))&&n(e,t,r)}},function(e,t){e.exports=function(e,t){if(("constructor"!==t||"function"!=typeof e[t])&&"__proto__"!=t)return e[t]}},function(e,t,r){var n=r(12),a=r(223),o=r(224),i=Math.max,l=Math.min;e.exports=function(e,t,r){var s,p,c,u,d,h,b=0,f=!1,m=!1,g=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function v(t){var r=s,n=p;return s=p=void 0,b=t,u=e.apply(n,r)}function y(e){return b=e,d=setTimeout(E,t),f?v(e):u}function C(e){var r=e-h;return void 0===h||r>=t||r<0||m&&e-b>=c}function E(){var e=a();if(C(e))return x(e);d=setTimeout(E,function(e){var r=t-(e-h);return m?l(r,c-(e-b)):r}(e))}function x(e){return d=void 0,g&&s?v(e):(s=p=void 0,u)}function O(){var e=a(),r=C(e);if(s=arguments,p=this,h=e,r){if(void 0===d)return y(h);if(m)return clearTimeout(d),d=setTimeout(E,t),v(h)}return void 0===d&&(d=setTimeout(E,t)),u}return t=o(t)||0,n(r)&&(f=!!r.leading,c=(m="maxWait"in r)?i(o(r.maxWait)||0,t):c,g="trailing"in r?!!r.trailing:g),O.cancel=function(){void 0!==d&&clearTimeout(d),b=0,s=h=p=d=void 0},O.flush=function(){return void 0===d?u:x(a())},O}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ColorWrap=void 0;var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),o=r(0),i=p(o),l=p(r(91)),s=p(r(14));function p(e){return e&&e.__esModule?e:{default:e}}var c=t.ColorWrap=function(e){var t=function(t){function r(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,r);var t=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(r.__proto__||Object.getPrototypeOf(r)).call(this));return t.handleChange=function(e,r){if(s.default.simpleCheckForValidColor(e)){var n=s.default.toState(e,e.h||t.state.oldHue);t.setState(n),t.props.onChangeComplete&&t.debounce(t.props.onChangeComplete,n,r),t.props.onChange&&t.props.onChange(n,r)}},t.handleSwatchHover=function(e,r){if(s.default.simpleCheckForValidColor(e)){var n=s.default.toState(e,e.h||t.state.oldHue);t.props.onSwatchHover&&t.props.onSwatchHover(n,r)}},t.state=n({},s.default.toState(e.color,0)),t.debounce=(0,l.default)((function(e,t,r){e(t,r)}),100),t}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(r,t),a(r,[{key:"render",value:function(){var t={};return this.props.onSwatchHover&&(t.onSwatchHover=this.handleSwatchHover),i.default.createElement(e,n({},this.props,this.state,{onChange:this.handleChange},t))}}],[{key:"getDerivedStateFromProps",value:function(e,t){return n({},s.default.toState(e.color,t.oldHue))}}]),r}(o.PureComponent||o.Component);return t.propTypes=n({},e.propTypes),t.defaultProps=n({},e.defaultProps,{color:{h:250,s:.5,l:.2,a:1}}),t};t.default=c},function(e,t,r){"use strict";r.r(t),r.d(t,"red",(function(){return n})),r.d(t,"pink",(function(){return a})),r.d(t,"purple",(function(){return o})),r.d(t,"deepPurple",(function(){return i})),r.d(t,"indigo",(function(){return l})),r.d(t,"blue",(function(){return s})),r.d(t,"lightBlue",(function(){return p})),r.d(t,"cyan",(function(){return c})),r.d(t,"teal",(function(){return u})),r.d(t,"green",(function(){return d})),r.d(t,"lightGreen",(function(){return h})),r.d(t,"lime",(function(){return b})),r.d(t,"yellow",(function(){return f})),r.d(t,"amber",(function(){return m})),r.d(t,"orange",(function(){return g})),r.d(t,"deepOrange",(function(){return v})),r.d(t,"brown",(function(){return y})),r.d(t,"grey",(function(){return C})),r.d(t,"blueGrey",(function(){return E})),r.d(t,"darkText",(function(){return x})),r.d(t,"lightText",(function(){return O})),r.d(t,"darkIcons",(function(){return S})),r.d(t,"lightIcons",(function(){return P})),r.d(t,"white",(function(){return w})),r.d(t,"black",(function(){return k}));var n={50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",a100:"#ff8a80",a200:"#ff5252",a400:"#ff1744",a700:"#d50000"},a={50:"#fce4ec",100:"#f8bbd0",200:"#f48fb1",300:"#f06292",400:"#ec407a",500:"#e91e63",600:"#d81b60",700:"#c2185b",800:"#ad1457",900:"#880e4f",a100:"#ff80ab",a200:"#ff4081",a400:"#f50057",a700:"#c51162"},o={50:"#f3e5f5",100:"#e1bee7",200:"#ce93d8",300:"#ba68c8",400:"#ab47bc",500:"#9c27b0",600:"#8e24aa",700:"#7b1fa2",800:"#6a1b9a",900:"#4a148c",a100:"#ea80fc",a200:"#e040fb",a400:"#d500f9",a700:"#aa00ff"},i={50:"#ede7f6",100:"#d1c4e9",200:"#b39ddb",300:"#9575cd",400:"#7e57c2",500:"#673ab7",600:"#5e35b1",700:"#512da8",800:"#4527a0",900:"#311b92",a100:"#b388ff",a200:"#7c4dff",a400:"#651fff",a700:"#6200ea"},l={50:"#e8eaf6",100:"#c5cae9",200:"#9fa8da",300:"#7986cb",400:"#5c6bc0",500:"#3f51b5",600:"#3949ab",700:"#303f9f",800:"#283593",900:"#1a237e",a100:"#8c9eff",a200:"#536dfe",a400:"#3d5afe",a700:"#304ffe"},s={50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",a100:"#82b1ff",a200:"#448aff",a400:"#2979ff",a700:"#2962ff"},p={50:"#e1f5fe",100:"#b3e5fc",200:"#81d4fa",300:"#4fc3f7",400:"#29b6f6",500:"#03a9f4",600:"#039be5",700:"#0288d1",800:"#0277bd",900:"#01579b",a100:"#80d8ff",a200:"#40c4ff",a400:"#00b0ff",a700:"#0091ea"},c={50:"#e0f7fa",100:"#b2ebf2",200:"#80deea",300:"#4dd0e1",400:"#26c6da",500:"#00bcd4",600:"#00acc1",700:"#0097a7",800:"#00838f",900:"#006064",a100:"#84ffff",a200:"#18ffff",a400:"#00e5ff",a700:"#00b8d4"},u={50:"#e0f2f1",100:"#b2dfdb",200:"#80cbc4",300:"#4db6ac",400:"#26a69a",500:"#009688",600:"#00897b",700:"#00796b",800:"#00695c",900:"#004d40",a100:"#a7ffeb",a200:"#64ffda",a400:"#1de9b6",a700:"#00bfa5"},d={50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",a100:"#b9f6ca",a200:"#69f0ae",a400:"#00e676",a700:"#00c853"},h={50:"#f1f8e9",100:"#dcedc8",200:"#c5e1a5",300:"#aed581",400:"#9ccc65",500:"#8bc34a",600:"#7cb342",700:"#689f38",800:"#558b2f",900:"#33691e",a100:"#ccff90",a200:"#b2ff59",a400:"#76ff03",a700:"#64dd17"},b={50:"#f9fbe7",100:"#f0f4c3",200:"#e6ee9c",300:"#dce775",400:"#d4e157",500:"#cddc39",600:"#c0ca33",700:"#afb42b",800:"#9e9d24",900:"#827717",a100:"#f4ff81",a200:"#eeff41",a400:"#c6ff00",a700:"#aeea00"},f={50:"#fffde7",100:"#fff9c4",200:"#fff59d",300:"#fff176",400:"#ffee58",500:"#ffeb3b",600:"#fdd835",700:"#fbc02d",800:"#f9a825",900:"#f57f17",a100:"#ffff8d",a200:"#ffff00",a400:"#ffea00",a700:"#ffd600"},m={50:"#fff8e1",100:"#ffecb3",200:"#ffe082",300:"#ffd54f",400:"#ffca28",500:"#ffc107",600:"#ffb300",700:"#ffa000",800:"#ff8f00",900:"#ff6f00",a100:"#ffe57f",a200:"#ffd740",a400:"#ffc400",a700:"#ffab00"},g={50:"#fff3e0",100:"#ffe0b2",200:"#ffcc80",300:"#ffb74d",400:"#ffa726",500:"#ff9800",600:"#fb8c00",700:"#f57c00",800:"#ef6c00",900:"#e65100",a100:"#ffd180",a200:"#ffab40",a400:"#ff9100",a700:"#ff6d00"},v={50:"#fbe9e7",100:"#ffccbc",200:"#ffab91",300:"#ff8a65",400:"#ff7043",500:"#ff5722",600:"#f4511e",700:"#e64a19",800:"#d84315",900:"#bf360c",a100:"#ff9e80",a200:"#ff6e40",a400:"#ff3d00",a700:"#dd2c00"},y={50:"#efebe9",100:"#d7ccc8",200:"#bcaaa4",300:"#a1887f",400:"#8d6e63",500:"#795548",600:"#6d4c41",700:"#5d4037",800:"#4e342e",900:"#3e2723"},C={50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",300:"#e0e0e0",400:"#bdbdbd",500:"#9e9e9e",600:"#757575",700:"#616161",800:"#424242",900:"#212121"},E={50:"#eceff1",100:"#cfd8dc",200:"#b0bec5",300:"#90a4ae",400:"#78909c",500:"#607d8b",600:"#546e7a",700:"#455a64",800:"#37474f",900:"#263238"},x={primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.54)",disabled:"rgba(0, 0, 0, 0.38)",dividers:"rgba(0, 0, 0, 0.12)"},O={primary:"rgba(255, 255, 255, 1)",secondary:"rgba(255, 255, 255, 0.7)",disabled:"rgba(255, 255, 255, 0.5)",dividers:"rgba(255, 255, 255, 0.12)"},S={active:"rgba(0, 0, 0, 0.54)",inactive:"rgba(0, 0, 0, 0.38)"},P={active:"rgba(255, 255, 255, 1)",inactive:"rgba(255, 255, 255, 0.5)"},w="#ffffff",k="#000000";t.default={red:n,pink:a,purple:o,deepPurple:i,indigo:l,blue:s,lightBlue:p,cyan:c,teal:u,green:d,lightGreen:h,lime:b,yellow:f,amber:m,orange:g,deepOrange:v,brown:y,grey:C,blueGrey:E,darkText:x,lightText:O,darkIcons:S,lightIcons:P,white:w,black:k}},function(e,t){e.exports="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Ecopy%3C/title%3E%3Cg id='UI_Elements' data-name='UI Elements'%3E%3Cpath class='cls-1' d='M24,14.89H22.76l-3-3H12.43V26.59h4.26v3h11.5V19Zm.3,1.71,2.14,2.13H24.34Zm-10.91,9V12.93h5.93l2,2H16.69v10.7Zm4.26,3V15.89h5.65v3.84h3.85v8.83Z'/%3E%3C/g%3E%3C/svg%3E"},function(e,t){e.exports=n},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CustomPicker=t.TwitterPicker=t.SwatchesPicker=t.SliderPicker=t.SketchPicker=t.PhotoshopPicker=t.MaterialPicker=t.HuePicker=t.GithubPicker=t.CompactPicker=t.ChromePicker=t.default=t.CirclePicker=t.BlockPicker=t.AlphaPicker=void 0;var n=r(105);Object.defineProperty(t,"AlphaPicker",{enumerable:!0,get:function(){return v(n).default}});var a=r(232);Object.defineProperty(t,"BlockPicker",{enumerable:!0,get:function(){return v(a).default}});var o=r(234);Object.defineProperty(t,"CirclePicker",{enumerable:!0,get:function(){return v(o).default}});var i=r(236);Object.defineProperty(t,"ChromePicker",{enumerable:!0,get:function(){return v(i).default}});var l=r(241);Object.defineProperty(t,"CompactPicker",{enumerable:!0,get:function(){return v(l).default}});var s=r(244);Object.defineProperty(t,"GithubPicker",{enumerable:!0,get:function(){return v(s).default}});var p=r(246);Object.defineProperty(t,"HuePicker",{enumerable:!0,get:function(){return v(p).default}});var c=r(248);Object.defineProperty(t,"MaterialPicker",{enumerable:!0,get:function(){return v(c).default}});var u=r(249);Object.defineProperty(t,"PhotoshopPicker",{enumerable:!0,get:function(){return v(u).default}});var d=r(255);Object.defineProperty(t,"SketchPicker",{enumerable:!0,get:function(){return v(d).default}});var h=r(258);Object.defineProperty(t,"SliderPicker",{enumerable:!0,get:function(){return v(h).default}});var b=r(262);Object.defineProperty(t,"SwatchesPicker",{enumerable:!0,get:function(){return v(b).default}});var f=r(266);Object.defineProperty(t,"TwitterPicker",{enumerable:!0,get:function(){return v(f).default}});var m=r(92);Object.defineProperty(t,"CustomPicker",{enumerable:!0,get:function(){return v(m).default}});var g=v(i);function v(e){return e&&e.__esModule?e:{default:e}}t.default=g.default},function(e,t){e.exports=a},function(e,t,r){"use strict";r.r(t),function(e){var n=r(39);r.d(t,"Inspector",(function(){return n.a}));var a=void 0!==e?e:"undefined"!=typeof window?window:void 0;void 0!==a&&(a.BABYLON=a.BABYLON||{},a.BABYLON.Inspector=n.a)}.call(this,r(40))},function(e,t,r){"use strict";
/** @license React v16.9.0
 * 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 n=r(7),a="function"==typeof Symbol&&Symbol.for,o=a?Symbol.for("react.element"):60103,i=a?Symbol.for("react.portal"):60106,l=a?Symbol.for("react.fragment"):60107,s=a?Symbol.for("react.strict_mode"):60108,p=a?Symbol.for("react.profiler"):60114,c=a?Symbol.for("react.provider"):60109,u=a?Symbol.for("react.context"):60110,d=a?Symbol.for("react.forward_ref"):60112,h=a?Symbol.for("react.suspense"):60113,b=a?Symbol.for("react.suspense_list"):60120,f=a?Symbol.for("react.memo"):60115,m=a?Symbol.for("react.lazy"):60116;a&&Symbol.for("react.fundamental"),a&&Symbol.for("react.responder");var g="function"==typeof Symbol&&Symbol.iterator;function v(e){for(var t=e.message,r="https://reactjs.org/docs/error-decoder.html?invariant="+t,n=1;n<arguments.length;n++)r+="&args[]="+encodeURIComponent(arguments[n]);return e.message="Minified React error #"+t+"; visit "+r+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ",e}var y={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},C={};function E(e,t,r){this.props=e,this.context=t,this.refs=C,this.updater=r||y}function x(){}function O(e,t,r){this.props=e,this.context=t,this.refs=C,this.updater=r||y}E.prototype.isReactComponent={},E.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw v(Error(85));this.updater.enqueueSetState(this,e,t,"setState")},E.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},x.prototype=E.prototype;var S=O.prototype=new x;S.constructor=O,n(S,E.prototype),S.isPureReactComponent=!0;var P={current:null},w={suspense:null},k={current:null},_=Object.prototype.hasOwnProperty,N={key:!0,ref:!0,__self:!0,__source:!0};function T(e,t,r){var n=void 0,a={},i=null,l=null;if(null!=t)for(n in void 0!==t.ref&&(l=t.ref),void 0!==t.key&&(i=""+t.key),t)_.call(t,n)&&!N.hasOwnProperty(n)&&(a[n]=t[n]);var s=arguments.length-2;if(1===s)a.children=r;else if(1<s){for(var p=Array(s),c=0;c<s;c++)p[c]=arguments[c+2];a.children=p}if(e&&e.defaultProps)for(n in s=e.defaultProps)void 0===a[n]&&(a[n]=s[n]);return{$$typeof:o,type:e,key:i,ref:l,props:a,_owner:k.current}}function M(e){return"object"==typeof e&&null!==e&&e.$$typeof===o}var R=/\/+/g,A=[];function L(e,t,r,n){if(A.length){var a=A.pop();return a.result=e,a.keyPrefix=t,a.func=r,a.context=n,a.count=0,a}return{result:e,keyPrefix:t,func:r,context:n,count:0}}function j(e){e.result=null,e.keyPrefix=null,e.func=null,e.context=null,e.count=0,10>A.length&&A.push(e)}function I(e,t,r){return null==e?0:function e(t,r,n,a){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 o:case i:s=!0}}if(s)return n(a,t,""===r?"."+D(t,0):r),1;if(s=0,r=""===r?".":r+":",Array.isArray(t))for(var p=0;p<t.length;p++){var c=r+D(l=t[p],p);s+=e(l,c,n,a)}else if(null===t||"object"!=typeof t?c=null:c="function"==typeof(c=g&&t[g]||t["@@iterator"])?c:null,"function"==typeof c)for(t=c.call(t),p=0;!(l=t.next()).done;)s+=e(l=l.value,c=r+D(l,p++),n,a);else if("object"===l)throw n=""+t,v(Error(31),"[object Object]"===n?"object with keys {"+Object.keys(t).join(", ")+"}":n,"");return s}(e,"",t,r)}function D(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 z(e,t){e.func.call(e.context,t,e.count++)}function F(e,t,r){var n=e.result,a=e.keyPrefix;e=e.func.call(e.context,t,e.count++),Array.isArray(e)?G(e,n,r,(function(e){return e})):null!=e&&(M(e)&&(e=function(e,t){return{$$typeof:o,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(e,a+(!e.key||t&&t.key===e.key?"":(""+e.key).replace(R,"$&/")+"/")+r)),n.push(e))}function G(e,t,r,n,a){var o="";null!=r&&(o=(""+r).replace(R,"$&/")+"/"),I(e,F,t=L(t,o,n,a)),j(t)}function B(){var e=P.current;if(null===e)throw v(Error(321));return e}var H={Children:{map:function(e,t,r){if(null==e)return e;var n=[];return G(e,n,null,t,r),n},forEach:function(e,t,r){if(null==e)return e;I(e,z,t=L(null,null,t,r)),j(t)},count:function(e){return I(e,(function(){return null}),null)},toArray:function(e){var t=[];return G(e,t,null,(function(e){return e})),t},only:function(e){if(!M(e))throw v(Error(143));return e}},createRef:function(){return{current:null}},Component:E,PureComponent:O,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:c,_context:e},e.Consumer=e},forwardRef:function(e){return{$$typeof:d,render:e}},lazy:function(e){return{$$typeof:m,_ctor:e,_status:-1,_result:null}},memo:function(e,t){return{$$typeof:f,type:e,compare:void 0===t?null:t}},useCallback:function(e,t){return B().useCallback(e,t)},useContext:function(e,t){return B().useContext(e,t)},useEffect:function(e,t){return B().useEffect(e,t)},useImperativeHandle:function(e,t,r){return B().useImperativeHandle(e,t,r)},useDebugValue:function(){},useLayoutEffect:function(e,t){return B().useLayoutEffect(e,t)},useMemo:function(e,t){return B().useMemo(e,t)},useReducer:function(e,t,r){return B().useReducer(e,t,r)},useRef:function(e){return B().useRef(e)},useState:function(e){return B().useState(e)},Fragment:l,Profiler:p,StrictMode:s,Suspense:h,unstable_SuspenseList:b,createElement:T,cloneElement:function(e,t,r){if(null==e)throw v(Error(267),e);var a=void 0,i=n({},e.props),l=e.key,s=e.ref,p=e._owner;if(null!=t){void 0!==t.ref&&(s=t.ref,p=k.current),void 0!==t.key&&(l=""+t.key);var c=void 0;for(a in e.type&&e.type.defaultProps&&(c=e.type.defaultProps),t)_.call(t,a)&&!N.hasOwnProperty(a)&&(i[a]=void 0===t[a]&&void 0!==c?c[a]:t[a])}if(1===(a=arguments.length-2))i.children=r;else if(1<a){c=Array(a);for(var u=0;u<a;u++)c[u]=arguments[u+2];i.children=c}return{$$typeof:o,type:e.type,key:l,ref:s,props:i,_owner:p}},createFactory:function(e){var t=T.bind(null,e);return t.type=e,t},isValidElement:M,version:"16.9.0",unstable_withSuspenseConfig:function(e,t){var r=w.suspense;w.suspense=void 0===t?null:t;try{e()}finally{w.suspense=r}},__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{ReactCurrentDispatcher:P,ReactCurrentBatchConfig:w,ReactCurrentOwner:k,IsSomeRendererActing:{current:!1},assign:n}},U={default:H},V=U&&H||U;e.exports=V.default||V},function(e,t,r){"use strict";
/** @license React v16.9.0
 * 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 n=r(0),a=r(7),o=r(101);function i(e){for(var t=e.message,r="https://reactjs.org/docs/error-decoder.html?invariant="+t,n=1;n<arguments.length;n++)r+="&args[]="+encodeURIComponent(arguments[n]);return e.message="Minified React error #"+t+"; visit "+r+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ",e}if(!n)throw i(Error(227));var l=null,s={};function p(){if(l)for(var e in s){var t=s[e],r=l.indexOf(e);if(!(-1<r))throw i(Error(96),e);if(!u[r]){if(!t.extractEvents)throw i(Error(97),e);for(var n in u[r]=t,r=t.eventTypes){var a=void 0,o=r[n],p=t,h=n;if(d.hasOwnProperty(h))throw i(Error(99),h);d[h]=o;var b=o.phasedRegistrationNames;if(b){for(a in b)b.hasOwnProperty(a)&&c(b[a],p,h);a=!0}else o.registrationName?(c(o.registrationName,p,h),a=!0):a=!1;if(!a)throw i(Error(98),n,e)}}}}function c(e,t,r){if(h[e])throw i(Error(100),e);h[e]=t,b[e]=t.eventTypes[r].dependencies}var u=[],d={},h={},b={};function f(e,t,r,n,a,o,i,l,s){var p=Array.prototype.slice.call(arguments,3);try{t.apply(r,p)}catch(e){this.onError(e)}}var m=!1,g=null,v=!1,y=null,C={onError:function(e){m=!0,g=e}};function E(e,t,r,n,a,o,i,l,s){m=!1,g=null,f.apply(C,arguments)}var x=null,O=null,S=null;function P(e,t,r){var n=e.type||"unknown-event";e.currentTarget=S(r),function(e,t,r,n,a,o,l,s,p){if(E.apply(this,arguments),m){if(!m)throw i(Error(198));var c=g;m=!1,g=null,v||(v=!0,y=c)}}(n,t,void 0,e),e.currentTarget=null}function w(e,t){if(null==t)throw i(Error(30));return 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 k(e,t,r){Array.isArray(e)?e.forEach(t,r):e&&t.call(r,e)}var _=null;function N(e){if(e){var t=e._dispatchListeners,r=e._dispatchInstances;if(Array.isArray(t))for(var n=0;n<t.length&&!e.isPropagationStopped();n++)P(e,t[n],r[n]);else t&&P(e,t,r);e._dispatchListeners=null,e._dispatchInstances=null,e.isPersistent()||e.constructor.release(e)}}function T(e){if(null!==e&&(_=w(_,e)),e=_,_=null,e){if(k(e,N),_)throw i(Error(95));if(v)throw e=y,v=!1,y=null,e}}var M={injectEventPluginOrder:function(e){if(l)throw i(Error(101));l=Array.prototype.slice.call(e),p()},injectEventPluginsByName:function(e){var t,r=!1;for(t in e)if(e.hasOwnProperty(t)){var n=e[t];if(!s.hasOwnProperty(t)||s[t]!==n){if(s[t])throw i(Error(102),t);s[t]=n,r=!0}}r&&p()}};function R(e,t){var r=e.stateNode;if(!r)return null;var n=x(r);if(!n)return null;r=n[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":(n=!n.disabled)||(n=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!n;break e;default:e=!1}if(e)return null;if(r&&"function"!=typeof r)throw i(Error(231),t,typeof r);return r}var A=Math.random().toString(36).slice(2),L="__reactInternalInstance$"+A,j="__reactEventHandlers$"+A;function I(e){if(e[L])return e[L];for(;!e[L];){if(!e.parentNode)return null;e=e.parentNode}return 5===(e=e[L]).tag||6===e.tag?e:null}function D(e){return!(e=e[L])||5!==e.tag&&6!==e.tag?null:e}function z(e){if(5===e.tag||6===e.tag)return e.stateNode;throw i(Error(33))}function F(e){return e[j]||null}function G(e){do{e=e.return}while(e&&5!==e.tag);return e||null}function B(e,t,r){(t=R(e,r.dispatchConfig.phasedRegistrationNames[t]))&&(r._dispatchListeners=w(r._dispatchListeners,t),r._dispatchInstances=w(r._dispatchInstances,e))}function H(e){if(e&&e.dispatchConfig.phasedRegistrationNames){for(var t=e._targetInst,r=[];t;)r.push(t),t=G(t);for(t=r.length;0<t--;)B(r[t],"captured",e);for(t=0;t<r.length;t++)B(r[t],"bubbled",e)}}function U(e,t,r){e&&r&&r.dispatchConfig.registrationName&&(t=R(e,r.dispatchConfig.registrationName))&&(r._dispatchListeners=w(r._dispatchListeners,t),r._dispatchInstances=w(r._dispatchInstances,e))}function V(e){e&&e.dispatchConfig.registrationName&&U(e._targetInst,null,e)}function W(e){k(e,H)}var Y=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement);function X(e,t){var r={};return r[e.toLowerCase()]=t.toLowerCase(),r["Webkit"+e]="webkit"+t,r["Moz"+e]="moz"+t,r}var K={animationend:X("Animation","AnimationEnd"),animationiteration:X("Animation","AnimationIteration"),animationstart:X("Animation","AnimationStart"),transitionend:X("Transition","TransitionEnd")},q={},Q={};function $(e){if(q[e])return q[e];if(!K[e])return e;var t,r=K[e];for(t in r)if(r.hasOwnProperty(t)&&t in Q)return q[e]=r[t];return e}Y&&(Q=document.createElement("div").style,"AnimationEvent"in window||(delete K.animationend.animation,delete K.animationiteration.animation,delete K.animationstart.animation),"TransitionEvent"in window||delete K.transitionend.transition);var Z=$("animationend"),J=$("animationiteration"),ee=$("animationstart"),te=$("transitionend"),re="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,ae=null,oe=null;function ie(){if(oe)return oe;var e,t,r=ae,n=r.length,a="value"in ne?ne.value:ne.textContent,o=a.length;for(e=0;e<n&&r[e]===a[e];e++);var i=n-e;for(t=1;t<=i&&r[n-t]===a[o-t];t++);return oe=a.slice(e,1<t?1-t:void 0)}function le(){return!0}function se(){return!1}function pe(e,t,r,n){for(var a in this.dispatchConfig=e,this._targetInst=t,this.nativeEvent=r,e=this.constructor.Interface)e.hasOwnProperty(a)&&((t=e[a])?this[a]=t(r):"target"===a?this.target=n:this[a]=r[a]);return this.isDefaultPrevented=(null!=r.defaultPrevented?r.defaultPrevented:!1===r.returnValue)?le:se,this.isPropagationStopped=se,this}function ce(e,t,r,n){if(this.eventPool.length){var a=this.eventPool.pop();return this.call(a,e,t,r,n),a}return new this(e,t,r,n)}function ue(e){if(!(e instanceof this))throw i(Error(279));e.destructor(),10>this.eventPool.length&&this.eventPool.push(e)}function de(e){e.eventPool=[],e.getPooled=ce,e.release=ue}a(pe.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=le)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=le)},persist:function(){this.isPersistent=le},isPersistent:se,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=se,this._dispatchInstances=this._dispatchListeners=null}}),pe.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},pe.extend=function(e){function t(){}function r(){return n.apply(this,arguments)}var n=this;t.prototype=n.prototype;var o=new t;return a(o,r.prototype),r.prototype=o,r.prototype.constructor=r,r.Interface=a({},n.Interface,e),r.extend=n.extend,de(r),r},de(pe);var he=pe.extend({data:null}),be=pe.extend({data:null}),fe=[9,13,27,32],me=Y&&"CompositionEvent"in window,ge=null;Y&&"documentMode"in document&&(ge=document.documentMode);var ve=Y&&"TextEvent"in window&&!ge,ye=Y&&(!me||ge&&8<ge&&11>=ge),Ce=String.fromCharCode(32),Ee={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(" ")}},xe=!1;function Oe(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 Se(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var Pe=!1;var we={eventTypes:Ee,extractEvents:function(e,t,r,n){var a=void 0,o=void 0;if(me)e:{switch(e){case"compositionstart":a=Ee.compositionStart;break e;case"compositionend":a=Ee.compositionEnd;break e;case"compositionupdate":a=Ee.compositionUpdate;break e}a=void 0}else Pe?Oe(e,r)&&(a=Ee.compositionEnd):"keydown"===e&&229===r.keyCode&&(a=Ee.compositionStart);return a?(ye&&"ko"!==r.locale&&(Pe||a!==Ee.compositionStart?a===Ee.compositionEnd&&Pe&&(o=ie()):(ae="value"in(ne=n)?ne.value:ne.textContent,Pe=!0)),a=he.getPooled(a,t,r,n),o?a.data=o:null!==(o=Se(r))&&(a.data=o),W(a),o=a):o=null,(e=ve?function(e,t){switch(e){case"compositionend":return Se(t);case"keypress":return 32!==t.which?null:(xe=!0,Ce);case"textInput":return(e=t.data)===Ce&&xe?null:e;default:return null}}(e,r):function(e,t){if(Pe)return"compositionend"===e||!me&&Oe(e,t)?(e=ie(),oe=ae=ne=null,Pe=!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 ye&&"ko"!==t.locale?null:t.data;default:return null}}(e,r))?((t=be.getPooled(Ee.beforeInput,t,r,n)).data=e,W(t)):t=null,null===o?t:null===t?o:[o,t]}},ke=null,_e=null,Ne=null;function Te(e){if(e=O(e)){if("function"!=typeof ke)throw i(Error(280));var t=x(e.stateNode);ke(e.stateNode,e.type,t)}}function Me(e){_e?Ne?Ne.push(e):Ne=[e]:_e=e}function Re(){if(_e){var e=_e,t=Ne;if(Ne=_e=null,Te(e),t)for(e=0;e<t.length;e++)Te(t[e])}}function Ae(e,t){return e(t)}function Le(e,t,r,n){return e(t,r,n)}function je(){}var Ie=Ae,De=!1;function ze(){null===_e&&null===Ne||(je(),Re())}var Fe={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 Ge(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!Fe[e.type]:"textarea"===t}function Be(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}function He(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 Ue(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function Ve(e){e._valueTracker||(e._valueTracker=function(e){var t=Ue(e)?"checked":"value",r=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),n=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==r&&"function"==typeof r.get&&"function"==typeof r.set){var a=r.get,o=r.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return a.call(this)},set:function(e){n=""+e,o.call(this,e)}}),Object.defineProperty(e,t,{enumerable:r.enumerable}),{getValue:function(){return n},setValue:function(e){n=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function We(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var r=t.getValue(),n="";return e&&(n=Ue(e)?e.checked?"true":"false":e.value),(e=n)!==r&&(t.setValue(e),!0)}var Ye=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;Ye.hasOwnProperty("ReactCurrentDispatcher")||(Ye.ReactCurrentDispatcher={current:null}),Ye.hasOwnProperty("ReactCurrentBatchConfig")||(Ye.ReactCurrentBatchConfig={suspense:null});var Xe=/^(.*)[\\\/]/,Ke="function"==typeof Symbol&&Symbol.for,qe=Ke?Symbol.for("react.element"):60103,Qe=Ke?Symbol.for("react.portal"):60106,$e=Ke?Symbol.for("react.fragment"):60107,Ze=Ke?Symbol.for("react.strict_mode"):60108,Je=Ke?Symbol.for("react.profiler"):60114,et=Ke?Symbol.for("react.provider"):60109,tt=Ke?Symbol.for("react.context"):60110,rt=Ke?Symbol.for("react.concurrent_mode"):60111,nt=Ke?Symbol.for("react.forward_ref"):60112,at=Ke?Symbol.for("react.suspense"):60113,ot=Ke?Symbol.for("react.suspense_list"):60120,it=Ke?Symbol.for("react.memo"):60115,lt=Ke?Symbol.for("react.lazy"):60116;Ke&&Symbol.for("react.fundamental"),Ke&&Symbol.for("react.responder");var st="function"==typeof Symbol&&Symbol.iterator;function pt(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=st&&e[st]||e["@@iterator"])?e:null}function ct(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 $e:return"Fragment";case Qe:return"Portal";case Je:return"Profiler";case Ze:return"StrictMode";case at:return"Suspense";case ot:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case tt:return"Context.Consumer";case et:return"Context.Provider";case nt:var t=e.render;return t=t.displayName||t.name||"",e.displayName||(""!==t?"ForwardRef("+t+")":"ForwardRef");case it:return ct(e.type);case lt:if(e=1===e._status?e._result:null)return ct(e)}return null}function ut(e){var t="";do{e:switch(e.tag){case 3:case 4:case 6:case 7:case 10:case 9:var r="";break e;default:var n=e._debugOwner,a=e._debugSource,o=ct(e.type);r=null,n&&(r=ct(n.type)),n=o,o="",a?o=" (at "+a.fileName.replace(Xe,"")+":"+a.lineNumber+")":r&&(o=" (created by "+r+")"),r="\n    in "+(n||"Unknown")+o}t+=r,e=e.return}while(e);return t}var dt=/^[: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]*$/,ht=Object.prototype.hasOwnProperty,bt={},ft={};function mt(e,t,r,n,a,o){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=n,this.attributeNamespace=a,this.mustUseProperty=r,this.propertyName=e,this.type=t,this.sanitizeURL=o}var gt={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){gt[e]=new mt(e,0,!1,e,null,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];gt[t]=new mt(t,1,!1,e[1],null,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){gt[e]=new mt(e,2,!1,e.toLowerCase(),null,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){gt[e]=new mt(e,2,!1,e,null,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){gt[e]=new mt(e,3,!1,e.toLowerCase(),null,!1)})),["checked","multiple","muted","selected"].forEach((function(e){gt[e]=new mt(e,3,!0,e,null,!1)})),["capture","download"].forEach((function(e){gt[e]=new mt(e,4,!1,e,null,!1)})),["cols","rows","size","span"].forEach((function(e){gt[e]=new mt(e,6,!1,e,null,!1)})),["rowSpan","start"].forEach((function(e){gt[e]=new mt(e,5,!1,e.toLowerCase(),null,!1)}));var vt=/[\-:]([a-z])/g;function yt(e){return e[1].toUpperCase()}function Ct(e,t,r,n){var a=gt.hasOwnProperty(t)?gt[t]:null;(null!==a?0===a.type:!n&&(2<t.length&&("o"===t[0]||"O"===t[0])&&("n"===t[1]||"N"===t[1])))||(function(e,t,r,n){if(null==t||function(e,t,r,n){if(null!==r&&0===r.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!n&&(null!==r?!r.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,r,n))return!0;if(n)return!1;if(null!==r)switch(r.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,r,a,n)&&(r=null),n||null===a?function(e){return!!ht.call(ft,e)||!ht.call(bt,e)&&(dt.test(e)?ft[e]=!0:(bt[e]=!0,!1))}(t)&&(null===r?e.removeAttribute(t):e.setAttribute(t,""+r)):a.mustUseProperty?e[a.propertyName]=null===r?3!==a.type&&"":r:(t=a.attributeName,n=a.attributeNamespace,null===r?e.removeAttribute(t):(r=3===(a=a.type)||4===a&&!0===r?"":""+r,n?e.setAttributeNS(n,t,r):e.setAttribute(t,r))))}function Et(e){switch(typeof e){case"boolean":case"number":case"object":case"string":case"undefined":return e;default:return""}}function xt(e,t){var r=t.checked;return a({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=r?r:e._wrapperState.initialChecked})}function Ot(e,t){var r=null==t.defaultValue?"":t.defaultValue,n=null!=t.checked?t.checked:t.defaultChecked;r=Et(null!=t.value?t.value:r),e._wrapperState={initialChecked:n,initialValue:r,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function St(e,t){null!=(t=t.checked)&&Ct(e,"checked",t,!1)}function Pt(e,t){St(e,t);var r=Et(t.value),n=t.type;if(null!=r)"number"===n?(0===r&&""===e.value||e.value!=r)&&(e.value=""+r):e.value!==""+r&&(e.value=""+r);else if("submit"===n||"reset"===n)return void e.removeAttribute("value");t.hasOwnProperty("value")?kt(e,t.type,r):t.hasOwnProperty("defaultValue")&&kt(e,t.type,Et(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function wt(e,t,r){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var n=t.type;if(!("submit"!==n&&"reset"!==n||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,r||t===e.value||(e.value=t),e.defaultValue=t}""!==(r=e.name)&&(e.name=""),e.defaultChecked=!e.defaultChecked,e.defaultChecked=!!e._wrapperState.initialChecked,""!==r&&(e.name=r)}function kt(e,t,r){"number"===t&&e.ownerDocument.activeElement===e||(null==r?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+r&&(e.defaultValue=""+r))}"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(vt,yt);gt[t]=new mt(t,1,!1,e,null,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(vt,yt);gt[t]=new mt(t,1,!1,e,"http://www.w3.org/1999/xlink",!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(vt,yt);gt[t]=new mt(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1)})),["tabIndex","crossOrigin"].forEach((function(e){gt[e]=new mt(e,1,!1,e.toLowerCase(),null,!1)})),gt.xlinkHref=new mt("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0),["src","href","action","formAction"].forEach((function(e){gt[e]=new mt(e,1,!1,e.toLowerCase(),null,!0)}));var _t={change:{phasedRegistrationNames:{bubbled:"onChange",captured:"onChangeCapture"},dependencies:"blur change click focus input keydown keyup selectionchange".split(" ")}};function Nt(e,t,r){return(e=pe.getPooled(_t.change,e,t,r)).type="change",Me(r),W(e),e}var Tt=null,Mt=null;function Rt(e){T(e)}function At(e){if(We(z(e)))return e}function Lt(e,t){if("change"===e)return t}var jt=!1;function It(){Tt&&(Tt.detachEvent("onpropertychange",Dt),Mt=Tt=null)}function Dt(e){if("value"===e.propertyName&&At(Mt))if(e=Nt(Mt,e,Be(e)),De)T(e);else{De=!0;try{Ae(Rt,e)}finally{De=!1,ze()}}}function zt(e,t,r){"focus"===e?(It(),Mt=r,(Tt=t).attachEvent("onpropertychange",Dt)):"blur"===e&&It()}function Ft(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return At(Mt)}function Gt(e,t){if("click"===e)return At(t)}function Bt(e,t){if("input"===e||"change"===e)return At(t)}Y&&(jt=He("input")&&(!document.documentMode||9<document.documentMode));var Ht={eventTypes:_t,_isInputEventSupported:jt,extractEvents:function(e,t,r,n){var a=t?z(t):window,o=void 0,i=void 0,l=a.nodeName&&a.nodeName.toLowerCase();if("select"===l||"input"===l&&"file"===a.type?o=Lt:Ge(a)?jt?o=Bt:(o=Ft,i=zt):(l=a.nodeName)&&"input"===l.toLowerCase()&&("checkbox"===a.type||"radio"===a.type)&&(o=Gt),o&&(o=o(e,t)))return Nt(o,r,n);i&&i(e,a,t),"blur"===e&&(e=a._wrapperState)&&e.controlled&&"number"===a.type&&kt(a,"number",a.value)}},Ut=pe.extend({view:null,detail:null}),Vt={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Wt(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=Vt[e])&&!!t[e]}function Yt(){return Wt}var Xt=0,Kt=0,qt=!1,Qt=!1,$t=Ut.extend({screenX:null,screenY:null,clientX:null,clientY:null,pageX:null,pageY:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,getModifierState:Yt,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=Xt;return Xt=e.screenX,qt?"mousemove"===e.type?e.screenX-t:0:(qt=!0,0)},movementY:function(e){if("movementY"in e)return e.movementY;var t=Kt;return Kt=e.screenY,Qt?"mousemove"===e.type?e.screenY-t:0:(Qt=!0,0)}}),Zt=$t.extend({pointerId:null,width:null,height:null,pressure:null,tangentialPressure:null,tiltX:null,tiltY:null,twist:null,pointerType:null,isPrimary:null}),Jt={mouseEnter:{registrationName:"onMouseEnter",dependencies:["mouseout","mouseover"]},mouseLeave:{registrationName:"onMouseLeave",dependencies:["mouseout","mouseover"]},pointerEnter:{registrationName:"onPointerEnter",dependencies:["pointerout","pointerover"]},pointerLeave:{registrationName:"onPointerLeave",dependencies:["pointerout","pointerover"]}},er={eventTypes:Jt,extractEvents:function(e,t,r,n){var a="mouseover"===e||"pointerover"===e,o="mouseout"===e||"pointerout"===e;if(a&&(r.relatedTarget||r.fromElement)||!o&&!a)return null;if(a=n.window===n?n:(a=n.ownerDocument)?a.defaultView||a.parentWindow:window,o?(o=t,t=(t=r.relatedTarget||r.toElement)?I(t):null):o=null,o===t)return null;var i=void 0,l=void 0,s=void 0,p=void 0;"mouseout"===e||"mouseover"===e?(i=$t,l=Jt.mouseLeave,s=Jt.mouseEnter,p="mouse"):"pointerout"!==e&&"pointerover"!==e||(i=Zt,l=Jt.pointerLeave,s=Jt.pointerEnter,p="pointer");var c=null==o?a:z(o);if(a=null==t?a:z(t),(e=i.getPooled(l,o,r,n)).type=p+"leave",e.target=c,e.relatedTarget=a,(r=i.getPooled(s,t,r,n)).type=p+"enter",r.target=a,r.relatedTarget=c,n=t,o&&n)e:{for(a=n,p=0,i=t=o;i;i=G(i))p++;for(i=0,s=a;s;s=G(s))i++;for(;0<p-i;)t=G(t),p--;for(;0<i-p;)a=G(a),i--;for(;p--;){if(t===a||t===a.alternate)break e;t=G(t),a=G(a)}t=null}else t=null;for(a=t,t=[];o&&o!==a&&(null===(p=o.alternate)||p!==a);)t.push(o),o=G(o);for(o=[];n&&n!==a&&(null===(p=n.alternate)||p!==a);)o.push(n),n=G(n);for(n=0;n<t.length;n++)U(t[n],"bubbled",e);for(n=o.length;0<n--;)U(o[n],"captured",r);return[e,r]}};function tr(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t}var rr=Object.prototype.hasOwnProperty;function nr(e,t){if(tr(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var r=Object.keys(e),n=Object.keys(t);if(r.length!==n.length)return!1;for(n=0;n<r.length;n++)if(!rr.call(t,r[n])||!tr(e[r[n]],t[r[n]]))return!1;return!0}function ar(e,t){return{responder:e,props:t}}function or(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 ir(e){if(2!==or(e))throw i(Error(188))}function lr(e){if(!(e=function(e){var t=e.alternate;if(!t){if(3===(t=or(e)))throw i(Error(188));return 1===t?null:e}for(var r=e,n=t;;){var a=r.return;if(null===a)break;var o=a.alternate;if(null===o){if(null!==(n=a.return)){r=n;continue}break}if(a.child===o.child){for(o=a.child;o;){if(o===r)return ir(a),e;if(o===n)return ir(a),t;o=o.sibling}throw i(Error(188))}if(r.return!==n.return)r=a,n=o;else{for(var l=!1,s=a.child;s;){if(s===r){l=!0,r=a,n=o;break}if(s===n){l=!0,n=a,r=o;break}s=s.sibling}if(!l){for(s=o.child;s;){if(s===r){l=!0,r=o,n=a;break}if(s===n){l=!0,n=o,r=a;break}s=s.sibling}if(!l)throw i(Error(189))}}if(r.alternate!==n)throw i(Error(190))}if(3!==r.tag)throw i(Error(188));return r.stateNode.current===r?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}new Map,new Map,new Set,new Map;var sr=pe.extend({animationName:null,elapsedTime:null,pseudoElement:null}),pr=pe.extend({clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),cr=Ut.extend({relatedTarget:null});function ur(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}for(var dr={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},hr={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"},br=Ut.extend({key:function(e){if(e.key){var t=dr[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=ur(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?hr[e.keyCode]||"Unidentified":""},location:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,repeat:null,locale:null,getModifierState:Yt,charCode:function(e){return"keypress"===e.type?ur(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?ur(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),fr=$t.extend({dataTransfer:null}),mr=Ut.extend({touches:null,targetTouches:null,changedTouches:null,altKey:null,metaKey:null,ctrlKey:null,shiftKey:null,getModifierState:Yt}),gr=pe.extend({propertyName:null,elapsedTime:null,pseudoElement:null}),vr=$t.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}),yr=[["blur","blur",0],["cancel","cancel",0],["click","click",0],["close","close",0],["contextmenu","contextMenu",0],["copy","copy",0],["cut","cut",0],["auxclick","auxClick",0],["dblclick","doubleClick",0],["dragend","dragEnd",0],["dragstart","dragStart",0],["drop","drop",0],["focus","focus",0],["input","input",0],["invalid","invalid",0],["keydown","keyDown",0],["keypress","keyPress",0],["keyup","keyUp",0],["mousedown","mouseDown",0],["mouseup","mouseUp",0],["paste","paste",0],["pause","pause",0],["play","play",0],["pointercancel","pointerCancel",0],["pointerdown","pointerDown",0],["pointerup","pointerUp",0],["ratechange","rateChange",0],["reset","reset",0],["seeked","seeked",0],["submit","submit",0],["touchcancel","touchCancel",0],["touchend","touchEnd",0],["touchstart","touchStart",0],["volumechange","volumeChange",0],["drag","drag",1],["dragenter","dragEnter",1],["dragexit","dragExit",1],["dragleave","dragLeave",1],["dragover","dragOver",1],["mousemove","mouseMove",1],["mouseout","mouseOut",1],["mouseover","mouseOver",1],["pointermove","pointerMove",1],["pointerout","pointerOut",1],["pointerover","pointerOver",1],["scroll","scroll",1],["toggle","toggle",1],["touchmove","touchMove",1],["wheel","wheel",1],["abort","abort",2],[Z,"animationEnd",2],[J,"animationIteration",2],[ee,"animationStart",2],["canplay","canPlay",2],["canplaythrough","canPlayThrough",2],["durationchange","durationChange",2],["emptied","emptied",2],["encrypted","encrypted",2],["ended","ended",2],["error","error",2],["gotpointercapture","gotPointerCapture",2],["load","load",2],["loadeddata","loadedData",2],["loadedmetadata","loadedMetadata",2],["loadstart","loadStart",2],["lostpointercapture","lostPointerCapture",2],["playing","playing",2],["progress","progress",2],["seeking","seeking",2],["stalled","stalled",2],["suspend","suspend",2],["timeupdate","timeUpdate",2],[te,"transitionEnd",2],["waiting","waiting",2]],Cr={},Er={},xr=0;xr<yr.length;xr++){var Or=yr[xr],Sr=Or[0],Pr=Or[1],wr=Or[2],kr="on"+(Pr[0].toUpperCase()+Pr.slice(1)),_r={phasedRegistrationNames:{bubbled:kr,captured:kr+"Capture"},dependencies:[Sr],eventPriority:wr};Cr[Pr]=_r,Er[Sr]=_r}var Nr={eventTypes:Cr,getEventPriority:function(e){return void 0!==(e=Er[e])?e.eventPriority:2},extractEvents:function(e,t,r,n){var a=Er[e];if(!a)return null;switch(e){case"keypress":if(0===ur(r))return null;case"keydown":case"keyup":e=br;break;case"blur":case"focus":e=cr;break;case"click":if(2===r.button)return null;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":e=$t;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":e=fr;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":e=mr;break;case Z:case J:case ee:e=sr;break;case te:e=gr;break;case"scroll":e=Ut;break;case"wheel":e=vr;break;case"copy":case"cut":case"paste":e=pr;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":e=Zt;break;default:e=pe}return W(t=e.getPooled(a,t,r,n)),t}},Tr=Nr.getEventPriority,Mr=[];function Rr(e){var t=e.targetInst,r=t;do{if(!r){e.ancestors.push(r);break}var n;for(n=r;n.return;)n=n.return;if(!(n=3!==n.tag?null:n.stateNode.containerInfo))break;e.ancestors.push(r),r=I(n)}while(r);for(r=0;r<e.ancestors.length;r++){t=e.ancestors[r];var a=Be(e.nativeEvent);n=e.topLevelType;for(var o=e.nativeEvent,i=null,l=0;l<u.length;l++){var s=u[l];s&&(s=s.extractEvents(n,t,o,a))&&(i=w(i,s))}T(i)}}var Ar=!0;function Lr(e,t){jr(t,e,!1)}function jr(e,t,r){switch(Tr(t)){case 0:var n=Ir.bind(null,t,1);break;case 1:n=Dr.bind(null,t,1);break;default:n=zr.bind(null,t,1)}r?e.addEventListener(t,n,!0):e.addEventListener(t,n,!1)}function Ir(e,t,r){De||je();var n=zr,a=De;De=!0;try{Le(n,e,t,r)}finally{(De=a)||ze()}}function Dr(e,t,r){zr(e,t,r)}function zr(e,t,r){if(Ar){if(null===(t=I(t=Be(r)))||"number"!=typeof t.tag||2===or(t)||(t=null),Mr.length){var n=Mr.pop();n.topLevelType=e,n.nativeEvent=r,n.targetInst=t,e=n}else e={topLevelType:e,nativeEvent:r,targetInst:t,ancestors:[]};try{if(r=e,De)Rr(r);else{De=!0;try{Ie(Rr,r,void 0)}finally{De=!1,ze()}}}finally{e.topLevelType=null,e.nativeEvent=null,e.targetInst=null,e.ancestors.length=0,10>Mr.length&&Mr.push(e)}}}var Fr=new("function"==typeof WeakMap?WeakMap:Map);function Gr(e){var t=Fr.get(e);return void 0===t&&(t=new Set,Fr.set(e,t)),t}function Br(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 Hr(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function Ur(e,t){var r,n=Hr(e);for(e=0;n;){if(3===n.nodeType){if(r=e+n.textContent.length,e<=t&&r>=t)return{node:n,offset:t-e};e=r}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=Hr(n)}}function Vr(){for(var e=window,t=Br();t instanceof e.HTMLIFrameElement;){try{var r="string"==typeof t.contentWindow.location.href}catch(e){r=!1}if(!r)break;t=Br((e=t.contentWindow).document)}return t}function Wr(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 Yr=Y&&"documentMode"in document&&11>=document.documentMode,Xr={select:{phasedRegistrationNames:{bubbled:"onSelect",captured:"onSelectCapture"},dependencies:"blur contextmenu dragend focus keydown keyup mousedown mouseup selectionchange".split(" ")}},Kr=null,qr=null,Qr=null,$r=!1;function Zr(e,t){var r=t.window===t?t.document:9===t.nodeType?t:t.ownerDocument;return $r||null==Kr||Kr!==Br(r)?null:("selectionStart"in(r=Kr)&&Wr(r)?r={start:r.selectionStart,end:r.selectionEnd}:r={anchorNode:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset},Qr&&nr(Qr,r)?null:(Qr=r,(e=pe.getPooled(Xr.select,qr,e,t)).type="select",e.target=Kr,W(e),e))}var Jr={eventTypes:Xr,extractEvents:function(e,t,r,n){var a,o=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;if(!(a=!o)){e:{o=Gr(o),a=b.onSelect;for(var i=0;i<a.length;i++)if(!o.has(a[i])){o=!1;break e}o=!0}a=!o}if(a)return null;switch(o=t?z(t):window,e){case"focus":(Ge(o)||"true"===o.contentEditable)&&(Kr=o,qr=t,Qr=null);break;case"blur":Qr=qr=Kr=null;break;case"mousedown":$r=!0;break;case"contextmenu":case"mouseup":case"dragend":return $r=!1,Zr(r,n);case"selectionchange":if(Yr)break;case"keydown":case"keyup":return Zr(r,n)}return null}};function en(e,t){return e=a({children:void 0},t),(t=function(e){var t="";return n.Children.forEach(e,(function(e){null!=e&&(t+=e)})),t}(t.children))&&(e.children=t),e}function tn(e,t,r,n){if(e=e.options,t){t={};for(var a=0;a<r.length;a++)t["$"+r[a]]=!0;for(r=0;r<e.length;r++)a=t.hasOwnProperty("$"+e[r].value),e[r].selected!==a&&(e[r].selected=a),a&&n&&(e[r].defaultSelected=!0)}else{for(r=""+Et(r),t=null,a=0;a<e.length;a++){if(e[a].value===r)return e[a].selected=!0,void(n&&(e[a].defaultSelected=!0));null!==t||e[a].disabled||(t=e[a])}null!==t&&(t.selected=!0)}}function rn(e,t){if(null!=t.dangerouslySetInnerHTML)throw i(Error(91));return a({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function nn(e,t){var r=t.value;if(null==r){if(r=t.defaultValue,null!=(t=t.children)){if(null!=r)throw i(Error(92));if(Array.isArray(t)){if(!(1>=t.length))throw i(Error(93));t=t[0]}r=t}null==r&&(r="")}e._wrapperState={initialValue:Et(r)}}function an(e,t){var r=Et(t.value),n=Et(t.defaultValue);null!=r&&((r=""+r)!==e.value&&(e.value=r),null==t.defaultValue&&e.defaultValue!==r&&(e.defaultValue=r)),null!=n&&(e.defaultValue=""+n)}function on(e){var t=e.textContent;t===e._wrapperState.initialValue&&(e.value=t)}M.injectEventPluginOrder("ResponderEventPlugin SimpleEventPlugin EnterLeaveEventPlugin ChangeEventPlugin SelectEventPlugin BeforeInputEventPlugin".split(" ")),x=F,O=D,S=z,M.injectEventPluginsByName({SimpleEventPlugin:Nr,EnterLeaveEventPlugin:er,ChangeEventPlugin:Ht,SelectEventPlugin:Jr,BeforeInputEventPlugin:we});var ln="http://www.w3.org/1999/xhtml",sn="http://www.w3.org/2000/svg";function pn(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 cn(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?pn(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var un=void 0,dn=function(e){return"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(t,r,n,a){MSApp.execUnsafeLocalFunction((function(){return e(t,r)}))}:e}((function(e,t){if(e.namespaceURI!==sn||"innerHTML"in e)e.innerHTML=t;else{for((un=un||document.createElement("div")).innerHTML="<svg>"+t+"</svg>",t=un.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}}));function hn(e,t){if(t){var r=e.firstChild;if(r&&r===e.lastChild&&3===r.nodeType)return void(r.nodeValue=t)}e.textContent=t}var bn={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},fn=["Webkit","ms","Moz","O"];function mn(e,t,r){return null==t||"boolean"==typeof t||""===t?"":r||"number"!=typeof t||0===t||bn.hasOwnProperty(e)&&bn[e]?(""+t).trim():t+"px"}function gn(e,t){for(var r in e=e.style,t)if(t.hasOwnProperty(r)){var n=0===r.indexOf("--"),a=mn(r,t[r],n);"float"===r&&(r="cssFloat"),n?e.setProperty(r,a):e[r]=a}}Object.keys(bn).forEach((function(e){fn.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),bn[t]=bn[e]}))}));var vn=a({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 yn(e,t){if(t){if(vn[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw i(Error(137),e,"");if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw i(Error(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw i(Error(61))}if(null!=t.style&&"object"!=typeof t.style)throw i(Error(62),"")}}function Cn(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 En(e,t){var r=Gr(e=9===e.nodeType||11===e.nodeType?e:e.ownerDocument);t=b[t];for(var n=0;n<t.length;n++){var a=t[n];if(!r.has(a)){switch(a){case"scroll":jr(e,"scroll",!0);break;case"focus":case"blur":jr(e,"focus",!0),jr(e,"blur",!0),r.add("blur"),r.add("focus");break;case"cancel":case"close":He(a)&&jr(e,a,!0);break;case"invalid":case"submit":case"reset":break;default:-1===re.indexOf(a)&&Lr(a,e)}r.add(a)}}}function xn(){}var On=null,Sn=null;function Pn(e,t){switch(e){case"button":case"input":case"select":case"textarea":return!!t.autoFocus}return!1}function wn(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 kn="function"==typeof setTimeout?setTimeout:void 0,_n="function"==typeof clearTimeout?clearTimeout:void 0;function Nn(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break}return e}new Set;var Tn=[],Mn=-1;function Rn(e){0>Mn||(e.current=Tn[Mn],Tn[Mn]=null,Mn--)}function An(e,t){Mn++,Tn[Mn]=e.current,e.current=t}var Ln={},jn={current:Ln},In={current:!1},Dn=Ln;function zn(e,t){var r=e.type.contextTypes;if(!r)return Ln;var n=e.stateNode;if(n&&n.__reactInternalMemoizedUnmaskedChildContext===t)return n.__reactInternalMemoizedMaskedChildContext;var a,o={};for(a in r)o[a]=t[a];return n&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=o),o}function Fn(e){return null!=(e=e.childContextTypes)}function Gn(e){Rn(In),Rn(jn)}function Bn(e){Rn(In),Rn(jn)}function Hn(e,t,r){if(jn.current!==Ln)throw i(Error(168));An(jn,t),An(In,r)}function Un(e,t,r){var n=e.stateNode;if(e=t.childContextTypes,"function"!=typeof n.getChildContext)return r;for(var o in n=n.getChildContext())if(!(o in e))throw i(Error(108),ct(t)||"Unknown",o);return a({},r,n)}function Vn(e){var t=e.stateNode;return t=t&&t.__reactInternalMemoizedMergedChildContext||Ln,Dn=jn.current,An(jn,t),An(In,In.current),!0}function Wn(e,t,r){var n=e.stateNode;if(!n)throw i(Error(169));r?(t=Un(e,t,Dn),n.__reactInternalMemoizedMergedChildContext=t,Rn(In),Rn(jn),An(jn,t)):Rn(In),An(In,r)}var Yn=o.unstable_runWithPriority,Xn=o.unstable_scheduleCallback,Kn=o.unstable_cancelCallback,qn=o.unstable_shouldYield,Qn=o.unstable_requestPaint,$n=o.unstable_now,Zn=o.unstable_getCurrentPriorityLevel,Jn=o.unstable_ImmediatePriority,ea=o.unstable_UserBlockingPriority,ta=o.unstable_NormalPriority,ra=o.unstable_LowPriority,na=o.unstable_IdlePriority,aa={},oa=void 0!==Qn?Qn:function(){},ia=null,la=null,sa=!1,pa=$n(),ca=1e4>pa?$n:function(){return $n()-pa};function ua(){switch(Zn()){case Jn:return 99;case ea:return 98;case ta:return 97;case ra:return 96;case na:return 95;default:throw i(Error(332))}}function da(e){switch(e){case 99:return Jn;case 98:return ea;case 97:return ta;case 96:return ra;case 95:return na;default:throw i(Error(332))}}function ha(e,t){return e=da(e),Yn(e,t)}function ba(e,t,r){return e=da(e),Xn(e,t,r)}function fa(e){return null===ia?(ia=[e],la=Xn(Jn,ga)):ia.push(e),aa}function ma(){null!==la&&Kn(la),ga()}function ga(){if(!sa&&null!==ia){sa=!0;var e=0;try{var t=ia;ha(99,(function(){for(;e<t.length;e++){var r=t[e];do{r=r(!0)}while(null!==r)}})),ia=null}catch(t){throw null!==ia&&(ia=ia.slice(e+1)),Xn(Jn,ma),t}finally{sa=!1}}}function va(e,t){return 1073741823===t?99:1===t?95:0>=(e=10*(1073741821-t)-10*(1073741821-e))?99:250>=e?98:5250>=e?97:95}function ya(e,t){if(e&&e.defaultProps)for(var r in t=a({},t),e=e.defaultProps)void 0===t[r]&&(t[r]=e[r]);return t}var Ca={current:null},Ea=null,xa=null,Oa=null;function Sa(){Oa=xa=Ea=null}function Pa(e,t){var r=e.type._context;An(Ca,r._currentValue),r._currentValue=t}function wa(e){var t=Ca.current;Rn(Ca),e.type._context._currentValue=t}function ka(e,t){for(;null!==e;){var r=e.alternate;if(e.childExpirationTime<t)e.childExpirationTime=t,null!==r&&r.childExpirationTime<t&&(r.childExpirationTime=t);else{if(!(null!==r&&r.childExpirationTime<t))break;r.childExpirationTime=t}e=e.return}}function _a(e,t){Ea=e,Oa=xa=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(e.expirationTime>=t&&(ti=!0),e.firstContext=null)}function Na(e,t){if(Oa!==e&&!1!==t&&0!==t)if("number"==typeof t&&1073741823!==t||(Oa=e,t=1073741823),t={context:e,observedBits:t,next:null},null===xa){if(null===Ea)throw i(Error(308));xa=t,Ea.dependencies={expirationTime:0,firstContext:t,responders:null}}else xa=xa.next=t;return e._currentValue}var Ta=!1;function Ma(e){return{baseState:e,firstUpdate:null,lastUpdate:null,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null}}function Ra(e){return{baseState:e.baseState,firstUpdate:e.firstUpdate,lastUpdate:e.lastUpdate,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null}}function Aa(e,t){return{expirationTime:e,suspenseConfig:t,tag:0,payload:null,callback:null,next:null,nextEffect:null}}function La(e,t){null===e.lastUpdate?e.firstUpdate=e.lastUpdate=t:(e.lastUpdate.next=t,e.lastUpdate=t)}function ja(e,t){var r=e.alternate;if(null===r){var n=e.updateQueue,a=null;null===n&&(n=e.updateQueue=Ma(e.memoizedState))}else n=e.updateQueue,a=r.updateQueue,null===n?null===a?(n=e.updateQueue=Ma(e.memoizedState),a=r.updateQueue=Ma(r.memoizedState)):n=e.updateQueue=Ra(a):null===a&&(a=r.updateQueue=Ra(n));null===a||n===a?La(n,t):null===n.lastUpdate||null===a.lastUpdate?(La(n,t),La(a,t)):(La(n,t),a.lastUpdate=t)}function Ia(e,t){var r=e.updateQueue;null===(r=null===r?e.updateQueue=Ma(e.memoizedState):Da(e,r)).lastCapturedUpdate?r.firstCapturedUpdate=r.lastCapturedUpdate=t:(r.lastCapturedUpdate.next=t,r.lastCapturedUpdate=t)}function Da(e,t){var r=e.alternate;return null!==r&&t===r.updateQueue&&(t=e.updateQueue=Ra(t)),t}function za(e,t,r,n,o,i){switch(r.tag){case 1:return"function"==typeof(e=r.payload)?e.call(i,n,o):e;case 3:e.effectTag=-2049&e.effectTag|64;case 0:if(null==(o="function"==typeof(e=r.payload)?e.call(i,n,o):e))break;return a({},n,o);case 2:Ta=!0}return n}function Fa(e,t,r,n,a){Ta=!1;for(var o=(t=Da(e,t)).baseState,i=null,l=0,s=t.firstUpdate,p=o;null!==s;){var c=s.expirationTime;c<a?(null===i&&(i=s,o=p),l<c&&(l=c)):(El(c,s.suspenseConfig),p=za(e,0,s,p,r,n),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(c=null,s=t.firstCapturedUpdate;null!==s;){var u=s.expirationTime;u<a?(null===c&&(c=s,null===i&&(o=p)),l<u&&(l=u)):(p=za(e,0,s,p,r,n),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===c?t.lastCapturedUpdate=null:e.effectTag|=32,null===i&&null===c&&(o=p),t.baseState=o,t.firstUpdate=i,t.firstCapturedUpdate=c,e.expirationTime=l,e.memoizedState=p}function Ga(e,t,r){null!==t.firstCapturedUpdate&&(null!==t.lastUpdate&&(t.lastUpdate.next=t.firstCapturedUpdate,t.lastUpdate=t.lastCapturedUpdate),t.firstCapturedUpdate=t.lastCapturedUpdate=null),Ba(t.firstEffect,r),t.firstEffect=t.lastEffect=null,Ba(t.firstCapturedEffect,r),t.firstCapturedEffect=t.lastCapturedEffect=null}function Ba(e,t){for(;null!==e;){var r=e.callback;if(null!==r){e.callback=null;var n=t;if("function"!=typeof r)throw i(Error(191),r);r.call(n)}e=e.nextEffect}}var Ha=Ye.ReactCurrentBatchConfig,Ua=(new n.Component).refs;function Va(e,t,r,n){r=null==(r=r(n,t=e.memoizedState))?t:a({},t,r),e.memoizedState=r,null!==(n=e.updateQueue)&&0===e.expirationTime&&(n.baseState=r)}var Wa={isMounted:function(e){return!!(e=e._reactInternalFiber)&&2===or(e)},enqueueSetState:function(e,t,r){e=e._reactInternalFiber;var n=sl(),a=Ha.suspense;(a=Aa(n=pl(n,e,a),a)).payload=t,null!=r&&(a.callback=r),ja(e,a),ul(e,n)},enqueueReplaceState:function(e,t,r){e=e._reactInternalFiber;var n=sl(),a=Ha.suspense;(a=Aa(n=pl(n,e,a),a)).tag=1,a.payload=t,null!=r&&(a.callback=r),ja(e,a),ul(e,n)},enqueueForceUpdate:function(e,t){e=e._reactInternalFiber;var r=sl(),n=Ha.suspense;(n=Aa(r=pl(r,e,n),n)).tag=2,null!=t&&(n.callback=t),ja(e,n),ul(e,r)}};function Ya(e,t,r,n,a,o,i){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(n,o,i):!t.prototype||!t.prototype.isPureReactComponent||(!nr(r,n)||!nr(a,o))}function Xa(e,t,r){var n=!1,a=Ln,o=t.contextType;return"object"==typeof o&&null!==o?o=Na(o):(a=Fn(t)?Dn:jn.current,o=(n=null!=(n=t.contextTypes))?zn(e,a):Ln),t=new t(r,o),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=Wa,e.stateNode=t,t._reactInternalFiber=e,n&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=a,e.__reactInternalMemoizedMaskedChildContext=o),t}function Ka(e,t,r,n){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(r,n),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(r,n),t.state!==e&&Wa.enqueueReplaceState(t,t.state,null)}function qa(e,t,r,n){var a=e.stateNode;a.props=r,a.state=e.memoizedState,a.refs=Ua;var o=t.contextType;"object"==typeof o&&null!==o?a.context=Na(o):(o=Fn(t)?Dn:jn.current,a.context=zn(e,o)),null!==(o=e.updateQueue)&&(Fa(e,o,r,a,n),a.state=e.memoizedState),"function"==typeof(o=t.getDerivedStateFromProps)&&(Va(e,t,o,r),a.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof a.getSnapshotBeforeUpdate||"function"!=typeof a.UNSAFE_componentWillMount&&"function"!=typeof a.componentWillMount||(t=a.state,"function"==typeof a.componentWillMount&&a.componentWillMount(),"function"==typeof a.UNSAFE_componentWillMount&&a.UNSAFE_componentWillMount(),t!==a.state&&Wa.enqueueReplaceState(a,a.state,null),null!==(o=e.updateQueue)&&(Fa(e,o,r,a,n),a.state=e.memoizedState)),"function"==typeof a.componentDidMount&&(e.effectTag|=4)}var Qa=Array.isArray;function $a(e,t,r){if(null!==(e=r.ref)&&"function"!=typeof e&&"object"!=typeof e){if(r._owner){r=r._owner;var n=void 0;if(r){if(1!==r.tag)throw i(Error(309));n=r.stateNode}if(!n)throw i(Error(147),e);var a=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===a?t.ref:((t=function(e){var t=n.refs;t===Ua&&(t=n.refs={}),null===e?delete t[a]:t[a]=e})._stringRef=a,t)}if("string"!=typeof e)throw i(Error(284));if(!r._owner)throw i(Error(290),e)}return e}function Za(e,t){if("textarea"!==e.type)throw i(Error(31),"[object Object]"===Object.prototype.toString.call(t)?"object with keys {"+Object.keys(t).join(", ")+"}":t,"")}function Ja(e){function t(t,r){if(e){var n=t.lastEffect;null!==n?(n.nextEffect=r,t.lastEffect=r):t.firstEffect=t.lastEffect=r,r.nextEffect=null,r.effectTag=8}}function r(r,n){if(!e)return null;for(;null!==n;)t(r,n),n=n.sibling;return null}function n(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 a(e,t,r){return(e=zl(e,t)).index=0,e.sibling=null,e}function o(t,r,n){return t.index=n,e?null!==(n=t.alternate)?(n=n.index)<r?(t.effectTag=2,r):n:(t.effectTag=2,r):r}function l(t){return e&&null===t.alternate&&(t.effectTag=2),t}function s(e,t,r,n){return null===t||6!==t.tag?((t=Bl(r,e.mode,n)).return=e,t):((t=a(t,r)).return=e,t)}function p(e,t,r,n){return null!==t&&t.elementType===r.type?((n=a(t,r.props)).ref=$a(e,t,r),n.return=e,n):((n=Fl(r.type,r.key,r.props,null,e.mode,n)).ref=$a(e,t,r),n.return=e,n)}function c(e,t,r,n){return null===t||4!==t.tag||t.stateNode.containerInfo!==r.containerInfo||t.stateNode.implementation!==r.implementation?((t=Hl(r,e.mode,n)).return=e,t):((t=a(t,r.children||[])).return=e,t)}function u(e,t,r,n,o){return null===t||7!==t.tag?((t=Gl(r,e.mode,n,o)).return=e,t):((t=a(t,r)).return=e,t)}function d(e,t,r){if("string"==typeof t||"number"==typeof t)return(t=Bl(""+t,e.mode,r)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case qe:return(r=Fl(t.type,t.key,t.props,null,e.mode,r)).ref=$a(e,null,t),r.return=e,r;case Qe:return(t=Hl(t,e.mode,r)).return=e,t}if(Qa(t)||pt(t))return(t=Gl(t,e.mode,r,null)).return=e,t;Za(e,t)}return null}function h(e,t,r,n){var a=null!==t?t.key:null;if("string"==typeof r||"number"==typeof r)return null!==a?null:s(e,t,""+r,n);if("object"==typeof r&&null!==r){switch(r.$$typeof){case qe:return r.key===a?r.type===$e?u(e,t,r.props.children,n,a):p(e,t,r,n):null;case Qe:return r.key===a?c(e,t,r,n):null}if(Qa(r)||pt(r))return null!==a?null:u(e,t,r,n,null);Za(e,r)}return null}function b(e,t,r,n,a){if("string"==typeof n||"number"==typeof n)return s(t,e=e.get(r)||null,""+n,a);if("object"==typeof n&&null!==n){switch(n.$$typeof){case qe:return e=e.get(null===n.key?r:n.key)||null,n.type===$e?u(t,e,n.props.children,a,n.key):p(t,e,n,a);case Qe:return c(t,e=e.get(null===n.key?r:n.key)||null,n,a)}if(Qa(n)||pt(n))return u(t,e=e.get(r)||null,n,a,null);Za(t,n)}return null}function f(a,i,l,s){for(var p=null,c=null,u=i,f=i=0,m=null;null!==u&&f<l.length;f++){u.index>f?(m=u,u=null):m=u.sibling;var g=h(a,u,l[f],s);if(null===g){null===u&&(u=m);break}e&&u&&null===g.alternate&&t(a,u),i=o(g,i,f),null===c?p=g:c.sibling=g,c=g,u=m}if(f===l.length)return r(a,u),p;if(null===u){for(;f<l.length;f++)null!==(u=d(a,l[f],s))&&(i=o(u,i,f),null===c?p=u:c.sibling=u,c=u);return p}for(u=n(a,u);f<l.length;f++)null!==(m=b(u,a,f,l[f],s))&&(e&&null!==m.alternate&&u.delete(null===m.key?f:m.key),i=o(m,i,f),null===c?p=m:c.sibling=m,c=m);return e&&u.forEach((function(e){return t(a,e)})),p}function m(a,l,s,p){var c=pt(s);if("function"!=typeof c)throw i(Error(150));if(null==(s=c.call(s)))throw i(Error(151));for(var u=c=null,f=l,m=l=0,g=null,v=s.next();null!==f&&!v.done;m++,v=s.next()){f.index>m?(g=f,f=null):g=f.sibling;var y=h(a,f,v.value,p);if(null===y){null===f&&(f=g);break}e&&f&&null===y.alternate&&t(a,f),l=o(y,l,m),null===u?c=y:u.sibling=y,u=y,f=g}if(v.done)return r(a,f),c;if(null===f){for(;!v.done;m++,v=s.next())null!==(v=d(a,v.value,p))&&(l=o(v,l,m),null===u?c=v:u.sibling=v,u=v);return c}for(f=n(a,f);!v.done;m++,v=s.next())null!==(v=b(f,a,m,v.value,p))&&(e&&null!==v.alternate&&f.delete(null===v.key?m:v.key),l=o(v,l,m),null===u?c=v:u.sibling=v,u=v);return e&&f.forEach((function(e){return t(a,e)})),c}return function(e,n,o,s){var p="object"==typeof o&&null!==o&&o.type===$e&&null===o.key;p&&(o=o.props.children);var c="object"==typeof o&&null!==o;if(c)switch(o.$$typeof){case qe:e:{for(c=o.key,p=n;null!==p;){if(p.key===c){if(7===p.tag?o.type===$e:p.elementType===o.type){r(e,p.sibling),(n=a(p,o.type===$e?o.props.children:o.props)).ref=$a(e,p,o),n.return=e,e=n;break e}r(e,p);break}t(e,p),p=p.sibling}o.type===$e?((n=Gl(o.props.children,e.mode,s,o.key)).return=e,e=n):((s=Fl(o.type,o.key,o.props,null,e.mode,s)).ref=$a(e,n,o),s.return=e,e=s)}return l(e);case Qe:e:{for(p=o.key;null!==n;){if(n.key===p){if(4===n.tag&&n.stateNode.containerInfo===o.containerInfo&&n.stateNode.implementation===o.implementation){r(e,n.sibling),(n=a(n,o.children||[])).return=e,e=n;break e}r(e,n);break}t(e,n),n=n.sibling}(n=Hl(o,e.mode,s)).return=e,e=n}return l(e)}if("string"==typeof o||"number"==typeof o)return o=""+o,null!==n&&6===n.tag?(r(e,n.sibling),(n=a(n,o)).return=e,e=n):(r(e,n),(n=Bl(o,e.mode,s)).return=e,e=n),l(e);if(Qa(o))return f(e,n,o,s);if(pt(o))return m(e,n,o,s);if(c&&Za(e,o),void 0===o&&!p)switch(e.tag){case 1:case 0:throw e=e.type,i(Error(152),e.displayName||e.name||"Component")}return r(e,n)}}var eo=Ja(!0),to=Ja(!1),ro={},no={current:ro},ao={current:ro},oo={current:ro};function io(e){if(e===ro)throw i(Error(174));return e}function lo(e,t){An(oo,t),An(ao,e),An(no,ro);var r=t.nodeType;switch(r){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:cn(null,"");break;default:t=cn(t=(r=8===r?t.parentNode:t).namespaceURI||null,r=r.tagName)}Rn(no),An(no,t)}function so(e){Rn(no),Rn(ao),Rn(oo)}function po(e){io(oo.current);var t=io(no.current),r=cn(t,e.type);t!==r&&(An(ao,e),An(no,r))}function co(e){ao.current===e&&(Rn(no),Rn(ao))}var uo={current:0};function ho(e){for(var t=e;null!==t;){if(13===t.tag){if(null!==t.memoizedState)return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(0!=(64&t.effectTag))return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var bo=Ye.ReactCurrentDispatcher,fo=0,mo=null,go=null,vo=null,yo=null,Co=null,Eo=null,xo=0,Oo=null,So=0,Po=!1,wo=null,ko=0;function _o(){throw i(Error(321))}function No(e,t){if(null===t)return!1;for(var r=0;r<t.length&&r<e.length;r++)if(!tr(e[r],t[r]))return!1;return!0}function To(e,t,r,n,a,o){if(fo=o,mo=t,vo=null!==e?e.memoizedState:null,bo.current=null===vo?Uo:Vo,t=r(n,a),Po){do{Po=!1,ko+=1,vo=null!==e?e.memoizedState:null,Eo=yo,Oo=Co=go=null,bo.current=Vo,t=r(n,a)}while(Po);wo=null,ko=0}if(bo.current=Ho,(e=mo).memoizedState=yo,e.expirationTime=xo,e.updateQueue=Oo,e.effectTag|=So,e=null!==go&&null!==go.next,fo=0,Eo=Co=yo=vo=go=mo=null,xo=0,Oo=null,So=0,e)throw i(Error(300));return t}function Mo(){bo.current=Ho,fo=0,Eo=Co=yo=vo=go=mo=null,xo=0,Oo=null,So=0,Po=!1,wo=null,ko=0}function Ro(){var e={memoizedState:null,baseState:null,queue:null,baseUpdate:null,next:null};return null===Co?yo=Co=e:Co=Co.next=e,Co}function Ao(){if(null!==Eo)Eo=(Co=Eo).next,vo=null!==(go=vo)?go.next:null;else{if(null===vo)throw i(Error(310));var e={memoizedState:(go=vo).memoizedState,baseState:go.baseState,queue:go.queue,baseUpdate:go.baseUpdate,next:null};Co=null===Co?yo=e:Co.next=e,vo=go.next}return Co}function Lo(e,t){return"function"==typeof t?t(e):t}function jo(e){var t=Ao(),r=t.queue;if(null===r)throw i(Error(311));if(r.lastRenderedReducer=e,0<ko){var n=r.dispatch;if(null!==wo){var a=wo.get(r);if(void 0!==a){wo.delete(r);var o=t.memoizedState;do{o=e(o,a.action),a=a.next}while(null!==a);return tr(o,t.memoizedState)||(ti=!0),t.memoizedState=o,t.baseUpdate===r.last&&(t.baseState=o),r.lastRenderedState=o,[o,n]}}return[t.memoizedState,n]}n=r.last;var l=t.baseUpdate;if(o=t.baseState,null!==l?(null!==n&&(n.next=null),n=l.next):n=null!==n?n.next:null,null!==n){var s=a=null,p=n,c=!1;do{var u=p.expirationTime;u<fo?(c||(c=!0,s=l,a=o),u>xo&&(xo=u)):(El(u,p.suspenseConfig),o=p.eagerReducer===e?p.eagerState:e(o,p.action)),l=p,p=p.next}while(null!==p&&p!==n);c||(s=l,a=o),tr(o,t.memoizedState)||(ti=!0),t.memoizedState=o,t.baseUpdate=s,t.baseState=a,r.lastRenderedState=o}return[t.memoizedState,r.dispatch]}function Io(e,t,r,n){return e={tag:e,create:t,destroy:r,deps:n,next:null},null===Oo?(Oo={lastEffect:null}).lastEffect=e.next=e:null===(t=Oo.lastEffect)?Oo.lastEffect=e.next=e:(r=t.next,t.next=e,e.next=r,Oo.lastEffect=e),e}function Do(e,t,r,n){var a=Ro();So|=e,a.memoizedState=Io(t,r,void 0,void 0===n?null:n)}function zo(e,t,r,n){var a=Ao();n=void 0===n?null:n;var o=void 0;if(null!==go){var i=go.memoizedState;if(o=i.destroy,null!==n&&No(n,i.deps))return void Io(0,r,o,n)}So|=e,a.memoizedState=Io(t,r,o,n)}function Fo(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function Go(){}function Bo(e,t,r){if(!(25>ko))throw i(Error(301));var n=e.alternate;if(e===mo||null!==n&&n===mo)if(Po=!0,e={expirationTime:fo,suspenseConfig:null,action:r,eagerReducer:null,eagerState:null,next:null},null===wo&&(wo=new Map),void 0===(r=wo.get(t)))wo.set(t,e);else{for(t=r;null!==t.next;)t=t.next;t.next=e}else{var a=sl(),o=Ha.suspense;o={expirationTime:a=pl(a,e,o),suspenseConfig:o,action:r,eagerReducer:null,eagerState:null,next:null};var l=t.last;if(null===l)o.next=o;else{var s=l.next;null!==s&&(o.next=s),l.next=o}if(t.last=o,0===e.expirationTime&&(null===n||0===n.expirationTime)&&null!==(n=t.lastRenderedReducer))try{var p=t.lastRenderedState,c=n(p,r);if(o.eagerReducer=n,o.eagerState=c,tr(c,p))return}catch(e){}ul(e,a)}}var Ho={readContext:Na,useCallback:_o,useContext:_o,useEffect:_o,useImperativeHandle:_o,useLayoutEffect:_o,useMemo:_o,useReducer:_o,useRef:_o,useState:_o,useDebugValue:_o,useResponder:_o},Uo={readContext:Na,useCallback:function(e,t){return Ro().memoizedState=[e,void 0===t?null:t],e},useContext:Na,useEffect:function(e,t){return Do(516,192,e,t)},useImperativeHandle:function(e,t,r){return r=null!=r?r.concat([e]):null,Do(4,36,Fo.bind(null,t,e),r)},useLayoutEffect:function(e,t){return Do(4,36,e,t)},useMemo:function(e,t){var r=Ro();return t=void 0===t?null:t,e=e(),r.memoizedState=[e,t],e},useReducer:function(e,t,r){var n=Ro();return t=void 0!==r?r(t):t,n.memoizedState=n.baseState=t,e=(e=n.queue={last:null,dispatch:null,lastRenderedReducer:e,lastRenderedState:t}).dispatch=Bo.bind(null,mo,e),[n.memoizedState,e]},useRef:function(e){return e={current:e},Ro().memoizedState=e},useState:function(e){var t=Ro();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e=(e=t.queue={last:null,dispatch:null,lastRenderedReducer:Lo,lastRenderedState:e}).dispatch=Bo.bind(null,mo,e),[t.memoizedState,e]},useDebugValue:Go,useResponder:ar},Vo={readContext:Na,useCallback:function(e,t){var r=Ao();t=void 0===t?null:t;var n=r.memoizedState;return null!==n&&null!==t&&No(t,n[1])?n[0]:(r.memoizedState=[e,t],e)},useContext:Na,useEffect:function(e,t){return zo(516,192,e,t)},useImperativeHandle:function(e,t,r){return r=null!=r?r.concat([e]):null,zo(4,36,Fo.bind(null,t,e),r)},useLayoutEffect:function(e,t){return zo(4,36,e,t)},useMemo:function(e,t){var r=Ao();t=void 0===t?null:t;var n=r.memoizedState;return null!==n&&null!==t&&No(t,n[1])?n[0]:(e=e(),r.memoizedState=[e,t],e)},useReducer:jo,useRef:function(){return Ao().memoizedState},useState:function(e){return jo(Lo)},useDebugValue:Go,useResponder:ar},Wo=null,Yo=null,Xo=!1;function Ko(e,t){var r=Il(5,null,null,0);r.elementType="DELETED",r.type="DELETED",r.stateNode=t,r.return=e,r.effectTag=8,null!==e.lastEffect?(e.lastEffect.nextEffect=r,e.lastEffect=r):e.firstEffect=e.lastEffect=r}function qo(e,t){switch(e.tag){case 5:var r=e.type;return null!==(t=1!==t.nodeType||r.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);case 13:default:return!1}}function Qo(e){if(Xo){var t=Yo;if(t){var r=t;if(!qo(e,t)){if(!(t=Nn(r.nextSibling))||!qo(e,t))return e.effectTag|=2,Xo=!1,void(Wo=e);Ko(Wo,r)}Wo=e,Yo=Nn(t.firstChild)}else e.effectTag|=2,Xo=!1,Wo=e}}function $o(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&18!==e.tag;)e=e.return;Wo=e}function Zo(e){if(e!==Wo)return!1;if(!Xo)return $o(e),Xo=!0,!1;var t=e.type;if(5!==e.tag||"head"!==t&&"body"!==t&&!wn(t,e.memoizedProps))for(t=Yo;t;)Ko(e,t),t=Nn(t.nextSibling);return $o(e),Yo=Wo?Nn(e.stateNode.nextSibling):null,!0}function Jo(){Yo=Wo=null,Xo=!1}var ei=Ye.ReactCurrentOwner,ti=!1;function ri(e,t,r,n){t.child=null===e?to(t,null,r,n):eo(t,e.child,r,n)}function ni(e,t,r,n,a){r=r.render;var o=t.ref;return _a(t,a),n=To(e,t,r,n,o,a),null===e||ti?(t.effectTag|=1,ri(e,t,n,a),t.child):(t.updateQueue=e.updateQueue,t.effectTag&=-517,e.expirationTime<=a&&(e.expirationTime=0),fi(e,t,a))}function ai(e,t,r,n,a,o){if(null===e){var i=r.type;return"function"!=typeof i||Dl(i)||void 0!==i.defaultProps||null!==r.compare||void 0!==r.defaultProps?((e=Fl(r.type,null,n,null,t.mode,o)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=i,oi(e,t,i,n,a,o))}return i=e.child,a<o&&(a=i.memoizedProps,(r=null!==(r=r.compare)?r:nr)(a,n)&&e.ref===t.ref)?fi(e,t,o):(t.effectTag|=1,(e=zl(i,n)).ref=t.ref,e.return=t,t.child=e)}function oi(e,t,r,n,a,o){return null!==e&&nr(e.memoizedProps,n)&&e.ref===t.ref&&(ti=!1,a<o)?fi(e,t,o):li(e,t,r,n,o)}function ii(e,t){var r=t.ref;(null===e&&null!==r||null!==e&&e.ref!==r)&&(t.effectTag|=128)}function li(e,t,r,n,a){var o=Fn(r)?Dn:jn.current;return o=zn(t,o),_a(t,a),r=To(e,t,r,n,o,a),null===e||ti?(t.effectTag|=1,ri(e,t,r,a),t.child):(t.updateQueue=e.updateQueue,t.effectTag&=-517,e.expirationTime<=a&&(e.expirationTime=0),fi(e,t,a))}function si(e,t,r,n,a){if(Fn(r)){var o=!0;Vn(t)}else o=!1;if(_a(t,a),null===t.stateNode)null!==e&&(e.alternate=null,t.alternate=null,t.effectTag|=2),Xa(t,r,n),qa(t,r,n,a),n=!0;else if(null===e){var i=t.stateNode,l=t.memoizedProps;i.props=l;var s=i.context,p=r.contextType;"object"==typeof p&&null!==p?p=Na(p):p=zn(t,p=Fn(r)?Dn:jn.current);var c=r.getDerivedStateFromProps,u="function"==typeof c||"function"==typeof i.getSnapshotBeforeUpdate;u||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(l!==n||s!==p)&&Ka(t,i,n,p),Ta=!1;var d=t.memoizedState;s=i.state=d;var h=t.updateQueue;null!==h&&(Fa(t,h,n,i,a),s=t.memoizedState),l!==n||d!==s||In.current||Ta?("function"==typeof c&&(Va(t,r,c,n),s=t.memoizedState),(l=Ta||Ya(t,r,l,n,d,s,p))?(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=n,t.memoizedState=s),i.props=n,i.state=s,i.context=p,n=l):("function"==typeof i.componentDidMount&&(t.effectTag|=4),n=!1)}else i=t.stateNode,l=t.memoizedProps,i.props=t.type===t.elementType?l:ya(t.type,l),s=i.context,"object"==typeof(p=r.contextType)&&null!==p?p=Na(p):p=zn(t,p=Fn(r)?Dn:jn.current),(u="function"==typeof(c=r.getDerivedStateFromProps)||"function"==typeof i.getSnapshotBeforeUpdate)||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(l!==n||s!==p)&&Ka(t,i,n,p),Ta=!1,s=t.memoizedState,d=i.state=s,null!==(h=t.updateQueue)&&(Fa(t,h,n,i,a),d=t.memoizedState),l!==n||s!==d||In.current||Ta?("function"==typeof c&&(Va(t,r,c,n),d=t.memoizedState),(c=Ta||Ya(t,r,l,n,s,d,p))?(u||"function"!=typeof i.UNSAFE_componentWillUpdate&&"function"!=typeof i.componentWillUpdate||("function"==typeof i.componentWillUpdate&&i.componentWillUpdate(n,d,p),"function"==typeof i.UNSAFE_componentWillUpdate&&i.UNSAFE_componentWillUpdate(n,d,p)),"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=n,t.memoizedState=d),i.props=n,i.state=d,i.context=p,n=c):("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),n=!1);return pi(e,t,r,n,o,a)}function pi(e,t,r,n,a,o){ii(e,t);var i=0!=(64&t.effectTag);if(!n&&!i)return a&&Wn(t,r,!1),fi(e,t,o);n=t.stateNode,ei.current=t;var l=i&&"function"!=typeof r.getDerivedStateFromError?null:n.render();return t.effectTag|=1,null!==e&&i?(t.child=eo(t,e.child,null,o),t.child=eo(t,null,l,o)):ri(e,t,l,o),t.memoizedState=n.state,a&&Wn(t,r,!0),t.child}function ci(e){var t=e.stateNode;t.pendingContext?Hn(0,t.pendingContext,t.pendingContext!==t.context):t.context&&Hn(0,t.context,!1),lo(e,t.containerInfo)}var ui={};function di(e,t,r){var n,a=t.mode,o=t.pendingProps,i=uo.current,l=null,s=!1;if((n=0!=(64&t.effectTag))||(n=0!=(2&i)&&(null===e||null!==e.memoizedState)),n?(l=ui,s=!0,t.effectTag&=-65):null!==e&&null===e.memoizedState||void 0===o.fallback||!0===o.unstable_avoidThisFallback||(i|=1),An(uo,i&=1),null===e)if(s){if(o=o.fallback,(e=Gl(null,a,0,null)).return=t,0==(2&t.mode))for(s=null!==t.memoizedState?t.child.child:t.child,e.child=s;null!==s;)s.return=e,s=s.sibling;(r=Gl(o,a,r,null)).return=t,e.sibling=r,a=e}else a=r=to(t,null,o.children,r);else{if(null!==e.memoizedState)if(a=(i=e.child).sibling,s){if(o=o.fallback,(r=zl(i,i.pendingProps)).return=t,0==(2&t.mode)&&(s=null!==t.memoizedState?t.child.child:t.child)!==i.child)for(r.child=s;null!==s;)s.return=r,s=s.sibling;(o=zl(a,o,a.expirationTime)).return=t,r.sibling=o,a=r,r.childExpirationTime=0,r=o}else a=r=eo(t,i.child,o.children,r);else if(i=e.child,s){if(s=o.fallback,(o=Gl(null,a,0,null)).return=t,o.child=i,null!==i&&(i.return=o),0==(2&t.mode))for(i=null!==t.memoizedState?t.child.child:t.child,o.child=i;null!==i;)i.return=o,i=i.sibling;(r=Gl(s,a,r,null)).return=t,o.sibling=r,r.effectTag|=2,a=o,o.childExpirationTime=0}else r=a=eo(t,i,o.children,r);t.stateNode=e.stateNode}return t.memoizedState=l,t.child=a,r}function hi(e,t,r,n,a){var o=e.memoizedState;null===o?e.memoizedState={isBackwards:t,rendering:null,last:n,tail:r,tailExpiration:0,tailMode:a}:(o.isBackwards=t,o.rendering=null,o.last=n,o.tail=r,o.tailExpiration=0,o.tailMode=a)}function bi(e,t,r){var n=t.pendingProps,a=n.revealOrder,o=n.tail;if(ri(e,t,n.children,r),0!=(2&(n=uo.current)))n=1&n|2,t.effectTag|=64;else{if(null!==e&&0!=(64&e.effectTag))e:for(e=t.child;null!==e;){if(13===e.tag){if(null!==e.memoizedState){e.expirationTime<r&&(e.expirationTime=r);var i=e.alternate;null!==i&&i.expirationTime<r&&(i.expirationTime=r),ka(e.return,r)}}else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}n&=1}if(An(uo,n),0==(2&t.mode))t.memoizedState=null;else switch(a){case"forwards":for(r=t.child,a=null;null!==r;)null!==(n=r.alternate)&&null===ho(n)&&(a=r),r=r.sibling;null===(r=a)?(a=t.child,t.child=null):(a=r.sibling,r.sibling=null),hi(t,!1,a,r,o);break;case"backwards":for(r=null,a=t.child,t.child=null;null!==a;){if(null!==(n=a.alternate)&&null===ho(n)){t.child=a;break}n=a.sibling,a.sibling=r,r=a,a=n}hi(t,!0,r,null,o);break;case"together":hi(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function fi(e,t,r){if(null!==e&&(t.dependencies=e.dependencies),t.childExpirationTime<r)return null;if(null!==e&&t.child!==e.child)throw i(Error(153));if(null!==t.child){for(r=zl(e=t.child,e.pendingProps,e.expirationTime),t.child=r,r.return=t;null!==e.sibling;)e=e.sibling,(r=r.sibling=zl(e,e.pendingProps,e.expirationTime)).return=t;r.sibling=null}return t.child}function mi(e){e.effectTag|=4}var gi,vi,yi;function Ci(e,t){switch(e.tailMode){case"hidden":t=e.tail;for(var r=null;null!==t;)null!==t.alternate&&(r=t),t=t.sibling;null===r?e.tail=null:r.sibling=null;break;case"collapsed":r=e.tail;for(var n=null;null!==r;)null!==r.alternate&&(n=r),r=r.sibling;null===n?t||null===e.tail?e.tail=null:e.tail.sibling=null:n.sibling=null}}function Ei(e){switch(e.tag){case 1:Fn(e.type)&&Gn();var t=e.effectTag;return 2048&t?(e.effectTag=-2049&t|64,e):null;case 3:if(so(),Bn(),0!=(64&(t=e.effectTag)))throw i(Error(285));return e.effectTag=-2049&t|64,e;case 5:return co(e),null;case 13:return Rn(uo),2048&(t=e.effectTag)?(e.effectTag=-2049&t|64,e):null;case 18:return null;case 19:return Rn(uo),null;case 4:return so(),null;case 10:return wa(e),null;default:return null}}function xi(e,t){return{value:e,source:t,stack:ut(t)}}gi=function(e,t){for(var r=t.child;null!==r;){if(5===r.tag||6===r.tag)e.appendChild(r.stateNode);else if(20===r.tag)e.appendChild(r.stateNode.instance);else if(4!==r.tag&&null!==r.child){r.child.return=r,r=r.child;continue}if(r===t)break;for(;null===r.sibling;){if(null===r.return||r.return===t)return;r=r.return}r.sibling.return=r.return,r=r.sibling}},vi=function(e,t,r,n,o){var i=e.memoizedProps;if(i!==n){var l=t.stateNode;switch(io(no.current),e=null,r){case"input":i=xt(l,i),n=xt(l,n),e=[];break;case"option":i=en(l,i),n=en(l,n),e=[];break;case"select":i=a({},i,{value:void 0}),n=a({},n,{value:void 0}),e=[];break;case"textarea":i=rn(l,i),n=rn(l,n),e=[];break;default:"function"!=typeof i.onClick&&"function"==typeof n.onClick&&(l.onclick=xn)}yn(r,n),l=r=void 0;var s=null;for(r in i)if(!n.hasOwnProperty(r)&&i.hasOwnProperty(r)&&null!=i[r])if("style"===r){var p=i[r];for(l in p)p.hasOwnProperty(l)&&(s||(s={}),s[l]="")}else"dangerouslySetInnerHTML"!==r&&"children"!==r&&"suppressContentEditableWarning"!==r&&"suppressHydrationWarning"!==r&&"autoFocus"!==r&&(h.hasOwnProperty(r)?e||(e=[]):(e=e||[]).push(r,null));for(r in n){var c=n[r];if(p=null!=i?i[r]:void 0,n.hasOwnProperty(r)&&c!==p&&(null!=c||null!=p))if("style"===r)if(p){for(l in p)!p.hasOwnProperty(l)||c&&c.hasOwnProperty(l)||(s||(s={}),s[l]="");for(l in c)c.hasOwnProperty(l)&&p[l]!==c[l]&&(s||(s={}),s[l]=c[l])}else s||(e||(e=[]),e.push(r,s)),s=c;else"dangerouslySetInnerHTML"===r?(c=c?c.__html:void 0,p=p?p.__html:void 0,null!=c&&p!==c&&(e=e||[]).push(r,""+c)):"children"===r?p===c||"string"!=typeof c&&"number"!=typeof c||(e=e||[]).push(r,""+c):"suppressContentEditableWarning"!==r&&"suppressHydrationWarning"!==r&&(h.hasOwnProperty(r)?(null!=c&&En(o,r),e||p===c||(e=[])):(e=e||[]).push(r,c))}s&&(e=e||[]).push("style",s),o=e,(t.updateQueue=o)&&mi(t)}},yi=function(e,t,r,n){r!==n&&mi(t)};var Oi="function"==typeof WeakSet?WeakSet:Set;function Si(e,t){var r=t.source,n=t.stack;null===n&&null!==r&&(n=ut(r)),null!==r&&ct(r.type),t=t.value,null!==e&&1===e.tag&&ct(e.type);try{console.error(t)}catch(e){setTimeout((function(){throw e}))}}function Pi(e){var t=e.ref;if(null!==t)if("function"==typeof t)try{t(null)}catch(t){Nl(e,t)}else t.current=null}function wi(e,t,r){if(null!==(r=null!==(r=r.updateQueue)?r.lastEffect:null)){var n=r=r.next;do{if(0!=(n.tag&e)){var a=n.destroy;n.destroy=void 0,void 0!==a&&a()}0!=(n.tag&t)&&(a=n.create,n.destroy=a()),n=n.next}while(n!==r)}}function ki(e,t){switch("function"==typeof Ll&&Ll(e),e.tag){case 0:case 11:case 14:case 15:var r=e.updateQueue;if(null!==r&&null!==(r=r.lastEffect)){var n=r.next;ha(97<t?97:t,(function(){var t=n;do{var r=t.destroy;if(void 0!==r){var a=e;try{r()}catch(e){Nl(a,e)}}t=t.next}while(t!==n)}))}break;case 1:Pi(e),"function"==typeof(t=e.stateNode).componentWillUnmount&&function(e,t){try{t.props=e.memoizedProps,t.state=e.memoizedState,t.componentWillUnmount()}catch(t){Nl(e,t)}}(e,t);break;case 5:Pi(e);break;case 4:Mi(e,t)}}function _i(e,t){for(var r=e;;)if(ki(r,t),null!==r.child&&4!==r.tag)r.child.return=r,r=r.child;else{if(r===e)break;for(;null===r.sibling;){if(null===r.return||r.return===e)return;r=r.return}r.sibling.return=r.return,r=r.sibling}}function Ni(e){return 5===e.tag||3===e.tag||4===e.tag}function Ti(e){e:{for(var t=e.return;null!==t;){if(Ni(t)){var r=t;break e}t=t.return}throw i(Error(160))}switch(t=r.stateNode,r.tag){case 5:var n=!1;break;case 3:case 4:t=t.containerInfo,n=!0;break;default:throw i(Error(161))}16&r.effectTag&&(hn(t,""),r.effectTag&=-17);e:t:for(r=e;;){for(;null===r.sibling;){if(null===r.return||Ni(r.return)){r=null;break e}r=r.return}for(r.sibling.return=r.return,r=r.sibling;5!==r.tag&&6!==r.tag&&18!==r.tag;){if(2&r.effectTag)continue t;if(null===r.child||4===r.tag)continue t;r.child.return=r,r=r.child}if(!(2&r.effectTag)){r=r.stateNode;break e}}for(var a=e;;){var o=5===a.tag||6===a.tag;if(o||20===a.tag){var l=o?a.stateNode:a.stateNode.instance;if(r)if(n){var s=l;l=r,8===(o=t).nodeType?o.parentNode.insertBefore(s,l):o.insertBefore(s,l)}else t.insertBefore(l,r);else n?(8===(s=t).nodeType?(o=s.parentNode).insertBefore(l,s):(o=s).appendChild(l),null!=(s=s._reactRootContainer)||null!==o.onclick||(o.onclick=xn)):t.appendChild(l)}else if(4!==a.tag&&null!==a.child){a.child.return=a,a=a.child;continue}if(a===e)break;for(;null===a.sibling;){if(null===a.return||a.return===e)return;a=a.return}a.sibling.return=a.return,a=a.sibling}}function Mi(e,t){for(var r=e,n=!1,a=void 0,o=void 0;;){if(!n){n=r.return;e:for(;;){if(null===n)throw i(Error(160));switch(a=n.stateNode,n.tag){case 5:o=!1;break e;case 3:case 4:a=a.containerInfo,o=!0;break e}n=n.return}n=!0}if(5===r.tag||6===r.tag)if(_i(r,t),o){var l=a,s=r.stateNode;8===l.nodeType?l.parentNode.removeChild(s):l.removeChild(s)}else a.removeChild(r.stateNode);else if(20===r.tag)s=r.stateNode.instance,_i(r,t),o?8===(l=a).nodeType?l.parentNode.removeChild(s):l.removeChild(s):a.removeChild(s);else if(4===r.tag){if(null!==r.child){a=r.stateNode.containerInfo,o=!0,r.child.return=r,r=r.child;continue}}else if(ki(r,t),null!==r.child){r.child.return=r,r=r.child;continue}if(r===e)break;for(;null===r.sibling;){if(null===r.return||r.return===e)return;4===(r=r.return).tag&&(n=!1)}r.sibling.return=r.return,r=r.sibling}}function Ri(e,t){switch(t.tag){case 0:case 11:case 14:case 15:wi(4,8,t);break;case 1:break;case 5:var r=t.stateNode;if(null!=r){var n=t.memoizedProps,a=null!==e?e.memoizedProps:n;e=t.type;var o=t.updateQueue;if(t.updateQueue=null,null!==o){for(r[j]=n,"input"===e&&"radio"===n.type&&null!=n.name&&St(r,n),Cn(e,a),t=Cn(e,n),a=0;a<o.length;a+=2){var l=o[a],s=o[a+1];"style"===l?gn(r,s):"dangerouslySetInnerHTML"===l?dn(r,s):"children"===l?hn(r,s):Ct(r,l,s,t)}switch(e){case"input":Pt(r,n);break;case"textarea":an(r,n);break;case"select":t=r._wrapperState.wasMultiple,r._wrapperState.wasMultiple=!!n.multiple,null!=(e=n.value)?tn(r,!!n.multiple,e,!1):t!==!!n.multiple&&(null!=n.defaultValue?tn(r,!!n.multiple,n.defaultValue,!0):tn(r,!!n.multiple,n.multiple?[]:"",!1))}}}break;case 6:if(null===t.stateNode)throw i(Error(162));t.stateNode.nodeValue=t.memoizedProps;break;case 3:case 12:break;case 13:if(r=t,null===t.memoizedState?n=!1:(n=!0,r=t.child,qi=ca()),null!==r)e:for(e=r;;){if(5===e.tag)o=e.stateNode,n?"function"==typeof(o=o.style).setProperty?o.setProperty("display","none","important"):o.display="none":(o=e.stateNode,a=null!=(a=e.memoizedProps.style)&&a.hasOwnProperty("display")?a.display:null,o.style.display=mn("display",a));else if(6===e.tag)e.stateNode.nodeValue=n?"":e.memoizedProps;else{if(13===e.tag&&null!==e.memoizedState){(o=e.child.sibling).return=e,e=o;continue}if(null!==e.child){e.child.return=e,e=e.child;continue}}if(e===r)break e;for(;null===e.sibling;){if(null===e.return||e.return===r)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}Ai(t);break;case 19:Ai(t);break;case 17:case 20:break;default:throw i(Error(163))}}function Ai(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var r=e.stateNode;null===r&&(r=e.stateNode=new Oi),t.forEach((function(t){var n=Ml.bind(null,e,t);r.has(t)||(r.add(t),t.then(n,n))}))}}var Li="function"==typeof WeakMap?WeakMap:Map;function ji(e,t,r){(r=Aa(r,null)).tag=3,r.payload={element:null};var n=t.value;return r.callback=function(){$i||($i=!0,Zi=n),Si(e,t)},r}function Ii(e,t,r){(r=Aa(r,null)).tag=3;var n=e.type.getDerivedStateFromError;if("function"==typeof n){var a=t.value;r.payload=function(){return Si(e,t),n(a)}}var o=e.stateNode;return null!==o&&"function"==typeof o.componentDidCatch&&(r.callback=function(){"function"!=typeof n&&(null===Ji?Ji=new Set([this]):Ji.add(this),Si(e,t));var r=t.stack;this.componentDidCatch(t.value,{componentStack:null!==r?r:""})}),r}var Di=Math.ceil,zi=Ye.ReactCurrentDispatcher,Fi=Ye.ReactCurrentOwner,Gi=0,Bi=null,Hi=null,Ui=0,Vi=0,Wi=1073741823,Yi=1073741823,Xi=null,Ki=!1,qi=0,Qi=null,$i=!1,Zi=null,Ji=null,el=!1,tl=null,rl=90,nl=0,al=null,ol=0,il=null,ll=0;function sl(){return 0!=(48&Gi)?1073741821-(ca()/10|0):0!==ll?ll:ll=1073741821-(ca()/10|0)}function pl(e,t,r){if(0==(2&(t=t.mode)))return 1073741823;var n=ua();if(0==(4&t))return 99===n?1073741823:1073741822;if(0!=(16&Gi))return Ui;if(null!==r)e=1073741821-25*(1+((1073741821-e+(0|r.timeoutMs||5e3)/10)/25|0));else switch(n){case 99:e=1073741823;break;case 98:e=1073741821-10*(1+((1073741821-e+15)/10|0));break;case 97:case 96:e=1073741821-25*(1+((1073741821-e+500)/25|0));break;case 95:e=1;break;default:throw i(Error(326))}return null!==Bi&&e===Ui&&--e,e}var cl=0;function ul(e,t){if(50<ol)throw ol=0,il=null,i(Error(185));if(null!==(e=dl(e,t))){e.pingTime=0;var r=ua();if(1073741823===t)if(0!=(8&Gi)&&0==(48&Gi))for(var n=Cl(e,1073741823,!0);null!==n;)n=n(!0);else hl(e,99,1073741823),0===Gi&&ma();else hl(e,r,t);0==(4&Gi)||98!==r&&99!==r||(null===al?al=new Map([[e,t]]):(void 0===(r=al.get(e))||r>t)&&al.set(e,t))}}function dl(e,t){e.expirationTime<t&&(e.expirationTime=t);var r=e.alternate;null!==r&&r.expirationTime<t&&(r.expirationTime=t);var n=e.return,a=null;if(null===n&&3===e.tag)a=e.stateNode;else for(;null!==n;){if(r=n.alternate,n.childExpirationTime<t&&(n.childExpirationTime=t),null!==r&&r.childExpirationTime<t&&(r.childExpirationTime=t),null===n.return&&3===n.tag){a=n.stateNode;break}n=n.return}return null!==a&&(t>a.firstPendingTime&&(a.firstPendingTime=t),0===(e=a.lastPendingTime)||t<e)&&(a.lastPendingTime=t),a}function hl(e,t,r){if(e.callbackExpirationTime<r){var n=e.callbackNode;null!==n&&n!==aa&&Kn(n),e.callbackExpirationTime=r,1073741823===r?e.callbackNode=fa(bl.bind(null,e,Cl.bind(null,e,r))):(n=null,1!==r&&(n={timeout:10*(1073741821-r)-ca()}),e.callbackNode=ba(t,bl.bind(null,e,Cl.bind(null,e,r)),n))}}function bl(e,t,r){var n=e.callbackNode,a=null;try{return null!==(a=t(r))?bl.bind(null,e,a):null}finally{null===a&&n===e.callbackNode&&(e.callbackNode=null,e.callbackExpirationTime=0)}}function fl(){0==(49&Gi)&&(function(){if(null!==al){var e=al;al=null,e.forEach((function(e,t){fa(Cl.bind(null,t,e))})),ma()}}(),wl())}function ml(e,t){var r=Gi;Gi|=1;try{return e(t)}finally{0===(Gi=r)&&ma()}}function gl(e,t,r,n){var a=Gi;Gi|=4;try{return ha(98,e.bind(null,t,r,n))}finally{0===(Gi=a)&&ma()}}function vl(e,t){var r=Gi;Gi&=-2,Gi|=8;try{return e(t)}finally{0===(Gi=r)&&ma()}}function yl(e,t){e.finishedWork=null,e.finishedExpirationTime=0;var r=e.timeoutHandle;if(-1!==r&&(e.timeoutHandle=-1,_n(r)),null!==Hi)for(r=Hi.return;null!==r;){var n=r;switch(n.tag){case 1:var a=n.type.childContextTypes;null!=a&&Gn();break;case 3:so(),Bn();break;case 5:co(n);break;case 4:so();break;case 13:case 19:Rn(uo);break;case 10:wa(n)}r=r.return}Bi=e,Hi=zl(e.current,null),Ui=t,Vi=0,Yi=Wi=1073741823,Xi=null,Ki=!1}function Cl(e,t,r){if(0!=(48&Gi))throw i(Error(327));if(e.firstPendingTime<t)return null;if(r&&e.finishedExpirationTime===t)return Sl.bind(null,e);if(wl(),e!==Bi||t!==Ui)yl(e,t);else if(3===Vi)if(Ki)yl(e,t);else{var n=e.lastPendingTime;if(n<t)return Cl.bind(null,e,n)}if(null!==Hi){n=Gi,Gi|=16;var a=zi.current;if(null===a&&(a=Ho),zi.current=Ho,r){if(1073741823!==t){var o=sl();if(o<t)return Gi=n,Sa(),zi.current=a,Cl.bind(null,e,o)}}else ll=0;for(;;)try{if(r)for(;null!==Hi;)Hi=xl(Hi);else for(;null!==Hi&&!qn();)Hi=xl(Hi);break}catch(r){if(Sa(),Mo(),null===(o=Hi)||null===o.return)throw yl(e,t),Gi=n,r;e:{var l=e,s=o.return,p=o,c=r,u=Ui;if(p.effectTag|=1024,p.firstEffect=p.lastEffect=null,null!==c&&"object"==typeof c&&"function"==typeof c.then){var d=c,h=0!=(1&uo.current);c=s;do{var b;if((b=13===c.tag)&&(null!==c.memoizedState?b=!1:b=void 0!==(b=c.memoizedProps).fallback&&(!0!==b.unstable_avoidThisFallback||!h)),b){if(null===(s=c.updateQueue)?((s=new Set).add(d),c.updateQueue=s):s.add(d),0==(2&c.mode)){c.effectTag|=64,p.effectTag&=-1957,1===p.tag&&(null===p.alternate?p.tag=17:((u=Aa(1073741823,null)).tag=2,ja(p,u))),p.expirationTime=1073741823;break e}p=l,l=u,null===(h=p.pingCache)?(h=p.pingCache=new Li,s=new Set,h.set(d,s)):void 0===(s=h.get(d))&&(s=new Set,h.set(d,s)),s.has(l)||(s.add(l),p=Tl.bind(null,p,d,l),d.then(p,p)),c.effectTag|=2048,c.expirationTime=u;break e}c=c.return}while(null!==c);c=Error((ct(p.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."+ut(p))}4!==Vi&&(Vi=1),c=xi(c,p),p=s;do{switch(p.tag){case 3:p.effectTag|=2048,p.expirationTime=u,Ia(p,u=ji(p,c,u));break e;case 1:if(d=c,l=p.type,s=p.stateNode,0==(64&p.effectTag)&&("function"==typeof l.getDerivedStateFromError||null!==s&&"function"==typeof s.componentDidCatch&&(null===Ji||!Ji.has(s)))){p.effectTag|=2048,p.expirationTime=u,Ia(p,u=Ii(p,d,u));break e}}p=p.return}while(null!==p)}Hi=Ol(o)}if(Gi=n,Sa(),zi.current=a,null!==Hi)return Cl.bind(null,e,t)}if(e.finishedWork=e.current.alternate,e.finishedExpirationTime=t,function(e,t){var r=e.firstBatch;return!!(null!==r&&r._defer&&r._expirationTime>=t)&&(ba(97,(function(){return r._onComplete(),null})),!0)}(e,t))return null;switch(Bi=null,Vi){case 0:throw i(Error(328));case 1:return(n=e.lastPendingTime)<t?Cl.bind(null,e,n):r?Sl.bind(null,e):(yl(e,t),fa(Cl.bind(null,e,t)),null);case 2:return 1073741823===Wi&&!r&&10<(r=qi+500-ca())?Ki?(yl(e,t),Cl.bind(null,e,t)):(n=e.lastPendingTime)<t?Cl.bind(null,e,n):(e.timeoutHandle=kn(Sl.bind(null,e),r),null):Sl.bind(null,e);case 3:if(!r){if(Ki)return yl(e,t),Cl.bind(null,e,t);if((r=e.lastPendingTime)<t)return Cl.bind(null,e,r);if(1073741823!==Yi?r=10*(1073741821-Yi)-ca():1073741823===Wi?r=0:(r=10*(1073741821-Wi)-5e3,0>(r=(n=ca())-r)&&(r=0),(t=10*(1073741821-t)-n)<(r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*Di(r/1960))-r)&&(r=t)),10<r)return e.timeoutHandle=kn(Sl.bind(null,e),r),null}return Sl.bind(null,e);case 4:return!r&&1073741823!==Wi&&null!==Xi&&(n=Wi,0>=(t=0|(a=Xi).busyMinDurationMs)?t=0:(r=0|a.busyDelayMs,t=(n=ca()-(10*(1073741821-n)-(0|a.timeoutMs||5e3)))<=r?0:r+t-n),10<t)?(e.timeoutHandle=kn(Sl.bind(null,e),t),null):Sl.bind(null,e);default:throw i(Error(329))}}function El(e,t){e<Wi&&1<e&&(Wi=e),null!==t&&e<Yi&&1<e&&(Yi=e,Xi=t)}function xl(e){var t=Rl(e.alternate,e,Ui);return e.memoizedProps=e.pendingProps,null===t&&(t=Ol(e)),Fi.current=null,t}function Ol(e){Hi=e;do{var t=Hi.alternate;if(e=Hi.return,0==(1024&Hi.effectTag)){e:{var r=t,n=Ui,o=(t=Hi).pendingProps;switch(t.tag){case 2:case 16:break;case 15:case 0:break;case 1:Fn(t.type)&&Gn();break;case 3:so(),Bn(),(n=t.stateNode).pendingContext&&(n.context=n.pendingContext,n.pendingContext=null),null!==r&&null!==r.child||(Zo(t),t.effectTag&=-3);break;case 5:co(t),n=io(oo.current);var l=t.type;if(null!==r&&null!=t.stateNode)vi(r,t,l,o,n),r.ref!==t.ref&&(t.effectTag|=128);else if(o){var s=io(no.current);if(Zo(t)){o=void 0,l=(r=t).stateNode;var p=r.type,c=r.memoizedProps;switch(l[L]=r,l[j]=c,p){case"iframe":case"object":case"embed":Lr("load",l);break;case"video":case"audio":for(var u=0;u<re.length;u++)Lr(re[u],l);break;case"source":Lr("error",l);break;case"img":case"image":case"link":Lr("error",l),Lr("load",l);break;case"form":Lr("reset",l),Lr("submit",l);break;case"details":Lr("toggle",l);break;case"input":Ot(l,c),Lr("invalid",l),En(n,"onChange");break;case"select":l._wrapperState={wasMultiple:!!c.multiple},Lr("invalid",l),En(n,"onChange");break;case"textarea":nn(l,c),Lr("invalid",l),En(n,"onChange")}for(o in yn(p,c),u=null,c)c.hasOwnProperty(o)&&(s=c[o],"children"===o?"string"==typeof s?l.textContent!==s&&(u=["children",s]):"number"==typeof s&&l.textContent!==""+s&&(u=["children",""+s]):h.hasOwnProperty(o)&&null!=s&&En(n,o));switch(p){case"input":Ve(l),wt(l,c,!0);break;case"textarea":Ve(l),on(l);break;case"select":case"option":break;default:"function"==typeof c.onClick&&(l.onclick=xn)}n=u,r.updateQueue=n,null!==n&&mi(t)}else{c=l,r=o,p=t,u=9===n.nodeType?n:n.ownerDocument,s===ln&&(s=pn(c)),s===ln?"script"===c?((c=u.createElement("div")).innerHTML="<script><\/script>",u=c.removeChild(c.firstChild)):"string"==typeof r.is?u=u.createElement(c,{is:r.is}):(u=u.createElement(c),"select"===c&&(c=u,r.multiple?c.multiple=!0:r.size&&(c.size=r.size))):u=u.createElementNS(s,c),(c=u)[L]=p,c[j]=r,gi(r=c,t),p=r;var d=n,b=Cn(l,o);switch(l){case"iframe":case"object":case"embed":Lr("load",p),n=o;break;case"video":case"audio":for(n=0;n<re.length;n++)Lr(re[n],p);n=o;break;case"source":Lr("error",p),n=o;break;case"img":case"image":case"link":Lr("error",p),Lr("load",p),n=o;break;case"form":Lr("reset",p),Lr("submit",p),n=o;break;case"details":Lr("toggle",p),n=o;break;case"input":Ot(p,o),n=xt(p,o),Lr("invalid",p),En(d,"onChange");break;case"option":n=en(p,o);break;case"select":p._wrapperState={wasMultiple:!!o.multiple},n=a({},o,{value:void 0}),Lr("invalid",p),En(d,"onChange");break;case"textarea":nn(p,o),n=rn(p,o),Lr("invalid",p),En(d,"onChange");break;default:n=o}yn(l,n),c=void 0,u=l,s=p;var f=n;for(c in f)if(f.hasOwnProperty(c)){var m=f[c];"style"===c?gn(s,m):"dangerouslySetInnerHTML"===c?null!=(m=m?m.__html:void 0)&&dn(s,m):"children"===c?"string"==typeof m?("textarea"!==u||""!==m)&&hn(s,m):"number"==typeof m&&hn(s,""+m):"suppressContentEditableWarning"!==c&&"suppressHydrationWarning"!==c&&"autoFocus"!==c&&(h.hasOwnProperty(c)?null!=m&&En(d,c):null!=m&&Ct(s,c,m,b))}switch(l){case"input":Ve(p),wt(p,o,!1);break;case"textarea":Ve(p),on(p);break;case"option":null!=o.value&&p.setAttribute("value",""+Et(o.value));break;case"select":n=p,p=o,n.multiple=!!p.multiple,null!=(c=p.value)?tn(n,!!p.multiple,c,!1):null!=p.defaultValue&&tn(n,!!p.multiple,p.defaultValue,!0);break;default:"function"==typeof n.onClick&&(p.onclick=xn)}Pn(l,o)&&mi(t),t.stateNode=r}null!==t.ref&&(t.effectTag|=128)}else if(null===t.stateNode)throw i(Error(166));break;case 6:if(r&&null!=t.stateNode)yi(0,t,r.memoizedProps,o);else{if("string"!=typeof o&&null===t.stateNode)throw i(Error(166));r=io(oo.current),io(no.current),Zo(t)?(n=t.stateNode,r=t.memoizedProps,n[L]=t,n.nodeValue!==r&&mi(t)):(n=t,(r=(9===r.nodeType?r:r.ownerDocument).createTextNode(o))[L]=t,n.stateNode=r)}break;case 11:break;case 13:if(Rn(uo),o=t.memoizedState,0!=(64&t.effectTag)){t.expirationTime=n;break e}n=null!==o,o=!1,null===r?Zo(t):(o=null!==(l=r.memoizedState),n||null===l||null!==(l=r.child.sibling)&&(null!==(p=t.firstEffect)?(t.firstEffect=l,l.nextEffect=p):(t.firstEffect=t.lastEffect=l,l.nextEffect=null),l.effectTag=8)),n&&!o&&0!=(2&t.mode)&&(null===r&&!0!==t.memoizedProps.unstable_avoidThisFallback||0!=(1&uo.current)?0===Vi&&(Vi=2):0!==Vi&&2!==Vi||(Vi=3)),(n||o)&&(t.effectTag|=4);break;case 7:case 8:case 12:break;case 4:so();break;case 10:wa(t);break;case 9:case 14:break;case 17:Fn(t.type)&&Gn();break;case 18:break;case 19:if(Rn(uo),null===(o=t.memoizedState))break;if(l=0!=(64&t.effectTag),null===(p=o.rendering)){if(l)Ci(o,!1);else if(0!==Vi||null!==r&&0!=(64&r.effectTag))for(r=t.child;null!==r;){if(null!==(p=ho(r))){for(t.effectTag|=64,Ci(o,!1),null!==(r=p.updateQueue)&&(t.updateQueue=r,t.effectTag|=4),t.firstEffect=t.lastEffect=null,r=t.child;null!==r;)l=n,(o=r).effectTag&=2,o.nextEffect=null,o.firstEffect=null,o.lastEffect=null,null===(p=o.alternate)?(o.childExpirationTime=0,o.expirationTime=l,o.child=null,o.memoizedProps=null,o.memoizedState=null,o.updateQueue=null,o.dependencies=null):(o.childExpirationTime=p.childExpirationTime,o.expirationTime=p.expirationTime,o.child=p.child,o.memoizedProps=p.memoizedProps,o.memoizedState=p.memoizedState,o.updateQueue=p.updateQueue,l=p.dependencies,o.dependencies=null===l?null:{expirationTime:l.expirationTime,firstContext:l.firstContext,responders:l.responders}),r=r.sibling;An(uo,1&uo.current|2),t=t.child;break e}r=r.sibling}}else{if(!l)if(null!==(r=ho(p))){if(t.effectTag|=64,l=!0,Ci(o,!0),null===o.tail&&"hidden"===o.tailMode){null!==(n=r.updateQueue)&&(t.updateQueue=n,t.effectTag|=4),null!==(t=t.lastEffect=o.lastEffect)&&(t.nextEffect=null);break}}else ca()>o.tailExpiration&&1<n&&(t.effectTag|=64,l=!0,Ci(o,!1),t.expirationTime=t.childExpirationTime=n-1);o.isBackwards?(p.sibling=t.child,t.child=p):(null!==(n=o.last)?n.sibling=p:t.child=p,o.last=p)}if(null!==o.tail){0===o.tailExpiration&&(o.tailExpiration=ca()+500),n=o.tail,o.rendering=n,o.tail=n.sibling,o.lastEffect=t.lastEffect,n.sibling=null,r=uo.current,An(uo,r=l?1&r|2:1&r),t=n;break e}break;case 20:break;default:throw i(Error(156))}t=null}if(n=Hi,1===Ui||1!==n.childExpirationTime){for(r=0,o=n.child;null!==o;)(l=o.expirationTime)>r&&(r=l),(p=o.childExpirationTime)>r&&(r=p),o=o.sibling;n.childExpirationTime=r}if(null!==t)return t;null!==e&&0==(1024&e.effectTag)&&(null===e.firstEffect&&(e.firstEffect=Hi.firstEffect),null!==Hi.lastEffect&&(null!==e.lastEffect&&(e.lastEffect.nextEffect=Hi.firstEffect),e.lastEffect=Hi.lastEffect),1<Hi.effectTag&&(null!==e.lastEffect?e.lastEffect.nextEffect=Hi:e.firstEffect=Hi,e.lastEffect=Hi))}else{if(null!==(t=Ei(Hi)))return t.effectTag&=1023,t;null!==e&&(e.firstEffect=e.lastEffect=null,e.effectTag|=1024)}if(null!==(t=Hi.sibling))return t;Hi=e}while(null!==Hi);return 0===Vi&&(Vi=4),null}function Sl(e){var t=ua();return ha(99,Pl.bind(null,e,t)),null!==tl&&ba(97,(function(){return wl(),null})),null}function Pl(e,t){if(wl(),0!=(48&Gi))throw i(Error(327));var r=e.finishedWork,n=e.finishedExpirationTime;if(null===r)return null;if(e.finishedWork=null,e.finishedExpirationTime=0,r===e.current)throw i(Error(177));e.callbackNode=null,e.callbackExpirationTime=0;var a=r.expirationTime,o=r.childExpirationTime;if(a=o>a?o:a,e.firstPendingTime=a,a<e.lastPendingTime&&(e.lastPendingTime=a),e===Bi&&(Hi=Bi=null,Ui=0),1<r.effectTag?null!==r.lastEffect?(r.lastEffect.nextEffect=r,a=r.firstEffect):a=r:a=r.firstEffect,null!==a){o=Gi,Gi|=32,Fi.current=null,On=Ar;var l=Vr();if(Wr(l)){if("selectionStart"in l)var s={start:l.selectionStart,end:l.selectionEnd};else e:{var p=(s=(s=l.ownerDocument)&&s.defaultView||window).getSelection&&s.getSelection();if(p&&0!==p.rangeCount){s=p.anchorNode;var c=p.anchorOffset,u=p.focusNode;p=p.focusOffset;try{s.nodeType,u.nodeType}catch(e){s=null;break e}var d=0,h=-1,b=-1,f=0,m=0,g=l,v=null;t:for(;;){for(var y;g!==s||0!==c&&3!==g.nodeType||(h=d+c),g!==u||0!==p&&3!==g.nodeType||(b=d+p),3===g.nodeType&&(d+=g.nodeValue.length),null!==(y=g.firstChild);)v=g,g=y;for(;;){if(g===l)break t;if(v===s&&++f===c&&(h=d),v===u&&++m===p&&(b=d),null!==(y=g.nextSibling))break;v=(g=v).parentNode}g=y}s=-1===h||-1===b?null:{start:h,end:b}}else s=null}s=s||{start:0,end:0}}else s=null;Sn={focusedElem:l,selectionRange:s},Ar=!1,Qi=a;do{try{for(;null!==Qi;){if(0!=(256&Qi.effectTag)){var C=Qi.alternate;switch((l=Qi).tag){case 0:case 11:case 15:wi(2,0,l);break;case 1:if(256&l.effectTag&&null!==C){var E=C.memoizedProps,x=C.memoizedState,O=l.stateNode,S=O.getSnapshotBeforeUpdate(l.elementType===l.type?E:ya(l.type,E),x);O.__reactInternalSnapshotBeforeUpdate=S}break;case 3:case 5:case 6:case 4:case 17:break;default:throw i(Error(163))}}Qi=Qi.nextEffect}}catch(e){if(null===Qi)throw i(Error(330));Nl(Qi,e),Qi=Qi.nextEffect}}while(null!==Qi);Qi=a;do{try{for(C=t;null!==Qi;){var P=Qi.effectTag;if(16&P&&hn(Qi.stateNode,""),128&P){var w=Qi.alternate;if(null!==w){var k=w.ref;null!==k&&("function"==typeof k?k(null):k.current=null)}}switch(14&P){case 2:Ti(Qi),Qi.effectTag&=-3;break;case 6:Ti(Qi),Qi.effectTag&=-3,Ri(Qi.alternate,Qi);break;case 4:Ri(Qi.alternate,Qi);break;case 8:Mi(E=Qi,C),E.return=null,E.child=null,E.memoizedState=null,E.updateQueue=null,E.dependencies=null;var _=E.alternate;null!==_&&(_.return=null,_.child=null,_.memoizedState=null,_.updateQueue=null,_.dependencies=null)}Qi=Qi.nextEffect}}catch(e){if(null===Qi)throw i(Error(330));Nl(Qi,e),Qi=Qi.nextEffect}}while(null!==Qi);if(k=Sn,w=Vr(),P=k.focusedElem,C=k.selectionRange,w!==P&&P&&P.ownerDocument&&function e(t,r){return!(!t||!r)&&(t===r||(!t||3!==t.nodeType)&&(r&&3===r.nodeType?e(t,r.parentNode):"contains"in t?t.contains(r):!!t.compareDocumentPosition&&!!(16&t.compareDocumentPosition(r))))}(P.ownerDocument.documentElement,P)){null!==C&&Wr(P)&&(w=C.start,void 0===(k=C.end)&&(k=w),"selectionStart"in P?(P.selectionStart=w,P.selectionEnd=Math.min(k,P.value.length)):(k=(w=P.ownerDocument||document)&&w.defaultView||window).getSelection&&(k=k.getSelection(),E=P.textContent.length,_=Math.min(C.start,E),C=void 0===C.end?_:Math.min(C.end,E),!k.extend&&_>C&&(E=C,C=_,_=E),E=Ur(P,_),x=Ur(P,C),E&&x&&(1!==k.rangeCount||k.anchorNode!==E.node||k.anchorOffset!==E.offset||k.focusNode!==x.node||k.focusOffset!==x.offset)&&((w=w.createRange()).setStart(E.node,E.offset),k.removeAllRanges(),_>C?(k.addRange(w),k.extend(x.node,x.offset)):(w.setEnd(x.node,x.offset),k.addRange(w))))),w=[];for(k=P;k=k.parentNode;)1===k.nodeType&&w.push({element:k,left:k.scrollLeft,top:k.scrollTop});for("function"==typeof P.focus&&P.focus(),P=0;P<w.length;P++)(k=w[P]).element.scrollLeft=k.left,k.element.scrollTop=k.top}Sn=null,Ar=!!On,On=null,e.current=r,Qi=a;do{try{for(P=n;null!==Qi;){var N=Qi.effectTag;if(36&N){var T=Qi.alternate;switch(k=P,(w=Qi).tag){case 0:case 11:case 15:wi(16,32,w);break;case 1:var M=w.stateNode;if(4&w.effectTag)if(null===T)M.componentDidMount();else{var R=w.elementType===w.type?T.memoizedProps:ya(w.type,T.memoizedProps);M.componentDidUpdate(R,T.memoizedState,M.__reactInternalSnapshotBeforeUpdate)}var A=w.updateQueue;null!==A&&Ga(0,A,M);break;case 3:var L=w.updateQueue;if(null!==L){if(_=null,null!==w.child)switch(w.child.tag){case 5:_=w.child.stateNode;break;case 1:_=w.child.stateNode}Ga(0,L,_)}break;case 5:var j=w.stateNode;null===T&&4&w.effectTag&&(k=j,Pn(w.type,w.memoizedProps)&&k.focus());break;case 6:case 4:case 12:break;case 13:case 19:case 17:case 20:break;default:throw i(Error(163))}}if(128&N){var I=Qi.ref;if(null!==I){var D=Qi.stateNode;switch(Qi.tag){case 5:var z=D;break;default:z=D}"function"==typeof I?I(z):I.current=z}}512&N&&(el=!0),Qi=Qi.nextEffect}}catch(e){if(null===Qi)throw i(Error(330));Nl(Qi,e),Qi=Qi.nextEffect}}while(null!==Qi);Qi=null,oa(),Gi=o}else e.current=r;if(el)el=!1,tl=e,nl=n,rl=t;else for(Qi=a;null!==Qi;)t=Qi.nextEffect,Qi.nextEffect=null,Qi=t;if(0!==(t=e.firstPendingTime)?hl(e,N=va(N=sl(),t),t):Ji=null,"function"==typeof Al&&Al(r.stateNode,n),1073741823===t?e===il?ol++:(ol=0,il=e):ol=0,$i)throw $i=!1,e=Zi,Zi=null,e;return 0!=(8&Gi)||ma(),null}function wl(){if(null===tl)return!1;var e=tl,t=nl,r=rl;return tl=null,nl=0,rl=90,ha(97<r?97:r,kl.bind(null,e,t))}function kl(e){if(0!=(48&Gi))throw i(Error(331));var t=Gi;for(Gi|=32,e=e.current.firstEffect;null!==e;){try{var r=e;if(0!=(512&r.effectTag))switch(r.tag){case 0:case 11:case 15:wi(128,0,r),wi(0,64,r)}}catch(t){if(null===e)throw i(Error(330));Nl(e,t)}r=e.nextEffect,e.nextEffect=null,e=r}return Gi=t,ma(),!0}function _l(e,t,r){ja(e,t=ji(e,t=xi(r,t),1073741823)),null!==(e=dl(e,1073741823))&&hl(e,99,1073741823)}function Nl(e,t){if(3===e.tag)_l(e,e,t);else for(var r=e.return;null!==r;){if(3===r.tag){_l(r,e,t);break}if(1===r.tag){var n=r.stateNode;if("function"==typeof r.type.getDerivedStateFromError||"function"==typeof n.componentDidCatch&&(null===Ji||!Ji.has(n))){ja(r,e=Ii(r,e=xi(t,e),1073741823)),null!==(r=dl(r,1073741823))&&hl(r,99,1073741823);break}}r=r.return}}function Tl(e,t,r){var n=e.pingCache;null!==n&&n.delete(t),Bi===e&&Ui===r?3===Vi||2===Vi&&1073741823===Wi&&ca()-qi<500?yl(e,Ui):Ki=!0:e.lastPendingTime<r||(0!==(t=e.pingTime)&&t<r||(e.pingTime=r,e.finishedExpirationTime===r&&(e.finishedExpirationTime=0,e.finishedWork=null),hl(e,t=va(t=sl(),r),r)))}function Ml(e,t){var r=e.stateNode;null!==r&&r.delete(t),r=va(r=sl(),t=pl(r,e,null)),null!==(e=dl(e,t))&&hl(e,r,t)}var Rl=void 0;Rl=function(e,t,r){var n=t.expirationTime;if(null!==e){var a=t.pendingProps;if(e.memoizedProps!==a||In.current)ti=!0;else if(n<r){switch(ti=!1,t.tag){case 3:ci(t),Jo();break;case 5:if(po(t),4&t.mode&&1!==r&&a.hidden)return t.expirationTime=t.childExpirationTime=1,null;break;case 1:Fn(t.type)&&Vn(t);break;case 4:lo(t,t.stateNode.containerInfo);break;case 10:Pa(t,t.memoizedProps.value);break;case 13:if(null!==t.memoizedState)return 0!==(n=t.child.childExpirationTime)&&n>=r?di(e,t,r):(An(uo,1&uo.current),null!==(t=fi(e,t,r))?t.sibling:null);An(uo,1&uo.current);break;case 19:if(n=t.childExpirationTime>=r,0!=(64&e.effectTag)){if(n)return bi(e,t,r);t.effectTag|=64}if(null!==(a=t.memoizedState)&&(a.rendering=null,a.tail=null),An(uo,uo.current),!n)return null}return fi(e,t,r)}}else ti=!1;switch(t.expirationTime=0,t.tag){case 2:if(n=t.type,null!==e&&(e.alternate=null,t.alternate=null,t.effectTag|=2),e=t.pendingProps,a=zn(t,jn.current),_a(t,r),a=To(null,t,n,e,a,r),t.effectTag|=1,"object"==typeof a&&null!==a&&"function"==typeof a.render&&void 0===a.$$typeof){if(t.tag=1,Mo(),Fn(n)){var o=!0;Vn(t)}else o=!1;t.memoizedState=null!==a.state&&void 0!==a.state?a.state:null;var l=n.getDerivedStateFromProps;"function"==typeof l&&Va(t,n,l,e),a.updater=Wa,t.stateNode=a,a._reactInternalFiber=t,qa(t,n,e,r),t=pi(null,t,n,!0,o,r)}else t.tag=0,ri(null,t,a,r),t=t.child;return t;case 16:switch(a=t.elementType,null!==e&&(e.alternate=null,t.alternate=null,t.effectTag|=2),e=t.pendingProps,a=function(e){var t=e._result;switch(e._status){case 1:return t;case 2:case 0:throw t;default:switch(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._status){case 1:return e._result;case 2:throw e._result}throw e._result=t,t}}(a),t.type=a,o=t.tag=function(e){if("function"==typeof e)return Dl(e)?1:0;if(null!=e){if((e=e.$$typeof)===nt)return 11;if(e===it)return 14}return 2}(a),e=ya(a,e),o){case 0:t=li(null,t,a,e,r);break;case 1:t=si(null,t,a,e,r);break;case 11:t=ni(null,t,a,e,r);break;case 14:t=ai(null,t,a,ya(a.type,e),n,r);break;default:throw i(Error(306),a,"")}return t;case 0:return n=t.type,a=t.pendingProps,li(e,t,n,a=t.elementType===n?a:ya(n,a),r);case 1:return n=t.type,a=t.pendingProps,si(e,t,n,a=t.elementType===n?a:ya(n,a),r);case 3:if(ci(t),null===(n=t.updateQueue))throw i(Error(282));return a=null!==(a=t.memoizedState)?a.element:null,Fa(t,n,t.pendingProps,null,r),(n=t.memoizedState.element)===a?(Jo(),t=fi(e,t,r)):(a=t.stateNode,(a=(null===e||null===e.child)&&a.hydrate)&&(Yo=Nn(t.stateNode.containerInfo.firstChild),Wo=t,a=Xo=!0),a?(t.effectTag|=2,t.child=to(t,null,n,r)):(ri(e,t,n,r),Jo()),t=t.child),t;case 5:return po(t),null===e&&Qo(t),n=t.type,a=t.pendingProps,o=null!==e?e.memoizedProps:null,l=a.children,wn(n,a)?l=null:null!==o&&wn(n,o)&&(t.effectTag|=16),ii(e,t),4&t.mode&&1!==r&&a.hidden?(t.expirationTime=t.childExpirationTime=1,t=null):(ri(e,t,l,r),t=t.child),t;case 6:return null===e&&Qo(t),null;case 13:return di(e,t,r);case 4:return lo(t,t.stateNode.containerInfo),n=t.pendingProps,null===e?t.child=eo(t,null,n,r):ri(e,t,n,r),t.child;case 11:return n=t.type,a=t.pendingProps,ni(e,t,n,a=t.elementType===n?a:ya(n,a),r);case 7:return ri(e,t,t.pendingProps,r),t.child;case 8:case 12:return ri(e,t,t.pendingProps.children,r),t.child;case 10:e:{if(n=t.type._context,a=t.pendingProps,l=t.memoizedProps,Pa(t,o=a.value),null!==l){var s=l.value;if(0===(o=tr(s,o)?0:0|("function"==typeof n._calculateChangedBits?n._calculateChangedBits(s,o):1073741823))){if(l.children===a.children&&!In.current){t=fi(e,t,r);break e}}else for(null!==(s=t.child)&&(s.return=t);null!==s;){var p=s.dependencies;if(null!==p){l=s.child;for(var c=p.firstContext;null!==c;){if(c.context===n&&0!=(c.observedBits&o)){1===s.tag&&((c=Aa(r,null)).tag=2,ja(s,c)),s.expirationTime<r&&(s.expirationTime=r),null!==(c=s.alternate)&&c.expirationTime<r&&(c.expirationTime=r),ka(s.return,r),p.expirationTime<r&&(p.expirationTime=r);break}c=c.next}}else l=10===s.tag&&s.type===t.type?null:s.child;if(null!==l)l.return=s;else for(l=s;null!==l;){if(l===t){l=null;break}if(null!==(s=l.sibling)){s.return=l.return,l=s;break}l=l.return}s=l}}ri(e,t,a.children,r),t=t.child}return t;case 9:return a=t.type,n=(o=t.pendingProps).children,_a(t,r),n=n(a=Na(a,o.unstable_observedBits)),t.effectTag|=1,ri(e,t,n,r),t.child;case 14:return o=ya(a=t.type,t.pendingProps),ai(e,t,a,o=ya(a.type,o),n,r);case 15:return oi(e,t,t.type,t.pendingProps,n,r);case 17:return n=t.type,a=t.pendingProps,a=t.elementType===n?a:ya(n,a),null!==e&&(e.alternate=null,t.alternate=null,t.effectTag|=2),t.tag=1,Fn(n)?(e=!0,Vn(t)):e=!1,_a(t,r),Xa(t,n,a),qa(t,n,a,r),pi(null,t,n,!0,e,r);case 19:return bi(e,t,r)}throw i(Error(156))};var Al=null,Ll=null;function jl(e,t,r,n){this.tag=e,this.key=r,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=n,this.effectTag=0,this.lastEffect=this.firstEffect=this.nextEffect=null,this.childExpirationTime=this.expirationTime=0,this.alternate=null}function Il(e,t,r,n){return new jl(e,t,r,n)}function Dl(e){return!(!(e=e.prototype)||!e.isReactComponent)}function zl(e,t){var r=e.alternate;return null===r?((r=Il(e.tag,t,e.key,e.mode)).elementType=e.elementType,r.type=e.type,r.stateNode=e.stateNode,r.alternate=e,e.alternate=r):(r.pendingProps=t,r.effectTag=0,r.nextEffect=null,r.firstEffect=null,r.lastEffect=null),r.childExpirationTime=e.childExpirationTime,r.expirationTime=e.expirationTime,r.child=e.child,r.memoizedProps=e.memoizedProps,r.memoizedState=e.memoizedState,r.updateQueue=e.updateQueue,t=e.dependencies,r.dependencies=null===t?null:{expirationTime:t.expirationTime,firstContext:t.firstContext,responders:t.responders},r.sibling=e.sibling,r.index=e.index,r.ref=e.ref,r}function Fl(e,t,r,n,a,o){var l=2;if(n=e,"function"==typeof e)Dl(e)&&(l=1);else if("string"==typeof e)l=5;else e:switch(e){case $e:return Gl(r.children,a,o,t);case rt:l=8,a|=7;break;case Ze:l=8,a|=1;break;case Je:return(e=Il(12,r,t,8|a)).elementType=Je,e.type=Je,e.expirationTime=o,e;case at:return(e=Il(13,r,t,a)).type=at,e.elementType=at,e.expirationTime=o,e;case ot:return(e=Il(19,r,t,a)).elementType=ot,e.expirationTime=o,e;default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case et:l=10;break e;case tt:l=9;break e;case nt:l=11;break e;case it:l=14;break e;case lt:l=16,n=null;break e}throw i(Error(130),null==e?e:typeof e,"")}return(t=Il(l,r,t,a)).elementType=e,t.type=n,t.expirationTime=o,t}function Gl(e,t,r,n){return(e=Il(7,e,n,t)).expirationTime=r,e}function Bl(e,t,r){return(e=Il(6,e,null,t)).expirationTime=r,e}function Hl(e,t,r){return(t=Il(4,null!==e.children?e.children:[],e.key,t)).expirationTime=r,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Ul(e,t,r){this.tag=t,this.current=null,this.containerInfo=e,this.pingCache=this.pendingChildren=null,this.finishedExpirationTime=0,this.finishedWork=null,this.timeoutHandle=-1,this.pendingContext=this.context=null,this.hydrate=r,this.callbackNode=this.firstBatch=null,this.pingTime=this.lastPendingTime=this.firstPendingTime=this.callbackExpirationTime=0}function Vl(e,t,r){return e=new Ul(e,t,r),t=Il(3,null,null,2===t?7:1===t?3:0),e.current=t,t.stateNode=e}function Wl(e,t,r,n,a,o){var l=t.current;e:if(r){t:{if(2!==or(r=r._reactInternalFiber)||1!==r.tag)throw i(Error(170));var s=r;do{switch(s.tag){case 3:s=s.stateNode.context;break t;case 1:if(Fn(s.type)){s=s.stateNode.__reactInternalMemoizedMergedChildContext;break t}}s=s.return}while(null!==s);throw i(Error(171))}if(1===r.tag){var p=r.type;if(Fn(p)){r=Un(r,p,s);break e}}r=s}else r=Ln;return null===t.context?t.context=r:t.pendingContext=r,t=o,(a=Aa(n,a)).payload={element:e},null!==(t=void 0===t?null:t)&&(a.callback=t),ja(l,a),ul(l,n),n}function Yl(e,t,r,n){var a=t.current,o=sl(),i=Ha.suspense;return Wl(e,t,r,a=pl(o,a,i),i,n)}function Xl(e){if(!(e=e.current).child)return null;switch(e.child.tag){case 5:default:return e.child.stateNode}}function Kl(e,t,r){var n=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:Qe,key:null==n?null:""+n,children:e,containerInfo:t,implementation:r}}function ql(e){var t=1073741821-25*(1+((1073741821-sl()+500)/25|0));t<=cl&&--t,this._expirationTime=cl=t,this._root=e,this._callbacks=this._next=null,this._hasChildren=this._didComplete=!1,this._children=null,this._defer=!0}function Ql(){this._callbacks=null,this._didCommit=!1,this._onCommit=this._onCommit.bind(this)}function $l(e,t,r){this._internalRoot=Vl(e,t,r)}function Zl(e,t){this._internalRoot=Vl(e,2,t)}function Jl(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function es(e,t,r,n,a){var o=r._reactRootContainer,i=void 0;if(o){if(i=o._internalRoot,"function"==typeof a){var l=a;a=function(){var e=Xl(i);l.call(e)}}Yl(t,i,e,a)}else{if(o=r._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 r;r=e.lastChild;)e.removeChild(r);return new $l(e,0,t)}(r,n),i=o._internalRoot,"function"==typeof a){var s=a;a=function(){var e=Xl(i);s.call(e)}}vl((function(){Yl(t,i,e,a)}))}return Xl(i)}function ts(e,t){var r=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Jl(t))throw i(Error(200));return Kl(e,t,null,r)}ke=function(e,t,r){switch(t){case"input":if(Pt(e,r),t=r.name,"radio"===r.type&&null!=t){for(r=e;r.parentNode;)r=r.parentNode;for(r=r.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<r.length;t++){var n=r[t];if(n!==e&&n.form===e.form){var a=F(n);if(!a)throw i(Error(90));We(n),Pt(n,a)}}}break;case"textarea":an(e,r);break;case"select":null!=(t=r.value)&&tn(e,!!r.multiple,t,!1)}},ql.prototype.render=function(e){if(!this._defer)throw i(Error(250));this._hasChildren=!0,this._children=e;var t=this._root._internalRoot,r=this._expirationTime,n=new Ql;return Wl(e,t,null,r,null,n._onCommit),n},ql.prototype.then=function(e){if(this._didComplete)e();else{var t=this._callbacks;null===t&&(t=this._callbacks=[]),t.push(e)}},ql.prototype.commit=function(){var e=this._root._internalRoot,t=e.firstBatch;if(!this._defer||null===t)throw i(Error(251));if(this._hasChildren){var r=this._expirationTime;if(t!==this){this._hasChildren&&(r=this._expirationTime=t._expirationTime,this.render(this._children));for(var n=null,a=t;a!==this;)n=a,a=a._next;if(null===n)throw i(Error(251));n._next=a._next,this._next=t,e.firstBatch=this}if(this._defer=!1,t=r,0!=(48&Gi))throw i(Error(253));fa(Cl.bind(null,e,t)),ma(),t=this._next,this._next=null,null!==(t=e.firstBatch=t)&&t._hasChildren&&t.render(t._children)}else this._next=null,this._defer=!1},ql.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])()}},Ql.prototype.then=function(e){if(this._didCommit)e();else{var t=this._callbacks;null===t&&(t=this._callbacks=[]),t.push(e)}},Ql.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 r=e[t];if("function"!=typeof r)throw i(Error(191),r);r()}}},Zl.prototype.render=$l.prototype.render=function(e,t){var r=this._internalRoot,n=new Ql;return null!==(t=void 0===t?null:t)&&n.then(t),Yl(e,r,null,n._onCommit),n},Zl.prototype.unmount=$l.prototype.unmount=function(e){var t=this._internalRoot,r=new Ql;return null!==(e=void 0===e?null:e)&&r.then(e),Yl(null,t,null,r._onCommit),r},Zl.prototype.createBatch=function(){var e=new ql(this),t=e._expirationTime,r=this._internalRoot,n=r.firstBatch;if(null===n)r.firstBatch=e,e._next=null;else{for(r=null;null!==n&&n._expirationTime>=t;)r=n,n=n._next;e._next=n,null!==r&&(r._next=e)}return e},Ae=ml,Le=gl,je=fl,Ie=function(e,t){var r=Gi;Gi|=2;try{return e(t)}finally{0===(Gi=r)&&ma()}};var rs,ns,as={createPortal:ts,findDOMNode:function(e){if(null==e)e=null;else if(1!==e.nodeType){var t=e._reactInternalFiber;if(void 0===t){if("function"==typeof e.render)throw i(Error(188));throw i(Error(268),Object.keys(e))}e=null===(e=lr(t))?null:e.stateNode}return e},hydrate:function(e,t,r){if(!Jl(t))throw i(Error(200));return es(null,e,t,!0,r)},render:function(e,t,r){if(!Jl(t))throw i(Error(200));return es(null,e,t,!1,r)},unstable_renderSubtreeIntoContainer:function(e,t,r,n){if(!Jl(r))throw i(Error(200));if(null==e||void 0===e._reactInternalFiber)throw i(Error(38));return es(e,t,r,!1,n)},unmountComponentAtNode:function(e){if(!Jl(e))throw i(Error(40));return!!e._reactRootContainer&&(vl((function(){es(null,null,e,!1,(function(){e._reactRootContainer=null}))})),!0)},unstable_createPortal:function(){return ts.apply(void 0,arguments)},unstable_batchedUpdates:ml,unstable_interactiveUpdates:function(e,t,r,n){return fl(),gl(e,t,r,n)},unstable_discreteUpdates:gl,unstable_flushDiscreteUpdates:fl,flushSync:function(e,t){if(0!=(48&Gi))throw i(Error(187));var r=Gi;Gi|=1;try{return ha(99,e.bind(null,t))}finally{Gi=r,ma()}},unstable_createRoot:function(e,t){if(!Jl(e))throw i(Error(299),"unstable_createRoot");return new Zl(e,null!=t&&!0===t.hydrate)},unstable_createSyncRoot:function(e,t){if(!Jl(e))throw i(Error(299),"unstable_createRoot");return new $l(e,1,null!=t&&!0===t.hydrate)},unstable_flushControlled:function(e){var t=Gi;Gi|=1;try{ha(99,e)}finally{0===(Gi=t)&&ma()}},__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{Events:[D,z,F,M.injectEventPluginsByName,d,W,function(e){k(e,V)},Me,Re,zr,T,wl,{current:!1}]}};ns=(rs={findFiberByHostInstance:I,bundleType:0,version:"16.9.0",rendererPackageName:"react-dom"}).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 r=t.inject(e);Al=function(e){try{t.onCommitFiberRoot(r,e,void 0,64==(64&e.current.effectTag))}catch(e){}},Ll=function(e){try{t.onCommitFiberUnmount(r,e)}catch(e){}}}catch(e){}}(a({},rs,{overrideHookState:null,overrideProps:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:Ye.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=lr(e))?null:e.stateNode},findFiberByHostInstance:function(e){return ns?ns(e):null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null}));var os={default:as},is=os&&as||os;e.exports=is.default||is},function(e,t,r){"use strict";e.exports=r(102)},function(e,t,r){"use strict";
/** @license React v0.15.0
 * 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 n=void 0,a=void 0,o=void 0,i=void 0,l=void 0;if(t.unstable_now=void 0,t.unstable_forceFrameRate=void 0,"undefined"==typeof window||"function"!=typeof MessageChannel){var s=null,p=null,c=function(){if(null!==s)try{var e=t.unstable_now();s(!0,e),s=null}catch(e){throw setTimeout(c,0),e}};t.unstable_now=function(){return Date.now()},n=function(e){null!==s?setTimeout(n,0,e):(s=e,setTimeout(c,0))},a=function(e,t){p=setTimeout(e,t)},o=function(){clearTimeout(p)},i=function(){return!1},l=t.unstable_forceFrameRate=function(){}}else{var u=window.performance,d=window.Date,h=window.setTimeout,b=window.clearTimeout,f=window.requestAnimationFrame,m=window.cancelAnimationFrame;"undefined"!=typeof console&&("function"!=typeof f&&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 m&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills")),t.unstable_now="object"==typeof u&&"function"==typeof u.now?function(){return u.now()}:function(){return d.now()};var g=!1,v=null,y=-1,C=-1,E=33.33,x=-1,O=-1,S=0,P=!1;i=function(){return t.unstable_now()>=S},l=function(){},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing framerates higher than 125 fps is not unsupported"):0<e?(E=Math.floor(1e3/e),P=!0):(E=33.33,P=!1)};var w=function(){if(null!==v){var e=t.unstable_now(),r=0<S-e;try{v(r,e)||(v=null)}catch(e){throw _.postMessage(null),e}}},k=new MessageChannel,_=k.port2;k.port1.onmessage=w;var N=function(e){if(null===v)O=x=-1,g=!1;else{g=!0,f((function(e){b(y),N(e)}));var r=function(){S=t.unstable_now()+E/2,w(),y=h(r,3*E)};if(y=h(r,3*E),-1!==x&&.1<e-x){var n=e-x;!P&&-1!==O&&n<E&&O<E&&(8.33>(E=n<O?O:n)&&(E=8.33)),O=n}x=e,S=e+E,_.postMessage(null)}};n=function(e){v=e,g||(g=!0,f((function(e){N(e)})))},a=function(e,r){C=h((function(){e(t.unstable_now())}),r)},o=function(){b(C),C=-1}}var T=null,M=null,R=null,A=3,L=!1,j=!1,I=!1;function D(e,t){var r=e.next;if(r===e)T=null;else{e===T&&(T=r);var n=e.previous;n.next=r,r.previous=n}e.next=e.previous=null,r=e.callback,n=A;var a=R;A=e.priorityLevel,R=e;try{var o=e.expirationTime<=t;switch(A){case 1:var i=r(o);break;case 2:case 3:case 4:i=r(o);break;case 5:i=r(o)}}catch(e){throw e}finally{A=n,R=a}if("function"==typeof i)if(t=e.expirationTime,e.callback=i,null===T)T=e.next=e.previous=e;else{i=null,o=T;do{if(t<=o.expirationTime){i=o;break}o=o.next}while(o!==T);null===i?i=T:i===T&&(T=e),(t=i.previous).next=i.previous=e,e.next=i,e.previous=t}}function z(e){if(null!==M&&M.startTime<=e)do{var t=M,r=t.next;if(t===r)M=null;else{M=r;var n=t.previous;n.next=r,r.previous=n}t.next=t.previous=null,H(t,t.expirationTime)}while(null!==M&&M.startTime<=e)}function F(e){I=!1,z(e),j||(null!==T?(j=!0,n(G)):null!==M&&a(F,M.startTime-e))}function G(e,r){j=!1,I&&(I=!1,o()),z(r),L=!0;try{if(e){if(null!==T)do{D(T,r),z(r=t.unstable_now())}while(null!==T&&!i())}else for(;null!==T&&T.expirationTime<=r;)D(T,r),z(r=t.unstable_now());return null!==T||(null!==M&&a(F,M.startTime-r),!1)}finally{L=!1}}function B(e){switch(e){case 1:return-1;case 2:return 250;case 5:return 1073741823;case 4:return 1e4;default:return 5e3}}function H(e,t){if(null===T)T=e.next=e.previous=e;else{var r=null,n=T;do{if(t<n.expirationTime){r=n;break}n=n.next}while(n!==T);null===r?r=T:r===T&&(T=e),(t=r.previous).next=r.previous=e,e.next=r,e.previous=t}}var U=l;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,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var r=A;A=e;try{return t()}finally{A=r}},t.unstable_next=function(e){switch(A){case 1:case 2:case 3:var t=3;break;default:t=A}var r=A;A=t;try{return e()}finally{A=r}},t.unstable_scheduleCallback=function(e,r,i){var l=t.unstable_now();if("object"==typeof i&&null!==i){var s=i.delay;s="number"==typeof s&&0<s?l+s:l,i="number"==typeof i.timeout?i.timeout:B(e)}else i=B(e),s=l;if(e={callback:r,priorityLevel:e,startTime:s,expirationTime:i=s+i,next:null,previous:null},s>l){if(i=s,null===M)M=e.next=e.previous=e;else{r=null;var p=M;do{if(i<p.startTime){r=p;break}p=p.next}while(p!==M);null===r?r=M:r===M&&(M=e),(i=r.previous).next=r.previous=e,e.next=r,e.previous=i}null===T&&M===e&&(I?o():I=!0,a(F,s-l))}else H(e,i),j||L||(j=!0,n(G));return e},t.unstable_cancelCallback=function(e){var t=e.next;if(null!==t){if(e===t)e===T?T=null:e===M&&(M=null);else{e===T?T=t:e===M&&(M=t);var r=e.previous;r.next=t,t.previous=r}e.next=e.previous=null}},t.unstable_wrapCallback=function(e){var t=A;return function(){var r=A;A=t;try{return e.apply(this,arguments)}finally{A=r}}},t.unstable_getCurrentPriorityLevel=function(){return A},t.unstable_shouldYield=function(){var e=t.unstable_now();return z(e),null!==R&&null!==T&&T.startTime<=e&&T.expirationTime<R.expirationTime||i()},t.unstable_requestPaint=U,t.unstable_continueExecution=function(){j||L||(j=!0,n(G))},t.unstable_pauseExecution=function(){},t.unstable_getFirstCallbackNode=function(){return T}},function(e,t,r){"use strict";var n=r(104);function a(){}e.exports=function(){function e(e,t,r,a,o,i){if(i!==n){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 r={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 r.checkPropTypes=a,r.PropTypes=r,r}},function(e,t,r){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.AlphaPicker=void 0;var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a=s(r(0)),o=s(r(4)),i=r(6),l=s(r(231));function s(e){return e&&e.__esModule?e:{default:e}}var p=t.AlphaPicker=function(e){var t=e.rgb,r=e.hsl,l=e.width,s=e.height,p=e.onChange,c=e.direction,u=e.style,d=e.renderers,h=e.pointer,b=e.className,f=void 0===b?"":b,m=(0,o.default)({default:{picker:{position:"relative",width:l,height:s},alpha:{radius:"2px",style:u}}});return a.default.createElement("div",{style:m.picker,className:"alpha-picker "+f},a.default.createElement(i.Alpha,n({},m.alpha,{rgb:t,hsl:r,pointer:h,renderers:d,onChange:p,direction:c})))};p.defaultProps={width:"316px",height:"16px",direction:"horizontal",pointer:l.default},t.default=(0,i.ColorWrap)(p)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.flattenNames=void 0;var n=l(r(107)),a=l(r(41)),o=l(r(66)),i=l(r(16));function l(e){return e&&e.__esModule?e:{default:e}}var s=t.flattenNames=function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],r=[];return(0,i.default)(t,(function(t){Array.isArray(t)?e(t).map((function(e){return r.push(e)})):(0,o.default)(t)?(0,a.default)(t,(function(e,t){!0===e&&r.push(t),r.push(t+"-"+e)})):(0,n.default)(t)&&r.push(t)})),r};t.default=s},function(e,t,r){var n=r(18),a=r(10),o=r(15);e.exports=function(e){return"string"==typeof e||!a(e)&&o(e)&&"[object String]"==n(e)}},function(e,t,r){var n=r(22),a=Object.prototype,o=a.hasOwnProperty,i=a.toString,l=n?n.toStringTag:void 0;e.exports=function(e){var t=o.call(e,l),r=e[l];try{e[l]=void 0;var n=!0}catch(e){}var a=i.call(e);return n&&(t?e[l]=r:delete e[l]),a}},function(e,t){var r=Object.prototype.toString;e.exports=function(e){return r.call(e)}},function(e,t){e.exports=function(e){return function(t,r,n){for(var a=-1,o=Object(t),i=n(t),l=i.length;l--;){var s=i[e?l:++a];if(!1===r(o[s],s,o))break}return t}}},function(e,t){e.exports=function(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n}},function(e,t,r){var n=r(18),a=r(15);e.exports=function(e){return a(e)&&"[object Arguments]"==n(e)}},function(e,t){e.exports=function(){return!1}},function(e,t,r){var n=r(18),a=r(46),o=r(15),i={};i["[object Float32Array]"]=i["[object Float64Array]"]=i["[object Int8Array]"]=i["[object Int16Array]"]=i["[object Int32Array]"]=i["[object Uint8Array]"]=i["[object Uint8ClampedArray]"]=i["[object Uint16Array]"]=i["[object Uint32Array]"]=!0,i["[object Arguments]"]=i["[object Array]"]=i["[object ArrayBuffer]"]=i["[object Boolean]"]=i["[object DataView]"]=i["[object Date]"]=i["[object Error]"]=i["[object Function]"]=i["[object Map]"]=i["[object Number]"]=i["[object Object]"]=i["[object RegExp]"]=i["[object Set]"]=i["[object String]"]=i["[object WeakMap]"]=!1,e.exports=function(e){return o(e)&&a(e.length)&&!!i[n(e)]}},function(e,t,r){var n=r(49),a=r(116),o=Object.prototype.hasOwnProperty;e.exports=function(e){if(!n(e))return a(e);var t=[];for(var r in Object(e))o.call(e,r)&&"constructor"!=r&&t.push(r);return t}},function(e,t,r){var n=r(64)(Object.keys,Object);e.exports=n},function(e,t,r){var n=r(118),a=r(162),o=r(27),i=r(10),l=r(172);e.exports=function(e){return"function"==typeof e?e:null==e?o:"object"==typeof e?i(e)?a(e[0],e[1]):n(e):l(e)}},function(e,t,r){var n=r(119),a=r(161),o=r(77);e.exports=function(e){var t=a(e);return 1==t.length&&t[0][2]?o(t[0][0],t[0][1]):function(r){return r===e||n(r,e,t)}}},function(e,t,r){var n=r(28),a=r(69);e.exports=function(e,t,r,o){var i=r.length,l=i,s=!o;if(null==e)return!l;for(e=Object(e);i--;){var p=r[i];if(s&&p[2]?p[1]!==e[p[0]]:!(p[0]in e))return!1}for(;++i<l;){var c=(p=r[i])[0],u=e[c],d=p[1];if(s&&p[2]){if(void 0===u&&!(c in e))return!1}else{var h=new n;if(o)var b=o(u,d,c,e,t,h);if(!(void 0===b?a(d,u,3,o,h):b))return!1}}return!0}},function(e,t){e.exports=function(){this.__data__=[],this.size=0}},function(e,t,r){var n=r(30),a=Array.prototype.splice;e.exports=function(e){var t=this.__data__,r=n(t,e);return!(r<0)&&(r==t.length-1?t.pop():a.call(t,r,1),--this.size,!0)}},function(e,t,r){var n=r(30);e.exports=function(e){var t=this.__data__,r=n(t,e);return r<0?void 0:t[r][1]}},function(e,t,r){var n=r(30);e.exports=function(e){return n(this.__data__,e)>-1}},function(e,t,r){var n=r(30);e.exports=function(e,t){var r=this.__data__,a=n(r,e);return a<0?(++this.size,r.push([e,t])):r[a][1]=t,this}},function(e,t,r){var n=r(29);e.exports=function(){this.__data__=new n,this.size=0}},function(e,t){e.exports=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r}},function(e,t){e.exports=function(e){return this.__data__.get(e)}},function(e,t){e.exports=function(e){return this.__data__.has(e)}},function(e,t,r){var n=r(29),a=r(52),o=r(53);e.exports=function(e,t){var r=this.__data__;if(r instanceof n){var i=r.__data__;if(!a||i.length<199)return i.push([e,t]),this.size=++r.size,this;r=this.__data__=new o(i)}return r.set(e,t),this.size=r.size,this}},function(e,t,r){var n=r(50),a=r(131),o=r(12),i=r(68),l=/^\[object .+?Constructor\]$/,s=Function.prototype,p=Object.prototype,c=s.toString,u=p.hasOwnProperty,d=RegExp("^"+c.call(u).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");e.exports=function(e){return!(!o(e)||a(e))&&(n(e)?d:l).test(i(e))}},function(e,t,r){var n,a=r(132),o=(n=/[^.]+$/.exec(a&&a.keys&&a.keys.IE_PROTO||""))?"Symbol(src)_1."+n:"";e.exports=function(e){return!!o&&o in e}},function(e,t,r){var n=r(13)["__core-js_shared__"];e.exports=n},function(e,t){e.exports=function(e,t){return null==e?void 0:e[t]}},function(e,t,r){var n=r(135),a=r(29),o=r(52);e.exports=function(){this.size=0,this.__data__={hash:new n,map:new(o||a),string:new n}}},function(e,t,r){var n=r(136),a=r(137),o=r(138),i=r(139),l=r(140);function s(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}s.prototype.clear=n,s.prototype.delete=a,s.prototype.get=o,s.prototype.has=i,s.prototype.set=l,e.exports=s},function(e,t,r){var n=r(31);e.exports=function(){this.__data__=n?n(null):{},this.size=0}},function(e,t){e.exports=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}},function(e,t,r){var n=r(31),a=Object.prototype.hasOwnProperty;e.exports=function(e){var t=this.__data__;if(n){var r=t[e];return"__lodash_hash_undefined__"===r?void 0:r}return a.call(t,e)?t[e]:void 0}},function(e,t,r){var n=r(31),a=Object.prototype.hasOwnProperty;e.exports=function(e){var t=this.__data__;return n?void 0!==t[e]:a.call(t,e)}},function(e,t,r){var n=r(31);e.exports=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=n&&void 0===t?"__lodash_hash_undefined__":t,this}},function(e,t,r){var n=r(32);e.exports=function(e){var t=n(this,e).delete(e);return this.size-=t?1:0,t}},function(e,t){e.exports=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e}},function(e,t,r){var n=r(32);e.exports=function(e){return n(this,e).get(e)}},function(e,t,r){var n=r(32);e.exports=function(e){return n(this,e).has(e)}},function(e,t,r){var n=r(32);e.exports=function(e,t){var r=n(this,e),a=r.size;return r.set(e,t),this.size+=r.size==a?0:1,this}},function(e,t,r){var n=r(28),a=r(70),o=r(152),i=r(155),l=r(33),s=r(10),p=r(26),c=r(45),u="[object Object]",d=Object.prototype.hasOwnProperty;e.exports=function(e,t,r,h,b,f){var m=s(e),g=s(t),v=m?"[object Array]":l(e),y=g?"[object Array]":l(t),C=(v="[object Arguments]"==v?u:v)==u,E=(y="[object Arguments]"==y?u:y)==u,x=v==y;if(x&&p(e)){if(!p(t))return!1;m=!0,C=!1}if(x&&!C)return f||(f=new n),m||c(e)?a(e,t,r,h,b,f):o(e,t,v,r,h,b,f);if(!(1&r)){var O=C&&d.call(e,"__wrapped__"),S=E&&d.call(t,"__wrapped__");if(O||S){var P=O?e.value():e,w=S?t.value():t;return f||(f=new n),b(P,w,r,h,f)}}return!!x&&(f||(f=new n),i(e,t,r,h,b,f))}},function(e,t,r){var n=r(53),a=r(148),o=r(149);function i(e){var t=-1,r=null==e?0:e.length;for(this.__data__=new n;++t<r;)this.add(e[t])}i.prototype.add=i.prototype.push=a,i.prototype.has=o,e.exports=i},function(e,t){e.exports=function(e){return this.__data__.set(e,"__lodash_hash_undefined__"),this}},function(e,t){e.exports=function(e){return this.__data__.has(e)}},function(e,t){e.exports=function(e,t){for(var r=-1,n=null==e?0:e.length;++r<n;)if(t(e[r],r,e))return!0;return!1}},function(e,t){e.exports=function(e,t){return e.has(t)}},function(e,t,r){var n=r(22),a=r(71),o=r(24),i=r(70),l=r(153),s=r(154),p=n?n.prototype:void 0,c=p?p.valueOf:void 0;e.exports=function(e,t,r,n,p,u,d){switch(r){case"[object DataView]":if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case"[object ArrayBuffer]":return!(e.byteLength!=t.byteLength||!u(new a(e),new a(t)));case"[object Boolean]":case"[object Date]":case"[object Number]":return o(+e,+t);case"[object Error]":return e.name==t.name&&e.message==t.message;case"[object RegExp]":case"[object String]":return e==t+"";case"[object Map]":var h=l;case"[object Set]":var b=1&n;if(h||(h=s),e.size!=t.size&&!b)return!1;var f=d.get(e);if(f)return f==t;n|=2,d.set(e,t);var m=i(h(e),h(t),n,p,u,d);return d.delete(e),m;case"[object Symbol]":if(c)return c.call(e)==c.call(t)}return!1}},function(e,t){e.exports=function(e){var t=-1,r=Array(e.size);return e.forEach((function(e,n){r[++t]=[n,e]})),r}},function(e,t){e.exports=function(e){var t=-1,r=Array(e.size);return e.forEach((function(e){r[++t]=e})),r}},function(e,t,r){var n=r(72),a=Object.prototype.hasOwnProperty;e.exports=function(e,t,r,o,i,l){var s=1&r,p=n(e),c=p.length;if(c!=n(t).length&&!s)return!1;for(var u=c;u--;){var d=p[u];if(!(s?d in t:a.call(t,d)))return!1}var h=l.get(e);if(h&&l.get(t))return h==t;var b=!0;l.set(e,t),l.set(t,e);for(var f=s;++u<c;){var m=e[d=p[u]],g=t[d];if(o)var v=s?o(g,m,d,t,e,l):o(m,g,d,e,t,l);if(!(void 0===v?m===g||i(m,g,r,o,l):v)){b=!1;break}f||(f="constructor"==d)}if(b&&!f){var y=e.constructor,C=t.constructor;y==C||!("constructor"in e)||!("constructor"in t)||"function"==typeof y&&y instanceof y&&"function"==typeof C&&C instanceof C||(b=!1)}return l.delete(e),l.delete(t),b}},function(e,t){e.exports=function(e,t){for(var r=-1,n=null==e?0:e.length,a=0,o=[];++r<n;){var i=e[r];t(i,r,e)&&(o[a++]=i)}return o}},function(e,t,r){var n=r(19)(r(13),"DataView");e.exports=n},function(e,t,r){var n=r(19)(r(13),"Promise");e.exports=n},function(e,t,r){var n=r(19)(r(13),"Set");e.exports=n},function(e,t,r){var n=r(19)(r(13),"WeakMap");e.exports=n},function(e,t,r){var n=r(76),a=r(23);e.exports=function(e){for(var t=a(e),r=t.length;r--;){var o=t[r],i=e[o];t[r]=[o,i,n(i)]}return t}},function(e,t,r){var n=r(69),a=r(163),o=r(169),i=r(55),l=r(76),s=r(77),p=r(35);e.exports=function(e,t){return i(e)&&l(t)?s(p(e),t):function(r){var i=a(r,e);return void 0===i&&i===t?o(r,e):n(t,i,3)}}},function(e,t,r){var n=r(78);e.exports=function(e,t,r){var a=null==e?void 0:n(e,t);return void 0===a?r:a}},function(e,t,r){var n=r(165),a=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,o=/\\(\\)?/g,i=n((function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(a,(function(e,r,n,a){t.push(n?a.replace(o,"$1"):r||e)})),t}));e.exports=i},function(e,t,r){var n=r(166);e.exports=function(e){var t=n(e,(function(e){return 500===r.size&&r.clear(),e})),r=t.cache;return t}},function(e,t,r){var n=r(53);function a(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var r=function(){var n=arguments,a=t?t.apply(this,n):n[0],o=r.cache;if(o.has(a))return o.get(a);var i=e.apply(this,n);return r.cache=o.set(a,i)||o,i};return r.cache=new(a.Cache||n),r}a.Cache=n,e.exports=a},function(e,t,r){var n=r(168);e.exports=function(e){return null==e?"":n(e)}},function(e,t,r){var n=r(22),a=r(67),o=r(10),i=r(34),l=n?n.prototype:void 0,s=l?l.toString:void 0;e.exports=function e(t){if("string"==typeof t)return t;if(o(t))return a(t,e)+"";if(i(t))return s?s.call(t):"";var r=t+"";return"0"==r&&1/t==-1/0?"-0":r}},function(e,t,r){var n=r(170),a=r(171);e.exports=function(e,t){return null!=e&&a(e,t,n)}},function(e,t){e.exports=function(e,t){return null!=e&&t in Object(e)}},function(e,t,r){var n=r(79),a=r(42),o=r(10),i=r(44),l=r(46),s=r(35);e.exports=function(e,t,r){for(var p=-1,c=(t=n(t,e)).length,u=!1;++p<c;){var d=s(t[p]);if(!(u=null!=e&&r(e,d)))break;e=e[d]}return u||++p!=c?u:!!(c=null==e?0:e.length)&&l(c)&&i(d,c)&&(o(e)||a(e))}},function(e,t,r){var n=r(173),a=r(174),o=r(55),i=r(35);e.exports=function(e){return o(e)?n(i(e)):a(e)}},function(e,t){e.exports=function(e){return function(t){return null==t?void 0:t[e]}}},function(e,t,r){var n=r(78);e.exports=function(e){return function(t){return n(t,e)}}},function(e,t,r){var n=r(80),a=r(20);e.exports=function(e,t){var r=-1,o=a(e)?Array(e.length):[];return n(e,(function(e,n,a){o[++r]=t(e,n,a)})),o}},function(e,t,r){var n=r(20);e.exports=function(e,t){return function(r,a){if(null==r)return r;if(!n(r))return e(r,a);for(var o=r.length,i=t?o:-1,l=Object(r);(t?i--:++i<o)&&!1!==a(l[i],i,l););return r}}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.mergeClasses=void 0;var n=i(r(41)),a=i(r(178)),o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e};function i(e){return e&&e.__esModule?e:{default:e}}var l=t.mergeClasses=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],r=e.default&&(0,a.default)(e.default)||{};return t.map((function(t){var a=e[t];return a&&(0,n.default)(a,(function(e,t){r[t]||(r[t]={}),r[t]=o({},r[t],a[t])})),t})),r};t.default=l},function(e,t,r){var n=r(179);e.exports=function(e){return n(e,5)}},function(e,t,r){var n=r(28),a=r(81),o=r(82),i=r(180),l=r(181),s=r(84),p=r(85),c=r(184),u=r(185),d=r(72),h=r(186),b=r(33),f=r(187),m=r(188),g=r(88),v=r(10),y=r(26),C=r(193),E=r(12),x=r(195),O=r(23),S={};S["[object Arguments]"]=S["[object Array]"]=S["[object ArrayBuffer]"]=S["[object DataView]"]=S["[object Boolean]"]=S["[object Date]"]=S["[object Float32Array]"]=S["[object Float64Array]"]=S["[object Int8Array]"]=S["[object Int16Array]"]=S["[object Int32Array]"]=S["[object Map]"]=S["[object Number]"]=S["[object Object]"]=S["[object RegExp]"]=S["[object Set]"]=S["[object String]"]=S["[object Symbol]"]=S["[object Uint8Array]"]=S["[object Uint8ClampedArray]"]=S["[object Uint16Array]"]=S["[object Uint32Array]"]=!0,S["[object Error]"]=S["[object Function]"]=S["[object WeakMap]"]=!1,e.exports=function e(t,r,P,w,k,_){var N,T=1&r,M=2&r,R=4&r;if(P&&(N=k?P(t,w,k,_):P(t)),void 0!==N)return N;if(!E(t))return t;var A=v(t);if(A){if(N=f(t),!T)return p(t,N)}else{var L=b(t),j="[object Function]"==L||"[object GeneratorFunction]"==L;if(y(t))return s(t,T);if("[object Object]"==L||"[object Arguments]"==L||j&&!k){if(N=M||j?{}:g(t),!T)return M?u(t,l(N,t)):c(t,i(N,t))}else{if(!S[L])return k?t:{};N=m(t,L,T)}}_||(_=new n);var I=_.get(t);if(I)return I;_.set(t,N),x(t)?t.forEach((function(n){N.add(e(n,r,P,n,t,_))})):C(t)&&t.forEach((function(n,a){N.set(a,e(n,r,P,a,t,_))}));var D=R?M?h:d:M?keysIn:O,z=A?void 0:D(t);return a(z||t,(function(n,a){z&&(n=t[a=n]),o(N,a,e(n,r,P,a,t,_))})),N}},function(e,t,r){var n=r(25),a=r(23);e.exports=function(e,t){return e&&n(t,a(t),e)}},function(e,t,r){var n=r(25),a=r(36);e.exports=function(e,t){return e&&n(t,a(t),e)}},function(e,t,r){var n=r(12),a=r(49),o=r(183),i=Object.prototype.hasOwnProperty;e.exports=function(e){if(!n(e))return o(e);var t=a(e),r=[];for(var l in e)("constructor"!=l||!t&&i.call(e,l))&&r.push(l);return r}},function(e,t){e.exports=function(e){var t=[];if(null!=e)for(var r in Object(e))t.push(r);return t}},function(e,t,r){var n=r(25),a=r(54);e.exports=function(e,t){return n(e,a(e),t)}},function(e,t,r){var n=r(25),a=r(86);e.exports=function(e,t){return n(e,a(e),t)}},function(e,t,r){var n=r(73),a=r(86),o=r(36);e.exports=function(e){return n(e,o,a)}},function(e,t){var r=Object.prototype.hasOwnProperty;e.exports=function(e){var t=e.length,n=new e.constructor(t);return t&&"string"==typeof e[0]&&r.call(e,"index")&&(n.index=e.index,n.input=e.input),n}},function(e,t,r){var n=r(57),a=r(189),o=r(190),i=r(191),l=r(87);e.exports=function(e,t,r){var s=e.constructor;switch(t){case"[object ArrayBuffer]":return n(e);case"[object Boolean]":case"[object Date]":return new s(+e);case"[object DataView]":return a(e,r);case"[object Float32Array]":case"[object Float64Array]":case"[object Int8Array]":case"[object Int16Array]":case"[object Int32Array]":case"[object Uint8Array]":case"[object Uint8ClampedArray]":case"[object Uint16Array]":case"[object Uint32Array]":return l(e,r);case"[object Map]":return new s;case"[object Number]":case"[object String]":return new s(e);case"[object RegExp]":return o(e);case"[object Set]":return new s;case"[object Symbol]":return i(e)}}},function(e,t,r){var n=r(57);e.exports=function(e,t){var r=t?n(e.buffer):e.buffer;return new e.constructor(r,e.byteOffset,e.byteLength)}},function(e,t){var r=/\w*$/;e.exports=function(e){var t=new e.constructor(e.source,r.exec(e));return t.lastIndex=e.lastIndex,t}},function(e,t,r){var n=r(22),a=n?n.prototype:void 0,o=a?a.valueOf:void 0;e.exports=function(e){return o?Object(o.call(e)):{}}},function(e,t,r){var n=r(12),a=Object.create,o=function(){function e(){}return function(t){if(!n(t))return{};if(a)return a(t);e.prototype=t;var r=new e;return e.prototype=void 0,r}}();e.exports=o},function(e,t,r){var n=r(194),a=r(47),o=r(48),i=o&&o.isMap,l=i?a(i):n;e.exports=l},function(e,t,r){var n=r(33),a=r(15);e.exports=function(e){return a(e)&&"[object Map]"==n(e)}},function(e,t,r){var n=r(196),a=r(47),o=r(48),i=o&&o.isSet,l=i?a(i):n;e.exports=l},function(e,t,r){var n=r(33),a=r(15);e.exports=function(e){return a(e)&&"[object Set]"==n(e)}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.autoprefix=void 0;var n,a=r(41),o=(n=a)&&n.__esModule?n:{default:n},i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e};var l={borderRadius:function(e){return{msBorderRadius:e,MozBorderRadius:e,OBorderRadius:e,WebkitBorderRadius:e,borderRadius:e}},boxShadow:function(e){return{msBoxShadow:e,MozBoxShadow:e,OBoxShadow:e,WebkitBoxShadow:e,boxShadow:e}},userSelect:function(e){return{WebkitTouchCallout:e,KhtmlUserSelect:e,MozUserSelect:e,msUserSelect:e,WebkitUserSelect:e,userSelect:e}},flex:function(e){return{WebkitBoxFlex:e,MozBoxFlex:e,WebkitFlex:e,msFlex:e,flex:e}},flexBasis:function(e){return{WebkitFlexBasis:e,flexBasis:e}},justifyContent:function(e){return{WebkitJustifyContent:e,justifyContent:e}},transition:function(e){return{msTransition:e,MozTransition:e,OTransition:e,WebkitTransition:e,transition:e}},transform:function(e){return{msTransform:e,MozTransform:e,OTransform:e,WebkitTransform:e,transform:e}},absolute:function(e){var t=e&&e.split(" ");return{position:"absolute",top:t&&t[0],right:t&&t[1],bottom:t&&t[2],left:t&&t[3]}},extend:function(e,t){var r=t[e];return r||{extend:e}}},s=t.autoprefix=function(e){var t={};return(0,o.default)(e,(function(e,r){var n={};(0,o.default)(e,(function(e,t){var r=l[t];r?n=i({},n,r(e)):n[t]=e})),t[r]=n})),t};t.default=s},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.hover=void 0;var n,a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o=r(0),i=(n=o)&&n.__esModule?n:{default:n};function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(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}function p(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)}var c=t.hover=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"span";return function(r){function n(){var r,o,p;l(this,n);for(var c=arguments.length,u=Array(c),d=0;d<c;d++)u[d]=arguments[d];return o=p=s(this,(r=n.__proto__||Object.getPrototypeOf(n)).call.apply(r,[this].concat(u))),p.state={hover:!1},p.handleMouseOver=function(){return p.setState({hover:!0})},p.handleMouseOut=function(){return p.setState({hover:!1})},p.render=function(){return i.default.createElement(t,{onMouseOver:p.handleMouseOver,onMouseOut:p.handleMouseOut},i.default.createElement(e,a({},p.props,p.state)))},s(p,o)}return p(n,r),n}(i.default.Component)};t.default=c},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.active=void 0;var n,a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o=r(0),i=(n=o)&&n.__esModule?n:{default:n};function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(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}function p(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)}var c=t.active=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"span";return function(r){function n(){var r,o,p;l(this,n);for(var c=arguments.length,u=Array(c),d=0;d<c;d++)u[d]=arguments[d];return o=p=s(this,(r=n.__proto__||Object.getPrototypeOf(n)).call.apply(r,[this].concat(u))),p.state={active:!1},p.handleMouseDown=function(){return p.setState({active:!0})},p.handleMouseUp=function(){return p.setState({active:!1})},p.render=function(){return i.default.createElement(t,{onMouseDown:p.handleMouseDown,onMouseUp:p.handleMouseUp},i.default.createElement(e,a({},p.props,p.state)))},s(p,o)}return p(n,r),n}(i.default.Component)};t.default=c},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default=function(e,t){var r={},n=function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];r[e]=t};return 0===e&&n("first-child"),e===t-1&&n("last-child"),(0===e||e%2==0)&&n("even"),1===Math.abs(e%2)&&n("odd"),n("nth-child",e),r}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Alpha=void 0;var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),o=r(0),i=c(o),l=c(r(4)),s=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t}(r(202)),p=c(r(58));function c(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function d(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}var h=t.Alpha=function(e){function t(){var e,r,n;u(this,t);for(var a=arguments.length,o=Array(a),i=0;i<a;i++)o[i]=arguments[i];return r=n=d(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(o))),n.handleChange=function(e){var t=s.calculateChange(e,n.props.hsl,n.props.direction,n.props.a,n.container);t&&"function"==typeof n.props.onChange&&n.props.onChange(t,e)},n.handleMouseDown=function(e){n.handleChange(e),window.addEventListener("mousemove",n.handleChange),window.addEventListener("mouseup",n.handleMouseUp)},n.handleMouseUp=function(){n.unbindEventListeners()},n.unbindEventListeners=function(){window.removeEventListener("mousemove",n.handleChange),window.removeEventListener("mouseup",n.handleMouseUp)},d(n,r)}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,e),a(t,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"render",value:function(){var e=this,t=this.props.rgb,r=(0,l.default)({default:{alpha:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},checkboard:{absolute:"0px 0px 0px 0px",overflow:"hidden",borderRadius:this.props.radius},gradient:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to right, rgba("+t.r+","+t.g+","+t.b+", 0) 0%,\n           rgba("+t.r+","+t.g+","+t.b+", 1) 100%)",boxShadow:this.props.shadow,borderRadius:this.props.radius},container:{position:"relative",height:"100%",margin:"0 3px"},pointer:{position:"absolute",left:100*t.a+"%"},slider:{width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",marginTop:"1px",transform:"translateX(-2px)"}},vertical:{gradient:{background:"linear-gradient(to bottom, rgba("+t.r+","+t.g+","+t.b+", 0) 0%,\n           rgba("+t.r+","+t.g+","+t.b+", 1) 100%)"},pointer:{left:0,top:100*t.a+"%"}},overwrite:n({},this.props.style)},{vertical:"vertical"===this.props.direction,overwrite:!0});return i.default.createElement("div",{style:r.alpha},i.default.createElement("div",{style:r.checkboard},i.default.createElement(p.default,{renderers:this.props.renderers})),i.default.createElement("div",{style:r.gradient}),i.default.createElement("div",{style:r.container,ref:function(t){return e.container=t},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},i.default.createElement("div",{style:r.pointer},this.props.pointer?i.default.createElement(this.props.pointer,this.props):i.default.createElement("div",{style:r.slider}))))}}]),t}(o.PureComponent||o.Component);t.default=h},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.calculateChange=function(e,t,r,n,a){var o=a.clientWidth,i=a.clientHeight,l="number"==typeof e.pageX?e.pageX:e.touches[0].pageX,s="number"==typeof e.pageY?e.pageY:e.touches[0].pageY,p=l-(a.getBoundingClientRect().left+window.pageXOffset),c=s-(a.getBoundingClientRect().top+window.pageYOffset);if("vertical"===r){var u=void 0;if(u=c<0?0:c>i?1:Math.round(100*c/i)/100,t.a!==u)return{h:t.h,s:t.s,l:t.l,a:u,source:"rgb"}}else{var d=void 0;if(n!==(d=p<0?0:p>o?1:Math.round(100*p/o)/100))return{h:t.h,s:t.s,l:t.l,a:d,source:"rgb"}}return null}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={},a=t.render=function(e,t,r,n){if("undefined"==typeof document&&!n)return null;var a=n?new n:document.createElement("canvas");a.width=2*r,a.height=2*r;var o=a.getContext("2d");return o?(o.fillStyle=e,o.fillRect(0,0,a.width,a.height),o.fillStyle=t,o.fillRect(0,0,r,r),o.translate(r,r),o.fillRect(0,0,r,r),a.toDataURL()):null};t.get=function(e,t,r,o){var i=e+"-"+t+"-"+r+(o?"-server":"");if(n[i])return n[i];var l=a(e,t,r,o);return n[i]=l,l}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.EditableInput=void 0;var n=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),a=r(0),o=l(a),i=l(r(4));function l(e){return e&&e.__esModule?e:{default:e}}var s=[38,40],p=t.EditableInput=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var r=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return r.handleBlur=function(){r.state.blurValue&&r.setState({value:r.state.blurValue,blurValue:null})},r.handleChange=function(e){r.setUpdatedValue(e.target.value,e)},r.handleKeyDown=function(e){var t,n=function(e){return Number(String(e).replace(/%/g,""))}(e.target.value);if(!isNaN(n)&&(t=e.keyCode,s.indexOf(t)>-1)){var a=r.getArrowOffset(),o=38===e.keyCode?n+a:n-a;r.setUpdatedValue(o,e)}},r.handleDrag=function(e){if(r.props.dragLabel){var t=Math.round(r.props.value+e.movementX);t>=0&&t<=r.props.dragMax&&r.props.onChange&&r.props.onChange(r.getValueObjectWithLabel(t),e)}},r.handleMouseDown=function(e){r.props.dragLabel&&(e.preventDefault(),r.handleDrag(e),window.addEventListener("mousemove",r.handleDrag),window.addEventListener("mouseup",r.handleMouseUp))},r.handleMouseUp=function(){r.unbindEventListeners()},r.unbindEventListeners=function(){window.removeEventListener("mousemove",r.handleDrag),window.removeEventListener("mouseup",r.handleMouseUp)},r.state={value:String(e.value).toUpperCase(),blurValue:String(e.value).toUpperCase()},r}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,e),n(t,[{key:"componentDidUpdate",value:function(e,t){this.props.value===this.state.value||e.value===this.props.value&&t.value===this.state.value||(this.input===document.activeElement?this.setState({blurValue:String(this.props.value).toUpperCase()}):this.setState({value:String(this.props.value).toUpperCase(),blurValue:!this.state.blurValue&&String(this.props.value).toUpperCase()}))}},{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"getValueObjectWithLabel",value:function(e){return function(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}({},this.props.label,e)}},{key:"getArrowOffset",value:function(){return this.props.arrowOffset||1}},{key:"setUpdatedValue",value:function(e,t){var r=this.props.label?this.getValueObjectWithLabel(e):e;this.props.onChange&&this.props.onChange(r,t);var n,a=function(e){return String(e).indexOf("%")>-1}(t.target.value);this.setState({value:a?(n=e,n+"%"):e})}},{key:"render",value:function(){var e=this,t=(0,i.default)({default:{wrap:{position:"relative"}},"user-override":{wrap:this.props.style&&this.props.style.wrap?this.props.style.wrap:{},input:this.props.style&&this.props.style.input?this.props.style.input:{},label:this.props.style&&this.props.style.label?this.props.style.label:{}},"dragLabel-true":{label:{cursor:"ew-resize"}}},{"user-override":!0},this.props);return o.default.createElement("div",{style:t.wrap},o.default.createElement("input",{style:t.input,ref:function(t){return e.input=t},value:this.state.value,onKeyDown:this.handleKeyDown,onChange:this.handleChange,onBlur:this.handleBlur,placeholder:this.props.placeholder,spellCheck:"false"}),this.props.label&&!this.props.hideLabel?o.default.createElement("span",{style:t.label,onMouseDown:this.handleMouseDown},this.props.label):null)}}]),t}(a.PureComponent||a.Component);t.default=p},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Hue=void 0;var n=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),a=r(0),o=s(a),i=s(r(4)),l=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t}(r(206));function s(e){return e&&e.__esModule?e:{default:e}}function p(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function c(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}var u=t.Hue=function(e){function t(){var e,r,n;p(this,t);for(var a=arguments.length,o=Array(a),i=0;i<a;i++)o[i]=arguments[i];return r=n=c(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(o))),n.handleChange=function(e){var t=l.calculateChange(e,n.props.direction,n.props.hsl,n.container);t&&"function"==typeof n.props.onChange&&n.props.onChange(t,e)},n.handleMouseDown=function(e){n.handleChange(e),window.addEventListener("mousemove",n.handleChange),window.addEventListener("mouseup",n.handleMouseUp)},n.handleMouseUp=function(){n.unbindEventListeners()},c(n,r)}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,e),n(t,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"unbindEventListeners",value:function(){window.removeEventListener("mousemove",this.handleChange),window.removeEventListener("mouseup",this.handleMouseUp)}},{key:"render",value:function(){var e=this,t=this.props.direction,r=void 0===t?"horizontal":t,n=(0,i.default)({default:{hue:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius,boxShadow:this.props.shadow},container:{padding:"0 2px",position:"relative",height:"100%",borderRadius:this.props.radius},pointer:{position:"absolute",left:100*this.props.hsl.h/360+"%"},slider:{marginTop:"1px",width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",transform:"translateX(-2px)"}},vertical:{pointer:{left:"0px",top:-100*this.props.hsl.h/360+100+"%"}}},{vertical:"vertical"===r});return o.default.createElement("div",{style:n.hue},o.default.createElement("div",{className:"hue-"+r,style:n.container,ref:function(t){return e.container=t},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},o.default.createElement("style",null,"\n            .hue-horizontal {\n              background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0\n                33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n              background: -webkit-linear-gradient(to right, #f00 0%, #ff0\n                17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n            }\n\n            .hue-vertical {\n              background: linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%,\n                #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n              background: -webkit-linear-gradient(to top, #f00 0%, #ff0 17%,\n                #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n            }\n          "),o.default.createElement("div",{style:n.pointer},this.props.pointer?o.default.createElement(this.props.pointer,this.props):o.default.createElement("div",{style:n.slider}))))}}]),t}(a.PureComponent||a.Component);t.default=u},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.calculateChange=function(e,t,r,n){var a=n.clientWidth,o=n.clientHeight,i="number"==typeof e.pageX?e.pageX:e.touches[0].pageX,l="number"==typeof e.pageY?e.pageY:e.touches[0].pageY,s=i-(n.getBoundingClientRect().left+window.pageXOffset),p=l-(n.getBoundingClientRect().top+window.pageYOffset);if("vertical"===t){var c=void 0;if(p<0)c=359;else if(p>o)c=0;else{c=360*(-100*p/o+100)/100}if(r.h!==c)return{h:c,s:r.s,l:r.l,a:r.a,source:"rgb"}}else{var u=void 0;if(s<0)u=0;else if(s>a)u=359;else{u=360*(100*s/a)/100}if(r.h!==u)return{h:u,s:r.s,l:r.l,a:r.a,source:"rgb"}}return null}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Raised=void 0;var n=l(r(0)),a=l(r(2)),o=l(r(4)),i=l(r(11));function l(e){return e&&e.__esModule?e:{default:e}}var s=t.Raised=function(e){var t=e.zDepth,r=e.radius,a=e.background,l=e.children,s=e.styles,p=void 0===s?{}:s,c=(0,o.default)((0,i.default)({default:{wrap:{position:"relative",display:"inline-block"},content:{position:"relative"},bg:{absolute:"0px 0px 0px 0px",boxShadow:"0 "+t+"px "+4*t+"px rgba(0,0,0,.24)",borderRadius:r,background:a}},"zDepth-0":{bg:{boxShadow:"none"}},"zDepth-1":{bg:{boxShadow:"0 2px 10px rgba(0,0,0,.12), 0 2px 5px rgba(0,0,0,.16)"}},"zDepth-2":{bg:{boxShadow:"0 6px 20px rgba(0,0,0,.19), 0 8px 17px rgba(0,0,0,.2)"}},"zDepth-3":{bg:{boxShadow:"0 17px 50px rgba(0,0,0,.19), 0 12px 15px rgba(0,0,0,.24)"}},"zDepth-4":{bg:{boxShadow:"0 25px 55px rgba(0,0,0,.21), 0 16px 28px rgba(0,0,0,.22)"}},"zDepth-5":{bg:{boxShadow:"0 40px 77px rgba(0,0,0,.22), 0 27px 24px rgba(0,0,0,.2)"}},square:{bg:{borderRadius:"0"}},circle:{bg:{borderRadius:"50%"}}},p),{"zDepth-1":1===t});return n.default.createElement("div",{style:c.wrap},n.default.createElement("div",{style:c.bg}),n.default.createElement("div",{style:c.content},l))};s.propTypes={background:a.default.string,zDepth:a.default.oneOf([0,1,2,3,4,5]),radius:a.default.number,styles:a.default.object},s.defaultProps={background:"#fff",zDepth:1,radius:2,styles:{}},t.default=s},function(e,t,r){var n=r(28),a=r(89),o=r(62),i=r(209),l=r(12),s=r(36),p=r(90);e.exports=function e(t,r,c,u,d){t!==r&&o(r,(function(o,s){if(d||(d=new n),l(o))i(t,r,s,c,e,u,d);else{var h=u?u(p(t,s),o,s+"",t,r,d):void 0;void 0===h&&(h=o),a(t,s,h)}}),s)}},function(e,t,r){var n=r(89),a=r(84),o=r(87),i=r(85),l=r(88),s=r(42),p=r(10),c=r(210),u=r(26),d=r(50),h=r(12),b=r(66),f=r(45),m=r(90),g=r(211);e.exports=function(e,t,r,v,y,C,E){var x=m(e,r),O=m(t,r),S=E.get(O);if(S)n(e,r,S);else{var P=C?C(x,O,r+"",e,t,E):void 0,w=void 0===P;if(w){var k=p(O),_=!k&&u(O),N=!k&&!_&&f(O);P=O,k||_||N?p(x)?P=x:c(x)?P=i(x):_?(w=!1,P=a(O,!0)):N?(w=!1,P=o(O,!0)):P=[]:b(O)||s(O)?(P=x,s(x)?P=g(x):h(x)&&!d(x)||(P=l(O))):w=!1}w&&(E.set(O,P),y(P,O,v,C,E),E.delete(O)),n(e,r,P)}}},function(e,t,r){var n=r(20),a=r(15);e.exports=function(e){return a(e)&&n(e)}},function(e,t,r){var n=r(25),a=r(36);e.exports=function(e){return n(e,a(e))}},function(e,t,r){var n=r(213),a=r(220);e.exports=function(e){return n((function(t,r){var n=-1,o=r.length,i=o>1?r[o-1]:void 0,l=o>2?r[2]:void 0;for(i=e.length>3&&"function"==typeof i?(o--,i):void 0,l&&a(r[0],r[1],l)&&(i=o<3?void 0:i,o=1),t=Object(t);++n<o;){var s=r[n];s&&e(t,s,n,i)}return t}))}},function(e,t,r){var n=r(27),a=r(214),o=r(216);e.exports=function(e,t){return o(a(e,t,n),e+"")}},function(e,t,r){var n=r(215),a=Math.max;e.exports=function(e,t,r){return t=a(void 0===t?e.length-1:t,0),function(){for(var o=arguments,i=-1,l=a(o.length-t,0),s=Array(l);++i<l;)s[i]=o[t+i];i=-1;for(var p=Array(t+1);++i<t;)p[i]=o[i];return p[t]=r(s),n(e,this,p)}}},function(e,t){e.exports=function(e,t,r){switch(r.length){case 0:return e.call(t);case 1:return e.call(t,r[0]);case 2:return e.call(t,r[0],r[1]);case 3:return e.call(t,r[0],r[1],r[2])}return e.apply(t,r)}},function(e,t,r){var n=r(217),a=r(219)(n);e.exports=a},function(e,t,r){var n=r(218),a=r(83),o=r(27),i=a?function(e,t){return a(e,"toString",{configurable:!0,enumerable:!1,value:n(t),writable:!0})}:o;e.exports=i},function(e,t){e.exports=function(e){return function(){return e}}},function(e,t){var r=Date.now;e.exports=function(e){var t=0,n=0;return function(){var a=r(),o=16-(a-n);if(n=a,o>0){if(++t>=800)return arguments[0]}else t=0;return e.apply(void 0,arguments)}}},function(e,t,r){var n=r(24),a=r(20),o=r(44),i=r(12);e.exports=function(e,t,r){if(!i(r))return!1;var l=typeof t;return!!("number"==l?a(r)&&o(t,r.length):"string"==l&&t in r)&&n(r[t],e)}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Saturation=void 0;var n=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),a=r(0),o=p(a),i=p(r(4)),l=p(r(222)),s=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t}(r(225));function p(e){return e&&e.__esModule?e:{default:e}}var c=t.Saturation=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var r=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return r.handleChange=function(e){"function"==typeof r.props.onChange&&r.throttle(r.props.onChange,s.calculateChange(e,r.props.hsl,r.container),e)},r.handleMouseDown=function(e){r.handleChange(e),window.addEventListener("mousemove",r.handleChange),window.addEventListener("mouseup",r.handleMouseUp)},r.handleMouseUp=function(){r.unbindEventListeners()},r.throttle=(0,l.default)((function(e,t,r){e(t,r)}),50),r}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,e),n(t,[{key:"componentWillUnmount",value:function(){this.throttle.cancel(),this.unbindEventListeners()}},{key:"unbindEventListeners",value:function(){window.removeEventListener("mousemove",this.handleChange),window.removeEventListener("mouseup",this.handleMouseUp)}},{key:"render",value:function(){var e=this,t=this.props.style||{},r=t.color,n=t.white,a=t.black,l=t.pointer,s=t.circle,p=(0,i.default)({default:{color:{absolute:"0px 0px 0px 0px",background:"hsl("+this.props.hsl.h+",100%, 50%)",borderRadius:this.props.radius},white:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},black:{absolute:"0px 0px 0px 0px",boxShadow:this.props.shadow,borderRadius:this.props.radius},pointer:{position:"absolute",top:-100*this.props.hsv.v+100+"%",left:100*this.props.hsv.s+"%",cursor:"default"},circle:{width:"4px",height:"4px",boxShadow:"0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),\n            0 0 1px 2px rgba(0,0,0,.4)",borderRadius:"50%",cursor:"hand",transform:"translate(-2px, -2px)"}},custom:{color:r,white:n,black:a,pointer:l,circle:s}},{custom:!!this.props.style});return o.default.createElement("div",{style:p.color,ref:function(t){return e.container=t},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},o.default.createElement("style",null,"\n          .saturation-white {\n            background: -webkit-linear-gradient(to right, #fff, rgba(255,255,255,0));\n            background: linear-gradient(to right, #fff, rgba(255,255,255,0));\n          }\n          .saturation-black {\n            background: -webkit-linear-gradient(to top, #000, rgba(0,0,0,0));\n            background: linear-gradient(to top, #000, rgba(0,0,0,0));\n          }\n        "),o.default.createElement("div",{style:p.white,className:"saturation-white"},o.default.createElement("div",{style:p.black,className:"saturation-black"}),o.default.createElement("div",{style:p.pointer},this.props.pointer?o.default.createElement(this.props.pointer,this.props):o.default.createElement("div",{style:p.circle}))))}}]),t}(a.PureComponent||a.Component);t.default=c},function(e,t,r){var n=r(91),a=r(12);e.exports=function(e,t,r){var o=!0,i=!0;if("function"!=typeof e)throw new TypeError("Expected a function");return a(r)&&(o="leading"in r?!!r.leading:o,i="trailing"in r?!!r.trailing:i),n(e,t,{leading:o,maxWait:t,trailing:i})}},function(e,t,r){var n=r(13);e.exports=function(){return n.Date.now()}},function(e,t,r){var n=r(12),a=r(34),o=/^\s+|\s+$/g,i=/^[-+]0x[0-9a-f]+$/i,l=/^0b[01]+$/i,s=/^0o[0-7]+$/i,p=parseInt;e.exports=function(e){if("number"==typeof e)return e;if(a(e))return NaN;if(n(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=n(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(o,"");var r=l.test(e);return r||s.test(e)?p(e.slice(2),r?2:8):i.test(e)?NaN:+e}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.calculateChange=function(e,t,r){var n=r.getBoundingClientRect(),a=n.width,o=n.height,i="number"==typeof e.pageX?e.pageX:e.touches[0].pageX,l="number"==typeof e.pageY?e.pageY:e.touches[0].pageY,s=i-(r.getBoundingClientRect().left+window.pageXOffset),p=l-(r.getBoundingClientRect().top+window.pageYOffset);s<0?s=0:s>a&&(s=a),p<0?p=0:p>o&&(p=o);var c=s/a,u=1-p/o;return{h:t.h,s:c,v:u,a:t.a,source:"rgb"}}},function(e,t,r){e.exports=r(227)},function(e,t,r){var n=r(81),a=r(80),o=r(65),i=r(10);e.exports=function(e,t){return(i(e)?n:a)(e,o(t))}},function(e,t,r){var n;!function(a){var o=/^\s+/,i=/\s+$/,l=0,s=a.round,p=a.min,c=a.max,u=a.random;function d(e,t){if(t=t||{},(e=e||"")instanceof d)return e;if(!(this instanceof d))return new d(e,t);var r=function(e){var t={r:0,g:0,b:0},r=1,n=null,l=null,s=null,u=!1,d=!1;"string"==typeof e&&(e=function(e){e=e.replace(o,"").replace(i,"").toLowerCase();var t,r=!1;if(T[e])e=T[e],r=!0;else if("transparent"==e)return{r:0,g:0,b:0,a:0,format:"name"};if(t=U.rgb.exec(e))return{r:t[1],g:t[2],b:t[3]};if(t=U.rgba.exec(e))return{r:t[1],g:t[2],b:t[3],a:t[4]};if(t=U.hsl.exec(e))return{h:t[1],s:t[2],l:t[3]};if(t=U.hsla.exec(e))return{h:t[1],s:t[2],l:t[3],a:t[4]};if(t=U.hsv.exec(e))return{h:t[1],s:t[2],v:t[3]};if(t=U.hsva.exec(e))return{h:t[1],s:t[2],v:t[3],a:t[4]};if(t=U.hex8.exec(e))return{r:j(t[1]),g:j(t[2]),b:j(t[3]),a:F(t[4]),format:r?"name":"hex8"};if(t=U.hex6.exec(e))return{r:j(t[1]),g:j(t[2]),b:j(t[3]),format:r?"name":"hex"};if(t=U.hex4.exec(e))return{r:j(t[1]+""+t[1]),g:j(t[2]+""+t[2]),b:j(t[3]+""+t[3]),a:F(t[4]+""+t[4]),format:r?"name":"hex8"};if(t=U.hex3.exec(e))return{r:j(t[1]+""+t[1]),g:j(t[2]+""+t[2]),b:j(t[3]+""+t[3]),format:r?"name":"hex"};return!1}(e));"object"==typeof e&&(V(e.r)&&V(e.g)&&V(e.b)?(h=e.r,b=e.g,f=e.b,t={r:255*A(h,255),g:255*A(b,255),b:255*A(f,255)},u=!0,d="%"===String(e.r).substr(-1)?"prgb":"rgb"):V(e.h)&&V(e.s)&&V(e.v)?(n=D(e.s),l=D(e.v),t=function(e,t,r){e=6*A(e,360),t=A(t,100),r=A(r,100);var n=a.floor(e),o=e-n,i=r*(1-t),l=r*(1-o*t),s=r*(1-(1-o)*t),p=n%6;return{r:255*[r,l,i,i,s,r][p],g:255*[s,r,r,l,i,i][p],b:255*[i,i,s,r,r,l][p]}}(e.h,n,l),u=!0,d="hsv"):V(e.h)&&V(e.s)&&V(e.l)&&(n=D(e.s),s=D(e.l),t=function(e,t,r){var n,a,o;function i(e,t,r){return r<0&&(r+=1),r>1&&(r-=1),r<1/6?e+6*(t-e)*r:r<.5?t:r<2/3?e+(t-e)*(2/3-r)*6:e}if(e=A(e,360),t=A(t,100),r=A(r,100),0===t)n=a=o=r;else{var l=r<.5?r*(1+t):r+t-r*t,s=2*r-l;n=i(s,l,e+1/3),a=i(s,l,e),o=i(s,l,e-1/3)}return{r:255*n,g:255*a,b:255*o}}(e.h,n,s),u=!0,d="hsl"),e.hasOwnProperty("a")&&(r=e.a));var h,b,f;return r=R(r),{ok:u,format:e.format||d,r:p(255,c(t.r,0)),g:p(255,c(t.g,0)),b:p(255,c(t.b,0)),a:r}}(e);this._originalInput=e,this._r=r.r,this._g=r.g,this._b=r.b,this._a=r.a,this._roundA=s(100*this._a)/100,this._format=t.format||r.format,this._gradientType=t.gradientType,this._r<1&&(this._r=s(this._r)),this._g<1&&(this._g=s(this._g)),this._b<1&&(this._b=s(this._b)),this._ok=r.ok,this._tc_id=l++}function h(e,t,r){e=A(e,255),t=A(t,255),r=A(r,255);var n,a,o=c(e,t,r),i=p(e,t,r),l=(o+i)/2;if(o==i)n=a=0;else{var s=o-i;switch(a=l>.5?s/(2-o-i):s/(o+i),o){case e:n=(t-r)/s+(t<r?6:0);break;case t:n=(r-e)/s+2;break;case r:n=(e-t)/s+4}n/=6}return{h:n,s:a,l:l}}function b(e,t,r){e=A(e,255),t=A(t,255),r=A(r,255);var n,a,o=c(e,t,r),i=p(e,t,r),l=o,s=o-i;if(a=0===o?0:s/o,o==i)n=0;else{switch(o){case e:n=(t-r)/s+(t<r?6:0);break;case t:n=(r-e)/s+2;break;case r:n=(e-t)/s+4}n/=6}return{h:n,s:a,v:l}}function f(e,t,r,n){var a=[I(s(e).toString(16)),I(s(t).toString(16)),I(s(r).toString(16))];return n&&a[0].charAt(0)==a[0].charAt(1)&&a[1].charAt(0)==a[1].charAt(1)&&a[2].charAt(0)==a[2].charAt(1)?a[0].charAt(0)+a[1].charAt(0)+a[2].charAt(0):a.join("")}function m(e,t,r,n){return[I(z(n)),I(s(e).toString(16)),I(s(t).toString(16)),I(s(r).toString(16))].join("")}function g(e,t){t=0===t?0:t||10;var r=d(e).toHsl();return r.s-=t/100,r.s=L(r.s),d(r)}function v(e,t){t=0===t?0:t||10;var r=d(e).toHsl();return r.s+=t/100,r.s=L(r.s),d(r)}function y(e){return d(e).desaturate(100)}function C(e,t){t=0===t?0:t||10;var r=d(e).toHsl();return r.l+=t/100,r.l=L(r.l),d(r)}function E(e,t){t=0===t?0:t||10;var r=d(e).toRgb();return r.r=c(0,p(255,r.r-s(-t/100*255))),r.g=c(0,p(255,r.g-s(-t/100*255))),r.b=c(0,p(255,r.b-s(-t/100*255))),d(r)}function x(e,t){t=0===t?0:t||10;var r=d(e).toHsl();return r.l-=t/100,r.l=L(r.l),d(r)}function O(e,t){var r=d(e).toHsl(),n=(r.h+t)%360;return r.h=n<0?360+n:n,d(r)}function S(e){var t=d(e).toHsl();return t.h=(t.h+180)%360,d(t)}function P(e){var t=d(e).toHsl(),r=t.h;return[d(e),d({h:(r+120)%360,s:t.s,l:t.l}),d({h:(r+240)%360,s:t.s,l:t.l})]}function w(e){var t=d(e).toHsl(),r=t.h;return[d(e),d({h:(r+90)%360,s:t.s,l:t.l}),d({h:(r+180)%360,s:t.s,l:t.l}),d({h:(r+270)%360,s:t.s,l:t.l})]}function k(e){var t=d(e).toHsl(),r=t.h;return[d(e),d({h:(r+72)%360,s:t.s,l:t.l}),d({h:(r+216)%360,s:t.s,l:t.l})]}function _(e,t,r){t=t||6,r=r||30;var n=d(e).toHsl(),a=360/r,o=[d(e)];for(n.h=(n.h-(a*t>>1)+720)%360;--t;)n.h=(n.h+a)%360,o.push(d(n));return o}function N(e,t){t=t||6;for(var r=d(e).toHsv(),n=r.h,a=r.s,o=r.v,i=[],l=1/t;t--;)i.push(d({h:n,s:a,v:o})),o=(o+l)%1;return i}d.prototype={isDark:function(){return this.getBrightness()<128},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var e=this.toRgb();return(299*e.r+587*e.g+114*e.b)/1e3},getLuminance:function(){var e,t,r,n=this.toRgb();return e=n.r/255,t=n.g/255,r=n.b/255,.2126*(e<=.03928?e/12.92:a.pow((e+.055)/1.055,2.4))+.7152*(t<=.03928?t/12.92:a.pow((t+.055)/1.055,2.4))+.0722*(r<=.03928?r/12.92:a.pow((r+.055)/1.055,2.4))},setAlpha:function(e){return this._a=R(e),this._roundA=s(100*this._a)/100,this},toHsv:function(){var e=b(this._r,this._g,this._b);return{h:360*e.h,s:e.s,v:e.v,a:this._a}},toHsvString:function(){var e=b(this._r,this._g,this._b),t=s(360*e.h),r=s(100*e.s),n=s(100*e.v);return 1==this._a?"hsv("+t+", "+r+"%, "+n+"%)":"hsva("+t+", "+r+"%, "+n+"%, "+this._roundA+")"},toHsl:function(){var e=h(this._r,this._g,this._b);return{h:360*e.h,s:e.s,l:e.l,a:this._a}},toHslString:function(){var e=h(this._r,this._g,this._b),t=s(360*e.h),r=s(100*e.s),n=s(100*e.l);return 1==this._a?"hsl("+t+", "+r+"%, "+n+"%)":"hsla("+t+", "+r+"%, "+n+"%, "+this._roundA+")"},toHex:function(e){return f(this._r,this._g,this._b,e)},toHexString:function(e){return"#"+this.toHex(e)},toHex8:function(e){return function(e,t,r,n,a){var o=[I(s(e).toString(16)),I(s(t).toString(16)),I(s(r).toString(16)),I(z(n))];if(a&&o[0].charAt(0)==o[0].charAt(1)&&o[1].charAt(0)==o[1].charAt(1)&&o[2].charAt(0)==o[2].charAt(1)&&o[3].charAt(0)==o[3].charAt(1))return o[0].charAt(0)+o[1].charAt(0)+o[2].charAt(0)+o[3].charAt(0);return o.join("")}(this._r,this._g,this._b,this._a,e)},toHex8String:function(e){return"#"+this.toHex8(e)},toRgb:function(){return{r:s(this._r),g:s(this._g),b:s(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+s(this._r)+", "+s(this._g)+", "+s(this._b)+")":"rgba("+s(this._r)+", "+s(this._g)+", "+s(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:s(100*A(this._r,255))+"%",g:s(100*A(this._g,255))+"%",b:s(100*A(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+s(100*A(this._r,255))+"%, "+s(100*A(this._g,255))+"%, "+s(100*A(this._b,255))+"%)":"rgba("+s(100*A(this._r,255))+"%, "+s(100*A(this._g,255))+"%, "+s(100*A(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":!(this._a<1)&&(M[f(this._r,this._g,this._b,!0)]||!1)},toFilter:function(e){var t="#"+m(this._r,this._g,this._b,this._a),r=t,n=this._gradientType?"GradientType = 1, ":"";if(e){var a=d(e);r="#"+m(a._r,a._g,a._b,a._a)}return"progid:DXImageTransform.Microsoft.gradient("+n+"startColorstr="+t+",endColorstr="+r+")"},toString:function(e){var t=!!e;e=e||this._format;var r=!1,n=this._a<1&&this._a>=0;return t||!n||"hex"!==e&&"hex6"!==e&&"hex3"!==e&&"hex4"!==e&&"hex8"!==e&&"name"!==e?("rgb"===e&&(r=this.toRgbString()),"prgb"===e&&(r=this.toPercentageRgbString()),"hex"!==e&&"hex6"!==e||(r=this.toHexString()),"hex3"===e&&(r=this.toHexString(!0)),"hex4"===e&&(r=this.toHex8String(!0)),"hex8"===e&&(r=this.toHex8String()),"name"===e&&(r=this.toName()),"hsl"===e&&(r=this.toHslString()),"hsv"===e&&(r=this.toHsvString()),r||this.toHexString()):"name"===e&&0===this._a?this.toName():this.toRgbString()},clone:function(){return d(this.toString())},_applyModification:function(e,t){var r=e.apply(null,[this].concat([].slice.call(t)));return this._r=r._r,this._g=r._g,this._b=r._b,this.setAlpha(r._a),this},lighten:function(){return this._applyModification(C,arguments)},brighten:function(){return this._applyModification(E,arguments)},darken:function(){return this._applyModification(x,arguments)},desaturate:function(){return this._applyModification(g,arguments)},saturate:function(){return this._applyModification(v,arguments)},greyscale:function(){return this._applyModification(y,arguments)},spin:function(){return this._applyModification(O,arguments)},_applyCombination:function(e,t){return e.apply(null,[this].concat([].slice.call(t)))},analogous:function(){return this._applyCombination(_,arguments)},complement:function(){return this._applyCombination(S,arguments)},monochromatic:function(){return this._applyCombination(N,arguments)},splitcomplement:function(){return this._applyCombination(k,arguments)},triad:function(){return this._applyCombination(P,arguments)},tetrad:function(){return this._applyCombination(w,arguments)}},d.fromRatio=function(e,t){if("object"==typeof e){var r={};for(var n in e)e.hasOwnProperty(n)&&(r[n]="a"===n?e[n]:D(e[n]));e=r}return d(e,t)},d.equals=function(e,t){return!(!e||!t)&&d(e).toRgbString()==d(t).toRgbString()},d.random=function(){return d.fromRatio({r:u(),g:u(),b:u()})},d.mix=function(e,t,r){r=0===r?0:r||50;var n=d(e).toRgb(),a=d(t).toRgb(),o=r/100;return d({r:(a.r-n.r)*o+n.r,g:(a.g-n.g)*o+n.g,b:(a.b-n.b)*o+n.b,a:(a.a-n.a)*o+n.a})},d.readability=function(e,t){var r=d(e),n=d(t);return(a.max(r.getLuminance(),n.getLuminance())+.05)/(a.min(r.getLuminance(),n.getLuminance())+.05)},d.isReadable=function(e,t,r){var n,a,o=d.readability(e,t);switch(a=!1,(n=function(e){var t,r;t=((e=e||{level:"AA",size:"small"}).level||"AA").toUpperCase(),r=(e.size||"small").toLowerCase(),"AA"!==t&&"AAA"!==t&&(t="AA");"small"!==r&&"large"!==r&&(r="small");return{level:t,size:r}}(r)).level+n.size){case"AAsmall":case"AAAlarge":a=o>=4.5;break;case"AAlarge":a=o>=3;break;case"AAAsmall":a=o>=7}return a},d.mostReadable=function(e,t,r){var n,a,o,i,l=null,s=0;a=(r=r||{}).includeFallbackColors,o=r.level,i=r.size;for(var p=0;p<t.length;p++)(n=d.readability(e,t[p]))>s&&(s=n,l=d(t[p]));return d.isReadable(e,l,{level:o,size:i})||!a?l:(r.includeFallbackColors=!1,d.mostReadable(e,["#fff","#000"],r))};var T=d.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},M=d.hexNames=function(e){var t={};for(var r in e)e.hasOwnProperty(r)&&(t[e[r]]=r);return t}(T);function R(e){return e=parseFloat(e),(isNaN(e)||e<0||e>1)&&(e=1),e}function A(e,t){(function(e){return"string"==typeof e&&-1!=e.indexOf(".")&&1===parseFloat(e)})(e)&&(e="100%");var r=function(e){return"string"==typeof e&&-1!=e.indexOf("%")}(e);return e=p(t,c(0,parseFloat(e))),r&&(e=parseInt(e*t,10)/100),a.abs(e-t)<1e-6?1:e%t/parseFloat(t)}function L(e){return p(1,c(0,e))}function j(e){return parseInt(e,16)}function I(e){return 1==e.length?"0"+e:""+e}function D(e){return e<=1&&(e=100*e+"%"),e}function z(e){return a.round(255*parseFloat(e)).toString(16)}function F(e){return j(e)/255}var G,B,H,U=(B="[\\s|\\(]+("+(G="(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)")+")[,|\\s]+("+G+")[,|\\s]+("+G+")\\s*\\)?",H="[\\s|\\(]+("+G+")[,|\\s]+("+G+")[,|\\s]+("+G+")[,|\\s]+("+G+")\\s*\\)?",{CSS_UNIT:new RegExp(G),rgb:new RegExp("rgb"+B),rgba:new RegExp("rgba"+H),hsl:new RegExp("hsl"+B),hsla:new RegExp("hsla"+H),hsv:new RegExp("hsv"+B),hsva:new RegExp("hsva"+H),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/});function V(e){return!!U.CSS_UNIT.exec(e)}e.exports?e.exports=d:void 0===(n=function(){return d}.call(t,r,t,e))||(e.exports=n)}(Math)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Swatch=void 0;var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a=s(r(0)),o=s(r(4)),i=r(230),l=s(r(58));function s(e){return e&&e.__esModule?e:{default:e}}var p=t.Swatch=function(e){var t=e.color,r=e.style,i=e.onClick,s=void 0===i?function(){}:i,p=e.onHover,c=e.title,u=void 0===c?t:c,d=e.children,h=e.focus,b=e.focusStyle,f=void 0===b?{}:b,m="transparent"===t,g=(0,o.default)({default:{swatch:n({background:t,height:"100%",width:"100%",cursor:"pointer",position:"relative",outline:"none"},r,h?f:{})}}),v={};return p&&(v.onMouseOver=function(e){return p(t,e)}),a.default.createElement("div",n({style:g.swatch,onClick:function(e){return s(t,e)},title:u,tabIndex:0,onKeyDown:function(e){return 13===e.keyCode&&s(t,e)}},v),d,m&&a.default.createElement(l.default,{borderRadius:g.swatch.borderRadius,boxShadow:"inset 0 0 0 1px rgba(0,0,0,0.1)"}))};t.default=(0,i.handleFocus)(p)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.handleFocus=void 0;var n,a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),i=r(0),l=(n=i)&&n.__esModule?n:{default:n};function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function p(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}function c(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.handleFocus=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"span";return function(r){function n(){var e,t,r;s(this,n);for(var a=arguments.length,o=Array(a),i=0;i<a;i++)o[i]=arguments[i];return t=r=p(this,(e=n.__proto__||Object.getPrototypeOf(n)).call.apply(e,[this].concat(o))),r.state={focus:!1},r.handleFocus=function(){return r.setState({focus:!0})},r.handleBlur=function(){return r.setState({focus:!1})},p(r,t)}return c(n,r),o(n,[{key:"render",value:function(){return l.default.createElement(t,{onFocus:this.handleFocus,onBlur:this.handleBlur},l.default.createElement(e,a({},this.props,this.state)))}}]),n}(l.default.Component)}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.AlphaPointer=void 0;var n=o(r(0)),a=o(r(4));function o(e){return e&&e.__esModule?e:{default:e}}var i=t.AlphaPointer=function(e){var t=e.direction,r=(0,a.default)({default:{picker:{width:"18px",height:"18px",borderRadius:"50%",transform:"translate(-9px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}},vertical:{picker:{transform:"translate(-3px, -9px)"}}},{vertical:"vertical"===t});return n.default.createElement("div",{style:r.picker})};t.default=i},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Block=void 0;var n=c(r(0)),a=c(r(2)),o=c(r(4)),i=c(r(11)),l=c(r(14)),s=r(6),p=c(r(233));function c(e){return e&&e.__esModule?e:{default:e}}var u=t.Block=function(e){var t=e.onChange,r=e.onSwatchHover,a=e.hex,c=e.colors,u=e.width,d=e.triangle,h=e.styles,b=void 0===h?{}:h,f=e.className,m=void 0===f?"":f,g="transparent"===a,v=function(e,r){l.default.isValidHex(e)&&t({hex:e,source:"hex"},r)},y=(0,o.default)((0,i.default)({default:{card:{width:u,background:"#fff",boxShadow:"0 1px rgba(0,0,0,.1)",borderRadius:"6px",position:"relative"},head:{height:"110px",background:a,borderRadius:"6px 6px 0 0",display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},body:{padding:"10px"},label:{fontSize:"18px",color:l.default.getContrastingColor(a),position:"relative"},triangle:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 10px 10px 10px",borderColor:"transparent transparent "+a+" transparent",position:"absolute",top:"-10px",left:"50%",marginLeft:"-10px"},input:{width:"100%",fontSize:"12px",color:"#666",border:"0px",outline:"none",height:"22px",boxShadow:"inset 0 0 0 1px #ddd",borderRadius:"4px",padding:"0 7px",boxSizing:"border-box"}},"hide-triangle":{triangle:{display:"none"}}},b),{"hide-triangle":"hide"===d});return n.default.createElement("div",{style:y.card,className:"block-picker "+m},n.default.createElement("div",{style:y.triangle}),n.default.createElement("div",{style:y.head},g&&n.default.createElement(s.Checkboard,{borderRadius:"6px 6px 0 0"}),n.default.createElement("div",{style:y.label},a)),n.default.createElement("div",{style:y.body},n.default.createElement(p.default,{colors:c,onClick:v,onSwatchHover:r}),n.default.createElement(s.EditableInput,{style:{input:y.input},value:a,onChange:v})))};u.propTypes={width:a.default.oneOfType([a.default.string,a.default.number]),colors:a.default.arrayOf(a.default.string),triangle:a.default.oneOf(["top","hide"]),styles:a.default.object},u.defaultProps={width:170,colors:["#D9E3F0","#F47373","#697689","#37D67A","#2CCCE4","#555555","#dce775","#ff8a65","#ba68c8"],triangle:"top",styles:{}},t.default=(0,s.ColorWrap)(u)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.BlockSwatches=void 0;var n=l(r(0)),a=l(r(4)),o=l(r(16)),i=r(6);function l(e){return e&&e.__esModule?e:{default:e}}var s=t.BlockSwatches=function(e){var t=e.colors,r=e.onClick,l=e.onSwatchHover,s=(0,a.default)({default:{swatches:{marginRight:"-10px"},swatch:{width:"22px",height:"22px",float:"left",marginRight:"10px",marginBottom:"10px",borderRadius:"4px"},clear:{clear:"both"}}});return n.default.createElement("div",{style:s.swatches},(0,o.default)(t,(function(e){return n.default.createElement(i.Swatch,{key:e,color:e,style:s.swatch,onClick:r,onHover:l,focusStyle:{boxShadow:"0 0 4px "+e}})})),n.default.createElement("div",{style:s.clear}))};t.default=s},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Circle=void 0;var n=u(r(0)),a=u(r(2)),o=u(r(4)),i=u(r(16)),l=u(r(11)),s=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t}(r(93)),p=r(6),c=u(r(235));function u(e){return e&&e.__esModule?e:{default:e}}var d=t.Circle=function(e){var t=e.width,r=e.onChange,a=e.onSwatchHover,s=e.colors,p=e.hex,u=e.circleSize,d=e.styles,h=void 0===d?{}:d,b=e.circleSpacing,f=e.className,m=void 0===f?"":f,g=(0,o.default)((0,l.default)({default:{card:{width:t,display:"flex",flexWrap:"wrap",marginRight:-b,marginBottom:-b}}},h)),v=function(e,t){return r({hex:e,source:"hex"},t)};return n.default.createElement("div",{style:g.card,className:"circle-picker "+m},(0,i.default)(s,(function(e){return n.default.createElement(c.default,{key:e,color:e,onClick:v,onSwatchHover:a,active:p===e.toLowerCase(),circleSize:u,circleSpacing:b})})))};d.propTypes={width:a.default.oneOfType([a.default.string,a.default.number]),circleSize:a.default.number,circleSpacing:a.default.number,styles:a.default.object},d.defaultProps={width:252,circleSize:28,circleSpacing:14,colors:[s.red[500],s.pink[500],s.purple[500],s.deepPurple[500],s.indigo[500],s.blue[500],s.lightBlue[500],s.cyan[500],s.teal[500],s.green[500],s.lightGreen[500],s.lime[500],s.yellow[500],s.amber[500],s.orange[500],s.deepOrange[500],s.brown[500],s.blueGrey[500]],styles:{}},t.default=(0,p.ColorWrap)(d)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CircleSwatch=void 0;var n=l(r(0)),a=r(4),o=l(a),i=r(6);function l(e){return e&&e.__esModule?e:{default:e}}var s=t.CircleSwatch=function(e){var t=e.color,r=e.onClick,a=e.onSwatchHover,l=e.hover,s=e.active,p=e.circleSize,c=e.circleSpacing,u=(0,o.default)({default:{swatch:{width:p,height:p,marginRight:c,marginBottom:c,transform:"scale(1)",transition:"100ms transform ease"},Swatch:{borderRadius:"50%",background:"transparent",boxShadow:"inset 0 0 0 "+p/2+"px "+t,transition:"100ms box-shadow ease"}},hover:{swatch:{transform:"scale(1.2)"}},active:{Swatch:{boxShadow:"inset 0 0 0 3px "+t}}},{hover:l,active:s});return n.default.createElement("div",{style:u.swatch},n.default.createElement(i.Swatch,{style:u.Swatch,color:t,onClick:r,onHover:a,focusStyle:{boxShadow:u.Swatch.boxShadow+", 0 0 5px "+t}}))};s.defaultProps={circleSize:28,circleSpacing:14},t.default=(0,a.handleHover)(s)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Chrome=void 0;var n=u(r(0)),a=u(r(2)),o=u(r(4)),i=u(r(11)),l=r(6),s=u(r(237)),p=u(r(239)),c=u(r(240));function u(e){return e&&e.__esModule?e:{default:e}}var d=t.Chrome=function(e){var t=e.width,r=e.onChange,a=e.disableAlpha,u=e.rgb,d=e.hsl,h=e.hsv,b=e.hex,f=e.renderers,m=e.styles,g=void 0===m?{}:m,v=e.className,y=void 0===v?"":v,C=e.defaultView,E=(0,o.default)((0,i.default)({default:{picker:{width:t,background:"#fff",borderRadius:"2px",boxShadow:"0 0 2px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.3)",boxSizing:"initial",fontFamily:"Menlo"},saturation:{width:"100%",paddingBottom:"55%",position:"relative",borderRadius:"2px 2px 0 0",overflow:"hidden"},Saturation:{radius:"2px 2px 0 0"},body:{padding:"16px 16px 12px"},controls:{display:"flex"},color:{width:"32px"},swatch:{marginTop:"6px",width:"16px",height:"16px",borderRadius:"8px",position:"relative",overflow:"hidden"},active:{absolute:"0px 0px 0px 0px",borderRadius:"8px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.1)",background:"rgba("+u.r+", "+u.g+", "+u.b+", "+u.a+")",zIndex:"2"},toggles:{flex:"1"},hue:{height:"10px",position:"relative",marginBottom:"8px"},Hue:{radius:"2px"},alpha:{height:"10px",position:"relative"},Alpha:{radius:"2px"}},disableAlpha:{color:{width:"22px"},alpha:{display:"none"},hue:{marginBottom:"0px"},swatch:{width:"10px",height:"10px",marginTop:"0px"}}},g),{disableAlpha:a});return n.default.createElement("div",{style:E.picker,className:"chrome-picker "+y},n.default.createElement("div",{style:E.saturation},n.default.createElement(l.Saturation,{style:E.Saturation,hsl:d,hsv:h,pointer:c.default,onChange:r})),n.default.createElement("div",{style:E.body},n.default.createElement("div",{style:E.controls,className:"flexbox-fix"},n.default.createElement("div",{style:E.color},n.default.createElement("div",{style:E.swatch},n.default.createElement("div",{style:E.active}),n.default.createElement(l.Checkboard,{renderers:f}))),n.default.createElement("div",{style:E.toggles},n.default.createElement("div",{style:E.hue},n.default.createElement(l.Hue,{style:E.Hue,hsl:d,pointer:p.default,onChange:r})),n.default.createElement("div",{style:E.alpha},n.default.createElement(l.Alpha,{style:E.Alpha,rgb:u,hsl:d,pointer:p.default,renderers:f,onChange:r})))),n.default.createElement(s.default,{rgb:u,hsl:d,hex:b,view:C,onChange:r,disableAlpha:a})))};d.propTypes={width:a.default.oneOfType([a.default.string,a.default.number]),disableAlpha:a.default.bool,styles:a.default.object,defaultView:a.default.oneOf(["hex","rgb","hsl"])},d.defaultProps={width:225,disableAlpha:!1,styles:{}},t.default=(0,l.ColorWrap)(d)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ChromeFields=void 0;var n=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),a=p(r(0)),o=p(r(4)),i=p(r(14)),l=r(6),s=p(r(238));function p(e){return e&&e.__esModule?e:{default:e}}var c=t.ChromeFields=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var r=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return r.toggleViews=function(){"hex"===r.state.view?r.setState({view:"rgb"}):"rgb"===r.state.view?r.setState({view:"hsl"}):"hsl"===r.state.view&&(1===r.props.hsl.a?r.setState({view:"hex"}):r.setState({view:"rgb"}))},r.handleChange=function(e,t){e.hex?i.default.isValidHex(e.hex)&&r.props.onChange({hex:e.hex,source:"hex"},t):e.r||e.g||e.b?r.props.onChange({r:e.r||r.props.rgb.r,g:e.g||r.props.rgb.g,b:e.b||r.props.rgb.b,source:"rgb"},t):e.a?(e.a<0?e.a=0:e.a>1&&(e.a=1),r.props.onChange({h:r.props.hsl.h,s:r.props.hsl.s,l:r.props.hsl.l,a:Math.round(100*e.a)/100,source:"rgb"},t)):(e.h||e.s||e.l)&&("string"==typeof e.s&&e.s.includes("%")&&(e.s=e.s.replace("%","")),"string"==typeof e.l&&e.l.includes("%")&&(e.l=e.l.replace("%","")),r.props.onChange({h:e.h||r.props.hsl.h,s:Number(e.s&&e.s||r.props.hsl.s),l:Number(e.l&&e.l||r.props.hsl.l),source:"hsl"},t))},r.showHighlight=function(e){e.currentTarget.style.background="#eee"},r.hideHighlight=function(e){e.currentTarget.style.background="transparent"},1!==e.hsl.a&&"hex"===e.view?r.state={view:"rgb"}:r.state={view:e.view},r}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,e),n(t,[{key:"render",value:function(){var e=this,t=(0,o.default)({default:{wrap:{paddingTop:"16px",display:"flex"},fields:{flex:"1",display:"flex",marginLeft:"-6px"},field:{paddingLeft:"6px",width:"100%"},alpha:{paddingLeft:"6px",width:"100%"},toggle:{width:"32px",textAlign:"right",position:"relative"},icon:{marginRight:"-4px",marginTop:"12px",cursor:"pointer",position:"relative"},iconHighlight:{position:"absolute",width:"24px",height:"28px",background:"#eee",borderRadius:"4px",top:"10px",left:"12px",display:"none"},input:{fontSize:"11px",color:"#333",width:"100%",borderRadius:"2px",border:"none",boxShadow:"inset 0 0 0 1px #dadada",height:"21px",textAlign:"center"},label:{textTransform:"uppercase",fontSize:"11px",lineHeight:"11px",color:"#969696",textAlign:"center",display:"block",marginTop:"12px"},svg:{fill:"#333",width:"24px",height:"24px",border:"1px transparent solid",borderRadius:"5px"}},disableAlpha:{alpha:{display:"none"}}},this.props,this.state),r=void 0;return"hex"===this.state.view?r=a.default.createElement("div",{style:t.fields,className:"flexbox-fix"},a.default.createElement("div",{style:t.field},a.default.createElement(l.EditableInput,{style:{input:t.input,label:t.label},label:"hex",value:this.props.hex,onChange:this.handleChange}))):"rgb"===this.state.view?r=a.default.createElement("div",{style:t.fields,className:"flexbox-fix"},a.default.createElement("div",{style:t.field},a.default.createElement(l.EditableInput,{style:{input:t.input,label:t.label},label:"r",value:this.props.rgb.r,onChange:this.handleChange})),a.default.createElement("div",{style:t.field},a.default.createElement(l.EditableInput,{style:{input:t.input,label:t.label},label:"g",value:this.props.rgb.g,onChange:this.handleChange})),a.default.createElement("div",{style:t.field},a.default.createElement(l.EditableInput,{style:{input:t.input,label:t.label},label:"b",value:this.props.rgb.b,onChange:this.handleChange})),a.default.createElement("div",{style:t.alpha},a.default.createElement(l.EditableInput,{style:{input:t.input,label:t.label},label:"a",value:this.props.rgb.a,arrowOffset:.01,onChange:this.handleChange}))):"hsl"===this.state.view&&(r=a.default.createElement("div",{style:t.fields,className:"flexbox-fix"},a.default.createElement("div",{style:t.field},a.default.createElement(l.EditableInput,{style:{input:t.input,label:t.label},label:"h",value:Math.round(this.props.hsl.h),onChange:this.handleChange})),a.default.createElement("div",{style:t.field},a.default.createElement(l.EditableInput,{style:{input:t.input,label:t.label},label:"s",value:Math.round(100*this.props.hsl.s)+"%",onChange:this.handleChange})),a.default.createElement("div",{style:t.field},a.default.createElement(l.EditableInput,{style:{input:t.input,label:t.label},label:"l",value:Math.round(100*this.props.hsl.l)+"%",onChange:this.handleChange})),a.default.createElement("div",{style:t.alpha},a.default.createElement(l.EditableInput,{style:{input:t.input,label:t.label},label:"a",value:this.props.hsl.a,arrowOffset:.01,onChange:this.handleChange})))),a.default.createElement("div",{style:t.wrap,className:"flexbox-fix"},r,a.default.createElement("div",{style:t.toggle},a.default.createElement("div",{style:t.icon,onClick:this.toggleViews,ref:function(t){return e.icon=t}},a.default.createElement(s.default,{style:t.svg,onMouseOver:this.showHighlight,onMouseEnter:this.showHighlight,onMouseOut:this.hideHighlight}))))}}],[{key:"getDerivedStateFromProps",value:function(e,t){return 1!==e.hsl.a&&"hex"===t.view?{view:"rgb"}:null}}]),t}(a.default.Component);c.defaultProps={view:"hex"},t.default=c},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o=r(0),i=(n=o)&&n.__esModule?n:{default:n};t.default=function(e){var t=e.fill,r=void 0===t?"currentColor":t,n=e.width,o=void 0===n?24:n,l=e.height,s=void 0===l?24:l,p=e.style,c=void 0===p?{}:p,u=function(e,t){var r={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r}(e,["fill","width","height","style"]);return i.default.createElement("svg",a({viewBox:"0 0 24 24",style:a({fill:r,width:o,height:s},c)},u),i.default.createElement("path",{d:"M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z"}))}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ChromePointer=void 0;var n=o(r(0)),a=o(r(4));function o(e){return e&&e.__esModule?e:{default:e}}var i=t.ChromePointer=function(){var e=(0,a.default)({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",transform:"translate(-6px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}}});return n.default.createElement("div",{style:e.picker})};t.default=i},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ChromePointerCircle=void 0;var n=o(r(0)),a=o(r(4));function o(e){return e&&e.__esModule?e:{default:e}}var i=t.ChromePointerCircle=function(){var e=(0,a.default)({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",boxShadow:"inset 0 0 0 1px #fff",transform:"translate(-6px, -6px)"}}});return n.default.createElement("div",{style:e.picker})};t.default=i},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Compact=void 0;var n=d(r(0)),a=d(r(2)),o=d(r(4)),i=d(r(16)),l=d(r(11)),s=d(r(14)),p=r(6),c=d(r(242)),u=d(r(243));function d(e){return e&&e.__esModule?e:{default:e}}var h=t.Compact=function(e){var t=e.onChange,r=e.onSwatchHover,a=e.colors,d=e.hex,h=e.rgb,b=e.styles,f=void 0===b?{}:b,m=e.className,g=void 0===m?"":m,v=(0,o.default)((0,l.default)({default:{Compact:{background:"#f6f6f6",radius:"4px"},compact:{paddingTop:"5px",paddingLeft:"5px",boxSizing:"initial",width:"240px"},clear:{clear:"both"}}},f)),y=function(e,r){e.hex?s.default.isValidHex(e.hex)&&t({hex:e.hex,source:"hex"},r):t(e,r)};return n.default.createElement(p.Raised,{style:v.Compact,styles:f},n.default.createElement("div",{style:v.compact,className:"compact-picker "+g},n.default.createElement("div",null,(0,i.default)(a,(function(e){return n.default.createElement(c.default,{key:e,color:e,active:e.toLowerCase()===d,onClick:y,onSwatchHover:r})})),n.default.createElement("div",{style:v.clear})),n.default.createElement(u.default,{hex:d,rgb:h,onChange:y})))};h.propTypes={colors:a.default.arrayOf(a.default.string),styles:a.default.object},h.defaultProps={colors:["#4D4D4D","#999999","#FFFFFF","#F44E3B","#FE9200","#FCDC00","#DBDF00","#A4DD00","#68CCCA","#73D8FF","#AEA1FF","#FDA1FF","#333333","#808080","#cccccc","#D33115","#E27300","#FCC400","#B0BC00","#68BC00","#16A5A5","#009CE0","#7B64FF","#FA28FF","#000000","#666666","#B3B3B3","#9F0500","#C45100","#FB9E00","#808900","#194D33","#0C797D","#0062B1","#653294","#AB149E"],styles:{}},t.default=(0,p.ColorWrap)(h)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CompactColor=void 0;var n=l(r(0)),a=l(r(4)),o=l(r(14)),i=r(6);function l(e){return e&&e.__esModule?e:{default:e}}var s=t.CompactColor=function(e){var t=e.color,r=e.onClick,l=void 0===r?function(){}:r,s=e.onSwatchHover,p=e.active,c=(0,a.default)({default:{color:{background:t,width:"15px",height:"15px",float:"left",marginRight:"5px",marginBottom:"5px",position:"relative",cursor:"pointer"},dot:{absolute:"5px 5px 5px 5px",background:o.default.getContrastingColor(t),borderRadius:"50%",opacity:"0"}},active:{dot:{opacity:"1"}},"color-#FFFFFF":{color:{boxShadow:"inset 0 0 0 1px #ddd"},dot:{background:"#000"}},transparent:{dot:{background:"#000"}}},{active:p,"color-#FFFFFF":"#FFFFFF"===t,transparent:"transparent"===t});return n.default.createElement(i.Swatch,{style:c.color,color:t,onClick:l,onHover:s,focusStyle:{boxShadow:"0 0 4px "+t}},n.default.createElement("div",{style:c.dot}))};t.default=s},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CompactFields=void 0;var n=i(r(0)),a=i(r(4)),o=r(6);function i(e){return e&&e.__esModule?e:{default:e}}var l=t.CompactFields=function(e){var t=e.hex,r=e.rgb,i=e.onChange,l=(0,a.default)({default:{fields:{display:"flex",paddingBottom:"6px",paddingRight:"5px",position:"relative"},active:{position:"absolute",top:"6px",left:"5px",height:"9px",width:"9px",background:t},HEXwrap:{flex:"6",position:"relative"},HEXinput:{width:"80%",padding:"0px",paddingLeft:"20%",border:"none",outline:"none",background:"none",fontSize:"12px",color:"#333",height:"16px"},HEXlabel:{display:"none"},RGBwrap:{flex:"3",position:"relative"},RGBinput:{width:"70%",padding:"0px",paddingLeft:"30%",border:"none",outline:"none",background:"none",fontSize:"12px",color:"#333",height:"16px"},RGBlabel:{position:"absolute",top:"3px",left:"0px",lineHeight:"16px",textTransform:"uppercase",fontSize:"12px",color:"#999"}}}),s=function(e,t){e.r||e.g||e.b?i({r:e.r||r.r,g:e.g||r.g,b:e.b||r.b,source:"rgb"},t):i({hex:e.hex,source:"hex"},t)};return n.default.createElement("div",{style:l.fields,className:"flexbox-fix"},n.default.createElement("div",{style:l.active}),n.default.createElement(o.EditableInput,{style:{wrap:l.HEXwrap,input:l.HEXinput,label:l.HEXlabel},label:"hex",value:t,onChange:s}),n.default.createElement(o.EditableInput,{style:{wrap:l.RGBwrap,input:l.RGBinput,label:l.RGBlabel},label:"r",value:r.r,onChange:s}),n.default.createElement(o.EditableInput,{style:{wrap:l.RGBwrap,input:l.RGBinput,label:l.RGBlabel},label:"g",value:r.g,onChange:s}),n.default.createElement(o.EditableInput,{style:{wrap:l.RGBwrap,input:l.RGBinput,label:l.RGBlabel},label:"b",value:r.b,onChange:s}))};t.default=l},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Github=void 0;var n=c(r(0)),a=c(r(2)),o=c(r(4)),i=c(r(16)),l=c(r(11)),s=r(6),p=c(r(245));function c(e){return e&&e.__esModule?e:{default:e}}var u=t.Github=function(e){var t=e.width,r=e.colors,a=e.onChange,s=e.onSwatchHover,c=e.triangle,u=e.styles,d=void 0===u?{}:u,h=e.className,b=void 0===h?"":h,f=(0,o.default)((0,l.default)({default:{card:{width:t,background:"#fff",border:"1px solid rgba(0,0,0,0.2)",boxShadow:"0 3px 12px rgba(0,0,0,0.15)",borderRadius:"4px",position:"relative",padding:"5px",display:"flex",flexWrap:"wrap"},triangle:{position:"absolute",border:"7px solid transparent",borderBottomColor:"#fff"},triangleShadow:{position:"absolute",border:"8px solid transparent",borderBottomColor:"rgba(0,0,0,0.15)"}},"hide-triangle":{triangle:{display:"none"},triangleShadow:{display:"none"}},"top-left-triangle":{triangle:{top:"-14px",left:"10px"},triangleShadow:{top:"-16px",left:"9px"}},"top-right-triangle":{triangle:{top:"-14px",right:"10px"},triangleShadow:{top:"-16px",right:"9px"}},"bottom-left-triangle":{triangle:{top:"35px",left:"10px",transform:"rotate(180deg)"},triangleShadow:{top:"37px",left:"9px",transform:"rotate(180deg)"}},"bottom-right-triangle":{triangle:{top:"35px",right:"10px",transform:"rotate(180deg)"},triangleShadow:{top:"37px",right:"9px",transform:"rotate(180deg)"}}},d),{"hide-triangle":"hide"===c,"top-left-triangle":"top-left"===c,"top-right-triangle":"top-right"===c,"bottom-left-triangle":"bottom-left"===c,"bottom-right-triangle":"bottom-right"===c}),m=function(e,t){return a({hex:e,source:"hex"},t)};return n.default.createElement("div",{style:f.card,className:"github-picker "+b},n.default.createElement("div",{style:f.triangleShadow}),n.default.createElement("div",{style:f.triangle}),(0,i.default)(r,(function(e){return n.default.createElement(p.default,{color:e,key:e,onClick:m,onSwatchHover:s})})))};u.propTypes={width:a.default.oneOfType([a.default.string,a.default.number]),colors:a.default.arrayOf(a.default.string),triangle:a.default.oneOf(["hide","top-left","top-right","bottom-left","bottom-right"]),styles:a.default.object},u.defaultProps={width:200,colors:["#B80000","#DB3E00","#FCCB00","#008B02","#006B76","#1273DE","#004DCF","#5300EB","#EB9694","#FAD0C3","#FEF3BD","#C1E1C5","#BEDADC","#C4DEF6","#BED3F3","#D4C4FB"],triangle:"top-left",styles:{}},t.default=(0,s.ColorWrap)(u)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.GithubSwatch=void 0;var n=l(r(0)),a=r(4),o=l(a),i=r(6);function l(e){return e&&e.__esModule?e:{default:e}}var s=t.GithubSwatch=function(e){var t=e.hover,r=e.color,a=e.onClick,l=e.onSwatchHover,s={position:"relative",zIndex:"2",outline:"2px solid #fff",boxShadow:"0 0 5px 2px rgba(0,0,0,0.25)"},p=(0,o.default)({default:{swatch:{width:"25px",height:"25px",fontSize:"0"}},hover:{swatch:s}},{hover:t});return n.default.createElement("div",{style:p.swatch},n.default.createElement(i.Swatch,{color:r,onClick:a,onHover:l,focusStyle:s}))};t.default=(0,a.handleHover)(s)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.HuePicker=void 0;var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a=c(r(0)),o=c(r(2)),i=c(r(4)),l=c(r(11)),s=r(6),p=c(r(247));function c(e){return e&&e.__esModule?e:{default:e}}var u=t.HuePicker=function(e){var t=e.width,r=e.height,o=e.onChange,p=e.hsl,c=e.direction,u=e.pointer,d=e.styles,h=void 0===d?{}:d,b=e.className,f=void 0===b?"":b,m=(0,i.default)((0,l.default)({default:{picker:{position:"relative",width:t,height:r},hue:{radius:"2px"}}},h));return a.default.createElement("div",{style:m.picker,className:"hue-picker "+f},a.default.createElement(s.Hue,n({},m.hue,{hsl:p,pointer:u,onChange:function(e){return o({a:1,h:e.h,l:.5,s:1})},direction:c})))};u.propTypes={styles:o.default.object},u.defaultProps={width:"316px",height:"16px",direction:"horizontal",pointer:p.default,styles:{}},t.default=(0,s.ColorWrap)(u)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SliderPointer=void 0;var n=o(r(0)),a=o(r(4));function o(e){return e&&e.__esModule?e:{default:e}}var i=t.SliderPointer=function(e){var t=e.direction,r=(0,a.default)({default:{picker:{width:"18px",height:"18px",borderRadius:"50%",transform:"translate(-9px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}},vertical:{picker:{transform:"translate(-3px, -9px)"}}},{vertical:"vertical"===t});return n.default.createElement("div",{style:r.picker})};t.default=i},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Material=void 0;var n=s(r(0)),a=s(r(4)),o=s(r(11)),i=s(r(14)),l=r(6);function s(e){return e&&e.__esModule?e:{default:e}}var p=t.Material=function(e){var t=e.onChange,r=e.hex,s=e.rgb,p=e.styles,c=void 0===p?{}:p,u=e.className,d=void 0===u?"":u,h=(0,a.default)((0,o.default)({default:{material:{width:"98px",height:"98px",padding:"16px",fontFamily:"Roboto"},HEXwrap:{position:"relative"},HEXinput:{width:"100%",marginTop:"12px",fontSize:"15px",color:"#333",padding:"0px",border:"0px",borderBottom:"2px solid "+r,outline:"none",height:"30px"},HEXlabel:{position:"absolute",top:"0px",left:"0px",fontSize:"11px",color:"#999999",textTransform:"capitalize"},Hex:{style:{}},RGBwrap:{position:"relative"},RGBinput:{width:"100%",marginTop:"12px",fontSize:"15px",color:"#333",padding:"0px",border:"0px",borderBottom:"1px solid #eee",outline:"none",height:"30px"},RGBlabel:{position:"absolute",top:"0px",left:"0px",fontSize:"11px",color:"#999999",textTransform:"capitalize"},split:{display:"flex",marginRight:"-10px",paddingTop:"11px"},third:{flex:"1",paddingRight:"10px"}}},c)),b=function(e,r){e.hex?i.default.isValidHex(e.hex)&&t({hex:e.hex,source:"hex"},r):(e.r||e.g||e.b)&&t({r:e.r||s.r,g:e.g||s.g,b:e.b||s.b,source:"rgb"},r)};return n.default.createElement(l.Raised,{styles:c},n.default.createElement("div",{style:h.material,className:"material-picker "+d},n.default.createElement(l.EditableInput,{style:{wrap:h.HEXwrap,input:h.HEXinput,label:h.HEXlabel},label:"hex",value:r,onChange:b}),n.default.createElement("div",{style:h.split,className:"flexbox-fix"},n.default.createElement("div",{style:h.third},n.default.createElement(l.EditableInput,{style:{wrap:h.RGBwrap,input:h.RGBinput,label:h.RGBlabel},label:"r",value:s.r,onChange:b})),n.default.createElement("div",{style:h.third},n.default.createElement(l.EditableInput,{style:{wrap:h.RGBwrap,input:h.RGBinput,label:h.RGBlabel},label:"g",value:s.g,onChange:b})),n.default.createElement("div",{style:h.third},n.default.createElement(l.EditableInput,{style:{wrap:h.RGBwrap,input:h.RGBinput,label:h.RGBlabel},label:"b",value:s.b,onChange:b})))))};t.default=(0,l.ColorWrap)(p)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Photoshop=void 0;var n=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),a=b(r(0)),o=b(r(2)),i=b(r(4)),l=b(r(11)),s=r(6),p=b(r(250)),c=b(r(251)),u=b(r(252)),d=b(r(253)),h=b(r(254));function b(e){return e&&e.__esModule?e:{default:e}}var f=t.Photoshop=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var r=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return r.state={currentColor:e.hex},r}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,e),n(t,[{key:"render",value:function(){var e=this.props,t=e.styles,r=void 0===t?{}:t,n=e.className,o=void 0===n?"":n,b=(0,i.default)((0,l.default)({default:{picker:{background:"#DCDCDC",borderRadius:"4px",boxShadow:"0 0 0 1px rgba(0,0,0,.25), 0 8px 16px rgba(0,0,0,.15)",boxSizing:"initial",width:"513px"},head:{backgroundImage:"linear-gradient(-180deg, #F0F0F0 0%, #D4D4D4 100%)",borderBottom:"1px solid #B1B1B1",boxShadow:"inset 0 1px 0 0 rgba(255,255,255,.2), inset 0 -1px 0 0 rgba(0,0,0,.02)",height:"23px",lineHeight:"24px",borderRadius:"4px 4px 0 0",fontSize:"13px",color:"#4D4D4D",textAlign:"center"},body:{padding:"15px 15px 0",display:"flex"},saturation:{width:"256px",height:"256px",position:"relative",border:"2px solid #B3B3B3",borderBottom:"2px solid #F0F0F0",overflow:"hidden"},hue:{position:"relative",height:"256px",width:"19px",marginLeft:"10px",border:"2px solid #B3B3B3",borderBottom:"2px solid #F0F0F0"},controls:{width:"180px",marginLeft:"10px"},top:{display:"flex"},previews:{width:"60px"},actions:{flex:"1",marginLeft:"20px"}}},r));return a.default.createElement("div",{style:b.picker,className:"photoshop-picker "+o},a.default.createElement("div",{style:b.head},this.props.header),a.default.createElement("div",{style:b.body,className:"flexbox-fix"},a.default.createElement("div",{style:b.saturation},a.default.createElement(s.Saturation,{hsl:this.props.hsl,hsv:this.props.hsv,pointer:c.default,onChange:this.props.onChange})),a.default.createElement("div",{style:b.hue},a.default.createElement(s.Hue,{direction:"vertical",hsl:this.props.hsl,pointer:u.default,onChange:this.props.onChange})),a.default.createElement("div",{style:b.controls},a.default.createElement("div",{style:b.top,className:"flexbox-fix"},a.default.createElement("div",{style:b.previews},a.default.createElement(h.default,{rgb:this.props.rgb,currentColor:this.state.currentColor})),a.default.createElement("div",{style:b.actions},a.default.createElement(d.default,{label:"OK",onClick:this.props.onAccept,active:!0}),a.default.createElement(d.default,{label:"Cancel",onClick:this.props.onCancel}),a.default.createElement(p.default,{onChange:this.props.onChange,rgb:this.props.rgb,hsv:this.props.hsv,hex:this.props.hex}))))))}}]),t}(a.default.Component);f.propTypes={header:o.default.string,styles:o.default.object},f.defaultProps={header:"Color Picker",styles:{}},t.default=(0,s.ColorWrap)(f)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.PhotoshopPicker=void 0;var n=l(r(0)),a=l(r(4)),o=l(r(14)),i=r(6);function l(e){return e&&e.__esModule?e:{default:e}}var s=t.PhotoshopPicker=function(e){var t=e.onChange,r=e.rgb,l=e.hsv,s=e.hex,p=(0,a.default)({default:{fields:{paddingTop:"5px",paddingBottom:"9px",width:"80px",position:"relative"},divider:{height:"5px"},RGBwrap:{position:"relative"},RGBinput:{marginLeft:"40%",width:"40%",height:"18px",border:"1px solid #888888",boxShadow:"inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",marginBottom:"5px",fontSize:"13px",paddingLeft:"3px",marginRight:"10px"},RGBlabel:{left:"0px",width:"34px",textTransform:"uppercase",fontSize:"13px",height:"18px",lineHeight:"22px",position:"absolute"},HEXwrap:{position:"relative"},HEXinput:{marginLeft:"20%",width:"80%",height:"18px",border:"1px solid #888888",boxShadow:"inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",marginBottom:"6px",fontSize:"13px",paddingLeft:"3px"},HEXlabel:{position:"absolute",top:"0px",left:"0px",width:"14px",textTransform:"uppercase",fontSize:"13px",height:"18px",lineHeight:"22px"},fieldSymbols:{position:"absolute",top:"5px",right:"-7px",fontSize:"13px"},symbol:{height:"20px",lineHeight:"22px",paddingBottom:"7px"}}}),c=function(e,n){e["#"]?o.default.isValidHex(e["#"])&&t({hex:e["#"],source:"hex"},n):e.r||e.g||e.b?t({r:e.r||r.r,g:e.g||r.g,b:e.b||r.b,source:"rgb"},n):(e.h||e.s||e.v)&&t({h:e.h||l.h,s:e.s||l.s,v:e.v||l.v,source:"hsv"},n)};return n.default.createElement("div",{style:p.fields},n.default.createElement(i.EditableInput,{style:{wrap:p.RGBwrap,input:p.RGBinput,label:p.RGBlabel},label:"h",value:Math.round(l.h),onChange:c}),n.default.createElement(i.EditableInput,{style:{wrap:p.RGBwrap,input:p.RGBinput,label:p.RGBlabel},label:"s",value:Math.round(100*l.s),onChange:c}),n.default.createElement(i.EditableInput,{style:{wrap:p.RGBwrap,input:p.RGBinput,label:p.RGBlabel},label:"v",value:Math.round(100*l.v),onChange:c}),n.default.createElement("div",{style:p.divider}),n.default.createElement(i.EditableInput,{style:{wrap:p.RGBwrap,input:p.RGBinput,label:p.RGBlabel},label:"r",value:r.r,onChange:c}),n.default.createElement(i.EditableInput,{style:{wrap:p.RGBwrap,input:p.RGBinput,label:p.RGBlabel},label:"g",value:r.g,onChange:c}),n.default.createElement(i.EditableInput,{style:{wrap:p.RGBwrap,input:p.RGBinput,label:p.RGBlabel},label:"b",value:r.b,onChange:c}),n.default.createElement("div",{style:p.divider}),n.default.createElement(i.EditableInput,{style:{wrap:p.HEXwrap,input:p.HEXinput,label:p.HEXlabel},label:"#",value:s.replace("#",""),onChange:c}),n.default.createElement("div",{style:p.fieldSymbols},n.default.createElement("div",{style:p.symbol},"°"),n.default.createElement("div",{style:p.symbol},"%"),n.default.createElement("div",{style:p.symbol},"%")))};t.default=s},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.PhotoshopPointerCircle=void 0;var n=o(r(0)),a=o(r(4));function o(e){return e&&e.__esModule?e:{default:e}}var i=t.PhotoshopPointerCircle=function(e){var t=e.hsl,r=(0,a.default)({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",boxShadow:"inset 0 0 0 1px #fff",transform:"translate(-6px, -6px)"}},"black-outline":{picker:{boxShadow:"inset 0 0 0 1px #000"}}},{"black-outline":t.l>.5});return n.default.createElement("div",{style:r.picker})};t.default=i},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.PhotoshopPointerCircle=void 0;var n=o(r(0)),a=o(r(4));function o(e){return e&&e.__esModule?e:{default:e}}var i=t.PhotoshopPointerCircle=function(){var e=(0,a.default)({default:{triangle:{width:0,height:0,borderStyle:"solid",borderWidth:"4px 0 4px 6px",borderColor:"transparent transparent transparent #fff",position:"absolute",top:"1px",left:"1px"},triangleBorder:{width:0,height:0,borderStyle:"solid",borderWidth:"5px 0 5px 8px",borderColor:"transparent transparent transparent #555"},left:{Extend:"triangleBorder",transform:"translate(-13px, -4px)"},leftInside:{Extend:"triangle",transform:"translate(-8px, -5px)"},right:{Extend:"triangleBorder",transform:"translate(20px, -14px) rotate(180deg)"},rightInside:{Extend:"triangle",transform:"translate(-8px, -5px)"}}});return n.default.createElement("div",{style:e.pointer},n.default.createElement("div",{style:e.left},n.default.createElement("div",{style:e.leftInside})),n.default.createElement("div",{style:e.right},n.default.createElement("div",{style:e.rightInside})))};t.default=i},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.PhotoshopButton=void 0;var n=o(r(0)),a=o(r(4));function o(e){return e&&e.__esModule?e:{default:e}}var i=t.PhotoshopButton=function(e){var t=e.onClick,r=e.label,o=e.children,i=e.active,l=(0,a.default)({default:{button:{backgroundImage:"linear-gradient(-180deg, #FFFFFF 0%, #E6E6E6 100%)",border:"1px solid #878787",borderRadius:"2px",height:"20px",boxShadow:"0 1px 0 0 #EAEAEA",fontSize:"14px",color:"#000",lineHeight:"20px",textAlign:"center",marginBottom:"10px",cursor:"pointer"}},active:{button:{boxShadow:"0 0 0 1px #878787"}}},{active:i});return n.default.createElement("div",{style:l.button,onClick:t},r||o)};t.default=i},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.PhotoshopPreviews=void 0;var n=o(r(0)),a=o(r(4));function o(e){return e&&e.__esModule?e:{default:e}}var i=t.PhotoshopPreviews=function(e){var t=e.rgb,r=e.currentColor,o=(0,a.default)({default:{swatches:{border:"1px solid #B3B3B3",borderBottom:"1px solid #F0F0F0",marginBottom:"2px",marginTop:"1px"},new:{height:"34px",background:"rgb("+t.r+","+t.g+", "+t.b+")",boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 1px 0 #000"},current:{height:"34px",background:r,boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 -1px 0 #000"},label:{fontSize:"14px",color:"#000",textAlign:"center"}}});return n.default.createElement("div",null,n.default.createElement("div",{style:o.label},"new"),n.default.createElement("div",{style:o.swatches},n.default.createElement("div",{style:o.new}),n.default.createElement("div",{style:o.current})),n.default.createElement("div",{style:o.label},"current"))};t.default=i},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Sketch=void 0;var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a=u(r(0)),o=u(r(2)),i=u(r(4)),l=u(r(11)),s=r(6),p=u(r(256)),c=u(r(257));function u(e){return e&&e.__esModule?e:{default:e}}var d=t.Sketch=function(e){var t=e.width,r=e.rgb,o=e.hex,u=e.hsv,d=e.hsl,h=e.onChange,b=e.onSwatchHover,f=e.disableAlpha,m=e.presetColors,g=e.renderers,v=e.styles,y=void 0===v?{}:v,C=e.className,E=void 0===C?"":C,x=(0,i.default)((0,l.default)({default:n({picker:{width:t,padding:"10px 10px 0",boxSizing:"initial",background:"#fff",borderRadius:"4px",boxShadow:"0 0 0 1px rgba(0,0,0,.15), 0 8px 16px rgba(0,0,0,.15)"},saturation:{width:"100%",paddingBottom:"75%",position:"relative",overflow:"hidden"},Saturation:{radius:"3px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},controls:{display:"flex"},sliders:{padding:"4px 0",flex:"1"},color:{width:"24px",height:"24px",position:"relative",marginTop:"4px",marginLeft:"4px",borderRadius:"3px"},activeColor:{absolute:"0px 0px 0px 0px",borderRadius:"2px",background:"rgba("+r.r+","+r.g+","+r.b+","+r.a+")",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},hue:{position:"relative",height:"10px",overflow:"hidden"},Hue:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},alpha:{position:"relative",height:"10px",marginTop:"4px",overflow:"hidden"},Alpha:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"}},y),disableAlpha:{color:{height:"10px"},hue:{height:"10px"},alpha:{display:"none"}}},y),{disableAlpha:f});return a.default.createElement("div",{style:x.picker,className:"sketch-picker "+E},a.default.createElement("div",{style:x.saturation},a.default.createElement(s.Saturation,{style:x.Saturation,hsl:d,hsv:u,onChange:h})),a.default.createElement("div",{style:x.controls,className:"flexbox-fix"},a.default.createElement("div",{style:x.sliders},a.default.createElement("div",{style:x.hue},a.default.createElement(s.Hue,{style:x.Hue,hsl:d,onChange:h})),a.default.createElement("div",{style:x.alpha},a.default.createElement(s.Alpha,{style:x.Alpha,rgb:r,hsl:d,renderers:g,onChange:h}))),a.default.createElement("div",{style:x.color},a.default.createElement(s.Checkboard,null),a.default.createElement("div",{style:x.activeColor}))),a.default.createElement(p.default,{rgb:r,hsl:d,hex:o,onChange:h,disableAlpha:f}),a.default.createElement(c.default,{colors:m,onClick:h,onSwatchHover:b}))};d.propTypes={disableAlpha:o.default.bool,width:o.default.oneOfType([o.default.string,o.default.number]),styles:o.default.object},d.defaultProps={disableAlpha:!1,width:200,styles:{},presetColors:["#D0021B","#F5A623","#F8E71C","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"]},t.default=(0,s.ColorWrap)(d)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SketchFields=void 0;var n=l(r(0)),a=l(r(4)),o=l(r(14)),i=r(6);function l(e){return e&&e.__esModule?e:{default:e}}var s=t.SketchFields=function(e){var t=e.onChange,r=e.rgb,l=e.hsl,s=e.hex,p=e.disableAlpha,c=(0,a.default)({default:{fields:{display:"flex",paddingTop:"4px"},single:{flex:"1",paddingLeft:"6px"},alpha:{flex:"1",paddingLeft:"6px"},double:{flex:"2"},input:{width:"80%",padding:"4px 10% 3px",border:"none",boxShadow:"inset 0 0 0 1px #ccc",fontSize:"11px"},label:{display:"block",textAlign:"center",fontSize:"11px",color:"#222",paddingTop:"3px",paddingBottom:"4px",textTransform:"capitalize"}},disableAlpha:{alpha:{display:"none"}}},{disableAlpha:p}),u=function(e,n){e.hex?o.default.isValidHex(e.hex)&&t({hex:e.hex,source:"hex"},n):e.r||e.g||e.b?t({r:e.r||r.r,g:e.g||r.g,b:e.b||r.b,a:r.a,source:"rgb"},n):e.a&&(e.a<0?e.a=0:e.a>100&&(e.a=100),e.a/=100,t({h:l.h,s:l.s,l:l.l,a:e.a,source:"rgb"},n))};return n.default.createElement("div",{style:c.fields,className:"flexbox-fix"},n.default.createElement("div",{style:c.double},n.default.createElement(i.EditableInput,{style:{input:c.input,label:c.label},label:"hex",value:s.replace("#",""),onChange:u})),n.default.createElement("div",{style:c.single},n.default.createElement(i.EditableInput,{style:{input:c.input,label:c.label},label:"r",value:r.r,onChange:u,dragLabel:"true",dragMax:"255"})),n.default.createElement("div",{style:c.single},n.default.createElement(i.EditableInput,{style:{input:c.input,label:c.label},label:"g",value:r.g,onChange:u,dragLabel:"true",dragMax:"255"})),n.default.createElement("div",{style:c.single},n.default.createElement(i.EditableInput,{style:{input:c.input,label:c.label},label:"b",value:r.b,onChange:u,dragLabel:"true",dragMax:"255"})),n.default.createElement("div",{style:c.alpha},n.default.createElement(i.EditableInput,{style:{input:c.input,label:c.label},label:"a",value:Math.round(100*r.a),onChange:u,dragLabel:"true",dragMax:"100"})))};t.default=s},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SketchPresetColors=void 0;var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a=s(r(0)),o=s(r(2)),i=s(r(4)),l=r(6);function s(e){return e&&e.__esModule?e:{default:e}}var p=t.SketchPresetColors=function(e){var t=e.colors,r=e.onClick,o=void 0===r?function(){}:r,s=e.onSwatchHover,p=(0,i.default)({default:{colors:{margin:"0 -10px",padding:"10px 0 0 10px",borderTop:"1px solid #eee",display:"flex",flexWrap:"wrap",position:"relative"},swatchWrap:{width:"16px",height:"16px",margin:"0 10px 10px 0"},swatch:{borderRadius:"3px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15)"}},"no-presets":{colors:{display:"none"}}},{"no-presets":!t||!t.length}),c=function(e,t){o({hex:e,source:"hex"},t)};return a.default.createElement("div",{style:p.colors,className:"flexbox-fix"},t.map((function(e){var t="string"==typeof e?{color:e}:e,r=""+t.color+(t.title||"");return a.default.createElement("div",{key:r,style:p.swatchWrap},a.default.createElement(l.Swatch,n({},t,{style:p.swatch,onClick:c,onHover:s,focusStyle:{boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px "+t.color}})))})))};p.propTypes={colors:o.default.arrayOf(o.default.oneOfType([o.default.string,o.default.shape({color:o.default.string,title:o.default.string})])).isRequired},t.default=p},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Slider=void 0;var n=c(r(0)),a=c(r(2)),o=c(r(4)),i=c(r(11)),l=r(6),s=c(r(259)),p=c(r(261));function c(e){return e&&e.__esModule?e:{default:e}}var u=t.Slider=function(e){var t=e.hsl,r=e.onChange,a=e.pointer,p=e.styles,c=void 0===p?{}:p,u=e.className,d=void 0===u?"":u,h=(0,o.default)((0,i.default)({default:{hue:{height:"12px",position:"relative"},Hue:{radius:"2px"}}},c));return n.default.createElement("div",{style:h.wrap||{},className:"slider-picker "+d},n.default.createElement("div",{style:h.hue},n.default.createElement(l.Hue,{style:h.Hue,hsl:t,pointer:a,onChange:r})),n.default.createElement("div",{style:h.swatches},n.default.createElement(s.default,{hsl:t,onClick:r})))};u.propTypes={styles:a.default.object},u.defaultProps={pointer:p.default,styles:{}},t.default=(0,l.ColorWrap)(u)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SliderSwatches=void 0;var n=i(r(0)),a=i(r(4)),o=i(r(260));function i(e){return e&&e.__esModule?e:{default:e}}var l=t.SliderSwatches=function(e){var t=e.onClick,r=e.hsl,i=(0,a.default)({default:{swatches:{marginTop:"20px"},swatch:{boxSizing:"border-box",width:"20%",paddingRight:"1px",float:"left"},clear:{clear:"both"}}});return n.default.createElement("div",{style:i.swatches},n.default.createElement("div",{style:i.swatch},n.default.createElement(o.default,{hsl:r,offset:".80",active:Math.abs(r.l-.8)<.1&&Math.abs(r.s-.5)<.1,onClick:t,first:!0})),n.default.createElement("div",{style:i.swatch},n.default.createElement(o.default,{hsl:r,offset:".65",active:Math.abs(r.l-.65)<.1&&Math.abs(r.s-.5)<.1,onClick:t})),n.default.createElement("div",{style:i.swatch},n.default.createElement(o.default,{hsl:r,offset:".50",active:Math.abs(r.l-.5)<.1&&Math.abs(r.s-.5)<.1,onClick:t})),n.default.createElement("div",{style:i.swatch},n.default.createElement(o.default,{hsl:r,offset:".35",active:Math.abs(r.l-.35)<.1&&Math.abs(r.s-.5)<.1,onClick:t})),n.default.createElement("div",{style:i.swatch},n.default.createElement(o.default,{hsl:r,offset:".20",active:Math.abs(r.l-.2)<.1&&Math.abs(r.s-.5)<.1,onClick:t,last:!0})),n.default.createElement("div",{style:i.clear}))};t.default=l},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SliderSwatch=void 0;var n=o(r(0)),a=o(r(4));function o(e){return e&&e.__esModule?e:{default:e}}var i=t.SliderSwatch=function(e){var t=e.hsl,r=e.offset,o=e.onClick,i=void 0===o?function(){}:o,l=e.active,s=e.first,p=e.last,c=(0,a.default)({default:{swatch:{height:"12px",background:"hsl("+t.h+", 50%, "+100*r+"%)",cursor:"pointer"}},first:{swatch:{borderRadius:"2px 0 0 2px"}},last:{swatch:{borderRadius:"0 2px 2px 0"}},active:{swatch:{transform:"scaleY(1.8)",borderRadius:"3.6px/2px"}}},{active:l,first:s,last:p});return n.default.createElement("div",{style:c.swatch,onClick:function(e){return i({h:t.h,s:.5,l:r,source:"hsl"},e)}})};t.default=i},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SliderPointer=void 0;var n=o(r(0)),a=o(r(4));function o(e){return e&&e.__esModule?e:{default:e}}var i=t.SliderPointer=function(){var e=(0,a.default)({default:{picker:{width:"14px",height:"14px",borderRadius:"6px",transform:"translate(-7px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}}});return n.default.createElement("div",{style:e.picker})};t.default=i},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Swatches=void 0;var n=d(r(0)),a=d(r(2)),o=d(r(4)),i=d(r(16)),l=d(r(11)),s=d(r(14)),p=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t}(r(93)),c=r(6),u=d(r(263));function d(e){return e&&e.__esModule?e:{default:e}}var h=t.Swatches=function(e){var t=e.width,r=e.height,a=e.onChange,p=e.onSwatchHover,d=e.colors,h=e.hex,b=e.styles,f=void 0===b?{}:b,m=e.className,g=void 0===m?"":m,v=(0,o.default)((0,l.default)({default:{picker:{width:t,height:r},overflow:{height:r,overflowY:"scroll"},body:{padding:"16px 0 6px 16px"},clear:{clear:"both"}}},f)),y=function(e,t){s.default.isValidHex(e)&&a({hex:e,source:"hex"},t)};return n.default.createElement("div",{style:v.picker,className:"swatches-picker "+g},n.default.createElement(c.Raised,null,n.default.createElement("div",{style:v.overflow},n.default.createElement("div",{style:v.body},(0,i.default)(d,(function(e){return n.default.createElement(u.default,{key:e.toString(),group:e,active:h,onClick:y,onSwatchHover:p})})),n.default.createElement("div",{style:v.clear})))))};h.propTypes={width:a.default.oneOfType([a.default.string,a.default.number]),height:a.default.oneOfType([a.default.string,a.default.number]),colors:a.default.arrayOf(a.default.arrayOf(a.default.string)),styles:a.default.object},h.defaultProps={width:320,height:240,colors:[[p.red[900],p.red[700],p.red[500],p.red[300],p.red[100]],[p.pink[900],p.pink[700],p.pink[500],p.pink[300],p.pink[100]],[p.purple[900],p.purple[700],p.purple[500],p.purple[300],p.purple[100]],[p.deepPurple[900],p.deepPurple[700],p.deepPurple[500],p.deepPurple[300],p.deepPurple[100]],[p.indigo[900],p.indigo[700],p.indigo[500],p.indigo[300],p.indigo[100]],[p.blue[900],p.blue[700],p.blue[500],p.blue[300],p.blue[100]],[p.lightBlue[900],p.lightBlue[700],p.lightBlue[500],p.lightBlue[300],p.lightBlue[100]],[p.cyan[900],p.cyan[700],p.cyan[500],p.cyan[300],p.cyan[100]],[p.teal[900],p.teal[700],p.teal[500],p.teal[300],p.teal[100]],["#194D33",p.green[700],p.green[500],p.green[300],p.green[100]],[p.lightGreen[900],p.lightGreen[700],p.lightGreen[500],p.lightGreen[300],p.lightGreen[100]],[p.lime[900],p.lime[700],p.lime[500],p.lime[300],p.lime[100]],[p.yellow[900],p.yellow[700],p.yellow[500],p.yellow[300],p.yellow[100]],[p.amber[900],p.amber[700],p.amber[500],p.amber[300],p.amber[100]],[p.orange[900],p.orange[700],p.orange[500],p.orange[300],p.orange[100]],[p.deepOrange[900],p.deepOrange[700],p.deepOrange[500],p.deepOrange[300],p.deepOrange[100]],[p.brown[900],p.brown[700],p.brown[500],p.brown[300],p.brown[100]],[p.blueGrey[900],p.blueGrey[700],p.blueGrey[500],p.blueGrey[300],p.blueGrey[100]],["#000000","#525252","#969696","#D9D9D9","#FFFFFF"]],styles:{}},t.default=(0,c.ColorWrap)(h)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SwatchesGroup=void 0;var n=l(r(0)),a=l(r(4)),o=l(r(16)),i=l(r(264));function l(e){return e&&e.__esModule?e:{default:e}}var s=t.SwatchesGroup=function(e){var t=e.onClick,r=e.onSwatchHover,l=e.group,s=e.active,p=(0,a.default)({default:{group:{paddingBottom:"10px",width:"40px",float:"left",marginRight:"10px"}}});return n.default.createElement("div",{style:p.group},(0,o.default)(l,(function(e,a){return n.default.createElement(i.default,{key:e,color:e,active:e.toLowerCase()===s,first:0===a,last:a===l.length-1,onClick:t,onSwatchHover:r})})))};t.default=s},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SwatchesColor=void 0;var n=s(r(0)),a=s(r(4)),o=s(r(14)),i=r(6),l=s(r(265));function s(e){return e&&e.__esModule?e:{default:e}}var p=t.SwatchesColor=function(e){var t=e.color,r=e.onClick,s=void 0===r?function(){}:r,p=e.onSwatchHover,c=e.first,u=e.last,d=e.active,h=(0,a.default)({default:{color:{width:"40px",height:"24px",cursor:"pointer",background:t,marginBottom:"1px"},check:{color:o.default.getContrastingColor(t),marginLeft:"8px",display:"none"}},first:{color:{overflow:"hidden",borderRadius:"2px 2px 0 0"}},last:{color:{overflow:"hidden",borderRadius:"0 0 2px 2px"}},active:{check:{display:"block"}},"color-#FFFFFF":{color:{boxShadow:"inset 0 0 0 1px #ddd"},check:{color:"#333"}},transparent:{check:{color:"#333"}}},{first:c,last:u,active:d,"color-#FFFFFF":"#FFFFFF"===t,transparent:"transparent"===t});return n.default.createElement(i.Swatch,{color:t,style:h.color,onClick:s,onHover:p,focusStyle:{boxShadow:"0 0 4px "+t}},n.default.createElement("div",{style:h.check},n.default.createElement(l.default,null)))};t.default=p},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o=r(0),i=(n=o)&&n.__esModule?n:{default:n};t.default=function(e){var t=e.fill,r=void 0===t?"currentColor":t,n=e.width,o=void 0===n?24:n,l=e.height,s=void 0===l?24:l,p=e.style,c=void 0===p?{}:p,u=function(e,t){var r={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r}(e,["fill","width","height","style"]);return i.default.createElement("svg",a({viewBox:"0 0 24 24",style:a({fill:r,width:o,height:s},c)},u),i.default.createElement("path",{d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"}))}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Twitter=void 0;var n=c(r(0)),a=c(r(2)),o=c(r(4)),i=c(r(16)),l=c(r(11)),s=c(r(14)),p=r(6);function c(e){return e&&e.__esModule?e:{default:e}}var u=t.Twitter=function(e){var t=e.onChange,r=e.onSwatchHover,a=e.hex,c=e.colors,u=e.width,d=e.triangle,h=e.styles,b=void 0===h?{}:h,f=e.className,m=void 0===f?"":f,g=(0,o.default)((0,l.default)({default:{card:{width:u,background:"#fff",border:"0 solid rgba(0,0,0,0.25)",boxShadow:"0 1px 4px rgba(0,0,0,0.25)",borderRadius:"4px",position:"relative"},body:{padding:"15px 9px 9px 15px"},label:{fontSize:"18px",color:"#fff"},triangle:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 9px 10px 9px",borderColor:"transparent transparent #fff transparent",position:"absolute"},triangleShadow:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 9px 10px 9px",borderColor:"transparent transparent rgba(0,0,0,.1) transparent",position:"absolute"},hash:{background:"#F0F0F0",height:"30px",width:"30px",borderRadius:"4px 0 0 4px",float:"left",color:"#98A1A4",display:"flex",alignItems:"center",justifyContent:"center"},input:{width:"100px",fontSize:"14px",color:"#666",border:"0px",outline:"none",height:"28px",boxShadow:"inset 0 0 0 1px #F0F0F0",boxSizing:"content-box",borderRadius:"0 4px 4px 0",float:"left",paddingLeft:"8px"},swatch:{width:"30px",height:"30px",float:"left",borderRadius:"4px",margin:"0 6px 6px 0"},clear:{clear:"both"}},"hide-triangle":{triangle:{display:"none"},triangleShadow:{display:"none"}},"top-left-triangle":{triangle:{top:"-10px",left:"12px"},triangleShadow:{top:"-11px",left:"12px"}},"top-right-triangle":{triangle:{top:"-10px",right:"12px"},triangleShadow:{top:"-11px",right:"12px"}}},b),{"hide-triangle":"hide"===d,"top-left-triangle":"top-left"===d,"top-right-triangle":"top-right"===d}),v=function(e,r){s.default.isValidHex(e)&&t({hex:e,source:"hex"},r)};return n.default.createElement("div",{style:g.card,className:"twitter-picker "+m},n.default.createElement("div",{style:g.triangleShadow}),n.default.createElement("div",{style:g.triangle}),n.default.createElement("div",{style:g.body},(0,i.default)(c,(function(e,t){return n.default.createElement(p.Swatch,{key:t,color:e,hex:e,style:g.swatch,onClick:v,onHover:r,focusStyle:{boxShadow:"0 0 4px "+e}})})),n.default.createElement("div",{style:g.hash},"#"),n.default.createElement(p.EditableInput,{label:null,style:{input:g.input},value:a.replace("#",""),onChange:v}),n.default.createElement("div",{style:g.clear})))};u.propTypes={width:a.default.oneOfType([a.default.string,a.default.number]),triangle:a.default.oneOf(["hide","top-left","top-right"]),colors:a.default.arrayOf(a.default.string),styles:a.default.object},u.defaultProps={width:276,colors:["#FF6900","#FCB900","#7BDCB5","#00D084","#8ED1FC","#0693E3","#ABB8C3","#EB144C","#F78DA7","#9900EF"],triangle:"top-left",styles:{}},t.default=(0,p.ColorWrap)(u)},function(e,t,r){var n=r(268);"string"==typeof n&&(n=[[e.i,n,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};r(38)(n,a);n.locals&&(e.exports=n.locals)},function(e,t,r){(e.exports=r(37)(!1)).push([e.i,'#animation-curve-editor .notification-area {\n  position: absolute;\n  width: auto;\n  left: 0.53em;\n  bottom: 60px;\n  background-color: #c73228;\n  padding: 16px;\n  border-radius: 5px;\n  color: white;\n  right: 2em;\n  z-index: 10; }\n  #animation-curve-editor .notification-area button {\n    position: absolute;\n    top: 3px;\n    right: 10px;\n    padding: 0;\n    cursor: pointer;\n    background: transparent;\n    border: 0;\n    -webkit-appearance: none;\n    color: #000;\n    text-shadow: 0 1px 0 #fff;\n    opacity: .4;\n    font-size: 1.8em; }\n\n#animation-curve-editor .header {\n  display: flex;\n  padding: 9px;\n  background: black;\n  color: white;\n  height: 1.3em;\n  justify-content: space-between;\n  align-items: center;\n  padding-left: 12px;\n  padding-right: 12px; }\n  #animation-curve-editor .header .title {\n    text-transform: uppercase; }\n  #animation-curve-editor .header .close {\n    grid-column: 2;\n    display: grid;\n    align-items: center;\n    justify-items: center;\n    cursor: pointer; }\n\n#animation-curve-editor .actions-wrapper {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: flex-end;\n  padding: 6px; }\n  #animation-curve-editor .actions-wrapper .action-input {\n    display: flex;\n    justify-content: center;\n    flex-direction: row;\n    align-items: center; }\n    #animation-curve-editor .actions-wrapper .action-input label {\n      margin-right: 0.5em; }\n    #animation-curve-editor .actions-wrapper .action-input input {\n      width: 4em;\n      height: 2em; }\n\n#animation-curve-editor .content {\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-start;\n  flex-direction: column; }\n  #animation-curve-editor .content .row {\n    display: flex;\n    align-items: stretch;\n    justify-content: flex-start;\n    flex-direction: row;\n    width: 100vw;\n    height: 78.5vh; }\n    #animation-curve-editor .content .row .timeline {\n      width: 100vw;\n      background: gray;\n      display: flex;\n      align-items: center;\n      justify-content: stretch;\n      height: 2.5rem; }\n      #animation-curve-editor .content .row .timeline .display-line {\n        width: 80vw;\n        height: 2em;\n        overflow: hidden;\n        overflow-x: scroll;\n        scrollbar-color: cornflowerblue slategrey;\n        scrollbar-width: thin;\n        margin-right: 1.3em;\n        padding-left: 1em;\n        padding-right: 1em; }\n        #animation-curve-editor .content .row .timeline .display-line::-webkit-scrollbar {\n          height: 0.4em; }\n        #animation-curve-editor .content .row .timeline .display-line::-webkit-scrollbar-track {\n          box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }\n        #animation-curve-editor .content .row .timeline .display-line::-webkit-scrollbar-thumb {\n          background-color: cornflowerblue;\n          outline: 1px solid slategrey; }\n      #animation-curve-editor .content .row .timeline .controls {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        width: 8em; }\n        #animation-curve-editor .content .row .timeline .controls .input-frame input {\n          width: 3em; }\n        #animation-curve-editor .content .row .timeline .controls .button {\n          margin-left: 0.5em;\n          margin-right: 0.5em; }\n  #animation-curve-editor .content .animation-list {\n    padding: 1.5rem;\n    background: #575656;\n    color: white; }\n    #animation-curve-editor .content .animation-list ul {\n      list-style: none;\n      padding-left: 0px; }\n      #animation-curve-editor .content .animation-list ul li.property:before {\n        content: \'\';\n        background: none; }\n      #animation-curve-editor .content .animation-list ul li {\n        cursor: pointer; }\n        #animation-curve-editor .content .animation-list ul li p {\n          font-weight: bolder;\n          font-variant: all-small-caps; }\n        #animation-curve-editor .content .animation-list ul li:before {\n          content: \'\';\n          display: inline-block;\n          height: 1em;\n          width: 1em;\n          background-size: contain;\n          background-repeat: no-repeat;\n          margin-right: 0.5em;\n          background-image: url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle" class="svg-inline--fa fa-circle fa-w-16" role="img" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z"/></svg>\'); }\n    #animation-curve-editor .content .animation-list li.active {\n      cursor: pointer; }\n      #animation-curve-editor .content .animation-list li.active:before {\n        background-image: url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check-circle" class="svg-inline--fa fa-check-circle fa-w-16" role="img" viewBox="0 0 512 512"><path fill="currentColor" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"/></svg>\'); }\n    #animation-curve-editor .content .animation-list .object-tree {\n      background-color: rgba(0, 0, 0, 0.3);\n      padding: 10px;\n      margin-top: 19px;\n      height: 11em;\n      overflow: scroll;\n      overflow-x: hidden; }\n    #animation-curve-editor .content .animation-list .label-input {\n      display: grid;\n      height: 54px;\n      place-items: center stretch;\n      color: white; }\n  #animation-curve-editor .content .sample-chart .linear .draggable {\n    cursor: move; }\n  #animation-curve-editor .content .graph-chart {\n    flex: 1 1 0%;\n    overflow-x: scroll;\n    padding-left: 32px;\n    overflow-y: scroll;\n    scroll-behavior: smooth;\n    background-color: #444444;\n    height: 100%; }\n    #animation-curve-editor .content .graph-chart .linear {\n      overflow: visible;\n      border: 1px solid lightgrey;\n      height: 100%; }\n      #animation-curve-editor .content .graph-chart .linear svg {\n        overflow: visible; }\n      #animation-curve-editor .content .graph-chart .linear:focus {\n        outline-color: transparent; }\n      #animation-curve-editor .content .graph-chart .linear line {\n        stroke: #cecece;\n        stroke-width: 0.2; }\n      #animation-curve-editor .content .graph-chart .linear text {\n        fill: #cecece; }\n      #animation-curve-editor .content .graph-chart .linear .control-point {\n        display: none; }\n      #animation-curve-editor .content .graph-chart .linear .control-point.active {\n        display: inline; }\n    #animation-curve-editor .content .graph-chart .playhead-wrapper {\n      position: relative;\n      left: -13px; }\n    #animation-curve-editor .content .graph-chart .playhead {\n      width: fit-content;\n      background-color: #ffc60e;\n      color: black;\n      text-align: center;\n      min-width: 2em;\n      justify-content: center;\n      display: flex;\n      padding: 0.1em;\n      font-size: 0.75em; }\n    #animation-curve-editor .content .graph-chart .playhead-triangle {\n      background-color: transparent;\n      width: 0px;\n      height: 0px;\n      border-left: 13.5px solid transparent;\n      border-right: 13.5px solid transparent;\n      border-top: 12px solid #ffc60e; }\n    #animation-curve-editor .content .graph-chart .playhead-line {\n      width: 2px;\n      height: calc(90vh - 100px);\n      background-color: #ffc60e;\n      position: absolute;\n      margin-left: 12.5px; }\n\n#animation-curve-editor .buttonLine {\n  height: 30px;\n  display: grid;\n  align-items: center;\n  justify-items: stretch; }\n  #animation-curve-editor .buttonLine input[type="file"] {\n    display: none; }\n  #animation-curve-editor .buttonLine .file-upload {\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    cursor: pointer;\n    text-align: center; }\n  #animation-curve-editor .buttonLine .file-upload:hover {\n    opacity: 1.0; }\n  #animation-curve-editor .buttonLine .file-upload:active {\n    transform: scale(0.98);\n    transform-origin: 0.5 0.5; }\n  #animation-curve-editor .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    cursor: pointer; }\n  #animation-curve-editor .buttonLine button:hover {\n    opacity: 1.0; }\n  #animation-curve-editor .buttonLine button:active {\n    background: #282828; }\n  #animation-curve-editor .buttonLine button:focus {\n    border: 1px solid #337ab7;\n    outline: 0px; }\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 r=t.protocol+"//"+t.host,n=r+t.pathname.replace(/\/[^\/]*$/,"/");return e.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,(function(e,t){var a,o=t.trim().replace(/^"(.*)"$/,(function(e,t){return t})).replace(/^'(.*)'$/,(function(e,t){return t}));return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(o)?e:(a=0===o.indexOf("//")?o:0===o.indexOf("/")?r+o:n+o.replace(/^\.\//,""),"url("+JSON.stringify(a)+")")}))}},function(e,t,r){e.exports=function(e){function t(n){if(r[n])return r[n].exports;var a=r[n]={exports:{},id:n,loaded:!1};return e[n].call(a.exports,a,a.exports,t),a.loaded=!0,a.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){var n,a,o={}.hasOwnProperty,i=[].indexOf||function(e){for(var t=0,r=this.length;t<r;t++)if(t in this&&this[t]===e)return t;return-1};n=r(1).EventEmitter,r(2),a=function(e){function t(e){var t,n,a;for(n in this.running=!1,this.options={},this.frames=[],this.groups=new Map,this.freeWorkers=[],this.activeWorkers=[],this.setOptions(e),r)a=r[n],null==(t=this.options)[n]&&(t[n]=a)}var r,n;return function(e,t){function r(){this.constructor=e}for(var n in t)o.call(t,n)&&(e[n]=t[n]);r.prototype=t.prototype,e.prototype=new r,e.__super__=t.prototype}(t,e),r={workerScript:"gif.worker.js",workers:2,repeat:0,background:"#fff",quality:10,width:null,height:null,transparent:null,debug:!1},n={delay:500,copy:!1},t.prototype.setOption=function(e,t){if(this.options[e]=t,null!=this._canvas&&("width"===e||"height"===e))return this._canvas[e]=t},t.prototype.setOptions=function(e){var t,r,n;for(t in r=[],e)o.call(e,t)&&(n=e[t],r.push(this.setOption(t,n)));return r},t.prototype.addFrame=function(e,t){var r,a,o;for(o in null==t&&(t={}),(r={}).transparent=this.options.transparent,n)r[o]=t[o]||n[o];if(null==this.options.width&&this.setOption("width",e.width),null==this.options.height&&this.setOption("height",e.height),"undefined"!=typeof ImageData&&null!==ImageData&&e instanceof ImageData)r.data=e.data;else if("undefined"!=typeof CanvasRenderingContext2D&&null!==CanvasRenderingContext2D&&e instanceof CanvasRenderingContext2D||"undefined"!=typeof WebGLRenderingContext&&null!==WebGLRenderingContext&&e instanceof WebGLRenderingContext)t.copy?r.data=this.getContextData(e):r.context=e;else{if(null==e.childNodes)throw new Error("Invalid image");t.copy?r.data=this.getImageData(e):r.image=e}return(a=this.frames.length)>0&&r.data&&(this.groups.has(r.data)?this.groups.get(r.data).push(a):this.groups.set(r.data,[a])),this.frames.push(r)},t.prototype.render=function(){var e,t,r;if(this.running)throw new Error("Already running");if(null==this.options.width||null==this.options.height)throw new Error("Width and height must be set prior to rendering");if(this.running=!0,this.nextFrame=0,this.finishedFrames=0,this.imageParts=function(){var e,t,r;for(r=[],e=0,t=this.frames.length;0<=t?e<t:e>t;0<=t?++e:--e)r.push(null);return r}.call(this),t=this.spawnWorkers(),!0===this.options.globalPalette)this.renderNextFrame();else for(e=0,r=t;0<=r?e<r:e>r;0<=r?++e:--e)this.renderNextFrame();return this.emit("start"),this.emit("progress",0)},t.prototype.abort=function(){for(var e;null!=(e=this.activeWorkers.shift());)this.log("killing active worker"),e.terminate();return this.running=!1,this.emit("abort")},t.prototype.spawnWorkers=function(){var e,t,r;return e=Math.min(this.options.workers,this.frames.length),function(){r=[];for(var n=t=this.freeWorkers.length;t<=e?n<e:n>e;t<=e?n++:n--)r.push(n);return r}.apply(this).forEach(function(e){return function(t){var r;return e.log("spawning worker "+t),(r=new Worker(e.options.workerScript)).onmessage=function(t){return e.activeWorkers.splice(e.activeWorkers.indexOf(r),1),e.freeWorkers.push(r),e.frameFinished(t.data,!1)},e.freeWorkers.push(r)}}(this)),e},t.prototype.frameFinished=function(e,t){var r,n,a,o;if(this.finishedFrames++,t?(r=this.frames.indexOf(e),n=this.groups.get(e.data)[0],this.log("frame "+(r+1)+" is duplicate of "+n+" - "+this.activeWorkers.length+" active"),this.imageParts[r]={indexOfFirstInGroup:n}):(this.log("frame "+(e.index+1)+" finished - "+this.activeWorkers.length+" active"),this.emit("progress",this.finishedFrames/this.frames.length),this.imageParts[e.index]=e),!0===this.options.globalPalette&&!t&&(this.options.globalPalette=e.globalPalette,this.log("global palette analyzed"),this.frames.length>2))for(a=1,o=this.freeWorkers.length;1<=o?a<o:a>o;1<=o?++a:--a)this.renderNextFrame();return i.call(this.imageParts,null)>=0?this.renderNextFrame():this.finishRendering()},t.prototype.finishRendering=function(){var e,t,r,n,a,o,i,l,s,p,c,u,d,h,b,f,m,g,v,y;for(a=o=0,p=(m=this.imageParts).length;o<p;a=++o)(t=m[a]).indexOfFirstInGroup&&(this.imageParts[a]=this.imageParts[t.indexOfFirstInGroup]);for(s=0,i=0,c=(g=this.imageParts).length;i<c;i++)s+=((t=g[i]).data.length-1)*t.pageSize+t.cursor;for(s+=t.pageSize-t.cursor,this.log("rendering finished - filesize "+Math.round(s/1e3)+"kb"),e=new Uint8Array(s),b=0,l=0,u=(v=this.imageParts).length;l<u;l++)for(r=h=0,d=(y=(t=v[l]).data).length;h<d;r=++h)f=y[r],e.set(f,b),b+=r===t.data.length-1?t.cursor:t.pageSize;return n=new Blob([e],{type:"image/gif"}),this.emit("finished",n,e)},t.prototype.renderNextFrame=function(){var e,t,r,n;if(0===this.freeWorkers.length)throw new Error("No free workers");if(!(this.nextFrame>=this.frames.length))return e=this.frames[this.nextFrame++],(t=this.frames.indexOf(e))>0&&this.groups.has(e.data)&&this.groups.get(e.data)[0]!==t?void setTimeout(function(t){return function(){return t.frameFinished(e,!0)}}(this),0):(n=this.freeWorkers.shift(),r=this.getTask(e),this.log("starting frame "+(r.index+1)+" of "+this.frames.length),this.activeWorkers.push(n),n.postMessage(r))},t.prototype.getContextData=function(e){return e.getImageData(0,0,this.options.width,this.options.height).data},t.prototype.getImageData=function(e){var t;return null==this._canvas&&(this._canvas=document.createElement("canvas"),this._canvas.width=this.options.width,this._canvas.height=this.options.height),(t=this._canvas.getContext("2d")).setFill=this.options.background,t.fillRect(0,0,this.options.width,this.options.height),t.drawImage(e,0,0),this.getContextData(t)},t.prototype.getTask=function(e){var t,r;if(r={index:t=this.frames.indexOf(e),last:t===this.frames.length-1,delay:e.delay,transparent:e.transparent,width:this.options.width,height:this.options.height,quality:this.options.quality,dither:this.options.dither,globalPalette:this.options.globalPalette,repeat:this.options.repeat,canTransfer:!0},null!=e.data)r.data=e.data;else if(null!=e.context)r.data=this.getContextData(e.context);else{if(null==e.image)throw new Error("Invalid frame");r.data=this.getImageData(e.image)}return r},t.prototype.log=function(e){if(this.options.debug)return console.log(e)},t}(n),e.exports=a},function(e,t){function r(){this._events=this._events||{},this._maxListeners=this._maxListeners||void 0}function n(e){return"function"==typeof e}function a(e){return"object"==typeof e&&null!==e}function o(e){return void 0===e}e.exports=r,r.EventEmitter=r,r.prototype._events=void 0,r.prototype._maxListeners=void 0,r.defaultMaxListeners=10,r.prototype.setMaxListeners=function(e){if(!function(e){return"number"==typeof e}(e)||e<0||isNaN(e))throw TypeError("n must be a positive number");return this._maxListeners=e,this},r.prototype.emit=function(e){var t,r,i,l,s,p;if(this._events||(this._events={}),"error"===e&&(!this._events.error||a(this._events.error)&&!this._events.error.length)){if((t=arguments[1])instanceof Error)throw t;var c=new Error('Uncaught, unspecified "error" event. ('+t+")");throw c.context=t,c}if(o(r=this._events[e]))return!1;if(n(r))switch(arguments.length){case 1:r.call(this);break;case 2:r.call(this,arguments[1]);break;case 3:r.call(this,arguments[1],arguments[2]);break;default:l=Array.prototype.slice.call(arguments,1),r.apply(this,l)}else if(a(r))for(l=Array.prototype.slice.call(arguments,1),i=(p=r.slice()).length,s=0;s<i;s++)p[s].apply(this,l);return!0},r.prototype.addListener=function(e,t){var i;if(!n(t))throw TypeError("listener must be a function");return this._events||(this._events={}),this._events.newListener&&this.emit("newListener",e,n(t.listener)?t.listener:t),this._events[e]?a(this._events[e])?this._events[e].push(t):this._events[e]=[this._events[e],t]:this._events[e]=t,a(this._events[e])&&!this._events[e].warned&&(i=o(this._maxListeners)?r.defaultMaxListeners:this._maxListeners)&&i>0&&this._events[e].length>i&&(this._events[e].warned=!0,console.error("(node) warning: possible EventEmitter memory leak detected. %d listeners added. Use emitter.setMaxListeners() to increase limit.",this._events[e].length),"function"==typeof console.trace&&console.trace()),this},r.prototype.on=r.prototype.addListener,r.prototype.once=function(e,t){function r(){this.removeListener(e,r),a||(a=!0,t.apply(this,arguments))}if(!n(t))throw TypeError("listener must be a function");var a=!1;return r.listener=t,this.on(e,r),this},r.prototype.removeListener=function(e,t){var r,o,i,l;if(!n(t))throw TypeError("listener must be a function");if(!this._events||!this._events[e])return this;if(i=(r=this._events[e]).length,o=-1,r===t||n(r.listener)&&r.listener===t)delete this._events[e],this._events.removeListener&&this.emit("removeListener",e,t);else if(a(r)){for(l=i;l-- >0;)if(r[l]===t||r[l].listener&&r[l].listener===t){o=l;break}if(o<0)return this;1===r.length?(r.length=0,delete this._events[e]):r.splice(o,1),this._events.removeListener&&this.emit("removeListener",e,t)}return this},r.prototype.removeAllListeners=function(e){var t,r;if(!this._events)return this;if(!this._events.removeListener)return 0===arguments.length?this._events={}:this._events[e]&&delete this._events[e],this;if(0===arguments.length){for(t in this._events)"removeListener"!==t&&this.removeAllListeners(t);return this.removeAllListeners("removeListener"),this._events={},this}if(n(r=this._events[e]))this.removeListener(e,r);else if(r)for(;r.length;)this.removeListener(e,r[r.length-1]);return delete this._events[e],this},r.prototype.listeners=function(e){return this._events&&this._events[e]?n(this._events[e])?[this._events[e]]:this._events[e].slice():[]},r.prototype.listenerCount=function(e){if(this._events){var t=this._events[e];if(n(t))return 1;if(t)return t.length}return 0},r.listenerCount=function(e,t){return e.listenerCount(t)}},function(e,t){var r,n,a,o,i;i=navigator.userAgent.toLowerCase(),o=navigator.platform.toLowerCase(),a="ie"===(r=i.match(/(opera|ie|firefox|chrome|version)[\s\/:]([\w\d\.]+)?.*?(safari|version[\s\/:]([\w\d\.]+)|$)/)||[null,"unknown",0])[1]&&document.documentMode,(n={name:"version"===r[1]?r[3]:r[1],version:a||parseFloat("opera"===r[1]&&r[4]?r[4]:r[2]),platform:{name:i.match(/ip(?:ad|od|hone)/)?"ios":(i.match(/(?:webos|android)/)||o.match(/mac|win|linux/)||["other"])[0]}})[n.name]=!0,n[n.name+parseInt(n.version,10)]=!0,n.platform[n.platform.name]=!0,e.exports=n}])},function(e,t,r){var n=r(272);"string"==typeof n&&(n=[[e.i,n,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};r(38)(n,a);n.locals&&(e.exports=n.locals)},function(e,t,r){(e.exports=r(37)(!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: 100%;\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        height: 100%;\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none; }\n        #actionTabs .tabs .panes .pane .animation-info {\n          border-left: greenyellow 3px solid;\n          margin-left: 5px;\n          padding-left: 5px !important; }\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            margin-right: 5px;\n            display: block;\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 .textureLinkLine .actionIcon {\n            display: inline-block;\n            margin-top: 6px;\n            margin-right: 4px; }\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: 2px;\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 .color-picker {\n          height: calc(100% - 8px);\n          margin: 4px;\n          width: 100%; }\n          #actionTabs .tabs .panes .pane .color-picker .color-rect {\n            height: calc(100% - 4px);\n            border: 2px white solid;\n            cursor: pointer;\n            min-height: 18px; }\n          #actionTabs .tabs .panes .pane .color-picker .color-picker-cover {\n            position: fixed;\n            top: 0px;\n            right: 0px;\n            bottom: 0px;\n            left: 0px;\n            z-index: 100; }\n          #actionTabs .tabs .panes .pane .color-picker .color-picker-float {\n            position: absolute; }\n        #actionTabs .tabs .panes .pane .linkButtonLine {\n          padding-left: 2px;\n          height: 30px;\n          display: grid;\n          grid-template-columns: 1fr auto 20px; }\n          #actionTabs .tabs .panes .pane .linkButtonLine .link {\n            grid-column: 1;\n            display: flex;\n            align-items: center;\n            text-decoration: underline;\n            cursor: pointer; }\n          #actionTabs .tabs .panes .pane .linkButtonLine .link-button {\n            grid-column: 2; }\n            #actionTabs .tabs .panes .pane .linkButtonLine .link-button 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              cursor: pointer; }\n            #actionTabs .tabs .panes .pane .linkButtonLine .link-button button:hover {\n              opacity: 1.0; }\n            #actionTabs .tabs .panes .pane .linkButtonLine .link-button button:active {\n              background: #282828; }\n            #actionTabs .tabs .panes .pane .linkButtonLine .link-button button:focus {\n              border: 1px solid #337ab7;\n              outline: 0px; }\n          #actionTabs .tabs .panes .pane .linkButtonLine .link-icon {\n            grid-column: 3;\n            display: grid;\n            align-content: center; }\n        #actionTabs .tabs .panes .pane .textLine {\n          padding-left: 2px;\n          height: 30px;\n          display: grid;\n          grid-template-columns: 1fr auto; }\n          #actionTabs .tabs .panes .pane .textLine.indented {\n            grid-template-columns: 100%; }\n            #actionTabs .tabs .panes .pane .textLine.indented .link-value {\n              grid-column: 1;\n              text-align: start;\n              margin-left: 20px;\n              opacity: 0.6;\n              max-width: unset; }\n            #actionTabs .tabs .panes .pane .textLine.indented .value {\n              grid-column: 1;\n              text-align: start;\n              margin-left: 20px;\n              opacity: 0.6;\n              max-width: unset; }\n          #actionTabs .tabs .panes .pane .textLine.reduced-opacity {\n            opacity: 0.6;\n            padding-left: 25px; }\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: 7px;\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: 7px;\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 .gradient-container {\n          margin-top: 3px; }\n          #actionTabs .tabs .panes .pane .gradient-container .gradient-label {\n            height: 30px;\n            display: grid;\n            align-content: center; }\n          #actionTabs .tabs .panes .pane .gradient-container .gradient-step {\n            display: grid;\n            grid-template-rows: 100%;\n            grid-template-columns: 25px 50px 55px 40px auto 20px 5px;\n            padding-top: 5px;\n            padding-left: 5px;\n            padding-bottom: 5px;\n            align-items: center;\n            border-left: orange 3px solid; }\n            #actionTabs .tabs .panes .pane .gradient-container .gradient-step .step {\n              grid-row: 1;\n              grid-column: 1; }\n            #actionTabs .tabs .panes .pane .gradient-container .gradient-step .color1 {\n              height: 100%; }\n            #actionTabs .tabs .panes .pane .gradient-container .gradient-step .color2 {\n              height: 100%;\n              padding-left: 5px; }\n            #actionTabs .tabs .panes .pane .gradient-container .gradient-step .factor1 {\n              grid-row: 1;\n              grid-column: 2;\n              cursor: pointer; }\n            #actionTabs .tabs .panes .pane .gradient-container .gradient-step .factor2 {\n              padding-left: 5px;\n              grid-row: 1;\n              grid-column: 3;\n              cursor: pointer; }\n              #actionTabs .tabs .panes .pane .gradient-container .gradient-step .factor2 .grayed {\n                background: gray;\n                border-color: gray; }\n            #actionTabs .tabs .panes .pane .gradient-container .gradient-step .numeric-input {\n              width: calc(100% - 5px); }\n            #actionTabs .tabs .panes .pane .gradient-container .gradient-step .step-value {\n              margin-left: 5px;\n              grid-row: 1;\n              grid-column: 4;\n              text-align: right;\n              margin-right: 5px; }\n            #actionTabs .tabs .panes .pane .gradient-container .gradient-step .step-slider {\n              grid-row: 1;\n              grid-column: 5;\n              display: grid;\n              justify-content: stretch;\n              align-content: center;\n              margin-right: 5px; }\n              #actionTabs .tabs .panes .pane .gradient-container .gradient-step .step-slider input {\n                width: 100%; }\n            #actionTabs .tabs .panes .pane .gradient-container .gradient-step .gradient-delete {\n              grid-row: 1;\n              grid-column: 6;\n              display: grid;\n              align-content: center;\n              justify-content: center; }\n        #actionTabs .tabs .panes .pane .textInputLine {\n          padding-left: 2px;\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: #222222;\n            border: 1px solid #337ab7;\n            margin: 5px 10px 5px 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            cursor: pointer; }\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: 2px;\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: 2px;\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: 2px;\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: 2px;\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: 2px;\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: 2px;\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              width: 50px;\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 .copy img {\n                height: 100%; }\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: 2px;\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          display: grid;\n          grid-template-rows: 100%;\n          grid-template-columns: 100%; }\n          #actionTabs .tabs .panes .pane .paneContainer .paneList {\n            border-left: 3px solid transparent; }\n          #actionTabs .tabs .panes .pane .paneContainer:hover .paneList {\n            border-left: 3px solid rgba(51, 122, 183, 0.8); }\n          #actionTabs .tabs .panes .pane .paneContainer:hover .paneContainer-content .header .title {\n            border-left: 3px solid #337ab7; }\n          #actionTabs .tabs .panes .pane .paneContainer .paneContainer-highlight-border {\n            grid-row: 1;\n            grid-column: 1;\n            opacity: 1;\n            border: 3px solid red;\n            margin-bottom: -5px;\n            z-index: 100;\n            transition: opacity 250ms;\n            pointer-events: none; }\n            #actionTabs .tabs .panes .pane .paneContainer .paneContainer-highlight-border.transparent {\n              opacity: 0; }\n          #actionTabs .tabs .panes .pane .paneContainer .paneContainer-content {\n            grid-row: 1;\n            grid-column: 1; }\n            #actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .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 .paneContainer-content .header .title {\n                border-left: 3px solid transparent;\n                padding-left: 5px;\n                grid-column: 1;\n                display: flex;\n                align-items: center; }\n              #actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .header .collapse {\n                grid-column: 2;\n                display: flex;\n                align-items: center;\n                justify-items: center;\n                transform-origin: center; }\n                #actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .header .collapse.closed {\n                  transform: rotate(180deg); }\n            #actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .paneList > div:not(:last-child) {\n              border-bottom: 0.5px solid rgba(255, 255, 255, 0.1); }\n            #actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .fragment > div:not(:last-child) {\n              border-bottom: 0.5px solid rgba(255, 255, 255, 0.1); }\n',""])},function(e,t,r){var n=r(274);"string"==typeof n&&(n=[[e.i,n,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};r(38)(n,a);n.locals&&(e.exports=n.locals)},function(e,t,r){(e.exports=r(37)(!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.context-menu {\n  background: #222222; }\n  .context-menu .react-contextmenu-item {\n    padding: 10px;\n    cursor: pointer; }\n    .context-menu .react-contextmenu-item:hover {\n      background: #555555; }\n\n.react-contextmenu.context-menu.react-contextmenu--visible {\n  z-index: 99;\n  transform: scale(1); }\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      left: 0;\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::placeholder {\n      color: lightgray; }\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 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 .bounding {\n        grid-column: 5;\n        opacity: 0.6; }\n        #sceneExplorer .itemContainer .sceneNode .bounding.selected {\n          opacity: 1; }\n      #sceneExplorer .itemContainer .sceneNode .separator {\n        grid-column: 6;\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: 7;\n        opacity: 0.6; }\n        #sceneExplorer .itemContainer .sceneNode .pickingMode.selected {\n          opacity: 1; }\n      #sceneExplorer .itemContainer .sceneNode .refresh {\n        grid-column: 8; }\n      #sceneExplorer .itemContainer .sceneNode .extensions {\n        width: 20px;\n        grid-column: 9; }\n    #sceneExplorer .itemContainer .targetedAnimationTools {\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 .targetedAnimationTools .extensions {\n        width: 20px;\n        grid-column: 2; }\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 .bounding-box {\n        grid-column: 2;\n        opacity: 0.5; }\n        #sceneExplorer .itemContainer .meshTools .bounding-box.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 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 .spriteTools {\n      grid-column: 2;\n      display: grid;\n      grid-template-columns: 1fr auto 5px;\n      align-items: center; }\n      #sceneExplorer .itemContainer .spriteTools .extensions {\n        width: 20px;\n        grid-column: 2; }\n    #sceneExplorer .itemContainer .spriteManagerTools {\n      grid-column: 2;\n      display: grid;\n      grid-template-columns: 1fr auto 5px;\n      align-items: center; }\n      #sceneExplorer .itemContainer .spriteManagerTools .extensions {\n        width: 20px;\n        grid-column: 2; }\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 .particleSystemTools {\n      grid-column: 2;\n      display: grid;\n      grid-template-columns: 1fr auto 5px;\n      align-items: center; }\n      #sceneExplorer .itemContainer .particleSystemTools .extensions {\n        width: 20px;\n        grid-column: 2; }\n    #sceneExplorer .itemContainer .postProcessTools {\n      grid-column: 2;\n      display: grid;\n      grid-template-columns: 1fr auto 5px;\n      align-items: center; }\n      #sceneExplorer .itemContainer .postProcessTools .extensions {\n        width: 20px;\n        grid-column: 2; }\n    #sceneExplorer .itemContainer .renderingPipelineTools {\n      grid-column: 2;\n      display: grid;\n      grid-template-columns: 1fr auto 5px;\n      align-items: center; }\n      #sceneExplorer .itemContainer .renderingPipelineTools .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 .skeletonTools {\n      grid-column: 2;\n      display: grid;\n      grid-template-columns: 1fr auto 5px;\n      align-items: center; }\n      #sceneExplorer .itemContainer .skeletonTools .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,r){"use strict";r.r(t);var n=window,a=n.document,o=function(){return!1},i=n.attachEvent&&!n.addEventListener,l=["","-webkit-","-moz-","-o-"].filter((function(e){var t=a.createElement("div");return t.style.cssText="width:"+e+"calc(9px)",!!t.style.length})).shift()+"calc",s=function(e){return"string"==typeof e||e instanceof String},p=function(e){if(s(e)){var t=a.querySelector(e);if(!t)throw new Error("Selector "+e+" did not match a DOM element");return t}return e},c=function(e,t,r){var n=e[t];return void 0!==n?n:r},u=function(e,t,r,n){if(t){if("end"===n)return 0;if("center"===n)return e/2}else if(r){if("start"===n)return 0;if("center"===n)return e/2}return e},d=function(e,t){var r=a.createElement("div");return r.className="gutter gutter-"+t,r},h=function(e,t,r){var n={};return s(t)?n[e]=t:n[e]=i?t+"%":l+"("+t+"% - "+r+"px)",n},b=function(e,t){var r;return(r={})[e]=t+"px",r};t.default=function(e,t){void 0===t&&(t={});var r,l,s,f,m,g,v=e;Array.from&&(v=Array.from(v));var y=p(v[0]).parentNode,C=getComputedStyle?getComputedStyle(y):null,E=C?C.flexDirection:null,x=c(t,"sizes")||v.map((function(){return 100/v.length})),O=c(t,"minSize",100),S=Array.isArray(O)?O:v.map((function(){return O})),P=c(t,"expandToMin",!1),w=c(t,"gutterSize",10),k=c(t,"gutterAlign","center"),_=c(t,"snapOffset",30),N=c(t,"dragInterval",1),T=c(t,"direction","horizontal"),M=c(t,"cursor","horizontal"===T?"col-resize":"row-resize"),R=c(t,"gutter",d),A=c(t,"elementStyle",h),L=c(t,"gutterStyle",b);function j(e,t,n,a){var o=A(r,t,n,a);Object.keys(o).forEach((function(t){e.style[t]=o[t]}))}function I(){return g.map((function(e){return e.size}))}function D(e){return"touches"in e?e.touches[0][l]:e[l]}function z(e){var t=g[this.a],r=g[this.b],n=t.size+r.size;t.size=e/this.size*n,r.size=n-e/this.size*n,j(t.element,t.size,this._b,t.i),j(r.element,r.size,this._c,r.i)}function F(e){var r,n=g[this.a],a=g[this.b];this.dragging&&(r=D(e)-this.start+(this._b-this.dragOffset),N>1&&(r=Math.round(r/N)*N),r<=n.minSize+_+this._b?r=n.minSize+this._b:r>=this.size-(a.minSize+_+this._c)&&(r=this.size-(a.minSize+this._c)),z.call(this,r),c(t,"onDrag",o)())}function G(){var e=g[this.a].element,t=g[this.b].element,n=e.getBoundingClientRect(),a=t.getBoundingClientRect();this.size=n[r]+a[r]+this._b+this._c,this.start=n[s],this.end=n[f]}function B(e){var t=function(e){if(!getComputedStyle)return null;var t=getComputedStyle(e);if(!t)return null;var r=e[m];return 0===r?null:r-="horizontal"===T?parseFloat(t.paddingLeft)+parseFloat(t.paddingRight):parseFloat(t.paddingTop)+parseFloat(t.paddingBottom)}(y);if(null===t)return e;if(S.reduce((function(e,t){return e+t}),0)>t)return e;var r=0,n=[],a=e.map((function(a,o){var i=t*a/100,l=u(w,0===o,o===e.length-1,k),s=S[o]+l;return i<s?(r+=s-i,n.push(0),s):(n.push(i-s),i)}));return 0===r?e:a.map((function(e,a){var o=e;if(r>0&&n[a]-r>0){var i=Math.min(r,n[a]-r);r-=i,o=e-i}return o/t*100}))}function H(){var e=g[this.a].element,r=g[this.b].element;this.dragging&&c(t,"onDragEnd",o)(I()),this.dragging=!1,n.removeEventListener("mouseup",this.stop),n.removeEventListener("touchend",this.stop),n.removeEventListener("touchcancel",this.stop),n.removeEventListener("mousemove",this.move),n.removeEventListener("touchmove",this.move),this.stop=null,this.move=null,e.removeEventListener("selectstart",o),e.removeEventListener("dragstart",o),r.removeEventListener("selectstart",o),r.removeEventListener("dragstart",o),e.style.userSelect="",e.style.webkitUserSelect="",e.style.MozUserSelect="",e.style.pointerEvents="",r.style.userSelect="",r.style.webkitUserSelect="",r.style.MozUserSelect="",r.style.pointerEvents="",this.gutter.style.cursor="",this.parent.style.cursor="",a.body.style.cursor=""}function U(e){if(!("button"in e)||0===e.button){var r=g[this.a].element,i=g[this.b].element;this.dragging||c(t,"onDragStart",o)(I()),e.preventDefault(),this.dragging=!0,this.move=F.bind(this),this.stop=H.bind(this),n.addEventListener("mouseup",this.stop),n.addEventListener("touchend",this.stop),n.addEventListener("touchcancel",this.stop),n.addEventListener("mousemove",this.move),n.addEventListener("touchmove",this.move),r.addEventListener("selectstart",o),r.addEventListener("dragstart",o),i.addEventListener("selectstart",o),i.addEventListener("dragstart",o),r.style.userSelect="none",r.style.webkitUserSelect="none",r.style.MozUserSelect="none",r.style.pointerEvents="none",i.style.userSelect="none",i.style.webkitUserSelect="none",i.style.MozUserSelect="none",i.style.pointerEvents="none",this.gutter.style.cursor=M,this.parent.style.cursor=M,a.body.style.cursor=M,G.call(this),this.dragOffset=D(e)-this.end}}"horizontal"===T?(r="width",l="clientX",s="left",f="right",m="clientWidth"):"vertical"===T&&(r="height",l="clientY",s="top",f="bottom",m="clientHeight"),x=B(x);var V=[];function W(e){var t=e.i===V.length,r=t?V[e.i-1]:V[e.i];G.call(r);var n=t?r.size-e.minSize-r._c:e.minSize+r._b;z.call(r,n)}function Y(e){var t=B(e);t.forEach((function(e,r){if(r>0){var n=V[r-1],a=g[n.a],o=g[n.b];a.size=t[r-1],o.size=e,j(a.element,a.size,n._b),j(o.element,o.size,n._c)}}))}function X(e,t){V.forEach((function(n){if(!0!==t?n.parent.removeChild(n.gutter):(n.gutter.removeEventListener("mousedown",n._a),n.gutter.removeEventListener("touchstart",n._a)),!0!==e){var a=A(r,n.a.size,n._b);Object.keys(a).forEach((function(e){g[n.a].element.style[e]="",g[n.b].element.style[e]=""}))}}))}return(g=v.map((function(e,t){var n,a={element:p(e),size:x[t],minSize:S[t],i:t};if(t>0&&((n={a:t-1,b:t,dragging:!1,direction:T,parent:y})._b=u(w,t-1==0,!1,k),n._c=u(w,!1,t===v.length-1,k),"row-reverse"===E||"column-reverse"===E)){var o=n.a;n.a=n.b,n.b=o}if(!i&&t>0){var l=R(t,T,a.element);!function(e,t,n){var a=L(r,t,n);Object.keys(a).forEach((function(t){e.style[t]=a[t]}))}(l,w,t),n._a=U.bind(n),l.addEventListener("mousedown",n._a),l.addEventListener("touchstart",n._a),y.insertBefore(l,a.element),n.gutter=l}return j(a.element,a.size,u(w,0===t,t===v.length-1,k)),t>0&&V.push(n),a}))).forEach((function(e){var t=e.element.getBoundingClientRect()[r];t<e.minSize&&(P?W(e):e.minSize=t)})),i?{setSizes:Y,destroy:X}:{setSizes:Y,getSizes:I,collapse:function(e){W(g[e])},destroy:X,parent:y,pairs:V}}},function(e,t,r){var n=r(277);"string"==typeof n&&(n=[[e.i,n,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};r(38)(n,a);n.locals&&(e.exports=n.locals)},function(e,t,r){(e.exports=r(37)(!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',""])}])}));