@babsey/code-graph 0.1.0 → 0.1.1

package/dist/code-graph.js

@@ -1,11 +1,11 @@
-import { AbstractNode as We, sortTopologically as Ne, NodeInterface as Xe, displayInSidebar as Me, NodeInterfaceType as R, BaklavaInterfaceTypes as qe, CheckboxInterfaceComponent as Je, setType as S, IntegerInterfaceComponent as Ye, TextInputInterfaceComponent as $e, NumberInterfaceComponent as Qe, SelectInterfaceComponent as Ke, SliderInterfaceComponent as Ze, TextareaInputInterfaceComponent as et, allowMultipleConnections as K, IntegerInterface as tt, TextInputInterface as st, useViewModel as q, useTemporaryConnection as nt, Components as ke, useGraph as ae, GRAPH_NODE_TYPE_PREFIX as se, useTransform as ot, useNodeCategories as at, BaklavaEditor as it, DEFAULT_TOOLBAR_COMMANDS as rt, useBaklava as lt, DependencyEngine as dt, applyResult as ut } from "baklavajs";
+import { AbstractNode as We, sortTopologically as Ne, NodeInterface as Xe, displayInSidebar as $e, NodeInterfaceType as R, BaklavaInterfaceTypes as qe, CheckboxInterfaceComponent as Je, setType as z, IntegerInterfaceComponent as Ye, TextInputInterfaceComponent as Me, NumberInterfaceComponent as Qe, SelectInterfaceComponent as Ke, SliderInterfaceComponent as Ze, TextareaInputInterfaceComponent as et, allowMultipleConnections as K, IntegerInterface as tt, TextInputInterface as st, useViewModel as q, useTemporaryConnection as nt, Components as ke, useGraph as ae, GRAPH_NODE_TYPE_PREFIX as se, useTransform as ot, useNodeCategories as at, BaklavaEditor as it, DEFAULT_TOOLBAR_COMMANDS as rt, useBaklava as lt, DependencyEngine as dt, applyResult as ut } from "baklavajs";
 import Z from "mustache";
-import { reactive as P, defineComponent as U, createElementBlock as r, openBlock as i, toDisplayString as j, markRaw as E, computed as b, createElementVNode as l, withDirectives as ee, vModelText as te, ref as B, onMounted as ie, onUpdated as Oe, normalizeClass as G, createCommentVNode as I, unref as _, renderSlot as W, createStaticVNode as J, onBeforeUnmount as ct, normalizeStyle as re, withModifiers as A, createBlock as O, Fragment as T, createTextVNode as pt, createVNode as z, withKeys as ne, renderList as D, nextTick as ht, toRef as Te, resolveDynamicComponent as Ce, inject as vt, Transition as mt, withCtx as F, onUnmounted as ft, normalizeProps as gt, guardReactiveProps as bt, mergeProps as yt } from "vue";
+import { reactive as H, defineComponent as U, createElementBlock as l, openBlock as i, toDisplayString as j, markRaw as E, computed as b, createElementVNode as r, withDirectives as ee, vModelText as te, ref as V, onMounted as ie, onUpdated as Oe, normalizeClass as G, createCommentVNode as I, unref as _, renderSlot as W, createStaticVNode as J, onBeforeUnmount as ct, normalizeStyle as re, withModifiers as A, createBlock as O, Fragment as T, createTextVNode as pt, createVNode as S, withKeys as ne, renderList as P, nextTick as ht, toRef as Te, resolveDynamicComponent as we, inject as vt, Transition as mt, withCtx as F, onUnmounted as ft, normalizeProps as gt, guardReactiveProps as bt, mergeProps as yt } from "vue";
 import _t from "toposort";
 import { v4 as kt } from "uuid";
-import { usePointer as Ct } from "@vueuse/core";
+import { usePointer as wt } from "@vueuse/core";
 Z.escape = (s) => s;
-class wt extends We {
+class Ct extends We {
   state;
   code;
   isCodeNode = !0;
@@ -14,7 +14,7 @@ class wt extends We {
   inputs = {};
   outputs = {};
   constructor() {
-    super(), this.initializeIo(), this.width = 400, this.twoColumn = !0, this.state = P({
+    super(), this.initializeIo(), this.width = 400, this.twoColumn = !0, this.state = H({
       codeTemplate: "",
       hidden: !1,
       integrated: !1,
@@ -176,7 +176,7 @@ class wt extends We {
     this.state.props = e;
   }
 }
-class Ee extends wt {
+class Ee extends Ct {
   /**
    * The default implementation does nothing.
    * Overwrite this method to do calculation.
@@ -186,7 +186,7 @@ class Ee extends wt {
    */
   calculate;
   load(e) {
-    super.load(e), Ve(this.graph, e);
+    super.load(e), Be(this.graph, e);
   }
   save() {
     const e = super.save();
@@ -208,7 +208,7 @@ const xt = (s, e = !0) => {
     const d = e && t.length < n.indexOf(o) ? `${o}=` : "";
     t.push(`${d}{{ inputs.${o} }}`);
   }), t;
-}, Ve = (s, e) => {
+}, Be = (s, e) => {
   if (!s) return;
   const t = s.findNodeById(e.id);
   if (!t || t.subgraph) return;
@@ -234,18 +234,18 @@ const xt = (s, e = !0) => {
     intf: {}
   },
   setup(s) {
-    return (e, t) => (i(), r("div", {
+    return (e, t) => (i(), l("div", {
       title: s.intf.state?.script
     }, j(s.intf.name), 9, Nt));
   }
 });
-class H extends Xe {
+class D extends Xe {
   isCodeNode = !0;
   code;
   state;
   type = null;
   constructor(e, t) {
-    super(e, t), this.setComponent(E(le)), this.state = P({
+    super(e, t), this.setComponent(E(le)), this.state = H({
       optional: !1,
       script: ""
     });
@@ -264,12 +264,12 @@ class H extends Xe {
   }
   getValue = () => `${this.value ?? "None"}`;
 }
-const yn = (s, e) => {
+const In = (s, e) => {
   s.state.optional = e, s.setHidden(e);
 };
-class Y extends H {
+class Y extends D {
   constructor(e = "", t) {
-    super(e, t), this.setComponent(E(le)), this.use(Me, !0);
+    super(e, t), this.setComponent(E(le)), this.use($e, !0);
   }
   set script(e) {
     if (this.state.script && this.allowMultipleConnections) {
@@ -285,16 +285,16 @@ class Y extends H {
     super.value = e, this.name !== "_node" && this.setHidden(!1);
   }
 }
-const Be = new R("boolean"), Mt = new R("dict"), Se = new R("list"), X = new R("node"), de = new R("number"), ue = new R("string"), ze = new R("tuple"), _n = (s) => {
-  new qe(s.editor, { viewPlugin: s }).addTypes(Be, Mt, Se, X, de, ue, ze);
+const Ve = new R("boolean"), $t = new R("dict"), ze = new R("list"), X = new R("node"), de = new R("number"), ue = new R("string"), Se = new R("tuple"), Nn = (s) => {
+  new qe(s.editor, { viewPlugin: s }).addTypes(Ve, $t, ze, X, de, ue, Se);
 };
-class kn extends Y {
+class $n extends Y {
   constructor(e, t) {
-    super(e, t), this.setComponent(E(Je)), this.use(S, Be);
+    super(e, t), this.setComponent(E(Je)), this.use(z, Ve);
   }
   getValue = () => this.value ? "True" : "False";
 }
-class $t extends H {
+class Mt extends D {
   isCodeNodeOutput = !0;
   constructor(e = "", t = "") {
     super(e, t), this.setComponent(E(le));
@@ -307,41 +307,41 @@ class ce extends Y {
   min;
   max;
   constructor(e, t, n, o) {
-    super(e, t), this.min = n, this.max = o, this.use(S, de);
+    super(e, t), this.min = n, this.max = o, this.use(z, de);
   }
   validate(e) {
     return (this.min === void 0 || e >= this.min) && (this.max === void 0 || e <= this.max);
   }
 }
-class Cn extends ce {
+class Mn extends ce {
   component = E(Ye);
   validate(e) {
     return Number.isInteger(e) && super.validate(e);
   }
 }
-class wn extends Y {
+class On extends Y {
   constructor(e = "", t = "") {
-    super(e, t), this.setComponent(E($e)), this.use(S, Se);
+    super(e, t), this.setComponent(E(Me)), this.use(z, ze);
   }
   getValue = () => `[${this.value}]`;
 }
-class xn extends ce {
+class Tn extends ce {
   component = E(Qe);
 }
 class pe extends Y {
   constructor(e, t) {
-    super(e, t), this.use(S, ue);
+    super(e, t), this.use(z, ue);
   }
   getValue = () => `"${this.value}"`;
 }
-class In extends pe {
+class En extends pe {
   component = E(Ke);
   items;
   constructor(e, t, n) {
     super(e, t), this.items = n;
   }
 }
-class Nn extends ce {
+class Bn extends ce {
   component = E(Ze);
   min;
   max;
@@ -370,40 +370,40 @@ const Ot = U({
       }
     }) };
   }
-}), $ = (s, e) => {
+}), N = (s, e) => {
   const t = s.__vccOpts || s;
   for (const [n, o] of e)
     t[n] = o;
   return t;
-}, Tt = { style: { position: "relative" } }, Et = { style: { "font-size": "12px", padding: "0 6px", position: "absolute", top: "-8px", "background-color": "var(--baklava-node-color-background)" } }, Vt = ["placeholder", "title"];
-function Bt(s, e, t, n, o, a) {
-  return i(), r("div", Tt, [
-    l("label", Et, j(s.intf.name), 1),
-    ee(l("input", {
+}, Tt = { style: { position: "relative" } }, Et = { 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(), l("div", Tt, [
+    r("label", Et, j(s.intf.name), 1),
+    ee(r("input", {
       "onUpdate:modelValue": e[0] || (e[0] = (d) => s.v = d),
       type: "text",
       class: "baklava-input",
       placeholder: s.intf.name,
       title: s.intf.name
-    }, null, 8, Vt), [
+    }, null, 8, Bt), [
       [te, s.v]
     ])
   ]);
 }
-const St = /* @__PURE__ */ $(Ot, [["render", Bt]]);
-class Mn extends pe {
-  component = E(St);
+const zt = /* @__PURE__ */ N(Ot, [["render", Vt]]);
+class Vn extends pe {
+  component = E(zt);
 }
-class $n extends pe {
+class zn extends pe {
   component = E(et);
 }
-class On extends Y {
+class Sn extends Y {
   constructor(e = "", t = "") {
-    super(e, t), this.setComponent(E($e)), this.use(S, ze);
+    super(e, t), this.setComponent(E(Me)), this.use(z, Se);
   }
   getValue = () => `(${this.value})`;
 }
-function Tn(s) {
+function jn(s) {
   return class extends Ee {
     type = s.type;
     inputs = {};
@@ -411,10 +411,10 @@ function Tn(s) {
     constructor() {
       super(), this._title = s.title ?? s.type, this.name = s.name ?? s.type, this.updateModules(s.modules), s.variableName && (this.state.variableName = s.variableName), s.codeTemplate && (this.codeTemplate = s.codeTemplate), this.addInput(
         "_node",
-        new H("", []).use(S, X).use(K).setHidden(!0)
+        new D("", []).use(z, X).use(K).setHidden(!0)
       ), this.addOutput(
         "_node",
-        new H("", []).use(S, X).use(K).setHidden(!0)
+        new D("", []).use(z, X).use(K).setHidden(!0)
       ), this.executeFactory("input", s.inputs), this.executeFactory("output", s.outputs), s.onCreate?.call(this);
     }
     // public calculate = definition.calculate
@@ -446,7 +446,7 @@ function Tn(s) {
     }
   };
 }
-class zt extends Ee {
+class St extends Ee {
   /**
    * The default implementation does nothing.
    * Overwrite this method to do calculation.
@@ -456,8 +456,8 @@ class zt extends Ee {
    */
   calculate;
 }
-function En(s) {
-  return class extends zt {
+function Ln(s) {
+  return class extends St {
     type = s.type;
     inputs = {};
     outputs = {};
@@ -468,10 +468,10 @@ function En(s) {
     constructor() {
       super(), this._title = s.title ?? s.type, 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(
         "_node",
-        new H("", []).use(S, X).use(K).setHidden(!0)
+        new D("", []).use(z, X).use(K).setHidden(!0)
       ), this.addOutput(
         "_node",
-        new H("", []).use(S, X).use(K).setHidden(!0)
+        new D("", []).use(z, X).use(K).setHidden(!0)
       ), this.staticInputKeys.push("_node"), this.staticOutputKeys.push("_node"), this.executeFactory("input", s.inputs), this.executeFactory("output", s.outputs), s.onCreate?.call(this);
     }
     onPlaced() {
@@ -503,19 +503,19 @@ function En(s) {
           if (!this.inputs[t]) {
             const n = e.inputs[t].value;
             let o;
-            typeof n == "number" ? o = new tt(t, n).use(S, de) : o = new st(t, JSON.stringify(n)).use(S, ue), o.use(Me, !0), this.addInput(t, o);
+            typeof n == "number" ? o = new tt(t, n).use(z, de) : o = new st(t, JSON.stringify(n)).use(z, ue), o.use($e, !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 $t(t);
+            const n = new Mt(t);
             this.addOutput(t, n);
           }
           this.outputs[t] && (this.outputs[t].load(e.outputs[t]), this.outputs[t].nodeId = this.id);
         }
-      Ve(this.graph, e), this.preventUpdate = !1, this.events.loaded.emit(this);
+      Be(this.graph, e), this.preventUpdate = !1, this.events.loaded.emit(this);
     }
     onUpdate() {
       if (this.preventUpdate) return;
@@ -556,7 +556,7 @@ class jt {
   _viewModel;
   _state;
   constructor(e) {
-    this._id = kt(), this._viewModel = e, this._state = P({
+    this._id = kt(), this._viewModel = e, this._state = H({
       autosort: !1,
       lockCode: !1,
       modules: {},
@@ -780,13 +780,13 @@ const oe = (s) => {
   return s.nodes.forEach((t) => {
     t.subgraph ? e = e.concat(oe(t.subgraph)) : t.isCodeNode && e.push(t);
   }), e;
-}, Vn = (s = 0, e = 100) => ({
+}, Un = (s = 0, e = 100) => ({
   x: s * 420,
   y: e
-}), Bn = (s) => {
+}), Gn = (s) => {
   const e = { ...s.position };
   return e.x -= 440, e.y += 50, e;
-}, Sn = (s) => {
+}, Rn = (s) => {
   const { calculationOrder: e, connectionsFromNode: t } = Ne(s);
   e.forEach((n) => {
     if (!n.isCodeNode) return;
@@ -795,40 +795,62 @@ const oe = (s) => {
       a.to.state && a.from.script && (a.to.state.script = a.from.script);
     });
   });
-}, Lt = ["id"], Ut = { class: "align-middle" }, we = /* @__PURE__ */ U({
+}, Lt = ["id"], Ut = { class: "align-middle" }, Ce = /* @__PURE__ */ U({
   __name: "CodeGraphNodeInterface",
   props: {
     node: {},
     intf: {}
   },
   setup(s) {
-    const e = s, { viewModel: t } = q(), { hoveredOver: n, temporaryConnection: o } = nt(), a = B(null), d = b(() => e.intf.connectionCount > 0), u = b(() => ({
+    const e = s, { viewModel: t } = q(), { hoveredOver: n, temporaryConnection: o } = nt(), a = V(null), d = b(() => e.intf.connectionCount > 0), u = b(() => ({
       "--connected": d.value
     })), v = () => {
       n(e.intf);
     }, k = () => {
       n(void 0);
-    }, w = () => {
+    }, C = () => {
       a.value && t.value.hooks.renderInterface.execute({ intf: e.intf, el: a.value });
     };
-    return ie(w), Oe(w), (V, L) => (i(), r("div", {
+    return ie(C), Oe(C), (B, L) => (i(), l("div", {
       id: s.intf.id,
       ref_key: "el",
       ref: a,
       class: G(["baklava-node-interface", u.value])
     }, [
-      s.intf.port ? (i(), r("div", {
+      s.intf.port ? (i(), l("div", {
         key: 0,
         class: G(["__port", { "--selected": _(o)?.from === s.intf }]),
         onPointerover: v,
         onPointerout: k
       }, null, 34)) : I("", !0),
-      l("span", Ut, [
-        W(V.$slots, "default")
+      r("span", Ut, [
+        W(B.$slots, "default")
       ])
     ], 10, Lt));
   }
 }), Gt = {}, Rt = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-check"
+};
+function Ht(s, e) {
+  return i(), l("svg", Rt, [...e[0] || (e[0] = [
+    r("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    r("path", { d: "M5 12l5 5l10 -10" }, null, -1)
+  ])]);
+}
+const Hn = /* @__PURE__ */ N(Gt, [["render", Ht]]), Pt = {}, Dt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -840,17 +862,40 @@ const oe = (s) => {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-code-variable"
 };
-function Pt(s, e) {
-  return i(), r("svg", Rt, [...e[0] || (e[0] = [
-    l("path", {
+function At(s, e) {
+  return i(), l("svg", Dt, [...e[0] || (e[0] = [
+    r("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    r("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__ */ N(Pt, [["render", At]]), Wt = {}, Xt = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-copy"
+};
+function qt(s, e) {
+  return i(), l("svg", Xt, [...e[0] || (e[0] = [
+    r("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    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)
+    r("path", { d: "M7 7m0 2.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667z" }, null, -1),
+    r("path", { d: "M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1" }, null, -1)
   ])]);
 }
-const Dt = /* @__PURE__ */ $(Gt, [["render", Pt]]), Ht = {}, At = {
+const Pn = /* @__PURE__ */ N(Wt, [["render", qt]]), Jt = {}, Yt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -862,19 +907,19 @@ const Dt = /* @__PURE__ */ $(Gt, [["render", Pt]]), Ht = {}, At = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-dots-vertical"
 };
-function Ft(s, e) {
-  return i(), r("svg", At, [...e[0] || (e[0] = [
-    l("path", {
+function Qt(s, e) {
+  return i(), l("svg", Yt, [...e[0] || (e[0] = [
+    r("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    l("path", { d: "M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1),
-    l("path", { d: "M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1),
-    l("path", { d: "M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1)
+    r("path", { d: "M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1),
+    r("path", { d: "M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1),
+    r("path", { d: "M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1)
   ])]);
 }
-const Wt = /* @__PURE__ */ $(Ht, [["render", Ft]]), Xt = {}, qt = {
+const Kt = /* @__PURE__ */ N(Jt, [["render", Qt]]), Zt = {}, es = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -882,17 +927,17 @@ const Wt = /* @__PURE__ */ $(Ht, [["render", Ft]]), Xt = {}, qt = {
   fill: "currentColor",
   class: "baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-left-collapse"
 };
-function Jt(s, e) {
-  return i(), r("svg", qt, [...e[0] || (e[0] = [
-    l("path", {
+function ts(s, e) {
+  return i(), l("svg", es, [...e[0] || (e[0] = [
+    r("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    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)
+    r("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 Yt = /* @__PURE__ */ $(Xt, [["render", Jt]]), Qt = {}, Kt = {
+const ss = /* @__PURE__ */ N(Zt, [["render", ts]]), ns = {}, os = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -900,17 +945,17 @@ const Yt = /* @__PURE__ */ $(Xt, [["render", Jt]]), Qt = {}, Kt = {
   fill: "currentColor",
   class: "baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-left-expand"
 };
-function Zt(s, e) {
-  return i(), r("svg", Kt, [...e[0] || (e[0] = [
-    l("path", {
+function as(s, e) {
+  return i(), l("svg", os, [...e[0] || (e[0] = [
+    r("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    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)
+    r("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 es = /* @__PURE__ */ $(Qt, [["render", Zt]]), ts = {}, ss = {
+const is = /* @__PURE__ */ N(ns, [["render", as]]), rs = {}, ls = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -918,17 +963,17 @@ const es = /* @__PURE__ */ $(Qt, [["render", Zt]]), ts = {}, ss = {
   fill: "currentColor",
   class: "baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-right"
 };
-function ns(s, e) {
-  return i(), r("svg", ss, [...e[0] || (e[0] = [
-    l("path", {
+function ds(s, e) {
+  return i(), l("svg", ls, [...e[0] || (e[0] = [
+    r("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    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)
+    r("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 os = /* @__PURE__ */ $(ts, [["render", ns]]), as = {}, is = {
+const us = /* @__PURE__ */ N(rs, [["render", ds]]), cs = {}, ps = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -936,17 +981,17 @@ const os = /* @__PURE__ */ $(ts, [["render", ns]]), as = {}, is = {
   fill: "currentColor",
   class: "baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-right-collapse"
 };
-function rs(s, e) {
-  return i(), r("svg", is, [...e[0] || (e[0] = [
-    l("path", {
+function hs(s, e) {
+  return i(), l("svg", ps, [...e[0] || (e[0] = [
+    r("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    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)
+    r("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 ls = /* @__PURE__ */ $(as, [["render", rs]]), ds = {}, us = {
+const vs = /* @__PURE__ */ N(cs, [["render", hs]]), ms = {}, fs = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -954,17 +999,17 @@ const ls = /* @__PURE__ */ $(as, [["render", rs]]), ds = {}, us = {
   fill: "currentColor",
   class: "baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-right-expand"
 };
-function cs(s, e) {
-  return i(), r("svg", us, [...e[0] || (e[0] = [
-    l("path", {
+function gs(s, e) {
+  return i(), l("svg", fs, [...e[0] || (e[0] = [
+    r("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    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)
+    r("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 ps = /* @__PURE__ */ $(ds, [["render", cs]]), hs = {}, vs = {
+const bs = /* @__PURE__ */ N(ms, [["render", gs]]), ys = {}, _s = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -976,12 +1021,12 @@ const ps = /* @__PURE__ */ $(ds, [["render", cs]]), hs = {}, vs = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-lock-code"
 };
-function ms(s, e) {
-  return i(), r("svg", vs, [...e[0] || (e[0] = [
+function ks(s, e) {
+  return i(), l("svg", _s, [...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 fs = /* @__PURE__ */ $(hs, [["render", ms]]), gs = {}, bs = {
+const ws = /* @__PURE__ */ N(ys, [["render", ks]]), Cs = {}, xs = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -993,12 +1038,12 @@ const fs = /* @__PURE__ */ $(hs, [["render", ms]]), gs = {}, bs = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-schema"
 };
-function ys(s, e) {
-  return i(), r("svg", bs, [...e[0] || (e[0] = [
+function Is(s, e) {
+  return i(), l("svg", xs, [...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 _s = /* @__PURE__ */ $(gs, [["render", ys]]), ks = {}, Cs = {
+const Ns = /* @__PURE__ */ N(Cs, [["render", Is]]), $s = {}, Ms = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1010,12 +1055,12 @@ const _s = /* @__PURE__ */ $(gs, [["render", ys]]), ks = {}, Cs = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-schema-off"
 };
-function ws(s, e) {
-  return i(), r("svg", Cs, [...e[0] || (e[0] = [
+function Os(s, e) {
+  return i(), l("svg", Ms, [...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 xs = /* @__PURE__ */ $(ks, [["render", ws]]), Is = {}, Ns = {
+const Ts = /* @__PURE__ */ N($s, [["render", Os]]), Es = {}, Bs = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1027,12 +1072,12 @@ const xs = /* @__PURE__ */ $(ks, [["render", ws]]), Is = {}, Ns = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-transition-bottom"
 };
-function Ms(s, e) {
-  return i(), r("svg", Ns, [...e[0] || (e[0] = [
+function Vs(s, e) {
+  return i(), l("svg", Bs, [...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 $s = /* @__PURE__ */ $(Is, [["render", Ms]]), Os = {}, Ts = {
+const zs = /* @__PURE__ */ N(Es, [["render", Vs]]), Ss = {}, js = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1044,18 +1089,18 @@ const $s = /* @__PURE__ */ $(Is, [["render", Ms]]), Os = {}, Ts = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-trash-off"
 };
-function Es(s, e) {
-  return i(), r("svg", Ts, [...e[0] || (e[0] = [
+function Ls(s, e) {
+  return i(), l("svg", js, [...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 Vs = /* @__PURE__ */ $(Os, [["render", Es]]), Bs = ["id", "data-node-type"], Ss = {
+const Us = /* @__PURE__ */ N(Ss, [["render", Ls]]), Gs = ["id", "data-node-type"], Rs = {
   class: "__title-label",
   style: { "flex-grow": "1" }
-}, zs = { key: 0 }, js = {
+}, Hs = { key: 0 }, Ps = {
   class: "__menu",
   style: { display: "flex" }
-}, Ls = { class: "__outputs" }, Us = { key: 0 }, Gs = ["id", "title"], Rs = { class: "__inputs" }, Ps = { key: 0 }, Ds = ["id", "title"], Hs = /* @__PURE__ */ U({
+}, Ds = { class: "__outputs" }, As = { key: 0 }, Fs = ["id", "title"], Ws = { class: "__inputs" }, Xs = { key: 0 }, qs = ["id", "title"], Js = /* @__PURE__ */ U({
   __name: "CodeGraphNode",
   props: {
     node: {},
@@ -1064,9 +1109,9 @@ const Vs = /* @__PURE__ */ $(Os, [["render", Es]]), Bs = ["id", "data-node-type"
   },
   emits: ["select", "start-drag", "update"],
   setup(s, { emit: e }) {
-    const t = ke.ContextMenu, n = ke.NodeInterface, o = s, a = b(() => o.node), d = e, { viewModel: u } = q(), { graph: v, switchGraph: k } = ae(), w = B(null), V = B(!1), L = B(""), N = B(null), m = B(!1);
+    const t = ke.ContextMenu, n = ke.NodeInterface, o = s, a = b(() => o.node), d = e, { viewModel: u } = q(), { graph: v, switchGraph: k } = ae(), C = V(null), B = V(!1), L = V(""), $ = V(null), m = V(!1);
     let y = 0, x = 0;
-    const f = B(!1), C = b(() => {
+    const f = V(!1), w = b(() => {
       const c = [
         { value: "edit", label: "Edit" },
         { value: "rename", label: "Rename" },
@@ -1096,10 +1141,10 @@ const Vs = /* @__PURE__ */ $(Os, [["render", Es]]), Bs = ["id", "data-node-type"
     }, me = () => {
       const c = u.value.displayedGraph.sidebar;
       c.nodeId = o.node.id, c.visible = !0;
-    }, Pe = () => {
+    }, He = () => {
       const c = u.value.displayedGraph.sidebar;
       c.nodeId = o.node.id;
-    }, De = async (c) => {
+    }, Pe = async (c) => {
       switch (c) {
         case "edit":
           me();
@@ -1108,17 +1153,17 @@ const Vs = /* @__PURE__ */ $(Os, [["render", Es]]), Bs = ["id", "data-node-type"
           v.value.removeNode(o.node);
           break;
         case "rename":
-          L.value = o.node.title, V.value = !0, await ht(), N.value?.focus();
+          L.value = o.node.title, B.value = !0, await ht(), $.value?.focus();
           break;
         case "editSubgraph":
           k(o.node.template);
           break;
       }
     }, fe = () => {
-      a.value.title = L.value, V.value = !1;
+      a.value.title = L.value, B.value = !1;
     }, ge = () => {
-      w.value && u.value.hooks.renderNode.execute({ node: o.node, el: w.value });
-    }, He = (c) => {
+      C.value && u.value.hooks.renderNode.execute({ node: o.node, el: C.value });
+    }, De = (c) => {
       m.value = !0, y = o.node.width, x = c.clientX, c.preventDefault();
     }, be = (c) => {
       a.value.state && (a.value.state.integrated = c, d("update"));
@@ -1133,26 +1178,26 @@ const Vs = /* @__PURE__ */ $(Os, [["render", Es]]), Bs = ["id", "data-node-type"
       ge(), window.addEventListener("mousemove", ye), window.addEventListener("mouseup", _e);
     }), Oe(ge), ct(() => {
       window.removeEventListener("mousemove", ye), window.removeEventListener("mouseup", _e);
-    }), (c, g) => (i(), r("div", {
+    }), (c, g) => (i(), l("div", {
       id: a.value.id,
       ref_key: "el",
-      ref: w,
+      ref: C,
       class: G([p.value, "baklava-node"]),
       "data-node-type": a.value.type,
       style: re(je.value),
       onPointerdown: he
     }, [
-      _(u).settings.nodes.resizable ? (i(), r("div", {
+      _(u).settings.nodes.resizable ? (i(), l("div", {
         key: 0,
         class: "__resize-handle",
-        onMousedown: He
+        onMousedown: De
       }, null, 32)) : I("", !0),
-      l("div", {
+      r("div", {
         class: "__title",
         onPointerdown: A(Ge, ["self", "stop"]),
         onContextmenu: A(ve, ["prevent"])
       }, [
-        a.value.inputs._node ? (i(), O(we, {
+        a.value.inputs._node ? (i(), O(Ce, {
           key: 0,
           node: a.value,
           intf: a.value.inputs._node,
@@ -1160,10 +1205,10 @@ const Vs = /* @__PURE__ */ $(Os, [["render", Es]]), Bs = ["id", "data-node-type"
           "data-interface-type": "node",
           style: { "flex-grow": "0" }
         }, null, 8, ["node", "intf"])) : I("", !0),
-        V.value ? ee((i(), r("input", {
+        B.value ? ee((i(), l("input", {
           key: 2,
           ref_key: "renameInputEl",
-          ref: N,
+          ref: $,
           "onUpdate:modelValue": g[4] || (g[4] = (h) => L.value = h),
           class: "baklava-input",
           placeholder: "Node Name",
@@ -1173,56 +1218,56 @@ const Vs = /* @__PURE__ */ $(Os, [["render", Es]]), Bs = ["id", "data-node-type"
           onKeydown: ne(fe, ["enter"])
         }, null, 544)), [
           [te, L.value]
-        ]) : (i(), r(T, { key: 1 }, [
-          l("div", Ss, [
-            a.value.idx > -1 ? (i(), r("span", zs, j(a.value.idx + 1) + " - ", 1)) : I("", !0),
+        ]) : (i(), l(T, { key: 1 }, [
+          r("div", Rs, [
+            a.value.idx > -1 ? (i(), l("span", Hs, j(a.value.idx + 1) + " - ", 1)) : I("", !0),
             pt(j(a.value.title), 1)
           ]),
-          l("div", js, [
-            a.value.subgraph ? I("", !0) : (i(), r(T, { key: 0 }, [
-              a.value.state.lockCode ? (i(), O(_(fs), {
+          r("div", Ps, [
+            a.value.subgraph ? I("", !0) : (i(), l(T, { key: 0 }, [
+              a.value.state.lockCode ? (i(), O(_(ws), {
                 key: 0,
                 class: "--clickable mx-1",
                 onClick: g[0] || (g[0] = (h) => a.value.lockCode = !1)
               })) : I("", !0),
-              a.value.state.integrated ? (i(), O(_(Dt), {
+              a.value.state.integrated ? (i(), O(_(Ft), {
                 key: 1,
                 class: "--clickable mx-1",
                 onClick: g[1] || (g[1] = (h) => be(!1))
-              })) : (i(), O(_($s), {
+              })) : (i(), O(_(zs), {
                 key: 2,
                 class: "--clickable mx-1",
                 onClick: g[2] || (g[2] = (h) => be(!0))
               })),
-              !_(u).displayedGraph.sidebar.visible && _(u).displayedGraph.sidebar.nodeId !== a.value.id ? (i(), O(_(ps), {
+              !_(u).displayedGraph.sidebar.visible && _(u).displayedGraph.sidebar.nodeId !== a.value.id ? (i(), O(_(bs), {
                 key: 3,
                 class: "--clickable mx-1",
                 onClick: me
-              })) : _(u).displayedGraph.sidebar.visible && _(u).displayedGraph.sidebar.nodeId !== a.value.id ? (i(), O(_(os), {
+              })) : _(u).displayedGraph.sidebar.visible && _(u).displayedGraph.sidebar.nodeId !== a.value.id ? (i(), O(_(us), {
                 key: 4,
                 class: "--clickable mx-1",
-                onClick: Pe
-              })) : (i(), O(_(ls), {
+                onClick: He
+              })) : (i(), O(_(vs), {
                 key: 5,
                 class: "--clickable mx-1",
                 onClick: Re
               }))
             ], 64)),
-            z(_(Wt), {
+            S(_(Kt), {
               class: "--clickable mx-1",
               onClick: ve
             }),
-            z(_(t), {
+            S(_(t), {
               modelValue: f.value,
               "onUpdate:modelValue": g[3] || (g[3] = (h) => f.value = h),
               x: 0,
               y: 0,
-              items: C.value,
-              onClick: De
+              items: w.value,
+              onClick: Pe
             }, null, 8, ["modelValue", "items"])
           ])
         ], 64)),
-        a.value.outputs._node ? (i(), O(we, {
+        a.value.outputs._node ? (i(), O(Ce, {
           key: 3,
           node: a.value,
           intf: a.value.outputs._node,
@@ -1230,33 +1275,33 @@ const Vs = /* @__PURE__ */ $(Os, [["render", Es]]), Bs = ["id", "data-node-type"
           "data-interface-type": "node"
         }, null, 8, ["node", "intf"])) : I("", !0)
       ], 32),
-      l("div", {
+      r("div", {
         class: G(["__content", M.value]),
         onKeydown: g[5] || (g[5] = ne(A(() => {
         }, ["stop"]), ["delete"])),
         onContextmenu: g[6] || (g[6] = A(() => {
         }, ["prevent"]))
       }, [
-        l("div", Ls, [
-          (i(!0), r(T, null, D(Ue.value, (h) => (i(), r(T, {
+        r("div", Ds, [
+          (i(!0), l(T, null, P(Ue.value, (h) => (i(), l(T, {
             key: h.id
           }, [
-            a.value.state?.hidden ? (i(), r("div", Us, [
-              h.port ? (i(), r("div", {
+            a.value.state?.hidden ? (i(), l("div", As, [
+              h.port ? (i(), l("div", {
                 key: 0,
                 id: h.id,
                 title: h.name,
                 class: "baklava-node-interface --output --connected"
               }, [...g[7] || (g[7] = [
-                l("div", { class: "__port" }, null, -1)
-              ])], 8, Gs)) : I("", !0)
+                r("div", { class: "__port" }, null, -1)
+              ])], 8, Fs)) : I("", !0)
             ])) : W(c.$slots, "nodeInterface", {
               key: 1,
               type: "output",
               node: a.value,
               intf: h
             }, () => [
-              z(_(n), {
+              S(_(n), {
                 node: a.value,
                 intf: h,
                 title: h.type
@@ -1264,26 +1309,26 @@ const Vs = /* @__PURE__ */ $(Os, [["render", Es]]), Bs = ["id", "data-node-type"
             ])
           ], 64))), 128))
         ]),
-        l("div", Rs, [
-          (i(!0), r(T, null, D(Le.value, (h) => (i(), r(T, {
+        r("div", Ws, [
+          (i(!0), l(T, null, P(Le.value, (h) => (i(), l(T, {
             key: h.id
           }, [
-            a.value.state?.hidden ? (i(), r("div", Ps, [
-              h.port ? (i(), r("div", {
+            a.value.state?.hidden ? (i(), l("div", Xs, [
+              h.port ? (i(), l("div", {
                 key: 0,
                 id: h.id,
                 title: h.name,
                 class: "baklava-node-interface --input --connected"
               }, [...g[8] || (g[8] = [
-                l("div", { class: "__port" }, null, -1)
-              ])], 8, Ds)) : I("", !0)
+                r("div", { class: "__port" }, null, -1)
+              ])], 8, qs)) : I("", !0)
             ])) : W(c.$slots, "nodeInterface", {
               key: 1,
               node: a.value,
               intf: h,
               type: "input"
             }, () => [
-              z(_(n), {
+              S(_(n), {
                 node: a.value,
                 intf: h,
                 title: h.type
@@ -1292,9 +1337,9 @@ const Vs = /* @__PURE__ */ $(Os, [["render", Es]]), Bs = ["id", "data-node-type"
           ], 64))), 128))
         ])
       ], 34)
-    ], 46, Bs));
+    ], 46, Gs));
   }
-}), As = ["title"], Fs = {
+}), Ys = ["title"], Qs = {
   key: 0,
   class: "__label"
 }, xe = /* @__PURE__ */ U({
@@ -1308,42 +1353,42 @@ const Vs = /* @__PURE__ */ $(Os, [["render", Es]]), Bs = ["id", "data-node-type"
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
     const t = e;
-    return (n, o) => (i(), r("div", {
+    return (n, o) => (i(), l("div", {
       class: G(["baklava-checkbox", { "--checked": s.inversed ? !s.modelValue : s.modelValue, "--disabled": s.disabled }]),
       title: s.name,
       onClick: o[0] || (o[0] = (a) => t("update:modelValue", !s.modelValue))
     }, [
-      o[1] || (o[1] = l("div", { class: "__checkmark-container" }, [
-        l("svg", {
+      o[1] || (o[1] = r("div", { class: "__checkmark-container" }, [
+        r("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           width: "18",
           height: "18",
           viewBox: "0 0 18 18"
         }, [
-          l("path", {
+          r("path", {
             class: "__checkmark",
             d: "M 6 5 L 6 10 L 16 10",
             transform: "rotate(-45 10 10)"
           })
         ])
       ], -1)),
-      s.name ? (i(), r("div", Fs, j(s.name), 1)) : I("", !0)
-    ], 10, As));
+      s.name ? (i(), l("div", Qs, j(s.name), 1)) : I("", !0)
+    ], 10, Ys));
   }
-}), Ws = { class: "__header" }, Xs = { class: "__node-name" }, qs = { class: "__interfaces" }, Js = { class: "__inputs" }, Ys = { style: { display: "flex" } }, Qs = { class: "__outputs" }, Ks = {
+}), Ks = { class: "__header" }, Zs = { class: "__node-name" }, en = { class: "__interfaces" }, tn = { class: "__inputs" }, sn = { style: { display: "flex" } }, nn = { class: "__outputs" }, on = {
   key: 0,
   class: "__interface"
-}, Zs = { style: { display: "flex" } }, en = /* @__PURE__ */ U({
+}, an = { style: { display: "flex" } }, rn = /* @__PURE__ */ U({
   __name: "CodeGraphSidebar",
   setup(s) {
-    const { viewModel: e } = q(), { graph: t } = ae(), n = B(null), o = Te(e.value.settings.sidebar, "width"), a = b(() => e.value.settings.sidebar.resizable);
+    const { viewModel: e } = q(), { graph: t } = ae(), n = V(null), o = Te(e.value.settings.sidebar, "width"), a = b(() => e.value.settings.sidebar.resizable);
     let d = 0, u = 0;
     const v = b(() => {
       const f = t.value.sidebar.nodeId;
-      return t.value.nodes.find((C) => C.id === f);
-    }), k = b(() => v.value), w = b(() => ({
+      return t.value.nodes.find((w) => w.id === f);
+    }), k = b(() => v.value), C = b(() => ({
       width: `${o.value}px`
-    })), V = b(() => k.value ? Object.values(k.value.inputs).filter((f) => f.displayInSidebar && f.component) : []), L = b(() => k.value ? Object.values(k.value.outputs).filter((f) => f.displayInSidebar && f.component) : []), N = () => {
+    })), B = b(() => k.value ? Object.values(k.value.inputs).filter((f) => f.displayInSidebar && f.component) : []), L = b(() => k.value ? Object.values(k.value.outputs).filter((f) => f.displayInSidebar && f.component) : []), $ = () => {
       t.value.sidebar.visible = !1;
     }, m = () => {
       v.value?.events.update.emit(null);
@@ -1356,50 +1401,50 @@ const Vs = /* @__PURE__ */ $(Os, [["render", Es]]), Bs = ["id", "data-node-type"
         { once: !0 }
       );
     }, x = (f) => {
-      const C = n.value?.parentElement?.getBoundingClientRect().width ?? 500, p = f.clientX - u;
+      const w = n.value?.parentElement?.getBoundingClientRect().width ?? 500, p = f.clientX - u;
       let M = d - p;
-      M < 300 ? M = 300 : M > 0.9 * C && (M = 0.9 * C), o.value = M;
+      M < 300 ? M = 300 : M > 0.9 * w && (M = 0.9 * w), o.value = M;
     };
-    return (f, C) => (i(), r("div", {
+    return (f, w) => (i(), l("div", {
       class: G([{ "--open": _(t).sidebar.visible }, "baklava-sidebar"]),
-      style: re(w.value),
+      style: re(C.value),
       ref_key: "el",
       ref: n
     }, [
-      a.value ? (i(), r("div", {
+      a.value ? (i(), l("div", {
         key: 0,
         class: "__resizer",
         onMousedown: y
       }, null, 32)) : I("", !0),
-      v.value ? (i(), r(T, { key: 1 }, [
-        l("div", Ws, [
-          l("button", {
+      v.value ? (i(), l(T, { key: 1 }, [
+        r("div", Ks, [
+          r("button", {
             tabindex: "-1",
             class: "__close",
-            onClick: N
+            onClick: $
           }, "×"),
-          l("div", Xs, [
-            l("b", null, j(v.value.title), 1)
+          r("div", Zs, [
+            r("b", null, j(v.value.title), 1)
           ])
         ]),
-        l("div", qs, [
-          l("div", Js, [
-            (i(!0), r(T, null, D(V.value, (p) => (i(), r("div", {
+        r("div", en, [
+          r("div", tn, [
+            (i(!0), l(T, null, P(B.value, (p) => (i(), l("div", {
               key: p.id,
               class: "__interface"
             }, [
-              l("div", Ys, [
-                z(xe, {
+              r("div", sn, [
+                S(xe, {
                   modelValue: p.hidden,
                   "onUpdate:modelValue": [
                     (M) => p.hidden = M,
-                    C[0] || (C[0] = () => v.value?.events.update.emit(null))
+                    w[0] || (w[0] = () => v.value?.events.update.emit(null))
                   ],
                   disabled: !p.optional,
                   inversed: "",
                   style: { "padding-right": "8px" }
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"]),
-                (i(), O(Ce(p.component), {
+                (i(), O(we(p.component), {
                   modelValue: p.value,
                   "onUpdate:modelValue": (M) => p.value = M,
                   node: v.value,
@@ -1409,11 +1454,11 @@ const Vs = /* @__PURE__ */ $(Os, [["render", Es]]), Bs = ["id", "data-node-type"
               ])
             ]))), 128))
           ]),
-          l("div", Qs, [
-            k.value && k.value.state ? (i(), r("div", Ks, [
-              C[3] || (C[3] = l("label", null, "Variable name", -1)),
-              ee(l("input", {
-                "onUpdate:modelValue": C[1] || (C[1] = (p) => k.value.state.variableName = p),
+          r("div", nn, [
+            k.value && k.value.state ? (i(), l("div", on, [
+              w[3] || (w[3] = r("label", null, "Variable name", -1)),
+              ee(r("input", {
+                "onUpdate:modelValue": w[1] || (w[1] = (p) => k.value.state.variableName = p),
                 type: "text",
                 class: "baklava-input",
                 title: "Variable name",
@@ -1423,22 +1468,22 @@ const Vs = /* @__PURE__ */ $(Os, [["render", Es]]), Bs = ["id", "data-node-type"
                 [te, k.value.state.variableName]
               ])
             ])) : I("", !0),
-            (i(!0), r(T, null, D(L.value, (p) => (i(), r("div", {
+            (i(!0), l(T, null, P(L.value, (p) => (i(), l("div", {
               key: p.id,
               class: "__interface"
             }, [
-              l("div", Zs, [
-                z(xe, {
+              r("div", an, [
+                S(xe, {
                   modelValue: p.hidden,
                   "onUpdate:modelValue": [
                     (M) => p.hidden = M,
-                    C[2] || (C[2] = () => v.value?.events.update.emit(null))
+                    w[2] || (w[2] = () => v.value?.events.update.emit(null))
                   ],
                   disabled: !p.optional,
                   inversed: "",
                   style: { "padding-right": "8px" }
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"]),
-                (i(), O(Ce(p.component), {
+                (i(), O(we(p.component), {
                   modelValue: p.value,
                   "onUpdate:modelValue": (M) => p.value = M,
                   node: v.value,
@@ -1453,7 +1498,7 @@ const Vs = /* @__PURE__ */ $(Os, [["render", Es]]), Bs = ["id", "data-node-type"
       ], 64)) : I("", !0)
     ], 6));
   }
-}), tn = U({
+}), ln = U({
   props: {
     type: {
       type: String,
@@ -1465,82 +1510,82 @@ const Vs = /* @__PURE__ */ $(Os, [["render", Es]]), Bs = ["id", "data-node-type"
     }
   },
   setup(s) {
-    const { viewModel: e } = q(), { switchGraph: t } = ae(), n = B(!1), o = b(() => s.type.startsWith(se));
+    const { viewModel: e } = q(), { switchGraph: t } = ae(), n = V(!1), o = b(() => s.type.startsWith(se));
     return { showContextMenu: n, hasContextMenu: o, contextMenuItems: [
       { label: "Edit Subgraph", value: "editSubgraph" },
       { label: "Delete Subgraph", value: "deleteSubgraph" }
     ], openContextMenu: () => {
       n.value = !0;
     }, onContextMenuClick: (v) => {
-      const k = s.type.substring(se.length), w = e.value.editor.graphTemplates.find((V) => V.id === k);
-      if (w)
+      const k = s.type.substring(se.length), C = e.value.editor.graphTemplates.find((B) => B.id === k);
+      if (C)
         switch (v) {
           case "editSubgraph":
-            t(w);
+            t(C);
             break;
           case "deleteSubgraph":
-            e.value.editor.removeGraphTemplate(w);
+            e.value.editor.removeGraphTemplate(C);
             break;
         }
     } };
   }
-}), sn = ["data-node-type"], nn = { class: "__title" }, on = { class: "__title-label" };
-function an(s, e, t, n, o, a) {
-  return i(), r("div", {
+}), dn = ["data-node-type"], un = { class: "__title" }, cn = { class: "__title-label" };
+function pn(s, e, t, n, o, a) {
+  return i(), l("div", {
     class: "baklava-node --palette",
     "data-node-type": s.type
   }, [
-    l("div", nn, [
-      l("div", on, j(s.title), 1)
+    r("div", un, [
+      r("div", cn, j(s.title), 1)
     ])
-  ], 8, sn);
+  ], 8, dn);
 }
-const Ie = /* @__PURE__ */ $(tn, [["render", an]]), rn = {
+const Ie = /* @__PURE__ */ N(ln, [["render", pn]]), hn = {
   class: "baklava-node --palette",
   style: { "margin-top": "-20px", "margin-bottom": "20px" }
-}, ln = {
+}, vn = {
   key: 0,
   style: { display: "flex", "justify-content": "space-between" }
-}, dn = ["onClick"], un = {
+}, mn = ["onClick"], fn = {
   key: 0,
   style: { margin: "auto 0", "font-size": "12px" }
-}, cn = /* @__PURE__ */ U({
+}, gn = /* @__PURE__ */ U({
   __name: "CodeNodePalette",
   setup(s) {
-    const { viewModel: e } = q(), { x: t, y: n } = Ct(), { transform: o } = ot(), a = at(e), d = vt("editorEl"), u = B(""), v = B(null), k = () => u.value ? a.value.filter(
-      (N) => N.name.toLowerCase().includes(u.value.toLowerCase()) || Object.values(N.nodeTypes).some(
+    const { viewModel: e } = q(), { x: t, y: n } = wt(), { transform: o } = ot(), a = at(e), d = vt("editorEl"), u = V(""), v = V(null), k = () => u.value ? a.value.filter(
+      ($) => $.name.toLowerCase().includes(u.value.toLowerCase()) || Object.values($.nodeTypes).some(
         (m) => m.title.toLowerCase().includes(u.value.toLowerCase())
       )
-    ) : a.value, w = (N) => u.value ? Object.values(N).filter(
+    ) : a.value, C = ($) => u.value ? Object.values($).filter(
       (m) => m.category.toLowerCase().includes(u.value.toLowerCase()) || m.title.toLowerCase().includes(u.value.toLowerCase())
-    ) : Object.values(N), V = b(() => {
+    ) : Object.values($), B = b(() => {
       if (!v.value || !d?.value) return {};
-      const { left: N, top: m } = d.value.getBoundingClientRect();
+      const { left: $, top: m } = d.value.getBoundingClientRect();
       return {
         top: `${n.value - m}px`,
-        left: `${t.value - N}px`
+        left: `${t.value - $}px`
       };
-    }), L = (N, m) => {
+    }), L = ($, m) => {
       v.value = {
-        type: N,
+        type: $,
         nodeInformation: m
       };
       const y = () => {
-        const x = P(new m.type());
+        const x = H(new m.type());
         e.value.displayedGraph.addNode(x);
-        const f = d.value.getBoundingClientRect(), [C, p] = o(t.value - f.left, n.value - f.top);
-        x.position.x = C, x.position.y = p, v.value = null, document.removeEventListener("pointerup", y);
+        const f = d.value.getBoundingClientRect(), [w, p] = o(t.value - f.left, n.value - f.top);
+        x.position.x = w, x.position.y = p, v.value = null, document.removeEventListener("pointerup", y);
       };
       document.addEventListener("pointerup", y);
     };
-    return (N, m) => (i(), r(T, null, [
-      l("div", {
+    return ($, m) => (i(), l(T, null, [
+      r("div", {
         class: G([{ "--open": _(e).settings.palette.enabled }, "baklava-node-palette"]),
         onContextmenu: m[1] || (m[1] = A(() => {
         }, ["stop", "prevent"]))
       }, [
-        l("div", rn, [
-          ee(l("input", {
+        r("div", hn, [
+          ee(r("input", {
             "onUpdate:modelValue": m[0] || (m[0] = (y) => u.value = y),
             type: "text",
             class: "baklava-input",
@@ -1550,17 +1595,17 @@ const Ie = /* @__PURE__ */ $(tn, [["render", an]]), rn = {
             [te, u.value]
           ])
         ]),
-        (i(!0), r(T, null, D(k(), (y) => (i(), r("section", {
+        (i(!0), l(T, null, P(k(), (y) => (i(), l("section", {
           key: y.name
         }, [
-          y.name !== "default" ? (i(), r("h3", ln, [
-            l("div", {
+          y.name !== "default" ? (i(), l("h3", vn, [
+            r("div", {
               onClick: (x) => u.value = y.name,
               style: { cursor: "pointer" }
-            }, j(y.name), 9, dn),
-            w(y.nodeTypes).length < Object.values(y.nodeTypes).length ? (i(), r("div", un, " ( " + j(w(y.nodeTypes).length) + " / " + j(Object.values(y.nodeTypes).length) + " ) ", 1)) : I("", !0)
+            }, j(y.name), 9, mn),
+            C(y.nodeTypes).length < Object.values(y.nodeTypes).length ? (i(), l("div", fn, " ( " + j(C(y.nodeTypes).length) + " / " + j(Object.values(y.nodeTypes).length) + " ) ", 1)) : I("", !0)
           ])) : I("", !0),
-          (i(!0), r(T, null, D(w(y.nodeTypes), (x) => (i(), O(Ie, {
+          (i(!0), l(T, null, P(C(y.nodeTypes), (x) => (i(), O(Ie, {
             key: x.type,
             type: x.type,
             title: x.title,
@@ -1568,14 +1613,14 @@ const Ie = /* @__PURE__ */ $(tn, [["render", an]]), rn = {
           }, null, 8, ["type", "title", "onPointerdown"]))), 128))
         ]))), 128))
       ], 34),
-      z(mt, { name: "fade" }, {
+      S(mt, { name: "fade" }, {
         default: F(() => [
-          v.value ? (i(), r("div", {
+          v.value ? (i(), l("div", {
             key: 0,
             class: "baklava-dragged-node",
-            style: re(V.value)
+            style: re(B.value)
           }, [
-            z(Ie, {
+            S(Ie, {
               type: v.value.type,
               title: v.value.nodeInformation.title
             }, null, 8, ["type", "title"])
@@ -1585,7 +1630,7 @@ const Ie = /* @__PURE__ */ $(tn, [["render", an]]), rn = {
       })
     ], 64));
   }
-}), zn = /* @__PURE__ */ U({
+}), Dn = /* @__PURE__ */ U({
   __name: "CodeGraphEditor",
   props: {
     viewModel: {}
@@ -1598,15 +1643,15 @@ const Ie = /* @__PURE__ */ $(tn, [["render", an]]), rn = {
       t.value.unsubscribe(), t.value.engine.stop();
     }), (o, a) => (i(), O(_(it), { "view-model": t.value }, {
       palette: F(() => [
-        z(cn)
+        S(gn)
       ]),
       node: F((d) => [
-        z(Hs, yt(d, {
+        S(Js, yt(d, {
           onUpdate: (u) => n(d.node)
         }), null, 16, ["onUpdate"])
       ]),
       sidebar: F((d) => [
-        z(en, gt(bt(d)), {
+        S(rn, gt(bt(d)), {
           codeEditor: F(({ node: u }) => [
             W(o.$slots, "sidebarCodeEditor", { node: u })
           ]),
@@ -1616,7 +1661,7 @@ const Ie = /* @__PURE__ */ $(tn, [["render", an]]), rn = {
       _: 3
     }, 8, ["view-model"]));
   }
-}), pn = (s) => {
+}), bn = (s) => {
   const e = "TOGGLE_PALETTE";
   s.commandHandler.registerCommand(e, {
     execute: () => s.settings.palette.enabled = !s.settings.palette.enabled,
@@ -1636,20 +1681,20 @@ const Ie = /* @__PURE__ */ $(tn, [["render", an]]), rn = {
       command: e,
       title: "Toggle palette",
       // Tooltip text
-      icon: b(() => s.settings.palette.enabled ? Yt : es)
+      icon: b(() => s.settings.palette.enabled ? ss : is)
     },
     ...rt,
     {
       command: t,
       title: "Clear all",
       // Tooltip text
-      icon: Vs
+      icon: Us
     },
     {
       command: n,
       title: "Toggle minimap",
       // Tooltip text
-      icon: b(() => s.settings.enableMinimap ? xs : _s)
+      icon: b(() => s.settings.enableMinimap ? Ts : Ns)
     }
   ];
 }, Q = {
@@ -1667,13 +1712,13 @@ const Ie = /* @__PURE__ */ $(tn, [["render", an]]), rn = {
   },
   displayValueOnHover: !1
 };
-function jn(s) {
+function An(s) {
   const e = lt(s?.existingEditor);
-  e.code = s?.code ? new s.code(e) : new jt(e), pn(e);
+  e.code = s?.code ? new s.code(e) : new jt(e), bn(e);
   const t = {};
   return Object.keys(Q).forEach((n) => {
     t[n] = typeof Q[n] == "object" ? { ...e.settings[n], ...Q[n] } : Q[n];
-  }), e.settings = P({ ...e.settings, ...t }), e.settings.nodes.defaultWidth = 350, e.state = P({
+  }), e.settings = H({ ...e.settings, ...t }), e.settings.nodes.defaultWidth = 350, e.state = H({
     modules: {},
     token: null
   }), e.engine = new dt(e.editor), e.subscribe = () => {
@@ -1701,44 +1746,58 @@ function jn(s) {
   }, e;
 }
 export {
-  wt as AbstractCodeNode,
-  kn as CheckboxInterface,
+  Ct as AbstractCodeNode,
+  Hn as Check,
+  $n as CheckboxInterface,
   jt as Code,
-  zn as CodeGraphEditor,
+  Dn as CodeGraphEditor,
   Ee as CodeNode,
   Y as CodeNodeInputInterface,
-  H as CodeNodeInterface,
+  D as CodeNodeInterface,
   le as CodeNodeInterfaceComponent,
-  $t as CodeNodeOutputInterface,
+  Mt as CodeNodeOutputInterface,
+  Ft as CodeVariable,
+  Pn as Copy,
   Q as DEFAULT_SETTINGS,
-  zt as DynamicCodeNode,
-  Cn as IntegerInterface,
-  wn as ListInputInterface,
-  xn as NumberInterface,
-  In as SelectInterface,
-  Nn as SliderInterface,
-  Mn as TextInputInterface,
-  St as TextInputInterfaceComponent,
-  $n as TextareaInputInterface,
-  On as TupleInputInterface,
-  _n as addDefaultInterfaceTypes,
-  pn as addToolbarCommands,
-  Be as booleanType,
-  Tn as defineCodeNode,
-  En as defineDynamicCodeNode,
-  Mt as dictType,
+  Kt as DotsVertical,
+  St as DynamicCodeNode,
+  Mn as IntegerInterface,
+  ss as LayoutSidebarLeftCollapse,
+  is as LayoutSidebarLeftExpand,
+  us as LayoutSidebarRight,
+  vs as LayoutSidebarRightCollapse,
+  bs as LayoutSidebarRightExpand,
+  On as ListInputInterface,
+  ws as LockCode,
+  Tn as NumberInterface,
+  Ns as Schema,
+  Ts as SchemaOff,
+  En as SelectInterface,
+  Bn as SliderInterface,
+  Vn as TextInputInterface,
+  zt as TextInputInterfaceComponent,
+  zn as TextareaInputInterface,
+  zs as TransitionBottom,
+  Us as TrashOff,
+  Sn as TupleInputInterface,
+  Nn as addDefaultInterfaceTypes,
+  bn as addToolbarCommands,
+  Ve as booleanType,
+  jn as defineCodeNode,
+  Ln as defineDynamicCodeNode,
+  $t as dictType,
   xt as formatInputs,
   oe as getCodeNodes,
-  Vn as getPositionAtColumn,
-  Bn as getPositionBeforeNode,
-  Se as listType,
-  Ve as loadNodeState,
+  Un as getPositionAtColumn,
+  Gn as getPositionBeforeNode,
+  ze as listType,
+  Be as loadNodeState,
   X as nodeType,
   de as numberType,
   It as saveNodeState,
-  yn as setOptional,
+  In as setOptional,
   ue as stringType,
-  Sn as transferCodeScript,
-  ze as tupleType,
-  jn as useCodeGraph
+  Rn as transferCodeScript,
+  Se as tupleType,
+  An as useCodeGraph
 };