@babsey/code-graph 0.1.1 → 0.1.3

package/dist/code-graph.js

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