!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("babylonjs")):"function"==typeof define&&define.amd?define("babylonjs-node-editor",["babylonjs"],t):"object"==typeof exports?exports["babylonjs-node-editor"]=t(require("babylonjs")):e.NODEEDITOR=t(e.BABYLON)}("undefined"!=typeof self?self:"undefined"!=typeof global?global:this,(function(e){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=129)}([function(t,n){t.exports=e},function(e,t,n){"use strict";e.exports=n(130)},function(e,t,n){e.exports=n(141)()},function(e,t,n){var r;try{r={cloneDeep:n(259),constant:n(63),defaults:n(260),each:n(94),filter:n(97),find:n(261),flatten:n(124),forEach:n(95),forIn:n(266),has:n(108),isUndefined:n(109),last:n(267),map:n(110),mapValues:n(268),max:n(269),merge:n(271),min:n(277),minBy:n(278),now:n(279),pick:n(280),range:n(285),reduce:n(112),sortBy:n(288),uniqueId:n(293),values:n(117),zipObject:n(294)}}catch(e){}r||(r=window._),e.exports=r},function(e,t){var n=Array.isArray;e.exports=n},function(e,t,n){"use strict";var r=n(3),o=n(8).Graph;function a(e,t,n,o){var a;do{a=r.uniqueId(o)}while(e.hasNode(a));return n.dummy=t,e.setNode(a,n),a}function i(e){return r.max(r.map(e.nodes(),(function(t){var n=e.node(t).rank;if(!r.isUndefined(n))return n})))}e.exports={addDummyNode:a,simplify:function(e){var t=(new o).setGraph(e.graph());return r.forEach(e.nodes(),(function(n){t.setNode(n,e.node(n))})),r.forEach(e.edges(),(function(n){var r=t.edge(n.v,n.w)||{weight:0,minlen:1},o=e.edge(n);t.setEdge(n.v,n.w,{weight:r.weight+o.weight,minlen:Math.max(r.minlen,o.minlen)})})),t},asNonCompoundGraph:function(e){var t=new o({multigraph:e.isMultigraph()}).setGraph(e.graph());return r.forEach(e.nodes(),(function(n){e.children(n).length||t.setNode(n,e.node(n))})),r.forEach(e.edges(),(function(n){t.setEdge(n,e.edge(n))})),t},successorWeights:function(e){var t=r.map(e.nodes(),(function(t){var n={};return r.forEach(e.outEdges(t),(function(t){n[t.w]=(n[t.w]||0)+e.edge(t).weight})),n}));return r.zipObject(e.nodes(),t)},predecessorWeights:function(e){var t=r.map(e.nodes(),(function(t){var n={};return r.forEach(e.inEdges(t),(function(t){n[t.v]=(n[t.v]||0)+e.edge(t).weight})),n}));return r.zipObject(e.nodes(),t)},intersectRect:function(e,t){var n,r,o=e.x,a=e.y,i=t.x-o,s=t.y-a,l=e.width/2,c=e.height/2;if(!i&&!s)throw new Error("Not possible to find intersection inside of the rectangle");Math.abs(s)*l>Math.abs(i)*c?(s<0&&(c=-c),n=c*i/s,r=c):(i<0&&(l=-l),n=l,r=l*s/i);return{x:o+n,y:a+r}},buildLayerMatrix:function(e){var t=r.map(r.range(i(e)+1),(function(){return[]}));return r.forEach(e.nodes(),(function(n){var o=e.node(n),a=o.rank;r.isUndefined(a)||(t[a][o.order]=n)})),t},normalizeRanks:function(e){var t=r.min(r.map(e.nodes(),(function(t){return e.node(t).rank})));r.forEach(e.nodes(),(function(n){var o=e.node(n);r.has(o,"rank")&&(o.rank-=t)}))},removeEmptyRanks:function(e){var t=r.min(r.map(e.nodes(),(function(t){return e.node(t).rank}))),n=[];r.forEach(e.nodes(),(function(r){var o=e.node(r).rank-t;n[o]||(n[o]=[]),n[o].push(r)}));var o=0,a=e.graph().nodeRankFactor;r.forEach(n,(function(t,n){r.isUndefined(t)&&n%a!=0?--o:o&&r.forEach(t,(function(t){e.node(t).rank+=o}))}))},addBorderNode:function(e,t,n,r){var o={width:0,height:0};arguments.length>=4&&(o.rank=n,o.order=r);return a(e,"border",o,t)},maxRank:i,partition:function(e,t){var n={lhs:[],rhs:[]};return r.forEach(e,(function(e){t(e)?n.lhs.push(e):n.rhs.push(e)})),n},time:function(e,t){var n=r.now();try{return t()}finally{console.log(e+" time: "+(r.now()-n)+"ms")}},notime:function(e,t){return t()}}},function(e,t,n){var r;try{r={clone:n(147),constant:n(63),each:n(94),filter:n(97),has:n(108),isArray:n(4),isEmpty:n(223),isFunction:n(27),isUndefined:n(109),keys:n(14),map:n(110),reduce:n(112),size:n(226),transform:n(232),union:n(233),values:n(117)}}catch(e){}r||(r=window._),e.exports=r},function(e,t){e.exports=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}},function(e,t,n){var r;try{r=n(145)}catch(e){}r||(r=window.graphlib),e.exports=r},function(e,t,n){var r=n(77),o="object"==typeof self&&self&&self.Object===Object&&self,a=r||o||Function("return this")();e.exports=a},function(e,t){e.exports=function(e){return null!=e&&"object"==typeof e}},function(e,t,n){var r=n(27),o=n(57);e.exports=function(e){return null!=e&&o(e.length)&&!r(e)}},function(e,t,n){var r=n(203),o=n(213),a=n(18),i=n(4),s=n(220);e.exports=function(e){return"function"==typeof e?e:null==e?a:"object"==typeof e?i(e)?o(e[0],e[1]):r(e):s(e)}},function(e,t,n){"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=n(131)},function(e,t,n){var r=n(80),o=n(59),a=n(11);e.exports=function(e){return a(e)?r(e):o(e)}},function(e,t,n){var r=n(158),o=n(163);e.exports=function(e,t){var n=o(e,t);return r(n)?n:void 0}},function(e,t,n){var r=n(22),o=n(159),a=n(160),i=r?r.toStringTag:void 0;e.exports=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":i&&i in Object(e)?o(e):a(e)}},function(e,t,n){var r=n(80),o=n(183),a=n(11);e.exports=function(e){return a(e)?r(e,!0):o(e)}},function(e,t){e.exports=function(e){return e}},function(e,t,n){"use strict";var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},a=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),i=[];function s(e){for(var t=-1,n=0;n-1&&e%1==0&&e0&&o[o.length-1])||6!==a[0]&&2!==a[0])){i=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]this.props.max&&(t=this.props.max),null!=this.props.min&&t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function z(e){return function(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t0||!Array.isArray(t)&&t?I({},e,t):{}}function Y(e){var t=e.forwardedRef,n=A(e,["forwardedRef"]),r=n.icon,o=n.mask,a=n.symbol,i=n.className,s=n.title,l=W(r),c=H("classes",[].concat(z(function(e){var t,n=e.spin,r=e.pulse,o=e.fixedWidth,a=e.inverse,i=e.border,s=e.listItem,l=e.flip,c=e.size,u=e.rotation,p=e.pull,d=(I(t={"fa-spin":n,"fa-pulse":r,"fa-fw":o,"fa-inverse":a,"fa-border":i,"fa-li":s,"fa-flip-horizontal":"horizontal"===l||"both"===l,"fa-flip-vertical":"vertical"===l||"both"===l},"fa-".concat(c),null!=c),I(t,"fa-rotate-".concat(u),null!=u&&0!==u),I(t,"fa-pull-".concat(p),null!=p),I(t,"fa-swap-opacity",e.swapOpacity),t);return Object.keys(d).map((function(e){return d[e]?e:null})).filter((function(e){return e}))}(n)),z(i.split(" ")))),u=H("transform","string"==typeof n.transform?B.b.transform(n.transform):n.transform),p=H("mask",W(o)),d=Object(B.a)(l,F({},c,{},u,{},p,{symbol:a,title:s}));if(!d)return function(){var e;!V&&console&&"function"==typeof console.error&&(e=console).error.apply(e,arguments)}("Could not find icon",l),null;var f=d.abstract,h={ref:t};return Object.keys(n).forEach((function(e){Y.defaultProps.hasOwnProperty(e)||(h[e]=n[e])})),X(f[0],h)}Y.displayName="FontAwesomeIcon",Y.propTypes={border:M.a.bool,className:M.a.string,mask:M.a.oneOfType([M.a.object,M.a.array,M.a.string]),fixedWidth:M.a.bool,inverse:M.a.bool,flip:M.a.oneOf(["horizontal","vertical","both"]),icon:M.a.oneOfType([M.a.object,M.a.array,M.a.string]),listItem:M.a.bool,pull:M.a.oneOf(["right","left"]),pulse:M.a.bool,rotation:M.a.oneOf([0,90,180,270]),size:M.a.oneOf(["lg","xs","sm","1x","2x","3x","4x","5x","6x","7x","8x","9x","10x"]),spin:M.a.bool,symbol:M.a.oneOfType([M.a.bool,M.a.string]),title:M.a.string,transform:M.a.oneOfType([M.a.string,M.a.object]),swapOpacity:M.a.bool},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,swapOpacity:!1};var X=function e(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if("string"==typeof n)return n;var o=(n.children||[]).map((function(n){return e(t,n)})),a=Object.keys(n.attributes||{}).reduce((function(e,t){var r=n.attributes[t];switch(t){case"class":e.attrs.className=r,delete n.attributes.class;break;case"style":e.attrs.style=U(r);break;default:0===t.indexOf("aria-")||0===t.indexOf("data-")?e.attrs[t.toLowerCase()]=r:e.attrs[j(t)]=r}return e}),{attrs:{}}),i=r.style,s=void 0===i?{}:i,l=A(r,["style"]);return a.attrs.style=F({},a.attrs.style,{},s),t.apply(void 0,[n.tag,F({},a.attrs,{},l)].concat(z(o)))}.bind(null,a.a.createElement),G={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"]},q={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"]},Z=function(e){function t(t){var n=e.call(this,t)||this;return n._localChange=!1,n.state={isExpanded:!1,value:n.props.target[n.props.propertyName].clone()},n}return u(t,e),t.prototype.shouldComponentUpdate=function(e,t){var n=e.target[e.propertyName];return!(n.equals(t.value)&&!this._localChange)&&(t.value=n.clone(),this._localChange=!1,!0)},t.prototype.switchExpandState=function(){this._localChange=!0,this.setState({isExpanded:!this.state.isExpanded})},t.prototype.raiseOnPropertyChanged=function(e){this.props.onChange&&this.props.onChange(this.state.value),this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:this.props.target,property:this.props.propertyName,value:this.state.value,initialValue:e})},t.prototype.updateStateX=function(e){this._localChange=!0;var t=this.state.value.clone();this.props.target[this.props.propertyName].x=e,this.state.value.x=e,this.setState({value:this.state.value}),this.raiseOnPropertyChanged(t)},t.prototype.updateStateY=function(e){this._localChange=!0;var t=this.state.value.clone();this.props.target[this.props.propertyName].y=e,this.state.value.y=e,this.setState({value:this.state.value}),this.raiseOnPropertyChanged(t)},t.prototype.render=function(){var e=this,t=this.state.isExpanded?o.createElement(Y,{icon:G}):o.createElement(Y,{icon:q});return o.createElement("div",{className:"vector3Line"},o.createElement("div",{className:"firstLine"},o.createElement("div",{className:"label",title:this.props.label},this.props.label),o.createElement("div",{className:"vector"},"X: "+this.state.value.x.toFixed(2)+", Y: "+this.state.value.y.toFixed(2)),o.createElement("div",{className:"expand hoverIcon",onClick:function(){return e.switchExpandState()},title:"Expand"},t)),this.state.isExpanded&&o.createElement("div",{className:"secondLine"},o.createElement(N,{globalState:this.props.globalState,label:"x",step:this.props.step,value:this.state.value.x,onChange:function(t){return e.updateStateX(t)}}),o.createElement(N,{globalState:this.props.globalState,label:"y",step:this.props.step,value:this.state.value.y,onChange:function(t){return e.updateStateY(t)}})))},t.defaultProps={step:.001},t}(o.Component),Q=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.render=function(){var e=this;return o.createElement(Z,{globalState:this.props.globalState,label:"Value",target:this.props.inputBlock,propertyName:"value",onChange:function(){e.props.globalState.onUpdateRequiredObservable.notifyObservers()}})},t}(o.Component),K=function(e){function t(t){return e.call(this,t)||this}return u(t,e),t.prototype.updateValue=function(e){if(!/[^0-9\.\-]/g.test(e)){var t=parseInt(e);isNaN(t)||(null!=this.props.max&&t>this.props.max&&(t=this.props.max),null!=this.props.min&&twindow.innerHeight&&(n=window.innerHeight-r-10),e.style.top=n+"px",e.style.left=t.getBoundingClientRect().left-e.getBoundingClientRect().width+"px"}},t.prototype.shouldComponentUpdate=function(e,t){var n=e.value.toHexString()!==this.props.value.toHexString()||t.hex!==this.state.hex||t.pickerEnabled!==this.state.pickerEnabled;return n&&(t.color=e.value,t.hex=e.value.toHexString()),n},t.prototype.componentDidUpdate=function(){this.syncPositions()},t.prototype.componentDidMount=function(){this.syncPositions()},t.prototype.setPickerState=function(e){this.setState({pickerEnabled:e}),this.props.globalState.blockKeyboardEvents=e},t.prototype.render=function(){var e=this,t=this.state.color;return this.props.globalState.blockKeyboardEvents=this.state.pickerEnabled,o.createElement("div",{className:"color-picker"},o.createElement("div",{className:"color-rect",ref:this._floatHostRef,style:{background:this.state.hex},onClick:function(){return e.setPickerState(!0)}}),this.state.pickerEnabled&&o.createElement(o.Fragment,null,o.createElement("div",{className:"color-picker-cover",onClick:function(){return e.setPickerState(!1)}}),o.createElement("div",{className:"color-picker-float",ref:this._floatRef},o.createElement(J,{color:t,onColorChanged:function(t){var n=t.toHexString();e.setState({hex:n,color:t}),e.props.onColorChanged(n)}}))))},t}(o.Component),te=n(51),ne=n(74),re=n(75),oe=function(e){function t(t){var n=e.call(this,t)||this;return n._localChange=!1,n.state={isExpanded:!1,color:n.props.target[n.props.propertyName].clone()},n}return u(t,e),t.prototype.shouldComponentUpdate=function(e,t){var n=e.target[e.propertyName];return!(n.equals(t.color)&&!this._localChange)&&(t.color=n.clone(),this._localChange=!1,!0)},t.prototype.onChange=function(e){this._localChange=!0;var t=s.Color3.FromHexString(e);this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:this.props.target,property:this.props.propertyName,value:t,initialValue:this.state.color}),"Color4"===this.props.target[this.props.propertyName].getClassName()?this.props.target[this.props.propertyName]=new s.Color4(t.r,t.g,t.b,1):this.props.target[this.props.propertyName]=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.onChange&&this.props.onChange(),this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:this.props.target,property:this.props.propertyName,value:this.state.color,initialValue:e})},t.prototype.updateStateR=function(e){this._localChange=!0;var t=this.state.color.clone();this.props.target[this.props.propertyName].x=e,this.state.color.r=e,this.props.target[this.props.propertyName]=this.state.color,this.setState({color:this.state.color}),this.raiseOnPropertyChanged(t)},t.prototype.updateStateG=function(e){this._localChange=!0;var t=this.state.color.clone();this.props.target[this.props.propertyName].g=e,this.state.color.g=e,this.props.target[this.props.propertyName]=this.state.color,this.setState({color:this.state.color}),this.raiseOnPropertyChanged(t)},t.prototype.updateStateB=function(e){this._localChange=!0;var t=this.state.color.clone();this.props.target[this.props.propertyName].b=e,this.state.color.b=e,this.props.target[this.props.propertyName]=this.state.color,this.setState({color:this.state.color}),this.raiseOnPropertyChanged(t)},t.prototype.copyToClipboard=function(){var e=document.createElement("div");if(e.textContent=this.state.color.toHexString(),document.body.appendChild(e),window.getSelection){var t=document.createRange();t.selectNode(e),window.getSelection().removeAllRanges(),window.getSelection().addRange(t)}document.execCommand("copy"),e.remove()},t.prototype.render=function(){var e=this,t=this.state.isExpanded?re:ne;return o.createElement("div",{className:"color3Line"},o.createElement("div",{className:"firstLine"},o.createElement("div",{className:"label"},this.props.label),o.createElement("div",{className:"color3"},o.createElement(ee,{value:this.state.color,globalState:this.props.globalState,onColorChanged:function(t){e.onChange(t)}})),o.createElement("div",{className:"copy hoverIcon",onClick:function(){return e.copyToClipboard()},title:"Copy to clipboard"},o.createElement("img",{src:te,alt:""})),o.createElement("div",{className:"expand hoverIcon",onClick:function(){return e.switchExpandState()},title:"Expand"},o.createElement("img",{src:t,alt:""}))),this.state.isExpanded&&o.createElement("div",{className:"secondLine"},o.createElement(N,{globalState:this.props.globalState,label:"r",value:this.state.color.r,onChange:function(t){return e.updateStateR(t)}}),o.createElement(N,{globalState:this.props.globalState,label:"g",value:this.state.color.g,onChange:function(t){return e.updateStateG(t)}}),o.createElement(N,{globalState:this.props.globalState,label:"b",value:this.state.color.b,onChange:function(t){return e.updateStateB(t)}})))},t}(o.Component),ae=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.render=function(){var e=this;return o.createElement(oe,{globalState:this.props.globalState,label:"Value",target:this.props.inputBlock,propertyName:"value",onChange:function(){e.props.globalState.onUpdateRequiredObservable.notifyObservers()}})},t}(o.Component),ie=function(e){function t(t){var n=e.call(this,t)||this;return n._localChange=!1,n.state={isExpanded:!1,value:n.props.target[n.props.propertyName].clone()},n}return u(t,e),t.prototype.shouldComponentUpdate=function(e,t){var n=e.target[e.propertyName];return!(n.equals(t.value)&&!this._localChange)&&(t.value=n.clone(),this._localChange=!1,!0)},t.prototype.switchExpandState=function(){this._localChange=!0,this.setState({isExpanded:!this.state.isExpanded})},t.prototype.raiseOnPropertyChanged=function(e){this.props.onChange&&this.props.onChange(this.state.value),this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:this.props.target,property:this.props.propertyName,value:this.state.value,initialValue:e})},t.prototype.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?o.createElement(Y,{icon:G}):o.createElement(Y,{icon:q});return o.createElement("div",{className:"vector3Line"},o.createElement("div",{className:"firstLine"},o.createElement("div",{className:"label",title:this.props.label},this.props.label),o.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)),o.createElement("div",{className:"expand hoverIcon",onClick:function(){return e.switchExpandState()},title:"Expand"},t)),this.state.isExpanded&&o.createElement("div",{className:"secondLine"},o.createElement(N,{globalState:this.props.globalState,label:"x",step:this.props.step,value:this.state.value.x,onChange:function(t){return e.updateStateX(t)}}),o.createElement(N,{globalState:this.props.globalState,label:"y",step:this.props.step,value:this.state.value.y,onChange:function(t){return e.updateStateY(t)}}),o.createElement(N,{globalState:this.props.globalState,label:"z",step:this.props.step,value:this.state.value.z,onChange:function(t){return e.updateStateZ(t)}})))},t.defaultProps={step:.001},t}(o.Component),se=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.render=function(){var e=this;return o.createElement(ie,{globalState:this.props.globalState,label:"Value",target:this.props.inputBlock,propertyName:"value",onChange:function(){e.props.globalState.onUpdateRequiredObservable.notifyObservers()}})},t}(o.Component),le=function(e){function t(t){var n=e.call(this,t)||this;return n._localChange=!1,n.state={isExpanded:!1,value:(n.props.value||n.props.target[n.props.propertyName]).clone()},n}return u(t,e),t.prototype.shouldComponentUpdate=function(e,t){var n=e.value||e.target[e.propertyName];return!(n.equals(t.value)&&!this._localChange)&&(t.value=n.clone(),this._localChange=!1,!0)},t.prototype.switchExpandState=function(){this._localChange=!0,this.setState({isExpanded:!this.state.isExpanded})},t.prototype.raiseOnPropertyChanged=function(e){this.props.onChange&&this.props.onChange(this.state.value),this.props.onPropertyChangedObservable&&this.props.propertyName&&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.value||this.props.target[this.props.propertyName]).clone();this.props.value?this.props.value.copyFrom(this.state.value):this.props.target[this.props.propertyName]=this.state.value,this.forceUpdate(),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?o.createElement(Y,{icon:G}):o.createElement(Y,{icon:q});return o.createElement("div",{className:"vector3Line"},o.createElement("div",{className:"firstLine"},o.createElement("div",{className:"label",title:this.props.label},this.props.label),o.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)),o.createElement("div",{className:"expand hoverIcon",onClick:function(){return e.switchExpandState()},title:"Expand"},t)),this.state.isExpanded&&o.createElement("div",{className:"secondLine"},o.createElement(N,{globalState:this.props.globalState,label:"x",step:this.props.step,value:this.state.value.x,onChange:function(t){return e.updateStateX(t)}}),o.createElement(N,{globalState:this.props.globalState,label:"y",step:this.props.step,value:this.state.value.y,onChange:function(t){return e.updateStateY(t)}}),o.createElement(N,{globalState:this.props.globalState,label:"z",step:this.props.step,value:this.state.value.z,onChange:function(t){return e.updateStateZ(t)}}),o.createElement(N,{globalState:this.props.globalState,label:"w",step:this.props.step,value:this.state.value.w,onChange:function(t){return e.updateStateW(t)}})))},t.defaultProps={step:.001},t}(o.Component),ce=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.render=function(){var e=this;return o.createElement(le,{globalState:this.props.globalState,label:"Value",target:this.props.inputBlock,propertyName:"value",onChange:function(){e.props.globalState.onUpdateRequiredObservable.notifyObservers()}})},t}(o.Component),ue=function(e){function t(t){var n=e.call(this,t)||this;return n._localChange=!1,n.state={value:n._getValue(t)},n}return u(t,e),t.prototype._getValue=function(e){return e.getSelection?e.getSelection(e.target):e.target&&e.propertyName?e.target[e.propertyName]:e.options[e.defaultIfNull||0]},t.prototype.setValue=function(e){this.setState({value:e})},t.prototype.shouldComponentUpdate=function(e,t){if(this._localChange)return this._localChange=!1,!0;var n=this._getValue(e);return null!=n&&n!==t.value&&(t.value=n,!0)},t.prototype.raiseOnPropertyChanged=function(e,t){this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:this.props.target,property:this.props.propertyName,value:e,initialValue:t})},t.prototype.updateValue=function(e){var t=this.props.valuesAreStrings?e:parseInt(e);this._localChange=!0;var n=this.state.value;this.props.noDirectUpdate||(this.props.target[this.props.propertyName]=t),this.setState({value:t}),this.raiseOnPropertyChanged(t,n),this.props.onSelect&&this.props.onSelect(t)},t.prototype.render=function(){var e,t=this;return o.createElement("div",{className:"listLine"},o.createElement("div",{className:"label"},this.props.label),o.createElement("div",{className:"options"+(this.props.className?" "+this.props.className:"")},o.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){return o.createElement("option",{key:e.label,value:e.value},e.label)})))))},t}(o.Component),pe=function(e){function t(t){var n=e.call(this,t)||this;n._localChange=!1;var r=n.props.target[n.props.propertyName].clone(),o=0;if(n.props.mode){var a=new s.Quaternion;r.decompose(void 0,a);var i=a.toEulerAngles();switch(n.props.mode){case 1:o=i.x;break;case 2:o=i.y;break;case 3:o=i.z}}return n.state={value:r,mode:n.props.mode||0,angle:o},n}return u(t,e),t.prototype.shouldComponentUpdate=function(e,t){var n=e.target[e.propertyName];return!n.equals(t.value)||this._localChange?(t.value=n.clone(),this._localChange=!1,!0):t.mode!==this.state.mode||t.angle!==this.state.angle},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.updateMatrix=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.updateRow=function(e,t){this._localChange=!0,this.state.value.setRow(t,e),this.updateMatrix()},t.prototype.updateBasedOnMode=function(e){switch(this.state.mode){case 1:s.Matrix.RotationXToRef(this.state.angle,this.state.value);break;case 2:s.Matrix.RotationYToRef(this.state.angle,this.state.value);break;case 3:s.Matrix.RotationZToRef(this.state.angle,this.state.value)}this.updateMatrix(),this.setState({angle:e})},t.prototype.render=function(){var e=this;return o.createElement("div",{className:"vector3Line"},o.createElement("div",{className:"firstLine"},o.createElement("div",{className:"label"},this.props.label)),o.createElement("div",{className:"secondLine"},o.createElement(ue,{label:"Mode",className:"no-right-margin",options:[{label:"User-defined",value:0},{label:"Rotation over X axis",value:1},{label:"Rotation over Y axis",value:2},{label:"Rotation over Z axis",value:3}],target:this,noDirectUpdate:!0,getSelection:function(){return e.state.mode},onSelect:function(t){e.props.target[e.props.propertyName]=s.Matrix.Identity(),s.Matrix.IdentityToRef(e.state.value),e.setState({mode:t,angle:0}),e.updateMatrix(),e.props.onModeChange&&e.props.onModeChange(t)}})),0===this.state.mode&&o.createElement("div",{className:"secondLine"},o.createElement(le,{globalState:this.props.globalState,label:"Row #0",value:this.state.value.getRow(0),onChange:function(t){return e.updateRow(t,0)}}),o.createElement(le,{globalState:this.props.globalState,label:"Row #1",value:this.state.value.getRow(1),onChange:function(t){return e.updateRow(t,1)}}),o.createElement(le,{globalState:this.props.globalState,label:"Row #2",value:this.state.value.getRow(2),onChange:function(t){return e.updateRow(t,2)}}),o.createElement(le,{globalState:this.props.globalState,label:"Row #3",value:this.state.value.getRow(3),onChange:function(t){return e.updateRow(t,3)}})),0!==this.state.mode&&o.createElement("div",{className:"secondLine"},o.createElement(O,{label:"Angle",minimum:0,maximum:2*Math.PI,useEuler:!0,step:.1,globalState:this.props.globalState,directValue:this.state.angle,onChange:function(t){return e.updateBasedOnMode(t)}})))},t}(o.Component),de=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.render=function(){var e=this;return o.createElement(pe,{globalState:this.props.globalState,label:"Value",target:this.props.inputBlock,propertyName:"value",onChange:function(){e.props.globalState.onUpdateRequiredObservable.notifyObservers()},mode:this.props.inputBlock.matrixMode,onModeChange:function(t){e.props.inputBlock.matrixMode=t}})},t}(o.Component),fe=function(e){function t(t){var n=e.call(this,t)||this;return n._localChange=!1,n.state={value:void 0!==n.props.value?n.props.value:n.props.target[n.props.propertyName]||""},n}return u(t,e),t.prototype.shouldComponentUpdate=function(e,t){if(this._localChange)return this._localChange=!1,!0;var n=void 0!==e.value?e.value:e.target[e.propertyName];return n!==t.value&&(t.value=n||"",!0)},t.prototype.raiseOnPropertyChanged=function(e,t){this.props.onChange?this.props.onChange(e):this.props.onPropertyChangedObservable&&this.props.onPropertyChangedObservable.notifyObservers({object:this.props.target,property:this.props.propertyName,value:e,initialValue:t})},t.prototype.updateValue=function(e,t){this._localChange=!0;var n=void 0!==this.props.value?this.props.value:this.props.target[this.props.propertyName];this.props.validator&&t&&0==this.props.validator(e)&&(e=n),this.setState({value:e}),t&&this.raiseOnPropertyChanged(e,n),this.props.propertyName&&(this.props.target[this.props.propertyName]=e)},t.prototype.render=function(){var e=this;return o.createElement("div",{className:this.props.multilines?"textInputArea":"textInputLine"},o.createElement("div",{className:"label"},this.props.label),o.createElement("div",{className:"value"},this.props.multilines&&o.createElement(o.Fragment,null,o.createElement("textarea",{value:this.state.value,onFocus:function(){return e.props.globalState.blockKeyboardEvents=!0},onChange:function(t){return e.updateValue(t.target.value,!1)},onKeyDown:function(t){13===t.keyCode&&e.updateValue(e.state.value,!0)},onBlur:function(t){e.updateValue(t.target.value,!0),e.props.globalState.blockKeyboardEvents=!1}})),!this.props.multilines&&o.createElement(o.Fragment,null,o.createElement("input",{value:this.state.value,onFocus:function(){return e.props.globalState.blockKeyboardEvents=!0},onChange:function(t){return e.updateValue(t.target.value,!1)},onKeyDown:function(t){13===t.keyCode&&e.updateValue(e.state.value,!0)},onBlur:function(t){e.updateValue(t.target.value,!0),e.props.globalState.blockKeyboardEvents=!1}}))))},t}(o.Component),he=function(e){function t(t){return e.call(this,t)||this}return u(t,e),t.prototype.onLink=function(){this.props.onLink&&this.props.onLink()},t.prototype.renderContent=function(){var e=this;return this.props.onLink?o.createElement("div",{className:"link-value",title:this.props.value,onClick:function(){return e.onLink()}},this.props.value||"no name"):o.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 o.createElement("div",{className:this.props.underline?"textLine underline":"textLine"},o.createElement("div",{className:"label"},this.props.label),this.renderContent())},t}(o.Component),me=function(e){function t(t){return e.call(this,t)||this}return u(t,e),t.prototype.render=function(){return o.createElement(o.Fragment,null,o.createElement(ge,{globalState:this.props.globalState,block:this.props.block}),o.createElement(ve,{globalState:this.props.globalState,block:this.props.block}))},t}(o.Component),ge=function(e){function t(t){return e.call(this,t)||this}return u(t,e),t.prototype.render=function(){var e=this;return o.createElement(o.Fragment,null,o.createElement(m,{title:"GENERAL"},(!this.props.block.isInput||!this.props.block.isAttribute)&&o.createElement(fe,{globalState:this.props.globalState,label:"Name",propertyName:"name",target:this.props.block,onChange:function(){return e.props.globalState.onUpdateRequiredObservable.notifyObservers()},validator:function(t){return!!e.props.block.validateBlockName(t)||(e.props.globalState.onErrorMessageDialogRequiredObservable.notifyObservers('"'+t+'" is a reserved name, please choose another'),!1)}}),o.createElement(he,{label:"Type",value:this.props.block.getClassName()}),o.createElement(fe,{globalState:this.props.globalState,label:"Comments",propertyName:"comments",target:this.props.block,onChange:function(){return e.props.globalState.onUpdateRequiredObservable.notifyObservers()}})))},t}(o.Component),ve=function(e){function t(t){return e.call(this,t)||this}return u(t,e),t.prototype.forceRebuild=function(e){e&&!e.update||this.props.globalState.onUpdateRequiredObservable.notifyObservers(),e&&!e.rebuild||this.props.globalState.onRebuildRequiredObservable.notifyObservers()},t.prototype.render=function(){var e=this,t=this.props.block._propStore;if(!t)return o.createElement(o.Fragment,null);for(var n={},r=[],a=function(t,a,l,c,u){var p=n[c];switch(p||(p=[],n[c]=p,r.push(c)),l){case s.PropertyTypeForEdition.Boolean:p.push(o.createElement(E,{label:a,target:i.props.block,propertyName:t,onValueChanged:function(){return e.forceRebuild(u.notifiers)}}));break;case s.PropertyTypeForEdition.Float:isNaN(u.min)||isNaN(u.max)||u.min===u.max?p.push(o.createElement(P,{globalState:i.props.globalState,label:a,propertyName:t,target:i.props.block,onChange:function(){return e.forceRebuild(u.notifiers)}})):p.push(o.createElement(O,{label:a,target:i.props.block,globalState:i.props.globalState,propertyName:t,step:Math.abs(u.max-u.min)/100,minimum:Math.min(u.min,u.max),maximum:u.max,onChange:function(){return e.forceRebuild(u.notifiers)}}));break;case s.PropertyTypeForEdition.Vector2:p.push(o.createElement(Z,{globalState:i.props.globalState,label:a,propertyName:t,target:i.props.block,onChange:function(){return e.forceRebuild(u.notifiers)}}));break;case s.PropertyTypeForEdition.List:p.push(o.createElement(ue,{label:a,options:u.options,target:i.props.block,propertyName:t,onSelect:function(){return e.forceRebuild(u.notifiers)}}))}},i=this,l=0,c=t;l0&&i.push({label:"Mesh attribute",value:1}),n.length>0&&i.push({label:"System value",value:2});return o.createElement("div",null,o.createElement(ge,{globalState:this.props.globalState,block:this.props.block}),o.createElement(m,{title:"PROPERTIES"},t.isUniform&&!t.isSystemValue&&t.animationType===s.AnimatedInputBlockTypes.None&&o.createElement(ue,{label:"Type",options:[{label:"None",value:0},{label:"Visible in the inspector",value:1},{label:"Constant",value:2}],target:t,noDirectUpdate:!0,getSelection:function(e){return e.visibleInInspector?1:e.isConstant?2:0},onSelect:function(n){switch(n){case 0:t.visibleInInspector=!1,t.isConstant=!1;break;case 1:t.visibleInInspector=!0,t.isConstant=!1;break;case 2:t.visibleInInspector=!1,t.isConstant=!0}e.forceUpdate(),e.props.globalState.onUpdateRequiredObservable.notifyObservers(),e.props.globalState.onRebuildRequiredObservable.notifyObservers()}}),t.visibleInInspector&&o.createElement(fe,{globalState:this.props.globalState,label:"Group",propertyName:"groupInInspector",target:this.props.block,onChange:function(){e.forceUpdate(),e.props.globalState.onUpdateRequiredObservable.notifyObservers(),e.props.globalState.onRebuildRequiredObservable.notifyObservers()}}),o.createElement(ue,{label:"Mode",options:i,target:t,noDirectUpdate:!0,getSelection:function(e){return e.isAttribute?1:e.isSystemValue?2:0},onSelect:function(o){switch(o){case 0:t.isUniform=!0,t.setAsSystemValue(null),e.setDefaultValue();break;case 1:t.setAsAttribute(r[0].value);break;case 2:t.setAsSystemValue(n[0].value)}e.forceUpdate(),e.props.globalState.onUpdateRequiredObservable.notifyObservers(),e.props.globalState.onRebuildRequiredObservable.notifyObservers()}}),t.isAttribute&&o.createElement(ue,{label:"Attribute",valuesAreStrings:!0,options:r,target:t,propertyName:"name",onSelect:function(n){t.setAsAttribute(n),e.forceUpdate(),e.props.globalState.onUpdateRequiredObservable.notifyObservers(),e.props.globalState.onRebuildRequiredObservable.notifyObservers()}}),t.isUniform&&a.length>0&&o.createElement(ue,{label:"Animation type",options:a,target:t,propertyName:"animationType",onSelect:function(t){e.forceUpdate(),e.props.globalState.onUpdateRequiredObservable.notifyObservers(),e.props.globalState.onRebuildRequiredObservable.notifyObservers()}}),t.isUniform&&!t.isSystemValue&&t.animationType===s.AnimatedInputBlockTypes.None&&this.renderValue(this.props.globalState),t.isUniform&&t.isSystemValue&&o.createElement(ue,{label:"System value",options:n,target:t,propertyName:"systemValue",onSelect:function(n){t.setAsSystemValue(n),e.forceUpdate(),e.props.globalState.onUpdateRequiredObservable.notifyObservers(),e.props.globalState.onRebuildRequiredObservable.notifyObservers()}})))},t}(o.Component),ke=function(e){function t(t){return e.call(this,t)||this}return u(t,e),t.prototype.render=function(){var e=this;return o.createElement(o.Fragment,null,o.createElement(ge,{globalState:this.props.globalState,block:this.props.block}),o.createElement(m,{title:"PROPERTIES"},o.createElement(E,{label:"Transform as direction",onSelect:function(t){var n=e.props.block;n.complementW=t?0:1,e.props.globalState.onRebuildRequiredObservable.notifyObservers()},isSelected:function(){return 0===e.props.block.complementW}})))},t}(o.Component),Se=n(73),Ee=n(51),Pe=function(e){function t(t){var n=e.call(this,t)||this;return n.state={gradient:t.step.step},n}return u(t,e),t.prototype.updateColor=function(e){this.props.step.color=s.Color3.FromHexString(e),this.props.onUpdateStep(),this.forceUpdate()},t.prototype.updateStep=function(e){this.props.step.step=e,this.setState({gradient:e}),this.props.onUpdateStep()},t.prototype.onPointerUp=function(){this.props.onCheckForReOrder()},t.prototype.render=function(){var e=this,t=this.props.step;return o.createElement("div",{className:"gradient-step"},o.createElement("div",{className:"step"},"#"+this.props.lineIndex),o.createElement("div",{className:"color"},o.createElement(ee,{value:t.color,globalState:this.props.globalState,onColorChanged:function(t){e.updateColor(t)}})),o.createElement("div",{className:"step-value"},o.createElement(P,{globalState:this.props.globalState,smallUI:!0,label:"",target:t,propertyName:"step",min:0,max:1,onEnter:function(){e.props.onUpdateStep(),e.props.onCheckForReOrder(),e.forceUpdate()}})),o.createElement("div",{className:"step-slider"},o.createElement("input",{className:"range",type:"range",step:.01,min:0,max:1,value:t.step,onPointerUp:function(t){return e.onPointerUp()},onChange:function(t){return e.updateStep(parseFloat(t.target.value))}})),o.createElement("div",{className:"gradient-copy",onClick:function(){e.props.onCopy&&e.props.onCopy()},title:"Copy Step"},o.createElement("img",{className:"img",src:Ee})),o.createElement("div",{className:"gradient-delete",onClick:function(){return e.props.onDelete()},title:"Delete Step"},o.createElement("img",{className:"img",src:Se})))},t}(o.Component),Te=function(e){function t(t){return e.call(this,t)||this}return u(t,e),t.prototype.componentDidMount=function(){var e=this,t=this.props.block;this.onValueChangedObserver=t.onValueChangedObservable.add((function(){e.forceUpdate(),e.props.globalState.onUpdateRequiredObservable.notifyObservers()}))},t.prototype.componentWillUnmount=function(){var e=this.props.block;this.onValueChangedObserver&&(e.onValueChangedObservable.remove(this.onValueChangedObserver),this.onValueChangedObserver=null)},t.prototype.forceRebuild=function(){this.props.globalState.onUpdateRequiredObservable.notifyObservers(),this.props.globalState.onRebuildRequiredObservable.notifyObservers()},t.prototype.deleteStep=function(e){var t=this.props.block,n=t.colorSteps.indexOf(e);n>-1&&(t.colorSteps.splice(n,1),t.colorStepsUpdated(),this.forceRebuild(),this.forceUpdate())},t.prototype.copyStep=function(e){var t=this.props.block,n=new s.GradientBlockColorStep(1,e.color);t.colorSteps.push(n),t.colorStepsUpdated(),this.forceRebuild(),this.forceUpdate()},t.prototype.addNewStep=function(){var e=this.props.block,t=new s.GradientBlockColorStep(1,s.Color3.White());e.colorSteps.push(t),e.colorStepsUpdated(),this.forceRebuild(),this.forceUpdate()},t.prototype.checkForReOrder=function(){var e=this.props.block;e.colorSteps.sort((function(e,t){return e.step===t.step?0:e.step>t.step?1:-1})),e.colorStepsUpdated(),this.props.globalState.onUpdateRequiredObservable.notifyObservers(),this.forceUpdate()},t.prototype.render=function(){var e=this,t=this.props.block;return o.createElement("div",null,o.createElement(ge,{globalState:this.props.globalState,block:this.props.block}),o.createElement(m,{title:"PROPERTIES"},o.createElement(ue,{label:"Type",options:[{label:"None",value:0},{label:"Visible in the inspector",value:1}],target:this.props.block,noDirectUpdate:!0,getSelection:function(e){return e.visibleInInspector?1:e.isConstant?2:0},onSelect:function(t){switch(t){case 0:e.props.block.visibleInInspector=!1;break;case 1:e.props.block.visibleInInspector=!0}e.forceUpdate(),e.props.globalState.onUpdateRequiredObservable.notifyObservers(),e.props.globalState.onRebuildRequiredObservable.notifyObservers()}})),o.createElement(m,{title:"STEPS"},o.createElement(_,{label:"Add new step",onClick:function(){return e.addNewStep()}}),t.colorSteps.map((function(t,n){return o.createElement(Pe,{globalState:e.props.globalState,onCheckForReOrder:function(){return e.checkForReOrder()},onUpdateStep:function(){return e.forceRebuild()},key:"step-"+n,lineIndex:n,step:t,onCopy:function(){return e.copyStep(t)},onDelete:function(){return e.deleteStep(t)}})}))))},t}(o.Component),Oe=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.render=function(){var e=this,t=this.props.globalState.nodeMaterial.getScene(),n=t.lights.map((function(e){return{label:e.name,value:e.name}}));n.splice(0,0,{label:"All",value:""});var r=this.props.block;return o.createElement("div",null,o.createElement(ge,{globalState:this.props.globalState,block:this.props.block}),o.createElement(m,{title:"PROPERTIES"},o.createElement(ue,{label:"Light",defaultIfNull:0,noDirectUpdate:!0,valuesAreStrings:!0,options:n,target:r,propertyName:"name",onSelect:function(n){r.light=""===n?null:t.getLightByName(n),e.forceUpdate(),e.props.globalState.onRebuildRequiredObservable.notifyObservers()}})))},t}(o.Component),Ne=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.render=function(){var e=this,t=this.props.globalState.nodeMaterial.getScene(),n=t.lights.map((function(e){return{label:e.name,value:e.name}})),r=this.props.block;return o.createElement("div",null,o.createElement(ge,{globalState:this.props.globalState,block:this.props.block}),o.createElement(m,{title:"PROPERTIES"},o.createElement(ue,{label:"Light",noDirectUpdate:!0,valuesAreStrings:!0,options:n,target:r,propertyName:"name",onSelect:function(n){r.light=t.getLightByName(n),e.forceUpdate(),e.props.globalState.onRebuildRequiredObservable.notifyObservers()}})))},t}(o.Component),Be=function(e){function t(t){var n=e.call(this,t)||this,r=n.textureBlock.texture;return n.state={isEmbedded:!r||"data"===r.name.substring(0,4),loadAsCubeTexture:r&&r.isCube,textureIsPrefiltered:!0},n}return u(t,e),Object.defineProperty(t.prototype,"textureBlock",{get:function(){return this.props.block},enumerable:!1,configurable:!0}),t.prototype.UNSAFE_componentWillUpdate=function(e,t){if(e.block!==this.props.block){var n=e.block.texture;t.isEmbedded=!n||"data"===n.name.substring(0,4),t.loadAsCubeTexture=n&&n.isCube}},t.prototype._generateRandomForCache=function(){return"xxxxxxxxxxxxxxxxxxxx".replace(/[x]/g,(function(e){return(10*Math.random()|0).toString()}))},t.prototype.updateAfterTextureLoad=function(){this.props.globalState.onUpdateRequiredObservable.notifyObservers(),this.props.globalState.onRebuildRequiredObservable.notifyObservers(),this.forceUpdate()},t.prototype.removeTexture=function(){var e=this.textureBlock.texture;e&&(e.dispose(),e=null,this.textureBlock.texture=null),this.updateAfterTextureLoad()},t.prototype._prepareTexture=function(){var e=this.textureBlock.texture;e&&e.isCube!==this.state.loadAsCubeTexture&&(e.dispose(),e=null),e||(this.state.loadAsCubeTexture?(this.textureBlock.texture=new s.CubeTexture("",this.props.globalState.nodeMaterial.getScene()),(e=this.textureBlock.texture).coordinatesMode=s.Texture.CUBIC_MODE):(this.textureBlock.texture=new s.Texture(null,this.props.globalState.nodeMaterial.getScene(),!1,this.textureBlock instanceof s.ReflectionTextureBlock||this.textureBlock instanceof s.ReflectionBlock||this.textureBlock instanceof s.RefractionBlock||this.props.globalState.mode===s.NodeMaterialModes.PostProcess),(e=this.textureBlock.texture).coordinatesMode=s.Texture.EQUIRECTANGULAR_MODE))},t.prototype.replaceTexture=function(e){var t=this;this._prepareTexture();var n=this.textureBlock.texture;s.Tools.ReadFile(e,(function(r){var o=new Blob([r],{type:"octet/stream"}),a=new FileReader;a.readAsDataURL(o),a.onloadend=function(){var r=a.result,o=void 0;e.name.toLowerCase().indexOf(".dds")>0?o=".dds":e.name.toLowerCase().indexOf(".env")>0&&(o=".env"),n.isCube?n.updateURL(r,o,(function(){return t.updateAfterTextureLoad()}),t.state.textureIsPrefiltered):n.updateURL(r,o,(function(){return t.updateAfterTextureLoad()}))}}),void 0,!0)},t.prototype.replaceTextureWithUrl=function(e){var t=this;this._prepareTexture();var n=this.textureBlock.texture;if(n.isCube||this.textureBlock instanceof s.ReflectionTextureBlock||this.textureBlock instanceof s.ReflectionBlock||this.textureBlock instanceof s.RefractionBlock){var r=void 0;e.toLowerCase().indexOf(".dds")>0?r=".dds":e.toLowerCase().indexOf(".env")>0&&(r=".env"),n.updateURL(e,r,(function(){return t.updateAfterTextureLoad()}),this.state.textureIsPrefiltered)}else n.updateURL(e,null,(function(){return t.updateAfterTextureLoad()}))},t.prototype.render=function(){var e=this,t="",n=this.textureBlock.texture;n&&n.name&&"data"!==n.name.substring(0,4)&&(t=n.name),t=t.replace(/\?nocache=\d+/,"");var r=this.textureBlock instanceof s.ReflectionTextureBlock||this.textureBlock instanceof s.ReflectionBlock||this.textureBlock instanceof s.RefractionBlock,a=this.textureBlock instanceof s.CurrentScreenBlock||this.textureBlock instanceof s.ParticleTextureBlock,i=this.textureBlock instanceof s.ReflectionBlock,l=[{label:"Cubic",value:s.Texture.CUBIC_MODE},{label:"Equirectangular",value:s.Texture.EQUIRECTANGULAR_MODE},{label:"Explicit",value:s.Texture.EXPLICIT_MODE},{label:"Fixed equirectangular",value:s.Texture.FIXED_EQUIRECTANGULAR_MODE},{label:"Fixed mirrored equirectangular",value:s.Texture.FIXED_EQUIRECTANGULAR_MIRRORED_MODE},{label:"Planar",value:s.Texture.PLANAR_MODE},{label:"Projection",value:s.Texture.PROJECTION_MODE},{label:"Skybox",value:s.Texture.SKYBOX_MODE},{label:"Spherical",value:s.Texture.SPHERICAL_MODE}];return o.createElement("div",null,o.createElement(ge,{globalState:this.props.globalState,block:this.props.block}),o.createElement(m,{title:"PROPERTIES"},o.createElement(E,{label:"Auto select UV",propertyName:"autoSelectUV",target:this.props.block,onValueChanged:function(){e.props.globalState.onUpdateRequiredObservable.notifyObservers()}}),!r&&o.createElement(E,{label:"Convert to gamma space",propertyName:"convertToGammaSpace",target:this.props.block,onValueChanged:function(){e.props.globalState.onUpdateRequiredObservable.notifyObservers()}}),!r&&o.createElement(E,{label:"Convert to linear space",propertyName:"convertToLinearSpace",target:this.props.block,onValueChanged:function(){e.props.globalState.onUpdateRequiredObservable.notifyObservers()}}),n&&i&&o.createElement(E,{label:"Is in gamma space",propertyName:"gammaSpace",target:n,onValueChanged:function(){e.props.globalState.onUpdateRequiredObservable.notifyObservers()}}),n&&r&&o.createElement(ue,{label:"Reflection mode",options:l,target:n,propertyName:"coordinatesMode",onSelect:function(t){n.coordinatesMode=t,e.forceUpdate(),e.props.globalState.onUpdateRequiredObservable.notifyObservers()}}),n&&!r&&!a&&o.createElement(E,{label:"Clamp U",isSelected:function(){return n.wrapU===s.Texture.CLAMP_ADDRESSMODE},onSelect:function(t){n.wrapU=t?s.Texture.CLAMP_ADDRESSMODE:s.Texture.WRAP_ADDRESSMODE,e.props.globalState.onUpdateRequiredObservable.notifyObservers()}}),n&&!r&&!a&&o.createElement(E,{label:"Clamp V",isSelected:function(){return n.wrapV===s.Texture.CLAMP_ADDRESSMODE},onSelect:function(t){n.wrapV=t?s.Texture.CLAMP_ADDRESSMODE:s.Texture.WRAP_ADDRESSMODE,e.props.globalState.onUpdateRequiredObservable.notifyObservers()}}),n&&!r&&!a&&o.createElement(P,{globalState:this.props.globalState,label:"Offset U",target:n,propertyName:"uOffset",onChange:function(){e.props.globalState.onUpdateRequiredObservable.notifyObservers()}}),n&&!r&&!a&&o.createElement(P,{globalState:this.props.globalState,label:"Offset V",target:n,propertyName:"vOffset",onChange:function(){e.props.globalState.onUpdateRequiredObservable.notifyObservers()}}),n&&!r&&!a&&o.createElement(P,{globalState:this.props.globalState,label:"Scale U",target:n,propertyName:"uScale",onChange:function(){e.props.globalState.onUpdateRequiredObservable.notifyObservers()}}),n&&!r&&!a&&o.createElement(P,{globalState:this.props.globalState,label:"Scale V",target:n,propertyName:"vScale",onChange:function(){e.props.globalState.onUpdateRequiredObservable.notifyObservers()}}),n&&!r&&!a&&o.createElement(O,{label:"Rotation U",target:n,globalState:this.props.globalState,propertyName:"uAng",minimum:0,maximum:2*Math.PI,useEuler:!0,step:.1,onChange:function(){e.props.globalState.onUpdateRequiredObservable.notifyObservers()}}),n&&!r&&!a&&o.createElement(O,{label:"Rotation V",target:n,globalState:this.props.globalState,propertyName:"vAng",minimum:0,maximum:2*Math.PI,useEuler:!0,step:.1,onChange:function(){e.props.globalState.onUpdateRequiredObservable.notifyObservers()}}),n&&!r&&!a&&o.createElement(O,{label:"Rotation W",target:n,globalState:this.props.globalState,propertyName:"wAng",minimum:0,maximum:2*Math.PI,useEuler:!0,step:.1,onChange:function(){e.props.globalState.onUpdateRequiredObservable.notifyObservers()}})),o.createElement(m,{title:"SOURCE"},o.createElement(E,{label:"Embed static texture",isSelected:function(){return e.state.isEmbedded},onSelect:function(t){e.setState({isEmbedded:t}),e.textureBlock.texture=null,e.updateAfterTextureLoad()}}),r&&o.createElement(E,{label:"Load as cube texture",isSelected:function(){return e.state.loadAsCubeTexture},onSelect:function(t){return e.setState({loadAsCubeTexture:t})}}),r&&this.state.loadAsCubeTexture&&o.createElement(E,{label:"      Texture is prefiltered",isSelected:function(){return e.state.textureIsPrefiltered},onSelect:function(t){return e.setState({textureIsPrefiltered:t})}}),this.state.isEmbedded&&o.createElement(k,{label:"Upload",onClick:function(t){return e.replaceTexture(t)},accept:".jpg, .png, .tga, .dds, .env"}),!this.state.isEmbedded&&o.createElement(fe,{label:"Link",globalState:this.props.globalState,value:t,onChange:function(t){return e.replaceTextureWithUrl(t)}}),!this.state.isEmbedded&&t&&o.createElement(_,{label:"Refresh",onClick:function(){return e.replaceTextureWithUrl(t+"?nocache="+e._generateRandomForCache())}}),n&&o.createElement(_,{label:"Remove",onClick:function(){return e.removeTexture()}})),o.createElement(ve,{globalState:this.props.globalState,block:this.props.block}))},t}(o.Component),Le=function(e){function t(t){return e.call(this,t)||this}return u(t,e),t.prototype.render=function(){var e=this,t=this.props.block,n=[{label:"Cos",value:s.TrigonometryBlockOperations.Cos},{label:"Sin",value:s.TrigonometryBlockOperations.Sin},{label:"Abs",value:s.TrigonometryBlockOperations.Abs},{label:"Exp",value:s.TrigonometryBlockOperations.Exp},{label:"Exp2",value:s.TrigonometryBlockOperations.Exp2},{label:"Round",value:s.TrigonometryBlockOperations.Round},{label:"Ceiling",value:s.TrigonometryBlockOperations.Ceiling},{label:"Floor",value:s.TrigonometryBlockOperations.Floor},{label:"ArcCos",value:s.TrigonometryBlockOperations.ArcCos},{label:"ArcSin",value:s.TrigonometryBlockOperations.ArcSin},{label:"ArcTan",value:s.TrigonometryBlockOperations.ArcTan},{label:"Tan",value:s.TrigonometryBlockOperations.Tan},{label:"Log",value:s.TrigonometryBlockOperations.Log},{label:"Fract",value:s.TrigonometryBlockOperations.Fract},{label:"Sign",value:s.TrigonometryBlockOperations.Sign},{label:"Radians to degrees",value:s.TrigonometryBlockOperations.Degrees},{label:"Degrees to radians",value:s.TrigonometryBlockOperations.Radians}];return n.sort((function(e,t){return e.label.localeCompare(t.label)})),o.createElement("div",null,o.createElement(ge,{globalState:this.props.globalState,block:this.props.block}),o.createElement(m,{title:"PROPERTIES"},o.createElement(ue,{label:"Operation",options:n,target:t,propertyName:"operation",onSelect:function(t){e.props.globalState.onUpdateRequiredObservable.notifyObservers(),e.props.globalState.onRebuildRequiredObservable.notifyObservers(),e.forceUpdate()}})))},t}(o.Component),Me=function(){function e(){}return e.RegisteredControls={},e}();Me.RegisteredControls.TransformBlock=ke,Me.RegisteredControls.InputBlock=Ce,Me.RegisteredControls.GradientBlock=Te,Me.RegisteredControls.LightBlock=Oe,Me.RegisteredControls.LightInformationBlock=Ne,Me.RegisteredControls.TextureBlock=Be,Me.RegisteredControls.ReflectionTextureBlock=Be,Me.RegisteredControls.ReflectionBlock=Be,Me.RegisteredControls.RefractionBlock=Be,Me.RegisteredControls.CurrentScreenBlock=Be,Me.RegisteredControls.ParticleTextureBlock=Be,Me.RegisteredControls.TrigonometryBlock=Le;var Re=function(){function e(){}return e.GetBlockFromString=function(e,t,n){switch(e){case"DesaturateBlock":return new s.DesaturateBlock("Desaturate");case"RefractBlock":return new s.RefractBlock("Refract");case"ReflectBlock":return new s.ReflectBlock("Reflect");case"DerivativeBlock":return new s.DerivativeBlock("Derivative");case"Rotate2dBlock":return new s.Rotate2dBlock("Rotate2d");case"NormalBlendBlock":return new s.NormalBlendBlock("NormalBlend");case"WorleyNoise3DBlock":return new s.WorleyNoise3DBlock("WorleyNoise3D");case"SimplexPerlin3DBlock":return new s.SimplexPerlin3DBlock("SimplexPerlin3D");case"BonesBlock":return new s.BonesBlock("Bones");case"InstancesBlock":return new s.InstancesBlock("Instances");case"MorphTargetsBlock":return new s.MorphTargetsBlock("MorphTargets");case"DiscardBlock":return new s.DiscardBlock("Discard");case"ImageProcessingBlock":return new s.ImageProcessingBlock("ImageProcessing");case"ColorMergerBlock":return new s.ColorMergerBlock("ColorMerger");case"VectorMergerBlock":return new s.VectorMergerBlock("VectorMerger");case"ColorSplitterBlock":return new s.ColorSplitterBlock("ColorSplitter");case"VectorSplitterBlock":return new s.VectorSplitterBlock("VectorSplitter");case"TextureBlock":return new s.TextureBlock("Texture",n.mode===s.NodeMaterialModes.Particle);case"ReflectionTextureBlock":return new s.ReflectionTextureBlock("Reflection texture");case"LightBlock":return new s.LightBlock("Lights");case"FogBlock":return new s.FogBlock("Fog");case"VertexOutputBlock":return new s.VertexOutputBlock("VertexOutput");case"FragmentOutputBlock":return new s.FragmentOutputBlock("FragmentOutput");case"AddBlock":return new s.AddBlock("Add");case"ClampBlock":return new s.ClampBlock("Clamp");case"ScaleBlock":return new s.ScaleBlock("Scale");case"CrossBlock":return new s.CrossBlock("Cross");case"DotBlock":return new s.DotBlock("Dot");case"PowBlock":return new s.PowBlock("Pow");case"MultiplyBlock":return new s.MultiplyBlock("Multiply");case"TransformBlock":return new s.TransformBlock("Transform");case"TrigonometryBlock":return new s.TrigonometryBlock("Trigonometry");case"RemapBlock":return new s.RemapBlock("Remap");case"NormalizeBlock":return new s.NormalizeBlock("Normalize");case"FresnelBlock":return new s.FresnelBlock("Fresnel");case"LerpBlock":return new s.LerpBlock("Lerp");case"NLerpBlock":return new s.NLerpBlock("NLerp");case"DivideBlock":return new s.DivideBlock("Divide");case"SubtractBlock":return new s.SubtractBlock("Subtract");case"ModBlock":return new s.ModBlock("Mod");case"StepBlock":return new s.StepBlock("Step");case"SmoothStepBlock":return new s.SmoothStepBlock("Smooth step");case"OneMinusBlock":return new s.OneMinusBlock("One minus");case"ReciprocalBlock":return new s.ReciprocalBlock("Reciprocal");case"ViewDirectionBlock":return new s.ViewDirectionBlock("View direction");case"LightInformationBlock":var r=new s.LightInformationBlock("Light information");return r.light=t.lights.length?t.lights[0]:null,r;case"MaxBlock":return new s.MaxBlock("Max");case"MinBlock":return new s.MinBlock("Min");case"LengthBlock":return new s.LengthBlock("Length");case"DistanceBlock":return new s.DistanceBlock("Distance");case"NegateBlock":return new s.NegateBlock("Negate");case"PerturbNormalBlock":return new s.PerturbNormalBlock("Perturb normal");case"RandomNumberBlock":return new s.RandomNumberBlock("Random number");case"ReplaceColorBlock":return new s.ReplaceColorBlock("Replace color");case"PosterizeBlock":return new s.PosterizeBlock("Posterize");case"ArcTan2Block":return new s.ArcTan2Block("ArcTan2");case"GradientBlock":return new s.GradientBlock("Gradient");case"FrontFacingBlock":return new s.FrontFacingBlock("Front facing");case"CosBlock":var o=new s.TrigonometryBlock("Cos");return o.operation=s.TrigonometryBlockOperations.Cos,o;case"SinBlock":var a=new s.TrigonometryBlock("Sin");return a.operation=s.TrigonometryBlockOperations.Sin,a;case"AbsBlock":var i=new s.TrigonometryBlock("Abs");return i.operation=s.TrigonometryBlockOperations.Abs,i;case"SqrtBlock":var l=new s.TrigonometryBlock("Sqrt");return l.operation=s.TrigonometryBlockOperations.Sqrt,l;case"ArcCosBlock":var c=new s.TrigonometryBlock("ArcCos");return c.operation=s.TrigonometryBlockOperations.ArcCos,c;case"ArcSinBlock":var u=new s.TrigonometryBlock("ArcSin");return u.operation=s.TrigonometryBlockOperations.ArcSin,u;case"TanBlock":var p=new s.TrigonometryBlock("Tan");return p.operation=s.TrigonometryBlockOperations.Tan,p;case"ArcTanBlock":var d=new s.TrigonometryBlock("ArcTan");return d.operation=s.TrigonometryBlockOperations.ArcTan,d;case"FractBlock":var f=new s.TrigonometryBlock("Fract");return f.operation=s.TrigonometryBlockOperations.Fract,f;case"SignBlock":var h=new s.TrigonometryBlock("Sign");return h.operation=s.TrigonometryBlockOperations.Sign,h;case"LogBlock":var m=new s.TrigonometryBlock("Log");return m.operation=s.TrigonometryBlockOperations.Log,m;case"ExpBlock":var g=new s.TrigonometryBlock("Exp");return g.operation=s.TrigonometryBlockOperations.Exp,g;case"Exp2Block":var v=new s.TrigonometryBlock("Exp2");return v.operation=s.TrigonometryBlockOperations.Exp2,v;case"DegreesToRadiansBlock":var b=new s.TrigonometryBlock("Degrees to radians");return b.operation=s.TrigonometryBlockOperations.Radians,b;case"RadiansToDegreesBlock":var y=new s.TrigonometryBlock("Radians to degrees");return y.operation=s.TrigonometryBlockOperations.Degrees,y;case"RoundBlock":var x=new s.TrigonometryBlock("Round");return x.operation=s.TrigonometryBlockOperations.Round,x;case"CeilingBlock":var w=new s.TrigonometryBlock("Ceiling");return w.operation=s.TrigonometryBlockOperations.Ceiling,w;case"FloorBlock":var _=new s.TrigonometryBlock("Floor");return _.operation=s.TrigonometryBlockOperations.Floor,_;case"SawToothWaveBlock":var C=new s.WaveBlock("SawTooth wave");return C.kind=s.WaveBlockKind.SawTooth,C;case"SquareWaveBlock":var k=new s.WaveBlock("Square wave");return k.kind=s.WaveBlockKind.Square,k;case"TriangleWaveBlock":var S=new s.WaveBlock("Triangle wave");return S.kind=s.WaveBlockKind.Triangle,S;case"WorldMatrixBlock":return(Y=new s.InputBlock("World")).setAsSystemValue(s.NodeMaterialSystemValues.World),Y;case"WorldViewMatrixBlock":var E=new s.InputBlock("World x View");return E.setAsSystemValue(s.NodeMaterialSystemValues.WorldView),E;case"WorldViewProjectionMatrixBlock":var P=new s.InputBlock("World x View x Projection");return P.setAsSystemValue(s.NodeMaterialSystemValues.WorldViewProjection),P;case"ViewMatrixBlock":var T=new s.InputBlock("View");return T.setAsSystemValue(s.NodeMaterialSystemValues.View),T;case"ViewProjectionMatrixBlock":var O=new s.InputBlock("View x Projection");return O.setAsSystemValue(s.NodeMaterialSystemValues.ViewProjection),O;case"ProjectionMatrixBlock":var N=new s.InputBlock("Projection");return N.setAsSystemValue(s.NodeMaterialSystemValues.Projection),N;case"CameraPositionBlock":var B=new s.InputBlock("Camera position");return B.setAsSystemValue(s.NodeMaterialSystemValues.CameraPosition),B;case"FogColorBlock":var L=new s.InputBlock("Fog color");return L.setAsSystemValue(s.NodeMaterialSystemValues.FogColor),L;case"PositionBlock":return(M=new s.InputBlock("position")).setAsAttribute("position"),M;case"ScreenPositionBlock":var M;return(M=new s.InputBlock("position")).setAsAttribute("position2d"),M;case"UVBlock":var R=new s.InputBlock("uv");return R.setAsAttribute("uv"),R;case"ColorBlock":var I=new s.InputBlock("color");return I.setAsAttribute("color"),I;case"NormalBlock":var D=new s.InputBlock("normal");return D.setAsAttribute("normal"),D;case"TangentBlock":var F=new s.InputBlock("tangent");return F.setAsAttribute("tangent"),F;case"MatrixIndicesBlock":var A=new s.InputBlock("matricesIndices");return A.setAsAttribute("matricesIndices"),A;case"MatrixWeightsBlock":var z=new s.InputBlock("matricesWeights");return z.setAsAttribute("matricesWeights"),z;case"TimeBlock":var j=new s.InputBlock("Time",void 0,s.NodeMaterialBlockConnectionPointTypes.Float);return j.animationType=s.AnimatedInputBlockTypes.Time,j;case"DeltaTimeBlock":var U=new s.InputBlock("Delta time");return U.setAsSystemValue(s.NodeMaterialSystemValues.DeltaTime),U;case"WorldPositionBlock":var V=n.getInputBlockByPredicate((function(e){return e.isAttribute&&"position"===e.name}));V||(V=new s.InputBlock("position")).setAsAttribute("position"),(Y=n.getInputBlockByPredicate((function(e){return e.isSystemValue&&e.systemValue===s.NodeMaterialSystemValues.World})))||(Y=new s.InputBlock("World")).setAsSystemValue(s.NodeMaterialSystemValues.World);var W=new s.TransformBlock("World position");return V.connectTo(W),Y.connectTo(W),W;case"WorldNormalBlock":var H=n.getInputBlockByPredicate((function(e){return e.isAttribute&&"normal"===e.name}));H||(H=new s.InputBlock("normal")).setAsAttribute("normal"),(Y=n.getInputBlockByPredicate((function(e){return e.isSystemValue&&e.systemValue===s.NodeMaterialSystemValues.World})))||(Y=new s.InputBlock("World")).setAsSystemValue(s.NodeMaterialSystemValues.World);W=new s.TransformBlock("World normal");return H.connectTo(W),Y.connectTo(W),W;case"WorldTangentBlock":var Y,X=n.getInputBlockByPredicate((function(e){return e.isAttribute&&"tangent"===e.name}));X||(X=new s.InputBlock("tangent")).setAsAttribute("tangent"),(Y=n.getInputBlockByPredicate((function(e){return e.isSystemValue&&e.systemValue===s.NodeMaterialSystemValues.World})))||(Y=new s.InputBlock("World")).setAsSystemValue(s.NodeMaterialSystemValues.World);W=new s.TransformBlock("World tangent");return X.connectTo(W),Y.connectTo(W),W;case"PBRMetallicRoughnessBlock":return new s.PBRMetallicRoughnessBlock("PBRMetallicRoughness");case"SheenBlock":return new s.SheenBlock("Sheen");case"AnisotropyBlock":return new s.AnisotropyBlock("Anisotropy");case"ReflectionBlock":return new s.ReflectionBlock("Reflection");case"ClearCoatBlock":return new s.ClearCoatBlock("ClearCoat");case"RefractionBlock":return new s.RefractionBlock("Refraction");case"SubSurfaceBlock":return new s.SubSurfaceBlock("SubSurface");case"CurrentScreenBlock":return new s.CurrentScreenBlock("CurrentScreen");case"ParticleUVBlock":var G=new s.InputBlock("uv");return G.setAsAttribute("particle_uv"),G;case"ParticleTextureBlock":return new s.ParticleTextureBlock("ParticleTexture");case"ParticleColorBlock":var q=new s.InputBlock("Color");return q.setAsAttribute("particle_color"),q;case"ParticleTextureMaskBlock":var Z=new s.InputBlock("TextureMask");return Z.setAsAttribute("particle_texturemask"),Z;case"ParticlePositionWorldBlock":var Q=new s.InputBlock("PositionWorld");return Q.setAsAttribute("particle_positionw"),Q;case"ParticleRampGradientBlock":return new s.ParticleRampGradientBlock("ParticleRampGradient");case"ParticleBlendMultiplyBlock":return new s.ParticleBlendMultiplyBlock("ParticleBlendMultiply");case"FragCoordBlock":return new s.FragCoordBlock("FragCoord");case"ScreenSizeBlock":return new s.ScreenSizeBlock("ScreenSize")}return null},e.GetColorFromConnectionNodeType=function(e){var t="#880000";switch(e){case s.NodeMaterialBlockConnectionPointTypes.Float:t="#cb9e27";break;case s.NodeMaterialBlockConnectionPointTypes.Vector2:t="#16bcb1";break;case s.NodeMaterialBlockConnectionPointTypes.Vector3:case s.NodeMaterialBlockConnectionPointTypes.Color3:t="#b786cb";break;case s.NodeMaterialBlockConnectionPointTypes.Vector4:case s.NodeMaterialBlockConnectionPointTypes.Color4:t="#be5126";break;case s.NodeMaterialBlockConnectionPointTypes.Matrix:t="#591990";break;case s.NodeMaterialBlockConnectionPointTypes.Object:t="#6174FA"}return t},e.GetConnectionNodeTypeFromString=function(e){switch(e){case"Float":return s.NodeMaterialBlockConnectionPointTypes.Float;case"Vector2":return s.NodeMaterialBlockConnectionPointTypes.Vector2;case"Vector3":return s.NodeMaterialBlockConnectionPointTypes.Vector3;case"Vector4":return s.NodeMaterialBlockConnectionPointTypes.Vector4;case"Matrix":return s.NodeMaterialBlockConnectionPointTypes.Matrix;case"Color3":return s.NodeMaterialBlockConnectionPointTypes.Color3;case"Color4":return s.NodeMaterialBlockConnectionPointTypes.Color4}return s.NodeMaterialBlockConnectionPointTypes.AutoDetect},e.GetStringFromConnectionNodeType=function(e){switch(e){case s.NodeMaterialBlockConnectionPointTypes.Float:return"Float";case s.NodeMaterialBlockConnectionPointTypes.Vector2:return"Vector2";case s.NodeMaterialBlockConnectionPointTypes.Vector3:return"Vector3";case s.NodeMaterialBlockConnectionPointTypes.Vector4:return"Vector4";case s.NodeMaterialBlockConnectionPointTypes.Color3:return"Color3";case s.NodeMaterialBlockConnectionPointTypes.Color4:return"Color4";case s.NodeMaterialBlockConnectionPointTypes.Matrix:return"Matrix"}return""},e}(),Ie={position2d:"position",particle_uv:"uv",particle_color:"color",particle_texturemask:"textureMask",particle_positionw:"positionW"},De={position2d:"screen",particle_uv:"particle",particle_color:"particle",particle_texturemask:"particle",particle_positionw:"particle"},Fe=function(){function e(){}return e.prototype.getHeaderClass=function(e){var t=e;return t.isConstant?"constant":t.visibleInInspector?"inspector":""},e.prototype.shouldDisplayPortLabels=function(e){return!1},e.prototype.getHeaderText=function(e){var t=e,n=t.name+" ("+C.GetBaseType(t.output.type)+")";return t.isAttribute&&(n=C.GetBaseType(t.output.type)),n},e.prototype.getBackgroundColor=function(e){var t="",n=e;switch(n.type){case s.NodeMaterialBlockConnectionPointTypes.Color3:case s.NodeMaterialBlockConnectionPointTypes.Color4:if(n.value){t=n.value.toHexString();break}default:t=Re.GetColorFromConnectionNodeType(n.type)}return t},e.prototype.updatePreviewContent=function(e,t){var n,r,o="",a=e;if(a.isAttribute){var i=null!==(n=Ie[a.name])&&void 0!==n?n:a.name;o=(null!==(r=De[a.name])&&void 0!==r?r:"mesh")+"."+i}else if(a.isSystemValue)switch(a.systemValue){case s.NodeMaterialSystemValues.World:o="World";break;case s.NodeMaterialSystemValues.WorldView:o="World x View";break;case s.NodeMaterialSystemValues.WorldViewProjection:o="World x View x Projection";break;case s.NodeMaterialSystemValues.View:o="View";break;case s.NodeMaterialSystemValues.ViewProjection:o="View x Projection";break;case s.NodeMaterialSystemValues.Projection:o="Projection";break;case s.NodeMaterialSystemValues.CameraPosition:o="Camera position";break;case s.NodeMaterialSystemValues.FogColor:o="Fog color";break;case s.NodeMaterialSystemValues.DeltaTime:o="Delta time"}else switch(a.type){case s.NodeMaterialBlockConnectionPointTypes.Float:o=a.animationType!==s.AnimatedInputBlockTypes.None?s.AnimatedInputBlockTypes[a.animationType]:a.value.toFixed(2);break;case s.NodeMaterialBlockConnectionPointTypes.Vector2:var l=a.value;o="("+l.x.toFixed(2)+", "+l.y.toFixed(2)+")";break;case s.NodeMaterialBlockConnectionPointTypes.Vector3:var c=a.value;o="("+c.x.toFixed(2)+", "+c.y.toFixed(2)+", "+c.z.toFixed(2)+")";break;case s.NodeMaterialBlockConnectionPointTypes.Vector4:var u=a.value;o="("+u.x.toFixed(2)+", "+u.y.toFixed(2)+", "+u.z.toFixed(2)+", "+u.w.toFixed(2)+")"}t.innerHTML=o,t.classList.add("input-block")},e}(),Ae=function(){function e(){}return e.prototype.getHeaderClass=function(e){return""},e.prototype.shouldDisplayPortLabels=function(e){return!0},e.prototype.getHeaderText=function(e){return e.name},e.prototype.getBackgroundColor=function(e){return"rgb(106, 44, 131)"},e.prototype.updatePreviewContent=function(e,t){t.classList.add("output-block")},e}(),ze=function(){function e(){}return e.prototype.getHeaderClass=function(e){return""},e.prototype.shouldDisplayPortLabels=function(e){return!1},e.prototype.getHeaderText=function(e){return e.name},e.prototype.getBackgroundColor=function(e){return"#4086BB"},e.prototype.updatePreviewContent=function(e,t){var n=e;t.classList.add("clamp-block"),t.innerHTML="["+n.minimum+", "+n.maximum+"]"},e}(),je=function(){function e(){}return e.prototype.getHeaderClass=function(e){return""},e.prototype.shouldDisplayPortLabels=function(e){return!1},e.prototype.getHeaderText=function(e){return e.name},e.prototype.getBackgroundColor=function(e){var t=e.colorSteps.map((function(e){return"rgb("+255*e.color.r+", "+255*e.color.g+", "+255*e.color.b+") "+100*e.step+"%"}));return t.length?"linear-gradient(90deg, "+t.join(", ")+")":"black"},e.prototype.updatePreviewContent=function(e,t){t.classList.add("gradient-block")},e}(),Ue=function(){function e(){}return e.prototype.getHeaderClass=function(e){return""},e.prototype.shouldDisplayPortLabels=function(e){return!0},e.prototype.getHeaderText=function(e){return e.name},e.prototype.getBackgroundColor=function(e){return"#4086BB"},e.prototype._extractInputValue=function(e){var t=e.connectedPoint.ownerBlock;if(t.isInput){var n=t;if(n.isUniform&&!n.isSystemValue)return n.value}return"?"},e.prototype.updatePreviewContent=function(e,t){var n=e,r=n.sourceMin.isConnected?this._extractInputValue(n.sourceMin):n.sourceRange.x,o=n.sourceMax.isConnected?this._extractInputValue(n.sourceMax):n.sourceRange.y,a=n.targetMin.isConnected?this._extractInputValue(n.targetMin):n.targetRange.x,i=n.targetMax.isConnected?this._extractInputValue(n.targetMax):n.targetRange.y;t.classList.add("remap-block"),t.innerHTML="["+r+", "+o+"] -> ["+a+", "+i+"]"},e}(),Ve=function(){function e(){}return e.prototype.getHeaderClass=function(e){return""},e.prototype.shouldDisplayPortLabels=function(e){return!1},e.prototype.getHeaderText=function(e){return e.name},e.prototype.getBackgroundColor=function(e){return"#405C86"},e.prototype.updatePreviewContent=function(e,t){var n=e;t.classList.add("trigonometry-block"),t.innerHTML=s.TrigonometryBlockOperations[n.operation]},e}(),We=function(e){function t(t){var n=e.call(this,t)||this;return n.state={displayRed:!0,displayGreen:!0,displayBlue:!0,displayAlpha:!0,face:0},n.canvasRef=o.createRef(),n}return u(t,e),t.prototype.shouldComponentUpdate=function(e,t){return!0},t.prototype.componentDidMount=function(){this.updatePreview()},t.prototype.componentDidUpdate=function(){this.updatePreview()},t.prototype.updatePreview=function(){t.UpdatePreview(this.canvasRef.current,this.props.texture,this.props.width,this.state,void 0,this.props.globalState)},t.UpdatePreview=function(e,n,r,o,a,i){!n.isReady()&&n._texture&&n._texture.onLoadedObservable.addOnce((function(){t.UpdatePreview(e,n,r,o,a,i)}));var l,c=n.getScene(),u=c.getEngine(),p=n.getSize(),d=p.width/p.height,f=r/d|1;if(n.isCube){var h=new s.PassCubePostProcess("pass",1,null,s.Texture.NEAREST_SAMPLINGMODE,u,!1,s.Constants.TEXTURETYPE_UNSIGNED_INT);h.face=o.face,l=h}else l=new s.PassPostProcess("pass",1,null,s.Texture.NEAREST_SAMPLINGMODE,u,!1,s.Constants.TEXTURETYPE_UNSIGNED_INT);if(!l.getEffect().isReady())return l.dispose(),void setTimeout((function(){return t.UpdatePreview(e,n,r,o,a,i)}),250);i&&(i.blockMutationUpdates=!0);var m=new s.RenderTargetTexture("temp",{width:r,height:f},c,!1);l.onApply=function(e){e.setTexture("textureSampler",n)};var g=m.getInternalTexture();if(g){c.postProcessManager.directRender([l],g);var v=4*r,b=f/2,y=u.readPixels(0,0,r,f);if(!(n.isCube||o.displayRed&&o.displayGreen&&o.displayBlue))for(var x=0;xe.x||t.righte.y||t.bottomt.right||e.bottomt.bottom);n.isSelected=r})),this._onFrameCreatedObserver=this._globalState.onFrameCreatedObservable.add((function(e){n._ownerCanvas.frames.some((function(e){return-1!==e.nodes.indexOf(n)}))||n.isOverlappingFrame(e)&&e.nodes.push(n)}))}return Object.defineProperty(e.prototype,"isVisible",{get:function(){return this._isVisible},set:function(e){this._isVisible=e,e?(this._visual.classList.remove("hidden"),this._upateNodePortNames()):this._visual.classList.add("hidden");for(var t=0,n=this._links;t-1&&this._ownerCanvas.selectedNodes.splice(t,1)}},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"enclosingFrameId",{get:function(){return this._enclosingFrameId},set:function(e){this._enclosingFrameId=e},enumerable:!1,configurable:!0}),e.prototype.isOverlappingFrame=function(e){var t=this._visual.getBoundingClientRect(),n=e.element.getBoundingClientRect();n.width-=5,n.height-=5;var r=!(n.rightt.right||n.bottomt.bottom);return r&&(this.enclosingFrameId=e.id),r},e.prototype.getPortForConnectionPoint=function(e){for(var t=0,n=this._inputPorts;t=0&&this._ownerCanvas.frames[i].isCollapsed&&this._ownerCanvas.frames[i].redrawFramePorts()}this._comments.innerHTML=this.block.comments||"",this._comments.title=this.block.comments||""},e.prototype._onDown=function(e){if(!e.srcElement||"IMG"!==e.srcElement.nodeName){-1===this._ownerCanvas.selectedNodes.indexOf(this)?this._globalState.onSelectionChangedObservable.notifyObservers(this):e.ctrlKey&&(this.isSelected=!1),e.stopPropagation();for(var t=0,n=this._ownerCanvas.selectedNodes;t-1&&this._links.splice(t,1),e.dispose()},t.prototype.appendBlock=function(e){var t=new Ze(e,this.props.globalState);return t.appendVisual(this._graphCanvas,this),this._nodes.push(t),t},t.prototype.distributeGraph=function(){var e=this;this.x=0,this.y=0,this.zoom=1;var t=new Qe.graphlib.Graph;t.setGraph({}),t.setDefaultEdgeLabel((function(){return{}})),t.graph().rankdir="LR",this._nodes.forEach((function(n){e._frames.some((function(e){return-1!==e.nodes.indexOf(n)}))||t.setNode(n.id.toString(),{id:n.id,type:"node",width:n.width,height:n.height})})),this._frames.forEach((function(e){t.setNode(e.id.toString(),{id:e.id,type:"frame",width:e.element.clientWidth,height:e.element.clientHeight})})),this._nodes.forEach((function(n){n.block.outputs.forEach((function(r){r.hasEndpoints&&r.endpoints.forEach((function(r){var o=e._frames.filter((function(e){return-1!==e.nodes.indexOf(n)})),a=e._frames.filter((function(e){return e.nodes.some((function(e){return e.block===r.ownerBlock}))})),i=o.length>0?o[0].id:n.id,s=a.length>0?a[0].id:r.ownerBlock.uniqueId;t.setEdge(i.toString(),s.toString())}))}))})),Qe.layout(t),t.nodes().map((function(e){return t.node(e)})).forEach((function(t){if(t)if("node"!==t.type)for(var n=0,r=e._frames;nthis._selectionStartX?(this._selectionBox.style.left=this._selectionStartX/this.zoom+"px",this._selectionBox.style.width=(n-this._selectionStartX)/this.zoom+"px"):(this._selectionBox.style.left=n/this.zoom+"px",this._selectionBox.style.width=(this._selectionStartX-n)/this.zoom+"px"),r>this._selectionStartY?(this._selectionBox.style.top=this._selectionStartY/this.zoom+"px",this._selectionBox.style.height=(r-this._selectionStartY)/this.zoom+"px"):(this._selectionBox.style.top=r/this.zoom+"px",this._selectionBox.style.height=(this._selectionStartY-r)/this.zoom+"px"),void this.props.globalState.onSelectionBoxMoved.notifyObservers(this._selectionBox.getBoundingClientRect())}if(this._frameCandidate){t=this.canvasContainer.getBoundingClientRect(),n=e.pageX-t.left,r=e.pageY-t.top;return n>this._selectionStartX?(this._frameCandidate.style.left=this._selectionStartX/this.zoom+"px",this._frameCandidate.style.width=(n-this._selectionStartX)/this.zoom+"px"):(this._frameCandidate.style.left=n/this.zoom+"px",this._frameCandidate.style.width=(this._selectionStartX-n)/this.zoom+"px"),void(r>this._selectionStartY?(this._frameCandidate.style.top=this._selectionStartY/this.zoom+"px",this._frameCandidate.style.height=(r-this._selectionStartY)/this.zoom+"px"):(this._frameCandidate.style.top=r/this.zoom+"px",this._frameCandidate.style.height=(this._selectionStartY-r)/this.zoom+"px"))}if(this._candidateLink){t=this.canvasContainer.getBoundingClientRect();return this._candidatePort=null,this.props.globalState.onCandidateLinkMoved.notifyObservers(new s.Vector2(e.pageX,e.pageY)),this._dropPointX=(e.pageX-t.left)/this.zoom,this._dropPointY=(e.pageY-t.top)/this.zoom,this._candidateLink.update(this._dropPointX,this._dropPointY,!0),void(this._candidateLinkedHasMoved=!0)}if(this._altKeyIsPressed&&1===e.buttons){this._oldY<0&&(this._oldY=e.pageY);var o=(e.pageY-this._oldY)/10;if(Math.abs(o)>5){var a=this.zoom;this.zoom=Math.max(Math.min(this.MaxZoom,this.zoom+o/100),this.MinZoom);var i=e.currentTarget.getBoundingClientRect(),l=i.width,c=l*this.zoom-l*a,u=(e.clientX-i.left-this.x)/a/l;this.x=this.x-c*u,this._oldY=e.pageY}}else this._rootContainer.style.cursor="move",null!==this._mouseStartPointX&&null!==this._mouseStartPointY&&(this.x+=e.clientX-this._mouseStartPointX,this.y+=e.clientY-this._mouseStartPointY,this._mouseStartPointX=e.clientX,this._mouseStartPointY=e.clientY)},t.prototype.onDown=function(e){if(this._rootContainer.setPointerCapture(e.pointerId),e.currentTarget===this._hostCanvas&&e.ctrlKey){this._selectionBox=this.props.globalState.hostDocument.createElement("div"),this._selectionBox.classList.add("selection-box"),this._selectionContainer.appendChild(this._selectionBox);var t=this.canvasContainer.getBoundingClientRect();return this._selectionStartX=e.pageX-t.left,this._selectionStartY=e.pageY-t.top,this._selectionBox.style.left=this._selectionStartX/this.zoom+"px",this._selectionBox.style.top=this._selectionStartY/this.zoom+"px",this._selectionBox.style.width="0px",void(this._selectionBox.style.height="0px")}if(e.currentTarget===this._hostCanvas&&e.shiftKey){this._frameCandidate=this.props.globalState.hostDocument.createElement("div"),this._frameCandidate.classList.add("frame-box"),this._frameContainer.appendChild(this._frameCandidate);t=this.canvasContainer.getBoundingClientRect();return this._selectionStartX=e.pageX-t.left,this._selectionStartY=e.pageY-t.top,this._frameCandidate.style.left=this._selectionStartX/this.zoom+"px",this._frameCandidate.style.top=this._selectionStartY/this.zoom+"px",this._frameCandidate.style.width="0px",void(this._frameCandidate.style.height="0px")}if(e.nativeEvent.srcElement&&"IMG"===e.nativeEvent.srcElement.nodeName){if(!this._candidateLink){var n=e.nativeEvent.srcElement.parentElement.port;this._candidateLink=new Ke(this,n,n.node),this._candidateLinkedHasMoved=!1}}else this.props.globalState.onSelectionChangedObservable.notifyObservers(null),this._mouseStartPointX=e.clientX,this._mouseStartPointY=e.clientY},t.prototype.onUp=function(e){if(this._mouseStartPointX=null,this._mouseStartPointY=null,this._rootContainer.releasePointerCapture(e.pointerId),this._oldY=-1,this._candidateLink){if(this._candidateLinkedHasMoved)this.processCandidatePort(),this.props.globalState.onCandidateLinkMoved.notifyObservers(null);else if(this._candidateLink.portA instanceof nt){var t=this._candidateLink.portA,n=this.frames.find((function(e){return e.id===t.parentFrameId}));if(n){var r={frame:n,port:t};this.props.globalState.onSelectionChangedObservable.notifyObservers(r)}}else this._candidateLink.portA instanceof qe&&this.props.globalState.onSelectionChangedObservable.notifyObservers(this._candidateLink.portA);this._candidateLink.dispose(),this._candidateLink=null,this._candidatePort=null}if(this._selectionBox&&(this._selectionBox.parentElement.removeChild(this._selectionBox),this._selectionBox=null),this._frameCandidate){var o=new rt(this._frameCandidate,this);this._frames.push(o),this._frameCandidate.parentElement.removeChild(this._frameCandidate),this._frameCandidate=null,this.props.globalState.onSelectionChangedObservable.notifyObservers(o)}},t.prototype.onWheel=function(e){var t=e.deltaY<0?.1:-.1,n=this.zoom;this.zoom=Math.min(Math.max(this.MinZoom,this.zoom+t*this.zoom),this.MaxZoom);var r=e.currentTarget.getBoundingClientRect(),o=r.width,a=r.height,i=o*this.zoom-o*n,s=a*this.zoom-a*n,l=e.clientX-r.left,c=e.clientY-r.top,u=(l-this.x)/n/o,p=(c-this.y)/n/a;this.x=this.x-i*u,this.y=this.y-s*p,e.stopPropagation()},t.prototype.zoomToFit=function(){var e=this,t=0,n=0;this._nodes.forEach((function(r){e._frames.some((function(e){return-1!==e.nodes.indexOf(r)}))||(r.x0){var e=o._commentsElement.offsetHeight+40;o._minFrameHeight=e}},this._onRightHandlePointerDown=function(e){var t=o;t.isCollapsed||(o.initResizing(e),t._resizingDirection=$e.Right,t.mouseXLimit=e.clientX-(t.width-t._minFrameWidth),t._ownerCanvas.hostCanvas.addEventListener("pointerup",t._onRightHandlePointerUp),t._ownerCanvas.hostCanvas.addEventListener("pointermove",t._onRightHandlePointerMove))},this._onRightHandlePointerMove=function(e){var t=(o.element.offsetWidth-o._minFrameWidth)*o._ownerCanvas.zoom,n=o._mouseStartPointX-t;o._moveRightHandle(e,n)},this._moveRightHandle=function(e,t){var n=o;if(n.mouseXLimit){if(!n._isResizingRight()||null===n._mouseStartPointX||null===n._mouseStartPointY||e.clientXt)return;if(n._resizingDirection===$e.Left){e.stopPropagation();var r=(e.clientX-n._mouseStartPointX)/n._ownerCanvas.zoom;n._expandLeft(r),n._mouseStartPointX=e.clientX}}},this._onLeftHandlePointerUp=function(e){var t=o;t._resizingDirection===$e.Left&&(t.x=parseFloat(t.element.style.left.replace("px","")),t.width=parseFloat(t.element.style.width.replace("px","")),t._ownerCanvas.hostCanvas.removeEventListener("pointerup",t._onLeftHandlePointerUp),t._ownerCanvas.hostCanvas.removeEventListener("pointermove",t._onLeftHandlePointerMove),t.cleanUpResizing(e))},this._onTopHandlePointerDown=function(e){var t=o;t.isCollapsed||(t.initResizing(e),t._resizingDirection=$e.Top,t._ownerCanvas.hostCanvas.addEventListener("pointerup",t._onTopHandlePointerUp),t._ownerCanvas.hostCanvas.addEventListener("pointermove",t._onTopHandlePointerMove))},this._onTopHandlePointerMove=function(e){var t=(o.element.offsetHeight-o._minFrameHeight)*o._ownerCanvas.zoom,n=o._mouseStartPointY+t;o._moveTopHandle(e,n)},this._moveTopHandle=function(e,t){var n=o;if(n._isResizingTop()&&null!==n._mouseStartPointX&&null!==n._mouseStartPointY&&!(e.clientY>t)&&n._isResizingTop()){e.stopPropagation();var r=(e.clientY-n._mouseStartPointY)/n._ownerCanvas.zoom;n._expandTop(r),n._mouseStartPointY=e.clientY}},this._onTopHandlePointerUp=function(e){var t=o;t._isResizingTop()&&(t.y=parseFloat(t.element.style.top.replace("px","")),t.height=parseFloat(t.element.style.height.replace("px","")),t._ownerCanvas.hostCanvas.removeEventListener("pointerup",t._onTopHandlePointerUp),t._ownerCanvas.hostCanvas.removeEventListener("pointermove",t._onTopHandlePointerMove),t.cleanUpResizing(e))},this._onTopRightHandlePointerDown=function(e){var t=o;t.isCollapsed||(t.initResizing(e),t._resizingDirection=$e.TopRight,t._ownerCanvas.hostCanvas.addEventListener("pointerup",t._onTopRightHandlePointerUp),t._ownerCanvas.hostCanvas.addEventListener("pointermove",t._onTopRightHandlePointerMove))},this._onTopRightHandlePointerMove=function(e){var t=(o.element.offsetHeight-o._minFrameHeight)*o._ownerCanvas.zoom,n=o._mouseStartPointY+t,r=(o.element.offsetWidth-o._minFrameWidth)*o._ownerCanvas.zoom,a=o._mouseStartPointX-r;o._moveTopRightHandle(e,a,n)},this._moveTopRightHandle=function(e,t,n){var r=o;if(r._isResizingTop()&&r._isResizingRight()&&null!==r._mouseStartPointX&&null!==r._mouseStartPointY&&r._isResizingRight()&&r._isResizingTop())if(e.stopPropagation(),e.clientYt){var a=(e.clientX-r._mouseStartPointX)/r._ownerCanvas.zoom;r._expandRight(a,e.clientX),r._mouseStartPointX=e.clientX;var i=(e.clientY-r._mouseStartPointY)/r._ownerCanvas.zoom;r._expandTop(i),r._mouseStartPointY=e.clientY}else if(e.clientY>n&&e.clientX>t){a=(e.clientX-r._mouseStartPointX)/r._ownerCanvas.zoom;r._expandRight(a,e.clientX),r._mouseStartPointX=e.clientX}else if(e.clientYn&&e.clientX>t){var a=(e.clientX-r._mouseStartPointX)/r._ownerCanvas.zoom;r._expandRight(a,e.clientX),r._mouseStartPointX=e.clientX;var i=(e.clientY-r._mouseStartPointY)/r._ownerCanvas.zoom;r._expandBottom(i),r._mouseStartPointY=e.clientY}else if(e.clientYt){a=(e.clientX-r._mouseStartPointX)/r._ownerCanvas.zoom;r._expandRight(a,e.clientX),r._mouseStartPointX=e.clientX}else if(e.clientY>n&&e.clientXn&&e.clientXn&&e.clientX>t){i=(e.clientY-r._mouseStartPointY)/r._ownerCanvas.zoom;r._expandBottom(i),r._mouseStartPointY=e.clientY}},this._onBottomLeftHandlePointerUp=function(e){e.stopPropagation();var t=o;t._resizingDirection===$e.BottomLeft&&(t.height=parseFloat(t.element.style.height.replace("px","")),t.x=parseFloat(t.element.style.left.replace("px","")),t.width=parseFloat(t.element.style.width.replace("px","")),t._ownerCanvas.hostCanvas.removeEventListener("pointerup",t._onBottomLeftHandlePointerUp),t._ownerCanvas.hostCanvas.removeEventListener("pointermove",t._onBottomLeftHandlePointerMove),t.cleanUpResizing(e))},this._onTopLeftHandlePointerDown=function(e){var t=o;t.isCollapsed||(t.initResizing(e),t._resizingDirection=$e.TopLeft,t.mouseXLimit=e.clientX+t.width-t._minFrameWidth,t._ownerCanvas.hostCanvas.addEventListener("pointerup",t._onTopLeftHandlePointerUp),t._ownerCanvas.hostCanvas.addEventListener("pointermove",t._onTopLeftHandlePointerMove))},this._onTopLeftHandlePointerMove=function(e){var t=(o.element.offsetHeight-o._minFrameHeight)*o._ownerCanvas.zoom,n=o._mouseStartPointY+t,r=(o.element.offsetWidth-o._minFrameWidth)*o._ownerCanvas.zoom,a=o._mouseStartPointX+r;o._moveTopLeftHandle(e,a,n)},this._moveTopLeftHandle=function(e,t,n){var r=o;if(r._isResizingTop()&&r._isResizingLeft()&&null!==r._mouseStartPointX&&null!==r._mouseStartPointY&&r._isResizingLeft()&&r._isResizingTop())if(e.stopPropagation(),e.clientYn&&e.clientXt){i=(e.clientY-r._mouseStartPointY)/r._ownerCanvas.zoom;r._expandTop(i),r._mouseStartPointY=e.clientY}},this._onTopLeftHandlePointerUp=function(e){e.stopPropagation();var t=o;t._resizingDirection===$e.TopLeft&&(t.y=parseFloat(t.element.style.top.replace("px","")),t.height=parseFloat(t.element.style.height.replace("px","")),t.x=parseFloat(t.element.style.left.replace("px","")),t.width=parseFloat(t.element.style.width.replace("px","")),t._ownerCanvas.hostCanvas.removeEventListener("pointerup",t._onTopLeftHandlePointerUp),t._ownerCanvas.hostCanvas.removeEventListener("pointermove",t._onTopLeftHandlePointerMove),t.cleanUpResizing(e))},this._id=e._FrameCounter++,this._ownerCanvas=n;var a=n.frameContainer;this.element=a.ownerDocument.createElement("div"),this.element.classList.add("frame-box"),a.appendChild(this.element),this._headerElement=a.ownerDocument.createElement("div"),this._headerElement.classList.add("frame-box-header"),this._headerElement.addEventListener("dblclick",(function(){o.isCollapsed=!o.isCollapsed})),this.element.appendChild(this._headerElement),this._borderElement=a.ownerDocument.createElement("div"),this._borderElement.classList.add("frame-box-border"),this.element.appendChild(this._borderElement);var i=a.ownerDocument.createElement("div");i.className="handle right-handle",this.element.appendChild(i),i.addEventListener("pointerdown",this._onRightHandlePointerDown);var l=a.ownerDocument.createElement("div");l.className="handle left-handle",this.element.appendChild(l),l.addEventListener("pointerdown",this._onLeftHandlePointerDown);var c=a.ownerDocument.createElement("div");c.className="handle bottom-handle",this.element.appendChild(c),c.addEventListener("pointerdown",this._onBottomHandlePointerDown);var u=a.ownerDocument.createElement("div");u.className="handle top-handle",this.element.appendChild(u),u.addEventListener("pointerdown",this._onTopHandlePointerDown);var p=a.ownerDocument.createElement("div");p.className="handle right-handle top-right-corner-handle",this.element.appendChild(p),p.addEventListener("pointerdown",this._onTopRightHandlePointerDown);var d=a.ownerDocument.createElement("div");d.className="handle right-handle bottom-right-corner-handle",this.element.appendChild(d),d.addEventListener("pointerdown",this._onBottomRightHandlePointerDown);var f=a.ownerDocument.createElement("div");f.className="handle left-handle top-left-corner-handle",this.element.appendChild(f),f.addEventListener("pointerdown",this._onTopLeftHandlePointerDown);var h=a.ownerDocument.createElement("div");h.className="handle left-handle bottom-left-corner-handle",this.element.appendChild(h),h.addEventListener("pointerdown",this._onBottomLeftHandlePointerDown),this._headerTextElement=a.ownerDocument.createElement("div"),this._headerTextElement.classList.add("frame-box-header-title"),this._headerElement.appendChild(this._headerTextElement),this._headerCollapseElement=a.ownerDocument.createElement("div"),this._headerCollapseElement.classList.add("frame-box-header-collapse"),this._headerCollapseElement.classList.add("frame-box-header-button"),this._headerCollapseElement.title="Collapse",this._headerCollapseElement.ondragstart=function(){return!1},this._headerCollapseElement.addEventListener("pointerdown",(function(e){o._headerCollapseElement.classList.add("down"),e.stopPropagation()})),this._headerCollapseElement.addEventListener("pointerup",(function(e){e.stopPropagation(),o._headerCollapseElement.classList.remove("down"),o.isCollapsed=!o.isCollapsed})),this._headerCollapseElement.innerHTML=this.CollapseSVG,this._headerElement.appendChild(this._headerCollapseElement),this._headerCloseElement=a.ownerDocument.createElement("div"),this._headerCloseElement.classList.add("frame-box-header-close"),this._headerCloseElement.classList.add("frame-box-header-button"),this._headerCloseElement.title="Close",this._headerCloseElement.ondragstart=function(){return!1},this._headerCloseElement.addEventListener("pointerdown",(function(e){e.stopPropagation()})),this._headerCloseElement.addEventListener("pointerup",(function(e){e.stopPropagation(),o.dispose()})),this._headerCloseElement.innerHTML=this.CloseSVG,this._headerElement.appendChild(this._headerCloseElement),this._portContainer=a.ownerDocument.createElement("div"),this._portContainer.classList.add("port-container"),this.element.appendChild(this._portContainer),this._outputPortContainer=a.ownerDocument.createElement("div"),this._outputPortContainer.classList.add("outputsContainer"),this._portContainer.appendChild(this._outputPortContainer),this._inputPortContainer=a.ownerDocument.createElement("div"),this._inputPortContainer.classList.add("inputsContainer"),this._portContainer.appendChild(this._inputPortContainer),this.name="Frame",this.color=s.Color3.FromInts(72,72,72),t&&(this.x=parseFloat(t.style.left.replace("px","")),this.y=parseFloat(t.style.top.replace("px","")),this.width=parseFloat(t.style.width.replace("px","")),this.height=parseFloat(t.style.height.replace("px","")),this.cleanAccumulation()),this._headerTextElement.addEventListener("pointerdown",(function(e){return o._onDown(e)})),this._headerTextElement.addEventListener("pointerup",(function(e){return o._onUp(e)})),this._headerTextElement.addEventListener("pointermove",(function(e){return o._onMove(e)})),this._onSelectionChangedObserver=n.globalState.onSelectionChangedObservable.add((function(e){e===o?o.element.classList.add("selected"):o.element.classList.remove("selected")})),this._onGraphNodeRemovalObserver=n.globalState.onGraphNodeRemovalObservable.add((function(e){var t=o._nodes.indexOf(e);-1!==t&&(e.enclosingFrameId=-1,o._nodes.splice(t,1))})),this._onExposePortOnFrameObserver=n.globalState.onExposePortOnFrameObservable.add((function(e){-1!==o.nodes.indexOf(e)&&o.redrawFramePorts()})),this._commentsElement=document.createElement("div"),this._commentsElement.className="frame-comments",this._commentsElement.style.color="white",this._commentsElement.style.fontSize="16px";var m=document.createElement("span");m.className="frame-comment-span",this._commentsElement.appendChild(m),this.element.appendChild(this._commentsElement),r||this.refresh()}return Object.defineProperty(e.prototype,"id",{get:function(){return this._id},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isCollapsed",{get:function(){return this._isCollapsed},set:function(e){if(this._isCollapsed!==e){if(this._isCollapsed=e,this._ownerCanvas._frameIsMoving=!0,e)this.element.classList.add("collapsed"),this._moveFrame((this.width-this.CollapsedWidth)/2,0),this._createFramePorts(),this._markFramePortPositions();else{this.element.classList.remove("collapsed"),this._outputPortContainer.innerHTML="",this._inputPortContainer.innerHTML="",this._frameInPorts.forEach((function(e){e.dispose()})),this._frameOutPorts.forEach((function(e){e.dispose()})),this._controlledPorts.forEach((function(e){e.delegatedPort=null,e.refresh()})),this._frameInPorts=[],this._frameOutPorts=[],this._controlledPorts=[],this._onNodeLinkDisposedObservers=[];for(var t=0,n=this._nodes;t=0&&(t.splice(n,1),e&&(e.exposedPortPosition=-1),!0)},e.prototype.removePortFromExposedWithLink=function(e,t){var n=t.findIndex((function(t){return t===e.portA})),r=t.findIndex((function(t){return t===e.portB}));if(n>=0){if(!e.portA.exposedOnFrame)return t.splice(n,1),e.portA.exposedPortPosition=-1,!0}else if(r>=0&&e.portB&&!e.portB.exposedOnFrame)return t.splice(r,1),e.portB.exposedPortPosition=-1,!0;return!1},e.prototype.createInputPorts=function(e,t){var n=this;if(e.connectionPoint.isConnected){for(var r=!1,o=0,a=t.links;o=0&&!o){l=nt.CreateFrameNodePortElement(t.connectionPoint,n,this._outputPortContainer,null,this._ownerCanvas.globalState,!1,e._FramePortCounter++,this.id);this._frameOutPorts.push(l),t.delegatedPort=l,this._controlledPorts.push(t),o=!0}}if(o)return!0}else if(t.exposedOnFrame){l=nt.CreateFrameNodePortElement(t.connectionPoint,n,this._outputPortContainer,null,this._ownerCanvas.globalState,!1,e._FramePortCounter++,this.id);return this._frameOutPorts.push(l),t.delegatedPort=l,this._controlledPorts.push(t),!0}return!1},e.prototype.redrawFramePorts=function(){this.isCollapsed&&(this._outputPortContainer.innerHTML="",this._inputPortContainer.innerHTML="",this.ports.forEach((function(e){e.dispose()})),this._controlledPorts.forEach((function(e){e.delegatedPort=null,e.refresh()})),this._frameInPorts=[],this._frameOutPorts=[],this._controlledPorts=[],this._createFramePorts(),this._markFramePortPositions(),this.ports.forEach((function(e){return e.node._refreshLinks()})))},Object.defineProperty(e.prototype,"nodes",{get:function(){return this._nodes},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"ports",{get:function(){return this._frameInPorts.concat(this._frameOutPorts)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"name",{get:function(){return this._name},set:function(e){this._name=e,this._headerTextElement.innerHTML=e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"color",{get:function(){return this._color},set:function(e){this._color=e,this._headerElement.style.background="rgba("+255*e.r+", "+255*e.g+", "+255*e.b+", 1)",this._headerElement.style.borderColor="rgba("+255*e.r+", "+255*e.g+", "+255*e.b+", 1)",this.element.style.background="rgba("+255*e.r+", "+255*e.g+", "+255*e.b+", 0.7)"},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"x",{get:function(){return this._x},set:function(e){this._x!==e&&(this._x=e,this._gridAlignedX=this._ownerCanvas.getGridPosition(e),this.element.style.left=this._gridAlignedX+"px")},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"y",{get:function(){return this._y},set:function(e){this._y!==e&&(this._y=e,this._gridAlignedY=this._ownerCanvas.getGridPosition(e),this.element.style.top=this._gridAlignedY+"px")},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"width",{get:function(){return this._width},set:function(e){if(this._width!==e){var t=e>this._minFrameWidth?e:this._minFrameWidth;this._width=t;var n=this._ownerCanvas.getGridPositionCeil(t+this._gridAlignedX);this.element.style.width=n-this._gridAlignedX+"px"}},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"height",{get:function(){return this._height},set:function(e){if(this._height!==e){this._height=e;var t=this._ownerCanvas.getGridPositionCeil(e+this._gridAlignedY);this.element.style.height=t-this._gridAlignedY+"px"}},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"comments",{get:function(){return this._comments},set:function(e){e&&!this._comments&&e.length>0?(this.element.style.gridTemplateRows="40px min-content 1fr",this._borderElement.style.gridRow="1 / span 3",this._portContainer.style.gridRow="3",this._commentsElement.classList.add("has-comments")):e||(this.element.style.gridTemplateRows="40px calc(100% - 40px)",this._borderElement.style.gridRow="1 / span 2",this._portContainer.style.gridRow="2",this._commentsElement.classList.remove("has-comments")),(""===e||e&&e.length>=0)&&(this._commentsElement.children[0].innerText=e),this.height=this._borderElement.offsetHeight,this._comments=e,this.updateMinHeightWithComments()},enumerable:!1,configurable:!0}),e.prototype.refresh=function(){this._nodes=[],this._ownerCanvas.globalState.onFrameCreatedObservable.notifyObservers(this)},e.prototype.addNode=function(e){-1===this.nodes.indexOf(e)&&this.nodes.push(e)},e.prototype.removeNode=function(e){var t=this.nodes.indexOf(e);t>-1&&(e.enclosingFrameId=-1,this.nodes.splice(t,1))},e.prototype.syncNode=function(e){this.isCollapsed||(e.isOverlappingFrame(this)?this.addNode(e):this.removeNode(e))},e.prototype.cleanAccumulation=function(){for(var e=0,t=this._nodes;e20&&(this._mouseStartPointX=t,this.element.style.width=n+e+"px"),this.updateMinHeightWithComments()},e.prototype._expandBottom=function(e){var t=parseFloat(this.element.style.height.replace("px",""));this.element.style.height=t+e+"px"},e.prototype.dispose=function(){var e;this._onSelectionChangedObserver&&this._ownerCanvas.globalState.onSelectionChangedObservable.remove(this._onSelectionChangedObserver),this._onGraphNodeRemovalObserver&&this._ownerCanvas.globalState.onGraphNodeRemovalObservable.remove(this._onGraphNodeRemovalObserver),this._onExposePortOnFrameObserver&&this._ownerCanvas.globalState.onExposePortOnFrameObservable.remove(this._onExposePortOnFrameObserver),null===(e=this.element.parentElement)||void 0===e||e.removeChild(this.element),this._ownerCanvas.frames.splice(this._ownerCanvas.frames.indexOf(this),1),this.onExpandStateChanged.clear()},e.prototype.serializePortData=function(e){if(e.length>0)for(var t=0;t0&&(t.splice(0,0,{label:"Custom",value:r.Custom}),n.splice(0,0,{label:"Custom",value:r.Custom}));var a=this.props.globalState.mode===s.NodeMaterialModes.Particle?n:t,i=this.props.globalState.mode===s.NodeMaterialModes.Particle?".json":".gltf, .glb, .babylon, .obj";return o.createElement("div",{id:"preview-mesh-bar"},(this.props.globalState.mode===s.NodeMaterialModes.Material||this.props.globalState.mode===s.NodeMaterialModes.Particle)&&o.createElement(o.Fragment,null,o.createElement(ue,{label:"",options:a,target:this.props.globalState,propertyName:"previewType",noDirectUpdate:!0,onSelect:function(t){var n;t!==r.Custom+1?e.changeMeshType(t):null===(n=e.filePickerRef.current)||void 0===n||n.click()}}),o.createElement("div",{style:{display:"none"},title:"Preview with a custom mesh"},o.createElement("input",{ref:this.filePickerRef,id:"file-picker",type:"file",onChange:function(t){return e.useCustomMesh(t)},accept:i}))),this.props.globalState.mode===s.NodeMaterialModes.Material&&o.createElement(o.Fragment,null,o.createElement("div",{title:"Turn-table animation",onClick:function(){return e.changeAnimation()},className:"button",id:"play-button"},this.props.globalState.rotatePreview?o.createElement("img",{src:mt,alt:""}):o.createElement("img",{src:gt,alt:""})),o.createElement("div",{id:"color-picker-button",title:"Background color",className:"button align",onClick:function(t){return e.changeBackgroundClick()}},o.createElement("img",{src:ht,alt:"",id:"color-picker-image"}),o.createElement("input",{ref:this.colorInputRef,id:"color-picker",type:"color",onChange:function(t){return e.changeBackground(t.target.value)}}))),o.createElement("div",{title:"Open preview in new window",id:"preview-new-window",onClick:function(){return e.onPopUp()},className:"button"},o.createElement("img",{src:ft,alt:""})))},t}(o.Component),bt=n(329),yt=n(330),xt=n(331),wt=n(332),_t=n(333),Ct=function(e){function t(t){var n=e.call(this,t)||this;return n.state={isLoading:!0},n._onIsLoadingChangedObserver=n.props.globalState.onIsLoadingChanged.add((function(e){return n.setState({isLoading:e})})),n._onResetRequiredObserver=n.props.globalState.onResetRequiredObservable.add((function(){n.forceUpdate()})),n}return u(t,e),t.prototype.componentWillUnmount=function(){this.props.globalState.onIsLoadingChanged.remove(this._onIsLoadingChangedObserver),this.props.globalState.onResetRequiredObservable.remove(this._onResetRequiredObserver)},t.prototype.changeBackFaceCulling=function(e){this.props.globalState.backFaceCulling=e,s.DataStorage.WriteBoolean("BackFaceCulling",e),this.props.globalState.onBackFaceCullingChanged.notifyObservers(),this.forceUpdate()},t.prototype.changeDepthPrePass=function(e){this.props.globalState.depthPrePass=e,s.DataStorage.WriteBoolean("DepthPrePass",e),this.props.globalState.onDepthPrePassChanged.notifyObservers(),this.forceUpdate()},t.prototype.render=function(){var e=this;return o.createElement(o.Fragment,null,o.createElement("div",{id:"preview",style:{height:this.props.width+"px"}},o.createElement("canvas",{id:"preview-canvas"}),o.createElement("div",{className:"waitPanel"+(this.state.isLoading?"":" hidden")},"Please wait, loading...")),this.props.globalState.mode===s.NodeMaterialModes.Material&&o.createElement(o.Fragment,null,o.createElement("div",{id:"preview-config-bar"},o.createElement("div",{title:"Render without back face culling",onClick:function(){return e.changeBackFaceCulling(!e.props.globalState.backFaceCulling)},className:"button back-face"+(this.props.globalState.backFaceCulling?"":" selected")},o.createElement("img",{src:bt,alt:""})),o.createElement("div",{title:"Render with depth pre-pass",onClick:function(){return e.changeDepthPrePass(!e.props.globalState.depthPrePass)},className:"button depth-pass"+(this.props.globalState.depthPrePass?" selected":"")},o.createElement("img",{src:yt,alt:""})),o.createElement("div",{title:"Turn on/off hemispheric light",onClick:function(){e.props.globalState.hemisphericLight=!e.props.globalState.hemisphericLight,s.DataStorage.WriteBoolean("HemisphericLight",e.props.globalState.hemisphericLight),e.props.globalState.onLightUpdated.notifyObservers(),e.forceUpdate()},className:"button hemispheric-light"+(this.props.globalState.hemisphericLight?" selected":"")},o.createElement("img",{src:xt,alt:""})),o.createElement("div",{title:"Turn on/off direction light #1",onClick:function(){e.props.globalState.directionalLight1=!e.props.globalState.directionalLight1,s.DataStorage.WriteBoolean("DirectionalLight1",e.props.globalState.directionalLight1),e.props.globalState.onLightUpdated.notifyObservers(),e.forceUpdate()},className:"button direction-light-1"+(this.props.globalState.directionalLight1?" selected":"")},o.createElement("img",{src:wt,alt:""})),o.createElement("div",{title:"Turn on/off direction light #0",onClick:function(){e.props.globalState.directionalLight0=!e.props.globalState.directionalLight0,s.DataStorage.WriteBoolean("DirectionalLight0",e.props.globalState.directionalLight0),e.props.globalState.onLightUpdated.notifyObservers(),e.forceUpdate()},className:"button direction-light-0"+(this.props.globalState.directionalLight0?" selected":"")},o.createElement("img",{src:_t,alt:""})))))},t}(o.Component);n(334);var kt=function(e){function t(t){var n=e.call(this,t)||this;return n.NodeWidth=100,n._leftWidth=s.DataStorage.ReadNumber("LeftWidth",200),n._rightWidth=s.DataStorage.ReadNumber("RightWidth",300),n._blocks=new Array,n._copiedNodes=[],n._copiedFrame=null,n._mouseLocationX=0,n._mouseLocationY=0,n.handlePopUp=function(){n.setState({showPreviewPopUp:!0}),n.createPopUp(),n.props.globalState.hostWindow.addEventListener("beforeunload",n.handleClosingPopUp)},n.handleClosingPopUp=function(){n._previewManager.dispose(),n._popUpWindow.close(),n.setState({showPreviewPopUp:!1},(function(){return n.initiatePreviewArea()}))},n.initiatePreviewArea=function(e){void 0===e&&(e=n.props.globalState.hostDocument.getElementById("preview-canvas")),n._previewManager=new dt(e,n.props.globalState)},n.createPopUp=function(){var e=p({embedHostWidth:"100%"},{original:!0,popup:!0,overlay:!1,embedMode:!1,enableClose:!0,handleResize:!0,enablePopup:!0}),t=n.createPopupWindow("PREVIEW AREA","_PreviewHostWindow");if(t){t.addEventListener("beforeunload",n.handleClosingPopUp);var r=t.document.getElementById("node-editor-graph-root");n.createPreviewMeshControlHost(e,r),n.createPreviewHost(e,r),r&&(n.fixPopUpStyles(r.ownerDocument),n.initiatePreviewArea(r.ownerDocument.getElementById("preview-canvas")))}},n.createPopupWindow=function(e,t,r,o){void 0===r&&(r=500),void 0===o&&(o=500);var a={width:r,height:o,top:(n.props.globalState.hostWindow.innerHeight-r)/2+window.screenY,left:(n.props.globalState.hostWindow.innerWidth-o)/2+window.screenX},i=Object.keys(a).map((function(e){return e+"="+a[e]})).join(","),s=n.props.globalState.hostWindow.open("",e,i);if(!s)return null;var l=s.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 c=l.createElement("div");return c.style.width="100%",c.style.height="100%",c.style.margin="0",c.style.padding="0",c.style.display="grid",c.style.gridTemplateRows="40px auto",c.id="node-editor-graph-root",c.className="right-panel",s.document.body.appendChild(c),n.copyStyles(n.props.globalState.hostWindow.document,l),n[t]=s,n._popUpWindow=s,s},n.copyStyles=function(e,t){for(var n=[],r=0;r-1&&n._blocks.splice(s,1)}if(n._graphCanvas.selectedLink&&n._graphCanvas.selectedLink.dispose(),n._graphCanvas.selectedFrame){var i=n._graphCanvas.selectedFrame;if(i.isCollapsed){for(;i.nodes.length>0;){var s;a=i.nodes[0].block;n.props.globalState.nodeMaterial.removeBlock(a),(s=n._blocks.indexOf(a))>-1&&n._blocks.splice(s,1),i.nodes[0].dispose()}i.isCollapsed=!1}else i.nodes.forEach((function(e){e.enclosingFrameId=-1}));n._graphCanvas.selectedFrame.dispose()}return n.props.globalState.onSelectionChangedObservable.notifyObservers(null),void n.props.globalState.onRebuildRequiredObservable.notifyObservers()}if(e.ctrlKey&&!n.props.globalState.blockKeyboardEvents)if("c"===e.key){if(n._copiedNodes=[],n._copiedFrame=null,n._graphCanvas.selectedFrame)return void(n._copiedFrame=n._graphCanvas.selectedFrame);var l;if(!(l=n._graphCanvas.selectedNodes).length)return;if(!l[0].block)return;n._copiedNodes=l.slice(0)}else if("v"===e.key){var c=n.props.globalState.hostDocument.querySelector(".diagram-container"),u=n._graphCanvas.zoom,p=(n._mouseLocationY-c.offsetTop-n._graphCanvas.y-20)/u;if(n._copiedFrame){var d=new rt(null,n._graphCanvas,!0);n._graphCanvas.frames.push(d),d.width=n._copiedFrame.width,d.height=n._copiedFrame.height,d.width,d.name=n._copiedFrame.name,d.color=n._copiedFrame.color;var f=(n._mouseLocationX-c.offsetLeft-n._graphCanvas.x)/u;if(d.x=f-d.width/2,d.y=p,n._copiedFrame.nodes.length){f=d.x+n._copiedFrame.nodes[0].x-n._copiedFrame.x,p=d.y+n._copiedFrame.nodes[0].y-n._copiedFrame.y,n._graphCanvas._frameIsMoving=!0;var h=n.pasteSelection(n._copiedFrame.nodes,f,p);if(h)for(var m=0,g=h;m0){var p=u[0],d=n.indexOf(p);l.reconnectNewNodes(d,t,n,r);var f=s.outputs.indexOf(e.connectedPoint);t[d].block.outputs[f].connectTo(o)}else e._connectedPoint.connectTo(o);l._graphCanvas.connectPorts(o.connectedPoint,o)},l=this,c=0;c-1){var o=localStorage.getItem(r);if(o){var a=JSON.parse(o),i=(e.clientX-e.currentTarget.offsetLeft-this._graphCanvas.x-this.NodeWidth)/this._graphCanvas.zoom,s=(e.clientY-e.currentTarget.offsetTop-this._graphCanvas.y-20)/this._graphCanvas.zoom,l=a.editorData.frames[0].x,c=a.editorData.frames[0].y;a.editorData.frames[0].x=i,a.editorData.frames[0].y=s;for(var u=0,p=a.editorData.locations;ui){var s=a;a=i,i=s}return a+""+i+""+(r.isUndefined(o)?"\0":o)}function l(e,t,n,r){var o=""+t,a=""+n;if(!e&&o>a){var i=o;o=a,a=i}var s={v:o,w:a};return r&&(s.name=r),s}function c(e,t){return s(e,t.v,t.w,t.name)}o.prototype._nodeCount=0,o.prototype._edgeCount=0,o.prototype.isDirected=function(){return this._isDirected},o.prototype.isMultigraph=function(){return this._isMultigraph},o.prototype.isCompound=function(){return this._isCompound},o.prototype.setGraph=function(e){return this._label=e,this},o.prototype.graph=function(){return this._label},o.prototype.setDefaultNodeLabel=function(e){return r.isFunction(e)||(e=r.constant(e)),this._defaultNodeLabelFn=e,this},o.prototype.nodeCount=function(){return this._nodeCount},o.prototype.nodes=function(){return r.keys(this._nodes)},o.prototype.sources=function(){var e=this;return r.filter(this.nodes(),(function(t){return r.isEmpty(e._in[t])}))},o.prototype.sinks=function(){var e=this;return r.filter(this.nodes(),(function(t){return r.isEmpty(e._out[t])}))},o.prototype.setNodes=function(e,t){var n=arguments,o=this;return r.each(e,(function(e){n.length>1?o.setNode(e,t):o.setNode(e)})),this},o.prototype.setNode=function(e,t){return r.has(this._nodes,e)?(arguments.length>1&&(this._nodes[e]=t),this):(this._nodes[e]=arguments.length>1?t:this._defaultNodeLabelFn(e),this._isCompound&&(this._parent[e]="\0",this._children[e]={},this._children["\0"][e]=!0),this._in[e]={},this._preds[e]={},this._out[e]={},this._sucs[e]={},++this._nodeCount,this)},o.prototype.node=function(e){return this._nodes[e]},o.prototype.hasNode=function(e){return r.has(this._nodes,e)},o.prototype.removeNode=function(e){var t=this;if(r.has(this._nodes,e)){var n=function(e){t.removeEdge(t._edgeObjs[e])};delete this._nodes[e],this._isCompound&&(this._removeFromParentsChildList(e),delete this._parent[e],r.each(this.children(e),(function(e){t.setParent(e)})),delete this._children[e]),r.each(r.keys(this._in[e]),n),delete this._in[e],delete this._preds[e],r.each(r.keys(this._out[e]),n),delete this._out[e],delete this._sucs[e],--this._nodeCount}return this},o.prototype.setParent=function(e,t){if(!this._isCompound)throw new Error("Cannot set parent in a non-compound graph");if(r.isUndefined(t))t="\0";else{for(var n=t+="";!r.isUndefined(n);n=this.parent(n))if(n===e)throw new Error("Setting "+t+" as parent of "+e+" would create a cycle");this.setNode(t)}return this.setNode(e),this._removeFromParentsChildList(e),this._parent[e]=t,this._children[t][e]=!0,this},o.prototype._removeFromParentsChildList=function(e){delete this._children[this._parent[e]][e]},o.prototype.parent=function(e){if(this._isCompound){var t=this._parent[e];if("\0"!==t)return t}},o.prototype.children=function(e){if(r.isUndefined(e)&&(e="\0"),this._isCompound){var t=this._children[e];if(t)return r.keys(t)}else{if("\0"===e)return this.nodes();if(this.hasNode(e))return[]}},o.prototype.predecessors=function(e){var t=this._preds[e];if(t)return r.keys(t)},o.prototype.successors=function(e){var t=this._sucs[e];if(t)return r.keys(t)},o.prototype.neighbors=function(e){var t=this.predecessors(e);if(t)return r.union(t,this.successors(e))},o.prototype.isLeaf=function(e){return 0===(this.isDirected()?this.successors(e):this.neighbors(e)).length},o.prototype.filterNodes=function(e){var t=new this.constructor({directed:this._isDirected,multigraph:this._isMultigraph,compound:this._isCompound});t.setGraph(this.graph());var n=this;r.each(this._nodes,(function(n,r){e(r)&&t.setNode(r,n)})),r.each(this._edgeObjs,(function(e){t.hasNode(e.v)&&t.hasNode(e.w)&&t.setEdge(e,n.edge(e))}));var o={};return this._isCompound&&r.each(t.nodes(),(function(e){t.setParent(e,function e(r){var a=n.parent(r);return void 0===a||t.hasNode(a)?(o[r]=a,a):a in o?o[a]:e(a)}(e))})),t},o.prototype.setDefaultEdgeLabel=function(e){return r.isFunction(e)||(e=r.constant(e)),this._defaultEdgeLabelFn=e,this},o.prototype.edgeCount=function(){return this._edgeCount},o.prototype.edges=function(){return r.values(this._edgeObjs)},o.prototype.setPath=function(e,t){var n=this,o=arguments;return r.reduce(e,(function(e,r){return o.length>1?n.setEdge(e,r,t):n.setEdge(e,r),r})),this},o.prototype.setEdge=function(){var e,t,n,o,i=!1,c=arguments[0];"object"==typeof c&&null!==c&&"v"in c?(e=c.v,t=c.w,n=c.name,2===arguments.length&&(o=arguments[1],i=!0)):(e=c,t=arguments[1],n=arguments[3],arguments.length>2&&(o=arguments[2],i=!0)),e=""+e,t=""+t,r.isUndefined(n)||(n=""+n);var u=s(this._isDirected,e,t,n);if(r.has(this._edgeLabels,u))return i&&(this._edgeLabels[u]=o),this;if(!r.isUndefined(n)&&!this._isMultigraph)throw new Error("Cannot set a named edge when isMultigraph = false");this.setNode(e),this.setNode(t),this._edgeLabels[u]=i?o:this._defaultEdgeLabelFn(e,t,n);var p=l(this._isDirected,e,t,n);return e=p.v,t=p.w,Object.freeze(p),this._edgeObjs[u]=p,a(this._preds[t],e),a(this._sucs[e],t),this._in[t][u]=p,this._out[e][u]=p,this._edgeCount++,this},o.prototype.edge=function(e,t,n){var r=1===arguments.length?c(this._isDirected,arguments[0]):s(this._isDirected,e,t,n);return this._edgeLabels[r]},o.prototype.hasEdge=function(e,t,n){var o=1===arguments.length?c(this._isDirected,arguments[0]):s(this._isDirected,e,t,n);return r.has(this._edgeLabels,o)},o.prototype.removeEdge=function(e,t,n){var r=1===arguments.length?c(this._isDirected,arguments[0]):s(this._isDirected,e,t,n),o=this._edgeObjs[r];return o&&(e=o.v,t=o.w,delete this._edgeLabels[r],delete this._edgeObjs[r],i(this._preds[t],e),i(this._sucs[e],t),delete this._in[t][r],delete this._out[e][r],this._edgeCount--),this},o.prototype.inEdges=function(e,t){var n=this._in[e];if(n){var o=r.values(n);return t?r.filter(o,(function(e){return e.v===t})):o}},o.prototype.outEdges=function(e,t){var n=this._out[e];if(n){var o=r.values(n);return t?r.filter(o,(function(e){return e.w===t})):o}},o.prototype.nodeEdges=function(e,t){var n=this.inEdges(e,t);if(n)return n.concat(this.outEdges(e,t))}},function(e,t,n){var r=n(15)(n(9),"Map");e.exports=r},function(e,t,n){var r=n(164),o=n(171),a=n(173),i=n(174),s=n(175);function l(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t-1&&e%1==0&&e<=9007199254740991}},function(e,t,n){(function(e){var r=n(77),o=t&&!t.nodeType&&t,a=o&&"object"==typeof e&&e&&!e.nodeType&&e,i=a&&a.exports===o&&r.process,s=function(){try{var e=a&&a.require&&a.require("util").types;return e||i&&i.binding&&i.binding("util")}catch(e){}}();e.exports=s}).call(this,n(56)(e))},function(e,t,n){var r=n(41),o=n(181),a=Object.prototype.hasOwnProperty;e.exports=function(e){if(!r(e))return o(e);var t=[];for(var n in Object(e))a.call(e,n)&&"constructor"!=n&&t.push(n);return t}},function(e,t,n){var r=n(84),o=n(85),a=Object.prototype.propertyIsEnumerable,i=Object.getOwnPropertySymbols,s=i?function(e){return null==e?[]:(e=Object(e),r(i(e),(function(t){return a.call(e,t)})))}:o;e.exports=s},function(e,t){e.exports=function(e,t){for(var n=-1,r=t.length,o=e.length;++n0&&a(u)?n>1?e(u,n-1,a,i,s):r(s,u):i||(s[s.length]=u)}return s}},function(e,t,n){var r=n(25);e.exports=function(e,t,n){for(var o=-1,a=e.length;++o-1;o--){var a=n[o],i=(a.tagName||"").toUpperCase();["STYLE","LINK"].indexOf(i)>-1&&(r=a)}return g.head.insertBefore(t,r),e}}function G(){for(var e=12,t="";e-- >0;)t+="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"[62*Math.random()|0];return t}function q(e){return"".concat(e).replace(/&/g,"&").replace(/"/g,""").replace(/'/g,"'").replace(//g,">")}function Z(e){return Object.keys(e||{}).reduce((function(t,n){return t+"".concat(n,": ").concat(e[n],";")}),"")}function Q(e){return e.size!==Y.size||e.x!==Y.x||e.y!==Y.y||e.rotate!==Y.rotate||e.flipX||e.flipY}function K(e){var t=e.transform,n=e.containerWidth,r=e.iconWidth,o={transform:"translate(".concat(n/2," 256)")},a="translate(".concat(32*t.x,", ").concat(32*t.y,") "),i="scale(".concat(t.size/16*(t.flipX?-1:1),", ").concat(t.size/16*(t.flipY?-1:1),") "),s="rotate(".concat(t.rotate," 0 0)");return{outer:o,inner:{transform:"".concat(a," ").concat(i," ").concat(s)},path:{transform:"translate(".concat(r/2*-1," -256)")}}}var $={x:0,y:0,width:"100%",height:"100%"};function J(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return e.attributes&&(e.attributes.fill||t)&&(e.attributes.fill="black"),e}function ee(e){var t=e.icons,n=t.main,r=t.mask,o=e.prefix,a=e.iconName,i=e.transform,l=e.symbol,c=e.title,u=e.maskId,p=e.titleId,d=e.extra,f=e.watchable,h=void 0!==f&&f,m=r.found?r:n,g=m.width,v=m.height,b="fak"===o,y=b?"":"fa-w-".concat(Math.ceil(g/v*16)),x=[k.replacementClass,a?"".concat(k.familyPrefix,"-").concat(a):"",y].filter((function(e){return-1===d.classes.indexOf(e)})).filter((function(e){return""!==e||!!e})).concat(d.classes).join(" "),w={children:[],attributes:s({},d.attributes,{"data-prefix":o,"data-icon":a,class:x,role:d.attributes.role||"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 ".concat(g," ").concat(v)})},_=b&&!~d.classes.indexOf("fa-fw")?{width:"".concat(g/v*16*.0625,"em")}:{};h&&(w.attributes["data-fa-i2svg"]=""),c&&w.children.push({tag:"title",attributes:{id:w.attributes["aria-labelledby"]||"title-".concat(p||G())},children:[c]});var C=s({},w,{prefix:o,iconName:a,main:n,mask:r,maskId:u,transform:i,symbol:l,styles:s({},_,d.styles)}),S=r.found&&n.found?function(e){var t,n=e.children,r=e.attributes,o=e.main,a=e.mask,i=e.maskId,l=e.transform,c=o.width,u=o.icon,p=a.width,d=a.icon,f=K({transform:l,containerWidth:p,iconWidth:c}),h={tag:"rect",attributes:s({},$,{fill:"white"})},m=u.children?{children:u.children.map(J)}:{},g={tag:"g",attributes:s({},f.inner),children:[J(s({tag:u.tag,attributes:s({},u.attributes,f.path)},m))]},v={tag:"g",attributes:s({},f.outer),children:[g]},b="mask-".concat(i||G()),y="clip-".concat(i||G()),x={tag:"mask",attributes:s({},$,{id:b,maskUnits:"userSpaceOnUse",maskContentUnits:"userSpaceOnUse"}),children:[h,v]},w={tag:"defs",children:[{tag:"clipPath",attributes:{id:y},children:(t=d,"g"===t.tag?t.children:[t])},x]};return n.push(w,{tag:"rect",attributes:s({fill:"currentColor","clip-path":"url(#".concat(y,")"),mask:"url(#".concat(b,")")},$)}),{children:n,attributes:r}}(C):function(e){var t=e.children,n=e.attributes,r=e.main,o=e.transform,a=Z(e.styles);if(a.length>0&&(n.style=a),Q(o)){var i=K({transform:o,containerWidth:r.width,iconWidth:r.width});t.push({tag:"g",attributes:s({},i.outer),children:[{tag:"g",attributes:s({},i.inner),children:[{tag:r.icon.tag,children:r.icon.children,attributes:s({},r.icon.attributes,i.path)}]}]})}else t.push(r.icon);return{children:t,attributes:n}}(C),E=S.children,P=S.attributes;return C.children=E,C.attributes=P,l?function(e){var t=e.prefix,n=e.iconName,r=e.children,o=e.attributes,a=e.symbol;return[{tag:"svg",attributes:{style:"display: none;"},children:[{tag:"symbol",attributes:s({},o,{id:!0===a?"".concat(t,"-").concat(k.familyPrefix,"-").concat(n):a}),children:r}]}]}(C):function(e){var t=e.children,n=e.main,r=e.mask,o=e.attributes,a=e.styles,i=e.transform;if(Q(i)&&n.found&&!r.found){var l={x:n.width/n.height/2,y:.5};o.style=Z(s({},a,{"transform-origin":"".concat(l.x+i.x/16,"em ").concat(l.y+i.y/16,"em")}))}return[{tag:"svg",attributes:o,children:t}]}(C)}var te=function(){},ne=(k.measurePerformance&&v&&v.mark&&v.measure,function(e,t,n,r){var o,a,i,s=Object.keys(e),l=s.length,c=void 0!==r?function(e,t){return function(n,r,o,a){return e.call(t,n,r,o,a)}}(t,r):t;for(void 0===n?(o=1,i=e[s[0]]):(o=0,i=n);o2&&void 0!==arguments[2]?arguments[2]:{},r=n.skipHooks,o=void 0!==r&&r,a=Object.keys(t).reduce((function(e,n){var r=t[n];return!!r.icon?e[r.iconName]=r.icon:e[n]=r,e}),{});"function"!=typeof E.hooks.addPack||o?E.styles[e]=s({},E.styles[e]||{},a):E.hooks.addPack(e,a),"fas"===e&&re("fa",t)}var oe=E.styles,ae=E.shims,ie=function(){var e=function(e){return ne(oe,(function(t,n,r){return t[r]=ne(n,e,{}),t}),{})};e((function(e,t,n){return t[3]&&(e[t[3]]=n),e})),e((function(e,t,n){var r=t[2];return e[n]=n,r.forEach((function(t){e[t]=n})),e}));var t="far"in oe;ne(ae,(function(e,n){var r=n[0],o=n[1],a=n[2];return"far"!==o||t||(o="fas"),e[r]={prefix:o,iconName:a},e}),{})};ie();E.styles;function se(e,t,n){if(e&&e[t]&&e[t][n])return{prefix:t,iconName:n,icon:e[t][n]}}function le(e){var t=e.tag,n=e.attributes,r=void 0===n?{}:n,o=e.children,a=void 0===o?[]:o;return"string"==typeof e?q(e):"<".concat(t," ").concat(function(e){return Object.keys(e||{}).reduce((function(t,n){return t+"".concat(n,'="').concat(q(e[n]),'" ')}),"").trim()}(r),">").concat(a.map(le).join(""),"")}var ce=function(e){var t={size:16,x:0,y:0,flipX:!1,flipY:!1,rotate:0};return e?e.toLowerCase().split(" ").reduce((function(e,t){var n=t.toLowerCase().split("-"),r=n[0],o=n.slice(1).join("-");if(r&&"h"===o)return e.flipX=!0,e;if(r&&"v"===o)return e.flipY=!0,e;if(o=parseFloat(o),isNaN(o))return e;switch(r){case"grow":e.size=e.size+o;break;case"shrink":e.size=e.size-o;break;case"left":e.x=e.x-o;break;case"right":e.x=e.x+o;break;case"up":e.y=e.y-o;break;case"down":e.y=e.y+o;break;case"rotate":e.rotate=e.rotate+o}return e}),t):t};function ue(e){this.name="MissingIcon",this.message=e||"Icon unavailable",this.stack=(new Error).stack}ue.prototype=Object.create(Error.prototype),ue.prototype.constructor=ue;var pe={fill:"currentColor"},de={attributeType:"XML",repeatCount:"indefinite",dur:"2s"},fe={tag:"path",attributes:s({},pe,{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"})},he=s({},de,{attributeName:"opacity"});s({},pe,{cx:"256",cy:"364",r:"28"}),s({},de,{attributeName:"r",values:"28;14;28;28;14;28;"}),s({},he,{values:"1;0;1;1;0;1;"}),s({},pe,{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"}),s({},he,{values:"1;0;0;0;0;1;"}),s({},pe,{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"}),s({},he,{values:"0;0;1;1;0;0;"}),E.styles;function me(e){var t=e[0],n=e[1],r=l(e.slice(4),1)[0];return{found:!0,width:t,height:n,icon:Array.isArray(r)?{tag:"g",attributes:{class:"".concat(k.familyPrefix,"-").concat(w.GROUP)},children:[{tag:"path",attributes:{class:"".concat(k.familyPrefix,"-").concat(w.SECONDARY),fill:"currentColor",d:r[0]}},{tag:"path",attributes:{class:"".concat(k.familyPrefix,"-").concat(w.PRIMARY),fill:"currentColor",d:r[1]}}]}:{tag:"path",attributes:{fill:"currentColor",d:r}}}}E.styles;function ge(){var e="svg-inline--fa",t=k.familyPrefix,n=k.replacementClass,r='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-both, .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:root .fa-flip-both {\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}\n\n.svg-inline--fa .fa-primary {\n fill: var(--fa-primary-color, currentColor);\n opacity: 1;\n opacity: var(--fa-primary-opacity, 1);\n}\n\n.svg-inline--fa .fa-secondary {\n fill: var(--fa-secondary-color, currentColor);\n opacity: 0.4;\n opacity: var(--fa-secondary-opacity, 0.4);\n}\n\n.svg-inline--fa.fa-swap-opacity .fa-primary {\n opacity: 0.4;\n opacity: var(--fa-secondary-opacity, 0.4);\n}\n\n.svg-inline--fa.fa-swap-opacity .fa-secondary {\n opacity: 1;\n opacity: var(--fa-primary-opacity, 1);\n}\n\n.svg-inline--fa mask .fa-primary,\n.svg-inline--fa mask .fa-secondary {\n fill: black;\n}\n\n.fad.fa-inverse {\n color: #fff;\n}';if("fa"!==t||n!==e){var o=new RegExp("\\.".concat("fa","\\-"),"g"),a=new RegExp("\\--".concat("fa","\\-"),"g"),i=new RegExp("\\.".concat(e),"g");r=r.replace(o,".".concat(t,"-")).replace(a,"--".concat(t,"-")).replace(i,".".concat(n))}return r}function ve(){k.autoAddCss&&!_e&&(X(ge()),_e=!0)}function be(e,t){return Object.defineProperty(e,"abstract",{get:t}),Object.defineProperty(e,"html",{get:function(){return e.abstract.map((function(e){return le(e)}))}}),Object.defineProperty(e,"node",{get:function(){if(b){var t=g.createElement("div");return t.innerHTML=e.html,t.children}}}),e}function ye(e){var t=e.prefix,n=void 0===t?"fa":t,r=e.iconName;if(r)return se(we.definitions,n,r)||se(E.styles,n,r)}var xe,we=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,n,r;return t=e,(n=[{key:"add",value:function(){for(var e=this,t=arguments.length,n=new Array(t),r=0;r1&&void 0!==arguments[1]?arguments[1]:{},n=t.transform,r=void 0===n?Y:n,o=t.symbol,a=void 0!==o&&o,i=t.mask,l=void 0===i?null:i,c=t.maskId,u=void 0===c?null:c,p=t.title,d=void 0===p?null:p,f=t.titleId,h=void 0===f?null:f,m=t.classes,g=void 0===m?[]:m,v=t.attributes,b=void 0===v?{}:v,y=t.styles,x=void 0===y?{}:y;if(e){var w=e.prefix,_=e.iconName,C=e.icon;return be(s({type:"icon"},e),(function(){return ve(),k.autoA11y&&(d?b["aria-labelledby"]="".concat(k.replacementClass,"-title-").concat(h||G()):(b["aria-hidden"]="true",b.focusable="false")),ee({icons:{main:me(C),mask:l?me(l.icon):{found:!1,width:null,height:null,icon:{}}},prefix:w,iconName:_,transform:s({},Y,r),symbol:a,title:d,maskId:u,titleId:h,extra:{attributes:b,styles:x,classes:g}})}))}},function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=(e||{}).icon?e:ye(e||{}),r=t.mask;return r&&(r=(r||{}).icon?r:ye(r||{})),xe(n,s({},t,{mask:r}))})}).call(this,n(26),n(138).setImmediate)},function(e,t,n){e.exports={graphlib:n(8),layout:n(258),debug:n(317),util:{time:n(5).time,notime:n(5).notime},version:n(318)}},function(e,t,n){"use strict"; /* object-assign (c) Sindre Sorhus @license MIT */var r=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;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={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var n,s,l=i(e),c=1;cu))return!1;var d=l.get(e),f=l.get(t);if(d&&f)return d==t&&f==e;var h=-1,m=!0,g=2&n?new r:void 0;for(l.set(e,t),l.set(t,e);++h0&&(a=l.removeMin(),(i=s[a]).distance!==Number.POSITIVE_INFINITY);)r(a).forEach(c);return s}(e,String(t),n||a,r||function(t){return e.outEdges(t)})};var a=r.constant(1)},function(e,t,n){var r=n(6);function o(){this._arr=[],this._keyIndices={}}e.exports=o,o.prototype.size=function(){return this._arr.length},o.prototype.keys=function(){return this._arr.map((function(e){return e.key}))},o.prototype.has=function(e){return r.has(this._keyIndices,e)},o.prototype.priority=function(e){var t=this._keyIndices[e];if(void 0!==t)return this._arr[t].priority},o.prototype.min=function(){if(0===this.size())throw new Error("Queue underflow");return this._arr[0].key},o.prototype.add=function(e,t){var n=this._keyIndices;if(e=String(e),!r.has(n,e)){var o=this._arr,a=o.length;return n[e]=a,o.push({key:e,priority:t}),this._decrease(a),!0}return!1},o.prototype.removeMin=function(){this._swap(0,this._arr.length-1);var e=this._arr.pop();return delete this._keyIndices[e.key],this._heapify(0),e.key},o.prototype.decrease=function(e,t){var n=this._keyIndices[e];if(t>this._arr[n].priority)throw new Error("New priority is greater than current priority. Key: "+e+" Old: "+this._arr[n].priority+" New: "+t);this._arr[n].priority=t,this._decrease(n)},o.prototype._heapify=function(e){var t=this._arr,n=2*e,r=n+1,o=e;n>1].priorityN.length&&N.push(e)}function M(e,t,n){return null==e?0:function e(t,n,r,o){var s=typeof t;"undefined"!==s&&"boolean"!==s||(t=null);var l=!1;if(null===t)l=!0;else switch(s){case"string":case"number":l=!0;break;case"object":switch(t.$$typeof){case a:case i:l=!0}}if(l)return r(o,t,""===n?"."+R(t,0):n),1;if(l=0,n=""===n?".":n+":",Array.isArray(t))for(var c=0;c