@babsey/code-graph 0.0.9 → 0.0.11

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, NodeInterface as Ge, ButtonInterfaceComponent as Ue, CheckboxInterfaceComponent as je, IntegerInterfaceComponent as Re, NumberInterfaceComponent as Pe, SelectInterfaceComponent as De, SliderInterfaceComponent as Ae, TextInputInterfaceComponent as ge, TextareaInputInterfaceComponent as He, NodeInterfaceType as P, BaklavaInterfaceTypes 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 l, 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 r, 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 lt, inject as rt, 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,22 +125,18 @@ 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 = ["title"], ae = /* @__PURE__ */ G({
   __name: "CodeNodeInterface",
   props: {
     intf: {}
   },
   setup(o) {
-    return (e, t) => (i(), r("div", {
+    return (e, t) => (i(), l("div", {
       title: e.intf.state?.script
-    }, L(e.intf.name), 9, bt));
+    }, L(e.intf.name), 9, _t));
   }
 });
-class M extends Ve {
+class M extends Ge {
   optional = !1;
   code;
   state;
@@ -160,15 +156,15 @@ class M extends Ve {
   //   if (this.name !== '_node') this.setHidden(false);
   // }
 }
-class Ps extends M {
-  component = $(Le);
+class Fs extends M {
+  component = $(Ue);
   callback;
   constructor(e, t) {
     super(e, void 0), this.callback = t, this.setPort(!1);
   }
 }
-class Ds extends M {
-  component = $(Ge);
+class Ws extends M {
+  component = $(je);
 }
 class ie extends M {
   min;
@@ -180,19 +176,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 Xs extends ie {
+  component = $(Re);
   validate(e) {
     return Number.isInteger(e) && super.validate(e);
   }
 }
-class Hs extends M {
+class Ys extends M {
   isCodeInput = !0;
   constructor(e = "", t) {
     super(e, t), this.setComponent($(ae));
   }
 }
-class _t extends M {
+class yt extends M {
   isCodeOutput = !0;
   constructor(e = "", t = "") {
     super(e, t), this.setComponent($(ae));
@@ -207,49 +203,52 @@ 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 Js extends ie {
+  component = $(Pe);
 }
-class Ws extends M {
-  component = $(Re);
+class qs extends M {
+  component = $(De);
   items;
   constructor(e, t, s) {
     super(e, t), this.items = s;
   }
 }
-class Xs extends ie {
-  component = $(Pe);
+class Qs extends ie {
+  component = $(Ae);
   min;
   max;
   constructor(e, t, s, n) {
     super(e, t, s, n), this.min = s, this.max = n;
   }
 }
-class Ys extends M {
+class Zs extends M {
   component = $(ge);
   constructor(e, t) {
     super(e, t), this.setPort(!1);
   }
 }
-class Js extends M {
+class Ks extends M {
   isString = !0;
   component = $(ge);
 }
-class qs extends M {
-  component = $(De);
+class en extends M {
+  component = $(He);
 }
-function Qs(o) {
+const wt = new P("boolean"), xt = new P("dict"), kt = new P("list"), H = new P("node"), ke = new P("number"), Ce = new P("string"), tn = (o) => {
+  new Fe(o.editor, { viewPlugin: o }).addTypes(Ce, H, ke, wt, xt, kt);
+};
+function sn(o) {
   return class extends we {
     type = o.type;
     inputs = {};
     outputs = {};
     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(
+      super(), this._title = o.title ?? o.type, this.updateModules(o.modules), o.codeTemplate && (this.state.codeTemplate = o.codeTemplate.call(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 +272,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 +282,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 = {};
@@ -293,12 +292,12 @@ function Zs(o) {
     staticInputKeys = Object.keys(o.inputs ?? {});
     staticOutputKeys = Object.keys(o.outputs ?? {});
     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(
+      super(), this._title = o.title ?? o.type, this.updateModules(o.modules), o.codeTemplate && (this.state.codeTemplate = o.codeTemplate.call(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 +326,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 yt(t);
             this.addOutput(t, s);
           }
           this.outputs[t] && (this.outputs[t].load(e.outputs[t]), this.outputs[t].nodeId = this.id);
@@ -371,12 +370,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 +556,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 +574,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 +589,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);
@@ -606,29 +605,29 @@ const Z = (o) => {
     }, x = () => {
       a.value && t.value.hooks.renderInterface.execute({ intf: e.intf, el: a.value });
     };
-    return ee(x), _e(x), (k, B) => (i(), r("div", {
+    return ee(x), _e(x), (k, B) => (i(), l("div", {
       id: k.intf.id,
       ref_key: "el",
       ref: a,
       class: U(["baklava-node-interface", d.value])
     }, [
-      k.intf.port ? (i(), r("div", {
+      k.intf.port ? (i(), l("div", {
         key: 0,
         class: U(["__port", { "--selected": _(n)?.from === k.intf }]),
         onPointerover: h,
         onPointerout: O
       }, null, 34)) : N("", !0),
-      l("span", Ct, [
+      r("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,17 +635,17 @@ 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] = [
-    l("path", {
+function Tt(o, e) {
+  return i(), l("svg", Et, [...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 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,17 +653,17 @@ 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] = [
-    l("path", {
+function Vt(o, e) {
+  return i(), l("svg", Bt, [...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 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,17 +671,17 @@ 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] = [
-    l("path", {
+function jt(o, e) {
+  return i(), l("svg", Ut, [...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 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,17 +689,17 @@ 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] = [
-    l("path", {
+function At(o, e) {
+  return i(), l("svg", Dt, [...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 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,17 +707,17 @@ 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] = [
-    l("path", {
+function Xt(o, e) {
+  return i(), l("svg", Wt, [...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 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 +729,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(), l("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 +746,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(), l("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 +763,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(), l("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]]), ls = {}, rs = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "baklava-icon",
   width: "16",
@@ -781,37 +780,37 @@ 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] = [
-    l("path", {
+function ds(o, e) {
+  return i(), l("svg", rs, [...e[0] || (e[0] = [
+    r("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    l("circle", {
+    r("circle", {
       cx: "12",
       cy: "12",
       r: "1"
     }, null, -1),
-    l("circle", {
+    r("circle", {
       cx: "12",
       cy: "19",
       r: "1"
     }, null, -1),
-    l("circle", {
+    r("circle", {
       cx: "12",
       cy: "5",
       r: "1"
     }, null, -1)
   ])]);
 }
-const is = /* @__PURE__ */ z(ns, [["render", as]]), rs = ["id", "data-node-type"], ls = {
+const us = /* @__PURE__ */ z(ls, [["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 +819,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 +833,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)), le = () => {
       u("select");
-    }, Me = (c) => {
-      n.selected || re(), u("start-drag", c);
-    }, le = () => {
+    }, $e = (c) => {
+      n.selected || le(), u("start-drag", c);
+    }, re = () => {
       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 +863,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,37 +873,37 @@ 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", {
+    }), (c, C) => (i(), l("div", {
       id: a.value.id,
       ref_key: "el",
       ref: x,
       class: U([I.value, "baklava-node"]),
       "data-node-type": a.value.type,
-      style: se(Ce.value),
-      onPointerdown: re
+      style: se(Ne.value),
+      onPointerdown: le
     }, [
-      _(d).settings.nodes.resizable ? (i(), r("div", {
+      _(d).settings.nodes.resizable ? (i(), l("div", {
         key: 0,
         class: "__resize-handle",
-        onMousedown: Te
+        onMousedown: ze
       }, null, 32)) : N("", !0),
-      l("div", {
+      r("div", {
         class: "__title",
-        onPointerdown: D(Me, ["self", "stop"]),
-        onContextmenu: D(le, ["prevent"])
+        onPointerdown: D($e, ["self", "stop"]),
+        onContextmenu: D(re, ["prevent"])
       }, [
         a.value.inputs._node ? (i(), V(me, {
           key: 0,
@@ -914,7 +913,7 @@ const is = /* @__PURE__ */ z(ns, [["render", as]]), rs = ["id", "data-node-type"
           "data-interface-type": "node",
           style: { "flex-grow": "0" }
         }, null, 8, ["node", "intf"])) : N("", !0),
-        k.value ? ne((i(), r("input", {
+        k.value ? ne((i(), l("input", {
           key: 2,
           ref_key: "renameInputEl",
           ref: y,
@@ -927,30 +926,30 @@ const is = /* @__PURE__ */ z(ns, [["render", as]]), rs = ["id", "data-node-type"
           onKeydown: Q(ue, ["enter"])
         }, 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)
+        ]) : (i(), l(T, { key: 1 }, [
+          r("div", ps, [
+            a.value.idx > -1 ? (i(), l("span", hs, L(a.value.idx + 1) + " - ", 1)) : N("", !0),
+            at(L(a.value.title) + " (" + L(a.value.shortId) + ") ", 1)
           ]),
-          l("div", us, [
-            a.value.subgraph ? N("", !0) : (i(), r(T, { key: 0 }, [
-              !_(d).displayedGraph.sidebar.visible && _(d).displayedGraph.sidebar.nodeId !== a.value.id ? (i(), V(_(Ht), {
+          r("div", vs, [
+            a.value.subgraph ? N("", !0) : (i(), l(T, { key: 0 }, [
+              !_(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
+              onClick: re
             }),
             S(_(t), {
               modelValue: p.value,
@@ -958,7 +957,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)),
@@ -970,26 +969,26 @@ const is = /* @__PURE__ */ z(ns, [["render", as]]), rs = ["id", "data-node-type"
           "data-interface-type": "node"
         }, null, 8, ["node", "intf"])) : N("", !0)
       ], 32),
-      l("div", {
-        class: U(["__content", ke.value]),
+      r("div", {
+        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, {
+        r("div", ms, [
+          (i(!0), l(T, null, A(Oe.value, (v) => (i(), l(T, {
             key: v.id
           }, [
-            a.value.state?.hidden ? (i(), r("div", ps, [
-              v.port ? (i(), r("div", {
+            a.value.state?.hidden ? (i(), l("div", fs, [
+              v.port ? (i(), l("div", {
                 key: 0,
                 id: v.id,
                 title: v.name,
                 class: "baklava-node-interface --output --connected"
               }, [...C[4] || (C[4] = [
-                l("div", { class: "__port" }, null, -1)
-              ])], 8, hs)) : N("", !0)
+                r("div", { class: "__port" }, null, -1)
+              ])], 8, gs)) : N("", !0)
             ])) : q(c.$slots, "nodeInterface", {
               key: 1,
               type: "output",
@@ -1003,19 +1002,19 @@ 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, {
+        r("div", bs, [
+          (i(!0), l(T, null, A(Me.value, (v) => (i(), l(T, {
             key: v.id
           }, [
-            a.value.state?.hidden ? (i(), r("div", ms, [
-              v.port ? (i(), r("div", {
+            a.value.state?.hidden ? (i(), l("div", _s, [
+              v.port ? (i(), l("div", {
                 key: 0,
                 id: v.id,
                 title: v.name,
                 class: "baklava-node-interface --input --connected"
               }, [...C[5] || (C[5] = [
-                l("div", { class: "__port" }, null, -1)
-              ])], 8, fs)) : N("", !0)
+                r("div", { class: "__port" }, null, -1)
+              ])], 8, ys)) : N("", !0)
             ])) : q(c.$slots, "nodeInterface", {
               key: 1,
               node: a.value,
@@ -1031,12 +1030,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 },
@@ -1046,35 +1045,35 @@ const is = /* @__PURE__ */ z(ns, [["render", as]]), rs = ["id", "data-node-type"
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
     const t = e;
-    return (s, n) => (i(), r("div", {
+    return (s, n) => (i(), l("div", {
       class: U(["baklava-checkbox", { "--checked": s.inversed ? !s.modelValue : s.modelValue }]),
       title: s.name,
       onClick: n[0] || (n[0] = (a) => t("update:modelValue", !s.modelValue))
     }, [
-      n[1] || (n[1] = l("div", { class: "__checkmark-container" }, [
-        l("svg", {
+      n[1] || (n[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", _s, L(s.name), 1)) : N("", !0)
-    ], 10, bs));
+      s.name ? (i(), l("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;
@@ -1098,33 +1097,33 @@ const is = /* @__PURE__ */ z(ns, [["render", as]]), rs = ["id", "data-node-type"
       let I = u - w;
       I < 300 ? I = 300 : I > 0.9 * p && (I = 0.9 * p), n.value = I;
     };
-    return (b, p) => (i(), r("div", {
+    return (b, p) => (i(), l("div", {
       ref_key: "el",
       ref: s,
       class: U(["baklava-sidebar", { "--open": _(t).sidebar.visible }]),
       style: se(x.value)
     }, [
-      a.value ? (i(), r("div", {
+      a.value ? (i(), l("div", {
         key: 0,
         class: "__resizer",
         onMousedown: m
       }, null, 32)) : N("", !0),
-      l("div", ws, [
-        l("button", {
+      r("div", Is, [
+        r("button", {
           tabindex: "-1",
           class: "__close",
           onClick: B
         }, "×"),
-        l("div", xs, [
-          l("b", null, L(h.value ? h.value.title : ""), 1)
+        r("div", Ns, [
+          r("b", null, L(h.value ? h.value.title : ""), 1)
         ])
       ]),
-      (i(!0), r(T, null, A(k.value, (w) => (i(), r("div", {
+      (i(!0), l(T, null, A(k.value, (w) => (i(), l("div", {
         key: w.id,
         class: "__interface"
       }, [
-        l("div", ks, [
-          S(ys, {
+        r("div", Ms, [
+          S(Cs, {
             modelValue: w.hidden,
             "onUpdate:modelValue": [
               (I) => w.hidden = I,
@@ -1133,7 +1132,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(lt(w.component), {
             modelValue: w.value,
             "onUpdate:modelValue": (I) => w.value = I,
             node: h.value,
@@ -1142,9 +1141,9 @@ 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, [
-        p[2] || (p[2] = l("label", null, "Variable name", -1)),
-        ne(l("input", {
+      O.value && O.value.state ? (i(), l("div", Os, [
+        p[2] || (p[2] = r("label", null, "Variable name", -1)),
+        ne(r("input", {
           "onUpdate:modelValue": p[1] || (p[1] = (w) => O.value.state.variableName = w),
           type: "text",
           class: "baklava-input",
@@ -1157,7 +1156,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 +1168,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 +1187,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) {
-  return i(), r("div", {
+}), Ts = ["data-node-type"], Ss = { class: "__title" }, zs = { class: "__title-label" };
+function Bs(o, e, t, s, n, a) {
+  return i(), l("div", {
     class: "baklava-node --palette",
     "data-node-type": o.type
   }, [
-    l("div", Os, [
-      l("div", $s, L(o.title), 1)
+    r("div", Ss, [
+      r("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 = rt("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())
       )
@@ -1231,14 +1230,14 @@ const fe = /* @__PURE__ */ z(Ns, [["render", Es]]), Ts = {
       };
       document.addEventListener("pointerup", g);
     };
-    return (y, m) => (i(), r(T, null, [
-      l("div", {
+    return (y, m) => (i(), l(T, null, [
+      r("div", {
         class: U(["baklava-node-palette", { "--open": _(e).settings.palette.enabled }]),
         onContextmenu: m[1] || (m[1] = D(() => {
         }, ["stop", "prevent"]))
       }, [
-        l("div", Ts, [
-          ne(l("input", {
+        r("div", Vs, [
+          ne(r("input", {
             "onUpdate:modelValue": m[0] || (m[0] = (g) => d.value = g),
             type: "text",
             class: "baklava-input",
@@ -1247,11 +1246,11 @@ const fe = /* @__PURE__ */ z(Ns, [["render", Es]]), Ts = {
             [oe, d.value]
           ])
         ]),
-        (i(!0), r(T, null, A(O(_(a)), (g) => (i(), r("section", {
+        (i(!0), l(T, null, A(O(_(a)), (g) => (i(), l("section", {
           key: g.name
         }, [
-          g.name !== "default" ? (i(), r("h3", Ss, L(g.name), 1)) : N("", !0),
-          (i(!0), r(T, null, A(x(g.nodeTypes), (b, p) => (i(), V(fe, {
+          g.name !== "default" ? (i(), l("h3", Ls, L(g.name), 1)) : N("", !0),
+          (i(!0), l(T, null, A(x(g.nodeTypes), (b, p) => (i(), V(fe, {
             key: p,
             type: p,
             title: b.title,
@@ -1259,9 +1258,9 @@ const fe = /* @__PURE__ */ z(Ns, [["render", Es]]), Ts = {
           }, null, 8, ["type", "title", "onPointerdown"]))), 128))
         ]))), 128))
       ], 34),
-      S(it, { name: "fade" }, {
-        default: W(() => [
-          h.value ? (i(), r("div", {
+      S(dt, { name: "fade" }, {
+        default: X(() => [
+          h.value ? (i(), l("div", {
             key: 0,
             class: "baklava-dragged-node",
             style: se(k.value)
@@ -1276,7 +1275,7 @@ const fe = /* @__PURE__ */ z(Ns, [["render", Es]]), Ts = {
       })
     ], 64));
   }
-}), tn = /* @__PURE__ */ G({
+}), ln = /* @__PURE__ */ G({
   __name: "CodeGraphEditor",
   props: {
     viewModel: {}
@@ -1285,24 +1284,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 +1321,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 +1352,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 rn(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 +1376,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,
+  Fs as ButtonInterface,
+  cn as ButtonInterfaceComponent,
+  Ws as CheckboxInterface,
+  pn as CheckboxInterfaceComponent,
+  It as Code,
+  ln as CodeGraphEditor,
+  Ys 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,
+  yt as CodeOutputInterface,
+  W as DEFAULT_SETTINGS,
+  Ct as DynamicCodeNode,
+  Xs as IntegerInterface,
+  hn as IntegerInterfaceComponent,
+  Js as NumberInterface,
+  vn as NumberInterfaceComponent,
+  qs as SelectInterface,
+  mn as SelectInterfaceComponent,
+  Qs as SliderInterface,
+  fn as SliderInterfaceComponent,
+  Ks as TextInputInterface,
+  gn as TextInputInterfaceComponent,
+  Zs as TextInterface,
+  en as TextareaInputInterface,
+  bn as TextareaInputInterfaceComponent,
+  tn as addDefaultTypes,
+  Us as addToolbarCommands,
+  wt as booleanType,
+  sn as defineCodeNode,
+  nn as defineDynamicCodeNode,
+  xt as dictType,
   Z as getCodeNodes,
-  Ks as getPositionAtColumn,
-  en as getPositionBeforeNode,
+  on as getPositionAtColumn,
+  an as getPositionBeforeNode,
+  kt 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,
+  rn as useCodeGraph
 };