diff --git a/js/render_retejs_canvas.js b/js/render_retejs_canvas.js
index e31fbf8..4c09a30 100644
--- a/js/render_retejs_canvas.js
+++ b/js/render_retejs_canvas.js
@@ -103,6 +103,7 @@ for (let nodeName in drupalSettings.if_then_else.nodes) {
           outputObject['description'] = node.outputs[name].description;
 					eventNode.addOutput(outputObject);
 				}
+        eventNode['description'] = node.description;
 			}
 			worker(eventNode, inputs, outputs) {
 				//outputs['form'] = eventNode.data.event;
diff --git a/js/vue-render-plugin.min.js b/js/vue-render-plugin.min.js
index 2fea02b..d840dee 100644
--- a/js/vue-render-plugin.min.js
+++ b/js/vue-render-plugin.min.js
@@ -3,5 +3,5 @@
 * (c) 2019 Vitaliy Stoliarov 
 * Released under the MIT license.
 */
-var runtime=function(i){"use strict";var c,t=Object.prototype,u=t.hasOwnProperty,n="function"==typeof Symbol?Symbol:{},o=n.iterator||"@@iterator",e=n.asyncIterator||"@@asyncIterator",r=n.toStringTag||"@@toStringTag";function a(t,n,e,r){var o=n&&n.prototype instanceof s?n:s,i=Object.create(o.prototype),a=new B(r||[]);return i._invoke=function(i,a,s){var c=p;return function(t,n){if(c===A)throw new Error("Generator is already running");if(c===f){if("throw"===t)throw n;return L()}for(s.method=t,s.arg=n;;){var e=s.delegate;if(e){var r=C(e,s);if(r){if(r===v)continue;return r}}if("next"===s.method)s.sent=s._sent=s.arg;else if("throw"===s.method){if(c===p)throw c=f,s.arg;s.dispatchException(s.arg)}else"return"===s.method&&s.abrupt("return",s.arg);c=A;var o=l(i,a,s);if("normal"===o.type){if(c=s.done?f:d,o.arg===v)continue;return{value:o.arg,done:s.done}}"throw"===o.type&&(c=f,s.method="throw",s.arg=o.arg)}}}(t,e,a),i}function l(t,n,e){try{return{type:"normal",arg:t.call(n,e)}}catch(t){return{type:"throw",arg:t}}}i.wrap=a;var p="suspendedStart",d="suspendedYield",A="executing",f="completed",v={};function s(){}function h(){}function m(){}var g={};g[o]=function(){return this};var b=Object.getPrototypeOf,x=b&&b(b(S([])));x&&x!==t&&u.call(x,o)&&(g=x);var y=m.prototype=s.prototype=Object.create(g);function k(t){["next","throw","return"].forEach(function(n){t[n]=function(t){return this._invoke(n,t)}})}function w(c){var n;this._invoke=function(e,r){function t(){return new Promise(function(t,n){!function n(t,e,r,o){var i=l(c[t],c,e);if("throw"!==i.type){var a=i.arg,s=a.value;return s&&"object"==typeof s&&u.call(s,"__await")?Promise.resolve(s.__await).then(function(t){n("next",t,r,o)},function(t){n("throw",t,r,o)}):Promise.resolve(s).then(function(t){a.value=t,r(a)},function(t){return n("throw",t,r,o)})}o(i.arg)}(e,r,t,n)})}return n=n?n.then(t,t):t()}}function C(t,n){var e=t.iterator[n.method];if(e===c){if(n.delegate=null,"throw"===n.method){if(t.iterator.return&&(n.method="return",n.arg=c,C(t,n),"throw"===n.method))return v;n.method="throw",n.arg=new TypeError("The iterator does not provide a 'throw' method")}return v}var r=l(e,t.iterator,n.arg);if("throw"===r.type)return n.method="throw",n.arg=r.arg,n.delegate=null,v;var o=r.arg;return o?o.done?(n[t.resultName]=o.value,n.next=t.nextLoc,"return"!==n.method&&(n.method="next",n.arg=c),n.delegate=null,v):o:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,v)}function _(t){var n={tryLoc:t[0]};1 in t&&(n.catchLoc=t[1]),2 in t&&(n.finallyLoc=t[2],n.afterLoc=t[3]),this.tryEntries.push(n)}function E(t){var n=t.completion||{};n.type="normal",delete n.arg,t.completion=n}function B(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(_,this),this.reset(!0)}function S(n){if(n){var t=n[o];if(t)return t.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var e=-1,r=function t(){for(;++e<n.length;)if(u.call(n,e))return t.value=n[e],t.done=!1,t;return t.value=c,t.done=!0,t};return r.next=r}}return{next:L}}function L(){return{value:c,done:!0}}return h.prototype=y.constructor=m,m.constructor=h,m[r]=h.displayName="GeneratorFunction",i.isGeneratorFunction=function(t){var n="function"==typeof t&&t.constructor;return!!n&&(n===h||"GeneratorFunction"===(n.displayName||n.name))},i.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,m):(t.__proto__=m,r in t||(t[r]="GeneratorFunction")),t.prototype=Object.create(y),t},i.awrap=function(t){return{__await:t}},k(w.prototype),w.prototype[e]=function(){return this},i.AsyncIterator=w,i.async=function(t,n,e,r){var o=new w(a(t,n,e,r));return i.isGeneratorFunction(n)?o:o.next().then(function(t){return t.done?t.value:o.next()})},k(y),y[r]="Generator",y[o]=function(){return this},y.toString=function(){return"[object Generator]"},i.keys=function(e){var r=[];for(var t in e)r.push(t);return r.reverse(),function t(){for(;r.length;){var n=r.pop();if(n in e)return t.value=n,t.done=!1,t}return t.done=!0,t}},i.values=S,B.prototype={constructor:B,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=c,this.done=!1,this.delegate=null,this.method="next",this.arg=c,this.tryEntries.forEach(E),!t)for(var n in this)"t"===n.charAt(0)&&u.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=c)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var r=this;function t(t,n){return i.type="throw",i.arg=e,r.next=t,n&&(r.method="next",r.arg=c),!!n}for(var n=this.tryEntries.length-1;0<=n;--n){var o=this.tryEntries[n],i=o.completion;if("root"===o.tryLoc)return t("end");if(o.tryLoc<=this.prev){var a=u.call(o,"catchLoc"),s=u.call(o,"finallyLoc");if(a&&s){if(this.prev<o.catchLoc)return t(o.catchLoc,!0);if(this.prev<o.finallyLoc)return t(o.finallyLoc)}else if(a){if(this.prev<o.catchLoc)return t(o.catchLoc,!0)}else{if(!s)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return t(o.finallyLoc)}}}},abrupt:function(t,n){for(var e=this.tryEntries.length-1;0<=e;--e){var r=this.tryEntries[e];if(r.tryLoc<=this.prev&&u.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var o=r;break}}o&&("break"===t||"continue"===t)&&o.tryLoc<=n&&n<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=t,i.arg=n,o?(this.method="next",this.next=o.finallyLoc,v):this.complete(i)},complete:function(t,n){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&n&&(this.next=n),v},finish:function(t){for(var n=this.tryEntries.length-1;0<=n;--n){var e=this.tryEntries[n];if(e.finallyLoc===t)return this.complete(e.completion,e.afterLoc),E(e),v}},catch:function(t){for(var n=this.tryEntries.length-1;0<=n;--n){var e=this.tryEntries[n];if(e.tryLoc===t){var r=e.completion;if("throw"===r.type){var o=r.arg;E(e)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,n,e){return this.delegate={iterator:S(t),resultName:n,nextLoc:e},"next"===this.method&&(this.arg=c),v}},i}("object"==typeof module?module.exports:{});try{regeneratorRuntime=runtime}catch(t){Function("r","regeneratorRuntime = r")(runtime)}!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],n):n(t.VueRenderPlugin={},t.Vue)}(this,function(t,i){"use strict";function c(t,n,e,r,o,i,a){try{var s=t[i](a),c=s.value}catch(t){return void e(t)}s.done?n(c):Promise.resolve(c).then(r,o)}function u(s){return function(){var t=this,a=arguments;return new Promise(function(n,e){var r=s.apply(t,a);function o(t){c(r,n,e,o,i,"next",t)}function i(t){c(r,n,e,o,i,"throw",t)}o(void 0)})}}function l(o){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{},n=Object.keys(i);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(i).filter(function(t){return Object.getOwnPropertyDescriptor(i,t).enumerable}))),n.forEach(function(t){var n,e,r;n=o,r=i[e=t],e in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r})}return o}(i=i&&i.hasOwnProperty("default")?i.default:i).filter("kebab",function(t){var n=function(t){return t.toLowerCase().replace(/ /g,"-")};return Array.isArray(t)?t.map(n):n(t)});var n={props:["node","editor","bindSocket","bindControl"],methods:{inputs:function(){return Array.from(this.node.inputs.values())},outputs:function(){return Array.from(this.node.outputs.values())},controls:function(){return Array.from(this.node.controls.values())},selected:function(){return this.editor.selected.contains(this.node)?"selected":""}},directives:{socket:{bind:function(t,n,e){e.context.bindSocket(t,n.arg,n.value)},update:function(t,n,e){e.context.bindSocket(t,n.arg,n.value)}},control:{bind:function(t,n,e){n.value&&e.context.bindControl(t,n.value)}}}};var e=function(t,n,e,r,o,i,a,s,c,u){"boolean"!=typeof a&&(c=s,s=a,a=!1);var l,p="function"==typeof e?e.options:e;if(t&&t.render&&(p.render=t.render,p.staticRenderFns=t.staticRenderFns,p._compiled=!0,o&&(p.functional=!0)),r&&(p._scopeId=r),i?(l=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),n&&n.call(this,c(t)),t&&t._registeredComponents&&t._registeredComponents.add(i)},p._ssrRegister=l):n&&(l=a?function(){n.call(this,u(this.$root.$options.shadowRoot))}:function(t){n.call(this,s(t))}),l)if(p.functional){var d=p.render;p.render=function(t,n){return l.call(n),d(t,n)}}else{var A=p.beforeCreate;p.beforeCreate=A?[].concat(A,l):[l]}return e},p="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());var d=document.head||document.getElementsByTagName("head")[0],A={};var r=function(t){return function(t,n){return function(t,n){var e=p?n.media||"default":t,r=A[e]||(A[e]={ids:new Set,styles:[]});if(!r.ids.has(t)){r.ids.add(t);var o=n.source;if(n.map&&(o+="\n/*# sourceURL="+n.map.sources[0]+" */",o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n.map))))+" */"),r.element||(r.element=document.createElement("style"),r.element.type="text/css",n.media&&r.element.setAttribute("media",n.media),d.appendChild(r.element)),"styleSheet"in r.element)r.styles.push(o),r.element.styleSheet.cssText=r.styles.filter(Boolean).join("\n");else{var i=r.ids.size-1,a=document.createTextNode(o),s=r.element.childNodes;s[i]&&r.element.removeChild(s[i]),s.length?r.element.insertBefore(a,s[i]):r.element.appendChild(a)}}}(t,n)}},o={props:["type","socket"]},a=function(){var t=this,n=t.$createElement;return(t._self._c||n)("div",{staticClass:"socket",class:t._f("kebab")([t.type,t.socket.name])})},s=(a._withStripped=!0,e({render:a,staticRenderFns:[]},function(t){t&&t("data-v-f72c2026_0",{source:".socket[data-v-f72c2026] {\n  display: inline-block;\n  cursor: pointer;\n  border: 1px solid white;\n  border-radius: 12px;\n  width: 24px;\n  height: 24px;\n  margin: 6px;\n  vertical-align: middle;\n  background: #96b38a;\n  z-index: 2;\n  box-sizing: border-box;\n}\n.socket[data-v-f72c2026]:hover {\n    border-width: 4px;\n}\n.socket.multiple[data-v-f72c2026] {\n    border-color: yellow;\n}\n.socket.output[data-v-f72c2026] {\n    margin-right: -12px;\n}\n.socket.input[data-v-f72c2026] {\n    margin-left: -12px;\n}\n\n/*# sourceMappingURL=Socket.vue.map */",map:{version:3,sources:["C:\\xampp\\htdocs\\rete-vue\\ifthenelse\\vue-render-plugin\\src\\Socket.vue","Socket.vue"],names:[],mappings:"AAeA;EACA,qBAAA;EACA,eAAA;EACA,uBAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;EACA,WAAA;EACA,sBAAA;EACA,mBAAA;EACA,UAAA;EACA,sBAAA;AAAA;AAXA;IAaA,iBAAA;AAAA;AAbA;IAeA,oBAAA;AAAA;AAfA;IAiBA,mBAAA;AAAA;AAjBA;IAmBA,kBAAA;AAAA;;ACbA,qCAAqC",file:"Socket.vue",sourcesContent:['<template lang="pug">\r\n.socket(\r\n  :class="[type, socket.name] | kebab",\r\n)\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: [\'type\', \'socket\']\r\n}\r\n<\/script>\r\n\r\n<style lang="sass" scoped>\r\n@import "./vars"\r\n\r\n.socket\r\n  display: inline-block\r\n  cursor: pointer\r\n  border: 1px solid white\r\n  border-radius: $socket-size/2.0\r\n  width: $socket-size\r\n  height: $socket-size\r\n  margin: $socket-margin\r\n  vertical-align: middle\r\n  background: $socket-color\r\n  z-index: 2\r\n  box-sizing: border-box\r\n  &:hover\r\n    border-width: 4px\r\n  &.multiple\r\n    border-color: yellow\r\n  &.output\r\n    margin-right: - $socket-size / 2\r\n  &.input\r\n    margin-left: - $socket-size / 2\r\n</style>\r\n',".socket {\n  display: inline-block;\n  cursor: pointer;\n  border: 1px solid white;\n  border-radius: 12px;\n  width: 24px;\n  height: 24px;\n  margin: 6px;\n  vertical-align: middle;\n  background: #96b38a;\n  z-index: 2;\n  box-sizing: border-box; }\n  .socket:hover {\n    border-width: 4px; }\n  .socket.multiple {\n    border-color: yellow; }\n  .socket.output {\n    margin-right: -12px; }\n  .socket.input {\n    margin-left: -12px; }\n\n/*# sourceMappingURL=Socket.vue.map */"]},media:void 0})},o,"data-v-f72c2026",!1,void 0,r,void 0)),f={mixins:[n],components:{Socket:s},data:function(){return{hover:null}}},v=function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"node",class:e._f("kebab")([e.selected(),e.node.name])},[r("div",{staticClass:"title"},[e._v(e._s(e.node.name))]),e._l(e.outputs(),function(n){return r("div",{key:n.key,staticClass:"output tooltip",on:{mouseover:function(t){e.hover=e.node.name+"_ "+n.name},mouseleave:function(t){e.hover=null}}},[r("div",{staticClass:"output-title",class:n.name},[e._v(e._s(n.name))]),e.hover===e.node.name+"_ "+n.name?r("div",{staticClass:"output-tooltip tooltiptext"},[r("div",{staticClass:"socket_type"},[e._v("Type: "+e._s(n.socket.name))]),e._v(" "),r("div",{staticClass:"socket_description"},[e._v(e._s(n.description))])]):e._e(),r("Socket",{directives:[{name:"socket",rawName:"v-socket:output",value:n,expression:"output",arg:"output"}],attrs:{type:"output",socket:n.socket}})],1)}),e._l(e.controls(),function(t){return r("div",{directives:[{name:"control",rawName:"v-control",value:t,expression:"control"}],staticClass:"control"})}),e._l(e.inputs(),function(n){return r("div",{key:n.key,staticClass:"input tooltip",on:{mouseover:function(t){e.hover=e.node.name+"_ "+n.name},mouseleave:function(t){e.hover=null}}},[r("Socket",{directives:[{name:"socket",rawName:"v-socket:input",value:n,expression:"input",arg:"input"}],attrs:{type:"input",socket:n.socket}}),r("div",{directives:[{name:"show",rawName:"v-show",value:!n.showControl(),expression:"!input.showControl()"}],staticClass:"input-title"},[e._v(e._s(n.name))]),e.hover===e.node.name+"_ "+n.name?r("div",{staticClass:"input-tooltip tooltiptext"},[r("div",{staticClass:"socket_type"},[e._v("Type: "+e._s(n.socket.name))]),e._v(" "),r("div",{staticClass:"socket_description"},[e._v(e._s(n.description))])]):e._e(),r("div",{directives:[{name:"show",rawName:"v-show",value:n.showControl(),expression:"input.showControl()"},{name:"control",rawName:"v-control",value:n.control,expression:"input.control"}],staticClass:"input-control"})],1)})],2)},h=(v._withStripped=!0,e({render:v,staticRenderFns:[]},function(t){t&&t("data-v-b2932774_0",{source:".node[data-v-b2932774] {\n  background: rgba(110, 136, 255, 0.8);\n  border: 2px solid #4e58bf;\n  border-radius: 10px;\n  cursor: pointer;\n  min-width: 180px;\n  height: auto;\n  padding-bottom: 6px;\n  box-sizing: content-box;\n  position: relative;\n  user-select: none;\n}\n.node[data-v-b2932774]:hover {\n    background: rgba(130, 153, 255, 0.8);\n}\n.node.selected[data-v-b2932774] {\n    background: #ffd92c;\n    border-color: #e3c000;\n}\n.node .title[data-v-b2932774] {\n    color: white;\n    font-family: sans-serif;\n    font-size: 18px;\n    padding: 8px;\n}\n.node .output[data-v-b2932774] {\n    text-align: right;\n}\n.node .input[data-v-b2932774] {\n    text-align: left;\n}\n.node .input-title[data-v-b2932774], .node .output-title[data-v-b2932774] {\n    vertical-align: middle;\n    color: white;\n    display: inline-block;\n    font-family: sans-serif;\n    font-size: 14px;\n    margin: 6px;\n    line-height: 24px;\n}\n.node .input-control[data-v-b2932774] {\n    z-index: 1;\n    width: calc(100% - 36px);\n    vertical-align: middle;\n    display: inline-block;\n}\n.node .control[data-v-b2932774] {\n    padding: 6px 18px;\n}\n.tooltip .tooltiptext[data-v-b2932774] {\n  width: 180px;\n  background-color: black;\n  color: #fff;\n  padding: 5px 10px;\n  border-radius: 6px;\n  position: absolute;\n  text-align: left;\n  z-index: 3;\n}\n.tooltip .tooltiptext .socket_type[data-v-b2932774] {\n    font-weight: bold;\n    font-size: 14px;\n}\n.tooltip .output-tooltip[data-v-b2932774] {\n  left: 105%;\n}\n.tooltip .input-tooltip[data-v-b2932774] {\n  right: 105%;\n}\n\n/*# sourceMappingURL=Node.vue.map */",map:{version:3,sources:["C:\\xampp\\htdocs\\rete-vue\\ifthenelse\\vue-render-plugin\\src\\Node.vue","Node.vue"],names:[],mappings:"AAyDA;EACA,oCAAA;EACA,yBAAA;EACA,mBAAA;EACA,eAAA;EACA,gBAAA;EACA,YAAA;EACA,mBAAA;EACA,uBAAA;EACA,kBAAA;EACA,iBAAA;AAAA;AAVA;IAYA,oCAAA;AAAA;AAZA;IAcA,mBAAA;IACA,qBAAA;AAAA;AAfA;IAiBA,YAAA;IACA,uBAAA;IACA,eAAA;IACA,YAAA;AAAA;AApBA;IAsBA,iBAAA;AAAA;AAtBA;IAwBA,gBAAA;AAAA;AAxBA;IA0BA,sBAAA;IACA,YAAA;IACA,qBAAA;IACA,uBAAA;IACA,eAAA;IACA,WAAA;IACA,iBAAA;AAAA;AAhCA;IAkCA,UAAA;IACA,wBAAA;IACA,sBAAA;IACA,qBAAA;AAAA;AArCA;IAuCA,iBAAA;AAAA;AACA;EAEA,YAAA;EACA,uBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,gBAAA;EACA,UAAA;AAAA;AATA;IAWA,iBAAA;IACA,eAAA;AAAA;AAZA;EAcA,UAAA;AAAA;AAdA;EAgBA,WAAA;AAAA;;ACrDA,mCAAmC",file:"Node.vue",sourcesContent:['<template lang="pug">\r\n.node(:class="[selected(), node.name] | kebab")\r\n  .title {{node.name}}\r\n\r\n  // Outputs\r\n  .output(v-for=\'output in outputs()\' :key="output.key" @mouseover="hover = node.name+\'_ \'+output.name" @mouseleave="hover = null" class="tooltip")\r\n    .output-title(\r\n      :class="output.name"\r\n    ) {{output.name}}\r\n    <div class="output-tooltip tooltiptext" v-if="hover === node.name+\'_ \'+output.name">\r\n      <div class="socket_type">Type: {{output.socket.name}}</div>\r\n      <div class="socket_description">{{output.description}}</div>\r\n    </div>\r\n    Socket(v-socket:output="output", type="output", :socket="output.socket")\r\n\r\n  // Controls\r\n  .control(\r\n    v-for=\'control in controls()\',\r\n    v-control="control"\r\n  )\r\n\r\n  // Inputs\r\n  .input(v-for=\'input in inputs()\' :key="input.key" @mouseover="hover = node.name+\'_ \'+input.name"  @mouseleave="hover = null" class="tooltip")\r\n    Socket(v-socket:input="input", type="input", :socket="input.socket")\r\n    .input-title(\r\n      v-show=\'!input.showControl()\', \r\n    ) {{input.name}}\r\n    <div class="input-tooltip tooltiptext" v-if="hover === node.name+\'_ \'+input.name">\r\n      <div class="socket_type">Type: {{input.socket.name}}</div>\r\n      <div class="socket_description">{{input.description}}</div>\r\n    </div>\r\n    .input-control(\r\n      v-show=\'input.showControl()\'\r\n      v-control="input.control"\r\n    )\r\n</template>\r\n\r\n<script>\r\nimport mixin from \'./mixin\';\r\nimport Socket from \'./Socket.vue\';\r\n\r\nexport default {\r\n  mixins: [mixin],\r\n  components: {\r\n    Socket\r\n  },\r\n  data() {\r\n    return {\r\n      hover: null,\r\n    };\r\n  }\r\n}\r\n<\/script>\r\n\r\n<style lang="sass" scoped>\r\n@import "./vars"\r\n\r\n.node\r\n  background: $node-color\r\n  border: 2px solid #4e58bf\r\n  border-radius: 10px\r\n  cursor: pointer\r\n  min-width: $node-width\r\n  height: auto\r\n  padding-bottom: 6px\r\n  box-sizing: content-box\r\n  position: relative\r\n  user-select: none\r\n  &:hover\r\n    background: lighten($node-color,4%)\r\n  &.selected\r\n    background: $node-color-selected\r\n    border-color: #e3c000\r\n  .title\r\n    color: white\r\n    font-family: sans-serif\r\n    font-size: 18px\r\n    padding: 8px\r\n  .output\r\n    text-align: right\r\n  .input\r\n    text-align: left\r\n  .input-title,.output-title\r\n    vertical-align: middle\r\n    color: white\r\n    display: inline-block\r\n    font-family: sans-serif\r\n    font-size: 14px\r\n    margin: $socket-margin\r\n    line-height: $socket-size\r\n  .input-control\r\n    z-index: 1\r\n    width: calc(100% - #{$socket-size + 2*$socket-margin})\r\n    vertical-align: middle\r\n    display: inline-block\r\n  .control\r\n    padding: $socket-margin $socket-size/2 + $socket-margin\r\n.tooltip\r\n  .tooltiptext\r\n    width: $node-width\r\n    background-color: black\r\n    color: #fff\r\n    padding: 5px 10px\r\n    border-radius: 6px\r\n    position: absolute\r\n    text-align: left\r\n    z-index: 3\r\n    .socket_type\r\n      font-weight: bold\r\n      font-size: 14px\r\n  .output-tooltip\r\n    left: 105%\r\n  .input-tooltip\r\n    right: 105%\r\n</style>',".node {\n  background: rgba(110, 136, 255, 0.8);\n  border: 2px solid #4e58bf;\n  border-radius: 10px;\n  cursor: pointer;\n  min-width: 180px;\n  height: auto;\n  padding-bottom: 6px;\n  box-sizing: content-box;\n  position: relative;\n  user-select: none; }\n  .node:hover {\n    background: rgba(130, 153, 255, 0.8); }\n  .node.selected {\n    background: #ffd92c;\n    border-color: #e3c000; }\n  .node .title {\n    color: white;\n    font-family: sans-serif;\n    font-size: 18px;\n    padding: 8px; }\n  .node .output {\n    text-align: right; }\n  .node .input {\n    text-align: left; }\n  .node .input-title, .node .output-title {\n    vertical-align: middle;\n    color: white;\n    display: inline-block;\n    font-family: sans-serif;\n    font-size: 14px;\n    margin: 6px;\n    line-height: 24px; }\n  .node .input-control {\n    z-index: 1;\n    width: calc(100% - 36px);\n    vertical-align: middle;\n    display: inline-block; }\n  .node .control {\n    padding: 6px 18px; }\n\n.tooltip .tooltiptext {\n  width: 180px;\n  background-color: black;\n  color: #fff;\n  padding: 5px 10px;\n  border-radius: 6px;\n  position: absolute;\n  text-align: left;\n  z-index: 3; }\n  .tooltip .tooltiptext .socket_type {\n    font-weight: bold;\n    font-size: 14px; }\n\n.tooltip .output-tooltip {\n  left: 105%; }\n\n.tooltip .input-tooltip {\n  right: 105%; }\n\n/*# sourceMappingURL=Node.vue.map */"]},media:void 0})},f,"data-v-b2932774",!1,void 0,r,void 0));function m(t,n,e){var r=new i({render:function(t){return t(n,{props:e})}}),o=document.createElement("div");return t.appendChild(o),r.$mount(o),r}var g=function(n){return new Promise(function(t){if(!n.vueContext)return t();n.vueContext.$forceUpdate(),n.vueContext.$nextTick(t)})};var b={name:"vue-render",install:function(a,t){var s=t.component;a.on("rendernode",function(t){var n=t.el,e=t.node,r=t.component,o=t.bindSocket,i=t.bindControl;r.render&&"vue"!==r.render||(e._vue=function(t,n,e){var r=e.el,o=e.node,i=e.component,a=e.bindSocket,s=e.bindControl,c=m(r,i.component||n||h,l({},i.props,{node:o,editor:t,bindSocket:a,bindControl:s}));return o.vueContext=c.$children[0],c}(a,s,{el:n,node:e,component:r,bindSocket:o,bindControl:i}),e.update=u(regeneratorRuntime.mark(function t(){return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,g(e);case 2:return t.abrupt("return",t.sent);case 3:case"end":return t.stop()}},t)})))}),a.on("rendercontrol",function(t){var n=t.el,e=t.control;e.render&&"vue"!==e.render||(e._vue=function(t,n){var e=n.el,r=n.control,o=m(e,r.component,l({},r.props,{getData:r.getData.bind(r),putData:r.putData.bind(r)}));return r.vueContext=o.$children[0],o}(0,{el:n,control:e}),e.update=u(regeneratorRuntime.mark(function t(){return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,g(e);case 2:return t.abrupt("return",t.sent);case 3:case"end":return t.stop()}},t)})))}),a.on("connectioncreated connectionremoved",function(t){g(t.output.node),g(t.input.node)}),a.on("nodeselected",function(){a.nodes.map(g)})},mixin:n,Node:h,Socket:s};t.default=b,Object.defineProperty(t,"__esModule",{value:!0})});
+var runtime=function(i){"use strict";var c,t=Object.prototype,l=t.hasOwnProperty,n="function"==typeof Symbol?Symbol:{},r=n.iterator||"@@iterator",e=n.asyncIterator||"@@asyncIterator",o=n.toStringTag||"@@toStringTag";function a(t,n,e,o){var r=n&&n.prototype instanceof s?n:s,i=Object.create(r.prototype),a=new B(o||[]);return i._invoke=function(i,a,s){var c=d;return function(t,n){if(c===A)throw new Error("Generator is already running");if(c===f){if("throw"===t)throw n;return S()}for(s.method=t,s.arg=n;;){var e=s.delegate;if(e){var o=C(e,s);if(o){if(o===v)continue;return o}}if("next"===s.method)s.sent=s._sent=s.arg;else if("throw"===s.method){if(c===d)throw c=f,s.arg;s.dispatchException(s.arg)}else"return"===s.method&&s.abrupt("return",s.arg);c=A;var r=u(i,a,s);if("normal"===r.type){if(c=s.done?f:p,r.arg===v)continue;return{value:r.arg,done:s.done}}"throw"===r.type&&(c=f,s.method="throw",s.arg=r.arg)}}}(t,e,a),i}function u(t,n,e){try{return{type:"normal",arg:t.call(n,e)}}catch(t){return{type:"throw",arg:t}}}i.wrap=a;var d="suspendedStart",p="suspendedYield",A="executing",f="completed",v={};function s(){}function h(){}function m(){}var g={};g[r]=function(){return this};var x=Object.getPrototypeOf,b=x&&x(x(I([])));b&&b!==t&&l.call(b,r)&&(g=b);var y=m.prototype=s.prototype=Object.create(g);function k(t){["next","throw","return"].forEach(function(n){t[n]=function(t){return this._invoke(n,t)}})}function w(c){var n;this._invoke=function(e,o){function t(){return new Promise(function(t,n){!function n(t,e,o,r){var i=u(c[t],c,e);if("throw"!==i.type){var a=i.arg,s=a.value;return s&&"object"==typeof s&&l.call(s,"__await")?Promise.resolve(s.__await).then(function(t){n("next",t,o,r)},function(t){n("throw",t,o,r)}):Promise.resolve(s).then(function(t){a.value=t,o(a)},function(t){return n("throw",t,o,r)})}r(i.arg)}(e,o,t,n)})}return n=n?n.then(t,t):t()}}function C(t,n){var e=t.iterator[n.method];if(e===c){if(n.delegate=null,"throw"===n.method){if(t.iterator.return&&(n.method="return",n.arg=c,C(t,n),"throw"===n.method))return v;n.method="throw",n.arg=new TypeError("The iterator does not provide a 'throw' method")}return v}var o=u(e,t.iterator,n.arg);if("throw"===o.type)return n.method="throw",n.arg=o.arg,n.delegate=null,v;var r=o.arg;return r?r.done?(n[t.resultName]=r.value,n.next=t.nextLoc,"return"!==n.method&&(n.method="next",n.arg=c),n.delegate=null,v):r:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,v)}function _(t){var n={tryLoc:t[0]};1 in t&&(n.catchLoc=t[1]),2 in t&&(n.finallyLoc=t[2],n.afterLoc=t[3]),this.tryEntries.push(n)}function E(t){var n=t.completion||{};n.type="normal",delete n.arg,t.completion=n}function B(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(_,this),this.reset(!0)}function I(n){if(n){var t=n[r];if(t)return t.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var e=-1,o=function t(){for(;++e<n.length;)if(l.call(n,e))return t.value=n[e],t.done=!1,t;return t.value=c,t.done=!0,t};return o.next=o}}return{next:S}}function S(){return{value:c,done:!0}}return h.prototype=y.constructor=m,m.constructor=h,m[o]=h.displayName="GeneratorFunction",i.isGeneratorFunction=function(t){var n="function"==typeof t&&t.constructor;return!!n&&(n===h||"GeneratorFunction"===(n.displayName||n.name))},i.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,m):(t.__proto__=m,o in t||(t[o]="GeneratorFunction")),t.prototype=Object.create(y),t},i.awrap=function(t){return{__await:t}},k(w.prototype),w.prototype[e]=function(){return this},i.AsyncIterator=w,i.async=function(t,n,e,o){var r=new w(a(t,n,e,o));return i.isGeneratorFunction(n)?r:r.next().then(function(t){return t.done?t.value:r.next()})},k(y),y[o]="Generator",y[r]=function(){return this},y.toString=function(){return"[object Generator]"},i.keys=function(e){var o=[];for(var t in e)o.push(t);return o.reverse(),function t(){for(;o.length;){var n=o.pop();if(n in e)return t.value=n,t.done=!1,t}return t.done=!0,t}},i.values=I,B.prototype={constructor:B,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=c,this.done=!1,this.delegate=null,this.method="next",this.arg=c,this.tryEntries.forEach(E),!t)for(var n in this)"t"===n.charAt(0)&&l.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=c)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var o=this;function t(t,n){return i.type="throw",i.arg=e,o.next=t,n&&(o.method="next",o.arg=c),!!n}for(var n=this.tryEntries.length-1;0<=n;--n){var r=this.tryEntries[n],i=r.completion;if("root"===r.tryLoc)return t("end");if(r.tryLoc<=this.prev){var a=l.call(r,"catchLoc"),s=l.call(r,"finallyLoc");if(a&&s){if(this.prev<r.catchLoc)return t(r.catchLoc,!0);if(this.prev<r.finallyLoc)return t(r.finallyLoc)}else if(a){if(this.prev<r.catchLoc)return t(r.catchLoc,!0)}else{if(!s)throw new Error("try statement without catch or finally");if(this.prev<r.finallyLoc)return t(r.finallyLoc)}}}},abrupt:function(t,n){for(var e=this.tryEntries.length-1;0<=e;--e){var o=this.tryEntries[e];if(o.tryLoc<=this.prev&&l.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var r=o;break}}r&&("break"===t||"continue"===t)&&r.tryLoc<=n&&n<=r.finallyLoc&&(r=null);var i=r?r.completion:{};return i.type=t,i.arg=n,r?(this.method="next",this.next=r.finallyLoc,v):this.complete(i)},complete:function(t,n){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&n&&(this.next=n),v},finish:function(t){for(var n=this.tryEntries.length-1;0<=n;--n){var e=this.tryEntries[n];if(e.finallyLoc===t)return this.complete(e.completion,e.afterLoc),E(e),v}},catch:function(t){for(var n=this.tryEntries.length-1;0<=n;--n){var e=this.tryEntries[n];if(e.tryLoc===t){var o=e.completion;if("throw"===o.type){var r=o.arg;E(e)}return r}}throw new Error("illegal catch attempt")},delegateYield:function(t,n,e){return this.delegate={iterator:I(t),resultName:n,nextLoc:e},"next"===this.method&&(this.arg=c),v}},i}("object"==typeof module?module.exports:{});try{regeneratorRuntime=runtime}catch(t){Function("r","regeneratorRuntime = r")(runtime)}!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],n):n(t.VueRenderPlugin={},t.Vue)}(this,function(t,i){"use strict";function c(t,n,e,o,r,i,a){try{var s=t[i](a),c=s.value}catch(t){return void e(t)}s.done?n(c):Promise.resolve(c).then(o,r)}function l(s){return function(){var t=this,a=arguments;return new Promise(function(n,e){var o=s.apply(t,a);function r(t){c(o,n,e,r,i,"next",t)}function i(t){c(o,n,e,r,i,"throw",t)}r(void 0)})}}function n(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})),e.push.apply(e,o)}return e}function u(r){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?n(i,!0).forEach(function(t){var n,e,o;n=r,o=i[e=t],e in n?Object.defineProperty(n,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[e]=o}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(i)):n(i).forEach(function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(i,t))})}return r}(i=i&&i.hasOwnProperty("default")?i.default:i).filter("kebab",function(t){function n(t){return t.toLowerCase().replace(/ /g,"-")}return Array.isArray(t)?t.map(n):n(t)});var e={props:["node","editor","bindSocket","bindControl"],methods:{inputs:function(){return Array.from(this.node.inputs.values())},outputs:function(){return Array.from(this.node.outputs.values())},controls:function(){return Array.from(this.node.controls.values())},selected:function(){return this.editor.selected.contains(this.node)?"selected":""}},directives:{socket:{bind:function(t,n,e){e.context.bindSocket(t,n.arg,n.value)},update:function(t,n,e){e.context.bindSocket(t,n.arg,n.value)}},control:{bind:function(t,n,e){n.value&&e.context.bindControl(t,n.value)}}}};var o=function(t,n,e,o,r,i,a,s,c,l){"boolean"!=typeof a&&(c=s,s=a,a=!1);var u,d="function"==typeof e?e.options:e;if(t&&t.render&&(d.render=t.render,d.staticRenderFns=t.staticRenderFns,d._compiled=!0,r&&(d.functional=!0)),o&&(d._scopeId=o),i?(u=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),n&&n.call(this,c(t)),t&&t._registeredComponents&&t._registeredComponents.add(i)},d._ssrRegister=u):n&&(u=a?function(){n.call(this,l(this.$root.$options.shadowRoot))}:function(t){n.call(this,s(t))}),u)if(d.functional){var p=d.render;d.render=function(t,n){return u.call(n),p(t,n)}}else{var A=d.beforeCreate;d.beforeCreate=A?[].concat(A,u):[u]}return e},d="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());var p=document.head||document.getElementsByTagName("head")[0],A={};function r(t){return function(t,n){return function(t,n){var e=d?n.media||"default":t,o=A[e]||(A[e]={ids:new Set,styles:[]});if(!o.ids.has(t)){o.ids.add(t);var r=n.source;if(n.map&&(r+="\n/*# sourceURL="+n.map.sources[0]+" */",r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n.map))))+" */"),o.element||(o.element=document.createElement("style"),o.element.type="text/css",n.media&&o.element.setAttribute("media",n.media),p.appendChild(o.element)),"styleSheet"in o.element)o.styles.push(r),o.element.styleSheet.cssText=o.styles.filter(Boolean).join("\n");else{var i=o.ids.size-1,a=document.createTextNode(r),s=o.element.childNodes;s[i]&&o.element.removeChild(s[i]),s.length?o.element.insertBefore(a,s[i]):o.element.appendChild(a)}}}(t,n)}}function a(){var t=this,n=t.$createElement;return(t._self._c||n)("div",{staticClass:"socket",class:t._f("kebab")([t.type,t.socket.name])})}function s(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"node",class:e._f("kebab")([e.selected(),e.node.name])},[o("div",{staticClass:"title tooltip"},[e._v(e._s(e.node.name)+" "),o("span",{staticClass:"node_info",on:{mouseover:function(t){e.hover=e.node.name},mouseleave:function(t){e.hover=null}}},[e._v("?")]),e.hover===e.node.name?o("div",{staticClass:"node-tooltip tooltiptext"},[o("div",{staticClass:"node_description"},[e._v(e._s(e.node.description))])]):e._e()]),e._l(e.outputs(),function(n){return o("div",{key:n.key,staticClass:"output tooltip",on:{mouseover:function(t){e.hover=e.node.name+"_ "+n.name},mouseleave:function(t){e.hover=null}}},[o("div",{staticClass:"output-title",class:n.name},[e._v(e._s(n.name))]),e.hover===e.node.name+"_ "+n.name?o("div",{staticClass:"output-tooltip tooltiptext"},[o("div",{staticClass:"socket_type"},[e._v("Type: "+e._s(n.socket.name))]),e._v(" "),o("div",{staticClass:"socket_description"},[e._v(e._s(n.description))])]):e._e(),o("Socket",{directives:[{name:"socket",rawName:"v-socket:output",value:n,expression:"output",arg:"output"}],attrs:{type:"output",socket:n.socket}})],1)}),e._l(e.controls(),function(t){return o("div",{directives:[{name:"control",rawName:"v-control",value:t,expression:"control"}],staticClass:"control"})}),e._l(e.inputs(),function(n){return o("div",{key:n.key,staticClass:"input tooltip",on:{mouseover:function(t){e.hover=e.node.name+"_ "+n.name},mouseleave:function(t){e.hover=null}}},[o("Socket",{directives:[{name:"socket",rawName:"v-socket:input",value:n,expression:"input",arg:"input"}],attrs:{type:"input",socket:n.socket}}),o("div",{directives:[{name:"show",rawName:"v-show",value:!n.showControl(),expression:"!input.showControl()"}],staticClass:"input-title"},[e._v(e._s(n.name))]),e.hover===e.node.name+"_ "+n.name?o("div",{staticClass:"input-tooltip tooltiptext"},[o("div",{staticClass:"socket_type"},[e._v("Type: "+e._s(n.socket.name))]),e._v(" "),o("div",{staticClass:"socket_description"},[e._v(e._s(n.description))])]):e._e(),o("div",{directives:[{name:"show",rawName:"v-show",value:n.showControl(),expression:"input.showControl()"},{name:"control",rawName:"v-control",value:n.control,expression:"input.control"}],staticClass:"input-control"})],1)})],2)}var f={props:["type","socket"]},v=(a._withStripped=!0,o({render:a,staticRenderFns:[]},function(t){t&&t("data-v-f72c2026_0",{source:".socket[data-v-f72c2026] {\n  display: inline-block;\n  cursor: pointer;\n  border: 1px solid white;\n  border-radius: 12px;\n  width: 24px;\n  height: 24px;\n  margin: 6px;\n  vertical-align: middle;\n  background: #96b38a;\n  z-index: 2;\n  box-sizing: border-box;\n}\n.socket[data-v-f72c2026]:hover {\n    border-width: 4px;\n}\n.socket.multiple[data-v-f72c2026] {\n    border-color: yellow;\n}\n.socket.output[data-v-f72c2026] {\n    margin-right: -12px;\n}\n.socket.input[data-v-f72c2026] {\n    margin-left: -12px;\n}\n\n/*# sourceMappingURL=Socket.vue.map */",map:{version:3,sources:["C:\\xampp\\htdocs\\rete-vue\\ifthenelse\\vue-render-plugin\\src\\Socket.vue","Socket.vue"],names:[],mappings:"AAeA;EACA,qBAAA;EACA,eAAA;EACA,uBAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;EACA,WAAA;EACA,sBAAA;EACA,mBAAA;EACA,UAAA;EACA,sBAAA;AAAA;AAXA;IAaA,iBAAA;AAAA;AAbA;IAeA,oBAAA;AAAA;AAfA;IAiBA,mBAAA;AAAA;AAjBA;IAmBA,kBAAA;AAAA;;ACbA,qCAAqC",file:"Socket.vue",sourcesContent:['<template lang="pug">\r\n.socket(\r\n  :class="[type, socket.name] | kebab",\r\n)\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: [\'type\', \'socket\']\r\n}\r\n<\/script>\r\n\r\n<style lang="sass" scoped>\r\n@import "./vars"\r\n\r\n.socket\r\n  display: inline-block\r\n  cursor: pointer\r\n  border: 1px solid white\r\n  border-radius: $socket-size/2.0\r\n  width: $socket-size\r\n  height: $socket-size\r\n  margin: $socket-margin\r\n  vertical-align: middle\r\n  background: $socket-color\r\n  z-index: 2\r\n  box-sizing: border-box\r\n  &:hover\r\n    border-width: 4px\r\n  &.multiple\r\n    border-color: yellow\r\n  &.output\r\n    margin-right: - $socket-size / 2\r\n  &.input\r\n    margin-left: - $socket-size / 2\r\n</style>\r\n',".socket {\n  display: inline-block;\n  cursor: pointer;\n  border: 1px solid white;\n  border-radius: 12px;\n  width: 24px;\n  height: 24px;\n  margin: 6px;\n  vertical-align: middle;\n  background: #96b38a;\n  z-index: 2;\n  box-sizing: border-box; }\n  .socket:hover {\n    border-width: 4px; }\n  .socket.multiple {\n    border-color: yellow; }\n  .socket.output {\n    margin-right: -12px; }\n  .socket.input {\n    margin-left: -12px; }\n\n/*# sourceMappingURL=Socket.vue.map */"]},media:void 0})},f,"data-v-f72c2026",!(a._withStripped=!0),void 0,r,void 0)),h={mixins:[e],components:{Socket:v},data:function(){return{hover:null}}},m=(s._withStripped=!0,o({render:s,staticRenderFns:[]},function(t){t&&t("data-v-3f9ced2b_0",{source:".node[data-v-3f9ced2b] {\n  background: rgba(110, 136, 255, 0.8);\n  border: 2px solid #4e58bf;\n  border-radius: 10px;\n  cursor: pointer;\n  min-width: 180px;\n  height: auto;\n  padding-bottom: 6px;\n  box-sizing: content-box;\n  position: relative;\n  user-select: none;\n}\n.node[data-v-3f9ced2b]:hover {\n    background: rgba(130, 153, 255, 0.8);\n}\n.node.selected[data-v-3f9ced2b] {\n    background: #ffd92c;\n    border-color: #e3c000;\n}\n.node .title[data-v-3f9ced2b] {\n    color: white;\n    font-family: sans-serif;\n    font-size: 18px;\n    padding: 8px;\n}\n.node .node_info[data-v-3f9ced2b] {\n    height: 19px;\n    width: 20px;\n    border-radius: 50%;\n    border: 3px solid #ffffff;\n    text-align: center;\n    display: inline-block;\n    padding-top: 1px;\n    font-weight: bold;\n}\n.node .output[data-v-3f9ced2b] {\n    text-align: right;\n}\n.node .input[data-v-3f9ced2b] {\n    text-align: left;\n}\n.node .input-title[data-v-3f9ced2b], .node .output-title[data-v-3f9ced2b] {\n    vertical-align: middle;\n    color: white;\n    display: inline-block;\n    font-family: sans-serif;\n    font-size: 14px;\n    margin: 6px;\n    line-height: 24px;\n}\n.node .input-control[data-v-3f9ced2b] {\n    z-index: 1;\n    width: calc(100% - 36px);\n    vertical-align: middle;\n    display: inline-block;\n}\n.node .control[data-v-3f9ced2b] {\n    padding: 6px 18px;\n}\n.tooltip .tooltiptext[data-v-3f9ced2b] {\n  width: 180px;\n  background-color: black;\n  color: #fff;\n  padding: 5px 10px;\n  border-radius: 6px;\n  position: absolute;\n  text-align: left;\n  z-index: 3;\n}\n.tooltip .tooltiptext .node_description[data-v-3f9ced2b] {\n    font-size: 14px;\n}\n.tooltip .tooltiptext .socket_type[data-v-3f9ced2b] {\n    font-weight: bold;\n    font-size: 14px;\n}\n.tooltip .output-tooltip[data-v-3f9ced2b] {\n  left: 105%;\n}\n.tooltip .input-tooltip[data-v-3f9ced2b] {\n  right: 105%;\n}\n.tooltip .node-tooltip[data-v-3f9ced2b] {\n  left: 105%;\n  top: 5px;\n}\n\n/*# sourceMappingURL=Node.vue.map */",map:{version:3,sources:["C:\\xampp\\htdocs\\rete-vue\\ifthenelse\\vue-render-plugin\\src\\Node.vue","Node.vue"],names:[],mappings:"AA2DA;EACA,oCAAA;EACA,yBAAA;EACA,mBAAA;EACA,eAAA;EACA,gBAAA;EACA,YAAA;EACA,mBAAA;EACA,uBAAA;EACA,kBAAA;EACA,iBAAA;AAAA;AAVA;IAYA,oCAAA;AAAA;AAZA;IAcA,mBAAA;IACA,qBAAA;AAAA;AAfA;IAiBA,YAAA;IACA,uBAAA;IACA,eAAA;IACA,YAAA;AAAA;AApBA;IAsBA,YAAA;IACA,WAAA;IACA,kBAAA;IACA,yBAAA;IACA,kBAAA;IACA,qBAAA;IACA,gBAAA;IACA,iBAAA;AAAA;AA7BA;IA+BA,iBAAA;AAAA;AA/BA;IAiCA,gBAAA;AAAA;AAjCA;IAmCA,sBAAA;IACA,YAAA;IACA,qBAAA;IACA,uBAAA;IACA,eAAA;IACA,WAAA;IACA,iBAAA;AAAA;AAzCA;IA2CA,UAAA;IACA,wBAAA;IACA,sBAAA;IACA,qBAAA;AAAA;AA9CA;IAgDA,iBAAA;AAAA;AACA;EAEA,YAAA;EACA,uBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,gBAAA;EACA,UAAA;AAAA;AATA;IAWA,eAAA;AAAA;AAXA;IAaA,iBAAA;IACA,eAAA;AAAA;AAdA;EAgBA,UAAA;AAAA;AAhBA;EAkBA,WAAA;AAAA;AAlBA;EAoBA,UAAA;EACA,QAAA;AAAA;;ACtDA,mCAAmC",file:"Node.vue",sourcesContent:['<template lang="pug">\r\n.node(:class="[selected(), node.name] | kebab")\r\n  .title(class="tooltip") {{node.name}} <span class="node_info" @mouseover="hover = node.name" @mouseleave="hover = null">?</span>\r\n    <div class="node-tooltip tooltiptext" v-if="hover === node.name">\r\n      <div class="node_description">{{node.description}}</div>\r\n    </div>\r\n  // Outputs\r\n  .output(v-for=\'output in outputs()\' :key="output.key" @mouseover="hover = node.name+\'_ \'+output.name" @mouseleave="hover = null" class="tooltip")\r\n    .output-title(\r\n      :class="output.name"\r\n    ) {{output.name}}\r\n    <div class="output-tooltip tooltiptext" v-if="hover === node.name+\'_ \'+output.name">\r\n      <div class="socket_type">Type: {{output.socket.name}}</div>\r\n      <div class="socket_description">{{output.description}}</div>\r\n    </div>\r\n    Socket(v-socket:output="output", type="output", :socket="output.socket")\r\n\r\n  // Controls\r\n  .control(\r\n    v-for=\'control in controls()\',\r\n    v-control="control"\r\n  )\r\n\r\n  // Inputs\r\n  .input(v-for=\'input in inputs()\' :key="input.key" @mouseover="hover = node.name+\'_ \'+input.name"  @mouseleave="hover = null" class="tooltip")\r\n    Socket(v-socket:input="input", type="input", :socket="input.socket")\r\n    .input-title(\r\n      v-show=\'!input.showControl()\', \r\n    ) {{input.name}}\r\n    <div class="input-tooltip tooltiptext" v-if="hover === node.name+\'_ \'+input.name">\r\n      <div class="socket_type">Type: {{input.socket.name}}</div>\r\n      <div class="socket_description">{{input.description}}</div>\r\n    </div>\r\n    .input-control(\r\n      v-show=\'input.showControl()\'\r\n      v-control="input.control"\r\n    )\r\n</template>\r\n\r\n<script>\r\nimport mixin from \'./mixin\';\r\nimport Socket from \'./Socket.vue\';\r\n\r\nexport default {\r\n  mixins: [mixin],\r\n  components: {\r\n    Socket\r\n  },\r\n  data() {\r\n    return {\r\n      hover: null,\r\n    };\r\n  }\r\n}\r\n<\/script>\r\n\r\n<style lang="sass" scoped>\r\n@import "./vars"\r\n\r\n.node\r\n  background: $node-color\r\n  border: 2px solid #4e58bf\r\n  border-radius: 10px\r\n  cursor: pointer\r\n  min-width: $node-width\r\n  height: auto\r\n  padding-bottom: 6px\r\n  box-sizing: content-box\r\n  position: relative\r\n  user-select: none\r\n  &:hover\r\n    background: lighten($node-color,4%)\r\n  &.selected\r\n    background: $node-color-selected\r\n    border-color: #e3c000\r\n  .title\r\n    color: white\r\n    font-family: sans-serif\r\n    font-size: 18px\r\n    padding: 8px\r\n  .node_info\r\n    height: 19px\r\n    width: 20px\r\n    border-radius: 50%\r\n    border: 3px solid #ffffff\r\n    text-align: center\r\n    display: inline-block\r\n    padding-top: 1px\r\n    font-weight: bold\r\n  .output\r\n    text-align: right\r\n  .input\r\n    text-align: left\r\n  .input-title,.output-title\r\n    vertical-align: middle\r\n    color: white\r\n    display: inline-block\r\n    font-family: sans-serif\r\n    font-size: 14px\r\n    margin: $socket-margin\r\n    line-height: $socket-size\r\n  .input-control\r\n    z-index: 1\r\n    width: calc(100% - #{$socket-size + 2*$socket-margin})\r\n    vertical-align: middle\r\n    display: inline-block\r\n  .control\r\n    padding: $socket-margin $socket-size/2 + $socket-margin\r\n.tooltip\r\n  .tooltiptext\r\n    width: $node-width\r\n    background-color: black\r\n    color: #fff\r\n    padding: 5px 10px\r\n    border-radius: 6px\r\n    position: absolute\r\n    text-align: left\r\n    z-index: 3\r\n    .node_description\r\n      font-size: 14px\r\n    .socket_type\r\n      font-weight: bold\r\n      font-size: 14px\r\n  .output-tooltip\r\n    left: 105%\r\n  .input-tooltip\r\n    right: 105%\r\n  .node-tooltip\r\n    left: 105%\r\n    top: 5px\r\n</style>',".node {\n  background: rgba(110, 136, 255, 0.8);\n  border: 2px solid #4e58bf;\n  border-radius: 10px;\n  cursor: pointer;\n  min-width: 180px;\n  height: auto;\n  padding-bottom: 6px;\n  box-sizing: content-box;\n  position: relative;\n  user-select: none; }\n  .node:hover {\n    background: rgba(130, 153, 255, 0.8); }\n  .node.selected {\n    background: #ffd92c;\n    border-color: #e3c000; }\n  .node .title {\n    color: white;\n    font-family: sans-serif;\n    font-size: 18px;\n    padding: 8px; }\n  .node .node_info {\n    height: 19px;\n    width: 20px;\n    border-radius: 50%;\n    border: 3px solid #ffffff;\n    text-align: center;\n    display: inline-block;\n    padding-top: 1px;\n    font-weight: bold; }\n  .node .output {\n    text-align: right; }\n  .node .input {\n    text-align: left; }\n  .node .input-title, .node .output-title {\n    vertical-align: middle;\n    color: white;\n    display: inline-block;\n    font-family: sans-serif;\n    font-size: 14px;\n    margin: 6px;\n    line-height: 24px; }\n  .node .input-control {\n    z-index: 1;\n    width: calc(100% - 36px);\n    vertical-align: middle;\n    display: inline-block; }\n  .node .control {\n    padding: 6px 18px; }\n\n.tooltip .tooltiptext {\n  width: 180px;\n  background-color: black;\n  color: #fff;\n  padding: 5px 10px;\n  border-radius: 6px;\n  position: absolute;\n  text-align: left;\n  z-index: 3; }\n  .tooltip .tooltiptext .node_description {\n    font-size: 14px; }\n  .tooltip .tooltiptext .socket_type {\n    font-weight: bold;\n    font-size: 14px; }\n\n.tooltip .output-tooltip {\n  left: 105%; }\n\n.tooltip .input-tooltip {\n  right: 105%; }\n\n.tooltip .node-tooltip {\n  left: 105%;\n  top: 5px; }\n\n/*# sourceMappingURL=Node.vue.map */"]},media:void 0})},h,"data-v-3f9ced2b",!(s._withStripped=!0),void 0,r,void 0));function g(t,n,e){var o=new i({render:function(t){return t(n,{props:e})}}),r=document.createElement("div");return t.appendChild(r),o.$mount(r),o}function x(n){return new Promise(function(t){if(!n.vueContext)return t();n.vueContext.$forceUpdate(),n.vueContext.$nextTick(t)})}var b={name:"vue-render",install:function(a,t){var s=t.component;a.on("rendernode",function(t){var n=t.el,e=t.node,o=t.component,r=t.bindSocket,i=t.bindControl;o.render&&"vue"!==o.render||(e._vue=function(t,n,e){var o=e.el,r=e.node,i=e.component,a=e.bindSocket,s=e.bindControl,c=g(o,i.component||n||m,u({},i.props,{node:r,editor:t,bindSocket:a,bindControl:s}));return r.vueContext=c.$children[0],c}(a,s,{el:n,node:e,component:o,bindSocket:r,bindControl:i}),e.update=l(regeneratorRuntime.mark(function t(){return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,x(e);case 2:return t.abrupt("return",t.sent);case 3:case"end":return t.stop()}},t)})))}),a.on("rendercontrol",function(t){var n=t.el,e=t.control;e.render&&"vue"!==e.render||(e._vue=function(t,n){var e=n.el,o=n.control,r=g(e,o.component,u({},o.props,{getData:o.getData.bind(o),putData:o.putData.bind(o)}));return o.vueContext=r.$children[0],r}(0,{el:n,control:e}),e.update=l(regeneratorRuntime.mark(function t(){return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,x(e);case 2:return t.abrupt("return",t.sent);case 3:case"end":return t.stop()}},t)})))}),a.on("connectioncreated connectionremoved",function(t){x(t.output.node),x(t.input.node)}),a.on("nodeselected",function(){a.nodes.map(x)})},mixin:e,Node:m,Socket:v};t.default=b,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=vue-render-plugin.min.js.map
diff --git a/src/core/Nodes/Actions/ConvertDataTypeAction/ConvertDataTypeAction.js b/src/core/Nodes/Actions/ConvertDataTypeAction/ConvertDataTypeAction.js
index 4d901e1..a92c7c6 100644
--- a/src/core/Nodes/Actions/ConvertDataTypeAction/ConvertDataTypeAction.js
+++ b/src/core/Nodes/Actions/ConvertDataTypeAction/ConvertDataTypeAction.js
@@ -144,6 +144,7 @@ class ConvertDataTypeActionComponent extends Rete.Component {
         eventNode.addInput(inputObject);
       }
     }
+    eventNode['description'] = node.description;
   }
   worker(eventNode, inputs, outputs) {
     //outputs['form'] = eventNode.data.event;
diff --git a/src/core/Nodes/Actions/CreateNewEntityAction/CreateNewEntityAction.js b/src/core/Nodes/Actions/CreateNewEntityAction/CreateNewEntityAction.js
index 685b60e..a2dd280 100644
--- a/src/core/Nodes/Actions/CreateNewEntityAction/CreateNewEntityAction.js
+++ b/src/core/Nodes/Actions/CreateNewEntityAction/CreateNewEntityAction.js
@@ -199,6 +199,7 @@ class CreateNewEntityActionComponent extends Rete.Component {
         eventNode.addInput(inputObject);
       }
     }
+    eventNode['description'] = node.description;
   }
   worker(eventNode, inputs, outputs) {
     //outputs['form'] = eventNode.data.event;
diff --git a/src/core/Nodes/Actions/GetEntityFieldAction/GetEntityFieldAction.js b/src/core/Nodes/Actions/GetEntityFieldAction/GetEntityFieldAction.js
index 2e5676a..aed671c 100644
--- a/src/core/Nodes/Actions/GetEntityFieldAction/GetEntityFieldAction.js
+++ b/src/core/Nodes/Actions/GetEntityFieldAction/GetEntityFieldAction.js
@@ -236,6 +236,7 @@ class GetEntityFieldActionComponent extends Rete.Component {
         eventNode.addInput(inputObject);
       }
     }
+    eventNode['description'] = node.description;
   }
   worker(eventNode, inputs, outputs) {
     //outputs['form'] = eventNode.data.event;
diff --git a/src/core/Nodes/Actions/GetFieldValue/GetFieldValue.js b/src/core/Nodes/Actions/GetFieldValue/GetFieldValue.js
index b1c1499..a65b27c 100644
--- a/src/core/Nodes/Actions/GetFieldValue/GetFieldValue.js
+++ b/src/core/Nodes/Actions/GetFieldValue/GetFieldValue.js
@@ -220,6 +220,7 @@ class GetFieldValueActionComponent extends Rete.Component {
         eventNode.addInput(inputObject);
       }
     }
+    eventNode['description'] = node.description;
   }
   worker(eventNode, inputs, outputs) {
     //outputs['form'] = eventNode.data.event;
diff --git a/src/core/Nodes/Actions/SetEntityFieldValue/SetEntityFieldValue.js b/src/core/Nodes/Actions/SetEntityFieldValue/SetEntityFieldValue.js
index f230a6b..9a5ee11 100644
--- a/src/core/Nodes/Actions/SetEntityFieldValue/SetEntityFieldValue.js
+++ b/src/core/Nodes/Actions/SetEntityFieldValue/SetEntityFieldValue.js
@@ -278,6 +278,7 @@ class SetEntityFieldValueActionComponent extends Rete.Component {
         eventNode.addInput(inputObject);
       }
     }
+    eventNode['description'] = node.description;
   }
   worker(eventNode, inputs, outputs) {
     //outputs['form'] = eventNode.data.event;
diff --git a/src/core/Nodes/Actions/SetFieldDefaultValue/SetFieldDefaultValue.js b/src/core/Nodes/Actions/SetFieldDefaultValue/SetFieldDefaultValue.js
index 90bfe2d..2488a5e 100644
--- a/src/core/Nodes/Actions/SetFieldDefaultValue/SetFieldDefaultValue.js
+++ b/src/core/Nodes/Actions/SetFieldDefaultValue/SetFieldDefaultValue.js
@@ -225,6 +225,7 @@ class SetFormDefaultFieldValueActionComponent extends Rete.Component {
       outputObject['description'] = node.outputs[name].description;
       eventNode.addOutput(outputObject);
     }
+    eventNode['description'] = node.description;
   }
   worker(eventNode, inputs, outputs) {
     //outputs['form'] = eventNode.data.event;
diff --git a/src/core/Nodes/Actions/SetFieldValue/SetFieldValue.js b/src/core/Nodes/Actions/SetFieldValue/SetFieldValue.js
index 64d1774..9d447dd 100644
--- a/src/core/Nodes/Actions/SetFieldValue/SetFieldValue.js
+++ b/src/core/Nodes/Actions/SetFieldValue/SetFieldValue.js
@@ -223,6 +223,7 @@ class SetFormFieldValueActionComponent extends Rete.Component {
       outputObject['description'] = node.outputs[name].description;
       eventNode.addOutput(outputObject);
     }
+    eventNode['description'] = node.description;
   }
   worker(eventNode, inputs, outputs) {
     //outputs['form'] = eventNode.data.event;
diff --git a/src/core/Nodes/Events/AfterDeletingEntityEvent/AfterDeletingEntityEvent.js b/src/core/Nodes/Events/AfterDeletingEntityEvent/AfterDeletingEntityEvent.js
index 3124b6b..6b914f4 100644
--- a/src/core/Nodes/Events/AfterDeletingEntityEvent/AfterDeletingEntityEvent.js
+++ b/src/core/Nodes/Events/AfterDeletingEntityEvent/AfterDeletingEntityEvent.js
@@ -210,6 +210,7 @@ class AfterDeletingEntityEventComponent extends Rete.Component {
     }
 
     eventNode.addControl(new AfterDeletingEntityEventControl(this.editor, nodeName, handleInput()));
+    eventNode['description'] = node.description;
 
   }
   worker(eventNode, inputs, outputs) {
diff --git a/src/core/Nodes/Events/AfterSavingExistingEntityEvent/AfterSavingExistingEntityEvent.js b/src/core/Nodes/Events/AfterSavingExistingEntityEvent/AfterSavingExistingEntityEvent.js
index 54083d8..f2af025 100644
--- a/src/core/Nodes/Events/AfterSavingExistingEntityEvent/AfterSavingExistingEntityEvent.js
+++ b/src/core/Nodes/Events/AfterSavingExistingEntityEvent/AfterSavingExistingEntityEvent.js
@@ -216,6 +216,7 @@ class AfterSavingExistingEntityEventComponent extends Rete.Component {
     }
 
     eventNode.addControl(new AfterSavingExistingEntityEventControl(this.editor, nodeName, handleInput()));
+    eventNode['description'] = node.description;
 
   }
   worker(eventNode, inputs, outputs) {
diff --git a/src/core/Nodes/Events/AfterSavingNewEntityEvent/AfterSavingNewEntityEvent.js b/src/core/Nodes/Events/AfterSavingNewEntityEvent/AfterSavingNewEntityEvent.js
index c4f9df8..400b124 100644
--- a/src/core/Nodes/Events/AfterSavingNewEntityEvent/AfterSavingNewEntityEvent.js
+++ b/src/core/Nodes/Events/AfterSavingNewEntityEvent/AfterSavingNewEntityEvent.js
@@ -209,6 +209,7 @@ class AfterSavingNewEntityEventComponent extends Rete.Component {
     }
 
     eventNode.addControl(new AfterSavingNewEntityEventControl(this.editor, nodeName, handleInput()));
+    eventNode['description'] = node.description;
 
   }
   worker(eventNode, inputs, outputs) {
diff --git a/src/core/Nodes/Events/BeforeSavingEntityEvent/BeforeSavingEntityEvent.js b/src/core/Nodes/Events/BeforeSavingEntityEvent/BeforeSavingEntityEvent.js
index 77063e0..3fee3b8 100644
--- a/src/core/Nodes/Events/BeforeSavingEntityEvent/BeforeSavingEntityEvent.js
+++ b/src/core/Nodes/Events/BeforeSavingEntityEvent/BeforeSavingEntityEvent.js
@@ -203,6 +203,7 @@ class BeforeSavingEntityEventComponent extends Rete.Component {
     }
 
     eventNode.addControl(new BeforeSavingEntityEventControl(this.editor, nodeName, handleInput()));
+    eventNode['description'] = node.description;
 
   }
   worker(eventNode, inputs, outputs) {
diff --git a/src/core/Nodes/Events/EntityIsViewedEvent/EntityIsViewedEvent.js b/src/core/Nodes/Events/EntityIsViewedEvent/EntityIsViewedEvent.js
index 239acbf..ede5c82 100644
--- a/src/core/Nodes/Events/EntityIsViewedEvent/EntityIsViewedEvent.js
+++ b/src/core/Nodes/Events/EntityIsViewedEvent/EntityIsViewedEvent.js
@@ -208,6 +208,7 @@ class EntityIsViewedEventComponent extends Rete.Component {
     }
 
     eventNode.addControl(new EntityIsViewedEventControl(this.editor, nodeName, handleInput()));
+    eventNode['description'] = node.description;
 
   }
   worker(eventNode, inputs, outputs) {
diff --git a/src/core/Nodes/Events/EntityLoadEvent/EntityLoadEvent.js b/src/core/Nodes/Events/EntityLoadEvent/EntityLoadEvent.js
index 61b5a8b..6636dff 100644
--- a/src/core/Nodes/Events/EntityLoadEvent/EntityLoadEvent.js
+++ b/src/core/Nodes/Events/EntityLoadEvent/EntityLoadEvent.js
@@ -191,6 +191,7 @@ class EntityLoadEventComponent extends Rete.Component {
     }
 
     eventNode.addControl(new EntityLoadEventControl(this.editor, nodeName, handleInput()));
+    eventNode['description'] = node.description;
 
   }
   worker(eventNode, inputs, outputs) {
diff --git a/src/core/Nodes/Values/EntityValue/EntityValue.js b/src/core/Nodes/Values/EntityValue/EntityValue.js
index 28c19b6..6f51074 100644
--- a/src/core/Nodes/Values/EntityValue/EntityValue.js
+++ b/src/core/Nodes/Values/EntityValue/EntityValue.js
@@ -162,6 +162,8 @@ class EntityValueComponent extends Rete.Component {
         eventNode.addInput(inputObject);
       }
     }
+    eventNode['description'] = node.description;
+
   }
   worker(eventNode, inputs, outputs) {
     //outputs['form'] = eventNode.data.event;