diff --git a/build/litegraph.js b/build/litegraph.js
index 65a220b2f..a45e33858 100644
--- a/build/litegraph.js
+++ b/build/litegraph.js
@@ -4486,25 +4486,18 @@ LGraphNode.prototype.executeAction = function(action)
         e.canvasy = y;
         e.dragging = this.dragging;
 
+		var is_inside = !this.viewport || ( this.viewport && x >= this.viewport[0] && x < (this.viewport[0] + this.viewport[2]) && y >= this.viewport[1] && y < (this.viewport[1] + this.viewport[3]) );
+
         var ignore = false;
         if (this.onmouse) {
             ignore = this.onmouse(e);
         }
 
-        if (e.type == "mousedown") {
+        if (e.type == "mousedown" && is_inside) {
             this.dragging = true;
-            canvas.removeEventListener(
-                "mousemove",
-                this._binded_mouse_callback
-            );
-            document.body.addEventListener(
-                "mousemove",
-                this._binded_mouse_callback
-            );
-            document.body.addEventListener(
-                "mouseup",
-                this._binded_mouse_callback
-            );
+            canvas.removeEventListener( "mousemove", this._binded_mouse_callback );
+            document.body.addEventListener( "mousemove", this._binded_mouse_callback );
+            document.body.addEventListener( "mouseup", this._binded_mouse_callback );
         } else if (e.type == "mousemove") {
             if (!ignore) {
                 var deltax = x - this.last_mouse[0];
@@ -4515,19 +4508,13 @@ LGraphNode.prototype.executeAction = function(action)
             }
         } else if (e.type == "mouseup") {
             this.dragging = false;
-            document.body.removeEventListener(
-                "mousemove",
-                this._binded_mouse_callback
-            );
-            document.body.removeEventListener(
-                "mouseup",
-                this._binded_mouse_callback
-            );
-            canvas.addEventListener("mousemove", this._binded_mouse_callback);
-        } else if (
-            e.type == "mousewheel" ||
+            document.body.removeEventListener( "mousemove", this._binded_mouse_callback );
+            document.body.removeEventListener( "mouseup", this._binded_mouse_callback );
+            canvas.addEventListener("mousemove", this._binded_mouse_callback );
+        } else if ( is_inside &&
+            (e.type == "mousewheel" ||
             e.type == "wheel" ||
-            e.type == "DOMMouseScroll"
+            e.type == "DOMMouseScroll")
         ) {
             e.eventType = "mousewheel";
             if (e.type == "wheel") {
@@ -4549,9 +4536,12 @@ LGraphNode.prototype.executeAction = function(action)
         this.last_mouse[0] = x;
         this.last_mouse[1] = y;
 
-        e.preventDefault();
-        e.stopPropagation();
-        return false;
+		if(is_inside)
+		{
+	        e.preventDefault();
+		    e.stopPropagation();
+		    return false;
+		}
     };
 
     DragAndScale.prototype.toCanvasContext = function(ctx) {
@@ -4652,7 +4642,7 @@ LGraphNode.prototype.executeAction = function(action)
      * @param {Object} options [optional] { skip_rendering, autoresize, viewport }
      */
     function LGraphCanvas(canvas, graph, options) {
-        options = options || {};
+        this.options = options = options || {};
 
         //if(graph === undefined)
         //	throw ("No graph assigned");
@@ -4751,7 +4741,7 @@ LGraphNode.prototype.executeAction = function(action)
             graph.attachCanvas(this);
         }
 
-        this.setCanvas(canvas);
+        this.setCanvas(canvas,options.skip_events);
         this.clear();
 
         if (!options.skip_render) {
@@ -5235,25 +5225,25 @@ LGraphNode.prototype.executeAction = function(action)
         LGraphCanvas.active_canvas = this;
         var that = this;
 
-        //move mouse move event to the window in case it drags outside of the canvas
-        this.canvas.removeEventListener("mousemove", this._mousemove_callback);
-        ref_window.document.addEventListener(
-            "mousemove",
-            this._mousemove_callback,
-            true
-        ); //catch for the entire window
-        ref_window.document.addEventListener(
-            "mouseup",
-            this._mouseup_callback,
-            true
-        );
+		var x = e.localX;
+		var y = e.localY;
+		//console.log(y,this.viewport);
 
-        var node = this.graph.getNodeOnPos(
-            e.canvasX,
-            e.canvasY,
-            this.visible_nodes,
-            5
-        );
+		this.ds.viewport = this.viewport;
+		var is_inside = !this.viewport || ( this.viewport && x >= this.viewport[0] && x < (this.viewport[0] + this.viewport[2]) && y >= this.viewport[1] && y < (this.viewport[1] + this.viewport[3]) );
+
+        //move mouse move event to the window in case it drags outside of the canvas
+		if(!this.options.skip_events)
+		{
+			this.canvas.removeEventListener("mousemove", this._mousemove_callback);
+			ref_window.document.addEventListener( "mousemove", this._mousemove_callback, true ); //catch for the entire window
+			ref_window.document.addEventListener( "mouseup", this._mouseup_callback, true );
+		}
+
+		if(!is_inside)
+			return;
+
+        var node = this.graph.getNodeOnPos( e.canvasX, e.canvasY, this.visible_nodes, 5 );
         var skip_dragging = false;
         var skip_action = false;
         var now = LiteGraph.getTime();
@@ -5297,11 +5287,7 @@ LGraphNode.prototype.executeAction = function(action)
                 } //if it wasn't selected?
 
                 //not dragging mouse to connect two slots
-                if (
-                    !this.connecting_node &&
-                    !node.flags.collapsed &&
-                    !this.live_mode
-                ) {
+                if ( !this.connecting_node && !node.flags.collapsed && !this.live_mode ) {
                     //Search for corner for resize
                     if (
                         !skip_action &&
@@ -5322,11 +5308,7 @@ LGraphNode.prototype.executeAction = function(action)
                     } else {
                         //search for outputs
                         if (node.outputs) {
-                            for (
-                                var i = 0, l = node.outputs.length;
-                                i < l;
-                                ++i
-                            ) {
+                            for ( var i = 0, l = node.outputs.length; i < l; ++i ) {
                                 var output = node.outputs[i];
                                 var link_pos = node.getConnectionPos(false, i);
                                 if (
@@ -5366,11 +5348,7 @@ LGraphNode.prototype.executeAction = function(action)
 
                         //search for inputs
                         if (node.inputs) {
-                            for (
-                                var i = 0, l = node.inputs.length;
-                                i < l;
-                                ++i
-                            ) {
+                            for ( var i = 0, l = node.inputs.length; i < l; ++i ) {
                                 var input = node.inputs[i];
                                 var link_pos = node.getConnectionPos(true, i);
                                 if (
@@ -5808,9 +5786,12 @@ LGraphNode.prototype.executeAction = function(action)
         LGraphCanvas.active_canvas = this;
 
         //restore the mousemove event back to the canvas
-        document.removeEventListener("mousemove",this._mousemove_callback,true);
-        this.canvas.addEventListener("mousemove",this._mousemove_callback,true);
-        document.removeEventListener("mouseup", this._mouseup_callback, true);
+		if(!this.options.skip_events)
+		{
+			document.removeEventListener("mousemove",this._mousemove_callback,true);
+			this.canvas.addEventListener("mousemove",this._mousemove_callback,true);
+			document.removeEventListener("mouseup", this._mouseup_callback, true);
+		}
 
         this.adjustMouseEvent(e);
         var now = LiteGraph.getTime();
@@ -6058,6 +6039,12 @@ LGraphNode.prototype.executeAction = function(action)
 
         this.adjustMouseEvent(e);
 
+		var x = e.localX;
+		var y = e.localY;
+		var is_inside = !this.viewport || ( this.viewport && x >= this.viewport[0] && x < (this.viewport[0] + this.viewport[2]) && y >= this.viewport[1] && y < (this.viewport[1] + this.viewport[3]) );
+		if(!is_inside)
+			return;
+
         var scale = this.ds.scale;
 
         if (delta > 0) {
@@ -6330,8 +6317,15 @@ LGraphNode.prototype.executeAction = function(action)
     LGraphCanvas.prototype.processDrop = function(e) {
         e.preventDefault();
         this.adjustMouseEvent(e);
+		var x = e.localX;
+		var y = e.localY;
+		var is_inside = !this.viewport || ( this.viewport && x >= this.viewport[0] && x < (this.viewport[0] + this.viewport[2]) && y >= this.viewport[1] && y < (this.viewport[1] + this.viewport[3]) );
+		if(!is_inside)
+			return;
 
         var pos = [e.canvasX, e.canvasY];
+
+
         var node = this.graph ? this.graph.getNodeOnPos(pos[0], pos[1]) : null;
 
         if (!node) {
@@ -6804,15 +6798,12 @@ LGraphNode.prototype.executeAction = function(action)
             return;
         }
 
-        if (ctx.start2D) {
-            ctx.start2D();
-        }
-
         var canvas = this.canvas;
-
-        //reset in case of error
-        ctx.restore();
-        ctx.setTransform(1, 0, 0, 1, 0, 0);
+        if ( ctx.start2D && !this.viewport ) {
+            ctx.start2D();
+			ctx.restore();
+			ctx.setTransform(1, 0, 0, 1, 0, 0);
+        }
 
         //clip dirty area if there is one, otherwise work in full canvas
 		var area = this.viewport || this.dirty_area;
@@ -6826,7 +6817,10 @@ LGraphNode.prototype.executeAction = function(action)
         //clear
         //canvas.width = canvas.width;
         if (this.clear_background) {
-            ctx.clearRect(0, 0, canvas.width, canvas.height);
+			if(area)
+	            ctx.clearRect( area[0],area[1],area[2],area[3] );
+			else
+	            ctx.clearRect(0, 0, canvas.width, canvas.height);
         }
 
         //draw bg canvas
@@ -7149,6 +7143,7 @@ LGraphNode.prototype.executeAction = function(action)
 
         ctx.font = "10px Arial";
         ctx.fillStyle = "#888";
+		ctx.textAlign = "left";
         if (this.graph) {
             ctx.fillText( "T: " + this.graph.globaltime.toFixed(2) + "s", 5, 13 * 1 );
             ctx.fillText("I: " + this.graph.iteration, 5, 13 * 2 );
@@ -7221,8 +7216,11 @@ LGraphNode.prototype.executeAction = function(action)
         }
 
         //reset in case of error
-        ctx.restore();
-        ctx.setTransform(1, 0, 0, 1, 0, 0);
+        if ( !this.viewport )
+		{
+	        ctx.restore();
+		    ctx.setTransform(1, 0, 0, 1, 0, 0);
+		}
         this.visible_links.length = 0;
 
         if (this.graph) {
@@ -10233,7 +10231,8 @@ LGraphNode.prototype.executeAction = function(action)
 
 		root.close = function()
 		{
-			this.parentNode.removeChild(this);
+			if(this.parentNode)
+				this.parentNode.removeChild(this);
 		}
 
 		root.clear = function()
diff --git a/build/litegraph.min.js b/build/litegraph.min.js
index 97eb83661..50c51137a 100644
--- a/build/litegraph.min.js
+++ b/build/litegraph.min.js
@@ -1,818 +1,820 @@
-(function(B){function c(a){e.debug&&console.log("Graph created");this.list_of_graphcanvas=null;this.clear();a&&this.configure(a)}function k(a,b,d,g,f,e){this.id=a;this.type=b;this.origin_id=d;this.origin_slot=g;this.target_id=f;this.target_slot=e;this._data=null;this._pos=new Float32Array(2)}function u(a){this._ctor(a)}function s(a){this._ctor(a)}function t(a,b){this.offset=new Float32Array([0,0]);this.scale=1;this.max_scale=10;this.min_scale=0.1;this.onredraw=null;this.enabled=!0;this.last_mouse=
-[0,0];this.element=null;this.visible_area=new Float32Array(4);a&&(this.element=a,b||this.bindEvents(a))}function h(a,b,d){d=d||{};this.background_image=h.DEFAULT_BACKGROUND_IMAGE;a&&a.constructor===String&&(a=document.querySelector(a));this.ds=new t;this.zoom_modify_alpha=!0;this.title_text_font=""+e.NODE_TEXT_SIZE+"px Arial";this.inner_text_font="normal "+e.NODE_SUBTEXT_SIZE+"px Arial";this.node_title_color=e.NODE_TITLE_COLOR;this.default_link_color=e.LINK_COLOR;this.default_connection_color={input_off:"#778",
-input_on:"#7F7",output_off:"#778",output_on:"#7F7"};this.highquality_render=!0;this.use_gradients=!1;this.editor_alpha=1;this.pause_rendering=!1;this.clear_background=!0;this.read_only=!1;this.render_only_selected=!0;this.live_mode=!1;this.allow_searchbox=this.allow_interaction=this.allow_dragnodes=this.allow_dragcanvas=this.show_info=!0;this.drag_mode=this.align_to_grid=this.allow_reconnect_links=!1;this.filter=this.dragging_rectangle=null;this.set_canvas_dirty_on_mouse_event=!0;this.always_render_background=
-!1;this.render_canvas_border=this.render_shadows=!0;this.render_connections_shadows=!1;this.render_connections_border=!0;this.render_connection_arrows=this.render_curved_connections=!1;this.render_collapsed_slots=!0;this.render_execution_order=!1;this.render_link_tooltip=this.render_title_colored=!0;this.links_render_mode=e.SPLINE_LINK;this.mouse=[0,0];this.canvas_mouse=this.graph_mouse=[0,0];this.onAfterChange=this.onBeforeChange=this.onConnectingChange=this.onSelectionChange=this.onNodeMoved=this.onDrawLinkTooltip=
-this.onDrawOverlay=this.onDrawForeground=this.onDrawBackground=this.onMouse=this.onSearchBoxSelection=this.onSearchBox=null;this.connections_width=3;this.round_radius=8;this.over_link_center=this.node_widget=this.current_node=null;this.last_mouse_position=[0,0];this.visible_area=this.ds.visible_area;this.visible_links=[];this.viewport=d.viewport||null;b&&b.attachCanvas(this);this.setCanvas(a);this.clear();d.skip_render||this.startRendering();this.autoresize=d.autoresize}function C(a,b){return Math.sqrt((b[0]-
-a[0])*(b[0]-a[0])+(b[1]-a[1])*(b[1]-a[1]))}function y(a,b,d,g,f,e){return d<a&&d+f>a&&g<b&&g+e>b?!0:!1}function G(a,b){var d=a[0]+a[2],g=a[1]+a[3],f=b[1]+b[3];return a[0]>b[0]+b[2]||a[1]>f||d<b[0]||g<b[1]?!1:!0}function A(a,b){function d(a){var d=parseInt(e.style.top);e.style.top=(d+a.deltaY*b.scroll_speed).toFixed()+"px";a.preventDefault();return!0}this.options=b=b||{};var g=this;b.parentMenu&&(b.parentMenu.constructor!==this.constructor?(console.error("parentMenu must be of class ContextMenu, ignoring it"),
-b.parentMenu=null):(this.parentMenu=b.parentMenu,this.parentMenu.lock=!0,this.parentMenu.current_submenu=this));var f=null;b.event&&(f=b.event.constructor.name);"MouseEvent"!==f&&"CustomEvent"!==f&&"PointerEvent"!==f&&(console.error("Event passed to ContextMenu is not of type MouseEvent or CustomEvent. Ignoring it."),b.event=null);var e=document.createElement("div");e.className="litegraph litecontextmenu litemenubar-panel";b.className&&(e.className+=" "+b.className);e.style.minWidth=100;e.style.minHeight=
-100;e.style.pointerEvents="none";setTimeout(function(){e.style.pointerEvents="auto"},100);e.addEventListener("mouseup",function(a){a.preventDefault();return!0},!0);e.addEventListener("contextmenu",function(a){if(2!=a.button)return!1;a.preventDefault();return!1},!0);e.addEventListener("mousedown",function(a){if(2==a.button)return g.close(),a.preventDefault(),!0},!0);b.scroll_speed||(b.scroll_speed=0.1);e.addEventListener("wheel",d,!0);e.addEventListener("mousewheel",d,!0);this.root=e;b.title&&(f=document.createElement("div"),
-f.className="litemenu-title",f.innerHTML=b.title,e.appendChild(f));for(var m=f=0;m<a.length;m++){var r=a.constructor==Array?a[m]:m;null!=r&&r.constructor!==String&&(r=void 0===r.content?String(r):r.content);this.addItem(r,a[m],b);f++}e.addEventListener("mouseleave",function(a){g.lock||(e.closing_timer&&clearTimeout(e.closing_timer),e.closing_timer=setTimeout(g.close.bind(g,a),500))});e.addEventListener("mouseenter",function(a){e.closing_timer&&clearTimeout(e.closing_timer)});f=document;b.event&&(f=
-b.event.target.ownerDocument);f||(f=document);f.fullscreenElement?f.fullscreenElement.appendChild(e):f.body.appendChild(e);m=b.left||0;f=b.top||0;if(b.event){m=b.event.clientX-10;f=b.event.clientY-10;b.title&&(f-=20);b.parentMenu&&(m=b.parentMenu.root.getBoundingClientRect(),m=m.left+m.width);var r=document.body.getBoundingClientRect(),x=e.getBoundingClientRect();0==r.height&&console.error("document.body height is 0. That is dangerous, set html,body { height: 100%; }");r.width&&m>r.width-x.width-
-10&&(m=r.width-x.width-10);r.height&&f>r.height-x.height-10&&(f=r.height-x.height-10)}e.style.left=m+"px";e.style.top=f+"px";b.scale&&(e.style.transform="scale("+b.scale+")")}function D(a){this.points=a;this.nearest=this.selected=-1;this.size=null;this.must_update=!0;this.margin=5}var e=B.LiteGraph={VERSION:0.4,CANVAS_GRID_SIZE:10,NODE_TITLE_HEIGHT:30,NODE_TITLE_TEXT_Y:20,NODE_SLOT_HEIGHT:20,NODE_WIDGET_HEIGHT:20,NODE_WIDTH:140,NODE_MIN_WIDTH:50,NODE_COLLAPSED_RADIUS:10,NODE_COLLAPSED_WIDTH:80,NODE_TITLE_COLOR:"#999",
+(function(B){function c(a){f.debug&&console.log("Graph created");this.list_of_graphcanvas=null;this.clear();a&&this.configure(a)}function k(a,b,d,g,e,f){this.id=a;this.type=b;this.origin_id=d;this.origin_slot=g;this.target_id=e;this.target_slot=f;this._data=null;this._pos=new Float32Array(2)}function v(a){this._ctor(a)}function r(a){this._ctor(a)}function t(a,b){this.offset=new Float32Array([0,0]);this.scale=1;this.max_scale=10;this.min_scale=0.1;this.onredraw=null;this.enabled=!0;this.last_mouse=
+[0,0];this.element=null;this.visible_area=new Float32Array(4);a&&(this.element=a,b||this.bindEvents(a))}function h(a,b,d){this.options=d=d||{};this.background_image=h.DEFAULT_BACKGROUND_IMAGE;a&&a.constructor===String&&(a=document.querySelector(a));this.ds=new t;this.zoom_modify_alpha=!0;this.title_text_font=""+f.NODE_TEXT_SIZE+"px Arial";this.inner_text_font="normal "+f.NODE_SUBTEXT_SIZE+"px Arial";this.node_title_color=f.NODE_TITLE_COLOR;this.default_link_color=f.LINK_COLOR;this.default_connection_color=
+{input_off:"#778",input_on:"#7F7",output_off:"#778",output_on:"#7F7"};this.highquality_render=!0;this.use_gradients=!1;this.editor_alpha=1;this.pause_rendering=!1;this.clear_background=!0;this.read_only=!1;this.render_only_selected=!0;this.live_mode=!1;this.allow_searchbox=this.allow_interaction=this.allow_dragnodes=this.allow_dragcanvas=this.show_info=!0;this.drag_mode=this.align_to_grid=this.allow_reconnect_links=!1;this.filter=this.dragging_rectangle=null;this.set_canvas_dirty_on_mouse_event=!0;
+this.always_render_background=!1;this.render_canvas_border=this.render_shadows=!0;this.render_connections_shadows=!1;this.render_connections_border=!0;this.render_connection_arrows=this.render_curved_connections=!1;this.render_collapsed_slots=!0;this.render_execution_order=!1;this.render_link_tooltip=this.render_title_colored=!0;this.links_render_mode=f.SPLINE_LINK;this.mouse=[0,0];this.canvas_mouse=this.graph_mouse=[0,0];this.onAfterChange=this.onBeforeChange=this.onConnectingChange=this.onSelectionChange=
+this.onNodeMoved=this.onDrawLinkTooltip=this.onDrawOverlay=this.onDrawForeground=this.onDrawBackground=this.onMouse=this.onSearchBoxSelection=this.onSearchBox=null;this.connections_width=3;this.round_radius=8;this.over_link_center=this.node_widget=this.current_node=null;this.last_mouse_position=[0,0];this.visible_area=this.ds.visible_area;this.visible_links=[];this.viewport=d.viewport||null;b&&b.attachCanvas(this);this.setCanvas(a,d.skip_events);this.clear();d.skip_render||this.startRendering();this.autoresize=
+d.autoresize}function D(a,b){return Math.sqrt((b[0]-a[0])*(b[0]-a[0])+(b[1]-a[1])*(b[1]-a[1]))}function z(a,b,d,g,e,f){return d<a&&d+e>a&&g<b&&g+f>b?!0:!1}function G(a,b){var d=a[0]+a[2],g=a[1]+a[3],e=b[1]+b[3];return a[0]>b[0]+b[2]||a[1]>e||d<b[0]||g<b[1]?!1:!0}function A(a,b){function d(a){var d=parseInt(f.style.top);f.style.top=(d+a.deltaY*b.scroll_speed).toFixed()+"px";a.preventDefault();return!0}this.options=b=b||{};var g=this;b.parentMenu&&(b.parentMenu.constructor!==this.constructor?(console.error("parentMenu must be of class ContextMenu, ignoring it"),
+b.parentMenu=null):(this.parentMenu=b.parentMenu,this.parentMenu.lock=!0,this.parentMenu.current_submenu=this));var e=null;b.event&&(e=b.event.constructor.name);"MouseEvent"!==e&&"CustomEvent"!==e&&"PointerEvent"!==e&&(console.error("Event passed to ContextMenu is not of type MouseEvent or CustomEvent. Ignoring it."),b.event=null);var f=document.createElement("div");f.className="litegraph litecontextmenu litemenubar-panel";b.className&&(f.className+=" "+b.className);f.style.minWidth=100;f.style.minHeight=
+100;f.style.pointerEvents="none";setTimeout(function(){f.style.pointerEvents="auto"},100);f.addEventListener("mouseup",function(a){a.preventDefault();return!0},!0);f.addEventListener("contextmenu",function(a){if(2!=a.button)return!1;a.preventDefault();return!1},!0);f.addEventListener("mousedown",function(a){if(2==a.button)return g.close(),a.preventDefault(),!0},!0);b.scroll_speed||(b.scroll_speed=0.1);f.addEventListener("wheel",d,!0);f.addEventListener("mousewheel",d,!0);this.root=f;b.title&&(e=document.createElement("div"),
+e.className="litemenu-title",e.innerHTML=b.title,f.appendChild(e));for(var m=e=0;m<a.length;m++){var q=a.constructor==Array?a[m]:m;null!=q&&q.constructor!==String&&(q=void 0===q.content?String(q):q.content);this.addItem(q,a[m],b);e++}f.addEventListener("mouseleave",function(a){g.lock||(f.closing_timer&&clearTimeout(f.closing_timer),f.closing_timer=setTimeout(g.close.bind(g,a),500))});f.addEventListener("mouseenter",function(a){f.closing_timer&&clearTimeout(f.closing_timer)});e=document;b.event&&(e=
+b.event.target.ownerDocument);e||(e=document);e.fullscreenElement?e.fullscreenElement.appendChild(f):e.body.appendChild(f);m=b.left||0;e=b.top||0;if(b.event){m=b.event.clientX-10;e=b.event.clientY-10;b.title&&(e-=20);b.parentMenu&&(m=b.parentMenu.root.getBoundingClientRect(),m=m.left+m.width);var q=document.body.getBoundingClientRect(),C=f.getBoundingClientRect();0==q.height&&console.error("document.body height is 0. That is dangerous, set html,body { height: 100%; }");q.width&&m>q.width-C.width-
+10&&(m=q.width-C.width-10);q.height&&e>q.height-C.height-10&&(e=q.height-C.height-10)}f.style.left=m+"px";f.style.top=e+"px";b.scale&&(f.style.transform="scale("+b.scale+")")}function E(a){this.points=a;this.nearest=this.selected=-1;this.size=null;this.must_update=!0;this.margin=5}var f=B.LiteGraph={VERSION:0.4,CANVAS_GRID_SIZE:10,NODE_TITLE_HEIGHT:30,NODE_TITLE_TEXT_Y:20,NODE_SLOT_HEIGHT:20,NODE_WIDGET_HEIGHT:20,NODE_WIDTH:140,NODE_MIN_WIDTH:50,NODE_COLLAPSED_RADIUS:10,NODE_COLLAPSED_WIDTH:80,NODE_TITLE_COLOR:"#999",
 NODE_SELECTED_TITLE_COLOR:"#FFF",NODE_TEXT_SIZE:14,NODE_TEXT_COLOR:"#AAA",NODE_SUBTEXT_SIZE:12,NODE_DEFAULT_COLOR:"#333",NODE_DEFAULT_BGCOLOR:"#353535",NODE_DEFAULT_BOXCOLOR:"#666",NODE_DEFAULT_SHAPE:"box",NODE_BOX_OUTLINE_COLOR:"#FFF",DEFAULT_SHADOW_COLOR:"rgba(0,0,0,0.5)",DEFAULT_GROUP_FONT:24,WIDGET_BGCOLOR:"#222",WIDGET_OUTLINE_COLOR:"#666",WIDGET_TEXT_COLOR:"#DDD",WIDGET_SECONDARY_TEXT_COLOR:"#999",LINK_COLOR:"#9A9",EVENT_LINK_COLOR:"#A86",CONNECTING_LINK_COLOR:"#AFA",MAX_NUMBER_OF_NODES:1E3,
 DEFAULT_POSITION:[100,100],VALID_SHAPES:["default","box","round","card"],BOX_SHAPE:1,ROUND_SHAPE:2,CIRCLE_SHAPE:3,CARD_SHAPE:4,ARROW_SHAPE:5,INPUT:1,OUTPUT:2,EVENT:-1,ACTION:-1,ALWAYS:0,ON_EVENT:1,NEVER:2,ON_TRIGGER:3,UP:1,DOWN:2,LEFT:3,RIGHT:4,CENTER:5,STRAIGHT_LINK:0,LINEAR_LINK:1,SPLINE_LINK:2,NORMAL_TITLE:0,NO_TITLE:1,TRANSPARENT_TITLE:2,AUTOHIDE_TITLE:3,proxy:null,node_images_path:"",debug:!1,catch_exceptions:!0,throw_errors:!0,allow_scripts:!1,registered_node_types:{},node_types_by_file_extension:{},
-Nodes:{},Globals:{},searchbox_extras:{},auto_sort_node_types:!1,registerNodeType:function(a,b){if(!b.prototype)throw"Cannot register a simple object, it must be a class with a prototype";b.type=a;e.debug&&console.log("Node registered: "+a);a.split("/");var d=b.name,g=a.lastIndexOf("/");b.category=a.substr(0,g);b.title||(b.title=d);if(b.prototype)for(var f in u.prototype)b.prototype[f]||(b.prototype[f]=u.prototype[f]);if(g=this.registered_node_types[a])console.log("replacing node type: "+a);else if(Object.hasOwnProperty(b.prototype,
-"shape")||Object.defineProperty(b.prototype,"shape",{set:function(a){switch(a){case "default":delete this._shape;break;case "box":this._shape=e.BOX_SHAPE;break;case "round":this._shape=e.ROUND_SHAPE;break;case "circle":this._shape=e.CIRCLE_SHAPE;break;case "card":this._shape=e.CARD_SHAPE;break;default:this._shape=a}},get:function(a){return this._shape},enumerable:!0,configurable:!0}),b.prototype.onPropertyChange&&console.warn("LiteGraph node class "+a+" has onPropertyChange method, it must be called onPropertyChanged with d at the end"),
-b.supported_extensions)for(f in b.supported_extensions){var E=b.supported_extensions[f];E&&E.constructor===String&&(this.node_types_by_file_extension[E.toLowerCase()]=b)}this.registered_node_types[a]=b;b.constructor.name&&(this.Nodes[d]=b);if(e.onNodeTypeRegistered)e.onNodeTypeRegistered(a,b);if(g&&e.onNodeTypeReplaced)e.onNodeTypeReplaced(a,b,g);b.prototype.onPropertyChange&&console.warn("LiteGraph node class "+a+" has onPropertyChange method, it must be called onPropertyChanged with d at the end");
-if(b.supported_extensions)for(f=0;f<b.supported_extensions.length;f++)(E=b.supported_extensions[f])&&E.constructor===String&&(this.node_types_by_file_extension[E.toLowerCase()]=b)},unregisterNodeType:function(a){var b=a.constructor===String?this.registered_node_types[a]:a;if(!b)throw"node type not found: "+a;delete this.registered_node_types[b.type];b.constructor.name&&delete this.Nodes[b.constructor.name]},wrapFunctionAsNode:function(a,b,d,g,f){for(var E=Array(b.length),m="",r=e.getParameterNames(b),
-x=0;x<r.length;++x)m+="this.addInput('"+r[x]+"',"+(d&&d[x]?"'"+d[x]+"'":"0")+");\n";m+="this.addOutput('out',"+(g?"'"+g+"'":0)+");\n";f&&(m+="this.properties = "+JSON.stringify(f)+";\n");d=Function(m);d.title=a.split("/").pop();d.desc="Generated from "+b.name;d.prototype.onExecute=function(){for(var a=0;a<E.length;++a)E[a]=this.getInputData(a);a=b.apply(this,E);this.setOutputData(0,a)};this.registerNodeType(a,d)},clearRegisteredTypes:function(){this.registered_node_types={};this.node_types_by_file_extension=
-{};this.Nodes={};this.searchbox_extras={}},addNodeMethod:function(a,b){u.prototype[a]=b;for(var d in this.registered_node_types){var g=this.registered_node_types[d];g.prototype[a]&&(g.prototype["_"+a]=g.prototype[a]);g.prototype[a]=b}},createNode:function(a,b,d){var g=this.registered_node_types[a];if(!g)return e.debug&&console.log('GraphNode type "'+a+'" not registered.'),null;b=b||g.title||a;var f=null;if(e.catch_exceptions)try{f=new g(b)}catch(E){return console.error(E),null}else f=new g(b);f.type=
-a;!f.title&&b&&(f.title=b);f.properties||(f.properties={});f.properties_info||(f.properties_info=[]);f.flags||(f.flags={});f.size||(f.size=f.computeSize());f.pos||(f.pos=e.DEFAULT_POSITION.concat());f.mode||(f.mode=e.ALWAYS);if(d)for(var m in d)f[m]=d[m];return f},getNodeType:function(a){return this.registered_node_types[a]},getNodeTypesInCategory:function(a,b){var d=[],g;for(g in this.registered_node_types){var f=this.registered_node_types[g];f.filter==b&&(""==a?null==f.category&&d.push(f):f.category==
-a&&d.push(f))}return this.auto_sort_node_types?d.sort():d},getNodeTypesCategories:function(a){var b={"":1},d;for(d in this.registered_node_types){var g=this.registered_node_types[d];g.category&&!g.skip_list&&g.filter==a&&(b[g.category]=1)}a=[];for(d in b)a.push(d);return this.auto_sort_node_types?a.sort():a},reloadNodes:function(a){for(var b=document.getElementsByTagName("script"),d=[],g=0;g<b.length;g++)d.push(b[g]);b=document.getElementsByTagName("head")[0];a=document.location.href+a;for(g=0;g<
-d.length;g++){var f=d[g].src;if(f&&f.substr(0,a.length)==a)try{e.debug&&console.log("Reloading: "+f);var E=document.createElement("script");E.type="text/javascript";E.src=f;b.appendChild(E);b.removeChild(d[g])}catch(m){if(e.throw_errors)throw m;e.debug&&console.log("Error while reloading "+f)}}e.debug&&console.log("Nodes reloaded")},cloneObject:function(a,b){if(null==a)return null;var d=JSON.parse(JSON.stringify(a));if(!b)return d;for(var g in d)b[g]=d[g];return b},isValidConnection:function(a,b){if(!a||
-!b||a==b||a==e.EVENT&&b==e.ACTION)return!0;a=String(a);b=String(b);a=a.toLowerCase();b=b.toLowerCase();if(-1==a.indexOf(",")&&-1==b.indexOf(","))return a==b;for(var d=a.split(","),g=b.split(","),f=0;f<d.length;++f)for(var E=0;E<g.length;++E)if(d[f]==g[E])return!0;return!1},registerSearchboxExtra:function(a,b,d){this.searchbox_extras[b.toLowerCase()]={type:a,desc:b,data:d}},fetchFile:function(a,b,d,g){if(!a)return null;b=b||"text";if(a.constructor===String)return"http"==a.substr(0,4)&&e.proxy&&(a=
-e.proxy+a.substr(a.indexOf(":")+3)),fetch(a).then(function(a){if(!a.ok)throw Error("File not found");if("arraybuffer"==b)return a.arrayBuffer();if("text"==b||"string"==b)return a.text();if("json"==b)return a.json();if("blob"==b)return a.blob()}).then(function(a){d&&d(a)})["catch"](function(b){console.error("error fetching file:",a);g&&g(b)});if(a.constructor===File||a.constructor===Blob){var f=new FileReader;f.onload=function(a){a=a.target.result;"json"==b&&(a=JSON.parse(a));d&&d(a)};if("arraybuffer"==
-b)return f.readAsArrayBuffer(a);if("text"==b||"json"==b)return f.readAsText(a);if("blob"==b)return f.readAsBinaryString(a)}return null}};e.getTime="undefined"!=typeof performance?performance.now.bind(performance):"undefined"!=typeof Date&&Date.now?Date.now.bind(Date):"undefined"!=typeof process?function(){var a=process.hrtime();return 0.001*a[0]+1E-6*a[1]}:function(){return(new Date).getTime()};B.LGraph=e.LGraph=c;c.supported_types=["number","string","boolean"];c.prototype.getSupportedTypes=function(){return this.supported_types||
+Nodes:{},Globals:{},searchbox_extras:{},auto_sort_node_types:!1,registerNodeType:function(a,b){if(!b.prototype)throw"Cannot register a simple object, it must be a class with a prototype";b.type=a;f.debug&&console.log("Node registered: "+a);a.split("/");var d=b.name,g=a.lastIndexOf("/");b.category=a.substr(0,g);b.title||(b.title=d);if(b.prototype)for(var e in v.prototype)b.prototype[e]||(b.prototype[e]=v.prototype[e]);if(g=this.registered_node_types[a])console.log("replacing node type: "+a);else if(Object.hasOwnProperty(b.prototype,
+"shape")||Object.defineProperty(b.prototype,"shape",{set:function(a){switch(a){case "default":delete this._shape;break;case "box":this._shape=f.BOX_SHAPE;break;case "round":this._shape=f.ROUND_SHAPE;break;case "circle":this._shape=f.CIRCLE_SHAPE;break;case "card":this._shape=f.CARD_SHAPE;break;default:this._shape=a}},get:function(a){return this._shape},enumerable:!0,configurable:!0}),b.prototype.onPropertyChange&&console.warn("LiteGraph node class "+a+" has onPropertyChange method, it must be called onPropertyChanged with d at the end"),
+b.supported_extensions)for(e in b.supported_extensions){var y=b.supported_extensions[e];y&&y.constructor===String&&(this.node_types_by_file_extension[y.toLowerCase()]=b)}this.registered_node_types[a]=b;b.constructor.name&&(this.Nodes[d]=b);if(f.onNodeTypeRegistered)f.onNodeTypeRegistered(a,b);if(g&&f.onNodeTypeReplaced)f.onNodeTypeReplaced(a,b,g);b.prototype.onPropertyChange&&console.warn("LiteGraph node class "+a+" has onPropertyChange method, it must be called onPropertyChanged with d at the end");
+if(b.supported_extensions)for(e=0;e<b.supported_extensions.length;e++)(y=b.supported_extensions[e])&&y.constructor===String&&(this.node_types_by_file_extension[y.toLowerCase()]=b)},unregisterNodeType:function(a){var b=a.constructor===String?this.registered_node_types[a]:a;if(!b)throw"node type not found: "+a;delete this.registered_node_types[b.type];b.constructor.name&&delete this.Nodes[b.constructor.name]},wrapFunctionAsNode:function(a,b,d,g,e){for(var y=Array(b.length),m="",q=f.getParameterNames(b),
+C=0;C<q.length;++C)m+="this.addInput('"+q[C]+"',"+(d&&d[C]?"'"+d[C]+"'":"0")+");\n";m+="this.addOutput('out',"+(g?"'"+g+"'":0)+");\n";e&&(m+="this.properties = "+JSON.stringify(e)+";\n");d=Function(m);d.title=a.split("/").pop();d.desc="Generated from "+b.name;d.prototype.onExecute=function(){for(var a=0;a<y.length;++a)y[a]=this.getInputData(a);a=b.apply(this,y);this.setOutputData(0,a)};this.registerNodeType(a,d)},clearRegisteredTypes:function(){this.registered_node_types={};this.node_types_by_file_extension=
+{};this.Nodes={};this.searchbox_extras={}},addNodeMethod:function(a,b){v.prototype[a]=b;for(var d in this.registered_node_types){var g=this.registered_node_types[d];g.prototype[a]&&(g.prototype["_"+a]=g.prototype[a]);g.prototype[a]=b}},createNode:function(a,b,d){var g=this.registered_node_types[a];if(!g)return f.debug&&console.log('GraphNode type "'+a+'" not registered.'),null;b=b||g.title||a;var e=null;if(f.catch_exceptions)try{e=new g(b)}catch(y){return console.error(y),null}else e=new g(b);e.type=
+a;!e.title&&b&&(e.title=b);e.properties||(e.properties={});e.properties_info||(e.properties_info=[]);e.flags||(e.flags={});e.size||(e.size=e.computeSize());e.pos||(e.pos=f.DEFAULT_POSITION.concat());e.mode||(e.mode=f.ALWAYS);if(d)for(var m in d)e[m]=d[m];return e},getNodeType:function(a){return this.registered_node_types[a]},getNodeTypesInCategory:function(a,b){var d=[],g;for(g in this.registered_node_types){var e=this.registered_node_types[g];e.filter==b&&(""==a?null==e.category&&d.push(e):e.category==
+a&&d.push(e))}return this.auto_sort_node_types?d.sort():d},getNodeTypesCategories:function(a){var b={"":1},d;for(d in this.registered_node_types){var g=this.registered_node_types[d];g.category&&!g.skip_list&&g.filter==a&&(b[g.category]=1)}a=[];for(d in b)a.push(d);return this.auto_sort_node_types?a.sort():a},reloadNodes:function(a){for(var b=document.getElementsByTagName("script"),d=[],g=0;g<b.length;g++)d.push(b[g]);b=document.getElementsByTagName("head")[0];a=document.location.href+a;for(g=0;g<
+d.length;g++){var e=d[g].src;if(e&&e.substr(0,a.length)==a)try{f.debug&&console.log("Reloading: "+e);var y=document.createElement("script");y.type="text/javascript";y.src=e;b.appendChild(y);b.removeChild(d[g])}catch(m){if(f.throw_errors)throw m;f.debug&&console.log("Error while reloading "+e)}}f.debug&&console.log("Nodes reloaded")},cloneObject:function(a,b){if(null==a)return null;var d=JSON.parse(JSON.stringify(a));if(!b)return d;for(var g in d)b[g]=d[g];return b},isValidConnection:function(a,b){if(!a||
+!b||a==b||a==f.EVENT&&b==f.ACTION)return!0;a=String(a);b=String(b);a=a.toLowerCase();b=b.toLowerCase();if(-1==a.indexOf(",")&&-1==b.indexOf(","))return a==b;for(var d=a.split(","),g=b.split(","),e=0;e<d.length;++e)for(var y=0;y<g.length;++y)if(d[e]==g[y])return!0;return!1},registerSearchboxExtra:function(a,b,d){this.searchbox_extras[b.toLowerCase()]={type:a,desc:b,data:d}},fetchFile:function(a,b,d,g){if(!a)return null;b=b||"text";if(a.constructor===String)return"http"==a.substr(0,4)&&f.proxy&&(a=
+f.proxy+a.substr(a.indexOf(":")+3)),fetch(a).then(function(a){if(!a.ok)throw Error("File not found");if("arraybuffer"==b)return a.arrayBuffer();if("text"==b||"string"==b)return a.text();if("json"==b)return a.json();if("blob"==b)return a.blob()}).then(function(a){d&&d(a)})["catch"](function(b){console.error("error fetching file:",a);g&&g(b)});if(a.constructor===File||a.constructor===Blob){var e=new FileReader;e.onload=function(a){a=a.target.result;"json"==b&&(a=JSON.parse(a));d&&d(a)};if("arraybuffer"==
+b)return e.readAsArrayBuffer(a);if("text"==b||"json"==b)return e.readAsText(a);if("blob"==b)return e.readAsBinaryString(a)}return null}};f.getTime="undefined"!=typeof performance?performance.now.bind(performance):"undefined"!=typeof Date&&Date.now?Date.now.bind(Date):"undefined"!=typeof process?function(){var a=process.hrtime();return 0.001*a[0]+1E-6*a[1]}:function(){return(new Date).getTime()};B.LGraph=f.LGraph=c;c.supported_types=["number","string","boolean"];c.prototype.getSupportedTypes=function(){return this.supported_types||
 c.supported_types};c.STATUS_STOPPED=1;c.STATUS_RUNNING=2;c.prototype.clear=function(){this.stop();this.status=c.STATUS_STOPPED;this.last_link_id=this.last_node_id=0;this._version=-1;if(this._nodes)for(var a=0;a<this._nodes.length;++a){var b=this._nodes[a];if(b.onRemoved)b.onRemoved()}this._nodes=[];this._nodes_by_id={};this._nodes_in_order=[];this._nodes_executable=null;this._groups=[];this.links={};this.iteration=0;this.config={};this.vars={};this.extra={};this.fixedtime=this.runningtime=this.globaltime=
 0;this.elapsed_time=this.fixedtime_lapse=0.01;this.starttime=this.last_update_time=0;this.catch_errors=!0;this.inputs={};this.outputs={};this.change();this.sendActionToCanvas("clear")};c.prototype.attachCanvas=function(a){if(a.constructor!=h)throw"attachCanvas expects a LGraphCanvas instance";a.graph&&a.graph!=this&&a.graph.detachCanvas(a);a.graph=this;this.list_of_graphcanvas||(this.list_of_graphcanvas=[]);this.list_of_graphcanvas.push(a)};c.prototype.detachCanvas=function(a){if(this.list_of_graphcanvas){var b=
-this.list_of_graphcanvas.indexOf(a);-1!=b&&(a.graph=null,this.list_of_graphcanvas.splice(b,1))}};c.prototype.start=function(a){if(this.status!=c.STATUS_RUNNING){this.status=c.STATUS_RUNNING;if(this.onPlayEvent)this.onPlayEvent();this.sendEventToAllNodes("onStart");this.last_update_time=this.starttime=e.getTime();a=a||0;var b=this;if(0==a&&"undefined"!=typeof window&&window.requestAnimationFrame){var d=function(){if(-1==b.execution_timer_id){window.requestAnimationFrame(d);if(b.onBeforeStep)b.onBeforeStep();
+this.list_of_graphcanvas.indexOf(a);-1!=b&&(a.graph=null,this.list_of_graphcanvas.splice(b,1))}};c.prototype.start=function(a){if(this.status!=c.STATUS_RUNNING){this.status=c.STATUS_RUNNING;if(this.onPlayEvent)this.onPlayEvent();this.sendEventToAllNodes("onStart");this.last_update_time=this.starttime=f.getTime();a=a||0;var b=this;if(0==a&&"undefined"!=typeof window&&window.requestAnimationFrame){var d=function(){if(-1==b.execution_timer_id){window.requestAnimationFrame(d);if(b.onBeforeStep)b.onBeforeStep();
 b.runStep(1,!b.catch_errors);if(b.onAfterStep)b.onAfterStep()}};this.execution_timer_id=-1;d()}else this.execution_timer_id=setInterval(function(){if(b.onBeforeStep)b.onBeforeStep();b.runStep(1,!b.catch_errors);if(b.onAfterStep)b.onAfterStep()},a)}};c.prototype.stop=function(){if(this.status!=c.STATUS_STOPPED){this.status=c.STATUS_STOPPED;if(this.onStopEvent)this.onStopEvent();null!=this.execution_timer_id&&(-1!=this.execution_timer_id&&clearInterval(this.execution_timer_id),this.execution_timer_id=
-null);this.sendEventToAllNodes("onStop")}};c.prototype.runStep=function(a,b,d){a=a||1;var g=e.getTime();this.globaltime=0.001*(g-this.starttime);var f=this._nodes_executable?this._nodes_executable:this._nodes;if(f){d=d||f.length;if(b){for(var E=0;E<a;E++){for(var m=0;m<d;++m){var r=f[m];if(r.mode==e.ALWAYS&&r.onExecute)r.onExecute()}this.fixedtime+=this.fixedtime_lapse;if(this.onExecuteStep)this.onExecuteStep()}if(this.onAfterExecute)this.onAfterExecute()}else try{for(E=0;E<a;E++){for(m=0;m<d;++m)if(r=
-f[m],r.mode==e.ALWAYS&&r.onExecute)r.onExecute();this.fixedtime+=this.fixedtime_lapse;if(this.onExecuteStep)this.onExecuteStep()}if(this.onAfterExecute)this.onAfterExecute();this.errors_in_execution=!1}catch(x){this.errors_in_execution=!0;if(e.throw_errors)throw x;e.debug&&console.log("Error during execution: "+x);this.stop()}a=e.getTime();g=a-g;0==g&&(g=1);this.execution_time=0.001*g;this.globaltime+=0.001*g;this.iteration+=1;this.elapsed_time=0.001*(a-this.last_update_time);this.last_update_time=
-a}};c.prototype.updateExecutionOrder=function(){this._nodes_in_order=this.computeExecutionOrder(!1);this._nodes_executable=[];for(var a=0;a<this._nodes_in_order.length;++a)this._nodes_in_order[a].onExecute&&this._nodes_executable.push(this._nodes_in_order[a])};c.prototype.computeExecutionOrder=function(a,b){for(var d=[],g=[],f={},E={},m={},r=0,x=this._nodes.length;r<x;++r){var c=this._nodes[r];if(!a||c.onExecute){f[c.id]=c;var l=0;if(c.inputs)for(var z=0,F=c.inputs.length;z<F;z++)c.inputs[z]&&null!=
-c.inputs[z].link&&(l+=1);0==l?(g.push(c),b&&(c._level=1)):(b&&(c._level=0),m[c.id]=l)}}for(;0!=g.length;)if(c=g.shift(),d.push(c),delete f[c.id],c.outputs)for(r=0;r<c.outputs.length;r++)if(x=c.outputs[r],null!=x&&null!=x.links&&0!=x.links.length)for(z=0;z<x.links.length;z++)(l=this.links[x.links[z]])&&!E[l.id]&&(F=this.getNodeById(l.target_id),null==F?E[l.id]=!0:(b&&(!F._level||F._level<=c._level)&&(F._level=c._level+1),E[l.id]=!0,m[F.id]-=1,0==m[F.id]&&g.push(F)));for(r in f)d.push(f[r]);d.length!=
-this._nodes.length&&e.debug&&console.warn("something went wrong, nodes missing");x=d.length;for(r=0;r<x;++r)d[r].order=r;d=d.sort(function(a,b){var d=a.constructor.priority||a.priority||0,f=b.constructor.priority||b.priority||0;return d==f?a.order-b.order:d-f});for(r=0;r<x;++r)d[r].order=r;return d};c.prototype.getAncestors=function(a){for(var b=[],d=[a],g={};d.length;){var f=d.shift();if(f.inputs){g[f.id]||f==a||(g[f.id]=!0,b.push(f));for(var e=0;e<f.inputs.length;++e){var m=f.getInputNode(e);m&&
--1==b.indexOf(m)&&d.push(m)}}}b.sort(function(a,b){return a.order-b.order});return b};c.prototype.arrange=function(a){a=a||100;for(var b=this.computeExecutionOrder(!1,!0),d=[],g=0;g<b.length;++g){var f=b[g],E=f._level||1;d[E]||(d[E]=[]);d[E].push(f)}b=a;for(g=0;g<d.length;++g)if(E=d[g]){for(var m=100,r=a+e.NODE_TITLE_HEIGHT,x=0;x<E.length;++x)f=E[x],f.pos[0]=b,f.pos[1]=r,f.size[0]>m&&(m=f.size[0]),r+=f.size[1]+a+e.NODE_TITLE_HEIGHT;b+=m+a}this.setDirtyCanvas(!0,!0)};c.prototype.getTime=function(){return this.globaltime};
-c.prototype.getFixedTime=function(){return this.fixedtime};c.prototype.getElapsedTime=function(){return this.elapsed_time};c.prototype.sendEventToAllNodes=function(a,b,d){d=d||e.ALWAYS;var g=this._nodes_in_order?this._nodes_in_order:this._nodes;if(g)for(var f=0,E=g.length;f<E;++f){var m=g[f];if(m.constructor===e.Subgraph&&"onExecute"!=a)m.mode==d&&m.sendEventToAllNodes(a,b,d);else if(m[a]&&m.mode==d)if(void 0===b)m[a]();else if(b&&b.constructor===Array)m[a].apply(m,b);else m[a](b)}};c.prototype.sendActionToCanvas=
-function(a,b){if(this.list_of_graphcanvas)for(var d=0;d<this.list_of_graphcanvas.length;++d){var g=this.list_of_graphcanvas[d];g[a]&&g[a].apply(g,b)}};c.prototype.add=function(a,b){if(a)if(a.constructor===s)this._groups.push(a),this.setDirtyCanvas(!0),this.change(),a.graph=this,this._version++;else{-1!=a.id&&null!=this._nodes_by_id[a.id]&&(console.warn("LiteGraph: there is already a node with this ID, changing it"),a.id=++this.last_node_id);if(this._nodes.length>=e.MAX_NUMBER_OF_NODES)throw"LiteGraph: max number of nodes in a graph reached";
-null==a.id||-1==a.id?a.id=++this.last_node_id:this.last_node_id<a.id&&(this.last_node_id=a.id);a.graph=this;this._version++;this._nodes.push(a);this._nodes_by_id[a.id]=a;if(a.onAdded)a.onAdded(this);this.config.align_to_grid&&a.alignToGrid();b||this.updateExecutionOrder();if(this.onNodeAdded)this.onNodeAdded(a);this.setDirtyCanvas(!0);this.change();return a}};c.prototype.remove=function(a){if(a.constructor===e.LGraphGroup){var b=this._groups.indexOf(a);-1!=b&&this._groups.splice(b,1);a.graph=null;
+null);this.sendEventToAllNodes("onStop")}};c.prototype.runStep=function(a,b,d){a=a||1;var g=f.getTime();this.globaltime=0.001*(g-this.starttime);var e=this._nodes_executable?this._nodes_executable:this._nodes;if(e){d=d||e.length;if(b){for(var y=0;y<a;y++){for(var m=0;m<d;++m){var q=e[m];if(q.mode==f.ALWAYS&&q.onExecute)q.onExecute()}this.fixedtime+=this.fixedtime_lapse;if(this.onExecuteStep)this.onExecuteStep()}if(this.onAfterExecute)this.onAfterExecute()}else try{for(y=0;y<a;y++){for(m=0;m<d;++m)if(q=
+e[m],q.mode==f.ALWAYS&&q.onExecute)q.onExecute();this.fixedtime+=this.fixedtime_lapse;if(this.onExecuteStep)this.onExecuteStep()}if(this.onAfterExecute)this.onAfterExecute();this.errors_in_execution=!1}catch(C){this.errors_in_execution=!0;if(f.throw_errors)throw C;f.debug&&console.log("Error during execution: "+C);this.stop()}a=f.getTime();g=a-g;0==g&&(g=1);this.execution_time=0.001*g;this.globaltime+=0.001*g;this.iteration+=1;this.elapsed_time=0.001*(a-this.last_update_time);this.last_update_time=
+a}};c.prototype.updateExecutionOrder=function(){this._nodes_in_order=this.computeExecutionOrder(!1);this._nodes_executable=[];for(var a=0;a<this._nodes_in_order.length;++a)this._nodes_in_order[a].onExecute&&this._nodes_executable.push(this._nodes_in_order[a])};c.prototype.computeExecutionOrder=function(a,b){for(var d=[],g=[],e={},y={},m={},q=0,C=this._nodes.length;q<C;++q){var c=this._nodes[q];if(!a||c.onExecute){e[c.id]=c;var l=0;if(c.inputs)for(var u=0,F=c.inputs.length;u<F;u++)c.inputs[u]&&null!=
+c.inputs[u].link&&(l+=1);0==l?(g.push(c),b&&(c._level=1)):(b&&(c._level=0),m[c.id]=l)}}for(;0!=g.length;)if(c=g.shift(),d.push(c),delete e[c.id],c.outputs)for(q=0;q<c.outputs.length;q++)if(C=c.outputs[q],null!=C&&null!=C.links&&0!=C.links.length)for(u=0;u<C.links.length;u++)(l=this.links[C.links[u]])&&!y[l.id]&&(F=this.getNodeById(l.target_id),null==F?y[l.id]=!0:(b&&(!F._level||F._level<=c._level)&&(F._level=c._level+1),y[l.id]=!0,m[F.id]-=1,0==m[F.id]&&g.push(F)));for(q in e)d.push(e[q]);d.length!=
+this._nodes.length&&f.debug&&console.warn("something went wrong, nodes missing");C=d.length;for(q=0;q<C;++q)d[q].order=q;d=d.sort(function(a,b){var d=a.constructor.priority||a.priority||0,e=b.constructor.priority||b.priority||0;return d==e?a.order-b.order:d-e});for(q=0;q<C;++q)d[q].order=q;return d};c.prototype.getAncestors=function(a){for(var b=[],d=[a],g={};d.length;){var e=d.shift();if(e.inputs){g[e.id]||e==a||(g[e.id]=!0,b.push(e));for(var f=0;f<e.inputs.length;++f){var m=e.getInputNode(f);m&&
+-1==b.indexOf(m)&&d.push(m)}}}b.sort(function(a,b){return a.order-b.order});return b};c.prototype.arrange=function(a){a=a||100;for(var b=this.computeExecutionOrder(!1,!0),d=[],g=0;g<b.length;++g){var e=b[g],y=e._level||1;d[y]||(d[y]=[]);d[y].push(e)}b=a;for(g=0;g<d.length;++g)if(y=d[g]){for(var m=100,q=a+f.NODE_TITLE_HEIGHT,C=0;C<y.length;++C)e=y[C],e.pos[0]=b,e.pos[1]=q,e.size[0]>m&&(m=e.size[0]),q+=e.size[1]+a+f.NODE_TITLE_HEIGHT;b+=m+a}this.setDirtyCanvas(!0,!0)};c.prototype.getTime=function(){return this.globaltime};
+c.prototype.getFixedTime=function(){return this.fixedtime};c.prototype.getElapsedTime=function(){return this.elapsed_time};c.prototype.sendEventToAllNodes=function(a,b,d){d=d||f.ALWAYS;var g=this._nodes_in_order?this._nodes_in_order:this._nodes;if(g)for(var e=0,y=g.length;e<y;++e){var m=g[e];if(m.constructor===f.Subgraph&&"onExecute"!=a)m.mode==d&&m.sendEventToAllNodes(a,b,d);else if(m[a]&&m.mode==d)if(void 0===b)m[a]();else if(b&&b.constructor===Array)m[a].apply(m,b);else m[a](b)}};c.prototype.sendActionToCanvas=
+function(a,b){if(this.list_of_graphcanvas)for(var d=0;d<this.list_of_graphcanvas.length;++d){var g=this.list_of_graphcanvas[d];g[a]&&g[a].apply(g,b)}};c.prototype.add=function(a,b){if(a)if(a.constructor===r)this._groups.push(a),this.setDirtyCanvas(!0),this.change(),a.graph=this,this._version++;else{-1!=a.id&&null!=this._nodes_by_id[a.id]&&(console.warn("LiteGraph: there is already a node with this ID, changing it"),a.id=++this.last_node_id);if(this._nodes.length>=f.MAX_NUMBER_OF_NODES)throw"LiteGraph: max number of nodes in a graph reached";
+null==a.id||-1==a.id?a.id=++this.last_node_id:this.last_node_id<a.id&&(this.last_node_id=a.id);a.graph=this;this._version++;this._nodes.push(a);this._nodes_by_id[a.id]=a;if(a.onAdded)a.onAdded(this);this.config.align_to_grid&&a.alignToGrid();b||this.updateExecutionOrder();if(this.onNodeAdded)this.onNodeAdded(a);this.setDirtyCanvas(!0);this.change();return a}};c.prototype.remove=function(a){if(a.constructor===f.LGraphGroup){var b=this._groups.indexOf(a);-1!=b&&this._groups.splice(b,1);a.graph=null;
 this._version++;this.setDirtyCanvas(!0,!0);this.change()}else if(null!=this._nodes_by_id[a.id]&&!a.ignore_remove){this.beforeChange();if(a.inputs)for(b=0;b<a.inputs.length;b++){var d=a.inputs[b];null!=d.link&&a.disconnectInput(b)}if(a.outputs)for(b=0;b<a.outputs.length;b++)d=a.outputs[b],null!=d.links&&d.links.length&&a.disconnectOutput(b);if(a.onRemoved)a.onRemoved();a.graph=null;this._version++;if(this.list_of_graphcanvas)for(b=0;b<this.list_of_graphcanvas.length;++b)d=this.list_of_graphcanvas[b],
 d.selected_nodes[a.id]&&delete d.selected_nodes[a.id],d.node_dragged==a&&(d.node_dragged=null);b=this._nodes.indexOf(a);-1!=b&&this._nodes.splice(b,1);delete this._nodes_by_id[a.id];if(this.onNodeRemoved)this.onNodeRemoved(a);this.sendActionToCanvas("checkPanels");this.setDirtyCanvas(!0,!0);this.afterChange();this.change();this.updateExecutionOrder()}};c.prototype.getNodeById=function(a){return null==a?null:this._nodes_by_id[a]};c.prototype.findNodesByClass=function(a,b){b=b||[];for(var d=b.length=
 0,g=this._nodes.length;d<g;++d)this._nodes[d].constructor===a&&b.push(this._nodes[d]);return b};c.prototype.findNodesByType=function(a,b){a=a.toLowerCase();b=b||[];for(var d=b.length=0,g=this._nodes.length;d<g;++d)this._nodes[d].type.toLowerCase()==a&&b.push(this._nodes[d]);return b};c.prototype.findNodeByTitle=function(a){for(var b=0,d=this._nodes.length;b<d;++b)if(this._nodes[b].title==a)return this._nodes[b];return null};c.prototype.findNodesByTitle=function(a){for(var b=[],d=0,g=this._nodes.length;d<
-g;++d)this._nodes[d].title==a&&b.push(this._nodes[d]);return b};c.prototype.getNodeOnPos=function(a,b,d,g){d=d||this._nodes;for(var f=d.length-1;0<=f;f--){var e=d[f];if(e.isPointInside(a,b,g))return e}return null};c.prototype.getGroupOnPos=function(a,b){for(var d=this._groups.length-1;0<=d;d--){var g=this._groups[d];if(g.isPointInside(a,b,2,!0))return g}return null};c.prototype.checkNodeTypes=function(){for(var a=0;a<this._nodes.length;a++){var b=this._nodes[a];if(b.constructor!=e.registered_node_types[b.type]){console.log("node being replaced by newer version: "+
-b.type);var d=e.createNode(b.type);this._nodes[a]=d;d.configure(b.serialize());d.graph=this;this._nodes_by_id[d.id]=d;b.inputs&&(d.inputs=b.inputs.concat());b.outputs&&(d.outputs=b.outputs.concat())}}this.updateExecutionOrder()};c.prototype.onAction=function(a,b){this._input_nodes=this.findNodesByClass(e.GraphInput,this._input_nodes);for(var d=0;d<this._input_nodes.length;++d){var g=this._input_nodes[d];if(g.properties.name==a){g.onAction(a,b);break}}};c.prototype.trigger=function(a,b){if(this.onTrigger)this.onTrigger(a,
+g;++d)this._nodes[d].title==a&&b.push(this._nodes[d]);return b};c.prototype.getNodeOnPos=function(a,b,d,g){d=d||this._nodes;for(var e=d.length-1;0<=e;e--){var f=d[e];if(f.isPointInside(a,b,g))return f}return null};c.prototype.getGroupOnPos=function(a,b){for(var d=this._groups.length-1;0<=d;d--){var g=this._groups[d];if(g.isPointInside(a,b,2,!0))return g}return null};c.prototype.checkNodeTypes=function(){for(var a=0;a<this._nodes.length;a++){var b=this._nodes[a];if(b.constructor!=f.registered_node_types[b.type]){console.log("node being replaced by newer version: "+
+b.type);var d=f.createNode(b.type);this._nodes[a]=d;d.configure(b.serialize());d.graph=this;this._nodes_by_id[d.id]=d;b.inputs&&(d.inputs=b.inputs.concat());b.outputs&&(d.outputs=b.outputs.concat())}}this.updateExecutionOrder()};c.prototype.onAction=function(a,b){this._input_nodes=this.findNodesByClass(f.GraphInput,this._input_nodes);for(var d=0;d<this._input_nodes.length;++d){var g=this._input_nodes[d];if(g.properties.name==a){g.onAction(a,b);break}}};c.prototype.trigger=function(a,b){if(this.onTrigger)this.onTrigger(a,
 b)};c.prototype.addInput=function(a,b,d){if(!this.inputs[a]){this.beforeChange();this.inputs[a]={name:a,type:b,value:d};this._version++;this.afterChange();if(this.onInputAdded)this.onInputAdded(a,b);if(this.onInputsOutputsChange)this.onInputsOutputsChange()}};c.prototype.setInputData=function(a,b){var d=this.inputs[a];d&&(d.value=b)};c.prototype.getInputData=function(a){return(a=this.inputs[a])?a.value:null};c.prototype.renameInput=function(a,b){if(b!=a){if(!this.inputs[a])return!1;if(this.inputs[b])return console.error("there is already one input with that name"),
 !1;this.inputs[b]=this.inputs[a];delete this.inputs[a];this._version++;if(this.onInputRenamed)this.onInputRenamed(a,b);if(this.onInputsOutputsChange)this.onInputsOutputsChange()}};c.prototype.changeInputType=function(a,b){if(!this.inputs[a])return!1;if(!this.inputs[a].type||String(this.inputs[a].type).toLowerCase()!=String(b).toLowerCase())if(this.inputs[a].type=b,this._version++,this.onInputTypeChanged)this.onInputTypeChanged(a,b)};c.prototype.removeInput=function(a){if(!this.inputs[a])return!1;
 delete this.inputs[a];this._version++;if(this.onInputRemoved)this.onInputRemoved(a);if(this.onInputsOutputsChange)this.onInputsOutputsChange();return!0};c.prototype.addOutput=function(a,b,d){this.outputs[a]={name:a,type:b,value:d};this._version++;if(this.onOutputAdded)this.onOutputAdded(a,b);if(this.onInputsOutputsChange)this.onInputsOutputsChange()};c.prototype.setOutputData=function(a,b){var d=this.outputs[a];d&&(d.value=b)};c.prototype.getOutputData=function(a){return(a=this.outputs[a])?a.value:
 null};c.prototype.renameOutput=function(a,b){if(!this.outputs[a])return!1;if(this.outputs[b])return console.error("there is already one output with that name"),!1;this.outputs[b]=this.outputs[a];delete this.outputs[a];this._version++;if(this.onOutputRenamed)this.onOutputRenamed(a,b);if(this.onInputsOutputsChange)this.onInputsOutputsChange()};c.prototype.changeOutputType=function(a,b){if(!this.outputs[a])return!1;if(!this.outputs[a].type||String(this.outputs[a].type).toLowerCase()!=String(b).toLowerCase())if(this.outputs[a].type=
 b,this._version++,this.onOutputTypeChanged)this.onOutputTypeChanged(a,b)};c.prototype.removeOutput=function(a){if(!this.outputs[a])return!1;delete this.outputs[a];this._version++;if(this.onOutputRemoved)this.onOutputRemoved(a);if(this.onInputsOutputsChange)this.onInputsOutputsChange();return!0};c.prototype.triggerInput=function(a,b){for(var d=this.findNodesByTitle(a),g=0;g<d.length;++g)d[g].onTrigger(b)};c.prototype.setCallback=function(a,b){for(var d=this.findNodesByTitle(a),g=0;g<d.length;++g)d[g].setTrigger(b)};
 c.prototype.beforeChange=function(a){if(this.onBeforeChange)this.onBeforeChange(this,a);this.sendActionToCanvas("onBeforeChange",this)};c.prototype.afterChange=function(a){if(this.onAfterChange)this.onAfterChange(this,a);this.sendActionToCanvas("onAfterChange",this)};c.prototype.connectionChange=function(a,b){this.updateExecutionOrder();if(this.onConnectionChange)this.onConnectionChange(a);this._version++;this.sendActionToCanvas("onConnectionChange")};c.prototype.isLive=function(){if(!this.list_of_graphcanvas)return!1;
-for(var a=0;a<this.list_of_graphcanvas.length;++a)if(this.list_of_graphcanvas[a].live_mode)return!0;return!1};c.prototype.clearTriggeredSlots=function(){for(var a in this.links){var b=this.links[a];b&&b._last_time&&(b._last_time=0)}};c.prototype.change=function(){e.debug&&console.log("Graph changed");this.sendActionToCanvas("setDirty",[!0,!0]);if(this.on_change)this.on_change(this)};c.prototype.setDirtyCanvas=function(a,b){this.sendActionToCanvas("setDirty",[a,b])};c.prototype.removeLink=function(a){if(a=
-this.links[a]){var b=this.getNodeById(a.target_id);b&&b.disconnectInput(a.target_slot)}};c.prototype.serialize=function(){for(var a=[],b=0,d=this._nodes.length;b<d;++b)a.push(this._nodes[b].serialize());d=[];for(b in this.links){var g=this.links[b];if(!g.serialize){console.warn("weird LLink bug, link info is not a LLink but a regular object");var f=new k,E;for(E in g)f[E]=g[E];g=this.links[b]=f}d.push(g.serialize())}E=[];for(b=0;b<this._groups.length;++b)E.push(this._groups[b].serialize());a={last_node_id:this.last_node_id,
-last_link_id:this.last_link_id,nodes:a,links:d,groups:E,config:this.config,extra:this.extra,version:e.VERSION};if(this.onSerialize)this.onSerialize(a);return a};c.prototype.configure=function(a,b){if(a){b||this.clear();var d=a.nodes;if(a.links&&a.links.constructor===Array){for(var g=[],f=0;f<a.links.length;++f){var E=a.links[f];if(E){var m=new k;m.configure(E);g[m.id]=m}else console.warn("serialized graph link data contains errors, skipping.")}a.links=g}for(f in a)"nodes"!=f&&"groups"!=f&&(this[f]=
-a[f]);g=!1;this._nodes=[];if(d){f=0;for(E=d.length;f<E;++f){var m=d[f],r=e.createNode(m.type,m.title);r||(e.debug&&console.log("Node not found or has errors: "+m.type),r=new u,r.last_serialization=m,g=r.has_errors=!0);r.id=m.id;this.add(r,!0)}f=0;for(E=d.length;f<E;++f)m=d[f],(r=this.getNodeById(m.id))&&r.configure(m)}this._groups.length=0;if(a.groups)for(f=0;f<a.groups.length;++f)d=new e.LGraphGroup,d.configure(a.groups[f]),this.add(d);this.updateExecutionOrder();this.extra=a.extra||{};if(this.onConfigure)this.onConfigure(a);
-this._version++;this.setDirtyCanvas(!0,!0);return g}};c.prototype.load=function(a,b){var d=this;if(a.constructor===File||a.constructor===Blob){var g=new FileReader;g.addEventListener("load",function(a){a=JSON.parse(a.target.result);d.configure(a);b&&b()});g.readAsText(a)}else{var f=new XMLHttpRequest;f.open("GET",a,!0);f.send(null);f.onload=function(a){200!==f.status?console.error("Error loading graph:",f.status,f.response):(a=JSON.parse(f.response),d.configure(a),b&&b())};f.onerror=function(a){console.error("Error loading graph:",
-a)}}};c.prototype.onNodeTrace=function(a,b,d){};k.prototype.configure=function(a){a.constructor===Array?(this.id=a[0],this.origin_id=a[1],this.origin_slot=a[2],this.target_id=a[3],this.target_slot=a[4],this.type=a[5]):(this.id=a.id,this.type=a.type,this.origin_id=a.origin_id,this.origin_slot=a.origin_slot,this.target_id=a.target_id,this.target_slot=a.target_slot)};k.prototype.serialize=function(){return[this.id,this.origin_id,this.origin_slot,this.target_id,this.target_slot,this.type]};e.LLink=k;
-B.LGraphNode=e.LGraphNode=u;u.prototype._ctor=function(a){this.title=a||"Unnamed";this.size=[e.NODE_WIDTH,60];this.graph=null;this._pos=new Float32Array(10,10);Object.defineProperty(this,"pos",{set:function(a){!a||2>a.length||(this._pos[0]=a[0],this._pos[1]=a[1])},get:function(){return this._pos},enumerable:!0});this.id=-1;this.type=null;this.inputs=[];this.outputs=[];this.connections=[];this.properties={};this.properties_info=[];this.flags={}};u.prototype.configure=function(a){this.graph&&this.graph._version++;
-for(var b in a)if("properties"==b)for(var d in a.properties){if(this.properties[d]=a.properties[d],this.onPropertyChanged)this.onPropertyChanged(d,a.properties[d])}else null!=a[b]&&("object"==typeof a[b]?this[b]&&this[b].configure?this[b].configure(a[b]):this[b]=e.cloneObject(a[b],this[b]):this[b]=a[b]);a.title||(this.title=this.constructor.title);if(this.onConnectionsChange){if(this.inputs)for(d=0;d<this.inputs.length;++d){b=this.inputs[d];var g=this.graph?this.graph.links[b.link]:null;this.onConnectionsChange(e.INPUT,
-d,!0,g,b)}if(this.outputs)for(d=0;d<this.outputs.length;++d){var f=this.outputs[d];if(f.links)for(b=0;b<f.links.length;++b)g=this.graph?this.graph.links[f.links[b]]:null,this.onConnectionsChange(e.OUTPUT,d,!0,g,f)}}if(this.widgets){for(d=0;d<this.widgets.length;++d)(b=this.widgets[d])&&b.options&&b.options.property&&this.properties[b.options.property]&&(b.value=JSON.parse(JSON.stringify(this.properties[b.options.property])));if(a.widgets_values)for(d=0;d<a.widgets_values.length;++d)this.widgets[d]&&
-(this.widgets[d].value=a.widgets_values[d])}if(this.onConfigure)this.onConfigure(a)};u.prototype.serialize=function(){var a={id:this.id,type:this.type,pos:this.pos,size:this.size,flags:e.cloneObject(this.flags),order:this.order,mode:this.mode};if(this.constructor===u&&this.last_serialization)return this.last_serialization;this.inputs&&(a.inputs=this.inputs);if(this.outputs){for(var b=0;b<this.outputs.length;b++)delete this.outputs[b]._data;a.outputs=this.outputs}this.title&&this.title!=this.constructor.title&&
-(a.title=this.title);this.properties&&(a.properties=e.cloneObject(this.properties));if(this.widgets&&this.serialize_widgets)for(a.widgets_values=[],b=0;b<this.widgets.length;++b)a.widgets_values[b]=this.widgets[b]?this.widgets[b].value:null;a.type||(a.type=this.constructor.type);this.color&&(a.color=this.color);this.bgcolor&&(a.bgcolor=this.bgcolor);this.boxcolor&&(a.boxcolor=this.boxcolor);this.shape&&(a.shape=this.shape);this.onSerialize&&this.onSerialize(a)&&console.warn("node onSerialize shouldnt return anything, data should be stored in the object pass in the first parameter");
-return a};u.prototype.clone=function(){var a=e.createNode(this.type);if(!a)return null;var b=e.cloneObject(this.serialize());if(b.inputs)for(var d=0;d<b.inputs.length;++d)b.inputs[d].link=null;if(b.outputs)for(d=0;d<b.outputs.length;++d)b.outputs[d].links&&(b.outputs[d].links.length=0);delete b.id;a.configure(b);return a};u.prototype.toString=function(){return JSON.stringify(this.serialize())};u.prototype.getTitle=function(){return this.title||this.constructor.title};u.prototype.setProperty=function(a,
-b){this.properties||(this.properties={});if(b!==this.properties[a]){var d=this.properties[a];this.properties[a]=b;this.onPropertyChanged&&!1===this.onPropertyChanged(a,b,d)&&(this.properties[a]=d);if(this.widgets)for(d=0;d<this.widgets.length;++d){var g=this.widgets[d];if(g&&g.options.property==a){g.value=b;break}}}};u.prototype.setOutputData=function(a,b){if(this.outputs&&!(-1==a||a>=this.outputs.length)){var d=this.outputs[a];if(d&&(d._data=b,this.outputs[a].links))for(d=0;d<this.outputs[a].links.length;d++){var g=
-this.graph.links[this.outputs[a].links[d]];g&&(g.data=b)}}};u.prototype.setOutputDataType=function(a,b){if(this.outputs&&!(-1==a||a>=this.outputs.length)){var d=this.outputs[a];if(d&&(d.type=b,this.outputs[a].links))for(d=0;d<this.outputs[a].links.length;d++)this.graph.links[this.outputs[a].links[d]].type=b}};u.prototype.getInputData=function(a,b){if(this.inputs&&!(a>=this.inputs.length||null==this.inputs[a].link)){var d=this.graph.links[this.inputs[a].link];if(!d)return null;if(!b)return d.data;
-var g=this.graph.getNodeById(d.origin_id);if(!g)return d.data;if(g.updateOutputData)g.updateOutputData(d.origin_slot);else if(g.onExecute)g.onExecute();return d.data}};u.prototype.getInputDataType=function(a){if(!this.inputs||a>=this.inputs.length||null==this.inputs[a].link)return null;a=this.graph.links[this.inputs[a].link];if(!a)return null;var b=this.graph.getNodeById(a.origin_id);return b?(a=b.outputs[a.origin_slot])?a.type:null:a.type};u.prototype.getInputDataByName=function(a,b){var d=this.findInputSlot(a);
-return-1==d?null:this.getInputData(d,b)};u.prototype.isInputConnected=function(a){return this.inputs?a<this.inputs.length&&null!=this.inputs[a].link:!1};u.prototype.getInputInfo=function(a){return this.inputs?a<this.inputs.length?this.inputs[a]:null:null};u.prototype.getInputLink=function(a){return this.inputs?a<this.inputs.length?this.graph.links[this.inputs[a].link]:null:null};u.prototype.getInputNode=function(a){if(!this.inputs||a>=this.inputs.length)return null;a=this.inputs[a];return a&&null!==
-a.link?(a=this.graph.links[a.link])?this.graph.getNodeById(a.origin_id):null:null};u.prototype.getInputOrProperty=function(a){if(!this.inputs||!this.inputs.length)return this.properties?this.properties[a]:null;for(var b=0,d=this.inputs.length;b<d;++b){var g=this.inputs[b];if(a==g.name&&null!=g.link&&(g=this.graph.links[g.link]))return g.data}return this.properties[a]};u.prototype.getOutputData=function(a){return!this.outputs||a>=this.outputs.length?null:this.outputs[a]._data};u.prototype.getOutputInfo=
-function(a){return this.outputs?a<this.outputs.length?this.outputs[a]:null:null};u.prototype.isOutputConnected=function(a){return this.outputs?a<this.outputs.length&&this.outputs[a].links&&this.outputs[a].links.length:!1};u.prototype.isAnyOutputConnected=function(){if(!this.outputs)return!1;for(var a=0;a<this.outputs.length;++a)if(this.outputs[a].links&&this.outputs[a].links.length)return!0;return!1};u.prototype.getOutputNodes=function(a){if(!this.outputs||0==this.outputs.length||a>=this.outputs.length)return null;
-a=this.outputs[a];if(!a.links||0==a.links.length)return null;for(var b=[],d=0;d<a.links.length;d++){var g=this.graph.links[a.links[d]];g&&(g=this.graph.getNodeById(g.target_id))&&b.push(g)}return b};u.prototype.trigger=function(a,b){if(this.outputs&&this.outputs.length){this.graph&&(this.graph._last_trigger_time=e.getTime());for(var d=0;d<this.outputs.length;++d){var g=this.outputs[d];!g||g.type!==e.EVENT||a&&g.name!=a||this.triggerSlot(d,b)}}};u.prototype.triggerSlot=function(a,b,d){if(this.outputs&&
-(a=this.outputs[a])&&(a=a.links)&&a.length){this.graph&&(this.graph._last_trigger_time=e.getTime());for(var g=0;g<a.length;++g){var f=a[g];if(null==d||d==f){var E=this.graph.links[a[g]];if(E&&(E._last_time=e.getTime(),f=this.graph.getNodeById(E.target_id)))if(E=f.inputs[E.target_slot],f.mode===e.ON_TRIGGER){if(f.onExecute)f.onExecute(b)}else if(f.onAction)f.onAction(E.name,b)}}}};u.prototype.clearTriggeredSlot=function(a,b){if(this.outputs){var d=this.outputs[a];if(d&&(d=d.links)&&d.length)for(var g=
-0;g<d.length;++g){var f=d[g];if(null==b||b==f)if(f=this.graph.links[d[g]])f._last_time=0}}};u.prototype.setSize=function(a){this.size=a;if(this.onResize)this.onResize(this.size)};u.prototype.addProperty=function(a,b,d,g){d={name:a,type:d,default_value:b};if(g)for(var f in g)d[f]=g[f];this.properties_info||(this.properties_info=[]);this.properties_info.push(d);this.properties||(this.properties={});this.properties[a]=b;return d};u.prototype.addOutput=function(a,b,d){a={name:a,type:b,links:null};if(d)for(var g in d)a[g]=
-d[g];this.outputs||(this.outputs=[]);this.outputs.push(a);if(this.onOutputAdded)this.onOutputAdded(a);this.setSize(this.computeSize());this.setDirtyCanvas(!0,!0);return a};u.prototype.addOutputs=function(a){for(var b=0;b<a.length;++b){var d=a[b],g={name:d[0],type:d[1],link:null};if(a[2])for(var f in d[2])g[f]=d[2][f];this.outputs||(this.outputs=[]);this.outputs.push(g);if(this.onOutputAdded)this.onOutputAdded(g)}this.setSize(this.computeSize());this.setDirtyCanvas(!0,!0)};u.prototype.removeOutput=
-function(a){this.disconnectOutput(a);this.outputs.splice(a,1);for(var b=a;b<this.outputs.length;++b)if(this.outputs[b]&&this.outputs[b].links)for(var d=this.outputs[b].links,g=0;g<d.length;++g){var f=this.graph.links[d[g]];f&&(f.origin_slot-=1)}this.setSize(this.computeSize());if(this.onOutputRemoved)this.onOutputRemoved(a);this.setDirtyCanvas(!0,!0)};u.prototype.addInput=function(a,b,d){a={name:a,type:b||0,link:null};if(d)for(var g in d)a[g]=d[g];this.inputs||(this.inputs=[]);this.inputs.push(a);
-this.setSize(this.computeSize());if(this.onInputAdded)this.onInputAdded(a);this.setDirtyCanvas(!0,!0);return a};u.prototype.addInputs=function(a){for(var b=0;b<a.length;++b){var d=a[b],g={name:d[0],type:d[1],link:null};if(a[2])for(var f in d[2])g[f]=d[2][f];this.inputs||(this.inputs=[]);this.inputs.push(g);if(this.onInputAdded)this.onInputAdded(g)}this.setSize(this.computeSize());this.setDirtyCanvas(!0,!0)};u.prototype.removeInput=function(a){this.disconnectInput(a);for(var b=this.inputs.splice(a,
-1),d=a;d<this.inputs.length;++d)if(this.inputs[d]){var g=this.graph.links[this.inputs[d].link];g&&(g.target_slot-=1)}this.setSize(this.computeSize());if(this.onInputRemoved)this.onInputRemoved(a,b[0]);this.setDirtyCanvas(!0,!0)};u.prototype.addConnection=function(a,b,d,g){a={name:a,type:b,pos:d,direction:g,links:null};this.connections.push(a);return a};u.prototype.computeSize=function(a){function b(a){return a?g*a.length*0.6:0}if(this.constructor.size)return this.constructor.size.concat();var d=Math.max(this.inputs?
-this.inputs.length:1,this.outputs?this.outputs.length:1);a=a||new Float32Array([0,0]);var d=Math.max(d,1),g=e.NODE_TEXT_SIZE,f=b(this.title),E=0,m=0;if(this.inputs)for(var r=0,x=this.inputs.length;r<x;++r){var c=this.inputs[r],c=c.label||c.name||"",c=b(c);E<c&&(E=c)}if(this.outputs)for(r=0,x=this.outputs.length;r<x;++r)c=this.outputs[r],c=c.label||c.name||"",c=b(c),m<c&&(m=c);a[0]=Math.max(E+m+10,f);a[0]=Math.max(a[0],e.NODE_WIDTH);this.widgets&&this.widgets.length&&(a[0]=Math.max(a[0],1.5*e.NODE_WIDTH));
-a[1]=(this.constructor.slot_start_y||0)+d*e.NODE_SLOT_HEIGHT;d=0;if(this.widgets&&this.widgets.length){r=0;for(x=this.widgets.length;r<x;++r)d=this.widgets[r].computeSize?d+(this.widgets[r].computeSize(a[0])[1]+4):d+(e.NODE_WIDGET_HEIGHT+4);d+=8}a[1]=this.widgets_up?Math.max(a[1],d):null!=this.widgets_start_y?Math.max(a[1],d+this.widgets_start_y):a[1]+d;this.constructor.min_height&&a[1]<this.constructor.min_height&&(a[1]=this.constructor.min_height);a[1]+=6;return a};u.prototype.getPropertyInfo=function(a){var b=
-null;if(this.properties_info)for(var d=0;d<this.properties_info.length;++d)if(this.properties_info[d].name==a){b=this.properties_info[d];break}this.constructor["@"+a]&&(b=this.constructor["@"+a]);this.constructor.widgets_info&&this.constructor.widgets_info[a]&&(b=this.constructor.widgets_info[a]);!b&&this.onGetPropertyInfo&&(b=this.onGetPropertyInfo(a));b||(b={});b.type||(b.type=typeof this.properties[a]);"combo"==b.widget&&(b.type="enum");return b};u.prototype.addWidget=function(a,b,d,g,f){this.widgets||
-(this.widgets=[]);!f&&g&&g.constructor===Object&&(f=g,g=null);f&&f.constructor===String&&(f={property:f});g&&g.constructor===String&&(f||(f={}),f.property=g,g=null);g&&g.constructor!==Function&&(console.warn("addWidget: callback must be a function"),g=null);b={type:a.toLowerCase(),name:b,value:d,callback:g,options:f||{}};void 0!==b.options.y&&(b.y=b.options.y);g||b.options.callback||b.options.property||console.warn("LiteGraph addWidget(...) without a callback or property assigned");if("combo"==a&&
-!b.options.values)throw"LiteGraph addWidget('combo',...) requires to pass values in options: { values:['red','blue'] }";this.widgets.push(b);this.setSize(this.computeSize());return b};u.prototype.addCustomWidget=function(a){this.widgets||(this.widgets=[]);this.widgets.push(a);return a};u.prototype.getBounding=function(a){a=a||new Float32Array(4);a[0]=this.pos[0]-4;a[1]=this.pos[1]-e.NODE_TITLE_HEIGHT;a[2]=this.size[0]+4;a[3]=this.size[1]+e.NODE_TITLE_HEIGHT;if(this.onBounding)this.onBounding(a);return a};
-u.prototype.isPointInside=function(a,b,d,g){d=d||0;var f=this.graph&&this.graph.isLive()?0:e.NODE_TITLE_HEIGHT;g&&(f=0);if(this.flags&&this.flags.collapsed){if(y(a,b,this.pos[0]-d,this.pos[1]-e.NODE_TITLE_HEIGHT-d,(this._collapsed_width||e.NODE_COLLAPSED_WIDTH)+2*d,e.NODE_TITLE_HEIGHT+2*d))return!0}else if(this.pos[0]-4-d<a&&this.pos[0]+this.size[0]+4+d>a&&this.pos[1]-f-d<b&&this.pos[1]+this.size[1]+d>b)return!0;return!1};u.prototype.getSlotInPosition=function(a,b){var d=new Float32Array(2);if(this.inputs)for(var g=
-0,f=this.inputs.length;g<f;++g){var e=this.inputs[g];this.getConnectionPos(!0,g,d);if(y(a,b,d[0]-10,d[1]-5,20,10))return{input:e,slot:g,link_pos:d}}if(this.outputs)for(g=0,f=this.outputs.length;g<f;++g)if(e=this.outputs[g],this.getConnectionPos(!1,g,d),y(a,b,d[0]-10,d[1]-5,20,10))return{output:e,slot:g,link_pos:d};return null};u.prototype.findInputSlot=function(a){if(!this.inputs)return-1;for(var b=0,d=this.inputs.length;b<d;++b)if(a==this.inputs[b].name)return b;return-1};u.prototype.findOutputSlot=
-function(a){if(!this.outputs)return-1;for(var b=0,d=this.outputs.length;b<d;++b)if(a==this.outputs[b].name)return b;return-1};u.prototype.connect=function(a,b,d){d=d||0;if(!this.graph)return console.log("Connect: Error, node doesn't belong to any graph. Nodes must be added first to a graph before connecting them."),null;if(a.constructor===String){if(a=this.findOutputSlot(a),-1==a)return e.debug&&console.log("Connect: Error, no slot of name "+a),null}else if(!this.outputs||a>=this.outputs.length)return e.debug&&
-console.log("Connect: Error, slot number not found"),null;b&&b.constructor===Number&&(b=this.graph.getNodeById(b));if(!b)throw"target node is null";if(b==this)return null;if(d.constructor===String){if(d=b.findInputSlot(d),-1==d)return e.debug&&console.log("Connect: Error, no slot of name "+d),null}else{if(d===e.EVENT)return null;if(!b.inputs||d>=b.inputs.length)return e.debug&&console.log("Connect: Error, slot number not found"),null}var g=!1;null!=b.inputs[d].link&&(this.graph.beforeChange(),b.disconnectInput(d),
-g=!0);var f=this.outputs[a];if(b.onConnectInput&&!1===b.onConnectInput(d,f.type,f,this,a))return null;var c=b.inputs[d],m=null;if(!e.isValidConnection(f.type,c.type))return this.setDirtyCanvas(!1,!0),g&&this.graph.connectionChange(this,m),null;g||this.graph.beforeChange();m=new k(++this.graph.last_link_id,c.type,this.id,a,b.id,d);this.graph.links[m.id]=m;null==f.links&&(f.links=[]);f.links.push(m.id);b.inputs[d].link=m.id;this.graph&&this.graph._version++;if(this.onConnectionsChange)this.onConnectionsChange(e.OUTPUT,
-a,!0,m,f);if(b.onConnectionsChange)b.onConnectionsChange(e.INPUT,d,!0,m,c);this.graph&&this.graph.onNodeConnectionChange&&(this.graph.onNodeConnectionChange(e.INPUT,b,d,this,a),this.graph.onNodeConnectionChange(e.OUTPUT,this,a,b,d));this.setDirtyCanvas(!1,!0);this.graph.afterChange();this.graph.connectionChange(this,m);return m};u.prototype.disconnectOutput=function(a,b){if(a.constructor===String){if(a=this.findOutputSlot(a),-1==a)return e.debug&&console.log("Connect: Error, no slot of name "+a),
-!1}else if(!this.outputs||a>=this.outputs.length)return e.debug&&console.log("Connect: Error, slot number not found"),!1;var d=this.outputs[a];if(!d||!d.links||0==d.links.length)return!1;if(b){b.constructor===Number&&(b=this.graph.getNodeById(b));if(!b)throw"Target Node not found";for(var g=0,f=d.links.length;g<f;g++){var c=d.links[g],m=this.graph.links[c];if(m.target_id==b.id){d.links.splice(g,1);var r=b.inputs[m.target_slot];r.link=null;delete this.graph.links[c];this.graph&&this.graph._version++;
-if(b.onConnectionsChange)b.onConnectionsChange(e.INPUT,m.target_slot,!1,m,r);if(this.onConnectionsChange)this.onConnectionsChange(e.OUTPUT,a,!1,m,d);if(this.graph&&this.graph.onNodeConnectionChange)this.graph.onNodeConnectionChange(e.OUTPUT,this,a);this.graph&&this.graph.onNodeConnectionChange&&(this.graph.onNodeConnectionChange(e.OUTPUT,this,a),this.graph.onNodeConnectionChange(e.INPUT,b,m.target_slot));break}}}else{g=0;for(f=d.links.length;g<f;g++)if(c=d.links[g],m=this.graph.links[c]){b=this.graph.getNodeById(m.target_id);
-this.graph&&this.graph._version++;if(b){r=b.inputs[m.target_slot];r.link=null;if(b.onConnectionsChange)b.onConnectionsChange(e.INPUT,m.target_slot,!1,m,r);if(this.graph&&this.graph.onNodeConnectionChange)this.graph.onNodeConnectionChange(e.INPUT,b,m.target_slot)}delete this.graph.links[c];if(this.onConnectionsChange)this.onConnectionsChange(e.OUTPUT,a,!1,m,d);this.graph&&this.graph.onNodeConnectionChange&&(this.graph.onNodeConnectionChange(e.OUTPUT,this,a),this.graph.onNodeConnectionChange(e.INPUT,
-b,m.target_slot))}d.links=null}this.setDirtyCanvas(!1,!0);this.graph.connectionChange(this);return!0};u.prototype.disconnectInput=function(a){if(a.constructor===String){if(a=this.findInputSlot(a),-1==a)return e.debug&&console.log("Connect: Error, no slot of name "+a),!1}else if(!this.inputs||a>=this.inputs.length)return e.debug&&console.log("Connect: Error, slot number not found"),!1;var b=this.inputs[a];if(!b)return!1;var d=this.inputs[a].link;if(null!=d){this.inputs[a].link=null;var g=this.graph.links[d];
-if(g){var f=this.graph.getNodeById(g.origin_id);if(!f)return!1;var c=f.outputs[g.origin_slot];if(!c||!c.links||0==c.links.length)return!1;for(var m=0,r=c.links.length;m<r;m++)if(c.links[m]==d){c.links.splice(m,1);break}delete this.graph.links[d];this.graph&&this.graph._version++;if(this.onConnectionsChange)this.onConnectionsChange(e.INPUT,a,!1,g,b);if(f.onConnectionsChange)f.onConnectionsChange(e.OUTPUT,m,!1,g,c);this.graph&&this.graph.onNodeConnectionChange&&(this.graph.onNodeConnectionChange(e.OUTPUT,
-f,m),this.graph.onNodeConnectionChange(e.INPUT,this,a))}}this.setDirtyCanvas(!1,!0);this.graph&&this.graph.connectionChange(this);return!0};u.prototype.getConnectionPos=function(a,b,d){d=d||new Float32Array(2);var g=0;a&&this.inputs&&(g=this.inputs.length);!a&&this.outputs&&(g=this.outputs.length);var f=0.5*e.NODE_SLOT_HEIGHT;if(this.flags.collapsed)return b=this._collapsed_width||e.NODE_COLLAPSED_WIDTH,this.horizontal?(d[0]=this.pos[0]+0.5*b,d[1]=a?this.pos[1]-e.NODE_TITLE_HEIGHT:this.pos[1]):(d[0]=
-a?this.pos[0]:this.pos[0]+b,d[1]=this.pos[1]-0.5*e.NODE_TITLE_HEIGHT),d;if(a&&-1==b)return d[0]=this.pos[0]+0.5*e.NODE_TITLE_HEIGHT,d[1]=this.pos[1]+0.5*e.NODE_TITLE_HEIGHT,d;if(a&&g>b&&this.inputs[b].pos)return d[0]=this.pos[0]+this.inputs[b].pos[0],d[1]=this.pos[1]+this.inputs[b].pos[1],d;if(!a&&g>b&&this.outputs[b].pos)return d[0]=this.pos[0]+this.outputs[b].pos[0],d[1]=this.pos[1]+this.outputs[b].pos[1],d;if(this.horizontal)return d[0]=this.pos[0]+this.size[0]/g*(b+0.5),d[1]=a?this.pos[1]-e.NODE_TITLE_HEIGHT:
-this.pos[1]+this.size[1],d;d[0]=a?this.pos[0]+f:this.pos[0]+this.size[0]+1-f;d[1]=this.pos[1]+(b+0.7)*e.NODE_SLOT_HEIGHT+(this.constructor.slot_start_y||0);return d};u.prototype.alignToGrid=function(){this.pos[0]=e.CANVAS_GRID_SIZE*Math.round(this.pos[0]/e.CANVAS_GRID_SIZE);this.pos[1]=e.CANVAS_GRID_SIZE*Math.round(this.pos[1]/e.CANVAS_GRID_SIZE)};u.prototype.trace=function(a){this.console||(this.console=[]);this.console.push(a);this.console.length>u.MAX_CONSOLE&&this.console.shift();if(this.graph.onNodeTrace)this.graph.onNodeTrace(this,
-a)};u.prototype.setDirtyCanvas=function(a,b){this.graph&&this.graph.sendActionToCanvas("setDirty",[a,b])};u.prototype.loadImage=function(a){var b=new Image;b.src=e.node_images_path+a;b.ready=!1;var d=this;b.onload=function(){this.ready=!0;d.setDirtyCanvas(!0)};return b};u.prototype.captureInput=function(a){if(this.graph&&this.graph.list_of_graphcanvas)for(var b=this.graph.list_of_graphcanvas,d=0;d<b.length;++d){var g=b[d];if(a||g.node_capturing_input==this)g.node_capturing_input=a?this:null}};u.prototype.collapse=
-function(a){this.graph._version++;if(!1!==this.constructor.collapsable||a)this.flags.collapsed=this.flags.collapsed?!1:!0,this.setDirtyCanvas(!0,!0)};u.prototype.pin=function(a){this.graph._version++;this.flags.pinned=void 0===a?!this.flags.pinned:a};u.prototype.localToScreen=function(a,b,d){return[(a+this.pos[0])*d.scale+d.offset[0],(b+this.pos[1])*d.scale+d.offset[1]]};B.LGraphGroup=e.LGraphGroup=s;s.prototype._ctor=function(a){this.title=a||"Group";this.font_size=24;this.color=h.node_colors.pale_blue?
+for(var a=0;a<this.list_of_graphcanvas.length;++a)if(this.list_of_graphcanvas[a].live_mode)return!0;return!1};c.prototype.clearTriggeredSlots=function(){for(var a in this.links){var b=this.links[a];b&&b._last_time&&(b._last_time=0)}};c.prototype.change=function(){f.debug&&console.log("Graph changed");this.sendActionToCanvas("setDirty",[!0,!0]);if(this.on_change)this.on_change(this)};c.prototype.setDirtyCanvas=function(a,b){this.sendActionToCanvas("setDirty",[a,b])};c.prototype.removeLink=function(a){if(a=
+this.links[a]){var b=this.getNodeById(a.target_id);b&&b.disconnectInput(a.target_slot)}};c.prototype.serialize=function(){for(var a=[],b=0,d=this._nodes.length;b<d;++b)a.push(this._nodes[b].serialize());d=[];for(b in this.links){var g=this.links[b];if(!g.serialize){console.warn("weird LLink bug, link info is not a LLink but a regular object");var e=new k,y;for(y in g)e[y]=g[y];g=this.links[b]=e}d.push(g.serialize())}y=[];for(b=0;b<this._groups.length;++b)y.push(this._groups[b].serialize());a={last_node_id:this.last_node_id,
+last_link_id:this.last_link_id,nodes:a,links:d,groups:y,config:this.config,extra:this.extra,version:f.VERSION};if(this.onSerialize)this.onSerialize(a);return a};c.prototype.configure=function(a,b){if(a){b||this.clear();var d=a.nodes;if(a.links&&a.links.constructor===Array){for(var g=[],e=0;e<a.links.length;++e){var y=a.links[e];if(y){var m=new k;m.configure(y);g[m.id]=m}else console.warn("serialized graph link data contains errors, skipping.")}a.links=g}for(e in a)"nodes"!=e&&"groups"!=e&&(this[e]=
+a[e]);g=!1;this._nodes=[];if(d){e=0;for(y=d.length;e<y;++e){var m=d[e],q=f.createNode(m.type,m.title);q||(f.debug&&console.log("Node not found or has errors: "+m.type),q=new v,q.last_serialization=m,g=q.has_errors=!0);q.id=m.id;this.add(q,!0)}e=0;for(y=d.length;e<y;++e)m=d[e],(q=this.getNodeById(m.id))&&q.configure(m)}this._groups.length=0;if(a.groups)for(e=0;e<a.groups.length;++e)d=new f.LGraphGroup,d.configure(a.groups[e]),this.add(d);this.updateExecutionOrder();this.extra=a.extra||{};if(this.onConfigure)this.onConfigure(a);
+this._version++;this.setDirtyCanvas(!0,!0);return g}};c.prototype.load=function(a,b){var d=this;if(a.constructor===File||a.constructor===Blob){var g=new FileReader;g.addEventListener("load",function(a){a=JSON.parse(a.target.result);d.configure(a);b&&b()});g.readAsText(a)}else{var e=new XMLHttpRequest;e.open("GET",a,!0);e.send(null);e.onload=function(a){200!==e.status?console.error("Error loading graph:",e.status,e.response):(a=JSON.parse(e.response),d.configure(a),b&&b())};e.onerror=function(a){console.error("Error loading graph:",
+a)}}};c.prototype.onNodeTrace=function(a,b,d){};k.prototype.configure=function(a){a.constructor===Array?(this.id=a[0],this.origin_id=a[1],this.origin_slot=a[2],this.target_id=a[3],this.target_slot=a[4],this.type=a[5]):(this.id=a.id,this.type=a.type,this.origin_id=a.origin_id,this.origin_slot=a.origin_slot,this.target_id=a.target_id,this.target_slot=a.target_slot)};k.prototype.serialize=function(){return[this.id,this.origin_id,this.origin_slot,this.target_id,this.target_slot,this.type]};f.LLink=k;
+B.LGraphNode=f.LGraphNode=v;v.prototype._ctor=function(a){this.title=a||"Unnamed";this.size=[f.NODE_WIDTH,60];this.graph=null;this._pos=new Float32Array(10,10);Object.defineProperty(this,"pos",{set:function(a){!a||2>a.length||(this._pos[0]=a[0],this._pos[1]=a[1])},get:function(){return this._pos},enumerable:!0});this.id=-1;this.type=null;this.inputs=[];this.outputs=[];this.connections=[];this.properties={};this.properties_info=[];this.flags={}};v.prototype.configure=function(a){this.graph&&this.graph._version++;
+for(var b in a)if("properties"==b)for(var d in a.properties){if(this.properties[d]=a.properties[d],this.onPropertyChanged)this.onPropertyChanged(d,a.properties[d])}else null!=a[b]&&("object"==typeof a[b]?this[b]&&this[b].configure?this[b].configure(a[b]):this[b]=f.cloneObject(a[b],this[b]):this[b]=a[b]);a.title||(this.title=this.constructor.title);if(this.onConnectionsChange){if(this.inputs)for(d=0;d<this.inputs.length;++d){b=this.inputs[d];var g=this.graph?this.graph.links[b.link]:null;this.onConnectionsChange(f.INPUT,
+d,!0,g,b)}if(this.outputs)for(d=0;d<this.outputs.length;++d){var e=this.outputs[d];if(e.links)for(b=0;b<e.links.length;++b)g=this.graph?this.graph.links[e.links[b]]:null,this.onConnectionsChange(f.OUTPUT,d,!0,g,e)}}if(this.widgets){for(d=0;d<this.widgets.length;++d)(b=this.widgets[d])&&b.options&&b.options.property&&this.properties[b.options.property]&&(b.value=JSON.parse(JSON.stringify(this.properties[b.options.property])));if(a.widgets_values)for(d=0;d<a.widgets_values.length;++d)this.widgets[d]&&
+(this.widgets[d].value=a.widgets_values[d])}if(this.onConfigure)this.onConfigure(a)};v.prototype.serialize=function(){var a={id:this.id,type:this.type,pos:this.pos,size:this.size,flags:f.cloneObject(this.flags),order:this.order,mode:this.mode};if(this.constructor===v&&this.last_serialization)return this.last_serialization;this.inputs&&(a.inputs=this.inputs);if(this.outputs){for(var b=0;b<this.outputs.length;b++)delete this.outputs[b]._data;a.outputs=this.outputs}this.title&&this.title!=this.constructor.title&&
+(a.title=this.title);this.properties&&(a.properties=f.cloneObject(this.properties));if(this.widgets&&this.serialize_widgets)for(a.widgets_values=[],b=0;b<this.widgets.length;++b)a.widgets_values[b]=this.widgets[b]?this.widgets[b].value:null;a.type||(a.type=this.constructor.type);this.color&&(a.color=this.color);this.bgcolor&&(a.bgcolor=this.bgcolor);this.boxcolor&&(a.boxcolor=this.boxcolor);this.shape&&(a.shape=this.shape);this.onSerialize&&this.onSerialize(a)&&console.warn("node onSerialize shouldnt return anything, data should be stored in the object pass in the first parameter");
+return a};v.prototype.clone=function(){var a=f.createNode(this.type);if(!a)return null;var b=f.cloneObject(this.serialize());if(b.inputs)for(var d=0;d<b.inputs.length;++d)b.inputs[d].link=null;if(b.outputs)for(d=0;d<b.outputs.length;++d)b.outputs[d].links&&(b.outputs[d].links.length=0);delete b.id;a.configure(b);return a};v.prototype.toString=function(){return JSON.stringify(this.serialize())};v.prototype.getTitle=function(){return this.title||this.constructor.title};v.prototype.setProperty=function(a,
+b){this.properties||(this.properties={});if(b!==this.properties[a]){var d=this.properties[a];this.properties[a]=b;this.onPropertyChanged&&!1===this.onPropertyChanged(a,b,d)&&(this.properties[a]=d);if(this.widgets)for(d=0;d<this.widgets.length;++d){var g=this.widgets[d];if(g&&g.options.property==a){g.value=b;break}}}};v.prototype.setOutputData=function(a,b){if(this.outputs&&!(-1==a||a>=this.outputs.length)){var d=this.outputs[a];if(d&&(d._data=b,this.outputs[a].links))for(d=0;d<this.outputs[a].links.length;d++){var g=
+this.graph.links[this.outputs[a].links[d]];g&&(g.data=b)}}};v.prototype.setOutputDataType=function(a,b){if(this.outputs&&!(-1==a||a>=this.outputs.length)){var d=this.outputs[a];if(d&&(d.type=b,this.outputs[a].links))for(d=0;d<this.outputs[a].links.length;d++)this.graph.links[this.outputs[a].links[d]].type=b}};v.prototype.getInputData=function(a,b){if(this.inputs&&!(a>=this.inputs.length||null==this.inputs[a].link)){var d=this.graph.links[this.inputs[a].link];if(!d)return null;if(!b)return d.data;
+var g=this.graph.getNodeById(d.origin_id);if(!g)return d.data;if(g.updateOutputData)g.updateOutputData(d.origin_slot);else if(g.onExecute)g.onExecute();return d.data}};v.prototype.getInputDataType=function(a){if(!this.inputs||a>=this.inputs.length||null==this.inputs[a].link)return null;a=this.graph.links[this.inputs[a].link];if(!a)return null;var b=this.graph.getNodeById(a.origin_id);return b?(a=b.outputs[a.origin_slot])?a.type:null:a.type};v.prototype.getInputDataByName=function(a,b){var d=this.findInputSlot(a);
+return-1==d?null:this.getInputData(d,b)};v.prototype.isInputConnected=function(a){return this.inputs?a<this.inputs.length&&null!=this.inputs[a].link:!1};v.prototype.getInputInfo=function(a){return this.inputs?a<this.inputs.length?this.inputs[a]:null:null};v.prototype.getInputLink=function(a){return this.inputs?a<this.inputs.length?this.graph.links[this.inputs[a].link]:null:null};v.prototype.getInputNode=function(a){if(!this.inputs||a>=this.inputs.length)return null;a=this.inputs[a];return a&&null!==
+a.link?(a=this.graph.links[a.link])?this.graph.getNodeById(a.origin_id):null:null};v.prototype.getInputOrProperty=function(a){if(!this.inputs||!this.inputs.length)return this.properties?this.properties[a]:null;for(var b=0,d=this.inputs.length;b<d;++b){var g=this.inputs[b];if(a==g.name&&null!=g.link&&(g=this.graph.links[g.link]))return g.data}return this.properties[a]};v.prototype.getOutputData=function(a){return!this.outputs||a>=this.outputs.length?null:this.outputs[a]._data};v.prototype.getOutputInfo=
+function(a){return this.outputs?a<this.outputs.length?this.outputs[a]:null:null};v.prototype.isOutputConnected=function(a){return this.outputs?a<this.outputs.length&&this.outputs[a].links&&this.outputs[a].links.length:!1};v.prototype.isAnyOutputConnected=function(){if(!this.outputs)return!1;for(var a=0;a<this.outputs.length;++a)if(this.outputs[a].links&&this.outputs[a].links.length)return!0;return!1};v.prototype.getOutputNodes=function(a){if(!this.outputs||0==this.outputs.length||a>=this.outputs.length)return null;
+a=this.outputs[a];if(!a.links||0==a.links.length)return null;for(var b=[],d=0;d<a.links.length;d++){var g=this.graph.links[a.links[d]];g&&(g=this.graph.getNodeById(g.target_id))&&b.push(g)}return b};v.prototype.trigger=function(a,b){if(this.outputs&&this.outputs.length){this.graph&&(this.graph._last_trigger_time=f.getTime());for(var d=0;d<this.outputs.length;++d){var g=this.outputs[d];!g||g.type!==f.EVENT||a&&g.name!=a||this.triggerSlot(d,b)}}};v.prototype.triggerSlot=function(a,b,d){if(this.outputs&&
+(a=this.outputs[a])&&(a=a.links)&&a.length){this.graph&&(this.graph._last_trigger_time=f.getTime());for(var g=0;g<a.length;++g){var e=a[g];if(null==d||d==e){var y=this.graph.links[a[g]];if(y&&(y._last_time=f.getTime(),e=this.graph.getNodeById(y.target_id)))if(y=e.inputs[y.target_slot],e.mode===f.ON_TRIGGER){if(e.onExecute)e.onExecute(b)}else if(e.onAction)e.onAction(y.name,b)}}}};v.prototype.clearTriggeredSlot=function(a,b){if(this.outputs){var d=this.outputs[a];if(d&&(d=d.links)&&d.length)for(var g=
+0;g<d.length;++g){var e=d[g];if(null==b||b==e)if(e=this.graph.links[d[g]])e._last_time=0}}};v.prototype.setSize=function(a){this.size=a;if(this.onResize)this.onResize(this.size)};v.prototype.addProperty=function(a,b,d,g){d={name:a,type:d,default_value:b};if(g)for(var e in g)d[e]=g[e];this.properties_info||(this.properties_info=[]);this.properties_info.push(d);this.properties||(this.properties={});this.properties[a]=b;return d};v.prototype.addOutput=function(a,b,d){a={name:a,type:b,links:null};if(d)for(var g in d)a[g]=
+d[g];this.outputs||(this.outputs=[]);this.outputs.push(a);if(this.onOutputAdded)this.onOutputAdded(a);this.setSize(this.computeSize());this.setDirtyCanvas(!0,!0);return a};v.prototype.addOutputs=function(a){for(var b=0;b<a.length;++b){var d=a[b],g={name:d[0],type:d[1],link:null};if(a[2])for(var e in d[2])g[e]=d[2][e];this.outputs||(this.outputs=[]);this.outputs.push(g);if(this.onOutputAdded)this.onOutputAdded(g)}this.setSize(this.computeSize());this.setDirtyCanvas(!0,!0)};v.prototype.removeOutput=
+function(a){this.disconnectOutput(a);this.outputs.splice(a,1);for(var b=a;b<this.outputs.length;++b)if(this.outputs[b]&&this.outputs[b].links)for(var d=this.outputs[b].links,g=0;g<d.length;++g){var e=this.graph.links[d[g]];e&&(e.origin_slot-=1)}this.setSize(this.computeSize());if(this.onOutputRemoved)this.onOutputRemoved(a);this.setDirtyCanvas(!0,!0)};v.prototype.addInput=function(a,b,d){a={name:a,type:b||0,link:null};if(d)for(var g in d)a[g]=d[g];this.inputs||(this.inputs=[]);this.inputs.push(a);
+this.setSize(this.computeSize());if(this.onInputAdded)this.onInputAdded(a);this.setDirtyCanvas(!0,!0);return a};v.prototype.addInputs=function(a){for(var b=0;b<a.length;++b){var d=a[b],g={name:d[0],type:d[1],link:null};if(a[2])for(var e in d[2])g[e]=d[2][e];this.inputs||(this.inputs=[]);this.inputs.push(g);if(this.onInputAdded)this.onInputAdded(g)}this.setSize(this.computeSize());this.setDirtyCanvas(!0,!0)};v.prototype.removeInput=function(a){this.disconnectInput(a);for(var b=this.inputs.splice(a,
+1),d=a;d<this.inputs.length;++d)if(this.inputs[d]){var g=this.graph.links[this.inputs[d].link];g&&(g.target_slot-=1)}this.setSize(this.computeSize());if(this.onInputRemoved)this.onInputRemoved(a,b[0]);this.setDirtyCanvas(!0,!0)};v.prototype.addConnection=function(a,b,d,g){a={name:a,type:b,pos:d,direction:g,links:null};this.connections.push(a);return a};v.prototype.computeSize=function(a){function b(a){return a?g*a.length*0.6:0}if(this.constructor.size)return this.constructor.size.concat();var d=Math.max(this.inputs?
+this.inputs.length:1,this.outputs?this.outputs.length:1);a=a||new Float32Array([0,0]);var d=Math.max(d,1),g=f.NODE_TEXT_SIZE,e=b(this.title),y=0,m=0;if(this.inputs)for(var q=0,C=this.inputs.length;q<C;++q){var c=this.inputs[q],c=c.label||c.name||"",c=b(c);y<c&&(y=c)}if(this.outputs)for(q=0,C=this.outputs.length;q<C;++q)c=this.outputs[q],c=c.label||c.name||"",c=b(c),m<c&&(m=c);a[0]=Math.max(y+m+10,e);a[0]=Math.max(a[0],f.NODE_WIDTH);this.widgets&&this.widgets.length&&(a[0]=Math.max(a[0],1.5*f.NODE_WIDTH));
+a[1]=(this.constructor.slot_start_y||0)+d*f.NODE_SLOT_HEIGHT;d=0;if(this.widgets&&this.widgets.length){q=0;for(C=this.widgets.length;q<C;++q)d=this.widgets[q].computeSize?d+(this.widgets[q].computeSize(a[0])[1]+4):d+(f.NODE_WIDGET_HEIGHT+4);d+=8}a[1]=this.widgets_up?Math.max(a[1],d):null!=this.widgets_start_y?Math.max(a[1],d+this.widgets_start_y):a[1]+d;this.constructor.min_height&&a[1]<this.constructor.min_height&&(a[1]=this.constructor.min_height);a[1]+=6;return a};v.prototype.getPropertyInfo=function(a){var b=
+null;if(this.properties_info)for(var d=0;d<this.properties_info.length;++d)if(this.properties_info[d].name==a){b=this.properties_info[d];break}this.constructor["@"+a]&&(b=this.constructor["@"+a]);this.constructor.widgets_info&&this.constructor.widgets_info[a]&&(b=this.constructor.widgets_info[a]);!b&&this.onGetPropertyInfo&&(b=this.onGetPropertyInfo(a));b||(b={});b.type||(b.type=typeof this.properties[a]);"combo"==b.widget&&(b.type="enum");return b};v.prototype.addWidget=function(a,b,d,g,e){this.widgets||
+(this.widgets=[]);!e&&g&&g.constructor===Object&&(e=g,g=null);e&&e.constructor===String&&(e={property:e});g&&g.constructor===String&&(e||(e={}),e.property=g,g=null);g&&g.constructor!==Function&&(console.warn("addWidget: callback must be a function"),g=null);b={type:a.toLowerCase(),name:b,value:d,callback:g,options:e||{}};void 0!==b.options.y&&(b.y=b.options.y);g||b.options.callback||b.options.property||console.warn("LiteGraph addWidget(...) without a callback or property assigned");if("combo"==a&&
+!b.options.values)throw"LiteGraph addWidget('combo',...) requires to pass values in options: { values:['red','blue'] }";this.widgets.push(b);this.setSize(this.computeSize());return b};v.prototype.addCustomWidget=function(a){this.widgets||(this.widgets=[]);this.widgets.push(a);return a};v.prototype.getBounding=function(a){a=a||new Float32Array(4);a[0]=this.pos[0]-4;a[1]=this.pos[1]-f.NODE_TITLE_HEIGHT;a[2]=this.size[0]+4;a[3]=this.size[1]+f.NODE_TITLE_HEIGHT;if(this.onBounding)this.onBounding(a);return a};
+v.prototype.isPointInside=function(a,b,d,g){d=d||0;var e=this.graph&&this.graph.isLive()?0:f.NODE_TITLE_HEIGHT;g&&(e=0);if(this.flags&&this.flags.collapsed){if(z(a,b,this.pos[0]-d,this.pos[1]-f.NODE_TITLE_HEIGHT-d,(this._collapsed_width||f.NODE_COLLAPSED_WIDTH)+2*d,f.NODE_TITLE_HEIGHT+2*d))return!0}else if(this.pos[0]-4-d<a&&this.pos[0]+this.size[0]+4+d>a&&this.pos[1]-e-d<b&&this.pos[1]+this.size[1]+d>b)return!0;return!1};v.prototype.getSlotInPosition=function(a,b){var d=new Float32Array(2);if(this.inputs)for(var g=
+0,e=this.inputs.length;g<e;++g){var f=this.inputs[g];this.getConnectionPos(!0,g,d);if(z(a,b,d[0]-10,d[1]-5,20,10))return{input:f,slot:g,link_pos:d}}if(this.outputs)for(g=0,e=this.outputs.length;g<e;++g)if(f=this.outputs[g],this.getConnectionPos(!1,g,d),z(a,b,d[0]-10,d[1]-5,20,10))return{output:f,slot:g,link_pos:d};return null};v.prototype.findInputSlot=function(a){if(!this.inputs)return-1;for(var b=0,d=this.inputs.length;b<d;++b)if(a==this.inputs[b].name)return b;return-1};v.prototype.findOutputSlot=
+function(a){if(!this.outputs)return-1;for(var b=0,d=this.outputs.length;b<d;++b)if(a==this.outputs[b].name)return b;return-1};v.prototype.connect=function(a,b,d){d=d||0;if(!this.graph)return console.log("Connect: Error, node doesn't belong to any graph. Nodes must be added first to a graph before connecting them."),null;if(a.constructor===String){if(a=this.findOutputSlot(a),-1==a)return f.debug&&console.log("Connect: Error, no slot of name "+a),null}else if(!this.outputs||a>=this.outputs.length)return f.debug&&
+console.log("Connect: Error, slot number not found"),null;b&&b.constructor===Number&&(b=this.graph.getNodeById(b));if(!b)throw"target node is null";if(b==this)return null;if(d.constructor===String){if(d=b.findInputSlot(d),-1==d)return f.debug&&console.log("Connect: Error, no slot of name "+d),null}else{if(d===f.EVENT)return null;if(!b.inputs||d>=b.inputs.length)return f.debug&&console.log("Connect: Error, slot number not found"),null}var g=!1;null!=b.inputs[d].link&&(this.graph.beforeChange(),b.disconnectInput(d),
+g=!0);var e=this.outputs[a];if(b.onConnectInput&&!1===b.onConnectInput(d,e.type,e,this,a))return null;var y=b.inputs[d],m=null;if(!f.isValidConnection(e.type,y.type))return this.setDirtyCanvas(!1,!0),g&&this.graph.connectionChange(this,m),null;g||this.graph.beforeChange();m=new k(++this.graph.last_link_id,y.type,this.id,a,b.id,d);this.graph.links[m.id]=m;null==e.links&&(e.links=[]);e.links.push(m.id);b.inputs[d].link=m.id;this.graph&&this.graph._version++;if(this.onConnectionsChange)this.onConnectionsChange(f.OUTPUT,
+a,!0,m,e);if(b.onConnectionsChange)b.onConnectionsChange(f.INPUT,d,!0,m,y);this.graph&&this.graph.onNodeConnectionChange&&(this.graph.onNodeConnectionChange(f.INPUT,b,d,this,a),this.graph.onNodeConnectionChange(f.OUTPUT,this,a,b,d));this.setDirtyCanvas(!1,!0);this.graph.afterChange();this.graph.connectionChange(this,m);return m};v.prototype.disconnectOutput=function(a,b){if(a.constructor===String){if(a=this.findOutputSlot(a),-1==a)return f.debug&&console.log("Connect: Error, no slot of name "+a),
+!1}else if(!this.outputs||a>=this.outputs.length)return f.debug&&console.log("Connect: Error, slot number not found"),!1;var d=this.outputs[a];if(!d||!d.links||0==d.links.length)return!1;if(b){b.constructor===Number&&(b=this.graph.getNodeById(b));if(!b)throw"Target Node not found";for(var g=0,e=d.links.length;g<e;g++){var y=d.links[g],m=this.graph.links[y];if(m.target_id==b.id){d.links.splice(g,1);var q=b.inputs[m.target_slot];q.link=null;delete this.graph.links[y];this.graph&&this.graph._version++;
+if(b.onConnectionsChange)b.onConnectionsChange(f.INPUT,m.target_slot,!1,m,q);if(this.onConnectionsChange)this.onConnectionsChange(f.OUTPUT,a,!1,m,d);if(this.graph&&this.graph.onNodeConnectionChange)this.graph.onNodeConnectionChange(f.OUTPUT,this,a);this.graph&&this.graph.onNodeConnectionChange&&(this.graph.onNodeConnectionChange(f.OUTPUT,this,a),this.graph.onNodeConnectionChange(f.INPUT,b,m.target_slot));break}}}else{g=0;for(e=d.links.length;g<e;g++)if(y=d.links[g],m=this.graph.links[y]){b=this.graph.getNodeById(m.target_id);
+this.graph&&this.graph._version++;if(b){q=b.inputs[m.target_slot];q.link=null;if(b.onConnectionsChange)b.onConnectionsChange(f.INPUT,m.target_slot,!1,m,q);if(this.graph&&this.graph.onNodeConnectionChange)this.graph.onNodeConnectionChange(f.INPUT,b,m.target_slot)}delete this.graph.links[y];if(this.onConnectionsChange)this.onConnectionsChange(f.OUTPUT,a,!1,m,d);this.graph&&this.graph.onNodeConnectionChange&&(this.graph.onNodeConnectionChange(f.OUTPUT,this,a),this.graph.onNodeConnectionChange(f.INPUT,
+b,m.target_slot))}d.links=null}this.setDirtyCanvas(!1,!0);this.graph.connectionChange(this);return!0};v.prototype.disconnectInput=function(a){if(a.constructor===String){if(a=this.findInputSlot(a),-1==a)return f.debug&&console.log("Connect: Error, no slot of name "+a),!1}else if(!this.inputs||a>=this.inputs.length)return f.debug&&console.log("Connect: Error, slot number not found"),!1;var b=this.inputs[a];if(!b)return!1;var d=this.inputs[a].link;if(null!=d){this.inputs[a].link=null;var g=this.graph.links[d];
+if(g){var e=this.graph.getNodeById(g.origin_id);if(!e)return!1;var y=e.outputs[g.origin_slot];if(!y||!y.links||0==y.links.length)return!1;for(var m=0,q=y.links.length;m<q;m++)if(y.links[m]==d){y.links.splice(m,1);break}delete this.graph.links[d];this.graph&&this.graph._version++;if(this.onConnectionsChange)this.onConnectionsChange(f.INPUT,a,!1,g,b);if(e.onConnectionsChange)e.onConnectionsChange(f.OUTPUT,m,!1,g,y);this.graph&&this.graph.onNodeConnectionChange&&(this.graph.onNodeConnectionChange(f.OUTPUT,
+e,m),this.graph.onNodeConnectionChange(f.INPUT,this,a))}}this.setDirtyCanvas(!1,!0);this.graph&&this.graph.connectionChange(this);return!0};v.prototype.getConnectionPos=function(a,b,d){d=d||new Float32Array(2);var g=0;a&&this.inputs&&(g=this.inputs.length);!a&&this.outputs&&(g=this.outputs.length);var e=0.5*f.NODE_SLOT_HEIGHT;if(this.flags.collapsed)return b=this._collapsed_width||f.NODE_COLLAPSED_WIDTH,this.horizontal?(d[0]=this.pos[0]+0.5*b,d[1]=a?this.pos[1]-f.NODE_TITLE_HEIGHT:this.pos[1]):(d[0]=
+a?this.pos[0]:this.pos[0]+b,d[1]=this.pos[1]-0.5*f.NODE_TITLE_HEIGHT),d;if(a&&-1==b)return d[0]=this.pos[0]+0.5*f.NODE_TITLE_HEIGHT,d[1]=this.pos[1]+0.5*f.NODE_TITLE_HEIGHT,d;if(a&&g>b&&this.inputs[b].pos)return d[0]=this.pos[0]+this.inputs[b].pos[0],d[1]=this.pos[1]+this.inputs[b].pos[1],d;if(!a&&g>b&&this.outputs[b].pos)return d[0]=this.pos[0]+this.outputs[b].pos[0],d[1]=this.pos[1]+this.outputs[b].pos[1],d;if(this.horizontal)return d[0]=this.pos[0]+this.size[0]/g*(b+0.5),d[1]=a?this.pos[1]-f.NODE_TITLE_HEIGHT:
+this.pos[1]+this.size[1],d;d[0]=a?this.pos[0]+e:this.pos[0]+this.size[0]+1-e;d[1]=this.pos[1]+(b+0.7)*f.NODE_SLOT_HEIGHT+(this.constructor.slot_start_y||0);return d};v.prototype.alignToGrid=function(){this.pos[0]=f.CANVAS_GRID_SIZE*Math.round(this.pos[0]/f.CANVAS_GRID_SIZE);this.pos[1]=f.CANVAS_GRID_SIZE*Math.round(this.pos[1]/f.CANVAS_GRID_SIZE)};v.prototype.trace=function(a){this.console||(this.console=[]);this.console.push(a);this.console.length>v.MAX_CONSOLE&&this.console.shift();if(this.graph.onNodeTrace)this.graph.onNodeTrace(this,
+a)};v.prototype.setDirtyCanvas=function(a,b){this.graph&&this.graph.sendActionToCanvas("setDirty",[a,b])};v.prototype.loadImage=function(a){var b=new Image;b.src=f.node_images_path+a;b.ready=!1;var d=this;b.onload=function(){this.ready=!0;d.setDirtyCanvas(!0)};return b};v.prototype.captureInput=function(a){if(this.graph&&this.graph.list_of_graphcanvas)for(var b=this.graph.list_of_graphcanvas,d=0;d<b.length;++d){var g=b[d];if(a||g.node_capturing_input==this)g.node_capturing_input=a?this:null}};v.prototype.collapse=
+function(a){this.graph._version++;if(!1!==this.constructor.collapsable||a)this.flags.collapsed=this.flags.collapsed?!1:!0,this.setDirtyCanvas(!0,!0)};v.prototype.pin=function(a){this.graph._version++;this.flags.pinned=void 0===a?!this.flags.pinned:a};v.prototype.localToScreen=function(a,b,d){return[(a+this.pos[0])*d.scale+d.offset[0],(b+this.pos[1])*d.scale+d.offset[1]]};B.LGraphGroup=f.LGraphGroup=r;r.prototype._ctor=function(a){this.title=a||"Group";this.font_size=24;this.color=h.node_colors.pale_blue?
 h.node_colors.pale_blue.groupcolor:"#AAA";this._bounding=new Float32Array([10,10,140,80]);this._pos=this._bounding.subarray(0,2);this._size=this._bounding.subarray(2,4);this._nodes=[];this.graph=null;Object.defineProperty(this,"pos",{set:function(a){!a||2>a.length||(this._pos[0]=a[0],this._pos[1]=a[1])},get:function(){return this._pos},enumerable:!0});Object.defineProperty(this,"size",{set:function(a){!a||2>a.length||(this._size[0]=Math.max(140,a[0]),this._size[1]=Math.max(80,a[1]))},get:function(){return this._size},
-enumerable:!0})};s.prototype.configure=function(a){this.title=a.title;this._bounding.set(a.bounding);this.color=a.color;this.font=a.font};s.prototype.serialize=function(){var a=this._bounding;return{title:this.title,bounding:[Math.round(a[0]),Math.round(a[1]),Math.round(a[2]),Math.round(a[3])],color:this.color,font:this.font}};s.prototype.move=function(a,b,d){this._pos[0]+=a;this._pos[1]+=b;if(!d)for(d=0;d<this._nodes.length;++d){var g=this._nodes[d];g.pos[0]+=a;g.pos[1]+=b}};s.prototype.recomputeInsideNodes=
-function(){this._nodes.length=0;for(var a=this.graph._nodes,b=new Float32Array(4),d=0;d<a.length;++d){var g=a[d];g.getBounding(b);G(this._bounding,b)&&this._nodes.push(g)}};s.prototype.isPointInside=u.prototype.isPointInside;s.prototype.setDirtyCanvas=u.prototype.setDirtyCanvas;e.DragAndScale=t;t.prototype.bindEvents=function(a){this.last_mouse=new Float32Array(2);this._binded_mouse_callback=this.onMouse.bind(this);a.addEventListener("mousedown",this._binded_mouse_callback);a.addEventListener("mousemove",
-this._binded_mouse_callback);a.addEventListener("mousewheel",this._binded_mouse_callback,!1);a.addEventListener("wheel",this._binded_mouse_callback,!1)};t.prototype.computeVisibleArea=function(a){if(this.element){var b=this.element.width,d=this.element.height,g=-this.offset[0],f=-this.offset[1];a&&(g+=a[0]/this.scale,f+=a[1]/this.scale,b=a[2],d=a[3]);a=g+b/this.scale;d=f+d/this.scale;this.visible_area[0]=g;this.visible_area[1]=f;this.visible_area[2]=a-g;this.visible_area[3]=d-f}else this.visible_area[0]=
-this.visible_area[1]=this.visible_area[2]=this.visible_area[3]=0};t.prototype.onMouse=function(a){if(this.enabled){var b=this.element,d=b.getBoundingClientRect(),g=a.clientX-d.left,d=a.clientY-d.top;a.canvasx=g;a.canvasy=d;a.dragging=this.dragging;var f=!1;this.onmouse&&(f=this.onmouse(a));if("mousedown"==a.type)this.dragging=!0,b.removeEventListener("mousemove",this._binded_mouse_callback),document.body.addEventListener("mousemove",this._binded_mouse_callback),document.body.addEventListener("mouseup",
-this._binded_mouse_callback);else if("mousemove"==a.type)f||(b=g-this.last_mouse[0],f=d-this.last_mouse[1],this.dragging&&this.mouseDrag(b,f));else if("mouseup"==a.type)this.dragging=!1,document.body.removeEventListener("mousemove",this._binded_mouse_callback),document.body.removeEventListener("mouseup",this._binded_mouse_callback),b.addEventListener("mousemove",this._binded_mouse_callback);else if("mousewheel"==a.type||"wheel"==a.type||"DOMMouseScroll"==a.type)a.eventType="mousewheel",a.wheel="wheel"==
-a.type?-a.deltaY:null!=a.wheelDeltaY?a.wheelDeltaY:-60*a.detail,a.delta=a.wheelDelta?a.wheelDelta/40:a.deltaY?-a.deltaY/3:0,this.changeDeltaScale(1+0.05*a.delta);this.last_mouse[0]=g;this.last_mouse[1]=d;a.preventDefault();a.stopPropagation();return!1}};t.prototype.toCanvasContext=function(a){a.scale(this.scale,this.scale);a.translate(this.offset[0],this.offset[1])};t.prototype.convertOffsetToCanvas=function(a){return[(a[0]+this.offset[0])*this.scale,(a[1]+this.offset[1])*this.scale]};t.prototype.convertCanvasToOffset=
-function(a,b){b=b||[0,0];b[0]=a[0]/this.scale-this.offset[0];b[1]=a[1]/this.scale-this.offset[1];return b};t.prototype.mouseDrag=function(a,b){this.offset[0]+=a/this.scale;this.offset[1]+=b/this.scale;if(this.onredraw)this.onredraw(this)};t.prototype.changeScale=function(a,b){a<this.min_scale?a=this.min_scale:a>this.max_scale&&(a=this.max_scale);if(a!=this.scale&&this.element){var d=this.element.getBoundingClientRect();if(d){b=b||[0.5*d.width,0.5*d.height];d=this.convertCanvasToOffset(b);this.scale=
-a;0.01>Math.abs(this.scale-1)&&(this.scale=1);var g=this.convertCanvasToOffset(b),d=[g[0]-d[0],g[1]-d[1]];this.offset[0]+=d[0];this.offset[1]+=d[1];if(this.onredraw)this.onredraw(this)}}};t.prototype.changeDeltaScale=function(a,b){this.changeScale(this.scale*a,b)};t.prototype.reset=function(){this.scale=1;this.offset[0]=0;this.offset[1]=0};B.LGraphCanvas=e.LGraphCanvas=h;h.DEFAULT_BACKGROUND_IMAGE="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAIAAAD/gAIDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQBJREFUeNrs1rEKwjAUhlETUkj3vP9rdmr1Ysammk2w5wdxuLgcMHyptfawuZX4pJSWZTnfnu/lnIe/jNNxHHGNn//HNbbv+4dr6V+11uF527arU7+u63qfa/bnmh8sWLBgwYJlqRf8MEptXPBXJXa37BSl3ixYsGDBMliwFLyCV/DeLIMFCxYsWLBMwSt4Be/NggXLYMGCBUvBK3iNruC9WbBgwYJlsGApeAWv4L1ZBgsWLFiwYJmCV/AK3psFC5bBggULloJX8BpdwXuzYMGCBctgwVLwCl7Be7MMFixYsGDBsu8FH1FaSmExVfAxBa/gvVmwYMGCZbBg/W4vAQYA5tRF9QYlv/QAAAAASUVORK5CYII=";
-h.link_type_colors={"-1":e.EVENT_LINK_COLOR,number:"#AAA",node:"#DCA"};h.gradients={};h.prototype.clear=function(){this.fps=this.render_time=this.last_draw_time=this.frame=0;this.dragging_rectangle=null;this.selected_nodes={};this.selected_group=null;this.visible_nodes=[];this.connecting_node=this.node_capturing_input=this.node_over=this.node_dragged=null;this.highlighted_links={};this.dragging_canvas=!1;this.dirty_bgcanvas=this.dirty_canvas=!0;this.node_widget=this.node_in_panel=this.dirty_area=
-null;this.last_mouse=[0,0];this.last_mouseclick=0;this.visible_area.set([0,0,0,0]);if(this.onClear)this.onClear()};h.prototype.setGraph=function(a,b){this.graph!=a&&(b||this.clear(),!a&&this.graph?this.graph.detachCanvas(this):(a.attachCanvas(this),this._graph_stack&&(this._graph_stack=null),this.setDirty(!0,!0)))};h.prototype.getTopGraph=function(){return this._graph_stack.length?this._graph_stack[0]:this.graph};h.prototype.openSubgraph=function(a){if(!a)throw"graph cannot be null";if(this.graph==
-a)throw"graph cannot be the same";this.clear();this.graph&&(this._graph_stack||(this._graph_stack=[]),this._graph_stack.push(this.graph));a.attachCanvas(this);this.checkPanels();this.setDirty(!0,!0)};h.prototype.closeSubgraph=function(){if(this._graph_stack&&0!=this._graph_stack.length){var a=this.graph._subgraph_node,b=this._graph_stack.pop();this.selected_nodes={};this.highlighted_links={};b.attachCanvas(this);this.setDirty(!0,!0);a&&(this.centerOnNode(a),this.selectNodes([a]))}};h.prototype.getCurrentGraph=
-function(){return this.graph};h.prototype.setCanvas=function(a,b){if(a&&a.constructor===String&&(a=document.getElementById(a),!a))throw"Error creating LiteGraph canvas: Canvas not found";if(a!==this.canvas&&(!a&&this.canvas&&(b||this.unbindEvents()),this.canvas=a,this.ds.element=a)){a.className+=" lgraphcanvas";a.data=this;a.tabindex="1";this.bgcanvas=null;this.bgcanvas||(this.bgcanvas=document.createElement("canvas"),this.bgcanvas.width=this.canvas.width,this.bgcanvas.height=this.canvas.height);
-if(null==a.getContext){if("canvas"!=a.localName)throw"Element supplied for LGraphCanvas must be a <canvas> element, you passed a "+a.localName;throw"This browser doesn't support Canvas";}null==(this.ctx=a.getContext("2d"))&&(a.webgl_enabled||console.warn("This canvas seems to be WebGL, enabling WebGL renderer"),this.enableWebGL());this._mousemove_callback=this.processMouseMove.bind(this);this._mouseup_callback=this.processMouseUp.bind(this);b||this.bindEvents()}};h.prototype._doNothing=function(a){a.preventDefault();
-return!1};h.prototype._doReturnTrue=function(a){a.preventDefault();return!0};h.prototype.bindEvents=function(){if(this._events_binded)console.warn("LGraphCanvas: events already binded");else{var a=this.canvas,b=this.getCanvasWindow().document;this._mousedown_callback=this.processMouseDown.bind(this);this._mousewheel_callback=this.processMouseWheel.bind(this);a.addEventListener("mousedown",this._mousedown_callback,!0);a.addEventListener("mousemove",this._mousemove_callback);a.addEventListener("mousewheel",
-this._mousewheel_callback,!1);a.addEventListener("contextmenu",this._doNothing);a.addEventListener("DOMMouseScroll",this._mousewheel_callback,!1);a.addEventListener("touchstart",this.touchHandler,!0);a.addEventListener("touchmove",this.touchHandler,!0);a.addEventListener("touchend",this.touchHandler,!0);a.addEventListener("touchcancel",this.touchHandler,!0);this._key_callback=this.processKey.bind(this);a.addEventListener("keydown",this._key_callback,!0);b.addEventListener("keyup",this._key_callback,
-!0);this._ondrop_callback=this.processDrop.bind(this);a.addEventListener("dragover",this._doNothing,!1);a.addEventListener("dragend",this._doNothing,!1);a.addEventListener("drop",this._ondrop_callback,!1);a.addEventListener("dragenter",this._doReturnTrue,!1);this._events_binded=!0}};h.prototype.unbindEvents=function(){if(this._events_binded){var a=this.getCanvasWindow().document;this.canvas.removeEventListener("mousedown",this._mousedown_callback);this.canvas.removeEventListener("mousewheel",this._mousewheel_callback);
-this.canvas.removeEventListener("DOMMouseScroll",this._mousewheel_callback);this.canvas.removeEventListener("keydown",this._key_callback);a.removeEventListener("keyup",this._key_callback);this.canvas.removeEventListener("contextmenu",this._doNothing);this.canvas.removeEventListener("drop",this._ondrop_callback);this.canvas.removeEventListener("dragenter",this._doReturnTrue);this.canvas.removeEventListener("touchstart",this.touchHandler);this.canvas.removeEventListener("touchmove",this.touchHandler);
-this.canvas.removeEventListener("touchend",this.touchHandler);this.canvas.removeEventListener("touchcancel",this.touchHandler);this._ondrop_callback=this._key_callback=this._mousewheel_callback=this._mousedown_callback=null;this._events_binded=!1}else console.warn("LGraphCanvas: no events binded")};h.getFileExtension=function(a){var b=a.indexOf("?");-1!=b&&(a=a.substr(0,b));b=a.lastIndexOf(".");return-1==b?"":a.substr(b+1).toLowerCase()};h.prototype.enableWebGL=function(){if(void 0===typeof GL)throw"litegl.js must be included to use a WebGL canvas";
-if(void 0===typeof enableWebGLCanvas)throw"webglCanvas.js must be included to use this feature";this.gl=this.ctx=enableWebGLCanvas(this.canvas);this.ctx.webgl=!0;this.bgcanvas=this.canvas;this.bgctx=this.gl;this.canvas.webgl_enabled=!0};h.prototype.setDirty=function(a,b){a&&(this.dirty_canvas=!0);b&&(this.dirty_bgcanvas=!0)};h.prototype.getCanvasWindow=function(){if(!this.canvas)return window;var a=this.canvas.ownerDocument;return a.defaultView||a.parentWindow};h.prototype.startRendering=function(){function a(){this.pause_rendering||
-this.draw();var b=this.getCanvasWindow();this.is_rendering&&b.requestAnimationFrame(a.bind(this))}this.is_rendering||(this.is_rendering=!0,a.call(this))};h.prototype.stopRendering=function(){this.is_rendering=!1};h.prototype.blockClick=function(){this.block_click=!0;this.last_mouseclick=0};h.prototype.processMouseDown=function(a){this.set_canvas_dirty_on_mouse_event&&(this.dirty_canvas=!0);if(this.graph){this.adjustMouseEvent(a);var b=this.getCanvasWindow();h.active_canvas=this;var d=this;this.canvas.removeEventListener("mousemove",
-this._mousemove_callback);b.document.addEventListener("mousemove",this._mousemove_callback,!0);b.document.addEventListener("mouseup",this._mouseup_callback,!0);var g=this.graph.getNodeOnPos(a.canvasX,a.canvasY,this.visible_nodes,5),f=!1,c=300>e.getTime()-this.last_mouseclick;this.mouse[0]=a.localX;this.mouse[1]=a.localY;this.graph_mouse[0]=a.canvasX;this.graph_mouse[1]=a.canvasY;this.last_click_position=[this.mouse[0],this.mouse[1]];this.canvas.focus();e.closeAllContextMenus(b);if(!this.onMouse||
-!0!=this.onMouse(a)){if(1==a.which){a.ctrlKey&&(this.dragging_rectangle=new Float32Array(4),this.dragging_rectangle[0]=a.canvasX,this.dragging_rectangle[1]=a.canvasY,this.dragging_rectangle[2]=1,this.dragging_rectangle[3]=1,f=!0);var m=!1;if(g&&this.allow_interaction&&!f&&!this.read_only){this.live_mode||g.flags.pinned||this.bringToFront(g);if(!this.connecting_node&&!g.flags.collapsed&&!this.live_mode)if(!f&&!1!==g.resizable&&y(a.canvasX,a.canvasY,g.pos[0]+g.size[0]-5,g.pos[1]+g.size[1]-5,10,10))this.graph.beforeChange(),
-this.resizing_node=g,this.canvas.style.cursor="se-resize",f=!0;else{if(g.outputs)for(var r=0,x=g.outputs.length;r<x;++r){var l=g.outputs[r],q=g.getConnectionPos(!1,r);if(y(a.canvasX,a.canvasY,q[0]-15,q[1]-10,30,20)){this.connecting_node=g;this.connecting_output=l;this.connecting_pos=g.getConnectionPos(!1,r);this.connecting_slot=r;a.shiftKey&&g.disconnectOutput(r);if(c){if(g.onOutputDblClick)g.onOutputDblClick(r,a)}else if(g.onOutputClick)g.onOutputClick(r,a);f=!0;break}}if(g.inputs)for(r=0,x=g.inputs.length;r<
-x;++r)if(l=g.inputs[r],q=g.getConnectionPos(!0,r),y(a.canvasX,a.canvasY,q[0]-15,q[1]-10,30,20)){if(c){if(g.onInputDblClick)g.onInputDblClick(r,a)}else if(g.onInputClick)g.onInputClick(r,a);if(null!==l.link){f=this.graph.links[l.link];g.disconnectInput(r);if(this.allow_reconnect_links||a.shiftKey)this.connecting_node=this.graph._nodes_by_id[f.origin_id],this.connecting_slot=f.origin_slot,this.connecting_output=this.connecting_node.outputs[this.connecting_slot],this.connecting_pos=this.connecting_node.getConnectionPos(!1,
-this.connecting_slot);f=this.dirty_bgcanvas=!0}}}if(!f){r=!1;x=[a.canvasX-g.pos[0],a.canvasY-g.pos[1]];if(q=this.processNodeWidgets(g,this.graph_mouse,a))r=!0,this.node_widget=[g,q];if(c&&this.selected_nodes[g.id]){if(g.onDblClick)g.onDblClick(a,x,this);this.processNodeDblClicked(g);r=!0}g.onMouseDown&&g.onMouseDown(a,x,this)?r=!0:(g.subgraph&&!g.skip_subgraph_button&&!g.flags.collapsed&&x[0]>g.size[0]-e.NODE_TITLE_HEIGHT&&0>x[1]&&(d=this,setTimeout(function(){d.openSubgraph(g.subgraph)},10)),this.live_mode&&
-(r=m=!0));r||(this.allow_dragnodes&&(this.graph.beforeChange(),this.node_dragged=g),this.selected_nodes[g.id]||this.processNodeSelected(g,a));this.dirty_canvas=!0}}else{if(!this.read_only)for(r=0;r<this.visible_links.length;++r)if(m=this.visible_links[r],(x=m._pos)&&!(a.canvasX<x[0]-4||a.canvasX>x[0]+4||a.canvasY<x[1]-4||a.canvasY>x[1]+4)){this.showLinkMenu(m,a);this.over_link_center=null;break}this.selected_group=this.graph.getGroupOnPos(a.canvasX,a.canvasY);this.selected_group_resizing=!1;this.selected_group&&
-!this.read_only&&(a.ctrlKey&&(this.dragging_rectangle=null),10>C([a.canvasX,a.canvasY],[this.selected_group.pos[0]+this.selected_group.size[0],this.selected_group.pos[1]+this.selected_group.size[1]])*this.ds.scale?this.selected_group_resizing=!0:this.selected_group.recomputeInsideNodes());c&&!this.read_only&&this.allow_searchbox&&this.showSearchBox(a);m=!0}!f&&m&&this.allow_dragcanvas&&(this.dragging_canvas=!0)}else 2!=a.which&&3==a.which&&(this.read_only||this.processContextMenu(g,a));this.last_mouse[0]=
-a.localX;this.last_mouse[1]=a.localY;this.last_mouseclick=e.getTime();this.last_mouse_dragging=!0;this.graph.change();(!b.document.activeElement||"input"!=b.document.activeElement.nodeName.toLowerCase()&&"textarea"!=b.document.activeElement.nodeName.toLowerCase())&&a.preventDefault();a.stopPropagation();if(this.onMouseDown)this.onMouseDown(a);return!1}}};h.prototype.processMouseMove=function(a){this.autoresize&&this.resize();this.set_canvas_dirty_on_mouse_event&&(this.dirty_canvas=!0);if(this.graph){h.active_canvas=
-this;this.adjustMouseEvent(a);var b=[a.localX,a.localY];this.mouse[0]=b[0];this.mouse[1]=b[1];var d=[b[0]-this.last_mouse[0],b[1]-this.last_mouse[1]];this.last_mouse=b;this.graph_mouse[0]=a.canvasX;this.graph_mouse[1]=a.canvasY;if(this.block_click)return a.preventDefault(),!1;a.dragging=this.last_mouse_dragging;this.node_widget&&(this.processNodeWidgets(this.node_widget[0],this.graph_mouse,a,this.node_widget[1]),this.dirty_canvas=!0);if(this.dragging_rectangle)this.dragging_rectangle[2]=a.canvasX-
-this.dragging_rectangle[0],this.dragging_rectangle[3]=a.canvasY-this.dragging_rectangle[1],this.dirty_canvas=!0;else if(this.selected_group&&!this.read_only)this.selected_group_resizing?this.selected_group.size=[a.canvasX-this.selected_group.pos[0],a.canvasY-this.selected_group.pos[1]]:(this.selected_group.move(d[0]/this.ds.scale,d[1]/this.ds.scale,a.ctrlKey),this.selected_group._nodes.length&&(this.dirty_canvas=!0)),this.dirty_bgcanvas=!0;else if(this.dragging_canvas)this.ds.offset[0]+=d[0]/this.ds.scale,
-this.ds.offset[1]+=d[1]/this.ds.scale,this.dirty_bgcanvas=this.dirty_canvas=!0;else if(this.allow_interaction&&!this.read_only){this.connecting_node&&(this.dirty_canvas=!0);for(var g=this.graph.getNodeOnPos(a.canvasX,a.canvasY,this.visible_nodes),b=0,f=this.graph._nodes.length;b<f;++b)if(this.graph._nodes[b].mouseOver&&g!=this.graph._nodes[b]){this.graph._nodes[b].mouseOver=!1;if(this.node_over&&this.node_over.onMouseLeave)this.node_over.onMouseLeave(a);this.node_over=null;this.dirty_canvas=!0}if(g){g.redraw_on_mouse&&
-(this.dirty_canvas=!0);if(!g.mouseOver&&(g.mouseOver=!0,this.node_over=g,this.dirty_canvas=!0,g.onMouseEnter))g.onMouseEnter(a);if(g.onMouseMove)g.onMouseMove(a,[a.canvasX-g.pos[0],a.canvasY-g.pos[1]],this);if(this.connecting_node&&(f=this._highlight_input||[0,0],!this.isOverNodeBox(g,a.canvasX,a.canvasY))){var c=this.isOverNodeInput(g,a.canvasX,a.canvasY,f);-1!=c&&g.inputs[c]?e.isValidConnection(this.connecting_output.type,g.inputs[c].type)&&(this._highlight_input=f):this._highlight_input=null}this.canvas&&
-(y(a.canvasX,a.canvasY,g.pos[0]+g.size[0]-5,g.pos[1]+g.size[1]-5,5,5)?this.canvas.style.cursor="se-resize":this.canvas.style.cursor="crosshair")}else{f=null;for(b=0;b<this.visible_links.length;++b){var c=this.visible_links[b],m=c._pos;if(m&&!(a.canvasX<m[0]-4||a.canvasX>m[0]+4||a.canvasY<m[1]-4||a.canvasY>m[1]+4)){f=c;break}}f!=this.over_link_center&&(this.over_link_center=f,this.dirty_canvas=!0);this.canvas&&(this.canvas.style.cursor="")}if(this.node_capturing_input&&this.node_capturing_input!=g&&
-this.node_capturing_input.onMouseMove)this.node_capturing_input.onMouseMove(a,[a.canvasX-this.node_capturing_input.pos[0],a.canvasY-this.node_capturing_input.pos[1]],this);if(this.node_dragged&&!this.live_mode){for(b in this.selected_nodes)g=this.selected_nodes[b],g.pos[0]+=d[0]/this.ds.scale,g.pos[1]+=d[1]/this.ds.scale;this.dirty_bgcanvas=this.dirty_canvas=!0}this.resizing_node&&!this.live_mode&&(d=[a.canvasX-this.resizing_node.pos[0],a.canvasY-this.resizing_node.pos[1]],b=this.resizing_node.computeSize(),
-d[0]=Math.max(b[0],d[0]),d[1]=Math.max(b[1],d[1]),this.resizing_node.setSize(d),this.canvas.style.cursor="se-resize",this.dirty_bgcanvas=this.dirty_canvas=!0)}a.preventDefault();return!1}};h.prototype.processMouseUp=function(a){this.set_canvas_dirty_on_mouse_event&&(this.dirty_canvas=!0);if(this.graph){var b=this.getCanvasWindow().document;h.active_canvas=this;b.removeEventListener("mousemove",this._mousemove_callback,!0);this.canvas.addEventListener("mousemove",this._mousemove_callback,!0);b.removeEventListener("mouseup",
-this._mouseup_callback,!0);this.adjustMouseEvent(a);b=e.getTime();a.click_time=b-this.last_mouseclick;this.last_mouse_dragging=!1;this.last_click_position=null;this.block_click&&(console.log("foo"),this.block_click=!1);if(1==a.which){this.node_widget&&this.processNodeWidgets(this.node_widget[0],this.graph_mouse,a);this.node_widget=null;if(this.selected_group){var b=this.selected_group.pos[0]-Math.round(this.selected_group.pos[0]),d=this.selected_group.pos[1]-Math.round(this.selected_group.pos[1]);
-this.selected_group.move(b,d,a.ctrlKey);this.selected_group.pos[0]=Math.round(this.selected_group.pos[0]);this.selected_group.pos[1]=Math.round(this.selected_group.pos[1]);this.selected_group._nodes.length&&(this.dirty_canvas=!0);this.selected_group=null}this.selected_group_resizing=!1;if(this.dragging_rectangle){if(this.graph){b=this.graph._nodes;d=new Float32Array(4);this.deselectAllNodes();var g=Math.abs(this.dragging_rectangle[2]),f=Math.abs(this.dragging_rectangle[3]),c=0>this.dragging_rectangle[3]?
-this.dragging_rectangle[1]-f:this.dragging_rectangle[1];this.dragging_rectangle[0]=0>this.dragging_rectangle[2]?this.dragging_rectangle[0]-g:this.dragging_rectangle[0];this.dragging_rectangle[1]=c;this.dragging_rectangle[2]=g;this.dragging_rectangle[3]=f;f=[];for(c=0;c<b.length;++c)g=b[c],g.getBounding(d),G(this.dragging_rectangle,d)&&f.push(g);f.length&&this.selectNodes(f)}this.dragging_rectangle=null}else if(this.connecting_node){this.dirty_bgcanvas=this.dirty_canvas=!0;if(g=this.graph.getNodeOnPos(a.canvasX,
-a.canvasY,this.visible_nodes))this.connecting_output.type==e.EVENT&&this.isOverNodeBox(g,a.canvasX,a.canvasY)?this.connecting_node.connect(this.connecting_slot,g,e.EVENT):(b=this.isOverNodeInput(g,a.canvasX,a.canvasY),-1!=b?this.connecting_node.connect(this.connecting_slot,g,b):(b=g.getInputInfo(0),this.connecting_output.type==e.EVENT?this.connecting_node.connect(this.connecting_slot,g,e.EVENT):b&&!b.link&&e.isValidConnection(b.type&&this.connecting_output.type)&&this.connecting_node.connect(this.connecting_slot,
-g,0)));this.connecting_node=this.connecting_pos=this.connecting_output=null;this.connecting_slot=-1}else if(this.resizing_node)this.dirty_bgcanvas=this.dirty_canvas=!0,this.graph.afterChange(this.resizing_node),this.resizing_node=null;else if(this.node_dragged){(g=this.node_dragged)&&300>a.click_time&&y(a.canvasX,a.canvasY,g.pos[0],g.pos[1]-e.NODE_TITLE_HEIGHT,e.NODE_TITLE_HEIGHT,e.NODE_TITLE_HEIGHT)&&g.collapse();this.dirty_bgcanvas=this.dirty_canvas=!0;this.node_dragged.pos[0]=Math.round(this.node_dragged.pos[0]);
-this.node_dragged.pos[1]=Math.round(this.node_dragged.pos[1]);(this.graph.config.align_to_grid||this.align_to_grid)&&this.node_dragged.alignToGrid();if(this.onNodeMoved)this.onNodeMoved(this.node_dragged);this.graph.afterChange(this.node_dragged);this.node_dragged=null}else{g=this.graph.getNodeOnPos(a.canvasX,a.canvasY,this.visible_nodes);!g&&300>a.click_time&&this.deselectAllNodes();this.dirty_canvas=!0;this.dragging_canvas=!1;if(this.node_over&&this.node_over.onMouseUp)this.node_over.onMouseUp(a,
-[a.canvasX-this.node_over.pos[0],a.canvasY-this.node_over.pos[1]],this);if(this.node_capturing_input&&this.node_capturing_input.onMouseUp)this.node_capturing_input.onMouseUp(a,[a.canvasX-this.node_capturing_input.pos[0],a.canvasY-this.node_capturing_input.pos[1]])}}else 2==a.which?(this.dirty_canvas=!0,this.dragging_canvas=!1):3==a.which&&(this.dirty_canvas=!0,this.dragging_canvas=!1);this.graph.change();a.stopPropagation();a.preventDefault();return!1}};h.prototype.processMouseWheel=function(a){if(this.graph&&
-this.allow_dragcanvas){var b=null!=a.wheelDeltaY?a.wheelDeltaY:-60*a.detail;this.adjustMouseEvent(a);var d=this.ds.scale;0<b?d*=1.1:0>b&&(d*=1/1.1);this.ds.changeScale(d,[a.localX,a.localY]);this.graph.change();a.preventDefault();return!1}};h.prototype.isOverNodeBox=function(a,b,d){var g=e.NODE_TITLE_HEIGHT;return y(b,d,a.pos[0]+2,a.pos[1]+2-g,g-4,g-4)?!0:!1};h.prototype.isOverNodeInput=function(a,b,d,g){if(a.inputs)for(var f=0,e=a.inputs.length;f<e;++f){var m=a.getConnectionPos(!0,f),r=!1;if(r=a.horizontal?
-y(b,d,m[0]-5,m[1]-10,10,20):y(b,d,m[0]-10,m[1]-5,40,10))return g&&(g[0]=m[0],g[1]=m[1]),f}return-1};h.prototype.processKey=function(a){if(this.graph){var b=!1;if("input"!=a.target.localName){if("keydown"==a.type){if(32==a.keyCode&&(b=this.dragging_canvas=!0),65==a.keyCode&&a.ctrlKey&&(this.selectNodes(),b=!0),"KeyC"==a.code&&(a.metaKey||a.ctrlKey)&&!a.shiftKey&&this.selected_nodes&&(this.copyToClipboard(),b=!0),"KeyV"!=a.code||!a.metaKey&&!a.ctrlKey||a.shiftKey||this.pasteFromClipboard(),46!=a.keyCode&&
-8!=a.keyCode||"input"==a.target.localName||"textarea"==a.target.localName||(this.deleteSelectedNodes(),b=!0),this.selected_nodes)for(var d in this.selected_nodes)if(this.selected_nodes[d].onKeyDown)this.selected_nodes[d].onKeyDown(a)}else if("keyup"==a.type&&(32==a.keyCode&&(this.dragging_canvas=!1),this.selected_nodes))for(d in this.selected_nodes)if(this.selected_nodes[d].onKeyUp)this.selected_nodes[d].onKeyUp(a);this.graph.change();if(b)return a.preventDefault(),a.stopImmediatePropagation(),!1}}};
-h.prototype.copyToClipboard=function(){var a={nodes:[],links:[]},b=0,d=[],g;for(g in this.selected_nodes){var f=this.selected_nodes[g];f._relative_id=b;d.push(f);b+=1}for(g=0;g<d.length;++g)if(f=d[g],b=f.clone()){if(a.nodes.push(b.serialize()),f.inputs&&f.inputs.length)for(b=0;b<f.inputs.length;++b){var e=f.inputs[b];if(e&&null!=e.link&&(e=this.graph.links[e.link])){var m=this.graph.getNodeById(e.origin_id);m&&this.selected_nodes[m.id]&&a.links.push([m._relative_id,e.origin_slot,f._relative_id,e.target_slot])}}}else console.warn("node type not found: "+
-f.type);localStorage.setItem("litegrapheditor_clipboard",JSON.stringify(a))};h.prototype.pasteFromClipboard=function(){var a=localStorage.getItem("litegrapheditor_clipboard");if(a){this.graph.beforeChange();for(var a=JSON.parse(a),b=[],d=0;d<a.nodes.length;++d){var g=a.nodes[d],f=e.createNode(g.type);f&&(f.configure(g),f.pos[0]+=5,f.pos[1]+=5,this.graph.add(f),b.push(f))}for(d=0;d<a.links.length;++d){var g=a.links[d],f=b[g[0]],c=b[g[2]];f&&c?f.connect(g[1],c,g[3]):console.warn("Warning, nodes missing on pasting")}this.selectNodes(b);
-this.graph.afterChange()}};h.prototype.processDrop=function(a){a.preventDefault();this.adjustMouseEvent(a);var b=[a.canvasX,a.canvasY],d=this.graph?this.graph.getNodeOnPos(b[0],b[1]):null;if(d){if((d.onDropFile||d.onDropData)&&(b=a.dataTransfer.files)&&b.length)for(var g=0;g<b.length;g++){var f=a.dataTransfer.files[0],e=f.name;h.getFileExtension(e);if(d.onDropFile)d.onDropFile(f);if(d.onDropData){var m=new FileReader;m.onload=function(a){d.onDropData(a.target.result,e,f)};var r=f.type.split("/")[0];
-"text"==r||""==r?m.readAsText(f):"image"==r?m.readAsDataURL(f):m.readAsArrayBuffer(f)}}return d.onDropItem&&d.onDropItem(event)?!0:this.onDropItem?this.onDropItem(event):!1}b=null;this.onDropItem&&(b=this.onDropItem(event));b||this.checkDropItem(a)};h.prototype.checkDropItem=function(a){if(a.dataTransfer.files.length){var b=a.dataTransfer.files[0],d=h.getFileExtension(b.name).toLowerCase();if(d=e.node_types_by_file_extension[d]){this.graph.beforeChange();d=e.createNode(d.type);d.pos=[a.canvasX,a.canvasY];
-this.graph.add(d);if(d.onDropFile)d.onDropFile(b);this.graph.afterChange()}}};h.prototype.processNodeDblClicked=function(a){if(this.onShowNodePanel)this.onShowNodePanel(a);else this.showShowNodePanel(a);if(this.onNodeDblClicked)this.onNodeDblClicked(a);this.setDirty(!0)};h.prototype.processNodeSelected=function(a,b){this.selectNode(a,b&&b.shiftKey);if(this.onNodeSelected)this.onNodeSelected(a)};h.prototype.selectNode=function(a,b){null==a?this.deselectAllNodes():this.selectNodes([a],b)};h.prototype.selectNodes=
-function(a,b){b||this.deselectAllNodes();a=a||this.graph._nodes;for(var d=0;d<a.length;++d){var g=a[d];if(!g.is_selected){if(!g.is_selected&&g.onSelected)g.onSelected();g.is_selected=!0;this.selected_nodes[g.id]=g;if(g.inputs)for(var f=0;f<g.inputs.length;++f)this.highlighted_links[g.inputs[f].link]=!0;if(g.outputs)for(f=0;f<g.outputs.length;++f){var e=g.outputs[f];if(e.links)for(var m=0;m<e.links.length;++m)this.highlighted_links[e.links[m]]=!0}}}if(this.onSelectionChange)this.onSelectionChange(this.selected_nodes);
-this.setDirty(!0)};h.prototype.deselectNode=function(a){if(a.is_selected){if(a.onDeselected)a.onDeselected();a.is_selected=!1;if(this.onNodeDeselected)this.onNodeDeselected(a);if(a.inputs)for(var b=0;b<a.inputs.length;++b)delete this.highlighted_links[a.inputs[b].link];if(a.outputs)for(b=0;b<a.outputs.length;++b){var d=a.outputs[b];if(d.links)for(var g=0;g<d.links.length;++g)delete this.highlighted_links[d.links[g]]}}};h.prototype.deselectAllNodes=function(){if(this.graph){for(var a=this.graph._nodes,
-b=0,d=a.length;b<d;++b){var g=a[b];if(g.is_selected){if(g.onDeselected)g.onDeselected();g.is_selected=!1;if(this.onNodeDeselected)this.onNodeDeselected(g)}}this.selected_nodes={};this.current_node=null;this.highlighted_links={};if(this.onSelectionChange)this.onSelectionChange(this.selected_nodes);this.setDirty(!0)}};h.prototype.deleteSelectedNodes=function(){this.graph.beforeChange();for(var a in this.selected_nodes){var b=this.selected_nodes[a];if(!b.block_delete){if(b.inputs&&b.inputs.length&&b.outputs&&
-b.outputs.length&&e.isValidConnection(b.inputs[0].type,b.outputs[0].type)&&b.inputs[0].link&&b.outputs[0].links&&b.outputs[0].links.length){var d=b.graph.links[b.inputs[0].link],g=b.graph.links[b.outputs[0].links[0]],f=b.getInputNode(0),c=b.getOutputNodes(0)[0];f&&c&&f.connect(d.origin_slot,c,g.target_slot)}this.graph.remove(b);if(this.onNodeDeselected)this.onNodeDeselected(b)}}this.selected_nodes={};this.current_node=null;this.highlighted_links={};this.setDirty(!0);this.graph.afterChange()};h.prototype.centerOnNode=
-function(a){this.ds.offset[0]=-a.pos[0]-0.5*a.size[0]+0.5*this.canvas.width/this.ds.scale;this.ds.offset[1]=-a.pos[1]-0.5*a.size[1]+0.5*this.canvas.height/this.ds.scale;this.setDirty(!0,!0)};h.prototype.adjustMouseEvent=function(a){if(this.canvas){var b=this.canvas.getBoundingClientRect();a.localX=a.clientX-b.left;a.localY=a.clientY-b.top}else a.localX=a.clientX,a.localY=a.clientY;a.deltaX=a.localX-this.last_mouse_position[0];a.deltaY=a.localY-this.last_mouse_position[1];this.last_mouse_position[0]=
-a.localX;this.last_mouse_position[1]=a.localY;a.canvasX=a.localX/this.ds.scale-this.ds.offset[0];a.canvasY=a.localY/this.ds.scale-this.ds.offset[1]};h.prototype.setZoom=function(a,b){this.ds.changeScale(a,b);this.dirty_bgcanvas=this.dirty_canvas=!0};h.prototype.convertOffsetToCanvas=function(a,b){return this.ds.convertOffsetToCanvas(a,b)};h.prototype.convertCanvasToOffset=function(a,b){return this.ds.convertCanvasToOffset(a,b)};h.prototype.convertEventToCanvasOffset=function(a){var b=this.canvas.getBoundingClientRect();
-return this.convertCanvasToOffset([a.clientX-b.left,a.clientY-b.top])};h.prototype.bringToFront=function(a){var b=this.graph._nodes.indexOf(a);-1!=b&&(this.graph._nodes.splice(b,1),this.graph._nodes.push(a))};h.prototype.sendToBack=function(a){var b=this.graph._nodes.indexOf(a);-1!=b&&(this.graph._nodes.splice(b,1),this.graph._nodes.unshift(a))};var q=new Float32Array(4);h.prototype.computeVisibleNodes=function(a,b){var d=b||[];d.length=0;a=a||this.graph._nodes;for(var g=0,f=a.length;g<f;++g){var e=
-a[g];(!this.live_mode||e.onDrawBackground||e.onDrawForeground)&&G(this.visible_area,e.getBounding(q))&&d.push(e)}return d};h.prototype.draw=function(a,b){if(this.canvas&&0!=this.canvas.width&&0!=this.canvas.height){var d=e.getTime();this.render_time=0.001*(d-this.last_draw_time);this.last_draw_time=d;this.graph&&this.ds.computeVisibleArea(this.viewport);(this.dirty_bgcanvas||b||this.always_render_background||this.graph&&this.graph._last_trigger_time&&1E3>d-this.graph._last_trigger_time)&&this.drawBackCanvas();
-(this.dirty_canvas||a)&&this.drawFrontCanvas();this.fps=this.render_time?1/this.render_time:0;this.frame+=1}};h.prototype.drawFrontCanvas=function(){this.dirty_canvas=!1;this.ctx||(this.ctx=this.bgcanvas.getContext("2d"));var a=this.ctx;if(a){a.start2D&&a.start2D();var b=this.canvas;a.restore();a.setTransform(1,0,0,1,0,0);var d=this.viewport||this.dirty_area;d&&(a.save(),a.beginPath(),a.rect(d[0],d[1],d[2],d[3]),a.clip());this.clear_background&&a.clearRect(0,0,b.width,b.height);this.bgcanvas==this.canvas?
-this.drawBackCanvas():a.drawImage(this.bgcanvas,0,0);if(this.onRender)this.onRender(b,a);this.show_info&&this.renderInfo(a,d?d[0]:0,d?d[1]:0);if(this.graph){a.save();this.ds.toCanvasContext(a);for(var b=this.computeVisibleNodes(null,this.visible_nodes),g=0;g<b.length;++g){var f=b[g];a.save();a.translate(f.pos[0],f.pos[1]);this.drawNode(f,a);a.restore()}this.render_execution_order&&this.drawExecutionOrder(a);this.graph.config.links_ontop&&(this.live_mode||this.drawConnections(a));if(null!=this.connecting_pos){a.lineWidth=
-this.connections_width;b=null;switch(this.connecting_output.type){case e.EVENT:b=e.EVENT_LINK_COLOR;break;default:b=e.CONNECTING_LINK_COLOR}this.renderLink(a,this.connecting_pos,[this.graph_mouse[0],this.graph_mouse[1]],null,!1,null,b,this.connecting_output.dir||(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+0.5,this.connecting_pos[1]-5+0.5,14,10):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(),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()}};h.prototype.drawSubgraphPanel=function(a){var b=this.graph,d=b._subgraph_node;if(d){var g=d.inputs?d.inputs.length:0,f=Math.floor(1.6*e.NODE_SLOT_HEIGHT);a.fillStyle="#111";a.globalAlpha=0.8;a.beginPath();a.roundRect(10,10,300,(g+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{g=50;a.font="20px Arial";if(d.inputs)for(var c=0;c<d.inputs.length;++c){var m=d.inputs[c];if(!m.not_subgraph_input){if(this.drawButton(20,g+2,280,f-2)){var r=d.constructor.input_node_type||"graph/input";this.graph.beforeChange();var x=e.createNode(r);x?(b.add(x),this.block_click=!1,this.last_click_position=null,this.selectNodes([x]),
-this.node_dragged=x,this.dragging_canvas=!1,x.setProperty("name",m.name),x.setProperty("type",m.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:",r)}a.fillStyle="#9C9";a.beginPath();a.arc(284,g+0.5*f,5,0,2*Math.PI);a.fill();a.fillStyle="#AAA";a.fillText(m.name,50,g+0.75*f);r=a.measureText(m.name);a.fillStyle="#777";a.fillText(m.type,50+r.width+10,g+0.75*f);g+=f}}this.drawButton(20,
-g+2,280,f-2,"+","#151515","#222")&&this.showSubgraphPropertiesDialog(d)}}else console.warn("subgraph without subnode")};h.prototype.drawButton=function(a,b,d,g,f,c,m,r){var x=this.ctx;c=c||e.NODE_DEFAULT_COLOR;m=m||"#555";r=r||e.NODE_TEXT_COLOR;var l=this.mouse,q=e.isInsideRectangle(l[0],l[1],a,b,d,g),l=(l=this.last_click_position)&&e.isInsideRectangle(l[0],l[1],a,b,d,g);x.fillStyle=q?m:c;l&&(x.fillStyle="#AAA");x.beginPath();x.roundRect(a,b,d,g,4);x.fill();null!=f&&f.constructor==String&&(x.fillStyle=
-r,x.textAlign="center",x.font=(0.65*g|0)+"px Arial",x.fillText(f,a+0.5*d,b+0.75*g),x.textAlign="left");a=l&&!this.block_click;l&&this.blockClick();return a};h.prototype.isAreaClicked=function(a,b,d,g,f){var c=this.mouse;e.isInsideRectangle(c[0],c[1],a,b,d,g);b=(a=(c=this.last_click_position)&&e.isInsideRectangle(c[0],c[1],a,b,d,g))&&!this.block_click;a&&f&&this.blockClick();return b};h.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";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 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 g="",f=1;f<this._graph_stack.length;++f)g+=
-this._graph_stack[f]._subgraph_node.getTitle()+" >> ";b.fillText(g+d.getTitle(),0.5*a.width,40);b.restore()}d=!1;this.onRenderBackground&&(d=this.onRenderBackground(a,b));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&&0.5<this.ds.scale&&!d){b.globalAlpha=this.zoom_modify_alpha?(1-0.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 H=new Float32Array(2);h.prototype.drawNode=function(a,b){this.current_node=a;var d=a.color||a.constructor.color||e.NODE_DEFAULT_COLOR,g=a.bgcolor||a.constructor.bgcolor||e.NODE_DEFAULT_BGCOLOR,f=0.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||!0!=a.onDrawCollapsed(b,this)){var m=a._shape||e.BOX_SHAPE;H.set(a.size);var r=a.horizontal;if(a.flags.collapsed){b.font=this.inner_text_font;
-var x=a.getTitle?a.getTitle():a.title;null!=x&&(a._collapsed_width=Math.min(a.size[0],b.measureText(x).width+2*e.NODE_TITLE_HEIGHT),H[0]=a._collapsed_width,H[1]=0)}a.clip_area&&(b.save(),b.beginPath(),m==e.BOX_SHAPE?b.rect(0,0,H[0],H[1]):m==e.ROUND_SHAPE?b.roundRect(0,0,H[0],H[1],10):m==e.CIRCLE_SHAPE&&b.arc(0.5*H[0],0.5*H[1],0.5*H[0],0,2*Math.PI),b.clip());a.has_errors&&(g="red");this.drawNodeShape(a,b,H,d,g,a.is_selected,a.mouseOver);b.shadowColor="transparent";if(a.onDrawForeground)a.onDrawForeground(b,
-this,this.canvas);b.textAlign=r?"center":"left";b.font=this.inner_text_font;g=!f;m=this.connecting_output;b.lineWidth=1;var x=0,l=new Float32Array(2);if(!a.flags.collapsed){if(a.inputs)for(d=0;d<a.inputs.length;d++){var q=a.inputs[d];b.globalAlpha=c;this.connecting_node&&!e.isValidConnection(q.type,m.type)&&(b.globalAlpha=0.4*c);b.fillStyle=null!=q.link?q.color_on||this.default_connection_color.input_on:q.color_off||this.default_connection_color.input_off;var z=a.getConnectionPos(!0,d,l);z[0]-=a.pos[0];
-z[1]-=a.pos[1];x<z[1]+0.5*e.NODE_SLOT_HEIGHT&&(x=z[1]+0.5*e.NODE_SLOT_HEIGHT);b.beginPath();q.type===e.EVENT||q.shape===e.BOX_SHAPE?r?b.rect(z[0]-5+0.5,z[1]-8+0.5,10,14):b.rect(z[0]-6+0.5,z[1]-5+0.5,14,10):q.shape===e.ARROW_SHAPE?(b.moveTo(z[0]+8,z[1]+0.5),b.lineTo(z[0]-4,z[1]+6+0.5),b.lineTo(z[0]-4,z[1]-6+0.5),b.closePath()):f?b.rect(z[0]-4,z[1]-4,8,8):b.arc(z[0],z[1],4,0,2*Math.PI);b.fill();if(g){var F=null!=q.label?q.label:q.name;F&&(b.fillStyle=e.NODE_TEXT_COLOR,r||q.dir==e.UP?b.fillText(F,z[0],
-z[1]-10):b.fillText(F,z[0]+10,z[1]+5))}}this.connecting_node&&(b.globalAlpha=0.4*c);b.textAlign=r?"center":"right";b.strokeStyle="black";if(a.outputs)for(d=0;d<a.outputs.length;d++)if(q=a.outputs[d],z=a.getConnectionPos(!1,d,l),z[0]-=a.pos[0],z[1]-=a.pos[1],x<z[1]+0.5*e.NODE_SLOT_HEIGHT&&(x=z[1]+0.5*e.NODE_SLOT_HEIGHT),b.fillStyle=q.links&&q.links.length?q.color_on||this.default_connection_color.output_on:q.color_off||this.default_connection_color.output_off,b.beginPath(),q.type===e.EVENT||q.shape===
-e.BOX_SHAPE?r?b.rect(z[0]-5+0.5,z[1]-8+0.5,10,14):b.rect(z[0]-6+0.5,z[1]-5+0.5,14,10):q.shape===e.ARROW_SHAPE?(b.moveTo(z[0]+8,z[1]+0.5),b.lineTo(z[0]-4,z[1]+6+0.5),b.lineTo(z[0]-4,z[1]-6+0.5),b.closePath()):f?b.rect(z[0]-4,z[1]-4,8,8):b.arc(z[0],z[1],4,0,2*Math.PI),b.fill(),f||b.stroke(),g&&(F=null!=q.label?q.label:q.name))b.fillStyle=e.NODE_TEXT_COLOR,r||q.dir==e.DOWN?b.fillText(F,z[0],z[1]-8):b.fillText(F,z[0]-10,z[1]+5);b.textAlign="left";b.globalAlpha=1;if(a.widgets){q=x;if(r||a.widgets_up)q=
-2;null!=a.widgets_start_y&&(q=a.widgets_start_y);this.drawNodeWidgets(a,q,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(q=a.inputs[d],null!=q.link){c=q;break}if(a.outputs)for(d=0;d<a.outputs.length;d++)q=a.outputs[d],q.links&&q.links.length&&(f=q);c&&(c=0,d=-0.5*e.NODE_TITLE_HEIGHT,r&&(c=0.5*a._collapsed_width,d=-e.NODE_TITLE_HEIGHT),b.fillStyle="#686",b.beginPath(),q.type===e.EVENT||
-q.shape===e.BOX_SHAPE?b.rect(c-7+0.5,d-4,14,8):q.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=-0.5*e.NODE_TITLE_HEIGHT,r&&(c=0.5*a._collapsed_width,d=0),b.fillStyle="#686",b.strokeStyle="black",b.beginPath(),q.type===e.EVENT||q.shape===e.BOX_SHAPE?b.rect(c-7+0.5,d-4,14,8):q.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}}};h.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||!0!=this.onDrawLinkTooltip(a,b,this))){var g=b.data,f=null,f=g.constructor===Number?g.toFixed(2):g.constructor===String?'"'+g+'"':g.constructor===Boolean?String(g):g.toToolTip?g.toToolTip():"["+g.constructor.name+"]";null!=f&&(f=f.substr(0,30),a.font="14px Courier New",g=a.measureText(f).width+20,
-a.shadowColor="black",a.shadowOffsetX=2,a.shadowOffsetY=2,a.shadowBlur=3,a.fillStyle="#454",a.beginPath(),a.roundRect(d[0]-0.5*g,d[1]-15-24,g,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(f,d[0],d[1]-15-24*0.3))}};var w=new Float32Array(4);h.prototype.drawNodeShape=function(a,b,d,g,f,c,m){b.strokeStyle=g;b.fillStyle=f;f=e.NODE_TITLE_HEIGHT;var r=0.5>this.ds.scale,x=a._shape||
-a.constructor.shape||e.ROUND_SHAPE,l=a.constructor.title_mode,q=!0;l==e.TRANSPARENT_TITLE?q=!1:l==e.AUTOHIDE_TITLE&&m&&(q=!0);w[0]=0;w[1]=q?-f:0;w[2]=d[0]+1;w[3]=q?d[1]+f:d[1];m=b.globalAlpha;b.beginPath();x==e.BOX_SHAPE||r?b.fillRect(w[0],w[1],w[2],w[3]):x==e.ROUND_SHAPE||x==e.CARD_SHAPE?b.roundRect(w[0],w[1],w[2],w[3],this.round_radius,x==e.CARD_SHAPE?0:this.round_radius):x==e.CIRCLE_SHAPE&&b.arc(0.5*d[0],0.5*d[1],0.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,w[2],2));b.shadowColor="transparent";if(a.onDrawBackground)a.onDrawBackground(b,this,this.canvas,this.graph_mouse);if(q||l==e.TRANSPARENT_TITLE){if(a.onDrawTitleBar)a.onDrawTitleBar(b,f,d,this.ds.scale,g);else if(l!=e.TRANSPARENT_TITLE&&(a.constructor.title_color||this.render_title_colored)){q=a.constructor.title_color||g;a.flags.collapsed&&(b.shadowColor=e.DEFAULT_SHADOW_COLOR);if(this.use_gradients){var z=h.gradients[q];z||(z=h.gradients[q]=b.createLinearGradient(0,
-0,400,0),z.addColorStop(0,q),z.addColorStop(1,"#000"));b.fillStyle=z}else b.fillStyle=q;b.beginPath();x==e.BOX_SHAPE||r?b.rect(0,-f,d[0]+1,f):x!=e.ROUND_SHAPE&&x!=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 x==e.ROUND_SHAPE||x==e.CIRCLE_SHAPE||x==e.CARD_SHAPE?(r&&(b.fillStyle="black",b.beginPath(),b.arc(0.5*f,-0.5*f,6,0,2*Math.PI),b.fill()),b.fillStyle=
-a.boxcolor||e.NODE_DEFAULT_BOXCOLOR,r?b.fillRect(0.5*f-5,-0.5*f-5,10,10):(b.beginPath(),b.arc(0.5*f,-0.5*f,5,0,2*Math.PI),b.fill())):(r&&(b.fillStyle="black",b.fillRect(0.5*(f-10)-1,-0.5*(f+10)-1,12,12)),b.fillStyle=a.boxcolor||e.NODE_DEFAULT_BOXCOLOR,b.fillRect(0.5*(f-10),-0.5*(f+10),10,10));b.globalAlpha=m;if(a.onDrawTitleText)a.onDrawTitleText(b,f,d,this.ds.scale,this.title_text_font,c);!r&&(b.font=this.title_text_font,m=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(m),b.fillText(m.substr(0,20),f,e.NODE_TITLE_TEXT_Y-f),b.textAlign="left"):(b.textAlign="left",b.fillText(m,f,e.NODE_TITLE_TEXT_Y-f)));a.flags.collapsed||!a.subgraph||a.skip_subgraph_button||(m=e.NODE_TITLE_HEIGHT,q=a.size[0]-m,z=e.isInsideRectangle(this.graph_mouse[0]-a.pos[0],this.graph_mouse[1]-a.pos[1],q+2,-m+2,m-4,m-4),b.fillStyle=z?"#888":"#555",x==e.BOX_SHAPE||r?b.fillRect(q+2,-m+2,m-4,m-4):(b.beginPath(),b.roundRect(q+
-2,-m+2,m-4,m-4,4),b.fill()),b.fillStyle="#333",b.beginPath(),b.moveTo(q+0.2*m,0.6*-m),b.lineTo(q+0.8*m,0.6*-m),b.lineTo(q+0.5*m,0.3*-m),b.fill());if(a.onDrawTitle)a.onDrawTitle(b)}if(c){if(a.onBounding)a.onBounding(w);l==e.TRANSPARENT_TITLE&&(w[1]-=f,w[3]+=f);b.lineWidth=1;b.globalAlpha=0.8;b.beginPath();x==e.BOX_SHAPE?b.rect(-6+w[0],-6+w[1],12+w[2],12+w[3]):x==e.ROUND_SHAPE||x==e.CARD_SHAPE&&a.flags.collapsed?b.roundRect(-6+w[0],-6+w[1],12+w[2],12+w[3],2*this.round_radius):x==e.CARD_SHAPE?b.roundRect(-6+
-w[0],-6+w[1],12+w[2],12+w[3],2*this.round_radius,2):x==e.CIRCLE_SHAPE&&b.arc(0.5*d[0],0.5*d[1],0.5*d[0]+6,0,2*Math.PI);b.strokeStyle=e.NODE_BOX_OUTLINE_COLOR;b.stroke();b.strokeStyle=g;b.globalAlpha=1}};var L=new Float32Array(4),n=new Float32Array(4),v=new Float32Array(2),l=new Float32Array(2);h.prototype.drawConnections=function(a){var b=e.getTime(),d=this.visible_area;L[0]=d[0]-20;L[1]=d[1]-20;L[2]=d[2]+40;L[3]=d[3]+40;a.lineWidth=this.connections_width;a.fillStyle="#AAA";a.strokeStyle="#AAA";a.globalAlpha=
-this.editor_alpha;for(var d=this.graph._nodes,g=0,f=d.length;g<f;++g){var c=d[g];if(c.inputs&&c.inputs.length)for(var m=0;m<c.inputs.length;++m){var r=c.inputs[m];if(r&&null!=r.link&&(r=this.graph.links[r.link])){var x=this.graph.getNodeById(r.origin_id);if(null!=x){var q=r.origin_slot,h=null,h=-1==q?[x.pos[0]+10,x.pos[1]+10]:x.getConnectionPos(!1,q,v),z=c.getConnectionPos(!0,m,l);n[0]=h[0];n[1]=h[1];n[2]=z[0]-h[0];n[3]=z[1]-h[1];0>n[2]&&(n[0]+=n[2],n[2]=Math.abs(n[2]));0>n[3]&&(n[1]+=n[3],n[3]=Math.abs(n[3]));
-if(G(n,L)){var F=x.outputs[q],q=c.inputs[m];if(F&&q&&(x=F.dir||(x.horizontal?e.DOWN:e.RIGHT),q=q.dir||(c.horizontal?e.UP:e.LEFT),this.renderLink(a,h,z,r,!1,0,null,x,q),r&&r._last_time&&1E3>b-r._last_time)){var F=2-0.002*(b-r._last_time),s=a.globalAlpha;a.globalAlpha=s*F;this.renderLink(a,h,z,r,!0,F,"white",x,q);a.globalAlpha=s}}}}}}a.globalAlpha=1};h.prototype.renderLink=function(a,b,d,g,f,c,m,r,x,l){g&&this.visible_links.push(g);!m&&g&&(m=g.color||h.link_type_colors[g.type]);m||(m=this.default_link_color);
-null!=g&&this.highlighted_links[g.id]&&(m="#FFF");r=r||e.RIGHT;x=x||e.LEFT;var q=C(b,d);this.render_connections_border&&0.6<this.ds.scale&&(a.lineWidth=this.connections_width+4);a.lineJoin="round";l=l||1;1<l&&(a.lineWidth=0.5);a.beginPath();for(var z=0;z<l;z+=1){var F=5*(z-0.5*(l-1));if(this.links_render_mode==e.SPLINE_LINK){a.moveTo(b[0],b[1]+F);var n=0,J=0,I=0,v=0;switch(r){case e.LEFT:n=-0.25*q;break;case e.RIGHT:n=0.25*q;break;case e.UP:J=-0.25*q;break;case e.DOWN:J=0.25*q}switch(x){case e.LEFT:I=
--0.25*q;break;case e.RIGHT:I=0.25*q;break;case e.UP:v=-0.25*q;break;case e.DOWN:v=0.25*q}a.bezierCurveTo(b[0]+n,b[1]+J+F,d[0]+I,d[1]+v+F,d[0],d[1]+F)}else if(this.links_render_mode==e.LINEAR_LINK){a.moveTo(b[0],b[1]+F);v=I=J=n=0;switch(r){case e.LEFT:n=-1;break;case e.RIGHT:n=1;break;case e.UP:J=-1;break;case e.DOWN:J=1}switch(x){case e.LEFT:I=-1;break;case e.RIGHT:I=1;break;case e.UP:v=-1;break;case e.DOWN:v=1}a.lineTo(b[0]+15*n,b[1]+15*J+F);a.lineTo(d[0]+15*I,d[1]+15*v+F);a.lineTo(d[0],d[1]+F)}else if(this.links_render_mode==
-e.STRAIGHT_LINK)a.moveTo(b[0],b[1]),F=b[0],n=b[1],J=d[0],I=d[1],r==e.RIGHT?F+=10:n+=10,x==e.LEFT?J-=10:I-=10,a.lineTo(F,n),a.lineTo(0.5*(F+J),n),a.lineTo(0.5*(F+J),I),a.lineTo(J,I),a.lineTo(d[0],d[1]);else return}this.render_connections_border&&0.6<this.ds.scale&&!f&&(a.strokeStyle="rgba(0,0,0,0.5)",a.stroke());a.lineWidth=this.connections_width;a.fillStyle=a.strokeStyle=m;a.stroke();f=this.computeConnectionPoint(b,d,0.5,r,x);g&&g._pos&&(g._pos[0]=f[0],g._pos[1]=f[1]);0.6<=this.ds.scale&&this.highquality_render&&
-x!=e.CENTER&&(this.render_connection_arrows&&(z=this.computeConnectionPoint(b,d,0.25,r,x),g=this.computeConnectionPoint(b,d,0.26,r,x),l=this.computeConnectionPoint(b,d,0.75,r,x),q=this.computeConnectionPoint(b,d,0.76,r,x),n=F=0,this.render_curved_connections?(F=-Math.atan2(g[0]-z[0],g[1]-z[1]),n=-Math.atan2(q[0]-l[0],q[1]-l[1])):n=F=d[1]>b[1]?0:Math.PI,a.save(),a.translate(z[0],z[1]),a.rotate(F),a.beginPath(),a.moveTo(-5,-3),a.lineTo(0,7),a.lineTo(5,-3),a.fill(),a.restore(),a.save(),a.translate(l[0],
-l[1]),a.rotate(n),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=m,z=0;5>z;++z)c=(0.001*e.getTime()+0.2*z)%1,f=this.computeConnectionPoint(b,d,c,r,x),a.beginPath(),a.arc(f[0],f[1],5,0,2*Math.PI),a.fill()};h.prototype.computeConnectionPoint=function(a,b,d,g,f){g=g||e.RIGHT;f=f||e.LEFT;var c=C(a,b),m=[a[0],a[1]],r=[b[0],b[1]];switch(g){case e.LEFT:m[0]+=-0.25*c;break;case e.RIGHT:m[0]+=0.25*
-c;break;case e.UP:m[1]+=-0.25*c;break;case e.DOWN:m[1]+=0.25*c}switch(f){case e.LEFT:r[0]+=-0.25*c;break;case e.RIGHT:r[0]+=0.25*c;break;case e.UP:r[1]+=-0.25*c;break;case e.DOWN:r[1]+=0.25*c}g=(1-d)*(1-d)*(1-d);f=3*(1-d)*(1-d)*d;c=3*(1-d)*d*d;d*=d*d;return[g*a[0]+f*m[0]+c*r[0]+d*b[0],g*a[1]+f*m[1]+c*r[1]+d*b[1]]};h.prototype.drawExecutionOrder=function(a){a.shadowColor="transparent";a.globalAlpha=0.25;a.textAlign="center";a.strokeStyle="white";a.globalAlpha=0.75;for(var b=this.visible_nodes,d=0;d<
-b.length;++d){var g=b[d];a.fillStyle="black";a.fillRect(g.pos[0]-e.NODE_TITLE_HEIGHT,g.pos[1]-e.NODE_TITLE_HEIGHT,e.NODE_TITLE_HEIGHT,e.NODE_TITLE_HEIGHT);0==g.order&&a.strokeRect(g.pos[0]-e.NODE_TITLE_HEIGHT+0.5,g.pos[1]-e.NODE_TITLE_HEIGHT+0.5,e.NODE_TITLE_HEIGHT,e.NODE_TITLE_HEIGHT);a.fillStyle="#FFF";a.fillText(g.order,g.pos[0]+-0.5*e.NODE_TITLE_HEIGHT,g.pos[1]-6)}a.globalAlpha=1};h.prototype.drawNodeWidgets=function(a,b,d,g){if(!a.widgets||!a.widgets.length)return 0;var f=a.size[0],c=a.widgets;
-b+=2;var m=e.NODE_WIDGET_HEIGHT,r=0.5<this.ds.scale;d.save();d.globalAlpha=this.editor_alpha;for(var x=e.WIDGET_OUTLINE_COLOR,l=e.WIDGET_BGCOLOR,q=e.WIDGET_TEXT_COLOR,z=e.WIDGET_SECONDARY_TEXT_COLOR,F=0;F<c.length;++F){var n=c[F],J=b;n.y&&(J=n.y);n.last_y=J;d.strokeStyle=x;d.fillStyle="#222";d.textAlign="left";n.disabled&&(d.globalAlpha*=0.5);var I=n.width||f;switch(n.type){case "button":n.clicked&&(d.fillStyle="#AAA",n.clicked=!1,this.dirty_canvas=!0);d.fillRect(15,J,I-30,m);r&&!n.disabled&&d.strokeRect(15,
-J,I-30,m);r&&(d.textAlign="center",d.fillStyle=q,d.fillText(n.name,0.5*I,J+0.7*m));break;case "toggle":d.textAlign="left";d.strokeStyle=x;d.fillStyle=l;d.beginPath();r?d.roundRect(15,b,I-30,m,0.5*m):d.rect(15,b,I-30,m);d.fill();r&&!n.disabled&&d.stroke();d.fillStyle=n.value?"#89A":"#333";d.beginPath();d.arc(I-30,J+0.5*m,0.36*m,0,2*Math.PI);d.fill();r&&(d.fillStyle=z,null!=n.name&&d.fillText(n.name,30,J+0.7*m),d.fillStyle=n.value?q:z,d.textAlign="right",d.fillText(n.value?n.options.on||"true":n.options.off||
-"false",I-40,J+0.7*m));break;case "slider":d.fillStyle=l;d.fillRect(15,J,I-30,m);var h=n.options.max-n.options.min,v=(n.value-n.options.min)/h;d.fillStyle=g==n?"#89A":"#678";d.fillRect(15,J,v*(I-30),m);r&&!n.disabled&&d.strokeRect(15,J,I-30,m);n.marker&&(h=(n.marker-n.options.min)/h,d.fillStyle="#AA9",d.fillRect(15+h*(I-30),J,2,m));r&&(d.textAlign="center",d.fillStyle=q,d.fillText(n.name+"  "+Number(n.value).toFixed(3),0.5*I,J+0.7*m));break;case "number":case "combo":d.textAlign="left";d.strokeStyle=
-x;d.fillStyle=l;d.beginPath();r?d.roundRect(15,b,I-30,m,0.5*m):d.rect(15,b,I-30,m);d.fill();r&&(n.disabled||d.stroke(),d.fillStyle=q,n.disabled||(d.beginPath(),d.moveTo(31,b+5),d.lineTo(21,b+0.5*m),d.lineTo(31,b+m-5),d.fill(),d.beginPath(),d.moveTo(I-15-16,b+5),d.lineTo(I-15-6,b+0.5*m),d.lineTo(I-15-16,b+m-5),d.fill()),d.fillStyle=z,d.fillText(n.name,35,J+0.7*m),d.fillStyle=q,d.textAlign="right","number"==n.type?d.fillText(Number(n.value).toFixed(void 0!==n.options.precision?n.options.precision:3),
-I-30-20,J+0.7*m):(h=n.value,n.options.values&&(v=n.options.values,v.constructor===Function&&(v=v()),v&&v.constructor!==Array&&(h=v[n.value])),d.fillText(h,I-30-20,J+0.7*m)));break;case "string":case "text":d.textAlign="left";d.strokeStyle=x;d.fillStyle=l;d.beginPath();r?d.roundRect(15,b,I-30,m,0.5*m):d.rect(15,b,I-30,m);d.fill();r&&(n.disabled||d.stroke(),d.save(),d.beginPath(),d.rect(15,b,I-30,m),d.clip(),d.fillStyle=z,null!=n.name&&d.fillText(n.name,30,J+0.7*m),d.fillStyle=q,d.textAlign="right",
-d.fillText(String(n.value).substr(0,30),I-30,J+0.7*m),d.restore());break;default:n.draw&&n.draw(d,a,I,J,m)}b+=(n.computeSize?n.computeSize(I)[1]:m)+4;d.globalAlpha=this.editor_alpha}d.restore();d.textAlign="left"};h.prototype.processNodeWidgets=function(a,b,d,g){function f(f,g){f.value=g;f.options&&f.options.property&&void 0!==a.properties[f.options.property]&&a.setProperty(f.options.property,g);f.callback&&f.callback(f.value,x,a,b,d)}if(!a.widgets||!a.widgets.length)return null;for(var c=b[0]-a.pos[0],
-m=b[1]-a.pos[1],r=a.size[0],x=this,l=this.getCanvasWindow(),q=0;q<a.widgets.length;++q){var n=a.widgets[q];if(n&&!n.disabled){var F=n.computeSize?n.computeSize(r)[1]:e.NODE_WIDGET_HEIGHT,h=n.width||r;if(n==g||!(6>c||c>h-12||m<n.last_y||m>n.last_y+F)){g=n.value;switch(n.type){case "button":if("mousemove"===d.type)break;n.callback&&setTimeout(function(){n.callback(n,x,a,b,d)},20);this.dirty_canvas=n.clicked=!0;break;case "slider":l=Math.clamp((c-15)/(h-30),0,1);n.value=n.options.min+(n.options.max-
-n.options.min)*l;n.callback&&setTimeout(function(){f(n,n.value)},20);this.dirty_canvas=!0;break;case "number":case "combo":g=n.value;if("mousemove"==d.type&&"number"==n.type)n.value+=0.1*d.deltaX*(n.options.step||1),null!=n.options.min&&n.value<n.options.min&&(n.value=n.options.min),null!=n.options.max&&n.value>n.options.max&&(n.value=n.options.max);else if("mousedown"==d.type){var J=n.options.values;J&&J.constructor===Function&&(J=n.options.values(n,a));var I=null;"number"!=n.type&&(I=J.constructor===
-Array?J:Object.keys(J));c=40>c?-1:c>h-40?1:0;if("number"==n.type)n.value+=0.1*c*(n.options.step||1),null!=n.options.min&&n.value<n.options.min&&(n.value=n.options.min),null!=n.options.max&&n.value>n.options.max&&(n.value=n.options.max);else if(c)l=-1,this.last_mouseclick=0,l=J.constructor===Object?I.indexOf(String(n.value))+c:I.indexOf(n.value)+c,l>=I.length&&(l=I.length-1),0>l&&(l=0),n.value=J.constructor===Array?J[l]:l;else{var v=J!=I?Object.values(J):J;new e.ContextMenu(v,{scale:Math.max(1,this.ds.scale),
-event:d,className:"dark",callback:s.bind(n)},l);var s=function(a,b,d){J!=I&&(a=v.indexOf(a));this.value=a;f(this,a);x.dirty_canvas=!0;return!1}}}else"mouseup"==d.type&&"number"==n.type&&(c=40>c?-1:c>h-40?1:0,200>d.click_time&&0==c&&this.prompt("Value",n.value,function(a){this.value=Number(a);f(this,this.value)}.bind(n),d));g!=n.value&&setTimeout(function(){f(this,this.value)}.bind(n),20);this.dirty_canvas=!0;break;case "toggle":"mousedown"==d.type&&(n.value=!n.value,setTimeout(function(){f(n,n.value)},
-20));break;case "string":case "text":"mousedown"==d.type&&this.prompt("Value",n.value,function(a){this.value=a;f(this,a)}.bind(n),d,n.options?n.options.multiline:!1);break;default:n.mouse&&(this.dirty_canvas=n.mouse(d,[c,m],a))}if(g!=n.value){if(a.onWidgetChanged)a.onWidgetChanged(n.name,n.value,g,n);a.graph._version++}return n}}}return null};h.prototype.drawGroups=function(a,b){if(this.graph){var d=this.graph._groups;b.save();b.globalAlpha=0.5*this.editor_alpha;for(var g=0;g<d.length;++g){var f=
-d[g];if(G(this.visible_area,f._bounding)){b.fillStyle=f.color||"#335";b.strokeStyle=f.color||"#335";var c=f._pos,m=f._size;b.globalAlpha=0.25*this.editor_alpha;b.beginPath();b.rect(c[0]+0.5,c[1]+0.5,m[0],m[1]);b.fill();b.globalAlpha=this.editor_alpha;b.stroke();b.beginPath();b.moveTo(c[0]+m[0],c[1]+m[1]);b.lineTo(c[0]+m[0]-10,c[1]+m[1]);b.lineTo(c[0]+m[0],c[1]+m[1]-10);b.fill();m=f.font_size||e.DEFAULT_GROUP_FONT_SIZE;b.font=m+"px Arial";b.fillText(f.title,c[0]+4,c[1]+m)}}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){if(!a&&!b){var d=this.canvas.parentNode;a=d.offsetWidth;b=d.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,d=this.live_mode?1.1:0.9;this.live_mode&&(this.live_mode=
-!1,this.editor_alpha=0.1);var g=setInterval(function(){b.editor_alpha*=d;b.dirty_canvas=!0;b.dirty_bgcanvas=!0;1>d&&0.01>b.editor_alpha&&(clearInterval(g),1>d&&(b.live_mode=!0));1<d&&0.99<b.editor_alpha&&(clearInterval(g),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],d="";switch(a.type){case "touchstart":d="mousedown";break;case "touchmove":d=
-"mousemove";break;case "touchend":d="mouseup";break;default:return}var g=this.getCanvasWindow(),f=g.document.createEvent("MouseEvent");f.initMouseEvent(d,!0,!0,g,1,b.screenX,b.screenY,b.clientX,b.clientY,!1,!1,!1,!1,0,null);b.target.dispatchEvent(f);a.preventDefault()};h.onGroupAdd=function(a,b,d){a=h.active_canvas;a.getCanvasWindow();b=new e.LGraphGroup;b.pos=a.convertEventToCanvasOffset(d);a.graph.add(b)};h.onMenuAdd=function(a,b,d,g,f){function c(a,b){var g=[];e.getNodeTypesCategories(m.filter||
-x.filter).filter(function(b){return b.startsWith(a)}).map(function(b){if(b){b=b.replace(RegExp("^("+a+")"),"").split("/")[0];var d=""===a?b+"/":a+b+"/";-1!=b.indexOf("::")&&(b=b.split("::")[1]);-1===g.findIndex(function(a){return a.value===d})&&g.push({value:d,content:b,has_submenu:!0,callback:function(a,b,d,f){c(a.value,f)}})}});e.getNodeTypesInCategory(a.slice(0,-1),m.filter||x.filter).map(function(a){a.skip_list||g.push({value:a.type,content:a.title,has_submenu:!1,callback:function(a,b,d,g){b=
-g.getFirstEvent();m.graph.beforeChange();if(a=e.createNode(a.value))a.pos=m.convertEventToCanvasOffset(b),m.graph.add(a);f&&f(a);m.graph.afterChange()}})});new e.ContextMenu(g,{event:d,parentMenu:b},r)}var m=h.active_canvas,r=m.getCanvasWindow(),x=m.graph;if(x)return c("",g),!1};h.onMenuCollapseAll=function(){};h.onMenuNodeEdit=function(){};h.showMenuNodeOptionalInputs=function(a,b,d,g,f){function c(a,b,d){f&&(a.callback&&a.callback.call(m,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()))}if(f){var m=this;a=h.active_canvas.getCanvasWindow();b=f.optional_inputs;f.onGetInputs&&(b=f.onGetInputs());var r=[];if(b)for(var x=0;x<b.length;x++){var l=b[x];if(l){var n=l[0];l[2]&&l[2].label&&(n=l[2].label);n={content:n,value:l};l[1]==e.ACTION&&(n.className="event");r.push(n)}else r.push(null)}this.onMenuNodeInputs&&(r=this.onMenuNodeInputs(r));if(r.length)return new e.ContextMenu(r,{event:d,callback:c,parentMenu:g,node:f},
-a),!1;console.log("no input entries")}};h.showMenuNodeOptionalOutputs=function(a,b,d,g,f){function c(a,b,d){if(f&&(a.callback&&a.callback.call(m,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 r in d)a.push({content:r,value:d[r]});new e.ContextMenu(a,{event:b,callback:c,parentMenu:g,node:f});return!1}}if(f){var m=this;a=h.active_canvas.getCanvasWindow();
-b=f.optional_outputs;f.onGetOutputs&&(b=f.onGetOutputs());var r=[];if(b)for(var x=0;x<b.length;x++){var l=b[x];if(!l)r.push(null);else if(!f.flags||!f.flags.skip_repeated_outputs||-1==f.findOutputSlot(l[0])){var n=l[0];l[2]&&l[2].label&&(n=l[2].label);n={content:n,value:l};l[1]==e.EVENT&&(n.className="event");r.push(n)}}this.onMenuNodeOutputs&&(r=this.onMenuNodeOutputs(r));if(r.length)return new e.ContextMenu(r,{event:d,callback:c,parentMenu:g,node:f},a),!1}};h.onShowMenuNodeProperties=function(a,
-b,d,g,f){function c(a,b,d,g){f&&(b=this.getBoundingClientRect(),m.showEditPropertyValue(f,a.value,{position:[b.left,b.top]}))}if(f&&f.properties){var m=h.active_canvas;b=m.getCanvasWindow();var r=[],x;for(x in f.properties){a=void 0!==f.properties[x]?f.properties[x]:" ";"object"==typeof a&&(a=JSON.stringify(a));var l=f.getPropertyInfo(x);if("enum"==l.type||"combo"==l.type)a=h.getPropertyPrintableValue(a,l.values);a=h.decodeHTML(a);r.push({content:"<span class='property_name'>"+(l.label?l.label:x)+
-"</span><span class='property_value'>"+a+"</span>",value:x})}if(r.length)return new e.ContextMenu(r,{event:d,callback:c,parentMenu:g,allow_html:!0,node:f},b),!1}};h.decodeHTML=function(a){var b=document.createElement("div");b.innerText=a;return b.innerHTML};h.onResizeNode=function(a,b,d,g,f){if(f){f.size=f.computeSize();if(f.onResize)f.onResize(f.size);f.setDirtyCanvas(!0,!0)}};h.prototype.showLinkMenu=function(a,b){var d=this;console.log(a);var g=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":h.onMenuAdd(null,null,c,g,function(b){console.log("node autoconnect");var f=d.graph.getNodeById(a.origin_id),g=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==g.inputs[0].type&&(f.connect(a.origin_slot,b,0),b.connect(0,g,a.target_slot),b.pos[0]-=0.5*b.size[0])});break;case "Delete":d.graph.removeLink(a.id)}}});
-return!1};h.onShowPropertyEditor=function(a,b,d,g,f){function e(){var b=l.value;"Number"==a.type?b=Number(b):"Boolean"==a.type&&(b=Boolean(b));f[c]=b;r.parentNode&&r.parentNode.removeChild(r);f.setDirtyCanvas(!0,!0)}var c=a.property||"title";b=f[c];var r=document.createElement("div");r.className="graphdialog";r.innerHTML="<span class='name'></span><input autofocus type='text' class='value'/><button>OK</button>";r.querySelector(".name").innerText=c;var l=r.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=h.active_canvas.canvas;d=b.getBoundingClientRect();var n=g=-20;d&&(g-=d.left,n-=d.top);event?(r.style.left=event.clientX+g+"px",r.style.top=event.clientY+n+"px"):(r.style.left=0.5*b.width+g+"px",r.style.top=0.5*b.height+n+"px");r.querySelector("button").addEventListener("click",e);b.parentNode.appendChild(r)};h.prototype.prompt=function(a,
-b,d,g,f){var e=this;a=a||"";var c=!1,r=document.createElement("div");r.className="graphdialog rounded";r.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>";r.close=function(){e.prompt_box=null;r.parentNode&&r.parentNode.removeChild(r)};1<this.ds.scale&&(r.style.transform="scale("+this.ds.scale+")");r.addEventListener("mouseleave",
-function(a){c||r.close()});e.prompt_box&&e.prompt_box.close();e.prompt_box=r;r.querySelector(".name").innerText=a;var l=r.querySelector(".value");l.value=b;l.addEventListener("keydown",function(a){c=!0;if(27==a.keyCode)r.close();else if(13==a.keyCode&&"textarea"!=a.target.localName)d&&d(this.value),r.close();else return;a.preventDefault();a.stopPropagation()});r.querySelector("button").addEventListener("click",function(a){d&&d(l.value);e.setDirty(!0);r.close()});a=h.active_canvas.canvas;b=a.getBoundingClientRect();
-var n=f=-20;b&&(f-=b.left,n-=b.top);g?(r.style.left=g.clientX+f+"px",r.style.top=g.clientY+n+"px"):(r.style.left=0.5*a.width+f+"px",r.style.top=0.5*a.height+n+"px");a.parentNode.appendChild(r);setTimeout(function(){l.focus()},10);return r};h.search_limit=-1;h.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 g in d.data.properties)b.addProperty(g,d.data.properties[g]);if(d.data.inputs)for(g in b.inputs=[],d.data.inputs)b.addOutput(d.data.inputs[g][0],d.data.inputs[g][1]);if(d.data.outputs)for(g in b.outputs=[],d.data.outputs)b.addOutput(d.data.outputs[g][0],d.data.outputs[g][1]);d.data.title&&(b.title=d.data.title);d.data.json&&b.configure(d.data.json);c.graph.afterChange()}}l.close()}function d(a){var b=s;s&&s.classList.remove("selected");s?(s=
-a?s.nextSibling:s.previousSibling)||(s=b):s=a?q.childNodes[0]:q.childNodes[q.childNodes.length];s&&(s.classList.add("selected"),s.scrollIntoView({block:"end",behavior:"smooth"}))}function g(){function a(d,g){var f=document.createElement("div");v||(v=d);f.innerText=d;f.dataset.type=escape(d);f.className="litegraph lite-search-item";g&&(f.className+=" "+g);f.addEventListener("click",function(a){b(unescape(this.dataset.type))});q.appendChild(f)}F=null;var d=J.value;v=null;q.innerHTML="";if(d)if(f.onSearchBox){var g=
-f.onSearchBox(q,d,c);if(g)for(var m=0;m<g.length;++m)a(g[m])}else{var g=0,d=d.toLowerCase(),r=c.filter||c.graph.filter;for(m in e.searchbox_extras){var l=e.searchbox_extras[m];if(-1!==l.desc.toLowerCase().indexOf(d)){var n=e.registered_node_types[l.type];if(!n||n.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(e.registered_node_types).filter(x);else for(m in l=[],e.registered_node_types)x(m)&&l.push(m);for(m=0;m<
-l.length&&!(a(l[m]),-1!==h.search_limit&&g++>h.search_limit);m++);var x=function(a){var b=e.registered_node_types[a];return r&&b.filter!=r?!1:-1!==a.toLowerCase().indexOf(d)}}}var f=this,c=h.active_canvas,m=c.canvas,r=m.ownerDocument||document,l=document.createElement("div");l.className="litegraph litesearchbox graphdialog rounded";l.innerHTML="<span class='name'>Search</span> <input autofocus type='text' class='value rounded'/><div class='helper'></div>";l.close=function(){f.search_box=null;r.body.focus();
-r.body.style.overflow="";setTimeout(function(){f.canvas.focus()},20);l.parentNode&&l.parentNode.removeChild(l)};var n=null;1<this.ds.scale&&(l.style.transform="scale("+this.ds.scale+")");l.addEventListener("mouseenter",function(a){n&&(clearTimeout(n),n=null)});l.addEventListener("mouseleave",function(a){n=setTimeout(function(){l.close()},500)});f.search_box&&f.search_box.close();f.search_box=l;var q=l.querySelector(".helper"),v=null,F=null,s=null,J=l.querySelector("input");J&&(J.addEventListener("blur",
-function(a){this.focus()}),J.addEventListener("keydown",function(a){if(38==a.keyCode)d(!1);else if(40==a.keyCode)d(!0);else if(27==a.keyCode)l.close();else if(13==a.keyCode)s?b(s.innerHTML):v?b(v):l.close();else{F&&clearInterval(F);F=setTimeout(g,10);return}a.preventDefault();a.stopPropagation();a.stopImmediatePropagation();return!0}));r.fullscreenElement?r.fullscreenElement.appendChild(l):(r.body.appendChild(l),r.body.style.overflow="hidden");var m=m.getBoundingClientRect(),I=(a?a.clientY:m.top+
-0.5*m.height)-20;l.style.left=(a?a.clientX:m.left+0.5*m.width)-80+"px";l.style.top=I+"px";a.layerY>m.height-200&&(q.style.maxHeight=m.height-a.layerY-20+"px");J.focus();return l};h.prototype.showEditPropertyValue=function(a,b,d){function g(){f(h.value)}function f(g){e&&e.values&&e.values.constructor===Object&&void 0!=e.values[g]&&(g=e.values[g]);"number"==typeof a.properties[b]&&(g=Number(g));if("array"==c||"object"==c)g=JSON.parse(g);a.properties[b]=g;a.graph&&a.graph._version++;if(a.onPropertyChanged)a.onPropertyChanged(b,
-g);if(d.onclose)d.onclose();q.close();a.setDirtyCanvas(!0,!0)}if(a&&void 0!==a.properties[b]){d=d||{};var e=a.getPropertyInfo(b),c=e.type,r="";if("string"==c||"number"==c||"array"==c||"object"==c)r="<input autofocus type='text' class='value'/>";else if("enum"!=c&&"combo"!=c||!e.values)if("boolean"==c)r="<input autofocus type='checkbox' class='value' "+(a.properties[b]?"checked":"")+"/>";else{console.warn("unknown type: "+c);return}else{var r="<select autofocus type='text' class='value'>",l;for(l in e.values){var n=
-l;e.values.constructor===Array&&(n=e.values[l]);r+="<option value='"+n+"' "+(n==a.properties[b]?"selected":"")+">"+e.values[l]+"</option>"}r+="</select>"}var q=this.createDialog("<span class='name'>"+(e.label?e.label:b)+"</span>"+r+"<button>OK</button>",d);if("enum"!=c&&"combo"!=c||!e.values)if("boolean"==c)(h=q.querySelector("input"))&&h.addEventListener("click",function(a){f(!!h.checked)});else{if(h=q.querySelector("input"))h.addEventListener("blur",function(a){this.focus()}),n=void 0!==a.properties[b]?
-a.properties[b]:"","string"!==c&&(n=JSON.stringify(n)),h.value=n,h.addEventListener("keydown",function(a){13==a.keyCode&&(g(),a.preventDefault(),a.stopPropagation())})}else{var h=q.querySelector("select");h.addEventListener("change",function(a){f(a.target.value)})}q.querySelector("button").addEventListener("click",g);return q}};h.prototype.createDialog=function(a,b){b=b||{};var d=document.createElement("div");d.className="graphdialog";d.innerHTML=a;var g=this.canvas.getBoundingClientRect(),f=-20,
-e=-20;g&&(f-=g.left,e-=g.top);b.position?(f+=b.position[0],e+=b.position[1]):b.event?(f+=b.event.clientX,e+=b.event.clientY):(f+=0.5*this.canvas.width,e+=0.5*this.canvas.height);d.style.left=f+"px";d.style.top=e+"px";this.canvas.parentNode.appendChild(d);d.close=function(){this.parentNode&&this.parentNode.removeChild(this)};return d};h.prototype.createPanel=function(a,b){b=b||{};var d=b.window||window,g=document.createElement("div");g.className="litegraph dialog";g.innerHTML="<div class='dialog-header'><span class='dialog-title'></span></div><div class='dialog-content'></div><div class='dialog-footer'></div>";
-g.header=g.querySelector(".dialog-header");b.width&&(g.style.width=b.width+(b.width.constructor===Number?"px":""));b.height&&(g.style.height=b.height+(b.height.constructor===Number?"px":""));if(b.closable){var f=document.createElement("span");f.innerHTML="&#10005;";f.classList.add("close");f.addEventListener("click",function(){g.close()});g.header.appendChild(f)}g.title_element=g.querySelector(".dialog-title");g.title_element.innerText=a;g.content=g.querySelector(".dialog-content");g.footer=g.querySelector(".dialog-footer");
-g.close=function(){this.parentNode.removeChild(this)};g.clear=function(){this.content.innerHTML=""};g.addHTML=function(a,b,d){var f=document.createElement("div");b&&(f.className=b);f.innerHTML=a;d?g.footer.appendChild(f):g.content.appendChild(f);return f};g.addButton=function(a,b,d){var f=document.createElement("button");f.innerText=a;f.options=d;f.classList.add("btn");f.addEventListener("click",b);g.footer.appendChild(f);return f};g.addSeparator=function(){var a=document.createElement("div");a.className=
-"separator";g.content.appendChild(a)};g.addWidget=function(a,b,f,c,l){function n(a,b){console.log("change",a,b);c.callback&&c.callback(a,b);l&&l(a,b)}c=c||{};var q=String(f);a=a.toLowerCase();"number"==a&&(q=f.toFixed(3));var F=document.createElement("div");F.className="property";F.innerHTML="<span class='property_name'></span><span class='property_value'></span>";F.querySelector(".property_name").innerText=b;var v=F.querySelector(".property_value");v.innerText=q;F.dataset.property=b;F.dataset.type=
-c.type||a;F.options=c;F.value=f;if("boolean"==a)F.classList.add("boolean"),f&&F.classList.add("bool-on"),F.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";n(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));n(b,a)});else if("enum"==a||"combo"==a)q=h.getPropertyPrintableValue(f,c.values);v.innerText=q;v.addEventListener("click",function(a){var b=this.parentNode.dataset.property,f=this;new e.ContextMenu(c.values||[],{event:a,className:"dark",callback:function(a,d,g){f.innerText=a;n(b,a);return!1}},d)});g.content.appendChild(F);return F};return g};h.getPropertyPrintableValue=function(a,
-b){if(!b||b.constructor===Array)return String(a);if(b.constructor===Object){var d="",g;for(g in b)if(b[g]==a){d=g;break}return String(a)+" ("+d+")"}};h.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 g=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){g.graph.beforeChange(a);a.setProperty(b,d);g.graph.afterChange();g.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(){g.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=g.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 g=this.createPanel("Subgraph Inputs",{closable:!0,width:500});g.node=a;g.classList.add("subgraph_dialog");g.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 g=d.querySelector(".name").value,e=d.querySelector(".type").value;g&&-1==a.findInputSlot(g)&&(a.addInput(g,e),d.querySelector(".name").value="",d.querySelector(".type").value="",b())});b();this.canvas.parentNode.appendChild(g);return g};h.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())}};h.onMenuNodeCollapse=function(a,b,d,g,f){f.graph.beforeChange(f);f.collapse();f.graph.afterChange(f)};h.onMenuNodePin=function(a,b,d,g,f){f.pin()};h.onMenuNodeMode=function(a,b,d,g,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:g,
-node:f});return!1};h.onMenuNodeColors=function(a,b,d,g,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 h.node_colors)a=h.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?h.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:g,node:f});return!1};h.onMenuNodeShapes=function(a,b,d,g,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:g,node:f});return!1};h.onMenuNodeRemove=function(a,b,d,g,f){if(!f)throw"no node passed";!1!==f.removable&&
-(a=f.graph,a.beforeChange(),a.remove(f),a.afterChange(),f.setDirtyCanvas(!0,!0))};h.onMenuNodeToSubgraph=function(a,b,d,g,f){a=f.graph;if(b=h.active_canvas)d=Object.values(b.selected_nodes||{}),d.length||(d=[f]),g=e.createNode("graph/subgraph"),g.pos=f.pos.concat(),a.add(g),g.buildFromNodes(d),b.deselectAllNodes(),f.setDirtyCanvas(!0,!0)};h.onMenuNodeClone=function(a,b,d,g,f){!1!=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))};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(){var a=null;this.getMenuOptions?a=this.getMenuOptions():(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 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: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 d=this,g=h.active_canvas.getCanvasWindow(),f=null,c={event:b,callback:function(b,g,f){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 e=b.input?a.getInputInfo(b.slot):a.getOutputInfo(b.slot),c=d.createDialog("<span class='name'>Name</span><input autofocus type='text'/><button>OK</button>",
-g),r=c.querySelector("input");r&&e&&(r.value=e.label||"");c.querySelector("button").addEventListener("click",function(a){r.value&&(e&&(e.label=r.value),d.setDirty(!0));c.close()})}},extra:a};a&&(c.title=a.type);var m=null;a&&(m=a.getSlotInPosition(b.canvasX,b.canvasY),h.active_node=a);if(m){f=[];if(a.getSlotMenuOptions)f=a.getSlotMenuOptions(m);else{m&&m.output&&m.output.links&&m.output.links.length&&f.push({content:"Disconnect Links",slot:m});var r=m.input||m.output;f.push(r.locked?"Cannot remove":
-{content:"Remove Slot",slot:m});f.push(r.nameLocked?"Cannot rename":{content:"Rename Slot",slot:m})}c.title=(m.input?m.input.type:m.output.type)||"*";m.input&&m.input.type==e.ACTION&&(c.title="Action");m.output&&m.output.type==e.EVENT&&(c.title="Event")}else a?f=this.getNodeMenuOptions(a):(f=this.getCanvasMenuOptions(),(m=this.graph.getGroupOnPos(b.canvasX,b.canvasY))&&f.push(null,{content:"Edit Group",has_submenu:!0,submenu:{title:"Group",extra:m,options:this.getGroupMenuOptions(m)}}));f&&new e.ContextMenu(f,
-c,g)};"undefined"!=typeof window&&window.CanvasRenderingContext2D&&(window.CanvasRenderingContext2D.prototype.roundRect=function(a,b,d,g,f,e){void 0===f&&(f=5);void 0===e&&(e=f);this.moveTo(a+f,b);this.lineTo(a+d-f,b);this.quadraticCurveTo(a+d,b,a+d,b+f);this.lineTo(a+d,b+g-e);this.quadraticCurveTo(a+d,b+g,a+d-e,b+g);this.lineTo(a+e,b+g);this.quadraticCurveTo(a,b+g,a,b+g-e);this.lineTo(a,b+f);this.quadraticCurveTo(a,b,a+f,b)});e.compareObjects=function(a,b){for(var d in a)if(a[d]!=b[d])return!1;return!0};
-e.distance=C;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=y;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,g,f,e=0;6>e;e+=2)g="0123456789ABCDEF".indexOf(a.charAt(e)),f="0123456789ABCDEF".indexOf(a.charAt(e+1)),b[d]=16*g+f,d++;return b};e.num2hex=function(a){for(var b="#",d,g,f=0;3>f;f++)d=a[f]/16,g=a[f]%16,b+="0123456789ABCDEF".charAt(d)+"0123456789ABCDEF".charAt(g);return b};A.prototype.addItem=function(a,b,d){function g(a){var b=this.value;b&&b.has_submenu&&f.call(this,a)}function f(a){var b=this.value,g=!0;e.current_submenu&&e.current_submenu.close(a);if(d.callback){var f=d.callback.call(this,
-b,d,a,e,d.node);!0===f&&(g=!1)}if(b&&(b.callback&&!d.ignore_item_callbacks&&!0!==b.disabled&&(f=b.callback.call(this,b,d,a,e,d.extra),!0===f&&(g=!1)),b.submenu)){if(!b.submenu.options)throw"ContextMenu submenu needs options";new e.constructor(b.submenu.options,{callback:b.submenu.callback,event:a,parentMenu:e,ignore_item_callbacks:b.submenu.ignore_item_callbacks,title:b.submenu.title,extra:b.submenu.extra,autoopen:d.autoopen});g=!1}g&&!e.lock&&e.close()}var e=this;d=d||{};var c=document.createElement("div");
-c.className="litemenu-entry submenu";var r=!1;if(null===b)c.classList.add("separator");else{c.innerHTML=b&&b.title?b.title:a;if(c.value=b)b.disabled&&(r=!0,c.classList.add("disabled")),(b.submenu||b.has_submenu)&&c.classList.add("has_submenu");"function"==typeof b?(c.dataset.value=a,c.onclick_callback=b):c.dataset.value=b;b.className&&(c.className+=" "+b.className)}this.root.appendChild(c);r||c.addEventListener("click",f);d.autoopen&&c.addEventListener("mouseenter",g);return c};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,g){var f=document.createEvent("CustomEvent");f.initCustomEvent(b,
-!0,!0,d);f.srcElement=g;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,g=a.clientY,f=b.getBoundingClientRect();return f?g>f.top&&g<f.top+f.height&&d>f.left&&d<f.left+f.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)))};D.sampleCurve=function(a,b){if(b){for(var d=0;d<b.length-1;++d){var g=b[d],f=b[d+1];if(!(f[0]<a)){d=f[0]-g[0];if(1E-5>Math.abs(d))return g[1];d=(a-g[0])/d;return g[1]*(1-d)+f[1]*d}}return 0}};D.prototype.draw=function(a,b,d,g,f,e){if(d=this.points){this.size=b;var c=b[0]-2*this.margin;b=b[1]-2*this.margin;f=f||"#666";a.save();a.translate(this.margin,
-this.margin);g&&(a.fillStyle="#111",a.fillRect(0,0,c,b),a.fillStyle="#222",a.fillRect(0.5*c,0,1,b),a.strokeStyle="#333",a.strokeRect(0,0,c,b));a.strokeStyle=f;e&&(a.globalAlpha=0.5);a.beginPath();for(g=0;g<d.length;++g)f=d[g],a.lineTo(f[0]*c,(1-f[1])*b);a.stroke();a.globalAlpha=1;if(!e)for(g=0;g<d.length;++g)f=d[g],a.fillStyle=this.selected==g?"#FFF":this.nearest==g?"#DDD":"#AAA",a.beginPath(),a.arc(f[0]*c,(1-f[1])*b,2,0,2*Math.PI),a.fill();a.restore()}};D.prototype.onMouseDown=function(a,b){var d=
-this.points;if(d&&!(0>a[1])){var g=this.size[0]-2*this.margin,f=this.size[1]-2*this.margin,e=a[0]-this.margin,c=a[1]-this.margin;this.selected=this.getCloserPoint([e,c],30/b.ds.scale);-1==this.selected&&(g=[e/g,1-c/f],d.push(g),d.sort(function(a,b){return a[0]-b[0]}),this.selected=d.indexOf(g),this.must_update=!0);if(-1!=this.selected)return!0}};D.prototype.onMouseMove=function(a,b){var d=this.points;if(d){var g=this.selected;if(!(0>g)){var f=(a[0]-this.margin)/(this.size[0]-2*this.margin),e=(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);var c=d[g];if(c){var r=0==g||g==d.length-1;!r&&(-10>a[0]||a[0]>this.size[0]+10||-10>a[1]||a[1]>this.size[1]+10)?(d.splice(g,1),this.selected=-1):(c[0]=r?0==g?0:1:Math.clamp(f,0,1),c[1]=1-Math.clamp(e,0,1),d.sort(function(a,b){return a[0]-b[0]}),this.selected=d.indexOf(c),this.must_update=!0)}}}};D.prototype.onMouseUp=function(a,b){this.selected=-1;return!1};D.prototype.getCloserPoint=
-function(a,b){var d=this.points;if(!d)return-1;b=b||30;for(var g=this.size[0]-2*this.margin,f=this.size[1]-2*this.margin,e=d.length,c=[0,0],r=1E6,l=-1,n=0;n<e;++n){var q=d[n];c[0]=q[0]*g;c[1]=(1-q[1])*f;q=vec2.distance(a,c);q>r||q>b||(l=n,r=q)}return l};e.CurveEditor=D;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);
+enumerable:!0})};r.prototype.configure=function(a){this.title=a.title;this._bounding.set(a.bounding);this.color=a.color;this.font=a.font};r.prototype.serialize=function(){var a=this._bounding;return{title:this.title,bounding:[Math.round(a[0]),Math.round(a[1]),Math.round(a[2]),Math.round(a[3])],color:this.color,font:this.font}};r.prototype.move=function(a,b,d){this._pos[0]+=a;this._pos[1]+=b;if(!d)for(d=0;d<this._nodes.length;++d){var g=this._nodes[d];g.pos[0]+=a;g.pos[1]+=b}};r.prototype.recomputeInsideNodes=
+function(){this._nodes.length=0;for(var a=this.graph._nodes,b=new Float32Array(4),d=0;d<a.length;++d){var g=a[d];g.getBounding(b);G(this._bounding,b)&&this._nodes.push(g)}};r.prototype.isPointInside=v.prototype.isPointInside;r.prototype.setDirtyCanvas=v.prototype.setDirtyCanvas;f.DragAndScale=t;t.prototype.bindEvents=function(a){this.last_mouse=new Float32Array(2);this._binded_mouse_callback=this.onMouse.bind(this);a.addEventListener("mousedown",this._binded_mouse_callback);a.addEventListener("mousemove",
+this._binded_mouse_callback);a.addEventListener("mousewheel",this._binded_mouse_callback,!1);a.addEventListener("wheel",this._binded_mouse_callback,!1)};t.prototype.computeVisibleArea=function(a){if(this.element){var b=this.element.width,d=this.element.height,g=-this.offset[0],e=-this.offset[1];a&&(g+=a[0]/this.scale,e+=a[1]/this.scale,b=a[2],d=a[3]);a=g+b/this.scale;d=e+d/this.scale;this.visible_area[0]=g;this.visible_area[1]=e;this.visible_area[2]=a-g;this.visible_area[3]=d-e}else this.visible_area[0]=
+this.visible_area[1]=this.visible_area[2]=this.visible_area[3]=0};t.prototype.onMouse=function(a){if(this.enabled){var b=this.element,d=b.getBoundingClientRect(),g=a.clientX-d.left,d=a.clientY-d.top;a.canvasx=g;a.canvasy=d;a.dragging=this.dragging;var e=!this.viewport||this.viewport&&g>=this.viewport[0]&&g<this.viewport[0]+this.viewport[2]&&d>=this.viewport[1]&&d<this.viewport[1]+this.viewport[3],f=!1;this.onmouse&&(f=this.onmouse(a));"mousedown"==a.type&&e?(this.dragging=!0,b.removeEventListener("mousemove",
+this._binded_mouse_callback),document.body.addEventListener("mousemove",this._binded_mouse_callback),document.body.addEventListener("mouseup",this._binded_mouse_callback)):"mousemove"==a.type?f||(b=g-this.last_mouse[0],f=d-this.last_mouse[1],this.dragging&&this.mouseDrag(b,f)):"mouseup"==a.type?(this.dragging=!1,document.body.removeEventListener("mousemove",this._binded_mouse_callback),document.body.removeEventListener("mouseup",this._binded_mouse_callback),b.addEventListener("mousemove",this._binded_mouse_callback)):
+!e||"mousewheel"!=a.type&&"wheel"!=a.type&&"DOMMouseScroll"!=a.type||(a.eventType="mousewheel",a.wheel="wheel"==a.type?-a.deltaY:null!=a.wheelDeltaY?a.wheelDeltaY:-60*a.detail,a.delta=a.wheelDelta?a.wheelDelta/40:a.deltaY?-a.deltaY/3:0,this.changeDeltaScale(1+0.05*a.delta));this.last_mouse[0]=g;this.last_mouse[1]=d;if(e)return a.preventDefault(),a.stopPropagation(),!1}};t.prototype.toCanvasContext=function(a){a.scale(this.scale,this.scale);a.translate(this.offset[0],this.offset[1])};t.prototype.convertOffsetToCanvas=
+function(a){return[(a[0]+this.offset[0])*this.scale,(a[1]+this.offset[1])*this.scale]};t.prototype.convertCanvasToOffset=function(a,b){b=b||[0,0];b[0]=a[0]/this.scale-this.offset[0];b[1]=a[1]/this.scale-this.offset[1];return b};t.prototype.mouseDrag=function(a,b){this.offset[0]+=a/this.scale;this.offset[1]+=b/this.scale;if(this.onredraw)this.onredraw(this)};t.prototype.changeScale=function(a,b){a<this.min_scale?a=this.min_scale:a>this.max_scale&&(a=this.max_scale);if(a!=this.scale&&this.element){var d=
+this.element.getBoundingClientRect();if(d){b=b||[0.5*d.width,0.5*d.height];d=this.convertCanvasToOffset(b);this.scale=a;0.01>Math.abs(this.scale-1)&&(this.scale=1);var g=this.convertCanvasToOffset(b),d=[g[0]-d[0],g[1]-d[1]];this.offset[0]+=d[0];this.offset[1]+=d[1];if(this.onredraw)this.onredraw(this)}}};t.prototype.changeDeltaScale=function(a,b){this.changeScale(this.scale*a,b)};t.prototype.reset=function(){this.scale=1;this.offset[0]=0;this.offset[1]=0};B.LGraphCanvas=f.LGraphCanvas=h;h.DEFAULT_BACKGROUND_IMAGE=
+"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAIAAAD/gAIDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQBJREFUeNrs1rEKwjAUhlETUkj3vP9rdmr1Ysammk2w5wdxuLgcMHyptfawuZX4pJSWZTnfnu/lnIe/jNNxHHGNn//HNbbv+4dr6V+11uF527arU7+u63qfa/bnmh8sWLBgwYJlqRf8MEptXPBXJXa37BSl3ixYsGDBMliwFLyCV/DeLIMFCxYsWLBMwSt4Be/NggXLYMGCBUvBK3iNruC9WbBgwYJlsGApeAWv4L1ZBgsWLFiwYJmCV/AK3psFC5bBggULloJX8BpdwXuzYMGCBctgwVLwCl7Be7MMFixYsGDBsu8FH1FaSmExVfAxBa/gvVmwYMGCZbBg/W4vAQYA5tRF9QYlv/QAAAAASUVORK5CYII=";h.link_type_colors=
+{"-1":f.EVENT_LINK_COLOR,number:"#AAA",node:"#DCA"};h.gradients={};h.prototype.clear=function(){this.fps=this.render_time=this.last_draw_time=this.frame=0;this.dragging_rectangle=null;this.selected_nodes={};this.selected_group=null;this.visible_nodes=[];this.connecting_node=this.node_capturing_input=this.node_over=this.node_dragged=null;this.highlighted_links={};this.dragging_canvas=!1;this.dirty_bgcanvas=this.dirty_canvas=!0;this.node_widget=this.node_in_panel=this.dirty_area=null;this.last_mouse=
+[0,0];this.last_mouseclick=0;this.visible_area.set([0,0,0,0]);if(this.onClear)this.onClear()};h.prototype.setGraph=function(a,b){this.graph!=a&&(b||this.clear(),!a&&this.graph?this.graph.detachCanvas(this):(a.attachCanvas(this),this._graph_stack&&(this._graph_stack=null),this.setDirty(!0,!0)))};h.prototype.getTopGraph=function(){return this._graph_stack.length?this._graph_stack[0]:this.graph};h.prototype.openSubgraph=function(a){if(!a)throw"graph cannot be null";if(this.graph==a)throw"graph cannot be the same";
+this.clear();this.graph&&(this._graph_stack||(this._graph_stack=[]),this._graph_stack.push(this.graph));a.attachCanvas(this);this.checkPanels();this.setDirty(!0,!0)};h.prototype.closeSubgraph=function(){if(this._graph_stack&&0!=this._graph_stack.length){var a=this.graph._subgraph_node,b=this._graph_stack.pop();this.selected_nodes={};this.highlighted_links={};b.attachCanvas(this);this.setDirty(!0,!0);a&&(this.centerOnNode(a),this.selectNodes([a]))}};h.prototype.getCurrentGraph=function(){return this.graph};
+h.prototype.setCanvas=function(a,b){if(a&&a.constructor===String&&(a=document.getElementById(a),!a))throw"Error creating LiteGraph canvas: Canvas not found";if(a!==this.canvas&&(!a&&this.canvas&&(b||this.unbindEvents()),this.canvas=a,this.ds.element=a)){a.className+=" lgraphcanvas";a.data=this;a.tabindex="1";this.bgcanvas=null;this.bgcanvas||(this.bgcanvas=document.createElement("canvas"),this.bgcanvas.width=this.canvas.width,this.bgcanvas.height=this.canvas.height);if(null==a.getContext){if("canvas"!=
+a.localName)throw"Element supplied for LGraphCanvas must be a <canvas> element, you passed a "+a.localName;throw"This browser doesn't support Canvas";}null==(this.ctx=a.getContext("2d"))&&(a.webgl_enabled||console.warn("This canvas seems to be WebGL, enabling WebGL renderer"),this.enableWebGL());this._mousemove_callback=this.processMouseMove.bind(this);this._mouseup_callback=this.processMouseUp.bind(this);b||this.bindEvents()}};h.prototype._doNothing=function(a){a.preventDefault();return!1};h.prototype._doReturnTrue=
+function(a){a.preventDefault();return!0};h.prototype.bindEvents=function(){if(this._events_binded)console.warn("LGraphCanvas: events already binded");else{var a=this.canvas,b=this.getCanvasWindow().document;this._mousedown_callback=this.processMouseDown.bind(this);this._mousewheel_callback=this.processMouseWheel.bind(this);a.addEventListener("mousedown",this._mousedown_callback,!0);a.addEventListener("mousemove",this._mousemove_callback);a.addEventListener("mousewheel",this._mousewheel_callback,!1);
+a.addEventListener("contextmenu",this._doNothing);a.addEventListener("DOMMouseScroll",this._mousewheel_callback,!1);a.addEventListener("touchstart",this.touchHandler,!0);a.addEventListener("touchmove",this.touchHandler,!0);a.addEventListener("touchend",this.touchHandler,!0);a.addEventListener("touchcancel",this.touchHandler,!0);this._key_callback=this.processKey.bind(this);a.addEventListener("keydown",this._key_callback,!0);b.addEventListener("keyup",this._key_callback,!0);this._ondrop_callback=this.processDrop.bind(this);
+a.addEventListener("dragover",this._doNothing,!1);a.addEventListener("dragend",this._doNothing,!1);a.addEventListener("drop",this._ondrop_callback,!1);a.addEventListener("dragenter",this._doReturnTrue,!1);this._events_binded=!0}};h.prototype.unbindEvents=function(){if(this._events_binded){var a=this.getCanvasWindow().document;this.canvas.removeEventListener("mousedown",this._mousedown_callback);this.canvas.removeEventListener("mousewheel",this._mousewheel_callback);this.canvas.removeEventListener("DOMMouseScroll",
+this._mousewheel_callback);this.canvas.removeEventListener("keydown",this._key_callback);a.removeEventListener("keyup",this._key_callback);this.canvas.removeEventListener("contextmenu",this._doNothing);this.canvas.removeEventListener("drop",this._ondrop_callback);this.canvas.removeEventListener("dragenter",this._doReturnTrue);this.canvas.removeEventListener("touchstart",this.touchHandler);this.canvas.removeEventListener("touchmove",this.touchHandler);this.canvas.removeEventListener("touchend",this.touchHandler);
+this.canvas.removeEventListener("touchcancel",this.touchHandler);this._ondrop_callback=this._key_callback=this._mousewheel_callback=this._mousedown_callback=null;this._events_binded=!1}else console.warn("LGraphCanvas: no events binded")};h.getFileExtension=function(a){var b=a.indexOf("?");-1!=b&&(a=a.substr(0,b));b=a.lastIndexOf(".");return-1==b?"":a.substr(b+1).toLowerCase()};h.prototype.enableWebGL=function(){if(void 0===typeof GL)throw"litegl.js must be included to use a WebGL canvas";if(void 0===
+typeof enableWebGLCanvas)throw"webglCanvas.js must be included to use this feature";this.gl=this.ctx=enableWebGLCanvas(this.canvas);this.ctx.webgl=!0;this.bgcanvas=this.canvas;this.bgctx=this.gl;this.canvas.webgl_enabled=!0};h.prototype.setDirty=function(a,b){a&&(this.dirty_canvas=!0);b&&(this.dirty_bgcanvas=!0)};h.prototype.getCanvasWindow=function(){if(!this.canvas)return window;var a=this.canvas.ownerDocument;return a.defaultView||a.parentWindow};h.prototype.startRendering=function(){function a(){this.pause_rendering||
+this.draw();var b=this.getCanvasWindow();this.is_rendering&&b.requestAnimationFrame(a.bind(this))}this.is_rendering||(this.is_rendering=!0,a.call(this))};h.prototype.stopRendering=function(){this.is_rendering=!1};h.prototype.blockClick=function(){this.block_click=!0;this.last_mouseclick=0};h.prototype.processMouseDown=function(a){this.set_canvas_dirty_on_mouse_event&&(this.dirty_canvas=!0);if(this.graph){this.adjustMouseEvent(a);var b=this.getCanvasWindow();h.active_canvas=this;var d=this,g=a.localX,
+e=a.localY;this.ds.viewport=this.viewport;g=!this.viewport||this.viewport&&g>=this.viewport[0]&&g<this.viewport[0]+this.viewport[2]&&e>=this.viewport[1]&&e<this.viewport[1]+this.viewport[3];this.options.skip_events||(this.canvas.removeEventListener("mousemove",this._mousemove_callback),b.document.addEventListener("mousemove",this._mousemove_callback,!0),b.document.addEventListener("mouseup",this._mouseup_callback,!0));if(g){var y=this.graph.getNodeOnPos(a.canvasX,a.canvasY,this.visible_nodes,5),e=
+!1,g=300>f.getTime()-this.last_mouseclick;this.mouse[0]=a.localX;this.mouse[1]=a.localY;this.graph_mouse[0]=a.canvasX;this.graph_mouse[1]=a.canvasY;this.last_click_position=[this.mouse[0],this.mouse[1]];this.canvas.focus();f.closeAllContextMenus(b);if(!this.onMouse||!0!=this.onMouse(a)){if(1==a.which){a.ctrlKey&&(this.dragging_rectangle=new Float32Array(4),this.dragging_rectangle[0]=a.canvasX,this.dragging_rectangle[1]=a.canvasY,this.dragging_rectangle[2]=1,this.dragging_rectangle[3]=1,e=!0);var m=
+!1;if(y&&this.allow_interaction&&!e&&!this.read_only){this.live_mode||y.flags.pinned||this.bringToFront(y);if(!this.connecting_node&&!y.flags.collapsed&&!this.live_mode)if(!e&&!1!==y.resizable&&z(a.canvasX,a.canvasY,y.pos[0]+y.size[0]-5,y.pos[1]+y.size[1]-5,10,10))this.graph.beforeChange(),this.resizing_node=y,this.canvas.style.cursor="se-resize",e=!0;else{if(y.outputs)for(var q=0,c=y.outputs.length;q<c;++q){var l=y.outputs[q],n=y.getConnectionPos(!1,q);if(z(a.canvasX,a.canvasY,n[0]-15,n[1]-10,30,
+20)){this.connecting_node=y;this.connecting_output=l;this.connecting_pos=y.getConnectionPos(!1,q);this.connecting_slot=q;a.shiftKey&&y.disconnectOutput(q);if(g){if(y.onOutputDblClick)y.onOutputDblClick(q,a)}else if(y.onOutputClick)y.onOutputClick(q,a);e=!0;break}}if(y.inputs)for(q=0,c=y.inputs.length;q<c;++q)if(l=y.inputs[q],n=y.getConnectionPos(!0,q),z(a.canvasX,a.canvasY,n[0]-15,n[1]-10,30,20)){if(g){if(y.onInputDblClick)y.onInputDblClick(q,a)}else if(y.onInputClick)y.onInputClick(q,a);if(null!==
+l.link){e=this.graph.links[l.link];y.disconnectInput(q);if(this.allow_reconnect_links||a.shiftKey)this.connecting_node=this.graph._nodes_by_id[e.origin_id],this.connecting_slot=e.origin_slot,this.connecting_output=this.connecting_node.outputs[this.connecting_slot],this.connecting_pos=this.connecting_node.getConnectionPos(!1,this.connecting_slot);e=this.dirty_bgcanvas=!0}}}if(!e){q=!1;c=[a.canvasX-y.pos[0],a.canvasY-y.pos[1]];if(n=this.processNodeWidgets(y,this.graph_mouse,a))q=!0,this.node_widget=
+[y,n];if(g&&this.selected_nodes[y.id]){if(y.onDblClick)y.onDblClick(a,c,this);this.processNodeDblClicked(y);q=!0}y.onMouseDown&&y.onMouseDown(a,c,this)?q=!0:(y.subgraph&&!y.skip_subgraph_button&&!y.flags.collapsed&&c[0]>y.size[0]-f.NODE_TITLE_HEIGHT&&0>c[1]&&(d=this,setTimeout(function(){d.openSubgraph(y.subgraph)},10)),this.live_mode&&(q=m=!0));q||(this.allow_dragnodes&&(this.graph.beforeChange(),this.node_dragged=y),this.selected_nodes[y.id]||this.processNodeSelected(y,a));this.dirty_canvas=!0}}else{if(!this.read_only)for(q=
+0;q<this.visible_links.length;++q)if(m=this.visible_links[q],(c=m._pos)&&!(a.canvasX<c[0]-4||a.canvasX>c[0]+4||a.canvasY<c[1]-4||a.canvasY>c[1]+4)){this.showLinkMenu(m,a);this.over_link_center=null;break}this.selected_group=this.graph.getGroupOnPos(a.canvasX,a.canvasY);this.selected_group_resizing=!1;this.selected_group&&!this.read_only&&(a.ctrlKey&&(this.dragging_rectangle=null),10>D([a.canvasX,a.canvasY],[this.selected_group.pos[0]+this.selected_group.size[0],this.selected_group.pos[1]+this.selected_group.size[1]])*
+this.ds.scale?this.selected_group_resizing=!0:this.selected_group.recomputeInsideNodes());g&&!this.read_only&&this.allow_searchbox&&this.showSearchBox(a);m=!0}!e&&m&&this.allow_dragcanvas&&(this.dragging_canvas=!0)}else 2!=a.which&&3==a.which&&(this.read_only||this.processContextMenu(y,a));this.last_mouse[0]=a.localX;this.last_mouse[1]=a.localY;this.last_mouseclick=f.getTime();this.last_mouse_dragging=!0;this.graph.change();(!b.document.activeElement||"input"!=b.document.activeElement.nodeName.toLowerCase()&&
+"textarea"!=b.document.activeElement.nodeName.toLowerCase())&&a.preventDefault();a.stopPropagation();if(this.onMouseDown)this.onMouseDown(a);return!1}}}};h.prototype.processMouseMove=function(a){this.autoresize&&this.resize();this.set_canvas_dirty_on_mouse_event&&(this.dirty_canvas=!0);if(this.graph){h.active_canvas=this;this.adjustMouseEvent(a);var b=[a.localX,a.localY];this.mouse[0]=b[0];this.mouse[1]=b[1];var d=[b[0]-this.last_mouse[0],b[1]-this.last_mouse[1]];this.last_mouse=b;this.graph_mouse[0]=
+a.canvasX;this.graph_mouse[1]=a.canvasY;if(this.block_click)return a.preventDefault(),!1;a.dragging=this.last_mouse_dragging;this.node_widget&&(this.processNodeWidgets(this.node_widget[0],this.graph_mouse,a,this.node_widget[1]),this.dirty_canvas=!0);if(this.dragging_rectangle)this.dragging_rectangle[2]=a.canvasX-this.dragging_rectangle[0],this.dragging_rectangle[3]=a.canvasY-this.dragging_rectangle[1],this.dirty_canvas=!0;else if(this.selected_group&&!this.read_only)this.selected_group_resizing?this.selected_group.size=
+[a.canvasX-this.selected_group.pos[0],a.canvasY-this.selected_group.pos[1]]:(this.selected_group.move(d[0]/this.ds.scale,d[1]/this.ds.scale,a.ctrlKey),this.selected_group._nodes.length&&(this.dirty_canvas=!0)),this.dirty_bgcanvas=!0;else if(this.dragging_canvas)this.ds.offset[0]+=d[0]/this.ds.scale,this.ds.offset[1]+=d[1]/this.ds.scale,this.dirty_bgcanvas=this.dirty_canvas=!0;else if(this.allow_interaction&&!this.read_only){this.connecting_node&&(this.dirty_canvas=!0);for(var g=this.graph.getNodeOnPos(a.canvasX,
+a.canvasY,this.visible_nodes),b=0,e=this.graph._nodes.length;b<e;++b)if(this.graph._nodes[b].mouseOver&&g!=this.graph._nodes[b]){this.graph._nodes[b].mouseOver=!1;if(this.node_over&&this.node_over.onMouseLeave)this.node_over.onMouseLeave(a);this.node_over=null;this.dirty_canvas=!0}if(g){g.redraw_on_mouse&&(this.dirty_canvas=!0);if(!g.mouseOver&&(g.mouseOver=!0,this.node_over=g,this.dirty_canvas=!0,g.onMouseEnter))g.onMouseEnter(a);if(g.onMouseMove)g.onMouseMove(a,[a.canvasX-g.pos[0],a.canvasY-g.pos[1]],
+this);if(this.connecting_node&&(e=this._highlight_input||[0,0],!this.isOverNodeBox(g,a.canvasX,a.canvasY))){var y=this.isOverNodeInput(g,a.canvasX,a.canvasY,e);-1!=y&&g.inputs[y]?f.isValidConnection(this.connecting_output.type,g.inputs[y].type)&&(this._highlight_input=e):this._highlight_input=null}this.canvas&&(z(a.canvasX,a.canvasY,g.pos[0]+g.size[0]-5,g.pos[1]+g.size[1]-5,5,5)?this.canvas.style.cursor="se-resize":this.canvas.style.cursor="crosshair")}else{e=null;for(b=0;b<this.visible_links.length;++b){var y=
+this.visible_links[b],m=y._pos;if(m&&!(a.canvasX<m[0]-4||a.canvasX>m[0]+4||a.canvasY<m[1]-4||a.canvasY>m[1]+4)){e=y;break}}e!=this.over_link_center&&(this.over_link_center=e,this.dirty_canvas=!0);this.canvas&&(this.canvas.style.cursor="")}if(this.node_capturing_input&&this.node_capturing_input!=g&&this.node_capturing_input.onMouseMove)this.node_capturing_input.onMouseMove(a,[a.canvasX-this.node_capturing_input.pos[0],a.canvasY-this.node_capturing_input.pos[1]],this);if(this.node_dragged&&!this.live_mode){for(b in this.selected_nodes)g=
+this.selected_nodes[b],g.pos[0]+=d[0]/this.ds.scale,g.pos[1]+=d[1]/this.ds.scale;this.dirty_bgcanvas=this.dirty_canvas=!0}this.resizing_node&&!this.live_mode&&(d=[a.canvasX-this.resizing_node.pos[0],a.canvasY-this.resizing_node.pos[1]],b=this.resizing_node.computeSize(),d[0]=Math.max(b[0],d[0]),d[1]=Math.max(b[1],d[1]),this.resizing_node.setSize(d),this.canvas.style.cursor="se-resize",this.dirty_bgcanvas=this.dirty_canvas=!0)}a.preventDefault();return!1}};h.prototype.processMouseUp=function(a){this.set_canvas_dirty_on_mouse_event&&
+(this.dirty_canvas=!0);if(this.graph){var b=this.getCanvasWindow().document;h.active_canvas=this;this.options.skip_events||(b.removeEventListener("mousemove",this._mousemove_callback,!0),this.canvas.addEventListener("mousemove",this._mousemove_callback,!0),b.removeEventListener("mouseup",this._mouseup_callback,!0));this.adjustMouseEvent(a);b=f.getTime();a.click_time=b-this.last_mouseclick;this.last_mouse_dragging=!1;this.last_click_position=null;this.block_click&&(console.log("foo"),this.block_click=
+!1);if(1==a.which){this.node_widget&&this.processNodeWidgets(this.node_widget[0],this.graph_mouse,a);this.node_widget=null;if(this.selected_group){var b=this.selected_group.pos[0]-Math.round(this.selected_group.pos[0]),d=this.selected_group.pos[1]-Math.round(this.selected_group.pos[1]);this.selected_group.move(b,d,a.ctrlKey);this.selected_group.pos[0]=Math.round(this.selected_group.pos[0]);this.selected_group.pos[1]=Math.round(this.selected_group.pos[1]);this.selected_group._nodes.length&&(this.dirty_canvas=
+!0);this.selected_group=null}this.selected_group_resizing=!1;if(this.dragging_rectangle){if(this.graph){b=this.graph._nodes;d=new Float32Array(4);this.deselectAllNodes();var g=Math.abs(this.dragging_rectangle[2]),e=Math.abs(this.dragging_rectangle[3]),y=0>this.dragging_rectangle[3]?this.dragging_rectangle[1]-e:this.dragging_rectangle[1];this.dragging_rectangle[0]=0>this.dragging_rectangle[2]?this.dragging_rectangle[0]-g:this.dragging_rectangle[0];this.dragging_rectangle[1]=y;this.dragging_rectangle[2]=
+g;this.dragging_rectangle[3]=e;e=[];for(y=0;y<b.length;++y)g=b[y],g.getBounding(d),G(this.dragging_rectangle,d)&&e.push(g);e.length&&this.selectNodes(e)}this.dragging_rectangle=null}else if(this.connecting_node){this.dirty_bgcanvas=this.dirty_canvas=!0;if(g=this.graph.getNodeOnPos(a.canvasX,a.canvasY,this.visible_nodes))this.connecting_output.type==f.EVENT&&this.isOverNodeBox(g,a.canvasX,a.canvasY)?this.connecting_node.connect(this.connecting_slot,g,f.EVENT):(b=this.isOverNodeInput(g,a.canvasX,a.canvasY),
+-1!=b?this.connecting_node.connect(this.connecting_slot,g,b):(b=g.getInputInfo(0),this.connecting_output.type==f.EVENT?this.connecting_node.connect(this.connecting_slot,g,f.EVENT):b&&!b.link&&f.isValidConnection(b.type&&this.connecting_output.type)&&this.connecting_node.connect(this.connecting_slot,g,0)));this.connecting_node=this.connecting_pos=this.connecting_output=null;this.connecting_slot=-1}else if(this.resizing_node)this.dirty_bgcanvas=this.dirty_canvas=!0,this.graph.afterChange(this.resizing_node),
+this.resizing_node=null;else if(this.node_dragged){(g=this.node_dragged)&&300>a.click_time&&z(a.canvasX,a.canvasY,g.pos[0],g.pos[1]-f.NODE_TITLE_HEIGHT,f.NODE_TITLE_HEIGHT,f.NODE_TITLE_HEIGHT)&&g.collapse();this.dirty_bgcanvas=this.dirty_canvas=!0;this.node_dragged.pos[0]=Math.round(this.node_dragged.pos[0]);this.node_dragged.pos[1]=Math.round(this.node_dragged.pos[1]);(this.graph.config.align_to_grid||this.align_to_grid)&&this.node_dragged.alignToGrid();if(this.onNodeMoved)this.onNodeMoved(this.node_dragged);
+this.graph.afterChange(this.node_dragged);this.node_dragged=null}else{g=this.graph.getNodeOnPos(a.canvasX,a.canvasY,this.visible_nodes);!g&&300>a.click_time&&this.deselectAllNodes();this.dirty_canvas=!0;this.dragging_canvas=!1;if(this.node_over&&this.node_over.onMouseUp)this.node_over.onMouseUp(a,[a.canvasX-this.node_over.pos[0],a.canvasY-this.node_over.pos[1]],this);if(this.node_capturing_input&&this.node_capturing_input.onMouseUp)this.node_capturing_input.onMouseUp(a,[a.canvasX-this.node_capturing_input.pos[0],
+a.canvasY-this.node_capturing_input.pos[1]])}}else 2==a.which?(this.dirty_canvas=!0,this.dragging_canvas=!1):3==a.which&&(this.dirty_canvas=!0,this.dragging_canvas=!1);this.graph.change();a.stopPropagation();a.preventDefault();return!1}};h.prototype.processMouseWheel=function(a){if(this.graph&&this.allow_dragcanvas){var b=null!=a.wheelDeltaY?a.wheelDeltaY:-60*a.detail;this.adjustMouseEvent(a);var d=a.localX,g=a.localY;if(!this.viewport||this.viewport&&d>=this.viewport[0]&&d<this.viewport[0]+this.viewport[2]&&
+g>=this.viewport[1]&&g<this.viewport[1]+this.viewport[3])return d=this.ds.scale,0<b?d*=1.1:0>b&&(d*=1/1.1),this.ds.changeScale(d,[a.localX,a.localY]),this.graph.change(),a.preventDefault(),!1}};h.prototype.isOverNodeBox=function(a,b,d){var g=f.NODE_TITLE_HEIGHT;return z(b,d,a.pos[0]+2,a.pos[1]+2-g,g-4,g-4)?!0:!1};h.prototype.isOverNodeInput=function(a,b,d,g){if(a.inputs)for(var e=0,f=a.inputs.length;e<f;++e){var m=a.getConnectionPos(!0,e),q=!1;if(q=a.horizontal?z(b,d,m[0]-5,m[1]-10,10,20):z(b,d,m[0]-
+10,m[1]-5,40,10))return g&&(g[0]=m[0],g[1]=m[1]),e}return-1};h.prototype.processKey=function(a){if(this.graph){var b=!1;if("input"!=a.target.localName){if("keydown"==a.type){if(32==a.keyCode&&(b=this.dragging_canvas=!0),65==a.keyCode&&a.ctrlKey&&(this.selectNodes(),b=!0),"KeyC"==a.code&&(a.metaKey||a.ctrlKey)&&!a.shiftKey&&this.selected_nodes&&(this.copyToClipboard(),b=!0),"KeyV"!=a.code||!a.metaKey&&!a.ctrlKey||a.shiftKey||this.pasteFromClipboard(),46!=a.keyCode&&8!=a.keyCode||"input"==a.target.localName||
+"textarea"==a.target.localName||(this.deleteSelectedNodes(),b=!0),this.selected_nodes)for(var d in this.selected_nodes)if(this.selected_nodes[d].onKeyDown)this.selected_nodes[d].onKeyDown(a)}else if("keyup"==a.type&&(32==a.keyCode&&(this.dragging_canvas=!1),this.selected_nodes))for(d in this.selected_nodes)if(this.selected_nodes[d].onKeyUp)this.selected_nodes[d].onKeyUp(a);this.graph.change();if(b)return a.preventDefault(),a.stopImmediatePropagation(),!1}}};h.prototype.copyToClipboard=function(){var a=
+{nodes:[],links:[]},b=0,d=[],g;for(g in this.selected_nodes){var e=this.selected_nodes[g];e._relative_id=b;d.push(e);b+=1}for(g=0;g<d.length;++g)if(e=d[g],b=e.clone()){if(a.nodes.push(b.serialize()),e.inputs&&e.inputs.length)for(b=0;b<e.inputs.length;++b){var f=e.inputs[b];if(f&&null!=f.link&&(f=this.graph.links[f.link])){var m=this.graph.getNodeById(f.origin_id);m&&this.selected_nodes[m.id]&&a.links.push([m._relative_id,f.origin_slot,e._relative_id,f.target_slot])}}}else console.warn("node type not found: "+
+e.type);localStorage.setItem("litegrapheditor_clipboard",JSON.stringify(a))};h.prototype.pasteFromClipboard=function(){var a=localStorage.getItem("litegrapheditor_clipboard");if(a){this.graph.beforeChange();for(var a=JSON.parse(a),b=[],d=0;d<a.nodes.length;++d){var g=a.nodes[d],e=f.createNode(g.type);e&&(e.configure(g),e.pos[0]+=5,e.pos[1]+=5,this.graph.add(e),b.push(e))}for(d=0;d<a.links.length;++d){var g=a.links[d],e=b[g[0]],y=b[g[2]];e&&y?e.connect(g[1],y,g[3]):console.warn("Warning, nodes missing on pasting")}this.selectNodes(b);
+this.graph.afterChange()}};h.prototype.processDrop=function(a){a.preventDefault();this.adjustMouseEvent(a);var b=a.localX,d=a.localY;if(!this.viewport||this.viewport&&b>=this.viewport[0]&&b<this.viewport[0]+this.viewport[2]&&d>=this.viewport[1]&&d<this.viewport[1]+this.viewport[3]){var b=[a.canvasX,a.canvasY],g=this.graph?this.graph.getNodeOnPos(b[0],b[1]):null;if(g){if((g.onDropFile||g.onDropData)&&(b=a.dataTransfer.files)&&b.length)for(d=0;d<b.length;d++){var e=a.dataTransfer.files[0],f=e.name;
+h.getFileExtension(f);if(g.onDropFile)g.onDropFile(e);if(g.onDropData){var m=new FileReader;m.onload=function(a){g.onDropData(a.target.result,f,e)};var q=e.type.split("/")[0];"text"==q||""==q?m.readAsText(e):"image"==q?m.readAsDataURL(e):m.readAsArrayBuffer(e)}}return g.onDropItem&&g.onDropItem(event)?!0:this.onDropItem?this.onDropItem(event):!1}b=null;this.onDropItem&&(b=this.onDropItem(event));b||this.checkDropItem(a)}};h.prototype.checkDropItem=function(a){if(a.dataTransfer.files.length){var b=
+a.dataTransfer.files[0],d=h.getFileExtension(b.name).toLowerCase();if(d=f.node_types_by_file_extension[d]){this.graph.beforeChange();d=f.createNode(d.type);d.pos=[a.canvasX,a.canvasY];this.graph.add(d);if(d.onDropFile)d.onDropFile(b);this.graph.afterChange()}}};h.prototype.processNodeDblClicked=function(a){if(this.onShowNodePanel)this.onShowNodePanel(a);else this.showShowNodePanel(a);if(this.onNodeDblClicked)this.onNodeDblClicked(a);this.setDirty(!0)};h.prototype.processNodeSelected=function(a,b){this.selectNode(a,
+b&&b.shiftKey);if(this.onNodeSelected)this.onNodeSelected(a)};h.prototype.selectNode=function(a,b){null==a?this.deselectAllNodes():this.selectNodes([a],b)};h.prototype.selectNodes=function(a,b){b||this.deselectAllNodes();a=a||this.graph._nodes;for(var d=0;d<a.length;++d){var g=a[d];if(!g.is_selected){if(!g.is_selected&&g.onSelected)g.onSelected();g.is_selected=!0;this.selected_nodes[g.id]=g;if(g.inputs)for(var e=0;e<g.inputs.length;++e)this.highlighted_links[g.inputs[e].link]=!0;if(g.outputs)for(e=
+0;e<g.outputs.length;++e){var f=g.outputs[e];if(f.links)for(var m=0;m<f.links.length;++m)this.highlighted_links[f.links[m]]=!0}}}if(this.onSelectionChange)this.onSelectionChange(this.selected_nodes);this.setDirty(!0)};h.prototype.deselectNode=function(a){if(a.is_selected){if(a.onDeselected)a.onDeselected();a.is_selected=!1;if(this.onNodeDeselected)this.onNodeDeselected(a);if(a.inputs)for(var b=0;b<a.inputs.length;++b)delete this.highlighted_links[a.inputs[b].link];if(a.outputs)for(b=0;b<a.outputs.length;++b){var d=
+a.outputs[b];if(d.links)for(var g=0;g<d.links.length;++g)delete this.highlighted_links[d.links[g]]}}};h.prototype.deselectAllNodes=function(){if(this.graph){for(var a=this.graph._nodes,b=0,d=a.length;b<d;++b){var g=a[b];if(g.is_selected){if(g.onDeselected)g.onDeselected();g.is_selected=!1;if(this.onNodeDeselected)this.onNodeDeselected(g)}}this.selected_nodes={};this.current_node=null;this.highlighted_links={};if(this.onSelectionChange)this.onSelectionChange(this.selected_nodes);this.setDirty(!0)}};
+h.prototype.deleteSelectedNodes=function(){this.graph.beforeChange();for(var a in this.selected_nodes){var b=this.selected_nodes[a];if(!b.block_delete){if(b.inputs&&b.inputs.length&&b.outputs&&b.outputs.length&&f.isValidConnection(b.inputs[0].type,b.outputs[0].type)&&b.inputs[0].link&&b.outputs[0].links&&b.outputs[0].links.length){var d=b.graph.links[b.inputs[0].link],g=b.graph.links[b.outputs[0].links[0]],e=b.getInputNode(0),y=b.getOutputNodes(0)[0];e&&y&&e.connect(d.origin_slot,y,g.target_slot)}this.graph.remove(b);
+if(this.onNodeDeselected)this.onNodeDeselected(b)}}this.selected_nodes={};this.current_node=null;this.highlighted_links={};this.setDirty(!0);this.graph.afterChange()};h.prototype.centerOnNode=function(a){this.ds.offset[0]=-a.pos[0]-0.5*a.size[0]+0.5*this.canvas.width/this.ds.scale;this.ds.offset[1]=-a.pos[1]-0.5*a.size[1]+0.5*this.canvas.height/this.ds.scale;this.setDirty(!0,!0)};h.prototype.adjustMouseEvent=function(a){if(this.canvas){var b=this.canvas.getBoundingClientRect();a.localX=a.clientX-
+b.left;a.localY=a.clientY-b.top}else a.localX=a.clientX,a.localY=a.clientY;a.deltaX=a.localX-this.last_mouse_position[0];a.deltaY=a.localY-this.last_mouse_position[1];this.last_mouse_position[0]=a.localX;this.last_mouse_position[1]=a.localY;a.canvasX=a.localX/this.ds.scale-this.ds.offset[0];a.canvasY=a.localY/this.ds.scale-this.ds.offset[1]};h.prototype.setZoom=function(a,b){this.ds.changeScale(a,b);this.dirty_bgcanvas=this.dirty_canvas=!0};h.prototype.convertOffsetToCanvas=function(a,b){return this.ds.convertOffsetToCanvas(a,
+b)};h.prototype.convertCanvasToOffset=function(a,b){return this.ds.convertCanvasToOffset(a,b)};h.prototype.convertEventToCanvasOffset=function(a){var b=this.canvas.getBoundingClientRect();return this.convertCanvasToOffset([a.clientX-b.left,a.clientY-b.top])};h.prototype.bringToFront=function(a){var b=this.graph._nodes.indexOf(a);-1!=b&&(this.graph._nodes.splice(b,1),this.graph._nodes.push(a))};h.prototype.sendToBack=function(a){var b=this.graph._nodes.indexOf(a);-1!=b&&(this.graph._nodes.splice(b,
+1),this.graph._nodes.unshift(a))};var n=new Float32Array(4);h.prototype.computeVisibleNodes=function(a,b){var d=b||[];d.length=0;a=a||this.graph._nodes;for(var g=0,e=a.length;g<e;++g){var f=a[g];(!this.live_mode||f.onDrawBackground||f.onDrawForeground)&&G(this.visible_area,f.getBounding(n))&&d.push(f)}return d};h.prototype.draw=function(a,b){if(this.canvas&&0!=this.canvas.width&&0!=this.canvas.height){var d=f.getTime();this.render_time=0.001*(d-this.last_draw_time);this.last_draw_time=d;this.graph&&
+this.ds.computeVisibleArea(this.viewport);(this.dirty_bgcanvas||b||this.always_render_background||this.graph&&this.graph._last_trigger_time&&1E3>d-this.graph._last_trigger_time)&&this.drawBackCanvas();(this.dirty_canvas||a)&&this.drawFrontCanvas();this.fps=this.render_time?1/this.render_time:0;this.frame+=1}};h.prototype.drawFrontCanvas=function(){this.dirty_canvas=!1;this.ctx||(this.ctx=this.bgcanvas.getContext("2d"));var a=this.ctx;if(a){var b=this.canvas;a.start2D&&!this.viewport&&(a.start2D(),
+a.restore(),a.setTransform(1,0,0,1,0,0));var d=this.viewport||this.dirty_area;d&&(a.save(),a.beginPath(),a.rect(d[0],d[1],d[2],d[3]),a.clip());this.clear_background&&(d?a.clearRect(d[0],d[1],d[2],d[3]):a.clearRect(0,0,b.width,b.height));this.bgcanvas==this.canvas?this.drawBackCanvas():a.drawImage(this.bgcanvas,0,0);if(this.onRender)this.onRender(b,a);this.show_info&&this.renderInfo(a,d?d[0]:0,d?d[1]:0);if(this.graph){a.save();this.ds.toCanvasContext(a);for(var b=this.computeVisibleNodes(null,this.visible_nodes),
+g=0;g<b.length;++g){var e=b[g];a.save();a.translate(e.pos[0],e.pos[1]);this.drawNode(e,a);a.restore()}this.render_execution_order&&this.drawExecutionOrder(a);this.graph.config.links_ontop&&(this.live_mode||this.drawConnections(a));if(null!=this.connecting_pos){a.lineWidth=this.connections_width;b=null;switch(this.connecting_output.type){case f.EVENT:b=f.EVENT_LINK_COLOR;break;default:b=f.CONNECTING_LINK_COLOR}this.renderLink(a,this.connecting_pos,[this.graph_mouse[0],this.graph_mouse[1]],null,!1,
+null,b,this.connecting_output.dir||(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+0.5,this.connecting_pos[1]-5+0.5,14,10):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(),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()}};h.prototype.drawSubgraphPanel=function(a){var b=this.graph,d=b._subgraph_node;if(d){var g=d.inputs?d.inputs.length:0,e=Math.floor(1.6*f.NODE_SLOT_HEIGHT);a.fillStyle="#111";a.globalAlpha=0.8;a.beginPath();a.roundRect(10,10,300,(g+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{g=50;a.font="20px Arial";if(d.inputs)for(var y=
+0;y<d.inputs.length;++y){var m=d.inputs[y];if(!m.not_subgraph_input){if(this.drawButton(20,g+2,280,e-2)){var q=d.constructor.input_node_type||"graph/input";this.graph.beforeChange();var c=f.createNode(q);c?(b.add(c),this.block_click=!1,this.last_click_position=null,this.selectNodes([c]),this.node_dragged=c,this.dragging_canvas=!1,c.setProperty("name",m.name),c.setProperty("type",m.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,g+0.5*e,5,0,2*Math.PI);a.fill();a.fillStyle="#AAA";a.fillText(m.name,50,g+0.75*e);q=a.measureText(m.name);a.fillStyle="#777";a.fillText(m.type,50+q.width+10,g+0.75*e);g+=e}}this.drawButton(20,g+2,280,e-2,"+","#151515","#222")&&this.showSubgraphPropertiesDialog(d)}}else console.warn("subgraph without subnode")};h.prototype.drawButton=function(a,b,d,g,e,y,m,q){var c=this.ctx;y=y||f.NODE_DEFAULT_COLOR;m=m||"#555";
+q=q||f.NODE_TEXT_COLOR;var l=this.mouse,n=f.isInsideRectangle(l[0],l[1],a,b,d,g),l=(l=this.last_click_position)&&f.isInsideRectangle(l[0],l[1],a,b,d,g);c.fillStyle=n?m:y;l&&(c.fillStyle="#AAA");c.beginPath();c.roundRect(a,b,d,g,4);c.fill();null!=e&&e.constructor==String&&(c.fillStyle=q,c.textAlign="center",c.font=(0.65*g|0)+"px Arial",c.fillText(e,a+0.5*d,b+0.75*g),c.textAlign="left");a=l&&!this.block_click;l&&this.blockClick();return a};h.prototype.isAreaClicked=function(a,b,d,g,e){var c=this.mouse;
+f.isInsideRectangle(c[0],c[1],a,b,d,g);b=(a=(c=this.last_click_position)&&f.isInsideRectangle(c[0],c[1],a,b,d,g))&&!this.block_click;a&&e&&this.blockClick();return b};h.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()};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 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 g="",e=1;e<this._graph_stack.length;++e)g+=this._graph_stack[e]._subgraph_node.getTitle()+" >> ";b.fillText(g+d.getTitle(),0.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&&0.5<this.ds.scale&&!d){b.globalAlpha=this.zoom_modify_alpha?(1-0.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)}}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 I=new Float32Array(2);h.prototype.drawNode=function(a,b){this.current_node=a;var d=a.color||a.constructor.color||f.NODE_DEFAULT_COLOR,g=a.bgcolor||a.constructor.bgcolor||f.NODE_DEFAULT_BGCOLOR,e=0.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&&!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||!0!=a.onDrawCollapsed(b,this)){var m=a._shape||f.BOX_SHAPE;I.set(a.size);var q=a.horizontal;if(a.flags.collapsed){b.font=this.inner_text_font;var C=a.getTitle?a.getTitle():a.title;null!=C&&(a._collapsed_width=Math.min(a.size[0],b.measureText(C).width+2*f.NODE_TITLE_HEIGHT),I[0]=a._collapsed_width,I[1]=0)}a.clip_area&&
+(b.save(),b.beginPath(),m==f.BOX_SHAPE?b.rect(0,0,I[0],I[1]):m==f.ROUND_SHAPE?b.roundRect(0,0,I[0],I[1],10):m==f.CIRCLE_SHAPE&&b.arc(0.5*I[0],0.5*I[1],0.5*I[0],0,2*Math.PI),b.clip());a.has_errors&&(g="red");this.drawNodeShape(a,b,I,d,g,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;g=!e;m=this.connecting_output;b.lineWidth=1;var C=0,l=new Float32Array(2);if(!a.flags.collapsed){if(a.inputs)for(d=
+0;d<a.inputs.length;d++){var n=a.inputs[d];b.globalAlpha=c;this.connecting_node&&!f.isValidConnection(n.type,m.type)&&(b.globalAlpha=0.4*c);b.fillStyle=null!=n.link?n.color_on||this.default_connection_color.input_on:n.color_off||this.default_connection_color.input_off;var u=a.getConnectionPos(!0,d,l);u[0]-=a.pos[0];u[1]-=a.pos[1];C<u[1]+0.5*f.NODE_SLOT_HEIGHT&&(C=u[1]+0.5*f.NODE_SLOT_HEIGHT);b.beginPath();n.type===f.EVENT||n.shape===f.BOX_SHAPE?q?b.rect(u[0]-5+0.5,u[1]-8+0.5,10,14):b.rect(u[0]-6+
+0.5,u[1]-5+0.5,14,10):n.shape===f.ARROW_SHAPE?(b.moveTo(u[0]+8,u[1]+0.5),b.lineTo(u[0]-4,u[1]+6+0.5),b.lineTo(u[0]-4,u[1]-6+0.5),b.closePath()):e?b.rect(u[0]-4,u[1]-4,8,8):b.arc(u[0],u[1],4,0,2*Math.PI);b.fill();if(g){var F=null!=n.label?n.label:n.name;F&&(b.fillStyle=f.NODE_TEXT_COLOR,q||n.dir==f.UP?b.fillText(F,u[0],u[1]-10):b.fillText(F,u[0]+10,u[1]+5))}}this.connecting_node&&(b.globalAlpha=0.4*c);b.textAlign=q?"center":"right";b.strokeStyle="black";if(a.outputs)for(d=0;d<a.outputs.length;d++)if(n=
+a.outputs[d],u=a.getConnectionPos(!1,d,l),u[0]-=a.pos[0],u[1]-=a.pos[1],C<u[1]+0.5*f.NODE_SLOT_HEIGHT&&(C=u[1]+0.5*f.NODE_SLOT_HEIGHT),b.fillStyle=n.links&&n.links.length?n.color_on||this.default_connection_color.output_on:n.color_off||this.default_connection_color.output_off,b.beginPath(),n.type===f.EVENT||n.shape===f.BOX_SHAPE?q?b.rect(u[0]-5+0.5,u[1]-8+0.5,10,14):b.rect(u[0]-6+0.5,u[1]-5+0.5,14,10):n.shape===f.ARROW_SHAPE?(b.moveTo(u[0]+8,u[1]+0.5),b.lineTo(u[0]-4,u[1]+6+0.5),b.lineTo(u[0]-4,u[1]-
+6+0.5),b.closePath()):e?b.rect(u[0]-4,u[1]-4,8,8):b.arc(u[0],u[1],4,0,2*Math.PI),b.fill(),e||b.stroke(),g&&(F=null!=n.label?n.label:n.name))b.fillStyle=f.NODE_TEXT_COLOR,q||n.dir==f.DOWN?b.fillText(F,u[0],u[1]-8):b.fillText(F,u[0]-10,u[1]+5);b.textAlign="left";b.globalAlpha=1;if(a.widgets){n=C;if(q||a.widgets_up)n=2;null!=a.widgets_start_y&&(n=a.widgets_start_y);this.drawNodeWidgets(a,n,b,this.node_widget&&this.node_widget[0]==a?this.node_widget[1]:null)}}else if(this.render_collapsed_slots){e=c=
+null;if(a.inputs)for(d=0;d<a.inputs.length;d++)if(n=a.inputs[d],null!=n.link){c=n;break}if(a.outputs)for(d=0;d<a.outputs.length;d++)n=a.outputs[d],n.links&&n.links.length&&(e=n);c&&(c=0,d=-0.5*f.NODE_TITLE_HEIGHT,q&&(c=0.5*a._collapsed_width,d=-f.NODE_TITLE_HEIGHT),b.fillStyle="#686",b.beginPath(),n.type===f.EVENT||n.shape===f.BOX_SHAPE?b.rect(c-7+0.5,d-4,14,8):n.shape===f.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());e&&(c=a._collapsed_width,
+d=-0.5*f.NODE_TITLE_HEIGHT,q&&(c=0.5*a._collapsed_width,d=0),b.fillStyle="#686",b.strokeStyle="black",b.beginPath(),n.type===f.EVENT||n.shape===f.BOX_SHAPE?b.rect(c-7+0.5,d-4,14,8):n.shape===f.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}}};h.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||
+!0!=this.onDrawLinkTooltip(a,b,this))){var g=b.data,e=null,e=g.constructor===Number?g.toFixed(2):g.constructor===String?'"'+g+'"':g.constructor===Boolean?String(g):g.toToolTip?g.toToolTip():"["+g.constructor.name+"]";null!=e&&(e=e.substr(0,30),a.font="14px Courier New",g=a.measureText(e).width+20,a.shadowColor="black",a.shadowOffsetX=2,a.shadowOffsetY=2,a.shadowBlur=3,a.fillStyle="#454",a.beginPath(),a.roundRect(d[0]-0.5*g,d[1]-15-24,g,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(e,d[0],d[1]-15-24*0.3))}};var x=new Float32Array(4);h.prototype.drawNodeShape=function(a,b,d,g,e,c,m){b.strokeStyle=g;b.fillStyle=e;e=f.NODE_TITLE_HEIGHT;var q=0.5>this.ds.scale,C=a._shape||a.constructor.shape||f.ROUND_SHAPE,l=a.constructor.title_mode,n=!0;l==f.TRANSPARENT_TITLE?n=!1:l==f.AUTOHIDE_TITLE&&m&&(n=!0);x[0]=0;x[1]=n?-e:0;x[2]=d[0]+1;x[3]=n?d[1]+e:d[1];m=b.globalAlpha;b.beginPath();C==f.BOX_SHAPE||
+q?b.fillRect(x[0],x[1],x[2],x[3]):C==f.ROUND_SHAPE||C==f.CARD_SHAPE?b.roundRect(x[0],x[1],x[2],x[3],this.round_radius,C==f.CARD_SHAPE?0:this.round_radius):C==f.CIRCLE_SHAPE&&b.arc(0.5*d[0],0.5*d[1],0.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(n||l==f.TRANSPARENT_TITLE){if(a.onDrawTitleBar)a.onDrawTitleBar(b,
+e,d,this.ds.scale,g);else if(l!=f.TRANSPARENT_TITLE&&(a.constructor.title_color||this.render_title_colored)){n=a.constructor.title_color||g;a.flags.collapsed&&(b.shadowColor=f.DEFAULT_SHADOW_COLOR);if(this.use_gradients){var u=h.gradients[n];u||(u=h.gradients[n]=b.createLinearGradient(0,0,400,0),u.addColorStop(0,n),u.addColorStop(1,"#000"));b.fillStyle=u}else b.fillStyle=n;b.beginPath();C==f.BOX_SHAPE||q?b.rect(0,-e,d[0]+1,e):C!=f.ROUND_SHAPE&&C!=f.CARD_SHAPE||b.roundRect(0,-e,d[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,d,this.ds.scale);else C==f.ROUND_SHAPE||C==f.CIRCLE_SHAPE||C==f.CARD_SHAPE?(q&&(b.fillStyle="black",b.beginPath(),b.arc(0.5*e,-0.5*e,6,0,2*Math.PI),b.fill()),b.fillStyle=a.boxcolor||f.NODE_DEFAULT_BOXCOLOR,q?b.fillRect(0.5*e-5,-0.5*e-5,10,10):(b.beginPath(),b.arc(0.5*e,-0.5*e,5,0,2*Math.PI),b.fill())):(q&&(b.fillStyle="black",b.fillRect(0.5*(e-10)-1,-0.5*(e+10)-1,12,12)),b.fillStyle=
+a.boxcolor||f.NODE_DEFAULT_BOXCOLOR,b.fillRect(0.5*(e-10),-0.5*(e+10),10,10));b.globalAlpha=m;if(a.onDrawTitleText)a.onDrawTitleText(b,e,d,this.ds.scale,this.title_text_font,c);!q&&(b.font=this.title_text_font,m=String(a.getTitle()))&&(b.fillStyle=c?f.NODE_SELECTED_TITLE_COLOR:a.constructor.title_text_color||this.node_title_color,a.flags.collapsed?(b.textAlign="left",b.measureText(m),b.fillText(m.substr(0,20),e,f.NODE_TITLE_TEXT_Y-e),b.textAlign="left"):(b.textAlign="left",b.fillText(m,e,f.NODE_TITLE_TEXT_Y-
+e)));a.flags.collapsed||!a.subgraph||a.skip_subgraph_button||(m=f.NODE_TITLE_HEIGHT,n=a.size[0]-m,u=f.isInsideRectangle(this.graph_mouse[0]-a.pos[0],this.graph_mouse[1]-a.pos[1],n+2,-m+2,m-4,m-4),b.fillStyle=u?"#888":"#555",C==f.BOX_SHAPE||q?b.fillRect(n+2,-m+2,m-4,m-4):(b.beginPath(),b.roundRect(n+2,-m+2,m-4,m-4,4),b.fill()),b.fillStyle="#333",b.beginPath(),b.moveTo(n+0.2*m,0.6*-m),b.lineTo(n+0.8*m,0.6*-m),b.lineTo(n+0.5*m,0.3*-m),b.fill());if(a.onDrawTitle)a.onDrawTitle(b)}if(c){if(a.onBounding)a.onBounding(x);
+l==f.TRANSPARENT_TITLE&&(x[1]-=e,x[3]+=e);b.lineWidth=1;b.globalAlpha=0.8;b.beginPath();C==f.BOX_SHAPE?b.rect(-6+x[0],-6+x[1],12+x[2],12+x[3]):C==f.ROUND_SHAPE||C==f.CARD_SHAPE&&a.flags.collapsed?b.roundRect(-6+x[0],-6+x[1],12+x[2],12+x[3],2*this.round_radius):C==f.CARD_SHAPE?b.roundRect(-6+x[0],-6+x[1],12+x[2],12+x[3],2*this.round_radius,2):C==f.CIRCLE_SHAPE&&b.arc(0.5*d[0],0.5*d[1],0.5*d[0]+6,0,2*Math.PI);b.strokeStyle=f.NODE_BOX_OUTLINE_COLOR;b.stroke();b.strokeStyle=g;b.globalAlpha=1}};var L=
+new Float32Array(4),s=new Float32Array(4),w=new Float32Array(2),l=new Float32Array(2);h.prototype.drawConnections=function(a){var b=f.getTime(),d=this.visible_area;L[0]=d[0]-20;L[1]=d[1]-20;L[2]=d[2]+40;L[3]=d[3]+40;a.lineWidth=this.connections_width;a.fillStyle="#AAA";a.strokeStyle="#AAA";a.globalAlpha=this.editor_alpha;for(var d=this.graph._nodes,g=0,e=d.length;g<e;++g){var c=d[g];if(c.inputs&&c.inputs.length)for(var m=0;m<c.inputs.length;++m){var q=c.inputs[m];if(q&&null!=q.link&&(q=this.graph.links[q.link])){var C=
+this.graph.getNodeById(q.origin_id);if(null!=C){var n=q.origin_slot,h=null,h=-1==n?[C.pos[0]+10,C.pos[1]+10]:C.getConnectionPos(!1,n,w),u=c.getConnectionPos(!0,m,l);s[0]=h[0];s[1]=h[1];s[2]=u[0]-h[0];s[3]=u[1]-h[1];0>s[2]&&(s[0]+=s[2],s[2]=Math.abs(s[2]));0>s[3]&&(s[1]+=s[3],s[3]=Math.abs(s[3]));if(G(s,L)){var F=C.outputs[n],n=c.inputs[m];if(F&&n&&(C=F.dir||(C.horizontal?f.DOWN:f.RIGHT),n=n.dir||(c.horizontal?f.UP:f.LEFT),this.renderLink(a,h,u,q,!1,0,null,C,n),q&&q._last_time&&1E3>b-q._last_time)){var F=
+2-0.002*(b-q._last_time),r=a.globalAlpha;a.globalAlpha=r*F;this.renderLink(a,h,u,q,!0,F,"white",C,n);a.globalAlpha=r}}}}}}a.globalAlpha=1};h.prototype.renderLink=function(a,b,d,g,e,c,m,q,C,l){g&&this.visible_links.push(g);!m&&g&&(m=g.color||h.link_type_colors[g.type]);m||(m=this.default_link_color);null!=g&&this.highlighted_links[g.id]&&(m="#FFF");q=q||f.RIGHT;C=C||f.LEFT;var n=D(b,d);this.render_connections_border&&0.6<this.ds.scale&&(a.lineWidth=this.connections_width+4);a.lineJoin="round";l=l||
+1;1<l&&(a.lineWidth=0.5);a.beginPath();for(var u=0;u<l;u+=1){var F=5*(u-0.5*(l-1));if(this.links_render_mode==f.SPLINE_LINK){a.moveTo(b[0],b[1]+F);var s=0,J=0,H=0,w=0;switch(q){case f.LEFT:s=-0.25*n;break;case f.RIGHT:s=0.25*n;break;case f.UP:J=-0.25*n;break;case f.DOWN:J=0.25*n}switch(C){case f.LEFT:H=-0.25*n;break;case f.RIGHT:H=0.25*n;break;case f.UP:w=-0.25*n;break;case f.DOWN:w=0.25*n}a.bezierCurveTo(b[0]+s,b[1]+J+F,d[0]+H,d[1]+w+F,d[0],d[1]+F)}else if(this.links_render_mode==f.LINEAR_LINK){a.moveTo(b[0],
+b[1]+F);w=H=J=s=0;switch(q){case f.LEFT:s=-1;break;case f.RIGHT:s=1;break;case f.UP:J=-1;break;case f.DOWN:J=1}switch(C){case f.LEFT:H=-1;break;case f.RIGHT:H=1;break;case f.UP:w=-1;break;case f.DOWN:w=1}a.lineTo(b[0]+15*s,b[1]+15*J+F);a.lineTo(d[0]+15*H,d[1]+15*w+F);a.lineTo(d[0],d[1]+F)}else if(this.links_render_mode==f.STRAIGHT_LINK)a.moveTo(b[0],b[1]),F=b[0],s=b[1],J=d[0],H=d[1],q==f.RIGHT?F+=10:s+=10,C==f.LEFT?J-=10:H-=10,a.lineTo(F,s),a.lineTo(0.5*(F+J),s),a.lineTo(0.5*(F+J),H),a.lineTo(J,H),
+a.lineTo(d[0],d[1]);else return}this.render_connections_border&&0.6<this.ds.scale&&!e&&(a.strokeStyle="rgba(0,0,0,0.5)",a.stroke());a.lineWidth=this.connections_width;a.fillStyle=a.strokeStyle=m;a.stroke();e=this.computeConnectionPoint(b,d,0.5,q,C);g&&g._pos&&(g._pos[0]=e[0],g._pos[1]=e[1]);0.6<=this.ds.scale&&this.highquality_render&&C!=f.CENTER&&(this.render_connection_arrows&&(u=this.computeConnectionPoint(b,d,0.25,q,C),g=this.computeConnectionPoint(b,d,0.26,q,C),l=this.computeConnectionPoint(b,
+d,0.75,q,C),n=this.computeConnectionPoint(b,d,0.76,q,C),s=F=0,this.render_curved_connections?(F=-Math.atan2(g[0]-u[0],g[1]-u[1]),s=-Math.atan2(n[0]-l[0],n[1]-l[1])):s=F=d[1]>b[1]?0:Math.PI,a.save(),a.translate(u[0],u[1]),a.rotate(F),a.beginPath(),a.moveTo(-5,-3),a.lineTo(0,7),a.lineTo(5,-3),a.fill(),a.restore(),a.save(),a.translate(l[0],l[1]),a.rotate(s),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(c)for(a.fillStyle=
+m,u=0;5>u;++u)c=(0.001*f.getTime()+0.2*u)%1,e=this.computeConnectionPoint(b,d,c,q,C),a.beginPath(),a.arc(e[0],e[1],5,0,2*Math.PI),a.fill()};h.prototype.computeConnectionPoint=function(a,b,d,g,e){g=g||f.RIGHT;e=e||f.LEFT;var c=D(a,b),m=[a[0],a[1]],q=[b[0],b[1]];switch(g){case f.LEFT:m[0]+=-0.25*c;break;case f.RIGHT:m[0]+=0.25*c;break;case f.UP:m[1]+=-0.25*c;break;case f.DOWN:m[1]+=0.25*c}switch(e){case f.LEFT:q[0]+=-0.25*c;break;case f.RIGHT:q[0]+=0.25*c;break;case f.UP:q[1]+=-0.25*c;break;case f.DOWN:q[1]+=
+0.25*c}g=(1-d)*(1-d)*(1-d);e=3*(1-d)*(1-d)*d;c=3*(1-d)*d*d;d*=d*d;return[g*a[0]+e*m[0]+c*q[0]+d*b[0],g*a[1]+e*m[1]+c*q[1]+d*b[1]]};h.prototype.drawExecutionOrder=function(a){a.shadowColor="transparent";a.globalAlpha=0.25;a.textAlign="center";a.strokeStyle="white";a.globalAlpha=0.75;for(var b=this.visible_nodes,d=0;d<b.length;++d){var g=b[d];a.fillStyle="black";a.fillRect(g.pos[0]-f.NODE_TITLE_HEIGHT,g.pos[1]-f.NODE_TITLE_HEIGHT,f.NODE_TITLE_HEIGHT,f.NODE_TITLE_HEIGHT);0==g.order&&a.strokeRect(g.pos[0]-
+f.NODE_TITLE_HEIGHT+0.5,g.pos[1]-f.NODE_TITLE_HEIGHT+0.5,f.NODE_TITLE_HEIGHT,f.NODE_TITLE_HEIGHT);a.fillStyle="#FFF";a.fillText(g.order,g.pos[0]+-0.5*f.NODE_TITLE_HEIGHT,g.pos[1]-6)}a.globalAlpha=1};h.prototype.drawNodeWidgets=function(a,b,d,g){if(!a.widgets||!a.widgets.length)return 0;var e=a.size[0],c=a.widgets;b+=2;var m=f.NODE_WIDGET_HEIGHT,q=0.5<this.ds.scale;d.save();d.globalAlpha=this.editor_alpha;for(var C=f.WIDGET_OUTLINE_COLOR,l=f.WIDGET_BGCOLOR,n=f.WIDGET_TEXT_COLOR,u=f.WIDGET_SECONDARY_TEXT_COLOR,
+F=0;F<c.length;++F){var s=c[F],J=b;s.y&&(J=s.y);s.last_y=J;d.strokeStyle=C;d.fillStyle="#222";d.textAlign="left";s.disabled&&(d.globalAlpha*=0.5);var H=s.width||e;switch(s.type){case "button":s.clicked&&(d.fillStyle="#AAA",s.clicked=!1,this.dirty_canvas=!0);d.fillRect(15,J,H-30,m);q&&!s.disabled&&d.strokeRect(15,J,H-30,m);q&&(d.textAlign="center",d.fillStyle=n,d.fillText(s.name,0.5*H,J+0.7*m));break;case "toggle":d.textAlign="left";d.strokeStyle=C;d.fillStyle=l;d.beginPath();q?d.roundRect(15,b,H-
+30,m,0.5*m):d.rect(15,b,H-30,m);d.fill();q&&!s.disabled&&d.stroke();d.fillStyle=s.value?"#89A":"#333";d.beginPath();d.arc(H-30,J+0.5*m,0.36*m,0,2*Math.PI);d.fill();q&&(d.fillStyle=u,null!=s.name&&d.fillText(s.name,30,J+0.7*m),d.fillStyle=s.value?n:u,d.textAlign="right",d.fillText(s.value?s.options.on||"true":s.options.off||"false",H-40,J+0.7*m));break;case "slider":d.fillStyle=l;d.fillRect(15,J,H-30,m);var h=s.options.max-s.options.min,w=(s.value-s.options.min)/h;d.fillStyle=g==s?"#89A":"#678";d.fillRect(15,
+J,w*(H-30),m);q&&!s.disabled&&d.strokeRect(15,J,H-30,m);s.marker&&(h=(s.marker-s.options.min)/h,d.fillStyle="#AA9",d.fillRect(15+h*(H-30),J,2,m));q&&(d.textAlign="center",d.fillStyle=n,d.fillText(s.name+"  "+Number(s.value).toFixed(3),0.5*H,J+0.7*m));break;case "number":case "combo":d.textAlign="left";d.strokeStyle=C;d.fillStyle=l;d.beginPath();q?d.roundRect(15,b,H-30,m,0.5*m):d.rect(15,b,H-30,m);d.fill();q&&(s.disabled||d.stroke(),d.fillStyle=n,s.disabled||(d.beginPath(),d.moveTo(31,b+5),d.lineTo(21,
+b+0.5*m),d.lineTo(31,b+m-5),d.fill(),d.beginPath(),d.moveTo(H-15-16,b+5),d.lineTo(H-15-6,b+0.5*m),d.lineTo(H-15-16,b+m-5),d.fill()),d.fillStyle=u,d.fillText(s.name,35,J+0.7*m),d.fillStyle=n,d.textAlign="right","number"==s.type?d.fillText(Number(s.value).toFixed(void 0!==s.options.precision?s.options.precision:3),H-30-20,J+0.7*m):(h=s.value,s.options.values&&(w=s.options.values,w.constructor===Function&&(w=w()),w&&w.constructor!==Array&&(h=w[s.value])),d.fillText(h,H-30-20,J+0.7*m)));break;case "string":case "text":d.textAlign=
+"left";d.strokeStyle=C;d.fillStyle=l;d.beginPath();q?d.roundRect(15,b,H-30,m,0.5*m):d.rect(15,b,H-30,m);d.fill();q&&(s.disabled||d.stroke(),d.save(),d.beginPath(),d.rect(15,b,H-30,m),d.clip(),d.fillStyle=u,null!=s.name&&d.fillText(s.name,30,J+0.7*m),d.fillStyle=n,d.textAlign="right",d.fillText(String(s.value).substr(0,30),H-30,J+0.7*m),d.restore());break;default:s.draw&&s.draw(d,a,H,J,m)}b+=(s.computeSize?s.computeSize(H)[1]:m)+4;d.globalAlpha=this.editor_alpha}d.restore();d.textAlign="left"};h.prototype.processNodeWidgets=
+function(a,b,d,g){function e(e,g){e.value=g;e.options&&e.options.property&&void 0!==a.properties[e.options.property]&&a.setProperty(e.options.property,g);e.callback&&e.callback(e.value,l,a,b,d)}if(!a.widgets||!a.widgets.length)return null;for(var c=b[0]-a.pos[0],m=b[1]-a.pos[1],q=a.size[0],l=this,n=this.getCanvasWindow(),s=0;s<a.widgets.length;++s){var u=a.widgets[s];if(u&&!u.disabled){var F=u.computeSize?u.computeSize(q)[1]:f.NODE_WIDGET_HEIGHT,h=u.width||q;if(u==g||!(6>c||c>h-12||m<u.last_y||m>
+u.last_y+F)){g=u.value;switch(u.type){case "button":if("mousemove"===d.type)break;u.callback&&setTimeout(function(){u.callback(u,l,a,b,d)},20);this.dirty_canvas=u.clicked=!0;break;case "slider":n=Math.clamp((c-15)/(h-30),0,1);u.value=u.options.min+(u.options.max-u.options.min)*n;u.callback&&setTimeout(function(){e(u,u.value)},20);this.dirty_canvas=!0;break;case "number":case "combo":g=u.value;if("mousemove"==d.type&&"number"==u.type)u.value+=0.1*d.deltaX*(u.options.step||1),null!=u.options.min&&u.value<
+u.options.min&&(u.value=u.options.min),null!=u.options.max&&u.value>u.options.max&&(u.value=u.options.max);else if("mousedown"==d.type){var J=u.options.values;J&&J.constructor===Function&&(J=u.options.values(u,a));var H=null;"number"!=u.type&&(H=J.constructor===Array?J:Object.keys(J));c=40>c?-1:c>h-40?1:0;if("number"==u.type)u.value+=0.1*c*(u.options.step||1),null!=u.options.min&&u.value<u.options.min&&(u.value=u.options.min),null!=u.options.max&&u.value>u.options.max&&(u.value=u.options.max);else if(c)n=
+-1,this.last_mouseclick=0,n=J.constructor===Object?H.indexOf(String(u.value))+c:H.indexOf(u.value)+c,n>=H.length&&(n=H.length-1),0>n&&(n=0),u.value=J.constructor===Array?J[n]:n;else{var w=J!=H?Object.values(J):J;new f.ContextMenu(w,{scale:Math.max(1,this.ds.scale),event:d,className:"dark",callback:r.bind(u)},n);var r=function(a,b,d){J!=H&&(a=w.indexOf(a));this.value=a;e(this,a);l.dirty_canvas=!0;return!1}}}else"mouseup"==d.type&&"number"==u.type&&(c=40>c?-1:c>h-40?1:0,200>d.click_time&&0==c&&this.prompt("Value",
+u.value,function(a){this.value=Number(a);e(this,this.value)}.bind(u),d));g!=u.value&&setTimeout(function(){e(this,this.value)}.bind(u),20);this.dirty_canvas=!0;break;case "toggle":"mousedown"==d.type&&(u.value=!u.value,setTimeout(function(){e(u,u.value)},20));break;case "string":case "text":"mousedown"==d.type&&this.prompt("Value",u.value,function(a){this.value=a;e(this,a)}.bind(u),d,u.options?u.options.multiline:!1);break;default:u.mouse&&(this.dirty_canvas=u.mouse(d,[c,m],a))}if(g!=u.value){if(a.onWidgetChanged)a.onWidgetChanged(u.name,
+u.value,g,u);a.graph._version++}return u}}}return null};h.prototype.drawGroups=function(a,b){if(this.graph){var d=this.graph._groups;b.save();b.globalAlpha=0.5*this.editor_alpha;for(var g=0;g<d.length;++g){var e=d[g];if(G(this.visible_area,e._bounding)){b.fillStyle=e.color||"#335";b.strokeStyle=e.color||"#335";var c=e._pos,m=e._size;b.globalAlpha=0.25*this.editor_alpha;b.beginPath();b.rect(c[0]+0.5,c[1]+0.5,m[0],m[1]);b.fill();b.globalAlpha=this.editor_alpha;b.stroke();b.beginPath();b.moveTo(c[0]+
+m[0],c[1]+m[1]);b.lineTo(c[0]+m[0]-10,c[1]+m[1]);b.lineTo(c[0]+m[0],c[1]+m[1]-10);b.fill();m=e.font_size||f.DEFAULT_GROUP_FONT_SIZE;b.font=m+"px Arial";b.fillText(e.title,c[0]+4,c[1]+m)}}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){if(!a&&!b){var d=this.canvas.parentNode;a=d.offsetWidth;b=d.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,d=this.live_mode?1.1:0.9;this.live_mode&&(this.live_mode=!1,this.editor_alpha=0.1);var g=setInterval(function(){b.editor_alpha*=d;b.dirty_canvas=!0;b.dirty_bgcanvas=!0;1>d&&0.01>b.editor_alpha&&(clearInterval(g),1>d&&(b.live_mode=!0));1<d&&0.99<b.editor_alpha&&(clearInterval(g),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],d="";switch(a.type){case "touchstart":d="mousedown";break;case "touchmove":d="mousemove";break;case "touchend":d="mouseup";break;default:return}var g=this.getCanvasWindow(),e=g.document.createEvent("MouseEvent");e.initMouseEvent(d,!0,!0,g,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,d){a=h.active_canvas;a.getCanvasWindow();b=new f.LGraphGroup;b.pos=a.convertEventToCanvasOffset(d);a.graph.add(b)};h.onMenuAdd=function(a,b,d,g,e){function c(a,b){var g=[];f.getNodeTypesCategories(m.filter||l.filter).filter(function(b){return b.startsWith(a)}).map(function(b){if(b){b=b.replace(RegExp("^("+a+")"),"").split("/")[0];var d=""===a?b+"/":a+b+"/";-1!=b.indexOf("::")&&(b=b.split("::")[1]);-1===g.findIndex(function(a){return a.value===d})&&g.push({value:d,content:b,has_submenu:!0,
+callback:function(a,b,d,e){c(a.value,e)}})}});f.getNodeTypesInCategory(a.slice(0,-1),m.filter||l.filter).map(function(a){a.skip_list||g.push({value:a.type,content:a.title,has_submenu:!1,callback:function(a,b,d,g){b=g.getFirstEvent();m.graph.beforeChange();if(a=f.createNode(a.value))a.pos=m.convertEventToCanvasOffset(b),m.graph.add(a);e&&e(a);m.graph.afterChange()}})});new f.ContextMenu(g,{event:d,parentMenu:b},q)}var m=h.active_canvas,q=m.getCanvasWindow(),l=m.graph;if(l)return c("",g),!1};h.onMenuCollapseAll=
+function(){};h.onMenuNodeEdit=function(){};h.showMenuNodeOptionalInputs=function(a,b,d,g,e){function c(a,b,d){e&&(a.callback&&a.callback.call(m,e,a,b,d),a.value&&(e.graph.beforeChange(),e.addInput(a.value[0],a.value[1],a.value[2]),e.setDirtyCanvas(!0,!0),e.graph.afterChange()))}if(e){var m=this;a=h.active_canvas.getCanvasWindow();b=e.optional_inputs;e.onGetInputs&&(b=e.onGetInputs());var q=[];if(b)for(var l=0;l<b.length;l++){var n=b[l];if(n){var s=n[0];n[2]&&n[2].label&&(s=n[2].label);s={content:s,
+value:n};n[1]==f.ACTION&&(s.className="event");q.push(s)}else q.push(null)}this.onMenuNodeInputs&&(q=this.onMenuNodeInputs(q));if(q.length)return new f.ContextMenu(q,{event:d,callback:c,parentMenu:g,node:e},a),!1;console.log("no input entries")}};h.showMenuNodeOptionalOutputs=function(a,b,d,g,e){function c(a,b,d){if(e&&(a.callback&&a.callback.call(m,e,a,b,d),a.value))if(d=a.value[1],!d||d.constructor!==Object&&d.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 q in d)a.push({content:q,value:d[q]});new f.ContextMenu(a,{event:b,callback:c,parentMenu:g,node:e});return!1}}if(e){var m=this;a=h.active_canvas.getCanvasWindow();b=e.optional_outputs;e.onGetOutputs&&(b=e.onGetOutputs());var q=[];if(b)for(var l=0;l<b.length;l++){var n=b[l];if(!n)q.push(null);else if(!e.flags||!e.flags.skip_repeated_outputs||-1==e.findOutputSlot(n[0])){var s=n[0];n[2]&&n[2].label&&(s=n[2].label);s={content:s,value:n};
+n[1]==f.EVENT&&(s.className="event");q.push(s)}}this.onMenuNodeOutputs&&(q=this.onMenuNodeOutputs(q));if(q.length)return new f.ContextMenu(q,{event:d,callback:c,parentMenu:g,node:e},a),!1}};h.onShowMenuNodeProperties=function(a,b,d,g,e){function c(a,b,d,g){e&&(b=this.getBoundingClientRect(),m.showEditPropertyValue(e,a.value,{position:[b.left,b.top]}))}if(e&&e.properties){var m=h.active_canvas;b=m.getCanvasWindow();var q=[],l;for(l in e.properties){a=void 0!==e.properties[l]?e.properties[l]:" ";"object"==
+typeof a&&(a=JSON.stringify(a));var n=e.getPropertyInfo(l);if("enum"==n.type||"combo"==n.type)a=h.getPropertyPrintableValue(a,n.values);a=h.decodeHTML(a);q.push({content:"<span class='property_name'>"+(n.label?n.label:l)+"</span><span class='property_value'>"+a+"</span>",value:l})}if(q.length)return new f.ContextMenu(q,{event:d,callback:c,parentMenu:g,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,d,g,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 d=this;console.log(a);var g=new f.ContextMenu(["Add Node",null,"Delete"],{event:b,title:null!=a.data?a.data.constructor.name:null,callback:function(b,f,c){switch(b){case "Add Node":h.onMenuAdd(null,null,c,g,function(b){console.log("node autoconnect");var e=d.graph.getNodeById(a.origin_id),g=d.graph.getNodeById(a.target_id);b.inputs&&b.inputs.length&&b.outputs&&
+b.outputs.length&&e.outputs[a.origin_slot].type==b.inputs[0].type&&b.outputs[0].type==g.inputs[0].type&&(e.connect(a.origin_slot,b,0),b.connect(0,g,a.target_slot),b.pos[0]-=0.5*b.size[0])});break;case "Delete":d.graph.removeLink(a.id)}}});return!1};h.onShowPropertyEditor=function(a,b,d,g,e){function f(){var b=l.value;"Number"==a.type?b=Number(b):"Boolean"==a.type&&(b=Boolean(b));e[c]=b;q.parentNode&&q.parentNode.removeChild(q);e.setDirtyCanvas(!0,!0)}var c=a.property||"title";b=e[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)f(),a.preventDefault(),a.stopPropagation()}));b=h.active_canvas.canvas;d=b.getBoundingClientRect();var n=g=-20;d&&(g-=d.left,n-=d.top);event?(q.style.left=
+event.clientX+g+"px",q.style.top=event.clientY+n+"px"):(q.style.left=0.5*b.width+g+"px",q.style.top=0.5*b.height+n+"px");q.querySelector("button").addEventListener("click",f);b.parentNode.appendChild(q)};h.prototype.prompt=function(a,b,d,g,e){var f=this;a=a||"";var c=!1,q=document.createElement("div");q.className="graphdialog rounded";q.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>";
+q.close=function(){f.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()});f.prompt_box&&f.prompt_box.close();f.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);f.setDirty(!0);q.close()});a=h.active_canvas.canvas;b=a.getBoundingClientRect();var n=e=-20;b&&(e-=b.left,n-=b.top);g?(q.style.left=g.clientX+e+"px",q.style.top=g.clientY+n+"px"):(q.style.left=0.5*a.width+e+"px",q.style.top=0.5*a.height+n+"px");a.parentNode.appendChild(q);setTimeout(function(){l.focus()},10);return q};h.search_limit=-1;h.prototype.showSearchBox=function(a){function b(b){if(b)if(e.onSearchBoxSelection)e.onSearchBoxSelection(b,
+a,c);else{var d=f.searchbox_extras[b.toLowerCase()];d&&(b=d.type);c.graph.beforeChange();if(b=f.createNode(b))b.pos=c.convertEventToCanvasOffset(a),c.graph.add(b);if(d&&d.data){if(d.data.properties)for(var g in d.data.properties)b.addProperty(g,d.data.properties[g]);if(d.data.inputs)for(g in b.inputs=[],d.data.inputs)b.addOutput(d.data.inputs[g][0],d.data.inputs[g][1]);if(d.data.outputs)for(g in b.outputs=[],d.data.outputs)b.addOutput(d.data.outputs[g][0],d.data.outputs[g][1]);d.data.title&&(b.title=
+d.data.title);d.data.json&&b.configure(d.data.json);c.graph.afterChange()}}l.close()}function d(a){var b=r;r&&r.classList.remove("selected");r?(r=a?r.nextSibling:r.previousSibling)||(r=b):r=a?s.childNodes[0]:s.childNodes[s.childNodes.length];r&&(r.classList.add("selected"),r.scrollIntoView({block:"end",behavior:"smooth"}))}function g(){function a(d,e){var g=document.createElement("div");w||(w=d);g.innerText=d;g.dataset.type=escape(d);g.className="litegraph lite-search-item";e&&(g.className+=" "+e);
+g.addEventListener("click",function(a){b(unescape(this.dataset.type))});s.appendChild(g)}F=null;var d=J.value;w=null;s.innerHTML="";if(d)if(e.onSearchBox){var g=e.onSearchBox(s,d,c);if(g)for(var m=0;m<g.length;++m)a(g[m])}else{var g=0,d=d.toLowerCase(),q=c.filter||c.graph.filter;for(m in f.searchbox_extras){var l=f.searchbox_extras[m];if(-1!==l.desc.toLowerCase().indexOf(d)){var n=f.registered_node_types[l.type];if(!n||n.filter==q)if(a(l.desc,"searchbox_extra"),-1!==h.search_limit&&g++>h.search_limit)break}}l=
+null;if(Array.prototype.filter)l=Object.keys(f.registered_node_types).filter(H);else for(m in l=[],f.registered_node_types)H(m)&&l.push(m);for(m=0;m<l.length&&!(a(l[m]),-1!==h.search_limit&&g++>h.search_limit);m++);var H=function(a){var b=f.registered_node_types[a];return q&&b.filter!=q?!1:-1!==a.toLowerCase().indexOf(d)}}}var e=this,c=h.active_canvas,m=c.canvas,q=m.ownerDocument||document,l=document.createElement("div");l.className="litegraph litesearchbox graphdialog rounded";l.innerHTML="<span class='name'>Search</span> <input autofocus type='text' class='value rounded'/><div class='helper'></div>";
+l.close=function(){e.search_box=null;q.body.focus();q.body.style.overflow="";setTimeout(function(){e.canvas.focus()},20);l.parentNode&&l.parentNode.removeChild(l)};var n=null;1<this.ds.scale&&(l.style.transform="scale("+this.ds.scale+")");l.addEventListener("mouseenter",function(a){n&&(clearTimeout(n),n=null)});l.addEventListener("mouseleave",function(a){n=setTimeout(function(){l.close()},500)});e.search_box&&e.search_box.close();e.search_box=l;var s=l.querySelector(".helper"),w=null,F=null,r=null,
+J=l.querySelector("input");J&&(J.addEventListener("blur",function(a){this.focus()}),J.addEventListener("keydown",function(a){if(38==a.keyCode)d(!1);else if(40==a.keyCode)d(!0);else if(27==a.keyCode)l.close();else if(13==a.keyCode)r?b(r.innerHTML):w?b(w):l.close();else{F&&clearInterval(F);F=setTimeout(g,10);return}a.preventDefault();a.stopPropagation();a.stopImmediatePropagation();return!0}));q.fullscreenElement?q.fullscreenElement.appendChild(l):(q.body.appendChild(l),q.body.style.overflow="hidden");
+var m=m.getBoundingClientRect(),H=(a?a.clientY:m.top+0.5*m.height)-20;l.style.left=(a?a.clientX:m.left+0.5*m.width)-80+"px";l.style.top=H+"px";a.layerY>m.height-200&&(s.style.maxHeight=m.height-a.layerY-20+"px");J.focus();return l};h.prototype.showEditPropertyValue=function(a,b,d){function g(){e(h.value)}function e(e){f&&f.values&&f.values.constructor===Object&&void 0!=f.values[e]&&(e=f.values[e]);"number"==typeof a.properties[b]&&(e=Number(e));if("array"==c||"object"==c)e=JSON.parse(e);a.properties[b]=
+e;a.graph&&a.graph._version++;if(a.onPropertyChanged)a.onPropertyChanged(b,e);if(d.onclose)d.onclose();s.close();a.setDirtyCanvas(!0,!0)}if(a&&void 0!==a.properties[b]){d=d||{};var f=a.getPropertyInfo(b),c=f.type,q="";if("string"==c||"number"==c||"array"==c||"object"==c)q="<input autofocus type='text' class='value'/>";else if("enum"!=c&&"combo"!=c||!f.values)if("boolean"==c)q="<input autofocus type='checkbox' class='value' "+(a.properties[b]?"checked":"")+"/>";else{console.warn("unknown type: "+c);
+return}else{var q="<select autofocus type='text' class='value'>",l;for(l in f.values){var n=l;f.values.constructor===Array&&(n=f.values[l]);q+="<option value='"+n+"' "+(n==a.properties[b]?"selected":"")+">"+f.values[l]+"</option>"}q+="</select>"}var s=this.createDialog("<span class='name'>"+(f.label?f.label:b)+"</span>"+q+"<button>OK</button>",d);if("enum"!=c&&"combo"!=c||!f.values)if("boolean"==c)(h=s.querySelector("input"))&&h.addEventListener("click",function(a){e(!!h.checked)});else{if(h=s.querySelector("input"))h.addEventListener("blur",
+function(a){this.focus()}),n=void 0!==a.properties[b]?a.properties[b]:"","string"!==c&&(n=JSON.stringify(n)),h.value=n,h.addEventListener("keydown",function(a){13==a.keyCode&&(g(),a.preventDefault(),a.stopPropagation())})}else{var h=s.querySelector("select");h.addEventListener("change",function(a){e(a.target.value)})}s.querySelector("button").addEventListener("click",g);return s}};h.prototype.createDialog=function(a,b){b=b||{};var d=document.createElement("div");d.className="graphdialog";d.innerHTML=
+a;var g=this.canvas.getBoundingClientRect(),e=-20,f=-20;g&&(e-=g.left,f-=g.top);b.position?(e+=b.position[0],f+=b.position[1]):b.event?(e+=b.event.clientX,f+=b.event.clientY):(e+=0.5*this.canvas.width,f+=0.5*this.canvas.height);d.style.left=e+"px";d.style.top=f+"px";this.canvas.parentNode.appendChild(d);d.close=function(){this.parentNode&&this.parentNode.removeChild(this)};return d};h.prototype.createPanel=function(a,b){b=b||{};var d=b.window||window,g=document.createElement("div");g.className="litegraph dialog";
+g.innerHTML="<div class='dialog-header'><span class='dialog-title'></span></div><div class='dialog-content'></div><div class='dialog-footer'></div>";g.header=g.querySelector(".dialog-header");b.width&&(g.style.width=b.width+(b.width.constructor===Number?"px":""));b.height&&(g.style.height=b.height+(b.height.constructor===Number?"px":""));if(b.closable){var e=document.createElement("span");e.innerHTML="&#10005;";e.classList.add("close");e.addEventListener("click",function(){g.close()});g.header.appendChild(e)}g.title_element=
+g.querySelector(".dialog-title");g.title_element.innerText=a;g.content=g.querySelector(".dialog-content");g.footer=g.querySelector(".dialog-footer");g.close=function(){this.parentNode&&this.parentNode.removeChild(this)};g.clear=function(){this.content.innerHTML=""};g.addHTML=function(a,b,d){var e=document.createElement("div");b&&(e.className=b);e.innerHTML=a;d?g.footer.appendChild(e):g.content.appendChild(e);return e};g.addButton=function(a,b,d){var e=document.createElement("button");e.innerText=
+a;e.options=d;e.classList.add("btn");e.addEventListener("click",b);g.footer.appendChild(e);return e};g.addSeparator=function(){var a=document.createElement("div");a.className="separator";g.content.appendChild(a)};g.addWidget=function(a,b,e,c,l){function n(a,b){console.log("change",a,b);c.callback&&c.callback(a,b);l&&l(a,b)}c=c||{};var s=String(e);a=a.toLowerCase();"number"==a&&(s=e.toFixed(3));var F=document.createElement("div");F.className="property";F.innerHTML="<span class='property_name'></span><span class='property_value'></span>";
+F.querySelector(".property_name").innerText=b;var w=F.querySelector(".property_value");w.innerText=s;F.dataset.property=b;F.dataset.type=c.type||a;F.options=c;F.value=e;if("boolean"==a)F.classList.add("boolean"),e&&F.classList.add("bool-on"),F.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";n(a,this.value)});else if("string"==a||"number"==a)w.setAttribute("contenteditable",
+!0),w.addEventListener("keydown",function(a){"Enter"==a.code&&(a.preventDefault(),this.blur())}),w.addEventListener("blur",function(){var a=this.innerText,b=this.parentNode.dataset.property;"number"==this.parentNode.dataset.type&&(a=Number(a));n(b,a)});else if("enum"==a||"combo"==a)s=h.getPropertyPrintableValue(e,c.values);w.innerText=s;w.addEventListener("click",function(a){var b=this.parentNode.dataset.property,e=this;new f.ContextMenu(c.values||[],{event:a,className:"dark",callback:function(a,
+d,g){e.innerText=a;n(b,a);return!1}},d)});g.content.appendChild(F);return F};return g};h.getPropertyPrintableValue=function(a,b){if(!b||b.constructor===Array)return String(a);if(b.constructor===Object){var d="",g;for(g in b)if(b[g]==a){d=g;break}return String(a)+" ("+d+")"}};h.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 g=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 f=a.properties[d],c=a.getPropertyInfo(d);a.onAddPropertyToPanel&&a.onAddPropertyToPanel(d,b)||b.addWidget(c.widget||c.type,d,f,c,function(b,d){g.graph.beforeChange(a);a.setProperty(b,d);g.graph.afterChange();g.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(){g.clear();if(a.inputs)for(var d=0;d<a.inputs.length;++d){var f=a.inputs[d];if(!f.not_subgraph_input){var c=g.addHTML("<button>&#10005;</button> <span class='bullet_icon'></span><span class='name'></span><span class='type'></span>",
+"subgraph_property");c.dataset.name=f.name;c.dataset.slot=d;c.querySelector(".name").innerText=f.name;c.querySelector(".type").innerText=f.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 g=this.createPanel("Subgraph Inputs",{closable:!0,width:500});g.node=a;g.classList.add("subgraph_dialog");
+g.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 g=d.querySelector(".name").value,f=d.querySelector(".type").value;g&&-1==a.findInputSlot(g)&&(a.addInput(g,f),d.querySelector(".name").value="",d.querySelector(".type").value="",b())});b();this.canvas.parentNode.appendChild(g);return g};h.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())}};h.onMenuNodeCollapse=function(a,b,d,g,e){e.graph.beforeChange(e);e.collapse();e.graph.afterChange(e)};h.onMenuNodePin=function(a,b,d,g,e){e.pin()};h.onMenuNodeMode=function(a,b,d,g,e){new f.ContextMenu(["Always","On Event","On Trigger","Never"],{event:d,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:g,node:e});return!1};h.onMenuNodeColors=function(a,b,d,g,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 c in h.node_colors)a=h.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 f.ContextMenu(b,{event:d,callback:function(a){e&&((a=a.value?h.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:g,node:e});return!1};h.onMenuNodeShapes=function(a,b,d,g,e){if(!e)throw"no node passed";new f.ContextMenu(f.VALID_SHAPES,{event:d,callback:function(a){e&&(e.graph.beforeChange(e),e.shape=a,e.graph.afterChange(e),e.setDirtyCanvas(!0))},
+parentMenu:g,node:e});return!1};h.onMenuNodeRemove=function(a,b,d,g,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,d,g,e){a=e.graph;if(b=h.active_canvas)d=Object.values(b.selected_nodes||{}),d.length||(d=[e]),g=f.createNode("graph/subgraph"),g.pos=e.pos.concat(),a.add(g),g.buildFromNodes(d),b.deselectAllNodes(),e.setDirtyCanvas(!0,!0)};h.onMenuNodeClone=function(a,b,d,g,e){!1!=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(){var a=null;this.getMenuOptions?a=this.getMenuOptions():(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 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: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 d=this,g=h.active_canvas.getCanvasWindow(),e=null,c={event:b,callback:function(b,e,g){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 f=b.input?a.getInputInfo(b.slot):a.getOutputInfo(b.slot),
+c=d.createDialog("<span class='name'>Name</span><input autofocus type='text'/><button>OK</button>",e),q=c.querySelector("input");q&&f&&(q.value=f.label||"");c.querySelector("button").addEventListener("click",function(a){q.value&&(f&&(f.label=q.value),d.setDirty(!0));c.close()})}},extra:a};a&&(c.title=a.type);var m=null;a&&(m=a.getSlotInPosition(b.canvasX,b.canvasY),h.active_node=a);if(m){e=[];if(a.getSlotMenuOptions)e=a.getSlotMenuOptions(m);else{m&&m.output&&m.output.links&&m.output.links.length&&
+e.push({content:"Disconnect Links",slot:m});var q=m.input||m.output;e.push(q.locked?"Cannot remove":{content:"Remove Slot",slot:m});e.push(q.nameLocked?"Cannot rename":{content:"Rename Slot",slot:m})}c.title=(m.input?m.input.type:m.output.type)||"*";m.input&&m.input.type==f.ACTION&&(c.title="Action");m.output&&m.output.type==f.EVENT&&(c.title="Event")}else a?e=this.getNodeMenuOptions(a):(e=this.getCanvasMenuOptions(),(m=this.graph.getGroupOnPos(b.canvasX,b.canvasY))&&e.push(null,{content:"Edit Group",
+has_submenu:!0,submenu:{title:"Group",extra:m,options:this.getGroupMenuOptions(m)}}));e&&new f.ContextMenu(e,c,g)};"undefined"!=typeof window&&window.CanvasRenderingContext2D&&(window.CanvasRenderingContext2D.prototype.roundRect=function(a,b,d,g,e,f){void 0===e&&(e=5);void 0===f&&(f=e);this.moveTo(a+e,b);this.lineTo(a+d-e,b);this.quadraticCurveTo(a+d,b,a+d,b+e);this.lineTo(a+d,b+g-f);this.quadraticCurveTo(a+d,b+g,a+d-f,b+g);this.lineTo(a+f,b+g);this.quadraticCurveTo(a,b+g,a,b+g-f);this.lineTo(a,b+
+e);this.quadraticCurveTo(a,b,a+e,b)});f.compareObjects=function(a,b){for(var d in a)if(a[d]!=b[d])return!1;return!0};f.distance=D;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=z;f.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)};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=G;f.hex2num=function(a){"#"==a.charAt(0)&&(a=a.slice(1));a=a.toUpperCase();for(var b=Array(3),d=0,g,e,f=0;6>f;f+=2)g="0123456789ABCDEF".indexOf(a.charAt(f)),e="0123456789ABCDEF".indexOf(a.charAt(f+1)),b[d]=16*g+e,d++;return b};f.num2hex=function(a){for(var b="#",d,g,e=0;3>e;e++)d=a[e]/16,g=a[e]%16,b+="0123456789ABCDEF".charAt(d)+"0123456789ABCDEF".charAt(g);return b};A.prototype.addItem=function(a,b,d){function g(a){var b=this.value;b&&b.has_submenu&&
+e.call(this,a)}function e(a){var b=this.value,e=!0;f.current_submenu&&f.current_submenu.close(a);if(d.callback){var g=d.callback.call(this,b,d,a,f,d.node);!0===g&&(e=!1)}if(b&&(b.callback&&!d.ignore_item_callbacks&&!0!==b.disabled&&(g=b.callback.call(this,b,d,a,f,d.extra),!0===g&&(e=!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:d.autoopen});e=!1}e&&!f.lock&&f.close()}var f=this;d=d||{};var c=document.createElement("div");c.className="litemenu-entry submenu";var q=!1;if(null===b)c.classList.add("separator");else{c.innerHTML=b&&b.title?b.title:a;if(c.value=b)b.disabled&&(q=!0,c.classList.add("disabled")),(b.submenu||b.has_submenu)&&c.classList.add("has_submenu");"function"==typeof b?(c.dataset.value=a,c.onclick_callback=b):c.dataset.value=b;b.className&&(c.className+=" "+
+b.className)}this.root.appendChild(c);q||c.addEventListener("click",e);d.autoopen&&c.addEventListener("mouseenter",g);return c};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,g){var e=document.createEvent("CustomEvent");e.initCustomEvent(b,!0,!0,d);e.srcElement=g;a.dispatchEvent?a.dispatchEvent(e):a.__events&&a.__events.dispatchEvent(e);return e};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,g=a.clientY,e=b.getBoundingClientRect();return e?g>e.top&&g<e.top+e.height&&d>e.left&&d<e.left+e.width?!0:!1:!1};f.ContextMenu=A;f.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])}};f.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)))};E.sampleCurve=function(a,b){if(b){for(var d=0;d<b.length-1;++d){var g=b[d],e=b[d+1];if(!(e[0]<a)){d=e[0]-g[0];if(1E-5>Math.abs(d))return g[1];d=(a-g[0])/d;return g[1]*(1-d)+e[1]*d}}return 0}};E.prototype.draw=function(a,b,d,g,e,f){if(d=this.points){this.size=
+b;var c=b[0]-2*this.margin;b=b[1]-2*this.margin;e=e||"#666";a.save();a.translate(this.margin,this.margin);g&&(a.fillStyle="#111",a.fillRect(0,0,c,b),a.fillStyle="#222",a.fillRect(0.5*c,0,1,b),a.strokeStyle="#333",a.strokeRect(0,0,c,b));a.strokeStyle=e;f&&(a.globalAlpha=0.5);a.beginPath();for(g=0;g<d.length;++g)e=d[g],a.lineTo(e[0]*c,(1-e[1])*b);a.stroke();a.globalAlpha=1;if(!f)for(g=0;g<d.length;++g)e=d[g],a.fillStyle=this.selected==g?"#FFF":this.nearest==g?"#DDD":"#AAA",a.beginPath(),a.arc(e[0]*
+c,(1-e[1])*b,2,0,2*Math.PI),a.fill();a.restore()}};E.prototype.onMouseDown=function(a,b){var d=this.points;if(d&&!(0>a[1])){var g=this.size[0]-2*this.margin,e=this.size[1]-2*this.margin,f=a[0]-this.margin,c=a[1]-this.margin;this.selected=this.getCloserPoint([f,c],30/b.ds.scale);-1==this.selected&&(g=[f/g,1-c/e],d.push(g),d.sort(function(a,b){return a[0]-b[0]}),this.selected=d.indexOf(g),this.must_update=!0);if(-1!=this.selected)return!0}};E.prototype.onMouseMove=function(a,b){var d=this.points;if(d){var g=
+this.selected;if(!(0>g)){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);var c=d[g];if(c){var q=0==g||g==d.length-1;!q&&(-10>a[0]||a[0]>this.size[0]+10||-10>a[1]||a[1]>this.size[1]+10)?(d.splice(g,1),this.selected=-1):(c[0]=q?0==g?0:1:Math.clamp(e,0,1),c[1]=1-Math.clamp(f,0,1),d.sort(function(a,b){return a[0]-b[0]}),this.selected=d.indexOf(c),this.must_update=
+!0)}}}};E.prototype.onMouseUp=function(a,b){this.selected=-1;return!1};E.prototype.getCloserPoint=function(a,b){var d=this.points;if(!d)return-1;b=b||30;for(var g=this.size[0]-2*this.margin,e=this.size[1]-2*this.margin,f=d.length,c=[0,0],q=1E6,l=-1,n=0;n<f;++n){var s=d[n];c[0]=s[0]*g;c[1]=(1-s[1])*e;s=vec2.distance(a,c);s>q||s>b||(l=n,q=s)}return l};f.CurveEditor=E;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,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(B){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 m.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 u(){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 s(){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){""!=
+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 v(){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){""!=
 b&&b!=a.name_in_graph&&(a.name_in_graph?a.graph.renameOutput(a.name_in_graph,b):a.graph.addOutput(b,a.properties.type),a.name_widget.value=b,a.name_in_graph=b)},enumerable:!0});Object.defineProperty(this.properties,"type",{get:function(){return a.inputs[0].type},set:function(b){if("action"==b||"event"==b)b=m.ACTION;m.isValidConnection(a.inputs[0].type,b)||a.disconnectInput(0);a.inputs[0].type=b;a.name_in_graph&&a.graph.changeOutputType(a.name_in_graph,a.inputs[0].type);a.type_widget.value=b||""},
 enumerable:!0});this.name_widget=this.addWidget("text","Name",this.properties.name,"name");this.type_widget=this.addWidget("text","Type",this.properties.type,"type");this.widgets_up=!0;this.size=[180,60]}function t(){this.addOutput("value","number");this.addProperty("value",1);this.widget=this.addWidget("number","value",1,"value");this.widgets_up=!0;this.size=[180,30]}function h(){this.addOutput("","boolean");this.addProperty("value",!0);this.widget=this.addWidget("toggle","value",!0,"value");this.widgets_up=
-!0;this.size=[140,30]}function C(){this.addOutput("","string");this.addProperty("value","");this.widget=this.addWidget("text","value","","value");this.widgets_up=!0;this.size=[180,30]}function y(){this.addOutput("obj","object");this.size=[120,30];this._object={}}function G(){this.addInput("url","");this.addOutput("","");this.addProperty("url","");this.addProperty("type","text");this.widget=this.addWidget("text","url","","url");this._data=null}function A(){this.addOutput("","");this.addProperty("value",
-"");this.widget=this.addWidget("text","json","","value");this.widgets_up=!0;this.size=[140,30];this._value=null}function D(){this._value=[];this.addInput("","");this.addOutput("","array");this.addOutput("length","number");this.addProperty("value","[]");this.widget=this.addWidget("text","array",this.properties.value,"value");this.widgets_up=!0;this.size=[140,50]}function e(){this.addInput("arr","array");this.addInput("value","");this.addOutput("arr","array");this.properties={index:0};this.widget=this.addWidget("number",
-"i",this.properties.index,"index")}function q(){this.addInput("array","array,table,string");this.addInput("index","number");this.addOutput("value","");this.addProperty("index",0)}function H(){this.addInput("table","table");this.addInput("row","number");this.addInput("col","number");this.addOutput("value","");this.addProperty("row",0);this.addProperty("column",0)}function w(){this.addInput("obj","");this.addOutput("","");this.addProperty("value","");this.widget=this.addWidget("text","prop.","",this.setValue.bind(this));
-this.widgets_up=!0;this.size=[140,30];this._value=null}function L(){this.addInput("obj","");this.addOutput("keys","array");this.size=[140,30]}function n(){this.addInput("obj","");this.addInput("value","");this.addOutput("obj","");this.properties={property:""};this.name_widget=this.addWidget("text","prop.",this.properties.property,"property")}function v(){this.addInput("A","");this.addInput("B","");this.addOutput("","");this._result={};var a=this;this.addWidget("button","clear","",function(){a._result=
+!0;this.size=[140,30]}function D(){this.addOutput("","string");this.addProperty("value","");this.widget=this.addWidget("text","value","","value");this.widgets_up=!0;this.size=[180,30]}function z(){this.addOutput("obj","object");this.size=[120,30];this._object={}}function G(){this.addInput("url","");this.addOutput("","");this.addProperty("url","");this.addProperty("type","text");this.widget=this.addWidget("text","url","","url");this._data=null}function A(){this.addOutput("","");this.addProperty("value",
+"");this.widget=this.addWidget("text","json","","value");this.widgets_up=!0;this.size=[140,30];this._value=null}function E(){this._value=[];this.addInput("","");this.addOutput("","array");this.addOutput("length","number");this.addProperty("value","[]");this.widget=this.addWidget("text","array",this.properties.value,"value");this.widgets_up=!0;this.size=[140,50]}function f(){this.addInput("arr","array");this.addInput("value","");this.addOutput("arr","array");this.properties={index:0};this.widget=this.addWidget("number",
+"i",this.properties.index,"index")}function n(){this.addInput("array","array,table,string");this.addInput("index","number");this.addOutput("value","");this.addProperty("index",0)}function I(){this.addInput("table","table");this.addInput("row","number");this.addInput("col","number");this.addOutput("value","");this.addProperty("row",0);this.addProperty("column",0)}function x(){this.addInput("obj","");this.addOutput("","");this.addProperty("value","");this.widget=this.addWidget("text","prop.","",this.setValue.bind(this));
+this.widgets_up=!0;this.size=[140,30];this._value=null}function L(){this.addInput("obj","");this.addOutput("keys","array");this.size=[140,30]}function s(){this.addInput("obj","");this.addInput("value","");this.addOutput("obj","");this.properties={property:""};this.name_widget=this.addWidget("text","prop.",this.properties.property,"property")}function w(){this.addInput("A","");this.addInput("B","");this.addOutput("","");this._result={};var a=this;this.addWidget("button","clear","",function(){a._result=
 {}});this.size=this.computeSize()}function l(){this.size=[60,30];this.addInput("in");this.addOutput("out");this.properties={varname:"myname",container:l.LITEGRAPH};this.value=null}function a(){this.size=[60,30];this.addInput("data",0);this.addInput("download",m.ACTION);this.properties={filename:"data.json"};this.value=null;var a=this;this.addWidget("button","Download","",function(b){a.value&&a.downloadAsFile()})}function b(){this.size=[60,30];this.addInput("value",0,{label:""});this.value=0}function d(){this.addInput("in",
-0);this.addOutput("out",0);this.size=[40,30]}function g(){this.mode=m.ON_EVENT;this.size=[80,30];this.addProperty("msg","");this.addInput("log",m.EVENT);this.addInput("msg",0)}function f(){this.mode=m.ON_EVENT;this.addProperty("msg","");this.addInput("",m.EVENT);this.widget=this.addWidget("text","Text","","msg");this.widgets_up=!0;this.size=[200,30]}function E(){this.size=[60,30];this.addProperty("onExecute","return A;");this.addInput("A","");this.addInput("B","");this.addOutput("out","");this._func=
-null;this.data={}}var m=B.LiteGraph;c.title="Time";c.desc="Time";c.prototype.onExecute=function(){this.setOutputData(0,1E3*this.graph.globaltime);this.setOutputData(1,this.graph.globaltime)};m.registerNodeType("basic/time",c);k.title="Subgraph";k.desc="Graph inside a node";k.title_color="#334";k.prototype.onGetInputs=function(){return[["enabled","boolean"]]};k.prototype.onDblClick=function(a,b,d){var g=this;setTimeout(function(){d.openSubgraph(g.subgraph)},10)};k.prototype.onAction=function(a,b){this.subgraph.onAction(a,
+0);this.addOutput("out",0);this.size=[40,30]}function g(){this.mode=m.ON_EVENT;this.size=[80,30];this.addProperty("msg","");this.addInput("log",m.EVENT);this.addInput("msg",0)}function e(){this.mode=m.ON_EVENT;this.addProperty("msg","");this.addInput("",m.EVENT);this.widget=this.addWidget("text","Text","","msg");this.widgets_up=!0;this.size=[200,30]}function y(){this.size=[60,30];this.addProperty("onExecute","return A;");this.addInput("A","");this.addInput("B","");this.addOutput("out","");this._func=
+null;this.data={}}var m=B.LiteGraph;c.title="Time";c.desc="Time";c.prototype.onExecute=function(){this.setOutputData(0,1E3*this.graph.globaltime);this.setOutputData(1,this.graph.globaltime)};m.registerNodeType("basic/time",c);k.title="Subgraph";k.desc="Graph inside a node";k.title_color="#334";k.prototype.onGetInputs=function(){return[["enabled","boolean"]]};k.prototype.onDblClick=function(a,b,d){var e=this;setTimeout(function(){d.openSubgraph(e.subgraph)},10)};k.prototype.onAction=function(a,b){this.subgraph.onAction(a,
 b)};k.prototype.onExecute=function(){if(this.enabled=this.getInputOrProperty("enabled")){if(this.inputs)for(var a=0;a<this.inputs.length;a++){var b=this.inputs[a],d=this.getInputData(a);this.subgraph.setInputData(b.name,d)}this.subgraph.runStep();if(this.outputs)for(a=0;a<this.outputs.length;a++)d=this.subgraph.getOutputData(this.outputs[a].name),this.setOutputData(a,d)}};k.prototype.sendEventToAllNodes=function(a,b,d){this.enabled&&this.subgraph.sendEventToAllNodes(a,b,d)};k.prototype.onDrawBackground=
-function(a,b,d,g){this.flags.collapsed||(b=this.size[1]-m.NODE_TITLE_HEIGHT+0.5,g=m.isInsideRectangle(g[0],g[1],this.pos[0],this.pos[1]+b,this.size[0],m.NODE_TITLE_HEIGHT),a.fillStyle=g?"#555":"#222",a.beginPath(),this._shape==m.BOX_SHAPE?a.rect(0,b,this.size[0]+1,m.NODE_TITLE_HEIGHT):a.roundRect(0,b,this.size[0]+1,m.NODE_TITLE_HEIGHT,0,8),a.fill(),a.textAlign="center",a.font="24px Arial",a.fillStyle=g?"#DDD":"#999",a.fillText("+",0.5*this.size[0],b+24))};k.prototype.onMouseDown=function(a,b,d){b[1]>
+function(a,b,d,e){this.flags.collapsed||(b=this.size[1]-m.NODE_TITLE_HEIGHT+0.5,e=m.isInsideRectangle(e[0],e[1],this.pos[0],this.pos[1]+b,this.size[0],m.NODE_TITLE_HEIGHT),a.fillStyle=e?"#555":"#222",a.beginPath(),this._shape==m.BOX_SHAPE?a.rect(0,b,this.size[0]+1,m.NODE_TITLE_HEIGHT):a.roundRect(0,b,this.size[0]+1,m.NODE_TITLE_HEIGHT,0,8),a.fill(),a.textAlign="center",a.font="24px Arial",a.fillStyle=e?"#DDD":"#999",a.fillText("+",0.5*this.size[0],b+24))};k.prototype.onMouseDown=function(a,b,d){b[1]>
 this.size[1]-m.NODE_TITLE_HEIGHT+0.5&&d.showSubgraphPropertiesDialog(this)};k.prototype.computeSize=function(){return[200,Math.max(this.inputs?this.inputs.length:0,this.outputs?this.outputs.length:0)*m.NODE_SLOT_HEIGHT+m.NODE_TITLE_HEIGHT]};k.prototype.onSubgraphTrigger=function(a,b){var d=this.findOutputSlot(a);-1!=d&&this.triggerSlot(d)};k.prototype.onSubgraphNewInput=function(a,b){-1==this.findInputSlot(a)&&this.addInput(a,b)};k.prototype.onSubgraphRenamedInput=function(a,b){var d=this.findInputSlot(a);
 -1!=d&&(this.getInputInfo(d).name=b)};k.prototype.onSubgraphTypeChangeInput=function(a,b){var d=this.findInputSlot(a);-1!=d&&(this.getInputInfo(d).type=b)};k.prototype.onSubgraphRemovedInput=function(a){a=this.findInputSlot(a);-1!=a&&this.removeInput(a)};k.prototype.onSubgraphNewOutput=function(a,b){-1==this.findOutputSlot(a)&&this.addOutput(a,b)};k.prototype.onSubgraphRenamedOutput=function(a,b){var d=this.findOutputSlot(a);-1!=d&&(this.getOutputInfo(d).name=b)};k.prototype.onSubgraphTypeChangeOutput=
 function(a,b){var d=this.findOutputSlot(a);-1!=d&&(this.getOutputInfo(d).type=b)};k.prototype.onSubgraphRemovedOutput=function(a){a=this.findInputSlot(a);-1!=a&&this.removeOutput(a)};k.prototype.getExtraMenuOptions=function(a){var b=this;return[{content:"Open",callback:function(){a.openSubgraph(b.subgraph)}}]};k.prototype.onResize=function(a){a[1]+=20};k.prototype.serialize=function(){var a=m.LGraphNode.prototype.serialize.call(this);a.subgraph=this.subgraph.serialize();return a};k.prototype.clone=
-function(){var a=m.createNode(this.type),b=this.serialize();delete b.id;delete b.inputs;delete b.outputs;a.configure(b);return a};k.prototype.buildFromNodes=function(a){for(var b={},d=0,g=0;g<a.length;++g){var f=a[g];b[f.id]=f;d=Math.min(f.pos[0],d);Math.max(f.pos[0],d)}for(g=0;g<a.length;++g){f=a[g];if(f.inputs)for(d=0;d<f.inputs.length;++d){var e=f.inputs[d];if(e&&e.link){var c=f.graph.links[e.link];c&&(b[c.origin_id]||this.subgraph.addInput(e.name,c.type))}}if(f.outputs)for(d=0;d<f.outputs.length;++d)if((e=
-f.outputs[d])&&e.links&&e.links.length)for(var l=0;l<e.links.length&&(!(c=f.graph.links[e.links[l]])||b[c.target_id]);++l);}};m.Subgraph=k;m.registerNodeType("graph/subgraph",k);u.title="Input";u.desc="Input of the graph";u.prototype.onConfigure=function(){this.updateType()};u.prototype.updateType=function(){var a=this.properties.type;this.type_widget.value=a;this.outputs[0].type!=a&&(m.isValidConnection(this.outputs[0].type,a)||this.disconnectOutput(0),this.outputs[0].type=a);"number"==a?(this.value_widget.type=
-"number",this.value_widget.value=0):"boolean"==a?(this.value_widget.type="toggle",this.value_widget.value=!0):"string"==a?(this.value_widget.type="text",this.value_widget.value=""):(this.value_widget.type=null,this.value_widget.value=null);this.properties.value=this.value_widget.value;this.graph&&this.name_in_graph&&this.graph.changeInputType(this.name_in_graph,a)};u.prototype.onPropertyChanged=function(a,b){if("name"==a){if(""==b||b==this.name_in_graph||"enabled"==b)return!1;this.graph&&(this.name_in_graph?
-this.graph.renameInput(this.name_in_graph,b):this.graph.addInput(b,this.properties.type));this.name_in_graph=this.name_widget.value=b}else"type"==a&&this.updateType()};u.prototype.getTitle=function(){return this.flags.collapsed?this.properties.name:this.title};u.prototype.onAction=function(a,b){this.properties.type==m.EVENT&&this.triggerSlot(0,b)};u.prototype.onExecute=function(){var a=this.graph.inputs[this.properties.name];a?this.setOutputData(0,void 0!==a.value?a.value:this.properties.value):this.setOutputData(0,
-this.properties.value)};u.prototype.onRemoved=function(){this.name_in_graph&&this.graph.removeInput(this.name_in_graph)};m.GraphInput=u;m.registerNodeType("graph/input",u);s.title="Output";s.desc="Output of the graph";s.prototype.onExecute=function(){this._value=this.getInputData(0);this.graph.setOutputData(this.properties.name,this._value)};s.prototype.onAction=function(a,b){this.properties.type==m.ACTION&&this.graph.trigger(this.properties.name,b)};s.prototype.onRemoved=function(){this.name_in_graph&&
-this.graph.removeOutput(this.name_in_graph)};s.prototype.getTitle=function(){return this.flags.collapsed?this.properties.name:this.title};m.GraphOutput=s;m.registerNodeType("graph/output",s);t.title="Const Number";t.desc="Constant number";t.prototype.onExecute=function(){this.setOutputData(0,parseFloat(this.properties.value))};t.prototype.getTitle=function(){return this.flags.collapsed?this.properties.value:this.title};t.prototype.setValue=function(a){this.setProperty("value",a)};t.prototype.onDrawBackground=
-function(a){this.outputs[0].label=this.properties.value.toFixed(3)};m.registerNodeType("basic/const",t);h.title="Const Boolean";h.desc="Constant boolean";h.prototype.getTitle=t.prototype.getTitle;h.prototype.onExecute=function(){this.setOutputData(0,this.properties.value)};h.prototype.setValue=t.prototype.setValue;h.prototype.onGetInputs=function(){return[["toggle",m.ACTION]]};h.prototype.onAction=function(a){this.setValue(!this.properties.value)};m.registerNodeType("basic/boolean",h);C.title="Const String";
-C.desc="Constant string";C.prototype.getTitle=t.prototype.getTitle;C.prototype.onExecute=function(){this.setOutputData(0,this.properties.value)};C.prototype.setValue=t.prototype.setValue;C.prototype.onDropFile=function(a){var b=this,d=new FileReader;d.onload=function(a){b.setProperty("value",a.target.result)};d.readAsText(a)};m.registerNodeType("basic/string",C);y.title="Const Object";y.desc="Constant Object";y.prototype.onExecute=function(){this.setOutputData(0,this._object)};m.registerNodeType("basic/object",
-y);G.title="Const File";G.desc="Fetches a file from an url";G["@type"]={type:"enum",values:["text","arraybuffer","blob","json"]};G.prototype.onPropertyChanged=function(a,b){"url"==a&&(null==b||""==b?this._data=null:this.fetchFile(b))};G.prototype.onExecute=function(){var a=this.getInputData(0)||this.properties.url;!a||a==this._url&&this._type==this.properties.type||this.fetchFile(a);this.setOutputData(0,this._data)};G.prototype.setValue=t.prototype.setValue;G.prototype.fetchFile=function(a){var b=
+function(){var a=m.createNode(this.type),b=this.serialize();delete b.id;delete b.inputs;delete b.outputs;a.configure(b);return a};k.prototype.buildFromNodes=function(a){for(var b={},d=0,e=0;e<a.length;++e){var g=a[e];b[g.id]=g;d=Math.min(g.pos[0],d);Math.max(g.pos[0],d)}for(e=0;e<a.length;++e){g=a[e];if(g.inputs)for(d=0;d<g.inputs.length;++d){var f=g.inputs[d];if(f&&f.link){var c=g.graph.links[f.link];c&&(b[c.origin_id]||this.subgraph.addInput(f.name,c.type))}}if(g.outputs)for(d=0;d<g.outputs.length;++d)if((f=
+g.outputs[d])&&f.links&&f.links.length)for(var l=0;l<f.links.length&&(!(c=g.graph.links[f.links[l]])||b[c.target_id]);++l);}};m.Subgraph=k;m.registerNodeType("graph/subgraph",k);v.title="Input";v.desc="Input of the graph";v.prototype.onConfigure=function(){this.updateType()};v.prototype.updateType=function(){var a=this.properties.type;this.type_widget.value=a;this.outputs[0].type!=a&&(m.isValidConnection(this.outputs[0].type,a)||this.disconnectOutput(0),this.outputs[0].type=a);"number"==a?(this.value_widget.type=
+"number",this.value_widget.value=0):"boolean"==a?(this.value_widget.type="toggle",this.value_widget.value=!0):"string"==a?(this.value_widget.type="text",this.value_widget.value=""):(this.value_widget.type=null,this.value_widget.value=null);this.properties.value=this.value_widget.value;this.graph&&this.name_in_graph&&this.graph.changeInputType(this.name_in_graph,a)};v.prototype.onPropertyChanged=function(a,b){if("name"==a){if(""==b||b==this.name_in_graph||"enabled"==b)return!1;this.graph&&(this.name_in_graph?
+this.graph.renameInput(this.name_in_graph,b):this.graph.addInput(b,this.properties.type));this.name_in_graph=this.name_widget.value=b}else"type"==a&&this.updateType()};v.prototype.getTitle=function(){return this.flags.collapsed?this.properties.name:this.title};v.prototype.onAction=function(a,b){this.properties.type==m.EVENT&&this.triggerSlot(0,b)};v.prototype.onExecute=function(){var a=this.graph.inputs[this.properties.name];a?this.setOutputData(0,void 0!==a.value?a.value:this.properties.value):this.setOutputData(0,
+this.properties.value)};v.prototype.onRemoved=function(){this.name_in_graph&&this.graph.removeInput(this.name_in_graph)};m.GraphInput=v;m.registerNodeType("graph/input",v);r.title="Output";r.desc="Output of the graph";r.prototype.onExecute=function(){this._value=this.getInputData(0);this.graph.setOutputData(this.properties.name,this._value)};r.prototype.onAction=function(a,b){this.properties.type==m.ACTION&&this.graph.trigger(this.properties.name,b)};r.prototype.onRemoved=function(){this.name_in_graph&&
+this.graph.removeOutput(this.name_in_graph)};r.prototype.getTitle=function(){return this.flags.collapsed?this.properties.name:this.title};m.GraphOutput=r;m.registerNodeType("graph/output",r);t.title="Const Number";t.desc="Constant number";t.prototype.onExecute=function(){this.setOutputData(0,parseFloat(this.properties.value))};t.prototype.getTitle=function(){return this.flags.collapsed?this.properties.value:this.title};t.prototype.setValue=function(a){this.setProperty("value",a)};t.prototype.onDrawBackground=
+function(a){this.outputs[0].label=this.properties.value.toFixed(3)};m.registerNodeType("basic/const",t);h.title="Const Boolean";h.desc="Constant boolean";h.prototype.getTitle=t.prototype.getTitle;h.prototype.onExecute=function(){this.setOutputData(0,this.properties.value)};h.prototype.setValue=t.prototype.setValue;h.prototype.onGetInputs=function(){return[["toggle",m.ACTION]]};h.prototype.onAction=function(a){this.setValue(!this.properties.value)};m.registerNodeType("basic/boolean",h);D.title="Const String";
+D.desc="Constant string";D.prototype.getTitle=t.prototype.getTitle;D.prototype.onExecute=function(){this.setOutputData(0,this.properties.value)};D.prototype.setValue=t.prototype.setValue;D.prototype.onDropFile=function(a){var b=this,d=new FileReader;d.onload=function(a){b.setProperty("value",a.target.result)};d.readAsText(a)};m.registerNodeType("basic/string",D);z.title="Const Object";z.desc="Constant Object";z.prototype.onExecute=function(){this.setOutputData(0,this._object)};m.registerNodeType("basic/object",
+z);G.title="Const File";G.desc="Fetches a file from an url";G["@type"]={type:"enum",values:["text","arraybuffer","blob","json"]};G.prototype.onPropertyChanged=function(a,b){"url"==a&&(null==b||""==b?this._data=null:this.fetchFile(b))};G.prototype.onExecute=function(){var a=this.getInputData(0)||this.properties.url;!a||a==this._url&&this._type==this.properties.type||this.fetchFile(a);this.setOutputData(0,this._data)};G.prototype.setValue=t.prototype.setValue;G.prototype.fetchFile=function(a){var b=
 this;a&&a.constructor===String?(this._url=a,this._type=this.properties.type,"http"==a.substr(0,4)&&m.proxy&&(a=m.proxy+a.substr(a.indexOf(":")+3)),fetch(a).then(function(a){if(!a.ok)throw Error("File not found");if("arraybuffer"==b.properties.type)return a.arrayBuffer();if("text"==b.properties.type)return a.text();if("json"==b.properties.type)return a.json();if("blob"==b.properties.type)return a.blob()}).then(function(a){b._data=a;b.boxcolor="#AEA"})["catch"](function(d){b._data=null;b.boxcolor="red";
 console.error("error fetching file:",a)})):(b._data=null,b.boxcolor=null)};G.prototype.onDropFile=function(a){var b=this;this._url=a.name;this._type=this.properties.type;this.properties.url=a.name;var d=new FileReader;d.onload=function(a){b.boxcolor="#AEA";a=a.target.result;"json"==b.properties.type&&(a=JSON.parse(a));b._data=a};if("arraybuffer"==b.properties.type)d.readAsArrayBuffer(a);else if("text"==b.properties.type||"json"==b.properties.type)d.readAsText(a);else if("blob"==b.properties.type)return d.readAsBinaryString(a)};
-m.registerNodeType("basic/file",G);A.title="Const Data";A.desc="Constant Data";A.prototype.onPropertyChanged=function(a,b){this.widget.value=b;if(null!=b&&""!=b)try{this._value=JSON.parse(b),this.boxcolor="#AEA"}catch(d){this.boxcolor="red"}};A.prototype.onExecute=function(){this.setOutputData(0,this._value)};A.prototype.setValue=t.prototype.setValue;m.registerNodeType("basic/data",A);D.title="Const Array";D.desc="Constant Array";D.prototype.onPropertyChanged=function(a,b){this.widget.value=b;if(null!=
-b&&""!=b)try{this._value="["!=b[0]?JSON.parse("["+b+"]"):JSON.parse(b),this.boxcolor="#AEA"}catch(d){this.boxcolor="red"}};D.prototype.onExecute=function(){var a=this.getInputData(0);if(a&&a.length){this._value||(this._value=[]);this._value.length=a.length;for(var b=0;b<a.length;++b)this._value[b]=a[b]}this.setOutputData(0,this._value);this.setOutputData(1,this._value?this._value.length||0:0)};D.prototype.setValue=t.prototype.setValue;m.registerNodeType("basic/array",D);e.title="Set Array";e.desc=
-"Sets index of array";e.prototype.onExecute=function(){var a=this.getInputData(0);if(a){var b=this.getInputData(1);void 0!==b&&(this.properties.index&&(a[Math.floor(this.properties.index)]=b),this.setOutputData(0,a))}};m.registerNodeType("basic/set_array",e);q.title="Array[i]";q.desc="Returns an element from an array";q.prototype.onExecute=function(){var a=this.getInputData(0),b=this.getInputData(1);null==b&&(b=this.properties.index);null!=a&&null!=b&&this.setOutputData(0,a[Math.floor(Number(b))])};
-m.registerNodeType("basic/array[]",q);H.title="Table[row][col]";H.desc="Returns an element from a table";H.prototype.onExecute=function(){var a=this.getInputData(0),b=this.getInputData(1),d=this.getInputData(2);null==b&&(b=this.properties.row);null==d&&(d=this.properties.column);null!=a&&null!=b&&null!=d&&((b=a[Math.floor(Number(b))])?this.setOutputData(0,b[Math.floor(Number(d))]):this.setOutputData(0,null))};m.registerNodeType("basic/table[][]",H);w.title="Object property";w.desc="Outputs the property of an object";
-w.prototype.setValue=function(a){this.properties.value=a;this.widget.value=a};w.prototype.getTitle=function(){return this.flags.collapsed?"in."+this.properties.value:this.title};w.prototype.onPropertyChanged=function(a,b){this.widget.value=b};w.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&this.setOutputData(0,a[this.properties.value])};m.registerNodeType("basic/object_property",w);L.title="Object keys";L.desc="Outputs an array with the keys of an object";L.prototype.onExecute=
-function(){var a=this.getInputData(0);null!=a&&this.setOutputData(0,Object.keys(a))};m.registerNodeType("basic/object_keys",L);n.title="Set Object";n.desc="Adds propertiesrty to object";n.prototype.onExecute=function(){var a=this.getInputData(0);if(a){var b=this.getInputData(1);void 0!==b&&(this.properties.property&&(a[this.properties.property]=b),this.setOutputData(0,a))}};m.registerNodeType("basic/set_object",n);v.title="Merge Objects";v.desc="Creates an object copying properties from others";v.prototype.onExecute=
-function(){var a=this.getInputData(0),b=this.getInputData(1),d=this._result;if(a)for(var g in a)d[g]=a[g];if(b)for(g in b)d[g]=b[g];this.setOutputData(0,d)};m.registerNodeType("basic/merge_objects",v);l.title="Variable";l.desc="store/read variable value";l.LITEGRAPH=0;l.GRAPH=1;l.GLOBALSCOPE=2;l["@container"]={type:"enum",values:{litegraph:l.LITEGRAPH,graph:l.GRAPH,global:l.GLOBALSCOPE}};l.prototype.onExecute=function(){var a=this.getContainer();this.isInputConnected(0)?(this.value=this.getInputData(0),
+m.registerNodeType("basic/file",G);A.title="Const Data";A.desc="Constant Data";A.prototype.onPropertyChanged=function(a,b){this.widget.value=b;if(null!=b&&""!=b)try{this._value=JSON.parse(b),this.boxcolor="#AEA"}catch(d){this.boxcolor="red"}};A.prototype.onExecute=function(){this.setOutputData(0,this._value)};A.prototype.setValue=t.prototype.setValue;m.registerNodeType("basic/data",A);E.title="Const Array";E.desc="Constant Array";E.prototype.onPropertyChanged=function(a,b){this.widget.value=b;if(null!=
+b&&""!=b)try{this._value="["!=b[0]?JSON.parse("["+b+"]"):JSON.parse(b),this.boxcolor="#AEA"}catch(d){this.boxcolor="red"}};E.prototype.onExecute=function(){var a=this.getInputData(0);if(a&&a.length){this._value||(this._value=[]);this._value.length=a.length;for(var b=0;b<a.length;++b)this._value[b]=a[b]}this.setOutputData(0,this._value);this.setOutputData(1,this._value?this._value.length||0:0)};E.prototype.setValue=t.prototype.setValue;m.registerNodeType("basic/array",E);f.title="Set Array";f.desc=
+"Sets index of array";f.prototype.onExecute=function(){var a=this.getInputData(0);if(a){var b=this.getInputData(1);void 0!==b&&(this.properties.index&&(a[Math.floor(this.properties.index)]=b),this.setOutputData(0,a))}};m.registerNodeType("basic/set_array",f);n.title="Array[i]";n.desc="Returns an element from an array";n.prototype.onExecute=function(){var a=this.getInputData(0),b=this.getInputData(1);null==b&&(b=this.properties.index);null!=a&&null!=b&&this.setOutputData(0,a[Math.floor(Number(b))])};
+m.registerNodeType("basic/array[]",n);I.title="Table[row][col]";I.desc="Returns an element from a table";I.prototype.onExecute=function(){var a=this.getInputData(0),b=this.getInputData(1),d=this.getInputData(2);null==b&&(b=this.properties.row);null==d&&(d=this.properties.column);null!=a&&null!=b&&null!=d&&((b=a[Math.floor(Number(b))])?this.setOutputData(0,b[Math.floor(Number(d))]):this.setOutputData(0,null))};m.registerNodeType("basic/table[][]",I);x.title="Object property";x.desc="Outputs the property of an object";
+x.prototype.setValue=function(a){this.properties.value=a;this.widget.value=a};x.prototype.getTitle=function(){return this.flags.collapsed?"in."+this.properties.value:this.title};x.prototype.onPropertyChanged=function(a,b){this.widget.value=b};x.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&this.setOutputData(0,a[this.properties.value])};m.registerNodeType("basic/object_property",x);L.title="Object keys";L.desc="Outputs an array with the keys of an object";L.prototype.onExecute=
+function(){var a=this.getInputData(0);null!=a&&this.setOutputData(0,Object.keys(a))};m.registerNodeType("basic/object_keys",L);s.title="Set Object";s.desc="Adds propertiesrty to object";s.prototype.onExecute=function(){var a=this.getInputData(0);if(a){var b=this.getInputData(1);void 0!==b&&(this.properties.property&&(a[this.properties.property]=b),this.setOutputData(0,a))}};m.registerNodeType("basic/set_object",s);w.title="Merge Objects";w.desc="Creates an object copying properties from others";w.prototype.onExecute=
+function(){var a=this.getInputData(0),b=this.getInputData(1),d=this._result;if(a)for(var e in a)d[e]=a[e];if(b)for(e in b)d[e]=b[e];this.setOutputData(0,d)};m.registerNodeType("basic/merge_objects",w);l.title="Variable";l.desc="store/read variable value";l.LITEGRAPH=0;l.GRAPH=1;l.GLOBALSCOPE=2;l["@container"]={type:"enum",values:{litegraph:l.LITEGRAPH,graph:l.GRAPH,global:l.GLOBALSCOPE}};l.prototype.onExecute=function(){var a=this.getContainer();this.isInputConnected(0)?(this.value=this.getInputData(0),
 a[this.properties.varname]=this.value,this.setOutputData(0,this.value)):this.setOutputData(0,a[this.properties.varname])};l.prototype.getContainer=function(){switch(this.properties.container){case l.GRAPH:return this.graph?this.graph.vars:{};case l.GLOBALSCOPE:return B;default:return m.Globals}};l.prototype.getTitle=function(){return this.properties.varname};m.registerNodeType("basic/variable",l);m.wrapFunctionAsNode("basic/length",function(a){return a&&null!=a.length?Number(a.length):0},[""],"number");
 a.title="Download";a.desc="Download some data";a.prototype.downloadAsFile=function(){if(null!=this.value){var a=null,a=this.value.constructor===String?this.value:JSON.stringify(this.value),a=new Blob([a]),b=URL.createObjectURL(a),a=document.createElement("a");a.setAttribute("href",b);a.setAttribute("download",this.properties.filename);a.style.display="none";document.body.appendChild(a);a.click();document.body.removeChild(a);setTimeout(function(){URL.revokeObjectURL(b)},6E4)}};a.prototype.onAction=
 function(a,b){var d=this;setTimeout(function(){d.downloadAsFile()},100)};a.prototype.onExecute=function(){this.inputs[0]&&(this.value=this.getInputData(0))};a.prototype.getTitle=function(){return this.flags.collapsed?this.properties.filename:this.title};m.registerNodeType("basic/download",a);b.title="Watch";b.desc="Show value of input";b.prototype.onExecute=function(){this.inputs[0]&&(this.value=this.getInputData(0))};b.prototype.getTitle=function(){return this.flags.collapsed?this.inputs[0].label:
-this.title};b.toString=function(a){if(null==a)return"null";if(a.constructor===Number)return a.toFixed(3);if(a.constructor===Array){for(var d="[",g=0;g<a.length;++g)d+=b.toString(a[g])+(g+1!=a.length?",":"");return d+"]"}return String(a)};b.prototype.onDrawBackground=function(a){this.inputs[0].label=b.toString(this.value)};m.registerNodeType("basic/watch",b);d.title="Cast";d.desc="Allows to connect different types";d.prototype.onExecute=function(){this.setOutputData(0,this.getInputData(0))};m.registerNodeType("basic/cast",
-d);g.title="Console";g.desc="Show value inside the console";g.prototype.onAction=function(a,b){"log"==a?console.log(b):"warn"==a?console.warn(b):"error"==a&&console.error(b)};g.prototype.onExecute=function(){var a=this.getInputData(1);null!==a&&(this.properties.msg=a);console.log(a)};g.prototype.onGetInputs=function(){return[["log",m.ACTION],["warn",m.ACTION],["error",m.ACTION]]};m.registerNodeType("basic/console",g);f.title="Alert";f.desc="Show an alert window";f.color="#510";f.prototype.onConfigure=
-function(a){this.widget.value=a.properties.msg};f.prototype.onAction=function(a,b){var d=this.properties.msg;setTimeout(function(){alert(d)},10)};m.registerNodeType("basic/alert",f);E.prototype.onConfigure=function(a){a.properties.onExecute&&m.allow_scripts?this.compileCode(a.properties.onExecute):console.warn("Script not compiled, LiteGraph.allow_scripts is false")};E.title="Script";E.desc="executes a code (max 100 characters)";E.widgets_info={onExecute:{type:"code"}};E.prototype.onPropertyChanged=
-function(a,b){"onExecute"==a&&m.allow_scripts?this.compileCode(b):console.warn("Script not compiled, LiteGraph.allow_scripts is false")};E.prototype.compileCode=function(a){this._func=null;if(256<a.length)console.warn("Script too long, max 256 chars");else{for(var b=a.toLowerCase(),d="script body document eval nodescript function".split(" "),g=0;g<d.length;++g)if(-1!=b.indexOf(d[g])){console.warn("invalid script");return}try{this._func=new Function("A","B","C","DATA","node",a)}catch(f){console.error("Error parsing script"),
-console.error(f)}}};E.prototype.onExecute=function(){if(this._func)try{var a=this.getInputData(0),b=this.getInputData(1),d=this.getInputData(2);this.setOutputData(0,this._func(a,b,d,this.data,this))}catch(g){console.error("Error in script"),console.error(g)}};E.prototype.onGetOutputs=function(){return[["C",""]]};m.registerNodeType("basic/script",E)})(this);
-(function(B){function c(){this.size=[60,30];this.addInput("event",A.ACTION)}function k(){this.size=[60,30];this.addInput("if","");this.addOutput("true",A.EVENT);this.addOutput("change",A.EVENT);this.addOutput("false",A.EVENT);this.properties={only_on_change:!0};this.prev=0}function u(){this.addInput("",A.ACTION);this.addInput("",A.ACTION);this.addInput("",A.ACTION);this.addInput("",A.ACTION);this.addInput("",A.ACTION);this.addInput("",A.ACTION);this.addOutput("",A.EVENT);this.addOutput("",A.EVENT);
-this.addOutput("",A.EVENT);this.addOutput("",A.EVENT);this.addOutput("",A.EVENT);this.addOutput("",A.EVENT);this.size=[120,30];this.flags={horizontal:!0,render_box:!1}}function s(){this.size=[60,30];this.addInput("event",A.ACTION);this.addOutput("event",A.EVENT);this.properties={equal_to:"",has_property:"",property_equal_to:""}}function t(){this.addInput("in",A.ACTION);this.addInput("cond","boolean");this.addOutput("true",A.EVENT);this.addOutput("false",A.EVENT);this.size=[120,60];this._value=!1}
-function h(){this.addInput("inc",A.ACTION);this.addInput("dec",A.ACTION);this.addInput("reset",A.ACTION);this.addOutput("change",A.EVENT);this.addOutput("num","number");this.num=0}function C(){this.size=[60,30];this.addProperty("time_in_ms",1E3);this.addInput("event",A.ACTION);this.addOutput("on_time",A.EVENT);this._pending=[]}function y(){this.addProperty("interval",1E3);this.addProperty("event","tick");this.addOutput("on_tick",A.EVENT);this.time=0;this.last_interval=1E3;this.triggered=!1}function G(){this.addInput("data",
-"");this.addInput("assign",A.ACTION);this.addOutput("data","");this._last_value=null;this.properties={data:null,serialize:!0};var c=this;this.addWidget("button","store","",function(){c.properties.data=c._last_value})}var A=B.LiteGraph;c.title="Log Event";c.desc="Log event in console";c.prototype.onAction=function(c,e){console.log(c,e)};A.registerNodeType("events/log",c);k.title="TriggerEvent";k.desc="Triggers event if input evaluates to true";k.prototype.onExecute=function(c,e){var q=this.getInputData(0),
-h=q!=this.prev;0===this.prev&&(h=!1);var s=h&&this.properties.only_on_change||!h&&!this.properties.only_on_change;q&&s&&this.triggerSlot(0,e);!q&&s&&this.triggerSlot(2,e);h&&this.triggerSlot(1,e);this.prev=q};A.registerNodeType("events/trigger",k);u.title="Sequencer";u.desc="Trigger events when an event arrives";u.prototype.getTitle=function(){return""};u.prototype.onAction=function(c,e){if(this.outputs)for(var q=0;q<this.outputs.length;++q)this.triggerSlot(q,e)};A.registerNodeType("events/sequencer",
-u);s.title="Filter Event";s.desc="Blocks events that do not match the filter";s.prototype.onAction=function(c,e){if(null!=e&&(!this.properties.equal_to||this.properties.equal_to==e)){if(this.properties.has_property){var q=e[this.properties.has_property];if(null==q||this.properties.property_equal_to&&this.properties.property_equal_to!=q)return}this.triggerSlot(0,e)}};A.registerNodeType("events/filter",s);t.title="Branch";t.desc="If condition is true, outputs triggers true, otherwise false";t.prototype.onExecute=
-function(){this._value=this.getInputData(1)};t.prototype.onAction=function(c,e){this.triggerSlot(this._value?0:1)};A.registerNodeType("events/branch",t);h.title="Counter";h.desc="Counts events";h.prototype.getTitle=function(){return this.flags.collapsed?String(this.num):this.title};h.prototype.onAction=function(c,e){var q=this.num;"inc"==c?this.num+=1:"dec"==c?this.num-=1:"reset"==c&&(this.num=0);this.num!=q&&this.trigger("change",this.num)};h.prototype.onDrawBackground=function(c){this.flags.collapsed||
-(c.fillStyle="#AAA",c.font="20px Arial",c.textAlign="center",c.fillText(this.num,0.5*this.size[0],0.5*this.size[1]))};h.prototype.onExecute=function(){this.setOutputData(1,this.num)};A.registerNodeType("events/counter",h);C.title="Delay";C.desc="Delays one event";C.prototype.onAction=function(c,e){var q=this.properties.time_in_ms;0>=q?this.trigger(null,e):this._pending.push([q,e])};C.prototype.onExecute=function(){var c=1E3*this.graph.elapsed_time;this.isInputConnected(1)&&(this.properties.time_in_ms=
-this.getInputData(1));for(var e=0;e<this._pending.length;++e){var q=this._pending[e];q[0]-=c;0<q[0]||(this._pending.splice(e,1),--e,this.trigger(null,q[1]))}};C.prototype.onGetInputs=function(){return[["event",A.ACTION],["time_in_ms","number"]]};A.registerNodeType("events/delay",C);y.title="Timer";y.desc="Sends an event every N milliseconds";y.prototype.onStart=function(){this.time=0};y.prototype.getTitle=function(){return"Timer: "+this.last_interval.toString()+"ms"};y.on_color="#AAA";y.off_color=
-"#222";y.prototype.onDrawBackground=function(){this.boxcolor=this.triggered?y.on_color:y.off_color;this.triggered=!1};y.prototype.onExecute=function(){var c=0==this.time;this.time+=1E3*this.graph.elapsed_time;this.last_interval=Math.max(1,this.getInputOrProperty("interval")|0);!c&&(this.time<this.last_interval||isNaN(this.last_interval))?this.inputs&&1<this.inputs.length&&this.inputs[1]&&this.setOutputData(1,!1):(this.triggered=!0,this.time%=this.last_interval,this.trigger("on_tick",this.properties.event),
-this.inputs&&1<this.inputs.length&&this.inputs[1]&&this.setOutputData(1,!0))};y.prototype.onGetInputs=function(){return[["interval","number"]]};y.prototype.onGetOutputs=function(){return[["tick","boolean"]]};A.registerNodeType("events/timer",y);G.title="Data Store";G.desc="Stores data and only changes when event is received";G.prototype.onExecute=function(){this._last_value=this.getInputData(0);this.setOutputData(0,this.properties.data)};G.prototype.onAction=function(c,e){this.properties.data=this._last_value};
+this.title};b.toString=function(a){if(null==a)return"null";if(a.constructor===Number)return a.toFixed(3);if(a.constructor===Array){for(var d="[",e=0;e<a.length;++e)d+=b.toString(a[e])+(e+1!=a.length?",":"");return d+"]"}return String(a)};b.prototype.onDrawBackground=function(a){this.inputs[0].label=b.toString(this.value)};m.registerNodeType("basic/watch",b);d.title="Cast";d.desc="Allows to connect different types";d.prototype.onExecute=function(){this.setOutputData(0,this.getInputData(0))};m.registerNodeType("basic/cast",
+d);g.title="Console";g.desc="Show value inside the console";g.prototype.onAction=function(a,b){"log"==a?console.log(b):"warn"==a?console.warn(b):"error"==a&&console.error(b)};g.prototype.onExecute=function(){var a=this.getInputData(1);null!==a&&(this.properties.msg=a);console.log(a)};g.prototype.onGetInputs=function(){return[["log",m.ACTION],["warn",m.ACTION],["error",m.ACTION]]};m.registerNodeType("basic/console",g);e.title="Alert";e.desc="Show an alert window";e.color="#510";e.prototype.onConfigure=
+function(a){this.widget.value=a.properties.msg};e.prototype.onAction=function(a,b){var d=this.properties.msg;setTimeout(function(){alert(d)},10)};m.registerNodeType("basic/alert",e);y.prototype.onConfigure=function(a){a.properties.onExecute&&m.allow_scripts?this.compileCode(a.properties.onExecute):console.warn("Script not compiled, LiteGraph.allow_scripts is false")};y.title="Script";y.desc="executes a code (max 100 characters)";y.widgets_info={onExecute:{type:"code"}};y.prototype.onPropertyChanged=
+function(a,b){"onExecute"==a&&m.allow_scripts?this.compileCode(b):console.warn("Script not compiled, LiteGraph.allow_scripts is false")};y.prototype.compileCode=function(a){this._func=null;if(256<a.length)console.warn("Script too long, max 256 chars");else{for(var b=a.toLowerCase(),d="script body document eval nodescript function".split(" "),e=0;e<d.length;++e)if(-1!=b.indexOf(d[e])){console.warn("invalid script");return}try{this._func=new Function("A","B","C","DATA","node",a)}catch(g){console.error("Error parsing script"),
+console.error(g)}}};y.prototype.onExecute=function(){if(this._func)try{var a=this.getInputData(0),b=this.getInputData(1),d=this.getInputData(2);this.setOutputData(0,this._func(a,b,d,this.data,this))}catch(e){console.error("Error in script"),console.error(e)}};y.prototype.onGetOutputs=function(){return[["C",""]]};m.registerNodeType("basic/script",y)})(this);
+(function(B){function c(){this.size=[60,30];this.addInput("event",A.ACTION)}function k(){this.size=[60,30];this.addInput("if","");this.addOutput("true",A.EVENT);this.addOutput("change",A.EVENT);this.addOutput("false",A.EVENT);this.properties={only_on_change:!0};this.prev=0}function v(){this.addInput("",A.ACTION);this.addInput("",A.ACTION);this.addInput("",A.ACTION);this.addInput("",A.ACTION);this.addInput("",A.ACTION);this.addInput("",A.ACTION);this.addOutput("",A.EVENT);this.addOutput("",A.EVENT);
+this.addOutput("",A.EVENT);this.addOutput("",A.EVENT);this.addOutput("",A.EVENT);this.addOutput("",A.EVENT);this.size=[120,30];this.flags={horizontal:!0,render_box:!1}}function r(){this.size=[60,30];this.addInput("event",A.ACTION);this.addOutput("event",A.EVENT);this.properties={equal_to:"",has_property:"",property_equal_to:""}}function t(){this.addInput("in",A.ACTION);this.addInput("cond","boolean");this.addOutput("true",A.EVENT);this.addOutput("false",A.EVENT);this.size=[120,60];this._value=!1}
+function h(){this.addInput("inc",A.ACTION);this.addInput("dec",A.ACTION);this.addInput("reset",A.ACTION);this.addOutput("change",A.EVENT);this.addOutput("num","number");this.num=0}function D(){this.size=[60,30];this.addProperty("time_in_ms",1E3);this.addInput("event",A.ACTION);this.addOutput("on_time",A.EVENT);this._pending=[]}function z(){this.addProperty("interval",1E3);this.addProperty("event","tick");this.addOutput("on_tick",A.EVENT);this.time=0;this.last_interval=1E3;this.triggered=!1}function G(){this.addInput("data",
+"");this.addInput("assign",A.ACTION);this.addOutput("data","");this._last_value=null;this.properties={data:null,serialize:!0};var c=this;this.addWidget("button","store","",function(){c.properties.data=c._last_value})}var A=B.LiteGraph;c.title="Log Event";c.desc="Log event in console";c.prototype.onAction=function(c,f){console.log(c,f)};A.registerNodeType("events/log",c);k.title="TriggerEvent";k.desc="Triggers event if input evaluates to true";k.prototype.onExecute=function(c,f){var n=this.getInputData(0),
+h=n!=this.prev;0===this.prev&&(h=!1);var r=h&&this.properties.only_on_change||!h&&!this.properties.only_on_change;n&&r&&this.triggerSlot(0,f);!n&&r&&this.triggerSlot(2,f);h&&this.triggerSlot(1,f);this.prev=n};A.registerNodeType("events/trigger",k);v.title="Sequencer";v.desc="Trigger events when an event arrives";v.prototype.getTitle=function(){return""};v.prototype.onAction=function(c,f){if(this.outputs)for(var n=0;n<this.outputs.length;++n)this.triggerSlot(n,f)};A.registerNodeType("events/sequencer",
+v);r.title="Filter Event";r.desc="Blocks events that do not match the filter";r.prototype.onAction=function(c,f){if(null!=f&&(!this.properties.equal_to||this.properties.equal_to==f)){if(this.properties.has_property){var n=f[this.properties.has_property];if(null==n||this.properties.property_equal_to&&this.properties.property_equal_to!=n)return}this.triggerSlot(0,f)}};A.registerNodeType("events/filter",r);t.title="Branch";t.desc="If condition is true, outputs triggers true, otherwise false";t.prototype.onExecute=
+function(){this._value=this.getInputData(1)};t.prototype.onAction=function(c,f){this.triggerSlot(this._value?0:1)};A.registerNodeType("events/branch",t);h.title="Counter";h.desc="Counts events";h.prototype.getTitle=function(){return this.flags.collapsed?String(this.num):this.title};h.prototype.onAction=function(c,f){var n=this.num;"inc"==c?this.num+=1:"dec"==c?this.num-=1:"reset"==c&&(this.num=0);this.num!=n&&this.trigger("change",this.num)};h.prototype.onDrawBackground=function(c){this.flags.collapsed||
+(c.fillStyle="#AAA",c.font="20px Arial",c.textAlign="center",c.fillText(this.num,0.5*this.size[0],0.5*this.size[1]))};h.prototype.onExecute=function(){this.setOutputData(1,this.num)};A.registerNodeType("events/counter",h);D.title="Delay";D.desc="Delays one event";D.prototype.onAction=function(c,f){var n=this.properties.time_in_ms;0>=n?this.trigger(null,f):this._pending.push([n,f])};D.prototype.onExecute=function(){var c=1E3*this.graph.elapsed_time;this.isInputConnected(1)&&(this.properties.time_in_ms=
+this.getInputData(1));for(var f=0;f<this._pending.length;++f){var n=this._pending[f];n[0]-=c;0<n[0]||(this._pending.splice(f,1),--f,this.trigger(null,n[1]))}};D.prototype.onGetInputs=function(){return[["event",A.ACTION],["time_in_ms","number"]]};A.registerNodeType("events/delay",D);z.title="Timer";z.desc="Sends an event every N milliseconds";z.prototype.onStart=function(){this.time=0};z.prototype.getTitle=function(){return"Timer: "+this.last_interval.toString()+"ms"};z.on_color="#AAA";z.off_color=
+"#222";z.prototype.onDrawBackground=function(){this.boxcolor=this.triggered?z.on_color:z.off_color;this.triggered=!1};z.prototype.onExecute=function(){var c=0==this.time;this.time+=1E3*this.graph.elapsed_time;this.last_interval=Math.max(1,this.getInputOrProperty("interval")|0);!c&&(this.time<this.last_interval||isNaN(this.last_interval))?this.inputs&&1<this.inputs.length&&this.inputs[1]&&this.setOutputData(1,!1):(this.triggered=!0,this.time%=this.last_interval,this.trigger("on_tick",this.properties.event),
+this.inputs&&1<this.inputs.length&&this.inputs[1]&&this.setOutputData(1,!0))};z.prototype.onGetInputs=function(){return[["interval","number"]]};z.prototype.onGetOutputs=function(){return[["tick","boolean"]]};A.registerNodeType("events/timer",z);G.title="Data Store";G.desc="Stores data and only changes when event is received";G.prototype.onExecute=function(){this._last_value=this.getInputData(0);this.setOutputData(0,this.properties.data)};G.prototype.onAction=function(c,f){this.properties.data=this._last_value};
 G.prototype.onSerialize=function(c){null!=c.data&&(!1==this.properties.serialize||c.data.constructor!==String&&c.data.constructor!==Number&&c.data.constructor!==Boolean&&c.data.constructor!==Array&&c.data.constructor!==Object)&&(c.data=null)};A.registerNodeType("basic/data_store",G)})(this);
-(function(B){function c(){this.addOutput("",D.EVENT);this.addOutput("","boolean");this.addProperty("text","click me");this.addProperty("font_size",30);this.addProperty("message","");this.size=[164,84];this.clicked=!1}function k(){this.addInput("","boolean");this.addInput("e",D.ACTION);this.addOutput("v","boolean");this.addOutput("e",D.EVENT);this.properties={font:"",value:!1};this.size=[160,44]}function u(){this.addOutput("","number");this.size=[80,60];this.properties={min:-1E3,max:1E3,value:1,step:1};
-this.old_y=-1;this._precision=this._remainder=0;this.mouse_captured=!1}function s(){this.addOutput("","string");this.addOutput("change",D.EVENT);this.size=[80,60];this.properties={value:"A",values:"A;B;C"};this.old_y=-1;this.mouse_captured=!1;this._values=this.properties.values.split(";");var e=this;this.widgets_up=!0;this.widget=this.addWidget("combo","",this.properties.value,function(c){e.properties.value=c;e.triggerSlot(1,c)},{property:"value",values:this._values})}function t(){this.addOutput("",
-"number");this.size=[64,84];this.properties={min:0,max:1,value:0.5,color:"#7AF",precision:2};this.value=-1}function h(){this.addOutput("","number");this.properties={value:0.5,min:0,max:1,text:"V"};var e=this;this.size=[140,40];this.slider=this.addWidget("slider","V",this.properties.value,function(c){e.properties.value=c},this.properties);this.widgets_up=!0}function C(){this.size=[160,26];this.addOutput("","number");this.properties={color:"#7AF",min:0,max:1,value:0.5};this.value=-1}function y(){this.size=
-[160,26];this.addInput("","number");this.properties={min:0,max:1,value:0,color:"#AAF"}}function G(){this.addInputs("",0);this.properties={value:"...",font:"Arial",fontsize:18,color:"#AAA",align:"left",glowSize:0,decimals:1}}function A(){this.size=[200,100];this.properties={borderColor:"#ffffff",bgcolorTop:"#f0f0f0",bgcolorBottom:"#e0e0e0",shadowSize:2,borderRadius:3}}var D=B.LiteGraph;c.title="Button";c.desc="Triggers an event";c.font="Arial";c.prototype.onDrawForeground=function(e){if(!this.flags.collapsed&&
-(e.fillStyle="black",e.fillRect(11,11,this.size[0]-20,this.size[1]-20),e.fillStyle="#AAF",e.fillRect(9,9,this.size[0]-20,this.size[1]-20),e.fillStyle=this.clicked?"white":this.mouseOver?"#668":"#334",e.fillRect(10,10,this.size[0]-20,this.size[1]-20),this.properties.text||0===this.properties.text)){var q=this.properties.font_size||30;e.textAlign="center";e.fillStyle=this.clicked?"black":"white";e.font=q+"px "+c.font;e.fillText(this.properties.text,0.5*this.size[0],0.5*this.size[1]+0.3*q);e.textAlign=
-"left"}};c.prototype.onMouseDown=function(e,c){if(1<c[0]&&1<c[1]&&c[0]<this.size[0]-2&&c[1]<this.size[1]-2)return this.clicked=!0,this.triggerSlot(0,this.properties.message),!0};c.prototype.onExecute=function(){this.setOutputData(1,this.clicked)};c.prototype.onMouseUp=function(e){this.clicked=!1};D.registerNodeType("widget/button",c);k.title="Toggle";k.desc="Toggles between true or false";k.prototype.onDrawForeground=function(e){if(!this.flags.collapsed){var c=0.5*this.size[1],h=0.8*this.size[1];
-e.font=this.properties.font||(0.8*c).toFixed(0)+"px Arial";var s=e.measureText(this.title).width,s=0.5*(this.size[0]-(s+c));e.fillStyle="#AAA";e.fillRect(s,h-c,c,c);e.fillStyle=this.properties.value?"#AEF":"#000";e.fillRect(s+0.25*c,h-c+0.25*c,0.5*c,0.5*c);e.textAlign="left";e.fillStyle="#AAA";e.fillText(this.title,1.2*c+s,0.85*h);e.textAlign="left"}};k.prototype.onAction=function(c){this.properties.value=!this.properties.value;this.trigger("e",this.properties.value)};k.prototype.onExecute=function(){var c=
-this.getInputData(0);null!=c&&(this.properties.value=c);this.setOutputData(0,this.properties.value)};k.prototype.onMouseDown=function(c,q){if(1<q[0]&&1<q[1]&&q[0]<this.size[0]-2&&q[1]<this.size[1]-2)return this.properties.value=!this.properties.value,this.graph._version++,this.trigger("e",this.properties.value),!0};D.registerNodeType("widget/toggle",k);u.title="Number";u.desc="Widget to select number value";u.pixels_threshold=10;u.markers_color="#666";u.prototype.onDrawForeground=function(c){var q=
-0.5*this.size[0],h=this.size[1];30<h?(c.fillStyle=u.markers_color,c.beginPath(),c.moveTo(q,0.1*h),c.lineTo(q+0.1*h,0.2*h),c.lineTo(q+-0.1*h,0.2*h),c.fill(),c.beginPath(),c.moveTo(q,0.9*h),c.lineTo(q+0.1*h,0.8*h),c.lineTo(q+-0.1*h,0.8*h),c.fill(),c.font=(0.7*h).toFixed(1)+"px Arial"):c.font=(0.8*h).toFixed(1)+"px Arial";c.textAlign="center";c.font=(0.7*h).toFixed(1)+"px Arial";c.fillStyle="#EEE";c.fillText(this.properties.value.toFixed(this._precision),q,0.75*h)};u.prototype.onExecute=function(){this.setOutputData(0,
-this.properties.value)};u.prototype.onPropertyChanged=function(c,q){var h=(this.properties.step+"").split(".");this._precision=1<h.length?h[1].length:0};u.prototype.onMouseDown=function(c,q){if(!(0>q[1]))return this.old_y=c.canvasY,this.captureInput(!0),this.mouse_captured=!0};u.prototype.onMouseMove=function(c){if(this.mouse_captured){var q=this.old_y-c.canvasY;c.shiftKey&&(q*=10);if(c.metaKey||c.altKey)q*=0.1;this.old_y=c.canvasY;c=this._remainder+q/u.pixels_threshold;this._remainder=c%1;c=Math.clamp(this.properties.value+
-(c|0)*this.properties.step,this.properties.min,this.properties.max);this.properties.value=c;this.graph._version++;this.setDirtyCanvas(!0)}};u.prototype.onMouseUp=function(c,q){200>c.click_time&&(this.properties.value=Math.clamp(this.properties.value+(q[1]>0.5*this.size[1]?-1:1)*this.properties.step,this.properties.min,this.properties.max),this.graph._version++,this.setDirtyCanvas(!0));this.mouse_captured&&(this.mouse_captured=!1,this.captureInput(!1))};D.registerNodeType("widget/number",u);s.title=
-"Combo";s.desc="Widget to select from a list";s.prototype.onExecute=function(){this.setOutputData(0,this.properties.value)};s.prototype.onPropertyChanged=function(c,q){"values"==c?(this._values=q.split(";"),this.widget.options.values=this._values):"value"==c&&(this.widget.value=q)};D.registerNodeType("widget/combo",s);t.title="Knob";t.desc="Circular controller";t.size=[80,100];t.prototype.onDrawForeground=function(c){if(!this.flags.collapsed){-1==this.value&&(this.value=(this.properties.value-this.properties.min)/
-(this.properties.max-this.properties.min));var q=0.5*this.size[0],h=0.5*this.size[1],s=0.5*Math.min(this.size[0],this.size[1])-5;c.globalAlpha=1;c.save();c.translate(q,h);c.rotate(0.75*Math.PI);c.fillStyle="rgba(0,0,0,0.5)";c.beginPath();c.moveTo(0,0);c.arc(0,0,s,0,1.5*Math.PI);c.fill();c.strokeStyle="black";c.fillStyle=this.properties.color;c.lineWidth=2;c.beginPath();c.moveTo(0,0);c.arc(0,0,s-4,0,1.5*Math.PI*Math.max(0.01,this.value));c.closePath();c.fill();c.lineWidth=1;c.globalAlpha=1;c.restore();
-c.fillStyle="black";c.beginPath();c.arc(q,h,0.75*s,0,2*Math.PI,!0);c.fill();c.fillStyle=this.mouseOver?"white":this.properties.color;c.beginPath();var k=this.value*Math.PI*1.5+0.75*Math.PI;c.arc(q+Math.cos(k)*s*0.65,h+Math.sin(k)*s*0.65,0.05*s,0,2*Math.PI,!0);c.fill();c.fillStyle=this.mouseOver?"white":"#AAA";c.font=Math.floor(0.5*s)+"px Arial";c.textAlign="center";c.fillText(this.properties.value.toFixed(this.properties.precision),q,h+0.15*s)}};t.prototype.onExecute=function(){this.setOutputData(0,
-this.properties.value);this.boxcolor=D.colorToString([this.value,this.value,this.value])};t.prototype.onMouseDown=function(c){this.center=[0.5*this.size[0],0.5*this.size[1]+20];this.radius=0.5*this.size[0];if(20>c.canvasY-this.pos[1]||D.distance([c.canvasX,c.canvasY],[this.pos[0]+this.center[0],this.pos[1]+this.center[1]])>this.radius)return!1;this.oldmouse=[c.canvasX-this.pos[0],c.canvasY-this.pos[1]];this.captureInput(!0);return!0};t.prototype.onMouseMove=function(c){if(this.oldmouse){c=[c.canvasX-
-this.pos[0],c.canvasY-this.pos[1]];var q=this.value,q=q-0.01*(c[1]-this.oldmouse[1]);1<q?q=1:0>q&&(q=0);this.value=q;this.properties.value=this.properties.min+(this.properties.max-this.properties.min)*this.value;this.oldmouse=c;this.setDirtyCanvas(!0)}};t.prototype.onMouseUp=function(c){this.oldmouse&&(this.oldmouse=null,this.captureInput(!1))};t.prototype.onPropertyChanged=function(c,q){if("min"==c||"max"==c||"value"==c)return this.properties[c]=parseFloat(q),!0};D.registerNodeType("widget/knob",
-t);h.title="Inner Slider";h.prototype.onPropertyChanged=function(c,q){"value"==c&&(this.slider.value=q)};h.prototype.onExecute=function(){this.setOutputData(0,this.properties.value)};D.registerNodeType("widget/internal_slider",h);C.title="H.Slider";C.desc="Linear slider controller";C.prototype.onDrawForeground=function(c){-1==this.value&&(this.value=(this.properties.value-this.properties.min)/(this.properties.max-this.properties.min));c.globalAlpha=1;c.lineWidth=1;c.fillStyle="#000";c.fillRect(2,
-2,this.size[0]-4,this.size[1]-4);c.fillStyle=this.properties.color;c.beginPath();c.rect(4,4,(this.size[0]-8)*this.value,this.size[1]-8);c.fill()};C.prototype.onExecute=function(){this.properties.value=this.properties.min+(this.properties.max-this.properties.min)*this.value;this.setOutputData(0,this.properties.value);this.boxcolor=D.colorToString([this.value,this.value,this.value])};C.prototype.onMouseDown=function(c){if(0>c.canvasY-this.pos[1])return!1;this.oldmouse=[c.canvasX-this.pos[0],c.canvasY-
-this.pos[1]];this.captureInput(!0);return!0};C.prototype.onMouseMove=function(c){if(this.oldmouse){c=[c.canvasX-this.pos[0],c.canvasY-this.pos[1]];var q=this.value,q=q+(c[0]-this.oldmouse[0])/this.size[0];1<q?q=1:0>q&&(q=0);this.value=q;this.oldmouse=c;this.setDirtyCanvas(!0)}};C.prototype.onMouseUp=function(c){this.oldmouse=null;this.captureInput(!1)};C.prototype.onMouseLeave=function(c){};D.registerNodeType("widget/hslider",C);y.title="Progress";y.desc="Shows data in linear progress";y.prototype.onExecute=
-function(){var c=this.getInputData(0);void 0!=c&&(this.properties.value=c)};y.prototype.onDrawForeground=function(c){c.lineWidth=1;c.fillStyle=this.properties.color;var q=(this.properties.value-this.properties.min)/(this.properties.max-this.properties.min),q=Math.min(1,q),q=Math.max(0,q);c.fillRect(2,2,(this.size[0]-4)*q,this.size[1]-4)};D.registerNodeType("widget/progress",y);G.title="Text";G.desc="Shows the input value";G.widgets=[{name:"resize",text:"Resize box",type:"button"},{name:"led_text",
-text:"LED",type:"minibutton"},{name:"normal_text",text:"Normal",type:"minibutton"}];G.prototype.onDrawForeground=function(c){c.fillStyle=this.properties.color;var q=this.properties.value;this.properties.glowSize?(c.shadowColor=this.properties.color,c.shadowOffsetX=0,c.shadowOffsetY=0,c.shadowBlur=this.properties.glowSize):c.shadowColor="transparent";var h=this.properties.fontsize;c.textAlign=this.properties.align;c.font=h.toString()+"px "+this.properties.font;this.str="number"==typeof q?q.toFixed(this.properties.decimals):
-q;if("string"==typeof this.str)for(var q=this.str.split("\\n"),s=0;s<q.length;s++)c.fillText(q[s],"left"==this.properties.align?15:this.size[0]-15,-0.15*h+h*(parseInt(s)+1));c.shadowColor="transparent";this.last_ctx=c;c.textAlign="left"};G.prototype.onExecute=function(){var c=this.getInputData(0);null!=c&&(this.properties.value=c)};G.prototype.resize=function(){if(this.last_ctx){var c=this.str.split("\\n");this.last_ctx.font=this.properties.fontsize+"px "+this.properties.font;for(var q=0,h=0;h<c.length;h++){var s=
-this.last_ctx.measureText(c[h]).width;q<s&&(q=s)}this.size[0]=q+20;this.size[1]=4+c.length*this.properties.fontsize;this.setDirtyCanvas(!0)}};G.prototype.onPropertyChanged=function(c,q){this.properties[c]=q;this.str="number"==typeof q?q.toFixed(3):q;return!0};D.registerNodeType("widget/text",G);A.title="Panel";A.desc="Non interactive panel";A.widgets=[{name:"update",text:"Update",type:"button"}];A.prototype.createGradient=function(c){""==this.properties.bgcolorTop||""==this.properties.bgcolorBottom?
+(function(B){function c(){this.addOutput("",E.EVENT);this.addOutput("","boolean");this.addProperty("text","click me");this.addProperty("font_size",30);this.addProperty("message","");this.size=[164,84];this.clicked=!1}function k(){this.addInput("","boolean");this.addInput("e",E.ACTION);this.addOutput("v","boolean");this.addOutput("e",E.EVENT);this.properties={font:"",value:!1};this.size=[160,44]}function v(){this.addOutput("","number");this.size=[80,60];this.properties={min:-1E3,max:1E3,value:1,step:1};
+this.old_y=-1;this._precision=this._remainder=0;this.mouse_captured=!1}function r(){this.addOutput("","string");this.addOutput("change",E.EVENT);this.size=[80,60];this.properties={value:"A",values:"A;B;C"};this.old_y=-1;this.mouse_captured=!1;this._values=this.properties.values.split(";");var f=this;this.widgets_up=!0;this.widget=this.addWidget("combo","",this.properties.value,function(c){f.properties.value=c;f.triggerSlot(1,c)},{property:"value",values:this._values})}function t(){this.addOutput("",
+"number");this.size=[64,84];this.properties={min:0,max:1,value:0.5,color:"#7AF",precision:2};this.value=-1}function h(){this.addOutput("","number");this.properties={value:0.5,min:0,max:1,text:"V"};var f=this;this.size=[140,40];this.slider=this.addWidget("slider","V",this.properties.value,function(c){f.properties.value=c},this.properties);this.widgets_up=!0}function D(){this.size=[160,26];this.addOutput("","number");this.properties={color:"#7AF",min:0,max:1,value:0.5};this.value=-1}function z(){this.size=
+[160,26];this.addInput("","number");this.properties={min:0,max:1,value:0,color:"#AAF"}}function G(){this.addInputs("",0);this.properties={value:"...",font:"Arial",fontsize:18,color:"#AAA",align:"left",glowSize:0,decimals:1}}function A(){this.size=[200,100];this.properties={borderColor:"#ffffff",bgcolorTop:"#f0f0f0",bgcolorBottom:"#e0e0e0",shadowSize:2,borderRadius:3}}var E=B.LiteGraph;c.title="Button";c.desc="Triggers an event";c.font="Arial";c.prototype.onDrawForeground=function(f){if(!this.flags.collapsed&&
+(f.fillStyle="black",f.fillRect(11,11,this.size[0]-20,this.size[1]-20),f.fillStyle="#AAF",f.fillRect(9,9,this.size[0]-20,this.size[1]-20),f.fillStyle=this.clicked?"white":this.mouseOver?"#668":"#334",f.fillRect(10,10,this.size[0]-20,this.size[1]-20),this.properties.text||0===this.properties.text)){var n=this.properties.font_size||30;f.textAlign="center";f.fillStyle=this.clicked?"black":"white";f.font=n+"px "+c.font;f.fillText(this.properties.text,0.5*this.size[0],0.5*this.size[1]+0.3*n);f.textAlign=
+"left"}};c.prototype.onMouseDown=function(f,c){if(1<c[0]&&1<c[1]&&c[0]<this.size[0]-2&&c[1]<this.size[1]-2)return this.clicked=!0,this.triggerSlot(0,this.properties.message),!0};c.prototype.onExecute=function(){this.setOutputData(1,this.clicked)};c.prototype.onMouseUp=function(f){this.clicked=!1};E.registerNodeType("widget/button",c);k.title="Toggle";k.desc="Toggles between true or false";k.prototype.onDrawForeground=function(f){if(!this.flags.collapsed){var c=0.5*this.size[1],h=0.8*this.size[1];
+f.font=this.properties.font||(0.8*c).toFixed(0)+"px Arial";var r=f.measureText(this.title).width,r=0.5*(this.size[0]-(r+c));f.fillStyle="#AAA";f.fillRect(r,h-c,c,c);f.fillStyle=this.properties.value?"#AEF":"#000";f.fillRect(r+0.25*c,h-c+0.25*c,0.5*c,0.5*c);f.textAlign="left";f.fillStyle="#AAA";f.fillText(this.title,1.2*c+r,0.85*h);f.textAlign="left"}};k.prototype.onAction=function(f){this.properties.value=!this.properties.value;this.trigger("e",this.properties.value)};k.prototype.onExecute=function(){var f=
+this.getInputData(0);null!=f&&(this.properties.value=f);this.setOutputData(0,this.properties.value)};k.prototype.onMouseDown=function(f,c){if(1<c[0]&&1<c[1]&&c[0]<this.size[0]-2&&c[1]<this.size[1]-2)return this.properties.value=!this.properties.value,this.graph._version++,this.trigger("e",this.properties.value),!0};E.registerNodeType("widget/toggle",k);v.title="Number";v.desc="Widget to select number value";v.pixels_threshold=10;v.markers_color="#666";v.prototype.onDrawForeground=function(f){var c=
+0.5*this.size[0],h=this.size[1];30<h?(f.fillStyle=v.markers_color,f.beginPath(),f.moveTo(c,0.1*h),f.lineTo(c+0.1*h,0.2*h),f.lineTo(c+-0.1*h,0.2*h),f.fill(),f.beginPath(),f.moveTo(c,0.9*h),f.lineTo(c+0.1*h,0.8*h),f.lineTo(c+-0.1*h,0.8*h),f.fill(),f.font=(0.7*h).toFixed(1)+"px Arial"):f.font=(0.8*h).toFixed(1)+"px Arial";f.textAlign="center";f.font=(0.7*h).toFixed(1)+"px Arial";f.fillStyle="#EEE";f.fillText(this.properties.value.toFixed(this._precision),c,0.75*h)};v.prototype.onExecute=function(){this.setOutputData(0,
+this.properties.value)};v.prototype.onPropertyChanged=function(f,c){var h=(this.properties.step+"").split(".");this._precision=1<h.length?h[1].length:0};v.prototype.onMouseDown=function(f,c){if(!(0>c[1]))return this.old_y=f.canvasY,this.captureInput(!0),this.mouse_captured=!0};v.prototype.onMouseMove=function(f){if(this.mouse_captured){var c=this.old_y-f.canvasY;f.shiftKey&&(c*=10);if(f.metaKey||f.altKey)c*=0.1;this.old_y=f.canvasY;f=this._remainder+c/v.pixels_threshold;this._remainder=f%1;f=Math.clamp(this.properties.value+
+(f|0)*this.properties.step,this.properties.min,this.properties.max);this.properties.value=f;this.graph._version++;this.setDirtyCanvas(!0)}};v.prototype.onMouseUp=function(c,n){200>c.click_time&&(this.properties.value=Math.clamp(this.properties.value+(n[1]>0.5*this.size[1]?-1:1)*this.properties.step,this.properties.min,this.properties.max),this.graph._version++,this.setDirtyCanvas(!0));this.mouse_captured&&(this.mouse_captured=!1,this.captureInput(!1))};E.registerNodeType("widget/number",v);r.title=
+"Combo";r.desc="Widget to select from a list";r.prototype.onExecute=function(){this.setOutputData(0,this.properties.value)};r.prototype.onPropertyChanged=function(c,n){"values"==c?(this._values=n.split(";"),this.widget.options.values=this._values):"value"==c&&(this.widget.value=n)};E.registerNodeType("widget/combo",r);t.title="Knob";t.desc="Circular controller";t.size=[80,100];t.prototype.onDrawForeground=function(c){if(!this.flags.collapsed){-1==this.value&&(this.value=(this.properties.value-this.properties.min)/
+(this.properties.max-this.properties.min));var n=0.5*this.size[0],h=0.5*this.size[1],r=0.5*Math.min(this.size[0],this.size[1])-5;c.globalAlpha=1;c.save();c.translate(n,h);c.rotate(0.75*Math.PI);c.fillStyle="rgba(0,0,0,0.5)";c.beginPath();c.moveTo(0,0);c.arc(0,0,r,0,1.5*Math.PI);c.fill();c.strokeStyle="black";c.fillStyle=this.properties.color;c.lineWidth=2;c.beginPath();c.moveTo(0,0);c.arc(0,0,r-4,0,1.5*Math.PI*Math.max(0.01,this.value));c.closePath();c.fill();c.lineWidth=1;c.globalAlpha=1;c.restore();
+c.fillStyle="black";c.beginPath();c.arc(n,h,0.75*r,0,2*Math.PI,!0);c.fill();c.fillStyle=this.mouseOver?"white":this.properties.color;c.beginPath();var k=this.value*Math.PI*1.5+0.75*Math.PI;c.arc(n+Math.cos(k)*r*0.65,h+Math.sin(k)*r*0.65,0.05*r,0,2*Math.PI,!0);c.fill();c.fillStyle=this.mouseOver?"white":"#AAA";c.font=Math.floor(0.5*r)+"px Arial";c.textAlign="center";c.fillText(this.properties.value.toFixed(this.properties.precision),n,h+0.15*r)}};t.prototype.onExecute=function(){this.setOutputData(0,
+this.properties.value);this.boxcolor=E.colorToString([this.value,this.value,this.value])};t.prototype.onMouseDown=function(c){this.center=[0.5*this.size[0],0.5*this.size[1]+20];this.radius=0.5*this.size[0];if(20>c.canvasY-this.pos[1]||E.distance([c.canvasX,c.canvasY],[this.pos[0]+this.center[0],this.pos[1]+this.center[1]])>this.radius)return!1;this.oldmouse=[c.canvasX-this.pos[0],c.canvasY-this.pos[1]];this.captureInput(!0);return!0};t.prototype.onMouseMove=function(c){if(this.oldmouse){c=[c.canvasX-
+this.pos[0],c.canvasY-this.pos[1]];var n=this.value,n=n-0.01*(c[1]-this.oldmouse[1]);1<n?n=1:0>n&&(n=0);this.value=n;this.properties.value=this.properties.min+(this.properties.max-this.properties.min)*this.value;this.oldmouse=c;this.setDirtyCanvas(!0)}};t.prototype.onMouseUp=function(c){this.oldmouse&&(this.oldmouse=null,this.captureInput(!1))};t.prototype.onPropertyChanged=function(c,n){if("min"==c||"max"==c||"value"==c)return this.properties[c]=parseFloat(n),!0};E.registerNodeType("widget/knob",
+t);h.title="Inner Slider";h.prototype.onPropertyChanged=function(c,n){"value"==c&&(this.slider.value=n)};h.prototype.onExecute=function(){this.setOutputData(0,this.properties.value)};E.registerNodeType("widget/internal_slider",h);D.title="H.Slider";D.desc="Linear slider controller";D.prototype.onDrawForeground=function(c){-1==this.value&&(this.value=(this.properties.value-this.properties.min)/(this.properties.max-this.properties.min));c.globalAlpha=1;c.lineWidth=1;c.fillStyle="#000";c.fillRect(2,
+2,this.size[0]-4,this.size[1]-4);c.fillStyle=this.properties.color;c.beginPath();c.rect(4,4,(this.size[0]-8)*this.value,this.size[1]-8);c.fill()};D.prototype.onExecute=function(){this.properties.value=this.properties.min+(this.properties.max-this.properties.min)*this.value;this.setOutputData(0,this.properties.value);this.boxcolor=E.colorToString([this.value,this.value,this.value])};D.prototype.onMouseDown=function(c){if(0>c.canvasY-this.pos[1])return!1;this.oldmouse=[c.canvasX-this.pos[0],c.canvasY-
+this.pos[1]];this.captureInput(!0);return!0};D.prototype.onMouseMove=function(c){if(this.oldmouse){c=[c.canvasX-this.pos[0],c.canvasY-this.pos[1]];var n=this.value,n=n+(c[0]-this.oldmouse[0])/this.size[0];1<n?n=1:0>n&&(n=0);this.value=n;this.oldmouse=c;this.setDirtyCanvas(!0)}};D.prototype.onMouseUp=function(c){this.oldmouse=null;this.captureInput(!1)};D.prototype.onMouseLeave=function(c){};E.registerNodeType("widget/hslider",D);z.title="Progress";z.desc="Shows data in linear progress";z.prototype.onExecute=
+function(){var c=this.getInputData(0);void 0!=c&&(this.properties.value=c)};z.prototype.onDrawForeground=function(c){c.lineWidth=1;c.fillStyle=this.properties.color;var n=(this.properties.value-this.properties.min)/(this.properties.max-this.properties.min),n=Math.min(1,n),n=Math.max(0,n);c.fillRect(2,2,(this.size[0]-4)*n,this.size[1]-4)};E.registerNodeType("widget/progress",z);G.title="Text";G.desc="Shows the input value";G.widgets=[{name:"resize",text:"Resize box",type:"button"},{name:"led_text",
+text:"LED",type:"minibutton"},{name:"normal_text",text:"Normal",type:"minibutton"}];G.prototype.onDrawForeground=function(c){c.fillStyle=this.properties.color;var n=this.properties.value;this.properties.glowSize?(c.shadowColor=this.properties.color,c.shadowOffsetX=0,c.shadowOffsetY=0,c.shadowBlur=this.properties.glowSize):c.shadowColor="transparent";var h=this.properties.fontsize;c.textAlign=this.properties.align;c.font=h.toString()+"px "+this.properties.font;this.str="number"==typeof n?n.toFixed(this.properties.decimals):
+n;if("string"==typeof this.str)for(var n=this.str.split("\\n"),r=0;r<n.length;r++)c.fillText(n[r],"left"==this.properties.align?15:this.size[0]-15,-0.15*h+h*(parseInt(r)+1));c.shadowColor="transparent";this.last_ctx=c;c.textAlign="left"};G.prototype.onExecute=function(){var c=this.getInputData(0);null!=c&&(this.properties.value=c)};G.prototype.resize=function(){if(this.last_ctx){var c=this.str.split("\\n");this.last_ctx.font=this.properties.fontsize+"px "+this.properties.font;for(var n=0,h=0;h<c.length;h++){var r=
+this.last_ctx.measureText(c[h]).width;n<r&&(n=r)}this.size[0]=n+20;this.size[1]=4+c.length*this.properties.fontsize;this.setDirtyCanvas(!0)}};G.prototype.onPropertyChanged=function(c,n){this.properties[c]=n;this.str="number"==typeof n?n.toFixed(3):n;return!0};E.registerNodeType("widget/text",G);A.title="Panel";A.desc="Non interactive panel";A.widgets=[{name:"update",text:"Update",type:"button"}];A.prototype.createGradient=function(c){""==this.properties.bgcolorTop||""==this.properties.bgcolorBottom?
 this.lineargradient=0:(this.lineargradient=c.createLinearGradient(0,0,0,this.size[1]),this.lineargradient.addColorStop(0,this.properties.bgcolorTop),this.lineargradient.addColorStop(1,this.properties.bgcolorBottom))};A.prototype.onDrawForeground=function(c){this.flags.collapsed||(null==this.lineargradient&&this.createGradient(c),this.lineargradient&&(c.lineWidth=1,c.strokeStyle=this.properties.borderColor,c.fillStyle=this.lineargradient,this.properties.shadowSize?(c.shadowColor="#000",c.shadowOffsetX=
-0,c.shadowOffsetY=0,c.shadowBlur=this.properties.shadowSize):c.shadowColor="transparent",c.roundRect(0,0,this.size[0]-1,this.size[1]-1,this.properties.shadowSize),c.fill(),c.shadowColor="transparent",c.stroke()))};D.registerNodeType("widget/panel",A)})(this);
+0,c.shadowOffsetY=0,c.shadowBlur=this.properties.shadowSize):c.shadowColor="transparent",c.roundRect(0,0,this.size[0]-1,this.size[1]-1,this.properties.shadowSize),c.fill(),c.shadowColor="transparent",c.stroke()))};E.registerNodeType("widget/panel",A)})(this);
 (function(B){function c(){this.addOutput("left_x_axis","number");this.addOutput("left_y_axis","number");this.addOutput("button_pressed",k.EVENT);this.properties={gamepad_index:0,threshold:0.1};this._left_axis=new Float32Array(2);this._right_axis=new Float32Array(2);this._triggers=new Float32Array(2);this._previous_buttons=new Uint8Array(17);this._current_buttons=new Uint8Array(17)}var k=B.LiteGraph;c.title="Gamepad";c.desc="gets the input of the gamepad";c.CENTER=0;c.LEFT=1;c.RIGHT=2;c.UP=4;c.DOWN=
-8;c.zero=new Float32Array(2);c.buttons="a b x y lb rb lt rt back start ls rs home".split(" ");c.prototype.onExecute=function(){var k=this.getGamepad(),s=this.properties.threshold||0;k&&(this._left_axis[0]=Math.abs(k.xbox.axes.lx)>s?k.xbox.axes.lx:0,this._left_axis[1]=Math.abs(k.xbox.axes.ly)>s?k.xbox.axes.ly:0,this._right_axis[0]=Math.abs(k.xbox.axes.rx)>s?k.xbox.axes.rx:0,this._right_axis[1]=Math.abs(k.xbox.axes.ry)>s?k.xbox.axes.ry:0,this._triggers[0]=Math.abs(k.xbox.axes.ltrigger)>s?k.xbox.axes.ltrigger:
-0,this._triggers[1]=Math.abs(k.xbox.axes.rtrigger)>s?k.xbox.axes.rtrigger:0);if(this.outputs)for(s=0;s<this.outputs.length;s++){var t=this.outputs[s];if(t.links&&t.links.length){var h=null;if(k)switch(t.name){case "left_axis":h=this._left_axis;break;case "right_axis":h=this._right_axis;break;case "left_x_axis":h=this._left_axis[0];break;case "left_y_axis":h=this._left_axis[1];break;case "right_x_axis":h=this._right_axis[0];break;case "right_y_axis":h=this._right_axis[1];break;case "trigger_left":h=
+8;c.zero=new Float32Array(2);c.buttons="a b x y lb rb lt rt back start ls rs home".split(" ");c.prototype.onExecute=function(){var k=this.getGamepad(),r=this.properties.threshold||0;k&&(this._left_axis[0]=Math.abs(k.xbox.axes.lx)>r?k.xbox.axes.lx:0,this._left_axis[1]=Math.abs(k.xbox.axes.ly)>r?k.xbox.axes.ly:0,this._right_axis[0]=Math.abs(k.xbox.axes.rx)>r?k.xbox.axes.rx:0,this._right_axis[1]=Math.abs(k.xbox.axes.ry)>r?k.xbox.axes.ry:0,this._triggers[0]=Math.abs(k.xbox.axes.ltrigger)>r?k.xbox.axes.ltrigger:
+0,this._triggers[1]=Math.abs(k.xbox.axes.rtrigger)>r?k.xbox.axes.rtrigger:0);if(this.outputs)for(r=0;r<this.outputs.length;r++){var t=this.outputs[r];if(t.links&&t.links.length){var h=null;if(k)switch(t.name){case "left_axis":h=this._left_axis;break;case "right_axis":h=this._right_axis;break;case "left_x_axis":h=this._left_axis[0];break;case "left_y_axis":h=this._left_axis[1];break;case "right_x_axis":h=this._right_axis[0];break;case "right_y_axis":h=this._right_axis[1];break;case "trigger_left":h=
 this._triggers[0];break;case "trigger_right":h=this._triggers[1];break;case "a_button":h=k.xbox.buttons.a?1:0;break;case "b_button":h=k.xbox.buttons.b?1:0;break;case "x_button":h=k.xbox.buttons.x?1:0;break;case "y_button":h=k.xbox.buttons.y?1:0;break;case "lb_button":h=k.xbox.buttons.lb?1:0;break;case "rb_button":h=k.xbox.buttons.rb?1:0;break;case "ls_button":h=k.xbox.buttons.ls?1:0;break;case "rs_button":h=k.xbox.buttons.rs?1:0;break;case "hat_left":h=k.xbox.hatmap&c.LEFT;break;case "hat_right":h=
-k.xbox.hatmap&c.RIGHT;break;case "hat_up":h=k.xbox.hatmap&c.UP;break;case "hat_down":h=k.xbox.hatmap&c.DOWN;break;case "hat":h=k.xbox.hatmap;break;case "start_button":h=k.xbox.buttons.start?1:0;break;case "back_button":h=k.xbox.buttons.back?1:0;break;case "button_pressed":for(t=0;t<this._current_buttons.length;++t)this._current_buttons[t]&&!this._previous_buttons[t]&&this.triggerSlot(s,c.buttons[t])}else switch(t.name){case "button_pressed":break;case "left_axis":case "right_axis":h=c.zero;break;
-default:h=0}this.setOutputData(s,h)}}};c.mapping={a:0,b:1,x:2,y:3,lb:4,rb:5,lt:6,rt:7,back:8,start:9,ls:10,rs:11};c.mapping_array="a b x y lb rb lt rt back start ls rs".split(" ");c.prototype.getGamepad=function(){var k=navigator.getGamepads||navigator.webkitGetGamepads||navigator.mozGetGamepads;if(!k)return null;var s=k.call(navigator),k=null;this._previous_buttons.set(this._current_buttons);for(k=this.properties.gamepad_index;4>k;k++)if(s[k]){k=s[k];s=this.xbox_mapping;s||(s=this.xbox_mapping={axes:[],
-buttons:{},hat:"",hatmap:c.CENTER});s.axes.lx=k.axes[0];s.axes.ly=k.axes[1];s.axes.rx=k.axes[2];s.axes.ry=k.axes[3];s.axes.ltrigger=k.buttons[6].value;s.axes.rtrigger=k.buttons[7].value;s.hat="";s.hatmap=c.CENTER;for(var t=0;t<k.buttons.length;t++)if(this._current_buttons[t]=k.buttons[t].pressed,12>t)s.buttons[c.mapping_array[t]]=k.buttons[t].pressed,k.buttons[t].was_pressed&&this.trigger(c.mapping_array[t]+"_button_event");else switch(t){case 12:k.buttons[t].pressed&&(s.hat+="up",s.hatmap|=c.UP);
-break;case 13:k.buttons[t].pressed&&(s.hat+="down",s.hatmap|=c.DOWN);break;case 14:k.buttons[t].pressed&&(s.hat+="left",s.hatmap|=c.LEFT);break;case 15:k.buttons[t].pressed&&(s.hat+="right",s.hatmap|=c.RIGHT);break;case 16:s.buttons.home=k.buttons[t].pressed}k.xbox=s;return k}};c.prototype.onDrawBackground=function(c){if(!this.flags.collapsed){var k=this._left_axis,t=this._right_axis;c.strokeStyle="#88A";c.strokeRect(0.5*(k[0]+1)*this.size[0]-4,0.5*(k[1]+1)*this.size[1]-4,8,8);c.strokeStyle="#8A8";
+k.xbox.hatmap&c.RIGHT;break;case "hat_up":h=k.xbox.hatmap&c.UP;break;case "hat_down":h=k.xbox.hatmap&c.DOWN;break;case "hat":h=k.xbox.hatmap;break;case "start_button":h=k.xbox.buttons.start?1:0;break;case "back_button":h=k.xbox.buttons.back?1:0;break;case "button_pressed":for(t=0;t<this._current_buttons.length;++t)this._current_buttons[t]&&!this._previous_buttons[t]&&this.triggerSlot(r,c.buttons[t])}else switch(t.name){case "button_pressed":break;case "left_axis":case "right_axis":h=c.zero;break;
+default:h=0}this.setOutputData(r,h)}}};c.mapping={a:0,b:1,x:2,y:3,lb:4,rb:5,lt:6,rt:7,back:8,start:9,ls:10,rs:11};c.mapping_array="a b x y lb rb lt rt back start ls rs".split(" ");c.prototype.getGamepad=function(){var k=navigator.getGamepads||navigator.webkitGetGamepads||navigator.mozGetGamepads;if(!k)return null;var r=k.call(navigator),k=null;this._previous_buttons.set(this._current_buttons);for(k=this.properties.gamepad_index;4>k;k++)if(r[k]){k=r[k];r=this.xbox_mapping;r||(r=this.xbox_mapping={axes:[],
+buttons:{},hat:"",hatmap:c.CENTER});r.axes.lx=k.axes[0];r.axes.ly=k.axes[1];r.axes.rx=k.axes[2];r.axes.ry=k.axes[3];r.axes.ltrigger=k.buttons[6].value;r.axes.rtrigger=k.buttons[7].value;r.hat="";r.hatmap=c.CENTER;for(var t=0;t<k.buttons.length;t++)if(this._current_buttons[t]=k.buttons[t].pressed,12>t)r.buttons[c.mapping_array[t]]=k.buttons[t].pressed,k.buttons[t].was_pressed&&this.trigger(c.mapping_array[t]+"_button_event");else switch(t){case 12:k.buttons[t].pressed&&(r.hat+="up",r.hatmap|=c.UP);
+break;case 13:k.buttons[t].pressed&&(r.hat+="down",r.hatmap|=c.DOWN);break;case 14:k.buttons[t].pressed&&(r.hat+="left",r.hatmap|=c.LEFT);break;case 15:k.buttons[t].pressed&&(r.hat+="right",r.hatmap|=c.RIGHT);break;case 16:r.buttons.home=k.buttons[t].pressed}k.xbox=r;return k}};c.prototype.onDrawBackground=function(c){if(!this.flags.collapsed){var k=this._left_axis,t=this._right_axis;c.strokeStyle="#88A";c.strokeRect(0.5*(k[0]+1)*this.size[0]-4,0.5*(k[1]+1)*this.size[1]-4,8,8);c.strokeStyle="#8A8";
 c.strokeRect(0.5*(t[0]+1)*this.size[0]-4,0.5*(t[1]+1)*this.size[1]-4,8,8);k=this.size[1]/this._current_buttons.length;c.fillStyle="#AEB";for(t=0;t<this._current_buttons.length;++t)this._current_buttons[t]&&c.fillRect(0,k*t,6,k)}};c.prototype.onGetOutputs=function(){return[["left_axis","vec2"],["right_axis","vec2"],["left_x_axis","number"],["left_y_axis","number"],["right_x_axis","number"],["right_y_axis","number"],["trigger_left","number"],["trigger_right","number"],["a_button","number"],["b_button",
 "number"],["x_button","number"],["y_button","number"],["lb_button","number"],["rb_button","number"],["ls_button","number"],["rs_button","number"],["start_button","number"],["back_button","number"],["a_button_event",k.EVENT],["b_button_event",k.EVENT],["x_button_event",k.EVENT],["y_button_event",k.EVENT],["lb_button_event",k.EVENT],["rb_button_event",k.EVENT],["ls_button_event",k.EVENT],["rs_button_event",k.EVENT],["start_button_event",k.EVENT],["back_button_event",k.EVENT],["hat_left","number"],["hat_right",
 "number"],["hat_up","number"],["hat_down","number"],["hat","number"],["button_pressed",k.EVENT]]};k.registerNodeType("input/gamepad",c)})(this);
-(function(B){function c(){this.addInput("in","*");this.size=[80,30]}function k(){this.addInput("in");this.addOutput("out");this.size=[80,30]}function u(){this.addInput("in");this.addOutput("out")}function s(){this.addInput("in","number",{locked:!0});this.addOutput("out","number",{locked:!0});this.addOutput("clamped","number",{locked:!0});this.addProperty("in",0);this.addProperty("in_min",0);this.addProperty("in_max",1);this.addProperty("out_min",0);this.addProperty("out_max",1);this.size=[120,50]}
-function t(){this.addOutput("value","number");this.addProperty("min",0);this.addProperty("max",1);this.size=[80,30]}function h(){this.addInput("in","number");this.addOutput("out","number");this.addProperty("min",0);this.addProperty("max",1);this.addProperty("smooth",!0);this.addProperty("seed",0);this.addProperty("octaves",1);this.addProperty("persistence",0.8);this.addProperty("speed",1);this.size=[90,30]}function C(){this.addOutput("out","number");this.addProperty("min_time",1);this.addProperty("max_time",
-2);this.addProperty("duration",0.2);this.size=[90,30];this._blink_time=this._remaining_time=0}function y(){this.addInput("in","number");this.addOutput("out","number");this.size=[80,30];this.addProperty("min",0);this.addProperty("max",1)}function G(){this.properties={f:0.5};this.addInput("A","number");this.addInput("B","number");this.addOutput("out","number")}function A(){this.addInput("in","number");this.addOutput("out","number");this.size=[80,30]}function D(){this.addInput("in","number");this.addOutput("out",
-"number");this.size=[80,30]}function e(){this.addInput("in","number");this.addOutput("out","number");this.size=[80,30]}function q(){this.addInput("in","number");this.addOutput("out","number");this.size=[80,30];this.properties={A:0,B:1}}function H(){this.addInput("in","number",{label:""});this.addOutput("out","number",{label:""});this.size=[80,30];this.addProperty("factor",1)}function w(){this.addInput("v","boolean");this.addInput("A");this.addInput("B");this.addOutput("out")}function L(){this.addInput("in",
-"number");this.addOutput("out","number");this.size=[80,30];this.addProperty("samples",10);this._values=new Float32Array(10);this._current=0}function n(){this.addInput("in","number");this.addOutput("out","number");this.addProperty("factor",0.1);this.size=[80,30];this._value=null}function v(){this.addInput("A","number,array,object");this.addInput("B","number");this.addOutput("=","number");this.addProperty("A",1);this.addProperty("B",1);this.addProperty("OP","+","enum",{values:v.values});this._func=
+(function(B){function c(){this.addInput("in","*");this.size=[80,30]}function k(){this.addInput("in");this.addOutput("out");this.size=[80,30]}function v(){this.addInput("in");this.addOutput("out")}function r(){this.addInput("in","number",{locked:!0});this.addOutput("out","number",{locked:!0});this.addOutput("clamped","number",{locked:!0});this.addProperty("in",0);this.addProperty("in_min",0);this.addProperty("in_max",1);this.addProperty("out_min",0);this.addProperty("out_max",1);this.size=[120,50]}
+function t(){this.addOutput("value","number");this.addProperty("min",0);this.addProperty("max",1);this.size=[80,30]}function h(){this.addInput("in","number");this.addOutput("out","number");this.addProperty("min",0);this.addProperty("max",1);this.addProperty("smooth",!0);this.addProperty("seed",0);this.addProperty("octaves",1);this.addProperty("persistence",0.8);this.addProperty("speed",1);this.size=[90,30]}function D(){this.addOutput("out","number");this.addProperty("min_time",1);this.addProperty("max_time",
+2);this.addProperty("duration",0.2);this.size=[90,30];this._blink_time=this._remaining_time=0}function z(){this.addInput("in","number");this.addOutput("out","number");this.size=[80,30];this.addProperty("min",0);this.addProperty("max",1)}function G(){this.properties={f:0.5};this.addInput("A","number");this.addInput("B","number");this.addOutput("out","number")}function A(){this.addInput("in","number");this.addOutput("out","number");this.size=[80,30]}function E(){this.addInput("in","number");this.addOutput("out",
+"number");this.size=[80,30]}function f(){this.addInput("in","number");this.addOutput("out","number");this.size=[80,30]}function n(){this.addInput("in","number");this.addOutput("out","number");this.size=[80,30];this.properties={A:0,B:1}}function I(){this.addInput("in","number",{label:""});this.addOutput("out","number",{label:""});this.size=[80,30];this.addProperty("factor",1)}function x(){this.addInput("v","boolean");this.addInput("A");this.addInput("B");this.addOutput("out")}function L(){this.addInput("in",
+"number");this.addOutput("out","number");this.size=[80,30];this.addProperty("samples",10);this._values=new Float32Array(10);this._current=0}function s(){this.addInput("in","number");this.addOutput("out","number");this.addProperty("factor",0.1);this.size=[80,30];this._value=null}function w(){this.addInput("A","number,array,object");this.addInput("B","number");this.addOutput("=","number");this.addProperty("A",1);this.addProperty("B",1);this.addProperty("OP","+","enum",{values:w.values});this._func=
 function(a,b){return a+b};this._result=[]}function l(){this.addInput("A","number");this.addInput("B","number");this.addOutput("A==B","boolean");this.addOutput("A!=B","boolean");this.addProperty("A",0);this.addProperty("B",0)}function a(){this.addInput("A","number");this.addInput("B","number");this.addOutput("true","boolean");this.addOutput("false","boolean");this.addProperty("A",1);this.addProperty("B",1);this.addProperty("OP",">","enum",{values:a.values});this.addWidget("combo","Cond.",this.properties.OP,
 {property:"OP",values:a.values});this.size=[80,60]}function b(){this.addInput("in","");this.addInput("cond","boolean");this.addOutput("true","");this.addOutput("false","");this.size=[80,60]}function d(){this.addInput("inc","number");this.addOutput("total","number");this.addProperty("increment",1);this.addProperty("value",0)}function g(){this.addInput("v","number");this.addOutput("sin","number");this.addProperty("amplitude",1);this.addProperty("offset",0);this.bgImageUrl="nodes/imgs/icon-sin.png"}
-function f(){this.addInput("x","number");this.addInput("y","number");this.addOutput("","number");this.properties={x:1,y:1,formula:"x+y"};this.code_widget=this.addWidget("text","F(x,y)",this.properties.formula,function(a,b,d){d.properties.formula=a});this.addWidget("toggle","allow",z.allow_scripts,function(a){z.allow_scripts=a});this._func=null}function E(){this.addInput("vec2","vec2");this.addOutput("x","number");this.addOutput("y","number")}function m(){this.addInputs([["x","number"],["y","number"]]);
-this.addOutput("vec2","vec2");this.properties={x:0,y:0};this._data=new Float32Array(2)}function r(){this.addInput("vec3","vec3");this.addOutput("x","number");this.addOutput("y","number");this.addOutput("z","number")}function x(){this.addInputs([["x","number"],["y","number"],["z","number"]]);this.addOutput("vec3","vec3");this.properties={x:0,y:0,z:0};this._data=new Float32Array(3)}function N(){this.addInput("vec4","vec4");this.addOutput("x","number");this.addOutput("y","number");this.addOutput("z",
-"number");this.addOutput("w","number")}function M(){this.addInputs([["x","number"],["y","number"],["z","number"],["w","number"]]);this.addOutput("vec4","vec4");this.properties={x:0,y:0,z:0,w:0};this._data=new Float32Array(4)}var z=B.LiteGraph;c.title="Converter";c.desc="type A to type B";c.prototype.onExecute=function(){var a=this.getInputData(0);if(null!=a&&this.outputs)for(var b=0;b<this.outputs.length;b++){var d=this.outputs[b];if(d.links&&d.links.length){var c=null;switch(d.name){case "number":c=
-a.length?a[0]:parseFloat(a);break;case "vec2":case "vec3":case "vec4":c=1;switch(d.name){case "vec2":c=2;break;case "vec3":c=3;break;case "vec4":c=4}c=new Float32Array(c);if(a.length)for(d=0;d<a.length&&d<c.length;d++)c[d]=a[d];else c[0]=parseFloat(a)}this.setOutputData(b,c)}}};c.prototype.onGetOutputs=function(){return[["number","number"],["vec2","vec2"],["vec3","vec3"],["vec4","vec4"]]};z.registerNodeType("math/converter",c);k.title="Bypass";k.desc="removes the type";k.prototype.onExecute=function(){var a=
-this.getInputData(0);this.setOutputData(0,a)};z.registerNodeType("math/bypass",k);u.title="to Number";u.desc="Cast to number";u.prototype.onExecute=function(){var a=this.getInputData(0);this.setOutputData(0,Number(a))};z.registerNodeType("math/to_number",u);s.title="Range";s.desc="Convert a number from one range to another";s.prototype.getTitle=function(){return this.flags.collapsed?(this._last_v||0).toFixed(2):this.title};s.prototype.onExecute=function(){if(this.inputs)for(var a=0;a<this.inputs.length;a++){var b=
-this.inputs[a],d=this.getInputData(a);void 0!==d&&(this.properties[b.name]=d)}d=this.properties["in"];if(void 0===d||null===d||d.constructor!==Number)d=0;var a=this.properties.in_min,b=this.properties.out_min,c=this.properties.out_max;this._last_v=(d-a)/(this.properties.in_max-a)*(c-b)+b;this.setOutputData(0,this._last_v);this.setOutputData(1,Math.clamp(this._last_v,b,c))};s.prototype.onDrawBackground=function(a){this.outputs[0].label=this._last_v?this._last_v.toFixed(3):"?"};s.prototype.onGetInputs=
-function(){return[["in_min","number"],["in_max","number"],["out_min","number"],["out_max","number"]]};z.registerNodeType("math/range",s);t.title="Rand";t.desc="Random number";t.prototype.onExecute=function(){if(this.inputs)for(var a=0;a<this.inputs.length;a++){var b=this.inputs[a],d=this.getInputData(a);void 0!==d&&(this.properties[b.name]=d)}a=this.properties.min;b=this.properties.max;this._last_v=Math.random()*(b-a)+a;this.setOutputData(0,this._last_v)};t.prototype.onDrawBackground=function(a){this.outputs[0].label=
-(this._last_v||0).toFixed(3)};t.prototype.onGetInputs=function(){return[["min","number"],["max","number"]]};z.registerNodeType("math/rand",t);h.title="Noise";h.desc="Random number with temporal continuity";h.data=null;h.getValue=function(a,b){if(!h.data){h.data=new Float32Array(1024);for(var d=0;d<h.data.length;++d)h.data[d]=Math.random()}a%=1024;0>a&&(a+=1024);var c=Math.floor(a);a-=c;d=h.data[c];c=h.data[1023==c?0:c+1];b&&(a=a*a*a*(a*(6*a-15)+10));return d*(1-a)+c*a};h.prototype.onExecute=function(){for(var a=
-this.getInputData(0)||0,b=this.properties.octaves||1,d=0,c=1,a=a+(this.properties.seed||0),g=this.properties.speed||1,f=0,e=0;e<b&&!(d+=h.getValue(a*(1+e)*g,this.properties.smooth)*c,f+=c,c*=this.properties.persistence,0.001>c);++e);a=this.properties.min;this._last_v=d/f*(this.properties.max-a)+a;this.setOutputData(0,this._last_v)};h.prototype.onDrawBackground=function(a){this.outputs[0].label=(this._last_v||0).toFixed(3)};z.registerNodeType("math/noise",h);C.title="Spikes";C.desc="spike every random time";
-C.prototype.onExecute=function(){var a=this.graph.elapsed_time;this._remaining_time-=a;this._blink_time-=a;a=0;0<this._blink_time&&(a=1/(Math.pow(this._blink_time/this.properties.duration*8-4,4)+1));0>this._remaining_time?(this._remaining_time=Math.random()*(this.properties.max_time-this.properties.min_time)+this.properties.min_time,this._blink_time=this.properties.duration,this.boxcolor="#FFF"):this.boxcolor="#000";this.setOutputData(0,a)};z.registerNodeType("math/spikes",C);y.title="Clamp";y.desc=
-"Clamp number between min and max";y.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&(a=Math.max(this.properties.min,a),a=Math.min(this.properties.max,a),this.setOutputData(0,a))};y.prototype.getCode=function(a){a="";this.isInputConnected(0)&&(a+="clamp({{0}},"+this.properties.min+","+this.properties.max+")");return a};z.registerNodeType("math/clamp",y);G.title="Lerp";G.desc="Linear Interpolation";G.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=0);var b=
-this.getInputData(1);null==b&&(b=0);var d=this.properties.f,c=this.getInputData(2);void 0!==c&&(d=c);this.setOutputData(0,a*(1-d)+b*d)};G.prototype.onGetInputs=function(){return[["f","number"]]};z.registerNodeType("math/lerp",G);A.title="Abs";A.desc="Absolute";A.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&this.setOutputData(0,Math.abs(a))};z.registerNodeType("math/abs",A);D.title="Floor";D.desc="Floor number to remove fractional part";D.prototype.onExecute=function(){var a=
-this.getInputData(0);null!=a&&this.setOutputData(0,Math.floor(a))};z.registerNodeType("math/floor",D);e.title="Frac";e.desc="Returns fractional part";e.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&this.setOutputData(0,a%1)};z.registerNodeType("math/frac",e);q.title="Smoothstep";q.desc="Smoothstep";q.prototype.onExecute=function(){var a=this.getInputData(0);if(void 0!==a){var b=this.properties.A,a=Math.clamp((a-b)/(this.properties.B-b),0,1);this.setOutputData(0,a*a*(3-2*a))}};
-z.registerNodeType("math/smoothstep",q);H.title="Scale";H.desc="v * factor";H.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&this.setOutputData(0,a*this.properties.factor)};z.registerNodeType("math/scale",H);w.title="Gate";w.desc="if v is true, then outputs A, otherwise B";w.prototype.onExecute=function(){var a=this.getInputData(0);this.setOutputData(0,this.getInputData(a?1:2))};z.registerNodeType("math/gate",w);L.title="Average";L.desc="Average Filter";L.prototype.onExecute=function(){var a=
-this.getInputData(0);null==a&&(a=0);var b=this._values.length;this._values[this._current%b]=a;this._current+=1;this._current>b&&(this._current=0);for(var d=a=0;d<b;++d)a+=this._values[d];this.setOutputData(0,a/b)};L.prototype.onPropertyChanged=function(a,b){1>b&&(b=1);this.properties.samples=Math.round(b);var d=this._values;this._values=new Float32Array(this.properties.samples);d.length<=this._values.length?this._values.set(d):this._values.set(d.subarray(0,this._values.length))};z.registerNodeType("math/average",
-L);n.title="TendTo";n.desc="moves the output value always closer to the input";n.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=0);var b=this.properties.factor;this._value=null==this._value?a:this._value*(1-b)+a*b;this.setOutputData(0,this._value)};z.registerNodeType("math/tendTo",n);v.values="+ - * / % ^ max min".split(" ");v.title="Operation";v.desc="Easy math operators";v["@OP"]={type:"enum",title:"operation",values:v.values};v.size=[100,60];v.prototype.getTitle=function(){return"max"==
-this.properties.OP||"min"==this.properties.OP?this.properties.OP+"(A,B)":"A "+this.properties.OP+" B"};v.prototype.setValue=function(a){"string"==typeof a&&(a=parseFloat(a));this.properties.value=a};v.prototype.onPropertyChanged=function(a,b){if("OP"==a)switch(this.properties.OP){case "+":this._func=function(a,b){return a+b};break;case "-":this._func=function(a,b){return a-b};break;case "x":case "X":case "*":this._func=function(a,b){return a*b};break;case "/":this._func=function(a,b){return a/b};
-break;case "%":this._func=function(a,b){return a%b};break;case "^":this._func=function(a,b){return Math.pow(a,b)};break;case "max":this._func=function(a,b){return Math.max(a,b)};break;case "min":this._func=function(a,b){return Math.min(a,b)};break;default:console.warn("Unknown operation: "+this.properties.OP),this._func=function(a){return a}}};v.prototype.onExecute=function(){var a=this.getInputData(0),b=this.getInputData(1);null!=a?a.constructor===Number&&(this.properties.A=a):a=this.properties.A;
-null!=b?this.properties.B=b:b=this.properties.B;var d;if(a.constructor===Number)d=this._func(a,b);else if(a.constructor===Array){d=this._result;d.length=a.length;for(var c=0;c<a.length;++c)d[c]=this._func(a[c],b)}else for(c in d={},a)d[c]=this._func(a[c],b);this.setOutputData(0,d)};v.prototype.onDrawBackground=function(a){this.flags.collapsed||(a.font="40px Arial",a.fillStyle="#666",a.textAlign="center",a.fillText(this.properties.OP,0.5*this.size[0],0.5*(this.size[1]+z.NODE_TITLE_HEIGHT)),a.textAlign=
-"left")};z.registerNodeType("math/operation",v);z.registerSearchboxExtra("math/operation","MAX",{properties:{OP:"max"},title:"MAX()"});z.registerSearchboxExtra("math/operation","MIN",{properties:{OP:"min"},title:"MIN()"});l.title="Compare";l.desc="compares between two values";l.prototype.onExecute=function(){var a=this.getInputData(0),b=this.getInputData(1);void 0!==a?this.properties.A=a:a=this.properties.A;void 0!==b?this.properties.B=b:b=this.properties.B;for(var d=0,c=this.outputs.length;d<c;++d){var g=
-this.outputs[d];if(g.links&&g.links.length){var f;switch(g.name){case "A==B":f=a==b;break;case "A!=B":f=a!=b;break;case "A>B":f=a>b;break;case "A<B":f=a<b;break;case "A<=B":f=a<=b;break;case "A>=B":f=a>=b}this.setOutputData(d,f)}}};l.prototype.onGetOutputs=function(){return[["A==B","boolean"],["A!=B","boolean"],["A>B","boolean"],["A<B","boolean"],["A>=B","boolean"],["A<=B","boolean"]]};z.registerNodeType("math/compare",l);z.registerSearchboxExtra("math/compare","==",{outputs:[["A==B","boolean"]],
-title:"A==B"});z.registerSearchboxExtra("math/compare","!=",{outputs:[["A!=B","boolean"]],title:"A!=B"});z.registerSearchboxExtra("math/compare",">",{outputs:[["A>B","boolean"]],title:"A>B"});z.registerSearchboxExtra("math/compare","<",{outputs:[["A<B","boolean"]],title:"A<B"});z.registerSearchboxExtra("math/compare",">=",{outputs:[["A>=B","boolean"]],title:"A>=B"});z.registerSearchboxExtra("math/compare","<=",{outputs:[["A<=B","boolean"]],title:"A<=B"});a.values="> < == != <= >= || &&".split(" ");
+function e(){this.addInput("x","number");this.addInput("y","number");this.addOutput("","number");this.properties={x:1,y:1,formula:"x+y"};this.code_widget=this.addWidget("text","F(x,y)",this.properties.formula,function(a,b,d){d.properties.formula=a});this.addWidget("toggle","allow",u.allow_scripts,function(a){u.allow_scripts=a});this._func=null}function y(){this.addInput("vec2","vec2");this.addOutput("x","number");this.addOutput("y","number")}function m(){this.addInputs([["x","number"],["y","number"]]);
+this.addOutput("vec2","vec2");this.properties={x:0,y:0};this._data=new Float32Array(2)}function q(){this.addInput("vec3","vec3");this.addOutput("x","number");this.addOutput("y","number");this.addOutput("z","number")}function C(){this.addInputs([["x","number"],["y","number"],["z","number"]]);this.addOutput("vec3","vec3");this.properties={x:0,y:0,z:0};this._data=new Float32Array(3)}function N(){this.addInput("vec4","vec4");this.addOutput("x","number");this.addOutput("y","number");this.addOutput("z",
+"number");this.addOutput("w","number")}function M(){this.addInputs([["x","number"],["y","number"],["z","number"],["w","number"]]);this.addOutput("vec4","vec4");this.properties={x:0,y:0,z:0,w:0};this._data=new Float32Array(4)}var u=B.LiteGraph;c.title="Converter";c.desc="type A to type B";c.prototype.onExecute=function(){var a=this.getInputData(0);if(null!=a&&this.outputs)for(var b=0;b<this.outputs.length;b++){var d=this.outputs[b];if(d.links&&d.links.length){var e=null;switch(d.name){case "number":e=
+a.length?a[0]:parseFloat(a);break;case "vec2":case "vec3":case "vec4":e=1;switch(d.name){case "vec2":e=2;break;case "vec3":e=3;break;case "vec4":e=4}e=new Float32Array(e);if(a.length)for(d=0;d<a.length&&d<e.length;d++)e[d]=a[d];else e[0]=parseFloat(a)}this.setOutputData(b,e)}}};c.prototype.onGetOutputs=function(){return[["number","number"],["vec2","vec2"],["vec3","vec3"],["vec4","vec4"]]};u.registerNodeType("math/converter",c);k.title="Bypass";k.desc="removes the type";k.prototype.onExecute=function(){var a=
+this.getInputData(0);this.setOutputData(0,a)};u.registerNodeType("math/bypass",k);v.title="to Number";v.desc="Cast to number";v.prototype.onExecute=function(){var a=this.getInputData(0);this.setOutputData(0,Number(a))};u.registerNodeType("math/to_number",v);r.title="Range";r.desc="Convert a number from one range to another";r.prototype.getTitle=function(){return this.flags.collapsed?(this._last_v||0).toFixed(2):this.title};r.prototype.onExecute=function(){if(this.inputs)for(var a=0;a<this.inputs.length;a++){var b=
+this.inputs[a],d=this.getInputData(a);void 0!==d&&(this.properties[b.name]=d)}d=this.properties["in"];if(void 0===d||null===d||d.constructor!==Number)d=0;var a=this.properties.in_min,b=this.properties.out_min,e=this.properties.out_max;this._last_v=(d-a)/(this.properties.in_max-a)*(e-b)+b;this.setOutputData(0,this._last_v);this.setOutputData(1,Math.clamp(this._last_v,b,e))};r.prototype.onDrawBackground=function(a){this.outputs[0].label=this._last_v?this._last_v.toFixed(3):"?"};r.prototype.onGetInputs=
+function(){return[["in_min","number"],["in_max","number"],["out_min","number"],["out_max","number"]]};u.registerNodeType("math/range",r);t.title="Rand";t.desc="Random number";t.prototype.onExecute=function(){if(this.inputs)for(var a=0;a<this.inputs.length;a++){var b=this.inputs[a],d=this.getInputData(a);void 0!==d&&(this.properties[b.name]=d)}a=this.properties.min;b=this.properties.max;this._last_v=Math.random()*(b-a)+a;this.setOutputData(0,this._last_v)};t.prototype.onDrawBackground=function(a){this.outputs[0].label=
+(this._last_v||0).toFixed(3)};t.prototype.onGetInputs=function(){return[["min","number"],["max","number"]]};u.registerNodeType("math/rand",t);h.title="Noise";h.desc="Random number with temporal continuity";h.data=null;h.getValue=function(a,b){if(!h.data){h.data=new Float32Array(1024);for(var d=0;d<h.data.length;++d)h.data[d]=Math.random()}a%=1024;0>a&&(a+=1024);var e=Math.floor(a);a-=e;d=h.data[e];e=h.data[1023==e?0:e+1];b&&(a=a*a*a*(a*(6*a-15)+10));return d*(1-a)+e*a};h.prototype.onExecute=function(){for(var a=
+this.getInputData(0)||0,b=this.properties.octaves||1,d=0,e=1,a=a+(this.properties.seed||0),c=this.properties.speed||1,g=0,f=0;f<b&&!(d+=h.getValue(a*(1+f)*c,this.properties.smooth)*e,g+=e,e*=this.properties.persistence,0.001>e);++f);a=this.properties.min;this._last_v=d/g*(this.properties.max-a)+a;this.setOutputData(0,this._last_v)};h.prototype.onDrawBackground=function(a){this.outputs[0].label=(this._last_v||0).toFixed(3)};u.registerNodeType("math/noise",h);D.title="Spikes";D.desc="spike every random time";
+D.prototype.onExecute=function(){var a=this.graph.elapsed_time;this._remaining_time-=a;this._blink_time-=a;a=0;0<this._blink_time&&(a=1/(Math.pow(this._blink_time/this.properties.duration*8-4,4)+1));0>this._remaining_time?(this._remaining_time=Math.random()*(this.properties.max_time-this.properties.min_time)+this.properties.min_time,this._blink_time=this.properties.duration,this.boxcolor="#FFF"):this.boxcolor="#000";this.setOutputData(0,a)};u.registerNodeType("math/spikes",D);z.title="Clamp";z.desc=
+"Clamp number between min and max";z.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&(a=Math.max(this.properties.min,a),a=Math.min(this.properties.max,a),this.setOutputData(0,a))};z.prototype.getCode=function(a){a="";this.isInputConnected(0)&&(a+="clamp({{0}},"+this.properties.min+","+this.properties.max+")");return a};u.registerNodeType("math/clamp",z);G.title="Lerp";G.desc="Linear Interpolation";G.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=0);var b=
+this.getInputData(1);null==b&&(b=0);var d=this.properties.f,e=this.getInputData(2);void 0!==e&&(d=e);this.setOutputData(0,a*(1-d)+b*d)};G.prototype.onGetInputs=function(){return[["f","number"]]};u.registerNodeType("math/lerp",G);A.title="Abs";A.desc="Absolute";A.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&this.setOutputData(0,Math.abs(a))};u.registerNodeType("math/abs",A);E.title="Floor";E.desc="Floor number to remove fractional part";E.prototype.onExecute=function(){var a=
+this.getInputData(0);null!=a&&this.setOutputData(0,Math.floor(a))};u.registerNodeType("math/floor",E);f.title="Frac";f.desc="Returns fractional part";f.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&this.setOutputData(0,a%1)};u.registerNodeType("math/frac",f);n.title="Smoothstep";n.desc="Smoothstep";n.prototype.onExecute=function(){var a=this.getInputData(0);if(void 0!==a){var b=this.properties.A,a=Math.clamp((a-b)/(this.properties.B-b),0,1);this.setOutputData(0,a*a*(3-2*a))}};
+u.registerNodeType("math/smoothstep",n);I.title="Scale";I.desc="v * factor";I.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&this.setOutputData(0,a*this.properties.factor)};u.registerNodeType("math/scale",I);x.title="Gate";x.desc="if v is true, then outputs A, otherwise B";x.prototype.onExecute=function(){var a=this.getInputData(0);this.setOutputData(0,this.getInputData(a?1:2))};u.registerNodeType("math/gate",x);L.title="Average";L.desc="Average Filter";L.prototype.onExecute=function(){var a=
+this.getInputData(0);null==a&&(a=0);var b=this._values.length;this._values[this._current%b]=a;this._current+=1;this._current>b&&(this._current=0);for(var d=a=0;d<b;++d)a+=this._values[d];this.setOutputData(0,a/b)};L.prototype.onPropertyChanged=function(a,b){1>b&&(b=1);this.properties.samples=Math.round(b);var d=this._values;this._values=new Float32Array(this.properties.samples);d.length<=this._values.length?this._values.set(d):this._values.set(d.subarray(0,this._values.length))};u.registerNodeType("math/average",
+L);s.title="TendTo";s.desc="moves the output value always closer to the input";s.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=0);var b=this.properties.factor;this._value=null==this._value?a:this._value*(1-b)+a*b;this.setOutputData(0,this._value)};u.registerNodeType("math/tendTo",s);w.values="+ - * / % ^ max min".split(" ");w.title="Operation";w.desc="Easy math operators";w["@OP"]={type:"enum",title:"operation",values:w.values};w.size=[100,60];w.prototype.getTitle=function(){return"max"==
+this.properties.OP||"min"==this.properties.OP?this.properties.OP+"(A,B)":"A "+this.properties.OP+" B"};w.prototype.setValue=function(a){"string"==typeof a&&(a=parseFloat(a));this.properties.value=a};w.prototype.onPropertyChanged=function(a,b){if("OP"==a)switch(this.properties.OP){case "+":this._func=function(a,b){return a+b};break;case "-":this._func=function(a,b){return a-b};break;case "x":case "X":case "*":this._func=function(a,b){return a*b};break;case "/":this._func=function(a,b){return a/b};
+break;case "%":this._func=function(a,b){return a%b};break;case "^":this._func=function(a,b){return Math.pow(a,b)};break;case "max":this._func=function(a,b){return Math.max(a,b)};break;case "min":this._func=function(a,b){return Math.min(a,b)};break;default:console.warn("Unknown operation: "+this.properties.OP),this._func=function(a){return a}}};w.prototype.onExecute=function(){var a=this.getInputData(0),b=this.getInputData(1);null!=a?a.constructor===Number&&(this.properties.A=a):a=this.properties.A;
+null!=b?this.properties.B=b:b=this.properties.B;var d;if(a.constructor===Number)d=this._func(a,b);else if(a.constructor===Array){d=this._result;d.length=a.length;for(var e=0;e<a.length;++e)d[e]=this._func(a[e],b)}else for(e in d={},a)d[e]=this._func(a[e],b);this.setOutputData(0,d)};w.prototype.onDrawBackground=function(a){this.flags.collapsed||(a.font="40px Arial",a.fillStyle="#666",a.textAlign="center",a.fillText(this.properties.OP,0.5*this.size[0],0.5*(this.size[1]+u.NODE_TITLE_HEIGHT)),a.textAlign=
+"left")};u.registerNodeType("math/operation",w);u.registerSearchboxExtra("math/operation","MAX",{properties:{OP:"max"},title:"MAX()"});u.registerSearchboxExtra("math/operation","MIN",{properties:{OP:"min"},title:"MIN()"});l.title="Compare";l.desc="compares between two values";l.prototype.onExecute=function(){var a=this.getInputData(0),b=this.getInputData(1);void 0!==a?this.properties.A=a:a=this.properties.A;void 0!==b?this.properties.B=b:b=this.properties.B;for(var d=0,e=this.outputs.length;d<e;++d){var c=
+this.outputs[d];if(c.links&&c.links.length){var g;switch(c.name){case "A==B":g=a==b;break;case "A!=B":g=a!=b;break;case "A>B":g=a>b;break;case "A<B":g=a<b;break;case "A<=B":g=a<=b;break;case "A>=B":g=a>=b}this.setOutputData(d,g)}}};l.prototype.onGetOutputs=function(){return[["A==B","boolean"],["A!=B","boolean"],["A>B","boolean"],["A<B","boolean"],["A>=B","boolean"],["A<=B","boolean"]]};u.registerNodeType("math/compare",l);u.registerSearchboxExtra("math/compare","==",{outputs:[["A==B","boolean"]],
+title:"A==B"});u.registerSearchboxExtra("math/compare","!=",{outputs:[["A!=B","boolean"]],title:"A!=B"});u.registerSearchboxExtra("math/compare",">",{outputs:[["A>B","boolean"]],title:"A>B"});u.registerSearchboxExtra("math/compare","<",{outputs:[["A<B","boolean"]],title:"A<B"});u.registerSearchboxExtra("math/compare",">=",{outputs:[["A>=B","boolean"]],title:"A>=B"});u.registerSearchboxExtra("math/compare","<=",{outputs:[["A<=B","boolean"]],title:"A<=B"});a.values="> < == != <= >= || &&".split(" ");
 a["@OP"]={type:"enum",title:"operation",values:a.values};a.title="Condition";a.desc="evaluates condition between A and B";a.prototype.getTitle=function(){return"A "+this.properties.OP+" B"};a.prototype.onExecute=function(){var a=this.getInputData(0);void 0===a?a=this.properties.A:this.properties.A=a;var b=this.getInputData(1);void 0===b?b=this.properties.B:this.properties.B=b;var d=!0;switch(this.properties.OP){case ">":d=a>b;break;case "<":d=a<b;break;case "==":d=a==b;break;case "!=":d=a!=b;break;
-case "<=":d=a<=b;break;case ">=":d=a>=b;break;case "||":d=a||b;break;case "&&":d=a&&b}this.setOutputData(0,d);this.setOutputData(1,!d)};z.registerNodeType("math/condition",a);b.title="Branch";b.desc="If condition is true, outputs IN in true, otherwise in false";b.prototype.onExecute=function(){var a=this.getInputData(0);this.getInputData(1)?(this.setOutputData(0,a),this.setOutputData(1,null)):(this.setOutputData(0,null),this.setOutputData(1,a))};z.registerNodeType("math/branch",b);d.title="Accumulate";
-d.desc="Increments a value every time";d.prototype.onExecute=function(){null===this.properties.value&&(this.properties.value=0);var a=this.getInputData(0);this.properties.value=null!==a?this.properties.value+a:this.properties.value+this.properties.increment;this.setOutputData(0,this.properties.value)};z.registerNodeType("math/accumulate",d);g.title="Trigonometry";g.desc="Sin Cos Tan";g.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=0);var b=this.properties.amplitude,d=this.findInputSlot("amplitude");
--1!=d&&(b=this.getInputData(d));var c=this.properties.offset,d=this.findInputSlot("offset");-1!=d&&(c=this.getInputData(d));for(var d=0,g=this.outputs.length;d<g;++d){var f;switch(this.outputs[d].name){case "sin":f=Math.sin(a);break;case "cos":f=Math.cos(a);break;case "tan":f=Math.tan(a);break;case "asin":f=Math.asin(a);break;case "acos":f=Math.acos(a);break;case "atan":f=Math.atan(a)}this.setOutputData(d,b*f+c)}};g.prototype.onGetInputs=function(){return[["v","number"],["amplitude","number"],["offset",
-"number"]]};g.prototype.onGetOutputs=function(){return[["sin","number"],["cos","number"],["tan","number"],["asin","number"],["acos","number"],["atan","number"]]};z.registerNodeType("math/trigonometry",g);z.registerSearchboxExtra("math/trigonometry","SIN()",{outputs:[["sin","number"]],title:"SIN()"});z.registerSearchboxExtra("math/trigonometry","COS()",{outputs:[["cos","number"]],title:"COS()"});z.registerSearchboxExtra("math/trigonometry","TAN()",{outputs:[["tan","number"]],title:"TAN()"});f.title=
-"Formula";f.desc="Compute formula";f.size=[160,100];L.prototype.onPropertyChanged=function(a,b){"formula"==a&&(this.code_widget.value=b)};f.prototype.onExecute=function(){if(z.allow_scripts){var a=this.getInputData(0),b=this.getInputData(1);null!=a?this.properties.x=a:a=this.properties.x;null!=b?this.properties.y=b:b=this.properties.y;var d;try{this._func&&this._func_code==this.properties.formula||(this._func=new Function("x","y","TIME","return "+this.properties.formula),this._func_code=this.properties.formula),
-d=this._func(a,b,this.graph.globaltime),this.boxcolor=null}catch(c){this.boxcolor="red"}this.setOutputData(0,d)}};f.prototype.getTitle=function(){return this._func_code||"Formula"};f.prototype.onDrawBackground=function(){var a=this.properties.formula;this.outputs&&this.outputs.length&&(this.outputs[0].label=a)};z.registerNodeType("math/formula",f);E.title="Vec2->XY";E.desc="vector 2 to components";E.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&(this.setOutputData(0,a[0]),this.setOutputData(1,
-a[1]))};z.registerNodeType("math3d/vec2-to-xy",E);m.title="XY->Vec2";m.desc="components to vector2";m.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.x);var b=this.getInputData(1);null==b&&(b=this.properties.y);var d=this._data;d[0]=a;d[1]=b;this.setOutputData(0,d)};z.registerNodeType("math3d/xy-to-vec2",m);r.title="Vec3->XYZ";r.desc="vector 3 to components";r.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&(this.setOutputData(0,a[0]),this.setOutputData(1,
-a[1]),this.setOutputData(2,a[2]))};z.registerNodeType("math3d/vec3-to-xyz",r);x.title="XYZ->Vec3";x.desc="components to vector3";x.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.x);var b=this.getInputData(1);null==b&&(b=this.properties.y);var d=this.getInputData(2);null==d&&(d=this.properties.z);var c=this._data;c[0]=a;c[1]=b;c[2]=d;this.setOutputData(0,c)};z.registerNodeType("math3d/xyz-to-vec3",x);N.title="Vec4->XYZW";N.desc="vector 4 to components";N.prototype.onExecute=
-function(){var a=this.getInputData(0);null!=a&&(this.setOutputData(0,a[0]),this.setOutputData(1,a[1]),this.setOutputData(2,a[2]),this.setOutputData(3,a[3]))};z.registerNodeType("math3d/vec4-to-xyzw",N);M.title="XYZW->Vec4";M.desc="components to vector4";M.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.x);var b=this.getInputData(1);null==b&&(b=this.properties.y);var d=this.getInputData(2);null==d&&(d=this.properties.z);var c=this.getInputData(3);null==c&&(c=this.properties.w);
-var g=this._data;g[0]=a;g[1]=b;g[2]=d;g[3]=c;this.setOutputData(0,g)};z.registerNodeType("math3d/xyzw-to-vec4",M)})(this);
-(function(B){function c(){this.addInput("T","vec3");this.addInput("R","vec3");this.addInput("S","vec3");this.addOutput("mat4","mat4");this.properties={T:[0,0,0],R:[0,0,0],S:[1,1,1],R_in_degrees:!0};this._result=mat4.create();this._must_update=!0}function k(){this.addInput("A","number,vec3");this.addInput("B","number,vec3");this.addOutput("=","number,vec3");this.addProperty("OP","+","enum",{values:k.values});this._result=vec3.create()}function u(){this.addInput("in","vec3");this.addInput("f","number");
-this.addOutput("out","vec3");this.properties={f:1};this._data=new Float32Array(3)}function s(){this.addInput("in","vec3");this.addOutput("out","number")}function t(){this.addInput("in","vec3");this.addOutput("out","vec3");this._data=new Float32Array(3)}function h(){this.addInput("A","vec3");this.addInput("B","vec3");this.addInput("f","vec3");this.addOutput("out","vec3");this.properties={f:0.5};this._data=new Float32Array(3)}function C(){this.addInput("A","vec3");this.addInput("B","vec3");this.addOutput("out",
-"number")}var y=B.LiteGraph;c.title="mat4";c.temp_quat=new Float32Array([0,0,0,1]);c.temp_mat4=new Float32Array(16);c.temp_vec3=new Float32Array(3);c.prototype.onPropertyChanged=function(c,h){this._must_update=!0};c.prototype.onExecute=function(){var h=this._result,k=c.temp_quat,s=c.temp_mat4,e=c.temp_vec3,q=this.getInputData(0),t=this.getInputData(1),w=this.getInputData(2);if(this._must_update||q||t||w)q=q||this.properties.T,t=t||this.properties.R,w=w||this.properties.S,mat4.identity(h),mat4.translate(h,
-h,q),this.properties.R_in_degrees?(e.set(t),vec3.scale(e,e,DEG2RAD),quat.fromEuler(k,e)):quat.fromEuler(k,t),mat4.fromQuat(s,k),mat4.multiply(h,h,s),mat4.scale(h,h,w);this.setOutputData(0,h)};y.registerNodeType("math3d/mat4",c);k.values="+ - * / % ^ max min dot cross".split(" ");y.registerSearchboxExtra("math3d/operation","CROSS()",{properties:{OP:"cross"},title:"CROSS()"});y.registerSearchboxExtra("math3d/operation","DOT()",{properties:{OP:"dot"},title:"DOT()"});k.title="Operation";k.desc="Easy math 3D operators";
+case "<=":d=a<=b;break;case ">=":d=a>=b;break;case "||":d=a||b;break;case "&&":d=a&&b}this.setOutputData(0,d);this.setOutputData(1,!d)};u.registerNodeType("math/condition",a);b.title="Branch";b.desc="If condition is true, outputs IN in true, otherwise in false";b.prototype.onExecute=function(){var a=this.getInputData(0);this.getInputData(1)?(this.setOutputData(0,a),this.setOutputData(1,null)):(this.setOutputData(0,null),this.setOutputData(1,a))};u.registerNodeType("math/branch",b);d.title="Accumulate";
+d.desc="Increments a value every time";d.prototype.onExecute=function(){null===this.properties.value&&(this.properties.value=0);var a=this.getInputData(0);this.properties.value=null!==a?this.properties.value+a:this.properties.value+this.properties.increment;this.setOutputData(0,this.properties.value)};u.registerNodeType("math/accumulate",d);g.title="Trigonometry";g.desc="Sin Cos Tan";g.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=0);var b=this.properties.amplitude,d=this.findInputSlot("amplitude");
+-1!=d&&(b=this.getInputData(d));var e=this.properties.offset,d=this.findInputSlot("offset");-1!=d&&(e=this.getInputData(d));for(var d=0,c=this.outputs.length;d<c;++d){var g;switch(this.outputs[d].name){case "sin":g=Math.sin(a);break;case "cos":g=Math.cos(a);break;case "tan":g=Math.tan(a);break;case "asin":g=Math.asin(a);break;case "acos":g=Math.acos(a);break;case "atan":g=Math.atan(a)}this.setOutputData(d,b*g+e)}};g.prototype.onGetInputs=function(){return[["v","number"],["amplitude","number"],["offset",
+"number"]]};g.prototype.onGetOutputs=function(){return[["sin","number"],["cos","number"],["tan","number"],["asin","number"],["acos","number"],["atan","number"]]};u.registerNodeType("math/trigonometry",g);u.registerSearchboxExtra("math/trigonometry","SIN()",{outputs:[["sin","number"]],title:"SIN()"});u.registerSearchboxExtra("math/trigonometry","COS()",{outputs:[["cos","number"]],title:"COS()"});u.registerSearchboxExtra("math/trigonometry","TAN()",{outputs:[["tan","number"]],title:"TAN()"});e.title=
+"Formula";e.desc="Compute formula";e.size=[160,100];L.prototype.onPropertyChanged=function(a,b){"formula"==a&&(this.code_widget.value=b)};e.prototype.onExecute=function(){if(u.allow_scripts){var a=this.getInputData(0),b=this.getInputData(1);null!=a?this.properties.x=a:a=this.properties.x;null!=b?this.properties.y=b:b=this.properties.y;var d;try{this._func&&this._func_code==this.properties.formula||(this._func=new Function("x","y","TIME","return "+this.properties.formula),this._func_code=this.properties.formula),
+d=this._func(a,b,this.graph.globaltime),this.boxcolor=null}catch(e){this.boxcolor="red"}this.setOutputData(0,d)}};e.prototype.getTitle=function(){return this._func_code||"Formula"};e.prototype.onDrawBackground=function(){var a=this.properties.formula;this.outputs&&this.outputs.length&&(this.outputs[0].label=a)};u.registerNodeType("math/formula",e);y.title="Vec2->XY";y.desc="vector 2 to components";y.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&(this.setOutputData(0,a[0]),this.setOutputData(1,
+a[1]))};u.registerNodeType("math3d/vec2-to-xy",y);m.title="XY->Vec2";m.desc="components to vector2";m.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.x);var b=this.getInputData(1);null==b&&(b=this.properties.y);var d=this._data;d[0]=a;d[1]=b;this.setOutputData(0,d)};u.registerNodeType("math3d/xy-to-vec2",m);q.title="Vec3->XYZ";q.desc="vector 3 to components";q.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&(this.setOutputData(0,a[0]),this.setOutputData(1,
+a[1]),this.setOutputData(2,a[2]))};u.registerNodeType("math3d/vec3-to-xyz",q);C.title="XYZ->Vec3";C.desc="components to vector3";C.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.x);var b=this.getInputData(1);null==b&&(b=this.properties.y);var d=this.getInputData(2);null==d&&(d=this.properties.z);var e=this._data;e[0]=a;e[1]=b;e[2]=d;this.setOutputData(0,e)};u.registerNodeType("math3d/xyz-to-vec3",C);N.title="Vec4->XYZW";N.desc="vector 4 to components";N.prototype.onExecute=
+function(){var a=this.getInputData(0);null!=a&&(this.setOutputData(0,a[0]),this.setOutputData(1,a[1]),this.setOutputData(2,a[2]),this.setOutputData(3,a[3]))};u.registerNodeType("math3d/vec4-to-xyzw",N);M.title="XYZW->Vec4";M.desc="components to vector4";M.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.x);var b=this.getInputData(1);null==b&&(b=this.properties.y);var d=this.getInputData(2);null==d&&(d=this.properties.z);var e=this.getInputData(3);null==e&&(e=this.properties.w);
+var c=this._data;c[0]=a;c[1]=b;c[2]=d;c[3]=e;this.setOutputData(0,c)};u.registerNodeType("math3d/xyzw-to-vec4",M)})(this);
+(function(B){function c(){this.addInput("T","vec3");this.addInput("R","vec3");this.addInput("S","vec3");this.addOutput("mat4","mat4");this.properties={T:[0,0,0],R:[0,0,0],S:[1,1,1],R_in_degrees:!0};this._result=mat4.create();this._must_update=!0}function k(){this.addInput("A","number,vec3");this.addInput("B","number,vec3");this.addOutput("=","number,vec3");this.addProperty("OP","+","enum",{values:k.values});this._result=vec3.create()}function v(){this.addInput("in","vec3");this.addInput("f","number");
+this.addOutput("out","vec3");this.properties={f:1};this._data=new Float32Array(3)}function r(){this.addInput("in","vec3");this.addOutput("out","number")}function t(){this.addInput("in","vec3");this.addOutput("out","vec3");this._data=new Float32Array(3)}function h(){this.addInput("A","vec3");this.addInput("B","vec3");this.addInput("f","vec3");this.addOutput("out","vec3");this.properties={f:0.5};this._data=new Float32Array(3)}function D(){this.addInput("A","vec3");this.addInput("B","vec3");this.addOutput("out",
+"number")}var z=B.LiteGraph;c.title="mat4";c.temp_quat=new Float32Array([0,0,0,1]);c.temp_mat4=new Float32Array(16);c.temp_vec3=new Float32Array(3);c.prototype.onPropertyChanged=function(c,h){this._must_update=!0};c.prototype.onExecute=function(){var h=this._result,k=c.temp_quat,r=c.temp_mat4,f=c.temp_vec3,n=this.getInputData(0),t=this.getInputData(1),x=this.getInputData(2);if(this._must_update||n||t||x)n=n||this.properties.T,t=t||this.properties.R,x=x||this.properties.S,mat4.identity(h),mat4.translate(h,
+h,n),this.properties.R_in_degrees?(f.set(t),vec3.scale(f,f,DEG2RAD),quat.fromEuler(k,f)):quat.fromEuler(k,t),mat4.fromQuat(r,k),mat4.multiply(h,h,r),mat4.scale(h,h,x);this.setOutputData(0,h)};z.registerNodeType("math3d/mat4",c);k.values="+ - * / % ^ max min dot cross".split(" ");z.registerSearchboxExtra("math3d/operation","CROSS()",{properties:{OP:"cross"},title:"CROSS()"});z.registerSearchboxExtra("math3d/operation","DOT()",{properties:{OP:"dot"},title:"DOT()"});k.title="Operation";k.desc="Easy math 3D operators";
 k["@OP"]={type:"enum",title:"operation",values:k.values};k.size=[100,60];k.prototype.getTitle=function(){return"max"==this.properties.OP||"min"==this.properties.OP?this.properties.OP+"(A,B)":"A "+this.properties.OP+" B"};k.prototype.onExecute=function(){var c=this.getInputData(0),h=this.getInputData(1);if(null!=c&&null!=h){c.constructor===Number&&(c=[c,c,c]);h.constructor===Number&&(h=[h,h,h]);var k=this._result;switch(this.properties.OP){case "+":k=vec3.add(k,c,h);break;case "-":k=vec3.sub(k,c,h);
 break;case "x":case "X":case "*":k=vec3.mul(k,c,h);break;case "/":k=vec3.div(k,c,h);break;case "%":k[0]=c[0]%h[0];k[1]=c[1]%h[1];k[2]=c[2]%h[2];break;case "^":k[0]=Math.pow(c[0],h[0]);k[1]=Math.pow(c[1],h[1]);k[2]=Math.pow(c[2],h[2]);break;case "max":k[0]=Math.max(c[0],h[0]);k[1]=Math.max(c[1],h[1]);k[2]=Math.max(c[2],h[2]);break;case "min":k[0]=Math.min(c[0],h[0]),k[1]=Math.min(c[1],h[1]),k[2]=Math.min(c[2],h[2]);case "dot":k=vec3.dot(c,h);break;case "cross":vec3.cross(k,c,h);break;default:console.warn("Unknown operation: "+
-this.properties.OP)}this.setOutputData(0,k)}};k.prototype.onDrawBackground=function(c){this.flags.collapsed||(c.font="40px Arial",c.fillStyle="#666",c.textAlign="center",c.fillText(this.properties.OP,0.5*this.size[0],0.5*(this.size[1]+y.NODE_TITLE_HEIGHT)),c.textAlign="left")};y.registerNodeType("math3d/operation",k);u.title="vec3_scale";u.desc="scales the components of a vec3";u.prototype.onExecute=function(){var c=this.getInputData(0);if(null!=c){var h=this.getInputData(1);null==h&&(h=this.properties.f);
-var k=this._data;k[0]=c[0]*h;k[1]=c[1]*h;k[2]=c[2]*h;this.setOutputData(0,k)}};y.registerNodeType("math3d/vec3-scale",u);s.title="vec3_length";s.desc="returns the module of a vector";s.prototype.onExecute=function(){var c=this.getInputData(0);null!=c&&(c=Math.sqrt(c[0]*c[0]+c[1]*c[1]+c[2]*c[2]),this.setOutputData(0,c))};y.registerNodeType("math3d/vec3-length",s);t.title="vec3_normalize";t.desc="returns the vector normalized";t.prototype.onExecute=function(){var c=this.getInputData(0);if(null!=c){var h=
-Math.sqrt(c[0]*c[0]+c[1]*c[1]+c[2]*c[2]),k=this._data;k[0]=c[0]/h;k[1]=c[1]/h;k[2]=c[2]/h;this.setOutputData(0,k)}};y.registerNodeType("math3d/vec3-normalize",t);h.title="vec3_lerp";h.desc="returns the interpolated vector";h.prototype.onExecute=function(){var c=this.getInputData(0);if(null!=c){var h=this.getInputData(1);if(null!=h){var k=this.getInputOrProperty("f"),e=this._data;e[0]=c[0]*(1-k)+h[0]*k;e[1]=c[1]*(1-k)+h[1]*k;e[2]=c[2]*(1-k)+h[2]*k;this.setOutputData(0,e)}}};y.registerNodeType("math3d/vec3-lerp",
-h);C.title="vec3_dot";C.desc="returns the dot product";C.prototype.onExecute=function(){var c=this.getInputData(0);if(null!=c){var h=this.getInputData(1);null!=h&&this.setOutputData(0,c[0]*h[0]+c[1]*h[1]+c[2]*h[2])}};y.registerNodeType("math3d/vec3-dot",C);B.glMatrix?(B=function(){this.addOutput("quat","quat");this.properties={x:0,y:0,z:0,w:1,normalize:!1};this._value=quat.create()},B.title="Quaternion",B.desc="quaternion",B.prototype.onExecute=function(){this._value[0]=this.getInputOrProperty("x");
-this._value[1]=this.getInputOrProperty("y");this._value[2]=this.getInputOrProperty("z");this._value[3]=this.getInputOrProperty("w");this.properties.normalize&&quat.normalize(this._value,this._value);this.setOutputData(0,this._value)},B.prototype.onGetInputs=function(){return[["x","number"],["y","number"],["z","number"],["w","number"]]},y.registerNodeType("math3d/quaternion",B),B=function(){this.addInputs([["degrees","number"],["axis","vec3"]]);this.addOutput("quat","quat");this.properties={angle:90,
-axis:vec3.fromValues(0,1,0)};this._value=quat.create()},B.title="Rotation",B.desc="quaternion rotation",B.prototype.onExecute=function(){var c=this.getInputData(0);null==c&&(c=this.properties.angle);var h=this.getInputData(1);null==h&&(h=this.properties.axis);c=quat.setAxisAngle(this._value,h,0.0174532925*c);this.setOutputData(0,c)},y.registerNodeType("math3d/rotation",B),B=function(){this.addInput("euler","vec3");this.addOutput("quat","quat");this.properties={euler:[0,0,0],use_yaw_pitch_roll:!1};
-this._degs=vec3.create();this._value=quat.create()},B.title="Euler->Quat",B.desc="Converts euler angles (in degrees) to quaternion",B.prototype.onExecute=function(){var c=this.getInputData(0);null==c&&(c=this.properties.euler);vec3.scale(this._degs,c,DEG2RAD);this.properties.use_yaw_pitch_roll&&(this._degs=[this._degs[2],this._degs[0],this._degs[1]]);c=quat.fromEuler(this._value,this._degs);this.setOutputData(0,c)},y.registerNodeType("math3d/euler_to_quat",B),B=function(){this.addInput(["quat","quat"]);
-this.addOutput("euler","vec3");this._value=vec3.create()},B.title="Euler->Quat",B.desc="Converts rotX,rotY,rotZ in degrees to quat",B.prototype.onExecute=function(){var c=this.getInputData(0);c&&(quat.toEuler(this._value,c),vec3.scale(this._value,this._value,DEG2RAD),this.setOutputData(0,this._value))},y.registerNodeType("math3d/quat_to_euler",B),B=function(){this.addInputs([["vec3","vec3"],["quat","quat"]]);this.addOutput("result","vec3");this.properties={vec:[0,0,1]}},B.title="Rot. Vec3",B.desc=
-"rotate a point",B.prototype.onExecute=function(){var c=this.getInputData(0);null==c&&(c=this.properties.vec);var h=this.getInputData(1);null==h?this.setOutputData(c):this.setOutputData(0,vec3.transformQuat(vec3.create(),c,h))},y.registerNodeType("math3d/rotate_vec3",B),B=function(){this.addInputs([["A","quat"],["B","quat"]]);this.addOutput("A*B","quat");this._value=quat.create()},B.title="Mult. Quat",B.desc="rotate quaternion",B.prototype.onExecute=function(){var c=this.getInputData(0);if(null!=
-c){var h=this.getInputData(1);null!=h&&(c=quat.multiply(this._value,c,h),this.setOutputData(0,c))}},y.registerNodeType("math3d/mult-quat",B),B=function(){this.addInputs([["A","quat"],["B","quat"],["factor","number"]]);this.addOutput("slerp","quat");this.addProperty("factor",0.5);this._value=quat.create()},B.title="Quat Slerp",B.desc="quaternion spherical interpolation",B.prototype.onExecute=function(){var c=this.getInputData(0);if(null!=c){var h=this.getInputData(1);if(null!=h){var k=this.properties.factor;
-null!=this.getInputData(2)&&(k=this.getInputData(2));c=quat.slerp(this._value,c,h,k);this.setOutputData(0,c)}}},y.registerNodeType("math3d/quat-slerp",B),B=function(){this.addInput("vec3","vec3");this.addOutput("remap","vec3");this.addOutput("clamped","vec3");this.properties={clamp:!0,range_min:[-1,-1,0],range_max:[1,1,0],target_min:[-1,-1,0],target_max:[1,1,0]};this._value=vec3.create();this._clamped=vec3.create()},B.title="Remap Range",B.desc="remap a 3D range",B.prototype.onExecute=function(){var c=
-this.getInputData(0);c&&this._value.set(c);for(var c=this.properties.range_min,h=this.properties.range_max,k=this.properties.target_min,e=this.properties.target_max,q=0;3>q;++q){var s=h[q]-c[q];this._clamped[q]=Math.clamp(this._value[q],c[q],h[q]);0==s?this._value[q]=0.5*(k[q]+e[q]):(s=(this._value[q]-c[q])/s,this.properties.clamp&&(s=Math.clamp(s,0,1)),this._value[q]=k[q]+s*(e[q]-k[q]))}this.setOutputData(0,this._value);this.setOutputData(1,this._clamped)},y.registerNodeType("math3d/remap_range",
+this.properties.OP)}this.setOutputData(0,k)}};k.prototype.onDrawBackground=function(c){this.flags.collapsed||(c.font="40px Arial",c.fillStyle="#666",c.textAlign="center",c.fillText(this.properties.OP,0.5*this.size[0],0.5*(this.size[1]+z.NODE_TITLE_HEIGHT)),c.textAlign="left")};z.registerNodeType("math3d/operation",k);v.title="vec3_scale";v.desc="scales the components of a vec3";v.prototype.onExecute=function(){var c=this.getInputData(0);if(null!=c){var h=this.getInputData(1);null==h&&(h=this.properties.f);
+var k=this._data;k[0]=c[0]*h;k[1]=c[1]*h;k[2]=c[2]*h;this.setOutputData(0,k)}};z.registerNodeType("math3d/vec3-scale",v);r.title="vec3_length";r.desc="returns the module of a vector";r.prototype.onExecute=function(){var c=this.getInputData(0);null!=c&&(c=Math.sqrt(c[0]*c[0]+c[1]*c[1]+c[2]*c[2]),this.setOutputData(0,c))};z.registerNodeType("math3d/vec3-length",r);t.title="vec3_normalize";t.desc="returns the vector normalized";t.prototype.onExecute=function(){var c=this.getInputData(0);if(null!=c){var h=
+Math.sqrt(c[0]*c[0]+c[1]*c[1]+c[2]*c[2]),k=this._data;k[0]=c[0]/h;k[1]=c[1]/h;k[2]=c[2]/h;this.setOutputData(0,k)}};z.registerNodeType("math3d/vec3-normalize",t);h.title="vec3_lerp";h.desc="returns the interpolated vector";h.prototype.onExecute=function(){var c=this.getInputData(0);if(null!=c){var h=this.getInputData(1);if(null!=h){var k=this.getInputOrProperty("f"),f=this._data;f[0]=c[0]*(1-k)+h[0]*k;f[1]=c[1]*(1-k)+h[1]*k;f[2]=c[2]*(1-k)+h[2]*k;this.setOutputData(0,f)}}};z.registerNodeType("math3d/vec3-lerp",
+h);D.title="vec3_dot";D.desc="returns the dot product";D.prototype.onExecute=function(){var c=this.getInputData(0);if(null!=c){var h=this.getInputData(1);null!=h&&this.setOutputData(0,c[0]*h[0]+c[1]*h[1]+c[2]*h[2])}};z.registerNodeType("math3d/vec3-dot",D);B.glMatrix?(B=function(){this.addOutput("quat","quat");this.properties={x:0,y:0,z:0,w:1,normalize:!1};this._value=quat.create()},B.title="Quaternion",B.desc="quaternion",B.prototype.onExecute=function(){this._value[0]=this.getInputOrProperty("x");
+this._value[1]=this.getInputOrProperty("y");this._value[2]=this.getInputOrProperty("z");this._value[3]=this.getInputOrProperty("w");this.properties.normalize&&quat.normalize(this._value,this._value);this.setOutputData(0,this._value)},B.prototype.onGetInputs=function(){return[["x","number"],["y","number"],["z","number"],["w","number"]]},z.registerNodeType("math3d/quaternion",B),B=function(){this.addInputs([["degrees","number"],["axis","vec3"]]);this.addOutput("quat","quat");this.properties={angle:90,
+axis:vec3.fromValues(0,1,0)};this._value=quat.create()},B.title="Rotation",B.desc="quaternion rotation",B.prototype.onExecute=function(){var c=this.getInputData(0);null==c&&(c=this.properties.angle);var h=this.getInputData(1);null==h&&(h=this.properties.axis);c=quat.setAxisAngle(this._value,h,0.0174532925*c);this.setOutputData(0,c)},z.registerNodeType("math3d/rotation",B),B=function(){this.addInput("euler","vec3");this.addOutput("quat","quat");this.properties={euler:[0,0,0],use_yaw_pitch_roll:!1};
+this._degs=vec3.create();this._value=quat.create()},B.title="Euler->Quat",B.desc="Converts euler angles (in degrees) to quaternion",B.prototype.onExecute=function(){var c=this.getInputData(0);null==c&&(c=this.properties.euler);vec3.scale(this._degs,c,DEG2RAD);this.properties.use_yaw_pitch_roll&&(this._degs=[this._degs[2],this._degs[0],this._degs[1]]);c=quat.fromEuler(this._value,this._degs);this.setOutputData(0,c)},z.registerNodeType("math3d/euler_to_quat",B),B=function(){this.addInput(["quat","quat"]);
+this.addOutput("euler","vec3");this._value=vec3.create()},B.title="Euler->Quat",B.desc="Converts rotX,rotY,rotZ in degrees to quat",B.prototype.onExecute=function(){var c=this.getInputData(0);c&&(quat.toEuler(this._value,c),vec3.scale(this._value,this._value,DEG2RAD),this.setOutputData(0,this._value))},z.registerNodeType("math3d/quat_to_euler",B),B=function(){this.addInputs([["vec3","vec3"],["quat","quat"]]);this.addOutput("result","vec3");this.properties={vec:[0,0,1]}},B.title="Rot. Vec3",B.desc=
+"rotate a point",B.prototype.onExecute=function(){var c=this.getInputData(0);null==c&&(c=this.properties.vec);var h=this.getInputData(1);null==h?this.setOutputData(c):this.setOutputData(0,vec3.transformQuat(vec3.create(),c,h))},z.registerNodeType("math3d/rotate_vec3",B),B=function(){this.addInputs([["A","quat"],["B","quat"]]);this.addOutput("A*B","quat");this._value=quat.create()},B.title="Mult. Quat",B.desc="rotate quaternion",B.prototype.onExecute=function(){var c=this.getInputData(0);if(null!=
+c){var h=this.getInputData(1);null!=h&&(c=quat.multiply(this._value,c,h),this.setOutputData(0,c))}},z.registerNodeType("math3d/mult-quat",B),B=function(){this.addInputs([["A","quat"],["B","quat"],["factor","number"]]);this.addOutput("slerp","quat");this.addProperty("factor",0.5);this._value=quat.create()},B.title="Quat Slerp",B.desc="quaternion spherical interpolation",B.prototype.onExecute=function(){var c=this.getInputData(0);if(null!=c){var h=this.getInputData(1);if(null!=h){var k=this.properties.factor;
+null!=this.getInputData(2)&&(k=this.getInputData(2));c=quat.slerp(this._value,c,h,k);this.setOutputData(0,c)}}},z.registerNodeType("math3d/quat-slerp",B),B=function(){this.addInput("vec3","vec3");this.addOutput("remap","vec3");this.addOutput("clamped","vec3");this.properties={clamp:!0,range_min:[-1,-1,0],range_max:[1,1,0],target_min:[-1,-1,0],target_max:[1,1,0]};this._value=vec3.create();this._clamped=vec3.create()},B.title="Remap Range",B.desc="remap a 3D range",B.prototype.onExecute=function(){var c=
+this.getInputData(0);c&&this._value.set(c);for(var c=this.properties.range_min,h=this.properties.range_max,k=this.properties.target_min,f=this.properties.target_max,n=0;3>n;++n){var r=h[n]-c[n];this._clamped[n]=Math.clamp(this._value[n],c[n],h[n]);0==r?this._value[n]=0.5*(k[n]+f[n]):(r=(this._value[n]-c[n])/r,this.properties.clamp&&(r=Math.clamp(r,0,1)),this._value[n]=k[n]+r*(f[n]-k[n]))}this.setOutputData(0,this._value);this.setOutputData(1,this._clamped)},z.registerNodeType("math3d/remap_range",
 B)):console.warn("No glmatrix found, some Math3D nodes may not work")})(this);
-(function(B){function c(){this.addInput("","string");this.addOutput("table","table");this.addOutput("rows","number");this.addProperty("value","");this.addProperty("separator",",");this._table=null}B=B.LiteGraph;B.wrapFunctionAsNode("string/toString",function(c){if(c&&c.constructor===Object)try{return JSON.stringify(c)}catch(u){}return String(c)},[""],"String");B.wrapFunctionAsNode("string/compare",function(c,u){return c==u},["string","string"],"boolean");B.wrapFunctionAsNode("string/concatenate",
-function(c,u){return void 0===c?u:void 0===u?c:c+u},["string","string"],"string");B.wrapFunctionAsNode("string/contains",function(c,u){return void 0===c||void 0===u?!1:-1!=c.indexOf(u)},["string","string"],"boolean");B.wrapFunctionAsNode("string/toUpperCase",function(c){return null!=c&&c.constructor===String?c.toUpperCase():c},["string"],"string");B.wrapFunctionAsNode("string/split",function(c,u){null==u&&(u=this.properties.separator);if(null==c)return[];if(c.constructor===String)return c.split(u||
-" ");if(c.constructor===Array){for(var s=[],t=0;t<c.length;++t)s[t]=c[t].split(u||" ");return s}return null},["string,array","string"],"array",{separator:","});B.wrapFunctionAsNode("string/toFixed",function(c){return null!=c&&c.constructor===Number?c.toFixed(this.properties.precision):c},["number"],"string",{precision:0});c.title="toTable";c.desc="Splits a string to table";c.prototype.onExecute=function(){var c=this.getInputData(0);if(c){var u=this.properties.separator||",";if(c!=this._str||u!=this._last_separator)this._last_separator=
-u,this._str=c,this._table=c.split("\n").map(function(c){return c.trim().split(u)});this.setOutputData(0,this._table);this.setOutputData(1,this._table?this._table.length:0)}};B.registerNodeType("string/toTable",c)})(this);
-(function(B){function c(){this.addInput("sel","number");this.addInput("A");this.addInput("B");this.addInput("C");this.addInput("D");this.addOutput("out");this.selected=0}function k(){this.properties={sequence:"A,B,C"};this.addInput("index","number");this.addInput("seq");this.addOutput("out");this.index=0;this.values=this.properties.sequence.split(",")}var u=B.LiteGraph;c.title="Selector";c.desc="selects an output";c.prototype.onDrawBackground=function(c){if(!this.flags.collapsed){c.fillStyle="#AFB";
-var k=(this.selected+1)*u.NODE_SLOT_HEIGHT+6;c.beginPath();c.moveTo(50,k);c.lineTo(50,k+u.NODE_SLOT_HEIGHT);c.lineTo(34,k+0.5*u.NODE_SLOT_HEIGHT);c.fill()}};c.prototype.onExecute=function(){var c=this.getInputData(0);if(null==c||c.constructor!==Number)c=0;this.selected=c=Math.round(c)%(this.inputs.length-1);c=this.getInputData(c+1);void 0!==c&&this.setOutputData(0,c)};c.prototype.onGetInputs=function(){return[["E",0],["F",0],["G",0],["H",0]]};u.registerNodeType("logic/selector",c);k.title="Sequence";
-k.desc="select one element from a sequence from a string";k.prototype.onPropertyChanged=function(c,k){"sequence"==c&&(this.values=k.split(","))};k.prototype.onExecute=function(){var c=this.getInputData(1);c&&c!=this.current_sequence&&(this.values=c.split(","),this.current_sequence=c);c=this.getInputData(0);null==c&&(c=0);this.index=c=Math.round(c)%this.values.length;this.setOutputData(0,this.values[c])};u.registerNodeType("logic/sequence",k)})(this);
-(function(B){function c(){this.addInput("A","Number");this.addInput("B","Number");this.addInput("C","Number");this.addInput("D","Number");this.values=[[],[],[],[]];this.properties={scale:2}}function k(){this.addOutput("frame","image");this.properties={url:""}}function u(){this.addInput("f","number");this.addOutput("Color","color");this.properties={colorA:"#444444",colorB:"#44AAFF",colorC:"#44FFAA",colorD:"#FFFFFF"}}function s(){this.addInput("","image,canvas");this.size=[200,200]}function t(){this.addInputs([["img1",
-"image"],["img2","image"],["fade","number"]]);this.addOutput("","image");this.properties={fade:0.5,width:512,height:512}}function h(){this.addInput("","image");this.addOutput("","image");this.properties={width:256,height:256,x:0,y:0,scale:1};this.size=[50,20]}function C(){this.addInput("clear",e.ACTION);this.addOutput("","canvas");this.properties={width:512,height:512,autoclear:!0};this.canvas=document.createElement("canvas");this.ctx=this.canvas.getContext("2d")}function y(){this.addInput("canvas",
+(function(B){function c(){this.addInput("","string");this.addOutput("table","table");this.addOutput("rows","number");this.addProperty("value","");this.addProperty("separator",",");this._table=null}B=B.LiteGraph;B.wrapFunctionAsNode("string/toString",function(c){if(c&&c.constructor===Object)try{return JSON.stringify(c)}catch(v){}return String(c)},[""],"String");B.wrapFunctionAsNode("string/compare",function(c,v){return c==v},["string","string"],"boolean");B.wrapFunctionAsNode("string/concatenate",
+function(c,v){return void 0===c?v:void 0===v?c:c+v},["string","string"],"string");B.wrapFunctionAsNode("string/contains",function(c,v){return void 0===c||void 0===v?!1:-1!=c.indexOf(v)},["string","string"],"boolean");B.wrapFunctionAsNode("string/toUpperCase",function(c){return null!=c&&c.constructor===String?c.toUpperCase():c},["string"],"string");B.wrapFunctionAsNode("string/split",function(c,v){null==v&&(v=this.properties.separator);if(null==c)return[];if(c.constructor===String)return c.split(v||
+" ");if(c.constructor===Array){for(var r=[],t=0;t<c.length;++t)r[t]=c[t].split(v||" ");return r}return null},["string,array","string"],"array",{separator:","});B.wrapFunctionAsNode("string/toFixed",function(c){return null!=c&&c.constructor===Number?c.toFixed(this.properties.precision):c},["number"],"string",{precision:0});c.title="toTable";c.desc="Splits a string to table";c.prototype.onExecute=function(){var c=this.getInputData(0);if(c){var v=this.properties.separator||",";if(c!=this._str||v!=this._last_separator)this._last_separator=
+v,this._str=c,this._table=c.split("\n").map(function(c){return c.trim().split(v)});this.setOutputData(0,this._table);this.setOutputData(1,this._table?this._table.length:0)}};B.registerNodeType("string/toTable",c)})(this);
+(function(B){function c(){this.addInput("sel","number");this.addInput("A");this.addInput("B");this.addInput("C");this.addInput("D");this.addOutput("out");this.selected=0}function k(){this.properties={sequence:"A,B,C"};this.addInput("index","number");this.addInput("seq");this.addOutput("out");this.index=0;this.values=this.properties.sequence.split(",")}var v=B.LiteGraph;c.title="Selector";c.desc="selects an output";c.prototype.onDrawBackground=function(c){if(!this.flags.collapsed){c.fillStyle="#AFB";
+var k=(this.selected+1)*v.NODE_SLOT_HEIGHT+6;c.beginPath();c.moveTo(50,k);c.lineTo(50,k+v.NODE_SLOT_HEIGHT);c.lineTo(34,k+0.5*v.NODE_SLOT_HEIGHT);c.fill()}};c.prototype.onExecute=function(){var c=this.getInputData(0);if(null==c||c.constructor!==Number)c=0;this.selected=c=Math.round(c)%(this.inputs.length-1);c=this.getInputData(c+1);void 0!==c&&this.setOutputData(0,c)};c.prototype.onGetInputs=function(){return[["E",0],["F",0],["G",0],["H",0]]};v.registerNodeType("logic/selector",c);k.title="Sequence";
+k.desc="select one element from a sequence from a string";k.prototype.onPropertyChanged=function(c,k){"sequence"==c&&(this.values=k.split(","))};k.prototype.onExecute=function(){var c=this.getInputData(1);c&&c!=this.current_sequence&&(this.values=c.split(","),this.current_sequence=c);c=this.getInputData(0);null==c&&(c=0);this.index=c=Math.round(c)%this.values.length;this.setOutputData(0,this.values[c])};v.registerNodeType("logic/sequence",k)})(this);
+(function(B){function c(){this.addInput("A","Number");this.addInput("B","Number");this.addInput("C","Number");this.addInput("D","Number");this.values=[[],[],[],[]];this.properties={scale:2}}function k(){this.addOutput("frame","image");this.properties={url:""}}function v(){this.addInput("f","number");this.addOutput("Color","color");this.properties={colorA:"#444444",colorB:"#44AAFF",colorC:"#44FFAA",colorD:"#FFFFFF"}}function r(){this.addInput("","image,canvas");this.size=[200,200]}function t(){this.addInputs([["img1",
+"image"],["img2","image"],["fade","number"]]);this.addOutput("","image");this.properties={fade:0.5,width:512,height:512}}function h(){this.addInput("","image");this.addOutput("","image");this.properties={width:256,height:256,x:0,y:0,scale:1};this.size=[50,20]}function D(){this.addInput("clear",f.ACTION);this.addOutput("","canvas");this.properties={width:512,height:512,autoclear:!0};this.canvas=document.createElement("canvas");this.ctx=this.canvas.getContext("2d")}function z(){this.addInput("canvas",
 "canvas");this.addInput("img","image,canvas");this.addInput("x","number");this.addInput("y","number");this.properties={x:0,y:0,opacity:1}}function G(){this.addInput("canvas","canvas");this.addInput("x","number");this.addInput("y","number");this.addInput("w","number");this.addInput("h","number");this.properties={x:0,y:0,w:10,h:10,color:"white",opacity:1}}function A(){this.addInput("t","number");this.addOutputs([["frame","image"],["t","number"],["d","number"]]);this.properties={url:"",use_proxy:!0}}
-function D(){this.addOutput("Webcam","image");this.properties={facingMode:"user"};this.boxcolor="black";this.frame=0}var e=B.LiteGraph;c.title="Plot";c.desc="Plots data over time";c.colors=["#FFF","#F99","#9F9","#99F"];c.prototype.onExecute=function(c){if(!this.flags.collapsed){c=this.size;for(var e=0;4>e;++e){var h=this.getInputData(e);if(null!=h){var k=this.values[e];k.push(h);k.length>c[0]&&k.shift()}}}};c.prototype.onDrawBackground=function(e){if(!this.flags.collapsed){var h=this.size,k=0.5*h[1]/
-this.properties.scale,s=c.colors,n=0.5*h[1];e.fillStyle="#000";e.fillRect(0,0,h[0],h[1]);e.strokeStyle="#555";e.beginPath();e.moveTo(0,n);e.lineTo(h[0],n);e.stroke();if(this.inputs)for(var v=0;4>v;++v){var l=this.values[v];if(this.inputs[v]&&this.inputs[v].link){e.strokeStyle=s[v];e.beginPath();var a=l[0]*k*-1+n;e.moveTo(0,Math.clamp(a,0,h[1]));for(var b=1;b<l.length&&b<h[0];++b)a=l[b]*k*-1+n,e.lineTo(b,Math.clamp(a,0,h[1]));e.stroke()}}}};e.registerNodeType("graphics/plot",c);k.title="Image";k.desc=
+function E(){this.addOutput("Webcam","image");this.properties={facingMode:"user"};this.boxcolor="black";this.frame=0}var f=B.LiteGraph;c.title="Plot";c.desc="Plots data over time";c.colors=["#FFF","#F99","#9F9","#99F"];c.prototype.onExecute=function(c){if(!this.flags.collapsed){c=this.size;for(var f=0;4>f;++f){var h=this.getInputData(f);if(null!=h){var k=this.values[f];k.push(h);k.length>c[0]&&k.shift()}}}};c.prototype.onDrawBackground=function(f){if(!this.flags.collapsed){var h=this.size,k=0.5*h[1]/
+this.properties.scale,r=c.colors,s=0.5*h[1];f.fillStyle="#000";f.fillRect(0,0,h[0],h[1]);f.strokeStyle="#555";f.beginPath();f.moveTo(0,s);f.lineTo(h[0],s);f.stroke();if(this.inputs)for(var w=0;4>w;++w){var l=this.values[w];if(this.inputs[w]&&this.inputs[w].link){f.strokeStyle=r[w];f.beginPath();var a=l[0]*k*-1+s;f.moveTo(0,Math.clamp(a,0,h[1]));for(var b=1;b<l.length&&b<h[0];++b)a=l[b]*k*-1+s,f.lineTo(b,Math.clamp(a,0,h[1]));f.stroke()}}}};f.registerNodeType("graphics/plot",c);k.title="Image";k.desc=
 "Image loader";k.widgets=[{name:"load",text:"Load",type:"button"}];k.supported_extensions=["jpg","jpeg","png","gif"];k.prototype.onAdded=function(){""!=this.properties.url&&null==this.img&&this.loadImage(this.properties.url)};k.prototype.onDrawBackground=function(c){this.flags.collapsed||this.img&&5<this.size[0]&&5<this.size[1]&&this.img.width&&c.drawImage(this.img,0,0,this.size[0],this.size[1])};k.prototype.onExecute=function(){this.img||(this.boxcolor="#000");this.img&&this.img.width?this.setOutputData(0,
-this.img):this.setOutputData(0,null);this.img&&this.img.dirty&&(this.img.dirty=!1)};k.prototype.onPropertyChanged=function(c,e){this.properties[c]=e;"url"==c&&""!=e&&this.loadImage(e);return!0};k.prototype.loadImage=function(c,h){if(""==c)this.img=null;else{this.img=document.createElement("img");"http"==c.substr(0,4)&&e.proxy&&(c=e.proxy+c.substr(c.indexOf(":")+3));this.img.src=c;this.boxcolor="#F95";var k=this;this.img.onload=function(){h&&h(this);console.log("Image loaded, size: "+k.img.width+"x"+
-k.img.height);this.dirty=!0;k.boxcolor="#9F9";k.setDirtyCanvas(!0)};this.img.onerror=function(){console.log("error loading the image:"+c)}}};k.prototype.onWidget=function(c,e){"load"==e.name&&this.loadImage(this.properties.url)};k.prototype.onDropFile=function(c){var e=this;this._url&&URL.revokeObjectURL(this._url);this._url=URL.createObjectURL(c);this.properties.url=this._url;this.loadImage(this._url,function(c){e.size[1]=c.height/c.width*e.size[0]})};e.registerNodeType("graphics/image",k);u.title=
-"Palette";u.desc="Generates a color";u.prototype.onExecute=function(){var c=[];null!=this.properties.colorA&&c.push(hex2num(this.properties.colorA));null!=this.properties.colorB&&c.push(hex2num(this.properties.colorB));null!=this.properties.colorC&&c.push(hex2num(this.properties.colorC));null!=this.properties.colorD&&c.push(hex2num(this.properties.colorD));var e=this.getInputData(0);null==e&&(e=0.5);1<e?e=1:0>e&&(e=0);if(0!=c.length){var h=[0,0,0];if(0==e)h=c[0];else if(1==e)h=c[c.length-1];else{var k=
-(c.length-1)*e,e=c[Math.floor(k)],c=c[Math.floor(k)+1],k=k-Math.floor(k);h[0]=e[0]*(1-k)+c[0]*k;h[1]=e[1]*(1-k)+c[1]*k;h[2]=e[2]*(1-k)+c[2]*k}for(e=0;e<h.length;e++)h[e]/=255;this.boxcolor=colorToString(h);this.setOutputData(0,h)}};e.registerNodeType("color/palette",u);s.title="Frame";s.desc="Frame viewerew";s.widgets=[{name:"resize",text:"Resize box",type:"button"},{name:"view",text:"View Image",type:"button"}];s.prototype.onDrawBackground=function(c){this.frame&&!this.flags.collapsed&&c.drawImage(this.frame,
-0,0,this.size[0],this.size[1])};s.prototype.onExecute=function(){this.frame=this.getInputData(0);this.setDirtyCanvas(!0)};s.prototype.onWidget=function(c,e){if("resize"==e.name&&this.frame){var h=this.frame.width,k=this.frame.height;h||null==this.frame.videoWidth||(h=this.frame.videoWidth,k=this.frame.videoHeight);h&&k&&(this.size=[h,k]);this.setDirtyCanvas(!0,!0)}else"view"==e.name&&this.show()};s.prototype.show=function(){showElement&&this.frame&&showElement(this.frame)};e.registerNodeType("graphics/frame",
-s);t.title="Image fade";t.desc="Fades between images";t.widgets=[{name:"resizeA",text:"Resize to A",type:"button"},{name:"resizeB",text:"Resize to B",type:"button"}];t.prototype.onAdded=function(){this.createCanvas();var c=this.canvas.getContext("2d");c.fillStyle="#000";c.fillRect(0,0,this.properties.width,this.properties.height)};t.prototype.createCanvas=function(){this.canvas=document.createElement("canvas");this.canvas.width=this.properties.width;this.canvas.height=this.properties.height};t.prototype.onExecute=
-function(){var c=this.canvas.getContext("2d");this.canvas.width=this.canvas.width;var e=this.getInputData(0);null!=e&&c.drawImage(e,0,0,this.canvas.width,this.canvas.height);e=this.getInputData(2);null==e?e=this.properties.fade:this.properties.fade=e;c.globalAlpha=e;e=this.getInputData(1);null!=e&&c.drawImage(e,0,0,this.canvas.width,this.canvas.height);c.globalAlpha=1;this.setOutputData(0,this.canvas);this.setDirtyCanvas(!0)};e.registerNodeType("graphics/imagefade",t);h.title="Crop";h.desc="Crop Image";
+this.img):this.setOutputData(0,null);this.img&&this.img.dirty&&(this.img.dirty=!1)};k.prototype.onPropertyChanged=function(c,f){this.properties[c]=f;"url"==c&&""!=f&&this.loadImage(f);return!0};k.prototype.loadImage=function(c,h){if(""==c)this.img=null;else{this.img=document.createElement("img");"http"==c.substr(0,4)&&f.proxy&&(c=f.proxy+c.substr(c.indexOf(":")+3));this.img.src=c;this.boxcolor="#F95";var k=this;this.img.onload=function(){h&&h(this);console.log("Image loaded, size: "+k.img.width+"x"+
+k.img.height);this.dirty=!0;k.boxcolor="#9F9";k.setDirtyCanvas(!0)};this.img.onerror=function(){console.log("error loading the image:"+c)}}};k.prototype.onWidget=function(c,f){"load"==f.name&&this.loadImage(this.properties.url)};k.prototype.onDropFile=function(c){var f=this;this._url&&URL.revokeObjectURL(this._url);this._url=URL.createObjectURL(c);this.properties.url=this._url;this.loadImage(this._url,function(c){f.size[1]=c.height/c.width*f.size[0]})};f.registerNodeType("graphics/image",k);v.title=
+"Palette";v.desc="Generates a color";v.prototype.onExecute=function(){var c=[];null!=this.properties.colorA&&c.push(hex2num(this.properties.colorA));null!=this.properties.colorB&&c.push(hex2num(this.properties.colorB));null!=this.properties.colorC&&c.push(hex2num(this.properties.colorC));null!=this.properties.colorD&&c.push(hex2num(this.properties.colorD));var f=this.getInputData(0);null==f&&(f=0.5);1<f?f=1:0>f&&(f=0);if(0!=c.length){var h=[0,0,0];if(0==f)h=c[0];else if(1==f)h=c[c.length-1];else{var k=
+(c.length-1)*f,f=c[Math.floor(k)],c=c[Math.floor(k)+1],k=k-Math.floor(k);h[0]=f[0]*(1-k)+c[0]*k;h[1]=f[1]*(1-k)+c[1]*k;h[2]=f[2]*(1-k)+c[2]*k}for(f=0;f<h.length;f++)h[f]/=255;this.boxcolor=colorToString(h);this.setOutputData(0,h)}};f.registerNodeType("color/palette",v);r.title="Frame";r.desc="Frame viewerew";r.widgets=[{name:"resize",text:"Resize box",type:"button"},{name:"view",text:"View Image",type:"button"}];r.prototype.onDrawBackground=function(c){this.frame&&!this.flags.collapsed&&c.drawImage(this.frame,
+0,0,this.size[0],this.size[1])};r.prototype.onExecute=function(){this.frame=this.getInputData(0);this.setDirtyCanvas(!0)};r.prototype.onWidget=function(c,f){if("resize"==f.name&&this.frame){var h=this.frame.width,k=this.frame.height;h||null==this.frame.videoWidth||(h=this.frame.videoWidth,k=this.frame.videoHeight);h&&k&&(this.size=[h,k]);this.setDirtyCanvas(!0,!0)}else"view"==f.name&&this.show()};r.prototype.show=function(){showElement&&this.frame&&showElement(this.frame)};f.registerNodeType("graphics/frame",
+r);t.title="Image fade";t.desc="Fades between images";t.widgets=[{name:"resizeA",text:"Resize to A",type:"button"},{name:"resizeB",text:"Resize to B",type:"button"}];t.prototype.onAdded=function(){this.createCanvas();var c=this.canvas.getContext("2d");c.fillStyle="#000";c.fillRect(0,0,this.properties.width,this.properties.height)};t.prototype.createCanvas=function(){this.canvas=document.createElement("canvas");this.canvas.width=this.properties.width;this.canvas.height=this.properties.height};t.prototype.onExecute=
+function(){var c=this.canvas.getContext("2d");this.canvas.width=this.canvas.width;var f=this.getInputData(0);null!=f&&c.drawImage(f,0,0,this.canvas.width,this.canvas.height);f=this.getInputData(2);null==f?f=this.properties.fade:this.properties.fade=f;c.globalAlpha=f;f=this.getInputData(1);null!=f&&c.drawImage(f,0,0,this.canvas.width,this.canvas.height);c.globalAlpha=1;this.setOutputData(0,this.canvas);this.setDirtyCanvas(!0)};f.registerNodeType("graphics/imagefade",t);h.title="Crop";h.desc="Crop Image";
 h.prototype.onAdded=function(){this.createCanvas()};h.prototype.createCanvas=function(){this.canvas=document.createElement("canvas");this.canvas.width=this.properties.width;this.canvas.height=this.properties.height};h.prototype.onExecute=function(){var c=this.getInputData(0);c&&(c.width?(this.canvas.getContext("2d").drawImage(c,-this.properties.x,-this.properties.y,c.width*this.properties.scale,c.height*this.properties.scale),this.setOutputData(0,this.canvas)):this.setOutputData(0,null))};h.prototype.onDrawBackground=
-function(c){this.flags.collapsed||this.canvas&&c.drawImage(this.canvas,0,0,this.canvas.width,this.canvas.height,0,0,this.size[0],this.size[1])};h.prototype.onPropertyChanged=function(c,e){this.properties[c]=e;"scale"==c?(this.properties[c]=parseFloat(e),0==this.properties[c]&&(console.error("Error in scale"),this.properties[c]=1)):this.properties[c]=parseInt(e);this.createCanvas();return!0};e.registerNodeType("graphics/cropImage",h);C.title="Canvas";C.desc="Canvas to render stuff";C.prototype.onExecute=
-function(){var c=this.canvas,e=this.properties.width|0,h=this.properties.height|0;c.width!=e&&(c.width=e);c.height!=h&&(c.height=h);this.properties.autoclear&&this.ctx.clearRect(0,0,c.width,c.height);this.setOutputData(0,c)};C.prototype.onAction=function(c,e){"clear"==c&&this.ctx.clearRect(0,0,this.canvas.width,this.canvas.height)};e.registerNodeType("graphics/canvas",C);y.title="DrawImage";y.desc="Draws image into a canvas";y.prototype.onExecute=function(){var c=this.getInputData(0);if(c){var e=
-this.getInputOrProperty("img");if(e){var h=this.getInputOrProperty("x"),k=this.getInputOrProperty("y");c.getContext("2d").drawImage(e,h,k)}}};e.registerNodeType("graphics/drawImage",y);G.title="DrawRectangle";G.desc="Draws rectangle in canvas";G.prototype.onExecute=function(){var c=this.getInputData(0);if(c){var e=this.getInputOrProperty("x"),h=this.getInputOrProperty("y"),k=this.getInputOrProperty("w"),n=this.getInputOrProperty("h");c.getContext("2d").fillRect(e,h,k,n)}};e.registerNodeType("graphics/drawRectangle",
+function(c){this.flags.collapsed||this.canvas&&c.drawImage(this.canvas,0,0,this.canvas.width,this.canvas.height,0,0,this.size[0],this.size[1])};h.prototype.onPropertyChanged=function(c,f){this.properties[c]=f;"scale"==c?(this.properties[c]=parseFloat(f),0==this.properties[c]&&(console.error("Error in scale"),this.properties[c]=1)):this.properties[c]=parseInt(f);this.createCanvas();return!0};f.registerNodeType("graphics/cropImage",h);D.title="Canvas";D.desc="Canvas to render stuff";D.prototype.onExecute=
+function(){var c=this.canvas,f=this.properties.width|0,h=this.properties.height|0;c.width!=f&&(c.width=f);c.height!=h&&(c.height=h);this.properties.autoclear&&this.ctx.clearRect(0,0,c.width,c.height);this.setOutputData(0,c)};D.prototype.onAction=function(c,f){"clear"==c&&this.ctx.clearRect(0,0,this.canvas.width,this.canvas.height)};f.registerNodeType("graphics/canvas",D);z.title="DrawImage";z.desc="Draws image into a canvas";z.prototype.onExecute=function(){var c=this.getInputData(0);if(c){var f=
+this.getInputOrProperty("img");if(f){var h=this.getInputOrProperty("x"),k=this.getInputOrProperty("y");c.getContext("2d").drawImage(f,h,k)}}};f.registerNodeType("graphics/drawImage",z);G.title="DrawRectangle";G.desc="Draws rectangle in canvas";G.prototype.onExecute=function(){var c=this.getInputData(0);if(c){var f=this.getInputOrProperty("x"),h=this.getInputOrProperty("y"),k=this.getInputOrProperty("w"),s=this.getInputOrProperty("h");c.getContext("2d").fillRect(f,h,k,s)}};f.registerNodeType("graphics/drawRectangle",
 G);A.title="Video";A.desc="Video playback";A.widgets=[{name:"play",text:"PLAY",type:"minibutton"},{name:"stop",text:"STOP",type:"minibutton"},{name:"demo",text:"Demo video",type:"button"},{name:"mute",text:"Mute video",type:"button"}];A.prototype.onExecute=function(){if(this.properties.url&&(this.properties.url!=this._video_url&&this.loadVideo(this.properties.url),this._video&&0!=this._video.width)){var c=this.getInputData(0);c&&0<=c&&1>=c&&(this._video.currentTime=c*this._video.duration,this._video.pause());
-this._video.dirty=!0;this.setOutputData(0,this._video);this.setOutputData(1,this._video.currentTime);this.setOutputData(2,this._video.duration);this.setDirtyCanvas(!0)}};A.prototype.onStart=function(){this.play()};A.prototype.onStop=function(){this.stop()};A.prototype.loadVideo=function(c){this._video_url=c;var h=c.substr(0,10).indexOf(":"),k="";-1!=h&&(k=c.substr(0,h));h="";k&&(h=c.substr(0,c.indexOf("/",k.length+3)),h=h.substr(k.length+3));this.properties.use_proxy&&k&&e.proxy&&h!=location.host&&
-(c=e.proxy+c.substr(c.indexOf(":")+3));this._video=document.createElement("video");this._video.src=c;this._video.type="type=video/mp4";this._video.muted=!0;this._video.autoplay=!0;var s=this;this._video.addEventListener("loadedmetadata",function(c){console.log("Duration: "+this.duration+" seconds");console.log("Size: "+this.videoWidth+","+this.videoHeight);s.setDirtyCanvas(!0);this.width=this.videoWidth;this.height=this.videoHeight});this._video.addEventListener("progress",function(c){console.log("video loading...")});
+this._video.dirty=!0;this.setOutputData(0,this._video);this.setOutputData(1,this._video.currentTime);this.setOutputData(2,this._video.duration);this.setDirtyCanvas(!0)}};A.prototype.onStart=function(){this.play()};A.prototype.onStop=function(){this.stop()};A.prototype.loadVideo=function(c){this._video_url=c;var h=c.substr(0,10).indexOf(":"),k="";-1!=h&&(k=c.substr(0,h));h="";k&&(h=c.substr(0,c.indexOf("/",k.length+3)),h=h.substr(k.length+3));this.properties.use_proxy&&k&&f.proxy&&h!=location.host&&
+(c=f.proxy+c.substr(c.indexOf(":")+3));this._video=document.createElement("video");this._video.src=c;this._video.type="type=video/mp4";this._video.muted=!0;this._video.autoplay=!0;var r=this;this._video.addEventListener("loadedmetadata",function(c){console.log("Duration: "+this.duration+" seconds");console.log("Size: "+this.videoWidth+","+this.videoHeight);r.setDirtyCanvas(!0);this.width=this.videoWidth;this.height=this.videoHeight});this._video.addEventListener("progress",function(c){console.log("video loading...")});
 this._video.addEventListener("error",function(c){console.error("Error loading video: "+this.src);if(this.error)switch(this.error.code){case this.error.MEDIA_ERR_ABORTED:console.error("You stopped the video.");break;case this.error.MEDIA_ERR_NETWORK:console.error("Network error - please try again later.");break;case this.error.MEDIA_ERR_DECODE:console.error("Video is broken..");break;case this.error.MEDIA_ERR_SRC_NOT_SUPPORTED:console.error("Sorry, your browser can't play this video.")}});this._video.addEventListener("ended",
-function(c){console.log("Video Ended.");this.play()})};A.prototype.onPropertyChanged=function(c,e){this.properties[c]=e;"url"==c&&""!=e&&this.loadVideo(e);return!0};A.prototype.play=function(){this._video&&this._video.videoWidth&&this._video.play()};A.prototype.playPause=function(){this._video&&(this._video.paused?this.play():this.pause())};A.prototype.stop=function(){this._video&&(this._video.pause(),this._video.currentTime=0)};A.prototype.pause=function(){this._video&&(console.log("Video paused"),
-this._video.pause())};A.prototype.onWidget=function(c,e){};e.registerNodeType("graphics/video",A);D.title="Webcam";D.desc="Webcam image";D.is_webcam_open=!1;D.prototype.openStream=function(){function c(h){console.log("Webcam rejected",h);e._webcam_stream=!1;D.is_webcam_open=!1;e.boxcolor="red";e.trigger("stream_error")}if(navigator.getUserMedia){this._waiting_confirmation=!0;navigator.mediaDevices.getUserMedia({audio:!1,video:{facingMode:this.properties.facingMode}}).then(this.streamReady.bind(this))["catch"](c);
-var e=this}};D.prototype.closeStream=function(){if(this._webcam_stream){var c=this._webcam_stream.getTracks();if(c.length)for(var e=0;e<c.length;++e)c[e].stop();D.is_webcam_open=!1;this._video=this._webcam_stream=null;this.boxcolor="black";this.trigger("stream_closed")}};D.prototype.onPropertyChanged=function(c,e){"facingMode"==c&&(this.properties.facingMode=e,this.closeStream(),this.openStream())};D.prototype.onRemoved=function(){this.closeStream()};D.prototype.streamReady=function(c){this._webcam_stream=
-c;this.boxcolor="green";var e=this._video;e||(e=document.createElement("video"),e.autoplay=!0,e.srcObject=c,this._video=e,e.onloadedmetadata=function(c){console.log(c);D.is_webcam_open=!0});this.trigger("stream_ready",e)};D.prototype.onExecute=function(){null!=this._webcam_stream||this._waiting_confirmation||this.openStream();if(this._video&&this._video.videoWidth){this._video.frame=++this.frame;this._video.width=this._video.videoWidth;this._video.height=this._video.videoHeight;this.setOutputData(0,
-this._video);for(var c=1;c<this.outputs.length;++c)if(this.outputs[c])switch(this.outputs[c].name){case "width":this.setOutputData(c,this._video.videoWidth);break;case "height":this.setOutputData(c,this._video.videoHeight)}}};D.prototype.getExtraMenuOptions=function(c){var e=this;return[{content:e.properties.show?"Hide Frame":"Show Frame",callback:function(){e.properties.show=!e.properties.show}}]};D.prototype.onDrawBackground=function(c){this.flags.collapsed||20>=this.size[1]||!this.properties.show||
-!this._video||(c.save(),c.drawImage(this._video,0,0,this.size[0],this.size[1]),c.restore())};D.prototype.onGetOutputs=function(){return[["width","number"],["height","number"],["stream_ready",e.EVENT],["stream_closed",e.EVENT],["stream_error",e.EVENT]]};e.registerNodeType("graphics/webcam",D)})(this);
-(function(B){function c(){this.addOutput("tex","Texture");this.addOutput("name","string");this.properties={name:"",filter:!0};this.size=[c.image_preview_size,c.image_preview_size]}function k(){this.addInput("Texture","Texture");this.properties={flipY:!1};this.size=[c.image_preview_size,c.image_preview_size]}function u(){this.addInput("Texture","Texture");this.addOutput("tex","Texture");this.addOutput("name","string");this.properties={name:"",generate_mipmaps:!1}}function s(){this.addInput("Texture",
+function(c){console.log("Video Ended.");this.play()})};A.prototype.onPropertyChanged=function(c,f){this.properties[c]=f;"url"==c&&""!=f&&this.loadVideo(f);return!0};A.prototype.play=function(){this._video&&this._video.videoWidth&&this._video.play()};A.prototype.playPause=function(){this._video&&(this._video.paused?this.play():this.pause())};A.prototype.stop=function(){this._video&&(this._video.pause(),this._video.currentTime=0)};A.prototype.pause=function(){this._video&&(console.log("Video paused"),
+this._video.pause())};A.prototype.onWidget=function(c,f){};f.registerNodeType("graphics/video",A);E.title="Webcam";E.desc="Webcam image";E.is_webcam_open=!1;E.prototype.openStream=function(){function c(h){console.log("Webcam rejected",h);f._webcam_stream=!1;E.is_webcam_open=!1;f.boxcolor="red";f.trigger("stream_error")}if(navigator.getUserMedia){this._waiting_confirmation=!0;navigator.mediaDevices.getUserMedia({audio:!1,video:{facingMode:this.properties.facingMode}}).then(this.streamReady.bind(this))["catch"](c);
+var f=this}};E.prototype.closeStream=function(){if(this._webcam_stream){var c=this._webcam_stream.getTracks();if(c.length)for(var f=0;f<c.length;++f)c[f].stop();E.is_webcam_open=!1;this._video=this._webcam_stream=null;this.boxcolor="black";this.trigger("stream_closed")}};E.prototype.onPropertyChanged=function(c,f){"facingMode"==c&&(this.properties.facingMode=f,this.closeStream(),this.openStream())};E.prototype.onRemoved=function(){this.closeStream()};E.prototype.streamReady=function(c){this._webcam_stream=
+c;this.boxcolor="green";var f=this._video;f||(f=document.createElement("video"),f.autoplay=!0,f.srcObject=c,this._video=f,f.onloadedmetadata=function(c){console.log(c);E.is_webcam_open=!0});this.trigger("stream_ready",f)};E.prototype.onExecute=function(){null!=this._webcam_stream||this._waiting_confirmation||this.openStream();if(this._video&&this._video.videoWidth){this._video.frame=++this.frame;this._video.width=this._video.videoWidth;this._video.height=this._video.videoHeight;this.setOutputData(0,
+this._video);for(var c=1;c<this.outputs.length;++c)if(this.outputs[c])switch(this.outputs[c].name){case "width":this.setOutputData(c,this._video.videoWidth);break;case "height":this.setOutputData(c,this._video.videoHeight)}}};E.prototype.getExtraMenuOptions=function(c){var f=this;return[{content:f.properties.show?"Hide Frame":"Show Frame",callback:function(){f.properties.show=!f.properties.show}}]};E.prototype.onDrawBackground=function(c){this.flags.collapsed||20>=this.size[1]||!this.properties.show||
+!this._video||(c.save(),c.drawImage(this._video,0,0,this.size[0],this.size[1]),c.restore())};E.prototype.onGetOutputs=function(){return[["width","number"],["height","number"],["stream_ready",f.EVENT],["stream_closed",f.EVENT],["stream_error",f.EVENT]]};f.registerNodeType("graphics/webcam",E)})(this);
+(function(B){function c(){this.addOutput("tex","Texture");this.addOutput("name","string");this.properties={name:"",filter:!0};this.size=[c.image_preview_size,c.image_preview_size]}function k(){this.addInput("Texture","Texture");this.properties={flipY:!1};this.size=[c.image_preview_size,c.image_preview_size]}function v(){this.addInput("Texture","Texture");this.addOutput("tex","Texture");this.addOutput("name","string");this.properties={name:"",generate_mipmaps:!1}}function r(){this.addInput("Texture",
 "Texture");this.addInput("TextureB","Texture");this.addInput("value","number");this.addOutput("Texture","Texture");this.help="<p>pixelcode must be vec3, uvcode must be vec2, is optional</p>\t\t<p><strong>uv:</strong> tex. coords</p><p><strong>color:</strong> texture <strong>colorB:</strong> textureB</p><p><strong>time:</strong> scene time <strong>value:</strong> input value</p><p>For multiline you must type: result = ...</p>";this.properties={value:1,pixelcode:"color + colorB * value",uvcode:"",precision:c.DEFAULT};
 this.has_error=!1}function t(){this.addOutput("out","Texture");this.properties={code:"",u_value:1,u_color:[1,1,1,1],width:512,height:512,precision:c.DEFAULT};this.properties.code=t.pixel_shader;this._uniforms={u_value:1,u_color:vec4.create(),in_texture:0,texSize:vec4.create(),time:0}}function h(){this.addInput("in","Texture");this.addInput("scale","vec2");this.addInput("offset","vec2");this.addOutput("out","Texture");this.properties={offset:vec2.fromValues(0,0),scale:vec2.fromValues(1,1),precision:c.DEFAULT}}
-function C(){this.addInput("in","Texture");this.addInput("warp","Texture");this.addInput("factor","number");this.addOutput("out","Texture");this.properties={factor:0.01,scale:[1,1],offset:[0,0],precision:c.DEFAULT};this._uniforms={u_texture:0,u_textureB:1,u_factor:1,u_scale:vec2.create(),u_offset:vec2.create()}}function y(){this.addInput("Texture","Texture");this.properties={additive:!1,antialiasing:!1,filter:!0,disable_alpha:!1,gamma:1,viewport:[0,0,1,1]};this.size[0]=130}function G(){this.addInput("Texture",
-"Texture");this.addOutput("","Texture");this.properties={size:0,generate_mipmaps:!1,precision:c.DEFAULT}}function A(){this.addInput("Texture","Texture");this.addOutput("","Texture");this.properties={iterations:1,generate_mipmaps:!1,precision:c.DEFAULT}}function D(){this.addInput("Texture","Texture");this.addOutput("","Texture");this.properties={size:[512,512],generate_mipmaps:!1,precision:c.DEFAULT}}function e(){this.addInput("Texture","Texture");this.addOutput("tex","Texture");this.addOutput("avg",
-"vec4");this.addOutput("lum","number");this.properties={use_previous_frame:!0,high_quality:!1};this._uniforms={u_texture:0,u_mipmap_offset:0};this._luminance=new Float32Array(4)}function q(){this.addInput("Texture","Texture");this.addOutput("min_t","Texture");this.addOutput("max_t","Texture");this.addOutput("min","vec4");this.addOutput("max","vec4");this.properties={mode:"max",use_previous_frame:!0};this._uniforms={u_texture:0};this._max=new Float32Array(4);this._min=new Float32Array(4);this._textures_chain=
-[]}function H(){this.addInput("in","Texture");this.addInput("factor","Number");this.addOutput("out","Texture");this.properties={factor:0.5};this._uniforms={u_texture:0,u_textureB:1,u_factor:this.properties.factor}}function w(){this.addInput("in","Texture");this.addOutput("avg","Texture");this.addOutput("array","Texture");this.properties={samples:64,frames_interval:1};this._uniforms={u_texture:0,u_textureB:1,u_samples:this.properties.samples,u_isamples:1/this.properties.samples};this.frame=0}function L(){this.addInput("Image",
-"image");this.addOutput("","Texture");this.properties={}}function n(){this.addInput("Texture","Texture");this.addInput("LUT","Texture");this.addInput("Intensity","number");this.addOutput("","Texture");this.properties={enabled:!0,intensity:1,precision:c.DEFAULT,texture:null};n._shader||(n._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,n.pixel_shader))}function v(){this.addInput("Texture","Texture");this.addInput("Atlas","Texture");this.addOutput("","Texture");this.properties={enabled:!0,num_row_symbols:4,
-symbol_size:16,brightness:1,colorize:!1,filter:!1,invert:!1,precision:c.DEFAULT,generate_mipmaps:!1,texture:null};v._shader||(v._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,v.pixel_shader));this._uniforms={u_texture:0,u_textureB:1,u_row_simbols:4,u_simbol_size:16,u_res:vec2.create()}}function l(){this.addInput("Texture","Texture");this.addOutput("R","Texture");this.addOutput("G","Texture");this.addOutput("B","Texture");this.addOutput("A","Texture");l._shader||(l._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,
+function D(){this.addInput("in","Texture");this.addInput("warp","Texture");this.addInput("factor","number");this.addOutput("out","Texture");this.properties={factor:0.01,scale:[1,1],offset:[0,0],precision:c.DEFAULT};this._uniforms={u_texture:0,u_textureB:1,u_factor:1,u_scale:vec2.create(),u_offset:vec2.create()}}function z(){this.addInput("Texture","Texture");this.properties={additive:!1,antialiasing:!1,filter:!0,disable_alpha:!1,gamma:1,viewport:[0,0,1,1]};this.size[0]=130}function G(){this.addInput("Texture",
+"Texture");this.addOutput("","Texture");this.properties={size:0,generate_mipmaps:!1,precision:c.DEFAULT}}function A(){this.addInput("Texture","Texture");this.addOutput("","Texture");this.properties={iterations:1,generate_mipmaps:!1,precision:c.DEFAULT}}function E(){this.addInput("Texture","Texture");this.addOutput("","Texture");this.properties={size:[512,512],generate_mipmaps:!1,precision:c.DEFAULT}}function f(){this.addInput("Texture","Texture");this.addOutput("tex","Texture");this.addOutput("avg",
+"vec4");this.addOutput("lum","number");this.properties={use_previous_frame:!0,high_quality:!1};this._uniforms={u_texture:0,u_mipmap_offset:0};this._luminance=new Float32Array(4)}function n(){this.addInput("Texture","Texture");this.addOutput("min_t","Texture");this.addOutput("max_t","Texture");this.addOutput("min","vec4");this.addOutput("max","vec4");this.properties={mode:"max",use_previous_frame:!0};this._uniforms={u_texture:0};this._max=new Float32Array(4);this._min=new Float32Array(4);this._textures_chain=
+[]}function I(){this.addInput("in","Texture");this.addInput("factor","Number");this.addOutput("out","Texture");this.properties={factor:0.5};this._uniforms={u_texture:0,u_textureB:1,u_factor:this.properties.factor}}function x(){this.addInput("in","Texture");this.addOutput("avg","Texture");this.addOutput("array","Texture");this.properties={samples:64,frames_interval:1};this._uniforms={u_texture:0,u_textureB:1,u_samples:this.properties.samples,u_isamples:1/this.properties.samples};this.frame=0}function L(){this.addInput("Image",
+"image");this.addOutput("","Texture");this.properties={}}function s(){this.addInput("Texture","Texture");this.addInput("LUT","Texture");this.addInput("Intensity","number");this.addOutput("","Texture");this.properties={enabled:!0,intensity:1,precision:c.DEFAULT,texture:null};s._shader||(s._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,s.pixel_shader))}function w(){this.addInput("Texture","Texture");this.addInput("Atlas","Texture");this.addOutput("","Texture");this.properties={enabled:!0,num_row_symbols:4,
+symbol_size:16,brightness:1,colorize:!1,filter:!1,invert:!1,precision:c.DEFAULT,generate_mipmaps:!1,texture:null};w._shader||(w._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,w.pixel_shader));this._uniforms={u_texture:0,u_textureB:1,u_row_simbols:4,u_simbol_size:16,u_res:vec2.create()}}function l(){this.addInput("Texture","Texture");this.addOutput("R","Texture");this.addOutput("G","Texture");this.addOutput("B","Texture");this.addOutput("A","Texture");l._shader||(l._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,
 l.pixel_shader))}function a(){this.addInput("R","Texture");this.addInput("G","Texture");this.addInput("B","Texture");this.addInput("A","Texture");this.addOutput("Texture","Texture");this.properties={precision:c.DEFAULT,R:1,G:1,B:1,A:1};this._color=vec4.create();this._uniforms={u_textureR:0,u_textureG:1,u_textureB:2,u_textureA:3,u_color:this._color}}function b(){this.addOutput("Texture","Texture");this._tex_color=vec4.create();this.properties={color:vec4.create(),precision:c.DEFAULT}}function d(){this.addInput("A",
 "color");this.addInput("B","color");this.addOutput("Texture","Texture");this.properties={angle:0,scale:1,A:[0,0,0],B:[1,1,1],texture_size:32};d._shader||(d._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,d.pixel_shader));this._uniforms={u_angle:0,u_colorA:vec3.create(),u_colorB:vec3.create()}}function g(){this.addInput("A","Texture");this.addInput("B","Texture");this.addInput("Mixer","Texture");this.addOutput("Texture","Texture");this.properties={factor:0.5,size_from_biggest:!0,invert:!1,precision:c.DEFAULT};
-this._uniforms={u_textureA:0,u_textureB:1,u_textureMix:2,u_mix:vec4.create()}}function f(){this.addInput("Tex.","Texture");this.addOutput("Edges","Texture");this.properties={invert:!0,threshold:!1,factor:1,precision:c.DEFAULT};f._shader||(f._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,f.pixel_shader))}function E(){this.addInput("Texture","Texture");this.addInput("Distance","number");this.addInput("Range","number");this.addOutput("Texture","Texture");this.properties={distance:100,range:50,only_depth:!1,
-high_precision:!1};this._uniforms={u_texture:0,u_distance:100,u_range:50,u_camera_planes:null}}function m(){this.addInput("Texture","Texture");this.addOutput("Texture","Texture");this.properties={precision:c.DEFAULT,invert:!1};this._uniforms={u_texture:0,u_camera_planes:null,u_ires:vec2.create()}}function r(){this.addInput("Texture","Texture");this.addInput("Iterations","number");this.addInput("Intensity","number");this.addOutput("Blurred","Texture");this.properties={intensity:1,iterations:1,preserve_aspect:!1,
-scale:[1,1],precision:c.DEFAULT}}function x(){this.intensity=0.5;this.persistence=0.6;this.iterations=8;this.threshold=0.8;this.scale=1;this.dirt_texture=null;this.dirt_factor=0.5;this._textures=[];this._uniforms={u_intensity:1,u_texture:0,u_glow_texture:1,u_threshold:0,u_texel_size:vec2.create()}}function N(){this.addInput("in","Texture");this.addInput("dirt","Texture");this.addOutput("out","Texture");this.addOutput("glow","Texture");this.properties={enabled:!0,intensity:1,persistence:0.99,iterations:16,
-threshold:0,scale:1,dirt_factor:0.5,precision:c.DEFAULT};this.fx=new x}function M(){this.addInput("Texture","Texture");this.addOutput("Filtered","Texture");this.properties={intensity:1,radius:5}}function z(){this.addInput("Texture","Texture");this.addOutput("Filtered","Texture");this.properties={sigma:1.4,k:1.6,p:21.7,epsilon:79,phi:0.017}}function F(){this.addOutput("Webcam","Texture");this.properties={texture_name:"",facingMode:"user"};this.boxcolor="black";this.version=0}function O(){this.addInput("in",
-"Texture");this.addInput("f","number");this.addOutput("out","Texture");this.properties={enabled:!0,factor:1,precision:c.LOW};this._uniforms={u_texture:0,u_factor:1}}function J(){this.addInput("in","");this.properties={precision:c.LOW,width:0,height:0,channels:1};this.addOutput("out","Texture")}function I(){this.addInput("in","Texture");this.addOutput("out","Texture");this.properties={precision:c.LOW,split_channels:!1};this._values=new Uint8Array(1024);this._values.fill(255);this._curve_texture=null;
+this._uniforms={u_textureA:0,u_textureB:1,u_textureMix:2,u_mix:vec4.create()}}function e(){this.addInput("Tex.","Texture");this.addOutput("Edges","Texture");this.properties={invert:!0,threshold:!1,factor:1,precision:c.DEFAULT};e._shader||(e._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,e.pixel_shader))}function y(){this.addInput("Texture","Texture");this.addInput("Distance","number");this.addInput("Range","number");this.addOutput("Texture","Texture");this.properties={distance:100,range:50,only_depth:!1,
+high_precision:!1};this._uniforms={u_texture:0,u_distance:100,u_range:50,u_camera_planes:null}}function m(){this.addInput("Texture","Texture");this.addOutput("Texture","Texture");this.properties={precision:c.DEFAULT,invert:!1};this._uniforms={u_texture:0,u_camera_planes:null,u_ires:vec2.create()}}function q(){this.addInput("Texture","Texture");this.addInput("Iterations","number");this.addInput("Intensity","number");this.addOutput("Blurred","Texture");this.properties={intensity:1,iterations:1,preserve_aspect:!1,
+scale:[1,1],precision:c.DEFAULT}}function C(){this.intensity=0.5;this.persistence=0.6;this.iterations=8;this.threshold=0.8;this.scale=1;this.dirt_texture=null;this.dirt_factor=0.5;this._textures=[];this._uniforms={u_intensity:1,u_texture:0,u_glow_texture:1,u_threshold:0,u_texel_size:vec2.create()}}function N(){this.addInput("in","Texture");this.addInput("dirt","Texture");this.addOutput("out","Texture");this.addOutput("glow","Texture");this.properties={enabled:!0,intensity:1,persistence:0.99,iterations:16,
+threshold:0,scale:1,dirt_factor:0.5,precision:c.DEFAULT};this.fx=new C}function M(){this.addInput("Texture","Texture");this.addOutput("Filtered","Texture");this.properties={intensity:1,radius:5}}function u(){this.addInput("Texture","Texture");this.addOutput("Filtered","Texture");this.properties={sigma:1.4,k:1.6,p:21.7,epsilon:79,phi:0.017}}function F(){this.addOutput("Webcam","Texture");this.properties={texture_name:"",facingMode:"user"};this.boxcolor="black";this.version=0}function O(){this.addInput("in",
+"Texture");this.addInput("f","number");this.addOutput("out","Texture");this.properties={enabled:!0,factor:1,precision:c.LOW};this._uniforms={u_texture:0,u_factor:1}}function J(){this.addInput("in","");this.properties={precision:c.LOW,width:0,height:0,channels:1};this.addOutput("out","Texture")}function H(){this.addInput("in","Texture");this.addOutput("out","Texture");this.properties={precision:c.LOW,split_channels:!1};this._values=new Uint8Array(1024);this._values.fill(255);this._curve_texture=null;
 this._uniforms={u_texture:0,u_curve:1,u_range:1};this._must_update=!0;this._points={RGB:[[0,0],[1,1]],R:[[0,0],[1,1]],G:[[0,0],[1,1]],B:[[0,0],[1,1]]};this.curve_editor=null;this.addWidget("toggle","Split Channels",!1,"split_channels");this.addWidget("combo","Channel","RGB",{values:["RGB","R","G","B"]});this.curve_offset=68;this.size=[240,160]}function S(){this.addInput("in","Texture");this.addInput("exp","number");this.addOutput("out","Texture");this.properties={exposition:1,precision:c.LOW};this._uniforms=
 {u_texture:0,u_exposition:1}}function P(){this.addInput("in","Texture");this.addInput("avg","number,Texture");this.addOutput("out","Texture");this.properties={enabled:!0,scale:1,gamma:1,average_lum:1,lum_white:1,precision:c.LOW};this._uniforms={u_texture:0,u_lumwhite2:1,u_igamma:1,u_scale:1,u_average_lum:1}}function R(){this.addOutput("out","Texture");this.properties={width:512,height:512,seed:0,persistence:0.1,octaves:8,scale:1,offset:[0,0],amplitude:1,precision:c.DEFAULT};this._key=0;this._texture=
 null;this._uniforms={u_persistence:0.1,u_seed:0,u_offset:vec2.create(),u_scale:1,u_viewport:vec2.create()}}function Q(){this.addInput("v");this.addOutput("out","Texture");this.properties={code:Q.default_code,width:512,height:512,clear:!0,precision:c.DEFAULT,use_html_canvas:!1};this._temp_texture=this._func=null;this.compileCode()}function T(){this.addInput("in","Texture");this.addOutput("out","Texture");this.properties={key_color:vec3.fromValues(0,1,0),threshold:0.8,slope:0.2,precision:c.DEFAULT}}
 function U(){this.addInput("in","texture");this.addInput("yaw","number");this.addOutput("out","texture");this.properties={yaw:0}}var K=B.LiteGraph,V=B.LGraphCanvas;B.LGraphTexture=null;"undefined"!=typeof GL&&(V.link_type_colors.Texture="#987",B.LGraphTexture=c,c.title="Texture",c.desc="Texture",c.widgets_info={name:{widget:"texture"},filter:{widget:"checkbox"}},c.loadTextureCallback=null,c.image_preview_size=256,c.UNDEFINED=0,c.PASS_THROUGH=1,c.COPY=2,c.LOW=3,c.HIGH=4,c.REUSE=5,c.DEFAULT=2,c.MODE_VALUES=
 {undefined:c.UNDEFINED,"pass through":c.PASS_THROUGH,copy:c.COPY,low:c.LOW,high:c.HIGH,reuse:c.REUSE,"default":c.DEFAULT},c.getTexturesContainer=function(){return gl.textures},c.loadTexture=function(a,b){b=b||{};var d=a;"http://"==d.substr(0,7)&&K.proxy&&(d=K.proxy+d.substr(7));return c.getTexturesContainer()[a]=GL.Texture.fromURL(d,b)},c.getTexture=function(a){var b=this.getTexturesContainer();if(!b)throw"Cannot load texture, container of textures not found";b=b[a];return!b&&a&&":"!=a[0]?this.loadTexture(a):
-b},c.getTargetTexture=function(a,b,d){if(!a)throw"LGraphTexture.getTargetTexture expects a reference texture";var g=null;switch(d){case c.LOW:g=gl.UNSIGNED_BYTE;break;case c.HIGH:g=gl.HIGH_PRECISION_FORMAT;break;case c.REUSE:return a;default:g=a?a.type:gl.UNSIGNED_BYTE}b&&b.width==a.width&&b.height==a.height&&b.type==g&&b.format==a.format||(b=new GL.Texture(a.width,a.height,{type:g,format:a.format,filter:gl.LINEAR}));return b},c.getTextureType=function(a,b){var d=b?b.type:gl.UNSIGNED_BYTE;switch(a){case c.HIGH:d=
+b},c.getTargetTexture=function(a,b,d){if(!a)throw"LGraphTexture.getTargetTexture expects a reference texture";var e=null;switch(d){case c.LOW:e=gl.UNSIGNED_BYTE;break;case c.HIGH:e=gl.HIGH_PRECISION_FORMAT;break;case c.REUSE:return a;default:e=a?a.type:gl.UNSIGNED_BYTE}b&&b.width==a.width&&b.height==a.height&&b.type==e&&b.format==a.format||(b=new GL.Texture(a.width,a.height,{type:e,format:a.format,filter:gl.LINEAR}));return b},c.getTextureType=function(a,b){var d=b?b.type:gl.UNSIGNED_BYTE;switch(a){case c.HIGH:d=
 gl.HIGH_PRECISION_FORMAT;break;case c.LOW:d=gl.UNSIGNED_BYTE}return d},c.getWhiteTexture=function(){return this._white_texture?this._white_texture:this._white_texture=GL.Texture.fromMemory(1,1,[255,255,255,255],{format:gl.RGBA,wrap:gl.REPEAT,filter:gl.NEAREST})},c.getNoiseTexture=function(){if(this._noise_texture)return this._noise_texture;for(var a=new Uint8Array(1048576),b=0;1048576>b;++b)a[b]=255*Math.random();return this._noise_texture=a=GL.Texture.fromMemory(512,512,a,{format:gl.RGBA,wrap:gl.REPEAT,
 filter:gl.NEAREST})},c.prototype.onDropFile=function(a,b,d){if(a){var c=null;"string"==typeof a?c=GL.Texture.fromURL(a):-1!=b.toLowerCase().indexOf(".dds")?c=GL.Texture.fromDDSInMemory(a):(a=new Blob([d]),a=URL.createObjectURL(a),c=GL.Texture.fromURL(a));this._drop_texture=c;this.properties.name=b}else this._drop_texture=null,this.properties.name=""},c.prototype.getExtraMenuOptions=function(a){var b=this;if(this._drop_texture)return[{content:"Clear",callback:function(){b._drop_texture=null;b.properties.name=
-""}}]},c.prototype.onExecute=function(){var a=null;this.isOutputConnected(1)&&(a=this.getInputData(0));!a&&this._drop_texture&&(a=this._drop_texture);!a&&this.properties.name&&(a=c.getTexture(this.properties.name));if(a){this._last_tex=a;!1===this.properties.filter?a.setParameter(gl.TEXTURE_MAG_FILTER,gl.NEAREST):a.setParameter(gl.TEXTURE_MAG_FILTER,gl.LINEAR);this.setOutputData(0,a);this.setOutputData(1,a.fullpath||a.filename);for(var b=2;b<this.outputs.length;b++){var d=this.outputs[b];if(d){var g=
-null;"width"==d.name?g=a.width:"height"==d.name?g=a.height:"aspect"==d.name&&(g=a.width/a.height);this.setOutputData(b,g)}}}else this.setOutputData(0,null),this.setOutputData(1,"")},c.prototype.onResourceRenamed=function(a,b){this.properties.name==a&&(this.properties.name=b)},c.prototype.onDrawBackground=function(a){if(!(this.flags.collapsed||20>=this.size[1]))if(this._drop_texture&&a.webgl)a.drawImage(this._drop_texture,0,0,this.size[0],this.size[1]);else{if(this._last_preview_tex!=this._last_tex)if(a.webgl)this._canvas=
+""}}]},c.prototype.onExecute=function(){var a=null;this.isOutputConnected(1)&&(a=this.getInputData(0));!a&&this._drop_texture&&(a=this._drop_texture);!a&&this.properties.name&&(a=c.getTexture(this.properties.name));if(a){this._last_tex=a;!1===this.properties.filter?a.setParameter(gl.TEXTURE_MAG_FILTER,gl.NEAREST):a.setParameter(gl.TEXTURE_MAG_FILTER,gl.LINEAR);this.setOutputData(0,a);this.setOutputData(1,a.fullpath||a.filename);for(var b=2;b<this.outputs.length;b++){var d=this.outputs[b];if(d){var e=
+null;"width"==d.name?e=a.width:"height"==d.name?e=a.height:"aspect"==d.name&&(e=a.width/a.height);this.setOutputData(b,e)}}}else this.setOutputData(0,null),this.setOutputData(1,"")},c.prototype.onResourceRenamed=function(a,b){this.properties.name==a&&(this.properties.name=b)},c.prototype.onDrawBackground=function(a){if(!(this.flags.collapsed||20>=this.size[1]))if(this._drop_texture&&a.webgl)a.drawImage(this._drop_texture,0,0,this.size[0],this.size[1]);else{if(this._last_preview_tex!=this._last_tex)if(a.webgl)this._canvas=
 this._last_tex;else{var b=c.generateLowResTexturePreview(this._last_tex);if(!b)return;this._last_preview_tex=this._last_tex;this._canvas=cloneCanvas(b)}this._canvas&&(a.save(),a.webgl||(a.translate(0,this.size[1]),a.scale(1,-1)),a.drawImage(this._canvas,0,0,this.size[0],this.size[1]),a.restore())}},c.generateLowResTexturePreview=function(a){if(!a)return null;var b=c.image_preview_size,d=a;if(a.format==gl.DEPTH_COMPONENT)return null;if(a.width>b||a.height>b)d=this._preview_temp_tex,this._preview_temp_tex||
 (this._preview_temp_tex=d=new GL.Texture(b,b,{minFilter:gl.NEAREST})),a.copyTo(d);a=this._preview_canvas;a||(this._preview_canvas=a=createCanvas(b,b));d&&d.toCanvas(a);return a},c.prototype.getResources=function(a){this.properties.name&&(a[this.properties.name]=GL.Texture);return a},c.prototype.onGetInputs=function(){return[["in","Texture"]]},c.prototype.onGetOutputs=function(){return[["width","number"],["height","number"],["aspect","number"]]},c.replaceCode=function(a,b){return a.replace(/\{\{[a-zA-Z0-9_]*\}\}/g,
 function(a){a=a.replace(/[\{\}]/g,"");return b[a]||""})},K.registerNodeType("texture/texture",c),k.title="Preview",k.desc="Show a texture in the graph canvas",k.allow_preview=!1,k.prototype.onDrawBackground=function(a){if(!this.flags.collapsed&&(a.webgl||k.allow_preview)){var b=this.getInputData(0);if(b){var d=null,d=!b.handle&&a.webgl?b:c.generateLowResTexturePreview(b);a.save();this.properties.flipY&&(a.translate(0,this.size[1]),a.scale(1,-1));a.drawImage(d,0,0,this.size[0],this.size[1]);a.restore()}}},
-K.registerNodeType("texture/preview",k),u.title="Save",u.desc="Save a texture in the repository",u.prototype.getPreviewTexture=function(){return this._texture},u.prototype.onExecute=function(){var a=this.getInputData(0);a&&(this.properties.generate_mipmaps&&(a.bind(0),a.setParameter(gl.TEXTURE_MIN_FILTER,gl.LINEAR_MIPMAP_LINEAR),gl.generateMipmap(a.texture_type),a.unbind(0)),this.properties.name&&(c.storeTexture?c.storeTexture(this.properties.name,a):c.getTexturesContainer()[this.properties.name]=
-a),this._texture=a,this.setOutputData(0,a),this.setOutputData(1,this.properties.name))},K.registerNodeType("texture/save",u),s.widgets_info={uvcode:{widget:"code"},pixelcode:{widget:"code"},precision:{widget:"combo",values:c.MODE_VALUES}},s.title="Operation",s.desc="Texture shader operation",s.presets={},s.prototype.getExtraMenuOptions=function(a){var b=this;return[{content:b.properties.show?"Hide Texture":"Show Texture",callback:function(){b.properties.show=!b.properties.show}}]},s.prototype.onPropertyChanged=
-function(){this.has_error=!1},s.prototype.onDrawBackground=function(a){this.flags.collapsed||20>=this.size[1]||!this.properties.show||!this._tex||this._tex.gl!=a||(a.save(),a.drawImage(this._tex,0,0,this.size[0],this.size[1]),a.restore())},s.prototype.onExecute=function(){var a=this.getInputData(0);if(this.isOutputConnected(0))if(this.properties.precision===c.PASS_THROUGH)this.setOutputData(0,a);else{var b=this.getInputData(1);if(this.properties.uvcode||this.properties.pixelcode){var d=512,g=512;
-a?(d=a.width,g=a.height):b&&(d=b.width,g=b.height);b||(b=GL.Texture.getWhiteTexture());var f=c.getTextureType(this.properties.precision,a);this._tex=a||this._tex?c.getTargetTexture(a||this._tex,this._tex,this.properties.precision):new GL.Texture(d,g,{type:f,format:gl.RGBA,filter:gl.LINEAR});f="";this.properties.uvcode&&(f="uv = "+this.properties.uvcode,-1!=this.properties.uvcode.indexOf(";")&&(f=this.properties.uvcode));var e="";this.properties.pixelcode&&(e="result = "+this.properties.pixelcode,
--1!=this.properties.pixelcode.indexOf(";")&&(e=this.properties.pixelcode));var l=this._shader;if(!(this.has_error||l&&this._shader_code==f+"|"+e)){var h=c.replaceCode(s.pixel_shader,{UV_CODE:f,PIXEL_CODE:e});try{l=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,h),this.boxcolor="#00FF00"}catch(m){GL.Shader.dumpErrorToConsole(m,Shader.SCREEN_VERTEX_SHADER,h);this.boxcolor="#FF0000";this.has_error=!0;return}this._shader=l;this._shader_code=f+"|"+e}if(this._shader){var n=this.getInputData(2);null!=n?this.properties.value=
-n:n=parseFloat(this.properties.value);var k=this.graph.getTime();this._tex.drawTo(function(){gl.disable(gl.DEPTH_TEST);gl.disable(gl.CULL_FACE);gl.disable(gl.BLEND);a&&a.bind(0);b&&b.bind(1);var c=Mesh.getScreenQuad();l.uniforms({u_texture:0,u_textureB:1,value:n,texSize:[d,g,1/d,1/g],time:k}).draw(c)});this.setOutputData(0,this._tex)}}}},s.pixel_shader="precision highp float;\n\t\t\n\t\tuniform sampler2D u_texture;\n\t\tuniform sampler2D u_textureB;\n\t\tvarying vec2 v_coord;\n\t\tuniform vec4 texSize;\n\t\tuniform float time;\n\t\tuniform float value;\n\t\t\n\t\tvoid main() {\n\t\t\tvec2 uv = v_coord;\n\t\t\t{{UV_CODE}};\n\t\t\tvec4 color4 = texture2D(u_texture, uv);\n\t\t\tvec3 color = color4.rgb;\n\t\t\tvec4 color4B = texture2D(u_textureB, uv);\n\t\t\tvec3 colorB = color4B.rgb;\n\t\t\tvec3 result = color;\n\t\t\tfloat alpha = 1.0;\n\t\t\t{{PIXEL_CODE}};\n\t\t\tgl_FragColor = vec4(result, alpha);\n\t\t}\n\t\t",
-s.registerPreset=function(a,b){s.presets[a]=b},s.registerPreset("",""),s.registerPreset("bypass","color"),s.registerPreset("add","color + colorB * value"),s.registerPreset("substract","(color - colorB) * value"),s.registerPreset("mate","mix( color, colorB, color4B.a * value)"),s.registerPreset("invert","vec3(1.0) - color"),s.registerPreset("multiply","color * colorB * value"),s.registerPreset("divide","(color / colorB) / value"),s.registerPreset("difference","abs(color - colorB) * value"),s.registerPreset("max",
-"max(color, colorB) * value"),s.registerPreset("min","min(color, colorB) * value"),s.registerPreset("displace","texture2D(u_texture, uv + (colorB.xy - vec2(0.5)) * value).xyz"),s.registerPreset("grayscale","vec3(color.x + color.y + color.z) * value / 3.0"),s.registerPreset("saturation","mix( vec3(color.x + color.y + color.z) / 3.0, color, value )"),s.registerPreset("normalmap","\n\t\tfloat z0 = texture2D(u_texture, uv + vec2(-texSize.z, -texSize.w) ).x;\n\t\tfloat z1 = texture2D(u_texture, uv + vec2(0.0, -texSize.w) ).x;\n\t\tfloat z2 = texture2D(u_texture, uv + vec2(texSize.z, -texSize.w) ).x;\n\t\tfloat z3 = texture2D(u_texture, uv + vec2(-texSize.z, 0.0) ).x;\n\t\tfloat z4 = color.x;\n\t\tfloat z5 = texture2D(u_texture, uv + vec2(texSize.z, 0.0) ).x;\n\t\tfloat z6 = texture2D(u_texture, uv + vec2(-texSize.z, texSize.w) ).x;\n\t\tfloat z7 = texture2D(u_texture, uv + vec2(0.0, texSize.w) ).x;\n\t\tfloat z8 = texture2D(u_texture, uv + vec2(texSize.z, texSize.w) ).x;\n\t\tvec3 normal = vec3( z2 + 2.0*z4 + z7 - z0 - 2.0*z3 - z5, z5 + 2.0*z6 + z7 -z0 - 2.0*z1 - z2, 1.0 );\n\t\tnormal.xy *= value;\n\t\tresult.xyz = normalize(normal) * 0.5 + vec3(0.5);\n\t"),
-s.registerPreset("threshold","vec3(color.x > colorB.x * value ? 1.0 : 0.0,color.y > colorB.y * value ? 1.0 : 0.0,color.z > colorB.z * value ? 1.0 : 0.0)"),s.prototype.onInspect=function(a){var b=this;a.addCombo("Presets","",{values:Object.keys(s.presets),callback:function(d){var c=s.presets[d];c&&(b.setProperty("pixelcode",c),b.title=d,a.refresh())}})},K.registerNodeType("texture/operation",s),t.title="Shader",t.desc="Texture shader",t.widgets_info={code:{type:"code",lang:"glsl"},precision:{widget:"combo",
-values:c.MODE_VALUES}},t.prototype.onPropertyChanged=function(a,b){if("code"==a){var d=this.getShader();if(d){var c=d.uniformInfo;if(this.inputs)for(var g={},f=0;f<this.inputs.length;++f){var e=this.getInputInfo(f);e&&(c[e.name]&&!g[e.name]?g[e.name]=!0:(this.removeInput(f),f--))}for(f in c)if(e=d.uniformInfo[f],null!==e.loc&&"time"!=f){c="number";if(this._shader.samplers[f])c="texture";else switch(e.size){case 1:c="number";break;case 2:c="vec2";break;case 3:c="vec3";break;case 4:c="vec4";break;case 9:c=
-"mat3";break;case 16:c="mat4";break;default:continue}e=this.findInputSlot(f);-1==e?this.addInput(f,c):(g=this.getInputInfo(e),g)?g.type!=c&&(this.removeInput(e,c),this.addInput(f,c)):this.addInput(f,c)}}}},t.prototype.getShader=function(){if(this._shader&&this._shader_code==this.properties.code)return this._shader;this._shader_code=this.properties.code;if(this._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,this.properties.code))this.boxcolor="green";else return this.boxcolor="red",null;return this._shader},
-t.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getShader();if(a){var b=0,d=null;if(this.inputs)for(var g=0;g<this.inputs.length;++g){var f=this.getInputInfo(g),e=this.getInputData(g);null!=e&&(e.constructor===GL.Texture&&(e.bind(b),d||(d=e),e=b,b++),a.setUniform(f.name,e))}var l=this._uniforms,b=c.getTextureType(this.properties.precision,d),g=this.properties.width|0,f=this.properties.height|0;0==g&&(g=d?d.width:gl.canvas.width);0==f&&(f=d?d.height:gl.canvas.height);l.texSize[0]=
-g;l.texSize[1]=f;l.texSize[2]=1/g;l.texSize[3]=1/f;l.time=this.graph.getTime();l.u_value=this.properties.u_value;l.u_color.set(this.properties.u_color);this._tex&&this._tex.type==b&&this._tex.width==g&&this._tex.height==f||(this._tex=new GL.Texture(g,f,{type:b,format:gl.RGBA,filter:gl.LINEAR}));this._tex.drawTo(function(){a.uniforms(l).draw(GL.Mesh.getScreenQuad())});this.setOutputData(0,this._tex)}}},t.pixel_shader="precision highp float;\n\nvarying vec2 v_coord;\nuniform float time; //time in seconds\nuniform vec4 texSize; //tex resolution\nuniform float u_value;\nuniform vec4 u_color;\n\nvoid main() {\n\tvec2 uv = v_coord;\n\tvec3 color = vec3(0.0);\n\t//your code here\n\tcolor.xy=uv;\n\n\tgl_FragColor = vec4(color, 1.0);\n}\n",
-K.registerNodeType("texture/shader",t),h.widgets_info={precision:{widget:"combo",values:c.MODE_VALUES}},h.title="Scale/Offset",h.desc="Applies an scaling and offseting",h.prototype.onExecute=function(){var a=this.getInputData(0);if(this.isOutputConnected(0)&&a)if(this.properties.precision===c.PASS_THROUGH)this.setOutputData(0,a);else{var b=a.width,d=a.height,g=this.precision===c.LOW?gl.UNSIGNED_BYTE:gl.HIGH_PRECISION_FORMAT;this.precision===c.DEFAULT&&(g=a.type);this._tex&&this._tex.width==b&&this._tex.height==
-d&&this._tex.type==g||(this._tex=new GL.Texture(b,d,{type:g,format:gl.RGBA,filter:gl.LINEAR}));var f=this._shader;f||(f=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,h.pixel_shader));var e=this.getInputData(1);e?(this.properties.scale[0]=e[0],this.properties.scale[1]=e[1]):e=this.properties.scale;var l=this.getInputData(2);l?(this.properties.offset[0]=l[0],this.properties.offset[1]=l[1]):l=this.properties.offset;this._tex.drawTo(function(){gl.disable(gl.DEPTH_TEST);gl.disable(gl.CULL_FACE);gl.disable(gl.BLEND);
-a.bind(0);var b=Mesh.getScreenQuad();f.uniforms({u_texture:0,u_scale:e,u_offset:l}).draw(b)});this.setOutputData(0,this._tex)}},h.pixel_shader="precision highp float;\n\t\t\n\t\tuniform sampler2D u_texture;\n\t\tuniform sampler2D u_textureB;\n\t\tvarying vec2 v_coord;\n\t\tuniform vec2 u_scale;\n\t\tuniform vec2 u_offset;\n\t\t\n\t\tvoid main() {\n\t\t\tvec2 uv = v_coord;\n\t\t\tuv = uv / u_scale - u_offset;\n\t\t\tgl_FragColor = texture2D(u_texture, uv);\n\t\t}\n\t\t",K.registerNodeType("texture/scaleOffset",
-h),C.widgets_info={precision:{widget:"combo",values:c.MODE_VALUES}},C.title="Warp",C.desc="Texture warp operation",C.prototype.onExecute=function(){var a=this.getInputData(0);if(this.isOutputConnected(0))if(this.properties.precision===c.PASS_THROUGH)this.setOutputData(0,a);else{var b=this.getInputData(1),d=512,g=512;a?(d=a.width,g=a.height):b&&(d=b.width,g=b.height);this._tex=a||this._tex?c.getTargetTexture(a||this._tex,this._tex,this.properties.precision):new GL.Texture(d,g,{type:this.precision===
-c.LOW?gl.UNSIGNED_BYTE:gl.HIGH_PRECISION_FORMAT,format:gl.RGBA,filter:gl.LINEAR});var f=this._shader;f||(f=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,C.pixel_shader));d=this.getInputData(2);null!=d?this.properties.factor=d:d=parseFloat(this.properties.factor);var e=this._uniforms;e.u_factor=d;e.u_scale.set(this.properties.scale);e.u_offset.set(this.properties.offset);this._tex.drawTo(function(){gl.disable(gl.DEPTH_TEST);gl.disable(gl.CULL_FACE);gl.disable(gl.BLEND);a&&a.bind(0);b&&b.bind(1);var d=
-Mesh.getScreenQuad();f.uniforms(e).draw(d)});this.setOutputData(0,this._tex)}},C.pixel_shader="precision highp float;\n\t\t\n\t\tuniform sampler2D u_texture;\n\t\tuniform sampler2D u_textureB;\n\t\tvarying vec2 v_coord;\n\t\tuniform float u_factor;\n\t\tuniform vec2 u_scale;\n\t\tuniform vec2 u_offset;\n\t\t\n\t\tvoid main() {\n\t\t\tvec2 uv = v_coord;\n\t\t\tuv += ( texture2D(u_textureB, uv).rg - vec2(0.5)) * u_factor * u_scale + u_offset;\n\t\t\tgl_FragColor = texture2D(u_texture, uv);\n\t\t}\n\t\t",
-K.registerNodeType("texture/warp",C),y.title="to Viewport",y.desc="Texture to viewport",y._prev_viewport=new Float32Array(4),y.prototype.onDrawBackground=function(a){if(!(this.flags.collapsed||40>=this.size[1])){var b=this.getInputData(0);b&&a.drawImage(a==gl?b:gl.canvas,10,30,this.size[0]-20,this.size[1]-40)}},y.prototype.onExecute=function(){var a=this.getInputData(0);if(a){this.properties.disable_alpha?gl.disable(gl.BLEND):(gl.enable(gl.BLEND),this.properties.additive?gl.blendFunc(gl.SRC_ALPHA,
-gl.ONE):gl.blendFunc(gl.SRC_ALPHA,gl.ONE_MINUS_SRC_ALPHA));gl.disable(gl.DEPTH_TEST);var b=this.properties.gamma||1;this.isInputConnected(1)&&(b=this.getInputData(1));a.setParameter(gl.TEXTURE_MAG_FILTER,this.properties.filter?gl.LINEAR:gl.NEAREST);var d=y._prev_viewport;d.set(gl.viewport_data);var c=this.properties.viewport;gl.viewport(d[0]+d[2]*c[0],d[1]+d[3]*c[1],d[2]*c[2],d[3]*c[3]);gl.getViewport();this.properties.antialiasing?(y._shader||(y._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,
-y.aa_pixel_shader)),c=Mesh.getScreenQuad(),a.bind(0),y._shader.uniforms({u_texture:0,uViewportSize:[a.width,a.height],u_igamma:1/b,inverseVP:[1/a.width,1/a.height]}).draw(c)):1!=b?(y._gamma_shader||(y._gamma_shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,y.gamma_pixel_shader)),a.toViewport(y._gamma_shader,{u_texture:0,u_igamma:1/b})):a.toViewport();gl.viewport(d[0],d[1],d[2],d[3])}},y.prototype.onGetInputs=function(){return[["gamma","number"]]},y.aa_pixel_shader="precision highp float;\n\t\tprecision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform vec2 uViewportSize;\n\t\tuniform vec2 inverseVP;\n\t\tuniform float u_igamma;\n\t\t#define FXAA_REDUCE_MIN   (1.0/ 128.0)\n\t\t#define FXAA_REDUCE_MUL   (1.0 / 8.0)\n\t\t#define FXAA_SPAN_MAX     8.0\n\t\t\n\t\t/* from mitsuhiko/webgl-meincraft based on the code on geeks3d.com */\n\t\tvec4 applyFXAA(sampler2D tex, vec2 fragCoord)\n\t\t{\n\t\t\tvec4 color = vec4(0.0);\n\t\t\t/*vec2 inverseVP = vec2(1.0 / uViewportSize.x, 1.0 / uViewportSize.y);*/\n\t\t\tvec3 rgbNW = texture2D(tex, (fragCoord + vec2(-1.0, -1.0)) * inverseVP).xyz;\n\t\t\tvec3 rgbNE = texture2D(tex, (fragCoord + vec2(1.0, -1.0)) * inverseVP).xyz;\n\t\t\tvec3 rgbSW = texture2D(tex, (fragCoord + vec2(-1.0, 1.0)) * inverseVP).xyz;\n\t\t\tvec3 rgbSE = texture2D(tex, (fragCoord + vec2(1.0, 1.0)) * inverseVP).xyz;\n\t\t\tvec3 rgbM  = texture2D(tex, fragCoord  * inverseVP).xyz;\n\t\t\tvec3 luma = vec3(0.299, 0.587, 0.114);\n\t\t\tfloat lumaNW = dot(rgbNW, luma);\n\t\t\tfloat lumaNE = dot(rgbNE, luma);\n\t\t\tfloat lumaSW = dot(rgbSW, luma);\n\t\t\tfloat lumaSE = dot(rgbSE, luma);\n\t\t\tfloat lumaM  = dot(rgbM,  luma);\n\t\t\tfloat lumaMin = min(lumaM, min(min(lumaNW, lumaNE), min(lumaSW, lumaSE)));\n\t\t\tfloat lumaMax = max(lumaM, max(max(lumaNW, lumaNE), max(lumaSW, lumaSE)));\n\t\t\t\n\t\t\tvec2 dir;\n\t\t\tdir.x = -((lumaNW + lumaNE) - (lumaSW + lumaSE));\n\t\t\tdir.y =  ((lumaNW + lumaSW) - (lumaNE + lumaSE));\n\t\t\t\n\t\t\tfloat dirReduce = max((lumaNW + lumaNE + lumaSW + lumaSE) * (0.25 * FXAA_REDUCE_MUL), FXAA_REDUCE_MIN);\n\t\t\t\n\t\t\tfloat rcpDirMin = 1.0 / (min(abs(dir.x), abs(dir.y)) + dirReduce);\n\t\t\tdir = min(vec2(FXAA_SPAN_MAX, FXAA_SPAN_MAX), max(vec2(-FXAA_SPAN_MAX, -FXAA_SPAN_MAX), dir * rcpDirMin)) * inverseVP;\n\t\t\t\n\t\t\tvec3 rgbA = 0.5 * (texture2D(tex, fragCoord * inverseVP + dir * (1.0 / 3.0 - 0.5)).xyz + \n\t\t\t\ttexture2D(tex, fragCoord * inverseVP + dir * (2.0 / 3.0 - 0.5)).xyz);\n\t\t\tvec3 rgbB = rgbA * 0.5 + 0.25 * (texture2D(tex, fragCoord * inverseVP + dir * -0.5).xyz + \n\t\t\t\ttexture2D(tex, fragCoord * inverseVP + dir * 0.5).xyz);\n\t\t\t\n\t\t\t//return vec4(rgbA,1.0);\n\t\t\tfloat lumaB = dot(rgbB, luma);\n\t\t\tif ((lumaB < lumaMin) || (lumaB > lumaMax))\n\t\t\t\tcolor = vec4(rgbA, 1.0);\n\t\t\telse\n\t\t\t\tcolor = vec4(rgbB, 1.0);\n\t\t\tif(u_igamma != 1.0)\n\t\t\t\tcolor.xyz = pow( color.xyz, vec3(u_igamma) );\n\t\t\treturn color;\n\t\t}\n\t\t\n\t\tvoid main() {\n\t\t   gl_FragColor = applyFXAA( u_texture, v_coord * uViewportSize) ;\n\t\t}\n\t\t",
-y.gamma_pixel_shader="precision highp float;\n\t\tprecision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform float u_igamma;\n\t\tvoid main() {\n\t\t\tvec4 color = texture2D( u_texture, v_coord);\n\t\t\tcolor.xyz = pow(color.xyz, vec3(u_igamma) );\n\t\t   gl_FragColor = color;\n\t\t}\n\t\t",K.registerNodeType("texture/toviewport",y),G.title="Copy",G.desc="Copy Texture",G.widgets_info={size:{widget:"combo",values:[0,32,64,128,256,512,1024,2048]},precision:{widget:"combo",
-values:c.MODE_VALUES}},G.prototype.onExecute=function(){var a=this.getInputData(0);if((a||this._temp_texture)&&this.isOutputConnected(0)){if(a){var b=a.width,d=a.height;0!=this.properties.size&&(d=b=this.properties.size);var g=this._temp_texture,f=a.type;this.properties.precision===c.LOW?f=gl.UNSIGNED_BYTE:this.properties.precision===c.HIGH&&(f=gl.HIGH_PRECISION_FORMAT);g&&g.width==b&&g.height==d&&g.type==f||(g=gl.LINEAR,this.properties.generate_mipmaps&&isPowerOfTwo(b)&&isPowerOfTwo(d)&&(g=gl.LINEAR_MIPMAP_LINEAR),
-this._temp_texture=new GL.Texture(b,d,{type:f,format:gl.RGBA,minFilter:g,magFilter:gl.LINEAR}));a.copyTo(this._temp_texture);this.properties.generate_mipmaps&&(this._temp_texture.bind(0),gl.generateMipmap(this._temp_texture.texture_type),this._temp_texture.unbind(0))}this.setOutputData(0,this._temp_texture)}},K.registerNodeType("texture/copy",G),A.title="Downsample",A.desc="Downsample Texture",A.widgets_info={iterations:{type:"number",step:1,precision:0,min:0},precision:{widget:"combo",values:c.MODE_VALUES}},
-A.prototype.onExecute=function(){var a=this.getInputData(0);if((a||this._temp_texture)&&this.isOutputConnected(0)&&a&&a.texture_type===GL.TEXTURE_2D)if(1>this.properties.iterations)this.setOutputData(0,a);else{var b=A._shader;b||(A._shader=b=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,A.pixel_shader));var d=a.width|0,g=a.height|0,f=a.type;this.properties.precision===c.LOW?f=gl.UNSIGNED_BYTE:this.properties.precision===c.HIGH&&(f=gl.HIGH_PRECISION_FORMAT);var e=this.properties.iterations||1,l=a,h=
-null,m=[],a={type:f,format:a.format},f=vec2.create(),n={u_offset:f};this._texture&&GL.Texture.releaseTemporary(this._texture);for(var k=0;k<e;++k){f[0]=1/d;f[1]=1/g;d=d>>1||0;g=g>>1||0;h=GL.Texture.getTemporary(d,g,a);m.push(h);l.setParameter(GL.TEXTURE_MAG_FILTER,GL.NEAREST);l.copyTo(h,b,n);if(1==d&&1==g)break;l=h}this._texture=m.pop();for(k=0;k<m.length;++k)GL.Texture.releaseTemporary(m[k]);this.properties.generate_mipmaps&&(this._texture.bind(0),gl.generateMipmap(this._texture.texture_type),this._texture.unbind(0));
+K.registerNodeType("texture/preview",k),v.title="Save",v.desc="Save a texture in the repository",v.prototype.getPreviewTexture=function(){return this._texture},v.prototype.onExecute=function(){var a=this.getInputData(0);a&&(this.properties.generate_mipmaps&&(a.bind(0),a.setParameter(gl.TEXTURE_MIN_FILTER,gl.LINEAR_MIPMAP_LINEAR),gl.generateMipmap(a.texture_type),a.unbind(0)),this.properties.name&&(c.storeTexture?c.storeTexture(this.properties.name,a):c.getTexturesContainer()[this.properties.name]=
+a),this._texture=a,this.setOutputData(0,a),this.setOutputData(1,this.properties.name))},K.registerNodeType("texture/save",v),r.widgets_info={uvcode:{widget:"code"},pixelcode:{widget:"code"},precision:{widget:"combo",values:c.MODE_VALUES}},r.title="Operation",r.desc="Texture shader operation",r.presets={},r.prototype.getExtraMenuOptions=function(a){var b=this;return[{content:b.properties.show?"Hide Texture":"Show Texture",callback:function(){b.properties.show=!b.properties.show}}]},r.prototype.onPropertyChanged=
+function(){this.has_error=!1},r.prototype.onDrawBackground=function(a){this.flags.collapsed||20>=this.size[1]||!this.properties.show||!this._tex||this._tex.gl!=a||(a.save(),a.drawImage(this._tex,0,0,this.size[0],this.size[1]),a.restore())},r.prototype.onExecute=function(){var a=this.getInputData(0);if(this.isOutputConnected(0))if(this.properties.precision===c.PASS_THROUGH)this.setOutputData(0,a);else{var b=this.getInputData(1);if(this.properties.uvcode||this.properties.pixelcode){var d=512,e=512;
+a?(d=a.width,e=a.height):b&&(d=b.width,e=b.height);b||(b=GL.Texture.getWhiteTexture());var g=c.getTextureType(this.properties.precision,a);this._tex=a||this._tex?c.getTargetTexture(a||this._tex,this._tex,this.properties.precision):new GL.Texture(d,e,{type:g,format:gl.RGBA,filter:gl.LINEAR});g="";this.properties.uvcode&&(g="uv = "+this.properties.uvcode,-1!=this.properties.uvcode.indexOf(";")&&(g=this.properties.uvcode));var f="";this.properties.pixelcode&&(f="result = "+this.properties.pixelcode,
+-1!=this.properties.pixelcode.indexOf(";")&&(f=this.properties.pixelcode));var l=this._shader;if(!(this.has_error||l&&this._shader_code==g+"|"+f)){var h=c.replaceCode(r.pixel_shader,{UV_CODE:g,PIXEL_CODE:f});try{l=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,h),this.boxcolor="#00FF00"}catch(m){GL.Shader.dumpErrorToConsole(m,Shader.SCREEN_VERTEX_SHADER,h);this.boxcolor="#FF0000";this.has_error=!0;return}this._shader=l;this._shader_code=g+"|"+f}if(this._shader){var s=this.getInputData(2);null!=s?this.properties.value=
+s:s=parseFloat(this.properties.value);var k=this.graph.getTime();this._tex.drawTo(function(){gl.disable(gl.DEPTH_TEST);gl.disable(gl.CULL_FACE);gl.disable(gl.BLEND);a&&a.bind(0);b&&b.bind(1);var c=Mesh.getScreenQuad();l.uniforms({u_texture:0,u_textureB:1,value:s,texSize:[d,e,1/d,1/e],time:k}).draw(c)});this.setOutputData(0,this._tex)}}}},r.pixel_shader="precision highp float;\n\t\t\n\t\tuniform sampler2D u_texture;\n\t\tuniform sampler2D u_textureB;\n\t\tvarying vec2 v_coord;\n\t\tuniform vec4 texSize;\n\t\tuniform float time;\n\t\tuniform float value;\n\t\t\n\t\tvoid main() {\n\t\t\tvec2 uv = v_coord;\n\t\t\t{{UV_CODE}};\n\t\t\tvec4 color4 = texture2D(u_texture, uv);\n\t\t\tvec3 color = color4.rgb;\n\t\t\tvec4 color4B = texture2D(u_textureB, uv);\n\t\t\tvec3 colorB = color4B.rgb;\n\t\t\tvec3 result = color;\n\t\t\tfloat alpha = 1.0;\n\t\t\t{{PIXEL_CODE}};\n\t\t\tgl_FragColor = vec4(result, alpha);\n\t\t}\n\t\t",
+r.registerPreset=function(a,b){r.presets[a]=b},r.registerPreset("",""),r.registerPreset("bypass","color"),r.registerPreset("add","color + colorB * value"),r.registerPreset("substract","(color - colorB) * value"),r.registerPreset("mate","mix( color, colorB, color4B.a * value)"),r.registerPreset("invert","vec3(1.0) - color"),r.registerPreset("multiply","color * colorB * value"),r.registerPreset("divide","(color / colorB) / value"),r.registerPreset("difference","abs(color - colorB) * value"),r.registerPreset("max",
+"max(color, colorB) * value"),r.registerPreset("min","min(color, colorB) * value"),r.registerPreset("displace","texture2D(u_texture, uv + (colorB.xy - vec2(0.5)) * value).xyz"),r.registerPreset("grayscale","vec3(color.x + color.y + color.z) * value / 3.0"),r.registerPreset("saturation","mix( vec3(color.x + color.y + color.z) / 3.0, color, value )"),r.registerPreset("normalmap","\n\t\tfloat z0 = texture2D(u_texture, uv + vec2(-texSize.z, -texSize.w) ).x;\n\t\tfloat z1 = texture2D(u_texture, uv + vec2(0.0, -texSize.w) ).x;\n\t\tfloat z2 = texture2D(u_texture, uv + vec2(texSize.z, -texSize.w) ).x;\n\t\tfloat z3 = texture2D(u_texture, uv + vec2(-texSize.z, 0.0) ).x;\n\t\tfloat z4 = color.x;\n\t\tfloat z5 = texture2D(u_texture, uv + vec2(texSize.z, 0.0) ).x;\n\t\tfloat z6 = texture2D(u_texture, uv + vec2(-texSize.z, texSize.w) ).x;\n\t\tfloat z7 = texture2D(u_texture, uv + vec2(0.0, texSize.w) ).x;\n\t\tfloat z8 = texture2D(u_texture, uv + vec2(texSize.z, texSize.w) ).x;\n\t\tvec3 normal = vec3( z2 + 2.0*z4 + z7 - z0 - 2.0*z3 - z5, z5 + 2.0*z6 + z7 -z0 - 2.0*z1 - z2, 1.0 );\n\t\tnormal.xy *= value;\n\t\tresult.xyz = normalize(normal) * 0.5 + vec3(0.5);\n\t"),
+r.registerPreset("threshold","vec3(color.x > colorB.x * value ? 1.0 : 0.0,color.y > colorB.y * value ? 1.0 : 0.0,color.z > colorB.z * value ? 1.0 : 0.0)"),r.prototype.onInspect=function(a){var b=this;a.addCombo("Presets","",{values:Object.keys(r.presets),callback:function(d){var c=r.presets[d];c&&(b.setProperty("pixelcode",c),b.title=d,a.refresh())}})},K.registerNodeType("texture/operation",r),t.title="Shader",t.desc="Texture shader",t.widgets_info={code:{type:"code",lang:"glsl"},precision:{widget:"combo",
+values:c.MODE_VALUES}},t.prototype.onPropertyChanged=function(a,b){if("code"==a){var d=this.getShader();if(d){var c=d.uniformInfo;if(this.inputs)for(var e={},g=0;g<this.inputs.length;++g){var f=this.getInputInfo(g);f&&(c[f.name]&&!e[f.name]?e[f.name]=!0:(this.removeInput(g),g--))}for(g in c)if(f=d.uniformInfo[g],null!==f.loc&&"time"!=g){c="number";if(this._shader.samplers[g])c="texture";else switch(f.size){case 1:c="number";break;case 2:c="vec2";break;case 3:c="vec3";break;case 4:c="vec4";break;case 9:c=
+"mat3";break;case 16:c="mat4";break;default:continue}f=this.findInputSlot(g);-1==f?this.addInput(g,c):(e=this.getInputInfo(f),e)?e.type!=c&&(this.removeInput(f,c),this.addInput(g,c)):this.addInput(g,c)}}}},t.prototype.getShader=function(){if(this._shader&&this._shader_code==this.properties.code)return this._shader;this._shader_code=this.properties.code;if(this._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,this.properties.code))this.boxcolor="green";else return this.boxcolor="red",null;return this._shader},
+t.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getShader();if(a){var b=0,d=null;if(this.inputs)for(var e=0;e<this.inputs.length;++e){var g=this.getInputInfo(e),f=this.getInputData(e);null!=f&&(f.constructor===GL.Texture&&(f.bind(b),d||(d=f),f=b,b++),a.setUniform(g.name,f))}var l=this._uniforms,b=c.getTextureType(this.properties.precision,d),e=this.properties.width|0,g=this.properties.height|0;0==e&&(e=d?d.width:gl.canvas.width);0==g&&(g=d?d.height:gl.canvas.height);l.texSize[0]=
+e;l.texSize[1]=g;l.texSize[2]=1/e;l.texSize[3]=1/g;l.time=this.graph.getTime();l.u_value=this.properties.u_value;l.u_color.set(this.properties.u_color);this._tex&&this._tex.type==b&&this._tex.width==e&&this._tex.height==g||(this._tex=new GL.Texture(e,g,{type:b,format:gl.RGBA,filter:gl.LINEAR}));this._tex.drawTo(function(){a.uniforms(l).draw(GL.Mesh.getScreenQuad())});this.setOutputData(0,this._tex)}}},t.pixel_shader="precision highp float;\n\nvarying vec2 v_coord;\nuniform float time; //time in seconds\nuniform vec4 texSize; //tex resolution\nuniform float u_value;\nuniform vec4 u_color;\n\nvoid main() {\n\tvec2 uv = v_coord;\n\tvec3 color = vec3(0.0);\n\t//your code here\n\tcolor.xy=uv;\n\n\tgl_FragColor = vec4(color, 1.0);\n}\n",
+K.registerNodeType("texture/shader",t),h.widgets_info={precision:{widget:"combo",values:c.MODE_VALUES}},h.title="Scale/Offset",h.desc="Applies an scaling and offseting",h.prototype.onExecute=function(){var a=this.getInputData(0);if(this.isOutputConnected(0)&&a)if(this.properties.precision===c.PASS_THROUGH)this.setOutputData(0,a);else{var b=a.width,d=a.height,e=this.precision===c.LOW?gl.UNSIGNED_BYTE:gl.HIGH_PRECISION_FORMAT;this.precision===c.DEFAULT&&(e=a.type);this._tex&&this._tex.width==b&&this._tex.height==
+d&&this._tex.type==e||(this._tex=new GL.Texture(b,d,{type:e,format:gl.RGBA,filter:gl.LINEAR}));var g=this._shader;g||(g=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,h.pixel_shader));var f=this.getInputData(1);f?(this.properties.scale[0]=f[0],this.properties.scale[1]=f[1]):f=this.properties.scale;var l=this.getInputData(2);l?(this.properties.offset[0]=l[0],this.properties.offset[1]=l[1]):l=this.properties.offset;this._tex.drawTo(function(){gl.disable(gl.DEPTH_TEST);gl.disable(gl.CULL_FACE);gl.disable(gl.BLEND);
+a.bind(0);var b=Mesh.getScreenQuad();g.uniforms({u_texture:0,u_scale:f,u_offset:l}).draw(b)});this.setOutputData(0,this._tex)}},h.pixel_shader="precision highp float;\n\t\t\n\t\tuniform sampler2D u_texture;\n\t\tuniform sampler2D u_textureB;\n\t\tvarying vec2 v_coord;\n\t\tuniform vec2 u_scale;\n\t\tuniform vec2 u_offset;\n\t\t\n\t\tvoid main() {\n\t\t\tvec2 uv = v_coord;\n\t\t\tuv = uv / u_scale - u_offset;\n\t\t\tgl_FragColor = texture2D(u_texture, uv);\n\t\t}\n\t\t",K.registerNodeType("texture/scaleOffset",
+h),D.widgets_info={precision:{widget:"combo",values:c.MODE_VALUES}},D.title="Warp",D.desc="Texture warp operation",D.prototype.onExecute=function(){var a=this.getInputData(0);if(this.isOutputConnected(0))if(this.properties.precision===c.PASS_THROUGH)this.setOutputData(0,a);else{var b=this.getInputData(1),d=512,e=512;a?(d=a.width,e=a.height):b&&(d=b.width,e=b.height);this._tex=a||this._tex?c.getTargetTexture(a||this._tex,this._tex,this.properties.precision):new GL.Texture(d,e,{type:this.precision===
+c.LOW?gl.UNSIGNED_BYTE:gl.HIGH_PRECISION_FORMAT,format:gl.RGBA,filter:gl.LINEAR});var g=this._shader;g||(g=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,D.pixel_shader));d=this.getInputData(2);null!=d?this.properties.factor=d:d=parseFloat(this.properties.factor);var f=this._uniforms;f.u_factor=d;f.u_scale.set(this.properties.scale);f.u_offset.set(this.properties.offset);this._tex.drawTo(function(){gl.disable(gl.DEPTH_TEST);gl.disable(gl.CULL_FACE);gl.disable(gl.BLEND);a&&a.bind(0);b&&b.bind(1);var d=
+Mesh.getScreenQuad();g.uniforms(f).draw(d)});this.setOutputData(0,this._tex)}},D.pixel_shader="precision highp float;\n\t\t\n\t\tuniform sampler2D u_texture;\n\t\tuniform sampler2D u_textureB;\n\t\tvarying vec2 v_coord;\n\t\tuniform float u_factor;\n\t\tuniform vec2 u_scale;\n\t\tuniform vec2 u_offset;\n\t\t\n\t\tvoid main() {\n\t\t\tvec2 uv = v_coord;\n\t\t\tuv += ( texture2D(u_textureB, uv).rg - vec2(0.5)) * u_factor * u_scale + u_offset;\n\t\t\tgl_FragColor = texture2D(u_texture, uv);\n\t\t}\n\t\t",
+K.registerNodeType("texture/warp",D),z.title="to Viewport",z.desc="Texture to viewport",z._prev_viewport=new Float32Array(4),z.prototype.onDrawBackground=function(a){if(!(this.flags.collapsed||40>=this.size[1])){var b=this.getInputData(0);b&&a.drawImage(a==gl?b:gl.canvas,10,30,this.size[0]-20,this.size[1]-40)}},z.prototype.onExecute=function(){var a=this.getInputData(0);if(a){this.properties.disable_alpha?gl.disable(gl.BLEND):(gl.enable(gl.BLEND),this.properties.additive?gl.blendFunc(gl.SRC_ALPHA,
+gl.ONE):gl.blendFunc(gl.SRC_ALPHA,gl.ONE_MINUS_SRC_ALPHA));gl.disable(gl.DEPTH_TEST);var b=this.properties.gamma||1;this.isInputConnected(1)&&(b=this.getInputData(1));a.setParameter(gl.TEXTURE_MAG_FILTER,this.properties.filter?gl.LINEAR:gl.NEAREST);var d=z._prev_viewport;d.set(gl.viewport_data);var c=this.properties.viewport;gl.viewport(d[0]+d[2]*c[0],d[1]+d[3]*c[1],d[2]*c[2],d[3]*c[3]);gl.getViewport();this.properties.antialiasing?(z._shader||(z._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,
+z.aa_pixel_shader)),c=Mesh.getScreenQuad(),a.bind(0),z._shader.uniforms({u_texture:0,uViewportSize:[a.width,a.height],u_igamma:1/b,inverseVP:[1/a.width,1/a.height]}).draw(c)):1!=b?(z._gamma_shader||(z._gamma_shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,z.gamma_pixel_shader)),a.toViewport(z._gamma_shader,{u_texture:0,u_igamma:1/b})):a.toViewport();gl.viewport(d[0],d[1],d[2],d[3])}},z.prototype.onGetInputs=function(){return[["gamma","number"]]},z.aa_pixel_shader="precision highp float;\n\t\tprecision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform vec2 uViewportSize;\n\t\tuniform vec2 inverseVP;\n\t\tuniform float u_igamma;\n\t\t#define FXAA_REDUCE_MIN   (1.0/ 128.0)\n\t\t#define FXAA_REDUCE_MUL   (1.0 / 8.0)\n\t\t#define FXAA_SPAN_MAX     8.0\n\t\t\n\t\t/* from mitsuhiko/webgl-meincraft based on the code on geeks3d.com */\n\t\tvec4 applyFXAA(sampler2D tex, vec2 fragCoord)\n\t\t{\n\t\t\tvec4 color = vec4(0.0);\n\t\t\t/*vec2 inverseVP = vec2(1.0 / uViewportSize.x, 1.0 / uViewportSize.y);*/\n\t\t\tvec3 rgbNW = texture2D(tex, (fragCoord + vec2(-1.0, -1.0)) * inverseVP).xyz;\n\t\t\tvec3 rgbNE = texture2D(tex, (fragCoord + vec2(1.0, -1.0)) * inverseVP).xyz;\n\t\t\tvec3 rgbSW = texture2D(tex, (fragCoord + vec2(-1.0, 1.0)) * inverseVP).xyz;\n\t\t\tvec3 rgbSE = texture2D(tex, (fragCoord + vec2(1.0, 1.0)) * inverseVP).xyz;\n\t\t\tvec3 rgbM  = texture2D(tex, fragCoord  * inverseVP).xyz;\n\t\t\tvec3 luma = vec3(0.299, 0.587, 0.114);\n\t\t\tfloat lumaNW = dot(rgbNW, luma);\n\t\t\tfloat lumaNE = dot(rgbNE, luma);\n\t\t\tfloat lumaSW = dot(rgbSW, luma);\n\t\t\tfloat lumaSE = dot(rgbSE, luma);\n\t\t\tfloat lumaM  = dot(rgbM,  luma);\n\t\t\tfloat lumaMin = min(lumaM, min(min(lumaNW, lumaNE), min(lumaSW, lumaSE)));\n\t\t\tfloat lumaMax = max(lumaM, max(max(lumaNW, lumaNE), max(lumaSW, lumaSE)));\n\t\t\t\n\t\t\tvec2 dir;\n\t\t\tdir.x = -((lumaNW + lumaNE) - (lumaSW + lumaSE));\n\t\t\tdir.y =  ((lumaNW + lumaSW) - (lumaNE + lumaSE));\n\t\t\t\n\t\t\tfloat dirReduce = max((lumaNW + lumaNE + lumaSW + lumaSE) * (0.25 * FXAA_REDUCE_MUL), FXAA_REDUCE_MIN);\n\t\t\t\n\t\t\tfloat rcpDirMin = 1.0 / (min(abs(dir.x), abs(dir.y)) + dirReduce);\n\t\t\tdir = min(vec2(FXAA_SPAN_MAX, FXAA_SPAN_MAX), max(vec2(-FXAA_SPAN_MAX, -FXAA_SPAN_MAX), dir * rcpDirMin)) * inverseVP;\n\t\t\t\n\t\t\tvec3 rgbA = 0.5 * (texture2D(tex, fragCoord * inverseVP + dir * (1.0 / 3.0 - 0.5)).xyz + \n\t\t\t\ttexture2D(tex, fragCoord * inverseVP + dir * (2.0 / 3.0 - 0.5)).xyz);\n\t\t\tvec3 rgbB = rgbA * 0.5 + 0.25 * (texture2D(tex, fragCoord * inverseVP + dir * -0.5).xyz + \n\t\t\t\ttexture2D(tex, fragCoord * inverseVP + dir * 0.5).xyz);\n\t\t\t\n\t\t\t//return vec4(rgbA,1.0);\n\t\t\tfloat lumaB = dot(rgbB, luma);\n\t\t\tif ((lumaB < lumaMin) || (lumaB > lumaMax))\n\t\t\t\tcolor = vec4(rgbA, 1.0);\n\t\t\telse\n\t\t\t\tcolor = vec4(rgbB, 1.0);\n\t\t\tif(u_igamma != 1.0)\n\t\t\t\tcolor.xyz = pow( color.xyz, vec3(u_igamma) );\n\t\t\treturn color;\n\t\t}\n\t\t\n\t\tvoid main() {\n\t\t   gl_FragColor = applyFXAA( u_texture, v_coord * uViewportSize) ;\n\t\t}\n\t\t",
+z.gamma_pixel_shader="precision highp float;\n\t\tprecision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform float u_igamma;\n\t\tvoid main() {\n\t\t\tvec4 color = texture2D( u_texture, v_coord);\n\t\t\tcolor.xyz = pow(color.xyz, vec3(u_igamma) );\n\t\t   gl_FragColor = color;\n\t\t}\n\t\t",K.registerNodeType("texture/toviewport",z),G.title="Copy",G.desc="Copy Texture",G.widgets_info={size:{widget:"combo",values:[0,32,64,128,256,512,1024,2048]},precision:{widget:"combo",
+values:c.MODE_VALUES}},G.prototype.onExecute=function(){var a=this.getInputData(0);if((a||this._temp_texture)&&this.isOutputConnected(0)){if(a){var b=a.width,d=a.height;0!=this.properties.size&&(d=b=this.properties.size);var e=this._temp_texture,g=a.type;this.properties.precision===c.LOW?g=gl.UNSIGNED_BYTE:this.properties.precision===c.HIGH&&(g=gl.HIGH_PRECISION_FORMAT);e&&e.width==b&&e.height==d&&e.type==g||(e=gl.LINEAR,this.properties.generate_mipmaps&&isPowerOfTwo(b)&&isPowerOfTwo(d)&&(e=gl.LINEAR_MIPMAP_LINEAR),
+this._temp_texture=new GL.Texture(b,d,{type:g,format:gl.RGBA,minFilter:e,magFilter:gl.LINEAR}));a.copyTo(this._temp_texture);this.properties.generate_mipmaps&&(this._temp_texture.bind(0),gl.generateMipmap(this._temp_texture.texture_type),this._temp_texture.unbind(0))}this.setOutputData(0,this._temp_texture)}},K.registerNodeType("texture/copy",G),A.title="Downsample",A.desc="Downsample Texture",A.widgets_info={iterations:{type:"number",step:1,precision:0,min:0},precision:{widget:"combo",values:c.MODE_VALUES}},
+A.prototype.onExecute=function(){var a=this.getInputData(0);if((a||this._temp_texture)&&this.isOutputConnected(0)&&a&&a.texture_type===GL.TEXTURE_2D)if(1>this.properties.iterations)this.setOutputData(0,a);else{var b=A._shader;b||(A._shader=b=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,A.pixel_shader));var d=a.width|0,e=a.height|0,g=a.type;this.properties.precision===c.LOW?g=gl.UNSIGNED_BYTE:this.properties.precision===c.HIGH&&(g=gl.HIGH_PRECISION_FORMAT);var f=this.properties.iterations||1,l=a,h=
+null,m=[],a={type:g,format:a.format},g=vec2.create(),s={u_offset:g};this._texture&&GL.Texture.releaseTemporary(this._texture);for(var k=0;k<f;++k){g[0]=1/d;g[1]=1/e;d=d>>1||0;e=e>>1||0;h=GL.Texture.getTemporary(d,e,a);m.push(h);l.setParameter(GL.TEXTURE_MAG_FILTER,GL.NEAREST);l.copyTo(h,b,s);if(1==d&&1==e)break;l=h}this._texture=m.pop();for(k=0;k<m.length;++k)GL.Texture.releaseTemporary(m[k]);this.properties.generate_mipmaps&&(this._texture.bind(0),gl.generateMipmap(this._texture.texture_type),this._texture.unbind(0));
 this.setOutputData(0,this._texture)}},A.pixel_shader="precision highp float;\n\t\tprecision highp float;\n\t\tuniform sampler2D u_texture;\n\t\tuniform vec2 u_offset;\n\t\tvarying vec2 v_coord;\n\t\t\n\t\tvoid main() {\n\t\t\tvec4 color = texture2D(u_texture, v_coord );\n\t\t\tcolor += texture2D(u_texture, v_coord + vec2( u_offset.x, 0.0 ) );\n\t\t\tcolor += texture2D(u_texture, v_coord + vec2( 0.0, u_offset.y ) );\n\t\t\tcolor += texture2D(u_texture, v_coord + vec2( u_offset.x, u_offset.y ) );\n\t\t   gl_FragColor = color * 0.25;\n\t\t}\n\t\t",
-K.registerNodeType("texture/downsample",A),D.title="Resize",D.desc="Resize Texture",D.widgets_info={iterations:{type:"number",step:1,precision:0,min:0},precision:{widget:"combo",values:c.MODE_VALUES}},D.prototype.onExecute=function(){var a=this.getInputData(0);if((a||this._temp_texture)&&this.isOutputConnected(0)&&a&&a.texture_type===GL.TEXTURE_2D){var b=this.properties.size[0]|0,d=this.properties.size[1]|0;0==b&&(b=a.width);0==d&&(d=a.height);var g=a.type;this.properties.precision===c.LOW?g=gl.UNSIGNED_BYTE:
-this.properties.precision===c.HIGH&&(g=gl.HIGH_PRECISION_FORMAT);this._texture&&this._texture.width==b&&this._texture.height==d&&this._texture.type==g||(this._texture=new GL.Texture(b,d,{type:g}));a.copyTo(this._texture);this.properties.generate_mipmaps&&(this._texture.bind(0),gl.generateMipmap(this._texture.texture_type),this._texture.unbind(0));this.setOutputData(0,this._texture)}},K.registerNodeType("texture/resize",D),e.title="Average",e.desc="Compute a partial average (32 random samples) of a texture and stores it as a 1x1 pixel texture.\n If high_quality is true, then it generates the mipmaps first and reads from the lower one.",
-e.prototype.onExecute=function(){this.properties.use_previous_frame||this.updateAverage();var a=this._luminance;this.setOutputData(0,this._temp_texture);this.setOutputData(1,a);this.setOutputData(2,(a[0]+a[1]+a[2])/3)},e.prototype.onPreRenderExecute=function(){this.updateAverage()},e.prototype.updateAverage=function(){var a=this.getInputData(0);if(a&&(this.isOutputConnected(0)||this.isOutputConnected(1)||this.isOutputConnected(2))){if(!e._shader){e._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,
-e.pixel_shader);for(var b=new Float32Array(16),d=0;d<b.length;++d)b[d]=Math.random();e._shader.uniforms({u_samples_a:b.subarray(0,16),u_samples_b:b.subarray(16,32)})}d=this._temp_texture;b=gl.UNSIGNED_BYTE;a.type!=b&&(b=gl.FLOAT);d&&d.type==b||(this._temp_texture=new GL.Texture(1,1,{type:b,format:gl.RGBA,filter:gl.NEAREST}));this._uniforms.u_mipmap_offset=0;this.properties.high_quality&&(this._temp_pot2_texture&&this._temp_pot2_texture.type==b||(this._temp_pot2_texture=new GL.Texture(512,512,{type:b,
-format:gl.RGBA,minFilter:gl.LINEAR_MIPMAP_LINEAR,magFilter:gl.LINEAR})),a.copyTo(this._temp_pot2_texture),a=this._temp_pot2_texture,a.bind(0),gl.generateMipmap(GL.TEXTURE_2D),this._uniforms.u_mipmap_offset=9);var c=e._shader,g=this._uniforms;g.u_mipmap_offset=this.properties.mipmap_offset;gl.disable(gl.DEPTH_TEST);gl.disable(gl.BLEND);this._temp_texture.drawTo(function(){a.toViewport(c,g)});if(this.isOutputConnected(1)||this.isOutputConnected(2))if(d=this._temp_texture.getPixels()){var f=this._luminance,
-b=this._temp_texture.type;f.set(d);b==gl.UNSIGNED_BYTE&&vec4.scale(f,f,1/255)}}},e.pixel_shader="precision highp float;\n\t\tprecision highp float;\n\t\tuniform mat4 u_samples_a;\n\t\tuniform mat4 u_samples_b;\n\t\tuniform sampler2D u_texture;\n\t\tuniform float u_mipmap_offset;\n\t\tvarying vec2 v_coord;\n\t\t\n\t\tvoid main() {\n\t\t\tvec4 color = vec4(0.0);\n\t\t\t//random average\n\t\t\tfor(int i = 0; i < 4; ++i)\n\t\t\t\tfor(int j = 0; j < 4; ++j)\n\t\t\t\t{\n\t\t\t\t\tcolor += texture2D(u_texture, vec2( u_samples_a[i][j], u_samples_b[i][j] ), u_mipmap_offset );\n\t\t\t\t\tcolor += texture2D(u_texture, vec2( 1.0 - u_samples_a[i][j], 1.0 - u_samples_b[i][j] ), u_mipmap_offset );\n\t\t\t\t}\n\t\t   gl_FragColor = color * 0.03125;\n\t\t}\n\t\t",
-K.registerNodeType("texture/average",e),q.widgets_info={mode:{widget:"combo",values:["min","max","avg"]}},q.title="MinMax",q.desc="Compute the scene min max",q.prototype.onExecute=function(){this.properties.use_previous_frame||this.update();this.setOutputData(0,this._temp_texture);this.setOutputData(1,this._luminance)},q.prototype.onPreRenderExecute=function(){this.update()},q.prototype.update=function(){var a=this.getInputData(0);if(a&&(this.isOutputConnected(0)||this.isOutputConnected(1))){q._shader||
-(q._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,q.pixel_shader));var b=gl.UNSIGNED_BYTE;a.type!=b&&(b=gl.FLOAT);var d=512;if(!this._textures_chain.length||this._textures_chain[0].type!=b)for(;c&&(this._textures_chain[c]=new GL.Texture(d,d,{type:b,format:gl.RGBA,filter:gl.NEAREST}),d>>=2,c++,1!=d););a.copyTo(this._textures_chain[0]);for(var c=1;c<=this._textures_chain.length;++c)a=this._textures_chain[c];var g=q._shader,f=this._uniforms;f.u_mipmap_offset=this.properties.mipmap_offset;gl.disable(gl.DEPTH_TEST);
-gl.disable(gl.BLEND);this._temp_texture.drawTo(function(){a.toViewport(g,f)})}},q.pixel_shader="precision highp float;\n\t\tprecision highp float;\n\t\tuniform mat4 u_samples_a;\n\t\tuniform mat4 u_samples_b;\n\t\tuniform sampler2D u_texture;\n\t\tuniform float u_mipmap_offset;\n\t\tvarying vec2 v_coord;\n\t\t\n\t\tvoid main() {\n\t\t\tvec4 color = vec4(0.0);\n\t\t\t//random average\n\t\t\tfor(int i = 0; i < 4; ++i)\n\t\t\t\tfor(int j = 0; j < 4; ++j)\n\t\t\t\t{\n\t\t\t\t\tcolor += texture2D(u_texture, vec2( u_samples_a[i][j], u_samples_b[i][j] ), u_mipmap_offset );\n\t\t\t\t\tcolor += texture2D(u_texture, vec2( 1.0 - u_samples_a[i][j], 1.0 - u_samples_b[i][j] ), u_mipmap_offset );\n\t\t\t\t}\n\t\t   gl_FragColor = color * 0.03125;\n\t\t}\n\t\t",
-H.title="Smooth",H.desc="Smooth texture over time",H.prototype.onExecute=function(){var a=this.getInputData(0);if(a&&this.isOutputConnected(0)){H._shader||(H._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,H.pixel_shader));var b=this._temp_texture;b&&b.type==a.type&&b.width==a.width&&b.height==a.height||(b={type:a.type,format:gl.RGBA,filter:gl.NEAREST},this._temp_texture=new GL.Texture(a.width,a.height,b),this._temp_texture2=new GL.Texture(a.width,a.height,b),a.copyTo(this._temp_texture2));var b=
-this._temp_texture,d=this._temp_texture2,c=H._shader,g=this._uniforms;g.u_factor=1-this.getInputOrProperty("factor");gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);b.drawTo(function(){d.bind(1);a.toViewport(c,g)});this.setOutputData(0,b);this._temp_texture=d;this._temp_texture2=b}},H.pixel_shader="precision highp float;\n\t\tprecision highp float;\n\t\tuniform sampler2D u_texture;\n\t\tuniform sampler2D u_textureB;\n\t\tuniform float u_factor;\n\t\tvarying vec2 v_coord;\n\t\t\n\t\tvoid main() {\n\t\t\tgl_FragColor = mix( texture2D( u_texture, v_coord ), texture2D( u_textureB, v_coord ), u_factor );\n\t\t}\n\t\t",
-K.registerNodeType("texture/temporal_smooth",H),w.title="Lineal Avg Smooth",w.desc="Smooth texture linearly over time",w["@samples"]={type:"number",min:1,max:64,step:1,precision:1},w.prototype.getPreviewTexture=function(){return this._temp_texture2},w.prototype.onExecute=function(){var a=this.getInputData(0);if(a&&this.isOutputConnected(0)){w._shader||(w._shader_copy=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,w.pixel_shader_copy),w._shader_avg=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,w.pixel_shader_avg));
-var b=Math.clamp(this.properties.samples,0,64),d=this.frame,c=this.properties.frames_interval;if(0==c||0==d%c){d=this._temp_texture;d&&d.type==a.type&&d.width==b||(d={type:a.type,format:gl.RGBA,filter:gl.NEAREST},this._temp_texture=new GL.Texture(b,1,d),this._temp_texture2=new GL.Texture(b,1,d),this._temp_texture_out=new GL.Texture(1,1,d));var g=this._temp_texture,f=this._temp_texture2,e=w._shader_copy,l=w._shader_avg,h=this._uniforms;h.u_samples=b;h.u_isamples=1/b;gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);
-g.drawTo(function(){f.bind(1);a.toViewport(e,h)});this._temp_texture_out.drawTo(function(){g.toViewport(l,h)});this.setOutputData(0,this._temp_texture_out);this._temp_texture=f;this._temp_texture2=g}else this.setOutputData(0,this._temp_texture_out);this.setOutputData(1,this._temp_texture2);this.frame++}},w.pixel_shader_copy="precision highp float;\n\t\tprecision highp float;\n\t\tuniform sampler2D u_texture;\n\t\tuniform sampler2D u_textureB;\n\t\tuniform float u_isamples;\n\t\tvarying vec2 v_coord;\n\t\t\n\t\tvoid main() {\n\t\t\tif( v_coord.x <= u_isamples )\n\t\t\t\tgl_FragColor = texture2D( u_texture, vec2(0.5) );\n\t\t\telse\n\t\t\t\tgl_FragColor = texture2D( u_textureB, v_coord - vec2(u_isamples,0.0) );\n\t\t}\n\t\t",
-w.pixel_shader_avg="precision highp float;\n\t\tprecision highp float;\n\t\tuniform sampler2D u_texture;\n\t\tuniform int u_samples;\n\t\tuniform float u_isamples;\n\t\tvarying vec2 v_coord;\n\t\t\n\t\tvoid main() {\n\t\t\tvec4 color = vec4(0.0);\n\t\t\tfor(int i = 0; i < 64; ++i)\n\t\t\t{\n\t\t\t\tcolor += texture2D( u_texture, vec2( float(i)*u_isamples,0.0) );\n\t\t\t\tif(i == (u_samples - 1))\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t\tgl_FragColor = color * u_isamples;\n\t\t}\n\t\t",K.registerNodeType("texture/linear_avg_smooth",
-w),L.title="Image to Texture",L.desc="Uploads an image to the GPU",L.prototype.onExecute=function(){var a=this.getInputData(0);if(a){var b=a.videoWidth||a.width,d=a.videoHeight||a.height;if(a.gltexture)this.setOutputData(0,a.gltexture);else{var c=this._temp_texture;c&&c.width==b&&c.height==d||(this._temp_texture=new GL.Texture(b,d,{format:gl.RGBA,filter:gl.LINEAR}));try{this._temp_texture.uploadImage(a)}catch(g){console.error("image comes from an unsafe location, cannot be uploaded to webgl: "+g);
-return}this.setOutputData(0,this._temp_texture)}}},K.registerNodeType("texture/imageToTexture",L),n.widgets_info={texture:{widget:"texture"},precision:{widget:"combo",values:c.MODE_VALUES}},n.title="LUT",n.desc="Apply LUT to Texture",n.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputData(0);if(this.properties.precision===c.PASS_THROUGH||!1===this.properties.enabled)this.setOutputData(0,a);else if(a){var b=this.getInputData(1);b||(b=c.getTexture(this.properties.texture));
-if(b){b.bind(0);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_MIN_FILTER,gl.LINEAR);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_WRAP_S,gl.CLAMP_TO_EDGE);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_WRAP_T,gl.CLAMP_TO_EDGE);gl.bindTexture(gl.TEXTURE_2D,null);var d=this.properties.intensity;this.isInputConnected(2)&&(this.properties.intensity=d=this.getInputData(2));this._tex=c.getTargetTexture(a,this._tex,this.properties.precision);this._tex.drawTo(function(){b.bind(1);a.toViewport(n._shader,{u_texture:0,u_textureB:1,
-u_amount:d})});this.setOutputData(0,this._tex)}else this.setOutputData(0,a)}}},n.pixel_shader="precision highp float;\n\t\tprecision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform sampler2D u_textureB;\n\t\tuniform float u_amount;\n\t\t\n\t\tvoid main() {\n\t\t\t lowp vec4 textureColor = clamp( texture2D(u_texture, v_coord), vec4(0.0), vec4(1.0) );\n\t\t\t mediump float blueColor = textureColor.b * 63.0;\n\t\t\t mediump vec2 quad1;\n\t\t\t quad1.y = floor(floor(blueColor) / 8.0);\n\t\t\t quad1.x = floor(blueColor) - (quad1.y * 8.0);\n\t\t\t mediump vec2 quad2;\n\t\t\t quad2.y = floor(ceil(blueColor) / 8.0);\n\t\t\t quad2.x = ceil(blueColor) - (quad2.y * 8.0);\n\t\t\t highp vec2 texPos1;\n\t\t\t texPos1.x = (quad1.x * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.r);\n\t\t\t texPos1.y = 1.0 - ((quad1.y * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.g));\n\t\t\t highp vec2 texPos2;\n\t\t\t texPos2.x = (quad2.x * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.r);\n\t\t\t texPos2.y = 1.0 - ((quad2.y * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.g));\n\t\t\t lowp vec4 newColor1 = texture2D(u_textureB, texPos1);\n\t\t\t lowp vec4 newColor2 = texture2D(u_textureB, texPos2);\n\t\t\t lowp vec4 newColor = mix(newColor1, newColor2, fract(blueColor));\n\t\t\t gl_FragColor = vec4( mix( textureColor.rgb, newColor.rgb, u_amount), textureColor.w);\n\t\t}\n\t\t",
-K.registerNodeType("texture/LUT",n),v.widgets_info={texture:{widget:"texture"},precision:{widget:"combo",values:c.MODE_VALUES}},v.title="Encode",v.desc="Apply a texture atlas to encode a texture",v.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputData(0);if(this.properties.precision===c.PASS_THROUGH||!1===this.properties.enabled)this.setOutputData(0,a);else if(a){var b=this.getInputData(1);b||(b=c.getTexture(this.properties.texture));if(b){b.bind(0);gl.texParameteri(gl.TEXTURE_2D,
+K.registerNodeType("texture/downsample",A),E.title="Resize",E.desc="Resize Texture",E.widgets_info={iterations:{type:"number",step:1,precision:0,min:0},precision:{widget:"combo",values:c.MODE_VALUES}},E.prototype.onExecute=function(){var a=this.getInputData(0);if((a||this._temp_texture)&&this.isOutputConnected(0)&&a&&a.texture_type===GL.TEXTURE_2D){var b=this.properties.size[0]|0,d=this.properties.size[1]|0;0==b&&(b=a.width);0==d&&(d=a.height);var e=a.type;this.properties.precision===c.LOW?e=gl.UNSIGNED_BYTE:
+this.properties.precision===c.HIGH&&(e=gl.HIGH_PRECISION_FORMAT);this._texture&&this._texture.width==b&&this._texture.height==d&&this._texture.type==e||(this._texture=new GL.Texture(b,d,{type:e}));a.copyTo(this._texture);this.properties.generate_mipmaps&&(this._texture.bind(0),gl.generateMipmap(this._texture.texture_type),this._texture.unbind(0));this.setOutputData(0,this._texture)}},K.registerNodeType("texture/resize",E),f.title="Average",f.desc="Compute a partial average (32 random samples) of a texture and stores it as a 1x1 pixel texture.\n If high_quality is true, then it generates the mipmaps first and reads from the lower one.",
+f.prototype.onExecute=function(){this.properties.use_previous_frame||this.updateAverage();var a=this._luminance;this.setOutputData(0,this._temp_texture);this.setOutputData(1,a);this.setOutputData(2,(a[0]+a[1]+a[2])/3)},f.prototype.onPreRenderExecute=function(){this.updateAverage()},f.prototype.updateAverage=function(){var a=this.getInputData(0);if(a&&(this.isOutputConnected(0)||this.isOutputConnected(1)||this.isOutputConnected(2))){if(!f._shader){f._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,
+f.pixel_shader);for(var b=new Float32Array(16),d=0;d<b.length;++d)b[d]=Math.random();f._shader.uniforms({u_samples_a:b.subarray(0,16),u_samples_b:b.subarray(16,32)})}d=this._temp_texture;b=gl.UNSIGNED_BYTE;a.type!=b&&(b=gl.FLOAT);d&&d.type==b||(this._temp_texture=new GL.Texture(1,1,{type:b,format:gl.RGBA,filter:gl.NEAREST}));this._uniforms.u_mipmap_offset=0;this.properties.high_quality&&(this._temp_pot2_texture&&this._temp_pot2_texture.type==b||(this._temp_pot2_texture=new GL.Texture(512,512,{type:b,
+format:gl.RGBA,minFilter:gl.LINEAR_MIPMAP_LINEAR,magFilter:gl.LINEAR})),a.copyTo(this._temp_pot2_texture),a=this._temp_pot2_texture,a.bind(0),gl.generateMipmap(GL.TEXTURE_2D),this._uniforms.u_mipmap_offset=9);var c=f._shader,e=this._uniforms;e.u_mipmap_offset=this.properties.mipmap_offset;gl.disable(gl.DEPTH_TEST);gl.disable(gl.BLEND);this._temp_texture.drawTo(function(){a.toViewport(c,e)});if(this.isOutputConnected(1)||this.isOutputConnected(2))if(d=this._temp_texture.getPixels()){var g=this._luminance,
+b=this._temp_texture.type;g.set(d);b==gl.UNSIGNED_BYTE&&vec4.scale(g,g,1/255)}}},f.pixel_shader="precision highp float;\n\t\tprecision highp float;\n\t\tuniform mat4 u_samples_a;\n\t\tuniform mat4 u_samples_b;\n\t\tuniform sampler2D u_texture;\n\t\tuniform float u_mipmap_offset;\n\t\tvarying vec2 v_coord;\n\t\t\n\t\tvoid main() {\n\t\t\tvec4 color = vec4(0.0);\n\t\t\t//random average\n\t\t\tfor(int i = 0; i < 4; ++i)\n\t\t\t\tfor(int j = 0; j < 4; ++j)\n\t\t\t\t{\n\t\t\t\t\tcolor += texture2D(u_texture, vec2( u_samples_a[i][j], u_samples_b[i][j] ), u_mipmap_offset );\n\t\t\t\t\tcolor += texture2D(u_texture, vec2( 1.0 - u_samples_a[i][j], 1.0 - u_samples_b[i][j] ), u_mipmap_offset );\n\t\t\t\t}\n\t\t   gl_FragColor = color * 0.03125;\n\t\t}\n\t\t",
+K.registerNodeType("texture/average",f),n.widgets_info={mode:{widget:"combo",values:["min","max","avg"]}},n.title="MinMax",n.desc="Compute the scene min max",n.prototype.onExecute=function(){this.properties.use_previous_frame||this.update();this.setOutputData(0,this._temp_texture);this.setOutputData(1,this._luminance)},n.prototype.onPreRenderExecute=function(){this.update()},n.prototype.update=function(){var a=this.getInputData(0);if(a&&(this.isOutputConnected(0)||this.isOutputConnected(1))){n._shader||
+(n._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,n.pixel_shader));var b=gl.UNSIGNED_BYTE;a.type!=b&&(b=gl.FLOAT);var d=512;if(!this._textures_chain.length||this._textures_chain[0].type!=b)for(;c&&(this._textures_chain[c]=new GL.Texture(d,d,{type:b,format:gl.RGBA,filter:gl.NEAREST}),d>>=2,c++,1!=d););a.copyTo(this._textures_chain[0]);for(var c=1;c<=this._textures_chain.length;++c)a=this._textures_chain[c];var e=n._shader,g=this._uniforms;g.u_mipmap_offset=this.properties.mipmap_offset;gl.disable(gl.DEPTH_TEST);
+gl.disable(gl.BLEND);this._temp_texture.drawTo(function(){a.toViewport(e,g)})}},n.pixel_shader="precision highp float;\n\t\tprecision highp float;\n\t\tuniform mat4 u_samples_a;\n\t\tuniform mat4 u_samples_b;\n\t\tuniform sampler2D u_texture;\n\t\tuniform float u_mipmap_offset;\n\t\tvarying vec2 v_coord;\n\t\t\n\t\tvoid main() {\n\t\t\tvec4 color = vec4(0.0);\n\t\t\t//random average\n\t\t\tfor(int i = 0; i < 4; ++i)\n\t\t\t\tfor(int j = 0; j < 4; ++j)\n\t\t\t\t{\n\t\t\t\t\tcolor += texture2D(u_texture, vec2( u_samples_a[i][j], u_samples_b[i][j] ), u_mipmap_offset );\n\t\t\t\t\tcolor += texture2D(u_texture, vec2( 1.0 - u_samples_a[i][j], 1.0 - u_samples_b[i][j] ), u_mipmap_offset );\n\t\t\t\t}\n\t\t   gl_FragColor = color * 0.03125;\n\t\t}\n\t\t",
+I.title="Smooth",I.desc="Smooth texture over time",I.prototype.onExecute=function(){var a=this.getInputData(0);if(a&&this.isOutputConnected(0)){I._shader||(I._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,I.pixel_shader));var b=this._temp_texture;b&&b.type==a.type&&b.width==a.width&&b.height==a.height||(b={type:a.type,format:gl.RGBA,filter:gl.NEAREST},this._temp_texture=new GL.Texture(a.width,a.height,b),this._temp_texture2=new GL.Texture(a.width,a.height,b),a.copyTo(this._temp_texture2));var b=
+this._temp_texture,d=this._temp_texture2,c=I._shader,e=this._uniforms;e.u_factor=1-this.getInputOrProperty("factor");gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);b.drawTo(function(){d.bind(1);a.toViewport(c,e)});this.setOutputData(0,b);this._temp_texture=d;this._temp_texture2=b}},I.pixel_shader="precision highp float;\n\t\tprecision highp float;\n\t\tuniform sampler2D u_texture;\n\t\tuniform sampler2D u_textureB;\n\t\tuniform float u_factor;\n\t\tvarying vec2 v_coord;\n\t\t\n\t\tvoid main() {\n\t\t\tgl_FragColor = mix( texture2D( u_texture, v_coord ), texture2D( u_textureB, v_coord ), u_factor );\n\t\t}\n\t\t",
+K.registerNodeType("texture/temporal_smooth",I),x.title="Lineal Avg Smooth",x.desc="Smooth texture linearly over time",x["@samples"]={type:"number",min:1,max:64,step:1,precision:1},x.prototype.getPreviewTexture=function(){return this._temp_texture2},x.prototype.onExecute=function(){var a=this.getInputData(0);if(a&&this.isOutputConnected(0)){x._shader||(x._shader_copy=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,x.pixel_shader_copy),x._shader_avg=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,x.pixel_shader_avg));
+var b=Math.clamp(this.properties.samples,0,64),d=this.frame,c=this.properties.frames_interval;if(0==c||0==d%c){d=this._temp_texture;d&&d.type==a.type&&d.width==b||(d={type:a.type,format:gl.RGBA,filter:gl.NEAREST},this._temp_texture=new GL.Texture(b,1,d),this._temp_texture2=new GL.Texture(b,1,d),this._temp_texture_out=new GL.Texture(1,1,d));var e=this._temp_texture,g=this._temp_texture2,f=x._shader_copy,l=x._shader_avg,h=this._uniforms;h.u_samples=b;h.u_isamples=1/b;gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);
+e.drawTo(function(){g.bind(1);a.toViewport(f,h)});this._temp_texture_out.drawTo(function(){e.toViewport(l,h)});this.setOutputData(0,this._temp_texture_out);this._temp_texture=g;this._temp_texture2=e}else this.setOutputData(0,this._temp_texture_out);this.setOutputData(1,this._temp_texture2);this.frame++}},x.pixel_shader_copy="precision highp float;\n\t\tprecision highp float;\n\t\tuniform sampler2D u_texture;\n\t\tuniform sampler2D u_textureB;\n\t\tuniform float u_isamples;\n\t\tvarying vec2 v_coord;\n\t\t\n\t\tvoid main() {\n\t\t\tif( v_coord.x <= u_isamples )\n\t\t\t\tgl_FragColor = texture2D( u_texture, vec2(0.5) );\n\t\t\telse\n\t\t\t\tgl_FragColor = texture2D( u_textureB, v_coord - vec2(u_isamples,0.0) );\n\t\t}\n\t\t",
+x.pixel_shader_avg="precision highp float;\n\t\tprecision highp float;\n\t\tuniform sampler2D u_texture;\n\t\tuniform int u_samples;\n\t\tuniform float u_isamples;\n\t\tvarying vec2 v_coord;\n\t\t\n\t\tvoid main() {\n\t\t\tvec4 color = vec4(0.0);\n\t\t\tfor(int i = 0; i < 64; ++i)\n\t\t\t{\n\t\t\t\tcolor += texture2D( u_texture, vec2( float(i)*u_isamples,0.0) );\n\t\t\t\tif(i == (u_samples - 1))\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t\tgl_FragColor = color * u_isamples;\n\t\t}\n\t\t",K.registerNodeType("texture/linear_avg_smooth",
+x),L.title="Image to Texture",L.desc="Uploads an image to the GPU",L.prototype.onExecute=function(){var a=this.getInputData(0);if(a){var b=a.videoWidth||a.width,d=a.videoHeight||a.height;if(a.gltexture)this.setOutputData(0,a.gltexture);else{var c=this._temp_texture;c&&c.width==b&&c.height==d||(this._temp_texture=new GL.Texture(b,d,{format:gl.RGBA,filter:gl.LINEAR}));try{this._temp_texture.uploadImage(a)}catch(e){console.error("image comes from an unsafe location, cannot be uploaded to webgl: "+e);
+return}this.setOutputData(0,this._temp_texture)}}},K.registerNodeType("texture/imageToTexture",L),s.widgets_info={texture:{widget:"texture"},precision:{widget:"combo",values:c.MODE_VALUES}},s.title="LUT",s.desc="Apply LUT to Texture",s.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputData(0);if(this.properties.precision===c.PASS_THROUGH||!1===this.properties.enabled)this.setOutputData(0,a);else if(a){var b=this.getInputData(1);b||(b=c.getTexture(this.properties.texture));
+if(b){b.bind(0);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_MIN_FILTER,gl.LINEAR);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_WRAP_S,gl.CLAMP_TO_EDGE);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_WRAP_T,gl.CLAMP_TO_EDGE);gl.bindTexture(gl.TEXTURE_2D,null);var d=this.properties.intensity;this.isInputConnected(2)&&(this.properties.intensity=d=this.getInputData(2));this._tex=c.getTargetTexture(a,this._tex,this.properties.precision);this._tex.drawTo(function(){b.bind(1);a.toViewport(s._shader,{u_texture:0,u_textureB:1,
+u_amount:d})});this.setOutputData(0,this._tex)}else this.setOutputData(0,a)}}},s.pixel_shader="precision highp float;\n\t\tprecision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform sampler2D u_textureB;\n\t\tuniform float u_amount;\n\t\t\n\t\tvoid main() {\n\t\t\t lowp vec4 textureColor = clamp( texture2D(u_texture, v_coord), vec4(0.0), vec4(1.0) );\n\t\t\t mediump float blueColor = textureColor.b * 63.0;\n\t\t\t mediump vec2 quad1;\n\t\t\t quad1.y = floor(floor(blueColor) / 8.0);\n\t\t\t quad1.x = floor(blueColor) - (quad1.y * 8.0);\n\t\t\t mediump vec2 quad2;\n\t\t\t quad2.y = floor(ceil(blueColor) / 8.0);\n\t\t\t quad2.x = ceil(blueColor) - (quad2.y * 8.0);\n\t\t\t highp vec2 texPos1;\n\t\t\t texPos1.x = (quad1.x * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.r);\n\t\t\t texPos1.y = 1.0 - ((quad1.y * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.g));\n\t\t\t highp vec2 texPos2;\n\t\t\t texPos2.x = (quad2.x * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.r);\n\t\t\t texPos2.y = 1.0 - ((quad2.y * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.g));\n\t\t\t lowp vec4 newColor1 = texture2D(u_textureB, texPos1);\n\t\t\t lowp vec4 newColor2 = texture2D(u_textureB, texPos2);\n\t\t\t lowp vec4 newColor = mix(newColor1, newColor2, fract(blueColor));\n\t\t\t gl_FragColor = vec4( mix( textureColor.rgb, newColor.rgb, u_amount), textureColor.w);\n\t\t}\n\t\t",
+K.registerNodeType("texture/LUT",s),w.widgets_info={texture:{widget:"texture"},precision:{widget:"combo",values:c.MODE_VALUES}},w.title="Encode",w.desc="Apply a texture atlas to encode a texture",w.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputData(0);if(this.properties.precision===c.PASS_THROUGH||!1===this.properties.enabled)this.setOutputData(0,a);else if(a){var b=this.getInputData(1);b||(b=c.getTexture(this.properties.texture));if(b){b.bind(0);gl.texParameteri(gl.TEXTURE_2D,
 gl.TEXTURE_MAG_FILTER,this.properties.filter?gl.LINEAR:gl.NEAREST);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_MIN_FILTER,this.properties.filter?gl.LINEAR:gl.NEAREST);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_WRAP_S,gl.CLAMP_TO_EDGE);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_WRAP_T,gl.CLAMP_TO_EDGE);gl.bindTexture(gl.TEXTURE_2D,null);var d=this._uniforms;d.u_row_simbols=Math.floor(this.properties.num_row_symbols);d.u_symbol_size=this.properties.symbol_size;d.u_brightness=this.properties.brightness;
-d.u_invert=this.properties.invert?1:0;d.u_colorize=this.properties.colorize?1:0;this._tex=c.getTargetTexture(a,this._tex,this.properties.precision);d.u_res[0]=this._tex.width;d.u_res[1]=this._tex.height;this._tex.bind(0);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_MAG_FILTER,gl.NEAREST);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_MIN_FILTER,gl.NEAREST);this._tex.drawTo(function(){b.bind(1);a.toViewport(v._shader,d)});this.properties.generate_mipmaps&&(this._tex.bind(0),gl.generateMipmap(this._tex.texture_type),
-this._tex.unbind(0));this.setOutputData(0,this._tex)}else this.setOutputData(0,a)}}},v.pixel_shader="precision highp float;\n\t\tprecision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform sampler2D u_textureB;\n\t\tuniform float u_row_simbols;\n\t\tuniform float u_symbol_size;\n\t\tuniform float u_brightness;\n\t\tuniform float u_invert;\n\t\tuniform float u_colorize;\n\t\tuniform vec2 u_res;\n\t\t\n\t\tvoid main() {\n\t\t\tvec2 total_symbols = u_res / u_symbol_size;\n\t\t\tvec2 uv = floor(v_coord * total_symbols) / total_symbols; //pixelate \n\t\t\tvec2 local_uv = mod(v_coord * u_res, u_symbol_size) / u_symbol_size;\n\t\t\tlowp vec4 textureColor = texture2D(u_texture, uv );\n\t\t\tfloat lum = clamp(u_brightness * (textureColor.x + textureColor.y + textureColor.z)/3.0,0.0,1.0);\n\t\t\tif( u_invert == 1.0 ) lum = 1.0 - lum;\n\t\t\tfloat index = floor( lum * (u_row_simbols * u_row_simbols - 1.0));\n\t\t\tfloat col = mod( index, u_row_simbols );\n\t\t\tfloat row = u_row_simbols - floor( index / u_row_simbols ) - 1.0;\n\t\t\tvec2 simbol_uv = ( vec2( col, row ) + local_uv ) / u_row_simbols;\n\t\t\tvec4 color = texture2D( u_textureB, simbol_uv );\n\t\t\tif(u_colorize == 1.0)\n\t\t\t\tcolor *= textureColor;\n\t\t\tgl_FragColor = color;\n\t\t}\n\t\t",
-K.registerNodeType("texture/encode",v),l.title="Texture to Channels",l.desc="Split texture channels",l.prototype.onExecute=function(){var a=this.getInputData(0);if(a){this._channels||(this._channels=Array(4));for(var b=gl.RGB,d=0,c=0;4>c;c++)this.isOutputConnected(c)?(this._channels[c]&&this._channels[c].width==a.width&&this._channels[c].height==a.height&&this._channels[c].type==a.type&&this._channels[c].format==b||(this._channels[c]=new GL.Texture(a.width,a.height,{type:a.type,format:b,filter:gl.LINEAR})),
-d++):this._channels[c]=null;if(d){gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);for(var g=Mesh.getScreenQuad(),f=l._shader,e=[[1,0,0,0],[0,1,0,0],[0,0,1,0],[0,0,0,1]],c=0;4>c;c++)this._channels[c]&&(this._channels[c].drawTo(function(){a.bind(0);f.uniforms({u_texture:0,u_mask:e[c]}).draw(g)}),this.setOutputData(c,this._channels[c]))}}},l.pixel_shader="precision highp float;\n\t\tprecision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform vec4 u_mask;\n\t\t\n\t\tvoid main() {\n\t\t   gl_FragColor = vec4( vec3( length( texture2D(u_texture, v_coord) * u_mask )), 1.0 );\n\t\t}\n\t\t",
-K.registerNodeType("texture/textureChannels",l),a.title="Channels to Texture",a.desc="Split texture channels",a.widgets_info={precision:{widget:"combo",values:c.MODE_VALUES}},a.prototype.onExecute=function(){var b=c.getWhiteTexture(),d=this.getInputData(0)||b,g=this.getInputData(1)||b,f=this.getInputData(2)||b,e=this.getInputData(3)||b;gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var l=Mesh.getScreenQuad();a._shader||(a._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,a.pixel_shader));var h=a._shader,
-b=Math.max(d.width,g.width,f.width,e.width),m=Math.max(d.height,g.height,f.height,e.height),n=this.properties.precision==c.HIGH?c.HIGH_PRECISION_FORMAT:gl.UNSIGNED_BYTE;this._texture&&this._texture.width==b&&this._texture.height==m&&this._texture.type==n||(this._texture=new GL.Texture(b,m,{type:n,format:gl.RGBA,filter:gl.LINEAR}));b=this._color;b[0]=this.properties.R;b[1]=this.properties.G;b[2]=this.properties.B;b[3]=this.properties.A;var k=this._uniforms;this._texture.drawTo(function(){d.bind(0);
-g.bind(1);f.bind(2);e.bind(3);h.uniforms(k).draw(l)});this.setOutputData(0,this._texture)},a.pixel_shader="precision highp float;\n\t\tprecision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_textureR;\n\t\tuniform sampler2D u_textureG;\n\t\tuniform sampler2D u_textureB;\n\t\tuniform sampler2D u_textureA;\n\t\tuniform vec4 u_color;\n\t\t\n\t\tvoid main() {\n\t\t   gl_FragColor = u_color * vec4( \t\t\t\t\ttexture2D(u_textureR, v_coord).r,\t\t\t\t\ttexture2D(u_textureG, v_coord).r,\t\t\t\t\ttexture2D(u_textureB, v_coord).r,\t\t\t\t\ttexture2D(u_textureA, v_coord).r);\n\t\t}\n\t\t",
+d.u_invert=this.properties.invert?1:0;d.u_colorize=this.properties.colorize?1:0;this._tex=c.getTargetTexture(a,this._tex,this.properties.precision);d.u_res[0]=this._tex.width;d.u_res[1]=this._tex.height;this._tex.bind(0);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_MAG_FILTER,gl.NEAREST);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_MIN_FILTER,gl.NEAREST);this._tex.drawTo(function(){b.bind(1);a.toViewport(w._shader,d)});this.properties.generate_mipmaps&&(this._tex.bind(0),gl.generateMipmap(this._tex.texture_type),
+this._tex.unbind(0));this.setOutputData(0,this._tex)}else this.setOutputData(0,a)}}},w.pixel_shader="precision highp float;\n\t\tprecision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform sampler2D u_textureB;\n\t\tuniform float u_row_simbols;\n\t\tuniform float u_symbol_size;\n\t\tuniform float u_brightness;\n\t\tuniform float u_invert;\n\t\tuniform float u_colorize;\n\t\tuniform vec2 u_res;\n\t\t\n\t\tvoid main() {\n\t\t\tvec2 total_symbols = u_res / u_symbol_size;\n\t\t\tvec2 uv = floor(v_coord * total_symbols) / total_symbols; //pixelate \n\t\t\tvec2 local_uv = mod(v_coord * u_res, u_symbol_size) / u_symbol_size;\n\t\t\tlowp vec4 textureColor = texture2D(u_texture, uv );\n\t\t\tfloat lum = clamp(u_brightness * (textureColor.x + textureColor.y + textureColor.z)/3.0,0.0,1.0);\n\t\t\tif( u_invert == 1.0 ) lum = 1.0 - lum;\n\t\t\tfloat index = floor( lum * (u_row_simbols * u_row_simbols - 1.0));\n\t\t\tfloat col = mod( index, u_row_simbols );\n\t\t\tfloat row = u_row_simbols - floor( index / u_row_simbols ) - 1.0;\n\t\t\tvec2 simbol_uv = ( vec2( col, row ) + local_uv ) / u_row_simbols;\n\t\t\tvec4 color = texture2D( u_textureB, simbol_uv );\n\t\t\tif(u_colorize == 1.0)\n\t\t\t\tcolor *= textureColor;\n\t\t\tgl_FragColor = color;\n\t\t}\n\t\t",
+K.registerNodeType("texture/encode",w),l.title="Texture to Channels",l.desc="Split texture channels",l.prototype.onExecute=function(){var a=this.getInputData(0);if(a){this._channels||(this._channels=Array(4));for(var b=gl.RGB,d=0,c=0;4>c;c++)this.isOutputConnected(c)?(this._channels[c]&&this._channels[c].width==a.width&&this._channels[c].height==a.height&&this._channels[c].type==a.type&&this._channels[c].format==b||(this._channels[c]=new GL.Texture(a.width,a.height,{type:a.type,format:b,filter:gl.LINEAR})),
+d++):this._channels[c]=null;if(d){gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);for(var e=Mesh.getScreenQuad(),g=l._shader,f=[[1,0,0,0],[0,1,0,0],[0,0,1,0],[0,0,0,1]],c=0;4>c;c++)this._channels[c]&&(this._channels[c].drawTo(function(){a.bind(0);g.uniforms({u_texture:0,u_mask:f[c]}).draw(e)}),this.setOutputData(c,this._channels[c]))}}},l.pixel_shader="precision highp float;\n\t\tprecision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform vec4 u_mask;\n\t\t\n\t\tvoid main() {\n\t\t   gl_FragColor = vec4( vec3( length( texture2D(u_texture, v_coord) * u_mask )), 1.0 );\n\t\t}\n\t\t",
+K.registerNodeType("texture/textureChannels",l),a.title="Channels to Texture",a.desc="Split texture channels",a.widgets_info={precision:{widget:"combo",values:c.MODE_VALUES}},a.prototype.onExecute=function(){var b=c.getWhiteTexture(),d=this.getInputData(0)||b,e=this.getInputData(1)||b,g=this.getInputData(2)||b,f=this.getInputData(3)||b;gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var l=Mesh.getScreenQuad();a._shader||(a._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,a.pixel_shader));var h=a._shader,
+b=Math.max(d.width,e.width,g.width,f.width),m=Math.max(d.height,e.height,g.height,f.height),s=this.properties.precision==c.HIGH?c.HIGH_PRECISION_FORMAT:gl.UNSIGNED_BYTE;this._texture&&this._texture.width==b&&this._texture.height==m&&this._texture.type==s||(this._texture=new GL.Texture(b,m,{type:s,format:gl.RGBA,filter:gl.LINEAR}));b=this._color;b[0]=this.properties.R;b[1]=this.properties.G;b[2]=this.properties.B;b[3]=this.properties.A;var k=this._uniforms;this._texture.drawTo(function(){d.bind(0);
+e.bind(1);g.bind(2);f.bind(3);h.uniforms(k).draw(l)});this.setOutputData(0,this._texture)},a.pixel_shader="precision highp float;\n\t\tprecision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_textureR;\n\t\tuniform sampler2D u_textureG;\n\t\tuniform sampler2D u_textureB;\n\t\tuniform sampler2D u_textureA;\n\t\tuniform vec4 u_color;\n\t\t\n\t\tvoid main() {\n\t\t   gl_FragColor = u_color * vec4( \t\t\t\t\ttexture2D(u_textureR, v_coord).r,\t\t\t\t\ttexture2D(u_textureG, v_coord).r,\t\t\t\t\ttexture2D(u_textureB, v_coord).r,\t\t\t\t\ttexture2D(u_textureA, v_coord).r);\n\t\t}\n\t\t",
 K.registerNodeType("texture/channelsTexture",a),b.title="Color",b.desc="Generates a 1x1 texture with a constant color",b.widgets_info={precision:{widget:"combo",values:c.MODE_VALUES}},b.prototype.onDrawBackground=function(a){var b=this.properties.color;a.fillStyle="rgb("+Math.floor(255*Math.clamp(b[0],0,1))+","+Math.floor(255*Math.clamp(b[1],0,1))+","+Math.floor(255*Math.clamp(b[2],0,1))+")";this.flags.collapsed?this.boxcolor=a.fillStyle:a.fillRect(0,0,this.size[0],this.size[1])},b.prototype.onExecute=
-function(){var a=this.properties.precision==c.HIGH?c.HIGH_PRECISION_FORMAT:gl.UNSIGNED_BYTE;this._tex&&this._tex.type==a||(this._tex=new GL.Texture(1,1,{format:gl.RGBA,type:a,minFilter:gl.NEAREST}));a=this.properties.color;if(this.inputs)for(var b=0;b<this.inputs.length;b++){var d=this.inputs[b],g=this.getInputData(b);if(void 0!==g)switch(d.name){case "RGB":case "RGBA":a.set(g);break;case "R":a[0]=g;break;case "G":a[1]=g;break;case "B":a[2]=g;break;case "A":a[3]=g}}0.001<vec4.sqrDist(this._tex_color,
+function(){var a=this.properties.precision==c.HIGH?c.HIGH_PRECISION_FORMAT:gl.UNSIGNED_BYTE;this._tex&&this._tex.type==a||(this._tex=new GL.Texture(1,1,{format:gl.RGBA,type:a,minFilter:gl.NEAREST}));a=this.properties.color;if(this.inputs)for(var b=0;b<this.inputs.length;b++){var d=this.inputs[b],e=this.getInputData(b);if(void 0!==e)switch(d.name){case "RGB":case "RGBA":a.set(e);break;case "R":a[0]=e;break;case "G":a[1]=e;break;case "B":a[2]=e;break;case "A":a[3]=e}}0.001<vec4.sqrDist(this._tex_color,
 a)&&(this._tex_color.set(a),this._tex.fill(a));this.setOutputData(0,this._tex)},b.prototype.onGetInputs=function(){return[["RGB","vec3"],["RGBA","vec4"],["R","number"],["G","number"],["B","number"],["A","number"]]},K.registerNodeType("texture/color",b),d.title="Gradient",d.desc="Generates a gradient",d["@A"]={type:"color"},d["@B"]={type:"color"},d["@texture_size"]={type:"enum",values:[32,64,128,256,512]},d.prototype.onExecute=function(){gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var a=GL.Mesh.getScreenQuad(),
-b=d._shader,c=this.getInputData(0);c||(c=this.properties.A);var g=this.getInputData(1);g||(g=this.properties.B);for(var f=2;f<this.inputs.length;f++){var e=this.inputs[f],l=this.getInputData(f);void 0!==l&&(this.properties[e.name]=l)}var h=this._uniforms;this._uniforms.u_angle=this.properties.angle*DEG2RAD;this._uniforms.u_scale=this.properties.scale;vec3.copy(h.u_colorA,c);vec3.copy(h.u_colorB,g);c=parseInt(this.properties.texture_size);this._tex&&this._tex.width==c||(this._tex=new GL.Texture(c,
+b=d._shader,c=this.getInputData(0);c||(c=this.properties.A);var e=this.getInputData(1);e||(e=this.properties.B);for(var g=2;g<this.inputs.length;g++){var f=this.inputs[g],l=this.getInputData(g);void 0!==l&&(this.properties[f.name]=l)}var h=this._uniforms;this._uniforms.u_angle=this.properties.angle*DEG2RAD;this._uniforms.u_scale=this.properties.scale;vec3.copy(h.u_colorA,c);vec3.copy(h.u_colorB,e);c=parseInt(this.properties.texture_size);this._tex&&this._tex.width==c||(this._tex=new GL.Texture(c,
 c,{format:gl.RGB,filter:gl.LINEAR}));this._tex.drawTo(function(){b.uniforms(h).draw(a)});this.setOutputData(0,this._tex)},d.prototype.onGetInputs=function(){return[["angle","number"],["scale","number"]]},d.pixel_shader="precision highp float;\n\t\tprecision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform float u_angle;\n\t\tuniform float u_scale;\n\t\tuniform vec3 u_colorA;\n\t\tuniform vec3 u_colorB;\n\t\t\n\t\tvec2 rotate(vec2 v, float angle)\n\t\t{\n\t\t\tvec2 result;\n\t\t\tfloat _cos = cos(angle);\n\t\t\tfloat _sin = sin(angle);\n\t\t\tresult.x = v.x * _cos - v.y * _sin;\n\t\t\tresult.y = v.x * _sin + v.y * _cos;\n\t\t\treturn result;\n\t\t}\n\t\tvoid main() {\n\t\t\tfloat f = (rotate(u_scale * (v_coord - vec2(0.5)), u_angle) + vec2(0.5)).x;\n\t\t\tvec3 color = mix(u_colorA,u_colorB,clamp(f,0.0,1.0));\n\t\t   gl_FragColor = vec4(color,1.0);\n\t\t}\n\t\t",
-K.registerNodeType("texture/gradient",d),g.title="Mix",g.desc="Generates a texture mixing two textures",g.widgets_info={precision:{widget:"combo",values:c.MODE_VALUES}},g.prototype.onExecute=function(){var a=this.getInputData(0);if(this.isOutputConnected(0))if(this.properties.precision===c.PASS_THROUGH)this.setOutputData(0,a);else{var b=this.getInputData(1);if(a&&b){var d=this.getInputData(2),f=this.getInputData(3);this._tex=c.getTargetTexture(this.properties.size_from_biggest&&b.width>a.width?b:
-a,this._tex,this.properties.precision);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var e=Mesh.getScreenQuad(),l=null,h=this._uniforms;d?(l=g._shader_tex,l||(l=g._shader_tex=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,g.pixel_shader,{MIX_TEX:""}))):(l=g._shader_factor,l||(l=g._shader_factor=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,g.pixel_shader)),f=null==f?this.properties.factor:f,h.u_mix.set([f,f,f,f]));var m=this.properties.invert;this._tex.drawTo(function(){a.bind(m?1:0);b.bind(m?0:1);d&&d.bind(2);
-l.uniforms(h).draw(e)});this.setOutputData(0,this._tex)}}},g.prototype.onGetInputs=function(){return[["factor","number"]]},g.pixel_shader="precision highp float;\n\t\tprecision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_textureA;\n\t\tuniform sampler2D u_textureB;\n\t\t#ifdef MIX_TEX\n\t\t\tuniform sampler2D u_textureMix;\n\t\t#else\n\t\t\tuniform vec4 u_mix;\n\t\t#endif\n\t\t\n\t\tvoid main() {\n\t\t\t#ifdef MIX_TEX\n\t\t\t   vec4 f = texture2D(u_textureMix, v_coord);\n\t\t\t#else\n\t\t\t   vec4 f = u_mix;\n\t\t\t#endif\n\t\t   gl_FragColor = mix( texture2D(u_textureA, v_coord), texture2D(u_textureB, v_coord), f );\n\t\t}\n\t\t",
-K.registerNodeType("texture/mix",g),f.title="Edges",f.desc="Detects edges",f.widgets_info={precision:{widget:"combo",values:c.MODE_VALUES}},f.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputData(0);if(this.properties.precision===c.PASS_THROUGH)this.setOutputData(0,a);else if(a){this._tex=c.getTargetTexture(a,this._tex,this.properties.precision);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var b=Mesh.getScreenQuad(),d=f._shader,g=this.properties.invert,e=this.properties.factor,
-l=this.properties.threshold?1:0;this._tex.drawTo(function(){a.bind(0);d.uniforms({u_texture:0,u_isize:[1/a.width,1/a.height],u_factor:e,u_threshold:l,u_invert:g?1:0}).draw(b)});this.setOutputData(0,this._tex)}}},f.pixel_shader="precision highp float;\n\t\tprecision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform vec2 u_isize;\n\t\tuniform int u_invert;\n\t\tuniform float u_factor;\n\t\tuniform float u_threshold;\n\t\t\n\t\tvoid main() {\n\t\t\tvec4 center = texture2D(u_texture, v_coord);\n\t\t\tvec4 up = texture2D(u_texture, v_coord + u_isize * vec2(0.0,1.0) );\n\t\t\tvec4 down = texture2D(u_texture, v_coord + u_isize * vec2(0.0,-1.0) );\n\t\t\tvec4 left = texture2D(u_texture, v_coord + u_isize * vec2(1.0,0.0) );\n\t\t\tvec4 right = texture2D(u_texture, v_coord + u_isize * vec2(-1.0,0.0) );\n\t\t\tvec4 diff = abs(center - up) + abs(center - down) + abs(center - left) + abs(center - right);\n\t\t\tdiff *= u_factor;\n\t\t\tif(u_invert == 1)\n\t\t\t\tdiff.xyz = vec3(1.0) - diff.xyz;\n\t\t\tif( u_threshold == 0.0 )\n\t\t\t\tgl_FragColor = vec4( diff.xyz, center.a );\n\t\t\telse\n\t\t\t\tgl_FragColor = vec4( diff.x > 0.5 ? 1.0 : 0.0, diff.y > 0.5 ? 1.0 : 0.0, diff.z > 0.5 ? 1.0 : 0.0, center.a );\n\t\t}\n\t\t",
-K.registerNodeType("texture/edges",f),E.title="Depth Range",E.desc="Generates a texture with a depth range",E.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputData(0);if(a){var b=gl.UNSIGNED_BYTE;this.properties.high_precision&&(b=gl.half_float_ext?gl.HALF_FLOAT_OES:gl.FLOAT);this._temp_texture&&this._temp_texture.type==b&&this._temp_texture.width==a.width&&this._temp_texture.height==a.height||(this._temp_texture=new GL.Texture(a.width,a.height,{type:b,format:gl.RGBA,
-filter:gl.LINEAR}));var d=this._uniforms,b=this.properties.distance;this.isInputConnected(1)&&(b=this.getInputData(1),this.properties.distance=b);var c=this.properties.range;this.isInputConnected(2)&&(c=this.getInputData(2),this.properties.range=c);d.u_distance=b;d.u_range=c;gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var g=Mesh.getScreenQuad();E._shader||(E._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,E.pixel_shader),E._shader_onlydepth=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,E.pixel_shader,
-{ONLY_DEPTH:""}));var f=this.properties.only_depth?E._shader_onlydepth:E._shader,b=null,b=a.near_far_planes?a.near_far_planes:window.LS&&LS.Renderer._main_camera?LS.Renderer._main_camera._uniforms.u_camera_planes:[0.1,1E3];d.u_camera_planes=b;this._temp_texture.drawTo(function(){a.bind(0);f.uniforms(d).draw(g)});this._temp_texture.near_far_planes=b;this.setOutputData(0,this._temp_texture)}}},E.pixel_shader="precision highp float;\n\t\tprecision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform vec2 u_camera_planes;\n\t\tuniform float u_distance;\n\t\tuniform float u_range;\n\t\t\n\t\tfloat LinearDepth()\n\t\t{\n\t\t\tfloat zNear = u_camera_planes.x;\n\t\t\tfloat zFar = u_camera_planes.y;\n\t\t\tfloat depth = texture2D(u_texture, v_coord).x;\n\t\t\tdepth = depth * 2.0 - 1.0;\n\t\t\treturn zNear * (depth + 1.0) / (zFar + zNear - depth * (zFar - zNear));\n\t\t}\n\t\t\n\t\tvoid main() {\n\t\t\tfloat depth = LinearDepth();\n\t\t\t#ifdef ONLY_DEPTH\n\t\t\t   gl_FragColor = vec4(depth);\n\t\t\t#else\n\t\t\t\tfloat diff = abs(depth * u_camera_planes.y - u_distance);\n\t\t\t\tfloat dof = 1.0;\n\t\t\t\tif(diff <= u_range)\n\t\t\t\t\tdof = diff / u_range;\n\t\t\t   gl_FragColor = vec4(dof);\n\t\t\t#endif\n\t\t}\n\t\t",
-K.registerNodeType("texture/depth_range",E),m.widgets_info={precision:{widget:"combo",values:c.MODE_VALUES}},m.title="Linear Depth",m.desc="Creates a color texture with linear depth",m.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputData(0);if(a&&(a.format==gl.DEPTH_COMPONENT||a.format==gl.DEPTH_STENCIL)){var b=this.properties.precision==c.HIGH?gl.HIGH_PRECISION_FORMAT:gl.UNSIGNED_BYTE;this._temp_texture&&this._temp_texture.type==b&&this._temp_texture.width==a.width&&
-this._temp_texture.height==a.height||(this._temp_texture=new GL.Texture(a.width,a.height,{type:b,format:gl.RGB,filter:gl.LINEAR}));var d=this._uniforms;d.u_invert=this.properties.invert?1:0;gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var g=Mesh.getScreenQuad();m._shader||(m._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,m.pixel_shader));var f=m._shader,b=null,b=a.near_far_planes?a.near_far_planes:window.LS&&LS.Renderer._main_camera?LS.Renderer._main_camera._uniforms.u_camera_planes:[0.1,
-1E3];d.u_camera_planes=b;d.u_ires.set([0,0]);this._temp_texture.drawTo(function(){a.bind(0);f.uniforms(d).draw(g)});this._temp_texture.near_far_planes=b;this.setOutputData(0,this._temp_texture)}}},m.pixel_shader="precision highp float;\n\t\tprecision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform vec2 u_camera_planes;\n\t\tuniform int u_invert;\n\t\tuniform vec2 u_ires;\n\t\t\n\t\tvoid main() {\n\t\t\tfloat zNear = u_camera_planes.x;\n\t\t\tfloat zFar = u_camera_planes.y;\n\t\t\tfloat depth = texture2D(u_texture, v_coord + u_ires*0.5).x * 2.0 - 1.0;\n\t\t\tfloat f = zNear * (depth + 1.0) / (zFar + zNear - depth * (zFar - zNear));\n\t\t\tif( u_invert == 1 )\n\t\t\t\tf = 1.0 - f;\n\t\t\tgl_FragColor = vec4(vec3(f),1.0);\n\t\t}\n\t\t",
-K.registerNodeType("texture/linear_depth",m),r.title="Blur",r.desc="Blur a texture",r.widgets_info={precision:{widget:"combo",values:c.MODE_VALUES}},r.max_iterations=20,r.prototype.onExecute=function(){var a=this.getInputData(0);if(a&&this.isOutputConnected(0)){var b=this._final_texture;b&&b.width==a.width&&b.height==a.height&&b.type==a.type||(b=this._final_texture=new GL.Texture(a.width,a.height,{type:a.type,format:gl.RGBA,filter:gl.LINEAR}));var d=this.properties.iterations;this.isInputConnected(1)&&
-(d=this.getInputData(1),this.properties.iterations=d);d=Math.min(Math.floor(d),r.max_iterations);if(0==d)this.setOutputData(0,a);else{var c=this.properties.intensity;this.isInputConnected(2)&&(c=this.getInputData(2),this.properties.intensity=c);var g=K.camera_aspect;g||void 0===window.gl||(g=gl.canvas.height/gl.canvas.width);g||(g=1);var g=this.properties.preserve_aspect?g:1,f=this.properties.scale||[1,1];a.applyBlur(g*f[0],f[1],c,b);for(a=1;a<d;++a)b.applyBlur(g*f[0]*(a+1),f[1]*(a+1),c);this.setOutputData(0,
-b)}}},K.registerNodeType("texture/blur",r),x.prototype.applyFX=function(a,b,d,c){var g=a.width,f=a.height,e={format:a.format,type:a.type,minFilter:GL.LINEAR,magFilter:GL.LINEAR,wrap:gl.CLAMP_TO_EDGE},l=this._uniforms,h=this._textures,m=x._cut_shader;m||(m=x._cut_shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,x.cut_pixel_shader));gl.disable(gl.DEPTH_TEST);gl.disable(gl.BLEND);l.u_threshold=this.threshold;var n=h[0]=GL.Texture.getTemporary(g,f,e);a.blit(n,m.uniforms(l));var k=n,v=this.iterations,
-v=Math.clamp(v,1,16)|0,r=l.u_texel_size,I=this.intensity;l.u_intensity=1;l.u_delta=this.scale;m=x._shader;m||(m=x._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,x.scale_pixel_shader));for(var q=1;q<v;q++){g>>=1;1<(f|0)&&(f>>=1);if(2>g)break;n=h[q]=GL.Texture.getTemporary(g,f,e);r[0]=1/k.width;r[1]=1/k.height;k.blit(n,m.uniforms(l));k=n}c&&(r[0]=1/k.width,r[1]=1/k.height,l.u_intensity=I,l.u_delta=1,k.blit(c,m.uniforms(l)));gl.enable(gl.BLEND);gl.blendFunc(gl.ONE,gl.ONE);l.u_intensity=this.persistence;
-l.u_delta=0.5;for(q-=2;0<=q;q--)n=h[q],h[q]=null,r[0]=1/k.width,r[1]=1/k.height,k.blit(n,m.uniforms(l)),GL.Texture.releaseTemporary(k),k=n;gl.disable(gl.BLEND);d&&k.blit(d);if(b){var s=this.dirt_texture,J=this.dirt_factor;l.u_intensity=I;m=s?x._dirt_final_shader:x._final_shader;m||(m=s?x._dirt_final_shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,x.final_pixel_shader,{USE_DIRT:""}):x._final_shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,x.final_pixel_shader));b.drawTo(function(){a.bind(0);
-k.bind(1);s&&(m.setUniform("u_dirt_factor",J),m.setUniform("u_dirt_texture",s.bind(2)));m.toViewport(l)})}GL.Texture.releaseTemporary(k)},x.cut_pixel_shader="precision highp float;\n\tvarying vec2 v_coord;\n\tuniform sampler2D u_texture;\n\tuniform float u_threshold;\n\tvoid main() {\n\t\tgl_FragColor = max( texture2D( u_texture, v_coord ) - vec4( u_threshold ), vec4(0.0) );\n\t}",x.scale_pixel_shader="precision highp float;\n\tvarying vec2 v_coord;\n\tuniform sampler2D u_texture;\n\tuniform vec2 u_texel_size;\n\tuniform float u_delta;\n\tuniform float u_intensity;\n\t\n\tvec4 sampleBox(vec2 uv) {\n\t\tvec4 o = u_texel_size.xyxy * vec2(-u_delta, u_delta).xxyy;\n\t\tvec4 s = texture2D( u_texture, uv + o.xy ) + texture2D( u_texture, uv + o.zy) + texture2D( u_texture, uv + o.xw) + texture2D( u_texture, uv + o.zw);\n\t\treturn s * 0.25;\n\t}\n\tvoid main() {\n\t\tgl_FragColor = u_intensity * sampleBox( v_coord );\n\t}",
-x.final_pixel_shader="precision highp float;\n\tvarying vec2 v_coord;\n\tuniform sampler2D u_texture;\n\tuniform sampler2D u_glow_texture;\n\t#ifdef USE_DIRT\n\t\tuniform sampler2D u_dirt_texture;\n\t#endif\n\tuniform vec2 u_texel_size;\n\tuniform float u_delta;\n\tuniform float u_intensity;\n\tuniform float u_dirt_factor;\n\t\n\tvec4 sampleBox(vec2 uv) {\n\t\tvec4 o = u_texel_size.xyxy * vec2(-u_delta, u_delta).xxyy;\n\t\tvec4 s = texture2D( u_glow_texture, uv + o.xy ) + texture2D( u_glow_texture, uv + o.zy) + texture2D( u_glow_texture, uv + o.xw) + texture2D( u_glow_texture, uv + o.zw);\n\t\treturn s * 0.25;\n\t}\n\tvoid main() {\n\t\tvec4 glow = sampleBox( v_coord );\n\t\t#ifdef USE_DIRT\n\t\t\tglow = mix( glow, glow * texture2D( u_dirt_texture, v_coord ), u_dirt_factor );\n\t\t#endif\n\t\tgl_FragColor = texture2D( u_texture, v_coord ) + u_intensity * glow;\n\t}",
+K.registerNodeType("texture/gradient",d),g.title="Mix",g.desc="Generates a texture mixing two textures",g.widgets_info={precision:{widget:"combo",values:c.MODE_VALUES}},g.prototype.onExecute=function(){var a=this.getInputData(0);if(this.isOutputConnected(0))if(this.properties.precision===c.PASS_THROUGH)this.setOutputData(0,a);else{var b=this.getInputData(1);if(a&&b){var d=this.getInputData(2),e=this.getInputData(3);this._tex=c.getTargetTexture(this.properties.size_from_biggest&&b.width>a.width?b:
+a,this._tex,this.properties.precision);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var f=Mesh.getScreenQuad(),l=null,h=this._uniforms;d?(l=g._shader_tex,l||(l=g._shader_tex=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,g.pixel_shader,{MIX_TEX:""}))):(l=g._shader_factor,l||(l=g._shader_factor=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,g.pixel_shader)),e=null==e?this.properties.factor:e,h.u_mix.set([e,e,e,e]));var m=this.properties.invert;this._tex.drawTo(function(){a.bind(m?1:0);b.bind(m?0:1);d&&d.bind(2);
+l.uniforms(h).draw(f)});this.setOutputData(0,this._tex)}}},g.prototype.onGetInputs=function(){return[["factor","number"]]},g.pixel_shader="precision highp float;\n\t\tprecision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_textureA;\n\t\tuniform sampler2D u_textureB;\n\t\t#ifdef MIX_TEX\n\t\t\tuniform sampler2D u_textureMix;\n\t\t#else\n\t\t\tuniform vec4 u_mix;\n\t\t#endif\n\t\t\n\t\tvoid main() {\n\t\t\t#ifdef MIX_TEX\n\t\t\t   vec4 f = texture2D(u_textureMix, v_coord);\n\t\t\t#else\n\t\t\t   vec4 f = u_mix;\n\t\t\t#endif\n\t\t   gl_FragColor = mix( texture2D(u_textureA, v_coord), texture2D(u_textureB, v_coord), f );\n\t\t}\n\t\t",
+K.registerNodeType("texture/mix",g),e.title="Edges",e.desc="Detects edges",e.widgets_info={precision:{widget:"combo",values:c.MODE_VALUES}},e.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputData(0);if(this.properties.precision===c.PASS_THROUGH)this.setOutputData(0,a);else if(a){this._tex=c.getTargetTexture(a,this._tex,this.properties.precision);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var b=Mesh.getScreenQuad(),d=e._shader,g=this.properties.invert,f=this.properties.factor,
+l=this.properties.threshold?1:0;this._tex.drawTo(function(){a.bind(0);d.uniforms({u_texture:0,u_isize:[1/a.width,1/a.height],u_factor:f,u_threshold:l,u_invert:g?1:0}).draw(b)});this.setOutputData(0,this._tex)}}},e.pixel_shader="precision highp float;\n\t\tprecision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform vec2 u_isize;\n\t\tuniform int u_invert;\n\t\tuniform float u_factor;\n\t\tuniform float u_threshold;\n\t\t\n\t\tvoid main() {\n\t\t\tvec4 center = texture2D(u_texture, v_coord);\n\t\t\tvec4 up = texture2D(u_texture, v_coord + u_isize * vec2(0.0,1.0) );\n\t\t\tvec4 down = texture2D(u_texture, v_coord + u_isize * vec2(0.0,-1.0) );\n\t\t\tvec4 left = texture2D(u_texture, v_coord + u_isize * vec2(1.0,0.0) );\n\t\t\tvec4 right = texture2D(u_texture, v_coord + u_isize * vec2(-1.0,0.0) );\n\t\t\tvec4 diff = abs(center - up) + abs(center - down) + abs(center - left) + abs(center - right);\n\t\t\tdiff *= u_factor;\n\t\t\tif(u_invert == 1)\n\t\t\t\tdiff.xyz = vec3(1.0) - diff.xyz;\n\t\t\tif( u_threshold == 0.0 )\n\t\t\t\tgl_FragColor = vec4( diff.xyz, center.a );\n\t\t\telse\n\t\t\t\tgl_FragColor = vec4( diff.x > 0.5 ? 1.0 : 0.0, diff.y > 0.5 ? 1.0 : 0.0, diff.z > 0.5 ? 1.0 : 0.0, center.a );\n\t\t}\n\t\t",
+K.registerNodeType("texture/edges",e),y.title="Depth Range",y.desc="Generates a texture with a depth range",y.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputData(0);if(a){var b=gl.UNSIGNED_BYTE;this.properties.high_precision&&(b=gl.half_float_ext?gl.HALF_FLOAT_OES:gl.FLOAT);this._temp_texture&&this._temp_texture.type==b&&this._temp_texture.width==a.width&&this._temp_texture.height==a.height||(this._temp_texture=new GL.Texture(a.width,a.height,{type:b,format:gl.RGBA,
+filter:gl.LINEAR}));var d=this._uniforms,b=this.properties.distance;this.isInputConnected(1)&&(b=this.getInputData(1),this.properties.distance=b);var c=this.properties.range;this.isInputConnected(2)&&(c=this.getInputData(2),this.properties.range=c);d.u_distance=b;d.u_range=c;gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var e=Mesh.getScreenQuad();y._shader||(y._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,y.pixel_shader),y._shader_onlydepth=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,y.pixel_shader,
+{ONLY_DEPTH:""}));var g=this.properties.only_depth?y._shader_onlydepth:y._shader,b=null,b=a.near_far_planes?a.near_far_planes:window.LS&&LS.Renderer._main_camera?LS.Renderer._main_camera._uniforms.u_camera_planes:[0.1,1E3];d.u_camera_planes=b;this._temp_texture.drawTo(function(){a.bind(0);g.uniforms(d).draw(e)});this._temp_texture.near_far_planes=b;this.setOutputData(0,this._temp_texture)}}},y.pixel_shader="precision highp float;\n\t\tprecision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform vec2 u_camera_planes;\n\t\tuniform float u_distance;\n\t\tuniform float u_range;\n\t\t\n\t\tfloat LinearDepth()\n\t\t{\n\t\t\tfloat zNear = u_camera_planes.x;\n\t\t\tfloat zFar = u_camera_planes.y;\n\t\t\tfloat depth = texture2D(u_texture, v_coord).x;\n\t\t\tdepth = depth * 2.0 - 1.0;\n\t\t\treturn zNear * (depth + 1.0) / (zFar + zNear - depth * (zFar - zNear));\n\t\t}\n\t\t\n\t\tvoid main() {\n\t\t\tfloat depth = LinearDepth();\n\t\t\t#ifdef ONLY_DEPTH\n\t\t\t   gl_FragColor = vec4(depth);\n\t\t\t#else\n\t\t\t\tfloat diff = abs(depth * u_camera_planes.y - u_distance);\n\t\t\t\tfloat dof = 1.0;\n\t\t\t\tif(diff <= u_range)\n\t\t\t\t\tdof = diff / u_range;\n\t\t\t   gl_FragColor = vec4(dof);\n\t\t\t#endif\n\t\t}\n\t\t",
+K.registerNodeType("texture/depth_range",y),m.widgets_info={precision:{widget:"combo",values:c.MODE_VALUES}},m.title="Linear Depth",m.desc="Creates a color texture with linear depth",m.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputData(0);if(a&&(a.format==gl.DEPTH_COMPONENT||a.format==gl.DEPTH_STENCIL)){var b=this.properties.precision==c.HIGH?gl.HIGH_PRECISION_FORMAT:gl.UNSIGNED_BYTE;this._temp_texture&&this._temp_texture.type==b&&this._temp_texture.width==a.width&&
+this._temp_texture.height==a.height||(this._temp_texture=new GL.Texture(a.width,a.height,{type:b,format:gl.RGB,filter:gl.LINEAR}));var d=this._uniforms;d.u_invert=this.properties.invert?1:0;gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var e=Mesh.getScreenQuad();m._shader||(m._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,m.pixel_shader));var g=m._shader,b=null,b=a.near_far_planes?a.near_far_planes:window.LS&&LS.Renderer._main_camera?LS.Renderer._main_camera._uniforms.u_camera_planes:[0.1,
+1E3];d.u_camera_planes=b;d.u_ires.set([0,0]);this._temp_texture.drawTo(function(){a.bind(0);g.uniforms(d).draw(e)});this._temp_texture.near_far_planes=b;this.setOutputData(0,this._temp_texture)}}},m.pixel_shader="precision highp float;\n\t\tprecision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform vec2 u_camera_planes;\n\t\tuniform int u_invert;\n\t\tuniform vec2 u_ires;\n\t\t\n\t\tvoid main() {\n\t\t\tfloat zNear = u_camera_planes.x;\n\t\t\tfloat zFar = u_camera_planes.y;\n\t\t\tfloat depth = texture2D(u_texture, v_coord + u_ires*0.5).x * 2.0 - 1.0;\n\t\t\tfloat f = zNear * (depth + 1.0) / (zFar + zNear - depth * (zFar - zNear));\n\t\t\tif( u_invert == 1 )\n\t\t\t\tf = 1.0 - f;\n\t\t\tgl_FragColor = vec4(vec3(f),1.0);\n\t\t}\n\t\t",
+K.registerNodeType("texture/linear_depth",m),q.title="Blur",q.desc="Blur a texture",q.widgets_info={precision:{widget:"combo",values:c.MODE_VALUES}},q.max_iterations=20,q.prototype.onExecute=function(){var a=this.getInputData(0);if(a&&this.isOutputConnected(0)){var b=this._final_texture;b&&b.width==a.width&&b.height==a.height&&b.type==a.type||(b=this._final_texture=new GL.Texture(a.width,a.height,{type:a.type,format:gl.RGBA,filter:gl.LINEAR}));var d=this.properties.iterations;this.isInputConnected(1)&&
+(d=this.getInputData(1),this.properties.iterations=d);d=Math.min(Math.floor(d),q.max_iterations);if(0==d)this.setOutputData(0,a);else{var c=this.properties.intensity;this.isInputConnected(2)&&(c=this.getInputData(2),this.properties.intensity=c);var e=K.camera_aspect;e||void 0===window.gl||(e=gl.canvas.height/gl.canvas.width);e||(e=1);var e=this.properties.preserve_aspect?e:1,g=this.properties.scale||[1,1];a.applyBlur(e*g[0],g[1],c,b);for(a=1;a<d;++a)b.applyBlur(e*g[0]*(a+1),g[1]*(a+1),c);this.setOutputData(0,
+b)}}},K.registerNodeType("texture/blur",q),C.prototype.applyFX=function(a,b,d,c){var e=a.width,g=a.height,f={format:a.format,type:a.type,minFilter:GL.LINEAR,magFilter:GL.LINEAR,wrap:gl.CLAMP_TO_EDGE},l=this._uniforms,h=this._textures,m=C._cut_shader;m||(m=C._cut_shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,C.cut_pixel_shader));gl.disable(gl.DEPTH_TEST);gl.disable(gl.BLEND);l.u_threshold=this.threshold;var s=h[0]=GL.Texture.getTemporary(e,g,f);a.blit(s,m.uniforms(l));var k=s,w=this.iterations,
+w=Math.clamp(w,1,16)|0,H=l.u_texel_size,q=this.intensity;l.u_intensity=1;l.u_delta=this.scale;m=C._shader;m||(m=C._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,C.scale_pixel_shader));for(var n=1;n<w;n++){e>>=1;1<(g|0)&&(g>>=1);if(2>e)break;s=h[n]=GL.Texture.getTemporary(e,g,f);H[0]=1/k.width;H[1]=1/k.height;k.blit(s,m.uniforms(l));k=s}c&&(H[0]=1/k.width,H[1]=1/k.height,l.u_intensity=q,l.u_delta=1,k.blit(c,m.uniforms(l)));gl.enable(gl.BLEND);gl.blendFunc(gl.ONE,gl.ONE);l.u_intensity=this.persistence;
+l.u_delta=0.5;for(n-=2;0<=n;n--)s=h[n],h[n]=null,H[0]=1/k.width,H[1]=1/k.height,k.blit(s,m.uniforms(l)),GL.Texture.releaseTemporary(k),k=s;gl.disable(gl.BLEND);d&&k.blit(d);if(b){var y=this.dirt_texture,r=this.dirt_factor;l.u_intensity=q;m=y?C._dirt_final_shader:C._final_shader;m||(m=y?C._dirt_final_shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,C.final_pixel_shader,{USE_DIRT:""}):C._final_shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,C.final_pixel_shader));b.drawTo(function(){a.bind(0);
+k.bind(1);y&&(m.setUniform("u_dirt_factor",r),m.setUniform("u_dirt_texture",y.bind(2)));m.toViewport(l)})}GL.Texture.releaseTemporary(k)},C.cut_pixel_shader="precision highp float;\n\tvarying vec2 v_coord;\n\tuniform sampler2D u_texture;\n\tuniform float u_threshold;\n\tvoid main() {\n\t\tgl_FragColor = max( texture2D( u_texture, v_coord ) - vec4( u_threshold ), vec4(0.0) );\n\t}",C.scale_pixel_shader="precision highp float;\n\tvarying vec2 v_coord;\n\tuniform sampler2D u_texture;\n\tuniform vec2 u_texel_size;\n\tuniform float u_delta;\n\tuniform float u_intensity;\n\t\n\tvec4 sampleBox(vec2 uv) {\n\t\tvec4 o = u_texel_size.xyxy * vec2(-u_delta, u_delta).xxyy;\n\t\tvec4 s = texture2D( u_texture, uv + o.xy ) + texture2D( u_texture, uv + o.zy) + texture2D( u_texture, uv + o.xw) + texture2D( u_texture, uv + o.zw);\n\t\treturn s * 0.25;\n\t}\n\tvoid main() {\n\t\tgl_FragColor = u_intensity * sampleBox( v_coord );\n\t}",
+C.final_pixel_shader="precision highp float;\n\tvarying vec2 v_coord;\n\tuniform sampler2D u_texture;\n\tuniform sampler2D u_glow_texture;\n\t#ifdef USE_DIRT\n\t\tuniform sampler2D u_dirt_texture;\n\t#endif\n\tuniform vec2 u_texel_size;\n\tuniform float u_delta;\n\tuniform float u_intensity;\n\tuniform float u_dirt_factor;\n\t\n\tvec4 sampleBox(vec2 uv) {\n\t\tvec4 o = u_texel_size.xyxy * vec2(-u_delta, u_delta).xxyy;\n\t\tvec4 s = texture2D( u_glow_texture, uv + o.xy ) + texture2D( u_glow_texture, uv + o.zy) + texture2D( u_glow_texture, uv + o.xw) + texture2D( u_glow_texture, uv + o.zw);\n\t\treturn s * 0.25;\n\t}\n\tvoid main() {\n\t\tvec4 glow = sampleBox( v_coord );\n\t\t#ifdef USE_DIRT\n\t\t\tglow = mix( glow, glow * texture2D( u_dirt_texture, v_coord ), u_dirt_factor );\n\t\t#endif\n\t\tgl_FragColor = texture2D( u_texture, v_coord ) + u_intensity * glow;\n\t}",
 N.title="Glow",N.desc="Filters a texture giving it a glow effect",N.widgets_info={iterations:{type:"number",min:0,max:16,step:1,precision:0},threshold:{type:"number",min:0,max:10,step:0.01,precision:2},precision:{widget:"combo",values:c.MODE_VALUES}},N.prototype.onGetInputs=function(){return[["enabled","boolean"],["threshold","number"],["intensity","number"],["persistence","number"],["iterations","number"],["dirt_factor","number"]]},N.prototype.onGetOutputs=function(){return[["average","Texture"]]},
 N.prototype.onExecute=function(){var a=this.getInputData(0);if(a&&this.isAnyOutputConnected())if(this.properties.precision===c.PASS_THROUGH||!1===this.getInputOrProperty("enabled"))this.setOutputData(0,a);else{var b=this.fx;b.threshold=this.getInputOrProperty("threshold");b.iterations=this.getInputOrProperty("iterations");b.intensity=this.getInputOrProperty("intensity");b.persistence=this.getInputOrProperty("persistence");b.dirt_texture=this.getInputData(1);b.dirt_factor=this.getInputOrProperty("dirt_factor");
-b.scale=this.properties.scale;var d=c.getTextureType(this.properties.precision,a),g=null;this.isOutputConnected(2)&&(g=this._average_texture,g&&g.type==a.type&&g.format==a.format||(g=this._average_texture=new GL.Texture(1,1,{type:a.type,format:a.format,filter:gl.LINEAR})));var f=null;this.isOutputConnected(1)&&(f=this._glow_texture,f&&f.width==a.width&&f.height==a.height&&f.type==d&&f.format==a.format||(f=this._glow_texture=new GL.Texture(a.width,a.height,{type:d,format:a.format,filter:gl.LINEAR})));
-var e=null;this.isOutputConnected(0)&&(e=this._final_texture,e&&e.width==a.width&&e.height==a.height&&e.type==d&&e.format==a.format||(e=this._final_texture=new GL.Texture(a.width,a.height,{type:d,format:a.format,filter:gl.LINEAR})));b.applyFX(a,e,f,g);this.isOutputConnected(0)&&this.setOutputData(0,e);this.isOutputConnected(1)&&this.setOutputData(1,g);this.isOutputConnected(2)&&this.setOutputData(2,f)}},K.registerNodeType("texture/glow",N),M.title="Kuwahara Filter",M.desc="Filters a texture giving an artistic oil canvas painting",
+b.scale=this.properties.scale;var d=c.getTextureType(this.properties.precision,a),e=null;this.isOutputConnected(2)&&(e=this._average_texture,e&&e.type==a.type&&e.format==a.format||(e=this._average_texture=new GL.Texture(1,1,{type:a.type,format:a.format,filter:gl.LINEAR})));var g=null;this.isOutputConnected(1)&&(g=this._glow_texture,g&&g.width==a.width&&g.height==a.height&&g.type==d&&g.format==a.format||(g=this._glow_texture=new GL.Texture(a.width,a.height,{type:d,format:a.format,filter:gl.LINEAR})));
+var f=null;this.isOutputConnected(0)&&(f=this._final_texture,f&&f.width==a.width&&f.height==a.height&&f.type==d&&f.format==a.format||(f=this._final_texture=new GL.Texture(a.width,a.height,{type:d,format:a.format,filter:gl.LINEAR})));b.applyFX(a,f,g,e);this.isOutputConnected(0)&&this.setOutputData(0,f);this.isOutputConnected(1)&&this.setOutputData(1,e);this.isOutputConnected(2)&&this.setOutputData(2,g)}},K.registerNodeType("texture/glow",N),M.title="Kuwahara Filter",M.desc="Filters a texture giving an artistic oil canvas painting",
 M.max_radius=10,M._shaders=[],M.prototype.onExecute=function(){var a=this.getInputData(0);if(a&&this.isOutputConnected(0)){var b=this._temp_texture;b&&b.width==a.width&&b.height==a.height&&b.type==a.type||(this._temp_texture=new GL.Texture(a.width,a.height,{type:a.type,format:gl.RGBA,filter:gl.LINEAR}));b=this.properties.radius;b=Math.min(Math.floor(b),M.max_radius);if(0==b)this.setOutputData(0,a);else{var d=this.properties.intensity,c=K.camera_aspect;c||void 0===window.gl||(c=gl.canvas.height/gl.canvas.width);
-c||(c=1);c=this.properties.preserve_aspect?c:1;M._shaders[b]||(M._shaders[b]=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,M.pixel_shader,{RADIUS:b.toFixed(0)}));var g=M._shaders[b],f=GL.Mesh.getScreenQuad();a.bind(0);this._temp_texture.drawTo(function(){g.uniforms({u_texture:0,u_intensity:d,u_resolution:[a.width,a.height],u_iResolution:[1/a.width,1/a.height]}).draw(f)});this.setOutputData(0,this._temp_texture)}}},M.pixel_shader="\nprecision highp float;\nvarying vec2 v_coord;\nuniform sampler2D u_texture;\nuniform float u_intensity;\nuniform vec2 u_resolution;\nuniform vec2 u_iResolution;\n#ifndef RADIUS\n\t#define RADIUS 7\n#endif\nvoid main() {\n\n\tconst int radius = RADIUS;\n\tvec2 fragCoord = v_coord;\n\tvec2 src_size = u_iResolution;\n\tvec2 uv = v_coord;\n\tfloat n = float((radius + 1) * (radius + 1));\n\tint i;\n\tint j;\n\tvec3 m0 = vec3(0.0); vec3 m1 = vec3(0.0); vec3 m2 = vec3(0.0); vec3 m3 = vec3(0.0);\n\tvec3 s0 = vec3(0.0); vec3 s1 = vec3(0.0); vec3 s2 = vec3(0.0); vec3 s3 = vec3(0.0);\n\tvec3 c;\n\t\n\tfor (int j = -radius; j <= 0; ++j)  {\n\t\tfor (int i = -radius; i <= 0; ++i)  {\n\t\t\tc = texture2D(u_texture, uv + vec2(i,j) * src_size).rgb;\n\t\t\tm0 += c;\n\t\t\ts0 += c * c;\n\t\t}\n\t}\n\t\n\tfor (int j = -radius; j <= 0; ++j)  {\n\t\tfor (int i = 0; i <= radius; ++i)  {\n\t\t\tc = texture2D(u_texture, uv + vec2(i,j) * src_size).rgb;\n\t\t\tm1 += c;\n\t\t\ts1 += c * c;\n\t\t}\n\t}\n\t\n\tfor (int j = 0; j <= radius; ++j)  {\n\t\tfor (int i = 0; i <= radius; ++i)  {\n\t\t\tc = texture2D(u_texture, uv + vec2(i,j) * src_size).rgb;\n\t\t\tm2 += c;\n\t\t\ts2 += c * c;\n\t\t}\n\t}\n\t\n\tfor (int j = 0; j <= radius; ++j)  {\n\t\tfor (int i = -radius; i <= 0; ++i)  {\n\t\t\tc = texture2D(u_texture, uv + vec2(i,j) * src_size).rgb;\n\t\t\tm3 += c;\n\t\t\ts3 += c * c;\n\t\t}\n\t}\n\t\n\tfloat min_sigma2 = 1e+2;\n\tm0 /= n;\n\ts0 = abs(s0 / n - m0 * m0);\n\t\n\tfloat sigma2 = s0.r + s0.g + s0.b;\n\tif (sigma2 < min_sigma2) {\n\t\tmin_sigma2 = sigma2;\n\t\tgl_FragColor = vec4(m0, 1.0);\n\t}\n\t\n\tm1 /= n;\n\ts1 = abs(s1 / n - m1 * m1);\n\t\n\tsigma2 = s1.r + s1.g + s1.b;\n\tif (sigma2 < min_sigma2) {\n\t\tmin_sigma2 = sigma2;\n\t\tgl_FragColor = vec4(m1, 1.0);\n\t}\n\t\n\tm2 /= n;\n\ts2 = abs(s2 / n - m2 * m2);\n\t\n\tsigma2 = s2.r + s2.g + s2.b;\n\tif (sigma2 < min_sigma2) {\n\t\tmin_sigma2 = sigma2;\n\t\tgl_FragColor = vec4(m2, 1.0);\n\t}\n\t\n\tm3 /= n;\n\ts3 = abs(s3 / n - m3 * m3);\n\t\n\tsigma2 = s3.r + s3.g + s3.b;\n\tif (sigma2 < min_sigma2) {\n\t\tmin_sigma2 = sigma2;\n\t\tgl_FragColor = vec4(m3, 1.0);\n\t}\n}\n",
-K.registerNodeType("texture/kuwahara",M),z.title="XDoG Filter",z.desc="Filters a texture giving an artistic ink style",z.max_radius=10,z._shaders=[],z.prototype.onExecute=function(){var a=this.getInputData(0);if(a&&this.isOutputConnected(0)){var b=this._temp_texture;b&&b.width==a.width&&b.height==a.height&&b.type==a.type||(this._temp_texture=new GL.Texture(a.width,a.height,{type:a.type,format:gl.RGBA,filter:gl.LINEAR}));z._xdog_shader||(z._xdog_shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,z.xdog_pixel_shader));
-var d=z._xdog_shader,c=GL.Mesh.getScreenQuad(),g=this.properties.sigma,f=this.properties.k,e=this.properties.p,l=this.properties.epsilon,m=this.properties.phi;a.bind(0);this._temp_texture.drawTo(function(){d.uniforms({src:0,sigma:g,k:f,p:e,epsilon:l,phi:m,cvsWidth:a.width,cvsHeight:a.height}).draw(c)});this.setOutputData(0,this._temp_texture)}},z.xdog_pixel_shader="\nprecision highp float;\nuniform sampler2D src;\n\nuniform float cvsHeight;\nuniform float cvsWidth;\n\nuniform float sigma;\nuniform float k;\nuniform float p;\nuniform float epsilon;\nuniform float phi;\nvarying vec2 v_coord;\n\nfloat cosh(float val)\n{\n\tfloat tmp = exp(val);\n\tfloat cosH = (tmp + 1.0 / tmp) / 2.0;\n\treturn cosH;\n}\n\nfloat tanh(float val)\n{\n\tfloat tmp = exp(val);\n\tfloat tanH = (tmp - 1.0 / tmp) / (tmp + 1.0 / tmp);\n\treturn tanH;\n}\n\nfloat sinh(float val)\n{\n\tfloat tmp = exp(val);\n\tfloat sinH = (tmp - 1.0 / tmp) / 2.0;\n\treturn sinH;\n}\n\nvoid main(void){\n\tvec3 destColor = vec3(0.0);\n\tfloat tFrag = 1.0 / cvsHeight;\n\tfloat sFrag = 1.0 / cvsWidth;\n\tvec2 Frag = vec2(sFrag,tFrag);\n\tvec2 uv = gl_FragCoord.st;\n\tfloat twoSigmaESquared = 2.0 * sigma * sigma;\n\tfloat twoSigmaRSquared = twoSigmaESquared * k * k;\n\tint halfWidth = int(ceil( 1.0 * sigma * k ));\n\n\tconst int MAX_NUM_ITERATION = 99999;\n\tvec2 sum = vec2(0.0);\n\tvec2 norm = vec2(0.0);\n\n\tfor(int cnt=0;cnt<MAX_NUM_ITERATION;cnt++){\n\t\tif(cnt > (2*halfWidth+1)*(2*halfWidth+1)){break;}\n\t\tint i = int(cnt / (2*halfWidth+1)) - halfWidth;\n\t\tint j = cnt - halfWidth - int(cnt / (2*halfWidth+1)) * (2*halfWidth+1);\n\n\t\tfloat d = length(vec2(i,j));\n\t\tvec2 kernel = vec2( exp( -d * d / twoSigmaESquared ), \n\t\t\t\t\t\t\texp( -d * d / twoSigmaRSquared ));\n\n\t\tvec2 L = texture2D(src, (uv + vec2(i,j)) * Frag).xx;\n\n\t\tnorm += kernel;\n\t\tsum += kernel * L;\n\t}\n\n\tsum /= norm;\n\n\tfloat H = 100.0 * ((1.0 + p) * sum.x - p * sum.y);\n\tfloat edge = ( H > epsilon )? 1.0 : 1.0 + tanh( phi * (H - epsilon));\n\tdestColor = vec3(edge);\n\tgl_FragColor = vec4(destColor, 1.0);\n}",
-K.registerNodeType("texture/xDoG",z),F.title="Webcam",F.desc="Webcam texture",F.is_webcam_open=!1,F.prototype.openStream=function(){function a(d){F.is_webcam_open=!1;console.log("Webcam rejected",d);b._webcam_stream=!1;b.boxcolor="red";b.trigger("stream_error")}if(navigator.getUserMedia){this._waiting_confirmation=!0;navigator.mediaDevices.getUserMedia({audio:!1,video:{facingMode:this.properties.facingMode}}).then(this.streamReady.bind(this))["catch"](a);var b=this}},F.prototype.closeStream=function(){if(this._webcam_stream){var a=
+c||(c=1);c=this.properties.preserve_aspect?c:1;M._shaders[b]||(M._shaders[b]=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,M.pixel_shader,{RADIUS:b.toFixed(0)}));var e=M._shaders[b],g=GL.Mesh.getScreenQuad();a.bind(0);this._temp_texture.drawTo(function(){e.uniforms({u_texture:0,u_intensity:d,u_resolution:[a.width,a.height],u_iResolution:[1/a.width,1/a.height]}).draw(g)});this.setOutputData(0,this._temp_texture)}}},M.pixel_shader="\nprecision highp float;\nvarying vec2 v_coord;\nuniform sampler2D u_texture;\nuniform float u_intensity;\nuniform vec2 u_resolution;\nuniform vec2 u_iResolution;\n#ifndef RADIUS\n\t#define RADIUS 7\n#endif\nvoid main() {\n\n\tconst int radius = RADIUS;\n\tvec2 fragCoord = v_coord;\n\tvec2 src_size = u_iResolution;\n\tvec2 uv = v_coord;\n\tfloat n = float((radius + 1) * (radius + 1));\n\tint i;\n\tint j;\n\tvec3 m0 = vec3(0.0); vec3 m1 = vec3(0.0); vec3 m2 = vec3(0.0); vec3 m3 = vec3(0.0);\n\tvec3 s0 = vec3(0.0); vec3 s1 = vec3(0.0); vec3 s2 = vec3(0.0); vec3 s3 = vec3(0.0);\n\tvec3 c;\n\t\n\tfor (int j = -radius; j <= 0; ++j)  {\n\t\tfor (int i = -radius; i <= 0; ++i)  {\n\t\t\tc = texture2D(u_texture, uv + vec2(i,j) * src_size).rgb;\n\t\t\tm0 += c;\n\t\t\ts0 += c * c;\n\t\t}\n\t}\n\t\n\tfor (int j = -radius; j <= 0; ++j)  {\n\t\tfor (int i = 0; i <= radius; ++i)  {\n\t\t\tc = texture2D(u_texture, uv + vec2(i,j) * src_size).rgb;\n\t\t\tm1 += c;\n\t\t\ts1 += c * c;\n\t\t}\n\t}\n\t\n\tfor (int j = 0; j <= radius; ++j)  {\n\t\tfor (int i = 0; i <= radius; ++i)  {\n\t\t\tc = texture2D(u_texture, uv + vec2(i,j) * src_size).rgb;\n\t\t\tm2 += c;\n\t\t\ts2 += c * c;\n\t\t}\n\t}\n\t\n\tfor (int j = 0; j <= radius; ++j)  {\n\t\tfor (int i = -radius; i <= 0; ++i)  {\n\t\t\tc = texture2D(u_texture, uv + vec2(i,j) * src_size).rgb;\n\t\t\tm3 += c;\n\t\t\ts3 += c * c;\n\t\t}\n\t}\n\t\n\tfloat min_sigma2 = 1e+2;\n\tm0 /= n;\n\ts0 = abs(s0 / n - m0 * m0);\n\t\n\tfloat sigma2 = s0.r + s0.g + s0.b;\n\tif (sigma2 < min_sigma2) {\n\t\tmin_sigma2 = sigma2;\n\t\tgl_FragColor = vec4(m0, 1.0);\n\t}\n\t\n\tm1 /= n;\n\ts1 = abs(s1 / n - m1 * m1);\n\t\n\tsigma2 = s1.r + s1.g + s1.b;\n\tif (sigma2 < min_sigma2) {\n\t\tmin_sigma2 = sigma2;\n\t\tgl_FragColor = vec4(m1, 1.0);\n\t}\n\t\n\tm2 /= n;\n\ts2 = abs(s2 / n - m2 * m2);\n\t\n\tsigma2 = s2.r + s2.g + s2.b;\n\tif (sigma2 < min_sigma2) {\n\t\tmin_sigma2 = sigma2;\n\t\tgl_FragColor = vec4(m2, 1.0);\n\t}\n\t\n\tm3 /= n;\n\ts3 = abs(s3 / n - m3 * m3);\n\t\n\tsigma2 = s3.r + s3.g + s3.b;\n\tif (sigma2 < min_sigma2) {\n\t\tmin_sigma2 = sigma2;\n\t\tgl_FragColor = vec4(m3, 1.0);\n\t}\n}\n",
+K.registerNodeType("texture/kuwahara",M),u.title="XDoG Filter",u.desc="Filters a texture giving an artistic ink style",u.max_radius=10,u._shaders=[],u.prototype.onExecute=function(){var a=this.getInputData(0);if(a&&this.isOutputConnected(0)){var b=this._temp_texture;b&&b.width==a.width&&b.height==a.height&&b.type==a.type||(this._temp_texture=new GL.Texture(a.width,a.height,{type:a.type,format:gl.RGBA,filter:gl.LINEAR}));u._xdog_shader||(u._xdog_shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,u.xdog_pixel_shader));
+var d=u._xdog_shader,c=GL.Mesh.getScreenQuad(),e=this.properties.sigma,g=this.properties.k,f=this.properties.p,l=this.properties.epsilon,m=this.properties.phi;a.bind(0);this._temp_texture.drawTo(function(){d.uniforms({src:0,sigma:e,k:g,p:f,epsilon:l,phi:m,cvsWidth:a.width,cvsHeight:a.height}).draw(c)});this.setOutputData(0,this._temp_texture)}},u.xdog_pixel_shader="\nprecision highp float;\nuniform sampler2D src;\n\nuniform float cvsHeight;\nuniform float cvsWidth;\n\nuniform float sigma;\nuniform float k;\nuniform float p;\nuniform float epsilon;\nuniform float phi;\nvarying vec2 v_coord;\n\nfloat cosh(float val)\n{\n\tfloat tmp = exp(val);\n\tfloat cosH = (tmp + 1.0 / tmp) / 2.0;\n\treturn cosH;\n}\n\nfloat tanh(float val)\n{\n\tfloat tmp = exp(val);\n\tfloat tanH = (tmp - 1.0 / tmp) / (tmp + 1.0 / tmp);\n\treturn tanH;\n}\n\nfloat sinh(float val)\n{\n\tfloat tmp = exp(val);\n\tfloat sinH = (tmp - 1.0 / tmp) / 2.0;\n\treturn sinH;\n}\n\nvoid main(void){\n\tvec3 destColor = vec3(0.0);\n\tfloat tFrag = 1.0 / cvsHeight;\n\tfloat sFrag = 1.0 / cvsWidth;\n\tvec2 Frag = vec2(sFrag,tFrag);\n\tvec2 uv = gl_FragCoord.st;\n\tfloat twoSigmaESquared = 2.0 * sigma * sigma;\n\tfloat twoSigmaRSquared = twoSigmaESquared * k * k;\n\tint halfWidth = int(ceil( 1.0 * sigma * k ));\n\n\tconst int MAX_NUM_ITERATION = 99999;\n\tvec2 sum = vec2(0.0);\n\tvec2 norm = vec2(0.0);\n\n\tfor(int cnt=0;cnt<MAX_NUM_ITERATION;cnt++){\n\t\tif(cnt > (2*halfWidth+1)*(2*halfWidth+1)){break;}\n\t\tint i = int(cnt / (2*halfWidth+1)) - halfWidth;\n\t\tint j = cnt - halfWidth - int(cnt / (2*halfWidth+1)) * (2*halfWidth+1);\n\n\t\tfloat d = length(vec2(i,j));\n\t\tvec2 kernel = vec2( exp( -d * d / twoSigmaESquared ), \n\t\t\t\t\t\t\texp( -d * d / twoSigmaRSquared ));\n\n\t\tvec2 L = texture2D(src, (uv + vec2(i,j)) * Frag).xx;\n\n\t\tnorm += kernel;\n\t\tsum += kernel * L;\n\t}\n\n\tsum /= norm;\n\n\tfloat H = 100.0 * ((1.0 + p) * sum.x - p * sum.y);\n\tfloat edge = ( H > epsilon )? 1.0 : 1.0 + tanh( phi * (H - epsilon));\n\tdestColor = vec3(edge);\n\tgl_FragColor = vec4(destColor, 1.0);\n}",
+K.registerNodeType("texture/xDoG",u),F.title="Webcam",F.desc="Webcam texture",F.is_webcam_open=!1,F.prototype.openStream=function(){function a(d){F.is_webcam_open=!1;console.log("Webcam rejected",d);b._webcam_stream=!1;b.boxcolor="red";b.trigger("stream_error")}if(navigator.getUserMedia){this._waiting_confirmation=!0;navigator.mediaDevices.getUserMedia({audio:!1,video:{facingMode:this.properties.facingMode}}).then(this.streamReady.bind(this))["catch"](a);var b=this}},F.prototype.closeStream=function(){if(this._webcam_stream){var a=
 this._webcam_stream.getTracks();if(a.length)for(var b=0;b<a.length;++b)a[b].stop();F.is_webcam_open=!1;this._video=this._webcam_stream=null;this.boxcolor="black";this.trigger("stream_closed")}},F.prototype.streamReady=function(a){this._webcam_stream=a;this.boxcolor="green";var b=this._video;b||(b=document.createElement("video"),b.autoplay=!0,b.srcObject=a,this._video=b,b.onloadedmetadata=function(a){F.is_webcam_open=!0;console.log(a)});this.trigger("stream_ready",b)},F.prototype.onPropertyChanged=
 function(a,b){"facingMode"==a&&(this.properties.facingMode=b,this.closeStream(),this.openStream())},F.prototype.onRemoved=function(){if(this._webcam_stream){var a=this._webcam_stream.getTracks();if(a.length)for(var b=0;b<a.length;++b)a[b].stop();this._video=this._webcam_stream=null}},F.prototype.onDrawBackground=function(a){this.flags.collapsed||20>=this.size[1]||!this._video||(a.save(),a.webgl?this._video_texture&&a.drawImage(this._video_texture,0,0,this.size[0],this.size[1]):a.drawImage(this._video,
 0,0,this.size[0],this.size[1]),a.restore())},F.prototype.onExecute=function(){null!=this._webcam_stream||this._waiting_confirmation||this.openStream();if(this._video&&this._video.videoWidth){var a=this._video.videoWidth,b=this._video.videoHeight,d=this._video_texture;d&&d.width==a&&d.height==b||(this._video_texture=new GL.Texture(a,b,{format:gl.RGB,filter:gl.LINEAR}));this._video_texture.uploadImage(this._video);this._video_texture.version=++this.version;this.properties.texture_name&&(c.getTexturesContainer()[this.properties.texture_name]=
 this._video_texture);this.setOutputData(0,this._video_texture);for(a=1;a<this.outputs.length;++a)if(this.outputs[a])switch(this.outputs[a].name){case "width":this.setOutputData(a,this._video.videoWidth);break;case "height":this.setOutputData(a,this._video.videoHeight)}}},F.prototype.onGetOutputs=function(){return[["width","number"],["height","number"],["stream_ready",K.EVENT],["stream_closed",K.EVENT],["stream_error",K.EVENT]]},K.registerNodeType("texture/webcam",F),O.title="Lens FX",O.desc="distortion and chromatic aberration",
 O.widgets_info={precision:{widget:"combo",values:c.MODE_VALUES}},O.prototype.onGetInputs=function(){return[["enabled","boolean"]]},O.prototype.onExecute=function(){var a=this.getInputData(0);if(a&&this.isOutputConnected(0))if(this.properties.precision===c.PASS_THROUGH||!1===this.getInputOrProperty("enabled"))this.setOutputData(0,a);else{var b=this._temp_texture;b&&b.width==a.width&&b.height==a.height&&b.type==a.type||(b=this._temp_texture=new GL.Texture(a.width,a.height,{type:a.type,format:gl.RGBA,
-filter:gl.LINEAR}));var d=O._shader;d||(d=O._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,O.pixel_shader));var g=this.getInputData(1);null==g&&(g=this.properties.factor);var f=this._uniforms;f.u_factor=g;gl.disable(gl.DEPTH_TEST);b.drawTo(function(){a.bind(0);d.uniforms(f).draw(GL.Mesh.getScreenQuad())});this.setOutputData(0,b)}},O.pixel_shader="precision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform float u_factor;\n\t\tvec2 barrelDistortion(vec2 coord, float amt) {\n\t\t\tvec2 cc = coord - 0.5;\n\t\t\tfloat dist = dot(cc, cc);\n\t\t\treturn coord + cc * dist * amt;\n\t\t}\n\t\t\n\t\tfloat sat( float t )\n\t\t{\n\t\t\treturn clamp( t, 0.0, 1.0 );\n\t\t}\n\t\t\n\t\tfloat linterp( float t ) {\n\t\t\treturn sat( 1.0 - abs( 2.0*t - 1.0 ) );\n\t\t}\n\t\t\n\t\tfloat remap( float t, float a, float b ) {\n\t\t\treturn sat( (t - a) / (b - a) );\n\t\t}\n\t\t\n\t\tvec4 spectrum_offset( float t ) {\n\t\t\tvec4 ret;\n\t\t\tfloat lo = step(t,0.5);\n\t\t\tfloat hi = 1.0-lo;\n\t\t\tfloat w = linterp( remap( t, 1.0/6.0, 5.0/6.0 ) );\n\t\t\tret = vec4(lo,1.0,hi, 1.) * vec4(1.0-w, w, 1.0-w, 1.);\n\t\t\n\t\t\treturn pow( ret, vec4(1.0/2.2) );\n\t\t}\n\t\t\n\t\tconst float max_distort = 2.2;\n\t\tconst int num_iter = 12;\n\t\tconst float reci_num_iter_f = 1.0 / float(num_iter);\n\t\t\n\t\tvoid main()\n\t\t{\t\n\t\t\tvec2 uv=v_coord;\n\t\t\tvec4 sumcol = vec4(0.0);\n\t\t\tvec4 sumw = vec4(0.0);\t\n\t\t\tfor ( int i=0; i<num_iter;++i )\n\t\t\t{\n\t\t\t\tfloat t = float(i) * reci_num_iter_f;\n\t\t\t\tvec4 w = spectrum_offset( t );\n\t\t\t\tsumw += w;\n\t\t\t\tsumcol += w * texture2D( u_texture, barrelDistortion(uv, .6 * max_distort*t * u_factor ) );\n\t\t\t}\n\t\t\tgl_FragColor = sumcol / sumw;\n\t\t}",
-K.registerNodeType("texture/lensfx",O),J.title="Data->Tex",J.desc="Generates or applies a curve to a texture",J.widgets_info={precision:{widget:"combo",values:c.MODE_VALUES}},J.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputData(0);if(a){var b=this.properties.channels,d=this.properties.width,g=this.properties.height;d&&g||(d=Math.floor(a.length/b),g=1);var f=gl.RGBA;3==b?f=gl.RGB:1==b&&(f=gl.LUMINANCE);var b=this._temp_texture,e=c.getTextureType(this.properties.precision);
-b&&b.width==d&&b.height==g&&b.type==e||(b=this._temp_texture=new GL.Texture(d,g,{type:e,format:f,filter:gl.LINEAR}));b.uploadData(a);this.setOutputData(0,b)}}},K.registerNodeType("texture/fromdata",J),I.title="Curve",I.desc="Generates or applies a curve to a texture",I.widgets_info={precision:{widget:"combo",values:c.MODE_VALUES}},I.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputData(0),b=this._temp_texture;if(a){var d=c.getTextureType(this.properties.precision,a);
-b&&b.type==d&&b.width==a.width&&b.height==a.height&&b.format==a.format||(b=this._temp_texture=new GL.Texture(a.width,a.height,{type:d,format:a.format,filter:gl.LINEAR}));var g=I._shader;g||(g=I._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,I.pixel_shader));!this._must_update&&this._curve_texture||this.updateCurve();var f=this._uniforms,e=this._curve_texture;b.drawTo(function(){gl.disable(gl.DEPTH_TEST);a.bind(0);e.bind(1);g.uniforms(f).draw(GL.Mesh.getScreenQuad())});this.setOutputData(0,b)}else!this._must_update&&
-this._curve_texture||this.updateCurve(),this.setOutputData(0,this._curve_texture)}},I.prototype.sampleCurve=function(a,b){if(b=b||this._points.RGB){for(var d=0;d<b.length-1;++d){var c=b[d],g=b[d+1];if(!(g[0]<a)){d=g[0]-c[0];if(1E-5>Math.abs(d))return c[1];d=(a-c[0])/d;return c[1]*(1-d)+g[1]*d}}return 0}},I.prototype.updateCurve=function(){for(var a=this._values,b=a.length/4,d=this.properties.split_channels,c=0;c<b;++c){if(d)a[4*c]=Math.clamp(255*this.sampleCurve(c/b,this._points.R),0,255),a[4*c+1]=
-Math.clamp(255*this.sampleCurve(c/b,this._points.G),0,255),a[4*c+2]=Math.clamp(255*this.sampleCurve(c/b,this._points.B),0,255);else{var g=this.sampleCurve(c/b);a[4*c]=a[4*c+1]=a[4*c+2]=Math.clamp(255*g,0,255)}a[4*c+3]=255}this._curve_texture||(this._curve_texture=new GL.Texture(256,1,{format:gl.RGBA,magFilter:gl.LINEAR,wrap:gl.CLAMP_TO_EDGE}));this._curve_texture.uploadData(a,null,!0)},I.prototype.onSerialize=function(a){var b={},d;for(d in this._points)b[d]=this._points[d].concat();a.curves=b},I.prototype.onConfigure=
-function(a){this._points=a.curves;this.curve_editor&&(curve_editor.points=this._points);this._must_update=!0},I.prototype.onMouseDown=function(a,b,d){if(this.curve_editor)return(a=this.curve_editor.onMouseDown([b[0],b[1]-this.curve_offset],d))&&this.captureInput(!0),a},I.prototype.onMouseMove=function(a,b,d){if(this.curve_editor)return this.curve_editor.onMouseMove([b[0],b[1]-this.curve_offset],d)},I.prototype.onMouseUp=function(a,b,d){if(this.curve_editor)return this.curve_editor.onMouseUp([b[0],
-b[1]-this.curve_offset],d);this.captureInput(!1)},I.channel_line_colors={RGB:"#666",R:"#F33",G:"#3F3",B:"#33F"},I.prototype.onDrawBackground=function(a,b){if(!this.flags.collapsed){this.curve_editor||(this.curve_editor=new K.CurveEditor(this._points.R));a.save();a.translate(0,this.curve_offset);var d=this.widgets[1].value;this.properties.split_channels?("RGB"==d&&(this.widgets[1].value=d="R",this.widgets[1].disabled=!1),this.curve_editor.points=this._points.R,this.curve_editor.draw(a,[this.size[0],
-this.size[1]-this.curve_offset],b,"#111",I.channel_line_colors.R,!0),a.globalCompositeOperation="lighten",this.curve_editor.points=this._points.G,this.curve_editor.draw(a,[this.size[0],this.size[1]-this.curve_offset],b,null,I.channel_line_colors.G,!0),this.curve_editor.points=this._points.B,this.curve_editor.draw(a,[this.size[0],this.size[1]-this.curve_offset],b,null,I.channel_line_colors.B,!0),a.globalCompositeOperation="source-over"):(this.widgets[1].value=d="RGB",this.widgets[1].disabled=!0);this.curve_editor.points=
-this._points[d];this.curve_editor.draw(a,[this.size[0],this.size[1]-this.curve_offset],b,this.properties.split_channels?null:"#111",I.channel_line_colors[d]);a.restore()}},I.pixel_shader="precision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform sampler2D u_curve;\n\t\tuniform float u_range;\n\t\t\n\t\tvoid main() {\n\t\t\tvec4 color = texture2D( u_texture, v_coord ) * u_range;\n\t\t\tcolor.x = texture2D( u_curve, vec2( color.x, 0.5 ) ).x;\n\t\t\tcolor.y = texture2D( u_curve, vec2( color.y, 0.5 ) ).y;\n\t\t\tcolor.z = texture2D( u_curve, vec2( color.z, 0.5 ) ).z;\n\t\t\t//color.w = texture2D( u_curve, vec2( color.w, 0.5 ) ).w;\n\t\t\tgl_FragColor = color;\n\t\t}",
-K.registerNodeType("texture/curve",I),S.title="Exposition",S.desc="Controls texture exposition",S.widgets_info={exposition:{widget:"slider",min:0,max:3},precision:{widget:"combo",values:c.MODE_VALUES}},S.prototype.onExecute=function(){var a=this.getInputData(0);if(a&&this.isOutputConnected(0)){var b=this._temp_texture;b&&b.width==a.width&&b.height==a.height&&b.type==a.type||(b=this._temp_texture=new GL.Texture(a.width,a.height,{type:a.type,format:gl.RGBA,filter:gl.LINEAR}));var d=S._shader;d||(d=
-S._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,S.pixel_shader));var c=this.getInputData(1);null!=c&&(this.properties.exposition=c);var g=this._uniforms;b.drawTo(function(){gl.disable(gl.DEPTH_TEST);a.bind(0);d.uniforms(g).draw(GL.Mesh.getScreenQuad())});this.setOutputData(0,b)}},S.pixel_shader="precision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform float u_exposition;\n\t\t\n\t\tvoid main() {\n\t\t\tvec4 color = texture2D( u_texture, v_coord );\n\t\t\tgl_FragColor = vec4( color.xyz * u_exposition, color.a );\n\t\t}",
+filter:gl.LINEAR}));var d=O._shader;d||(d=O._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,O.pixel_shader));var e=this.getInputData(1);null==e&&(e=this.properties.factor);var g=this._uniforms;g.u_factor=e;gl.disable(gl.DEPTH_TEST);b.drawTo(function(){a.bind(0);d.uniforms(g).draw(GL.Mesh.getScreenQuad())});this.setOutputData(0,b)}},O.pixel_shader="precision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform float u_factor;\n\t\tvec2 barrelDistortion(vec2 coord, float amt) {\n\t\t\tvec2 cc = coord - 0.5;\n\t\t\tfloat dist = dot(cc, cc);\n\t\t\treturn coord + cc * dist * amt;\n\t\t}\n\t\t\n\t\tfloat sat( float t )\n\t\t{\n\t\t\treturn clamp( t, 0.0, 1.0 );\n\t\t}\n\t\t\n\t\tfloat linterp( float t ) {\n\t\t\treturn sat( 1.0 - abs( 2.0*t - 1.0 ) );\n\t\t}\n\t\t\n\t\tfloat remap( float t, float a, float b ) {\n\t\t\treturn sat( (t - a) / (b - a) );\n\t\t}\n\t\t\n\t\tvec4 spectrum_offset( float t ) {\n\t\t\tvec4 ret;\n\t\t\tfloat lo = step(t,0.5);\n\t\t\tfloat hi = 1.0-lo;\n\t\t\tfloat w = linterp( remap( t, 1.0/6.0, 5.0/6.0 ) );\n\t\t\tret = vec4(lo,1.0,hi, 1.) * vec4(1.0-w, w, 1.0-w, 1.);\n\t\t\n\t\t\treturn pow( ret, vec4(1.0/2.2) );\n\t\t}\n\t\t\n\t\tconst float max_distort = 2.2;\n\t\tconst int num_iter = 12;\n\t\tconst float reci_num_iter_f = 1.0 / float(num_iter);\n\t\t\n\t\tvoid main()\n\t\t{\t\n\t\t\tvec2 uv=v_coord;\n\t\t\tvec4 sumcol = vec4(0.0);\n\t\t\tvec4 sumw = vec4(0.0);\t\n\t\t\tfor ( int i=0; i<num_iter;++i )\n\t\t\t{\n\t\t\t\tfloat t = float(i) * reci_num_iter_f;\n\t\t\t\tvec4 w = spectrum_offset( t );\n\t\t\t\tsumw += w;\n\t\t\t\tsumcol += w * texture2D( u_texture, barrelDistortion(uv, .6 * max_distort*t * u_factor ) );\n\t\t\t}\n\t\t\tgl_FragColor = sumcol / sumw;\n\t\t}",
+K.registerNodeType("texture/lensfx",O),J.title="Data->Tex",J.desc="Generates or applies a curve to a texture",J.widgets_info={precision:{widget:"combo",values:c.MODE_VALUES}},J.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputData(0);if(a){var b=this.properties.channels,d=this.properties.width,e=this.properties.height;d&&e||(d=Math.floor(a.length/b),e=1);var g=gl.RGBA;3==b?g=gl.RGB:1==b&&(g=gl.LUMINANCE);var b=this._temp_texture,f=c.getTextureType(this.properties.precision);
+b&&b.width==d&&b.height==e&&b.type==f||(b=this._temp_texture=new GL.Texture(d,e,{type:f,format:g,filter:gl.LINEAR}));b.uploadData(a);this.setOutputData(0,b)}}},K.registerNodeType("texture/fromdata",J),H.title="Curve",H.desc="Generates or applies a curve to a texture",H.widgets_info={precision:{widget:"combo",values:c.MODE_VALUES}},H.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputData(0),b=this._temp_texture;if(a){var d=c.getTextureType(this.properties.precision,a);
+b&&b.type==d&&b.width==a.width&&b.height==a.height&&b.format==a.format||(b=this._temp_texture=new GL.Texture(a.width,a.height,{type:d,format:a.format,filter:gl.LINEAR}));var e=H._shader;e||(e=H._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,H.pixel_shader));!this._must_update&&this._curve_texture||this.updateCurve();var g=this._uniforms,f=this._curve_texture;b.drawTo(function(){gl.disable(gl.DEPTH_TEST);a.bind(0);f.bind(1);e.uniforms(g).draw(GL.Mesh.getScreenQuad())});this.setOutputData(0,b)}else!this._must_update&&
+this._curve_texture||this.updateCurve(),this.setOutputData(0,this._curve_texture)}},H.prototype.sampleCurve=function(a,b){if(b=b||this._points.RGB){for(var d=0;d<b.length-1;++d){var c=b[d],e=b[d+1];if(!(e[0]<a)){d=e[0]-c[0];if(1E-5>Math.abs(d))return c[1];d=(a-c[0])/d;return c[1]*(1-d)+e[1]*d}}return 0}},H.prototype.updateCurve=function(){for(var a=this._values,b=a.length/4,d=this.properties.split_channels,c=0;c<b;++c){if(d)a[4*c]=Math.clamp(255*this.sampleCurve(c/b,this._points.R),0,255),a[4*c+1]=
+Math.clamp(255*this.sampleCurve(c/b,this._points.G),0,255),a[4*c+2]=Math.clamp(255*this.sampleCurve(c/b,this._points.B),0,255);else{var e=this.sampleCurve(c/b);a[4*c]=a[4*c+1]=a[4*c+2]=Math.clamp(255*e,0,255)}a[4*c+3]=255}this._curve_texture||(this._curve_texture=new GL.Texture(256,1,{format:gl.RGBA,magFilter:gl.LINEAR,wrap:gl.CLAMP_TO_EDGE}));this._curve_texture.uploadData(a,null,!0)},H.prototype.onSerialize=function(a){var b={},d;for(d in this._points)b[d]=this._points[d].concat();a.curves=b},H.prototype.onConfigure=
+function(a){this._points=a.curves;this.curve_editor&&(curve_editor.points=this._points);this._must_update=!0},H.prototype.onMouseDown=function(a,b,d){if(this.curve_editor)return(a=this.curve_editor.onMouseDown([b[0],b[1]-this.curve_offset],d))&&this.captureInput(!0),a},H.prototype.onMouseMove=function(a,b,d){if(this.curve_editor)return this.curve_editor.onMouseMove([b[0],b[1]-this.curve_offset],d)},H.prototype.onMouseUp=function(a,b,d){if(this.curve_editor)return this.curve_editor.onMouseUp([b[0],
+b[1]-this.curve_offset],d);this.captureInput(!1)},H.channel_line_colors={RGB:"#666",R:"#F33",G:"#3F3",B:"#33F"},H.prototype.onDrawBackground=function(a,b){if(!this.flags.collapsed){this.curve_editor||(this.curve_editor=new K.CurveEditor(this._points.R));a.save();a.translate(0,this.curve_offset);var d=this.widgets[1].value;this.properties.split_channels?("RGB"==d&&(this.widgets[1].value=d="R",this.widgets[1].disabled=!1),this.curve_editor.points=this._points.R,this.curve_editor.draw(a,[this.size[0],
+this.size[1]-this.curve_offset],b,"#111",H.channel_line_colors.R,!0),a.globalCompositeOperation="lighten",this.curve_editor.points=this._points.G,this.curve_editor.draw(a,[this.size[0],this.size[1]-this.curve_offset],b,null,H.channel_line_colors.G,!0),this.curve_editor.points=this._points.B,this.curve_editor.draw(a,[this.size[0],this.size[1]-this.curve_offset],b,null,H.channel_line_colors.B,!0),a.globalCompositeOperation="source-over"):(this.widgets[1].value=d="RGB",this.widgets[1].disabled=!0);this.curve_editor.points=
+this._points[d];this.curve_editor.draw(a,[this.size[0],this.size[1]-this.curve_offset],b,this.properties.split_channels?null:"#111",H.channel_line_colors[d]);a.restore()}},H.pixel_shader="precision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform sampler2D u_curve;\n\t\tuniform float u_range;\n\t\t\n\t\tvoid main() {\n\t\t\tvec4 color = texture2D( u_texture, v_coord ) * u_range;\n\t\t\tcolor.x = texture2D( u_curve, vec2( color.x, 0.5 ) ).x;\n\t\t\tcolor.y = texture2D( u_curve, vec2( color.y, 0.5 ) ).y;\n\t\t\tcolor.z = texture2D( u_curve, vec2( color.z, 0.5 ) ).z;\n\t\t\t//color.w = texture2D( u_curve, vec2( color.w, 0.5 ) ).w;\n\t\t\tgl_FragColor = color;\n\t\t}",
+K.registerNodeType("texture/curve",H),S.title="Exposition",S.desc="Controls texture exposition",S.widgets_info={exposition:{widget:"slider",min:0,max:3},precision:{widget:"combo",values:c.MODE_VALUES}},S.prototype.onExecute=function(){var a=this.getInputData(0);if(a&&this.isOutputConnected(0)){var b=this._temp_texture;b&&b.width==a.width&&b.height==a.height&&b.type==a.type||(b=this._temp_texture=new GL.Texture(a.width,a.height,{type:a.type,format:gl.RGBA,filter:gl.LINEAR}));var d=S._shader;d||(d=
+S._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,S.pixel_shader));var c=this.getInputData(1);null!=c&&(this.properties.exposition=c);var e=this._uniforms;b.drawTo(function(){gl.disable(gl.DEPTH_TEST);a.bind(0);d.uniforms(e).draw(GL.Mesh.getScreenQuad())});this.setOutputData(0,b)}},S.pixel_shader="precision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform float u_exposition;\n\t\t\n\t\tvoid main() {\n\t\t\tvec4 color = texture2D( u_texture, v_coord );\n\t\t\tgl_FragColor = vec4( color.xyz * u_exposition, color.a );\n\t\t}",
 K.registerNodeType("texture/exposition",S),P.title="Tone Mapping",P.desc="Applies Tone Mapping to convert from high to low",P.widgets_info={precision:{widget:"combo",values:c.MODE_VALUES}},P.prototype.onGetInputs=function(){return[["enabled","boolean"]]},P.prototype.onExecute=function(){var a=this.getInputData(0);if(a&&this.isOutputConnected(0))if(this.properties.precision===c.PASS_THROUGH||!1===this.getInputOrProperty("enabled"))this.setOutputData(0,a);else{var b=this._temp_texture;b&&b.width==a.width&&
-b.height==a.height&&b.type==a.type||(b=this._temp_texture=new GL.Texture(a.width,a.height,{type:a.type,format:gl.RGBA,filter:gl.LINEAR}));var d=this.getInputData(1);null==d&&(d=this.properties.average_lum);var g=this._uniforms,f=null;d.constructor===Number?(this.properties.average_lum=d,g.u_average_lum=this.properties.average_lum,f=P._shader,f||(f=P._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,P.pixel_shader))):d.constructor===GL.Texture&&(g.u_average_texture=d.bind(1),f=P._shader_texture,
-f||(f=P._shader_texture=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,P.pixel_shader,{AVG_TEXTURE:""})));g.u_lumwhite2=this.properties.lum_white*this.properties.lum_white;g.u_scale=this.properties.scale;g.u_igamma=1/this.properties.gamma;gl.disable(gl.DEPTH_TEST);b.drawTo(function(){a.bind(0);f.uniforms(g).draw(GL.Mesh.getScreenQuad())});this.setOutputData(0,this._temp_texture)}},P.pixel_shader="precision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform float u_scale;\n\t\t#ifdef AVG_TEXTURE\n\t\t\tuniform sampler2D u_average_texture;\n\t\t#else\n\t\t\tuniform float u_average_lum;\n\t\t#endif\n\t\tuniform float u_lumwhite2;\n\t\tuniform float u_igamma;\n\t\tvec3 RGB2xyY (vec3 rgb)\n\t\t{\n\t\t\t const mat3 RGB2XYZ = mat3(0.4124, 0.3576, 0.1805,\n\t\t\t\t\t\t\t\t\t   0.2126, 0.7152, 0.0722,\n\t\t\t\t\t\t\t\t\t   0.0193, 0.1192, 0.9505);\n\t\t\tvec3 XYZ = RGB2XYZ * rgb;\n\t\t\t\n\t\t\tfloat f = (XYZ.x + XYZ.y + XYZ.z);\n\t\t\treturn vec3(XYZ.x / f,\n\t\t\t\t\t\tXYZ.y / f,\n\t\t\t\t\t\tXYZ.y);\n\t\t}\n\t\t\n\t\tvoid main() {\n\t\t\tvec4 color = texture2D( u_texture, v_coord );\n\t\t\tvec3 rgb = color.xyz;\n\t\t\tfloat average_lum = 0.0;\n\t\t\t#ifdef AVG_TEXTURE\n\t\t\t\tvec3 pixel = texture2D(u_average_texture,vec2(0.5)).xyz;\n\t\t\t\taverage_lum = (pixel.x + pixel.y + pixel.z) / 3.0;\n\t\t\t#else\n\t\t\t\taverage_lum = u_average_lum;\n\t\t\t#endif\n\t\t\t//Ld - this part of the code is the same for both versions\n\t\t\tfloat lum = dot(rgb, vec3(0.2126, 0.7152, 0.0722));\n\t\t\tfloat L = (u_scale / average_lum) * lum;\n\t\t\tfloat Ld = (L * (1.0 + L / u_lumwhite2)) / (1.0 + L);\n\t\t\t//first\n\t\t\t//vec3 xyY = RGB2xyY(rgb);\n\t\t\t//xyY.z *= Ld;\n\t\t\t//rgb = xyYtoRGB(xyY);\n\t\t\t//second\n\t\t\trgb = (rgb / lum) * Ld;\n\t\t\trgb = max(rgb,vec3(0.001));\n\t\t\trgb = pow( rgb, vec3( u_igamma ) );\n\t\t\tgl_FragColor = vec4( rgb, color.a );\n\t\t}",
+b.height==a.height&&b.type==a.type||(b=this._temp_texture=new GL.Texture(a.width,a.height,{type:a.type,format:gl.RGBA,filter:gl.LINEAR}));var d=this.getInputData(1);null==d&&(d=this.properties.average_lum);var e=this._uniforms,g=null;d.constructor===Number?(this.properties.average_lum=d,e.u_average_lum=this.properties.average_lum,g=P._shader,g||(g=P._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,P.pixel_shader))):d.constructor===GL.Texture&&(e.u_average_texture=d.bind(1),g=P._shader_texture,
+g||(g=P._shader_texture=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,P.pixel_shader,{AVG_TEXTURE:""})));e.u_lumwhite2=this.properties.lum_white*this.properties.lum_white;e.u_scale=this.properties.scale;e.u_igamma=1/this.properties.gamma;gl.disable(gl.DEPTH_TEST);b.drawTo(function(){a.bind(0);g.uniforms(e).draw(GL.Mesh.getScreenQuad())});this.setOutputData(0,this._temp_texture)}},P.pixel_shader="precision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform float u_scale;\n\t\t#ifdef AVG_TEXTURE\n\t\t\tuniform sampler2D u_average_texture;\n\t\t#else\n\t\t\tuniform float u_average_lum;\n\t\t#endif\n\t\tuniform float u_lumwhite2;\n\t\tuniform float u_igamma;\n\t\tvec3 RGB2xyY (vec3 rgb)\n\t\t{\n\t\t\t const mat3 RGB2XYZ = mat3(0.4124, 0.3576, 0.1805,\n\t\t\t\t\t\t\t\t\t   0.2126, 0.7152, 0.0722,\n\t\t\t\t\t\t\t\t\t   0.0193, 0.1192, 0.9505);\n\t\t\tvec3 XYZ = RGB2XYZ * rgb;\n\t\t\t\n\t\t\tfloat f = (XYZ.x + XYZ.y + XYZ.z);\n\t\t\treturn vec3(XYZ.x / f,\n\t\t\t\t\t\tXYZ.y / f,\n\t\t\t\t\t\tXYZ.y);\n\t\t}\n\t\t\n\t\tvoid main() {\n\t\t\tvec4 color = texture2D( u_texture, v_coord );\n\t\t\tvec3 rgb = color.xyz;\n\t\t\tfloat average_lum = 0.0;\n\t\t\t#ifdef AVG_TEXTURE\n\t\t\t\tvec3 pixel = texture2D(u_average_texture,vec2(0.5)).xyz;\n\t\t\t\taverage_lum = (pixel.x + pixel.y + pixel.z) / 3.0;\n\t\t\t#else\n\t\t\t\taverage_lum = u_average_lum;\n\t\t\t#endif\n\t\t\t//Ld - this part of the code is the same for both versions\n\t\t\tfloat lum = dot(rgb, vec3(0.2126, 0.7152, 0.0722));\n\t\t\tfloat L = (u_scale / average_lum) * lum;\n\t\t\tfloat Ld = (L * (1.0 + L / u_lumwhite2)) / (1.0 + L);\n\t\t\t//first\n\t\t\t//vec3 xyY = RGB2xyY(rgb);\n\t\t\t//xyY.z *= Ld;\n\t\t\t//rgb = xyYtoRGB(xyY);\n\t\t\t//second\n\t\t\trgb = (rgb / lum) * Ld;\n\t\t\trgb = max(rgb,vec3(0.001));\n\t\t\trgb = pow( rgb, vec3( u_igamma ) );\n\t\t\tgl_FragColor = vec4( rgb, color.a );\n\t\t}",
 K.registerNodeType("texture/tonemapping",P),R.title="Perlin",R.desc="Generates a perlin noise texture",R.widgets_info={precision:{widget:"combo",values:c.MODE_VALUES},width:{type:"number",precision:0,step:1},height:{type:"number",precision:0,step:1},octaves:{type:"number",precision:0,step:1,min:1,max:50}},R.prototype.onGetInputs=function(){return[["seed","number"],["persistence","number"],["octaves","number"],["scale","number"],["amplitude","number"],["offset","vec2"]]},R.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=
-this.properties.width|0,b=this.properties.height|0;0==a&&(a=gl.viewport_data[2]);0==b&&(b=gl.viewport_data[3]);var d=c.getTextureType(this.properties.precision),g=this._texture;g&&g.width==a&&g.height==b&&g.type==d||(g=this._texture=new GL.Texture(a,b,{type:d,format:gl.RGB,filter:gl.LINEAR}));var f=this.getInputOrProperty("persistence"),e=this.getInputOrProperty("octaves"),l=this.getInputOrProperty("offset"),m=this.getInputOrProperty("scale"),h=this.getInputOrProperty("amplitude"),n=this.getInputOrProperty("seed"),
-d=""+a+b+d+f+e+m+n+l[0]+l[1]+h;if(d!=this._key){this._key=d;var k=this._uniforms;k.u_persistence=f;k.u_octaves=e;k.u_offset.set(l);k.u_scale=m;k.u_amplitude=h;k.u_seed=128*n;k.u_viewport[0]=a;k.u_viewport[1]=b;var v=R._shader;v||(v=R._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,R.pixel_shader));gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);g.drawTo(function(){v.uniforms(k).draw(GL.Mesh.getScreenQuad())})}this.setOutputData(0,g)}},R.pixel_shader="precision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform vec2 u_offset;\n\t\tuniform float u_scale;\n\t\tuniform float u_persistence;\n\t\tuniform int u_octaves;\n\t\tuniform float u_amplitude;\n\t\tuniform vec2 u_viewport;\n\t\tuniform float u_seed;\n\t\t#define M_PI 3.14159265358979323846\n\t\t\n\t\tfloat rand(vec2 c){\treturn fract(sin(dot(c.xy ,vec2( 12.9898 + u_seed,78.233 + u_seed))) * 43758.5453); }\n\t\t\n\t\tfloat noise(vec2 p, float freq ){\n\t\t\tfloat unit = u_viewport.x/freq;\n\t\t\tvec2 ij = floor(p/unit);\n\t\t\tvec2 xy = mod(p,unit)/unit;\n\t\t\t//xy = 3.*xy*xy-2.*xy*xy*xy;\n\t\t\txy = .5*(1.-cos(M_PI*xy));\n\t\t\tfloat a = rand((ij+vec2(0.,0.)));\n\t\t\tfloat b = rand((ij+vec2(1.,0.)));\n\t\t\tfloat c = rand((ij+vec2(0.,1.)));\n\t\t\tfloat d = rand((ij+vec2(1.,1.)));\n\t\t\tfloat x1 = mix(a, b, xy.x);\n\t\t\tfloat x2 = mix(c, d, xy.x);\n\t\t\treturn mix(x1, x2, xy.y);\n\t\t}\n\t\t\n\t\tfloat pNoise(vec2 p, int res){\n\t\t\tfloat persistance = u_persistence;\n\t\t\tfloat n = 0.;\n\t\t\tfloat normK = 0.;\n\t\t\tfloat f = 4.;\n\t\t\tfloat amp = 1.0;\n\t\t\tint iCount = 0;\n\t\t\tfor (int i = 0; i<50; i++){\n\t\t\t\tn+=amp*noise(p, f);\n\t\t\t\tf*=2.;\n\t\t\t\tnormK+=amp;\n\t\t\t\tamp*=persistance;\n\t\t\t\tif (iCount >= res)\n\t\t\t\t\tbreak;\n\t\t\t\tiCount++;\n\t\t\t}\n\t\t\tfloat nf = n/normK;\n\t\t\treturn nf*nf*nf*nf;\n\t\t}\n\t\tvoid main() {\n\t\t\tvec2 uv = v_coord * u_scale * u_viewport + u_offset * u_scale;\n\t\t\tvec4 color = vec4( pNoise( uv, u_octaves ) * u_amplitude );\n\t\t\tgl_FragColor = color;\n\t\t}",
+this.properties.width|0,b=this.properties.height|0;0==a&&(a=gl.viewport_data[2]);0==b&&(b=gl.viewport_data[3]);var d=c.getTextureType(this.properties.precision),e=this._texture;e&&e.width==a&&e.height==b&&e.type==d||(e=this._texture=new GL.Texture(a,b,{type:d,format:gl.RGB,filter:gl.LINEAR}));var g=this.getInputOrProperty("persistence"),f=this.getInputOrProperty("octaves"),l=this.getInputOrProperty("offset"),m=this.getInputOrProperty("scale"),h=this.getInputOrProperty("amplitude"),s=this.getInputOrProperty("seed"),
+d=""+a+b+d+g+f+m+s+l[0]+l[1]+h;if(d!=this._key){this._key=d;var k=this._uniforms;k.u_persistence=g;k.u_octaves=f;k.u_offset.set(l);k.u_scale=m;k.u_amplitude=h;k.u_seed=128*s;k.u_viewport[0]=a;k.u_viewport[1]=b;var w=R._shader;w||(w=R._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,R.pixel_shader));gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);e.drawTo(function(){w.uniforms(k).draw(GL.Mesh.getScreenQuad())})}this.setOutputData(0,e)}},R.pixel_shader="precision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform vec2 u_offset;\n\t\tuniform float u_scale;\n\t\tuniform float u_persistence;\n\t\tuniform int u_octaves;\n\t\tuniform float u_amplitude;\n\t\tuniform vec2 u_viewport;\n\t\tuniform float u_seed;\n\t\t#define M_PI 3.14159265358979323846\n\t\t\n\t\tfloat rand(vec2 c){\treturn fract(sin(dot(c.xy ,vec2( 12.9898 + u_seed,78.233 + u_seed))) * 43758.5453); }\n\t\t\n\t\tfloat noise(vec2 p, float freq ){\n\t\t\tfloat unit = u_viewport.x/freq;\n\t\t\tvec2 ij = floor(p/unit);\n\t\t\tvec2 xy = mod(p,unit)/unit;\n\t\t\t//xy = 3.*xy*xy-2.*xy*xy*xy;\n\t\t\txy = .5*(1.-cos(M_PI*xy));\n\t\t\tfloat a = rand((ij+vec2(0.,0.)));\n\t\t\tfloat b = rand((ij+vec2(1.,0.)));\n\t\t\tfloat c = rand((ij+vec2(0.,1.)));\n\t\t\tfloat d = rand((ij+vec2(1.,1.)));\n\t\t\tfloat x1 = mix(a, b, xy.x);\n\t\t\tfloat x2 = mix(c, d, xy.x);\n\t\t\treturn mix(x1, x2, xy.y);\n\t\t}\n\t\t\n\t\tfloat pNoise(vec2 p, int res){\n\t\t\tfloat persistance = u_persistence;\n\t\t\tfloat n = 0.;\n\t\t\tfloat normK = 0.;\n\t\t\tfloat f = 4.;\n\t\t\tfloat amp = 1.0;\n\t\t\tint iCount = 0;\n\t\t\tfor (int i = 0; i<50; i++){\n\t\t\t\tn+=amp*noise(p, f);\n\t\t\t\tf*=2.;\n\t\t\t\tnormK+=amp;\n\t\t\t\tamp*=persistance;\n\t\t\t\tif (iCount >= res)\n\t\t\t\t\tbreak;\n\t\t\t\tiCount++;\n\t\t\t}\n\t\t\tfloat nf = n/normK;\n\t\t\treturn nf*nf*nf*nf;\n\t\t}\n\t\tvoid main() {\n\t\t\tvec2 uv = v_coord * u_scale * u_viewport + u_offset * u_scale;\n\t\t\tvec4 color = vec4( pNoise( uv, u_octaves ) * u_amplitude );\n\t\t\tgl_FragColor = color;\n\t\t}",
 K.registerNodeType("texture/perlin",R),Q.title="Canvas2D",Q.desc="Executes Canvas2D code inside a texture or the viewport.",Q.help="Set width and height to 0 to match viewport size.",Q.default_code="//vars: canvas,ctx,time\nctx.fillStyle='red';\nctx.fillRect(0,0,50,50);\n",Q.widgets_info={precision:{widget:"combo",values:c.MODE_VALUES},code:{type:"code"},width:{type:"number",precision:0,step:1},height:{type:"number",precision:0,step:1}},Q.prototype.onPropertyChanged=function(a,b){"code"==a&&this.compileCode(b)},
-Q.prototype.compileCode=function(a){this._func=null;if(K.allow_scripts)try{this._func=new Function("canvas","ctx","time","script","v",a),this.boxcolor="#00FF00"}catch(b){this.boxcolor="#FF0000",console.error("Error parsing script"),console.error(b)}},Q.prototype.onExecute=function(){var a=this._func;a&&this.isOutputConnected(0)&&this.executeDraw(a)},Q.prototype.executeDraw=function(a){var b=this.properties.width||gl.canvas.width,d=this.properties.height||gl.canvas.height,g=this._temp_texture,f=c.getTextureType(this.properties.precision);
-g&&g.width==b&&g.height==d&&g.type==f||(g=this._temp_texture=new GL.Texture(b,d,{format:gl.RGBA,filter:gl.LINEAR,type:f}));var e=this.getInputData(0),l=this.properties,m=this,h=this.graph.getTime(),n=gl,k=gl.canvas;if(this.properties.use_html_canvas||!B.enableWebGLCanvas)this._canvas?(k=this._canvas,n=this._ctx):(k=this._canvas=createCanvas(b.height),n=this._ctx=k.getContext("2d")),k.width=b,k.height=d;if(n==gl)g.drawTo(function(){gl.start2D();l.clear&&(gl.clearColor(0,0,0,0),gl.clear(gl.COLOR_BUFFER_BIT));
-try{a.draw?a.draw.call(m,k,n,h,a,e):a.call(m,k,n,h,a,e),m.boxcolor="#00FF00"}catch(b){m.boxcolor="#FF0000",console.error("Error executing script"),console.error(b)}gl.finish2D()});else{l.clear&&n.clearRect(0,0,k.width,k.height);try{a.draw?a.draw.call(this,k,n,h,a,e):a.call(this,k,n,h,a,e),this.boxcolor="#00FF00"}catch(v){this.boxcolor="#FF0000",console.error("Error executing script"),console.error(v)}g.uploadImage(k)}this.setOutputData(0,g)},K.registerNodeType("texture/canvas2D",Q),T.title="Matte",
+Q.prototype.compileCode=function(a){this._func=null;if(K.allow_scripts)try{this._func=new Function("canvas","ctx","time","script","v",a),this.boxcolor="#00FF00"}catch(b){this.boxcolor="#FF0000",console.error("Error parsing script"),console.error(b)}},Q.prototype.onExecute=function(){var a=this._func;a&&this.isOutputConnected(0)&&this.executeDraw(a)},Q.prototype.executeDraw=function(a){var b=this.properties.width||gl.canvas.width,d=this.properties.height||gl.canvas.height,e=this._temp_texture,g=c.getTextureType(this.properties.precision);
+e&&e.width==b&&e.height==d&&e.type==g||(e=this._temp_texture=new GL.Texture(b,d,{format:gl.RGBA,filter:gl.LINEAR,type:g}));var f=this.getInputData(0),l=this.properties,m=this,h=this.graph.getTime(),s=gl,k=gl.canvas;if(this.properties.use_html_canvas||!B.enableWebGLCanvas)this._canvas?(k=this._canvas,s=this._ctx):(k=this._canvas=createCanvas(b.height),s=this._ctx=k.getContext("2d")),k.width=b,k.height=d;if(s==gl)e.drawTo(function(){gl.start2D();l.clear&&(gl.clearColor(0,0,0,0),gl.clear(gl.COLOR_BUFFER_BIT));
+try{a.draw?a.draw.call(m,k,s,h,a,f):a.call(m,k,s,h,a,f),m.boxcolor="#00FF00"}catch(b){m.boxcolor="#FF0000",console.error("Error executing script"),console.error(b)}gl.finish2D()});else{l.clear&&s.clearRect(0,0,k.width,k.height);try{a.draw?a.draw.call(this,k,s,h,a,f):a.call(this,k,s,h,a,f),this.boxcolor="#00FF00"}catch(w){this.boxcolor="#FF0000",console.error("Error executing script"),console.error(w)}e.uploadImage(k)}this.setOutputData(0,e)},K.registerNodeType("texture/canvas2D",Q),T.title="Matte",
 T.desc="Extracts background",T.widgets_info={key_color:{widget:"color"},precision:{widget:"combo",values:c.MODE_VALUES}},T.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputData(0);if(this.properties.precision===c.PASS_THROUGH)this.setOutputData(0,a);else if(a){this._tex=c.getTargetTexture(a,this._tex,this.properties.precision);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);this._uniforms||(this._uniforms={u_texture:0,u_key_color:this.properties.key_color,u_threshold:1,
-u_slope:1});var b=this._uniforms,d=Mesh.getScreenQuad(),g=T._shader;g||(g=T._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,T.pixel_shader));b.u_key_color=this.properties.key_color;b.u_threshold=this.properties.threshold;b.u_slope=this.properties.slope;this._tex.drawTo(function(){a.bind(0);g.uniforms(b).draw(d)});this.setOutputData(0,this._tex)}}},T.pixel_shader="precision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform vec3 u_key_color;\n\t\tuniform float u_threshold;\n\t\tuniform float u_slope;\n\t\t\n\t\tvoid main() {\n\t\t\tvec3 color = texture2D( u_texture, v_coord ).xyz;\n\t\t\tfloat diff = length( normalize(color) - normalize(u_key_color) );\n\t\t\tfloat edge = u_threshold * (1.0 - u_slope);\n\t\t\tfloat alpha = smoothstep( edge, u_threshold, diff);\n\t\t\tgl_FragColor = vec4( color, alpha );\n\t\t}",
+u_slope:1});var b=this._uniforms,d=Mesh.getScreenQuad(),e=T._shader;e||(e=T._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,T.pixel_shader));b.u_key_color=this.properties.key_color;b.u_threshold=this.properties.threshold;b.u_slope=this.properties.slope;this._tex.drawTo(function(){a.bind(0);e.uniforms(b).draw(d)});this.setOutputData(0,this._tex)}}},T.pixel_shader="precision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform vec3 u_key_color;\n\t\tuniform float u_threshold;\n\t\tuniform float u_slope;\n\t\t\n\t\tvoid main() {\n\t\t\tvec3 color = texture2D( u_texture, v_coord ).xyz;\n\t\t\tfloat diff = length( normalize(color) - normalize(u_key_color) );\n\t\t\tfloat edge = u_threshold * (1.0 - u_slope);\n\t\t\tfloat alpha = smoothstep( edge, u_threshold, diff);\n\t\t\tgl_FragColor = vec4( color, alpha );\n\t\t}",
 K.registerNodeType("texture/matte",T),U.title="CubemapToTexture2D",U.desc="Transforms a CUBEMAP texture into a TEXTURE2D in Polar Representation",U.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputData(0);if(a&&a.texture_type==GL.TEXTURE_CUBE_MAP){!this._last_tex||this._last_tex.height==a.height&&this._last_tex.type==a.type||(this._last_tex=null);var b=this.getInputOrProperty("yaw");this._last_tex=GL.Texture.cubemapToTexture2D(a,a.height,this._last_tex,!0,b);this.setOutputData(0,
 this._last_tex)}}},K.registerNodeType("texture/cubemapToTexture2D",U))})(this);
-(function(B){function c(){M.length=0;for(var a in x){var b=x[a],d=b.indexOf(" "),c=b.substr(0,d),g=b.indexOf("(",d),d=b.substr(d,g-d).trim(),b=b.substr(g+1,b.length-g-2).split(","),f;for(f in b)g=b[f].split(" ").filter(function(a){return a}),b[f]={type:g[0].trim(),name:g[1].trim()},"="==g[2]&&(b[f].value=g[3].trim());N[a]={return_type:c,func:d,params:b};M.push(d)}}function k(a,b){b.color=E;b.filter="shader";b.prototype.clearDestination=function(){this.shader_destination={}};b.prototype.propagateDestination=
-function(a){this.shader_destination[a]=!0;if(this.inputs)for(var b=0;b<this.inputs.length;++b){var d=this.getInputNode(b);d&&d.propagateDestination(a)}};b.prototype.onPropertyChanged||(b.prototype.onPropertyChanged=function(){this.graph&&this.graph._version++});f.registerNodeType("shader::"+a,b)}function u(a,b){return"VAR_"+(b||"TEMP")+"_"+a.id}function s(a,b){if(!a.inputs)return null;var d=a.getInputLink(b);if(!d)return null;var c=a.graph.getNodeById(d.origin_id);return c?c.getOutputVarName?c.getOutputVarName(d.origin_slot):
-"link_"+c.id+"_"+d.origin_slot:null}function t(a,b){return a.isOutputConnected(b)?"link_"+a.id+"_"+b:null}function h(){this.fs_template=this.vs_template="";this.buffer_names={uvs:"v_coord"};this.extra={};this._functions={};this._uniforms={};this._codeparts={};this._uniform_value=null}function C(){this.subgraph=new f.LGraph;this.subgraph._subgraph_node=this;this.subgraph._is_subgraph=!0;this.subgraph.filter="shader";this.addInput("in","texture");this.addOutput("out","texture");this.properties={width:0,
-height:0,alpha:!1,precision:"undefined"!=typeof LGraphTexture?LGraphTexture.DEFAULT:2};var a=this.subgraph.findNodesByType("shader::input/uniform")[0];a.pos=[200,300];var b=f.createNode("shader::texture/sampler2D");b.pos=[400,300];this.subgraph.add(b);var d=f.createNode("shader::output/fragcolor");d.pos=[600,300];this.subgraph.add(d);a.connect(0,b);b.connect(0,d);this.size=[180,60];this.redraw_on_mouse=!0;this._uniforms={};this._shader=null;this._context=new h;this._context.vs_template="#define VERTEX\n"+
-GL.Shader.SCREEN_VERTEX_SHADER;this._context.fs_template=C.template}function y(){this.addOutput("out","");this.properties={name:"",type:""}}function G(){this.addOutput("out","vec2");this.properties={name:"coord",type:"vec2"}}function A(){this.addInput("tex","sampler2D");this.addInput("uv","vec2");this.addOutput("rgba","vec4");this.addOutput("rgb","vec3")}function D(){this.addOutput("","float");this.properties={type:"float",value:0};this.addWidget("combo","type","float",null,{values:r,property:"type"});
-this.updateWidgets()}function e(){this.addInput("xy","vec2");this.addInput("x","float");this.addInput("y","float");this.addOutput("xy","vec2");this.addOutput("x","float");this.addOutput("y","float");this.properties={x:0,y:0}}function q(){this.addInput("xyz","vec3");this.addInput("x","float");this.addInput("y","float");this.addInput("z","float");this.addInput("xy","vec2");this.addInput("xz","vec2");this.addInput("yz","vec2");this.addOutput("xyz","vec3");this.addOutput("x","float");this.addOutput("y",
-"float");this.addOutput("z","float");this.addOutput("xy","vec2");this.addOutput("xz","vec2");this.addOutput("yz","vec2");this.properties={x:0,y:0,z:0}}function H(){this.addInput("xyzw","vec4");this.addInput("xyz","vec3");this.addInput("x","float");this.addInput("y","float");this.addInput("z","float");this.addInput("w","float");this.addInput("xy","vec2");this.addInput("yz","vec2");this.addInput("zw","vec2");this.addOutput("xyzw","vec4");this.addOutput("xyz","vec3");this.addOutput("x","float");this.addOutput("y",
-"float");this.addOutput("z","float");this.addOutput("xy","vec2");this.addOutput("yz","vec2");this.addOutput("zw","vec2");this.properties={x:0,y:0,z:0,w:0}}function w(){this.addInput("color",m.ALL_TYPES);this.block_delete=!0}function L(){this.addInput("A",m.ALL_TYPES);this.addInput("B",m.ALL_TYPES);this.addOutput("out","");this.properties={operation:"*"};this.addWidget("combo","op.",this.properties.operation,{property:"operation",values:L.operations})}function n(){this.addInput("A",m.ALL_TYPES);this.addInput("B",
-m.ALL_TYPES);this.addOutput("out","");this.properties={func:"floor"};this._current="floor";this.addWidget("combo","func",this.properties.func,{property:"func",values:M})}function v(){this.addInput("A",m.ALL_TYPES);this.addInput("B",m.ALL_TYPES);this.addOutput("C","vec4");this.properties={code:"C = A+B",type:"vec4"};this.addWidget("text","code",this.properties.code,{property:"code"});this.addWidget("combo","type",this.properties.type,{values:["float","vec2","vec3","vec4"],property:"type"})}function l(){this.addOutput("out",
+(function(B){function c(){M.length=0;for(var a in C){var b=C[a],d=b.indexOf(" "),c=b.substr(0,d),e=b.indexOf("(",d),d=b.substr(d,e-d).trim(),b=b.substr(e+1,b.length-e-2).split(","),g;for(g in b)e=b[g].split(" ").filter(function(a){return a}),b[g]={type:e[0].trim(),name:e[1].trim()},"="==e[2]&&(b[g].value=e[3].trim());N[a]={return_type:c,func:d,params:b};M.push(d)}}function k(a,b){b.color=y;b.filter="shader";b.prototype.clearDestination=function(){this.shader_destination={}};b.prototype.propagateDestination=
+function(a){this.shader_destination[a]=!0;if(this.inputs)for(var b=0;b<this.inputs.length;++b){var d=this.getInputNode(b);d&&d.propagateDestination(a)}};b.prototype.onPropertyChanged||(b.prototype.onPropertyChanged=function(){this.graph&&this.graph._version++});e.registerNodeType("shader::"+a,b)}function v(a,b){return"VAR_"+(b||"TEMP")+"_"+a.id}function r(a,b){if(!a.inputs)return null;var d=a.getInputLink(b);if(!d)return null;var c=a.graph.getNodeById(d.origin_id);return c?c.getOutputVarName?c.getOutputVarName(d.origin_slot):
+"link_"+c.id+"_"+d.origin_slot:null}function t(a,b){return a.isOutputConnected(b)?"link_"+a.id+"_"+b:null}function h(){this.fs_template=this.vs_template="";this.buffer_names={uvs:"v_coord"};this.extra={};this._functions={};this._uniforms={};this._codeparts={};this._uniform_value=null}function D(){this.subgraph=new e.LGraph;this.subgraph._subgraph_node=this;this.subgraph._is_subgraph=!0;this.subgraph.filter="shader";this.addInput("in","texture");this.addOutput("out","texture");this.properties={width:0,
+height:0,alpha:!1,precision:"undefined"!=typeof LGraphTexture?LGraphTexture.DEFAULT:2};var a=this.subgraph.findNodesByType("shader::input/uniform")[0];a.pos=[200,300];var b=e.createNode("shader::texture/sampler2D");b.pos=[400,300];this.subgraph.add(b);var d=e.createNode("shader::output/fragcolor");d.pos=[600,300];this.subgraph.add(d);a.connect(0,b);b.connect(0,d);this.size=[180,60];this.redraw_on_mouse=!0;this._uniforms={};this._shader=null;this._context=new h;this._context.vs_template="#define VERTEX\n"+
+GL.Shader.SCREEN_VERTEX_SHADER;this._context.fs_template=D.template}function z(){this.addOutput("out","");this.properties={name:"",type:""}}function G(){this.addOutput("out","vec2");this.properties={name:"coord",type:"vec2"}}function A(){this.addInput("tex","sampler2D");this.addInput("uv","vec2");this.addOutput("rgba","vec4");this.addOutput("rgb","vec3")}function E(){this.addOutput("","float");this.properties={type:"float",value:0};this.addWidget("combo","type","float",null,{values:q,property:"type"});
+this.updateWidgets()}function f(){this.addInput("xy","vec2");this.addInput("x","float");this.addInput("y","float");this.addOutput("xy","vec2");this.addOutput("x","float");this.addOutput("y","float");this.properties={x:0,y:0}}function n(){this.addInput("xyz","vec3");this.addInput("x","float");this.addInput("y","float");this.addInput("z","float");this.addInput("xy","vec2");this.addInput("xz","vec2");this.addInput("yz","vec2");this.addOutput("xyz","vec3");this.addOutput("x","float");this.addOutput("y",
+"float");this.addOutput("z","float");this.addOutput("xy","vec2");this.addOutput("xz","vec2");this.addOutput("yz","vec2");this.properties={x:0,y:0,z:0}}function I(){this.addInput("xyzw","vec4");this.addInput("xyz","vec3");this.addInput("x","float");this.addInput("y","float");this.addInput("z","float");this.addInput("w","float");this.addInput("xy","vec2");this.addInput("yz","vec2");this.addInput("zw","vec2");this.addOutput("xyzw","vec4");this.addOutput("xyz","vec3");this.addOutput("x","float");this.addOutput("y",
+"float");this.addOutput("z","float");this.addOutput("xy","vec2");this.addOutput("yz","vec2");this.addOutput("zw","vec2");this.properties={x:0,y:0,z:0,w:0}}function x(){this.addInput("color",m.ALL_TYPES);this.block_delete=!0}function L(){this.addInput("A",m.ALL_TYPES);this.addInput("B",m.ALL_TYPES);this.addOutput("out","");this.properties={operation:"*"};this.addWidget("combo","op.",this.properties.operation,{property:"operation",values:L.operations})}function s(){this.addInput("A",m.ALL_TYPES);this.addInput("B",
+m.ALL_TYPES);this.addOutput("out","");this.properties={func:"floor"};this._current="floor";this.addWidget("combo","func",this.properties.func,{property:"func",values:M})}function w(){this.addInput("A",m.ALL_TYPES);this.addInput("B",m.ALL_TYPES);this.addOutput("C","vec4");this.properties={code:"C = A+B",type:"vec4"};this.addWidget("text","code",this.properties.code,{property:"code"});this.addWidget("combo","type",this.properties.type,{values:["float","vec2","vec3","vec4"],property:"type"})}function l(){this.addOutput("out",
 "float")}function a(){this.addInput("out",m.ALL_TYPES);this.addInput("scale","float");this.addOutput("out","float");this.properties={type:"noise",scale:1};this.addWidget("combo","type",this.properties.type,{property:"type",values:a.NOISE_TYPES});this.addWidget("number","scale",this.properties.scale,{property:"scale"})}function b(){this.addOutput("out","float")}function d(){this.addInput("in","T");this.addOutput("out","float")}function g(){this.addInput("",m.ALL_TYPES);this.addOutput("","");this.properties=
-{min_value:0,max_value:1,min_value2:0,max_value2:1};this.addWidget("number","min",0,{step:0.1,property:"min_value"});this.addWidget("number","max",1,{step:0.1,property:"max_value"});this.addWidget("number","min2",0,{step:0.1,property:"min_value2"});this.addWidget("number","max2",1,{step:0.1,property:"max_value2"})}if("undefined"!=typeof GL){var f=B.LiteGraph,E="#345",m=f.Shaders={};m.GLSL_types="float vec2 vec3 vec4 mat3 mat4 sampler2D samplerCube".split(" ");var r=m.GLSL_types_const=["float","vec2",
-"vec3","vec4"],x={radians:"T radians(T degrees)",degrees:"T degrees(T radians)",sin:"T sin(T angle)",cos:"T cos(T angle)",tan:"T tan(T angle)",asin:"T asin(T x)",acos:"T acos(T x)",atan:"T atan(T x)",atan2:"T atan(T x,T y)",pow:"T pow(T x,T y)",exp:"T exp(T x)",log:"T log(T x)",exp2:"T exp2(T x)",log2:"T log2(T x)",sqrt:"T sqrt(T x)",inversesqrt:"T inversesqrt(T x)",abs:"T abs(T x)",sign:"T sign(T x)",floor:"T floor(T x)",round:"T round(T x)",ceil:"T ceil(T x)",fract:"T fract(T x)",mod:"T mod(T x,T y)",
+{min_value:0,max_value:1,min_value2:0,max_value2:1};this.addWidget("number","min",0,{step:0.1,property:"min_value"});this.addWidget("number","max",1,{step:0.1,property:"max_value"});this.addWidget("number","min2",0,{step:0.1,property:"min_value2"});this.addWidget("number","max2",1,{step:0.1,property:"max_value2"})}if("undefined"!=typeof GL){var e=B.LiteGraph,y="#345",m=e.Shaders={};m.GLSL_types="float vec2 vec3 vec4 mat3 mat4 sampler2D samplerCube".split(" ");var q=m.GLSL_types_const=["float","vec2",
+"vec3","vec4"],C={radians:"T radians(T degrees)",degrees:"T degrees(T radians)",sin:"T sin(T angle)",cos:"T cos(T angle)",tan:"T tan(T angle)",asin:"T asin(T x)",acos:"T acos(T x)",atan:"T atan(T x)",atan2:"T atan(T x,T y)",pow:"T pow(T x,T y)",exp:"T exp(T x)",log:"T log(T x)",exp2:"T exp2(T x)",log2:"T log2(T x)",sqrt:"T sqrt(T x)",inversesqrt:"T inversesqrt(T x)",abs:"T abs(T x)",sign:"T sign(T x)",floor:"T floor(T x)",round:"T round(T x)",ceil:"T ceil(T x)",fract:"T fract(T x)",mod:"T mod(T x,T y)",
 min:"T min(T x,T y)",max:"T max(T x,T y)",clamp:"T clamp(T x,T minVal = 0.0,T maxVal = 1.0)",mix:"T mix(T x,T y,T a)",step:"T step(T edge, T edge2, T x)",smoothstep:"T smoothstep(T edge, T edge2, T x)",length:"float length(T x)",distance:"float distance(T p0, T p1)",normalize:"T normalize(T x)",dot:"float dot(T x,T y)",cross:"vec3 cross(vec3 x,vec3 y)",reflect:"vec3 reflect(vec3 V,vec3 N)",refract:"vec3 refract(vec3 V,vec3 N, float IOR)"},N={},M=[];c();m.ALL_TYPES="float,vec2,vec3,vec4";m.registerShaderNode=
-k;m.getInputLinkID=s;m.getOutputLinkID=t;m.getShaderNodeVarName=u;m.parseGLSLDescriptions=c;var z=f.valueToGLSL=function(a,b,d){var c=5;null!=d&&(c=d);if(!b)if(a.constructor===Number)b="float";else if(a.length)switch(a.length){case 2:b="vec2";break;case 3:b="vec3";break;case 4:b="vec4";break;case 9:b="mat3";break;case 16:b="mat4";break;default:throw"unknown type for glsl value size";}else throw"unknown type for glsl value: "+a.constructor;switch(b){case "float":return a.toFixed(c);case "vec2":return"vec2("+
-a[0].toFixed(c)+","+a[1].toFixed(c)+")";case "color3":case "vec3":return"vec3("+a[0].toFixed(c)+","+a[1].toFixed(c)+","+a[2].toFixed(c)+")";case "color4":case "vec4":return"vec4("+a[0].toFixed(c)+","+a[1].toFixed(c)+","+a[2].toFixed(c)+","+a[3].toFixed(c)+")";case "mat3":return"mat3(1.0,0.0,0.0,0.0,1.0,0.0,0.0,0.0,1.0)";case "mat4":return"mat4(1.0,0.0,0.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,1.0)";default:throw"unknown glsl type in valueToGLSL:",b;}},F=f.varToTypeGLSL=function(a,b,
+k;m.getInputLinkID=r;m.getOutputLinkID=t;m.getShaderNodeVarName=v;m.parseGLSLDescriptions=c;var u=e.valueToGLSL=function(a,b,d){var c=5;null!=d&&(c=d);if(!b)if(a.constructor===Number)b="float";else if(a.length)switch(a.length){case 2:b="vec2";break;case 3:b="vec3";break;case 4:b="vec4";break;case 9:b="mat3";break;case 16:b="mat4";break;default:throw"unknown type for glsl value size";}else throw"unknown type for glsl value: "+a.constructor;switch(b){case "float":return a.toFixed(c);case "vec2":return"vec2("+
+a[0].toFixed(c)+","+a[1].toFixed(c)+")";case "color3":case "vec3":return"vec3("+a[0].toFixed(c)+","+a[1].toFixed(c)+","+a[2].toFixed(c)+")";case "color4":case "vec4":return"vec4("+a[0].toFixed(c)+","+a[1].toFixed(c)+","+a[2].toFixed(c)+","+a[3].toFixed(c)+")";case "mat3":return"mat3(1.0,0.0,0.0,0.0,1.0,0.0,0.0,0.0,1.0)";case "mat4":return"mat4(1.0,0.0,0.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,1.0)";default:throw"unknown glsl type in valueToGLSL:",b;}},F=e.varToTypeGLSL=function(a,b,
 d){if(b==d)return a;if(null==a)switch(d){case "float":return"0.0";case "vec2":return"vec2(0.0)";case "vec3":return"vec3(0.0)";case "vec4":return"vec4(0.0,0.0,0.0,1.0)";default:return null}if(!d)throw"error: no output type specified";if("float"==d)switch(b){case "vec2":case "vec3":case "vec4":return a+".x";default:return"0.0"}else if("vec2"==d)switch(b){case "float":return"vec2("+a+")";case "vec3":case "vec4":return a+".xy";default:return"vec2(0.0)"}else if("vec3"==d)switch(b){case "float":return"vec3("+
-a+")";case "vec2":return"vec3("+a+",0.0)";case "vec4":return a+".xyz";default:return"vec3(0.0)"}else if("vec4"==d)switch(b){case "float":return"vec4("+a+")";case "vec2":return"vec4("+a+",0.0,1.0)";case "vec3":return"vec4("+a+",1.0)";default:return"vec4(0.0,0.0,0.0,1.0)"}throw"type cannot be converted";},O=f.convertVarToGLSLType=function(a,b,d){if(b==d)return a;if("float"==b)return d+"("+a+")";if("vec2"==d)return"vec2("+a+".xy)";if("vec3"==d){if("vec2"==b)return"vec3("+a+",0.0)";if("vec4"==b)return"vec4("+
+a+")";case "vec2":return"vec3("+a+",0.0)";case "vec4":return a+".xyz";default:return"vec3(0.0)"}else if("vec4"==d)switch(b){case "float":return"vec4("+a+")";case "vec2":return"vec4("+a+",0.0,1.0)";case "vec3":return"vec4("+a+",1.0)";default:return"vec4(0.0,0.0,0.0,1.0)"}throw"type cannot be converted";},O=e.convertVarToGLSLType=function(a,b,d){if(b==d)return a;if("float"==b)return d+"("+a+")";if("vec2"==d)return"vec2("+a+".xy)";if("vec3"==d){if("vec2"==b)return"vec3("+a+",0.0)";if("vec4"==b)return"vec4("+
 a+".xyz)"}if("vec4"==d){if("vec2"==b)return"vec4("+a+",0.0,0.0)";if("vec3"==d)return"vec4("+a+",1.0)"}return null};h.prototype.clear=function(){this._uniforms={};this._functions={};this._codeparts={};this._uniform_value=null;this.extra={}};h.prototype.addUniform=function(a,b,d){this._uniforms[a]=b;null!=d&&(this._uniform_value||(this._uniform_value={}),this._uniform_value[a]=d)};h.prototype.addFunction=function(a,b){this._functions[a]=b};h.prototype.addCode=function(a,b,d){d=d||{"":""};for(var c in d)d=
-c?c+"_"+a:a,this._codeparts[d]=this._codeparts[d]?this._codeparts[d]+(b+"\n"):b+"\n"};h.prototype.computeCodeBlocks=function(a,b){this.clear();var d=a.findNodesByType("shader::output/vertex"),d=d&&d.length?d[0]:null,c=a.findNodesByType("shader::output/fragcolor"),c=c&&c.length?c[0]:null;if(!c)return null;a.sendEventToAllNodes("clearDestination");d&&d.propagateDestination("vs");c&&c.propagateDestination("fs");a.sendEventToAllNodes("onGetCode",this);var d="",g;for(g in this._uniforms)d+="uniform "+
-this._uniforms[g]+" "+g+";\n";if(b)for(g in b)d+="uniform "+b[g]+" "+g+";\n";c="";for(g in this._functions)c+="//"+g+"\n"+this._functions[g]+"\n";g=this._codeparts;g.uniforms=d;g.functions=c;return g};h.prototype.computeShaderCode=function(a){var b=this.computeCodeBlocks(a);a=GL.Shader.replaceCodeUsingContext(this.vs_template,b);b=GL.Shader.replaceCodeUsingContext(this.fs_template,b);return{vs_code:a,fs_code:b}};h.prototype.computeShader=function(a,b){var d=this.computeShaderCode(a);console.log(d.vs_code,
-d.fs_code);if(!f.catch_exceptions)return this._shader_error=!0,b?b.updateShader(d.vs_code,d.fs_code):b=new GL.Shader(d.vs_code,d.fs_code),this._shader_error=!1,b;try{return b?b.updateShader(d.vs_code,d.fs_code):b=new GL.Shader(d.vs_code,d.fs_code),this._shader_error=!1,b}catch(c){return this._shader_error||(console.error(c),-1!=c.indexOf("Fragment shader")?console.log(d.fs_code.split("\n").map(function(a,b){return b+".- "+a}).join("\n")):console.log(d.vs_code)),this._shader_error=!0,null}};h.prototype.getShader=
-function(a){if(this._shader&&this._shader._version==a._version)return this._shader;var b=this.computeShader(a,this._shader);if(!b)return null;this._shader=b;b._version=a._version;return b};h.prototype.fillUniforms=function(a,b){if(this._uniform_value)for(var d in this._uniform_value){var c=this._uniform_value[d];null!=c&&(c.constructor===Function?a[d]=c.call(this,b):c.constructor!==GL.Texture&&(a[d]=c))}};f.ShaderContext=f.Shaders.Context=h;C.template="\n#define FRAGMENT\nprecision highp float;\nvarying vec2 v_coord;\n{{varying}}\n{{uniforms}}\n{{functions}}\n{{fs_functions}}\nvoid main() {\n\nvec2 uv = v_coord;\nvec4 fragcolor = vec4(0.0);\nvec4 fragcolor1 = vec4(0.0);\n{{fs_code}}\ngl_FragColor = fragcolor;\n}\n\t";
-C.widgets_info={precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};C.title="ShaderGraph";C.desc="Builds a shader using a graph";C.input_node_type="input/uniform";C.output_node_type="output/fragcolor";C.title_color=E;C.prototype.onSerialize=function(a){a.subgraph=this.subgraph.serialize()};C.prototype.onConfigure=function(a){this.subgraph.configure(a.subgraph)};C.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputData(0);a&&a.constructor!=GL.Texture&&(a=null);
-var b=this.properties.width|0,d=this.properties.height|0;0==b&&(b=a?a.width:gl.viewport_data[2]);0==d&&(d=a?a.height:gl.viewport_data[3]);var c=LGraphTexture.getTextureType(this.properties.precision,a),a=this._texture;a&&a.width==b&&a.height==d&&a.type==c||(a=this._texture=new GL.Texture(b,d,{type:c,format:this.alpha?gl.RGBA:gl.RGB,filter:gl.LINEAR}));var g=this.getShader(this.subgraph);if(g){var f=this._uniforms;this._context.fillUniforms(f);b=0;if(this.inputs)for(d=0;d<this.inputs.length;++d){var c=
-this.inputs[d],e=this.getInputData(d);"texture"==c.type&&(e||(e=GL.Texture.getWhiteTexture()),e=e.bind(b++));null!=e&&(f["u_"+c.name]=e)}var l=GL.Mesh.getScreenQuad();gl.disable(gl.DEPTH_TEST);gl.disable(gl.BLEND);a.drawTo(function(){g.uniforms(f);g.draw(l)});this.setOutputData(0,a)}}};C.prototype.onInputAdded=function(a){var b=f.createNode("shader::input/uniform");b.setProperty("name",a.name);b.setProperty("type",a.type);this.subgraph.add(b)};C.prototype.onInputRemoved=function(a,b){for(var d=this.subgraph.findNodesByType("shader::input/uniform"),
-c=0;c<d.length;++c){var g=d[c];g.properties.name==b.name&&this.subgraph.remove(g)}};C.prototype.computeSize=function(){return[200,Math.max(this.inputs?this.inputs.length:0,this.outputs?this.outputs.length:0)*f.NODE_SLOT_HEIGHT+f.NODE_TITLE_HEIGHT+10]};C.prototype.getShader=function(){var a=this._context.getShader(this.subgraph);this.boxcolor=a?null:"red";return a};C.prototype.onDrawBackground=function(a,b,d,c){if(!this.flags.collapsed){b=this.getOutputData(0);d=this.inputs?this.inputs.length*f.NODE_SLOT_HEIGHT:
-0;b&&a==b.gl&&this.size[1]>d+f.NODE_TITLE_HEIGHT&&a.drawImage(b,10,g,this.size[0]-20,this.size[1]-d-f.NODE_TITLE_HEIGHT);var g=this.size[1]-f.NODE_TITLE_HEIGHT+0.5;c=f.isInsideRectangle(c[0],c[1],this.pos[0],this.pos[1]+g,this.size[0],f.NODE_TITLE_HEIGHT);a.fillStyle=c?"#555":"#222";a.beginPath();this._shape==f.BOX_SHAPE?a.rect(0,g,this.size[0]+1,f.NODE_TITLE_HEIGHT):a.roundRect(0,g,this.size[0]+1,f.NODE_TITLE_HEIGHT,0,8);a.fill();a.textAlign="center";a.font="24px Arial";a.fillStyle=c?"#DDD":"#999";
-a.fillText("+",0.5*this.size[0],g+24)}};C.prototype.onMouseDown=function(a,b,d){b[1]>this.size[1]-f.NODE_TITLE_HEIGHT+0.5&&d.showSubgraphPropertiesDialog(this)};C.prototype.onDrawSubgraphBackground=function(a){};C.prototype.getExtraMenuOptions=function(a){var b=this;return[{content:"Print Code",callback:function(){var a=b._context.computeShaderCode();console.log(a.vs_code,a.fs_code)}}]};f.registerNodeType("texture/shaderGraph",C);y.title="Uniform";y.desc="Input data for the shader";y.prototype.getTitle=
-function(){return this.properties.name&&this.flags.collapsed?this.properties.type+" "+this.properties.name:"Uniform"};y.prototype.onPropertyChanged=function(a,b){this.outputs[0].name=this.properties.type+" "+this.properties.name};y.prototype.onGetCode=function(a){if(this.shader_destination){var b=this.properties.type;if(!b){if(!a.onGetPropertyInfo)return;b=a.onGetPropertyInfo(this.property.name);if(!b)return;b=b.type}"number"==b?b="float":"texture"==b&&(b="sampler2D");-1!=m.GLSL_types.indexOf(b)&&
-(a.addUniform("u_"+this.properties.name,b),this.setOutputData(0,b))}};y.prototype.getOutputVarName=function(a){return"u_"+this.properties.name};k("input/uniform",y);G.title="Attribute";G.desc="Input data from mesh attribute";G.prototype.getTitle=function(){return"att. "+this.properties.name};G.prototype.onGetCode=function(a){if(this.shader_destination){var b=this.properties.type;b&&-1!=m.GLSL_types.indexOf(b)&&("number"==b&&(b="float"),"coord"!=this.properties.name&&a.addCode("varying"," varying "+
-b+" v_"+this.properties.name+";"),this.setOutputData(0,b))}};G.prototype.getOutputVarName=function(a){return"v_"+this.properties.name};k("input/attribute",G);A.title="Sampler2D";A.desc="Reads a pixel from a texture";A.prototype.onGetCode=function(a){if(this.shader_destination){var b=s(this,0),d=u(this),c="vec4 "+d+" = vec4(0.0);\n";if(b)var g=s(this,1)||a.buffer_names.uvs,c=c+(d+" = texture2D("+b+","+g+");\n");t(this,0)&&(c+="vec4 "+t(this,0)+" = "+d+";\n");t(this,1)&&(c+="vec3 "+t(this,1)+" = "+
-d+".xyz;\n");a.addCode("code",c,this.shader_destination);this.setOutputData(0,"vec4");this.setOutputData(1,"vec3")}};k("texture/sampler2D",A);D.title="const";D.prototype.getTitle=function(){return this.flags.collapsed?z(this.properties.value,this.properties.type,2):"Const"};D.prototype.onPropertyChanged=function(a,b){"type"==a&&(this.outputs[0].type!=b&&(this.disconnectOutput(0),this.outputs[0].type=b),this.widgets.length=1,this.updateWidgets());"value"==a&&(b.length?(this.widgets[1].value=b[1],2<
-b.length&&(this.widgets[2].value=b[2]),3<b.length&&(this.widgets[3].value=b[3])):this.widgets[1].value=b)};D.prototype.updateWidgets=function(a){var b=this;a=this.properties.value;var d={step:0.01};switch(this.properties.type){case "float":this.properties.value=0;this.addWidget("number","v",0,{step:0.01,property:"value"});break;case "vec2":this.properties.value=a&&2==a.length?[a[0],a[1]]:[0,0,0];this.addWidget("number","x",this.properties.value[0],function(a){b.properties.value[0]=a},d);this.addWidget("number",
+c?c+"_"+a:a,this._codeparts[d]=this._codeparts[d]?this._codeparts[d]+(b+"\n"):b+"\n"};h.prototype.computeCodeBlocks=function(a,b){this.clear();var d=a.findNodesByType("shader::output/vertex"),d=d&&d.length?d[0]:null,c=a.findNodesByType("shader::output/fragcolor"),c=c&&c.length?c[0]:null;if(!c)return null;a.sendEventToAllNodes("clearDestination");d&&d.propagateDestination("vs");c&&c.propagateDestination("fs");a.sendEventToAllNodes("onGetCode",this);var d="",e;for(e in this._uniforms)d+="uniform "+
+this._uniforms[e]+" "+e+";\n";if(b)for(e in b)d+="uniform "+b[e]+" "+e+";\n";c="";for(e in this._functions)c+="//"+e+"\n"+this._functions[e]+"\n";e=this._codeparts;e.uniforms=d;e.functions=c;return e};h.prototype.computeShaderCode=function(a){var b=this.computeCodeBlocks(a);a=GL.Shader.replaceCodeUsingContext(this.vs_template,b);b=GL.Shader.replaceCodeUsingContext(this.fs_template,b);return{vs_code:a,fs_code:b}};h.prototype.computeShader=function(a,b){var d=this.computeShaderCode(a);console.log(d.vs_code,
+d.fs_code);if(!e.catch_exceptions)return this._shader_error=!0,b?b.updateShader(d.vs_code,d.fs_code):b=new GL.Shader(d.vs_code,d.fs_code),this._shader_error=!1,b;try{return b?b.updateShader(d.vs_code,d.fs_code):b=new GL.Shader(d.vs_code,d.fs_code),this._shader_error=!1,b}catch(c){return this._shader_error||(console.error(c),-1!=c.indexOf("Fragment shader")?console.log(d.fs_code.split("\n").map(function(a,b){return b+".- "+a}).join("\n")):console.log(d.vs_code)),this._shader_error=!0,null}};h.prototype.getShader=
+function(a){if(this._shader&&this._shader._version==a._version)return this._shader;var b=this.computeShader(a,this._shader);if(!b)return null;this._shader=b;b._version=a._version;return b};h.prototype.fillUniforms=function(a,b){if(this._uniform_value)for(var d in this._uniform_value){var c=this._uniform_value[d];null!=c&&(c.constructor===Function?a[d]=c.call(this,b):c.constructor!==GL.Texture&&(a[d]=c))}};e.ShaderContext=e.Shaders.Context=h;D.template="\n#define FRAGMENT\nprecision highp float;\nvarying vec2 v_coord;\n{{varying}}\n{{uniforms}}\n{{functions}}\n{{fs_functions}}\nvoid main() {\n\nvec2 uv = v_coord;\nvec4 fragcolor = vec4(0.0);\nvec4 fragcolor1 = vec4(0.0);\n{{fs_code}}\ngl_FragColor = fragcolor;\n}\n\t";
+D.widgets_info={precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};D.title="ShaderGraph";D.desc="Builds a shader using a graph";D.input_node_type="input/uniform";D.output_node_type="output/fragcolor";D.title_color=y;D.prototype.onSerialize=function(a){a.subgraph=this.subgraph.serialize()};D.prototype.onConfigure=function(a){this.subgraph.configure(a.subgraph)};D.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputData(0);a&&a.constructor!=GL.Texture&&(a=null);
+var b=this.properties.width|0,d=this.properties.height|0;0==b&&(b=a?a.width:gl.viewport_data[2]);0==d&&(d=a?a.height:gl.viewport_data[3]);var c=LGraphTexture.getTextureType(this.properties.precision,a),a=this._texture;a&&a.width==b&&a.height==d&&a.type==c||(a=this._texture=new GL.Texture(b,d,{type:c,format:this.alpha?gl.RGBA:gl.RGB,filter:gl.LINEAR}));var e=this.getShader(this.subgraph);if(e){var g=this._uniforms;this._context.fillUniforms(g);b=0;if(this.inputs)for(d=0;d<this.inputs.length;++d){var c=
+this.inputs[d],f=this.getInputData(d);"texture"==c.type&&(f||(f=GL.Texture.getWhiteTexture()),f=f.bind(b++));null!=f&&(g["u_"+c.name]=f)}var l=GL.Mesh.getScreenQuad();gl.disable(gl.DEPTH_TEST);gl.disable(gl.BLEND);a.drawTo(function(){e.uniforms(g);e.draw(l)});this.setOutputData(0,a)}}};D.prototype.onInputAdded=function(a){var b=e.createNode("shader::input/uniform");b.setProperty("name",a.name);b.setProperty("type",a.type);this.subgraph.add(b)};D.prototype.onInputRemoved=function(a,b){for(var d=this.subgraph.findNodesByType("shader::input/uniform"),
+c=0;c<d.length;++c){var e=d[c];e.properties.name==b.name&&this.subgraph.remove(e)}};D.prototype.computeSize=function(){return[200,Math.max(this.inputs?this.inputs.length:0,this.outputs?this.outputs.length:0)*e.NODE_SLOT_HEIGHT+e.NODE_TITLE_HEIGHT+10]};D.prototype.getShader=function(){var a=this._context.getShader(this.subgraph);this.boxcolor=a?null:"red";return a};D.prototype.onDrawBackground=function(a,b,d,c){if(!this.flags.collapsed){b=this.getOutputData(0);d=this.inputs?this.inputs.length*e.NODE_SLOT_HEIGHT:
+0;b&&a==b.gl&&this.size[1]>d+e.NODE_TITLE_HEIGHT&&a.drawImage(b,10,g,this.size[0]-20,this.size[1]-d-e.NODE_TITLE_HEIGHT);var g=this.size[1]-e.NODE_TITLE_HEIGHT+0.5;c=e.isInsideRectangle(c[0],c[1],this.pos[0],this.pos[1]+g,this.size[0],e.NODE_TITLE_HEIGHT);a.fillStyle=c?"#555":"#222";a.beginPath();this._shape==e.BOX_SHAPE?a.rect(0,g,this.size[0]+1,e.NODE_TITLE_HEIGHT):a.roundRect(0,g,this.size[0]+1,e.NODE_TITLE_HEIGHT,0,8);a.fill();a.textAlign="center";a.font="24px Arial";a.fillStyle=c?"#DDD":"#999";
+a.fillText("+",0.5*this.size[0],g+24)}};D.prototype.onMouseDown=function(a,b,d){b[1]>this.size[1]-e.NODE_TITLE_HEIGHT+0.5&&d.showSubgraphPropertiesDialog(this)};D.prototype.onDrawSubgraphBackground=function(a){};D.prototype.getExtraMenuOptions=function(a){var b=this;return[{content:"Print Code",callback:function(){var a=b._context.computeShaderCode();console.log(a.vs_code,a.fs_code)}}]};e.registerNodeType("texture/shaderGraph",D);z.title="Uniform";z.desc="Input data for the shader";z.prototype.getTitle=
+function(){return this.properties.name&&this.flags.collapsed?this.properties.type+" "+this.properties.name:"Uniform"};z.prototype.onPropertyChanged=function(a,b){this.outputs[0].name=this.properties.type+" "+this.properties.name};z.prototype.onGetCode=function(a){if(this.shader_destination){var b=this.properties.type;if(!b){if(!a.onGetPropertyInfo)return;b=a.onGetPropertyInfo(this.property.name);if(!b)return;b=b.type}"number"==b?b="float":"texture"==b&&(b="sampler2D");-1!=m.GLSL_types.indexOf(b)&&
+(a.addUniform("u_"+this.properties.name,b),this.setOutputData(0,b))}};z.prototype.getOutputVarName=function(a){return"u_"+this.properties.name};k("input/uniform",z);G.title="Attribute";G.desc="Input data from mesh attribute";G.prototype.getTitle=function(){return"att. "+this.properties.name};G.prototype.onGetCode=function(a){if(this.shader_destination){var b=this.properties.type;b&&-1!=m.GLSL_types.indexOf(b)&&("number"==b&&(b="float"),"coord"!=this.properties.name&&a.addCode("varying"," varying "+
+b+" v_"+this.properties.name+";"),this.setOutputData(0,b))}};G.prototype.getOutputVarName=function(a){return"v_"+this.properties.name};k("input/attribute",G);A.title="Sampler2D";A.desc="Reads a pixel from a texture";A.prototype.onGetCode=function(a){if(this.shader_destination){var b=r(this,0),d=v(this),c="vec4 "+d+" = vec4(0.0);\n";if(b)var e=r(this,1)||a.buffer_names.uvs,c=c+(d+" = texture2D("+b+","+e+");\n");t(this,0)&&(c+="vec4 "+t(this,0)+" = "+d+";\n");t(this,1)&&(c+="vec3 "+t(this,1)+" = "+
+d+".xyz;\n");a.addCode("code",c,this.shader_destination);this.setOutputData(0,"vec4");this.setOutputData(1,"vec3")}};k("texture/sampler2D",A);E.title="const";E.prototype.getTitle=function(){return this.flags.collapsed?u(this.properties.value,this.properties.type,2):"Const"};E.prototype.onPropertyChanged=function(a,b){"type"==a&&(this.outputs[0].type!=b&&(this.disconnectOutput(0),this.outputs[0].type=b),this.widgets.length=1,this.updateWidgets());"value"==a&&(b.length?(this.widgets[1].value=b[1],2<
+b.length&&(this.widgets[2].value=b[2]),3<b.length&&(this.widgets[3].value=b[3])):this.widgets[1].value=b)};E.prototype.updateWidgets=function(a){var b=this;a=this.properties.value;var d={step:0.01};switch(this.properties.type){case "float":this.properties.value=0;this.addWidget("number","v",0,{step:0.01,property:"value"});break;case "vec2":this.properties.value=a&&2==a.length?[a[0],a[1]]:[0,0,0];this.addWidget("number","x",this.properties.value[0],function(a){b.properties.value[0]=a},d);this.addWidget("number",
 "y",this.properties.value[1],function(a){b.properties.value[1]=a},d);break;case "vec3":this.properties.value=a&&3==a.length?[a[0],a[1],a[2]]:[0,0,0];this.addWidget("number","x",this.properties.value[0],function(a){b.properties.value[0]=a},d);this.addWidget("number","y",this.properties.value[1],function(a){b.properties.value[1]=a},d);this.addWidget("number","z",this.properties.value[2],function(a){b.properties.value[2]=a},d);break;case "vec4":this.properties.value=a&&4==a.length?[a[0],a[1],a[2],a[3]]:
-[0,0,0,0];this.addWidget("number","x",this.properties.value[0],function(a){b.properties.value[0]=a},d);this.addWidget("number","y",this.properties.value[1],function(a){b.properties.value[1]=a},d);this.addWidget("number","z",this.properties.value[2],function(a){b.properties.value[2]=a},d);this.addWidget("number","w",this.properties.value[3],function(a){b.properties.value[3]=a},d);break;default:console.error("unknown type for constant")}};D.prototype.onGetCode=function(a){if(this.shader_destination){var b=
-z(this.properties.value,this.properties.type),d=t(this,0);d&&(a.addCode("code","\t"+this.properties.type+" "+d+" = "+b+";",this.shader_destination),this.setOutputData(0,this.properties.type))}};k("const/const",D);e.title="vec2";e.varmodes=["xy","x","y"];e.prototype.onPropertyChanged=function(){this.graph&&this.graph._version++};e.prototype.onGetCode=function(a){if(this.shader_destination){for(var b=this.properties,d=u(this),b="\tvec2 "+d+" = "+z([b.x,b.y])+";\n",c=0;c<e.varmodes.length;++c){var g=
-e.varmodes[c],f=s(this,c);f&&(b+="\t"+d+"."+g+" = "+f+";\n")}for(c=0;c<e.varmodes.length;++c)if(g=e.varmodes[c],f=t(this,c)){var l=r[g.length-1],b=b+("\t"+l+" "+f+" = "+d+"."+g+";\n");this.setOutputData(c,l)}a.addCode("code",b,this.shader_destination)}};k("const/vec2",e);q.title="vec3";q.varmodes="xyz x y z xy xz yz".split(" ");q.prototype.onPropertyChanged=function(){this.graph&&this.graph._version++};q.prototype.onGetCode=function(a){if(this.shader_destination){for(var b=this.properties,d=u(this),
-b="vec3 "+d+" = "+z([b.x,b.y,b.z])+";\n",c=0;c<q.varmodes.length;++c){var g=q.varmodes[c],f=s(this,c);f&&(b+="\t"+d+"."+g+" = "+f+";\n")}for(c=0;c<q.varmodes.length;++c)if(g=q.varmodes[c],f=t(this,c)){var e=r[g.length-1],b=b+("\t"+e+" "+f+" = "+d+"."+g+";\n");this.setOutputData(c,e)}a.addCode("code",b,this.shader_destination)}};k("const/vec3",q);H.title="vec4";H.varmodes="xyzw xyz x y z w xy yz zw".split(" ");H.prototype.onPropertyChanged=function(){this.graph&&this.graph._version++};H.prototype.onGetCode=
-function(a){if(this.shader_destination){for(var b=this.properties,d=u(this),b="vec4 "+d+" = "+z([b.x,b.y,b.z,b.w])+";\n",c=0;c<H.varmodes.length;++c){var g=H.varmodes[c],f=s(this,c);f&&(b+="\t"+d+"."+g+" = "+f+";\n")}for(c=0;c<H.varmodes.length;++c)if(g=H.varmodes[c],f=t(this,c)){var e=r[g.length-1],b=b+("\t"+e+" "+f+" = "+d+"."+g+";\n");this.setOutputData(c,e)}a.addCode("code",b,this.shader_destination)}};k("const/vec4",H);w.title="FragColor";w.desc="Pixel final color";w.prototype.onGetCode=function(a){var b=
-s(this,0);if(b){var d=this.getInputData(0),b=F(b,d,"vec4");a.addCode("fs_code","fragcolor = "+b+";")}};k("output/fragcolor",w);L.title="Operation";L.operations=["+","-","*","/"];L.prototype.getTitle=function(){return this.flags.collapsed?"A"+this.properties.operation+"B":"Operation"};L.prototype.onGetCode=function(a){if(this.shader_destination&&this.isOutputConnected(0)){for(var b=[],d=0;3>d;++d)b.push({name:s(this,d),type:this.getInputData(d)||"float"});var c=t(this,0);if(c){for(var g=b[0].type,
-f=this.properties.operation,e=[],d=0;2>d;++d){var l=b[d].name;null==l&&(l=null!=p.value?p.value:"(1.0)",b[d].type="float");b[d].type!=g&&("float"!=b[d].type||"*"!=f&&"/"!=f)&&(l=O(l,b[d].type,g));e.push(l)}a.addCode("code",g+" "+c+" = "+e[0]+f+e[1]+";",this.shader_destination);this.setOutputData(0,g)}}};k("math/operation",L);n.title="Func";n.prototype.onPropertyChanged=function(a,b){this.graph&&this.graph._version++;if("func"==a){var d=N[b];if(d){for(var c=d.params.length;c<this.inputs.length;++c)this.removeInput(c);
-for(c=0;c<d.params.length;++c){var g=d.params[c];this.inputs[c]?this.inputs[c].name=g.name+(g.value?" ("+g.value+")":""):this.addInput(g.name,m.ALL_TYPES)}}}};n.prototype.getTitle=function(){return this.flags.collapsed?this.properties.func:"Func"};n.prototype.onGetCode=function(a){if(this.shader_destination&&this.isOutputConnected(0)){for(var b=[],d=0;3>d;++d)b.push({name:s(this,d),type:this.getInputData(d)||"float"});var c=t(this,0);if(c){var g=N[this.properties.func];if(g){var f=b[0].type,e=g.return_type;
-"T"==e&&(e=f);for(var l=[],d=0;d<g.params.length;++d){var m=g.params[d],h=b[d].name;null==h&&(h=null!=m.value?m.value:"(1.0)",b[d].type="float");if("T"==m.type&&b[d].type!=f||"T"!=m.type&&b[d].type!=f)h=O(h,b[d].type,f);l.push(h)}a.addFunction("round","float round(float v){ return floor(v+0.5); }\nvec2 round(vec2 v){ return floor(v+vec2(0.5));}\nvec3 round(vec3 v){ return floor(v+vec3(0.5));}\nvec4 round(vec4 v){ return floor(v+vec4(0.5)); }\n");a.addCode("code",e+" "+c+" = "+g.func+"("+l.join(",")+
-");",this.shader_destination);this.setOutputData(0,e)}}}};k("math/func",n);v.title="Snippet";v.prototype.onPropertyChanged=function(a,b){this.graph&&this.graph._version++;"type"==a&&this.outputs[0].type!=b&&(this.disconnectOutput(0),this.outputs[0].type=b)};v.prototype.getTitle=function(){return this.flags.collapsed?this.properties.code:"Snippet"};v.prototype.onGetCode=function(a){if(this.shader_destination&&this.isOutputConnected(0)){var b=s(this,0);b||(b="1.0");var d=s(this,1);d||(d="1.0");var c=
-t(this,0);if(c){var g=this.getInputData(0)||"float",f=this.getInputData(1)||"float",e=this.properties.type;if("T"==g||"T"==f)return null;var l="funcSnippet"+this.id,g="\n"+e+" "+l+"( "+g+" A, "+f+" B) {\n"+("\t"+e+" C = "+e+"(0.0);\n"),g=g+("\t"+this.properties.code+";\n"),g=g+"\treturn C;\n}\n";a.addCode("functions",g,this.shader_destination);a.addCode("code",e+" "+c+" = "+l+"("+b+","+d+");",this.shader_destination);this.setOutputData(0,e)}}};k("utils/snippet",v);l.title="Rand";l.prototype.onGetCode=
-function(a){if(this.shader_destination&&this.isOutputConnected(0)){var b=t(this,0);a.addUniform("u_rand"+this.id,"float",function(){return Math.random()});a.addCode("code","float "+b+" = u_rand"+this.id+";",this.shader_destination);this.setOutputData(0,"float")}};k("input/rand",l);a.NOISE_TYPES=["noise","rand"];a.title="noise";a.prototype.onGetCode=function(b){if(this.shader_destination&&this.isOutputConnected(0)){var d=s(this,0),c=t(this,0),g=this.getInputData(0);d||(g="vec2",d=b.buffer_names.uvs);
-b.addFunction("noise",a.shader_functions);b.addUniform("u_noise_scale"+this.id,"float",this.properties.scale);"float"==g?b.addCode("code","float "+c+" = snoise( vec2("+d+") * u_noise_scale"+this.id+");",this.shader_destination):"vec2"==g||"vec3"==g?b.addCode("code","float "+c+" = snoise("+d+" * u_noise_scale"+this.id+");",this.shader_destination):"vec4"==g&&b.addCode("code","float "+c+" = snoise("+d+".xyz * u_noise_scale"+this.id+");",this.shader_destination);this.setOutputData(0,"float")}};k("math/noise",
+[0,0,0,0];this.addWidget("number","x",this.properties.value[0],function(a){b.properties.value[0]=a},d);this.addWidget("number","y",this.properties.value[1],function(a){b.properties.value[1]=a},d);this.addWidget("number","z",this.properties.value[2],function(a){b.properties.value[2]=a},d);this.addWidget("number","w",this.properties.value[3],function(a){b.properties.value[3]=a},d);break;default:console.error("unknown type for constant")}};E.prototype.onGetCode=function(a){if(this.shader_destination){var b=
+u(this.properties.value,this.properties.type),d=t(this,0);d&&(a.addCode("code","\t"+this.properties.type+" "+d+" = "+b+";",this.shader_destination),this.setOutputData(0,this.properties.type))}};k("const/const",E);f.title="vec2";f.varmodes=["xy","x","y"];f.prototype.onPropertyChanged=function(){this.graph&&this.graph._version++};f.prototype.onGetCode=function(a){if(this.shader_destination){for(var b=this.properties,d=v(this),b="\tvec2 "+d+" = "+u([b.x,b.y])+";\n",c=0;c<f.varmodes.length;++c){var e=
+f.varmodes[c],g=r(this,c);g&&(b+="\t"+d+"."+e+" = "+g+";\n")}for(c=0;c<f.varmodes.length;++c)if(e=f.varmodes[c],g=t(this,c)){var l=q[e.length-1],b=b+("\t"+l+" "+g+" = "+d+"."+e+";\n");this.setOutputData(c,l)}a.addCode("code",b,this.shader_destination)}};k("const/vec2",f);n.title="vec3";n.varmodes="xyz x y z xy xz yz".split(" ");n.prototype.onPropertyChanged=function(){this.graph&&this.graph._version++};n.prototype.onGetCode=function(a){if(this.shader_destination){for(var b=this.properties,d=v(this),
+b="vec3 "+d+" = "+u([b.x,b.y,b.z])+";\n",c=0;c<n.varmodes.length;++c){var e=n.varmodes[c],g=r(this,c);g&&(b+="\t"+d+"."+e+" = "+g+";\n")}for(c=0;c<n.varmodes.length;++c)if(e=n.varmodes[c],g=t(this,c)){var f=q[e.length-1],b=b+("\t"+f+" "+g+" = "+d+"."+e+";\n");this.setOutputData(c,f)}a.addCode("code",b,this.shader_destination)}};k("const/vec3",n);I.title="vec4";I.varmodes="xyzw xyz x y z w xy yz zw".split(" ");I.prototype.onPropertyChanged=function(){this.graph&&this.graph._version++};I.prototype.onGetCode=
+function(a){if(this.shader_destination){for(var b=this.properties,d=v(this),b="vec4 "+d+" = "+u([b.x,b.y,b.z,b.w])+";\n",c=0;c<I.varmodes.length;++c){var e=I.varmodes[c],g=r(this,c);g&&(b+="\t"+d+"."+e+" = "+g+";\n")}for(c=0;c<I.varmodes.length;++c)if(e=I.varmodes[c],g=t(this,c)){var f=q[e.length-1],b=b+("\t"+f+" "+g+" = "+d+"."+e+";\n");this.setOutputData(c,f)}a.addCode("code",b,this.shader_destination)}};k("const/vec4",I);x.title="FragColor";x.desc="Pixel final color";x.prototype.onGetCode=function(a){var b=
+r(this,0);if(b){var d=this.getInputData(0),b=F(b,d,"vec4");a.addCode("fs_code","fragcolor = "+b+";")}};k("output/fragcolor",x);L.title="Operation";L.operations=["+","-","*","/"];L.prototype.getTitle=function(){return this.flags.collapsed?"A"+this.properties.operation+"B":"Operation"};L.prototype.onGetCode=function(a){if(this.shader_destination&&this.isOutputConnected(0)){for(var b=[],d=0;3>d;++d)b.push({name:r(this,d),type:this.getInputData(d)||"float"});var c=t(this,0);if(c){for(var e=b[0].type,
+g=this.properties.operation,f=[],d=0;2>d;++d){var l=b[d].name;null==l&&(l=null!=p.value?p.value:"(1.0)",b[d].type="float");b[d].type!=e&&("float"!=b[d].type||"*"!=g&&"/"!=g)&&(l=O(l,b[d].type,e));f.push(l)}a.addCode("code",e+" "+c+" = "+f[0]+g+f[1]+";",this.shader_destination);this.setOutputData(0,e)}}};k("math/operation",L);s.title="Func";s.prototype.onPropertyChanged=function(a,b){this.graph&&this.graph._version++;if("func"==a){var d=N[b];if(d){for(var c=d.params.length;c<this.inputs.length;++c)this.removeInput(c);
+for(c=0;c<d.params.length;++c){var e=d.params[c];this.inputs[c]?this.inputs[c].name=e.name+(e.value?" ("+e.value+")":""):this.addInput(e.name,m.ALL_TYPES)}}}};s.prototype.getTitle=function(){return this.flags.collapsed?this.properties.func:"Func"};s.prototype.onGetCode=function(a){if(this.shader_destination&&this.isOutputConnected(0)){for(var b=[],d=0;3>d;++d)b.push({name:r(this,d),type:this.getInputData(d)||"float"});var c=t(this,0);if(c){var e=N[this.properties.func];if(e){var g=b[0].type,f=e.return_type;
+"T"==f&&(f=g);for(var l=[],d=0;d<e.params.length;++d){var m=e.params[d],h=b[d].name;null==h&&(h=null!=m.value?m.value:"(1.0)",b[d].type="float");if("T"==m.type&&b[d].type!=g||"T"!=m.type&&b[d].type!=g)h=O(h,b[d].type,g);l.push(h)}a.addFunction("round","float round(float v){ return floor(v+0.5); }\nvec2 round(vec2 v){ return floor(v+vec2(0.5));}\nvec3 round(vec3 v){ return floor(v+vec3(0.5));}\nvec4 round(vec4 v){ return floor(v+vec4(0.5)); }\n");a.addCode("code",f+" "+c+" = "+e.func+"("+l.join(",")+
+");",this.shader_destination);this.setOutputData(0,f)}}}};k("math/func",s);w.title="Snippet";w.prototype.onPropertyChanged=function(a,b){this.graph&&this.graph._version++;"type"==a&&this.outputs[0].type!=b&&(this.disconnectOutput(0),this.outputs[0].type=b)};w.prototype.getTitle=function(){return this.flags.collapsed?this.properties.code:"Snippet"};w.prototype.onGetCode=function(a){if(this.shader_destination&&this.isOutputConnected(0)){var b=r(this,0);b||(b="1.0");var d=r(this,1);d||(d="1.0");var c=
+t(this,0);if(c){var e=this.getInputData(0)||"float",g=this.getInputData(1)||"float",f=this.properties.type;if("T"==e||"T"==g)return null;var l="funcSnippet"+this.id,e="\n"+f+" "+l+"( "+e+" A, "+g+" B) {\n"+("\t"+f+" C = "+f+"(0.0);\n"),e=e+("\t"+this.properties.code+";\n"),e=e+"\treturn C;\n}\n";a.addCode("functions",e,this.shader_destination);a.addCode("code",f+" "+c+" = "+l+"("+b+","+d+");",this.shader_destination);this.setOutputData(0,f)}}};k("utils/snippet",w);l.title="Rand";l.prototype.onGetCode=
+function(a){if(this.shader_destination&&this.isOutputConnected(0)){var b=t(this,0);a.addUniform("u_rand"+this.id,"float",function(){return Math.random()});a.addCode("code","float "+b+" = u_rand"+this.id+";",this.shader_destination);this.setOutputData(0,"float")}};k("input/rand",l);a.NOISE_TYPES=["noise","rand"];a.title="noise";a.prototype.onGetCode=function(b){if(this.shader_destination&&this.isOutputConnected(0)){var d=r(this,0),c=t(this,0),e=this.getInputData(0);d||(e="vec2",d=b.buffer_names.uvs);
+b.addFunction("noise",a.shader_functions);b.addUniform("u_noise_scale"+this.id,"float",this.properties.scale);"float"==e?b.addCode("code","float "+c+" = snoise( vec2("+d+") * u_noise_scale"+this.id+");",this.shader_destination):"vec2"==e||"vec3"==e?b.addCode("code","float "+c+" = snoise("+d+" * u_noise_scale"+this.id+");",this.shader_destination):"vec4"==e&&b.addCode("code","float "+c+" = snoise("+d+".xyz * u_noise_scale"+this.id+");",this.shader_destination);this.setOutputData(0,"float")}};k("math/noise",
 a);a.shader_functions="\nvec3 permute(vec3 x) { return mod(((x*34.0)+1.0)*x, 289.0); }\n\nfloat snoise(vec2 v){\n  const vec4 C = vec4(0.211324865405187, 0.366025403784439,-0.577350269189626, 0.024390243902439);\n  vec2 i  = floor(v + dot(v, C.yy) );\n  vec2 x0 = v -   i + dot(i, C.xx);\n  vec2 i1;\n  i1 = (x0.x > x0.y) ? vec2(1.0, 0.0) : vec2(0.0, 1.0);\n  vec4 x12 = x0.xyxy + C.xxzz;\n  x12.xy -= i1;\n  i = mod(i, 289.0);\n  vec3 p = permute( permute( i.y + vec3(0.0, i1.y, 1.0 ))\n  + i.x + vec3(0.0, i1.x, 1.0 ));\n  vec3 m = max(0.5 - vec3(dot(x0,x0), dot(x12.xy,x12.xy),dot(x12.zw,x12.zw)), 0.0);\n  m = m*m ;\n  m = m*m ;\n  vec3 x = 2.0 * fract(p * C.www) - 1.0;\n  vec3 h = abs(x) - 0.5;\n  vec3 ox = floor(x + 0.5);\n  vec3 a0 = x - ox;\n  m *= 1.79284291400159 - 0.85373472095314 * ( a0*a0 + h*h );\n  vec3 g;\n  g.x  = a0.x  * x0.x  + h.x  * x0.y;\n  g.yz = a0.yz * x12.xz + h.yz * x12.yw;\n  return 130.0 * dot(m, g);\n}\nvec4 permute(vec4 x){return mod(((x*34.0)+1.0)*x, 289.0);}\nvec4 taylorInvSqrt(vec4 r){return 1.79284291400159 - 0.85373472095314 * r;}\n\nfloat snoise(vec3 v){ \n  const vec2  C = vec2(1.0/6.0, 1.0/3.0) ;\n  const vec4  D = vec4(0.0, 0.5, 1.0, 2.0);\n\n// First corner\n  vec3 i  = floor(v + dot(v, C.yyy) );\n  vec3 x0 =   v - i + dot(i, C.xxx) ;\n\n// Other corners\n  vec3 g = step(x0.yzx, x0.xyz);\n  vec3 l = 1.0 - g;\n  vec3 i1 = min( g.xyz, l.zxy );\n  vec3 i2 = max( g.xyz, l.zxy );\n\n  //  x0 = x0 - 0. + 0.0 * C \n  vec3 x1 = x0 - i1 + 1.0 * C.xxx;\n  vec3 x2 = x0 - i2 + 2.0 * C.xxx;\n  vec3 x3 = x0 - 1. + 3.0 * C.xxx;\n\n// Permutations\n  i = mod(i, 289.0 ); \n  vec4 p = permute( permute( permute( \n             i.z + vec4(0.0, i1.z, i2.z, 1.0 ))\n           + i.y + vec4(0.0, i1.y, i2.y, 1.0 )) \n           + i.x + vec4(0.0, i1.x, i2.x, 1.0 ));\n\n// Gradients\n// ( N*N points uniformly over a square, mapped onto an octahedron.)\n  float n_ = 1.0/7.0; // N=7\n  vec3  ns = n_ * D.wyz - D.xzx;\n\n  vec4 j = p - 49.0 * floor(p * ns.z *ns.z);  //  mod(p,N*N)\n\n  vec4 x_ = floor(j * ns.z);\n  vec4 y_ = floor(j - 7.0 * x_ );    // mod(j,N)\n\n  vec4 x = x_ *ns.x + ns.yyyy;\n  vec4 y = y_ *ns.x + ns.yyyy;\n  vec4 h = 1.0 - abs(x) - abs(y);\n\n  vec4 b0 = vec4( x.xy, y.xy );\n  vec4 b1 = vec4( x.zw, y.zw );\n\n  vec4 s0 = floor(b0)*2.0 + 1.0;\n  vec4 s1 = floor(b1)*2.0 + 1.0;\n  vec4 sh = -step(h, vec4(0.0));\n\n  vec4 a0 = b0.xzyw + s0.xzyw*sh.xxyy ;\n  vec4 a1 = b1.xzyw + s1.xzyw*sh.zzww ;\n\n  vec3 p0 = vec3(a0.xy,h.x);\n  vec3 p1 = vec3(a0.zw,h.y);\n  vec3 p2 = vec3(a1.xy,h.z);\n  vec3 p3 = vec3(a1.zw,h.w);\n\n//Normalise gradients\n  vec4 norm = taylorInvSqrt(vec4(dot(p0,p0), dot(p1,p1), dot(p2, p2), dot(p3,p3)));\n  p0 *= norm.x;\n  p1 *= norm.y;\n  p2 *= norm.z;\n  p3 *= norm.w;\n\n// Mix final noise value\n  vec4 m = max(0.6 - vec4(dot(x0,x0), dot(x1,x1), dot(x2,x2), dot(x3,x3)), 0.0);\n  m = m * m;\n  return 42.0 * dot( m*m, vec4( dot(p0,x0), dot(p1,x1),dot(p2,x2), dot(p3,x3) ) );\n}\n\nvec3 hash3( vec2 p ){\n    vec3 q = vec3( dot(p,vec2(127.1,311.7)), \n\t\t\t\t   dot(p,vec2(269.5,183.3)), \n\t\t\t\t   dot(p,vec2(419.2,371.9)) );\n\treturn fract(sin(q)*43758.5453);\n}\nvec4 hash4( vec3 p ){\n    vec4 q = vec4( dot(p,vec3(127.1,311.7,257.3)), \n\t\t\t\t   dot(p,vec3(269.5,183.3,335.1)), \n\t\t\t\t   dot(p,vec3(314.5,235.1,467.3)), \n\t\t\t\t   dot(p,vec3(419.2,371.9,114.9)) );\n\treturn fract(sin(q)*43758.5453);\n}\n\nfloat iqnoise( in vec2 x, float u, float v ){\n    vec2 p = floor(x);\n    vec2 f = fract(x);\n\t\n\tfloat k = 1.0+63.0*pow(1.0-v,4.0);\n\t\n\tfloat va = 0.0;\n\tfloat wt = 0.0;\n    for( int j=-2; j<=2; j++ )\n    for( int i=-2; i<=2; i++ )\n    {\n        vec2 g = vec2( float(i),float(j) );\n\t\tvec3 o = hash3( p + g )*vec3(u,u,1.0);\n\t\tvec2 r = g - f + o.xy;\n\t\tfloat d = dot(r,r);\n\t\tfloat ww = pow( 1.0-smoothstep(0.0,1.414,sqrt(d)), k );\n\t\tva += o.z*ww;\n\t\twt += ww;\n    }\n\t\n    return va/wt;\n}\n";
-b.title="Time";b.prototype.onGetCode=function(a){if(this.shader_destination&&this.isOutputConnected(0)){var b=t(this,0);a.addUniform("u_time"+this.id,"float",function(){return 0.001*getTime()});a.addCode("code","float "+b+" = u_time"+this.id+";",this.shader_destination);this.setOutputData(0,"float")}};k("input/time",b);d.title="Dither";d.prototype.onGetCode=function(a){if(this.shader_destination&&this.isOutputConnected(0)){var b=s(this,0),c=t(this,0),g=this.getInputData(0),b=F(b,g,"float");a.addFunction("dither8x8",
+b.title="Time";b.prototype.onGetCode=function(a){if(this.shader_destination&&this.isOutputConnected(0)){var b=t(this,0);a.addUniform("u_time"+this.id,"float",function(){return 0.001*getTime()});a.addCode("code","float "+b+" = u_time"+this.id+";",this.shader_destination);this.setOutputData(0,"float")}};k("input/time",b);d.title="Dither";d.prototype.onGetCode=function(a){if(this.shader_destination&&this.isOutputConnected(0)){var b=r(this,0),c=t(this,0),e=this.getInputData(0),b=F(b,e,"float");a.addFunction("dither8x8",
 d.dither_func);a.addCode("code","float "+c+" = dither8x8("+b+");",this.shader_destination);this.setOutputData(0,"float")}};d.dither_values=[0.515625,0.140625,0.640625,0.046875,0.546875,0.171875,0.671875,0.765625,0.265625,0.890625,0.390625,0.796875,0.296875,0.921875,0.421875,0.203125,0.703125,0.078125,0.578125,0.234375,0.734375,0.109375,0.609375,0.953125,0.453125,0.828125,0.328125,0.984375,0.484375,0.859375,0.359375,0.0625,0.5625,0.1875,0.6875,0.03125,0.53125,0.15625,0.65625,0.8125,0.3125,0.9375,0.4375,
 0.78125,0.28125,0.90625,0.40625,0.25,0.75,0.125,0.625,0.21875,0.71875,0.09375,0.59375,1.0001,0.5,0.875,0.375,0.96875,0.46875,0.84375,0.34375];d.dither_func="\n\t\tfloat dither8x8(float brightness) {\n\t\t  vec2 position = vec2(0.0);\n\t\t  #ifdef FRAGMENT\n\t\t\tposition = gl_FragCoord.xy;\n\t\t  #endif\n\t\t  int x = int(mod(position.x, 8.0));\n\t\t  int y = int(mod(position.y, 8.0));\n\t\t  int index = x + y * 8;\n\t\t  float limit = 0.0;\n\t\t  if (x < 8) {\n\t\t\tif(index==0) limit = 0.015625;\n\t\t\t"+
-d.dither_values.map(function(a,b){return"else if(index== "+(b+1)+") limit = "+a+";"}).join("\n")+"\n\t\t  }\n\t\t  return brightness < limit ? 0.0 : 1.0;\n\t\t}\n";k("math/dither",d);g.title="Remap";g.prototype.onPropertyChanged=function(){this.graph&&this.graph._version++};g.prototype.onConnectionsChange=function(){var a=this.getInputDataType(0);this.outputs[0].type=a||"T"};g.prototype.onGetCode=function(a){if(this.shader_destination&&this.isOutputConnected(0)){var b=s(this,0),d=t(this,0);if(b||
-d){var c=this.getInputDataType(0);this.outputs[0].type=c;if("T"==c)console.warn("node type is T and cannot be resolved");else if(b){var g=z(this.properties.min_value),f=z(this.properties.max_value),e=z(this.properties.min_value2),l=z(this.properties.max_value2);a.addCode("code",c+" "+d+" = ( ("+b+" - "+g+") / ("+f+" - "+g+") ) * ("+l+" - "+e+") + "+e+";",this.shader_destination);this.setOutputData(0,c)}else a.addCode("code","\t"+c+" "+d+" = "+c+"(0.0);\n")}}};k("math/remap",g)}})(this);
+d.dither_values.map(function(a,b){return"else if(index== "+(b+1)+") limit = "+a+";"}).join("\n")+"\n\t\t  }\n\t\t  return brightness < limit ? 0.0 : 1.0;\n\t\t}\n";k("math/dither",d);g.title="Remap";g.prototype.onPropertyChanged=function(){this.graph&&this.graph._version++};g.prototype.onConnectionsChange=function(){var a=this.getInputDataType(0);this.outputs[0].type=a||"T"};g.prototype.onGetCode=function(a){if(this.shader_destination&&this.isOutputConnected(0)){var b=r(this,0),d=t(this,0);if(b||
+d){var c=this.getInputDataType(0);this.outputs[0].type=c;if("T"==c)console.warn("node type is T and cannot be resolved");else if(b){var e=u(this.properties.min_value),g=u(this.properties.max_value),f=u(this.properties.min_value2),l=u(this.properties.max_value2);a.addCode("code",c+" "+d+" = ( ("+b+" - "+e+") / ("+g+" - "+e+") ) * ("+l+" - "+f+") + "+f+";",this.shader_destination);this.setOutputData(0,c)}else a.addCode("code","\t"+c+" "+d+" = "+c+"(0.0);\n")}}};k("math/remap",g)}})(this);
 (function(B){function c(){return 1E5*Math.random()|0}function k(){this.addInput("obj","");this.addInput("radius","number");this.addOutput("out","geometry");this.addOutput("points","[vec3]");this.properties={radius:1,num_points:4096,generate_normals:!0,regular:!1,mode:k.SPHERE,force_update:!1};this.points=new Float32Array(3*this.properties.num_points);this.normals=new Float32Array(3*this.properties.num_points);this.must_update=!0;this.version=0;var a=this;this.addWidget("button","update",null,function(){a.must_update=
-!0});this.geometry={vertices:null,_id:c()};this._last_radius=this._old_obj=null}function u(a,d){var c=a.length,f=0,e=0,l=c;if(0==c)return-1;if(1==c)return 0;for(;l>=f;){e=0.5*(l+f)|0;c=a[e];if(c==d)break;if(f==l-1)return f;c<d?f=e:l=e}return e}function s(){this.addInput("points","geometry");this.addOutput("instances","[mat4]");this.properties={mode:1,autoupdate:!0};this.must_update=!0;this.matrices=[];this.first_time=!0}function t(){this.addInput("in","geometry,[mat4]");this.addInput("mat4","mat4");
-this.addOutput("out","geometry");this.properties={};this.geometry={type:"triangles",vertices:null,_id:c(),_version:0};this._last_version=this._last_geometry_id=-1;this._last_key="";this.must_update=!0}function h(){this.addInput("sides","number");this.addInput("radius","number");this.addOutput("out","geometry");this.properties={sides:6,radius:1,uvs:!1};this.geometry={type:"line_loop",vertices:null,_id:c()};this.version=this.geometry_id=-1;this.must_update=!0;this.last_info={sides:-1,radius:-1}}function C(){this.addInput("",
-"geometry");this.addOutput("","geometry");this.properties={top_cap:!0,bottom_cap:!0,offset:[0,100,0]};this._last_geo_version=this.version=-1;this._must_update=!0}function y(){this.addInput("in","geometry");this.addOutput("out","geometry");this.properties={code:"V[1] += 0.01 * Math.sin(I + T*0.001);",execute_every_frame:!1};this.geometry=null;this.version=this.geometry_id=-1;this.must_update=!0;this.func=this.vertices=null}function G(){this.addInput("in","geometry");this.addOutput("out","geometry");
-this.properties={min_dist:0.4,max_dist:0.5,max_connections:0,probability:1};this.version=this.geometry_id=-1;this.my_version=1;this.must_update=!0}function A(){this.addInput("mesh","mesh");this.addOutput("out","geometry");this.geometry={};this.last_mesh=null}function D(){this.addInput("in","geometry");this.addOutput("mesh","mesh");this.properties={};this.version=-1;this.mesh=null}function e(){this.addInput("mesh","mesh");this.addInput("mat4","mat4");this.addInput("tex","texture");this.properties=
-{enabled:!0,primitive:GL.TRIANGLES,additive:!1,color:[1,1,1],opacity:1};this.color=vec4.create([1,1,1,1]);this.model_matrix=mat4.create();this.uniforms={u_color:this.color,u_model:this.model_matrix}}function q(){this.addInput("size","number");this.addOutput("out","mesh");this.properties={type:1,size:1,subdivisions:32};this.version=1E5*Math.random()|0;this.last_info={type:-1,size:-1,subdivisions:-1}}function H(){this.addInput("in","geometry");this.addInput("mat4","mat4");this.addInput("tex","texture");
-this.properties={enabled:!0,point_size:0.1,fixed_size:!1,additive:!0,color:[1,1,1],opacity:1};this.color=vec4.create([1,1,1,1]);this.uniforms={u_point_size:1,u_perspective:1,u_point_perspective:1,u_color:this.color};this.version=this.geometry_id=-1;this.mesh=null}var w=B.LiteGraph,L=new Float32Array(16),n=new Float32Array(16),v=new Float32Array(16),l=new Float32Array(16),a={u_view:L,u_projection:n,u_viewprojection:v,u_model:l};w.LGraphRender={onRequestCameraMatrices:null};B.LGraphPoints3D=k;k.RECTANGLE=
+!0});this.geometry={vertices:null,_id:c()};this._last_radius=this._old_obj=null}function v(a,d){var c=a.length,e=0,f=0,l=c;if(0==c)return-1;if(1==c)return 0;for(;l>=e;){f=0.5*(l+e)|0;c=a[f];if(c==d)break;if(e==l-1)return e;c<d?e=f:l=f}return f}function r(){this.addInput("points","geometry");this.addOutput("instances","[mat4]");this.properties={mode:1,autoupdate:!0};this.must_update=!0;this.matrices=[];this.first_time=!0}function t(){this.addInput("in","geometry,[mat4]");this.addInput("mat4","mat4");
+this.addOutput("out","geometry");this.properties={};this.geometry={type:"triangles",vertices:null,_id:c(),_version:0};this._last_version=this._last_geometry_id=-1;this._last_key="";this.must_update=!0}function h(){this.addInput("sides","number");this.addInput("radius","number");this.addOutput("out","geometry");this.properties={sides:6,radius:1,uvs:!1};this.geometry={type:"line_loop",vertices:null,_id:c()};this.version=this.geometry_id=-1;this.must_update=!0;this.last_info={sides:-1,radius:-1}}function D(){this.addInput("",
+"geometry");this.addOutput("","geometry");this.properties={top_cap:!0,bottom_cap:!0,offset:[0,100,0]};this._last_geo_version=this.version=-1;this._must_update=!0}function z(){this.addInput("in","geometry");this.addOutput("out","geometry");this.properties={code:"V[1] += 0.01 * Math.sin(I + T*0.001);",execute_every_frame:!1};this.geometry=null;this.version=this.geometry_id=-1;this.must_update=!0;this.func=this.vertices=null}function G(){this.addInput("in","geometry");this.addOutput("out","geometry");
+this.properties={min_dist:0.4,max_dist:0.5,max_connections:0,probability:1};this.version=this.geometry_id=-1;this.my_version=1;this.must_update=!0}function A(){this.addInput("mesh","mesh");this.addOutput("out","geometry");this.geometry={};this.last_mesh=null}function E(){this.addInput("in","geometry");this.addOutput("mesh","mesh");this.properties={};this.version=-1;this.mesh=null}function f(){this.addInput("mesh","mesh");this.addInput("mat4","mat4");this.addInput("tex","texture");this.properties=
+{enabled:!0,primitive:GL.TRIANGLES,additive:!1,color:[1,1,1],opacity:1};this.color=vec4.create([1,1,1,1]);this.model_matrix=mat4.create();this.uniforms={u_color:this.color,u_model:this.model_matrix}}function n(){this.addInput("size","number");this.addOutput("out","mesh");this.properties={type:1,size:1,subdivisions:32};this.version=1E5*Math.random()|0;this.last_info={type:-1,size:-1,subdivisions:-1}}function I(){this.addInput("in","geometry");this.addInput("mat4","mat4");this.addInput("tex","texture");
+this.properties={enabled:!0,point_size:0.1,fixed_size:!1,additive:!0,color:[1,1,1],opacity:1};this.color=vec4.create([1,1,1,1]);this.uniforms={u_point_size:1,u_perspective:1,u_point_perspective:1,u_color:this.color};this.version=this.geometry_id=-1;this.mesh=null}var x=B.LiteGraph,L=new Float32Array(16),s=new Float32Array(16),w=new Float32Array(16),l=new Float32Array(16),a={u_view:L,u_projection:s,u_viewprojection:w,u_model:l};x.LGraphRender={onRequestCameraMatrices:null};B.LGraphPoints3D=k;k.RECTANGLE=
 1;k.CIRCLE=2;k.CUBE=10;k.SPHERE=11;k.HEMISPHERE=12;k.INSIDE_SPHERE=13;k.OBJECT=20;k.OBJECT_UNIFORMLY=21;k.OBJECT_INSIDE=22;k.MODE_VALUES={rectangle:k.RECTANGLE,circle:k.CIRCLE,cube:k.CUBE,sphere:k.SPHERE,hemisphere:k.HEMISPHERE,inside_sphere:k.INSIDE_SPHERE,object:k.OBJECT,object_uniformly:k.OBJECT_UNIFORMLY,object_inside:k.OBJECT_INSIDE};k.widgets_info={mode:{widget:"combo",values:k.MODE_VALUES}};k.title="list of points";k.desc="returns an array of points";k.prototype.onPropertyChanged=function(a,
 d){this.must_update=!0};k.prototype.onExecute=function(){var a=this.getInputData(0);if(a!=this._old_obj||a&&a._version!=this._old_obj_version)this._old_obj=a,this.must_update=!0;a=this.getInputData(1);null==a&&(a=this.properties.radius);this._last_radius!=a&&(this._last_radius=a,this.must_update=!0);if(this.must_update||this.properties.force_update)this.must_update=!1,this.updatePoints();this.geometry.vertices=this.points;this.geometry.normals=this.normals;this.geometry._version=this.version;this.setOutputData(0,
-this.geometry)};k.prototype.updatePoints=function(){var a=this.properties.num_points|0;1>a&&(a=1);this.points&&this.points.length==3*a||(this.points=new Float32Array(3*a));this.properties.generate_normals?this.normals&&this.normals.length==this.points.length||(this.normals=new Float32Array(this.points.length)):this.normals=null;var d=this._last_radius||this.properties.radius,c=this.properties.mode,f=this.getInputData(0);this._old_obj_version=f?f._version:null;this.points=k.generatePoints(d,a,c,this.points,
-this.normals,this.properties.regular,f);this.version++};k.generatePoints=function(a,d,c,f,e,l,h){var n=3*d;f&&f.length==n||(f=new Float32Array(n));var v=new Float32Array(3),q=new Float32Array([0,1,0]);if(l)if(c==k.RECTANGLE){n=Math.floor(Math.sqrt(d));for(d=0;d<n;++d)for(c=0;c<n;++c)l=3*d+3*c*n,f[l]=(d/n-0.5)*a*2,f[l+1]=0,f[l+2]=(c/n-0.5)*a*2;f=new Float32Array(f.subarray(0,n*n*3));if(e)for(d=0;d<e.length;d+=3)e.set(q,d)}else if(c==k.SPHERE){n=Math.floor(Math.sqrt(d));for(d=0;d<n;++d)for(c=0;c<n;++c)l=
-3*d+3*c*n,polarToCartesian(v,d/n*2*Math.PI,2*(c/n-0.5)*Math.PI,a),f[l]=v[0],f[l+1]=v[1],f[l+2]=v[2];f=new Float32Array(f.subarray(0,n*n*3));e&&k.generateSphericalNormals(f,e)}else{if(c==k.CIRCLE){for(d=0;d<n;d+=3)v=d/n*Math.PI*2,f[d]=Math.cos(v)*a,f[d+1]=0,f[d+2]=Math.sin(v)*a;if(e)for(d=0;d<e.length;d+=3)e.set(q,d)}}else if(c==k.RECTANGLE){for(d=0;d<n;d+=3)f[d]=(Math.random()-0.5)*a*2,f[d+1]=0,f[d+2]=(Math.random()-0.5)*a*2;if(e)for(d=0;d<e.length;d+=3)e.set(q,d)}else if(c==k.CUBE){for(d=0;d<n;d+=
-3)f[d]=(Math.random()-0.5)*a*2,f[d+1]=(Math.random()-0.5)*a*2,f[d+2]=(Math.random()-0.5)*a*2;if(e)for(d=0;d<e.length;d+=3)e.set(q,d)}else c==k.SPHERE?(k.generateSphere(f,n,a),e&&k.generateSphericalNormals(f,e)):c==k.HEMISPHERE?(k.generateHemisphere(f,n,a),e&&k.generateSphericalNormals(f,e)):c==k.CIRCLE?(k.generateInsideCircle(f,n,a),e&&k.generateSphericalNormals(f,e)):c==k.INSIDE_SPHERE?(k.generateInsideSphere(f,n,a),e&&k.generateSphericalNormals(f,e)):c==k.OBJECT?k.generateFromObject(f,e,n,h,!1):
-c==k.OBJECT_UNIFORMLY?k.generateFromObject(f,e,n,h,!0):c==k.OBJECT_INSIDE?k.generateFromInsideObject(f,n,h):console.warn("wrong mode in LGraphPoints3D");return f};k.generateSphericalNormals=function(a,d){for(var c=new Float32Array(3),f=0;f<d.length;f+=3)c[0]=a[f],c[1]=a[f+1],c[2]=a[f+2],vec3.normalize(c,c),d.set(c,f)};k.generateSphere=function(a,d,c){for(var f=0;f<d;f+=3){var e=Math.random(),l=Math.random(),n=2*Math.cos(2*Math.PI*e)*Math.sqrt(l*(1-l)),h=1-2*l,e=2*Math.sin(2*Math.PI*e)*Math.sqrt(l*
-(1-l));a[f]=n*c;a[f+1]=h*c;a[f+2]=e*c}};k.generateHemisphere=function(a,d,c){for(var f=0;f<d;f+=3){var e=Math.random(),l=Math.random(),n=Math.cos(2*Math.PI*e)*Math.sqrt(1-l*l),h=l,e=Math.sin(2*Math.PI*e)*Math.sqrt(1-l*l);a[f]=n*c;a[f+1]=h*c;a[f+2]=e*c}};k.generateInsideCircle=function(a,d,c){for(var f=0;f<d;f+=3){var e=Math.random(),l=Math.random(),n=Math.cos(2*Math.PI*e)*Math.sqrt(1-l*l),e=Math.sin(2*Math.PI*e)*Math.sqrt(1-l*l);a[f]=n*c;a[f+1]=0;a[f+2]=e*c}};k.generateInsideSphere=function(a,d,c){for(var f=
-0;f<d;f+=3){var e=Math.random(),l=Math.random(),n=2*e*Math.PI,h=Math.acos(2*l-1),l=Math.cbrt(Math.random())*c,e=Math.sin(n),n=Math.cos(n),k=Math.sin(h),h=Math.cos(h);a[f]=l*k*n;a[f+1]=l*k*e;a[f+2]=l*h}};k.generateFromObject=function(a,d,c,f,e){if(f){var l=null,n=null,h=null,k=null;f.constructor===GL.Mesh&&(l=f.vertexBuffers.vertices.data,n=f.vertexBuffers.normals?f.vertexBuffers.normals.data:null,(h=f.indexBuffers.indices?f.indexBuffers.indices.data:null)||(h=f.indexBuffers.triangles?f.indexBuffers.triangles.data:
-null));if(!l)return null;f=h?h.length/3:l.length/9;var v=0;if(e){for(var k=new Float32Array(f),q=0;q<f;++q){h?(s=3*h[3*q],t=3*h[3*q+1],y=3*h[3*q+2]):(s=9*q,t=9*q+3,y=9*q+6);var s=l.subarray(s,s+3),t=l.subarray(t,t+3),w=l.subarray(y,y+3),y=vec3.distance(s,t),t=vec3.distance(t,w),s=vec3.distance(w,s),w=(y+t+s)/2,v=v+Math.sqrt(w*(w-y)*(w-t)*(w-s));k[q]=v}for(q=0;q<f;++q)k[q]/=v}for(q=0;q<c;q+=3){var y=Math.random(),v=e?u(k,y):Math.floor(y*f),s=0,t=0,y=0;h?(s=3*h[3*v],t=3*h[3*v+1],y=3*h[3*v+2]):(s=9*
-v,t=9*v+3,y=9*v+6);var w=Math.random(),v=Math.random(),C=Math.sqrt(w),w=1-C,A=C*(1-v),v=v*C;a[q]=w*l[s]+A*l[t]+v*l[y];a[q+1]=w*l[s+1]+A*l[t+1]+v*l[y+1];a[q+2]=w*l[s+2]+A*l[t+2]+v*l[y+2];d&&n&&(d[q]=w*n[s]+A*n[t]+v*n[y],d[q+1]=w*n[s+1]+A*n[t+1]+v*n[y+1],d[q+2]=w*n[s+2]+A*n[t+2]+v*n[y+2],y=d.subarray(q,q+3),vec3.normalize(y,y))}}};k.generateFromInsideObject=function(a,d,c){if(c&&c.constructor===GL.Mesh){var f=c.getBoundingBox();c.octree||(c.octree=new GL.Octree(c));c=c.octree;for(var e=vec3.create(),
-l=vec3.fromValues(1,0,0),n=vec3.create(),h=0,k=0;h<d&&k<10*a.length;){var k=k+1,v=vec3.random(n);v[0]=(2*v[0]-1)*f[3]+f[0];v[1]=(2*v[1]-1)*f[4]+f[1];v[2]=(2*v[2]-1)*f[5]+f[2];e.set(v);var q=c.testRay(e,l,0,1E4,!0,GL.Octree.ALL);q&&0!=q.length%2&&(a.set(v,h),h+=3)}}};w.registerNodeType("geometry/points3D",k);s.NORMAL=0;s.VERTICAL=1;s.SPHERICAL=2;s.RANDOM=3;s.RANDOM_VERTICAL=4;s.modes={normal:0,vertical:1,spherical:2,random:3,random_vertical:4};s.widgets_info={mode:{widget:"combo",values:s.modes}};
-s.title="points to inst";s.prototype.onExecute=function(){var a=this.getInputData(0);if(!a)this.setOutputData(0,null);else if(this.isOutputConnected(0)){if((a._version!=this._version||a._id!=this._geometry_id)&&this.properties.autoupdate||this.first_time)this.first_time=!1,this.updateInstances(a);this.setOutputData(0,this.matrices)}};s.prototype.updateInstances=function(a){var d=a.vertices;if(!d)return null;var c=a.normals,f=this.matrices,e=d.length/3;f.length!=e&&(f.length=e);var e=mat4.create(),
-l=vec3.create();vec3.create();var n=vec3.fromValues(0,1,0),h=vec3.fromValues(0,0,-1);vec3.fromValues(1,0,0);for(var k=quat.create(),v=vec3.create(),q=vec3.create(),t=vec3.create(),u=0;u<d.length;u+=3){var w=u/3,y=f[w];y||(y=f[w]=mat4.create());y.set(e);w=d.subarray(u,u+3);switch(this.properties.mode){case s.NORMAL:mat4.setTranslation(y,w);if(c){var C=c.subarray(u,u+3);t.set(C);vec3.normalize(t,t);vec3.cross(q,h,t);vec3.normalize(q,q);vec3.cross(v,q,t);vec3.normalize(v,v);y.set(q,0);y.set(t,4);y.set(v,
-8);mat4.setTranslation(y,w)}break;case s.VERTICAL:mat4.setTranslation(y,w);break;case s.SPHERICAL:v.set(w);vec3.normalize(v,v);vec3.cross(q,n,v);vec3.normalize(q,q);vec3.cross(t,v,q);vec3.normalize(t,t);y.set(q,0);y.set(t,4);y.set(v,8);mat4.setTranslation(y,w);break;case s.RANDOM:l[0]=2*Math.random()-1;l[1]=2*Math.random()-1;l[2]=2*Math.random()-1;vec3.normalize(l,l);quat.setAxisAngle(k,l,2*Math.random()*Math.PI);mat4.fromQuat(y,k);mat4.setTranslation(y,w);break;case s.RANDOM_VERTICAL:quat.setAxisAngle(k,
-n,2*Math.random()*Math.PI),mat4.fromQuat(y,k),mat4.setTranslation(y,w)}}this._version=a._version;this._geometry_id=a._id};w.registerNodeType("geometry/points_to_instances",s);t.title="Transform";t.prototype.onExecute=function(){var a=this.getInputData(0),d=this.getInputData(1);if(a)if(a.constructor===Array){if(0!=a.length&&(this.outputs[0].type="[mat4]",this.isOutputConnected(0)))if(d){this._output||(this._output=[]);this._output.length!=a.length&&(this._output.length=a.length);for(var c=0;c<a.length;++c){var f=
-this._output[c];f||(f=this._output[c]=mat4.create());mat4.multiply(f,a[c],d)}this.setOutputData(0,this._output)}else this.setOutputData(0,a)}else if(a.vertices&&a.vertices.length&&(this.outputs[0].type="geometry",this.isOutputConnected(0)))if(d){c=typedArrayToArray(d).join(",");if(this.must_update||a._id!=this._last_geometry_id||a._version!=this._last_version||c!=this._last_key)this.updateGeometry(a,d),this._last_key=c,this._last_version=a._version,this._last_geometry_id=a._id,this.must_update=!1;
-this.setOutputData(0,this.geometry)}else this.setOutputData(0,a)};t.prototype.updateGeometry=function(a,d){var c=a.vertices,f=this.geometry.vertices;f&&f.length==c.length||(f=this.geometry.vertices=new Float32Array(c.length));for(var e=vec3.create(),l=0,n=f.length;l<n;l+=3)e[0]=c[l],e[1]=c[l+1],e[2]=c[l+2],mat4.multiplyVec3(e,d,e),f[l]=e[0],f[l+1]=e[1],f[l+2]=e[2];if(a.normals){this.geometry.normals&&this.geometry.normals.length==a.normals.length||(this.geometry.normals=new Float32Array(a.normals.length));
-c=this.geometry.normals;(f=mat4.invert(mat4.create(),d))&&mat4.transpose(f,f);for(var h=a.normals,l=0,n=c.length;l<n;l+=3)e[0]=h[l],e[1]=h[l+1],e[2]=h[l+2],mat4.multiplyVec3(e,f,e),c[l]=e[0],c[l+1]=e[1],c[l+2]=e[2]}this.geometry.type=a.type;this.geometry._version++};w.registerNodeType("geometry/transform",t);h.title="Polygon";h.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputOrProperty("sides"),d=this.getInputOrProperty("radius"),a=Math.max(3,a)|0;this.last_info.sides==
-a&&this.last_info.radius==d||this.updateGeometry(a,d);this.setOutputData(0,this.geometry)}};h.prototype.updateGeometry=function(a,d){var c=this.geometry.vertices;c&&c.length==3*a||(c=this.geometry.vertices=new Float32Array(3*a));var f=2*Math.PI/a;this.properties.uvs&&(uvs=this.geometry.coords=new Float32Array(3*a));for(var e=0;e<a;++e){var l=f*-e,n=Math.cos(l)*d,l=Math.sin(l)*d;c[3*e]=n;c[3*e+1]=0;c[3*e+2]=l}this.geometry._id=++this.geometry_id;this.geometry._version=++this.version;this.last_info.sides=
-a;this.last_info.radius=d};w.registerNodeType("geometry/polygon",h);C.title="extrude";C.prototype.onPropertyChanged=function(a,d){this._must_update=!0};C.prototype.onExecute=function(){var a=this.getInputData(0);if(a&&this.isOutputConnected(0)){if(a.version!=this._last_geo_version||this._must_update){if(this._geo=this.extrudeGeometry(a,this._geo))this._geo.version=this.version++;this._must_update=!1}this.setOutputData(0,this._geo)}};C.prototype.extrudeGeometry=function(a){var d=a.vertices,g=d.length/
-3,f=vec3.create(),e=vec3.create(),l=vec3.create(),n=vec3.create(),h=new Float32Array(this.properties.offset);if("line_loop"==a.type)for(var k=new Float32Array(18*g),g=a=0,v=d.length;g<v;g+=3)f[0]=d[g],f[1]=d[g+1],f[2]=d[g+2],g+3<v?(e[0]=d[g+3],e[1]=d[g+4],e[2]=d[g+5]):(e[0]=d[0],e[1]=d[1],e[2]=d[2]),vec3.add(l,f,h),vec3.add(n,e,h),k.set(f,a),a+=3,k.set(e,a),a+=3,k.set(l,a),a+=3,k.set(e,a),a+=3,k.set(n,a),a+=3,k.set(l,a),a+=3;return{_id:c(),type:"triangles",vertices:k}};w.registerNodeType("geometry/extrude",
-C);y.title="geoeval";y.desc="eval code";y.widgets_info={code:{widget:"code"}};y.prototype.onConfigure=function(a){this.compileCode()};y.prototype.compileCode=function(){if(this.properties.code)try{this.func=new Function("V","I","T",this.properties.code),this.boxcolor="#AFA",this.must_update=!0}catch(a){this.boxcolor="red"}};y.prototype.onPropertyChanged=function(a,d){"code"==a&&(this.properties.code=d,this.compileCode())};y.prototype.onExecute=function(){var a=this.getInputData(0);if(a)if(this.func){if(this.geometry_id!=
-a._id||this.version!=a._version||this.must_update||this.properties.execute_every_frame){this.must_update=!1;this.geometry_id=a._id;this.properties.execute_every_frame?this.version++:this.version=a._version;var d=this.func,c=getTime();this.geometry||(this.geometry={});for(var f in a)null!=a[f]&&(this.geometry[f]=a[f].constructor==Float32Array?new Float32Array(a[f]):a[f]);this.geometry._id=a._id;this.geometry._version=this.properties.execute_every_frame?this.version:a._version+1;var e=vec3.create(),
-l=this.vertices;l&&this.vertices.length==a.vertices.length?l.set(a.vertices):l=this.vertices=new Float32Array(a.vertices);for(f=0;f<l.length;f+=3)e[0]=l[f],e[1]=l[f+1],e[2]=l[f+2],d(e,f/3,c),l[f]=e[0],l[f+1]=e[1],l[f+2]=e[2];this.geometry.vertices=l}this.setOutputData(0,this.geometry)}else this.setOutputData(0,a)};w.registerNodeType("geometry/eval",y);G.title="connect points";G.desc="adds indices between near points";G.prototype.onPropertyChanged=function(a,d){this.must_update=!0};G.prototype.onExecute=
-function(){var a=this.getInputData(0);if(a){if(this.geometry_id!=a._id||this.version!=a._version||this.must_update){this.must_update=!1;this.geometry_id=a._id;this.version=a._version;this.geometry={};for(var d in a)this.geometry[d]=a[d];this.geometry._id=c();this.geometry._version=this.my_version++;var a=a.vertices,g=a.length,f=this.properties.min_dist,e=this.properties.max_dist,l=this.properties.probability,n=this.properties.max_connections,h=[];for(d=0;d<g;d+=3)for(var k=a[d],v=a[d+1],q=a[d+2],
-s=0,t=d+3;t<g;t+=3){var w=a[t],u=a[t+1],y=a[t+2],w=Math.sqrt((k-w)*(k-w)+(v-u)*(v-u)+(q-y)*(q-y));if(!(w>e||w<f||1>l&&l<Math.random())&&(h.push(d/3,t/3),s+=1,n&&s>n))break}this.geometry.indices=this.indices=new Uint32Array(h)}this.indices&&this.indices.length?(this.geometry.indices=this.indices,this.setOutputData(0,this.geometry)):this.setOutputData(0,null)}};w.registerNodeType("geometry/connectPoints",G);"undefined"!=typeof GL&&(A.title="to geometry",A.desc="converts a mesh to geometry",A.prototype.onExecute=
-function(){var a=this.getInputData(0);if(a){if(a!=this.last_mesh){this.last_mesh=a;for(i in a.vertexBuffers)this.geometry[i]=a.vertexBuffers[i].data;a.indexBuffers.triangles&&(this.geometry.indices=a.indexBuffers.triangles.data);this.geometry._id=c();this.geometry._version=0}this.setOutputData(0,this.geometry);this.geometry&&this.setOutputData(1,this.geometry.vertices)}},w.registerNodeType("geometry/toGeometry",A),D.title="Geo to Mesh",D.prototype.updateMesh=function(a){this.mesh||(this.mesh=new GL.Mesh);
-for(var d in a)if("_"!=d[0]){var c=a[d],f=GL.Mesh.common_buffers[d];if(f||"indices"==d){var f=f?f.spacing:3,e=this.mesh.vertexBuffers[d];e&&e.data.length==c.length?(e.data.set(c),e.upload(GL.DYNAMIC_DRAW)):e=new GL.Buffer("indices"==d?GL.ELEMENT_ARRAY_BUFFER:GL.ARRAY_BUFFER,c,f,GL.DYNAMIC_DRAW);this.mesh.addBuffer(d,e)}}if(this.mesh.vertexBuffers.normals&&this.mesh.vertexBuffers.normals.data.length!=this.mesh.vertexBuffers.vertices.data.length){c=new Float32Array([0,1,0]);f=new Float32Array(this.mesh.vertexBuffers.vertices.data.length);
-for(d=0;d<f.length;d+=3)f.set(c,d);e=new GL.Buffer(GL.ARRAY_BUFFER,f,3);this.mesh.addBuffer("normals",e)}this.mesh.updateBoundingBox();this.geometry_id=this.mesh.id=a._id;this.version=this.mesh.version=a._version;return this.mesh},D.prototype.onExecute=function(){var a=this.getInputData(0);a&&(this.version==a._version&&this.geometry_id==a._id||this.updateMesh(a),this.setOutputData(0,this.mesh))},w.registerNodeType("geometry/toMesh",D),e.title="Render Mesh",e.desc="renders a mesh flat",e.PRIMITIVE_VALUES=
-{points:GL.POINTS,lines:GL.LINES,line_loop:GL.LINE_LOOP,line_strip:GL.LINE_STRIP,triangles:GL.TRIANGLES,triangle_fan:GL.TRIANGLE_FAN,triangle_strip:GL.TRIANGLE_STRIP},e.widgets_info={primitive:{widget:"combo",values:e.PRIMITIVE_VALUES},color:{widget:"color"}},e.prototype.onExecute=function(){if(this.properties.enabled){var b=this.getInputData(0);if(b)if(w.LGraphRender.onRequestCameraMatrices){w.LGraphRender.onRequestCameraMatrices(L,n,v);var d=null;this.getInputData(2)?(d=gl.shaders.textured)||(d=
-gl.shaders.textured=new GL.Shader(H.vertex_shader_code,H.fragment_shader_code,{USE_TEXTURE:""})):(d=gl.shaders.flat)||(d=gl.shaders.flat=new GL.Shader(H.vertex_shader_code,H.fragment_shader_code));this.color.set(this.properties.color);this.color[3]=this.properties.opacity;var c=this.model_matrix,f=this.getInputData(1);f?c.set(f):mat4.identity(c);this.uniforms.u_point_size=1;c=this.properties.primitive;d.uniforms(a);d.uniforms(this.uniforms);1<=this.properties.opacity?gl.disable(gl.BLEND):gl.enable(gl.BLEND);
-gl.enable(gl.DEPTH_TEST);this.properties.additive?(gl.blendFunc(gl.SRC_ALPHA,gl.ONE),gl.depthMask(!1)):gl.blendFunc(gl.SRC_ALPHA,gl.ONE_MINUS_SRC_ALPHA);f="indices";b.indexBuffers.triangles&&(f="triangles");d.draw(b,c,f);gl.disable(gl.BLEND);gl.depthMask(!0)}else console.warn("cannot render geometry, LiteGraph.onRequestCameraMatrices is null, remember to fill this with a callback(view_matrix, projection_matrix,viewprojection_matrix) to use 3D rendering from the graph")}},w.registerNodeType("geometry/render_mesh",
-e),q.title="Primitive",q.VALID={CUBE:1,PLANE:2,CYLINDER:3,SPHERE:4,CIRCLE:5,HEMISPHERE:6,ICOSAHEDRON:7,CONE:8,QUAD:9},q.widgets_info={type:{widget:"combo",values:q.VALID}},q.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputOrProperty("size");this.last_info.type==this.properties.type&&this.last_info.size==a&&this.last_info.subdivisions==this.properties.subdivisions||this.updateMesh(this.properties.type,a,this.properties.subdivisions);this.setOutputData(0,this._mesh)}},
-q.prototype.updateMesh=function(a,d,c){c=Math.max(0,c)|0;switch(a){case 1:this._mesh=GL.Mesh.cube({size:d,normals:!0,coords:!0});break;case 2:this._mesh=GL.Mesh.plane({size:d,xz:!0,detail:c,normals:!0,coords:!0});break;case 3:this._mesh=GL.Mesh.cylinder({size:d,subdivisions:c,normals:!0,coords:!0});break;case 4:this._mesh=GL.Mesh.sphere({size:d,"long":c,lat:c,normals:!0,coords:!0});break;case 5:this._mesh=GL.Mesh.circle({size:d,slices:c,normals:!0,coords:!0});break;case 6:this._mesh=GL.Mesh.sphere({size:d,
-"long":c,lat:c,normals:!0,coords:!0,hemi:!0});break;case 7:this._mesh=GL.Mesh.icosahedron({size:d,subdivisions:c});break;case 8:this._mesh=GL.Mesh.cone({radius:d,height:d,subdivisions:c});break;case 9:this._mesh=GL.Mesh.plane({size:d,xz:!1,detail:c,normals:!0,coords:!0})}this.last_info.type=a;this.last_info.size=d;this.last_info.subdivisions=c;this._mesh.version=this.version++},w.registerNodeType("geometry/mesh_primitive",q),H.title="renderPoints",H.desc="render points with a texture",H.widgets_info=
-{color:{widget:"color"}},H.prototype.updateMesh=function(a){this.buffer&&this.buffer.data&&this.buffer.data.length==a.vertices.length?(this.buffer.data.set(a.vertices),this.buffer.upload(GL.DYNAMIC_DRAW)):this.buffer=new GL.Buffer(GL.ARRAY_BUFFER,a.vertices,3,GL.DYNAMIC_DRAW);this.mesh||(this.mesh=new GL.Mesh);this.mesh.addBuffer("vertices",this.buffer);this.geometry_id=this.mesh.id=a._id;this.version=this.mesh.version=a._version},H.prototype.onExecute=function(){if(this.properties.enabled){var b=
-this.getInputData(0);if(b)if(this.version==b._version&&this.geometry_id==b._id||this.updateMesh(b),w.LGraphRender.onRequestCameraMatrices){w.LGraphRender.onRequestCameraMatrices(L,n,v);b=null;this.getInputData(2)?(b=gl.shaders.textured_points)||(b=gl.shaders.textured_points=new GL.Shader(H.vertex_shader_code,H.fragment_shader_code,{USE_TEXTURED_POINTS:""})):(b=gl.shaders.points)||(b=gl.shaders.points=new GL.Shader(H.vertex_shader_code,H.fragment_shader_code,{USE_POINTS:""}));this.color.set(this.properties.color);
-this.color[3]=this.properties.opacity;var d=this.getInputData(1);d?l.set(d):mat4.identity(l);this.uniforms.u_point_size=this.properties.point_size;this.uniforms.u_point_perspective=this.properties.fixed_size?0:1;this.uniforms.u_perspective=gl.viewport_data[3]*n[5];b.uniforms(a);b.uniforms(this.uniforms);1<=this.properties.opacity?gl.disable(gl.BLEND):gl.enable(gl.BLEND);gl.enable(gl.DEPTH_TEST);this.properties.additive?(gl.blendFunc(gl.SRC_ALPHA,gl.ONE),gl.depthMask(!1)):gl.blendFunc(gl.SRC_ALPHA,
-gl.ONE_MINUS_SRC_ALPHA);b.draw(this.mesh,GL.POINTS);gl.disable(gl.BLEND);gl.depthMask(!0)}else console.warn("cannot render geometry, LiteGraph.onRequestCameraMatrices is null, remember to fill this with a callback(view_matrix, projection_matrix,viewprojection_matrix) to use 3D rendering from the graph")}},w.registerNodeType("geometry/render_points",H),H.vertex_shader_code="\t\tprecision mediump float;\n\t\tattribute vec3 a_vertex;\n\t\tvarying vec3 v_vertex;\n\t\tattribute vec3 a_normal;\n\t\tvarying vec3 v_normal;\n\t\t#ifdef USE_COLOR\n\t\t\tattribute vec4 a_color;\n\t\t\tvarying vec4 v_color;\n\t\t#endif\n\t\tattribute vec2 a_coord;\n\t\tvarying vec2 v_coord;\n\t\t#ifdef USE_SIZE\n\t\t\tattribute float a_extra;\n\t\t#endif\n\t\t#ifdef USE_INSTANCING\n\t\t\tattribute mat4 u_model;\n\t\t#else\n\t\t\tuniform mat4 u_model;\n\t\t#endif\n\t\tuniform mat4 u_viewprojection;\n\t\tuniform float u_point_size;\n\t\tuniform float u_perspective;\n\t\tuniform float u_point_perspective;\n\t\tfloat computePointSize(float radius, float w)\n\t\t{\n\t\t\tif(radius < 0.0)\n\t\t\t\treturn -radius;\n\t\t\treturn u_perspective * radius / w;\n\t\t}\n\t\tvoid main() {\n\t\t\tv_coord = a_coord;\n\t\t\t#ifdef USE_COLOR\n\t\t\t\tv_color = a_color;\n\t\t\t#endif\n\t\t\tv_vertex = ( u_model * vec4( a_vertex, 1.0 )).xyz;\n\t\t\tv_normal = ( u_model * vec4( a_normal, 0.0 )).xyz;\n\t\t\tgl_Position = u_viewprojection * vec4(v_vertex,1.0);\n\t\t\tgl_PointSize = u_point_size;\n\t\t\t#ifdef USE_SIZE\n\t\t\t\tgl_PointSize = a_extra;\n\t\t\t#endif\n\t\t\tif(u_point_perspective != 0.0)\n\t\t\t\tgl_PointSize = computePointSize( gl_PointSize, gl_Position.w );\n\t\t}\t",
-H.fragment_shader_code="\t\tprecision mediump float;\n\t\tuniform vec4 u_color;\n\t\t#ifdef USE_COLOR\n\t\t\tvarying vec4 v_color;\n\t\t#endif\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tvoid main() {\n\t\t\tvec4 color = u_color;\n\t\t\t#ifdef USE_TEXTURED_POINTS\n\t\t\t\tcolor *= texture2D(u_texture, gl_PointCoord.xy);\n\t\t\t#else\n\t\t\t\t#ifdef USE_TEXTURE\n\t\t\t\t  color *= texture2D(u_texture, v_coord);\n\t\t\t\t  if(color.a < 0.1)\n\t\t\t\t\tdiscard;\n\t\t\t\t#endif\n\t\t\t\t#ifdef USE_POINTS\n\t\t\t\t\tfloat dist = length( gl_PointCoord.xy - vec2(0.5) );\n\t\t\t\t\tif( dist > 0.45 )\n\t\t\t\t\t\tdiscard;\n\t\t\t\t#endif\n\t\t\t#endif\n\t\t\t#ifdef USE_COLOR\n\t\t\t\tcolor *= v_color;\n\t\t\t#endif\n\t\t\tgl_FragColor = color;\n\t\t}\t")})(this);
-(function(B){var c=B.LiteGraph,k=B.LGraphTexture;if("undefined"!=typeof GL){var u=function(){this.addInput("Texture","Texture");this.addInput("Aberration","number");this.addInput("Distortion","number");this.addInput("Blur","number");this.addOutput("Texture","Texture");this.properties={aberration:1,distortion:1,blur:1,precision:k.DEFAULT};u._shader||(u._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,u.pixel_shader),u._texture=new GL.Texture(3,1,{format:gl.RGB,wrap:gl.CLAMP_TO_EDGE,magFilter:gl.LINEAR,
-minFilter:gl.LINEAR,pixel_data:[255,0,0,0,255,0,0,0,255]}))};u.title="Lens";u.desc="Camera Lens distortion";u.widgets_info={precision:{widget:"combo",values:k.MODE_VALUES}};u.prototype.onExecute=function(){var c=this.getInputData(0);if(this.properties.precision===k.PASS_THROUGH)this.setOutputData(0,c);else if(c){this._tex=k.getTargetTexture(c,this._tex,this.properties.precision);var h=this.properties.aberration;this.isInputConnected(1)&&(h=this.getInputData(1),this.properties.aberration=h);var s=
-this.properties.distortion;this.isInputConnected(2)&&(s=this.getInputData(2),this.properties.distortion=s);var t=this.properties.blur;this.isInputConnected(3)&&(t=this.getInputData(3),this.properties.blur=t);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var D=Mesh.getScreenQuad(),e=u._shader;this._tex.drawTo(function(){c.bind(0);e.uniforms({u_texture:0,u_aberration:h,u_distortion:s,u_blur:t}).draw(D)});this.setOutputData(0,this._tex)}};u.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec2 u_camera_planes;\n\t\t\tuniform float u_aberration;\n\t\t\tuniform float u_distortion;\n\t\t\tuniform float u_blur;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec2 coord = v_coord;\n\t\t\t\tfloat dist = distance(vec2(0.5), coord);\n\t\t\t\tvec2 dist_coord = coord - vec2(0.5);\n\t\t\t\tfloat percent = 1.0 + ((0.5 - dist) / 0.5) * u_distortion;\n\t\t\t\tdist_coord *= percent;\n\t\t\t\tcoord = dist_coord + vec2(0.5);\n\t\t\t\tvec4 color = texture2D(u_texture,coord, u_blur * dist);\n\t\t\t\tcolor.r = texture2D(u_texture,vec2(0.5) + dist_coord * (1.0+0.01*u_aberration), u_blur * dist ).r;\n\t\t\t\tcolor.b = texture2D(u_texture,vec2(0.5) + dist_coord * (1.0-0.01*u_aberration), u_blur * dist ).b;\n\t\t\t\tgl_FragColor = color;\n\t\t\t}\n\t\t\t";
-c.registerNodeType("fx/lens",u);B.LGraphFXLens=u;var s=function(){this.addInput("Texture","Texture");this.addInput("Blurred","Texture");this.addInput("Mask","Texture");this.addInput("Threshold","number");this.addOutput("Texture","Texture");this.properties={shape:"",size:10,alpha:1,threshold:1,high_precision:!1}};s.title="Bokeh";s.desc="applies an Bokeh effect";s.widgets_info={shape:{widget:"texture"}};s.prototype.onExecute=function(){var c=this.getInputData(0),h=this.getInputData(1),t=this.getInputData(2);
-if(c&&t&&this.properties.shape){h||(h=c);var u=k.getTexture(this.properties.shape);if(u){var D=this.properties.threshold;this.isInputConnected(3)&&(D=this.getInputData(3),this.properties.threshold=D);var e=gl.UNSIGNED_BYTE;this.properties.high_precision&&(e=gl.half_float_ext?gl.HALF_FLOAT_OES:gl.FLOAT);this._temp_texture&&this._temp_texture.type==e&&this._temp_texture.width==c.width&&this._temp_texture.height==c.height||(this._temp_texture=new GL.Texture(c.width,c.height,{type:e,format:gl.RGBA,filter:gl.LINEAR}));
-var q=s._first_shader;q||(q=s._first_shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,s._first_pixel_shader));var B=s._second_shader;B||(B=s._second_shader=new GL.Shader(s._second_vertex_shader,s._second_pixel_shader));var w=this._points_mesh;w&&w._width==c.width&&w._height==c.height&&2==w._spacing||(w=this.createPointsMesh(c.width,c.height,2));var L=Mesh.getScreenQuad(),n=this.properties.size,v=this.properties.alpha;gl.disable(gl.DEPTH_TEST);gl.disable(gl.BLEND);this._temp_texture.drawTo(function(){c.bind(0);
-h.bind(1);t.bind(2);q.uniforms({u_texture:0,u_texture_blur:1,u_mask:2,u_texsize:[c.width,c.height]}).draw(L)});this._temp_texture.drawTo(function(){gl.enable(gl.BLEND);gl.blendFunc(gl.ONE,gl.ONE);c.bind(0);u.bind(3);B.uniforms({u_texture:0,u_mask:2,u_shape:3,u_alpha:v,u_threshold:D,u_pointSize:n,u_itexsize:[1/c.width,1/c.height]}).draw(w,gl.POINTS)});this.setOutputData(0,this._temp_texture)}}else this.setOutputData(0,c)};s.prototype.createPointsMesh=function(c,h,k){for(var s=Math.round(c/k),t=Math.round(h/
-k),e=new Float32Array(s*t*2),q=-1,u=2/c*k,w=2/h*k,B=0;B<t;++B){for(var n=-1,v=0;v<s;++v){var l=B*s*2+2*v;e[l]=n;e[l+1]=q;n+=u}q+=w}this._points_mesh=GL.Mesh.load({vertices2D:e});this._points_mesh._width=c;this._points_mesh._height=h;this._points_mesh._spacing=k;return this._points_mesh};s._first_pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform sampler2D u_texture_blur;\n\t\t\tuniform sampler2D u_mask;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec4 color = texture2D(u_texture, v_coord);\n\t\t\t\tvec4 blurred_color = texture2D(u_texture_blur, v_coord);\n\t\t\t\tfloat mask = texture2D(u_mask, v_coord).x;\n\t\t\t   gl_FragColor = mix(color, blurred_color, mask);\n\t\t\t}\n\t\t\t";
-s._second_vertex_shader="precision highp float;\n\t\t\tattribute vec2 a_vertex2D;\n\t\t\tvarying vec4 v_color;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform sampler2D u_mask;\n\t\t\tuniform vec2 u_itexsize;\n\t\t\tuniform float u_pointSize;\n\t\t\tuniform float u_threshold;\n\t\t\tvoid main() {\n\t\t\t\tvec2 coord = a_vertex2D * 0.5 + 0.5;\n\t\t\t\tv_color = texture2D( u_texture, coord );\n\t\t\t\tv_color += texture2D( u_texture, coord + vec2(u_itexsize.x, 0.0) );\n\t\t\t\tv_color += texture2D( u_texture, coord + vec2(0.0, u_itexsize.y));\n\t\t\t\tv_color += texture2D( u_texture, coord + u_itexsize);\n\t\t\t\tv_color *= 0.25;\n\t\t\t\tfloat mask = texture2D(u_mask, coord).x;\n\t\t\t\tfloat luminance = length(v_color) * mask;\n\t\t\t\t/*luminance /= (u_pointSize*u_pointSize)*0.01 */;\n\t\t\t\tluminance -= u_threshold;\n\t\t\t\tif(luminance < 0.0)\n\t\t\t\t{\n\t\t\t\t\tgl_Position.x = -100.0;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tgl_PointSize = u_pointSize;\n\t\t\t\tgl_Position = vec4(a_vertex2D,0.0,1.0);\n\t\t\t}\n\t\t\t";
-s._second_pixel_shader="precision highp float;\n\t\t\tvarying vec4 v_color;\n\t\t\tuniform sampler2D u_shape;\n\t\t\tuniform float u_alpha;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec4 color = texture2D( u_shape, gl_PointCoord );\n\t\t\t\tcolor *= v_color * u_alpha;\n\t\t\t\tgl_FragColor = color;\n\t\t\t}\n";c.registerNodeType("fx/bokeh",s);B.LGraphFXBokeh=s;var t=function(){this.addInput("Texture","Texture");this.addInput("value1","number");this.addInput("value2","number");this.addOutput("Texture",
+this.geometry)};k.prototype.updatePoints=function(){var a=this.properties.num_points|0;1>a&&(a=1);this.points&&this.points.length==3*a||(this.points=new Float32Array(3*a));this.properties.generate_normals?this.normals&&this.normals.length==this.points.length||(this.normals=new Float32Array(this.points.length)):this.normals=null;var d=this._last_radius||this.properties.radius,c=this.properties.mode,e=this.getInputData(0);this._old_obj_version=e?e._version:null;this.points=k.generatePoints(d,a,c,this.points,
+this.normals,this.properties.regular,e);this.version++};k.generatePoints=function(a,d,c,e,f,l,h){var s=3*d;e&&e.length==s||(e=new Float32Array(s));var w=new Float32Array(3),n=new Float32Array([0,1,0]);if(l)if(c==k.RECTANGLE){s=Math.floor(Math.sqrt(d));for(d=0;d<s;++d)for(c=0;c<s;++c)l=3*d+3*c*s,e[l]=(d/s-0.5)*a*2,e[l+1]=0,e[l+2]=(c/s-0.5)*a*2;e=new Float32Array(e.subarray(0,s*s*3));if(f)for(d=0;d<f.length;d+=3)f.set(n,d)}else if(c==k.SPHERE){s=Math.floor(Math.sqrt(d));for(d=0;d<s;++d)for(c=0;c<s;++c)l=
+3*d+3*c*s,polarToCartesian(w,d/s*2*Math.PI,2*(c/s-0.5)*Math.PI,a),e[l]=w[0],e[l+1]=w[1],e[l+2]=w[2];e=new Float32Array(e.subarray(0,s*s*3));f&&k.generateSphericalNormals(e,f)}else{if(c==k.CIRCLE){for(d=0;d<s;d+=3)w=d/s*Math.PI*2,e[d]=Math.cos(w)*a,e[d+1]=0,e[d+2]=Math.sin(w)*a;if(f)for(d=0;d<f.length;d+=3)f.set(n,d)}}else if(c==k.RECTANGLE){for(d=0;d<s;d+=3)e[d]=(Math.random()-0.5)*a*2,e[d+1]=0,e[d+2]=(Math.random()-0.5)*a*2;if(f)for(d=0;d<f.length;d+=3)f.set(n,d)}else if(c==k.CUBE){for(d=0;d<s;d+=
+3)e[d]=(Math.random()-0.5)*a*2,e[d+1]=(Math.random()-0.5)*a*2,e[d+2]=(Math.random()-0.5)*a*2;if(f)for(d=0;d<f.length;d+=3)f.set(n,d)}else c==k.SPHERE?(k.generateSphere(e,s,a),f&&k.generateSphericalNormals(e,f)):c==k.HEMISPHERE?(k.generateHemisphere(e,s,a),f&&k.generateSphericalNormals(e,f)):c==k.CIRCLE?(k.generateInsideCircle(e,s,a),f&&k.generateSphericalNormals(e,f)):c==k.INSIDE_SPHERE?(k.generateInsideSphere(e,s,a),f&&k.generateSphericalNormals(e,f)):c==k.OBJECT?k.generateFromObject(e,f,s,h,!1):
+c==k.OBJECT_UNIFORMLY?k.generateFromObject(e,f,s,h,!0):c==k.OBJECT_INSIDE?k.generateFromInsideObject(e,s,h):console.warn("wrong mode in LGraphPoints3D");return e};k.generateSphericalNormals=function(a,d){for(var c=new Float32Array(3),e=0;e<d.length;e+=3)c[0]=a[e],c[1]=a[e+1],c[2]=a[e+2],vec3.normalize(c,c),d.set(c,e)};k.generateSphere=function(a,d,c){for(var e=0;e<d;e+=3){var f=Math.random(),l=Math.random(),h=2*Math.cos(2*Math.PI*f)*Math.sqrt(l*(1-l)),s=1-2*l,f=2*Math.sin(2*Math.PI*f)*Math.sqrt(l*
+(1-l));a[e]=h*c;a[e+1]=s*c;a[e+2]=f*c}};k.generateHemisphere=function(a,d,c){for(var e=0;e<d;e+=3){var f=Math.random(),l=Math.random(),h=Math.cos(2*Math.PI*f)*Math.sqrt(1-l*l),s=l,f=Math.sin(2*Math.PI*f)*Math.sqrt(1-l*l);a[e]=h*c;a[e+1]=s*c;a[e+2]=f*c}};k.generateInsideCircle=function(a,d,c){for(var e=0;e<d;e+=3){var f=Math.random(),l=Math.random(),h=Math.cos(2*Math.PI*f)*Math.sqrt(1-l*l),f=Math.sin(2*Math.PI*f)*Math.sqrt(1-l*l);a[e]=h*c;a[e+1]=0;a[e+2]=f*c}};k.generateInsideSphere=function(a,d,c){for(var e=
+0;e<d;e+=3){var f=Math.random(),l=Math.random(),h=2*f*Math.PI,s=Math.acos(2*l-1),l=Math.cbrt(Math.random())*c,f=Math.sin(h),h=Math.cos(h),k=Math.sin(s),s=Math.cos(s);a[e]=l*k*h;a[e+1]=l*k*f;a[e+2]=l*s}};k.generateFromObject=function(a,d,c,e,f){if(e){var l=null,h=null,s=null,k=null;e.constructor===GL.Mesh&&(l=e.vertexBuffers.vertices.data,h=e.vertexBuffers.normals?e.vertexBuffers.normals.data:null,(s=e.indexBuffers.indices?e.indexBuffers.indices.data:null)||(s=e.indexBuffers.triangles?e.indexBuffers.triangles.data:
+null));if(!l)return null;e=s?s.length/3:l.length/9;var w=0;if(f){for(var k=new Float32Array(e),n=0;n<e;++n){s?(r=3*s[3*n],t=3*s[3*n+1],z=3*s[3*n+2]):(r=9*n,t=9*n+3,z=9*n+6);var r=l.subarray(r,r+3),t=l.subarray(t,t+3),x=l.subarray(z,z+3),z=vec3.distance(r,t),t=vec3.distance(t,x),r=vec3.distance(x,r),x=(z+t+r)/2,w=w+Math.sqrt(x*(x-z)*(x-t)*(x-r));k[n]=w}for(n=0;n<e;++n)k[n]/=w}for(n=0;n<c;n+=3){var z=Math.random(),w=f?v(k,z):Math.floor(z*e),r=0,t=0,z=0;s?(r=3*s[3*w],t=3*s[3*w+1],z=3*s[3*w+2]):(r=9*
+w,t=9*w+3,z=9*w+6);var x=Math.random(),w=Math.random(),D=Math.sqrt(x),x=1-D,A=D*(1-w),w=w*D;a[n]=x*l[r]+A*l[t]+w*l[z];a[n+1]=x*l[r+1]+A*l[t+1]+w*l[z+1];a[n+2]=x*l[r+2]+A*l[t+2]+w*l[z+2];d&&h&&(d[n]=x*h[r]+A*h[t]+w*h[z],d[n+1]=x*h[r+1]+A*h[t+1]+w*h[z+1],d[n+2]=x*h[r+2]+A*h[t+2]+w*h[z+2],z=d.subarray(n,n+3),vec3.normalize(z,z))}}};k.generateFromInsideObject=function(a,d,c){if(c&&c.constructor===GL.Mesh){var e=c.getBoundingBox();c.octree||(c.octree=new GL.Octree(c));c=c.octree;for(var f=vec3.create(),
+l=vec3.fromValues(1,0,0),h=vec3.create(),s=0,k=0;s<d&&k<10*a.length;){var k=k+1,w=vec3.random(h);w[0]=(2*w[0]-1)*e[3]+e[0];w[1]=(2*w[1]-1)*e[4]+e[1];w[2]=(2*w[2]-1)*e[5]+e[2];f.set(w);var n=c.testRay(f,l,0,1E4,!0,GL.Octree.ALL);n&&0!=n.length%2&&(a.set(w,s),s+=3)}}};x.registerNodeType("geometry/points3D",k);r.NORMAL=0;r.VERTICAL=1;r.SPHERICAL=2;r.RANDOM=3;r.RANDOM_VERTICAL=4;r.modes={normal:0,vertical:1,spherical:2,random:3,random_vertical:4};r.widgets_info={mode:{widget:"combo",values:r.modes}};
+r.title="points to inst";r.prototype.onExecute=function(){var a=this.getInputData(0);if(!a)this.setOutputData(0,null);else if(this.isOutputConnected(0)){if((a._version!=this._version||a._id!=this._geometry_id)&&this.properties.autoupdate||this.first_time)this.first_time=!1,this.updateInstances(a);this.setOutputData(0,this.matrices)}};r.prototype.updateInstances=function(a){var d=a.vertices;if(!d)return null;var c=a.normals,e=this.matrices,f=d.length/3;e.length!=f&&(e.length=f);var f=mat4.create(),
+l=vec3.create();vec3.create();var h=vec3.fromValues(0,1,0),s=vec3.fromValues(0,0,-1);vec3.fromValues(1,0,0);for(var k=quat.create(),w=vec3.create(),n=vec3.create(),t=vec3.create(),v=0;v<d.length;v+=3){var x=v/3,z=e[x];z||(z=e[x]=mat4.create());z.set(f);x=d.subarray(v,v+3);switch(this.properties.mode){case r.NORMAL:mat4.setTranslation(z,x);if(c){var D=c.subarray(v,v+3);t.set(D);vec3.normalize(t,t);vec3.cross(n,s,t);vec3.normalize(n,n);vec3.cross(w,n,t);vec3.normalize(w,w);z.set(n,0);z.set(t,4);z.set(w,
+8);mat4.setTranslation(z,x)}break;case r.VERTICAL:mat4.setTranslation(z,x);break;case r.SPHERICAL:w.set(x);vec3.normalize(w,w);vec3.cross(n,h,w);vec3.normalize(n,n);vec3.cross(t,w,n);vec3.normalize(t,t);z.set(n,0);z.set(t,4);z.set(w,8);mat4.setTranslation(z,x);break;case r.RANDOM:l[0]=2*Math.random()-1;l[1]=2*Math.random()-1;l[2]=2*Math.random()-1;vec3.normalize(l,l);quat.setAxisAngle(k,l,2*Math.random()*Math.PI);mat4.fromQuat(z,k);mat4.setTranslation(z,x);break;case r.RANDOM_VERTICAL:quat.setAxisAngle(k,
+h,2*Math.random()*Math.PI),mat4.fromQuat(z,k),mat4.setTranslation(z,x)}}this._version=a._version;this._geometry_id=a._id};x.registerNodeType("geometry/points_to_instances",r);t.title="Transform";t.prototype.onExecute=function(){var a=this.getInputData(0),d=this.getInputData(1);if(a)if(a.constructor===Array){if(0!=a.length&&(this.outputs[0].type="[mat4]",this.isOutputConnected(0)))if(d){this._output||(this._output=[]);this._output.length!=a.length&&(this._output.length=a.length);for(var c=0;c<a.length;++c){var e=
+this._output[c];e||(e=this._output[c]=mat4.create());mat4.multiply(e,a[c],d)}this.setOutputData(0,this._output)}else this.setOutputData(0,a)}else if(a.vertices&&a.vertices.length&&(this.outputs[0].type="geometry",this.isOutputConnected(0)))if(d){c=typedArrayToArray(d).join(",");if(this.must_update||a._id!=this._last_geometry_id||a._version!=this._last_version||c!=this._last_key)this.updateGeometry(a,d),this._last_key=c,this._last_version=a._version,this._last_geometry_id=a._id,this.must_update=!1;
+this.setOutputData(0,this.geometry)}else this.setOutputData(0,a)};t.prototype.updateGeometry=function(a,d){var c=a.vertices,e=this.geometry.vertices;e&&e.length==c.length||(e=this.geometry.vertices=new Float32Array(c.length));for(var f=vec3.create(),l=0,h=e.length;l<h;l+=3)f[0]=c[l],f[1]=c[l+1],f[2]=c[l+2],mat4.multiplyVec3(f,d,f),e[l]=f[0],e[l+1]=f[1],e[l+2]=f[2];if(a.normals){this.geometry.normals&&this.geometry.normals.length==a.normals.length||(this.geometry.normals=new Float32Array(a.normals.length));
+c=this.geometry.normals;(e=mat4.invert(mat4.create(),d))&&mat4.transpose(e,e);for(var s=a.normals,l=0,h=c.length;l<h;l+=3)f[0]=s[l],f[1]=s[l+1],f[2]=s[l+2],mat4.multiplyVec3(f,e,f),c[l]=f[0],c[l+1]=f[1],c[l+2]=f[2]}this.geometry.type=a.type;this.geometry._version++};x.registerNodeType("geometry/transform",t);h.title="Polygon";h.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputOrProperty("sides"),d=this.getInputOrProperty("radius"),a=Math.max(3,a)|0;this.last_info.sides==
+a&&this.last_info.radius==d||this.updateGeometry(a,d);this.setOutputData(0,this.geometry)}};h.prototype.updateGeometry=function(a,d){var c=this.geometry.vertices;c&&c.length==3*a||(c=this.geometry.vertices=new Float32Array(3*a));var e=2*Math.PI/a;this.properties.uvs&&(uvs=this.geometry.coords=new Float32Array(3*a));for(var f=0;f<a;++f){var l=e*-f,h=Math.cos(l)*d,l=Math.sin(l)*d;c[3*f]=h;c[3*f+1]=0;c[3*f+2]=l}this.geometry._id=++this.geometry_id;this.geometry._version=++this.version;this.last_info.sides=
+a;this.last_info.radius=d};x.registerNodeType("geometry/polygon",h);D.title="extrude";D.prototype.onPropertyChanged=function(a,d){this._must_update=!0};D.prototype.onExecute=function(){var a=this.getInputData(0);if(a&&this.isOutputConnected(0)){if(a.version!=this._last_geo_version||this._must_update){if(this._geo=this.extrudeGeometry(a,this._geo))this._geo.version=this.version++;this._must_update=!1}this.setOutputData(0,this._geo)}};D.prototype.extrudeGeometry=function(a){var d=a.vertices,g=d.length/
+3,e=vec3.create(),f=vec3.create(),l=vec3.create(),h=vec3.create(),s=new Float32Array(this.properties.offset);if("line_loop"==a.type)for(var k=new Float32Array(18*g),g=a=0,w=d.length;g<w;g+=3)e[0]=d[g],e[1]=d[g+1],e[2]=d[g+2],g+3<w?(f[0]=d[g+3],f[1]=d[g+4],f[2]=d[g+5]):(f[0]=d[0],f[1]=d[1],f[2]=d[2]),vec3.add(l,e,s),vec3.add(h,f,s),k.set(e,a),a+=3,k.set(f,a),a+=3,k.set(l,a),a+=3,k.set(f,a),a+=3,k.set(h,a),a+=3,k.set(l,a),a+=3;return{_id:c(),type:"triangles",vertices:k}};x.registerNodeType("geometry/extrude",
+D);z.title="geoeval";z.desc="eval code";z.widgets_info={code:{widget:"code"}};z.prototype.onConfigure=function(a){this.compileCode()};z.prototype.compileCode=function(){if(this.properties.code)try{this.func=new Function("V","I","T",this.properties.code),this.boxcolor="#AFA",this.must_update=!0}catch(a){this.boxcolor="red"}};z.prototype.onPropertyChanged=function(a,d){"code"==a&&(this.properties.code=d,this.compileCode())};z.prototype.onExecute=function(){var a=this.getInputData(0);if(a)if(this.func){if(this.geometry_id!=
+a._id||this.version!=a._version||this.must_update||this.properties.execute_every_frame){this.must_update=!1;this.geometry_id=a._id;this.properties.execute_every_frame?this.version++:this.version=a._version;var d=this.func,c=getTime();this.geometry||(this.geometry={});for(var e in a)null!=a[e]&&(this.geometry[e]=a[e].constructor==Float32Array?new Float32Array(a[e]):a[e]);this.geometry._id=a._id;this.geometry._version=this.properties.execute_every_frame?this.version:a._version+1;var f=vec3.create(),
+l=this.vertices;l&&this.vertices.length==a.vertices.length?l.set(a.vertices):l=this.vertices=new Float32Array(a.vertices);for(e=0;e<l.length;e+=3)f[0]=l[e],f[1]=l[e+1],f[2]=l[e+2],d(f,e/3,c),l[e]=f[0],l[e+1]=f[1],l[e+2]=f[2];this.geometry.vertices=l}this.setOutputData(0,this.geometry)}else this.setOutputData(0,a)};x.registerNodeType("geometry/eval",z);G.title="connect points";G.desc="adds indices between near points";G.prototype.onPropertyChanged=function(a,d){this.must_update=!0};G.prototype.onExecute=
+function(){var a=this.getInputData(0);if(a){if(this.geometry_id!=a._id||this.version!=a._version||this.must_update){this.must_update=!1;this.geometry_id=a._id;this.version=a._version;this.geometry={};for(var d in a)this.geometry[d]=a[d];this.geometry._id=c();this.geometry._version=this.my_version++;var a=a.vertices,g=a.length,e=this.properties.min_dist,f=this.properties.max_dist,l=this.properties.probability,h=this.properties.max_connections,s=[];for(d=0;d<g;d+=3)for(var k=a[d],w=a[d+1],n=a[d+2],
+r=0,t=d+3;t<g;t+=3){var x=a[t],v=a[t+1],z=a[t+2],x=Math.sqrt((k-x)*(k-x)+(w-v)*(w-v)+(n-z)*(n-z));if(!(x>f||x<e||1>l&&l<Math.random())&&(s.push(d/3,t/3),r+=1,h&&r>h))break}this.geometry.indices=this.indices=new Uint32Array(s)}this.indices&&this.indices.length?(this.geometry.indices=this.indices,this.setOutputData(0,this.geometry)):this.setOutputData(0,null)}};x.registerNodeType("geometry/connectPoints",G);"undefined"!=typeof GL&&(A.title="to geometry",A.desc="converts a mesh to geometry",A.prototype.onExecute=
+function(){var a=this.getInputData(0);if(a){if(a!=this.last_mesh){this.last_mesh=a;for(i in a.vertexBuffers)this.geometry[i]=a.vertexBuffers[i].data;a.indexBuffers.triangles&&(this.geometry.indices=a.indexBuffers.triangles.data);this.geometry._id=c();this.geometry._version=0}this.setOutputData(0,this.geometry);this.geometry&&this.setOutputData(1,this.geometry.vertices)}},x.registerNodeType("geometry/toGeometry",A),E.title="Geo to Mesh",E.prototype.updateMesh=function(a){this.mesh||(this.mesh=new GL.Mesh);
+for(var d in a)if("_"!=d[0]){var c=a[d],e=GL.Mesh.common_buffers[d];if(e||"indices"==d){var e=e?e.spacing:3,f=this.mesh.vertexBuffers[d];f&&f.data.length==c.length?(f.data.set(c),f.upload(GL.DYNAMIC_DRAW)):f=new GL.Buffer("indices"==d?GL.ELEMENT_ARRAY_BUFFER:GL.ARRAY_BUFFER,c,e,GL.DYNAMIC_DRAW);this.mesh.addBuffer(d,f)}}if(this.mesh.vertexBuffers.normals&&this.mesh.vertexBuffers.normals.data.length!=this.mesh.vertexBuffers.vertices.data.length){c=new Float32Array([0,1,0]);e=new Float32Array(this.mesh.vertexBuffers.vertices.data.length);
+for(d=0;d<e.length;d+=3)e.set(c,d);f=new GL.Buffer(GL.ARRAY_BUFFER,e,3);this.mesh.addBuffer("normals",f)}this.mesh.updateBoundingBox();this.geometry_id=this.mesh.id=a._id;this.version=this.mesh.version=a._version;return this.mesh},E.prototype.onExecute=function(){var a=this.getInputData(0);a&&(this.version==a._version&&this.geometry_id==a._id||this.updateMesh(a),this.setOutputData(0,this.mesh))},x.registerNodeType("geometry/toMesh",E),f.title="Render Mesh",f.desc="renders a mesh flat",f.PRIMITIVE_VALUES=
+{points:GL.POINTS,lines:GL.LINES,line_loop:GL.LINE_LOOP,line_strip:GL.LINE_STRIP,triangles:GL.TRIANGLES,triangle_fan:GL.TRIANGLE_FAN,triangle_strip:GL.TRIANGLE_STRIP},f.widgets_info={primitive:{widget:"combo",values:f.PRIMITIVE_VALUES},color:{widget:"color"}},f.prototype.onExecute=function(){if(this.properties.enabled){var b=this.getInputData(0);if(b)if(x.LGraphRender.onRequestCameraMatrices){x.LGraphRender.onRequestCameraMatrices(L,s,w);var d=null;this.getInputData(2)?(d=gl.shaders.textured)||(d=
+gl.shaders.textured=new GL.Shader(I.vertex_shader_code,I.fragment_shader_code,{USE_TEXTURE:""})):(d=gl.shaders.flat)||(d=gl.shaders.flat=new GL.Shader(I.vertex_shader_code,I.fragment_shader_code));this.color.set(this.properties.color);this.color[3]=this.properties.opacity;var c=this.model_matrix,e=this.getInputData(1);e?c.set(e):mat4.identity(c);this.uniforms.u_point_size=1;c=this.properties.primitive;d.uniforms(a);d.uniforms(this.uniforms);1<=this.properties.opacity?gl.disable(gl.BLEND):gl.enable(gl.BLEND);
+gl.enable(gl.DEPTH_TEST);this.properties.additive?(gl.blendFunc(gl.SRC_ALPHA,gl.ONE),gl.depthMask(!1)):gl.blendFunc(gl.SRC_ALPHA,gl.ONE_MINUS_SRC_ALPHA);e="indices";b.indexBuffers.triangles&&(e="triangles");d.draw(b,c,e);gl.disable(gl.BLEND);gl.depthMask(!0)}else console.warn("cannot render geometry, LiteGraph.onRequestCameraMatrices is null, remember to fill this with a callback(view_matrix, projection_matrix,viewprojection_matrix) to use 3D rendering from the graph")}},x.registerNodeType("geometry/render_mesh",
+f),n.title="Primitive",n.VALID={CUBE:1,PLANE:2,CYLINDER:3,SPHERE:4,CIRCLE:5,HEMISPHERE:6,ICOSAHEDRON:7,CONE:8,QUAD:9},n.widgets_info={type:{widget:"combo",values:n.VALID}},n.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputOrProperty("size");this.last_info.type==this.properties.type&&this.last_info.size==a&&this.last_info.subdivisions==this.properties.subdivisions||this.updateMesh(this.properties.type,a,this.properties.subdivisions);this.setOutputData(0,this._mesh)}},
+n.prototype.updateMesh=function(a,d,c){c=Math.max(0,c)|0;switch(a){case 1:this._mesh=GL.Mesh.cube({size:d,normals:!0,coords:!0});break;case 2:this._mesh=GL.Mesh.plane({size:d,xz:!0,detail:c,normals:!0,coords:!0});break;case 3:this._mesh=GL.Mesh.cylinder({size:d,subdivisions:c,normals:!0,coords:!0});break;case 4:this._mesh=GL.Mesh.sphere({size:d,"long":c,lat:c,normals:!0,coords:!0});break;case 5:this._mesh=GL.Mesh.circle({size:d,slices:c,normals:!0,coords:!0});break;case 6:this._mesh=GL.Mesh.sphere({size:d,
+"long":c,lat:c,normals:!0,coords:!0,hemi:!0});break;case 7:this._mesh=GL.Mesh.icosahedron({size:d,subdivisions:c});break;case 8:this._mesh=GL.Mesh.cone({radius:d,height:d,subdivisions:c});break;case 9:this._mesh=GL.Mesh.plane({size:d,xz:!1,detail:c,normals:!0,coords:!0})}this.last_info.type=a;this.last_info.size=d;this.last_info.subdivisions=c;this._mesh.version=this.version++},x.registerNodeType("geometry/mesh_primitive",n),I.title="renderPoints",I.desc="render points with a texture",I.widgets_info=
+{color:{widget:"color"}},I.prototype.updateMesh=function(a){this.buffer&&this.buffer.data&&this.buffer.data.length==a.vertices.length?(this.buffer.data.set(a.vertices),this.buffer.upload(GL.DYNAMIC_DRAW)):this.buffer=new GL.Buffer(GL.ARRAY_BUFFER,a.vertices,3,GL.DYNAMIC_DRAW);this.mesh||(this.mesh=new GL.Mesh);this.mesh.addBuffer("vertices",this.buffer);this.geometry_id=this.mesh.id=a._id;this.version=this.mesh.version=a._version},I.prototype.onExecute=function(){if(this.properties.enabled){var b=
+this.getInputData(0);if(b)if(this.version==b._version&&this.geometry_id==b._id||this.updateMesh(b),x.LGraphRender.onRequestCameraMatrices){x.LGraphRender.onRequestCameraMatrices(L,s,w);b=null;this.getInputData(2)?(b=gl.shaders.textured_points)||(b=gl.shaders.textured_points=new GL.Shader(I.vertex_shader_code,I.fragment_shader_code,{USE_TEXTURED_POINTS:""})):(b=gl.shaders.points)||(b=gl.shaders.points=new GL.Shader(I.vertex_shader_code,I.fragment_shader_code,{USE_POINTS:""}));this.color.set(this.properties.color);
+this.color[3]=this.properties.opacity;var d=this.getInputData(1);d?l.set(d):mat4.identity(l);this.uniforms.u_point_size=this.properties.point_size;this.uniforms.u_point_perspective=this.properties.fixed_size?0:1;this.uniforms.u_perspective=gl.viewport_data[3]*s[5];b.uniforms(a);b.uniforms(this.uniforms);1<=this.properties.opacity?gl.disable(gl.BLEND):gl.enable(gl.BLEND);gl.enable(gl.DEPTH_TEST);this.properties.additive?(gl.blendFunc(gl.SRC_ALPHA,gl.ONE),gl.depthMask(!1)):gl.blendFunc(gl.SRC_ALPHA,
+gl.ONE_MINUS_SRC_ALPHA);b.draw(this.mesh,GL.POINTS);gl.disable(gl.BLEND);gl.depthMask(!0)}else console.warn("cannot render geometry, LiteGraph.onRequestCameraMatrices is null, remember to fill this with a callback(view_matrix, projection_matrix,viewprojection_matrix) to use 3D rendering from the graph")}},x.registerNodeType("geometry/render_points",I),I.vertex_shader_code="\t\tprecision mediump float;\n\t\tattribute vec3 a_vertex;\n\t\tvarying vec3 v_vertex;\n\t\tattribute vec3 a_normal;\n\t\tvarying vec3 v_normal;\n\t\t#ifdef USE_COLOR\n\t\t\tattribute vec4 a_color;\n\t\t\tvarying vec4 v_color;\n\t\t#endif\n\t\tattribute vec2 a_coord;\n\t\tvarying vec2 v_coord;\n\t\t#ifdef USE_SIZE\n\t\t\tattribute float a_extra;\n\t\t#endif\n\t\t#ifdef USE_INSTANCING\n\t\t\tattribute mat4 u_model;\n\t\t#else\n\t\t\tuniform mat4 u_model;\n\t\t#endif\n\t\tuniform mat4 u_viewprojection;\n\t\tuniform float u_point_size;\n\t\tuniform float u_perspective;\n\t\tuniform float u_point_perspective;\n\t\tfloat computePointSize(float radius, float w)\n\t\t{\n\t\t\tif(radius < 0.0)\n\t\t\t\treturn -radius;\n\t\t\treturn u_perspective * radius / w;\n\t\t}\n\t\tvoid main() {\n\t\t\tv_coord = a_coord;\n\t\t\t#ifdef USE_COLOR\n\t\t\t\tv_color = a_color;\n\t\t\t#endif\n\t\t\tv_vertex = ( u_model * vec4( a_vertex, 1.0 )).xyz;\n\t\t\tv_normal = ( u_model * vec4( a_normal, 0.0 )).xyz;\n\t\t\tgl_Position = u_viewprojection * vec4(v_vertex,1.0);\n\t\t\tgl_PointSize = u_point_size;\n\t\t\t#ifdef USE_SIZE\n\t\t\t\tgl_PointSize = a_extra;\n\t\t\t#endif\n\t\t\tif(u_point_perspective != 0.0)\n\t\t\t\tgl_PointSize = computePointSize( gl_PointSize, gl_Position.w );\n\t\t}\t",
+I.fragment_shader_code="\t\tprecision mediump float;\n\t\tuniform vec4 u_color;\n\t\t#ifdef USE_COLOR\n\t\t\tvarying vec4 v_color;\n\t\t#endif\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tvoid main() {\n\t\t\tvec4 color = u_color;\n\t\t\t#ifdef USE_TEXTURED_POINTS\n\t\t\t\tcolor *= texture2D(u_texture, gl_PointCoord.xy);\n\t\t\t#else\n\t\t\t\t#ifdef USE_TEXTURE\n\t\t\t\t  color *= texture2D(u_texture, v_coord);\n\t\t\t\t  if(color.a < 0.1)\n\t\t\t\t\tdiscard;\n\t\t\t\t#endif\n\t\t\t\t#ifdef USE_POINTS\n\t\t\t\t\tfloat dist = length( gl_PointCoord.xy - vec2(0.5) );\n\t\t\t\t\tif( dist > 0.45 )\n\t\t\t\t\t\tdiscard;\n\t\t\t\t#endif\n\t\t\t#endif\n\t\t\t#ifdef USE_COLOR\n\t\t\t\tcolor *= v_color;\n\t\t\t#endif\n\t\t\tgl_FragColor = color;\n\t\t}\t")})(this);
+(function(B){var c=B.LiteGraph,k=B.LGraphTexture;if("undefined"!=typeof GL){var v=function(){this.addInput("Texture","Texture");this.addInput("Aberration","number");this.addInput("Distortion","number");this.addInput("Blur","number");this.addOutput("Texture","Texture");this.properties={aberration:1,distortion:1,blur:1,precision:k.DEFAULT};v._shader||(v._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,v.pixel_shader),v._texture=new GL.Texture(3,1,{format:gl.RGB,wrap:gl.CLAMP_TO_EDGE,magFilter:gl.LINEAR,
+minFilter:gl.LINEAR,pixel_data:[255,0,0,0,255,0,0,0,255]}))};v.title="Lens";v.desc="Camera Lens distortion";v.widgets_info={precision:{widget:"combo",values:k.MODE_VALUES}};v.prototype.onExecute=function(){var c=this.getInputData(0);if(this.properties.precision===k.PASS_THROUGH)this.setOutputData(0,c);else if(c){this._tex=k.getTargetTexture(c,this._tex,this.properties.precision);var h=this.properties.aberration;this.isInputConnected(1)&&(h=this.getInputData(1),this.properties.aberration=h);var r=
+this.properties.distortion;this.isInputConnected(2)&&(r=this.getInputData(2),this.properties.distortion=r);var t=this.properties.blur;this.isInputConnected(3)&&(t=this.getInputData(3),this.properties.blur=t);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var E=Mesh.getScreenQuad(),f=v._shader;this._tex.drawTo(function(){c.bind(0);f.uniforms({u_texture:0,u_aberration:h,u_distortion:r,u_blur:t}).draw(E)});this.setOutputData(0,this._tex)}};v.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec2 u_camera_planes;\n\t\t\tuniform float u_aberration;\n\t\t\tuniform float u_distortion;\n\t\t\tuniform float u_blur;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec2 coord = v_coord;\n\t\t\t\tfloat dist = distance(vec2(0.5), coord);\n\t\t\t\tvec2 dist_coord = coord - vec2(0.5);\n\t\t\t\tfloat percent = 1.0 + ((0.5 - dist) / 0.5) * u_distortion;\n\t\t\t\tdist_coord *= percent;\n\t\t\t\tcoord = dist_coord + vec2(0.5);\n\t\t\t\tvec4 color = texture2D(u_texture,coord, u_blur * dist);\n\t\t\t\tcolor.r = texture2D(u_texture,vec2(0.5) + dist_coord * (1.0+0.01*u_aberration), u_blur * dist ).r;\n\t\t\t\tcolor.b = texture2D(u_texture,vec2(0.5) + dist_coord * (1.0-0.01*u_aberration), u_blur * dist ).b;\n\t\t\t\tgl_FragColor = color;\n\t\t\t}\n\t\t\t";
+c.registerNodeType("fx/lens",v);B.LGraphFXLens=v;var r=function(){this.addInput("Texture","Texture");this.addInput("Blurred","Texture");this.addInput("Mask","Texture");this.addInput("Threshold","number");this.addOutput("Texture","Texture");this.properties={shape:"",size:10,alpha:1,threshold:1,high_precision:!1}};r.title="Bokeh";r.desc="applies an Bokeh effect";r.widgets_info={shape:{widget:"texture"}};r.prototype.onExecute=function(){var c=this.getInputData(0),h=this.getInputData(1),t=this.getInputData(2);
+if(c&&t&&this.properties.shape){h||(h=c);var v=k.getTexture(this.properties.shape);if(v){var E=this.properties.threshold;this.isInputConnected(3)&&(E=this.getInputData(3),this.properties.threshold=E);var f=gl.UNSIGNED_BYTE;this.properties.high_precision&&(f=gl.half_float_ext?gl.HALF_FLOAT_OES:gl.FLOAT);this._temp_texture&&this._temp_texture.type==f&&this._temp_texture.width==c.width&&this._temp_texture.height==c.height||(this._temp_texture=new GL.Texture(c.width,c.height,{type:f,format:gl.RGBA,filter:gl.LINEAR}));
+var n=r._first_shader;n||(n=r._first_shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,r._first_pixel_shader));var B=r._second_shader;B||(B=r._second_shader=new GL.Shader(r._second_vertex_shader,r._second_pixel_shader));var x=this._points_mesh;x&&x._width==c.width&&x._height==c.height&&2==x._spacing||(x=this.createPointsMesh(c.width,c.height,2));var L=Mesh.getScreenQuad(),s=this.properties.size,w=this.properties.alpha;gl.disable(gl.DEPTH_TEST);gl.disable(gl.BLEND);this._temp_texture.drawTo(function(){c.bind(0);
+h.bind(1);t.bind(2);n.uniforms({u_texture:0,u_texture_blur:1,u_mask:2,u_texsize:[c.width,c.height]}).draw(L)});this._temp_texture.drawTo(function(){gl.enable(gl.BLEND);gl.blendFunc(gl.ONE,gl.ONE);c.bind(0);v.bind(3);B.uniforms({u_texture:0,u_mask:2,u_shape:3,u_alpha:w,u_threshold:E,u_pointSize:s,u_itexsize:[1/c.width,1/c.height]}).draw(x,gl.POINTS)});this.setOutputData(0,this._temp_texture)}}else this.setOutputData(0,c)};r.prototype.createPointsMesh=function(c,h,k){for(var r=Math.round(c/k),t=Math.round(h/
+k),f=new Float32Array(r*t*2),n=-1,v=2/c*k,x=2/h*k,B=0;B<t;++B){for(var s=-1,w=0;w<r;++w){var l=B*r*2+2*w;f[l]=s;f[l+1]=n;s+=v}n+=x}this._points_mesh=GL.Mesh.load({vertices2D:f});this._points_mesh._width=c;this._points_mesh._height=h;this._points_mesh._spacing=k;return this._points_mesh};r._first_pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform sampler2D u_texture_blur;\n\t\t\tuniform sampler2D u_mask;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec4 color = texture2D(u_texture, v_coord);\n\t\t\t\tvec4 blurred_color = texture2D(u_texture_blur, v_coord);\n\t\t\t\tfloat mask = texture2D(u_mask, v_coord).x;\n\t\t\t   gl_FragColor = mix(color, blurred_color, mask);\n\t\t\t}\n\t\t\t";
+r._second_vertex_shader="precision highp float;\n\t\t\tattribute vec2 a_vertex2D;\n\t\t\tvarying vec4 v_color;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform sampler2D u_mask;\n\t\t\tuniform vec2 u_itexsize;\n\t\t\tuniform float u_pointSize;\n\t\t\tuniform float u_threshold;\n\t\t\tvoid main() {\n\t\t\t\tvec2 coord = a_vertex2D * 0.5 + 0.5;\n\t\t\t\tv_color = texture2D( u_texture, coord );\n\t\t\t\tv_color += texture2D( u_texture, coord + vec2(u_itexsize.x, 0.0) );\n\t\t\t\tv_color += texture2D( u_texture, coord + vec2(0.0, u_itexsize.y));\n\t\t\t\tv_color += texture2D( u_texture, coord + u_itexsize);\n\t\t\t\tv_color *= 0.25;\n\t\t\t\tfloat mask = texture2D(u_mask, coord).x;\n\t\t\t\tfloat luminance = length(v_color) * mask;\n\t\t\t\t/*luminance /= (u_pointSize*u_pointSize)*0.01 */;\n\t\t\t\tluminance -= u_threshold;\n\t\t\t\tif(luminance < 0.0)\n\t\t\t\t{\n\t\t\t\t\tgl_Position.x = -100.0;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tgl_PointSize = u_pointSize;\n\t\t\t\tgl_Position = vec4(a_vertex2D,0.0,1.0);\n\t\t\t}\n\t\t\t";
+r._second_pixel_shader="precision highp float;\n\t\t\tvarying vec4 v_color;\n\t\t\tuniform sampler2D u_shape;\n\t\t\tuniform float u_alpha;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec4 color = texture2D( u_shape, gl_PointCoord );\n\t\t\t\tcolor *= v_color * u_alpha;\n\t\t\t\tgl_FragColor = color;\n\t\t\t}\n";c.registerNodeType("fx/bokeh",r);B.LGraphFXBokeh=r;var t=function(){this.addInput("Texture","Texture");this.addInput("value1","number");this.addInput("value2","number");this.addOutput("Texture",
 "Texture");this.properties={fx:"halftone",value1:1,value2:1,precision:k.DEFAULT}};t.title="FX";t.desc="applies an FX from a list";t.widgets_info={fx:{widget:"combo",values:["halftone","pixelate","lowpalette","noise","gamma"]},precision:{widget:"combo",values:k.MODE_VALUES}};t.shaders={};t.prototype.onExecute=function(){if(this.isOutputConnected(0)){var c=this.getInputData(0);if(this.properties.precision===k.PASS_THROUGH)this.setOutputData(0,c);else if(c){this._tex=k.getTargetTexture(c,this._tex,this.properties.precision);
-var h=this.properties.value1;this.isInputConnected(1)&&(h=this.getInputData(1),this.properties.value1=h);var s=this.properties.value2;this.isInputConnected(2)&&(s=this.getInputData(2),this.properties.value2=s);var u=this.properties.fx,D=t.shaders[u];if(!D){var e=t["pixel_shader_"+u];if(!e)return;D=t.shaders[u]=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,e)}gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var q=Mesh.getScreenQuad(),H;H=B.LS&&LS.Renderer._current_camera?[LS.Renderer._current_camera.near,
-LS.Renderer._current_camera.far]:[1,100];var w=null;"noise"==u&&(w=k.getNoiseTexture());this._tex.drawTo(function(){c.bind(0);"noise"==u&&w.bind(1);D.uniforms({u_texture:0,u_noise:1,u_size:[c.width,c.height],u_rand:[Math.random(),Math.random()],u_value1:h,u_value2:s,u_camera_planes:H}).draw(q)});this.setOutputData(0,this._tex)}}};t.pixel_shader_halftone="precision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec2 u_camera_planes;\n\t\t\tuniform vec2 u_size;\n\t\t\tuniform float u_value1;\n\t\t\tuniform float u_value2;\n\t\t\t\n\t\t\tfloat pattern() {\n\t\t\t\tfloat s = sin(u_value1 * 3.1415), c = cos(u_value1 * 3.1415);\n\t\t\t\tvec2 tex = v_coord * u_size.xy;\n\t\t\t\tvec2 point = vec2(\n\t\t\t\t   c * tex.x - s * tex.y ,\n\t\t\t\t   s * tex.x + c * tex.y \n\t\t\t\t) * u_value2;\n\t\t\t\treturn (sin(point.x) * sin(point.y)) * 4.0;\n\t\t\t}\n\t\t\tvoid main() {\n\t\t\t\tvec4 color = texture2D(u_texture, v_coord);\n\t\t\t\tfloat average = (color.r + color.g + color.b) / 3.0;\n\t\t\t\tgl_FragColor = vec4(vec3(average * 10.0 - 5.0 + pattern()), color.a);\n\t\t\t}\n";
+var h=this.properties.value1;this.isInputConnected(1)&&(h=this.getInputData(1),this.properties.value1=h);var r=this.properties.value2;this.isInputConnected(2)&&(r=this.getInputData(2),this.properties.value2=r);var v=this.properties.fx,E=t.shaders[v];if(!E){var f=t["pixel_shader_"+v];if(!f)return;E=t.shaders[v]=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,f)}gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var n=Mesh.getScreenQuad(),I;I=B.LS&&LS.Renderer._current_camera?[LS.Renderer._current_camera.near,
+LS.Renderer._current_camera.far]:[1,100];var x=null;"noise"==v&&(x=k.getNoiseTexture());this._tex.drawTo(function(){c.bind(0);"noise"==v&&x.bind(1);E.uniforms({u_texture:0,u_noise:1,u_size:[c.width,c.height],u_rand:[Math.random(),Math.random()],u_value1:h,u_value2:r,u_camera_planes:I}).draw(n)});this.setOutputData(0,this._tex)}}};t.pixel_shader_halftone="precision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec2 u_camera_planes;\n\t\t\tuniform vec2 u_size;\n\t\t\tuniform float u_value1;\n\t\t\tuniform float u_value2;\n\t\t\t\n\t\t\tfloat pattern() {\n\t\t\t\tfloat s = sin(u_value1 * 3.1415), c = cos(u_value1 * 3.1415);\n\t\t\t\tvec2 tex = v_coord * u_size.xy;\n\t\t\t\tvec2 point = vec2(\n\t\t\t\t   c * tex.x - s * tex.y ,\n\t\t\t\t   s * tex.x + c * tex.y \n\t\t\t\t) * u_value2;\n\t\t\t\treturn (sin(point.x) * sin(point.y)) * 4.0;\n\t\t\t}\n\t\t\tvoid main() {\n\t\t\t\tvec4 color = texture2D(u_texture, v_coord);\n\t\t\t\tfloat average = (color.r + color.g + color.b) / 3.0;\n\t\t\t\tgl_FragColor = vec4(vec3(average * 10.0 - 5.0 + pattern()), color.a);\n\t\t\t}\n";
 t.pixel_shader_pixelate="precision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec2 u_camera_planes;\n\t\t\tuniform vec2 u_size;\n\t\t\tuniform float u_value1;\n\t\t\tuniform float u_value2;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec2 coord = vec2( floor(v_coord.x * u_value1) / u_value1, floor(v_coord.y * u_value2) / u_value2 );\n\t\t\t\tvec4 color = texture2D(u_texture, coord);\n\t\t\t\tgl_FragColor = color;\n\t\t\t}\n";t.pixel_shader_lowpalette="precision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec2 u_camera_planes;\n\t\t\tuniform vec2 u_size;\n\t\t\tuniform float u_value1;\n\t\t\tuniform float u_value2;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec4 color = texture2D(u_texture, v_coord);\n\t\t\t\tgl_FragColor = floor(color * u_value1) / u_value1;\n\t\t\t}\n";
 t.pixel_shader_noise="precision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform sampler2D u_noise;\n\t\t\tuniform vec2 u_size;\n\t\t\tuniform float u_value1;\n\t\t\tuniform float u_value2;\n\t\t\tuniform vec2 u_rand;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec4 color = texture2D(u_texture, v_coord);\n\t\t\t\tvec3 noise = texture2D(u_noise, v_coord * vec2(u_size.x / 512.0, u_size.y / 512.0) + u_rand).xyz - vec3(0.5);\n\t\t\t\tgl_FragColor = vec4( color.xyz + noise * u_value1, color.a );\n\t\t\t}\n";
 t.pixel_shader_gamma="precision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform float u_value1;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec4 color = texture2D(u_texture, v_coord);\n\t\t\t\tfloat gamma = 1.0 / u_value1;\n\t\t\t\tgl_FragColor = vec4( pow( color.xyz, vec3(gamma) ), color.a );\n\t\t\t}\n";c.registerNodeType("fx/generic",t);B.LGraphFXGeneric=t;var h=function(){this.addInput("Tex.","Texture");this.addInput("intensity","number");this.addOutput("Texture",
-"Texture");this.properties={intensity:1,invert:!1,precision:k.DEFAULT};h._shader||(h._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,h.pixel_shader))};h.title="Vigneting";h.desc="Vigneting";h.widgets_info={precision:{widget:"combo",values:k.MODE_VALUES}};h.prototype.onExecute=function(){var c=this.getInputData(0);if(this.properties.precision===k.PASS_THROUGH)this.setOutputData(0,c);else if(c){this._tex=k.getTargetTexture(c,this._tex,this.properties.precision);var s=this.properties.intensity;this.isInputConnected(1)&&
-(s=this.getInputData(1),this.properties.intensity=s);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var t=Mesh.getScreenQuad(),u=h._shader,B=this.properties.invert;this._tex.drawTo(function(){c.bind(0);u.uniforms({u_texture:0,u_intensity:s,u_isize:[1/c.width,1/c.height],u_invert:B?1:0}).draw(t)});this.setOutputData(0,this._tex)}};h.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform float u_intensity;\n\t\t\tuniform int u_invert;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tfloat luminance = 1.0 - length( v_coord - vec2(0.5) ) * 1.414;\n\t\t\t\tvec4 color = texture2D(u_texture, v_coord);\n\t\t\t\tif(u_invert == 1)\n\t\t\t\t\tluminance = 1.0 - luminance;\n\t\t\t\tluminance = mix(1.0, luminance, u_intensity);\n\t\t\t   gl_FragColor = vec4( luminance * color.xyz, color.a);\n\t\t\t}\n\t\t\t";
+"Texture");this.properties={intensity:1,invert:!1,precision:k.DEFAULT};h._shader||(h._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,h.pixel_shader))};h.title="Vigneting";h.desc="Vigneting";h.widgets_info={precision:{widget:"combo",values:k.MODE_VALUES}};h.prototype.onExecute=function(){var c=this.getInputData(0);if(this.properties.precision===k.PASS_THROUGH)this.setOutputData(0,c);else if(c){this._tex=k.getTargetTexture(c,this._tex,this.properties.precision);var r=this.properties.intensity;this.isInputConnected(1)&&
+(r=this.getInputData(1),this.properties.intensity=r);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var t=Mesh.getScreenQuad(),v=h._shader,B=this.properties.invert;this._tex.drawTo(function(){c.bind(0);v.uniforms({u_texture:0,u_intensity:r,u_isize:[1/c.width,1/c.height],u_invert:B?1:0}).draw(t)});this.setOutputData(0,this._tex)}};h.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform float u_intensity;\n\t\t\tuniform int u_invert;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tfloat luminance = 1.0 - length( v_coord - vec2(0.5) ) * 1.414;\n\t\t\t\tvec4 color = texture2D(u_texture, v_coord);\n\t\t\t\tif(u_invert == 1)\n\t\t\t\t\tluminance = 1.0 - luminance;\n\t\t\t\tluminance = mix(1.0, luminance, u_intensity);\n\t\t\t   gl_FragColor = vec4( luminance * color.xyz, color.a);\n\t\t\t}\n\t\t\t";
 c.registerNodeType("fx/vigneting",h);B.LGraphFXVigneting=h}})(this);
-(function(B){function c(c){this.cmd=this.channel=0;this.data=new Uint32Array(3);c&&this.setup(c)}function k(c,e){navigator.requestMIDIAccess?(this.on_ready=c,this.state={note:[],cc:[]},this.input_ports=null,this.input_ports_info=[],this.output_ports=null,this.output_ports_info=[],navigator.requestMIDIAccess().then(this.onMIDISuccess.bind(this),this.onMIDIFailure.bind(this))):(this.error="not suppoorted",e?e("Not supported"):console.error("MIDI NOT SUPPORTED, enable by chrome://flags"))}function u(){this.addOutput("on_midi",
-w.EVENT);this.addOutput("out","midi");this.properties={port:0};this._current_midi_event=this._last_midi_event=null;this.boxcolor="#AAA";this._last_time=0;var c=this;new k(function(e){c._midi=e;if(c._waiting)c.onStart();c._waiting=!1})}function s(){this.addInput("send",w.EVENT);this.properties={port:0};var c=this;new k(function(e){c._midi=e;c.widget.options.values=c.getMIDIOutputs()});this.widget=this.addWidget("combo","Device",this.properties.port,{property:"port",values:this.getMIDIOutputs.bind(this)});
-this.size=[340,60]}function t(){this.addInput("on_midi",w.EVENT);this._str="";this.size=[200,40]}function h(){this.properties={channel:-1,cmd:-1,min_value:-1,max_value:-1};var c=this;this._learning=!1;this.addWidget("button","Learn","",function(){c._learning=!0;c.boxcolor="#FA3"});this.addInput("in",w.EVENT);this.addOutput("on_midi",w.EVENT);this.boxcolor="#AAA"}function C(){this.properties={channel:0,cmd:144,value1:1,value2:1};this.addInput("send",w.EVENT);this.addInput("assign",w.EVENT);this.addOutput("on_midi",
-w.EVENT);this.midi_event=new c;this.gate=!1}function y(){this.properties={cc:1,value:0};this.addOutput("value","number")}function G(){this.addInput("generate",w.ACTION);this.addInput("scale","string");this.addInput("octave","number");this.addOutput("note",w.EVENT);this.properties={notes:"A,A#,B,C,C#,D,D#,E,F,F#,G,G#",octave:2,duration:0.5,mode:"sequence"};this.notes_pitches=G.processScale(this.properties.notes);this.sequence_index=0}function A(){this.properties={amount:0};this.addInput("in",w.ACTION);
-this.addInput("amount","number");this.addOutput("out",w.EVENT);this.midi_event=new c}function D(){this.properties={scale:"A,A#,B,C,C#,D,D#,E,F,F#,G,G#"};this.addInput("note",w.ACTION);this.addInput("scale","string");this.addOutput("out",w.EVENT);this.valid_notes=Array(12);this.offset_notes=Array(12);this.processScale(this.properties.scale)}function e(){this.properties={url:"",autoplay:!0};this.addInput("play",w.ACTION);this.addInput("pause",w.ACTION);this.addOutput("note",w.EVENT);this._midi=null;
-this._current_time=0;this._playing=!1;"undefined"==typeof MidiParser&&(console.error("midi-parser.js not included, LGMidiPlay requires that library: https://raw.githubusercontent.com/colxi/midi-parser-js/master/src/main.js"),this.boxcolor="red")}function q(){this.properties={volume:0.5,duration:1};this.addInput("note",w.ACTION);this.addInput("volume","number");this.addInput("duration","number");this.addOutput("note",w.EVENT);"undefined"==typeof AudioSynth?(console.error("Audiosynth.js not included, LGMidiPlay requires that library"),
-this.boxcolor="red"):this.instrument=(this.synth=new AudioSynth).createInstrument("piano")}function H(){this.properties={num_octaves:2,start_octave:2};this.addInput("note",w.ACTION);this.addInput("reset",w.ACTION);this.addOutput("note",w.EVENT);this.size=[400,100];this.keys=[];this._last_key=-1}var w=B.LiteGraph;w.MIDIEvent=c;c.prototype.fromJSON=function(c){this.setup(c.data)};c.prototype.setup=function(e){var h=e;e.constructor===Object&&(h=e.data);this.data.set(h);this.status=e=h[0];h=e&240;this.cmd=
-240<=e?e:h;this.cmd==c.NOTEON&&0==this.velocity&&(this.cmd=c.NOTEOFF);this.cmd_str=c.commands[this.cmd]||"";if(h>=c.NOTEON||h<=c.NOTEOFF)this.channel=e&15};Object.defineProperty(c.prototype,"velocity",{get:function(){return this.cmd==c.NOTEON?this.data[2]:-1},set:function(c){this.data[2]=c},enumerable:!0});c.notes="A A# B C C# D D# E F F# G G#".split(" ");c.note_to_index={A:0,"A#":1,B:2,C:3,"C#":4,D:5,"D#":6,E:7,F:8,"F#":9,G:10,"G#":11};Object.defineProperty(c.prototype,"note",{get:function(){return this.cmd!=
+(function(B){function c(c){this.cmd=this.channel=0;this.data=new Uint32Array(3);c&&this.setup(c)}function k(c,f){navigator.requestMIDIAccess?(this.on_ready=c,this.state={note:[],cc:[]},this.input_ports=null,this.input_ports_info=[],this.output_ports=null,this.output_ports_info=[],navigator.requestMIDIAccess().then(this.onMIDISuccess.bind(this),this.onMIDIFailure.bind(this))):(this.error="not suppoorted",f?f("Not supported"):console.error("MIDI NOT SUPPORTED, enable by chrome://flags"))}function v(){this.addOutput("on_midi",
+x.EVENT);this.addOutput("out","midi");this.properties={port:0};this._current_midi_event=this._last_midi_event=null;this.boxcolor="#AAA";this._last_time=0;var c=this;new k(function(f){c._midi=f;if(c._waiting)c.onStart();c._waiting=!1})}function r(){this.addInput("send",x.EVENT);this.properties={port:0};var c=this;new k(function(f){c._midi=f;c.widget.options.values=c.getMIDIOutputs()});this.widget=this.addWidget("combo","Device",this.properties.port,{property:"port",values:this.getMIDIOutputs.bind(this)});
+this.size=[340,60]}function t(){this.addInput("on_midi",x.EVENT);this._str="";this.size=[200,40]}function h(){this.properties={channel:-1,cmd:-1,min_value:-1,max_value:-1};var c=this;this._learning=!1;this.addWidget("button","Learn","",function(){c._learning=!0;c.boxcolor="#FA3"});this.addInput("in",x.EVENT);this.addOutput("on_midi",x.EVENT);this.boxcolor="#AAA"}function D(){this.properties={channel:0,cmd:144,value1:1,value2:1};this.addInput("send",x.EVENT);this.addInput("assign",x.EVENT);this.addOutput("on_midi",
+x.EVENT);this.midi_event=new c;this.gate=!1}function z(){this.properties={cc:1,value:0};this.addOutput("value","number")}function G(){this.addInput("generate",x.ACTION);this.addInput("scale","string");this.addInput("octave","number");this.addOutput("note",x.EVENT);this.properties={notes:"A,A#,B,C,C#,D,D#,E,F,F#,G,G#",octave:2,duration:0.5,mode:"sequence"};this.notes_pitches=G.processScale(this.properties.notes);this.sequence_index=0}function A(){this.properties={amount:0};this.addInput("in",x.ACTION);
+this.addInput("amount","number");this.addOutput("out",x.EVENT);this.midi_event=new c}function E(){this.properties={scale:"A,A#,B,C,C#,D,D#,E,F,F#,G,G#"};this.addInput("note",x.ACTION);this.addInput("scale","string");this.addOutput("out",x.EVENT);this.valid_notes=Array(12);this.offset_notes=Array(12);this.processScale(this.properties.scale)}function f(){this.properties={url:"",autoplay:!0};this.addInput("play",x.ACTION);this.addInput("pause",x.ACTION);this.addOutput("note",x.EVENT);this._midi=null;
+this._current_time=0;this._playing=!1;"undefined"==typeof MidiParser&&(console.error("midi-parser.js not included, LGMidiPlay requires that library: https://raw.githubusercontent.com/colxi/midi-parser-js/master/src/main.js"),this.boxcolor="red")}function n(){this.properties={volume:0.5,duration:1};this.addInput("note",x.ACTION);this.addInput("volume","number");this.addInput("duration","number");this.addOutput("note",x.EVENT);"undefined"==typeof AudioSynth?(console.error("Audiosynth.js not included, LGMidiPlay requires that library"),
+this.boxcolor="red"):this.instrument=(this.synth=new AudioSynth).createInstrument("piano")}function I(){this.properties={num_octaves:2,start_octave:2};this.addInput("note",x.ACTION);this.addInput("reset",x.ACTION);this.addOutput("note",x.EVENT);this.size=[400,100];this.keys=[];this._last_key=-1}var x=B.LiteGraph;x.MIDIEvent=c;c.prototype.fromJSON=function(c){this.setup(c.data)};c.prototype.setup=function(f){var h=f;f.constructor===Object&&(h=f.data);this.data.set(h);this.status=f=h[0];h=f&240;this.cmd=
+240<=f?f:h;this.cmd==c.NOTEON&&0==this.velocity&&(this.cmd=c.NOTEOFF);this.cmd_str=c.commands[this.cmd]||"";if(h>=c.NOTEON||h<=c.NOTEOFF)this.channel=f&15};Object.defineProperty(c.prototype,"velocity",{get:function(){return this.cmd==c.NOTEON?this.data[2]:-1},set:function(c){this.data[2]=c},enumerable:!0});c.notes="A A# B C C# D D# E F F# G G#".split(" ");c.note_to_index={A:0,"A#":1,B:2,C:3,"C#":4,D:5,"D#":6,E:7,F:8,"F#":9,G:10,"G#":11};Object.defineProperty(c.prototype,"note",{get:function(){return this.cmd!=
 c.NOTEON?-1:c.toNoteString(this.data[1],!0)},set:function(c){throw"notes cannot be assigned this way, must modify the data[1]";},enumerable:!0});Object.defineProperty(c.prototype,"octave",{get:function(){return this.cmd!=c.NOTEON?-1:Math.floor((this.data[1]-24)/12+1)},set:function(c){throw"octave cannot be assigned this way, must modify the data[1]";},enumerable:!0});c.prototype.getPitch=function(){return 440*Math.pow(2,(this.data[1]-69)/12)};c.computePitch=function(c){return 440*Math.pow(2,(c-69)/
-12)};c.prototype.getCC=function(){return this.data[1]};c.prototype.getCCValue=function(){return this.data[2]};c.prototype.getPitchBend=function(){return this.data[1]+(this.data[2]<<7)-8192};c.computePitchBend=function(c,e){return c+(e<<7)-8192};c.prototype.setCommandFromString=function(e){this.cmd=c.computeCommandFromString(e)};c.computeCommandFromString=function(e){if(!e)return 0;if(e&&e.constructor===Number)return e;e=e.toUpperCase();switch(e){case "NOTE ON":case "NOTEON":return c.NOTEON;case "NOTE OFF":case "NOTEOFF":return c.NOTEON;
-case "KEY PRESSURE":case "KEYPRESSURE":return c.KEYPRESSURE;case "CONTROLLER CHANGE":case "CONTROLLERCHANGE":case "CC":return c.CONTROLLERCHANGE;case "PROGRAM CHANGE":case "PROGRAMCHANGE":case "PC":return c.PROGRAMCHANGE;case "CHANNEL PRESSURE":case "CHANNELPRESSURE":return c.CHANNELPRESSURE;case "PITCH BEND":case "PITCHBEND":return c.PITCHBEND;case "TIME TICK":case "TIMETICK":return c.TIMETICK;default:return Number(e)}};c.toNoteString=function(e,h){e=Math.round(e);var l,a=Math.floor((e-24)/12+1);
-l=(e-21)%12;0>l&&(l=12+l);return c.notes[l]+(h?"":a)};c.NoteStringToPitch=function(e){e=e.toUpperCase();var h=e[0],l=4;"#"==e[1]?(h+="#",2<e.length&&(l=Number(e[2]))):1<e.length&&(l=Number(e[1]));e=c.note_to_index[h];return null==e?null:12*(l-1)+e+21};c.prototype.toString=function(){var e=""+this.channel+". ";switch(this.cmd){case c.NOTEON:e+="NOTEON "+c.toNoteString(this.data[1]);break;case c.NOTEOFF:e+="NOTEOFF "+c.toNoteString(this.data[1]);break;case c.CONTROLLERCHANGE:e+="CC "+this.data[1]+" "+
-this.data[2];break;case c.PROGRAMCHANGE:e+="PC "+this.data[1];break;case c.PITCHBEND:e+="PITCHBEND "+this.getPitchBend();break;case c.KEYPRESSURE:e+="KEYPRESS "+this.data[1]}return e};c.prototype.toHexString=function(){for(var c="",e=0;e<this.data.length;e++)c+=this.data[e].toString(16)+" "};c.prototype.toJSON=function(){return{data:[this.data[0],this.data[1],this.data[2]],object_class:"MIDIEvent"}};c.NOTEOFF=128;c.NOTEON=144;c.KEYPRESSURE=160;c.CONTROLLERCHANGE=176;c.PROGRAMCHANGE=192;c.CHANNELPRESSURE=
+12)};c.prototype.getCC=function(){return this.data[1]};c.prototype.getCCValue=function(){return this.data[2]};c.prototype.getPitchBend=function(){return this.data[1]+(this.data[2]<<7)-8192};c.computePitchBend=function(c,f){return c+(f<<7)-8192};c.prototype.setCommandFromString=function(f){this.cmd=c.computeCommandFromString(f)};c.computeCommandFromString=function(f){if(!f)return 0;if(f&&f.constructor===Number)return f;f=f.toUpperCase();switch(f){case "NOTE ON":case "NOTEON":return c.NOTEON;case "NOTE OFF":case "NOTEOFF":return c.NOTEON;
+case "KEY PRESSURE":case "KEYPRESSURE":return c.KEYPRESSURE;case "CONTROLLER CHANGE":case "CONTROLLERCHANGE":case "CC":return c.CONTROLLERCHANGE;case "PROGRAM CHANGE":case "PROGRAMCHANGE":case "PC":return c.PROGRAMCHANGE;case "CHANNEL PRESSURE":case "CHANNELPRESSURE":return c.CHANNELPRESSURE;case "PITCH BEND":case "PITCHBEND":return c.PITCHBEND;case "TIME TICK":case "TIMETICK":return c.TIMETICK;default:return Number(f)}};c.toNoteString=function(f,h){f=Math.round(f);var l,a=Math.floor((f-24)/12+1);
+l=(f-21)%12;0>l&&(l=12+l);return c.notes[l]+(h?"":a)};c.NoteStringToPitch=function(f){f=f.toUpperCase();var h=f[0],l=4;"#"==f[1]?(h+="#",2<f.length&&(l=Number(f[2]))):1<f.length&&(l=Number(f[1]));f=c.note_to_index[h];return null==f?null:12*(l-1)+f+21};c.prototype.toString=function(){var f=""+this.channel+". ";switch(this.cmd){case c.NOTEON:f+="NOTEON "+c.toNoteString(this.data[1]);break;case c.NOTEOFF:f+="NOTEOFF "+c.toNoteString(this.data[1]);break;case c.CONTROLLERCHANGE:f+="CC "+this.data[1]+" "+
+this.data[2];break;case c.PROGRAMCHANGE:f+="PC "+this.data[1];break;case c.PITCHBEND:f+="PITCHBEND "+this.getPitchBend();break;case c.KEYPRESSURE:f+="KEYPRESS "+this.data[1]}return f};c.prototype.toHexString=function(){for(var c="",f=0;f<this.data.length;f++)c+=this.data[f].toString(16)+" "};c.prototype.toJSON=function(){return{data:[this.data[0],this.data[1],this.data[2]],object_class:"MIDIEvent"}};c.NOTEOFF=128;c.NOTEON=144;c.KEYPRESSURE=160;c.CONTROLLERCHANGE=176;c.PROGRAMCHANGE=192;c.CHANNELPRESSURE=
 208;c.PITCHBEND=224;c.TIMETICK=248;c.commands={128:"note off",144:"note on",160:"key pressure",176:"controller change",192:"program change",208:"channel pressure",224:"pitch bend",240:"system",242:"Song pos",243:"Song select",246:"Tune request",248:"time tick",250:"Start Song",251:"Continue Song",252:"Stop Song",254:"Sensing",255:"Reset"};c.commands_short={128:"NOTEOFF",144:"NOTEOFF",160:"KEYP",176:"CC",192:"PC",208:"CP",224:"PB",240:"SYS",242:"POS",243:"SELECT",246:"TUNEREQ",248:"TT",250:"START",
-251:"CONTINUE",252:"STOP",254:"SENS",255:"RESET"};c.commands_reversed={};for(var L in c.commands)c.commands_reversed[c.commands[L]]=L;k.input=null;k.MIDIEvent=c;k.prototype.onMIDISuccess=function(c){console.log("MIDI ready!");console.log(c);this.midi=c;this.updatePorts();if(this.on_ready)this.on_ready(this)};k.prototype.updatePorts=function(){var c=this.midi;this.input_ports=c.inputs;this.input_ports_info=[];this.output_ports=c.outputs;this.output_ports_info=[];for(var c=0,e=this.input_ports.values(),
-l=e.next();l&&!1===l.done;)l=l.value,this.input_ports_info.push(l),console.log("Input port [type:'"+l.type+"'] id:'"+l.id+"' manufacturer:'"+l.manufacturer+"' name:'"+l.name+"' version:'"+l.version+"'"),c++,l=e.next();this.num_input_ports=c;c=0;e=this.output_ports.values();for(l=e.next();l&&!1===l.done;)l=l.value,this.output_ports_info.push(l),console.log("Output port [type:'"+l.type+"'] id:'"+l.id+"' manufacturer:'"+l.manufacturer+"' name:'"+l.name+"' version:'"+l.version+"'"),c++,l=e.next();this.num_output_ports=
-c};k.prototype.onMIDIFailure=function(c){console.error("Failed to get MIDI access - "+c)};k.prototype.openInputPort=function(e,h){var l=this.input_ports.get("input-"+e);if(!l)return!1;k.input=this;var a=this;l.onmidimessage=function(b){var d=new c(b.data);a.updateState(d);h&&h(b.data,d);if(k.on_message)k.on_message(b.data,d)};console.log("port open: ",l);return!0};k.parseMsg=function(c){};k.prototype.updateState=function(e){switch(e.cmd){case c.NOTEON:this.state.note[e.value1|0]=e.value2;break;case c.NOTEOFF:this.state.note[e.value1|
-0]=0;break;case c.CONTROLLERCHANGE:this.state.cc[e.getCC()]=e.getCCValue()}};k.prototype.sendMIDI=function(e,h){if(h){var l=this.output_ports_info[e];l&&(k.output=this,h.constructor===c?l.send(h.data):l.send(h))}};u.MIDIInterface=k;u.title="MIDI Input";u.desc="Reads MIDI from a input port";u.color="#243";u.prototype.getPropertyInfo=function(c){if(this._midi&&"port"==c){c={};for(var e=0;e<this._midi.input_ports_info.length;++e){var l=this._midi.input_ports_info[e];c[e]=e+".- "+l.name+" version:"+l.version}return{type:"enum",
-values:c}}};u.prototype.onStart=function(){this._midi?this._midi.openInputPort(this.properties.port,this.onMIDIEvent.bind(this)):this._waiting=!0};u.prototype.onMIDIEvent=function(e,h){this._last_midi_event=h;this.boxcolor="#AFA";this._last_time=w.getTime();this.trigger("on_midi",h);h.cmd==c.NOTEON?this.trigger("on_noteon",h):h.cmd==c.NOTEOFF?this.trigger("on_noteoff",h):h.cmd==c.CONTROLLERCHANGE?this.trigger("on_cc",h):h.cmd==c.PROGRAMCHANGE?this.trigger("on_pc",h):h.cmd==c.PITCHBEND&&this.trigger("on_pitchbend",
-h)};u.prototype.onDrawBackground=function(c){this.boxcolor="#AAA";if(!this.flags.collapsed&&this._last_midi_event){c.fillStyle="white";var e=w.getTime(),e=1-Math.max(0,0.001*(e-this._last_time));if(0<e){var l=c.globalAlpha;c.globalAlpha*=e;c.font="12px Tahoma";c.fillText(this._last_midi_event.toString(),2,0.5*this.size[1]+3);c.globalAlpha=l}}};u.prototype.onExecute=function(){if(this.outputs)for(var c=this._last_midi_event,e=0;e<this.outputs.length;++e){var l=null;switch(this.outputs[e].name){case "midi":l=
-this._midi;break;case "last_midi":l=c;break;default:continue}this.setOutputData(e,l)}};u.prototype.onGetOutputs=function(){return[["last_midi","midi"],["on_midi",w.EVENT],["on_noteon",w.EVENT],["on_noteoff",w.EVENT],["on_cc",w.EVENT],["on_pc",w.EVENT],["on_pitchbend",w.EVENT]]};w.registerNodeType("midi/input",u);s.MIDIInterface=k;s.title="MIDI Output";s.desc="Sends MIDI to output channel";s.color="#243";s.prototype.onGetPropertyInfo=function(c){if(this._midi&&"port"==c)return{type:"enum",values:this.getMIDIOutputs()}};
-s.default_ports={0:"unknown"};s.prototype.getMIDIOutputs=function(){var c={};if(!this._midi)return s.default_ports;if(this._midi.output_ports_info)for(var e=0;e<this._midi.output_ports_info.length;++e){var l=this._midi.output_ports_info[e];l&&(c[e]=e+".- "+l.name+" version:"+l.version)}return c};s.prototype.onAction=function(c,e){this._midi&&("send"==c&&this._midi.sendMIDI(this.properties.port,e),this.trigger("midi",e))};s.prototype.onGetInputs=function(){return[["send",w.ACTION]]};s.prototype.onGetOutputs=
-function(){return[["on_midi",w.EVENT]]};w.registerNodeType("midi/output",s);t.title="MIDI Show";t.desc="Shows MIDI in the graph";t.color="#243";t.prototype.getTitle=function(){return this.flags.collapsed?this._str:this.title};t.prototype.onAction=function(e,h){h&&(this._str=h.constructor===c?h.toString():"???")};t.prototype.onDrawForeground=function(c){this._str&&!this.flags.collapsed&&(c.font="30px Arial",c.fillText(this._str,10,0.8*this.size[1]))};t.prototype.onGetInputs=function(){return[["in",
-w.ACTION]]};t.prototype.onGetOutputs=function(){return[["on_midi",w.EVENT]]};w.registerNodeType("midi/show",t);h.title="MIDI Filter";h.desc="Filters MIDI messages";h.color="#243";h["@cmd"]={type:"enum",title:"Command",values:c.commands_reversed};h.prototype.getTitle=function(){var e=null,e=-1==this.properties.cmd?"Nothing":c.commands_short[this.properties.cmd]||"Unknown";-1!=this.properties.min_value&&-1!=this.properties.max_value&&(e+=" "+(this.properties.min_value==this.properties.max_value?this.properties.max_value:
-this.properties.min_value+".."+this.properties.max_value));return"Filter: "+e};h.prototype.onPropertyChanged=function(e,h){if("cmd"==e){var l=Number(h);isNaN(l)&&(l=c.commands[h]||0);this.properties.cmd=l}};h.prototype.onAction=function(e,h){if(h&&h.constructor===c){if(this._learning)this._learning=!1,this.boxcolor="#AAA",this.properties.channel=h.channel,this.properties.cmd=h.cmd,this.properties.min_value=this.properties.max_value=h.data[1];else if(-1!=this.properties.channel&&h.channel!=this.properties.channel||
--1!=this.properties.cmd&&h.cmd!=this.properties.cmd||-1!=this.properties.min_value&&h.data[1]<this.properties.min_value||-1!=this.properties.max_value&&h.data[1]>this.properties.max_value)return;this.trigger("on_midi",h)}};w.registerNodeType("midi/filter",h);C.title="MIDIEvent";C.desc="Create a MIDI Event";C.color="#243";C.prototype.onAction=function(e,h){"assign"==e?(this.properties.channel=h.channel,this.properties.cmd=h.cmd,this.properties.value1=h.data[1],this.properties.value2=h.data[2],h.cmd==
-c.NOTEON?this.gate=!0:h.cmd==c.NOTEOFF&&(this.gate=!1)):(h=this.midi_event,h.channel=this.properties.channel,this.properties.cmd&&this.properties.cmd.constructor===String?h.setCommandFromString(this.properties.cmd):h.cmd=this.properties.cmd,h.data[0]=h.cmd|h.channel,h.data[1]=Number(this.properties.value1),h.data[2]=Number(this.properties.value2),this.trigger("on_midi",h))};C.prototype.onExecute=function(){var e=this.properties;if(this.inputs)for(var h=0;h<this.inputs.length;++h){var l=this.inputs[h];
+251:"CONTINUE",252:"STOP",254:"SENS",255:"RESET"};c.commands_reversed={};for(var L in c.commands)c.commands_reversed[c.commands[L]]=L;k.input=null;k.MIDIEvent=c;k.prototype.onMIDISuccess=function(c){console.log("MIDI ready!");console.log(c);this.midi=c;this.updatePorts();if(this.on_ready)this.on_ready(this)};k.prototype.updatePorts=function(){var c=this.midi;this.input_ports=c.inputs;this.input_ports_info=[];this.output_ports=c.outputs;this.output_ports_info=[];for(var c=0,f=this.input_ports.values(),
+l=f.next();l&&!1===l.done;)l=l.value,this.input_ports_info.push(l),console.log("Input port [type:'"+l.type+"'] id:'"+l.id+"' manufacturer:'"+l.manufacturer+"' name:'"+l.name+"' version:'"+l.version+"'"),c++,l=f.next();this.num_input_ports=c;c=0;f=this.output_ports.values();for(l=f.next();l&&!1===l.done;)l=l.value,this.output_ports_info.push(l),console.log("Output port [type:'"+l.type+"'] id:'"+l.id+"' manufacturer:'"+l.manufacturer+"' name:'"+l.name+"' version:'"+l.version+"'"),c++,l=f.next();this.num_output_ports=
+c};k.prototype.onMIDIFailure=function(c){console.error("Failed to get MIDI access - "+c)};k.prototype.openInputPort=function(f,h){var l=this.input_ports.get("input-"+f);if(!l)return!1;k.input=this;var a=this;l.onmidimessage=function(b){var d=new c(b.data);a.updateState(d);h&&h(b.data,d);if(k.on_message)k.on_message(b.data,d)};console.log("port open: ",l);return!0};k.parseMsg=function(c){};k.prototype.updateState=function(f){switch(f.cmd){case c.NOTEON:this.state.note[f.value1|0]=f.value2;break;case c.NOTEOFF:this.state.note[f.value1|
+0]=0;break;case c.CONTROLLERCHANGE:this.state.cc[f.getCC()]=f.getCCValue()}};k.prototype.sendMIDI=function(f,h){if(h){var l=this.output_ports_info[f];l&&(k.output=this,h.constructor===c?l.send(h.data):l.send(h))}};v.MIDIInterface=k;v.title="MIDI Input";v.desc="Reads MIDI from a input port";v.color="#243";v.prototype.getPropertyInfo=function(c){if(this._midi&&"port"==c){c={};for(var f=0;f<this._midi.input_ports_info.length;++f){var l=this._midi.input_ports_info[f];c[f]=f+".- "+l.name+" version:"+l.version}return{type:"enum",
+values:c}}};v.prototype.onStart=function(){this._midi?this._midi.openInputPort(this.properties.port,this.onMIDIEvent.bind(this)):this._waiting=!0};v.prototype.onMIDIEvent=function(f,h){this._last_midi_event=h;this.boxcolor="#AFA";this._last_time=x.getTime();this.trigger("on_midi",h);h.cmd==c.NOTEON?this.trigger("on_noteon",h):h.cmd==c.NOTEOFF?this.trigger("on_noteoff",h):h.cmd==c.CONTROLLERCHANGE?this.trigger("on_cc",h):h.cmd==c.PROGRAMCHANGE?this.trigger("on_pc",h):h.cmd==c.PITCHBEND&&this.trigger("on_pitchbend",
+h)};v.prototype.onDrawBackground=function(c){this.boxcolor="#AAA";if(!this.flags.collapsed&&this._last_midi_event){c.fillStyle="white";var f=x.getTime(),f=1-Math.max(0,0.001*(f-this._last_time));if(0<f){var l=c.globalAlpha;c.globalAlpha*=f;c.font="12px Tahoma";c.fillText(this._last_midi_event.toString(),2,0.5*this.size[1]+3);c.globalAlpha=l}}};v.prototype.onExecute=function(){if(this.outputs)for(var c=this._last_midi_event,f=0;f<this.outputs.length;++f){var l=null;switch(this.outputs[f].name){case "midi":l=
+this._midi;break;case "last_midi":l=c;break;default:continue}this.setOutputData(f,l)}};v.prototype.onGetOutputs=function(){return[["last_midi","midi"],["on_midi",x.EVENT],["on_noteon",x.EVENT],["on_noteoff",x.EVENT],["on_cc",x.EVENT],["on_pc",x.EVENT],["on_pitchbend",x.EVENT]]};x.registerNodeType("midi/input",v);r.MIDIInterface=k;r.title="MIDI Output";r.desc="Sends MIDI to output channel";r.color="#243";r.prototype.onGetPropertyInfo=function(c){if(this._midi&&"port"==c)return{type:"enum",values:this.getMIDIOutputs()}};
+r.default_ports={0:"unknown"};r.prototype.getMIDIOutputs=function(){var c={};if(!this._midi)return r.default_ports;if(this._midi.output_ports_info)for(var f=0;f<this._midi.output_ports_info.length;++f){var l=this._midi.output_ports_info[f];l&&(c[f]=f+".- "+l.name+" version:"+l.version)}return c};r.prototype.onAction=function(c,f){this._midi&&("send"==c&&this._midi.sendMIDI(this.properties.port,f),this.trigger("midi",f))};r.prototype.onGetInputs=function(){return[["send",x.ACTION]]};r.prototype.onGetOutputs=
+function(){return[["on_midi",x.EVENT]]};x.registerNodeType("midi/output",r);t.title="MIDI Show";t.desc="Shows MIDI in the graph";t.color="#243";t.prototype.getTitle=function(){return this.flags.collapsed?this._str:this.title};t.prototype.onAction=function(f,h){h&&(this._str=h.constructor===c?h.toString():"???")};t.prototype.onDrawForeground=function(c){this._str&&!this.flags.collapsed&&(c.font="30px Arial",c.fillText(this._str,10,0.8*this.size[1]))};t.prototype.onGetInputs=function(){return[["in",
+x.ACTION]]};t.prototype.onGetOutputs=function(){return[["on_midi",x.EVENT]]};x.registerNodeType("midi/show",t);h.title="MIDI Filter";h.desc="Filters MIDI messages";h.color="#243";h["@cmd"]={type:"enum",title:"Command",values:c.commands_reversed};h.prototype.getTitle=function(){var f=null,f=-1==this.properties.cmd?"Nothing":c.commands_short[this.properties.cmd]||"Unknown";-1!=this.properties.min_value&&-1!=this.properties.max_value&&(f+=" "+(this.properties.min_value==this.properties.max_value?this.properties.max_value:
+this.properties.min_value+".."+this.properties.max_value));return"Filter: "+f};h.prototype.onPropertyChanged=function(f,h){if("cmd"==f){var l=Number(h);isNaN(l)&&(l=c.commands[h]||0);this.properties.cmd=l}};h.prototype.onAction=function(f,h){if(h&&h.constructor===c){if(this._learning)this._learning=!1,this.boxcolor="#AAA",this.properties.channel=h.channel,this.properties.cmd=h.cmd,this.properties.min_value=this.properties.max_value=h.data[1];else if(-1!=this.properties.channel&&h.channel!=this.properties.channel||
+-1!=this.properties.cmd&&h.cmd!=this.properties.cmd||-1!=this.properties.min_value&&h.data[1]<this.properties.min_value||-1!=this.properties.max_value&&h.data[1]>this.properties.max_value)return;this.trigger("on_midi",h)}};x.registerNodeType("midi/filter",h);D.title="MIDIEvent";D.desc="Create a MIDI Event";D.color="#243";D.prototype.onAction=function(f,h){"assign"==f?(this.properties.channel=h.channel,this.properties.cmd=h.cmd,this.properties.value1=h.data[1],this.properties.value2=h.data[2],h.cmd==
+c.NOTEON?this.gate=!0:h.cmd==c.NOTEOFF&&(this.gate=!1)):(h=this.midi_event,h.channel=this.properties.channel,this.properties.cmd&&this.properties.cmd.constructor===String?h.setCommandFromString(this.properties.cmd):h.cmd=this.properties.cmd,h.data[0]=h.cmd|h.channel,h.data[1]=Number(this.properties.value1),h.data[2]=Number(this.properties.value2),this.trigger("on_midi",h))};D.prototype.onExecute=function(){var f=this.properties;if(this.inputs)for(var h=0;h<this.inputs.length;++h){var l=this.inputs[h];
 if(-1!=l.link)switch(l.name){case "note":l=this.getInputData(h);null!=l&&(l.constructor===String&&(l=c.NoteStringToPitch(l)),this.properties.value1=(l|0)%255);break;case "cmd":l=this.getInputData(h);null!=l&&(this.properties.cmd=l);break;case "value1":l=this.getInputData(h);null!=l&&(this.properties.value1=Math.clamp(l|0,0,127));break;case "value2":l=this.getInputData(h),null!=l&&(this.properties.value2=Math.clamp(l|0,0,127))}}if(this.outputs)for(h=0;h<this.outputs.length;++h){switch(this.outputs[h].name){case "midi":l=
-new c;l.setup([e.cmd,e.value1,e.value2]);l.channel=e.channel;break;case "command":l=e.cmd;break;case "cc":l=e.value1;break;case "cc_value":l=e.value2;break;case "note":l=e.cmd==c.NOTEON||e.cmd==c.NOTEOFF?e.value1:null;break;case "velocity":l=e.cmd==c.NOTEON?e.value2:null;break;case "pitch":l=e.cmd==c.NOTEON?c.computePitch(e.value1):null;break;case "pitchbend":l=e.cmd==c.PITCHBEND?c.computePitchBend(e.value1,e.value2):null;break;case "gate":l=this.gate;break;default:continue}null!==l&&this.setOutputData(h,
-l)}};C.prototype.onPropertyChanged=function(e,h){"cmd"==e&&(this.properties.cmd=c.computeCommandFromString(h))};C.prototype.onGetInputs=function(){return[["cmd","number"],["note","number"],["value1","number"],["value2","number"]]};C.prototype.onGetOutputs=function(){return[["midi","midi"],["on_midi",w.EVENT],["command","number"],["note","number"],["velocity","number"],["cc","number"],["cc_value","number"],["pitch","number"],["gate","bool"],["pitchbend","number"]]};w.registerNodeType("midi/event",
-C);y.title="MIDICC";y.desc="gets a Controller Change";y.color="#243";y.prototype.onExecute=function(){k.input&&(this.properties.value=k.input.state.cc[this.properties.cc]);this.setOutputData(0,this.properties.value)};w.registerNodeType("midi/cc",y);G.title="MIDI Generator";G.desc="Generates a random MIDI note";G.color="#243";G.processScale=function(e){e=e.split(",");for(var h=0;h<e.length;++h){var l=e[h];e[h]=2==l.length&&"#"!=l[1]||2<l.length?-w.MIDIEvent.NoteStringToPitch(l):c.note_to_index[l]||
-0}return e};G.prototype.onPropertyChanged=function(c,e){"notes"==c&&(this.notes_pitches=G.processScale(e))};G.prototype.onExecute=function(){var c=this.getInputData(2);null!=c&&(this.properties.octave=c);if(c=this.getInputData(1))this.notes_pitches=G.processScale(c)};G.prototype.onAction=function(e,h){var l=0,a=this.notes_pitches.length,b=0;"sequence"==this.properties.mode?b=this.sequence_index=(this.sequence_index+1)%a:"random"==this.properties.mode&&(b=Math.floor(Math.random()*a));a=this.notes_pitches[b];
-l=0<=a?a+12*(this.properties.octave-1)+33:-a;h=new c;h.setup([c.NOTEON,l,10]);a=this.properties.duration||1;this.trigger("note",h);setTimeout(function(){var a=new c;a.setup([c.NOTEOFF,l,0]);this.trigger("note",a)}.bind(this),1E3*a)};w.registerNodeType("midi/generator",G);A.title="MIDI Transpose";A.desc="Transpose a MIDI note";A.color="#243";A.prototype.onAction=function(e,h){h&&h.constructor===c&&(h.data[0]==c.NOTEON||h.data[0]==c.NOTEOFF?(this.midi_event=new c,this.midi_event.setup(h.data),this.midi_event.data[1]=
-Math.round(this.midi_event.data[1]+this.properties.amount),this.trigger("out",this.midi_event)):this.trigger("out",h))};A.prototype.onExecute=function(){var c=this.getInputData(1);null!=c&&(this.properties.amount=c)};w.registerNodeType("midi/transpose",A);D.title="MIDI Quantize Pitch";D.desc="Transpose a MIDI note tp fit an scale";D.color="#243";D.prototype.onPropertyChanged=function(c,e){"scale"==c&&this.processScale(e)};D.prototype.processScale=function(c){this._current_scale=c;this.notes_pitches=
-G.processScale(c);for(c=0;12>c;++c)this.valid_notes[c]=-1!=this.notes_pitches.indexOf(c);for(c=0;12>c;++c)if(this.valid_notes[c])this.offset_notes[c]=0;else for(var e=1;12>e;++e){if(this.valid_notes[(c-e)%12]){this.offset_notes[c]=-e;break}if(this.valid_notes[(c+e)%12]){this.offset_notes[c]=e;break}}};D.prototype.onAction=function(e,h){h&&h.constructor===c&&(h.data[0]==c.NOTEON||h.data[0]==c.NOTEOFF?(this.midi_event=new c,this.midi_event.setup(h.data),this.midi_event.data[1]+=this.offset_notes[c.note_to_index[h.note]],
-this.trigger("out",this.midi_event)):this.trigger("out",h))};D.prototype.onExecute=function(){var c=this.getInputData(1);null!=c&&c!=this._current_scale&&this.processScale(c)};w.registerNodeType("midi/quantize",D);e.title="MIDI fromFile";e.desc="Plays a MIDI file";e.color="#243";e.prototype.onAction=function(c){"play"==c?this.play():"pause"==c&&(this._playing=!this._playing)};e.prototype.onPropertyChanged=function(c,e){"url"==c&&this.loadMIDIFile(e)};e.prototype.onExecute=function(){if(this._midi&&
-this._playing){this._current_time+=this.graph.elapsed_time;for(var e=100*this._current_time,h=0;h<this._midi.tracks;++h){var l=this._midi.track[h];l._last_pos||(l._last_pos=0,l._time=0);var a=l.event[l._last_pos];if(a&&l._time+a.deltaTime<=e&&(l._last_pos++,l._time+=a.deltaTime,a.data)){var l=a.type<<4+a.channel,b=new c;b.setup([l,a.data[0],a.data[1]]);this.trigger("note",b)}}}};e.prototype.play=function(){this._playing=!0;this._current_time=0;if(this._midi)for(var c=0;c<this._midi.tracks;++c){var e=
-this._midi.track[c];e._last_pos=0;e._time=0}};e.prototype.loadMIDIFile=function(c){var e=this;w.fetchFile(c,"arraybuffer",function(c){e.boxcolor="#AFA";e._midi=MidiParser.parse(new Uint8Array(c));e.properties.autoplay&&e.play()},function(c){e.boxcolor="#FAA";e._midi=null})};e.prototype.onDropFile=function(c){this.properties.url="";this.loadMIDIFile(c)};w.registerNodeType("midi/fromFile",e);q.title="MIDI Play";q.desc="Plays a MIDI note";q.color="#243";q.prototype.onAction=function(e,h){if(h&&h.constructor===
-c){if(this.instrument&&h.data[0]==c.NOTEON){var l=h.note;if(!l||"undefined"==l||l.constructor!==String)return;this.instrument.play(l,h.octave,this.properties.duration,this.properties.volume)}this.trigger("note",h)}};q.prototype.onExecute=function(){var c=this.getInputData(1);null!=c&&(this.properties.volume=c);c=this.getInputData(2);null!=c&&(this.properties.duration=c)};w.registerNodeType("midi/play",q);H.title="MIDI Keys";H.desc="Keyboard to play notes";H.color="#243";H.keys=[{x:0,w:1,h:1,t:0},
-{x:0.75,w:0.5,h:0.6,t:1},{x:1,w:1,h:1,t:0},{x:1.75,w:0.5,h:0.6,t:1},{x:2,w:1,h:1,t:0},{x:2.75,w:0.5,h:0.6,t:1},{x:3,w:1,h:1,t:0},{x:4,w:1,h:1,t:0},{x:4.75,w:0.5,h:0.6,t:1},{x:5,w:1,h:1,t:0},{x:5.75,w:0.5,h:0.6,t:1},{x:6,w:1,h:1,t:0}];H.prototype.onDrawForeground=function(c){if(!this.flags.collapsed){var e=12*this.properties.num_octaves;this.keys.length=e;var h=this.size[0]/(7*this.properties.num_octaves),a=this.size[1];c.globalAlpha=1;for(var b=0;2>b;b++)for(var d=0;d<e;++d){var g=H.keys[d%12];if(g.t==
-b){var f=7*Math.floor(d/12)*h+g.x*h;c.fillStyle=0==b?this.keys[d]?"#CCC":"white":this.keys[d]?"#333":"black";c.fillRect(f+1,0,h*g.w-2,a*g.h)}}}};H.prototype.getKeyIndex=function(c){for(var e=this.size[0]/(7*this.properties.num_octaves),h=this.size[1],a=1;0<=a;a--)for(var b=0;b<this.keys.length;++b){var d=H.keys[b%12];if(d.t==a){var g=7*Math.floor(b/12)*e+d.x*e,f=e*d.w,d=h*d.h;if(!(c[0]<g||c[0]>g+f||c[1]>d))return b}}return-1};H.prototype.onAction=function(e,h){if("reset"==e)for(var l=0;l<this.keys.length;++l)this.keys[l]=
-!1;else h&&h.constructor===c&&(l=h.data[1]-(12*(this.properties.start_octave-1)+29),0<=l&&l<this.keys.length&&(h.data[0]==c.NOTEON?this.keys[l]=!0:h.data[0]==c.NOTEOFF&&(this.keys[l]=!1)),this.trigger("note",h))};H.prototype.onMouseDown=function(e,h){if(!(0>h[1])){var l=this.getKeyIndex(h);this.keys[l]=!0;this._last_key=l;var l=12*(this.properties.start_octave-1)+29+l,a=new c;a.setup([c.NOTEON,l,100]);this.trigger("note",a);return!0}};H.prototype.onMouseMove=function(e,h){if(!(0>h[1]||-1==this._last_key)){this.setDirtyCanvas(!0);
-var l=this.getKeyIndex(h);if(this._last_key==l)return!0;this.keys[this._last_key]=!1;var a=12*(this.properties.start_octave-1)+29+this._last_key,b=new c;b.setup([c.NOTEOFF,a,100]);this.trigger("note",b);this.keys[l]=!0;a=12*(this.properties.start_octave-1)+29+l;b=new c;b.setup([c.NOTEON,a,100]);this.trigger("note",b);this._last_key=l;return!0}};H.prototype.onMouseUp=function(e,h){if(!(0>h[1])){var l=this.getKeyIndex(h);this.keys[l]=!1;this._last_key=-1;var l=12*(this.properties.start_octave-1)+29+
-l,a=new c;a.setup([c.NOTEOFF,l,100]);this.trigger("note",a);return!0}};w.registerNodeType("midi/keys",H)})(this);
-(function(B){function c(){this.properties={src:"",gain:0.5,loop:!0,autoplay:!0,playbackRate:1};this._loading_audio=!1;this._audiobuffer=null;this._audionodes=[];this._last_sourcenode=null;this.addOutput("out","audio");this.addInput("gain","number");this.audionode=v.getAudioContext().createGain();this.audionode.graphnode=this;this.audionode.gain.value=this.properties.gain;this.properties.src&&this.loadSound(this.properties.src)}function k(){this.properties={gain:0.5};this._audionodes=[];this._media_stream=
-null;this.addOutput("out","audio");this.addInput("gain","number");this.audionode=v.getAudioContext().createGain();this.audionode.graphnode=this;this.audionode.gain.value=this.properties.gain}function u(){this.properties={fftSize:2048,minDecibels:-100,maxDecibels:-10,smoothingTimeConstant:0.5};this.audionode=v.getAudioContext().createAnalyser();this.audionode.graphnode=this;this.audionode.fftSize=this.properties.fftSize;this.audionode.minDecibels=this.properties.minDecibels;this.audionode.maxDecibels=
-this.properties.maxDecibels;this.audionode.smoothingTimeConstant=this.properties.smoothingTimeConstant;this.addInput("in","audio");this.addOutput("freqs","array");this.addOutput("samples","array");this._time_bin=this._freq_bin=null}function s(){this.properties={gain:1};this.audionode=v.getAudioContext().createGain();this.addInput("in","audio");this.addInput("gain","number");this.addOutput("out","audio")}function t(){this.properties={impulse_src:"",normalize:!0};this.audionode=v.getAudioContext().createConvolver();
-this.addInput("in","audio");this.addOutput("out","audio")}function h(){this.properties={threshold:-50,knee:40,ratio:12,reduction:-20,attack:0,release:0.25};this.audionode=v.getAudioContext().createDynamicsCompressor();this.addInput("in","audio");this.addOutput("out","audio")}function C(){this.properties={};this.audionode=v.getAudioContext().createWaveShaper();this.addInput("in","audio");this.addInput("shape","waveshape");this.addOutput("out","audio")}function y(){this.properties={gain1:0.5,gain2:0.5};
-this.audionode=v.getAudioContext().createGain();this.audionode1=v.getAudioContext().createGain();this.audionode1.gain.value=this.properties.gain1;this.audionode2=v.getAudioContext().createGain();this.audionode2.gain.value=this.properties.gain2;this.audionode1.connect(this.audionode);this.audionode2.connect(this.audionode);this.addInput("in1","audio");this.addInput("in1 gain","number");this.addInput("in2","audio");this.addInput("in2 gain","number");this.addOutput("out","audio")}function G(){this.properties=
-{A:0.1,D:0.1,S:0.1,R:0.1};this.audionode=v.getAudioContext().createGain();this.audionode.gain.value=0;this.addInput("in","audio");this.addInput("gate","bool");this.addOutput("out","audio");this.gate=!1}function A(){this.properties={delayTime:0.5};this.audionode=v.getAudioContext().createDelay(10);this.audionode.delayTime.value=this.properties.delayTime;this.addInput("in","audio");this.addInput("time","number");this.addOutput("out","audio")}function D(){this.properties={frequency:350,detune:0,Q:1};
-this.addProperty("type","lowpass","enum",{values:"lowpass highpass bandpass lowshelf highshelf peaking notch allpass".split(" ")});this.audionode=v.getAudioContext().createBiquadFilter();this.addInput("in","audio");this.addOutput("out","audio")}function e(){this.properties={frequency:440,detune:0,type:"sine"};this.addProperty("type","sine","enum",{values:["sine","square","sawtooth","triangle","custom"]});this.audionode=v.getAudioContext().createOscillator();this.addOutput("out","audio")}function q(){this.properties=
-{continuous:!0,mark:-1};this.addInput("data","array");this.addInput("mark","number");this.size=[300,200];this._last_buffer=null}function H(){this.properties={band:440,amplitude:1};this.addInput("freqs","array");this.addOutput("signal","number")}function w(){if(!w.default_code){var c=w.default_function.toString(),a=c.indexOf("{")+1,b=c.lastIndexOf("}");w.default_code=c.substr(a,b-a)}this.properties={code:w.default_code};c=v.getAudioContext();c.createScriptProcessor?this.audionode=c.createScriptProcessor(4096,
-1,1):(console.warn("ScriptProcessorNode deprecated"),this.audionode=c.createGain());this.processCode();w._bypass_function||(w._bypass_function=this.audionode.onaudioprocess);this.addInput("in","audio");this.addOutput("out","audio")}function L(){this.audionode=v.getAudioContext().destination;this.addInput("in","audio")}var n=B.LiteGraph,v={};B.LGAudio=v;v.getAudioContext=function(){if(!this._audio_context){window.AudioContext=window.AudioContext||window.webkitAudioContext;if(!window.AudioContext)return console.error("AudioContext not supported by browser"),
-null;this._audio_context=new AudioContext;this._audio_context.onmessage=function(c){console.log("msg",c)};this._audio_context.onended=function(c){console.log("ended",c)};this._audio_context.oncomplete=function(c){console.log("complete",c)}}return this._audio_context};v.connect=function(c,a){try{c.connect(a)}catch(b){console.warn("LGraphAudio:",b)}};v.disconnect=function(c,a){try{c.disconnect(a)}catch(b){console.warn("LGraphAudio:",b)}};v.changeAllAudiosConnections=function(c,a){if(c.inputs)for(var b=
-0;b<c.inputs.length;++b){var d=c.graph.links[c.inputs[b].link];if(d){var e=c.graph.getNodeById(d.origin_id),f=null,f=e.getAudioNodeInOutputSlot?e.getAudioNodeInOutputSlot(d.origin_slot):e.audionode,d=null,d=c.getAudioNodeInInputSlot?c.getAudioNodeInInputSlot(b):c.audionode;a?v.connect(f,d):v.disconnect(f,d)}}if(c.outputs)for(b=0;b<c.outputs.length;++b)for(var e=c.outputs[b],h=0;h<e.links.length;++h)if(d=c.graph.links[e.links[h]]){var f=c.getAudioNodeInOutputSlot?c.getAudioNodeInOutputSlot(b):c.audionode,
-k=c.graph.getNodeById(d.target_id),d=k.getAudioNodeInInputSlot?k.getAudioNodeInInputSlot(d.target_slot):k.audionode;a?v.connect(f,d):v.disconnect(f,d)}};v.onConnectionsChange=function(c,a,b,d){if(c==n.OUTPUT&&(c=null,d&&(c=this.graph.getNodeById(d.target_id)),c)){var e=null,e=this.getAudioNodeInOutputSlot?this.getAudioNodeInOutputSlot(a):this.audionode;a=null;a=c.getAudioNodeInInputSlot?c.getAudioNodeInInputSlot(d.target_slot):c.audionode;b?v.connect(e,a):v.disconnect(e,a)}};v.createAudioNodeWrapper=
-function(c){var a=c.prototype.onPropertyChanged;c.prototype.onPropertyChanged=function(b,c){a&&a.call(this,b,c);this.audionode&&void 0!==this.audionode[b]&&(void 0!==this.audionode[b].value?this.audionode[b].value=c:this.audionode[b]=c)};c.prototype.onConnectionsChange=v.onConnectionsChange};v.cached_audios={};v.loadSound=function(c,a,b){function d(a){console.log("Audio loading sample error:",a);b&&b(a)}if(v.cached_audios[c]&&-1==c.indexOf("blob:"))a&&a(v.cached_audios[c]);else{v.onProcessAudioURL&&
-(c=v.onProcessAudioURL(c));var e=new XMLHttpRequest;e.open("GET",c,!0);e.responseType="arraybuffer";var f=v.getAudioContext();e.onload=function(){console.log("AudioSource loaded");f.decodeAudioData(e.response,function(b){console.log("AudioSource decoded");v.cached_audios[c]=b;a&&a(b)},d)};e.send();return e}};c.desc="Plays an audio file";c["@src"]={widget:"resource"};c.supported_extensions=["wav","ogg","mp3"];c.prototype.onAdded=function(c){if(c.status===LGraph.STATUS_RUNNING)this.onStart()};c.prototype.onStart=
+new c;l.setup([f.cmd,f.value1,f.value2]);l.channel=f.channel;break;case "command":l=f.cmd;break;case "cc":l=f.value1;break;case "cc_value":l=f.value2;break;case "note":l=f.cmd==c.NOTEON||f.cmd==c.NOTEOFF?f.value1:null;break;case "velocity":l=f.cmd==c.NOTEON?f.value2:null;break;case "pitch":l=f.cmd==c.NOTEON?c.computePitch(f.value1):null;break;case "pitchbend":l=f.cmd==c.PITCHBEND?c.computePitchBend(f.value1,f.value2):null;break;case "gate":l=this.gate;break;default:continue}null!==l&&this.setOutputData(h,
+l)}};D.prototype.onPropertyChanged=function(f,h){"cmd"==f&&(this.properties.cmd=c.computeCommandFromString(h))};D.prototype.onGetInputs=function(){return[["cmd","number"],["note","number"],["value1","number"],["value2","number"]]};D.prototype.onGetOutputs=function(){return[["midi","midi"],["on_midi",x.EVENT],["command","number"],["note","number"],["velocity","number"],["cc","number"],["cc_value","number"],["pitch","number"],["gate","bool"],["pitchbend","number"]]};x.registerNodeType("midi/event",
+D);z.title="MIDICC";z.desc="gets a Controller Change";z.color="#243";z.prototype.onExecute=function(){k.input&&(this.properties.value=k.input.state.cc[this.properties.cc]);this.setOutputData(0,this.properties.value)};x.registerNodeType("midi/cc",z);G.title="MIDI Generator";G.desc="Generates a random MIDI note";G.color="#243";G.processScale=function(f){f=f.split(",");for(var h=0;h<f.length;++h){var l=f[h];f[h]=2==l.length&&"#"!=l[1]||2<l.length?-x.MIDIEvent.NoteStringToPitch(l):c.note_to_index[l]||
+0}return f};G.prototype.onPropertyChanged=function(c,f){"notes"==c&&(this.notes_pitches=G.processScale(f))};G.prototype.onExecute=function(){var c=this.getInputData(2);null!=c&&(this.properties.octave=c);if(c=this.getInputData(1))this.notes_pitches=G.processScale(c)};G.prototype.onAction=function(f,h){var l=0,a=this.notes_pitches.length,b=0;"sequence"==this.properties.mode?b=this.sequence_index=(this.sequence_index+1)%a:"random"==this.properties.mode&&(b=Math.floor(Math.random()*a));a=this.notes_pitches[b];
+l=0<=a?a+12*(this.properties.octave-1)+33:-a;h=new c;h.setup([c.NOTEON,l,10]);a=this.properties.duration||1;this.trigger("note",h);setTimeout(function(){var a=new c;a.setup([c.NOTEOFF,l,0]);this.trigger("note",a)}.bind(this),1E3*a)};x.registerNodeType("midi/generator",G);A.title="MIDI Transpose";A.desc="Transpose a MIDI note";A.color="#243";A.prototype.onAction=function(f,h){h&&h.constructor===c&&(h.data[0]==c.NOTEON||h.data[0]==c.NOTEOFF?(this.midi_event=new c,this.midi_event.setup(h.data),this.midi_event.data[1]=
+Math.round(this.midi_event.data[1]+this.properties.amount),this.trigger("out",this.midi_event)):this.trigger("out",h))};A.prototype.onExecute=function(){var c=this.getInputData(1);null!=c&&(this.properties.amount=c)};x.registerNodeType("midi/transpose",A);E.title="MIDI Quantize Pitch";E.desc="Transpose a MIDI note tp fit an scale";E.color="#243";E.prototype.onPropertyChanged=function(c,f){"scale"==c&&this.processScale(f)};E.prototype.processScale=function(c){this._current_scale=c;this.notes_pitches=
+G.processScale(c);for(c=0;12>c;++c)this.valid_notes[c]=-1!=this.notes_pitches.indexOf(c);for(c=0;12>c;++c)if(this.valid_notes[c])this.offset_notes[c]=0;else for(var f=1;12>f;++f){if(this.valid_notes[(c-f)%12]){this.offset_notes[c]=-f;break}if(this.valid_notes[(c+f)%12]){this.offset_notes[c]=f;break}}};E.prototype.onAction=function(f,h){h&&h.constructor===c&&(h.data[0]==c.NOTEON||h.data[0]==c.NOTEOFF?(this.midi_event=new c,this.midi_event.setup(h.data),this.midi_event.data[1]+=this.offset_notes[c.note_to_index[h.note]],
+this.trigger("out",this.midi_event)):this.trigger("out",h))};E.prototype.onExecute=function(){var c=this.getInputData(1);null!=c&&c!=this._current_scale&&this.processScale(c)};x.registerNodeType("midi/quantize",E);f.title="MIDI fromFile";f.desc="Plays a MIDI file";f.color="#243";f.prototype.onAction=function(c){"play"==c?this.play():"pause"==c&&(this._playing=!this._playing)};f.prototype.onPropertyChanged=function(c,f){"url"==c&&this.loadMIDIFile(f)};f.prototype.onExecute=function(){if(this._midi&&
+this._playing){this._current_time+=this.graph.elapsed_time;for(var f=100*this._current_time,h=0;h<this._midi.tracks;++h){var l=this._midi.track[h];l._last_pos||(l._last_pos=0,l._time=0);var a=l.event[l._last_pos];if(a&&l._time+a.deltaTime<=f&&(l._last_pos++,l._time+=a.deltaTime,a.data)){var l=a.type<<4+a.channel,b=new c;b.setup([l,a.data[0],a.data[1]]);this.trigger("note",b)}}}};f.prototype.play=function(){this._playing=!0;this._current_time=0;if(this._midi)for(var c=0;c<this._midi.tracks;++c){var f=
+this._midi.track[c];f._last_pos=0;f._time=0}};f.prototype.loadMIDIFile=function(c){var f=this;x.fetchFile(c,"arraybuffer",function(c){f.boxcolor="#AFA";f._midi=MidiParser.parse(new Uint8Array(c));f.properties.autoplay&&f.play()},function(c){f.boxcolor="#FAA";f._midi=null})};f.prototype.onDropFile=function(c){this.properties.url="";this.loadMIDIFile(c)};x.registerNodeType("midi/fromFile",f);n.title="MIDI Play";n.desc="Plays a MIDI note";n.color="#243";n.prototype.onAction=function(f,h){if(h&&h.constructor===
+c){if(this.instrument&&h.data[0]==c.NOTEON){var l=h.note;if(!l||"undefined"==l||l.constructor!==String)return;this.instrument.play(l,h.octave,this.properties.duration,this.properties.volume)}this.trigger("note",h)}};n.prototype.onExecute=function(){var c=this.getInputData(1);null!=c&&(this.properties.volume=c);c=this.getInputData(2);null!=c&&(this.properties.duration=c)};x.registerNodeType("midi/play",n);I.title="MIDI Keys";I.desc="Keyboard to play notes";I.color="#243";I.keys=[{x:0,w:1,h:1,t:0},
+{x:0.75,w:0.5,h:0.6,t:1},{x:1,w:1,h:1,t:0},{x:1.75,w:0.5,h:0.6,t:1},{x:2,w:1,h:1,t:0},{x:2.75,w:0.5,h:0.6,t:1},{x:3,w:1,h:1,t:0},{x:4,w:1,h:1,t:0},{x:4.75,w:0.5,h:0.6,t:1},{x:5,w:1,h:1,t:0},{x:5.75,w:0.5,h:0.6,t:1},{x:6,w:1,h:1,t:0}];I.prototype.onDrawForeground=function(c){if(!this.flags.collapsed){var f=12*this.properties.num_octaves;this.keys.length=f;var h=this.size[0]/(7*this.properties.num_octaves),a=this.size[1];c.globalAlpha=1;for(var b=0;2>b;b++)for(var d=0;d<f;++d){var g=I.keys[d%12];if(g.t==
+b){var e=7*Math.floor(d/12)*h+g.x*h;c.fillStyle=0==b?this.keys[d]?"#CCC":"white":this.keys[d]?"#333":"black";c.fillRect(e+1,0,h*g.w-2,a*g.h)}}}};I.prototype.getKeyIndex=function(c){for(var f=this.size[0]/(7*this.properties.num_octaves),h=this.size[1],a=1;0<=a;a--)for(var b=0;b<this.keys.length;++b){var d=I.keys[b%12];if(d.t==a){var g=7*Math.floor(b/12)*f+d.x*f,e=f*d.w,d=h*d.h;if(!(c[0]<g||c[0]>g+e||c[1]>d))return b}}return-1};I.prototype.onAction=function(f,h){if("reset"==f)for(var l=0;l<this.keys.length;++l)this.keys[l]=
+!1;else h&&h.constructor===c&&(l=h.data[1]-(12*(this.properties.start_octave-1)+29),0<=l&&l<this.keys.length&&(h.data[0]==c.NOTEON?this.keys[l]=!0:h.data[0]==c.NOTEOFF&&(this.keys[l]=!1)),this.trigger("note",h))};I.prototype.onMouseDown=function(f,h){if(!(0>h[1])){var l=this.getKeyIndex(h);this.keys[l]=!0;this._last_key=l;var l=12*(this.properties.start_octave-1)+29+l,a=new c;a.setup([c.NOTEON,l,100]);this.trigger("note",a);return!0}};I.prototype.onMouseMove=function(f,h){if(!(0>h[1]||-1==this._last_key)){this.setDirtyCanvas(!0);
+var l=this.getKeyIndex(h);if(this._last_key==l)return!0;this.keys[this._last_key]=!1;var a=12*(this.properties.start_octave-1)+29+this._last_key,b=new c;b.setup([c.NOTEOFF,a,100]);this.trigger("note",b);this.keys[l]=!0;a=12*(this.properties.start_octave-1)+29+l;b=new c;b.setup([c.NOTEON,a,100]);this.trigger("note",b);this._last_key=l;return!0}};I.prototype.onMouseUp=function(f,h){if(!(0>h[1])){var l=this.getKeyIndex(h);this.keys[l]=!1;this._last_key=-1;var l=12*(this.properties.start_octave-1)+29+
+l,a=new c;a.setup([c.NOTEOFF,l,100]);this.trigger("note",a);return!0}};x.registerNodeType("midi/keys",I)})(this);
+(function(B){function c(){this.properties={src:"",gain:0.5,loop:!0,autoplay:!0,playbackRate:1};this._loading_audio=!1;this._audiobuffer=null;this._audionodes=[];this._last_sourcenode=null;this.addOutput("out","audio");this.addInput("gain","number");this.audionode=w.getAudioContext().createGain();this.audionode.graphnode=this;this.audionode.gain.value=this.properties.gain;this.properties.src&&this.loadSound(this.properties.src)}function k(){this.properties={gain:0.5};this._audionodes=[];this._media_stream=
+null;this.addOutput("out","audio");this.addInput("gain","number");this.audionode=w.getAudioContext().createGain();this.audionode.graphnode=this;this.audionode.gain.value=this.properties.gain}function v(){this.properties={fftSize:2048,minDecibels:-100,maxDecibels:-10,smoothingTimeConstant:0.5};this.audionode=w.getAudioContext().createAnalyser();this.audionode.graphnode=this;this.audionode.fftSize=this.properties.fftSize;this.audionode.minDecibels=this.properties.minDecibels;this.audionode.maxDecibels=
+this.properties.maxDecibels;this.audionode.smoothingTimeConstant=this.properties.smoothingTimeConstant;this.addInput("in","audio");this.addOutput("freqs","array");this.addOutput("samples","array");this._time_bin=this._freq_bin=null}function r(){this.properties={gain:1};this.audionode=w.getAudioContext().createGain();this.addInput("in","audio");this.addInput("gain","number");this.addOutput("out","audio")}function t(){this.properties={impulse_src:"",normalize:!0};this.audionode=w.getAudioContext().createConvolver();
+this.addInput("in","audio");this.addOutput("out","audio")}function h(){this.properties={threshold:-50,knee:40,ratio:12,reduction:-20,attack:0,release:0.25};this.audionode=w.getAudioContext().createDynamicsCompressor();this.addInput("in","audio");this.addOutput("out","audio")}function D(){this.properties={};this.audionode=w.getAudioContext().createWaveShaper();this.addInput("in","audio");this.addInput("shape","waveshape");this.addOutput("out","audio")}function z(){this.properties={gain1:0.5,gain2:0.5};
+this.audionode=w.getAudioContext().createGain();this.audionode1=w.getAudioContext().createGain();this.audionode1.gain.value=this.properties.gain1;this.audionode2=w.getAudioContext().createGain();this.audionode2.gain.value=this.properties.gain2;this.audionode1.connect(this.audionode);this.audionode2.connect(this.audionode);this.addInput("in1","audio");this.addInput("in1 gain","number");this.addInput("in2","audio");this.addInput("in2 gain","number");this.addOutput("out","audio")}function G(){this.properties=
+{A:0.1,D:0.1,S:0.1,R:0.1};this.audionode=w.getAudioContext().createGain();this.audionode.gain.value=0;this.addInput("in","audio");this.addInput("gate","bool");this.addOutput("out","audio");this.gate=!1}function A(){this.properties={delayTime:0.5};this.audionode=w.getAudioContext().createDelay(10);this.audionode.delayTime.value=this.properties.delayTime;this.addInput("in","audio");this.addInput("time","number");this.addOutput("out","audio")}function E(){this.properties={frequency:350,detune:0,Q:1};
+this.addProperty("type","lowpass","enum",{values:"lowpass highpass bandpass lowshelf highshelf peaking notch allpass".split(" ")});this.audionode=w.getAudioContext().createBiquadFilter();this.addInput("in","audio");this.addOutput("out","audio")}function f(){this.properties={frequency:440,detune:0,type:"sine"};this.addProperty("type","sine","enum",{values:["sine","square","sawtooth","triangle","custom"]});this.audionode=w.getAudioContext().createOscillator();this.addOutput("out","audio")}function n(){this.properties=
+{continuous:!0,mark:-1};this.addInput("data","array");this.addInput("mark","number");this.size=[300,200];this._last_buffer=null}function I(){this.properties={band:440,amplitude:1};this.addInput("freqs","array");this.addOutput("signal","number")}function x(){if(!x.default_code){var c=x.default_function.toString(),a=c.indexOf("{")+1,b=c.lastIndexOf("}");x.default_code=c.substr(a,b-a)}this.properties={code:x.default_code};c=w.getAudioContext();c.createScriptProcessor?this.audionode=c.createScriptProcessor(4096,
+1,1):(console.warn("ScriptProcessorNode deprecated"),this.audionode=c.createGain());this.processCode();x._bypass_function||(x._bypass_function=this.audionode.onaudioprocess);this.addInput("in","audio");this.addOutput("out","audio")}function L(){this.audionode=w.getAudioContext().destination;this.addInput("in","audio")}var s=B.LiteGraph,w={};B.LGAudio=w;w.getAudioContext=function(){if(!this._audio_context){window.AudioContext=window.AudioContext||window.webkitAudioContext;if(!window.AudioContext)return console.error("AudioContext not supported by browser"),
+null;this._audio_context=new AudioContext;this._audio_context.onmessage=function(c){console.log("msg",c)};this._audio_context.onended=function(c){console.log("ended",c)};this._audio_context.oncomplete=function(c){console.log("complete",c)}}return this._audio_context};w.connect=function(c,a){try{c.connect(a)}catch(b){console.warn("LGraphAudio:",b)}};w.disconnect=function(c,a){try{c.disconnect(a)}catch(b){console.warn("LGraphAudio:",b)}};w.changeAllAudiosConnections=function(c,a){if(c.inputs)for(var b=
+0;b<c.inputs.length;++b){var d=c.graph.links[c.inputs[b].link];if(d){var f=c.graph.getNodeById(d.origin_id),e=null,e=f.getAudioNodeInOutputSlot?f.getAudioNodeInOutputSlot(d.origin_slot):f.audionode,d=null,d=c.getAudioNodeInInputSlot?c.getAudioNodeInInputSlot(b):c.audionode;a?w.connect(e,d):w.disconnect(e,d)}}if(c.outputs)for(b=0;b<c.outputs.length;++b)for(var f=c.outputs[b],h=0;h<f.links.length;++h)if(d=c.graph.links[f.links[h]]){var e=c.getAudioNodeInOutputSlot?c.getAudioNodeInOutputSlot(b):c.audionode,
+k=c.graph.getNodeById(d.target_id),d=k.getAudioNodeInInputSlot?k.getAudioNodeInInputSlot(d.target_slot):k.audionode;a?w.connect(e,d):w.disconnect(e,d)}};w.onConnectionsChange=function(c,a,b,d){if(c==s.OUTPUT&&(c=null,d&&(c=this.graph.getNodeById(d.target_id)),c)){var f=null,f=this.getAudioNodeInOutputSlot?this.getAudioNodeInOutputSlot(a):this.audionode;a=null;a=c.getAudioNodeInInputSlot?c.getAudioNodeInInputSlot(d.target_slot):c.audionode;b?w.connect(f,a):w.disconnect(f,a)}};w.createAudioNodeWrapper=
+function(c){var a=c.prototype.onPropertyChanged;c.prototype.onPropertyChanged=function(b,d){a&&a.call(this,b,d);this.audionode&&void 0!==this.audionode[b]&&(void 0!==this.audionode[b].value?this.audionode[b].value=d:this.audionode[b]=d)};c.prototype.onConnectionsChange=w.onConnectionsChange};w.cached_audios={};w.loadSound=function(c,a,b){function d(a){console.log("Audio loading sample error:",a);b&&b(a)}if(w.cached_audios[c]&&-1==c.indexOf("blob:"))a&&a(w.cached_audios[c]);else{w.onProcessAudioURL&&
+(c=w.onProcessAudioURL(c));var f=new XMLHttpRequest;f.open("GET",c,!0);f.responseType="arraybuffer";var e=w.getAudioContext();f.onload=function(){console.log("AudioSource loaded");e.decodeAudioData(f.response,function(b){console.log("AudioSource decoded");w.cached_audios[c]=b;a&&a(b)},d)};f.send();return f}};c.desc="Plays an audio file";c["@src"]={widget:"resource"};c.supported_extensions=["wav","ogg","mp3"];c.prototype.onAdded=function(c){if(c.status===LGraph.STATUS_RUNNING)this.onStart()};c.prototype.onStart=
 function(){this._audiobuffer&&this.properties.autoplay&&this.playBuffer(this._audiobuffer)};c.prototype.onStop=function(){this.stopAllSounds()};c.prototype.onPause=function(){this.pauseAllSounds()};c.prototype.onUnpause=function(){this.unpauseAllSounds()};c.prototype.onRemoved=function(){this.stopAllSounds();this._dropped_url&&URL.revokeObjectURL(this._url)};c.prototype.stopAllSounds=function(){for(var c=0;c<this._audionodes.length;++c)this._audionodes[c].started&&(this._audionodes[c].started=!1,
-this._audionodes[c].stop());this._audionodes.length=0};c.prototype.pauseAllSounds=function(){v.getAudioContext().suspend()};c.prototype.unpauseAllSounds=function(){v.getAudioContext().resume()};c.prototype.onExecute=function(){if(this.inputs)for(var c=0;c<this.inputs.length;++c){var a=this.inputs[c];if(null!=a.link){var b=this.getInputData(c);if(void 0!==b)if("gain"==a.name)this.audionode.gain.value=b;else if("src"==a.name)this.setProperty("src",b);else if("playbackRate"==a.name)for(this.properties.playbackRate=
+this._audionodes[c].stop());this._audionodes.length=0};c.prototype.pauseAllSounds=function(){w.getAudioContext().suspend()};c.prototype.unpauseAllSounds=function(){w.getAudioContext().resume()};c.prototype.onExecute=function(){if(this.inputs)for(var c=0;c<this.inputs.length;++c){var a=this.inputs[c];if(null!=a.link){var b=this.getInputData(c);if(void 0!==b)if("gain"==a.name)this.audionode.gain.value=b;else if("src"==a.name)this.setProperty("src",b);else if("playbackRate"==a.name)for(this.properties.playbackRate=
 b,a=0;a<this._audionodes.length;++a)this._audionodes[a].playbackRate.value=b}}if(this.outputs)for(c=0;c<this.outputs.length;++c)"buffer"==this.outputs[c].name&&this._audiobuffer&&this.setOutputData(c,this._audiobuffer)};c.prototype.onAction=function(c){this._audiobuffer&&("Play"==c?this.playBuffer(this._audiobuffer):"Stop"==c&&this.stopAllSounds())};c.prototype.onPropertyChanged=function(c,a){if("src"==c)this.loadSound(a);else if("gain"==c)this.audionode.gain.value=a;else if("playbackRate"==c)for(var b=
-0;b<this._audionodes.length;++b)this._audionodes[b].playbackRate.value=a};c.prototype.playBuffer=function(c){var a=this,b=v.getAudioContext().createBufferSource();this._last_sourcenode=b;b.graphnode=this;b.buffer=c;b.loop=this.properties.loop;b.playbackRate.value=this.properties.playbackRate;this._audionodes.push(b);b.connect(this.audionode);this._audionodes.push(b);this.trigger("start");b.onended=function(){a.trigger("ended");var c=a._audionodes.indexOf(b);-1!=c&&a._audionodes.splice(c,1)};b.started||
-(b.started=!0,b.start());return b};c.prototype.loadSound=function(c){function a(a){this.boxcolor=n.NODE_DEFAULT_BOXCOLOR;b._audiobuffer=a;b._loading_audio=!1;if(b.graph&&b.graph.status===LGraph.STATUS_RUNNING)b.onStart()}var b=this;this._request&&(this._request.abort(),this._request=null);this._audiobuffer=null;this._loading_audio=!1;c&&(this._request=v.loadSound(c,a),this._loading_audio=!0,this.boxcolor="#AA4")};c.prototype.onConnectionsChange=v.onConnectionsChange;c.prototype.onGetInputs=function(){return[["playbackRate",
-"number"],["src","string"],["Play",n.ACTION],["Stop",n.ACTION]]};c.prototype.onGetOutputs=function(){return[["buffer","audiobuffer"],["start",n.EVENT],["ended",n.EVENT]]};c.prototype.onDropFile=function(c){this._dropped_url&&URL.revokeObjectURL(this._dropped_url);c=URL.createObjectURL(c);this.properties.src=c;this.loadSound(c);this._dropped_url=c};c.title="Source";c.desc="Plays audio";n.registerNodeType("audio/source",c);k.prototype.onAdded=function(c){if(c.status===LGraph.STATUS_RUNNING)this.onStart()};
+0;b<this._audionodes.length;++b)this._audionodes[b].playbackRate.value=a};c.prototype.playBuffer=function(c){var a=this,b=w.getAudioContext().createBufferSource();this._last_sourcenode=b;b.graphnode=this;b.buffer=c;b.loop=this.properties.loop;b.playbackRate.value=this.properties.playbackRate;this._audionodes.push(b);b.connect(this.audionode);this._audionodes.push(b);this.trigger("start");b.onended=function(){a.trigger("ended");var d=a._audionodes.indexOf(b);-1!=d&&a._audionodes.splice(d,1)};b.started||
+(b.started=!0,b.start());return b};c.prototype.loadSound=function(c){function a(a){this.boxcolor=s.NODE_DEFAULT_BOXCOLOR;b._audiobuffer=a;b._loading_audio=!1;if(b.graph&&b.graph.status===LGraph.STATUS_RUNNING)b.onStart()}var b=this;this._request&&(this._request.abort(),this._request=null);this._audiobuffer=null;this._loading_audio=!1;c&&(this._request=w.loadSound(c,a),this._loading_audio=!0,this.boxcolor="#AA4")};c.prototype.onConnectionsChange=w.onConnectionsChange;c.prototype.onGetInputs=function(){return[["playbackRate",
+"number"],["src","string"],["Play",s.ACTION],["Stop",s.ACTION]]};c.prototype.onGetOutputs=function(){return[["buffer","audiobuffer"],["start",s.EVENT],["ended",s.EVENT]]};c.prototype.onDropFile=function(c){this._dropped_url&&URL.revokeObjectURL(this._dropped_url);c=URL.createObjectURL(c);this.properties.src=c;this.loadSound(c);this._dropped_url=c};c.title="Source";c.desc="Plays audio";s.registerNodeType("audio/source",c);k.prototype.onAdded=function(c){if(c.status===LGraph.STATUS_RUNNING)this.onStart()};
 k.prototype.onStart=function(){null!=this._media_stream||this._waiting_confirmation||this.openStream()};k.prototype.onStop=function(){this.audionode.gain.value=0};k.prototype.onPause=function(){this.audionode.gain.value=0};k.prototype.onUnpause=function(){this.audionode.gain.value=this.properties.gain};k.prototype.onRemoved=function(){this.audionode.gain.value=0;this.audiosource_node&&(this.audiosource_node.disconnect(this.audionode),this.audiosource_node=null);if(this._media_stream){var c=this._media_stream.getTracks();
 c.length&&c[0].stop()}};k.prototype.openStream=function(){function c(b){console.log("Media rejected",b);a._media_stream=!1;a.boxcolor="red"}if(navigator.mediaDevices){this._waiting_confirmation=!0;navigator.mediaDevices.getUserMedia({audio:!0,video:!1}).then(this.streamReady.bind(this))["catch"](c);var a=this}else console.log("getUserMedia() is not supported in your browser, use chrome and enable WebRTC from about://flags")};k.prototype.streamReady=function(c){this._media_stream=c;this.audiosource_node&&
-this.audiosource_node.disconnect(this.audionode);this.audiosource_node=v.getAudioContext().createMediaStreamSource(c);this.audiosource_node.graphnode=this;this.audiosource_node.connect(this.audionode);this.boxcolor="white"};k.prototype.onExecute=function(){null!=this._media_stream||this._waiting_confirmation||this.openStream();if(this.inputs)for(var c=0;c<this.inputs.length;++c){var a=this.inputs[c];if(null!=a.link){var b=this.getInputData(c);void 0!==b&&"gain"==a.name&&(this.audionode.gain.value=
-this.properties.gain=b)}}};k.prototype.onAction=function(c){"Play"==c?this.audionode.gain.value=this.properties.gain:"Stop"==c&&(this.audionode.gain.value=0)};k.prototype.onPropertyChanged=function(c,a){"gain"==c&&(this.audionode.gain.value=a)};k.prototype.onConnectionsChange=v.onConnectionsChange;k.prototype.onGetInputs=function(){return[["playbackRate","number"],["Play",n.ACTION],["Stop",n.ACTION]]};k.title="MediaSource";k.desc="Plays microphone";n.registerNodeType("audio/media_source",k);u.prototype.onPropertyChanged=
-function(c,a){this.audionode[c]=a};u.prototype.onExecute=function(){if(this.isOutputConnected(0)){var c=this.audionode.frequencyBinCount;this._freq_bin&&this._freq_bin.length==c||(this._freq_bin=new Uint8Array(c));this.audionode.getByteFrequencyData(this._freq_bin);this.setOutputData(0,this._freq_bin)}this.isOutputConnected(1)&&(c=this.audionode.frequencyBinCount,this._time_bin&&this._time_bin.length==c||(this._time_bin=new Uint8Array(c)),this.audionode.getByteTimeDomainData(this._time_bin),this.setOutputData(1,
-this._time_bin));for(c=1;c<this.inputs.length;++c){var a=this.inputs[c];if(null!=a.link){var b=this.getInputData(c);void 0!==b&&(this.audionode[a.name].value=b)}}};u.prototype.onGetInputs=function(){return[["minDecibels","number"],["maxDecibels","number"],["smoothingTimeConstant","number"]]};u.prototype.onGetOutputs=function(){return[["freqs","array"],["samples","array"]]};u.title="Analyser";u.desc="Audio Analyser";n.registerNodeType("audio/analyser",u);s.prototype.onExecute=function(){if(this.inputs&&
-this.inputs.length)for(var c=1;c<this.inputs.length;++c){var a=this.inputs[c],b=this.getInputData(c);void 0!==b&&(this.audionode[a.name].value=b)}};v.createAudioNodeWrapper(s);s.title="Gain";s.desc="Audio gain";n.registerNodeType("audio/gain",s);v.createAudioNodeWrapper(t);t.prototype.onRemove=function(){this._dropped_url&&URL.revokeObjectURL(this._dropped_url)};t.prototype.onPropertyChanged=function(c,a){"impulse_src"==c?this.loadImpulse(a):"normalize"==c&&(this.audionode.normalize=a)};t.prototype.onDropFile=
-function(c){this._dropped_url&&URL.revokeObjectURL(this._dropped_url);this._dropped_url=URL.createObjectURL(c);this.properties.impulse_src=this._dropped_url;this.loadImpulse(this._dropped_url)};t.prototype.loadImpulse=function(c){function a(a){b._impulse_buffer=a;b.audionode.buffer=a;console.log("Impulse signal set");b._loading_impulse=!1}var b=this;this._request&&(this._request.abort(),this._request=null);this._impulse_buffer=null;this._loading_impulse=!1;c&&(this._request=v.loadSound(c,a),this._loading_impulse=
-!0)};t.title="Convolver";t.desc="Convolves the signal (used for reverb)";n.registerNodeType("audio/convolver",t);v.createAudioNodeWrapper(h);h.prototype.onExecute=function(){if(this.inputs&&this.inputs.length)for(var c=1;c<this.inputs.length;++c){var a=this.inputs[c];if(null!=a.link){var b=this.getInputData(c);void 0!==b&&(this.audionode[a.name].value=b)}}};h.prototype.onGetInputs=function(){return[["threshold","number"],["knee","number"],["ratio","number"],["reduction","number"],["attack","number"],
-["release","number"]]};h.title="DynamicsCompressor";h.desc="Dynamics Compressor";n.registerNodeType("audio/dynamicsCompressor",h);C.prototype.onExecute=function(){if(this.inputs&&this.inputs.length){var c=this.getInputData(1);void 0!==c&&(this.audionode.curve=c)}};C.prototype.setWaveShape=function(c){this.audionode.curve=c};v.createAudioNodeWrapper(C);y.prototype.getAudioNodeInInputSlot=function(c){if(0==c)return this.audionode1;if(2==c)return this.audionode2};y.prototype.onPropertyChanged=function(c,
-a){"gain1"==c?this.audionode1.gain.value=a:"gain2"==c&&(this.audionode2.gain.value=a)};y.prototype.onExecute=function(){if(this.inputs&&this.inputs.length)for(var c=1;c<this.inputs.length;++c){var a=this.inputs[c];null!=a.link&&"audio"!=a.type&&(a=this.getInputData(c),void 0!==a&&(1==c?this.audionode1.gain.value=a:3==c&&(this.audionode2.gain.value=a)))}};v.createAudioNodeWrapper(y);y.title="Mixer";y.desc="Audio mixer";n.registerNodeType("audio/mixer",y);G.prototype.onExecute=function(){var c=v.getAudioContext().currentTime,
-a=this.audionode.gain,b=this.getInputData(1),d=this.getInputOrProperty("A"),e=this.getInputOrProperty("D"),f=this.getInputOrProperty("S"),h=this.getInputOrProperty("R");!this.gate&&b?(a.cancelScheduledValues(0),a.setValueAtTime(0,c),a.linearRampToValueAtTime(1,c+d),a.linearRampToValueAtTime(f,c+d+e)):this.gate&&!b&&(a.cancelScheduledValues(0),a.setValueAtTime(a.value,c),a.linearRampToValueAtTime(0,c+h));this.gate=b};G.prototype.onGetInputs=function(){return[["A","number"],["D","number"],["S","number"],
-["R","number"]]};v.createAudioNodeWrapper(G);G.title="ADSR";G.desc="Audio envelope";n.registerNodeType("audio/adsr",G);v.createAudioNodeWrapper(A);A.prototype.onExecute=function(){var c=this.getInputData(1);void 0!==c&&(this.audionode.delayTime.value=c)};A.title="Delay";A.desc="Audio delay";n.registerNodeType("audio/delay",A);D.prototype.onExecute=function(){if(this.inputs&&this.inputs.length)for(var c=1;c<this.inputs.length;++c){var a=this.inputs[c];if(null!=a.link){var b=this.getInputData(c);void 0!==
-b&&(this.audionode[a.name].value=b)}}};D.prototype.onGetInputs=function(){return[["frequency","number"],["detune","number"],["Q","number"]]};v.createAudioNodeWrapper(D);D.title="BiquadFilter";D.desc="Audio filter";n.registerNodeType("audio/biquadfilter",D);e.prototype.onStart=function(){if(!this.audionode.started){this.audionode.started=!0;try{this.audionode.start()}catch(c){}}};e.prototype.onStop=function(){this.audionode.started&&(this.audionode.started=!1,this.audionode.stop())};e.prototype.onPause=
-function(){this.onStop()};e.prototype.onUnpause=function(){this.onStart()};e.prototype.onExecute=function(){if(this.inputs&&this.inputs.length)for(var c=0;c<this.inputs.length;++c){var a=this.inputs[c];if(null!=a.link){var b=this.getInputData(c);void 0!==b&&(this.audionode[a.name].value=b)}}};e.prototype.onGetInputs=function(){return[["frequency","number"],["detune","number"],["type","string"]]};v.createAudioNodeWrapper(e);e.title="Oscillator";e.desc="Oscillator";n.registerNodeType("audio/oscillator",
-e);q.prototype.onExecute=function(){this._last_buffer=this.getInputData(0);var c=this.getInputData(1);void 0!==c&&(this.properties.mark=c);this.setDirtyCanvas(!0,!1)};q.prototype.onDrawForeground=function(c){if(this._last_buffer){var a=this._last_buffer,b=a.length/this.size[0],d=this.size[1];c.fillStyle="black";c.fillRect(0,0,this.size[0],this.size[1]);c.strokeStyle="white";c.beginPath();var e=0;if(this.properties.continuous){c.moveTo(e,d);for(var f=0;f<a.length;f+=b)c.lineTo(e,d-a[f|0]/255*d),e++}else for(f=
-0;f<a.length;f+=b)c.moveTo(e+0.5,d),c.lineTo(e+0.5,d-a[f|0]/255*d),e++;c.stroke();0<=this.properties.mark&&(a=v.getAudioContext().sampleRate/a.length,e=this.properties.mark/a*2/b,e>=this.size[0]&&(e=this.size[0]-1),c.strokeStyle="red",c.beginPath(),c.moveTo(e,d),c.lineTo(e,0),c.stroke())}};q.title="Visualization";q.desc="Audio Visualization";n.registerNodeType("audio/visualization",q);H.prototype.onExecute=function(){if(this._freqs=this.getInputData(0)){var c=this.properties.band,a=this.getInputData(1);
-void 0!==a&&(c=a);a=v.getAudioContext().sampleRate/this._freqs.length;a=c/a*2;a>=this._freqs.length?a=this._freqs[this._freqs.length-1]:(c=a|0,a-=c,a=this._freqs[c]*(1-a)+this._freqs[c+1]*a);this.setOutputData(0,a/255*this.properties.amplitude)}};H.prototype.onGetInputs=function(){return[["band","number"]]};H.title="Signal";H.desc="extract the signal of some frequency";n.registerNodeType("audio/signal",H);w.prototype.onAdded=function(c){c.status==LGraph.STATUS_RUNNING&&(this.audionode.onaudioprocess=
-this._callback)};w["@code"]={widget:"code",type:"code"};w.prototype.onStart=function(){this.audionode.onaudioprocess=this._callback};w.prototype.onStop=function(){this.audionode.onaudioprocess=w._bypass_function};w.prototype.onPause=function(){this.audionode.onaudioprocess=w._bypass_function};w.prototype.onUnpause=function(){this.audionode.onaudioprocess=this._callback};w.prototype.onExecute=function(){};w.prototype.onRemoved=function(){this.audionode.onaudioprocess=w._bypass_function};w.prototype.processCode=
-function(){try{this._script=new new Function("properties",this.properties.code)(this.properties),this._old_code=this.properties.code,this._callback=this._script.onaudioprocess}catch(c){console.error("Error in onaudioprocess code",c),this._callback=w._bypass_function,this.audionode.onaudioprocess=this._callback}};w.prototype.onPropertyChanged=function(c,a){"code"==c&&(this.properties.code=a,this.processCode(),this.graph&&this.graph.status==LGraph.STATUS_RUNNING&&(this.audionode.onaudioprocess=this._callback))};
-w.default_function=function(){this.onaudioprocess=function(c){var a=c.inputBuffer;c=c.outputBuffer;for(var b=0;b<c.numberOfChannels;b++)for(var d=a.getChannelData(b),e=c.getChannelData(b),f=0;f<a.length;f++)e[f]=d[f]}};v.createAudioNodeWrapper(w);w.title="Script";w.desc="apply script to signal";n.registerNodeType("audio/script",w);L.title="Destination";L.desc="Audio output";n.registerNodeType("audio/destination",L)})(this);
-(function(B){function c(){this.size=[60,20];this.addInput("send",u.ACTION);this.addOutput("received",u.EVENT);this.addInput("in",0);this.addOutput("out",0);this.properties={url:"",room:"lgraph",only_send_changes:!0};this._ws=null;this._last_sent_data=[];this._last_received_data=[]}function k(){this.room_widget=this.addWidget("text","Room","lgraph",this.setRoom.bind(this));this.addWidget("button","Reconnect",null,this.connectSocket.bind(this));this.addInput("send",u.ACTION);this.addOutput("received",
-u.EVENT);this.addInput("in",0);this.addOutput("out",0);this.properties={url:"tamats.com:55000",room:"lgraph",only_send_changes:!0};this._server=null;this.connectSocket();this._last_sent_data=[];this._last_received_data=[];"undefined"==typeof SillyClient&&console.warn("remember to add SillyClient.js to your project: https://tamats.com/projects/sillyserver/src/sillyclient.js")}var u=B.LiteGraph;c.title="WebSocket";c.desc="Send data through a websocket";c.prototype.onPropertyChanged=function(c,k){"url"==
-c&&this.connectSocket()};c.prototype.onExecute=function(){!this._ws&&this.properties.url&&this.connectSocket();if(this._ws&&this._ws.readyState==WebSocket.OPEN){for(var c=this.properties.room,k=this.properties.only_send_changes,h=1;h<this.inputs.length;++h){var u=this.getInputData(h);if(null!=u){var y;try{y=JSON.stringify({type:0,room:c,channel:h,data:u})}catch(B){continue}k&&this._last_sent_data[h]==y||(this._last_sent_data[h]=y,this._ws.send(y))}}for(h=1;h<this.outputs.length;++h)this.setOutputData(h,
-this._last_received_data[h]);"#AFA"==this.boxcolor&&(this.boxcolor="#6C6")}};c.prototype.connectSocket=function(){var c=this,k=this.properties.url;"ws"!=k.substr(0,2)&&(k="ws://"+k);this._ws=new WebSocket(k);this._ws.onopen=function(){console.log("ready");c.boxcolor="#6C6"};this._ws.onmessage=function(h){c.boxcolor="#AFA";h=JSON.parse(h.data);if(!h.room||h.room==c.properties.room)if(1==h.type)if(h.data.object_class&&u[h.data.object_class]){var k=null;try{k=new u[h.data.object_class](h.data),c.triggerSlot(0,
+this.audiosource_node.disconnect(this.audionode);this.audiosource_node=w.getAudioContext().createMediaStreamSource(c);this.audiosource_node.graphnode=this;this.audiosource_node.connect(this.audionode);this.boxcolor="white"};k.prototype.onExecute=function(){null!=this._media_stream||this._waiting_confirmation||this.openStream();if(this.inputs)for(var c=0;c<this.inputs.length;++c){var a=this.inputs[c];if(null!=a.link){var b=this.getInputData(c);void 0!==b&&"gain"==a.name&&(this.audionode.gain.value=
+this.properties.gain=b)}}};k.prototype.onAction=function(c){"Play"==c?this.audionode.gain.value=this.properties.gain:"Stop"==c&&(this.audionode.gain.value=0)};k.prototype.onPropertyChanged=function(c,a){"gain"==c&&(this.audionode.gain.value=a)};k.prototype.onConnectionsChange=w.onConnectionsChange;k.prototype.onGetInputs=function(){return[["playbackRate","number"],["Play",s.ACTION],["Stop",s.ACTION]]};k.title="MediaSource";k.desc="Plays microphone";s.registerNodeType("audio/media_source",k);v.prototype.onPropertyChanged=
+function(c,a){this.audionode[c]=a};v.prototype.onExecute=function(){if(this.isOutputConnected(0)){var c=this.audionode.frequencyBinCount;this._freq_bin&&this._freq_bin.length==c||(this._freq_bin=new Uint8Array(c));this.audionode.getByteFrequencyData(this._freq_bin);this.setOutputData(0,this._freq_bin)}this.isOutputConnected(1)&&(c=this.audionode.frequencyBinCount,this._time_bin&&this._time_bin.length==c||(this._time_bin=new Uint8Array(c)),this.audionode.getByteTimeDomainData(this._time_bin),this.setOutputData(1,
+this._time_bin));for(c=1;c<this.inputs.length;++c){var a=this.inputs[c];if(null!=a.link){var b=this.getInputData(c);void 0!==b&&(this.audionode[a.name].value=b)}}};v.prototype.onGetInputs=function(){return[["minDecibels","number"],["maxDecibels","number"],["smoothingTimeConstant","number"]]};v.prototype.onGetOutputs=function(){return[["freqs","array"],["samples","array"]]};v.title="Analyser";v.desc="Audio Analyser";s.registerNodeType("audio/analyser",v);r.prototype.onExecute=function(){if(this.inputs&&
+this.inputs.length)for(var c=1;c<this.inputs.length;++c){var a=this.inputs[c],b=this.getInputData(c);void 0!==b&&(this.audionode[a.name].value=b)}};w.createAudioNodeWrapper(r);r.title="Gain";r.desc="Audio gain";s.registerNodeType("audio/gain",r);w.createAudioNodeWrapper(t);t.prototype.onRemove=function(){this._dropped_url&&URL.revokeObjectURL(this._dropped_url)};t.prototype.onPropertyChanged=function(c,a){"impulse_src"==c?this.loadImpulse(a):"normalize"==c&&(this.audionode.normalize=a)};t.prototype.onDropFile=
+function(c){this._dropped_url&&URL.revokeObjectURL(this._dropped_url);this._dropped_url=URL.createObjectURL(c);this.properties.impulse_src=this._dropped_url;this.loadImpulse(this._dropped_url)};t.prototype.loadImpulse=function(c){function a(a){b._impulse_buffer=a;b.audionode.buffer=a;console.log("Impulse signal set");b._loading_impulse=!1}var b=this;this._request&&(this._request.abort(),this._request=null);this._impulse_buffer=null;this._loading_impulse=!1;c&&(this._request=w.loadSound(c,a),this._loading_impulse=
+!0)};t.title="Convolver";t.desc="Convolves the signal (used for reverb)";s.registerNodeType("audio/convolver",t);w.createAudioNodeWrapper(h);h.prototype.onExecute=function(){if(this.inputs&&this.inputs.length)for(var c=1;c<this.inputs.length;++c){var a=this.inputs[c];if(null!=a.link){var b=this.getInputData(c);void 0!==b&&(this.audionode[a.name].value=b)}}};h.prototype.onGetInputs=function(){return[["threshold","number"],["knee","number"],["ratio","number"],["reduction","number"],["attack","number"],
+["release","number"]]};h.title="DynamicsCompressor";h.desc="Dynamics Compressor";s.registerNodeType("audio/dynamicsCompressor",h);D.prototype.onExecute=function(){if(this.inputs&&this.inputs.length){var c=this.getInputData(1);void 0!==c&&(this.audionode.curve=c)}};D.prototype.setWaveShape=function(c){this.audionode.curve=c};w.createAudioNodeWrapper(D);z.prototype.getAudioNodeInInputSlot=function(c){if(0==c)return this.audionode1;if(2==c)return this.audionode2};z.prototype.onPropertyChanged=function(c,
+a){"gain1"==c?this.audionode1.gain.value=a:"gain2"==c&&(this.audionode2.gain.value=a)};z.prototype.onExecute=function(){if(this.inputs&&this.inputs.length)for(var c=1;c<this.inputs.length;++c){var a=this.inputs[c];null!=a.link&&"audio"!=a.type&&(a=this.getInputData(c),void 0!==a&&(1==c?this.audionode1.gain.value=a:3==c&&(this.audionode2.gain.value=a)))}};w.createAudioNodeWrapper(z);z.title="Mixer";z.desc="Audio mixer";s.registerNodeType("audio/mixer",z);G.prototype.onExecute=function(){var c=w.getAudioContext().currentTime,
+a=this.audionode.gain,b=this.getInputData(1),d=this.getInputOrProperty("A"),f=this.getInputOrProperty("D"),e=this.getInputOrProperty("S"),h=this.getInputOrProperty("R");!this.gate&&b?(a.cancelScheduledValues(0),a.setValueAtTime(0,c),a.linearRampToValueAtTime(1,c+d),a.linearRampToValueAtTime(e,c+d+f)):this.gate&&!b&&(a.cancelScheduledValues(0),a.setValueAtTime(a.value,c),a.linearRampToValueAtTime(0,c+h));this.gate=b};G.prototype.onGetInputs=function(){return[["A","number"],["D","number"],["S","number"],
+["R","number"]]};w.createAudioNodeWrapper(G);G.title="ADSR";G.desc="Audio envelope";s.registerNodeType("audio/adsr",G);w.createAudioNodeWrapper(A);A.prototype.onExecute=function(){var c=this.getInputData(1);void 0!==c&&(this.audionode.delayTime.value=c)};A.title="Delay";A.desc="Audio delay";s.registerNodeType("audio/delay",A);E.prototype.onExecute=function(){if(this.inputs&&this.inputs.length)for(var c=1;c<this.inputs.length;++c){var a=this.inputs[c];if(null!=a.link){var b=this.getInputData(c);void 0!==
+b&&(this.audionode[a.name].value=b)}}};E.prototype.onGetInputs=function(){return[["frequency","number"],["detune","number"],["Q","number"]]};w.createAudioNodeWrapper(E);E.title="BiquadFilter";E.desc="Audio filter";s.registerNodeType("audio/biquadfilter",E);f.prototype.onStart=function(){if(!this.audionode.started){this.audionode.started=!0;try{this.audionode.start()}catch(c){}}};f.prototype.onStop=function(){this.audionode.started&&(this.audionode.started=!1,this.audionode.stop())};f.prototype.onPause=
+function(){this.onStop()};f.prototype.onUnpause=function(){this.onStart()};f.prototype.onExecute=function(){if(this.inputs&&this.inputs.length)for(var c=0;c<this.inputs.length;++c){var a=this.inputs[c];if(null!=a.link){var b=this.getInputData(c);void 0!==b&&(this.audionode[a.name].value=b)}}};f.prototype.onGetInputs=function(){return[["frequency","number"],["detune","number"],["type","string"]]};w.createAudioNodeWrapper(f);f.title="Oscillator";f.desc="Oscillator";s.registerNodeType("audio/oscillator",
+f);n.prototype.onExecute=function(){this._last_buffer=this.getInputData(0);var c=this.getInputData(1);void 0!==c&&(this.properties.mark=c);this.setDirtyCanvas(!0,!1)};n.prototype.onDrawForeground=function(c){if(this._last_buffer){var a=this._last_buffer,b=a.length/this.size[0],d=this.size[1];c.fillStyle="black";c.fillRect(0,0,this.size[0],this.size[1]);c.strokeStyle="white";c.beginPath();var f=0;if(this.properties.continuous){c.moveTo(f,d);for(var e=0;e<a.length;e+=b)c.lineTo(f,d-a[e|0]/255*d),f++}else for(e=
+0;e<a.length;e+=b)c.moveTo(f+0.5,d),c.lineTo(f+0.5,d-a[e|0]/255*d),f++;c.stroke();0<=this.properties.mark&&(a=w.getAudioContext().sampleRate/a.length,f=this.properties.mark/a*2/b,f>=this.size[0]&&(f=this.size[0]-1),c.strokeStyle="red",c.beginPath(),c.moveTo(f,d),c.lineTo(f,0),c.stroke())}};n.title="Visualization";n.desc="Audio Visualization";s.registerNodeType("audio/visualization",n);I.prototype.onExecute=function(){if(this._freqs=this.getInputData(0)){var c=this.properties.band,a=this.getInputData(1);
+void 0!==a&&(c=a);a=w.getAudioContext().sampleRate/this._freqs.length;a=c/a*2;a>=this._freqs.length?a=this._freqs[this._freqs.length-1]:(c=a|0,a-=c,a=this._freqs[c]*(1-a)+this._freqs[c+1]*a);this.setOutputData(0,a/255*this.properties.amplitude)}};I.prototype.onGetInputs=function(){return[["band","number"]]};I.title="Signal";I.desc="extract the signal of some frequency";s.registerNodeType("audio/signal",I);x.prototype.onAdded=function(c){c.status==LGraph.STATUS_RUNNING&&(this.audionode.onaudioprocess=
+this._callback)};x["@code"]={widget:"code",type:"code"};x.prototype.onStart=function(){this.audionode.onaudioprocess=this._callback};x.prototype.onStop=function(){this.audionode.onaudioprocess=x._bypass_function};x.prototype.onPause=function(){this.audionode.onaudioprocess=x._bypass_function};x.prototype.onUnpause=function(){this.audionode.onaudioprocess=this._callback};x.prototype.onExecute=function(){};x.prototype.onRemoved=function(){this.audionode.onaudioprocess=x._bypass_function};x.prototype.processCode=
+function(){try{this._script=new new Function("properties",this.properties.code)(this.properties),this._old_code=this.properties.code,this._callback=this._script.onaudioprocess}catch(c){console.error("Error in onaudioprocess code",c),this._callback=x._bypass_function,this.audionode.onaudioprocess=this._callback}};x.prototype.onPropertyChanged=function(c,a){"code"==c&&(this.properties.code=a,this.processCode(),this.graph&&this.graph.status==LGraph.STATUS_RUNNING&&(this.audionode.onaudioprocess=this._callback))};
+x.default_function=function(){this.onaudioprocess=function(c){var a=c.inputBuffer;c=c.outputBuffer;for(var b=0;b<c.numberOfChannels;b++)for(var d=a.getChannelData(b),f=c.getChannelData(b),e=0;e<a.length;e++)f[e]=d[e]}};w.createAudioNodeWrapper(x);x.title="Script";x.desc="apply script to signal";s.registerNodeType("audio/script",x);L.title="Destination";L.desc="Audio output";s.registerNodeType("audio/destination",L)})(this);
+(function(B){function c(){this.size=[60,20];this.addInput("send",v.ACTION);this.addOutput("received",v.EVENT);this.addInput("in",0);this.addOutput("out",0);this.properties={url:"",room:"lgraph",only_send_changes:!0};this._ws=null;this._last_sent_data=[];this._last_received_data=[]}function k(){this.room_widget=this.addWidget("text","Room","lgraph",this.setRoom.bind(this));this.addWidget("button","Reconnect",null,this.connectSocket.bind(this));this.addInput("send",v.ACTION);this.addOutput("received",
+v.EVENT);this.addInput("in",0);this.addOutput("out",0);this.properties={url:"tamats.com:55000",room:"lgraph",only_send_changes:!0};this._server=null;this.connectSocket();this._last_sent_data=[];this._last_received_data=[];"undefined"==typeof SillyClient&&console.warn("remember to add SillyClient.js to your project: https://tamats.com/projects/sillyserver/src/sillyclient.js")}var v=B.LiteGraph;c.title="WebSocket";c.desc="Send data through a websocket";c.prototype.onPropertyChanged=function(c,k){"url"==
+c&&this.connectSocket()};c.prototype.onExecute=function(){!this._ws&&this.properties.url&&this.connectSocket();if(this._ws&&this._ws.readyState==WebSocket.OPEN){for(var c=this.properties.room,k=this.properties.only_send_changes,h=1;h<this.inputs.length;++h){var v=this.getInputData(h);if(null!=v){var z;try{z=JSON.stringify({type:0,room:c,channel:h,data:v})}catch(B){continue}k&&this._last_sent_data[h]==z||(this._last_sent_data[h]=z,this._ws.send(z))}}for(h=1;h<this.outputs.length;++h)this.setOutputData(h,
+this._last_received_data[h]);"#AFA"==this.boxcolor&&(this.boxcolor="#6C6")}};c.prototype.connectSocket=function(){var c=this,k=this.properties.url;"ws"!=k.substr(0,2)&&(k="ws://"+k);this._ws=new WebSocket(k);this._ws.onopen=function(){console.log("ready");c.boxcolor="#6C6"};this._ws.onmessage=function(h){c.boxcolor="#AFA";h=JSON.parse(h.data);if(!h.room||h.room==c.properties.room)if(1==h.type)if(h.data.object_class&&v[h.data.object_class]){var k=null;try{k=new v[h.data.object_class](h.data),c.triggerSlot(0,
 k)}catch(t){}}else c.triggerSlot(0,h.data);else c._last_received_data[h.channel||0]=h.data};this._ws.onerror=function(h){console.log("couldnt connect to websocket");c.boxcolor="#E88"};this._ws.onclose=function(h){console.log("connection closed");c.boxcolor="#000"}};c.prototype.send=function(c){this._ws&&this._ws.readyState==WebSocket.OPEN&&this._ws.send(JSON.stringify({type:1,msg:c}))};c.prototype.onAction=function(c,k){this._ws&&this._ws.readyState==WebSocket.OPEN&&this._ws.send({type:1,room:this.properties.room,
-action:c,data:k})};c.prototype.onGetInputs=function(){return[["in",0]]};c.prototype.onGetOutputs=function(){return[["out",0]]};u.registerNodeType("network/websocket",c);k.title="SillyClient";k.desc="Connects to SillyServer to broadcast messages";k.prototype.onPropertyChanged=function(c,k){"room"==c&&(this.room_widget.value=k);this.connectSocket()};k.prototype.setRoom=function(c){this.properties.room=c;this.room_widget.value=c;this.connectSocket()};k.prototype.onDrawForeground=function(){for(var c=
-1;c<this.inputs.length;++c){var k=this.inputs[c];k.label="in_"+c}for(c=1;c<this.outputs.length;++c)k=this.outputs[c],k.label="out_"+c};k.prototype.onExecute=function(){if(this._server&&this._server.is_connected){for(var c=this.properties.only_send_changes,k=1;k<this.inputs.length;++k){var h=this.getInputData(k),u=this._last_sent_data[k];if(null!=h){if(c){var y=!0;if(h&&h.length&&u&&u.length==h.length&&h.constructor!==String)for(var B=0;B<h.length;++B){if(u[B]!=h[B]){y=!1;break}}else this._last_sent_data[k]!=
-h&&(y=!1);if(y)continue}this._server.sendMessage({type:0,channel:k,data:h});if(h.length&&h.constructor!==String)if(this._last_sent_data[k])for(this._last_sent_data[k].length=h.length,B=0;B<h.length;++B)this._last_sent_data[k][B]=h[B];else this._last_sent_data[k]=h.constructor===Array?h.concat():new h.constructor(h);else this._last_sent_data[k]=h}}for(k=1;k<this.outputs.length;++k)this.setOutputData(k,this._last_received_data[k]);"#AFA"==this.boxcolor&&(this.boxcolor="#6C6")}};k.prototype.connectSocket=
-function(){var c=this;if("undefined"==typeof SillyClient)this._error||console.error("SillyClient node cannot be used, you must include SillyServer.js"),this._error=!0;else if(this._server=new SillyClient,this._server.on_ready=function(){console.log("ready");c.boxcolor="#6C6"},this._server.on_message=function(h,k){var t=null;try{t=JSON.parse(k)}catch(B){return}if(1==t.type)if(t.data.object_class&&u[t.data.object_class]){var A=null;try{A=new u[t.data.object_class](t.data),c.triggerSlot(0,A)}catch(D){return}}else c.triggerSlot(0,
+action:c,data:k})};c.prototype.onGetInputs=function(){return[["in",0]]};c.prototype.onGetOutputs=function(){return[["out",0]]};v.registerNodeType("network/websocket",c);k.title="SillyClient";k.desc="Connects to SillyServer to broadcast messages";k.prototype.onPropertyChanged=function(c,k){"room"==c&&(this.room_widget.value=k);this.connectSocket()};k.prototype.setRoom=function(c){this.properties.room=c;this.room_widget.value=c;this.connectSocket()};k.prototype.onDrawForeground=function(){for(var c=
+1;c<this.inputs.length;++c){var k=this.inputs[c];k.label="in_"+c}for(c=1;c<this.outputs.length;++c)k=this.outputs[c],k.label="out_"+c};k.prototype.onExecute=function(){if(this._server&&this._server.is_connected){for(var c=this.properties.only_send_changes,k=1;k<this.inputs.length;++k){var h=this.getInputData(k),v=this._last_sent_data[k];if(null!=h){if(c){var z=!0;if(h&&h.length&&v&&v.length==h.length&&h.constructor!==String)for(var B=0;B<h.length;++B){if(v[B]!=h[B]){z=!1;break}}else this._last_sent_data[k]!=
+h&&(z=!1);if(z)continue}this._server.sendMessage({type:0,channel:k,data:h});if(h.length&&h.constructor!==String)if(this._last_sent_data[k])for(this._last_sent_data[k].length=h.length,B=0;B<h.length;++B)this._last_sent_data[k][B]=h[B];else this._last_sent_data[k]=h.constructor===Array?h.concat():new h.constructor(h);else this._last_sent_data[k]=h}}for(k=1;k<this.outputs.length;++k)this.setOutputData(k,this._last_received_data[k]);"#AFA"==this.boxcolor&&(this.boxcolor="#6C6")}};k.prototype.connectSocket=
+function(){var c=this;if("undefined"==typeof SillyClient)this._error||console.error("SillyClient node cannot be used, you must include SillyServer.js"),this._error=!0;else if(this._server=new SillyClient,this._server.on_ready=function(){console.log("ready");c.boxcolor="#6C6"},this._server.on_message=function(h,k){var t=null;try{t=JSON.parse(k)}catch(B){return}if(1==t.type)if(t.data.object_class&&v[t.data.object_class]){var A=null;try{A=new v[t.data.object_class](t.data),c.triggerSlot(0,A)}catch(E){return}}else c.triggerSlot(0,
 t.data);else c._last_received_data[t.channel||0]=t.data;c.boxcolor="#AFA"},this._server.on_error=function(h){console.log("couldnt connect to websocket");c.boxcolor="#E88"},this._server.on_close=function(h){console.log("connection closed");c.boxcolor="#000"},this.properties.url&&this.properties.room){try{this._server.connect(this.properties.url,this.properties.room)}catch(k){console.error("SillyServer error: "+k);this._server=null;return}this._final_url=this.properties.url+"/"+this.properties.room}};
-k.prototype.send=function(c){this._server&&this._server.is_connected&&this._server.sendMessage({type:1,data:c})};k.prototype.onAction=function(c,k){this._server&&this._server.is_connected&&this._server.sendMessage({type:1,action:c,data:k})};k.prototype.onGetInputs=function(){return[["in",0]]};k.prototype.onGetOutputs=function(){return[["out",0]]};u.registerNodeType("network/sillyclient",k)})(this);
+k.prototype.send=function(c){this._server&&this._server.is_connected&&this._server.sendMessage({type:1,data:c})};k.prototype.onAction=function(c,k){this._server&&this._server.is_connected&&this._server.sendMessage({type:1,action:c,data:k})};k.prototype.onGetInputs=function(){return[["in",0]]};k.prototype.onGetOutputs=function(){return[["out",0]]};v.registerNodeType("network/sillyclient",k)})(this);
diff --git a/build/litegraph_mini.js b/build/litegraph_mini.js
new file mode 100644
index 000000000..8eb95017b
--- /dev/null
+++ b/build/litegraph_mini.js
@@ -0,0 +1,16003 @@
+//packer version
+
+(function(global) {
+    // *************************************************************
+    //   LiteGraph CLASS                                     *******
+    // *************************************************************
+
+    /**
+     * The Global Scope. It contains all the registered node classes.
+     *
+     * @class LiteGraph
+     * @constructor
+     */
+
+    var LiteGraph = (global.LiteGraph = {
+        VERSION: 0.4,
+
+        CANVAS_GRID_SIZE: 10,
+
+        NODE_TITLE_HEIGHT: 30,
+        NODE_TITLE_TEXT_Y: 20,
+        NODE_SLOT_HEIGHT: 20,
+        NODE_WIDGET_HEIGHT: 20,
+        NODE_WIDTH: 140,
+        NODE_MIN_WIDTH: 50,
+        NODE_COLLAPSED_RADIUS: 10,
+        NODE_COLLAPSED_WIDTH: 80,
+        NODE_TITLE_COLOR: "#999",
+        NODE_SELECTED_TITLE_COLOR: "#FFF",
+        NODE_TEXT_SIZE: 14,
+        NODE_TEXT_COLOR: "#AAA",
+        NODE_SUBTEXT_SIZE: 12,
+        NODE_DEFAULT_COLOR: "#333",
+        NODE_DEFAULT_BGCOLOR: "#353535",
+        NODE_DEFAULT_BOXCOLOR: "#666",
+        NODE_DEFAULT_SHAPE: "box",
+        NODE_BOX_OUTLINE_COLOR: "#FFF",
+        DEFAULT_SHADOW_COLOR: "rgba(0,0,0,0.5)",
+        DEFAULT_GROUP_FONT: 24,
+
+        WIDGET_BGCOLOR: "#222",
+        WIDGET_OUTLINE_COLOR: "#666",
+        WIDGET_TEXT_COLOR: "#DDD",
+        WIDGET_SECONDARY_TEXT_COLOR: "#999",
+
+        LINK_COLOR: "#9A9",
+        EVENT_LINK_COLOR: "#A86",
+        CONNECTING_LINK_COLOR: "#AFA",
+
+        MAX_NUMBER_OF_NODES: 1000, //avoid infinite loops
+        DEFAULT_POSITION: [100, 100], //default node position
+        VALID_SHAPES: ["default", "box", "round", "card"], //,"circle"
+
+        //shapes are used for nodes but also for slots
+        BOX_SHAPE: 1,
+        ROUND_SHAPE: 2,
+        CIRCLE_SHAPE: 3,
+        CARD_SHAPE: 4,
+        ARROW_SHAPE: 5,
+
+        //enums
+        INPUT: 1,
+        OUTPUT: 2,
+
+        EVENT: -1, //for outputs
+        ACTION: -1, //for inputs
+
+        ALWAYS: 0,
+        ON_EVENT: 1,
+        NEVER: 2,
+        ON_TRIGGER: 3,
+
+        UP: 1,
+        DOWN: 2,
+        LEFT: 3,
+        RIGHT: 4,
+        CENTER: 5,
+
+        STRAIGHT_LINK: 0,
+        LINEAR_LINK: 1,
+        SPLINE_LINK: 2,
+
+        NORMAL_TITLE: 0,
+        NO_TITLE: 1,
+        TRANSPARENT_TITLE: 2,
+        AUTOHIDE_TITLE: 3,
+
+        proxy: null, //used to redirect calls
+        node_images_path: "",
+
+        debug: false,
+        catch_exceptions: true,
+        throw_errors: true,
+        allow_scripts: false, //if set to true some nodes like Formula would be allowed to evaluate code that comes from unsafe sources (like node configuration), which could lead to exploits
+        registered_node_types: {}, //nodetypes by string
+        node_types_by_file_extension: {}, //used for dropping files in the canvas
+        Nodes: {}, //node types by classname
+		Globals: {}, //used to store vars between graphs
+
+        searchbox_extras: {}, //used to add extra features to the search box
+        auto_sort_node_types: false, // If set to true, will automatically sort node types / categories in the context menus
+
+        /**
+         * Register a node class so it can be listed when the user wants to create a new one
+         * @method registerNodeType
+         * @param {String} type name of the node and path
+         * @param {Class} base_class class containing the structure of a node
+         */
+
+        registerNodeType: function(type, base_class) {
+            if (!base_class.prototype) {
+                throw "Cannot register a simple object, it must be a class with a prototype";
+            }
+            base_class.type = type;
+
+            if (LiteGraph.debug) {
+                console.log("Node registered: " + type);
+            }
+
+            var categories = type.split("/");
+            var classname = base_class.name;
+
+            var pos = type.lastIndexOf("/");
+            base_class.category = type.substr(0, pos);
+
+            if (!base_class.title) {
+                base_class.title = classname;
+            }
+            //info.name = name.substr(pos+1,name.length - pos);
+
+            //extend class
+            if (base_class.prototype) {
+                //is a class
+                for (var i in LGraphNode.prototype) {
+                    if (!base_class.prototype[i]) {
+                        base_class.prototype[i] = LGraphNode.prototype[i];
+                    }
+                }
+            }
+
+            var prev = this.registered_node_types[type];
+			if(prev)
+				console.log("replacing node type: " + type);
+			else
+			{
+				if( !Object.hasOwnProperty( base_class.prototype, "shape") )
+				Object.defineProperty(base_class.prototype, "shape", {
+					set: function(v) {
+						switch (v) {
+							case "default":
+								delete this._shape;
+								break;
+							case "box":
+								this._shape = LiteGraph.BOX_SHAPE;
+								break;
+							case "round":
+								this._shape = LiteGraph.ROUND_SHAPE;
+								break;
+							case "circle":
+								this._shape = LiteGraph.CIRCLE_SHAPE;
+								break;
+							case "card":
+								this._shape = LiteGraph.CARD_SHAPE;
+								break;
+							default:
+								this._shape = v;
+						}
+					},
+					get: function(v) {
+						return this._shape;
+					},
+					enumerable: true,
+					configurable: true
+				});
+
+				//warnings
+				if (base_class.prototype.onPropertyChange) {
+					console.warn(
+						"LiteGraph node class " +
+							type +
+							" has onPropertyChange method, it must be called onPropertyChanged with d at the end"
+					);
+				}
+
+				//used to know which nodes create when dragging files to the canvas
+				if (base_class.supported_extensions) {
+					for (var i in base_class.supported_extensions) {
+						var ext = base_class.supported_extensions[i];
+						if(ext && ext.constructor === String)
+							this.node_types_by_file_extension[ ext.toLowerCase() ] = base_class;
+					}
+				}
+			}
+
+            this.registered_node_types[type] = base_class;
+            if (base_class.constructor.name) {
+                this.Nodes[classname] = base_class;
+            }
+            if (LiteGraph.onNodeTypeRegistered) {
+                LiteGraph.onNodeTypeRegistered(type, base_class);
+            }
+            if (prev && LiteGraph.onNodeTypeReplaced) {
+                LiteGraph.onNodeTypeReplaced(type, base_class, prev);
+            }
+
+            //warnings
+            if (base_class.prototype.onPropertyChange) {
+                console.warn(
+                    "LiteGraph node class " +
+                        type +
+                        " has onPropertyChange method, it must be called onPropertyChanged with d at the end"
+                );
+            }
+
+			//used to know which nodes create when dragging files to the canvas
+            if (base_class.supported_extensions) {
+                for (var i=0; i < base_class.supported_extensions.length; i++) {
+					var ext = base_class.supported_extensions[i];
+					if(ext && ext.constructor === String)
+	                    this.node_types_by_file_extension[ ext.toLowerCase() ] = base_class;
+                }
+            }
+        },
+
+        /**
+         * removes a node type from the system
+         * @method unregisterNodeType
+         * @param {String|Object} type name of the node or the node constructor itself
+         */
+        unregisterNodeType: function(type) {
+			var base_class = type.constructor === String ? this.registered_node_types[type] : type;
+			if(!base_class)
+				throw("node type not found: " + type );
+			delete this.registered_node_types[base_class.type];
+			if(base_class.constructor.name)
+				delete this.Nodes[base_class.constructor.name];
+		},
+
+        /**
+         * Create a new nodetype by passing a function, it wraps it with a proper class and generates inputs according to the parameters of the function.
+         * Useful to wrap simple methods that do not require properties, and that only process some input to generate an output.
+         * @method wrapFunctionAsNode
+         * @param {String} name node name with namespace (p.e.: 'math/sum')
+         * @param {Function} func
+         * @param {Array} param_types [optional] an array containing the type of every parameter, otherwise parameters will accept any type
+         * @param {String} return_type [optional] string with the return type, otherwise it will be generic
+         * @param {Object} properties [optional] properties to be configurable
+         */
+        wrapFunctionAsNode: function(
+            name,
+            func,
+            param_types,
+            return_type,
+            properties
+        ) {
+            var params = Array(func.length);
+            var code = "";
+            var names = LiteGraph.getParameterNames(func);
+            for (var i = 0; i < names.length; ++i) {
+                code +=
+                    "this.addInput('" +
+                    names[i] +
+                    "'," +
+                    (param_types && param_types[i]
+                        ? "'" + param_types[i] + "'"
+                        : "0") +
+                    ");\n";
+            }
+            code +=
+                "this.addOutput('out'," +
+                (return_type ? "'" + return_type + "'" : 0) +
+                ");\n";
+            if (properties) {
+                code +=
+                    "this.properties = " + JSON.stringify(properties) + ";\n";
+            }
+            var classobj = Function(code);
+            classobj.title = name.split("/").pop();
+            classobj.desc = "Generated from " + func.name;
+            classobj.prototype.onExecute = function onExecute() {
+                for (var i = 0; i < params.length; ++i) {
+                    params[i] = this.getInputData(i);
+                }
+                var r = func.apply(this, params);
+                this.setOutputData(0, r);
+            };
+            this.registerNodeType(name, classobj);
+        },
+
+        /**
+         * Removes all previously registered node's types
+         */
+        clearRegisteredTypes: function() {
+            this.registered_node_types = {};
+            this.node_types_by_file_extension = {};
+            this.Nodes = {};
+            this.searchbox_extras = {};
+        },
+
+        /**
+         * Adds this method to all nodetypes, existing and to be created
+         * (You can add it to LGraphNode.prototype but then existing node types wont have it)
+         * @method addNodeMethod
+         * @param {Function} func
+         */
+        addNodeMethod: function(name, func) {
+            LGraphNode.prototype[name] = func;
+            for (var i in this.registered_node_types) {
+                var type = this.registered_node_types[i];
+                if (type.prototype[name]) {
+                    type.prototype["_" + name] = type.prototype[name];
+                } //keep old in case of replacing
+                type.prototype[name] = func;
+            }
+        },
+
+        /**
+         * Create a node of a given type with a name. The node is not attached to any graph yet.
+         * @method createNode
+         * @param {String} type full name of the node class. p.e. "math/sin"
+         * @param {String} name a name to distinguish from other nodes
+         * @param {Object} options to set options
+         */
+
+        createNode: function(type, title, options) {
+            var base_class = this.registered_node_types[type];
+            if (!base_class) {
+                if (LiteGraph.debug) {
+                    console.log(
+                        'GraphNode type "' + type + '" not registered.'
+                    );
+                }
+                return null;
+            }
+
+            var prototype = base_class.prototype || base_class;
+
+            title = title || base_class.title || type;
+
+            var node = null;
+
+            if (LiteGraph.catch_exceptions) {
+                try {
+                    node = new base_class(title);
+                } catch (err) {
+                    console.error(err);
+                    return null;
+                }
+            } else {
+                node = new base_class(title);
+            }
+
+            node.type = type;
+
+            if (!node.title && title) {
+                node.title = title;
+            }
+            if (!node.properties) {
+                node.properties = {};
+            }
+            if (!node.properties_info) {
+                node.properties_info = [];
+            }
+            if (!node.flags) {
+                node.flags = {};
+            }
+            if (!node.size) {
+                node.size = node.computeSize();
+				//call onresize?
+            }
+            if (!node.pos) {
+                node.pos = LiteGraph.DEFAULT_POSITION.concat();
+            }
+            if (!node.mode) {
+                node.mode = LiteGraph.ALWAYS;
+            }
+
+            //extra options
+            if (options) {
+                for (var i in options) {
+                    node[i] = options[i];
+                }
+            }
+
+            return node;
+        },
+
+        /**
+         * Returns a registered node type with a given name
+         * @method getNodeType
+         * @param {String} type full name of the node class. p.e. "math/sin"
+         * @return {Class} the node class
+         */
+        getNodeType: function(type) {
+            return this.registered_node_types[type];
+        },
+
+        /**
+         * Returns a list of node types matching one category
+         * @method getNodeType
+         * @param {String} category category name
+         * @return {Array} array with all the node classes
+         */
+
+        getNodeTypesInCategory: function(category, filter) {
+            var r = [];
+            for (var i in this.registered_node_types) {
+                var type = this.registered_node_types[i];
+                if (type.filter != filter) {
+                    continue;
+                }
+
+                if (category == "") {
+                    if (type.category == null) {
+                        r.push(type);
+                    }
+                } else if (type.category == category) {
+                    r.push(type);
+                }
+            }
+
+            return this.auto_sort_node_types ? r.sort() : r;
+        },
+
+        /**
+         * Returns a list with all the node type categories
+         * @method getNodeTypesCategories
+         * @param {String} filter only nodes with ctor.filter equal can be shown
+         * @return {Array} array with all the names of the categories
+         */
+        getNodeTypesCategories: function( filter ) {
+            var categories = { "": 1 };
+            for (var i in this.registered_node_types) {
+				var type = this.registered_node_types[i];
+                if ( type.category && !type.skip_list )
+                {
+					if(type.filter != filter)
+						continue;
+                    categories[type.category] = 1;
+                }
+            }
+            var result = [];
+            for (var i in categories) {
+                result.push(i);
+            }
+            return this.auto_sort_node_types ? result.sort() : result;
+        },
+
+        //debug purposes: reloads all the js scripts that matches a wildcard
+        reloadNodes: function(folder_wildcard) {
+            var tmp = document.getElementsByTagName("script");
+            //weird, this array changes by its own, so we use a copy
+            var script_files = [];
+            for (var i=0; i < tmp.length; i++) {
+                script_files.push(tmp[i]);
+            }
+
+            var docHeadObj = document.getElementsByTagName("head")[0];
+            folder_wildcard = document.location.href + folder_wildcard;
+
+            for (var i=0; i < script_files.length; i++) {
+                var src = script_files[i].src;
+                if (
+                    !src ||
+                    src.substr(0, folder_wildcard.length) != folder_wildcard
+                ) {
+                    continue;
+                }
+
+                try {
+                    if (LiteGraph.debug) {
+                        console.log("Reloading: " + src);
+                    }
+                    var dynamicScript = document.createElement("script");
+                    dynamicScript.type = "text/javascript";
+                    dynamicScript.src = src;
+                    docHeadObj.appendChild(dynamicScript);
+                    docHeadObj.removeChild(script_files[i]);
+                } catch (err) {
+                    if (LiteGraph.throw_errors) {
+                        throw err;
+                    }
+                    if (LiteGraph.debug) {
+                        console.log("Error while reloading " + src);
+                    }
+                }
+            }
+
+            if (LiteGraph.debug) {
+                console.log("Nodes reloaded");
+            }
+        },
+
+        //separated just to improve if it doesn't work
+        cloneObject: function(obj, target) {
+            if (obj == null) {
+                return null;
+            }
+            var r = JSON.parse(JSON.stringify(obj));
+            if (!target) {
+                return r;
+            }
+
+            for (var i in r) {
+                target[i] = r[i];
+            }
+            return target;
+        },
+
+        /**
+         * Returns if the types of two slots are compatible (taking into account wildcards, etc)
+         * @method isValidConnection
+         * @param {String} type_a
+         * @param {String} type_b
+         * @return {Boolean} true if they can be connected
+         */
+        isValidConnection: function(type_a, type_b) {
+            if (
+                !type_a || //generic output
+                !type_b || //generic input
+                type_a == type_b || //same type (is valid for triggers)
+                (type_a == LiteGraph.EVENT && type_b == LiteGraph.ACTION)
+            ) {
+                return true;
+            }
+
+            // Enforce string type to handle toLowerCase call (-1 number not ok)
+            type_a = String(type_a);
+            type_b = String(type_b);
+            type_a = type_a.toLowerCase();
+            type_b = type_b.toLowerCase();
+
+            // For nodes supporting multiple connection types
+            if (type_a.indexOf(",") == -1 && type_b.indexOf(",") == -1) {
+                return type_a == type_b;
+            }
+
+            // Check all permutations to see if one is valid
+            var supported_types_a = type_a.split(",");
+            var supported_types_b = type_b.split(",");
+            for (var i = 0; i < supported_types_a.length; ++i) {
+                for (var j = 0; j < supported_types_b.length; ++j) {
+                    if (supported_types_a[i] == supported_types_b[j]) {
+                        return true;
+                    }
+                }
+            }
+
+            return false;
+        },
+
+        /**
+         * Register a string in the search box so when the user types it it will recommend this node
+         * @method registerSearchboxExtra
+         * @param {String} node_type the node recommended
+         * @param {String} description text to show next to it
+         * @param {Object} data it could contain info of how the node should be configured
+         * @return {Boolean} true if they can be connected
+         */
+        registerSearchboxExtra: function(node_type, description, data) {
+            this.searchbox_extras[description.toLowerCase()] = {
+                type: node_type,
+                desc: description,
+                data: data
+            };
+        },
+
+        /**
+         * Wrapper to load files (from url using fetch or from file using FileReader)
+         * @method fetchFile
+         * @param {String|File|Blob} url the url of the file (or the file itself)
+         * @param {String} type an string to know how to fetch it: "text","arraybuffer","json","blob"
+         * @param {Function} on_complete callback(data)
+         * @param {Function} on_error in case of an error
+         * @return {FileReader|Promise} returns the object used to 
+         */
+		fetchFile: function( url, type, on_complete, on_error ) {
+			var that = this;
+			if(!url)
+				return null;
+
+			type = type || "text";
+			if( url.constructor === String )
+			{
+				if (url.substr(0, 4) == "http" && LiteGraph.proxy) {
+					url = LiteGraph.proxy + url.substr(url.indexOf(":") + 3);
+				}
+				return fetch(url)
+				.then(function(response) {
+					if(!response.ok)
+						 throw new Error("File not found"); //it will be catch below
+					if(type == "arraybuffer")
+						return response.arrayBuffer();
+					else if(type == "text" || type == "string")
+						return response.text();
+					else if(type == "json")
+						return response.json();
+					else if(type == "blob")
+						return response.blob();
+				})
+				.then(function(data) {
+					if(on_complete)
+						on_complete(data);
+				})
+				.catch(function(error) {
+					console.error("error fetching file:",url);
+					if(on_error)
+						on_error(error);
+				});
+			}
+			else if( url.constructor === File || url.constructor === Blob)
+			{
+				var reader = new FileReader();
+				reader.onload = function(e)
+				{
+					var v = e.target.result;
+					if( type == "json" )
+						v = JSON.parse(v);
+					if(on_complete)
+						on_complete(v);
+				}
+				if(type == "arraybuffer")
+					return reader.readAsArrayBuffer(url);
+				else if(type == "text" || type == "json")
+					return reader.readAsText(url);
+				else if(type == "blob")
+					return reader.readAsBinaryString(url);
+			}
+			return null;
+		}
+    });
+
+    //timer that works everywhere
+    if (typeof performance != "undefined") {
+        LiteGraph.getTime = performance.now.bind(performance);
+    } else if (typeof Date != "undefined" && Date.now) {
+        LiteGraph.getTime = Date.now.bind(Date);
+    } else if (typeof process != "undefined") {
+        LiteGraph.getTime = function() {
+            var t = process.hrtime();
+            return t[0] * 0.001 + t[1] * 1e-6;
+        };
+    } else {
+        LiteGraph.getTime = function getTime() {
+            return new Date().getTime();
+        };
+    }
+
+    //*********************************************************************************
+    // LGraph CLASS
+    //*********************************************************************************
+
+    /**
+     * LGraph is the class that contain a full graph. We instantiate one and add nodes to it, and then we can run the execution loop.
+	 * supported callbacks:
+		+ onNodeAdded: when a new node is added to the graph
+		+ onNodeRemoved: when a node inside this graph is removed
+		+ onNodeConnectionChange: some connection has changed in the graph (connected or disconnected)
+     *
+     * @class LGraph
+     * @constructor
+     * @param {Object} o data from previous serialization [optional]
+     */
+
+    function LGraph(o) {
+        if (LiteGraph.debug) {
+            console.log("Graph created");
+        }
+        this.list_of_graphcanvas = null;
+        this.clear();
+
+        if (o) {
+            this.configure(o);
+        }
+    }
+
+    global.LGraph = LiteGraph.LGraph = LGraph;
+
+    //default supported types
+    LGraph.supported_types = ["number", "string", "boolean"];
+
+    //used to know which types of connections support this graph (some graphs do not allow certain types)
+    LGraph.prototype.getSupportedTypes = function() {
+        return this.supported_types || LGraph.supported_types;
+    };
+
+    LGraph.STATUS_STOPPED = 1;
+    LGraph.STATUS_RUNNING = 2;
+
+    /**
+     * Removes all nodes from this graph
+     * @method clear
+     */
+
+    LGraph.prototype.clear = function() {
+        this.stop();
+        this.status = LGraph.STATUS_STOPPED;
+
+        this.last_node_id = 0;
+        this.last_link_id = 0;
+
+        this._version = -1; //used to detect changes
+
+        //safe clear
+        if (this._nodes) {
+            for (var i = 0; i < this._nodes.length; ++i) {
+                var node = this._nodes[i];
+                if (node.onRemoved) {
+                    node.onRemoved();
+                }
+            }
+        }
+
+        //nodes
+        this._nodes = [];
+        this._nodes_by_id = {};
+        this._nodes_in_order = []; //nodes sorted in execution order
+        this._nodes_executable = null; //nodes that contain onExecute sorted in execution order
+
+        //other scene stuff
+        this._groups = [];
+
+        //links
+        this.links = {}; //container with all the links
+
+        //iterations
+        this.iteration = 0;
+
+        //custom data
+        this.config = {};
+		this.vars = {};
+		this.extra = {}; //to store custom data
+
+        //timing
+        this.globaltime = 0;
+        this.runningtime = 0;
+        this.fixedtime = 0;
+        this.fixedtime_lapse = 0.01;
+        this.elapsed_time = 0.01;
+        this.last_update_time = 0;
+        this.starttime = 0;
+
+        this.catch_errors = true;
+
+        //subgraph_data
+        this.inputs = {};
+        this.outputs = {};
+
+        //notify canvas to redraw
+        this.change();
+
+        this.sendActionToCanvas("clear");
+    };
+
+    /**
+     * Attach Canvas to this graph
+     * @method attachCanvas
+     * @param {GraphCanvas} graph_canvas
+     */
+
+    LGraph.prototype.attachCanvas = function(graphcanvas) {
+        if (graphcanvas.constructor != LGraphCanvas) {
+            throw "attachCanvas expects a LGraphCanvas instance";
+        }
+        if (graphcanvas.graph && graphcanvas.graph != this) {
+            graphcanvas.graph.detachCanvas(graphcanvas);
+        }
+
+        graphcanvas.graph = this;
+
+        if (!this.list_of_graphcanvas) {
+            this.list_of_graphcanvas = [];
+        }
+        this.list_of_graphcanvas.push(graphcanvas);
+    };
+
+    /**
+     * Detach Canvas from this graph
+     * @method detachCanvas
+     * @param {GraphCanvas} graph_canvas
+     */
+    LGraph.prototype.detachCanvas = function(graphcanvas) {
+        if (!this.list_of_graphcanvas) {
+            return;
+        }
+
+        var pos = this.list_of_graphcanvas.indexOf(graphcanvas);
+        if (pos == -1) {
+            return;
+        }
+        graphcanvas.graph = null;
+        this.list_of_graphcanvas.splice(pos, 1);
+    };
+
+    /**
+     * Starts running this graph every interval milliseconds.
+     * @method start
+     * @param {number} interval amount of milliseconds between executions, if 0 then it renders to the monitor refresh rate
+     */
+
+    LGraph.prototype.start = function(interval) {
+        if (this.status == LGraph.STATUS_RUNNING) {
+            return;
+        }
+        this.status = LGraph.STATUS_RUNNING;
+
+        if (this.onPlayEvent) {
+            this.onPlayEvent();
+        }
+
+        this.sendEventToAllNodes("onStart");
+
+        //launch
+        this.starttime = LiteGraph.getTime();
+        this.last_update_time = this.starttime;
+        interval = interval || 0;
+        var that = this;
+
+		//execute once per frame
+        if ( interval == 0 && typeof window != "undefined" && window.requestAnimationFrame ) {
+            function on_frame() {
+                if (that.execution_timer_id != -1) {
+                    return;
+                }
+                window.requestAnimationFrame(on_frame);
+				if(that.onBeforeStep)
+					that.onBeforeStep();
+                that.runStep(1, !that.catch_errors);
+				if(that.onAfterStep)
+					that.onAfterStep();
+            }
+            this.execution_timer_id = -1;
+            on_frame();
+        } else { //execute every 'interval' ms
+            this.execution_timer_id = setInterval(function() {
+                //execute
+				if(that.onBeforeStep)
+					that.onBeforeStep();
+                that.runStep(1, !that.catch_errors);
+				if(that.onAfterStep)
+					that.onAfterStep();
+            }, interval);
+        }
+    };
+
+    /**
+     * Stops the execution loop of the graph
+     * @method stop execution
+     */
+
+    LGraph.prototype.stop = function() {
+        if (this.status == LGraph.STATUS_STOPPED) {
+            return;
+        }
+
+        this.status = LGraph.STATUS_STOPPED;
+
+        if (this.onStopEvent) {
+            this.onStopEvent();
+        }
+
+        if (this.execution_timer_id != null) {
+            if (this.execution_timer_id != -1) {
+                clearInterval(this.execution_timer_id);
+            }
+            this.execution_timer_id = null;
+        }
+
+        this.sendEventToAllNodes("onStop");
+    };
+
+    /**
+     * Run N steps (cycles) of the graph
+     * @method runStep
+     * @param {number} num number of steps to run, default is 1
+     * @param {Boolean} do_not_catch_errors [optional] if you want to try/catch errors 
+     * @param {number} limit max number of nodes to execute (used to execute from start to a node)
+     */
+
+    LGraph.prototype.runStep = function(num, do_not_catch_errors, limit ) {
+        num = num || 1;
+
+        var start = LiteGraph.getTime();
+        this.globaltime = 0.001 * (start - this.starttime);
+
+        var nodes = this._nodes_executable
+            ? this._nodes_executable
+            : this._nodes;
+        if (!nodes) {
+            return;
+        }
+
+		limit = limit || nodes.length;
+
+        if (do_not_catch_errors) {
+            //iterations
+            for (var i = 0; i < num; i++) {
+                for (var j = 0; j < limit; ++j) {
+                    var node = nodes[j];
+                    if (node.mode == LiteGraph.ALWAYS && node.onExecute) {
+                        node.onExecute(); //hard to send elapsed time
+                    }
+                }
+
+                this.fixedtime += this.fixedtime_lapse;
+                if (this.onExecuteStep) {
+                    this.onExecuteStep();
+                }
+            }
+
+            if (this.onAfterExecute) {
+                this.onAfterExecute();
+            }
+        } else {
+            try {
+                //iterations
+                for (var i = 0; i < num; i++) {
+                    for (var j = 0; j < limit; ++j) {
+                        var node = nodes[j];
+                        if (node.mode == LiteGraph.ALWAYS && node.onExecute) {
+                            node.onExecute();
+                        }
+                    }
+
+                    this.fixedtime += this.fixedtime_lapse;
+                    if (this.onExecuteStep) {
+                        this.onExecuteStep();
+                    }
+                }
+
+                if (this.onAfterExecute) {
+                    this.onAfterExecute();
+                }
+                this.errors_in_execution = false;
+            } catch (err) {
+                this.errors_in_execution = true;
+                if (LiteGraph.throw_errors) {
+                    throw err;
+                }
+                if (LiteGraph.debug) {
+                    console.log("Error during execution: " + err);
+                }
+                this.stop();
+            }
+        }
+
+        var now = LiteGraph.getTime();
+        var elapsed = now - start;
+        if (elapsed == 0) {
+            elapsed = 1;
+        }
+        this.execution_time = 0.001 * elapsed;
+        this.globaltime += 0.001 * elapsed;
+        this.iteration += 1;
+        this.elapsed_time = (now - this.last_update_time) * 0.001;
+        this.last_update_time = now;
+    };
+
+    /**
+     * Updates the graph execution order according to relevance of the nodes (nodes with only outputs have more relevance than
+     * nodes with only inputs.
+     * @method updateExecutionOrder
+     */
+    LGraph.prototype.updateExecutionOrder = function() {
+        this._nodes_in_order = this.computeExecutionOrder(false);
+        this._nodes_executable = [];
+        for (var i = 0; i < this._nodes_in_order.length; ++i) {
+            if (this._nodes_in_order[i].onExecute) {
+                this._nodes_executable.push(this._nodes_in_order[i]);
+            }
+        }
+    };
+
+    //This is more internal, it computes the executable nodes in order and returns it
+    LGraph.prototype.computeExecutionOrder = function(
+        only_onExecute,
+        set_level
+    ) {
+        var L = [];
+        var S = [];
+        var M = {};
+        var visited_links = {}; //to avoid repeating links
+        var remaining_links = {}; //to a
+
+        //search for the nodes without inputs (starting nodes)
+        for (var i = 0, l = this._nodes.length; i < l; ++i) {
+            var node = this._nodes[i];
+            if (only_onExecute && !node.onExecute) {
+                continue;
+            }
+
+            M[node.id] = node; //add to pending nodes
+
+            var num = 0; //num of input connections
+            if (node.inputs) {
+                for (var j = 0, l2 = node.inputs.length; j < l2; j++) {
+                    if (node.inputs[j] && node.inputs[j].link != null) {
+                        num += 1;
+                    }
+                }
+            }
+
+            if (num == 0) {
+                //is a starting node
+                S.push(node);
+                if (set_level) {
+                    node._level = 1;
+                }
+            } //num of input links
+            else {
+                if (set_level) {
+                    node._level = 0;
+                }
+                remaining_links[node.id] = num;
+            }
+        }
+
+        while (true) {
+            if (S.length == 0) {
+                break;
+            }
+
+            //get an starting node
+            var node = S.shift();
+            L.push(node); //add to ordered list
+            delete M[node.id]; //remove from the pending nodes
+
+            if (!node.outputs) {
+                continue;
+            }
+
+            //for every output
+            for (var i = 0; i < node.outputs.length; i++) {
+                var output = node.outputs[i];
+                //not connected
+                if (
+                    output == null ||
+                    output.links == null ||
+                    output.links.length == 0
+                ) {
+                    continue;
+                }
+
+                //for every connection
+                for (var j = 0; j < output.links.length; j++) {
+                    var link_id = output.links[j];
+                    var link = this.links[link_id];
+                    if (!link) {
+                        continue;
+                    }
+
+                    //already visited link (ignore it)
+                    if (visited_links[link.id]) {
+                        continue;
+                    }
+
+                    var target_node = this.getNodeById(link.target_id);
+                    if (target_node == null) {
+                        visited_links[link.id] = true;
+                        continue;
+                    }
+
+                    if (
+                        set_level &&
+                        (!target_node._level ||
+                            target_node._level <= node._level)
+                    ) {
+                        target_node._level = node._level + 1;
+                    }
+
+                    visited_links[link.id] = true; //mark as visited
+                    remaining_links[target_node.id] -= 1; //reduce the number of links remaining
+                    if (remaining_links[target_node.id] == 0) {
+                        S.push(target_node);
+                    } //if no more links, then add to starters array
+                }
+            }
+        }
+
+        //the remaining ones (loops)
+        for (var i in M) {
+            L.push(M[i]);
+        }
+
+        if (L.length != this._nodes.length && LiteGraph.debug) {
+            console.warn("something went wrong, nodes missing");
+        }
+
+        var l = L.length;
+
+        //save order number in the node
+        for (var i = 0; i < l; ++i) {
+            L[i].order = i;
+        }
+
+        //sort now by priority
+        L = L.sort(function(A, B) {
+            var Ap = A.constructor.priority || A.priority || 0;
+            var Bp = B.constructor.priority || B.priority || 0;
+            if (Ap == Bp) {
+                //if same priority, sort by order
+                return A.order - B.order;
+            }
+            return Ap - Bp; //sort by priority
+        });
+
+        //save order number in the node, again...
+        for (var i = 0; i < l; ++i) {
+            L[i].order = i;
+        }
+
+        return L;
+    };
+
+    /**
+     * Returns all the nodes that could affect this one (ancestors) by crawling all the inputs recursively.
+     * It doesn't include the node itself
+     * @method getAncestors
+     * @return {Array} an array with all the LGraphNodes that affect this node, in order of execution
+     */
+    LGraph.prototype.getAncestors = function(node) {
+        var ancestors = [];
+        var pending = [node];
+        var visited = {};
+
+        while (pending.length) {
+            var current = pending.shift();
+            if (!current.inputs) {
+                continue;
+            }
+            if (!visited[current.id] && current != node) {
+                visited[current.id] = true;
+                ancestors.push(current);
+            }
+
+            for (var i = 0; i < current.inputs.length; ++i) {
+                var input = current.getInputNode(i);
+                if (input && ancestors.indexOf(input) == -1) {
+                    pending.push(input);
+                }
+            }
+        }
+
+        ancestors.sort(function(a, b) {
+            return a.order - b.order;
+        });
+        return ancestors;
+    };
+
+    /**
+     * Positions every node in a more readable manner
+     * @method arrange
+     */
+    LGraph.prototype.arrange = function(margin) {
+        margin = margin || 100;
+
+        var nodes = this.computeExecutionOrder(false, true);
+        var columns = [];
+        for (var i = 0; i < nodes.length; ++i) {
+            var node = nodes[i];
+            var col = node._level || 1;
+            if (!columns[col]) {
+                columns[col] = [];
+            }
+            columns[col].push(node);
+        }
+
+        var x = margin;
+
+        for (var i = 0; i < columns.length; ++i) {
+            var column = columns[i];
+            if (!column) {
+                continue;
+            }
+            var max_size = 100;
+            var y = margin + LiteGraph.NODE_TITLE_HEIGHT;
+            for (var j = 0; j < column.length; ++j) {
+                var node = column[j];
+                node.pos[0] = x;
+                node.pos[1] = y;
+                if (node.size[0] > max_size) {
+                    max_size = node.size[0];
+                }
+                y += node.size[1] + margin + LiteGraph.NODE_TITLE_HEIGHT;
+            }
+            x += max_size + margin;
+        }
+
+        this.setDirtyCanvas(true, true);
+    };
+
+    /**
+     * Returns the amount of time the graph has been running in milliseconds
+     * @method getTime
+     * @return {number} number of milliseconds the graph has been running
+     */
+    LGraph.prototype.getTime = function() {
+        return this.globaltime;
+    };
+
+    /**
+     * Returns the amount of time accumulated using the fixedtime_lapse var. This is used in context where the time increments should be constant
+     * @method getFixedTime
+     * @return {number} number of milliseconds the graph has been running
+     */
+
+    LGraph.prototype.getFixedTime = function() {
+        return this.fixedtime;
+    };
+
+    /**
+     * Returns the amount of time it took to compute the latest iteration. Take into account that this number could be not correct
+     * if the nodes are using graphical actions
+     * @method getElapsedTime
+     * @return {number} number of milliseconds it took the last cycle
+     */
+
+    LGraph.prototype.getElapsedTime = function() {
+        return this.elapsed_time;
+    };
+
+    /**
+     * Sends an event to all the nodes, useful to trigger stuff
+     * @method sendEventToAllNodes
+     * @param {String} eventname the name of the event (function to be called)
+     * @param {Array} params parameters in array format
+     */
+    LGraph.prototype.sendEventToAllNodes = function(eventname, params, mode) {
+        mode = mode || LiteGraph.ALWAYS;
+
+        var nodes = this._nodes_in_order ? this._nodes_in_order : this._nodes;
+        if (!nodes) {
+            return;
+        }
+
+        for (var j = 0, l = nodes.length; j < l; ++j) {
+            var node = nodes[j];
+
+            if (
+                node.constructor === LiteGraph.Subgraph &&
+                eventname != "onExecute"
+            ) {
+                if (node.mode == mode) {
+                    node.sendEventToAllNodes(eventname, params, mode);
+                }
+                continue;
+            }
+
+            if (!node[eventname] || node.mode != mode) {
+                continue;
+            }
+            if (params === undefined) {
+                node[eventname]();
+            } else if (params && params.constructor === Array) {
+                node[eventname].apply(node, params);
+            } else {
+                node[eventname](params);
+            }
+        }
+    };
+
+    LGraph.prototype.sendActionToCanvas = function(action, params) {
+        if (!this.list_of_graphcanvas) {
+            return;
+        }
+
+        for (var i = 0; i < this.list_of_graphcanvas.length; ++i) {
+            var c = this.list_of_graphcanvas[i];
+            if (c[action]) {
+                c[action].apply(c, params);
+            }
+        }
+    };
+
+    /**
+     * Adds a new node instance to this graph
+     * @method add
+     * @param {LGraphNode} node the instance of the node
+     */
+
+    LGraph.prototype.add = function(node, skip_compute_order) {
+        if (!node) {
+            return;
+        }
+
+        //groups
+        if (node.constructor === LGraphGroup) {
+            this._groups.push(node);
+            this.setDirtyCanvas(true);
+            this.change();
+            node.graph = this;
+            this._version++;
+            return;
+        }
+
+        //nodes
+        if (node.id != -1 && this._nodes_by_id[node.id] != null) {
+            console.warn(
+                "LiteGraph: there is already a node with this ID, changing it"
+            );
+            node.id = ++this.last_node_id;
+        }
+
+        if (this._nodes.length >= LiteGraph.MAX_NUMBER_OF_NODES) {
+            throw "LiteGraph: max number of nodes in a graph reached";
+        }
+
+        //give him an id
+        if (node.id == null || node.id == -1) {
+            node.id = ++this.last_node_id;
+        } else if (this.last_node_id < node.id) {
+            this.last_node_id = node.id;
+        }
+
+        node.graph = this;
+        this._version++;
+
+        this._nodes.push(node);
+        this._nodes_by_id[node.id] = node;
+
+        if (node.onAdded) {
+            node.onAdded(this);
+        }
+
+        if (this.config.align_to_grid) {
+            node.alignToGrid();
+        }
+
+        if (!skip_compute_order) {
+            this.updateExecutionOrder();
+        }
+
+        if (this.onNodeAdded) {
+            this.onNodeAdded(node);
+        }
+
+        this.setDirtyCanvas(true);
+        this.change();
+
+        return node; //to chain actions
+    };
+
+    /**
+     * Removes a node from the graph
+     * @method remove
+     * @param {LGraphNode} node the instance of the node
+     */
+
+    LGraph.prototype.remove = function(node) {
+        if (node.constructor === LiteGraph.LGraphGroup) {
+            var index = this._groups.indexOf(node);
+            if (index != -1) {
+                this._groups.splice(index, 1);
+            }
+            node.graph = null;
+            this._version++;
+            this.setDirtyCanvas(true, true);
+            this.change();
+            return;
+        }
+
+        if (this._nodes_by_id[node.id] == null) {
+            return;
+        } //not found
+
+        if (node.ignore_remove) {
+            return;
+        } //cannot be removed
+
+		this.beforeChange(); //sure?
+
+        //disconnect inputs
+        if (node.inputs) {
+            for (var i = 0; i < node.inputs.length; i++) {
+                var slot = node.inputs[i];
+                if (slot.link != null) {
+                    node.disconnectInput(i);
+                }
+            }
+        }
+
+        //disconnect outputs
+        if (node.outputs) {
+            for (var i = 0; i < node.outputs.length; i++) {
+                var slot = node.outputs[i];
+                if (slot.links != null && slot.links.length) {
+                    node.disconnectOutput(i);
+                }
+            }
+        }
+
+        //node.id = -1; //why?
+
+        //callback
+        if (node.onRemoved) {
+            node.onRemoved();
+        }
+
+        node.graph = null;
+        this._version++;
+
+        //remove from canvas render
+        if (this.list_of_graphcanvas) {
+            for (var i = 0; i < this.list_of_graphcanvas.length; ++i) {
+                var canvas = this.list_of_graphcanvas[i];
+                if (canvas.selected_nodes[node.id]) {
+                    delete canvas.selected_nodes[node.id];
+                }
+                if (canvas.node_dragged == node) {
+                    canvas.node_dragged = null;
+                }
+            }
+        }
+
+        //remove from containers
+        var pos = this._nodes.indexOf(node);
+        if (pos != -1) {
+            this._nodes.splice(pos, 1);
+        }
+        delete this._nodes_by_id[node.id];
+
+        if (this.onNodeRemoved) {
+            this.onNodeRemoved(node);
+        }
+
+		//close panels
+		this.sendActionToCanvas("checkPanels");
+
+        this.setDirtyCanvas(true, true);
+		this.afterChange(); //sure?
+        this.change();
+
+        this.updateExecutionOrder();
+    };
+
+    /**
+     * Returns a node by its id.
+     * @method getNodeById
+     * @param {Number} id
+     */
+
+    LGraph.prototype.getNodeById = function(id) {
+        if (id == null) {
+            return null;
+        }
+        return this._nodes_by_id[id];
+    };
+
+    /**
+     * Returns a list of nodes that matches a class
+     * @method findNodesByClass
+     * @param {Class} classObject the class itself (not an string)
+     * @return {Array} a list with all the nodes of this type
+     */
+    LGraph.prototype.findNodesByClass = function(classObject, result) {
+        result = result || [];
+        result.length = 0;
+        for (var i = 0, l = this._nodes.length; i < l; ++i) {
+            if (this._nodes[i].constructor === classObject) {
+                result.push(this._nodes[i]);
+            }
+        }
+        return result;
+    };
+
+    /**
+     * Returns a list of nodes that matches a type
+     * @method findNodesByType
+     * @param {String} type the name of the node type
+     * @return {Array} a list with all the nodes of this type
+     */
+    LGraph.prototype.findNodesByType = function(type, result) {
+        var type = type.toLowerCase();
+        result = result || [];
+        result.length = 0;
+        for (var i = 0, l = this._nodes.length; i < l; ++i) {
+            if (this._nodes[i].type.toLowerCase() == type) {
+                result.push(this._nodes[i]);
+            }
+        }
+        return result;
+    };
+
+    /**
+     * Returns the first node that matches a name in its title
+     * @method findNodeByTitle
+     * @param {String} name the name of the node to search
+     * @return {Node} the node or null
+     */
+    LGraph.prototype.findNodeByTitle = function(title) {
+        for (var i = 0, l = this._nodes.length; i < l; ++i) {
+            if (this._nodes[i].title == title) {
+                return this._nodes[i];
+            }
+        }
+        return null;
+    };
+
+    /**
+     * Returns a list of nodes that matches a name
+     * @method findNodesByTitle
+     * @param {String} name the name of the node to search
+     * @return {Array} a list with all the nodes with this name
+     */
+    LGraph.prototype.findNodesByTitle = function(title) {
+        var result = [];
+        for (var i = 0, l = this._nodes.length; i < l; ++i) {
+            if (this._nodes[i].title == title) {
+                result.push(this._nodes[i]);
+            }
+        }
+        return result;
+    };
+
+    /**
+     * Returns the top-most node in this position of the canvas
+     * @method getNodeOnPos
+     * @param {number} x the x coordinate in canvas space
+     * @param {number} y the y coordinate in canvas space
+     * @param {Array} nodes_list a list with all the nodes to search from, by default is all the nodes in the graph
+     * @return {LGraphNode} the node at this position or null
+     */
+    LGraph.prototype.getNodeOnPos = function(x, y, nodes_list, margin) {
+        nodes_list = nodes_list || this._nodes;
+        for (var i = nodes_list.length - 1; i >= 0; i--) {
+            var n = nodes_list[i];
+            if (n.isPointInside(x, y, margin)) {
+                return n;
+            }
+        }
+        return null;
+    };
+
+    /**
+     * Returns the top-most group in that position
+     * @method getGroupOnPos
+     * @param {number} x the x coordinate in canvas space
+     * @param {number} y the y coordinate in canvas space
+     * @return {LGraphGroup} the group or null
+     */
+    LGraph.prototype.getGroupOnPos = function(x, y) {
+        for (var i = this._groups.length - 1; i >= 0; i--) {
+            var g = this._groups[i];
+            if (g.isPointInside(x, y, 2, true)) {
+                return g;
+            }
+        }
+        return null;
+    };
+
+    /**
+     * Checks that the node type matches the node type registered, used when replacing a nodetype by a newer version during execution
+     * this replaces the ones using the old version with the new version
+     * @method checkNodeTypes
+     */
+    LGraph.prototype.checkNodeTypes = function() {
+        var changes = false;
+        for (var i = 0; i < this._nodes.length; i++) {
+            var node = this._nodes[i];
+            var ctor = LiteGraph.registered_node_types[node.type];
+            if (node.constructor == ctor) {
+                continue;
+            }
+            console.log("node being replaced by newer version: " + node.type);
+            var newnode = LiteGraph.createNode(node.type);
+            changes = true;
+            this._nodes[i] = newnode;
+            newnode.configure(node.serialize());
+            newnode.graph = this;
+            this._nodes_by_id[newnode.id] = newnode;
+            if (node.inputs) {
+                newnode.inputs = node.inputs.concat();
+            }
+            if (node.outputs) {
+                newnode.outputs = node.outputs.concat();
+            }
+        }
+        this.updateExecutionOrder();
+    };
+
+    // ********** GLOBALS *****************
+
+    LGraph.prototype.onAction = function(action, param) {
+        this._input_nodes = this.findNodesByClass(
+            LiteGraph.GraphInput,
+            this._input_nodes
+        );
+        for (var i = 0; i < this._input_nodes.length; ++i) {
+            var node = this._input_nodes[i];
+            if (node.properties.name != action) {
+                continue;
+            }
+            node.onAction(action, param);
+            break;
+        }
+    };
+
+    LGraph.prototype.trigger = function(action, param) {
+        if (this.onTrigger) {
+            this.onTrigger(action, param);
+        }
+    };
+
+    /**
+     * Tell this graph it has a global graph input of this type
+     * @method addGlobalInput
+     * @param {String} name
+     * @param {String} type
+     * @param {*} value [optional]
+     */
+    LGraph.prototype.addInput = function(name, type, value) {
+        var input = this.inputs[name];
+        if (input) {
+            //already exist
+            return;
+        }
+
+		this.beforeChange();
+        this.inputs[name] = { name: name, type: type, value: value };
+        this._version++;
+		this.afterChange();
+
+        if (this.onInputAdded) {
+            this.onInputAdded(name, type);
+        }
+
+        if (this.onInputsOutputsChange) {
+            this.onInputsOutputsChange();
+        }
+    };
+
+    /**
+     * Assign a data to the global graph input
+     * @method setGlobalInputData
+     * @param {String} name
+     * @param {*} data
+     */
+    LGraph.prototype.setInputData = function(name, data) {
+        var input = this.inputs[name];
+        if (!input) {
+            return;
+        }
+        input.value = data;
+    };
+
+    /**
+     * Returns the current value of a global graph input
+     * @method getInputData
+     * @param {String} name
+     * @return {*} the data
+     */
+    LGraph.prototype.getInputData = function(name) {
+        var input = this.inputs[name];
+        if (!input) {
+            return null;
+        }
+        return input.value;
+    };
+
+    /**
+     * Changes the name of a global graph input
+     * @method renameInput
+     * @param {String} old_name
+     * @param {String} new_name
+     */
+    LGraph.prototype.renameInput = function(old_name, name) {
+        if (name == old_name) {
+            return;
+        }
+
+        if (!this.inputs[old_name]) {
+            return false;
+        }
+
+        if (this.inputs[name]) {
+            console.error("there is already one input with that name");
+            return false;
+        }
+
+        this.inputs[name] = this.inputs[old_name];
+        delete this.inputs[old_name];
+        this._version++;
+
+        if (this.onInputRenamed) {
+            this.onInputRenamed(old_name, name);
+        }
+
+        if (this.onInputsOutputsChange) {
+            this.onInputsOutputsChange();
+        }
+    };
+
+    /**
+     * Changes the type of a global graph input
+     * @method changeInputType
+     * @param {String} name
+     * @param {String} type
+     */
+    LGraph.prototype.changeInputType = function(name, type) {
+        if (!this.inputs[name]) {
+            return false;
+        }
+
+        if (
+            this.inputs[name].type &&
+            String(this.inputs[name].type).toLowerCase() ==
+                String(type).toLowerCase()
+        ) {
+            return;
+        }
+
+        this.inputs[name].type = type;
+        this._version++;
+        if (this.onInputTypeChanged) {
+            this.onInputTypeChanged(name, type);
+        }
+    };
+
+    /**
+     * Removes a global graph input
+     * @method removeInput
+     * @param {String} name
+     * @param {String} type
+     */
+    LGraph.prototype.removeInput = function(name) {
+        if (!this.inputs[name]) {
+            return false;
+        }
+
+        delete this.inputs[name];
+        this._version++;
+
+        if (this.onInputRemoved) {
+            this.onInputRemoved(name);
+        }
+
+        if (this.onInputsOutputsChange) {
+            this.onInputsOutputsChange();
+        }
+        return true;
+    };
+
+    /**
+     * Creates a global graph output
+     * @method addOutput
+     * @param {String} name
+     * @param {String} type
+     * @param {*} value
+     */
+    LGraph.prototype.addOutput = function(name, type, value) {
+        this.outputs[name] = { name: name, type: type, value: value };
+        this._version++;
+
+        if (this.onOutputAdded) {
+            this.onOutputAdded(name, type);
+        }
+
+        if (this.onInputsOutputsChange) {
+            this.onInputsOutputsChange();
+        }
+    };
+
+    /**
+     * Assign a data to the global output
+     * @method setOutputData
+     * @param {String} name
+     * @param {String} value
+     */
+    LGraph.prototype.setOutputData = function(name, value) {
+        var output = this.outputs[name];
+        if (!output) {
+            return;
+        }
+        output.value = value;
+    };
+
+    /**
+     * Returns the current value of a global graph output
+     * @method getOutputData
+     * @param {String} name
+     * @return {*} the data
+     */
+    LGraph.prototype.getOutputData = function(name) {
+        var output = this.outputs[name];
+        if (!output) {
+            return null;
+        }
+        return output.value;
+    };
+
+    /**
+     * Renames a global graph output
+     * @method renameOutput
+     * @param {String} old_name
+     * @param {String} new_name
+     */
+    LGraph.prototype.renameOutput = function(old_name, name) {
+        if (!this.outputs[old_name]) {
+            return false;
+        }
+
+        if (this.outputs[name]) {
+            console.error("there is already one output with that name");
+            return false;
+        }
+
+        this.outputs[name] = this.outputs[old_name];
+        delete this.outputs[old_name];
+        this._version++;
+
+        if (this.onOutputRenamed) {
+            this.onOutputRenamed(old_name, name);
+        }
+
+        if (this.onInputsOutputsChange) {
+            this.onInputsOutputsChange();
+        }
+    };
+
+    /**
+     * Changes the type of a global graph output
+     * @method changeOutputType
+     * @param {String} name
+     * @param {String} type
+     */
+    LGraph.prototype.changeOutputType = function(name, type) {
+        if (!this.outputs[name]) {
+            return false;
+        }
+
+        if (
+            this.outputs[name].type &&
+            String(this.outputs[name].type).toLowerCase() ==
+                String(type).toLowerCase()
+        ) {
+            return;
+        }
+
+        this.outputs[name].type = type;
+        this._version++;
+        if (this.onOutputTypeChanged) {
+            this.onOutputTypeChanged(name, type);
+        }
+    };
+
+    /**
+     * Removes a global graph output
+     * @method removeOutput
+     * @param {String} name
+     */
+    LGraph.prototype.removeOutput = function(name) {
+        if (!this.outputs[name]) {
+            return false;
+        }
+        delete this.outputs[name];
+        this._version++;
+
+        if (this.onOutputRemoved) {
+            this.onOutputRemoved(name);
+        }
+
+        if (this.onInputsOutputsChange) {
+            this.onInputsOutputsChange();
+        }
+        return true;
+    };
+
+    LGraph.prototype.triggerInput = function(name, value) {
+        var nodes = this.findNodesByTitle(name);
+        for (var i = 0; i < nodes.length; ++i) {
+            nodes[i].onTrigger(value);
+        }
+    };
+
+    LGraph.prototype.setCallback = function(name, func) {
+        var nodes = this.findNodesByTitle(name);
+        for (var i = 0; i < nodes.length; ++i) {
+            nodes[i].setTrigger(func);
+        }
+    };
+
+	//used for undo, called before any change is made to the graph
+    LGraph.prototype.beforeChange = function(info) {
+        if (this.onBeforeChange) {
+            this.onBeforeChange(this,info);
+        }
+        this.sendActionToCanvas("onBeforeChange", this);
+    };
+
+	//used to resend actions, called after any change is made to the graph
+    LGraph.prototype.afterChange = function(info) {
+        if (this.onAfterChange) {
+            this.onAfterChange(this,info);
+        }
+        this.sendActionToCanvas("onAfterChange", this);
+    };
+
+    LGraph.prototype.connectionChange = function(node, link_info) {
+        this.updateExecutionOrder();
+        if (this.onConnectionChange) {
+            this.onConnectionChange(node);
+        }
+        this._version++;
+        this.sendActionToCanvas("onConnectionChange");
+    };
+
+    /**
+     * returns if the graph is in live mode
+     * @method isLive
+     */
+
+    LGraph.prototype.isLive = function() {
+        if (!this.list_of_graphcanvas) {
+            return false;
+        }
+
+        for (var i = 0; i < this.list_of_graphcanvas.length; ++i) {
+            var c = this.list_of_graphcanvas[i];
+            if (c.live_mode) {
+                return true;
+            }
+        }
+        return false;
+    };
+
+    /**
+     * clears the triggered slot animation in all links (stop visual animation)
+     * @method clearTriggeredSlots
+     */
+    LGraph.prototype.clearTriggeredSlots = function() {
+        for (var i in this.links) {
+            var link_info = this.links[i];
+            if (!link_info) {
+                continue;
+            }
+            if (link_info._last_time) {
+                link_info._last_time = 0;
+            }
+        }
+    };
+
+    /* Called when something visually changed (not the graph!) */
+    LGraph.prototype.change = function() {
+        if (LiteGraph.debug) {
+            console.log("Graph changed");
+        }
+        this.sendActionToCanvas("setDirty", [true, true]);
+        if (this.on_change) {
+            this.on_change(this);
+        }
+    };
+
+    LGraph.prototype.setDirtyCanvas = function(fg, bg) {
+        this.sendActionToCanvas("setDirty", [fg, bg]);
+    };
+
+    /**
+     * Destroys a link
+     * @method removeLink
+     * @param {Number} link_id
+     */
+    LGraph.prototype.removeLink = function(link_id) {
+        var link = this.links[link_id];
+        if (!link) {
+            return;
+        }
+        var node = this.getNodeById(link.target_id);
+        if (node) {
+            node.disconnectInput(link.target_slot);
+        }
+    };
+
+    //save and recover app state ***************************************
+    /**
+     * Creates a Object containing all the info about this graph, it can be serialized
+     * @method serialize
+     * @return {Object} value of the node
+     */
+    LGraph.prototype.serialize = function() {
+        var nodes_info = [];
+        for (var i = 0, l = this._nodes.length; i < l; ++i) {
+            nodes_info.push(this._nodes[i].serialize());
+        }
+
+        //pack link info into a non-verbose format
+        var links = [];
+        for (var i in this.links) {
+            //links is an OBJECT
+            var link = this.links[i];
+            if (!link.serialize) {
+                //weird bug I havent solved yet
+                console.warn(
+                    "weird LLink bug, link info is not a LLink but a regular object"
+                );
+                var link2 = new LLink();
+                for (var j in link) { 
+                    link2[j] = link[j];
+                }
+                this.links[i] = link2;
+                link = link2;
+            }
+
+            links.push(link.serialize());
+        }
+
+        var groups_info = [];
+        for (var i = 0; i < this._groups.length; ++i) {
+            groups_info.push(this._groups[i].serialize());
+        }
+
+        var data = {
+            last_node_id: this.last_node_id,
+            last_link_id: this.last_link_id,
+            nodes: nodes_info,
+            links: links,
+            groups: groups_info,
+            config: this.config,
+			extra: this.extra,
+            version: LiteGraph.VERSION
+        };
+
+		if(this.onSerialize)
+			this.onSerialize(data);
+
+        return data;
+    };
+
+    /**
+     * Configure a graph from a JSON string
+     * @method configure
+     * @param {String} str configure a graph from a JSON string
+     * @param {Boolean} returns if there was any error parsing
+     */
+    LGraph.prototype.configure = function(data, keep_old) {
+        if (!data) {
+            return;
+        }
+
+        if (!keep_old) {
+            this.clear();
+        }
+
+        var nodes = data.nodes;
+
+        //decode links info (they are very verbose)
+        if (data.links && data.links.constructor === Array) {
+            var links = [];
+            for (var i = 0; i < data.links.length; ++i) {
+                var link_data = data.links[i];
+				if(!link_data) //weird bug
+				{
+					console.warn("serialized graph link data contains errors, skipping.");
+					continue;
+				}
+                var link = new LLink();
+                link.configure(link_data);
+                links[link.id] = link;
+            }
+            data.links = links;
+        }
+
+        //copy all stored fields
+        for (var i in data) {
+			if(i == "nodes" || i == "groups" ) //links must be accepted
+				continue;
+            this[i] = data[i];
+        }
+
+        var error = false;
+
+        //create nodes
+        this._nodes = [];
+        if (nodes) {
+            for (var i = 0, l = nodes.length; i < l; ++i) {
+                var n_info = nodes[i]; //stored info
+                var node = LiteGraph.createNode(n_info.type, n_info.title);
+                if (!node) {
+                    if (LiteGraph.debug) {
+                        console.log(
+                            "Node not found or has errors: " + n_info.type
+                        );
+                    }
+
+                    //in case of error we create a replacement node to avoid losing info
+                    node = new LGraphNode();
+                    node.last_serialization = n_info;
+                    node.has_errors = true;
+                    error = true;
+                    //continue;
+                }
+
+                node.id = n_info.id; //id it or it will create a new id
+                this.add(node, true); //add before configure, otherwise configure cannot create links
+            }
+
+            //configure nodes afterwards so they can reach each other
+            for (var i = 0, l = nodes.length; i < l; ++i) {
+                var n_info = nodes[i];
+                var node = this.getNodeById(n_info.id);
+                if (node) {
+                    node.configure(n_info);
+                }
+            }
+        }
+
+        //groups
+        this._groups.length = 0;
+        if (data.groups) {
+            for (var i = 0; i < data.groups.length; ++i) {
+                var group = new LiteGraph.LGraphGroup();
+                group.configure(data.groups[i]);
+                this.add(group);
+            }
+        }
+
+        this.updateExecutionOrder();
+
+		this.extra = data.extra || {};
+
+		if(this.onConfigure)
+			this.onConfigure(data);
+
+        this._version++;
+        this.setDirtyCanvas(true, true);
+        return error;
+    };
+
+    LGraph.prototype.load = function(url, callback) {
+        var that = this;
+
+		//from file
+		if(url.constructor === File || url.constructor === Blob)
+		{
+			var reader = new FileReader();
+			reader.addEventListener('load', function(event) {
+				var data = JSON.parse(event.target.result);
+				that.configure(data);
+				if(callback)
+					callback();
+			});
+			
+			reader.readAsText(url);
+			return;
+		}
+
+		//is a string, then an URL
+        var req = new XMLHttpRequest();
+        req.open("GET", url, true);
+        req.send(null);
+        req.onload = function(oEvent) {
+            if (req.status !== 200) {
+                console.error("Error loading graph:", req.status, req.response);
+                return;
+            }
+            var data = JSON.parse( req.response );
+            that.configure(data);
+			if(callback)
+				callback();
+        };
+        req.onerror = function(err) {
+            console.error("Error loading graph:", err);
+        };
+    };
+
+    LGraph.prototype.onNodeTrace = function(node, msg, color) {
+        //TODO
+    };
+
+    //this is the class in charge of storing link information
+    function LLink(id, type, origin_id, origin_slot, target_id, target_slot) {
+        this.id = id;
+        this.type = type;
+        this.origin_id = origin_id;
+        this.origin_slot = origin_slot;
+        this.target_id = target_id;
+        this.target_slot = target_slot;
+
+        this._data = null;
+        this._pos = new Float32Array(2); //center
+    }
+
+    LLink.prototype.configure = function(o) {
+        if (o.constructor === Array) {
+            this.id = o[0];
+            this.origin_id = o[1];
+            this.origin_slot = o[2];
+            this.target_id = o[3];
+            this.target_slot = o[4];
+            this.type = o[5];
+        } else {
+            this.id = o.id;
+            this.type = o.type;
+            this.origin_id = o.origin_id;
+            this.origin_slot = o.origin_slot;
+            this.target_id = o.target_id;
+            this.target_slot = o.target_slot;
+        }
+    };
+
+    LLink.prototype.serialize = function() {
+        return [
+            this.id,
+            this.origin_id,
+            this.origin_slot,
+            this.target_id,
+            this.target_slot,
+            this.type
+        ];
+    };
+
+    LiteGraph.LLink = LLink;
+
+    // *************************************************************
+    //   Node CLASS                                          *******
+    // *************************************************************
+
+    /*
+	title: string
+	pos: [x,y]
+	size: [x,y]
+
+	input|output: every connection
+		+  { name:string, type:string, pos: [x,y]=Optional, direction: "input"|"output", links: Array });
+
+	general properties:
+		+ clip_area: if you render outside the node, it will be clipped
+		+ unsafe_execution: not allowed for safe execution
+		+ skip_repeated_outputs: when adding new outputs, it wont show if there is one already connected
+		+ resizable: if set to false it wont be resizable with the mouse
+		+ horizontal: slots are distributed horizontally
+		+ widgets_start_y: widgets start at y distance from the top of the node
+	
+	flags object:
+		+ collapsed: if it is collapsed
+
+	supported callbacks:
+		+ onAdded: when added to graph (warning: this is called BEFORE the node is configured when loading)
+		+ onRemoved: when removed from graph
+		+ onStart:	when the graph starts playing
+		+ onStop:	when the graph stops playing
+		+ onDrawForeground: render the inside widgets inside the node
+		+ onDrawBackground: render the background area inside the node (only in edit mode)
+		+ onMouseDown
+		+ onMouseMove
+		+ onMouseUp
+		+ onMouseEnter
+		+ onMouseLeave
+		+ onExecute: execute the node
+		+ onPropertyChanged: when a property is changed in the panel (return true to skip default behaviour)
+		+ onGetInputs: returns an array of possible inputs
+		+ onGetOutputs: returns an array of possible outputs
+		+ onBounding: in case this node has a bigger bounding than the node itself (the callback receives the bounding as [x,y,w,h])
+		+ onDblClick: double clicked in the node
+		+ onInputDblClick: input slot double clicked (can be used to automatically create a node connected)
+		+ onOutputDblClick: output slot double clicked (can be used to automatically create a node connected)
+		+ onConfigure: called after the node has been configured
+		+ onSerialize: to add extra info when serializing (the callback receives the object that should be filled with the data)
+		+ onSelected
+		+ onDeselected
+		+ onDropItem : DOM item dropped over the node
+		+ onDropFile : file dropped over the node
+		+ onConnectInput : if returns false the incoming connection will be canceled
+		+ onConnectionsChange : a connection changed (new one or removed) (LiteGraph.INPUT or LiteGraph.OUTPUT, slot, true if connected, link_info, input_info )
+		+ onAction: action slot triggered
+		+ getExtraMenuOptions: to add option to context menu
+*/
+
+    /**
+     * Base Class for all the node type classes
+     * @class LGraphNode
+     * @param {String} name a name for the node
+     */
+
+    function LGraphNode(title) {
+        this._ctor(title);
+    }
+
+    global.LGraphNode = LiteGraph.LGraphNode = LGraphNode;
+
+    LGraphNode.prototype._ctor = function(title) {
+        this.title = title || "Unnamed";
+        this.size = [LiteGraph.NODE_WIDTH, 60];
+        this.graph = null;
+
+        this._pos = new Float32Array(10, 10);
+
+        Object.defineProperty(this, "pos", {
+            set: function(v) {
+                if (!v || v.length < 2) {
+                    return;
+                }
+                this._pos[0] = v[0];
+                this._pos[1] = v[1];
+            },
+            get: function() {
+                return this._pos;
+            },
+            enumerable: true
+        });
+
+        this.id = -1; //not know till not added
+        this.type = null;
+
+        //inputs available: array of inputs
+        this.inputs = [];
+        this.outputs = [];
+        this.connections = [];
+
+        //local data
+        this.properties = {}; //for the values
+        this.properties_info = []; //for the info
+
+        this.flags = {};
+    };
+
+    /**
+     * configure a node from an object containing the serialized info
+     * @method configure
+     */
+    LGraphNode.prototype.configure = function(info) {
+        if (this.graph) {
+            this.graph._version++;
+        }
+        for (var j in info) {
+            if (j == "properties") {
+                //i don't want to clone properties, I want to reuse the old container
+                for (var k in info.properties) {
+                    this.properties[k] = info.properties[k];
+                    if (this.onPropertyChanged) {
+                        this.onPropertyChanged( k, info.properties[k] );
+                    }
+                }
+                continue;
+            }
+
+            if (info[j] == null) {
+                continue;
+            } else if (typeof info[j] == "object") {
+                //object
+                if (this[j] && this[j].configure) {
+                    this[j].configure(info[j]);
+                } else {
+                    this[j] = LiteGraph.cloneObject(info[j], this[j]);
+                }
+            } //value
+            else {
+                this[j] = info[j];
+            }
+        }
+
+        if (!info.title) {
+            this.title = this.constructor.title;
+        }
+
+        if (this.onConnectionsChange) {
+            if (this.inputs) {
+                for (var i = 0; i < this.inputs.length; ++i) {
+                    var input = this.inputs[i];
+                    var link_info = this.graph
+                        ? this.graph.links[input.link]
+                        : null;
+                    this.onConnectionsChange(
+                        LiteGraph.INPUT,
+                        i,
+                        true,
+                        link_info,
+                        input
+                    ); //link_info has been created now, so its updated
+                }
+            }
+
+            if (this.outputs) {
+                for (var i = 0; i < this.outputs.length; ++i) {
+                    var output = this.outputs[i];
+                    if (!output.links) {
+                        continue;
+                    }
+                    for (var j = 0; j < output.links.length; ++j) {
+                        var link_info = this.graph
+                            ? this.graph.links[output.links[j]]
+                            : null;
+                        this.onConnectionsChange(
+                            LiteGraph.OUTPUT,
+                            i,
+                            true,
+                            link_info,
+                            output
+                        ); //link_info has been created now, so its updated
+                    }
+                }
+            }
+        }
+
+		if( this.widgets )
+		{
+			for (var i = 0; i < this.widgets.length; ++i)
+			{
+				var w = this.widgets[i];
+				if(!w)
+					continue;
+				if(w.options && w.options.property && this.properties[ w.options.property ])
+					w.value = JSON.parse( JSON.stringify( this.properties[ w.options.property ] ) );
+			}
+			if (info.widgets_values) {
+				for (var i = 0; i < info.widgets_values.length; ++i) {
+					if (this.widgets[i]) {
+						this.widgets[i].value = info.widgets_values[i];
+					}
+				}
+			}
+		}
+
+        if (this.onConfigure) {
+            this.onConfigure(info);
+        }
+    };
+
+    /**
+     * serialize the content
+     * @method serialize
+     */
+
+    LGraphNode.prototype.serialize = function() {
+        //create serialization object
+        var o = {
+            id: this.id,
+            type: this.type,
+            pos: this.pos,
+            size: this.size,
+            flags: LiteGraph.cloneObject(this.flags),
+			order: this.order,
+            mode: this.mode
+        };
+
+        //special case for when there were errors
+        if (this.constructor === LGraphNode && this.last_serialization) {
+            return this.last_serialization;
+        }
+
+        if (this.inputs) {
+            o.inputs = this.inputs;
+        }
+
+        if (this.outputs) {
+            //clear outputs last data (because data in connections is never serialized but stored inside the outputs info)
+            for (var i = 0; i < this.outputs.length; i++) {
+                delete this.outputs[i]._data;
+            }
+            o.outputs = this.outputs;
+        }
+
+        if (this.title && this.title != this.constructor.title) {
+            o.title = this.title;
+        }
+
+        if (this.properties) {
+            o.properties = LiteGraph.cloneObject(this.properties);
+        }
+
+        if (this.widgets && this.serialize_widgets) {
+            o.widgets_values = [];
+            for (var i = 0; i < this.widgets.length; ++i) {
+				if(this.widgets[i])
+	                o.widgets_values[i] = this.widgets[i].value;
+				else
+					o.widgets_values[i] = null;
+            }
+        }
+
+        if (!o.type) {
+            o.type = this.constructor.type;
+        }
+
+        if (this.color) {
+            o.color = this.color;
+        }
+        if (this.bgcolor) {
+            o.bgcolor = this.bgcolor;
+        }
+        if (this.boxcolor) {
+            o.boxcolor = this.boxcolor;
+        }
+        if (this.shape) {
+            o.shape = this.shape;
+        }
+
+        if (this.onSerialize) {
+            if (this.onSerialize(o)) {
+                console.warn(
+                    "node onSerialize shouldnt return anything, data should be stored in the object pass in the first parameter"
+                );
+            }
+        }
+
+        return o;
+    };
+
+    /* Creates a clone of this node */
+    LGraphNode.prototype.clone = function() {
+        var node = LiteGraph.createNode(this.type);
+        if (!node) {
+            return null;
+        }
+
+        //we clone it because serialize returns shared containers
+        var data = LiteGraph.cloneObject(this.serialize());
+
+        //remove links
+        if (data.inputs) {
+            for (var i = 0; i < data.inputs.length; ++i) {
+                data.inputs[i].link = null;
+            }
+        }
+
+        if (data.outputs) {
+            for (var i = 0; i < data.outputs.length; ++i) {
+                if (data.outputs[i].links) {
+                    data.outputs[i].links.length = 0;
+                }
+            }
+        }
+
+        delete data["id"];
+        //remove links
+        node.configure(data);
+
+        return node;
+    };
+
+    /**
+     * serialize and stringify
+     * @method toString
+     */
+
+    LGraphNode.prototype.toString = function() {
+        return JSON.stringify(this.serialize());
+    };
+    //LGraphNode.prototype.deserialize = function(info) {} //this cannot be done from within, must be done in LiteGraph
+
+    /**
+     * get the title string
+     * @method getTitle
+     */
+
+    LGraphNode.prototype.getTitle = function() {
+        return this.title || this.constructor.title;
+    };
+
+    /**
+     * sets the value of a property
+     * @method setProperty
+     * @param {String} name
+     * @param {*} value
+     */
+    LGraphNode.prototype.setProperty = function(name, value) {
+        if (!this.properties) {
+            this.properties = {};
+        }
+		if( value === this.properties[name] )
+			return;
+		var prev_value = this.properties[name];
+        this.properties[name] = value;
+        if (this.onPropertyChanged) {
+            if( this.onPropertyChanged(name, value, prev_value) === false ) //abort change
+				this.properties[name] = prev_value;
+        }
+		if(this.widgets) //widgets could be linked to properties
+			for(var i = 0; i < this.widgets.length; ++i)
+			{
+				var w = this.widgets[i];
+				if(!w)
+					continue;
+				if(w.options.property == name)
+				{
+					w.value = value;
+					break;
+				}
+			}
+    };
+
+    // Execution *************************
+    /**
+     * sets the output data
+     * @method setOutputData
+     * @param {number} slot
+     * @param {*} data
+     */
+    LGraphNode.prototype.setOutputData = function(slot, data) {
+        if (!this.outputs) {
+            return;
+        }
+
+        //this maybe slow and a niche case
+        //if(slot && slot.constructor === String)
+        //	slot = this.findOutputSlot(slot);
+
+        if (slot == -1 || slot >= this.outputs.length) {
+            return;
+        }
+
+        var output_info = this.outputs[slot];
+        if (!output_info) {
+            return;
+        }
+
+        //store data in the output itself in case we want to debug
+        output_info._data = data;
+
+        //if there are connections, pass the data to the connections
+        if (this.outputs[slot].links) {
+            for (var i = 0; i < this.outputs[slot].links.length; i++) {
+                var link_id = this.outputs[slot].links[i];
+				var link = this.graph.links[link_id];
+				if(link)
+					link.data = data;
+            }
+        }
+    };
+
+    /**
+     * sets the output data type, useful when you want to be able to overwrite the data type
+     * @method setOutputDataType
+     * @param {number} slot
+     * @param {String} datatype
+     */
+    LGraphNode.prototype.setOutputDataType = function(slot, type) {
+        if (!this.outputs) {
+            return;
+        }
+        if (slot == -1 || slot >= this.outputs.length) {
+            return;
+        }
+        var output_info = this.outputs[slot];
+        if (!output_info) {
+            return;
+        }
+        //store data in the output itself in case we want to debug
+        output_info.type = type;
+
+        //if there are connections, pass the data to the connections
+        if (this.outputs[slot].links) {
+            for (var i = 0; i < this.outputs[slot].links.length; i++) {
+                var link_id = this.outputs[slot].links[i];
+                this.graph.links[link_id].type = type;
+            }
+        }
+    };
+
+    /**
+     * Retrieves the input data (data traveling through the connection) from one slot
+     * @method getInputData
+     * @param {number} slot
+     * @param {boolean} force_update if set to true it will force the connected node of this slot to output data into this link
+     * @return {*} data or if it is not connected returns undefined
+     */
+    LGraphNode.prototype.getInputData = function(slot, force_update) {
+        if (!this.inputs) {
+            return;
+        } //undefined;
+
+        if (slot >= this.inputs.length || this.inputs[slot].link == null) {
+            return;
+        }
+
+        var link_id = this.inputs[slot].link;
+        var link = this.graph.links[link_id];
+        if (!link) {
+            //bug: weird case but it happens sometimes
+            return null;
+        }
+
+        if (!force_update) {
+            return link.data;
+        }
+
+        //special case: used to extract data from the incoming connection before the graph has been executed
+        var node = this.graph.getNodeById(link.origin_id);
+        if (!node) {
+            return link.data;
+        }
+
+        if (node.updateOutputData) {
+            node.updateOutputData(link.origin_slot);
+        } else if (node.onExecute) {
+            node.onExecute();
+        }
+
+        return link.data;
+    };
+
+    /**
+     * Retrieves the input data type (in case this supports multiple input types)
+     * @method getInputDataType
+     * @param {number} slot
+     * @return {String} datatype in string format
+     */
+    LGraphNode.prototype.getInputDataType = function(slot) {
+        if (!this.inputs) {
+            return null;
+        } //undefined;
+
+        if (slot >= this.inputs.length || this.inputs[slot].link == null) {
+            return null;
+        }
+        var link_id = this.inputs[slot].link;
+        var link = this.graph.links[link_id];
+        if (!link) {
+            //bug: weird case but it happens sometimes
+            return null;
+        }
+        var node = this.graph.getNodeById(link.origin_id);
+        if (!node) {
+            return link.type;
+        }
+        var output_info = node.outputs[link.origin_slot];
+        if (output_info) {
+            return output_info.type;
+        }
+        return null;
+    };
+
+    /**
+     * Retrieves the input data from one slot using its name instead of slot number
+     * @method getInputDataByName
+     * @param {String} slot_name
+     * @param {boolean} force_update if set to true it will force the connected node of this slot to output data into this link
+     * @return {*} data or if it is not connected returns null
+     */
+    LGraphNode.prototype.getInputDataByName = function(
+        slot_name,
+        force_update
+    ) {
+        var slot = this.findInputSlot(slot_name);
+        if (slot == -1) {
+            return null;
+        }
+        return this.getInputData(slot, force_update);
+    };
+
+    /**
+     * tells you if there is a connection in one input slot
+     * @method isInputConnected
+     * @param {number} slot
+     * @return {boolean}
+     */
+    LGraphNode.prototype.isInputConnected = function(slot) {
+        if (!this.inputs) {
+            return false;
+        }
+        return slot < this.inputs.length && this.inputs[slot].link != null;
+    };
+
+    /**
+     * tells you info about an input connection (which node, type, etc)
+     * @method getInputInfo
+     * @param {number} slot
+     * @return {Object} object or null { link: id, name: string, type: string or 0 }
+     */
+    LGraphNode.prototype.getInputInfo = function(slot) {
+        if (!this.inputs) {
+            return null;
+        }
+        if (slot < this.inputs.length) {
+            return this.inputs[slot];
+        }
+        return null;
+    };
+
+    /**
+     * Returns the link info in the connection of an input slot
+     * @method getInputLink
+     * @param {number} slot
+     * @return {LLink} object or null
+     */
+    LGraphNode.prototype.getInputLink = function(slot) {
+        if (!this.inputs) {
+            return null;
+        }
+        if (slot < this.inputs.length) {
+            var slot_info = this.inputs[slot];
+			return this.graph.links[ slot_info.link ];
+        }
+        return null;
+    };
+
+    /**
+     * returns the node connected in the input slot
+     * @method getInputNode
+     * @param {number} slot
+     * @return {LGraphNode} node or null
+     */
+    LGraphNode.prototype.getInputNode = function(slot) {
+        if (!this.inputs) {
+            return null;
+        }
+        if (slot >= this.inputs.length) {
+            return null;
+        }
+        var input = this.inputs[slot];
+        if (!input || input.link === null) {
+            return null;
+        }
+        var link_info = this.graph.links[input.link];
+        if (!link_info) {
+            return null;
+        }
+        return this.graph.getNodeById(link_info.origin_id);
+    };
+
+    /**
+     * returns the value of an input with this name, otherwise checks if there is a property with that name
+     * @method getInputOrProperty
+     * @param {string} name
+     * @return {*} value
+     */
+    LGraphNode.prototype.getInputOrProperty = function(name) {
+        if (!this.inputs || !this.inputs.length) {
+            return this.properties ? this.properties[name] : null;
+        }
+
+        for (var i = 0, l = this.inputs.length; i < l; ++i) {
+            var input_info = this.inputs[i];
+            if (name == input_info.name && input_info.link != null) {
+                var link = this.graph.links[input_info.link];
+                if (link) {
+                    return link.data;
+                }
+            }
+        }
+        return this.properties[name];
+    };
+
+    /**
+     * tells you the last output data that went in that slot
+     * @method getOutputData
+     * @param {number} slot
+     * @return {Object}  object or null
+     */
+    LGraphNode.prototype.getOutputData = function(slot) {
+        if (!this.outputs) {
+            return null;
+        }
+        if (slot >= this.outputs.length) {
+            return null;
+        }
+
+        var info = this.outputs[slot];
+        return info._data;
+    };
+
+    /**
+     * tells you info about an output connection (which node, type, etc)
+     * @method getOutputInfo
+     * @param {number} slot
+     * @return {Object}  object or null { name: string, type: string, links: [ ids of links in number ] }
+     */
+    LGraphNode.prototype.getOutputInfo = function(slot) {
+        if (!this.outputs) {
+            return null;
+        }
+        if (slot < this.outputs.length) {
+            return this.outputs[slot];
+        }
+        return null;
+    };
+
+    /**
+     * tells you if there is a connection in one output slot
+     * @method isOutputConnected
+     * @param {number} slot
+     * @return {boolean}
+     */
+    LGraphNode.prototype.isOutputConnected = function(slot) {
+        if (!this.outputs) {
+            return false;
+        }
+        return (
+            slot < this.outputs.length &&
+            this.outputs[slot].links &&
+            this.outputs[slot].links.length
+        );
+    };
+
+    /**
+     * tells you if there is any connection in the output slots
+     * @method isAnyOutputConnected
+     * @return {boolean}
+     */
+    LGraphNode.prototype.isAnyOutputConnected = function() {
+        if (!this.outputs) {
+            return false;
+        }
+        for (var i = 0; i < this.outputs.length; ++i) {
+            if (this.outputs[i].links && this.outputs[i].links.length) {
+                return true;
+            }
+        }
+        return false;
+    };
+
+    /**
+     * retrieves all the nodes connected to this output slot
+     * @method getOutputNodes
+     * @param {number} slot
+     * @return {array}
+     */
+    LGraphNode.prototype.getOutputNodes = function(slot) {
+        if (!this.outputs || this.outputs.length == 0) {
+            return null;
+        }
+
+        if (slot >= this.outputs.length) {
+            return null;
+        }
+
+        var output = this.outputs[slot];
+        if (!output.links || output.links.length == 0) {
+            return null;
+        }
+
+        var r = [];
+        for (var i = 0; i < output.links.length; i++) {
+            var link_id = output.links[i];
+            var link = this.graph.links[link_id];
+            if (link) {
+                var target_node = this.graph.getNodeById(link.target_id);
+                if (target_node) {
+                    r.push(target_node);
+                }
+            }
+        }
+        return r;
+    };
+
+    /**
+     * Triggers an event in this node, this will trigger any output with the same name
+     * @method trigger
+     * @param {String} event name ( "on_play", ... ) if action is equivalent to false then the event is send to all
+     * @param {*} param
+     */
+    LGraphNode.prototype.trigger = function(action, param) {
+        if (!this.outputs || !this.outputs.length) {
+            return;
+        }
+
+        if (this.graph)
+            this.graph._last_trigger_time = LiteGraph.getTime();
+
+        for (var i = 0; i < this.outputs.length; ++i) {
+            var output = this.outputs[i];
+            if ( !output || output.type !== LiteGraph.EVENT || (action && output.name != action) )
+                continue;
+            this.triggerSlot(i, param);
+        }
+    };
+
+    /**
+     * Triggers an slot event in this node
+     * @method triggerSlot
+     * @param {Number} slot the index of the output slot
+     * @param {*} param
+     * @param {Number} link_id [optional] in case you want to trigger and specific output link in a slot
+     */
+    LGraphNode.prototype.triggerSlot = function(slot, param, link_id) {
+        if (!this.outputs) {
+            return;
+        }
+
+        var output = this.outputs[slot];
+        if (!output) {
+            return;
+        }
+
+        var links = output.links;
+        if (!links || !links.length) {
+            return;
+        }
+
+        if (this.graph) {
+            this.graph._last_trigger_time = LiteGraph.getTime();
+        }
+
+        //for every link attached here
+        for (var k = 0; k < links.length; ++k) {
+            var id = links[k];
+            if (link_id != null && link_id != id) {
+                //to skip links
+                continue;
+            }
+            var link_info = this.graph.links[links[k]];
+            if (!link_info) {
+                //not connected
+                continue;
+            }
+            link_info._last_time = LiteGraph.getTime();
+            var node = this.graph.getNodeById(link_info.target_id);
+            if (!node) {
+                //node not found?
+                continue;
+            }
+
+            //used to mark events in graph
+            var target_connection = node.inputs[link_info.target_slot];
+
+			if (node.mode === LiteGraph.ON_TRIGGER)
+			{
+                if (node.onExecute) {
+                    node.onExecute(param);
+                }
+			}
+			else if (node.onAction) {
+                node.onAction(target_connection.name, param);
+            }
+        }
+    };
+
+    /**
+     * clears the trigger slot animation
+     * @method clearTriggeredSlot
+     * @param {Number} slot the index of the output slot
+     * @param {Number} link_id [optional] in case you want to trigger and specific output link in a slot
+     */
+    LGraphNode.prototype.clearTriggeredSlot = function(slot, link_id) {
+        if (!this.outputs) {
+            return;
+        }
+
+        var output = this.outputs[slot];
+        if (!output) {
+            return;
+        }
+
+        var links = output.links;
+        if (!links || !links.length) {
+            return;
+        }
+
+        //for every link attached here
+        for (var k = 0; k < links.length; ++k) {
+            var id = links[k];
+            if (link_id != null && link_id != id) {
+                //to skip links
+                continue;
+            }
+            var link_info = this.graph.links[links[k]];
+            if (!link_info) {
+                //not connected
+                continue;
+            }
+            link_info._last_time = 0;
+        }
+    };
+
+    /**
+     * changes node size and triggers callback
+     * @method setSize
+     * @param {vec2} size
+     */
+    LGraphNode.prototype.setSize = function(size)
+	{
+		this.size = size;
+		if(this.onResize)
+			this.onResize(this.size);
+	}
+
+    /**
+     * add a new property to this node
+     * @method addProperty
+     * @param {string} name
+     * @param {*} default_value
+     * @param {string} type string defining the output type ("vec3","number",...)
+     * @param {Object} extra_info this can be used to have special properties of the property (like values, etc)
+     */
+    LGraphNode.prototype.addProperty = function(
+        name,
+        default_value,
+        type,
+        extra_info
+    ) {
+        var o = { name: name, type: type, default_value: default_value };
+        if (extra_info) {
+            for (var i in extra_info) {
+                o[i] = extra_info[i];
+            }
+        }
+        if (!this.properties_info) {
+            this.properties_info = [];
+        }
+        this.properties_info.push(o);
+        if (!this.properties) {
+            this.properties = {};
+        }
+        this.properties[name] = default_value;
+        return o;
+    };
+
+    //connections
+
+    /**
+     * add a new output slot to use in this node
+     * @method addOutput
+     * @param {string} name
+     * @param {string} type string defining the output type ("vec3","number",...)
+     * @param {Object} extra_info this can be used to have special properties of an output (label, special color, position, etc)
+     */
+    LGraphNode.prototype.addOutput = function(name, type, extra_info) {
+        var o = { name: name, type: type, links: null };
+        if (extra_info) {
+            for (var i in extra_info) {
+                o[i] = extra_info[i];
+            }
+        }
+
+        if (!this.outputs) {
+            this.outputs = [];
+        }
+        this.outputs.push(o);
+        if (this.onOutputAdded) {
+            this.onOutputAdded(o);
+        }
+        this.setSize( this.computeSize() );
+        this.setDirtyCanvas(true, true);
+        return o;
+    };
+
+    /**
+     * add a new output slot to use in this node
+     * @method addOutputs
+     * @param {Array} array of triplets like [[name,type,extra_info],[...]]
+     */
+    LGraphNode.prototype.addOutputs = function(array) {
+        for (var i = 0; i < array.length; ++i) {
+            var info = array[i];
+            var o = { name: info[0], type: info[1], link: null };
+            if (array[2]) {
+                for (var j in info[2]) {
+                    o[j] = info[2][j];
+                }
+            }
+
+            if (!this.outputs) {
+                this.outputs = [];
+            }
+            this.outputs.push(o);
+            if (this.onOutputAdded) {
+                this.onOutputAdded(o);
+            }
+        }
+
+        this.setSize( this.computeSize() );
+        this.setDirtyCanvas(true, true);
+    };
+
+    /**
+     * remove an existing output slot
+     * @method removeOutput
+     * @param {number} slot
+     */
+    LGraphNode.prototype.removeOutput = function(slot) {
+        this.disconnectOutput(slot);
+        this.outputs.splice(slot, 1);
+        for (var i = slot; i < this.outputs.length; ++i) {
+            if (!this.outputs[i] || !this.outputs[i].links) {
+                continue;
+            }
+            var links = this.outputs[i].links;
+            for (var j = 0; j < links.length; ++j) {
+                var link = this.graph.links[links[j]];
+                if (!link) {
+                    continue;
+                }
+                link.origin_slot -= 1;
+            }
+        }
+
+        this.setSize( this.computeSize() );
+        if (this.onOutputRemoved) {
+            this.onOutputRemoved(slot);
+        }
+        this.setDirtyCanvas(true, true);
+    };
+
+    /**
+     * add a new input slot to use in this node
+     * @method addInput
+     * @param {string} name
+     * @param {string} type string defining the input type ("vec3","number",...), it its a generic one use 0
+     * @param {Object} extra_info this can be used to have special properties of an input (label, color, position, etc)
+     */
+    LGraphNode.prototype.addInput = function(name, type, extra_info) {
+        type = type || 0;
+        var o = { name: name, type: type, link: null };
+        if (extra_info) {
+            for (var i in extra_info) {
+                o[i] = extra_info[i];
+            }
+        }
+
+        if (!this.inputs) {
+            this.inputs = [];
+        }
+
+        this.inputs.push(o);
+        this.setSize( this.computeSize() );
+
+        if (this.onInputAdded) {
+            this.onInputAdded(o);
+        }
+
+        this.setDirtyCanvas(true, true);
+        return o;
+    };
+
+    /**
+     * add several new input slots in this node
+     * @method addInputs
+     * @param {Array} array of triplets like [[name,type,extra_info],[...]]
+     */
+    LGraphNode.prototype.addInputs = function(array) {
+        for (var i = 0; i < array.length; ++i) {
+            var info = array[i];
+            var o = { name: info[0], type: info[1], link: null };
+            if (array[2]) {
+                for (var j in info[2]) {
+                    o[j] = info[2][j];
+                }
+            }
+
+            if (!this.inputs) {
+                this.inputs = [];
+            }
+            this.inputs.push(o);
+            if (this.onInputAdded) {
+                this.onInputAdded(o);
+            }
+        }
+
+        this.setSize( this.computeSize() );
+        this.setDirtyCanvas(true, true);
+    };
+
+    /**
+     * remove an existing input slot
+     * @method removeInput
+     * @param {number} slot
+     */
+    LGraphNode.prototype.removeInput = function(slot) {
+        this.disconnectInput(slot);
+        var slot_info = this.inputs.splice(slot, 1);
+        for (var i = slot; i < this.inputs.length; ++i) {
+            if (!this.inputs[i]) {
+                continue;
+            }
+            var link = this.graph.links[this.inputs[i].link];
+            if (!link) {
+                continue;
+            }
+            link.target_slot -= 1;
+        }
+        this.setSize( this.computeSize() );
+        if (this.onInputRemoved) {
+            this.onInputRemoved(slot, slot_info[0] );
+        }
+        this.setDirtyCanvas(true, true);
+    };
+
+    /**
+     * add an special connection to this node (used for special kinds of graphs)
+     * @method addConnection
+     * @param {string} name
+     * @param {string} type string defining the input type ("vec3","number",...)
+     * @param {[x,y]} pos position of the connection inside the node
+     * @param {string} direction if is input or output
+     */
+    LGraphNode.prototype.addConnection = function(name, type, pos, direction) {
+        var o = {
+            name: name,
+            type: type,
+            pos: pos,
+            direction: direction,
+            links: null
+        };
+        this.connections.push(o);
+        return o;
+    };
+
+    /**
+     * computes the minimum size of a node according to its inputs and output slots
+     * @method computeSize
+     * @param {number} minHeight
+     * @return {number} the total size
+     */
+    LGraphNode.prototype.computeSize = function(out) {
+        if (this.constructor.size) {
+            return this.constructor.size.concat();
+        }
+
+        var rows = Math.max(
+            this.inputs ? this.inputs.length : 1,
+            this.outputs ? this.outputs.length : 1
+        );
+        var size = out || new Float32Array([0, 0]);
+        rows = Math.max(rows, 1);
+        var font_size = LiteGraph.NODE_TEXT_SIZE; //although it should be graphcanvas.inner_text_font size
+
+        var font_size = font_size;
+        var title_width = compute_text_size(this.title);
+        var input_width = 0;
+        var output_width = 0;
+
+        if (this.inputs) {
+            for (var i = 0, l = this.inputs.length; i < l; ++i) {
+                var input = this.inputs[i];
+                var text = input.label || input.name || "";
+                var text_width = compute_text_size(text);
+                if (input_width < text_width) {
+                    input_width = text_width;
+                }
+            }
+        }
+
+        if (this.outputs) {
+            for (var i = 0, l = this.outputs.length; i < l; ++i) {
+                var output = this.outputs[i];
+                var text = output.label || output.name || "";
+                var text_width = compute_text_size(text);
+                if (output_width < text_width) {
+                    output_width = text_width;
+                }
+            }
+        }
+
+        size[0] = Math.max(input_width + output_width + 10, title_width);
+        size[0] = Math.max(size[0], LiteGraph.NODE_WIDTH);
+        if (this.widgets && this.widgets.length) {
+            size[0] = Math.max(size[0], LiteGraph.NODE_WIDTH * 1.5);
+        }
+
+        size[1] = (this.constructor.slot_start_y || 0) + rows * LiteGraph.NODE_SLOT_HEIGHT;
+
+        var widgets_height = 0;
+        if (this.widgets && this.widgets.length) {
+            for (var i = 0, l = this.widgets.length; i < l; ++i) {
+                if (this.widgets[i].computeSize)
+                    widgets_height += this.widgets[i].computeSize(size[0])[1] + 4;
+                else
+                    widgets_height += LiteGraph.NODE_WIDGET_HEIGHT + 4;
+            }
+            widgets_height += 8;
+        }
+
+        //compute height using widgets height
+        if( this.widgets_up )
+            size[1] = Math.max( size[1], widgets_height );
+        else if( this.widgets_start_y != null )
+            size[1] = Math.max( size[1], widgets_height + this.widgets_start_y );
+        else
+            size[1] += widgets_height;
+
+        function compute_text_size(text) {
+            if (!text) {
+                return 0;
+            }
+            return font_size * text.length * 0.6;
+        }
+
+        if (
+            this.constructor.min_height &&
+            size[1] < this.constructor.min_height
+        ) {
+            size[1] = this.constructor.min_height;
+        }
+
+        size[1] += 6; //margin
+
+        return size;
+    };
+
+    /**
+     * returns all the info available about a property of this node.
+     *
+     * @method getPropertyInfo
+     * @param {String} property name of the property
+     * @return {Object} the object with all the available info
+    */
+    LGraphNode.prototype.getPropertyInfo = function( property )
+	{
+        var info = null;
+
+		//there are several ways to define info about a property
+		//legacy mode
+		if (this.properties_info) {
+            for (var i = 0; i < this.properties_info.length; ++i) {
+                if (this.properties_info[i].name == property) {
+                    info = this.properties_info[i];
+                    break;
+                }
+            }
+        }
+		//litescene mode using the constructor
+		if(this.constructor["@" + property])
+			info = this.constructor["@" + property];
+
+		if(this.constructor.widgets_info && this.constructor.widgets_info[property])
+			info = this.constructor.widgets_info[property];
+
+		//litescene mode using the constructor
+		if (!info && this.onGetPropertyInfo) {
+            info = this.onGetPropertyInfo(property);
+        }
+
+        if (!info)
+            info = {};
+		if(!info.type)
+			info.type = typeof this.properties[property];
+		if(info.widget == "combo")
+			info.type = "enum";
+
+		return info;
+	}
+
+    /**
+     * Defines a widget inside the node, it will be rendered on top of the node, you can control lots of properties
+     *
+     * @method addWidget
+     * @param {String} type the widget type (could be "number","string","combo"
+     * @param {String} name the text to show on the widget
+     * @param {String} value the default value
+     * @param {Function|String} callback function to call when it changes (optionally, it can be the name of the property to modify)
+     * @param {Object} options the object that contains special properties of this widget 
+     * @return {Object} the created widget object
+     */
+    LGraphNode.prototype.addWidget = function( type, name, value, callback, options )
+	{
+        if (!this.widgets) {
+            this.widgets = [];
+        }
+
+		if(!options && callback && callback.constructor === Object)
+		{
+			options = callback;
+			callback = null;
+		}
+
+		if(options && options.constructor === String) //options can be the property name
+			options = { property: options };
+
+		if(callback && callback.constructor === String) //callback can be the property name
+		{
+			if(!options)
+				options = {};
+			options.property = callback;
+			callback = null;
+		}
+
+		if(callback && callback.constructor !== Function)
+		{
+			console.warn("addWidget: callback must be a function");
+			callback = null;
+		}
+
+        var w = {
+            type: type.toLowerCase(),
+            name: name,
+            value: value,
+            callback: callback,
+            options: options || {}
+        };
+
+        if (w.options.y !== undefined) {
+            w.y = w.options.y;
+        }
+
+        if (!callback && !w.options.callback && !w.options.property) {
+            console.warn("LiteGraph addWidget(...) without a callback or property assigned");
+        }
+        if (type == "combo" && !w.options.values) {
+            throw "LiteGraph addWidget('combo',...) requires to pass values in options: { values:['red','blue'] }";
+        }
+        this.widgets.push(w);
+		this.setSize( this.computeSize() );
+        return w;
+    };
+
+    LGraphNode.prototype.addCustomWidget = function(custom_widget) {
+        if (!this.widgets) {
+            this.widgets = [];
+        }
+        this.widgets.push(custom_widget);
+        return custom_widget;
+    };
+
+    /**
+     * returns the bounding of the object, used for rendering purposes
+     * bounding is: [topleft_cornerx, topleft_cornery, width, height]
+     * @method getBounding
+     * @return {Float32Array[4]} the total size
+     */
+    LGraphNode.prototype.getBounding = function(out) {
+        out = out || new Float32Array(4);
+        out[0] = this.pos[0] - 4;
+        out[1] = this.pos[1] - LiteGraph.NODE_TITLE_HEIGHT;
+        out[2] = this.size[0] + 4;
+        out[3] = this.size[1] + LiteGraph.NODE_TITLE_HEIGHT;
+
+        if (this.onBounding) {
+            this.onBounding(out);
+        }
+        return out;
+    };
+
+    /**
+     * checks if a point is inside the shape of a node
+     * @method isPointInside
+     * @param {number} x
+     * @param {number} y
+     * @return {boolean}
+     */
+    LGraphNode.prototype.isPointInside = function(x, y, margin, skip_title) {
+        margin = margin || 0;
+
+        var margin_top = this.graph && this.graph.isLive() ? 0 : LiteGraph.NODE_TITLE_HEIGHT;
+        if (skip_title) {
+            margin_top = 0;
+        }
+        if (this.flags && this.flags.collapsed) {
+            //if ( distance([x,y], [this.pos[0] + this.size[0]*0.5, this.pos[1] + this.size[1]*0.5]) < LiteGraph.NODE_COLLAPSED_RADIUS)
+            if (
+                isInsideRectangle(
+                    x,
+                    y,
+                    this.pos[0] - margin,
+                    this.pos[1] - LiteGraph.NODE_TITLE_HEIGHT - margin,
+                    (this._collapsed_width || LiteGraph.NODE_COLLAPSED_WIDTH) +
+                        2 * margin,
+                    LiteGraph.NODE_TITLE_HEIGHT + 2 * margin
+                )
+            ) {
+                return true;
+            }
+        } else if (
+            this.pos[0] - 4 - margin < x &&
+            this.pos[0] + this.size[0] + 4 + margin > x &&
+            this.pos[1] - margin_top - margin < y &&
+            this.pos[1] + this.size[1] + margin > y
+        ) {
+            return true;
+        }
+        return false;
+    };
+
+    /**
+     * checks if a point is inside a node slot, and returns info about which slot
+     * @method getSlotInPosition
+     * @param {number} x
+     * @param {number} y
+     * @return {Object} if found the object contains { input|output: slot object, slot: number, link_pos: [x,y] }
+     */
+    LGraphNode.prototype.getSlotInPosition = function(x, y) {
+        //search for inputs
+        var link_pos = new Float32Array(2);
+        if (this.inputs) {
+            for (var i = 0, l = this.inputs.length; i < l; ++i) {
+                var input = this.inputs[i];
+                this.getConnectionPos(true, i, link_pos);
+                if (
+                    isInsideRectangle(
+                        x,
+                        y,
+                        link_pos[0] - 10,
+                        link_pos[1] - 5,
+                        20,
+                        10
+                    )
+                ) {
+                    return { input: input, slot: i, link_pos: link_pos };
+                }
+            }
+        }
+
+        if (this.outputs) {
+            for (var i = 0, l = this.outputs.length; i < l; ++i) {
+                var output = this.outputs[i];
+                this.getConnectionPos(false, i, link_pos);
+                if (
+                    isInsideRectangle(
+                        x,
+                        y,
+                        link_pos[0] - 10,
+                        link_pos[1] - 5,
+                        20,
+                        10
+                    )
+                ) {
+                    return { output: output, slot: i, link_pos: link_pos };
+                }
+            }
+        }
+
+        return null;
+    };
+
+    /**
+     * returns the input slot with a given name (used for dynamic slots), -1 if not found
+     * @method findInputSlot
+     * @param {string} name the name of the slot
+     * @return {number} the slot (-1 if not found)
+     */
+    LGraphNode.prototype.findInputSlot = function(name) {
+        if (!this.inputs) {
+            return -1;
+        }
+        for (var i = 0, l = this.inputs.length; i < l; ++i) {
+            if (name == this.inputs[i].name) {
+                return i;
+            }
+        }
+        return -1;
+    };
+
+    /**
+     * returns the output slot with a given name (used for dynamic slots), -1 if not found
+     * @method findOutputSlot
+     * @param {string} name the name of the slot
+     * @return {number} the slot (-1 if not found)
+     */
+    LGraphNode.prototype.findOutputSlot = function(name) {
+        if (!this.outputs) {
+            return -1;
+        }
+        for (var i = 0, l = this.outputs.length; i < l; ++i) {
+            if (name == this.outputs[i].name) {
+                return i;
+            }
+        }
+        return -1;
+    };
+
+    /**
+     * connect this node output to the input of another node
+     * @method connect
+     * @param {number_or_string} slot (could be the number of the slot or the string with the name of the slot)
+     * @param {LGraphNode} node the target node
+     * @param {number_or_string} target_slot the input slot of the target node (could be the number of the slot or the string with the name of the slot, or -1 to connect a trigger)
+     * @return {Object} the link_info is created, otherwise null
+     */
+    LGraphNode.prototype.connect = function(slot, target_node, target_slot) {
+        target_slot = target_slot || 0;
+
+        if (!this.graph) {
+            //could be connected before adding it to a graph
+            console.log(
+                "Connect: Error, node doesn't belong to any graph. Nodes must be added first to a graph before connecting them."
+            ); //due to link ids being associated with graphs
+            return null;
+        }
+
+        //seek for the output slot
+        if (slot.constructor === String) {
+            slot = this.findOutputSlot(slot);
+            if (slot == -1) {
+                if (LiteGraph.debug) {
+                    console.log("Connect: Error, no slot of name " + slot);
+                }
+                return null;
+            }
+        } else if (!this.outputs || slot >= this.outputs.length) {
+            if (LiteGraph.debug) {
+                console.log("Connect: Error, slot number not found");
+            }
+            return null;
+        }
+
+        if (target_node && target_node.constructor === Number) {
+            target_node = this.graph.getNodeById(target_node);
+        }
+        if (!target_node) {
+            throw "target node is null";
+        }
+
+        //avoid loopback
+        if (target_node == this) {
+            return null;
+        }
+
+        //you can specify the slot by name
+        if (target_slot.constructor === String) {
+            target_slot = target_node.findInputSlot(target_slot);
+            if (target_slot == -1) {
+                if (LiteGraph.debug) {
+                    console.log(
+                        "Connect: Error, no slot of name " + target_slot
+                    );
+                }
+                return null;
+            }
+        } else if (target_slot === LiteGraph.EVENT) {
+            //search for first slot with event?
+            /*
+		//create input for trigger
+		var input = target_node.addInput("onTrigger", LiteGraph.EVENT );
+		target_slot = target_node.inputs.length - 1; //last one is the one created
+		target_node.mode = LiteGraph.ON_TRIGGER;
+		*/
+            return null;
+        } else if (
+            !target_node.inputs ||
+            target_slot >= target_node.inputs.length
+        ) {
+            if (LiteGraph.debug) {
+                console.log("Connect: Error, slot number not found");
+            }
+            return null;
+        }
+
+		var changed = false;
+
+        //if there is something already plugged there, disconnect
+        if (target_node.inputs[target_slot].link != null) {
+			this.graph.beforeChange();
+            target_node.disconnectInput(target_slot);
+			changed = true;
+        }
+
+        //why here??
+        //this.setDirtyCanvas(false,true);
+        //this.graph.connectionChange( this );
+
+        var output = this.outputs[slot];
+
+        //allows nodes to block connection
+        if (target_node.onConnectInput) {
+            if ( target_node.onConnectInput(target_slot, output.type, output, this, slot) === false ) {
+                return null;
+            }
+        }
+
+        var input = target_node.inputs[target_slot];
+        var link_info = null;
+
+		//this slots cannot be connected (different types)
+        if (!LiteGraph.isValidConnection(output.type, input.type))
+		{
+	        this.setDirtyCanvas(false, true);
+			if(changed)
+		        this.graph.connectionChange(this, link_info);
+			return null;
+		}
+
+		if(!changed)
+			this.graph.beforeChange();
+
+		//create link class
+		link_info = new LLink(
+			++this.graph.last_link_id,
+			input.type,
+			this.id,
+			slot,
+			target_node.id,
+			target_slot
+		);
+
+		//add to graph links list
+		this.graph.links[link_info.id] = link_info;
+
+		//connect in output
+		if (output.links == null) {
+			output.links = [];
+		}
+		output.links.push(link_info.id);
+		//connect in input
+		target_node.inputs[target_slot].link = link_info.id;
+		if (this.graph) {
+			this.graph._version++;
+		}
+		if (this.onConnectionsChange) {
+			this.onConnectionsChange(
+				LiteGraph.OUTPUT,
+				slot,
+				true,
+				link_info,
+				output
+			);
+		} //link_info has been created now, so its updated
+		if (target_node.onConnectionsChange) {
+			target_node.onConnectionsChange(
+				LiteGraph.INPUT,
+				target_slot,
+				true,
+				link_info,
+				input
+			);
+		}
+		if (this.graph && this.graph.onNodeConnectionChange) {
+			this.graph.onNodeConnectionChange(
+				LiteGraph.INPUT,
+				target_node,
+				target_slot,
+				this,
+				slot
+			);
+			this.graph.onNodeConnectionChange(
+				LiteGraph.OUTPUT,
+				this,
+				slot,
+				target_node,
+				target_slot
+			);
+		}
+
+        this.setDirtyCanvas(false, true);
+		this.graph.afterChange();
+		this.graph.connectionChange(this, link_info);
+
+        return link_info;
+    };
+
+    /**
+     * disconnect one output to an specific node
+     * @method disconnectOutput
+     * @param {number_or_string} slot (could be the number of the slot or the string with the name of the slot)
+     * @param {LGraphNode} target_node the target node to which this slot is connected [Optional, if not target_node is specified all nodes will be disconnected]
+     * @return {boolean} if it was disconnected successfully
+     */
+    LGraphNode.prototype.disconnectOutput = function(slot, target_node) {
+        if (slot.constructor === String) {
+            slot = this.findOutputSlot(slot);
+            if (slot == -1) {
+                if (LiteGraph.debug) {
+                    console.log("Connect: Error, no slot of name " + slot);
+                }
+                return false;
+            }
+        } else if (!this.outputs || slot >= this.outputs.length) {
+            if (LiteGraph.debug) {
+                console.log("Connect: Error, slot number not found");
+            }
+            return false;
+        }
+
+        //get output slot
+        var output = this.outputs[slot];
+        if (!output || !output.links || output.links.length == 0) {
+            return false;
+        }
+
+        //one of the output links in this slot
+        if (target_node) {
+            if (target_node.constructor === Number) {
+                target_node = this.graph.getNodeById(target_node);
+            }
+            if (!target_node) {
+                throw "Target Node not found";
+            }
+
+            for (var i = 0, l = output.links.length; i < l; i++) {
+                var link_id = output.links[i];
+                var link_info = this.graph.links[link_id];
+
+                //is the link we are searching for...
+                if (link_info.target_id == target_node.id) {
+                    output.links.splice(i, 1); //remove here
+                    var input = target_node.inputs[link_info.target_slot];
+                    input.link = null; //remove there
+                    delete this.graph.links[link_id]; //remove the link from the links pool
+                    if (this.graph) {
+                        this.graph._version++;
+                    }
+                    if (target_node.onConnectionsChange) {
+                        target_node.onConnectionsChange(
+                            LiteGraph.INPUT,
+                            link_info.target_slot,
+                            false,
+                            link_info,
+                            input
+                        );
+                    } //link_info hasn't been modified so its ok
+                    if (this.onConnectionsChange) {
+                        this.onConnectionsChange(
+                            LiteGraph.OUTPUT,
+                            slot,
+                            false,
+                            link_info,
+                            output
+                        );
+                    }
+                    if (this.graph && this.graph.onNodeConnectionChange) {
+                        this.graph.onNodeConnectionChange(
+                            LiteGraph.OUTPUT,
+                            this,
+                            slot
+                        );
+                    }
+                    if (this.graph && this.graph.onNodeConnectionChange) {
+                        this.graph.onNodeConnectionChange(
+                            LiteGraph.OUTPUT,
+                            this,
+                            slot
+                        );
+                        this.graph.onNodeConnectionChange(
+                            LiteGraph.INPUT,
+                            target_node,
+                            link_info.target_slot
+                        );
+                    }
+                    break;
+                }
+            }
+        } //all the links in this output slot
+        else {
+            for (var i = 0, l = output.links.length; i < l; i++) {
+                var link_id = output.links[i];
+                var link_info = this.graph.links[link_id];
+                if (!link_info) {
+                    //bug: it happens sometimes
+                    continue;
+                }
+
+                var target_node = this.graph.getNodeById(link_info.target_id);
+                var input = null;
+                if (this.graph) {
+                    this.graph._version++;
+                }
+                if (target_node) {
+                    input = target_node.inputs[link_info.target_slot];
+                    input.link = null; //remove other side link
+                    if (target_node.onConnectionsChange) {
+                        target_node.onConnectionsChange(
+                            LiteGraph.INPUT,
+                            link_info.target_slot,
+                            false,
+                            link_info,
+                            input
+                        );
+                    } //link_info hasn't been modified so its ok
+                    if (this.graph && this.graph.onNodeConnectionChange) {
+                        this.graph.onNodeConnectionChange(
+                            LiteGraph.INPUT,
+                            target_node,
+                            link_info.target_slot
+                        );
+                    }
+                }
+                delete this.graph.links[link_id]; //remove the link from the links pool
+                if (this.onConnectionsChange) {
+                    this.onConnectionsChange(
+                        LiteGraph.OUTPUT,
+                        slot,
+                        false,
+                        link_info,
+                        output
+                    );
+                }
+                if (this.graph && this.graph.onNodeConnectionChange) {
+                    this.graph.onNodeConnectionChange(
+                        LiteGraph.OUTPUT,
+                        this,
+                        slot
+                    );
+                    this.graph.onNodeConnectionChange(
+                        LiteGraph.INPUT,
+                        target_node,
+                        link_info.target_slot
+                    );
+                }
+            }
+            output.links = null;
+        }
+
+        this.setDirtyCanvas(false, true);
+        this.graph.connectionChange(this);
+        return true;
+    };
+
+    /**
+     * disconnect one input
+     * @method disconnectInput
+     * @param {number_or_string} slot (could be the number of the slot or the string with the name of the slot)
+     * @return {boolean} if it was disconnected successfully
+     */
+    LGraphNode.prototype.disconnectInput = function(slot) {
+        //seek for the output slot
+        if (slot.constructor === String) {
+            slot = this.findInputSlot(slot);
+            if (slot == -1) {
+                if (LiteGraph.debug) {
+                    console.log("Connect: Error, no slot of name " + slot);
+                }
+                return false;
+            }
+        } else if (!this.inputs || slot >= this.inputs.length) {
+            if (LiteGraph.debug) {
+                console.log("Connect: Error, slot number not found");
+            }
+            return false;
+        }
+
+        var input = this.inputs[slot];
+        if (!input) {
+            return false;
+        }
+
+        var link_id = this.inputs[slot].link;
+		if(link_id != null)
+		{
+			this.inputs[slot].link = null;
+
+			//remove other side
+			var link_info = this.graph.links[link_id];
+			if (link_info) {
+				var target_node = this.graph.getNodeById(link_info.origin_id);
+				if (!target_node) {
+					return false;
+				}
+
+				var output = target_node.outputs[link_info.origin_slot];
+				if (!output || !output.links || output.links.length == 0) {
+					return false;
+				}
+
+				//search in the inputs list for this link
+				for (var i = 0, l = output.links.length; i < l; i++) {
+					if (output.links[i] == link_id) {
+						output.links.splice(i, 1);
+						break;
+					}
+				}
+
+				delete this.graph.links[link_id]; //remove from the pool
+				if (this.graph) {
+					this.graph._version++;
+				}
+				if (this.onConnectionsChange) {
+					this.onConnectionsChange(
+						LiteGraph.INPUT,
+						slot,
+						false,
+						link_info,
+						input
+					);
+				}
+				if (target_node.onConnectionsChange) {
+					target_node.onConnectionsChange(
+						LiteGraph.OUTPUT,
+						i,
+						false,
+						link_info,
+						output
+					);
+				}
+				if (this.graph && this.graph.onNodeConnectionChange) {
+					this.graph.onNodeConnectionChange(
+						LiteGraph.OUTPUT,
+						target_node,
+						i
+					);
+					this.graph.onNodeConnectionChange(LiteGraph.INPUT, this, slot);
+				}
+			}
+		} //link != null
+
+        this.setDirtyCanvas(false, true);
+		if(this.graph)
+	        this.graph.connectionChange(this);
+        return true;
+    };
+
+    /**
+     * returns the center of a connection point in canvas coords
+     * @method getConnectionPos
+     * @param {boolean} is_input true if if a input slot, false if it is an output
+     * @param {number_or_string} slot (could be the number of the slot or the string with the name of the slot)
+     * @param {vec2} out [optional] a place to store the output, to free garbage
+     * @return {[x,y]} the position
+     **/
+    LGraphNode.prototype.getConnectionPos = function(
+        is_input,
+        slot_number,
+        out
+    ) {
+        out = out || new Float32Array(2);
+        var num_slots = 0;
+        if (is_input && this.inputs) {
+            num_slots = this.inputs.length;
+        }
+        if (!is_input && this.outputs) {
+            num_slots = this.outputs.length;
+        }
+
+        var offset = LiteGraph.NODE_SLOT_HEIGHT * 0.5;
+
+        if (this.flags.collapsed) {
+            var w = this._collapsed_width || LiteGraph.NODE_COLLAPSED_WIDTH;
+            if (this.horizontal) {
+                out[0] = this.pos[0] + w * 0.5;
+                if (is_input) {
+                    out[1] = this.pos[1] - LiteGraph.NODE_TITLE_HEIGHT;
+                } else {
+                    out[1] = this.pos[1];
+                }
+            } else {
+                if (is_input) {
+                    out[0] = this.pos[0];
+                } else {
+                    out[0] = this.pos[0] + w;
+                }
+                out[1] = this.pos[1] - LiteGraph.NODE_TITLE_HEIGHT * 0.5;
+            }
+            return out;
+        }
+
+        //weird feature that never got finished
+        if (is_input && slot_number == -1) {
+            out[0] = this.pos[0] + LiteGraph.NODE_TITLE_HEIGHT * 0.5;
+            out[1] = this.pos[1] + LiteGraph.NODE_TITLE_HEIGHT * 0.5;
+            return out;
+        }
+
+        //hard-coded pos
+        if (
+            is_input &&
+            num_slots > slot_number &&
+            this.inputs[slot_number].pos
+        ) {
+            out[0] = this.pos[0] + this.inputs[slot_number].pos[0];
+            out[1] = this.pos[1] + this.inputs[slot_number].pos[1];
+            return out;
+        } else if (
+            !is_input &&
+            num_slots > slot_number &&
+            this.outputs[slot_number].pos
+        ) {
+            out[0] = this.pos[0] + this.outputs[slot_number].pos[0];
+            out[1] = this.pos[1] + this.outputs[slot_number].pos[1];
+            return out;
+        }
+
+        //horizontal distributed slots
+        if (this.horizontal) {
+            out[0] =
+                this.pos[0] + (slot_number + 0.5) * (this.size[0] / num_slots);
+            if (is_input) {
+                out[1] = this.pos[1] - LiteGraph.NODE_TITLE_HEIGHT;
+            } else {
+                out[1] = this.pos[1] + this.size[1];
+            }
+            return out;
+        }
+
+        //default vertical slots
+        if (is_input) {
+            out[0] = this.pos[0] + offset;
+        } else {
+            out[0] = this.pos[0] + this.size[0] + 1 - offset;
+        }
+        out[1] =
+            this.pos[1] +
+            (slot_number + 0.7) * LiteGraph.NODE_SLOT_HEIGHT +
+            (this.constructor.slot_start_y || 0);
+        return out;
+    };
+
+    /* Force align to grid */
+    LGraphNode.prototype.alignToGrid = function() {
+        this.pos[0] =
+            LiteGraph.CANVAS_GRID_SIZE *
+            Math.round(this.pos[0] / LiteGraph.CANVAS_GRID_SIZE);
+        this.pos[1] =
+            LiteGraph.CANVAS_GRID_SIZE *
+            Math.round(this.pos[1] / LiteGraph.CANVAS_GRID_SIZE);
+    };
+
+    /* Console output */
+    LGraphNode.prototype.trace = function(msg) {
+        if (!this.console) {
+            this.console = [];
+        }
+
+        this.console.push(msg);
+        if (this.console.length > LGraphNode.MAX_CONSOLE) {
+            this.console.shift();
+        }
+
+		if(this.graph.onNodeTrace)
+	        this.graph.onNodeTrace(this, msg);
+    };
+
+    /* Forces to redraw or the main canvas (LGraphNode) or the bg canvas (links) */
+    LGraphNode.prototype.setDirtyCanvas = function(
+        dirty_foreground,
+        dirty_background
+    ) {
+        if (!this.graph) {
+            return;
+        }
+        this.graph.sendActionToCanvas("setDirty", [
+            dirty_foreground,
+            dirty_background
+        ]);
+    };
+
+    LGraphNode.prototype.loadImage = function(url) {
+        var img = new Image();
+        img.src = LiteGraph.node_images_path + url;
+        img.ready = false;
+
+        var that = this;
+        img.onload = function() {
+            this.ready = true;
+            that.setDirtyCanvas(true);
+        };
+        return img;
+    };
+
+    //safe LGraphNode action execution (not sure if safe)
+    /*
+LGraphNode.prototype.executeAction = function(action)
+{
+	if(action == "") return false;
+
+	if( action.indexOf(";") != -1 || action.indexOf("}") != -1)
+	{
+		this.trace("Error: Action contains unsafe characters");
+		return false;
+	}
+
+	var tokens = action.split("(");
+	var func_name = tokens[0];
+	if( typeof(this[func_name]) != "function")
+	{
+		this.trace("Error: Action not found on node: " + func_name);
+		return false;
+	}
+
+	var code = action;
+
+	try
+	{
+		var _foo = eval;
+		eval = null;
+		(new Function("with(this) { " + code + "}")).call(this);
+		eval = _foo;
+	}
+	catch (err)
+	{
+		this.trace("Error executing action {" + action + "} :" + err);
+		return false;
+	}
+
+	return true;
+}
+*/
+
+    /* Allows to get onMouseMove and onMouseUp events even if the mouse is out of focus */
+    LGraphNode.prototype.captureInput = function(v) {
+        if (!this.graph || !this.graph.list_of_graphcanvas) {
+            return;
+        }
+
+        var list = this.graph.list_of_graphcanvas;
+
+        for (var i = 0; i < list.length; ++i) {
+            var c = list[i];
+            //releasing somebody elses capture?!
+            if (!v && c.node_capturing_input != this) {
+                continue;
+            }
+
+            //change
+            c.node_capturing_input = v ? this : null;
+        }
+    };
+
+    /**
+     * Collapse the node to make it smaller on the canvas
+     * @method collapse
+     **/
+    LGraphNode.prototype.collapse = function(force) {
+        this.graph._version++;
+        if (this.constructor.collapsable === false && !force) {
+            return;
+        }
+        if (!this.flags.collapsed) {
+            this.flags.collapsed = true;
+        } else {
+            this.flags.collapsed = false;
+        }
+        this.setDirtyCanvas(true, true);
+    };
+
+    /**
+     * Forces the node to do not move or realign on Z
+     * @method pin
+     **/
+
+    LGraphNode.prototype.pin = function(v) {
+        this.graph._version++;
+        if (v === undefined) {
+            this.flags.pinned = !this.flags.pinned;
+        } else {
+            this.flags.pinned = v;
+        }
+    };
+
+    LGraphNode.prototype.localToScreen = function(x, y, graphcanvas) {
+        return [
+            (x + this.pos[0]) * graphcanvas.scale + graphcanvas.offset[0],
+            (y + this.pos[1]) * graphcanvas.scale + graphcanvas.offset[1]
+        ];
+    };
+
+    function LGraphGroup(title) {
+        this._ctor(title);
+    }
+
+    global.LGraphGroup = LiteGraph.LGraphGroup = LGraphGroup;
+
+    LGraphGroup.prototype._ctor = function(title) {
+        this.title = title || "Group";
+        this.font_size = 24;
+        this.color = LGraphCanvas.node_colors.pale_blue
+            ? LGraphCanvas.node_colors.pale_blue.groupcolor
+            : "#AAA";
+        this._bounding = new Float32Array([10, 10, 140, 80]);
+        this._pos = this._bounding.subarray(0, 2);
+        this._size = this._bounding.subarray(2, 4);
+        this._nodes = [];
+        this.graph = null;
+
+        Object.defineProperty(this, "pos", {
+            set: function(v) {
+                if (!v || v.length < 2) {
+                    return;
+                }
+                this._pos[0] = v[0];
+                this._pos[1] = v[1];
+            },
+            get: function() {
+                return this._pos;
+            },
+            enumerable: true
+        });
+
+        Object.defineProperty(this, "size", {
+            set: function(v) {
+                if (!v || v.length < 2) {
+                    return;
+                }
+                this._size[0] = Math.max(140, v[0]);
+                this._size[1] = Math.max(80, v[1]);
+            },
+            get: function() {
+                return this._size;
+            },
+            enumerable: true
+        });
+    };
+
+    LGraphGroup.prototype.configure = function(o) {
+        this.title = o.title;
+        this._bounding.set(o.bounding);
+        this.color = o.color;
+        this.font = o.font;
+    };
+
+    LGraphGroup.prototype.serialize = function() {
+        var b = this._bounding;
+        return {
+            title: this.title,
+            bounding: [
+                Math.round(b[0]),
+                Math.round(b[1]),
+                Math.round(b[2]),
+                Math.round(b[3])
+            ],
+            color: this.color,
+            font: this.font
+        };
+    };
+
+    LGraphGroup.prototype.move = function(deltax, deltay, ignore_nodes) {
+        this._pos[0] += deltax;
+        this._pos[1] += deltay;
+        if (ignore_nodes) {
+            return;
+        }
+        for (var i = 0; i < this._nodes.length; ++i) {
+            var node = this._nodes[i];
+            node.pos[0] += deltax;
+            node.pos[1] += deltay;
+        }
+    };
+
+    LGraphGroup.prototype.recomputeInsideNodes = function() {
+        this._nodes.length = 0;
+        var nodes = this.graph._nodes;
+        var node_bounding = new Float32Array(4);
+
+        for (var i = 0; i < nodes.length; ++i) {
+            var node = nodes[i];
+            node.getBounding(node_bounding);
+            if (!overlapBounding(this._bounding, node_bounding)) {
+                continue;
+            } //out of the visible area
+            this._nodes.push(node);
+        }
+    };
+
+    LGraphGroup.prototype.isPointInside = LGraphNode.prototype.isPointInside;
+    LGraphGroup.prototype.setDirtyCanvas = LGraphNode.prototype.setDirtyCanvas;
+
+    //****************************************
+
+    //Scale and Offset
+    function DragAndScale(element, skip_events) {
+        this.offset = new Float32Array([0, 0]);
+        this.scale = 1;
+        this.max_scale = 10;
+        this.min_scale = 0.1;
+        this.onredraw = null;
+        this.enabled = true;
+        this.last_mouse = [0, 0];
+        this.element = null;
+        this.visible_area = new Float32Array(4);
+
+        if (element) {
+            this.element = element;
+            if (!skip_events) {
+                this.bindEvents(element);
+            }
+        }
+    }
+
+    LiteGraph.DragAndScale = DragAndScale;
+
+    DragAndScale.prototype.bindEvents = function(element) {
+        this.last_mouse = new Float32Array(2);
+
+        this._binded_mouse_callback = this.onMouse.bind(this);
+
+        element.addEventListener("mousedown", this._binded_mouse_callback);
+        element.addEventListener("mousemove", this._binded_mouse_callback);
+
+        element.addEventListener(
+            "mousewheel",
+            this._binded_mouse_callback,
+            false
+        );
+        element.addEventListener("wheel", this._binded_mouse_callback, false);
+    };
+
+    DragAndScale.prototype.computeVisibleArea = function( viewport ) {
+        if (!this.element) {
+            this.visible_area[0] = this.visible_area[1] = this.visible_area[2] = this.visible_area[3] = 0;
+            return;
+        }
+        var width = this.element.width;
+        var height = this.element.height;
+        var startx = -this.offset[0];
+        var starty = -this.offset[1];
+		if( viewport )
+		{
+			startx += viewport[0] / this.scale;
+			starty += viewport[1] / this.scale;
+			width = viewport[2];
+			height = viewport[3];
+		}
+        var endx = startx + width / this.scale;
+        var endy = starty + height / this.scale;
+        this.visible_area[0] = startx;
+        this.visible_area[1] = starty;
+        this.visible_area[2] = endx - startx;
+        this.visible_area[3] = endy - starty;
+    };
+
+    DragAndScale.prototype.onMouse = function(e) {
+        if (!this.enabled) {
+            return;
+        }
+
+        var canvas = this.element;
+        var rect = canvas.getBoundingClientRect();
+        var x = e.clientX - rect.left;
+        var y = e.clientY - rect.top;
+        e.canvasx = x;
+        e.canvasy = y;
+        e.dragging = this.dragging;
+
+		var is_inside = !this.viewport || ( this.viewport && x >= this.viewport[0] && x < (this.viewport[0] + this.viewport[2]) && y >= this.viewport[1] && y < (this.viewport[1] + this.viewport[3]) );
+
+        var ignore = false;
+        if (this.onmouse) {
+            ignore = this.onmouse(e);
+        }
+
+        if (e.type == "mousedown" && is_inside) {
+            this.dragging = true;
+            canvas.removeEventListener( "mousemove", this._binded_mouse_callback );
+            document.body.addEventListener( "mousemove", this._binded_mouse_callback );
+            document.body.addEventListener( "mouseup", this._binded_mouse_callback );
+        } else if (e.type == "mousemove") {
+            if (!ignore) {
+                var deltax = x - this.last_mouse[0];
+                var deltay = y - this.last_mouse[1];
+                if (this.dragging) {
+                    this.mouseDrag(deltax, deltay);
+                }
+            }
+        } else if (e.type == "mouseup") {
+            this.dragging = false;
+            document.body.removeEventListener( "mousemove", this._binded_mouse_callback );
+            document.body.removeEventListener( "mouseup", this._binded_mouse_callback );
+            canvas.addEventListener("mousemove", this._binded_mouse_callback );
+        } else if ( is_inside &&
+            (e.type == "mousewheel" ||
+            e.type == "wheel" ||
+            e.type == "DOMMouseScroll")
+        ) {
+            e.eventType = "mousewheel";
+            if (e.type == "wheel") {
+                e.wheel = -e.deltaY;
+            } else {
+                e.wheel =
+                    e.wheelDeltaY != null ? e.wheelDeltaY : e.detail * -60;
+            }
+
+            //from stack overflow
+            e.delta = e.wheelDelta
+                ? e.wheelDelta / 40
+                : e.deltaY
+                ? -e.deltaY / 3
+                : 0;
+            this.changeDeltaScale(1.0 + e.delta * 0.05);
+        }
+
+        this.last_mouse[0] = x;
+        this.last_mouse[1] = y;
+
+		if(is_inside)
+		{
+	        e.preventDefault();
+		    e.stopPropagation();
+		    return false;
+		}
+    };
+
+    DragAndScale.prototype.toCanvasContext = function(ctx) {
+        ctx.scale(this.scale, this.scale);
+        ctx.translate(this.offset[0], this.offset[1]);
+    };
+
+    DragAndScale.prototype.convertOffsetToCanvas = function(pos) {
+        //return [pos[0] / this.scale - this.offset[0], pos[1] / this.scale - this.offset[1]];
+        return [
+            (pos[0] + this.offset[0]) * this.scale,
+            (pos[1] + this.offset[1]) * this.scale
+        ];
+    };
+
+    DragAndScale.prototype.convertCanvasToOffset = function(pos, out) {
+        out = out || [0, 0];
+        out[0] = pos[0] / this.scale - this.offset[0];
+        out[1] = pos[1] / this.scale - this.offset[1];
+        return out;
+    };
+
+    DragAndScale.prototype.mouseDrag = function(x, y) {
+        this.offset[0] += x / this.scale;
+        this.offset[1] += y / this.scale;
+
+        if (this.onredraw) {
+            this.onredraw(this);
+        }
+    };
+
+    DragAndScale.prototype.changeScale = function(value, zooming_center) {
+        if (value < this.min_scale) {
+            value = this.min_scale;
+        } else if (value > this.max_scale) {
+            value = this.max_scale;
+        }
+
+        if (value == this.scale) {
+            return;
+        }
+
+        if (!this.element) {
+            return;
+        }
+
+        var rect = this.element.getBoundingClientRect();
+        if (!rect) {
+            return;
+        }
+
+        zooming_center = zooming_center || [
+            rect.width * 0.5,
+            rect.height * 0.5
+        ];
+        var center = this.convertCanvasToOffset(zooming_center);
+        this.scale = value;
+        if (Math.abs(this.scale - 1) < 0.01) {
+            this.scale = 1;
+        }
+
+        var new_center = this.convertCanvasToOffset(zooming_center);
+        var delta_offset = [
+            new_center[0] - center[0],
+            new_center[1] - center[1]
+        ];
+
+        this.offset[0] += delta_offset[0];
+        this.offset[1] += delta_offset[1];
+
+        if (this.onredraw) {
+            this.onredraw(this);
+        }
+    };
+
+    DragAndScale.prototype.changeDeltaScale = function(value, zooming_center) {
+        this.changeScale(this.scale * value, zooming_center);
+    };
+
+    DragAndScale.prototype.reset = function() {
+        this.scale = 1;
+        this.offset[0] = 0;
+        this.offset[1] = 0;
+    };
+
+    //*********************************************************************************
+    // LGraphCanvas: LGraph renderer CLASS
+    //*********************************************************************************
+
+    /**
+     * This class is in charge of rendering one graph inside a canvas. And provides all the interaction required.
+     * Valid callbacks are: onNodeSelected, onNodeDeselected, onShowNodePanel, onNodeDblClicked
+     *
+     * @class LGraphCanvas
+     * @constructor
+     * @param {HTMLCanvas} canvas the canvas where you want to render (it accepts a selector in string format or the canvas element itself)
+     * @param {LGraph} graph [optional]
+     * @param {Object} options [optional] { skip_rendering, autoresize, viewport }
+     */
+    function LGraphCanvas(canvas, graph, options) {
+        this.options = options = options || {};
+
+        //if(graph === undefined)
+        //	throw ("No graph assigned");
+        this.background_image = LGraphCanvas.DEFAULT_BACKGROUND_IMAGE;
+
+        if (canvas && canvas.constructor === String) {
+            canvas = document.querySelector(canvas);
+        }
+
+        this.ds = new DragAndScale();
+        this.zoom_modify_alpha = true; //otherwise it generates ugly patterns when scaling down too much
+
+        this.title_text_font = "" + LiteGraph.NODE_TEXT_SIZE + "px Arial";
+        this.inner_text_font =
+            "normal " + LiteGraph.NODE_SUBTEXT_SIZE + "px Arial";
+        this.node_title_color = LiteGraph.NODE_TITLE_COLOR;
+        this.default_link_color = LiteGraph.LINK_COLOR;
+        this.default_connection_color = {
+            input_off: "#778",
+            input_on: "#7F7",
+            output_off: "#778",
+            output_on: "#7F7"
+        };
+
+        this.highquality_render = true;
+        this.use_gradients = false; //set to true to render titlebar with gradients
+        this.editor_alpha = 1; //used for transition
+        this.pause_rendering = false;
+        this.clear_background = true;
+
+		this.read_only = false; //if set to true users cannot modify the graph
+        this.render_only_selected = true;
+        this.live_mode = false;
+        this.show_info = true;
+        this.allow_dragcanvas = true;
+        this.allow_dragnodes = true;
+        this.allow_interaction = true; //allow to control widgets, buttons, collapse, etc
+        this.allow_searchbox = true;
+        this.allow_reconnect_links = false; //allows to change a connection with having to redo it again
+		this.align_to_grid = false; //snap to grid
+
+        this.drag_mode = false;
+        this.dragging_rectangle = null;
+
+        this.filter = null; //allows to filter to only accept some type of nodes in a graph
+
+		this.set_canvas_dirty_on_mouse_event = true; //forces to redraw the canvas if the mouse does anything
+        this.always_render_background = false;
+        this.render_shadows = true;
+        this.render_canvas_border = true;
+        this.render_connections_shadows = false; //too much cpu
+        this.render_connections_border = true;
+        this.render_curved_connections = false;
+        this.render_connection_arrows = false;
+        this.render_collapsed_slots = true;
+        this.render_execution_order = false;
+        this.render_title_colored = true;
+		this.render_link_tooltip = true;
+
+        this.links_render_mode = LiteGraph.SPLINE_LINK;
+
+        this.mouse = [0, 0]; //mouse in canvas coordinates, where 0,0 is the top-left corner of the blue rectangle
+        this.graph_mouse = [0, 0]; //mouse in graph coordinates, where 0,0 is the top-left corner of the blue rectangle
+		this.canvas_mouse = this.graph_mouse; //LEGACY: REMOVE THIS, USE GRAPH_MOUSE INSTEAD
+
+        //to personalize the search box
+        this.onSearchBox = null;
+        this.onSearchBoxSelection = null;
+
+        //callbacks
+        this.onMouse = null;
+        this.onDrawBackground = null; //to render background objects (behind nodes and connections) in the canvas affected by transform
+        this.onDrawForeground = null; //to render foreground objects (above nodes and connections) in the canvas affected by transform
+        this.onDrawOverlay = null; //to render foreground objects not affected by transform (for GUIs)
+		this.onDrawLinkTooltip = null; //called when rendering a tooltip
+		this.onNodeMoved = null; //called after moving a node
+		this.onSelectionChange = null; //called if the selection changes
+		this.onConnectingChange = null; //called before any link changes
+		this.onBeforeChange = null; //called before modifying the graph
+		this.onAfterChange = null; //called after modifying the graph
+
+        this.connections_width = 3;
+        this.round_radius = 8;
+
+        this.current_node = null;
+        this.node_widget = null; //used for widgets
+		this.over_link_center = null;
+        this.last_mouse_position = [0, 0];
+        this.visible_area = this.ds.visible_area;
+        this.visible_links = [];
+
+		this.viewport = options.viewport || null; //to constraint render area to a portion of the canvas
+
+        //link canvas and graph
+        if (graph) {
+            graph.attachCanvas(this);
+        }
+
+        this.setCanvas(canvas,options.skip_events);
+        this.clear();
+
+        if (!options.skip_render) {
+            this.startRendering();
+        }
+
+        this.autoresize = options.autoresize;
+    }
+
+    global.LGraphCanvas = LiteGraph.LGraphCanvas = LGraphCanvas;
+
+	LGraphCanvas.DEFAULT_BACKGROUND_IMAGE = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAIAAAD/gAIDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQBJREFUeNrs1rEKwjAUhlETUkj3vP9rdmr1Ysammk2w5wdxuLgcMHyptfawuZX4pJSWZTnfnu/lnIe/jNNxHHGNn//HNbbv+4dr6V+11uF527arU7+u63qfa/bnmh8sWLBgwYJlqRf8MEptXPBXJXa37BSl3ixYsGDBMliwFLyCV/DeLIMFCxYsWLBMwSt4Be/NggXLYMGCBUvBK3iNruC9WbBgwYJlsGApeAWv4L1ZBgsWLFiwYJmCV/AK3psFC5bBggULloJX8BpdwXuzYMGCBctgwVLwCl7Be7MMFixYsGDBsu8FH1FaSmExVfAxBa/gvVmwYMGCZbBg/W4vAQYA5tRF9QYlv/QAAAAASUVORK5CYII=";
+
+    LGraphCanvas.link_type_colors = {
+        "-1": LiteGraph.EVENT_LINK_COLOR,
+        number: "#AAA",
+        node: "#DCA"
+    };
+    LGraphCanvas.gradients = {}; //cache of gradients
+
+    /**
+     * clears all the data inside
+     *
+     * @method clear
+     */
+    LGraphCanvas.prototype.clear = function() {
+        this.frame = 0;
+        this.last_draw_time = 0;
+        this.render_time = 0;
+        this.fps = 0;
+
+        //this.scale = 1;
+        //this.offset = [0,0];
+
+        this.dragging_rectangle = null;
+
+        this.selected_nodes = {};
+        this.selected_group = null;
+
+        this.visible_nodes = [];
+        this.node_dragged = null;
+        this.node_over = null;
+        this.node_capturing_input = null;
+        this.connecting_node = null;
+        this.highlighted_links = {};
+
+		this.dragging_canvas = false;
+
+        this.dirty_canvas = true;
+        this.dirty_bgcanvas = true;
+        this.dirty_area = null;
+
+        this.node_in_panel = null;
+        this.node_widget = null;
+
+        this.last_mouse = [0, 0];
+        this.last_mouseclick = 0;
+        this.visible_area.set([0, 0, 0, 0]);
+
+        if (this.onClear) {
+            this.onClear();
+        }
+    };
+
+    /**
+     * assigns a graph, you can reassign graphs to the same canvas
+     *
+     * @method setGraph
+     * @param {LGraph} graph
+     */
+    LGraphCanvas.prototype.setGraph = function(graph, skip_clear) {
+        if (this.graph == graph) {
+            return;
+        }
+
+        if (!skip_clear) {
+            this.clear();
+        }
+
+        if (!graph && this.graph) {
+            this.graph.detachCanvas(this);
+            return;
+        }
+
+        graph.attachCanvas(this);
+
+		//remove the graph stack in case a subgraph was open
+		if (this._graph_stack)
+			this._graph_stack = null;
+
+        this.setDirty(true, true);
+    };
+
+    /**
+     * returns the top level graph (in case there are subgraphs open on the canvas)
+     *
+     * @method getTopGraph
+     * @return {LGraph} graph
+     */
+	LGraphCanvas.prototype.getTopGraph = function()
+	{
+		if(this._graph_stack.length)
+			return this._graph_stack[0];
+		return this.graph;
+	}
+
+    /**
+     * opens a graph contained inside a node in the current graph
+     *
+     * @method openSubgraph
+     * @param {LGraph} graph
+     */
+    LGraphCanvas.prototype.openSubgraph = function(graph) {
+        if (!graph) {
+            throw "graph cannot be null";
+        }
+
+        if (this.graph == graph) {
+            throw "graph cannot be the same";
+        }
+
+        this.clear();
+
+        if (this.graph) {
+            if (!this._graph_stack) {
+                this._graph_stack = [];
+            }
+            this._graph_stack.push(this.graph);
+        }
+
+        graph.attachCanvas(this);
+		this.checkPanels();
+        this.setDirty(true, true);
+    };
+
+    /**
+     * closes a subgraph contained inside a node
+     *
+     * @method closeSubgraph
+     * @param {LGraph} assigns a graph
+     */
+    LGraphCanvas.prototype.closeSubgraph = function() {
+        if (!this._graph_stack || this._graph_stack.length == 0) {
+            return;
+        }
+        var subgraph_node = this.graph._subgraph_node;
+        var graph = this._graph_stack.pop();
+        this.selected_nodes = {};
+        this.highlighted_links = {};
+        graph.attachCanvas(this);
+        this.setDirty(true, true);
+        if (subgraph_node) {
+            this.centerOnNode(subgraph_node);
+            this.selectNodes([subgraph_node]);
+        }
+    };
+
+    /**
+     * returns the visualy active graph (in case there are more in the stack)
+     * @method getCurrentGraph
+     * @return {LGraph} the active graph
+     */
+    LGraphCanvas.prototype.getCurrentGraph = function() {
+        return this.graph;
+    };
+
+    /**
+     * assigns a canvas
+     *
+     * @method setCanvas
+     * @param {Canvas} assigns a canvas (also accepts the ID of the element (not a selector)
+     */
+    LGraphCanvas.prototype.setCanvas = function(canvas, skip_events) {
+        var that = this;
+
+        if (canvas) {
+            if (canvas.constructor === String) {
+                canvas = document.getElementById(canvas);
+                if (!canvas) {
+                    throw "Error creating LiteGraph canvas: Canvas not found";
+                }
+            }
+        }
+
+        if (canvas === this.canvas) {
+            return;
+        }
+
+        if (!canvas && this.canvas) {
+            //maybe detach events from old_canvas
+            if (!skip_events) {
+                this.unbindEvents();
+            }
+        }
+
+        this.canvas = canvas;
+        this.ds.element = canvas;
+
+        if (!canvas) {
+            return;
+        }
+
+        //this.canvas.tabindex = "1000";
+        canvas.className += " lgraphcanvas";
+        canvas.data = this;
+        canvas.tabindex = "1"; //to allow key events
+
+        //bg canvas: used for non changing stuff
+        this.bgcanvas = null;
+        if (!this.bgcanvas) {
+            this.bgcanvas = document.createElement("canvas");
+            this.bgcanvas.width = this.canvas.width;
+            this.bgcanvas.height = this.canvas.height;
+        }
+
+        if (canvas.getContext == null) {
+            if (canvas.localName != "canvas") {
+                throw "Element supplied for LGraphCanvas must be a <canvas> element, you passed a " +
+                    canvas.localName;
+            }
+            throw "This browser doesn't support Canvas";
+        }
+
+        var ctx = (this.ctx = canvas.getContext("2d"));
+        if (ctx == null) {
+            if (!canvas.webgl_enabled) {
+                console.warn(
+                    "This canvas seems to be WebGL, enabling WebGL renderer"
+                );
+            }
+            this.enableWebGL();
+        }
+
+        //input:  (move and up could be unbinded)
+        this._mousemove_callback = this.processMouseMove.bind(this);
+        this._mouseup_callback = this.processMouseUp.bind(this);
+
+        if (!skip_events) {
+            this.bindEvents();
+        }
+    };
+
+    //used in some events to capture them
+    LGraphCanvas.prototype._doNothing = function doNothing(e) {
+        e.preventDefault();
+        return false;
+    };
+    LGraphCanvas.prototype._doReturnTrue = function doNothing(e) {
+        e.preventDefault();
+        return true;
+    };
+
+    /**
+     * binds mouse, keyboard, touch and drag events to the canvas
+     * @method bindEvents
+     **/
+    LGraphCanvas.prototype.bindEvents = function() {
+        if (this._events_binded) {
+            console.warn("LGraphCanvas: events already binded");
+            return;
+        }
+
+        var canvas = this.canvas;
+
+        var ref_window = this.getCanvasWindow();
+        var document = ref_window.document; //hack used when moving canvas between windows
+
+        this._mousedown_callback = this.processMouseDown.bind(this);
+        this._mousewheel_callback = this.processMouseWheel.bind(this);
+
+        canvas.addEventListener("mousedown", this._mousedown_callback, true); //down do not need to store the binded
+        canvas.addEventListener("mousemove", this._mousemove_callback);
+        canvas.addEventListener("mousewheel", this._mousewheel_callback, false);
+
+        canvas.addEventListener("contextmenu", this._doNothing);
+        canvas.addEventListener(
+            "DOMMouseScroll",
+            this._mousewheel_callback,
+            false
+        );
+
+        //touch events
+        //if( 'touchstart' in document.documentElement )
+        {
+            canvas.addEventListener("touchstart", this.touchHandler, true);
+            canvas.addEventListener("touchmove", this.touchHandler, true);
+            canvas.addEventListener("touchend", this.touchHandler, true);
+            canvas.addEventListener("touchcancel", this.touchHandler, true);
+        }
+
+        //Keyboard ******************
+        this._key_callback = this.processKey.bind(this);
+
+        canvas.addEventListener("keydown", this._key_callback, true);
+        document.addEventListener("keyup", this._key_callback, true); //in document, otherwise it doesn't fire keyup
+
+        //Dropping Stuff over nodes ************************************
+        this._ondrop_callback = this.processDrop.bind(this);
+
+        canvas.addEventListener("dragover", this._doNothing, false);
+        canvas.addEventListener("dragend", this._doNothing, false);
+        canvas.addEventListener("drop", this._ondrop_callback, false);
+        canvas.addEventListener("dragenter", this._doReturnTrue, false);
+
+        this._events_binded = true;
+    };
+
+    /**
+     * unbinds mouse events from the canvas
+     * @method unbindEvents
+     **/
+    LGraphCanvas.prototype.unbindEvents = function() {
+        if (!this._events_binded) {
+            console.warn("LGraphCanvas: no events binded");
+            return;
+        }
+
+        var ref_window = this.getCanvasWindow();
+        var document = ref_window.document;
+
+        this.canvas.removeEventListener("mousedown", this._mousedown_callback);
+        this.canvas.removeEventListener(
+            "mousewheel",
+            this._mousewheel_callback
+        );
+        this.canvas.removeEventListener(
+            "DOMMouseScroll",
+            this._mousewheel_callback
+        );
+        this.canvas.removeEventListener("keydown", this._key_callback);
+        document.removeEventListener("keyup", this._key_callback);
+        this.canvas.removeEventListener("contextmenu", this._doNothing);
+        this.canvas.removeEventListener("drop", this._ondrop_callback);
+        this.canvas.removeEventListener("dragenter", this._doReturnTrue);
+
+        this.canvas.removeEventListener("touchstart", this.touchHandler);
+        this.canvas.removeEventListener("touchmove", this.touchHandler);
+        this.canvas.removeEventListener("touchend", this.touchHandler);
+        this.canvas.removeEventListener("touchcancel", this.touchHandler);
+
+        this._mousedown_callback = null;
+        this._mousewheel_callback = null;
+        this._key_callback = null;
+        this._ondrop_callback = null;
+
+        this._events_binded = false;
+    };
+
+    LGraphCanvas.getFileExtension = function(url) {
+        var question = url.indexOf("?");
+        if (question != -1) {
+            url = url.substr(0, question);
+        }
+        var point = url.lastIndexOf(".");
+        if (point == -1) {
+            return "";
+        }
+        return url.substr(point + 1).toLowerCase();
+    };
+
+    /**
+     * this function allows to render the canvas using WebGL instead of Canvas2D
+     * this is useful if you plant to render 3D objects inside your nodes, it uses litegl.js for webgl and canvas2DtoWebGL to emulate the Canvas2D calls in webGL
+     * @method enableWebGL
+     **/
+    LGraphCanvas.prototype.enableWebGL = function() {
+        if (typeof GL === undefined) {
+            throw "litegl.js must be included to use a WebGL canvas";
+        }
+        if (typeof enableWebGLCanvas === undefined) {
+            throw "webglCanvas.js must be included to use this feature";
+        }
+
+        this.gl = this.ctx = enableWebGLCanvas(this.canvas);
+        this.ctx.webgl = true;
+        this.bgcanvas = this.canvas;
+        this.bgctx = this.gl;
+        this.canvas.webgl_enabled = true;
+
+        /*
+	GL.create({ canvas: this.bgcanvas });
+	this.bgctx = enableWebGLCanvas( this.bgcanvas );
+	window.gl = this.gl;
+	*/
+    };
+
+    /**
+     * marks as dirty the canvas, this way it will be rendered again
+     *
+     * @class LGraphCanvas
+     * @method setDirty
+     * @param {bool} fgcanvas if the foreground canvas is dirty (the one containing the nodes)
+     * @param {bool} bgcanvas if the background canvas is dirty (the one containing the wires)
+     */
+    LGraphCanvas.prototype.setDirty = function(fgcanvas, bgcanvas) {
+        if (fgcanvas) {
+            this.dirty_canvas = true;
+        }
+        if (bgcanvas) {
+            this.dirty_bgcanvas = true;
+        }
+    };
+
+    /**
+     * Used to attach the canvas in a popup
+     *
+     * @method getCanvasWindow
+     * @return {window} returns the window where the canvas is attached (the DOM root node)
+     */
+    LGraphCanvas.prototype.getCanvasWindow = function() {
+        if (!this.canvas) {
+            return window;
+        }
+        var doc = this.canvas.ownerDocument;
+        return doc.defaultView || doc.parentWindow;
+    };
+
+    /**
+     * starts rendering the content of the canvas when needed
+     *
+     * @method startRendering
+     */
+    LGraphCanvas.prototype.startRendering = function() {
+        if (this.is_rendering) {
+            return;
+        } //already rendering
+
+        this.is_rendering = true;
+        renderFrame.call(this);
+
+        function renderFrame() {
+            if (!this.pause_rendering) {
+                this.draw();
+            }
+
+            var window = this.getCanvasWindow();
+            if (this.is_rendering) {
+                window.requestAnimationFrame(renderFrame.bind(this));
+            }
+        }
+    };
+
+    /**
+     * stops rendering the content of the canvas (to save resources)
+     *
+     * @method stopRendering
+     */
+    LGraphCanvas.prototype.stopRendering = function() {
+        this.is_rendering = false;
+        /*
+	if(this.rendering_timer_id)
+	{
+		clearInterval(this.rendering_timer_id);
+		this.rendering_timer_id = null;
+	}
+	*/
+    };
+
+    /* LiteGraphCanvas input */
+
+	//used to block future mouse events (because of im gui)
+	LGraphCanvas.prototype.blockClick = function()
+	{
+		this.block_click = true;
+		this.last_mouseclick = 0;
+	}
+
+    LGraphCanvas.prototype.processMouseDown = function(e) {
+
+		if( this.set_canvas_dirty_on_mouse_event )
+			this.dirty_canvas = true;
+		
+		if (!this.graph) {
+            return;
+        }
+
+        this.adjustMouseEvent(e);
+
+        var ref_window = this.getCanvasWindow();
+        var document = ref_window.document;
+        LGraphCanvas.active_canvas = this;
+        var that = this;
+
+		var x = e.localX;
+		var y = e.localY;
+		//console.log(y,this.viewport);
+
+		this.ds.viewport = this.viewport;
+		var is_inside = !this.viewport || ( this.viewport && x >= this.viewport[0] && x < (this.viewport[0] + this.viewport[2]) && y >= this.viewport[1] && y < (this.viewport[1] + this.viewport[3]) );
+
+        //move mouse move event to the window in case it drags outside of the canvas
+		if(!this.options.skip_events)
+		{
+			this.canvas.removeEventListener("mousemove", this._mousemove_callback);
+			ref_window.document.addEventListener( "mousemove", this._mousemove_callback, true ); //catch for the entire window
+			ref_window.document.addEventListener( "mouseup", this._mouseup_callback, true );
+		}
+
+		if(!is_inside)
+			return;
+
+        var node = this.graph.getNodeOnPos( e.canvasX, e.canvasY, this.visible_nodes, 5 );
+        var skip_dragging = false;
+        var skip_action = false;
+        var now = LiteGraph.getTime();
+        var is_double_click = now - this.last_mouseclick < 300;
+		this.mouse[0] = e.localX;
+		this.mouse[1] = e.localY;
+        this.graph_mouse[0] = e.canvasX;
+        this.graph_mouse[1] = e.canvasY;
+		this.last_click_position = [this.mouse[0],this.mouse[1]];
+
+        this.canvas.focus();
+
+        LiteGraph.closeAllContextMenus(ref_window);
+
+        if (this.onMouse)
+		{
+            if (this.onMouse(e) == true)
+                return;
+        }
+
+		//left button mouse
+        if (e.which == 1)
+		{
+            if (e.ctrlKey)
+			{
+                this.dragging_rectangle = new Float32Array(4);
+                this.dragging_rectangle[0] = e.canvasX;
+                this.dragging_rectangle[1] = e.canvasY;
+                this.dragging_rectangle[2] = 1;
+                this.dragging_rectangle[3] = 1;
+                skip_action = true;
+            }
+
+            var clicking_canvas_bg = false;
+
+            //when clicked on top of a node
+            //and it is not interactive
+            if (node && this.allow_interaction && !skip_action && !this.read_only) {
+                if (!this.live_mode && !node.flags.pinned) {
+                    this.bringToFront(node);
+                } //if it wasn't selected?
+
+                //not dragging mouse to connect two slots
+                if ( !this.connecting_node && !node.flags.collapsed && !this.live_mode ) {
+                    //Search for corner for resize
+                    if (
+                        !skip_action &&
+                        node.resizable !== false &&
+                        isInsideRectangle(
+                            e.canvasX,
+                            e.canvasY,
+                            node.pos[0] + node.size[0] - 5,
+                            node.pos[1] + node.size[1] - 5,
+                            10,
+                            10
+                        )
+                    ) {
+						this.graph.beforeChange();						
+                        this.resizing_node = node;
+                        this.canvas.style.cursor = "se-resize";
+                        skip_action = true;
+                    } else {
+                        //search for outputs
+                        if (node.outputs) {
+                            for ( var i = 0, l = node.outputs.length; i < l; ++i ) {
+                                var output = node.outputs[i];
+                                var link_pos = node.getConnectionPos(false, i);
+                                if (
+                                    isInsideRectangle(
+                                        e.canvasX,
+                                        e.canvasY,
+                                        link_pos[0] - 15,
+                                        link_pos[1] - 10,
+                                        30,
+                                        20
+                                    )
+                                ) {
+                                    this.connecting_node = node;
+                                    this.connecting_output = output;
+                                    this.connecting_pos = node.getConnectionPos( false, i );
+                                    this.connecting_slot = i;
+
+                                    if (e.shiftKey) {
+                                        node.disconnectOutput(i);
+                                    }
+
+                                    if (is_double_click) {
+                                        if (node.onOutputDblClick) {
+                                            node.onOutputDblClick(i, e);
+                                        }
+                                    } else {
+                                        if (node.onOutputClick) {
+                                            node.onOutputClick(i, e);
+                                        }
+                                    }
+
+                                    skip_action = true;
+                                    break;
+                                }
+                            }
+                        }
+
+                        //search for inputs
+                        if (node.inputs) {
+                            for ( var i = 0, l = node.inputs.length; i < l; ++i ) {
+                                var input = node.inputs[i];
+                                var link_pos = node.getConnectionPos(true, i);
+                                if (
+                                    isInsideRectangle(
+                                        e.canvasX,
+                                        e.canvasY,
+                                        link_pos[0] - 15,
+                                        link_pos[1] - 10,
+                                        30,
+                                        20
+                                    )
+                                ) {
+                                    if (is_double_click) {
+                                        if (node.onInputDblClick) {
+                                            node.onInputDblClick(i, e);
+                                        }
+                                    } else {
+                                        if (node.onInputClick) {
+                                            node.onInputClick(i, e);
+                                        }
+                                    }
+
+                                    if (input.link !== null) {
+                                        var link_info = this.graph.links[
+                                            input.link
+                                        ]; //before disconnecting
+                                        node.disconnectInput(i);
+
+                                        if (
+                                            this.allow_reconnect_links ||
+                                            e.shiftKey
+                                        ) {
+                                            this.connecting_node = this.graph._nodes_by_id[
+                                                link_info.origin_id
+                                            ];
+                                            this.connecting_slot =
+                                                link_info.origin_slot;
+                                            this.connecting_output = this.connecting_node.outputs[
+                                                this.connecting_slot
+                                            ];
+                                            this.connecting_pos = this.connecting_node.getConnectionPos( false, this.connecting_slot );
+                                        }
+
+                                        this.dirty_bgcanvas = true;
+                                        skip_action = true;
+                                    }
+                                }
+                            }
+                        }
+                    } //not resizing
+                }
+
+                //it wasn't clicked on the links boxes
+                if (!skip_action) {
+                    var block_drag_node = false;
+					var pos = [e.canvasX - node.pos[0], e.canvasY - node.pos[1]];
+
+                    //widgets
+                    var widget = this.processNodeWidgets( node, this.graph_mouse, e );
+                    if (widget) {
+                        block_drag_node = true;
+                        this.node_widget = [node, widget];
+                    }
+
+                    //double clicking
+                    if (is_double_click && this.selected_nodes[node.id]) {
+                        //double click node
+                        if (node.onDblClick) {
+                            node.onDblClick( e, pos, this );
+                        }
+                        this.processNodeDblClicked(node);
+                        block_drag_node = true;
+                    }
+
+                    //if do not capture mouse
+                    if ( node.onMouseDown && node.onMouseDown( e, pos, this ) ) {
+                        block_drag_node = true;
+                    } else {
+						//open subgraph button
+						if(node.subgraph && !node.skip_subgraph_button)
+						{
+							if ( !node.flags.collapsed && pos[0] > node.size[0] - LiteGraph.NODE_TITLE_HEIGHT && pos[1] < 0 ) {
+								var that = this;
+								setTimeout(function() {
+									that.openSubgraph(node.subgraph);
+								}, 10);
+							}
+						}
+
+						if (this.live_mode) {
+							clicking_canvas_bg = true;
+	                        block_drag_node = true;
+						}
+                    }
+
+                    if (!block_drag_node) {
+                        if (this.allow_dragnodes) {
+							this.graph.beforeChange();
+                            this.node_dragged = node;
+                        }
+                        if (!this.selected_nodes[node.id]) {
+                            this.processNodeSelected(node, e);
+                        }
+                    }
+
+                    this.dirty_canvas = true;
+                }
+            } //clicked outside of nodes
+            else {
+                //search for link connector
+				if(!this.read_only) 
+					for (var i = 0; i < this.visible_links.length; ++i) {
+						var link = this.visible_links[i];
+						var center = link._pos;
+						if (
+							!center ||
+							e.canvasX < center[0] - 4 ||
+							e.canvasX > center[0] + 4 ||
+							e.canvasY < center[1] - 4 ||
+							e.canvasY > center[1] + 4
+						) {
+							continue;
+						}
+						//link clicked
+						this.showLinkMenu(link, e);
+						this.over_link_center = null; //clear tooltip
+						break;
+					}
+
+                this.selected_group = this.graph.getGroupOnPos( e.canvasX, e.canvasY );
+                this.selected_group_resizing = false;
+                if (this.selected_group && !this.read_only ) {
+                    if (e.ctrlKey) {
+                        this.dragging_rectangle = null;
+                    }
+
+                    var dist = distance( [e.canvasX, e.canvasY], [ this.selected_group.pos[0] + this.selected_group.size[0], this.selected_group.pos[1] + this.selected_group.size[1] ] );
+                    if (dist * this.ds.scale < 10) {
+                        this.selected_group_resizing = true;
+                    } else {
+                        this.selected_group.recomputeInsideNodes();
+                    }
+                }
+
+                if (is_double_click && !this.read_only && this.allow_searchbox) {
+                    this.showSearchBox(e);
+                }
+
+                clicking_canvas_bg = true;
+            }
+
+            if (!skip_action && clicking_canvas_bg && this.allow_dragcanvas) {
+                this.dragging_canvas = true;
+            }
+        } else if (e.which == 2) {
+            //middle button
+        } else if (e.which == 3) {
+            //right button
+			if(!this.read_only)
+	            this.processContextMenu(node, e);
+        }
+
+        //TODO
+        //if(this.node_selected != prev_selected)
+        //	this.onNodeSelectionChange(this.node_selected);
+
+        this.last_mouse[0] = e.localX;
+        this.last_mouse[1] = e.localY;
+        this.last_mouseclick = LiteGraph.getTime();
+        this.last_mouse_dragging = true;
+
+        /*
+	if( (this.dirty_canvas || this.dirty_bgcanvas) && this.rendering_timer_id == null)
+		this.draw();
+	*/
+
+        this.graph.change();
+
+        //this is to ensure to defocus(blur) if a text input element is on focus
+        if (
+            !ref_window.document.activeElement ||
+            (ref_window.document.activeElement.nodeName.toLowerCase() !=
+                "input" &&
+                ref_window.document.activeElement.nodeName.toLowerCase() !=
+                    "textarea")
+        ) {
+            e.preventDefault();
+        }
+        e.stopPropagation();
+
+        if (this.onMouseDown) {
+            this.onMouseDown(e);
+        }
+
+        return false;
+    };
+
+    /**
+     * Called when a mouse move event has to be processed
+     * @method processMouseMove
+     **/
+    LGraphCanvas.prototype.processMouseMove = function(e) {
+        if (this.autoresize) {
+            this.resize();
+        }
+
+		if( this.set_canvas_dirty_on_mouse_event )
+			this.dirty_canvas = true;
+
+        if (!this.graph) {
+            return;
+        }
+
+        LGraphCanvas.active_canvas = this;
+        this.adjustMouseEvent(e);
+        var mouse = [e.localX, e.localY];
+		this.mouse[0] = mouse[0];
+		this.mouse[1] = mouse[1];
+        var delta = [
+            mouse[0] - this.last_mouse[0],
+            mouse[1] - this.last_mouse[1]
+        ];
+        this.last_mouse = mouse;
+        this.graph_mouse[0] = e.canvasX;
+        this.graph_mouse[1] = e.canvasY;
+
+		if(this.block_click)
+		{
+			e.preventDefault();
+			return false;
+		}
+
+        e.dragging = this.last_mouse_dragging;
+
+        if (this.node_widget) {
+            this.processNodeWidgets(
+                this.node_widget[0],
+                this.graph_mouse,
+                e,
+                this.node_widget[1]
+            );
+            this.dirty_canvas = true;
+        }
+
+        if (this.dragging_rectangle)
+		{
+            this.dragging_rectangle[2] = e.canvasX - this.dragging_rectangle[0];
+            this.dragging_rectangle[3] = e.canvasY - this.dragging_rectangle[1];
+            this.dirty_canvas = true;
+        } 
+		else if (this.selected_group && !this.read_only)
+		{
+            //moving/resizing a group
+            if (this.selected_group_resizing) {
+                this.selected_group.size = [
+                    e.canvasX - this.selected_group.pos[0],
+                    e.canvasY - this.selected_group.pos[1]
+                ];
+            } else {
+                var deltax = delta[0] / this.ds.scale;
+                var deltay = delta[1] / this.ds.scale;
+                this.selected_group.move(deltax, deltay, e.ctrlKey);
+                if (this.selected_group._nodes.length) {
+                    this.dirty_canvas = true;
+                }
+            }
+            this.dirty_bgcanvas = true;
+        } else if (this.dragging_canvas) {
+            this.ds.offset[0] += delta[0] / this.ds.scale;
+            this.ds.offset[1] += delta[1] / this.ds.scale;
+            this.dirty_canvas = true;
+            this.dirty_bgcanvas = true;
+        } else if (this.allow_interaction && !this.read_only) {
+            if (this.connecting_node) {
+                this.dirty_canvas = true;
+            }
+
+            //get node over
+            var node = this.graph.getNodeOnPos(e.canvasX,e.canvasY,this.visible_nodes);
+
+            //remove mouseover flag
+            for (var i = 0, l = this.graph._nodes.length; i < l; ++i) {
+                if (this.graph._nodes[i].mouseOver && node != this.graph._nodes[i] ) {
+                    //mouse leave
+                    this.graph._nodes[i].mouseOver = false;
+                    if (this.node_over && this.node_over.onMouseLeave) {
+                        this.node_over.onMouseLeave(e);
+                    }
+                    this.node_over = null;
+                    this.dirty_canvas = true;
+                }
+            }
+
+            //mouse over a node
+            if (node) {
+
+				if(node.redraw_on_mouse)
+                    this.dirty_canvas = true;
+
+                //this.canvas.style.cursor = "move";
+                if (!node.mouseOver) {
+                    //mouse enter
+                    node.mouseOver = true;
+                    this.node_over = node;
+                    this.dirty_canvas = true;
+
+                    if (node.onMouseEnter) {
+                        node.onMouseEnter(e);
+                    }
+                }
+
+                //in case the node wants to do something
+                if (node.onMouseMove) {
+                    node.onMouseMove( e, [e.canvasX - node.pos[0], e.canvasY - node.pos[1]], this );
+                }
+
+                //if dragging a link
+                if (this.connecting_node) {
+                    var pos = this._highlight_input || [0, 0]; //to store the output of isOverNodeInput
+
+                    //on top of input
+                    if (this.isOverNodeBox(node, e.canvasX, e.canvasY)) {
+                        //mouse on top of the corner box, don't know what to do
+                    } else {
+                        //check if I have a slot below de mouse
+                        var slot = this.isOverNodeInput( node, e.canvasX, e.canvasY, pos );
+                        if (slot != -1 && node.inputs[slot]) {
+                            var slot_type = node.inputs[slot].type;
+                            if ( LiteGraph.isValidConnection( this.connecting_output.type, slot_type ) ) {
+                                this._highlight_input = pos;
+                            }
+                        } else {
+                            this._highlight_input = null;
+                        }
+                    }
+                }
+
+                //Search for corner
+                if (this.canvas) {
+                    if (
+                        isInsideRectangle(
+                            e.canvasX,
+                            e.canvasY,
+                            node.pos[0] + node.size[0] - 5,
+                            node.pos[1] + node.size[1] - 5,
+                            5,
+                            5
+                        )
+                    ) {
+                        this.canvas.style.cursor = "se-resize";
+                    } else {
+                        this.canvas.style.cursor = "crosshair";
+                    }
+                }
+            } else { //not over a node
+
+                //search for link connector
+				var over_link = null;
+				for (var i = 0; i < this.visible_links.length; ++i) {
+					var link = this.visible_links[i];
+					var center = link._pos;
+					if (
+						!center ||
+						e.canvasX < center[0] - 4 ||
+						e.canvasX > center[0] + 4 ||
+						e.canvasY < center[1] - 4 ||
+						e.canvasY > center[1] + 4
+					) {
+						continue;
+					}
+					over_link = link;
+					break;
+				}
+				if( over_link != this.over_link_center )
+				{
+					this.over_link_center = over_link;
+	                this.dirty_canvas = true;
+				}
+
+				if (this.canvas) {
+	                this.canvas.style.cursor = "";
+				}
+			} //end
+
+			//send event to node if capturing input (used with widgets that allow drag outside of the area of the node)
+            if ( this.node_capturing_input && this.node_capturing_input != node && this.node_capturing_input.onMouseMove ) {
+                this.node_capturing_input.onMouseMove(e,[e.canvasX - this.node_capturing_input.pos[0],e.canvasY - this.node_capturing_input.pos[1]], this);
+            }
+
+			//node being dragged
+            if (this.node_dragged && !this.live_mode) {
+				//console.log("draggin!",this.selected_nodes);
+                for (var i in this.selected_nodes) {
+                    var n = this.selected_nodes[i];
+                    n.pos[0] += delta[0] / this.ds.scale;
+                    n.pos[1] += delta[1] / this.ds.scale;
+                }
+
+                this.dirty_canvas = true;
+                this.dirty_bgcanvas = true;
+            }
+
+            if (this.resizing_node && !this.live_mode) {
+                //convert mouse to node space
+				var desired_size = [ e.canvasX - this.resizing_node.pos[0], e.canvasY - this.resizing_node.pos[1] ];
+				var min_size = this.resizing_node.computeSize();
+				desired_size[0] = Math.max( min_size[0], desired_size[0] );
+				desired_size[1] = Math.max( min_size[1], desired_size[1] );
+				this.resizing_node.setSize( desired_size );
+
+                this.canvas.style.cursor = "se-resize";
+                this.dirty_canvas = true;
+                this.dirty_bgcanvas = true;
+            }
+        }
+
+        e.preventDefault();
+        return false;
+    };
+
+    /**
+     * Called when a mouse up event has to be processed
+     * @method processMouseUp
+     **/
+    LGraphCanvas.prototype.processMouseUp = function(e) {
+
+		if( this.set_canvas_dirty_on_mouse_event )
+			this.dirty_canvas = true;
+
+        if (!this.graph)
+            return;
+
+        var window = this.getCanvasWindow();
+        var document = window.document;
+        LGraphCanvas.active_canvas = this;
+
+        //restore the mousemove event back to the canvas
+		if(!this.options.skip_events)
+		{
+			document.removeEventListener("mousemove",this._mousemove_callback,true);
+			this.canvas.addEventListener("mousemove",this._mousemove_callback,true);
+			document.removeEventListener("mouseup", this._mouseup_callback, true);
+		}
+
+        this.adjustMouseEvent(e);
+        var now = LiteGraph.getTime();
+        e.click_time = now - this.last_mouseclick;
+        this.last_mouse_dragging = false;
+		this.last_click_position = null;
+
+		if(this.block_click)
+		{
+			console.log("foo");
+			this.block_click = false; //used to avoid sending twice a click in a immediate button
+		}
+
+        if (e.which == 1) {
+
+			if( this.node_widget )
+			{
+				this.processNodeWidgets( this.node_widget[0], this.graph_mouse, e );
+			}
+
+            //left button
+            this.node_widget = null;
+
+            if (this.selected_group) {
+                var diffx =
+                    this.selected_group.pos[0] -
+                    Math.round(this.selected_group.pos[0]);
+                var diffy =
+                    this.selected_group.pos[1] -
+                    Math.round(this.selected_group.pos[1]);
+                this.selected_group.move(diffx, diffy, e.ctrlKey);
+                this.selected_group.pos[0] = Math.round(
+                    this.selected_group.pos[0]
+                );
+                this.selected_group.pos[1] = Math.round(
+                    this.selected_group.pos[1]
+                );
+                if (this.selected_group._nodes.length) {
+                    this.dirty_canvas = true;
+                }
+                this.selected_group = null;
+            }
+            this.selected_group_resizing = false;
+
+            if (this.dragging_rectangle) {
+                if (this.graph) {
+                    var nodes = this.graph._nodes;
+                    var node_bounding = new Float32Array(4);
+                    this.deselectAllNodes();
+                    //compute bounding and flip if left to right
+                    var w = Math.abs(this.dragging_rectangle[2]);
+                    var h = Math.abs(this.dragging_rectangle[3]);
+                    var startx =
+                        this.dragging_rectangle[2] < 0
+                            ? this.dragging_rectangle[0] - w
+                            : this.dragging_rectangle[0];
+                    var starty =
+                        this.dragging_rectangle[3] < 0
+                            ? this.dragging_rectangle[1] - h
+                            : this.dragging_rectangle[1];
+                    this.dragging_rectangle[0] = startx;
+                    this.dragging_rectangle[1] = starty;
+                    this.dragging_rectangle[2] = w;
+                    this.dragging_rectangle[3] = h;
+
+                    //test against all nodes (not visible because the rectangle maybe start outside
+                    var to_select = [];
+                    for (var i = 0; i < nodes.length; ++i) {
+                        var node = nodes[i];
+                        node.getBounding(node_bounding);
+                        if (
+                            !overlapBounding(
+                                this.dragging_rectangle,
+                                node_bounding
+                            )
+                        ) {
+                            continue;
+                        } //out of the visible area
+                        to_select.push(node);
+                    }
+                    if (to_select.length) {
+                        this.selectNodes(to_select);
+                    }
+                }
+                this.dragging_rectangle = null;
+            } else if (this.connecting_node) {
+                //dragging a connection
+                this.dirty_canvas = true;
+                this.dirty_bgcanvas = true;
+
+                var node = this.graph.getNodeOnPos(
+                    e.canvasX,
+                    e.canvasY,
+                    this.visible_nodes
+                );
+
+                //node below mouse
+                if (node) {
+                    if (
+                        this.connecting_output.type == LiteGraph.EVENT &&
+                        this.isOverNodeBox(node, e.canvasX, e.canvasY)
+                    ) {
+                        this.connecting_node.connect(
+                            this.connecting_slot,
+                            node,
+                            LiteGraph.EVENT
+                        );
+                    } else {
+                        //slot below mouse? connect
+                        var slot = this.isOverNodeInput(
+                            node,
+                            e.canvasX,
+                            e.canvasY
+                        );
+                        if (slot != -1) {
+                            this.connecting_node.connect(
+                                this.connecting_slot,
+                                node,
+                                slot
+                            );
+                        } else {
+                            //not on top of an input
+                            var input = node.getInputInfo(0);
+                            //auto connect
+                            if (
+                                this.connecting_output.type == LiteGraph.EVENT
+                            ) {
+                                this.connecting_node.connect(
+                                    this.connecting_slot,
+                                    node,
+                                    LiteGraph.EVENT
+                                );
+                            } else if (
+                                input &&
+                                !input.link &&
+                                LiteGraph.isValidConnection(
+                                    input.type && this.connecting_output.type
+                                )
+                            ) {
+                                this.connecting_node.connect(
+                                    this.connecting_slot,
+                                    node,
+                                    0
+                                );
+                            }
+                        }
+                    }
+                }
+
+                this.connecting_output = null;
+                this.connecting_pos = null;
+                this.connecting_node = null;
+                this.connecting_slot = -1;
+            } //not dragging connection
+            else if (this.resizing_node) {
+                this.dirty_canvas = true;
+                this.dirty_bgcanvas = true;
+				this.graph.afterChange(this.resizing_node);
+                this.resizing_node = null;
+            } else if (this.node_dragged) {
+                //node being dragged?
+                var node = this.node_dragged;
+                if (
+                    node &&
+                    e.click_time < 300 &&
+                    isInsideRectangle( e.canvasX, e.canvasY, node.pos[0], node.pos[1] - LiteGraph.NODE_TITLE_HEIGHT, LiteGraph.NODE_TITLE_HEIGHT, LiteGraph.NODE_TITLE_HEIGHT )
+                ) {
+                    node.collapse();
+                }
+
+                this.dirty_canvas = true;
+                this.dirty_bgcanvas = true;
+                this.node_dragged.pos[0] = Math.round(this.node_dragged.pos[0]);
+                this.node_dragged.pos[1] = Math.round(this.node_dragged.pos[1]);
+                if (this.graph.config.align_to_grid || this.align_to_grid ) {
+                    this.node_dragged.alignToGrid();
+                }
+				if( this.onNodeMoved )
+					this.onNodeMoved( this.node_dragged );
+				this.graph.afterChange(this.node_dragged);
+                this.node_dragged = null;
+            } //no node being dragged
+            else {
+                //get node over
+                var node = this.graph.getNodeOnPos(
+                    e.canvasX,
+                    e.canvasY,
+                    this.visible_nodes
+                );
+
+                if (!node && e.click_time < 300) {
+                    this.deselectAllNodes();
+                }
+
+                this.dirty_canvas = true;
+                this.dragging_canvas = false;
+
+                if (this.node_over && this.node_over.onMouseUp) {
+                    this.node_over.onMouseUp( e, [ e.canvasX - this.node_over.pos[0], e.canvasY - this.node_over.pos[1] ], this );
+                }
+                if (
+                    this.node_capturing_input &&
+                    this.node_capturing_input.onMouseUp
+                ) {
+                    this.node_capturing_input.onMouseUp(e, [
+                        e.canvasX - this.node_capturing_input.pos[0],
+                        e.canvasY - this.node_capturing_input.pos[1]
+                    ]);
+                }
+            }
+        } else if (e.which == 2) {
+            //middle button
+            //trace("middle");
+            this.dirty_canvas = true;
+            this.dragging_canvas = false;
+        } else if (e.which == 3) {
+            //right button
+            //trace("right");
+            this.dirty_canvas = true;
+            this.dragging_canvas = false;
+        }
+
+        /*
+	if((this.dirty_canvas || this.dirty_bgcanvas) && this.rendering_timer_id == null)
+		this.draw();
+	*/
+
+        this.graph.change();
+
+        e.stopPropagation();
+        e.preventDefault();
+        return false;
+    };
+
+    /**
+     * Called when a mouse wheel event has to be processed
+     * @method processMouseWheel
+     **/
+    LGraphCanvas.prototype.processMouseWheel = function(e) {
+        if (!this.graph || !this.allow_dragcanvas) {
+            return;
+        }
+
+        var delta = e.wheelDeltaY != null ? e.wheelDeltaY : e.detail * -60;
+
+        this.adjustMouseEvent(e);
+
+		var x = e.localX;
+		var y = e.localY;
+		var is_inside = !this.viewport || ( this.viewport && x >= this.viewport[0] && x < (this.viewport[0] + this.viewport[2]) && y >= this.viewport[1] && y < (this.viewport[1] + this.viewport[3]) );
+		if(!is_inside)
+			return;
+
+        var scale = this.ds.scale;
+
+        if (delta > 0) {
+            scale *= 1.1;
+        } else if (delta < 0) {
+            scale *= 1 / 1.1;
+        }
+
+        //this.setZoom( scale, [ e.localX, e.localY ] );
+        this.ds.changeScale(scale, [e.localX, e.localY]);
+
+        this.graph.change();
+
+        e.preventDefault();
+        return false; // prevent default
+    };
+
+    /**
+     * returns true if a position (in graph space) is on top of a node little corner box
+     * @method isOverNodeBox
+     **/
+    LGraphCanvas.prototype.isOverNodeBox = function(node, canvasx, canvasy) {
+        var title_height = LiteGraph.NODE_TITLE_HEIGHT;
+        if (
+            isInsideRectangle(
+                canvasx,
+                canvasy,
+                node.pos[0] + 2,
+                node.pos[1] + 2 - title_height,
+                title_height - 4,
+                title_height - 4
+            )
+        ) {
+            return true;
+        }
+        return false;
+    };
+
+    /**
+     * returns true if a position (in graph space) is on top of a node input slot
+     * @method isOverNodeInput
+     **/
+    LGraphCanvas.prototype.isOverNodeInput = function(
+        node,
+        canvasx,
+        canvasy,
+        slot_pos
+    ) {
+        if (node.inputs) {
+            for (var i = 0, l = node.inputs.length; i < l; ++i) {
+                var input = node.inputs[i];
+                var link_pos = node.getConnectionPos(true, i);
+                var is_inside = false;
+                if (node.horizontal) {
+                    is_inside = isInsideRectangle(
+                        canvasx,
+                        canvasy,
+                        link_pos[0] - 5,
+                        link_pos[1] - 10,
+                        10,
+                        20
+                    );
+                } else {
+                    is_inside = isInsideRectangle(
+                        canvasx,
+                        canvasy,
+                        link_pos[0] - 10,
+                        link_pos[1] - 5,
+                        40,
+                        10
+                    );
+                }
+                if (is_inside) {
+                    if (slot_pos) {
+                        slot_pos[0] = link_pos[0];
+                        slot_pos[1] = link_pos[1];
+                    }
+                    return i;
+                }
+            }
+        }
+        return -1;
+    };
+
+    /**
+     * process a key event
+     * @method processKey
+     **/
+    LGraphCanvas.prototype.processKey = function(e) {
+        if (!this.graph) {
+            return;
+        }
+
+        var block_default = false;
+        //console.log(e); //debug
+
+        if (e.target.localName == "input") {
+            return;
+        }
+
+        if (e.type == "keydown") {
+            if (e.keyCode == 32) {
+                //esc
+                this.dragging_canvas = true;
+                block_default = true;
+            }
+
+            //select all Control A
+            if (e.keyCode == 65 && e.ctrlKey) {
+                this.selectNodes();
+                block_default = true;
+            }
+
+            if (e.code == "KeyC" && (e.metaKey || e.ctrlKey) && !e.shiftKey) {
+                //copy
+                if (this.selected_nodes) {
+                    this.copyToClipboard();
+                    block_default = true;
+                }
+            }
+
+            if (e.code == "KeyV" && (e.metaKey || e.ctrlKey) && !e.shiftKey) {
+                //paste
+                this.pasteFromClipboard();
+            }
+
+            //delete or backspace
+            if (e.keyCode == 46 || e.keyCode == 8) {
+                if (
+                    e.target.localName != "input" &&
+                    e.target.localName != "textarea"
+                ) {
+                    this.deleteSelectedNodes();
+                    block_default = true;
+                }
+            }
+
+            //collapse
+            //...
+
+            //TODO
+            if (this.selected_nodes) {
+                for (var i in this.selected_nodes) {
+                    if (this.selected_nodes[i].onKeyDown) {
+                        this.selected_nodes[i].onKeyDown(e);
+                    }
+                }
+            }
+        } else if (e.type == "keyup") {
+            if (e.keyCode == 32) {
+                this.dragging_canvas = false;
+            }
+
+            if (this.selected_nodes) {
+                for (var i in this.selected_nodes) {
+                    if (this.selected_nodes[i].onKeyUp) {
+                        this.selected_nodes[i].onKeyUp(e);
+                    }
+                }
+            }
+        }
+
+        this.graph.change();
+
+        if (block_default) {
+            e.preventDefault();
+            e.stopImmediatePropagation();
+            return false;
+        }
+    };
+
+    LGraphCanvas.prototype.copyToClipboard = function() {
+        var clipboard_info = {
+            nodes: [],
+            links: []
+        };
+        var index = 0;
+        var selected_nodes_array = [];
+        for (var i in this.selected_nodes) {
+            var node = this.selected_nodes[i];
+            node._relative_id = index;
+            selected_nodes_array.push(node);
+            index += 1;
+        }
+
+        for (var i = 0; i < selected_nodes_array.length; ++i) {
+            var node = selected_nodes_array[i];
+			var cloned = node.clone();
+			if(!cloned)
+			{
+				console.warn("node type not found: " + node.type );
+				continue;
+			}
+            clipboard_info.nodes.push(cloned.serialize());
+            if (node.inputs && node.inputs.length) {
+                for (var j = 0; j < node.inputs.length; ++j) {
+                    var input = node.inputs[j];
+                    if (!input || input.link == null) {
+                        continue;
+                    }
+                    var link_info = this.graph.links[input.link];
+                    if (!link_info) {
+                        continue;
+                    }
+                    var target_node = this.graph.getNodeById(
+                        link_info.origin_id
+                    );
+                    if (!target_node || !this.selected_nodes[target_node.id]) {
+                        //improve this by allowing connections to non-selected nodes
+                        continue;
+                    } //not selected
+                    clipboard_info.links.push([
+                        target_node._relative_id,
+                        link_info.origin_slot, //j,
+                        node._relative_id,
+                        link_info.target_slot
+                    ]);
+                }
+            }
+        }
+        localStorage.setItem(
+            "litegrapheditor_clipboard",
+            JSON.stringify(clipboard_info)
+        );
+    };
+
+    LGraphCanvas.prototype.pasteFromClipboard = function() {
+        var data = localStorage.getItem("litegrapheditor_clipboard");
+        if (!data) {
+            return;
+        }
+
+		this.graph.beforeChange();
+
+        //create nodes
+        var clipboard_info = JSON.parse(data);
+        var nodes = [];
+        for (var i = 0; i < clipboard_info.nodes.length; ++i) {
+            var node_data = clipboard_info.nodes[i];
+            var node = LiteGraph.createNode(node_data.type);
+            if (node) {
+                node.configure(node_data);
+                node.pos[0] += 5;
+                node.pos[1] += 5;
+                this.graph.add(node);
+                nodes.push(node);
+            }
+        }
+
+        //create links
+        for (var i = 0; i < clipboard_info.links.length; ++i) {
+            var link_info = clipboard_info.links[i];
+            var origin_node = nodes[link_info[0]];
+            var target_node = nodes[link_info[2]];
+			if( origin_node && target_node )
+	            origin_node.connect(link_info[1], target_node, link_info[3]);
+			else
+				console.warn("Warning, nodes missing on pasting");
+        }
+
+        this.selectNodes(nodes);
+
+		this.graph.afterChange();
+    };
+
+    /**
+     * process a item drop event on top the canvas
+     * @method processDrop
+     **/
+    LGraphCanvas.prototype.processDrop = function(e) {
+        e.preventDefault();
+        this.adjustMouseEvent(e);
+		var x = e.localX;
+		var y = e.localY;
+		var is_inside = !this.viewport || ( this.viewport && x >= this.viewport[0] && x < (this.viewport[0] + this.viewport[2]) && y >= this.viewport[1] && y < (this.viewport[1] + this.viewport[3]) );
+		if(!is_inside)
+			return;
+
+        var pos = [e.canvasX, e.canvasY];
+
+
+        var node = this.graph ? this.graph.getNodeOnPos(pos[0], pos[1]) : null;
+
+        if (!node) {
+            var r = null;
+            if (this.onDropItem) {
+                r = this.onDropItem(event);
+            }
+            if (!r) {
+                this.checkDropItem(e);
+            }
+            return;
+        }
+
+        if (node.onDropFile || node.onDropData) {
+            var files = e.dataTransfer.files;
+            if (files && files.length) {
+                for (var i = 0; i < files.length; i++) {
+                    var file = e.dataTransfer.files[0];
+                    var filename = file.name;
+                    var ext = LGraphCanvas.getFileExtension(filename);
+                    //console.log(file);
+
+                    if (node.onDropFile) {
+                        node.onDropFile(file);
+                    }
+
+                    if (node.onDropData) {
+                        //prepare reader
+                        var reader = new FileReader();
+                        reader.onload = function(event) {
+                            //console.log(event.target);
+                            var data = event.target.result;
+                            node.onDropData(data, filename, file);
+                        };
+
+                        //read data
+                        var type = file.type.split("/")[0];
+                        if (type == "text" || type == "") {
+                            reader.readAsText(file);
+                        } else if (type == "image") {
+                            reader.readAsDataURL(file);
+                        } else {
+                            reader.readAsArrayBuffer(file);
+                        }
+                    }
+                }
+            }
+        }
+
+        if (node.onDropItem) {
+            if (node.onDropItem(event)) {
+                return true;
+            }
+        }
+
+        if (this.onDropItem) {
+            return this.onDropItem(event);
+        }
+
+        return false;
+    };
+
+    //called if the graph doesn't have a default drop item behaviour
+    LGraphCanvas.prototype.checkDropItem = function(e) {
+        if (e.dataTransfer.files.length) {
+            var file = e.dataTransfer.files[0];
+            var ext = LGraphCanvas.getFileExtension(file.name).toLowerCase();
+            var nodetype = LiteGraph.node_types_by_file_extension[ext];
+            if (nodetype) {
+				this.graph.beforeChange();
+                var node = LiteGraph.createNode(nodetype.type);
+                node.pos = [e.canvasX, e.canvasY];
+                this.graph.add(node);
+                if (node.onDropFile) {
+                    node.onDropFile(file);
+                }
+				this.graph.afterChange();
+            }
+        }
+    };
+
+    LGraphCanvas.prototype.processNodeDblClicked = function(n) {
+        if (this.onShowNodePanel) {
+            this.onShowNodePanel(n);
+        }
+		else
+		{
+			this.showShowNodePanel(n);
+		}
+
+        if (this.onNodeDblClicked) {
+            this.onNodeDblClicked(n);
+        }
+
+        this.setDirty(true);
+    };
+
+    LGraphCanvas.prototype.processNodeSelected = function(node, e) {
+        this.selectNode(node, e && e.shiftKey);
+        if (this.onNodeSelected) {
+            this.onNodeSelected(node);
+        }
+    };
+
+    /**
+     * selects a given node (or adds it to the current selection)
+     * @method selectNode
+     **/
+    LGraphCanvas.prototype.selectNode = function(
+        node,
+        add_to_current_selection
+    ) {
+        if (node == null) {
+            this.deselectAllNodes();
+        } else {
+            this.selectNodes([node], add_to_current_selection);
+        }
+    };
+
+    /**
+     * selects several nodes (or adds them to the current selection)
+     * @method selectNodes
+     **/
+    LGraphCanvas.prototype.selectNodes = function( nodes, add_to_current_selection )
+	{
+        if (!add_to_current_selection) {
+            this.deselectAllNodes();
+        }
+
+        nodes = nodes || this.graph._nodes;
+        for (var i = 0; i < nodes.length; ++i) {
+            var node = nodes[i];
+            if (node.is_selected) {
+                continue;
+            }
+
+            if (!node.is_selected && node.onSelected) {
+                node.onSelected();
+            }
+            node.is_selected = true;
+            this.selected_nodes[node.id] = node;
+
+            if (node.inputs) {
+                for (var j = 0; j < node.inputs.length; ++j) {
+                    this.highlighted_links[node.inputs[j].link] = true;
+                }
+            }
+            if (node.outputs) {
+                for (var j = 0; j < node.outputs.length; ++j) {
+                    var out = node.outputs[j];
+                    if (out.links) {
+                        for (var k = 0; k < out.links.length; ++k) {
+                            this.highlighted_links[out.links[k]] = true;
+                        }
+                    }
+                }
+            }
+        }
+
+		if(	this.onSelectionChange )
+			this.onSelectionChange( this.selected_nodes );
+
+        this.setDirty(true);
+    };
+
+    /**
+     * removes a node from the current selection
+     * @method deselectNode
+     **/
+    LGraphCanvas.prototype.deselectNode = function(node) {
+        if (!node.is_selected) {
+            return;
+        }
+        if (node.onDeselected) {
+            node.onDeselected();
+        }
+        node.is_selected = false;
+
+        if (this.onNodeDeselected) {
+            this.onNodeDeselected(node);
+        }
+
+        //remove highlighted
+        if (node.inputs) {
+            for (var i = 0; i < node.inputs.length; ++i) {
+                delete this.highlighted_links[node.inputs[i].link];
+            }
+        }
+        if (node.outputs) {
+            for (var i = 0; i < node.outputs.length; ++i) {
+                var out = node.outputs[i];
+                if (out.links) {
+                    for (var j = 0; j < out.links.length; ++j) {
+                        delete this.highlighted_links[out.links[j]];
+                    }
+                }
+            }
+        }
+    };
+
+    /**
+     * removes all nodes from the current selection
+     * @method deselectAllNodes
+     **/
+    LGraphCanvas.prototype.deselectAllNodes = function() {
+        if (!this.graph) {
+            return;
+        }
+        var nodes = this.graph._nodes;
+        for (var i = 0, l = nodes.length; i < l; ++i) {
+            var node = nodes[i];
+            if (!node.is_selected) {
+                continue;
+            }
+            if (node.onDeselected) {
+                node.onDeselected();
+            }
+            node.is_selected = false;
+			if (this.onNodeDeselected) {
+				this.onNodeDeselected(node);
+			}
+        }
+        this.selected_nodes = {};
+        this.current_node = null;
+        this.highlighted_links = {};
+		if(	this.onSelectionChange )
+			this.onSelectionChange( this.selected_nodes );
+        this.setDirty(true);
+    };
+
+    /**
+     * deletes all nodes in the current selection from the graph
+     * @method deleteSelectedNodes
+     **/
+    LGraphCanvas.prototype.deleteSelectedNodes = function() {
+
+		this.graph.beforeChange();
+
+        for (var i in this.selected_nodes) {
+            var node = this.selected_nodes[i];
+
+			if(node.block_delete)
+				continue;
+
+			//autoconnect when possible (very basic, only takes into account first input-output)
+			if(node.inputs && node.inputs.length && node.outputs && node.outputs.length && LiteGraph.isValidConnection( node.inputs[0].type, node.outputs[0].type ) && node.inputs[0].link && node.outputs[0].links && node.outputs[0].links.length ) 
+			{
+				var input_link = node.graph.links[ node.inputs[0].link ];
+				var output_link = node.graph.links[ node.outputs[0].links[0] ];
+				var input_node = node.getInputNode(0);
+				var output_node = node.getOutputNodes(0)[0];
+				if(input_node && output_node)
+					input_node.connect( input_link.origin_slot, output_node, output_link.target_slot );
+			}
+            this.graph.remove(node);
+			if (this.onNodeDeselected) {
+				this.onNodeDeselected(node);
+			}
+        }
+        this.selected_nodes = {};
+        this.current_node = null;
+        this.highlighted_links = {};
+        this.setDirty(true);
+		this.graph.afterChange();
+    };
+
+    /**
+     * centers the camera on a given node
+     * @method centerOnNode
+     **/
+    LGraphCanvas.prototype.centerOnNode = function(node) {
+        this.ds.offset[0] =
+            -node.pos[0] -
+            node.size[0] * 0.5 +
+            (this.canvas.width * 0.5) / this.ds.scale;
+        this.ds.offset[1] =
+            -node.pos[1] -
+            node.size[1] * 0.5 +
+            (this.canvas.height * 0.5) / this.ds.scale;
+        this.setDirty(true, true);
+    };
+
+    /**
+     * adds some useful properties to a mouse event, like the position in graph coordinates
+     * @method adjustMouseEvent
+     **/
+    LGraphCanvas.prototype.adjustMouseEvent = function(e) {
+        if (this.canvas) {
+            var b = this.canvas.getBoundingClientRect();
+            e.localX = e.clientX - b.left;
+            e.localY = e.clientY - b.top;
+        } else {
+            e.localX = e.clientX;
+            e.localY = e.clientY;
+        }
+
+        e.deltaX = e.localX - this.last_mouse_position[0];
+        e.deltaY = e.localY - this.last_mouse_position[1];
+
+        this.last_mouse_position[0] = e.localX;
+        this.last_mouse_position[1] = e.localY;
+
+        e.canvasX = e.localX / this.ds.scale - this.ds.offset[0];
+        e.canvasY = e.localY / this.ds.scale - this.ds.offset[1];
+    };
+
+    /**
+     * changes the zoom level of the graph (default is 1), you can pass also a place used to pivot the zoom
+     * @method setZoom
+     **/
+    LGraphCanvas.prototype.setZoom = function(value, zooming_center) {
+        this.ds.changeScale(value, zooming_center);
+        /*
+	if(!zooming_center && this.canvas)
+		zooming_center = [this.canvas.width * 0.5,this.canvas.height * 0.5];
+
+	var center = this.convertOffsetToCanvas( zooming_center );
+
+	this.ds.scale = value;
+
+	if(this.scale > this.max_zoom)
+		this.scale = this.max_zoom;
+	else if(this.scale < this.min_zoom)
+		this.scale = this.min_zoom;
+
+	var new_center = this.convertOffsetToCanvas( zooming_center );
+	var delta_offset = [new_center[0] - center[0], new_center[1] - center[1]];
+
+	this.offset[0] += delta_offset[0];
+	this.offset[1] += delta_offset[1];
+	*/
+
+        this.dirty_canvas = true;
+        this.dirty_bgcanvas = true;
+    };
+
+    /**
+     * converts a coordinate from graph coordinates to canvas2D coordinates
+     * @method convertOffsetToCanvas
+     **/
+    LGraphCanvas.prototype.convertOffsetToCanvas = function(pos, out) {
+        return this.ds.convertOffsetToCanvas(pos, out);
+    };
+
+    /**
+     * converts a coordinate from Canvas2D coordinates to graph space
+     * @method convertCanvasToOffset
+     **/
+    LGraphCanvas.prototype.convertCanvasToOffset = function(pos, out) {
+        return this.ds.convertCanvasToOffset(pos, out);
+    };
+
+    //converts event coordinates from canvas2D to graph coordinates
+    LGraphCanvas.prototype.convertEventToCanvasOffset = function(e) {
+        var rect = this.canvas.getBoundingClientRect();
+        return this.convertCanvasToOffset([
+            e.clientX - rect.left,
+            e.clientY - rect.top
+        ]);
+    };
+
+    /**
+     * brings a node to front (above all other nodes)
+     * @method bringToFront
+     **/
+    LGraphCanvas.prototype.bringToFront = function(node) {
+        var i = this.graph._nodes.indexOf(node);
+        if (i == -1) {
+            return;
+        }
+
+        this.graph._nodes.splice(i, 1);
+        this.graph._nodes.push(node);
+    };
+
+    /**
+     * sends a node to the back (below all other nodes)
+     * @method sendToBack
+     **/
+    LGraphCanvas.prototype.sendToBack = function(node) {
+        var i = this.graph._nodes.indexOf(node);
+        if (i == -1) {
+            return;
+        }
+
+        this.graph._nodes.splice(i, 1);
+        this.graph._nodes.unshift(node);
+    };
+
+    /* Interaction */
+
+    /* LGraphCanvas render */
+    var temp = new Float32Array(4);
+
+    /**
+     * checks which nodes are visible (inside the camera area)
+     * @method computeVisibleNodes
+     **/
+    LGraphCanvas.prototype.computeVisibleNodes = function(nodes, out) {
+        var visible_nodes = out || [];
+        visible_nodes.length = 0;
+        nodes = nodes || this.graph._nodes;
+        for (var i = 0, l = nodes.length; i < l; ++i) {
+            var n = nodes[i];
+
+            //skip rendering nodes in live mode
+            if (this.live_mode && !n.onDrawBackground && !n.onDrawForeground) {
+                continue;
+            }
+
+            if (!overlapBounding(this.visible_area, n.getBounding(temp))) {
+                continue;
+            } //out of the visible area
+
+            visible_nodes.push(n);
+        }
+        return visible_nodes;
+    };
+
+    /**
+     * renders the whole canvas content, by rendering in two separated canvas, one containing the background grid and the connections, and one containing the nodes)
+     * @method draw
+     **/
+    LGraphCanvas.prototype.draw = function(force_canvas, force_bgcanvas) {
+        if (!this.canvas || this.canvas.width == 0 || this.canvas.height == 0) {
+            return;
+        }
+
+        //fps counting
+        var now = LiteGraph.getTime();
+        this.render_time = (now - this.last_draw_time) * 0.001;
+        this.last_draw_time = now;
+
+        if (this.graph) {
+            this.ds.computeVisibleArea(this.viewport);
+        }
+
+        if (
+            this.dirty_bgcanvas ||
+            force_bgcanvas ||
+            this.always_render_background ||
+            (this.graph &&
+                this.graph._last_trigger_time &&
+                now - this.graph._last_trigger_time < 1000)
+        ) {
+            this.drawBackCanvas();
+        }
+
+        if (this.dirty_canvas || force_canvas) {
+            this.drawFrontCanvas();
+        }
+
+        this.fps = this.render_time ? 1.0 / this.render_time : 0;
+        this.frame += 1;
+    };
+
+    /**
+     * draws the front canvas (the one containing all the nodes)
+     * @method drawFrontCanvas
+     **/
+    LGraphCanvas.prototype.drawFrontCanvas = function() {
+        this.dirty_canvas = false;
+
+        if (!this.ctx) {
+            this.ctx = this.bgcanvas.getContext("2d");
+        }
+        var ctx = this.ctx;
+        if (!ctx) {
+            //maybe is using webgl...
+            return;
+        }
+
+        var canvas = this.canvas;
+        if ( ctx.start2D && !this.viewport ) {
+            ctx.start2D();
+			ctx.restore();
+			ctx.setTransform(1, 0, 0, 1, 0, 0);
+        }
+
+        //clip dirty area if there is one, otherwise work in full canvas
+		var area = this.viewport || this.dirty_area;
+        if (area) {
+            ctx.save();
+            ctx.beginPath();
+            ctx.rect( area[0],area[1],area[2],area[3] );
+            ctx.clip();
+        }
+
+        //clear
+        //canvas.width = canvas.width;
+        if (this.clear_background) {
+			if(area)
+	            ctx.clearRect( area[0],area[1],area[2],area[3] );
+			else
+	            ctx.clearRect(0, 0, canvas.width, canvas.height);
+        }
+
+        //draw bg canvas
+        if (this.bgcanvas == this.canvas) {
+            this.drawBackCanvas();
+        } else {
+            ctx.drawImage( this.bgcanvas, 0, 0 );
+        }
+
+        //rendering
+        if (this.onRender) {
+            this.onRender(canvas, ctx);
+        }
+
+        //info widget
+        if (this.show_info) {
+            this.renderInfo(ctx, area ? area[0] : 0, area ? area[1] : 0 );
+        }
+
+        if (this.graph) {
+            //apply transformations
+            ctx.save();
+            this.ds.toCanvasContext(ctx);
+
+            //draw nodes
+            var drawn_nodes = 0;
+            var visible_nodes = this.computeVisibleNodes(
+                null,
+                this.visible_nodes
+            );
+
+            for (var i = 0; i < visible_nodes.length; ++i) {
+                var node = visible_nodes[i];
+
+                //transform coords system
+                ctx.save();
+                ctx.translate(node.pos[0], node.pos[1]);
+
+                //Draw
+                this.drawNode(node, ctx);
+                drawn_nodes += 1;
+
+                //Restore
+                ctx.restore();
+            }
+
+            //on top (debug)
+            if (this.render_execution_order) {
+                this.drawExecutionOrder(ctx);
+            }
+
+            //connections ontop?
+            if (this.graph.config.links_ontop) {
+                if (!this.live_mode) {
+                    this.drawConnections(ctx);
+                }
+            }
+
+            //current connection (the one being dragged by the mouse)
+            if (this.connecting_pos != null) {
+                ctx.lineWidth = this.connections_width;
+                var link_color = null;
+
+                switch (this.connecting_output.type) {
+                    case LiteGraph.EVENT:
+                        link_color = LiteGraph.EVENT_LINK_COLOR;
+                        break;
+                    default:
+                        link_color = LiteGraph.CONNECTING_LINK_COLOR;
+                }
+
+                //the connection being dragged by the mouse
+                this.renderLink(
+                    ctx,
+                    this.connecting_pos,
+                    [this.graph_mouse[0], this.graph_mouse[1]],
+                    null,
+                    false,
+                    null,
+                    link_color,
+                    this.connecting_output.dir ||
+                        (this.connecting_node.horizontal
+                            ? LiteGraph.DOWN
+                            : LiteGraph.RIGHT),
+                    LiteGraph.CENTER
+                );
+
+                ctx.beginPath();
+                if (
+                    this.connecting_output.type === LiteGraph.EVENT ||
+                    this.connecting_output.shape === LiteGraph.BOX_SHAPE
+                ) {
+                    ctx.rect(
+                        this.connecting_pos[0] - 6 + 0.5,
+                        this.connecting_pos[1] - 5 + 0.5,
+                        14,
+                        10
+                    );
+                } else {
+                    ctx.arc(
+                        this.connecting_pos[0],
+                        this.connecting_pos[1],
+                        4,
+                        0,
+                        Math.PI * 2
+                    );
+                }
+                ctx.fill();
+
+                ctx.fillStyle = "#ffcc00";
+                if (this._highlight_input) {
+                    ctx.beginPath();
+                    ctx.arc(
+                        this._highlight_input[0],
+                        this._highlight_input[1],
+                        6,
+                        0,
+                        Math.PI * 2
+                    );
+                    ctx.fill();
+                }
+            }
+
+			//the selection rectangle
+            if (this.dragging_rectangle) {
+                ctx.strokeStyle = "#FFF";
+                ctx.strokeRect(
+                    this.dragging_rectangle[0],
+                    this.dragging_rectangle[1],
+                    this.dragging_rectangle[2],
+                    this.dragging_rectangle[3]
+                );
+            }
+
+			//on top of link center
+			if(this.over_link_center && this.render_link_tooltip)
+				this.drawLinkTooltip( ctx, this.over_link_center );
+			else
+				if(this.onDrawLinkTooltip) //to remove
+					this.onDrawLinkTooltip(ctx,null);
+
+			//custom info
+            if (this.onDrawForeground) {
+                this.onDrawForeground(ctx, this.visible_rect);
+            }
+
+            ctx.restore();
+        }
+
+		//draws panel in the corner 
+		if (this._graph_stack && this._graph_stack.length) {
+			this.drawSubgraphPanel( ctx );
+		}
+
+
+        if (this.onDrawOverlay) {
+            this.onDrawOverlay(ctx);
+        }
+
+        if (area) {
+            ctx.restore();
+        }
+
+        if (ctx.finish2D) {
+            //this is a function I use in webgl renderer
+            ctx.finish2D();
+        }
+    };
+
+    /**
+     * draws the panel in the corner that shows subgraph properties
+     * @method drawSubgraphPanel
+     **/
+	LGraphCanvas.prototype.drawSubgraphPanel = function(ctx) {
+		var subgraph = this.graph;
+		var subnode = subgraph._subgraph_node;
+		if(!subnode)
+		{
+			console.warn("subgraph without subnode");
+			return;
+		}
+
+		var num = subnode.inputs ? subnode.inputs.length : 0;
+		var w = 300;
+		var h = Math.floor(LiteGraph.NODE_SLOT_HEIGHT * 1.6);
+
+		ctx.fillStyle = "#111";
+		ctx.globalAlpha = 0.8;
+		ctx.beginPath();
+		ctx.roundRect(10,10,w, (num + 1) * h + 50,8 );
+		ctx.fill();
+		ctx.globalAlpha = 1;
+
+		ctx.fillStyle = "#888";
+		ctx.font = "14px Arial";
+		ctx.textAlign = "left";
+		ctx.fillText( "Graph Inputs", 20, 34 );
+		var pos = this.mouse;
+
+		if( this.drawButton( w - 20, 20,20,20, "X", "#151515" ) )
+		{
+			this.closeSubgraph();
+			return;
+		}
+
+		var y = 50;
+		ctx.font = "20px Arial";
+		if(subnode.inputs)
+		for(var i = 0; i < subnode.inputs.length; ++i)
+		{
+			var input = subnode.inputs[i];
+			if(input.not_subgraph_input)
+				continue;
+
+			//input button clicked
+			if( this.drawButton( 20,y+2,w - 20, h - 2 ) )
+			{
+				var type = subnode.constructor.input_node_type || "graph/input";
+				this.graph.beforeChange();
+				var newnode = LiteGraph.createNode( type );
+				if(newnode)
+				{
+					subgraph.add( newnode );
+					this.block_click = false;
+					this.last_click_position = null;
+					this.selectNodes([newnode]);
+					this.node_dragged = newnode;
+					this.dragging_canvas = false;
+					newnode.setProperty("name",input.name);
+					newnode.setProperty("type",input.type);
+					this.node_dragged.pos[0] = this.graph_mouse[0] - 5;
+					this.node_dragged.pos[1] = this.graph_mouse[1] - 5;
+					this.graph.afterChange();
+				}
+				else
+					console.error("graph input node not found:",type);
+			}
+
+			ctx.fillStyle = "#9C9";
+			ctx.beginPath();
+			ctx.arc(w - 16,y + h * 0.5,5,0,2*Math.PI);
+			ctx.fill();
+
+			ctx.fillStyle = "#AAA";
+			ctx.fillText( input.name, 50, y + h*0.75 );
+			var tw = ctx.measureText( input.name );
+			ctx.fillStyle = "#777";
+			ctx.fillText( input.type, 50 + tw.width + 10, y + h*0.75 );
+
+			y += h;
+		}
+
+		//add + button
+		if( this.drawButton( 20,y+2,w - 20, h - 2, "+", "#151515", "#222" ) )
+		{
+			this.showSubgraphPropertiesDialog( subnode );
+		}
+	}
+
+	//Draws a button into the canvas overlay and computes if it was clicked using the immediate gui paradigm
+	LGraphCanvas.prototype.drawButton = function( x,y,w,h, text, bgcolor, hovercolor, textcolor )
+	{
+		var ctx = this.ctx;
+		bgcolor = bgcolor || LiteGraph.NODE_DEFAULT_COLOR;
+		hovercolor = hovercolor || "#555";
+		textcolor = textcolor || LiteGraph.NODE_TEXT_COLOR;
+
+		var pos = this.mouse;
+		var hover = LiteGraph.isInsideRectangle( pos[0], pos[1], x,y,w,h );
+		pos = this.last_click_position;
+		var clicked = pos && LiteGraph.isInsideRectangle( pos[0], pos[1], x,y,w,h );
+
+		ctx.fillStyle = hover ? hovercolor : bgcolor;
+		if(clicked)
+			ctx.fillStyle = "#AAA";
+		ctx.beginPath();
+		ctx.roundRect(x,y,w,h,4 );
+		ctx.fill();
+
+		if(text != null)
+		{
+			if(text.constructor == String)
+			{
+				ctx.fillStyle = textcolor;
+				ctx.textAlign = "center";
+				ctx.font = ((h * 0.65)|0) + "px Arial";
+				ctx.fillText( text, x + w * 0.5,y + h * 0.75 );
+				ctx.textAlign = "left";
+			}
+		}
+
+		var was_clicked = clicked && !this.block_click;
+		if(clicked)
+			this.blockClick();
+		return was_clicked;
+	}
+
+	LGraphCanvas.prototype.isAreaClicked = function( x,y,w,h, hold_click )
+	{
+		var pos = this.mouse;
+		var hover = LiteGraph.isInsideRectangle( pos[0], pos[1], x,y,w,h );
+		pos = this.last_click_position;
+		var clicked = pos && LiteGraph.isInsideRectangle( pos[0], pos[1], x,y,w,h );
+		var was_clicked = clicked && !this.block_click;
+		if(clicked && hold_click)
+			this.blockClick();
+		return was_clicked;
+	}
+
+    /**
+     * draws some useful stats in the corner of the canvas
+     * @method renderInfo
+     **/
+    LGraphCanvas.prototype.renderInfo = function(ctx, x, y) {
+        x = x || 10;
+        y = y || this.canvas.height - 80;
+
+        ctx.save();
+        ctx.translate(x, y);
+
+        ctx.font = "10px Arial";
+        ctx.fillStyle = "#888";
+		ctx.textAlign = "left";
+        if (this.graph) {
+            ctx.fillText( "T: " + this.graph.globaltime.toFixed(2) + "s", 5, 13 * 1 );
+            ctx.fillText("I: " + this.graph.iteration, 5, 13 * 2 );
+            ctx.fillText("N: " + this.graph._nodes.length + " [" + this.visible_nodes.length + "]", 5, 13 * 3 );
+            ctx.fillText("V: " + this.graph._version, 5, 13 * 4);
+            ctx.fillText("FPS:" + this.fps.toFixed(2), 5, 13 * 5);
+        } else {
+            ctx.fillText("No graph selected", 5, 13 * 1);
+        }
+        ctx.restore();
+    };
+
+    /**
+     * draws the back canvas (the one containing the background and the connections)
+     * @method drawBackCanvas
+     **/
+    LGraphCanvas.prototype.drawBackCanvas = function() {
+        var canvas = this.bgcanvas;
+        if (
+            canvas.width != this.canvas.width ||
+            canvas.height != this.canvas.height
+        ) {
+            canvas.width = this.canvas.width;
+            canvas.height = this.canvas.height;
+        }
+
+        if (!this.bgctx) {
+            this.bgctx = this.bgcanvas.getContext("2d");
+        }
+        var ctx = this.bgctx;
+        if (ctx.start) {
+            ctx.start();
+        }
+
+		var viewport = this.viewport || [0,0,ctx.canvas.width,ctx.canvas.height];
+
+        //clear
+        if (this.clear_background) {
+            ctx.clearRect( viewport[0], viewport[1], viewport[2], viewport[3] );
+        }
+
+		//show subgraph stack header
+        if (this._graph_stack && this._graph_stack.length) {
+            ctx.save();
+            var parent_graph = this._graph_stack[this._graph_stack.length - 1];
+            var subgraph_node = this.graph._subgraph_node;
+            ctx.strokeStyle = subgraph_node.bgcolor;
+            ctx.lineWidth = 10;
+            ctx.strokeRect(1, 1, canvas.width - 2, canvas.height - 2);
+            ctx.lineWidth = 1;
+            ctx.font = "40px Arial";
+            ctx.textAlign = "center";
+            ctx.fillStyle = subgraph_node.bgcolor || "#AAA";
+            var title = "";
+            for (var i = 1; i < this._graph_stack.length; ++i) {
+                title +=
+                    this._graph_stack[i]._subgraph_node.getTitle() + " >> ";
+            }
+            ctx.fillText(
+                title + subgraph_node.getTitle(),
+                canvas.width * 0.5,
+                40
+            );
+            ctx.restore();
+        }
+
+        var bg_already_painted = false;
+        if (this.onRenderBackground) {
+            bg_already_painted = this.onRenderBackground(canvas, ctx);
+        }
+
+        //reset in case of error
+        if ( !this.viewport )
+		{
+	        ctx.restore();
+		    ctx.setTransform(1, 0, 0, 1, 0, 0);
+		}
+        this.visible_links.length = 0;
+
+        if (this.graph) {
+            //apply transformations
+            ctx.save();
+            this.ds.toCanvasContext(ctx);
+
+            //render BG
+            if (
+                this.background_image &&
+                this.ds.scale > 0.5 &&
+                !bg_already_painted
+            ) {
+                if (this.zoom_modify_alpha) {
+                    ctx.globalAlpha =
+                        (1.0 - 0.5 / this.ds.scale) * this.editor_alpha;
+                } else {
+                    ctx.globalAlpha = this.editor_alpha;
+                }
+                ctx.imageSmoothingEnabled = ctx.mozImageSmoothingEnabled = ctx.imageSmoothingEnabled = false;
+                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 that = this;
+                    this._bg_img.onload = function() {
+                        that.draw(true, true);
+                    };
+                }
+
+                var pattern = null;
+                if (this._pattern == null && this._bg_img.width > 0) {
+                    pattern = ctx.createPattern(this._bg_img, "repeat");
+                    this._pattern_img = this._bg_img;
+                    this._pattern = pattern;
+                } else {
+                    pattern = this._pattern;
+                }
+                if (pattern) {
+                    ctx.fillStyle = pattern;
+                    ctx.fillRect(
+                        this.visible_area[0],
+                        this.visible_area[1],
+                        this.visible_area[2],
+                        this.visible_area[3]
+                    );
+                    ctx.fillStyle = "transparent";
+                }
+
+                ctx.globalAlpha = 1.0;
+                ctx.imageSmoothingEnabled = ctx.mozImageSmoothingEnabled = ctx.imageSmoothingEnabled = true;
+            }
+
+            //groups
+            if (this.graph._groups.length && !this.live_mode) {
+                this.drawGroups(canvas, ctx);
+            }
+
+            if (this.onDrawBackground) {
+                this.onDrawBackground(ctx, this.visible_area);
+            }
+            if (this.onBackgroundRender) {
+                //LEGACY
+                console.error(
+                    "WARNING! onBackgroundRender deprecated, now is named onDrawBackground "
+                );
+                this.onBackgroundRender = null;
+            }
+
+            //DEBUG: show clipping area
+            //ctx.fillStyle = "red";
+            //ctx.fillRect( this.visible_area[0] + 10, this.visible_area[1] + 10, this.visible_area[2] - 20, this.visible_area[3] - 20);
+
+            //bg
+            if (this.render_canvas_border) {
+                ctx.strokeStyle = "#235";
+                ctx.strokeRect(0, 0, canvas.width, canvas.height);
+            }
+
+            if (this.render_connections_shadows) {
+                ctx.shadowColor = "#000";
+                ctx.shadowOffsetX = 0;
+                ctx.shadowOffsetY = 0;
+                ctx.shadowBlur = 6;
+            } else {
+                ctx.shadowColor = "rgba(0,0,0,0)";
+            }
+
+            //draw connections
+            if (!this.live_mode) {
+                this.drawConnections(ctx);
+            }
+
+            ctx.shadowColor = "rgba(0,0,0,0)";
+
+            //restore state
+            ctx.restore();
+        }
+
+        if (ctx.finish) {
+            ctx.finish();
+        }
+
+        this.dirty_bgcanvas = false;
+        this.dirty_canvas = true; //to force to repaint the front canvas with the bgcanvas
+    };
+
+    var temp_vec2 = new Float32Array(2);
+
+    /**
+     * draws the given node inside the canvas
+     * @method drawNode
+     **/
+    LGraphCanvas.prototype.drawNode = function(node, ctx) {
+        var glow = false;
+        this.current_node = node;
+
+        var color = node.color || node.constructor.color || LiteGraph.NODE_DEFAULT_COLOR;
+        var bgcolor = node.bgcolor || node.constructor.bgcolor || LiteGraph.NODE_DEFAULT_BGCOLOR;
+
+        //shadow and glow
+        if (node.mouseOver) {
+            glow = true;
+        }
+
+        var low_quality = this.ds.scale < 0.6; //zoomed out
+
+        //only render if it forces it to do it
+        if (this.live_mode) {
+            if (!node.flags.collapsed) {
+                ctx.shadowColor = "transparent";
+                if (node.onDrawForeground) {
+                    node.onDrawForeground(ctx, this, this.canvas);
+                }
+            }
+            return;
+        }
+
+        var editor_alpha = this.editor_alpha;
+        ctx.globalAlpha = editor_alpha;
+
+        if (this.render_shadows && !low_quality) {
+            ctx.shadowColor = LiteGraph.DEFAULT_SHADOW_COLOR;
+            ctx.shadowOffsetX = 2 * this.ds.scale;
+            ctx.shadowOffsetY = 2 * this.ds.scale;
+            ctx.shadowBlur = 3 * this.ds.scale;
+        } else {
+            ctx.shadowColor = "transparent";
+        }
+
+        //custom draw collapsed method (draw after shadows because they are affected)
+        if (
+            node.flags.collapsed &&
+            node.onDrawCollapsed &&
+            node.onDrawCollapsed(ctx, this) == true
+        ) {
+            return;
+        }
+
+        //clip if required (mask)
+        var shape = node._shape || LiteGraph.BOX_SHAPE;
+        var size = temp_vec2;
+        temp_vec2.set(node.size);
+        var horizontal = node.horizontal; // || node.flags.horizontal;
+
+        if (node.flags.collapsed) {
+            ctx.font = this.inner_text_font;
+            var title = node.getTitle ? node.getTitle() : node.title;
+            if (title != null) {
+                node._collapsed_width = Math.min(
+                    node.size[0],
+                    ctx.measureText(title).width +
+                        LiteGraph.NODE_TITLE_HEIGHT * 2
+                ); //LiteGraph.NODE_COLLAPSED_WIDTH;
+                size[0] = node._collapsed_width;
+                size[1] = 0;
+            }
+        }
+
+        if (node.clip_area) {
+            //Start clipping
+            ctx.save();
+            ctx.beginPath();
+            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);
+            } else if (shape == LiteGraph.CIRCLE_SHAPE) {
+                ctx.arc(
+                    size[0] * 0.5,
+                    size[1] * 0.5,
+                    size[0] * 0.5,
+                    0,
+                    Math.PI * 2
+                );
+            }
+            ctx.clip();
+        }
+
+        //draw shape
+        if (node.has_errors) {
+            bgcolor = "red";
+        }
+        this.drawNodeShape(
+            node,
+            ctx,
+            size,
+            color,
+            bgcolor,
+            node.is_selected,
+            node.mouseOver
+        );
+        ctx.shadowColor = "transparent";
+
+        //draw foreground
+        if (node.onDrawForeground) {
+            node.onDrawForeground(ctx, this, this.canvas);
+        }
+
+        //connection slots
+        ctx.textAlign = horizontal ? "center" : "left";
+        ctx.font = this.inner_text_font;
+
+        var render_text = !low_quality;
+
+        var out_slot = this.connecting_output;
+        ctx.lineWidth = 1;
+
+        var max_y = 0;
+        var slot_pos = new Float32Array(2); //to reuse
+
+        //render inputs and outputs
+        if (!node.flags.collapsed) {
+            //input connection slots
+            if (node.inputs) {
+                for (var i = 0; i < node.inputs.length; i++) {
+                    var slot = node.inputs[i];
+
+                    ctx.globalAlpha = editor_alpha;
+                    //change opacity of incompatible slots when dragging a connection
+                    if ( this.connecting_node && !LiteGraph.isValidConnection( slot.type , out_slot.type) ) {
+                        ctx.globalAlpha = 0.4 * editor_alpha;
+                    }
+
+                    ctx.fillStyle =
+                        slot.link != null
+                            ? slot.color_on ||
+                              this.default_connection_color.input_on
+                            : slot.color_off ||
+                              this.default_connection_color.input_off;
+
+                    var pos = node.getConnectionPos(true, i, slot_pos);
+                    pos[0] -= node.pos[0];
+                    pos[1] -= node.pos[1];
+                    if (max_y < pos[1] + LiteGraph.NODE_SLOT_HEIGHT * 0.5) {
+                        max_y = pos[1] + LiteGraph.NODE_SLOT_HEIGHT * 0.5;
+                    }
+
+                    ctx.beginPath();
+
+                    if (
+                        slot.type === LiteGraph.EVENT ||
+                        slot.shape === LiteGraph.BOX_SHAPE
+                    ) {
+                        if (horizontal) {
+                            ctx.rect(
+                                pos[0] - 5 + 0.5,
+                                pos[1] - 8 + 0.5,
+                                10,
+                                14
+                            );
+                        } else {
+                            ctx.rect(
+                                pos[0] - 6 + 0.5,
+                                pos[1] - 5 + 0.5,
+                                14,
+                                10
+                            );
+                        }
+                    } else if (slot.shape === LiteGraph.ARROW_SHAPE) {
+                        ctx.moveTo(pos[0] + 8, pos[1] + 0.5);
+                        ctx.lineTo(pos[0] - 4, pos[1] + 6 + 0.5);
+                        ctx.lineTo(pos[0] - 4, pos[1] - 6 + 0.5);
+                        ctx.closePath();
+                    } else {
+						if(low_quality)
+	                        ctx.rect(pos[0] - 4, pos[1] - 4, 8, 8 ); //faster
+						else
+	                        ctx.arc(pos[0], pos[1], 4, 0, Math.PI * 2);
+                    }
+                    ctx.fill();
+
+                    //render name
+                    if (render_text) {
+                        var text = slot.label != null ? slot.label : slot.name;
+                        if (text) {
+                            ctx.fillStyle = LiteGraph.NODE_TEXT_COLOR;
+                            if (horizontal || slot.dir == LiteGraph.UP) {
+                                ctx.fillText(text, pos[0], pos[1] - 10);
+                            } else {
+                                ctx.fillText(text, pos[0] + 10, pos[1] + 5);
+                            }
+                        }
+                    }
+                }
+            }
+
+            //output connection slots
+            if (this.connecting_node) {
+                ctx.globalAlpha = 0.4 * editor_alpha;
+            }
+
+            ctx.textAlign = horizontal ? "center" : "right";
+            ctx.strokeStyle = "black";
+            if (node.outputs) {
+                for (var i = 0; i < node.outputs.length; i++) {
+                    var slot = node.outputs[i];
+
+                    var pos = node.getConnectionPos(false, i, slot_pos);
+                    pos[0] -= node.pos[0];
+                    pos[1] -= node.pos[1];
+                    if (max_y < pos[1] + LiteGraph.NODE_SLOT_HEIGHT * 0.5) {
+                        max_y = pos[1] + LiteGraph.NODE_SLOT_HEIGHT * 0.5;
+                    }
+
+                    ctx.fillStyle =
+                        slot.links && slot.links.length
+                            ? slot.color_on ||
+                              this.default_connection_color.output_on
+                            : slot.color_off ||
+                              this.default_connection_color.output_off;
+                    ctx.beginPath();
+                    //ctx.rect( node.size[0] - 14,i*14,10,10);
+
+                    if (
+                        slot.type === LiteGraph.EVENT ||
+                        slot.shape === LiteGraph.BOX_SHAPE
+                    ) {
+                        if (horizontal) {
+                            ctx.rect(
+                                pos[0] - 5 + 0.5,
+                                pos[1] - 8 + 0.5,
+                                10,
+                                14
+                            );
+                        } else {
+                            ctx.rect(
+                                pos[0] - 6 + 0.5,
+                                pos[1] - 5 + 0.5,
+                                14,
+                                10
+                            );
+                        }
+                    } else if (slot.shape === LiteGraph.ARROW_SHAPE) {
+                        ctx.moveTo(pos[0] + 8, pos[1] + 0.5);
+                        ctx.lineTo(pos[0] - 4, pos[1] + 6 + 0.5);
+                        ctx.lineTo(pos[0] - 4, pos[1] - 6 + 0.5);
+                        ctx.closePath();
+                    } else {
+						if(low_quality)
+	                        ctx.rect(pos[0] - 4, pos[1] - 4, 8, 8 );
+						else
+	                        ctx.arc(pos[0], pos[1], 4, 0, Math.PI * 2);
+                    }
+
+                    //trigger
+                    //if(slot.node_id != null && slot.slot == -1)
+                    //	ctx.fillStyle = "#F85";
+
+                    //if(slot.links != null && slot.links.length)
+                    ctx.fill();
+					if(!low_quality)
+	                    ctx.stroke();
+
+                    //render output name
+                    if (render_text) {
+                        var text = slot.label != null ? slot.label : slot.name;
+                        if (text) {
+                            ctx.fillStyle = LiteGraph.NODE_TEXT_COLOR;
+                            if (horizontal || slot.dir == LiteGraph.DOWN) {
+                                ctx.fillText(text, pos[0], pos[1] - 8);
+                            } else {
+                                ctx.fillText(text, pos[0] - 10, pos[1] + 5);
+                            }
+                        }
+                    }
+                }
+            }
+
+            ctx.textAlign = "left";
+            ctx.globalAlpha = 1;
+
+            if (node.widgets) {
+				var widgets_y = max_y;
+                if (horizontal || node.widgets_up) {
+                    widgets_y = 2;
+                }
+				if( node.widgets_start_y != null )
+                    widgets_y = node.widgets_start_y;
+                this.drawNodeWidgets(
+                    node,
+                    widgets_y,
+                    ctx,
+                    this.node_widget && this.node_widget[0] == node
+                        ? this.node_widget[1]
+                        : null
+                );
+            }
+        } else if (this.render_collapsed_slots) {
+            //if collapsed
+            var input_slot = null;
+            var output_slot = null;
+
+            //get first connected slot to render
+            if (node.inputs) {
+                for (var i = 0; i < node.inputs.length; i++) {
+                    var slot = node.inputs[i];
+                    if (slot.link == null) {
+                        continue;
+                    }
+                    input_slot = slot;
+                    break;
+                }
+            }
+            if (node.outputs) {
+                for (var i = 0; i < node.outputs.length; i++) {
+                    var slot = node.outputs[i];
+                    if (!slot.links || !slot.links.length) {
+                        continue;
+                    }
+                    output_slot = slot;
+                }
+            }
+
+            if (input_slot) {
+                var x = 0;
+                var y = LiteGraph.NODE_TITLE_HEIGHT * -0.5; //center
+                if (horizontal) {
+                    x = node._collapsed_width * 0.5;
+                    y = -LiteGraph.NODE_TITLE_HEIGHT;
+                }
+                ctx.fillStyle = "#686";
+                ctx.beginPath();
+                if (
+                    slot.type === LiteGraph.EVENT ||
+                    slot.shape === LiteGraph.BOX_SHAPE
+                ) {
+                    ctx.rect(x - 7 + 0.5, y - 4, 14, 8);
+                } else if (slot.shape === LiteGraph.ARROW_SHAPE) {
+                    ctx.moveTo(x + 8, y);
+                    ctx.lineTo(x + -4, y - 4);
+                    ctx.lineTo(x + -4, y + 4);
+                    ctx.closePath();
+                } else {
+                    ctx.arc(x, y, 4, 0, Math.PI * 2);
+                }
+                ctx.fill();
+            }
+
+            if (output_slot) {
+                var x = node._collapsed_width;
+                var y = LiteGraph.NODE_TITLE_HEIGHT * -0.5; //center
+                if (horizontal) {
+                    x = node._collapsed_width * 0.5;
+                    y = 0;
+                }
+                ctx.fillStyle = "#686";
+                ctx.strokeStyle = "black";
+                ctx.beginPath();
+                if (
+                    slot.type === LiteGraph.EVENT ||
+                    slot.shape === LiteGraph.BOX_SHAPE
+                ) {
+                    ctx.rect(x - 7 + 0.5, y - 4, 14, 8);
+                } else if (slot.shape === LiteGraph.ARROW_SHAPE) {
+                    ctx.moveTo(x + 6, y);
+                    ctx.lineTo(x - 6, y - 4);
+                    ctx.lineTo(x - 6, y + 4);
+                    ctx.closePath();
+                } else {
+                    ctx.arc(x, y, 4, 0, Math.PI * 2);
+                }
+                ctx.fill();
+                //ctx.stroke();
+            }
+        }
+
+        if (node.clip_area) {
+            ctx.restore();
+        }
+
+        ctx.globalAlpha = 1.0;
+    };
+
+	//used by this.over_link_center
+	LGraphCanvas.prototype.drawLinkTooltip = function( ctx, link )
+	{
+		var pos = link._pos;
+		ctx.fillStyle = "black";
+		ctx.beginPath();
+		ctx.arc( pos[0], pos[1], 3, 0, Math.PI * 2 );
+		ctx.fill();
+
+		if(link.data == null)
+			return;
+
+		if(this.onDrawLinkTooltip)
+			if( this.onDrawLinkTooltip(ctx,link,this) == true )
+				return;
+
+		var data = link.data;
+		var text = null;
+
+		if( data.constructor === Number )
+			text = data.toFixed(2);
+		else if( data.constructor === String )
+			text = "\"" + data + "\"";
+		else if( data.constructor === Boolean )
+			text = String(data);
+		else if (data.toToolTip)
+			text = data.toToolTip();
+		else
+			text = "[" + data.constructor.name + "]";
+
+		if(text == null)
+			return;
+		text = text.substr(0,30); //avoid weird
+
+		ctx.font = "14px Courier New";
+		var info = ctx.measureText(text);
+		var w = info.width + 20;
+		var h = 24;
+		ctx.shadowColor = "black";
+		ctx.shadowOffsetX = 2;
+		ctx.shadowOffsetY = 2;
+		ctx.shadowBlur = 3;
+		ctx.fillStyle = "#454";
+		ctx.beginPath();
+		ctx.roundRect( pos[0] - w*0.5, pos[1] - 15 - h, w, h,3, 3);
+		ctx.moveTo( pos[0] - 10, pos[1] - 15 );
+		ctx.lineTo( pos[0] + 10, pos[1] - 15 );
+		ctx.lineTo( pos[0], pos[1] - 5 );
+		ctx.fill();
+        ctx.shadowColor = "transparent";
+		ctx.textAlign = "center";
+		ctx.fillStyle = "#CEC";
+		ctx.fillText(text, pos[0], pos[1] - 15 - h * 0.3);
+	}
+
+    /**
+     * draws the shape of the given node in the canvas
+     * @method drawNodeShape
+     **/
+    var tmp_area = new Float32Array(4);
+
+    LGraphCanvas.prototype.drawNodeShape = function(
+        node,
+        ctx,
+        size,
+        fgcolor,
+        bgcolor,
+        selected,
+        mouse_over
+    ) {
+        //bg rect
+        ctx.strokeStyle = fgcolor;
+        ctx.fillStyle = bgcolor;
+
+        var title_height = LiteGraph.NODE_TITLE_HEIGHT;
+        var low_quality = this.ds.scale < 0.5;
+
+        //render node area depending on shape
+        var shape =
+            node._shape || node.constructor.shape || LiteGraph.ROUND_SHAPE;
+
+        var title_mode = node.constructor.title_mode;
+
+        var render_title = true;
+        if (title_mode == LiteGraph.TRANSPARENT_TITLE) {
+            render_title = false;
+        } else if (title_mode == LiteGraph.AUTOHIDE_TITLE && mouse_over) {
+            render_title = true;
+        }
+
+        var area = tmp_area;
+        area[0] = 0; //x
+        area[1] = render_title ? -title_height : 0; //y
+        area[2] = size[0] + 1; //w
+        area[3] = render_title ? size[1] + title_height : size[1]; //h
+
+        var old_alpha = ctx.globalAlpha;
+
+        //full node shape
+        //if(node.flags.collapsed)
+        {
+            ctx.beginPath();
+            if (shape == LiteGraph.BOX_SHAPE || low_quality) {
+                ctx.fillRect(area[0], area[1], area[2], area[3]);
+            } else if (
+                shape == LiteGraph.ROUND_SHAPE ||
+                shape == LiteGraph.CARD_SHAPE
+            ) {
+                ctx.roundRect(
+                    area[0],
+                    area[1],
+                    area[2],
+                    area[3],
+                    this.round_radius,
+                    shape == LiteGraph.CARD_SHAPE ? 0 : this.round_radius
+                );
+            } else if (shape == LiteGraph.CIRCLE_SHAPE) {
+                ctx.arc(
+                    size[0] * 0.5,
+                    size[1] * 0.5,
+                    size[0] * 0.5,
+                    0,
+                    Math.PI * 2
+                );
+            }
+            ctx.fill();
+
+			//separator
+			if(!node.flags.collapsed)
+			{
+				ctx.shadowColor = "transparent";
+				ctx.fillStyle = "rgba(0,0,0,0.2)";
+				ctx.fillRect(0, -1, area[2], 2);
+			}
+        }
+        ctx.shadowColor = "transparent";
+
+        if (node.onDrawBackground) {
+            node.onDrawBackground(ctx, this, this.canvas, this.graph_mouse );
+        }
+
+        //title bg (remember, it is rendered ABOVE the node)
+        if (render_title || title_mode == LiteGraph.TRANSPARENT_TITLE) {
+            //title bar
+            if (node.onDrawTitleBar) {
+                node.onDrawTitleBar( ctx, title_height, size, this.ds.scale, fgcolor );
+            } else if (
+                title_mode != LiteGraph.TRANSPARENT_TITLE &&
+                (node.constructor.title_color || this.render_title_colored)
+            ) {
+                var title_color = node.constructor.title_color || fgcolor;
+
+                if (node.flags.collapsed) {
+                    ctx.shadowColor = LiteGraph.DEFAULT_SHADOW_COLOR;
+                }
+
+                //* gradient test
+                if (this.use_gradients) {
+                    var grad = LGraphCanvas.gradients[title_color];
+                    if (!grad) {
+                        grad = LGraphCanvas.gradients[ title_color ] = ctx.createLinearGradient(0, 0, 400, 0);
+                        grad.addColorStop(0, title_color);
+                        grad.addColorStop(1, "#000");
+                    }
+                    ctx.fillStyle = grad;
+                } else {
+                    ctx.fillStyle = title_color;
+                }
+
+                //ctx.globalAlpha = 0.5 * old_alpha;
+                ctx.beginPath();
+                if (shape == LiteGraph.BOX_SHAPE || low_quality) {
+                    ctx.rect(0, -title_height, size[0] + 1, title_height);
+                } else if (  shape == LiteGraph.ROUND_SHAPE || shape == LiteGraph.CARD_SHAPE ) {
+                    ctx.roundRect(
+                        0,
+                        -title_height,
+                        size[0] + 1,
+                        title_height,
+                        this.round_radius,
+                        node.flags.collapsed ? this.round_radius : 0
+                    );
+                }
+                ctx.fill();
+                ctx.shadowColor = "transparent";
+            }
+
+            //title box
+            var box_size = 10;
+            if (node.onDrawTitleBox) {
+                node.onDrawTitleBox(ctx, title_height, size, this.ds.scale);
+            } else if (
+                shape == LiteGraph.ROUND_SHAPE ||
+                shape == LiteGraph.CIRCLE_SHAPE ||
+                shape == LiteGraph.CARD_SHAPE
+            ) {
+                if (low_quality) {
+                    ctx.fillStyle = "black";
+                    ctx.beginPath();
+                    ctx.arc(
+                        title_height * 0.5,
+                        title_height * -0.5,
+                        box_size * 0.5 + 1,
+                        0,
+                        Math.PI * 2
+                    );
+                    ctx.fill();
+                }
+
+                ctx.fillStyle = node.boxcolor || LiteGraph.NODE_DEFAULT_BOXCOLOR;
+				if(low_quality)
+					ctx.fillRect( title_height * 0.5 - box_size *0.5, title_height * -0.5 - box_size *0.5, box_size , box_size  );
+				else
+				{
+					ctx.beginPath();
+					ctx.arc(
+						title_height * 0.5,
+						title_height * -0.5,
+						box_size * 0.5,
+						0,
+						Math.PI * 2
+					);
+					ctx.fill();
+				}
+            } else {
+                if (low_quality) {
+                    ctx.fillStyle = "black";
+                    ctx.fillRect(
+                        (title_height - box_size) * 0.5 - 1,
+                        (title_height + box_size) * -0.5 - 1,
+                        box_size + 2,
+                        box_size + 2
+                    );
+                }
+                ctx.fillStyle = node.boxcolor || LiteGraph.NODE_DEFAULT_BOXCOLOR;
+                ctx.fillRect(
+                    (title_height - box_size) * 0.5,
+                    (title_height + box_size) * -0.5,
+                    box_size,
+                    box_size
+                );
+            }
+            ctx.globalAlpha = old_alpha;
+
+            //title text
+            if (node.onDrawTitleText) {
+                node.onDrawTitleText(
+                    ctx,
+                    title_height,
+                    size,
+                    this.ds.scale,
+                    this.title_text_font,
+                    selected
+                );
+            }
+            if (!low_quality) {
+                ctx.font = this.title_text_font;
+                var title = String(node.getTitle());
+                if (title) {
+                    if (selected) {
+                        ctx.fillStyle = LiteGraph.NODE_SELECTED_TITLE_COLOR;
+                    } else {
+                        ctx.fillStyle =
+                            node.constructor.title_text_color ||
+                            this.node_title_color;
+                    }
+                    if (node.flags.collapsed) {
+                        ctx.textAlign = "left";
+                        var measure = ctx.measureText(title);
+                        ctx.fillText(
+                            title.substr(0,20), //avoid urls too long
+                            title_height,// + measure.width * 0.5,
+                            LiteGraph.NODE_TITLE_TEXT_Y - title_height
+                        );
+                        ctx.textAlign = "left";
+                    } else {
+                        ctx.textAlign = "left";
+                        ctx.fillText(
+                            title,
+                            title_height,
+                            LiteGraph.NODE_TITLE_TEXT_Y - title_height
+                        );
+                    }
+                }
+            }
+
+			//subgraph box
+			if (!node.flags.collapsed && node.subgraph && !node.skip_subgraph_button) {
+				var w = LiteGraph.NODE_TITLE_HEIGHT;
+				var x = node.size[0] - w;
+				var over = LiteGraph.isInsideRectangle( this.graph_mouse[0] - node.pos[0], this.graph_mouse[1] - node.pos[1], x+2, -w+2, w-4, w-4 );
+				ctx.fillStyle = over ? "#888" : "#555";
+				if( shape == LiteGraph.BOX_SHAPE || low_quality)
+					ctx.fillRect(x+2, -w+2, w-4, w-4);
+				else
+				{
+					ctx.beginPath();
+					ctx.roundRect(x+2, -w+2, w-4, w-4,4);
+					ctx.fill();
+				}
+				ctx.fillStyle = "#333";
+				ctx.beginPath();
+				ctx.moveTo(x + w * 0.2, -w * 0.6);
+				ctx.lineTo(x + w * 0.8, -w * 0.6);
+				ctx.lineTo(x + w * 0.5, -w * 0.3);
+				ctx.fill();
+			}
+
+			//custom title render
+            if (node.onDrawTitle) {
+                node.onDrawTitle(ctx);
+            }
+        }
+
+        //render selection marker
+        if (selected) {
+            if (node.onBounding) {
+                node.onBounding(area);
+            }
+
+            if (title_mode == LiteGraph.TRANSPARENT_TITLE) {
+                area[1] -= title_height;
+                area[3] += title_height;
+            }
+            ctx.lineWidth = 1;
+            ctx.globalAlpha = 0.8;
+            ctx.beginPath();
+            if (shape == LiteGraph.BOX_SHAPE) {
+                ctx.rect(
+                    -6 + area[0],
+                    -6 + area[1],
+                    12 + area[2],
+                    12 + area[3]
+                );
+            } else if (
+                shape == LiteGraph.ROUND_SHAPE ||
+                (shape == LiteGraph.CARD_SHAPE && node.flags.collapsed)
+            ) {
+                ctx.roundRect(
+                    -6 + area[0],
+                    -6 + area[1],
+                    12 + area[2],
+                    12 + area[3],
+                    this.round_radius * 2
+                );
+            } else if (shape == LiteGraph.CARD_SHAPE) {
+                ctx.roundRect(
+                    -6 + area[0],
+                    -6 + area[1],
+                    12 + area[2],
+                    12 + area[3],
+                    this.round_radius * 2,
+                    2
+                );
+            } else if (shape == LiteGraph.CIRCLE_SHAPE) {
+                ctx.arc(
+                    size[0] * 0.5,
+                    size[1] * 0.5,
+                    size[0] * 0.5 + 6,
+                    0,
+                    Math.PI * 2
+                );
+            }
+            ctx.strokeStyle = LiteGraph.NODE_BOX_OUTLINE_COLOR;
+            ctx.stroke();
+            ctx.strokeStyle = fgcolor;
+            ctx.globalAlpha = 1;
+        }
+    };
+
+    var margin_area = new Float32Array(4);
+    var link_bounding = new Float32Array(4);
+    var tempA = new Float32Array(2);
+    var tempB = new Float32Array(2);
+
+    /**
+     * draws every connection visible in the canvas
+     * OPTIMIZE THIS: pre-catch connections position instead of recomputing them every time
+     * @method drawConnections
+     **/
+    LGraphCanvas.prototype.drawConnections = function(ctx) {
+        var now = LiteGraph.getTime();
+        var visible_area = this.visible_area;
+        margin_area[0] = visible_area[0] - 20;
+        margin_area[1] = visible_area[1] - 20;
+        margin_area[2] = visible_area[2] + 40;
+        margin_area[3] = visible_area[3] + 40;
+
+        //draw connections
+        ctx.lineWidth = this.connections_width;
+
+        ctx.fillStyle = "#AAA";
+        ctx.strokeStyle = "#AAA";
+        ctx.globalAlpha = this.editor_alpha;
+        //for every node
+        var nodes = this.graph._nodes;
+        for (var n = 0, l = nodes.length; n < l; ++n) {
+            var node = nodes[n];
+            //for every input (we render just inputs because it is easier as every slot can only have one input)
+            if (!node.inputs || !node.inputs.length) {
+                continue;
+            }
+
+            for (var i = 0; i < node.inputs.length; ++i) {
+                var input = node.inputs[i];
+                if (!input || input.link == null) {
+                    continue;
+                }
+                var link_id = input.link;
+                var link = this.graph.links[link_id];
+                if (!link) {
+                    continue;
+                }
+
+                //find link info
+                var start_node = this.graph.getNodeById(link.origin_id);
+                if (start_node == null) {
+                    continue;
+                }
+                var start_node_slot = link.origin_slot;
+                var start_node_slotpos = null;
+                if (start_node_slot == -1) {
+                    start_node_slotpos = [
+                        start_node.pos[0] + 10,
+                        start_node.pos[1] + 10
+                    ];
+                } else {
+                    start_node_slotpos = start_node.getConnectionPos(
+                        false,
+                        start_node_slot,
+                        tempA
+                    );
+                }
+                var end_node_slotpos = node.getConnectionPos(true, i, tempB);
+
+                //compute link bounding
+                link_bounding[0] = start_node_slotpos[0];
+                link_bounding[1] = start_node_slotpos[1];
+                link_bounding[2] = end_node_slotpos[0] - start_node_slotpos[0];
+                link_bounding[3] = end_node_slotpos[1] - start_node_slotpos[1];
+                if (link_bounding[2] < 0) {
+                    link_bounding[0] += link_bounding[2];
+                    link_bounding[2] = Math.abs(link_bounding[2]);
+                }
+                if (link_bounding[3] < 0) {
+                    link_bounding[1] += link_bounding[3];
+                    link_bounding[3] = Math.abs(link_bounding[3]);
+                }
+
+                //skip links outside of the visible area of the canvas
+                if (!overlapBounding(link_bounding, margin_area)) {
+                    continue;
+                }
+
+                var start_slot = start_node.outputs[start_node_slot];
+                var end_slot = node.inputs[i];
+                if (!start_slot || !end_slot) {
+                    continue;
+                }
+                var start_dir =
+                    start_slot.dir ||
+                    (start_node.horizontal ? LiteGraph.DOWN : LiteGraph.RIGHT);
+                var end_dir =
+                    end_slot.dir ||
+                    (node.horizontal ? LiteGraph.UP : LiteGraph.LEFT);
+
+                this.renderLink(
+                    ctx,
+                    start_node_slotpos,
+                    end_node_slotpos,
+                    link,
+                    false,
+                    0,
+                    null,
+                    start_dir,
+                    end_dir
+                );
+
+                //event triggered rendered on top
+                if (link && link._last_time && now - link._last_time < 1000) {
+                    var f = 2.0 - (now - link._last_time) * 0.002;
+                    var tmp = ctx.globalAlpha;
+                    ctx.globalAlpha = tmp * f;
+                    this.renderLink(
+                        ctx,
+                        start_node_slotpos,
+                        end_node_slotpos,
+                        link,
+                        true,
+                        f,
+                        "white",
+                        start_dir,
+                        end_dir
+                    );
+                    ctx.globalAlpha = tmp;
+                }
+            }
+        }
+        ctx.globalAlpha = 1;
+    };
+
+    /**
+     * draws a link between two points
+     * @method renderLink
+     * @param {vec2} a start pos
+     * @param {vec2} b end pos
+     * @param {Object} link the link object with all the link info
+     * @param {boolean} skip_border ignore the shadow of the link
+     * @param {boolean} flow show flow animation (for events)
+     * @param {string} color the color for the link
+     * @param {number} start_dir the direction enum
+     * @param {number} end_dir the direction enum
+     * @param {number} num_sublines number of sublines (useful to represent vec3 or rgb)
+     **/
+    LGraphCanvas.prototype.renderLink = function(
+        ctx,
+        a,
+        b,
+        link,
+        skip_border,
+        flow,
+        color,
+        start_dir,
+        end_dir,
+        num_sublines
+    ) {
+        if (link) {
+            this.visible_links.push(link);
+        }
+
+        //choose color
+        if (!color && link) {
+            color = link.color || LGraphCanvas.link_type_colors[link.type];
+        }
+        if (!color) {
+            color = this.default_link_color;
+        }
+        if (link != null && this.highlighted_links[link.id]) {
+            color = "#FFF";
+        }
+
+        start_dir = start_dir || LiteGraph.RIGHT;
+        end_dir = end_dir || LiteGraph.LEFT;
+
+        var dist = distance(a, b);
+
+        if (this.render_connections_border && this.ds.scale > 0.6) {
+            ctx.lineWidth = this.connections_width + 4;
+        }
+        ctx.lineJoin = "round";
+        num_sublines = num_sublines || 1;
+        if (num_sublines > 1) {
+            ctx.lineWidth = 0.5;
+        }
+
+        //begin line shape
+        ctx.beginPath();
+        for (var i = 0; i < num_sublines; i += 1) {
+            var offsety = (i - (num_sublines - 1) * 0.5) * 5;
+
+            if (this.links_render_mode == LiteGraph.SPLINE_LINK) {
+                ctx.moveTo(a[0], a[1] + offsety);
+                var start_offset_x = 0;
+                var start_offset_y = 0;
+                var end_offset_x = 0;
+                var end_offset_y = 0;
+                switch (start_dir) {
+                    case LiteGraph.LEFT:
+                        start_offset_x = dist * -0.25;
+                        break;
+                    case LiteGraph.RIGHT:
+                        start_offset_x = dist * 0.25;
+                        break;
+                    case LiteGraph.UP:
+                        start_offset_y = dist * -0.25;
+                        break;
+                    case LiteGraph.DOWN:
+                        start_offset_y = dist * 0.25;
+                        break;
+                }
+                switch (end_dir) {
+                    case LiteGraph.LEFT:
+                        end_offset_x = dist * -0.25;
+                        break;
+                    case LiteGraph.RIGHT:
+                        end_offset_x = dist * 0.25;
+                        break;
+                    case LiteGraph.UP:
+                        end_offset_y = dist * -0.25;
+                        break;
+                    case LiteGraph.DOWN:
+                        end_offset_y = dist * 0.25;
+                        break;
+                }
+                ctx.bezierCurveTo(
+                    a[0] + start_offset_x,
+                    a[1] + start_offset_y + offsety,
+                    b[0] + end_offset_x,
+                    b[1] + end_offset_y + offsety,
+                    b[0],
+                    b[1] + offsety
+                );
+            } else if (this.links_render_mode == LiteGraph.LINEAR_LINK) {
+                ctx.moveTo(a[0], a[1] + offsety);
+                var start_offset_x = 0;
+                var start_offset_y = 0;
+                var end_offset_x = 0;
+                var end_offset_y = 0;
+                switch (start_dir) {
+                    case LiteGraph.LEFT:
+                        start_offset_x = -1;
+                        break;
+                    case LiteGraph.RIGHT:
+                        start_offset_x = 1;
+                        break;
+                    case LiteGraph.UP:
+                        start_offset_y = -1;
+                        break;
+                    case LiteGraph.DOWN:
+                        start_offset_y = 1;
+                        break;
+                }
+                switch (end_dir) {
+                    case LiteGraph.LEFT:
+                        end_offset_x = -1;
+                        break;
+                    case LiteGraph.RIGHT:
+                        end_offset_x = 1;
+                        break;
+                    case LiteGraph.UP:
+                        end_offset_y = -1;
+                        break;
+                    case LiteGraph.DOWN:
+                        end_offset_y = 1;
+                        break;
+                }
+                var l = 15;
+                ctx.lineTo(
+                    a[0] + start_offset_x * l,
+                    a[1] + start_offset_y * l + offsety
+                );
+                ctx.lineTo(
+                    b[0] + end_offset_x * l,
+                    b[1] + end_offset_y * l + offsety
+                );
+                ctx.lineTo(b[0], b[1] + offsety);
+            } else if (this.links_render_mode == LiteGraph.STRAIGHT_LINK) {
+                ctx.moveTo(a[0], a[1]);
+                var start_x = a[0];
+                var start_y = a[1];
+                var end_x = b[0];
+                var end_y = b[1];
+                if (start_dir == LiteGraph.RIGHT) {
+                    start_x += 10;
+                } else {
+                    start_y += 10;
+                }
+                if (end_dir == LiteGraph.LEFT) {
+                    end_x -= 10;
+                } else {
+                    end_y -= 10;
+                }
+                ctx.lineTo(start_x, start_y);
+                ctx.lineTo((start_x + end_x) * 0.5, start_y);
+                ctx.lineTo((start_x + end_x) * 0.5, end_y);
+                ctx.lineTo(end_x, end_y);
+                ctx.lineTo(b[0], b[1]);
+            } else {
+                return;
+            } //unknown
+        }
+
+        //rendering the outline of the connection can be a little bit slow
+        if (
+            this.render_connections_border &&
+            this.ds.scale > 0.6 &&
+            !skip_border
+        ) {
+            ctx.strokeStyle = "rgba(0,0,0,0.5)";
+            ctx.stroke();
+        }
+
+        ctx.lineWidth = this.connections_width;
+        ctx.fillStyle = ctx.strokeStyle = color;
+        ctx.stroke();
+        //end line shape
+
+        var pos = this.computeConnectionPoint(a, b, 0.5, start_dir, end_dir);
+        if (link && link._pos) {
+            link._pos[0] = pos[0];
+            link._pos[1] = pos[1];
+        }
+
+        //render arrow in the middle
+        if (
+            this.ds.scale >= 0.6 &&
+            this.highquality_render &&
+            end_dir != LiteGraph.CENTER
+        ) {
+            //render arrow
+            if (this.render_connection_arrows) {
+                //compute two points in the connection
+                var posA = this.computeConnectionPoint(
+                    a,
+                    b,
+                    0.25,
+                    start_dir,
+                    end_dir
+                );
+                var posB = this.computeConnectionPoint(
+                    a,
+                    b,
+                    0.26,
+                    start_dir,
+                    end_dir
+                );
+                var posC = this.computeConnectionPoint(
+                    a,
+                    b,
+                    0.75,
+                    start_dir,
+                    end_dir
+                );
+                var posD = this.computeConnectionPoint(
+                    a,
+                    b,
+                    0.76,
+                    start_dir,
+                    end_dir
+                );
+
+                //compute the angle between them so the arrow points in the right direction
+                var angleA = 0;
+                var angleB = 0;
+                if (this.render_curved_connections) {
+                    angleA = -Math.atan2(posB[0] - posA[0], posB[1] - posA[1]);
+                    angleB = -Math.atan2(posD[0] - posC[0], posD[1] - posC[1]);
+                } else {
+                    angleB = angleA = b[1] > a[1] ? 0 : Math.PI;
+                }
+
+                //render arrow
+                ctx.save();
+                ctx.translate(posA[0], posA[1]);
+                ctx.rotate(angleA);
+                ctx.beginPath();
+                ctx.moveTo(-5, -3);
+                ctx.lineTo(0, +7);
+                ctx.lineTo(+5, -3);
+                ctx.fill();
+                ctx.restore();
+                ctx.save();
+                ctx.translate(posC[0], posC[1]);
+                ctx.rotate(angleB);
+                ctx.beginPath();
+                ctx.moveTo(-5, -3);
+                ctx.lineTo(0, +7);
+                ctx.lineTo(+5, -3);
+                ctx.fill();
+                ctx.restore();
+            }
+
+            //circle
+            ctx.beginPath();
+            ctx.arc(pos[0], pos[1], 5, 0, Math.PI * 2);
+            ctx.fill();
+        }
+
+        //render flowing points
+        if (flow) {
+            ctx.fillStyle = color;
+            for (var i = 0; i < 5; ++i) {
+                var f = (LiteGraph.getTime() * 0.001 + i * 0.2) % 1;
+                var pos = this.computeConnectionPoint(
+                    a,
+                    b,
+                    f,
+                    start_dir,
+                    end_dir
+                );
+                ctx.beginPath();
+                ctx.arc(pos[0], pos[1], 5, 0, 2 * Math.PI);
+                ctx.fill();
+            }
+        }
+    };
+
+    //returns the link center point based on curvature
+    LGraphCanvas.prototype.computeConnectionPoint = function(
+        a,
+        b,
+        t,
+        start_dir,
+        end_dir
+    ) {
+        start_dir = start_dir || LiteGraph.RIGHT;
+        end_dir = end_dir || LiteGraph.LEFT;
+
+        var dist = distance(a, b);
+        var p0 = a;
+        var p1 = [a[0], a[1]];
+        var p2 = [b[0], b[1]];
+        var p3 = b;
+
+        switch (start_dir) {
+            case LiteGraph.LEFT:
+                p1[0] += dist * -0.25;
+                break;
+            case LiteGraph.RIGHT:
+                p1[0] += dist * 0.25;
+                break;
+            case LiteGraph.UP:
+                p1[1] += dist * -0.25;
+                break;
+            case LiteGraph.DOWN:
+                p1[1] += dist * 0.25;
+                break;
+        }
+        switch (end_dir) {
+            case LiteGraph.LEFT:
+                p2[0] += dist * -0.25;
+                break;
+            case LiteGraph.RIGHT:
+                p2[0] += dist * 0.25;
+                break;
+            case LiteGraph.UP:
+                p2[1] += dist * -0.25;
+                break;
+            case LiteGraph.DOWN:
+                p2[1] += dist * 0.25;
+                break;
+        }
+
+        var c1 = (1 - t) * (1 - t) * (1 - t);
+        var c2 = 3 * ((1 - t) * (1 - t)) * t;
+        var c3 = 3 * (1 - t) * (t * t);
+        var c4 = t * t * t;
+
+        var x = c1 * p0[0] + c2 * p1[0] + c3 * p2[0] + c4 * p3[0];
+        var y = c1 * p0[1] + c2 * p1[1] + c3 * p2[1] + c4 * p3[1];
+        return [x, y];
+    };
+
+    LGraphCanvas.prototype.drawExecutionOrder = function(ctx) {
+        ctx.shadowColor = "transparent";
+        ctx.globalAlpha = 0.25;
+
+        ctx.textAlign = "center";
+        ctx.strokeStyle = "white";
+        ctx.globalAlpha = 0.75;
+
+        var visible_nodes = this.visible_nodes;
+        for (var i = 0; i < visible_nodes.length; ++i) {
+            var node = visible_nodes[i];
+            ctx.fillStyle = "black";
+            ctx.fillRect(
+                node.pos[0] - LiteGraph.NODE_TITLE_HEIGHT,
+                node.pos[1] - LiteGraph.NODE_TITLE_HEIGHT,
+                LiteGraph.NODE_TITLE_HEIGHT,
+                LiteGraph.NODE_TITLE_HEIGHT
+            );
+            if (node.order == 0) {
+                ctx.strokeRect(
+                    node.pos[0] - LiteGraph.NODE_TITLE_HEIGHT + 0.5,
+                    node.pos[1] - LiteGraph.NODE_TITLE_HEIGHT + 0.5,
+                    LiteGraph.NODE_TITLE_HEIGHT,
+                    LiteGraph.NODE_TITLE_HEIGHT
+                );
+            }
+            ctx.fillStyle = "#FFF";
+            ctx.fillText(
+                node.order,
+                node.pos[0] + LiteGraph.NODE_TITLE_HEIGHT * -0.5,
+                node.pos[1] - 6
+            );
+        }
+        ctx.globalAlpha = 1;
+    };
+
+    /**
+     * draws the widgets stored inside a node
+     * @method drawNodeWidgets
+     **/
+    LGraphCanvas.prototype.drawNodeWidgets = function(
+        node,
+        posY,
+        ctx,
+        active_widget
+    ) {
+        if (!node.widgets || !node.widgets.length) {
+            return 0;
+        }
+        var width = node.size[0];
+        var widgets = node.widgets;
+        posY += 2;
+        var H = LiteGraph.NODE_WIDGET_HEIGHT;
+        var show_text = this.ds.scale > 0.5;
+        ctx.save();
+        ctx.globalAlpha = this.editor_alpha;
+        var outline_color = LiteGraph.WIDGET_OUTLINE_COLOR;
+        var background_color = LiteGraph.WIDGET_BGCOLOR;
+        var text_color = LiteGraph.WIDGET_TEXT_COLOR;
+		var secondary_text_color = LiteGraph.WIDGET_SECONDARY_TEXT_COLOR;
+        var margin = 15;
+
+        for (var i = 0; i < widgets.length; ++i) {
+            var w = widgets[i];
+            var y = posY;
+            if (w.y) {
+                y = w.y;
+            }
+            w.last_y = y;
+            ctx.strokeStyle = outline_color;
+            ctx.fillStyle = "#222";
+            ctx.textAlign = "left";
+			//ctx.lineWidth = 2;
+			if(w.disabled)
+				ctx.globalAlpha *= 0.5;
+			var widget_width = w.width || width;
+
+            switch (w.type) {
+                case "button":
+                    if (w.clicked) {
+                        ctx.fillStyle = "#AAA";
+                        w.clicked = false;
+                        this.dirty_canvas = true;
+                    }
+                    ctx.fillRect(margin, y, widget_width - margin * 2, H);
+					if(show_text && !w.disabled)
+	                    ctx.strokeRect( margin, y, widget_width - margin * 2, H );
+                    if (show_text) {
+                        ctx.textAlign = "center";
+                        ctx.fillStyle = text_color;
+                        ctx.fillText(w.name, widget_width * 0.5, y + H * 0.7);
+                    }
+                    break;
+                case "toggle":
+                    ctx.textAlign = "left";
+                    ctx.strokeStyle = outline_color;
+                    ctx.fillStyle = background_color;
+                    ctx.beginPath();
+                    if (show_text)
+	                    ctx.roundRect(margin, posY, widget_width - margin * 2, H, H * 0.5);
+					else
+	                    ctx.rect(margin, posY, widget_width - margin * 2, H );
+                    ctx.fill();
+					if(show_text && !w.disabled)
+	                    ctx.stroke();
+                    ctx.fillStyle = w.value ? "#89A" : "#333";
+                    ctx.beginPath();
+                    ctx.arc( widget_width - margin * 2, y + H * 0.5, H * 0.36, 0, Math.PI * 2 );
+                    ctx.fill();
+                    if (show_text) {
+                        ctx.fillStyle = secondary_text_color;
+                        if (w.name != null) {
+                            ctx.fillText(w.name, margin * 2, y + H * 0.7);
+                        }
+                        ctx.fillStyle = w.value ? text_color : secondary_text_color;
+                        ctx.textAlign = "right";
+                        ctx.fillText(
+                            w.value
+                                ? w.options.on || "true"
+                                : w.options.off || "false",
+                            widget_width - 40,
+                            y + H * 0.7
+                        );
+                    }
+                    break;
+                case "slider":
+                    ctx.fillStyle = background_color;
+                    ctx.fillRect(margin, y, widget_width - margin * 2, H);
+                    var range = w.options.max - w.options.min;
+                    var nvalue = (w.value - w.options.min) / range;
+                    ctx.fillStyle = active_widget == w ? "#89A" : "#678";
+                    ctx.fillRect(margin, y, nvalue * (widget_width - margin * 2), H);
+					if(show_text && !w.disabled)
+	                    ctx.strokeRect(margin, y, widget_width - margin * 2, H);
+                    if (w.marker) {
+                        var marker_nvalue = (w.marker - w.options.min) / range;
+                        ctx.fillStyle = "#AA9";
+                        ctx.fillRect( margin + marker_nvalue * (widget_width - margin * 2), y, 2, H );
+                    }
+                    if (show_text) {
+                        ctx.textAlign = "center";
+                        ctx.fillStyle = text_color;
+                        ctx.fillText(
+                            w.name + "  " + Number(w.value).toFixed(3),
+                            widget_width * 0.5,
+                            y + H * 0.7
+                        );
+                    }
+                    break;
+                case "number":
+                case "combo":
+                    ctx.textAlign = "left";
+                    ctx.strokeStyle = outline_color;
+                    ctx.fillStyle = background_color;
+                    ctx.beginPath();
+					if(show_text)
+	                    ctx.roundRect(margin, posY, widget_width - margin * 2, H, H * 0.5);
+					else
+	                    ctx.rect(margin, posY, widget_width - margin * 2, H );
+                    ctx.fill();
+                    if (show_text) {
+						if(!w.disabled)
+		                    ctx.stroke();
+                        ctx.fillStyle = text_color;
+						if(!w.disabled)
+						{
+							ctx.beginPath();
+							ctx.moveTo(margin + 16, posY + 5);
+							ctx.lineTo(margin + 6, posY + H * 0.5);
+							ctx.lineTo(margin + 16, posY + H - 5);
+							ctx.fill();
+							ctx.beginPath();
+							ctx.moveTo(widget_width - margin - 16, posY + 5);
+							ctx.lineTo(widget_width - margin - 6, posY + H * 0.5);
+							ctx.lineTo(widget_width - margin - 16, posY + H - 5);
+							ctx.fill();
+						}
+                        ctx.fillStyle = secondary_text_color;
+                        ctx.fillText(w.name, margin * 2 + 5, y + H * 0.7);
+                        ctx.fillStyle = text_color;
+                        ctx.textAlign = "right";
+                        if (w.type == "number") {
+                            ctx.fillText(
+                                Number(w.value).toFixed(
+                                    w.options.precision !== undefined
+                                        ? w.options.precision
+                                        : 3
+                                ),
+                                widget_width - margin * 2 - 20,
+                                y + H * 0.7
+                            );
+                        } else {
+							var v = w.value;
+							if( w.options.values )
+							{
+								var values = w.options.values;
+								if( values.constructor === Function )
+									values = values();
+								if(values && values.constructor !== Array)
+									v = values[ w.value ];
+							}
+                            ctx.fillText(
+                                v,
+                                widget_width - margin * 2 - 20,
+                                y + H * 0.7
+                            );
+                        }
+                    }
+                    break;
+                case "string":
+                case "text":
+                    ctx.textAlign = "left";
+                    ctx.strokeStyle = outline_color;
+                    ctx.fillStyle = background_color;
+                    ctx.beginPath();
+                    if (show_text)
+	                    ctx.roundRect(margin, posY, widget_width - margin * 2, H, H * 0.5);
+					else
+	                    ctx.rect( margin, posY, widget_width - margin * 2, H );
+                    ctx.fill();
+	                if (show_text) {
+						if(!w.disabled)
+							ctx.stroke();
+    					ctx.save();
+						ctx.beginPath();
+						ctx.rect(margin, posY, widget_width - margin * 2, H);
+						ctx.clip();
+
+	                    //ctx.stroke();
+                        ctx.fillStyle = secondary_text_color;
+                        if (w.name != null) {
+                            ctx.fillText(w.name, margin * 2, y + H * 0.7);
+                        }
+                        ctx.fillStyle = text_color;
+                        ctx.textAlign = "right";
+                        ctx.fillText(String(w.value).substr(0,30), widget_width - margin * 2, y + H * 0.7); //30 chars max
+						ctx.restore();
+                    }
+                    break;
+                default:
+                    if (w.draw) {
+                        w.draw(ctx, node, widget_width, y, H);
+                    }
+                    break;
+            }
+            posY += (w.computeSize ? w.computeSize(widget_width)[1] : H) + 4;
+			ctx.globalAlpha = this.editor_alpha;
+
+        }
+        ctx.restore();
+		ctx.textAlign = "left";
+    };
+
+    /**
+     * process an event on widgets
+     * @method processNodeWidgets
+     **/
+    LGraphCanvas.prototype.processNodeWidgets = function(
+        node,
+        pos,
+        event,
+        active_widget
+    ) {
+        if (!node.widgets || !node.widgets.length) {
+            return null;
+        }
+
+        var x = pos[0] - node.pos[0];
+        var y = pos[1] - node.pos[1];
+        var width = node.size[0];
+        var that = this;
+        var ref_window = this.getCanvasWindow();
+
+        for (var i = 0; i < node.widgets.length; ++i) {
+            var w = node.widgets[i];
+			if(!w || w.disabled)
+				continue;
+			var widget_height = w.computeSize ? w.computeSize(width)[1] : LiteGraph.NODE_WIDGET_HEIGHT;
+			var widget_width = w.width || width;
+			//outside
+			if ( w != active_widget && 
+				(x < 6 || x > widget_width - 12 || y < w.last_y || y > w.last_y + widget_height) ) 
+				continue;
+
+			var old_value = w.value;
+
+            //if ( w == active_widget || (x > 6 && x < widget_width - 12 && y > w.last_y && y < w.last_y + widget_height) ) {
+			//inside widget
+			switch (w.type) {
+				case "button":
+					if (event.type === "mousemove") {
+						break;
+					}
+					if (w.callback) {
+						setTimeout(function() {
+							w.callback(w, that, node, pos, event);
+						}, 20);
+					}
+					w.clicked = true;
+					this.dirty_canvas = true;
+					break;
+				case "slider":
+					var range = w.options.max - w.options.min;
+					var nvalue = Math.clamp((x - 15) / (widget_width - 30), 0, 1);
+					w.value = w.options.min + (w.options.max - w.options.min) * nvalue;
+					if (w.callback) {
+						setTimeout(function() {
+							inner_value_change(w, w.value);
+						}, 20);
+					}
+					this.dirty_canvas = true;
+					break;
+				case "number":
+				case "combo":
+					var old_value = w.value;
+					if (event.type == "mousemove" && w.type == "number") {
+						w.value += event.deltaX * 0.1 * (w.options.step || 1);
+						if ( w.options.min != null && w.value < w.options.min ) {
+							w.value = w.options.min;
+						}
+						if ( w.options.max != null && w.value > w.options.max ) {
+							w.value = w.options.max;
+						}
+					} else if (event.type == "mousedown") {
+						var values = w.options.values;
+						if (values && values.constructor === Function) {
+							values = w.options.values(w, node);
+						}
+						var values_list = null;
+						
+						if( w.type != "number")
+							values_list = values.constructor === Array ? values : Object.keys(values);
+
+						var delta = x < 40 ? -1 : x > widget_width - 40 ? 1 : 0;
+						if (w.type == "number") {
+							w.value += delta * 0.1 * (w.options.step || 1);
+							if ( w.options.min != null && w.value < w.options.min ) {
+								w.value = w.options.min;
+							}
+							if ( w.options.max != null && w.value > w.options.max ) {
+								w.value = w.options.max;
+							}
+						} else if (delta) { //clicked in arrow, used for combos 
+							var index = -1;
+							this.last_mouseclick = 0; //avoids dobl click event
+							if(values.constructor === Object)
+								index = values_list.indexOf( String( w.value ) ) + delta;
+							else
+								index = values_list.indexOf( w.value ) + delta;
+							if (index >= values_list.length) {
+								index = values_list.length - 1;
+							}
+							if (index < 0) {
+								index = 0;
+							}
+							if( values.constructor === Array )
+								w.value = values[index];
+							else
+								w.value = index;
+						} else { //combo clicked 
+							var text_values = values != values_list ? Object.values(values) : values;
+							var menu = new LiteGraph.ContextMenu(text_values, {
+									scale: Math.max(1, this.ds.scale),
+									event: event,
+									className: "dark",
+									callback: inner_clicked.bind(w)
+								},
+								ref_window);
+							function inner_clicked(v, option, event) {
+								if(values != values_list)
+									v = text_values.indexOf(v);
+								this.value = v;
+								inner_value_change(this, v);
+								that.dirty_canvas = true;
+								return false;
+							}
+						}
+					} //end mousedown
+					else if(event.type == "mouseup" && w.type == "number")
+					{
+						var delta = x < 40 ? -1 : x > widget_width - 40 ? 1 : 0;
+						if (event.click_time < 200 && delta == 0) {
+							this.prompt("Value",w.value,function(v) {
+									this.value = Number(v);
+									inner_value_change(this, this.value);
+								}.bind(w),
+								event);
+						}
+					}
+
+					if( old_value != w.value )
+						setTimeout(
+							function() {
+								inner_value_change(this, this.value);
+							}.bind(w),
+							20
+						);
+					this.dirty_canvas = true;
+					break;
+				case "toggle":
+					if (event.type == "mousedown") {
+						w.value = !w.value;
+						setTimeout(function() {
+							inner_value_change(w, w.value);
+						}, 20);
+					}
+					break;
+				case "string":
+				case "text":
+					if (event.type == "mousedown") {
+						this.prompt("Value",w.value,function(v) {
+								this.value = v;
+								inner_value_change(this, v);
+							}.bind(w),
+							event,w.options ? w.options.multiline : false );
+					}
+					break;
+				default:
+					if (w.mouse) {
+						this.dirty_canvas = w.mouse(event, [x, y], node);
+					}
+					break;
+			} //end switch
+
+			//value changed
+			if( old_value != w.value )
+			{
+				if(node.onWidgetChanged)
+					node.onWidgetChanged( w.name,w.value,old_value,w );
+                node.graph._version++;
+			}
+
+			return w;
+        }//end for
+
+        function inner_value_change(widget, value) {
+            widget.value = value;
+            if ( widget.options && widget.options.property && node.properties[widget.options.property] !== undefined ) {
+                node.setProperty( widget.options.property, value );
+            }
+            if (widget.callback) {
+                widget.callback(widget.value, that, node, pos, event);
+            }
+        }
+
+        return null;
+    };
+
+    /**
+     * draws every group area in the background
+     * @method drawGroups
+     **/
+    LGraphCanvas.prototype.drawGroups = function(canvas, ctx) {
+        if (!this.graph) {
+            return;
+        }
+
+        var groups = this.graph._groups;
+
+        ctx.save();
+        ctx.globalAlpha = 0.5 * this.editor_alpha;
+
+        for (var i = 0; i < groups.length; ++i) {
+            var group = groups[i];
+
+            if (!overlapBounding(this.visible_area, group._bounding)) {
+                continue;
+            } //out of the visible area
+
+            ctx.fillStyle = group.color || "#335";
+            ctx.strokeStyle = group.color || "#335";
+            var pos = group._pos;
+            var size = group._size;
+            ctx.globalAlpha = 0.25 * this.editor_alpha;
+            ctx.beginPath();
+            ctx.rect(pos[0] + 0.5, pos[1] + 0.5, size[0], size[1]);
+            ctx.fill();
+            ctx.globalAlpha = this.editor_alpha;
+            ctx.stroke();
+
+            ctx.beginPath();
+            ctx.moveTo(pos[0] + size[0], pos[1] + size[1]);
+            ctx.lineTo(pos[0] + size[0] - 10, pos[1] + size[1]);
+            ctx.lineTo(pos[0] + size[0], pos[1] + size[1] - 10);
+            ctx.fill();
+
+            var font_size =
+                group.font_size || LiteGraph.DEFAULT_GROUP_FONT_SIZE;
+            ctx.font = font_size + "px Arial";
+            ctx.fillText(group.title, pos[0] + 4, pos[1] + font_size);
+        }
+
+        ctx.restore();
+    };
+
+    LGraphCanvas.prototype.adjustNodesSize = function() {
+        var nodes = this.graph._nodes;
+        for (var i = 0; i < nodes.length; ++i) {
+            nodes[i].size = nodes[i].computeSize();
+        }
+        this.setDirty(true, true);
+    };
+
+    /**
+     * resizes the canvas to a given size, if no size is passed, then it tries to fill the parentNode
+     * @method resize
+     **/
+    LGraphCanvas.prototype.resize = function(width, height) {
+        if (!width && !height) {
+            var parent = this.canvas.parentNode;
+            width = parent.offsetWidth;
+            height = parent.offsetHeight;
+        }
+
+        if (this.canvas.width == width && this.canvas.height == height) {
+            return;
+        }
+
+        this.canvas.width = width;
+        this.canvas.height = height;
+        this.bgcanvas.width = this.canvas.width;
+        this.bgcanvas.height = this.canvas.height;
+        this.setDirty(true, true);
+    };
+
+    /**
+     * switches to live mode (node shapes are not rendered, only the content)
+     * this feature was designed when graphs where meant to create user interfaces
+     * @method switchLiveMode
+     **/
+    LGraphCanvas.prototype.switchLiveMode = function(transition) {
+        if (!transition) {
+            this.live_mode = !this.live_mode;
+            this.dirty_canvas = true;
+            this.dirty_bgcanvas = true;
+            return;
+        }
+
+        var self = this;
+        var delta = this.live_mode ? 1.1 : 0.9;
+        if (this.live_mode) {
+            this.live_mode = false;
+            this.editor_alpha = 0.1;
+        }
+
+        var t = setInterval(function() {
+            self.editor_alpha *= delta;
+            self.dirty_canvas = true;
+            self.dirty_bgcanvas = true;
+
+            if (delta < 1 && self.editor_alpha < 0.01) {
+                clearInterval(t);
+                if (delta < 1) {
+                    self.live_mode = true;
+                }
+            }
+            if (delta > 1 && self.editor_alpha > 0.99) {
+                clearInterval(t);
+                self.editor_alpha = 1;
+            }
+        }, 1);
+    };
+
+    LGraphCanvas.prototype.onNodeSelectionChange = function(node) {
+        return; //disabled
+    };
+
+    LGraphCanvas.prototype.touchHandler = function(event) {
+        //alert("foo");
+        var touches = event.changedTouches,
+            first = touches[0],
+            type = "";
+
+        switch (event.type) {
+            case "touchstart":
+                type = "mousedown";
+                break;
+            case "touchmove":
+                type = "mousemove";
+                break;
+            case "touchend":
+                type = "mouseup";
+                break;
+            default:
+                return;
+        }
+
+        //initMouseEvent(type, canBubble, cancelable, view, clickCount,
+        //           screenX, screenY, clientX, clientY, ctrlKey,
+        //           altKey, shiftKey, metaKey, button, relatedTarget);
+
+        var window = this.getCanvasWindow();
+        var document = window.document;
+
+        var simulatedEvent = document.createEvent("MouseEvent");
+        simulatedEvent.initMouseEvent(
+            type,
+            true,
+            true,
+            window,
+            1,
+            first.screenX,
+            first.screenY,
+            first.clientX,
+            first.clientY,
+            false,
+            false,
+            false,
+            false,
+            0 /*left*/,
+            null
+        );
+        first.target.dispatchEvent(simulatedEvent);
+        event.preventDefault();
+    };
+
+    /* CONTEXT MENU ********************/
+
+    LGraphCanvas.onGroupAdd = function(info, entry, mouse_event) {
+        var canvas = LGraphCanvas.active_canvas;
+        var ref_window = canvas.getCanvasWindow();
+
+        var group = new LiteGraph.LGraphGroup();
+        group.pos = canvas.convertEventToCanvasOffset(mouse_event);
+        canvas.graph.add(group);
+    };
+
+    LGraphCanvas.onMenuAdd = function (node, options, e, prev_menu, callback) {
+
+        var canvas = LGraphCanvas.active_canvas;
+        var ref_window = canvas.getCanvasWindow();
+        var graph = canvas.graph;
+        if (!graph)
+            return;
+
+        function inner_onMenuAdded(base_category ,prev_menu){
+    
+            var categories  = LiteGraph.getNodeTypesCategories(canvas.filter || graph.filter).filter(function(category){return category.startsWith(base_category)});
+            var entries = [];
+    
+            categories.map(function(category){
+    
+                if (!category) 
+                    return;
+    
+                var base_category_regex = new RegExp('^(' + base_category + ')');
+                var category_name = category.replace(base_category_regex,"").split('/')[0];
+                var category_path = base_category  === '' ? category_name + '/' : base_category + category_name + '/';
+    
+                var name = category_name;
+                if(name.indexOf("::") != -1) //in case it has a namespace like "shader::math/rand" it hides the namespace
+                    name = name.split("::")[1];
+                        
+                var index = entries.findIndex(function(entry){return entry.value === category_path});
+                if (index === -1) {
+                    entries.push({ value: category_path, content: name, has_submenu: true, callback : function(value, event, mouseEvent, contextMenu){
+                        inner_onMenuAdded(value.value, contextMenu)
+                    }});
+                }
+                
+            });
+    
+            var nodes = LiteGraph.getNodeTypesInCategory(base_category.slice(0, -1), canvas.filter || graph.filter );
+            nodes.map(function(node){
+    
+                if (node.skip_list)
+                    return;
+    
+                var entry = { value: node.type, content: node.title, has_submenu: false , callback : function(value, event, mouseEvent, contextMenu){
+                    
+                        var first_event = contextMenu.getFirstEvent();
+                        canvas.graph.beforeChange();
+                        var node = LiteGraph.createNode(value.value);
+                        if (node) {
+                            node.pos = canvas.convertEventToCanvasOffset(first_event);
+                            canvas.graph.add(node);
+                        }
+                        if(callback)
+                            callback(node);
+                        canvas.graph.afterChange();
+                    
+                    }
+                }
+    
+                entries.push(entry);
+    
+            });
+    
+            new LiteGraph.ContextMenu( entries, { event: e, parentMenu: prev_menu }, ref_window );
+    
+        }
+    
+        inner_onMenuAdded('',prev_menu);
+        return false;
+    
+    };
+
+    LGraphCanvas.onMenuCollapseAll = function() {};
+
+    LGraphCanvas.onMenuNodeEdit = function() {};
+
+    LGraphCanvas.showMenuNodeOptionalInputs = function(
+        v,
+        options,
+        e,
+        prev_menu,
+        node
+    ) {
+        if (!node) {
+            return;
+        }
+
+        var that = this;
+        var canvas = LGraphCanvas.active_canvas;
+        var ref_window = canvas.getCanvasWindow();
+
+        var options = node.optional_inputs;
+        if (node.onGetInputs) {
+            options = node.onGetInputs();
+        }
+
+        var entries = [];
+        if (options) {
+            for (var i=0; i < options.length; i++) {
+                var entry = options[i];
+                if (!entry) {
+                    entries.push(null);
+                    continue;
+                }
+                var label = entry[0];
+                if (entry[2] && entry[2].label) {
+                    label = entry[2].label;
+                }
+                var data = { content: label, value: entry };
+                if (entry[1] == LiteGraph.ACTION) {
+                    data.className = "event";
+                }
+                entries.push(data);
+            }
+        }
+
+        if (this.onMenuNodeInputs) {
+            entries = this.onMenuNodeInputs(entries);
+        }
+
+        if (!entries.length) {
+			console.log("no input entries");
+            return;
+        }
+
+        var menu = new LiteGraph.ContextMenu(
+            entries,
+            {
+                event: e,
+                callback: inner_clicked,
+                parentMenu: prev_menu,
+                node: node
+            },
+            ref_window
+        );
+
+        function inner_clicked(v, e, prev) {
+            if (!node) {
+                return;
+            }
+
+            if (v.callback) {
+                v.callback.call(that, node, v, e, prev);
+            }
+
+            if (v.value) {
+				node.graph.beforeChange();
+                node.addInput(v.value[0], v.value[1], v.value[2]);
+                node.setDirtyCanvas(true, true);
+				node.graph.afterChange();
+            }
+        }
+
+        return false;
+    };
+
+    LGraphCanvas.showMenuNodeOptionalOutputs = function(
+        v,
+        options,
+        e,
+        prev_menu,
+        node
+    ) {
+        if (!node) {
+            return;
+        }
+
+        var that = this;
+        var canvas = LGraphCanvas.active_canvas;
+        var ref_window = canvas.getCanvasWindow();
+
+        var options = node.optional_outputs;
+        if (node.onGetOutputs) {
+            options = node.onGetOutputs();
+        }
+
+        var entries = [];
+        if (options) {
+            for (var i=0; i < options.length; i++) {
+                var entry = options[i];
+                if (!entry) {
+                    //separator?
+                    entries.push(null);
+                    continue;
+                }
+
+                if (
+                    node.flags &&
+                    node.flags.skip_repeated_outputs &&
+                    node.findOutputSlot(entry[0]) != -1
+                ) {
+                    continue;
+                } //skip the ones already on
+                var label = entry[0];
+                if (entry[2] && entry[2].label) {
+                    label = entry[2].label;
+                }
+                var data = { content: label, value: entry };
+                if (entry[1] == LiteGraph.EVENT) {
+                    data.className = "event";
+                }
+                entries.push(data);
+            }
+        }
+
+        if (this.onMenuNodeOutputs) {
+            entries = this.onMenuNodeOutputs(entries);
+        }
+
+        if (!entries.length) {
+            return;
+        }
+
+        var menu = new LiteGraph.ContextMenu(
+            entries,
+            {
+                event: e,
+                callback: inner_clicked,
+                parentMenu: prev_menu,
+                node: node
+            },
+            ref_window
+        );
+
+        function inner_clicked(v, e, prev) {
+            if (!node) {
+                return;
+            }
+
+            if (v.callback) {
+                v.callback.call(that, node, v, e, prev);
+            }
+
+            if (!v.value) {
+                return;
+            }
+
+            var value = v.value[1];
+
+            if (
+                value &&
+                (value.constructor === Object || value.constructor === Array)
+            ) {
+                //submenu why?
+                var entries = [];
+                for (var i in value) {
+                    entries.push({ content: i, value: value[i] });
+                }
+                new LiteGraph.ContextMenu(entries, {
+                    event: e,
+                    callback: inner_clicked,
+                    parentMenu: prev_menu,
+                    node: node
+                });
+                return false;
+            } else {
+				node.graph.beforeChange();
+                node.addOutput(v.value[0], v.value[1], v.value[2]);
+                node.setDirtyCanvas(true, true);
+				node.graph.afterChange();
+            }
+        }
+
+        return false;
+    };
+
+    LGraphCanvas.onShowMenuNodeProperties = function(
+        value,
+        options,
+        e,
+        prev_menu,
+        node
+    ) {
+        if (!node || !node.properties) {
+            return;
+        }
+
+        var that = this;
+        var canvas = LGraphCanvas.active_canvas;
+        var ref_window = canvas.getCanvasWindow();
+
+        var entries = [];
+        for (var i in node.properties) {
+            var value = node.properties[i] !== undefined ? node.properties[i] : " ";
+			if( typeof value == "object" )
+				value = JSON.stringify(value);
+			var info = node.getPropertyInfo(i);
+			if(info.type == "enum" || info.type == "combo")
+				value = LGraphCanvas.getPropertyPrintableValue( value, info.values );
+
+            //value could contain invalid html characters, clean that
+            value = LGraphCanvas.decodeHTML(value);
+            entries.push({
+                content:
+                    "<span class='property_name'>" +
+                    (info.label ? info.label : i) +
+                    "</span>" +
+                    "<span class='property_value'>" +
+                    value +
+                    "</span>",
+                value: i
+            });
+        }
+        if (!entries.length) {
+            return;
+        }
+
+        var menu = new LiteGraph.ContextMenu(
+            entries,
+            {
+                event: e,
+                callback: inner_clicked,
+                parentMenu: prev_menu,
+                allow_html: true,
+                node: node
+            },
+            ref_window
+        );
+
+        function inner_clicked(v, options, e, prev) {
+            if (!node) {
+                return;
+            }
+            var rect = this.getBoundingClientRect();
+            canvas.showEditPropertyValue(node, v.value, {
+                position: [rect.left, rect.top]
+            });
+        }
+
+        return false;
+    };
+
+    LGraphCanvas.decodeHTML = function(str) {
+        var e = document.createElement("div");
+        e.innerText = str;
+        return e.innerHTML;
+    };
+
+    LGraphCanvas.onResizeNode = function(value, options, e, menu, node) {
+        if (!node) {
+            return;
+        }
+        node.size = node.computeSize();
+        if (node.onResize)
+            node.onResize(node.size);
+        node.setDirtyCanvas(true, true);
+    };
+
+    LGraphCanvas.prototype.showLinkMenu = function(link, e) {
+        var that = this;
+		console.log(link);
+		var options = ["Add Node",null,"Delete"];
+        var menu = new LiteGraph.ContextMenu(options, {
+            event: e,
+			title: link.data != null ? link.data.constructor.name : null,
+            callback: inner_clicked
+        });
+
+        function inner_clicked(v,options,e) {
+            switch (v) {
+                case "Add Node":
+					LGraphCanvas.onMenuAdd(null, null, e, menu, function(node){
+						console.log("node autoconnect");
+						var node_left = that.graph.getNodeById( link.origin_id );
+						var node_right = that.graph.getNodeById( link.target_id );
+						if(!node.inputs || !node.inputs.length || !node.outputs || !node.outputs.length)
+							return;
+						if( node_left.outputs[ link.origin_slot ].type == node.inputs[0].type && node.outputs[0].type == node_right.inputs[0].type )
+						{
+							node_left.connect( link.origin_slot, node, 0 );
+							node.connect( 0, node_right, link.target_slot );
+							node.pos[0] -= node.size[0] * 0.5;
+						}
+					});
+					break;
+                case "Delete":
+                    that.graph.removeLink(link.id);
+                    break;
+                default:
+            }
+        }
+
+        return false;
+    };
+
+    LGraphCanvas.onShowPropertyEditor = function(item, options, e, menu, node) {
+        var input_html = "";
+        var property = item.property || "title";
+        var value = node[property];
+
+        var dialog = document.createElement("div");
+        dialog.className = "graphdialog";
+        dialog.innerHTML = "<span class='name'></span><input autofocus type='text' class='value'/><button>OK</button>";
+		//dialog.innerHTML = "<span class='name'></span><textarea autofocus class='value'></textarea><button>OK</button>";
+        var title = dialog.querySelector(".name");
+        title.innerText = property;
+        var input = dialog.querySelector(".value");
+        if (input) {
+            input.value = value;
+            input.addEventListener("blur", function(e) {
+                this.focus();
+            });
+            input.addEventListener("keydown", function(e) {
+                if (e.keyCode != 13 && e.target.localName != "textarea") {
+                    return;
+                }
+                inner();
+                e.preventDefault();
+                e.stopPropagation();
+            });
+        }
+
+        var graphcanvas = LGraphCanvas.active_canvas;
+        var canvas = graphcanvas.canvas;
+
+        var rect = canvas.getBoundingClientRect();
+        var offsetx = -20;
+        var offsety = -20;
+        if (rect) {
+            offsetx -= rect.left;
+            offsety -= rect.top;
+        }
+
+        if (event) {
+            dialog.style.left = event.clientX + offsetx + "px";
+            dialog.style.top = event.clientY + offsety + "px";
+        } else {
+            dialog.style.left = canvas.width * 0.5 + offsetx + "px";
+            dialog.style.top = canvas.height * 0.5 + offsety + "px";
+        }
+
+        var button = dialog.querySelector("button");
+        button.addEventListener("click", inner);
+        canvas.parentNode.appendChild(dialog);
+
+        function inner() {
+            setValue(input.value);
+        }
+
+        function setValue(value) {
+            if (item.type == "Number") {
+                value = Number(value);
+            } else if (item.type == "Boolean") {
+                value = Boolean(value);
+            }
+            node[property] = value;
+            if (dialog.parentNode) {
+                dialog.parentNode.removeChild(dialog);
+            }
+            node.setDirtyCanvas(true, true);
+        }
+    };
+
+    LGraphCanvas.prototype.prompt = function(title, value, callback, event, multiline) {
+        var that = this;
+        var input_html = "";
+        title = title || "";
+
+        var modified = false;
+
+        var dialog = document.createElement("div");
+        dialog.className = "graphdialog rounded";
+		if(multiline)
+	        dialog.innerHTML = "<span class='name'></span> <textarea autofocus class='value'></textarea><button class='rounded'>OK</button>";
+		else
+	        dialog.innerHTML = "<span class='name'></span> <input autofocus type='text' class='value'/><button class='rounded'>OK</button>";
+        dialog.close = function() {
+            that.prompt_box = null;
+            if (dialog.parentNode) {
+                dialog.parentNode.removeChild(dialog);
+            }
+        };
+
+        if (this.ds.scale > 1) {
+            dialog.style.transform = "scale(" + this.ds.scale + ")";
+        }
+
+        dialog.addEventListener("mouseleave", function(e) {
+            if (!modified) {
+                dialog.close();
+            }
+        });
+
+        if (that.prompt_box) {
+            that.prompt_box.close();
+        }
+        that.prompt_box = dialog;
+
+        var first = null;
+        var timeout = null;
+        var selected = null;
+
+        var name_element = dialog.querySelector(".name");
+        name_element.innerText = title;
+        var value_element = dialog.querySelector(".value");
+        value_element.value = value;
+
+        var input = value_element;
+        input.addEventListener("keydown", function(e) {
+            modified = true;
+            if (e.keyCode == 27) {
+                //ESC
+                dialog.close();
+            } else if (e.keyCode == 13 && e.target.localName != "textarea") {
+                if (callback) {
+                    callback(this.value);
+                }
+                dialog.close();
+            } else {
+                return;
+            }
+            e.preventDefault();
+            e.stopPropagation();
+        });
+
+        var button = dialog.querySelector("button");
+        button.addEventListener("click", function(e) {
+            if (callback) {
+                callback(input.value);
+            }
+            that.setDirty(true);
+            dialog.close();
+        });
+
+        var graphcanvas = LGraphCanvas.active_canvas;
+        var canvas = graphcanvas.canvas;
+
+        var rect = canvas.getBoundingClientRect();
+        var offsetx = -20;
+        var offsety = -20;
+        if (rect) {
+            offsetx -= rect.left;
+            offsety -= rect.top;
+        }
+
+        if (event) {
+            dialog.style.left = event.clientX + offsetx + "px";
+            dialog.style.top = event.clientY + offsety + "px";
+        } else {
+            dialog.style.left = canvas.width * 0.5 + offsetx + "px";
+            dialog.style.top = canvas.height * 0.5 + offsety + "px";
+        }
+
+        canvas.parentNode.appendChild(dialog);
+        setTimeout(function() {
+            input.focus();
+        }, 10);
+
+        return dialog;
+    };
+
+    LGraphCanvas.search_limit = -1;
+    LGraphCanvas.prototype.showSearchBox = function(event) {
+        var that = this;
+        var input_html = "";
+        var graphcanvas = LGraphCanvas.active_canvas;
+        var canvas = graphcanvas.canvas;
+        var root_document = canvas.ownerDocument || document;
+
+        var dialog = document.createElement("div");
+        dialog.className = "litegraph litesearchbox graphdialog rounded";
+        dialog.innerHTML =
+            "<span class='name'>Search</span> <input autofocus type='text' class='value rounded'/><div class='helper'></div>";
+        dialog.close = function() {
+            that.search_box = null;
+            root_document.body.focus();
+			root_document.body.style.overflow = "";
+
+            setTimeout(function() {
+                that.canvas.focus();
+            }, 20); //important, if canvas loses focus keys wont be captured
+            if (dialog.parentNode) {
+                dialog.parentNode.removeChild(dialog);
+            }
+        };
+
+        var timeout_close = null;
+
+        if (this.ds.scale > 1) {
+            dialog.style.transform = "scale(" + this.ds.scale + ")";
+        }
+
+        dialog.addEventListener("mouseenter", function(e) {
+            if (timeout_close) {
+                clearTimeout(timeout_close);
+                timeout_close = null;
+            }
+        });
+
+        dialog.addEventListener("mouseleave", function(e) {
+            //dialog.close();
+            timeout_close = setTimeout(function() {
+                dialog.close();
+            }, 500);
+        });
+
+        if (that.search_box) {
+            that.search_box.close();
+        }
+        that.search_box = dialog;
+
+        var helper = dialog.querySelector(".helper");
+
+        var first = null;
+        var timeout = null;
+        var selected = null;
+
+        var input = dialog.querySelector("input");
+        if (input) {
+            input.addEventListener("blur", function(e) {
+                this.focus();
+            });
+            input.addEventListener("keydown", function(e) {
+                if (e.keyCode == 38) {
+                    //UP
+                    changeSelection(false);
+                } else if (e.keyCode == 40) {
+                    //DOWN
+                    changeSelection(true);
+                } else if (e.keyCode == 27) {
+                    //ESC
+                    dialog.close();
+                } else if (e.keyCode == 13) {
+                    if (selected) {
+                        select(selected.innerHTML);
+                    } else if (first) {
+                        select(first);
+                    } else {
+                        dialog.close();
+                    }
+                } else {
+                    if (timeout) {
+                        clearInterval(timeout);
+                    }
+                    timeout = setTimeout(refreshHelper, 10);
+                    return;
+                }
+                e.preventDefault();
+                e.stopPropagation();
+				e.stopImmediatePropagation();
+				return true;
+            });
+        }
+
+		if( root_document.fullscreenElement )
+	        root_document.fullscreenElement.appendChild(dialog);
+		else
+		{
+		    root_document.body.appendChild(dialog);
+			root_document.body.style.overflow = "hidden";
+		}
+
+        //compute best position
+        var rect = canvas.getBoundingClientRect();
+
+        var left = ( event ? event.clientX : (rect.left + rect.width * 0.5) ) - 80;
+        var top = ( event ? event.clientY : (rect.top + rect.height * 0.5) ) - 20;
+        dialog.style.left = left + "px";
+        dialog.style.top = top + "px";
+
+		//To avoid out of screen problems
+		if(event.layerY > (rect.height - 200)) 
+            helper.style.maxHeight = (rect.height - event.layerY - 20) + "px";
+
+		/*
+        var offsetx = -20;
+        var offsety = -20;
+        if (rect) {
+            offsetx -= rect.left;
+            offsety -= rect.top;
+        }
+
+        if (event) {
+            dialog.style.left = event.clientX + offsetx + "px";
+            dialog.style.top = event.clientY + offsety + "px";
+        } else {
+            dialog.style.left = canvas.width * 0.5 + offsetx + "px";
+            dialog.style.top = canvas.height * 0.5 + offsety + "px";
+        }
+        canvas.parentNode.appendChild(dialog);
+		*/
+
+        input.focus();
+
+        function select(name) {
+            if (name) {
+                if (that.onSearchBoxSelection) {
+                    that.onSearchBoxSelection(name, event, graphcanvas);
+                } else {
+                    var extra = LiteGraph.searchbox_extras[name.toLowerCase()];
+                    if (extra) {
+                        name = extra.type;
+                    }
+
+					graphcanvas.graph.beforeChange();
+                    var node = LiteGraph.createNode(name);
+                    if (node) {
+                        node.pos = graphcanvas.convertEventToCanvasOffset(
+                            event
+                        );
+                        graphcanvas.graph.add(node);
+                    }
+
+                    if (extra && extra.data) {
+                        if (extra.data.properties) {
+                            for (var i in extra.data.properties) {
+                                node.addProperty( i, extra.data.properties[i] );
+                            }
+                        }
+                        if (extra.data.inputs) {
+                            node.inputs = [];
+                            for (var i in extra.data.inputs) {
+                                node.addOutput(
+                                    extra.data.inputs[i][0],
+                                    extra.data.inputs[i][1]
+                                );
+                            }
+                        }
+                        if (extra.data.outputs) {
+                            node.outputs = [];
+                            for (var i in extra.data.outputs) {
+                                node.addOutput(
+                                    extra.data.outputs[i][0],
+                                    extra.data.outputs[i][1]
+                                );
+                            }
+                        }
+                        if (extra.data.title) {
+                            node.title = extra.data.title;
+                        }
+                        if (extra.data.json) {
+                            node.configure(extra.data.json);
+                        }
+
+						graphcanvas.graph.afterChange();
+                    }
+                }
+            }
+
+            dialog.close();
+        }
+
+        function changeSelection(forward) {
+            var prev = selected;
+            if (selected) {
+                selected.classList.remove("selected");
+            }
+            if (!selected) {
+                selected = forward
+                    ? helper.childNodes[0]
+                    : helper.childNodes[helper.childNodes.length];
+            } else {
+                selected = forward
+                    ? selected.nextSibling
+                    : selected.previousSibling;
+                if (!selected) {
+                    selected = prev;
+                }
+            }
+            if (!selected) {
+                return;
+            }
+            selected.classList.add("selected");
+            selected.scrollIntoView({block: "end", behavior: "smooth"});
+        }
+
+        function refreshHelper() {
+            timeout = null;
+            var str = input.value;
+            first = null;
+            helper.innerHTML = "";
+            if (!str) {
+                return;
+            }
+
+            if (that.onSearchBox) {
+                var list = that.onSearchBox(helper, str, graphcanvas);
+                if (list) {
+                    for (var i = 0; i < list.length; ++i) {
+                        addResult(list[i]);
+                    }
+                }
+            } else {
+                var c = 0;
+                str = str.toLowerCase();
+				var filter = graphcanvas.filter || graphcanvas.graph.filter;
+
+                //extras
+                for (var i in LiteGraph.searchbox_extras) {
+                    var extra = LiteGraph.searchbox_extras[i];
+                    if (extra.desc.toLowerCase().indexOf(str) === -1) {
+                        continue;
+                    }
+					var ctor = LiteGraph.registered_node_types[ extra.type ];
+					if( ctor && ctor.filter != filter )
+						continue;
+                    addResult( extra.desc, "searchbox_extra" );
+                    if ( LGraphCanvas.search_limit !== -1 && c++ > LGraphCanvas.search_limit ) {
+                        break;
+                    }
+                }
+
+				var filtered = null;
+                if (Array.prototype.filter) { //filter supported
+                    var keys = Object.keys( LiteGraph.registered_node_types ); //types
+                    var filtered = keys.filter( inner_test_filter );
+                } else {
+					filtered = [];
+                    for (var i in LiteGraph.registered_node_types) {
+						if( inner_test_filter(i) )
+							filtered.push(i);
+                    }
+                }
+
+				for (var i = 0; i < filtered.length; i++) {
+					addResult(filtered[i]);
+					if ( LGraphCanvas.search_limit !== -1 && c++ > LGraphCanvas.search_limit ) {
+						break;
+					}
+				}
+
+				function inner_test_filter( type )
+				{
+					var ctor = LiteGraph.registered_node_types[ type ];
+					if(filter && ctor.filter != filter )
+						return false;
+					return type.toLowerCase().indexOf(str) !== -1;
+				}
+            }
+
+            function addResult(type, className) {
+                var help = document.createElement("div");
+                if (!first) {
+                    first = type;
+                }
+                help.innerText = type;
+                help.dataset["type"] = escape(type);
+                help.className = "litegraph lite-search-item";
+                if (className) {
+                    help.className += " " + className;
+                }
+                help.addEventListener("click", function(e) {
+                    select(unescape(this.dataset["type"]));
+                });
+                helper.appendChild(help);
+            }
+        }
+
+        return dialog;
+    };
+
+    LGraphCanvas.prototype.showEditPropertyValue = function( node, property, options ) {
+        if (!node || node.properties[property] === undefined) {
+            return;
+        }
+
+        options = options || {};
+        var that = this;
+
+        var info = node.getPropertyInfo(property);
+		var type = info.type;
+
+        var input_html = "";
+
+        if (type == "string" || type == "number" || type == "array" || type == "object") {
+            input_html = "<input autofocus type='text' class='value'/>";
+        } else if ( (type == "enum" || type == "combo") && info.values) {
+            input_html = "<select autofocus type='text' class='value'>";
+            for (var i in info.values) {
+                var v = i;
+				if( info.values.constructor === Array )
+					v = info.values[i];
+
+                input_html +=
+                    "<option value='" +
+                    v +
+                    "' " +
+                    (v == node.properties[property] ? "selected" : "") +
+                    ">" +
+                    info.values[i] +
+                    "</option>";
+            }
+            input_html += "</select>";
+        } else if (type == "boolean") {
+            input_html =
+                "<input autofocus type='checkbox' class='value' " +
+                (node.properties[property] ? "checked" : "") +
+                "/>";
+        } else {
+            console.warn("unknown type: " + type);
+            return;
+        }
+
+        var dialog = this.createDialog(
+            "<span class='name'>" +
+                (info.label ? info.label : property) +
+                "</span>" +
+                input_html +
+                "<button>OK</button>",
+            options
+        );
+
+        if ((type == "enum" || type == "combo") && info.values) {
+            var input = dialog.querySelector("select");
+            input.addEventListener("change", function(e) {
+                setValue(e.target.value);
+                //var index = e.target.value;
+                //setValue( e.options[e.selectedIndex].value );
+            });
+        } else if (type == "boolean") {
+            var input = dialog.querySelector("input");
+            if (input) {
+                input.addEventListener("click", function(e) {
+                    setValue(!!input.checked);
+                });
+            }
+        } else {
+            var input = dialog.querySelector("input");
+            if (input) {
+                input.addEventListener("blur", function(e) {
+                    this.focus();
+                });
+
+				var v = node.properties[property] !== undefined ? node.properties[property] : "";
+				if (type !== 'string') {
+                    v = JSON.stringify(v);
+                }
+
+                input.value = v;
+                input.addEventListener("keydown", function(e) {
+                    if (e.keyCode != 13) {
+                        return;
+                    }
+                    inner();
+                    e.preventDefault();
+                    e.stopPropagation();
+                });
+            }
+        }
+
+        var button = dialog.querySelector("button");
+        button.addEventListener("click", inner);
+
+        function inner() {
+            setValue(input.value);
+        }
+
+        function setValue(value) {
+
+			if(info && info.values && info.values.constructor === Object && info.values[value] != undefined )
+				value = info.values[value];
+
+            if (typeof node.properties[property] == "number") {
+                value = Number(value);
+            }
+            if (type == "array" || type == "object") {
+                value = JSON.parse(value);
+            }
+            node.properties[property] = value;
+            if (node.graph) {
+                node.graph._version++;
+            }
+            if (node.onPropertyChanged) {
+                node.onPropertyChanged(property, value);
+            }
+			if(options.onclose)
+				options.onclose();
+            dialog.close();
+            node.setDirtyCanvas(true, true);
+        }
+
+		return dialog;
+    };
+
+    LGraphCanvas.prototype.createDialog = function(html, options) {
+        options = options || {};
+
+        var dialog = document.createElement("div");
+        dialog.className = "graphdialog";
+        dialog.innerHTML = html;
+
+        var rect = this.canvas.getBoundingClientRect();
+        var offsetx = -20;
+        var offsety = -20;
+        if (rect) {
+            offsetx -= rect.left;
+            offsety -= rect.top;
+        }
+
+        if (options.position) {
+            offsetx += options.position[0];
+            offsety += options.position[1];
+        } else if (options.event) {
+            offsetx += options.event.clientX;
+            offsety += options.event.clientY;
+        } //centered
+        else {
+            offsetx += this.canvas.width * 0.5;
+            offsety += this.canvas.height * 0.5;
+        }
+
+        dialog.style.left = offsetx + "px";
+        dialog.style.top = offsety + "px";
+
+        this.canvas.parentNode.appendChild(dialog);
+
+        dialog.close = function() {
+            if (this.parentNode) {
+                this.parentNode.removeChild(this);
+            }
+        };
+
+        return dialog;
+    };
+
+	LGraphCanvas.prototype.createPanel = function(title, options) {
+		options = options || {};
+
+		var ref_window = options.window || window;
+		var root = document.createElement("div");
+		root.className = "litegraph dialog";
+		root.innerHTML = "<div class='dialog-header'><span class='dialog-title'></span></div><div class='dialog-content'></div><div class='dialog-footer'></div>";
+		root.header = root.querySelector(".dialog-header");
+
+		if(options.width)
+			root.style.width = options.width + (options.width.constructor === Number ? "px" : "");
+		if(options.height)
+			root.style.height = options.height + (options.height.constructor === Number ? "px" : "");
+		if(options.closable)
+		{
+			var close = document.createElement("span");
+			close.innerHTML = "&#10005;";
+			close.classList.add("close");
+			close.addEventListener("click",function(){
+				root.close();
+			});
+			root.header.appendChild(close);
+		}
+		root.title_element = root.querySelector(".dialog-title");
+		root.title_element.innerText = title;
+		root.content = root.querySelector(".dialog-content");
+		root.footer = root.querySelector(".dialog-footer");
+
+		root.close = function()
+		{
+			if(this.parentNode)
+				this.parentNode.removeChild(this);
+		}
+
+		root.clear = function()
+		{
+			this.content.innerHTML = "";
+		}
+
+		root.addHTML = function(code, classname, on_footer)
+		{
+			var elem = document.createElement("div");
+			if(classname)
+				elem.className = classname;
+			elem.innerHTML = code;
+			if(on_footer)
+				root.footer.appendChild(elem);
+			else
+				root.content.appendChild(elem);
+			return elem;
+		}
+
+		root.addButton = function( name, callback, options )
+		{
+			var elem = document.createElement("button");
+			elem.innerText = name;
+			elem.options = options;
+			elem.classList.add("btn");
+			elem.addEventListener("click",callback);
+			root.footer.appendChild(elem);
+			return elem;
+		}
+
+		root.addSeparator = function()
+		{
+			var elem = document.createElement("div");
+			elem.className = "separator";
+			root.content.appendChild(elem);
+		}
+
+		root.addWidget = function( type, name, value, options, callback )
+		{
+			options = options || {};
+			var str_value = String(value);
+			type = type.toLowerCase();
+			if(type == "number")
+				str_value = value.toFixed(3);
+
+			var elem = document.createElement("div");
+			elem.className = "property";
+			elem.innerHTML = "<span class='property_name'></span><span class='property_value'></span>";
+			elem.querySelector(".property_name").innerText = name;
+			var value_element = elem.querySelector(".property_value");
+			value_element.innerText = str_value;
+			elem.dataset["property"] = name;
+			elem.dataset["type"] = options.type || type;
+			elem.options = options;
+			elem.value = value;
+
+			//if( type == "code" )
+			//	elem.addEventListener("click", function(){ inner_showCodePad( node, this.dataset["property"] ); });
+			if (type == "boolean")
+			{
+				elem.classList.add("boolean");
+				if(value)
+					elem.classList.add("bool-on");
+				elem.addEventListener("click", function(){ 
+					//var v = node.properties[this.dataset["property"]]; 
+					//node.setProperty(this.dataset["property"],!v); this.innerText = v ? "true" : "false"; 
+					var propname = this.dataset["property"];
+					this.value = !this.value;
+					this.classList.toggle("bool-on");
+					this.querySelector(".property_value").innerText = this.value ? "true" : "false";
+					innerChange(propname, this.value );
+				});
+			}
+			else if (type == "string" || type == "number")
+			{
+				value_element.setAttribute("contenteditable",true);
+				value_element.addEventListener("keydown", function(e){ 
+					if(e.code == "Enter")
+					{
+						e.preventDefault();
+						this.blur();
+					}
+				});
+				value_element.addEventListener("blur", function(){ 
+					var v = this.innerText;
+					var propname = this.parentNode.dataset["property"];
+					var proptype = this.parentNode.dataset["type"];
+					if( proptype == "number")
+						v = Number(v);
+					innerChange(propname, v);
+				});
+			}
+			else if (type == "enum" || type == "combo")
+				var str_value = LGraphCanvas.getPropertyPrintableValue( value, options.values );
+				value_element.innerText = str_value;
+
+				value_element.addEventListener("click", function(event){ 
+					var values = options.values || [];
+					var propname = this.parentNode.dataset["property"];
+					var elem_that = this;
+					var menu = new LiteGraph.ContextMenu(values,{
+							event: event,
+							className: "dark",
+							callback: inner_clicked
+						},
+						ref_window);
+					function inner_clicked(v, option, event) {
+						//node.setProperty(propname,v); 
+						//graphcanvas.dirty_canvas = true;
+						elem_that.innerText = v;
+						innerChange(propname,v);
+						return false;
+					}
+				});
+
+			root.content.appendChild(elem);
+
+			function innerChange(name, value)
+			{
+				console.log("change",name,value);
+				//that.dirty_canvas = true;
+				if(options.callback)
+					options.callback(name,value);
+				if(callback)
+					callback(name,value);
+			}
+
+			return elem;
+		}
+
+		return root;
+	};
+
+	LGraphCanvas.getPropertyPrintableValue = function(value, values)
+	{
+		if(!values)
+			return String(value);
+
+		if(values.constructor === Array)
+		{
+			return String(value);			
+		}
+
+		if(values.constructor === Object)
+		{
+			var desc_value = "";
+			for(var k in values)
+			{
+				if(values[k] != value)
+					continue;
+				desc_value = k;
+				break;
+			}
+			return String(value) + " ("+desc_value+")";
+		}
+	}
+
+	LGraphCanvas.prototype.showShowNodePanel = function( node )
+	{
+		window.SELECTED_NODE = node;
+		var panel = document.querySelector("#node-panel");
+		if(panel)
+			panel.close();
+		var ref_window = this.getCanvasWindow();
+		panel = this.createPanel(node.title || "",{closable: true, window: ref_window });
+		panel.id = "node-panel";
+		panel.node = node;
+		panel.classList.add("settings");
+		var that = this;
+		var graphcanvas = this;
+
+		function inner_refresh()
+		{
+			panel.content.innerHTML = ""; //clear
+			panel.addHTML("<span class='node_type'>"+node.type+"</span><span class='node_desc'>"+(node.constructor.desc || "")+"</span><span class='separator'></span>");
+
+			panel.addHTML("<h3>Properties</h3>");
+
+			for(var i in node.properties)
+			{
+				var value = node.properties[i];
+				var info = node.getPropertyInfo(i);
+				var type = info.type || "string";
+
+				//in case the user wants control over the side panel widget
+				if( node.onAddPropertyToPanel && node.onAddPropertyToPanel(i,panel) )
+					continue;
+
+				panel.addWidget( info.widget || info.type, i, value, info, function(name,value){
+					graphcanvas.graph.beforeChange(node);
+					node.setProperty(name,value);
+					graphcanvas.graph.afterChange();
+					graphcanvas.dirty_canvas = true;
+				});
+			}
+
+			panel.addSeparator();
+
+			if(node.onShowCustomPanelInfo)
+				node.onShowCustomPanelInfo(panel);
+
+			/*
+			panel.addHTML("<h3>Connections</h3>");
+			var connection_containers = panel.addHTML("<div class='inputs connections_side'></div><div class='outputs connections_side'></div>","connections");
+			var inputs = connection_containers.querySelector(".inputs");
+			var outputs = connection_containers.querySelector(".outputs");
+			*/
+
+			panel.addButton("Delete",function(){
+				if(node.block_delete)
+					return;
+				node.graph.remove(node);
+				panel.close();
+			}).classList.add("delete");
+		}
+
+		function inner_showCodePad( node, propname )
+		{
+			panel.style.top = "calc( 50% - 250px)";
+			panel.style.left = "calc( 50% - 400px)";
+			panel.style.width = "800px";
+			panel.style.height = "500px";
+
+			if(window.CodeFlask) //disabled for now
+			{
+				panel.content.innerHTML = "<div class='code'></div>";
+				var flask = new CodeFlask( "div.code", { language: 'js' });
+				flask.updateCode(node.properties[propname]);
+				flask.onUpdate( function(code) {
+					node.setProperty(propname, code);
+				});
+			}
+			else
+			{
+				panel.content.innerHTML = "<textarea class='code'></textarea>";
+				var textarea = panel.content.querySelector("textarea");
+				textarea.value = node.properties[propname];
+				textarea.addEventListener("keydown", function(e){
+					//console.log(e);
+					if(e.code == "Enter" && e.ctrlKey )
+					{
+						console.log("Assigned");
+						node.setProperty(propname, textarea.value);
+					}
+				});
+				textarea.style.height = "calc(100% - 40px)";
+			}
+			var assign = that.createButton( "Assign", null, function(){
+				node.setProperty(propname, textarea.value);
+			});
+			panel.content.appendChild(assign);
+			var button = that.createButton( "Close", null, function(){
+				panel.style.height = "";
+				inner_refresh();
+			});
+			button.style.float = "right";
+			panel.content.appendChild(button);
+		}
+
+		inner_refresh();
+
+		this.canvas.parentNode.appendChild( panel );
+	}
+	
+	LGraphCanvas.prototype.showSubgraphPropertiesDialog = function(node)
+	{
+		console.log("showing subgraph properties dialog");
+
+		var old_panel = this.canvas.parentNode.querySelector(".subgraph_dialog");
+		if(old_panel)
+			old_panel.close();
+
+		var panel = this.createPanel("Subgraph Inputs",{closable:true, width: 500});
+		panel.node = node;
+		panel.classList.add("subgraph_dialog");
+
+		function inner_refresh()
+		{
+			panel.clear();
+
+			//show currents
+			if(node.inputs)
+				for(var i = 0; i < node.inputs.length; ++i)
+				{
+					var input = node.inputs[i];
+					if(input.not_subgraph_input)
+						continue;
+					var html = "<button>&#10005;</button> <span class='bullet_icon'></span><span class='name'></span><span class='type'></span>";
+					var elem = panel.addHTML(html,"subgraph_property");
+					elem.dataset["name"] = input.name;
+					elem.dataset["slot"] = i;
+					elem.querySelector(".name").innerText = input.name;
+					elem.querySelector(".type").innerText = input.type;
+					elem.querySelector("button").addEventListener("click",function(e){
+						node.removeInput( Number( this.parentNode.dataset["slot"] ) );
+						inner_refresh();
+					});
+				}
+		}
+
+		//add extra
+		var html = " + <span class='label'>Name</span><input class='name'/><span class='label'>Type</span><input class='type'></input><button>+</button>";
+		var elem = panel.addHTML(html,"subgraph_property extra", true);
+		elem.querySelector("button").addEventListener("click", function(e){
+			var elem = this.parentNode;
+			var name = elem.querySelector(".name").value;
+			var type = elem.querySelector(".type").value;
+			if(!name || node.findInputSlot(name) != -1)
+				return;
+			node.addInput(name,type);
+			elem.querySelector(".name").value = "";
+			elem.querySelector(".type").value = "";
+			inner_refresh();
+		});
+
+		inner_refresh();
+	    this.canvas.parentNode.appendChild(panel);
+		return panel;
+	}
+
+	LGraphCanvas.prototype.checkPanels = function()
+	{
+		if(!this.canvas)
+			return;
+		var panels = this.canvas.parentNode.querySelectorAll(".litegraph.dialog");
+		for(var i = 0; i < panels.length; ++i)
+		{
+			var panel = panels[i];
+			if( !panel.node )
+				continue;
+			if( !panel.node.graph || panel.graph != this.graph )
+				panel.close();
+		}
+	}
+
+    LGraphCanvas.onMenuNodeCollapse = function(value, options, e, menu, node) {
+		node.graph.beforeChange(node);
+        node.collapse();
+		node.graph.afterChange(node);
+    };
+
+    LGraphCanvas.onMenuNodePin = function(value, options, e, menu, node) {
+        node.pin();
+    };
+
+    LGraphCanvas.onMenuNodeMode = function(value, options, e, menu, node) {
+        new LiteGraph.ContextMenu(
+            ["Always", "On Event", "On Trigger", "Never"],
+            { event: e, callback: inner_clicked, parentMenu: menu, node: node }
+        );
+
+        function inner_clicked(v) {
+            if (!node) {
+                return;
+            }
+            switch (v) {
+                case "On Event":
+                    node.mode = LiteGraph.ON_EVENT;
+                    break;
+                case "On Trigger":
+                    node.mode = LiteGraph.ON_TRIGGER;
+                    break;
+                case "Never":
+                    node.mode = LiteGraph.NEVER;
+                    break;
+                case "Always":
+                default:
+                    node.mode = LiteGraph.ALWAYS;
+                    break;
+            }
+        }
+
+        return false;
+    };
+
+    LGraphCanvas.onMenuNodeColors = function(value, options, e, menu, node) {
+        if (!node) {
+            throw "no node for color";
+        }
+
+        var values = [];
+        values.push({
+            value: null,
+            content:
+                "<span style='display: block; padding-left: 4px;'>No color</span>"
+        });
+
+        for (var i in LGraphCanvas.node_colors) {
+            var color = LGraphCanvas.node_colors[i];
+            var value = {
+                value: i,
+                content:
+                    "<span style='display: block; color: #999; padding-left: 4px; border-left: 8px solid " +
+                    color.color +
+                    "; background-color:" +
+                    color.bgcolor +
+                    "'>" +
+                    i +
+                    "</span>"
+            };
+            values.push(value);
+        }
+        new LiteGraph.ContextMenu(values, {
+            event: e,
+            callback: inner_clicked,
+            parentMenu: menu,
+            node: node
+        });
+
+        function inner_clicked(v) {
+            if (!node) {
+                return;
+            }
+
+            var color = v.value ? LGraphCanvas.node_colors[v.value] : null;
+            if (color) {
+                if (node.constructor === LiteGraph.LGraphGroup) {
+                    node.color = color.groupcolor;
+                } else {
+                    node.color = color.color;
+                    node.bgcolor = color.bgcolor;
+                }
+            } else {
+                delete node.color;
+                delete node.bgcolor;
+            }
+            node.setDirtyCanvas(true, true);
+        }
+
+        return false;
+    };
+
+    LGraphCanvas.onMenuNodeShapes = function(value, options, e, menu, node) {
+        if (!node) {
+            throw "no node passed";
+        }
+
+        new LiteGraph.ContextMenu(LiteGraph.VALID_SHAPES, {
+            event: e,
+            callback: inner_clicked,
+            parentMenu: menu,
+            node: node
+        });
+
+        function inner_clicked(v) {
+            if (!node) {
+                return;
+            }
+			node.graph.beforeChange(node);
+            node.shape = v;
+			node.graph.afterChange(node);
+            node.setDirtyCanvas(true);
+        }
+
+        return false;
+    };
+
+    LGraphCanvas.onMenuNodeRemove = function(value, options, e, menu, node) {
+        if (!node) {
+            throw "no node passed";
+        }
+
+        if (node.removable === false) {
+            return;
+        }
+
+		var graph = node.graph;
+		graph.beforeChange();
+        graph.remove(node);
+		graph.afterChange();
+        node.setDirtyCanvas(true, true);
+    };
+
+    LGraphCanvas.onMenuNodeToSubgraph = function(value, options, e, menu, node) {
+		var graph = node.graph;
+		var graphcanvas = LGraphCanvas.active_canvas;
+		if(!graphcanvas) //??
+			return;
+
+		var nodes_list = Object.values( graphcanvas.selected_nodes || {} );
+		if( !nodes_list.length )
+			nodes_list = [ node ];
+
+		var subgraph_node = LiteGraph.createNode("graph/subgraph");
+		subgraph_node.pos = node.pos.concat();
+		graph.add(subgraph_node);
+
+		subgraph_node.buildFromNodes( nodes_list );
+
+		graphcanvas.deselectAllNodes();
+        node.setDirtyCanvas(true, true);
+    };
+
+    LGraphCanvas.onMenuNodeClone = function(value, options, e, menu, node) {
+        if (node.clonable == false) {
+            return;
+        }
+        var newnode = node.clone();
+        if (!newnode) {
+            return;
+        }
+        newnode.pos = [node.pos[0] + 5, node.pos[1] + 5];
+
+		node.graph.beforeChange();
+        node.graph.add(newnode);
+		node.graph.afterChange();
+
+        node.setDirtyCanvas(true, true);
+    };
+
+    LGraphCanvas.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" }
+    };
+
+    LGraphCanvas.prototype.getCanvasMenuOptions = function() {
+        var options = null;
+        if (this.getMenuOptions) {
+            options = this.getMenuOptions();
+        } else {
+            options = [
+                {
+                    content: "Add Node",
+                    has_submenu: true,
+                    callback: LGraphCanvas.onMenuAdd
+                },
+                { content: "Add Group", callback: LGraphCanvas.onGroupAdd }
+                //{content:"Collapse All", callback: LGraphCanvas.onMenuCollapseAll }
+            ];
+
+            if (this._graph_stack && this._graph_stack.length > 0) {
+                options.push(null, {
+                    content: "Close subgraph",
+                    callback: this.closeSubgraph.bind(this)
+                });
+            }
+        }
+
+        if (this.getExtraMenuOptions) {
+            var extra = this.getExtraMenuOptions(this, options);
+            if (extra) {
+                options = options.concat(extra);
+            }
+        }
+
+        return options;
+    };
+
+    //called by processContextMenu to extract the menu list
+    LGraphCanvas.prototype.getNodeMenuOptions = function(node) {
+        var options = null;
+
+        if (node.getMenuOptions) {
+            options = node.getMenuOptions(this);
+        } else {
+            options = [
+                {
+                    content: "Inputs",
+                    has_submenu: true,
+                    disabled: true,
+                    callback: LGraphCanvas.showMenuNodeOptionalInputs
+                },
+                {
+                    content: "Outputs",
+                    has_submenu: true,
+                    disabled: true,
+                    callback: LGraphCanvas.showMenuNodeOptionalOutputs
+                },
+                null,
+                {
+                    content: "Properties",
+                    has_submenu: true,
+                    callback: LGraphCanvas.onShowMenuNodeProperties
+                },
+                null,
+                {
+                    content: "Title",
+                    callback: LGraphCanvas.onShowPropertyEditor
+                },
+                {
+                    content: "Mode",
+                    has_submenu: true,
+                    callback: LGraphCanvas.onMenuNodeMode
+                },
+                {
+                    content: "Resize", callback: function() {
+                        if(node.resizable) 
+                            return LGraphCanvas.onResizeNode;
+                    }
+                },
+                {
+                    content: "Collapse",
+                    callback: LGraphCanvas.onMenuNodeCollapse
+                },
+                { content: "Pin", callback: LGraphCanvas.onMenuNodePin },
+                {
+                    content: "Colors",
+                    has_submenu: true,
+                    callback: LGraphCanvas.onMenuNodeColors
+                },
+                {
+                    content: "Shapes",
+                    has_submenu: true,
+                    callback: LGraphCanvas.onMenuNodeShapes
+                },
+                null
+            ];
+        }
+
+        if (node.onGetInputs) {
+            var inputs = node.onGetInputs();
+            if (inputs && inputs.length) {
+                options[0].disabled = false;
+            }
+        }
+
+        if (node.onGetOutputs) {
+            var outputs = node.onGetOutputs();
+            if (outputs && outputs.length) {
+                options[1].disabled = false;
+            }
+        }
+
+        if (node.getExtraMenuOptions) {
+            var extra = node.getExtraMenuOptions(this, options);
+            if (extra) {
+                extra.push(null);
+                options = extra.concat(options);
+            }
+        }
+
+        if (node.clonable !== false) {
+            options.push({
+                content: "Clone",
+                callback: LGraphCanvas.onMenuNodeClone
+            });
+        }
+
+		if(0) //TODO
+		options.push({
+			content: "To Subgraph",
+			callback: LGraphCanvas.onMenuNodeToSubgraph
+		});
+
+		options.push(null, {
+			content: "Remove",
+			disabled: !(node.removable !== false && !node.block_delete ),
+			callback: LGraphCanvas.onMenuNodeRemove
+		});
+
+        if (node.graph && node.graph.onGetNodeMenuOptions) {
+            node.graph.onGetNodeMenuOptions(options, node);
+        }
+
+        return options;
+    };
+
+    LGraphCanvas.prototype.getGroupMenuOptions = function(node) {
+        var o = [
+            { content: "Title", callback: LGraphCanvas.onShowPropertyEditor },
+            {
+                content: "Color",
+                has_submenu: true,
+                callback: LGraphCanvas.onMenuNodeColors
+            },
+            {
+                content: "Font size",
+                property: "font_size",
+                type: "Number",
+                callback: LGraphCanvas.onShowPropertyEditor
+            },
+            null,
+            { content: "Remove", callback: LGraphCanvas.onMenuNodeRemove }
+        ];
+
+        return o;
+    };
+
+    LGraphCanvas.prototype.processContextMenu = function(node, event) {
+        var that = this;
+        var canvas = LGraphCanvas.active_canvas;
+        var ref_window = canvas.getCanvasWindow();
+
+        var menu_info = null;
+        var options = {
+            event: event,
+            callback: inner_option_clicked,
+            extra: node
+        };
+
+		if(node)
+			options.title = node.type;
+
+        //check if mouse is in input
+        var slot = null;
+        if (node) {
+            slot = node.getSlotInPosition(event.canvasX, event.canvasY);
+            LGraphCanvas.active_node = node;
+        }
+
+        if (slot) {
+            //on slot
+            menu_info = [];
+            if (node.getSlotMenuOptions) {
+                menu_info = node.getSlotMenuOptions(slot);
+            } else {
+                if (
+                    slot &&
+                    slot.output &&
+                    slot.output.links &&
+                    slot.output.links.length
+                ) {
+                    menu_info.push({ content: "Disconnect Links", slot: slot });
+                }
+                var _slot = slot.input || slot.output;
+                menu_info.push(
+                    _slot.locked
+                        ? "Cannot remove"
+                        : { content: "Remove Slot", slot: slot }
+                );
+                menu_info.push(
+                    _slot.nameLocked
+                        ? "Cannot rename"
+                        : { content: "Rename Slot", slot: slot }
+                );
+    
+            }
+            options.title =
+                (slot.input ? slot.input.type : slot.output.type) || "*";
+            if (slot.input && slot.input.type == LiteGraph.ACTION) {
+                options.title = "Action";
+            }
+            if (slot.output && slot.output.type == LiteGraph.EVENT) {
+                options.title = "Event";
+            }
+        } else {
+            if (node) {
+                //on node
+                menu_info = this.getNodeMenuOptions(node);
+            } else {
+                menu_info = this.getCanvasMenuOptions();
+                var group = this.graph.getGroupOnPos(
+                    event.canvasX,
+                    event.canvasY
+                );
+                if (group) {
+                    //on group
+                    menu_info.push(null, {
+                        content: "Edit Group",
+                        has_submenu: true,
+                        submenu: {
+                            title: "Group",
+                            extra: group,
+                            options: this.getGroupMenuOptions(group)
+                        }
+                    });
+                }
+            }
+        }
+
+        //show menu
+        if (!menu_info) {
+            return;
+        }
+
+        var menu = new LiteGraph.ContextMenu(menu_info, options, ref_window);
+
+        function inner_option_clicked(v, options, e) {
+            if (!v) {
+                return;
+            }
+
+            if (v.content == "Remove Slot") {
+                var info = v.slot;
+                if (info.input) {
+                    node.removeInput(info.slot);
+                } else if (info.output) {
+                    node.removeOutput(info.slot);
+                }
+                return;
+            } else if (v.content == "Disconnect Links") {
+                var info = v.slot;
+                if (info.output) {
+                    node.disconnectOutput(info.slot);
+                } else if (info.input) {
+                    node.disconnectInput(info.slot);
+                }
+                return;
+            } else if (v.content == "Rename Slot") {
+                var info = v.slot;
+                var slot_info = info.input
+                    ? node.getInputInfo(info.slot)
+                    : node.getOutputInfo(info.slot);
+                var dialog = that.createDialog(
+                    "<span class='name'>Name</span><input autofocus type='text'/><button>OK</button>",
+                    options
+                );
+                var input = dialog.querySelector("input");
+                if (input && slot_info) {
+                    input.value = slot_info.label || "";
+                }
+                dialog
+                    .querySelector("button")
+                    .addEventListener("click", function(e) {
+                        if (input.value) {
+                            if (slot_info) {
+                                slot_info.label = input.value;
+                            }
+                            that.setDirty(true);
+                        }
+                        dialog.close();
+                    });
+            }
+
+            //if(v.callback)
+            //	return v.callback.call(that, node, options, e, menu, that, event );
+        }
+    };
+
+    //API *************************************************
+    //like rect but rounded corners
+    if (typeof(window) != "undefined" && window.CanvasRenderingContext2D) {
+        window.CanvasRenderingContext2D.prototype.roundRect = function(
+            x,
+            y,
+            width,
+            height,
+            radius,
+            radius_low
+        ) {
+            if (radius === undefined) {
+                radius = 5;
+            }
+
+            if (radius_low === undefined) {
+                radius_low = radius;
+            }
+
+            this.moveTo(x + radius, y);
+            this.lineTo(x + width - radius, y);
+            this.quadraticCurveTo(x + width, y, x + width, y + radius);
+
+            this.lineTo(x + width, y + height - radius_low);
+            this.quadraticCurveTo(
+                x + width,
+                y + height,
+                x + width - radius_low,
+                y + height
+            );
+            this.lineTo(x + radius_low, y + height);
+            this.quadraticCurveTo(x, y + height, x, y + height - radius_low);
+            this.lineTo(x, y + radius);
+            this.quadraticCurveTo(x, y, x + radius, y);
+        };
+    }
+
+    function compareObjects(a, b) {
+        for (var i in a) {
+            if (a[i] != b[i]) {
+                return false;
+            }
+        }
+        return true;
+    }
+    LiteGraph.compareObjects = compareObjects;
+
+    function distance(a, b) {
+        return Math.sqrt(
+            (b[0] - a[0]) * (b[0] - a[0]) + (b[1] - a[1]) * (b[1] - a[1])
+        );
+    }
+    LiteGraph.distance = distance;
+
+    function colorToString(c) {
+        return (
+            "rgba(" +
+            Math.round(c[0] * 255).toFixed() +
+            "," +
+            Math.round(c[1] * 255).toFixed() +
+            "," +
+            Math.round(c[2] * 255).toFixed() +
+            "," +
+            (c.length == 4 ? c[3].toFixed(2) : "1.0") +
+            ")"
+        );
+    }
+    LiteGraph.colorToString = colorToString;
+
+    function isInsideRectangle(x, y, left, top, width, height) {
+        if (left < x && left + width > x && top < y && top + height > y) {
+            return true;
+        }
+        return false;
+    }
+    LiteGraph.isInsideRectangle = isInsideRectangle;
+
+    //[minx,miny,maxx,maxy]
+    function growBounding(bounding, x, y) {
+        if (x < bounding[0]) {
+            bounding[0] = x;
+        } else if (x > bounding[2]) {
+            bounding[2] = x;
+        }
+
+        if (y < bounding[1]) {
+            bounding[1] = y;
+        } else if (y > bounding[3]) {
+            bounding[3] = y;
+        }
+    }
+    LiteGraph.growBounding = growBounding;
+
+    //point inside bounding box
+    function isInsideBounding(p, bb) {
+        if (
+            p[0] < bb[0][0] ||
+            p[1] < bb[0][1] ||
+            p[0] > bb[1][0] ||
+            p[1] > bb[1][1]
+        ) {
+            return false;
+        }
+        return true;
+    }
+    LiteGraph.isInsideBounding = isInsideBounding;
+
+    //bounding overlap, format: [ startx, starty, width, height ]
+    function overlapBounding(a, b) {
+        var A_end_x = a[0] + a[2];
+        var A_end_y = a[1] + a[3];
+        var B_end_x = b[0] + b[2];
+        var B_end_y = b[1] + b[3];
+
+        if (
+            a[0] > B_end_x ||
+            a[1] > B_end_y ||
+            A_end_x < b[0] ||
+            A_end_y < b[1]
+        ) {
+            return false;
+        }
+        return true;
+    }
+    LiteGraph.overlapBounding = overlapBounding;
+
+    //Convert a hex value to its decimal value - the inputted hex must be in the
+    //	format of a hex triplet - the kind we use for HTML colours. The function
+    //	will return an array with three values.
+    function hex2num(hex) {
+        if (hex.charAt(0) == "#") {
+            hex = hex.slice(1);
+        } //Remove the '#' char - if there is one.
+        hex = hex.toUpperCase();
+        var hex_alphabets = "0123456789ABCDEF";
+        var value = new Array(3);
+        var k = 0;
+        var int1, int2;
+        for (var i = 0; i < 6; i += 2) {
+            int1 = hex_alphabets.indexOf(hex.charAt(i));
+            int2 = hex_alphabets.indexOf(hex.charAt(i + 1));
+            value[k] = int1 * 16 + int2;
+            k++;
+        }
+        return value;
+    }
+
+    LiteGraph.hex2num = hex2num;
+
+    //Give a array with three values as the argument and the function will return
+    //	the corresponding hex triplet.
+    function num2hex(triplet) {
+        var hex_alphabets = "0123456789ABCDEF";
+        var hex = "#";
+        var int1, int2;
+        for (var i = 0; i < 3; i++) {
+            int1 = triplet[i] / 16;
+            int2 = triplet[i] % 16;
+
+            hex += hex_alphabets.charAt(int1) + hex_alphabets.charAt(int2);
+        }
+        return hex;
+    }
+
+    LiteGraph.num2hex = num2hex;
+
+    /* LiteGraph GUI elements used for canvas editing *************************************/
+
+    /**
+     * ContextMenu from LiteGUI
+     *
+     * @class ContextMenu
+     * @constructor
+     * @param {Array} values (allows object { title: "Nice text", callback: function ... })
+     * @param {Object} options [optional] Some options:\
+     * - title: title to show on top of the menu
+     * - callback: function to call when an option is clicked, it receives the item information
+     * - ignore_item_callbacks: ignores the callback inside the item, it just calls the options.callback
+     * - event: you can pass a MouseEvent, this way the ContextMenu appears in that position
+     */
+    function ContextMenu(values, options) {
+        options = options || {};
+        this.options = options;
+        var that = this;
+
+        //to link a menu with its parent
+        if (options.parentMenu) {
+            if (options.parentMenu.constructor !== this.constructor) {
+                console.error(
+                    "parentMenu must be of class ContextMenu, ignoring it"
+                );
+                options.parentMenu = null;
+            } else {
+                this.parentMenu = options.parentMenu;
+                this.parentMenu.lock = true;
+                this.parentMenu.current_submenu = this;
+            }
+        }
+
+		var eventClass = null;
+		if(options.event) //use strings because comparing classes between windows doesnt work
+			eventClass = options.event.constructor.name;
+        if ( eventClass !== "MouseEvent" &&
+            eventClass !== "CustomEvent" &&
+			eventClass !== "PointerEvent"
+        ) {
+            console.error(
+                "Event passed to ContextMenu is not of type MouseEvent or CustomEvent. Ignoring it."
+            );
+            options.event = null;
+        }
+
+        var root = document.createElement("div");
+        root.className = "litegraph litecontextmenu litemenubar-panel";
+        if (options.className) {
+            root.className += " " + options.className;
+        }
+        root.style.minWidth = 100;
+        root.style.minHeight = 100;
+        root.style.pointerEvents = "none";
+        setTimeout(function() {
+            root.style.pointerEvents = "auto";
+        }, 100); //delay so the mouse up event is not caught by this element
+
+        //this prevents the default context browser menu to open in case this menu was created when pressing right button
+        root.addEventListener(
+            "mouseup",
+            function(e) {
+                e.preventDefault();
+                return true;
+            },
+            true
+        );
+        root.addEventListener(
+            "contextmenu",
+            function(e) {
+                if (e.button != 2) {
+                    //right button
+                    return false;
+                }
+                e.preventDefault();
+                return false;
+            },
+            true
+        );
+
+        root.addEventListener(
+            "mousedown",
+            function(e) {
+                if (e.button == 2) {
+                    that.close();
+                    e.preventDefault();
+                    return true;
+                }
+            },
+            true
+        );
+
+        function on_mouse_wheel(e) {
+            var pos = parseInt(root.style.top);
+            root.style.top =
+                (pos + e.deltaY * options.scroll_speed).toFixed() + "px";
+            e.preventDefault();
+            return true;
+        }
+
+        if (!options.scroll_speed) {
+            options.scroll_speed = 0.1;
+        }
+
+        root.addEventListener("wheel", on_mouse_wheel, true);
+        root.addEventListener("mousewheel", on_mouse_wheel, true);
+
+        this.root = root;
+
+        //title
+        if (options.title) {
+            var element = document.createElement("div");
+            element.className = "litemenu-title";
+            element.innerHTML = options.title;
+            root.appendChild(element);
+        }
+
+        //entries
+        var num = 0;
+        for (var i=0; i < values.length; i++) {
+            var name = values.constructor == Array ? values[i] : i;
+            if (name != null && name.constructor !== String) {
+                name = name.content === undefined ? String(name) : name.content;
+            }
+            var value = values[i];
+            this.addItem(name, value, options);
+            num++;
+        }
+
+        //close on leave
+        root.addEventListener("mouseleave", function(e) {
+            if (that.lock) {
+                return;
+            }
+            if (root.closing_timer) {
+                clearTimeout(root.closing_timer);
+            }
+            root.closing_timer = setTimeout(that.close.bind(that, e), 500);
+            //that.close(e);
+        });
+
+        root.addEventListener("mouseenter", function(e) {
+            if (root.closing_timer) {
+                clearTimeout(root.closing_timer);
+            }
+        });
+
+        //insert before checking position
+        var root_document = document;
+        if (options.event) {
+            root_document = options.event.target.ownerDocument;
+        }
+
+        if (!root_document) {
+            root_document = document;
+        }
+
+		if( root_document.fullscreenElement )
+	        root_document.fullscreenElement.appendChild(root);
+		else
+		    root_document.body.appendChild(root);
+
+        //compute best position
+        var left = options.left || 0;
+        var top = options.top || 0;
+        if (options.event) {
+            left = options.event.clientX - 10;
+            top = options.event.clientY - 10;
+            if (options.title) {
+                top -= 20;
+            }
+
+            if (options.parentMenu) {
+                var rect = options.parentMenu.root.getBoundingClientRect();
+                left = rect.left + rect.width;
+            }
+
+            var body_rect = document.body.getBoundingClientRect();
+            var root_rect = root.getBoundingClientRect();
+			if(body_rect.height == 0)
+				console.error("document.body height is 0. That is dangerous, set html,body { height: 100%; }");
+
+            if (body_rect.width && left > body_rect.width - root_rect.width - 10) {
+                left = body_rect.width - root_rect.width - 10;
+            }
+            if (body_rect.height && top > body_rect.height - root_rect.height - 10) {
+                top = body_rect.height - root_rect.height - 10;
+            }
+        }
+
+        root.style.left = left + "px";
+        root.style.top = top + "px";
+
+        if (options.scale) {
+            root.style.transform = "scale(" + options.scale + ")";
+        }
+    }
+
+    ContextMenu.prototype.addItem = function(name, value, options) {
+        var that = this;
+        options = options || {};
+
+        var element = document.createElement("div");
+        element.className = "litemenu-entry submenu";
+
+        var disabled = false;
+
+        if (value === null) {
+            element.classList.add("separator");
+            //element.innerHTML = "<hr/>"
+            //continue;
+        } else {
+            element.innerHTML = value && value.title ? value.title : name;
+            element.value = value;
+
+            if (value) {
+                if (value.disabled) {
+                    disabled = true;
+                    element.classList.add("disabled");
+                }
+                if (value.submenu || value.has_submenu) {
+                    element.classList.add("has_submenu");
+                }
+            }
+
+            if (typeof value == "function") {
+                element.dataset["value"] = name;
+                element.onclick_callback = value;
+            } else {
+                element.dataset["value"] = value;
+            }
+
+            if (value.className) {
+                element.className += " " + value.className;
+            }
+        }
+
+        this.root.appendChild(element);
+        if (!disabled) {
+            element.addEventListener("click", inner_onclick);
+        }
+        if (options.autoopen) {
+            element.addEventListener("mouseenter", inner_over);
+        }
+
+        function inner_over(e) {
+            var value = this.value;
+            if (!value || !value.has_submenu) {
+                return;
+            }
+            //if it is a submenu, autoopen like the item was clicked
+            inner_onclick.call(this, e);
+        }
+
+        //menu option clicked
+        function inner_onclick(e) {
+            var value = this.value;
+            var close_parent = true;
+
+            if (that.current_submenu) {
+                that.current_submenu.close(e);
+            }
+
+            //global callback
+            if (options.callback) {
+                var r = options.callback.call(
+                    this,
+                    value,
+                    options,
+                    e,
+                    that,
+                    options.node
+                );
+                if (r === true) {
+                    close_parent = false;
+                }
+            }
+
+            //special cases
+            if (value) {
+                if (
+                    value.callback &&
+                    !options.ignore_item_callbacks &&
+                    value.disabled !== true
+                ) {
+                    //item callback
+                    var r = value.callback.call(
+                        this,
+                        value,
+                        options,
+                        e,
+                        that,
+                        options.extra
+                    );
+                    if (r === true) {
+                        close_parent = false;
+                    }
+                }
+                if (value.submenu) {
+                    if (!value.submenu.options) {
+                        throw "ContextMenu submenu needs options";
+                    }
+                    var submenu = new that.constructor(value.submenu.options, {
+                        callback: value.submenu.callback,
+                        event: e,
+                        parentMenu: that,
+                        ignore_item_callbacks:
+                            value.submenu.ignore_item_callbacks,
+                        title: value.submenu.title,
+                        extra: value.submenu.extra,
+                        autoopen: options.autoopen
+                    });
+                    close_parent = false;
+                }
+            }
+
+            if (close_parent && !that.lock) {
+                that.close();
+            }
+        }
+
+        return element;
+    };
+
+    ContextMenu.prototype.close = function(e, ignore_parent_menu) {
+        if (this.root.parentNode) {
+            this.root.parentNode.removeChild(this.root);
+        }
+        if (this.parentMenu && !ignore_parent_menu) {
+            this.parentMenu.lock = false;
+            this.parentMenu.current_submenu = null;
+            if (e === undefined) {
+                this.parentMenu.close();
+            } else if (
+                e &&
+                !ContextMenu.isCursorOverElement(e, this.parentMenu.root)
+            ) {
+                ContextMenu.trigger(this.parentMenu.root, "mouseleave", e);
+            }
+        }
+        if (this.current_submenu) {
+            this.current_submenu.close(e, true);
+        }
+
+        if (this.root.closing_timer) {
+            clearTimeout(this.root.closing_timer);
+        }
+    };
+
+    //this code is used to trigger events easily (used in the context menu mouseleave
+    ContextMenu.trigger = function(element, event_name, params, origin) {
+        var evt = document.createEvent("CustomEvent");
+        evt.initCustomEvent(event_name, true, true, params); //canBubble, cancelable, detail
+        evt.srcElement = origin;
+        if (element.dispatchEvent) {
+            element.dispatchEvent(evt);
+        } else if (element.__events) {
+            element.__events.dispatchEvent(evt);
+        }
+        //else nothing seems binded here so nothing to do
+        return evt;
+    };
+
+    //returns the top most menu
+    ContextMenu.prototype.getTopMenu = function() {
+        if (this.options.parentMenu) {
+            return this.options.parentMenu.getTopMenu();
+        }
+        return this;
+    };
+
+    ContextMenu.prototype.getFirstEvent = function() {
+        if (this.options.parentMenu) {
+            return this.options.parentMenu.getFirstEvent();
+        }
+        return this.options.event;
+    };
+
+    ContextMenu.isCursorOverElement = function(event, element) {
+        var left = event.clientX;
+        var top = event.clientY;
+        var rect = element.getBoundingClientRect();
+        if (!rect) {
+            return false;
+        }
+        if (
+            top > rect.top &&
+            top < rect.top + rect.height &&
+            left > rect.left &&
+            left < rect.left + rect.width
+        ) {
+            return true;
+        }
+        return false;
+    };
+
+    LiteGraph.ContextMenu = ContextMenu;
+
+    LiteGraph.closeAllContextMenus = function(ref_window) {
+        ref_window = ref_window || window;
+
+        var elements = ref_window.document.querySelectorAll(".litecontextmenu");
+        if (!elements.length) {
+            return;
+        }
+
+        var result = [];
+        for (var i = 0; i < elements.length; i++) {
+            result.push(elements[i]);
+        }
+
+        for (var i=0; i < result.length; i++) {
+            if (result[i].close) {
+                result[i].close();
+            } else if (result[i].parentNode) {
+                result[i].parentNode.removeChild(result[i]);
+            }
+        }
+    };
+
+    LiteGraph.extendClass = function(target, origin) {
+        for (var i in origin) {
+            //copy class properties
+            if (target.hasOwnProperty(i)) {
+                continue;
+            }
+            target[i] = origin[i];
+        }
+
+        if (origin.prototype) {
+            //copy prototype properties
+            for (var i in origin.prototype) {
+                //only enumerable
+                if (!origin.prototype.hasOwnProperty(i)) {
+                    continue;
+                }
+
+                if (target.prototype.hasOwnProperty(i)) {
+                    //avoid overwriting existing ones
+                    continue;
+                }
+
+                //copy getters
+                if (origin.prototype.__lookupGetter__(i)) {
+                    target.prototype.__defineGetter__(
+                        i,
+                        origin.prototype.__lookupGetter__(i)
+                    );
+                } else {
+                    target.prototype[i] = origin.prototype[i];
+                }
+
+                //and setters
+                if (origin.prototype.__lookupSetter__(i)) {
+                    target.prototype.__defineSetter__(
+                        i,
+                        origin.prototype.__lookupSetter__(i)
+                    );
+                }
+            }
+        }
+    };
+
+	//used by some widgets to render a curve editor
+	function CurveEditor( points )
+	{
+		this.points = points;
+		this.selected = -1;
+		this.nearest = -1;
+		this.size = null; //stores last size used
+		this.must_update = true;
+		this.margin = 5;
+	}
+
+	CurveEditor.sampleCurve = function(f,points)
+	{
+		if(!points)
+			return;
+		for(var i = 0; i < points.length - 1; ++i)
+		{
+			var p = points[i];
+			var pn = points[i+1];
+			if(pn[0] < f)
+				continue;
+			var r = (pn[0] - p[0]);
+			if( Math.abs(r) < 0.00001 )
+				return p[1];
+			var local_f = (f - p[0]) / r;
+			return p[1] * (1.0 - local_f) + pn[1] * local_f;
+		}
+		return 0;
+	}
+
+	CurveEditor.prototype.draw = function( ctx, size, graphcanvas, background_color, line_color, inactive )
+	{
+		var points = this.points;
+		if(!points)
+			return;
+		this.size = size;
+		var w = size[0] - this.margin * 2;
+		var h = size[1] - this.margin * 2;
+
+		line_color = line_color || "#666";
+
+		ctx.save();
+		ctx.translate(this.margin,this.margin);
+
+		if(background_color)
+		{
+			ctx.fillStyle = "#111";
+			ctx.fillRect(0,0,w,h);
+			ctx.fillStyle = "#222";
+			ctx.fillRect(w*0.5,0,1,h);
+			ctx.strokeStyle = "#333";
+			ctx.strokeRect(0,0,w,h);
+		}
+		ctx.strokeStyle = line_color;
+		if(inactive)
+			ctx.globalAlpha = 0.5;
+		ctx.beginPath();
+		for(var i = 0; i < points.length; ++i)
+		{
+			var p = points[i];
+			ctx.lineTo( p[0] * w, (1.0 - p[1]) * h );
+		}
+		ctx.stroke();
+		ctx.globalAlpha = 1;
+		if(!inactive)
+			for(var i = 0; i < points.length; ++i)
+			{
+				var p = points[i];
+				ctx.fillStyle = this.selected == i ? "#FFF" : (this.nearest == i ? "#DDD" : "#AAA");
+				ctx.beginPath();
+				ctx.arc( p[0] * w, (1.0 - p[1]) * h, 2, 0, Math.PI * 2 );
+				ctx.fill();
+			}
+		ctx.restore();
+	}
+
+	//localpos is mouse in curve editor space
+	CurveEditor.prototype.onMouseDown = function( localpos, graphcanvas )
+	{
+		var points = this.points;
+		if(!points)
+			return;
+		if( localpos[1] < 0 )
+			return;
+
+		//this.captureInput(true);
+		var w = this.size[0] - this.margin * 2;
+		var h = this.size[1] - this.margin * 2;
+		var x = localpos[0] - this.margin;
+		var y = localpos[1] - this.margin;
+		var pos = [x,y];
+		var max_dist = 30 / graphcanvas.ds.scale;
+		//search closer one
+		this.selected = this.getCloserPoint(pos, max_dist);
+		//create one
+		if(this.selected == -1)
+		{
+			var point = [x / w, 1 - y / h];
+			points.push(point);
+			points.sort(function(a,b){ return a[0] - b[0]; });
+			this.selected = points.indexOf(point);
+			this.must_update = true;
+		}
+		if(this.selected != -1)
+			return true;
+	}
+
+	CurveEditor.prototype.onMouseMove = function( localpos, graphcanvas )
+	{
+		var points = this.points;
+		if(!points)
+			return;
+		var s = this.selected;
+		if(s < 0)
+			return;
+		var x = (localpos[0] - this.margin) / (this.size[0] - this.margin * 2 );
+		var y = (localpos[1] - this.margin) / (this.size[1] - this.margin * 2 );
+		var curvepos = [(localpos[0] - this.margin),(localpos[1] - this.margin)];
+		var max_dist = 30 / graphcanvas.ds.scale;
+		this._nearest = this.getCloserPoint(curvepos, max_dist);
+		var point = points[s];
+		if(point)
+		{
+			var is_edge_point = s == 0 || s == points.length - 1;
+			if( !is_edge_point && (localpos[0] < -10 || localpos[0] > this.size[0] + 10 || localpos[1] < -10 || localpos[1] > this.size[1] + 10) )
+			{
+				points.splice(s,1);
+				this.selected = -1;
+				return;
+			}
+			if( !is_edge_point ) //not edges
+				point[0] = Math.clamp(x,0,1);
+			else
+				point[0] = s == 0 ? 0 : 1;
+			point[1] = 1.0 - Math.clamp(y,0,1);
+			points.sort(function(a,b){ return a[0] - b[0]; });
+			this.selected = points.indexOf(point);
+			this.must_update = true;
+		}
+	}
+
+	CurveEditor.prototype.onMouseUp = function( localpos, graphcanvas )
+	{
+		this.selected = -1;
+		return false;
+	}
+
+	CurveEditor.prototype.getCloserPoint = function(pos, max_dist)
+	{
+		var points = this.points;
+		if(!points)
+			return -1;
+		max_dist = max_dist || 30;
+		var w = (this.size[0] - this.margin * 2);
+		var h = (this.size[1] - this.margin * 2);
+		var num = points.length;
+		var p2 = [0,0];
+		var min_dist = 1000000;
+		var closest = -1;
+		var last_valid = -1;
+		for(var i = 0; i < num; ++i)
+		{
+			var p = points[i];
+			p2[0] = p[0] * w;
+			p2[1] = (1.0 - p[1]) * h;
+			if(p2[0] < pos[0])
+				last_valid = i;
+			var dist = vec2.distance(pos,p2);
+			if(dist > min_dist || dist > max_dist)
+				continue;
+			closest = i;
+			min_dist = dist;
+		}
+		return closest;
+	}
+
+	LiteGraph.CurveEditor = CurveEditor;
+
+    //used to create nodes from wrapping functions
+    LiteGraph.getParameterNames = function(func) {
+        return (func + "")
+            .replace(/[/][/].*$/gm, "") // strip single-line comments
+            .replace(/\s+/g, "") // strip white space
+            .replace(/[/][*][^/*]*[*][/]/g, "") // strip multi-line comments  /**/
+            .split("){", 1)[0]
+            .replace(/^[^(]*[(]/, "") // extract the parameters
+            .replace(/=[^,]+/g, "") // strip any ES6 defaults
+            .split(",")
+            .filter(Boolean); // split & filter [""]
+    };
+
+    Math.clamp = function(v, a, b) {
+        return a > v ? a : b < v ? b : v;
+    };
+
+    if (typeof window != "undefined" && !window["requestAnimationFrame"]) {
+        window.requestAnimationFrame =
+            window.webkitRequestAnimationFrame ||
+            window.mozRequestAnimationFrame ||
+            function(callback) {
+                window.setTimeout(callback, 1000 / 60);
+            };
+    }
+})(this);
+
+if (typeof exports != "undefined") {
+    exports.LiteGraph = this.LiteGraph;
+}
+
+//basic nodes
+(function(global) {
+    var LiteGraph = global.LiteGraph;
+
+    //Constant
+    function Time() {
+        this.addOutput("in ms", "number");
+        this.addOutput("in sec", "number");
+    }
+
+    Time.title = "Time";
+    Time.desc = "Time";
+
+    Time.prototype.onExecute = function() {
+        this.setOutputData(0, this.graph.globaltime * 1000);
+        this.setOutputData(1, this.graph.globaltime);
+    };
+
+    LiteGraph.registerNodeType("basic/time", Time);
+
+    //Subgraph: a node that contains a graph
+    function Subgraph() {
+        var that = this;
+        this.size = [140, 80];
+        this.properties = { enabled: true };
+        this.enabled = true;
+
+        //create inner graph
+        this.subgraph = new LiteGraph.LGraph();
+        this.subgraph._subgraph_node = this;
+        this.subgraph._is_subgraph = true;
+
+        this.subgraph.onTrigger = this.onSubgraphTrigger.bind(this);
+
+		//nodes input node added inside
+        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);
+    }
+
+    Subgraph.title = "Subgraph";
+    Subgraph.desc = "Graph inside a node";
+    Subgraph.title_color = "#334";
+
+    Subgraph.prototype.onGetInputs = function() {
+        return [["enabled", "boolean"]];
+    };
+
+	/*
+    Subgraph.prototype.onDrawTitle = function(ctx) {
+        if (this.flags.collapsed) {
+            return;
+        }
+
+        ctx.fillStyle = "#555";
+        var w = LiteGraph.NODE_TITLE_HEIGHT;
+        var x = this.size[0] - w;
+        ctx.fillRect(x, -w, w, w);
+        ctx.fillStyle = "#333";
+        ctx.beginPath();
+        ctx.moveTo(x + w * 0.2, -w * 0.6);
+        ctx.lineTo(x + w * 0.8, -w * 0.6);
+        ctx.lineTo(x + w * 0.5, -w * 0.3);
+        ctx.fill();
+    };
+	*/
+
+    Subgraph.prototype.onDblClick = function(e, pos, graphcanvas) {
+        var that = this;
+        setTimeout(function() {
+            graphcanvas.openSubgraph(that.subgraph);
+        }, 10);
+    };
+
+	/*
+    Subgraph.prototype.onMouseDown = function(e, pos, graphcanvas) {
+        if (
+            !this.flags.collapsed &&
+            pos[0] > this.size[0] - LiteGraph.NODE_TITLE_HEIGHT &&
+            pos[1] < 0
+        ) {
+            var that = this;
+            setTimeout(function() {
+                graphcanvas.openSubgraph(that.subgraph);
+            }, 10);
+        }
+    };
+	*/
+
+    Subgraph.prototype.onAction = function(action, param) {
+        this.subgraph.onAction(action, param);
+    };
+
+    Subgraph.prototype.onExecute = function() {
+        this.enabled = this.getInputOrProperty("enabled");
+        if (!this.enabled) {
+            return;
+        }
+
+        //send inputs to subgraph global inputs
+        if (this.inputs) {
+            for (var i = 0; i < this.inputs.length; i++) {
+                var input = this.inputs[i];
+                var value = this.getInputData(i);
+                this.subgraph.setInputData(input.name, value);
+            }
+        }
+
+        //execute
+        this.subgraph.runStep();
+
+        //send subgraph global outputs to outputs
+        if (this.outputs) {
+            for (var i = 0; i < this.outputs.length; i++) {
+                var output = this.outputs[i];
+                var value = this.subgraph.getOutputData(output.name);
+                this.setOutputData(i, value);
+            }
+        }
+    };
+
+    Subgraph.prototype.sendEventToAllNodes = function(eventname, param, mode) {
+        if (this.enabled) {
+            this.subgraph.sendEventToAllNodes(eventname, param, mode);
+        }
+    };
+
+	Subgraph.prototype.onDrawBackground = function(ctx, graphcanvas, canvas, pos)
+	{
+		if(this.flags.collapsed)
+			return;
+
+		var y = this.size[1] - LiteGraph.NODE_TITLE_HEIGHT + 0.5;
+
+		//button
+		var over = LiteGraph.isInsideRectangle(pos[0],pos[1],this.pos[0],this.pos[1] + y,this.size[0],LiteGraph.NODE_TITLE_HEIGHT);
+		ctx.fillStyle = over ? "#555" : "#222";
+		ctx.beginPath();
+		if (this._shape == LiteGraph.BOX_SHAPE)
+			ctx.rect(0, y, this.size[0]+1, LiteGraph.NODE_TITLE_HEIGHT);
+		else
+			ctx.roundRect( 0, y, this.size[0]+1, LiteGraph.NODE_TITLE_HEIGHT, 0, 8);
+		ctx.fill();
+
+		//button
+		ctx.textAlign = "center";
+		ctx.font = "24px Arial";
+		ctx.fillStyle = over ? "#DDD" : "#999";
+		ctx.fillText( "+", this.size[0] * 0.5, y + 24 );
+	}
+
+	Subgraph.prototype.onMouseDown = function(e, localpos, graphcanvas)
+	{
+		var y = this.size[1] - LiteGraph.NODE_TITLE_HEIGHT + 0.5;
+		if(localpos[1] > y)
+		{
+			graphcanvas.showSubgraphPropertiesDialog(this);
+		}
+	}
+
+	Subgraph.prototype.computeSize = function()
+	{
+		var num_inputs = this.inputs ? this.inputs.length : 0;
+		var num_outputs = this.outputs ? this.outputs.length : 0;
+		return [ 200, Math.max(num_inputs,num_outputs) * LiteGraph.NODE_SLOT_HEIGHT + LiteGraph.NODE_TITLE_HEIGHT ];
+	}
+
+    //**** INPUTS ***********************************
+    Subgraph.prototype.onSubgraphTrigger = function(event, param) {
+        var slot = this.findOutputSlot(event);
+        if (slot != -1) {
+            this.triggerSlot(slot);
+        }
+    };
+
+    Subgraph.prototype.onSubgraphNewInput = function(name, type) {
+        var slot = this.findInputSlot(name);
+        if (slot == -1) {
+            //add input to the node
+            this.addInput(name, type);
+        }
+    };
+
+    Subgraph.prototype.onSubgraphRenamedInput = function(oldname, name) {
+        var slot = this.findInputSlot(oldname);
+        if (slot == -1) {
+            return;
+        }
+        var info = this.getInputInfo(slot);
+        info.name = name;
+    };
+
+    Subgraph.prototype.onSubgraphTypeChangeInput = function(name, type) {
+        var slot = this.findInputSlot(name);
+        if (slot == -1) {
+            return;
+        }
+        var info = this.getInputInfo(slot);
+        info.type = type;
+    };
+
+    Subgraph.prototype.onSubgraphRemovedInput = function(name) {
+        var slot = this.findInputSlot(name);
+        if (slot == -1) {
+            return;
+        }
+        this.removeInput(slot);
+    };
+
+    //**** OUTPUTS ***********************************
+    Subgraph.prototype.onSubgraphNewOutput = function(name, type) {
+        var slot = this.findOutputSlot(name);
+        if (slot == -1) {
+            this.addOutput(name, type);
+        }
+    };
+
+    Subgraph.prototype.onSubgraphRenamedOutput = function(oldname, name) {
+        var slot = this.findOutputSlot(oldname);
+        if (slot == -1) {
+            return;
+        }
+        var info = this.getOutputInfo(slot);
+        info.name = name;
+    };
+
+    Subgraph.prototype.onSubgraphTypeChangeOutput = function(name, type) {
+        var slot = this.findOutputSlot(name);
+        if (slot == -1) {
+            return;
+        }
+        var info = this.getOutputInfo(slot);
+        info.type = type;
+    };
+
+    Subgraph.prototype.onSubgraphRemovedOutput = function(name) {
+        var slot = this.findInputSlot(name);
+        if (slot == -1) {
+            return;
+        }
+        this.removeOutput(slot);
+    };
+    // *****************************************************
+
+    Subgraph.prototype.getExtraMenuOptions = function(graphcanvas) {
+        var that = this;
+        return [
+            {
+                content: "Open",
+                callback: function() {
+                    graphcanvas.openSubgraph(that.subgraph);
+                }
+            }
+        ];
+    };
+
+    Subgraph.prototype.onResize = function(size) {
+        size[1] += 20;
+    };
+
+    Subgraph.prototype.serialize = function() {
+        var data = LiteGraph.LGraphNode.prototype.serialize.call(this);
+        data.subgraph = this.subgraph.serialize();
+        return data;
+    };
+    //no need to define node.configure, the default method detects node.subgraph and passes the object to node.subgraph.configure()
+
+    Subgraph.prototype.clone = function() {
+        var node = LiteGraph.createNode(this.type);
+        var data = this.serialize();
+        delete data["id"];
+        delete data["inputs"];
+        delete data["outputs"];
+        node.configure(data);
+        return node;
+    };
+
+	Subgraph.prototype.buildFromNodes = function(nodes)
+	{
+		//clear all?
+		//TODO
+
+		//nodes that connect data between parent graph and subgraph
+		var subgraph_inputs = [];
+		var subgraph_outputs = [];
+
+		//mark inner nodes
+		var ids = {};
+		var min_x = 0;
+		var max_x = 0;
+		for(var i = 0; i < nodes.length; ++i)
+		{
+			var node = nodes[i];
+			ids[ node.id ] = node;
+			min_x = Math.min( node.pos[0], min_x );
+			max_x = Math.max( node.pos[0], min_x );
+		}
+		
+		var last_input_y = 0;
+		var last_output_y = 0;
+
+		for(var i = 0; i < nodes.length; ++i)
+		{
+			var node = nodes[i];
+			//check inputs
+			if( node.inputs )
+				for(var j = 0; j < node.inputs.length; ++j)
+				{
+					var input = node.inputs[j];
+					if( !input || !input.link )
+						continue;
+					var link = node.graph.links[ input.link ];
+					if(!link)
+						continue;
+					if( ids[ link.origin_id ] )
+						continue;
+					//this.addInput(input.name,link.type);
+					this.subgraph.addInput(input.name,link.type);
+					/*
+					var input_node = LiteGraph.createNode("graph/input");
+					this.subgraph.add( input_node );
+					input_node.pos = [min_x - 200, last_input_y ];
+					last_input_y += 100;
+					*/
+				}
+
+			//check outputs
+			if( node.outputs )
+				for(var j = 0; j < node.outputs.length; ++j)
+				{
+					var output = node.outputs[j];
+					if( !output || !output.links || !output.links.length )
+						continue;
+					var is_external = false;
+					for(var k = 0; k < output.links.length; ++k)
+					{
+						var link = node.graph.links[ output.links[k] ];
+						if(!link)
+							continue;
+						if( ids[ link.target_id ] )
+							continue;
+						is_external = true;
+						break;
+					}
+					if(!is_external)
+						continue;
+					//this.addOutput(output.name,output.type);
+					/*
+					var output_node = LiteGraph.createNode("graph/output");
+					this.subgraph.add( output_node );
+					output_node.pos = [max_x + 50, last_output_y ];
+					last_output_y += 100;
+					*/
+				}
+		}
+
+		//detect inputs and outputs
+			//split every connection in two data_connection nodes
+			//keep track of internal connections
+			//connect external connections
+
+		//clone nodes inside subgraph and try to reconnect them
+
+		//connect edge subgraph nodes to extarnal connections nodes
+	}
+
+    LiteGraph.Subgraph = Subgraph;
+    LiteGraph.registerNodeType("graph/subgraph", Subgraph);
+
+    //Input for a subgraph
+    function GraphInput() {
+        this.addOutput("", "number");
+
+        this.name_in_graph = "";
+        this.properties = {
+			name: "",
+			type: "number",
+			value: 0
+		}; 
+
+        var that = this;
+
+        this.name_widget = this.addWidget(
+            "text",
+            "Name",
+            this.properties.name,
+            function(v) {
+                if (!v) {
+                    return;
+                }
+                that.setProperty("name",v);
+            }
+        );
+        this.type_widget = this.addWidget(
+            "text",
+            "Type",
+            this.properties.type,
+            function(v) {
+				that.setProperty("type",v);
+            }
+        );
+
+        this.value_widget = this.addWidget(
+            "number",
+            "Value",
+            this.properties.value,
+            function(v) {
+                that.setProperty("value",v);
+            }
+        );
+
+        this.widgets_up = true;
+        this.size = [180, 90];
+    }
+
+    GraphInput.title = "Input";
+    GraphInput.desc = "Input of the graph";
+
+	GraphInput.prototype.onConfigure = function()
+	{
+		this.updateType();
+	}
+
+	//ensures the type in the node output and the type in the associated graph input are the same
+	GraphInput.prototype.updateType = function()
+	{
+		var type = this.properties.type;
+		this.type_widget.value = type;
+
+		//update output
+		if(this.outputs[0].type != type)
+		{
+	        if (!LiteGraph.isValidConnection(this.outputs[0].type,type))
+				this.disconnectOutput(0);
+			this.outputs[0].type = type;
+		}
+
+		//update widget
+		if(type == "number")
+		{
+			this.value_widget.type = "number";
+			this.value_widget.value = 0;
+		}
+		else if(type == "boolean")
+		{
+			this.value_widget.type = "toggle";
+			this.value_widget.value = true;
+		}
+		else if(type == "string")
+		{
+			this.value_widget.type = "text";
+			this.value_widget.value = "";
+		}
+		else
+		{
+			this.value_widget.type = null;
+			this.value_widget.value = null;
+		}
+		this.properties.value = this.value_widget.value;
+
+		//update graph
+		if (this.graph && this.name_in_graph) {
+			this.graph.changeInputType(this.name_in_graph, type);
+		}
+	}
+
+	//this is executed AFTER the property has changed
+	GraphInput.prototype.onPropertyChanged = function(name,v)
+	{
+		if( name == "name" )
+		{
+			if (v == "" || v == this.name_in_graph || v == "enabled") {
+				return false;
+			}
+			if(this.graph)
+			{
+				if (this.name_in_graph) {
+					//already added
+					this.graph.renameInput( this.name_in_graph, v );
+				} else {
+					this.graph.addInput( v, this.properties.type );
+				}
+			} //what if not?!
+			this.name_widget.value = v;
+			this.name_in_graph = v;
+		}
+		else if( name == "type" )
+		{
+			this.updateType();
+		}
+		else if( name == "value" )
+		{
+		}
+	}
+
+    GraphInput.prototype.getTitle = function() {
+        if (this.flags.collapsed) {
+            return this.properties.name;
+        }
+        return this.title;
+    };
+
+    GraphInput.prototype.onAction = function(action, param) {
+        if (this.properties.type == LiteGraph.EVENT) {
+            this.triggerSlot(0, param);
+        }
+    };
+
+    GraphInput.prototype.onExecute = function() {
+        var name = this.properties.name;
+        //read from global input
+        var data = this.graph.inputs[name];
+        if (!data) {
+            this.setOutputData(0, this.properties.value );
+			return;
+        }
+
+        this.setOutputData(0, data.value !== undefined ? data.value : this.properties.value );
+    };
+
+    GraphInput.prototype.onRemoved = function() {
+        if (this.name_in_graph) {
+            this.graph.removeInput(this.name_in_graph);
+        }
+    };
+
+    LiteGraph.GraphInput = GraphInput;
+    LiteGraph.registerNodeType("graph/input", GraphInput);
+
+    //Output for a subgraph
+    function GraphOutput() {
+        this.addInput("", "");
+
+        this.name_in_graph = "";
+        this.properties = {};
+        var that = this;
+
+        Object.defineProperty(this.properties, "name", {
+            get: function() {
+                return that.name_in_graph;
+            },
+            set: function(v) {
+                if (v == "" || v == that.name_in_graph) {
+                    return;
+                }
+                if (that.name_in_graph) {
+                    //already added
+                    that.graph.renameOutput(that.name_in_graph, v);
+                } else {
+                    that.graph.addOutput(v, that.properties.type);
+                }
+                that.name_widget.value = v;
+                that.name_in_graph = v;
+            },
+            enumerable: true
+        });
+
+        Object.defineProperty(this.properties, "type", {
+            get: function() {
+                return that.inputs[0].type;
+            },
+            set: function(v) {
+                if (v == "action" || v == "event") {
+                    v = LiteGraph.ACTION;
+                }
+		        if (!LiteGraph.isValidConnection(that.inputs[0].type,v))
+					that.disconnectInput(0);
+                that.inputs[0].type = v;
+                if (that.name_in_graph) {
+                    //already added
+                    that.graph.changeOutputType(
+                        that.name_in_graph,
+                        that.inputs[0].type
+                    );
+                }
+                that.type_widget.value = v || "";
+            },
+            enumerable: true
+        });
+
+        this.name_widget = this.addWidget("text","Name",this.properties.name,"name");
+        this.type_widget = this.addWidget("text","Type",this.properties.type,"type");
+        this.widgets_up = true;
+        this.size = [180, 60];
+    }
+
+    GraphOutput.title = "Output";
+    GraphOutput.desc = "Output of the graph";
+
+    GraphOutput.prototype.onExecute = function() {
+        this._value = this.getInputData(0);
+        this.graph.setOutputData(this.properties.name, this._value);
+    };
+
+    GraphOutput.prototype.onAction = function(action, param) {
+        if (this.properties.type == LiteGraph.ACTION) {
+            this.graph.trigger(this.properties.name, param);
+        }
+    };
+
+    GraphOutput.prototype.onRemoved = function() {
+        if (this.name_in_graph) {
+            this.graph.removeOutput(this.name_in_graph);
+        }
+    };
+
+    GraphOutput.prototype.getTitle = function() {
+        if (this.flags.collapsed) {
+            return this.properties.name;
+        }
+        return this.title;
+    };
+
+    LiteGraph.GraphOutput = GraphOutput;
+    LiteGraph.registerNodeType("graph/output", GraphOutput);
+
+    //Constant
+    function ConstantNumber() {
+        this.addOutput("value", "number");
+        this.addProperty("value", 1.0);
+        this.widget = this.addWidget("number","value",1,"value");
+        this.widgets_up = true;
+        this.size = [180, 30];
+    }
+
+    ConstantNumber.title = "Const Number";
+    ConstantNumber.desc = "Constant number";
+
+    ConstantNumber.prototype.onExecute = function() {
+        this.setOutputData(0, parseFloat(this.properties["value"]));
+    };
+
+    ConstantNumber.prototype.getTitle = function() {
+        if (this.flags.collapsed) {
+            return this.properties.value;
+        }
+        return this.title;
+    };
+
+	ConstantNumber.prototype.setValue = function(v)
+	{
+		this.setProperty("value",v);
+	}
+
+    ConstantNumber.prototype.onDrawBackground = function(ctx) {
+        //show the current value
+        this.outputs[0].label = this.properties["value"].toFixed(3);
+    };
+
+    LiteGraph.registerNodeType("basic/const", ConstantNumber);
+
+    function ConstantBoolean() {
+        this.addOutput("", "boolean");
+        this.addProperty("value", true);
+        this.widget = this.addWidget("toggle","value",true,"value");
+        this.widgets_up = true;
+        this.size = [140, 30];
+    }
+
+    ConstantBoolean.title = "Const Boolean";
+    ConstantBoolean.desc = "Constant boolean";
+    ConstantBoolean.prototype.getTitle = ConstantNumber.prototype.getTitle;
+
+    ConstantBoolean.prototype.onExecute = function() {
+        this.setOutputData(0, this.properties["value"]);
+    };
+
+	ConstantBoolean.prototype.setValue = ConstantNumber.prototype.setValue;
+
+	ConstantBoolean.prototype.onGetInputs = function() {
+		return [["toggle", LiteGraph.ACTION]];
+	};
+
+	ConstantBoolean.prototype.onAction = function(action)
+	{
+		this.setValue( !this.properties.value );
+	}
+
+    LiteGraph.registerNodeType("basic/boolean", ConstantBoolean);
+
+    function ConstantString() {
+        this.addOutput("", "string");
+        this.addProperty("value", "");
+        this.widget = this.addWidget("text","value","","value");  //link to property value
+        this.widgets_up = true;
+        this.size = [180, 30];
+    }
+
+    ConstantString.title = "Const String";
+    ConstantString.desc = "Constant string";
+
+    ConstantString.prototype.getTitle = ConstantNumber.prototype.getTitle;
+
+    ConstantString.prototype.onExecute = function() {
+        this.setOutputData(0, this.properties["value"]);
+    };
+
+	ConstantString.prototype.setValue = ConstantNumber.prototype.setValue;
+
+	ConstantString.prototype.onDropFile = function(file)
+	{
+		var that = this;
+		var reader = new FileReader();
+		reader.onload = function(e)
+		{
+			that.setProperty("value",e.target.result);
+		}
+		reader.readAsText(file);
+	}
+
+    LiteGraph.registerNodeType("basic/string", ConstantString);
+
+    function ConstantObject() {
+        this.addOutput("obj", "object");
+        this.size = [120, 30];
+		this._object = {};
+    }
+
+    ConstantObject.title = "Const Object";
+    ConstantObject.desc = "Constant Object";
+
+    ConstantObject.prototype.onExecute = function() {
+        this.setOutputData(0, this._object);
+    };
+
+    LiteGraph.registerNodeType( "basic/object", ConstantObject );
+
+    function ConstantFile() {
+        this.addInput("url", "");
+        this.addOutput("", "");
+        this.addProperty("url", "");
+        this.addProperty("type", "text");
+        this.widget = this.addWidget("text","url","","url");
+        this._data = null;
+    }
+
+    ConstantFile.title = "Const File";
+    ConstantFile.desc = "Fetches a file from an url";
+    ConstantFile["@type"] = { type: "enum", values: ["text","arraybuffer","blob","json"] };
+
+    ConstantFile.prototype.onPropertyChanged = function(name, value) {
+        if (name == "url")
+		{
+			if( value == null || value == "")
+				this._data = null;
+			else
+			{
+				this.fetchFile(value);
+			}
+		}
+	}
+
+    ConstantFile.prototype.onExecute = function() {
+		var url = this.getInputData(0) || this.properties.url;
+		if(url && (url != this._url || this._type != this.properties.type))
+			this.fetchFile(url);
+        this.setOutputData(0, this._data );
+    };
+
+	ConstantFile.prototype.setValue = ConstantNumber.prototype.setValue;
+
+    ConstantFile.prototype.fetchFile = function(url) {
+		var that = this;
+		if(!url || url.constructor !== String)
+		{
+			that._data = null;
+            that.boxcolor = null;
+			return;
+		}
+
+		this._url = url;
+		this._type = this.properties.type;
+        if (url.substr(0, 4) == "http" && LiteGraph.proxy) {
+            url = LiteGraph.proxy + url.substr(url.indexOf(":") + 3);
+        }
+		fetch(url)
+		.then(function(response) {
+			if(!response.ok)
+				 throw new Error("File not found");
+
+			if(that.properties.type == "arraybuffer")
+				return response.arrayBuffer();
+			else if(that.properties.type == "text")
+				return response.text();
+			else if(that.properties.type == "json")
+				return response.json();
+			else if(that.properties.type == "blob")
+				return response.blob();
+		})
+		.then(function(data) {
+			that._data = data;
+            that.boxcolor = "#AEA";
+		})
+		.catch(function(error) {
+			that._data = null;
+            that.boxcolor = "red";
+			console.error("error fetching file:",url);
+		});
+    };
+
+	ConstantFile.prototype.onDropFile = function(file)
+	{
+		var that = this;
+		this._url = file.name;
+		this._type = this.properties.type;
+		this.properties.url = file.name;
+		var reader = new FileReader();
+		reader.onload = function(e)
+		{
+            that.boxcolor = "#AEA";
+			var v = e.target.result;
+			if( that.properties.type == "json" )
+				v = JSON.parse(v);
+			that._data = v;
+		}
+		if(that.properties.type == "arraybuffer")
+			reader.readAsArrayBuffer(file);
+		else if(that.properties.type == "text" || that.properties.type == "json")
+			reader.readAsText(file);
+		else if(that.properties.type == "blob")
+			return reader.readAsBinaryString(file);
+	}
+
+    LiteGraph.registerNodeType("basic/file", ConstantFile);
+
+	//to store json objects
+    function ConstantData() {
+        this.addOutput("", "");
+        this.addProperty("value", "");
+        this.widget = this.addWidget("text","json","","value");
+        this.widgets_up = true;
+        this.size = [140, 30];
+        this._value = null;
+    }
+
+    ConstantData.title = "Const Data";
+    ConstantData.desc = "Constant Data";
+
+    ConstantData.prototype.onPropertyChanged = function(name, value) {
+        this.widget.value = value;
+        if (value == null || value == "") {
+            return;
+        }
+
+        try {
+            this._value = JSON.parse(value);
+            this.boxcolor = "#AEA";
+        } catch (err) {
+            this.boxcolor = "red";
+        }
+    };
+
+    ConstantData.prototype.onExecute = function() {
+        this.setOutputData(0, this._value);
+    };
+
+	ConstantData.prototype.setValue = ConstantNumber.prototype.setValue;
+
+    LiteGraph.registerNodeType("basic/data", ConstantData);
+
+	//to store json objects
+    function ConstantArray() {
+        this._value = [];
+        this.addInput("", "");
+        this.addOutput("", "array");
+        this.addOutput("length", "number");
+        this.addProperty("value", "[]");
+        this.widget = this.addWidget("text","array",this.properties.value,"value");
+        this.widgets_up = true;
+        this.size = [140, 50];
+    }
+
+    ConstantArray.title = "Const Array";
+    ConstantArray.desc = "Constant Array";
+
+    ConstantArray.prototype.onPropertyChanged = function(name, value) {
+        this.widget.value = value;
+        if (value == null || value == "") {
+            return;
+        }
+
+        try {
+			if(value[0] != "[")
+	            this._value = JSON.parse("[" + value + "]");
+			else
+	            this._value = JSON.parse(value);
+            this.boxcolor = "#AEA";
+        } catch (err) {
+            this.boxcolor = "red";
+        }
+    };
+
+    ConstantArray.prototype.onExecute = function() {
+        var v = this.getInputData(0);
+		if(v && v.length) //clone
+		{
+			if(!this._value)
+				this._value = new Array();
+			this._value.length = v.length;
+			for(var i = 0; i < v.length; ++i)
+				this._value[i] = v[i];
+		}
+		this.setOutputData(0, this._value );
+		this.setOutputData(1, this._value ? ( this._value.length || 0) : 0 );
+    };
+
+	ConstantArray.prototype.setValue = ConstantNumber.prototype.setValue;
+
+    LiteGraph.registerNodeType("basic/array", ConstantArray);
+
+	function SetArray()
+	{
+        this.addInput("arr", "array");
+        this.addInput("value", "");
+        this.addOutput("arr", "array");
+		this.properties = { index: 0 };
+        this.widget = this.addWidget("number","i",this.properties.index,"index");
+	}
+
+    SetArray.title = "Set Array";
+    SetArray.desc = "Sets index of array";
+
+    SetArray.prototype.onExecute = function() {
+        var arr = this.getInputData(0);
+		if(!arr)
+			return;
+        var v = this.getInputData(1);
+		if(v === undefined )
+			return;
+		if(this.properties.index)
+			arr[ Math.floor(this.properties.index) ] = v;
+		this.setOutputData(0,arr);
+    };
+
+    LiteGraph.registerNodeType("basic/set_array", SetArray );
+
+    function ArrayElement() {
+        this.addInput("array", "array,table,string");
+        this.addInput("index", "number");
+        this.addOutput("value", "");
+		this.addProperty("index",0);
+    }
+
+    ArrayElement.title = "Array[i]";
+    ArrayElement.desc = "Returns an element from an array";
+
+    ArrayElement.prototype.onExecute = function() {
+        var array = this.getInputData(0);
+        var index = this.getInputData(1);
+		if(index == null)
+			index = this.properties.index;
+		if(array == null || index == null )
+			return;
+        this.setOutputData(0, array[Math.floor(Number(index))] );
+    };
+
+    LiteGraph.registerNodeType("basic/array[]", ArrayElement);
+
+    function TableElement() {
+        this.addInput("table", "table");
+        this.addInput("row", "number");
+        this.addInput("col", "number");
+        this.addOutput("value", "");
+		this.addProperty("row",0);
+		this.addProperty("column",0);
+    }
+
+    TableElement.title = "Table[row][col]";
+    TableElement.desc = "Returns an element from a table";
+
+    TableElement.prototype.onExecute = function() {
+        var table = this.getInputData(0);
+        var row = this.getInputData(1);
+        var col = this.getInputData(2);
+		if(row == null)
+			row = this.properties.row;
+		if(col == null)
+			col = this.properties.column;
+		if(table == null || row == null || col == null)
+			return;
+		var row = table[Math.floor(Number(row))];
+		if(row)
+	        this.setOutputData(0, row[Math.floor(Number(col))] );
+		else
+	        this.setOutputData(0, null );
+    };
+
+    LiteGraph.registerNodeType("basic/table[][]", TableElement);
+
+    function ObjectProperty() {
+        this.addInput("obj", "");
+        this.addOutput("", "");
+        this.addProperty("value", "");
+        this.widget = this.addWidget("text","prop.","",this.setValue.bind(this) );
+        this.widgets_up = true;
+        this.size = [140, 30];
+        this._value = null;
+    }
+
+    ObjectProperty.title = "Object property";
+    ObjectProperty.desc = "Outputs the property of an object";
+
+    ObjectProperty.prototype.setValue = function(v) {
+        this.properties.value = v;
+        this.widget.value = v;
+    };
+
+    ObjectProperty.prototype.getTitle = function() {
+        if (this.flags.collapsed) {
+            return "in." + this.properties.value;
+        }
+        return this.title;
+    };
+
+    ObjectProperty.prototype.onPropertyChanged = function(name, value) {
+        this.widget.value = value;
+    };
+
+    ObjectProperty.prototype.onExecute = function() {
+        var data = this.getInputData(0);
+        if (data != null) {
+            this.setOutputData(0, data[this.properties.value]);
+        }
+    };
+
+    LiteGraph.registerNodeType("basic/object_property", ObjectProperty);
+
+    function ObjectKeys() {
+        this.addInput("obj", "");
+        this.addOutput("keys", "array");
+        this.size = [140, 30];
+    }
+
+    ObjectKeys.title = "Object keys";
+    ObjectKeys.desc = "Outputs an array with the keys of an object";
+
+    ObjectKeys.prototype.onExecute = function() {
+        var data = this.getInputData(0);
+        if (data != null) {
+            this.setOutputData(0, Object.keys(data) );
+        }
+    };
+
+    LiteGraph.registerNodeType("basic/object_keys", ObjectKeys);
+
+
+	function SetObject()
+	{
+        this.addInput("obj", "");
+        this.addInput("value", "");
+        this.addOutput("obj", "");
+		this.properties = { property: "" };
+        this.name_widget = this.addWidget("text","prop.",this.properties.property,"property");
+	}
+
+    SetObject.title = "Set Object";
+    SetObject.desc = "Adds propertiesrty to object";
+
+    SetObject.prototype.onExecute = function() {
+        var obj = this.getInputData(0);
+		if(!obj)
+			return;
+        var v = this.getInputData(1);
+		if(v === undefined )
+			return;
+		if(this.properties.property)
+			obj[ this.properties.property ] = v;
+		this.setOutputData(0,obj);
+    };
+
+    LiteGraph.registerNodeType("basic/set_object", SetObject );
+
+
+    function MergeObjects() {
+        this.addInput("A", "");
+        this.addInput("B", "");
+        this.addOutput("", "");
+		this._result = {};
+		var that = this;
+		this.addWidget("button","clear","",function(){
+			that._result = {};
+		});
+		this.size = this.computeSize();
+    }
+
+    MergeObjects.title = "Merge Objects";
+    MergeObjects.desc = "Creates an object copying properties from others";
+
+    MergeObjects.prototype.onExecute = function() {
+        var A = this.getInputData(0);
+        var B = this.getInputData(1);
+		var C = this._result;
+		if(A)
+			for(var i in A)
+				C[i] = A[i];
+		if(B)
+			for(var i in B)
+				C[i] = B[i];
+		this.setOutputData(0,C);
+    };
+
+    LiteGraph.registerNodeType("basic/merge_objects", MergeObjects );
+
+    //Store as variable
+    function Variable() {
+        this.size = [60, 30];
+        this.addInput("in");
+        this.addOutput("out");
+		this.properties = { varname: "myname", container: Variable.LITEGRAPH };
+        this.value = null;
+    }
+
+    Variable.title = "Variable";
+    Variable.desc = "store/read variable value";
+
+	Variable.LITEGRAPH = 0; //between all graphs
+	Variable.GRAPH = 1;	//only inside this graph
+	Variable.GLOBALSCOPE = 2;	//attached to Window
+
+    Variable["@container"] = { type: "enum", values: {"litegraph":Variable.LITEGRAPH, "graph":Variable.GRAPH,"global": Variable.GLOBALSCOPE} };
+
+    Variable.prototype.onExecute = function() {
+		var container = this.getContainer();
+
+		if(this.isInputConnected(0))
+		{
+			this.value = this.getInputData(0);
+			container[ this.properties.varname ] = this.value;
+			this.setOutputData(0, this.value );
+			return;
+		}
+
+		this.setOutputData( 0, container[ this.properties.varname ] );
+    };
+
+	Variable.prototype.getContainer = function()
+	{
+		switch(this.properties.container)
+		{
+			case Variable.GRAPH:
+				if(this.graph)
+					return this.graph.vars;
+				return {};
+				break;
+			case Variable.GLOBALSCOPE:
+				return global;
+				break;
+			case Variable.LITEGRAPH:
+			default:
+				return LiteGraph.Globals;
+				break;
+		}
+	}
+
+    Variable.prototype.getTitle = function() {
+        return this.properties.varname;
+    };
+
+    LiteGraph.registerNodeType("basic/variable", Variable);
+
+    function length(v) {
+        if(v && v.length != null)
+			return Number(v.length);
+		return 0;
+    }
+
+    LiteGraph.wrapFunctionAsNode(
+        "basic/length",
+        length,
+        [""],
+        "number"
+    );
+
+	function DownloadData() {
+        this.size = [60, 30];
+        this.addInput("data", 0 );
+        this.addInput("download", LiteGraph.ACTION );
+		this.properties = { filename: "data.json" };
+        this.value = null;
+		var that = this;
+		this.addWidget("button","Download","", function(v){
+			if(!that.value)
+				return;
+			that.downloadAsFile();
+		});
+    }
+
+    DownloadData.title = "Download";
+    DownloadData.desc = "Download some data";
+
+	DownloadData.prototype.downloadAsFile = function()
+	{
+		if(this.value == null)
+			return;
+
+		var str = null;
+		if(this.value.constructor === String)
+			str = this.value;
+		else
+			str = JSON.stringify(this.value);
+
+		var file = new Blob([str]);
+		var url = URL.createObjectURL( file );
+		var element = document.createElement("a");
+		element.setAttribute('href', url);
+		element.setAttribute('download', this.properties.filename );
+		element.style.display = 'none';
+		document.body.appendChild(element);
+		element.click();
+		document.body.removeChild(element);
+		setTimeout( function(){ URL.revokeObjectURL( url ); }, 1000*60 ); //wait one minute to revoke url
+	}
+
+    DownloadData.prototype.onAction = function(action, param) {
+		var that = this;
+		setTimeout( function(){ that.downloadAsFile(); }, 100); //deferred to avoid blocking the renderer with the popup
+	}
+
+    DownloadData.prototype.onExecute = function() {
+        if (this.inputs[0]) {
+            this.value = this.getInputData(0);
+        }
+    };
+
+    DownloadData.prototype.getTitle = function() {
+        if (this.flags.collapsed) {
+            return this.properties.filename;
+        }
+        return this.title;
+    };
+
+    LiteGraph.registerNodeType("basic/download", DownloadData);
+
+
+
+    //Watch a value in the editor
+    function Watch() {
+        this.size = [60, 30];
+        this.addInput("value", 0, { label: "" });
+        this.value = 0;
+    }
+
+    Watch.title = "Watch";
+    Watch.desc = "Show value of input";
+
+    Watch.prototype.onExecute = function() {
+        if (this.inputs[0]) {
+            this.value = this.getInputData(0);
+        }
+    };
+
+    Watch.prototype.getTitle = function() {
+        if (this.flags.collapsed) {
+            return this.inputs[0].label;
+        }
+        return this.title;
+    };
+
+    Watch.toString = function(o) {
+        if (o == null) {
+            return "null";
+        } else if (o.constructor === Number) {
+            return o.toFixed(3);
+        } else if (o.constructor === Array) {
+            var str = "[";
+            for (var i = 0; i < o.length; ++i) {
+                str += Watch.toString(o[i]) + (i + 1 != o.length ? "," : "");
+            }
+            str += "]";
+            return str;
+        } else {
+            return String(o);
+        }
+    };
+
+    Watch.prototype.onDrawBackground = function(ctx) {
+        //show the current value
+        this.inputs[0].label = Watch.toString(this.value);
+    };
+
+    LiteGraph.registerNodeType("basic/watch", Watch);
+
+    //in case one type doesnt match other type but you want to connect them anyway
+    function Cast() {
+        this.addInput("in", 0);
+        this.addOutput("out", 0);
+        this.size = [40, 30];
+    }
+
+    Cast.title = "Cast";
+    Cast.desc = "Allows to connect different types";
+
+    Cast.prototype.onExecute = function() {
+        this.setOutputData(0, this.getInputData(0));
+    };
+
+    LiteGraph.registerNodeType("basic/cast", Cast);
+
+    //Show value inside the debug console
+    function Console() {
+        this.mode = LiteGraph.ON_EVENT;
+        this.size = [80, 30];
+        this.addProperty("msg", "");
+        this.addInput("log", LiteGraph.EVENT);
+        this.addInput("msg", 0);
+    }
+
+    Console.title = "Console";
+    Console.desc = "Show value inside the console";
+
+    Console.prototype.onAction = function(action, param) {
+        if (action == "log") {
+            console.log(param);
+        } else if (action == "warn") {
+            console.warn(param);
+        } else if (action == "error") {
+            console.error(param);
+        }
+    };
+
+    Console.prototype.onExecute = function() {
+        var msg = this.getInputData(1);
+        if (msg !== null) {
+            this.properties.msg = msg;
+        }
+        console.log(msg);
+    };
+
+    Console.prototype.onGetInputs = function() {
+        return [
+            ["log", LiteGraph.ACTION],
+            ["warn", LiteGraph.ACTION],
+            ["error", LiteGraph.ACTION]
+        ];
+    };
+
+    LiteGraph.registerNodeType("basic/console", Console);
+
+    //Show value inside the debug console
+    function Alert() {
+        this.mode = LiteGraph.ON_EVENT;
+        this.addProperty("msg", "");
+        this.addInput("", LiteGraph.EVENT);
+        var that = this;
+        this.widget = this.addWidget("text", "Text", "", "msg");
+        this.widgets_up = true;
+        this.size = [200, 30];
+    }
+
+    Alert.title = "Alert";
+    Alert.desc = "Show an alert window";
+    Alert.color = "#510";
+
+    Alert.prototype.onConfigure = function(o) {
+        this.widget.value = o.properties.msg;
+    };
+
+    Alert.prototype.onAction = function(action, param) {
+        var msg = this.properties.msg;
+        setTimeout(function() {
+            alert(msg);
+        }, 10);
+    };
+
+    LiteGraph.registerNodeType("basic/alert", Alert);
+
+    //Execites simple code
+    function NodeScript() {
+        this.size = [60, 30];
+        this.addProperty("onExecute", "return A;");
+        this.addInput("A", "");
+        this.addInput("B", "");
+        this.addOutput("out", "");
+
+        this._func = null;
+        this.data = {};
+    }
+
+    NodeScript.prototype.onConfigure = function(o) {
+        if (o.properties.onExecute && LiteGraph.allow_scripts)
+            this.compileCode(o.properties.onExecute);
+		else
+			console.warn("Script not compiled, LiteGraph.allow_scripts is false");
+    };
+
+    NodeScript.title = "Script";
+    NodeScript.desc = "executes a code (max 100 characters)";
+
+    NodeScript.widgets_info = {
+        onExecute: { type: "code" }
+    };
+
+    NodeScript.prototype.onPropertyChanged = function(name, value) {
+        if (name == "onExecute" && LiteGraph.allow_scripts)
+            this.compileCode(value);
+		else
+			console.warn("Script not compiled, LiteGraph.allow_scripts is false");
+    };
+
+    NodeScript.prototype.compileCode = function(code) {
+        this._func = null;
+        if (code.length > 256) {
+            console.warn("Script too long, max 256 chars");
+        } else {
+            var code_low = code.toLowerCase();
+            var forbidden_words = [
+                "script",
+                "body",
+                "document",
+                "eval",
+                "nodescript",
+                "function"
+            ]; //bad security solution
+            for (var i = 0; i < forbidden_words.length; ++i) {
+                if (code_low.indexOf(forbidden_words[i]) != -1) {
+                    console.warn("invalid script");
+                    return;
+                }
+            }
+            try {
+                this._func = new Function("A", "B", "C", "DATA", "node", code);
+            } catch (err) {
+                console.error("Error parsing script");
+                console.error(err);
+            }
+        }
+    };
+
+    NodeScript.prototype.onExecute = function() {
+        if (!this._func) {
+            return;
+        }
+
+        try {
+            var A = this.getInputData(0);
+            var B = this.getInputData(1);
+            var C = this.getInputData(2);
+            this.setOutputData(0, this._func(A, B, C, this.data, this));
+        } catch (err) {
+            console.error("Error in script");
+            console.error(err);
+        }
+    };
+
+    NodeScript.prototype.onGetOutputs = function() {
+        return [["C", ""]];
+    };
+
+    LiteGraph.registerNodeType("basic/script", NodeScript);
+})(this);
+
+//event related nodes
+(function(global) {
+    var LiteGraph = global.LiteGraph;
+
+    //Show value inside the debug console
+    function LogEvent() {
+        this.size = [60, 30];
+        this.addInput("event", LiteGraph.ACTION);
+    }
+
+    LogEvent.title = "Log Event";
+    LogEvent.desc = "Log event in console";
+
+    LogEvent.prototype.onAction = function(action, param) {
+        console.log(action, param);
+    };
+
+    LiteGraph.registerNodeType("events/log", LogEvent);
+
+    //convert to Event if the value is true
+    function TriggerEvent() {
+        this.size = [60, 30];
+        this.addInput("if", "");
+        this.addOutput("true", LiteGraph.EVENT);
+        this.addOutput("change", LiteGraph.EVENT);
+        this.addOutput("false", LiteGraph.EVENT);
+		this.properties = { only_on_change: true };
+		this.prev = 0;
+    }
+
+    TriggerEvent.title = "TriggerEvent";
+    TriggerEvent.desc = "Triggers event if input evaluates to true";
+
+    TriggerEvent.prototype.onExecute = function(action, param) {
+		var v = this.getInputData(0);
+		var changed = (v != this.prev);
+		if(this.prev === 0)
+			changed = false;
+		var must_resend = (changed && this.properties.only_on_change) || (!changed && !this.properties.only_on_change);
+		if(v && must_resend )
+	        this.triggerSlot(0, param);
+		if(!v && must_resend)
+	        this.triggerSlot(2, param);
+		if(changed)
+	        this.triggerSlot(1, param);
+		this.prev = v;
+    };
+
+    LiteGraph.registerNodeType("events/trigger", TriggerEvent);
+
+    //Sequencer for events
+    function Sequencer() {
+        this.addInput("", LiteGraph.ACTION);
+        this.addInput("", LiteGraph.ACTION);
+        this.addInput("", LiteGraph.ACTION);
+        this.addInput("", LiteGraph.ACTION);
+        this.addInput("", LiteGraph.ACTION);
+        this.addInput("", LiteGraph.ACTION);
+        this.addOutput("", LiteGraph.EVENT);
+        this.addOutput("", LiteGraph.EVENT);
+        this.addOutput("", LiteGraph.EVENT);
+        this.addOutput("", LiteGraph.EVENT);
+        this.addOutput("", LiteGraph.EVENT);
+        this.addOutput("", LiteGraph.EVENT);
+        this.size = [120, 30];
+        this.flags = { horizontal: true, render_box: false };
+    }
+
+    Sequencer.title = "Sequencer";
+    Sequencer.desc = "Trigger events when an event arrives";
+
+    Sequencer.prototype.getTitle = function() {
+        return "";
+    };
+
+    Sequencer.prototype.onAction = function(action, param) {
+        if (this.outputs) {
+            for (var i = 0; i < this.outputs.length; ++i) {
+                this.triggerSlot(i, param);
+            }
+        }
+    };
+
+    LiteGraph.registerNodeType("events/sequencer", Sequencer);
+
+    //Filter events
+    function FilterEvent() {
+        this.size = [60, 30];
+        this.addInput("event", LiteGraph.ACTION);
+        this.addOutput("event", LiteGraph.EVENT);
+        this.properties = {
+            equal_to: "",
+            has_property: "",
+            property_equal_to: ""
+        };
+    }
+
+    FilterEvent.title = "Filter Event";
+    FilterEvent.desc = "Blocks events that do not match the filter";
+
+    FilterEvent.prototype.onAction = function(action, param) {
+        if (param == null) {
+            return;
+        }
+
+        if (this.properties.equal_to && this.properties.equal_to != param) {
+            return;
+        }
+
+        if (this.properties.has_property) {
+            var prop = param[this.properties.has_property];
+            if (prop == null) {
+                return;
+            }
+
+            if (
+                this.properties.property_equal_to &&
+                this.properties.property_equal_to != prop
+            ) {
+                return;
+            }
+        }
+
+        this.triggerSlot(0, param);
+    };
+
+    LiteGraph.registerNodeType("events/filter", FilterEvent);
+
+
+    function EventBranch() {
+        this.addInput("in", LiteGraph.ACTION);
+        this.addInput("cond", "boolean");
+        this.addOutput("true", LiteGraph.EVENT);
+        this.addOutput("false", LiteGraph.EVENT);
+        this.size = [120, 60];
+		this._value = false;
+    }
+
+    EventBranch.title = "Branch";
+    EventBranch.desc = "If condition is true, outputs triggers true, otherwise false";
+
+    EventBranch.prototype.onExecute = function() {
+		this._value = this.getInputData(1);
+	}
+
+    EventBranch.prototype.onAction = function(action, param) {
+		this.triggerSlot(this._value ? 0 : 1);
+	}
+
+    LiteGraph.registerNodeType("events/branch", EventBranch);
+
+    //Show value inside the debug console
+    function EventCounter() {
+        this.addInput("inc", LiteGraph.ACTION);
+        this.addInput("dec", LiteGraph.ACTION);
+        this.addInput("reset", LiteGraph.ACTION);
+        this.addOutput("change", LiteGraph.EVENT);
+        this.addOutput("num", "number");
+        this.num = 0;
+    }
+
+    EventCounter.title = "Counter";
+    EventCounter.desc = "Counts events";
+
+    EventCounter.prototype.getTitle = function() {
+        if (this.flags.collapsed) {
+            return String(this.num);
+        }
+        return this.title;
+    };
+
+    EventCounter.prototype.onAction = function(action, param) {
+        var v = this.num;
+        if (action == "inc") {
+            this.num += 1;
+        } else if (action == "dec") {
+            this.num -= 1;
+        } else if (action == "reset") {
+            this.num = 0;
+        }
+        if (this.num != v) {
+            this.trigger("change", this.num);
+        }
+    };
+
+    EventCounter.prototype.onDrawBackground = function(ctx) {
+        if (this.flags.collapsed) {
+            return;
+        }
+        ctx.fillStyle = "#AAA";
+        ctx.font = "20px Arial";
+        ctx.textAlign = "center";
+        ctx.fillText(this.num, this.size[0] * 0.5, this.size[1] * 0.5);
+    };
+
+    EventCounter.prototype.onExecute = function() {
+        this.setOutputData(1, this.num);
+    };
+
+    LiteGraph.registerNodeType("events/counter", EventCounter);
+
+    //Show value inside the debug console
+    function DelayEvent() {
+        this.size = [60, 30];
+        this.addProperty("time_in_ms", 1000);
+        this.addInput("event", LiteGraph.ACTION);
+        this.addOutput("on_time", LiteGraph.EVENT);
+
+        this._pending = [];
+    }
+
+    DelayEvent.title = "Delay";
+    DelayEvent.desc = "Delays one event";
+
+    DelayEvent.prototype.onAction = function(action, param) {
+        var time = this.properties.time_in_ms;
+        if (time <= 0) {
+            this.trigger(null, param);
+        } else {
+            this._pending.push([time, param]);
+        }
+    };
+
+    DelayEvent.prototype.onExecute = function() {
+        var dt = this.graph.elapsed_time * 1000; //in ms
+
+        if (this.isInputConnected(1)) {
+            this.properties.time_in_ms = this.getInputData(1);
+        }
+
+        for (var i = 0; i < this._pending.length; ++i) {
+            var action = this._pending[i];
+            action[0] -= dt;
+            if (action[0] > 0) {
+                continue;
+            }
+
+            //remove
+            this._pending.splice(i, 1);
+            --i;
+
+            //trigger
+            this.trigger(null, action[1]);
+        }
+    };
+
+    DelayEvent.prototype.onGetInputs = function() {
+        return [["event", LiteGraph.ACTION], ["time_in_ms", "number"]];
+    };
+
+    LiteGraph.registerNodeType("events/delay", DelayEvent);
+
+    //Show value inside the debug console
+    function TimerEvent() {
+        this.addProperty("interval", 1000);
+        this.addProperty("event", "tick");
+        this.addOutput("on_tick", LiteGraph.EVENT);
+        this.time = 0;
+        this.last_interval = 1000;
+        this.triggered = false;
+    }
+
+    TimerEvent.title = "Timer";
+    TimerEvent.desc = "Sends an event every N milliseconds";
+
+    TimerEvent.prototype.onStart = function() {
+        this.time = 0;
+    };
+
+    TimerEvent.prototype.getTitle = function() {
+        return "Timer: " + this.last_interval.toString() + "ms";
+    };
+
+    TimerEvent.on_color = "#AAA";
+    TimerEvent.off_color = "#222";
+
+    TimerEvent.prototype.onDrawBackground = function() {
+        this.boxcolor = this.triggered
+            ? TimerEvent.on_color
+            : TimerEvent.off_color;
+        this.triggered = false;
+    };
+
+    TimerEvent.prototype.onExecute = function() {
+        var dt = this.graph.elapsed_time * 1000; //in ms
+
+        var trigger = this.time == 0;
+
+        this.time += dt;
+        this.last_interval = Math.max(
+            1,
+            this.getInputOrProperty("interval") | 0
+        );
+
+        if (
+            !trigger &&
+            (this.time < this.last_interval || isNaN(this.last_interval))
+        ) {
+            if (this.inputs && this.inputs.length > 1 && this.inputs[1]) {
+                this.setOutputData(1, false);
+            }
+            return;
+        }
+
+        this.triggered = true;
+        this.time = this.time % this.last_interval;
+        this.trigger("on_tick", this.properties.event);
+        if (this.inputs && this.inputs.length > 1 && this.inputs[1]) {
+            this.setOutputData(1, true);
+        }
+    };
+
+    TimerEvent.prototype.onGetInputs = function() {
+        return [["interval", "number"]];
+    };
+
+    TimerEvent.prototype.onGetOutputs = function() {
+        return [["tick", "boolean"]];
+    };
+
+    LiteGraph.registerNodeType("events/timer", TimerEvent);
+
+    function DataStore() {
+        this.addInput("data", "");
+        this.addInput("assign", LiteGraph.ACTION);
+        this.addOutput("data", "");
+		this._last_value = null;
+		this.properties = { data: null, serialize: true };
+		var that = this;
+		this.addWidget("button","store","",function(){
+			that.properties.data = that._last_value;
+		});
+    }
+
+    DataStore.title = "Data Store";
+    DataStore.desc = "Stores data and only changes when event is received";
+
+	DataStore.prototype.onExecute = function()
+	{
+		this._last_value = this.getInputData(0);
+		this.setOutputData(0, this.properties.data );
+	}
+
+    DataStore.prototype.onAction = function(action, param) {
+		this.properties.data = this._last_value;
+    };
+
+	DataStore.prototype.onSerialize = function(o)
+	{
+		if(o.data == null)
+			return;
+		if(this.properties.serialize == false || (o.data.constructor !== String && o.data.constructor !== Number && o.data.constructor !== Boolean && o.data.constructor !== Array && o.data.constructor !== Object ))
+			o.data = null;
+	}
+
+    LiteGraph.registerNodeType("basic/data_store", DataStore);
+})(this);
+
+(function(global) {
+    var LiteGraph = global.LiteGraph;
+
+    function GamepadInput() {
+        this.addOutput("left_x_axis", "number");
+        this.addOutput("left_y_axis", "number");
+        this.addOutput("button_pressed", LiteGraph.EVENT);
+        this.properties = { gamepad_index: 0, threshold: 0.1 };
+
+        this._left_axis = new Float32Array(2);
+        this._right_axis = new Float32Array(2);
+        this._triggers = new Float32Array(2);
+        this._previous_buttons = new Uint8Array(17);
+        this._current_buttons = new Uint8Array(17);
+    }
+
+    GamepadInput.title = "Gamepad";
+    GamepadInput.desc = "gets the input of the gamepad";
+
+    GamepadInput.CENTER = 0;
+    GamepadInput.LEFT = 1;
+    GamepadInput.RIGHT = 2;
+    GamepadInput.UP = 4;
+    GamepadInput.DOWN = 8;
+
+    GamepadInput.zero = new Float32Array(2);
+    GamepadInput.buttons = [
+        "a",
+        "b",
+        "x",
+        "y",
+        "lb",
+        "rb",
+        "lt",
+        "rt",
+        "back",
+        "start",
+        "ls",
+        "rs",
+        "home"
+    ];
+
+    GamepadInput.prototype.onExecute = function() {
+        //get gamepad
+        var gamepad = this.getGamepad();
+        var threshold = this.properties.threshold || 0.0;
+
+        if (gamepad) {
+            this._left_axis[0] =
+                Math.abs(gamepad.xbox.axes["lx"]) > threshold
+                    ? gamepad.xbox.axes["lx"]
+                    : 0;
+            this._left_axis[1] =
+                Math.abs(gamepad.xbox.axes["ly"]) > threshold
+                    ? gamepad.xbox.axes["ly"]
+                    : 0;
+            this._right_axis[0] =
+                Math.abs(gamepad.xbox.axes["rx"]) > threshold
+                    ? gamepad.xbox.axes["rx"]
+                    : 0;
+            this._right_axis[1] =
+                Math.abs(gamepad.xbox.axes["ry"]) > threshold
+                    ? gamepad.xbox.axes["ry"]
+                    : 0;
+            this._triggers[0] =
+                Math.abs(gamepad.xbox.axes["ltrigger"]) > threshold
+                    ? gamepad.xbox.axes["ltrigger"]
+                    : 0;
+            this._triggers[1] =
+                Math.abs(gamepad.xbox.axes["rtrigger"]) > threshold
+                    ? gamepad.xbox.axes["rtrigger"]
+                    : 0;
+        }
+
+        if (this.outputs) {
+            for (var i = 0; i < this.outputs.length; i++) {
+                var output = this.outputs[i];
+                if (!output.links || !output.links.length) {
+                    continue;
+                }
+                var v = null;
+
+                if (gamepad) {
+                    switch (output.name) {
+                        case "left_axis":
+                            v = this._left_axis;
+                            break;
+                        case "right_axis":
+                            v = this._right_axis;
+                            break;
+                        case "left_x_axis":
+                            v = this._left_axis[0];
+                            break;
+                        case "left_y_axis":
+                            v = this._left_axis[1];
+                            break;
+                        case "right_x_axis":
+                            v = this._right_axis[0];
+                            break;
+                        case "right_y_axis":
+                            v = this._right_axis[1];
+                            break;
+                        case "trigger_left":
+                            v = this._triggers[0];
+                            break;
+                        case "trigger_right":
+                            v = this._triggers[1];
+                            break;
+                        case "a_button":
+                            v = gamepad.xbox.buttons["a"] ? 1 : 0;
+                            break;
+                        case "b_button":
+                            v = gamepad.xbox.buttons["b"] ? 1 : 0;
+                            break;
+                        case "x_button":
+                            v = gamepad.xbox.buttons["x"] ? 1 : 0;
+                            break;
+                        case "y_button":
+                            v = gamepad.xbox.buttons["y"] ? 1 : 0;
+                            break;
+                        case "lb_button":
+                            v = gamepad.xbox.buttons["lb"] ? 1 : 0;
+                            break;
+                        case "rb_button":
+                            v = gamepad.xbox.buttons["rb"] ? 1 : 0;
+                            break;
+                        case "ls_button":
+                            v = gamepad.xbox.buttons["ls"] ? 1 : 0;
+                            break;
+                        case "rs_button":
+                            v = gamepad.xbox.buttons["rs"] ? 1 : 0;
+                            break;
+                        case "hat_left":
+                            v = gamepad.xbox.hatmap & GamepadInput.LEFT;
+                            break;
+                        case "hat_right":
+                            v = gamepad.xbox.hatmap & GamepadInput.RIGHT;
+                            break;
+                        case "hat_up":
+                            v = gamepad.xbox.hatmap & GamepadInput.UP;
+                            break;
+                        case "hat_down":
+                            v = gamepad.xbox.hatmap & GamepadInput.DOWN;
+                            break;
+                        case "hat":
+                            v = gamepad.xbox.hatmap;
+                            break;
+                        case "start_button":
+                            v = gamepad.xbox.buttons["start"] ? 1 : 0;
+                            break;
+                        case "back_button":
+                            v = gamepad.xbox.buttons["back"] ? 1 : 0;
+                            break;
+                        case "button_pressed":
+                            for (
+                                var j = 0;
+                                j < this._current_buttons.length;
+                                ++j
+                            ) {
+                                if (
+                                    this._current_buttons[j] &&
+                                    !this._previous_buttons[j]
+                                ) {
+                                    this.triggerSlot(
+                                        i,
+                                        GamepadInput.buttons[j]
+                                    );
+                                }
+                            }
+                            break;
+                        default:
+                            break;
+                    }
+                } else {
+                    //if no gamepad is connected, output 0
+                    switch (output.name) {
+                        case "button_pressed":
+                            break;
+                        case "left_axis":
+                        case "right_axis":
+                            v = GamepadInput.zero;
+                            break;
+                        default:
+                            v = 0;
+                    }
+                }
+                this.setOutputData(i, v);
+            }
+        }
+    };
+
+	GamepadInput.mapping = {a:0,b:1,x:2,y:3,lb:4,rb:5,lt:6,rt:7,back:8,start:9,ls:10,rs:11 };
+	GamepadInput.mapping_array = ["a","b","x","y","lb","rb","lt","rt","back","start","ls","rs"];
+
+    GamepadInput.prototype.getGamepad = function() {
+        var getGamepads =
+            navigator.getGamepads ||
+            navigator.webkitGetGamepads ||
+            navigator.mozGetGamepads;
+        if (!getGamepads) {
+            return null;
+        }
+        var gamepads = getGamepads.call(navigator);
+        var gamepad = null;
+
+        this._previous_buttons.set(this._current_buttons);
+
+        //pick the first connected
+        for (var i = this.properties.gamepad_index; i < 4; i++) {
+            if (!gamepads[i]) {
+                continue;
+            }
+            gamepad = gamepads[i];
+
+            //xbox controller mapping
+            var xbox = this.xbox_mapping;
+            if (!xbox) {
+                xbox = this.xbox_mapping = {
+                    axes: [],
+                    buttons: {},
+                    hat: "",
+                    hatmap: GamepadInput.CENTER
+                };
+            }
+
+            xbox.axes["lx"] = gamepad.axes[0];
+            xbox.axes["ly"] = gamepad.axes[1];
+            xbox.axes["rx"] = gamepad.axes[2];
+            xbox.axes["ry"] = gamepad.axes[3];
+            xbox.axes["ltrigger"] = gamepad.buttons[6].value;
+            xbox.axes["rtrigger"] = gamepad.buttons[7].value;
+            xbox.hat = "";
+            xbox.hatmap = GamepadInput.CENTER;
+
+            for (var j = 0; j < gamepad.buttons.length; j++) {
+                this._current_buttons[j] = gamepad.buttons[j].pressed;
+
+				if(j < 12)
+				{
+					xbox.buttons[ GamepadInput.mapping_array[j] ] = gamepad.buttons[j].pressed;
+					if(gamepad.buttons[j].was_pressed)
+						this.trigger( GamepadInput.mapping_array[j] + "_button_event" );
+				}
+				else //mapping of XBOX
+					switch ( j ) //I use a switch to ensure that a player with another gamepad could play
+					{
+						case 12:
+							if (gamepad.buttons[j].pressed) {
+								xbox.hat += "up";
+								xbox.hatmap |= GamepadInput.UP;
+							}
+							break;
+						case 13:
+							if (gamepad.buttons[j].pressed) {
+								xbox.hat += "down";
+								xbox.hatmap |= GamepadInput.DOWN;
+							}
+							break;
+						case 14:
+							if (gamepad.buttons[j].pressed) {
+								xbox.hat += "left";
+								xbox.hatmap |= GamepadInput.LEFT;
+							}
+							break;
+						case 15:
+							if (gamepad.buttons[j].pressed) {
+								xbox.hat += "right";
+								xbox.hatmap |= GamepadInput.RIGHT;
+							}
+							break;
+						case 16:
+							xbox.buttons["home"] = gamepad.buttons[j].pressed;
+							break;
+						default:
+					}
+            }
+            gamepad.xbox = xbox;
+            return gamepad;
+        }
+    };
+
+    GamepadInput.prototype.onDrawBackground = function(ctx) {
+        if (this.flags.collapsed) {
+            return;
+        }
+
+        //render gamepad state?
+        var la = this._left_axis;
+        var ra = this._right_axis;
+        ctx.strokeStyle = "#88A";
+        ctx.strokeRect(
+            (la[0] + 1) * 0.5 * this.size[0] - 4,
+            (la[1] + 1) * 0.5 * this.size[1] - 4,
+            8,
+            8
+        );
+        ctx.strokeStyle = "#8A8";
+        ctx.strokeRect(
+            (ra[0] + 1) * 0.5 * this.size[0] - 4,
+            (ra[1] + 1) * 0.5 * this.size[1] - 4,
+            8,
+            8
+        );
+        var h = this.size[1] / this._current_buttons.length;
+        ctx.fillStyle = "#AEB";
+        for (var i = 0; i < this._current_buttons.length; ++i) {
+            if (this._current_buttons[i]) {
+                ctx.fillRect(0, h * i, 6, h);
+            }
+        }
+    };
+
+    GamepadInput.prototype.onGetOutputs = function() {
+        return [
+            ["left_axis", "vec2"],
+            ["right_axis", "vec2"],
+            ["left_x_axis", "number"],
+            ["left_y_axis", "number"],
+            ["right_x_axis", "number"],
+            ["right_y_axis", "number"],
+            ["trigger_left", "number"],
+            ["trigger_right", "number"],
+            ["a_button", "number"],
+            ["b_button", "number"],
+            ["x_button", "number"],
+            ["y_button", "number"],
+            ["lb_button", "number"],
+            ["rb_button", "number"],
+            ["ls_button", "number"],
+            ["rs_button", "number"],
+            ["start_button", "number"],
+            ["back_button", "number"],
+            ["a_button_event", LiteGraph.EVENT ],
+            ["b_button_event", LiteGraph.EVENT ],
+            ["x_button_event", LiteGraph.EVENT ],
+            ["y_button_event", LiteGraph.EVENT ],
+            ["lb_button_event", LiteGraph.EVENT ],
+            ["rb_button_event", LiteGraph.EVENT ],
+            ["ls_button_event", LiteGraph.EVENT ],
+            ["rs_button_event", LiteGraph.EVENT ],
+            ["start_button_event", LiteGraph.EVENT ],
+            ["back_button_event", LiteGraph.EVENT ],
+            ["hat_left", "number"],
+            ["hat_right", "number"],
+            ["hat_up", "number"],
+            ["hat_down", "number"],
+            ["hat", "number"],
+            ["button_pressed", LiteGraph.EVENT]
+        ];
+    };
+
+    LiteGraph.registerNodeType("input/gamepad", GamepadInput);
+})(this);
+
+(function(global) {
+    var LiteGraph = global.LiteGraph;
+
+    //Converter
+    function Converter() {
+        this.addInput("in", "*");
+        this.size = [80, 30];
+    }
+
+    Converter.title = "Converter";
+    Converter.desc = "type A to type B";
+
+    Converter.prototype.onExecute = function() {
+        var v = this.getInputData(0);
+        if (v == null) {
+            return;
+        }
+
+        if (this.outputs) {
+            for (var i = 0; i < this.outputs.length; i++) {
+                var output = this.outputs[i];
+                if (!output.links || !output.links.length) {
+                    continue;
+                }
+
+                var result = null;
+                switch (output.name) {
+                    case "number":
+                        result = v.length ? v[0] : parseFloat(v);
+                        break;
+                    case "vec2":
+                    case "vec3":
+                    case "vec4":
+                        var result = null;
+                        var count = 1;
+                        switch (output.name) {
+                            case "vec2":
+                                count = 2;
+                                break;
+                            case "vec3":
+                                count = 3;
+                                break;
+                            case "vec4":
+                                count = 4;
+                                break;
+                        }
+
+                        var result = new Float32Array(count);
+                        if (v.length) {
+                            for (
+                                var j = 0;
+                                j < v.length && j < result.length;
+                                j++
+                            ) {
+                                result[j] = v[j];
+                            }
+                        } else {
+                            result[0] = parseFloat(v);
+                        }
+                        break;
+                }
+                this.setOutputData(i, result);
+            }
+        }
+    };
+
+    Converter.prototype.onGetOutputs = function() {
+        return [
+            ["number", "number"],
+            ["vec2", "vec2"],
+            ["vec3", "vec3"],
+            ["vec4", "vec4"]
+        ];
+    };
+
+    LiteGraph.registerNodeType("math/converter", Converter);
+
+    //Bypass
+    function Bypass() {
+        this.addInput("in");
+        this.addOutput("out");
+        this.size = [80, 30];
+    }
+
+    Bypass.title = "Bypass";
+    Bypass.desc = "removes the type";
+
+    Bypass.prototype.onExecute = function() {
+        var v = this.getInputData(0);
+        this.setOutputData(0, v);
+    };
+
+    LiteGraph.registerNodeType("math/bypass", Bypass);
+
+    function ToNumber() {
+        this.addInput("in");
+        this.addOutput("out");
+    }
+
+    ToNumber.title = "to Number";
+    ToNumber.desc = "Cast to number";
+
+    ToNumber.prototype.onExecute = function() {
+        var v = this.getInputData(0);
+        this.setOutputData(0, Number(v));
+    };
+
+    LiteGraph.registerNodeType("math/to_number", ToNumber);
+
+    function MathRange() {
+        this.addInput("in", "number", { locked: true });
+        this.addOutput("out", "number", { locked: true });
+        this.addOutput("clamped", "number", { locked: true });
+
+        this.addProperty("in", 0);
+        this.addProperty("in_min", 0);
+        this.addProperty("in_max", 1);
+        this.addProperty("out_min", 0);
+        this.addProperty("out_max", 1);
+
+        this.size = [120, 50];
+    }
+
+    MathRange.title = "Range";
+    MathRange.desc = "Convert a number from one range to another";
+
+    MathRange.prototype.getTitle = function() {
+        if (this.flags.collapsed) {
+            return (this._last_v || 0).toFixed(2);
+        }
+        return this.title;
+    };
+
+    MathRange.prototype.onExecute = function() {
+        if (this.inputs) {
+            for (var i = 0; i < this.inputs.length; i++) {
+                var input = this.inputs[i];
+                var v = this.getInputData(i);
+                if (v === undefined) {
+                    continue;
+                }
+                this.properties[input.name] = v;
+            }
+        }
+
+        var v = this.properties["in"];
+        if (v === undefined || v === null || v.constructor !== Number) {
+            v = 0;
+        }
+
+        var in_min = this.properties.in_min;
+        var in_max = this.properties.in_max;
+        var out_min = this.properties.out_min;
+        var out_max = this.properties.out_max;
+		/*
+		if( in_min > in_max )
+		{
+			in_min = in_max;
+			in_max = this.properties.in_min;
+		}
+		if( out_min > out_max )
+		{
+			out_min = out_max;
+			out_max = this.properties.out_min;
+		}
+		*/
+
+        this._last_v = ((v - in_min) / (in_max - in_min)) * (out_max - out_min) + out_min;
+        this.setOutputData(0, this._last_v);
+        this.setOutputData(1, Math.clamp( this._last_v, out_min, out_max ));
+    };
+
+    MathRange.prototype.onDrawBackground = function(ctx) {
+        //show the current value
+        if (this._last_v) {
+            this.outputs[0].label = this._last_v.toFixed(3);
+        } else {
+            this.outputs[0].label = "?";
+        }
+    };
+
+    MathRange.prototype.onGetInputs = function() {
+        return [
+            ["in_min", "number"],
+            ["in_max", "number"],
+            ["out_min", "number"],
+            ["out_max", "number"]
+        ];
+    };
+
+    LiteGraph.registerNodeType("math/range", MathRange);
+
+    function MathRand() {
+        this.addOutput("value", "number");
+        this.addProperty("min", 0);
+        this.addProperty("max", 1);
+        this.size = [80, 30];
+    }
+
+    MathRand.title = "Rand";
+    MathRand.desc = "Random number";
+
+    MathRand.prototype.onExecute = function() {
+        if (this.inputs) {
+            for (var i = 0; i < this.inputs.length; i++) {
+                var input = this.inputs[i];
+                var v = this.getInputData(i);
+                if (v === undefined) {
+                    continue;
+                }
+                this.properties[input.name] = v;
+            }
+        }
+
+        var min = this.properties.min;
+        var max = this.properties.max;
+        this._last_v = Math.random() * (max - min) + min;
+        this.setOutputData(0, this._last_v);
+    };
+
+    MathRand.prototype.onDrawBackground = function(ctx) {
+        //show the current value
+        this.outputs[0].label = (this._last_v || 0).toFixed(3);
+    };
+
+    MathRand.prototype.onGetInputs = function() {
+        return [["min", "number"], ["max", "number"]];
+    };
+
+    LiteGraph.registerNodeType("math/rand", MathRand);
+
+    //basic continuous noise
+    function MathNoise() {
+        this.addInput("in", "number");
+        this.addOutput("out", "number");
+        this.addProperty("min", 0);
+        this.addProperty("max", 1);
+        this.addProperty("smooth", true);
+        this.addProperty("seed", 0);
+        this.addProperty("octaves", 1);
+        this.addProperty("persistence", 0.8);
+        this.addProperty("speed", 1);
+        this.size = [90, 30];
+    }
+
+    MathNoise.title = "Noise";
+    MathNoise.desc = "Random number with temporal continuity";
+    MathNoise.data = null;
+
+    MathNoise.getValue = function(f, smooth) {
+        if (!MathNoise.data) {
+            MathNoise.data = new Float32Array(1024);
+            for (var i = 0; i < MathNoise.data.length; ++i) {
+                MathNoise.data[i] = Math.random();
+            }
+        }
+        f = f % 1024;
+        if (f < 0) {
+            f += 1024;
+        }
+        var f_min = Math.floor(f);
+        var f = f - f_min;
+        var r1 = MathNoise.data[f_min];
+        var r2 = MathNoise.data[f_min == 1023 ? 0 : f_min + 1];
+        if (smooth) {
+            f = f * f * f * (f * (f * 6.0 - 15.0) + 10.0);
+        }
+        return r1 * (1 - f) + r2 * f;
+    };
+
+    MathNoise.prototype.onExecute = function() {
+        var f = this.getInputData(0) || 0;
+		var iterations = this.properties.octaves || 1;
+		var r = 0;
+		var amp = 1;
+		var seed = this.properties.seed || 0;
+		f += seed;
+		var speed = this.properties.speed || 1;
+		var total_amp = 0;
+		for(var i = 0; i < iterations; ++i)
+		{
+			r += MathNoise.getValue(f * (1+i) * speed, this.properties.smooth) * amp;
+			total_amp += amp;
+			amp *= this.properties.persistence;
+			if(amp < 0.001)
+				break;
+		}
+		r /= total_amp;
+        var min = this.properties.min;
+        var max = this.properties.max;
+        this._last_v = r * (max - min) + min;
+        this.setOutputData(0, this._last_v);
+    };
+
+    MathNoise.prototype.onDrawBackground = function(ctx) {
+        //show the current value
+        this.outputs[0].label = (this._last_v || 0).toFixed(3);
+    };
+
+    LiteGraph.registerNodeType("math/noise", MathNoise);
+
+    //generates spikes every random time
+    function MathSpikes() {
+        this.addOutput("out", "number");
+        this.addProperty("min_time", 1);
+        this.addProperty("max_time", 2);
+        this.addProperty("duration", 0.2);
+        this.size = [90, 30];
+        this._remaining_time = 0;
+        this._blink_time = 0;
+    }
+
+    MathSpikes.title = "Spikes";
+    MathSpikes.desc = "spike every random time";
+
+    MathSpikes.prototype.onExecute = function() {
+        var dt = this.graph.elapsed_time; //in secs
+
+        this._remaining_time -= dt;
+        this._blink_time -= dt;
+
+        var v = 0;
+        if (this._blink_time > 0) {
+            var f = this._blink_time / this.properties.duration;
+            v = 1 / (Math.pow(f * 8 - 4, 4) + 1);
+        }
+
+        if (this._remaining_time < 0) {
+            this._remaining_time =
+                Math.random() *
+                    (this.properties.max_time - this.properties.min_time) +
+                this.properties.min_time;
+            this._blink_time = this.properties.duration;
+            this.boxcolor = "#FFF";
+        } else {
+            this.boxcolor = "#000";
+        }
+        this.setOutputData(0, v);
+    };
+
+    LiteGraph.registerNodeType("math/spikes", MathSpikes);
+
+    //Math clamp
+    function MathClamp() {
+        this.addInput("in", "number");
+        this.addOutput("out", "number");
+        this.size = [80, 30];
+        this.addProperty("min", 0);
+        this.addProperty("max", 1);
+    }
+
+    MathClamp.title = "Clamp";
+    MathClamp.desc = "Clamp number between min and max";
+    //MathClamp.filter = "shader";
+
+    MathClamp.prototype.onExecute = function() {
+        var v = this.getInputData(0);
+        if (v == null) {
+            return;
+        }
+        v = Math.max(this.properties.min, v);
+        v = Math.min(this.properties.max, v);
+        this.setOutputData(0, v);
+    };
+
+    MathClamp.prototype.getCode = function(lang) {
+        var code = "";
+        if (this.isInputConnected(0)) {
+            code +=
+                "clamp({{0}}," +
+                this.properties.min +
+                "," +
+                this.properties.max +
+                ")";
+        }
+        return code;
+    };
+
+    LiteGraph.registerNodeType("math/clamp", MathClamp);
+
+    //Math ABS
+    function MathLerp() {
+        this.properties = { f: 0.5 };
+        this.addInput("A", "number");
+        this.addInput("B", "number");
+
+        this.addOutput("out", "number");
+    }
+
+    MathLerp.title = "Lerp";
+    MathLerp.desc = "Linear Interpolation";
+
+    MathLerp.prototype.onExecute = function() {
+        var v1 = this.getInputData(0);
+        if (v1 == null) {
+            v1 = 0;
+        }
+        var v2 = this.getInputData(1);
+        if (v2 == null) {
+            v2 = 0;
+        }
+
+        var f = this.properties.f;
+
+        var _f = this.getInputData(2);
+        if (_f !== undefined) {
+            f = _f;
+        }
+
+        this.setOutputData(0, v1 * (1 - f) + v2 * f);
+    };
+
+    MathLerp.prototype.onGetInputs = function() {
+        return [["f", "number"]];
+    };
+
+    LiteGraph.registerNodeType("math/lerp", MathLerp);
+
+    //Math ABS
+    function MathAbs() {
+        this.addInput("in", "number");
+        this.addOutput("out", "number");
+        this.size = [80, 30];
+    }
+
+    MathAbs.title = "Abs";
+    MathAbs.desc = "Absolute";
+
+    MathAbs.prototype.onExecute = function() {
+        var v = this.getInputData(0);
+        if (v == null) {
+            return;
+        }
+        this.setOutputData(0, Math.abs(v));
+    };
+
+    LiteGraph.registerNodeType("math/abs", MathAbs);
+
+    //Math Floor
+    function MathFloor() {
+        this.addInput("in", "number");
+        this.addOutput("out", "number");
+        this.size = [80, 30];
+    }
+
+    MathFloor.title = "Floor";
+    MathFloor.desc = "Floor number to remove fractional part";
+
+    MathFloor.prototype.onExecute = function() {
+        var v = this.getInputData(0);
+        if (v == null) {
+            return;
+        }
+        this.setOutputData(0, Math.floor(v));
+    };
+
+    LiteGraph.registerNodeType("math/floor", MathFloor);
+
+    //Math frac
+    function MathFrac() {
+        this.addInput("in", "number");
+        this.addOutput("out", "number");
+        this.size = [80, 30];
+    }
+
+    MathFrac.title = "Frac";
+    MathFrac.desc = "Returns fractional part";
+
+    MathFrac.prototype.onExecute = function() {
+        var v = this.getInputData(0);
+        if (v == null) {
+            return;
+        }
+        this.setOutputData(0, v % 1);
+    };
+
+    LiteGraph.registerNodeType("math/frac", MathFrac);
+
+    //Math Floor
+    function MathSmoothStep() {
+        this.addInput("in", "number");
+        this.addOutput("out", "number");
+        this.size = [80, 30];
+        this.properties = { A: 0, B: 1 };
+    }
+
+    MathSmoothStep.title = "Smoothstep";
+    MathSmoothStep.desc = "Smoothstep";
+
+    MathSmoothStep.prototype.onExecute = function() {
+        var v = this.getInputData(0);
+        if (v === undefined) {
+            return;
+        }
+
+        var edge0 = this.properties.A;
+        var edge1 = this.properties.B;
+
+        // Scale, bias and saturate x to 0..1 range
+        v = Math.clamp((v - edge0) / (edge1 - edge0), 0.0, 1.0);
+        // Evaluate polynomial
+        v = v * v * (3 - 2 * v);
+
+        this.setOutputData(0, v);
+    };
+
+    LiteGraph.registerNodeType("math/smoothstep", MathSmoothStep);
+
+    //Math scale
+    function MathScale() {
+        this.addInput("in", "number", { label: "" });
+        this.addOutput("out", "number", { label: "" });
+        this.size = [80, 30];
+        this.addProperty("factor", 1);
+    }
+
+    MathScale.title = "Scale";
+    MathScale.desc = "v * factor";
+
+    MathScale.prototype.onExecute = function() {
+        var value = this.getInputData(0);
+        if (value != null) {
+            this.setOutputData(0, value * this.properties.factor);
+        }
+    };
+
+    LiteGraph.registerNodeType("math/scale", MathScale);
+
+	//Gate
+	function Gate() {
+		this.addInput("v","boolean");
+		this.addInput("A");
+		this.addInput("B");
+		this.addOutput("out");
+	}
+
+	Gate.title = "Gate";
+	Gate.desc = "if v is true, then outputs A, otherwise B";
+
+	Gate.prototype.onExecute = function() {
+		var v = this.getInputData(0);
+		this.setOutputData(0, this.getInputData( v ? 1 : 2 ));
+	};
+
+	LiteGraph.registerNodeType("math/gate", Gate);
+
+
+    //Math Average
+    function MathAverageFilter() {
+        this.addInput("in", "number");
+        this.addOutput("out", "number");
+        this.size = [80, 30];
+        this.addProperty("samples", 10);
+        this._values = new Float32Array(10);
+        this._current = 0;
+    }
+
+    MathAverageFilter.title = "Average";
+    MathAverageFilter.desc = "Average Filter";
+
+    MathAverageFilter.prototype.onExecute = function() {
+        var v = this.getInputData(0);
+        if (v == null) {
+            v = 0;
+        }
+
+        var num_samples = this._values.length;
+
+        this._values[this._current % num_samples] = v;
+        this._current += 1;
+        if (this._current > num_samples) {
+            this._current = 0;
+        }
+
+        var avr = 0;
+        for (var i = 0; i < num_samples; ++i) {
+            avr += this._values[i];
+        }
+
+        this.setOutputData(0, avr / num_samples);
+    };
+
+    MathAverageFilter.prototype.onPropertyChanged = function(name, value) {
+        if (value < 1) {
+            value = 1;
+        }
+        this.properties.samples = Math.round(value);
+        var old = this._values;
+
+        this._values = new Float32Array(this.properties.samples);
+        if (old.length <= this._values.length) {
+            this._values.set(old);
+        } else {
+            this._values.set(old.subarray(0, this._values.length));
+        }
+    };
+
+    LiteGraph.registerNodeType("math/average", MathAverageFilter);
+
+    //Math
+    function MathTendTo() {
+        this.addInput("in", "number");
+        this.addOutput("out", "number");
+        this.addProperty("factor", 0.1);
+        this.size = [80, 30];
+        this._value = null;
+    }
+
+    MathTendTo.title = "TendTo";
+    MathTendTo.desc = "moves the output value always closer to the input";
+
+    MathTendTo.prototype.onExecute = function() {
+        var v = this.getInputData(0);
+        if (v == null) {
+            v = 0;
+        }
+        var f = this.properties.factor;
+        if (this._value == null) {
+            this._value = v;
+        } else {
+            this._value = this._value * (1 - f) + v * f;
+        }
+        this.setOutputData(0, this._value);
+    };
+
+    LiteGraph.registerNodeType("math/tendTo", MathTendTo);
+
+    //Math operation
+    function MathOperation() {
+        this.addInput("A", "number,array,object");
+        this.addInput("B", "number");
+        this.addOutput("=", "number");
+        this.addProperty("A", 1);
+        this.addProperty("B", 1);
+        this.addProperty("OP", "+", "enum", { values: MathOperation.values });
+		this._func = function(A,B) { return A + B; };
+		this._result = []; //only used for arrays
+    }
+
+    MathOperation.values = ["+", "-", "*", "/", "%", "^", "max", "min"];
+
+	MathOperation.title = "Operation";
+    MathOperation.desc = "Easy math operators";
+    MathOperation["@OP"] = {
+        type: "enum",
+        title: "operation",
+        values: MathOperation.values
+    };
+    MathOperation.size = [100, 60];
+
+    MathOperation.prototype.getTitle = function() {
+		if(this.properties.OP == "max" || this.properties.OP == "min")
+			return this.properties.OP + "(A,B)";
+        return "A " + this.properties.OP + " B";
+    };
+
+    MathOperation.prototype.setValue = function(v) {
+        if (typeof v == "string") {
+            v = parseFloat(v);
+        }
+        this.properties["value"] = v;
+    };
+
+    MathOperation.prototype.onPropertyChanged = function(name, value)
+	{
+		if (name != "OP")
+			return;
+        switch (this.properties.OP) {
+            case "+": this._func = function(A,B) { return A + B; }; break;
+            case "-": this._func = function(A,B) { return A - B; }; break;
+            case "x":
+            case "X":
+            case "*": this._func = function(A,B) { return A * B; }; break;
+            case "/": this._func = function(A,B) { return A / B; }; break;
+            case "%": this._func = function(A,B) { return A % B; }; break;
+            case "^": this._func = function(A,B) { return Math.pow(A, B); }; break;
+            case "max": this._func = function(A,B) { return Math.max(A, B); }; break;
+            case "min": this._func = function(A,B) { return Math.min(A, B); }; break;
+			default: 
+				console.warn("Unknown operation: " + this.properties.OP);
+				this._func = function(A) { return A; };
+				break;
+        }
+	}
+
+    MathOperation.prototype.onExecute = function() {
+        var A = this.getInputData(0);
+        var B = this.getInputData(1);
+        if ( A != null ) {
+			if( A.constructor === Number )
+	            this.properties["A"] = A;
+        } else {
+            A = this.properties["A"];
+        }
+
+        if (B != null) {
+            this.properties["B"] = B;
+        } else {
+            B = this.properties["B"];
+        }
+
+		var result;
+		if(A.constructor === Number)
+		{
+	        result = 0;
+			result = this._func(A,B);
+		}
+		else if(A.constructor === Array)
+		{
+			result = this._result;
+			result.length = A.length;
+			for(var i = 0; i < A.length; ++i)
+				result[i] = this._func(A[i],B);
+		}
+		else
+		{
+			result = {};
+			for(var i in A)
+				result[i] = this._func(A[i],B);
+		}
+	    this.setOutputData(0, result);
+    };
+
+    MathOperation.prototype.onDrawBackground = function(ctx) {
+        if (this.flags.collapsed) {
+            return;
+        }
+
+        ctx.font = "40px Arial";
+        ctx.fillStyle = "#666";
+        ctx.textAlign = "center";
+        ctx.fillText(
+            this.properties.OP,
+            this.size[0] * 0.5,
+            (this.size[1] + LiteGraph.NODE_TITLE_HEIGHT) * 0.5
+        );
+        ctx.textAlign = "left";
+    };
+
+    LiteGraph.registerNodeType("math/operation", MathOperation);
+
+    LiteGraph.registerSearchboxExtra("math/operation", "MAX", {
+        properties: {OP:"max"},
+        title: "MAX()"
+    });
+
+    LiteGraph.registerSearchboxExtra("math/operation", "MIN", {
+        properties: {OP:"min"},
+        title: "MIN()"
+    });
+
+
+    //Math compare
+    function MathCompare() {
+        this.addInput("A", "number");
+        this.addInput("B", "number");
+        this.addOutput("A==B", "boolean");
+        this.addOutput("A!=B", "boolean");
+        this.addProperty("A", 0);
+        this.addProperty("B", 0);
+    }
+
+    MathCompare.title = "Compare";
+    MathCompare.desc = "compares between two values";
+
+    MathCompare.prototype.onExecute = function() {
+        var A = this.getInputData(0);
+        var B = this.getInputData(1);
+        if (A !== undefined) {
+            this.properties["A"] = A;
+        } else {
+            A = this.properties["A"];
+        }
+
+        if (B !== undefined) {
+            this.properties["B"] = B;
+        } else {
+            B = this.properties["B"];
+        }
+
+        for (var i = 0, l = this.outputs.length; i < l; ++i) {
+            var output = this.outputs[i];
+            if (!output.links || !output.links.length) {
+                continue;
+            }
+            var value;
+            switch (output.name) {
+                case "A==B":
+                    value = A == B;
+                    break;
+                case "A!=B":
+                    value = A != B;
+                    break;
+                case "A>B":
+                    value = A > B;
+                    break;
+                case "A<B":
+                    value = A < B;
+                    break;
+                case "A<=B":
+                    value = A <= B;
+                    break;
+                case "A>=B":
+                    value = A >= B;
+                    break;
+            }
+            this.setOutputData(i, value);
+        }
+    };
+
+    MathCompare.prototype.onGetOutputs = function() {
+        return [
+            ["A==B", "boolean"],
+            ["A!=B", "boolean"],
+            ["A>B", "boolean"],
+            ["A<B", "boolean"],
+            ["A>=B", "boolean"],
+            ["A<=B", "boolean"]
+        ];
+    };
+
+    LiteGraph.registerNodeType("math/compare", MathCompare);
+
+    LiteGraph.registerSearchboxExtra("math/compare", "==", {
+        outputs: [["A==B", "boolean"]],
+        title: "A==B"
+    });
+    LiteGraph.registerSearchboxExtra("math/compare", "!=", {
+        outputs: [["A!=B", "boolean"]],
+        title: "A!=B"
+    });
+    LiteGraph.registerSearchboxExtra("math/compare", ">", {
+        outputs: [["A>B", "boolean"]],
+        title: "A>B"
+    });
+    LiteGraph.registerSearchboxExtra("math/compare", "<", {
+        outputs: [["A<B", "boolean"]],
+        title: "A<B"
+    });
+    LiteGraph.registerSearchboxExtra("math/compare", ">=", {
+        outputs: [["A>=B", "boolean"]],
+        title: "A>=B"
+    });
+    LiteGraph.registerSearchboxExtra("math/compare", "<=", {
+        outputs: [["A<=B", "boolean"]],
+        title: "A<=B"
+    });
+
+    function MathCondition() {
+        this.addInput("A", "number");
+        this.addInput("B", "number");
+        this.addOutput("true", "boolean");
+        this.addOutput("false", "boolean");
+        this.addProperty("A", 1);
+        this.addProperty("B", 1);
+        this.addProperty("OP", ">", "enum", { values: MathCondition.values });
+		this.addWidget("combo","Cond.",this.properties.OP,{ property: "OP", values: MathCondition.values } );
+
+        this.size = [80, 60];
+    }
+
+    MathCondition.values = [">", "<", "==", "!=", "<=", ">=", "||", "&&" ];
+    MathCondition["@OP"] = {
+        type: "enum",
+        title: "operation",
+        values: MathCondition.values
+    };
+
+    MathCondition.title = "Condition";
+    MathCondition.desc = "evaluates condition between A and B";
+
+    MathCondition.prototype.getTitle = function() {
+        return "A " + this.properties.OP + " B";
+    };
+
+    MathCondition.prototype.onExecute = function() {
+        var A = this.getInputData(0);
+        if (A === undefined) {
+            A = this.properties.A;
+        } else {
+            this.properties.A = A;
+        }
+
+        var B = this.getInputData(1);
+        if (B === undefined) {
+            B = this.properties.B;
+        } else {
+            this.properties.B = B;
+        }
+
+        var result = true;
+        switch (this.properties.OP) {
+            case ">":
+                result = A > B;
+                break;
+            case "<":
+                result = A < B;
+                break;
+            case "==":
+                result = A == B;
+                break;
+            case "!=":
+                result = A != B;
+                break;
+            case "<=":
+                result = A <= B;
+                break;
+            case ">=":
+                result = A >= B;
+                break;
+            case "||":
+                result = A || B;
+                break;
+            case "&&":
+                result = A && B;
+                break;
+        }
+
+        this.setOutputData(0, result);
+        this.setOutputData(1, !result);
+    };
+
+    LiteGraph.registerNodeType("math/condition", MathCondition);
+
+
+    function MathBranch() {
+        this.addInput("in", "");
+        this.addInput("cond", "boolean");
+        this.addOutput("true", "");
+        this.addOutput("false", "");
+        this.size = [80, 60];
+    }
+
+    MathBranch.title = "Branch";
+    MathBranch.desc = "If condition is true, outputs IN in true, otherwise in false";
+
+    MathBranch.prototype.onExecute = function() {
+        var V = this.getInputData(0);
+        var cond = this.getInputData(1);
+
+		if(cond)
+		{
+			this.setOutputData(0, V);
+			this.setOutputData(1, null);
+		}
+		else
+		{
+			this.setOutputData(0, null);
+			this.setOutputData(1, V);
+		}
+	}
+
+    LiteGraph.registerNodeType("math/branch", MathBranch);
+
+
+    function MathAccumulate() {
+        this.addInput("inc", "number");
+        this.addOutput("total", "number");
+        this.addProperty("increment", 1);
+        this.addProperty("value", 0);
+    }
+
+    MathAccumulate.title = "Accumulate";
+    MathAccumulate.desc = "Increments a value every time";
+
+    MathAccumulate.prototype.onExecute = function() {
+        if (this.properties.value === null) {
+            this.properties.value = 0;
+        }
+
+        var inc = this.getInputData(0);
+        if (inc !== null) {
+            this.properties.value += inc;
+        } else {
+            this.properties.value += this.properties.increment;
+        }
+        this.setOutputData(0, this.properties.value);
+    };
+
+    LiteGraph.registerNodeType("math/accumulate", MathAccumulate);
+
+    //Math Trigonometry
+    function MathTrigonometry() {
+        this.addInput("v", "number");
+        this.addOutput("sin", "number");
+
+        this.addProperty("amplitude", 1);
+        this.addProperty("offset", 0);
+        this.bgImageUrl = "nodes/imgs/icon-sin.png";
+    }
+
+    MathTrigonometry.title = "Trigonometry";
+    MathTrigonometry.desc = "Sin Cos Tan";
+    //MathTrigonometry.filter = "shader";
+
+    MathTrigonometry.prototype.onExecute = function() {
+        var v = this.getInputData(0);
+        if (v == null) {
+            v = 0;
+        }
+        var amplitude = this.properties["amplitude"];
+        var slot = this.findInputSlot("amplitude");
+        if (slot != -1) {
+            amplitude = this.getInputData(slot);
+        }
+        var offset = this.properties["offset"];
+        slot = this.findInputSlot("offset");
+        if (slot != -1) {
+            offset = this.getInputData(slot);
+        }
+
+        for (var i = 0, l = this.outputs.length; i < l; ++i) {
+            var output = this.outputs[i];
+            var value;
+            switch (output.name) {
+                case "sin":
+                    value = Math.sin(v);
+                    break;
+                case "cos":
+                    value = Math.cos(v);
+                    break;
+                case "tan":
+                    value = Math.tan(v);
+                    break;
+                case "asin":
+                    value = Math.asin(v);
+                    break;
+                case "acos":
+                    value = Math.acos(v);
+                    break;
+                case "atan":
+                    value = Math.atan(v);
+                    break;
+            }
+            this.setOutputData(i, amplitude * value + offset);
+        }
+    };
+
+    MathTrigonometry.prototype.onGetInputs = function() {
+        return [["v", "number"], ["amplitude", "number"], ["offset", "number"]];
+    };
+
+    MathTrigonometry.prototype.onGetOutputs = function() {
+        return [
+            ["sin", "number"],
+            ["cos", "number"],
+            ["tan", "number"],
+            ["asin", "number"],
+            ["acos", "number"],
+            ["atan", "number"]
+        ];
+    };
+
+    LiteGraph.registerNodeType("math/trigonometry", MathTrigonometry);
+
+    LiteGraph.registerSearchboxExtra("math/trigonometry", "SIN()", {
+        outputs: [["sin", "number"]],
+        title: "SIN()"
+    });
+    LiteGraph.registerSearchboxExtra("math/trigonometry", "COS()", {
+        outputs: [["cos", "number"]],
+        title: "COS()"
+    });
+    LiteGraph.registerSearchboxExtra("math/trigonometry", "TAN()", {
+        outputs: [["tan", "number"]],
+        title: "TAN()"
+    });
+
+    //math library for safe math operations without eval
+    function MathFormula() {
+        this.addInput("x", "number");
+        this.addInput("y", "number");
+        this.addOutput("", "number");
+        this.properties = { x: 1.0, y: 1.0, formula: "x+y" };
+        this.code_widget = this.addWidget(
+            "text",
+            "F(x,y)",
+            this.properties.formula,
+            function(v, canvas, node) {
+                node.properties.formula = v;
+            }
+        );
+        this.addWidget("toggle", "allow", LiteGraph.allow_scripts, function(v) {
+            LiteGraph.allow_scripts = v;
+        });
+        this._func = null;
+    }
+
+    MathFormula.title = "Formula";
+    MathFormula.desc = "Compute formula";
+    MathFormula.size = [160, 100];
+
+    MathAverageFilter.prototype.onPropertyChanged = function(name, value) {
+        if (name == "formula") {
+            this.code_widget.value = value;
+        }
+    };
+
+    MathFormula.prototype.onExecute = function() {
+        if (!LiteGraph.allow_scripts) {
+            return;
+        }
+
+        var x = this.getInputData(0);
+        var y = this.getInputData(1);
+        if (x != null) {
+            this.properties["x"] = x;
+        } else {
+            x = this.properties["x"];
+        }
+
+        if (y != null) {
+            this.properties["y"] = y;
+        } else {
+            y = this.properties["y"];
+        }
+
+        var f = this.properties["formula"];
+
+        var value;
+        try {
+            if (!this._func || this._func_code != this.properties.formula) {
+                this._func = new Function(
+                    "x",
+                    "y",
+                    "TIME",
+                    "return " + this.properties.formula
+                );
+                this._func_code = this.properties.formula;
+            }
+            value = this._func(x, y, this.graph.globaltime);
+            this.boxcolor = null;
+        } catch (err) {
+            this.boxcolor = "red";
+        }
+        this.setOutputData(0, value);
+    };
+
+    MathFormula.prototype.getTitle = function() {
+        return this._func_code || "Formula";
+    };
+
+    MathFormula.prototype.onDrawBackground = function() {
+        var f = this.properties["formula"];
+        if (this.outputs && this.outputs.length) {
+            this.outputs[0].label = f;
+        }
+    };
+
+    LiteGraph.registerNodeType("math/formula", MathFormula);
+
+    function Math3DVec2ToXY() {
+        this.addInput("vec2", "vec2");
+        this.addOutput("x", "number");
+        this.addOutput("y", "number");
+    }
+
+    Math3DVec2ToXY.title = "Vec2->XY";
+    Math3DVec2ToXY.desc = "vector 2 to components";
+
+    Math3DVec2ToXY.prototype.onExecute = function() {
+        var v = this.getInputData(0);
+        if (v == null) {
+            return;
+        }
+
+        this.setOutputData(0, v[0]);
+        this.setOutputData(1, v[1]);
+    };
+
+    LiteGraph.registerNodeType("math3d/vec2-to-xy", Math3DVec2ToXY);
+
+    function Math3DXYToVec2() {
+        this.addInputs([["x", "number"], ["y", "number"]]);
+        this.addOutput("vec2", "vec2");
+        this.properties = { x: 0, y: 0 };
+        this._data = new Float32Array(2);
+    }
+
+    Math3DXYToVec2.title = "XY->Vec2";
+    Math3DXYToVec2.desc = "components to vector2";
+
+    Math3DXYToVec2.prototype.onExecute = function() {
+        var x = this.getInputData(0);
+        if (x == null) {
+            x = this.properties.x;
+        }
+        var y = this.getInputData(1);
+        if (y == null) {
+            y = this.properties.y;
+        }
+
+        var data = this._data;
+        data[0] = x;
+        data[1] = y;
+
+        this.setOutputData(0, data);
+    };
+
+    LiteGraph.registerNodeType("math3d/xy-to-vec2", Math3DXYToVec2);
+
+    function Math3DVec3ToXYZ() {
+        this.addInput("vec3", "vec3");
+        this.addOutput("x", "number");
+        this.addOutput("y", "number");
+        this.addOutput("z", "number");
+    }
+
+    Math3DVec3ToXYZ.title = "Vec3->XYZ";
+    Math3DVec3ToXYZ.desc = "vector 3 to components";
+
+    Math3DVec3ToXYZ.prototype.onExecute = function() {
+        var v = this.getInputData(0);
+        if (v == null) {
+            return;
+        }
+
+        this.setOutputData(0, v[0]);
+        this.setOutputData(1, v[1]);
+        this.setOutputData(2, v[2]);
+    };
+
+    LiteGraph.registerNodeType("math3d/vec3-to-xyz", Math3DVec3ToXYZ);
+
+    function Math3DXYZToVec3() {
+        this.addInputs([["x", "number"], ["y", "number"], ["z", "number"]]);
+        this.addOutput("vec3", "vec3");
+        this.properties = { x: 0, y: 0, z: 0 };
+        this._data = new Float32Array(3);
+    }
+
+    Math3DXYZToVec3.title = "XYZ->Vec3";
+    Math3DXYZToVec3.desc = "components to vector3";
+
+    Math3DXYZToVec3.prototype.onExecute = function() {
+        var x = this.getInputData(0);
+        if (x == null) {
+            x = this.properties.x;
+        }
+        var y = this.getInputData(1);
+        if (y == null) {
+            y = this.properties.y;
+        }
+        var z = this.getInputData(2);
+        if (z == null) {
+            z = this.properties.z;
+        }
+
+        var data = this._data;
+        data[0] = x;
+        data[1] = y;
+        data[2] = z;
+
+        this.setOutputData(0, data);
+    };
+
+    LiteGraph.registerNodeType("math3d/xyz-to-vec3", Math3DXYZToVec3);
+
+    function Math3DVec4ToXYZW() {
+        this.addInput("vec4", "vec4");
+        this.addOutput("x", "number");
+        this.addOutput("y", "number");
+        this.addOutput("z", "number");
+        this.addOutput("w", "number");
+    }
+
+    Math3DVec4ToXYZW.title = "Vec4->XYZW";
+    Math3DVec4ToXYZW.desc = "vector 4 to components";
+
+    Math3DVec4ToXYZW.prototype.onExecute = function() {
+        var v = this.getInputData(0);
+        if (v == null) {
+            return;
+        }
+
+        this.setOutputData(0, v[0]);
+        this.setOutputData(1, v[1]);
+        this.setOutputData(2, v[2]);
+        this.setOutputData(3, v[3]);
+    };
+
+    LiteGraph.registerNodeType("math3d/vec4-to-xyzw", Math3DVec4ToXYZW);
+
+    function Math3DXYZWToVec4() {
+        this.addInputs([
+            ["x", "number"],
+            ["y", "number"],
+            ["z", "number"],
+            ["w", "number"]
+        ]);
+        this.addOutput("vec4", "vec4");
+        this.properties = { x: 0, y: 0, z: 0, w: 0 };
+        this._data = new Float32Array(4);
+    }
+
+    Math3DXYZWToVec4.title = "XYZW->Vec4";
+    Math3DXYZWToVec4.desc = "components to vector4";
+
+    Math3DXYZWToVec4.prototype.onExecute = function() {
+        var x = this.getInputData(0);
+        if (x == null) {
+            x = this.properties.x;
+        }
+        var y = this.getInputData(1);
+        if (y == null) {
+            y = this.properties.y;
+        }
+        var z = this.getInputData(2);
+        if (z == null) {
+            z = this.properties.z;
+        }
+        var w = this.getInputData(3);
+        if (w == null) {
+            w = this.properties.w;
+        }
+
+        var data = this._data;
+        data[0] = x;
+        data[1] = y;
+        data[2] = z;
+        data[3] = w;
+
+        this.setOutputData(0, data);
+    };
+
+    LiteGraph.registerNodeType("math3d/xyzw-to-vec4", Math3DXYZWToVec4);
+
+})(this);
+
+//basic nodes
+(function(global) {
+    var LiteGraph = global.LiteGraph;
+
+    function toString(a) {
+		if(a && a.constructor === Object)
+		{
+			try
+			{
+				return JSON.stringify(a);
+			}
+			catch (err)
+			{
+				return String(a);
+			}
+		}
+        return String(a);
+    }
+
+    LiteGraph.wrapFunctionAsNode("string/toString", toString, [""], "String");
+
+    function compare(a, b) {
+        return a == b;
+    }
+
+    LiteGraph.wrapFunctionAsNode(
+        "string/compare",
+        compare,
+        ["string", "string"],
+        "boolean"
+    );
+
+    function concatenate(a, b) {
+        if (a === undefined) {
+            return b;
+        }
+        if (b === undefined) {
+            return a;
+        }
+        return a + b;
+    }
+
+    LiteGraph.wrapFunctionAsNode(
+        "string/concatenate",
+        concatenate,
+        ["string", "string"],
+        "string"
+    );
+
+    function contains(a, b) {
+        if (a === undefined || b === undefined) {
+            return false;
+        }
+        return a.indexOf(b) != -1;
+    }
+
+    LiteGraph.wrapFunctionAsNode(
+        "string/contains",
+        contains,
+        ["string", "string"],
+        "boolean"
+    );
+
+    function toUpperCase(a) {
+        if (a != null && a.constructor === String) {
+            return a.toUpperCase();
+        }
+        return a;
+    }
+
+    LiteGraph.wrapFunctionAsNode(
+        "string/toUpperCase",
+        toUpperCase,
+        ["string"],
+        "string"
+    );
+
+    function split(str, separator) {
+		if(separator == null)
+			separator = this.properties.separator;
+        if (str == null )
+	        return [];
+		if( str.constructor === String )
+			return str.split(separator || " ");
+		else if( str.constructor === Array )
+		{
+			var r = [];
+			for(var i = 0; i < str.length; ++i)
+				r[i] = str[i].split(separator || " ");
+			return r;
+		}
+        return null;
+    }
+
+    LiteGraph.wrapFunctionAsNode(
+        "string/split",
+        split,
+        ["string,array", "string"],
+        "array",
+		{ separator: "," }
+    );
+
+    function toFixed(a) {
+        if (a != null && a.constructor === Number) {
+            return a.toFixed(this.properties.precision);
+        }
+        return a;
+    }
+
+    LiteGraph.wrapFunctionAsNode(
+        "string/toFixed",
+        toFixed,
+        ["number"],
+        "string",
+        { precision: 0 }
+    );
+
+
+    function StringToTable() {
+        this.addInput("", "string");
+        this.addOutput("table", "table");
+        this.addOutput("rows", "number");
+        this.addProperty("value", "");
+        this.addProperty("separator", ",");
+		this._table = null;
+    }
+
+    StringToTable.title = "toTable";
+    StringToTable.desc = "Splits a string to table";
+
+    StringToTable.prototype.onExecute = function() {
+        var input = this.getInputData(0);
+		if(!input)
+			return;
+		var separator = this.properties.separator || ",";
+		if(input != this._str || separator != this._last_separator )
+		{
+			this._last_separator = separator;
+			this._str = input;
+			this._table = input.split("\n").map(function(a){ return a.trim().split(separator)});
+		}
+        this.setOutputData(0, this._table );
+        this.setOutputData(1, this._table ? this._table.length : 0 );
+    };
+
+    LiteGraph.registerNodeType("string/toTable", StringToTable);
+
+})(this);
+
+(function(global) {
+    var LiteGraph = global.LiteGraph;
+
+    function Selector() {
+        this.addInput("sel", "number");
+        this.addInput("A");
+        this.addInput("B");
+        this.addInput("C");
+        this.addInput("D");
+        this.addOutput("out");
+
+        this.selected = 0;
+    }
+
+    Selector.title = "Selector";
+    Selector.desc = "selects an output";
+
+    Selector.prototype.onDrawBackground = function(ctx) {
+        if (this.flags.collapsed) {
+            return;
+        }
+        ctx.fillStyle = "#AFB";
+        var y = (this.selected + 1) * LiteGraph.NODE_SLOT_HEIGHT + 6;
+        ctx.beginPath();
+        ctx.moveTo(50, y);
+        ctx.lineTo(50, y + LiteGraph.NODE_SLOT_HEIGHT);
+        ctx.lineTo(34, y + LiteGraph.NODE_SLOT_HEIGHT * 0.5);
+        ctx.fill();
+    };
+
+    Selector.prototype.onExecute = function() {
+        var sel = this.getInputData(0);
+        if (sel == null || sel.constructor !== Number)
+            sel = 0;
+        this.selected = sel = Math.round(sel) % (this.inputs.length - 1);
+        var v = this.getInputData(sel + 1);
+        if (v !== undefined) {
+            this.setOutputData(0, v);
+        }
+    };
+
+    Selector.prototype.onGetInputs = function() {
+        return [["E", 0], ["F", 0], ["G", 0], ["H", 0]];
+    };
+
+    LiteGraph.registerNodeType("logic/selector", Selector);
+
+    function Sequence() {
+        this.properties = {
+            sequence: "A,B,C"
+        };
+        this.addInput("index", "number");
+        this.addInput("seq");
+        this.addOutput("out");
+
+        this.index = 0;
+        this.values = this.properties.sequence.split(",");
+    }
+
+    Sequence.title = "Sequence";
+    Sequence.desc = "select one element from a sequence from a string";
+
+    Sequence.prototype.onPropertyChanged = function(name, value) {
+        if (name == "sequence") {
+            this.values = value.split(",");
+        }
+    };
+
+    Sequence.prototype.onExecute = function() {
+        var seq = this.getInputData(1);
+        if (seq && seq != this.current_sequence) {
+            this.values = seq.split(",");
+            this.current_sequence = seq;
+        }
+        var index = this.getInputData(0);
+        if (index == null) {
+            index = 0;
+        }
+        this.index = index = Math.round(index) % this.values.length;
+
+        this.setOutputData(0, this.values[index]);
+    };
+
+    LiteGraph.registerNodeType("logic/sequence", Sequence);
+})(this);
+
+//event related nodes
+(function(global) {
+    var LiteGraph = global.LiteGraph;
+
+    function LGWebSocket() {
+        this.size = [60, 20];
+        this.addInput("send", LiteGraph.ACTION);
+        this.addOutput("received", LiteGraph.EVENT);
+        this.addInput("in", 0);
+        this.addOutput("out", 0);
+        this.properties = {
+            url: "",
+            room: "lgraph", //allows to filter messages,
+            only_send_changes: true
+        };
+        this._ws = null;
+        this._last_sent_data = [];
+        this._last_received_data = [];
+    }
+
+    LGWebSocket.title = "WebSocket";
+    LGWebSocket.desc = "Send data through a websocket";
+
+    LGWebSocket.prototype.onPropertyChanged = function(name, value) {
+        if (name == "url") {
+            this.connectSocket();
+        }
+    };
+
+    LGWebSocket.prototype.onExecute = function() {
+        if (!this._ws && this.properties.url) {
+            this.connectSocket();
+        }
+
+        if (!this._ws || this._ws.readyState != WebSocket.OPEN) {
+            return;
+        }
+
+        var room = this.properties.room;
+        var only_changes = this.properties.only_send_changes;
+
+        for (var i = 1; i < this.inputs.length; ++i) {
+            var data = this.getInputData(i);
+            if (data == null) {
+                continue;
+            }
+            var json;
+            try {
+                json = JSON.stringify({
+                    type: 0,
+                    room: room,
+                    channel: i,
+                    data: data
+                });
+            } catch (err) {
+                continue;
+            }
+            if (only_changes && this._last_sent_data[i] == json) {
+                continue;
+            }
+
+            this._last_sent_data[i] = json;
+            this._ws.send(json);
+        }
+
+        for (var i = 1; i < this.outputs.length; ++i) {
+            this.setOutputData(i, this._last_received_data[i]);
+        }
+
+        if (this.boxcolor == "#AFA") {
+            this.boxcolor = "#6C6";
+        }
+    };
+
+    LGWebSocket.prototype.connectSocket = function() {
+        var that = this;
+        var url = this.properties.url;
+        if (url.substr(0, 2) != "ws") {
+            url = "ws://" + url;
+        }
+        this._ws = new WebSocket(url);
+        this._ws.onopen = function() {
+            console.log("ready");
+            that.boxcolor = "#6C6";
+        };
+        this._ws.onmessage = function(e) {
+            that.boxcolor = "#AFA";
+            var data = JSON.parse(e.data);
+            if (data.room && data.room != that.properties.room) {
+                return;
+            }
+            if (data.type == 1) {
+                if (
+                    data.data.object_class &&
+                    LiteGraph[data.data.object_class]
+                ) {
+                    var obj = null;
+                    try {
+                        obj = new LiteGraph[data.data.object_class](data.data);
+                        that.triggerSlot(0, obj);
+                    } catch (err) {
+                        return;
+                    }
+                } else {
+                    that.triggerSlot(0, data.data);
+                }
+            } else {
+                that._last_received_data[data.channel || 0] = data.data;
+            }
+        };
+        this._ws.onerror = function(e) {
+            console.log("couldnt connect to websocket");
+            that.boxcolor = "#E88";
+        };
+        this._ws.onclose = function(e) {
+            console.log("connection closed");
+            that.boxcolor = "#000";
+        };
+    };
+
+    LGWebSocket.prototype.send = function(data) {
+        if (!this._ws || this._ws.readyState != WebSocket.OPEN) {
+            return;
+        }
+        this._ws.send(JSON.stringify({ type: 1, msg: data }));
+    };
+
+    LGWebSocket.prototype.onAction = function(action, param) {
+        if (!this._ws || this._ws.readyState != WebSocket.OPEN) {
+            return;
+        }
+        this._ws.send({
+            type: 1,
+            room: this.properties.room,
+            action: action,
+            data: param
+        });
+    };
+
+    LGWebSocket.prototype.onGetInputs = function() {
+        return [["in", 0]];
+    };
+
+    LGWebSocket.prototype.onGetOutputs = function() {
+        return [["out", 0]];
+    };
+
+    LiteGraph.registerNodeType("network/websocket", LGWebSocket);
+
+    //It is like a websocket but using the SillyServer.js server that bounces packets back to all clients connected:
+    //For more information: https://github.com/jagenjo/SillyServer.js
+
+    function LGSillyClient() {
+        //this.size = [60,20];
+        this.room_widget = this.addWidget(
+            "text",
+            "Room",
+            "lgraph",
+            this.setRoom.bind(this)
+        );
+        this.addWidget(
+            "button",
+            "Reconnect",
+            null,
+            this.connectSocket.bind(this)
+        );
+
+        this.addInput("send", LiteGraph.ACTION);
+        this.addOutput("received", LiteGraph.EVENT);
+        this.addInput("in", 0);
+        this.addOutput("out", 0);
+        this.properties = {
+            url: "tamats.com:55000",
+            room: "lgraph",
+            only_send_changes: true
+        };
+
+        this._server = null;
+        this.connectSocket();
+        this._last_sent_data = [];
+        this._last_received_data = [];
+
+		if(typeof(SillyClient) == "undefined")
+			console.warn("remember to add SillyClient.js to your project: https://tamats.com/projects/sillyserver/src/sillyclient.js");
+    }
+
+    LGSillyClient.title = "SillyClient";
+    LGSillyClient.desc = "Connects to SillyServer to broadcast messages";
+
+    LGSillyClient.prototype.onPropertyChanged = function(name, value) {
+        if (name == "room") {
+            this.room_widget.value = value;
+        }
+        this.connectSocket();
+    };
+
+    LGSillyClient.prototype.setRoom = function(room_name) {
+        this.properties.room = room_name;
+        this.room_widget.value = room_name;
+        this.connectSocket();
+    };
+
+    //force label names
+    LGSillyClient.prototype.onDrawForeground = function() {
+        for (var i = 1; i < this.inputs.length; ++i) {
+            var slot = this.inputs[i];
+            slot.label = "in_" + i;
+        }
+        for (var i = 1; i < this.outputs.length; ++i) {
+            var slot = this.outputs[i];
+            slot.label = "out_" + i;
+        }
+    };
+
+    LGSillyClient.prototype.onExecute = function() {
+        if (!this._server || !this._server.is_connected) {
+            return;
+        }
+
+        var only_send_changes = this.properties.only_send_changes;
+
+        for (var i = 1; i < this.inputs.length; ++i) {
+            var data = this.getInputData(i);
+			var prev_data = this._last_sent_data[i];
+            if (data != null) {
+                if (only_send_changes)
+				{	
+					var is_equal = true;
+					if( data && data.length && prev_data && prev_data.length == data.length && data.constructor !== String)
+					{
+						for(var j = 0; j < data.length; ++j)
+							if( prev_data[j] != data[j] )
+							{
+								is_equal = false;
+								break;
+							}
+					}
+					else if(this._last_sent_data[i] != data)
+						is_equal = false;
+					if(is_equal)
+							continue;
+                }
+                this._server.sendMessage({ type: 0, channel: i, data: data });
+				if( data.length && data.constructor !== String )
+				{
+					if( this._last_sent_data[i] )
+					{
+						this._last_sent_data[i].length = data.length;
+						for(var j = 0; j < data.length; ++j)
+							this._last_sent_data[i][j] = data[j];
+					}
+					else //create
+					{
+						if(data.constructor === Array)
+							this._last_sent_data[i] = data.concat();
+						else
+							this._last_sent_data[i] = new data.constructor( data );
+					}
+				}
+				else
+	                this._last_sent_data[i] = data; //should be cloned
+            }
+        }
+
+        for (var i = 1; i < this.outputs.length; ++i) {
+            this.setOutputData(i, this._last_received_data[i]);
+        }
+
+        if (this.boxcolor == "#AFA") {
+            this.boxcolor = "#6C6";
+        }
+    };
+
+    LGSillyClient.prototype.connectSocket = function() {
+        var that = this;
+        if (typeof SillyClient == "undefined") {
+            if (!this._error) {
+                console.error(
+                    "SillyClient node cannot be used, you must include SillyServer.js"
+                );
+            }
+            this._error = true;
+            return;
+        }
+
+        this._server = new SillyClient();
+        this._server.on_ready = function() {
+            console.log("ready");
+            that.boxcolor = "#6C6";
+        };
+        this._server.on_message = function(id, msg) {
+            var data = null;
+            try {
+                data = JSON.parse(msg);
+            } catch (err) {
+                return;
+            }
+
+            if (data.type == 1) {
+                //EVENT slot
+                if (
+                    data.data.object_class &&
+                    LiteGraph[data.data.object_class]
+                ) {
+                    var obj = null;
+                    try {
+                        obj = new LiteGraph[data.data.object_class](data.data);
+                        that.triggerSlot(0, obj);
+                    } catch (err) {
+                        return;
+                    }
+                } else {
+                    that.triggerSlot(0, data.data);
+                }
+            } //for FLOW slots
+            else {
+                that._last_received_data[data.channel || 0] = data.data;
+            }
+            that.boxcolor = "#AFA";
+        };
+        this._server.on_error = function(e) {
+            console.log("couldnt connect to websocket");
+            that.boxcolor = "#E88";
+        };
+        this._server.on_close = function(e) {
+            console.log("connection closed");
+            that.boxcolor = "#000";
+        };
+
+        if (this.properties.url && this.properties.room) {
+            try {
+                this._server.connect(this.properties.url, this.properties.room);
+            } catch (err) {
+                console.error("SillyServer error: " + err);
+                this._server = null;
+                return;
+            }
+            this._final_url = this.properties.url + "/" + this.properties.room;
+        }
+    };
+
+    LGSillyClient.prototype.send = function(data) {
+        if (!this._server || !this._server.is_connected) {
+            return;
+        }
+        this._server.sendMessage({ type: 1, data: data });
+    };
+
+    LGSillyClient.prototype.onAction = function(action, param) {
+        if (!this._server || !this._server.is_connected) {
+            return;
+        }
+        this._server.sendMessage({ type: 1, action: action, data: param });
+    };
+
+    LGSillyClient.prototype.onGetInputs = function() {
+        return [["in", 0]];
+    };
+
+    LGSillyClient.prototype.onGetOutputs = function() {
+        return [["out", 0]];
+    };
+
+    LiteGraph.registerNodeType("network/sillyclient", LGSillyClient);
+})(this);
+
diff --git a/build/litegraph_mini.min.js b/build/litegraph_mini.min.js
new file mode 100644
index 000000000..60200c283
--- /dev/null
+++ b/build/litegraph_mini.min.js
@@ -0,0 +1,396 @@
+(function(B){function n(a){h.debug&&console.log("Graph created");this.list_of_graphcanvas=null;this.clear();a&&this.configure(a)}function u(a,b,c,d,e,g){this.id=a;this.type=b;this.origin_id=c;this.origin_slot=d;this.target_id=e;this.target_slot=g;this._data=null;this._pos=new Float32Array(2)}function l(a){this._ctor(a)}function r(a){this._ctor(a)}function v(a,b){this.offset=new Float32Array([0,0]);this.scale=1;this.max_scale=10;this.min_scale=0.1;this.onredraw=null;this.enabled=!0;this.last_mouse=
+[0,0];this.element=null;this.visible_area=new Float32Array(4);a&&(this.element=a,b||this.bindEvents(a))}function k(a,b,c){this.options=c=c||{};this.background_image=k.DEFAULT_BACKGROUND_IMAGE;a&&a.constructor===String&&(a=document.querySelector(a));this.ds=new v;this.zoom_modify_alpha=!0;this.title_text_font=""+h.NODE_TEXT_SIZE+"px Arial";this.inner_text_font="normal "+h.NODE_SUBTEXT_SIZE+"px Arial";this.node_title_color=h.NODE_TITLE_COLOR;this.default_link_color=h.LINK_COLOR;this.default_connection_color=
+{input_off:"#778",input_on:"#7F7",output_off:"#778",output_on:"#7F7"};this.highquality_render=!0;this.use_gradients=!1;this.editor_alpha=1;this.pause_rendering=!1;this.clear_background=!0;this.read_only=!1;this.render_only_selected=!0;this.live_mode=!1;this.allow_searchbox=this.allow_interaction=this.allow_dragnodes=this.allow_dragcanvas=this.show_info=!0;this.drag_mode=this.align_to_grid=this.allow_reconnect_links=!1;this.filter=this.dragging_rectangle=null;this.set_canvas_dirty_on_mouse_event=!0;
+this.always_render_background=!1;this.render_canvas_border=this.render_shadows=!0;this.render_connections_shadows=!1;this.render_connections_border=!0;this.render_connection_arrows=this.render_curved_connections=!1;this.render_collapsed_slots=!0;this.render_execution_order=!1;this.render_link_tooltip=this.render_title_colored=!0;this.links_render_mode=h.SPLINE_LINK;this.mouse=[0,0];this.canvas_mouse=this.graph_mouse=[0,0];this.onAfterChange=this.onBeforeChange=this.onConnectingChange=this.onSelectionChange=
+this.onNodeMoved=this.onDrawLinkTooltip=this.onDrawOverlay=this.onDrawForeground=this.onDrawBackground=this.onMouse=this.onSearchBoxSelection=this.onSearchBox=null;this.connections_width=3;this.round_radius=8;this.over_link_center=this.node_widget=this.current_node=null;this.last_mouse_position=[0,0];this.visible_area=this.ds.visible_area;this.visible_links=[];this.viewport=c.viewport||null;b&&b.attachCanvas(this);this.setCanvas(a,c.skip_events);this.clear();c.skip_render||this.startRendering();this.autoresize=
+c.autoresize}function E(a,b){return Math.sqrt((b[0]-a[0])*(b[0]-a[0])+(b[1]-a[1])*(b[1]-a[1]))}function y(a,b,c,d,e,g){return c<a&&c+e>a&&d<b&&d+g>b?!0:!1}function A(a,b){var c=a[0]+a[2],d=a[1]+a[3],e=b[1]+b[3];return a[0]>b[0]+b[2]||a[1]>e||c<b[0]||d<b[1]?!1:!0}function x(a,b){function c(a){var c=parseInt(g.style.top);g.style.top=(c+a.deltaY*b.scroll_speed).toFixed()+"px";a.preventDefault();return!0}this.options=b=b||{};var d=this;b.parentMenu&&(b.parentMenu.constructor!==this.constructor?(console.error("parentMenu must be of class ContextMenu, ignoring it"),
+b.parentMenu=null):(this.parentMenu=b.parentMenu,this.parentMenu.lock=!0,this.parentMenu.current_submenu=this));var e=null;b.event&&(e=b.event.constructor.name);"MouseEvent"!==e&&"CustomEvent"!==e&&"PointerEvent"!==e&&(console.error("Event passed to ContextMenu is not of type MouseEvent or CustomEvent. Ignoring it."),b.event=null);var g=document.createElement("div");g.className="litegraph litecontextmenu litemenubar-panel";b.className&&(g.className+=" "+b.className);g.style.minWidth=100;g.style.minHeight=
+100;g.style.pointerEvents="none";setTimeout(function(){g.style.pointerEvents="auto"},100);g.addEventListener("mouseup",function(a){a.preventDefault();return!0},!0);g.addEventListener("contextmenu",function(a){if(2!=a.button)return!1;a.preventDefault();return!1},!0);g.addEventListener("mousedown",function(a){if(2==a.button)return d.close(),a.preventDefault(),!0},!0);b.scroll_speed||(b.scroll_speed=0.1);g.addEventListener("wheel",c,!0);g.addEventListener("mousewheel",c,!0);this.root=g;b.title&&(e=document.createElement("div"),
+e.className="litemenu-title",e.innerHTML=b.title,g.appendChild(e));for(var f=e=0;f<a.length;f++){var m=a.constructor==Array?a[f]:f;null!=m&&m.constructor!==String&&(m=void 0===m.content?String(m):m.content);this.addItem(m,a[f],b);e++}g.addEventListener("mouseleave",function(a){d.lock||(g.closing_timer&&clearTimeout(g.closing_timer),g.closing_timer=setTimeout(d.close.bind(d,a),500))});g.addEventListener("mouseenter",function(a){g.closing_timer&&clearTimeout(g.closing_timer)});e=document;b.event&&(e=
+b.event.target.ownerDocument);e||(e=document);e.fullscreenElement?e.fullscreenElement.appendChild(g):e.body.appendChild(g);f=b.left||0;e=b.top||0;if(b.event){f=b.event.clientX-10;e=b.event.clientY-10;b.title&&(e-=20);b.parentMenu&&(f=b.parentMenu.root.getBoundingClientRect(),f=f.left+f.width);var m=document.body.getBoundingClientRect(),q=g.getBoundingClientRect();0==m.height&&console.error("document.body height is 0. That is dangerous, set html,body { height: 100%; }");m.width&&f>m.width-q.width-
+10&&(f=m.width-q.width-10);m.height&&e>m.height-q.height-10&&(e=m.height-q.height-10)}g.style.left=f+"px";g.style.top=e+"px";b.scale&&(g.style.transform="scale("+b.scale+")")}function I(a){this.points=a;this.nearest=this.selected=-1;this.size=null;this.must_update=!0;this.margin=5}var h=B.LiteGraph={VERSION:0.4,CANVAS_GRID_SIZE:10,NODE_TITLE_HEIGHT:30,NODE_TITLE_TEXT_Y:20,NODE_SLOT_HEIGHT:20,NODE_WIDGET_HEIGHT:20,NODE_WIDTH:140,NODE_MIN_WIDTH:50,NODE_COLLAPSED_RADIUS:10,NODE_COLLAPSED_WIDTH:80,NODE_TITLE_COLOR:"#999",
+NODE_SELECTED_TITLE_COLOR:"#FFF",NODE_TEXT_SIZE:14,NODE_TEXT_COLOR:"#AAA",NODE_SUBTEXT_SIZE:12,NODE_DEFAULT_COLOR:"#333",NODE_DEFAULT_BGCOLOR:"#353535",NODE_DEFAULT_BOXCOLOR:"#666",NODE_DEFAULT_SHAPE:"box",NODE_BOX_OUTLINE_COLOR:"#FFF",DEFAULT_SHADOW_COLOR:"rgba(0,0,0,0.5)",DEFAULT_GROUP_FONT:24,WIDGET_BGCOLOR:"#222",WIDGET_OUTLINE_COLOR:"#666",WIDGET_TEXT_COLOR:"#DDD",WIDGET_SECONDARY_TEXT_COLOR:"#999",LINK_COLOR:"#9A9",EVENT_LINK_COLOR:"#A86",CONNECTING_LINK_COLOR:"#AFA",MAX_NUMBER_OF_NODES:1E3,
+DEFAULT_POSITION:[100,100],VALID_SHAPES:["default","box","round","card"],BOX_SHAPE:1,ROUND_SHAPE:2,CIRCLE_SHAPE:3,CARD_SHAPE:4,ARROW_SHAPE:5,INPUT:1,OUTPUT:2,EVENT:-1,ACTION:-1,ALWAYS:0,ON_EVENT:1,NEVER:2,ON_TRIGGER:3,UP:1,DOWN:2,LEFT:3,RIGHT:4,CENTER:5,STRAIGHT_LINK:0,LINEAR_LINK:1,SPLINE_LINK:2,NORMAL_TITLE:0,NO_TITLE:1,TRANSPARENT_TITLE:2,AUTOHIDE_TITLE:3,proxy:null,node_images_path:"",debug:!1,catch_exceptions:!0,throw_errors:!0,allow_scripts:!1,registered_node_types:{},node_types_by_file_extension:{},
+Nodes:{},Globals:{},searchbox_extras:{},auto_sort_node_types:!1,registerNodeType:function(a,b){if(!b.prototype)throw"Cannot register a simple object, it must be a class with a prototype";b.type=a;h.debug&&console.log("Node registered: "+a);a.split("/");var c=b.name,d=a.lastIndexOf("/");b.category=a.substr(0,d);b.title||(b.title=c);if(b.prototype)for(var e in l.prototype)b.prototype[e]||(b.prototype[e]=l.prototype[e]);if(d=this.registered_node_types[a])console.log("replacing node type: "+a);else if(Object.hasOwnProperty(b.prototype,
+"shape")||Object.defineProperty(b.prototype,"shape",{set:function(a){switch(a){case "default":delete this._shape;break;case "box":this._shape=h.BOX_SHAPE;break;case "round":this._shape=h.ROUND_SHAPE;break;case "circle":this._shape=h.CIRCLE_SHAPE;break;case "card":this._shape=h.CARD_SHAPE;break;default:this._shape=a}},get:function(a){return this._shape},enumerable:!0,configurable:!0}),b.prototype.onPropertyChange&&console.warn("LiteGraph node class "+a+" has onPropertyChange method, it must be called onPropertyChanged with d at the end"),
+b.supported_extensions)for(e in b.supported_extensions){var g=b.supported_extensions[e];g&&g.constructor===String&&(this.node_types_by_file_extension[g.toLowerCase()]=b)}this.registered_node_types[a]=b;b.constructor.name&&(this.Nodes[c]=b);if(h.onNodeTypeRegistered)h.onNodeTypeRegistered(a,b);if(d&&h.onNodeTypeReplaced)h.onNodeTypeReplaced(a,b,d);b.prototype.onPropertyChange&&console.warn("LiteGraph node class "+a+" has onPropertyChange method, it must be called onPropertyChanged with d at the end");
+if(b.supported_extensions)for(e=0;e<b.supported_extensions.length;e++)(g=b.supported_extensions[e])&&g.constructor===String&&(this.node_types_by_file_extension[g.toLowerCase()]=b)},unregisterNodeType:function(a){var b=a.constructor===String?this.registered_node_types[a]:a;if(!b)throw"node type not found: "+a;delete this.registered_node_types[b.type];b.constructor.name&&delete this.Nodes[b.constructor.name]},wrapFunctionAsNode:function(a,b,c,d,e){for(var g=Array(b.length),f="",m=h.getParameterNames(b),
+q=0;q<m.length;++q)f+="this.addInput('"+m[q]+"',"+(c&&c[q]?"'"+c[q]+"'":"0")+");\n";f+="this.addOutput('out',"+(d?"'"+d+"'":0)+");\n";e&&(f+="this.properties = "+JSON.stringify(e)+";\n");c=Function(f);c.title=a.split("/").pop();c.desc="Generated from "+b.name;c.prototype.onExecute=function(){for(var a=0;a<g.length;++a)g[a]=this.getInputData(a);a=b.apply(this,g);this.setOutputData(0,a)};this.registerNodeType(a,c)},clearRegisteredTypes:function(){this.registered_node_types={};this.node_types_by_file_extension=
+{};this.Nodes={};this.searchbox_extras={}},addNodeMethod:function(a,b){l.prototype[a]=b;for(var c in this.registered_node_types){var d=this.registered_node_types[c];d.prototype[a]&&(d.prototype["_"+a]=d.prototype[a]);d.prototype[a]=b}},createNode:function(a,b,c){var d=this.registered_node_types[a];if(!d)return h.debug&&console.log('GraphNode type "'+a+'" not registered.'),null;b=b||d.title||a;var e=null;if(h.catch_exceptions)try{e=new d(b)}catch(g){return console.error(g),null}else e=new d(b);e.type=
+a;!e.title&&b&&(e.title=b);e.properties||(e.properties={});e.properties_info||(e.properties_info=[]);e.flags||(e.flags={});e.size||(e.size=e.computeSize());e.pos||(e.pos=h.DEFAULT_POSITION.concat());e.mode||(e.mode=h.ALWAYS);if(c)for(var f in c)e[f]=c[f];return e},getNodeType:function(a){return this.registered_node_types[a]},getNodeTypesInCategory:function(a,b){var c=[],d;for(d in this.registered_node_types){var e=this.registered_node_types[d];e.filter==b&&(""==a?null==e.category&&c.push(e):e.category==
+a&&c.push(e))}return this.auto_sort_node_types?c.sort():c},getNodeTypesCategories:function(a){var b={"":1},c;for(c in this.registered_node_types){var d=this.registered_node_types[c];d.category&&!d.skip_list&&d.filter==a&&(b[d.category]=1)}a=[];for(c in b)a.push(c);return this.auto_sort_node_types?a.sort():a},reloadNodes:function(a){for(var b=document.getElementsByTagName("script"),c=[],d=0;d<b.length;d++)c.push(b[d]);b=document.getElementsByTagName("head")[0];a=document.location.href+a;for(d=0;d<
+c.length;d++){var e=c[d].src;if(e&&e.substr(0,a.length)==a)try{h.debug&&console.log("Reloading: "+e);var g=document.createElement("script");g.type="text/javascript";g.src=e;b.appendChild(g);b.removeChild(c[d])}catch(f){if(h.throw_errors)throw f;h.debug&&console.log("Error while reloading "+e)}}h.debug&&console.log("Nodes reloaded")},cloneObject:function(a,b){if(null==a)return null;var c=JSON.parse(JSON.stringify(a));if(!b)return c;for(var d in c)b[d]=c[d];return b},isValidConnection:function(a,b){if(!a||
+!b||a==b||a==h.EVENT&&b==h.ACTION)return!0;a=String(a);b=String(b);a=a.toLowerCase();b=b.toLowerCase();if(-1==a.indexOf(",")&&-1==b.indexOf(","))return a==b;for(var c=a.split(","),d=b.split(","),e=0;e<c.length;++e)for(var g=0;g<d.length;++g)if(c[e]==d[g])return!0;return!1},registerSearchboxExtra:function(a,b,c){this.searchbox_extras[b.toLowerCase()]={type:a,desc:b,data:c}},fetchFile:function(a,b,c,d){if(!a)return null;b=b||"text";if(a.constructor===String)return"http"==a.substr(0,4)&&h.proxy&&(a=
+h.proxy+a.substr(a.indexOf(":")+3)),fetch(a).then(function(a){if(!a.ok)throw Error("File not found");if("arraybuffer"==b)return a.arrayBuffer();if("text"==b||"string"==b)return a.text();if("json"==b)return a.json();if("blob"==b)return a.blob()}).then(function(a){c&&c(a)})["catch"](function(b){console.error("error fetching file:",a);d&&d(b)});if(a.constructor===File||a.constructor===Blob){var e=new FileReader;e.onload=function(a){a=a.target.result;"json"==b&&(a=JSON.parse(a));c&&c(a)};if("arraybuffer"==
+b)return e.readAsArrayBuffer(a);if("text"==b||"json"==b)return e.readAsText(a);if("blob"==b)return e.readAsBinaryString(a)}return null}};h.getTime="undefined"!=typeof performance?performance.now.bind(performance):"undefined"!=typeof Date&&Date.now?Date.now.bind(Date):"undefined"!=typeof process?function(){var a=process.hrtime();return 0.001*a[0]+1E-6*a[1]}:function(){return(new Date).getTime()};B.LGraph=h.LGraph=n;n.supported_types=["number","string","boolean"];n.prototype.getSupportedTypes=function(){return this.supported_types||
+n.supported_types};n.STATUS_STOPPED=1;n.STATUS_RUNNING=2;n.prototype.clear=function(){this.stop();this.status=n.STATUS_STOPPED;this.last_link_id=this.last_node_id=0;this._version=-1;if(this._nodes)for(var a=0;a<this._nodes.length;++a){var b=this._nodes[a];if(b.onRemoved)b.onRemoved()}this._nodes=[];this._nodes_by_id={};this._nodes_in_order=[];this._nodes_executable=null;this._groups=[];this.links={};this.iteration=0;this.config={};this.vars={};this.extra={};this.fixedtime=this.runningtime=this.globaltime=
+0;this.elapsed_time=this.fixedtime_lapse=0.01;this.starttime=this.last_update_time=0;this.catch_errors=!0;this.inputs={};this.outputs={};this.change();this.sendActionToCanvas("clear")};n.prototype.attachCanvas=function(a){if(a.constructor!=k)throw"attachCanvas expects a LGraphCanvas instance";a.graph&&a.graph!=this&&a.graph.detachCanvas(a);a.graph=this;this.list_of_graphcanvas||(this.list_of_graphcanvas=[]);this.list_of_graphcanvas.push(a)};n.prototype.detachCanvas=function(a){if(this.list_of_graphcanvas){var b=
+this.list_of_graphcanvas.indexOf(a);-1!=b&&(a.graph=null,this.list_of_graphcanvas.splice(b,1))}};n.prototype.start=function(a){if(this.status!=n.STATUS_RUNNING){this.status=n.STATUS_RUNNING;if(this.onPlayEvent)this.onPlayEvent();this.sendEventToAllNodes("onStart");this.last_update_time=this.starttime=h.getTime();a=a||0;var b=this;if(0==a&&"undefined"!=typeof window&&window.requestAnimationFrame){var c=function(){if(-1==b.execution_timer_id){window.requestAnimationFrame(c);if(b.onBeforeStep)b.onBeforeStep();
+b.runStep(1,!b.catch_errors);if(b.onAfterStep)b.onAfterStep()}};this.execution_timer_id=-1;c()}else this.execution_timer_id=setInterval(function(){if(b.onBeforeStep)b.onBeforeStep();b.runStep(1,!b.catch_errors);if(b.onAfterStep)b.onAfterStep()},a)}};n.prototype.stop=function(){if(this.status!=n.STATUS_STOPPED){this.status=n.STATUS_STOPPED;if(this.onStopEvent)this.onStopEvent();null!=this.execution_timer_id&&(-1!=this.execution_timer_id&&clearInterval(this.execution_timer_id),this.execution_timer_id=
+null);this.sendEventToAllNodes("onStop")}};n.prototype.runStep=function(a,b,c){a=a||1;var d=h.getTime();this.globaltime=0.001*(d-this.starttime);var e=this._nodes_executable?this._nodes_executable:this._nodes;if(e){c=c||e.length;if(b){for(var g=0;g<a;g++){for(var f=0;f<c;++f){var m=e[f];if(m.mode==h.ALWAYS&&m.onExecute)m.onExecute()}this.fixedtime+=this.fixedtime_lapse;if(this.onExecuteStep)this.onExecuteStep()}if(this.onAfterExecute)this.onAfterExecute()}else try{for(g=0;g<a;g++){for(f=0;f<c;++f)if(m=
+e[f],m.mode==h.ALWAYS&&m.onExecute)m.onExecute();this.fixedtime+=this.fixedtime_lapse;if(this.onExecuteStep)this.onExecuteStep()}if(this.onAfterExecute)this.onAfterExecute();this.errors_in_execution=!1}catch(q){this.errors_in_execution=!0;if(h.throw_errors)throw q;h.debug&&console.log("Error during execution: "+q);this.stop()}a=h.getTime();d=a-d;0==d&&(d=1);this.execution_time=0.001*d;this.globaltime+=0.001*d;this.iteration+=1;this.elapsed_time=0.001*(a-this.last_update_time);this.last_update_time=
+a}};n.prototype.updateExecutionOrder=function(){this._nodes_in_order=this.computeExecutionOrder(!1);this._nodes_executable=[];for(var a=0;a<this._nodes_in_order.length;++a)this._nodes_in_order[a].onExecute&&this._nodes_executable.push(this._nodes_in_order[a])};n.prototype.computeExecutionOrder=function(a,b){for(var c=[],d=[],e={},g={},f={},m=0,q=this._nodes.length;m<q;++m){var k=this._nodes[m];if(!a||k.onExecute){e[k.id]=k;var s=0;if(k.inputs)for(var p=0,w=k.inputs.length;p<w;p++)k.inputs[p]&&null!=
+k.inputs[p].link&&(s+=1);0==s?(d.push(k),b&&(k._level=1)):(b&&(k._level=0),f[k.id]=s)}}for(;0!=d.length;)if(k=d.shift(),c.push(k),delete e[k.id],k.outputs)for(m=0;m<k.outputs.length;m++)if(q=k.outputs[m],null!=q&&null!=q.links&&0!=q.links.length)for(p=0;p<q.links.length;p++)(s=this.links[q.links[p]])&&!g[s.id]&&(w=this.getNodeById(s.target_id),null==w?g[s.id]=!0:(b&&(!w._level||w._level<=k._level)&&(w._level=k._level+1),g[s.id]=!0,f[w.id]-=1,0==f[w.id]&&d.push(w)));for(m in e)c.push(e[m]);c.length!=
+this._nodes.length&&h.debug&&console.warn("something went wrong, nodes missing");q=c.length;for(m=0;m<q;++m)c[m].order=m;c=c.sort(function(a,b){var c=a.constructor.priority||a.priority||0,e=b.constructor.priority||b.priority||0;return c==e?a.order-b.order:c-e});for(m=0;m<q;++m)c[m].order=m;return c};n.prototype.getAncestors=function(a){for(var b=[],c=[a],d={};c.length;){var e=c.shift();if(e.inputs){d[e.id]||e==a||(d[e.id]=!0,b.push(e));for(var g=0;g<e.inputs.length;++g){var f=e.getInputNode(g);f&&
+-1==b.indexOf(f)&&c.push(f)}}}b.sort(function(a,b){return a.order-b.order});return b};n.prototype.arrange=function(a){a=a||100;for(var b=this.computeExecutionOrder(!1,!0),c=[],d=0;d<b.length;++d){var e=b[d],g=e._level||1;c[g]||(c[g]=[]);c[g].push(e)}b=a;for(d=0;d<c.length;++d)if(g=c[d]){for(var f=100,m=a+h.NODE_TITLE_HEIGHT,q=0;q<g.length;++q)e=g[q],e.pos[0]=b,e.pos[1]=m,e.size[0]>f&&(f=e.size[0]),m+=e.size[1]+a+h.NODE_TITLE_HEIGHT;b+=f+a}this.setDirtyCanvas(!0,!0)};n.prototype.getTime=function(){return this.globaltime};
+n.prototype.getFixedTime=function(){return this.fixedtime};n.prototype.getElapsedTime=function(){return this.elapsed_time};n.prototype.sendEventToAllNodes=function(a,b,c){c=c||h.ALWAYS;var d=this._nodes_in_order?this._nodes_in_order:this._nodes;if(d)for(var e=0,g=d.length;e<g;++e){var f=d[e];if(f.constructor===h.Subgraph&&"onExecute"!=a)f.mode==c&&f.sendEventToAllNodes(a,b,c);else if(f[a]&&f.mode==c)if(void 0===b)f[a]();else if(b&&b.constructor===Array)f[a].apply(f,b);else f[a](b)}};n.prototype.sendActionToCanvas=
+function(a,b){if(this.list_of_graphcanvas)for(var c=0;c<this.list_of_graphcanvas.length;++c){var d=this.list_of_graphcanvas[c];d[a]&&d[a].apply(d,b)}};n.prototype.add=function(a,b){if(a)if(a.constructor===r)this._groups.push(a),this.setDirtyCanvas(!0),this.change(),a.graph=this,this._version++;else{-1!=a.id&&null!=this._nodes_by_id[a.id]&&(console.warn("LiteGraph: there is already a node with this ID, changing it"),a.id=++this.last_node_id);if(this._nodes.length>=h.MAX_NUMBER_OF_NODES)throw"LiteGraph: max number of nodes in a graph reached";
+null==a.id||-1==a.id?a.id=++this.last_node_id:this.last_node_id<a.id&&(this.last_node_id=a.id);a.graph=this;this._version++;this._nodes.push(a);this._nodes_by_id[a.id]=a;if(a.onAdded)a.onAdded(this);this.config.align_to_grid&&a.alignToGrid();b||this.updateExecutionOrder();if(this.onNodeAdded)this.onNodeAdded(a);this.setDirtyCanvas(!0);this.change();return a}};n.prototype.remove=function(a){if(a.constructor===h.LGraphGroup){var b=this._groups.indexOf(a);-1!=b&&this._groups.splice(b,1);a.graph=null;
+this._version++;this.setDirtyCanvas(!0,!0);this.change()}else if(null!=this._nodes_by_id[a.id]&&!a.ignore_remove){this.beforeChange();if(a.inputs)for(b=0;b<a.inputs.length;b++){var c=a.inputs[b];null!=c.link&&a.disconnectInput(b)}if(a.outputs)for(b=0;b<a.outputs.length;b++)c=a.outputs[b],null!=c.links&&c.links.length&&a.disconnectOutput(b);if(a.onRemoved)a.onRemoved();a.graph=null;this._version++;if(this.list_of_graphcanvas)for(b=0;b<this.list_of_graphcanvas.length;++b)c=this.list_of_graphcanvas[b],
+c.selected_nodes[a.id]&&delete c.selected_nodes[a.id],c.node_dragged==a&&(c.node_dragged=null);b=this._nodes.indexOf(a);-1!=b&&this._nodes.splice(b,1);delete this._nodes_by_id[a.id];if(this.onNodeRemoved)this.onNodeRemoved(a);this.sendActionToCanvas("checkPanels");this.setDirtyCanvas(!0,!0);this.afterChange();this.change();this.updateExecutionOrder()}};n.prototype.getNodeById=function(a){return null==a?null:this._nodes_by_id[a]};n.prototype.findNodesByClass=function(a,b){b=b||[];for(var c=b.length=
+0,d=this._nodes.length;c<d;++c)this._nodes[c].constructor===a&&b.push(this._nodes[c]);return b};n.prototype.findNodesByType=function(a,b){a=a.toLowerCase();b=b||[];for(var c=b.length=0,d=this._nodes.length;c<d;++c)this._nodes[c].type.toLowerCase()==a&&b.push(this._nodes[c]);return b};n.prototype.findNodeByTitle=function(a){for(var b=0,c=this._nodes.length;b<c;++b)if(this._nodes[b].title==a)return this._nodes[b];return null};n.prototype.findNodesByTitle=function(a){for(var b=[],c=0,d=this._nodes.length;c<
+d;++c)this._nodes[c].title==a&&b.push(this._nodes[c]);return b};n.prototype.getNodeOnPos=function(a,b,c,d){c=c||this._nodes;for(var e=c.length-1;0<=e;e--){var g=c[e];if(g.isPointInside(a,b,d))return g}return null};n.prototype.getGroupOnPos=function(a,b){for(var c=this._groups.length-1;0<=c;c--){var d=this._groups[c];if(d.isPointInside(a,b,2,!0))return d}return null};n.prototype.checkNodeTypes=function(){for(var a=0;a<this._nodes.length;a++){var b=this._nodes[a];if(b.constructor!=h.registered_node_types[b.type]){console.log("node being replaced by newer version: "+
+b.type);var c=h.createNode(b.type);this._nodes[a]=c;c.configure(b.serialize());c.graph=this;this._nodes_by_id[c.id]=c;b.inputs&&(c.inputs=b.inputs.concat());b.outputs&&(c.outputs=b.outputs.concat())}}this.updateExecutionOrder()};n.prototype.onAction=function(a,b){this._input_nodes=this.findNodesByClass(h.GraphInput,this._input_nodes);for(var c=0;c<this._input_nodes.length;++c){var d=this._input_nodes[c];if(d.properties.name==a){d.onAction(a,b);break}}};n.prototype.trigger=function(a,b){if(this.onTrigger)this.onTrigger(a,
+b)};n.prototype.addInput=function(a,b,c){if(!this.inputs[a]){this.beforeChange();this.inputs[a]={name:a,type:b,value:c};this._version++;this.afterChange();if(this.onInputAdded)this.onInputAdded(a,b);if(this.onInputsOutputsChange)this.onInputsOutputsChange()}};n.prototype.setInputData=function(a,b){var c=this.inputs[a];c&&(c.value=b)};n.prototype.getInputData=function(a){return(a=this.inputs[a])?a.value:null};n.prototype.renameInput=function(a,b){if(b!=a){if(!this.inputs[a])return!1;if(this.inputs[b])return console.error("there is already one input with that name"),
+!1;this.inputs[b]=this.inputs[a];delete this.inputs[a];this._version++;if(this.onInputRenamed)this.onInputRenamed(a,b);if(this.onInputsOutputsChange)this.onInputsOutputsChange()}};n.prototype.changeInputType=function(a,b){if(!this.inputs[a])return!1;if(!this.inputs[a].type||String(this.inputs[a].type).toLowerCase()!=String(b).toLowerCase())if(this.inputs[a].type=b,this._version++,this.onInputTypeChanged)this.onInputTypeChanged(a,b)};n.prototype.removeInput=function(a){if(!this.inputs[a])return!1;
+delete this.inputs[a];this._version++;if(this.onInputRemoved)this.onInputRemoved(a);if(this.onInputsOutputsChange)this.onInputsOutputsChange();return!0};n.prototype.addOutput=function(a,b,c){this.outputs[a]={name:a,type:b,value:c};this._version++;if(this.onOutputAdded)this.onOutputAdded(a,b);if(this.onInputsOutputsChange)this.onInputsOutputsChange()};n.prototype.setOutputData=function(a,b){var c=this.outputs[a];c&&(c.value=b)};n.prototype.getOutputData=function(a){return(a=this.outputs[a])?a.value:
+null};n.prototype.renameOutput=function(a,b){if(!this.outputs[a])return!1;if(this.outputs[b])return console.error("there is already one output with that name"),!1;this.outputs[b]=this.outputs[a];delete this.outputs[a];this._version++;if(this.onOutputRenamed)this.onOutputRenamed(a,b);if(this.onInputsOutputsChange)this.onInputsOutputsChange()};n.prototype.changeOutputType=function(a,b){if(!this.outputs[a])return!1;if(!this.outputs[a].type||String(this.outputs[a].type).toLowerCase()!=String(b).toLowerCase())if(this.outputs[a].type=
+b,this._version++,this.onOutputTypeChanged)this.onOutputTypeChanged(a,b)};n.prototype.removeOutput=function(a){if(!this.outputs[a])return!1;delete this.outputs[a];this._version++;if(this.onOutputRemoved)this.onOutputRemoved(a);if(this.onInputsOutputsChange)this.onInputsOutputsChange();return!0};n.prototype.triggerInput=function(a,b){for(var c=this.findNodesByTitle(a),d=0;d<c.length;++d)c[d].onTrigger(b)};n.prototype.setCallback=function(a,b){for(var c=this.findNodesByTitle(a),d=0;d<c.length;++d)c[d].setTrigger(b)};
+n.prototype.beforeChange=function(a){if(this.onBeforeChange)this.onBeforeChange(this,a);this.sendActionToCanvas("onBeforeChange",this)};n.prototype.afterChange=function(a){if(this.onAfterChange)this.onAfterChange(this,a);this.sendActionToCanvas("onAfterChange",this)};n.prototype.connectionChange=function(a,b){this.updateExecutionOrder();if(this.onConnectionChange)this.onConnectionChange(a);this._version++;this.sendActionToCanvas("onConnectionChange")};n.prototype.isLive=function(){if(!this.list_of_graphcanvas)return!1;
+for(var a=0;a<this.list_of_graphcanvas.length;++a)if(this.list_of_graphcanvas[a].live_mode)return!0;return!1};n.prototype.clearTriggeredSlots=function(){for(var a in this.links){var b=this.links[a];b&&b._last_time&&(b._last_time=0)}};n.prototype.change=function(){h.debug&&console.log("Graph changed");this.sendActionToCanvas("setDirty",[!0,!0]);if(this.on_change)this.on_change(this)};n.prototype.setDirtyCanvas=function(a,b){this.sendActionToCanvas("setDirty",[a,b])};n.prototype.removeLink=function(a){if(a=
+this.links[a]){var b=this.getNodeById(a.target_id);b&&b.disconnectInput(a.target_slot)}};n.prototype.serialize=function(){for(var a=[],b=0,c=this._nodes.length;b<c;++b)a.push(this._nodes[b].serialize());c=[];for(b in this.links){var d=this.links[b];if(!d.serialize){console.warn("weird LLink bug, link info is not a LLink but a regular object");var e=new u,g;for(g in d)e[g]=d[g];d=this.links[b]=e}c.push(d.serialize())}g=[];for(b=0;b<this._groups.length;++b)g.push(this._groups[b].serialize());a={last_node_id:this.last_node_id,
+last_link_id:this.last_link_id,nodes:a,links:c,groups:g,config:this.config,extra:this.extra,version:h.VERSION};if(this.onSerialize)this.onSerialize(a);return a};n.prototype.configure=function(a,b){if(a){b||this.clear();var c=a.nodes;if(a.links&&a.links.constructor===Array){for(var d=[],e=0;e<a.links.length;++e){var g=a.links[e];if(g){var f=new u;f.configure(g);d[f.id]=f}else console.warn("serialized graph link data contains errors, skipping.")}a.links=d}for(e in a)"nodes"!=e&&"groups"!=e&&(this[e]=
+a[e]);d=!1;this._nodes=[];if(c){e=0;for(g=c.length;e<g;++e){var f=c[e],m=h.createNode(f.type,f.title);m||(h.debug&&console.log("Node not found or has errors: "+f.type),m=new l,m.last_serialization=f,d=m.has_errors=!0);m.id=f.id;this.add(m,!0)}e=0;for(g=c.length;e<g;++e)f=c[e],(m=this.getNodeById(f.id))&&m.configure(f)}this._groups.length=0;if(a.groups)for(e=0;e<a.groups.length;++e)c=new h.LGraphGroup,c.configure(a.groups[e]),this.add(c);this.updateExecutionOrder();this.extra=a.extra||{};if(this.onConfigure)this.onConfigure(a);
+this._version++;this.setDirtyCanvas(!0,!0);return d}};n.prototype.load=function(a,b){var c=this;if(a.constructor===File||a.constructor===Blob){var d=new FileReader;d.addEventListener("load",function(a){a=JSON.parse(a.target.result);c.configure(a);b&&b()});d.readAsText(a)}else{var e=new XMLHttpRequest;e.open("GET",a,!0);e.send(null);e.onload=function(a){200!==e.status?console.error("Error loading graph:",e.status,e.response):(a=JSON.parse(e.response),c.configure(a),b&&b())};e.onerror=function(a){console.error("Error loading graph:",
+a)}}};n.prototype.onNodeTrace=function(a,b,c){};u.prototype.configure=function(a){a.constructor===Array?(this.id=a[0],this.origin_id=a[1],this.origin_slot=a[2],this.target_id=a[3],this.target_slot=a[4],this.type=a[5]):(this.id=a.id,this.type=a.type,this.origin_id=a.origin_id,this.origin_slot=a.origin_slot,this.target_id=a.target_id,this.target_slot=a.target_slot)};u.prototype.serialize=function(){return[this.id,this.origin_id,this.origin_slot,this.target_id,this.target_slot,this.type]};h.LLink=u;
+B.LGraphNode=h.LGraphNode=l;l.prototype._ctor=function(a){this.title=a||"Unnamed";this.size=[h.NODE_WIDTH,60];this.graph=null;this._pos=new Float32Array(10,10);Object.defineProperty(this,"pos",{set:function(a){!a||2>a.length||(this._pos[0]=a[0],this._pos[1]=a[1])},get:function(){return this._pos},enumerable:!0});this.id=-1;this.type=null;this.inputs=[];this.outputs=[];this.connections=[];this.properties={};this.properties_info=[];this.flags={}};l.prototype.configure=function(a){this.graph&&this.graph._version++;
+for(var b in a)if("properties"==b)for(var c in a.properties){if(this.properties[c]=a.properties[c],this.onPropertyChanged)this.onPropertyChanged(c,a.properties[c])}else null!=a[b]&&("object"==typeof a[b]?this[b]&&this[b].configure?this[b].configure(a[b]):this[b]=h.cloneObject(a[b],this[b]):this[b]=a[b]);a.title||(this.title=this.constructor.title);if(this.onConnectionsChange){if(this.inputs)for(c=0;c<this.inputs.length;++c){b=this.inputs[c];var d=this.graph?this.graph.links[b.link]:null;this.onConnectionsChange(h.INPUT,
+c,!0,d,b)}if(this.outputs)for(c=0;c<this.outputs.length;++c){var e=this.outputs[c];if(e.links)for(b=0;b<e.links.length;++b)d=this.graph?this.graph.links[e.links[b]]:null,this.onConnectionsChange(h.OUTPUT,c,!0,d,e)}}if(this.widgets){for(c=0;c<this.widgets.length;++c)(b=this.widgets[c])&&b.options&&b.options.property&&this.properties[b.options.property]&&(b.value=JSON.parse(JSON.stringify(this.properties[b.options.property])));if(a.widgets_values)for(c=0;c<a.widgets_values.length;++c)this.widgets[c]&&
+(this.widgets[c].value=a.widgets_values[c])}if(this.onConfigure)this.onConfigure(a)};l.prototype.serialize=function(){var a={id:this.id,type:this.type,pos:this.pos,size:this.size,flags:h.cloneObject(this.flags),order:this.order,mode:this.mode};if(this.constructor===l&&this.last_serialization)return this.last_serialization;this.inputs&&(a.inputs=this.inputs);if(this.outputs){for(var b=0;b<this.outputs.length;b++)delete this.outputs[b]._data;a.outputs=this.outputs}this.title&&this.title!=this.constructor.title&&
+(a.title=this.title);this.properties&&(a.properties=h.cloneObject(this.properties));if(this.widgets&&this.serialize_widgets)for(a.widgets_values=[],b=0;b<this.widgets.length;++b)a.widgets_values[b]=this.widgets[b]?this.widgets[b].value:null;a.type||(a.type=this.constructor.type);this.color&&(a.color=this.color);this.bgcolor&&(a.bgcolor=this.bgcolor);this.boxcolor&&(a.boxcolor=this.boxcolor);this.shape&&(a.shape=this.shape);this.onSerialize&&this.onSerialize(a)&&console.warn("node onSerialize shouldnt return anything, data should be stored in the object pass in the first parameter");
+return a};l.prototype.clone=function(){var a=h.createNode(this.type);if(!a)return null;var b=h.cloneObject(this.serialize());if(b.inputs)for(var c=0;c<b.inputs.length;++c)b.inputs[c].link=null;if(b.outputs)for(c=0;c<b.outputs.length;++c)b.outputs[c].links&&(b.outputs[c].links.length=0);delete b.id;a.configure(b);return a};l.prototype.toString=function(){return JSON.stringify(this.serialize())};l.prototype.getTitle=function(){return this.title||this.constructor.title};l.prototype.setProperty=function(a,
+b){this.properties||(this.properties={});if(b!==this.properties[a]){var c=this.properties[a];this.properties[a]=b;this.onPropertyChanged&&!1===this.onPropertyChanged(a,b,c)&&(this.properties[a]=c);if(this.widgets)for(c=0;c<this.widgets.length;++c){var d=this.widgets[c];if(d&&d.options.property==a){d.value=b;break}}}};l.prototype.setOutputData=function(a,b){if(this.outputs&&!(-1==a||a>=this.outputs.length)){var c=this.outputs[a];if(c&&(c._data=b,this.outputs[a].links))for(c=0;c<this.outputs[a].links.length;c++){var d=
+this.graph.links[this.outputs[a].links[c]];d&&(d.data=b)}}};l.prototype.setOutputDataType=function(a,b){if(this.outputs&&!(-1==a||a>=this.outputs.length)){var c=this.outputs[a];if(c&&(c.type=b,this.outputs[a].links))for(c=0;c<this.outputs[a].links.length;c++)this.graph.links[this.outputs[a].links[c]].type=b}};l.prototype.getInputData=function(a,b){if(this.inputs&&!(a>=this.inputs.length||null==this.inputs[a].link)){var c=this.graph.links[this.inputs[a].link];if(!c)return null;if(!b)return c.data;
+var d=this.graph.getNodeById(c.origin_id);if(!d)return c.data;if(d.updateOutputData)d.updateOutputData(c.origin_slot);else if(d.onExecute)d.onExecute();return c.data}};l.prototype.getInputDataType=function(a){if(!this.inputs||a>=this.inputs.length||null==this.inputs[a].link)return null;a=this.graph.links[this.inputs[a].link];if(!a)return null;var b=this.graph.getNodeById(a.origin_id);return b?(a=b.outputs[a.origin_slot])?a.type:null:a.type};l.prototype.getInputDataByName=function(a,b){var c=this.findInputSlot(a);
+return-1==c?null:this.getInputData(c,b)};l.prototype.isInputConnected=function(a){return this.inputs?a<this.inputs.length&&null!=this.inputs[a].link:!1};l.prototype.getInputInfo=function(a){return this.inputs?a<this.inputs.length?this.inputs[a]:null:null};l.prototype.getInputLink=function(a){return this.inputs?a<this.inputs.length?this.graph.links[this.inputs[a].link]:null:null};l.prototype.getInputNode=function(a){if(!this.inputs||a>=this.inputs.length)return null;a=this.inputs[a];return a&&null!==
+a.link?(a=this.graph.links[a.link])?this.graph.getNodeById(a.origin_id):null:null};l.prototype.getInputOrProperty=function(a){if(!this.inputs||!this.inputs.length)return this.properties?this.properties[a]:null;for(var b=0,c=this.inputs.length;b<c;++b){var d=this.inputs[b];if(a==d.name&&null!=d.link&&(d=this.graph.links[d.link]))return d.data}return this.properties[a]};l.prototype.getOutputData=function(a){return!this.outputs||a>=this.outputs.length?null:this.outputs[a]._data};l.prototype.getOutputInfo=
+function(a){return this.outputs?a<this.outputs.length?this.outputs[a]:null:null};l.prototype.isOutputConnected=function(a){return this.outputs?a<this.outputs.length&&this.outputs[a].links&&this.outputs[a].links.length:!1};l.prototype.isAnyOutputConnected=function(){if(!this.outputs)return!1;for(var a=0;a<this.outputs.length;++a)if(this.outputs[a].links&&this.outputs[a].links.length)return!0;return!1};l.prototype.getOutputNodes=function(a){if(!this.outputs||0==this.outputs.length||a>=this.outputs.length)return null;
+a=this.outputs[a];if(!a.links||0==a.links.length)return null;for(var b=[],c=0;c<a.links.length;c++){var d=this.graph.links[a.links[c]];d&&(d=this.graph.getNodeById(d.target_id))&&b.push(d)}return b};l.prototype.trigger=function(a,b){if(this.outputs&&this.outputs.length){this.graph&&(this.graph._last_trigger_time=h.getTime());for(var c=0;c<this.outputs.length;++c){var d=this.outputs[c];!d||d.type!==h.EVENT||a&&d.name!=a||this.triggerSlot(c,b)}}};l.prototype.triggerSlot=function(a,b,c){if(this.outputs&&
+(a=this.outputs[a])&&(a=a.links)&&a.length){this.graph&&(this.graph._last_trigger_time=h.getTime());for(var d=0;d<a.length;++d){var e=a[d];if(null==c||c==e){var g=this.graph.links[a[d]];if(g&&(g._last_time=h.getTime(),e=this.graph.getNodeById(g.target_id)))if(g=e.inputs[g.target_slot],e.mode===h.ON_TRIGGER){if(e.onExecute)e.onExecute(b)}else if(e.onAction)e.onAction(g.name,b)}}}};l.prototype.clearTriggeredSlot=function(a,b){if(this.outputs){var c=this.outputs[a];if(c&&(c=c.links)&&c.length)for(var d=
+0;d<c.length;++d){var e=c[d];if(null==b||b==e)if(e=this.graph.links[c[d]])e._last_time=0}}};l.prototype.setSize=function(a){this.size=a;if(this.onResize)this.onResize(this.size)};l.prototype.addProperty=function(a,b,c,d){c={name:a,type:c,default_value:b};if(d)for(var e in d)c[e]=d[e];this.properties_info||(this.properties_info=[]);this.properties_info.push(c);this.properties||(this.properties={});this.properties[a]=b;return c};l.prototype.addOutput=function(a,b,c){a={name:a,type:b,links:null};if(c)for(var d in c)a[d]=
+c[d];this.outputs||(this.outputs=[]);this.outputs.push(a);if(this.onOutputAdded)this.onOutputAdded(a);this.setSize(this.computeSize());this.setDirtyCanvas(!0,!0);return a};l.prototype.addOutputs=function(a){for(var b=0;b<a.length;++b){var c=a[b],d={name:c[0],type:c[1],link:null};if(a[2])for(var e in c[2])d[e]=c[2][e];this.outputs||(this.outputs=[]);this.outputs.push(d);if(this.onOutputAdded)this.onOutputAdded(d)}this.setSize(this.computeSize());this.setDirtyCanvas(!0,!0)};l.prototype.removeOutput=
+function(a){this.disconnectOutput(a);this.outputs.splice(a,1);for(var b=a;b<this.outputs.length;++b)if(this.outputs[b]&&this.outputs[b].links)for(var c=this.outputs[b].links,d=0;d<c.length;++d){var e=this.graph.links[c[d]];e&&(e.origin_slot-=1)}this.setSize(this.computeSize());if(this.onOutputRemoved)this.onOutputRemoved(a);this.setDirtyCanvas(!0,!0)};l.prototype.addInput=function(a,b,c){a={name:a,type:b||0,link:null};if(c)for(var d in c)a[d]=c[d];this.inputs||(this.inputs=[]);this.inputs.push(a);
+this.setSize(this.computeSize());if(this.onInputAdded)this.onInputAdded(a);this.setDirtyCanvas(!0,!0);return a};l.prototype.addInputs=function(a){for(var b=0;b<a.length;++b){var c=a[b],d={name:c[0],type:c[1],link:null};if(a[2])for(var e in c[2])d[e]=c[2][e];this.inputs||(this.inputs=[]);this.inputs.push(d);if(this.onInputAdded)this.onInputAdded(d)}this.setSize(this.computeSize());this.setDirtyCanvas(!0,!0)};l.prototype.removeInput=function(a){this.disconnectInput(a);for(var b=this.inputs.splice(a,
+1),c=a;c<this.inputs.length;++c)if(this.inputs[c]){var d=this.graph.links[this.inputs[c].link];d&&(d.target_slot-=1)}this.setSize(this.computeSize());if(this.onInputRemoved)this.onInputRemoved(a,b[0]);this.setDirtyCanvas(!0,!0)};l.prototype.addConnection=function(a,b,c,d){a={name:a,type:b,pos:c,direction:d,links:null};this.connections.push(a);return a};l.prototype.computeSize=function(a){function b(a){return a?d*a.length*0.6:0}if(this.constructor.size)return this.constructor.size.concat();var c=Math.max(this.inputs?
+this.inputs.length:1,this.outputs?this.outputs.length:1);a=a||new Float32Array([0,0]);var c=Math.max(c,1),d=h.NODE_TEXT_SIZE,e=b(this.title),g=0,f=0;if(this.inputs)for(var m=0,q=this.inputs.length;m<q;++m){var k=this.inputs[m],k=k.label||k.name||"",k=b(k);g<k&&(g=k)}if(this.outputs)for(m=0,q=this.outputs.length;m<q;++m)k=this.outputs[m],k=k.label||k.name||"",k=b(k),f<k&&(f=k);a[0]=Math.max(g+f+10,e);a[0]=Math.max(a[0],h.NODE_WIDTH);this.widgets&&this.widgets.length&&(a[0]=Math.max(a[0],1.5*h.NODE_WIDTH));
+a[1]=(this.constructor.slot_start_y||0)+c*h.NODE_SLOT_HEIGHT;c=0;if(this.widgets&&this.widgets.length){m=0;for(q=this.widgets.length;m<q;++m)c=this.widgets[m].computeSize?c+(this.widgets[m].computeSize(a[0])[1]+4):c+(h.NODE_WIDGET_HEIGHT+4);c+=8}a[1]=this.widgets_up?Math.max(a[1],c):null!=this.widgets_start_y?Math.max(a[1],c+this.widgets_start_y):a[1]+c;this.constructor.min_height&&a[1]<this.constructor.min_height&&(a[1]=this.constructor.min_height);a[1]+=6;return a};l.prototype.getPropertyInfo=function(a){var b=
+null;if(this.properties_info)for(var c=0;c<this.properties_info.length;++c)if(this.properties_info[c].name==a){b=this.properties_info[c];break}this.constructor["@"+a]&&(b=this.constructor["@"+a]);this.constructor.widgets_info&&this.constructor.widgets_info[a]&&(b=this.constructor.widgets_info[a]);!b&&this.onGetPropertyInfo&&(b=this.onGetPropertyInfo(a));b||(b={});b.type||(b.type=typeof this.properties[a]);"combo"==b.widget&&(b.type="enum");return b};l.prototype.addWidget=function(a,b,c,d,e){this.widgets||
+(this.widgets=[]);!e&&d&&d.constructor===Object&&(e=d,d=null);e&&e.constructor===String&&(e={property:e});d&&d.constructor===String&&(e||(e={}),e.property=d,d=null);d&&d.constructor!==Function&&(console.warn("addWidget: callback must be a function"),d=null);b={type:a.toLowerCase(),name:b,value:c,callback:d,options:e||{}};void 0!==b.options.y&&(b.y=b.options.y);d||b.options.callback||b.options.property||console.warn("LiteGraph addWidget(...) without a callback or property assigned");if("combo"==a&&
+!b.options.values)throw"LiteGraph addWidget('combo',...) requires to pass values in options: { values:['red','blue'] }";this.widgets.push(b);this.setSize(this.computeSize());return b};l.prototype.addCustomWidget=function(a){this.widgets||(this.widgets=[]);this.widgets.push(a);return a};l.prototype.getBounding=function(a){a=a||new Float32Array(4);a[0]=this.pos[0]-4;a[1]=this.pos[1]-h.NODE_TITLE_HEIGHT;a[2]=this.size[0]+4;a[3]=this.size[1]+h.NODE_TITLE_HEIGHT;if(this.onBounding)this.onBounding(a);return a};
+l.prototype.isPointInside=function(a,b,c,d){c=c||0;var e=this.graph&&this.graph.isLive()?0:h.NODE_TITLE_HEIGHT;d&&(e=0);if(this.flags&&this.flags.collapsed){if(y(a,b,this.pos[0]-c,this.pos[1]-h.NODE_TITLE_HEIGHT-c,(this._collapsed_width||h.NODE_COLLAPSED_WIDTH)+2*c,h.NODE_TITLE_HEIGHT+2*c))return!0}else if(this.pos[0]-4-c<a&&this.pos[0]+this.size[0]+4+c>a&&this.pos[1]-e-c<b&&this.pos[1]+this.size[1]+c>b)return!0;return!1};l.prototype.getSlotInPosition=function(a,b){var c=new Float32Array(2);if(this.inputs)for(var d=
+0,e=this.inputs.length;d<e;++d){var g=this.inputs[d];this.getConnectionPos(!0,d,c);if(y(a,b,c[0]-10,c[1]-5,20,10))return{input:g,slot:d,link_pos:c}}if(this.outputs)for(d=0,e=this.outputs.length;d<e;++d)if(g=this.outputs[d],this.getConnectionPos(!1,d,c),y(a,b,c[0]-10,c[1]-5,20,10))return{output:g,slot:d,link_pos:c};return null};l.prototype.findInputSlot=function(a){if(!this.inputs)return-1;for(var b=0,c=this.inputs.length;b<c;++b)if(a==this.inputs[b].name)return b;return-1};l.prototype.findOutputSlot=
+function(a){if(!this.outputs)return-1;for(var b=0,c=this.outputs.length;b<c;++b)if(a==this.outputs[b].name)return b;return-1};l.prototype.connect=function(a,b,c){c=c||0;if(!this.graph)return console.log("Connect: Error, node doesn't belong to any graph. Nodes must be added first to a graph before connecting them."),null;if(a.constructor===String){if(a=this.findOutputSlot(a),-1==a)return h.debug&&console.log("Connect: Error, no slot of name "+a),null}else if(!this.outputs||a>=this.outputs.length)return h.debug&&
+console.log("Connect: Error, slot number not found"),null;b&&b.constructor===Number&&(b=this.graph.getNodeById(b));if(!b)throw"target node is null";if(b==this)return null;if(c.constructor===String){if(c=b.findInputSlot(c),-1==c)return h.debug&&console.log("Connect: Error, no slot of name "+c),null}else{if(c===h.EVENT)return null;if(!b.inputs||c>=b.inputs.length)return h.debug&&console.log("Connect: Error, slot number not found"),null}var d=!1;null!=b.inputs[c].link&&(this.graph.beforeChange(),b.disconnectInput(c),
+d=!0);var e=this.outputs[a];if(b.onConnectInput&&!1===b.onConnectInput(c,e.type,e,this,a))return null;var g=b.inputs[c],f=null;if(!h.isValidConnection(e.type,g.type))return this.setDirtyCanvas(!1,!0),d&&this.graph.connectionChange(this,f),null;d||this.graph.beforeChange();f=new u(++this.graph.last_link_id,g.type,this.id,a,b.id,c);this.graph.links[f.id]=f;null==e.links&&(e.links=[]);e.links.push(f.id);b.inputs[c].link=f.id;this.graph&&this.graph._version++;if(this.onConnectionsChange)this.onConnectionsChange(h.OUTPUT,
+a,!0,f,e);if(b.onConnectionsChange)b.onConnectionsChange(h.INPUT,c,!0,f,g);this.graph&&this.graph.onNodeConnectionChange&&(this.graph.onNodeConnectionChange(h.INPUT,b,c,this,a),this.graph.onNodeConnectionChange(h.OUTPUT,this,a,b,c));this.setDirtyCanvas(!1,!0);this.graph.afterChange();this.graph.connectionChange(this,f);return f};l.prototype.disconnectOutput=function(a,b){if(a.constructor===String){if(a=this.findOutputSlot(a),-1==a)return h.debug&&console.log("Connect: Error, no slot of name "+a),
+!1}else if(!this.outputs||a>=this.outputs.length)return h.debug&&console.log("Connect: Error, slot number not found"),!1;var c=this.outputs[a];if(!c||!c.links||0==c.links.length)return!1;if(b){b.constructor===Number&&(b=this.graph.getNodeById(b));if(!b)throw"Target Node not found";for(var d=0,e=c.links.length;d<e;d++){var g=c.links[d],f=this.graph.links[g];if(f.target_id==b.id){c.links.splice(d,1);var m=b.inputs[f.target_slot];m.link=null;delete this.graph.links[g];this.graph&&this.graph._version++;
+if(b.onConnectionsChange)b.onConnectionsChange(h.INPUT,f.target_slot,!1,f,m);if(this.onConnectionsChange)this.onConnectionsChange(h.OUTPUT,a,!1,f,c);if(this.graph&&this.graph.onNodeConnectionChange)this.graph.onNodeConnectionChange(h.OUTPUT,this,a);this.graph&&this.graph.onNodeConnectionChange&&(this.graph.onNodeConnectionChange(h.OUTPUT,this,a),this.graph.onNodeConnectionChange(h.INPUT,b,f.target_slot));break}}}else{d=0;for(e=c.links.length;d<e;d++)if(g=c.links[d],f=this.graph.links[g]){b=this.graph.getNodeById(f.target_id);
+this.graph&&this.graph._version++;if(b){m=b.inputs[f.target_slot];m.link=null;if(b.onConnectionsChange)b.onConnectionsChange(h.INPUT,f.target_slot,!1,f,m);if(this.graph&&this.graph.onNodeConnectionChange)this.graph.onNodeConnectionChange(h.INPUT,b,f.target_slot)}delete this.graph.links[g];if(this.onConnectionsChange)this.onConnectionsChange(h.OUTPUT,a,!1,f,c);this.graph&&this.graph.onNodeConnectionChange&&(this.graph.onNodeConnectionChange(h.OUTPUT,this,a),this.graph.onNodeConnectionChange(h.INPUT,
+b,f.target_slot))}c.links=null}this.setDirtyCanvas(!1,!0);this.graph.connectionChange(this);return!0};l.prototype.disconnectInput=function(a){if(a.constructor===String){if(a=this.findInputSlot(a),-1==a)return h.debug&&console.log("Connect: Error, no slot of name "+a),!1}else if(!this.inputs||a>=this.inputs.length)return h.debug&&console.log("Connect: Error, slot number not found"),!1;var b=this.inputs[a];if(!b)return!1;var c=this.inputs[a].link;if(null!=c){this.inputs[a].link=null;var d=this.graph.links[c];
+if(d){var e=this.graph.getNodeById(d.origin_id);if(!e)return!1;var g=e.outputs[d.origin_slot];if(!g||!g.links||0==g.links.length)return!1;for(var f=0,m=g.links.length;f<m;f++)if(g.links[f]==c){g.links.splice(f,1);break}delete this.graph.links[c];this.graph&&this.graph._version++;if(this.onConnectionsChange)this.onConnectionsChange(h.INPUT,a,!1,d,b);if(e.onConnectionsChange)e.onConnectionsChange(h.OUTPUT,f,!1,d,g);this.graph&&this.graph.onNodeConnectionChange&&(this.graph.onNodeConnectionChange(h.OUTPUT,
+e,f),this.graph.onNodeConnectionChange(h.INPUT,this,a))}}this.setDirtyCanvas(!1,!0);this.graph&&this.graph.connectionChange(this);return!0};l.prototype.getConnectionPos=function(a,b,c){c=c||new Float32Array(2);var d=0;a&&this.inputs&&(d=this.inputs.length);!a&&this.outputs&&(d=this.outputs.length);var e=0.5*h.NODE_SLOT_HEIGHT;if(this.flags.collapsed)return b=this._collapsed_width||h.NODE_COLLAPSED_WIDTH,this.horizontal?(c[0]=this.pos[0]+0.5*b,c[1]=a?this.pos[1]-h.NODE_TITLE_HEIGHT:this.pos[1]):(c[0]=
+a?this.pos[0]:this.pos[0]+b,c[1]=this.pos[1]-0.5*h.NODE_TITLE_HEIGHT),c;if(a&&-1==b)return c[0]=this.pos[0]+0.5*h.NODE_TITLE_HEIGHT,c[1]=this.pos[1]+0.5*h.NODE_TITLE_HEIGHT,c;if(a&&d>b&&this.inputs[b].pos)return c[0]=this.pos[0]+this.inputs[b].pos[0],c[1]=this.pos[1]+this.inputs[b].pos[1],c;if(!a&&d>b&&this.outputs[b].pos)return c[0]=this.pos[0]+this.outputs[b].pos[0],c[1]=this.pos[1]+this.outputs[b].pos[1],c;if(this.horizontal)return c[0]=this.pos[0]+this.size[0]/d*(b+0.5),c[1]=a?this.pos[1]-h.NODE_TITLE_HEIGHT:
+this.pos[1]+this.size[1],c;c[0]=a?this.pos[0]+e:this.pos[0]+this.size[0]+1-e;c[1]=this.pos[1]+(b+0.7)*h.NODE_SLOT_HEIGHT+(this.constructor.slot_start_y||0);return c};l.prototype.alignToGrid=function(){this.pos[0]=h.CANVAS_GRID_SIZE*Math.round(this.pos[0]/h.CANVAS_GRID_SIZE);this.pos[1]=h.CANVAS_GRID_SIZE*Math.round(this.pos[1]/h.CANVAS_GRID_SIZE)};l.prototype.trace=function(a){this.console||(this.console=[]);this.console.push(a);this.console.length>l.MAX_CONSOLE&&this.console.shift();if(this.graph.onNodeTrace)this.graph.onNodeTrace(this,
+a)};l.prototype.setDirtyCanvas=function(a,b){this.graph&&this.graph.sendActionToCanvas("setDirty",[a,b])};l.prototype.loadImage=function(a){var b=new Image;b.src=h.node_images_path+a;b.ready=!1;var c=this;b.onload=function(){this.ready=!0;c.setDirtyCanvas(!0)};return b};l.prototype.captureInput=function(a){if(this.graph&&this.graph.list_of_graphcanvas)for(var b=this.graph.list_of_graphcanvas,c=0;c<b.length;++c){var d=b[c];if(a||d.node_capturing_input==this)d.node_capturing_input=a?this:null}};l.prototype.collapse=
+function(a){this.graph._version++;if(!1!==this.constructor.collapsable||a)this.flags.collapsed=this.flags.collapsed?!1:!0,this.setDirtyCanvas(!0,!0)};l.prototype.pin=function(a){this.graph._version++;this.flags.pinned=void 0===a?!this.flags.pinned:a};l.prototype.localToScreen=function(a,b,c){return[(a+this.pos[0])*c.scale+c.offset[0],(b+this.pos[1])*c.scale+c.offset[1]]};B.LGraphGroup=h.LGraphGroup=r;r.prototype._ctor=function(a){this.title=a||"Group";this.font_size=24;this.color=k.node_colors.pale_blue?
+k.node_colors.pale_blue.groupcolor:"#AAA";this._bounding=new Float32Array([10,10,140,80]);this._pos=this._bounding.subarray(0,2);this._size=this._bounding.subarray(2,4);this._nodes=[];this.graph=null;Object.defineProperty(this,"pos",{set:function(a){!a||2>a.length||(this._pos[0]=a[0],this._pos[1]=a[1])},get:function(){return this._pos},enumerable:!0});Object.defineProperty(this,"size",{set:function(a){!a||2>a.length||(this._size[0]=Math.max(140,a[0]),this._size[1]=Math.max(80,a[1]))},get:function(){return this._size},
+enumerable:!0})};r.prototype.configure=function(a){this.title=a.title;this._bounding.set(a.bounding);this.color=a.color;this.font=a.font};r.prototype.serialize=function(){var a=this._bounding;return{title:this.title,bounding:[Math.round(a[0]),Math.round(a[1]),Math.round(a[2]),Math.round(a[3])],color:this.color,font:this.font}};r.prototype.move=function(a,b,c){this._pos[0]+=a;this._pos[1]+=b;if(!c)for(c=0;c<this._nodes.length;++c){var d=this._nodes[c];d.pos[0]+=a;d.pos[1]+=b}};r.prototype.recomputeInsideNodes=
+function(){this._nodes.length=0;for(var a=this.graph._nodes,b=new Float32Array(4),c=0;c<a.length;++c){var d=a[c];d.getBounding(b);A(this._bounding,b)&&this._nodes.push(d)}};r.prototype.isPointInside=l.prototype.isPointInside;r.prototype.setDirtyCanvas=l.prototype.setDirtyCanvas;h.DragAndScale=v;v.prototype.bindEvents=function(a){this.last_mouse=new Float32Array(2);this._binded_mouse_callback=this.onMouse.bind(this);a.addEventListener("mousedown",this._binded_mouse_callback);a.addEventListener("mousemove",
+this._binded_mouse_callback);a.addEventListener("mousewheel",this._binded_mouse_callback,!1);a.addEventListener("wheel",this._binded_mouse_callback,!1)};v.prototype.computeVisibleArea=function(a){if(this.element){var b=this.element.width,c=this.element.height,d=-this.offset[0],e=-this.offset[1];a&&(d+=a[0]/this.scale,e+=a[1]/this.scale,b=a[2],c=a[3]);a=d+b/this.scale;c=e+c/this.scale;this.visible_area[0]=d;this.visible_area[1]=e;this.visible_area[2]=a-d;this.visible_area[3]=c-e}else this.visible_area[0]=
+this.visible_area[1]=this.visible_area[2]=this.visible_area[3]=0};v.prototype.onMouse=function(a){if(this.enabled){var b=this.element,c=b.getBoundingClientRect(),d=a.clientX-c.left,c=a.clientY-c.top;a.canvasx=d;a.canvasy=c;a.dragging=this.dragging;var e=!this.viewport||this.viewport&&d>=this.viewport[0]&&d<this.viewport[0]+this.viewport[2]&&c>=this.viewport[1]&&c<this.viewport[1]+this.viewport[3],g=!1;this.onmouse&&(g=this.onmouse(a));"mousedown"==a.type&&e?(this.dragging=!0,b.removeEventListener("mousemove",
+this._binded_mouse_callback),document.body.addEventListener("mousemove",this._binded_mouse_callback),document.body.addEventListener("mouseup",this._binded_mouse_callback)):"mousemove"==a.type?g||(b=d-this.last_mouse[0],g=c-this.last_mouse[1],this.dragging&&this.mouseDrag(b,g)):"mouseup"==a.type?(this.dragging=!1,document.body.removeEventListener("mousemove",this._binded_mouse_callback),document.body.removeEventListener("mouseup",this._binded_mouse_callback),b.addEventListener("mousemove",this._binded_mouse_callback)):
+!e||"mousewheel"!=a.type&&"wheel"!=a.type&&"DOMMouseScroll"!=a.type||(a.eventType="mousewheel",a.wheel="wheel"==a.type?-a.deltaY:null!=a.wheelDeltaY?a.wheelDeltaY:-60*a.detail,a.delta=a.wheelDelta?a.wheelDelta/40:a.deltaY?-a.deltaY/3:0,this.changeDeltaScale(1+0.05*a.delta));this.last_mouse[0]=d;this.last_mouse[1]=c;if(e)return a.preventDefault(),a.stopPropagation(),!1}};v.prototype.toCanvasContext=function(a){a.scale(this.scale,this.scale);a.translate(this.offset[0],this.offset[1])};v.prototype.convertOffsetToCanvas=
+function(a){return[(a[0]+this.offset[0])*this.scale,(a[1]+this.offset[1])*this.scale]};v.prototype.convertCanvasToOffset=function(a,b){b=b||[0,0];b[0]=a[0]/this.scale-this.offset[0];b[1]=a[1]/this.scale-this.offset[1];return b};v.prototype.mouseDrag=function(a,b){this.offset[0]+=a/this.scale;this.offset[1]+=b/this.scale;if(this.onredraw)this.onredraw(this)};v.prototype.changeScale=function(a,b){a<this.min_scale?a=this.min_scale:a>this.max_scale&&(a=this.max_scale);if(a!=this.scale&&this.element){var c=
+this.element.getBoundingClientRect();if(c){b=b||[0.5*c.width,0.5*c.height];c=this.convertCanvasToOffset(b);this.scale=a;0.01>Math.abs(this.scale-1)&&(this.scale=1);var d=this.convertCanvasToOffset(b),c=[d[0]-c[0],d[1]-c[1]];this.offset[0]+=c[0];this.offset[1]+=c[1];if(this.onredraw)this.onredraw(this)}}};v.prototype.changeDeltaScale=function(a,b){this.changeScale(this.scale*a,b)};v.prototype.reset=function(){this.scale=1;this.offset[0]=0;this.offset[1]=0};B.LGraphCanvas=h.LGraphCanvas=k;k.DEFAULT_BACKGROUND_IMAGE=
+"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAIAAAD/gAIDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQBJREFUeNrs1rEKwjAUhlETUkj3vP9rdmr1Ysammk2w5wdxuLgcMHyptfawuZX4pJSWZTnfnu/lnIe/jNNxHHGNn//HNbbv+4dr6V+11uF527arU7+u63qfa/bnmh8sWLBgwYJlqRf8MEptXPBXJXa37BSl3ixYsGDBMliwFLyCV/DeLIMFCxYsWLBMwSt4Be/NggXLYMGCBUvBK3iNruC9WbBgwYJlsGApeAWv4L1ZBgsWLFiwYJmCV/AK3psFC5bBggULloJX8BpdwXuzYMGCBctgwVLwCl7Be7MMFixYsGDBsu8FH1FaSmExVfAxBa/gvVmwYMGCZbBg/W4vAQYA5tRF9QYlv/QAAAAASUVORK5CYII=";k.link_type_colors=
+{"-1":h.EVENT_LINK_COLOR,number:"#AAA",node:"#DCA"};k.gradients={};k.prototype.clear=function(){this.fps=this.render_time=this.last_draw_time=this.frame=0;this.dragging_rectangle=null;this.selected_nodes={};this.selected_group=null;this.visible_nodes=[];this.connecting_node=this.node_capturing_input=this.node_over=this.node_dragged=null;this.highlighted_links={};this.dragging_canvas=!1;this.dirty_bgcanvas=this.dirty_canvas=!0;this.node_widget=this.node_in_panel=this.dirty_area=null;this.last_mouse=
+[0,0];this.last_mouseclick=0;this.visible_area.set([0,0,0,0]);if(this.onClear)this.onClear()};k.prototype.setGraph=function(a,b){this.graph!=a&&(b||this.clear(),!a&&this.graph?this.graph.detachCanvas(this):(a.attachCanvas(this),this._graph_stack&&(this._graph_stack=null),this.setDirty(!0,!0)))};k.prototype.getTopGraph=function(){return this._graph_stack.length?this._graph_stack[0]:this.graph};k.prototype.openSubgraph=function(a){if(!a)throw"graph cannot be null";if(this.graph==a)throw"graph cannot be the same";
+this.clear();this.graph&&(this._graph_stack||(this._graph_stack=[]),this._graph_stack.push(this.graph));a.attachCanvas(this);this.checkPanels();this.setDirty(!0,!0)};k.prototype.closeSubgraph=function(){if(this._graph_stack&&0!=this._graph_stack.length){var a=this.graph._subgraph_node,b=this._graph_stack.pop();this.selected_nodes={};this.highlighted_links={};b.attachCanvas(this);this.setDirty(!0,!0);a&&(this.centerOnNode(a),this.selectNodes([a]))}};k.prototype.getCurrentGraph=function(){return this.graph};
+k.prototype.setCanvas=function(a,b){if(a&&a.constructor===String&&(a=document.getElementById(a),!a))throw"Error creating LiteGraph canvas: Canvas not found";if(a!==this.canvas&&(!a&&this.canvas&&(b||this.unbindEvents()),this.canvas=a,this.ds.element=a)){a.className+=" lgraphcanvas";a.data=this;a.tabindex="1";this.bgcanvas=null;this.bgcanvas||(this.bgcanvas=document.createElement("canvas"),this.bgcanvas.width=this.canvas.width,this.bgcanvas.height=this.canvas.height);if(null==a.getContext){if("canvas"!=
+a.localName)throw"Element supplied for LGraphCanvas must be a <canvas> element, you passed a "+a.localName;throw"This browser doesn't support Canvas";}null==(this.ctx=a.getContext("2d"))&&(a.webgl_enabled||console.warn("This canvas seems to be WebGL, enabling WebGL renderer"),this.enableWebGL());this._mousemove_callback=this.processMouseMove.bind(this);this._mouseup_callback=this.processMouseUp.bind(this);b||this.bindEvents()}};k.prototype._doNothing=function(a){a.preventDefault();return!1};k.prototype._doReturnTrue=
+function(a){a.preventDefault();return!0};k.prototype.bindEvents=function(){if(this._events_binded)console.warn("LGraphCanvas: events already binded");else{var a=this.canvas,b=this.getCanvasWindow().document;this._mousedown_callback=this.processMouseDown.bind(this);this._mousewheel_callback=this.processMouseWheel.bind(this);a.addEventListener("mousedown",this._mousedown_callback,!0);a.addEventListener("mousemove",this._mousemove_callback);a.addEventListener("mousewheel",this._mousewheel_callback,!1);
+a.addEventListener("contextmenu",this._doNothing);a.addEventListener("DOMMouseScroll",this._mousewheel_callback,!1);a.addEventListener("touchstart",this.touchHandler,!0);a.addEventListener("touchmove",this.touchHandler,!0);a.addEventListener("touchend",this.touchHandler,!0);a.addEventListener("touchcancel",this.touchHandler,!0);this._key_callback=this.processKey.bind(this);a.addEventListener("keydown",this._key_callback,!0);b.addEventListener("keyup",this._key_callback,!0);this._ondrop_callback=this.processDrop.bind(this);
+a.addEventListener("dragover",this._doNothing,!1);a.addEventListener("dragend",this._doNothing,!1);a.addEventListener("drop",this._ondrop_callback,!1);a.addEventListener("dragenter",this._doReturnTrue,!1);this._events_binded=!0}};k.prototype.unbindEvents=function(){if(this._events_binded){var a=this.getCanvasWindow().document;this.canvas.removeEventListener("mousedown",this._mousedown_callback);this.canvas.removeEventListener("mousewheel",this._mousewheel_callback);this.canvas.removeEventListener("DOMMouseScroll",
+this._mousewheel_callback);this.canvas.removeEventListener("keydown",this._key_callback);a.removeEventListener("keyup",this._key_callback);this.canvas.removeEventListener("contextmenu",this._doNothing);this.canvas.removeEventListener("drop",this._ondrop_callback);this.canvas.removeEventListener("dragenter",this._doReturnTrue);this.canvas.removeEventListener("touchstart",this.touchHandler);this.canvas.removeEventListener("touchmove",this.touchHandler);this.canvas.removeEventListener("touchend",this.touchHandler);
+this.canvas.removeEventListener("touchcancel",this.touchHandler);this._ondrop_callback=this._key_callback=this._mousewheel_callback=this._mousedown_callback=null;this._events_binded=!1}else console.warn("LGraphCanvas: no events binded")};k.getFileExtension=function(a){var b=a.indexOf("?");-1!=b&&(a=a.substr(0,b));b=a.lastIndexOf(".");return-1==b?"":a.substr(b+1).toLowerCase()};k.prototype.enableWebGL=function(){if(void 0===typeof GL)throw"litegl.js must be included to use a WebGL canvas";if(void 0===
+typeof enableWebGLCanvas)throw"webglCanvas.js must be included to use this feature";this.gl=this.ctx=enableWebGLCanvas(this.canvas);this.ctx.webgl=!0;this.bgcanvas=this.canvas;this.bgctx=this.gl;this.canvas.webgl_enabled=!0};k.prototype.setDirty=function(a,b){a&&(this.dirty_canvas=!0);b&&(this.dirty_bgcanvas=!0)};k.prototype.getCanvasWindow=function(){if(!this.canvas)return window;var a=this.canvas.ownerDocument;return a.defaultView||a.parentWindow};k.prototype.startRendering=function(){function a(){this.pause_rendering||
+this.draw();var b=this.getCanvasWindow();this.is_rendering&&b.requestAnimationFrame(a.bind(this))}this.is_rendering||(this.is_rendering=!0,a.call(this))};k.prototype.stopRendering=function(){this.is_rendering=!1};k.prototype.blockClick=function(){this.block_click=!0;this.last_mouseclick=0};k.prototype.processMouseDown=function(a){this.set_canvas_dirty_on_mouse_event&&(this.dirty_canvas=!0);if(this.graph){this.adjustMouseEvent(a);var b=this.getCanvasWindow();k.active_canvas=this;var c=this,d=a.localX,
+e=a.localY;this.ds.viewport=this.viewport;d=!this.viewport||this.viewport&&d>=this.viewport[0]&&d<this.viewport[0]+this.viewport[2]&&e>=this.viewport[1]&&e<this.viewport[1]+this.viewport[3];this.options.skip_events||(this.canvas.removeEventListener("mousemove",this._mousemove_callback),b.document.addEventListener("mousemove",this._mousemove_callback,!0),b.document.addEventListener("mouseup",this._mouseup_callback,!0));if(d){var g=this.graph.getNodeOnPos(a.canvasX,a.canvasY,this.visible_nodes,5),e=
+!1,d=300>h.getTime()-this.last_mouseclick;this.mouse[0]=a.localX;this.mouse[1]=a.localY;this.graph_mouse[0]=a.canvasX;this.graph_mouse[1]=a.canvasY;this.last_click_position=[this.mouse[0],this.mouse[1]];this.canvas.focus();h.closeAllContextMenus(b);if(!this.onMouse||!0!=this.onMouse(a)){if(1==a.which){a.ctrlKey&&(this.dragging_rectangle=new Float32Array(4),this.dragging_rectangle[0]=a.canvasX,this.dragging_rectangle[1]=a.canvasY,this.dragging_rectangle[2]=1,this.dragging_rectangle[3]=1,e=!0);var f=
+!1;if(g&&this.allow_interaction&&!e&&!this.read_only){this.live_mode||g.flags.pinned||this.bringToFront(g);if(!this.connecting_node&&!g.flags.collapsed&&!this.live_mode)if(!e&&!1!==g.resizable&&y(a.canvasX,a.canvasY,g.pos[0]+g.size[0]-5,g.pos[1]+g.size[1]-5,10,10))this.graph.beforeChange(),this.resizing_node=g,this.canvas.style.cursor="se-resize",e=!0;else{if(g.outputs)for(var m=0,q=g.outputs.length;m<q;++m){var D=g.outputs[m],s=g.getConnectionPos(!1,m);if(y(a.canvasX,a.canvasY,s[0]-15,s[1]-10,30,
+20)){this.connecting_node=g;this.connecting_output=D;this.connecting_pos=g.getConnectionPos(!1,m);this.connecting_slot=m;a.shiftKey&&g.disconnectOutput(m);if(d){if(g.onOutputDblClick)g.onOutputDblClick(m,a)}else if(g.onOutputClick)g.onOutputClick(m,a);e=!0;break}}if(g.inputs)for(m=0,q=g.inputs.length;m<q;++m)if(D=g.inputs[m],s=g.getConnectionPos(!0,m),y(a.canvasX,a.canvasY,s[0]-15,s[1]-10,30,20)){if(d){if(g.onInputDblClick)g.onInputDblClick(m,a)}else if(g.onInputClick)g.onInputClick(m,a);if(null!==
+D.link){e=this.graph.links[D.link];g.disconnectInput(m);if(this.allow_reconnect_links||a.shiftKey)this.connecting_node=this.graph._nodes_by_id[e.origin_id],this.connecting_slot=e.origin_slot,this.connecting_output=this.connecting_node.outputs[this.connecting_slot],this.connecting_pos=this.connecting_node.getConnectionPos(!1,this.connecting_slot);e=this.dirty_bgcanvas=!0}}}if(!e){m=!1;q=[a.canvasX-g.pos[0],a.canvasY-g.pos[1]];if(s=this.processNodeWidgets(g,this.graph_mouse,a))m=!0,this.node_widget=
+[g,s];if(d&&this.selected_nodes[g.id]){if(g.onDblClick)g.onDblClick(a,q,this);this.processNodeDblClicked(g);m=!0}g.onMouseDown&&g.onMouseDown(a,q,this)?m=!0:(g.subgraph&&!g.skip_subgraph_button&&!g.flags.collapsed&&q[0]>g.size[0]-h.NODE_TITLE_HEIGHT&&0>q[1]&&(c=this,setTimeout(function(){c.openSubgraph(g.subgraph)},10)),this.live_mode&&(m=f=!0));m||(this.allow_dragnodes&&(this.graph.beforeChange(),this.node_dragged=g),this.selected_nodes[g.id]||this.processNodeSelected(g,a));this.dirty_canvas=!0}}else{if(!this.read_only)for(m=
+0;m<this.visible_links.length;++m)if(f=this.visible_links[m],(q=f._pos)&&!(a.canvasX<q[0]-4||a.canvasX>q[0]+4||a.canvasY<q[1]-4||a.canvasY>q[1]+4)){this.showLinkMenu(f,a);this.over_link_center=null;break}this.selected_group=this.graph.getGroupOnPos(a.canvasX,a.canvasY);this.selected_group_resizing=!1;this.selected_group&&!this.read_only&&(a.ctrlKey&&(this.dragging_rectangle=null),10>E([a.canvasX,a.canvasY],[this.selected_group.pos[0]+this.selected_group.size[0],this.selected_group.pos[1]+this.selected_group.size[1]])*
+this.ds.scale?this.selected_group_resizing=!0:this.selected_group.recomputeInsideNodes());d&&!this.read_only&&this.allow_searchbox&&this.showSearchBox(a);f=!0}!e&&f&&this.allow_dragcanvas&&(this.dragging_canvas=!0)}else 2!=a.which&&3==a.which&&(this.read_only||this.processContextMenu(g,a));this.last_mouse[0]=a.localX;this.last_mouse[1]=a.localY;this.last_mouseclick=h.getTime();this.last_mouse_dragging=!0;this.graph.change();(!b.document.activeElement||"input"!=b.document.activeElement.nodeName.toLowerCase()&&
+"textarea"!=b.document.activeElement.nodeName.toLowerCase())&&a.preventDefault();a.stopPropagation();if(this.onMouseDown)this.onMouseDown(a);return!1}}}};k.prototype.processMouseMove=function(a){this.autoresize&&this.resize();this.set_canvas_dirty_on_mouse_event&&(this.dirty_canvas=!0);if(this.graph){k.active_canvas=this;this.adjustMouseEvent(a);var b=[a.localX,a.localY];this.mouse[0]=b[0];this.mouse[1]=b[1];var c=[b[0]-this.last_mouse[0],b[1]-this.last_mouse[1]];this.last_mouse=b;this.graph_mouse[0]=
+a.canvasX;this.graph_mouse[1]=a.canvasY;if(this.block_click)return a.preventDefault(),!1;a.dragging=this.last_mouse_dragging;this.node_widget&&(this.processNodeWidgets(this.node_widget[0],this.graph_mouse,a,this.node_widget[1]),this.dirty_canvas=!0);if(this.dragging_rectangle)this.dragging_rectangle[2]=a.canvasX-this.dragging_rectangle[0],this.dragging_rectangle[3]=a.canvasY-this.dragging_rectangle[1],this.dirty_canvas=!0;else if(this.selected_group&&!this.read_only)this.selected_group_resizing?this.selected_group.size=
+[a.canvasX-this.selected_group.pos[0],a.canvasY-this.selected_group.pos[1]]:(this.selected_group.move(c[0]/this.ds.scale,c[1]/this.ds.scale,a.ctrlKey),this.selected_group._nodes.length&&(this.dirty_canvas=!0)),this.dirty_bgcanvas=!0;else if(this.dragging_canvas)this.ds.offset[0]+=c[0]/this.ds.scale,this.ds.offset[1]+=c[1]/this.ds.scale,this.dirty_bgcanvas=this.dirty_canvas=!0;else if(this.allow_interaction&&!this.read_only){this.connecting_node&&(this.dirty_canvas=!0);for(var d=this.graph.getNodeOnPos(a.canvasX,
+a.canvasY,this.visible_nodes),b=0,e=this.graph._nodes.length;b<e;++b)if(this.graph._nodes[b].mouseOver&&d!=this.graph._nodes[b]){this.graph._nodes[b].mouseOver=!1;if(this.node_over&&this.node_over.onMouseLeave)this.node_over.onMouseLeave(a);this.node_over=null;this.dirty_canvas=!0}if(d){d.redraw_on_mouse&&(this.dirty_canvas=!0);if(!d.mouseOver&&(d.mouseOver=!0,this.node_over=d,this.dirty_canvas=!0,d.onMouseEnter))d.onMouseEnter(a);if(d.onMouseMove)d.onMouseMove(a,[a.canvasX-d.pos[0],a.canvasY-d.pos[1]],
+this);if(this.connecting_node&&(e=this._highlight_input||[0,0],!this.isOverNodeBox(d,a.canvasX,a.canvasY))){var g=this.isOverNodeInput(d,a.canvasX,a.canvasY,e);-1!=g&&d.inputs[g]?h.isValidConnection(this.connecting_output.type,d.inputs[g].type)&&(this._highlight_input=e):this._highlight_input=null}this.canvas&&(y(a.canvasX,a.canvasY,d.pos[0]+d.size[0]-5,d.pos[1]+d.size[1]-5,5,5)?this.canvas.style.cursor="se-resize":this.canvas.style.cursor="crosshair")}else{e=null;for(b=0;b<this.visible_links.length;++b){var g=
+this.visible_links[b],f=g._pos;if(f&&!(a.canvasX<f[0]-4||a.canvasX>f[0]+4||a.canvasY<f[1]-4||a.canvasY>f[1]+4)){e=g;break}}e!=this.over_link_center&&(this.over_link_center=e,this.dirty_canvas=!0);this.canvas&&(this.canvas.style.cursor="")}if(this.node_capturing_input&&this.node_capturing_input!=d&&this.node_capturing_input.onMouseMove)this.node_capturing_input.onMouseMove(a,[a.canvasX-this.node_capturing_input.pos[0],a.canvasY-this.node_capturing_input.pos[1]],this);if(this.node_dragged&&!this.live_mode){for(b in this.selected_nodes)d=
+this.selected_nodes[b],d.pos[0]+=c[0]/this.ds.scale,d.pos[1]+=c[1]/this.ds.scale;this.dirty_bgcanvas=this.dirty_canvas=!0}this.resizing_node&&!this.live_mode&&(c=[a.canvasX-this.resizing_node.pos[0],a.canvasY-this.resizing_node.pos[1]],b=this.resizing_node.computeSize(),c[0]=Math.max(b[0],c[0]),c[1]=Math.max(b[1],c[1]),this.resizing_node.setSize(c),this.canvas.style.cursor="se-resize",this.dirty_bgcanvas=this.dirty_canvas=!0)}a.preventDefault();return!1}};k.prototype.processMouseUp=function(a){this.set_canvas_dirty_on_mouse_event&&
+(this.dirty_canvas=!0);if(this.graph){var b=this.getCanvasWindow().document;k.active_canvas=this;this.options.skip_events||(b.removeEventListener("mousemove",this._mousemove_callback,!0),this.canvas.addEventListener("mousemove",this._mousemove_callback,!0),b.removeEventListener("mouseup",this._mouseup_callback,!0));this.adjustMouseEvent(a);b=h.getTime();a.click_time=b-this.last_mouseclick;this.last_mouse_dragging=!1;this.last_click_position=null;this.block_click&&(console.log("foo"),this.block_click=
+!1);if(1==a.which){this.node_widget&&this.processNodeWidgets(this.node_widget[0],this.graph_mouse,a);this.node_widget=null;if(this.selected_group){var b=this.selected_group.pos[0]-Math.round(this.selected_group.pos[0]),c=this.selected_group.pos[1]-Math.round(this.selected_group.pos[1]);this.selected_group.move(b,c,a.ctrlKey);this.selected_group.pos[0]=Math.round(this.selected_group.pos[0]);this.selected_group.pos[1]=Math.round(this.selected_group.pos[1]);this.selected_group._nodes.length&&(this.dirty_canvas=
+!0);this.selected_group=null}this.selected_group_resizing=!1;if(this.dragging_rectangle){if(this.graph){b=this.graph._nodes;c=new Float32Array(4);this.deselectAllNodes();var d=Math.abs(this.dragging_rectangle[2]),e=Math.abs(this.dragging_rectangle[3]),g=0>this.dragging_rectangle[3]?this.dragging_rectangle[1]-e:this.dragging_rectangle[1];this.dragging_rectangle[0]=0>this.dragging_rectangle[2]?this.dragging_rectangle[0]-d:this.dragging_rectangle[0];this.dragging_rectangle[1]=g;this.dragging_rectangle[2]=
+d;this.dragging_rectangle[3]=e;e=[];for(g=0;g<b.length;++g)d=b[g],d.getBounding(c),A(this.dragging_rectangle,c)&&e.push(d);e.length&&this.selectNodes(e)}this.dragging_rectangle=null}else if(this.connecting_node){this.dirty_bgcanvas=this.dirty_canvas=!0;if(d=this.graph.getNodeOnPos(a.canvasX,a.canvasY,this.visible_nodes))this.connecting_output.type==h.EVENT&&this.isOverNodeBox(d,a.canvasX,a.canvasY)?this.connecting_node.connect(this.connecting_slot,d,h.EVENT):(b=this.isOverNodeInput(d,a.canvasX,a.canvasY),
+-1!=b?this.connecting_node.connect(this.connecting_slot,d,b):(b=d.getInputInfo(0),this.connecting_output.type==h.EVENT?this.connecting_node.connect(this.connecting_slot,d,h.EVENT):b&&!b.link&&h.isValidConnection(b.type&&this.connecting_output.type)&&this.connecting_node.connect(this.connecting_slot,d,0)));this.connecting_node=this.connecting_pos=this.connecting_output=null;this.connecting_slot=-1}else if(this.resizing_node)this.dirty_bgcanvas=this.dirty_canvas=!0,this.graph.afterChange(this.resizing_node),
+this.resizing_node=null;else if(this.node_dragged){(d=this.node_dragged)&&300>a.click_time&&y(a.canvasX,a.canvasY,d.pos[0],d.pos[1]-h.NODE_TITLE_HEIGHT,h.NODE_TITLE_HEIGHT,h.NODE_TITLE_HEIGHT)&&d.collapse();this.dirty_bgcanvas=this.dirty_canvas=!0;this.node_dragged.pos[0]=Math.round(this.node_dragged.pos[0]);this.node_dragged.pos[1]=Math.round(this.node_dragged.pos[1]);(this.graph.config.align_to_grid||this.align_to_grid)&&this.node_dragged.alignToGrid();if(this.onNodeMoved)this.onNodeMoved(this.node_dragged);
+this.graph.afterChange(this.node_dragged);this.node_dragged=null}else{d=this.graph.getNodeOnPos(a.canvasX,a.canvasY,this.visible_nodes);!d&&300>a.click_time&&this.deselectAllNodes();this.dirty_canvas=!0;this.dragging_canvas=!1;if(this.node_over&&this.node_over.onMouseUp)this.node_over.onMouseUp(a,[a.canvasX-this.node_over.pos[0],a.canvasY-this.node_over.pos[1]],this);if(this.node_capturing_input&&this.node_capturing_input.onMouseUp)this.node_capturing_input.onMouseUp(a,[a.canvasX-this.node_capturing_input.pos[0],
+a.canvasY-this.node_capturing_input.pos[1]])}}else 2==a.which?(this.dirty_canvas=!0,this.dragging_canvas=!1):3==a.which&&(this.dirty_canvas=!0,this.dragging_canvas=!1);this.graph.change();a.stopPropagation();a.preventDefault();return!1}};k.prototype.processMouseWheel=function(a){if(this.graph&&this.allow_dragcanvas){var b=null!=a.wheelDeltaY?a.wheelDeltaY:-60*a.detail;this.adjustMouseEvent(a);var c=a.localX,d=a.localY;if(!this.viewport||this.viewport&&c>=this.viewport[0]&&c<this.viewport[0]+this.viewport[2]&&
+d>=this.viewport[1]&&d<this.viewport[1]+this.viewport[3])return c=this.ds.scale,0<b?c*=1.1:0>b&&(c*=1/1.1),this.ds.changeScale(c,[a.localX,a.localY]),this.graph.change(),a.preventDefault(),!1}};k.prototype.isOverNodeBox=function(a,b,c){var d=h.NODE_TITLE_HEIGHT;return y(b,c,a.pos[0]+2,a.pos[1]+2-d,d-4,d-4)?!0:!1};k.prototype.isOverNodeInput=function(a,b,c,d){if(a.inputs)for(var e=0,g=a.inputs.length;e<g;++e){var f=a.getConnectionPos(!0,e),m=!1;if(m=a.horizontal?y(b,c,f[0]-5,f[1]-10,10,20):y(b,c,f[0]-
+10,f[1]-5,40,10))return d&&(d[0]=f[0],d[1]=f[1]),e}return-1};k.prototype.processKey=function(a){if(this.graph){var b=!1;if("input"!=a.target.localName){if("keydown"==a.type){if(32==a.keyCode&&(b=this.dragging_canvas=!0),65==a.keyCode&&a.ctrlKey&&(this.selectNodes(),b=!0),"KeyC"==a.code&&(a.metaKey||a.ctrlKey)&&!a.shiftKey&&this.selected_nodes&&(this.copyToClipboard(),b=!0),"KeyV"!=a.code||!a.metaKey&&!a.ctrlKey||a.shiftKey||this.pasteFromClipboard(),46!=a.keyCode&&8!=a.keyCode||"input"==a.target.localName||
+"textarea"==a.target.localName||(this.deleteSelectedNodes(),b=!0),this.selected_nodes)for(var c in this.selected_nodes)if(this.selected_nodes[c].onKeyDown)this.selected_nodes[c].onKeyDown(a)}else if("keyup"==a.type&&(32==a.keyCode&&(this.dragging_canvas=!1),this.selected_nodes))for(c in this.selected_nodes)if(this.selected_nodes[c].onKeyUp)this.selected_nodes[c].onKeyUp(a);this.graph.change();if(b)return a.preventDefault(),a.stopImmediatePropagation(),!1}}};k.prototype.copyToClipboard=function(){var a=
+{nodes:[],links:[]},b=0,c=[],d;for(d in this.selected_nodes){var e=this.selected_nodes[d];e._relative_id=b;c.push(e);b+=1}for(d=0;d<c.length;++d)if(e=c[d],b=e.clone()){if(a.nodes.push(b.serialize()),e.inputs&&e.inputs.length)for(b=0;b<e.inputs.length;++b){var g=e.inputs[b];if(g&&null!=g.link&&(g=this.graph.links[g.link])){var f=this.graph.getNodeById(g.origin_id);f&&this.selected_nodes[f.id]&&a.links.push([f._relative_id,g.origin_slot,e._relative_id,g.target_slot])}}}else console.warn("node type not found: "+
+e.type);localStorage.setItem("litegrapheditor_clipboard",JSON.stringify(a))};k.prototype.pasteFromClipboard=function(){var a=localStorage.getItem("litegrapheditor_clipboard");if(a){this.graph.beforeChange();for(var a=JSON.parse(a),b=[],c=0;c<a.nodes.length;++c){var d=a.nodes[c],e=h.createNode(d.type);e&&(e.configure(d),e.pos[0]+=5,e.pos[1]+=5,this.graph.add(e),b.push(e))}for(c=0;c<a.links.length;++c){var d=a.links[c],e=b[d[0]],g=b[d[2]];e&&g?e.connect(d[1],g,d[3]):console.warn("Warning, nodes missing on pasting")}this.selectNodes(b);
+this.graph.afterChange()}};k.prototype.processDrop=function(a){a.preventDefault();this.adjustMouseEvent(a);var b=a.localX,c=a.localY;if(!this.viewport||this.viewport&&b>=this.viewport[0]&&b<this.viewport[0]+this.viewport[2]&&c>=this.viewport[1]&&c<this.viewport[1]+this.viewport[3]){var b=[a.canvasX,a.canvasY],d=this.graph?this.graph.getNodeOnPos(b[0],b[1]):null;if(d){if((d.onDropFile||d.onDropData)&&(b=a.dataTransfer.files)&&b.length)for(c=0;c<b.length;c++){var e=a.dataTransfer.files[0],g=e.name;
+k.getFileExtension(g);if(d.onDropFile)d.onDropFile(e);if(d.onDropData){var f=new FileReader;f.onload=function(a){d.onDropData(a.target.result,g,e)};var m=e.type.split("/")[0];"text"==m||""==m?f.readAsText(e):"image"==m?f.readAsDataURL(e):f.readAsArrayBuffer(e)}}return d.onDropItem&&d.onDropItem(event)?!0:this.onDropItem?this.onDropItem(event):!1}b=null;this.onDropItem&&(b=this.onDropItem(event));b||this.checkDropItem(a)}};k.prototype.checkDropItem=function(a){if(a.dataTransfer.files.length){var b=
+a.dataTransfer.files[0],c=k.getFileExtension(b.name).toLowerCase();if(c=h.node_types_by_file_extension[c]){this.graph.beforeChange();c=h.createNode(c.type);c.pos=[a.canvasX,a.canvasY];this.graph.add(c);if(c.onDropFile)c.onDropFile(b);this.graph.afterChange()}}};k.prototype.processNodeDblClicked=function(a){if(this.onShowNodePanel)this.onShowNodePanel(a);else this.showShowNodePanel(a);if(this.onNodeDblClicked)this.onNodeDblClicked(a);this.setDirty(!0)};k.prototype.processNodeSelected=function(a,b){this.selectNode(a,
+b&&b.shiftKey);if(this.onNodeSelected)this.onNodeSelected(a)};k.prototype.selectNode=function(a,b){null==a?this.deselectAllNodes():this.selectNodes([a],b)};k.prototype.selectNodes=function(a,b){b||this.deselectAllNodes();a=a||this.graph._nodes;for(var c=0;c<a.length;++c){var d=a[c];if(!d.is_selected){if(!d.is_selected&&d.onSelected)d.onSelected();d.is_selected=!0;this.selected_nodes[d.id]=d;if(d.inputs)for(var e=0;e<d.inputs.length;++e)this.highlighted_links[d.inputs[e].link]=!0;if(d.outputs)for(e=
+0;e<d.outputs.length;++e){var g=d.outputs[e];if(g.links)for(var f=0;f<g.links.length;++f)this.highlighted_links[g.links[f]]=!0}}}if(this.onSelectionChange)this.onSelectionChange(this.selected_nodes);this.setDirty(!0)};k.prototype.deselectNode=function(a){if(a.is_selected){if(a.onDeselected)a.onDeselected();a.is_selected=!1;if(this.onNodeDeselected)this.onNodeDeselected(a);if(a.inputs)for(var b=0;b<a.inputs.length;++b)delete this.highlighted_links[a.inputs[b].link];if(a.outputs)for(b=0;b<a.outputs.length;++b){var c=
+a.outputs[b];if(c.links)for(var d=0;d<c.links.length;++d)delete this.highlighted_links[c.links[d]]}}};k.prototype.deselectAllNodes=function(){if(this.graph){for(var a=this.graph._nodes,b=0,c=a.length;b<c;++b){var d=a[b];if(d.is_selected){if(d.onDeselected)d.onDeselected();d.is_selected=!1;if(this.onNodeDeselected)this.onNodeDeselected(d)}}this.selected_nodes={};this.current_node=null;this.highlighted_links={};if(this.onSelectionChange)this.onSelectionChange(this.selected_nodes);this.setDirty(!0)}};
+k.prototype.deleteSelectedNodes=function(){this.graph.beforeChange();for(var a in this.selected_nodes){var b=this.selected_nodes[a];if(!b.block_delete){if(b.inputs&&b.inputs.length&&b.outputs&&b.outputs.length&&h.isValidConnection(b.inputs[0].type,b.outputs[0].type)&&b.inputs[0].link&&b.outputs[0].links&&b.outputs[0].links.length){var c=b.graph.links[b.inputs[0].link],d=b.graph.links[b.outputs[0].links[0]],e=b.getInputNode(0),g=b.getOutputNodes(0)[0];e&&g&&e.connect(c.origin_slot,g,d.target_slot)}this.graph.remove(b);
+if(this.onNodeDeselected)this.onNodeDeselected(b)}}this.selected_nodes={};this.current_node=null;this.highlighted_links={};this.setDirty(!0);this.graph.afterChange()};k.prototype.centerOnNode=function(a){this.ds.offset[0]=-a.pos[0]-0.5*a.size[0]+0.5*this.canvas.width/this.ds.scale;this.ds.offset[1]=-a.pos[1]-0.5*a.size[1]+0.5*this.canvas.height/this.ds.scale;this.setDirty(!0,!0)};k.prototype.adjustMouseEvent=function(a){if(this.canvas){var b=this.canvas.getBoundingClientRect();a.localX=a.clientX-
+b.left;a.localY=a.clientY-b.top}else a.localX=a.clientX,a.localY=a.clientY;a.deltaX=a.localX-this.last_mouse_position[0];a.deltaY=a.localY-this.last_mouse_position[1];this.last_mouse_position[0]=a.localX;this.last_mouse_position[1]=a.localY;a.canvasX=a.localX/this.ds.scale-this.ds.offset[0];a.canvasY=a.localY/this.ds.scale-this.ds.offset[1]};k.prototype.setZoom=function(a,b){this.ds.changeScale(a,b);this.dirty_bgcanvas=this.dirty_canvas=!0};k.prototype.convertOffsetToCanvas=function(a,b){return this.ds.convertOffsetToCanvas(a,
+b)};k.prototype.convertCanvasToOffset=function(a,b){return this.ds.convertCanvasToOffset(a,b)};k.prototype.convertEventToCanvasOffset=function(a){var b=this.canvas.getBoundingClientRect();return this.convertCanvasToOffset([a.clientX-b.left,a.clientY-b.top])};k.prototype.bringToFront=function(a){var b=this.graph._nodes.indexOf(a);-1!=b&&(this.graph._nodes.splice(b,1),this.graph._nodes.push(a))};k.prototype.sendToBack=function(a){var b=this.graph._nodes.indexOf(a);-1!=b&&(this.graph._nodes.splice(b,
+1),this.graph._nodes.unshift(a))};var L=new Float32Array(4);k.prototype.computeVisibleNodes=function(a,b){var c=b||[];c.length=0;a=a||this.graph._nodes;for(var d=0,e=a.length;d<e;++d){var g=a[d];(!this.live_mode||g.onDrawBackground||g.onDrawForeground)&&A(this.visible_area,g.getBounding(L))&&c.push(g)}return c};k.prototype.draw=function(a,b){if(this.canvas&&0!=this.canvas.width&&0!=this.canvas.height){var c=h.getTime();this.render_time=0.001*(c-this.last_draw_time);this.last_draw_time=c;this.graph&&
+this.ds.computeVisibleArea(this.viewport);(this.dirty_bgcanvas||b||this.always_render_background||this.graph&&this.graph._last_trigger_time&&1E3>c-this.graph._last_trigger_time)&&this.drawBackCanvas();(this.dirty_canvas||a)&&this.drawFrontCanvas();this.fps=this.render_time?1/this.render_time:0;this.frame+=1}};k.prototype.drawFrontCanvas=function(){this.dirty_canvas=!1;this.ctx||(this.ctx=this.bgcanvas.getContext("2d"));var a=this.ctx;if(a){var b=this.canvas;a.start2D&&!this.viewport&&(a.start2D(),
+a.restore(),a.setTransform(1,0,0,1,0,0));var c=this.viewport||this.dirty_area;c&&(a.save(),a.beginPath(),a.rect(c[0],c[1],c[2],c[3]),a.clip());this.clear_background&&(c?a.clearRect(c[0],c[1],c[2],c[3]):a.clearRect(0,0,b.width,b.height));this.bgcanvas==this.canvas?this.drawBackCanvas():a.drawImage(this.bgcanvas,0,0);if(this.onRender)this.onRender(b,a);this.show_info&&this.renderInfo(a,c?c[0]:0,c?c[1]:0);if(this.graph){a.save();this.ds.toCanvasContext(a);for(var b=this.computeVisibleNodes(null,this.visible_nodes),
+d=0;d<b.length;++d){var e=b[d];a.save();a.translate(e.pos[0],e.pos[1]);this.drawNode(e,a);a.restore()}this.render_execution_order&&this.drawExecutionOrder(a);this.graph.config.links_ontop&&(this.live_mode||this.drawConnections(a));if(null!=this.connecting_pos){a.lineWidth=this.connections_width;b=null;switch(this.connecting_output.type){case h.EVENT:b=h.EVENT_LINK_COLOR;break;default:b=h.CONNECTING_LINK_COLOR}this.renderLink(a,this.connecting_pos,[this.graph_mouse[0],this.graph_mouse[1]],null,!1,
+null,b,this.connecting_output.dir||(this.connecting_node.horizontal?h.DOWN:h.RIGHT),h.CENTER);a.beginPath();this.connecting_output.type===h.EVENT||this.connecting_output.shape===h.BOX_SHAPE?a.rect(this.connecting_pos[0]-6+0.5,this.connecting_pos[1]-5+0.5,14,10):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(),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()}};k.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*h.NODE_SLOT_HEIGHT);a.fillStyle="#111";a.globalAlpha=0.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 f=c.inputs[g];if(!f.not_subgraph_input){if(this.drawButton(20,d+2,280,e-2)){var m=c.constructor.input_node_type||"graph/input";this.graph.beforeChange();var q=h.createNode(m);q?(b.add(q),this.block_click=!1,this.last_click_position=null,this.selectNodes([q]),this.node_dragged=q,this.dragging_canvas=!1,q.setProperty("name",f.name),q.setProperty("type",f.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:",m)}a.fillStyle="#9C9";a.beginPath();a.arc(284,d+0.5*e,5,0,2*Math.PI);a.fill();a.fillStyle="#AAA";a.fillText(f.name,50,d+0.75*e);m=a.measureText(f.name);a.fillStyle="#777";a.fillText(f.type,50+m.width+10,d+0.75*e);d+=e}}this.drawButton(20,d+2,280,e-2,"+","#151515","#222")&&this.showSubgraphPropertiesDialog(c)}}else console.warn("subgraph without subnode")};k.prototype.drawButton=function(a,b,c,d,e,g,f,m){var q=this.ctx;g=g||h.NODE_DEFAULT_COLOR;f=f||"#555";
+m=m||h.NODE_TEXT_COLOR;var k=this.mouse,s=h.isInsideRectangle(k[0],k[1],a,b,c,d),k=(k=this.last_click_position)&&h.isInsideRectangle(k[0],k[1],a,b,c,d);q.fillStyle=s?f:g;k&&(q.fillStyle="#AAA");q.beginPath();q.roundRect(a,b,c,d,4);q.fill();null!=e&&e.constructor==String&&(q.fillStyle=m,q.textAlign="center",q.font=(0.65*d|0)+"px Arial",q.fillText(e,a+0.5*c,b+0.75*d),q.textAlign="left");a=k&&!this.block_click;k&&this.blockClick();return a};k.prototype.isAreaClicked=function(a,b,c,d,e){var g=this.mouse;
+h.isInsideRectangle(g[0],g[1],a,b,c,d);b=(a=(g=this.last_click_position)&&h.isInsideRectangle(g[0],g[1],a,b,c,d))&&!this.block_click;a&&e&&this.blockClick();return b};k.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()};k.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(),0.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&&0.5<this.ds.scale&&!c){b.globalAlpha=this.zoom_modify_alpha?(1-0.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 G=new Float32Array(2);k.prototype.drawNode=function(a,b){this.current_node=a;var c=a.color||a.constructor.color||h.NODE_DEFAULT_COLOR,d=a.bgcolor||a.constructor.bgcolor||h.NODE_DEFAULT_BGCOLOR,e=0.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=
+h.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||!0!=a.onDrawCollapsed(b,this)){var f=a._shape||h.BOX_SHAPE;G.set(a.size);var m=a.horizontal;if(a.flags.collapsed){b.font=this.inner_text_font;var q=a.getTitle?a.getTitle():a.title;null!=q&&(a._collapsed_width=Math.min(a.size[0],b.measureText(q).width+2*h.NODE_TITLE_HEIGHT),G[0]=a._collapsed_width,G[1]=0)}a.clip_area&&
+(b.save(),b.beginPath(),f==h.BOX_SHAPE?b.rect(0,0,G[0],G[1]):f==h.ROUND_SHAPE?b.roundRect(0,0,G[0],G[1],10):f==h.CIRCLE_SHAPE&&b.arc(0.5*G[0],0.5*G[1],0.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=m?"center":"left";b.font=this.inner_text_font;d=!e;f=this.connecting_output;b.lineWidth=1;var q=0,k=new Float32Array(2);if(!a.flags.collapsed){if(a.inputs)for(c=
+0;c<a.inputs.length;c++){var s=a.inputs[c];b.globalAlpha=g;this.connecting_node&&!h.isValidConnection(s.type,f.type)&&(b.globalAlpha=0.4*g);b.fillStyle=null!=s.link?s.color_on||this.default_connection_color.input_on:s.color_off||this.default_connection_color.input_off;var p=a.getConnectionPos(!0,c,k);p[0]-=a.pos[0];p[1]-=a.pos[1];q<p[1]+0.5*h.NODE_SLOT_HEIGHT&&(q=p[1]+0.5*h.NODE_SLOT_HEIGHT);b.beginPath();s.type===h.EVENT||s.shape===h.BOX_SHAPE?m?b.rect(p[0]-5+0.5,p[1]-8+0.5,10,14):b.rect(p[0]-6+
+0.5,p[1]-5+0.5,14,10):s.shape===h.ARROW_SHAPE?(b.moveTo(p[0]+8,p[1]+0.5),b.lineTo(p[0]-4,p[1]+6+0.5),b.lineTo(p[0]-4,p[1]-6+0.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 w=null!=s.label?s.label:s.name;w&&(b.fillStyle=h.NODE_TEXT_COLOR,m||s.dir==h.UP?b.fillText(w,p[0],p[1]-10):b.fillText(w,p[0]+10,p[1]+5))}}this.connecting_node&&(b.globalAlpha=0.4*g);b.textAlign=m?"center":"right";b.strokeStyle="black";if(a.outputs)for(c=0;c<a.outputs.length;c++)if(s=
+a.outputs[c],p=a.getConnectionPos(!1,c,k),p[0]-=a.pos[0],p[1]-=a.pos[1],q<p[1]+0.5*h.NODE_SLOT_HEIGHT&&(q=p[1]+0.5*h.NODE_SLOT_HEIGHT),b.fillStyle=s.links&&s.links.length?s.color_on||this.default_connection_color.output_on:s.color_off||this.default_connection_color.output_off,b.beginPath(),s.type===h.EVENT||s.shape===h.BOX_SHAPE?m?b.rect(p[0]-5+0.5,p[1]-8+0.5,10,14):b.rect(p[0]-6+0.5,p[1]-5+0.5,14,10):s.shape===h.ARROW_SHAPE?(b.moveTo(p[0]+8,p[1]+0.5),b.lineTo(p[0]-4,p[1]+6+0.5),b.lineTo(p[0]-4,p[1]-
+6+0.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(),e||b.stroke(),d&&(w=null!=s.label?s.label:s.name))b.fillStyle=h.NODE_TEXT_COLOR,m||s.dir==h.DOWN?b.fillText(w,p[0],p[1]-8):b.fillText(w,p[0]-10,p[1]+5);b.textAlign="left";b.globalAlpha=1;if(a.widgets){s=q;if(m||a.widgets_up)s=2;null!=a.widgets_start_y&&(s=a.widgets_start_y);this.drawNodeWidgets(a,s,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(s=a.inputs[c],null!=s.link){g=s;break}if(a.outputs)for(c=0;c<a.outputs.length;c++)s=a.outputs[c],s.links&&s.links.length&&(e=s);g&&(g=0,c=-0.5*h.NODE_TITLE_HEIGHT,m&&(g=0.5*a._collapsed_width,c=-h.NODE_TITLE_HEIGHT),b.fillStyle="#686",b.beginPath(),s.type===h.EVENT||s.shape===h.BOX_SHAPE?b.rect(g-7+0.5,c-4,14,8):s.shape===h.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=-0.5*h.NODE_TITLE_HEIGHT,m&&(g=0.5*a._collapsed_width,c=0),b.fillStyle="#686",b.strokeStyle="black",b.beginPath(),s.type===h.EVENT||s.shape===h.BOX_SHAPE?b.rect(g-7+0.5,c-4,14,8):s.shape===h.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}}};k.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||
+!0!=this.onDrawLinkTooltip(a,b,this))){var d=b.data,e=null,e=d.constructor===Number?d.toFixed(2):d.constructor===String?'"'+d+'"':d.constructor===Boolean?String(d):d.toToolTip?d.toToolTip():"["+d.constructor.name+"]";null!=e&&(e=e.substr(0,30),a.font="14px Courier New",d=a.measureText(e).width+20,a.shadowColor="black",a.shadowOffsetX=2,a.shadowOffsetY=2,a.shadowBlur=3,a.fillStyle="#454",a.beginPath(),a.roundRect(c[0]-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(e,c[0],c[1]-15-24*0.3))}};var z=new Float32Array(4);k.prototype.drawNodeShape=function(a,b,c,d,e,g,f){b.strokeStyle=d;b.fillStyle=e;e=h.NODE_TITLE_HEIGHT;var m=0.5>this.ds.scale,q=a._shape||a.constructor.shape||h.ROUND_SHAPE,D=a.constructor.title_mode,s=!0;D==h.TRANSPARENT_TITLE?s=!1:D==h.AUTOHIDE_TITLE&&f&&(s=!0);z[0]=0;z[1]=s?-e:0;z[2]=c[0]+1;z[3]=s?c[1]+e:c[1];f=b.globalAlpha;b.beginPath();q==h.BOX_SHAPE||
+m?b.fillRect(z[0],z[1],z[2],z[3]):q==h.ROUND_SHAPE||q==h.CARD_SHAPE?b.roundRect(z[0],z[1],z[2],z[3],this.round_radius,q==h.CARD_SHAPE?0:this.round_radius):q==h.CIRCLE_SHAPE&&b.arc(0.5*c[0],0.5*c[1],0.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,z[2],2));b.shadowColor="transparent";if(a.onDrawBackground)a.onDrawBackground(b,this,this.canvas,this.graph_mouse);if(s||D==h.TRANSPARENT_TITLE){if(a.onDrawTitleBar)a.onDrawTitleBar(b,
+e,c,this.ds.scale,d);else if(D!=h.TRANSPARENT_TITLE&&(a.constructor.title_color||this.render_title_colored)){s=a.constructor.title_color||d;a.flags.collapsed&&(b.shadowColor=h.DEFAULT_SHADOW_COLOR);if(this.use_gradients){var p=k.gradients[s];p||(p=k.gradients[s]=b.createLinearGradient(0,0,400,0),p.addColorStop(0,s),p.addColorStop(1,"#000"));b.fillStyle=p}else b.fillStyle=s;b.beginPath();q==h.BOX_SHAPE||m?b.rect(0,-e,c[0]+1,e):q!=h.ROUND_SHAPE&&q!=h.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 q==h.ROUND_SHAPE||q==h.CIRCLE_SHAPE||q==h.CARD_SHAPE?(m&&(b.fillStyle="black",b.beginPath(),b.arc(0.5*e,-0.5*e,6,0,2*Math.PI),b.fill()),b.fillStyle=a.boxcolor||h.NODE_DEFAULT_BOXCOLOR,m?b.fillRect(0.5*e-5,-0.5*e-5,10,10):(b.beginPath(),b.arc(0.5*e,-0.5*e,5,0,2*Math.PI),b.fill())):(m&&(b.fillStyle="black",b.fillRect(0.5*(e-10)-1,-0.5*(e+10)-1,12,12)),b.fillStyle=
+a.boxcolor||h.NODE_DEFAULT_BOXCOLOR,b.fillRect(0.5*(e-10),-0.5*(e+10),10,10));b.globalAlpha=f;if(a.onDrawTitleText)a.onDrawTitleText(b,e,c,this.ds.scale,this.title_text_font,g);!m&&(b.font=this.title_text_font,f=String(a.getTitle()))&&(b.fillStyle=g?h.NODE_SELECTED_TITLE_COLOR:a.constructor.title_text_color||this.node_title_color,a.flags.collapsed?(b.textAlign="left",b.measureText(f),b.fillText(f.substr(0,20),e,h.NODE_TITLE_TEXT_Y-e),b.textAlign="left"):(b.textAlign="left",b.fillText(f,e,h.NODE_TITLE_TEXT_Y-
+e)));a.flags.collapsed||!a.subgraph||a.skip_subgraph_button||(f=h.NODE_TITLE_HEIGHT,s=a.size[0]-f,p=h.isInsideRectangle(this.graph_mouse[0]-a.pos[0],this.graph_mouse[1]-a.pos[1],s+2,-f+2,f-4,f-4),b.fillStyle=p?"#888":"#555",q==h.BOX_SHAPE||m?b.fillRect(s+2,-f+2,f-4,f-4):(b.beginPath(),b.roundRect(s+2,-f+2,f-4,f-4,4),b.fill()),b.fillStyle="#333",b.beginPath(),b.moveTo(s+0.2*f,0.6*-f),b.lineTo(s+0.8*f,0.6*-f),b.lineTo(s+0.5*f,0.3*-f),b.fill());if(a.onDrawTitle)a.onDrawTitle(b)}if(g){if(a.onBounding)a.onBounding(z);
+D==h.TRANSPARENT_TITLE&&(z[1]-=e,z[3]+=e);b.lineWidth=1;b.globalAlpha=0.8;b.beginPath();q==h.BOX_SHAPE?b.rect(-6+z[0],-6+z[1],12+z[2],12+z[3]):q==h.ROUND_SHAPE||q==h.CARD_SHAPE&&a.flags.collapsed?b.roundRect(-6+z[0],-6+z[1],12+z[2],12+z[3],2*this.round_radius):q==h.CARD_SHAPE?b.roundRect(-6+z[0],-6+z[1],12+z[2],12+z[3],2*this.round_radius,2):q==h.CIRCLE_SHAPE&&b.arc(0.5*c[0],0.5*c[1],0.5*c[0]+6,0,2*Math.PI);b.strokeStyle=h.NODE_BOX_OUTLINE_COLOR;b.stroke();b.strokeStyle=d;b.globalAlpha=1}};var K=
+new Float32Array(4),C=new Float32Array(4),H=new Float32Array(2),F=new Float32Array(2);k.prototype.drawConnections=function(a){var b=h.getTime(),c=this.visible_area;K[0]=c[0]-20;K[1]=c[1]-20;K[2]=c[2]+40;K[3]=c[3]+40;a.lineWidth=this.connections_width;a.fillStyle="#AAA";a.strokeStyle="#AAA";a.globalAlpha=this.editor_alpha;for(var c=this.graph._nodes,d=0,e=c.length;d<e;++d){var g=c[d];if(g.inputs&&g.inputs.length)for(var f=0;f<g.inputs.length;++f){var m=g.inputs[f];if(m&&null!=m.link&&(m=this.graph.links[m.link])){var q=
+this.graph.getNodeById(m.origin_id);if(null!=q){var k=m.origin_slot,s=null,s=-1==k?[q.pos[0]+10,q.pos[1]+10]:q.getConnectionPos(!1,k,H),p=g.getConnectionPos(!0,f,F);C[0]=s[0];C[1]=s[1];C[2]=p[0]-s[0];C[3]=p[1]-s[1];0>C[2]&&(C[0]+=C[2],C[2]=Math.abs(C[2]));0>C[3]&&(C[1]+=C[3],C[3]=Math.abs(C[3]));if(A(C,K)){var w=q.outputs[k],k=g.inputs[f];if(w&&k&&(q=w.dir||(q.horizontal?h.DOWN:h.RIGHT),k=k.dir||(g.horizontal?h.UP:h.LEFT),this.renderLink(a,s,p,m,!1,0,null,q,k),m&&m._last_time&&1E3>b-m._last_time)){var w=
+2-0.002*(b-m._last_time),t=a.globalAlpha;a.globalAlpha=t*w;this.renderLink(a,s,p,m,!0,w,"white",q,k);a.globalAlpha=t}}}}}}a.globalAlpha=1};k.prototype.renderLink=function(a,b,c,d,e,g,f,m,q,D){d&&this.visible_links.push(d);!f&&d&&(f=d.color||k.link_type_colors[d.type]);f||(f=this.default_link_color);null!=d&&this.highlighted_links[d.id]&&(f="#FFF");m=m||h.RIGHT;q=q||h.LEFT;var s=E(b,c);this.render_connections_border&&0.6<this.ds.scale&&(a.lineWidth=this.connections_width+4);a.lineJoin="round";D=D||
+1;1<D&&(a.lineWidth=0.5);a.beginPath();for(var p=0;p<D;p+=1){var w=5*(p-0.5*(D-1));if(this.links_render_mode==h.SPLINE_LINK){a.moveTo(b[0],b[1]+w);var t=0,J=0,l=0,r=0;switch(m){case h.LEFT:t=-0.25*s;break;case h.RIGHT:t=0.25*s;break;case h.UP:J=-0.25*s;break;case h.DOWN:J=0.25*s}switch(q){case h.LEFT:l=-0.25*s;break;case h.RIGHT:l=0.25*s;break;case h.UP:r=-0.25*s;break;case h.DOWN:r=0.25*s}a.bezierCurveTo(b[0]+t,b[1]+J+w,c[0]+l,c[1]+r+w,c[0],c[1]+w)}else if(this.links_render_mode==h.LINEAR_LINK){a.moveTo(b[0],
+b[1]+w);r=l=J=t=0;switch(m){case h.LEFT:t=-1;break;case h.RIGHT:t=1;break;case h.UP:J=-1;break;case h.DOWN:J=1}switch(q){case h.LEFT:l=-1;break;case h.RIGHT:l=1;break;case h.UP:r=-1;break;case h.DOWN:r=1}a.lineTo(b[0]+15*t,b[1]+15*J+w);a.lineTo(c[0]+15*l,c[1]+15*r+w);a.lineTo(c[0],c[1]+w)}else if(this.links_render_mode==h.STRAIGHT_LINK)a.moveTo(b[0],b[1]),w=b[0],t=b[1],J=c[0],l=c[1],m==h.RIGHT?w+=10:t+=10,q==h.LEFT?J-=10:l-=10,a.lineTo(w,t),a.lineTo(0.5*(w+J),t),a.lineTo(0.5*(w+J),l),a.lineTo(J,l),
+a.lineTo(c[0],c[1]);else return}this.render_connections_border&&0.6<this.ds.scale&&!e&&(a.strokeStyle="rgba(0,0,0,0.5)",a.stroke());a.lineWidth=this.connections_width;a.fillStyle=a.strokeStyle=f;a.stroke();e=this.computeConnectionPoint(b,c,0.5,m,q);d&&d._pos&&(d._pos[0]=e[0],d._pos[1]=e[1]);0.6<=this.ds.scale&&this.highquality_render&&q!=h.CENTER&&(this.render_connection_arrows&&(p=this.computeConnectionPoint(b,c,0.25,m,q),d=this.computeConnectionPoint(b,c,0.26,m,q),D=this.computeConnectionPoint(b,
+c,0.75,m,q),s=this.computeConnectionPoint(b,c,0.76,m,q),t=w=0,this.render_curved_connections?(w=-Math.atan2(d[0]-p[0],d[1]-p[1]),t=-Math.atan2(s[0]-D[0],s[1]-D[1])):t=w=c[1]>b[1]?0:Math.PI,a.save(),a.translate(p[0],p[1]),a.rotate(w),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(t),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=
+f,p=0;5>p;++p)g=(0.001*h.getTime()+0.2*p)%1,e=this.computeConnectionPoint(b,c,g,m,q),a.beginPath(),a.arc(e[0],e[1],5,0,2*Math.PI),a.fill()};k.prototype.computeConnectionPoint=function(a,b,c,d,e){d=d||h.RIGHT;e=e||h.LEFT;var g=E(a,b),f=[a[0],a[1]],m=[b[0],b[1]];switch(d){case h.LEFT:f[0]+=-0.25*g;break;case h.RIGHT:f[0]+=0.25*g;break;case h.UP:f[1]+=-0.25*g;break;case h.DOWN:f[1]+=0.25*g}switch(e){case h.LEFT:m[0]+=-0.25*g;break;case h.RIGHT:m[0]+=0.25*g;break;case h.UP:m[1]+=-0.25*g;break;case h.DOWN:m[1]+=
+0.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*f[0]+g*m[0]+c*b[0],d*a[1]+e*f[1]+g*m[1]+c*b[1]]};k.prototype.drawExecutionOrder=function(a){a.shadowColor="transparent";a.globalAlpha=0.25;a.textAlign="center";a.strokeStyle="white";a.globalAlpha=0.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]-h.NODE_TITLE_HEIGHT,d.pos[1]-h.NODE_TITLE_HEIGHT,h.NODE_TITLE_HEIGHT,h.NODE_TITLE_HEIGHT);0==d.order&&a.strokeRect(d.pos[0]-
+h.NODE_TITLE_HEIGHT+0.5,d.pos[1]-h.NODE_TITLE_HEIGHT+0.5,h.NODE_TITLE_HEIGHT,h.NODE_TITLE_HEIGHT);a.fillStyle="#FFF";a.fillText(d.order,d.pos[0]+-0.5*h.NODE_TITLE_HEIGHT,d.pos[1]-6)}a.globalAlpha=1};k.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 f=h.NODE_WIDGET_HEIGHT,m=0.5<this.ds.scale;c.save();c.globalAlpha=this.editor_alpha;for(var q=h.WIDGET_OUTLINE_COLOR,k=h.WIDGET_BGCOLOR,s=h.WIDGET_TEXT_COLOR,p=h.WIDGET_SECONDARY_TEXT_COLOR,
+w=0;w<g.length;++w){var t=g[w],l=b;t.y&&(l=t.y);t.last_y=l;c.strokeStyle=q;c.fillStyle="#222";c.textAlign="left";t.disabled&&(c.globalAlpha*=0.5);var r=t.width||e;switch(t.type){case "button":t.clicked&&(c.fillStyle="#AAA",t.clicked=!1,this.dirty_canvas=!0);c.fillRect(15,l,r-30,f);m&&!t.disabled&&c.strokeRect(15,l,r-30,f);m&&(c.textAlign="center",c.fillStyle=s,c.fillText(t.name,0.5*r,l+0.7*f));break;case "toggle":c.textAlign="left";c.strokeStyle=q;c.fillStyle=k;c.beginPath();m?c.roundRect(15,b,r-
+30,f,0.5*f):c.rect(15,b,r-30,f);c.fill();m&&!t.disabled&&c.stroke();c.fillStyle=t.value?"#89A":"#333";c.beginPath();c.arc(r-30,l+0.5*f,0.36*f,0,2*Math.PI);c.fill();m&&(c.fillStyle=p,null!=t.name&&c.fillText(t.name,30,l+0.7*f),c.fillStyle=t.value?s:p,c.textAlign="right",c.fillText(t.value?t.options.on||"true":t.options.off||"false",r-40,l+0.7*f));break;case "slider":c.fillStyle=k;c.fillRect(15,l,r-30,f);var n=t.options.max-t.options.min,v=(t.value-t.options.min)/n;c.fillStyle=d==t?"#89A":"#678";c.fillRect(15,
+l,v*(r-30),f);m&&!t.disabled&&c.strokeRect(15,l,r-30,f);t.marker&&(n=(t.marker-t.options.min)/n,c.fillStyle="#AA9",c.fillRect(15+n*(r-30),l,2,f));m&&(c.textAlign="center",c.fillStyle=s,c.fillText(t.name+"  "+Number(t.value).toFixed(3),0.5*r,l+0.7*f));break;case "number":case "combo":c.textAlign="left";c.strokeStyle=q;c.fillStyle=k;c.beginPath();m?c.roundRect(15,b,r-30,f,0.5*f):c.rect(15,b,r-30,f);c.fill();m&&(t.disabled||c.stroke(),c.fillStyle=s,t.disabled||(c.beginPath(),c.moveTo(31,b+5),c.lineTo(21,
+b+0.5*f),c.lineTo(31,b+f-5),c.fill(),c.beginPath(),c.moveTo(r-15-16,b+5),c.lineTo(r-15-6,b+0.5*f),c.lineTo(r-15-16,b+f-5),c.fill()),c.fillStyle=p,c.fillText(t.name,35,l+0.7*f),c.fillStyle=s,c.textAlign="right","number"==t.type?c.fillText(Number(t.value).toFixed(void 0!==t.options.precision?t.options.precision:3),r-30-20,l+0.7*f):(n=t.value,t.options.values&&(v=t.options.values,v.constructor===Function&&(v=v()),v&&v.constructor!==Array&&(n=v[t.value])),c.fillText(n,r-30-20,l+0.7*f)));break;case "string":case "text":c.textAlign=
+"left";c.strokeStyle=q;c.fillStyle=k;c.beginPath();m?c.roundRect(15,b,r-30,f,0.5*f):c.rect(15,b,r-30,f);c.fill();m&&(t.disabled||c.stroke(),c.save(),c.beginPath(),c.rect(15,b,r-30,f),c.clip(),c.fillStyle=p,null!=t.name&&c.fillText(t.name,30,l+0.7*f),c.fillStyle=s,c.textAlign="right",c.fillText(String(t.value).substr(0,30),r-30,l+0.7*f),c.restore());break;default:t.draw&&t.draw(c,a,r,l,f)}b+=(t.computeSize?t.computeSize(r)[1]:f)+4;c.globalAlpha=this.editor_alpha}c.restore();c.textAlign="left"};k.prototype.processNodeWidgets=
+function(a,b,c,d){function e(e,d){e.value=d;e.options&&e.options.property&&void 0!==a.properties[e.options.property]&&a.setProperty(e.options.property,d);e.callback&&e.callback(e.value,q,a,b,c)}if(!a.widgets||!a.widgets.length)return null;for(var g=b[0]-a.pos[0],f=b[1]-a.pos[1],m=a.size[0],q=this,k=this.getCanvasWindow(),l=0;l<a.widgets.length;++l){var p=a.widgets[l];if(p&&!p.disabled){var w=p.computeSize?p.computeSize(m)[1]:h.NODE_WIDGET_HEIGHT,t=p.width||m;if(p==d||!(6>g||g>t-12||f<p.last_y||f>
+p.last_y+w)){d=p.value;switch(p.type){case "button":if("mousemove"===c.type)break;p.callback&&setTimeout(function(){p.callback(p,q,a,b,c)},20);this.dirty_canvas=p.clicked=!0;break;case "slider":k=Math.clamp((g-15)/(t-30),0,1);p.value=p.options.min+(p.options.max-p.options.min)*k;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+=0.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 r=p.options.values;r&&r.constructor===Function&&(r=p.options.values(p,a));var n=null;"number"!=p.type&&(n=r.constructor===Array?r:Object.keys(r));g=40>g?-1:g>t-40?1:0;if("number"==p.type)p.value+=0.1*g*(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(g)k=
+-1,this.last_mouseclick=0,k=r.constructor===Object?n.indexOf(String(p.value))+g:n.indexOf(p.value)+g,k>=n.length&&(k=n.length-1),0>k&&(k=0),p.value=r.constructor===Array?r[k]:k;else{var v=r!=n?Object.values(r):r;new h.ContextMenu(v,{scale:Math.max(1,this.ds.scale),event:c,className:"dark",callback:u.bind(p)},k);var u=function(a,b,c){r!=n&&(a=v.indexOf(a));this.value=a;e(this,a);q.dirty_canvas=!0;return!1}}}else"mouseup"==c.type&&"number"==p.type&&(g=40>g?-1:g>t-40?1:0,200>c.click_time&&0==g&&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,[g,f],a))}if(d!=p.value){if(a.onWidgetChanged)a.onWidgetChanged(p.name,
+p.value,d,p);a.graph._version++}return p}}}return null};k.prototype.drawGroups=function(a,b){if(this.graph){var c=this.graph._groups;b.save();b.globalAlpha=0.5*this.editor_alpha;for(var d=0;d<c.length;++d){var e=c[d];if(A(this.visible_area,e._bounding)){b.fillStyle=e.color||"#335";b.strokeStyle=e.color||"#335";var g=e._pos,f=e._size;b.globalAlpha=0.25*this.editor_alpha;b.beginPath();b.rect(g[0]+0.5,g[1]+0.5,f[0],f[1]);b.fill();b.globalAlpha=this.editor_alpha;b.stroke();b.beginPath();b.moveTo(g[0]+
+f[0],g[1]+f[1]);b.lineTo(g[0]+f[0]-10,g[1]+f[1]);b.lineTo(g[0]+f[0],g[1]+f[1]-10);b.fill();f=e.font_size||h.DEFAULT_GROUP_FONT_SIZE;b.font=f+"px Arial";b.fillText(e.title,g[0]+4,g[1]+f)}}b.restore()}};k.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)};k.prototype.resize=function(a,b){if(!a&&!b){var c=this.canvas.parentNode;a=c.offsetWidth;b=c.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)};k.prototype.switchLiveMode=function(a){if(a){var b=this,c=this.live_mode?1.1:0.9;this.live_mode&&(this.live_mode=!1,this.editor_alpha=0.1);var d=setInterval(function(){b.editor_alpha*=c;b.dirty_canvas=!0;b.dirty_bgcanvas=!0;1>c&&0.01>b.editor_alpha&&(clearInterval(d),1>c&&(b.live_mode=!0));1<c&&0.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};k.prototype.onNodeSelectionChange=function(a){};k.prototype.touchHandler=function(a){var b=a.changedTouches[0],c="";switch(a.type){case "touchstart":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()};k.onGroupAdd=
+function(a,b,c){a=k.active_canvas;a.getCanvasWindow();b=new h.LGraphGroup;b.pos=a.convertEventToCanvasOffset(c);a.graph.add(b)};k.onMenuAdd=function(a,b,c,d,e){function g(a,b){var d=[];h.getNodeTypesCategories(f.filter||q.filter).filter(function(b){return b.startsWith(a)}).map(function(b){if(b){b=b.replace(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,e){g(a.value,e)}})}});h.getNodeTypesInCategory(a.slice(0,-1),f.filter||q.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();f.graph.beforeChange();if(a=h.createNode(a.value))a.pos=f.convertEventToCanvasOffset(b),f.graph.add(a);e&&e(a);f.graph.afterChange()}})});new h.ContextMenu(d,{event:c,parentMenu:b},m)}var f=k.active_canvas,m=f.getCanvasWindow(),q=f.graph;if(q)return g("",d),!1};k.onMenuCollapseAll=
+function(){};k.onMenuNodeEdit=function(){};k.showMenuNodeOptionalInputs=function(a,b,c,d,e){function g(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()))}if(e){var f=this;a=k.active_canvas.getCanvasWindow();b=e.optional_inputs;e.onGetInputs&&(b=e.onGetInputs());var m=[];if(b)for(var q=0;q<b.length;q++){var l=b[q];if(l){var r=l[0];l[2]&&l[2].label&&(r=l[2].label);r={content:r,
+value:l};l[1]==h.ACTION&&(r.className="event");m.push(r)}else m.push(null)}this.onMenuNodeInputs&&(m=this.onMenuNodeInputs(m));if(m.length)return new h.ContextMenu(m,{event:c,callback:g,parentMenu:d,node:e},a),!1;console.log("no input entries")}};k.showMenuNodeOptionalOutputs=function(a,b,c,d,e){function g(a,b,c){if(e&&(a.callback&&a.callback.call(f,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 m in c)a.push({content:m,value:c[m]});new h.ContextMenu(a,{event:b,callback:g,parentMenu:d,node:e});return!1}}if(e){var f=this;a=k.active_canvas.getCanvasWindow();b=e.optional_outputs;e.onGetOutputs&&(b=e.onGetOutputs());var m=[];if(b)for(var q=0;q<b.length;q++){var l=b[q];if(!l)m.push(null);else if(!e.flags||!e.flags.skip_repeated_outputs||-1==e.findOutputSlot(l[0])){var r=l[0];l[2]&&l[2].label&&(r=l[2].label);r={content:r,value:l};
+l[1]==h.EVENT&&(r.className="event");m.push(r)}}this.onMenuNodeOutputs&&(m=this.onMenuNodeOutputs(m));if(m.length)return new h.ContextMenu(m,{event:c,callback:g,parentMenu:d,node:e},a),!1}};k.onShowMenuNodeProperties=function(a,b,c,d,e){function g(a,b,c,d){e&&(b=this.getBoundingClientRect(),f.showEditPropertyValue(e,a.value,{position:[b.left,b.top]}))}if(e&&e.properties){var f=k.active_canvas;b=f.getCanvasWindow();var m=[],q;for(q in e.properties){a=void 0!==e.properties[q]?e.properties[q]:" ";"object"==
+typeof a&&(a=JSON.stringify(a));var l=e.getPropertyInfo(q);if("enum"==l.type||"combo"==l.type)a=k.getPropertyPrintableValue(a,l.values);a=k.decodeHTML(a);m.push({content:"<span class='property_name'>"+(l.label?l.label:q)+"</span><span class='property_value'>"+a+"</span>",value:q})}if(m.length)return new h.ContextMenu(m,{event:c,callback:g,parentMenu:d,allow_html:!0,node:e},b),!1}};k.decodeHTML=function(a){var b=document.createElement("div");b.innerText=a;return b.innerHTML};k.onResizeNode=function(a,
+b,c,d,e){if(e){e.size=e.computeSize();if(e.onResize)e.onResize(e.size);e.setDirtyCanvas(!0,!0)}};k.prototype.showLinkMenu=function(a,b){var c=this;console.log(a);var d=new h.ContextMenu(["Add Node",null,"Delete"],{event:b,title:null!=a.data?a.data.constructor.name:null,callback:function(b,g,f){switch(b){case "Add Node":k.onMenuAdd(null,null,f,d,function(b){console.log("node autoconnect");var e=c.graph.getNodeById(a.origin_id),d=c.graph.getNodeById(a.target_id);b.inputs&&b.inputs.length&&b.outputs&&
+b.outputs.length&&e.outputs[a.origin_slot].type==b.inputs[0].type&&b.outputs[0].type==d.inputs[0].type&&(e.connect(a.origin_slot,b,0),b.connect(0,d,a.target_slot),b.pos[0]-=0.5*b.size[0])});break;case "Delete":c.graph.removeLink(a.id)}}});return!1};k.onShowPropertyEditor=function(a,b,c,d,e){function g(){var b=q.value;"Number"==a.type?b=Number(b):"Boolean"==a.type&&(b=Boolean(b));e[f]=b;m.parentNode&&m.parentNode.removeChild(m);e.setDirtyCanvas(!0,!0)}var f=a.property||"title";b=e[f];var m=document.createElement("div");
+m.className="graphdialog";m.innerHTML="<span class='name'></span><input autofocus type='text' class='value'/><button>OK</button>";m.querySelector(".name").innerText=f;var q=m.querySelector(".value");q&&(q.value=b,q.addEventListener("blur",function(a){this.focus()}),q.addEventListener("keydown",function(a){if(13==a.keyCode||"textarea"==a.target.localName)g(),a.preventDefault(),a.stopPropagation()}));b=k.active_canvas.canvas;c=b.getBoundingClientRect();var h=d=-20;c&&(d-=c.left,h-=c.top);event?(m.style.left=
+event.clientX+d+"px",m.style.top=event.clientY+h+"px"):(m.style.left=0.5*b.width+d+"px",m.style.top=0.5*b.height+h+"px");m.querySelector("button").addEventListener("click",g);b.parentNode.appendChild(m)};k.prototype.prompt=function(a,b,c,d,e){var g=this;a=a||"";var f=!1,m=document.createElement("div");m.className="graphdialog rounded";m.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>";
+m.close=function(){g.prompt_box=null;m.parentNode&&m.parentNode.removeChild(m)};1<this.ds.scale&&(m.style.transform="scale("+this.ds.scale+")");m.addEventListener("mouseleave",function(a){f||m.close()});g.prompt_box&&g.prompt_box.close();g.prompt_box=m;m.querySelector(".name").innerText=a;var q=m.querySelector(".value");q.value=b;q.addEventListener("keydown",function(a){f=!0;if(27==a.keyCode)m.close();else if(13==a.keyCode&&"textarea"!=a.target.localName)c&&c(this.value),m.close();else return;a.preventDefault();
+a.stopPropagation()});m.querySelector("button").addEventListener("click",function(a){c&&c(q.value);g.setDirty(!0);m.close()});a=k.active_canvas.canvas;b=a.getBoundingClientRect();var h=e=-20;b&&(e-=b.left,h-=b.top);d?(m.style.left=d.clientX+e+"px",m.style.top=d.clientY+h+"px"):(m.style.left=0.5*a.width+e+"px",m.style.top=0.5*a.height+h+"px");a.parentNode.appendChild(m);setTimeout(function(){q.focus()},10);return m};k.search_limit=-1;k.prototype.showSearchBox=function(a){function b(b){if(b)if(e.onSearchBoxSelection)e.onSearchBoxSelection(b,
+a,g);else{var c=h.searchbox_extras[b.toLowerCase()];c&&(b=c.type);g.graph.beforeChange();if(b=h.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()}}q.close()}function c(a){var b=t;t&&t.classList.remove("selected");t?(t=a?t.nextSibling:t.previousSibling)||(t=b):t=a?r.childNodes[0]:r.childNodes[r.childNodes.length];t&&(t.classList.add("selected"),t.scrollIntoView({block:"end",behavior:"smooth"}))}function d(){function a(c,d){var e=document.createElement("div");p||(p=c);e.innerText=c;e.dataset.type=escape(c);e.className="litegraph lite-search-item";d&&(e.className+=" "+d);
+e.addEventListener("click",function(a){b(unescape(this.dataset.type))});r.appendChild(e)}w=null;var c=J.value;p=null;r.innerHTML="";if(c)if(e.onSearchBox){var d=e.onSearchBox(r,c,g);if(d)for(var m=0;m<d.length;++m)a(d[m])}else{var d=0,c=c.toLowerCase(),f=g.filter||g.graph.filter;for(m in h.searchbox_extras){var q=h.searchbox_extras[m];if(-1!==q.desc.toLowerCase().indexOf(c)){var l=h.registered_node_types[q.type];if(!l||l.filter==f)if(a(q.desc,"searchbox_extra"),-1!==k.search_limit&&d++>k.search_limit)break}}q=
+null;if(Array.prototype.filter)q=Object.keys(h.registered_node_types).filter(t);else for(m in q=[],h.registered_node_types)t(m)&&q.push(m);for(m=0;m<q.length&&!(a(q[m]),-1!==k.search_limit&&d++>k.search_limit);m++);var t=function(a){var b=h.registered_node_types[a];return f&&b.filter!=f?!1:-1!==a.toLowerCase().indexOf(c)}}}var e=this,g=k.active_canvas,f=g.canvas,m=f.ownerDocument||document,q=document.createElement("div");q.className="litegraph litesearchbox graphdialog rounded";q.innerHTML="<span class='name'>Search</span> <input autofocus type='text' class='value rounded'/><div class='helper'></div>";
+q.close=function(){e.search_box=null;m.body.focus();m.body.style.overflow="";setTimeout(function(){e.canvas.focus()},20);q.parentNode&&q.parentNode.removeChild(q)};var l=null;1<this.ds.scale&&(q.style.transform="scale("+this.ds.scale+")");q.addEventListener("mouseenter",function(a){l&&(clearTimeout(l),l=null)});q.addEventListener("mouseleave",function(a){l=setTimeout(function(){q.close()},500)});e.search_box&&e.search_box.close();e.search_box=q;var r=q.querySelector(".helper"),p=null,w=null,t=null,
+J=q.querySelector("input");J&&(J.addEventListener("blur",function(a){this.focus()}),J.addEventListener("keydown",function(a){if(38==a.keyCode)c(!1);else if(40==a.keyCode)c(!0);else if(27==a.keyCode)q.close();else if(13==a.keyCode)t?b(t.innerHTML):p?b(p):q.close();else{w&&clearInterval(w);w=setTimeout(d,10);return}a.preventDefault();a.stopPropagation();a.stopImmediatePropagation();return!0}));m.fullscreenElement?m.fullscreenElement.appendChild(q):(m.body.appendChild(q),m.body.style.overflow="hidden");
+var f=f.getBoundingClientRect(),n=(a?a.clientY:f.top+0.5*f.height)-20;q.style.left=(a?a.clientX:f.left+0.5*f.width)-80+"px";q.style.top=n+"px";a.layerY>f.height-200&&(r.style.maxHeight=f.height-a.layerY-20+"px");J.focus();return q};k.prototype.showEditPropertyValue=function(a,b,c){function d(){e(p.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"==f||"object"==f)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();k.close();a.setDirtyCanvas(!0,!0)}if(a&&void 0!==a.properties[b]){c=c||{};var g=a.getPropertyInfo(b),f=g.type,m="";if("string"==f||"number"==f||"array"==f||"object"==f)m="<input autofocus type='text' class='value'/>";else if("enum"!=f&&"combo"!=f||!g.values)if("boolean"==f)m="<input autofocus type='checkbox' class='value' "+(a.properties[b]?"checked":"")+"/>";else{console.warn("unknown type: "+f);
+return}else{var m="<select autofocus type='text' class='value'>",q;for(q in g.values){var h=q;g.values.constructor===Array&&(h=g.values[q]);m+="<option value='"+h+"' "+(h==a.properties[b]?"selected":"")+">"+g.values[q]+"</option>"}m+="</select>"}var k=this.createDialog("<span class='name'>"+(g.label?g.label:b)+"</span>"+m+"<button>OK</button>",c);if("enum"!=f&&"combo"!=f||!g.values)if("boolean"==f)(p=k.querySelector("input"))&&p.addEventListener("click",function(a){e(!!p.checked)});else{if(p=k.querySelector("input"))p.addEventListener("blur",
+function(a){this.focus()}),h=void 0!==a.properties[b]?a.properties[b]:"","string"!==f&&(h=JSON.stringify(h)),p.value=h,p.addEventListener("keydown",function(a){13==a.keyCode&&(d(),a.preventDefault(),a.stopPropagation())})}else{var p=k.querySelector("select");p.addEventListener("change",function(a){e(a.target.value)})}k.querySelector("button").addEventListener("click",d);return k}};k.prototype.createDialog=function(a,b){b=b||{};var c=document.createElement("div");c.className="graphdialog";c.innerHTML=
+a;var d=this.canvas.getBoundingClientRect(),e=-20,g=-20;d&&(e-=d.left,g-=d.top);b.position?(e+=b.position[0],g+=b.position[1]):b.event?(e+=b.event.clientX,g+=b.event.clientY):(e+=0.5*this.canvas.width,g+=0.5*this.canvas.height);c.style.left=e+"px";c.style.top=g+"px";this.canvas.parentNode.appendChild(c);c.close=function(){this.parentNode&&this.parentNode.removeChild(this)};return c};k.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":""));if(b.closable){var e=document.createElement("span");e.innerHTML="&#10005;";e.classList.add("close");e.addEventListener("click",function(){d.close()});d.header.appendChild(e)}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,e,q,l){function r(a,b){console.log("change",a,b);q.callback&&q.callback(a,b);l&&l(a,b)}q=q||{};var p=String(e);a=a.toLowerCase();"number"==a&&(p=e.toFixed(3));var w=document.createElement("div");w.className="property";w.innerHTML="<span class='property_name'></span><span class='property_value'></span>";
+w.querySelector(".property_name").innerText=b;var t=w.querySelector(".property_value");t.innerText=p;w.dataset.property=b;w.dataset.type=q.type||a;w.options=q;w.value=e;if("boolean"==a)w.classList.add("boolean"),e&&w.classList.add("bool-on"),w.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";r(a,this.value)});else if("string"==a||"number"==a)t.setAttribute("contenteditable",
+!0),t.addEventListener("keydown",function(a){"Enter"==a.code&&(a.preventDefault(),this.blur())}),t.addEventListener("blur",function(){var a=this.innerText,b=this.parentNode.dataset.property;"number"==this.parentNode.dataset.type&&(a=Number(a));r(b,a)});else if("enum"==a||"combo"==a)p=k.getPropertyPrintableValue(e,q.values);t.innerText=p;t.addEventListener("click",function(a){var b=this.parentNode.dataset.property,e=this;new h.ContextMenu(q.values||[],{event:a,className:"dark",callback:function(a,
+c,d){e.innerText=a;r(b,a);return!1}},c)});d.content.appendChild(w);return w};return d};k.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+")"}};k.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)};k.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,f=c.querySelector(".type").value;d&&-1==a.findInputSlot(d)&&(a.addInput(d,f),c.querySelector(".name").value="",c.querySelector(".type").value="",b())});b();this.canvas.parentNode.appendChild(d);return d};k.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())}};k.onMenuNodeCollapse=function(a,b,c,d,e){e.graph.beforeChange(e);e.collapse();e.graph.afterChange(e)};k.onMenuNodePin=function(a,b,c,d,e){e.pin()};k.onMenuNodeMode=function(a,b,c,d,e){new h.ContextMenu(["Always","On Event","On Trigger","Never"],{event:c,callback:function(a){if(e)switch(a){case "On Event":e.mode=h.ON_EVENT;
+break;case "On Trigger":e.mode=h.ON_TRIGGER;break;case "Never":e.mode=h.NEVER;break;default:e.mode=h.ALWAYS}},parentMenu:d,node:e});return!1};k.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 k.node_colors)a=k.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 h.ContextMenu(b,{event:c,callback:function(a){e&&((a=a.value?k.node_colors[a.value]:null)?e.constructor===h.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};k.onMenuNodeShapes=function(a,b,c,d,e){if(!e)throw"no node passed";new h.ContextMenu(h.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};k.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))};k.onMenuNodeToSubgraph=function(a,b,c,d,e){a=e.graph;if(b=k.active_canvas)c=Object.values(b.selected_nodes||{}),c.length||(c=[e]),d=h.createNode("graph/subgraph"),d.pos=e.pos.concat(),a.add(d),d.buildFromNodes(c),b.deselectAllNodes(),e.setDirtyCanvas(!0,!0)};k.onMenuNodeClone=function(a,b,c,d,e){!1!=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))};k.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"}};k.prototype.getCanvasMenuOptions=function(){var a=null;this.getMenuOptions?a=this.getMenuOptions():(a=[{content:"Add Node",has_submenu:!0,callback:k.onMenuAdd},{content:"Add Group",callback:k.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};k.prototype.getNodeMenuOptions=function(a){var b=null,b=a.getMenuOptions?a.getMenuOptions(this):[{content:"Inputs",has_submenu:!0,disabled:!0,callback:k.showMenuNodeOptionalInputs},{content:"Outputs",has_submenu:!0,disabled:!0,callback:k.showMenuNodeOptionalOutputs},null,{content:"Properties",has_submenu:!0,callback:k.onShowMenuNodeProperties},null,{content:"Title",callback:k.onShowPropertyEditor},{content:"Mode",has_submenu:!0,callback:k.onMenuNodeMode},
+{content:"Resize",callback:function(){if(a.resizable)return k.onResizeNode}},{content:"Collapse",callback:k.onMenuNodeCollapse},{content:"Pin",callback:k.onMenuNodePin},{content:"Colors",has_submenu:!0,callback:k.onMenuNodeColors},{content:"Shapes",has_submenu:!0,callback:k.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:k.onMenuNodeClone});b.push(null,{content:"Remove",disabled:!(!1!==a.removable&&!a.block_delete),callback:k.onMenuNodeRemove});if(a.graph&&a.graph.onGetNodeMenuOptions)a.graph.onGetNodeMenuOptions(b,a);return b};k.prototype.getGroupMenuOptions=function(a){return[{content:"Title",callback:k.onShowPropertyEditor},{content:"Color",has_submenu:!0,callback:k.onMenuNodeColors},{content:"Font size",property:"font_size",type:"Number",callback:k.onShowPropertyEditor},
+null,{content:"Remove",callback:k.onMenuNodeRemove}]};k.prototype.processContextMenu=function(a,b){var c=this,d=k.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 m=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&&m&&(g.value=m.label||"");f.querySelector("button").addEventListener("click",function(a){g.value&&(m&&(m.label=g.value),c.setDirty(!0));f.close()})}},extra:a};a&&(g.title=a.type);var f=null;a&&(f=a.getSlotInPosition(b.canvasX,b.canvasY),k.active_node=a);if(f){e=[];if(a.getSlotMenuOptions)e=a.getSlotMenuOptions(f);else{f&&f.output&&f.output.links&&f.output.links.length&&
+e.push({content:"Disconnect Links",slot:f});var m=f.input||f.output;e.push(m.locked?"Cannot remove":{content:"Remove Slot",slot:f});e.push(m.nameLocked?"Cannot rename":{content:"Rename Slot",slot:f})}g.title=(f.input?f.input.type:f.output.type)||"*";f.input&&f.input.type==h.ACTION&&(g.title="Action");f.output&&f.output.type==h.EVENT&&(g.title="Event")}else a?e=this.getNodeMenuOptions(a):(e=this.getCanvasMenuOptions(),(f=this.graph.getGroupOnPos(b.canvasX,b.canvasY))&&e.push(null,{content:"Edit Group",
+has_submenu:!0,submenu:{title:"Group",extra:f,options:this.getGroupMenuOptions(f)}}));e&&new h.ContextMenu(e,g,d)};"undefined"!=typeof window&&window.CanvasRenderingContext2D&&(window.CanvasRenderingContext2D.prototype.roundRect=function(a,b,c,d,e,g){void 0===e&&(e=5);void 0===g&&(g=e);this.moveTo(a+e,b);this.lineTo(a+c-e,b);this.quadraticCurveTo(a+c,b,a+c,b+e);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-g);this.lineTo(a,b+
+e);this.quadraticCurveTo(a,b,a+e,b)});h.compareObjects=function(a,b){for(var c in a)if(a[c]!=b[c])return!1;return!0};h.distance=E;h.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")+")"};h.isInsideRectangle=y;h.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)};h.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};h.overlapBounding=A;h.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};h.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;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 m=!1;if(null===b)f.classList.add("separator");else{f.innerHTML=b&&b.title?b.title:a;if(f.value=b)b.disabled&&(m=!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);m||f.addEventListener("click",e);c.autoopen&&f.addEventListener("mouseenter",d);return f};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,d=a.clientY,e=b.getBoundingClientRect();return e?d>e.top&&d<e.top+e.height&&c>e.left&&c<e.left+e.width?!0:!1:!1};h.ContextMenu=x;h.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])}};h.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)){c=e[0]-d[0];if(1E-5>Math.abs(c))return d[1];c=(a-d[0])/c;return d[1]*(1-c)+e[1]*c}}return 0}};I.prototype.draw=function(a,b,c,d,e,g){if(c=this.points){this.size=
+b;var f=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,f,b),a.fillStyle="#222",a.fillRect(0.5*f,0,1,b),a.strokeStyle="#333",a.strokeRect(0,0,f,b));a.strokeStyle=e;g&&(a.globalAlpha=0.5);a.beginPath();for(d=0;d<c.length;++d)e=c[d],a.lineTo(e[0]*f,(1-e[1])*b);a.stroke();a.globalAlpha=1;if(!g)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]*
+f,(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,g=a[0]-this.margin,f=a[1]-this.margin;this.selected=this.getCloserPoint([g,f],30/b.ds.scale);-1==this.selected&&(d=[g/d,1-f/e],c.push(d),c.sort(function(a,b){return a[0]-b[0]}),this.selected=c.indexOf(d),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),g=(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);var f=c[d];if(f){var m=0==d||d==c.length-1;!m&&(-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):(f[0]=m?0==d?0:1:Math.clamp(e,0,1),f[1]=1-Math.clamp(g,0,1),c.sort(function(a,b){return a[0]-b[0]}),this.selected=c.indexOf(f),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,g=c.length,f=[0,0],m=1E6,h=-1,k=0;k<g;++k){var l=c[k];f[0]=l[0]*d;f[1]=(1-l[1])*e;l=vec2.distance(a,f);l>m||l>b||(h=k,m=l)}return h};h.CurveEditor=I;h.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(B){function n(){this.addOutput("in ms","number");this.addOutput("in sec","number")}function u(){this.size=[140,80];this.properties={enabled:!0};this.enabled=!0;this.subgraph=new f.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 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){""!=
+b&&b!=a.name_in_graph&&(a.name_in_graph?a.graph.renameOutput(a.name_in_graph,b):a.graph.addOutput(b,a.properties.type),a.name_widget.value=b,a.name_in_graph=b)},enumerable:!0});Object.defineProperty(this.properties,"type",{get:function(){return a.inputs[0].type},set:function(b){if("action"==b||"event"==b)b=f.ACTION;f.isValidConnection(a.inputs[0].type,b)||a.disconnectInput(0);a.inputs[0].type=b;a.name_in_graph&&a.graph.changeOutputType(a.name_in_graph,a.inputs[0].type);a.type_widget.value=b||""},
+enumerable:!0});this.name_widget=this.addWidget("text","Name",this.properties.name,"name");this.type_widget=this.addWidget("text","Type",this.properties.type,"type");this.widgets_up=!0;this.size=[180,60]}function v(){this.addOutput("value","number");this.addProperty("value",1);this.widget=this.addWidget("number","value",1,"value");this.widgets_up=!0;this.size=[180,30]}function k(){this.addOutput("","boolean");this.addProperty("value",!0);this.widget=this.addWidget("toggle","value",!0,"value");this.widgets_up=
+!0;this.size=[140,30]}function E(){this.addOutput("","string");this.addProperty("value","");this.widget=this.addWidget("text","value","","value");this.widgets_up=!0;this.size=[180,30]}function y(){this.addOutput("obj","object");this.size=[120,30];this._object={}}function A(){this.addInput("url","");this.addOutput("","");this.addProperty("url","");this.addProperty("type","text");this.widget=this.addWidget("text","url","","url");this._data=null}function x(){this.addOutput("","");this.addProperty("value",
+"");this.widget=this.addWidget("text","json","","value");this.widgets_up=!0;this.size=[140,30];this._value=null}function I(){this._value=[];this.addInput("","");this.addOutput("","array");this.addOutput("length","number");this.addProperty("value","[]");this.widget=this.addWidget("text","array",this.properties.value,"value");this.widgets_up=!0;this.size=[140,50]}function h(){this.addInput("arr","array");this.addInput("value","");this.addOutput("arr","array");this.properties={index:0};this.widget=this.addWidget("number",
+"i",this.properties.index,"index")}function L(){this.addInput("array","array,table,string");this.addInput("index","number");this.addOutput("value","");this.addProperty("index",0)}function G(){this.addInput("table","table");this.addInput("row","number");this.addInput("col","number");this.addOutput("value","");this.addProperty("row",0);this.addProperty("column",0)}function z(){this.addInput("obj","");this.addOutput("","");this.addProperty("value","");this.widget=this.addWidget("text","prop.","",this.setValue.bind(this));
+this.widgets_up=!0;this.size=[140,30];this._value=null}function K(){this.addInput("obj","");this.addOutput("keys","array");this.size=[140,30]}function C(){this.addInput("obj","");this.addInput("value","");this.addOutput("obj","");this.properties={property:""};this.name_widget=this.addWidget("text","prop.",this.properties.property,"property")}function H(){this.addInput("A","");this.addInput("B","");this.addOutput("","");this._result={};var a=this;this.addWidget("button","clear","",function(){a._result=
+{}});this.size=this.computeSize()}function F(){this.size=[60,30];this.addInput("in");this.addOutput("out");this.properties={varname:"myname",container:F.LITEGRAPH};this.value=null}function a(){this.size=[60,30];this.addInput("data",0);this.addInput("download",f.ACTION);this.properties={filename:"data.json"};this.value=null;var a=this;this.addWidget("button","Download","",function(b){a.value&&a.downloadAsFile()})}function b(){this.size=[60,30];this.addInput("value",0,{label:""});this.value=0}function c(){this.addInput("in",
+0);this.addOutput("out",0);this.size=[40,30]}function d(){this.mode=f.ON_EVENT;this.size=[80,30];this.addProperty("msg","");this.addInput("log",f.EVENT);this.addInput("msg",0)}function e(){this.mode=f.ON_EVENT;this.addProperty("msg","");this.addInput("",f.EVENT);this.widget=this.addWidget("text","Text","","msg");this.widgets_up=!0;this.size=[200,30]}function g(){this.size=[60,30];this.addProperty("onExecute","return A;");this.addInput("A","");this.addInput("B","");this.addOutput("out","");this._func=
+null;this.data={}}var f=B.LiteGraph;n.title="Time";n.desc="Time";n.prototype.onExecute=function(){this.setOutputData(0,1E3*this.graph.globaltime);this.setOutputData(1,this.graph.globaltime)};f.registerNodeType("basic/time",n);u.title="Subgraph";u.desc="Graph inside a node";u.title_color="#334";u.prototype.onGetInputs=function(){return[["enabled","boolean"]]};u.prototype.onDblClick=function(a,b,c){var d=this;setTimeout(function(){c.openSubgraph(d.subgraph)},10)};u.prototype.onAction=function(a,b){this.subgraph.onAction(a,
+b)};u.prototype.onExecute=function(){if(this.enabled=this.getInputOrProperty("enabled")){if(this.inputs)for(var a=0;a<this.inputs.length;a++){var b=this.inputs[a],c=this.getInputData(a);this.subgraph.setInputData(b.name,c)}this.subgraph.runStep();if(this.outputs)for(a=0;a<this.outputs.length;a++)c=this.subgraph.getOutputData(this.outputs[a].name),this.setOutputData(a,c)}};u.prototype.sendEventToAllNodes=function(a,b,c){this.enabled&&this.subgraph.sendEventToAllNodes(a,b,c)};u.prototype.onDrawBackground=
+function(a,b,c,d){this.flags.collapsed||(b=this.size[1]-f.NODE_TITLE_HEIGHT+0.5,d=f.isInsideRectangle(d[0],d[1],this.pos[0],this.pos[1]+b,this.size[0],f.NODE_TITLE_HEIGHT),a.fillStyle=d?"#555":"#222",a.beginPath(),this._shape==f.BOX_SHAPE?a.rect(0,b,this.size[0]+1,f.NODE_TITLE_HEIGHT):a.roundRect(0,b,this.size[0]+1,f.NODE_TITLE_HEIGHT,0,8),a.fill(),a.textAlign="center",a.font="24px Arial",a.fillStyle=d?"#DDD":"#999",a.fillText("+",0.5*this.size[0],b+24))};u.prototype.onMouseDown=function(a,b,c){b[1]>
+this.size[1]-f.NODE_TITLE_HEIGHT+0.5&&c.showSubgraphPropertiesDialog(this)};u.prototype.computeSize=function(){return[200,Math.max(this.inputs?this.inputs.length:0,this.outputs?this.outputs.length:0)*f.NODE_SLOT_HEIGHT+f.NODE_TITLE_HEIGHT]};u.prototype.onSubgraphTrigger=function(a,b){var c=this.findOutputSlot(a);-1!=c&&this.triggerSlot(c)};u.prototype.onSubgraphNewInput=function(a,b){-1==this.findInputSlot(a)&&this.addInput(a,b)};u.prototype.onSubgraphRenamedInput=function(a,b){var c=this.findInputSlot(a);
+-1!=c&&(this.getInputInfo(c).name=b)};u.prototype.onSubgraphTypeChangeInput=function(a,b){var c=this.findInputSlot(a);-1!=c&&(this.getInputInfo(c).type=b)};u.prototype.onSubgraphRemovedInput=function(a){a=this.findInputSlot(a);-1!=a&&this.removeInput(a)};u.prototype.onSubgraphNewOutput=function(a,b){-1==this.findOutputSlot(a)&&this.addOutput(a,b)};u.prototype.onSubgraphRenamedOutput=function(a,b){var c=this.findOutputSlot(a);-1!=c&&(this.getOutputInfo(c).name=b)};u.prototype.onSubgraphTypeChangeOutput=
+function(a,b){var c=this.findOutputSlot(a);-1!=c&&(this.getOutputInfo(c).type=b)};u.prototype.onSubgraphRemovedOutput=function(a){a=this.findInputSlot(a);-1!=a&&this.removeOutput(a)};u.prototype.getExtraMenuOptions=function(a){var b=this;return[{content:"Open",callback:function(){a.openSubgraph(b.subgraph)}}]};u.prototype.onResize=function(a){a[1]+=20};u.prototype.serialize=function(){var a=f.LGraphNode.prototype.serialize.call(this);a.subgraph=this.subgraph.serialize();return a};u.prototype.clone=
+function(){var a=f.createNode(this.type),b=this.serialize();delete b.id;delete b.inputs;delete b.outputs;a.configure(b);return a};u.prototype.buildFromNodes=function(a){for(var b={},c=0,d=0;d<a.length;++d){var e=a[d];b[e.id]=e;c=Math.min(e.pos[0],c);Math.max(e.pos[0],c)}for(d=0;d<a.length;++d){e=a[d];if(e.inputs)for(c=0;c<e.inputs.length;++c){var f=e.inputs[c];if(f&&f.link){var g=e.graph.links[f.link];g&&(b[g.origin_id]||this.subgraph.addInput(f.name,g.type))}}if(e.outputs)for(c=0;c<e.outputs.length;++c)if((f=
+e.outputs[c])&&f.links&&f.links.length)for(var h=0;h<f.links.length&&(!(g=e.graph.links[f.links[h]])||b[g.target_id]);++h);}};f.Subgraph=u;f.registerNodeType("graph/subgraph",u);l.title="Input";l.desc="Input of the graph";l.prototype.onConfigure=function(){this.updateType()};l.prototype.updateType=function(){var a=this.properties.type;this.type_widget.value=a;this.outputs[0].type!=a&&(f.isValidConnection(this.outputs[0].type,a)||this.disconnectOutput(0),this.outputs[0].type=a);"number"==a?(this.value_widget.type=
+"number",this.value_widget.value=0):"boolean"==a?(this.value_widget.type="toggle",this.value_widget.value=!0):"string"==a?(this.value_widget.type="text",this.value_widget.value=""):(this.value_widget.type=null,this.value_widget.value=null);this.properties.value=this.value_widget.value;this.graph&&this.name_in_graph&&this.graph.changeInputType(this.name_in_graph,a)};l.prototype.onPropertyChanged=function(a,b){if("name"==a){if(""==b||b==this.name_in_graph||"enabled"==b)return!1;this.graph&&(this.name_in_graph?
+this.graph.renameInput(this.name_in_graph,b):this.graph.addInput(b,this.properties.type));this.name_in_graph=this.name_widget.value=b}else"type"==a&&this.updateType()};l.prototype.getTitle=function(){return this.flags.collapsed?this.properties.name:this.title};l.prototype.onAction=function(a,b){this.properties.type==f.EVENT&&this.triggerSlot(0,b)};l.prototype.onExecute=function(){var a=this.graph.inputs[this.properties.name];a?this.setOutputData(0,void 0!==a.value?a.value:this.properties.value):this.setOutputData(0,
+this.properties.value)};l.prototype.onRemoved=function(){this.name_in_graph&&this.graph.removeInput(this.name_in_graph)};f.GraphInput=l;f.registerNodeType("graph/input",l);r.title="Output";r.desc="Output of the graph";r.prototype.onExecute=function(){this._value=this.getInputData(0);this.graph.setOutputData(this.properties.name,this._value)};r.prototype.onAction=function(a,b){this.properties.type==f.ACTION&&this.graph.trigger(this.properties.name,b)};r.prototype.onRemoved=function(){this.name_in_graph&&
+this.graph.removeOutput(this.name_in_graph)};r.prototype.getTitle=function(){return this.flags.collapsed?this.properties.name:this.title};f.GraphOutput=r;f.registerNodeType("graph/output",r);v.title="Const Number";v.desc="Constant number";v.prototype.onExecute=function(){this.setOutputData(0,parseFloat(this.properties.value))};v.prototype.getTitle=function(){return this.flags.collapsed?this.properties.value:this.title};v.prototype.setValue=function(a){this.setProperty("value",a)};v.prototype.onDrawBackground=
+function(a){this.outputs[0].label=this.properties.value.toFixed(3)};f.registerNodeType("basic/const",v);k.title="Const Boolean";k.desc="Constant boolean";k.prototype.getTitle=v.prototype.getTitle;k.prototype.onExecute=function(){this.setOutputData(0,this.properties.value)};k.prototype.setValue=v.prototype.setValue;k.prototype.onGetInputs=function(){return[["toggle",f.ACTION]]};k.prototype.onAction=function(a){this.setValue(!this.properties.value)};f.registerNodeType("basic/boolean",k);E.title="Const String";
+E.desc="Constant string";E.prototype.getTitle=v.prototype.getTitle;E.prototype.onExecute=function(){this.setOutputData(0,this.properties.value)};E.prototype.setValue=v.prototype.setValue;E.prototype.onDropFile=function(a){var b=this,c=new FileReader;c.onload=function(a){b.setProperty("value",a.target.result)};c.readAsText(a)};f.registerNodeType("basic/string",E);y.title="Const Object";y.desc="Constant Object";y.prototype.onExecute=function(){this.setOutputData(0,this._object)};f.registerNodeType("basic/object",
+y);A.title="Const File";A.desc="Fetches a file from an url";A["@type"]={type:"enum",values:["text","arraybuffer","blob","json"]};A.prototype.onPropertyChanged=function(a,b){"url"==a&&(null==b||""==b?this._data=null:this.fetchFile(b))};A.prototype.onExecute=function(){var a=this.getInputData(0)||this.properties.url;!a||a==this._url&&this._type==this.properties.type||this.fetchFile(a);this.setOutputData(0,this._data)};A.prototype.setValue=v.prototype.setValue;A.prototype.fetchFile=function(a){var b=
+this;a&&a.constructor===String?(this._url=a,this._type=this.properties.type,"http"==a.substr(0,4)&&f.proxy&&(a=f.proxy+a.substr(a.indexOf(":")+3)),fetch(a).then(function(a){if(!a.ok)throw Error("File not found");if("arraybuffer"==b.properties.type)return a.arrayBuffer();if("text"==b.properties.type)return a.text();if("json"==b.properties.type)return a.json();if("blob"==b.properties.type)return a.blob()}).then(function(a){b._data=a;b.boxcolor="#AEA"})["catch"](function(c){b._data=null;b.boxcolor="red";
+console.error("error fetching file:",a)})):(b._data=null,b.boxcolor=null)};A.prototype.onDropFile=function(a){var b=this;this._url=a.name;this._type=this.properties.type;this.properties.url=a.name;var c=new FileReader;c.onload=function(a){b.boxcolor="#AEA";a=a.target.result;"json"==b.properties.type&&(a=JSON.parse(a));b._data=a};if("arraybuffer"==b.properties.type)c.readAsArrayBuffer(a);else if("text"==b.properties.type||"json"==b.properties.type)c.readAsText(a);else if("blob"==b.properties.type)return c.readAsBinaryString(a)};
+f.registerNodeType("basic/file",A);x.title="Const Data";x.desc="Constant Data";x.prototype.onPropertyChanged=function(a,b){this.widget.value=b;if(null!=b&&""!=b)try{this._value=JSON.parse(b),this.boxcolor="#AEA"}catch(c){this.boxcolor="red"}};x.prototype.onExecute=function(){this.setOutputData(0,this._value)};x.prototype.setValue=v.prototype.setValue;f.registerNodeType("basic/data",x);I.title="Const Array";I.desc="Constant Array";I.prototype.onPropertyChanged=function(a,b){this.widget.value=b;if(null!=
+b&&""!=b)try{this._value="["!=b[0]?JSON.parse("["+b+"]"):JSON.parse(b),this.boxcolor="#AEA"}catch(c){this.boxcolor="red"}};I.prototype.onExecute=function(){var a=this.getInputData(0);if(a&&a.length){this._value||(this._value=[]);this._value.length=a.length;for(var b=0;b<a.length;++b)this._value[b]=a[b]}this.setOutputData(0,this._value);this.setOutputData(1,this._value?this._value.length||0:0)};I.prototype.setValue=v.prototype.setValue;f.registerNodeType("basic/array",I);h.title="Set Array";h.desc=
+"Sets index of array";h.prototype.onExecute=function(){var a=this.getInputData(0);if(a){var b=this.getInputData(1);void 0!==b&&(this.properties.index&&(a[Math.floor(this.properties.index)]=b),this.setOutputData(0,a))}};f.registerNodeType("basic/set_array",h);L.title="Array[i]";L.desc="Returns an element from an array";L.prototype.onExecute=function(){var a=this.getInputData(0),b=this.getInputData(1);null==b&&(b=this.properties.index);null!=a&&null!=b&&this.setOutputData(0,a[Math.floor(Number(b))])};
+f.registerNodeType("basic/array[]",L);G.title="Table[row][col]";G.desc="Returns an element from a table";G.prototype.onExecute=function(){var a=this.getInputData(0),b=this.getInputData(1),c=this.getInputData(2);null==b&&(b=this.properties.row);null==c&&(c=this.properties.column);null!=a&&null!=b&&null!=c&&((b=a[Math.floor(Number(b))])?this.setOutputData(0,b[Math.floor(Number(c))]):this.setOutputData(0,null))};f.registerNodeType("basic/table[][]",G);z.title="Object property";z.desc="Outputs the property of an object";
+z.prototype.setValue=function(a){this.properties.value=a;this.widget.value=a};z.prototype.getTitle=function(){return this.flags.collapsed?"in."+this.properties.value:this.title};z.prototype.onPropertyChanged=function(a,b){this.widget.value=b};z.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&this.setOutputData(0,a[this.properties.value])};f.registerNodeType("basic/object_property",z);K.title="Object keys";K.desc="Outputs an array with the keys of an object";K.prototype.onExecute=
+function(){var a=this.getInputData(0);null!=a&&this.setOutputData(0,Object.keys(a))};f.registerNodeType("basic/object_keys",K);C.title="Set Object";C.desc="Adds propertiesrty to object";C.prototype.onExecute=function(){var a=this.getInputData(0);if(a){var b=this.getInputData(1);void 0!==b&&(this.properties.property&&(a[this.properties.property]=b),this.setOutputData(0,a))}};f.registerNodeType("basic/set_object",C);H.title="Merge Objects";H.desc="Creates an object copying properties from others";H.prototype.onExecute=
+function(){var a=this.getInputData(0),b=this.getInputData(1),c=this._result;if(a)for(var d in a)c[d]=a[d];if(b)for(d in b)c[d]=b[d];this.setOutputData(0,c)};f.registerNodeType("basic/merge_objects",H);F.title="Variable";F.desc="store/read variable value";F.LITEGRAPH=0;F.GRAPH=1;F.GLOBALSCOPE=2;F["@container"]={type:"enum",values:{litegraph:F.LITEGRAPH,graph:F.GRAPH,global:F.GLOBALSCOPE}};F.prototype.onExecute=function(){var a=this.getContainer();this.isInputConnected(0)?(this.value=this.getInputData(0),
+a[this.properties.varname]=this.value,this.setOutputData(0,this.value)):this.setOutputData(0,a[this.properties.varname])};F.prototype.getContainer=function(){switch(this.properties.container){case F.GRAPH:return this.graph?this.graph.vars:{};case F.GLOBALSCOPE:return B;default:return f.Globals}};F.prototype.getTitle=function(){return this.properties.varname};f.registerNodeType("basic/variable",F);f.wrapFunctionAsNode("basic/length",function(a){return a&&null!=a.length?Number(a.length):0},[""],"number");
+a.title="Download";a.desc="Download some data";a.prototype.downloadAsFile=function(){if(null!=this.value){var a=null,a=this.value.constructor===String?this.value:JSON.stringify(this.value),a=new Blob([a]),b=URL.createObjectURL(a),a=document.createElement("a");a.setAttribute("href",b);a.setAttribute("download",this.properties.filename);a.style.display="none";document.body.appendChild(a);a.click();document.body.removeChild(a);setTimeout(function(){URL.revokeObjectURL(b)},6E4)}};a.prototype.onAction=
+function(a,b){var c=this;setTimeout(function(){c.downloadAsFile()},100)};a.prototype.onExecute=function(){this.inputs[0]&&(this.value=this.getInputData(0))};a.prototype.getTitle=function(){return this.flags.collapsed?this.properties.filename:this.title};f.registerNodeType("basic/download",a);b.title="Watch";b.desc="Show value of input";b.prototype.onExecute=function(){this.inputs[0]&&(this.value=this.getInputData(0))};b.prototype.getTitle=function(){return this.flags.collapsed?this.inputs[0].label:
+this.title};b.toString=function(a){if(null==a)return"null";if(a.constructor===Number)return a.toFixed(3);if(a.constructor===Array){for(var c="[",d=0;d<a.length;++d)c+=b.toString(a[d])+(d+1!=a.length?",":"");return c+"]"}return String(a)};b.prototype.onDrawBackground=function(a){this.inputs[0].label=b.toString(this.value)};f.registerNodeType("basic/watch",b);c.title="Cast";c.desc="Allows to connect different types";c.prototype.onExecute=function(){this.setOutputData(0,this.getInputData(0))};f.registerNodeType("basic/cast",
+c);d.title="Console";d.desc="Show value inside the console";d.prototype.onAction=function(a,b){"log"==a?console.log(b):"warn"==a?console.warn(b):"error"==a&&console.error(b)};d.prototype.onExecute=function(){var a=this.getInputData(1);null!==a&&(this.properties.msg=a);console.log(a)};d.prototype.onGetInputs=function(){return[["log",f.ACTION],["warn",f.ACTION],["error",f.ACTION]]};f.registerNodeType("basic/console",d);e.title="Alert";e.desc="Show an alert window";e.color="#510";e.prototype.onConfigure=
+function(a){this.widget.value=a.properties.msg};e.prototype.onAction=function(a,b){var c=this.properties.msg;setTimeout(function(){alert(c)},10)};f.registerNodeType("basic/alert",e);g.prototype.onConfigure=function(a){a.properties.onExecute&&f.allow_scripts?this.compileCode(a.properties.onExecute):console.warn("Script not compiled, LiteGraph.allow_scripts is false")};g.title="Script";g.desc="executes a code (max 100 characters)";g.widgets_info={onExecute:{type:"code"}};g.prototype.onPropertyChanged=
+function(a,b){"onExecute"==a&&f.allow_scripts?this.compileCode(b):console.warn("Script not compiled, LiteGraph.allow_scripts is false")};g.prototype.compileCode=function(a){this._func=null;if(256<a.length)console.warn("Script too long, max 256 chars");else{for(var b=a.toLowerCase(),c="script body document eval nodescript function".split(" "),d=0;d<c.length;++d)if(-1!=b.indexOf(c[d])){console.warn("invalid script");return}try{this._func=new Function("A","B","C","DATA","node",a)}catch(e){console.error("Error parsing script"),
+console.error(e)}}};g.prototype.onExecute=function(){if(this._func)try{var a=this.getInputData(0),b=this.getInputData(1),c=this.getInputData(2);this.setOutputData(0,this._func(a,b,c,this.data,this))}catch(d){console.error("Error in script"),console.error(d)}};g.prototype.onGetOutputs=function(){return[["C",""]]};f.registerNodeType("basic/script",g)})(this);
+(function(B){function n(){this.size=[60,30];this.addInput("event",x.ACTION)}function u(){this.size=[60,30];this.addInput("if","");this.addOutput("true",x.EVENT);this.addOutput("change",x.EVENT);this.addOutput("false",x.EVENT);this.properties={only_on_change:!0};this.prev=0}function l(){this.addInput("",x.ACTION);this.addInput("",x.ACTION);this.addInput("",x.ACTION);this.addInput("",x.ACTION);this.addInput("",x.ACTION);this.addInput("",x.ACTION);this.addOutput("",x.EVENT);this.addOutput("",x.EVENT);
+this.addOutput("",x.EVENT);this.addOutput("",x.EVENT);this.addOutput("",x.EVENT);this.addOutput("",x.EVENT);this.size=[120,30];this.flags={horizontal:!0,render_box:!1}}function r(){this.size=[60,30];this.addInput("event",x.ACTION);this.addOutput("event",x.EVENT);this.properties={equal_to:"",has_property:"",property_equal_to:""}}function v(){this.addInput("in",x.ACTION);this.addInput("cond","boolean");this.addOutput("true",x.EVENT);this.addOutput("false",x.EVENT);this.size=[120,60];this._value=!1}
+function k(){this.addInput("inc",x.ACTION);this.addInput("dec",x.ACTION);this.addInput("reset",x.ACTION);this.addOutput("change",x.EVENT);this.addOutput("num","number");this.num=0}function E(){this.size=[60,30];this.addProperty("time_in_ms",1E3);this.addInput("event",x.ACTION);this.addOutput("on_time",x.EVENT);this._pending=[]}function y(){this.addProperty("interval",1E3);this.addProperty("event","tick");this.addOutput("on_tick",x.EVENT);this.time=0;this.last_interval=1E3;this.triggered=!1}function A(){this.addInput("data",
+"");this.addInput("assign",x.ACTION);this.addOutput("data","");this._last_value=null;this.properties={data:null,serialize:!0};var k=this;this.addWidget("button","store","",function(){k.properties.data=k._last_value})}var x=B.LiteGraph;n.title="Log Event";n.desc="Log event in console";n.prototype.onAction=function(k,h){console.log(k,h)};x.registerNodeType("events/log",n);u.title="TriggerEvent";u.desc="Triggers event if input evaluates to true";u.prototype.onExecute=function(k,h){var l=this.getInputData(0),
+r=l!=this.prev;0===this.prev&&(r=!1);var n=r&&this.properties.only_on_change||!r&&!this.properties.only_on_change;l&&n&&this.triggerSlot(0,h);!l&&n&&this.triggerSlot(2,h);r&&this.triggerSlot(1,h);this.prev=l};x.registerNodeType("events/trigger",u);l.title="Sequencer";l.desc="Trigger events when an event arrives";l.prototype.getTitle=function(){return""};l.prototype.onAction=function(k,h){if(this.outputs)for(var l=0;l<this.outputs.length;++l)this.triggerSlot(l,h)};x.registerNodeType("events/sequencer",
+l);r.title="Filter Event";r.desc="Blocks events that do not match the filter";r.prototype.onAction=function(k,h){if(null!=h&&(!this.properties.equal_to||this.properties.equal_to==h)){if(this.properties.has_property){var l=h[this.properties.has_property];if(null==l||this.properties.property_equal_to&&this.properties.property_equal_to!=l)return}this.triggerSlot(0,h)}};x.registerNodeType("events/filter",r);v.title="Branch";v.desc="If condition is true, outputs triggers true, otherwise false";v.prototype.onExecute=
+function(){this._value=this.getInputData(1)};v.prototype.onAction=function(k,h){this.triggerSlot(this._value?0:1)};x.registerNodeType("events/branch",v);k.title="Counter";k.desc="Counts events";k.prototype.getTitle=function(){return this.flags.collapsed?String(this.num):this.title};k.prototype.onAction=function(k,h){var l=this.num;"inc"==k?this.num+=1:"dec"==k?this.num-=1:"reset"==k&&(this.num=0);this.num!=l&&this.trigger("change",this.num)};k.prototype.onDrawBackground=function(k){this.flags.collapsed||
+(k.fillStyle="#AAA",k.font="20px Arial",k.textAlign="center",k.fillText(this.num,0.5*this.size[0],0.5*this.size[1]))};k.prototype.onExecute=function(){this.setOutputData(1,this.num)};x.registerNodeType("events/counter",k);E.title="Delay";E.desc="Delays one event";E.prototype.onAction=function(k,h){var l=this.properties.time_in_ms;0>=l?this.trigger(null,h):this._pending.push([l,h])};E.prototype.onExecute=function(){var k=1E3*this.graph.elapsed_time;this.isInputConnected(1)&&(this.properties.time_in_ms=
+this.getInputData(1));for(var h=0;h<this._pending.length;++h){var l=this._pending[h];l[0]-=k;0<l[0]||(this._pending.splice(h,1),--h,this.trigger(null,l[1]))}};E.prototype.onGetInputs=function(){return[["event",x.ACTION],["time_in_ms","number"]]};x.registerNodeType("events/delay",E);y.title="Timer";y.desc="Sends an event every N milliseconds";y.prototype.onStart=function(){this.time=0};y.prototype.getTitle=function(){return"Timer: "+this.last_interval.toString()+"ms"};y.on_color="#AAA";y.off_color=
+"#222";y.prototype.onDrawBackground=function(){this.boxcolor=this.triggered?y.on_color:y.off_color;this.triggered=!1};y.prototype.onExecute=function(){var k=0==this.time;this.time+=1E3*this.graph.elapsed_time;this.last_interval=Math.max(1,this.getInputOrProperty("interval")|0);!k&&(this.time<this.last_interval||isNaN(this.last_interval))?this.inputs&&1<this.inputs.length&&this.inputs[1]&&this.setOutputData(1,!1):(this.triggered=!0,this.time%=this.last_interval,this.trigger("on_tick",this.properties.event),
+this.inputs&&1<this.inputs.length&&this.inputs[1]&&this.setOutputData(1,!0))};y.prototype.onGetInputs=function(){return[["interval","number"]]};y.prototype.onGetOutputs=function(){return[["tick","boolean"]]};x.registerNodeType("events/timer",y);A.title="Data Store";A.desc="Stores data and only changes when event is received";A.prototype.onExecute=function(){this._last_value=this.getInputData(0);this.setOutputData(0,this.properties.data)};A.prototype.onAction=function(k,h){this.properties.data=this._last_value};
+A.prototype.onSerialize=function(k){null!=k.data&&(!1==this.properties.serialize||k.data.constructor!==String&&k.data.constructor!==Number&&k.data.constructor!==Boolean&&k.data.constructor!==Array&&k.data.constructor!==Object)&&(k.data=null)};x.registerNodeType("basic/data_store",A)})(this);
+(function(B){function n(){this.addOutput("left_x_axis","number");this.addOutput("left_y_axis","number");this.addOutput("button_pressed",u.EVENT);this.properties={gamepad_index:0,threshold:0.1};this._left_axis=new Float32Array(2);this._right_axis=new Float32Array(2);this._triggers=new Float32Array(2);this._previous_buttons=new Uint8Array(17);this._current_buttons=new Uint8Array(17)}var u=B.LiteGraph;n.title="Gamepad";n.desc="gets the input of the gamepad";n.CENTER=0;n.LEFT=1;n.RIGHT=2;n.UP=4;n.DOWN=
+8;n.zero=new Float32Array(2);n.buttons="a b x y lb rb lt rt back start ls rs home".split(" ");n.prototype.onExecute=function(){var l=this.getGamepad(),r=this.properties.threshold||0;l&&(this._left_axis[0]=Math.abs(l.xbox.axes.lx)>r?l.xbox.axes.lx:0,this._left_axis[1]=Math.abs(l.xbox.axes.ly)>r?l.xbox.axes.ly:0,this._right_axis[0]=Math.abs(l.xbox.axes.rx)>r?l.xbox.axes.rx:0,this._right_axis[1]=Math.abs(l.xbox.axes.ry)>r?l.xbox.axes.ry:0,this._triggers[0]=Math.abs(l.xbox.axes.ltrigger)>r?l.xbox.axes.ltrigger:
+0,this._triggers[1]=Math.abs(l.xbox.axes.rtrigger)>r?l.xbox.axes.rtrigger:0);if(this.outputs)for(r=0;r<this.outputs.length;r++){var v=this.outputs[r];if(v.links&&v.links.length){var k=null;if(l)switch(v.name){case "left_axis":k=this._left_axis;break;case "right_axis":k=this._right_axis;break;case "left_x_axis":k=this._left_axis[0];break;case "left_y_axis":k=this._left_axis[1];break;case "right_x_axis":k=this._right_axis[0];break;case "right_y_axis":k=this._right_axis[1];break;case "trigger_left":k=
+this._triggers[0];break;case "trigger_right":k=this._triggers[1];break;case "a_button":k=l.xbox.buttons.a?1:0;break;case "b_button":k=l.xbox.buttons.b?1:0;break;case "x_button":k=l.xbox.buttons.x?1:0;break;case "y_button":k=l.xbox.buttons.y?1:0;break;case "lb_button":k=l.xbox.buttons.lb?1:0;break;case "rb_button":k=l.xbox.buttons.rb?1:0;break;case "ls_button":k=l.xbox.buttons.ls?1:0;break;case "rs_button":k=l.xbox.buttons.rs?1:0;break;case "hat_left":k=l.xbox.hatmap&n.LEFT;break;case "hat_right":k=
+l.xbox.hatmap&n.RIGHT;break;case "hat_up":k=l.xbox.hatmap&n.UP;break;case "hat_down":k=l.xbox.hatmap&n.DOWN;break;case "hat":k=l.xbox.hatmap;break;case "start_button":k=l.xbox.buttons.start?1:0;break;case "back_button":k=l.xbox.buttons.back?1:0;break;case "button_pressed":for(v=0;v<this._current_buttons.length;++v)this._current_buttons[v]&&!this._previous_buttons[v]&&this.triggerSlot(r,n.buttons[v])}else switch(v.name){case "button_pressed":break;case "left_axis":case "right_axis":k=n.zero;break;
+default:k=0}this.setOutputData(r,k)}}};n.mapping={a:0,b:1,x:2,y:3,lb:4,rb:5,lt:6,rt:7,back:8,start:9,ls:10,rs:11};n.mapping_array="a b x y lb rb lt rt back start ls rs".split(" ");n.prototype.getGamepad=function(){var l=navigator.getGamepads||navigator.webkitGetGamepads||navigator.mozGetGamepads;if(!l)return null;var r=l.call(navigator),l=null;this._previous_buttons.set(this._current_buttons);for(l=this.properties.gamepad_index;4>l;l++)if(r[l]){l=r[l];r=this.xbox_mapping;r||(r=this.xbox_mapping={axes:[],
+buttons:{},hat:"",hatmap:n.CENTER});r.axes.lx=l.axes[0];r.axes.ly=l.axes[1];r.axes.rx=l.axes[2];r.axes.ry=l.axes[3];r.axes.ltrigger=l.buttons[6].value;r.axes.rtrigger=l.buttons[7].value;r.hat="";r.hatmap=n.CENTER;for(var v=0;v<l.buttons.length;v++)if(this._current_buttons[v]=l.buttons[v].pressed,12>v)r.buttons[n.mapping_array[v]]=l.buttons[v].pressed,l.buttons[v].was_pressed&&this.trigger(n.mapping_array[v]+"_button_event");else switch(v){case 12:l.buttons[v].pressed&&(r.hat+="up",r.hatmap|=n.UP);
+break;case 13:l.buttons[v].pressed&&(r.hat+="down",r.hatmap|=n.DOWN);break;case 14:l.buttons[v].pressed&&(r.hat+="left",r.hatmap|=n.LEFT);break;case 15:l.buttons[v].pressed&&(r.hat+="right",r.hatmap|=n.RIGHT);break;case 16:r.buttons.home=l.buttons[v].pressed}l.xbox=r;return l}};n.prototype.onDrawBackground=function(l){if(!this.flags.collapsed){var r=this._left_axis,n=this._right_axis;l.strokeStyle="#88A";l.strokeRect(0.5*(r[0]+1)*this.size[0]-4,0.5*(r[1]+1)*this.size[1]-4,8,8);l.strokeStyle="#8A8";
+l.strokeRect(0.5*(n[0]+1)*this.size[0]-4,0.5*(n[1]+1)*this.size[1]-4,8,8);r=this.size[1]/this._current_buttons.length;l.fillStyle="#AEB";for(n=0;n<this._current_buttons.length;++n)this._current_buttons[n]&&l.fillRect(0,r*n,6,r)}};n.prototype.onGetOutputs=function(){return[["left_axis","vec2"],["right_axis","vec2"],["left_x_axis","number"],["left_y_axis","number"],["right_x_axis","number"],["right_y_axis","number"],["trigger_left","number"],["trigger_right","number"],["a_button","number"],["b_button",
+"number"],["x_button","number"],["y_button","number"],["lb_button","number"],["rb_button","number"],["ls_button","number"],["rs_button","number"],["start_button","number"],["back_button","number"],["a_button_event",u.EVENT],["b_button_event",u.EVENT],["x_button_event",u.EVENT],["y_button_event",u.EVENT],["lb_button_event",u.EVENT],["rb_button_event",u.EVENT],["ls_button_event",u.EVENT],["rs_button_event",u.EVENT],["start_button_event",u.EVENT],["back_button_event",u.EVENT],["hat_left","number"],["hat_right",
+"number"],["hat_up","number"],["hat_down","number"],["hat","number"],["button_pressed",u.EVENT]]};u.registerNodeType("input/gamepad",n)})(this);
+(function(B){function n(){this.addInput("in","*");this.size=[80,30]}function u(){this.addInput("in");this.addOutput("out");this.size=[80,30]}function l(){this.addInput("in");this.addOutput("out")}function r(){this.addInput("in","number",{locked:!0});this.addOutput("out","number",{locked:!0});this.addOutput("clamped","number",{locked:!0});this.addProperty("in",0);this.addProperty("in_min",0);this.addProperty("in_max",1);this.addProperty("out_min",0);this.addProperty("out_max",1);this.size=[120,50]}
+function v(){this.addOutput("value","number");this.addProperty("min",0);this.addProperty("max",1);this.size=[80,30]}function k(){this.addInput("in","number");this.addOutput("out","number");this.addProperty("min",0);this.addProperty("max",1);this.addProperty("smooth",!0);this.addProperty("seed",0);this.addProperty("octaves",1);this.addProperty("persistence",0.8);this.addProperty("speed",1);this.size=[90,30]}function E(){this.addOutput("out","number");this.addProperty("min_time",1);this.addProperty("max_time",
+2);this.addProperty("duration",0.2);this.size=[90,30];this._blink_time=this._remaining_time=0}function y(){this.addInput("in","number");this.addOutput("out","number");this.size=[80,30];this.addProperty("min",0);this.addProperty("max",1)}function A(){this.properties={f:0.5};this.addInput("A","number");this.addInput("B","number");this.addOutput("out","number")}function x(){this.addInput("in","number");this.addOutput("out","number");this.size=[80,30]}function I(){this.addInput("in","number");this.addOutput("out",
+"number");this.size=[80,30]}function h(){this.addInput("in","number");this.addOutput("out","number");this.size=[80,30]}function L(){this.addInput("in","number");this.addOutput("out","number");this.size=[80,30];this.properties={A:0,B:1}}function G(){this.addInput("in","number",{label:""});this.addOutput("out","number",{label:""});this.size=[80,30];this.addProperty("factor",1)}function z(){this.addInput("v","boolean");this.addInput("A");this.addInput("B");this.addOutput("out")}function K(){this.addInput("in",
+"number");this.addOutput("out","number");this.size=[80,30];this.addProperty("samples",10);this._values=new Float32Array(10);this._current=0}function C(){this.addInput("in","number");this.addOutput("out","number");this.addProperty("factor",0.1);this.size=[80,30];this._value=null}function H(){this.addInput("A","number,array,object");this.addInput("B","number");this.addOutput("=","number");this.addProperty("A",1);this.addProperty("B",1);this.addProperty("OP","+","enum",{values:H.values});this._func=
+function(a,b){return a+b};this._result=[]}function F(){this.addInput("A","number");this.addInput("B","number");this.addOutput("A==B","boolean");this.addOutput("A!=B","boolean");this.addProperty("A",0);this.addProperty("B",0)}function a(){this.addInput("A","number");this.addInput("B","number");this.addOutput("true","boolean");this.addOutput("false","boolean");this.addProperty("A",1);this.addProperty("B",1);this.addProperty("OP",">","enum",{values:a.values});this.addWidget("combo","Cond.",this.properties.OP,
+{property:"OP",values:a.values});this.size=[80,60]}function b(){this.addInput("in","");this.addInput("cond","boolean");this.addOutput("true","");this.addOutput("false","");this.size=[80,60]}function c(){this.addInput("inc","number");this.addOutput("total","number");this.addProperty("increment",1);this.addProperty("value",0)}function d(){this.addInput("v","number");this.addOutput("sin","number");this.addProperty("amplitude",1);this.addProperty("offset",0);this.bgImageUrl="nodes/imgs/icon-sin.png"}
+function e(){this.addInput("x","number");this.addInput("y","number");this.addOutput("","number");this.properties={x:1,y:1,formula:"x+y"};this.code_widget=this.addWidget("text","F(x,y)",this.properties.formula,function(a,b,c){c.properties.formula=a});this.addWidget("toggle","allow",p.allow_scripts,function(a){p.allow_scripts=a});this._func=null}function g(){this.addInput("vec2","vec2");this.addOutput("x","number");this.addOutput("y","number")}function f(){this.addInputs([["x","number"],["y","number"]]);
+this.addOutput("vec2","vec2");this.properties={x:0,y:0};this._data=new Float32Array(2)}function m(){this.addInput("vec3","vec3");this.addOutput("x","number");this.addOutput("y","number");this.addOutput("z","number")}function q(){this.addInputs([["x","number"],["y","number"],["z","number"]]);this.addOutput("vec3","vec3");this.properties={x:0,y:0,z:0};this._data=new Float32Array(3)}function D(){this.addInput("vec4","vec4");this.addOutput("x","number");this.addOutput("y","number");this.addOutput("z",
+"number");this.addOutput("w","number")}function s(){this.addInputs([["x","number"],["y","number"],["z","number"],["w","number"]]);this.addOutput("vec4","vec4");this.properties={x:0,y:0,z:0,w:0};this._data=new Float32Array(4)}var p=B.LiteGraph;n.title="Converter";n.desc="type A to type B";n.prototype.onExecute=function(){var a=this.getInputData(0);if(null!=a&&this.outputs)for(var b=0;b<this.outputs.length;b++){var c=this.outputs[b];if(c.links&&c.links.length){var d=null;switch(c.name){case "number":d=
+a.length?a[0]:parseFloat(a);break;case "vec2":case "vec3":case "vec4":d=1;switch(c.name){case "vec2":d=2;break;case "vec3":d=3;break;case "vec4":d=4}d=new Float32Array(d);if(a.length)for(c=0;c<a.length&&c<d.length;c++)d[c]=a[c];else d[0]=parseFloat(a)}this.setOutputData(b,d)}}};n.prototype.onGetOutputs=function(){return[["number","number"],["vec2","vec2"],["vec3","vec3"],["vec4","vec4"]]};p.registerNodeType("math/converter",n);u.title="Bypass";u.desc="removes the type";u.prototype.onExecute=function(){var a=
+this.getInputData(0);this.setOutputData(0,a)};p.registerNodeType("math/bypass",u);l.title="to Number";l.desc="Cast to number";l.prototype.onExecute=function(){var a=this.getInputData(0);this.setOutputData(0,Number(a))};p.registerNodeType("math/to_number",l);r.title="Range";r.desc="Convert a number from one range to another";r.prototype.getTitle=function(){return this.flags.collapsed?(this._last_v||0).toFixed(2):this.title};r.prototype.onExecute=function(){if(this.inputs)for(var a=0;a<this.inputs.length;a++){var b=
+this.inputs[a],c=this.getInputData(a);void 0!==c&&(this.properties[b.name]=c)}c=this.properties["in"];if(void 0===c||null===c||c.constructor!==Number)c=0;var a=this.properties.in_min,b=this.properties.out_min,d=this.properties.out_max;this._last_v=(c-a)/(this.properties.in_max-a)*(d-b)+b;this.setOutputData(0,this._last_v);this.setOutputData(1,Math.clamp(this._last_v,b,d))};r.prototype.onDrawBackground=function(a){this.outputs[0].label=this._last_v?this._last_v.toFixed(3):"?"};r.prototype.onGetInputs=
+function(){return[["in_min","number"],["in_max","number"],["out_min","number"],["out_max","number"]]};p.registerNodeType("math/range",r);v.title="Rand";v.desc="Random number";v.prototype.onExecute=function(){if(this.inputs)for(var a=0;a<this.inputs.length;a++){var b=this.inputs[a],c=this.getInputData(a);void 0!==c&&(this.properties[b.name]=c)}a=this.properties.min;b=this.properties.max;this._last_v=Math.random()*(b-a)+a;this.setOutputData(0,this._last_v)};v.prototype.onDrawBackground=function(a){this.outputs[0].label=
+(this._last_v||0).toFixed(3)};v.prototype.onGetInputs=function(){return[["min","number"],["max","number"]]};p.registerNodeType("math/rand",v);k.title="Noise";k.desc="Random number with temporal continuity";k.data=null;k.getValue=function(a,b){if(!k.data){k.data=new Float32Array(1024);for(var c=0;c<k.data.length;++c)k.data[c]=Math.random()}a%=1024;0>a&&(a+=1024);var d=Math.floor(a);a-=d;c=k.data[d];d=k.data[1023==d?0:d+1];b&&(a=a*a*a*(a*(6*a-15)+10));return c*(1-a)+d*a};k.prototype.onExecute=function(){for(var a=
+this.getInputData(0)||0,b=this.properties.octaves||1,c=0,d=1,a=a+(this.properties.seed||0),e=this.properties.speed||1,f=0,g=0;g<b&&!(c+=k.getValue(a*(1+g)*e,this.properties.smooth)*d,f+=d,d*=this.properties.persistence,0.001>d);++g);a=this.properties.min;this._last_v=c/f*(this.properties.max-a)+a;this.setOutputData(0,this._last_v)};k.prototype.onDrawBackground=function(a){this.outputs[0].label=(this._last_v||0).toFixed(3)};p.registerNodeType("math/noise",k);E.title="Spikes";E.desc="spike every random time";
+E.prototype.onExecute=function(){var a=this.graph.elapsed_time;this._remaining_time-=a;this._blink_time-=a;a=0;0<this._blink_time&&(a=1/(Math.pow(this._blink_time/this.properties.duration*8-4,4)+1));0>this._remaining_time?(this._remaining_time=Math.random()*(this.properties.max_time-this.properties.min_time)+this.properties.min_time,this._blink_time=this.properties.duration,this.boxcolor="#FFF"):this.boxcolor="#000";this.setOutputData(0,a)};p.registerNodeType("math/spikes",E);y.title="Clamp";y.desc=
+"Clamp number between min and max";y.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&(a=Math.max(this.properties.min,a),a=Math.min(this.properties.max,a),this.setOutputData(0,a))};y.prototype.getCode=function(a){a="";this.isInputConnected(0)&&(a+="clamp({{0}},"+this.properties.min+","+this.properties.max+")");return a};p.registerNodeType("math/clamp",y);A.title="Lerp";A.desc="Linear Interpolation";A.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=0);var b=
+this.getInputData(1);null==b&&(b=0);var c=this.properties.f,d=this.getInputData(2);void 0!==d&&(c=d);this.setOutputData(0,a*(1-c)+b*c)};A.prototype.onGetInputs=function(){return[["f","number"]]};p.registerNodeType("math/lerp",A);x.title="Abs";x.desc="Absolute";x.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&this.setOutputData(0,Math.abs(a))};p.registerNodeType("math/abs",x);I.title="Floor";I.desc="Floor number to remove fractional part";I.prototype.onExecute=function(){var a=
+this.getInputData(0);null!=a&&this.setOutputData(0,Math.floor(a))};p.registerNodeType("math/floor",I);h.title="Frac";h.desc="Returns fractional part";h.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&this.setOutputData(0,a%1)};p.registerNodeType("math/frac",h);L.title="Smoothstep";L.desc="Smoothstep";L.prototype.onExecute=function(){var a=this.getInputData(0);if(void 0!==a){var b=this.properties.A,a=Math.clamp((a-b)/(this.properties.B-b),0,1);this.setOutputData(0,a*a*(3-2*a))}};
+p.registerNodeType("math/smoothstep",L);G.title="Scale";G.desc="v * factor";G.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&this.setOutputData(0,a*this.properties.factor)};p.registerNodeType("math/scale",G);z.title="Gate";z.desc="if v is true, then outputs A, otherwise B";z.prototype.onExecute=function(){var a=this.getInputData(0);this.setOutputData(0,this.getInputData(a?1:2))};p.registerNodeType("math/gate",z);K.title="Average";K.desc="Average Filter";K.prototype.onExecute=function(){var a=
+this.getInputData(0);null==a&&(a=0);var b=this._values.length;this._values[this._current%b]=a;this._current+=1;this._current>b&&(this._current=0);for(var c=a=0;c<b;++c)a+=this._values[c];this.setOutputData(0,a/b)};K.prototype.onPropertyChanged=function(a,b){1>b&&(b=1);this.properties.samples=Math.round(b);var c=this._values;this._values=new Float32Array(this.properties.samples);c.length<=this._values.length?this._values.set(c):this._values.set(c.subarray(0,this._values.length))};p.registerNodeType("math/average",
+K);C.title="TendTo";C.desc="moves the output value always closer to the input";C.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=0);var b=this.properties.factor;this._value=null==this._value?a:this._value*(1-b)+a*b;this.setOutputData(0,this._value)};p.registerNodeType("math/tendTo",C);H.values="+ - * / % ^ max min".split(" ");H.title="Operation";H.desc="Easy math operators";H["@OP"]={type:"enum",title:"operation",values:H.values};H.size=[100,60];H.prototype.getTitle=function(){return"max"==
+this.properties.OP||"min"==this.properties.OP?this.properties.OP+"(A,B)":"A "+this.properties.OP+" B"};H.prototype.setValue=function(a){"string"==typeof a&&(a=parseFloat(a));this.properties.value=a};H.prototype.onPropertyChanged=function(a,b){if("OP"==a)switch(this.properties.OP){case "+":this._func=function(a,b){return a+b};break;case "-":this._func=function(a,b){return a-b};break;case "x":case "X":case "*":this._func=function(a,b){return a*b};break;case "/":this._func=function(a,b){return a/b};
+break;case "%":this._func=function(a,b){return a%b};break;case "^":this._func=function(a,b){return Math.pow(a,b)};break;case "max":this._func=function(a,b){return Math.max(a,b)};break;case "min":this._func=function(a,b){return Math.min(a,b)};break;default:console.warn("Unknown operation: "+this.properties.OP),this._func=function(a){return a}}};H.prototype.onExecute=function(){var a=this.getInputData(0),b=this.getInputData(1);null!=a?a.constructor===Number&&(this.properties.A=a):a=this.properties.A;
+null!=b?this.properties.B=b:b=this.properties.B;var c;if(a.constructor===Number)c=this._func(a,b);else if(a.constructor===Array){c=this._result;c.length=a.length;for(var d=0;d<a.length;++d)c[d]=this._func(a[d],b)}else for(d in c={},a)c[d]=this._func(a[d],b);this.setOutputData(0,c)};H.prototype.onDrawBackground=function(a){this.flags.collapsed||(a.font="40px Arial",a.fillStyle="#666",a.textAlign="center",a.fillText(this.properties.OP,0.5*this.size[0],0.5*(this.size[1]+p.NODE_TITLE_HEIGHT)),a.textAlign=
+"left")};p.registerNodeType("math/operation",H);p.registerSearchboxExtra("math/operation","MAX",{properties:{OP:"max"},title:"MAX()"});p.registerSearchboxExtra("math/operation","MIN",{properties:{OP:"min"},title:"MIN()"});F.title="Compare";F.desc="compares between two values";F.prototype.onExecute=function(){var a=this.getInputData(0),b=this.getInputData(1);void 0!==a?this.properties.A=a:a=this.properties.A;void 0!==b?this.properties.B=b:b=this.properties.B;for(var c=0,d=this.outputs.length;c<d;++c){var e=
+this.outputs[c];if(e.links&&e.links.length){var f;switch(e.name){case "A==B":f=a==b;break;case "A!=B":f=a!=b;break;case "A>B":f=a>b;break;case "A<B":f=a<b;break;case "A<=B":f=a<=b;break;case "A>=B":f=a>=b}this.setOutputData(c,f)}}};F.prototype.onGetOutputs=function(){return[["A==B","boolean"],["A!=B","boolean"],["A>B","boolean"],["A<B","boolean"],["A>=B","boolean"],["A<=B","boolean"]]};p.registerNodeType("math/compare",F);p.registerSearchboxExtra("math/compare","==",{outputs:[["A==B","boolean"]],
+title:"A==B"});p.registerSearchboxExtra("math/compare","!=",{outputs:[["A!=B","boolean"]],title:"A!=B"});p.registerSearchboxExtra("math/compare",">",{outputs:[["A>B","boolean"]],title:"A>B"});p.registerSearchboxExtra("math/compare","<",{outputs:[["A<B","boolean"]],title:"A<B"});p.registerSearchboxExtra("math/compare",">=",{outputs:[["A>=B","boolean"]],title:"A>=B"});p.registerSearchboxExtra("math/compare","<=",{outputs:[["A<=B","boolean"]],title:"A<=B"});a.values="> < == != <= >= || &&".split(" ");
+a["@OP"]={type:"enum",title:"operation",values:a.values};a.title="Condition";a.desc="evaluates condition between A and B";a.prototype.getTitle=function(){return"A "+this.properties.OP+" B"};a.prototype.onExecute=function(){var a=this.getInputData(0);void 0===a?a=this.properties.A:this.properties.A=a;var b=this.getInputData(1);void 0===b?b=this.properties.B:this.properties.B=b;var c=!0;switch(this.properties.OP){case ">":c=a>b;break;case "<":c=a<b;break;case "==":c=a==b;break;case "!=":c=a!=b;break;
+case "<=":c=a<=b;break;case ">=":c=a>=b;break;case "||":c=a||b;break;case "&&":c=a&&b}this.setOutputData(0,c);this.setOutputData(1,!c)};p.registerNodeType("math/condition",a);b.title="Branch";b.desc="If condition is true, outputs IN in true, otherwise in false";b.prototype.onExecute=function(){var a=this.getInputData(0);this.getInputData(1)?(this.setOutputData(0,a),this.setOutputData(1,null)):(this.setOutputData(0,null),this.setOutputData(1,a))};p.registerNodeType("math/branch",b);c.title="Accumulate";
+c.desc="Increments a value every time";c.prototype.onExecute=function(){null===this.properties.value&&(this.properties.value=0);var a=this.getInputData(0);this.properties.value=null!==a?this.properties.value+a:this.properties.value+this.properties.increment;this.setOutputData(0,this.properties.value)};p.registerNodeType("math/accumulate",c);d.title="Trigonometry";d.desc="Sin Cos Tan";d.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=0);var b=this.properties.amplitude,c=this.findInputSlot("amplitude");
+-1!=c&&(b=this.getInputData(c));var d=this.properties.offset,c=this.findInputSlot("offset");-1!=c&&(d=this.getInputData(c));for(var c=0,e=this.outputs.length;c<e;++c){var f;switch(this.outputs[c].name){case "sin":f=Math.sin(a);break;case "cos":f=Math.cos(a);break;case "tan":f=Math.tan(a);break;case "asin":f=Math.asin(a);break;case "acos":f=Math.acos(a);break;case "atan":f=Math.atan(a)}this.setOutputData(c,b*f+d)}};d.prototype.onGetInputs=function(){return[["v","number"],["amplitude","number"],["offset",
+"number"]]};d.prototype.onGetOutputs=function(){return[["sin","number"],["cos","number"],["tan","number"],["asin","number"],["acos","number"],["atan","number"]]};p.registerNodeType("math/trigonometry",d);p.registerSearchboxExtra("math/trigonometry","SIN()",{outputs:[["sin","number"]],title:"SIN()"});p.registerSearchboxExtra("math/trigonometry","COS()",{outputs:[["cos","number"]],title:"COS()"});p.registerSearchboxExtra("math/trigonometry","TAN()",{outputs:[["tan","number"]],title:"TAN()"});e.title=
+"Formula";e.desc="Compute formula";e.size=[160,100];K.prototype.onPropertyChanged=function(a,b){"formula"==a&&(this.code_widget.value=b)};e.prototype.onExecute=function(){if(p.allow_scripts){var a=this.getInputData(0),b=this.getInputData(1);null!=a?this.properties.x=a:a=this.properties.x;null!=b?this.properties.y=b:b=this.properties.y;var c;try{this._func&&this._func_code==this.properties.formula||(this._func=new Function("x","y","TIME","return "+this.properties.formula),this._func_code=this.properties.formula),
+c=this._func(a,b,this.graph.globaltime),this.boxcolor=null}catch(d){this.boxcolor="red"}this.setOutputData(0,c)}};e.prototype.getTitle=function(){return this._func_code||"Formula"};e.prototype.onDrawBackground=function(){var a=this.properties.formula;this.outputs&&this.outputs.length&&(this.outputs[0].label=a)};p.registerNodeType("math/formula",e);g.title="Vec2->XY";g.desc="vector 2 to components";g.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&(this.setOutputData(0,a[0]),this.setOutputData(1,
+a[1]))};p.registerNodeType("math3d/vec2-to-xy",g);f.title="XY->Vec2";f.desc="components to vector2";f.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.x);var b=this.getInputData(1);null==b&&(b=this.properties.y);var c=this._data;c[0]=a;c[1]=b;this.setOutputData(0,c)};p.registerNodeType("math3d/xy-to-vec2",f);m.title="Vec3->XYZ";m.desc="vector 3 to components";m.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&(this.setOutputData(0,a[0]),this.setOutputData(1,
+a[1]),this.setOutputData(2,a[2]))};p.registerNodeType("math3d/vec3-to-xyz",m);q.title="XYZ->Vec3";q.desc="components to vector3";q.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.x);var b=this.getInputData(1);null==b&&(b=this.properties.y);var c=this.getInputData(2);null==c&&(c=this.properties.z);var d=this._data;d[0]=a;d[1]=b;d[2]=c;this.setOutputData(0,d)};p.registerNodeType("math3d/xyz-to-vec3",q);D.title="Vec4->XYZW";D.desc="vector 4 to components";D.prototype.onExecute=
+function(){var a=this.getInputData(0);null!=a&&(this.setOutputData(0,a[0]),this.setOutputData(1,a[1]),this.setOutputData(2,a[2]),this.setOutputData(3,a[3]))};p.registerNodeType("math3d/vec4-to-xyzw",D);s.title="XYZW->Vec4";s.desc="components to vector4";s.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.x);var b=this.getInputData(1);null==b&&(b=this.properties.y);var c=this.getInputData(2);null==c&&(c=this.properties.z);var d=this.getInputData(3);null==d&&(d=this.properties.w);
+var e=this._data;e[0]=a;e[1]=b;e[2]=c;e[3]=d;this.setOutputData(0,e)};p.registerNodeType("math3d/xyzw-to-vec4",s)})(this);
+(function(B){function n(){this.addInput("","string");this.addOutput("table","table");this.addOutput("rows","number");this.addProperty("value","");this.addProperty("separator",",");this._table=null}B=B.LiteGraph;B.wrapFunctionAsNode("string/toString",function(n){if(n&&n.constructor===Object)try{return JSON.stringify(n)}catch(l){}return String(n)},[""],"String");B.wrapFunctionAsNode("string/compare",function(n,l){return n==l},["string","string"],"boolean");B.wrapFunctionAsNode("string/concatenate",
+function(n,l){return void 0===n?l:void 0===l?n:n+l},["string","string"],"string");B.wrapFunctionAsNode("string/contains",function(n,l){return void 0===n||void 0===l?!1:-1!=n.indexOf(l)},["string","string"],"boolean");B.wrapFunctionAsNode("string/toUpperCase",function(n){return null!=n&&n.constructor===String?n.toUpperCase():n},["string"],"string");B.wrapFunctionAsNode("string/split",function(n,l){null==l&&(l=this.properties.separator);if(null==n)return[];if(n.constructor===String)return n.split(l||
+" ");if(n.constructor===Array){for(var r=[],v=0;v<n.length;++v)r[v]=n[v].split(l||" ");return r}return null},["string,array","string"],"array",{separator:","});B.wrapFunctionAsNode("string/toFixed",function(n){return null!=n&&n.constructor===Number?n.toFixed(this.properties.precision):n},["number"],"string",{precision:0});n.title="toTable";n.desc="Splits a string to table";n.prototype.onExecute=function(){var n=this.getInputData(0);if(n){var l=this.properties.separator||",";if(n!=this._str||l!=this._last_separator)this._last_separator=
+l,this._str=n,this._table=n.split("\n").map(function(r){return r.trim().split(l)});this.setOutputData(0,this._table);this.setOutputData(1,this._table?this._table.length:0)}};B.registerNodeType("string/toTable",n)})(this);
+(function(B){function n(){this.addInput("sel","number");this.addInput("A");this.addInput("B");this.addInput("C");this.addInput("D");this.addOutput("out");this.selected=0}function u(){this.properties={sequence:"A,B,C"};this.addInput("index","number");this.addInput("seq");this.addOutput("out");this.index=0;this.values=this.properties.sequence.split(",")}var l=B.LiteGraph;n.title="Selector";n.desc="selects an output";n.prototype.onDrawBackground=function(r){if(!this.flags.collapsed){r.fillStyle="#AFB";
+var n=(this.selected+1)*l.NODE_SLOT_HEIGHT+6;r.beginPath();r.moveTo(50,n);r.lineTo(50,n+l.NODE_SLOT_HEIGHT);r.lineTo(34,n+0.5*l.NODE_SLOT_HEIGHT);r.fill()}};n.prototype.onExecute=function(){var l=this.getInputData(0);if(null==l||l.constructor!==Number)l=0;this.selected=l=Math.round(l)%(this.inputs.length-1);l=this.getInputData(l+1);void 0!==l&&this.setOutputData(0,l)};n.prototype.onGetInputs=function(){return[["E",0],["F",0],["G",0],["H",0]]};l.registerNodeType("logic/selector",n);u.title="Sequence";
+u.desc="select one element from a sequence from a string";u.prototype.onPropertyChanged=function(l,n){"sequence"==l&&(this.values=n.split(","))};u.prototype.onExecute=function(){var l=this.getInputData(1);l&&l!=this.current_sequence&&(this.values=l.split(","),this.current_sequence=l);l=this.getInputData(0);null==l&&(l=0);this.index=l=Math.round(l)%this.values.length;this.setOutputData(0,this.values[l])};l.registerNodeType("logic/sequence",u)})(this);
+(function(B){function n(){this.size=[60,20];this.addInput("send",l.ACTION);this.addOutput("received",l.EVENT);this.addInput("in",0);this.addOutput("out",0);this.properties={url:"",room:"lgraph",only_send_changes:!0};this._ws=null;this._last_sent_data=[];this._last_received_data=[]}function u(){this.room_widget=this.addWidget("text","Room","lgraph",this.setRoom.bind(this));this.addWidget("button","Reconnect",null,this.connectSocket.bind(this));this.addInput("send",l.ACTION);this.addOutput("received",
+l.EVENT);this.addInput("in",0);this.addOutput("out",0);this.properties={url:"tamats.com:55000",room:"lgraph",only_send_changes:!0};this._server=null;this.connectSocket();this._last_sent_data=[];this._last_received_data=[];"undefined"==typeof SillyClient&&console.warn("remember to add SillyClient.js to your project: https://tamats.com/projects/sillyserver/src/sillyclient.js")}var l=B.LiteGraph;n.title="WebSocket";n.desc="Send data through a websocket";n.prototype.onPropertyChanged=function(l,n){"url"==
+l&&this.connectSocket()};n.prototype.onExecute=function(){!this._ws&&this.properties.url&&this.connectSocket();if(this._ws&&this._ws.readyState==WebSocket.OPEN){for(var l=this.properties.room,n=this.properties.only_send_changes,k=1;k<this.inputs.length;++k){var u=this.getInputData(k);if(null!=u){var y;try{y=JSON.stringify({type:0,room:l,channel:k,data:u})}catch(A){continue}n&&this._last_sent_data[k]==y||(this._last_sent_data[k]=y,this._ws.send(y))}}for(k=1;k<this.outputs.length;++k)this.setOutputData(k,
+this._last_received_data[k]);"#AFA"==this.boxcolor&&(this.boxcolor="#6C6")}};n.prototype.connectSocket=function(){var r=this,n=this.properties.url;"ws"!=n.substr(0,2)&&(n="ws://"+n);this._ws=new WebSocket(n);this._ws.onopen=function(){console.log("ready");r.boxcolor="#6C6"};this._ws.onmessage=function(k){r.boxcolor="#AFA";k=JSON.parse(k.data);if(!k.room||k.room==r.properties.room)if(1==k.type)if(k.data.object_class&&l[k.data.object_class]){var n=null;try{n=new l[k.data.object_class](k.data),r.triggerSlot(0,
+n)}catch(v){}}else r.triggerSlot(0,k.data);else r._last_received_data[k.channel||0]=k.data};this._ws.onerror=function(k){console.log("couldnt connect to websocket");r.boxcolor="#E88"};this._ws.onclose=function(k){console.log("connection closed");r.boxcolor="#000"}};n.prototype.send=function(l){this._ws&&this._ws.readyState==WebSocket.OPEN&&this._ws.send(JSON.stringify({type:1,msg:l}))};n.prototype.onAction=function(l,n){this._ws&&this._ws.readyState==WebSocket.OPEN&&this._ws.send({type:1,room:this.properties.room,
+action:l,data:n})};n.prototype.onGetInputs=function(){return[["in",0]]};n.prototype.onGetOutputs=function(){return[["out",0]]};l.registerNodeType("network/websocket",n);u.title="SillyClient";u.desc="Connects to SillyServer to broadcast messages";u.prototype.onPropertyChanged=function(l,n){"room"==l&&(this.room_widget.value=n);this.connectSocket()};u.prototype.setRoom=function(l){this.properties.room=l;this.room_widget.value=l;this.connectSocket()};u.prototype.onDrawForeground=function(){for(var l=
+1;l<this.inputs.length;++l){var n=this.inputs[l];n.label="in_"+l}for(l=1;l<this.outputs.length;++l)n=this.outputs[l],n.label="out_"+l};u.prototype.onExecute=function(){if(this._server&&this._server.is_connected){for(var l=this.properties.only_send_changes,n=1;n<this.inputs.length;++n){var k=this.getInputData(n),u=this._last_sent_data[n];if(null!=k){if(l){var y=!0;if(k&&k.length&&u&&u.length==k.length&&k.constructor!==String)for(var A=0;A<k.length;++A){if(u[A]!=k[A]){y=!1;break}}else this._last_sent_data[n]!=
+k&&(y=!1);if(y)continue}this._server.sendMessage({type:0,channel:n,data:k});if(k.length&&k.constructor!==String)if(this._last_sent_data[n])for(this._last_sent_data[n].length=k.length,A=0;A<k.length;++A)this._last_sent_data[n][A]=k[A];else this._last_sent_data[n]=k.constructor===Array?k.concat():new k.constructor(k);else this._last_sent_data[n]=k}}for(n=1;n<this.outputs.length;++n)this.setOutputData(n,this._last_received_data[n]);"#AFA"==this.boxcolor&&(this.boxcolor="#6C6")}};u.prototype.connectSocket=
+function(){var n=this;if("undefined"==typeof SillyClient)this._error||console.error("SillyClient node cannot be used, you must include SillyServer.js"),this._error=!0;else if(this._server=new SillyClient,this._server.on_ready=function(){console.log("ready");n.boxcolor="#6C6"},this._server.on_message=function(k,v){var u=null;try{u=JSON.parse(v)}catch(A){return}if(1==u.type)if(u.data.object_class&&l[u.data.object_class]){var x=null;try{x=new l[u.data.object_class](u.data),n.triggerSlot(0,x)}catch(B){return}}else n.triggerSlot(0,
+u.data);else n._last_received_data[u.channel||0]=u.data;n.boxcolor="#AFA"},this._server.on_error=function(k){console.log("couldnt connect to websocket");n.boxcolor="#E88"},this._server.on_close=function(k){console.log("connection closed");n.boxcolor="#000"},this.properties.url&&this.properties.room){try{this._server.connect(this.properties.url,this.properties.room)}catch(v){console.error("SillyServer error: "+v);this._server=null;return}this._final_url=this.properties.url+"/"+this.properties.room}};
+u.prototype.send=function(l){this._server&&this._server.is_connected&&this._server.sendMessage({type:1,data:l})};u.prototype.onAction=function(l,n){this._server&&this._server.is_connected&&this._server.sendMessage({type:1,action:l,data:n})};u.prototype.onGetInputs=function(){return[["in",0]]};u.prototype.onGetOutputs=function(){return[["out",0]]};l.registerNodeType("network/sillyclient",u)})(this);
diff --git a/css/litegraph.css b/css/litegraph.css
index 6dff5e628..51fa4a18f 100755
--- a/css/litegraph.css
+++ b/css/litegraph.css
@@ -6,6 +6,11 @@
     -moz-user-select: none;
     -webkit-user-select: none;
 	outline: none;
+    font-family: Tahoma, sans-serif;
+}
+
+.lgraphcanvas * {
+    box-sizing: border-box;
 }
 
 .litegraph.litecontextmenu {
@@ -343,6 +348,7 @@
 }
 
 .litegraph .dialog .btn {
+	border: 0;
 	border-radius: 4px;
     padding: 4px 20px;
     margin-left: 0px;
diff --git a/editor/js/code.js b/editor/js/code.js
index 398181d1c..28c8dc442 100644
--- a/editor/js/code.js
+++ b/editor/js/code.js
@@ -20,7 +20,7 @@ LiteGraph.allow_scripts = true;
 //create scene selector
 var elem = document.createElement("span");
 elem.className = "selector";
-elem.innerHTML = "Demo <select><option>Empty</option></select> <button class='btn' id='save'>Save</button><button class='btn' id='load'>Load</button><button class='btn' id='download'>Download</button> | <button class='btn' id='webgl'>WebGL</button>";
+elem.innerHTML = "Demo <select><option>Empty</option></select> <button class='btn' id='save'>Save</button><button class='btn' id='load'>Load</button><button class='btn' id='download'>Download</button> | <button class='btn' id='webgl'>WebGL</button> <button class='btn' id='multiview'>Multiview</button>";
 editor.tools.appendChild(elem);
 var select = elem.querySelector("select");
 select.addEventListener("change", function(e){
@@ -62,6 +62,7 @@ elem.querySelector("#download").addEventListener("click",function(){
 });
 
 elem.querySelector("#webgl").addEventListener("click", enableWebGL );
+elem.querySelector("#multiview").addEventListener("click", function(){ editor.addMultiview()  } );
 
 
 function addDemo( name, url )
diff --git a/src/litegraph-editor.js b/src/litegraph-editor.js
index e8ddb80b5..d47ad6f42 100755
--- a/src/litegraph-editor.js
+++ b/src/litegraph-editor.js
@@ -16,11 +16,11 @@ function Editor(container_id, options) {
     this.content = root.querySelector(".content");
     this.footer = root.querySelector(".footer");
 
-    var canvas = root.querySelector(".graphcanvas");
+    var canvas = this.canvas = root.querySelector(".graphcanvas");
 
     //create graph
     var graph = (this.graph = new LGraph());
-    var graphcanvas = (this.graphcanvas = new LGraphCanvas(canvas, graph));
+    var graphcanvas = this.graphcanvas = new LGraphCanvas(canvas, graph);
     graphcanvas.background_image = "imgs/grid.png";
     graph.onAfterExecute = function() {
         graphcanvas.draw(true);
@@ -267,4 +267,17 @@ Editor.prototype.addMiniWindow = function(w, h) {
     this.root.querySelector(".content").appendChild(miniwindow);
 };
 
+Editor.prototype.addMultiview = function()
+{
+	var canvas = this.canvas;
+	this.graphcanvas.ctx.fillStyle = "black";
+	this.graphcanvas.ctx.fillRect(0,0,canvas.width,canvas.height);
+	this.graphcanvas.viewport = [0,0,canvas.width*0.5-2,canvas.height];
+
+	var graphcanvas = new LGraphCanvas( canvas, this.graph );
+    graphcanvas.background_image = "imgs/grid.png";
+    this.graphcanvas2 = graphcanvas;
+	this.graphcanvas2.viewport = [canvas.width*0.5,0,canvas.width*0.5,canvas.height];
+}
+
 LiteGraph.Editor = Editor;
diff --git a/src/litegraph.js b/src/litegraph.js
index 47e002625..894cc5d24 100755
--- a/src/litegraph.js
+++ b/src/litegraph.js
@@ -4484,25 +4484,18 @@ LGraphNode.prototype.executeAction = function(action)
         e.canvasy = y;
         e.dragging = this.dragging;
 
+		var is_inside = !this.viewport || ( this.viewport && x >= this.viewport[0] && x < (this.viewport[0] + this.viewport[2]) && y >= this.viewport[1] && y < (this.viewport[1] + this.viewport[3]) );
+
         var ignore = false;
         if (this.onmouse) {
             ignore = this.onmouse(e);
         }
 
-        if (e.type == "mousedown") {
+        if (e.type == "mousedown" && is_inside) {
             this.dragging = true;
-            canvas.removeEventListener(
-                "mousemove",
-                this._binded_mouse_callback
-            );
-            document.body.addEventListener(
-                "mousemove",
-                this._binded_mouse_callback
-            );
-            document.body.addEventListener(
-                "mouseup",
-                this._binded_mouse_callback
-            );
+            canvas.removeEventListener( "mousemove", this._binded_mouse_callback );
+            document.body.addEventListener( "mousemove", this._binded_mouse_callback );
+            document.body.addEventListener( "mouseup", this._binded_mouse_callback );
         } else if (e.type == "mousemove") {
             if (!ignore) {
                 var deltax = x - this.last_mouse[0];
@@ -4513,19 +4506,13 @@ LGraphNode.prototype.executeAction = function(action)
             }
         } else if (e.type == "mouseup") {
             this.dragging = false;
-            document.body.removeEventListener(
-                "mousemove",
-                this._binded_mouse_callback
-            );
-            document.body.removeEventListener(
-                "mouseup",
-                this._binded_mouse_callback
-            );
-            canvas.addEventListener("mousemove", this._binded_mouse_callback);
-        } else if (
-            e.type == "mousewheel" ||
+            document.body.removeEventListener( "mousemove", this._binded_mouse_callback );
+            document.body.removeEventListener( "mouseup", this._binded_mouse_callback );
+            canvas.addEventListener("mousemove", this._binded_mouse_callback );
+        } else if ( is_inside &&
+            (e.type == "mousewheel" ||
             e.type == "wheel" ||
-            e.type == "DOMMouseScroll"
+            e.type == "DOMMouseScroll")
         ) {
             e.eventType = "mousewheel";
             if (e.type == "wheel") {
@@ -4547,9 +4534,12 @@ LGraphNode.prototype.executeAction = function(action)
         this.last_mouse[0] = x;
         this.last_mouse[1] = y;
 
-        e.preventDefault();
-        e.stopPropagation();
-        return false;
+		if(is_inside)
+		{
+	        e.preventDefault();
+		    e.stopPropagation();
+		    return false;
+		}
     };
 
     DragAndScale.prototype.toCanvasContext = function(ctx) {
@@ -4650,7 +4640,7 @@ LGraphNode.prototype.executeAction = function(action)
      * @param {Object} options [optional] { skip_rendering, autoresize, viewport }
      */
     function LGraphCanvas(canvas, graph, options) {
-        options = options || {};
+        this.options = options = options || {};
 
         //if(graph === undefined)
         //	throw ("No graph assigned");
@@ -4749,7 +4739,7 @@ LGraphNode.prototype.executeAction = function(action)
             graph.attachCanvas(this);
         }
 
-        this.setCanvas(canvas);
+        this.setCanvas(canvas,options.skip_events);
         this.clear();
 
         if (!options.skip_render) {
@@ -5233,25 +5223,25 @@ LGraphNode.prototype.executeAction = function(action)
         LGraphCanvas.active_canvas = this;
         var that = this;
 
-        //move mouse move event to the window in case it drags outside of the canvas
-        this.canvas.removeEventListener("mousemove", this._mousemove_callback);
-        ref_window.document.addEventListener(
-            "mousemove",
-            this._mousemove_callback,
-            true
-        ); //catch for the entire window
-        ref_window.document.addEventListener(
-            "mouseup",
-            this._mouseup_callback,
-            true
-        );
+		var x = e.localX;
+		var y = e.localY;
+		//console.log(y,this.viewport);
 
-        var node = this.graph.getNodeOnPos(
-            e.canvasX,
-            e.canvasY,
-            this.visible_nodes,
-            5
-        );
+		this.ds.viewport = this.viewport;
+		var is_inside = !this.viewport || ( this.viewport && x >= this.viewport[0] && x < (this.viewport[0] + this.viewport[2]) && y >= this.viewport[1] && y < (this.viewport[1] + this.viewport[3]) );
+
+        //move mouse move event to the window in case it drags outside of the canvas
+		if(!this.options.skip_events)
+		{
+			this.canvas.removeEventListener("mousemove", this._mousemove_callback);
+			ref_window.document.addEventListener( "mousemove", this._mousemove_callback, true ); //catch for the entire window
+			ref_window.document.addEventListener( "mouseup", this._mouseup_callback, true );
+		}
+
+		if(!is_inside)
+			return;
+
+        var node = this.graph.getNodeOnPos( e.canvasX, e.canvasY, this.visible_nodes, 5 );
         var skip_dragging = false;
         var skip_action = false;
         var now = LiteGraph.getTime();
@@ -5295,11 +5285,7 @@ LGraphNode.prototype.executeAction = function(action)
                 } //if it wasn't selected?
 
                 //not dragging mouse to connect two slots
-                if (
-                    !this.connecting_node &&
-                    !node.flags.collapsed &&
-                    !this.live_mode
-                ) {
+                if ( !this.connecting_node && !node.flags.collapsed && !this.live_mode ) {
                     //Search for corner for resize
                     if (
                         !skip_action &&
@@ -5320,11 +5306,7 @@ LGraphNode.prototype.executeAction = function(action)
                     } else {
                         //search for outputs
                         if (node.outputs) {
-                            for (
-                                var i = 0, l = node.outputs.length;
-                                i < l;
-                                ++i
-                            ) {
+                            for ( var i = 0, l = node.outputs.length; i < l; ++i ) {
                                 var output = node.outputs[i];
                                 var link_pos = node.getConnectionPos(false, i);
                                 if (
@@ -5364,11 +5346,7 @@ LGraphNode.prototype.executeAction = function(action)
 
                         //search for inputs
                         if (node.inputs) {
-                            for (
-                                var i = 0, l = node.inputs.length;
-                                i < l;
-                                ++i
-                            ) {
+                            for ( var i = 0, l = node.inputs.length; i < l; ++i ) {
                                 var input = node.inputs[i];
                                 var link_pos = node.getConnectionPos(true, i);
                                 if (
@@ -5806,9 +5784,12 @@ LGraphNode.prototype.executeAction = function(action)
         LGraphCanvas.active_canvas = this;
 
         //restore the mousemove event back to the canvas
-        document.removeEventListener("mousemove",this._mousemove_callback,true);
-        this.canvas.addEventListener("mousemove",this._mousemove_callback,true);
-        document.removeEventListener("mouseup", this._mouseup_callback, true);
+		if(!this.options.skip_events)
+		{
+			document.removeEventListener("mousemove",this._mousemove_callback,true);
+			this.canvas.addEventListener("mousemove",this._mousemove_callback,true);
+			document.removeEventListener("mouseup", this._mouseup_callback, true);
+		}
 
         this.adjustMouseEvent(e);
         var now = LiteGraph.getTime();
@@ -6056,6 +6037,12 @@ LGraphNode.prototype.executeAction = function(action)
 
         this.adjustMouseEvent(e);
 
+		var x = e.localX;
+		var y = e.localY;
+		var is_inside = !this.viewport || ( this.viewport && x >= this.viewport[0] && x < (this.viewport[0] + this.viewport[2]) && y >= this.viewport[1] && y < (this.viewport[1] + this.viewport[3]) );
+		if(!is_inside)
+			return;
+
         var scale = this.ds.scale;
 
         if (delta > 0) {
@@ -6328,8 +6315,15 @@ LGraphNode.prototype.executeAction = function(action)
     LGraphCanvas.prototype.processDrop = function(e) {
         e.preventDefault();
         this.adjustMouseEvent(e);
+		var x = e.localX;
+		var y = e.localY;
+		var is_inside = !this.viewport || ( this.viewport && x >= this.viewport[0] && x < (this.viewport[0] + this.viewport[2]) && y >= this.viewport[1] && y < (this.viewport[1] + this.viewport[3]) );
+		if(!is_inside)
+			return;
 
         var pos = [e.canvasX, e.canvasY];
+
+
         var node = this.graph ? this.graph.getNodeOnPos(pos[0], pos[1]) : null;
 
         if (!node) {
@@ -6802,15 +6796,12 @@ LGraphNode.prototype.executeAction = function(action)
             return;
         }
 
-        if (ctx.start2D) {
-            ctx.start2D();
-        }
-
         var canvas = this.canvas;
-
-        //reset in case of error
-        ctx.restore();
-        ctx.setTransform(1, 0, 0, 1, 0, 0);
+        if ( ctx.start2D && !this.viewport ) {
+            ctx.start2D();
+			ctx.restore();
+			ctx.setTransform(1, 0, 0, 1, 0, 0);
+        }
 
         //clip dirty area if there is one, otherwise work in full canvas
 		var area = this.viewport || this.dirty_area;
@@ -6824,7 +6815,10 @@ LGraphNode.prototype.executeAction = function(action)
         //clear
         //canvas.width = canvas.width;
         if (this.clear_background) {
-            ctx.clearRect(0, 0, canvas.width, canvas.height);
+			if(area)
+	            ctx.clearRect( area[0],area[1],area[2],area[3] );
+			else
+	            ctx.clearRect(0, 0, canvas.width, canvas.height);
         }
 
         //draw bg canvas
@@ -7147,6 +7141,7 @@ LGraphNode.prototype.executeAction = function(action)
 
         ctx.font = "10px Arial";
         ctx.fillStyle = "#888";
+		ctx.textAlign = "left";
         if (this.graph) {
             ctx.fillText( "T: " + this.graph.globaltime.toFixed(2) + "s", 5, 13 * 1 );
             ctx.fillText("I: " + this.graph.iteration, 5, 13 * 2 );
@@ -7219,8 +7214,11 @@ LGraphNode.prototype.executeAction = function(action)
         }
 
         //reset in case of error
-        ctx.restore();
-        ctx.setTransform(1, 0, 0, 1, 0, 0);
+        if ( !this.viewport )
+		{
+	        ctx.restore();
+		    ctx.setTransform(1, 0, 0, 1, 0, 0);
+		}
         this.visible_links.length = 0;
 
         if (this.graph) {
@@ -10231,7 +10229,8 @@ LGraphNode.prototype.executeAction = function(action)
 
 		root.close = function()
 		{
-			this.parentNode.removeChild(this);
+			if(this.parentNode)
+				this.parentNode.removeChild(this);
 		}
 
 		root.clear = function()
diff --git a/utils/build.sh b/utils/build.sh
index a5b382e83..bcb7c1d23 100755
--- a/utils/build.sh
+++ b/utils/build.sh
@@ -1,3 +1,4 @@
 cd "$(dirname "$0")"
 python builder.py deploy_files.txt -o ../build/litegraph.min.js -o2 ../build/litegraph.js
+python builder.py deploy_files_mini.txt -o ../build/litegraph_mini.min.js -o2 ../build/litegraph_mini.js
 chmod a+rw ../build/* 
diff --git a/utils/deploy_files_mini.txt b/utils/deploy_files_mini.txt
new file mode 100644
index 000000000..c4f128215
--- /dev/null
+++ b/utils/deploy_files_mini.txt
@@ -0,0 +1,8 @@
+../src/litegraph.js
+../src/nodes/base.js
+../src/nodes/events.js
+../src/nodes/input.js
+../src/nodes/math.js
+../src/nodes/strings.js
+../src/nodes/logic.js
+../src/nodes/network.js
diff --git a/utils/pack.sh b/utils/pack.sh
index 05dd91832..0b91fa658 100755
--- a/utils/pack.sh
+++ b/utils/pack.sh
@@ -1,3 +1,4 @@
 cd "$(dirname "$0")"
 python builder.py deploy_files.txt -o ../build/litegraph.min.js -o2 ../build/litegraph.js --nomin
+python builder.py deploy_files_mini.txt -o ../build/litegraph_mini.min.js -o2 ../build/litegraph_mini.js --nomin
 chmod a+rw ../build/*