@babsey/code-graph 0.1.3 → 0.1.4

package/dist/code-graph.js

@@ -1,11 +1,11 @@
-import { AbstractNode as We, sortTopologically as Ne, NodeInterface as Xe, displayInSidebar as Me, NodeInterfaceType as R, BaklavaInterfaceTypes as qe, CheckboxInterfaceComponent as Je, setType as S, IntegerInterfaceComponent as Ye, TextInputInterfaceComponent as $e, NumberInterfaceComponent as Qe, SelectInterfaceComponent as Ke, SliderInterfaceComponent as Ze, TextareaInputInterfaceComponent as et, allowMultipleConnections as K, IntegerInterface as tt, TextInputInterface as st, useViewModel as q, useTemporaryConnection as nt, Components as ke, useGraph as ae, GRAPH_NODE_TYPE_PREFIX as se, useTransform as ot, useNodeCategories as at, BaklavaEditor as it, DEFAULT_TOOLBAR_COMMANDS as rt, useBaklava as lt, DependencyEngine as dt, applyResult as ut } from "baklavajs";
 import Z from "mustache";
-import { reactive as P, defineComponent as U, createElementBlock as r, openBlock as i, toDisplayString as j, markRaw as E, computed as b, createElementVNode as l, withDirectives as ee, vModelText as te, ref as B, onMounted as ie, onUpdated as Oe, normalizeClass as G, createCommentVNode as I, unref as _, renderSlot as W, createStaticVNode as J, onBeforeUnmount as ct, normalizeStyle as re, withModifiers as A, createBlock as O, Fragment as T, createTextVNode as pt, createVNode as z, withKeys as ne, renderList as D, nextTick as ht, toRef as Te, resolveDynamicComponent as Ce, inject as vt, Transition as mt, withCtx as F, onUnmounted as ft, normalizeProps as gt, guardReactiveProps as bt, mergeProps as yt } from "vue";
-import _t from "toposort";
+import We from "toposort";
+import { AbstractNode as Xe, sortTopologically as Ne, NodeInterface as qe, displayInSidebar as Me, NodeInterfaceType as R, BaklavaInterfaceTypes as Je, CheckboxInterfaceComponent as Ye, setType as B, IntegerInterfaceComponent as Qe, TextInputInterfaceComponent as $e, NumberInterfaceComponent as Ke, SelectInterfaceComponent as Ze, SliderInterfaceComponent as et, TextareaInputInterfaceComponent as tt, allowMultipleConnections as K, IntegerInterface as st, TextInputInterface as nt, useViewModel as q, useTemporaryConnection as ot, Components as ke, useGraph as ae, GRAPH_NODE_TYPE_PREFIX as se, useTransform as at, useNodeCategories as it, BaklavaEditor as rt, useBaklava as lt, DependencyEngine as dt, applyResult as ut, DEFAULT_TOOLBAR_COMMANDS as ct } from "baklavajs";
+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 S, onMounted as ie, onUpdated as Oe, normalizeClass as G, createCommentVNode as I, unref as _, renderSlot as W, createStaticVNode as J, onBeforeUnmount as pt, normalizeStyle as re, withModifiers as A, createBlock as O, Fragment as T, createTextVNode as ht, createVNode as z, withKeys as ne, renderList as D, nextTick as vt, toRef as Te, resolveDynamicComponent as Ce, inject as mt, Transition as ft, withCtx as F, onUnmounted as gt, normalizeProps as bt, guardReactiveProps as yt, mergeProps as _t } from "vue";
 import { v4 as kt } from "uuid";
 import { usePointer as Ct } from "@vueuse/core";
 Z.escape = (s) => s;
-class wt extends We {
+class wt extends Xe {
   state;
   code;
   isCodeNode = !0;
@@ -151,7 +151,7 @@ class wt extends We {
    * Reset script of input interfaces.
    */
   resetInputInterfaceScript() {
-    Object.values(this.inputs).forEach((e) => e.state.script = "");
+    Object.values(this.codeNodeInputs).forEach((e) => e.resetScript());
   }
   updateCodeTemplate() {
     this.state.codeTemplate = this.codeTemplate.call(this);
@@ -239,7 +239,7 @@ const xt = (s, e = !0) => {
     }, j(s.intf.name), 9, Nt));
   }
 });
-class H extends Xe {
+class H extends qe {
   isCodeNode = !0;
   code;
   state;
@@ -263,6 +263,7 @@ class H extends Xe {
     return this.id.slice(0, 6);
   }
   getValue = () => `${this.value ?? "None"}`;
+  resetScript = () => this.state.script = "";
 }
 const yn = (s, e) => {
   s.state.optional = e, s.setHidden(e);
@@ -285,12 +286,12 @@ class Y extends H {
     super.value = e, this.name !== "_node" && this.setHidden(!1);
   }
 }
-const Be = new R("boolean"), Mt = new R("dict"), Se = new R("list"), X = new R("node"), de = new R("number"), ue = new R("string"), ze = new R("tuple"), _n = (s) => {
-  new qe(s.editor, { viewPlugin: s }).addTypes(Be, Mt, Se, X, de, ue, ze);
+const Se = new R("boolean"), Mt = new R("dict"), Be = new R("list"), X = new R("node"), de = new R("number"), ue = new R("string"), ze = new R("tuple"), _n = (s) => {
+  new Je(s.editor, { viewPlugin: s }).addTypes(Se, Mt, Be, X, de, ue, ze);
 };
 class kn extends Y {
   constructor(e, t) {
-    super(e, t), this.setComponent(E(Je)), this.use(S, Be);
+    super(e, t), this.setComponent(E(Ye)), this.use(B, Se);
   }
   getValue = () => this.value ? "True" : "False";
 }
@@ -307,42 +308,42 @@ class ce extends Y {
   min;
   max;
   constructor(e, t, n, o) {
-    super(e, t), this.min = n, this.max = o, this.use(S, de);
+    super(e, t), this.min = n, this.max = o, this.use(B, de);
   }
   validate(e) {
     return (this.min === void 0 || e >= this.min) && (this.max === void 0 || e <= this.max);
   }
 }
 class Cn extends ce {
-  component = E(Ye);
+  component = E(Qe);
   validate(e) {
     return Number.isInteger(e) && super.validate(e);
   }
 }
 class wn extends Y {
   constructor(e = "", t = "") {
-    super(e, t), this.setComponent(E($e)), this.use(S, Se);
+    super(e, t), this.setComponent(E($e)), this.use(B, Be);
   }
   getValue = () => `[${this.value}]`;
 }
 class xn extends ce {
-  component = E(Qe);
+  component = E(Ke);
 }
 class pe extends Y {
   constructor(e, t) {
-    super(e, t), this.use(S, ue);
+    super(e, t), this.use(B, ue);
   }
   getValue = () => `"${this.value}"`;
 }
 class In extends pe {
-  component = E(Ke);
+  component = E(Ze);
   items;
   constructor(e, t, n) {
     super(e, t), this.items = n;
   }
 }
 class Nn extends ce {
-  component = E(Ze);
+  component = E(et);
   min;
   max;
   constructor(e, t, n, o) {
@@ -376,7 +377,7 @@ const Ot = U({
     t[n] = o;
   return t;
 }, Tt = { style: { position: "relative" } }, Et = { style: { "font-size": "12px", padding: "0 6px", position: "absolute", top: "-8px", "background-color": "var(--baklava-node-color-background)" } }, Vt = ["placeholder", "title"];
-function Bt(s, e, t, n, o, a) {
+function St(s, e, t, n, o, a) {
   return i(), r("div", Tt, [
     l("label", Et, j(s.intf.name), 1),
     ee(l("input", {
@@ -390,16 +391,16 @@ function Bt(s, e, t, n, o, a) {
     ])
   ]);
 }
-const St = /* @__PURE__ */ $(Ot, [["render", Bt]]);
+const Bt = /* @__PURE__ */ $(Ot, [["render", St]]);
 class Mn extends pe {
-  component = E(St);
+  component = E(Bt);
 }
 class $n extends pe {
-  component = E(et);
+  component = E(tt);
 }
 class On extends Y {
   constructor(e = "", t = "") {
-    super(e, t), this.setComponent(E($e)), this.use(S, ze);
+    super(e, t), this.setComponent(E($e)), this.use(B, ze);
   }
   getValue = () => `(${this.value})`;
 }
@@ -411,10 +412,10 @@ function Tn(s) {
     constructor() {
       super(), this._title = s.title ?? s.type, this.name = s.name ?? s.type, this.updateModules(s.modules), s.variableName && (this.state.variableName = s.variableName), s.codeTemplate && (this.codeTemplate = s.codeTemplate), this.addInput(
         "_node",
-        new H("", []).use(S, X).use(K).setHidden(!0)
+        new H("", []).use(B, X).use(K).setHidden(!0)
       ), this.addOutput(
         "_node",
-        new H("", []).use(S, X).use(K).setHidden(!0)
+        new H("", []).use(B, X).use(K).setHidden(!0)
       ), this.executeFactory("input", s.inputs), this.executeFactory("output", s.outputs), s.onCreate?.call(this);
     }
     // public calculate = definition.calculate
@@ -468,10 +469,10 @@ function En(s) {
     constructor() {
       super(), this._title = s.title ?? s.type, this.name = s.name ?? s.type, this.updateModules(s.modules), s.codeTemplate && (this.codeTemplate = s.codeTemplate), s.variableName && (this.state.variableName = s.variableName), this.addInput(
         "_node",
-        new H("", []).use(S, X).use(K).setHidden(!0)
+        new H("", []).use(B, X).use(K).setHidden(!0)
       ), this.addOutput(
         "_node",
-        new H("", []).use(S, X).use(K).setHidden(!0)
+        new H("", []).use(B, 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,7 +504,7 @@ function En(s) {
           if (!this.inputs[t]) {
             const n = e.inputs[t].value;
             let o;
-            typeof n == "number" ? o = new tt(t, n).use(S, de) : o = new st(t, JSON.stringify(n)).use(S, ue), o.use(Me, !0), this.addInput(t, o);
+            typeof n == "number" ? o = new st(t, n).use(B, de) : o = new nt(t, JSON.stringify(n)).use(B, 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);
         }
@@ -753,7 +754,7 @@ class jt {
           a.from.nodeId
         ]);
         let t = [...this.nodeIds];
-        t.reverse(), t = _t.array(t, e), t.reverse();
+        t.reverse(), t = We.array(t, e), t.reverse();
         const n = this.graph.nodes.map((a) => a.id).filter((a) => !t.includes(a));
         t = t.concat(n);
         const o = t.map((a) => this.findNodeById(a));
@@ -783,10 +784,10 @@ const oe = (s) => {
 }, Vn = (s = 0, e = 100) => ({
   x: s * 420,
   y: e
-}), Bn = (s) => {
+}), Sn = (s) => {
   const e = { ...s.position };
   return e.x -= 440, e.y += 50, e;
-}, Sn = (s) => {
+}, Bn = (s) => {
   const { calculationOrder: e, connectionsFromNode: t } = Ne(s);
   e.forEach((n) => {
     if (!n.isCodeNode) return;
@@ -802,7 +803,7 @@ const oe = (s) => {
     intf: {}
   },
   setup(s) {
-    const e = s, { viewModel: t } = q(), { hoveredOver: n, temporaryConnection: o } = nt(), a = B(null), d = b(() => e.intf.connectionCount > 0), u = b(() => ({
+    const e = s, { viewModel: t } = q(), { hoveredOver: n, temporaryConnection: o } = ot(), a = S(null), d = b(() => e.intf.connectionCount > 0), u = b(() => ({
       "--connected": d.value
     })), v = () => {
       n(e.intf);
@@ -1049,7 +1050,7 @@ function Es(s, e) {
     J('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M3 3l18 18"></path><path d="M4 7h3m4 0h9"></path><path d="M10 11l0 6"></path><path d="M14 14l0 3"></path><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l.077 -.923"></path><path d="M18.384 14.373l.616 -7.373"></path><path d="M9 5v-1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3"></path>', 8)
   ])]);
 }
-const Vs = /* @__PURE__ */ $(Os, [["render", Es]]), Bs = ["id", "data-node-type"], Ss = {
+const Vs = /* @__PURE__ */ $(Os, [["render", Es]]), Ss = ["id", "data-node-type"], Bs = {
   class: "__title-label",
   style: { "flex-grow": "1" }
 }, zs = { key: 0 }, js = {
@@ -1064,9 +1065,9 @@ const Vs = /* @__PURE__ */ $(Os, [["render", Es]]), Bs = ["id", "data-node-type"
   },
   emits: ["select", "start-drag", "update"],
   setup(s, { emit: e }) {
-    const t = ke.ContextMenu, n = ke.NodeInterface, o = s, a = b(() => o.node), d = e, { viewModel: u } = q(), { graph: v, switchGraph: k } = ae(), w = B(null), V = B(!1), L = B(""), N = B(null), m = B(!1);
+    const t = ke.ContextMenu, n = ke.NodeInterface, o = s, a = b(() => o.node), d = e, { viewModel: u } = q(), { graph: v, switchGraph: k } = ae(), w = S(null), V = S(!1), L = S(""), N = S(null), m = S(!1);
     let y = 0, x = 0;
-    const f = B(!1), C = b(() => {
+    const f = S(!1), C = b(() => {
       const c = [
         { value: "edit", label: "Edit" },
         { value: "rename", label: "Rename" },
@@ -1108,7 +1109,7 @@ const Vs = /* @__PURE__ */ $(Os, [["render", Es]]), Bs = ["id", "data-node-type"
           v.value.removeNode(o.node);
           break;
         case "rename":
-          L.value = o.node.title, V.value = !0, await ht(), N.value?.focus();
+          L.value = o.node.title, V.value = !0, await vt(), N.value?.focus();
           break;
         case "editSubgraph":
           k(o.node.template);
@@ -1131,7 +1132,7 @@ const Vs = /* @__PURE__ */ $(Os, [["render", Es]]), Bs = ["id", "data-node-type"
     };
     return ie(() => {
       ge(), window.addEventListener("mousemove", ye), window.addEventListener("mouseup", _e);
-    }), Oe(ge), ct(() => {
+    }), Oe(ge), pt(() => {
       window.removeEventListener("mousemove", ye), window.removeEventListener("mouseup", _e);
     }), (c, g) => (i(), r("div", {
       id: a.value.id,
@@ -1174,9 +1175,9 @@ const Vs = /* @__PURE__ */ $(Os, [["render", Es]]), Bs = ["id", "data-node-type"
         }, null, 544)), [
           [te, L.value]
         ]) : (i(), r(T, { key: 1 }, [
-          l("div", Ss, [
+          l("div", Bs, [
             a.value.idx > -1 ? (i(), r("span", zs, j(a.value.idx + 1) + " - ", 1)) : I("", !0),
-            pt(j(a.value.title), 1)
+            ht(j(a.value.title), 1)
           ]),
           l("div", js, [
             a.value.subgraph ? I("", !0) : (i(), r(T, { key: 0 }, [
@@ -1292,7 +1293,7 @@ const Vs = /* @__PURE__ */ $(Os, [["render", Es]]), Bs = ["id", "data-node-type"
           ], 64))), 128))
         ])
       ], 34)
-    ], 46, Bs));
+    ], 46, Ss));
   }
 }), As = ["title"], Fs = {
   key: 0,
@@ -1336,7 +1337,7 @@ const Vs = /* @__PURE__ */ $(Os, [["render", Es]]), Bs = ["id", "data-node-type"
 }, Zs = { style: { display: "flex" } }, en = /* @__PURE__ */ U({
   __name: "CodeGraphSidebar",
   setup(s) {
-    const { viewModel: e } = q(), { graph: t } = ae(), n = B(null), o = Te(e.value.settings.sidebar, "width"), a = b(() => e.value.settings.sidebar.resizable);
+    const { viewModel: e } = q(), { graph: t } = ae(), n = S(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;
@@ -1465,7 +1466,7 @@ const Vs = /* @__PURE__ */ $(Os, [["render", Es]]), Bs = ["id", "data-node-type"
     }
   },
   setup(s) {
-    const { viewModel: e } = q(), { switchGraph: t } = ae(), n = B(!1), o = b(() => s.type.startsWith(se));
+    const { viewModel: e } = q(), { switchGraph: t } = ae(), n = S(!1), o = b(() => s.type.startsWith(se));
     return { showContextMenu: n, hasContextMenu: o, contextMenuItems: [
       { label: "Edit Subgraph", value: "editSubgraph" },
       { label: "Delete Subgraph", value: "deleteSubgraph" }
@@ -1507,7 +1508,7 @@ const Ie = /* @__PURE__ */ $(tn, [["render", an]]), rn = {
 }, cn = /* @__PURE__ */ U({
   __name: "CodeNodePalette",
   setup(s) {
-    const { viewModel: e } = q(), { x: t, y: n } = Ct(), { transform: o } = ot(), a = at(e), d = vt("editorEl"), u = B(""), v = B(null), k = () => u.value ? a.value.filter(
+    const { viewModel: e } = q(), { x: t, y: n } = Ct(), { transform: o } = at(), a = it(e), d = mt("editorEl"), u = S(""), v = S(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())
       )
@@ -1568,7 +1569,7 @@ const Ie = /* @__PURE__ */ $(tn, [["render", an]]), rn = {
           }, null, 8, ["type", "title", "onPointerdown"]))), 128))
         ]))), 128))
       ], 34),
-      z(mt, { name: "fade" }, {
+      z(ft, { name: "fade" }, {
         default: F(() => [
           v.value ? (i(), r("div", {
             key: 0,
@@ -1594,19 +1595,19 @@ const Ie = /* @__PURE__ */ $(tn, [["render", an]]), rn = {
     const t = Te(s, "viewModel"), n = (o) => o.events.update.emit(null);
     return ie(() => {
       t.value.subscribe(), t.value.engine.start();
-    }), ft(() => {
+    }), gt(() => {
       t.value.unsubscribe(), t.value.engine.stop();
-    }), (o, a) => (i(), O(_(it), { "view-model": t.value }, {
+    }), (o, a) => (i(), O(_(rt), { "view-model": t.value }, {
       palette: F(() => [
         z(cn)
       ]),
       node: F((d) => [
-        z(Hs, yt(d, {
+        z(Hs, _t(d, {
           onUpdate: (u) => n(d.node)
         }), null, 16, ["onUpdate"])
       ]),
       sidebar: F((d) => [
-        z(en, gt(bt(d)), {
+        z(en, bt(yt(d)), {
           codeEditor: F(({ node: u }) => [
             W(o.$slots, "sidebarCodeEditor", { node: u })
           ]),
@@ -1616,7 +1617,43 @@ const Ie = /* @__PURE__ */ $(tn, [["render", an]]), rn = {
       _: 3
     }, 8, ["view-model"]));
   }
-}), pn = (s) => {
+});
+function jn(s) {
+  const e = lt(s?.existingEditor);
+  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 = P({ ...e.settings, ...t }), e.settings.nodes.defaultWidth = 350, e.state = P({
+    modules: {},
+    token: null
+  }), 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) => {
+      a.code = e.code;
+    }), o.events.addConnection.subscribe(n, (a) => {
+      e.code.findNodeById(a.to.nodeId)?.onConnected(), e.code.findNodeById(a.from.nodeId)?.onConnected();
+    }), o.events.removeConnection.subscribe(n, (a) => {
+      e.code.findNodeById(a.to.nodeId)?.onUnconnected(), e.code.findNodeById(a.from.nodeId)?.onUnconnected();
+    }), e.engine.events.beforeRun.subscribe(n, () => {
+      e.engine.pause(), e.code && (e.code.updateCodeNodes(), e.code.sortNodes(), e.code.updateCodeTemplates(), e.code.resetInputInterfaceScript()), e.engine.resume();
+    }), e.engine.events.beforeNodeCalculation.subscribe(n, (a) => {
+      e.engine.pause();
+      const d = a.node;
+      d.isCodeNode && (d.updateOutputNames(), d.updateConnectedInputInterfaces()), e.engine.resume();
+    }), e.engine.events.afterRun.subscribe(n, (a) => {
+      e.engine.pause(), ut(a, e.editor), e.code && (e.code.renderNodeCodes(), e.code.renderCode()), e.engine.resume();
+    }), e.state.token = n;
+  }, e.unsubscribe = () => {
+    if (!e.state.token) return;
+    const n = e.state.token;
+    e.displayedGraph.events.addNode.unsubscribe(n), e.displayedGraph.events.addConnection.unsubscribe(n), e.engine.events.beforeRun.unsubscribe(n), e.engine.events.afterRun.unsubscribe(n), e.state.token = null;
+  }, e;
+}
+const pn = (s) => {
   const e = "TOGGLE_PALETTE";
   s.commandHandler.registerCommand(e, {
     execute: () => s.settings.palette.enabled = !s.settings.palette.enabled,
@@ -1638,7 +1675,7 @@ const Ie = /* @__PURE__ */ $(tn, [["render", an]]), rn = {
       // Tooltip text
       icon: b(() => s.settings.palette.enabled ? Yt : es)
     },
-    ...rt,
+    ...ct,
     {
       command: t,
       title: "Clear all",
@@ -1667,41 +1704,6 @@ const Ie = /* @__PURE__ */ $(tn, [["render", an]]), rn = {
   },
   displayValueOnHover: !1
 };
-function jn(s) {
-  const e = lt(s?.existingEditor);
-  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 = P({ ...e.settings, ...t }), e.settings.nodes.defaultWidth = 350, e.state = P({
-    modules: {},
-    token: null
-  }), 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) => {
-      a.code = e.code;
-    }), o.events.addConnection.subscribe(n, (a) => {
-      e.code.findNodeById(a.to.nodeId)?.onConnected(), e.code.findNodeById(a.from.nodeId)?.onConnected();
-    }), o.events.removeConnection.subscribe(n, (a) => {
-      e.code.findNodeById(a.to.nodeId)?.onUnconnected(), e.code.findNodeById(a.from.nodeId)?.onUnconnected();
-    }), e.engine.events.beforeRun.subscribe(n, () => {
-      e.engine.pause(), e.code && (e.code.updateCodeNodes(), e.code.sortNodes(), e.code.updateCodeTemplates(), e.code.resetInputInterfaceScript()), e.engine.resume();
-    }), e.engine.events.beforeNodeCalculation.subscribe(n, (a) => {
-      e.engine.pause();
-      const d = a.node;
-      d.isCodeNode && (d.updateOutputNames(), d.updateConnectedInputInterfaces()), e.engine.resume();
-    }), e.engine.events.afterRun.subscribe(n, (a) => {
-      e.engine.pause(), ut(a, e.editor), e.code && (e.code.renderNodeCodes(), e.code.renderCode()), e.engine.resume();
-    }), e.state.token = n;
-  }, e.unsubscribe = () => {
-    if (!e.state.token) return;
-    const n = e.state.token;
-    e.displayedGraph.events.addNode.unsubscribe(n), e.displayedGraph.events.addConnection.unsubscribe(n), e.engine.events.beforeRun.unsubscribe(n), e.engine.events.afterRun.unsubscribe(n), e.state.token = null;
-  }, e;
-}
 export {
   wt as AbstractCodeNode,
   kn as CheckboxInterface,
@@ -1730,29 +1732,29 @@ export {
   In as SelectInterface,
   Nn as SliderInterface,
   Mn as TextInputInterface,
-  St as TextInputInterfaceComponent,
+  Bt as TextInputInterfaceComponent,
   $n as TextareaInputInterface,
   $s as TransitionBottom,
   Vs as TrashOff,
   On as TupleInputInterface,
   _n as addDefaultInterfaceTypes,
   pn as addToolbarCommands,
-  Be as booleanType,
+  Se as booleanType,
   Tn as defineCodeNode,
   En as defineDynamicCodeNode,
   Mt as dictType,
   xt as formatInputs,
   oe as getCodeNodes,
   Vn as getPositionAtColumn,
-  Bn as getPositionBeforeNode,
-  Se as listType,
+  Sn as getPositionBeforeNode,
+  Be as listType,
   Ve as loadNodeState,
   X as nodeType,
   de as numberType,
   It as saveNodeState,
   yn as setOptional,
   ue as stringType,
-  Sn as transferCodeScript,
+  Bn as transferCodeScript,
   ze as tupleType,
   jn as useCodeGraph
 };

package/dist/code-graph.umd.cjs

@@ -1 +1 @@
-(function(l,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("baklavajs"),require("mustache"),require("vue"),require("toposort"),require("uuid"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","baklavajs","mustache","vue","toposort","uuid","@vueuse/core"],r):(l=typeof globalThis<"u"?globalThis:l||self,r(l["@babsey/code-graph"]={},l.baklavajs,l.mustache,l.Vue,l.toposort,l.uuid,l["@vueuse/core"]))})(this,(function(l,r,O,e,Ce,we,Ie){"use strict";O.escape=o=>o;class A extends r.AbstractNode{state;code;isCodeNode=!0;name="";codeTemplate;inputs={};outputs={};constructor(){super(),this.initializeIo(),this.width=400,this.twoColumn=!0,this.state=e.reactive({codeTemplate:"",hidden:!1,integrated:!1,lockCode:!1,modules:[],props:null,script:"",variableName:""}),this.codeTemplate=function(){return`${this.name}(${W(this.codeNodeInputs).join(", ")})`}}get codeNodeInputs(){return Object.fromEntries(Object.entries(this.inputs).filter(t=>t[1].type!="node"))}get codeNodeOutputs(){return Object.fromEntries(Object.entries(this.outputs).filter(t=>t[1].type!="node"))}get idx(){return this.code?.codeNodes.filter(t=>!t.state.integrated).indexOf(this)??-1}get idxByVariableNames(){return this.code?.getNodesBySameVariableNames(this.state.variableName).indexOf(this)??-1}get lockCode(){return this.state.lockCode}set lockCode(t){this.state.lockCode=t,this.events.update.emit(null)}get optionalInputs(){return Object.fromEntries(Object.entries(this.codeNodeInputs).filter(t=>t[1].optional))}get requiredInputs(){return Object.fromEntries(Object.entries(this.codeNodeInputs).filter(t=>!t[1].optional))}get script(){return this.state.script}set script(t){this.state.script=t,this.events.update.emit(null)}get shortId(){return this.id.slice(0,6)}get subgraph(){}get variableName(){return this.state.variableName?this.state.variableName+(this.idxByVariableNames+1):""}getConnectedNodeByInterface(t,n){const s=this.getConnectedNodesByInterface(t,n);return s.length>0?s[0]:null}getConnectedNodes(t){let n=[];if(t!=="inputs"){const s=this.graph?.connections.filter(a=>a.from.name!=="_node").filter(a=>a.from.nodeId===this.id).map(a=>a.to.nodeId);s&&(n=n.concat(s))}if(t!=="outputs"){const s=this.graph?.connections.filter(a=>a.from.name!=="_node").filter(a=>a.to.nodeId===this.id).map(a=>a.from.nodeId);s&&(n=n.concat(s))}return!n||n.length==0?[]:n.map(s=>this.graph?.findNodeById(s))}getConnectedNodesByInterface(t,n){let s=[];if(n!=="outputs"&&this.inputs[t]){const a=this.graph?.connections.filter(i=>i.to.id===this.inputs[t]?.id||i.from.id===this.inputs[t]?.id).map(i=>i.from.nodeId);a&&(s=s.concat(a))}if(n!=="inputs"&&this.outputs[t]){const a=this.graph?.connections.filter(i=>i.from.id===this.outputs[t]?.id||i.from.id===this.outputs[t]?.id).map(i=>i.to.nodeId);a&&(s=s.concat(a))}return!s||s.length==0?[]:s.map(a=>this.graph?.findNodeById(a))}registerCode(t){this.code=t}renderCode(){if(!this.lockCode){const t={};Object.keys(this.inputs).forEach(s=>{if(s==="_node")return;const a=this.inputs[s];a&&a.state&&(t[s]=a.state.script.length>0?a.state.script:a.getValue())});const n={};Object.keys(this.outputs).forEach(s=>{if(s==="_node")return;const a=this.outputs[s];a&&a.state&&(n[s]=a.getValue())}),this.state.script=O.render(this.state.codeTemplate,{inputs:t,outputs:n})}this.outputs.out&&(this.outputs.out.state.script=this.script)}resetInputInterfaceScript(){Object.values(this.inputs).forEach(t=>t.state.script="")}updateCodeTemplate(){this.state.codeTemplate=this.codeTemplate.call(this)}updateConnectedInputInterfaces(){if(!this.graph)return;const{connectionsFromNode:t}=r.sortTopologically(this.graph);if(!t.has(this))return;const n=t.get(this);n&&n.forEach(s=>{if(!s.from.isCodeNode||!s.to.isCodeNode)return;const a=this.graph?.findNodeById(s.from.nodeId);a&&(a.renderCode(),s.to.script=s.from.script)})}updateOutputNames(){Object.values(this.codeNodeOutputs).forEach(t=>{t.name=this.state.integrated?"":this.variableName+t.value})}updateProps(t){this.state.props=t}}class R extends A{calculate;load(t){super.load(t),D(this.graph,t)}save(){const t=super.save();return X(this.graph,t),t}updateModules(t){if(t)this.state.modules=t;else if(this.type.includes(".")){const n=this.type.split(".");this.state.modules.push(n.slice(0,n.length-1).join("."))}}}const W=(o,t=!0)=>{const n=[],s=Object.keys(o);return s.forEach(a=>{if(o[a]?.hidden)return;const d=t&&n.length<s.indexOf(a)?`${a}=`:"";n.push(`${d}{{ inputs.${a} }}`)}),n},D=(o,t)=>{if(!o)return;const n=o.findNodeById(t.id);if(!n||n.subgraph)return;const s=n;s.state&&(s.state.integrated=t.integrated,s.state.modules=t.modules,s.state.props=t.props),Object.entries(t.inputs).forEach(([a,i])=>{a!=="_node"&&s.inputs[a]&&(s.inputs[a].hidden=i.hidden)}),Object.entries(t.outputs).forEach(([a,i])=>{a!=="_node"&&s.outputs[a]&&(s.outputs[a].hidden=i.hidden)})},X=(o,t)=>{if(!o)return;const n=o.findNodeById(t.id);if(!n||n.subgraph)return;const s=n;s.state&&(t.integrated=s.state.integrated,t.modules=s.state.modules),Object.entries(t.inputs).forEach(([a,i])=>{a!=="_node"&&s.inputs[a]&&(i.hidden=s.inputs[a].hidden)}),Object.entries(t.outputs).forEach(([a,i])=>{a!=="_node"&&s.outputs[a]&&(i.hidden=s.outputs[a].hidden)})},Ee=["title"],S=e.defineComponent({__name:"CodeNodeInterface",props:{intf:{}},setup(o){return(t,n)=>(e.openBlock(),e.createElementBlock("div",{title:o.intf.state?.script},e.toDisplayString(o.intf.name),9,Ee))}});class x extends r.NodeInterface{isCodeNode=!0;code;state;type=null;constructor(t,n){super(t,n),this.setComponent(e.markRaw(S)),this.state=e.reactive({optional:!1,script:""})}get optional(){return this.state.optional}get script(){return this.state.script}set script(t){this.state.script=t}get shortId(){return this.id.slice(0,6)}getValue=()=>`${this.value??"None"}`}const Be=(o,t)=>{o.state.optional=t,o.setHidden(t)};class M extends x{constructor(t="",n){super(t,n),this.setComponent(e.markRaw(S)),this.use(r.displayInSidebar,!0)}set script(t){if(this.state.script&&this.allowMultipleConnections){const n=this.state.script;n.startsWith("[")&&n.endsWith("]")?t=JSON.stringify([t,...JSON.parse(n)]):t=[t,n].join(", ")}this.state.script=t}get value(){return super.value}set value(t){super.value=t,this.name!=="_node"&&this.setHidden(!1)}}const U=new r.NodeInterfaceType("boolean"),q=new r.NodeInterfaceType("dict"),G=new r.NodeInterfaceType("list"),T=new r.NodeInterfaceType("node"),v=new r.NodeInterfaceType("number"),z=new r.NodeInterfaceType("string"),P=new r.NodeInterfaceType("tuple"),Ve=o=>{new r.BaklavaInterfaceTypes(o.editor,{viewPlugin:o}).addTypes(U,q,G,T,v,z,P)};class xe extends M{constructor(t,n){super(t,n),this.setComponent(e.markRaw(r.CheckboxInterfaceComponent)),this.use(r.setType,U)}getValue=()=>this.value?"True":"False"}class Y extends x{isCodeNodeOutput=!0;constructor(t="",n=""){super(t,n),this.setComponent(e.markRaw(S))}get script(){return this.name?this.name:this.state.script}}class F extends M{min;max;constructor(t,n,s,a){super(t,n),this.min=s,this.max=a,this.use(r.setType,v)}validate(t){return(this.min===void 0||t>=this.min)&&(this.max===void 0||t<=this.max)}}class Me extends F{component=e.markRaw(r.IntegerInterfaceComponent);validate(t){return Number.isInteger(t)&&super.validate(t)}}class Te extends M{constructor(t="",n=""){super(t,n),this.setComponent(e.markRaw(r.TextInputInterfaceComponent)),this.use(r.setType,G)}getValue=()=>`[${this.value}]`}class $e extends F{component=e.markRaw(r.NumberInterfaceComponent)}class H extends M{constructor(t,n){super(t,n),this.use(r.setType,z)}getValue=()=>`"${this.value}"`}class Oe extends H{component=e.markRaw(r.SelectInterfaceComponent);items;constructor(t,n,s){super(t,n),this.items=s}}class Se extends F{component=e.markRaw(r.SliderInterfaceComponent);min;max;constructor(t,n,s,a){super(t,n,s,a),this.min=s,this.max=a}getValue=()=>`${Math.round(this.value*1e3)/1e3}`}const ve=e.defineComponent({props:{intf:{type:Object,required:!0},modelValue:{type:String,required:!0}},emits:["update:modelValue"],setup(o,{emit:t}){return{v:e.computed({get:()=>o.modelValue,set:s=>{t("update:modelValue",s)}})}}}),E=(o,t)=>{const n=o.__vccOpts||o;for(const[s,a]of t)n[s]=a;return n},ze={style:{position:"relative"}},Le={style:{"font-size":"12px",padding:"0 6px",position:"absolute",top:"-8px","background-color":"var(--baklava-node-color-background)"}},Re=["placeholder","title"];function De(o,t,n,s,a,i){return e.openBlock(),e.createElementBlock("div",ze,[e.createElementVNode("label",Le,e.toDisplayString(o.intf.name),1),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":t[0]||(t[0]=d=>o.v=d),type:"text",class:"baklava-input",placeholder:o.intf.name,title:o.intf.name},null,8,Re),[[e.vModelText,o.v]])])}const J=E(ve,[["render",De]]);class Ue extends H{component=e.markRaw(J)}class Ge extends H{component=e.markRaw(r.TextareaInputInterfaceComponent)}class Pe extends M{constructor(t="",n=""){super(t,n),this.setComponent(e.markRaw(r.TextInputInterfaceComponent)),this.use(r.setType,P)}getValue=()=>`(${this.value})`}function Fe(o){return class extends R{type=o.type;inputs={};outputs={};constructor(){super(),this._title=o.title??o.type,this.name=o.name??o.type,this.updateModules(o.modules),o.variableName&&(this.state.variableName=o.variableName),o.codeTemplate&&(this.codeTemplate=o.codeTemplate),this.addInput("_node",new x("",[]).use(r.setType,T).use(r.allowMultipleConnections).setHidden(!0)),this.addOutput("_node",new x("",[]).use(r.setType,T).use(r.allowMultipleConnections).setHidden(!0)),this.executeFactory("input",o.inputs),this.executeFactory("output",o.outputs),o.onCreate?.call(this)}onPlaced(){o.onPlaced?.call(this)}onConnected(){o.onConnected?.call(this)}onDestroy(){o.onDestroy?.call(this)}onUnconnected(){o.onUnconnected?.call(this)}update(){o.update?.call(this)}executeFactory(t,n){Object.keys(n||{}).forEach(s=>{const a=n[s]();t==="input"?this.addInput(s,a):this.addOutput(s,a)})}}}class K extends R{calculate}function He(o){return class extends K{type=o.type;inputs={};outputs={};calculate;preventUpdate=!1;staticInputKeys=Object.keys(o.inputs??{});staticOutputKeys=Object.keys(o.outputs??{});constructor(){super(),this._title=o.title??o.type,this.name=o.name??o.type,this.updateModules(o.modules),o.codeTemplate&&(this.codeTemplate=o.codeTemplate),o.variableName&&(this.state.variableName=o.variableName),this.addInput("_node",new x("",[]).use(r.setType,T).use(r.allowMultipleConnections).setHidden(!0)),this.addOutput("_node",new x("",[]).use(r.setType,T).use(r.allowMultipleConnections).setHidden(!0)),this.staticInputKeys.push("_node"),this.staticOutputKeys.push("_node"),this.executeFactory("input",o.inputs),this.executeFactory("output",o.outputs),o.onCreate?.call(this)}onPlaced(){this.events.update.subscribe(this,t=>{t&&(t.type==="input"&&this.staticInputKeys.includes(t.name)||t.type==="output"&&this.staticOutputKeys.includes(t.name))&&this.onUpdate()}),this.onUpdate(),o.onPlaced?.call(this)}onConnected(){o.onConnected?.call(this)}onDestroy(){o.onDestroy?.call(this)}onUnconnected(){o.onUnconnected?.call(this)}update(){o.update?.call(this)}load(t){this.preventUpdate=!0,this.hooks.beforeLoad.execute(t),this.id=t.id,this.title=t.title;for(const n of this.staticInputKeys)this.inputs[n].load(t.inputs[n]),this.inputs[n].nodeId=this.id,n!=="_node"&&(this.inputs[n].hidden=t.inputs[n].hidden);for(const n of this.staticOutputKeys)this.outputs[n].load(t.outputs[n]),this.outputs[n].nodeId=this.id,n!=="_node"&&(this.outputs[n].hidden=t.outputs[n].hidden);this.preventUpdate=!1,this.onUpdate(),this.preventUpdate=!0;for(const n of Object.keys(t.inputs))if(!this.staticInputKeys.includes(n)){if(!this.inputs[n]){const s=t.inputs[n].value;let a;typeof s=="number"?a=new r.IntegerInterface(n,s).use(r.setType,v):a=new r.TextInputInterface(n,JSON.stringify(s)).use(r.setType,z),a.use(r.displayInSidebar,!0),this.addInput(n,a)}this.inputs[n]&&(this.inputs[n].load(t.inputs[n]),this.inputs[n].nodeId=this.id)}for(const n of Object.keys(t.outputs))if(!this.staticOutputKeys.includes(n)){if(!this.outputs[n]){const s=new Y(n);this.addOutput(n,s)}this.outputs[n]&&(this.outputs[n].load(t.outputs[n]),this.outputs[n].nodeId=this.id)}D(this.graph,t),this.preventUpdate=!1,this.events.loaded.emit(this)}onUpdate(){if(this.preventUpdate)return;this.graph&&this.graph.activeTransactions++;const t=this.getStaticValues(this.staticInputKeys,this.inputs),n=this.getStaticValues(this.staticOutputKeys,this.outputs),s=o.onUpdate.call(this,t,n);this.updateInterfaces("input",s.inputs??{},s.forceUpdateInputs??[]),this.updateInterfaces("output",s.outputs??{},s.forceUpdateOutputs??[]),this.graph&&this.graph.activeTransactions--}getStaticValues(t,n){const s={};for(const a of t)s[a]=n[a].value;return s}updateInterfaces(t,n,s){const a=t==="input"?this.staticInputKeys:this.staticOutputKeys,i=t==="input"?this.inputs:this.outputs;for(const d of Object.keys(i))a.includes(d)||n[d]&&!s.includes(d)||(t==="input"?this.removeInput(d):this.removeOutput(d));for(const d of Object.keys(n)){if(i[d])continue;const c=n[d]();t==="input"?this.addInput(d,c):this.addOutput(d,c)}}updateProps(t){this.state.props=t,this.onUpdate()}executeFactory(t,n){Object.keys(n||{}).forEach(s=>{const a=n[s]();t==="input"?this.addInput(s,a):this.addOutput(s,a)})}}}O.escape=o=>o;class Q{_id;_viewModel;_state;constructor(t){this._id=we.v4(),this._viewModel=t,this._state=e.reactive({autosort:!1,lockCode:!1,modules:{},script:"",template:"",token:null})}get codeNodes(){return L(this.graph)}get connections(){return this.graph.connections}set connections(t){this.graph._connections=t}get graph(){return this.viewModel.displayedGraph}get id(){return this._id}get lockCode(){return this.state.lockCode}set lockCode(t){this.state.lockCode=t,this.viewModel.engine.runOnce(null)}get modules(){let t=[];return this.codeNodes.filter(n=>n.state.modules?.length>0).forEach(n=>{t=t.concat(n.state.modules)}),t?(t.sort(),Array.from(new Set(t.map(n=>this.viewModel.state.modules[n])))):[]}get nodeIds(){return this.codeNodes.map(t=>t.id)}get nodes(){return this.graph.nodes}set nodes(t){this.graph._nodes=t}get script(){return this.state.script}set script(t){this.state.script=t,this.viewModel.engine.runOnce(null)}get scriptedCodeNodes(){return L(this.graph).filter(t=>!t.state?.integrated)}get shortId(){return this.id.slice(0,6)}get state(){return this._state}get viewModel(){return this._viewModel}get visibleNodes(){return this.codeNodes.filter(t=>!t.state?.hidden)}addNode(t,n){return t.code||(t.code=this),n&&(t.state.props=n),this.graph.addNode(t)}addNodeAtCoordinates=(t,n={x:0,y:0},s)=>(this.addNode(t,s),t.position&&(t.position=n),t);addConnection(t,n){t.name!=="_node"&&(t.hidden=!1),n.name!=="_node"&&(n.hidden=!1),this.graph.addConnection(t,n)}clear(){this.state.modules={},this.nodes=[],this.connections=[],this.state.script=""}findNodeById(t){return this.graph.findNodeById(t)}findNodeByType(t){return this.codeNodes.find(n=>n.type===t)}getNodesBySameType(t){return this.codeNodes.filter(n=>n.type===t)}getNodesBySameVariableNames(t){return this.codeNodes.filter(n=>n.state.variableName===t)}hasConnection(t,n){return this.connections.some(s=>s.from.id===t.id&&s.to.id===n.id)}loadTemplate(t){t.then(n=>{this._state.template=n.default??""})}removeConnection(t){this.graph.removeConnection(t)}removeNode(t){this.graph.removeNode(t)}renderNodeCodes(){this.state.lockCode||this.codeNodes.length!==0&&this.codeNodes.forEach(t=>t.renderCode())}renderCode(){this.state.lockCode||(this.state.script=O.render(this.state.template||"",this))}resetInputInterfaceScript(){this.codeNodes.forEach(t=>t.resetInputInterfaceScript())}save(){this.state.autosort&&this.sortNodes();const t=this.viewModel.editor.save();return t.graph.id=this.id,this.saveNodeStates(t.graph.nodes),JSON.parse(JSON.stringify(t))}saveNodeStates(t){t.forEach((n,s)=>{const a=this.nodes[s];Object.entries(n.inputs).forEach(([i,d])=>{n.inputs&&a.inputs[i]&&(d.hidden=a.inputs[i].hidden)}),Object.entries(n.outputs).forEach(([i,d])=>{n.outputs&&a.outputs[i]&&(d.hidden=a.outputs[i].hidden)})})}sortNodes(){if(!(this.nodes.length===0||this.connections.length===0))try{const t=this.connections.map(i=>[i.to.nodeId,i.from.nodeId]);let n=[...this.nodeIds];n.reverse(),n=Ce.array(n,t),n.reverse();const s=this.graph.nodes.map(i=>i.id).filter(i=>!n.includes(i));n=n.concat(s);const a=n.map(i=>this.findNodeById(i));a&&(this.nodes=a)}catch{console.warn("Failed to sort nodes.")}}updateCodeNodes(){this.codeNodes.forEach(t=>t.update())}updateCodeTemplates(){this.codeNodes.forEach(t=>t.updateCodeTemplate())}}const L=o=>{let t=[];return o.nodes.forEach(n=>{n.subgraph?t=t.concat(L(n.subgraph)):n.isCodeNode&&t.push(n)}),t},Ae=(o=0,t=100)=>({x:o*420,y:t}),We=o=>{const t={...o.position};return t.x-=440,t.y+=50,t},Xe=o=>{const{calculationOrder:t,connectionsFromNode:n}=r.sortTopologically(o);t.forEach(s=>{if(!s.isCodeNode)return;const a=s;n.has(a)&&n.get(a).forEach(i=>{i.to.state&&i.from.script&&(i.to.state.script=i.from.script)})})},qe=["id"],Ye={class:"align-middle"},Z=e.defineComponent({__name:"CodeGraphNodeInterface",props:{node:{},intf:{}},setup(o){const t=o,{viewModel:n}=r.useViewModel(),{hoveredOver:s,temporaryConnection:a}=r.useTemporaryConnection(),i=e.ref(null),d=e.computed(()=>t.intf.connectionCount>0),c=e.computed(()=>({"--connected":d.value})),m=()=>{s(t.intf)},b=()=>{s(void 0)},_=()=>{i.value&&n.value.hooks.renderInterface.execute({intf:t.intf,el:i.value})};return e.onMounted(_),e.onUpdated(_),(B,V)=>(e.openBlock(),e.createElementBlock("div",{id:o.intf.id,ref_key:"el",ref:i,class:e.normalizeClass(["baklava-node-interface",c.value])},[o.intf.port?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["__port",{"--selected":e.unref(a)?.from===o.intf}]),onPointerover:m,onPointerout:b},null,34)):e.createCommentVNode("",!0),e.createElementVNode("span",Ye,[e.renderSlot(B.$slots,"default")])],10,qe))}}),Je={},Ke={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-code-variable"};function Qe(o,t){return e.openBlock(),e.createElementBlock("svg",Ke,[...t[0]||(t[0]=[e.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),e.createElementVNode("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 j=E(Je,[["render",Qe]]),Ze={},je={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-dots-vertical"};function et(o,t){return e.openBlock(),e.createElementBlock("svg",je,[...t[0]||(t[0]=[e.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),e.createElementVNode("path",{d:"M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"},null,-1),e.createElementVNode("path",{d:"M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"},null,-1),e.createElementVNode("path",{d:"M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"},null,-1)])])}const ee=E(Ze,[["render",et]]),tt={},nt={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",class:"baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-left-collapse"};function ot(o,t){return e.openBlock(),e.createElementBlock("svg",nt,[...t[0]||(t[0]=[e.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),e.createElementVNode("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 te=E(tt,[["render",ot]]),st={},at={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",class:"baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-left-expand"};function it(o,t){return e.openBlock(),e.createElementBlock("svg",at,[...t[0]||(t[0]=[e.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),e.createElementVNode("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 ne=E(st,[["render",it]]),rt={},lt={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",class:"baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-right"};function dt(o,t){return e.openBlock(),e.createElementBlock("svg",lt,[...t[0]||(t[0]=[e.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),e.createElementVNode("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 oe=E(rt,[["render",dt]]),ct={},pt={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",class:"baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-right-collapse"};function ut(o,t){return e.openBlock(),e.createElementBlock("svg",pt,[...t[0]||(t[0]=[e.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),e.createElementVNode("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 se=E(ct,[["render",ut]]),ht={},mt={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",class:"baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-right-expand"};function ft(o,t){return e.openBlock(),e.createElementBlock("svg",mt,[...t[0]||(t[0]=[e.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),e.createElementVNode("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 ae=E(ht,[["render",ft]]),gt={},yt={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-lock-code"};function kt(o,t){return e.openBlock(),e.createElementBlock("svg",yt,[...t[0]||(t[0]=[e.createStaticVNode('<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 ie=E(gt,[["render",kt]]),bt={},Nt={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-schema"};function _t(o,t){return e.openBlock(),e.createElementBlock("svg",Nt,[...t[0]||(t[0]=[e.createStaticVNode('<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 re=E(bt,[["render",_t]]),Ct={},wt={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-schema-off"};function It(o,t){return e.openBlock(),e.createElementBlock("svg",wt,[...t[0]||(t[0]=[e.createStaticVNode('<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 le=E(Ct,[["render",It]]),Et={},Bt={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-transition-bottom"};function Vt(o,t){return e.openBlock(),e.createElementBlock("svg",Bt,[...t[0]||(t[0]=[e.createStaticVNode('<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 de=E(Et,[["render",Vt]]),xt={},Mt={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-trash-off"};function Tt(o,t){return e.openBlock(),e.createElementBlock("svg",Mt,[...t[0]||(t[0]=[e.createStaticVNode('<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 ce=E(xt,[["render",Tt]]),$t=["id","data-node-type"],Ot={class:"__title-label",style:{"flex-grow":"1"}},St={key:0},vt={class:"__menu",style:{display:"flex"}},zt={class:"__outputs"},Lt={key:0},Rt=["id","title"],Dt={class:"__inputs"},Ut={key:0},Gt=["id","title"],Pt=e.defineComponent({__name:"CodeGraphNode",props:{node:{},selected:{type:Boolean,default:!1},dragging:{type:Boolean}},emits:["select","start-drag","update"],setup(o,{emit:t}){const n=r.Components.ContextMenu,s=r.Components.NodeInterface,a=o,i=e.computed(()=>a.node),d=t,{viewModel:c}=r.useViewModel(),{graph:m,switchGraph:b}=r.useGraph(),_=e.ref(null),B=e.ref(!1),V=e.ref(""),w=e.ref(null),f=e.ref(!1);let k=0,C=0;const g=e.ref(!1),N=e.computed(()=>{const p=[{value:"edit",label:"Edit"},{value:"rename",label:"Rename"},{value:"delete",label:"Delete"}];return a.node.type.startsWith(r.GRAPH_NODE_TYPE_PREFIX)&&p.push({value:"editSubgraph",label:"Edit Subgraph"}),p}),u=e.computed(()=>({"--selected":a.selected,"--dragging":a.dragging,"--two-column":!!a.node.twoColumn,"--hidden":i.value.state?.hidden})),I=e.computed(()=>({"--reverse-y":a.node.reverseY??c.value.settings.nodes.reverseY})),un=e.computed(()=>({top:`${a.node.position?.y??0}px`,left:`${a.node.position?.x??0}px`,"--width":`${a.node.width??c.value.settings.nodes.defaultWidth}px`})),hn=e.computed(()=>Object.values(a.node.inputs).filter(p=>!p.hidden)),mn=e.computed(()=>Object.values(a.node.outputs).filter(p=>!p.hidden)),me=()=>{d("select")},fn=p=>{a.selected||me(),d("start-drag",p)},fe=()=>{g.value=!0},gn=()=>{const p=c.value.displayedGraph.sidebar;p.nodeId="",p.visible=!1},ge=()=>{const p=c.value.displayedGraph.sidebar;p.nodeId=a.node.id,p.visible=!0},yn=()=>{const p=c.value.displayedGraph.sidebar;p.nodeId=a.node.id},kn=async p=>{switch(p){case"edit":ge();break;case"delete":m.value.removeNode(a.node);break;case"rename":V.value=a.node.title,B.value=!0,await e.nextTick(),w.value?.focus();break;case"editSubgraph":b(a.node.template);break}},ye=()=>{i.value.title=V.value,B.value=!1},ke=()=>{_.value&&c.value.hooks.renderNode.execute({node:a.node,el:_.value})},bn=p=>{f.value=!0,k=a.node.width,C=p.clientX,p.preventDefault()},be=p=>{i.value.state&&(i.value.state.integrated=p,d("update"))},Ne=p=>{if(!f.value)return;const y=p.clientX-C,h=k+y/m.value.scaling,Nn=c.value.settings.nodes.minWidth,_n=c.value.settings.nodes.maxWidth;i.value.width=Math.max(Nn,Math.min(_n,h))},_e=()=>{f.value=!1};return e.onMounted(()=>{ke(),window.addEventListener("mousemove",Ne),window.addEventListener("mouseup",_e)}),e.onUpdated(ke),e.onBeforeUnmount(()=>{window.removeEventListener("mousemove",Ne),window.removeEventListener("mouseup",_e)}),(p,y)=>(e.openBlock(),e.createElementBlock("div",{id:i.value.id,ref_key:"el",ref:_,class:e.normalizeClass([u.value,"baklava-node"]),"data-node-type":i.value.type,style:e.normalizeStyle(un.value),onPointerdown:me},[e.unref(c).settings.nodes.resizable?(e.openBlock(),e.createElementBlock("div",{key:0,class:"__resize-handle",onMousedown:bn},null,32)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"__title",onPointerdown:e.withModifiers(fn,["self","stop"]),onContextmenu:e.withModifiers(fe,["prevent"])},[i.value.inputs._node?(e.openBlock(),e.createBlock(Z,{key:0,node:i.value,intf:i.value.inputs._node,class:"--input","data-interface-type":"node",style:{"flex-grow":"0"}},null,8,["node","intf"])):e.createCommentVNode("",!0),B.value?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:2,ref_key:"renameInputEl",ref:w,"onUpdate:modelValue":y[4]||(y[4]=h=>V.value=h),class:"baklava-input",placeholder:"Node Name",style:{"flex-grow":"1"},type:"text",onBlur:ye,onKeydown:e.withKeys(ye,["enter"])},null,544)),[[e.vModelText,V.value]]):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",Ot,[i.value.idx>-1?(e.openBlock(),e.createElementBlock("span",St,e.toDisplayString(i.value.idx+1)+" - ",1)):e.createCommentVNode("",!0),e.createTextVNode(e.toDisplayString(i.value.title),1)]),e.createElementVNode("div",vt,[i.value.subgraph?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[i.value.state.lockCode?(e.openBlock(),e.createBlock(e.unref(ie),{key:0,class:"--clickable mx-1",onClick:y[0]||(y[0]=h=>i.value.lockCode=!1)})):e.createCommentVNode("",!0),i.value.state.integrated?(e.openBlock(),e.createBlock(e.unref(j),{key:1,class:"--clickable mx-1",onClick:y[1]||(y[1]=h=>be(!1))})):(e.openBlock(),e.createBlock(e.unref(de),{key:2,class:"--clickable mx-1",onClick:y[2]||(y[2]=h=>be(!0))})),!e.unref(c).displayedGraph.sidebar.visible&&e.unref(c).displayedGraph.sidebar.nodeId!==i.value.id?(e.openBlock(),e.createBlock(e.unref(ae),{key:3,class:"--clickable mx-1",onClick:ge})):e.unref(c).displayedGraph.sidebar.visible&&e.unref(c).displayedGraph.sidebar.nodeId!==i.value.id?(e.openBlock(),e.createBlock(e.unref(oe),{key:4,class:"--clickable mx-1",onClick:yn})):(e.openBlock(),e.createBlock(e.unref(se),{key:5,class:"--clickable mx-1",onClick:gn}))],64)),e.createVNode(e.unref(ee),{class:"--clickable mx-1",onClick:fe}),e.createVNode(e.unref(n),{modelValue:g.value,"onUpdate:modelValue":y[3]||(y[3]=h=>g.value=h),x:0,y:0,items:N.value,onClick:kn},null,8,["modelValue","items"])])],64)),i.value.outputs._node?(e.openBlock(),e.createBlock(Z,{key:3,node:i.value,intf:i.value.outputs._node,class:"--output","data-interface-type":"node"},null,8,["node","intf"])):e.createCommentVNode("",!0)],32),e.createElementVNode("div",{class:e.normalizeClass(["__content",I.value]),onKeydown:y[5]||(y[5]=e.withKeys(e.withModifiers(()=>{},["stop"]),["delete"])),onContextmenu:y[6]||(y[6]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("div",zt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(mn.value,h=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:h.id},[i.value.state?.hidden?(e.openBlock(),e.createElementBlock("div",Lt,[h.port?(e.openBlock(),e.createElementBlock("div",{key:0,id:h.id,title:h.name,class:"baklava-node-interface --output --connected"},[...y[7]||(y[7]=[e.createElementVNode("div",{class:"__port"},null,-1)])],8,Rt)):e.createCommentVNode("",!0)])):e.renderSlot(p.$slots,"nodeInterface",{key:1,type:"output",node:i.value,intf:h},()=>[e.createVNode(e.unref(s),{node:i.value,intf:h,title:h.type},null,8,["node","intf","title"])])],64))),128))]),e.createElementVNode("div",Dt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(hn.value,h=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:h.id},[i.value.state?.hidden?(e.openBlock(),e.createElementBlock("div",Ut,[h.port?(e.openBlock(),e.createElementBlock("div",{key:0,id:h.id,title:h.name,class:"baklava-node-interface --input --connected"},[...y[8]||(y[8]=[e.createElementVNode("div",{class:"__port"},null,-1)])],8,Gt)):e.createCommentVNode("",!0)])):e.renderSlot(p.$slots,"nodeInterface",{key:1,node:i.value,intf:h,type:"input"},()=>[e.createVNode(e.unref(s),{node:i.value,intf:h,title:h.type},null,8,["node","intf","title"])])],64))),128))])],34)],46,$t))}}),Ft=["title"],Ht={key:0,class:"__label"},pe=e.defineComponent({__name:"Checkbox",props:{disabled:{type:Boolean},inversed:{type:Boolean},modelValue:{type:Boolean},name:{}},emits:["update:modelValue"],setup(o,{emit:t}){const n=t;return(s,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["baklava-checkbox",{"--checked":o.inversed?!o.modelValue:o.modelValue,"--disabled":o.disabled}]),title:o.name,onClick:a[0]||(a[0]=i=>n("update:modelValue",!o.modelValue))},[a[1]||(a[1]=e.createElementVNode("div",{class:"__checkmark-container"},[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18"},[e.createElementVNode("path",{class:"__checkmark",d:"M 6 5 L 6 10 L 16 10",transform:"rotate(-45 10 10)"})])],-1)),o.name?(e.openBlock(),e.createElementBlock("div",Ht,e.toDisplayString(o.name),1)):e.createCommentVNode("",!0)],10,Ft))}}),At={class:"__header"},Wt={class:"__node-name"},Xt={class:"__interfaces"},qt={class:"__inputs"},Yt={style:{display:"flex"}},Jt={class:"__outputs"},Kt={key:0,class:"__interface"},Qt={style:{display:"flex"}},Zt=e.defineComponent({__name:"CodeGraphSidebar",setup(o){const{viewModel:t}=r.useViewModel(),{graph:n}=r.useGraph(),s=e.ref(null),a=e.toRef(t.value.settings.sidebar,"width"),i=e.computed(()=>t.value.settings.sidebar.resizable);let d=0,c=0;const m=e.computed(()=>{const g=n.value.sidebar.nodeId;return n.value.nodes.find(N=>N.id===g)}),b=e.computed(()=>m.value),_=e.computed(()=>({width:`${a.value}px`})),B=e.computed(()=>b.value?Object.values(b.value.inputs).filter(g=>g.displayInSidebar&&g.component):[]),V=e.computed(()=>b.value?Object.values(b.value.outputs).filter(g=>g.displayInSidebar&&g.component):[]),w=()=>{n.value.sidebar.visible=!1},f=()=>{m.value?.events.update.emit(null)},k=g=>{d=a.value,c=g.clientX,window.addEventListener("mousemove",C),window.addEventListener("mouseup",()=>{window.removeEventListener("mousemove",C)},{once:!0})},C=g=>{const N=s.value?.parentElement?.getBoundingClientRect().width??500,u=g.clientX-c;let I=d-u;I<300?I=300:I>.9*N&&(I=.9*N),a.value=I};return(g,N)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{"--open":e.unref(n).sidebar.visible},"baklava-sidebar"]),style:e.normalizeStyle(_.value),ref_key:"el",ref:s},[i.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"__resizer",onMousedown:k},null,32)):e.createCommentVNode("",!0),m.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",At,[e.createElementVNode("button",{tabindex:"-1",class:"__close",onClick:w},"×"),e.createElementVNode("div",Wt,[e.createElementVNode("b",null,e.toDisplayString(m.value.title),1)])]),e.createElementVNode("div",Xt,[e.createElementVNode("div",qt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,u=>(e.openBlock(),e.createElementBlock("div",{key:u.id,class:"__interface"},[e.createElementVNode("div",Yt,[e.createVNode(pe,{modelValue:u.hidden,"onUpdate:modelValue":[I=>u.hidden=I,N[0]||(N[0]=()=>m.value?.events.update.emit(null))],disabled:!u.optional,inversed:"",style:{"padding-right":"8px"}},null,8,["modelValue","onUpdate:modelValue","disabled"]),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.component),{modelValue:u.value,"onUpdate:modelValue":I=>u.value=I,node:m.value,intf:u,style:{width:"100%"}},null,8,["modelValue","onUpdate:modelValue","node","intf"]))])]))),128))]),e.createElementVNode("div",Jt,[b.value&&b.value.state?(e.openBlock(),e.createElementBlock("div",Kt,[N[3]||(N[3]=e.createElementVNode("label",null,"Variable name",-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":N[1]||(N[1]=u=>b.value.state.variableName=u),type:"text",class:"baklava-input",title:"Variable name",onBlur:f,onKeydown:e.withKeys(f,["enter"])},null,544),[[e.vModelText,b.value.state.variableName]])])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(V.value,u=>(e.openBlock(),e.createElementBlock("div",{key:u.id,class:"__interface"},[e.createElementVNode("div",Qt,[e.createVNode(pe,{modelValue:u.hidden,"onUpdate:modelValue":[I=>u.hidden=I,N[2]||(N[2]=()=>m.value?.events.update.emit(null))],disabled:!u.optional,inversed:"",style:{"padding-right":"8px"}},null,8,["modelValue","onUpdate:modelValue","disabled"]),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.component),{modelValue:u.value,"onUpdate:modelValue":I=>u.value=I,node:m.value,intf:u,style:{width:"100%"}},null,8,["modelValue","onUpdate:modelValue","node","intf"]))])]))),128))])]),e.renderSlot(g.$slots,"codeEditor",{node:m.value})],64)):e.createCommentVNode("",!0)],6))}}),jt=e.defineComponent({props:{type:{type:String,required:!0},title:{type:String,required:!0}},setup(o){const{viewModel:t}=r.useViewModel(),{switchGraph:n}=r.useGraph(),s=e.ref(!1),a=e.computed(()=>o.type.startsWith(r.GRAPH_NODE_TYPE_PREFIX));return{showContextMenu:s,hasContextMenu:a,contextMenuItems:[{label:"Edit Subgraph",value:"editSubgraph"},{label:"Delete Subgraph",value:"deleteSubgraph"}],openContextMenu:()=>{s.value=!0},onContextMenuClick:m=>{const b=o.type.substring(r.GRAPH_NODE_TYPE_PREFIX.length),_=t.value.editor.graphTemplates.find(B=>B.id===b);if(_)switch(m){case"editSubgraph":n(_);break;case"deleteSubgraph":t.value.editor.removeGraphTemplate(_);break}}}}}),en=["data-node-type"],tn={class:"__title"},nn={class:"__title-label"};function on(o,t,n,s,a,i){return e.openBlock(),e.createElementBlock("div",{class:"baklava-node --palette","data-node-type":o.type},[e.createElementVNode("div",tn,[e.createElementVNode("div",nn,e.toDisplayString(o.title),1)])],8,en)}const ue=E(jt,[["render",on]]),sn={class:"baklava-node --palette",style:{"margin-top":"-20px","margin-bottom":"20px"}},an={key:0,style:{display:"flex","justify-content":"space-between"}},rn=["onClick"],ln={key:0,style:{margin:"auto 0","font-size":"12px"}},dn=e.defineComponent({__name:"CodeNodePalette",setup(o){const{viewModel:t}=r.useViewModel(),{x:n,y:s}=Ie.usePointer(),{transform:a}=r.useTransform(),i=r.useNodeCategories(t),d=e.inject("editorEl"),c=e.ref(""),m=e.ref(null),b=()=>c.value?i.value.filter(w=>w.name.toLowerCase().includes(c.value.toLowerCase())||Object.values(w.nodeTypes).some(f=>f.title.toLowerCase().includes(c.value.toLowerCase()))):i.value,_=w=>c.value?Object.values(w).filter(f=>f.category.toLowerCase().includes(c.value.toLowerCase())||f.title.toLowerCase().includes(c.value.toLowerCase())):Object.values(w),B=e.computed(()=>{if(!m.value||!d?.value)return{};const{left:w,top:f}=d.value.getBoundingClientRect();return{top:`${s.value-f}px`,left:`${n.value-w}px`}}),V=(w,f)=>{m.value={type:w,nodeInformation:f};const k=()=>{const C=e.reactive(new f.type);t.value.displayedGraph.addNode(C);const g=d.value.getBoundingClientRect(),[N,u]=a(n.value-g.left,s.value-g.top);C.position.x=N,C.position.y=u,m.value=null,document.removeEventListener("pointerup",k)};document.addEventListener("pointerup",k)};return(w,f)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass([{"--open":e.unref(t).settings.palette.enabled},"baklava-node-palette"]),onContextmenu:f[1]||(f[1]=e.withModifiers(()=>{},["stop","prevent"]))},[e.createElementVNode("div",sn,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":f[0]||(f[0]=k=>c.value=k),type:"text",class:"baklava-input",title:"Filter nodes",onKeyup:b},null,544),[[e.vModelText,c.value]])]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b(),k=>(e.openBlock(),e.createElementBlock("section",{key:k.name},[k.name!=="default"?(e.openBlock(),e.createElementBlock("h3",an,[e.createElementVNode("div",{onClick:C=>c.value=k.name,style:{cursor:"pointer"}},e.toDisplayString(k.name),9,rn),_(k.nodeTypes).length<Object.values(k.nodeTypes).length?(e.openBlock(),e.createElementBlock("div",ln," ( "+e.toDisplayString(_(k.nodeTypes).length)+" / "+e.toDisplayString(Object.values(k.nodeTypes).length)+" ) ",1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_(k.nodeTypes),C=>(e.openBlock(),e.createBlock(ue,{key:C.type,type:C.type,title:C.title,onPointerdown:g=>V(C.type,C)},null,8,["type","title","onPointerdown"]))),128))]))),128))],34),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[m.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"baklava-dragged-node",style:e.normalizeStyle(B.value)},[e.createVNode(ue,{type:m.value.type,title:m.value.nodeInformation.title},null,8,["type","title"])],4)):e.createCommentVNode("",!0)]),_:1})],64))}}),cn=e.defineComponent({__name:"CodeGraphEditor",props:{viewModel:{}},setup(o){const t=o,n=e.toRef(t,"viewModel"),s=a=>a.events.update.emit(null);return e.onMounted(()=>{n.value.subscribe(),n.value.engine.start()}),e.onUnmounted(()=>{n.value.unsubscribe(),n.value.engine.stop()}),(a,i)=>(e.openBlock(),e.createBlock(e.unref(r.BaklavaEditor),{"view-model":n.value},{palette:e.withCtx(()=>[e.createVNode(dn)]),node:e.withCtx(d=>[e.createVNode(Pt,e.mergeProps(d,{onUpdate:c=>s(d.node)}),null,16,["onUpdate"])]),sidebar:e.withCtx(d=>[e.createVNode(Zt,e.normalizeProps(e.guardReactiveProps(d)),{codeEditor:e.withCtx(({node:c})=>[e.renderSlot(a.$slots,"sidebarCodeEditor",{node:c})]),_:3},16)]),_:3},8,["view-model"]))}}),he=o=>{const t="TOGGLE_PALETTE";o.commandHandler.registerCommand(t,{execute:()=>o.settings.palette.enabled=!o.settings.palette.enabled,canExecute:()=>!0});const n="CLEAR_ALL";o.commandHandler.registerCommand(n,{execute:()=>o.code.clear(),canExecute:()=>o.displayedGraph.nodes.length>0});const s="TOGGLE_MINIMAP";o.commandHandler.registerCommand(s,{execute:()=>o.settings.enableMinimap=!o.settings.enableMinimap,canExecute:()=>o.displayedGraph.nodes.length>1}),o.settings.toolbar.commands=[{command:t,title:"Toggle palette",icon:e.computed(()=>o.settings.palette.enabled?te:ne)},...r.DEFAULT_TOOLBAR_COMMANDS,{command:n,title:"Clear all",icon:ce},{command:s,title:"Toggle minimap",icon:e.computed(()=>o.settings.enableMinimap?le:re)}]},$={enableMinimap:!1,toolbar:{enabled:!0},palette:{enabled:!0},sidebar:{enabled:!0,resizable:!0,width:350},displayValueOnHover:!1};function pn(o){const t=r.useBaklava(o?.existingEditor);t.code=o?.code?new o.code(t):new Q(t),he(t);const n={};return Object.keys($).forEach(s=>{n[s]=typeof $[s]=="object"?{...t.settings[s],...$[s]}:$[s]}),t.settings=e.reactive({...t.settings,...n}),t.settings.nodes.defaultWidth=350,t.state=e.reactive({modules:{},token:null}),t.init=()=>{t.unsubscribe(),t.engine=new r.DependencyEngine(t.editor)},t.subscribe=()=>{t.state.token&&t.unsubscribe();const s=Symbol(),a=t.displayedGraph;a.events.addNode.subscribe(s,i=>{i.code=t.code}),a.events.addConnection.subscribe(s,i=>{t.code.findNodeById(i.to.nodeId)?.onConnected(),t.code.findNodeById(i.from.nodeId)?.onConnected()}),a.events.removeConnection.subscribe(s,i=>{t.code.findNodeById(i.to.nodeId)?.onUnconnected(),t.code.findNodeById(i.from.nodeId)?.onUnconnected()}),t.engine.events.beforeRun.subscribe(s,()=>{t.engine.pause(),t.code&&(t.code.updateCodeNodes(),t.code.sortNodes(),t.code.updateCodeTemplates(),t.code.resetInputInterfaceScript()),t.engine.resume()}),t.engine.events.beforeNodeCalculation.subscribe(s,i=>{t.engine.pause();const d=i.node;d.isCodeNode&&(d.updateOutputNames(),d.updateConnectedInputInterfaces()),t.engine.resume()}),t.engine.events.afterRun.subscribe(s,i=>{t.engine.pause(),r.applyResult(i,t.editor),t.code&&(t.code.renderNodeCodes(),t.code.renderCode()),t.engine.resume()}),t.state.token=s},t.unsubscribe=()=>{if(!t.state.token)return;const s=t.state.token;t.displayedGraph.events.addNode.unsubscribe(s),t.displayedGraph.events.addConnection.unsubscribe(s),t.engine.events.beforeRun.unsubscribe(s),t.engine.events.afterRun.unsubscribe(s),t.state.token=null},t}l.AbstractCodeNode=A,l.CheckboxInterface=xe,l.Code=Q,l.CodeGraphEditor=cn,l.CodeNode=R,l.CodeNodeInputInterface=M,l.CodeNodeInterface=x,l.CodeNodeInterfaceComponent=S,l.CodeNodeOutputInterface=Y,l.CodeVariable=j,l.DEFAULT_SETTINGS=$,l.DotsVertical=ee,l.DynamicCodeNode=K,l.IntegerInterface=Me,l.LayoutSidebarLeftCollapse=te,l.LayoutSidebarLeftExpand=ne,l.LayoutSidebarRight=oe,l.LayoutSidebarRightCollapse=se,l.LayoutSidebarRightExpand=ae,l.ListInputInterface=Te,l.LockCode=ie,l.NumberInterface=$e,l.Schema=re,l.SchemaOff=le,l.SelectInterface=Oe,l.SliderInterface=Se,l.TextInputInterface=Ue,l.TextInputInterfaceComponent=J,l.TextareaInputInterface=Ge,l.TransitionBottom=de,l.TrashOff=ce,l.TupleInputInterface=Pe,l.addDefaultInterfaceTypes=Ve,l.addToolbarCommands=he,l.booleanType=U,l.defineCodeNode=Fe,l.defineDynamicCodeNode=He,l.dictType=q,l.formatInputs=W,l.getCodeNodes=L,l.getPositionAtColumn=Ae,l.getPositionBeforeNode=We,l.listType=G,l.loadNodeState=D,l.nodeType=T,l.numberType=v,l.saveNodeState=X,l.setOptional=Be,l.stringType=z,l.transferCodeScript=Xe,l.tupleType=P,l.useCodeGraph=pn,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})}));
+(function(r,x){typeof exports=="object"&&typeof module<"u"?x(exports,require("mustache"),require("toposort"),require("baklavajs"),require("vue"),require("uuid"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","mustache","toposort","baklavajs","vue","uuid","@vueuse/core"],x):(r=typeof globalThis<"u"?globalThis:r||self,x(r["@babsey/code-graph"]={},r.mustache,r.toposort,r.baklavajs,r.Vue,r.uuid,r["@vueuse/core"]))})(this,(function(r,x,Ce,l,e,we,Ie){"use strict";x.escape=o=>o;class A extends l.AbstractNode{state;code;isCodeNode=!0;name="";codeTemplate;inputs={};outputs={};constructor(){super(),this.initializeIo(),this.width=400,this.twoColumn=!0,this.state=e.reactive({codeTemplate:"",hidden:!1,integrated:!1,lockCode:!1,modules:[],props:null,script:"",variableName:""}),this.codeTemplate=function(){return`${this.name}(${W(this.codeNodeInputs).join(", ")})`}}get codeNodeInputs(){return Object.fromEntries(Object.entries(this.inputs).filter(t=>t[1].type!="node"))}get codeNodeOutputs(){return Object.fromEntries(Object.entries(this.outputs).filter(t=>t[1].type!="node"))}get idx(){return this.code?.codeNodes.filter(t=>!t.state.integrated).indexOf(this)??-1}get idxByVariableNames(){return this.code?.getNodesBySameVariableNames(this.state.variableName).indexOf(this)??-1}get lockCode(){return this.state.lockCode}set lockCode(t){this.state.lockCode=t,this.events.update.emit(null)}get optionalInputs(){return Object.fromEntries(Object.entries(this.codeNodeInputs).filter(t=>t[1].optional))}get requiredInputs(){return Object.fromEntries(Object.entries(this.codeNodeInputs).filter(t=>!t[1].optional))}get script(){return this.state.script}set script(t){this.state.script=t,this.events.update.emit(null)}get shortId(){return this.id.slice(0,6)}get subgraph(){}get variableName(){return this.state.variableName?this.state.variableName+(this.idxByVariableNames+1):""}getConnectedNodeByInterface(t,n){const s=this.getConnectedNodesByInterface(t,n);return s.length>0?s[0]:null}getConnectedNodes(t){let n=[];if(t!=="inputs"){const s=this.graph?.connections.filter(a=>a.from.name!=="_node").filter(a=>a.from.nodeId===this.id).map(a=>a.to.nodeId);s&&(n=n.concat(s))}if(t!=="outputs"){const s=this.graph?.connections.filter(a=>a.from.name!=="_node").filter(a=>a.to.nodeId===this.id).map(a=>a.from.nodeId);s&&(n=n.concat(s))}return!n||n.length==0?[]:n.map(s=>this.graph?.findNodeById(s))}getConnectedNodesByInterface(t,n){let s=[];if(n!=="outputs"&&this.inputs[t]){const a=this.graph?.connections.filter(i=>i.to.id===this.inputs[t]?.id||i.from.id===this.inputs[t]?.id).map(i=>i.from.nodeId);a&&(s=s.concat(a))}if(n!=="inputs"&&this.outputs[t]){const a=this.graph?.connections.filter(i=>i.from.id===this.outputs[t]?.id||i.from.id===this.outputs[t]?.id).map(i=>i.to.nodeId);a&&(s=s.concat(a))}return!s||s.length==0?[]:s.map(a=>this.graph?.findNodeById(a))}registerCode(t){this.code=t}renderCode(){if(!this.lockCode){const t={};Object.keys(this.inputs).forEach(s=>{if(s==="_node")return;const a=this.inputs[s];a&&a.state&&(t[s]=a.state.script.length>0?a.state.script:a.getValue())});const n={};Object.keys(this.outputs).forEach(s=>{if(s==="_node")return;const a=this.outputs[s];a&&a.state&&(n[s]=a.getValue())}),this.state.script=x.render(this.state.codeTemplate,{inputs:t,outputs:n})}this.outputs.out&&(this.outputs.out.state.script=this.script)}resetInputInterfaceScript(){Object.values(this.codeNodeInputs).forEach(t=>t.resetScript())}updateCodeTemplate(){this.state.codeTemplate=this.codeTemplate.call(this)}updateConnectedInputInterfaces(){if(!this.graph)return;const{connectionsFromNode:t}=l.sortTopologically(this.graph);if(!t.has(this))return;const n=t.get(this);n&&n.forEach(s=>{if(!s.from.isCodeNode||!s.to.isCodeNode)return;const a=this.graph?.findNodeById(s.from.nodeId);a&&(a.renderCode(),s.to.script=s.from.script)})}updateOutputNames(){Object.values(this.codeNodeOutputs).forEach(t=>{t.name=this.state.integrated?"":this.variableName+t.value})}updateProps(t){this.state.props=t}}class R extends A{calculate;load(t){super.load(t),D(this.graph,t)}save(){const t=super.save();return X(this.graph,t),t}updateModules(t){if(t)this.state.modules=t;else if(this.type.includes(".")){const n=this.type.split(".");this.state.modules.push(n.slice(0,n.length-1).join("."))}}}const W=(o,t=!0)=>{const n=[],s=Object.keys(o);return s.forEach(a=>{if(o[a]?.hidden)return;const d=t&&n.length<s.indexOf(a)?`${a}=`:"";n.push(`${d}{{ inputs.${a} }}`)}),n},D=(o,t)=>{if(!o)return;const n=o.findNodeById(t.id);if(!n||n.subgraph)return;const s=n;s.state&&(s.state.integrated=t.integrated,s.state.modules=t.modules,s.state.props=t.props),Object.entries(t.inputs).forEach(([a,i])=>{a!=="_node"&&s.inputs[a]&&(s.inputs[a].hidden=i.hidden)}),Object.entries(t.outputs).forEach(([a,i])=>{a!=="_node"&&s.outputs[a]&&(s.outputs[a].hidden=i.hidden)})},X=(o,t)=>{if(!o)return;const n=o.findNodeById(t.id);if(!n||n.subgraph)return;const s=n;s.state&&(t.integrated=s.state.integrated,t.modules=s.state.modules),Object.entries(t.inputs).forEach(([a,i])=>{a!=="_node"&&s.inputs[a]&&(i.hidden=s.inputs[a].hidden)}),Object.entries(t.outputs).forEach(([a,i])=>{a!=="_node"&&s.outputs[a]&&(i.hidden=s.outputs[a].hidden)})},Ee=["title"],S=e.defineComponent({__name:"CodeNodeInterface",props:{intf:{}},setup(o){return(t,n)=>(e.openBlock(),e.createElementBlock("div",{title:o.intf.state?.script},e.toDisplayString(o.intf.name),9,Ee))}});class M extends l.NodeInterface{isCodeNode=!0;code;state;type=null;constructor(t,n){super(t,n),this.setComponent(e.markRaw(S)),this.state=e.reactive({optional:!1,script:""})}get optional(){return this.state.optional}get script(){return this.state.script}set script(t){this.state.script=t}get shortId(){return this.id.slice(0,6)}getValue=()=>`${this.value??"None"}`;resetScript=()=>this.state.script=""}const Be=(o,t)=>{o.state.optional=t,o.setHidden(t)};class T extends M{constructor(t="",n){super(t,n),this.setComponent(e.markRaw(S)),this.use(l.displayInSidebar,!0)}set script(t){if(this.state.script&&this.allowMultipleConnections){const n=this.state.script;n.startsWith("[")&&n.endsWith("]")?t=JSON.stringify([t,...JSON.parse(n)]):t=[t,n].join(", ")}this.state.script=t}get value(){return super.value}set value(t){super.value=t,this.name!=="_node"&&this.setHidden(!1)}}const U=new l.NodeInterfaceType("boolean"),q=new l.NodeInterfaceType("dict"),G=new l.NodeInterfaceType("list"),$=new l.NodeInterfaceType("node"),v=new l.NodeInterfaceType("number"),z=new l.NodeInterfaceType("string"),P=new l.NodeInterfaceType("tuple"),Ve=o=>{new l.BaklavaInterfaceTypes(o.editor,{viewPlugin:o}).addTypes(U,q,G,$,v,z,P)};class xe extends T{constructor(t,n){super(t,n),this.setComponent(e.markRaw(l.CheckboxInterfaceComponent)),this.use(l.setType,U)}getValue=()=>this.value?"True":"False"}class Y extends M{isCodeNodeOutput=!0;constructor(t="",n=""){super(t,n),this.setComponent(e.markRaw(S))}get script(){return this.name?this.name:this.state.script}}class F extends T{min;max;constructor(t,n,s,a){super(t,n),this.min=s,this.max=a,this.use(l.setType,v)}validate(t){return(this.min===void 0||t>=this.min)&&(this.max===void 0||t<=this.max)}}class Me extends F{component=e.markRaw(l.IntegerInterfaceComponent);validate(t){return Number.isInteger(t)&&super.validate(t)}}class Te extends T{constructor(t="",n=""){super(t,n),this.setComponent(e.markRaw(l.TextInputInterfaceComponent)),this.use(l.setType,G)}getValue=()=>`[${this.value}]`}class $e extends F{component=e.markRaw(l.NumberInterfaceComponent)}class H extends T{constructor(t,n){super(t,n),this.use(l.setType,z)}getValue=()=>`"${this.value}"`}class Oe extends H{component=e.markRaw(l.SelectInterfaceComponent);items;constructor(t,n,s){super(t,n),this.items=s}}class Se extends F{component=e.markRaw(l.SliderInterfaceComponent);min;max;constructor(t,n,s,a){super(t,n,s,a),this.min=s,this.max=a}getValue=()=>`${Math.round(this.value*1e3)/1e3}`}const ve=e.defineComponent({props:{intf:{type:Object,required:!0},modelValue:{type:String,required:!0}},emits:["update:modelValue"],setup(o,{emit:t}){return{v:e.computed({get:()=>o.modelValue,set:s=>{t("update:modelValue",s)}})}}}),E=(o,t)=>{const n=o.__vccOpts||o;for(const[s,a]of t)n[s]=a;return n},ze={style:{position:"relative"}},Le={style:{"font-size":"12px",padding:"0 6px",position:"absolute",top:"-8px","background-color":"var(--baklava-node-color-background)"}},Re=["placeholder","title"];function De(o,t,n,s,a,i){return e.openBlock(),e.createElementBlock("div",ze,[e.createElementVNode("label",Le,e.toDisplayString(o.intf.name),1),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":t[0]||(t[0]=d=>o.v=d),type:"text",class:"baklava-input",placeholder:o.intf.name,title:o.intf.name},null,8,Re),[[e.vModelText,o.v]])])}const J=E(ve,[["render",De]]);class Ue extends H{component=e.markRaw(J)}class Ge extends H{component=e.markRaw(l.TextareaInputInterfaceComponent)}class Pe extends T{constructor(t="",n=""){super(t,n),this.setComponent(e.markRaw(l.TextInputInterfaceComponent)),this.use(l.setType,P)}getValue=()=>`(${this.value})`}function Fe(o){return class extends R{type=o.type;inputs={};outputs={};constructor(){super(),this._title=o.title??o.type,this.name=o.name??o.type,this.updateModules(o.modules),o.variableName&&(this.state.variableName=o.variableName),o.codeTemplate&&(this.codeTemplate=o.codeTemplate),this.addInput("_node",new M("",[]).use(l.setType,$).use(l.allowMultipleConnections).setHidden(!0)),this.addOutput("_node",new M("",[]).use(l.setType,$).use(l.allowMultipleConnections).setHidden(!0)),this.executeFactory("input",o.inputs),this.executeFactory("output",o.outputs),o.onCreate?.call(this)}onPlaced(){o.onPlaced?.call(this)}onConnected(){o.onConnected?.call(this)}onDestroy(){o.onDestroy?.call(this)}onUnconnected(){o.onUnconnected?.call(this)}update(){o.update?.call(this)}executeFactory(t,n){Object.keys(n||{}).forEach(s=>{const a=n[s]();t==="input"?this.addInput(s,a):this.addOutput(s,a)})}}}class K extends R{calculate}function He(o){return class extends K{type=o.type;inputs={};outputs={};calculate;preventUpdate=!1;staticInputKeys=Object.keys(o.inputs??{});staticOutputKeys=Object.keys(o.outputs??{});constructor(){super(),this._title=o.title??o.type,this.name=o.name??o.type,this.updateModules(o.modules),o.codeTemplate&&(this.codeTemplate=o.codeTemplate),o.variableName&&(this.state.variableName=o.variableName),this.addInput("_node",new M("",[]).use(l.setType,$).use(l.allowMultipleConnections).setHidden(!0)),this.addOutput("_node",new M("",[]).use(l.setType,$).use(l.allowMultipleConnections).setHidden(!0)),this.staticInputKeys.push("_node"),this.staticOutputKeys.push("_node"),this.executeFactory("input",o.inputs),this.executeFactory("output",o.outputs),o.onCreate?.call(this)}onPlaced(){this.events.update.subscribe(this,t=>{t&&(t.type==="input"&&this.staticInputKeys.includes(t.name)||t.type==="output"&&this.staticOutputKeys.includes(t.name))&&this.onUpdate()}),this.onUpdate(),o.onPlaced?.call(this)}onConnected(){o.onConnected?.call(this)}onDestroy(){o.onDestroy?.call(this)}onUnconnected(){o.onUnconnected?.call(this)}update(){o.update?.call(this)}load(t){this.preventUpdate=!0,this.hooks.beforeLoad.execute(t),this.id=t.id,this.title=t.title;for(const n of this.staticInputKeys)this.inputs[n].load(t.inputs[n]),this.inputs[n].nodeId=this.id,n!=="_node"&&(this.inputs[n].hidden=t.inputs[n].hidden);for(const n of this.staticOutputKeys)this.outputs[n].load(t.outputs[n]),this.outputs[n].nodeId=this.id,n!=="_node"&&(this.outputs[n].hidden=t.outputs[n].hidden);this.preventUpdate=!1,this.onUpdate(),this.preventUpdate=!0;for(const n of Object.keys(t.inputs))if(!this.staticInputKeys.includes(n)){if(!this.inputs[n]){const s=t.inputs[n].value;let a;typeof s=="number"?a=new l.IntegerInterface(n,s).use(l.setType,v):a=new l.TextInputInterface(n,JSON.stringify(s)).use(l.setType,z),a.use(l.displayInSidebar,!0),this.addInput(n,a)}this.inputs[n]&&(this.inputs[n].load(t.inputs[n]),this.inputs[n].nodeId=this.id)}for(const n of Object.keys(t.outputs))if(!this.staticOutputKeys.includes(n)){if(!this.outputs[n]){const s=new Y(n);this.addOutput(n,s)}this.outputs[n]&&(this.outputs[n].load(t.outputs[n]),this.outputs[n].nodeId=this.id)}D(this.graph,t),this.preventUpdate=!1,this.events.loaded.emit(this)}onUpdate(){if(this.preventUpdate)return;this.graph&&this.graph.activeTransactions++;const t=this.getStaticValues(this.staticInputKeys,this.inputs),n=this.getStaticValues(this.staticOutputKeys,this.outputs),s=o.onUpdate.call(this,t,n);this.updateInterfaces("input",s.inputs??{},s.forceUpdateInputs??[]),this.updateInterfaces("output",s.outputs??{},s.forceUpdateOutputs??[]),this.graph&&this.graph.activeTransactions--}getStaticValues(t,n){const s={};for(const a of t)s[a]=n[a].value;return s}updateInterfaces(t,n,s){const a=t==="input"?this.staticInputKeys:this.staticOutputKeys,i=t==="input"?this.inputs:this.outputs;for(const d of Object.keys(i))a.includes(d)||n[d]&&!s.includes(d)||(t==="input"?this.removeInput(d):this.removeOutput(d));for(const d of Object.keys(n)){if(i[d])continue;const c=n[d]();t==="input"?this.addInput(d,c):this.addOutput(d,c)}}updateProps(t){this.state.props=t,this.onUpdate()}executeFactory(t,n){Object.keys(n||{}).forEach(s=>{const a=n[s]();t==="input"?this.addInput(s,a):this.addOutput(s,a)})}}}x.escape=o=>o;class Q{_id;_viewModel;_state;constructor(t){this._id=we.v4(),this._viewModel=t,this._state=e.reactive({autosort:!1,lockCode:!1,modules:{},script:"",template:"",token:null})}get codeNodes(){return L(this.graph)}get connections(){return this.graph.connections}set connections(t){this.graph._connections=t}get graph(){return this.viewModel.displayedGraph}get id(){return this._id}get lockCode(){return this.state.lockCode}set lockCode(t){this.state.lockCode=t,this.viewModel.engine.runOnce(null)}get modules(){let t=[];return this.codeNodes.filter(n=>n.state.modules?.length>0).forEach(n=>{t=t.concat(n.state.modules)}),t?(t.sort(),Array.from(new Set(t.map(n=>this.viewModel.state.modules[n])))):[]}get nodeIds(){return this.codeNodes.map(t=>t.id)}get nodes(){return this.graph.nodes}set nodes(t){this.graph._nodes=t}get script(){return this.state.script}set script(t){this.state.script=t,this.viewModel.engine.runOnce(null)}get scriptedCodeNodes(){return L(this.graph).filter(t=>!t.state?.integrated)}get shortId(){return this.id.slice(0,6)}get state(){return this._state}get viewModel(){return this._viewModel}get visibleNodes(){return this.codeNodes.filter(t=>!t.state?.hidden)}addNode(t,n){return t.code||(t.code=this),n&&(t.state.props=n),this.graph.addNode(t)}addNodeAtCoordinates=(t,n={x:0,y:0},s)=>(this.addNode(t,s),t.position&&(t.position=n),t);addConnection(t,n){t.name!=="_node"&&(t.hidden=!1),n.name!=="_node"&&(n.hidden=!1),this.graph.addConnection(t,n)}clear(){this.state.modules={},this.nodes=[],this.connections=[],this.state.script=""}findNodeById(t){return this.graph.findNodeById(t)}findNodeByType(t){return this.codeNodes.find(n=>n.type===t)}getNodesBySameType(t){return this.codeNodes.filter(n=>n.type===t)}getNodesBySameVariableNames(t){return this.codeNodes.filter(n=>n.state.variableName===t)}hasConnection(t,n){return this.connections.some(s=>s.from.id===t.id&&s.to.id===n.id)}loadTemplate(t){t.then(n=>{this._state.template=n.default??""})}removeConnection(t){this.graph.removeConnection(t)}removeNode(t){this.graph.removeNode(t)}renderNodeCodes(){this.state.lockCode||this.codeNodes.length!==0&&this.codeNodes.forEach(t=>t.renderCode())}renderCode(){this.state.lockCode||(this.state.script=x.render(this.state.template||"",this))}resetInputInterfaceScript(){this.codeNodes.forEach(t=>t.resetInputInterfaceScript())}save(){this.state.autosort&&this.sortNodes();const t=this.viewModel.editor.save();return t.graph.id=this.id,this.saveNodeStates(t.graph.nodes),JSON.parse(JSON.stringify(t))}saveNodeStates(t){t.forEach((n,s)=>{const a=this.nodes[s];Object.entries(n.inputs).forEach(([i,d])=>{n.inputs&&a.inputs[i]&&(d.hidden=a.inputs[i].hidden)}),Object.entries(n.outputs).forEach(([i,d])=>{n.outputs&&a.outputs[i]&&(d.hidden=a.outputs[i].hidden)})})}sortNodes(){if(!(this.nodes.length===0||this.connections.length===0))try{const t=this.connections.map(i=>[i.to.nodeId,i.from.nodeId]);let n=[...this.nodeIds];n.reverse(),n=Ce.array(n,t),n.reverse();const s=this.graph.nodes.map(i=>i.id).filter(i=>!n.includes(i));n=n.concat(s);const a=n.map(i=>this.findNodeById(i));a&&(this.nodes=a)}catch{console.warn("Failed to sort nodes.")}}updateCodeNodes(){this.codeNodes.forEach(t=>t.update())}updateCodeTemplates(){this.codeNodes.forEach(t=>t.updateCodeTemplate())}}const L=o=>{let t=[];return o.nodes.forEach(n=>{n.subgraph?t=t.concat(L(n.subgraph)):n.isCodeNode&&t.push(n)}),t},Ae=(o=0,t=100)=>({x:o*420,y:t}),We=o=>{const t={...o.position};return t.x-=440,t.y+=50,t},Xe=o=>{const{calculationOrder:t,connectionsFromNode:n}=l.sortTopologically(o);t.forEach(s=>{if(!s.isCodeNode)return;const a=s;n.has(a)&&n.get(a).forEach(i=>{i.to.state&&i.from.script&&(i.to.state.script=i.from.script)})})},qe=["id"],Ye={class:"align-middle"},Z=e.defineComponent({__name:"CodeGraphNodeInterface",props:{node:{},intf:{}},setup(o){const t=o,{viewModel:n}=l.useViewModel(),{hoveredOver:s,temporaryConnection:a}=l.useTemporaryConnection(),i=e.ref(null),d=e.computed(()=>t.intf.connectionCount>0),c=e.computed(()=>({"--connected":d.value})),m=()=>{s(t.intf)},b=()=>{s(void 0)},_=()=>{i.value&&n.value.hooks.renderInterface.execute({intf:t.intf,el:i.value})};return e.onMounted(_),e.onUpdated(_),(B,V)=>(e.openBlock(),e.createElementBlock("div",{id:o.intf.id,ref_key:"el",ref:i,class:e.normalizeClass(["baklava-node-interface",c.value])},[o.intf.port?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["__port",{"--selected":e.unref(a)?.from===o.intf}]),onPointerover:m,onPointerout:b},null,34)):e.createCommentVNode("",!0),e.createElementVNode("span",Ye,[e.renderSlot(B.$slots,"default")])],10,qe))}}),Je={},Ke={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-code-variable"};function Qe(o,t){return e.openBlock(),e.createElementBlock("svg",Ke,[...t[0]||(t[0]=[e.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),e.createElementVNode("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 j=E(Je,[["render",Qe]]),Ze={},je={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-dots-vertical"};function et(o,t){return e.openBlock(),e.createElementBlock("svg",je,[...t[0]||(t[0]=[e.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),e.createElementVNode("path",{d:"M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"},null,-1),e.createElementVNode("path",{d:"M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"},null,-1),e.createElementVNode("path",{d:"M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"},null,-1)])])}const ee=E(Ze,[["render",et]]),tt={},nt={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",class:"baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-left-collapse"};function ot(o,t){return e.openBlock(),e.createElementBlock("svg",nt,[...t[0]||(t[0]=[e.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),e.createElementVNode("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 te=E(tt,[["render",ot]]),st={},at={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",class:"baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-left-expand"};function it(o,t){return e.openBlock(),e.createElementBlock("svg",at,[...t[0]||(t[0]=[e.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),e.createElementVNode("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 ne=E(st,[["render",it]]),rt={},lt={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",class:"baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-right"};function dt(o,t){return e.openBlock(),e.createElementBlock("svg",lt,[...t[0]||(t[0]=[e.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),e.createElementVNode("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 oe=E(rt,[["render",dt]]),ct={},pt={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",class:"baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-right-collapse"};function ut(o,t){return e.openBlock(),e.createElementBlock("svg",pt,[...t[0]||(t[0]=[e.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),e.createElementVNode("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 se=E(ct,[["render",ut]]),ht={},mt={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",class:"baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-right-expand"};function ft(o,t){return e.openBlock(),e.createElementBlock("svg",mt,[...t[0]||(t[0]=[e.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),e.createElementVNode("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 ae=E(ht,[["render",ft]]),gt={},yt={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-lock-code"};function kt(o,t){return e.openBlock(),e.createElementBlock("svg",yt,[...t[0]||(t[0]=[e.createStaticVNode('<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 ie=E(gt,[["render",kt]]),bt={},Nt={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-schema"};function _t(o,t){return e.openBlock(),e.createElementBlock("svg",Nt,[...t[0]||(t[0]=[e.createStaticVNode('<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 re=E(bt,[["render",_t]]),Ct={},wt={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-schema-off"};function It(o,t){return e.openBlock(),e.createElementBlock("svg",wt,[...t[0]||(t[0]=[e.createStaticVNode('<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 le=E(Ct,[["render",It]]),Et={},Bt={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-transition-bottom"};function Vt(o,t){return e.openBlock(),e.createElementBlock("svg",Bt,[...t[0]||(t[0]=[e.createStaticVNode('<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 de=E(Et,[["render",Vt]]),xt={},Mt={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-trash-off"};function Tt(o,t){return e.openBlock(),e.createElementBlock("svg",Mt,[...t[0]||(t[0]=[e.createStaticVNode('<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 ce=E(xt,[["render",Tt]]),$t=["id","data-node-type"],Ot={class:"__title-label",style:{"flex-grow":"1"}},St={key:0},vt={class:"__menu",style:{display:"flex"}},zt={class:"__outputs"},Lt={key:0},Rt=["id","title"],Dt={class:"__inputs"},Ut={key:0},Gt=["id","title"],Pt=e.defineComponent({__name:"CodeGraphNode",props:{node:{},selected:{type:Boolean,default:!1},dragging:{type:Boolean}},emits:["select","start-drag","update"],setup(o,{emit:t}){const n=l.Components.ContextMenu,s=l.Components.NodeInterface,a=o,i=e.computed(()=>a.node),d=t,{viewModel:c}=l.useViewModel(),{graph:m,switchGraph:b}=l.useGraph(),_=e.ref(null),B=e.ref(!1),V=e.ref(""),w=e.ref(null),f=e.ref(!1);let k=0,C=0;const g=e.ref(!1),N=e.computed(()=>{const p=[{value:"edit",label:"Edit"},{value:"rename",label:"Rename"},{value:"delete",label:"Delete"}];return a.node.type.startsWith(l.GRAPH_NODE_TYPE_PREFIX)&&p.push({value:"editSubgraph",label:"Edit Subgraph"}),p}),u=e.computed(()=>({"--selected":a.selected,"--dragging":a.dragging,"--two-column":!!a.node.twoColumn,"--hidden":i.value.state?.hidden})),I=e.computed(()=>({"--reverse-y":a.node.reverseY??c.value.settings.nodes.reverseY})),un=e.computed(()=>({top:`${a.node.position?.y??0}px`,left:`${a.node.position?.x??0}px`,"--width":`${a.node.width??c.value.settings.nodes.defaultWidth}px`})),hn=e.computed(()=>Object.values(a.node.inputs).filter(p=>!p.hidden)),mn=e.computed(()=>Object.values(a.node.outputs).filter(p=>!p.hidden)),me=()=>{d("select")},fn=p=>{a.selected||me(),d("start-drag",p)},fe=()=>{g.value=!0},gn=()=>{const p=c.value.displayedGraph.sidebar;p.nodeId="",p.visible=!1},ge=()=>{const p=c.value.displayedGraph.sidebar;p.nodeId=a.node.id,p.visible=!0},yn=()=>{const p=c.value.displayedGraph.sidebar;p.nodeId=a.node.id},kn=async p=>{switch(p){case"edit":ge();break;case"delete":m.value.removeNode(a.node);break;case"rename":V.value=a.node.title,B.value=!0,await e.nextTick(),w.value?.focus();break;case"editSubgraph":b(a.node.template);break}},ye=()=>{i.value.title=V.value,B.value=!1},ke=()=>{_.value&&c.value.hooks.renderNode.execute({node:a.node,el:_.value})},bn=p=>{f.value=!0,k=a.node.width,C=p.clientX,p.preventDefault()},be=p=>{i.value.state&&(i.value.state.integrated=p,d("update"))},Ne=p=>{if(!f.value)return;const y=p.clientX-C,h=k+y/m.value.scaling,Nn=c.value.settings.nodes.minWidth,_n=c.value.settings.nodes.maxWidth;i.value.width=Math.max(Nn,Math.min(_n,h))},_e=()=>{f.value=!1};return e.onMounted(()=>{ke(),window.addEventListener("mousemove",Ne),window.addEventListener("mouseup",_e)}),e.onUpdated(ke),e.onBeforeUnmount(()=>{window.removeEventListener("mousemove",Ne),window.removeEventListener("mouseup",_e)}),(p,y)=>(e.openBlock(),e.createElementBlock("div",{id:i.value.id,ref_key:"el",ref:_,class:e.normalizeClass([u.value,"baklava-node"]),"data-node-type":i.value.type,style:e.normalizeStyle(un.value),onPointerdown:me},[e.unref(c).settings.nodes.resizable?(e.openBlock(),e.createElementBlock("div",{key:0,class:"__resize-handle",onMousedown:bn},null,32)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"__title",onPointerdown:e.withModifiers(fn,["self","stop"]),onContextmenu:e.withModifiers(fe,["prevent"])},[i.value.inputs._node?(e.openBlock(),e.createBlock(Z,{key:0,node:i.value,intf:i.value.inputs._node,class:"--input","data-interface-type":"node",style:{"flex-grow":"0"}},null,8,["node","intf"])):e.createCommentVNode("",!0),B.value?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:2,ref_key:"renameInputEl",ref:w,"onUpdate:modelValue":y[4]||(y[4]=h=>V.value=h),class:"baklava-input",placeholder:"Node Name",style:{"flex-grow":"1"},type:"text",onBlur:ye,onKeydown:e.withKeys(ye,["enter"])},null,544)),[[e.vModelText,V.value]]):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",Ot,[i.value.idx>-1?(e.openBlock(),e.createElementBlock("span",St,e.toDisplayString(i.value.idx+1)+" - ",1)):e.createCommentVNode("",!0),e.createTextVNode(e.toDisplayString(i.value.title),1)]),e.createElementVNode("div",vt,[i.value.subgraph?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[i.value.state.lockCode?(e.openBlock(),e.createBlock(e.unref(ie),{key:0,class:"--clickable mx-1",onClick:y[0]||(y[0]=h=>i.value.lockCode=!1)})):e.createCommentVNode("",!0),i.value.state.integrated?(e.openBlock(),e.createBlock(e.unref(j),{key:1,class:"--clickable mx-1",onClick:y[1]||(y[1]=h=>be(!1))})):(e.openBlock(),e.createBlock(e.unref(de),{key:2,class:"--clickable mx-1",onClick:y[2]||(y[2]=h=>be(!0))})),!e.unref(c).displayedGraph.sidebar.visible&&e.unref(c).displayedGraph.sidebar.nodeId!==i.value.id?(e.openBlock(),e.createBlock(e.unref(ae),{key:3,class:"--clickable mx-1",onClick:ge})):e.unref(c).displayedGraph.sidebar.visible&&e.unref(c).displayedGraph.sidebar.nodeId!==i.value.id?(e.openBlock(),e.createBlock(e.unref(oe),{key:4,class:"--clickable mx-1",onClick:yn})):(e.openBlock(),e.createBlock(e.unref(se),{key:5,class:"--clickable mx-1",onClick:gn}))],64)),e.createVNode(e.unref(ee),{class:"--clickable mx-1",onClick:fe}),e.createVNode(e.unref(n),{modelValue:g.value,"onUpdate:modelValue":y[3]||(y[3]=h=>g.value=h),x:0,y:0,items:N.value,onClick:kn},null,8,["modelValue","items"])])],64)),i.value.outputs._node?(e.openBlock(),e.createBlock(Z,{key:3,node:i.value,intf:i.value.outputs._node,class:"--output","data-interface-type":"node"},null,8,["node","intf"])):e.createCommentVNode("",!0)],32),e.createElementVNode("div",{class:e.normalizeClass(["__content",I.value]),onKeydown:y[5]||(y[5]=e.withKeys(e.withModifiers(()=>{},["stop"]),["delete"])),onContextmenu:y[6]||(y[6]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("div",zt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(mn.value,h=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:h.id},[i.value.state?.hidden?(e.openBlock(),e.createElementBlock("div",Lt,[h.port?(e.openBlock(),e.createElementBlock("div",{key:0,id:h.id,title:h.name,class:"baklava-node-interface --output --connected"},[...y[7]||(y[7]=[e.createElementVNode("div",{class:"__port"},null,-1)])],8,Rt)):e.createCommentVNode("",!0)])):e.renderSlot(p.$slots,"nodeInterface",{key:1,type:"output",node:i.value,intf:h},()=>[e.createVNode(e.unref(s),{node:i.value,intf:h,title:h.type},null,8,["node","intf","title"])])],64))),128))]),e.createElementVNode("div",Dt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(hn.value,h=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:h.id},[i.value.state?.hidden?(e.openBlock(),e.createElementBlock("div",Ut,[h.port?(e.openBlock(),e.createElementBlock("div",{key:0,id:h.id,title:h.name,class:"baklava-node-interface --input --connected"},[...y[8]||(y[8]=[e.createElementVNode("div",{class:"__port"},null,-1)])],8,Gt)):e.createCommentVNode("",!0)])):e.renderSlot(p.$slots,"nodeInterface",{key:1,node:i.value,intf:h,type:"input"},()=>[e.createVNode(e.unref(s),{node:i.value,intf:h,title:h.type},null,8,["node","intf","title"])])],64))),128))])],34)],46,$t))}}),Ft=["title"],Ht={key:0,class:"__label"},pe=e.defineComponent({__name:"Checkbox",props:{disabled:{type:Boolean},inversed:{type:Boolean},modelValue:{type:Boolean},name:{}},emits:["update:modelValue"],setup(o,{emit:t}){const n=t;return(s,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["baklava-checkbox",{"--checked":o.inversed?!o.modelValue:o.modelValue,"--disabled":o.disabled}]),title:o.name,onClick:a[0]||(a[0]=i=>n("update:modelValue",!o.modelValue))},[a[1]||(a[1]=e.createElementVNode("div",{class:"__checkmark-container"},[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18"},[e.createElementVNode("path",{class:"__checkmark",d:"M 6 5 L 6 10 L 16 10",transform:"rotate(-45 10 10)"})])],-1)),o.name?(e.openBlock(),e.createElementBlock("div",Ht,e.toDisplayString(o.name),1)):e.createCommentVNode("",!0)],10,Ft))}}),At={class:"__header"},Wt={class:"__node-name"},Xt={class:"__interfaces"},qt={class:"__inputs"},Yt={style:{display:"flex"}},Jt={class:"__outputs"},Kt={key:0,class:"__interface"},Qt={style:{display:"flex"}},Zt=e.defineComponent({__name:"CodeGraphSidebar",setup(o){const{viewModel:t}=l.useViewModel(),{graph:n}=l.useGraph(),s=e.ref(null),a=e.toRef(t.value.settings.sidebar,"width"),i=e.computed(()=>t.value.settings.sidebar.resizable);let d=0,c=0;const m=e.computed(()=>{const g=n.value.sidebar.nodeId;return n.value.nodes.find(N=>N.id===g)}),b=e.computed(()=>m.value),_=e.computed(()=>({width:`${a.value}px`})),B=e.computed(()=>b.value?Object.values(b.value.inputs).filter(g=>g.displayInSidebar&&g.component):[]),V=e.computed(()=>b.value?Object.values(b.value.outputs).filter(g=>g.displayInSidebar&&g.component):[]),w=()=>{n.value.sidebar.visible=!1},f=()=>{m.value?.events.update.emit(null)},k=g=>{d=a.value,c=g.clientX,window.addEventListener("mousemove",C),window.addEventListener("mouseup",()=>{window.removeEventListener("mousemove",C)},{once:!0})},C=g=>{const N=s.value?.parentElement?.getBoundingClientRect().width??500,u=g.clientX-c;let I=d-u;I<300?I=300:I>.9*N&&(I=.9*N),a.value=I};return(g,N)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{"--open":e.unref(n).sidebar.visible},"baklava-sidebar"]),style:e.normalizeStyle(_.value),ref_key:"el",ref:s},[i.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"__resizer",onMousedown:k},null,32)):e.createCommentVNode("",!0),m.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",At,[e.createElementVNode("button",{tabindex:"-1",class:"__close",onClick:w},"×"),e.createElementVNode("div",Wt,[e.createElementVNode("b",null,e.toDisplayString(m.value.title),1)])]),e.createElementVNode("div",Xt,[e.createElementVNode("div",qt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,u=>(e.openBlock(),e.createElementBlock("div",{key:u.id,class:"__interface"},[e.createElementVNode("div",Yt,[e.createVNode(pe,{modelValue:u.hidden,"onUpdate:modelValue":[I=>u.hidden=I,N[0]||(N[0]=()=>m.value?.events.update.emit(null))],disabled:!u.optional,inversed:"",style:{"padding-right":"8px"}},null,8,["modelValue","onUpdate:modelValue","disabled"]),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.component),{modelValue:u.value,"onUpdate:modelValue":I=>u.value=I,node:m.value,intf:u,style:{width:"100%"}},null,8,["modelValue","onUpdate:modelValue","node","intf"]))])]))),128))]),e.createElementVNode("div",Jt,[b.value&&b.value.state?(e.openBlock(),e.createElementBlock("div",Kt,[N[3]||(N[3]=e.createElementVNode("label",null,"Variable name",-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":N[1]||(N[1]=u=>b.value.state.variableName=u),type:"text",class:"baklava-input",title:"Variable name",onBlur:f,onKeydown:e.withKeys(f,["enter"])},null,544),[[e.vModelText,b.value.state.variableName]])])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(V.value,u=>(e.openBlock(),e.createElementBlock("div",{key:u.id,class:"__interface"},[e.createElementVNode("div",Qt,[e.createVNode(pe,{modelValue:u.hidden,"onUpdate:modelValue":[I=>u.hidden=I,N[2]||(N[2]=()=>m.value?.events.update.emit(null))],disabled:!u.optional,inversed:"",style:{"padding-right":"8px"}},null,8,["modelValue","onUpdate:modelValue","disabled"]),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.component),{modelValue:u.value,"onUpdate:modelValue":I=>u.value=I,node:m.value,intf:u,style:{width:"100%"}},null,8,["modelValue","onUpdate:modelValue","node","intf"]))])]))),128))])]),e.renderSlot(g.$slots,"codeEditor",{node:m.value})],64)):e.createCommentVNode("",!0)],6))}}),jt=e.defineComponent({props:{type:{type:String,required:!0},title:{type:String,required:!0}},setup(o){const{viewModel:t}=l.useViewModel(),{switchGraph:n}=l.useGraph(),s=e.ref(!1),a=e.computed(()=>o.type.startsWith(l.GRAPH_NODE_TYPE_PREFIX));return{showContextMenu:s,hasContextMenu:a,contextMenuItems:[{label:"Edit Subgraph",value:"editSubgraph"},{label:"Delete Subgraph",value:"deleteSubgraph"}],openContextMenu:()=>{s.value=!0},onContextMenuClick:m=>{const b=o.type.substring(l.GRAPH_NODE_TYPE_PREFIX.length),_=t.value.editor.graphTemplates.find(B=>B.id===b);if(_)switch(m){case"editSubgraph":n(_);break;case"deleteSubgraph":t.value.editor.removeGraphTemplate(_);break}}}}}),en=["data-node-type"],tn={class:"__title"},nn={class:"__title-label"};function on(o,t,n,s,a,i){return e.openBlock(),e.createElementBlock("div",{class:"baklava-node --palette","data-node-type":o.type},[e.createElementVNode("div",tn,[e.createElementVNode("div",nn,e.toDisplayString(o.title),1)])],8,en)}const ue=E(jt,[["render",on]]),sn={class:"baklava-node --palette",style:{"margin-top":"-20px","margin-bottom":"20px"}},an={key:0,style:{display:"flex","justify-content":"space-between"}},rn=["onClick"],ln={key:0,style:{margin:"auto 0","font-size":"12px"}},dn=e.defineComponent({__name:"CodeNodePalette",setup(o){const{viewModel:t}=l.useViewModel(),{x:n,y:s}=Ie.usePointer(),{transform:a}=l.useTransform(),i=l.useNodeCategories(t),d=e.inject("editorEl"),c=e.ref(""),m=e.ref(null),b=()=>c.value?i.value.filter(w=>w.name.toLowerCase().includes(c.value.toLowerCase())||Object.values(w.nodeTypes).some(f=>f.title.toLowerCase().includes(c.value.toLowerCase()))):i.value,_=w=>c.value?Object.values(w).filter(f=>f.category.toLowerCase().includes(c.value.toLowerCase())||f.title.toLowerCase().includes(c.value.toLowerCase())):Object.values(w),B=e.computed(()=>{if(!m.value||!d?.value)return{};const{left:w,top:f}=d.value.getBoundingClientRect();return{top:`${s.value-f}px`,left:`${n.value-w}px`}}),V=(w,f)=>{m.value={type:w,nodeInformation:f};const k=()=>{const C=e.reactive(new f.type);t.value.displayedGraph.addNode(C);const g=d.value.getBoundingClientRect(),[N,u]=a(n.value-g.left,s.value-g.top);C.position.x=N,C.position.y=u,m.value=null,document.removeEventListener("pointerup",k)};document.addEventListener("pointerup",k)};return(w,f)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass([{"--open":e.unref(t).settings.palette.enabled},"baklava-node-palette"]),onContextmenu:f[1]||(f[1]=e.withModifiers(()=>{},["stop","prevent"]))},[e.createElementVNode("div",sn,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":f[0]||(f[0]=k=>c.value=k),type:"text",class:"baklava-input",title:"Filter nodes",onKeyup:b},null,544),[[e.vModelText,c.value]])]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b(),k=>(e.openBlock(),e.createElementBlock("section",{key:k.name},[k.name!=="default"?(e.openBlock(),e.createElementBlock("h3",an,[e.createElementVNode("div",{onClick:C=>c.value=k.name,style:{cursor:"pointer"}},e.toDisplayString(k.name),9,rn),_(k.nodeTypes).length<Object.values(k.nodeTypes).length?(e.openBlock(),e.createElementBlock("div",ln," ( "+e.toDisplayString(_(k.nodeTypes).length)+" / "+e.toDisplayString(Object.values(k.nodeTypes).length)+" ) ",1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_(k.nodeTypes),C=>(e.openBlock(),e.createBlock(ue,{key:C.type,type:C.type,title:C.title,onPointerdown:g=>V(C.type,C)},null,8,["type","title","onPointerdown"]))),128))]))),128))],34),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[m.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"baklava-dragged-node",style:e.normalizeStyle(B.value)},[e.createVNode(ue,{type:m.value.type,title:m.value.nodeInformation.title},null,8,["type","title"])],4)):e.createCommentVNode("",!0)]),_:1})],64))}}),cn=e.defineComponent({__name:"CodeGraphEditor",props:{viewModel:{}},setup(o){const t=o,n=e.toRef(t,"viewModel"),s=a=>a.events.update.emit(null);return e.onMounted(()=>{n.value.subscribe(),n.value.engine.start()}),e.onUnmounted(()=>{n.value.unsubscribe(),n.value.engine.stop()}),(a,i)=>(e.openBlock(),e.createBlock(e.unref(l.BaklavaEditor),{"view-model":n.value},{palette:e.withCtx(()=>[e.createVNode(dn)]),node:e.withCtx(d=>[e.createVNode(Pt,e.mergeProps(d,{onUpdate:c=>s(d.node)}),null,16,["onUpdate"])]),sidebar:e.withCtx(d=>[e.createVNode(Zt,e.normalizeProps(e.guardReactiveProps(d)),{codeEditor:e.withCtx(({node:c})=>[e.renderSlot(a.$slots,"sidebarCodeEditor",{node:c})]),_:3},16)]),_:3},8,["view-model"]))}});function pn(o){const t=l.useBaklava(o?.existingEditor);t.code=o?.code?new o.code(t):new Q(t),he(t);const n={};return Object.keys(O).forEach(s=>{n[s]=typeof O[s]=="object"?{...t.settings[s],...O[s]}:O[s]}),t.settings=e.reactive({...t.settings,...n}),t.settings.nodes.defaultWidth=350,t.state=e.reactive({modules:{},token:null}),t.init=()=>{t.unsubscribe(),t.engine=new l.DependencyEngine(t.editor)},t.subscribe=()=>{t.state.token&&t.unsubscribe();const s=Symbol(),a=t.displayedGraph;a.events.addNode.subscribe(s,i=>{i.code=t.code}),a.events.addConnection.subscribe(s,i=>{t.code.findNodeById(i.to.nodeId)?.onConnected(),t.code.findNodeById(i.from.nodeId)?.onConnected()}),a.events.removeConnection.subscribe(s,i=>{t.code.findNodeById(i.to.nodeId)?.onUnconnected(),t.code.findNodeById(i.from.nodeId)?.onUnconnected()}),t.engine.events.beforeRun.subscribe(s,()=>{t.engine.pause(),t.code&&(t.code.updateCodeNodes(),t.code.sortNodes(),t.code.updateCodeTemplates(),t.code.resetInputInterfaceScript()),t.engine.resume()}),t.engine.events.beforeNodeCalculation.subscribe(s,i=>{t.engine.pause();const d=i.node;d.isCodeNode&&(d.updateOutputNames(),d.updateConnectedInputInterfaces()),t.engine.resume()}),t.engine.events.afterRun.subscribe(s,i=>{t.engine.pause(),l.applyResult(i,t.editor),t.code&&(t.code.renderNodeCodes(),t.code.renderCode()),t.engine.resume()}),t.state.token=s},t.unsubscribe=()=>{if(!t.state.token)return;const s=t.state.token;t.displayedGraph.events.addNode.unsubscribe(s),t.displayedGraph.events.addConnection.unsubscribe(s),t.engine.events.beforeRun.unsubscribe(s),t.engine.events.afterRun.unsubscribe(s),t.state.token=null},t}const he=o=>{const t="TOGGLE_PALETTE";o.commandHandler.registerCommand(t,{execute:()=>o.settings.palette.enabled=!o.settings.palette.enabled,canExecute:()=>!0});const n="CLEAR_ALL";o.commandHandler.registerCommand(n,{execute:()=>o.code.clear(),canExecute:()=>o.displayedGraph.nodes.length>0});const s="TOGGLE_MINIMAP";o.commandHandler.registerCommand(s,{execute:()=>o.settings.enableMinimap=!o.settings.enableMinimap,canExecute:()=>o.displayedGraph.nodes.length>1}),o.settings.toolbar.commands=[{command:t,title:"Toggle palette",icon:e.computed(()=>o.settings.palette.enabled?te:ne)},...l.DEFAULT_TOOLBAR_COMMANDS,{command:n,title:"Clear all",icon:ce},{command:s,title:"Toggle minimap",icon:e.computed(()=>o.settings.enableMinimap?le:re)}]},O={enableMinimap:!1,toolbar:{enabled:!0},palette:{enabled:!0},sidebar:{enabled:!0,resizable:!0,width:350},displayValueOnHover:!1};r.AbstractCodeNode=A,r.CheckboxInterface=xe,r.Code=Q,r.CodeGraphEditor=cn,r.CodeNode=R,r.CodeNodeInputInterface=T,r.CodeNodeInterface=M,r.CodeNodeInterfaceComponent=S,r.CodeNodeOutputInterface=Y,r.CodeVariable=j,r.DEFAULT_SETTINGS=O,r.DotsVertical=ee,r.DynamicCodeNode=K,r.IntegerInterface=Me,r.LayoutSidebarLeftCollapse=te,r.LayoutSidebarLeftExpand=ne,r.LayoutSidebarRight=oe,r.LayoutSidebarRightCollapse=se,r.LayoutSidebarRightExpand=ae,r.ListInputInterface=Te,r.LockCode=ie,r.NumberInterface=$e,r.Schema=re,r.SchemaOff=le,r.SelectInterface=Oe,r.SliderInterface=Se,r.TextInputInterface=Ue,r.TextInputInterfaceComponent=J,r.TextareaInputInterface=Ge,r.TransitionBottom=de,r.TrashOff=ce,r.TupleInputInterface=Pe,r.addDefaultInterfaceTypes=Ve,r.addToolbarCommands=he,r.booleanType=U,r.defineCodeNode=Fe,r.defineDynamicCodeNode=He,r.dictType=q,r.formatInputs=W,r.getCodeNodes=L,r.getPositionAtColumn=Ae,r.getPositionBeforeNode=We,r.listType=G,r.loadNodeState=D,r.nodeType=$,r.numberType=v,r.saveNodeState=X,r.setOptional=Be,r.stringType=z,r.transferCodeScript=Xe,r.tupleType=P,r.useCodeGraph=pn,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})}));

package/dist/code.d.ts

@@ -7,7 +7,7 @@ interface IPosition {
     x: number;
     y: number;
 }
-interface ICodeState {
+export interface ICodeState {
     autosort: boolean;
     lockCode: boolean;
     modules: Record<string, string>;

package/dist/codeNode/codeNode.d.ts

@@ -2,7 +2,7 @@ import { AbstractNode, Graph, NodeInterface, CalculateFunction, INodeState, Node
 import { UnwrapRef } from 'vue';
 import { Code } from '../code';
 import { CodeNodeInputInterface, CodeNodeOutputInterface } from '../codeNodeInterfaces';
-interface IAbstractCodeNodeState {
+export interface IAbstractCodeNodeState {
     codeTemplate: string;
     hidden: boolean;
     integrated: boolean;
@@ -109,4 +109,3 @@ export declare const loadNodeState: (graph: Graph | undefined, nodeState: ICodeN
  * @param nodeState node state
  */
 export declare const saveNodeState: (graph: Graph | undefined, nodeState: ICodeNodeState<unknown, unknown>) => void;
-export {};

package/dist/codeNodeInterfaces/codeNode/codeNodeInterface.d.ts

@@ -2,7 +2,7 @@ import { NodeInterface } from 'baklavajs';
 import { UnwrapRef } from 'vue';
 import { default as CodeNodeInterfaceComponent } from './CodeNodeInterface.vue';
 import { Code } from '../../code';
-interface ICodeNodeInterfaceState {
+export interface ICodeNodeInterfaceState {
     optional: boolean;
     script: string;
 }
@@ -17,6 +17,7 @@ export declare class CodeNodeInterface<T = unknown> extends NodeInterface<T> {
     set script(value: string);
     get shortId(): string;
     getValue: () => string;
+    resetScript: () => string;
 }
 export { CodeNodeInterfaceComponent };
 export declare const setOptional: (intf: CodeNodeInterface, value: boolean) => void;

package/dist/index.d.ts

@@ -1,8 +1,11 @@
+/**
+ * @module @babsey/code-graph
+ */
+export * from './code';
 export * from './codeNode';
 export * from './codeNodeInterfaces';
-export * from './code';
 export * from './components';
 export * from './icons';
 export * from './interfaceTypes';
-export * from './viewModel';
 export * from './settings';
+export * from './viewModel';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@babsey/code-graph",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "author": "babsey <spreizer@web.de>",
   "license": "MIT",
   "type": "module",
@@ -12,6 +12,7 @@
   },
   "main": "./dist/code-mirror.umd.cjs",
   "module": "./dist/code-graph.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/lib/index.d.ts",
@@ -45,14 +46,14 @@
   "devDependencies": {
     "@tsconfig/node-lts": "~22.0",
     "@types/mustache": "~4.2",
-    "@types/node": "~24.8",
+    "@types/node": "~24.9",
     "@types/toposort": "~2.0",
     "@vitejs/plugin-vue": "~6.0",
     "@vue/eslint-config-prettier": "~10.2",
     "@vue/eslint-config-typescript": "~14.6",
     "@vue/language-core": "~3.1",
     "@vue/tsconfig": "~0.8",
-    "eslint": "~9.37",
+    "eslint": "~9.38",
     "eslint-plugin-vue": "~10.5",
     "jiti": "~2.6",
     "npm-run-all2": "~8.0",