From 667b04f62ab924508cdcc575e9529b8901499cf5 Mon Sep 17 00:00:00 2001
From: tamat <contact@tamats.com>
Date: Mon, 16 Aug 2021 16:45:36 +0200
Subject: [PATCH] replaced old roundRect function

---
 build/litegraph.core.js     |  27 +++--
 build/litegraph.core.min.js | 202 ++++++++++++++++++------------------
 build/litegraph.js          |  27 +++--
 build/litegraph.min.js      | 202 ++++++++++++++++++------------------
 build/litegraph_mini.js     |  27 +++--
 build/litegraph_mini.min.js | 202 ++++++++++++++++++------------------
 package.json                |   2 +-
 src/litegraph.js            |  27 +++--
 8 files changed, 352 insertions(+), 364 deletions(-)

diff --git a/build/litegraph.core.js b/build/litegraph.core.js
index 8a036ea8b4..fcf58b3f68 100644
--- a/build/litegraph.core.js
+++ b/build/litegraph.core.js
@@ -7031,7 +7031,7 @@ LGraphNode.prototype.executeAction = function(action)
 		ctx.fillStyle = "#111";
 		ctx.globalAlpha = 0.8;
 		ctx.beginPath();
-		ctx.roundRect(10,10,w, (num + 1) * h + 50,8 );
+		ctx.roundRect(10,10,w, (num + 1) * h + 50,[8] );
 		ctx.fill();
 		ctx.globalAlpha = 1;
 
@@ -7118,7 +7118,7 @@ LGraphNode.prototype.executeAction = function(action)
 		if(clicked)
 			ctx.fillStyle = "#AAA";
 		ctx.beginPath();
-		ctx.roundRect(x,y,w,h,4 );
+		ctx.roundRect(x,y,w,h,[4] );
 		ctx.fill();
 
 		if(text != null)
@@ -7431,7 +7431,7 @@ LGraphNode.prototype.executeAction = function(action)
             if (shape == LiteGraph.BOX_SHAPE) {
                 ctx.rect(0, 0, size[0], size[1]);
             } else if (shape == LiteGraph.ROUND_SHAPE) {
-                ctx.roundRect(0, 0, size[0], size[1], 10);
+                ctx.roundRect(0, 0, size[0], size[1], [10]);
             } else if (shape == LiteGraph.CIRCLE_SHAPE) {
                 ctx.arc(
                     size[0] * 0.5,
@@ -7783,7 +7783,7 @@ LGraphNode.prototype.executeAction = function(action)
 		ctx.shadowBlur = 3;
 		ctx.fillStyle = "#454";
 		ctx.beginPath();
-		ctx.roundRect( pos[0] - w*0.5, pos[1] - 15 - h, w, h,3, 3);
+		ctx.roundRect( pos[0] - w*0.5, pos[1] - 15 - h, w, h, [3]);
 		ctx.moveTo( pos[0] - 10, pos[1] - 15 );
 		ctx.lineTo( pos[0] + 10, pos[1] - 15 );
 		ctx.lineTo( pos[0], pos[1] - 5 );
@@ -7852,8 +7852,7 @@ LGraphNode.prototype.executeAction = function(action)
                     area[1],
                     area[2],
                     area[3],
-                    this.round_radius,
-                    shape == LiteGraph.CARD_SHAPE ? 0 : this.round_radius
+                    shape == LiteGraph.CARD_SHAPE ? [this.round_radius,this.round_radius,0,0] : [this.round_radius] 
                 );
             } else if (shape == LiteGraph.CIRCLE_SHAPE) {
                 ctx.arc(
@@ -7918,8 +7917,7 @@ LGraphNode.prototype.executeAction = function(action)
                         -title_height,
                         size[0] + 1,
                         title_height,
-                        this.round_radius,
-                        node.flags.collapsed ? this.round_radius : 0
+                        node.flags.collapsed ? [this.round_radius] : [this.round_radius,this.round_radius,0,0]
                     );
                 }
                 ctx.fill();
@@ -8036,7 +8034,7 @@ LGraphNode.prototype.executeAction = function(action)
 				else
 				{
 					ctx.beginPath();
-					ctx.roundRect(x+2, -w+2, w-4, w-4,4);
+					ctx.roundRect(x+2, -w+2, w-4, w-4,[4]);
 					ctx.fill();
 				}
 				ctx.fillStyle = "#333";
@@ -8082,7 +8080,7 @@ LGraphNode.prototype.executeAction = function(action)
                     -6 + area[1],
                     12 + area[2],
                     12 + area[3],
-                    this.round_radius * 2
+                    [this.round_radius * 2]
                 );
             } else if (shape == LiteGraph.CARD_SHAPE) {
                 ctx.roundRect(
@@ -8090,8 +8088,7 @@ LGraphNode.prototype.executeAction = function(action)
                     -6 + area[1],
                     12 + area[2],
                     12 + area[3],
-                    this.round_radius * 2,
-                    2
+                    [this.round_radius * 2,2,this.round_radius * 2,2]
                 );
             } else if (shape == LiteGraph.CIRCLE_SHAPE) {
                 ctx.arc(
@@ -8681,7 +8678,7 @@ LGraphNode.prototype.executeAction = function(action)
                     ctx.fillStyle = background_color;
                     ctx.beginPath();
                     if (show_text)
-	                    ctx.roundRect(margin, posY, widget_width - margin * 2, H, H * 0.5);
+	                    ctx.roundRect(margin, posY, widget_width - margin * 2, H, [H * 0.5]);
 					else
 	                    ctx.rect(margin, posY, widget_width - margin * 2, H );
                     ctx.fill();
@@ -8738,7 +8735,7 @@ LGraphNode.prototype.executeAction = function(action)
                     ctx.fillStyle = background_color;
                     ctx.beginPath();
 					if(show_text)
-	                    ctx.roundRect(margin, posY, widget_width - margin * 2, H, H * 0.5);
+	                    ctx.roundRect(margin, posY, widget_width - margin * 2, H, [H * 0.5] );
 					else
 	                    ctx.rect(margin, posY, widget_width - margin * 2, H );
                     ctx.fill();
@@ -8798,7 +8795,7 @@ LGraphNode.prototype.executeAction = function(action)
                     ctx.fillStyle = background_color;
                     ctx.beginPath();
                     if (show_text)
-	                    ctx.roundRect(margin, posY, widget_width - margin * 2, H, H * 0.5);
+	                    ctx.roundRect(margin, posY, widget_width - margin * 2, H, [H * 0.5]);
 					else
 	                    ctx.rect( margin, posY, widget_width - margin * 2, H );
                     ctx.fill();
diff --git a/build/litegraph.core.min.js b/build/litegraph.core.min.js
index 7d73f32e79..f3f0ca15d8 100644
--- a/build/litegraph.core.min.js
+++ b/build/litegraph.core.min.js
@@ -169,18 +169,18 @@ b[d];a.save();a.translate(e.pos[0],e.pos[1]);this.drawNode(e,a);a.restore()}this
 (this.connecting_node.horizontal?f.DOWN:f.RIGHT),f.CENTER);a.beginPath();this.connecting_output.type===f.EVENT||this.connecting_output.shape===f.BOX_SHAPE?a.rect(this.connecting_pos[0]-6+.5,this.connecting_pos[1]-5+.5,14,10):this.connecting_output.shape===f.ARROW_SHAPE?(a.moveTo(this.connecting_pos[0]+8,this.connecting_pos[1]+.5),a.lineTo(this.connecting_pos[0]-4,this.connecting_pos[1]+6+.5),a.lineTo(this.connecting_pos[0]-4,this.connecting_pos[1]-6+.5),a.closePath()):a.arc(this.connecting_pos[0],
 this.connecting_pos[1],4,0,2*Math.PI);a.fill();a.fillStyle="#ffcc00";this._highlight_input&&(a.beginPath(),this._highlight_input_slot.shape===f.ARROW_SHAPE?(a.moveTo(this._highlight_input[0]+8,this._highlight_input[1]+.5),a.lineTo(this._highlight_input[0]-4,this._highlight_input[1]+6+.5),a.lineTo(this._highlight_input[0]-4,this._highlight_input[1]-6+.5),a.closePath()):a.arc(this._highlight_input[0],this._highlight_input[1],6,0,2*Math.PI),a.fill())}this.dragging_rectangle&&(a.strokeStyle="#FFF",a.strokeRect(this.dragging_rectangle[0],
 this.dragging_rectangle[1],this.dragging_rectangle[2],this.dragging_rectangle[3]));if(this.over_link_center&&this.render_link_tooltip)this.drawLinkTooltip(a,this.over_link_center);else if(this.onDrawLinkTooltip)this.onDrawLinkTooltip(a,null);if(this.onDrawForeground)this.onDrawForeground(a,this.visible_rect);a.restore()}this._graph_stack&&this._graph_stack.length&&this.drawSubgraphPanel(a);if(this.onDrawOverlay)this.onDrawOverlay(a);c&&a.restore();a.finish2D&&a.finish2D()}};l.prototype.drawSubgraphPanel=
-function(a){var b=this.graph,c=b._subgraph_node;if(c){var d=c.inputs?c.inputs.length:0,e=Math.floor(1.6*f.NODE_SLOT_HEIGHT);a.fillStyle="#111";a.globalAlpha=.8;a.beginPath();a.roundRect(10,10,300,(d+1)*e+50,8);a.fill();a.globalAlpha=1;a.fillStyle="#888";a.font="14px Arial";a.textAlign="left";a.fillText("Graph Inputs",20,34);if(this.drawButton(280,20,20,20,"X","#151515"))this.closeSubgraph();else{d=50;a.font="20px Arial";if(c.inputs)for(var g=0;g<c.inputs.length;++g){var h=c.inputs[g];if(!h.not_subgraph_input){if(this.drawButton(20,
+function(a){var b=this.graph,c=b._subgraph_node;if(c){var d=c.inputs?c.inputs.length:0,e=Math.floor(1.6*f.NODE_SLOT_HEIGHT);a.fillStyle="#111";a.globalAlpha=.8;a.beginPath();a.roundRect(10,10,300,(d+1)*e+50,[8]);a.fill();a.globalAlpha=1;a.fillStyle="#888";a.font="14px Arial";a.textAlign="left";a.fillText("Graph Inputs",20,34);if(this.drawButton(280,20,20,20,"X","#151515"))this.closeSubgraph();else{d=50;a.font="20px Arial";if(c.inputs)for(var g=0;g<c.inputs.length;++g){var h=c.inputs[g];if(!h.not_subgraph_input){if(this.drawButton(20,
 d+2,280,e-2)){var k=c.constructor.input_node_type||"graph/input";this.graph.beforeChange();var n=f.createNode(k);n?(b.add(n),this.block_click=!1,this.last_click_position=null,this.selectNodes([n]),this.node_dragged=n,this.dragging_canvas=!1,n.setProperty("name",h.name),n.setProperty("type",h.type),this.node_dragged.pos[0]=this.graph_mouse[0]-5,this.node_dragged.pos[1]=this.graph_mouse[1]-5,this.graph.afterChange()):console.error("graph input node not found:",k)}a.fillStyle="#9C9";a.beginPath();a.arc(284,
 d+.5*e,5,0,2*Math.PI);a.fill();a.fillStyle="#AAA";a.fillText(h.name,50,d+.75*e);k=a.measureText(h.name);a.fillStyle="#777";a.fillText(h.type,50+k.width+10,d+.75*e);d+=e}}this.drawButton(20,d+2,280,e-2,"+","#151515","#222")&&this.showSubgraphPropertiesDialog(c)}}else console.warn("subgraph without subnode")};l.prototype.drawButton=function(a,b,c,d,e,g,h,k){var n=this.ctx;g=g||f.NODE_DEFAULT_COLOR;h=h||"#555";k=k||f.NODE_TEXT_COLOR;var u=this.mouse,t=f.isInsideRectangle(u[0],u[1],a,b,c,d);u=(u=this.last_click_position)&&
-f.isInsideRectangle(u[0],u[1],a,b,c,d);n.fillStyle=t?h:g;u&&(n.fillStyle="#AAA");n.beginPath();n.roundRect(a,b,c,d,4);n.fill();null!=e&&e.constructor==String&&(n.fillStyle=k,n.textAlign="center",n.font=(.65*d|0)+"px Arial",n.fillText(e,a+.5*c,b+.75*d),n.textAlign="left");a=u&&!this.block_click;u&&this.blockClick();return a};l.prototype.isAreaClicked=function(a,b,c,d,e){var g=this.mouse;f.isInsideRectangle(g[0],g[1],a,b,c,d);b=(a=(g=this.last_click_position)&&f.isInsideRectangle(g[0],g[1],a,b,c,d))&&
-!this.block_click;a&&e&&this.blockClick();return b};l.prototype.renderInfo=function(a,b,c){b=b||10;c=c||this.canvas.height-80;a.save();a.translate(b,c);a.font="10px Arial";a.fillStyle="#888";a.textAlign="left";this.graph?(a.fillText("T: "+this.graph.globaltime.toFixed(2)+"s",5,13),a.fillText("I: "+this.graph.iteration,5,26),a.fillText("N: "+this.graph._nodes.length+" ["+this.visible_nodes.length+"]",5,39),a.fillText("V: "+this.graph._version,5,52),a.fillText("FPS:"+this.fps.toFixed(2),5,65)):a.fillText("No graph selected",
-5,13);a.restore()};l.prototype.drawBackCanvas=function(){var a=this.bgcanvas;if(a.width!=this.canvas.width||a.height!=this.canvas.height)a.width=this.canvas.width,a.height=this.canvas.height;this.bgctx||(this.bgctx=this.bgcanvas.getContext("2d"));var b=this.bgctx;b.start&&b.start();var c=this.viewport||[0,0,b.canvas.width,b.canvas.height];this.clear_background&&b.clearRect(c[0],c[1],c[2],c[3]);if(this._graph_stack&&this._graph_stack.length){b.save();c=this.graph._subgraph_node;b.strokeStyle=c.bgcolor;
-b.lineWidth=10;b.strokeRect(1,1,a.width-2,a.height-2);b.lineWidth=1;b.font="40px Arial";b.textAlign="center";b.fillStyle=c.bgcolor||"#AAA";for(var d="",e=1;e<this._graph_stack.length;++e)d+=this._graph_stack[e]._subgraph_node.getTitle()+" >> ";b.fillText(d+c.getTitle(),.5*a.width,40);b.restore()}c=!1;this.onRenderBackground&&(c=this.onRenderBackground(a,b));this.viewport||(b.restore(),b.setTransform(1,0,0,1,0,0));this.visible_links.length=0;if(this.graph){b.save();this.ds.toCanvasContext(b);if(this.background_image&&
-.5<this.ds.scale&&!c){b.globalAlpha=this.zoom_modify_alpha?(1-.5/this.ds.scale)*this.editor_alpha:this.editor_alpha;b.imageSmoothingEnabled=b.mozImageSmoothingEnabled=b.imageSmoothingEnabled=!1;if(!this._bg_img||this._bg_img.name!=this.background_image){this._bg_img=new Image;this._bg_img.name=this.background_image;this._bg_img.src=this.background_image;var g=this;this._bg_img.onload=function(){g.draw(!0,!0)}}c=null;null==this._pattern&&0<this._bg_img.width?(c=b.createPattern(this._bg_img,"repeat"),
-this._pattern_img=this._bg_img,this._pattern=c):c=this._pattern;c&&(b.fillStyle=c,b.fillRect(this.visible_area[0],this.visible_area[1],this.visible_area[2],this.visible_area[3]),b.fillStyle="transparent");b.globalAlpha=1;b.imageSmoothingEnabled=b.mozImageSmoothingEnabled=b.imageSmoothingEnabled=!0}this.graph._groups.length&&!this.live_mode&&this.drawGroups(a,b);if(this.onDrawBackground)this.onDrawBackground(b,this.visible_area);this.onBackgroundRender&&(console.error("WARNING! onBackgroundRender deprecated, now is named onDrawBackground "),
+f.isInsideRectangle(u[0],u[1],a,b,c,d);n.fillStyle=t?h:g;u&&(n.fillStyle="#AAA");n.beginPath();n.roundRect(a,b,c,d,[4]);n.fill();null!=e&&e.constructor==String&&(n.fillStyle=k,n.textAlign="center",n.font=(.65*d|0)+"px Arial",n.fillText(e,a+.5*c,b+.75*d),n.textAlign="left");a=u&&!this.block_click;u&&this.blockClick();return a};l.prototype.isAreaClicked=function(a,b,c,d,e){var g=this.mouse;f.isInsideRectangle(g[0],g[1],a,b,c,d);b=(a=(g=this.last_click_position)&&f.isInsideRectangle(g[0],g[1],a,b,c,
+d))&&!this.block_click;a&&e&&this.blockClick();return b};l.prototype.renderInfo=function(a,b,c){b=b||10;c=c||this.canvas.height-80;a.save();a.translate(b,c);a.font="10px Arial";a.fillStyle="#888";a.textAlign="left";this.graph?(a.fillText("T: "+this.graph.globaltime.toFixed(2)+"s",5,13),a.fillText("I: "+this.graph.iteration,5,26),a.fillText("N: "+this.graph._nodes.length+" ["+this.visible_nodes.length+"]",5,39),a.fillText("V: "+this.graph._version,5,52),a.fillText("FPS:"+this.fps.toFixed(2),5,65)):
+a.fillText("No graph selected",5,13);a.restore()};l.prototype.drawBackCanvas=function(){var a=this.bgcanvas;if(a.width!=this.canvas.width||a.height!=this.canvas.height)a.width=this.canvas.width,a.height=this.canvas.height;this.bgctx||(this.bgctx=this.bgcanvas.getContext("2d"));var b=this.bgctx;b.start&&b.start();var c=this.viewport||[0,0,b.canvas.width,b.canvas.height];this.clear_background&&b.clearRect(c[0],c[1],c[2],c[3]);if(this._graph_stack&&this._graph_stack.length){b.save();c=this.graph._subgraph_node;
+b.strokeStyle=c.bgcolor;b.lineWidth=10;b.strokeRect(1,1,a.width-2,a.height-2);b.lineWidth=1;b.font="40px Arial";b.textAlign="center";b.fillStyle=c.bgcolor||"#AAA";for(var d="",e=1;e<this._graph_stack.length;++e)d+=this._graph_stack[e]._subgraph_node.getTitle()+" >> ";b.fillText(d+c.getTitle(),.5*a.width,40);b.restore()}c=!1;this.onRenderBackground&&(c=this.onRenderBackground(a,b));this.viewport||(b.restore(),b.setTransform(1,0,0,1,0,0));this.visible_links.length=0;if(this.graph){b.save();this.ds.toCanvasContext(b);
+if(this.background_image&&.5<this.ds.scale&&!c){b.globalAlpha=this.zoom_modify_alpha?(1-.5/this.ds.scale)*this.editor_alpha:this.editor_alpha;b.imageSmoothingEnabled=b.mozImageSmoothingEnabled=b.imageSmoothingEnabled=!1;if(!this._bg_img||this._bg_img.name!=this.background_image){this._bg_img=new Image;this._bg_img.name=this.background_image;this._bg_img.src=this.background_image;var g=this;this._bg_img.onload=function(){g.draw(!0,!0)}}c=null;null==this._pattern&&0<this._bg_img.width?(c=b.createPattern(this._bg_img,
+"repeat"),this._pattern_img=this._bg_img,this._pattern=c):c=this._pattern;c&&(b.fillStyle=c,b.fillRect(this.visible_area[0],this.visible_area[1],this.visible_area[2],this.visible_area[3]),b.fillStyle="transparent");b.globalAlpha=1;b.imageSmoothingEnabled=b.mozImageSmoothingEnabled=b.imageSmoothingEnabled=!0}this.graph._groups.length&&!this.live_mode&&this.drawGroups(a,b);if(this.onDrawBackground)this.onDrawBackground(b,this.visible_area);this.onBackgroundRender&&(console.error("WARNING! onBackgroundRender deprecated, now is named onDrawBackground "),
 this.onBackgroundRender=null);this.render_canvas_border&&(b.strokeStyle="#235",b.strokeRect(0,0,a.width,a.height));this.render_connections_shadows?(b.shadowColor="#000",b.shadowOffsetX=0,b.shadowOffsetY=0,b.shadowBlur=6):b.shadowColor="rgba(0,0,0,0)";this.live_mode||this.drawConnections(b);b.shadowColor="rgba(0,0,0,0)";b.restore()}b.finish&&b.finish();this.dirty_bgcanvas=!1;this.dirty_canvas=!0};var D=new Float32Array(2);l.prototype.drawNode=function(a,b){this.current_node=a;var c=a.color||a.constructor.color||
 f.NODE_DEFAULT_COLOR,d=a.bgcolor||a.constructor.bgcolor||f.NODE_DEFAULT_BGCOLOR,e=.6>this.ds.scale;if(this.live_mode){if(!a.flags.collapsed&&(b.shadowColor="transparent",a.onDrawForeground))a.onDrawForeground(b,this,this.canvas)}else{var g=this.editor_alpha;b.globalAlpha=g;this.render_shadows&&!e?(b.shadowColor=f.DEFAULT_SHADOW_COLOR,b.shadowOffsetX=2*this.ds.scale,b.shadowOffsetY=2*this.ds.scale,b.shadowBlur=3*this.ds.scale):b.shadowColor="transparent";if(!a.flags.collapsed||!a.onDrawCollapsed||
-1!=a.onDrawCollapsed(b,this)){var h=a._shape||f.BOX_SHAPE;D.set(a.size);var k=a.horizontal;if(a.flags.collapsed){b.font=this.inner_text_font;var n=a.getTitle?a.getTitle():a.title;null!=n&&(a._collapsed_width=Math.min(a.size[0],b.measureText(n).width+2*f.NODE_TITLE_HEIGHT),D[0]=a._collapsed_width,D[1]=0)}a.clip_area&&(b.save(),b.beginPath(),h==f.BOX_SHAPE?b.rect(0,0,D[0],D[1]):h==f.ROUND_SHAPE?b.roundRect(0,0,D[0],D[1],10):h==f.CIRCLE_SHAPE&&b.arc(.5*D[0],.5*D[1],.5*D[0],0,2*Math.PI),b.clip());a.has_errors&&
+1!=a.onDrawCollapsed(b,this)){var h=a._shape||f.BOX_SHAPE;D.set(a.size);var k=a.horizontal;if(a.flags.collapsed){b.font=this.inner_text_font;var n=a.getTitle?a.getTitle():a.title;null!=n&&(a._collapsed_width=Math.min(a.size[0],b.measureText(n).width+2*f.NODE_TITLE_HEIGHT),D[0]=a._collapsed_width,D[1]=0)}a.clip_area&&(b.save(),b.beginPath(),h==f.BOX_SHAPE?b.rect(0,0,D[0],D[1]):h==f.ROUND_SHAPE?b.roundRect(0,0,D[0],D[1],[10]):h==f.CIRCLE_SHAPE&&b.arc(.5*D[0],.5*D[1],.5*D[0],0,2*Math.PI),b.clip());a.has_errors&&
 (d="red");this.drawNodeShape(a,b,D,c,d,a.is_selected,a.mouseOver);b.shadowColor="transparent";if(a.onDrawForeground)a.onDrawForeground(b,this,this.canvas);b.textAlign=k?"center":"left";b.font=this.inner_text_font;d=!e;h=this.connecting_output;b.lineWidth=1;n=0;var u=new Float32Array(2);if(!a.flags.collapsed){if(a.inputs)for(c=0;c<a.inputs.length;c++){var t=a.inputs[c];b.globalAlpha=g;this.connecting_node&&!f.isValidConnection(t.type,h.type)&&(b.globalAlpha=.4*g);b.fillStyle=null!=t.link?t.color_on||
 this.default_connection_color.input_on:t.color_off||this.default_connection_color.input_off;var m=a.getConnectionPos(!0,c,u);m[0]-=a.pos[0];m[1]-=a.pos[1];n<m[1]+.5*f.NODE_SLOT_HEIGHT&&(n=m[1]+.5*f.NODE_SLOT_HEIGHT);b.beginPath();t.type===f.EVENT||t.shape===f.BOX_SHAPE?k?b.rect(m[0]-5+.5,m[1]-8+.5,10,14):b.rect(m[0]-6+.5,m[1]-5+.5,14,10):t.shape===f.ARROW_SHAPE?(b.moveTo(m[0]+8,m[1]+.5),b.lineTo(m[0]-4,m[1]+6+.5),b.lineTo(m[0]-4,m[1]-6+.5),b.closePath()):e?b.rect(m[0]-4,m[1]-4,8,8):b.arc(m[0],m[1],
 4,0,2*Math.PI);b.fill();if(d){var l=null!=t.label?t.label:t.name;l&&(b.fillStyle=f.NODE_TEXT_COLOR,k||t.dir==f.UP?b.fillText(l,m[0],m[1]-10):b.fillText(l,m[0]+10,m[1]+5))}}this.connecting_node&&(b.globalAlpha=.4*g);b.textAlign=k?"center":"right";b.strokeStyle="black";if(a.outputs)for(c=0;c<a.outputs.length;c++)if(t=a.outputs[c],m=a.getConnectionPos(!1,c,u),m[0]-=a.pos[0],m[1]-=a.pos[1],n<m[1]+.5*f.NODE_SLOT_HEIGHT&&(n=m[1]+.5*f.NODE_SLOT_HEIGHT),b.fillStyle=t.links&&t.links.length?t.color_on||this.default_connection_color.output_on:
@@ -188,96 +188,96 @@ t.color_off||this.default_connection_color.output_off,b.beginPath(),t.type===f.E
 m[0]-10,m[1]+5);b.textAlign="left";b.globalAlpha=1;if(a.widgets){t=n;if(k||a.widgets_up)t=2;null!=a.widgets_start_y&&(t=a.widgets_start_y);this.drawNodeWidgets(a,t,b,this.node_widget&&this.node_widget[0]==a?this.node_widget[1]:null)}}else if(this.render_collapsed_slots){e=g=null;if(a.inputs)for(c=0;c<a.inputs.length;c++)if(t=a.inputs[c],null!=t.link){g=t;break}if(a.outputs)for(c=0;c<a.outputs.length;c++)t=a.outputs[c],t.links&&t.links.length&&(e=t);g&&(g=0,c=-.5*f.NODE_TITLE_HEIGHT,k&&(g=.5*a._collapsed_width,
 c=-f.NODE_TITLE_HEIGHT),b.fillStyle="#686",b.beginPath(),t.type===f.EVENT||t.shape===f.BOX_SHAPE?b.rect(g-7+.5,c-4,14,8):t.shape===f.ARROW_SHAPE?(b.moveTo(g+8,c),b.lineTo(g+-4,c-4),b.lineTo(g+-4,c+4),b.closePath()):b.arc(g,c,4,0,2*Math.PI),b.fill());e&&(g=a._collapsed_width,c=-.5*f.NODE_TITLE_HEIGHT,k&&(g=.5*a._collapsed_width,c=0),b.fillStyle="#686",b.strokeStyle="black",b.beginPath(),t.type===f.EVENT||t.shape===f.BOX_SHAPE?b.rect(g-7+.5,c-4,14,8):t.shape===f.ARROW_SHAPE?(b.moveTo(g+6,c),b.lineTo(g-
 6,c-4),b.lineTo(g-6,c+4),b.closePath()):b.arc(g,c,4,0,2*Math.PI),b.fill())}a.clip_area&&b.restore();b.globalAlpha=1}}};l.prototype.drawLinkTooltip=function(a,b){var c=b._pos;a.fillStyle="black";a.beginPath();a.arc(c[0],c[1],3,0,2*Math.PI);a.fill();if(null!=b.data&&(!this.onDrawLinkTooltip||1!=this.onDrawLinkTooltip(a,b,this))&&(b=b.data,b=b.constructor===Number?b.toFixed(2):b.constructor===String?'"'+b+'"':b.constructor===Boolean?String(b):b.toToolTip?b.toToolTip():"["+b.constructor.name+"]",null!=
-b)){b=b.substr(0,30);a.font="14px Courier New";var d=a.measureText(b).width+20;a.shadowColor="black";a.shadowOffsetX=2;a.shadowOffsetY=2;a.shadowBlur=3;a.fillStyle="#454";a.beginPath();a.roundRect(c[0]-.5*d,c[1]-15-24,d,24,3,3);a.moveTo(c[0]-10,c[1]-15);a.lineTo(c[0]+10,c[1]-15);a.lineTo(c[0],c[1]-5);a.fill();a.shadowColor="transparent";a.textAlign="center";a.fillStyle="#CEC";a.fillText(b,c[0],c[1]-15-24*.3)}};var x=new Float32Array(4);l.prototype.drawNodeShape=function(a,b,c,d,e,g,h){b.strokeStyle=
-d;b.fillStyle=e;e=f.NODE_TITLE_HEIGHT;var k=.5>this.ds.scale,n=a._shape||a.constructor.shape||f.ROUND_SHAPE,u=a.constructor.title_mode,t=!0;u==f.TRANSPARENT_TITLE?t=!1:u==f.AUTOHIDE_TITLE&&h&&(t=!0);x[0]=0;x[1]=t?-e:0;x[2]=c[0]+1;x[3]=t?c[1]+e:c[1];h=b.globalAlpha;b.beginPath();n==f.BOX_SHAPE||k?b.fillRect(x[0],x[1],x[2],x[3]):n==f.ROUND_SHAPE||n==f.CARD_SHAPE?b.roundRect(x[0],x[1],x[2],x[3],this.round_radius,n==f.CARD_SHAPE?0:this.round_radius):n==f.CIRCLE_SHAPE&&b.arc(.5*c[0],.5*c[1],.5*c[0],0,
-2*Math.PI);b.fill();a.flags.collapsed||(b.shadowColor="transparent",b.fillStyle="rgba(0,0,0,0.2)",b.fillRect(0,-1,x[2],2));b.shadowColor="transparent";if(a.onDrawBackground)a.onDrawBackground(b,this,this.canvas,this.graph_mouse);if(t||u==f.TRANSPARENT_TITLE){if(a.onDrawTitleBar)a.onDrawTitleBar(b,e,c,this.ds.scale,d);else if(u!=f.TRANSPARENT_TITLE&&(a.constructor.title_color||this.render_title_colored)){t=a.constructor.title_color||d;a.flags.collapsed&&(b.shadowColor=f.DEFAULT_SHADOW_COLOR);if(this.use_gradients){var m=
-l.gradients[t];m||(m=l.gradients[t]=b.createLinearGradient(0,0,400,0),m.addColorStop(0,t),m.addColorStop(1,"#000"));b.fillStyle=m}else b.fillStyle=t;b.beginPath();n==f.BOX_SHAPE||k?b.rect(0,-e,c[0]+1,e):(n==f.ROUND_SHAPE||n==f.CARD_SHAPE)&&b.roundRect(0,-e,c[0]+1,e,this.round_radius,a.flags.collapsed?this.round_radius:0);b.fill();b.shadowColor="transparent"}if(a.onDrawTitleBox)a.onDrawTitleBox(b,e,c,this.ds.scale);else n==f.ROUND_SHAPE||n==f.CIRCLE_SHAPE||n==f.CARD_SHAPE?(k&&(b.fillStyle="black",
-b.beginPath(),b.arc(.5*e,-.5*e,6,0,2*Math.PI),b.fill()),b.fillStyle=a.boxcolor||f.NODE_DEFAULT_BOXCOLOR,k?b.fillRect(.5*e-5,-.5*e-5,10,10):(b.beginPath(),b.arc(.5*e,-.5*e,5,0,2*Math.PI),b.fill())):(k&&(b.fillStyle="black",b.fillRect(.5*(e-10)-1,-.5*(e+10)-1,12,12)),b.fillStyle=a.boxcolor||f.NODE_DEFAULT_BOXCOLOR,b.fillRect(.5*(e-10),-.5*(e+10),10,10));b.globalAlpha=h;if(a.onDrawTitleText)a.onDrawTitleText(b,e,c,this.ds.scale,this.title_text_font,g);!k&&(b.font=this.title_text_font,h=String(a.getTitle()))&&
-(b.fillStyle=g?f.NODE_SELECTED_TITLE_COLOR:a.constructor.title_text_color||this.node_title_color,a.flags.collapsed?(b.textAlign="left",b.measureText(h),b.fillText(h.substr(0,20),e,f.NODE_TITLE_TEXT_Y-e),b.textAlign="left"):(b.textAlign="left",b.fillText(h,e,f.NODE_TITLE_TEXT_Y-e)));a.flags.collapsed||!a.subgraph||a.skip_subgraph_button||(h=f.NODE_TITLE_HEIGHT,t=a.size[0]-h,m=f.isInsideRectangle(this.graph_mouse[0]-a.pos[0],this.graph_mouse[1]-a.pos[1],t+2,-h+2,h-4,h-4),b.fillStyle=m?"#888":"#555",
-n==f.BOX_SHAPE||k?b.fillRect(t+2,-h+2,h-4,h-4):(b.beginPath(),b.roundRect(t+2,-h+2,h-4,h-4,4),b.fill()),b.fillStyle="#333",b.beginPath(),b.moveTo(t+.2*h,.6*-h),b.lineTo(t+.8*h,.6*-h),b.lineTo(t+.5*h,.3*-h),b.fill());if(a.onDrawTitle)a.onDrawTitle(b)}if(g){if(a.onBounding)a.onBounding(x);u==f.TRANSPARENT_TITLE&&(x[1]-=e,x[3]+=e);b.lineWidth=1;b.globalAlpha=.8;b.beginPath();n==f.BOX_SHAPE?b.rect(-6+x[0],-6+x[1],12+x[2],12+x[3]):n==f.ROUND_SHAPE||n==f.CARD_SHAPE&&a.flags.collapsed?b.roundRect(-6+x[0],
--6+x[1],12+x[2],12+x[3],2*this.round_radius):n==f.CARD_SHAPE?b.roundRect(-6+x[0],-6+x[1],12+x[2],12+x[3],2*this.round_radius,2):n==f.CIRCLE_SHAPE&&b.arc(.5*c[0],.5*c[1],.5*c[0]+6,0,2*Math.PI);b.strokeStyle=f.NODE_BOX_OUTLINE_COLOR;b.stroke();b.strokeStyle=d;b.globalAlpha=1}};var I=new Float32Array(4),B=new Float32Array(4),L=new Float32Array(2),M=new Float32Array(2);l.prototype.drawConnections=function(a){var b=f.getTime(),c=this.visible_area;I[0]=c[0]-20;I[1]=c[1]-20;I[2]=c[2]+40;I[3]=c[3]+40;a.lineWidth=
-this.connections_width;a.fillStyle="#AAA";a.strokeStyle="#AAA";a.globalAlpha=this.editor_alpha;c=this.graph._nodes;for(var d=0,e=c.length;d<e;++d){var g=c[d];if(g.inputs&&g.inputs.length)for(var h=0;h<g.inputs.length;++h){var k=g.inputs[h];if(k&&null!=k.link&&(k=this.graph.links[k.link])){var n=this.graph.getNodeById(k.origin_id);if(null!=n){var u=k.origin_slot;var t=-1==u?[n.pos[0]+10,n.pos[1]+10]:n.getConnectionPos(!1,u,L);var m=g.getConnectionPos(!0,h,M);B[0]=t[0];B[1]=t[1];B[2]=m[0]-t[0];B[3]=
-m[1]-t[1];0>B[2]&&(B[0]+=B[2],B[2]=Math.abs(B[2]));0>B[3]&&(B[1]+=B[3],B[3]=Math.abs(B[3]));if(H(B,I)){var l=n.outputs[u];u=g.inputs[h];if(l&&u&&(n=l.dir||(n.horizontal?f.DOWN:f.RIGHT),u=u.dir||(g.horizontal?f.UP:f.LEFT),this.renderLink(a,t,m,k,!1,0,null,n,u),k&&k._last_time&&1E3>b-k._last_time)){l=2-.002*(b-k._last_time);var v=a.globalAlpha;a.globalAlpha=v*l;this.renderLink(a,t,m,k,!0,l,"white",n,u);a.globalAlpha=v}}}}}}a.globalAlpha=1};l.prototype.renderLink=function(a,b,c,d,e,g,h,k,n,u){d&&this.visible_links.push(d);
-!h&&d&&(h=d.color||l.link_type_colors[d.type]);h||(h=this.default_link_color);null!=d&&this.highlighted_links[d.id]&&(h="#FFF");k=k||f.RIGHT;n=n||f.LEFT;var t=J(b,c);this.render_connections_border&&.6<this.ds.scale&&(a.lineWidth=this.connections_width+4);a.lineJoin="round";u=u||1;1<u&&(a.lineWidth=.5);a.beginPath();for(var m=0;m<u;m+=1){var r=5*(m-.5*(u-1));if(this.links_render_mode==f.SPLINE_LINK){a.moveTo(b[0],b[1]+r);var v=0,q=0,p=0,A=0;switch(k){case f.LEFT:v=-.25*t;break;case f.RIGHT:v=.25*t;
-break;case f.UP:q=-.25*t;break;case f.DOWN:q=.25*t}switch(n){case f.LEFT:p=-.25*t;break;case f.RIGHT:p=.25*t;break;case f.UP:A=-.25*t;break;case f.DOWN:A=.25*t}a.bezierCurveTo(b[0]+v,b[1]+q+r,c[0]+p,c[1]+A+r,c[0],c[1]+r)}else if(this.links_render_mode==f.LINEAR_LINK){a.moveTo(b[0],b[1]+r);A=p=q=v=0;switch(k){case f.LEFT:v=-1;break;case f.RIGHT:v=1;break;case f.UP:q=-1;break;case f.DOWN:q=1}switch(n){case f.LEFT:p=-1;break;case f.RIGHT:p=1;break;case f.UP:A=-1;break;case f.DOWN:A=1}a.lineTo(b[0]+15*
-v,b[1]+15*q+r);a.lineTo(c[0]+15*p,c[1]+15*A+r);a.lineTo(c[0],c[1]+r)}else if(this.links_render_mode==f.STRAIGHT_LINK)a.moveTo(b[0],b[1]),r=b[0],v=b[1],q=c[0],p=c[1],k==f.RIGHT?r+=10:v+=10,n==f.LEFT?q-=10:p-=10,a.lineTo(r,v),a.lineTo(.5*(r+q),v),a.lineTo(.5*(r+q),p),a.lineTo(q,p),a.lineTo(c[0],c[1]);else return}this.render_connections_border&&.6<this.ds.scale&&!e&&(a.strokeStyle="rgba(0,0,0,0.5)",a.stroke());a.lineWidth=this.connections_width;a.fillStyle=a.strokeStyle=h;a.stroke();e=this.computeConnectionPoint(b,
-c,.5,k,n);d&&d._pos&&(d._pos[0]=e[0],d._pos[1]=e[1]);.6<=this.ds.scale&&this.highquality_render&&n!=f.CENTER&&(this.render_connection_arrows&&(m=this.computeConnectionPoint(b,c,.25,k,n),t=this.computeConnectionPoint(b,c,.26,k,n),d=this.computeConnectionPoint(b,c,.75,k,n),u=this.computeConnectionPoint(b,c,.76,k,n),this.render_curved_connections?(t=-Math.atan2(t[0]-m[0],t[1]-m[1]),u=-Math.atan2(u[0]-d[0],u[1]-d[1])):u=t=c[1]>b[1]?0:Math.PI,a.save(),a.translate(m[0],m[1]),a.rotate(t),a.beginPath(),a.moveTo(-5,
--3),a.lineTo(0,7),a.lineTo(5,-3),a.fill(),a.restore(),a.save(),a.translate(d[0],d[1]),a.rotate(u),a.beginPath(),a.moveTo(-5,-3),a.lineTo(0,7),a.lineTo(5,-3),a.fill(),a.restore()),a.beginPath(),a.arc(e[0],e[1],5,0,2*Math.PI),a.fill());if(g)for(a.fillStyle=h,m=0;5>m;++m)g=(.001*f.getTime()+.2*m)%1,e=this.computeConnectionPoint(b,c,g,k,n),a.beginPath(),a.arc(e[0],e[1],5,0,2*Math.PI),a.fill()};l.prototype.computeConnectionPoint=function(a,b,c,d,e){d=d||f.RIGHT;e=e||f.LEFT;var g=J(a,b),h=[a[0],a[1]],k=
-[b[0],b[1]];switch(d){case f.LEFT:h[0]+=-.25*g;break;case f.RIGHT:h[0]+=.25*g;break;case f.UP:h[1]+=-.25*g;break;case f.DOWN:h[1]+=.25*g}switch(e){case f.LEFT:k[0]+=-.25*g;break;case f.RIGHT:k[0]+=.25*g;break;case f.UP:k[1]+=-.25*g;break;case f.DOWN:k[1]+=.25*g}d=(1-c)*(1-c)*(1-c);e=3*(1-c)*(1-c)*c;g=3*(1-c)*c*c;c*=c*c;return[d*a[0]+e*h[0]+g*k[0]+c*b[0],d*a[1]+e*h[1]+g*k[1]+c*b[1]]};l.prototype.drawExecutionOrder=function(a){a.shadowColor="transparent";a.globalAlpha=.25;a.textAlign="center";a.strokeStyle=
-"white";a.globalAlpha=.75;for(var b=this.visible_nodes,c=0;c<b.length;++c){var d=b[c];a.fillStyle="black";a.fillRect(d.pos[0]-f.NODE_TITLE_HEIGHT,d.pos[1]-f.NODE_TITLE_HEIGHT,f.NODE_TITLE_HEIGHT,f.NODE_TITLE_HEIGHT);0==d.order&&a.strokeRect(d.pos[0]-f.NODE_TITLE_HEIGHT+.5,d.pos[1]-f.NODE_TITLE_HEIGHT+.5,f.NODE_TITLE_HEIGHT,f.NODE_TITLE_HEIGHT);a.fillStyle="#FFF";a.fillText(d.order,d.pos[0]+-.5*f.NODE_TITLE_HEIGHT,d.pos[1]-6)}a.globalAlpha=1};l.prototype.drawNodeWidgets=function(a,b,c,d){if(!a.widgets||
-!a.widgets.length)return 0;var e=a.size[0],g=a.widgets;b+=2;var h=f.NODE_WIDGET_HEIGHT,k=.5<this.ds.scale;c.save();c.globalAlpha=this.editor_alpha;for(var n=f.WIDGET_OUTLINE_COLOR,l=f.WIDGET_BGCOLOR,t=f.WIDGET_TEXT_COLOR,m=f.WIDGET_SECONDARY_TEXT_COLOR,r=0;r<g.length;++r){var v=g[r],q=b;v.y&&(q=v.y);v.last_y=q;c.strokeStyle=n;c.fillStyle="#222";c.textAlign="left";v.disabled&&(c.globalAlpha*=.5);var p=v.width||e;switch(v.type){case "button":v.clicked&&(c.fillStyle="#AAA",v.clicked=!1,this.dirty_canvas=
-!0);c.fillRect(15,q,p-30,h);k&&!v.disabled&&c.strokeRect(15,q,p-30,h);k&&(c.textAlign="center",c.fillStyle=t,c.fillText(v.name,.5*p,q+.7*h));break;case "toggle":c.textAlign="left";c.strokeStyle=n;c.fillStyle=l;c.beginPath();k?c.roundRect(15,b,p-30,h,.5*h):c.rect(15,b,p-30,h);c.fill();k&&!v.disabled&&c.stroke();c.fillStyle=v.value?"#89A":"#333";c.beginPath();c.arc(p-30,q+.5*h,.36*h,0,2*Math.PI);c.fill();k&&(c.fillStyle=m,null!=v.name&&c.fillText(v.name,30,q+.7*h),c.fillStyle=v.value?t:m,c.textAlign=
-"right",c.fillText(v.value?v.options.on||"true":v.options.off||"false",p-40,q+.7*h));break;case "slider":c.fillStyle=l;c.fillRect(15,q,p-30,h);var A=v.options.max-v.options.min,F=(v.value-v.options.min)/A;c.fillStyle=d==v?"#89A":"#678";c.fillRect(15,q,F*(p-30),h);k&&!v.disabled&&c.strokeRect(15,q,p-30,h);v.marker&&(A=(v.marker-v.options.min)/A,c.fillStyle="#AA9",c.fillRect(15+A*(p-30),q,2,h));k&&(c.textAlign="center",c.fillStyle=t,c.fillText(v.name+"  "+Number(v.value).toFixed(3),.5*p,q+.7*h));break;
-case "number":case "combo":c.textAlign="left";c.strokeStyle=n;c.fillStyle=l;c.beginPath();k?c.roundRect(15,b,p-30,h,.5*h):c.rect(15,b,p-30,h);c.fill();k&&(v.disabled||c.stroke(),c.fillStyle=t,v.disabled||(c.beginPath(),c.moveTo(31,b+5),c.lineTo(21,b+.5*h),c.lineTo(31,b+h-5),c.fill(),c.beginPath(),c.moveTo(p-15-16,b+5),c.lineTo(p-15-6,b+.5*h),c.lineTo(p-15-16,b+h-5),c.fill()),c.fillStyle=m,c.fillText(v.name,35,q+.7*h),c.fillStyle=t,c.textAlign="right","number"==v.type?c.fillText(Number(v.value).toFixed(void 0!==
-v.options.precision?v.options.precision:3),p-30-20,q+.7*h):(A=v.value,v.options.values&&(F=v.options.values,F.constructor===Function&&(F=F()),F&&F.constructor!==Array&&(A=F[v.value])),c.fillText(A,p-30-20,q+.7*h)));break;case "string":case "text":c.textAlign="left";c.strokeStyle=n;c.fillStyle=l;c.beginPath();k?c.roundRect(15,b,p-30,h,.5*h):c.rect(15,b,p-30,h);c.fill();k&&(v.disabled||c.stroke(),c.save(),c.beginPath(),c.rect(15,b,p-30,h),c.clip(),c.fillStyle=m,null!=v.name&&c.fillText(v.name,30,q+
-.7*h),c.fillStyle=t,c.textAlign="right",c.fillText(String(v.value).substr(0,30),p-30,q+.7*h),c.restore());break;default:v.draw&&v.draw(c,a,p,q,h)}b+=(v.computeSize?v.computeSize(p)[1]:h)+4;c.globalAlpha=this.editor_alpha}c.restore();c.textAlign="left"};l.prototype.processNodeWidgets=function(a,b,c,d){function e(d,e){d.value=e;d.options&&d.options.property&&void 0!==a.properties[d.options.property]&&a.setProperty(d.options.property,e);d.callback&&d.callback(d.value,n,a,b,c)}if(!a.widgets||!a.widgets.length)return null;
-for(var g=b[0]-a.pos[0],h=b[1]-a.pos[1],k=a.size[0],n=this,l=this.getCanvasWindow(),t=0;t<a.widgets.length;++t){var m=a.widgets[t];if(m&&!m.disabled){var p=m.computeSize?m.computeSize(k)[1]:f.NODE_WIDGET_HEIGHT,q=m.width||k;if(m==d||!(6>g||g>q-12||h<m.last_y||h>m.last_y+p||void 0===m.last_y)){d=m.value;switch(m.type){case "button":"mousedown"===c.type&&(m.callback&&setTimeout(function(){m.callback(m,n,a,b,c)},20),this.dirty_canvas=m.clicked=!0);break;case "slider":l=Math.clamp((g-15)/(q-30),0,1);
-m.value=m.options.min+(m.options.max-m.options.min)*l;m.callback&&setTimeout(function(){e(m,m.value)},20);this.dirty_canvas=!0;break;case "number":case "combo":d=m.value;if("mousemove"==c.type&&"number"==m.type)m.value+=.1*c.deltaX*(m.options.step||1),null!=m.options.min&&m.value<m.options.min&&(m.value=m.options.min),null!=m.options.max&&m.value>m.options.max&&(m.value=m.options.max);else if("mousedown"==c.type){var r=m.options.values;r&&r.constructor===Function&&(r=m.options.values(m,a));var w=
-null;"number"!=m.type&&(w=r.constructor===Array?r:Object.keys(r));g=40>g?-1:g>q-40?1:0;if("number"==m.type)m.value+=.1*g*(m.options.step||1),null!=m.options.min&&m.value<m.options.min&&(m.value=m.options.min),null!=m.options.max&&m.value>m.options.max&&(m.value=m.options.max);else if(g)l=-1,this.last_mouseclick=0,l=r.constructor===Object?w.indexOf(String(m.value))+g:w.indexOf(m.value)+g,l>=w.length&&(l=w.length-1),0>l&&(l=0),m.value=r.constructor===Array?r[l]:l;else{var A=r!=w?Object.values(r):r;
-new f.ContextMenu(A,{scale:Math.max(1,this.ds.scale),event:c,className:"dark",callback:function(a,b,c){r!=w&&(a=A.indexOf(a));this.value=a;e(this,a);n.dirty_canvas=!0;return!1}.bind(m)},l)}}else"mouseup"==c.type&&"number"==m.type&&(g=40>g?-1:g>q-40?1:0,200>c.click_time&&0==g&&this.prompt("Value",m.value,function(a){this.value=Number(a);e(this,this.value)}.bind(m),c));d!=m.value&&setTimeout(function(){e(this,this.value)}.bind(m),20);this.dirty_canvas=!0;break;case "toggle":"mousedown"==c.type&&(m.value=
-!m.value,setTimeout(function(){e(m,m.value)},20));break;case "string":case "text":"mousedown"==c.type&&this.prompt("Value",m.value,function(a){this.value=a;e(this,a)}.bind(m),c,m.options?m.options.multiline:!1);break;default:m.mouse&&(this.dirty_canvas=m.mouse(c,[g,h],a))}if(d!=m.value){if(a.onWidgetChanged)a.onWidgetChanged(m.name,m.value,d,m);a.graph._version++}return m}}}return null};l.prototype.drawGroups=function(a,b){if(this.graph){a=this.graph._groups;b.save();b.globalAlpha=.5*this.editor_alpha;
-for(var c=0;c<a.length;++c){var d=a[c];if(H(this.visible_area,d._bounding)){b.fillStyle=d.color||"#335";b.strokeStyle=d.color||"#335";var e=d._pos,g=d._size;b.globalAlpha=.25*this.editor_alpha;b.beginPath();b.rect(e[0]+.5,e[1]+.5,g[0],g[1]);b.fill();b.globalAlpha=this.editor_alpha;b.stroke();b.beginPath();b.moveTo(e[0]+g[0],e[1]+g[1]);b.lineTo(e[0]+g[0]-10,e[1]+g[1]);b.lineTo(e[0]+g[0],e[1]+g[1]-10);b.fill();g=d.font_size||f.DEFAULT_GROUP_FONT_SIZE;b.font=g+"px Arial";b.fillText(d.title,e[0]+4,e[1]+
-g)}}b.restore()}};l.prototype.adjustNodesSize=function(){for(var a=this.graph._nodes,b=0;b<a.length;++b)a[b].size=a[b].computeSize();this.setDirty(!0,!0)};l.prototype.resize=function(a,b){a||b||(b=this.canvas.parentNode,a=b.offsetWidth,b=b.offsetHeight);if(this.canvas.width!=a||this.canvas.height!=b)this.canvas.width=a,this.canvas.height=b,this.bgcanvas.width=this.canvas.width,this.bgcanvas.height=this.canvas.height,this.setDirty(!0,!0)};l.prototype.switchLiveMode=function(a){if(a){var b=this,c=this.live_mode?
-1.1:.9;this.live_mode&&(this.live_mode=!1,this.editor_alpha=.1);var d=setInterval(function(){b.editor_alpha*=c;b.dirty_canvas=!0;b.dirty_bgcanvas=!0;1>c&&.01>b.editor_alpha&&(clearInterval(d),1>c&&(b.live_mode=!0));1<c&&.99<b.editor_alpha&&(clearInterval(d),b.editor_alpha=1)},1)}else this.live_mode=!this.live_mode,this.dirty_bgcanvas=this.dirty_canvas=!0};l.prototype.onNodeSelectionChange=function(a){};l.prototype.touchHandler=function(a){var b=a.changedTouches[0];switch(a.type){case "touchstart":var c=
-"mousedown";break;case "touchmove":c="mousemove";break;case "touchend":c="mouseup";break;default:return}var d=this.getCanvasWindow(),e=d.document.createEvent("MouseEvent");e.initMouseEvent(c,!0,!0,d,1,b.screenX,b.screenY,b.clientX,b.clientY,!1,!1,!1,!1,0,null);b.target.dispatchEvent(e);a.preventDefault()};l.onGroupAdd=function(a,b,c){a=l.active_canvas;a.getCanvasWindow();b=new f.LGraphGroup;b.pos=a.convertEventToCanvasOffset(c);a.graph.add(b)};l.onMenuAdd=function(a,b,c,d,e){function g(a,b){var d=
-[];f.getNodeTypesCategories(h.filter||n.filter).filter(function(b){return b.startsWith(a)}).map(function(b){if(b){b=b.replace(new RegExp("^("+a+")"),"").split("/")[0];var c=""===a?b+"/":a+b+"/";-1!=b.indexOf("::")&&(b=b.split("::")[1]);-1===d.findIndex(function(a){return a.value===c})&&d.push({value:c,content:b,has_submenu:!0,callback:function(a,b,c,d){g(a.value,d)}})}});f.getNodeTypesInCategory(a.slice(0,-1),h.filter||n.filter).map(function(a){a.skip_list||d.push({value:a.type,content:a.title,has_submenu:!1,
-callback:function(a,b,c,d){b=d.getFirstEvent();h.graph.beforeChange();if(a=f.createNode(a.value))a.pos=h.convertEventToCanvasOffset(b),h.graph.add(a);e&&e(a);h.graph.afterChange()}})});new f.ContextMenu(d,{event:c,parentMenu:b},k)}var h=l.active_canvas,k=h.getCanvasWindow(),n=h.graph;if(n)return g("",d),!1};l.onMenuCollapseAll=function(){};l.onMenuNodeEdit=function(){};l.showMenuNodeOptionalInputs=function(a,b,c,d,e){if(e){var g=this;a=l.active_canvas.getCanvasWindow();b=e.optional_inputs;e.onGetInputs&&
-(b=e.onGetInputs());var h=[];if(b)for(var k=0;k<b.length;k++){var n=b[k];if(n){var u=n[0];n[2]&&n[2].label&&(u=n[2].label);u={content:u,value:n};n[1]==f.ACTION&&(u.className="event");h.push(u)}else h.push(null)}this.onMenuNodeInputs&&(h=this.onMenuNodeInputs(h));if(h.length)return new f.ContextMenu(h,{event:c,callback:function(a,b,c){e&&(a.callback&&a.callback.call(g,e,a,b,c),a.value&&(e.graph.beforeChange(),e.addInput(a.value[0],a.value[1],a.value[2]),e.setDirtyCanvas(!0,!0),e.graph.afterChange()))},
-parentMenu:d,node:e},a),!1;console.log("no input entries")}};l.showMenuNodeOptionalOutputs=function(a,b,c,d,e){function g(a,b,c){if(e&&(a.callback&&a.callback.call(h,e,a,b,c),a.value))if(c=a.value[1],!c||c.constructor!==Object&&c.constructor!==Array)e.graph.beforeChange(),e.addOutput(a.value[0],a.value[1],a.value[2]),e.setDirtyCanvas(!0,!0),e.graph.afterChange();else{a=[];for(var k in c)a.push({content:k,value:c[k]});new f.ContextMenu(a,{event:b,callback:g,parentMenu:d,node:e});return!1}}if(e){var h=
-this;a=l.active_canvas.getCanvasWindow();b=e.optional_outputs;e.onGetOutputs&&(b=e.onGetOutputs());var k=[];if(b)for(var n=0;n<b.length;n++){var u=b[n];if(!u)k.push(null);else if(!e.flags||!e.flags.skip_repeated_outputs||-1==e.findOutputSlot(u[0])){var t=u[0];u[2]&&u[2].label&&(t=u[2].label);t={content:t,value:u};u[1]==f.EVENT&&(t.className="event");k.push(t)}}this.onMenuNodeOutputs&&(k=this.onMenuNodeOutputs(k));if(k.length)return new f.ContextMenu(k,{event:c,callback:g,parentMenu:d,node:e},a),!1}};
-l.onShowMenuNodeProperties=function(a,b,c,d,e){if(e&&e.properties){var g=l.active_canvas;b=g.getCanvasWindow();var h=[],k;for(k in e.properties){a=void 0!==e.properties[k]?e.properties[k]:" ";"object"==typeof a&&(a=JSON.stringify(a));var n=e.getPropertyInfo(k);if("enum"==n.type||"combo"==n.type)a=l.getPropertyPrintableValue(a,n.values);a=l.decodeHTML(a);h.push({content:"<span class='property_name'>"+(n.label?n.label:k)+"</span><span class='property_value'>"+a+"</span>",value:k})}if(h.length)return new f.ContextMenu(h,
-{event:c,callback:function(a,b,c,d){e&&(b=this.getBoundingClientRect(),g.showEditPropertyValue(e,a.value,{position:[b.left,b.top]}))},parentMenu:d,allow_html:!0,node:e},b),!1}};l.decodeHTML=function(a){var b=document.createElement("div");b.innerText=a;return b.innerHTML};l.onResizeNode=function(a,b,c,d,e){if(e){e.size=e.computeSize();if(e.onResize)e.onResize(e.size);e.setDirtyCanvas(!0,!0)}};l.prototype.showLinkMenu=function(a,b){var c=this;console.log(a);var d=new f.ContextMenu(["Add Node",null,
-"Delete"],{event:b,title:null!=a.data?a.data.constructor.name:null,callback:function(b,g,h){switch(b){case "Add Node":l.onMenuAdd(null,null,h,d,function(b){console.log("node autoconnect");var d=c.graph.getNodeById(a.origin_id),e=c.graph.getNodeById(a.target_id);b.inputs&&b.inputs.length&&b.outputs&&b.outputs.length&&d.outputs[a.origin_slot].type==b.inputs[0].type&&b.outputs[0].type==e.inputs[0].type&&(d.connect(a.origin_slot,b,0),b.connect(0,e,a.target_slot),b.pos[0]-=.5*b.size[0])});break;case "Delete":c.graph.removeLink(a.id)}}});
-return!1};l.onShowPropertyEditor=function(a,b,c,d,e){function g(){var b=n.value;"Number"==a.type?b=Number(b):"Boolean"==a.type&&(b=!!b);e[h]=b;f.parentNode&&f.parentNode.removeChild(f);e.setDirtyCanvas(!0,!0)}var h=a.property||"title";b=e[h];var f=document.createElement("div");f.className="graphdialog";f.innerHTML="<span class='name'></span><input autofocus type='text' class='value'/><button>OK</button>";f.querySelector(".name").innerText=h;var n=f.querySelector(".value");n&&(n.value=b,n.addEventListener("blur",
-function(a){this.focus()}),n.addEventListener("keydown",function(a){if(13==a.keyCode||"textarea"==a.target.localName)g(),a.preventDefault(),a.stopPropagation()}));b=l.active_canvas.canvas;c=b.getBoundingClientRect();var u=d=-20;c&&(d-=c.left,u-=c.top);event?(f.style.left=event.clientX+d+"px",f.style.top=event.clientY+u+"px"):(f.style.left=.5*b.width+d+"px",f.style.top=.5*b.height+u+"px");f.querySelector("button").addEventListener("click",g);b.parentNode.appendChild(f)};l.prototype.prompt=function(a,
-b,c,d,e){var g=this;a=a||"";var h=!1,f=document.createElement("div");f.className="graphdialog rounded";f.innerHTML=e?"<span class='name'></span> <textarea autofocus class='value'></textarea><button class='rounded'>OK</button>":"<span class='name'></span> <input autofocus type='text' class='value'/><button class='rounded'>OK</button>";f.close=function(){g.prompt_box=null;f.parentNode&&f.parentNode.removeChild(f)};1<this.ds.scale&&(f.style.transform="scale("+this.ds.scale+")");f.addEventListener("mouseleave",
-function(a){h||f.close()});g.prompt_box&&g.prompt_box.close();g.prompt_box=f;f.querySelector(".name").innerText=a;var n=f.querySelector(".value");n.value=b;n.addEventListener("keydown",function(a){h=!0;if(27==a.keyCode)f.close();else if(13==a.keyCode&&"textarea"!=a.target.localName)c&&c(this.value),f.close();else return;a.preventDefault();a.stopPropagation()});f.querySelector("button").addEventListener("click",function(a){c&&c(n.value);g.setDirty(!0);f.close()});a=l.active_canvas.canvas;b=a.getBoundingClientRect();
-var u=e=-20;b&&(e-=b.left,u-=b.top);d?(f.style.left=d.clientX+e+"px",f.style.top=d.clientY+u+"px"):(f.style.left=.5*a.width+e+"px",f.style.top=.5*a.height+u+"px");a.parentNode.appendChild(f);setTimeout(function(){n.focus()},10);return f};l.search_limit=-1;l.prototype.showSearchBox=function(a){function b(b){if(b)if(e.onSearchBoxSelection)e.onSearchBoxSelection(b,a,g);else{var c=f.searchbox_extras[b.toLowerCase()];c&&(b=c.type);g.graph.beforeChange();if(b=f.createNode(b))b.pos=g.convertEventToCanvasOffset(a),
-g.graph.add(b);if(c&&c.data){if(c.data.properties)for(var d in c.data.properties)b.addProperty(d,c.data.properties[d]);if(c.data.inputs)for(d in b.inputs=[],c.data.inputs)b.addOutput(c.data.inputs[d][0],c.data.inputs[d][1]);if(c.data.outputs)for(d in b.outputs=[],c.data.outputs)b.addOutput(c.data.outputs[d][0],c.data.outputs[d][1]);c.data.title&&(b.title=c.data.title);c.data.json&&b.configure(c.data.json);g.graph.afterChange()}}n.close()}function c(a){var b=p;p&&p.classList.remove("selected");p?(p=
-a?p.nextSibling:p.previousSibling)||(p=b):p=a?t.childNodes[0]:t.childNodes[t.childNodes.length];p&&(p.classList.add("selected"),p.scrollIntoView({block:"end",behavior:"smooth"}))}function d(){function a(a,c){var d=document.createElement("div");m||(m=a);d.innerText=a;d.dataset.type=escape(a);d.className="litegraph lite-search-item";c&&(d.className+=" "+c);d.addEventListener("click",function(a){b(unescape(this.dataset.type))});t.appendChild(d)}q=null;var c=r.value;m=null;t.innerHTML="";if(c)if(e.onSearchBox){var d=
-e.onSearchBox(t,c,g);if(d)for(var h=0;h<d.length;++h)a(d[h])}else{d=function(a){var b=f.registered_node_types[a];return n&&b.filter!=n?!1:-1!==a.toLowerCase().indexOf(c)};var k=0;c=c.toLowerCase();var n=g.filter||g.graph.filter;for(h in f.searchbox_extras){var p=f.searchbox_extras[h];if(-1!==p.desc.toLowerCase().indexOf(c)){var u=f.registered_node_types[p.type];if(!u||u.filter==n)if(a(p.desc,"searchbox_extra"),-1!==l.search_limit&&k++>l.search_limit)break}}p=null;if(Array.prototype.filter)p=Object.keys(f.registered_node_types).filter(d);
-else for(h in p=[],f.registered_node_types)d(h)&&p.push(h);for(h=0;h<p.length&&!(a(p[h]),-1!==l.search_limit&&k++>l.search_limit);h++);}}var e=this,g=l.active_canvas,h=g.canvas,k=h.ownerDocument||document,n=document.createElement("div");n.className="litegraph litesearchbox graphdialog rounded";n.innerHTML="<span class='name'>Search</span> <input autofocus type='text' class='value rounded'/><div class='helper'></div>";n.close=function(){e.search_box=null;k.body.focus();k.body.style.overflow="";setTimeout(function(){e.canvas.focus()},
-20);n.parentNode&&n.parentNode.removeChild(n)};var u=null;1<this.ds.scale&&(n.style.transform="scale("+this.ds.scale+")");n.addEventListener("mouseenter",function(a){u&&(clearTimeout(u),u=null)});n.addEventListener("mouseleave",function(a){u=setTimeout(function(){n.close()},500)});e.search_box&&e.search_box.close();e.search_box=n;var t=n.querySelector(".helper"),m=null,q=null,p=null,r=n.querySelector("input");r&&(r.addEventListener("blur",function(a){this.focus()}),r.addEventListener("keydown",function(a){if(38==
-a.keyCode)c(!1);else if(40==a.keyCode)c(!0);else if(27==a.keyCode)n.close();else if(13==a.keyCode)p?b(p.innerHTML):m?b(m):n.close();else{q&&clearInterval(q);q=setTimeout(d,10);return}a.preventDefault();a.stopPropagation();a.stopImmediatePropagation();return!0}));k.fullscreenElement?k.fullscreenElement.appendChild(n):(k.body.appendChild(n),k.body.style.overflow="hidden");h=h.getBoundingClientRect();var w=(a?a.clientY:h.top+.5*h.height)-20;n.style.left=(a?a.clientX:h.left+.5*h.width)-80+"px";n.style.top=
-w+"px";a.layerY>h.height-200&&(t.style.maxHeight=h.height-a.layerY-20+"px");r.focus();return n};l.prototype.showEditPropertyValue=function(a,b,c){function d(){e(m.value)}function e(d){g&&g.values&&g.values.constructor===Object&&void 0!=g.values[d]&&(d=g.values[d]);"number"==typeof a.properties[b]&&(d=Number(d));if("array"==h||"object"==h)d=JSON.parse(d);a.properties[b]=d;a.graph&&a.graph._version++;if(a.onPropertyChanged)a.onPropertyChanged(b,d);if(c.onclose)c.onclose();p.close();a.setDirtyCanvas(!0,
-!0)}if(a&&void 0!==a.properties[b]){c=c||{};var g=a.getPropertyInfo(b),h=g.type,f="";if("string"==h||"number"==h||"array"==h||"object"==h)f="<input autofocus type='text' class='value'/>";else if("enum"!=h&&"combo"!=h||!g.values)if("boolean"==h)f="<input autofocus type='checkbox' class='value' "+(a.properties[b]?"checked":"")+"/>";else{console.warn("unknown type: "+h);return}else{f="<select autofocus type='text' class='value'>";for(var n in g.values){var l=n;g.values.constructor===Array&&(l=g.values[n]);
-f+="<option value='"+l+"' "+(l==a.properties[b]?"selected":"")+">"+g.values[n]+"</option>"}f+="</select>"}var p=this.createDialog("<span class='name'>"+(g.label?g.label:b)+"</span>"+f+"<button>OK</button>",c);if("enum"!=h&&"combo"!=h||!g.values)if("boolean"==h)(m=p.querySelector("input"))&&m.addEventListener("click",function(a){e(!!m.checked)});else{if(m=p.querySelector("input"))m.addEventListener("blur",function(a){this.focus()}),l=void 0!==a.properties[b]?a.properties[b]:"","string"!==h&&(l=JSON.stringify(l)),
-m.value=l,m.addEventListener("keydown",function(a){13==a.keyCode&&(d(),a.preventDefault(),a.stopPropagation())})}else{var m=p.querySelector("select");m.addEventListener("change",function(a){e(a.target.value)})}p.querySelector("button").addEventListener("click",d);return p}};l.prototype.createDialog=function(a,b){b=b||{};var c=document.createElement("div");c.className="graphdialog";c.innerHTML=a;a=this.canvas.getBoundingClientRect();var d=-20,e=-20;a&&(d-=a.left,e-=a.top);b.position?(d+=b.position[0],
-e+=b.position[1]):b.event?(d+=b.event.clientX,e+=b.event.clientY):(d+=.5*this.canvas.width,e+=.5*this.canvas.height);c.style.left=d+"px";c.style.top=e+"px";this.canvas.parentNode.appendChild(c);c.close=function(){this.parentNode&&this.parentNode.removeChild(this)};return c};l.prototype.createPanel=function(a,b){b=b||{};var c=b.window||window,d=document.createElement("div");d.className="litegraph dialog";d.innerHTML="<div class='dialog-header'><span class='dialog-title'></span></div><div class='dialog-content'></div><div class='dialog-footer'></div>";
-d.header=d.querySelector(".dialog-header");b.width&&(d.style.width=b.width+(b.width.constructor===Number?"px":""));b.height&&(d.style.height=b.height+(b.height.constructor===Number?"px":""));b.closable&&(b=document.createElement("span"),b.innerHTML="&#10005;",b.classList.add("close"),b.addEventListener("click",function(){d.close()}),d.header.appendChild(b));d.title_element=d.querySelector(".dialog-title");d.title_element.innerText=a;d.content=d.querySelector(".dialog-content");d.footer=d.querySelector(".dialog-footer");
-d.close=function(){this.parentNode&&this.parentNode.removeChild(this)};d.clear=function(){this.content.innerHTML=""};d.addHTML=function(a,b,c){var e=document.createElement("div");b&&(e.className=b);e.innerHTML=a;c?d.footer.appendChild(e):d.content.appendChild(e);return e};d.addButton=function(a,b,c){var e=document.createElement("button");e.innerText=a;e.options=c;e.classList.add("btn");e.addEventListener("click",b);d.footer.appendChild(e);return e};d.addSeparator=function(){var a=document.createElement("div");
-a.className="separator";d.content.appendChild(a)};d.addWidget=function(a,b,h,k,n){function e(a,b){console.log("change",a,b);k.callback&&k.callback(a,b);n&&n(a,b)}k=k||{};var g=String(h);a=a.toLowerCase();"number"==a&&(g=h.toFixed(3));var m=document.createElement("div");m.className="property";m.innerHTML="<span class='property_name'></span><span class='property_value'></span>";m.querySelector(".property_name").innerText=k.label||b;var p=m.querySelector(".property_value");p.innerText=g;m.dataset.property=
-b;m.dataset.type=k.type||a;m.options=k;m.value=h;if("boolean"==a)m.classList.add("boolean"),h&&m.classList.add("bool-on"),m.addEventListener("click",function(){var a=this.dataset.property;this.value=!this.value;this.classList.toggle("bool-on");this.querySelector(".property_value").innerText=this.value?"true":"false";e(a,this.value)});else if("string"==a||"number"==a)p.setAttribute("contenteditable",!0),p.addEventListener("keydown",function(a){"Enter"==a.code&&(a.preventDefault(),this.blur())}),p.addEventListener("blur",
-function(){var a=this.innerText,b=this.parentNode.dataset.property;"number"==this.parentNode.dataset.type&&(a=Number(a));e(b,a)});else if("enum"==a||"combo"==a)g=l.getPropertyPrintableValue(h,k.values),p.innerText=g,p.addEventListener("click",function(a){var b=this.parentNode.dataset.property,d=this;new f.ContextMenu(k.values||[],{event:a,className:"dark",callback:function(a,c,g){d.innerText=a;e(b,a);return!1}},c)});d.content.appendChild(m);return m};return d};l.getPropertyPrintableValue=function(a,
-b){if(!b||b.constructor===Array)return String(a);if(b.constructor===Object){var c="",d;for(d in b)if(b[d]==a){c=d;break}return String(a)+" ("+c+")"}};l.prototype.showShowNodePanel=function(a){window.SELECTED_NODE=a;var b=document.querySelector("#node-panel");b&&b.close();var c=this.getCanvasWindow();b=this.createPanel(a.title||"",{closable:!0,window:c});b.id="node-panel";b.node=a;b.classList.add("settings");var d=this;(function(){b.content.innerHTML="";b.addHTML("<span class='node_type'>"+a.type+
-"</span><span class='node_desc'>"+(a.constructor.desc||"")+"</span><span class='separator'></span>");b.addHTML("<h3>Properties</h3>");for(var c in a.properties){var g=a.properties[c],f=a.getPropertyInfo(c);a.onAddPropertyToPanel&&a.onAddPropertyToPanel(c,b)||b.addWidget(f.widget||f.type,c,g,f,function(b,c){d.graph.beforeChange(a);a.setProperty(b,c);d.graph.afterChange();d.dirty_canvas=!0})}b.addSeparator();if(a.onShowCustomPanelInfo)a.onShowCustomPanelInfo(b);b.addButton("Delete",function(){a.block_delete||
-(a.graph.remove(a),b.close())}).classList.add("delete")})();this.canvas.parentNode.appendChild(b)};l.prototype.showSubgraphPropertiesDialog=function(a){function b(){d.clear();if(a.inputs)for(var c=0;c<a.inputs.length;++c){var g=a.inputs[c];if(!g.not_subgraph_input){var f=d.addHTML("<button>&#10005;</button> <span class='bullet_icon'></span><span class='name'></span><span class='type'></span>","subgraph_property");f.dataset.name=g.name;f.dataset.slot=c;f.querySelector(".name").innerText=g.name;f.querySelector(".type").innerText=
-g.type;f.querySelector("button").addEventListener("click",function(c){a.removeInput(Number(this.parentNode.dataset.slot));b()})}}}console.log("showing subgraph properties dialog");var c=this.canvas.parentNode.querySelector(".subgraph_dialog");c&&c.close();var d=this.createPanel("Subgraph Inputs",{closable:!0,width:500});d.node=a;d.classList.add("subgraph_dialog");d.addHTML(" + <span class='label'>Name</span><input class='name'/><span class='label'>Type</span><input class='type'></input><button>+</button>",
-"subgraph_property extra",!0).querySelector("button").addEventListener("click",function(c){c=this.parentNode;var d=c.querySelector(".name").value,e=c.querySelector(".type").value;d&&-1==a.findInputSlot(d)&&(a.addInput(d,e),c.querySelector(".name").value="",c.querySelector(".type").value="",b())});b();this.canvas.parentNode.appendChild(d);return d};l.prototype.checkPanels=function(){if(this.canvas)for(var a=this.canvas.parentNode.querySelectorAll(".litegraph.dialog"),b=0;b<a.length;++b){var c=a[b];
-c.node&&(c.node.graph&&c.graph==this.graph||c.close())}};l.onMenuNodeCollapse=function(a,b,c,d,e){e.graph.beforeChange(e);e.collapse();e.graph.afterChange(e)};l.onMenuNodePin=function(a,b,c,d,e){e.pin()};l.onMenuNodeMode=function(a,b,c,d,e){new f.ContextMenu(["Always","On Event","On Trigger","Never"],{event:c,callback:function(a){if(e)switch(a){case "On Event":e.mode=f.ON_EVENT;break;case "On Trigger":e.mode=f.ON_TRIGGER;break;case "Never":e.mode=f.NEVER;break;default:e.mode=f.ALWAYS}},parentMenu:d,
-node:e});return!1};l.onMenuNodeColors=function(a,b,c,d,e){if(!e)throw"no node for color";b=[];b.push({value:null,content:"<span style='display: block; padding-left: 4px;'>No color</span>"});for(var g in l.node_colors)a=l.node_colors[g],a={value:g,content:"<span style='display: block; color: #999; padding-left: 4px; border-left: 8px solid "+a.color+"; background-color:"+a.bgcolor+"'>"+g+"</span>"},b.push(a);new f.ContextMenu(b,{event:c,callback:function(a){e&&((a=a.value?l.node_colors[a.value]:null)?
-e.constructor===f.LGraphGroup?e.color=a.groupcolor:(e.color=a.color,e.bgcolor=a.bgcolor):(delete e.color,delete e.bgcolor),e.setDirtyCanvas(!0,!0))},parentMenu:d,node:e});return!1};l.onMenuNodeShapes=function(a,b,c,d,e){if(!e)throw"no node passed";new f.ContextMenu(f.VALID_SHAPES,{event:c,callback:function(a){e&&(e.graph.beforeChange(e),e.shape=a,e.graph.afterChange(e),e.setDirtyCanvas(!0))},parentMenu:d,node:e});return!1};l.onMenuNodeRemove=function(a,b,c,d,e){if(!e)throw"no node passed";!1!==e.removable&&
-(a=e.graph,a.beforeChange(),a.remove(e),a.afterChange(),e.setDirtyCanvas(!0,!0))};l.onMenuNodeToSubgraph=function(a,b,c,d,e){a=e.graph;if(b=l.active_canvas)c=Object.values(b.selected_nodes||{}),c.length||(c=[e]),d=f.createNode("graph/subgraph"),d.pos=e.pos.concat(),a.add(d),d.buildFromNodes(c),b.deselectAllNodes(),e.setDirtyCanvas(!0,!0)};l.onMenuNodeClone=function(a,b,c,d,e){0!=e.clonable&&(a=e.clone())&&(a.pos=[e.pos[0]+5,e.pos[1]+5],e.graph.beforeChange(),e.graph.add(a),e.graph.afterChange(),e.setDirtyCanvas(!0,
-!0))};l.node_colors={red:{color:"#322",bgcolor:"#533",groupcolor:"#A88"},brown:{color:"#332922",bgcolor:"#593930",groupcolor:"#b06634"},green:{color:"#232",bgcolor:"#353",groupcolor:"#8A8"},blue:{color:"#223",bgcolor:"#335",groupcolor:"#88A"},pale_blue:{color:"#2a363b",bgcolor:"#3f5159",groupcolor:"#3f789e"},cyan:{color:"#233",bgcolor:"#355",groupcolor:"#8AA"},purple:{color:"#323",bgcolor:"#535",groupcolor:"#a1309b"},yellow:{color:"#432",bgcolor:"#653",groupcolor:"#b58b2a"},black:{color:"#222",bgcolor:"#000",
-groupcolor:"#444"}};l.prototype.getCanvasMenuOptions=function(){if(this.getMenuOptions)var a=this.getMenuOptions();else a=[{content:"Add Node",has_submenu:!0,callback:l.onMenuAdd},{content:"Add Group",callback:l.onGroupAdd}],this._graph_stack&&0<this._graph_stack.length&&a.push(null,{content:"Close subgraph",callback:this.closeSubgraph.bind(this)});if(this.getExtraMenuOptions){var b=this.getExtraMenuOptions(this,a);b&&(a=a.concat(b))}return a};l.prototype.getNodeMenuOptions=function(a){var b=null;
-b=a.getMenuOptions?a.getMenuOptions(this):[{content:"Inputs",has_submenu:!0,disabled:!0,callback:l.showMenuNodeOptionalInputs},{content:"Outputs",has_submenu:!0,disabled:!0,callback:l.showMenuNodeOptionalOutputs},null,{content:"Properties",has_submenu:!0,callback:l.onShowMenuNodeProperties},null,{content:"Title",callback:l.onShowPropertyEditor},{content:"Mode",has_submenu:!0,callback:l.onMenuNodeMode},{content:"Resize",callback:function(){if(a.resizable)return l.onResizeNode}},{content:"Collapse",
-callback:l.onMenuNodeCollapse},{content:"Pin",callback:l.onMenuNodePin},{content:"Colors",has_submenu:!0,callback:l.onMenuNodeColors},{content:"Shapes",has_submenu:!0,callback:l.onMenuNodeShapes},null];if(a.onGetInputs){var c=a.onGetInputs();c&&c.length&&(b[0].disabled=!1)}a.onGetOutputs&&(c=a.onGetOutputs())&&c.length&&(b[1].disabled=!1);a.getExtraMenuOptions&&(c=a.getExtraMenuOptions(this,b))&&(c.push(null),b=c.concat(b));!1!==a.clonable&&b.push({content:"Clone",callback:l.onMenuNodeClone});b.push(null,
-{content:"Remove",disabled:!(!1!==a.removable&&!a.block_delete),callback:l.onMenuNodeRemove});if(a.graph&&a.graph.onGetNodeMenuOptions)a.graph.onGetNodeMenuOptions(b,a);return b};l.prototype.getGroupMenuOptions=function(a){return[{content:"Title",callback:l.onShowPropertyEditor},{content:"Color",has_submenu:!0,callback:l.onMenuNodeColors},{content:"Font size",property:"font_size",type:"Number",callback:l.onShowPropertyEditor},null,{content:"Remove",callback:l.onMenuNodeRemove}]};l.prototype.processContextMenu=
-function(a,b){var c=this,d=l.active_canvas.getCanvasWindow(),e=null,g={event:b,callback:function(b,d,e){if(b)if("Remove Slot"==b.content)b=b.slot,b.input?a.removeInput(b.slot):b.output&&a.removeOutput(b.slot);else if("Disconnect Links"==b.content)b=b.slot,b.output?a.disconnectOutput(b.slot):b.input&&a.disconnectInput(b.slot);else if("Rename Slot"==b.content){b=b.slot;var g=b.input?a.getInputInfo(b.slot):a.getOutputInfo(b.slot),f=c.createDialog("<span class='name'>Name</span><input autofocus type='text'/><button>OK</button>",
-d),h=f.querySelector("input");h&&g&&(h.value=g.label||"");f.querySelector("button").addEventListener("click",function(a){h.value&&(g&&(g.label=h.value),c.setDirty(!0));f.close()})}},extra:a};a&&(g.title=a.type);var h=null;a&&(h=a.getSlotInPosition(b.canvasX,b.canvasY),l.active_node=a);h?(e=[],a.getSlotMenuOptions?e=a.getSlotMenuOptions(h):(h&&h.output&&h.output.links&&h.output.links.length&&e.push({content:"Disconnect Links",slot:h}),b=h.input||h.output,e.push(b.locked?"Cannot remove":{content:"Remove Slot",
-slot:h}),e.push(b.nameLocked?"Cannot rename":{content:"Rename Slot",slot:h})),g.title=(h.input?h.input.type:h.output.type)||"*",h.input&&h.input.type==f.ACTION&&(g.title="Action"),h.output&&h.output.type==f.EVENT&&(g.title="Event")):a?e=this.getNodeMenuOptions(a):(e=this.getCanvasMenuOptions(),(h=this.graph.getGroupOnPos(b.canvasX,b.canvasY))&&e.push(null,{content:"Edit Group",has_submenu:!0,submenu:{title:"Group",extra:h,options:this.getGroupMenuOptions(h)}}));e&&new f.ContextMenu(e,g,d)};"undefined"!=
-typeof window&&window.CanvasRenderingContext2D&&!window.CanvasRenderingContext2D.prototype.roundRect&&(window.CanvasRenderingContext2D.prototype.roundRect=function(a,b,c,d,e,g){var f,k;if(0===e)this.rect(a,b,c,d);else{void 0===g&&(g=e);if(null!=e&&e.constructor===Array)if(1==e.length)var n=f=k=g=e[0];else if(2==e.length)n=g=e[0],f=k=e[1];else if(4==e.length)n=e[0],f=e[1],k=e[2],g=e[3];else return;else n=e||0,f=e||0,k=g||0,g=g||0;this.moveTo(a+n,b);this.lineTo(a+c-f,b);this.quadraticCurveTo(a+c,b,
-a+c,b+f);this.lineTo(a+c,b+d-g);this.quadraticCurveTo(a+c,b+d,a+c-g,b+d);this.lineTo(a+g,b+d);this.quadraticCurveTo(a,b+d,a,b+d-k);this.lineTo(a,b+k);this.quadraticCurveTo(a,b,a+n,b)}});f.compareObjects=function(a,b){for(var c in a)if(a[c]!=b[c])return!1;return!0};f.distance=J;f.colorToString=function(a){return"rgba("+Math.round(255*a[0]).toFixed()+","+Math.round(255*a[1]).toFixed()+","+Math.round(255*a[2]).toFixed()+","+(4==a.length?a[3].toFixed(2):"1.0")+")"};f.isInsideRectangle=C;f.growBounding=
-function(a,b,c){b<a[0]?a[0]=b:b>a[2]&&(a[2]=b);c<a[1]?a[1]=c:c>a[3]&&(a[3]=c)};f.isInsideBounding=function(a,b){return a[0]<b[0][0]||a[1]<b[0][1]||a[0]>b[1][0]||a[1]>b[1][1]?!1:!0};f.overlapBounding=H;f.hex2num=function(a){"#"==a.charAt(0)&&(a=a.slice(1));a=a.toUpperCase();for(var b=Array(3),c=0,d,e,g=0;6>g;g+=2)d="0123456789ABCDEF".indexOf(a.charAt(g)),e="0123456789ABCDEF".indexOf(a.charAt(g+1)),b[c]=16*d+e,c++;return b};f.num2hex=function(a){for(var b="#",c,d,e=0;3>e;e++)c=a[e]/16,d=a[e]%16,b+=
-"0123456789ABCDEF".charAt(c)+"0123456789ABCDEF".charAt(d);return b};E.prototype.addItem=function(a,b,c){function d(a){var b=this.value;b&&b.has_submenu&&e.call(this,a)}function e(a){var b=this.value,d=!0;g.current_submenu&&g.current_submenu.close(a);if(c.callback){var e=c.callback.call(this,b,c,a,g,c.node);!0===e&&(d=!1)}if(b&&(b.callback&&!c.ignore_item_callbacks&&!0!==b.disabled&&(e=b.callback.call(this,b,c,a,g,c.extra),!0===e&&(d=!1)),b.submenu)){if(!b.submenu.options)throw"ContextMenu submenu needs options";
-new g.constructor(b.submenu.options,{callback:b.submenu.callback,event:a,parentMenu:g,ignore_item_callbacks:b.submenu.ignore_item_callbacks,title:b.submenu.title,extra:b.submenu.extra,autoopen:c.autoopen});d=!1}d&&!g.lock&&g.close()}var g=this;c=c||{};var f=document.createElement("div");f.className="litemenu-entry submenu";var k=!1;if(null===b)f.classList.add("separator");else{f.innerHTML=b&&b.title?b.title:a;if(f.value=b)b.disabled&&(k=!0,f.classList.add("disabled")),(b.submenu||b.has_submenu)&&
-f.classList.add("has_submenu");"function"==typeof b?(f.dataset.value=a,f.onclick_callback=b):f.dataset.value=b;b.className&&(f.className+=" "+b.className)}this.root.appendChild(f);k||f.addEventListener("click",e);c.autoopen&&f.addEventListener("mouseenter",d);return f};E.prototype.close=function(a,b){this.root.parentNode&&this.root.parentNode.removeChild(this.root);this.parentMenu&&!b&&(this.parentMenu.lock=!1,this.parentMenu.current_submenu=null,void 0===a?this.parentMenu.close():a&&!E.isCursorOverElement(a,
-this.parentMenu.root)&&E.trigger(this.parentMenu.root,"mouseleave",a));this.current_submenu&&this.current_submenu.close(a,!0);this.root.closing_timer&&clearTimeout(this.root.closing_timer)};E.trigger=function(a,b,c,d){var e=document.createEvent("CustomEvent");e.initCustomEvent(b,!0,!0,c);e.srcElement=d;a.dispatchEvent?a.dispatchEvent(e):a.__events&&a.__events.dispatchEvent(e);return e};E.prototype.getTopMenu=function(){return this.options.parentMenu?this.options.parentMenu.getTopMenu():this};E.prototype.getFirstEvent=
-function(){return this.options.parentMenu?this.options.parentMenu.getFirstEvent():this.options.event};E.isCursorOverElement=function(a,b){var c=a.clientX;a=a.clientY;return(b=b.getBoundingClientRect())?a>b.top&&a<b.top+b.height&&c>b.left&&c<b.left+b.width?!0:!1:!1};f.ContextMenu=E;f.closeAllContextMenus=function(a){a=a||window;a=a.document.querySelectorAll(".litecontextmenu");if(a.length){for(var b=[],c=0;c<a.length;c++)b.push(a[c]);for(c=0;c<b.length;c++)b[c].close?b[c].close():b[c].parentNode&&
-b[c].parentNode.removeChild(b[c])}};f.extendClass=function(a,b){for(var c in b)a.hasOwnProperty(c)||(a[c]=b[c]);if(b.prototype)for(c in b.prototype)b.prototype.hasOwnProperty(c)&&!a.prototype.hasOwnProperty(c)&&(b.prototype.__lookupGetter__(c)?a.prototype.__defineGetter__(c,b.prototype.__lookupGetter__(c)):a.prototype[c]=b.prototype[c],b.prototype.__lookupSetter__(c)&&a.prototype.__defineSetter__(c,b.prototype.__lookupSetter__(c)))};G.sampleCurve=function(a,b){if(b){for(var c=0;c<b.length-1;++c){var d=
-b[c],e=b[c+1];if(!(e[0]<a)){b=e[0]-d[0];if(1E-5>Math.abs(b))return d[1];a=(a-d[0])/b;return d[1]*(1-a)+e[1]*a}}return 0}};G.prototype.draw=function(a,b,c,d,e,f){if(c=this.points){this.size=b;var g=b[0]-2*this.margin;b=b[1]-2*this.margin;e=e||"#666";a.save();a.translate(this.margin,this.margin);d&&(a.fillStyle="#111",a.fillRect(0,0,g,b),a.fillStyle="#222",a.fillRect(.5*g,0,1,b),a.strokeStyle="#333",a.strokeRect(0,0,g,b));a.strokeStyle=e;f&&(a.globalAlpha=.5);a.beginPath();for(d=0;d<c.length;++d)e=
-c[d],a.lineTo(e[0]*g,(1-e[1])*b);a.stroke();a.globalAlpha=1;if(!f)for(d=0;d<c.length;++d)e=c[d],a.fillStyle=this.selected==d?"#FFF":this.nearest==d?"#DDD":"#AAA",a.beginPath(),a.arc(e[0]*g,(1-e[1])*b,2,0,2*Math.PI),a.fill();a.restore()}};G.prototype.onMouseDown=function(a,b){var c=this.points;if(c&&!(0>a[1])){var d=this.size[0]-2*this.margin,e=this.size[1]-2*this.margin,f=a[0]-this.margin;a=a[1]-this.margin;this.selected=this.getCloserPoint([f,a],30/b.ds.scale);-1==this.selected&&(b=[f/d,1-a/e],c.push(b),
-c.sort(function(a,b){return a[0]-b[0]}),this.selected=c.indexOf(b),this.must_update=!0);if(-1!=this.selected)return!0}};G.prototype.onMouseMove=function(a,b){var c=this.points;if(c){var d=this.selected;if(!(0>d)){var e=(a[0]-this.margin)/(this.size[0]-2*this.margin),f=(a[1]-this.margin)/(this.size[1]-2*this.margin);this._nearest=this.getCloserPoint([a[0]-this.margin,a[1]-this.margin],30/b.ds.scale);if(b=c[d]){var h=0==d||d==c.length-1;!h&&(-10>a[0]||a[0]>this.size[0]+10||-10>a[1]||a[1]>this.size[1]+
-10)?(c.splice(d,1),this.selected=-1):(b[0]=h?0==d?0:1:Math.clamp(e,0,1),b[1]=1-Math.clamp(f,0,1),c.sort(function(a,b){return a[0]-b[0]}),this.selected=c.indexOf(b),this.must_update=!0)}}}};G.prototype.onMouseUp=function(a,b){this.selected=-1;return!1};G.prototype.getCloserPoint=function(a,b){var c=this.points;if(!c)return-1;b=b||30;for(var d=this.size[0]-2*this.margin,e=this.size[1]-2*this.margin,f=c.length,h=[0,0],k=1E6,l=-1,p=0;p<f;++p){var q=c[p];h[0]=q[0]*d;h[1]=(1-q[1])*e;q=vec2.distance(a,h);
-q>k||q>b||(l=p,k=q)}return l};f.CurveEditor=G;f.getParameterNames=function(a){return(a+"").replace(/[/][/].*$/gm,"").replace(/\s+/g,"").replace(/[/][*][^/*]*[*][/]/g,"").split("){",1)[0].replace(/^[^(]*[(]/,"").replace(/=[^,]+/g,"").split(",").filter(Boolean)};Math.clamp=function(a,b,c){return b>a?b:c<a?c:a};"undefined"==typeof window||window.requestAnimationFrame||(window.requestAnimationFrame=window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(a){window.setTimeout(a,1E3/
-60)})})(this);"undefined"!=typeof exports&&(exports.LiteGraph=this.LiteGraph);
+b)){b=b.substr(0,30);a.font="14px Courier New";var d=a.measureText(b).width+20;a.shadowColor="black";a.shadowOffsetX=2;a.shadowOffsetY=2;a.shadowBlur=3;a.fillStyle="#454";a.beginPath();a.roundRect(c[0]-.5*d,c[1]-15-24,d,24,[3]);a.moveTo(c[0]-10,c[1]-15);a.lineTo(c[0]+10,c[1]-15);a.lineTo(c[0],c[1]-5);a.fill();a.shadowColor="transparent";a.textAlign="center";a.fillStyle="#CEC";a.fillText(b,c[0],c[1]-15-24*.3)}};var x=new Float32Array(4);l.prototype.drawNodeShape=function(a,b,c,d,e,g,h){b.strokeStyle=
+d;b.fillStyle=e;e=f.NODE_TITLE_HEIGHT;var k=.5>this.ds.scale,n=a._shape||a.constructor.shape||f.ROUND_SHAPE,u=a.constructor.title_mode,t=!0;u==f.TRANSPARENT_TITLE?t=!1:u==f.AUTOHIDE_TITLE&&h&&(t=!0);x[0]=0;x[1]=t?-e:0;x[2]=c[0]+1;x[3]=t?c[1]+e:c[1];h=b.globalAlpha;b.beginPath();n==f.BOX_SHAPE||k?b.fillRect(x[0],x[1],x[2],x[3]):n==f.ROUND_SHAPE||n==f.CARD_SHAPE?b.roundRect(x[0],x[1],x[2],x[3],n==f.CARD_SHAPE?[this.round_radius,this.round_radius,0,0]:[this.round_radius]):n==f.CIRCLE_SHAPE&&b.arc(.5*
+c[0],.5*c[1],.5*c[0],0,2*Math.PI);b.fill();a.flags.collapsed||(b.shadowColor="transparent",b.fillStyle="rgba(0,0,0,0.2)",b.fillRect(0,-1,x[2],2));b.shadowColor="transparent";if(a.onDrawBackground)a.onDrawBackground(b,this,this.canvas,this.graph_mouse);if(t||u==f.TRANSPARENT_TITLE){if(a.onDrawTitleBar)a.onDrawTitleBar(b,e,c,this.ds.scale,d);else if(u!=f.TRANSPARENT_TITLE&&(a.constructor.title_color||this.render_title_colored)){t=a.constructor.title_color||d;a.flags.collapsed&&(b.shadowColor=f.DEFAULT_SHADOW_COLOR);
+if(this.use_gradients){var m=l.gradients[t];m||(m=l.gradients[t]=b.createLinearGradient(0,0,400,0),m.addColorStop(0,t),m.addColorStop(1,"#000"));b.fillStyle=m}else b.fillStyle=t;b.beginPath();n==f.BOX_SHAPE||k?b.rect(0,-e,c[0]+1,e):(n==f.ROUND_SHAPE||n==f.CARD_SHAPE)&&b.roundRect(0,-e,c[0]+1,e,a.flags.collapsed?[this.round_radius]:[this.round_radius,this.round_radius,0,0]);b.fill();b.shadowColor="transparent"}if(a.onDrawTitleBox)a.onDrawTitleBox(b,e,c,this.ds.scale);else n==f.ROUND_SHAPE||n==f.CIRCLE_SHAPE||
+n==f.CARD_SHAPE?(k&&(b.fillStyle="black",b.beginPath(),b.arc(.5*e,-.5*e,6,0,2*Math.PI),b.fill()),b.fillStyle=a.boxcolor||f.NODE_DEFAULT_BOXCOLOR,k?b.fillRect(.5*e-5,-.5*e-5,10,10):(b.beginPath(),b.arc(.5*e,-.5*e,5,0,2*Math.PI),b.fill())):(k&&(b.fillStyle="black",b.fillRect(.5*(e-10)-1,-.5*(e+10)-1,12,12)),b.fillStyle=a.boxcolor||f.NODE_DEFAULT_BOXCOLOR,b.fillRect(.5*(e-10),-.5*(e+10),10,10));b.globalAlpha=h;if(a.onDrawTitleText)a.onDrawTitleText(b,e,c,this.ds.scale,this.title_text_font,g);!k&&(b.font=
+this.title_text_font,h=String(a.getTitle()))&&(b.fillStyle=g?f.NODE_SELECTED_TITLE_COLOR:a.constructor.title_text_color||this.node_title_color,a.flags.collapsed?(b.textAlign="left",b.measureText(h),b.fillText(h.substr(0,20),e,f.NODE_TITLE_TEXT_Y-e),b.textAlign="left"):(b.textAlign="left",b.fillText(h,e,f.NODE_TITLE_TEXT_Y-e)));a.flags.collapsed||!a.subgraph||a.skip_subgraph_button||(h=f.NODE_TITLE_HEIGHT,t=a.size[0]-h,m=f.isInsideRectangle(this.graph_mouse[0]-a.pos[0],this.graph_mouse[1]-a.pos[1],
+t+2,-h+2,h-4,h-4),b.fillStyle=m?"#888":"#555",n==f.BOX_SHAPE||k?b.fillRect(t+2,-h+2,h-4,h-4):(b.beginPath(),b.roundRect(t+2,-h+2,h-4,h-4,[4]),b.fill()),b.fillStyle="#333",b.beginPath(),b.moveTo(t+.2*h,.6*-h),b.lineTo(t+.8*h,.6*-h),b.lineTo(t+.5*h,.3*-h),b.fill());if(a.onDrawTitle)a.onDrawTitle(b)}if(g){if(a.onBounding)a.onBounding(x);u==f.TRANSPARENT_TITLE&&(x[1]-=e,x[3]+=e);b.lineWidth=1;b.globalAlpha=.8;b.beginPath();n==f.BOX_SHAPE?b.rect(-6+x[0],-6+x[1],12+x[2],12+x[3]):n==f.ROUND_SHAPE||n==f.CARD_SHAPE&&
+a.flags.collapsed?b.roundRect(-6+x[0],-6+x[1],12+x[2],12+x[3],[2*this.round_radius]):n==f.CARD_SHAPE?b.roundRect(-6+x[0],-6+x[1],12+x[2],12+x[3],[2*this.round_radius,2,2*this.round_radius,2]):n==f.CIRCLE_SHAPE&&b.arc(.5*c[0],.5*c[1],.5*c[0]+6,0,2*Math.PI);b.strokeStyle=f.NODE_BOX_OUTLINE_COLOR;b.stroke();b.strokeStyle=d;b.globalAlpha=1}};var I=new Float32Array(4),B=new Float32Array(4),L=new Float32Array(2),M=new Float32Array(2);l.prototype.drawConnections=function(a){var b=f.getTime(),c=this.visible_area;
+I[0]=c[0]-20;I[1]=c[1]-20;I[2]=c[2]+40;I[3]=c[3]+40;a.lineWidth=this.connections_width;a.fillStyle="#AAA";a.strokeStyle="#AAA";a.globalAlpha=this.editor_alpha;c=this.graph._nodes;for(var d=0,e=c.length;d<e;++d){var g=c[d];if(g.inputs&&g.inputs.length)for(var h=0;h<g.inputs.length;++h){var k=g.inputs[h];if(k&&null!=k.link&&(k=this.graph.links[k.link])){var n=this.graph.getNodeById(k.origin_id);if(null!=n){var u=k.origin_slot;var t=-1==u?[n.pos[0]+10,n.pos[1]+10]:n.getConnectionPos(!1,u,L);var m=g.getConnectionPos(!0,
+h,M);B[0]=t[0];B[1]=t[1];B[2]=m[0]-t[0];B[3]=m[1]-t[1];0>B[2]&&(B[0]+=B[2],B[2]=Math.abs(B[2]));0>B[3]&&(B[1]+=B[3],B[3]=Math.abs(B[3]));if(H(B,I)){var l=n.outputs[u];u=g.inputs[h];if(l&&u&&(n=l.dir||(n.horizontal?f.DOWN:f.RIGHT),u=u.dir||(g.horizontal?f.UP:f.LEFT),this.renderLink(a,t,m,k,!1,0,null,n,u),k&&k._last_time&&1E3>b-k._last_time)){l=2-.002*(b-k._last_time);var v=a.globalAlpha;a.globalAlpha=v*l;this.renderLink(a,t,m,k,!0,l,"white",n,u);a.globalAlpha=v}}}}}}a.globalAlpha=1};l.prototype.renderLink=
+function(a,b,c,d,e,g,h,k,n,u){d&&this.visible_links.push(d);!h&&d&&(h=d.color||l.link_type_colors[d.type]);h||(h=this.default_link_color);null!=d&&this.highlighted_links[d.id]&&(h="#FFF");k=k||f.RIGHT;n=n||f.LEFT;var t=J(b,c);this.render_connections_border&&.6<this.ds.scale&&(a.lineWidth=this.connections_width+4);a.lineJoin="round";u=u||1;1<u&&(a.lineWidth=.5);a.beginPath();for(var m=0;m<u;m+=1){var r=5*(m-.5*(u-1));if(this.links_render_mode==f.SPLINE_LINK){a.moveTo(b[0],b[1]+r);var v=0,q=0,p=0,A=
+0;switch(k){case f.LEFT:v=-.25*t;break;case f.RIGHT:v=.25*t;break;case f.UP:q=-.25*t;break;case f.DOWN:q=.25*t}switch(n){case f.LEFT:p=-.25*t;break;case f.RIGHT:p=.25*t;break;case f.UP:A=-.25*t;break;case f.DOWN:A=.25*t}a.bezierCurveTo(b[0]+v,b[1]+q+r,c[0]+p,c[1]+A+r,c[0],c[1]+r)}else if(this.links_render_mode==f.LINEAR_LINK){a.moveTo(b[0],b[1]+r);A=p=q=v=0;switch(k){case f.LEFT:v=-1;break;case f.RIGHT:v=1;break;case f.UP:q=-1;break;case f.DOWN:q=1}switch(n){case f.LEFT:p=-1;break;case f.RIGHT:p=
+1;break;case f.UP:A=-1;break;case f.DOWN:A=1}a.lineTo(b[0]+15*v,b[1]+15*q+r);a.lineTo(c[0]+15*p,c[1]+15*A+r);a.lineTo(c[0],c[1]+r)}else if(this.links_render_mode==f.STRAIGHT_LINK)a.moveTo(b[0],b[1]),r=b[0],v=b[1],q=c[0],p=c[1],k==f.RIGHT?r+=10:v+=10,n==f.LEFT?q-=10:p-=10,a.lineTo(r,v),a.lineTo(.5*(r+q),v),a.lineTo(.5*(r+q),p),a.lineTo(q,p),a.lineTo(c[0],c[1]);else return}this.render_connections_border&&.6<this.ds.scale&&!e&&(a.strokeStyle="rgba(0,0,0,0.5)",a.stroke());a.lineWidth=this.connections_width;
+a.fillStyle=a.strokeStyle=h;a.stroke();e=this.computeConnectionPoint(b,c,.5,k,n);d&&d._pos&&(d._pos[0]=e[0],d._pos[1]=e[1]);.6<=this.ds.scale&&this.highquality_render&&n!=f.CENTER&&(this.render_connection_arrows&&(m=this.computeConnectionPoint(b,c,.25,k,n),t=this.computeConnectionPoint(b,c,.26,k,n),d=this.computeConnectionPoint(b,c,.75,k,n),u=this.computeConnectionPoint(b,c,.76,k,n),this.render_curved_connections?(t=-Math.atan2(t[0]-m[0],t[1]-m[1]),u=-Math.atan2(u[0]-d[0],u[1]-d[1])):u=t=c[1]>b[1]?
+0:Math.PI,a.save(),a.translate(m[0],m[1]),a.rotate(t),a.beginPath(),a.moveTo(-5,-3),a.lineTo(0,7),a.lineTo(5,-3),a.fill(),a.restore(),a.save(),a.translate(d[0],d[1]),a.rotate(u),a.beginPath(),a.moveTo(-5,-3),a.lineTo(0,7),a.lineTo(5,-3),a.fill(),a.restore()),a.beginPath(),a.arc(e[0],e[1],5,0,2*Math.PI),a.fill());if(g)for(a.fillStyle=h,m=0;5>m;++m)g=(.001*f.getTime()+.2*m)%1,e=this.computeConnectionPoint(b,c,g,k,n),a.beginPath(),a.arc(e[0],e[1],5,0,2*Math.PI),a.fill()};l.prototype.computeConnectionPoint=
+function(a,b,c,d,e){d=d||f.RIGHT;e=e||f.LEFT;var g=J(a,b),h=[a[0],a[1]],k=[b[0],b[1]];switch(d){case f.LEFT:h[0]+=-.25*g;break;case f.RIGHT:h[0]+=.25*g;break;case f.UP:h[1]+=-.25*g;break;case f.DOWN:h[1]+=.25*g}switch(e){case f.LEFT:k[0]+=-.25*g;break;case f.RIGHT:k[0]+=.25*g;break;case f.UP:k[1]+=-.25*g;break;case f.DOWN:k[1]+=.25*g}d=(1-c)*(1-c)*(1-c);e=3*(1-c)*(1-c)*c;g=3*(1-c)*c*c;c*=c*c;return[d*a[0]+e*h[0]+g*k[0]+c*b[0],d*a[1]+e*h[1]+g*k[1]+c*b[1]]};l.prototype.drawExecutionOrder=function(a){a.shadowColor=
+"transparent";a.globalAlpha=.25;a.textAlign="center";a.strokeStyle="white";a.globalAlpha=.75;for(var b=this.visible_nodes,c=0;c<b.length;++c){var d=b[c];a.fillStyle="black";a.fillRect(d.pos[0]-f.NODE_TITLE_HEIGHT,d.pos[1]-f.NODE_TITLE_HEIGHT,f.NODE_TITLE_HEIGHT,f.NODE_TITLE_HEIGHT);0==d.order&&a.strokeRect(d.pos[0]-f.NODE_TITLE_HEIGHT+.5,d.pos[1]-f.NODE_TITLE_HEIGHT+.5,f.NODE_TITLE_HEIGHT,f.NODE_TITLE_HEIGHT);a.fillStyle="#FFF";a.fillText(d.order,d.pos[0]+-.5*f.NODE_TITLE_HEIGHT,d.pos[1]-6)}a.globalAlpha=
+1};l.prototype.drawNodeWidgets=function(a,b,c,d){if(!a.widgets||!a.widgets.length)return 0;var e=a.size[0],g=a.widgets;b+=2;var h=f.NODE_WIDGET_HEIGHT,k=.5<this.ds.scale;c.save();c.globalAlpha=this.editor_alpha;for(var n=f.WIDGET_OUTLINE_COLOR,l=f.WIDGET_BGCOLOR,t=f.WIDGET_TEXT_COLOR,m=f.WIDGET_SECONDARY_TEXT_COLOR,r=0;r<g.length;++r){var v=g[r],q=b;v.y&&(q=v.y);v.last_y=q;c.strokeStyle=n;c.fillStyle="#222";c.textAlign="left";v.disabled&&(c.globalAlpha*=.5);var p=v.width||e;switch(v.type){case "button":v.clicked&&
+(c.fillStyle="#AAA",v.clicked=!1,this.dirty_canvas=!0);c.fillRect(15,q,p-30,h);k&&!v.disabled&&c.strokeRect(15,q,p-30,h);k&&(c.textAlign="center",c.fillStyle=t,c.fillText(v.name,.5*p,q+.7*h));break;case "toggle":c.textAlign="left";c.strokeStyle=n;c.fillStyle=l;c.beginPath();k?c.roundRect(15,b,p-30,h,[.5*h]):c.rect(15,b,p-30,h);c.fill();k&&!v.disabled&&c.stroke();c.fillStyle=v.value?"#89A":"#333";c.beginPath();c.arc(p-30,q+.5*h,.36*h,0,2*Math.PI);c.fill();k&&(c.fillStyle=m,null!=v.name&&c.fillText(v.name,
+30,q+.7*h),c.fillStyle=v.value?t:m,c.textAlign="right",c.fillText(v.value?v.options.on||"true":v.options.off||"false",p-40,q+.7*h));break;case "slider":c.fillStyle=l;c.fillRect(15,q,p-30,h);var A=v.options.max-v.options.min,F=(v.value-v.options.min)/A;c.fillStyle=d==v?"#89A":"#678";c.fillRect(15,q,F*(p-30),h);k&&!v.disabled&&c.strokeRect(15,q,p-30,h);v.marker&&(A=(v.marker-v.options.min)/A,c.fillStyle="#AA9",c.fillRect(15+A*(p-30),q,2,h));k&&(c.textAlign="center",c.fillStyle=t,c.fillText(v.name+"  "+
+Number(v.value).toFixed(3),.5*p,q+.7*h));break;case "number":case "combo":c.textAlign="left";c.strokeStyle=n;c.fillStyle=l;c.beginPath();k?c.roundRect(15,b,p-30,h,[.5*h]):c.rect(15,b,p-30,h);c.fill();k&&(v.disabled||c.stroke(),c.fillStyle=t,v.disabled||(c.beginPath(),c.moveTo(31,b+5),c.lineTo(21,b+.5*h),c.lineTo(31,b+h-5),c.fill(),c.beginPath(),c.moveTo(p-15-16,b+5),c.lineTo(p-15-6,b+.5*h),c.lineTo(p-15-16,b+h-5),c.fill()),c.fillStyle=m,c.fillText(v.name,35,q+.7*h),c.fillStyle=t,c.textAlign="right",
+"number"==v.type?c.fillText(Number(v.value).toFixed(void 0!==v.options.precision?v.options.precision:3),p-30-20,q+.7*h):(A=v.value,v.options.values&&(F=v.options.values,F.constructor===Function&&(F=F()),F&&F.constructor!==Array&&(A=F[v.value])),c.fillText(A,p-30-20,q+.7*h)));break;case "string":case "text":c.textAlign="left";c.strokeStyle=n;c.fillStyle=l;c.beginPath();k?c.roundRect(15,b,p-30,h,[.5*h]):c.rect(15,b,p-30,h);c.fill();k&&(v.disabled||c.stroke(),c.save(),c.beginPath(),c.rect(15,b,p-30,
+h),c.clip(),c.fillStyle=m,null!=v.name&&c.fillText(v.name,30,q+.7*h),c.fillStyle=t,c.textAlign="right",c.fillText(String(v.value).substr(0,30),p-30,q+.7*h),c.restore());break;default:v.draw&&v.draw(c,a,p,q,h)}b+=(v.computeSize?v.computeSize(p)[1]:h)+4;c.globalAlpha=this.editor_alpha}c.restore();c.textAlign="left"};l.prototype.processNodeWidgets=function(a,b,c,d){function e(d,e){d.value=e;d.options&&d.options.property&&void 0!==a.properties[d.options.property]&&a.setProperty(d.options.property,e);
+d.callback&&d.callback(d.value,n,a,b,c)}if(!a.widgets||!a.widgets.length)return null;for(var g=b[0]-a.pos[0],h=b[1]-a.pos[1],k=a.size[0],n=this,l=this.getCanvasWindow(),t=0;t<a.widgets.length;++t){var m=a.widgets[t];if(m&&!m.disabled){var p=m.computeSize?m.computeSize(k)[1]:f.NODE_WIDGET_HEIGHT,q=m.width||k;if(m==d||!(6>g||g>q-12||h<m.last_y||h>m.last_y+p||void 0===m.last_y)){d=m.value;switch(m.type){case "button":"mousedown"===c.type&&(m.callback&&setTimeout(function(){m.callback(m,n,a,b,c)},20),
+this.dirty_canvas=m.clicked=!0);break;case "slider":l=Math.clamp((g-15)/(q-30),0,1);m.value=m.options.min+(m.options.max-m.options.min)*l;m.callback&&setTimeout(function(){e(m,m.value)},20);this.dirty_canvas=!0;break;case "number":case "combo":d=m.value;if("mousemove"==c.type&&"number"==m.type)m.value+=.1*c.deltaX*(m.options.step||1),null!=m.options.min&&m.value<m.options.min&&(m.value=m.options.min),null!=m.options.max&&m.value>m.options.max&&(m.value=m.options.max);else if("mousedown"==c.type){var r=
+m.options.values;r&&r.constructor===Function&&(r=m.options.values(m,a));var w=null;"number"!=m.type&&(w=r.constructor===Array?r:Object.keys(r));g=40>g?-1:g>q-40?1:0;if("number"==m.type)m.value+=.1*g*(m.options.step||1),null!=m.options.min&&m.value<m.options.min&&(m.value=m.options.min),null!=m.options.max&&m.value>m.options.max&&(m.value=m.options.max);else if(g)l=-1,this.last_mouseclick=0,l=r.constructor===Object?w.indexOf(String(m.value))+g:w.indexOf(m.value)+g,l>=w.length&&(l=w.length-1),0>l&&
+(l=0),m.value=r.constructor===Array?r[l]:l;else{var A=r!=w?Object.values(r):r;new f.ContextMenu(A,{scale:Math.max(1,this.ds.scale),event:c,className:"dark",callback:function(a,b,c){r!=w&&(a=A.indexOf(a));this.value=a;e(this,a);n.dirty_canvas=!0;return!1}.bind(m)},l)}}else"mouseup"==c.type&&"number"==m.type&&(g=40>g?-1:g>q-40?1:0,200>c.click_time&&0==g&&this.prompt("Value",m.value,function(a){this.value=Number(a);e(this,this.value)}.bind(m),c));d!=m.value&&setTimeout(function(){e(this,this.value)}.bind(m),
+20);this.dirty_canvas=!0;break;case "toggle":"mousedown"==c.type&&(m.value=!m.value,setTimeout(function(){e(m,m.value)},20));break;case "string":case "text":"mousedown"==c.type&&this.prompt("Value",m.value,function(a){this.value=a;e(this,a)}.bind(m),c,m.options?m.options.multiline:!1);break;default:m.mouse&&(this.dirty_canvas=m.mouse(c,[g,h],a))}if(d!=m.value){if(a.onWidgetChanged)a.onWidgetChanged(m.name,m.value,d,m);a.graph._version++}return m}}}return null};l.prototype.drawGroups=function(a,b){if(this.graph){a=
+this.graph._groups;b.save();b.globalAlpha=.5*this.editor_alpha;for(var c=0;c<a.length;++c){var d=a[c];if(H(this.visible_area,d._bounding)){b.fillStyle=d.color||"#335";b.strokeStyle=d.color||"#335";var e=d._pos,g=d._size;b.globalAlpha=.25*this.editor_alpha;b.beginPath();b.rect(e[0]+.5,e[1]+.5,g[0],g[1]);b.fill();b.globalAlpha=this.editor_alpha;b.stroke();b.beginPath();b.moveTo(e[0]+g[0],e[1]+g[1]);b.lineTo(e[0]+g[0]-10,e[1]+g[1]);b.lineTo(e[0]+g[0],e[1]+g[1]-10);b.fill();g=d.font_size||f.DEFAULT_GROUP_FONT_SIZE;
+b.font=g+"px Arial";b.fillText(d.title,e[0]+4,e[1]+g)}}b.restore()}};l.prototype.adjustNodesSize=function(){for(var a=this.graph._nodes,b=0;b<a.length;++b)a[b].size=a[b].computeSize();this.setDirty(!0,!0)};l.prototype.resize=function(a,b){a||b||(b=this.canvas.parentNode,a=b.offsetWidth,b=b.offsetHeight);if(this.canvas.width!=a||this.canvas.height!=b)this.canvas.width=a,this.canvas.height=b,this.bgcanvas.width=this.canvas.width,this.bgcanvas.height=this.canvas.height,this.setDirty(!0,!0)};l.prototype.switchLiveMode=
+function(a){if(a){var b=this,c=this.live_mode?1.1:.9;this.live_mode&&(this.live_mode=!1,this.editor_alpha=.1);var d=setInterval(function(){b.editor_alpha*=c;b.dirty_canvas=!0;b.dirty_bgcanvas=!0;1>c&&.01>b.editor_alpha&&(clearInterval(d),1>c&&(b.live_mode=!0));1<c&&.99<b.editor_alpha&&(clearInterval(d),b.editor_alpha=1)},1)}else this.live_mode=!this.live_mode,this.dirty_bgcanvas=this.dirty_canvas=!0};l.prototype.onNodeSelectionChange=function(a){};l.prototype.touchHandler=function(a){var b=a.changedTouches[0];
+switch(a.type){case "touchstart":var c="mousedown";break;case "touchmove":c="mousemove";break;case "touchend":c="mouseup";break;default:return}var d=this.getCanvasWindow(),e=d.document.createEvent("MouseEvent");e.initMouseEvent(c,!0,!0,d,1,b.screenX,b.screenY,b.clientX,b.clientY,!1,!1,!1,!1,0,null);b.target.dispatchEvent(e);a.preventDefault()};l.onGroupAdd=function(a,b,c){a=l.active_canvas;a.getCanvasWindow();b=new f.LGraphGroup;b.pos=a.convertEventToCanvasOffset(c);a.graph.add(b)};l.onMenuAdd=function(a,
+b,c,d,e){function g(a,b){var d=[];f.getNodeTypesCategories(h.filter||n.filter).filter(function(b){return b.startsWith(a)}).map(function(b){if(b){b=b.replace(new RegExp("^("+a+")"),"").split("/")[0];var c=""===a?b+"/":a+b+"/";-1!=b.indexOf("::")&&(b=b.split("::")[1]);-1===d.findIndex(function(a){return a.value===c})&&d.push({value:c,content:b,has_submenu:!0,callback:function(a,b,c,d){g(a.value,d)}})}});f.getNodeTypesInCategory(a.slice(0,-1),h.filter||n.filter).map(function(a){a.skip_list||d.push({value:a.type,
+content:a.title,has_submenu:!1,callback:function(a,b,c,d){b=d.getFirstEvent();h.graph.beforeChange();if(a=f.createNode(a.value))a.pos=h.convertEventToCanvasOffset(b),h.graph.add(a);e&&e(a);h.graph.afterChange()}})});new f.ContextMenu(d,{event:c,parentMenu:b},k)}var h=l.active_canvas,k=h.getCanvasWindow(),n=h.graph;if(n)return g("",d),!1};l.onMenuCollapseAll=function(){};l.onMenuNodeEdit=function(){};l.showMenuNodeOptionalInputs=function(a,b,c,d,e){if(e){var g=this;a=l.active_canvas.getCanvasWindow();
+b=e.optional_inputs;e.onGetInputs&&(b=e.onGetInputs());var h=[];if(b)for(var k=0;k<b.length;k++){var n=b[k];if(n){var u=n[0];n[2]&&n[2].label&&(u=n[2].label);u={content:u,value:n};n[1]==f.ACTION&&(u.className="event");h.push(u)}else h.push(null)}this.onMenuNodeInputs&&(h=this.onMenuNodeInputs(h));if(h.length)return new f.ContextMenu(h,{event:c,callback:function(a,b,c){e&&(a.callback&&a.callback.call(g,e,a,b,c),a.value&&(e.graph.beforeChange(),e.addInput(a.value[0],a.value[1],a.value[2]),e.setDirtyCanvas(!0,
+!0),e.graph.afterChange()))},parentMenu:d,node:e},a),!1;console.log("no input entries")}};l.showMenuNodeOptionalOutputs=function(a,b,c,d,e){function g(a,b,c){if(e&&(a.callback&&a.callback.call(h,e,a,b,c),a.value))if(c=a.value[1],!c||c.constructor!==Object&&c.constructor!==Array)e.graph.beforeChange(),e.addOutput(a.value[0],a.value[1],a.value[2]),e.setDirtyCanvas(!0,!0),e.graph.afterChange();else{a=[];for(var k in c)a.push({content:k,value:c[k]});new f.ContextMenu(a,{event:b,callback:g,parentMenu:d,
+node:e});return!1}}if(e){var h=this;a=l.active_canvas.getCanvasWindow();b=e.optional_outputs;e.onGetOutputs&&(b=e.onGetOutputs());var k=[];if(b)for(var n=0;n<b.length;n++){var u=b[n];if(!u)k.push(null);else if(!e.flags||!e.flags.skip_repeated_outputs||-1==e.findOutputSlot(u[0])){var t=u[0];u[2]&&u[2].label&&(t=u[2].label);t={content:t,value:u};u[1]==f.EVENT&&(t.className="event");k.push(t)}}this.onMenuNodeOutputs&&(k=this.onMenuNodeOutputs(k));if(k.length)return new f.ContextMenu(k,{event:c,callback:g,
+parentMenu:d,node:e},a),!1}};l.onShowMenuNodeProperties=function(a,b,c,d,e){if(e&&e.properties){var g=l.active_canvas;b=g.getCanvasWindow();var h=[],k;for(k in e.properties){a=void 0!==e.properties[k]?e.properties[k]:" ";"object"==typeof a&&(a=JSON.stringify(a));var n=e.getPropertyInfo(k);if("enum"==n.type||"combo"==n.type)a=l.getPropertyPrintableValue(a,n.values);a=l.decodeHTML(a);h.push({content:"<span class='property_name'>"+(n.label?n.label:k)+"</span><span class='property_value'>"+a+"</span>",
+value:k})}if(h.length)return new f.ContextMenu(h,{event:c,callback:function(a,b,c,d){e&&(b=this.getBoundingClientRect(),g.showEditPropertyValue(e,a.value,{position:[b.left,b.top]}))},parentMenu:d,allow_html:!0,node:e},b),!1}};l.decodeHTML=function(a){var b=document.createElement("div");b.innerText=a;return b.innerHTML};l.onResizeNode=function(a,b,c,d,e){if(e){e.size=e.computeSize();if(e.onResize)e.onResize(e.size);e.setDirtyCanvas(!0,!0)}};l.prototype.showLinkMenu=function(a,b){var c=this;console.log(a);
+var d=new f.ContextMenu(["Add Node",null,"Delete"],{event:b,title:null!=a.data?a.data.constructor.name:null,callback:function(b,g,h){switch(b){case "Add Node":l.onMenuAdd(null,null,h,d,function(b){console.log("node autoconnect");var d=c.graph.getNodeById(a.origin_id),e=c.graph.getNodeById(a.target_id);b.inputs&&b.inputs.length&&b.outputs&&b.outputs.length&&d.outputs[a.origin_slot].type==b.inputs[0].type&&b.outputs[0].type==e.inputs[0].type&&(d.connect(a.origin_slot,b,0),b.connect(0,e,a.target_slot),
+b.pos[0]-=.5*b.size[0])});break;case "Delete":c.graph.removeLink(a.id)}}});return!1};l.onShowPropertyEditor=function(a,b,c,d,e){function g(){var b=n.value;"Number"==a.type?b=Number(b):"Boolean"==a.type&&(b=!!b);e[h]=b;f.parentNode&&f.parentNode.removeChild(f);e.setDirtyCanvas(!0,!0)}var h=a.property||"title";b=e[h];var f=document.createElement("div");f.className="graphdialog";f.innerHTML="<span class='name'></span><input autofocus type='text' class='value'/><button>OK</button>";f.querySelector(".name").innerText=
+h;var n=f.querySelector(".value");n&&(n.value=b,n.addEventListener("blur",function(a){this.focus()}),n.addEventListener("keydown",function(a){if(13==a.keyCode||"textarea"==a.target.localName)g(),a.preventDefault(),a.stopPropagation()}));b=l.active_canvas.canvas;c=b.getBoundingClientRect();var u=d=-20;c&&(d-=c.left,u-=c.top);event?(f.style.left=event.clientX+d+"px",f.style.top=event.clientY+u+"px"):(f.style.left=.5*b.width+d+"px",f.style.top=.5*b.height+u+"px");f.querySelector("button").addEventListener("click",
+g);b.parentNode.appendChild(f)};l.prototype.prompt=function(a,b,c,d,e){var g=this;a=a||"";var h=!1,f=document.createElement("div");f.className="graphdialog rounded";f.innerHTML=e?"<span class='name'></span> <textarea autofocus class='value'></textarea><button class='rounded'>OK</button>":"<span class='name'></span> <input autofocus type='text' class='value'/><button class='rounded'>OK</button>";f.close=function(){g.prompt_box=null;f.parentNode&&f.parentNode.removeChild(f)};1<this.ds.scale&&(f.style.transform=
+"scale("+this.ds.scale+")");f.addEventListener("mouseleave",function(a){h||f.close()});g.prompt_box&&g.prompt_box.close();g.prompt_box=f;f.querySelector(".name").innerText=a;var n=f.querySelector(".value");n.value=b;n.addEventListener("keydown",function(a){h=!0;if(27==a.keyCode)f.close();else if(13==a.keyCode&&"textarea"!=a.target.localName)c&&c(this.value),f.close();else return;a.preventDefault();a.stopPropagation()});f.querySelector("button").addEventListener("click",function(a){c&&c(n.value);g.setDirty(!0);
+f.close()});a=l.active_canvas.canvas;b=a.getBoundingClientRect();var u=e=-20;b&&(e-=b.left,u-=b.top);d?(f.style.left=d.clientX+e+"px",f.style.top=d.clientY+u+"px"):(f.style.left=.5*a.width+e+"px",f.style.top=.5*a.height+u+"px");a.parentNode.appendChild(f);setTimeout(function(){n.focus()},10);return f};l.search_limit=-1;l.prototype.showSearchBox=function(a){function b(b){if(b)if(e.onSearchBoxSelection)e.onSearchBoxSelection(b,a,g);else{var c=f.searchbox_extras[b.toLowerCase()];c&&(b=c.type);g.graph.beforeChange();
+if(b=f.createNode(b))b.pos=g.convertEventToCanvasOffset(a),g.graph.add(b);if(c&&c.data){if(c.data.properties)for(var d in c.data.properties)b.addProperty(d,c.data.properties[d]);if(c.data.inputs)for(d in b.inputs=[],c.data.inputs)b.addOutput(c.data.inputs[d][0],c.data.inputs[d][1]);if(c.data.outputs)for(d in b.outputs=[],c.data.outputs)b.addOutput(c.data.outputs[d][0],c.data.outputs[d][1]);c.data.title&&(b.title=c.data.title);c.data.json&&b.configure(c.data.json);g.graph.afterChange()}}n.close()}
+function c(a){var b=p;p&&p.classList.remove("selected");p?(p=a?p.nextSibling:p.previousSibling)||(p=b):p=a?t.childNodes[0]:t.childNodes[t.childNodes.length];p&&(p.classList.add("selected"),p.scrollIntoView({block:"end",behavior:"smooth"}))}function d(){function a(a,c){var d=document.createElement("div");m||(m=a);d.innerText=a;d.dataset.type=escape(a);d.className="litegraph lite-search-item";c&&(d.className+=" "+c);d.addEventListener("click",function(a){b(unescape(this.dataset.type))});t.appendChild(d)}
+q=null;var c=r.value;m=null;t.innerHTML="";if(c)if(e.onSearchBox){var d=e.onSearchBox(t,c,g);if(d)for(var h=0;h<d.length;++h)a(d[h])}else{d=function(a){var b=f.registered_node_types[a];return n&&b.filter!=n?!1:-1!==a.toLowerCase().indexOf(c)};var k=0;c=c.toLowerCase();var n=g.filter||g.graph.filter;for(h in f.searchbox_extras){var p=f.searchbox_extras[h];if(-1!==p.desc.toLowerCase().indexOf(c)){var u=f.registered_node_types[p.type];if(!u||u.filter==n)if(a(p.desc,"searchbox_extra"),-1!==l.search_limit&&
+k++>l.search_limit)break}}p=null;if(Array.prototype.filter)p=Object.keys(f.registered_node_types).filter(d);else for(h in p=[],f.registered_node_types)d(h)&&p.push(h);for(h=0;h<p.length&&!(a(p[h]),-1!==l.search_limit&&k++>l.search_limit);h++);}}var e=this,g=l.active_canvas,h=g.canvas,k=h.ownerDocument||document,n=document.createElement("div");n.className="litegraph litesearchbox graphdialog rounded";n.innerHTML="<span class='name'>Search</span> <input autofocus type='text' class='value rounded'/><div class='helper'></div>";
+n.close=function(){e.search_box=null;k.body.focus();k.body.style.overflow="";setTimeout(function(){e.canvas.focus()},20);n.parentNode&&n.parentNode.removeChild(n)};var u=null;1<this.ds.scale&&(n.style.transform="scale("+this.ds.scale+")");n.addEventListener("mouseenter",function(a){u&&(clearTimeout(u),u=null)});n.addEventListener("mouseleave",function(a){u=setTimeout(function(){n.close()},500)});e.search_box&&e.search_box.close();e.search_box=n;var t=n.querySelector(".helper"),m=null,q=null,p=null,
+r=n.querySelector("input");r&&(r.addEventListener("blur",function(a){this.focus()}),r.addEventListener("keydown",function(a){if(38==a.keyCode)c(!1);else if(40==a.keyCode)c(!0);else if(27==a.keyCode)n.close();else if(13==a.keyCode)p?b(p.innerHTML):m?b(m):n.close();else{q&&clearInterval(q);q=setTimeout(d,10);return}a.preventDefault();a.stopPropagation();a.stopImmediatePropagation();return!0}));k.fullscreenElement?k.fullscreenElement.appendChild(n):(k.body.appendChild(n),k.body.style.overflow="hidden");
+h=h.getBoundingClientRect();var w=(a?a.clientY:h.top+.5*h.height)-20;n.style.left=(a?a.clientX:h.left+.5*h.width)-80+"px";n.style.top=w+"px";a.layerY>h.height-200&&(t.style.maxHeight=h.height-a.layerY-20+"px");r.focus();return n};l.prototype.showEditPropertyValue=function(a,b,c){function d(){e(m.value)}function e(d){g&&g.values&&g.values.constructor===Object&&void 0!=g.values[d]&&(d=g.values[d]);"number"==typeof a.properties[b]&&(d=Number(d));if("array"==h||"object"==h)d=JSON.parse(d);a.properties[b]=
+d;a.graph&&a.graph._version++;if(a.onPropertyChanged)a.onPropertyChanged(b,d);if(c.onclose)c.onclose();p.close();a.setDirtyCanvas(!0,!0)}if(a&&void 0!==a.properties[b]){c=c||{};var g=a.getPropertyInfo(b),h=g.type,f="";if("string"==h||"number"==h||"array"==h||"object"==h)f="<input autofocus type='text' class='value'/>";else if("enum"!=h&&"combo"!=h||!g.values)if("boolean"==h)f="<input autofocus type='checkbox' class='value' "+(a.properties[b]?"checked":"")+"/>";else{console.warn("unknown type: "+h);
+return}else{f="<select autofocus type='text' class='value'>";for(var n in g.values){var l=n;g.values.constructor===Array&&(l=g.values[n]);f+="<option value='"+l+"' "+(l==a.properties[b]?"selected":"")+">"+g.values[n]+"</option>"}f+="</select>"}var p=this.createDialog("<span class='name'>"+(g.label?g.label:b)+"</span>"+f+"<button>OK</button>",c);if("enum"!=h&&"combo"!=h||!g.values)if("boolean"==h)(m=p.querySelector("input"))&&m.addEventListener("click",function(a){e(!!m.checked)});else{if(m=p.querySelector("input"))m.addEventListener("blur",
+function(a){this.focus()}),l=void 0!==a.properties[b]?a.properties[b]:"","string"!==h&&(l=JSON.stringify(l)),m.value=l,m.addEventListener("keydown",function(a){13==a.keyCode&&(d(),a.preventDefault(),a.stopPropagation())})}else{var m=p.querySelector("select");m.addEventListener("change",function(a){e(a.target.value)})}p.querySelector("button").addEventListener("click",d);return p}};l.prototype.createDialog=function(a,b){b=b||{};var c=document.createElement("div");c.className="graphdialog";c.innerHTML=
+a;a=this.canvas.getBoundingClientRect();var d=-20,e=-20;a&&(d-=a.left,e-=a.top);b.position?(d+=b.position[0],e+=b.position[1]):b.event?(d+=b.event.clientX,e+=b.event.clientY):(d+=.5*this.canvas.width,e+=.5*this.canvas.height);c.style.left=d+"px";c.style.top=e+"px";this.canvas.parentNode.appendChild(c);c.close=function(){this.parentNode&&this.parentNode.removeChild(this)};return c};l.prototype.createPanel=function(a,b){b=b||{};var c=b.window||window,d=document.createElement("div");d.className="litegraph dialog";
+d.innerHTML="<div class='dialog-header'><span class='dialog-title'></span></div><div class='dialog-content'></div><div class='dialog-footer'></div>";d.header=d.querySelector(".dialog-header");b.width&&(d.style.width=b.width+(b.width.constructor===Number?"px":""));b.height&&(d.style.height=b.height+(b.height.constructor===Number?"px":""));b.closable&&(b=document.createElement("span"),b.innerHTML="&#10005;",b.classList.add("close"),b.addEventListener("click",function(){d.close()}),d.header.appendChild(b));
+d.title_element=d.querySelector(".dialog-title");d.title_element.innerText=a;d.content=d.querySelector(".dialog-content");d.footer=d.querySelector(".dialog-footer");d.close=function(){this.parentNode&&this.parentNode.removeChild(this)};d.clear=function(){this.content.innerHTML=""};d.addHTML=function(a,b,c){var e=document.createElement("div");b&&(e.className=b);e.innerHTML=a;c?d.footer.appendChild(e):d.content.appendChild(e);return e};d.addButton=function(a,b,c){var e=document.createElement("button");
+e.innerText=a;e.options=c;e.classList.add("btn");e.addEventListener("click",b);d.footer.appendChild(e);return e};d.addSeparator=function(){var a=document.createElement("div");a.className="separator";d.content.appendChild(a)};d.addWidget=function(a,b,h,k,n){function e(a,b){console.log("change",a,b);k.callback&&k.callback(a,b);n&&n(a,b)}k=k||{};var g=String(h);a=a.toLowerCase();"number"==a&&(g=h.toFixed(3));var m=document.createElement("div");m.className="property";m.innerHTML="<span class='property_name'></span><span class='property_value'></span>";
+m.querySelector(".property_name").innerText=k.label||b;var p=m.querySelector(".property_value");p.innerText=g;m.dataset.property=b;m.dataset.type=k.type||a;m.options=k;m.value=h;if("boolean"==a)m.classList.add("boolean"),h&&m.classList.add("bool-on"),m.addEventListener("click",function(){var a=this.dataset.property;this.value=!this.value;this.classList.toggle("bool-on");this.querySelector(".property_value").innerText=this.value?"true":"false";e(a,this.value)});else if("string"==a||"number"==a)p.setAttribute("contenteditable",
+!0),p.addEventListener("keydown",function(a){"Enter"==a.code&&(a.preventDefault(),this.blur())}),p.addEventListener("blur",function(){var a=this.innerText,b=this.parentNode.dataset.property;"number"==this.parentNode.dataset.type&&(a=Number(a));e(b,a)});else if("enum"==a||"combo"==a)g=l.getPropertyPrintableValue(h,k.values),p.innerText=g,p.addEventListener("click",function(a){var b=this.parentNode.dataset.property,d=this;new f.ContextMenu(k.values||[],{event:a,className:"dark",callback:function(a,
+c,g){d.innerText=a;e(b,a);return!1}},c)});d.content.appendChild(m);return m};return d};l.getPropertyPrintableValue=function(a,b){if(!b||b.constructor===Array)return String(a);if(b.constructor===Object){var c="",d;for(d in b)if(b[d]==a){c=d;break}return String(a)+" ("+c+")"}};l.prototype.showShowNodePanel=function(a){window.SELECTED_NODE=a;var b=document.querySelector("#node-panel");b&&b.close();var c=this.getCanvasWindow();b=this.createPanel(a.title||"",{closable:!0,window:c});b.id="node-panel";b.node=
+a;b.classList.add("settings");var d=this;(function(){b.content.innerHTML="";b.addHTML("<span class='node_type'>"+a.type+"</span><span class='node_desc'>"+(a.constructor.desc||"")+"</span><span class='separator'></span>");b.addHTML("<h3>Properties</h3>");for(var c in a.properties){var g=a.properties[c],f=a.getPropertyInfo(c);a.onAddPropertyToPanel&&a.onAddPropertyToPanel(c,b)||b.addWidget(f.widget||f.type,c,g,f,function(b,c){d.graph.beforeChange(a);a.setProperty(b,c);d.graph.afterChange();d.dirty_canvas=
+!0})}b.addSeparator();if(a.onShowCustomPanelInfo)a.onShowCustomPanelInfo(b);b.addButton("Delete",function(){a.block_delete||(a.graph.remove(a),b.close())}).classList.add("delete")})();this.canvas.parentNode.appendChild(b)};l.prototype.showSubgraphPropertiesDialog=function(a){function b(){d.clear();if(a.inputs)for(var c=0;c<a.inputs.length;++c){var g=a.inputs[c];if(!g.not_subgraph_input){var f=d.addHTML("<button>&#10005;</button> <span class='bullet_icon'></span><span class='name'></span><span class='type'></span>",
+"subgraph_property");f.dataset.name=g.name;f.dataset.slot=c;f.querySelector(".name").innerText=g.name;f.querySelector(".type").innerText=g.type;f.querySelector("button").addEventListener("click",function(c){a.removeInput(Number(this.parentNode.dataset.slot));b()})}}}console.log("showing subgraph properties dialog");var c=this.canvas.parentNode.querySelector(".subgraph_dialog");c&&c.close();var d=this.createPanel("Subgraph Inputs",{closable:!0,width:500});d.node=a;d.classList.add("subgraph_dialog");
+d.addHTML(" + <span class='label'>Name</span><input class='name'/><span class='label'>Type</span><input class='type'></input><button>+</button>","subgraph_property extra",!0).querySelector("button").addEventListener("click",function(c){c=this.parentNode;var d=c.querySelector(".name").value,e=c.querySelector(".type").value;d&&-1==a.findInputSlot(d)&&(a.addInput(d,e),c.querySelector(".name").value="",c.querySelector(".type").value="",b())});b();this.canvas.parentNode.appendChild(d);return d};l.prototype.checkPanels=
+function(){if(this.canvas)for(var a=this.canvas.parentNode.querySelectorAll(".litegraph.dialog"),b=0;b<a.length;++b){var c=a[b];c.node&&(c.node.graph&&c.graph==this.graph||c.close())}};l.onMenuNodeCollapse=function(a,b,c,d,e){e.graph.beforeChange(e);e.collapse();e.graph.afterChange(e)};l.onMenuNodePin=function(a,b,c,d,e){e.pin()};l.onMenuNodeMode=function(a,b,c,d,e){new f.ContextMenu(["Always","On Event","On Trigger","Never"],{event:c,callback:function(a){if(e)switch(a){case "On Event":e.mode=f.ON_EVENT;
+break;case "On Trigger":e.mode=f.ON_TRIGGER;break;case "Never":e.mode=f.NEVER;break;default:e.mode=f.ALWAYS}},parentMenu:d,node:e});return!1};l.onMenuNodeColors=function(a,b,c,d,e){if(!e)throw"no node for color";b=[];b.push({value:null,content:"<span style='display: block; padding-left: 4px;'>No color</span>"});for(var g in l.node_colors)a=l.node_colors[g],a={value:g,content:"<span style='display: block; color: #999; padding-left: 4px; border-left: 8px solid "+a.color+"; background-color:"+a.bgcolor+
+"'>"+g+"</span>"},b.push(a);new f.ContextMenu(b,{event:c,callback:function(a){e&&((a=a.value?l.node_colors[a.value]:null)?e.constructor===f.LGraphGroup?e.color=a.groupcolor:(e.color=a.color,e.bgcolor=a.bgcolor):(delete e.color,delete e.bgcolor),e.setDirtyCanvas(!0,!0))},parentMenu:d,node:e});return!1};l.onMenuNodeShapes=function(a,b,c,d,e){if(!e)throw"no node passed";new f.ContextMenu(f.VALID_SHAPES,{event:c,callback:function(a){e&&(e.graph.beforeChange(e),e.shape=a,e.graph.afterChange(e),e.setDirtyCanvas(!0))},
+parentMenu:d,node:e});return!1};l.onMenuNodeRemove=function(a,b,c,d,e){if(!e)throw"no node passed";!1!==e.removable&&(a=e.graph,a.beforeChange(),a.remove(e),a.afterChange(),e.setDirtyCanvas(!0,!0))};l.onMenuNodeToSubgraph=function(a,b,c,d,e){a=e.graph;if(b=l.active_canvas)c=Object.values(b.selected_nodes||{}),c.length||(c=[e]),d=f.createNode("graph/subgraph"),d.pos=e.pos.concat(),a.add(d),d.buildFromNodes(c),b.deselectAllNodes(),e.setDirtyCanvas(!0,!0)};l.onMenuNodeClone=function(a,b,c,d,e){0!=e.clonable&&
+(a=e.clone())&&(a.pos=[e.pos[0]+5,e.pos[1]+5],e.graph.beforeChange(),e.graph.add(a),e.graph.afterChange(),e.setDirtyCanvas(!0,!0))};l.node_colors={red:{color:"#322",bgcolor:"#533",groupcolor:"#A88"},brown:{color:"#332922",bgcolor:"#593930",groupcolor:"#b06634"},green:{color:"#232",bgcolor:"#353",groupcolor:"#8A8"},blue:{color:"#223",bgcolor:"#335",groupcolor:"#88A"},pale_blue:{color:"#2a363b",bgcolor:"#3f5159",groupcolor:"#3f789e"},cyan:{color:"#233",bgcolor:"#355",groupcolor:"#8AA"},purple:{color:"#323",
+bgcolor:"#535",groupcolor:"#a1309b"},yellow:{color:"#432",bgcolor:"#653",groupcolor:"#b58b2a"},black:{color:"#222",bgcolor:"#000",groupcolor:"#444"}};l.prototype.getCanvasMenuOptions=function(){if(this.getMenuOptions)var a=this.getMenuOptions();else a=[{content:"Add Node",has_submenu:!0,callback:l.onMenuAdd},{content:"Add Group",callback:l.onGroupAdd}],this._graph_stack&&0<this._graph_stack.length&&a.push(null,{content:"Close subgraph",callback:this.closeSubgraph.bind(this)});if(this.getExtraMenuOptions){var b=
+this.getExtraMenuOptions(this,a);b&&(a=a.concat(b))}return a};l.prototype.getNodeMenuOptions=function(a){var b=null;b=a.getMenuOptions?a.getMenuOptions(this):[{content:"Inputs",has_submenu:!0,disabled:!0,callback:l.showMenuNodeOptionalInputs},{content:"Outputs",has_submenu:!0,disabled:!0,callback:l.showMenuNodeOptionalOutputs},null,{content:"Properties",has_submenu:!0,callback:l.onShowMenuNodeProperties},null,{content:"Title",callback:l.onShowPropertyEditor},{content:"Mode",has_submenu:!0,callback:l.onMenuNodeMode},
+{content:"Resize",callback:function(){if(a.resizable)return l.onResizeNode}},{content:"Collapse",callback:l.onMenuNodeCollapse},{content:"Pin",callback:l.onMenuNodePin},{content:"Colors",has_submenu:!0,callback:l.onMenuNodeColors},{content:"Shapes",has_submenu:!0,callback:l.onMenuNodeShapes},null];if(a.onGetInputs){var c=a.onGetInputs();c&&c.length&&(b[0].disabled=!1)}a.onGetOutputs&&(c=a.onGetOutputs())&&c.length&&(b[1].disabled=!1);a.getExtraMenuOptions&&(c=a.getExtraMenuOptions(this,b))&&(c.push(null),
+b=c.concat(b));!1!==a.clonable&&b.push({content:"Clone",callback:l.onMenuNodeClone});b.push(null,{content:"Remove",disabled:!(!1!==a.removable&&!a.block_delete),callback:l.onMenuNodeRemove});if(a.graph&&a.graph.onGetNodeMenuOptions)a.graph.onGetNodeMenuOptions(b,a);return b};l.prototype.getGroupMenuOptions=function(a){return[{content:"Title",callback:l.onShowPropertyEditor},{content:"Color",has_submenu:!0,callback:l.onMenuNodeColors},{content:"Font size",property:"font_size",type:"Number",callback:l.onShowPropertyEditor},
+null,{content:"Remove",callback:l.onMenuNodeRemove}]};l.prototype.processContextMenu=function(a,b){var c=this,d=l.active_canvas.getCanvasWindow(),e=null,g={event:b,callback:function(b,d,e){if(b)if("Remove Slot"==b.content)b=b.slot,b.input?a.removeInput(b.slot):b.output&&a.removeOutput(b.slot);else if("Disconnect Links"==b.content)b=b.slot,b.output?a.disconnectOutput(b.slot):b.input&&a.disconnectInput(b.slot);else if("Rename Slot"==b.content){b=b.slot;var g=b.input?a.getInputInfo(b.slot):a.getOutputInfo(b.slot),
+f=c.createDialog("<span class='name'>Name</span><input autofocus type='text'/><button>OK</button>",d),h=f.querySelector("input");h&&g&&(h.value=g.label||"");f.querySelector("button").addEventListener("click",function(a){h.value&&(g&&(g.label=h.value),c.setDirty(!0));f.close()})}},extra:a};a&&(g.title=a.type);var h=null;a&&(h=a.getSlotInPosition(b.canvasX,b.canvasY),l.active_node=a);h?(e=[],a.getSlotMenuOptions?e=a.getSlotMenuOptions(h):(h&&h.output&&h.output.links&&h.output.links.length&&e.push({content:"Disconnect Links",
+slot:h}),b=h.input||h.output,e.push(b.locked?"Cannot remove":{content:"Remove Slot",slot:h}),e.push(b.nameLocked?"Cannot rename":{content:"Rename Slot",slot:h})),g.title=(h.input?h.input.type:h.output.type)||"*",h.input&&h.input.type==f.ACTION&&(g.title="Action"),h.output&&h.output.type==f.EVENT&&(g.title="Event")):a?e=this.getNodeMenuOptions(a):(e=this.getCanvasMenuOptions(),(h=this.graph.getGroupOnPos(b.canvasX,b.canvasY))&&e.push(null,{content:"Edit Group",has_submenu:!0,submenu:{title:"Group",
+extra:h,options:this.getGroupMenuOptions(h)}}));e&&new f.ContextMenu(e,g,d)};"undefined"!=typeof window&&window.CanvasRenderingContext2D&&!window.CanvasRenderingContext2D.prototype.roundRect&&(window.CanvasRenderingContext2D.prototype.roundRect=function(a,b,c,d,e,g){var f,k;if(0===e)this.rect(a,b,c,d);else{void 0===g&&(g=e);if(null!=e&&e.constructor===Array)if(1==e.length)var n=f=k=g=e[0];else if(2==e.length)n=g=e[0],f=k=e[1];else if(4==e.length)n=e[0],f=e[1],k=e[2],g=e[3];else return;else n=e||0,
+f=e||0,k=g||0,g=g||0;this.moveTo(a+n,b);this.lineTo(a+c-f,b);this.quadraticCurveTo(a+c,b,a+c,b+f);this.lineTo(a+c,b+d-g);this.quadraticCurveTo(a+c,b+d,a+c-g,b+d);this.lineTo(a+g,b+d);this.quadraticCurveTo(a,b+d,a,b+d-k);this.lineTo(a,b+k);this.quadraticCurveTo(a,b,a+n,b)}});f.compareObjects=function(a,b){for(var c in a)if(a[c]!=b[c])return!1;return!0};f.distance=J;f.colorToString=function(a){return"rgba("+Math.round(255*a[0]).toFixed()+","+Math.round(255*a[1]).toFixed()+","+Math.round(255*a[2]).toFixed()+
+","+(4==a.length?a[3].toFixed(2):"1.0")+")"};f.isInsideRectangle=C;f.growBounding=function(a,b,c){b<a[0]?a[0]=b:b>a[2]&&(a[2]=b);c<a[1]?a[1]=c:c>a[3]&&(a[3]=c)};f.isInsideBounding=function(a,b){return a[0]<b[0][0]||a[1]<b[0][1]||a[0]>b[1][0]||a[1]>b[1][1]?!1:!0};f.overlapBounding=H;f.hex2num=function(a){"#"==a.charAt(0)&&(a=a.slice(1));a=a.toUpperCase();for(var b=Array(3),c=0,d,e,g=0;6>g;g+=2)d="0123456789ABCDEF".indexOf(a.charAt(g)),e="0123456789ABCDEF".indexOf(a.charAt(g+1)),b[c]=16*d+e,c++;return b};
+f.num2hex=function(a){for(var b="#",c,d,e=0;3>e;e++)c=a[e]/16,d=a[e]%16,b+="0123456789ABCDEF".charAt(c)+"0123456789ABCDEF".charAt(d);return b};E.prototype.addItem=function(a,b,c){function d(a){var b=this.value;b&&b.has_submenu&&e.call(this,a)}function e(a){var b=this.value,d=!0;g.current_submenu&&g.current_submenu.close(a);if(c.callback){var e=c.callback.call(this,b,c,a,g,c.node);!0===e&&(d=!1)}if(b&&(b.callback&&!c.ignore_item_callbacks&&!0!==b.disabled&&(e=b.callback.call(this,b,c,a,g,c.extra),
+!0===e&&(d=!1)),b.submenu)){if(!b.submenu.options)throw"ContextMenu submenu needs options";new g.constructor(b.submenu.options,{callback:b.submenu.callback,event:a,parentMenu:g,ignore_item_callbacks:b.submenu.ignore_item_callbacks,title:b.submenu.title,extra:b.submenu.extra,autoopen:c.autoopen});d=!1}d&&!g.lock&&g.close()}var g=this;c=c||{};var f=document.createElement("div");f.className="litemenu-entry submenu";var k=!1;if(null===b)f.classList.add("separator");else{f.innerHTML=b&&b.title?b.title:
+a;if(f.value=b)b.disabled&&(k=!0,f.classList.add("disabled")),(b.submenu||b.has_submenu)&&f.classList.add("has_submenu");"function"==typeof b?(f.dataset.value=a,f.onclick_callback=b):f.dataset.value=b;b.className&&(f.className+=" "+b.className)}this.root.appendChild(f);k||f.addEventListener("click",e);c.autoopen&&f.addEventListener("mouseenter",d);return f};E.prototype.close=function(a,b){this.root.parentNode&&this.root.parentNode.removeChild(this.root);this.parentMenu&&!b&&(this.parentMenu.lock=
+!1,this.parentMenu.current_submenu=null,void 0===a?this.parentMenu.close():a&&!E.isCursorOverElement(a,this.parentMenu.root)&&E.trigger(this.parentMenu.root,"mouseleave",a));this.current_submenu&&this.current_submenu.close(a,!0);this.root.closing_timer&&clearTimeout(this.root.closing_timer)};E.trigger=function(a,b,c,d){var e=document.createEvent("CustomEvent");e.initCustomEvent(b,!0,!0,c);e.srcElement=d;a.dispatchEvent?a.dispatchEvent(e):a.__events&&a.__events.dispatchEvent(e);return e};E.prototype.getTopMenu=
+function(){return this.options.parentMenu?this.options.parentMenu.getTopMenu():this};E.prototype.getFirstEvent=function(){return this.options.parentMenu?this.options.parentMenu.getFirstEvent():this.options.event};E.isCursorOverElement=function(a,b){var c=a.clientX;a=a.clientY;return(b=b.getBoundingClientRect())?a>b.top&&a<b.top+b.height&&c>b.left&&c<b.left+b.width?!0:!1:!1};f.ContextMenu=E;f.closeAllContextMenus=function(a){a=a||window;a=a.document.querySelectorAll(".litecontextmenu");if(a.length){for(var b=
+[],c=0;c<a.length;c++)b.push(a[c]);for(c=0;c<b.length;c++)b[c].close?b[c].close():b[c].parentNode&&b[c].parentNode.removeChild(b[c])}};f.extendClass=function(a,b){for(var c in b)a.hasOwnProperty(c)||(a[c]=b[c]);if(b.prototype)for(c in b.prototype)b.prototype.hasOwnProperty(c)&&!a.prototype.hasOwnProperty(c)&&(b.prototype.__lookupGetter__(c)?a.prototype.__defineGetter__(c,b.prototype.__lookupGetter__(c)):a.prototype[c]=b.prototype[c],b.prototype.__lookupSetter__(c)&&a.prototype.__defineSetter__(c,
+b.prototype.__lookupSetter__(c)))};G.sampleCurve=function(a,b){if(b){for(var c=0;c<b.length-1;++c){var d=b[c],e=b[c+1];if(!(e[0]<a)){b=e[0]-d[0];if(1E-5>Math.abs(b))return d[1];a=(a-d[0])/b;return d[1]*(1-a)+e[1]*a}}return 0}};G.prototype.draw=function(a,b,c,d,e,f){if(c=this.points){this.size=b;var g=b[0]-2*this.margin;b=b[1]-2*this.margin;e=e||"#666";a.save();a.translate(this.margin,this.margin);d&&(a.fillStyle="#111",a.fillRect(0,0,g,b),a.fillStyle="#222",a.fillRect(.5*g,0,1,b),a.strokeStyle="#333",
+a.strokeRect(0,0,g,b));a.strokeStyle=e;f&&(a.globalAlpha=.5);a.beginPath();for(d=0;d<c.length;++d)e=c[d],a.lineTo(e[0]*g,(1-e[1])*b);a.stroke();a.globalAlpha=1;if(!f)for(d=0;d<c.length;++d)e=c[d],a.fillStyle=this.selected==d?"#FFF":this.nearest==d?"#DDD":"#AAA",a.beginPath(),a.arc(e[0]*g,(1-e[1])*b,2,0,2*Math.PI),a.fill();a.restore()}};G.prototype.onMouseDown=function(a,b){var c=this.points;if(c&&!(0>a[1])){var d=this.size[0]-2*this.margin,e=this.size[1]-2*this.margin,f=a[0]-this.margin;a=a[1]-this.margin;
+this.selected=this.getCloserPoint([f,a],30/b.ds.scale);-1==this.selected&&(b=[f/d,1-a/e],c.push(b),c.sort(function(a,b){return a[0]-b[0]}),this.selected=c.indexOf(b),this.must_update=!0);if(-1!=this.selected)return!0}};G.prototype.onMouseMove=function(a,b){var c=this.points;if(c){var d=this.selected;if(!(0>d)){var e=(a[0]-this.margin)/(this.size[0]-2*this.margin),f=(a[1]-this.margin)/(this.size[1]-2*this.margin);this._nearest=this.getCloserPoint([a[0]-this.margin,a[1]-this.margin],30/b.ds.scale);
+if(b=c[d]){var h=0==d||d==c.length-1;!h&&(-10>a[0]||a[0]>this.size[0]+10||-10>a[1]||a[1]>this.size[1]+10)?(c.splice(d,1),this.selected=-1):(b[0]=h?0==d?0:1:Math.clamp(e,0,1),b[1]=1-Math.clamp(f,0,1),c.sort(function(a,b){return a[0]-b[0]}),this.selected=c.indexOf(b),this.must_update=!0)}}}};G.prototype.onMouseUp=function(a,b){this.selected=-1;return!1};G.prototype.getCloserPoint=function(a,b){var c=this.points;if(!c)return-1;b=b||30;for(var d=this.size[0]-2*this.margin,e=this.size[1]-2*this.margin,
+f=c.length,h=[0,0],k=1E6,l=-1,p=0;p<f;++p){var q=c[p];h[0]=q[0]*d;h[1]=(1-q[1])*e;q=vec2.distance(a,h);q>k||q>b||(l=p,k=q)}return l};f.CurveEditor=G;f.getParameterNames=function(a){return(a+"").replace(/[/][/].*$/gm,"").replace(/\s+/g,"").replace(/[/][*][^/*]*[*][/]/g,"").split("){",1)[0].replace(/^[^(]*[(]/,"").replace(/=[^,]+/g,"").split(",").filter(Boolean)};Math.clamp=function(a,b,c){return b>a?b:c<a?c:a};"undefined"==typeof window||window.requestAnimationFrame||(window.requestAnimationFrame=
+window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(a){window.setTimeout(a,1E3/60)})})(this);"undefined"!=typeof exports&&(exports.LiteGraph=this.LiteGraph);
diff --git a/build/litegraph.js b/build/litegraph.js
index cd67642ae4..ddeba04858 100644
--- a/build/litegraph.js
+++ b/build/litegraph.js
@@ -7031,7 +7031,7 @@ LGraphNode.prototype.executeAction = function(action)
 		ctx.fillStyle = "#111";
 		ctx.globalAlpha = 0.8;
 		ctx.beginPath();
-		ctx.roundRect(10,10,w, (num + 1) * h + 50,8 );
+		ctx.roundRect(10,10,w, (num + 1) * h + 50,[8] );
 		ctx.fill();
 		ctx.globalAlpha = 1;
 
@@ -7118,7 +7118,7 @@ LGraphNode.prototype.executeAction = function(action)
 		if(clicked)
 			ctx.fillStyle = "#AAA";
 		ctx.beginPath();
-		ctx.roundRect(x,y,w,h,4 );
+		ctx.roundRect(x,y,w,h,[4] );
 		ctx.fill();
 
 		if(text != null)
@@ -7431,7 +7431,7 @@ LGraphNode.prototype.executeAction = function(action)
             if (shape == LiteGraph.BOX_SHAPE) {
                 ctx.rect(0, 0, size[0], size[1]);
             } else if (shape == LiteGraph.ROUND_SHAPE) {
-                ctx.roundRect(0, 0, size[0], size[1], 10);
+                ctx.roundRect(0, 0, size[0], size[1], [10]);
             } else if (shape == LiteGraph.CIRCLE_SHAPE) {
                 ctx.arc(
                     size[0] * 0.5,
@@ -7783,7 +7783,7 @@ LGraphNode.prototype.executeAction = function(action)
 		ctx.shadowBlur = 3;
 		ctx.fillStyle = "#454";
 		ctx.beginPath();
-		ctx.roundRect( pos[0] - w*0.5, pos[1] - 15 - h, w, h,3, 3);
+		ctx.roundRect( pos[0] - w*0.5, pos[1] - 15 - h, w, h, [3]);
 		ctx.moveTo( pos[0] - 10, pos[1] - 15 );
 		ctx.lineTo( pos[0] + 10, pos[1] - 15 );
 		ctx.lineTo( pos[0], pos[1] - 5 );
@@ -7852,8 +7852,7 @@ LGraphNode.prototype.executeAction = function(action)
                     area[1],
                     area[2],
                     area[3],
-                    this.round_radius,
-                    shape == LiteGraph.CARD_SHAPE ? 0 : this.round_radius
+                    shape == LiteGraph.CARD_SHAPE ? [this.round_radius,this.round_radius,0,0] : [this.round_radius] 
                 );
             } else if (shape == LiteGraph.CIRCLE_SHAPE) {
                 ctx.arc(
@@ -7918,8 +7917,7 @@ LGraphNode.prototype.executeAction = function(action)
                         -title_height,
                         size[0] + 1,
                         title_height,
-                        this.round_radius,
-                        node.flags.collapsed ? this.round_radius : 0
+                        node.flags.collapsed ? [this.round_radius] : [this.round_radius,this.round_radius,0,0]
                     );
                 }
                 ctx.fill();
@@ -8036,7 +8034,7 @@ LGraphNode.prototype.executeAction = function(action)
 				else
 				{
 					ctx.beginPath();
-					ctx.roundRect(x+2, -w+2, w-4, w-4,4);
+					ctx.roundRect(x+2, -w+2, w-4, w-4,[4]);
 					ctx.fill();
 				}
 				ctx.fillStyle = "#333";
@@ -8082,7 +8080,7 @@ LGraphNode.prototype.executeAction = function(action)
                     -6 + area[1],
                     12 + area[2],
                     12 + area[3],
-                    this.round_radius * 2
+                    [this.round_radius * 2]
                 );
             } else if (shape == LiteGraph.CARD_SHAPE) {
                 ctx.roundRect(
@@ -8090,8 +8088,7 @@ LGraphNode.prototype.executeAction = function(action)
                     -6 + area[1],
                     12 + area[2],
                     12 + area[3],
-                    this.round_radius * 2,
-                    2
+                    [this.round_radius * 2,2,this.round_radius * 2,2]
                 );
             } else if (shape == LiteGraph.CIRCLE_SHAPE) {
                 ctx.arc(
@@ -8681,7 +8678,7 @@ LGraphNode.prototype.executeAction = function(action)
                     ctx.fillStyle = background_color;
                     ctx.beginPath();
                     if (show_text)
-	                    ctx.roundRect(margin, posY, widget_width - margin * 2, H, H * 0.5);
+	                    ctx.roundRect(margin, posY, widget_width - margin * 2, H, [H * 0.5]);
 					else
 	                    ctx.rect(margin, posY, widget_width - margin * 2, H );
                     ctx.fill();
@@ -8738,7 +8735,7 @@ LGraphNode.prototype.executeAction = function(action)
                     ctx.fillStyle = background_color;
                     ctx.beginPath();
 					if(show_text)
-	                    ctx.roundRect(margin, posY, widget_width - margin * 2, H, H * 0.5);
+	                    ctx.roundRect(margin, posY, widget_width - margin * 2, H, [H * 0.5] );
 					else
 	                    ctx.rect(margin, posY, widget_width - margin * 2, H );
                     ctx.fill();
@@ -8798,7 +8795,7 @@ LGraphNode.prototype.executeAction = function(action)
                     ctx.fillStyle = background_color;
                     ctx.beginPath();
                     if (show_text)
-	                    ctx.roundRect(margin, posY, widget_width - margin * 2, H, H * 0.5);
+	                    ctx.roundRect(margin, posY, widget_width - margin * 2, H, [H * 0.5]);
 					else
 	                    ctx.rect( margin, posY, widget_width - margin * 2, H );
                     ctx.fill();
diff --git a/build/litegraph.min.js b/build/litegraph.min.js
index 31aef905f9..3192be955d 100644
--- a/build/litegraph.min.js
+++ b/build/litegraph.min.js
@@ -169,18 +169,18 @@ b[h];a.save();a.translate(f.pos[0],f.pos[1]);this.drawNode(f,a);a.restore()}this
 (this.connecting_node.horizontal?e.DOWN:e.RIGHT),e.CENTER);a.beginPath();this.connecting_output.type===e.EVENT||this.connecting_output.shape===e.BOX_SHAPE?a.rect(this.connecting_pos[0]-6+.5,this.connecting_pos[1]-5+.5,14,10):this.connecting_output.shape===e.ARROW_SHAPE?(a.moveTo(this.connecting_pos[0]+8,this.connecting_pos[1]+.5),a.lineTo(this.connecting_pos[0]-4,this.connecting_pos[1]+6+.5),a.lineTo(this.connecting_pos[0]-4,this.connecting_pos[1]-6+.5),a.closePath()):a.arc(this.connecting_pos[0],
 this.connecting_pos[1],4,0,2*Math.PI);a.fill();a.fillStyle="#ffcc00";this._highlight_input&&(a.beginPath(),this._highlight_input_slot.shape===e.ARROW_SHAPE?(a.moveTo(this._highlight_input[0]+8,this._highlight_input[1]+.5),a.lineTo(this._highlight_input[0]-4,this._highlight_input[1]+6+.5),a.lineTo(this._highlight_input[0]-4,this._highlight_input[1]-6+.5),a.closePath()):a.arc(this._highlight_input[0],this._highlight_input[1],6,0,2*Math.PI),a.fill())}this.dragging_rectangle&&(a.strokeStyle="#FFF",a.strokeRect(this.dragging_rectangle[0],
 this.dragging_rectangle[1],this.dragging_rectangle[2],this.dragging_rectangle[3]));if(this.over_link_center&&this.render_link_tooltip)this.drawLinkTooltip(a,this.over_link_center);else if(this.onDrawLinkTooltip)this.onDrawLinkTooltip(a,null);if(this.onDrawForeground)this.onDrawForeground(a,this.visible_rect);a.restore()}this._graph_stack&&this._graph_stack.length&&this.drawSubgraphPanel(a);if(this.onDrawOverlay)this.onDrawOverlay(a);d&&a.restore();a.finish2D&&a.finish2D()}};g.prototype.drawSubgraphPanel=
-function(a){var b=this.graph,d=b._subgraph_node;if(d){var h=d.inputs?d.inputs.length:0,f=Math.floor(1.6*e.NODE_SLOT_HEIGHT);a.fillStyle="#111";a.globalAlpha=.8;a.beginPath();a.roundRect(10,10,300,(h+1)*f+50,8);a.fill();a.globalAlpha=1;a.fillStyle="#888";a.font="14px Arial";a.textAlign="left";a.fillText("Graph Inputs",20,34);if(this.drawButton(280,20,20,20,"X","#151515"))this.closeSubgraph();else{h=50;a.font="20px Arial";if(d.inputs)for(var c=0;c<d.inputs.length;++c){var n=d.inputs[c];if(!n.not_subgraph_input){if(this.drawButton(20,
+function(a){var b=this.graph,d=b._subgraph_node;if(d){var h=d.inputs?d.inputs.length:0,f=Math.floor(1.6*e.NODE_SLOT_HEIGHT);a.fillStyle="#111";a.globalAlpha=.8;a.beginPath();a.roundRect(10,10,300,(h+1)*f+50,[8]);a.fill();a.globalAlpha=1;a.fillStyle="#888";a.font="14px Arial";a.textAlign="left";a.fillText("Graph Inputs",20,34);if(this.drawButton(280,20,20,20,"X","#151515"))this.closeSubgraph();else{h=50;a.font="20px Arial";if(d.inputs)for(var c=0;c<d.inputs.length;++c){var n=d.inputs[c];if(!n.not_subgraph_input){if(this.drawButton(20,
 h+2,280,f-2)){var q=d.constructor.input_node_type||"graph/input";this.graph.beforeChange();var l=e.createNode(q);l?(b.add(l),this.block_click=!1,this.last_click_position=null,this.selectNodes([l]),this.node_dragged=l,this.dragging_canvas=!1,l.setProperty("name",n.name),l.setProperty("type",n.type),this.node_dragged.pos[0]=this.graph_mouse[0]-5,this.node_dragged.pos[1]=this.graph_mouse[1]-5,this.graph.afterChange()):console.error("graph input node not found:",q)}a.fillStyle="#9C9";a.beginPath();a.arc(284,
 h+.5*f,5,0,2*Math.PI);a.fill();a.fillStyle="#AAA";a.fillText(n.name,50,h+.75*f);q=a.measureText(n.name);a.fillStyle="#777";a.fillText(n.type,50+q.width+10,h+.75*f);h+=f}}this.drawButton(20,h+2,280,f-2,"+","#151515","#222")&&this.showSubgraphPropertiesDialog(d)}}else console.warn("subgraph without subnode")};g.prototype.drawButton=function(a,b,d,h,f,c,n,q){var u=this.ctx;c=c||e.NODE_DEFAULT_COLOR;n=n||"#555";q=q||e.NODE_TEXT_COLOR;var l=this.mouse,v=e.isInsideRectangle(l[0],l[1],a,b,d,h);l=(l=this.last_click_position)&&
-e.isInsideRectangle(l[0],l[1],a,b,d,h);u.fillStyle=v?n:c;l&&(u.fillStyle="#AAA");u.beginPath();u.roundRect(a,b,d,h,4);u.fill();null!=f&&f.constructor==String&&(u.fillStyle=q,u.textAlign="center",u.font=(.65*h|0)+"px Arial",u.fillText(f,a+.5*d,b+.75*h),u.textAlign="left");a=l&&!this.block_click;l&&this.blockClick();return a};g.prototype.isAreaClicked=function(a,b,d,h,f){var c=this.mouse;e.isInsideRectangle(c[0],c[1],a,b,d,h);b=(a=(c=this.last_click_position)&&e.isInsideRectangle(c[0],c[1],a,b,d,h))&&
-!this.block_click;a&&f&&this.blockClick();return b};g.prototype.renderInfo=function(a,b,d){b=b||10;d=d||this.canvas.height-80;a.save();a.translate(b,d);a.font="10px Arial";a.fillStyle="#888";a.textAlign="left";this.graph?(a.fillText("T: "+this.graph.globaltime.toFixed(2)+"s",5,13),a.fillText("I: "+this.graph.iteration,5,26),a.fillText("N: "+this.graph._nodes.length+" ["+this.visible_nodes.length+"]",5,39),a.fillText("V: "+this.graph._version,5,52),a.fillText("FPS:"+this.fps.toFixed(2),5,65)):a.fillText("No graph selected",
-5,13);a.restore()};g.prototype.drawBackCanvas=function(){var a=this.bgcanvas;if(a.width!=this.canvas.width||a.height!=this.canvas.height)a.width=this.canvas.width,a.height=this.canvas.height;this.bgctx||(this.bgctx=this.bgcanvas.getContext("2d"));var b=this.bgctx;b.start&&b.start();var d=this.viewport||[0,0,b.canvas.width,b.canvas.height];this.clear_background&&b.clearRect(d[0],d[1],d[2],d[3]);if(this._graph_stack&&this._graph_stack.length){b.save();d=this.graph._subgraph_node;b.strokeStyle=d.bgcolor;
-b.lineWidth=10;b.strokeRect(1,1,a.width-2,a.height-2);b.lineWidth=1;b.font="40px Arial";b.textAlign="center";b.fillStyle=d.bgcolor||"#AAA";for(var h="",f=1;f<this._graph_stack.length;++f)h+=this._graph_stack[f]._subgraph_node.getTitle()+" >> ";b.fillText(h+d.getTitle(),.5*a.width,40);b.restore()}d=!1;this.onRenderBackground&&(d=this.onRenderBackground(a,b));this.viewport||(b.restore(),b.setTransform(1,0,0,1,0,0));this.visible_links.length=0;if(this.graph){b.save();this.ds.toCanvasContext(b);if(this.background_image&&
-.5<this.ds.scale&&!d){b.globalAlpha=this.zoom_modify_alpha?(1-.5/this.ds.scale)*this.editor_alpha:this.editor_alpha;b.imageSmoothingEnabled=b.mozImageSmoothingEnabled=b.imageSmoothingEnabled=!1;if(!this._bg_img||this._bg_img.name!=this.background_image){this._bg_img=new Image;this._bg_img.name=this.background_image;this._bg_img.src=this.background_image;var e=this;this._bg_img.onload=function(){e.draw(!0,!0)}}d=null;null==this._pattern&&0<this._bg_img.width?(d=b.createPattern(this._bg_img,"repeat"),
-this._pattern_img=this._bg_img,this._pattern=d):d=this._pattern;d&&(b.fillStyle=d,b.fillRect(this.visible_area[0],this.visible_area[1],this.visible_area[2],this.visible_area[3]),b.fillStyle="transparent");b.globalAlpha=1;b.imageSmoothingEnabled=b.mozImageSmoothingEnabled=b.imageSmoothingEnabled=!0}this.graph._groups.length&&!this.live_mode&&this.drawGroups(a,b);if(this.onDrawBackground)this.onDrawBackground(b,this.visible_area);this.onBackgroundRender&&(console.error("WARNING! onBackgroundRender deprecated, now is named onDrawBackground "),
+e.isInsideRectangle(l[0],l[1],a,b,d,h);u.fillStyle=v?n:c;l&&(u.fillStyle="#AAA");u.beginPath();u.roundRect(a,b,d,h,[4]);u.fill();null!=f&&f.constructor==String&&(u.fillStyle=q,u.textAlign="center",u.font=(.65*h|0)+"px Arial",u.fillText(f,a+.5*d,b+.75*h),u.textAlign="left");a=l&&!this.block_click;l&&this.blockClick();return a};g.prototype.isAreaClicked=function(a,b,d,h,f){var c=this.mouse;e.isInsideRectangle(c[0],c[1],a,b,d,h);b=(a=(c=this.last_click_position)&&e.isInsideRectangle(c[0],c[1],a,b,d,
+h))&&!this.block_click;a&&f&&this.blockClick();return b};g.prototype.renderInfo=function(a,b,d){b=b||10;d=d||this.canvas.height-80;a.save();a.translate(b,d);a.font="10px Arial";a.fillStyle="#888";a.textAlign="left";this.graph?(a.fillText("T: "+this.graph.globaltime.toFixed(2)+"s",5,13),a.fillText("I: "+this.graph.iteration,5,26),a.fillText("N: "+this.graph._nodes.length+" ["+this.visible_nodes.length+"]",5,39),a.fillText("V: "+this.graph._version,5,52),a.fillText("FPS:"+this.fps.toFixed(2),5,65)):
+a.fillText("No graph selected",5,13);a.restore()};g.prototype.drawBackCanvas=function(){var a=this.bgcanvas;if(a.width!=this.canvas.width||a.height!=this.canvas.height)a.width=this.canvas.width,a.height=this.canvas.height;this.bgctx||(this.bgctx=this.bgcanvas.getContext("2d"));var b=this.bgctx;b.start&&b.start();var d=this.viewport||[0,0,b.canvas.width,b.canvas.height];this.clear_background&&b.clearRect(d[0],d[1],d[2],d[3]);if(this._graph_stack&&this._graph_stack.length){b.save();d=this.graph._subgraph_node;
+b.strokeStyle=d.bgcolor;b.lineWidth=10;b.strokeRect(1,1,a.width-2,a.height-2);b.lineWidth=1;b.font="40px Arial";b.textAlign="center";b.fillStyle=d.bgcolor||"#AAA";for(var h="",f=1;f<this._graph_stack.length;++f)h+=this._graph_stack[f]._subgraph_node.getTitle()+" >> ";b.fillText(h+d.getTitle(),.5*a.width,40);b.restore()}d=!1;this.onRenderBackground&&(d=this.onRenderBackground(a,b));this.viewport||(b.restore(),b.setTransform(1,0,0,1,0,0));this.visible_links.length=0;if(this.graph){b.save();this.ds.toCanvasContext(b);
+if(this.background_image&&.5<this.ds.scale&&!d){b.globalAlpha=this.zoom_modify_alpha?(1-.5/this.ds.scale)*this.editor_alpha:this.editor_alpha;b.imageSmoothingEnabled=b.mozImageSmoothingEnabled=b.imageSmoothingEnabled=!1;if(!this._bg_img||this._bg_img.name!=this.background_image){this._bg_img=new Image;this._bg_img.name=this.background_image;this._bg_img.src=this.background_image;var e=this;this._bg_img.onload=function(){e.draw(!0,!0)}}d=null;null==this._pattern&&0<this._bg_img.width?(d=b.createPattern(this._bg_img,
+"repeat"),this._pattern_img=this._bg_img,this._pattern=d):d=this._pattern;d&&(b.fillStyle=d,b.fillRect(this.visible_area[0],this.visible_area[1],this.visible_area[2],this.visible_area[3]),b.fillStyle="transparent");b.globalAlpha=1;b.imageSmoothingEnabled=b.mozImageSmoothingEnabled=b.imageSmoothingEnabled=!0}this.graph._groups.length&&!this.live_mode&&this.drawGroups(a,b);if(this.onDrawBackground)this.onDrawBackground(b,this.visible_area);this.onBackgroundRender&&(console.error("WARNING! onBackgroundRender deprecated, now is named onDrawBackground "),
 this.onBackgroundRender=null);this.render_canvas_border&&(b.strokeStyle="#235",b.strokeRect(0,0,a.width,a.height));this.render_connections_shadows?(b.shadowColor="#000",b.shadowOffsetX=0,b.shadowOffsetY=0,b.shadowBlur=6):b.shadowColor="rgba(0,0,0,0)";this.live_mode||this.drawConnections(b);b.shadowColor="rgba(0,0,0,0)";b.restore()}b.finish&&b.finish();this.dirty_bgcanvas=!1;this.dirty_canvas=!0};var D=new Float32Array(2);g.prototype.drawNode=function(a,b){this.current_node=a;var d=a.color||a.constructor.color||
 e.NODE_DEFAULT_COLOR,h=a.bgcolor||a.constructor.bgcolor||e.NODE_DEFAULT_BGCOLOR,f=.6>this.ds.scale;if(this.live_mode){if(!a.flags.collapsed&&(b.shadowColor="transparent",a.onDrawForeground))a.onDrawForeground(b,this,this.canvas)}else{var c=this.editor_alpha;b.globalAlpha=c;this.render_shadows&&!f?(b.shadowColor=e.DEFAULT_SHADOW_COLOR,b.shadowOffsetX=2*this.ds.scale,b.shadowOffsetY=2*this.ds.scale,b.shadowBlur=3*this.ds.scale):b.shadowColor="transparent";if(!a.flags.collapsed||!a.onDrawCollapsed||
-1!=a.onDrawCollapsed(b,this)){var n=a._shape||e.BOX_SHAPE;D.set(a.size);var q=a.horizontal;if(a.flags.collapsed){b.font=this.inner_text_font;var l=a.getTitle?a.getTitle():a.title;null!=l&&(a._collapsed_width=Math.min(a.size[0],b.measureText(l).width+2*e.NODE_TITLE_HEIGHT),D[0]=a._collapsed_width,D[1]=0)}a.clip_area&&(b.save(),b.beginPath(),n==e.BOX_SHAPE?b.rect(0,0,D[0],D[1]):n==e.ROUND_SHAPE?b.roundRect(0,0,D[0],D[1],10):n==e.CIRCLE_SHAPE&&b.arc(.5*D[0],.5*D[1],.5*D[0],0,2*Math.PI),b.clip());a.has_errors&&
+1!=a.onDrawCollapsed(b,this)){var n=a._shape||e.BOX_SHAPE;D.set(a.size);var q=a.horizontal;if(a.flags.collapsed){b.font=this.inner_text_font;var l=a.getTitle?a.getTitle():a.title;null!=l&&(a._collapsed_width=Math.min(a.size[0],b.measureText(l).width+2*e.NODE_TITLE_HEIGHT),D[0]=a._collapsed_width,D[1]=0)}a.clip_area&&(b.save(),b.beginPath(),n==e.BOX_SHAPE?b.rect(0,0,D[0],D[1]):n==e.ROUND_SHAPE?b.roundRect(0,0,D[0],D[1],[10]):n==e.CIRCLE_SHAPE&&b.arc(.5*D[0],.5*D[1],.5*D[0],0,2*Math.PI),b.clip());a.has_errors&&
 (h="red");this.drawNodeShape(a,b,D,d,h,a.is_selected,a.mouseOver);b.shadowColor="transparent";if(a.onDrawForeground)a.onDrawForeground(b,this,this.canvas);b.textAlign=q?"center":"left";b.font=this.inner_text_font;h=!f;n=this.connecting_output;b.lineWidth=1;l=0;var v=new Float32Array(2);if(!a.flags.collapsed){if(a.inputs)for(d=0;d<a.inputs.length;d++){var m=a.inputs[d];b.globalAlpha=c;this.connecting_node&&!e.isValidConnection(m.type,n.type)&&(b.globalAlpha=.4*c);b.fillStyle=null!=m.link?m.color_on||
 this.default_connection_color.input_on:m.color_off||this.default_connection_color.input_off;var g=a.getConnectionPos(!0,d,v);g[0]-=a.pos[0];g[1]-=a.pos[1];l<g[1]+.5*e.NODE_SLOT_HEIGHT&&(l=g[1]+.5*e.NODE_SLOT_HEIGHT);b.beginPath();m.type===e.EVENT||m.shape===e.BOX_SHAPE?q?b.rect(g[0]-5+.5,g[1]-8+.5,10,14):b.rect(g[0]-6+.5,g[1]-5+.5,14,10):m.shape===e.ARROW_SHAPE?(b.moveTo(g[0]+8,g[1]+.5),b.lineTo(g[0]-4,g[1]+6+.5),b.lineTo(g[0]-4,g[1]-6+.5),b.closePath()):f?b.rect(g[0]-4,g[1]-4,8,8):b.arc(g[0],g[1],
 4,0,2*Math.PI);b.fill();if(h){var J=null!=m.label?m.label:m.name;J&&(b.fillStyle=e.NODE_TEXT_COLOR,q||m.dir==e.UP?b.fillText(J,g[0],g[1]-10):b.fillText(J,g[0]+10,g[1]+5))}}this.connecting_node&&(b.globalAlpha=.4*c);b.textAlign=q?"center":"right";b.strokeStyle="black";if(a.outputs)for(d=0;d<a.outputs.length;d++)if(m=a.outputs[d],g=a.getConnectionPos(!1,d,v),g[0]-=a.pos[0],g[1]-=a.pos[1],l<g[1]+.5*e.NODE_SLOT_HEIGHT&&(l=g[1]+.5*e.NODE_SLOT_HEIGHT),b.fillStyle=m.links&&m.links.length?m.color_on||this.default_connection_color.output_on:
@@ -188,99 +188,99 @@ m.color_off||this.default_connection_color.output_off,b.beginPath(),m.type===e.E
 g[0]-10,g[1]+5);b.textAlign="left";b.globalAlpha=1;if(a.widgets){m=l;if(q||a.widgets_up)m=2;null!=a.widgets_start_y&&(m=a.widgets_start_y);this.drawNodeWidgets(a,m,b,this.node_widget&&this.node_widget[0]==a?this.node_widget[1]:null)}}else if(this.render_collapsed_slots){f=c=null;if(a.inputs)for(d=0;d<a.inputs.length;d++)if(m=a.inputs[d],null!=m.link){c=m;break}if(a.outputs)for(d=0;d<a.outputs.length;d++)m=a.outputs[d],m.links&&m.links.length&&(f=m);c&&(c=0,d=-.5*e.NODE_TITLE_HEIGHT,q&&(c=.5*a._collapsed_width,
 d=-e.NODE_TITLE_HEIGHT),b.fillStyle="#686",b.beginPath(),m.type===e.EVENT||m.shape===e.BOX_SHAPE?b.rect(c-7+.5,d-4,14,8):m.shape===e.ARROW_SHAPE?(b.moveTo(c+8,d),b.lineTo(c+-4,d-4),b.lineTo(c+-4,d+4),b.closePath()):b.arc(c,d,4,0,2*Math.PI),b.fill());f&&(c=a._collapsed_width,d=-.5*e.NODE_TITLE_HEIGHT,q&&(c=.5*a._collapsed_width,d=0),b.fillStyle="#686",b.strokeStyle="black",b.beginPath(),m.type===e.EVENT||m.shape===e.BOX_SHAPE?b.rect(c-7+.5,d-4,14,8):m.shape===e.ARROW_SHAPE?(b.moveTo(c+6,d),b.lineTo(c-
 6,d-4),b.lineTo(c-6,d+4),b.closePath()):b.arc(c,d,4,0,2*Math.PI),b.fill())}a.clip_area&&b.restore();b.globalAlpha=1}}};g.prototype.drawLinkTooltip=function(a,b){var d=b._pos;a.fillStyle="black";a.beginPath();a.arc(d[0],d[1],3,0,2*Math.PI);a.fill();if(null!=b.data&&(!this.onDrawLinkTooltip||1!=this.onDrawLinkTooltip(a,b,this))&&(b=b.data,b=b.constructor===Number?b.toFixed(2):b.constructor===String?'"'+b+'"':b.constructor===Boolean?String(b):b.toToolTip?b.toToolTip():"["+b.constructor.name+"]",null!=
-b)){b=b.substr(0,30);a.font="14px Courier New";var h=a.measureText(b).width+20;a.shadowColor="black";a.shadowOffsetX=2;a.shadowOffsetY=2;a.shadowBlur=3;a.fillStyle="#454";a.beginPath();a.roundRect(d[0]-.5*h,d[1]-15-24,h,24,3,3);a.moveTo(d[0]-10,d[1]-15);a.lineTo(d[0]+10,d[1]-15);a.lineTo(d[0],d[1]-5);a.fill();a.shadowColor="transparent";a.textAlign="center";a.fillStyle="#CEC";a.fillText(b,d[0],d[1]-15-24*.3)}};var x=new Float32Array(4);g.prototype.drawNodeShape=function(a,b,d,h,f,c,n){b.strokeStyle=
-h;b.fillStyle=f;f=e.NODE_TITLE_HEIGHT;var q=.5>this.ds.scale,l=a._shape||a.constructor.shape||e.ROUND_SHAPE,u=a.constructor.title_mode,m=!0;u==e.TRANSPARENT_TITLE?m=!1:u==e.AUTOHIDE_TITLE&&n&&(m=!0);x[0]=0;x[1]=m?-f:0;x[2]=d[0]+1;x[3]=m?d[1]+f:d[1];n=b.globalAlpha;b.beginPath();l==e.BOX_SHAPE||q?b.fillRect(x[0],x[1],x[2],x[3]):l==e.ROUND_SHAPE||l==e.CARD_SHAPE?b.roundRect(x[0],x[1],x[2],x[3],this.round_radius,l==e.CARD_SHAPE?0:this.round_radius):l==e.CIRCLE_SHAPE&&b.arc(.5*d[0],.5*d[1],.5*d[0],0,
-2*Math.PI);b.fill();a.flags.collapsed||(b.shadowColor="transparent",b.fillStyle="rgba(0,0,0,0.2)",b.fillRect(0,-1,x[2],2));b.shadowColor="transparent";if(a.onDrawBackground)a.onDrawBackground(b,this,this.canvas,this.graph_mouse);if(m||u==e.TRANSPARENT_TITLE){if(a.onDrawTitleBar)a.onDrawTitleBar(b,f,d,this.ds.scale,h);else if(u!=e.TRANSPARENT_TITLE&&(a.constructor.title_color||this.render_title_colored)){m=a.constructor.title_color||h;a.flags.collapsed&&(b.shadowColor=e.DEFAULT_SHADOW_COLOR);if(this.use_gradients){var v=
-g.gradients[m];v||(v=g.gradients[m]=b.createLinearGradient(0,0,400,0),v.addColorStop(0,m),v.addColorStop(1,"#000"));b.fillStyle=v}else b.fillStyle=m;b.beginPath();l==e.BOX_SHAPE||q?b.rect(0,-f,d[0]+1,f):(l==e.ROUND_SHAPE||l==e.CARD_SHAPE)&&b.roundRect(0,-f,d[0]+1,f,this.round_radius,a.flags.collapsed?this.round_radius:0);b.fill();b.shadowColor="transparent"}if(a.onDrawTitleBox)a.onDrawTitleBox(b,f,d,this.ds.scale);else l==e.ROUND_SHAPE||l==e.CIRCLE_SHAPE||l==e.CARD_SHAPE?(q&&(b.fillStyle="black",
-b.beginPath(),b.arc(.5*f,-.5*f,6,0,2*Math.PI),b.fill()),b.fillStyle=a.boxcolor||e.NODE_DEFAULT_BOXCOLOR,q?b.fillRect(.5*f-5,-.5*f-5,10,10):(b.beginPath(),b.arc(.5*f,-.5*f,5,0,2*Math.PI),b.fill())):(q&&(b.fillStyle="black",b.fillRect(.5*(f-10)-1,-.5*(f+10)-1,12,12)),b.fillStyle=a.boxcolor||e.NODE_DEFAULT_BOXCOLOR,b.fillRect(.5*(f-10),-.5*(f+10),10,10));b.globalAlpha=n;if(a.onDrawTitleText)a.onDrawTitleText(b,f,d,this.ds.scale,this.title_text_font,c);!q&&(b.font=this.title_text_font,n=String(a.getTitle()))&&
-(b.fillStyle=c?e.NODE_SELECTED_TITLE_COLOR:a.constructor.title_text_color||this.node_title_color,a.flags.collapsed?(b.textAlign="left",b.measureText(n),b.fillText(n.substr(0,20),f,e.NODE_TITLE_TEXT_Y-f),b.textAlign="left"):(b.textAlign="left",b.fillText(n,f,e.NODE_TITLE_TEXT_Y-f)));a.flags.collapsed||!a.subgraph||a.skip_subgraph_button||(n=e.NODE_TITLE_HEIGHT,m=a.size[0]-n,v=e.isInsideRectangle(this.graph_mouse[0]-a.pos[0],this.graph_mouse[1]-a.pos[1],m+2,-n+2,n-4,n-4),b.fillStyle=v?"#888":"#555",
-l==e.BOX_SHAPE||q?b.fillRect(m+2,-n+2,n-4,n-4):(b.beginPath(),b.roundRect(m+2,-n+2,n-4,n-4,4),b.fill()),b.fillStyle="#333",b.beginPath(),b.moveTo(m+.2*n,.6*-n),b.lineTo(m+.8*n,.6*-n),b.lineTo(m+.5*n,.3*-n),b.fill());if(a.onDrawTitle)a.onDrawTitle(b)}if(c){if(a.onBounding)a.onBounding(x);u==e.TRANSPARENT_TITLE&&(x[1]-=f,x[3]+=f);b.lineWidth=1;b.globalAlpha=.8;b.beginPath();l==e.BOX_SHAPE?b.rect(-6+x[0],-6+x[1],12+x[2],12+x[3]):l==e.ROUND_SHAPE||l==e.CARD_SHAPE&&a.flags.collapsed?b.roundRect(-6+x[0],
--6+x[1],12+x[2],12+x[3],2*this.round_radius):l==e.CARD_SHAPE?b.roundRect(-6+x[0],-6+x[1],12+x[2],12+x[3],2*this.round_radius,2):l==e.CIRCLE_SHAPE&&b.arc(.5*d[0],.5*d[1],.5*d[0]+6,0,2*Math.PI);b.strokeStyle=e.NODE_BOX_OUTLINE_COLOR;b.stroke();b.strokeStyle=h;b.globalAlpha=1}};var K=new Float32Array(4),l=new Float32Array(4),m=new Float32Array(2),v=new Float32Array(2);g.prototype.drawConnections=function(a){var b=e.getTime(),d=this.visible_area;K[0]=d[0]-20;K[1]=d[1]-20;K[2]=d[2]+40;K[3]=d[3]+40;a.lineWidth=
-this.connections_width;a.fillStyle="#AAA";a.strokeStyle="#AAA";a.globalAlpha=this.editor_alpha;d=this.graph._nodes;for(var h=0,f=d.length;h<f;++h){var c=d[h];if(c.inputs&&c.inputs.length)for(var n=0;n<c.inputs.length;++n){var q=c.inputs[n];if(q&&null!=q.link&&(q=this.graph.links[q.link])){var g=this.graph.getNodeById(q.origin_id);if(null!=g){var k=q.origin_slot;var F=-1==k?[g.pos[0]+10,g.pos[1]+10]:g.getConnectionPos(!1,k,m);var r=c.getConnectionPos(!0,n,v);l[0]=F[0];l[1]=F[1];l[2]=r[0]-F[0];l[3]=
-r[1]-F[1];0>l[2]&&(l[0]+=l[2],l[2]=Math.abs(l[2]));0>l[3]&&(l[1]+=l[3],l[3]=Math.abs(l[3]));if(G(l,K)){var J=g.outputs[k];k=c.inputs[n];if(J&&k&&(g=J.dir||(g.horizontal?e.DOWN:e.RIGHT),k=k.dir||(c.horizontal?e.UP:e.LEFT),this.renderLink(a,F,r,q,!1,0,null,g,k),q&&q._last_time&&1E3>b-q._last_time)){J=2-.002*(b-q._last_time);var E=a.globalAlpha;a.globalAlpha=E*J;this.renderLink(a,F,r,q,!0,J,"white",g,k);a.globalAlpha=E}}}}}}a.globalAlpha=1};g.prototype.renderLink=function(a,b,d,h,f,c,n,q,l,m){h&&this.visible_links.push(h);
-!n&&h&&(n=h.color||g.link_type_colors[h.type]);n||(n=this.default_link_color);null!=h&&this.highlighted_links[h.id]&&(n="#FFF");q=q||e.RIGHT;l=l||e.LEFT;var u=B(b,d);this.render_connections_border&&.6<this.ds.scale&&(a.lineWidth=this.connections_width+4);a.lineJoin="round";m=m||1;1<m&&(a.lineWidth=.5);a.beginPath();for(var v=0;v<m;v+=1){var J=5*(v-.5*(m-1));if(this.links_render_mode==e.SPLINE_LINK){a.moveTo(b[0],b[1]+J);var E=0,H=0,k=0,N=0;switch(q){case e.LEFT:E=-.25*u;break;case e.RIGHT:E=.25*u;
-break;case e.UP:H=-.25*u;break;case e.DOWN:H=.25*u}switch(l){case e.LEFT:k=-.25*u;break;case e.RIGHT:k=.25*u;break;case e.UP:N=-.25*u;break;case e.DOWN:N=.25*u}a.bezierCurveTo(b[0]+E,b[1]+H+J,d[0]+k,d[1]+N+J,d[0],d[1]+J)}else if(this.links_render_mode==e.LINEAR_LINK){a.moveTo(b[0],b[1]+J);N=k=H=E=0;switch(q){case e.LEFT:E=-1;break;case e.RIGHT:E=1;break;case e.UP:H=-1;break;case e.DOWN:H=1}switch(l){case e.LEFT:k=-1;break;case e.RIGHT:k=1;break;case e.UP:N=-1;break;case e.DOWN:N=1}a.lineTo(b[0]+15*
-E,b[1]+15*H+J);a.lineTo(d[0]+15*k,d[1]+15*N+J);a.lineTo(d[0],d[1]+J)}else if(this.links_render_mode==e.STRAIGHT_LINK)a.moveTo(b[0],b[1]),J=b[0],E=b[1],H=d[0],k=d[1],q==e.RIGHT?J+=10:E+=10,l==e.LEFT?H-=10:k-=10,a.lineTo(J,E),a.lineTo(.5*(J+H),E),a.lineTo(.5*(J+H),k),a.lineTo(H,k),a.lineTo(d[0],d[1]);else return}this.render_connections_border&&.6<this.ds.scale&&!f&&(a.strokeStyle="rgba(0,0,0,0.5)",a.stroke());a.lineWidth=this.connections_width;a.fillStyle=a.strokeStyle=n;a.stroke();f=this.computeConnectionPoint(b,
-d,.5,q,l);h&&h._pos&&(h._pos[0]=f[0],h._pos[1]=f[1]);.6<=this.ds.scale&&this.highquality_render&&l!=e.CENTER&&(this.render_connection_arrows&&(v=this.computeConnectionPoint(b,d,.25,q,l),u=this.computeConnectionPoint(b,d,.26,q,l),h=this.computeConnectionPoint(b,d,.75,q,l),m=this.computeConnectionPoint(b,d,.76,q,l),this.render_curved_connections?(u=-Math.atan2(u[0]-v[0],u[1]-v[1]),m=-Math.atan2(m[0]-h[0],m[1]-h[1])):m=u=d[1]>b[1]?0:Math.PI,a.save(),a.translate(v[0],v[1]),a.rotate(u),a.beginPath(),a.moveTo(-5,
--3),a.lineTo(0,7),a.lineTo(5,-3),a.fill(),a.restore(),a.save(),a.translate(h[0],h[1]),a.rotate(m),a.beginPath(),a.moveTo(-5,-3),a.lineTo(0,7),a.lineTo(5,-3),a.fill(),a.restore()),a.beginPath(),a.arc(f[0],f[1],5,0,2*Math.PI),a.fill());if(c)for(a.fillStyle=n,v=0;5>v;++v)c=(.001*e.getTime()+.2*v)%1,f=this.computeConnectionPoint(b,d,c,q,l),a.beginPath(),a.arc(f[0],f[1],5,0,2*Math.PI),a.fill()};g.prototype.computeConnectionPoint=function(a,b,d,h,f){h=h||e.RIGHT;f=f||e.LEFT;var c=B(a,b),n=[a[0],a[1]],q=
-[b[0],b[1]];switch(h){case e.LEFT:n[0]+=-.25*c;break;case e.RIGHT:n[0]+=.25*c;break;case e.UP:n[1]+=-.25*c;break;case e.DOWN:n[1]+=.25*c}switch(f){case e.LEFT:q[0]+=-.25*c;break;case e.RIGHT:q[0]+=.25*c;break;case e.UP:q[1]+=-.25*c;break;case e.DOWN:q[1]+=.25*c}h=(1-d)*(1-d)*(1-d);f=3*(1-d)*(1-d)*d;c=3*(1-d)*d*d;d*=d*d;return[h*a[0]+f*n[0]+c*q[0]+d*b[0],h*a[1]+f*n[1]+c*q[1]+d*b[1]]};g.prototype.drawExecutionOrder=function(a){a.shadowColor="transparent";a.globalAlpha=.25;a.textAlign="center";a.strokeStyle=
-"white";a.globalAlpha=.75;for(var b=this.visible_nodes,d=0;d<b.length;++d){var h=b[d];a.fillStyle="black";a.fillRect(h.pos[0]-e.NODE_TITLE_HEIGHT,h.pos[1]-e.NODE_TITLE_HEIGHT,e.NODE_TITLE_HEIGHT,e.NODE_TITLE_HEIGHT);0==h.order&&a.strokeRect(h.pos[0]-e.NODE_TITLE_HEIGHT+.5,h.pos[1]-e.NODE_TITLE_HEIGHT+.5,e.NODE_TITLE_HEIGHT,e.NODE_TITLE_HEIGHT);a.fillStyle="#FFF";a.fillText(h.order,h.pos[0]+-.5*e.NODE_TITLE_HEIGHT,h.pos[1]-6)}a.globalAlpha=1};g.prototype.drawNodeWidgets=function(a,b,d,h){if(!a.widgets||
-!a.widgets.length)return 0;var f=a.size[0],c=a.widgets;b+=2;var n=e.NODE_WIDGET_HEIGHT,q=.5<this.ds.scale;d.save();d.globalAlpha=this.editor_alpha;for(var l=e.WIDGET_OUTLINE_COLOR,m=e.WIDGET_BGCOLOR,v=e.WIDGET_TEXT_COLOR,g=e.WIDGET_SECONDARY_TEXT_COLOR,J=0;J<c.length;++J){var E=c[J],H=b;E.y&&(H=E.y);E.last_y=H;d.strokeStyle=l;d.fillStyle="#222";d.textAlign="left";E.disabled&&(d.globalAlpha*=.5);var k=E.width||f;switch(E.type){case "button":E.clicked&&(d.fillStyle="#AAA",E.clicked=!1,this.dirty_canvas=
-!0);d.fillRect(15,H,k-30,n);q&&!E.disabled&&d.strokeRect(15,H,k-30,n);q&&(d.textAlign="center",d.fillStyle=v,d.fillText(E.name,.5*k,H+.7*n));break;case "toggle":d.textAlign="left";d.strokeStyle=l;d.fillStyle=m;d.beginPath();q?d.roundRect(15,b,k-30,n,.5*n):d.rect(15,b,k-30,n);d.fill();q&&!E.disabled&&d.stroke();d.fillStyle=E.value?"#89A":"#333";d.beginPath();d.arc(k-30,H+.5*n,.36*n,0,2*Math.PI);d.fill();q&&(d.fillStyle=g,null!=E.name&&d.fillText(E.name,30,H+.7*n),d.fillStyle=E.value?v:g,d.textAlign=
-"right",d.fillText(E.value?E.options.on||"true":E.options.off||"false",k-40,H+.7*n));break;case "slider":d.fillStyle=m;d.fillRect(15,H,k-30,n);var F=E.options.max-E.options.min,r=(E.value-E.options.min)/F;d.fillStyle=h==E?"#89A":"#678";d.fillRect(15,H,r*(k-30),n);q&&!E.disabled&&d.strokeRect(15,H,k-30,n);E.marker&&(F=(E.marker-E.options.min)/F,d.fillStyle="#AA9",d.fillRect(15+F*(k-30),H,2,n));q&&(d.textAlign="center",d.fillStyle=v,d.fillText(E.name+"  "+Number(E.value).toFixed(3),.5*k,H+.7*n));break;
-case "number":case "combo":d.textAlign="left";d.strokeStyle=l;d.fillStyle=m;d.beginPath();q?d.roundRect(15,b,k-30,n,.5*n):d.rect(15,b,k-30,n);d.fill();q&&(E.disabled||d.stroke(),d.fillStyle=v,E.disabled||(d.beginPath(),d.moveTo(31,b+5),d.lineTo(21,b+.5*n),d.lineTo(31,b+n-5),d.fill(),d.beginPath(),d.moveTo(k-15-16,b+5),d.lineTo(k-15-6,b+.5*n),d.lineTo(k-15-16,b+n-5),d.fill()),d.fillStyle=g,d.fillText(E.name,35,H+.7*n),d.fillStyle=v,d.textAlign="right","number"==E.type?d.fillText(Number(E.value).toFixed(void 0!==
-E.options.precision?E.options.precision:3),k-30-20,H+.7*n):(F=E.value,E.options.values&&(r=E.options.values,r.constructor===Function&&(r=r()),r&&r.constructor!==Array&&(F=r[E.value])),d.fillText(F,k-30-20,H+.7*n)));break;case "string":case "text":d.textAlign="left";d.strokeStyle=l;d.fillStyle=m;d.beginPath();q?d.roundRect(15,b,k-30,n,.5*n):d.rect(15,b,k-30,n);d.fill();q&&(E.disabled||d.stroke(),d.save(),d.beginPath(),d.rect(15,b,k-30,n),d.clip(),d.fillStyle=g,null!=E.name&&d.fillText(E.name,30,H+
-.7*n),d.fillStyle=v,d.textAlign="right",d.fillText(String(E.value).substr(0,30),k-30,H+.7*n),d.restore());break;default:E.draw&&E.draw(d,a,k,H,n)}b+=(E.computeSize?E.computeSize(k)[1]:n)+4;d.globalAlpha=this.editor_alpha}d.restore();d.textAlign="left"};g.prototype.processNodeWidgets=function(a,b,d,h){function f(f,h){f.value=h;f.options&&f.options.property&&void 0!==a.properties[f.options.property]&&a.setProperty(f.options.property,h);f.callback&&f.callback(f.value,l,a,b,d)}if(!a.widgets||!a.widgets.length)return null;
-for(var c=b[0]-a.pos[0],n=b[1]-a.pos[1],q=a.size[0],l=this,m=this.getCanvasWindow(),v=0;v<a.widgets.length;++v){var g=a.widgets[v];if(g&&!g.disabled){var k=g.computeSize?g.computeSize(q)[1]:e.NODE_WIDGET_HEIGHT,E=g.width||q;if(g==h||!(6>c||c>E-12||n<g.last_y||n>g.last_y+k||void 0===g.last_y)){h=g.value;switch(g.type){case "button":"mousedown"===d.type&&(g.callback&&setTimeout(function(){g.callback(g,l,a,b,d)},20),this.dirty_canvas=g.clicked=!0);break;case "slider":m=Math.clamp((c-15)/(E-30),0,1);
-g.value=g.options.min+(g.options.max-g.options.min)*m;g.callback&&setTimeout(function(){f(g,g.value)},20);this.dirty_canvas=!0;break;case "number":case "combo":h=g.value;if("mousemove"==d.type&&"number"==g.type)g.value+=.1*d.deltaX*(g.options.step||1),null!=g.options.min&&g.value<g.options.min&&(g.value=g.options.min),null!=g.options.max&&g.value>g.options.max&&(g.value=g.options.max);else if("mousedown"==d.type){var H=g.options.values;H&&H.constructor===Function&&(H=g.options.values(g,a));var F=
-null;"number"!=g.type&&(F=H.constructor===Array?H:Object.keys(H));c=40>c?-1:c>E-40?1:0;if("number"==g.type)g.value+=.1*c*(g.options.step||1),null!=g.options.min&&g.value<g.options.min&&(g.value=g.options.min),null!=g.options.max&&g.value>g.options.max&&(g.value=g.options.max);else if(c)m=-1,this.last_mouseclick=0,m=H.constructor===Object?F.indexOf(String(g.value))+c:F.indexOf(g.value)+c,m>=F.length&&(m=F.length-1),0>m&&(m=0),g.value=H.constructor===Array?H[m]:m;else{var r=H!=F?Object.values(H):H;
-new e.ContextMenu(r,{scale:Math.max(1,this.ds.scale),event:d,className:"dark",callback:function(a,b,d){H!=F&&(a=r.indexOf(a));this.value=a;f(this,a);l.dirty_canvas=!0;return!1}.bind(g)},m)}}else"mouseup"==d.type&&"number"==g.type&&(c=40>c?-1:c>E-40?1:0,200>d.click_time&&0==c&&this.prompt("Value",g.value,function(a){this.value=Number(a);f(this,this.value)}.bind(g),d));h!=g.value&&setTimeout(function(){f(this,this.value)}.bind(g),20);this.dirty_canvas=!0;break;case "toggle":"mousedown"==d.type&&(g.value=
-!g.value,setTimeout(function(){f(g,g.value)},20));break;case "string":case "text":"mousedown"==d.type&&this.prompt("Value",g.value,function(a){this.value=a;f(this,a)}.bind(g),d,g.options?g.options.multiline:!1);break;default:g.mouse&&(this.dirty_canvas=g.mouse(d,[c,n],a))}if(h!=g.value){if(a.onWidgetChanged)a.onWidgetChanged(g.name,g.value,h,g);a.graph._version++}return g}}}return null};g.prototype.drawGroups=function(a,b){if(this.graph){a=this.graph._groups;b.save();b.globalAlpha=.5*this.editor_alpha;
-for(var d=0;d<a.length;++d){var h=a[d];if(G(this.visible_area,h._bounding)){b.fillStyle=h.color||"#335";b.strokeStyle=h.color||"#335";var f=h._pos,c=h._size;b.globalAlpha=.25*this.editor_alpha;b.beginPath();b.rect(f[0]+.5,f[1]+.5,c[0],c[1]);b.fill();b.globalAlpha=this.editor_alpha;b.stroke();b.beginPath();b.moveTo(f[0]+c[0],f[1]+c[1]);b.lineTo(f[0]+c[0]-10,f[1]+c[1]);b.lineTo(f[0]+c[0],f[1]+c[1]-10);b.fill();c=h.font_size||e.DEFAULT_GROUP_FONT_SIZE;b.font=c+"px Arial";b.fillText(h.title,f[0]+4,f[1]+
-c)}}b.restore()}};g.prototype.adjustNodesSize=function(){for(var a=this.graph._nodes,b=0;b<a.length;++b)a[b].size=a[b].computeSize();this.setDirty(!0,!0)};g.prototype.resize=function(a,b){a||b||(b=this.canvas.parentNode,a=b.offsetWidth,b=b.offsetHeight);if(this.canvas.width!=a||this.canvas.height!=b)this.canvas.width=a,this.canvas.height=b,this.bgcanvas.width=this.canvas.width,this.bgcanvas.height=this.canvas.height,this.setDirty(!0,!0)};g.prototype.switchLiveMode=function(a){if(a){var b=this,d=this.live_mode?
-1.1:.9;this.live_mode&&(this.live_mode=!1,this.editor_alpha=.1);var h=setInterval(function(){b.editor_alpha*=d;b.dirty_canvas=!0;b.dirty_bgcanvas=!0;1>d&&.01>b.editor_alpha&&(clearInterval(h),1>d&&(b.live_mode=!0));1<d&&.99<b.editor_alpha&&(clearInterval(h),b.editor_alpha=1)},1)}else this.live_mode=!this.live_mode,this.dirty_bgcanvas=this.dirty_canvas=!0};g.prototype.onNodeSelectionChange=function(a){};g.prototype.touchHandler=function(a){var b=a.changedTouches[0];switch(a.type){case "touchstart":var d=
-"mousedown";break;case "touchmove":d="mousemove";break;case "touchend":d="mouseup";break;default:return}var h=this.getCanvasWindow(),f=h.document.createEvent("MouseEvent");f.initMouseEvent(d,!0,!0,h,1,b.screenX,b.screenY,b.clientX,b.clientY,!1,!1,!1,!1,0,null);b.target.dispatchEvent(f);a.preventDefault()};g.onGroupAdd=function(a,b,d){a=g.active_canvas;a.getCanvasWindow();b=new e.LGraphGroup;b.pos=a.convertEventToCanvasOffset(d);a.graph.add(b)};g.onMenuAdd=function(a,b,d,h,f){function c(a,b){var h=
-[];e.getNodeTypesCategories(n.filter||l.filter).filter(function(b){return b.startsWith(a)}).map(function(b){if(b){b=b.replace(new RegExp("^("+a+")"),"").split("/")[0];var d=""===a?b+"/":a+b+"/";-1!=b.indexOf("::")&&(b=b.split("::")[1]);-1===h.findIndex(function(a){return a.value===d})&&h.push({value:d,content:b,has_submenu:!0,callback:function(a,b,d,f){c(a.value,f)}})}});e.getNodeTypesInCategory(a.slice(0,-1),n.filter||l.filter).map(function(a){a.skip_list||h.push({value:a.type,content:a.title,has_submenu:!1,
-callback:function(a,b,d,h){b=h.getFirstEvent();n.graph.beforeChange();if(a=e.createNode(a.value))a.pos=n.convertEventToCanvasOffset(b),n.graph.add(a);f&&f(a);n.graph.afterChange()}})});new e.ContextMenu(h,{event:d,parentMenu:b},q)}var n=g.active_canvas,q=n.getCanvasWindow(),l=n.graph;if(l)return c("",h),!1};g.onMenuCollapseAll=function(){};g.onMenuNodeEdit=function(){};g.showMenuNodeOptionalInputs=function(a,b,d,h,f){if(f){var c=this;a=g.active_canvas.getCanvasWindow();b=f.optional_inputs;f.onGetInputs&&
-(b=f.onGetInputs());var l=[];if(b)for(var q=0;q<b.length;q++){var m=b[q];if(m){var v=m[0];m[2]&&m[2].label&&(v=m[2].label);v={content:v,value:m};m[1]==e.ACTION&&(v.className="event");l.push(v)}else l.push(null)}this.onMenuNodeInputs&&(l=this.onMenuNodeInputs(l));if(l.length)return new e.ContextMenu(l,{event:d,callback:function(a,b,d){f&&(a.callback&&a.callback.call(c,f,a,b,d),a.value&&(f.graph.beforeChange(),f.addInput(a.value[0],a.value[1],a.value[2]),f.setDirtyCanvas(!0,!0),f.graph.afterChange()))},
-parentMenu:h,node:f},a),!1;console.log("no input entries")}};g.showMenuNodeOptionalOutputs=function(a,b,d,h,f){function c(a,b,d){if(f&&(a.callback&&a.callback.call(l,f,a,b,d),a.value))if(d=a.value[1],!d||d.constructor!==Object&&d.constructor!==Array)f.graph.beforeChange(),f.addOutput(a.value[0],a.value[1],a.value[2]),f.setDirtyCanvas(!0,!0),f.graph.afterChange();else{a=[];for(var q in d)a.push({content:q,value:d[q]});new e.ContextMenu(a,{event:b,callback:c,parentMenu:h,node:f});return!1}}if(f){var l=
-this;a=g.active_canvas.getCanvasWindow();b=f.optional_outputs;f.onGetOutputs&&(b=f.onGetOutputs());var q=[];if(b)for(var m=0;m<b.length;m++){var v=b[m];if(!v)q.push(null);else if(!f.flags||!f.flags.skip_repeated_outputs||-1==f.findOutputSlot(v[0])){var k=v[0];v[2]&&v[2].label&&(k=v[2].label);k={content:k,value:v};v[1]==e.EVENT&&(k.className="event");q.push(k)}}this.onMenuNodeOutputs&&(q=this.onMenuNodeOutputs(q));if(q.length)return new e.ContextMenu(q,{event:d,callback:c,parentMenu:h,node:f},a),!1}};
-g.onShowMenuNodeProperties=function(a,b,d,h,f){if(f&&f.properties){var c=g.active_canvas;b=c.getCanvasWindow();var l=[],q;for(q in f.properties){a=void 0!==f.properties[q]?f.properties[q]:" ";"object"==typeof a&&(a=JSON.stringify(a));var m=f.getPropertyInfo(q);if("enum"==m.type||"combo"==m.type)a=g.getPropertyPrintableValue(a,m.values);a=g.decodeHTML(a);l.push({content:"<span class='property_name'>"+(m.label?m.label:q)+"</span><span class='property_value'>"+a+"</span>",value:q})}if(l.length)return new e.ContextMenu(l,
-{event:d,callback:function(a,b,d,h){f&&(b=this.getBoundingClientRect(),c.showEditPropertyValue(f,a.value,{position:[b.left,b.top]}))},parentMenu:h,allow_html:!0,node:f},b),!1}};g.decodeHTML=function(a){var b=document.createElement("div");b.innerText=a;return b.innerHTML};g.onResizeNode=function(a,b,d,h,f){if(f){f.size=f.computeSize();if(f.onResize)f.onResize(f.size);f.setDirtyCanvas(!0,!0)}};g.prototype.showLinkMenu=function(a,b){var d=this;console.log(a);var h=new e.ContextMenu(["Add Node",null,
-"Delete"],{event:b,title:null!=a.data?a.data.constructor.name:null,callback:function(b,e,c){switch(b){case "Add Node":g.onMenuAdd(null,null,c,h,function(b){console.log("node autoconnect");var f=d.graph.getNodeById(a.origin_id),h=d.graph.getNodeById(a.target_id);b.inputs&&b.inputs.length&&b.outputs&&b.outputs.length&&f.outputs[a.origin_slot].type==b.inputs[0].type&&b.outputs[0].type==h.inputs[0].type&&(f.connect(a.origin_slot,b,0),b.connect(0,h,a.target_slot),b.pos[0]-=.5*b.size[0])});break;case "Delete":d.graph.removeLink(a.id)}}});
-return!1};g.onShowPropertyEditor=function(a,b,d,h,f){function e(){var b=l.value;"Number"==a.type?b=Number(b):"Boolean"==a.type&&(b=!!b);f[c]=b;q.parentNode&&q.parentNode.removeChild(q);f.setDirtyCanvas(!0,!0)}var c=a.property||"title";b=f[c];var q=document.createElement("div");q.className="graphdialog";q.innerHTML="<span class='name'></span><input autofocus type='text' class='value'/><button>OK</button>";q.querySelector(".name").innerText=c;var l=q.querySelector(".value");l&&(l.value=b,l.addEventListener("blur",
-function(a){this.focus()}),l.addEventListener("keydown",function(a){if(13==a.keyCode||"textarea"==a.target.localName)e(),a.preventDefault(),a.stopPropagation()}));b=g.active_canvas.canvas;d=b.getBoundingClientRect();var m=h=-20;d&&(h-=d.left,m-=d.top);event?(q.style.left=event.clientX+h+"px",q.style.top=event.clientY+m+"px"):(q.style.left=.5*b.width+h+"px",q.style.top=.5*b.height+m+"px");q.querySelector("button").addEventListener("click",e);b.parentNode.appendChild(q)};g.prototype.prompt=function(a,
-b,d,h,f){var e=this;a=a||"";var c=!1,q=document.createElement("div");q.className="graphdialog rounded";q.innerHTML=f?"<span class='name'></span> <textarea autofocus class='value'></textarea><button class='rounded'>OK</button>":"<span class='name'></span> <input autofocus type='text' class='value'/><button class='rounded'>OK</button>";q.close=function(){e.prompt_box=null;q.parentNode&&q.parentNode.removeChild(q)};1<this.ds.scale&&(q.style.transform="scale("+this.ds.scale+")");q.addEventListener("mouseleave",
-function(a){c||q.close()});e.prompt_box&&e.prompt_box.close();e.prompt_box=q;q.querySelector(".name").innerText=a;var l=q.querySelector(".value");l.value=b;l.addEventListener("keydown",function(a){c=!0;if(27==a.keyCode)q.close();else if(13==a.keyCode&&"textarea"!=a.target.localName)d&&d(this.value),q.close();else return;a.preventDefault();a.stopPropagation()});q.querySelector("button").addEventListener("click",function(a){d&&d(l.value);e.setDirty(!0);q.close()});a=g.active_canvas.canvas;b=a.getBoundingClientRect();
-var m=f=-20;b&&(f-=b.left,m-=b.top);h?(q.style.left=h.clientX+f+"px",q.style.top=h.clientY+m+"px"):(q.style.left=.5*a.width+f+"px",q.style.top=.5*a.height+m+"px");a.parentNode.appendChild(q);setTimeout(function(){l.focus()},10);return q};g.search_limit=-1;g.prototype.showSearchBox=function(a){function b(b){if(b)if(f.onSearchBoxSelection)f.onSearchBoxSelection(b,a,c);else{var d=e.searchbox_extras[b.toLowerCase()];d&&(b=d.type);c.graph.beforeChange();if(b=e.createNode(b))b.pos=c.convertEventToCanvasOffset(a),
-c.graph.add(b);if(d&&d.data){if(d.data.properties)for(var h in d.data.properties)b.addProperty(h,d.data.properties[h]);if(d.data.inputs)for(h in b.inputs=[],d.data.inputs)b.addOutput(d.data.inputs[h][0],d.data.inputs[h][1]);if(d.data.outputs)for(h in b.outputs=[],d.data.outputs)b.addOutput(d.data.outputs[h][0],d.data.outputs[h][1]);d.data.title&&(b.title=d.data.title);d.data.json&&b.configure(d.data.json);c.graph.afterChange()}}m.close()}function d(a){var b=E;E&&E.classList.remove("selected");E?(E=
-a?E.nextSibling:E.previousSibling)||(E=b):E=a?k.childNodes[0]:k.childNodes[k.childNodes.length];E&&(E.classList.add("selected"),E.scrollIntoView({block:"end",behavior:"smooth"}))}function h(){function a(a,d){var f=document.createElement("div");F||(F=a);f.innerText=a;f.dataset.type=escape(a);f.className="litegraph lite-search-item";d&&(f.className+=" "+d);f.addEventListener("click",function(a){b(unescape(this.dataset.type))});k.appendChild(f)}J=null;var d=H.value;F=null;k.innerHTML="";if(d)if(f.onSearchBox){var h=
-f.onSearchBox(k,d,c);if(h)for(var q=0;q<h.length;++q)a(h[q])}else{h=function(a){var b=e.registered_node_types[a];return m&&b.filter!=m?!1:-1!==a.toLowerCase().indexOf(d)};var l=0;d=d.toLowerCase();var m=c.filter||c.graph.filter;for(q in e.searchbox_extras){var n=e.searchbox_extras[q];if(-1!==n.desc.toLowerCase().indexOf(d)){var W=e.registered_node_types[n.type];if(!W||W.filter==m)if(a(n.desc,"searchbox_extra"),-1!==g.search_limit&&l++>g.search_limit)break}}n=null;if(Array.prototype.filter)n=Object.keys(e.registered_node_types).filter(h);
-else for(q in n=[],e.registered_node_types)h(q)&&n.push(q);for(q=0;q<n.length&&!(a(n[q]),-1!==g.search_limit&&l++>g.search_limit);q++);}}var f=this,c=g.active_canvas,l=c.canvas,q=l.ownerDocument||document,m=document.createElement("div");m.className="litegraph litesearchbox graphdialog rounded";m.innerHTML="<span class='name'>Search</span> <input autofocus type='text' class='value rounded'/><div class='helper'></div>";m.close=function(){f.search_box=null;q.body.focus();q.body.style.overflow="";setTimeout(function(){f.canvas.focus()},
-20);m.parentNode&&m.parentNode.removeChild(m)};var v=null;1<this.ds.scale&&(m.style.transform="scale("+this.ds.scale+")");m.addEventListener("mouseenter",function(a){v&&(clearTimeout(v),v=null)});m.addEventListener("mouseleave",function(a){v=setTimeout(function(){m.close()},500)});f.search_box&&f.search_box.close();f.search_box=m;var k=m.querySelector(".helper"),F=null,J=null,E=null,H=m.querySelector("input");H&&(H.addEventListener("blur",function(a){this.focus()}),H.addEventListener("keydown",function(a){if(38==
-a.keyCode)d(!1);else if(40==a.keyCode)d(!0);else if(27==a.keyCode)m.close();else if(13==a.keyCode)E?b(E.innerHTML):F?b(F):m.close();else{J&&clearInterval(J);J=setTimeout(h,10);return}a.preventDefault();a.stopPropagation();a.stopImmediatePropagation();return!0}));q.fullscreenElement?q.fullscreenElement.appendChild(m):(q.body.appendChild(m),q.body.style.overflow="hidden");l=l.getBoundingClientRect();var r=(a?a.clientY:l.top+.5*l.height)-20;m.style.left=(a?a.clientX:l.left+.5*l.width)-80+"px";m.style.top=
-r+"px";a.layerY>l.height-200&&(k.style.maxHeight=l.height-a.layerY-20+"px");H.focus();return m};g.prototype.showEditPropertyValue=function(a,b,d){function h(){f(v.value)}function f(f){e&&e.values&&e.values.constructor===Object&&void 0!=e.values[f]&&(f=e.values[f]);"number"==typeof a.properties[b]&&(f=Number(f));if("array"==c||"object"==c)f=JSON.parse(f);a.properties[b]=f;a.graph&&a.graph._version++;if(a.onPropertyChanged)a.onPropertyChanged(b,f);if(d.onclose)d.onclose();g.close();a.setDirtyCanvas(!0,
-!0)}if(a&&void 0!==a.properties[b]){d=d||{};var e=a.getPropertyInfo(b),c=e.type,q="";if("string"==c||"number"==c||"array"==c||"object"==c)q="<input autofocus type='text' class='value'/>";else if("enum"!=c&&"combo"!=c||!e.values)if("boolean"==c)q="<input autofocus type='checkbox' class='value' "+(a.properties[b]?"checked":"")+"/>";else{console.warn("unknown type: "+c);return}else{q="<select autofocus type='text' class='value'>";for(var l in e.values){var m=l;e.values.constructor===Array&&(m=e.values[l]);
-q+="<option value='"+m+"' "+(m==a.properties[b]?"selected":"")+">"+e.values[l]+"</option>"}q+="</select>"}var g=this.createDialog("<span class='name'>"+(e.label?e.label:b)+"</span>"+q+"<button>OK</button>",d);if("enum"!=c&&"combo"!=c||!e.values)if("boolean"==c)(v=g.querySelector("input"))&&v.addEventListener("click",function(a){f(!!v.checked)});else{if(v=g.querySelector("input"))v.addEventListener("blur",function(a){this.focus()}),m=void 0!==a.properties[b]?a.properties[b]:"","string"!==c&&(m=JSON.stringify(m)),
-v.value=m,v.addEventListener("keydown",function(a){13==a.keyCode&&(h(),a.preventDefault(),a.stopPropagation())})}else{var v=g.querySelector("select");v.addEventListener("change",function(a){f(a.target.value)})}g.querySelector("button").addEventListener("click",h);return g}};g.prototype.createDialog=function(a,b){b=b||{};var d=document.createElement("div");d.className="graphdialog";d.innerHTML=a;a=this.canvas.getBoundingClientRect();var h=-20,f=-20;a&&(h-=a.left,f-=a.top);b.position?(h+=b.position[0],
-f+=b.position[1]):b.event?(h+=b.event.clientX,f+=b.event.clientY):(h+=.5*this.canvas.width,f+=.5*this.canvas.height);d.style.left=h+"px";d.style.top=f+"px";this.canvas.parentNode.appendChild(d);d.close=function(){this.parentNode&&this.parentNode.removeChild(this)};return d};g.prototype.createPanel=function(a,b){b=b||{};var d=b.window||window,h=document.createElement("div");h.className="litegraph dialog";h.innerHTML="<div class='dialog-header'><span class='dialog-title'></span></div><div class='dialog-content'></div><div class='dialog-footer'></div>";
-h.header=h.querySelector(".dialog-header");b.width&&(h.style.width=b.width+(b.width.constructor===Number?"px":""));b.height&&(h.style.height=b.height+(b.height.constructor===Number?"px":""));b.closable&&(b=document.createElement("span"),b.innerHTML="&#10005;",b.classList.add("close"),b.addEventListener("click",function(){h.close()}),h.header.appendChild(b));h.title_element=h.querySelector(".dialog-title");h.title_element.innerText=a;h.content=h.querySelector(".dialog-content");h.footer=h.querySelector(".dialog-footer");
-h.close=function(){this.parentNode&&this.parentNode.removeChild(this)};h.clear=function(){this.content.innerHTML=""};h.addHTML=function(a,b,d){var f=document.createElement("div");b&&(f.className=b);f.innerHTML=a;d?h.footer.appendChild(f):h.content.appendChild(f);return f};h.addButton=function(a,b,d){var f=document.createElement("button");f.innerText=a;f.options=d;f.classList.add("btn");f.addEventListener("click",b);h.footer.appendChild(f);return f};h.addSeparator=function(){var a=document.createElement("div");
-a.className="separator";h.content.appendChild(a)};h.addWidget=function(a,b,c,q,l){function f(a,b){console.log("change",a,b);q.callback&&q.callback(a,b);l&&l(a,b)}q=q||{};var m=String(c);a=a.toLowerCase();"number"==a&&(m=c.toFixed(3));var n=document.createElement("div");n.className="property";n.innerHTML="<span class='property_name'></span><span class='property_value'></span>";n.querySelector(".property_name").innerText=q.label||b;var v=n.querySelector(".property_value");v.innerText=m;n.dataset.property=
-b;n.dataset.type=q.type||a;n.options=q;n.value=c;if("boolean"==a)n.classList.add("boolean"),c&&n.classList.add("bool-on"),n.addEventListener("click",function(){var a=this.dataset.property;this.value=!this.value;this.classList.toggle("bool-on");this.querySelector(".property_value").innerText=this.value?"true":"false";f(a,this.value)});else if("string"==a||"number"==a)v.setAttribute("contenteditable",!0),v.addEventListener("keydown",function(a){"Enter"==a.code&&(a.preventDefault(),this.blur())}),v.addEventListener("blur",
-function(){var a=this.innerText,b=this.parentNode.dataset.property;"number"==this.parentNode.dataset.type&&(a=Number(a));f(b,a)});else if("enum"==a||"combo"==a)m=g.getPropertyPrintableValue(c,q.values),v.innerText=m,v.addEventListener("click",function(a){var b=this.parentNode.dataset.property,h=this;new e.ContextMenu(q.values||[],{event:a,className:"dark",callback:function(a,d,e){h.innerText=a;f(b,a);return!1}},d)});h.content.appendChild(n);return n};return h};g.getPropertyPrintableValue=function(a,
-b){if(!b||b.constructor===Array)return String(a);if(b.constructor===Object){var d="",h;for(h in b)if(b[h]==a){d=h;break}return String(a)+" ("+d+")"}};g.prototype.showShowNodePanel=function(a){window.SELECTED_NODE=a;var b=document.querySelector("#node-panel");b&&b.close();var d=this.getCanvasWindow();b=this.createPanel(a.title||"",{closable:!0,window:d});b.id="node-panel";b.node=a;b.classList.add("settings");var h=this;(function(){b.content.innerHTML="";b.addHTML("<span class='node_type'>"+a.type+
-"</span><span class='node_desc'>"+(a.constructor.desc||"")+"</span><span class='separator'></span>");b.addHTML("<h3>Properties</h3>");for(var d in a.properties){var e=a.properties[d],c=a.getPropertyInfo(d);a.onAddPropertyToPanel&&a.onAddPropertyToPanel(d,b)||b.addWidget(c.widget||c.type,d,e,c,function(b,d){h.graph.beforeChange(a);a.setProperty(b,d);h.graph.afterChange();h.dirty_canvas=!0})}b.addSeparator();if(a.onShowCustomPanelInfo)a.onShowCustomPanelInfo(b);b.addButton("Delete",function(){a.block_delete||
-(a.graph.remove(a),b.close())}).classList.add("delete")})();this.canvas.parentNode.appendChild(b)};g.prototype.showSubgraphPropertiesDialog=function(a){function b(){h.clear();if(a.inputs)for(var d=0;d<a.inputs.length;++d){var e=a.inputs[d];if(!e.not_subgraph_input){var c=h.addHTML("<button>&#10005;</button> <span class='bullet_icon'></span><span class='name'></span><span class='type'></span>","subgraph_property");c.dataset.name=e.name;c.dataset.slot=d;c.querySelector(".name").innerText=e.name;c.querySelector(".type").innerText=
-e.type;c.querySelector("button").addEventListener("click",function(d){a.removeInput(Number(this.parentNode.dataset.slot));b()})}}}console.log("showing subgraph properties dialog");var d=this.canvas.parentNode.querySelector(".subgraph_dialog");d&&d.close();var h=this.createPanel("Subgraph Inputs",{closable:!0,width:500});h.node=a;h.classList.add("subgraph_dialog");h.addHTML(" + <span class='label'>Name</span><input class='name'/><span class='label'>Type</span><input class='type'></input><button>+</button>",
-"subgraph_property extra",!0).querySelector("button").addEventListener("click",function(d){d=this.parentNode;var f=d.querySelector(".name").value,h=d.querySelector(".type").value;f&&-1==a.findInputSlot(f)&&(a.addInput(f,h),d.querySelector(".name").value="",d.querySelector(".type").value="",b())});b();this.canvas.parentNode.appendChild(h);return h};g.prototype.checkPanels=function(){if(this.canvas)for(var a=this.canvas.parentNode.querySelectorAll(".litegraph.dialog"),b=0;b<a.length;++b){var d=a[b];
-d.node&&(d.node.graph&&d.graph==this.graph||d.close())}};g.onMenuNodeCollapse=function(a,b,d,h,f){f.graph.beforeChange(f);f.collapse();f.graph.afterChange(f)};g.onMenuNodePin=function(a,b,d,h,f){f.pin()};g.onMenuNodeMode=function(a,b,d,h,f){new e.ContextMenu(["Always","On Event","On Trigger","Never"],{event:d,callback:function(a){if(f)switch(a){case "On Event":f.mode=e.ON_EVENT;break;case "On Trigger":f.mode=e.ON_TRIGGER;break;case "Never":f.mode=e.NEVER;break;default:f.mode=e.ALWAYS}},parentMenu:h,
-node:f});return!1};g.onMenuNodeColors=function(a,b,d,h,f){if(!f)throw"no node for color";b=[];b.push({value:null,content:"<span style='display: block; padding-left: 4px;'>No color</span>"});for(var c in g.node_colors)a=g.node_colors[c],a={value:c,content:"<span style='display: block; color: #999; padding-left: 4px; border-left: 8px solid "+a.color+"; background-color:"+a.bgcolor+"'>"+c+"</span>"},b.push(a);new e.ContextMenu(b,{event:d,callback:function(a){f&&((a=a.value?g.node_colors[a.value]:null)?
-f.constructor===e.LGraphGroup?f.color=a.groupcolor:(f.color=a.color,f.bgcolor=a.bgcolor):(delete f.color,delete f.bgcolor),f.setDirtyCanvas(!0,!0))},parentMenu:h,node:f});return!1};g.onMenuNodeShapes=function(a,b,d,h,f){if(!f)throw"no node passed";new e.ContextMenu(e.VALID_SHAPES,{event:d,callback:function(a){f&&(f.graph.beforeChange(f),f.shape=a,f.graph.afterChange(f),f.setDirtyCanvas(!0))},parentMenu:h,node:f});return!1};g.onMenuNodeRemove=function(a,b,d,h,f){if(!f)throw"no node passed";!1!==f.removable&&
-(a=f.graph,a.beforeChange(),a.remove(f),a.afterChange(),f.setDirtyCanvas(!0,!0))};g.onMenuNodeToSubgraph=function(a,b,d,h,f){a=f.graph;if(b=g.active_canvas)d=Object.values(b.selected_nodes||{}),d.length||(d=[f]),h=e.createNode("graph/subgraph"),h.pos=f.pos.concat(),a.add(h),h.buildFromNodes(d),b.deselectAllNodes(),f.setDirtyCanvas(!0,!0)};g.onMenuNodeClone=function(a,b,d,h,f){0!=f.clonable&&(a=f.clone())&&(a.pos=[f.pos[0]+5,f.pos[1]+5],f.graph.beforeChange(),f.graph.add(a),f.graph.afterChange(),f.setDirtyCanvas(!0,
-!0))};g.node_colors={red:{color:"#322",bgcolor:"#533",groupcolor:"#A88"},brown:{color:"#332922",bgcolor:"#593930",groupcolor:"#b06634"},green:{color:"#232",bgcolor:"#353",groupcolor:"#8A8"},blue:{color:"#223",bgcolor:"#335",groupcolor:"#88A"},pale_blue:{color:"#2a363b",bgcolor:"#3f5159",groupcolor:"#3f789e"},cyan:{color:"#233",bgcolor:"#355",groupcolor:"#8AA"},purple:{color:"#323",bgcolor:"#535",groupcolor:"#a1309b"},yellow:{color:"#432",bgcolor:"#653",groupcolor:"#b58b2a"},black:{color:"#222",bgcolor:"#000",
-groupcolor:"#444"}};g.prototype.getCanvasMenuOptions=function(){if(this.getMenuOptions)var a=this.getMenuOptions();else a=[{content:"Add Node",has_submenu:!0,callback:g.onMenuAdd},{content:"Add Group",callback:g.onGroupAdd}],this._graph_stack&&0<this._graph_stack.length&&a.push(null,{content:"Close subgraph",callback:this.closeSubgraph.bind(this)});if(this.getExtraMenuOptions){var b=this.getExtraMenuOptions(this,a);b&&(a=a.concat(b))}return a};g.prototype.getNodeMenuOptions=function(a){var b=null;
-b=a.getMenuOptions?a.getMenuOptions(this):[{content:"Inputs",has_submenu:!0,disabled:!0,callback:g.showMenuNodeOptionalInputs},{content:"Outputs",has_submenu:!0,disabled:!0,callback:g.showMenuNodeOptionalOutputs},null,{content:"Properties",has_submenu:!0,callback:g.onShowMenuNodeProperties},null,{content:"Title",callback:g.onShowPropertyEditor},{content:"Mode",has_submenu:!0,callback:g.onMenuNodeMode},{content:"Resize",callback:function(){if(a.resizable)return g.onResizeNode}},{content:"Collapse",
-callback:g.onMenuNodeCollapse},{content:"Pin",callback:g.onMenuNodePin},{content:"Colors",has_submenu:!0,callback:g.onMenuNodeColors},{content:"Shapes",has_submenu:!0,callback:g.onMenuNodeShapes},null];if(a.onGetInputs){var d=a.onGetInputs();d&&d.length&&(b[0].disabled=!1)}a.onGetOutputs&&(d=a.onGetOutputs())&&d.length&&(b[1].disabled=!1);a.getExtraMenuOptions&&(d=a.getExtraMenuOptions(this,b))&&(d.push(null),b=d.concat(b));!1!==a.clonable&&b.push({content:"Clone",callback:g.onMenuNodeClone});b.push(null,
-{content:"Remove",disabled:!(!1!==a.removable&&!a.block_delete),callback:g.onMenuNodeRemove});if(a.graph&&a.graph.onGetNodeMenuOptions)a.graph.onGetNodeMenuOptions(b,a);return b};g.prototype.getGroupMenuOptions=function(a){return[{content:"Title",callback:g.onShowPropertyEditor},{content:"Color",has_submenu:!0,callback:g.onMenuNodeColors},{content:"Font size",property:"font_size",type:"Number",callback:g.onShowPropertyEditor},null,{content:"Remove",callback:g.onMenuNodeRemove}]};g.prototype.processContextMenu=
-function(a,b){var d=this,h=g.active_canvas.getCanvasWindow(),f=null,c={event:b,callback:function(b,f,h){if(b)if("Remove Slot"==b.content)b=b.slot,b.input?a.removeInput(b.slot):b.output&&a.removeOutput(b.slot);else if("Disconnect Links"==b.content)b=b.slot,b.output?a.disconnectOutput(b.slot):b.input&&a.disconnectInput(b.slot);else if("Rename Slot"==b.content){b=b.slot;var c=b.input?a.getInputInfo(b.slot):a.getOutputInfo(b.slot),e=d.createDialog("<span class='name'>Name</span><input autofocus type='text'/><button>OK</button>",
-f),l=e.querySelector("input");l&&c&&(l.value=c.label||"");e.querySelector("button").addEventListener("click",function(a){l.value&&(c&&(c.label=l.value),d.setDirty(!0));e.close()})}},extra:a};a&&(c.title=a.type);var l=null;a&&(l=a.getSlotInPosition(b.canvasX,b.canvasY),g.active_node=a);l?(f=[],a.getSlotMenuOptions?f=a.getSlotMenuOptions(l):(l&&l.output&&l.output.links&&l.output.links.length&&f.push({content:"Disconnect Links",slot:l}),b=l.input||l.output,f.push(b.locked?"Cannot remove":{content:"Remove Slot",
-slot:l}),f.push(b.nameLocked?"Cannot rename":{content:"Rename Slot",slot:l})),c.title=(l.input?l.input.type:l.output.type)||"*",l.input&&l.input.type==e.ACTION&&(c.title="Action"),l.output&&l.output.type==e.EVENT&&(c.title="Event")):a?f=this.getNodeMenuOptions(a):(f=this.getCanvasMenuOptions(),(l=this.graph.getGroupOnPos(b.canvasX,b.canvasY))&&f.push(null,{content:"Edit Group",has_submenu:!0,submenu:{title:"Group",extra:l,options:this.getGroupMenuOptions(l)}}));f&&new e.ContextMenu(f,c,h)};"undefined"!=
-typeof window&&window.CanvasRenderingContext2D&&!window.CanvasRenderingContext2D.prototype.roundRect&&(window.CanvasRenderingContext2D.prototype.roundRect=function(a,b,d,h,f,c){var e,l;if(0===f)this.rect(a,b,d,h);else{void 0===c&&(c=f);if(null!=f&&f.constructor===Array)if(1==f.length)var m=e=l=c=f[0];else if(2==f.length)m=c=f[0],e=l=f[1];else if(4==f.length)m=f[0],e=f[1],l=f[2],c=f[3];else return;else m=f||0,e=f||0,l=c||0,c=c||0;this.moveTo(a+m,b);this.lineTo(a+d-e,b);this.quadraticCurveTo(a+d,b,
-a+d,b+e);this.lineTo(a+d,b+h-c);this.quadraticCurveTo(a+d,b+h,a+d-c,b+h);this.lineTo(a+c,b+h);this.quadraticCurveTo(a,b+h,a,b+h-l);this.lineTo(a,b+l);this.quadraticCurveTo(a,b,a+m,b)}});e.compareObjects=function(a,b){for(var d in a)if(a[d]!=b[d])return!1;return!0};e.distance=B;e.colorToString=function(a){return"rgba("+Math.round(255*a[0]).toFixed()+","+Math.round(255*a[1]).toFixed()+","+Math.round(255*a[2]).toFixed()+","+(4==a.length?a[3].toFixed(2):"1.0")+")"};e.isInsideRectangle=z;e.growBounding=
-function(a,b,d){b<a[0]?a[0]=b:b>a[2]&&(a[2]=b);d<a[1]?a[1]=d:d>a[3]&&(a[3]=d)};e.isInsideBounding=function(a,b){return a[0]<b[0][0]||a[1]<b[0][1]||a[0]>b[1][0]||a[1]>b[1][1]?!1:!0};e.overlapBounding=G;e.hex2num=function(a){"#"==a.charAt(0)&&(a=a.slice(1));a=a.toUpperCase();for(var b=Array(3),d=0,h,f,c=0;6>c;c+=2)h="0123456789ABCDEF".indexOf(a.charAt(c)),f="0123456789ABCDEF".indexOf(a.charAt(c+1)),b[d]=16*h+f,d++;return b};e.num2hex=function(a){for(var b="#",d,h,f=0;3>f;f++)d=a[f]/16,h=a[f]%16,b+=
-"0123456789ABCDEF".charAt(d)+"0123456789ABCDEF".charAt(h);return b};A.prototype.addItem=function(a,b,d){function h(a){var b=this.value;b&&b.has_submenu&&f.call(this,a)}function f(a){var b=this.value,f=!0;c.current_submenu&&c.current_submenu.close(a);if(d.callback){var h=d.callback.call(this,b,d,a,c,d.node);!0===h&&(f=!1)}if(b&&(b.callback&&!d.ignore_item_callbacks&&!0!==b.disabled&&(h=b.callback.call(this,b,d,a,c,d.extra),!0===h&&(f=!1)),b.submenu)){if(!b.submenu.options)throw"ContextMenu submenu needs options";
-new c.constructor(b.submenu.options,{callback:b.submenu.callback,event:a,parentMenu:c,ignore_item_callbacks:b.submenu.ignore_item_callbacks,title:b.submenu.title,extra:b.submenu.extra,autoopen:d.autoopen});f=!1}f&&!c.lock&&c.close()}var c=this;d=d||{};var e=document.createElement("div");e.className="litemenu-entry submenu";var l=!1;if(null===b)e.classList.add("separator");else{e.innerHTML=b&&b.title?b.title:a;if(e.value=b)b.disabled&&(l=!0,e.classList.add("disabled")),(b.submenu||b.has_submenu)&&
-e.classList.add("has_submenu");"function"==typeof b?(e.dataset.value=a,e.onclick_callback=b):e.dataset.value=b;b.className&&(e.className+=" "+b.className)}this.root.appendChild(e);l||e.addEventListener("click",f);d.autoopen&&e.addEventListener("mouseenter",h);return e};A.prototype.close=function(a,b){this.root.parentNode&&this.root.parentNode.removeChild(this.root);this.parentMenu&&!b&&(this.parentMenu.lock=!1,this.parentMenu.current_submenu=null,void 0===a?this.parentMenu.close():a&&!A.isCursorOverElement(a,
-this.parentMenu.root)&&A.trigger(this.parentMenu.root,"mouseleave",a));this.current_submenu&&this.current_submenu.close(a,!0);this.root.closing_timer&&clearTimeout(this.root.closing_timer)};A.trigger=function(a,b,d,h){var f=document.createEvent("CustomEvent");f.initCustomEvent(b,!0,!0,d);f.srcElement=h;a.dispatchEvent?a.dispatchEvent(f):a.__events&&a.__events.dispatchEvent(f);return f};A.prototype.getTopMenu=function(){return this.options.parentMenu?this.options.parentMenu.getTopMenu():this};A.prototype.getFirstEvent=
-function(){return this.options.parentMenu?this.options.parentMenu.getFirstEvent():this.options.event};A.isCursorOverElement=function(a,b){var d=a.clientX;a=a.clientY;return(b=b.getBoundingClientRect())?a>b.top&&a<b.top+b.height&&d>b.left&&d<b.left+b.width?!0:!1:!1};e.ContextMenu=A;e.closeAllContextMenus=function(a){a=a||window;a=a.document.querySelectorAll(".litecontextmenu");if(a.length){for(var b=[],d=0;d<a.length;d++)b.push(a[d]);for(d=0;d<b.length;d++)b[d].close?b[d].close():b[d].parentNode&&
-b[d].parentNode.removeChild(b[d])}};e.extendClass=function(a,b){for(var d in b)a.hasOwnProperty(d)||(a[d]=b[d]);if(b.prototype)for(d in b.prototype)b.prototype.hasOwnProperty(d)&&!a.prototype.hasOwnProperty(d)&&(b.prototype.__lookupGetter__(d)?a.prototype.__defineGetter__(d,b.prototype.__lookupGetter__(d)):a.prototype[d]=b.prototype[d],b.prototype.__lookupSetter__(d)&&a.prototype.__defineSetter__(d,b.prototype.__lookupSetter__(d)))};C.sampleCurve=function(a,b){if(b){for(var d=0;d<b.length-1;++d){var h=
-b[d],f=b[d+1];if(!(f[0]<a)){b=f[0]-h[0];if(1E-5>Math.abs(b))return h[1];a=(a-h[0])/b;return h[1]*(1-a)+f[1]*a}}return 0}};C.prototype.draw=function(a,b,d,h,f,c){if(d=this.points){this.size=b;var e=b[0]-2*this.margin;b=b[1]-2*this.margin;f=f||"#666";a.save();a.translate(this.margin,this.margin);h&&(a.fillStyle="#111",a.fillRect(0,0,e,b),a.fillStyle="#222",a.fillRect(.5*e,0,1,b),a.strokeStyle="#333",a.strokeRect(0,0,e,b));a.strokeStyle=f;c&&(a.globalAlpha=.5);a.beginPath();for(h=0;h<d.length;++h)f=
-d[h],a.lineTo(f[0]*e,(1-f[1])*b);a.stroke();a.globalAlpha=1;if(!c)for(h=0;h<d.length;++h)f=d[h],a.fillStyle=this.selected==h?"#FFF":this.nearest==h?"#DDD":"#AAA",a.beginPath(),a.arc(f[0]*e,(1-f[1])*b,2,0,2*Math.PI),a.fill();a.restore()}};C.prototype.onMouseDown=function(a,b){var d=this.points;if(d&&!(0>a[1])){var h=this.size[0]-2*this.margin,f=this.size[1]-2*this.margin,c=a[0]-this.margin;a=a[1]-this.margin;this.selected=this.getCloserPoint([c,a],30/b.ds.scale);-1==this.selected&&(b=[c/h,1-a/f],d.push(b),
-d.sort(function(a,b){return a[0]-b[0]}),this.selected=d.indexOf(b),this.must_update=!0);if(-1!=this.selected)return!0}};C.prototype.onMouseMove=function(a,b){var d=this.points;if(d){var h=this.selected;if(!(0>h)){var f=(a[0]-this.margin)/(this.size[0]-2*this.margin),c=(a[1]-this.margin)/(this.size[1]-2*this.margin);this._nearest=this.getCloserPoint([a[0]-this.margin,a[1]-this.margin],30/b.ds.scale);if(b=d[h]){var e=0==h||h==d.length-1;!e&&(-10>a[0]||a[0]>this.size[0]+10||-10>a[1]||a[1]>this.size[1]+
-10)?(d.splice(h,1),this.selected=-1):(b[0]=e?0==h?0:1:Math.clamp(f,0,1),b[1]=1-Math.clamp(c,0,1),d.sort(function(a,b){return a[0]-b[0]}),this.selected=d.indexOf(b),this.must_update=!0)}}}};C.prototype.onMouseUp=function(a,b){this.selected=-1;return!1};C.prototype.getCloserPoint=function(a,b){var d=this.points;if(!d)return-1;b=b||30;for(var h=this.size[0]-2*this.margin,f=this.size[1]-2*this.margin,c=d.length,e=[0,0],l=1E6,m=-1,g=0;g<c;++g){var v=d[g];e[0]=v[0]*h;e[1]=(1-v[1])*f;v=vec2.distance(a,e);
-v>l||v>b||(m=g,l=v)}return m};e.CurveEditor=C;e.getParameterNames=function(a){return(a+"").replace(/[/][/].*$/gm,"").replace(/\s+/g,"").replace(/[/][*][^/*]*[*][/]/g,"").split("){",1)[0].replace(/^[^(]*[(]/,"").replace(/=[^,]+/g,"").split(",").filter(Boolean)};Math.clamp=function(a,b,d){return b>a?b:d<a?d:a};"undefined"==typeof window||window.requestAnimationFrame||(window.requestAnimationFrame=window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(a){window.setTimeout(a,1E3/
-60)})})(this);"undefined"!=typeof exports&&(exports.LiteGraph=this.LiteGraph);
+b)){b=b.substr(0,30);a.font="14px Courier New";var h=a.measureText(b).width+20;a.shadowColor="black";a.shadowOffsetX=2;a.shadowOffsetY=2;a.shadowBlur=3;a.fillStyle="#454";a.beginPath();a.roundRect(d[0]-.5*h,d[1]-15-24,h,24,[3]);a.moveTo(d[0]-10,d[1]-15);a.lineTo(d[0]+10,d[1]-15);a.lineTo(d[0],d[1]-5);a.fill();a.shadowColor="transparent";a.textAlign="center";a.fillStyle="#CEC";a.fillText(b,d[0],d[1]-15-24*.3)}};var x=new Float32Array(4);g.prototype.drawNodeShape=function(a,b,d,h,f,c,n){b.strokeStyle=
+h;b.fillStyle=f;f=e.NODE_TITLE_HEIGHT;var q=.5>this.ds.scale,l=a._shape||a.constructor.shape||e.ROUND_SHAPE,u=a.constructor.title_mode,m=!0;u==e.TRANSPARENT_TITLE?m=!1:u==e.AUTOHIDE_TITLE&&n&&(m=!0);x[0]=0;x[1]=m?-f:0;x[2]=d[0]+1;x[3]=m?d[1]+f:d[1];n=b.globalAlpha;b.beginPath();l==e.BOX_SHAPE||q?b.fillRect(x[0],x[1],x[2],x[3]):l==e.ROUND_SHAPE||l==e.CARD_SHAPE?b.roundRect(x[0],x[1],x[2],x[3],l==e.CARD_SHAPE?[this.round_radius,this.round_radius,0,0]:[this.round_radius]):l==e.CIRCLE_SHAPE&&b.arc(.5*
+d[0],.5*d[1],.5*d[0],0,2*Math.PI);b.fill();a.flags.collapsed||(b.shadowColor="transparent",b.fillStyle="rgba(0,0,0,0.2)",b.fillRect(0,-1,x[2],2));b.shadowColor="transparent";if(a.onDrawBackground)a.onDrawBackground(b,this,this.canvas,this.graph_mouse);if(m||u==e.TRANSPARENT_TITLE){if(a.onDrawTitleBar)a.onDrawTitleBar(b,f,d,this.ds.scale,h);else if(u!=e.TRANSPARENT_TITLE&&(a.constructor.title_color||this.render_title_colored)){m=a.constructor.title_color||h;a.flags.collapsed&&(b.shadowColor=e.DEFAULT_SHADOW_COLOR);
+if(this.use_gradients){var v=g.gradients[m];v||(v=g.gradients[m]=b.createLinearGradient(0,0,400,0),v.addColorStop(0,m),v.addColorStop(1,"#000"));b.fillStyle=v}else b.fillStyle=m;b.beginPath();l==e.BOX_SHAPE||q?b.rect(0,-f,d[0]+1,f):(l==e.ROUND_SHAPE||l==e.CARD_SHAPE)&&b.roundRect(0,-f,d[0]+1,f,a.flags.collapsed?[this.round_radius]:[this.round_radius,this.round_radius,0,0]);b.fill();b.shadowColor="transparent"}if(a.onDrawTitleBox)a.onDrawTitleBox(b,f,d,this.ds.scale);else l==e.ROUND_SHAPE||l==e.CIRCLE_SHAPE||
+l==e.CARD_SHAPE?(q&&(b.fillStyle="black",b.beginPath(),b.arc(.5*f,-.5*f,6,0,2*Math.PI),b.fill()),b.fillStyle=a.boxcolor||e.NODE_DEFAULT_BOXCOLOR,q?b.fillRect(.5*f-5,-.5*f-5,10,10):(b.beginPath(),b.arc(.5*f,-.5*f,5,0,2*Math.PI),b.fill())):(q&&(b.fillStyle="black",b.fillRect(.5*(f-10)-1,-.5*(f+10)-1,12,12)),b.fillStyle=a.boxcolor||e.NODE_DEFAULT_BOXCOLOR,b.fillRect(.5*(f-10),-.5*(f+10),10,10));b.globalAlpha=n;if(a.onDrawTitleText)a.onDrawTitleText(b,f,d,this.ds.scale,this.title_text_font,c);!q&&(b.font=
+this.title_text_font,n=String(a.getTitle()))&&(b.fillStyle=c?e.NODE_SELECTED_TITLE_COLOR:a.constructor.title_text_color||this.node_title_color,a.flags.collapsed?(b.textAlign="left",b.measureText(n),b.fillText(n.substr(0,20),f,e.NODE_TITLE_TEXT_Y-f),b.textAlign="left"):(b.textAlign="left",b.fillText(n,f,e.NODE_TITLE_TEXT_Y-f)));a.flags.collapsed||!a.subgraph||a.skip_subgraph_button||(n=e.NODE_TITLE_HEIGHT,m=a.size[0]-n,v=e.isInsideRectangle(this.graph_mouse[0]-a.pos[0],this.graph_mouse[1]-a.pos[1],
+m+2,-n+2,n-4,n-4),b.fillStyle=v?"#888":"#555",l==e.BOX_SHAPE||q?b.fillRect(m+2,-n+2,n-4,n-4):(b.beginPath(),b.roundRect(m+2,-n+2,n-4,n-4,[4]),b.fill()),b.fillStyle="#333",b.beginPath(),b.moveTo(m+.2*n,.6*-n),b.lineTo(m+.8*n,.6*-n),b.lineTo(m+.5*n,.3*-n),b.fill());if(a.onDrawTitle)a.onDrawTitle(b)}if(c){if(a.onBounding)a.onBounding(x);u==e.TRANSPARENT_TITLE&&(x[1]-=f,x[3]+=f);b.lineWidth=1;b.globalAlpha=.8;b.beginPath();l==e.BOX_SHAPE?b.rect(-6+x[0],-6+x[1],12+x[2],12+x[3]):l==e.ROUND_SHAPE||l==e.CARD_SHAPE&&
+a.flags.collapsed?b.roundRect(-6+x[0],-6+x[1],12+x[2],12+x[3],[2*this.round_radius]):l==e.CARD_SHAPE?b.roundRect(-6+x[0],-6+x[1],12+x[2],12+x[3],[2*this.round_radius,2,2*this.round_radius,2]):l==e.CIRCLE_SHAPE&&b.arc(.5*d[0],.5*d[1],.5*d[0]+6,0,2*Math.PI);b.strokeStyle=e.NODE_BOX_OUTLINE_COLOR;b.stroke();b.strokeStyle=h;b.globalAlpha=1}};var K=new Float32Array(4),l=new Float32Array(4),m=new Float32Array(2),v=new Float32Array(2);g.prototype.drawConnections=function(a){var b=e.getTime(),d=this.visible_area;
+K[0]=d[0]-20;K[1]=d[1]-20;K[2]=d[2]+40;K[3]=d[3]+40;a.lineWidth=this.connections_width;a.fillStyle="#AAA";a.strokeStyle="#AAA";a.globalAlpha=this.editor_alpha;d=this.graph._nodes;for(var h=0,f=d.length;h<f;++h){var c=d[h];if(c.inputs&&c.inputs.length)for(var n=0;n<c.inputs.length;++n){var q=c.inputs[n];if(q&&null!=q.link&&(q=this.graph.links[q.link])){var g=this.graph.getNodeById(q.origin_id);if(null!=g){var k=q.origin_slot;var F=-1==k?[g.pos[0]+10,g.pos[1]+10]:g.getConnectionPos(!1,k,m);var r=c.getConnectionPos(!0,
+n,v);l[0]=F[0];l[1]=F[1];l[2]=r[0]-F[0];l[3]=r[1]-F[1];0>l[2]&&(l[0]+=l[2],l[2]=Math.abs(l[2]));0>l[3]&&(l[1]+=l[3],l[3]=Math.abs(l[3]));if(G(l,K)){var J=g.outputs[k];k=c.inputs[n];if(J&&k&&(g=J.dir||(g.horizontal?e.DOWN:e.RIGHT),k=k.dir||(c.horizontal?e.UP:e.LEFT),this.renderLink(a,F,r,q,!1,0,null,g,k),q&&q._last_time&&1E3>b-q._last_time)){J=2-.002*(b-q._last_time);var E=a.globalAlpha;a.globalAlpha=E*J;this.renderLink(a,F,r,q,!0,J,"white",g,k);a.globalAlpha=E}}}}}}a.globalAlpha=1};g.prototype.renderLink=
+function(a,b,d,h,f,c,n,q,l,m){h&&this.visible_links.push(h);!n&&h&&(n=h.color||g.link_type_colors[h.type]);n||(n=this.default_link_color);null!=h&&this.highlighted_links[h.id]&&(n="#FFF");q=q||e.RIGHT;l=l||e.LEFT;var u=B(b,d);this.render_connections_border&&.6<this.ds.scale&&(a.lineWidth=this.connections_width+4);a.lineJoin="round";m=m||1;1<m&&(a.lineWidth=.5);a.beginPath();for(var v=0;v<m;v+=1){var J=5*(v-.5*(m-1));if(this.links_render_mode==e.SPLINE_LINK){a.moveTo(b[0],b[1]+J);var E=0,H=0,k=0,N=
+0;switch(q){case e.LEFT:E=-.25*u;break;case e.RIGHT:E=.25*u;break;case e.UP:H=-.25*u;break;case e.DOWN:H=.25*u}switch(l){case e.LEFT:k=-.25*u;break;case e.RIGHT:k=.25*u;break;case e.UP:N=-.25*u;break;case e.DOWN:N=.25*u}a.bezierCurveTo(b[0]+E,b[1]+H+J,d[0]+k,d[1]+N+J,d[0],d[1]+J)}else if(this.links_render_mode==e.LINEAR_LINK){a.moveTo(b[0],b[1]+J);N=k=H=E=0;switch(q){case e.LEFT:E=-1;break;case e.RIGHT:E=1;break;case e.UP:H=-1;break;case e.DOWN:H=1}switch(l){case e.LEFT:k=-1;break;case e.RIGHT:k=
+1;break;case e.UP:N=-1;break;case e.DOWN:N=1}a.lineTo(b[0]+15*E,b[1]+15*H+J);a.lineTo(d[0]+15*k,d[1]+15*N+J);a.lineTo(d[0],d[1]+J)}else if(this.links_render_mode==e.STRAIGHT_LINK)a.moveTo(b[0],b[1]),J=b[0],E=b[1],H=d[0],k=d[1],q==e.RIGHT?J+=10:E+=10,l==e.LEFT?H-=10:k-=10,a.lineTo(J,E),a.lineTo(.5*(J+H),E),a.lineTo(.5*(J+H),k),a.lineTo(H,k),a.lineTo(d[0],d[1]);else return}this.render_connections_border&&.6<this.ds.scale&&!f&&(a.strokeStyle="rgba(0,0,0,0.5)",a.stroke());a.lineWidth=this.connections_width;
+a.fillStyle=a.strokeStyle=n;a.stroke();f=this.computeConnectionPoint(b,d,.5,q,l);h&&h._pos&&(h._pos[0]=f[0],h._pos[1]=f[1]);.6<=this.ds.scale&&this.highquality_render&&l!=e.CENTER&&(this.render_connection_arrows&&(v=this.computeConnectionPoint(b,d,.25,q,l),u=this.computeConnectionPoint(b,d,.26,q,l),h=this.computeConnectionPoint(b,d,.75,q,l),m=this.computeConnectionPoint(b,d,.76,q,l),this.render_curved_connections?(u=-Math.atan2(u[0]-v[0],u[1]-v[1]),m=-Math.atan2(m[0]-h[0],m[1]-h[1])):m=u=d[1]>b[1]?
+0:Math.PI,a.save(),a.translate(v[0],v[1]),a.rotate(u),a.beginPath(),a.moveTo(-5,-3),a.lineTo(0,7),a.lineTo(5,-3),a.fill(),a.restore(),a.save(),a.translate(h[0],h[1]),a.rotate(m),a.beginPath(),a.moveTo(-5,-3),a.lineTo(0,7),a.lineTo(5,-3),a.fill(),a.restore()),a.beginPath(),a.arc(f[0],f[1],5,0,2*Math.PI),a.fill());if(c)for(a.fillStyle=n,v=0;5>v;++v)c=(.001*e.getTime()+.2*v)%1,f=this.computeConnectionPoint(b,d,c,q,l),a.beginPath(),a.arc(f[0],f[1],5,0,2*Math.PI),a.fill()};g.prototype.computeConnectionPoint=
+function(a,b,d,h,f){h=h||e.RIGHT;f=f||e.LEFT;var c=B(a,b),n=[a[0],a[1]],q=[b[0],b[1]];switch(h){case e.LEFT:n[0]+=-.25*c;break;case e.RIGHT:n[0]+=.25*c;break;case e.UP:n[1]+=-.25*c;break;case e.DOWN:n[1]+=.25*c}switch(f){case e.LEFT:q[0]+=-.25*c;break;case e.RIGHT:q[0]+=.25*c;break;case e.UP:q[1]+=-.25*c;break;case e.DOWN:q[1]+=.25*c}h=(1-d)*(1-d)*(1-d);f=3*(1-d)*(1-d)*d;c=3*(1-d)*d*d;d*=d*d;return[h*a[0]+f*n[0]+c*q[0]+d*b[0],h*a[1]+f*n[1]+c*q[1]+d*b[1]]};g.prototype.drawExecutionOrder=function(a){a.shadowColor=
+"transparent";a.globalAlpha=.25;a.textAlign="center";a.strokeStyle="white";a.globalAlpha=.75;for(var b=this.visible_nodes,d=0;d<b.length;++d){var h=b[d];a.fillStyle="black";a.fillRect(h.pos[0]-e.NODE_TITLE_HEIGHT,h.pos[1]-e.NODE_TITLE_HEIGHT,e.NODE_TITLE_HEIGHT,e.NODE_TITLE_HEIGHT);0==h.order&&a.strokeRect(h.pos[0]-e.NODE_TITLE_HEIGHT+.5,h.pos[1]-e.NODE_TITLE_HEIGHT+.5,e.NODE_TITLE_HEIGHT,e.NODE_TITLE_HEIGHT);a.fillStyle="#FFF";a.fillText(h.order,h.pos[0]+-.5*e.NODE_TITLE_HEIGHT,h.pos[1]-6)}a.globalAlpha=
+1};g.prototype.drawNodeWidgets=function(a,b,d,h){if(!a.widgets||!a.widgets.length)return 0;var f=a.size[0],c=a.widgets;b+=2;var n=e.NODE_WIDGET_HEIGHT,q=.5<this.ds.scale;d.save();d.globalAlpha=this.editor_alpha;for(var l=e.WIDGET_OUTLINE_COLOR,m=e.WIDGET_BGCOLOR,v=e.WIDGET_TEXT_COLOR,g=e.WIDGET_SECONDARY_TEXT_COLOR,J=0;J<c.length;++J){var E=c[J],H=b;E.y&&(H=E.y);E.last_y=H;d.strokeStyle=l;d.fillStyle="#222";d.textAlign="left";E.disabled&&(d.globalAlpha*=.5);var k=E.width||f;switch(E.type){case "button":E.clicked&&
+(d.fillStyle="#AAA",E.clicked=!1,this.dirty_canvas=!0);d.fillRect(15,H,k-30,n);q&&!E.disabled&&d.strokeRect(15,H,k-30,n);q&&(d.textAlign="center",d.fillStyle=v,d.fillText(E.name,.5*k,H+.7*n));break;case "toggle":d.textAlign="left";d.strokeStyle=l;d.fillStyle=m;d.beginPath();q?d.roundRect(15,b,k-30,n,[.5*n]):d.rect(15,b,k-30,n);d.fill();q&&!E.disabled&&d.stroke();d.fillStyle=E.value?"#89A":"#333";d.beginPath();d.arc(k-30,H+.5*n,.36*n,0,2*Math.PI);d.fill();q&&(d.fillStyle=g,null!=E.name&&d.fillText(E.name,
+30,H+.7*n),d.fillStyle=E.value?v:g,d.textAlign="right",d.fillText(E.value?E.options.on||"true":E.options.off||"false",k-40,H+.7*n));break;case "slider":d.fillStyle=m;d.fillRect(15,H,k-30,n);var F=E.options.max-E.options.min,r=(E.value-E.options.min)/F;d.fillStyle=h==E?"#89A":"#678";d.fillRect(15,H,r*(k-30),n);q&&!E.disabled&&d.strokeRect(15,H,k-30,n);E.marker&&(F=(E.marker-E.options.min)/F,d.fillStyle="#AA9",d.fillRect(15+F*(k-30),H,2,n));q&&(d.textAlign="center",d.fillStyle=v,d.fillText(E.name+"  "+
+Number(E.value).toFixed(3),.5*k,H+.7*n));break;case "number":case "combo":d.textAlign="left";d.strokeStyle=l;d.fillStyle=m;d.beginPath();q?d.roundRect(15,b,k-30,n,[.5*n]):d.rect(15,b,k-30,n);d.fill();q&&(E.disabled||d.stroke(),d.fillStyle=v,E.disabled||(d.beginPath(),d.moveTo(31,b+5),d.lineTo(21,b+.5*n),d.lineTo(31,b+n-5),d.fill(),d.beginPath(),d.moveTo(k-15-16,b+5),d.lineTo(k-15-6,b+.5*n),d.lineTo(k-15-16,b+n-5),d.fill()),d.fillStyle=g,d.fillText(E.name,35,H+.7*n),d.fillStyle=v,d.textAlign="right",
+"number"==E.type?d.fillText(Number(E.value).toFixed(void 0!==E.options.precision?E.options.precision:3),k-30-20,H+.7*n):(F=E.value,E.options.values&&(r=E.options.values,r.constructor===Function&&(r=r()),r&&r.constructor!==Array&&(F=r[E.value])),d.fillText(F,k-30-20,H+.7*n)));break;case "string":case "text":d.textAlign="left";d.strokeStyle=l;d.fillStyle=m;d.beginPath();q?d.roundRect(15,b,k-30,n,[.5*n]):d.rect(15,b,k-30,n);d.fill();q&&(E.disabled||d.stroke(),d.save(),d.beginPath(),d.rect(15,b,k-30,
+n),d.clip(),d.fillStyle=g,null!=E.name&&d.fillText(E.name,30,H+.7*n),d.fillStyle=v,d.textAlign="right",d.fillText(String(E.value).substr(0,30),k-30,H+.7*n),d.restore());break;default:E.draw&&E.draw(d,a,k,H,n)}b+=(E.computeSize?E.computeSize(k)[1]:n)+4;d.globalAlpha=this.editor_alpha}d.restore();d.textAlign="left"};g.prototype.processNodeWidgets=function(a,b,d,h){function f(f,h){f.value=h;f.options&&f.options.property&&void 0!==a.properties[f.options.property]&&a.setProperty(f.options.property,h);
+f.callback&&f.callback(f.value,l,a,b,d)}if(!a.widgets||!a.widgets.length)return null;for(var c=b[0]-a.pos[0],n=b[1]-a.pos[1],q=a.size[0],l=this,m=this.getCanvasWindow(),v=0;v<a.widgets.length;++v){var g=a.widgets[v];if(g&&!g.disabled){var k=g.computeSize?g.computeSize(q)[1]:e.NODE_WIDGET_HEIGHT,E=g.width||q;if(g==h||!(6>c||c>E-12||n<g.last_y||n>g.last_y+k||void 0===g.last_y)){h=g.value;switch(g.type){case "button":"mousedown"===d.type&&(g.callback&&setTimeout(function(){g.callback(g,l,a,b,d)},20),
+this.dirty_canvas=g.clicked=!0);break;case "slider":m=Math.clamp((c-15)/(E-30),0,1);g.value=g.options.min+(g.options.max-g.options.min)*m;g.callback&&setTimeout(function(){f(g,g.value)},20);this.dirty_canvas=!0;break;case "number":case "combo":h=g.value;if("mousemove"==d.type&&"number"==g.type)g.value+=.1*d.deltaX*(g.options.step||1),null!=g.options.min&&g.value<g.options.min&&(g.value=g.options.min),null!=g.options.max&&g.value>g.options.max&&(g.value=g.options.max);else if("mousedown"==d.type){var H=
+g.options.values;H&&H.constructor===Function&&(H=g.options.values(g,a));var F=null;"number"!=g.type&&(F=H.constructor===Array?H:Object.keys(H));c=40>c?-1:c>E-40?1:0;if("number"==g.type)g.value+=.1*c*(g.options.step||1),null!=g.options.min&&g.value<g.options.min&&(g.value=g.options.min),null!=g.options.max&&g.value>g.options.max&&(g.value=g.options.max);else if(c)m=-1,this.last_mouseclick=0,m=H.constructor===Object?F.indexOf(String(g.value))+c:F.indexOf(g.value)+c,m>=F.length&&(m=F.length-1),0>m&&
+(m=0),g.value=H.constructor===Array?H[m]:m;else{var r=H!=F?Object.values(H):H;new e.ContextMenu(r,{scale:Math.max(1,this.ds.scale),event:d,className:"dark",callback:function(a,b,d){H!=F&&(a=r.indexOf(a));this.value=a;f(this,a);l.dirty_canvas=!0;return!1}.bind(g)},m)}}else"mouseup"==d.type&&"number"==g.type&&(c=40>c?-1:c>E-40?1:0,200>d.click_time&&0==c&&this.prompt("Value",g.value,function(a){this.value=Number(a);f(this,this.value)}.bind(g),d));h!=g.value&&setTimeout(function(){f(this,this.value)}.bind(g),
+20);this.dirty_canvas=!0;break;case "toggle":"mousedown"==d.type&&(g.value=!g.value,setTimeout(function(){f(g,g.value)},20));break;case "string":case "text":"mousedown"==d.type&&this.prompt("Value",g.value,function(a){this.value=a;f(this,a)}.bind(g),d,g.options?g.options.multiline:!1);break;default:g.mouse&&(this.dirty_canvas=g.mouse(d,[c,n],a))}if(h!=g.value){if(a.onWidgetChanged)a.onWidgetChanged(g.name,g.value,h,g);a.graph._version++}return g}}}return null};g.prototype.drawGroups=function(a,b){if(this.graph){a=
+this.graph._groups;b.save();b.globalAlpha=.5*this.editor_alpha;for(var d=0;d<a.length;++d){var h=a[d];if(G(this.visible_area,h._bounding)){b.fillStyle=h.color||"#335";b.strokeStyle=h.color||"#335";var f=h._pos,c=h._size;b.globalAlpha=.25*this.editor_alpha;b.beginPath();b.rect(f[0]+.5,f[1]+.5,c[0],c[1]);b.fill();b.globalAlpha=this.editor_alpha;b.stroke();b.beginPath();b.moveTo(f[0]+c[0],f[1]+c[1]);b.lineTo(f[0]+c[0]-10,f[1]+c[1]);b.lineTo(f[0]+c[0],f[1]+c[1]-10);b.fill();c=h.font_size||e.DEFAULT_GROUP_FONT_SIZE;
+b.font=c+"px Arial";b.fillText(h.title,f[0]+4,f[1]+c)}}b.restore()}};g.prototype.adjustNodesSize=function(){for(var a=this.graph._nodes,b=0;b<a.length;++b)a[b].size=a[b].computeSize();this.setDirty(!0,!0)};g.prototype.resize=function(a,b){a||b||(b=this.canvas.parentNode,a=b.offsetWidth,b=b.offsetHeight);if(this.canvas.width!=a||this.canvas.height!=b)this.canvas.width=a,this.canvas.height=b,this.bgcanvas.width=this.canvas.width,this.bgcanvas.height=this.canvas.height,this.setDirty(!0,!0)};g.prototype.switchLiveMode=
+function(a){if(a){var b=this,d=this.live_mode?1.1:.9;this.live_mode&&(this.live_mode=!1,this.editor_alpha=.1);var h=setInterval(function(){b.editor_alpha*=d;b.dirty_canvas=!0;b.dirty_bgcanvas=!0;1>d&&.01>b.editor_alpha&&(clearInterval(h),1>d&&(b.live_mode=!0));1<d&&.99<b.editor_alpha&&(clearInterval(h),b.editor_alpha=1)},1)}else this.live_mode=!this.live_mode,this.dirty_bgcanvas=this.dirty_canvas=!0};g.prototype.onNodeSelectionChange=function(a){};g.prototype.touchHandler=function(a){var b=a.changedTouches[0];
+switch(a.type){case "touchstart":var d="mousedown";break;case "touchmove":d="mousemove";break;case "touchend":d="mouseup";break;default:return}var h=this.getCanvasWindow(),f=h.document.createEvent("MouseEvent");f.initMouseEvent(d,!0,!0,h,1,b.screenX,b.screenY,b.clientX,b.clientY,!1,!1,!1,!1,0,null);b.target.dispatchEvent(f);a.preventDefault()};g.onGroupAdd=function(a,b,d){a=g.active_canvas;a.getCanvasWindow();b=new e.LGraphGroup;b.pos=a.convertEventToCanvasOffset(d);a.graph.add(b)};g.onMenuAdd=function(a,
+b,d,h,f){function c(a,b){var h=[];e.getNodeTypesCategories(n.filter||l.filter).filter(function(b){return b.startsWith(a)}).map(function(b){if(b){b=b.replace(new RegExp("^("+a+")"),"").split("/")[0];var d=""===a?b+"/":a+b+"/";-1!=b.indexOf("::")&&(b=b.split("::")[1]);-1===h.findIndex(function(a){return a.value===d})&&h.push({value:d,content:b,has_submenu:!0,callback:function(a,b,d,f){c(a.value,f)}})}});e.getNodeTypesInCategory(a.slice(0,-1),n.filter||l.filter).map(function(a){a.skip_list||h.push({value:a.type,
+content:a.title,has_submenu:!1,callback:function(a,b,d,h){b=h.getFirstEvent();n.graph.beforeChange();if(a=e.createNode(a.value))a.pos=n.convertEventToCanvasOffset(b),n.graph.add(a);f&&f(a);n.graph.afterChange()}})});new e.ContextMenu(h,{event:d,parentMenu:b},q)}var n=g.active_canvas,q=n.getCanvasWindow(),l=n.graph;if(l)return c("",h),!1};g.onMenuCollapseAll=function(){};g.onMenuNodeEdit=function(){};g.showMenuNodeOptionalInputs=function(a,b,d,h,f){if(f){var c=this;a=g.active_canvas.getCanvasWindow();
+b=f.optional_inputs;f.onGetInputs&&(b=f.onGetInputs());var l=[];if(b)for(var q=0;q<b.length;q++){var m=b[q];if(m){var v=m[0];m[2]&&m[2].label&&(v=m[2].label);v={content:v,value:m};m[1]==e.ACTION&&(v.className="event");l.push(v)}else l.push(null)}this.onMenuNodeInputs&&(l=this.onMenuNodeInputs(l));if(l.length)return new e.ContextMenu(l,{event:d,callback:function(a,b,d){f&&(a.callback&&a.callback.call(c,f,a,b,d),a.value&&(f.graph.beforeChange(),f.addInput(a.value[0],a.value[1],a.value[2]),f.setDirtyCanvas(!0,
+!0),f.graph.afterChange()))},parentMenu:h,node:f},a),!1;console.log("no input entries")}};g.showMenuNodeOptionalOutputs=function(a,b,d,h,f){function c(a,b,d){if(f&&(a.callback&&a.callback.call(l,f,a,b,d),a.value))if(d=a.value[1],!d||d.constructor!==Object&&d.constructor!==Array)f.graph.beforeChange(),f.addOutput(a.value[0],a.value[1],a.value[2]),f.setDirtyCanvas(!0,!0),f.graph.afterChange();else{a=[];for(var q in d)a.push({content:q,value:d[q]});new e.ContextMenu(a,{event:b,callback:c,parentMenu:h,
+node:f});return!1}}if(f){var l=this;a=g.active_canvas.getCanvasWindow();b=f.optional_outputs;f.onGetOutputs&&(b=f.onGetOutputs());var q=[];if(b)for(var m=0;m<b.length;m++){var v=b[m];if(!v)q.push(null);else if(!f.flags||!f.flags.skip_repeated_outputs||-1==f.findOutputSlot(v[0])){var k=v[0];v[2]&&v[2].label&&(k=v[2].label);k={content:k,value:v};v[1]==e.EVENT&&(k.className="event");q.push(k)}}this.onMenuNodeOutputs&&(q=this.onMenuNodeOutputs(q));if(q.length)return new e.ContextMenu(q,{event:d,callback:c,
+parentMenu:h,node:f},a),!1}};g.onShowMenuNodeProperties=function(a,b,d,h,f){if(f&&f.properties){var c=g.active_canvas;b=c.getCanvasWindow();var l=[],q;for(q in f.properties){a=void 0!==f.properties[q]?f.properties[q]:" ";"object"==typeof a&&(a=JSON.stringify(a));var m=f.getPropertyInfo(q);if("enum"==m.type||"combo"==m.type)a=g.getPropertyPrintableValue(a,m.values);a=g.decodeHTML(a);l.push({content:"<span class='property_name'>"+(m.label?m.label:q)+"</span><span class='property_value'>"+a+"</span>",
+value:q})}if(l.length)return new e.ContextMenu(l,{event:d,callback:function(a,b,d,h){f&&(b=this.getBoundingClientRect(),c.showEditPropertyValue(f,a.value,{position:[b.left,b.top]}))},parentMenu:h,allow_html:!0,node:f},b),!1}};g.decodeHTML=function(a){var b=document.createElement("div");b.innerText=a;return b.innerHTML};g.onResizeNode=function(a,b,d,h,f){if(f){f.size=f.computeSize();if(f.onResize)f.onResize(f.size);f.setDirtyCanvas(!0,!0)}};g.prototype.showLinkMenu=function(a,b){var d=this;console.log(a);
+var h=new e.ContextMenu(["Add Node",null,"Delete"],{event:b,title:null!=a.data?a.data.constructor.name:null,callback:function(b,e,c){switch(b){case "Add Node":g.onMenuAdd(null,null,c,h,function(b){console.log("node autoconnect");var f=d.graph.getNodeById(a.origin_id),h=d.graph.getNodeById(a.target_id);b.inputs&&b.inputs.length&&b.outputs&&b.outputs.length&&f.outputs[a.origin_slot].type==b.inputs[0].type&&b.outputs[0].type==h.inputs[0].type&&(f.connect(a.origin_slot,b,0),b.connect(0,h,a.target_slot),
+b.pos[0]-=.5*b.size[0])});break;case "Delete":d.graph.removeLink(a.id)}}});return!1};g.onShowPropertyEditor=function(a,b,d,h,f){function e(){var b=l.value;"Number"==a.type?b=Number(b):"Boolean"==a.type&&(b=!!b);f[c]=b;q.parentNode&&q.parentNode.removeChild(q);f.setDirtyCanvas(!0,!0)}var c=a.property||"title";b=f[c];var q=document.createElement("div");q.className="graphdialog";q.innerHTML="<span class='name'></span><input autofocus type='text' class='value'/><button>OK</button>";q.querySelector(".name").innerText=
+c;var l=q.querySelector(".value");l&&(l.value=b,l.addEventListener("blur",function(a){this.focus()}),l.addEventListener("keydown",function(a){if(13==a.keyCode||"textarea"==a.target.localName)e(),a.preventDefault(),a.stopPropagation()}));b=g.active_canvas.canvas;d=b.getBoundingClientRect();var m=h=-20;d&&(h-=d.left,m-=d.top);event?(q.style.left=event.clientX+h+"px",q.style.top=event.clientY+m+"px"):(q.style.left=.5*b.width+h+"px",q.style.top=.5*b.height+m+"px");q.querySelector("button").addEventListener("click",
+e);b.parentNode.appendChild(q)};g.prototype.prompt=function(a,b,d,h,f){var e=this;a=a||"";var c=!1,q=document.createElement("div");q.className="graphdialog rounded";q.innerHTML=f?"<span class='name'></span> <textarea autofocus class='value'></textarea><button class='rounded'>OK</button>":"<span class='name'></span> <input autofocus type='text' class='value'/><button class='rounded'>OK</button>";q.close=function(){e.prompt_box=null;q.parentNode&&q.parentNode.removeChild(q)};1<this.ds.scale&&(q.style.transform=
+"scale("+this.ds.scale+")");q.addEventListener("mouseleave",function(a){c||q.close()});e.prompt_box&&e.prompt_box.close();e.prompt_box=q;q.querySelector(".name").innerText=a;var l=q.querySelector(".value");l.value=b;l.addEventListener("keydown",function(a){c=!0;if(27==a.keyCode)q.close();else if(13==a.keyCode&&"textarea"!=a.target.localName)d&&d(this.value),q.close();else return;a.preventDefault();a.stopPropagation()});q.querySelector("button").addEventListener("click",function(a){d&&d(l.value);e.setDirty(!0);
+q.close()});a=g.active_canvas.canvas;b=a.getBoundingClientRect();var m=f=-20;b&&(f-=b.left,m-=b.top);h?(q.style.left=h.clientX+f+"px",q.style.top=h.clientY+m+"px"):(q.style.left=.5*a.width+f+"px",q.style.top=.5*a.height+m+"px");a.parentNode.appendChild(q);setTimeout(function(){l.focus()},10);return q};g.search_limit=-1;g.prototype.showSearchBox=function(a){function b(b){if(b)if(f.onSearchBoxSelection)f.onSearchBoxSelection(b,a,c);else{var d=e.searchbox_extras[b.toLowerCase()];d&&(b=d.type);c.graph.beforeChange();
+if(b=e.createNode(b))b.pos=c.convertEventToCanvasOffset(a),c.graph.add(b);if(d&&d.data){if(d.data.properties)for(var h in d.data.properties)b.addProperty(h,d.data.properties[h]);if(d.data.inputs)for(h in b.inputs=[],d.data.inputs)b.addOutput(d.data.inputs[h][0],d.data.inputs[h][1]);if(d.data.outputs)for(h in b.outputs=[],d.data.outputs)b.addOutput(d.data.outputs[h][0],d.data.outputs[h][1]);d.data.title&&(b.title=d.data.title);d.data.json&&b.configure(d.data.json);c.graph.afterChange()}}m.close()}
+function d(a){var b=E;E&&E.classList.remove("selected");E?(E=a?E.nextSibling:E.previousSibling)||(E=b):E=a?k.childNodes[0]:k.childNodes[k.childNodes.length];E&&(E.classList.add("selected"),E.scrollIntoView({block:"end",behavior:"smooth"}))}function h(){function a(a,d){var f=document.createElement("div");F||(F=a);f.innerText=a;f.dataset.type=escape(a);f.className="litegraph lite-search-item";d&&(f.className+=" "+d);f.addEventListener("click",function(a){b(unescape(this.dataset.type))});k.appendChild(f)}
+J=null;var d=H.value;F=null;k.innerHTML="";if(d)if(f.onSearchBox){var h=f.onSearchBox(k,d,c);if(h)for(var q=0;q<h.length;++q)a(h[q])}else{h=function(a){var b=e.registered_node_types[a];return m&&b.filter!=m?!1:-1!==a.toLowerCase().indexOf(d)};var l=0;d=d.toLowerCase();var m=c.filter||c.graph.filter;for(q in e.searchbox_extras){var n=e.searchbox_extras[q];if(-1!==n.desc.toLowerCase().indexOf(d)){var W=e.registered_node_types[n.type];if(!W||W.filter==m)if(a(n.desc,"searchbox_extra"),-1!==g.search_limit&&
+l++>g.search_limit)break}}n=null;if(Array.prototype.filter)n=Object.keys(e.registered_node_types).filter(h);else for(q in n=[],e.registered_node_types)h(q)&&n.push(q);for(q=0;q<n.length&&!(a(n[q]),-1!==g.search_limit&&l++>g.search_limit);q++);}}var f=this,c=g.active_canvas,l=c.canvas,q=l.ownerDocument||document,m=document.createElement("div");m.className="litegraph litesearchbox graphdialog rounded";m.innerHTML="<span class='name'>Search</span> <input autofocus type='text' class='value rounded'/><div class='helper'></div>";
+m.close=function(){f.search_box=null;q.body.focus();q.body.style.overflow="";setTimeout(function(){f.canvas.focus()},20);m.parentNode&&m.parentNode.removeChild(m)};var v=null;1<this.ds.scale&&(m.style.transform="scale("+this.ds.scale+")");m.addEventListener("mouseenter",function(a){v&&(clearTimeout(v),v=null)});m.addEventListener("mouseleave",function(a){v=setTimeout(function(){m.close()},500)});f.search_box&&f.search_box.close();f.search_box=m;var k=m.querySelector(".helper"),F=null,J=null,E=null,
+H=m.querySelector("input");H&&(H.addEventListener("blur",function(a){this.focus()}),H.addEventListener("keydown",function(a){if(38==a.keyCode)d(!1);else if(40==a.keyCode)d(!0);else if(27==a.keyCode)m.close();else if(13==a.keyCode)E?b(E.innerHTML):F?b(F):m.close();else{J&&clearInterval(J);J=setTimeout(h,10);return}a.preventDefault();a.stopPropagation();a.stopImmediatePropagation();return!0}));q.fullscreenElement?q.fullscreenElement.appendChild(m):(q.body.appendChild(m),q.body.style.overflow="hidden");
+l=l.getBoundingClientRect();var r=(a?a.clientY:l.top+.5*l.height)-20;m.style.left=(a?a.clientX:l.left+.5*l.width)-80+"px";m.style.top=r+"px";a.layerY>l.height-200&&(k.style.maxHeight=l.height-a.layerY-20+"px");H.focus();return m};g.prototype.showEditPropertyValue=function(a,b,d){function h(){f(v.value)}function f(f){e&&e.values&&e.values.constructor===Object&&void 0!=e.values[f]&&(f=e.values[f]);"number"==typeof a.properties[b]&&(f=Number(f));if("array"==c||"object"==c)f=JSON.parse(f);a.properties[b]=
+f;a.graph&&a.graph._version++;if(a.onPropertyChanged)a.onPropertyChanged(b,f);if(d.onclose)d.onclose();g.close();a.setDirtyCanvas(!0,!0)}if(a&&void 0!==a.properties[b]){d=d||{};var e=a.getPropertyInfo(b),c=e.type,q="";if("string"==c||"number"==c||"array"==c||"object"==c)q="<input autofocus type='text' class='value'/>";else if("enum"!=c&&"combo"!=c||!e.values)if("boolean"==c)q="<input autofocus type='checkbox' class='value' "+(a.properties[b]?"checked":"")+"/>";else{console.warn("unknown type: "+c);
+return}else{q="<select autofocus type='text' class='value'>";for(var l in e.values){var m=l;e.values.constructor===Array&&(m=e.values[l]);q+="<option value='"+m+"' "+(m==a.properties[b]?"selected":"")+">"+e.values[l]+"</option>"}q+="</select>"}var g=this.createDialog("<span class='name'>"+(e.label?e.label:b)+"</span>"+q+"<button>OK</button>",d);if("enum"!=c&&"combo"!=c||!e.values)if("boolean"==c)(v=g.querySelector("input"))&&v.addEventListener("click",function(a){f(!!v.checked)});else{if(v=g.querySelector("input"))v.addEventListener("blur",
+function(a){this.focus()}),m=void 0!==a.properties[b]?a.properties[b]:"","string"!==c&&(m=JSON.stringify(m)),v.value=m,v.addEventListener("keydown",function(a){13==a.keyCode&&(h(),a.preventDefault(),a.stopPropagation())})}else{var v=g.querySelector("select");v.addEventListener("change",function(a){f(a.target.value)})}g.querySelector("button").addEventListener("click",h);return g}};g.prototype.createDialog=function(a,b){b=b||{};var d=document.createElement("div");d.className="graphdialog";d.innerHTML=
+a;a=this.canvas.getBoundingClientRect();var h=-20,f=-20;a&&(h-=a.left,f-=a.top);b.position?(h+=b.position[0],f+=b.position[1]):b.event?(h+=b.event.clientX,f+=b.event.clientY):(h+=.5*this.canvas.width,f+=.5*this.canvas.height);d.style.left=h+"px";d.style.top=f+"px";this.canvas.parentNode.appendChild(d);d.close=function(){this.parentNode&&this.parentNode.removeChild(this)};return d};g.prototype.createPanel=function(a,b){b=b||{};var d=b.window||window,h=document.createElement("div");h.className="litegraph dialog";
+h.innerHTML="<div class='dialog-header'><span class='dialog-title'></span></div><div class='dialog-content'></div><div class='dialog-footer'></div>";h.header=h.querySelector(".dialog-header");b.width&&(h.style.width=b.width+(b.width.constructor===Number?"px":""));b.height&&(h.style.height=b.height+(b.height.constructor===Number?"px":""));b.closable&&(b=document.createElement("span"),b.innerHTML="&#10005;",b.classList.add("close"),b.addEventListener("click",function(){h.close()}),h.header.appendChild(b));
+h.title_element=h.querySelector(".dialog-title");h.title_element.innerText=a;h.content=h.querySelector(".dialog-content");h.footer=h.querySelector(".dialog-footer");h.close=function(){this.parentNode&&this.parentNode.removeChild(this)};h.clear=function(){this.content.innerHTML=""};h.addHTML=function(a,b,d){var f=document.createElement("div");b&&(f.className=b);f.innerHTML=a;d?h.footer.appendChild(f):h.content.appendChild(f);return f};h.addButton=function(a,b,d){var f=document.createElement("button");
+f.innerText=a;f.options=d;f.classList.add("btn");f.addEventListener("click",b);h.footer.appendChild(f);return f};h.addSeparator=function(){var a=document.createElement("div");a.className="separator";h.content.appendChild(a)};h.addWidget=function(a,b,c,q,l){function f(a,b){console.log("change",a,b);q.callback&&q.callback(a,b);l&&l(a,b)}q=q||{};var m=String(c);a=a.toLowerCase();"number"==a&&(m=c.toFixed(3));var n=document.createElement("div");n.className="property";n.innerHTML="<span class='property_name'></span><span class='property_value'></span>";
+n.querySelector(".property_name").innerText=q.label||b;var v=n.querySelector(".property_value");v.innerText=m;n.dataset.property=b;n.dataset.type=q.type||a;n.options=q;n.value=c;if("boolean"==a)n.classList.add("boolean"),c&&n.classList.add("bool-on"),n.addEventListener("click",function(){var a=this.dataset.property;this.value=!this.value;this.classList.toggle("bool-on");this.querySelector(".property_value").innerText=this.value?"true":"false";f(a,this.value)});else if("string"==a||"number"==a)v.setAttribute("contenteditable",
+!0),v.addEventListener("keydown",function(a){"Enter"==a.code&&(a.preventDefault(),this.blur())}),v.addEventListener("blur",function(){var a=this.innerText,b=this.parentNode.dataset.property;"number"==this.parentNode.dataset.type&&(a=Number(a));f(b,a)});else if("enum"==a||"combo"==a)m=g.getPropertyPrintableValue(c,q.values),v.innerText=m,v.addEventListener("click",function(a){var b=this.parentNode.dataset.property,h=this;new e.ContextMenu(q.values||[],{event:a,className:"dark",callback:function(a,
+d,e){h.innerText=a;f(b,a);return!1}},d)});h.content.appendChild(n);return n};return h};g.getPropertyPrintableValue=function(a,b){if(!b||b.constructor===Array)return String(a);if(b.constructor===Object){var d="",h;for(h in b)if(b[h]==a){d=h;break}return String(a)+" ("+d+")"}};g.prototype.showShowNodePanel=function(a){window.SELECTED_NODE=a;var b=document.querySelector("#node-panel");b&&b.close();var d=this.getCanvasWindow();b=this.createPanel(a.title||"",{closable:!0,window:d});b.id="node-panel";b.node=
+a;b.classList.add("settings");var h=this;(function(){b.content.innerHTML="";b.addHTML("<span class='node_type'>"+a.type+"</span><span class='node_desc'>"+(a.constructor.desc||"")+"</span><span class='separator'></span>");b.addHTML("<h3>Properties</h3>");for(var d in a.properties){var e=a.properties[d],c=a.getPropertyInfo(d);a.onAddPropertyToPanel&&a.onAddPropertyToPanel(d,b)||b.addWidget(c.widget||c.type,d,e,c,function(b,d){h.graph.beforeChange(a);a.setProperty(b,d);h.graph.afterChange();h.dirty_canvas=
+!0})}b.addSeparator();if(a.onShowCustomPanelInfo)a.onShowCustomPanelInfo(b);b.addButton("Delete",function(){a.block_delete||(a.graph.remove(a),b.close())}).classList.add("delete")})();this.canvas.parentNode.appendChild(b)};g.prototype.showSubgraphPropertiesDialog=function(a){function b(){h.clear();if(a.inputs)for(var d=0;d<a.inputs.length;++d){var e=a.inputs[d];if(!e.not_subgraph_input){var c=h.addHTML("<button>&#10005;</button> <span class='bullet_icon'></span><span class='name'></span><span class='type'></span>",
+"subgraph_property");c.dataset.name=e.name;c.dataset.slot=d;c.querySelector(".name").innerText=e.name;c.querySelector(".type").innerText=e.type;c.querySelector("button").addEventListener("click",function(d){a.removeInput(Number(this.parentNode.dataset.slot));b()})}}}console.log("showing subgraph properties dialog");var d=this.canvas.parentNode.querySelector(".subgraph_dialog");d&&d.close();var h=this.createPanel("Subgraph Inputs",{closable:!0,width:500});h.node=a;h.classList.add("subgraph_dialog");
+h.addHTML(" + <span class='label'>Name</span><input class='name'/><span class='label'>Type</span><input class='type'></input><button>+</button>","subgraph_property extra",!0).querySelector("button").addEventListener("click",function(d){d=this.parentNode;var f=d.querySelector(".name").value,h=d.querySelector(".type").value;f&&-1==a.findInputSlot(f)&&(a.addInput(f,h),d.querySelector(".name").value="",d.querySelector(".type").value="",b())});b();this.canvas.parentNode.appendChild(h);return h};g.prototype.checkPanels=
+function(){if(this.canvas)for(var a=this.canvas.parentNode.querySelectorAll(".litegraph.dialog"),b=0;b<a.length;++b){var d=a[b];d.node&&(d.node.graph&&d.graph==this.graph||d.close())}};g.onMenuNodeCollapse=function(a,b,d,h,f){f.graph.beforeChange(f);f.collapse();f.graph.afterChange(f)};g.onMenuNodePin=function(a,b,d,h,f){f.pin()};g.onMenuNodeMode=function(a,b,d,h,f){new e.ContextMenu(["Always","On Event","On Trigger","Never"],{event:d,callback:function(a){if(f)switch(a){case "On Event":f.mode=e.ON_EVENT;
+break;case "On Trigger":f.mode=e.ON_TRIGGER;break;case "Never":f.mode=e.NEVER;break;default:f.mode=e.ALWAYS}},parentMenu:h,node:f});return!1};g.onMenuNodeColors=function(a,b,d,h,f){if(!f)throw"no node for color";b=[];b.push({value:null,content:"<span style='display: block; padding-left: 4px;'>No color</span>"});for(var c in g.node_colors)a=g.node_colors[c],a={value:c,content:"<span style='display: block; color: #999; padding-left: 4px; border-left: 8px solid "+a.color+"; background-color:"+a.bgcolor+
+"'>"+c+"</span>"},b.push(a);new e.ContextMenu(b,{event:d,callback:function(a){f&&((a=a.value?g.node_colors[a.value]:null)?f.constructor===e.LGraphGroup?f.color=a.groupcolor:(f.color=a.color,f.bgcolor=a.bgcolor):(delete f.color,delete f.bgcolor),f.setDirtyCanvas(!0,!0))},parentMenu:h,node:f});return!1};g.onMenuNodeShapes=function(a,b,d,h,f){if(!f)throw"no node passed";new e.ContextMenu(e.VALID_SHAPES,{event:d,callback:function(a){f&&(f.graph.beforeChange(f),f.shape=a,f.graph.afterChange(f),f.setDirtyCanvas(!0))},
+parentMenu:h,node:f});return!1};g.onMenuNodeRemove=function(a,b,d,h,f){if(!f)throw"no node passed";!1!==f.removable&&(a=f.graph,a.beforeChange(),a.remove(f),a.afterChange(),f.setDirtyCanvas(!0,!0))};g.onMenuNodeToSubgraph=function(a,b,d,h,f){a=f.graph;if(b=g.active_canvas)d=Object.values(b.selected_nodes||{}),d.length||(d=[f]),h=e.createNode("graph/subgraph"),h.pos=f.pos.concat(),a.add(h),h.buildFromNodes(d),b.deselectAllNodes(),f.setDirtyCanvas(!0,!0)};g.onMenuNodeClone=function(a,b,d,h,f){0!=f.clonable&&
+(a=f.clone())&&(a.pos=[f.pos[0]+5,f.pos[1]+5],f.graph.beforeChange(),f.graph.add(a),f.graph.afterChange(),f.setDirtyCanvas(!0,!0))};g.node_colors={red:{color:"#322",bgcolor:"#533",groupcolor:"#A88"},brown:{color:"#332922",bgcolor:"#593930",groupcolor:"#b06634"},green:{color:"#232",bgcolor:"#353",groupcolor:"#8A8"},blue:{color:"#223",bgcolor:"#335",groupcolor:"#88A"},pale_blue:{color:"#2a363b",bgcolor:"#3f5159",groupcolor:"#3f789e"},cyan:{color:"#233",bgcolor:"#355",groupcolor:"#8AA"},purple:{color:"#323",
+bgcolor:"#535",groupcolor:"#a1309b"},yellow:{color:"#432",bgcolor:"#653",groupcolor:"#b58b2a"},black:{color:"#222",bgcolor:"#000",groupcolor:"#444"}};g.prototype.getCanvasMenuOptions=function(){if(this.getMenuOptions)var a=this.getMenuOptions();else a=[{content:"Add Node",has_submenu:!0,callback:g.onMenuAdd},{content:"Add Group",callback:g.onGroupAdd}],this._graph_stack&&0<this._graph_stack.length&&a.push(null,{content:"Close subgraph",callback:this.closeSubgraph.bind(this)});if(this.getExtraMenuOptions){var b=
+this.getExtraMenuOptions(this,a);b&&(a=a.concat(b))}return a};g.prototype.getNodeMenuOptions=function(a){var b=null;b=a.getMenuOptions?a.getMenuOptions(this):[{content:"Inputs",has_submenu:!0,disabled:!0,callback:g.showMenuNodeOptionalInputs},{content:"Outputs",has_submenu:!0,disabled:!0,callback:g.showMenuNodeOptionalOutputs},null,{content:"Properties",has_submenu:!0,callback:g.onShowMenuNodeProperties},null,{content:"Title",callback:g.onShowPropertyEditor},{content:"Mode",has_submenu:!0,callback:g.onMenuNodeMode},
+{content:"Resize",callback:function(){if(a.resizable)return g.onResizeNode}},{content:"Collapse",callback:g.onMenuNodeCollapse},{content:"Pin",callback:g.onMenuNodePin},{content:"Colors",has_submenu:!0,callback:g.onMenuNodeColors},{content:"Shapes",has_submenu:!0,callback:g.onMenuNodeShapes},null];if(a.onGetInputs){var d=a.onGetInputs();d&&d.length&&(b[0].disabled=!1)}a.onGetOutputs&&(d=a.onGetOutputs())&&d.length&&(b[1].disabled=!1);a.getExtraMenuOptions&&(d=a.getExtraMenuOptions(this,b))&&(d.push(null),
+b=d.concat(b));!1!==a.clonable&&b.push({content:"Clone",callback:g.onMenuNodeClone});b.push(null,{content:"Remove",disabled:!(!1!==a.removable&&!a.block_delete),callback:g.onMenuNodeRemove});if(a.graph&&a.graph.onGetNodeMenuOptions)a.graph.onGetNodeMenuOptions(b,a);return b};g.prototype.getGroupMenuOptions=function(a){return[{content:"Title",callback:g.onShowPropertyEditor},{content:"Color",has_submenu:!0,callback:g.onMenuNodeColors},{content:"Font size",property:"font_size",type:"Number",callback:g.onShowPropertyEditor},
+null,{content:"Remove",callback:g.onMenuNodeRemove}]};g.prototype.processContextMenu=function(a,b){var d=this,h=g.active_canvas.getCanvasWindow(),f=null,c={event:b,callback:function(b,f,h){if(b)if("Remove Slot"==b.content)b=b.slot,b.input?a.removeInput(b.slot):b.output&&a.removeOutput(b.slot);else if("Disconnect Links"==b.content)b=b.slot,b.output?a.disconnectOutput(b.slot):b.input&&a.disconnectInput(b.slot);else if("Rename Slot"==b.content){b=b.slot;var c=b.input?a.getInputInfo(b.slot):a.getOutputInfo(b.slot),
+e=d.createDialog("<span class='name'>Name</span><input autofocus type='text'/><button>OK</button>",f),l=e.querySelector("input");l&&c&&(l.value=c.label||"");e.querySelector("button").addEventListener("click",function(a){l.value&&(c&&(c.label=l.value),d.setDirty(!0));e.close()})}},extra:a};a&&(c.title=a.type);var l=null;a&&(l=a.getSlotInPosition(b.canvasX,b.canvasY),g.active_node=a);l?(f=[],a.getSlotMenuOptions?f=a.getSlotMenuOptions(l):(l&&l.output&&l.output.links&&l.output.links.length&&f.push({content:"Disconnect Links",
+slot:l}),b=l.input||l.output,f.push(b.locked?"Cannot remove":{content:"Remove Slot",slot:l}),f.push(b.nameLocked?"Cannot rename":{content:"Rename Slot",slot:l})),c.title=(l.input?l.input.type:l.output.type)||"*",l.input&&l.input.type==e.ACTION&&(c.title="Action"),l.output&&l.output.type==e.EVENT&&(c.title="Event")):a?f=this.getNodeMenuOptions(a):(f=this.getCanvasMenuOptions(),(l=this.graph.getGroupOnPos(b.canvasX,b.canvasY))&&f.push(null,{content:"Edit Group",has_submenu:!0,submenu:{title:"Group",
+extra:l,options:this.getGroupMenuOptions(l)}}));f&&new e.ContextMenu(f,c,h)};"undefined"!=typeof window&&window.CanvasRenderingContext2D&&!window.CanvasRenderingContext2D.prototype.roundRect&&(window.CanvasRenderingContext2D.prototype.roundRect=function(a,b,d,h,f,c){var e,l;if(0===f)this.rect(a,b,d,h);else{void 0===c&&(c=f);if(null!=f&&f.constructor===Array)if(1==f.length)var m=e=l=c=f[0];else if(2==f.length)m=c=f[0],e=l=f[1];else if(4==f.length)m=f[0],e=f[1],l=f[2],c=f[3];else return;else m=f||0,
+e=f||0,l=c||0,c=c||0;this.moveTo(a+m,b);this.lineTo(a+d-e,b);this.quadraticCurveTo(a+d,b,a+d,b+e);this.lineTo(a+d,b+h-c);this.quadraticCurveTo(a+d,b+h,a+d-c,b+h);this.lineTo(a+c,b+h);this.quadraticCurveTo(a,b+h,a,b+h-l);this.lineTo(a,b+l);this.quadraticCurveTo(a,b,a+m,b)}});e.compareObjects=function(a,b){for(var d in a)if(a[d]!=b[d])return!1;return!0};e.distance=B;e.colorToString=function(a){return"rgba("+Math.round(255*a[0]).toFixed()+","+Math.round(255*a[1]).toFixed()+","+Math.round(255*a[2]).toFixed()+
+","+(4==a.length?a[3].toFixed(2):"1.0")+")"};e.isInsideRectangle=z;e.growBounding=function(a,b,d){b<a[0]?a[0]=b:b>a[2]&&(a[2]=b);d<a[1]?a[1]=d:d>a[3]&&(a[3]=d)};e.isInsideBounding=function(a,b){return a[0]<b[0][0]||a[1]<b[0][1]||a[0]>b[1][0]||a[1]>b[1][1]?!1:!0};e.overlapBounding=G;e.hex2num=function(a){"#"==a.charAt(0)&&(a=a.slice(1));a=a.toUpperCase();for(var b=Array(3),d=0,h,f,c=0;6>c;c+=2)h="0123456789ABCDEF".indexOf(a.charAt(c)),f="0123456789ABCDEF".indexOf(a.charAt(c+1)),b[d]=16*h+f,d++;return b};
+e.num2hex=function(a){for(var b="#",d,h,f=0;3>f;f++)d=a[f]/16,h=a[f]%16,b+="0123456789ABCDEF".charAt(d)+"0123456789ABCDEF".charAt(h);return b};A.prototype.addItem=function(a,b,d){function h(a){var b=this.value;b&&b.has_submenu&&f.call(this,a)}function f(a){var b=this.value,f=!0;c.current_submenu&&c.current_submenu.close(a);if(d.callback){var h=d.callback.call(this,b,d,a,c,d.node);!0===h&&(f=!1)}if(b&&(b.callback&&!d.ignore_item_callbacks&&!0!==b.disabled&&(h=b.callback.call(this,b,d,a,c,d.extra),
+!0===h&&(f=!1)),b.submenu)){if(!b.submenu.options)throw"ContextMenu submenu needs options";new c.constructor(b.submenu.options,{callback:b.submenu.callback,event:a,parentMenu:c,ignore_item_callbacks:b.submenu.ignore_item_callbacks,title:b.submenu.title,extra:b.submenu.extra,autoopen:d.autoopen});f=!1}f&&!c.lock&&c.close()}var c=this;d=d||{};var e=document.createElement("div");e.className="litemenu-entry submenu";var l=!1;if(null===b)e.classList.add("separator");else{e.innerHTML=b&&b.title?b.title:
+a;if(e.value=b)b.disabled&&(l=!0,e.classList.add("disabled")),(b.submenu||b.has_submenu)&&e.classList.add("has_submenu");"function"==typeof b?(e.dataset.value=a,e.onclick_callback=b):e.dataset.value=b;b.className&&(e.className+=" "+b.className)}this.root.appendChild(e);l||e.addEventListener("click",f);d.autoopen&&e.addEventListener("mouseenter",h);return e};A.prototype.close=function(a,b){this.root.parentNode&&this.root.parentNode.removeChild(this.root);this.parentMenu&&!b&&(this.parentMenu.lock=
+!1,this.parentMenu.current_submenu=null,void 0===a?this.parentMenu.close():a&&!A.isCursorOverElement(a,this.parentMenu.root)&&A.trigger(this.parentMenu.root,"mouseleave",a));this.current_submenu&&this.current_submenu.close(a,!0);this.root.closing_timer&&clearTimeout(this.root.closing_timer)};A.trigger=function(a,b,d,h){var f=document.createEvent("CustomEvent");f.initCustomEvent(b,!0,!0,d);f.srcElement=h;a.dispatchEvent?a.dispatchEvent(f):a.__events&&a.__events.dispatchEvent(f);return f};A.prototype.getTopMenu=
+function(){return this.options.parentMenu?this.options.parentMenu.getTopMenu():this};A.prototype.getFirstEvent=function(){return this.options.parentMenu?this.options.parentMenu.getFirstEvent():this.options.event};A.isCursorOverElement=function(a,b){var d=a.clientX;a=a.clientY;return(b=b.getBoundingClientRect())?a>b.top&&a<b.top+b.height&&d>b.left&&d<b.left+b.width?!0:!1:!1};e.ContextMenu=A;e.closeAllContextMenus=function(a){a=a||window;a=a.document.querySelectorAll(".litecontextmenu");if(a.length){for(var b=
+[],d=0;d<a.length;d++)b.push(a[d]);for(d=0;d<b.length;d++)b[d].close?b[d].close():b[d].parentNode&&b[d].parentNode.removeChild(b[d])}};e.extendClass=function(a,b){for(var d in b)a.hasOwnProperty(d)||(a[d]=b[d]);if(b.prototype)for(d in b.prototype)b.prototype.hasOwnProperty(d)&&!a.prototype.hasOwnProperty(d)&&(b.prototype.__lookupGetter__(d)?a.prototype.__defineGetter__(d,b.prototype.__lookupGetter__(d)):a.prototype[d]=b.prototype[d],b.prototype.__lookupSetter__(d)&&a.prototype.__defineSetter__(d,
+b.prototype.__lookupSetter__(d)))};C.sampleCurve=function(a,b){if(b){for(var d=0;d<b.length-1;++d){var h=b[d],f=b[d+1];if(!(f[0]<a)){b=f[0]-h[0];if(1E-5>Math.abs(b))return h[1];a=(a-h[0])/b;return h[1]*(1-a)+f[1]*a}}return 0}};C.prototype.draw=function(a,b,d,h,f,c){if(d=this.points){this.size=b;var e=b[0]-2*this.margin;b=b[1]-2*this.margin;f=f||"#666";a.save();a.translate(this.margin,this.margin);h&&(a.fillStyle="#111",a.fillRect(0,0,e,b),a.fillStyle="#222",a.fillRect(.5*e,0,1,b),a.strokeStyle="#333",
+a.strokeRect(0,0,e,b));a.strokeStyle=f;c&&(a.globalAlpha=.5);a.beginPath();for(h=0;h<d.length;++h)f=d[h],a.lineTo(f[0]*e,(1-f[1])*b);a.stroke();a.globalAlpha=1;if(!c)for(h=0;h<d.length;++h)f=d[h],a.fillStyle=this.selected==h?"#FFF":this.nearest==h?"#DDD":"#AAA",a.beginPath(),a.arc(f[0]*e,(1-f[1])*b,2,0,2*Math.PI),a.fill();a.restore()}};C.prototype.onMouseDown=function(a,b){var d=this.points;if(d&&!(0>a[1])){var h=this.size[0]-2*this.margin,f=this.size[1]-2*this.margin,c=a[0]-this.margin;a=a[1]-this.margin;
+this.selected=this.getCloserPoint([c,a],30/b.ds.scale);-1==this.selected&&(b=[c/h,1-a/f],d.push(b),d.sort(function(a,b){return a[0]-b[0]}),this.selected=d.indexOf(b),this.must_update=!0);if(-1!=this.selected)return!0}};C.prototype.onMouseMove=function(a,b){var d=this.points;if(d){var h=this.selected;if(!(0>h)){var f=(a[0]-this.margin)/(this.size[0]-2*this.margin),c=(a[1]-this.margin)/(this.size[1]-2*this.margin);this._nearest=this.getCloserPoint([a[0]-this.margin,a[1]-this.margin],30/b.ds.scale);
+if(b=d[h]){var e=0==h||h==d.length-1;!e&&(-10>a[0]||a[0]>this.size[0]+10||-10>a[1]||a[1]>this.size[1]+10)?(d.splice(h,1),this.selected=-1):(b[0]=e?0==h?0:1:Math.clamp(f,0,1),b[1]=1-Math.clamp(c,0,1),d.sort(function(a,b){return a[0]-b[0]}),this.selected=d.indexOf(b),this.must_update=!0)}}}};C.prototype.onMouseUp=function(a,b){this.selected=-1;return!1};C.prototype.getCloserPoint=function(a,b){var d=this.points;if(!d)return-1;b=b||30;for(var h=this.size[0]-2*this.margin,f=this.size[1]-2*this.margin,
+c=d.length,e=[0,0],l=1E6,m=-1,g=0;g<c;++g){var v=d[g];e[0]=v[0]*h;e[1]=(1-v[1])*f;v=vec2.distance(a,e);v>l||v>b||(m=g,l=v)}return m};e.CurveEditor=C;e.getParameterNames=function(a){return(a+"").replace(/[/][/].*$/gm,"").replace(/\s+/g,"").replace(/[/][*][^/*]*[*][/]/g,"").split("){",1)[0].replace(/^[^(]*[(]/,"").replace(/=[^,]+/g,"").split(",").filter(Boolean)};Math.clamp=function(a,b,d){return b>a?b:d<a?d:a};"undefined"==typeof window||window.requestAnimationFrame||(window.requestAnimationFrame=
+window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(a){window.setTimeout(a,1E3/60)})})(this);"undefined"!=typeof exports&&(exports.LiteGraph=this.LiteGraph);
 (function(y){function c(){this.addOutput("in ms","number");this.addOutput("in sec","number")}function k(){this.size=[140,80];this.properties={enabled:!0};this.enabled=!0;this.subgraph=new n.LGraph;this.subgraph._subgraph_node=this;this.subgraph._is_subgraph=!0;this.subgraph.onTrigger=this.onSubgraphTrigger.bind(this);this.subgraph.onInputAdded=this.onSubgraphNewInput.bind(this);this.subgraph.onInputRenamed=this.onSubgraphRenamedInput.bind(this);this.subgraph.onInputTypeChanged=this.onSubgraphTypeChangeInput.bind(this);
 this.subgraph.onInputRemoved=this.onSubgraphRemovedInput.bind(this);this.subgraph.onOutputAdded=this.onSubgraphNewOutput.bind(this);this.subgraph.onOutputRenamed=this.onSubgraphRenamedOutput.bind(this);this.subgraph.onOutputTypeChanged=this.onSubgraphTypeChangeOutput.bind(this);this.subgraph.onOutputRemoved=this.onSubgraphRemovedOutput.bind(this)}function t(){this.addOutput("","number");this.name_in_graph="";this.properties={name:"",type:"number",value:0};var a=this;this.name_widget=this.addWidget("text",
 "Name",this.properties.name,function(b){b&&a.setProperty("name",b)});this.type_widget=this.addWidget("text","Type",this.properties.type,function(b){a.setProperty("type",b)});this.value_widget=this.addWidget("number","Value",this.properties.value,function(b){a.setProperty("value",b)});this.widgets_up=!0;this.size=[180,90]}function r(){this.addInput("","");this.name_in_graph="";this.properties={};var a=this;Object.defineProperty(this.properties,"name",{get:function(){return a.name_in_graph},set:function(b){""!=
diff --git a/build/litegraph_mini.js b/build/litegraph_mini.js
index 0031085cde..da7aa57b45 100644
--- a/build/litegraph_mini.js
+++ b/build/litegraph_mini.js
@@ -7031,7 +7031,7 @@ LGraphNode.prototype.executeAction = function(action)
 		ctx.fillStyle = "#111";
 		ctx.globalAlpha = 0.8;
 		ctx.beginPath();
-		ctx.roundRect(10,10,w, (num + 1) * h + 50,8 );
+		ctx.roundRect(10,10,w, (num + 1) * h + 50,[8] );
 		ctx.fill();
 		ctx.globalAlpha = 1;
 
@@ -7118,7 +7118,7 @@ LGraphNode.prototype.executeAction = function(action)
 		if(clicked)
 			ctx.fillStyle = "#AAA";
 		ctx.beginPath();
-		ctx.roundRect(x,y,w,h,4 );
+		ctx.roundRect(x,y,w,h,[4] );
 		ctx.fill();
 
 		if(text != null)
@@ -7431,7 +7431,7 @@ LGraphNode.prototype.executeAction = function(action)
             if (shape == LiteGraph.BOX_SHAPE) {
                 ctx.rect(0, 0, size[0], size[1]);
             } else if (shape == LiteGraph.ROUND_SHAPE) {
-                ctx.roundRect(0, 0, size[0], size[1], 10);
+                ctx.roundRect(0, 0, size[0], size[1], [10]);
             } else if (shape == LiteGraph.CIRCLE_SHAPE) {
                 ctx.arc(
                     size[0] * 0.5,
@@ -7783,7 +7783,7 @@ LGraphNode.prototype.executeAction = function(action)
 		ctx.shadowBlur = 3;
 		ctx.fillStyle = "#454";
 		ctx.beginPath();
-		ctx.roundRect( pos[0] - w*0.5, pos[1] - 15 - h, w, h,3, 3);
+		ctx.roundRect( pos[0] - w*0.5, pos[1] - 15 - h, w, h, [3]);
 		ctx.moveTo( pos[0] - 10, pos[1] - 15 );
 		ctx.lineTo( pos[0] + 10, pos[1] - 15 );
 		ctx.lineTo( pos[0], pos[1] - 5 );
@@ -7852,8 +7852,7 @@ LGraphNode.prototype.executeAction = function(action)
                     area[1],
                     area[2],
                     area[3],
-                    this.round_radius,
-                    shape == LiteGraph.CARD_SHAPE ? 0 : this.round_radius
+                    shape == LiteGraph.CARD_SHAPE ? [this.round_radius,this.round_radius,0,0] : [this.round_radius] 
                 );
             } else if (shape == LiteGraph.CIRCLE_SHAPE) {
                 ctx.arc(
@@ -7918,8 +7917,7 @@ LGraphNode.prototype.executeAction = function(action)
                         -title_height,
                         size[0] + 1,
                         title_height,
-                        this.round_radius,
-                        node.flags.collapsed ? this.round_radius : 0
+                        node.flags.collapsed ? [this.round_radius] : [this.round_radius,this.round_radius,0,0]
                     );
                 }
                 ctx.fill();
@@ -8036,7 +8034,7 @@ LGraphNode.prototype.executeAction = function(action)
 				else
 				{
 					ctx.beginPath();
-					ctx.roundRect(x+2, -w+2, w-4, w-4,4);
+					ctx.roundRect(x+2, -w+2, w-4, w-4,[4]);
 					ctx.fill();
 				}
 				ctx.fillStyle = "#333";
@@ -8082,7 +8080,7 @@ LGraphNode.prototype.executeAction = function(action)
                     -6 + area[1],
                     12 + area[2],
                     12 + area[3],
-                    this.round_radius * 2
+                    [this.round_radius * 2]
                 );
             } else if (shape == LiteGraph.CARD_SHAPE) {
                 ctx.roundRect(
@@ -8090,8 +8088,7 @@ LGraphNode.prototype.executeAction = function(action)
                     -6 + area[1],
                     12 + area[2],
                     12 + area[3],
-                    this.round_radius * 2,
-                    2
+                    [this.round_radius * 2,2,this.round_radius * 2,2]
                 );
             } else if (shape == LiteGraph.CIRCLE_SHAPE) {
                 ctx.arc(
@@ -8681,7 +8678,7 @@ LGraphNode.prototype.executeAction = function(action)
                     ctx.fillStyle = background_color;
                     ctx.beginPath();
                     if (show_text)
-	                    ctx.roundRect(margin, posY, widget_width - margin * 2, H, H * 0.5);
+	                    ctx.roundRect(margin, posY, widget_width - margin * 2, H, [H * 0.5]);
 					else
 	                    ctx.rect(margin, posY, widget_width - margin * 2, H );
                     ctx.fill();
@@ -8738,7 +8735,7 @@ LGraphNode.prototype.executeAction = function(action)
                     ctx.fillStyle = background_color;
                     ctx.beginPath();
 					if(show_text)
-	                    ctx.roundRect(margin, posY, widget_width - margin * 2, H, H * 0.5);
+	                    ctx.roundRect(margin, posY, widget_width - margin * 2, H, [H * 0.5] );
 					else
 	                    ctx.rect(margin, posY, widget_width - margin * 2, H );
                     ctx.fill();
@@ -8798,7 +8795,7 @@ LGraphNode.prototype.executeAction = function(action)
                     ctx.fillStyle = background_color;
                     ctx.beginPath();
                     if (show_text)
-	                    ctx.roundRect(margin, posY, widget_width - margin * 2, H, H * 0.5);
+	                    ctx.roundRect(margin, posY, widget_width - margin * 2, H, [H * 0.5]);
 					else
 	                    ctx.rect( margin, posY, widget_width - margin * 2, H );
                     ctx.fill();
diff --git a/build/litegraph_mini.min.js b/build/litegraph_mini.min.js
index 8a7364be4d..d0facfc142 100644
--- a/build/litegraph_mini.min.js
+++ b/build/litegraph_mini.min.js
@@ -169,18 +169,18 @@ b[d];a.save();a.translate(e.pos[0],e.pos[1]);this.drawNode(e,a);a.restore()}this
 (this.connecting_node.horizontal?k.DOWN:k.RIGHT),k.CENTER);a.beginPath();this.connecting_output.type===k.EVENT||this.connecting_output.shape===k.BOX_SHAPE?a.rect(this.connecting_pos[0]-6+.5,this.connecting_pos[1]-5+.5,14,10):this.connecting_output.shape===k.ARROW_SHAPE?(a.moveTo(this.connecting_pos[0]+8,this.connecting_pos[1]+.5),a.lineTo(this.connecting_pos[0]-4,this.connecting_pos[1]+6+.5),a.lineTo(this.connecting_pos[0]-4,this.connecting_pos[1]-6+.5),a.closePath()):a.arc(this.connecting_pos[0],
 this.connecting_pos[1],4,0,2*Math.PI);a.fill();a.fillStyle="#ffcc00";this._highlight_input&&(a.beginPath(),this._highlight_input_slot.shape===k.ARROW_SHAPE?(a.moveTo(this._highlight_input[0]+8,this._highlight_input[1]+.5),a.lineTo(this._highlight_input[0]-4,this._highlight_input[1]+6+.5),a.lineTo(this._highlight_input[0]-4,this._highlight_input[1]-6+.5),a.closePath()):a.arc(this._highlight_input[0],this._highlight_input[1],6,0,2*Math.PI),a.fill())}this.dragging_rectangle&&(a.strokeStyle="#FFF",a.strokeRect(this.dragging_rectangle[0],
 this.dragging_rectangle[1],this.dragging_rectangle[2],this.dragging_rectangle[3]));if(this.over_link_center&&this.render_link_tooltip)this.drawLinkTooltip(a,this.over_link_center);else if(this.onDrawLinkTooltip)this.onDrawLinkTooltip(a,null);if(this.onDrawForeground)this.onDrawForeground(a,this.visible_rect);a.restore()}this._graph_stack&&this._graph_stack.length&&this.drawSubgraphPanel(a);if(this.onDrawOverlay)this.onDrawOverlay(a);c&&a.restore();a.finish2D&&a.finish2D()}};h.prototype.drawSubgraphPanel=
-function(a){var b=this.graph,c=b._subgraph_node;if(c){var d=c.inputs?c.inputs.length:0,e=Math.floor(1.6*k.NODE_SLOT_HEIGHT);a.fillStyle="#111";a.globalAlpha=.8;a.beginPath();a.roundRect(10,10,300,(d+1)*e+50,8);a.fill();a.globalAlpha=1;a.fillStyle="#888";a.font="14px Arial";a.textAlign="left";a.fillText("Graph Inputs",20,34);if(this.drawButton(280,20,20,20,"X","#151515"))this.closeSubgraph();else{d=50;a.font="20px Arial";if(c.inputs)for(var f=0;f<c.inputs.length;++f){var g=c.inputs[f];if(!g.not_subgraph_input){if(this.drawButton(20,
+function(a){var b=this.graph,c=b._subgraph_node;if(c){var d=c.inputs?c.inputs.length:0,e=Math.floor(1.6*k.NODE_SLOT_HEIGHT);a.fillStyle="#111";a.globalAlpha=.8;a.beginPath();a.roundRect(10,10,300,(d+1)*e+50,[8]);a.fill();a.globalAlpha=1;a.fillStyle="#888";a.font="14px Arial";a.textAlign="left";a.fillText("Graph Inputs",20,34);if(this.drawButton(280,20,20,20,"X","#151515"))this.closeSubgraph();else{d=50;a.font="20px Arial";if(c.inputs)for(var f=0;f<c.inputs.length;++f){var g=c.inputs[f];if(!g.not_subgraph_input){if(this.drawButton(20,
 d+2,280,e-2)){var n=c.constructor.input_node_type||"graph/input";this.graph.beforeChange();var r=k.createNode(n);r?(b.add(r),this.block_click=!1,this.last_click_position=null,this.selectNodes([r]),this.node_dragged=r,this.dragging_canvas=!1,r.setProperty("name",g.name),r.setProperty("type",g.type),this.node_dragged.pos[0]=this.graph_mouse[0]-5,this.node_dragged.pos[1]=this.graph_mouse[1]-5,this.graph.afterChange()):console.error("graph input node not found:",n)}a.fillStyle="#9C9";a.beginPath();a.arc(284,
 d+.5*e,5,0,2*Math.PI);a.fill();a.fillStyle="#AAA";a.fillText(g.name,50,d+.75*e);n=a.measureText(g.name);a.fillStyle="#777";a.fillText(g.type,50+n.width+10,d+.75*e);d+=e}}this.drawButton(20,d+2,280,e-2,"+","#151515","#222")&&this.showSubgraphPropertiesDialog(c)}}else console.warn("subgraph without subnode")};h.prototype.drawButton=function(a,b,c,d,e,f,g,n){var r=this.ctx;f=f||k.NODE_DEFAULT_COLOR;g=g||"#555";n=n||k.NODE_TEXT_COLOR;var h=this.mouse,u=k.isInsideRectangle(h[0],h[1],a,b,c,d);h=(h=this.last_click_position)&&
-k.isInsideRectangle(h[0],h[1],a,b,c,d);r.fillStyle=u?g:f;h&&(r.fillStyle="#AAA");r.beginPath();r.roundRect(a,b,c,d,4);r.fill();null!=e&&e.constructor==String&&(r.fillStyle=n,r.textAlign="center",r.font=(.65*d|0)+"px Arial",r.fillText(e,a+.5*c,b+.75*d),r.textAlign="left");a=h&&!this.block_click;h&&this.blockClick();return a};h.prototype.isAreaClicked=function(a,b,c,d,e){var f=this.mouse;k.isInsideRectangle(f[0],f[1],a,b,c,d);b=(a=(f=this.last_click_position)&&k.isInsideRectangle(f[0],f[1],a,b,c,d))&&
-!this.block_click;a&&e&&this.blockClick();return b};h.prototype.renderInfo=function(a,b,c){b=b||10;c=c||this.canvas.height-80;a.save();a.translate(b,c);a.font="10px Arial";a.fillStyle="#888";a.textAlign="left";this.graph?(a.fillText("T: "+this.graph.globaltime.toFixed(2)+"s",5,13),a.fillText("I: "+this.graph.iteration,5,26),a.fillText("N: "+this.graph._nodes.length+" ["+this.visible_nodes.length+"]",5,39),a.fillText("V: "+this.graph._version,5,52),a.fillText("FPS:"+this.fps.toFixed(2),5,65)):a.fillText("No graph selected",
-5,13);a.restore()};h.prototype.drawBackCanvas=function(){var a=this.bgcanvas;if(a.width!=this.canvas.width||a.height!=this.canvas.height)a.width=this.canvas.width,a.height=this.canvas.height;this.bgctx||(this.bgctx=this.bgcanvas.getContext("2d"));var b=this.bgctx;b.start&&b.start();var c=this.viewport||[0,0,b.canvas.width,b.canvas.height];this.clear_background&&b.clearRect(c[0],c[1],c[2],c[3]);if(this._graph_stack&&this._graph_stack.length){b.save();c=this.graph._subgraph_node;b.strokeStyle=c.bgcolor;
-b.lineWidth=10;b.strokeRect(1,1,a.width-2,a.height-2);b.lineWidth=1;b.font="40px Arial";b.textAlign="center";b.fillStyle=c.bgcolor||"#AAA";for(var d="",e=1;e<this._graph_stack.length;++e)d+=this._graph_stack[e]._subgraph_node.getTitle()+" >> ";b.fillText(d+c.getTitle(),.5*a.width,40);b.restore()}c=!1;this.onRenderBackground&&(c=this.onRenderBackground(a,b));this.viewport||(b.restore(),b.setTransform(1,0,0,1,0,0));this.visible_links.length=0;if(this.graph){b.save();this.ds.toCanvasContext(b);if(this.background_image&&
-.5<this.ds.scale&&!c){b.globalAlpha=this.zoom_modify_alpha?(1-.5/this.ds.scale)*this.editor_alpha:this.editor_alpha;b.imageSmoothingEnabled=b.mozImageSmoothingEnabled=b.imageSmoothingEnabled=!1;if(!this._bg_img||this._bg_img.name!=this.background_image){this._bg_img=new Image;this._bg_img.name=this.background_image;this._bg_img.src=this.background_image;var f=this;this._bg_img.onload=function(){f.draw(!0,!0)}}c=null;null==this._pattern&&0<this._bg_img.width?(c=b.createPattern(this._bg_img,"repeat"),
-this._pattern_img=this._bg_img,this._pattern=c):c=this._pattern;c&&(b.fillStyle=c,b.fillRect(this.visible_area[0],this.visible_area[1],this.visible_area[2],this.visible_area[3]),b.fillStyle="transparent");b.globalAlpha=1;b.imageSmoothingEnabled=b.mozImageSmoothingEnabled=b.imageSmoothingEnabled=!0}this.graph._groups.length&&!this.live_mode&&this.drawGroups(a,b);if(this.onDrawBackground)this.onDrawBackground(b,this.visible_area);this.onBackgroundRender&&(console.error("WARNING! onBackgroundRender deprecated, now is named onDrawBackground "),
+k.isInsideRectangle(h[0],h[1],a,b,c,d);r.fillStyle=u?g:f;h&&(r.fillStyle="#AAA");r.beginPath();r.roundRect(a,b,c,d,[4]);r.fill();null!=e&&e.constructor==String&&(r.fillStyle=n,r.textAlign="center",r.font=(.65*d|0)+"px Arial",r.fillText(e,a+.5*c,b+.75*d),r.textAlign="left");a=h&&!this.block_click;h&&this.blockClick();return a};h.prototype.isAreaClicked=function(a,b,c,d,e){var f=this.mouse;k.isInsideRectangle(f[0],f[1],a,b,c,d);b=(a=(f=this.last_click_position)&&k.isInsideRectangle(f[0],f[1],a,b,c,
+d))&&!this.block_click;a&&e&&this.blockClick();return b};h.prototype.renderInfo=function(a,b,c){b=b||10;c=c||this.canvas.height-80;a.save();a.translate(b,c);a.font="10px Arial";a.fillStyle="#888";a.textAlign="left";this.graph?(a.fillText("T: "+this.graph.globaltime.toFixed(2)+"s",5,13),a.fillText("I: "+this.graph.iteration,5,26),a.fillText("N: "+this.graph._nodes.length+" ["+this.visible_nodes.length+"]",5,39),a.fillText("V: "+this.graph._version,5,52),a.fillText("FPS:"+this.fps.toFixed(2),5,65)):
+a.fillText("No graph selected",5,13);a.restore()};h.prototype.drawBackCanvas=function(){var a=this.bgcanvas;if(a.width!=this.canvas.width||a.height!=this.canvas.height)a.width=this.canvas.width,a.height=this.canvas.height;this.bgctx||(this.bgctx=this.bgcanvas.getContext("2d"));var b=this.bgctx;b.start&&b.start();var c=this.viewport||[0,0,b.canvas.width,b.canvas.height];this.clear_background&&b.clearRect(c[0],c[1],c[2],c[3]);if(this._graph_stack&&this._graph_stack.length){b.save();c=this.graph._subgraph_node;
+b.strokeStyle=c.bgcolor;b.lineWidth=10;b.strokeRect(1,1,a.width-2,a.height-2);b.lineWidth=1;b.font="40px Arial";b.textAlign="center";b.fillStyle=c.bgcolor||"#AAA";for(var d="",e=1;e<this._graph_stack.length;++e)d+=this._graph_stack[e]._subgraph_node.getTitle()+" >> ";b.fillText(d+c.getTitle(),.5*a.width,40);b.restore()}c=!1;this.onRenderBackground&&(c=this.onRenderBackground(a,b));this.viewport||(b.restore(),b.setTransform(1,0,0,1,0,0));this.visible_links.length=0;if(this.graph){b.save();this.ds.toCanvasContext(b);
+if(this.background_image&&.5<this.ds.scale&&!c){b.globalAlpha=this.zoom_modify_alpha?(1-.5/this.ds.scale)*this.editor_alpha:this.editor_alpha;b.imageSmoothingEnabled=b.mozImageSmoothingEnabled=b.imageSmoothingEnabled=!1;if(!this._bg_img||this._bg_img.name!=this.background_image){this._bg_img=new Image;this._bg_img.name=this.background_image;this._bg_img.src=this.background_image;var f=this;this._bg_img.onload=function(){f.draw(!0,!0)}}c=null;null==this._pattern&&0<this._bg_img.width?(c=b.createPattern(this._bg_img,
+"repeat"),this._pattern_img=this._bg_img,this._pattern=c):c=this._pattern;c&&(b.fillStyle=c,b.fillRect(this.visible_area[0],this.visible_area[1],this.visible_area[2],this.visible_area[3]),b.fillStyle="transparent");b.globalAlpha=1;b.imageSmoothingEnabled=b.mozImageSmoothingEnabled=b.imageSmoothingEnabled=!0}this.graph._groups.length&&!this.live_mode&&this.drawGroups(a,b);if(this.onDrawBackground)this.onDrawBackground(b,this.visible_area);this.onBackgroundRender&&(console.error("WARNING! onBackgroundRender deprecated, now is named onDrawBackground "),
 this.onBackgroundRender=null);this.render_canvas_border&&(b.strokeStyle="#235",b.strokeRect(0,0,a.width,a.height));this.render_connections_shadows?(b.shadowColor="#000",b.shadowOffsetX=0,b.shadowOffsetY=0,b.shadowBlur=6):b.shadowColor="rgba(0,0,0,0)";this.live_mode||this.drawConnections(b);b.shadowColor="rgba(0,0,0,0)";b.restore()}b.finish&&b.finish();this.dirty_bgcanvas=!1;this.dirty_canvas=!0};var G=new Float32Array(2);h.prototype.drawNode=function(a,b){this.current_node=a;var c=a.color||a.constructor.color||
 k.NODE_DEFAULT_COLOR,d=a.bgcolor||a.constructor.bgcolor||k.NODE_DEFAULT_BGCOLOR,e=.6>this.ds.scale;if(this.live_mode){if(!a.flags.collapsed&&(b.shadowColor="transparent",a.onDrawForeground))a.onDrawForeground(b,this,this.canvas)}else{var f=this.editor_alpha;b.globalAlpha=f;this.render_shadows&&!e?(b.shadowColor=k.DEFAULT_SHADOW_COLOR,b.shadowOffsetX=2*this.ds.scale,b.shadowOffsetY=2*this.ds.scale,b.shadowBlur=3*this.ds.scale):b.shadowColor="transparent";if(!a.flags.collapsed||!a.onDrawCollapsed||
-1!=a.onDrawCollapsed(b,this)){var g=a._shape||k.BOX_SHAPE;G.set(a.size);var n=a.horizontal;if(a.flags.collapsed){b.font=this.inner_text_font;var r=a.getTitle?a.getTitle():a.title;null!=r&&(a._collapsed_width=Math.min(a.size[0],b.measureText(r).width+2*k.NODE_TITLE_HEIGHT),G[0]=a._collapsed_width,G[1]=0)}a.clip_area&&(b.save(),b.beginPath(),g==k.BOX_SHAPE?b.rect(0,0,G[0],G[1]):g==k.ROUND_SHAPE?b.roundRect(0,0,G[0],G[1],10):g==k.CIRCLE_SHAPE&&b.arc(.5*G[0],.5*G[1],.5*G[0],0,2*Math.PI),b.clip());a.has_errors&&
+1!=a.onDrawCollapsed(b,this)){var g=a._shape||k.BOX_SHAPE;G.set(a.size);var n=a.horizontal;if(a.flags.collapsed){b.font=this.inner_text_font;var r=a.getTitle?a.getTitle():a.title;null!=r&&(a._collapsed_width=Math.min(a.size[0],b.measureText(r).width+2*k.NODE_TITLE_HEIGHT),G[0]=a._collapsed_width,G[1]=0)}a.clip_area&&(b.save(),b.beginPath(),g==k.BOX_SHAPE?b.rect(0,0,G[0],G[1]):g==k.ROUND_SHAPE?b.roundRect(0,0,G[0],G[1],[10]):g==k.CIRCLE_SHAPE&&b.arc(.5*G[0],.5*G[1],.5*G[0],0,2*Math.PI),b.clip());a.has_errors&&
 (d="red");this.drawNodeShape(a,b,G,c,d,a.is_selected,a.mouseOver);b.shadowColor="transparent";if(a.onDrawForeground)a.onDrawForeground(b,this,this.canvas);b.textAlign=n?"center":"left";b.font=this.inner_text_font;d=!e;g=this.connecting_output;b.lineWidth=1;r=0;var h=new Float32Array(2);if(!a.flags.collapsed){if(a.inputs)for(c=0;c<a.inputs.length;c++){var u=a.inputs[c];b.globalAlpha=f;this.connecting_node&&!k.isValidConnection(u.type,g.type)&&(b.globalAlpha=.4*f);b.fillStyle=null!=u.link?u.color_on||
 this.default_connection_color.input_on:u.color_off||this.default_connection_color.input_off;var p=a.getConnectionPos(!0,c,h);p[0]-=a.pos[0];p[1]-=a.pos[1];r<p[1]+.5*k.NODE_SLOT_HEIGHT&&(r=p[1]+.5*k.NODE_SLOT_HEIGHT);b.beginPath();u.type===k.EVENT||u.shape===k.BOX_SHAPE?n?b.rect(p[0]-5+.5,p[1]-8+.5,10,14):b.rect(p[0]-6+.5,p[1]-5+.5,14,10):u.shape===k.ARROW_SHAPE?(b.moveTo(p[0]+8,p[1]+.5),b.lineTo(p[0]-4,p[1]+6+.5),b.lineTo(p[0]-4,p[1]-6+.5),b.closePath()):e?b.rect(p[0]-4,p[1]-4,8,8):b.arc(p[0],p[1],
 4,0,2*Math.PI);b.fill();if(d){var z=null!=u.label?u.label:u.name;z&&(b.fillStyle=k.NODE_TEXT_COLOR,n||u.dir==k.UP?b.fillText(z,p[0],p[1]-10):b.fillText(z,p[0]+10,p[1]+5))}}this.connecting_node&&(b.globalAlpha=.4*f);b.textAlign=n?"center":"right";b.strokeStyle="black";if(a.outputs)for(c=0;c<a.outputs.length;c++)if(u=a.outputs[c],p=a.getConnectionPos(!1,c,h),p[0]-=a.pos[0],p[1]-=a.pos[1],r<p[1]+.5*k.NODE_SLOT_HEIGHT&&(r=p[1]+.5*k.NODE_SLOT_HEIGHT),b.fillStyle=u.links&&u.links.length?u.color_on||this.default_connection_color.output_on:
@@ -188,99 +188,99 @@ u.color_off||this.default_connection_color.output_off,b.beginPath(),u.type===k.E
 p[0]-10,p[1]+5);b.textAlign="left";b.globalAlpha=1;if(a.widgets){u=r;if(n||a.widgets_up)u=2;null!=a.widgets_start_y&&(u=a.widgets_start_y);this.drawNodeWidgets(a,u,b,this.node_widget&&this.node_widget[0]==a?this.node_widget[1]:null)}}else if(this.render_collapsed_slots){e=f=null;if(a.inputs)for(c=0;c<a.inputs.length;c++)if(u=a.inputs[c],null!=u.link){f=u;break}if(a.outputs)for(c=0;c<a.outputs.length;c++)u=a.outputs[c],u.links&&u.links.length&&(e=u);f&&(f=0,c=-.5*k.NODE_TITLE_HEIGHT,n&&(f=.5*a._collapsed_width,
 c=-k.NODE_TITLE_HEIGHT),b.fillStyle="#686",b.beginPath(),u.type===k.EVENT||u.shape===k.BOX_SHAPE?b.rect(f-7+.5,c-4,14,8):u.shape===k.ARROW_SHAPE?(b.moveTo(f+8,c),b.lineTo(f+-4,c-4),b.lineTo(f+-4,c+4),b.closePath()):b.arc(f,c,4,0,2*Math.PI),b.fill());e&&(f=a._collapsed_width,c=-.5*k.NODE_TITLE_HEIGHT,n&&(f=.5*a._collapsed_width,c=0),b.fillStyle="#686",b.strokeStyle="black",b.beginPath(),u.type===k.EVENT||u.shape===k.BOX_SHAPE?b.rect(f-7+.5,c-4,14,8):u.shape===k.ARROW_SHAPE?(b.moveTo(f+6,c),b.lineTo(f-
 6,c-4),b.lineTo(f-6,c+4),b.closePath()):b.arc(f,c,4,0,2*Math.PI),b.fill())}a.clip_area&&b.restore();b.globalAlpha=1}}};h.prototype.drawLinkTooltip=function(a,b){var c=b._pos;a.fillStyle="black";a.beginPath();a.arc(c[0],c[1],3,0,2*Math.PI);a.fill();if(null!=b.data&&(!this.onDrawLinkTooltip||1!=this.onDrawLinkTooltip(a,b,this))&&(b=b.data,b=b.constructor===Number?b.toFixed(2):b.constructor===String?'"'+b+'"':b.constructor===Boolean?String(b):b.toToolTip?b.toToolTip():"["+b.constructor.name+"]",null!=
-b)){b=b.substr(0,30);a.font="14px Courier New";var d=a.measureText(b).width+20;a.shadowColor="black";a.shadowOffsetX=2;a.shadowOffsetY=2;a.shadowBlur=3;a.fillStyle="#454";a.beginPath();a.roundRect(c[0]-.5*d,c[1]-15-24,d,24,3,3);a.moveTo(c[0]-10,c[1]-15);a.lineTo(c[0]+10,c[1]-15);a.lineTo(c[0],c[1]-5);a.fill();a.shadowColor="transparent";a.textAlign="center";a.fillStyle="#CEC";a.fillText(b,c[0],c[1]-15-24*.3)}};var A=new Float32Array(4);h.prototype.drawNodeShape=function(a,b,c,d,e,f,g){b.strokeStyle=
-d;b.fillStyle=e;e=k.NODE_TITLE_HEIGHT;var n=.5>this.ds.scale,r=a._shape||a.constructor.shape||k.ROUND_SHAPE,l=a.constructor.title_mode,u=!0;l==k.TRANSPARENT_TITLE?u=!1:l==k.AUTOHIDE_TITLE&&g&&(u=!0);A[0]=0;A[1]=u?-e:0;A[2]=c[0]+1;A[3]=u?c[1]+e:c[1];g=b.globalAlpha;b.beginPath();r==k.BOX_SHAPE||n?b.fillRect(A[0],A[1],A[2],A[3]):r==k.ROUND_SHAPE||r==k.CARD_SHAPE?b.roundRect(A[0],A[1],A[2],A[3],this.round_radius,r==k.CARD_SHAPE?0:this.round_radius):r==k.CIRCLE_SHAPE&&b.arc(.5*c[0],.5*c[1],.5*c[0],0,
-2*Math.PI);b.fill();a.flags.collapsed||(b.shadowColor="transparent",b.fillStyle="rgba(0,0,0,0.2)",b.fillRect(0,-1,A[2],2));b.shadowColor="transparent";if(a.onDrawBackground)a.onDrawBackground(b,this,this.canvas,this.graph_mouse);if(u||l==k.TRANSPARENT_TITLE){if(a.onDrawTitleBar)a.onDrawTitleBar(b,e,c,this.ds.scale,d);else if(l!=k.TRANSPARENT_TITLE&&(a.constructor.title_color||this.render_title_colored)){u=a.constructor.title_color||d;a.flags.collapsed&&(b.shadowColor=k.DEFAULT_SHADOW_COLOR);if(this.use_gradients){var p=
-h.gradients[u];p||(p=h.gradients[u]=b.createLinearGradient(0,0,400,0),p.addColorStop(0,u),p.addColorStop(1,"#000"));b.fillStyle=p}else b.fillStyle=u;b.beginPath();r==k.BOX_SHAPE||n?b.rect(0,-e,c[0]+1,e):(r==k.ROUND_SHAPE||r==k.CARD_SHAPE)&&b.roundRect(0,-e,c[0]+1,e,this.round_radius,a.flags.collapsed?this.round_radius:0);b.fill();b.shadowColor="transparent"}if(a.onDrawTitleBox)a.onDrawTitleBox(b,e,c,this.ds.scale);else r==k.ROUND_SHAPE||r==k.CIRCLE_SHAPE||r==k.CARD_SHAPE?(n&&(b.fillStyle="black",
-b.beginPath(),b.arc(.5*e,-.5*e,6,0,2*Math.PI),b.fill()),b.fillStyle=a.boxcolor||k.NODE_DEFAULT_BOXCOLOR,n?b.fillRect(.5*e-5,-.5*e-5,10,10):(b.beginPath(),b.arc(.5*e,-.5*e,5,0,2*Math.PI),b.fill())):(n&&(b.fillStyle="black",b.fillRect(.5*(e-10)-1,-.5*(e+10)-1,12,12)),b.fillStyle=a.boxcolor||k.NODE_DEFAULT_BOXCOLOR,b.fillRect(.5*(e-10),-.5*(e+10),10,10));b.globalAlpha=g;if(a.onDrawTitleText)a.onDrawTitleText(b,e,c,this.ds.scale,this.title_text_font,f);!n&&(b.font=this.title_text_font,g=String(a.getTitle()))&&
-(b.fillStyle=f?k.NODE_SELECTED_TITLE_COLOR:a.constructor.title_text_color||this.node_title_color,a.flags.collapsed?(b.textAlign="left",b.measureText(g),b.fillText(g.substr(0,20),e,k.NODE_TITLE_TEXT_Y-e),b.textAlign="left"):(b.textAlign="left",b.fillText(g,e,k.NODE_TITLE_TEXT_Y-e)));a.flags.collapsed||!a.subgraph||a.skip_subgraph_button||(g=k.NODE_TITLE_HEIGHT,u=a.size[0]-g,p=k.isInsideRectangle(this.graph_mouse[0]-a.pos[0],this.graph_mouse[1]-a.pos[1],u+2,-g+2,g-4,g-4),b.fillStyle=p?"#888":"#555",
-r==k.BOX_SHAPE||n?b.fillRect(u+2,-g+2,g-4,g-4):(b.beginPath(),b.roundRect(u+2,-g+2,g-4,g-4,4),b.fill()),b.fillStyle="#333",b.beginPath(),b.moveTo(u+.2*g,.6*-g),b.lineTo(u+.8*g,.6*-g),b.lineTo(u+.5*g,.3*-g),b.fill());if(a.onDrawTitle)a.onDrawTitle(b)}if(f){if(a.onBounding)a.onBounding(A);l==k.TRANSPARENT_TITLE&&(A[1]-=e,A[3]+=e);b.lineWidth=1;b.globalAlpha=.8;b.beginPath();r==k.BOX_SHAPE?b.rect(-6+A[0],-6+A[1],12+A[2],12+A[3]):r==k.ROUND_SHAPE||r==k.CARD_SHAPE&&a.flags.collapsed?b.roundRect(-6+A[0],
--6+A[1],12+A[2],12+A[3],2*this.round_radius):r==k.CARD_SHAPE?b.roundRect(-6+A[0],-6+A[1],12+A[2],12+A[3],2*this.round_radius,2):r==k.CIRCLE_SHAPE&&b.arc(.5*c[0],.5*c[1],.5*c[0]+6,0,2*Math.PI);b.strokeStyle=k.NODE_BOX_OUTLINE_COLOR;b.stroke();b.strokeStyle=d;b.globalAlpha=1}};var J=new Float32Array(4),D=new Float32Array(4),H=new Float32Array(2),F=new Float32Array(2);h.prototype.drawConnections=function(a){var b=k.getTime(),c=this.visible_area;J[0]=c[0]-20;J[1]=c[1]-20;J[2]=c[2]+40;J[3]=c[3]+40;a.lineWidth=
-this.connections_width;a.fillStyle="#AAA";a.strokeStyle="#AAA";a.globalAlpha=this.editor_alpha;c=this.graph._nodes;for(var d=0,e=c.length;d<e;++d){var f=c[d];if(f.inputs&&f.inputs.length)for(var g=0;g<f.inputs.length;++g){var n=f.inputs[g];if(n&&null!=n.link&&(n=this.graph.links[n.link])){var r=this.graph.getNodeById(n.origin_id);if(null!=r){var h=n.origin_slot;var u=-1==h?[r.pos[0]+10,r.pos[1]+10]:r.getConnectionPos(!1,h,H);var p=f.getConnectionPos(!0,g,F);D[0]=u[0];D[1]=u[1];D[2]=p[0]-u[0];D[3]=
-p[1]-u[1];0>D[2]&&(D[0]+=D[2],D[2]=Math.abs(D[2]));0>D[3]&&(D[1]+=D[3],D[3]=Math.abs(D[3]));if(B(D,J)){var z=r.outputs[h];h=f.inputs[g];if(z&&h&&(r=z.dir||(r.horizontal?k.DOWN:k.RIGHT),h=h.dir||(f.horizontal?k.UP:k.LEFT),this.renderLink(a,u,p,n,!1,0,null,r,h),n&&n._last_time&&1E3>b-n._last_time)){z=2-.002*(b-n._last_time);var l=a.globalAlpha;a.globalAlpha=l*z;this.renderLink(a,u,p,n,!0,z,"white",r,h);a.globalAlpha=l}}}}}}a.globalAlpha=1};h.prototype.renderLink=function(a,b,c,d,e,f,g,n,r,l){d&&this.visible_links.push(d);
-!g&&d&&(g=d.color||h.link_type_colors[d.type]);g||(g=this.default_link_color);null!=d&&this.highlighted_links[d.id]&&(g="#FFF");n=n||k.RIGHT;r=r||k.LEFT;var u=E(b,c);this.render_connections_border&&.6<this.ds.scale&&(a.lineWidth=this.connections_width+4);a.lineJoin="round";l=l||1;1<l&&(a.lineWidth=.5);a.beginPath();for(var p=0;p<l;p+=1){var z=5*(p-.5*(l-1));if(this.links_render_mode==k.SPLINE_LINK){a.moveTo(b[0],b[1]+z);var y=0,t=0,m=0,K=0;switch(n){case k.LEFT:y=-.25*u;break;case k.RIGHT:y=.25*u;
-break;case k.UP:t=-.25*u;break;case k.DOWN:t=.25*u}switch(r){case k.LEFT:m=-.25*u;break;case k.RIGHT:m=.25*u;break;case k.UP:K=-.25*u;break;case k.DOWN:K=.25*u}a.bezierCurveTo(b[0]+y,b[1]+t+z,c[0]+m,c[1]+K+z,c[0],c[1]+z)}else if(this.links_render_mode==k.LINEAR_LINK){a.moveTo(b[0],b[1]+z);K=m=t=y=0;switch(n){case k.LEFT:y=-1;break;case k.RIGHT:y=1;break;case k.UP:t=-1;break;case k.DOWN:t=1}switch(r){case k.LEFT:m=-1;break;case k.RIGHT:m=1;break;case k.UP:K=-1;break;case k.DOWN:K=1}a.lineTo(b[0]+15*
-y,b[1]+15*t+z);a.lineTo(c[0]+15*m,c[1]+15*K+z);a.lineTo(c[0],c[1]+z)}else if(this.links_render_mode==k.STRAIGHT_LINK)a.moveTo(b[0],b[1]),z=b[0],y=b[1],t=c[0],m=c[1],n==k.RIGHT?z+=10:y+=10,r==k.LEFT?t-=10:m-=10,a.lineTo(z,y),a.lineTo(.5*(z+t),y),a.lineTo(.5*(z+t),m),a.lineTo(t,m),a.lineTo(c[0],c[1]);else return}this.render_connections_border&&.6<this.ds.scale&&!e&&(a.strokeStyle="rgba(0,0,0,0.5)",a.stroke());a.lineWidth=this.connections_width;a.fillStyle=a.strokeStyle=g;a.stroke();e=this.computeConnectionPoint(b,
-c,.5,n,r);d&&d._pos&&(d._pos[0]=e[0],d._pos[1]=e[1]);.6<=this.ds.scale&&this.highquality_render&&r!=k.CENTER&&(this.render_connection_arrows&&(p=this.computeConnectionPoint(b,c,.25,n,r),u=this.computeConnectionPoint(b,c,.26,n,r),d=this.computeConnectionPoint(b,c,.75,n,r),l=this.computeConnectionPoint(b,c,.76,n,r),this.render_curved_connections?(u=-Math.atan2(u[0]-p[0],u[1]-p[1]),l=-Math.atan2(l[0]-d[0],l[1]-d[1])):l=u=c[1]>b[1]?0:Math.PI,a.save(),a.translate(p[0],p[1]),a.rotate(u),a.beginPath(),a.moveTo(-5,
--3),a.lineTo(0,7),a.lineTo(5,-3),a.fill(),a.restore(),a.save(),a.translate(d[0],d[1]),a.rotate(l),a.beginPath(),a.moveTo(-5,-3),a.lineTo(0,7),a.lineTo(5,-3),a.fill(),a.restore()),a.beginPath(),a.arc(e[0],e[1],5,0,2*Math.PI),a.fill());if(f)for(a.fillStyle=g,p=0;5>p;++p)f=(.001*k.getTime()+.2*p)%1,e=this.computeConnectionPoint(b,c,f,n,r),a.beginPath(),a.arc(e[0],e[1],5,0,2*Math.PI),a.fill()};h.prototype.computeConnectionPoint=function(a,b,c,d,e){d=d||k.RIGHT;e=e||k.LEFT;var f=E(a,b),g=[a[0],a[1]],n=
-[b[0],b[1]];switch(d){case k.LEFT:g[0]+=-.25*f;break;case k.RIGHT:g[0]+=.25*f;break;case k.UP:g[1]+=-.25*f;break;case k.DOWN:g[1]+=.25*f}switch(e){case k.LEFT:n[0]+=-.25*f;break;case k.RIGHT:n[0]+=.25*f;break;case k.UP:n[1]+=-.25*f;break;case k.DOWN:n[1]+=.25*f}d=(1-c)*(1-c)*(1-c);e=3*(1-c)*(1-c)*c;f=3*(1-c)*c*c;c*=c*c;return[d*a[0]+e*g[0]+f*n[0]+c*b[0],d*a[1]+e*g[1]+f*n[1]+c*b[1]]};h.prototype.drawExecutionOrder=function(a){a.shadowColor="transparent";a.globalAlpha=.25;a.textAlign="center";a.strokeStyle=
-"white";a.globalAlpha=.75;for(var b=this.visible_nodes,c=0;c<b.length;++c){var d=b[c];a.fillStyle="black";a.fillRect(d.pos[0]-k.NODE_TITLE_HEIGHT,d.pos[1]-k.NODE_TITLE_HEIGHT,k.NODE_TITLE_HEIGHT,k.NODE_TITLE_HEIGHT);0==d.order&&a.strokeRect(d.pos[0]-k.NODE_TITLE_HEIGHT+.5,d.pos[1]-k.NODE_TITLE_HEIGHT+.5,k.NODE_TITLE_HEIGHT,k.NODE_TITLE_HEIGHT);a.fillStyle="#FFF";a.fillText(d.order,d.pos[0]+-.5*k.NODE_TITLE_HEIGHT,d.pos[1]-6)}a.globalAlpha=1};h.prototype.drawNodeWidgets=function(a,b,c,d){if(!a.widgets||
-!a.widgets.length)return 0;var e=a.size[0],f=a.widgets;b+=2;var g=k.NODE_WIDGET_HEIGHT,n=.5<this.ds.scale;c.save();c.globalAlpha=this.editor_alpha;for(var r=k.WIDGET_OUTLINE_COLOR,h=k.WIDGET_BGCOLOR,l=k.WIDGET_TEXT_COLOR,p=k.WIDGET_SECONDARY_TEXT_COLOR,z=0;z<f.length;++z){var y=f[z],t=b;y.y&&(t=y.y);y.last_y=t;c.strokeStyle=r;c.fillStyle="#222";c.textAlign="left";y.disabled&&(c.globalAlpha*=.5);var m=y.width||e;switch(y.type){case "button":y.clicked&&(c.fillStyle="#AAA",y.clicked=!1,this.dirty_canvas=
-!0);c.fillRect(15,t,m-30,g);n&&!y.disabled&&c.strokeRect(15,t,m-30,g);n&&(c.textAlign="center",c.fillStyle=l,c.fillText(y.name,.5*m,t+.7*g));break;case "toggle":c.textAlign="left";c.strokeStyle=r;c.fillStyle=h;c.beginPath();n?c.roundRect(15,b,m-30,g,.5*g):c.rect(15,b,m-30,g);c.fill();n&&!y.disabled&&c.stroke();c.fillStyle=y.value?"#89A":"#333";c.beginPath();c.arc(m-30,t+.5*g,.36*g,0,2*Math.PI);c.fill();n&&(c.fillStyle=p,null!=y.name&&c.fillText(y.name,30,t+.7*g),c.fillStyle=y.value?l:p,c.textAlign=
-"right",c.fillText(y.value?y.options.on||"true":y.options.off||"false",m-40,t+.7*g));break;case "slider":c.fillStyle=h;c.fillRect(15,t,m-30,g);var q=y.options.max-y.options.min,w=(y.value-y.options.min)/q;c.fillStyle=d==y?"#89A":"#678";c.fillRect(15,t,w*(m-30),g);n&&!y.disabled&&c.strokeRect(15,t,m-30,g);y.marker&&(q=(y.marker-y.options.min)/q,c.fillStyle="#AA9",c.fillRect(15+q*(m-30),t,2,g));n&&(c.textAlign="center",c.fillStyle=l,c.fillText(y.name+"  "+Number(y.value).toFixed(3),.5*m,t+.7*g));break;
-case "number":case "combo":c.textAlign="left";c.strokeStyle=r;c.fillStyle=h;c.beginPath();n?c.roundRect(15,b,m-30,g,.5*g):c.rect(15,b,m-30,g);c.fill();n&&(y.disabled||c.stroke(),c.fillStyle=l,y.disabled||(c.beginPath(),c.moveTo(31,b+5),c.lineTo(21,b+.5*g),c.lineTo(31,b+g-5),c.fill(),c.beginPath(),c.moveTo(m-15-16,b+5),c.lineTo(m-15-6,b+.5*g),c.lineTo(m-15-16,b+g-5),c.fill()),c.fillStyle=p,c.fillText(y.name,35,t+.7*g),c.fillStyle=l,c.textAlign="right","number"==y.type?c.fillText(Number(y.value).toFixed(void 0!==
-y.options.precision?y.options.precision:3),m-30-20,t+.7*g):(q=y.value,y.options.values&&(w=y.options.values,w.constructor===Function&&(w=w()),w&&w.constructor!==Array&&(q=w[y.value])),c.fillText(q,m-30-20,t+.7*g)));break;case "string":case "text":c.textAlign="left";c.strokeStyle=r;c.fillStyle=h;c.beginPath();n?c.roundRect(15,b,m-30,g,.5*g):c.rect(15,b,m-30,g);c.fill();n&&(y.disabled||c.stroke(),c.save(),c.beginPath(),c.rect(15,b,m-30,g),c.clip(),c.fillStyle=p,null!=y.name&&c.fillText(y.name,30,t+
-.7*g),c.fillStyle=l,c.textAlign="right",c.fillText(String(y.value).substr(0,30),m-30,t+.7*g),c.restore());break;default:y.draw&&y.draw(c,a,m,t,g)}b+=(y.computeSize?y.computeSize(m)[1]:g)+4;c.globalAlpha=this.editor_alpha}c.restore();c.textAlign="left"};h.prototype.processNodeWidgets=function(a,b,c,d){function e(d,e){d.value=e;d.options&&d.options.property&&void 0!==a.properties[d.options.property]&&a.setProperty(d.options.property,e);d.callback&&d.callback(d.value,r,a,b,c)}if(!a.widgets||!a.widgets.length)return null;
-for(var f=b[0]-a.pos[0],g=b[1]-a.pos[1],n=a.size[0],r=this,h=this.getCanvasWindow(),l=0;l<a.widgets.length;++l){var p=a.widgets[l];if(p&&!p.disabled){var z=p.computeSize?p.computeSize(n)[1]:k.NODE_WIDGET_HEIGHT,t=p.width||n;if(p==d||!(6>f||f>t-12||g<p.last_y||g>p.last_y+z||void 0===p.last_y)){d=p.value;switch(p.type){case "button":"mousedown"===c.type&&(p.callback&&setTimeout(function(){p.callback(p,r,a,b,c)},20),this.dirty_canvas=p.clicked=!0);break;case "slider":h=Math.clamp((f-15)/(t-30),0,1);
-p.value=p.options.min+(p.options.max-p.options.min)*h;p.callback&&setTimeout(function(){e(p,p.value)},20);this.dirty_canvas=!0;break;case "number":case "combo":d=p.value;if("mousemove"==c.type&&"number"==p.type)p.value+=.1*c.deltaX*(p.options.step||1),null!=p.options.min&&p.value<p.options.min&&(p.value=p.options.min),null!=p.options.max&&p.value>p.options.max&&(p.value=p.options.max);else if("mousedown"==c.type){var m=p.options.values;m&&m.constructor===Function&&(m=p.options.values(p,a));var q=
-null;"number"!=p.type&&(q=m.constructor===Array?m:Object.keys(m));f=40>f?-1:f>t-40?1:0;if("number"==p.type)p.value+=.1*f*(p.options.step||1),null!=p.options.min&&p.value<p.options.min&&(p.value=p.options.min),null!=p.options.max&&p.value>p.options.max&&(p.value=p.options.max);else if(f)h=-1,this.last_mouseclick=0,h=m.constructor===Object?q.indexOf(String(p.value))+f:q.indexOf(p.value)+f,h>=q.length&&(h=q.length-1),0>h&&(h=0),p.value=m.constructor===Array?m[h]:h;else{var w=m!=q?Object.values(m):m;
-new k.ContextMenu(w,{scale:Math.max(1,this.ds.scale),event:c,className:"dark",callback:function(a,b,c){m!=q&&(a=w.indexOf(a));this.value=a;e(this,a);r.dirty_canvas=!0;return!1}.bind(p)},h)}}else"mouseup"==c.type&&"number"==p.type&&(f=40>f?-1:f>t-40?1:0,200>c.click_time&&0==f&&this.prompt("Value",p.value,function(a){this.value=Number(a);e(this,this.value)}.bind(p),c));d!=p.value&&setTimeout(function(){e(this,this.value)}.bind(p),20);this.dirty_canvas=!0;break;case "toggle":"mousedown"==c.type&&(p.value=
-!p.value,setTimeout(function(){e(p,p.value)},20));break;case "string":case "text":"mousedown"==c.type&&this.prompt("Value",p.value,function(a){this.value=a;e(this,a)}.bind(p),c,p.options?p.options.multiline:!1);break;default:p.mouse&&(this.dirty_canvas=p.mouse(c,[f,g],a))}if(d!=p.value){if(a.onWidgetChanged)a.onWidgetChanged(p.name,p.value,d,p);a.graph._version++}return p}}}return null};h.prototype.drawGroups=function(a,b){if(this.graph){a=this.graph._groups;b.save();b.globalAlpha=.5*this.editor_alpha;
-for(var c=0;c<a.length;++c){var d=a[c];if(B(this.visible_area,d._bounding)){b.fillStyle=d.color||"#335";b.strokeStyle=d.color||"#335";var e=d._pos,f=d._size;b.globalAlpha=.25*this.editor_alpha;b.beginPath();b.rect(e[0]+.5,e[1]+.5,f[0],f[1]);b.fill();b.globalAlpha=this.editor_alpha;b.stroke();b.beginPath();b.moveTo(e[0]+f[0],e[1]+f[1]);b.lineTo(e[0]+f[0]-10,e[1]+f[1]);b.lineTo(e[0]+f[0],e[1]+f[1]-10);b.fill();f=d.font_size||k.DEFAULT_GROUP_FONT_SIZE;b.font=f+"px Arial";b.fillText(d.title,e[0]+4,e[1]+
-f)}}b.restore()}};h.prototype.adjustNodesSize=function(){for(var a=this.graph._nodes,b=0;b<a.length;++b)a[b].size=a[b].computeSize();this.setDirty(!0,!0)};h.prototype.resize=function(a,b){a||b||(b=this.canvas.parentNode,a=b.offsetWidth,b=b.offsetHeight);if(this.canvas.width!=a||this.canvas.height!=b)this.canvas.width=a,this.canvas.height=b,this.bgcanvas.width=this.canvas.width,this.bgcanvas.height=this.canvas.height,this.setDirty(!0,!0)};h.prototype.switchLiveMode=function(a){if(a){var b=this,c=this.live_mode?
-1.1:.9;this.live_mode&&(this.live_mode=!1,this.editor_alpha=.1);var d=setInterval(function(){b.editor_alpha*=c;b.dirty_canvas=!0;b.dirty_bgcanvas=!0;1>c&&.01>b.editor_alpha&&(clearInterval(d),1>c&&(b.live_mode=!0));1<c&&.99<b.editor_alpha&&(clearInterval(d),b.editor_alpha=1)},1)}else this.live_mode=!this.live_mode,this.dirty_bgcanvas=this.dirty_canvas=!0};h.prototype.onNodeSelectionChange=function(a){};h.prototype.touchHandler=function(a){var b=a.changedTouches[0];switch(a.type){case "touchstart":var c=
-"mousedown";break;case "touchmove":c="mousemove";break;case "touchend":c="mouseup";break;default:return}var d=this.getCanvasWindow(),e=d.document.createEvent("MouseEvent");e.initMouseEvent(c,!0,!0,d,1,b.screenX,b.screenY,b.clientX,b.clientY,!1,!1,!1,!1,0,null);b.target.dispatchEvent(e);a.preventDefault()};h.onGroupAdd=function(a,b,c){a=h.active_canvas;a.getCanvasWindow();b=new k.LGraphGroup;b.pos=a.convertEventToCanvasOffset(c);a.graph.add(b)};h.onMenuAdd=function(a,b,c,d,e){function f(a,b){var d=
-[];k.getNodeTypesCategories(g.filter||r.filter).filter(function(b){return b.startsWith(a)}).map(function(b){if(b){b=b.replace(new RegExp("^("+a+")"),"").split("/")[0];var c=""===a?b+"/":a+b+"/";-1!=b.indexOf("::")&&(b=b.split("::")[1]);-1===d.findIndex(function(a){return a.value===c})&&d.push({value:c,content:b,has_submenu:!0,callback:function(a,b,c,d){f(a.value,d)}})}});k.getNodeTypesInCategory(a.slice(0,-1),g.filter||r.filter).map(function(a){a.skip_list||d.push({value:a.type,content:a.title,has_submenu:!1,
-callback:function(a,b,c,d){b=d.getFirstEvent();g.graph.beforeChange();if(a=k.createNode(a.value))a.pos=g.convertEventToCanvasOffset(b),g.graph.add(a);e&&e(a);g.graph.afterChange()}})});new k.ContextMenu(d,{event:c,parentMenu:b},n)}var g=h.active_canvas,n=g.getCanvasWindow(),r=g.graph;if(r)return f("",d),!1};h.onMenuCollapseAll=function(){};h.onMenuNodeEdit=function(){};h.showMenuNodeOptionalInputs=function(a,b,c,d,e){if(e){var f=this;a=h.active_canvas.getCanvasWindow();b=e.optional_inputs;e.onGetInputs&&
-(b=e.onGetInputs());var g=[];if(b)for(var n=0;n<b.length;n++){var r=b[n];if(r){var l=r[0];r[2]&&r[2].label&&(l=r[2].label);l={content:l,value:r};r[1]==k.ACTION&&(l.className="event");g.push(l)}else g.push(null)}this.onMenuNodeInputs&&(g=this.onMenuNodeInputs(g));if(g.length)return new k.ContextMenu(g,{event:c,callback:function(a,b,c){e&&(a.callback&&a.callback.call(f,e,a,b,c),a.value&&(e.graph.beforeChange(),e.addInput(a.value[0],a.value[1],a.value[2]),e.setDirtyCanvas(!0,!0),e.graph.afterChange()))},
-parentMenu:d,node:e},a),!1;console.log("no input entries")}};h.showMenuNodeOptionalOutputs=function(a,b,c,d,e){function f(a,b,c){if(e&&(a.callback&&a.callback.call(g,e,a,b,c),a.value))if(c=a.value[1],!c||c.constructor!==Object&&c.constructor!==Array)e.graph.beforeChange(),e.addOutput(a.value[0],a.value[1],a.value[2]),e.setDirtyCanvas(!0,!0),e.graph.afterChange();else{a=[];for(var n in c)a.push({content:n,value:c[n]});new k.ContextMenu(a,{event:b,callback:f,parentMenu:d,node:e});return!1}}if(e){var g=
-this;a=h.active_canvas.getCanvasWindow();b=e.optional_outputs;e.onGetOutputs&&(b=e.onGetOutputs());var n=[];if(b)for(var r=0;r<b.length;r++){var l=b[r];if(!l)n.push(null);else if(!e.flags||!e.flags.skip_repeated_outputs||-1==e.findOutputSlot(l[0])){var m=l[0];l[2]&&l[2].label&&(m=l[2].label);m={content:m,value:l};l[1]==k.EVENT&&(m.className="event");n.push(m)}}this.onMenuNodeOutputs&&(n=this.onMenuNodeOutputs(n));if(n.length)return new k.ContextMenu(n,{event:c,callback:f,parentMenu:d,node:e},a),!1}};
-h.onShowMenuNodeProperties=function(a,b,c,d,e){if(e&&e.properties){var f=h.active_canvas;b=f.getCanvasWindow();var g=[],n;for(n in e.properties){a=void 0!==e.properties[n]?e.properties[n]:" ";"object"==typeof a&&(a=JSON.stringify(a));var r=e.getPropertyInfo(n);if("enum"==r.type||"combo"==r.type)a=h.getPropertyPrintableValue(a,r.values);a=h.decodeHTML(a);g.push({content:"<span class='property_name'>"+(r.label?r.label:n)+"</span><span class='property_value'>"+a+"</span>",value:n})}if(g.length)return new k.ContextMenu(g,
-{event:c,callback:function(a,b,c,d){e&&(b=this.getBoundingClientRect(),f.showEditPropertyValue(e,a.value,{position:[b.left,b.top]}))},parentMenu:d,allow_html:!0,node:e},b),!1}};h.decodeHTML=function(a){var b=document.createElement("div");b.innerText=a;return b.innerHTML};h.onResizeNode=function(a,b,c,d,e){if(e){e.size=e.computeSize();if(e.onResize)e.onResize(e.size);e.setDirtyCanvas(!0,!0)}};h.prototype.showLinkMenu=function(a,b){var c=this;console.log(a);var d=new k.ContextMenu(["Add Node",null,
-"Delete"],{event:b,title:null!=a.data?a.data.constructor.name:null,callback:function(b,f,g){switch(b){case "Add Node":h.onMenuAdd(null,null,g,d,function(b){console.log("node autoconnect");var d=c.graph.getNodeById(a.origin_id),e=c.graph.getNodeById(a.target_id);b.inputs&&b.inputs.length&&b.outputs&&b.outputs.length&&d.outputs[a.origin_slot].type==b.inputs[0].type&&b.outputs[0].type==e.inputs[0].type&&(d.connect(a.origin_slot,b,0),b.connect(0,e,a.target_slot),b.pos[0]-=.5*b.size[0])});break;case "Delete":c.graph.removeLink(a.id)}}});
-return!1};h.onShowPropertyEditor=function(a,b,c,d,e){function f(){var b=k.value;"Number"==a.type?b=Number(b):"Boolean"==a.type&&(b=!!b);e[g]=b;n.parentNode&&n.parentNode.removeChild(n);e.setDirtyCanvas(!0,!0)}var g=a.property||"title";b=e[g];var n=document.createElement("div");n.className="graphdialog";n.innerHTML="<span class='name'></span><input autofocus type='text' class='value'/><button>OK</button>";n.querySelector(".name").innerText=g;var k=n.querySelector(".value");k&&(k.value=b,k.addEventListener("blur",
-function(a){this.focus()}),k.addEventListener("keydown",function(a){if(13==a.keyCode||"textarea"==a.target.localName)f(),a.preventDefault(),a.stopPropagation()}));b=h.active_canvas.canvas;c=b.getBoundingClientRect();var l=d=-20;c&&(d-=c.left,l-=c.top);event?(n.style.left=event.clientX+d+"px",n.style.top=event.clientY+l+"px"):(n.style.left=.5*b.width+d+"px",n.style.top=.5*b.height+l+"px");n.querySelector("button").addEventListener("click",f);b.parentNode.appendChild(n)};h.prototype.prompt=function(a,
-b,c,d,e){var f=this;a=a||"";var g=!1,n=document.createElement("div");n.className="graphdialog rounded";n.innerHTML=e?"<span class='name'></span> <textarea autofocus class='value'></textarea><button class='rounded'>OK</button>":"<span class='name'></span> <input autofocus type='text' class='value'/><button class='rounded'>OK</button>";n.close=function(){f.prompt_box=null;n.parentNode&&n.parentNode.removeChild(n)};1<this.ds.scale&&(n.style.transform="scale("+this.ds.scale+")");n.addEventListener("mouseleave",
-function(a){g||n.close()});f.prompt_box&&f.prompt_box.close();f.prompt_box=n;n.querySelector(".name").innerText=a;var k=n.querySelector(".value");k.value=b;k.addEventListener("keydown",function(a){g=!0;if(27==a.keyCode)n.close();else if(13==a.keyCode&&"textarea"!=a.target.localName)c&&c(this.value),n.close();else return;a.preventDefault();a.stopPropagation()});n.querySelector("button").addEventListener("click",function(a){c&&c(k.value);f.setDirty(!0);n.close()});a=h.active_canvas.canvas;b=a.getBoundingClientRect();
-var l=e=-20;b&&(e-=b.left,l-=b.top);d?(n.style.left=d.clientX+e+"px",n.style.top=d.clientY+l+"px"):(n.style.left=.5*a.width+e+"px",n.style.top=.5*a.height+l+"px");a.parentNode.appendChild(n);setTimeout(function(){k.focus()},10);return n};h.search_limit=-1;h.prototype.showSearchBox=function(a){function b(b){if(b)if(e.onSearchBoxSelection)e.onSearchBoxSelection(b,a,f);else{var c=k.searchbox_extras[b.toLowerCase()];c&&(b=c.type);f.graph.beforeChange();if(b=k.createNode(b))b.pos=f.convertEventToCanvasOffset(a),
-f.graph.add(b);if(c&&c.data){if(c.data.properties)for(var d in c.data.properties)b.addProperty(d,c.data.properties[d]);if(c.data.inputs)for(d in b.inputs=[],c.data.inputs)b.addOutput(c.data.inputs[d][0],c.data.inputs[d][1]);if(c.data.outputs)for(d in b.outputs=[],c.data.outputs)b.addOutput(c.data.outputs[d][0],c.data.outputs[d][1]);c.data.title&&(b.title=c.data.title);c.data.json&&b.configure(c.data.json);f.graph.afterChange()}}r.close()}function c(a){var b=t;t&&t.classList.remove("selected");t?(t=
-a?t.nextSibling:t.previousSibling)||(t=b):t=a?m.childNodes[0]:m.childNodes[m.childNodes.length];t&&(t.classList.add("selected"),t.scrollIntoView({block:"end",behavior:"smooth"}))}function d(){function a(a,c){var d=document.createElement("div");p||(p=a);d.innerText=a;d.dataset.type=escape(a);d.className="litegraph lite-search-item";c&&(d.className+=" "+c);d.addEventListener("click",function(a){b(unescape(this.dataset.type))});m.appendChild(d)}z=null;var c=q.value;p=null;m.innerHTML="";if(c)if(e.onSearchBox){var d=
-e.onSearchBox(m,c,f);if(d)for(var n=0;n<d.length;++n)a(d[n])}else{d=function(a){var b=k.registered_node_types[a];return r&&b.filter!=r?!1:-1!==a.toLowerCase().indexOf(c)};var g=0;c=c.toLowerCase();var r=f.filter||f.graph.filter;for(n in k.searchbox_extras){var l=k.searchbox_extras[n];if(-1!==l.desc.toLowerCase().indexOf(c)){var t=k.registered_node_types[l.type];if(!t||t.filter==r)if(a(l.desc,"searchbox_extra"),-1!==h.search_limit&&g++>h.search_limit)break}}l=null;if(Array.prototype.filter)l=Object.keys(k.registered_node_types).filter(d);
-else for(n in l=[],k.registered_node_types)d(n)&&l.push(n);for(n=0;n<l.length&&!(a(l[n]),-1!==h.search_limit&&g++>h.search_limit);n++);}}var e=this,f=h.active_canvas,g=f.canvas,n=g.ownerDocument||document,r=document.createElement("div");r.className="litegraph litesearchbox graphdialog rounded";r.innerHTML="<span class='name'>Search</span> <input autofocus type='text' class='value rounded'/><div class='helper'></div>";r.close=function(){e.search_box=null;n.body.focus();n.body.style.overflow="";setTimeout(function(){e.canvas.focus()},
-20);r.parentNode&&r.parentNode.removeChild(r)};var l=null;1<this.ds.scale&&(r.style.transform="scale("+this.ds.scale+")");r.addEventListener("mouseenter",function(a){l&&(clearTimeout(l),l=null)});r.addEventListener("mouseleave",function(a){l=setTimeout(function(){r.close()},500)});e.search_box&&e.search_box.close();e.search_box=r;var m=r.querySelector(".helper"),p=null,z=null,t=null,q=r.querySelector("input");q&&(q.addEventListener("blur",function(a){this.focus()}),q.addEventListener("keydown",function(a){if(38==
-a.keyCode)c(!1);else if(40==a.keyCode)c(!0);else if(27==a.keyCode)r.close();else if(13==a.keyCode)t?b(t.innerHTML):p?b(p):r.close();else{z&&clearInterval(z);z=setTimeout(d,10);return}a.preventDefault();a.stopPropagation();a.stopImmediatePropagation();return!0}));n.fullscreenElement?n.fullscreenElement.appendChild(r):(n.body.appendChild(r),n.body.style.overflow="hidden");g=g.getBoundingClientRect();var w=(a?a.clientY:g.top+.5*g.height)-20;r.style.left=(a?a.clientX:g.left+.5*g.width)-80+"px";r.style.top=
-w+"px";a.layerY>g.height-200&&(m.style.maxHeight=g.height-a.layerY-20+"px");q.focus();return r};h.prototype.showEditPropertyValue=function(a,b,c){function d(){e(p.value)}function e(d){f&&f.values&&f.values.constructor===Object&&void 0!=f.values[d]&&(d=f.values[d]);"number"==typeof a.properties[b]&&(d=Number(d));if("array"==g||"object"==g)d=JSON.parse(d);a.properties[b]=d;a.graph&&a.graph._version++;if(a.onPropertyChanged)a.onPropertyChanged(b,d);if(c.onclose)c.onclose();l.close();a.setDirtyCanvas(!0,
-!0)}if(a&&void 0!==a.properties[b]){c=c||{};var f=a.getPropertyInfo(b),g=f.type,n="";if("string"==g||"number"==g||"array"==g||"object"==g)n="<input autofocus type='text' class='value'/>";else if("enum"!=g&&"combo"!=g||!f.values)if("boolean"==g)n="<input autofocus type='checkbox' class='value' "+(a.properties[b]?"checked":"")+"/>";else{console.warn("unknown type: "+g);return}else{n="<select autofocus type='text' class='value'>";for(var k in f.values){var h=k;f.values.constructor===Array&&(h=f.values[k]);
-n+="<option value='"+h+"' "+(h==a.properties[b]?"selected":"")+">"+f.values[k]+"</option>"}n+="</select>"}var l=this.createDialog("<span class='name'>"+(f.label?f.label:b)+"</span>"+n+"<button>OK</button>",c);if("enum"!=g&&"combo"!=g||!f.values)if("boolean"==g)(p=l.querySelector("input"))&&p.addEventListener("click",function(a){e(!!p.checked)});else{if(p=l.querySelector("input"))p.addEventListener("blur",function(a){this.focus()}),h=void 0!==a.properties[b]?a.properties[b]:"","string"!==g&&(h=JSON.stringify(h)),
-p.value=h,p.addEventListener("keydown",function(a){13==a.keyCode&&(d(),a.preventDefault(),a.stopPropagation())})}else{var p=l.querySelector("select");p.addEventListener("change",function(a){e(a.target.value)})}l.querySelector("button").addEventListener("click",d);return l}};h.prototype.createDialog=function(a,b){b=b||{};var c=document.createElement("div");c.className="graphdialog";c.innerHTML=a;a=this.canvas.getBoundingClientRect();var d=-20,e=-20;a&&(d-=a.left,e-=a.top);b.position?(d+=b.position[0],
-e+=b.position[1]):b.event?(d+=b.event.clientX,e+=b.event.clientY):(d+=.5*this.canvas.width,e+=.5*this.canvas.height);c.style.left=d+"px";c.style.top=e+"px";this.canvas.parentNode.appendChild(c);c.close=function(){this.parentNode&&this.parentNode.removeChild(this)};return c};h.prototype.createPanel=function(a,b){b=b||{};var c=b.window||window,d=document.createElement("div");d.className="litegraph dialog";d.innerHTML="<div class='dialog-header'><span class='dialog-title'></span></div><div class='dialog-content'></div><div class='dialog-footer'></div>";
-d.header=d.querySelector(".dialog-header");b.width&&(d.style.width=b.width+(b.width.constructor===Number?"px":""));b.height&&(d.style.height=b.height+(b.height.constructor===Number?"px":""));b.closable&&(b=document.createElement("span"),b.innerHTML="&#10005;",b.classList.add("close"),b.addEventListener("click",function(){d.close()}),d.header.appendChild(b));d.title_element=d.querySelector(".dialog-title");d.title_element.innerText=a;d.content=d.querySelector(".dialog-content");d.footer=d.querySelector(".dialog-footer");
-d.close=function(){this.parentNode&&this.parentNode.removeChild(this)};d.clear=function(){this.content.innerHTML=""};d.addHTML=function(a,b,c){var e=document.createElement("div");b&&(e.className=b);e.innerHTML=a;c?d.footer.appendChild(e):d.content.appendChild(e);return e};d.addButton=function(a,b,c){var e=document.createElement("button");e.innerText=a;e.options=c;e.classList.add("btn");e.addEventListener("click",b);d.footer.appendChild(e);return e};d.addSeparator=function(){var a=document.createElement("div");
-a.className="separator";d.content.appendChild(a)};d.addWidget=function(a,b,g,n,r){function e(a,b){console.log("change",a,b);n.callback&&n.callback(a,b);r&&r(a,b)}n=n||{};var f=String(g);a=a.toLowerCase();"number"==a&&(f=g.toFixed(3));var l=document.createElement("div");l.className="property";l.innerHTML="<span class='property_name'></span><span class='property_value'></span>";l.querySelector(".property_name").innerText=n.label||b;var z=l.querySelector(".property_value");z.innerText=f;l.dataset.property=
-b;l.dataset.type=n.type||a;l.options=n;l.value=g;if("boolean"==a)l.classList.add("boolean"),g&&l.classList.add("bool-on"),l.addEventListener("click",function(){var a=this.dataset.property;this.value=!this.value;this.classList.toggle("bool-on");this.querySelector(".property_value").innerText=this.value?"true":"false";e(a,this.value)});else if("string"==a||"number"==a)z.setAttribute("contenteditable",!0),z.addEventListener("keydown",function(a){"Enter"==a.code&&(a.preventDefault(),this.blur())}),z.addEventListener("blur",
-function(){var a=this.innerText,b=this.parentNode.dataset.property;"number"==this.parentNode.dataset.type&&(a=Number(a));e(b,a)});else if("enum"==a||"combo"==a)f=h.getPropertyPrintableValue(g,n.values),z.innerText=f,z.addEventListener("click",function(a){var b=this.parentNode.dataset.property,d=this;new k.ContextMenu(n.values||[],{event:a,className:"dark",callback:function(a,c,n){d.innerText=a;e(b,a);return!1}},c)});d.content.appendChild(l);return l};return d};h.getPropertyPrintableValue=function(a,
-b){if(!b||b.constructor===Array)return String(a);if(b.constructor===Object){var c="",d;for(d in b)if(b[d]==a){c=d;break}return String(a)+" ("+c+")"}};h.prototype.showShowNodePanel=function(a){window.SELECTED_NODE=a;var b=document.querySelector("#node-panel");b&&b.close();var c=this.getCanvasWindow();b=this.createPanel(a.title||"",{closable:!0,window:c});b.id="node-panel";b.node=a;b.classList.add("settings");var d=this;(function(){b.content.innerHTML="";b.addHTML("<span class='node_type'>"+a.type+
-"</span><span class='node_desc'>"+(a.constructor.desc||"")+"</span><span class='separator'></span>");b.addHTML("<h3>Properties</h3>");for(var c in a.properties){var f=a.properties[c],g=a.getPropertyInfo(c);a.onAddPropertyToPanel&&a.onAddPropertyToPanel(c,b)||b.addWidget(g.widget||g.type,c,f,g,function(b,c){d.graph.beforeChange(a);a.setProperty(b,c);d.graph.afterChange();d.dirty_canvas=!0})}b.addSeparator();if(a.onShowCustomPanelInfo)a.onShowCustomPanelInfo(b);b.addButton("Delete",function(){a.block_delete||
-(a.graph.remove(a),b.close())}).classList.add("delete")})();this.canvas.parentNode.appendChild(b)};h.prototype.showSubgraphPropertiesDialog=function(a){function b(){d.clear();if(a.inputs)for(var c=0;c<a.inputs.length;++c){var f=a.inputs[c];if(!f.not_subgraph_input){var g=d.addHTML("<button>&#10005;</button> <span class='bullet_icon'></span><span class='name'></span><span class='type'></span>","subgraph_property");g.dataset.name=f.name;g.dataset.slot=c;g.querySelector(".name").innerText=f.name;g.querySelector(".type").innerText=
-f.type;g.querySelector("button").addEventListener("click",function(c){a.removeInput(Number(this.parentNode.dataset.slot));b()})}}}console.log("showing subgraph properties dialog");var c=this.canvas.parentNode.querySelector(".subgraph_dialog");c&&c.close();var d=this.createPanel("Subgraph Inputs",{closable:!0,width:500});d.node=a;d.classList.add("subgraph_dialog");d.addHTML(" + <span class='label'>Name</span><input class='name'/><span class='label'>Type</span><input class='type'></input><button>+</button>",
-"subgraph_property extra",!0).querySelector("button").addEventListener("click",function(c){c=this.parentNode;var d=c.querySelector(".name").value,e=c.querySelector(".type").value;d&&-1==a.findInputSlot(d)&&(a.addInput(d,e),c.querySelector(".name").value="",c.querySelector(".type").value="",b())});b();this.canvas.parentNode.appendChild(d);return d};h.prototype.checkPanels=function(){if(this.canvas)for(var a=this.canvas.parentNode.querySelectorAll(".litegraph.dialog"),b=0;b<a.length;++b){var c=a[b];
-c.node&&(c.node.graph&&c.graph==this.graph||c.close())}};h.onMenuNodeCollapse=function(a,b,c,d,e){e.graph.beforeChange(e);e.collapse();e.graph.afterChange(e)};h.onMenuNodePin=function(a,b,c,d,e){e.pin()};h.onMenuNodeMode=function(a,b,c,d,e){new k.ContextMenu(["Always","On Event","On Trigger","Never"],{event:c,callback:function(a){if(e)switch(a){case "On Event":e.mode=k.ON_EVENT;break;case "On Trigger":e.mode=k.ON_TRIGGER;break;case "Never":e.mode=k.NEVER;break;default:e.mode=k.ALWAYS}},parentMenu:d,
-node:e});return!1};h.onMenuNodeColors=function(a,b,c,d,e){if(!e)throw"no node for color";b=[];b.push({value:null,content:"<span style='display: block; padding-left: 4px;'>No color</span>"});for(var f in h.node_colors)a=h.node_colors[f],a={value:f,content:"<span style='display: block; color: #999; padding-left: 4px; border-left: 8px solid "+a.color+"; background-color:"+a.bgcolor+"'>"+f+"</span>"},b.push(a);new k.ContextMenu(b,{event:c,callback:function(a){e&&((a=a.value?h.node_colors[a.value]:null)?
-e.constructor===k.LGraphGroup?e.color=a.groupcolor:(e.color=a.color,e.bgcolor=a.bgcolor):(delete e.color,delete e.bgcolor),e.setDirtyCanvas(!0,!0))},parentMenu:d,node:e});return!1};h.onMenuNodeShapes=function(a,b,c,d,e){if(!e)throw"no node passed";new k.ContextMenu(k.VALID_SHAPES,{event:c,callback:function(a){e&&(e.graph.beforeChange(e),e.shape=a,e.graph.afterChange(e),e.setDirtyCanvas(!0))},parentMenu:d,node:e});return!1};h.onMenuNodeRemove=function(a,b,c,d,e){if(!e)throw"no node passed";!1!==e.removable&&
-(a=e.graph,a.beforeChange(),a.remove(e),a.afterChange(),e.setDirtyCanvas(!0,!0))};h.onMenuNodeToSubgraph=function(a,b,c,d,e){a=e.graph;if(b=h.active_canvas)c=Object.values(b.selected_nodes||{}),c.length||(c=[e]),d=k.createNode("graph/subgraph"),d.pos=e.pos.concat(),a.add(d),d.buildFromNodes(c),b.deselectAllNodes(),e.setDirtyCanvas(!0,!0)};h.onMenuNodeClone=function(a,b,c,d,e){0!=e.clonable&&(a=e.clone())&&(a.pos=[e.pos[0]+5,e.pos[1]+5],e.graph.beforeChange(),e.graph.add(a),e.graph.afterChange(),e.setDirtyCanvas(!0,
-!0))};h.node_colors={red:{color:"#322",bgcolor:"#533",groupcolor:"#A88"},brown:{color:"#332922",bgcolor:"#593930",groupcolor:"#b06634"},green:{color:"#232",bgcolor:"#353",groupcolor:"#8A8"},blue:{color:"#223",bgcolor:"#335",groupcolor:"#88A"},pale_blue:{color:"#2a363b",bgcolor:"#3f5159",groupcolor:"#3f789e"},cyan:{color:"#233",bgcolor:"#355",groupcolor:"#8AA"},purple:{color:"#323",bgcolor:"#535",groupcolor:"#a1309b"},yellow:{color:"#432",bgcolor:"#653",groupcolor:"#b58b2a"},black:{color:"#222",bgcolor:"#000",
-groupcolor:"#444"}};h.prototype.getCanvasMenuOptions=function(){if(this.getMenuOptions)var a=this.getMenuOptions();else a=[{content:"Add Node",has_submenu:!0,callback:h.onMenuAdd},{content:"Add Group",callback:h.onGroupAdd}],this._graph_stack&&0<this._graph_stack.length&&a.push(null,{content:"Close subgraph",callback:this.closeSubgraph.bind(this)});if(this.getExtraMenuOptions){var b=this.getExtraMenuOptions(this,a);b&&(a=a.concat(b))}return a};h.prototype.getNodeMenuOptions=function(a){var b=null;
-b=a.getMenuOptions?a.getMenuOptions(this):[{content:"Inputs",has_submenu:!0,disabled:!0,callback:h.showMenuNodeOptionalInputs},{content:"Outputs",has_submenu:!0,disabled:!0,callback:h.showMenuNodeOptionalOutputs},null,{content:"Properties",has_submenu:!0,callback:h.onShowMenuNodeProperties},null,{content:"Title",callback:h.onShowPropertyEditor},{content:"Mode",has_submenu:!0,callback:h.onMenuNodeMode},{content:"Resize",callback:function(){if(a.resizable)return h.onResizeNode}},{content:"Collapse",
-callback:h.onMenuNodeCollapse},{content:"Pin",callback:h.onMenuNodePin},{content:"Colors",has_submenu:!0,callback:h.onMenuNodeColors},{content:"Shapes",has_submenu:!0,callback:h.onMenuNodeShapes},null];if(a.onGetInputs){var c=a.onGetInputs();c&&c.length&&(b[0].disabled=!1)}a.onGetOutputs&&(c=a.onGetOutputs())&&c.length&&(b[1].disabled=!1);a.getExtraMenuOptions&&(c=a.getExtraMenuOptions(this,b))&&(c.push(null),b=c.concat(b));!1!==a.clonable&&b.push({content:"Clone",callback:h.onMenuNodeClone});b.push(null,
-{content:"Remove",disabled:!(!1!==a.removable&&!a.block_delete),callback:h.onMenuNodeRemove});if(a.graph&&a.graph.onGetNodeMenuOptions)a.graph.onGetNodeMenuOptions(b,a);return b};h.prototype.getGroupMenuOptions=function(a){return[{content:"Title",callback:h.onShowPropertyEditor},{content:"Color",has_submenu:!0,callback:h.onMenuNodeColors},{content:"Font size",property:"font_size",type:"Number",callback:h.onShowPropertyEditor},null,{content:"Remove",callback:h.onMenuNodeRemove}]};h.prototype.processContextMenu=
-function(a,b){var c=this,d=h.active_canvas.getCanvasWindow(),e=null,f={event:b,callback:function(b,d,e){if(b)if("Remove Slot"==b.content)b=b.slot,b.input?a.removeInput(b.slot):b.output&&a.removeOutput(b.slot);else if("Disconnect Links"==b.content)b=b.slot,b.output?a.disconnectOutput(b.slot):b.input&&a.disconnectInput(b.slot);else if("Rename Slot"==b.content){b=b.slot;var n=b.input?a.getInputInfo(b.slot):a.getOutputInfo(b.slot),f=c.createDialog("<span class='name'>Name</span><input autofocus type='text'/><button>OK</button>",
-d),g=f.querySelector("input");g&&n&&(g.value=n.label||"");f.querySelector("button").addEventListener("click",function(a){g.value&&(n&&(n.label=g.value),c.setDirty(!0));f.close()})}},extra:a};a&&(f.title=a.type);var g=null;a&&(g=a.getSlotInPosition(b.canvasX,b.canvasY),h.active_node=a);g?(e=[],a.getSlotMenuOptions?e=a.getSlotMenuOptions(g):(g&&g.output&&g.output.links&&g.output.links.length&&e.push({content:"Disconnect Links",slot:g}),b=g.input||g.output,e.push(b.locked?"Cannot remove":{content:"Remove Slot",
-slot:g}),e.push(b.nameLocked?"Cannot rename":{content:"Rename Slot",slot:g})),f.title=(g.input?g.input.type:g.output.type)||"*",g.input&&g.input.type==k.ACTION&&(f.title="Action"),g.output&&g.output.type==k.EVENT&&(f.title="Event")):a?e=this.getNodeMenuOptions(a):(e=this.getCanvasMenuOptions(),(g=this.graph.getGroupOnPos(b.canvasX,b.canvasY))&&e.push(null,{content:"Edit Group",has_submenu:!0,submenu:{title:"Group",extra:g,options:this.getGroupMenuOptions(g)}}));e&&new k.ContextMenu(e,f,d)};"undefined"!=
-typeof window&&window.CanvasRenderingContext2D&&!window.CanvasRenderingContext2D.prototype.roundRect&&(window.CanvasRenderingContext2D.prototype.roundRect=function(a,b,c,d,e,f){var g,n;if(0===e)this.rect(a,b,c,d);else{void 0===f&&(f=e);if(null!=e&&e.constructor===Array)if(1==e.length)var k=g=n=f=e[0];else if(2==e.length)k=f=e[0],g=n=e[1];else if(4==e.length)k=e[0],g=e[1],n=e[2],f=e[3];else return;else k=e||0,g=e||0,n=f||0,f=f||0;this.moveTo(a+k,b);this.lineTo(a+c-g,b);this.quadraticCurveTo(a+c,b,
-a+c,b+g);this.lineTo(a+c,b+d-f);this.quadraticCurveTo(a+c,b+d,a+c-f,b+d);this.lineTo(a+f,b+d);this.quadraticCurveTo(a,b+d,a,b+d-n);this.lineTo(a,b+n);this.quadraticCurveTo(a,b,a+k,b)}});k.compareObjects=function(a,b){for(var c in a)if(a[c]!=b[c])return!1;return!0};k.distance=E;k.colorToString=function(a){return"rgba("+Math.round(255*a[0]).toFixed()+","+Math.round(255*a[1]).toFixed()+","+Math.round(255*a[2]).toFixed()+","+(4==a.length?a[3].toFixed(2):"1.0")+")"};k.isInsideRectangle=C;k.growBounding=
-function(a,b,c){b<a[0]?a[0]=b:b>a[2]&&(a[2]=b);c<a[1]?a[1]=c:c>a[3]&&(a[3]=c)};k.isInsideBounding=function(a,b){return a[0]<b[0][0]||a[1]<b[0][1]||a[0]>b[1][0]||a[1]>b[1][1]?!1:!0};k.overlapBounding=B;k.hex2num=function(a){"#"==a.charAt(0)&&(a=a.slice(1));a=a.toUpperCase();for(var b=Array(3),c=0,d,e,f=0;6>f;f+=2)d="0123456789ABCDEF".indexOf(a.charAt(f)),e="0123456789ABCDEF".indexOf(a.charAt(f+1)),b[c]=16*d+e,c++;return b};k.num2hex=function(a){for(var b="#",c,d,e=0;3>e;e++)c=a[e]/16,d=a[e]%16,b+=
-"0123456789ABCDEF".charAt(c)+"0123456789ABCDEF".charAt(d);return b};x.prototype.addItem=function(a,b,c){function d(a){var b=this.value;b&&b.has_submenu&&e.call(this,a)}function e(a){var b=this.value,d=!0;f.current_submenu&&f.current_submenu.close(a);if(c.callback){var e=c.callback.call(this,b,c,a,f,c.node);!0===e&&(d=!1)}if(b&&(b.callback&&!c.ignore_item_callbacks&&!0!==b.disabled&&(e=b.callback.call(this,b,c,a,f,c.extra),!0===e&&(d=!1)),b.submenu)){if(!b.submenu.options)throw"ContextMenu submenu needs options";
-new f.constructor(b.submenu.options,{callback:b.submenu.callback,event:a,parentMenu:f,ignore_item_callbacks:b.submenu.ignore_item_callbacks,title:b.submenu.title,extra:b.submenu.extra,autoopen:c.autoopen});d=!1}d&&!f.lock&&f.close()}var f=this;c=c||{};var g=document.createElement("div");g.className="litemenu-entry submenu";var n=!1;if(null===b)g.classList.add("separator");else{g.innerHTML=b&&b.title?b.title:a;if(g.value=b)b.disabled&&(n=!0,g.classList.add("disabled")),(b.submenu||b.has_submenu)&&
-g.classList.add("has_submenu");"function"==typeof b?(g.dataset.value=a,g.onclick_callback=b):g.dataset.value=b;b.className&&(g.className+=" "+b.className)}this.root.appendChild(g);n||g.addEventListener("click",e);c.autoopen&&g.addEventListener("mouseenter",d);return g};x.prototype.close=function(a,b){this.root.parentNode&&this.root.parentNode.removeChild(this.root);this.parentMenu&&!b&&(this.parentMenu.lock=!1,this.parentMenu.current_submenu=null,void 0===a?this.parentMenu.close():a&&!x.isCursorOverElement(a,
-this.parentMenu.root)&&x.trigger(this.parentMenu.root,"mouseleave",a));this.current_submenu&&this.current_submenu.close(a,!0);this.root.closing_timer&&clearTimeout(this.root.closing_timer)};x.trigger=function(a,b,c,d){var e=document.createEvent("CustomEvent");e.initCustomEvent(b,!0,!0,c);e.srcElement=d;a.dispatchEvent?a.dispatchEvent(e):a.__events&&a.__events.dispatchEvent(e);return e};x.prototype.getTopMenu=function(){return this.options.parentMenu?this.options.parentMenu.getTopMenu():this};x.prototype.getFirstEvent=
-function(){return this.options.parentMenu?this.options.parentMenu.getFirstEvent():this.options.event};x.isCursorOverElement=function(a,b){var c=a.clientX;a=a.clientY;return(b=b.getBoundingClientRect())?a>b.top&&a<b.top+b.height&&c>b.left&&c<b.left+b.width?!0:!1:!1};k.ContextMenu=x;k.closeAllContextMenus=function(a){a=a||window;a=a.document.querySelectorAll(".litecontextmenu");if(a.length){for(var b=[],c=0;c<a.length;c++)b.push(a[c]);for(c=0;c<b.length;c++)b[c].close?b[c].close():b[c].parentNode&&
-b[c].parentNode.removeChild(b[c])}};k.extendClass=function(a,b){for(var c in b)a.hasOwnProperty(c)||(a[c]=b[c]);if(b.prototype)for(c in b.prototype)b.prototype.hasOwnProperty(c)&&!a.prototype.hasOwnProperty(c)&&(b.prototype.__lookupGetter__(c)?a.prototype.__defineGetter__(c,b.prototype.__lookupGetter__(c)):a.prototype[c]=b.prototype[c],b.prototype.__lookupSetter__(c)&&a.prototype.__defineSetter__(c,b.prototype.__lookupSetter__(c)))};I.sampleCurve=function(a,b){if(b){for(var c=0;c<b.length-1;++c){var d=
-b[c],e=b[c+1];if(!(e[0]<a)){b=e[0]-d[0];if(1E-5>Math.abs(b))return d[1];a=(a-d[0])/b;return d[1]*(1-a)+e[1]*a}}return 0}};I.prototype.draw=function(a,b,c,d,e,f){if(c=this.points){this.size=b;var g=b[0]-2*this.margin;b=b[1]-2*this.margin;e=e||"#666";a.save();a.translate(this.margin,this.margin);d&&(a.fillStyle="#111",a.fillRect(0,0,g,b),a.fillStyle="#222",a.fillRect(.5*g,0,1,b),a.strokeStyle="#333",a.strokeRect(0,0,g,b));a.strokeStyle=e;f&&(a.globalAlpha=.5);a.beginPath();for(d=0;d<c.length;++d)e=
-c[d],a.lineTo(e[0]*g,(1-e[1])*b);a.stroke();a.globalAlpha=1;if(!f)for(d=0;d<c.length;++d)e=c[d],a.fillStyle=this.selected==d?"#FFF":this.nearest==d?"#DDD":"#AAA",a.beginPath(),a.arc(e[0]*g,(1-e[1])*b,2,0,2*Math.PI),a.fill();a.restore()}};I.prototype.onMouseDown=function(a,b){var c=this.points;if(c&&!(0>a[1])){var d=this.size[0]-2*this.margin,e=this.size[1]-2*this.margin,f=a[0]-this.margin;a=a[1]-this.margin;this.selected=this.getCloserPoint([f,a],30/b.ds.scale);-1==this.selected&&(b=[f/d,1-a/e],c.push(b),
-c.sort(function(a,b){return a[0]-b[0]}),this.selected=c.indexOf(b),this.must_update=!0);if(-1!=this.selected)return!0}};I.prototype.onMouseMove=function(a,b){var c=this.points;if(c){var d=this.selected;if(!(0>d)){var e=(a[0]-this.margin)/(this.size[0]-2*this.margin),f=(a[1]-this.margin)/(this.size[1]-2*this.margin);this._nearest=this.getCloserPoint([a[0]-this.margin,a[1]-this.margin],30/b.ds.scale);if(b=c[d]){var g=0==d||d==c.length-1;!g&&(-10>a[0]||a[0]>this.size[0]+10||-10>a[1]||a[1]>this.size[1]+
-10)?(c.splice(d,1),this.selected=-1):(b[0]=g?0==d?0:1:Math.clamp(e,0,1),b[1]=1-Math.clamp(f,0,1),c.sort(function(a,b){return a[0]-b[0]}),this.selected=c.indexOf(b),this.must_update=!0)}}}};I.prototype.onMouseUp=function(a,b){this.selected=-1;return!1};I.prototype.getCloserPoint=function(a,b){var c=this.points;if(!c)return-1;b=b||30;for(var d=this.size[0]-2*this.margin,e=this.size[1]-2*this.margin,f=c.length,g=[0,0],n=1E6,k=-1,h=0;h<f;++h){var l=c[h];g[0]=l[0]*d;g[1]=(1-l[1])*e;l=vec2.distance(a,g);
-l>n||l>b||(k=h,n=l)}return k};k.CurveEditor=I;k.getParameterNames=function(a){return(a+"").replace(/[/][/].*$/gm,"").replace(/\s+/g,"").replace(/[/][*][^/*]*[*][/]/g,"").split("){",1)[0].replace(/^[^(]*[(]/,"").replace(/=[^,]+/g,"").split(",").filter(Boolean)};Math.clamp=function(a,b,c){return b>a?b:c<a?c:a};"undefined"==typeof window||window.requestAnimationFrame||(window.requestAnimationFrame=window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(a){window.setTimeout(a,1E3/
-60)})})(this);"undefined"!=typeof exports&&(exports.LiteGraph=this.LiteGraph);
+b)){b=b.substr(0,30);a.font="14px Courier New";var d=a.measureText(b).width+20;a.shadowColor="black";a.shadowOffsetX=2;a.shadowOffsetY=2;a.shadowBlur=3;a.fillStyle="#454";a.beginPath();a.roundRect(c[0]-.5*d,c[1]-15-24,d,24,[3]);a.moveTo(c[0]-10,c[1]-15);a.lineTo(c[0]+10,c[1]-15);a.lineTo(c[0],c[1]-5);a.fill();a.shadowColor="transparent";a.textAlign="center";a.fillStyle="#CEC";a.fillText(b,c[0],c[1]-15-24*.3)}};var A=new Float32Array(4);h.prototype.drawNodeShape=function(a,b,c,d,e,f,g){b.strokeStyle=
+d;b.fillStyle=e;e=k.NODE_TITLE_HEIGHT;var n=.5>this.ds.scale,r=a._shape||a.constructor.shape||k.ROUND_SHAPE,l=a.constructor.title_mode,u=!0;l==k.TRANSPARENT_TITLE?u=!1:l==k.AUTOHIDE_TITLE&&g&&(u=!0);A[0]=0;A[1]=u?-e:0;A[2]=c[0]+1;A[3]=u?c[1]+e:c[1];g=b.globalAlpha;b.beginPath();r==k.BOX_SHAPE||n?b.fillRect(A[0],A[1],A[2],A[3]):r==k.ROUND_SHAPE||r==k.CARD_SHAPE?b.roundRect(A[0],A[1],A[2],A[3],r==k.CARD_SHAPE?[this.round_radius,this.round_radius,0,0]:[this.round_radius]):r==k.CIRCLE_SHAPE&&b.arc(.5*
+c[0],.5*c[1],.5*c[0],0,2*Math.PI);b.fill();a.flags.collapsed||(b.shadowColor="transparent",b.fillStyle="rgba(0,0,0,0.2)",b.fillRect(0,-1,A[2],2));b.shadowColor="transparent";if(a.onDrawBackground)a.onDrawBackground(b,this,this.canvas,this.graph_mouse);if(u||l==k.TRANSPARENT_TITLE){if(a.onDrawTitleBar)a.onDrawTitleBar(b,e,c,this.ds.scale,d);else if(l!=k.TRANSPARENT_TITLE&&(a.constructor.title_color||this.render_title_colored)){u=a.constructor.title_color||d;a.flags.collapsed&&(b.shadowColor=k.DEFAULT_SHADOW_COLOR);
+if(this.use_gradients){var p=h.gradients[u];p||(p=h.gradients[u]=b.createLinearGradient(0,0,400,0),p.addColorStop(0,u),p.addColorStop(1,"#000"));b.fillStyle=p}else b.fillStyle=u;b.beginPath();r==k.BOX_SHAPE||n?b.rect(0,-e,c[0]+1,e):(r==k.ROUND_SHAPE||r==k.CARD_SHAPE)&&b.roundRect(0,-e,c[0]+1,e,a.flags.collapsed?[this.round_radius]:[this.round_radius,this.round_radius,0,0]);b.fill();b.shadowColor="transparent"}if(a.onDrawTitleBox)a.onDrawTitleBox(b,e,c,this.ds.scale);else r==k.ROUND_SHAPE||r==k.CIRCLE_SHAPE||
+r==k.CARD_SHAPE?(n&&(b.fillStyle="black",b.beginPath(),b.arc(.5*e,-.5*e,6,0,2*Math.PI),b.fill()),b.fillStyle=a.boxcolor||k.NODE_DEFAULT_BOXCOLOR,n?b.fillRect(.5*e-5,-.5*e-5,10,10):(b.beginPath(),b.arc(.5*e,-.5*e,5,0,2*Math.PI),b.fill())):(n&&(b.fillStyle="black",b.fillRect(.5*(e-10)-1,-.5*(e+10)-1,12,12)),b.fillStyle=a.boxcolor||k.NODE_DEFAULT_BOXCOLOR,b.fillRect(.5*(e-10),-.5*(e+10),10,10));b.globalAlpha=g;if(a.onDrawTitleText)a.onDrawTitleText(b,e,c,this.ds.scale,this.title_text_font,f);!n&&(b.font=
+this.title_text_font,g=String(a.getTitle()))&&(b.fillStyle=f?k.NODE_SELECTED_TITLE_COLOR:a.constructor.title_text_color||this.node_title_color,a.flags.collapsed?(b.textAlign="left",b.measureText(g),b.fillText(g.substr(0,20),e,k.NODE_TITLE_TEXT_Y-e),b.textAlign="left"):(b.textAlign="left",b.fillText(g,e,k.NODE_TITLE_TEXT_Y-e)));a.flags.collapsed||!a.subgraph||a.skip_subgraph_button||(g=k.NODE_TITLE_HEIGHT,u=a.size[0]-g,p=k.isInsideRectangle(this.graph_mouse[0]-a.pos[0],this.graph_mouse[1]-a.pos[1],
+u+2,-g+2,g-4,g-4),b.fillStyle=p?"#888":"#555",r==k.BOX_SHAPE||n?b.fillRect(u+2,-g+2,g-4,g-4):(b.beginPath(),b.roundRect(u+2,-g+2,g-4,g-4,[4]),b.fill()),b.fillStyle="#333",b.beginPath(),b.moveTo(u+.2*g,.6*-g),b.lineTo(u+.8*g,.6*-g),b.lineTo(u+.5*g,.3*-g),b.fill());if(a.onDrawTitle)a.onDrawTitle(b)}if(f){if(a.onBounding)a.onBounding(A);l==k.TRANSPARENT_TITLE&&(A[1]-=e,A[3]+=e);b.lineWidth=1;b.globalAlpha=.8;b.beginPath();r==k.BOX_SHAPE?b.rect(-6+A[0],-6+A[1],12+A[2],12+A[3]):r==k.ROUND_SHAPE||r==k.CARD_SHAPE&&
+a.flags.collapsed?b.roundRect(-6+A[0],-6+A[1],12+A[2],12+A[3],[2*this.round_radius]):r==k.CARD_SHAPE?b.roundRect(-6+A[0],-6+A[1],12+A[2],12+A[3],[2*this.round_radius,2,2*this.round_radius,2]):r==k.CIRCLE_SHAPE&&b.arc(.5*c[0],.5*c[1],.5*c[0]+6,0,2*Math.PI);b.strokeStyle=k.NODE_BOX_OUTLINE_COLOR;b.stroke();b.strokeStyle=d;b.globalAlpha=1}};var J=new Float32Array(4),D=new Float32Array(4),H=new Float32Array(2),F=new Float32Array(2);h.prototype.drawConnections=function(a){var b=k.getTime(),c=this.visible_area;
+J[0]=c[0]-20;J[1]=c[1]-20;J[2]=c[2]+40;J[3]=c[3]+40;a.lineWidth=this.connections_width;a.fillStyle="#AAA";a.strokeStyle="#AAA";a.globalAlpha=this.editor_alpha;c=this.graph._nodes;for(var d=0,e=c.length;d<e;++d){var f=c[d];if(f.inputs&&f.inputs.length)for(var g=0;g<f.inputs.length;++g){var n=f.inputs[g];if(n&&null!=n.link&&(n=this.graph.links[n.link])){var r=this.graph.getNodeById(n.origin_id);if(null!=r){var h=n.origin_slot;var u=-1==h?[r.pos[0]+10,r.pos[1]+10]:r.getConnectionPos(!1,h,H);var p=f.getConnectionPos(!0,
+g,F);D[0]=u[0];D[1]=u[1];D[2]=p[0]-u[0];D[3]=p[1]-u[1];0>D[2]&&(D[0]+=D[2],D[2]=Math.abs(D[2]));0>D[3]&&(D[1]+=D[3],D[3]=Math.abs(D[3]));if(B(D,J)){var z=r.outputs[h];h=f.inputs[g];if(z&&h&&(r=z.dir||(r.horizontal?k.DOWN:k.RIGHT),h=h.dir||(f.horizontal?k.UP:k.LEFT),this.renderLink(a,u,p,n,!1,0,null,r,h),n&&n._last_time&&1E3>b-n._last_time)){z=2-.002*(b-n._last_time);var l=a.globalAlpha;a.globalAlpha=l*z;this.renderLink(a,u,p,n,!0,z,"white",r,h);a.globalAlpha=l}}}}}}a.globalAlpha=1};h.prototype.renderLink=
+function(a,b,c,d,e,f,g,n,r,l){d&&this.visible_links.push(d);!g&&d&&(g=d.color||h.link_type_colors[d.type]);g||(g=this.default_link_color);null!=d&&this.highlighted_links[d.id]&&(g="#FFF");n=n||k.RIGHT;r=r||k.LEFT;var u=E(b,c);this.render_connections_border&&.6<this.ds.scale&&(a.lineWidth=this.connections_width+4);a.lineJoin="round";l=l||1;1<l&&(a.lineWidth=.5);a.beginPath();for(var p=0;p<l;p+=1){var z=5*(p-.5*(l-1));if(this.links_render_mode==k.SPLINE_LINK){a.moveTo(b[0],b[1]+z);var y=0,t=0,m=0,K=
+0;switch(n){case k.LEFT:y=-.25*u;break;case k.RIGHT:y=.25*u;break;case k.UP:t=-.25*u;break;case k.DOWN:t=.25*u}switch(r){case k.LEFT:m=-.25*u;break;case k.RIGHT:m=.25*u;break;case k.UP:K=-.25*u;break;case k.DOWN:K=.25*u}a.bezierCurveTo(b[0]+y,b[1]+t+z,c[0]+m,c[1]+K+z,c[0],c[1]+z)}else if(this.links_render_mode==k.LINEAR_LINK){a.moveTo(b[0],b[1]+z);K=m=t=y=0;switch(n){case k.LEFT:y=-1;break;case k.RIGHT:y=1;break;case k.UP:t=-1;break;case k.DOWN:t=1}switch(r){case k.LEFT:m=-1;break;case k.RIGHT:m=
+1;break;case k.UP:K=-1;break;case k.DOWN:K=1}a.lineTo(b[0]+15*y,b[1]+15*t+z);a.lineTo(c[0]+15*m,c[1]+15*K+z);a.lineTo(c[0],c[1]+z)}else if(this.links_render_mode==k.STRAIGHT_LINK)a.moveTo(b[0],b[1]),z=b[0],y=b[1],t=c[0],m=c[1],n==k.RIGHT?z+=10:y+=10,r==k.LEFT?t-=10:m-=10,a.lineTo(z,y),a.lineTo(.5*(z+t),y),a.lineTo(.5*(z+t),m),a.lineTo(t,m),a.lineTo(c[0],c[1]);else return}this.render_connections_border&&.6<this.ds.scale&&!e&&(a.strokeStyle="rgba(0,0,0,0.5)",a.stroke());a.lineWidth=this.connections_width;
+a.fillStyle=a.strokeStyle=g;a.stroke();e=this.computeConnectionPoint(b,c,.5,n,r);d&&d._pos&&(d._pos[0]=e[0],d._pos[1]=e[1]);.6<=this.ds.scale&&this.highquality_render&&r!=k.CENTER&&(this.render_connection_arrows&&(p=this.computeConnectionPoint(b,c,.25,n,r),u=this.computeConnectionPoint(b,c,.26,n,r),d=this.computeConnectionPoint(b,c,.75,n,r),l=this.computeConnectionPoint(b,c,.76,n,r),this.render_curved_connections?(u=-Math.atan2(u[0]-p[0],u[1]-p[1]),l=-Math.atan2(l[0]-d[0],l[1]-d[1])):l=u=c[1]>b[1]?
+0:Math.PI,a.save(),a.translate(p[0],p[1]),a.rotate(u),a.beginPath(),a.moveTo(-5,-3),a.lineTo(0,7),a.lineTo(5,-3),a.fill(),a.restore(),a.save(),a.translate(d[0],d[1]),a.rotate(l),a.beginPath(),a.moveTo(-5,-3),a.lineTo(0,7),a.lineTo(5,-3),a.fill(),a.restore()),a.beginPath(),a.arc(e[0],e[1],5,0,2*Math.PI),a.fill());if(f)for(a.fillStyle=g,p=0;5>p;++p)f=(.001*k.getTime()+.2*p)%1,e=this.computeConnectionPoint(b,c,f,n,r),a.beginPath(),a.arc(e[0],e[1],5,0,2*Math.PI),a.fill()};h.prototype.computeConnectionPoint=
+function(a,b,c,d,e){d=d||k.RIGHT;e=e||k.LEFT;var f=E(a,b),g=[a[0],a[1]],n=[b[0],b[1]];switch(d){case k.LEFT:g[0]+=-.25*f;break;case k.RIGHT:g[0]+=.25*f;break;case k.UP:g[1]+=-.25*f;break;case k.DOWN:g[1]+=.25*f}switch(e){case k.LEFT:n[0]+=-.25*f;break;case k.RIGHT:n[0]+=.25*f;break;case k.UP:n[1]+=-.25*f;break;case k.DOWN:n[1]+=.25*f}d=(1-c)*(1-c)*(1-c);e=3*(1-c)*(1-c)*c;f=3*(1-c)*c*c;c*=c*c;return[d*a[0]+e*g[0]+f*n[0]+c*b[0],d*a[1]+e*g[1]+f*n[1]+c*b[1]]};h.prototype.drawExecutionOrder=function(a){a.shadowColor=
+"transparent";a.globalAlpha=.25;a.textAlign="center";a.strokeStyle="white";a.globalAlpha=.75;for(var b=this.visible_nodes,c=0;c<b.length;++c){var d=b[c];a.fillStyle="black";a.fillRect(d.pos[0]-k.NODE_TITLE_HEIGHT,d.pos[1]-k.NODE_TITLE_HEIGHT,k.NODE_TITLE_HEIGHT,k.NODE_TITLE_HEIGHT);0==d.order&&a.strokeRect(d.pos[0]-k.NODE_TITLE_HEIGHT+.5,d.pos[1]-k.NODE_TITLE_HEIGHT+.5,k.NODE_TITLE_HEIGHT,k.NODE_TITLE_HEIGHT);a.fillStyle="#FFF";a.fillText(d.order,d.pos[0]+-.5*k.NODE_TITLE_HEIGHT,d.pos[1]-6)}a.globalAlpha=
+1};h.prototype.drawNodeWidgets=function(a,b,c,d){if(!a.widgets||!a.widgets.length)return 0;var e=a.size[0],f=a.widgets;b+=2;var g=k.NODE_WIDGET_HEIGHT,n=.5<this.ds.scale;c.save();c.globalAlpha=this.editor_alpha;for(var r=k.WIDGET_OUTLINE_COLOR,h=k.WIDGET_BGCOLOR,l=k.WIDGET_TEXT_COLOR,p=k.WIDGET_SECONDARY_TEXT_COLOR,z=0;z<f.length;++z){var y=f[z],t=b;y.y&&(t=y.y);y.last_y=t;c.strokeStyle=r;c.fillStyle="#222";c.textAlign="left";y.disabled&&(c.globalAlpha*=.5);var m=y.width||e;switch(y.type){case "button":y.clicked&&
+(c.fillStyle="#AAA",y.clicked=!1,this.dirty_canvas=!0);c.fillRect(15,t,m-30,g);n&&!y.disabled&&c.strokeRect(15,t,m-30,g);n&&(c.textAlign="center",c.fillStyle=l,c.fillText(y.name,.5*m,t+.7*g));break;case "toggle":c.textAlign="left";c.strokeStyle=r;c.fillStyle=h;c.beginPath();n?c.roundRect(15,b,m-30,g,[.5*g]):c.rect(15,b,m-30,g);c.fill();n&&!y.disabled&&c.stroke();c.fillStyle=y.value?"#89A":"#333";c.beginPath();c.arc(m-30,t+.5*g,.36*g,0,2*Math.PI);c.fill();n&&(c.fillStyle=p,null!=y.name&&c.fillText(y.name,
+30,t+.7*g),c.fillStyle=y.value?l:p,c.textAlign="right",c.fillText(y.value?y.options.on||"true":y.options.off||"false",m-40,t+.7*g));break;case "slider":c.fillStyle=h;c.fillRect(15,t,m-30,g);var q=y.options.max-y.options.min,w=(y.value-y.options.min)/q;c.fillStyle=d==y?"#89A":"#678";c.fillRect(15,t,w*(m-30),g);n&&!y.disabled&&c.strokeRect(15,t,m-30,g);y.marker&&(q=(y.marker-y.options.min)/q,c.fillStyle="#AA9",c.fillRect(15+q*(m-30),t,2,g));n&&(c.textAlign="center",c.fillStyle=l,c.fillText(y.name+"  "+
+Number(y.value).toFixed(3),.5*m,t+.7*g));break;case "number":case "combo":c.textAlign="left";c.strokeStyle=r;c.fillStyle=h;c.beginPath();n?c.roundRect(15,b,m-30,g,[.5*g]):c.rect(15,b,m-30,g);c.fill();n&&(y.disabled||c.stroke(),c.fillStyle=l,y.disabled||(c.beginPath(),c.moveTo(31,b+5),c.lineTo(21,b+.5*g),c.lineTo(31,b+g-5),c.fill(),c.beginPath(),c.moveTo(m-15-16,b+5),c.lineTo(m-15-6,b+.5*g),c.lineTo(m-15-16,b+g-5),c.fill()),c.fillStyle=p,c.fillText(y.name,35,t+.7*g),c.fillStyle=l,c.textAlign="right",
+"number"==y.type?c.fillText(Number(y.value).toFixed(void 0!==y.options.precision?y.options.precision:3),m-30-20,t+.7*g):(q=y.value,y.options.values&&(w=y.options.values,w.constructor===Function&&(w=w()),w&&w.constructor!==Array&&(q=w[y.value])),c.fillText(q,m-30-20,t+.7*g)));break;case "string":case "text":c.textAlign="left";c.strokeStyle=r;c.fillStyle=h;c.beginPath();n?c.roundRect(15,b,m-30,g,[.5*g]):c.rect(15,b,m-30,g);c.fill();n&&(y.disabled||c.stroke(),c.save(),c.beginPath(),c.rect(15,b,m-30,
+g),c.clip(),c.fillStyle=p,null!=y.name&&c.fillText(y.name,30,t+.7*g),c.fillStyle=l,c.textAlign="right",c.fillText(String(y.value).substr(0,30),m-30,t+.7*g),c.restore());break;default:y.draw&&y.draw(c,a,m,t,g)}b+=(y.computeSize?y.computeSize(m)[1]:g)+4;c.globalAlpha=this.editor_alpha}c.restore();c.textAlign="left"};h.prototype.processNodeWidgets=function(a,b,c,d){function e(d,e){d.value=e;d.options&&d.options.property&&void 0!==a.properties[d.options.property]&&a.setProperty(d.options.property,e);
+d.callback&&d.callback(d.value,r,a,b,c)}if(!a.widgets||!a.widgets.length)return null;for(var f=b[0]-a.pos[0],g=b[1]-a.pos[1],n=a.size[0],r=this,h=this.getCanvasWindow(),l=0;l<a.widgets.length;++l){var p=a.widgets[l];if(p&&!p.disabled){var z=p.computeSize?p.computeSize(n)[1]:k.NODE_WIDGET_HEIGHT,t=p.width||n;if(p==d||!(6>f||f>t-12||g<p.last_y||g>p.last_y+z||void 0===p.last_y)){d=p.value;switch(p.type){case "button":"mousedown"===c.type&&(p.callback&&setTimeout(function(){p.callback(p,r,a,b,c)},20),
+this.dirty_canvas=p.clicked=!0);break;case "slider":h=Math.clamp((f-15)/(t-30),0,1);p.value=p.options.min+(p.options.max-p.options.min)*h;p.callback&&setTimeout(function(){e(p,p.value)},20);this.dirty_canvas=!0;break;case "number":case "combo":d=p.value;if("mousemove"==c.type&&"number"==p.type)p.value+=.1*c.deltaX*(p.options.step||1),null!=p.options.min&&p.value<p.options.min&&(p.value=p.options.min),null!=p.options.max&&p.value>p.options.max&&(p.value=p.options.max);else if("mousedown"==c.type){var m=
+p.options.values;m&&m.constructor===Function&&(m=p.options.values(p,a));var q=null;"number"!=p.type&&(q=m.constructor===Array?m:Object.keys(m));f=40>f?-1:f>t-40?1:0;if("number"==p.type)p.value+=.1*f*(p.options.step||1),null!=p.options.min&&p.value<p.options.min&&(p.value=p.options.min),null!=p.options.max&&p.value>p.options.max&&(p.value=p.options.max);else if(f)h=-1,this.last_mouseclick=0,h=m.constructor===Object?q.indexOf(String(p.value))+f:q.indexOf(p.value)+f,h>=q.length&&(h=q.length-1),0>h&&
+(h=0),p.value=m.constructor===Array?m[h]:h;else{var w=m!=q?Object.values(m):m;new k.ContextMenu(w,{scale:Math.max(1,this.ds.scale),event:c,className:"dark",callback:function(a,b,c){m!=q&&(a=w.indexOf(a));this.value=a;e(this,a);r.dirty_canvas=!0;return!1}.bind(p)},h)}}else"mouseup"==c.type&&"number"==p.type&&(f=40>f?-1:f>t-40?1:0,200>c.click_time&&0==f&&this.prompt("Value",p.value,function(a){this.value=Number(a);e(this,this.value)}.bind(p),c));d!=p.value&&setTimeout(function(){e(this,this.value)}.bind(p),
+20);this.dirty_canvas=!0;break;case "toggle":"mousedown"==c.type&&(p.value=!p.value,setTimeout(function(){e(p,p.value)},20));break;case "string":case "text":"mousedown"==c.type&&this.prompt("Value",p.value,function(a){this.value=a;e(this,a)}.bind(p),c,p.options?p.options.multiline:!1);break;default:p.mouse&&(this.dirty_canvas=p.mouse(c,[f,g],a))}if(d!=p.value){if(a.onWidgetChanged)a.onWidgetChanged(p.name,p.value,d,p);a.graph._version++}return p}}}return null};h.prototype.drawGroups=function(a,b){if(this.graph){a=
+this.graph._groups;b.save();b.globalAlpha=.5*this.editor_alpha;for(var c=0;c<a.length;++c){var d=a[c];if(B(this.visible_area,d._bounding)){b.fillStyle=d.color||"#335";b.strokeStyle=d.color||"#335";var e=d._pos,f=d._size;b.globalAlpha=.25*this.editor_alpha;b.beginPath();b.rect(e[0]+.5,e[1]+.5,f[0],f[1]);b.fill();b.globalAlpha=this.editor_alpha;b.stroke();b.beginPath();b.moveTo(e[0]+f[0],e[1]+f[1]);b.lineTo(e[0]+f[0]-10,e[1]+f[1]);b.lineTo(e[0]+f[0],e[1]+f[1]-10);b.fill();f=d.font_size||k.DEFAULT_GROUP_FONT_SIZE;
+b.font=f+"px Arial";b.fillText(d.title,e[0]+4,e[1]+f)}}b.restore()}};h.prototype.adjustNodesSize=function(){for(var a=this.graph._nodes,b=0;b<a.length;++b)a[b].size=a[b].computeSize();this.setDirty(!0,!0)};h.prototype.resize=function(a,b){a||b||(b=this.canvas.parentNode,a=b.offsetWidth,b=b.offsetHeight);if(this.canvas.width!=a||this.canvas.height!=b)this.canvas.width=a,this.canvas.height=b,this.bgcanvas.width=this.canvas.width,this.bgcanvas.height=this.canvas.height,this.setDirty(!0,!0)};h.prototype.switchLiveMode=
+function(a){if(a){var b=this,c=this.live_mode?1.1:.9;this.live_mode&&(this.live_mode=!1,this.editor_alpha=.1);var d=setInterval(function(){b.editor_alpha*=c;b.dirty_canvas=!0;b.dirty_bgcanvas=!0;1>c&&.01>b.editor_alpha&&(clearInterval(d),1>c&&(b.live_mode=!0));1<c&&.99<b.editor_alpha&&(clearInterval(d),b.editor_alpha=1)},1)}else this.live_mode=!this.live_mode,this.dirty_bgcanvas=this.dirty_canvas=!0};h.prototype.onNodeSelectionChange=function(a){};h.prototype.touchHandler=function(a){var b=a.changedTouches[0];
+switch(a.type){case "touchstart":var c="mousedown";break;case "touchmove":c="mousemove";break;case "touchend":c="mouseup";break;default:return}var d=this.getCanvasWindow(),e=d.document.createEvent("MouseEvent");e.initMouseEvent(c,!0,!0,d,1,b.screenX,b.screenY,b.clientX,b.clientY,!1,!1,!1,!1,0,null);b.target.dispatchEvent(e);a.preventDefault()};h.onGroupAdd=function(a,b,c){a=h.active_canvas;a.getCanvasWindow();b=new k.LGraphGroup;b.pos=a.convertEventToCanvasOffset(c);a.graph.add(b)};h.onMenuAdd=function(a,
+b,c,d,e){function f(a,b){var d=[];k.getNodeTypesCategories(g.filter||r.filter).filter(function(b){return b.startsWith(a)}).map(function(b){if(b){b=b.replace(new RegExp("^("+a+")"),"").split("/")[0];var c=""===a?b+"/":a+b+"/";-1!=b.indexOf("::")&&(b=b.split("::")[1]);-1===d.findIndex(function(a){return a.value===c})&&d.push({value:c,content:b,has_submenu:!0,callback:function(a,b,c,d){f(a.value,d)}})}});k.getNodeTypesInCategory(a.slice(0,-1),g.filter||r.filter).map(function(a){a.skip_list||d.push({value:a.type,
+content:a.title,has_submenu:!1,callback:function(a,b,c,d){b=d.getFirstEvent();g.graph.beforeChange();if(a=k.createNode(a.value))a.pos=g.convertEventToCanvasOffset(b),g.graph.add(a);e&&e(a);g.graph.afterChange()}})});new k.ContextMenu(d,{event:c,parentMenu:b},n)}var g=h.active_canvas,n=g.getCanvasWindow(),r=g.graph;if(r)return f("",d),!1};h.onMenuCollapseAll=function(){};h.onMenuNodeEdit=function(){};h.showMenuNodeOptionalInputs=function(a,b,c,d,e){if(e){var f=this;a=h.active_canvas.getCanvasWindow();
+b=e.optional_inputs;e.onGetInputs&&(b=e.onGetInputs());var g=[];if(b)for(var n=0;n<b.length;n++){var r=b[n];if(r){var l=r[0];r[2]&&r[2].label&&(l=r[2].label);l={content:l,value:r};r[1]==k.ACTION&&(l.className="event");g.push(l)}else g.push(null)}this.onMenuNodeInputs&&(g=this.onMenuNodeInputs(g));if(g.length)return new k.ContextMenu(g,{event:c,callback:function(a,b,c){e&&(a.callback&&a.callback.call(f,e,a,b,c),a.value&&(e.graph.beforeChange(),e.addInput(a.value[0],a.value[1],a.value[2]),e.setDirtyCanvas(!0,
+!0),e.graph.afterChange()))},parentMenu:d,node:e},a),!1;console.log("no input entries")}};h.showMenuNodeOptionalOutputs=function(a,b,c,d,e){function f(a,b,c){if(e&&(a.callback&&a.callback.call(g,e,a,b,c),a.value))if(c=a.value[1],!c||c.constructor!==Object&&c.constructor!==Array)e.graph.beforeChange(),e.addOutput(a.value[0],a.value[1],a.value[2]),e.setDirtyCanvas(!0,!0),e.graph.afterChange();else{a=[];for(var n in c)a.push({content:n,value:c[n]});new k.ContextMenu(a,{event:b,callback:f,parentMenu:d,
+node:e});return!1}}if(e){var g=this;a=h.active_canvas.getCanvasWindow();b=e.optional_outputs;e.onGetOutputs&&(b=e.onGetOutputs());var n=[];if(b)for(var r=0;r<b.length;r++){var l=b[r];if(!l)n.push(null);else if(!e.flags||!e.flags.skip_repeated_outputs||-1==e.findOutputSlot(l[0])){var m=l[0];l[2]&&l[2].label&&(m=l[2].label);m={content:m,value:l};l[1]==k.EVENT&&(m.className="event");n.push(m)}}this.onMenuNodeOutputs&&(n=this.onMenuNodeOutputs(n));if(n.length)return new k.ContextMenu(n,{event:c,callback:f,
+parentMenu:d,node:e},a),!1}};h.onShowMenuNodeProperties=function(a,b,c,d,e){if(e&&e.properties){var f=h.active_canvas;b=f.getCanvasWindow();var g=[],n;for(n in e.properties){a=void 0!==e.properties[n]?e.properties[n]:" ";"object"==typeof a&&(a=JSON.stringify(a));var r=e.getPropertyInfo(n);if("enum"==r.type||"combo"==r.type)a=h.getPropertyPrintableValue(a,r.values);a=h.decodeHTML(a);g.push({content:"<span class='property_name'>"+(r.label?r.label:n)+"</span><span class='property_value'>"+a+"</span>",
+value:n})}if(g.length)return new k.ContextMenu(g,{event:c,callback:function(a,b,c,d){e&&(b=this.getBoundingClientRect(),f.showEditPropertyValue(e,a.value,{position:[b.left,b.top]}))},parentMenu:d,allow_html:!0,node:e},b),!1}};h.decodeHTML=function(a){var b=document.createElement("div");b.innerText=a;return b.innerHTML};h.onResizeNode=function(a,b,c,d,e){if(e){e.size=e.computeSize();if(e.onResize)e.onResize(e.size);e.setDirtyCanvas(!0,!0)}};h.prototype.showLinkMenu=function(a,b){var c=this;console.log(a);
+var d=new k.ContextMenu(["Add Node",null,"Delete"],{event:b,title:null!=a.data?a.data.constructor.name:null,callback:function(b,f,g){switch(b){case "Add Node":h.onMenuAdd(null,null,g,d,function(b){console.log("node autoconnect");var d=c.graph.getNodeById(a.origin_id),e=c.graph.getNodeById(a.target_id);b.inputs&&b.inputs.length&&b.outputs&&b.outputs.length&&d.outputs[a.origin_slot].type==b.inputs[0].type&&b.outputs[0].type==e.inputs[0].type&&(d.connect(a.origin_slot,b,0),b.connect(0,e,a.target_slot),
+b.pos[0]-=.5*b.size[0])});break;case "Delete":c.graph.removeLink(a.id)}}});return!1};h.onShowPropertyEditor=function(a,b,c,d,e){function f(){var b=k.value;"Number"==a.type?b=Number(b):"Boolean"==a.type&&(b=!!b);e[g]=b;n.parentNode&&n.parentNode.removeChild(n);e.setDirtyCanvas(!0,!0)}var g=a.property||"title";b=e[g];var n=document.createElement("div");n.className="graphdialog";n.innerHTML="<span class='name'></span><input autofocus type='text' class='value'/><button>OK</button>";n.querySelector(".name").innerText=
+g;var k=n.querySelector(".value");k&&(k.value=b,k.addEventListener("blur",function(a){this.focus()}),k.addEventListener("keydown",function(a){if(13==a.keyCode||"textarea"==a.target.localName)f(),a.preventDefault(),a.stopPropagation()}));b=h.active_canvas.canvas;c=b.getBoundingClientRect();var l=d=-20;c&&(d-=c.left,l-=c.top);event?(n.style.left=event.clientX+d+"px",n.style.top=event.clientY+l+"px"):(n.style.left=.5*b.width+d+"px",n.style.top=.5*b.height+l+"px");n.querySelector("button").addEventListener("click",
+f);b.parentNode.appendChild(n)};h.prototype.prompt=function(a,b,c,d,e){var f=this;a=a||"";var g=!1,n=document.createElement("div");n.className="graphdialog rounded";n.innerHTML=e?"<span class='name'></span> <textarea autofocus class='value'></textarea><button class='rounded'>OK</button>":"<span class='name'></span> <input autofocus type='text' class='value'/><button class='rounded'>OK</button>";n.close=function(){f.prompt_box=null;n.parentNode&&n.parentNode.removeChild(n)};1<this.ds.scale&&(n.style.transform=
+"scale("+this.ds.scale+")");n.addEventListener("mouseleave",function(a){g||n.close()});f.prompt_box&&f.prompt_box.close();f.prompt_box=n;n.querySelector(".name").innerText=a;var k=n.querySelector(".value");k.value=b;k.addEventListener("keydown",function(a){g=!0;if(27==a.keyCode)n.close();else if(13==a.keyCode&&"textarea"!=a.target.localName)c&&c(this.value),n.close();else return;a.preventDefault();a.stopPropagation()});n.querySelector("button").addEventListener("click",function(a){c&&c(k.value);f.setDirty(!0);
+n.close()});a=h.active_canvas.canvas;b=a.getBoundingClientRect();var l=e=-20;b&&(e-=b.left,l-=b.top);d?(n.style.left=d.clientX+e+"px",n.style.top=d.clientY+l+"px"):(n.style.left=.5*a.width+e+"px",n.style.top=.5*a.height+l+"px");a.parentNode.appendChild(n);setTimeout(function(){k.focus()},10);return n};h.search_limit=-1;h.prototype.showSearchBox=function(a){function b(b){if(b)if(e.onSearchBoxSelection)e.onSearchBoxSelection(b,a,f);else{var c=k.searchbox_extras[b.toLowerCase()];c&&(b=c.type);f.graph.beforeChange();
+if(b=k.createNode(b))b.pos=f.convertEventToCanvasOffset(a),f.graph.add(b);if(c&&c.data){if(c.data.properties)for(var d in c.data.properties)b.addProperty(d,c.data.properties[d]);if(c.data.inputs)for(d in b.inputs=[],c.data.inputs)b.addOutput(c.data.inputs[d][0],c.data.inputs[d][1]);if(c.data.outputs)for(d in b.outputs=[],c.data.outputs)b.addOutput(c.data.outputs[d][0],c.data.outputs[d][1]);c.data.title&&(b.title=c.data.title);c.data.json&&b.configure(c.data.json);f.graph.afterChange()}}r.close()}
+function c(a){var b=t;t&&t.classList.remove("selected");t?(t=a?t.nextSibling:t.previousSibling)||(t=b):t=a?m.childNodes[0]:m.childNodes[m.childNodes.length];t&&(t.classList.add("selected"),t.scrollIntoView({block:"end",behavior:"smooth"}))}function d(){function a(a,c){var d=document.createElement("div");p||(p=a);d.innerText=a;d.dataset.type=escape(a);d.className="litegraph lite-search-item";c&&(d.className+=" "+c);d.addEventListener("click",function(a){b(unescape(this.dataset.type))});m.appendChild(d)}
+z=null;var c=q.value;p=null;m.innerHTML="";if(c)if(e.onSearchBox){var d=e.onSearchBox(m,c,f);if(d)for(var n=0;n<d.length;++n)a(d[n])}else{d=function(a){var b=k.registered_node_types[a];return r&&b.filter!=r?!1:-1!==a.toLowerCase().indexOf(c)};var g=0;c=c.toLowerCase();var r=f.filter||f.graph.filter;for(n in k.searchbox_extras){var l=k.searchbox_extras[n];if(-1!==l.desc.toLowerCase().indexOf(c)){var t=k.registered_node_types[l.type];if(!t||t.filter==r)if(a(l.desc,"searchbox_extra"),-1!==h.search_limit&&
+g++>h.search_limit)break}}l=null;if(Array.prototype.filter)l=Object.keys(k.registered_node_types).filter(d);else for(n in l=[],k.registered_node_types)d(n)&&l.push(n);for(n=0;n<l.length&&!(a(l[n]),-1!==h.search_limit&&g++>h.search_limit);n++);}}var e=this,f=h.active_canvas,g=f.canvas,n=g.ownerDocument||document,r=document.createElement("div");r.className="litegraph litesearchbox graphdialog rounded";r.innerHTML="<span class='name'>Search</span> <input autofocus type='text' class='value rounded'/><div class='helper'></div>";
+r.close=function(){e.search_box=null;n.body.focus();n.body.style.overflow="";setTimeout(function(){e.canvas.focus()},20);r.parentNode&&r.parentNode.removeChild(r)};var l=null;1<this.ds.scale&&(r.style.transform="scale("+this.ds.scale+")");r.addEventListener("mouseenter",function(a){l&&(clearTimeout(l),l=null)});r.addEventListener("mouseleave",function(a){l=setTimeout(function(){r.close()},500)});e.search_box&&e.search_box.close();e.search_box=r;var m=r.querySelector(".helper"),p=null,z=null,t=null,
+q=r.querySelector("input");q&&(q.addEventListener("blur",function(a){this.focus()}),q.addEventListener("keydown",function(a){if(38==a.keyCode)c(!1);else if(40==a.keyCode)c(!0);else if(27==a.keyCode)r.close();else if(13==a.keyCode)t?b(t.innerHTML):p?b(p):r.close();else{z&&clearInterval(z);z=setTimeout(d,10);return}a.preventDefault();a.stopPropagation();a.stopImmediatePropagation();return!0}));n.fullscreenElement?n.fullscreenElement.appendChild(r):(n.body.appendChild(r),n.body.style.overflow="hidden");
+g=g.getBoundingClientRect();var w=(a?a.clientY:g.top+.5*g.height)-20;r.style.left=(a?a.clientX:g.left+.5*g.width)-80+"px";r.style.top=w+"px";a.layerY>g.height-200&&(m.style.maxHeight=g.height-a.layerY-20+"px");q.focus();return r};h.prototype.showEditPropertyValue=function(a,b,c){function d(){e(p.value)}function e(d){f&&f.values&&f.values.constructor===Object&&void 0!=f.values[d]&&(d=f.values[d]);"number"==typeof a.properties[b]&&(d=Number(d));if("array"==g||"object"==g)d=JSON.parse(d);a.properties[b]=
+d;a.graph&&a.graph._version++;if(a.onPropertyChanged)a.onPropertyChanged(b,d);if(c.onclose)c.onclose();l.close();a.setDirtyCanvas(!0,!0)}if(a&&void 0!==a.properties[b]){c=c||{};var f=a.getPropertyInfo(b),g=f.type,n="";if("string"==g||"number"==g||"array"==g||"object"==g)n="<input autofocus type='text' class='value'/>";else if("enum"!=g&&"combo"!=g||!f.values)if("boolean"==g)n="<input autofocus type='checkbox' class='value' "+(a.properties[b]?"checked":"")+"/>";else{console.warn("unknown type: "+g);
+return}else{n="<select autofocus type='text' class='value'>";for(var k in f.values){var h=k;f.values.constructor===Array&&(h=f.values[k]);n+="<option value='"+h+"' "+(h==a.properties[b]?"selected":"")+">"+f.values[k]+"</option>"}n+="</select>"}var l=this.createDialog("<span class='name'>"+(f.label?f.label:b)+"</span>"+n+"<button>OK</button>",c);if("enum"!=g&&"combo"!=g||!f.values)if("boolean"==g)(p=l.querySelector("input"))&&p.addEventListener("click",function(a){e(!!p.checked)});else{if(p=l.querySelector("input"))p.addEventListener("blur",
+function(a){this.focus()}),h=void 0!==a.properties[b]?a.properties[b]:"","string"!==g&&(h=JSON.stringify(h)),p.value=h,p.addEventListener("keydown",function(a){13==a.keyCode&&(d(),a.preventDefault(),a.stopPropagation())})}else{var p=l.querySelector("select");p.addEventListener("change",function(a){e(a.target.value)})}l.querySelector("button").addEventListener("click",d);return l}};h.prototype.createDialog=function(a,b){b=b||{};var c=document.createElement("div");c.className="graphdialog";c.innerHTML=
+a;a=this.canvas.getBoundingClientRect();var d=-20,e=-20;a&&(d-=a.left,e-=a.top);b.position?(d+=b.position[0],e+=b.position[1]):b.event?(d+=b.event.clientX,e+=b.event.clientY):(d+=.5*this.canvas.width,e+=.5*this.canvas.height);c.style.left=d+"px";c.style.top=e+"px";this.canvas.parentNode.appendChild(c);c.close=function(){this.parentNode&&this.parentNode.removeChild(this)};return c};h.prototype.createPanel=function(a,b){b=b||{};var c=b.window||window,d=document.createElement("div");d.className="litegraph dialog";
+d.innerHTML="<div class='dialog-header'><span class='dialog-title'></span></div><div class='dialog-content'></div><div class='dialog-footer'></div>";d.header=d.querySelector(".dialog-header");b.width&&(d.style.width=b.width+(b.width.constructor===Number?"px":""));b.height&&(d.style.height=b.height+(b.height.constructor===Number?"px":""));b.closable&&(b=document.createElement("span"),b.innerHTML="&#10005;",b.classList.add("close"),b.addEventListener("click",function(){d.close()}),d.header.appendChild(b));
+d.title_element=d.querySelector(".dialog-title");d.title_element.innerText=a;d.content=d.querySelector(".dialog-content");d.footer=d.querySelector(".dialog-footer");d.close=function(){this.parentNode&&this.parentNode.removeChild(this)};d.clear=function(){this.content.innerHTML=""};d.addHTML=function(a,b,c){var e=document.createElement("div");b&&(e.className=b);e.innerHTML=a;c?d.footer.appendChild(e):d.content.appendChild(e);return e};d.addButton=function(a,b,c){var e=document.createElement("button");
+e.innerText=a;e.options=c;e.classList.add("btn");e.addEventListener("click",b);d.footer.appendChild(e);return e};d.addSeparator=function(){var a=document.createElement("div");a.className="separator";d.content.appendChild(a)};d.addWidget=function(a,b,g,n,r){function e(a,b){console.log("change",a,b);n.callback&&n.callback(a,b);r&&r(a,b)}n=n||{};var f=String(g);a=a.toLowerCase();"number"==a&&(f=g.toFixed(3));var l=document.createElement("div");l.className="property";l.innerHTML="<span class='property_name'></span><span class='property_value'></span>";
+l.querySelector(".property_name").innerText=n.label||b;var z=l.querySelector(".property_value");z.innerText=f;l.dataset.property=b;l.dataset.type=n.type||a;l.options=n;l.value=g;if("boolean"==a)l.classList.add("boolean"),g&&l.classList.add("bool-on"),l.addEventListener("click",function(){var a=this.dataset.property;this.value=!this.value;this.classList.toggle("bool-on");this.querySelector(".property_value").innerText=this.value?"true":"false";e(a,this.value)});else if("string"==a||"number"==a)z.setAttribute("contenteditable",
+!0),z.addEventListener("keydown",function(a){"Enter"==a.code&&(a.preventDefault(),this.blur())}),z.addEventListener("blur",function(){var a=this.innerText,b=this.parentNode.dataset.property;"number"==this.parentNode.dataset.type&&(a=Number(a));e(b,a)});else if("enum"==a||"combo"==a)f=h.getPropertyPrintableValue(g,n.values),z.innerText=f,z.addEventListener("click",function(a){var b=this.parentNode.dataset.property,d=this;new k.ContextMenu(n.values||[],{event:a,className:"dark",callback:function(a,
+c,n){d.innerText=a;e(b,a);return!1}},c)});d.content.appendChild(l);return l};return d};h.getPropertyPrintableValue=function(a,b){if(!b||b.constructor===Array)return String(a);if(b.constructor===Object){var c="",d;for(d in b)if(b[d]==a){c=d;break}return String(a)+" ("+c+")"}};h.prototype.showShowNodePanel=function(a){window.SELECTED_NODE=a;var b=document.querySelector("#node-panel");b&&b.close();var c=this.getCanvasWindow();b=this.createPanel(a.title||"",{closable:!0,window:c});b.id="node-panel";b.node=
+a;b.classList.add("settings");var d=this;(function(){b.content.innerHTML="";b.addHTML("<span class='node_type'>"+a.type+"</span><span class='node_desc'>"+(a.constructor.desc||"")+"</span><span class='separator'></span>");b.addHTML("<h3>Properties</h3>");for(var c in a.properties){var f=a.properties[c],g=a.getPropertyInfo(c);a.onAddPropertyToPanel&&a.onAddPropertyToPanel(c,b)||b.addWidget(g.widget||g.type,c,f,g,function(b,c){d.graph.beforeChange(a);a.setProperty(b,c);d.graph.afterChange();d.dirty_canvas=
+!0})}b.addSeparator();if(a.onShowCustomPanelInfo)a.onShowCustomPanelInfo(b);b.addButton("Delete",function(){a.block_delete||(a.graph.remove(a),b.close())}).classList.add("delete")})();this.canvas.parentNode.appendChild(b)};h.prototype.showSubgraphPropertiesDialog=function(a){function b(){d.clear();if(a.inputs)for(var c=0;c<a.inputs.length;++c){var f=a.inputs[c];if(!f.not_subgraph_input){var g=d.addHTML("<button>&#10005;</button> <span class='bullet_icon'></span><span class='name'></span><span class='type'></span>",
+"subgraph_property");g.dataset.name=f.name;g.dataset.slot=c;g.querySelector(".name").innerText=f.name;g.querySelector(".type").innerText=f.type;g.querySelector("button").addEventListener("click",function(c){a.removeInput(Number(this.parentNode.dataset.slot));b()})}}}console.log("showing subgraph properties dialog");var c=this.canvas.parentNode.querySelector(".subgraph_dialog");c&&c.close();var d=this.createPanel("Subgraph Inputs",{closable:!0,width:500});d.node=a;d.classList.add("subgraph_dialog");
+d.addHTML(" + <span class='label'>Name</span><input class='name'/><span class='label'>Type</span><input class='type'></input><button>+</button>","subgraph_property extra",!0).querySelector("button").addEventListener("click",function(c){c=this.parentNode;var d=c.querySelector(".name").value,e=c.querySelector(".type").value;d&&-1==a.findInputSlot(d)&&(a.addInput(d,e),c.querySelector(".name").value="",c.querySelector(".type").value="",b())});b();this.canvas.parentNode.appendChild(d);return d};h.prototype.checkPanels=
+function(){if(this.canvas)for(var a=this.canvas.parentNode.querySelectorAll(".litegraph.dialog"),b=0;b<a.length;++b){var c=a[b];c.node&&(c.node.graph&&c.graph==this.graph||c.close())}};h.onMenuNodeCollapse=function(a,b,c,d,e){e.graph.beforeChange(e);e.collapse();e.graph.afterChange(e)};h.onMenuNodePin=function(a,b,c,d,e){e.pin()};h.onMenuNodeMode=function(a,b,c,d,e){new k.ContextMenu(["Always","On Event","On Trigger","Never"],{event:c,callback:function(a){if(e)switch(a){case "On Event":e.mode=k.ON_EVENT;
+break;case "On Trigger":e.mode=k.ON_TRIGGER;break;case "Never":e.mode=k.NEVER;break;default:e.mode=k.ALWAYS}},parentMenu:d,node:e});return!1};h.onMenuNodeColors=function(a,b,c,d,e){if(!e)throw"no node for color";b=[];b.push({value:null,content:"<span style='display: block; padding-left: 4px;'>No color</span>"});for(var f in h.node_colors)a=h.node_colors[f],a={value:f,content:"<span style='display: block; color: #999; padding-left: 4px; border-left: 8px solid "+a.color+"; background-color:"+a.bgcolor+
+"'>"+f+"</span>"},b.push(a);new k.ContextMenu(b,{event:c,callback:function(a){e&&((a=a.value?h.node_colors[a.value]:null)?e.constructor===k.LGraphGroup?e.color=a.groupcolor:(e.color=a.color,e.bgcolor=a.bgcolor):(delete e.color,delete e.bgcolor),e.setDirtyCanvas(!0,!0))},parentMenu:d,node:e});return!1};h.onMenuNodeShapes=function(a,b,c,d,e){if(!e)throw"no node passed";new k.ContextMenu(k.VALID_SHAPES,{event:c,callback:function(a){e&&(e.graph.beforeChange(e),e.shape=a,e.graph.afterChange(e),e.setDirtyCanvas(!0))},
+parentMenu:d,node:e});return!1};h.onMenuNodeRemove=function(a,b,c,d,e){if(!e)throw"no node passed";!1!==e.removable&&(a=e.graph,a.beforeChange(),a.remove(e),a.afterChange(),e.setDirtyCanvas(!0,!0))};h.onMenuNodeToSubgraph=function(a,b,c,d,e){a=e.graph;if(b=h.active_canvas)c=Object.values(b.selected_nodes||{}),c.length||(c=[e]),d=k.createNode("graph/subgraph"),d.pos=e.pos.concat(),a.add(d),d.buildFromNodes(c),b.deselectAllNodes(),e.setDirtyCanvas(!0,!0)};h.onMenuNodeClone=function(a,b,c,d,e){0!=e.clonable&&
+(a=e.clone())&&(a.pos=[e.pos[0]+5,e.pos[1]+5],e.graph.beforeChange(),e.graph.add(a),e.graph.afterChange(),e.setDirtyCanvas(!0,!0))};h.node_colors={red:{color:"#322",bgcolor:"#533",groupcolor:"#A88"},brown:{color:"#332922",bgcolor:"#593930",groupcolor:"#b06634"},green:{color:"#232",bgcolor:"#353",groupcolor:"#8A8"},blue:{color:"#223",bgcolor:"#335",groupcolor:"#88A"},pale_blue:{color:"#2a363b",bgcolor:"#3f5159",groupcolor:"#3f789e"},cyan:{color:"#233",bgcolor:"#355",groupcolor:"#8AA"},purple:{color:"#323",
+bgcolor:"#535",groupcolor:"#a1309b"},yellow:{color:"#432",bgcolor:"#653",groupcolor:"#b58b2a"},black:{color:"#222",bgcolor:"#000",groupcolor:"#444"}};h.prototype.getCanvasMenuOptions=function(){if(this.getMenuOptions)var a=this.getMenuOptions();else a=[{content:"Add Node",has_submenu:!0,callback:h.onMenuAdd},{content:"Add Group",callback:h.onGroupAdd}],this._graph_stack&&0<this._graph_stack.length&&a.push(null,{content:"Close subgraph",callback:this.closeSubgraph.bind(this)});if(this.getExtraMenuOptions){var b=
+this.getExtraMenuOptions(this,a);b&&(a=a.concat(b))}return a};h.prototype.getNodeMenuOptions=function(a){var b=null;b=a.getMenuOptions?a.getMenuOptions(this):[{content:"Inputs",has_submenu:!0,disabled:!0,callback:h.showMenuNodeOptionalInputs},{content:"Outputs",has_submenu:!0,disabled:!0,callback:h.showMenuNodeOptionalOutputs},null,{content:"Properties",has_submenu:!0,callback:h.onShowMenuNodeProperties},null,{content:"Title",callback:h.onShowPropertyEditor},{content:"Mode",has_submenu:!0,callback:h.onMenuNodeMode},
+{content:"Resize",callback:function(){if(a.resizable)return h.onResizeNode}},{content:"Collapse",callback:h.onMenuNodeCollapse},{content:"Pin",callback:h.onMenuNodePin},{content:"Colors",has_submenu:!0,callback:h.onMenuNodeColors},{content:"Shapes",has_submenu:!0,callback:h.onMenuNodeShapes},null];if(a.onGetInputs){var c=a.onGetInputs();c&&c.length&&(b[0].disabled=!1)}a.onGetOutputs&&(c=a.onGetOutputs())&&c.length&&(b[1].disabled=!1);a.getExtraMenuOptions&&(c=a.getExtraMenuOptions(this,b))&&(c.push(null),
+b=c.concat(b));!1!==a.clonable&&b.push({content:"Clone",callback:h.onMenuNodeClone});b.push(null,{content:"Remove",disabled:!(!1!==a.removable&&!a.block_delete),callback:h.onMenuNodeRemove});if(a.graph&&a.graph.onGetNodeMenuOptions)a.graph.onGetNodeMenuOptions(b,a);return b};h.prototype.getGroupMenuOptions=function(a){return[{content:"Title",callback:h.onShowPropertyEditor},{content:"Color",has_submenu:!0,callback:h.onMenuNodeColors},{content:"Font size",property:"font_size",type:"Number",callback:h.onShowPropertyEditor},
+null,{content:"Remove",callback:h.onMenuNodeRemove}]};h.prototype.processContextMenu=function(a,b){var c=this,d=h.active_canvas.getCanvasWindow(),e=null,f={event:b,callback:function(b,d,e){if(b)if("Remove Slot"==b.content)b=b.slot,b.input?a.removeInput(b.slot):b.output&&a.removeOutput(b.slot);else if("Disconnect Links"==b.content)b=b.slot,b.output?a.disconnectOutput(b.slot):b.input&&a.disconnectInput(b.slot);else if("Rename Slot"==b.content){b=b.slot;var n=b.input?a.getInputInfo(b.slot):a.getOutputInfo(b.slot),
+f=c.createDialog("<span class='name'>Name</span><input autofocus type='text'/><button>OK</button>",d),g=f.querySelector("input");g&&n&&(g.value=n.label||"");f.querySelector("button").addEventListener("click",function(a){g.value&&(n&&(n.label=g.value),c.setDirty(!0));f.close()})}},extra:a};a&&(f.title=a.type);var g=null;a&&(g=a.getSlotInPosition(b.canvasX,b.canvasY),h.active_node=a);g?(e=[],a.getSlotMenuOptions?e=a.getSlotMenuOptions(g):(g&&g.output&&g.output.links&&g.output.links.length&&e.push({content:"Disconnect Links",
+slot:g}),b=g.input||g.output,e.push(b.locked?"Cannot remove":{content:"Remove Slot",slot:g}),e.push(b.nameLocked?"Cannot rename":{content:"Rename Slot",slot:g})),f.title=(g.input?g.input.type:g.output.type)||"*",g.input&&g.input.type==k.ACTION&&(f.title="Action"),g.output&&g.output.type==k.EVENT&&(f.title="Event")):a?e=this.getNodeMenuOptions(a):(e=this.getCanvasMenuOptions(),(g=this.graph.getGroupOnPos(b.canvasX,b.canvasY))&&e.push(null,{content:"Edit Group",has_submenu:!0,submenu:{title:"Group",
+extra:g,options:this.getGroupMenuOptions(g)}}));e&&new k.ContextMenu(e,f,d)};"undefined"!=typeof window&&window.CanvasRenderingContext2D&&!window.CanvasRenderingContext2D.prototype.roundRect&&(window.CanvasRenderingContext2D.prototype.roundRect=function(a,b,c,d,e,f){var g,n;if(0===e)this.rect(a,b,c,d);else{void 0===f&&(f=e);if(null!=e&&e.constructor===Array)if(1==e.length)var k=g=n=f=e[0];else if(2==e.length)k=f=e[0],g=n=e[1];else if(4==e.length)k=e[0],g=e[1],n=e[2],f=e[3];else return;else k=e||0,
+g=e||0,n=f||0,f=f||0;this.moveTo(a+k,b);this.lineTo(a+c-g,b);this.quadraticCurveTo(a+c,b,a+c,b+g);this.lineTo(a+c,b+d-f);this.quadraticCurveTo(a+c,b+d,a+c-f,b+d);this.lineTo(a+f,b+d);this.quadraticCurveTo(a,b+d,a,b+d-n);this.lineTo(a,b+n);this.quadraticCurveTo(a,b,a+k,b)}});k.compareObjects=function(a,b){for(var c in a)if(a[c]!=b[c])return!1;return!0};k.distance=E;k.colorToString=function(a){return"rgba("+Math.round(255*a[0]).toFixed()+","+Math.round(255*a[1]).toFixed()+","+Math.round(255*a[2]).toFixed()+
+","+(4==a.length?a[3].toFixed(2):"1.0")+")"};k.isInsideRectangle=C;k.growBounding=function(a,b,c){b<a[0]?a[0]=b:b>a[2]&&(a[2]=b);c<a[1]?a[1]=c:c>a[3]&&(a[3]=c)};k.isInsideBounding=function(a,b){return a[0]<b[0][0]||a[1]<b[0][1]||a[0]>b[1][0]||a[1]>b[1][1]?!1:!0};k.overlapBounding=B;k.hex2num=function(a){"#"==a.charAt(0)&&(a=a.slice(1));a=a.toUpperCase();for(var b=Array(3),c=0,d,e,f=0;6>f;f+=2)d="0123456789ABCDEF".indexOf(a.charAt(f)),e="0123456789ABCDEF".indexOf(a.charAt(f+1)),b[c]=16*d+e,c++;return b};
+k.num2hex=function(a){for(var b="#",c,d,e=0;3>e;e++)c=a[e]/16,d=a[e]%16,b+="0123456789ABCDEF".charAt(c)+"0123456789ABCDEF".charAt(d);return b};x.prototype.addItem=function(a,b,c){function d(a){var b=this.value;b&&b.has_submenu&&e.call(this,a)}function e(a){var b=this.value,d=!0;f.current_submenu&&f.current_submenu.close(a);if(c.callback){var e=c.callback.call(this,b,c,a,f,c.node);!0===e&&(d=!1)}if(b&&(b.callback&&!c.ignore_item_callbacks&&!0!==b.disabled&&(e=b.callback.call(this,b,c,a,f,c.extra),
+!0===e&&(d=!1)),b.submenu)){if(!b.submenu.options)throw"ContextMenu submenu needs options";new f.constructor(b.submenu.options,{callback:b.submenu.callback,event:a,parentMenu:f,ignore_item_callbacks:b.submenu.ignore_item_callbacks,title:b.submenu.title,extra:b.submenu.extra,autoopen:c.autoopen});d=!1}d&&!f.lock&&f.close()}var f=this;c=c||{};var g=document.createElement("div");g.className="litemenu-entry submenu";var n=!1;if(null===b)g.classList.add("separator");else{g.innerHTML=b&&b.title?b.title:
+a;if(g.value=b)b.disabled&&(n=!0,g.classList.add("disabled")),(b.submenu||b.has_submenu)&&g.classList.add("has_submenu");"function"==typeof b?(g.dataset.value=a,g.onclick_callback=b):g.dataset.value=b;b.className&&(g.className+=" "+b.className)}this.root.appendChild(g);n||g.addEventListener("click",e);c.autoopen&&g.addEventListener("mouseenter",d);return g};x.prototype.close=function(a,b){this.root.parentNode&&this.root.parentNode.removeChild(this.root);this.parentMenu&&!b&&(this.parentMenu.lock=
+!1,this.parentMenu.current_submenu=null,void 0===a?this.parentMenu.close():a&&!x.isCursorOverElement(a,this.parentMenu.root)&&x.trigger(this.parentMenu.root,"mouseleave",a));this.current_submenu&&this.current_submenu.close(a,!0);this.root.closing_timer&&clearTimeout(this.root.closing_timer)};x.trigger=function(a,b,c,d){var e=document.createEvent("CustomEvent");e.initCustomEvent(b,!0,!0,c);e.srcElement=d;a.dispatchEvent?a.dispatchEvent(e):a.__events&&a.__events.dispatchEvent(e);return e};x.prototype.getTopMenu=
+function(){return this.options.parentMenu?this.options.parentMenu.getTopMenu():this};x.prototype.getFirstEvent=function(){return this.options.parentMenu?this.options.parentMenu.getFirstEvent():this.options.event};x.isCursorOverElement=function(a,b){var c=a.clientX;a=a.clientY;return(b=b.getBoundingClientRect())?a>b.top&&a<b.top+b.height&&c>b.left&&c<b.left+b.width?!0:!1:!1};k.ContextMenu=x;k.closeAllContextMenus=function(a){a=a||window;a=a.document.querySelectorAll(".litecontextmenu");if(a.length){for(var b=
+[],c=0;c<a.length;c++)b.push(a[c]);for(c=0;c<b.length;c++)b[c].close?b[c].close():b[c].parentNode&&b[c].parentNode.removeChild(b[c])}};k.extendClass=function(a,b){for(var c in b)a.hasOwnProperty(c)||(a[c]=b[c]);if(b.prototype)for(c in b.prototype)b.prototype.hasOwnProperty(c)&&!a.prototype.hasOwnProperty(c)&&(b.prototype.__lookupGetter__(c)?a.prototype.__defineGetter__(c,b.prototype.__lookupGetter__(c)):a.prototype[c]=b.prototype[c],b.prototype.__lookupSetter__(c)&&a.prototype.__defineSetter__(c,
+b.prototype.__lookupSetter__(c)))};I.sampleCurve=function(a,b){if(b){for(var c=0;c<b.length-1;++c){var d=b[c],e=b[c+1];if(!(e[0]<a)){b=e[0]-d[0];if(1E-5>Math.abs(b))return d[1];a=(a-d[0])/b;return d[1]*(1-a)+e[1]*a}}return 0}};I.prototype.draw=function(a,b,c,d,e,f){if(c=this.points){this.size=b;var g=b[0]-2*this.margin;b=b[1]-2*this.margin;e=e||"#666";a.save();a.translate(this.margin,this.margin);d&&(a.fillStyle="#111",a.fillRect(0,0,g,b),a.fillStyle="#222",a.fillRect(.5*g,0,1,b),a.strokeStyle="#333",
+a.strokeRect(0,0,g,b));a.strokeStyle=e;f&&(a.globalAlpha=.5);a.beginPath();for(d=0;d<c.length;++d)e=c[d],a.lineTo(e[0]*g,(1-e[1])*b);a.stroke();a.globalAlpha=1;if(!f)for(d=0;d<c.length;++d)e=c[d],a.fillStyle=this.selected==d?"#FFF":this.nearest==d?"#DDD":"#AAA",a.beginPath(),a.arc(e[0]*g,(1-e[1])*b,2,0,2*Math.PI),a.fill();a.restore()}};I.prototype.onMouseDown=function(a,b){var c=this.points;if(c&&!(0>a[1])){var d=this.size[0]-2*this.margin,e=this.size[1]-2*this.margin,f=a[0]-this.margin;a=a[1]-this.margin;
+this.selected=this.getCloserPoint([f,a],30/b.ds.scale);-1==this.selected&&(b=[f/d,1-a/e],c.push(b),c.sort(function(a,b){return a[0]-b[0]}),this.selected=c.indexOf(b),this.must_update=!0);if(-1!=this.selected)return!0}};I.prototype.onMouseMove=function(a,b){var c=this.points;if(c){var d=this.selected;if(!(0>d)){var e=(a[0]-this.margin)/(this.size[0]-2*this.margin),f=(a[1]-this.margin)/(this.size[1]-2*this.margin);this._nearest=this.getCloserPoint([a[0]-this.margin,a[1]-this.margin],30/b.ds.scale);
+if(b=c[d]){var g=0==d||d==c.length-1;!g&&(-10>a[0]||a[0]>this.size[0]+10||-10>a[1]||a[1]>this.size[1]+10)?(c.splice(d,1),this.selected=-1):(b[0]=g?0==d?0:1:Math.clamp(e,0,1),b[1]=1-Math.clamp(f,0,1),c.sort(function(a,b){return a[0]-b[0]}),this.selected=c.indexOf(b),this.must_update=!0)}}}};I.prototype.onMouseUp=function(a,b){this.selected=-1;return!1};I.prototype.getCloserPoint=function(a,b){var c=this.points;if(!c)return-1;b=b||30;for(var d=this.size[0]-2*this.margin,e=this.size[1]-2*this.margin,
+f=c.length,g=[0,0],n=1E6,k=-1,h=0;h<f;++h){var l=c[h];g[0]=l[0]*d;g[1]=(1-l[1])*e;l=vec2.distance(a,g);l>n||l>b||(k=h,n=l)}return k};k.CurveEditor=I;k.getParameterNames=function(a){return(a+"").replace(/[/][/].*$/gm,"").replace(/\s+/g,"").replace(/[/][*][^/*]*[*][/]/g,"").split("){",1)[0].replace(/^[^(]*[(]/,"").replace(/=[^,]+/g,"").split(",").filter(Boolean)};Math.clamp=function(a,b,c){return b>a?b:c<a?c:a};"undefined"==typeof window||window.requestAnimationFrame||(window.requestAnimationFrame=
+window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(a){window.setTimeout(a,1E3/60)})})(this);"undefined"!=typeof exports&&(exports.LiteGraph=this.LiteGraph);
 (function(v){function m(){this.addOutput("in ms","number");this.addOutput("in sec","number")}function q(){this.size=[140,80];this.properties={enabled:!0};this.enabled=!0;this.subgraph=new g.LGraph;this.subgraph._subgraph_node=this;this.subgraph._is_subgraph=!0;this.subgraph.onTrigger=this.onSubgraphTrigger.bind(this);this.subgraph.onInputAdded=this.onSubgraphNewInput.bind(this);this.subgraph.onInputRenamed=this.onSubgraphRenamedInput.bind(this);this.subgraph.onInputTypeChanged=this.onSubgraphTypeChangeInput.bind(this);
 this.subgraph.onInputRemoved=this.onSubgraphRemovedInput.bind(this);this.subgraph.onOutputAdded=this.onSubgraphNewOutput.bind(this);this.subgraph.onOutputRenamed=this.onSubgraphRenamedOutput.bind(this);this.subgraph.onOutputTypeChanged=this.onSubgraphTypeChangeOutput.bind(this);this.subgraph.onOutputRemoved=this.onSubgraphRemovedOutput.bind(this)}function l(){this.addOutput("","number");this.name_in_graph="";this.properties={name:"",type:"number",value:0};var a=this;this.name_widget=this.addWidget("text",
 "Name",this.properties.name,function(b){b&&a.setProperty("name",b)});this.type_widget=this.addWidget("text","Type",this.properties.type,function(b){a.setProperty("type",b)});this.value_widget=this.addWidget("number","Value",this.properties.value,function(b){a.setProperty("value",b)});this.widgets_up=!0;this.size=[180,90]}function t(){this.addInput("","");this.name_in_graph="";this.properties={};var a=this;Object.defineProperty(this.properties,"name",{get:function(){return a.name_in_graph},set:function(b){""!=
diff --git a/package.json b/package.json
index 8d70be04e3..dea3a30f23 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "litegraph.js",
-    "version": "0.7.9",
+    "version": "0.7.10",
     "description": "A graph node editor similar to PD or UDK Blueprints. It works in an HTML5 Canvas and allows to export graphs to be included in applications.",
     "main": "build/litegraph.js",
     "types": "src/litegraph.d.ts",
diff --git a/src/litegraph.js b/src/litegraph.js
index bfacaec94b..61f42cf474 100755
--- a/src/litegraph.js
+++ b/src/litegraph.js
@@ -7029,7 +7029,7 @@ LGraphNode.prototype.executeAction = function(action)
 		ctx.fillStyle = "#111";
 		ctx.globalAlpha = 0.8;
 		ctx.beginPath();
-		ctx.roundRect(10,10,w, (num + 1) * h + 50,8 );
+		ctx.roundRect(10,10,w, (num + 1) * h + 50,[8] );
 		ctx.fill();
 		ctx.globalAlpha = 1;
 
@@ -7116,7 +7116,7 @@ LGraphNode.prototype.executeAction = function(action)
 		if(clicked)
 			ctx.fillStyle = "#AAA";
 		ctx.beginPath();
-		ctx.roundRect(x,y,w,h,4 );
+		ctx.roundRect(x,y,w,h,[4] );
 		ctx.fill();
 
 		if(text != null)
@@ -7429,7 +7429,7 @@ LGraphNode.prototype.executeAction = function(action)
             if (shape == LiteGraph.BOX_SHAPE) {
                 ctx.rect(0, 0, size[0], size[1]);
             } else if (shape == LiteGraph.ROUND_SHAPE) {
-                ctx.roundRect(0, 0, size[0], size[1], 10);
+                ctx.roundRect(0, 0, size[0], size[1], [10]);
             } else if (shape == LiteGraph.CIRCLE_SHAPE) {
                 ctx.arc(
                     size[0] * 0.5,
@@ -7781,7 +7781,7 @@ LGraphNode.prototype.executeAction = function(action)
 		ctx.shadowBlur = 3;
 		ctx.fillStyle = "#454";
 		ctx.beginPath();
-		ctx.roundRect( pos[0] - w*0.5, pos[1] - 15 - h, w, h,3, 3);
+		ctx.roundRect( pos[0] - w*0.5, pos[1] - 15 - h, w, h, [3]);
 		ctx.moveTo( pos[0] - 10, pos[1] - 15 );
 		ctx.lineTo( pos[0] + 10, pos[1] - 15 );
 		ctx.lineTo( pos[0], pos[1] - 5 );
@@ -7850,8 +7850,7 @@ LGraphNode.prototype.executeAction = function(action)
                     area[1],
                     area[2],
                     area[3],
-                    this.round_radius,
-                    shape == LiteGraph.CARD_SHAPE ? 0 : this.round_radius
+                    shape == LiteGraph.CARD_SHAPE ? [this.round_radius,this.round_radius,0,0] : [this.round_radius] 
                 );
             } else if (shape == LiteGraph.CIRCLE_SHAPE) {
                 ctx.arc(
@@ -7916,8 +7915,7 @@ LGraphNode.prototype.executeAction = function(action)
                         -title_height,
                         size[0] + 1,
                         title_height,
-                        this.round_radius,
-                        node.flags.collapsed ? this.round_radius : 0
+                        node.flags.collapsed ? [this.round_radius] : [this.round_radius,this.round_radius,0,0]
                     );
                 }
                 ctx.fill();
@@ -8034,7 +8032,7 @@ LGraphNode.prototype.executeAction = function(action)
 				else
 				{
 					ctx.beginPath();
-					ctx.roundRect(x+2, -w+2, w-4, w-4,4);
+					ctx.roundRect(x+2, -w+2, w-4, w-4,[4]);
 					ctx.fill();
 				}
 				ctx.fillStyle = "#333";
@@ -8080,7 +8078,7 @@ LGraphNode.prototype.executeAction = function(action)
                     -6 + area[1],
                     12 + area[2],
                     12 + area[3],
-                    this.round_radius * 2
+                    [this.round_radius * 2]
                 );
             } else if (shape == LiteGraph.CARD_SHAPE) {
                 ctx.roundRect(
@@ -8088,8 +8086,7 @@ LGraphNode.prototype.executeAction = function(action)
                     -6 + area[1],
                     12 + area[2],
                     12 + area[3],
-                    this.round_radius * 2,
-                    2
+                    [this.round_radius * 2,2,this.round_radius * 2,2]
                 );
             } else if (shape == LiteGraph.CIRCLE_SHAPE) {
                 ctx.arc(
@@ -8679,7 +8676,7 @@ LGraphNode.prototype.executeAction = function(action)
                     ctx.fillStyle = background_color;
                     ctx.beginPath();
                     if (show_text)
-	                    ctx.roundRect(margin, posY, widget_width - margin * 2, H, H * 0.5);
+	                    ctx.roundRect(margin, posY, widget_width - margin * 2, H, [H * 0.5]);
 					else
 	                    ctx.rect(margin, posY, widget_width - margin * 2, H );
                     ctx.fill();
@@ -8736,7 +8733,7 @@ LGraphNode.prototype.executeAction = function(action)
                     ctx.fillStyle = background_color;
                     ctx.beginPath();
 					if(show_text)
-	                    ctx.roundRect(margin, posY, widget_width - margin * 2, H, H * 0.5);
+	                    ctx.roundRect(margin, posY, widget_width - margin * 2, H, [H * 0.5] );
 					else
 	                    ctx.rect(margin, posY, widget_width - margin * 2, H );
                     ctx.fill();
@@ -8796,7 +8793,7 @@ LGraphNode.prototype.executeAction = function(action)
                     ctx.fillStyle = background_color;
                     ctx.beginPath();
                     if (show_text)
-	                    ctx.roundRect(margin, posY, widget_width - margin * 2, H, H * 0.5);
+	                    ctx.roundRect(margin, posY, widget_width - margin * 2, H, [H * 0.5]);
 					else
 	                    ctx.rect( margin, posY, widget_width - margin * 2, H );
                     ctx.fill();