=this.size[1]))if(this._drop_texture&&e.webgl)e.drawImage(this._drop_texture,0,0,this.size[0],this.size[1]);else{if(this._last_preview_tex!=this._last_tex)if(e.webgl)this._canvas=this._last_tex;else{var d=LGraphTexture.generateLowResTexturePreview(this._last_tex);if(!d)return;this._last_preview_tex=this._last_tex;
-this._canvas=cloneCanvas(d)}this._canvas&&(e.save(),e.webgl||(e.translate(0,this.size[1]),e.scale(1,-1)),e.drawImage(this._canvas,0,0,this.size[0],this.size[1]),e.restore())}};LGraphTexture.generateLowResTexturePreview=function(e){if(!e)return null;var d=LGraphTexture.image_preview_size,f=e;if(e.format==gl.DEPTH_COMPONENT)return null;if(e.width>d||e.height>d)f=this._preview_temp_tex,this._preview_temp_tex||(this._preview_temp_tex=f=new GL.Texture(d,d,{minFilter:gl.NEAREST})),e.copyTo(f);e=this._preview_canvas;
-e||(this._preview_canvas=e=createCanvas(d,d));f&&f.toCanvas(e);return e};LGraphTexture.prototype.getResources=function(e){e[this.properties.name]=GL.Texture;return e};LGraphTexture.prototype.onGetInputs=function(){return[["in","Texture"]]};LGraphTexture.prototype.onGetOutputs=function(){return[["width","number"],["height","number"],["aspect","number"]]};LiteGraph.registerNodeType("texture/texture",LGraphTexture);var LGraphTexturePreview=function(){this.addInput("Texture","Texture");this.properties=
-{flipY:!1};this.size=[LGraphTexture.image_preview_size,LGraphTexture.image_preview_size]};LGraphTexturePreview.title="Preview";LGraphTexturePreview.desc="Show a texture in the graph canvas";LGraphTexturePreview.allow_preview=!1;LGraphTexturePreview.prototype.onDrawBackground=function(e){if(!this.flags.collapsed&&(e.webgl||LGraphTexturePreview.allow_preview)){var d=this.getInputData(0);if(d){var f=null,f=!d.handle&&e.webgl?d:LGraphTexture.generateLowResTexturePreview(d);e.save();this.properties.flipY&&
-(e.translate(0,this.size[1]),e.scale(1,-1));e.drawImage(f,0,0,this.size[0],this.size[1]);e.restore()}}};LiteGraph.registerNodeType("texture/preview",LGraphTexturePreview);var LGraphTextureSave=function(){this.addInput("Texture","Texture");this.addOutput("","Texture");this.properties={name:""}};LGraphTextureSave.title="Save";LGraphTextureSave.desc="Save a texture in the repository";LGraphTextureSave.prototype.onExecute=function(){var e=this.getInputData(0);e&&(this.properties.name&&(LGraphTexture.storeTexture?
-LGraphTexture.storeTexture(this.properties.name,e):LGraphTexture.getTexturesContainer()[this.properties.name]=e),this.setOutputData(0,e))};LiteGraph.registerNodeType("texture/save",LGraphTextureSave);var LGraphTextureOperation=function(){this.addInput("Texture","Texture");this.addInput("TextureB","Texture");this.addInput("value","number");this.addOutput("Texture","Texture");this.help="pixelcode must be vec3
\t\t\tuvcode must be vec2, is optional
\t\t\tuv: tex. coords
color: texture
colorB: textureB
time: scene time
value: input value
";
-this.properties={value:1,uvcode:"",pixelcode:"color + colorB * value",precision:LGraphTexture.DEFAULT}};LGraphTextureOperation.widgets_info={uvcode:{widget:"textarea",height:100},pixelcode:{widget:"textarea",height:100},precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};LGraphTextureOperation.title="Operation";LGraphTextureOperation.desc="Texture shader operation";LGraphTextureOperation.prototype.getExtraMenuOptions=function(e){var d=this;return[{content:d.properties.show?"Hide Texture":
-"Show Texture",callback:function(){d.properties.show=!d.properties.show}}]};LGraphTextureOperation.prototype.onDrawBackground=function(e){this.flags.collapsed||20>=this.size[1]||!this.properties.show||!this._tex||this._tex.gl!=e||(e.save(),e.drawImage(this._tex,0,0,this.size[0],this.size[1]),e.restore())};LGraphTextureOperation.prototype.onExecute=function(){var e=this.getInputData(0);if(this.isOutputConnected(0))if(this.properties.precision===LGraphTexture.PASS_THROUGH)this.setOutputData(0,e);else{var d=
-this.getInputData(1);if(this.properties.uvcode||this.properties.pixelcode){var f=512,h=512;e?(f=e.width,h=e.height):d&&(f=d.width,h=d.height);this._tex=e||this._tex?LGraphTexture.getTargetTexture(e||this._tex,this._tex,this.properties.precision):new GL.Texture(f,h,{type:this.precision===LGraphTexture.LOW?gl.UNSIGNED_BYTE:gl.HIGH_PRECISION_FORMAT,format:gl.RGBA,filter:gl.LINEAR});var n="";this.properties.uvcode&&(n="uv = "+this.properties.uvcode,-1!=this.properties.uvcode.indexOf(";")&&(n=this.properties.uvcode));
-var k="";this.properties.pixelcode&&(k="result = "+this.properties.pixelcode,-1!=this.properties.pixelcode.indexOf(";")&&(k=this.properties.pixelcode));var a=this._shader;if(!a||this._shader_code!=n+"|"+k){try{this._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureOperation.pixel_shader,{UV_CODE:n,PIXEL_CODE:k}),this.boxcolor="#00FF00"}catch(b){console.log("Error compiling shader: ",b);this.boxcolor="#FF0000";return}this.boxcolor="#FF0000";this._shader_code=n+"|"+k;a=this._shader}if(a){this.boxcolor=
-"green";var c=this.getInputData(2);null!=c?this.properties.value=c:c=parseFloat(this.properties.value);var g=this.graph.getTime();this._tex.drawTo(function(){gl.disable(gl.DEPTH_TEST);gl.disable(gl.CULL_FACE);gl.disable(gl.BLEND);e&&e.bind(0);d&&d.bind(1);var b=Mesh.getScreenQuad();a.uniforms({u_texture:0,u_textureB:1,value:c,texSize:[f,h],time:g}).draw(b)});this.setOutputData(0,this._tex)}else this.boxcolor="red"}}};LGraphTextureOperation.pixel_shader="precision highp float;\n\t\t\t\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform sampler2D u_textureB;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform vec2 texSize;\n\t\t\tuniform float time;\n\t\t\tuniform float value;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec2 uv = v_coord;\n\t\t\t\tUV_CODE;\n\t\t\t\tvec4 color4 = texture2D(u_texture, uv);\n\t\t\t\tvec3 color = color4.rgb;\n\t\t\t\tvec4 color4B = texture2D(u_textureB, uv);\n\t\t\t\tvec3 colorB = color4B.rgb;\n\t\t\t\tvec3 result = color;\n\t\t\t\tfloat alpha = 1.0;\n\t\t\t\tPIXEL_CODE;\n\t\t\t\tgl_FragColor = vec4(result, alpha);\n\t\t\t}\n\t\t\t";
-LiteGraph.registerNodeType("texture/operation",LGraphTextureOperation);var LGraphTextureShader=function(){this.addOutput("Texture","Texture");this.properties={code:"",width:512,height:512};this.properties.code="\nvoid main() {\n vec2 uv = v_coord;\n vec3 color = vec3(0.0);\n//your code here\n\ngl_FragColor = vec4(color, 1.0);\n}\n"};LGraphTextureShader.title="Shader";LGraphTextureShader.desc="Texture shader";LGraphTextureShader.widgets_info={code:{type:"code"},precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};
-LGraphTextureShader.prototype.onPropertyChanged=function(e,d){if("code"==e){var f=this.getShader();if(f){var h=f.uniformInfo;if(this.inputs)for(var n={},k=0;k>1||0;h=h>>1||0;b=GL.Texture.getTemporary(f,h,e);c.push(b);a.setParameter(GL.TEXTURE_MAG_FILTER,GL.NEAREST);a.copyTo(b,
-d,g);if(1==f&&1==h)break;a=b}this._texture=c.pop();for(l=0;lf;++f)d[f]=Math.random();LGraphTextureAverage._shader.uniforms({u_samples_a:d.subarray(0,16),u_samples_b:d.subarray(16,32)})}d=this._temp_texture;f=this.properties.low_precision?gl.UNSIGNED_BYTE:e.type;d&&d.type==f||(this._temp_texture=new GL.Texture(1,
-1,{type:f,format:gl.RGBA,filter:gl.NEAREST}));var h=LGraphTextureAverage._shader,n=this._uniforms;n.u_mipmap_offset=this.properties.mipmap_offset;this._temp_texture.drawTo(function(){e.toViewport(h,n)});this.setOutputData(0,this._temp_texture)}};LGraphTextureAverage.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tuniform mat4 u_samples_a;\n\t\t\tuniform mat4 u_samples_b;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform float u_mipmap_offset;\n\t\t\tvarying vec2 v_coord;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec4 color = vec4(0.0);\n\t\t\t\tfor(int i = 0; i < 4; ++i)\n\t\t\t\t\tfor(int j = 0; j < 4; ++j)\n\t\t\t\t\t{\n\t\t\t\t\t\tcolor += texture2D(u_texture, vec2( u_samples_a[i][j], u_samples_b[i][j] ), u_mipmap_offset );\n\t\t\t\t\t\tcolor += texture2D(u_texture, vec2( 1.0 - u_samples_a[i][j], 1.0 - u_samples_b[i][j] ), u_mipmap_offset );\n\t\t\t\t\t}\n\t\t\t gl_FragColor = color * 0.03125;\n\t\t\t}\n\t\t\t";
-LiteGraph.registerNodeType("texture/average",LGraphTextureAverage);var LGraphImageToTexture=function(){this.addInput("Image","image");this.addOutput("","Texture");this.properties={}};LGraphImageToTexture.title="Image to Texture";LGraphImageToTexture.desc="Uploads an image to the GPU";LGraphImageToTexture.prototype.onExecute=function(){var e=this.getInputData(0);if(e){var d=e.videoWidth||e.width,f=e.videoHeight||e.height;if(e.gltexture)this.setOutputData(0,e.gltexture);else{var h=this._temp_texture;
-h&&h.width==d&&h.height==f||(this._temp_texture=new GL.Texture(d,f,{format:gl.RGBA,filter:gl.LINEAR}));try{this._temp_texture.uploadImage(e)}catch(n){console.error("image comes from an unsafe location, cannot be uploaded to webgl");return}this.setOutputData(0,this._temp_texture)}}};LiteGraph.registerNodeType("texture/imageToTexture",LGraphImageToTexture);var LGraphTextureLUT=function(){this.addInput("Texture","Texture");this.addInput("LUT","Texture");this.addInput("Intensity","number");this.addOutput("",
-"Texture");this.properties={intensity:1,precision:LGraphTexture.DEFAULT,texture:null};LGraphTextureLUT._shader||(LGraphTextureLUT._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureLUT.pixel_shader))};LGraphTextureLUT.widgets_info={precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};LGraphTextureLUT.title="LUT";LGraphTextureLUT.desc="Apply LUT to Texture";LGraphTextureLUT.widgets_info={texture:{widget:"texture"}};LGraphTextureLUT.prototype.onExecute=function(){if(this.isOutputConnected(0)){var e=
-this.getInputData(0);if(this.properties.precision===LGraphTexture.PASS_THROUGH)this.setOutputData(0,e);else if(e){var d=this.getInputData(1);d||(d=LGraphTexture.getTexture(this.properties.texture));if(d){d.bind(0);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_MIN_FILTER,gl.LINEAR);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_WRAP_S,gl.CLAMP_TO_EDGE);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_WRAP_T,gl.CLAMP_TO_EDGE);gl.bindTexture(gl.TEXTURE_2D,null);var f=this.properties.intensity;this.isInputConnected(2)&&
-(this.properties.intensity=f=this.getInputData(2));this._tex=LGraphTexture.getTargetTexture(e,this._tex,this.properties.precision);this._tex.drawTo(function(){d.bind(1);e.toViewport(LGraphTextureLUT._shader,{u_texture:0,u_textureB:1,u_amount:f})});this.setOutputData(0,this._tex)}else this.setOutputData(0,e)}}};LGraphTextureLUT.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform sampler2D u_textureB;\n\t\t\tuniform float u_amount;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\t lowp vec4 textureColor = clamp( texture2D(u_texture, v_coord), vec4(0.0), vec4(1.0) );\n\t\t\t\t mediump float blueColor = textureColor.b * 63.0;\n\t\t\t\t mediump vec2 quad1;\n\t\t\t\t quad1.y = floor(floor(blueColor) / 8.0);\n\t\t\t\t quad1.x = floor(blueColor) - (quad1.y * 8.0);\n\t\t\t\t mediump vec2 quad2;\n\t\t\t\t quad2.y = floor(ceil(blueColor) / 8.0);\n\t\t\t\t quad2.x = ceil(blueColor) - (quad2.y * 8.0);\n\t\t\t\t highp vec2 texPos1;\n\t\t\t\t texPos1.x = (quad1.x * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.r);\n\t\t\t\t texPos1.y = 1.0 - ((quad1.y * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.g));\n\t\t\t\t highp vec2 texPos2;\n\t\t\t\t texPos2.x = (quad2.x * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.r);\n\t\t\t\t texPos2.y = 1.0 - ((quad2.y * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.g));\n\t\t\t\t lowp vec4 newColor1 = texture2D(u_textureB, texPos1);\n\t\t\t\t lowp vec4 newColor2 = texture2D(u_textureB, texPos2);\n\t\t\t\t lowp vec4 newColor = mix(newColor1, newColor2, fract(blueColor));\n\t\t\t\t gl_FragColor = vec4( mix( textureColor.rgb, newColor.rgb, u_amount), textureColor.w);\n\t\t\t}\n\t\t\t";
-LiteGraph.registerNodeType("texture/LUT",LGraphTextureLUT);var LGraphTextureChannels=function(){this.addInput("Texture","Texture");this.addOutput("R","Texture");this.addOutput("G","Texture");this.addOutput("B","Texture");this.addOutput("A","Texture");this.properties={};LGraphTextureChannels._shader||(LGraphTextureChannels._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureChannels.pixel_shader))};LGraphTextureChannels.title="Texture to Channels";LGraphTextureChannels.desc="Split texture channels";
-LGraphTextureChannels.prototype.onExecute=function(){var e=this.getInputData(0);if(e){this._channels||(this._channels=Array(4));for(var d=0,f=0;4>f;f++)this.isOutputConnected(f)?(this._channels[f]&&this._channels[f].width==e.width&&this._channels[f].height==e.height&&this._channels[f].type==e.type||(this._channels[f]=new GL.Texture(e.width,e.height,{type:e.type,format:gl.RGBA,filter:gl.LINEAR})),d++):this._channels[f]=null;if(d){gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);for(var h=Mesh.getScreenQuad(),
-n=LGraphTextureChannels._shader,k=[[1,0,0,0],[0,1,0,0],[0,0,1,0],[0,0,0,1]],f=0;4>f;f++)this._channels[f]&&(this._channels[f].drawTo(function(){e.bind(0);n.uniforms({u_texture:0,u_mask:k[f]}).draw(h)}),this.setOutputData(f,this._channels[f]))}}};LGraphTextureChannels.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec4 u_mask;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t gl_FragColor = vec4( vec3( length( texture2D(u_texture, v_coord) * u_mask )), 1.0 );\n\t\t\t}\n\t\t\t";
-LiteGraph.registerNodeType("texture/textureChannels",LGraphTextureChannels);var LGraphChannelsTexture=function(){this.addInput("R","Texture");this.addInput("G","Texture");this.addInput("B","Texture");this.addInput("A","Texture");this.addOutput("Texture","Texture");this.properties={};LGraphChannelsTexture._shader||(LGraphChannelsTexture._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphChannelsTexture.pixel_shader))};LGraphChannelsTexture.title="Channels to Texture";LGraphChannelsTexture.desc=
-"Split texture channels";LGraphChannelsTexture.prototype.onExecute=function(){var e=[this.getInputData(0),this.getInputData(1),this.getInputData(2),this.getInputData(3)];if(e[0]&&e[1]&&e[2]&&e[3]){gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var d=Mesh.getScreenQuad(),f=LGraphChannelsTexture._shader;this._tex=LGraphTexture.getTargetTexture(e[0],this._tex);this._tex.drawTo(function(){e[0].bind(0);e[1].bind(1);e[2].bind(2);e[3].bind(3);f.uniforms({u_textureR:0,u_textureG:1,u_textureB:2,u_textureA:3}).draw(d)});
-this.setOutputData(0,this._tex)}};LGraphChannelsTexture.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_textureR;\n\t\t\tuniform sampler2D u_textureG;\n\t\t\tuniform sampler2D u_textureB;\n\t\t\tuniform sampler2D u_textureA;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t gl_FragColor = vec4( \t\t\t\t\t\ttexture2D(u_textureR, v_coord).r,\t\t\t\t\t\ttexture2D(u_textureG, v_coord).r,\t\t\t\t\t\ttexture2D(u_textureB, v_coord).r,\t\t\t\t\t\ttexture2D(u_textureA, v_coord).r);\n\t\t\t}\n\t\t\t";
-LiteGraph.registerNodeType("texture/channelsTexture",LGraphChannelsTexture);var LGraphTextureGradient=function(){this.addInput("A","color");this.addInput("B","color");this.addOutput("Texture","Texture");this.properties={angle:0,scale:1,A:[0,0,0],B:[1,1,1],texture_size:32};LGraphTextureGradient._shader||(LGraphTextureGradient._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureGradient.pixel_shader));this._uniforms={u_angle:0,u_colorA:vec3.create(),u_colorB:vec3.create()}};LGraphTextureGradient.title=
-"Gradient";LGraphTextureGradient.desc="Generates a gradient";LGraphTextureGradient["@A"]={type:"color"};LGraphTextureGradient["@B"]={type:"color"};LGraphTextureGradient["@texture_size"]={type:"enum",values:[32,64,128,256,512]};LGraphTextureGradient.prototype.onExecute=function(){gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var e=GL.Mesh.getScreenQuad(),d=LGraphTextureGradient._shader,f=this.getInputData(0);f||(f=this.properties.A);var h=this.getInputData(1);h||(h=this.properties.B);for(var n=2;n<
-this.inputs.length;n++){var k=this.inputs[n],a=this.getInputData(n);void 0!==a&&(this.properties[k.name]=a)}var b=this._uniforms;this._uniforms.u_angle=this.properties.angle*DEG2RAD;this._uniforms.u_scale=this.properties.scale;vec3.copy(b.u_colorA,f);vec3.copy(b.u_colorB,h);f=parseInt(this.properties.texture_size);this._tex&&this._tex.width==f||(this._tex=new GL.Texture(f,f,{format:gl.RGB,filter:gl.LINEAR}));this._tex.drawTo(function(){d.uniforms(b).draw(e)});this.setOutputData(0,this._tex)};LGraphTextureGradient.prototype.onGetInputs=
-function(){return[["angle","number"],["scale","number"]]};LGraphTextureGradient.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform float u_angle;\n\t\t\tuniform float u_scale;\n\t\t\tuniform vec3 u_colorA;\n\t\t\tuniform vec3 u_colorB;\n\t\t\t\n\t\t\tvec2 rotate(vec2 v, float angle)\n\t\t\t{\n\t\t\t\tvec2 result;\n\t\t\t\tfloat _cos = cos(angle);\n\t\t\t\tfloat _sin = sin(angle);\n\t\t\t\tresult.x = v.x * _cos - v.y * _sin;\n\t\t\t\tresult.y = v.x * _sin + v.y * _cos;\n\t\t\t\treturn result;\n\t\t\t}\n\t\t\tvoid main() {\n\t\t\t\tfloat f = (rotate(u_scale * (v_coord - vec2(0.5)), u_angle) + vec2(0.5)).x;\n\t\t\t\tvec3 color = mix(u_colorA,u_colorB,clamp(f,0.0,1.0));\n\t\t\t gl_FragColor = vec4(color,1.0);\n\t\t\t}\n\t\t\t";
-LiteGraph.registerNodeType("texture/gradient",LGraphTextureGradient);var LGraphTextureMix=function(){this.addInput("A","Texture");this.addInput("B","Texture");this.addInput("Mixer","Texture");this.addOutput("Texture","Texture");this.properties={precision:LGraphTexture.DEFAULT};LGraphTextureMix._shader||(LGraphTextureMix._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureMix.pixel_shader))};LGraphTextureMix.title="Mix";LGraphTextureMix.desc="Generates a texture mixing two textures";LGraphTextureMix.widgets_info=
-{precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};LGraphTextureMix.prototype.onExecute=function(){var e=this.getInputData(0);if(this.isOutputConnected(0))if(this.properties.precision===LGraphTexture.PASS_THROUGH)this.setOutputData(0,e);else{var d=this.getInputData(1),f=this.getInputData(2);if(e&&d&&f){this._tex=LGraphTexture.getTargetTexture(e,this._tex,this.properties.precision);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var h=Mesh.getScreenQuad(),n=LGraphTextureMix._shader;this._tex.drawTo(function(){e.bind(0);
-d.bind(1);f.bind(2);n.uniforms({u_textureA:0,u_textureB:1,u_textureMix:2}).draw(h)});this.setOutputData(0,this._tex)}}};LGraphTextureMix.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_textureA;\n\t\t\tuniform sampler2D u_textureB;\n\t\t\tuniform sampler2D u_textureMix;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t gl_FragColor = mix( texture2D(u_textureA, v_coord), texture2D(u_textureB, v_coord), texture2D(u_textureMix, v_coord) );\n\t\t\t}\n\t\t\t";
-LiteGraph.registerNodeType("texture/mix",LGraphTextureMix);var LGraphTextureEdges=function(){this.addInput("Tex.","Texture");this.addOutput("Edges","Texture");this.properties={invert:!0,factor:1,precision:LGraphTexture.DEFAULT};LGraphTextureEdges._shader||(LGraphTextureEdges._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureEdges.pixel_shader))};LGraphTextureEdges.title="Edges";LGraphTextureEdges.desc="Detects edges";LGraphTextureEdges.widgets_info={precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};
-LGraphTextureEdges.prototype.onExecute=function(){if(this.isOutputConnected(0)){var e=this.getInputData(0);if(this.properties.precision===LGraphTexture.PASS_THROUGH)this.setOutputData(0,e);else if(e){this._tex=LGraphTexture.getTargetTexture(e,this._tex,this.properties.precision);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var d=Mesh.getScreenQuad(),f=LGraphTextureEdges._shader,h=this.properties.invert,n=this.properties.factor;this._tex.drawTo(function(){e.bind(0);f.uniforms({u_texture:0,u_isize:[1/
-e.width,1/e.height],u_factor:n,u_invert:h?1:0}).draw(d)});this.setOutputData(0,this._tex)}}};LGraphTextureEdges.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec2 u_isize;\n\t\t\tuniform int u_invert;\n\t\t\tuniform float u_factor;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec4 center = texture2D(u_texture, v_coord);\n\t\t\t\tvec4 up = texture2D(u_texture, v_coord + u_isize * vec2(0.0,1.0) );\n\t\t\t\tvec4 down = texture2D(u_texture, v_coord + u_isize * vec2(0.0,-1.0) );\n\t\t\t\tvec4 left = texture2D(u_texture, v_coord + u_isize * vec2(1.0,0.0) );\n\t\t\t\tvec4 right = texture2D(u_texture, v_coord + u_isize * vec2(-1.0,0.0) );\n\t\t\t\tvec4 diff = abs(center - up) + abs(center - down) + abs(center - left) + abs(center - right);\n\t\t\t\tdiff *= u_factor;\n\t\t\t\tif(u_invert == 1)\n\t\t\t\t\tdiff.xyz = vec3(1.0) - diff.xyz;\n\t\t\t gl_FragColor = vec4( diff.xyz, center.a );\n\t\t\t}\n\t\t\t";
-LiteGraph.registerNodeType("texture/edges",LGraphTextureEdges);var LGraphTextureDepthRange=function(){this.addInput("Texture","Texture");this.addInput("Distance","number");this.addInput("Range","number");this.addOutput("Texture","Texture");this.properties={distance:100,range:50,high_precision:!1}};LGraphTextureDepthRange.title="Depth Range";LGraphTextureDepthRange.desc="Generates a texture with a depth range";LGraphTextureDepthRange.prototype.onExecute=function(){if(this.isOutputConnected(0)){var e=
-this.getInputData(0);if(e){var d=gl.UNSIGNED_BYTE;this.properties.high_precision&&(d=gl.half_float_ext?gl.HALF_FLOAT_OES:gl.FLOAT);this._temp_texture&&this._temp_texture.type==d&&this._temp_texture.width==e.width&&this._temp_texture.height==e.height||(this._temp_texture=new GL.Texture(e.width,e.height,{type:d,format:gl.RGBA,filter:gl.LINEAR}));var f=this.properties.distance;this.isInputConnected(1)&&(f=this.getInputData(1),this.properties.distance=f);var h=this.properties.range;this.isInputConnected(2)&&
-(h=this.getInputData(2),this.properties.range=h);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var n=Mesh.getScreenQuad();LGraphTextureDepthRange._shader||(LGraphTextureDepthRange._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureDepthRange.pixel_shader));var k=LGraphTextureDepthRange._shader,a=[LS.Renderer._current_camera.near,LS.Renderer._current_camera.far];this._temp_texture.drawTo(function(){e.bind(0);k.uniforms({u_texture:0,u_distance:f,u_range:h,u_camera_planes:a}).draw(n)});
-this.setOutputData(0,this._temp_texture)}}};LGraphTextureDepthRange.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec2 u_camera_planes;\n\t\t\tuniform float u_distance;\n\t\t\tuniform float u_range;\n\t\t\t\n\t\t\tfloat LinearDepth()\n\t\t\t{\n\t\t\t\tfloat n = u_camera_planes.x;\n\t\t\t\tfloat f = u_camera_planes.y;\n\t\t\t\treturn (2.0 * n) / (f + n - texture2D(u_texture, v_coord).x * (f - n));\n\t\t\t}\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tfloat diff = abs(LinearDepth() * u_camera_planes.y - u_distance);\n\t\t\t\tfloat dof = 1.0;\n\t\t\t\tif(diff <= u_range)\n\t\t\t\t\tdof = diff / u_range;\n\t\t\t gl_FragColor = vec4(dof);\n\t\t\t}\n\t\t\t";
-LiteGraph.registerNodeType("texture/depth_range",LGraphTextureDepthRange);var LGraphTextureBlur=function(){this.addInput("Texture","Texture");this.addInput("Iterations","number");this.addInput("Intensity","number");this.addOutput("Blurred","Texture");this.properties={intensity:1,iterations:1,preserve_aspect:!1,scale:[1,1]}};LGraphTextureBlur.title="Blur";LGraphTextureBlur.desc="Blur a texture";LGraphTextureBlur.max_iterations=20;LGraphTextureBlur.prototype.onExecute=function(){var e=this.getInputData(0);
-if(e&&this.isOutputConnected(0)){var d=this._temp_texture;d&&d.width==e.width&&d.height==e.height&&d.type==e.type||(this._temp_texture=new GL.Texture(e.width,e.height,{type:e.type,format:gl.RGBA,filter:gl.LINEAR}),this._final_texture=new GL.Texture(e.width,e.height,{type:e.type,format:gl.RGBA,filter:gl.LINEAR}));d=this.properties.iterations;this.isInputConnected(1)&&(d=this.getInputData(1),this.properties.iterations=d);d=Math.min(Math.floor(d),LGraphTextureBlur.max_iterations);if(0==d)this.setOutputData(0,
-e);else{var f=this.properties.intensity;this.isInputConnected(2)&&(f=this.getInputData(2),this.properties.intensity=f);var h=LiteGraph.camera_aspect;h||void 0===window.gl||(h=gl.canvas.height/gl.canvas.width);h||(h=1);for(var h=this.properties.preserve_aspect?h:1,n=this.properties.scale||[1,1],k=0;k=this.size[1]||!this._video||(e.save(),e.webgl?this._temp_texture&&e.drawImage(this._temp_texture,0,0,this.size[0],this.size[1]):(e.translate(0,this.size[1]),e.scale(1,-1),e.drawImage(this._video,0,0,this.size[0],this.size[1])),e.restore())};LGraphTextureWebcam.prototype.onExecute=function(){null!=this._webcam_stream||this._waiting_confirmation||this.openStream();if(this._video&&
-this._video.videoWidth){var e=this._video.videoWidth,d=this._video.videoHeight,f=this._temp_texture;f&&f.width==e&&f.height==d||(this._temp_texture=new GL.Texture(e,d,{format:gl.RGB,filter:gl.LINEAR}));this._temp_texture.uploadImage(this._video);this.properties.texture_name&&(LGraphTexture.getTexturesContainer()[this.properties.texture_name]=this._temp_texture);this.setOutputData(0,this._temp_texture)}};LiteGraph.registerNodeType("texture/webcam",LGraphTextureWebcam);var LGraphTextureMatte=function(){this.addInput("in",
-"Texture");this.addOutput("out","Texture");this.properties={key_color:vec3.fromValues(0,1,0),threshold:0.8,slope:0.2,precision:LGraphTexture.DEFAULT};LGraphTextureMatte._shader||(LGraphTextureMatte._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,LGraphTextureMatte.pixel_shader))};LGraphTextureMatte.title="Matte";LGraphTextureMatte.desc="Extracts background";LGraphTextureMatte.widgets_info={key_color:{widget:"color"},precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};LGraphTextureMatte.prototype.onExecute=
-function(){if(this.isOutputConnected(0)){var e=this.getInputData(0);if(this.properties.precision===LGraphTexture.PASS_THROUGH)this.setOutputData(0,e);else if(e){this._tex=LGraphTexture.getTargetTexture(e,this._tex,this.properties.precision);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);this._uniforms||(this._uniforms={u_texture:0,u_key_color:this.properties.key_color,u_threshold:1,u_slope:1});var d=this._uniforms,f=Mesh.getScreenQuad(),h=LGraphTextureMatte._shader;d.u_key_color=this.properties.key_color;
-d.u_threshold=this.properties.threshold;d.u_slope=this.properties.slope;this._tex.drawTo(function(){e.bind(0);h.uniforms(d).draw(f)});this.setOutputData(0,this._tex)}}};LGraphTextureMatte.pixel_shader="precision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec3 u_key_color;\n\t\t\tuniform float u_threshold;\n\t\t\tuniform float u_slope;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec3 color = texture2D( u_texture, v_coord ).xyz;\n\t\t\t\tfloat diff = length( normalize(color) - normalize(u_key_color) );\n\t\t\t\tfloat edge = u_threshold * (1.0 - u_slope);\n\t\t\t\tfloat alpha = smoothstep( edge, u_threshold, diff);\n\t\t\t\tgl_FragColor = vec4( color, alpha );\n\t\t\t}";
-LiteGraph.registerNodeType("texture/matte",LGraphTextureMatte);var LGraphCubemap=function(){this.addOutput("Cubemap","Cubemap");this.properties={name:""};this.size=[LGraphTexture.image_preview_size,LGraphTexture.image_preview_size]};LGraphCubemap.title="Cubemap";LGraphCubemap.prototype.onDropFile=function(e,d,f){e?(this._drop_texture="string"==typeof e?GL.Texture.fromURL(e):GL.Texture.fromDDSInMemory(e),this.properties.name=d):(this._drop_texture=null,this.properties.name="")};LGraphCubemap.prototype.onExecute=
-function(){if(this._drop_texture)this.setOutputData(0,this._drop_texture);else if(this.properties.name){var e=LGraphTexture.getTexture(this.properties.name);e&&(this._last_tex=e,this.setOutputData(0,e))}};LGraphCubemap.prototype.onDrawBackground=function(e){this.flags.collapsed||20>=this.size[1]||e.webgl&&(gl.meshes.cube||(gl.meshes.cube=GL.Mesh.cube({size:1})))};LiteGraph.registerNodeType("texture/cubemap",LGraphCubemap)}
-if("undefined"!=typeof LiteGraph){var LGraphFXLens=function(){this.addInput("Texture","Texture");this.addInput("Aberration","number");this.addInput("Distortion","number");this.addInput("Blur","number");this.addOutput("Texture","Texture");this.properties={aberration:1,distortion:1,blur:1,precision:LGraphTexture.DEFAULT};LGraphFXLens._shader||(LGraphFXLens._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphFXLens.pixel_shader))};LGraphFXLens.title="Lens";LGraphFXLens.desc="Camera Lens distortion";
-LGraphFXLens.widgets_info={precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};LGraphFXLens.prototype.onExecute=function(){var e=this.getInputData(0);if(this.properties.precision===LGraphTexture.PASS_THROUGH)this.setOutputData(0,e);else if(e){this._tex=LGraphTexture.getTargetTexture(e,this._tex,this.properties.precision);var d=this.properties.aberration;this.isInputConnected(1)&&(d=this.getInputData(1),this.properties.aberration=d);var f=this.properties.distortion;this.isInputConnected(2)&&
-(f=this.getInputData(2),this.properties.distortion=f);var h=this.properties.blur;this.isInputConnected(3)&&(h=this.getInputData(3),this.properties.blur=h);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var n=Mesh.getScreenQuad(),k=LGraphFXLens._shader;this._tex.drawTo(function(){e.bind(0);k.uniforms({u_texture:0,u_aberration:d,u_distortion:f,u_blur:h}).draw(n)});this.setOutputData(0,this._tex)}};LGraphFXLens.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec2 u_camera_planes;\n\t\t\tuniform float u_aberration;\n\t\t\tuniform float u_distortion;\n\t\t\tuniform float u_blur;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec2 coord = v_coord;\n\t\t\t\tfloat dist = distance(vec2(0.5), coord);\n\t\t\t\tvec2 dist_coord = coord - vec2(0.5);\n\t\t\t\tfloat percent = 1.0 + ((0.5 - dist) / 0.5) * u_distortion;\n\t\t\t\tdist_coord *= percent;\n\t\t\t\tcoord = dist_coord + vec2(0.5);\n\t\t\t\tvec4 color = texture2D(u_texture,coord, u_blur * dist);\n\t\t\t\tcolor.r = texture2D(u_texture,vec2(0.5) + dist_coord * (1.0+0.01*u_aberration), u_blur * dist ).r;\n\t\t\t\tcolor.b = texture2D(u_texture,vec2(0.5) + dist_coord * (1.0-0.01*u_aberration), u_blur * dist ).b;\n\t\t\t\tgl_FragColor = color;\n\t\t\t}\n\t\t\t";
-LiteGraph.registerNodeType("fx/lens",LGraphFXLens);window.LGraphFXLens=LGraphFXLens;var LGraphFXBokeh=function(){this.addInput("Texture","Texture");this.addInput("Blurred","Texture");this.addInput("Mask","Texture");this.addInput("Threshold","number");this.addOutput("Texture","Texture");this.properties={shape:"",size:10,alpha:1,threshold:1,high_precision:!1}};LGraphFXBokeh.title="Bokeh";LGraphFXBokeh.desc="applies an Bokeh effect";LGraphFXBokeh.widgets_info={shape:{widget:"texture"}};LGraphFXBokeh.prototype.onExecute=
-function(){var e=this.getInputData(0),d=this.getInputData(1),f=this.getInputData(2);if(e&&f&&this.properties.shape){d||(d=e);var h=LGraphTexture.getTexture(this.properties.shape);if(h){var n=this.properties.threshold;this.isInputConnected(3)&&(n=this.getInputData(3),this.properties.threshold=n);var k=gl.UNSIGNED_BYTE;this.properties.high_precision&&(k=gl.half_float_ext?gl.HALF_FLOAT_OES:gl.FLOAT);this._temp_texture&&this._temp_texture.type==k&&this._temp_texture.width==e.width&&this._temp_texture.height==
-e.height||(this._temp_texture=new GL.Texture(e.width,e.height,{type:k,format:gl.RGBA,filter:gl.LINEAR}));var a=LGraphFXBokeh._first_shader;a||(a=LGraphFXBokeh._first_shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphFXBokeh._first_pixel_shader));var b=LGraphFXBokeh._second_shader;b||(b=LGraphFXBokeh._second_shader=new GL.Shader(LGraphFXBokeh._second_vertex_shader,LGraphFXBokeh._second_pixel_shader));var c=this._points_mesh;c&&c._width==e.width&&c._height==e.height&&2==c._spacing||(c=this.createPointsMesh(e.width,
-e.height,2));var g=Mesh.getScreenQuad(),l=this.properties.size,u=this.properties.alpha;gl.disable(gl.DEPTH_TEST);gl.disable(gl.BLEND);this._temp_texture.drawTo(function(){e.bind(0);d.bind(1);f.bind(2);a.uniforms({u_texture:0,u_texture_blur:1,u_mask:2,u_texsize:[e.width,e.height]}).draw(g)});this._temp_texture.drawTo(function(){gl.enable(gl.BLEND);gl.blendFunc(gl.ONE,gl.ONE);e.bind(0);h.bind(3);b.uniforms({u_texture:0,u_mask:2,u_shape:3,u_alpha:u,u_threshold:n,u_pointSize:l,u_itexsize:[1/e.width,1/
-e.height]}).draw(c,gl.POINTS)});this.setOutputData(0,this._temp_texture)}}else this.setOutputData(0,e)};LGraphFXBokeh.prototype.createPointsMesh=function(e,d,f){for(var h=Math.round(e/f),n=Math.round(d/f),k=new Float32Array(h*n*2),a=-1,b=2/e*f,c=2/d*f,g=0;g=d.NOTEON||b<=d.NOTEOFF)this.channel=a&15};Object.defineProperty(d.prototype,"velocity",
-{get:function(){return this.cmd==d.NOTEON?this.data[2]:-1},set:function(a){this.data[2]=a},enumerable:!0});d.notes="A A# B C C# D D# E F F# G G#".split(" ");d.prototype.getPitch=function(){return 440*Math.pow(2,(this.data[1]-69)/12)};d.computePitch=function(a){return 440*Math.pow(2,(a-69)/12)};d.prototype.getCC=function(){return this.data[1]};d.prototype.getCCValue=function(){return this.data[2]};d.prototype.getPitchBend=function(){return this.data[1]+(this.data[2]<<7)-8192};d.computePitchBend=function(a,
-b){return a+(b<<7)-8192};d.prototype.setCommandFromString=function(a){this.cmd=d.computeCommandFromString(a)};d.computeCommandFromString=function(a){if(!a)return 0;if(a&&a.constructor===Number)return a;a=a.toUpperCase();switch(a){case "NOTE ON":case "NOTEON":return d.NOTEON;case "NOTE OFF":case "NOTEOFF":return d.NOTEON;case "KEY PRESSURE":case "KEYPRESSURE":return d.KEYPRESSURE;case "CONTROLLER CHANGE":case "CONTROLLERCHANGE":case "CC":return d.CONTROLLERCHANGE;case "PROGRAM CHANGE":case "PROGRAMCHANGE":case "PC":return d.PROGRAMCHANGE;
-case "CHANNEL PRESSURE":case "CHANNELPRESSURE":return d.CHANNELPRESSURE;case "PITCH BEND":case "PITCHBEND":return d.PITCHBEND;case "TIME TICK":case "TIMETICK":return d.TIMETICK;default:return Number(a)}};d.toNoteString=function(a){var b;b=(a-21)%12;0>b&&(b=12+b);return d.notes[b]+Math.floor((a-24)/12+1)};d.prototype.toString=function(){var a=""+this.channel+". ";switch(this.cmd){case d.NOTEON:a+="NOTEON "+d.toNoteString(this.data[1]);break;case d.NOTEOFF:a+="NOTEOFF "+d.toNoteString(this.data[1]);
-break;case d.CONTROLLERCHANGE:a+="CC "+this.data[1]+" "+this.data[2];break;case d.PROGRAMCHANGE:a+="PC "+this.data[1];break;case d.PITCHBEND:a+="PITCHBEND "+this.getPitchBend();break;case d.KEYPRESSURE:a+="KEYPRESS "+this.data[1]}return a};d.prototype.toHexString=function(){for(var a="",b=0;bthis.properties.max_value||this.trigger("on_midi",
-b)};LiteGraph.registerNodeType("midi/filter",a);b.title="MIDIEvent";b.desc="Create a MIDI Event";b.prototype.onAction=function(a,b){"assign"==a?(this.properties.channel=b.channel,this.properties.cmd=b.cmd,this.properties.value1=b.data[1],this.properties.value2=b.data[2]):(b=new d,b.channel=this.properties.channel,this.properties.cmd&&this.properties.cmd.constructor===String?b.setCommandFromString(this.properties.cmd):b.cmd=this.properties.cmd,b.data[0]=b.cmd|b.channel,b.data[1]=Number(this.properties.value1),
-b.data[2]=Number(this.properties.value2),this.trigger("on_midi",b))};b.prototype.onExecute=function(){var a=this.properties;if(this.outputs)for(var b=0;b=this.size[0]&&(e=this.size[0]-1),a.strokeStyle="red",a.beginPath(),a.moveTo(e,d),a.lineTo(e,0),a.stroke())}};
-u.title="Visualization";u.desc="Audio Visualization";LiteGraph.registerNodeType("audio/visualization",u);t.prototype.onExecute=function(){if(this._freqs=this.getInputData(0)){var a=this.properties.band,b=this.getInputData(1);void 0!==b&&(a=b);b=p.getAudioContext().sampleRate/this._freqs.length;b=a/b*2;b>=this._freqs.length?b=this._freqs[this._freqs.length-1]:(a=b|0,b-=a,b=this._freqs[a]*(1-b)+this._freqs[a+1]*b);this.setOutputData(0,b/255*this.properties.amplitude)}};t.prototype.onGetInputs=function(){return[["band",
-"number"]]};t.title="Signal";t.desc="extract the signal of some frequency";LiteGraph.registerNodeType("audio/signal",t);r.prototype.onAdded=function(a){a.status==LGraph.STATUS_RUNNING&&(this.audionode.onaudioprocess=this._callback)};r["@code"]={widget:"code"};r.prototype.onStart=function(){this.audionode.onaudioprocess=this._callback};r.prototype.onStop=function(){this.audionode.onaudioprocess=r._bypass_function};r.prototype.onPause=function(){this.audionode.onaudioprocess=r._bypass_function};r.prototype.onUnpause=
-function(){this.audionode.onaudioprocess=this._callback};r.prototype.onExecute=function(){};r.prototype.onRemoved=function(){this.audionode.onaudioprocess=r._bypass_function};r.prototype.processCode=function(){try{this._script=new new Function("properties",this.properties.code)(this.properties),this._old_code=this.properties.code,this._callback=this._script.onaudioprocess}catch(a){console.error("Error in onaudioprocess code",a),this._callback=r._bypass_function,this.audionode.onaudioprocess=this._callback}};
-r.prototype.onPropertyChanged=function(a,b){"code"==a&&(this.properties.code=b,this.processCode(),this.graph&&this.graph.status==LGraph.STATUS_RUNNING&&(this.audionode.onaudioprocess=this._callback))};r.default_function=function(){this.onaudioprocess=function(a){var b=a.inputBuffer;a=a.outputBuffer;for(var c=0;c f && (f = Math.max(0, e + f));
+ if (null == g || g > e) {
+ g = e;
+ }
+ g = Number(g);
+ 0 > g && (g = Math.max(0, e + g));
+ for (f = Number(f || 0); f < g; f++) {
+ this[f] = d;
+ }
+ return this;
+ };
+}, "es6", "es3");
+$jscomp.SYMBOL_PREFIX = "jscomp_symbol_";
+$jscomp.initSymbol = function() {
+ $jscomp.initSymbol = function() {
+ };
+ $jscomp.global.Symbol || ($jscomp.global.Symbol = $jscomp.Symbol);
+};
+$jscomp.Symbol = function() {
+ var d = 0;
+ return function(e) {
+ return $jscomp.SYMBOL_PREFIX + (e || "") + d++;
+ };
+}();
+$jscomp.initSymbolIterator = function() {
+ $jscomp.initSymbol();
+ var d = $jscomp.global.Symbol.iterator;
+ d || (d = $jscomp.global.Symbol.iterator = $jscomp.global.Symbol("iterator"));
+ "function" != typeof Array.prototype[d] && $jscomp.defineProperty(Array.prototype, d, {configurable:!0, writable:!0, value:function() {
+ return $jscomp.arrayIterator(this);
+ }});
+ $jscomp.initSymbolIterator = function() {
+ };
+};
+$jscomp.arrayIterator = function(d) {
+ var e = 0;
+ return $jscomp.iteratorPrototype(function() {
+ return e < d.length ? {done:!1, value:d[e++]} : {done:!0};
+ });
+};
+$jscomp.iteratorPrototype = function(d) {
+ $jscomp.initSymbolIterator();
+ d = {next:d};
+ d[$jscomp.global.Symbol.iterator] = function() {
+ return this;
+ };
+ return d;
+};
+$jscomp.iteratorFromArray = function(d, e) {
+ $jscomp.initSymbolIterator();
+ d instanceof String && (d += "");
+ var f = 0, g = {next:function() {
+ if (f < d.length) {
+ var l = f++;
+ return {value:e(l, d[l]), done:!1};
+ }
+ g.next = function() {
+ return {done:!0, value:void 0};
+ };
+ return g.next();
+ }};
+ g[Symbol.iterator] = function() {
+ return g;
+ };
+ return g;
+};
+$jscomp.polyfill("Array.prototype.values", function(d) {
+ return d ? d : function() {
+ return $jscomp.iteratorFromArray(this, function(d, f) {
+ return f;
+ });
+ };
+}, "es8", "es3");
+(function(d) {
+ function e(a, b) {
+ return Math.sqrt((b[0] - a[0]) * (b[0] - a[0]) + (b[1] - a[1]) * (b[1] - a[1]));
+ }
+ function f(a, b, c, h, n, d) {
+ return c < a && c + n > a && h < b && h + d > b ? !0 : !1;
+ }
+ function g(a, b) {
+ return a[0] > b[2] || a[1] > b[3] || a[2] < b[0] || a[3] < b[1] ? !1 : !0;
+ }
+ function l(a, b) {
+ this.options = b = b || {};
+ var c = this;
+ b.parentMenu && (b.parentMenu.constructor !== this.constructor ? (console.error("parentMenu must be of class ContextMenu, ignoring it"), b.parentMenu = null) : (this.parentMenu = b.parentMenu, this.parentMenu.lock = !0, this.parentMenu.current_submenu = this));
+ b.event && b.event.constructor !== MouseEvent && b.event.constructor !== CustomEvent && (console.error("Event passed to ContextMenu is not of type MouseEvent or CustomEvent. Ignoring it."), b.event = null);
+ var h = document.createElement("div");
+ h.className = "litegraph litecontextmenu litemenubar-panel";
+ h.style.minWidth = 100;
+ h.style.minHeight = 100;
+ h.style.pointerEvents = "none";
+ setTimeout(function() {
+ h.style.pointerEvents = "auto";
+ }, 100);
+ h.addEventListener("mouseup", function(a) {
+ a.preventDefault();
+ return !0;
+ }, !0);
+ h.addEventListener("contextmenu", function(a) {
+ if (2 != a.button) {
+ return !1;
+ }
+ a.preventDefault();
+ return !1;
+ }, !0);
+ h.addEventListener("mousedown", function(a) {
+ if (2 == a.button) {
+ return c.close(), a.preventDefault(), !0;
+ }
+ }, !0);
+ this.root = h;
+ if (b.title) {
+ var n = document.createElement("div");
+ n.className = "litemenu-title";
+ n.innerHTML = b.title;
+ h.appendChild(n);
+ }
+ n = 0;
+ for (var d in a) {
+ var e = a.constructor == Array ? a[d] : d;
+ null != e && e.constructor !== String && (e = void 0 === e.content ? String(e) : e.content);
+ this.addItem(e, a[d], b);
+ n++;
+ }
+ h.addEventListener("mouseleave", function(a) {
+ c.lock || c.close(a);
+ });
+ a = document;
+ b.event && (a = b.event.target.ownerDocument);
+ a || (a = document);
+ a.body.appendChild(h);
+ d = b.left || 0;
+ a = b.top || 0;
+ b.event && (d = b.event.pageX - 10, a = b.event.pageY - 10, b.title && (a -= 20), b.parentMenu && (b = b.parentMenu.root.getBoundingClientRect(), d = b.left + b.width), b = document.body.getBoundingClientRect(), n = h.getBoundingClientRect(), d > b.width - n.width - 10 && (d = b.width - n.width - 10), a > b.height - n.height - 10 && (a = b.height - n.height - 10));
+ h.style.left = d + "px";
+ h.style.top = a + "px";
+ }
+ var k = d.LiteGraph = {NODE_TITLE_HEIGHT:16, NODE_SLOT_HEIGHT:15, NODE_WIDTH:140, NODE_MIN_WIDTH:50, NODE_COLLAPSED_RADIUS:10, NODE_COLLAPSED_WIDTH:80, CANVAS_GRID_SIZE:10, NODE_TITLE_COLOR:"#222", NODE_DEFAULT_COLOR:"#999", NODE_DEFAULT_BGCOLOR:"#444", NODE_DEFAULT_BOXCOLOR:"#AEF", NODE_DEFAULT_SHAPE:"box", MAX_NUMBER_OF_NODES:1000, DEFAULT_POSITION:[100, 100], node_images_path:"", INPUT:1, OUTPUT:2, EVENT:-1, ACTION:-1, ALWAYS:0, ON_EVENT:1, NEVER:2, proxy:null, debug:!1, throw_errors:!0, allow_scripts:!0,
+ registered_node_types:{}, node_types_by_file_extension:{}, Nodes:{}, registerNodeType:function(a, b) {
+ if (!b.prototype) {
+ throw "Cannot register a simple object, it must be a class with a prototype";
+ }
+ b.type = a;
+ k.debug && console.log("Node registered: " + a);
+ a.split("/");
+ var c = b.constructor.name, h = a.lastIndexOf("/");
+ b.category = a.substr(0, h);
+ b.title || (b.title = c);
+ if (b.prototype) {
+ for (var n in LGraphNode.prototype) {
+ b.prototype[n] || (b.prototype[n] = LGraphNode.prototype[n]);
+ }
+ }
+ this.registered_node_types[a] = b;
+ b.constructor.name && (this.Nodes[c] = b);
+ b.prototype.onPropertyChange && console.warn("LiteGraph node class " + a + " has onPropertyChange method, it must be called onPropertyChanged with d at the end");
+ if (b.supported_extensions) {
+ for (n in b.supported_extensions) {
+ this.node_types_by_file_extension[b.supported_extensions[n].toLowerCase()] = b;
+ }
+ }
+ }, addNodeMethod:function(a, b) {
+ LGraphNode.prototype[a] = b;
+ for (var c in this.registered_node_types) {
+ var h = this.registered_node_types[c];
+ h.prototype[a] && (h.prototype["_" + a] = h.prototype[a]);
+ h.prototype[a] = b;
+ }
+ }, createNode:function(a, b, c) {
+ var h = this.registered_node_types[a];
+ if (!h) {
+ return k.debug && console.log('GraphNode type "' + a + '" not registered.'), null;
+ }
+ b = b || h.title || a;
+ h = new h(name);
+ h.type = a;
+ h.title || (h.title = b);
+ h.properties || (h.properties = {});
+ h.properties_info || (h.properties_info = []);
+ h.flags || (h.flags = {});
+ h.size || (h.size = h.computeSize());
+ h.pos || (h.pos = k.DEFAULT_POSITION.concat());
+ h.mode || (h.mode = k.ALWAYS);
+ if (c) {
+ for (var n in c) {
+ h[n] = c[n];
+ }
+ }
+ return h;
+ }, getNodeType:function(a) {
+ return this.registered_node_types[a];
+ }, getNodeTypesInCategory:function(a) {
+ var b = [], c;
+ for (c in this.registered_node_types) {
+ "" == a ? null == this.registered_node_types[c].category && b.push(this.registered_node_types[c]) : this.registered_node_types[c].category == a && b.push(this.registered_node_types[c]);
+ }
+ return b;
+ }, getNodeTypesCategories:function() {
+ var a = {"":1}, b;
+ for (b in this.registered_node_types) {
+ this.registered_node_types[b].category && !this.registered_node_types[b].skip_list && (a[this.registered_node_types[b].category] = 1);
+ }
+ var c = [];
+ for (b in a) {
+ c.push(b);
+ }
+ return c;
+ }, reloadNodes:function(a) {
+ var b = document.getElementsByTagName("script"), c = [], h;
+ for (h in b) {
+ c.push(b[h]);
+ }
+ b = document.getElementsByTagName("head")[0];
+ a = document.location.href + a;
+ for (h in c) {
+ var n = c[h].src;
+ if (n && n.substr(0, a.length) == a) {
+ try {
+ k.debug && console.log("Reloading: " + n);
+ var d = document.createElement("script");
+ d.type = "text/javascript";
+ d.src = n;
+ b.appendChild(d);
+ b.removeChild(c[h]);
+ } catch (u) {
+ if (k.throw_errors) {
+ throw u;
+ }
+ k.debug && console.log("Error while reloading " + n);
+ }
+ }
+ }
+ k.debug && console.log("Nodes reloaded");
+ }, cloneObject:function(a, b) {
+ if (null == a) {
+ return null;
+ }
+ a = JSON.parse(JSON.stringify(a));
+ if (!b) {
+ return a;
+ }
+ for (var c in a) {
+ b[c] = a[c];
+ }
+ return b;
+ }, isValidConnection:function(a, b) {
+ return !a || !b || a == a || a !== k.EVENT && b !== k.EVENT && a.toLowerCase() == b.toLowerCase() ? !0 : !1;
+ }};
+ k.getTime = "undefined" != typeof performance ? function() {
+ return performance.now();
+ } : function() {
+ return Date.now();
+ };
+ d.LGraph = k.LGraph = function() {
+ k.debug && console.log("Graph created");
+ this.list_of_graphcanvas = null;
+ this.clear();
+ };
+ LGraph.supported_types = ["number", "string", "boolean"];
+ LGraph.prototype.getSupportedTypes = function() {
+ return this.supported_types || LGraph.supported_types;
+ };
+ LGraph.STATUS_STOPPED = 1;
+ LGraph.STATUS_RUNNING = 2;
+ LGraph.prototype.clear = function() {
+ this.stop();
+ this.status = LGraph.STATUS_STOPPED;
+ this.last_node_id = 0;
+ this._nodes = [];
+ this._nodes_by_id = {};
+ this._nodes_executable = this._nodes_in_order = null;
+ this.last_link_id = 0;
+ this.links = {};
+ this.iteration = 0;
+ this.config = {};
+ this.fixedtime = this.runningtime = this.globaltime = 0;
+ this.elapsed_time = this.fixedtime_lapse = 0.01;
+ this.starttime = 0;
+ this.catch_errors = !0;
+ this.global_inputs = {};
+ this.global_outputs = {};
+ this.debug = !0;
+ this.change();
+ this.sendActionToCanvas("clear");
+ };
+ LGraph.prototype.attachCanvas = function(a) {
+ if (a.constructor != LGraphCanvas) {
+ throw "attachCanvas expects a LGraphCanvas instance";
+ }
+ a.graph && a.graph != this && a.graph.detachCanvas(a);
+ a.graph = this;
+ this.list_of_graphcanvas || (this.list_of_graphcanvas = []);
+ this.list_of_graphcanvas.push(a);
+ };
+ LGraph.prototype.detachCanvas = function(a) {
+ if (this.list_of_graphcanvas) {
+ var b = this.list_of_graphcanvas.indexOf(a);
+ -1 != b && (a.graph = null, this.list_of_graphcanvas.splice(b, 1));
+ }
+ };
+ LGraph.prototype.start = function(a) {
+ if (this.status != LGraph.STATUS_RUNNING) {
+ this.status = LGraph.STATUS_RUNNING;
+ if (this.onPlayEvent) {
+ this.onPlayEvent();
+ }
+ this.sendEventToAllNodes("onStart");
+ this.starttime = k.getTime();
+ var b = this;
+ this.execution_timer_id = setInterval(function() {
+ b.runStep(1, !this.catch_errors);
+ }, a || 1);
+ }
+ };
+ LGraph.prototype.stop = function() {
+ if (this.status != LGraph.STATUS_STOPPED) {
+ this.status = LGraph.STATUS_STOPPED;
+ if (this.onStopEvent) {
+ this.onStopEvent();
+ }
+ null != this.execution_timer_id && clearInterval(this.execution_timer_id);
+ this.execution_timer_id = null;
+ this.sendEventToAllNodes("onStop");
+ }
+ };
+ LGraph.prototype.runStep = function(a, b) {
+ a = a || 1;
+ var c = k.getTime();
+ this.globaltime = 0.001 * (c - this.starttime);
+ var h = this._nodes_executable ? this._nodes_executable : this._nodes;
+ if (h) {
+ if (b) {
+ for (var n = 0; n < a; n++) {
+ for (var d = 0, e = h.length; d < e; ++d) {
+ var f = h[d];
+ if (f.mode == k.ALWAYS && f.onExecute) {
+ f.onExecute();
+ }
+ }
+ this.fixedtime += this.fixedtime_lapse;
+ if (this.onExecuteStep) {
+ this.onExecuteStep();
+ }
+ }
+ if (this.onAfterExecute) {
+ this.onAfterExecute();
+ }
+ } else {
+ try {
+ for (n = 0; n < a; n++) {
+ d = 0;
+ for (e = h.length; d < e; ++d) {
+ if (f = h[d], f.mode == k.ALWAYS && f.onExecute) {
+ f.onExecute();
+ }
+ }
+ this.fixedtime += this.fixedtime_lapse;
+ if (this.onExecuteStep) {
+ this.onExecuteStep();
+ }
+ }
+ if (this.onAfterExecute) {
+ this.onAfterExecute();
+ }
+ this.errors_in_execution = !1;
+ } catch (t) {
+ this.errors_in_execution = !0;
+ if (k.throw_errors) {
+ throw t;
+ }
+ k.debug && console.log("Error during execution: " + t);
+ this.stop();
+ }
+ }
+ a = k.getTime() - c;
+ 0 == a && (a = 1);
+ this.elapsed_time = 0.001 * a;
+ this.globaltime += 0.001 * a;
+ this.iteration += 1;
+ }
+ };
+ LGraph.prototype.updateExecutionOrder = function() {
+ this._nodes_in_order = this.computeExecutionOrder(!1);
+ this._nodes_executable = [];
+ for (var a = 0; a < this._nodes_in_order.length; ++a) {
+ this._nodes_in_order[a].onExecute && this._nodes_executable.push(this._nodes_in_order[a]);
+ }
+ };
+ LGraph.prototype.computeExecutionOrder = function(a) {
+ for (var b = [], c = [], h = {}, n = {}, d = {}, e = 0, f = this._nodes.length; e < f; ++e) {
+ var g = this._nodes[e];
+ if (!a || g.onExecute) {
+ h[g.id] = g;
+ var l = 0;
+ if (g.inputs) {
+ for (var q = 0, w = g.inputs.length; q < w; q++) {
+ g.inputs[q] && null != g.inputs[q].link && (l += 1);
+ }
+ }
+ 0 == l ? c.push(g) : d[g.id] = l;
+ }
+ }
+ for (; 0 != c.length;) {
+ if (g = c.shift(), b.push(g), delete h[g.id], g.outputs) {
+ for (e = 0; e < g.outputs.length; e++) {
+ if (a = g.outputs[e], null != a && null != a.links && 0 != a.links.length) {
+ for (q = 0; q < a.links.length; q++) {
+ (f = this.links[a.links[q]]) && !n[f.id] && (l = this.getNodeById(f.target_id), null == l ? n[f.id] = !0 : (n[f.id] = !0, --d[l.id], 0 == d[l.id] && c.push(l)));
+ }
+ }
+ }
+ }
+ }
+ for (e in h) {
+ b.push(h[e]);
+ }
+ b.length != this._nodes.length && k.debug && console.warn("something went wrong, nodes missing");
+ for (e = 0; e < b.length; ++e) {
+ b[e].order = e;
+ }
+ return b;
+ };
+ LGraph.prototype.getTime = function() {
+ return this.globaltime;
+ };
+ LGraph.prototype.getFixedTime = function() {
+ return this.fixedtime;
+ };
+ LGraph.prototype.getElapsedTime = function() {
+ return this.elapsed_time;
+ };
+ LGraph.prototype.sendEventToAllNodes = function(a, b, c) {
+ c = c || k.ALWAYS;
+ var h = this._nodes_in_order ? this._nodes_in_order : this._nodes;
+ if (h) {
+ for (var n = 0, d = h.length; n < d; ++n) {
+ var e = h[n];
+ if (e[a] && e.mode == c) {
+ if (void 0 === b) {
+ e[a]();
+ } else {
+ if (b && b.constructor === Array) {
+ e[a].apply(e, b);
+ } else {
+ e[a](b);
+ }
+ }
+ }
+ }
+ }
+ };
+ LGraph.prototype.sendActionToCanvas = function(a, b) {
+ if (this.list_of_graphcanvas) {
+ for (var c = 0; c < this.list_of_graphcanvas.length; ++c) {
+ var h = this.list_of_graphcanvas[c];
+ h[a] && h[a].apply(h, b);
+ }
+ }
+ };
+ LGraph.prototype.add = function(a, b) {
+ if (a && (-1 == a.id || null == this._nodes_by_id[a.id])) {
+ if (this._nodes.length >= k.MAX_NUMBER_OF_NODES) {
+ throw "LiteGraph: max number of nodes in a graph reached";
+ }
+ null == a.id || -1 == a.id ? a.id = ++this.last_node_id : this.last_node_id < a.id && (this.last_node_id = a.id);
+ a.graph = this;
+ this._nodes.push(a);
+ this._nodes_by_id[a.id] = a;
+ if (a.onAdded) {
+ a.onAdded(this);
+ }
+ this.config.align_to_grid && a.alignToGrid();
+ b || this.updateExecutionOrder();
+ if (this.onNodeAdded) {
+ this.onNodeAdded(a);
+ }
+ this.setDirtyCanvas(!0);
+ this.change();
+ return a;
+ }
+ };
+ LGraph.prototype.remove = function(a) {
+ if (null != this._nodes_by_id[a.id] && !a.ignore_remove) {
+ if (a.inputs) {
+ for (var b = 0; b < a.inputs.length; b++) {
+ var c = a.inputs[b];
+ null != c.link && a.disconnectInput(b);
+ }
+ }
+ if (a.outputs) {
+ for (b = 0; b < a.outputs.length; b++) {
+ c = a.outputs[b], null != c.links && c.links.length && a.disconnectOutput(b);
+ }
+ }
+ if (a.onRemoved) {
+ a.onRemoved();
+ }
+ a.graph = null;
+ if (this.list_of_graphcanvas) {
+ for (b = 0; b < this.list_of_graphcanvas.length; ++b) {
+ c = this.list_of_graphcanvas[b], c.selected_nodes[a.id] && delete c.selected_nodes[a.id], c.node_dragged == a && (c.node_dragged = null);
+ }
+ }
+ b = this._nodes.indexOf(a);
+ -1 != b && this._nodes.splice(b, 1);
+ delete this._nodes_by_id[a.id];
+ if (this.onNodeRemoved) {
+ this.onNodeRemoved(a);
+ }
+ this.setDirtyCanvas(!0, !0);
+ this.change();
+ this.updateExecutionOrder();
+ }
+ };
+ LGraph.prototype.getNodeById = function(a) {
+ return null == a ? null : this._nodes_by_id[a];
+ };
+ LGraph.prototype.findNodesByClass = function(a) {
+ for (var b = [], c = 0, h = this._nodes.length; c < h; ++c) {
+ this._nodes[c].constructor === a && b.push(this._nodes[c]);
+ }
+ return b;
+ };
+ LGraph.prototype.findNodesByType = function(a) {
+ a = a.toLowerCase();
+ for (var b = [], c = 0, h = this._nodes.length; c < h; ++c) {
+ this._nodes[c].type.toLowerCase() == a && b.push(this._nodes[c]);
+ }
+ return b;
+ };
+ LGraph.prototype.findNodesByTitle = function(a) {
+ for (var b = [], c = 0, h = this._nodes.length; c < h; ++c) {
+ this._nodes[c].title == a && b.push(this._nodes[c]);
+ }
+ return b;
+ };
+ LGraph.prototype.getNodeOnPos = function(a, b, c) {
+ c = c || this._nodes;
+ for (var h = c.length - 1; 0 <= h; h--) {
+ var n = c[h];
+ if (n.isPointInsideNode(a, b, 2)) {
+ return n;
+ }
+ }
+ return null;
+ };
+ LGraph.prototype.addGlobalInput = function(a, b, c) {
+ this.global_inputs[a] = {name:a, type:b, value:c};
+ if (this.onGlobalInputAdded) {
+ this.onGlobalInputAdded(a, b);
+ }
+ if (this.onGlobalsChange) {
+ this.onGlobalsChange();
+ }
+ };
+ LGraph.prototype.setGlobalInputData = function(a, b) {
+ if (a = this.global_inputs[a]) {
+ a.value = b;
+ }
+ };
+ LGraph.prototype.getGlobalInputData = function(a) {
+ return (a = this.global_inputs[a]) ? a.value : null;
+ };
+ LGraph.prototype.renameGlobalInput = function(a, b) {
+ if (b != a) {
+ if (!this.global_inputs[a]) {
+ return !1;
+ }
+ if (this.global_inputs[b]) {
+ return console.error("there is already one input with that name"), !1;
+ }
+ this.global_inputs[b] = this.global_inputs[a];
+ delete this.global_inputs[a];
+ if (this.onGlobalInputRenamed) {
+ this.onGlobalInputRenamed(a, b);
+ }
+ if (this.onGlobalsChange) {
+ this.onGlobalsChange();
+ }
+ }
+ };
+ LGraph.prototype.changeGlobalInputType = function(a, b) {
+ if (!this.global_inputs[a]) {
+ return !1;
+ }
+ if (this.global_inputs[a].type.toLowerCase() != b.toLowerCase() && (this.global_inputs[a].type = b, this.onGlobalInputTypeChanged)) {
+ this.onGlobalInputTypeChanged(a, b);
+ }
+ };
+ LGraph.prototype.removeGlobalInput = function(a) {
+ if (!this.global_inputs[a]) {
+ return !1;
+ }
+ delete this.global_inputs[a];
+ if (this.onGlobalInputRemoved) {
+ this.onGlobalInputRemoved(a);
+ }
+ if (this.onGlobalsChange) {
+ this.onGlobalsChange();
+ }
+ return !0;
+ };
+ LGraph.prototype.addGlobalOutput = function(a, b, c) {
+ this.global_outputs[a] = {name:a, type:b, value:c};
+ if (this.onGlobalOutputAdded) {
+ this.onGlobalOutputAdded(a, b);
+ }
+ if (this.onGlobalsChange) {
+ this.onGlobalsChange();
+ }
+ };
+ LGraph.prototype.setGlobalOutputData = function(a, b) {
+ if (a = this.global_outputs[a]) {
+ a.value = b;
+ }
+ };
+ LGraph.prototype.getGlobalOutputData = function(a) {
+ return (a = this.global_outputs[a]) ? a.value : null;
+ };
+ LGraph.prototype.renameGlobalOutput = function(a, b) {
+ if (!this.global_outputs[a]) {
+ return !1;
+ }
+ if (this.global_outputs[b]) {
+ return console.error("there is already one output with that name"), !1;
+ }
+ this.global_outputs[b] = this.global_outputs[a];
+ delete this.global_outputs[a];
+ if (this.onGlobalOutputRenamed) {
+ this.onGlobalOutputRenamed(a, b);
+ }
+ if (this.onGlobalsChange) {
+ this.onGlobalsChange();
+ }
+ };
+ LGraph.prototype.changeGlobalOutputType = function(a, b) {
+ if (!this.global_outputs[a]) {
+ return !1;
+ }
+ if (this.global_outputs[a].type.toLowerCase() != b.toLowerCase() && (this.global_outputs[a].type = b, this.onGlobalOutputTypeChanged)) {
+ this.onGlobalOutputTypeChanged(a, b);
+ }
+ };
+ LGraph.prototype.removeGlobalOutput = function(a) {
+ if (!this.global_outputs[a]) {
+ return !1;
+ }
+ delete this.global_outputs[a];
+ if (this.onGlobalOutputRemoved) {
+ this.onGlobalOutputRemoved(a);
+ }
+ if (this.onGlobalsChange) {
+ this.onGlobalsChange();
+ }
+ return !0;
+ };
+ LGraph.prototype.setInputData = function(a, b) {
+ a = this.findNodesByName(a);
+ for (var c = 0, h = a.length; c < h; ++c) {
+ a[c].setValue(b);
+ }
+ };
+ LGraph.prototype.getOutputData = function(a) {
+ return this.findNodesByName(a).length ? m[0].getValue() : null;
+ };
+ LGraph.prototype.triggerInput = function(a, b) {
+ a = this.findNodesByName(a);
+ for (var c = 0; c < a.length; ++c) {
+ a[c].onTrigger(b);
+ }
+ };
+ LGraph.prototype.setCallback = function(a, b) {
+ a = this.findNodesByName(a);
+ for (var c = 0; c < a.length; ++c) {
+ a[c].setTrigger(b);
+ }
+ };
+ LGraph.prototype.connectionChange = function(a) {
+ this.updateExecutionOrder();
+ if (this.onConnectionChange) {
+ this.onConnectionChange(a);
+ }
+ this.sendActionToCanvas("onConnectionChange");
+ };
+ LGraph.prototype.isLive = function() {
+ if (!this.list_of_graphcanvas) {
+ return !1;
+ }
+ for (var a = 0; a < this.list_of_graphcanvas.length; ++a) {
+ if (this.list_of_graphcanvas[a].live_mode) {
+ return !0;
+ }
+ }
+ return !1;
+ };
+ LGraph.prototype.change = function() {
+ k.debug && console.log("Graph changed");
+ this.sendActionToCanvas("setDirty", [!0, !0]);
+ if (this.on_change) {
+ this.on_change(this);
+ }
+ };
+ LGraph.prototype.setDirtyCanvas = function(a, b) {
+ this.sendActionToCanvas("setDirty", [a, b]);
+ };
+ LGraph.prototype.serialize = function() {
+ for (var a = [], b = 0, c = this._nodes.length; b < c; ++b) {
+ a.push(this._nodes[b].serialize());
+ }
+ c = [];
+ for (b in this.links) {
+ var h = this.links[b];
+ c.push([h.id, h.origin_id, h.origin_slot, h.target_id, h.target_slot]);
+ }
+ return {iteration:this.iteration, frame:this.frame, last_node_id:this.last_node_id, last_link_id:this.last_link_id, links:c, config:this.config, nodes:a};
+ };
+ LGraph.prototype.configure = function(a, b) {
+ b || this.clear();
+ b = a.nodes;
+ if (a.links && a.links.constructor === Array) {
+ for (var c = {}, h = 0; h < a.links.length; ++h) {
+ var n = a.links[h];
+ c[n[0]] = {id:n[0], origin_id:n[1], origin_slot:n[2], target_id:n[3], target_slot:n[4]};
+ }
+ a.links = c;
+ }
+ for (h in a) {
+ this[h] = a[h];
+ }
+ a = !1;
+ this._nodes = [];
+ h = 0;
+ for (c = b.length; h < c; ++h) {
+ n = b[h];
+ var e = k.createNode(n.type, n.title);
+ e ? (e.id = n.id, this.add(e, !0)) : (k.debug && console.log("Node not found: " + n.type), a = !0);
+ }
+ h = 0;
+ for (c = b.length; h < c; ++h) {
+ n = b[h], (e = this.getNodeById(n.id)) && e.configure(n);
+ }
+ this.updateExecutionOrder();
+ this.setDirtyCanvas(!0, !0);
+ return a;
+ };
+ LGraph.prototype.load = function(a) {
+ var b = this, c = new XMLHttpRequest;
+ c.open("GET", a, !0);
+ c.send(null);
+ c.onload = function(a) {
+ 200 !== c.status ? console.error("Error loading graph:", c.status, c.response) : (a = JSON.parse(c.response), b.configure(a));
+ };
+ c.onerror = function(a) {
+ console.error("Error loading graph:", a);
+ };
+ };
+ LGraph.prototype.onNodeTrace = function(a, b, c) {
+ };
+ d.LGraphNode = k.LGraphNode = function(a) {
+ this._ctor();
+ };
+ LGraphNode.prototype._ctor = function(a) {
+ this.title = a || "Unnamed";
+ this.size = [k.NODE_WIDTH, 60];
+ this.graph = null;
+ this._pos = new Float32Array(10, 10);
+ Object.defineProperty(this, "pos", {set:function(a) {
+ !a || 2 > !a.length || (this._pos[0] = a[0], this._pos[1] = a[1]);
+ }, get:function() {
+ return this._pos;
+ }, enumerable:!0});
+ this.id = -1;
+ this.type = null;
+ this.inputs = [];
+ this.outputs = [];
+ this.connections = [];
+ this.properties = {};
+ this.properties_info = [];
+ this.data = null;
+ this.flags = {};
+ };
+ LGraphNode.prototype.configure = function(a) {
+ for (var b in a) {
+ if ("console" != b) {
+ if ("properties" == b) {
+ for (var c in a.properties) {
+ if (this.properties[c] = a.properties[c], this.onPropertyChanged) {
+ this.onPropertyChanged(c, a.properties[c]);
+ }
+ }
+ } else {
+ null != a[b] && ("object" == typeof a[b] ? this[b] && this[b].configure ? this[b].configure(a[b]) : this[b] = k.cloneObject(a[b], this[b]) : this[b] = a[b]);
+ }
+ }
+ }
+ if (this.onConnectionsChange) {
+ if (this.inputs) {
+ for (var h = 0; h < this.inputs.length; ++h) {
+ c = this.inputs[h];
+ var n = this.graph.links[c.link];
+ this.onConnectionsChange(k.INPUT, h, !0, n, c);
+ }
+ }
+ if (this.outputs) {
+ for (h = 0; h < this.outputs.length; ++h) {
+ if (c = this.outputs[h], c.links) {
+ for (b = 0; b < c.links.length; ++b) {
+ n = this.graph.links[c.links[b]], this.onConnectionsChange(k.OUTPUT, h, !0, n, c);
+ }
+ }
+ }
+ }
+ }
+ for (h in this.inputs) {
+ c = this.inputs[h], c.link && c.link.length && (n = c.link, "object" == typeof n && (c.link = n[0], this.graph.links[n[0]] = {id:n[0], origin_id:n[1], origin_slot:n[2], target_id:n[3], target_slot:n[4]}));
+ }
+ for (h in this.outputs) {
+ if (c = this.outputs[h], c.links && 0 != c.links.length) {
+ for (b in c.links) {
+ n = c.links[b], "object" == typeof n && (c.links[b] = n[0]);
+ }
+ }
+ }
+ if (this.onConfigure) {
+ this.onConfigure(a);
+ }
+ };
+ LGraphNode.prototype.serialize = function() {
+ if (this.outputs) {
+ for (var a = 0; a < this.outputs.length; a++) {
+ delete this.outputs[a]._data;
+ }
+ }
+ a = {id:this.id, title:this.title, type:this.type, pos:this.pos, size:this.size, data:this.data, flags:k.cloneObject(this.flags), inputs:this.inputs, outputs:this.outputs, mode:this.mode};
+ this.properties && (a.properties = k.cloneObject(this.properties));
+ a.type || (a.type = this.constructor.type);
+ this.color && (a.color = this.color);
+ this.bgcolor && (a.bgcolor = this.bgcolor);
+ this.boxcolor && (a.boxcolor = this.boxcolor);
+ this.shape && (a.shape = this.shape);
+ if (this.onSerialize) {
+ this.onSerialize(a);
+ }
+ return a;
+ };
+ LGraphNode.prototype.clone = function() {
+ var a = k.createNode(this.type), b = k.cloneObject(this.serialize());
+ if (b.inputs) {
+ for (var c = 0; c < b.inputs.length; ++c) {
+ b.inputs[c].link = null;
+ }
+ }
+ if (b.outputs) {
+ for (c = 0; c < b.outputs.length; ++c) {
+ b.outputs[c].links && (b.outputs[c].links.length = 0);
+ }
+ }
+ delete b.id;
+ a.configure(b);
+ return a;
+ };
+ LGraphNode.prototype.toString = function() {
+ return JSON.stringify(this.serialize());
+ };
+ LGraphNode.prototype.getTitle = function() {
+ return this.title || this.constructor.title;
+ };
+ LGraphNode.prototype.setOutputData = function(a, b) {
+ if (this.outputs && !(-1 == a || a >= this.outputs.length)) {
+ var c = this.outputs[a];
+ if (c && (c._data = b, this.outputs[a].links)) {
+ for (c = 0; c < this.outputs[a].links.length; c++) {
+ this.graph.links[this.outputs[a].links[c]].data = b;
+ }
+ }
+ }
+ };
+ LGraphNode.prototype.getInputData = function(a, b) {
+ if (this.inputs && !(a >= this.inputs.length || null == this.inputs[a].link)) {
+ a = this.graph.links[this.inputs[a].link];
+ if (!b) {
+ return a.data;
+ }
+ b = this.graph.getNodeById(a.origin_id);
+ if (!b) {
+ return a.data;
+ }
+ if (b.updateOutputData) {
+ b.updateOutputData(a.origin_slot);
+ } else {
+ if (b.onExecute) {
+ b.onExecute();
+ }
+ }
+ return a.data;
+ }
+ };
+ LGraphNode.prototype.isInputConnected = function(a) {
+ return this.inputs ? a < this.inputs.length && null != this.inputs[a].link : !1;
+ };
+ LGraphNode.prototype.getInputInfo = function(a) {
+ return this.inputs ? a < this.inputs.length ? this.inputs[a] : null : null;
+ };
+ LGraphNode.prototype.getInputNode = function(a) {
+ if (!this.inputs || a >= this.inputs.length) {
+ return null;
+ }
+ a = this.inputs[a];
+ return a && a.link ? (a = this.graph.links[a.link]) ? this.graph.getNodeById(a.origin_id) : null : null;
+ };
+ LGraphNode.prototype.getOutputData = function(a) {
+ return !this.outputs || a >= this.outputs.length ? null : this.outputs[a]._data;
+ };
+ LGraphNode.prototype.getOutputInfo = function(a) {
+ return this.outputs ? a < this.outputs.length ? this.outputs[a] : null : null;
+ };
+ LGraphNode.prototype.isOutputConnected = function(a) {
+ return this.outputs ? a < this.outputs.length && this.outputs[a].links && this.outputs[a].links.length : null;
+ };
+ LGraphNode.prototype.getOutputNodes = function(a) {
+ if (!this.outputs || 0 == this.outputs.length || a >= this.outputs.length) {
+ return null;
+ }
+ a = this.outputs[a];
+ if (!a.links || 0 == a.links.length) {
+ return null;
+ }
+ for (var b = [], c = 0; c < a.links.length; c++) {
+ var h = this.graph.links[a.links[c]];
+ h && (h = this.graph.getNodeById(h.target_id)) && b.push(h);
+ }
+ return b;
+ };
+ LGraphNode.prototype.trigger = function(a, b) {
+ if (this.outputs && this.outputs.length) {
+ this.graph && (this.graph._last_trigger_time = k.getTime());
+ for (var c = 0; c < this.outputs.length; ++c) {
+ var h = this.outputs[c];
+ if (!(h.type !== k.EVENT || a && h.name != a) && (h = h.links) && h.length) {
+ for (var n = 0; n < h.length; ++n) {
+ var e = this.graph.links[h[n]];
+ if (e) {
+ var d = this.graph.getNodeById(e.target_id);
+ if (d) {
+ if (e._last_time = k.getTime(), e = d.inputs[e.target_slot], d.onAction) {
+ d.onAction(e.name, b);
+ } else {
+ if (d.mode === k.ON_TRIGGER && d.onExecute) {
+ d.onExecute(b);
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ };
+ LGraphNode.prototype.addProperty = function(a, b, c, h) {
+ c = {name:a, type:c, default_value:b};
+ if (h) {
+ for (var e in h) {
+ c[e] = h[e];
+ }
+ }
+ this.properties_info || (this.properties_info = []);
+ this.properties_info.push(c);
+ this.properties || (this.properties = {});
+ this.properties[a] = b;
+ return c;
+ };
+ LGraphNode.prototype.addOutput = function(a, b, c) {
+ a = {name:a, type:b, links:null};
+ if (c) {
+ for (var h in c) {
+ a[h] = c[h];
+ }
+ }
+ this.outputs || (this.outputs = []);
+ this.outputs.push(a);
+ if (this.onOutputAdded) {
+ this.onOutputAdded(a);
+ }
+ this.size = this.computeSize();
+ return a;
+ };
+ LGraphNode.prototype.addOutputs = function(a) {
+ for (var b = 0; b < a.length; ++b) {
+ var c = a[b], h = {name:c[0], type:c[1], link:null};
+ if (a[2]) {
+ for (var e in c[2]) {
+ h[e] = c[2][e];
+ }
+ }
+ this.outputs || (this.outputs = []);
+ this.outputs.push(h);
+ if (this.onOutputAdded) {
+ this.onOutputAdded(h);
+ }
+ }
+ this.size = this.computeSize();
+ };
+ LGraphNode.prototype.removeOutput = function(a) {
+ this.disconnectOutput(a);
+ this.outputs.splice(a, 1);
+ this.size = this.computeSize();
+ if (this.onOutputRemoved) {
+ this.onOutputRemoved(a);
+ }
+ };
+ LGraphNode.prototype.addInput = function(a, b, c) {
+ a = {name:a, type:b || 0, link:null};
+ if (c) {
+ for (var h in c) {
+ a[h] = c[h];
+ }
+ }
+ this.inputs || (this.inputs = []);
+ this.inputs.push(a);
+ this.size = this.computeSize();
+ if (this.onInputAdded) {
+ this.onInputAdded(a);
+ }
+ return a;
+ };
+ LGraphNode.prototype.addInputs = function(a) {
+ for (var b = 0; b < a.length; ++b) {
+ var c = a[b], h = {name:c[0], type:c[1], link:null};
+ if (a[2]) {
+ for (var e in c[2]) {
+ h[e] = c[2][e];
+ }
+ }
+ this.inputs || (this.inputs = []);
+ this.inputs.push(h);
+ if (this.onInputAdded) {
+ this.onInputAdded(h);
+ }
+ }
+ this.size = this.computeSize();
+ };
+ LGraphNode.prototype.removeInput = function(a) {
+ this.disconnectInput(a);
+ this.inputs.splice(a, 1);
+ this.size = this.computeSize();
+ if (this.onInputRemoved) {
+ this.onInputRemoved(a);
+ }
+ };
+ LGraphNode.prototype.addConnection = function(a, b, c, h) {
+ a = {name:a, type:b, pos:c, direction:h, links:null};
+ this.connections.push(a);
+ return a;
+ };
+ LGraphNode.prototype.computeSize = function(a, b) {
+ a = Math.max(this.inputs ? this.inputs.length : 1, this.outputs ? this.outputs.length : 1);
+ b = b || new Float32Array([0, 0]);
+ a = Math.max(a, 1);
+ b[1] = 14 * a + 6;
+ a = (a = this.title) ? 8.4 * a.length : 0;
+ var c = 0, h = 0;
+ if (this.inputs) {
+ for (var e = 0, d = this.inputs.length; e < d; ++e) {
+ var f = this.inputs[e];
+ f = (f = f.label || f.name || "") ? 8.4 * f.length : 0;
+ c < f && (c = f);
+ }
+ }
+ if (this.outputs) {
+ for (e = 0, d = this.outputs.length; e < d; ++e) {
+ f = this.outputs[e], f = (f = f.label || f.name || "") ? 8.4 * f.length : 0, h < f && (h = f);
+ }
+ }
+ b[0] = Math.max(c + h + 10, a);
+ b[0] = Math.max(b[0], k.NODE_WIDTH);
+ return b;
+ };
+ LGraphNode.prototype.getBounding = function() {
+ return new Float32Array([this.pos[0] - 4, this.pos[1] - k.NODE_TITLE_HEIGHT, this.pos[0] + this.size[0] + 4, this.pos[1] + this.size[1] + LGraph.NODE_TITLE_HEIGHT]);
+ };
+ LGraphNode.prototype.isPointInsideNode = function(a, b, c) {
+ c = c || 0;
+ var h = this.graph && this.graph.isLive() ? 0 : 20;
+ if (this.flags.collapsed) {
+ if (f(a, b, this.pos[0] - c, this.pos[1] - k.NODE_TITLE_HEIGHT - c, k.NODE_COLLAPSED_WIDTH + 2 * c, k.NODE_TITLE_HEIGHT + 2 * c)) {
+ return !0;
+ }
+ } else {
+ if (this.pos[0] - 4 - c < a && this.pos[0] + this.size[0] + 4 + c > a && this.pos[1] - h - c < b && this.pos[1] + this.size[1] + c > b) {
+ return !0;
+ }
+ }
+ return !1;
+ };
+ LGraphNode.prototype.getSlotInPosition = function(a, b) {
+ if (this.inputs) {
+ for (var c = 0, h = this.inputs.length; c < h; ++c) {
+ var e = this.inputs[c], d = this.getConnectionPos(!0, c);
+ if (f(a, b, d[0] - 10, d[1] - 5, 20, 10)) {
+ return {input:e, slot:c, link_pos:d, locked:e.locked};
+ }
+ }
+ }
+ if (this.outputs) {
+ for (c = 0, h = this.outputs.length; c < h; ++c) {
+ if (e = this.outputs[c], d = this.getConnectionPos(!1, c), f(a, b, d[0] - 10, d[1] - 5, 20, 10)) {
+ return {output:e, slot:c, link_pos:d, locked:e.locked};
+ }
+ }
+ }
+ return null;
+ };
+ LGraphNode.prototype.findInputSlot = function(a) {
+ if (!this.inputs) {
+ return -1;
+ }
+ for (var b = 0, c = this.inputs.length; b < c; ++b) {
+ if (a == this.inputs[b].name) {
+ return b;
+ }
+ }
+ return -1;
+ };
+ LGraphNode.prototype.findOutputSlot = function(a) {
+ if (!this.outputs) {
+ return -1;
+ }
+ for (var b = 0, c = this.outputs.length; b < c; ++b) {
+ if (a == this.outputs[b].name) {
+ return b;
+ }
+ }
+ return -1;
+ };
+ LGraphNode.prototype.connect = function(a, b, c) {
+ c = c || 0;
+ if (a.constructor === String) {
+ if (a = this.findOutputSlot(a), -1 == a) {
+ return k.debug && console.log("Connect: Error, no slot of name " + a), !1;
+ }
+ } else {
+ if (!this.outputs || a >= this.outputs.length) {
+ return k.debug && console.log("Connect: Error, slot number not found"), !1;
+ }
+ }
+ b && b.constructor === Number && (b = this.graph.getNodeById(b));
+ if (!b) {
+ throw "Node not found";
+ }
+ if (b == this) {
+ return !1;
+ }
+ if (c.constructor === String) {
+ if (c = b.findInputSlot(c), -1 == c) {
+ return k.debug && console.log("Connect: Error, no slot of name " + c), !1;
+ }
+ } else {
+ if (c === k.EVENT) {
+ return !1;
+ }
+ if (!b.inputs || c >= b.inputs.length) {
+ return k.debug && console.log("Connect: Error, slot number not found"), !1;
+ }
+ }
+ null != b.inputs[c].link && b.disconnectInput(c);
+ this.setDirtyCanvas(!1, !0);
+ this.graph.connectionChange(this);
+ var h = this.outputs[a];
+ if (b.onConnectInput && !1 === b.onConnectInput(c, h.type, h)) {
+ return !1;
+ }
+ var e = b.inputs[c];
+ if (k.isValidConnection(h.type, e.type)) {
+ var d = {id:this.graph.last_link_id++, type:e.type, origin_id:this.id, origin_slot:a, target_id:b.id, target_slot:c};
+ this.graph.links[d.id] = d;
+ null == h.links && (h.links = []);
+ h.links.push(d.id);
+ b.inputs[c].link = d.id;
+ if (this.onConnectionsChange) {
+ this.onConnectionsChange(k.OUTPUT, a, !0, d, h);
+ }
+ if (b.onConnectionsChange) {
+ b.onConnectionsChange(k.INPUT, c, !0, d, e);
+ }
+ }
+ this.setDirtyCanvas(!1, !0);
+ this.graph.connectionChange(this);
+ return !0;
+ };
+ LGraphNode.prototype.disconnectOutput = function(a, b) {
+ if (a.constructor === String) {
+ if (a = this.findOutputSlot(a), -1 == a) {
+ return k.debug && console.log("Connect: Error, no slot of name " + a), !1;
+ }
+ } else {
+ if (!this.outputs || a >= this.outputs.length) {
+ return k.debug && console.log("Connect: Error, slot number not found"), !1;
+ }
+ }
+ var c = this.outputs[a];
+ if (!c.links || 0 == c.links.length) {
+ return !1;
+ }
+ if (b) {
+ b.constructor === Number && (b = this.graph.getNodeById(b));
+ if (!b) {
+ throw "Target Node not found";
+ }
+ for (var h = 0, e = c.links.length; h < e; h++) {
+ var d = c.links[h], f = this.graph.links[d];
+ if (f.target_id == b.id) {
+ c.links.splice(h, 1);
+ var g = b.inputs[f.target_slot];
+ g.link = null;
+ delete this.graph.links[d];
+ if (b.onConnectionsChange) {
+ b.onConnectionsChange(k.INPUT, f.target_slot, !1, f, g);
+ }
+ if (this.onConnectionsChange) {
+ this.onConnectionsChange(k.OUTPUT, a, !1, f, c);
+ }
+ break;
+ }
+ }
+ } else {
+ h = 0;
+ for (e = c.links.length; h < e; h++) {
+ d = c.links[h];
+ f = this.graph.links[d];
+ b = this.graph.getNodeById(f.target_id);
+ g = null;
+ b && (g = b.inputs[f.target_slot], g.link = null);
+ delete this.graph.links[d];
+ if (b.onConnectionsChange) {
+ b.onConnectionsChange(k.INPUT, f.target_slot, !1, f, g);
+ }
+ if (this.onConnectionsChange) {
+ this.onConnectionsChange(k.OUTPUT, a, !1, f, c);
+ }
+ }
+ c.links = null;
+ }
+ this.setDirtyCanvas(!1, !0);
+ this.graph.connectionChange(this);
+ return !0;
+ };
+ LGraphNode.prototype.disconnectInput = function(a) {
+ if (a.constructor === String) {
+ if (a = this.findInputSlot(a), -1 == a) {
+ return k.debug && console.log("Connect: Error, no slot of name " + a), !1;
+ }
+ } else {
+ if (!this.inputs || a >= this.inputs.length) {
+ return k.debug && console.log("Connect: Error, slot number not found"), !1;
+ }
+ }
+ var b = this.inputs[a];
+ if (!b) {
+ return !1;
+ }
+ var c = this.inputs[a].link;
+ this.inputs[a].link = null;
+ var h = this.graph.links[c];
+ if (h) {
+ var e = this.graph.getNodeById(h.origin_id);
+ if (!e) {
+ return !1;
+ }
+ var d = e.outputs[h.origin_slot];
+ if (!d || !d.links || 0 == d.links.length) {
+ return !1;
+ }
+ for (var f = 0, g = d.links.length; f < g; f++) {
+ if (c = d.links[f], h.target_id == this.id) {
+ d.links.splice(f, 1);
+ break;
+ }
+ }
+ delete this.graph.links[c];
+ if (this.onConnectionsChange) {
+ this.onConnectionsChange(k.INPUT, a, !1, h, b);
+ }
+ if (e.onConnectionsChange) {
+ e.onConnectionsChange(k.OUTPUT, f, !1, h, d);
+ }
+ }
+ this.setDirtyCanvas(!1, !0);
+ this.graph.connectionChange(this);
+ return !0;
+ };
+ LGraphNode.prototype.getConnectionPos = function(a, b) {
+ return this.flags.collapsed ? a ? [this.pos[0], this.pos[1] - 0.5 * k.NODE_TITLE_HEIGHT] : [this.pos[0] + k.NODE_COLLAPSED_WIDTH, this.pos[1] - 0.5 * k.NODE_TITLE_HEIGHT] : a && -1 == b ? [this.pos[0] + 10, this.pos[1] + 10] : a && this.inputs.length > b && this.inputs[b].pos ? [this.pos[0] + this.inputs[b].pos[0], this.pos[1] + this.inputs[b].pos[1]] : !a && this.outputs.length > b && this.outputs[b].pos ? [this.pos[0] + this.outputs[b].pos[0], this.pos[1] + this.outputs[b].pos[1]] : a ? [this.pos[0],
+ this.pos[1] + 10 + b * k.NODE_SLOT_HEIGHT] : [this.pos[0] + this.size[0] + 1, this.pos[1] + 10 + b * k.NODE_SLOT_HEIGHT];
+ };
+ LGraphNode.prototype.alignToGrid = function() {
+ this.pos[0] = k.CANVAS_GRID_SIZE * Math.round(this.pos[0] / k.CANVAS_GRID_SIZE);
+ this.pos[1] = k.CANVAS_GRID_SIZE * Math.round(this.pos[1] / k.CANVAS_GRID_SIZE);
+ };
+ LGraphNode.prototype.trace = function(a) {
+ this.console || (this.console = []);
+ this.console.push(a);
+ this.console.length > LGraphNode.MAX_CONSOLE && this.console.shift();
+ this.graph.onNodeTrace(this, a);
+ };
+ LGraphNode.prototype.setDirtyCanvas = function(a, b) {
+ this.graph && this.graph.sendActionToCanvas("setDirty", [a, b]);
+ };
+ LGraphNode.prototype.loadImage = function(a) {
+ var b = new Image;
+ b.src = k.node_images_path + a;
+ b.ready = !1;
+ var c = this;
+ b.onload = function() {
+ this.ready = !0;
+ c.setDirtyCanvas(!0);
+ };
+ return b;
+ };
+ LGraphNode.prototype.captureInput = function(a) {
+ if (this.graph && this.graph.list_of_graphcanvas) {
+ for (var b = this.graph.list_of_graphcanvas, c = 0; c < b.length; ++c) {
+ var h = b[c];
+ if (a || h.node_capturing_input == this) {
+ h.node_capturing_input = a ? this : null;
+ }
+ }
+ }
+ };
+ LGraphNode.prototype.collapse = function() {
+ this.flags.collapsed = this.flags.collapsed ? !1 : !0;
+ this.setDirtyCanvas(!0, !0);
+ };
+ LGraphNode.prototype.pin = function(a) {
+ this.flags.pinned = void 0 === a ? !this.flags.pinned : a;
+ };
+ LGraphNode.prototype.localToScreen = function(a, b, c) {
+ return [(a + this.pos[0]) * c.scale + c.offset[0], (b + this.pos[1]) * c.scale + c.offset[1]];
+ };
+ d.LGraphCanvas = k.LGraphCanvas = function(a, b, c) {
+ c = c || {};
+ this.background_image = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAIAAAD/gAIDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQBJREFUeNrs1rEKwjAUhlETUkj3vP9rdmr1Ysammk2w5wdxuLgcMHyptfawuZX4pJSWZTnfnu/lnIe/jNNxHHGNn//HNbbv+4dr6V+11uF527arU7+u63qfa/bnmh8sWLBgwYJlqRf8MEptXPBXJXa37BSl3ixYsGDBMliwFLyCV/DeLIMFCxYsWLBMwSt4Be/NggXLYMGCBUvBK3iNruC9WbBgwYJlsGApeAWv4L1ZBgsWLFiwYJmCV/AK3psFC5bBggULloJX8BpdwXuzYMGCBctgwVLwCl7Be7MMFixYsGDBsu8FH1FaSmExVfAxBa/gvVmwYMGCZbBg/W4vAQYA5tRF9QYlv/QAAAAASUVORK5CYII=";
+ a && a.constructor === String && (a = document.querySelector(a));
+ this.max_zoom = 10;
+ this.min_zoom = 0.1;
+ this.title_text_font = "bold 14px Arial";
+ this.inner_text_font = "normal 12px Arial";
+ this.default_link_color = "#AAC";
+ this.highquality_render = !0;
+ this.editor_alpha = 1;
+ this.pause_rendering = !1;
+ this.render_only_selected = this.clear_background = this.render_shadows = !0;
+ this.live_mode = !1;
+ this.allow_interaction = this.allow_dragnodes = this.allow_dragcanvas = this.show_info = !0;
+ this.render_connections_shadows = this.always_render_background = !1;
+ this.render_connection_arrows = this.render_curved_connections = this.render_connections_border = !0;
+ this.connections_width = 3;
+ b && b.attachCanvas(this);
+ this.setCanvas(a);
+ this.clear();
+ c.skip_render || this.startRendering();
+ this.autoresize = c.autoresize;
+ };
+ LGraphCanvas.link_type_colors = {"-1":"#F85", number:"#AAC", node:"#DCA"};
+ LGraphCanvas.prototype.clear = function() {
+ this.fps = this.render_time = this.last_draw_time = this.frame = 0;
+ this.scale = 1;
+ this.offset = [0, 0];
+ this.selected_nodes = {};
+ this.connecting_node = this.node_capturing_input = this.node_over = this.node_dragged = null;
+ this.dirty_bgcanvas = this.dirty_canvas = !0;
+ this.node_in_panel = this.dirty_area = null;
+ this.last_mouse = [0, 0];
+ this.last_mouseclick = 0;
+ if (this.onClear) {
+ this.onClear();
+ }
+ };
+ LGraphCanvas.prototype.setGraph = function(a, b) {
+ this.graph != a && (b || this.clear(), !a && this.graph ? this.graph.detachCanvas(this) : (a.attachCanvas(this), this.setDirty(!0, !0)));
+ };
+ LGraphCanvas.prototype.openSubgraph = function(a) {
+ if (!a) {
+ throw "graph cannot be null";
+ }
+ if (this.graph == a) {
+ throw "graph cannot be the same";
+ }
+ this.clear();
+ this.graph && (this._graph_stack || (this._graph_stack = []), this._graph_stack.push(this.graph));
+ a.attachCanvas(this);
+ this.setDirty(!0, !0);
+ };
+ LGraphCanvas.prototype.closeSubgraph = function() {
+ this._graph_stack && 0 != this._graph_stack.length && (this._graph_stack.pop().attachCanvas(this), this.setDirty(!0, !0));
+ };
+ LGraphCanvas.prototype.setCanvas = function(a, b) {
+ if (a && a.constructor === String && (a = document.getElementById(a), !a)) {
+ throw "Error creating LiteGraph canvas: Canvas not found";
+ }
+ if (a !== this.canvas && (!a && this.canvas && (b || this.unbindEvents()), this.canvas = a)) {
+ a.className += " lgraphcanvas";
+ a.data = this;
+ this.bgcanvas = null;
+ this.bgcanvas || (this.bgcanvas = document.createElement("canvas"), this.bgcanvas.width = this.canvas.width, this.bgcanvas.height = this.canvas.height);
+ if (null == a.getContext) {
+ if ("canvas" != a.localName) {
+ throw "Element supplied for LGraphCanvas must be a