@babsey/code-graph 0.0.9 → 0.0.10

package/dist/code-graph.js

@@ -1,11 +1,11 @@
-import { AbstractNode as Be, NodeInterfaceType as P, NodeInterface as Ve, ButtonInterfaceComponent as Le, CheckboxInterfaceComponent as Ge, IntegerInterfaceComponent as Ue, NumberInterfaceComponent as je, SelectInterfaceComponent as Re, SliderInterfaceComponent as Pe, TextInputInterfaceComponent as ge, TextareaInputInterfaceComponent as De, setType as j, allowMultipleConnections as X, IntegerInterface as Ae, TextInputInterface as He, displayInSidebar as Fe, sortTopologically as We, useViewModel as H, useTemporaryConnection as Xe, Components as ve, useGraph as K, GRAPH_NODE_TYPE_PREFIX as J, useTransform as Ye, useNodeCategories as Je, BaklavaEditor as qe, DEFAULT_TOOLBAR_COMMANDS as Qe, useBaklava as Ze, DependencyEngine as Ke, applyResult as et } from "baklavajs";
-import { ButtonInterfaceComponent as an, CheckboxInterfaceComponent as rn, IntegerInterfaceComponent as ln, NumberInterfaceComponent as dn, SelectInterfaceComponent as un, SliderInterfaceComponent as cn, TextInputInterfaceComponent as pn, TextareaInputInterfaceComponent as hn } from "baklavajs";
+import { AbstractNode as Le, NodeInterfaceType as P, BaklavaInterfaceTypes as Ge, NodeInterface as Ue, ButtonInterfaceComponent as je, CheckboxInterfaceComponent as Re, IntegerInterfaceComponent as Pe, NumberInterfaceComponent as De, SelectInterfaceComponent as Ae, SliderInterfaceComponent as He, TextInputInterfaceComponent as ge, TextareaInputInterfaceComponent as Fe, setType as j, allowMultipleConnections as Y, IntegerInterface as We, TextInputInterface as Xe, displayInSidebar as Ye, sortTopologically as Je, useViewModel as F, useTemporaryConnection as qe, Components as ve, useGraph as K, GRAPH_NODE_TYPE_PREFIX as J, useTransform as Qe, useNodeCategories as Ze, BaklavaEditor as Ke, DEFAULT_TOOLBAR_COMMANDS as et, useBaklava as tt, DependencyEngine as st, applyResult as nt } from "baklavajs";
+import { ButtonInterfaceComponent as cn, CheckboxInterfaceComponent as pn, IntegerInterfaceComponent as hn, NumberInterfaceComponent as vn, SelectInterfaceComponent as mn, SliderInterfaceComponent as fn, TextInputInterfaceComponent as gn, TextareaInputInterfaceComponent as bn } from "baklavajs";
 import be from "mustache";
-import { reactive as R, defineComponent as G, createElementBlock as r, openBlock as i, toDisplayString as L, markRaw as $, ref as E, computed as f, onMounted as ee, onUpdated as _e, normalizeClass as U, createCommentVNode as N, createElementVNode as l, unref as _, renderSlot as q, createStaticVNode as te, onBeforeUnmount as tt, normalizeStyle as se, withModifiers as D, createBlock as V, withDirectives as ne, Fragment as T, createTextVNode as st, createVNode as S, withKeys as Q, vModelText as oe, renderList as A, nextTick as nt, toRef as ye, resolveDynamicComponent as ot, inject as at, Transition as it, withCtx as W, onUnmounted as rt, normalizeProps as lt, guardReactiveProps as dt, mergeProps as ut } from "vue";
-import ct from "toposort";
-import { v4 as pt } from "uuid";
-import { usePointer as ht } from "@vueuse/core";
-class vt extends Be {
+import { reactive as R, defineComponent as G, createElementBlock as r, openBlock as i, toDisplayString as L, markRaw as $, ref as E, computed as f, onMounted as ee, onUpdated as _e, normalizeClass as U, createCommentVNode as N, createElementVNode as l, unref as _, renderSlot as q, createStaticVNode as te, onBeforeUnmount as ot, normalizeStyle as se, withModifiers as D, createBlock as V, withDirectives as ne, Fragment as T, createTextVNode as at, createVNode as S, withKeys as Q, vModelText as oe, renderList as A, nextTick as it, toRef as ye, resolveDynamicComponent as rt, inject as lt, Transition as dt, withCtx as X, onUnmounted as ut, normalizeProps as ct, guardReactiveProps as pt, mergeProps as ht } from "vue";
+import vt from "toposort";
+import { v4 as mt } from "uuid";
+import { usePointer as ft } from "@vueuse/core";
+class gt extends Le {
   state;
   code;
   isCodeNode = !0;
@@ -80,7 +80,7 @@ class vt extends Be {
     this.outputs.code && (this.outputs.code.name = this.variableName);
   }
 }
-class we extends vt {
+class we extends gt {
   /**
    * The default implementation does nothing.
    * Overwrite this method to do calculation.
@@ -94,7 +94,7 @@ class we extends vt {
   }
   save() {
     const e = super.save();
-    return mt(this.graph, e), e;
+    return bt(this.graph, e), e;
   }
   updateModules(e) {
     if (e)
@@ -115,7 +115,7 @@ const xe = (o, e) => {
   }), Object.entries(e.outputs).forEach(([n, a]) => {
     n !== "_node" && s.outputs[n] && (s.outputs[n].hidden = a.hidden);
   });
-}, mt = (o, e) => {
+}, bt = (o, e) => {
   if (!o) return;
   const t = o.findNodeById(e.id);
   if (!t || t.subgraph) return;
@@ -125,11 +125,9 @@ const xe = (o, e) => {
   }), Object.entries(e.outputs).forEach(([n, a]) => {
     n !== "_node" && s.outputs[n] && (a.hidden = s.outputs[n].hidden);
   });
-};
-new P("boolean");
-new P("dict");
-new P("list");
-const Y = new P("node"), ft = new P("number"), gt = new P("string"), bt = ["title"], ae = /* @__PURE__ */ G({
+}, _t = new P("boolean"), yt = new P("dict"), wt = new P("list"), H = new P("node"), ke = new P("number"), Ce = new P("string"), Fs = (o) => {
+  new Ge(o.editor, { viewPlugin: o }).addTypes(Ce, H, ke, _t, yt, wt);
+}, xt = ["title"], ae = /* @__PURE__ */ G({
   __name: "CodeNodeInterface",
   props: {
     intf: {}
@@ -137,10 +135,10 @@ const Y = new P("node"), ft = new P("number"), gt = new P("string"), bt = ["titl
   setup(o) {
     return (e, t) => (i(), r("div", {
       title: e.intf.state?.script
-    }, L(e.intf.name), 9, bt));
+    }, L(e.intf.name), 9, xt));
   }
 });
-class M extends Ve {
+class M extends Ue {
   optional = !1;
   code;
   state;
@@ -160,15 +158,15 @@ class M extends Ve {
   //   if (this.name !== '_node') this.setHidden(false);
   // }
 }
-class Ps extends M {
-  component = $(Le);
+class Ws extends M {
+  component = $(je);
   callback;
   constructor(e, t) {
     super(e, void 0), this.callback = t, this.setPort(!1);
   }
 }
-class Ds extends M {
-  component = $(Ge);
+class Xs extends M {
+  component = $(Re);
 }
 class ie extends M {
   min;
@@ -180,19 +178,19 @@ class ie extends M {
     return (this.min === void 0 || e >= this.min) && (this.max === void 0 || e <= this.max);
   }
 }
-class As extends ie {
-  component = $(Ue);
+class Ys extends ie {
+  component = $(Pe);
   validate(e) {
     return Number.isInteger(e) && super.validate(e);
   }
 }
-class Hs extends M {
+class Js extends M {
   isCodeInput = !0;
   constructor(e = "", t) {
     super(e, t), this.setComponent($(ae));
   }
 }
-class _t extends M {
+class kt extends M {
   isCodeOutput = !0;
   constructor(e = "", t = "") {
     super(e, t), this.setComponent($(ae));
@@ -207,38 +205,38 @@ class _t extends M {
     super.value = e, this.state.script = this.name.length > 0 ? this.name : this.value;
   }
 }
-class Fs extends ie {
-  component = $(je);
+class qs extends ie {
+  component = $(De);
 }
-class Ws extends M {
-  component = $(Re);
+class Qs extends M {
+  component = $(Ae);
   items;
   constructor(e, t, s) {
     super(e, t), this.items = s;
   }
 }
-class Xs extends ie {
-  component = $(Pe);
+class Zs extends ie {
+  component = $(He);
   min;
   max;
   constructor(e, t, s, n) {
     super(e, t, s, n), this.min = s, this.max = n;
   }
 }
-class Ys extends M {
+class Ks extends M {
   component = $(ge);
   constructor(e, t) {
     super(e, t), this.setPort(!1);
   }
 }
-class Js extends M {
+class en extends M {
   isString = !0;
   component = $(ge);
 }
-class qs extends M {
-  component = $(De);
+class tn extends M {
+  component = $(Fe);
 }
-function Qs(o) {
+function sn(o) {
   return class extends we {
     type = o.type;
     inputs = {};
@@ -246,10 +244,10 @@ function Qs(o) {
     constructor() {
       super(), this._title = o.title ?? o.type, this.updateModules(o.modules), o.codeTemplate && (this.state.codeTemplate = o.codeTemplate(this)), o.variableName && (this.state.variableName = o.variableName), this.addInput(
         "_node",
-        new M("", []).use(j, Y).use(X).setHidden(!0)
+        new M("", []).use(j, H).use(Y).setHidden(!0)
       ), this.addOutput(
         "_node",
-        new M("", []).use(j, Y).use(X).setHidden(!0)
+        new M("", []).use(j, H).use(Y).setHidden(!0)
       ), this.executeFactory("input", o.inputs), this.executeFactory("output", o.outputs), o.onCreate?.call(this);
     }
     calculate = o.calculate ? (e, t) => ({
@@ -273,7 +271,7 @@ function Qs(o) {
     }
   };
 }
-class yt extends we {
+class Ct extends we {
   /**
    * The default implementation does nothing.
    * Overwrite this method to do calculation.
@@ -283,8 +281,8 @@ class yt extends we {
    */
   calculate;
 }
-function Zs(o) {
-  return class extends yt {
+function nn(o) {
+  return class extends Ct {
     type = o.type;
     inputs = {};
     outputs = {};
@@ -295,10 +293,10 @@ function Zs(o) {
     constructor() {
       super(), this._title = o.title ?? o.type, this.updateModules(o.modules), o.codeTemplate && (this.state.codeTemplate = o.codeTemplate(this)), o.variableName && (this.state.variableName = o.variableName), this.addInput(
         "_node",
-        new M("", []).use(j, Y).use(X).setHidden(!0)
+        new M("", []).use(j, H).use(Y).setHidden(!0)
       ), this.addOutput(
         "_node",
-        new M("", []).use(j, Y).use(X).setHidden(!0)
+        new M("", []).use(j, H).use(Y).setHidden(!0)
       ), this.staticInputKeys.push("_node"), this.staticOutputKeys.push("_node"), this.executeFactory("input", o.inputs), this.executeFactory("output", o.outputs), o.calculate && (this.calculate = (e, t) => ({
         ...o.calculate?.call(this, e, t),
         _node: null
@@ -327,14 +325,14 @@ function Zs(o) {
           if (!this.inputs[t]) {
             const s = e.inputs[t].value;
             let n;
-            typeof s == "number" ? n = new Ae(t, s).use(j, ft) : n = new He(t, JSON.stringify(s)).use(j, gt), n.use(Fe, !0), this.addInput(t, n);
+            typeof s == "number" ? n = new We(t, s).use(j, ke) : n = new Xe(t, JSON.stringify(s)).use(j, Ce), n.use(Ye, !0), this.addInput(t, n);
           }
           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 s = new _t(t);
+            const s = new kt(t);
             this.addOutput(t, s);
           }
           this.outputs[t] && (this.outputs[t].load(e.outputs[t]), this.outputs[t].nodeId = this.id);
@@ -371,12 +369,12 @@ function Zs(o) {
     }
   };
 }
-class wt {
+class It {
   _id;
   _viewModel;
   _state;
   constructor(e) {
-    this._id = pt(), this._viewModel = e, this._state = R({
+    this._id = mt(), this._viewModel = e, this._state = R({
       autosort: !1,
       modules: {},
       script: "",
@@ -557,7 +555,7 @@ class wt {
           a.from.nodeId
         ]);
         let t = [...this.nodeIds];
-        t.reverse(), t = ct.array(t, e), t.reverse();
+        t.reverse(), t = vt.array(t, e), t.reverse();
         const s = this.graph.nodes.map((a) => a.id).filter((a) => !t.includes(a));
         t = t.concat(s);
         const n = t.map((a) => this.findNodeById(a));
@@ -575,14 +573,14 @@ const Z = (o) => {
   return o.nodes.forEach((t) => {
     t.subgraph ? e = e.concat(Z(t.subgraph)) : t.isCodeNode && e.push(t);
   }), e;
-}, Ks = (o = 0, e = 100) => ({
+}, on = (o = 0, e = 100) => ({
   x: o * 420,
   y: e
-}), en = (o) => {
+}), an = (o) => {
   const e = { ...o.position };
   return e.x -= 400, e.y += 50, e;
-}, xt = (o) => {
-  const { calculationOrder: e, connectionsFromNode: t } = We(o);
+}, Nt = (o) => {
+  const { calculationOrder: e, connectionsFromNode: t } = Je(o);
   e.forEach((s) => {
     if (!s.isCodeNode) return;
     const n = s;
@@ -590,14 +588,14 @@ const Z = (o) => {
       a.to.state && a.from.script && (a.to.state.script = a.from.script);
     });
   });
-}, kt = ["id"], Ct = { class: "align-middle" }, me = /* @__PURE__ */ G({
+}, Mt = ["id"], Ot = { class: "align-middle" }, me = /* @__PURE__ */ G({
   __name: "CodeGraphNodeInterface",
   props: {
     node: {},
     intf: {}
   },
   setup(o) {
-    const e = o, { viewModel: t } = H(), { hoveredOver: s, temporaryConnection: n } = Xe(), a = E(null), u = f(() => e.intf.connectionCount > 0), d = f(() => ({
+    const e = o, { viewModel: t } = F(), { hoveredOver: s, temporaryConnection: n } = qe(), a = E(null), u = f(() => e.intf.connectionCount > 0), d = f(() => ({
       "--connected": u.value
     })), h = () => {
       s(e.intf);
@@ -618,17 +616,17 @@ const Z = (o) => {
         onPointerover: h,
         onPointerout: O
       }, null, 34)) : N("", !0),
-      l("span", Ct, [
+      l("span", Ot, [
         q(k.$slots, "default")
       ])
-    ], 10, kt));
+    ], 10, Mt));
   }
 }), z = (o, e) => {
   const t = o.__vccOpts || o;
   for (const [s, n] of e)
     t[s] = n;
   return t;
-}, It = {}, Nt = {
+}, $t = {}, Et = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -636,8 +634,8 @@ const Z = (o) => {
   fill: "currentColor",
   class: "baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-left-collapse"
 };
-function Mt(o, e) {
-  return i(), r("svg", Nt, [...e[0] || (e[0] = [
+function Tt(o, e) {
+  return i(), r("svg", Et, [...e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -646,7 +644,7 @@ function Mt(o, 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 Ot = /* @__PURE__ */ z(It, [["render", Mt]]), $t = {}, Et = {
+const St = /* @__PURE__ */ z($t, [["render", Tt]]), zt = {}, Bt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -654,8 +652,8 @@ const Ot = /* @__PURE__ */ z(It, [["render", Mt]]), $t = {}, Et = {
   fill: "currentColor",
   class: "baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-left-expand"
 };
-function Tt(o, e) {
-  return i(), r("svg", Et, [...e[0] || (e[0] = [
+function Vt(o, e) {
+  return i(), r("svg", Bt, [...e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -664,7 +662,7 @@ function Tt(o, 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 St = /* @__PURE__ */ z($t, [["render", Tt]]), zt = {}, Bt = {
+const Lt = /* @__PURE__ */ z(zt, [["render", Vt]]), Gt = {}, Ut = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -672,8 +670,8 @@ const St = /* @__PURE__ */ z($t, [["render", Tt]]), zt = {}, Bt = {
   fill: "currentColor",
   class: "balkava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-right"
 };
-function Vt(o, e) {
-  return i(), r("svg", Bt, [...e[0] || (e[0] = [
+function jt(o, e) {
+  return i(), r("svg", Ut, [...e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -682,7 +680,7 @@ function Vt(o, 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 Lt = /* @__PURE__ */ z(zt, [["render", Vt]]), Gt = {}, Ut = {
+const Rt = /* @__PURE__ */ z(Gt, [["render", jt]]), Pt = {}, Dt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -690,8 +688,8 @@ const Lt = /* @__PURE__ */ z(zt, [["render", Vt]]), Gt = {}, Ut = {
   fill: "currentColor",
   class: "baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-right-collapse"
 };
-function jt(o, e) {
-  return i(), r("svg", Ut, [...e[0] || (e[0] = [
+function At(o, e) {
+  return i(), r("svg", Dt, [...e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -700,7 +698,7 @@ function jt(o, 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 Rt = /* @__PURE__ */ z(Gt, [["render", jt]]), Pt = {}, Dt = {
+const Ht = /* @__PURE__ */ z(Pt, [["render", At]]), Ft = {}, Wt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -708,8 +706,8 @@ const Rt = /* @__PURE__ */ z(Gt, [["render", jt]]), Pt = {}, Dt = {
   fill: "currentColor",
   class: "baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-right-expand"
 };
-function At(o, e) {
-  return i(), r("svg", Dt, [...e[0] || (e[0] = [
+function Xt(o, e) {
+  return i(), r("svg", Wt, [...e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -718,7 +716,7 @@ function At(o, 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 Ht = /* @__PURE__ */ z(Pt, [["render", At]]), Ft = {}, Wt = {
+const Yt = /* @__PURE__ */ z(Ft, [["render", Xt]]), Jt = {}, qt = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "baklava-icon",
   width: "24",
@@ -730,12 +728,12 @@ const Ht = /* @__PURE__ */ z(Pt, [["render", At]]), Ft = {}, Wt = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Xt(o, e) {
-  return i(), r("svg", Wt, [...e[0] || (e[0] = [
+function Qt(o, e) {
+  return i(), r("svg", qt, [...e[0] || (e[0] = [
     te('<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 Yt = /* @__PURE__ */ z(Ft, [["render", Xt]]), Jt = {}, qt = {
+const Zt = /* @__PURE__ */ z(Jt, [["render", Qt]]), Kt = {}, es = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "baklava-icon",
   width: "24",
@@ -747,12 +745,12 @@ const Yt = /* @__PURE__ */ z(Ft, [["render", Xt]]), Jt = {}, qt = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Qt(o, e) {
-  return i(), r("svg", qt, [...e[0] || (e[0] = [
+function ts(o, e) {
+  return i(), r("svg", es, [...e[0] || (e[0] = [
     te('<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 Zt = /* @__PURE__ */ z(Jt, [["render", Qt]]), Kt = {}, es = {
+const ss = /* @__PURE__ */ z(Kt, [["render", ts]]), ns = {}, os = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "baklava-icon",
   width: "24",
@@ -764,12 +762,12 @@ const Zt = /* @__PURE__ */ z(Jt, [["render", Qt]]), Kt = {}, es = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function ts(o, e) {
-  return i(), r("svg", es, [...e[0] || (e[0] = [
+function as(o, e) {
+  return i(), r("svg", os, [...e[0] || (e[0] = [
     te('<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 ss = /* @__PURE__ */ z(Kt, [["render", ts]]), ns = {}, os = {
+const is = /* @__PURE__ */ z(ns, [["render", as]]), rs = {}, ls = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "baklava-icon",
   width: "16",
@@ -781,8 +779,8 @@ const ss = /* @__PURE__ */ z(Kt, [["render", ts]]), ns = {}, os = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function as(o, e) {
-  return i(), r("svg", os, [...e[0] || (e[0] = [
+function ds(o, e) {
+  return i(), r("svg", ls, [...e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -805,13 +803,13 @@ function as(o, e) {
     }, null, -1)
   ])]);
 }
-const is = /* @__PURE__ */ z(ns, [["render", as]]), rs = ["id", "data-node-type"], ls = {
+const us = /* @__PURE__ */ z(rs, [["render", ds]]), cs = ["id", "data-node-type"], ps = {
   class: "__title-label",
   style: { "flex-grow": "1" }
-}, ds = { key: 0 }, us = {
+}, hs = { key: 0 }, vs = {
   class: "__menu",
   style: { display: "flex" }
-}, cs = { class: "__outputs" }, ps = { key: 0 }, hs = ["id", "title"], vs = { class: "__inputs" }, ms = { key: 0 }, fs = ["id", "title"], gs = /* @__PURE__ */ G({
+}, ms = { class: "__outputs" }, fs = { key: 0 }, gs = ["id", "title"], bs = { class: "__inputs" }, _s = { key: 0 }, ys = ["id", "title"], ws = /* @__PURE__ */ G({
   __name: "CodeGraphNode",
   props: {
     node: {},
@@ -820,7 +818,7 @@ const is = /* @__PURE__ */ z(ns, [["render", as]]), rs = ["id", "data-node-type"
   },
   emits: ["select", "start-drag", "update"],
   setup(o, { emit: e }) {
-    const t = ve.ContextMenu, s = ve.NodeInterface, n = o, a = f(() => n.node), u = e, { viewModel: d } = H(), { graph: h, switchGraph: O } = K(), x = E(null), k = E(!1), B = E(""), y = E(null), m = E(!1);
+    const t = ve.ContextMenu, s = ve.NodeInterface, n = o, a = f(() => n.node), u = e, { viewModel: d } = F(), { graph: h, switchGraph: O } = K(), x = E(null), k = E(!1), B = E(""), y = E(null), m = E(!1);
     let g = 0, b = 0;
     const p = E(!1), w = f(() => {
       const c = [
@@ -834,28 +832,28 @@ const is = /* @__PURE__ */ z(ns, [["render", as]]), rs = ["id", "data-node-type"
       "--dragging": n.dragging,
       "--two-column": !!n.node.twoColumn,
       "--hidden": a.value.state?.hidden
-    })), ke = f(() => ({
+    })), Ie = f(() => ({
       "--reverse-y": n.node.reverseY ?? d.value.settings.nodes.reverseY
-    })), Ce = f(() => ({
+    })), Ne = f(() => ({
       top: `${n.node.position?.y ?? 0}px`,
       left: `${n.node.position?.x ?? 0}px`,
       "--width": `${n.node.width ?? d.value.settings.nodes.defaultWidth}px`
-    })), Ie = f(() => Object.values(n.node.inputs).filter((c) => !c.hidden)), Ne = f(() => Object.values(n.node.outputs).filter((c) => !c.hidden)), re = () => {
+    })), Me = f(() => Object.values(n.node.inputs).filter((c) => !c.hidden)), Oe = f(() => Object.values(n.node.outputs).filter((c) => !c.hidden)), re = () => {
       u("select");
-    }, Me = (c) => {
+    }, $e = (c) => {
       n.selected || re(), u("start-drag", c);
     }, le = () => {
       p.value = !0;
-    }, Oe = () => {
+    }, Ee = () => {
       const c = d.value.displayedGraph.sidebar;
       c.nodeId = "", c.visible = !1;
     }, de = () => {
       const c = d.value.displayedGraph.sidebar;
       c.nodeId = n.node.id, c.visible = !0;
-    }, $e = () => {
+    }, Te = () => {
       const c = d.value.displayedGraph.sidebar;
       c.nodeId = n.node.id;
-    }, Ee = async (c) => {
+    }, Se = async (c) => {
       switch (c) {
         case "edit":
           de();
@@ -864,7 +862,7 @@ const is = /* @__PURE__ */ z(ns, [["render", as]]), rs = ["id", "data-node-type"
           h.value.removeNode(n.node);
           break;
         case "rename":
-          B.value = n.node.title, k.value = !0, await nt(), y.value?.focus();
+          B.value = n.node.title, k.value = !0, await it(), y.value?.focus();
           break;
         case "editSubgraph":
           O(n.node.template);
@@ -874,18 +872,18 @@ const is = /* @__PURE__ */ z(ns, [["render", as]]), rs = ["id", "data-node-type"
       n.node.title = B.value, k.value = !1;
     }, ce = () => {
       x.value && d.value.hooks.renderNode.execute({ node: n.node, el: x.value });
-    }, Te = (c) => {
+    }, ze = (c) => {
       m.value = !0, g = n.node.width, b = c.clientX, c.preventDefault();
     }, pe = (c) => {
       if (!m.value) return;
-      const C = c.clientX - b, v = g + C / h.value.scaling, Se = d.value.settings.nodes.minWidth, ze = d.value.settings.nodes.maxWidth;
-      n.node.width = Math.max(Se, Math.min(ze, v));
+      const C = c.clientX - b, v = g + C / h.value.scaling, Be = d.value.settings.nodes.minWidth, Ve = d.value.settings.nodes.maxWidth;
+      n.node.width = Math.max(Be, Math.min(Ve, v));
     }, he = () => {
       m.value = !1;
     };
     return ee(() => {
       ce(), window.addEventListener("mousemove", pe), window.addEventListener("mouseup", he);
-    }), _e(ce), tt(() => {
+    }), _e(ce), ot(() => {
       window.removeEventListener("mousemove", pe), window.removeEventListener("mouseup", he);
     }), (c, C) => (i(), r("div", {
       id: a.value.id,
@@ -893,17 +891,17 @@ const is = /* @__PURE__ */ z(ns, [["render", as]]), rs = ["id", "data-node-type"
       ref: x,
       class: U([I.value, "baklava-node"]),
       "data-node-type": a.value.type,
-      style: se(Ce.value),
+      style: se(Ne.value),
       onPointerdown: re
     }, [
       _(d).settings.nodes.resizable ? (i(), r("div", {
         key: 0,
         class: "__resize-handle",
-        onMousedown: Te
+        onMousedown: ze
       }, null, 32)) : N("", !0),
       l("div", {
         class: "__title",
-        onPointerdown: D(Me, ["self", "stop"]),
+        onPointerdown: D($e, ["self", "stop"]),
         onContextmenu: D(le, ["prevent"])
       }, [
         a.value.inputs._node ? (i(), V(me, {
@@ -928,27 +926,27 @@ const is = /* @__PURE__ */ z(ns, [["render", as]]), rs = ["id", "data-node-type"
         }, null, 544)), [
           [oe, B.value]
         ]) : (i(), r(T, { key: 1 }, [
-          l("div", ls, [
-            a.value.idx > -1 ? (i(), r("span", ds, L(a.value.idx + 1) + " - ", 1)) : N("", !0),
-            st(L(a.value.title) + " (" + L(a.value.shortId) + ") ", 1)
+          l("div", ps, [
+            a.value.idx > -1 ? (i(), r("span", hs, L(a.value.idx + 1) + " - ", 1)) : N("", !0),
+            at(L(a.value.title) + " (" + L(a.value.shortId) + ") ", 1)
           ]),
-          l("div", us, [
+          l("div", vs, [
             a.value.subgraph ? N("", !0) : (i(), r(T, { key: 0 }, [
-              !_(d).displayedGraph.sidebar.visible && _(d).displayedGraph.sidebar.nodeId !== a.value.id ? (i(), V(_(Ht), {
+              !_(d).displayedGraph.sidebar.visible && _(d).displayedGraph.sidebar.nodeId !== a.value.id ? (i(), V(_(Yt), {
                 key: 0,
                 class: "--clickable mx-1",
                 onClick: de
-              })) : _(d).displayedGraph.sidebar.visible && _(d).displayedGraph.sidebar.nodeId !== a.value.id ? (i(), V(_(Lt), {
+              })) : _(d).displayedGraph.sidebar.visible && _(d).displayedGraph.sidebar.nodeId !== a.value.id ? (i(), V(_(Rt), {
                 key: 1,
                 class: "--clickable mx-1",
-                onClick: $e
-              })) : (i(), V(_(Rt), {
+                onClick: Te
+              })) : (i(), V(_(Ht), {
                 key: 2,
                 class: "--clickable mx-1",
-                onClick: Oe
+                onClick: Ee
               }))
             ], 64)),
-            S(_(is), {
+            S(_(us), {
               class: "--clickable mx-1",
               onClick: le
             }),
@@ -958,7 +956,7 @@ const is = /* @__PURE__ */ z(ns, [["render", as]]), rs = ["id", "data-node-type"
               x: 0,
               y: 0,
               items: w.value,
-              onClick: Ee
+              onClick: Se
             }, null, 8, ["modelValue", "items"])
           ])
         ], 64)),
@@ -971,17 +969,17 @@ const is = /* @__PURE__ */ z(ns, [["render", as]]), rs = ["id", "data-node-type"
         }, null, 8, ["node", "intf"])) : N("", !0)
       ], 32),
       l("div", {
-        class: U(["__content", ke.value]),
+        class: U(["__content", Ie.value]),
         onKeydown: C[2] || (C[2] = Q(D(() => {
         }, ["stop"]), ["delete"])),
         onContextmenu: C[3] || (C[3] = D(() => {
         }, ["prevent"]))
       }, [
-        l("div", cs, [
-          (i(!0), r(T, null, A(Ne.value, (v) => (i(), r(T, {
+        l("div", ms, [
+          (i(!0), r(T, null, A(Oe.value, (v) => (i(), r(T, {
             key: v.id
           }, [
-            a.value.state?.hidden ? (i(), r("div", ps, [
+            a.value.state?.hidden ? (i(), r("div", fs, [
               v.port ? (i(), r("div", {
                 key: 0,
                 id: v.id,
@@ -989,7 +987,7 @@ const is = /* @__PURE__ */ z(ns, [["render", as]]), rs = ["id", "data-node-type"
                 class: "baklava-node-interface --output --connected"
               }, [...C[4] || (C[4] = [
                 l("div", { class: "__port" }, null, -1)
-              ])], 8, hs)) : N("", !0)
+              ])], 8, gs)) : N("", !0)
             ])) : q(c.$slots, "nodeInterface", {
               key: 1,
               type: "output",
@@ -1003,11 +1001,11 @@ const is = /* @__PURE__ */ z(ns, [["render", as]]), rs = ["id", "data-node-type"
             ])
           ], 64))), 128))
         ]),
-        l("div", vs, [
-          (i(!0), r(T, null, A(Ie.value, (v) => (i(), r(T, {
+        l("div", bs, [
+          (i(!0), r(T, null, A(Me.value, (v) => (i(), r(T, {
             key: v.id
           }, [
-            a.value.state?.hidden ? (i(), r("div", ms, [
+            a.value.state?.hidden ? (i(), r("div", _s, [
               v.port ? (i(), r("div", {
                 key: 0,
                 id: v.id,
@@ -1015,7 +1013,7 @@ const is = /* @__PURE__ */ z(ns, [["render", as]]), rs = ["id", "data-node-type"
                 class: "baklava-node-interface --input --connected"
               }, [...C[5] || (C[5] = [
                 l("div", { class: "__port" }, null, -1)
-              ])], 8, fs)) : N("", !0)
+              ])], 8, ys)) : N("", !0)
             ])) : q(c.$slots, "nodeInterface", {
               key: 1,
               node: a.value,
@@ -1031,12 +1029,12 @@ const is = /* @__PURE__ */ z(ns, [["render", as]]), rs = ["id", "data-node-type"
           ], 64))), 128))
         ])
       ], 34)
-    ], 46, rs));
+    ], 46, cs));
   }
-}), bs = ["title"], _s = {
+}), xs = ["title"], ks = {
   key: 0,
   class: "__label"
-}, ys = /* @__PURE__ */ G({
+}, Cs = /* @__PURE__ */ G({
   __name: "Checkbox",
   props: {
     modelValue: { type: Boolean },
@@ -1065,16 +1063,16 @@ const is = /* @__PURE__ */ z(ns, [["render", as]]), rs = ["id", "data-node-type"
           })
         ])
       ], -1)),
-      s.name ? (i(), r("div", _s, L(s.name), 1)) : N("", !0)
-    ], 10, bs));
+      s.name ? (i(), r("div", ks, L(s.name), 1)) : N("", !0)
+    ], 10, xs));
   }
-}), ws = { class: "__header" }, xs = { class: "__node-name" }, ks = { style: { display: "flex" } }, Cs = {
+}), Is = { class: "__header" }, Ns = { class: "__node-name" }, Ms = { style: { display: "flex" } }, Os = {
   key: 1,
   class: "__interface"
-}, Is = /* @__PURE__ */ G({
+}, $s = /* @__PURE__ */ G({
   __name: "CodeGraphSidebar",
   setup(o) {
-    const { viewModel: e } = H(), { graph: t } = K(), s = E(null), n = ye(e.value.settings.sidebar, "width"), a = f(() => e.value.settings.sidebar.resizable);
+    const { viewModel: e } = F(), { graph: t } = K(), s = E(null), n = ye(e.value.settings.sidebar, "width"), a = f(() => e.value.settings.sidebar.resizable);
     let u = 0, d = 0;
     const h = f(() => {
       const b = t.value.sidebar.nodeId;
@@ -1109,13 +1107,13 @@ const is = /* @__PURE__ */ z(ns, [["render", as]]), rs = ["id", "data-node-type"
         class: "__resizer",
         onMousedown: m
       }, null, 32)) : N("", !0),
-      l("div", ws, [
+      l("div", Is, [
         l("button", {
           tabindex: "-1",
           class: "__close",
           onClick: B
         }, "×"),
-        l("div", xs, [
+        l("div", Ns, [
           l("b", null, L(h.value ? h.value.title : ""), 1)
         ])
       ]),
@@ -1123,8 +1121,8 @@ const is = /* @__PURE__ */ z(ns, [["render", as]]), rs = ["id", "data-node-type"
         key: w.id,
         class: "__interface"
       }, [
-        l("div", ks, [
-          S(ys, {
+        l("div", Ms, [
+          S(Cs, {
             modelValue: w.hidden,
             "onUpdate:modelValue": [
               (I) => w.hidden = I,
@@ -1133,7 +1131,7 @@ const is = /* @__PURE__ */ z(ns, [["render", as]]), rs = ["id", "data-node-type"
             inversed: "",
             style: { "margin-right": "8px" }
           }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-          (i(), V(ot(w.component), {
+          (i(), V(rt(w.component), {
             modelValue: w.value,
             "onUpdate:modelValue": (I) => w.value = I,
             node: h.value,
@@ -1142,7 +1140,7 @@ const is = /* @__PURE__ */ z(ns, [["render", as]]), rs = ["id", "data-node-type"
           }, null, 8, ["modelValue", "onUpdate:modelValue", "node", "intf"]))
         ])
       ]))), 128)),
-      O.value && O.value.state ? (i(), r("div", Cs, [
+      O.value && O.value.state ? (i(), r("div", Os, [
         p[2] || (p[2] = l("label", null, "Variable name", -1)),
         ne(l("input", {
           "onUpdate:modelValue": p[1] || (p[1] = (w) => O.value.state.variableName = w),
@@ -1157,7 +1155,7 @@ const is = /* @__PURE__ */ z(ns, [["render", as]]), rs = ["id", "data-node-type"
       ])) : N("", !0)
     ], 6));
   }
-}), Ns = G({
+}), Es = G({
   props: {
     type: {
       type: String,
@@ -1169,7 +1167,7 @@ const is = /* @__PURE__ */ z(ns, [["render", as]]), rs = ["id", "data-node-type"
     }
   },
   setup(o) {
-    const { viewModel: e } = H(), { switchGraph: t } = K(), s = E(!1), n = f(() => o.type.startsWith(J));
+    const { viewModel: e } = F(), { switchGraph: t } = K(), s = E(!1), n = f(() => o.type.startsWith(J));
     return { showContextMenu: s, hasContextMenu: n, contextMenuItems: [
       { label: "Edit Subgraph", value: "editSubgraph" },
       { label: "Delete Subgraph", value: "deleteSubgraph" }
@@ -1188,24 +1186,24 @@ const is = /* @__PURE__ */ z(ns, [["render", as]]), rs = ["id", "data-node-type"
         }
     } };
   }
-}), Ms = ["data-node-type"], Os = { class: "__title" }, $s = { class: "__title-label" };
-function Es(o, e, t, s, n, a) {
+}), Ts = ["data-node-type"], Ss = { class: "__title" }, zs = { class: "__title-label" };
+function Bs(o, e, t, s, n, a) {
   return i(), r("div", {
     class: "baklava-node --palette",
     "data-node-type": o.type
   }, [
-    l("div", Os, [
-      l("div", $s, L(o.title), 1)
+    l("div", Ss, [
+      l("div", zs, L(o.title), 1)
     ])
-  ], 8, Ms);
+  ], 8, Ts);
 }
-const fe = /* @__PURE__ */ z(Ns, [["render", Es]]), Ts = {
+const fe = /* @__PURE__ */ z(Es, [["render", Bs]]), Vs = {
   class: "baklava-node --palette",
   style: { "margin-top": "-20px", "margin-bottom": "30px" }
-}, Ss = { key: 0 }, zs = /* @__PURE__ */ G({
+}, Ls = { key: 0 }, Gs = /* @__PURE__ */ G({
   __name: "CodeNodePalette",
   setup(o) {
-    const { viewModel: e } = H(), { x: t, y: s } = ht(), { transform: n } = Ye(), a = Je(e), u = at("editorEl"), d = E(""), h = E(null), O = (y) => d.value ? y.filter(
+    const { viewModel: e } = F(), { x: t, y: s } = ft(), { transform: n } = Qe(), a = Ze(e), u = lt("editorEl"), d = E(""), h = E(null), O = (y) => d.value ? y.filter(
       (m) => Object.values(m.nodeTypes).some(
         (g) => g.title.toLowerCase().includes(d.value?.toLowerCase())
       )
@@ -1237,7 +1235,7 @@ const fe = /* @__PURE__ */ z(Ns, [["render", Es]]), Ts = {
         onContextmenu: m[1] || (m[1] = D(() => {
         }, ["stop", "prevent"]))
       }, [
-        l("div", Ts, [
+        l("div", Vs, [
           ne(l("input", {
             "onUpdate:modelValue": m[0] || (m[0] = (g) => d.value = g),
             type: "text",
@@ -1250,7 +1248,7 @@ const fe = /* @__PURE__ */ z(Ns, [["render", Es]]), Ts = {
         (i(!0), r(T, null, A(O(_(a)), (g) => (i(), r("section", {
           key: g.name
         }, [
-          g.name !== "default" ? (i(), r("h3", Ss, L(g.name), 1)) : N("", !0),
+          g.name !== "default" ? (i(), r("h3", Ls, L(g.name), 1)) : N("", !0),
           (i(!0), r(T, null, A(x(g.nodeTypes), (b, p) => (i(), V(fe, {
             key: p,
             type: p,
@@ -1259,8 +1257,8 @@ const fe = /* @__PURE__ */ z(Ns, [["render", Es]]), Ts = {
           }, null, 8, ["type", "title", "onPointerdown"]))), 128))
         ]))), 128))
       ], 34),
-      S(it, { name: "fade" }, {
-        default: W(() => [
+      S(dt, { name: "fade" }, {
+        default: X(() => [
           h.value ? (i(), r("div", {
             key: 0,
             class: "baklava-dragged-node",
@@ -1276,7 +1274,7 @@ const fe = /* @__PURE__ */ z(Ns, [["render", Es]]), Ts = {
       })
     ], 64));
   }
-}), tn = /* @__PURE__ */ G({
+}), rn = /* @__PURE__ */ G({
   __name: "CodeGraphEditor",
   props: {
     viewModel: {}
@@ -1285,24 +1283,24 @@ const fe = /* @__PURE__ */ z(Ns, [["render", Es]]), Ts = {
     const t = ye(o, "viewModel"), s = (n) => n.events.update.emit(null);
     return ee(() => {
       t.value.subscribe(), t.value.engine.start();
-    }), rt(() => {
+    }), ut(() => {
       t.value.unsubscribe(), t.value.engine.stop();
-    }), (n, a) => (i(), V(_(qe), { "view-model": t.value }, {
-      palette: W(() => [
-        S(zs)
+    }), (n, a) => (i(), V(_(Ke), { "view-model": t.value }, {
+      palette: X(() => [
+        S(Gs)
       ]),
-      node: W((u) => [
-        S(gs, ut(u, {
+      node: X((u) => [
+        S(ws, ht(u, {
           onUpdate: (d) => s(u.node)
         }), null, 16, ["onUpdate"])
       ]),
-      sidebar: W((u) => [
-        S(Is, lt(dt(u)), null, 16)
+      sidebar: X((u) => [
+        S($s, ct(pt(u)), null, 16)
       ]),
       _: 1
     }, 8, ["view-model"]));
   }
-}), Bs = (o) => {
+}), Us = (o) => {
   const e = "TOGGLE_PALETTE";
   o.commandHandler.registerCommand(e, {
     execute: () => o.settings.palette.enabled = !o.settings.palette.enabled,
@@ -1322,23 +1320,23 @@ const fe = /* @__PURE__ */ z(Ns, [["render", Es]]), Ts = {
       command: e,
       title: "Toggle palette",
       // Tooltip text
-      icon: f(() => o.settings.palette.enabled ? Ot : St)
+      icon: f(() => o.settings.palette.enabled ? St : Lt)
     },
-    ...Qe,
+    ...et,
     {
       command: t,
       title: "Clear all",
       // Tooltip text
-      icon: ss
+      icon: is
     },
     {
       command: s,
       title: "Toggle minimap",
       // Tooltip text
-      icon: f(() => o.settings.enableMinimap ? Zt : Yt)
+      icon: f(() => o.settings.enableMinimap ? ss : Zt)
     }
   ];
-}, F = {
+}, W = {
   enableMinimap: !1,
   toolbar: {
     enabled: !0
@@ -1353,22 +1351,22 @@ const fe = /* @__PURE__ */ z(Ns, [["render", Es]]), Ts = {
   },
   displayValueOnHover: !1
 };
-function sn(o) {
-  const e = Ze(o?.existingEditor);
-  e.code = o?.code ? new o.code(e) : new wt(e), Bs(e);
+function ln(o) {
+  const e = tt(o?.existingEditor);
+  e.code = o?.code ? new o.code(e) : new It(e), Us(e);
   const t = {};
-  return Object.keys(F).forEach((s) => {
-    t[s] = typeof F[s] == "object" ? { ...e.settings[s], ...F[s] } : F[s];
+  return Object.keys(W).forEach((s) => {
+    t[s] = typeof W[s] == "object" ? { ...e.settings[s], ...W[s] } : W[s];
   }), e.settings = R({ ...e.settings, ...t }), e.settings.nodes.defaultWidth = 350, e.state = R({
     modules: {},
     token: null
-  }), e.engine = new Ke(e.editor), e.subscribe = () => {
+  }), e.engine = new st(e.editor), e.subscribe = () => {
     e.state.token && e.unsubscribe();
     const s = Symbol();
     e.displayedGraph.events.addNode.subscribe(s, (n) => n.code = e.code), e.engine.events.beforeRun.subscribe(s, () => {
       e.engine.pause(), e.code && (e.code.onCodeUpdate(), e.code.sortNodes(), e.code.updateOutputVariableNames()), e.engine.resume();
     }), e.engine.events.afterRun.subscribe(s, (n) => {
-      e.engine.pause(), et(n, e.editor), xt(e.displayedGraph), e.code && (e.code.renderNodeCodes(), e.code.renderCode()), e.engine.resume();
+      e.engine.pause(), nt(n, e.editor), Nt(e.displayedGraph), e.code && (e.code.renderNodeCodes(), e.code.renderCode()), e.engine.resume();
     }), e.state.token = s;
   }, e.unsubscribe = () => {
     if (!e.state.token) return;
@@ -1377,40 +1375,47 @@ function sn(o) {
   }, e;
 }
 export {
-  vt as AbstractCodeNode,
-  Ps as ButtonInterface,
-  an as ButtonInterfaceComponent,
-  Ds as CheckboxInterface,
-  rn as CheckboxInterfaceComponent,
-  wt as Code,
-  tn as CodeGraphEditor,
-  Hs as CodeInputInterface,
+  gt as AbstractCodeNode,
+  Ws as ButtonInterface,
+  cn as ButtonInterfaceComponent,
+  Xs as CheckboxInterface,
+  pn as CheckboxInterfaceComponent,
+  It as Code,
+  rn as CodeGraphEditor,
+  Js as CodeInputInterface,
   we as CodeNode,
   M as CodeNodeInterface,
-  _t as CodeOutputInterface,
-  F as DEFAULT_SETTINGS,
-  yt as DynamicCodeNode,
-  As as IntegerInterface,
-  ln as IntegerInterfaceComponent,
-  Fs as NumberInterface,
-  dn as NumberInterfaceComponent,
-  Ws as SelectInterface,
-  un as SelectInterfaceComponent,
-  Xs as SliderInterface,
-  cn as SliderInterfaceComponent,
-  Js as TextInputInterface,
-  pn as TextInputInterfaceComponent,
-  Ys as TextInterface,
-  qs as TextareaInputInterface,
-  hn as TextareaInputInterfaceComponent,
-  Bs as addToolbarCommands,
-  Qs as defineCodeNode,
-  Zs as defineDynamicCodeNode,
+  kt as CodeOutputInterface,
+  W as DEFAULT_SETTINGS,
+  Ct as DynamicCodeNode,
+  Ys as IntegerInterface,
+  hn as IntegerInterfaceComponent,
+  qs as NumberInterface,
+  vn as NumberInterfaceComponent,
+  Qs as SelectInterface,
+  mn as SelectInterfaceComponent,
+  Zs as SliderInterface,
+  fn as SliderInterfaceComponent,
+  en as TextInputInterface,
+  gn as TextInputInterfaceComponent,
+  Ks as TextInterface,
+  tn as TextareaInputInterface,
+  bn as TextareaInputInterfaceComponent,
+  Fs as addDefaultTypes,
+  Us as addToolbarCommands,
+  _t as booleanType,
+  sn as defineCodeNode,
+  nn as defineDynamicCodeNode,
+  yt as dictType,
   Z as getCodeNodes,
-  Ks as getPositionAtColumn,
-  en as getPositionBeforeNode,
+  on as getPositionAtColumn,
+  an as getPositionBeforeNode,
+  wt as listType,
   xe as loadNodeState,
-  mt as saveNodeState,
-  xt as transferCodeScript,
-  sn as useCodeGraph
+  H as nodeType,
+  ke as numberType,
+  bt as saveNodeState,
+  Ce as stringType,
+  Nt as transferCodeScript,
+  ln as useCodeGraph
 };