@babsey/code-graph 0.2.0 → 0.2.2

package/dist/code-graph.js

@@ -1,7 +1,7 @@
 import Y from "mustache";
 import Ye from "toposort";
-import { AbstractNode as Ke, sortTopologically as qe, NodeInterface as Je, displayInSidebar as Ne, NodeInterfaceType as H, BaklavaInterfaceTypes as Qe, CheckboxInterfaceComponent as Ze, setType as T, IntegerInterfaceComponent as et, TextInputInterfaceComponent as Me, NumberInterfaceComponent as tt, SelectInterfaceComponent as st, SliderInterfaceComponent as nt, TextareaInputInterfaceComponent as ot, allowMultipleConnections as A, IntegerInterface as at, TextInputInterface as it, getGraphNodeTypeString as rt, GraphInputNode as dt, GraphOutputNode as lt, Commands as Z, useViewModel as K, useTemporaryConnection as ut, Components as Ce, useGraph as ae, GRAPH_NODE_TYPE_PREFIX as se, useTransform as ct, useNodeCategories as pt, BaklavaEditor as ht, useBaklava as mt, DependencyEngine as vt } from "baklavajs";
-import { reactive as q, defineComponent as R, createElementBlock as d, openBlock as i, toDisplayString as j, markRaw as B, computed as b, createElementVNode as l, withDirectives as ee, vModelText as te, ref as V, onMounted as ie, onUpdated as $e, normalizeClass as P, createCommentVNode as x, unref as k, renderSlot as X, createStaticVNode as J, onBeforeUnmount as ft, normalizeStyle as re, withModifiers as F, createBlock as E, Fragment as S, createTextVNode as gt, createVNode as z, withKeys as ne, renderList as D, nextTick as bt, toRef as Oe, resolveDynamicComponent as ke, inject as _t, Transition as yt, withCtx as W, onUnmounted as Ct, normalizeProps as kt, guardReactiveProps as wt, mergeProps as It } from "vue";
+import { AbstractNode as Ke, sortTopologically as qe, NodeInterface as Je, displayInSidebar as xe, NodeInterfaceType as H, BaklavaInterfaceTypes as Qe, CheckboxInterfaceComponent as Ze, setType as T, IntegerInterfaceComponent as et, TextInputInterfaceComponent as Me, NumberInterfaceComponent as tt, SelectInterfaceComponent as st, SliderInterfaceComponent as nt, TextareaInputInterfaceComponent as ot, allowMultipleConnections as A, IntegerInterface as at, TextInputInterface as it, getGraphNodeTypeString as rt, GraphInputNode as dt, GraphOutputNode as lt, Commands as Z, useViewModel as K, useTemporaryConnection as ut, Components as Ce, useGraph as ae, GRAPH_NODE_TYPE_PREFIX as se, useTransform as ct, useNodeCategories as pt, BaklavaEditor as ht, useBaklava as mt, DependencyEngine as vt, DEFAULT_TOOLBAR_COMMANDS as ft } from "baklavajs";
+import { reactive as q, defineComponent as R, createElementBlock as d, openBlock as i, toDisplayString as j, markRaw as B, computed as b, createElementVNode as l, withDirectives as ee, vModelText as te, ref as V, onMounted as ie, onUpdated as Oe, normalizeClass as P, createCommentVNode as N, unref as k, renderSlot as X, createStaticVNode as J, onBeforeUnmount as gt, normalizeStyle as re, withModifiers as F, createBlock as E, Fragment as S, createTextVNode as bt, createVNode as z, withKeys as ne, renderList as D, nextTick as _t, toRef as $e, resolveDynamicComponent as ke, inject as yt, Transition as Ct, withCtx as W, onUnmounted as kt, normalizeProps as wt, guardReactiveProps as It, mergeProps as Nt } from "vue";
 import { v4 as Te } from "uuid";
 import { usePointer as xt } from "@vueuse/core";
 Y.escape = (s) => s;
@@ -24,7 +24,7 @@ class Ee extends Ke {
       script: "",
       variableName: "x"
     }), this.codeTemplate = function() {
-      return `${this.name}(${Nt(this.codeNodeInputs).join(", ")})`;
+      return `${this.name}(${Mt(this.codeNodeInputs).join(", ")})`;
     };
   }
   get codeNodeInputs() {
@@ -190,7 +190,7 @@ class Se extends Ee {
   }
   save() {
     const e = super.save();
-    return Mt(this.graph, e), e;
+    return Ot(this.graph, e), e;
   }
   updateModules(e) {
     if (e)
@@ -201,7 +201,7 @@ class Se extends Ee {
     }
   }
 }
-const Nt = (s, e = !0) => {
+const Mt = (s, e = !0) => {
   const t = [], n = Object.keys(s);
   return n.forEach((o) => {
     if (s[o]?.hidden) return;
@@ -218,7 +218,7 @@ const Nt = (s, e = !0) => {
   }), Object.entries(e.outputs).forEach(([o, a]) => {
     o !== "_code" && n.outputs[o] && (n.outputs[o].hidden = a.hidden);
   });
-}, Mt = (s, e) => {
+}, Ot = (s, e) => {
   if (!s) return;
   const t = s.findNodeById(e.id);
   if (!t || t.subgraph) return;
@@ -239,7 +239,7 @@ const Nt = (s, e = !0) => {
     }, j(s.intf.name), 9, $t));
   }
 });
-class L extends Je {
+class G extends Je {
   isCodeNode = !0;
   code;
   state;
@@ -268,9 +268,9 @@ class L extends Je {
     return this.state.optional = e, this.setHidden(e), this;
   }
 }
-class Q extends L {
+class Q extends G {
   constructor(e = "", t) {
-    super(e, t), this.setComponent(B(de)), this.use(Ne, !0);
+    super(e, t), this.setComponent(B(de)), this.use(xe, !0);
   }
   set script(e) {
     if (this.state.script && this.allowMultipleConnections) {
@@ -286,8 +286,8 @@ class Q extends L {
     super.value = e, this.name !== "_code" && this.setHidden(!1);
   }
 }
-const Ve = new H("boolean"), Ot = new H("dict"), ze = new H("list"), U = new H("node"), le = new H("number"), ue = new H("string"), je = new H("tuple"), In = (s) => {
-  new Qe(s.editor, { viewPlugin: s }).addTypes(Ve, Ot, ze, U, le, ue, je);
+const Ve = new H("boolean"), Tt = new H("dict"), ze = new H("list"), U = new H("node"), le = new H("number"), ue = new H("string"), je = new H("tuple"), Nn = (s) => {
+  new Qe(s.editor, { viewPlugin: s }).addTypes(Ve, Tt, ze, U, le, ue, je);
 };
 class xn extends Q {
   constructor(e, t) {
@@ -295,7 +295,7 @@ class xn extends Q {
   }
   getValue = () => this.value ? "True" : "False";
 }
-class Ge extends L {
+class Le extends G {
   isCodeNodeOutput = !0;
   constructor(e = "", t = "") {
     super(e, t), this.setComponent(B(de));
@@ -314,13 +314,13 @@ class ce extends Q {
     return (this.min === void 0 || e >= this.min) && (this.max === void 0 || e <= this.max);
   }
 }
-class Nn extends ce {
+class Mn extends ce {
   component = B(et);
   validate(e) {
     return Number.isInteger(e) && super.validate(e);
   }
 }
-class Mn extends Q {
+class On extends Q {
   constructor(e = "", t = "") {
     super(e, t), this.setComponent(B(Me)), this.use(T, ze);
   }
@@ -335,14 +335,14 @@ class pe extends Q {
   }
   getValue = () => `"${this.value}"`;
 }
-class On extends pe {
+class Tn extends pe {
   component = B(st);
   items;
   constructor(e, t, n) {
     super(e, t), this.items = n;
   }
 }
-class Tn extends ce {
+class En extends ce {
   component = B(nt);
   min;
   max;
@@ -351,7 +351,7 @@ class Tn extends ce {
   }
   getValue = () => `${Math.round(this.value * 1e3) / 1e3}`;
 }
-const Tt = R({
+const Et = R({
   props: {
     intf: {
       type: Object,
@@ -371,40 +371,40 @@ const Tt = R({
       }
     }) };
   }
-}), $ = (s, e) => {
+}), O = (s, e) => {
   const t = s.__vccOpts || s;
   for (const [n, o] of e)
     t[n] = o;
   return t;
-}, Et = { style: { position: "relative" } }, St = { style: { "font-size": "12px", padding: "0 6px", position: "absolute", top: "-8px", "background-color": "var(--baklava-node-color-background)" } }, Bt = ["placeholder", "title"];
-function Vt(s, e, t, n, o, a) {
-  return i(), d("div", Et, [
-    l("label", St, j(s.intf.name), 1),
+}, St = { style: { position: "relative" } }, Bt = { style: { "font-size": "12px", padding: "0 6px", position: "absolute", top: "-8px", "background-color": "var(--baklava-node-color-background)" } }, Vt = ["placeholder", "title"];
+function zt(s, e, t, n, o, a) {
+  return i(), d("div", St, [
+    l("label", Bt, j(s.intf.name), 1),
     ee(l("input", {
       "onUpdate:modelValue": e[0] || (e[0] = (r) => s.v = r),
       type: "text",
       class: "baklava-input",
       placeholder: s.intf.name,
       title: s.intf.name
-    }, null, 8, Bt), [
+    }, null, 8, Vt), [
       [te, s.v]
     ])
   ]);
 }
-const zt = /* @__PURE__ */ $(Tt, [["render", Vt]]);
-class En extends pe {
-  component = B(zt);
-}
+const jt = /* @__PURE__ */ O(Et, [["render", zt]]);
 class Sn extends pe {
+  component = B(jt);
+}
+class Bn extends pe {
   component = B(ot);
 }
-class Bn extends Q {
+class Vn extends Q {
   constructor(e = "", t = "") {
     super(e, t), this.setComponent(B(Me)), this.use(T, je);
   }
   getValue = () => `(${this.value})`;
 }
-function Vn(s) {
+function zn(s) {
   return class extends Se {
     type = s.type;
     inputs = {};
@@ -412,10 +412,10 @@ function Vn(s) {
     constructor() {
       super(), this._title = s.title ?? s.type, this.executeFactory("input", s.inputs), this.executeFactory("output", s.outputs), s.onCreate?.call(this), this.name = s.name ?? s.type, this.updateModules(s.modules), s.variableName != null && (this.state.variableName = s.variableName), s.codeTemplate && (this.codeTemplate = s.codeTemplate), this.addInput(
         "_code",
-        new L("", []).use(T, U).use(A).setHidden(!0)
+        new G("", []).use(T, U).use(A).setHidden(!0)
       ), this.addOutput(
         "_code",
-        new L("", []).use(T, U).use(A).setHidden(!0)
+        new G("", []).use(T, U).use(A).setHidden(!0)
       );
     }
     onPlaced() {
@@ -441,7 +441,7 @@ function Vn(s) {
     }
   };
 }
-class jt extends Se {
+class Lt extends Se {
   /**
    * The default implementation does nothing.
    * Overwrite this method to do calculation.
@@ -451,8 +451,8 @@ class jt extends Se {
    */
   calculate;
 }
-function zn(s) {
-  return class extends jt {
+function jn(s) {
+  return class extends Lt {
     type = s.type;
     inputs = {};
     outputs = {};
@@ -462,10 +462,10 @@ function zn(s) {
     constructor() {
       super(), this._title = s.title ?? s.type, this.executeFactory("input", s.inputs), this.executeFactory("output", s.outputs), s.onCreate?.call(this), this.name = s.name ?? s.type, this.updateModules(s.modules), s.codeTemplate && (this.codeTemplate = s.codeTemplate), s.variableName && (this.state.variableName = s.variableName), this.addInput(
         "_code",
-        new L("", []).use(T, U).use(A).setHidden(!0)
+        new G("", []).use(T, U).use(A).setHidden(!0)
       ), this.addOutput(
         "_code",
-        new L("", []).use(T, U).use(A).setHidden(!0)
+        new G("", []).use(T, U).use(A).setHidden(!0)
       ), this.staticInputKeys.push("_code"), this.staticOutputKeys.push("_code");
     }
     onPlaced() {
@@ -497,14 +497,14 @@ function zn(s) {
           if (!this.inputs[t]) {
             const n = e.inputs[t].value;
             let o;
-            typeof n == "number" ? o = new at(t, n).use(T, le) : o = new it(t, JSON.stringify(n)).use(T, ue), o.use(Ne, !0), this.addInput(t, o);
+            typeof n == "number" ? o = new at(t, n).use(T, le) : o = new it(t, JSON.stringify(n)).use(T, ue), o.use(xe, !0), this.addInput(t, o);
           }
           this.inputs[t] && (this.inputs[t].load(e.inputs[t]), this.inputs[t].nodeId = this.id);
         }
       for (const t of Object.keys(e.outputs))
         if (!this.staticOutputKeys.includes(t)) {
           if (!this.outputs[t]) {
-            const n = new Ge(t);
+            const n = new Le(t);
             this.addOutput(t, n);
           }
           this.outputs[t] && (this.outputs[t].load(e.outputs[t]), this.outputs[t].nodeId = this.id);
@@ -544,7 +544,7 @@ function zn(s) {
     }
   };
 }
-const jn = "__baklava_GraphNode-", Gt = [
+const Ln = "__baklava_GraphNode-", Gt = [
   "component",
   "connectionCount",
   "events",
@@ -559,7 +559,7 @@ const jn = "__baklava_GraphNode-", Gt = [
   "templateId",
   "value"
 ];
-function Lt(s) {
+function Rt(s) {
   return class extends Ee {
     type = rt(s);
     get title() {
@@ -652,13 +652,13 @@ function Lt(s) {
         this.subgraph.outputs.some((n) => n.id === t) || this.removeOutput(t);
       this.addInput(
         "_code",
-        new L("", []).use(T, U).use(A).setHidden(!0)
+        new G("", []).use(T, U).use(A).setHidden(!0)
       ), this.addOutput(
         "_code",
-        new L("", []).use(T, U).use(A).setHidden(!0)
+        new G("", []).use(T, U).use(A).setHidden(!0)
       ), this.addOutput(
         "_calculationResults",
-        new Ge("_calculationResults", void 0).setHidden(!0)
+        new Le("_calculationResults", void 0).setHidden(!0)
       );
     }
     /**
@@ -667,7 +667,7 @@ function Lt(s) {
      * These properties should be proxied to the subgraph interface, so they behave the same as the original interface.
      */
     createProxyInterface(t, n) {
-      const o = new L(t.name, void 0);
+      const o = new G(t.name, void 0);
       return new Proxy(o, {
         get: (a, r) => {
           if (Gt.includes(r) || r in a || typeof r == "string" && r.startsWith("__v_"))
@@ -687,7 +687,7 @@ function Lt(s) {
   };
 }
 Y.escape = (s) => s;
-class Rt {
+class Pt {
   _id;
   _viewModel;
   _state;
@@ -744,7 +744,7 @@ class Rt {
     return this.state.script;
   }
   set script(e) {
-    this.state.script = e, this.viewModel.engine && this.viewModel.engine.runOnce(void 0);
+    this.state.script = e;
   }
   get scriptedCodeNodes() {
     return oe(this.graph).filter(
@@ -791,7 +791,7 @@ class Rt {
    * Clear code graph.
    */
   clear() {
-    this.viewModel.commandHandler.executeCommand(Z.CLEAR_CLIPBOARD_COMMAND), this.viewModel.commandHandler.executeCommand(Z.CLEAR_HISTORY_COMMAND), this.state.modules = {}, this.nodes = [], this.connections = [], this.script = "";
+    this.viewModel.commandHandler.executeCommand(Z.CLEAR_CLIPBOARD_COMMAND), this.viewModel.commandHandler.executeCommand(Z.CLEAR_HISTORY_COMMAND), this.state.modules = {}, this.nodes = [], this.connections = [], this.state.script = "";
   }
   /**
    * Find node by ID.
@@ -918,13 +918,13 @@ const oe = (s) => {
   return s.nodes.length === 0 || s.nodes.forEach((t) => {
     t && (t.hasOwnProperty("subgraph") ? e.push(...oe(t.subgraph)) : t.hasOwnProperty("isCodeNode") && e.push(t));
   }), e;
-}, Ln = (s = 0, e = 100) => ({
+}, Rn = (s = 0, e = 100) => ({
   x: s * 420,
   y: e
-}), Rn = (s) => {
+}), Pn = (s) => {
   const e = { ...s.position };
   return e.x -= 440, e.y += 50, e;
-}, Pt = ["id"], Ut = { class: "align-middle" }, we = /* @__PURE__ */ R({
+}, Ut = ["id"], Ht = { class: "align-middle" }, we = /* @__PURE__ */ R({
   __name: "CodeGraphNodeInterface",
   props: {
     node: {},
@@ -940,7 +940,7 @@ const oe = (s) => {
     }, g = () => {
       a.value && t.value.hooks.renderInterface.execute({ intf: e.intf, el: a.value });
     };
-    return ie(g), $e(g), (I, G) => (i(), d("div", {
+    return ie(g), Oe(g), (I, L) => (i(), d("div", {
       id: s.intf.id,
       ref_key: "el",
       ref: a,
@@ -951,13 +951,13 @@ const oe = (s) => {
         class: P(["__port", { "--selected": k(o)?.from === s.intf }]),
         onPointerover: p,
         onPointerout: _
-      }, null, 34)) : x("", !0),
-      l("span", Ut, [
+      }, null, 34)) : N("", !0),
+      l("span", Ht, [
         X(I.$slots, "default")
       ])
-    ], 10, Pt));
+    ], 10, Ut));
   }
-}), Ht = {}, At = {
+}), At = {}, Dt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -969,8 +969,8 @@ const oe = (s) => {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-code-variable"
 };
-function Dt(s, e) {
-  return i(), d("svg", At, [...e[0] || (e[0] = [
+function Ft(s, e) {
+  return i(), d("svg", Dt, [...e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -979,7 +979,7 @@ function Dt(s, e) {
     l("path", { d: "M4 8m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v4a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z" }, null, -1)
   ])]);
 }
-const Ft = /* @__PURE__ */ $(Ht, [["render", Dt]]), Wt = {}, Xt = {
+const Wt = /* @__PURE__ */ O(At, [["render", Ft]]), Xt = {}, Yt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -991,8 +991,8 @@ const Ft = /* @__PURE__ */ $(Ht, [["render", Dt]]), Wt = {}, Xt = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-dots-vertical"
 };
-function Yt(s, e) {
-  return i(), d("svg", Xt, [...e[0] || (e[0] = [
+function Kt(s, e) {
+  return i(), d("svg", Yt, [...e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1003,7 +1003,7 @@ function Yt(s, e) {
     l("path", { d: "M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1)
   ])]);
 }
-const Kt = /* @__PURE__ */ $(Wt, [["render", Yt]]), qt = {}, Jt = {
+const qt = /* @__PURE__ */ O(Xt, [["render", Kt]]), Jt = {}, Qt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1011,8 +1011,8 @@ const Kt = /* @__PURE__ */ $(Wt, [["render", Yt]]), qt = {}, Jt = {
   fill: "currentColor",
   class: "baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-left-collapse"
 };
-function Qt(s, e) {
-  return i(), d("svg", Jt, [...e[0] || (e[0] = [
+function Zt(s, e) {
+  return i(), d("svg", Qt, [...e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1021,7 +1021,7 @@ function Qt(s, e) {
     l("path", { d: "M18 3a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h12zm0 2h-9v14h9a1 1 0 0 0 .993 -.883l.007 -.117v-12a1 1 0 0 0 -.883 -.993l-.117 -.007zm-2.293 4.293a1 1 0 0 1 .083 1.32l-.083 .094l-1.292 1.293l1.292 1.293a1 1 0 0 1 .083 1.32l-.083 .094a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 -.083 -1.32l.083 -.094l2 -2a1 1 0 0 1 1.414 0z" }, null, -1)
   ])]);
 }
-const Zt = /* @__PURE__ */ $(qt, [["render", Qt]]), es = {}, ts = {
+const es = /* @__PURE__ */ O(Jt, [["render", Zt]]), ts = {}, ss = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1029,8 +1029,8 @@ const Zt = /* @__PURE__ */ $(qt, [["render", Qt]]), es = {}, ts = {
   fill: "currentColor",
   class: "baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-left-expand"
 };
-function ss(s, e) {
-  return i(), d("svg", ts, [...e[0] || (e[0] = [
+function ns(s, e) {
+  return i(), d("svg", ss, [...e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1039,7 +1039,7 @@ function ss(s, e) {
     l("path", { d: "M18 3a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h12zm0 2h-9v14h9a1 1 0 0 0 .993 -.883l.007 -.117v-12a1 1 0 0 0 -.883 -.993l-.117 -.007zm-4.387 4.21l.094 .083l2 2a1 1 0 0 1 .083 1.32l-.083 .094l-2 2a1 1 0 0 1 -1.497 -1.32l.083 -.094l1.292 -1.293l-1.292 -1.293a1 1 0 0 1 -.083 -1.32l.083 -.094a1 1 0 0 1 1.32 -.083z" }, null, -1)
   ])]);
 }
-const ns = /* @__PURE__ */ $(es, [["render", ss]]), os = {}, as = {
+const os = /* @__PURE__ */ O(ts, [["render", ns]]), as = {}, is = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1047,8 +1047,8 @@ const ns = /* @__PURE__ */ $(es, [["render", ss]]), os = {}, as = {
   fill: "currentColor",
   class: "baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-right"
 };
-function is(s, e) {
-  return i(), d("svg", as, [...e[0] || (e[0] = [
+function rs(s, e) {
+  return i(), d("svg", is, [...e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1057,7 +1057,7 @@ function is(s, e) {
     l("path", { d: "M6 21a3 3 0 0 1 -3 -3v-12a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3zm8 -16h-8a1 1 0 0 0 -1 1v12a1 1 0 0 0 1 1h8z" }, null, -1)
   ])]);
 }
-const rs = /* @__PURE__ */ $(os, [["render", is]]), ds = {}, ls = {
+const ds = /* @__PURE__ */ O(as, [["render", rs]]), ls = {}, us = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1065,8 +1065,8 @@ const rs = /* @__PURE__ */ $(os, [["render", is]]), ds = {}, ls = {
   fill: "currentColor",
   class: "baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-right-collapse"
 };
-function us(s, e) {
-  return i(), d("svg", ls, [...e[0] || (e[0] = [
+function cs(s, e) {
+  return i(), d("svg", us, [...e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1075,7 +1075,7 @@ function us(s, e) {
     l("path", { d: "M18 3a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h12zm-3 2h-9a1 1 0 0 0 -.993 .883l-.007 .117v12a1 1 0 0 0 .883 .993l.117 .007h9v-14zm-5.387 4.21l.094 .083l2 2a1 1 0 0 1 .083 1.32l-.083 .094l-2 2a1 1 0 0 1 -1.497 -1.32l.083 -.094l1.292 -1.293l-1.292 -1.293a1 1 0 0 1 -.083 -1.32l.083 -.094a1 1 0 0 1 1.32 -.083z" }, null, -1)
   ])]);
 }
-const cs = /* @__PURE__ */ $(ds, [["render", us]]), ps = {}, hs = {
+const ps = /* @__PURE__ */ O(ls, [["render", cs]]), hs = {}, ms = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1083,8 +1083,8 @@ const cs = /* @__PURE__ */ $(ds, [["render", us]]), ps = {}, hs = {
   fill: "currentColor",
   class: "baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-right-expand"
 };
-function ms(s, e) {
-  return i(), d("svg", hs, [...e[0] || (e[0] = [
+function vs(s, e) {
+  return i(), d("svg", ms, [...e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1093,7 +1093,7 @@ function ms(s, e) {
     l("path", { d: "M18 3a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h12zm-3 2h-9a1 1 0 0 0 -.993 .883l-.007 .117v12a1 1 0 0 0 .883 .993l.117 .007h9v-14zm-3.293 4.293a1 1 0 0 1 .083 1.32l-.083 .094l-1.292 1.293l1.292 1.293a1 1 0 0 1 .083 1.32l-.083 .094a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 -.083 -1.32l.083 -.094l2 -2a1 1 0 0 1 1.414 0z" }, null, -1)
   ])]);
 }
-const vs = /* @__PURE__ */ $(ps, [["render", ms]]), fs = {}, gs = {
+const fs = /* @__PURE__ */ O(hs, [["render", vs]]), gs = {}, bs = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1105,12 +1105,12 @@ const vs = /* @__PURE__ */ $(ps, [["render", ms]]), fs = {}, gs = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-lock-code"
 };
-function bs(s, e) {
-  return i(), d("svg", gs, [...e[0] || (e[0] = [
+function _s(s, e) {
+  return i(), d("svg", bs, [...e[0] || (e[0] = [
     J('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M11.5 21h-4.5a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2"></path><path d="M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0"></path><path d="M8 11v-4a4 4 0 1 1 8 0v4"></path><path d="M20 21l2 -2l-2 -2"></path><path d="M17 17l-2 2l2 2"></path>', 6)
   ])]);
 }
-const _s = /* @__PURE__ */ $(fs, [["render", bs]]), ys = {}, Cs = {
+const ys = /* @__PURE__ */ O(gs, [["render", _s]]), Cs = {}, ks = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1122,12 +1122,12 @@ const _s = /* @__PURE__ */ $(fs, [["render", bs]]), ys = {}, Cs = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-schema"
 };
-function ks(s, e) {
-  return i(), d("svg", Cs, [...e[0] || (e[0] = [
+function ws(s, e) {
+  return i(), d("svg", ks, [...e[0] || (e[0] = [
     J('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M5 2h5v4h-5z"></path><path d="M15 10h5v4h-5z"></path><path d="M5 18h5v4h-5z"></path><path d="M5 10h5v4h-5z"></path><path d="M10 12h5"></path><path d="M7.5 6v4"></path><path d="M7.5 14v4"></path>', 8)
   ])]);
 }
-const ws = /* @__PURE__ */ $(ys, [["render", ks]]), Is = {}, xs = {
+const Is = /* @__PURE__ */ O(Cs, [["render", ws]]), Ns = {}, xs = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1139,12 +1139,12 @@ const ws = /* @__PURE__ */ $(ys, [["render", ks]]), Is = {}, xs = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-schema-off"
 };
-function Ns(s, e) {
+function Ms(s, e) {
   return i(), d("svg", xs, [...e[0] || (e[0] = [
     J('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M6 2h4v4m-4 0h-1v-1"></path><path d="M15 11v-1h5v4h-2"></path><path d="M5 18h5v4h-5z"></path><path d="M5 10h5v4h-5z"></path><path d="M10 12h2"></path><path d="M7.5 7.5v2.5"></path><path d="M7.5 14v4"></path><path d="M3 3l18 18"></path>', 9)
   ])]);
 }
-const Ms = /* @__PURE__ */ $(Is, [["render", Ns]]), $s = {}, Os = {
+const Os = /* @__PURE__ */ O(Ns, [["render", Ms]]), $s = {}, Ts = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1156,12 +1156,12 @@ const Ms = /* @__PURE__ */ $(Is, [["render", Ns]]), $s = {}, Os = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-transition-bottom"
 };
-function Ts(s, e) {
-  return i(), d("svg", Os, [...e[0] || (e[0] = [
+function Es(s, e) {
+  return i(), d("svg", Ts, [...e[0] || (e[0] = [
     J('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M21 18a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3"></path><path d="M3 3m0 3a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v0a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3z"></path><path d="M12 9v8"></path><path d="M9 14l3 3l3 -3"></path>', 5)
   ])]);
 }
-const Es = /* @__PURE__ */ $($s, [["render", Ts]]), Ss = {}, Bs = {
+const Ss = /* @__PURE__ */ O($s, [["render", Es]]), Bs = {}, Vs = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1173,18 +1173,18 @@ const Es = /* @__PURE__ */ $($s, [["render", Ts]]), Ss = {}, Bs = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-trash-off"
 };
-function Vs(s, e) {
-  return i(), d("svg", Bs, [...e[0] || (e[0] = [
+function zs(s, e) {
+  return i(), d("svg", Vs, [...e[0] || (e[0] = [
     J('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M3 3l18 18"></path><path d="M4 7h3m4 0h9"></path><path d="M10 11l0 6"></path><path d="M14 14l0 3"></path><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l.077 -.923"></path><path d="M18.384 14.373l.616 -7.373"></path><path d="M9 5v-1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3"></path>', 8)
   ])]);
 }
-const zs = /* @__PURE__ */ $(Ss, [["render", Vs]]), js = ["id", "data-node-type"], Gs = {
+const js = /* @__PURE__ */ O(Bs, [["render", zs]]), Ls = ["id", "data-node-type"], Gs = {
   class: "__title-label",
   style: { "flex-grow": "1" }
-}, Ls = { key: 0 }, Rs = {
+}, Rs = { key: 0 }, Ps = {
   class: "__menu",
   style: { display: "flex" }
-}, Ps = { class: "__outputs" }, Us = { key: 0 }, Hs = ["id", "title"], As = { class: "__inputs" }, Ds = { key: 0 }, Fs = ["id", "title"], Ws = /* @__PURE__ */ R({
+}, Us = { class: "__outputs" }, Hs = { key: 0 }, As = ["id", "title"], Ds = { class: "__inputs" }, Fs = { key: 0 }, Ws = ["id", "title"], Xs = /* @__PURE__ */ R({
   __name: "CodeGraphNode",
   props: {
     node: {},
@@ -1193,8 +1193,8 @@ const zs = /* @__PURE__ */ $(Ss, [["render", Vs]]), js = ["id", "data-node-type"
   },
   emits: ["select", "start-drag", "update"],
   setup(s, { emit: e }) {
-    const t = Ce.ContextMenu, n = Ce.NodeInterface, o = s, a = b(() => o.node), r = e, { viewModel: u } = K(), { graph: p, switchGraph: _ } = ae(), g = V(null), I = V(!1), G = V(""), N = V(null), y = V(!1);
-    let f = 0, O = 0;
+    const t = Ce.ContextMenu, n = Ce.NodeInterface, o = s, a = b(() => o.node), r = e, { viewModel: u } = K(), { graph: p, switchGraph: _ } = ae(), g = V(null), I = V(!1), L = V(""), x = V(null), y = V(!1);
+    let f = 0, $ = 0;
     const m = V(!1), w = b(() => {
       const c = [
         { value: "edit", label: "Edit" },
@@ -1209,7 +1209,7 @@ const zs = /* @__PURE__ */ $(Ss, [["render", Vs]]), js = ["id", "data-node-type"
       "--hidden": a.value.state?.hidden
     })), M = b(() => ({
       "--reverse-y": o.node.reverseY ?? u.value.settings.nodes.reverseY
-    })), Le = b(() => ({
+    })), Ge = b(() => ({
       top: `${o.node.position?.y ?? 0}px`,
       left: `${o.node.position?.x ?? 0}px`,
       "--width": `${o.node.width ?? u.value.settings.nodes.defaultWidth}px`
@@ -1237,30 +1237,30 @@ const zs = /* @__PURE__ */ $(Ss, [["render", Vs]]), js = ["id", "data-node-type"
           p.value.removeNode(o.node);
           break;
         case "rename":
-          G.value = o.node.title, I.value = !0, await bt(), N.value?.focus();
+          L.value = o.node.title, I.value = !0, await _t(), x.value?.focus();
           break;
         case "editSubgraph":
           _(o.node.template);
           break;
       }
     }, fe = () => {
-      a.value.title = G.value, I.value = !1;
+      a.value.title = L.value, I.value = !1;
     }, ge = () => {
       g.value && u.value.hooks.renderNode.execute({ node: o.node, el: g.value });
     }, Fe = (c) => {
-      y.value = !0, f = o.node.width, O = c.clientX, c.preventDefault();
+      y.value = !0, f = o.node.width, $ = c.clientX, c.preventDefault();
     }, be = (c) => {
       a.value.state && (a.value.state.integrated = c, r("update"));
     }, _e = (c) => {
       if (!y.value) return;
-      const C = c.clientX - O, v = f + C / p.value.scaling, We = u.value.settings.nodes.minWidth, Xe = u.value.settings.nodes.maxWidth;
+      const C = c.clientX - $, v = f + C / p.value.scaling, We = u.value.settings.nodes.minWidth, Xe = u.value.settings.nodes.maxWidth;
       a.value.width = Math.max(We, Math.min(Xe, v));
     }, ye = () => {
       y.value = !1;
     };
     return ie(() => {
       ge(), window.addEventListener("mousemove", _e), window.addEventListener("mouseup", ye);
-    }), $e(ge), ft(() => {
+    }), Oe(ge), gt(() => {
       window.removeEventListener("mousemove", _e), window.removeEventListener("mouseup", ye);
     }), (c, C) => (i(), d("div", {
       id: a.value.id,
@@ -1268,14 +1268,14 @@ const zs = /* @__PURE__ */ $(Ss, [["render", Vs]]), js = ["id", "data-node-type"
       ref: g,
       class: P([h.value, "baklava-node"]),
       "data-node-type": a.value.type,
-      style: re(Le.value),
+      style: re(Ge.value),
       onPointerdown: he
     }, [
       k(u).settings.nodes.resizable ? (i(), d("div", {
         key: 0,
         class: "__resize-handle",
         onMousedown: Fe
-      }, null, 32)) : x("", !0),
+      }, null, 32)) : N("", !0),
       l("div", {
         class: "__title",
         onPointerdown: F(Ue, ["self", "stop"]),
@@ -1289,12 +1289,12 @@ const zs = /* @__PURE__ */ $(Ss, [["render", Vs]]), js = ["id", "data-node-type"
           class: "--input",
           "data-interface-type": "node",
           style: { "flex-grow": "0" }
-        }, null, 8, ["node", "intf", "title"])) : x("", !0),
+        }, null, 8, ["node", "intf", "title"])) : N("", !0),
         I.value ? ee((i(), d("input", {
           key: 2,
           ref_key: "renameInputEl",
-          ref: N,
-          "onUpdate:modelValue": C[4] || (C[4] = (v) => G.value = v),
+          ref: x,
+          "onUpdate:modelValue": C[4] || (C[4] = (v) => L.value = v),
           class: "baklava-input",
           placeholder: "Node Name",
           style: { "flex-grow": "1" },
@@ -1302,43 +1302,43 @@ const zs = /* @__PURE__ */ $(Ss, [["render", Vs]]), js = ["id", "data-node-type"
           onBlur: fe,
           onKeydown: ne(fe, ["enter"])
         }, null, 544)), [
-          [te, G.value]
+          [te, L.value]
         ]) : (i(), d(S, { key: 1 }, [
           l("div", Gs, [
-            a.value.idx > -1 ? (i(), d("span", Ls, j(a.value.idx + 1) + " - ", 1)) : x("", !0),
-            gt(j(a.value.title), 1)
+            a.value.idx > -1 ? (i(), d("span", Rs, j(a.value.idx + 1) + " - ", 1)) : N("", !0),
+            bt(j(a.value.title), 1)
           ]),
-          l("div", Rs, [
+          l("div", Ps, [
             a.value.isCodeNode ? (i(), d(S, { key: 0 }, [
-              a.value.state.lockCode ? (i(), E(k(_s), {
+              a.value.state.lockCode ? (i(), E(k(ys), {
                 key: 0,
                 class: "--clickable mx-1",
                 onClick: C[0] || (C[0] = (v) => a.value.lockCode = !1)
-              })) : x("", !0),
-              a.value.state.integrated ? (i(), E(k(Ft), {
+              })) : N("", !0),
+              a.value.state.integrated ? (i(), E(k(Wt), {
                 key: 1,
                 class: "--clickable mx-1",
                 onClick: C[1] || (C[1] = (v) => be(!1))
-              })) : (i(), E(k(Es), {
+              })) : (i(), E(k(Ss), {
                 key: 2,
                 class: "--clickable mx-1",
                 onClick: C[2] || (C[2] = (v) => be(!0))
               })),
-              !k(u).displayedGraph.sidebar.visible && k(u).displayedGraph.sidebar.nodeId !== a.value.id ? (i(), E(k(vs), {
+              !k(u).displayedGraph.sidebar.visible && k(u).displayedGraph.sidebar.nodeId !== a.value.id ? (i(), E(k(fs), {
                 key: 3,
                 class: "--clickable mx-1",
                 onClick: ve
-              })) : k(u).displayedGraph.sidebar.visible && k(u).displayedGraph.sidebar.nodeId !== a.value.id ? (i(), E(k(rs), {
+              })) : k(u).displayedGraph.sidebar.visible && k(u).displayedGraph.sidebar.nodeId !== a.value.id ? (i(), E(k(ds), {
                 key: 4,
                 class: "--clickable mx-1",
                 onClick: Ae
-              })) : (i(), E(k(cs), {
+              })) : (i(), E(k(ps), {
                 key: 5,
                 class: "--clickable mx-1",
                 onClick: He
               }))
-            ], 64)) : x("", !0),
-            z(k(Kt), {
+            ], 64)) : N("", !0),
+            z(k(qt), {
               class: "--clickable mx-1",
               onClick: me
             }),
@@ -1359,7 +1359,7 @@ const zs = /* @__PURE__ */ $(Ss, [["render", Vs]]), js = ["id", "data-node-type"
           class: "--output",
           title: a.value.outputs._code.value,
           "data-interface-type": "node"
-        }, null, 8, ["node", "intf", "title"])) : x("", !0)
+        }, null, 8, ["node", "intf", "title"])) : N("", !0)
       ], 32),
       l("div", {
         class: P(["__content", M.value]),
@@ -1368,11 +1368,11 @@ const zs = /* @__PURE__ */ $(Ss, [["render", Vs]]), js = ["id", "data-node-type"
         onContextmenu: C[6] || (C[6] = F(() => {
         }, ["prevent"]))
       }, [
-        l("div", Ps, [
+        l("div", Us, [
           (i(!0), d(S, null, D(Pe.value, (v) => (i(), d(S, {
             key: v.id
           }, [
-            a.value.state?.hidden ? (i(), d("div", Us, [
+            a.value.state?.hidden ? (i(), d("div", Hs, [
               v.port ? (i(), d("div", {
                 key: 0,
                 id: v.id,
@@ -1380,7 +1380,7 @@ const zs = /* @__PURE__ */ $(Ss, [["render", Vs]]), js = ["id", "data-node-type"
                 class: "baklava-node-interface --output --connected"
               }, [...C[7] || (C[7] = [
                 l("div", { class: "__port" }, null, -1)
-              ])], 8, Hs)) : x("", !0)
+              ])], 8, As)) : N("", !0)
             ])) : X(c.$slots, "nodeInterface", {
               key: 1,
               type: "output",
@@ -1395,11 +1395,11 @@ const zs = /* @__PURE__ */ $(Ss, [["render", Vs]]), js = ["id", "data-node-type"
             ])
           ], 64))), 128))
         ]),
-        l("div", As, [
+        l("div", Ds, [
           (i(!0), d(S, null, D(Re.value, (v) => (i(), d(S, {
             key: v.id
           }, [
-            a.value.state?.hidden ? (i(), d("div", Ds, [
+            a.value.state?.hidden ? (i(), d("div", Fs, [
               v.port ? (i(), d("div", {
                 key: 0,
                 id: v.id,
@@ -1407,7 +1407,7 @@ const zs = /* @__PURE__ */ $(Ss, [["render", Vs]]), js = ["id", "data-node-type"
                 class: "baklava-node-interface --input --connected"
               }, [...C[8] || (C[8] = [
                 l("div", { class: "__port" }, null, -1)
-              ])], 8, Fs)) : x("", !0)
+              ])], 8, Ws)) : N("", !0)
             ])) : X(c.$slots, "nodeInterface", {
               key: 1,
               node: a.value,
@@ -1423,9 +1423,9 @@ const zs = /* @__PURE__ */ $(Ss, [["render", Vs]]), js = ["id", "data-node-type"
           ], 64))), 128))
         ])
       ], 34)
-    ], 46, js));
+    ], 46, Ls));
   }
-}), Xs = ["title"], Ys = {
+}), Ys = ["title"], Ks = {
   key: 0,
   class: "__label"
 }, Ie = /* @__PURE__ */ R({
@@ -1458,35 +1458,35 @@ const zs = /* @__PURE__ */ $(Ss, [["render", Vs]]), js = ["id", "data-node-type"
           })
         ])
       ], -1)),
-      s.name ? (i(), d("div", Ys, j(s.name), 1)) : x("", !0)
-    ], 10, Xs));
+      s.name ? (i(), d("div", Ks, j(s.name), 1)) : N("", !0)
+    ], 10, Ys));
   }
-}), Ks = { class: "__header" }, qs = { class: "__node-name" }, Js = { class: "__interfaces" }, Qs = { class: "__inputs" }, Zs = { style: { display: "flex" } }, en = { class: "__outputs" }, tn = {
+}), qs = { class: "__header" }, Js = { class: "__node-name" }, Qs = { class: "__interfaces" }, Zs = { class: "__inputs" }, en = { style: { display: "flex" } }, tn = { class: "__outputs" }, sn = {
   key: 0,
   class: "__interface"
-}, sn = { style: { display: "flex" } }, nn = /* @__PURE__ */ R({
+}, nn = { style: { display: "flex" } }, on = /* @__PURE__ */ R({
   __name: "CodeGraphSidebar",
   setup(s) {
-    const { viewModel: e } = K(), { graph: t } = ae(), n = V(null), o = Oe(e.value.settings.sidebar, "width"), a = b(() => e.value.settings.sidebar.resizable);
+    const { viewModel: e } = K(), { graph: t } = ae(), n = V(null), o = $e(e.value.settings.sidebar, "width"), a = b(() => e.value.settings.sidebar.resizable);
     let r = 0, u = 0;
     const p = b(() => {
       const m = t.value.sidebar.nodeId;
       return t.value.nodes.find((w) => w.id === m);
     }), _ = b(() => p.value), g = b(() => ({
       width: `${o.value}px`
-    })), I = b(() => _.value ? Object.values(_.value.inputs).filter((m) => m.displayInSidebar && m.component) : []), G = b(() => _.value ? Object.values(_.value.outputs).filter((m) => m.displayInSidebar && m.component) : []), N = () => {
+    })), I = b(() => _.value ? Object.values(_.value.inputs).filter((m) => m.displayInSidebar && m.component) : []), L = b(() => _.value ? Object.values(_.value.outputs).filter((m) => m.displayInSidebar && m.component) : []), x = () => {
       t.value.sidebar.visible = !1;
     }, y = () => {
       p.value?.events.update.emit(null);
     }, f = (m) => {
-      r = o.value, u = m.clientX, window.addEventListener("mousemove", O), window.addEventListener(
+      r = o.value, u = m.clientX, window.addEventListener("mousemove", $), window.addEventListener(
         "mouseup",
         () => {
-          window.removeEventListener("mousemove", O);
+          window.removeEventListener("mousemove", $);
         },
         { once: !0 }
       );
-    }, O = (m) => {
+    }, $ = (m) => {
       const w = n.value?.parentElement?.getBoundingClientRect().width ?? 500, h = m.clientX - u;
       let M = r - h;
       M < 300 ? M = 300 : M > 0.9 * w && (M = 0.9 * w), o.value = M;
@@ -1501,25 +1501,25 @@ const zs = /* @__PURE__ */ $(Ss, [["render", Vs]]), js = ["id", "data-node-type"
         key: 0,
         class: "__resizer",
         onMousedown: f
-      }, null, 32)) : x("", !0),
+      }, null, 32)) : N("", !0),
       p.value ? (i(), d(S, { key: 1 }, [
-        l("div", Ks, [
+        l("div", qs, [
           l("button", {
             tabindex: "-1",
             class: "__close",
-            onClick: N
+            onClick: x
           }, "×"),
-          l("div", qs, [
+          l("div", Js, [
             l("b", null, j(p.value.title), 1)
           ])
         ]),
-        l("div", Js, [
-          l("div", Qs, [
+        l("div", Qs, [
+          l("div", Zs, [
             (i(!0), d(S, null, D(I.value, (h) => (i(), d("div", {
               key: h.id,
               class: "__interface"
             }, [
-              l("div", Zs, [
+              l("div", en, [
                 z(Ie, {
                   modelValue: h.hidden,
                   "onUpdate:modelValue": [
@@ -1540,8 +1540,8 @@ const zs = /* @__PURE__ */ $(Ss, [["render", Vs]]), js = ["id", "data-node-type"
               ])
             ]))), 128))
           ]),
-          l("div", en, [
-            _.value && _.value.state ? (i(), d("div", tn, [
+          l("div", tn, [
+            _.value && _.value.state ? (i(), d("div", sn, [
               w[3] || (w[3] = l("label", null, "Variable name", -1)),
               ee(l("input", {
                 "onUpdate:modelValue": w[1] || (w[1] = (h) => _.value.state.variableName = h),
@@ -1553,12 +1553,12 @@ const zs = /* @__PURE__ */ $(Ss, [["render", Vs]]), js = ["id", "data-node-type"
               }, null, 544), [
                 [te, _.value.state.variableName]
               ])
-            ])) : x("", !0),
-            (i(!0), d(S, null, D(G.value, (h) => (i(), d("div", {
+            ])) : N("", !0),
+            (i(!0), d(S, null, D(L.value, (h) => (i(), d("div", {
               key: h.id,
               class: "__interface"
             }, [
-              l("div", sn, [
+              l("div", nn, [
                 z(Ie, {
                   modelValue: h.hidden,
                   "onUpdate:modelValue": [
@@ -1581,14 +1581,14 @@ const zs = /* @__PURE__ */ $(Ss, [["render", Vs]]), js = ["id", "data-node-type"
           ])
         ]),
         X(m.$slots, "codeEditor", { node: p.value })
-      ], 64)) : x("", !0)
+      ], 64)) : N("", !0)
     ], 6));
   }
 });
-function on(s, e) {
+function an(s, e) {
   return Object.fromEntries(Object.entries(s).filter(e));
 }
-const an = R({
+const rn = R({
   props: {
     type: {
       type: String,
@@ -1619,63 +1619,63 @@ const an = R({
         }
     } };
   }
-}), rn = ["data-node-type"], dn = { class: "__title" }, ln = { class: "__title-label" };
-function un(s, e, t, n, o, a) {
+}), dn = ["data-node-type"], ln = { class: "__title" }, un = { class: "__title-label" };
+function cn(s, e, t, n, o, a) {
   return i(), d("div", {
     class: "baklava-node --palette",
     "data-node-type": s.type
   }, [
-    l("div", dn, [
-      l("div", ln, j(s.title), 1)
+    l("div", ln, [
+      l("div", un, j(s.title), 1)
     ])
-  ], 8, rn);
+  ], 8, dn);
 }
-const xe = /* @__PURE__ */ $(an, [["render", un]]), cn = {
+const Ne = /* @__PURE__ */ O(rn, [["render", cn]]), pn = {
   class: "baklava-node --palette",
   style: { "margin-top": "-20px", "margin-bottom": "20px" }
-}, pn = {
+}, hn = {
   key: 0,
   style: { display: "flex", "justify-content": "space-between" }
-}, hn = ["onClick"], mn = {
+}, mn = ["onClick"], vn = {
   key: 0,
   style: { margin: "auto 0", "font-size": "12px" }
-}, vn = /* @__PURE__ */ R({
+}, fn = /* @__PURE__ */ R({
   __name: "CodeNodePalette",
   setup(s) {
-    const { viewModel: e } = K(), { x: t, y: n } = xt(), { transform: o } = ct(), a = pt(e), r = _t("editorEl"), u = V(""), p = V(null), _ = () => u.value ? a.value.filter(
-      (N) => N.name.toLowerCase().includes(u.value.toLowerCase()) || Object.values(N.nodeTypes).some(
+    const { viewModel: e } = K(), { x: t, y: n } = xt(), { transform: o } = ct(), a = pt(e), r = yt("editorEl"), u = V(""), p = V(null), _ = () => u.value ? a.value.filter(
+      (x) => x.name.toLowerCase().includes(u.value.toLowerCase()) || Object.values(x.nodeTypes).some(
         (y) => y.title.toLowerCase().includes(u.value.toLowerCase())
       )
-    ) : a.value, g = (N) => u.value ? on(N, (y) => {
+    ) : a.value, g = (x) => u.value ? an(x, (y) => {
       const f = y[1];
       return f.category.includes(u.value.toLowerCase()) || f.title?.toLowerCase().includes(u.value.toLowerCase());
-    }) : N, I = b(() => {
+    }) : x, I = b(() => {
       if (!p.value || !r?.value) return {};
-      const { left: N, top: y } = r.value.getBoundingClientRect();
+      const { left: x, top: y } = r.value.getBoundingClientRect();
       return {
         top: `${n.value - y}px`,
-        left: `${t.value - N}px`
+        left: `${t.value - x}px`
       };
-    }), G = (N, y) => {
+    }), L = (x, y) => {
       p.value = {
-        type: N,
+        type: x,
         nodeInformation: y
       };
       const f = () => {
-        const O = q(new y.type());
-        e.value.displayedGraph.addNode(O);
+        const $ = q(new y.type());
+        e.value.displayedGraph.addNode($);
         const m = r.value.getBoundingClientRect(), [w, h] = o(t.value - m.left, n.value - m.top);
-        O.position.x = w, O.position.y = h, p.value = null, document.removeEventListener("pointerup", f);
+        $.position.x = w, $.position.y = h, p.value = null, document.removeEventListener("pointerup", f);
       };
       document.addEventListener("pointerup", f);
     };
-    return (N, y) => (i(), d(S, null, [
+    return (x, y) => (i(), d(S, null, [
       l("div", {
         class: P([{ "--open": k(e).settings.palette.enabled }, "baklava-node-palette"]),
         onContextmenu: y[1] || (y[1] = F(() => {
         }, ["stop", "prevent"]))
       }, [
-        l("div", cn, [
+        l("div", pn, [
           ee(l("input", {
             "onUpdate:modelValue": y[0] || (y[0] = (f) => u.value = f),
             type: "text",
@@ -1689,60 +1689,60 @@ const xe = /* @__PURE__ */ $(an, [["render", un]]), cn = {
         (i(!0), d(S, null, D(_(), (f) => (i(), d("section", {
           key: f.name
         }, [
-          f.name !== "default" ? (i(), d("h3", pn, [
+          f.name !== "default" ? (i(), d("h3", hn, [
             l("div", {
-              onClick: (O) => u.value = f.name,
+              onClick: ($) => u.value = f.name,
               style: { cursor: "pointer" }
-            }, j(f.name), 9, hn),
-            Object.keys(g(f.nodeTypes)).length < Object.values(f.nodeTypes).length ? (i(), d("div", mn, " ( " + j(Object.keys(g(f.nodeTypes)).length) + " / " + j(Object.values(f.nodeTypes).length) + " ) ", 1)) : x("", !0)
-          ])) : x("", !0),
-          (i(!0), d(S, null, D(g(f.nodeTypes), (O, m) => (i(), E(xe, {
+            }, j(f.name), 9, mn),
+            Object.keys(g(f.nodeTypes)).length < Object.values(f.nodeTypes).length ? (i(), d("div", vn, " ( " + j(Object.keys(g(f.nodeTypes)).length) + " / " + j(Object.values(f.nodeTypes).length) + " ) ", 1)) : N("", !0)
+          ])) : N("", !0),
+          (i(!0), d(S, null, D(g(f.nodeTypes), ($, m) => (i(), E(Ne, {
             key: m,
             type: m,
-            title: O.title,
-            onPointerdown: (w) => G(m, O)
+            title: $.title,
+            onPointerdown: (w) => L(m, $)
           }, null, 8, ["type", "title", "onPointerdown"]))), 128))
         ]))), 128))
       ], 34),
-      z(yt, { name: "fade" }, {
+      z(Ct, { name: "fade" }, {
         default: W(() => [
           p.value ? (i(), d("div", {
             key: 0,
             class: "baklava-dragged-node",
             style: re(I.value)
           }, [
-            z(xe, {
+            z(Ne, {
               type: p.value.type,
               title: p.value.nodeInformation.title
             }, null, 8, ["type", "title"])
-          ], 4)) : x("", !0)
+          ], 4)) : N("", !0)
         ]),
         _: 1
       })
     ], 64));
   }
-}), Pn = /* @__PURE__ */ R({
+}), Un = /* @__PURE__ */ R({
   __name: "CodeGraphEditor",
   props: {
     viewModel: {}
   },
   setup(s) {
-    const t = Oe(s, "viewModel"), n = (o) => o.events.update.emit(null);
+    const t = $e(s, "viewModel"), n = (o) => o.events.update.emit(null);
     return ie(() => {
       t.value.subscribe(), t.value.engine.start();
-    }), Ct(() => {
+    }), kt(() => {
       t.value.unsubscribe(), t.value.engine.stop();
     }), (o, a) => (i(), E(k(ht), { "view-model": t.value }, {
       palette: W(() => [
-        z(vn)
+        z(fn)
       ]),
       node: W((r) => [
-        z(Ws, It(r, {
+        z(Xs, Nt(r, {
           onUpdate: (u) => n(r.node)
         }), null, 16, ["onUpdate"])
       ]),
       sidebar: W((r) => [
-        z(nn, kt(wt(r)), {
+        z(on, wt(It(r)), {
           codeEditor: W(({ node: u }) => [
             X(o.$slots, "sidebarCodeEditor", { node: u })
           ]),
@@ -1753,15 +1753,15 @@ const xe = /* @__PURE__ */ $(an, [["render", un]]), cn = {
     }, 8, ["view-model"]));
   }
 });
-function Un(s) {
+function Hn(s) {
   const e = mt(s?.existingEditor);
-  return e.code = s?.code ? new s.code(e) : new Rt(e), e.editor.addGraphTemplate = function(t) {
+  return e.code = s?.code ? new s.code(e) : new Pt(e), e.editor.addGraphTemplate = function(t) {
     if (this.events.beforeAddGraphTemplate.emit(t).prevented)
       return;
     this._graphTemplates.push(t), this.graphTemplateEvents.addTarget(t.events), this.graphTemplateHooks.addTarget(t.hooks);
-    const n = Lt(t);
+    const n = Rt(t);
     this.registerNodeType(n, { category: "Subgraphs", title: t.name }), this.events.addGraphTemplate.emit(t);
-  }, fn(e), gn(e), e.state = q({
+  }, gn(e), bn(e), e.state = q({
     modules: {},
     token: null
   }), e.init = () => {
@@ -1800,91 +1800,93 @@ function Un(s) {
     e.displayedGraph.events.addNode.unsubscribe(t), e.displayedGraph.events.addConnection.unsubscribe(t), e.engine.events.beforeRun.unsubscribe(t), e.engine.events.beforeNodeCalculation.unsubscribe(t), e.engine.events.afterRun.unsubscribe(t), e.state.token = null;
   }, e;
 }
-const fn = (s) => {
+const gn = (s) => {
   const e = "TOGGLE_PALETTE";
   s.commandHandler.registerCommand(e, {
     execute: () => s.settings.palette.enabled = !s.settings.palette.enabled,
     canExecute: () => !0
-  }), s.settings.toolbar.commands.unshift({
+  });
+  const t = {
     command: e,
     title: "Toggle palette",
     // Tooltip text
-    icon: b(() => s.settings.palette.enabled ? Zt : ns)
-  });
-  const t = "CLEAR_ALL";
-  s.commandHandler.registerCommand(t, {
+    icon: b(() => s.settings.palette.enabled ? es : os)
+  }, n = "CLEAR_ALL";
+  s.commandHandler.registerCommand(n, {
     execute: () => s.code.clear(),
     canExecute: () => s.displayedGraph.nodes.length > 0
-  }), s.settings.toolbar.commands.push({
-    command: t,
+  });
+  const o = {
+    command: n,
     title: "Clear all",
     // Tooltip text
-    icon: b(() => zs)
-  });
-  const n = "TOGGLE_MINIMAP";
-  s.commandHandler.registerCommand(n, {
+    icon: b(() => js)
+  }, a = "TOGGLE_MINIMAP";
+  s.commandHandler.registerCommand(a, {
     execute: () => s.settings.enableMinimap = !s.settings.enableMinimap,
     canExecute: () => s.displayedGraph.nodes.length > 1
-  }), s.settings.toolbar.commands.push({
-    command: n,
+  });
+  const r = {
+    command: a,
     title: "Toggle minimap",
     // Tooltip text
-    icon: b(() => s.settings.enableMinimap ? Ms : ws)
-  });
-}, gn = (s) => {
+    icon: b(() => s.settings.enableMinimap ? Os : Is)
+  };
+  s.settings.toolbar.commands = [t, ...ft, o, r];
+}, bn = (s) => {
   s.settings.nodes.defaultWidth = 400;
 };
 export {
   Ee as AbstractCodeNode,
   xn as CheckboxInterface,
-  Rt as Code,
-  Pn as CodeGraphEditor,
+  Pt as Code,
+  Un as CodeGraphEditor,
   Se as CodeNode,
   Q as CodeNodeInputInterface,
-  L as CodeNodeInterface,
+  G as CodeNodeInterface,
   de as CodeNodeInterfaceComponent,
-  Ge as CodeNodeOutputInterface,
-  Ft as CodeVariable,
-  Kt as DotsVertical,
-  jt as DynamicCodeNode,
-  jn as GRAPH_NODE_TYPE_PREFIX,
-  Nn as IntegerInterface,
-  Zt as LayoutSidebarLeftCollapse,
-  ns as LayoutSidebarLeftExpand,
-  rs as LayoutSidebarRight,
-  cs as LayoutSidebarRightCollapse,
-  vs as LayoutSidebarRightExpand,
-  Mn as ListInputInterface,
-  _s as LockCode,
+  Le as CodeNodeOutputInterface,
+  Wt as CodeVariable,
+  qt as DotsVertical,
+  Lt as DynamicCodeNode,
+  Ln as GRAPH_NODE_TYPE_PREFIX,
+  Mn as IntegerInterface,
+  es as LayoutSidebarLeftCollapse,
+  os as LayoutSidebarLeftExpand,
+  ds as LayoutSidebarRight,
+  ps as LayoutSidebarRightCollapse,
+  fs as LayoutSidebarRightExpand,
+  On as ListInputInterface,
+  ys as LockCode,
   $n as NumberInterface,
-  ws as Schema,
-  Ms as SchemaOff,
-  On as SelectInterface,
-  Tn as SliderInterface,
-  En as TextInputInterface,
-  zt as TextInputInterfaceComponent,
-  Sn as TextareaInputInterface,
-  Es as TransitionBottom,
-  zs as TrashOff,
-  Bn as TupleInputInterface,
-  In as addDefaultInterfaceTypes,
-  fn as addToolbarCommands,
+  Is as Schema,
+  Os as SchemaOff,
+  Tn as SelectInterface,
+  En as SliderInterface,
+  Sn as TextInputInterface,
+  jt as TextInputInterfaceComponent,
+  Bn as TextareaInputInterface,
+  Ss as TransitionBottom,
+  js as TrashOff,
+  Vn as TupleInputInterface,
+  Nn as addDefaultInterfaceTypes,
+  gn as addToolbarCommands,
   Ve as booleanType,
-  Lt as createCodeGraphNodeType,
-  Vn as defineCodeNode,
-  zn as defineDynamicCodeNode,
-  Ot as dictType,
-  Nt as formatInputs,
+  Rt as createCodeGraphNodeType,
+  zn as defineCodeNode,
+  jn as defineDynamicCodeNode,
+  Tt as dictType,
+  Mt as formatInputs,
   oe as getCodeNodes,
-  Ln as getPositionAtColumn,
-  Rn as getPositionBeforeNode,
+  Rn as getPositionAtColumn,
+  Pn as getPositionBeforeNode,
   ze as listType,
   Be as loadNodeState,
   U as nodeType,
   le as numberType,
-  Mt as saveNodeState,
+  Ot as saveNodeState,
   ue as stringType,
   je as tupleType,
-  gn as updateSettings,
-  Un as useCodeGraph
+  bn as updateSettings,
+  Hn as useCodeGraph
 };