@babsey/code-graph 0.8.6 → 0.9.0

package/dist/code-graph.js

@@ -1,4 +1,4 @@
-import { createElementBlock as k, openBlock as m, createElementVNode as f, createStaticVNode as Gt, defineComponent as ce, toRef as Sn, ref as ie, createVNode as X, unref as H, mergeModels as rs, useModel as na, resolveComponent as _s, createCommentVNode as K, onMounted as xn, onBeforeUnmount as ys, watch as gs, createBlock as ue, withCtx as Ye, normalizeProps as sa, guardReactiveProps as ra, renderSlot as Me, mergeProps as aa, toDisplayString as te, computed as z, onUpdated as bs, normalizeStyle as On, normalizeClass as je, withModifiers as st, withDirectives as Vt, Fragment as ae, createTextVNode as ws, withKeys as hn, vModelText as jt, renderList as Ke, nextTick as ks, resolveDynamicComponent as as, inject as ia, Transition as oa, reactive as Ae, markRaw as he, shallowReadonly as la } from "vue";
+import { createElementBlock as k, openBlock as m, createElementVNode as f, createStaticVNode as Gt, defineComponent as ce, toRef as Sn, ref as oe, createVNode as X, unref as H, mergeModels as rs, useModel as na, resolveComponent as _s, createCommentVNode as K, onMounted as xn, onBeforeUnmount as ys, watch as gs, createBlock as ue, withCtx as Ye, normalizeProps as sa, guardReactiveProps as ra, renderSlot as Me, mergeProps as aa, toDisplayString as te, computed as z, onUpdated as bs, normalizeStyle as On, normalizeClass as je, withModifiers as st, withDirectives as Vt, Fragment as ae, createTextVNode as ws, withKeys as hn, vModelText as jt, renderList as Ke, nextTick as ks, resolveDynamicComponent as as, inject as oa, Transition as ia, reactive as Ae, markRaw as he, shallowReadonly as la } from "vue";
 import { BaklavaEditor as ua, Components as fn, useViewModel as kt, useGraph as Cn, useTemporaryConnection as da, useTransform as ca, useNodeCategories as ha, displayInSidebar as Ms, CheckboxInterfaceComponent as fa, IntegerInterfaceComponent as pa, TextInputInterfaceComponent as Ss, NumberInterfaceComponent as ma, SelectInterfaceComponent as va, SliderInterfaceComponent as _a, TextareaInputInterfaceComponent as ya, Commands as He, DEFAULT_TOOLBAR_COMMANDS as ga, TextInputInterface as xs, DEFAULT_SETTINGS as ba, useCommandHandler as wa, useHistory as ka, useClipboard as Ma, registerDeleteNodesCommand as Sa, registerSaveSubgraphCommand as xa, registerSwitchToMainGraphCommand as Oa, registerSidebarCommands as Ca, registerZoomToFitCommands as Ta, setViewNodeProperties as Na } from "@baklavajs/renderer-vue";
 import { GRAPH_NODE_TYPE_PREFIX as Da, AbstractNode as Ia, NodeInterface as Se, Graph as Ya, getGraphNodeTypeString as Os, GraphTemplate as Ea, GRAPH_INPUT_NODE_TYPE as Ra, GRAPH_OUTPUT_NODE_TYPE as Pa, Editor as La } from "@baklavajs/core";
 import { usePointer as Aa } from "@vueuse/core";
@@ -7,7 +7,7 @@ import { v4 as Xe } from "uuid";
 import { NodeInterfaceType as Je, BaklavaInterfaceTypes as Ua, setType as ne } from "@baklavajs/interface-types";
 import { allowMultipleConnections as lt, BaseEngine as $a, sortTopologically as Wa, applyResult as Cs } from "@baklavajs/engine";
 import Ha from "toposort";
-import { SequentialHook as is } from "@baklavajs/events";
+import { SequentialHook as os } from "@baklavajs/events";
 const q = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [s, r] of t)
@@ -104,7 +104,7 @@ function Qa(e, t) {
     f("path", { d: "M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1)
   ])]);
 }
-const Is = /* @__PURE__ */ q(Xa, [["render", Qa]]), ei = {}, ti = {
+const Is = /* @__PURE__ */ q(Xa, [["render", Qa]]), eo = {}, to = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -116,8 +116,8 @@ const Is = /* @__PURE__ */ q(Xa, [["render", Qa]]), ei = {}, ti = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
-function ni(e, t) {
-  return m(), k("svg", ti, [...t[0] || (t[0] = [
+function no(e, t) {
+  return m(), k("svg", to, [...t[0] || (t[0] = [
     f("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -128,7 +128,7 @@ function ni(e, t) {
     f("path", { d: "M12 4l0 12" }, null, -1)
   ])]);
 }
-const Ys = /* @__PURE__ */ q(ei, [["render", ni]]), si = {}, ri = {
+const Ys = /* @__PURE__ */ q(eo, [["render", no]]), so = {}, ro = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -136,8 +136,8 @@ const Ys = /* @__PURE__ */ q(ei, [["render", ni]]), si = {}, ri = {
   fill: "currentColor",
   class: "baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-left-collapse"
 };
-function ai(e, t) {
-  return m(), k("svg", ri, [...t[0] || (t[0] = [
+function ao(e, t) {
+  return m(), k("svg", ro, [...t[0] || (t[0] = [
     f("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -146,7 +146,7 @@ function ai(e, t) {
     f("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 ii = /* @__PURE__ */ q(si, [["render", ai]]), oi = {}, li = {
+const oo = /* @__PURE__ */ q(so, [["render", ao]]), io = {}, lo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -154,8 +154,8 @@ const ii = /* @__PURE__ */ q(si, [["render", ai]]), oi = {}, li = {
   fill: "currentColor",
   class: "baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-left-expand"
 };
-function ui(e, t) {
-  return m(), k("svg", li, [...t[0] || (t[0] = [
+function uo(e, t) {
+  return m(), k("svg", lo, [...t[0] || (t[0] = [
     f("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -164,7 +164,7 @@ function ui(e, t) {
     f("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 di = /* @__PURE__ */ q(oi, [["render", ui]]), ci = {}, hi = {
+const co = /* @__PURE__ */ q(io, [["render", uo]]), ho = {}, fo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -172,8 +172,8 @@ const di = /* @__PURE__ */ q(oi, [["render", ui]]), ci = {}, hi = {
   fill: "currentColor",
   class: "baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-right"
 };
-function fi(e, t) {
-  return m(), k("svg", hi, [...t[0] || (t[0] = [
+function po(e, t) {
+  return m(), k("svg", fo, [...t[0] || (t[0] = [
     f("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -182,7 +182,7 @@ function fi(e, t) {
     f("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 pi = /* @__PURE__ */ q(ci, [["render", fi]]), mi = {}, vi = {
+const mo = /* @__PURE__ */ q(ho, [["render", po]]), vo = {}, _o = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -190,8 +190,8 @@ const pi = /* @__PURE__ */ q(ci, [["render", fi]]), mi = {}, vi = {
   fill: "currentColor",
   class: "baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-right-collapse"
 };
-function _i(e, t) {
-  return m(), k("svg", vi, [...t[0] || (t[0] = [
+function yo(e, t) {
+  return m(), k("svg", _o, [...t[0] || (t[0] = [
     f("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -200,7 +200,7 @@ function _i(e, t) {
     f("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 Es = /* @__PURE__ */ q(mi, [["render", _i]]), yi = {}, gi = {
+const Es = /* @__PURE__ */ q(vo, [["render", yo]]), go = {}, bo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -208,8 +208,8 @@ const Es = /* @__PURE__ */ q(mi, [["render", _i]]), yi = {}, gi = {
   fill: "currentColor",
   class: "baklava-icon icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-right-expand"
 };
-function bi(e, t) {
-  return m(), k("svg", gi, [...t[0] || (t[0] = [
+function wo(e, t) {
+  return m(), k("svg", bo, [...t[0] || (t[0] = [
     f("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -218,7 +218,7 @@ function bi(e, t) {
     f("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 Tn = /* @__PURE__ */ q(yi, [["render", bi]]), wi = {}, ki = {
+const Tn = /* @__PURE__ */ q(go, [["render", wo]]), ko = {}, Mo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -230,12 +230,12 @@ const Tn = /* @__PURE__ */ q(yi, [["render", bi]]), wi = {}, ki = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-lock-code"
 };
-function Mi(e, t) {
-  return m(), k("svg", ki, [...t[0] || (t[0] = [
+function So(e, t) {
+  return m(), k("svg", Mo, [...t[0] || (t[0] = [
     Gt('<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 Nn = /* @__PURE__ */ q(wi, [["render", Mi]]), Si = {}, xi = {
+const Nn = /* @__PURE__ */ q(ko, [["render", So]]), xo = {}, Oo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -247,8 +247,8 @@ const Nn = /* @__PURE__ */ q(wi, [["render", Mi]]), Si = {}, xi = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-player-play"
 };
-function Oi(e, t) {
-  return m(), k("svg", xi, [...t[0] || (t[0] = [
+function Co(e, t) {
+  return m(), k("svg", Oo, [...t[0] || (t[0] = [
     f("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -257,7 +257,7 @@ function Oi(e, t) {
     f("path", { d: "M7 4v16l13 -8z" }, null, -1)
   ])]);
 }
-const Ci = /* @__PURE__ */ q(Si, [["render", Oi]]), Ti = {}, Ni = {
+const To = /* @__PURE__ */ q(xo, [["render", Co]]), No = {}, Do = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -269,8 +269,8 @@ const Ci = /* @__PURE__ */ q(Si, [["render", Oi]]), Ti = {}, Ni = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-plus"
 };
-function Di(e, t) {
-  return m(), k("svg", Ni, [...t[0] || (t[0] = [
+function Io(e, t) {
+  return m(), k("svg", Do, [...t[0] || (t[0] = [
     f("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -280,7 +280,7 @@ function Di(e, t) {
     f("path", { d: "M5 12l14 0" }, null, -1)
   ])]);
 }
-const Rs = /* @__PURE__ */ q(Ti, [["render", Di]]), Ii = {}, Yi = {
+const Rs = /* @__PURE__ */ q(No, [["render", Io]]), Yo = {}, Eo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -292,8 +292,8 @@ const Rs = /* @__PURE__ */ q(Ti, [["render", Di]]), Ii = {}, Yi = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-restore"
 };
-function Ei(e, t) {
-  return m(), k("svg", Yi, [...t[0] || (t[0] = [
+function Ro(e, t) {
+  return m(), k("svg", Eo, [...t[0] || (t[0] = [
     f("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -304,7 +304,7 @@ function Ei(e, t) {
     f("path", { d: "M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1)
   ])]);
 }
-const Ps = /* @__PURE__ */ q(Ii, [["render", Ei]]), Ri = {}, Pi = {
+const Ps = /* @__PURE__ */ q(Yo, [["render", Ro]]), Po = {}, Lo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -316,12 +316,12 @@ const Ps = /* @__PURE__ */ q(Ii, [["render", Ei]]), Ri = {}, Pi = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-schema"
 };
-function Li(e, t) {
-  return m(), k("svg", Pi, [...t[0] || (t[0] = [
+function Ao(e, t) {
+  return m(), k("svg", Lo, [...t[0] || (t[0] = [
     Gt('<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 Ls = /* @__PURE__ */ q(Ri, [["render", Li]]), Ai = {}, Ui = {
+const Ls = /* @__PURE__ */ q(Po, [["render", Ao]]), Uo = {}, $o = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -333,12 +333,12 @@ const Ls = /* @__PURE__ */ q(Ri, [["render", Li]]), Ai = {}, Ui = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-schema-off"
 };
-function $i(e, t) {
-  return m(), k("svg", Ui, [...t[0] || (t[0] = [
+function Wo(e, t) {
+  return m(), k("svg", $o, [...t[0] || (t[0] = [
     Gt('<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 As = /* @__PURE__ */ q(Ai, [["render", $i]]), Wi = {}, Hi = {
+const As = /* @__PURE__ */ q(Uo, [["render", Wo]]), Ho = {}, Fo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -350,12 +350,12 @@ const As = /* @__PURE__ */ q(Ai, [["render", $i]]), Wi = {}, Hi = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-transition-bottom"
 };
-function Fi(e, t) {
-  return m(), k("svg", Hi, [...t[0] || (t[0] = [
+function Go(e, t) {
+  return m(), k("svg", Fo, [...t[0] || (t[0] = [
     Gt('<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 Us = /* @__PURE__ */ q(Wi, [["render", Fi]]), Gi = {}, Vi = {
+const Us = /* @__PURE__ */ q(Ho, [["render", Go]]), Vo = {}, jo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -367,8 +367,8 @@ const Us = /* @__PURE__ */ q(Wi, [["render", Fi]]), Gi = {}, Vi = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-upload"
 };
-function ji(e, t) {
-  return m(), k("svg", Vi, [...t[0] || (t[0] = [
+function zo(e, t) {
+  return m(), k("svg", jo, [...t[0] || (t[0] = [
     f("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -379,7 +379,7 @@ function ji(e, t) {
     f("path", { d: "M12 4l0 12" }, null, -1)
   ])]);
 }
-const $s = /* @__PURE__ */ q(Gi, [["render", ji]]), zi = {}, Bi = {
+const $s = /* @__PURE__ */ q(Vo, [["render", zo]]), Bo = {}, Zo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -391,8 +391,8 @@ const $s = /* @__PURE__ */ q(Gi, [["render", ji]]), zi = {}, Bi = {
   "stroke-linejoin": "round",
   class: "baklava-icon icon icon-tabler icons-tabler-outline icon-tabler-x"
 };
-function Zi(e, t) {
-  return m(), k("svg", Bi, [...t[0] || (t[0] = [
+function qo(e, t) {
+  return m(), k("svg", Zo, [...t[0] || (t[0] = [
     f("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -402,20 +402,20 @@ function Zi(e, t) {
     f("path", { d: "M6 6l12 12" }, null, -1)
   ])]);
 }
-const Ws = /* @__PURE__ */ q(zi, [["render", Zi]]), Eh = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ws = /* @__PURE__ */ q(Bo, [["render", qo]]), Eh = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Check: Ts,
   CodeVariable: Ns,
   Copy: Ds,
   DotsVertical: Is,
   Download: Ys,
-  LayoutSidebarLeftCollapse: ii,
-  LayoutSidebarLeftExpand: di,
-  LayoutSidebarRight: pi,
+  LayoutSidebarLeftCollapse: oo,
+  LayoutSidebarLeftExpand: co,
+  LayoutSidebarRight: mo,
   LayoutSidebarRightCollapse: Es,
   LayoutSidebarRightExpand: Tn,
   LockCode: Nn,
-  PlayerPlay: Ci,
+  PlayerPlay: To,
   Plus: Rs,
   Restore: Ps,
   Schema: Ls,
@@ -424,16 +424,16 @@ const Ws = /* @__PURE__ */ q(zi, [["render", Zi]]), Eh = /* @__PURE__ */ Object.
   Upload: $s,
   X: Ws
 }, Symbol.toStringTag, { value: "Module" }));
-function qi(e) {
+function Ko(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Rt = { exports: {} };
-var Ki = Rt.exports, os;
-function Xi() {
-  return os || (os = 1, (function(e, t) {
+var Xo = Rt.exports, is;
+function Jo() {
+  return is || (is = 1, (function(e, t) {
     (function(s, r) {
       e.exports = r();
-    })(Ki, function() {
+    })(Xo, function() {
       return (
         /******/
         (function() {
@@ -441,8 +441,8 @@ function Xi() {
             /***/
             686: (
               /***/
-              (function(a, i, o) {
-                o.d(i, {
+              (function(a, o, i) {
+                i.d(o, {
                   default: function() {
                     return (
                       /* binding */
@@ -450,7 +450,7 @@ function Xi() {
                     );
                   }
                 });
-                var l = o(279), u = /* @__PURE__ */ o.n(l), h = o(370), w = /* @__PURE__ */ o.n(h), p = o(817), I = /* @__PURE__ */ o.n(p);
+                var l = i(279), u = /* @__PURE__ */ i.n(l), h = i(370), w = /* @__PURE__ */ i.n(h), p = i(817), I = /* @__PURE__ */ i.n(p);
                 function y(b) {
                   try {
                     return document.execCommand(b);
@@ -708,13 +708,13 @@ function Xi() {
             828: (
               /***/
               (function(a) {
-                var i = 9;
+                var o = 9;
                 if (typeof Element < "u" && !Element.prototype.matches) {
-                  var o = Element.prototype;
-                  o.matches = o.matchesSelector || o.mozMatchesSelector || o.msMatchesSelector || o.oMatchesSelector || o.webkitMatchesSelector;
+                  var i = Element.prototype;
+                  i.matches = i.matchesSelector || i.mozMatchesSelector || i.msMatchesSelector || i.oMatchesSelector || i.webkitMatchesSelector;
                 }
                 function l(u, h) {
-                  for (; u && u.nodeType !== i; ) {
+                  for (; u && u.nodeType !== o; ) {
                     if (typeof u.matches == "function" && u.matches(h))
                       return u;
                     u = u.parentNode;
@@ -726,8 +726,8 @@ function Xi() {
             /***/
             438: (
               /***/
-              (function(a, i, o) {
-                var l = o(828);
+              (function(a, o, i) {
+                var l = i(828);
                 function u(p, I, y, O, c) {
                   var g = w.apply(this, arguments);
                   return p.addEventListener(y, g, c), {
@@ -752,16 +752,16 @@ function Xi() {
             /***/
             879: (
               /***/
-              (function(a, i) {
-                i.node = function(o) {
-                  return o !== void 0 && o instanceof HTMLElement && o.nodeType === 1;
-                }, i.nodeList = function(o) {
-                  var l = Object.prototype.toString.call(o);
-                  return o !== void 0 && (l === "[object NodeList]" || l === "[object HTMLCollection]") && "length" in o && (o.length === 0 || i.node(o[0]));
-                }, i.string = function(o) {
-                  return typeof o == "string" || o instanceof String;
-                }, i.fn = function(o) {
-                  var l = Object.prototype.toString.call(o);
+              (function(a, o) {
+                o.node = function(i) {
+                  return i !== void 0 && i instanceof HTMLElement && i.nodeType === 1;
+                }, o.nodeList = function(i) {
+                  var l = Object.prototype.toString.call(i);
+                  return i !== void 0 && (l === "[object NodeList]" || l === "[object HTMLCollection]") && "length" in i && (i.length === 0 || o.node(i[0]));
+                }, o.string = function(i) {
+                  return typeof i == "string" || i instanceof String;
+                }, o.fn = function(i) {
+                  var l = Object.prototype.toString.call(i);
                   return l === "[object Function]";
                 };
               })
@@ -769,8 +769,8 @@ function Xi() {
             /***/
             370: (
               /***/
-              (function(a, i, o) {
-                var l = o(879), u = o(438);
+              (function(a, o, i) {
+                var l = i(879), u = i(438);
                 function h(y, O, c) {
                   if (!y && !O && !c)
                     throw new Error("Missing required arguments");
@@ -814,58 +814,58 @@ function Xi() {
             817: (
               /***/
               (function(a) {
-                function i(o) {
+                function o(i) {
                   var l;
-                  if (o.nodeName === "SELECT")
-                    o.focus(), l = o.value;
-                  else if (o.nodeName === "INPUT" || o.nodeName === "TEXTAREA") {
-                    var u = o.hasAttribute("readonly");
-                    u || o.setAttribute("readonly", ""), o.select(), o.setSelectionRange(0, o.value.length), u || o.removeAttribute("readonly"), l = o.value;
+                  if (i.nodeName === "SELECT")
+                    i.focus(), l = i.value;
+                  else if (i.nodeName === "INPUT" || i.nodeName === "TEXTAREA") {
+                    var u = i.hasAttribute("readonly");
+                    u || i.setAttribute("readonly", ""), i.select(), i.setSelectionRange(0, i.value.length), u || i.removeAttribute("readonly"), l = i.value;
                   } else {
-                    o.hasAttribute("contenteditable") && o.focus();
+                    i.hasAttribute("contenteditable") && i.focus();
                     var h = window.getSelection(), w = document.createRange();
-                    w.selectNodeContents(o), h.removeAllRanges(), h.addRange(w), l = h.toString();
+                    w.selectNodeContents(i), h.removeAllRanges(), h.addRange(w), l = h.toString();
                   }
                   return l;
                 }
-                a.exports = i;
+                a.exports = o;
               })
             ),
             /***/
             279: (
               /***/
               (function(a) {
-                function i() {
+                function o() {
                 }
-                i.prototype = {
-                  on: function(o, l, u) {
+                o.prototype = {
+                  on: function(i, l, u) {
                     var h = this.e || (this.e = {});
-                    return (h[o] || (h[o] = [])).push({
+                    return (h[i] || (h[i] = [])).push({
                       fn: l,
                       ctx: u
                     }), this;
                   },
-                  once: function(o, l, u) {
+                  once: function(i, l, u) {
                     var h = this;
                     function w() {
-                      h.off(o, w), l.apply(u, arguments);
+                      h.off(i, w), l.apply(u, arguments);
                     }
-                    return w._ = l, this.on(o, w, u);
+                    return w._ = l, this.on(i, w, u);
                   },
-                  emit: function(o) {
-                    var l = [].slice.call(arguments, 1), u = ((this.e || (this.e = {}))[o] || []).slice(), h = 0, w = u.length;
+                  emit: function(i) {
+                    var l = [].slice.call(arguments, 1), u = ((this.e || (this.e = {}))[i] || []).slice(), h = 0, w = u.length;
                     for (h; h < w; h++)
                       u[h].fn.apply(u[h].ctx, l);
                     return this;
                   },
-                  off: function(o, l) {
-                    var u = this.e || (this.e = {}), h = u[o], w = [];
+                  off: function(i, l) {
+                    var u = this.e || (this.e = {}), h = u[i], w = [];
                     if (h && l)
                       for (var p = 0, I = h.length; p < I; p++)
                         h[p].fn !== l && h[p].fn._ !== l && w.push(h[p]);
-                    return w.length ? u[o] = w : delete u[o], this;
+                    return w.length ? u[i] = w : delete u[i], this;
                   }
-                }, a.exports = i, a.exports.TinyEmitter = i;
+                }, a.exports = o, a.exports.TinyEmitter = o;
               })
             )
             /******/
@@ -873,7 +873,7 @@ function Xi() {
           function r(a) {
             if (s[a])
               return s[a].exports;
-            var i = s[a] = {
+            var o = s[a] = {
               /******/
               // no module.id needed
               /******/
@@ -882,11 +882,11 @@ function Xi() {
               exports: {}
               /******/
             };
-            return n[a](i, i.exports, r), i.exports;
+            return n[a](o, o.exports, r), o.exports;
           }
           return (function() {
             r.n = function(a) {
-              var i = a && a.__esModule ? (
+              var o = a && a.__esModule ? (
                 /******/
                 function() {
                   return a.default;
@@ -897,16 +897,16 @@ function Xi() {
                   return a;
                 }
               );
-              return r.d(i, { a: i }), i;
+              return r.d(o, { a: o }), o;
             };
           })(), (function() {
-            r.d = function(a, i) {
-              for (var o in i)
-                r.o(i, o) && !r.o(a, o) && Object.defineProperty(a, o, { enumerable: !0, get: i[o] });
+            r.d = function(a, o) {
+              for (var i in o)
+                r.o(o, i) && !r.o(a, i) && Object.defineProperty(a, i, { enumerable: !0, get: o[i] });
             };
           })(), (function() {
-            r.o = function(a, i) {
-              return Object.prototype.hasOwnProperty.call(a, i);
+            r.o = function(a, o) {
+              return Object.prototype.hasOwnProperty.call(a, o);
             };
           })(), r(686);
         })().default
@@ -914,38 +914,38 @@ function Xi() {
     });
   })(Rt)), Rt.exports;
 }
-var Ji = Xi();
-const Qi = /* @__PURE__ */ qi(Ji), eo = (e) => ({
+var Qo = Jo();
+const ei = /* @__PURE__ */ Ko(Qo), ti = (e) => ({
   toClipboard(t, n) {
     return new Promise((s, r) => {
-      const a = document.createElement("button"), i = new Qi(a, {
+      const a = document.createElement("button"), o = new ei(a, {
         text: () => t,
         action: () => "copy",
         container: n !== void 0 ? n : document.body
       });
-      i.on("success", (o) => {
-        i.destroy(), s(o);
-      }), i.on("error", (o) => {
-        i.destroy(), r(o);
+      o.on("success", (i) => {
+        o.destroy(), s(i);
+      }), o.on("error", (i) => {
+        o.destroy(), r(i);
       }), document.body.appendChild(a), a.click(), document.body.removeChild(a);
     });
   }
-}), to = {
+}), ni = {
   key: 0,
   class: "baklava-button"
 }, Hs = /* @__PURE__ */ ce({
   __name: "CopyToClipboard",
   props: { text: String },
   setup(e) {
-    const { toClipboard: t } = eo(), s = Sn(e, "text"), r = ie(!1), a = async () => {
+    const { toClipboard: t } = ti(), s = Sn(e, "text"), r = oe(!1), a = async () => {
       try {
         await t(s.value), r.value = !0, setTimeout(() => r.value = !1, 1500), console.log("Copied to clipboard");
-      } catch (i) {
-        console.error(i);
+      } catch (o) {
+        console.error(o);
       }
     };
-    return (i, o) => (m(), k("div", null, [
-      r.value ? (m(), k("button", to, [
+    return (o, i) => (m(), k("div", null, [
+      r.value ? (m(), k("button", ni, [
         X(H(Ts))
       ])) : (m(), k("button", {
         key: 1,
@@ -956,7 +956,7 @@ const Qi = /* @__PURE__ */ qi(Ji), eo = (e) => ({
       ]))
     ]));
   }
-}), no = { class: "code-editor" }, so = { class: "code-buttons" }, ro = /* @__PURE__ */ ce({
+}), si = { class: "code-editor" }, ri = { class: "code-buttons" }, ai = /* @__PURE__ */ ce({
   __name: "CodeEditor",
   props: /* @__PURE__ */ rs({
     locked: { type: Boolean },
@@ -968,32 +968,32 @@ const Qi = /* @__PURE__ */ qi(Ji), eo = (e) => ({
   emits: /* @__PURE__ */ rs(["update:locked"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const n = na(e, "modelValue"), s = t, r = (a) => s("update:locked", a);
-    return (a, i) => {
-      const o = _s("codemirror");
-      return m(), k("div", no, [
-        f("div", so, [
+    return (a, o) => {
+      const i = _s("codemirror");
+      return m(), k("div", si, [
+        f("div", ri, [
           e.locked ? (m(), k("button", {
             key: 0,
             class: "baklava-button",
             title: "The code is locked.",
-            onClick: i[0] || (i[0] = (l) => r(!1))
+            onClick: o[0] || (o[0] = (l) => r(!1))
           }, [
             X(H(Nn))
           ])) : K("", !0),
           X(Hs, { text: e.modelValue }, null, 8, ["text"])
         ]),
-        X(o, {
+        X(i, {
           modelValue: n.value,
-          "onUpdate:modelValue": i[1] || (i[1] = (l) => n.value = l),
+          "onUpdate:modelValue": o[1] || (o[1] = (l) => n.value = l),
           extensions: e.extensions,
           class: "codemirror",
           style: { height: "100%" },
-          onKeydown: i[2] || (i[2] = (l) => r(!0))
+          onKeydown: o[2] || (o[2] = (l) => r(!0))
         }, null, 8, ["modelValue", "extensions"])
       ]);
     };
   }
-}), ao = /* @__PURE__ */ ce({
+}), oi = /* @__PURE__ */ ce({
   __name: "CodeGraphEditor",
   props: {
     viewModel: {}
@@ -1006,15 +1006,15 @@ const Qi = /* @__PURE__ */ qi(Ji), eo = (e) => ({
       palette: Ye(() => [
         X(H(Vs))
       ]),
-      node: Ye((i) => [
-        X(H(Fs), aa(i, {
-          onUpdate: (o) => s(i.node)
+      node: Ye((o) => [
+        X(H(Fs), aa(o, {
+          onUpdate: (i) => s(o.node)
         }), null, 16, ["onUpdate"])
       ]),
-      sidebar: Ye((i) => [
-        X(H(Gs), sa(ra(i)), {
-          codeEditor: Ye(({ node: o }) => [
-            Me(r.$slots, "sidebarCodeEditor", { node: o })
+      sidebar: Ye((o) => [
+        X(H(Gs), sa(ra(o)), {
+          codeEditor: Ye(({ node: i }) => [
+            Me(r.$slots, "sidebarCodeEditor", { node: i })
           ]),
           _: 3
         }, 16)
@@ -1022,13 +1022,13 @@ const Qi = /* @__PURE__ */ qi(Ji), eo = (e) => ({
       _: 3
     }, 8, ["viewModel"]));
   }
-}), io = { class: "code-graph-info" }, oo = /* @__PURE__ */ ce({
+}), ii = { class: "code-graph-info" }, li = /* @__PURE__ */ ce({
   __name: "CodeGraphInfo",
   props: {
     viewModel: {}
   },
   setup(e) {
-    return (t, n) => (m(), k("div", io, [
+    return (t, n) => (m(), k("div", ii, [
       f("div", null, "Editor graph: " + te(e.viewModel.editor.graph.shortId), 1),
       f("div", null, "Displayed graph: " + te(e.viewModel.displayedGraph.shortId), 1),
       f("div", null, "Graphs: " + te(e.viewModel.editor.graphIds), 1),
@@ -1036,13 +1036,13 @@ const Qi = /* @__PURE__ */ qi(Ji), eo = (e) => ({
       f("div", null, "Engine status: " + te(e.viewModel.engine?.status), 1)
     ]));
   }
-}), lo = ["data-node-type", "id"], uo = {
+}), ui = ["data-node-type", "id"], di = {
   class: "__title-label",
   style: { "flex-grow": "1" }
-}, co = { key: 0 }, ho = {
+}, ci = { key: 0 }, hi = {
   class: "__menu",
   style: { display: "flex" }
-}, fo = { class: "__outputs" }, po = { key: 0 }, mo = ["id", "title"], vo = { class: "__inputs" }, _o = { key: 0 }, yo = ["id", "title"], Fs = /* @__PURE__ */ ce({
+}, fi = { class: "__outputs" }, pi = { key: 0 }, mi = ["id", "title"], vi = { class: "__inputs" }, _i = { key: 0 }, yi = ["id", "title"], Fs = /* @__PURE__ */ ce({
   __name: "CodeGraphNode",
   props: {
     node: {},
@@ -1051,9 +1051,9 @@ const Qi = /* @__PURE__ */ qi(Ji), eo = (e) => ({
   },
   emits: ["select", "start-drag", "update"],
   setup(e, { emit: t }) {
-    const n = fn.ContextMenu, s = fn.NodeInterface, r = e, a = z(() => r.node), i = t, { viewModel: o } = kt(), { graph: l, switchGraph: u } = Cn(), h = ie(null), w = ie(!1), p = ie(""), I = ie(null), y = ie(!1);
+    const n = fn.ContextMenu, s = fn.NodeInterface, r = e, a = z(() => r.node), o = t, { viewModel: i } = kt(), { graph: l, switchGraph: u } = Cn(), h = oe(null), w = oe(!1), p = oe(""), I = oe(null), y = oe(!1);
     let O = 0, c = 0;
-    const g = ie(!1), $ = z(() => {
+    const g = oe(!1), $ = z(() => {
       const W = [
         { value: "edit", label: "Edit" },
         { value: "rename", label: "Rename" },
@@ -1066,22 +1066,22 @@ const Qi = /* @__PURE__ */ qi(Ji), eo = (e) => ({
       "--two-column": !!r.node.twoColumn,
       "--hidden": a.value.state?.hidden
     })), F = z(() => ({
-      "--reverse-y": r.node.reverseY ?? o.value.settings.nodes.reverseY
+      "--reverse-y": r.node.reverseY ?? i.value.settings.nodes.reverseY
     })), Te = z(() => ({
       top: `${r.node.position?.y ?? 0}px`,
       left: `${r.node.position?.x ?? 0}px`,
-      "--width": `${r.node.width ?? o.value.settings.nodes.defaultWidth}px`
+      "--width": `${r.node.width ?? i.value.settings.nodes.defaultWidth}px`
     })), Ne = z(() => Object.values(r.node.inputs).filter((W) => !W.hidden)), ft = z(() => Object.values(r.node.outputs).filter((W) => !W.hidden)), we = () => {
-      an(), i("select");
+      an(), o("select");
     }, C = (W) => {
-      r.selected || we(), i("start-drag", W);
+      r.selected || we(), o("start-drag", W);
     }, Q = () => {
       g.value = !0;
     }, se = () => {
-      const W = o.value.displayedGraph.sidebar;
+      const W = i.value.displayedGraph.sidebar;
       W.nodeId = r.node.id, W.visible = !0;
     }, an = () => {
-      const W = o.value.displayedGraph.sidebar;
+      const W = i.value.displayedGraph.sidebar;
       W.nodeId = r.node.id;
     }, pt = async (W) => {
       switch (W) {
@@ -1101,14 +1101,14 @@ const Qi = /* @__PURE__ */ qi(Ji), eo = (e) => ({
     }, Tt = () => {
       a.value.title = p.value, a.value.events.titleChanged.emit(a.value.title), w.value = !1;
     }, Nt = () => {
-      h.value && o.value.hooks.renderNode.execute({ node: r.node, el: h.value });
+      h.value && i.value.hooks.renderNode.execute({ node: r.node, el: h.value });
     }, on = (W) => {
       y.value = !0, O = r.node.width, c = W.clientX, W.preventDefault();
     }, Dt = (W) => {
-      a.value.state && (a.value.state.integrated = W, i("update"));
+      a.value.state && (a.value.state.integrated = W, o("update"));
     }, ze = (W) => {
       if (!y.value) return;
-      const B = W.clientX - c, b = O + B / l.value.scaling, S = o.value.settings.nodes.minWidth, M = o.value.settings.nodes.maxWidth;
+      const B = W.clientX - c, b = O + B / l.value.scaling, S = i.value.settings.nodes.minWidth, M = i.value.settings.nodes.maxWidth;
       a.value.width = Math.max(S, Math.min(M, b));
     }, et = () => {
       y.value = !1;
@@ -1126,7 +1126,7 @@ const Qi = /* @__PURE__ */ qi(Ji), eo = (e) => ({
       ref: h,
       onPointerdown: we
     }, [
-      H(o).settings.nodes.resizable ? (m(), k("div", {
+      H(i).settings.nodes.resizable ? (m(), k("div", {
         key: 0,
         class: "__resize-handle",
         onMousedown: on
@@ -1159,11 +1159,11 @@ const Qi = /* @__PURE__ */ qi(Ji), eo = (e) => ({
         }, null, 544)), [
           [jt, p.value]
         ]) : (m(), k(ae, { key: 1 }, [
-          f("div", uo, [
-            a.value.idx > -1 ? (m(), k("span", co, te(a.value.idx + 1) + " - ", 1)) : K("", !0),
+          f("div", di, [
+            a.value.idx > -1 ? (m(), k("span", ci, te(a.value.idx + 1) + " - ", 1)) : K("", !0),
             ws(" " + te(a.value.title), 1)
           ]),
-          f("div", ho, [
+          f("div", hi, [
             a.value.isCodeNode ? (m(), k(ae, { key: 0 }, [
               a.value.state.lockCode ? (m(), ue(H(Nn), {
                 key: 0,
@@ -1181,7 +1181,7 @@ const Qi = /* @__PURE__ */ qi(Ji), eo = (e) => ({
                   onClick: B[1] || (B[1] = (b) => Dt(!0))
                 }))
               ], 64)) : K("", !0),
-              a.value.isSelected && !H(o).displayedGraph.sidebar.visible ? (m(), ue(H(Tn), {
+              a.value.isSelected && !H(i).displayedGraph.sidebar.visible ? (m(), ue(H(Tn), {
                 key: 2,
                 class: "--clickable mx-1",
                 onClick: se
@@ -1217,11 +1217,11 @@ const Qi = /* @__PURE__ */ qi(Ji), eo = (e) => ({
         onContextmenu: B[6] || (B[6] = st(() => {
         }, ["prevent"]))
       }, [
-        f("div", fo, [
+        f("div", fi, [
           (m(!0), k(ae, null, Ke(ft.value, (b) => (m(), k(ae, {
             key: b.id
           }, [
-            a.value.state?.hidden ? (m(), k("div", po, [
+            a.value.state?.hidden ? (m(), k("div", pi, [
               b.port ? (m(), k("div", {
                 key: 0,
                 id: b.id,
@@ -1229,7 +1229,7 @@ const Qi = /* @__PURE__ */ qi(Ji), eo = (e) => ({
                 class: "baklava-node-interface --output --connected"
               }, [...B[7] || (B[7] = [
                 f("div", { class: "__port" }, null, -1)
-              ])], 8, mo)) : K("", !0)
+              ])], 8, mi)) : K("", !0)
             ])) : Me(W.$slots, "nodeInterface", {
               key: 1,
               type: "output",
@@ -1244,11 +1244,11 @@ const Qi = /* @__PURE__ */ qi(Ji), eo = (e) => ({
             ])
           ], 64))), 128))
         ]),
-        f("div", vo, [
+        f("div", vi, [
           (m(!0), k(ae, null, Ke(Ne.value, (b) => (m(), k(ae, {
             key: b.id
           }, [
-            a.value.state?.hidden ? (m(), k("div", _o, [
+            a.value.state?.hidden ? (m(), k("div", _i, [
               b.port ? (m(), k("div", {
                 key: 0,
                 id: b.id,
@@ -1256,7 +1256,7 @@ const Qi = /* @__PURE__ */ qi(Ji), eo = (e) => ({
                 class: "baklava-node-interface --input --connected"
               }, [...B[8] || (B[8] = [
                 f("div", { class: "__port" }, null, -1)
-              ])], 8, yo)) : K("", !0)
+              ])], 8, yi)) : K("", !0)
             ])) : Me(W.$slots, "nodeInterface", {
               key: 1,
               node: a.value,
@@ -1272,17 +1272,17 @@ const Qi = /* @__PURE__ */ qi(Ji), eo = (e) => ({
           ], 64))), 128))
         ])
       ], 34)
-    ], 46, lo));
+    ], 46, ui));
   }
-}), go = ["id"], bo = { class: "align-middle" }, pn = /* @__PURE__ */ ce({
+}), gi = ["id"], bi = { class: "align-middle" }, pn = /* @__PURE__ */ ce({
   __name: "CodeGraphNodeInterface",
   props: {
     node: {},
     intf: {}
   },
   setup(e) {
-    const t = e, { viewModel: n } = kt(), { hoveredOver: s, temporaryConnection: r } = da(), a = ie(null), i = z(() => t.intf.connectionCount > 0), o = z(() => ({
-      "--connected": i.value
+    const t = e, { viewModel: n } = kt(), { hoveredOver: s, temporaryConnection: r } = da(), a = oe(null), o = z(() => t.intf.connectionCount > 0), i = z(() => ({
+      "--connected": o.value
     })), l = () => {
       s(t.intf);
     }, u = () => {
@@ -1294,7 +1294,7 @@ const Qi = /* @__PURE__ */ qi(Ji), eo = (e) => ({
       id: e.intf.id,
       ref_key: "el",
       ref: a,
-      class: je(["baklava-node-interface", o.value])
+      class: je(["baklava-node-interface", i.value])
     }, [
       e.intf.port ? (m(), k("div", {
         key: 0,
@@ -1302,12 +1302,12 @@ const Qi = /* @__PURE__ */ qi(Ji), eo = (e) => ({
         onPointerover: l,
         onPointerout: u
       }, null, 34)) : K("", !0),
-      f("span", bo, [
+      f("span", bi, [
         Me(w.$slots, "default")
       ])
-    ], 10, go));
+    ], 10, gi));
   }
-}), wo = ["title"], ko = {
+}), wi = ["title"], ki = {
   key: 0,
   class: "__label"
 }, mn = /* @__PURE__ */ ce({
@@ -1340,17 +1340,17 @@ const Qi = /* @__PURE__ */ qi(Ji), eo = (e) => ({
           })
         ])
       ], -1)),
-      e.name ? (m(), k("div", ko, te(e.name), 1)) : K("", !0)
-    ], 10, wo));
+      e.name ? (m(), k("div", ki, te(e.name), 1)) : K("", !0)
+    ], 10, wi));
   }
-}), Mo = { class: "__header" }, So = { class: "__node-name" }, xo = { class: "__interfaces" }, Oo = { class: "__inputs" }, Co = { style: { display: "flex" } }, To = { class: "__outputs" }, No = {
+}), Mi = { class: "__header" }, Si = { class: "__node-name" }, xi = { class: "__interfaces" }, Oi = { class: "__inputs" }, Ci = { style: { display: "flex" } }, Ti = { class: "__outputs" }, Ni = {
   key: 0,
   class: "__interface"
-}, Do = ["placeholder"], Io = { style: { display: "flex" } }, Gs = /* @__PURE__ */ ce({
+}, Di = ["placeholder"], Ii = { style: { display: "flex" } }, Gs = /* @__PURE__ */ ce({
   __name: "CodeGraphSidebar",
   setup(e) {
-    const { viewModel: t } = kt(), { graph: n } = Cn(), s = ie(null), r = Sn(t.value.settings.sidebar, "width"), a = z(() => t.value.settings.sidebar.resizable);
-    let i = 0, o = 0;
+    const { viewModel: t } = kt(), { graph: n } = Cn(), s = oe(null), r = Sn(t.value.settings.sidebar, "width"), a = z(() => t.value.settings.sidebar.resizable);
+    let o = 0, i = 0;
     const l = z(() => {
       const g = n.value.sidebar.nodeId;
       return n.value.nodes.find(($) => $.id === g);
@@ -1361,7 +1361,7 @@ const Qi = /* @__PURE__ */ qi(Ji), eo = (e) => ({
     }, y = () => {
       l.value && (l.value.state.variableNameNumberAppendix = u.value.state.variableName.length === 0, l.value.events.update.emit(null));
     }, O = (g) => {
-      i = r.value, o = g.clientX, window.addEventListener("mousemove", c), window.addEventListener(
+      o = r.value, i = g.clientX, window.addEventListener("mousemove", c), window.addEventListener(
         "mouseup",
         () => {
           window.removeEventListener("mousemove", c);
@@ -1369,8 +1369,8 @@ const Qi = /* @__PURE__ */ qi(Ji), eo = (e) => ({
         { once: !0 }
       );
     }, c = (g) => {
-      const $ = s.value?.parentElement?.getBoundingClientRect().width ?? 500, A = g.clientX - o;
-      let F = i - A;
+      const $ = s.value?.parentElement?.getBoundingClientRect().width ?? 500, A = g.clientX - i;
+      let F = o - A;
       F < 300 ? F = 300 : F > 0.9 * $ && (F = 0.9 * $), r.value = F;
     };
     return (g, $) => (m(), k("div", {
@@ -1385,23 +1385,23 @@ const Qi = /* @__PURE__ */ qi(Ji), eo = (e) => ({
         onMousedown: O
       }, null, 32)) : K("", !0),
       l.value ? (m(), k(ae, { key: 1 }, [
-        f("div", Mo, [
+        f("div", Mi, [
           f("button", {
             tabindex: "-1",
             class: "__close",
             onClick: I
           }, "×"),
-          f("div", So, [
+          f("div", Si, [
             f("b", null, te(l.value.title), 1)
           ])
         ]),
-        f("div", xo, [
-          f("div", Oo, [
+        f("div", xi, [
+          f("div", Oi, [
             (m(!0), k(ae, null, Ke(w.value, (A) => (m(), k("div", {
               key: A.id,
               class: "__interface"
             }, [
-              f("div", Co, [
+              f("div", Ci, [
                 X(mn, {
                   modelValue: A.hidden,
                   "onUpdate:modelValue": [
@@ -1422,8 +1422,8 @@ const Qi = /* @__PURE__ */ qi(Ji), eo = (e) => ({
               ])
             ]))), 128))
           ]),
-          f("div", To, [
-            u.value && u.value.state ? (m(), k("div", No, [
+          f("div", Ti, [
+            u.value && u.value.state ? (m(), k("div", Ni, [
               $[3] || ($[3] = f("label", null, "Variable name", -1)),
               Vt(f("input", {
                 "onUpdate:modelValue": $[1] || ($[1] = (A) => u.value.state.variableName = A),
@@ -1433,7 +1433,7 @@ const Qi = /* @__PURE__ */ qi(Ji), eo = (e) => ({
                 title: "Variable name",
                 onBlur: y,
                 onKeydown: hn(y, ["enter"])
-              }, null, 40, Do), [
+              }, null, 40, Di), [
                 [jt, u.value.state.variableName]
               ])
             ])) : K("", !0),
@@ -1441,7 +1441,7 @@ const Qi = /* @__PURE__ */ qi(Ji), eo = (e) => ({
               key: A.id,
               class: "__interface"
             }, [
-              f("div", Io, [
+              f("div", Ii, [
                 X(mn, {
                   modelValue: A.hidden,
                   "onUpdate:modelValue": [
@@ -1468,34 +1468,34 @@ const Qi = /* @__PURE__ */ qi(Ji), eo = (e) => ({
     ], 6));
   }
 });
-function Yo(e, t) {
+function Yi(e, t) {
   return Object.fromEntries(Object.entries(e).filter(t));
 }
-function Eo(e, t) {
+function Ei(e, t) {
   return Object.fromEntries(Object.entries(e).map(([n, s]) => [n, t(s)]));
 }
-const Ro = {
+const Ri = {
   class: "baklava-node --palette",
   style: { "margin-top": "-20px", "margin-bottom": "20px" }
-}, Po = {
+}, Pi = {
   key: 0,
   style: { display: "flex", "justify-content": "space-between" }
-}, Lo = ["onClick"], Ao = {
+}, Li = ["onClick"], Ai = {
   key: 0,
   style: { margin: "auto 0", "font-size": "12px" }
 }, Vs = /* @__PURE__ */ ce({
   __name: "CodeNodePalette",
   setup(e) {
-    const t = fn.PaletteEntry, { viewModel: n } = kt(), { x: s, y: r } = Aa(), { transform: a } = ca(), i = ha(n), o = ia("editorEl"), l = ie(""), u = ie(null), h = () => l.value ? i.value.filter(
+    const t = fn.PaletteEntry, { viewModel: n } = kt(), { x: s, y: r } = Aa(), { transform: a } = ca(), o = ha(n), i = oa("editorEl"), l = oe(""), u = oe(null), h = () => l.value ? o.value.filter(
       (y) => y.name.toLowerCase().includes(l.value.toLowerCase()) || Object.values(y.nodeTypes).some(
         (O) => O.title.toLowerCase().includes(l.value.toLowerCase())
       )
-    ) : i.value, w = (y) => l.value ? Yo(y, (O) => {
+    ) : o.value, w = (y) => l.value ? Yi(y, (O) => {
       const c = O[1];
       return c.category.includes(l.value.toLowerCase()) || c.title?.toLowerCase().includes(l.value.toLowerCase());
     }) : y, p = z(() => {
-      if (!u.value || !o?.value) return {};
-      const { left: y, top: O } = o.value.getBoundingClientRect();
+      if (!u.value || !i?.value) return {};
+      const { left: y, top: O } = i.value.getBoundingClientRect();
       return {
         top: `${r.value - O}px`,
         left: `${s.value - y}px`
@@ -1508,7 +1508,7 @@ const Ro = {
       const c = () => {
         const g = Ae(new O.type());
         n.value.displayedGraph.addNode(g);
-        const $ = o.value.getBoundingClientRect(), [A, F] = a(s.value - $.left, r.value - $.top);
+        const $ = i.value.getBoundingClientRect(), [A, F] = a(s.value - $.left, r.value - $.top);
         g.position.x = A, g.position.y = F, u.value = null, document.removeEventListener("pointerup", c);
       };
       document.addEventListener("pointerup", c);
@@ -1519,7 +1519,7 @@ const Ro = {
         onContextmenu: O[1] || (O[1] = st(() => {
         }, ["stop", "prevent"]))
       }, [
-        f("div", Ro, [
+        f("div", Ri, [
           Vt(f("input", {
             "onUpdate:modelValue": O[0] || (O[0] = (c) => l.value = c),
             type: "text",
@@ -1533,12 +1533,12 @@ const Ro = {
         (m(!0), k(ae, null, Ke(h(), (c) => (m(), k("section", {
           key: c.name
         }, [
-          c.name !== "default" ? (m(), k("h3", Po, [
+          c.name !== "default" ? (m(), k("h3", Pi, [
             f("div", {
               onClick: (g) => l.value = c.name,
               style: { cursor: "pointer" }
-            }, te(c.name), 9, Lo),
-            Object.keys(w(c.nodeTypes)).length < Object.values(c.nodeTypes).length ? (m(), k("div", Ao, " ( " + te(Object.keys(w(c.nodeTypes)).length) + " / " + te(Object.values(c.nodeTypes).length) + " ) ", 1)) : K("", !0)
+            }, te(c.name), 9, Li),
+            Object.keys(w(c.nodeTypes)).length < Object.values(c.nodeTypes).length ? (m(), k("div", Ai, " ( " + te(Object.keys(w(c.nodeTypes)).length) + " / " + te(Object.values(c.nodeTypes).length) + " ) ", 1)) : K("", !0)
           ])) : K("", !0),
           (m(!0), k(ae, null, Ke(w(c.nodeTypes), (g, $) => (m(), ue(H(t), {
             key: $,
@@ -1548,7 +1548,7 @@ const Ro = {
           }, null, 8, ["title", "type", "onPointerdown"]))), 128))
         ]))), 128))
       ], 34),
-      X(oa, { name: "fade" }, {
+      X(ia, { name: "fade" }, {
         default: Ye(() => [
           u.value ? (m(), k("div", {
             key: 0,
@@ -1565,23 +1565,23 @@ const Ro = {
       })
     ], 64));
   }
-}), Uo = {}, $o = { class: "prependIcon" }, Wo = { class: "appendIcon" };
-function Ho(e, t) {
+}), Ui = {}, $i = { class: "prependIcon" }, Wi = { class: "appendIcon" };
+function Hi(e, t) {
   const n = _s("router-link");
   return m(), ue(n, { class: "navItem" }, {
     default: Ye(() => [
-      f("span", $o, [
+      f("span", $i, [
         Me(e.$slots, "prependIcon")
       ]),
       Me(e.$slots, "default"),
-      f("span", Wo, [
+      f("span", Wi, [
         Me(e.$slots, "appendIcon")
       ])
     ]),
     _: 3
   });
 }
-const vn = /* @__PURE__ */ q(Uo, [["render", Ho]]), Fo = { class: "navbar" }, Go = ["onClick"], Vo = /* @__PURE__ */ ce({
+const vn = /* @__PURE__ */ q(Ui, [["render", Hi]]), Fi = { class: "navbar" }, Gi = ["onClick"], Vi = /* @__PURE__ */ ce({
   __name: "NavBar",
   props: {
     viewModel: {},
@@ -1593,23 +1593,23 @@ const vn = /* @__PURE__ */ q(Uo, [["render", Ho]]), Fo = { class: "navbar" }, Go
     const n = t, s = (r) => {
       n("click:remove", r);
     };
-    return (r, a) => (m(), k("nav", Fo, [
+    return (r, a) => (m(), k("nav", Fi, [
       Me(r.$slots, "prepend"),
-      (m(!0), k(ae, null, Ke(e.editorStates, (i) => (m(), ue(vn, {
-        key: i.graph.id,
-        class: je({ active: i.graph.id === e.viewModel.displayedGraph.id }),
-        to: { name: e.routes?.edit ?? "edit", params: { editorId: i.graph.id } }
+      (m(!0), k(ae, null, Ke(e.editorStates, (o) => (m(), ue(vn, {
+        key: o.graph.id,
+        class: je({ active: o.graph.id === e.viewModel.displayedGraph.id }),
+        to: { name: e.routes?.edit ?? "edit", params: { editorId: o.graph.id } }
       }, {
         appendIcon: Ye(() => [
           f("button", {
             class: "remove",
-            onClick: st((o) => s(i.graph.id), ["prevent"])
+            onClick: st((i) => s(o.graph.id), ["prevent"])
           }, [
             X(H(Ws))
-          ], 8, Go)
+          ], 8, Gi)
         ]),
         default: Ye(() => [
-          ws(te(i.graph.id.slice(0, 6)) + " ", 1)
+          ws(te(o.graph.id.slice(0, 6)) + " ", 1)
         ]),
         _: 2
       }, 1032, ["class", "to"]))), 128)),
@@ -1626,7 +1626,7 @@ const vn = /* @__PURE__ */ q(Uo, [["render", Ho]]), Fo = { class: "navbar" }, Go
       ])
     ]));
   }
-}), jo = ce({
+}), ji = ce({
   props: {
     intf: {
       type: Object,
@@ -1646,44 +1646,44 @@ const vn = /* @__PURE__ */ q(Uo, [["render", Ho]]), Fo = { class: "navbar" }, Go
       }
     }) };
   }
-}), zo = { style: { position: "relative" } }, Bo = { style: { "font-size": "12px", padding: "0 6px", position: "absolute", top: "-8px", "background-color": "var(--baklava-node-color-background)" } }, Zo = ["placeholder", "title"];
-function qo(e, t, n, s, r, a) {
-  return m(), k("div", zo, [
-    f("label", Bo, te(e.intf.name), 1),
+}), zi = { style: { position: "relative" } }, Bi = { style: { "font-size": "12px", padding: "0 6px", position: "absolute", top: "-8px", "background-color": "var(--baklava-node-color-background)" } }, Zi = ["placeholder", "title"];
+function qi(e, t, n, s, r, a) {
+  return m(), k("div", zi, [
+    f("label", Bi, te(e.intf.name), 1),
     Vt(f("input", {
-      "onUpdate:modelValue": t[0] || (t[0] = (i) => e.v = i),
+      "onUpdate:modelValue": t[0] || (t[0] = (o) => e.v = o),
       type: "text",
       class: "baklava-input",
       placeholder: e.intf.name,
       title: e.intf.name
-    }, null, 8, Zo), [
+    }, null, 8, Zi), [
       [jt, e.v]
     ])
   ]);
 }
-const js = /* @__PURE__ */ q(jo, [["render", qo]]), Rh = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const js = /* @__PURE__ */ q(ji, [["render", qi]]), Rh = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  CodeEditor: ro,
-  CodeGraphEditor: ao,
-  CodeGraphInfo: oo,
+  CodeEditor: ai,
+  CodeGraphEditor: oi,
+  CodeGraphInfo: li,
   CodeGraphNode: Fs,
   CodeGraphNodeInterface: pn,
   CodeGraphSidebar: Gs,
   CodeNodePalette: Vs,
   CopyToClipboard: Hs,
-  NavBar: Vo,
+  NavBar: Vi,
   NavItem: vn,
   SidebarCheckbox: mn,
   TextInputInterface: js
 }, Symbol.toStringTag, { value: "Module" }));
 ut.escape = (e) => e;
 class zs extends Ia {
+  _variableName = "";
   codeTemplate;
   isCodeNode = !0;
   mask = null;
   name = "";
   state;
-  _variableName = "";
   inputs = {};
   outputs = {};
   constructor() {
@@ -1695,10 +1695,9 @@ class zs extends Ia {
       modules: [],
       props: null,
       script: "",
-      variableName: "",
-      variableNameNumberAppendix: !0
+      variableName: ""
     }), this.codeTemplate = function() {
-      return `${this.name}(${Ko(this.codeNodeInputs).join(", ")})`;
+      return `${this.name}(${Ki(this.codeNodeInputs).join(", ")})`;
     };
   }
   get code() {
@@ -1731,7 +1730,7 @@ class zs extends Ia {
     return this.graph.getNodesByType(this.type).indexOf(this) ?? -1;
   }
   get idxByVariableNames() {
-    return this.graph.getNodesByVariableName(this.state.variableName || this._variableName).filter((t) => !t.state.integrated).indexOf(this) ?? -1;
+    return this.graph.getNodesByVariableName(this._variableName).filter((t) => !t.state.integrated).indexOf(this) ?? -1;
   }
   get isSelected() {
     return this.graph.selectedNodeIds.includes(this.id);
@@ -1764,7 +1763,10 @@ class zs extends Ia {
   get subgraph() {
   }
   get variableName() {
-    return this.state.variableName || this._variableName ? (this.state.variableName || this._variableName) + (this.state.variableNameNumberAppendix ? this.idxByVariableNames + 1 : "") : "";
+    return this.state.variableName || this._variableName ? this.state.variableName || this._variableName + (this.idxByVariableNames + 1) : "";
+  }
+  set variableName(t) {
+    this._variableName = t;
   }
   /**
    * Get connected node to the node interface.
@@ -1900,14 +1902,14 @@ class Dn extends zs {
     super.load(t), this.afterLoaded();
   }
 }
-const Ko = (e, t = !0) => {
+const Ki = (e, t = !0) => {
   const n = [], s = Object.keys(e);
   return s.forEach((r) => {
     if (e[r]?.hidden) return;
-    const i = t && n.length < s.indexOf(r) ? `${r}=` : "";
-    n.push(`${i}{{ inputs.${r} }}`);
+    const o = t && n.length < s.indexOf(r) ? `${r}=` : "";
+    n.push(`${o}{{ inputs.${r} }}`);
   }), n;
-}, Xo = (e, t) => {
+}, Xi = (e, t) => {
   switch (e) {
     case "CheckBoxInterface":
       return new el(t.id, t.value);
@@ -1930,7 +1932,7 @@ const Ko = (e, t = !0) => {
     default:
       return new Qs(t.id, t.value);
   }
-}, Jo = ["title"], In = /* @__PURE__ */ ce({
+}, Ji = ["title"], In = /* @__PURE__ */ ce({
   __name: "CodeNodeInterface",
   props: {
     intf: {}
@@ -1938,10 +1940,10 @@ const Ko = (e, t = !0) => {
   setup(e) {
     return (t, n) => (m(), k("div", {
       title: e.intf.value
-    }, te(e.intf.name), 9, Jo));
+    }, te(e.intf.name), 9, Ji));
   }
 });
-class oe extends Se {
+class ie extends Se {
   isCodeNode = !0;
   code;
   state;
@@ -1974,7 +1976,7 @@ class oe extends Se {
     return this.state.optional = t, this.setHidden(t), this;
   }
 }
-class Mt extends oe {
+class Mt extends ie {
   constructor(t = "", n) {
     super(t, n), this.setComponent(he(In)), this.use(Ms, !0);
   }
@@ -1985,8 +1987,8 @@ class Mt extends oe {
     super.value = t, this.name !== "_code" && this.setHidden(!1);
   }
 }
-const Bs = new Je("boolean"), Qo = new Je("dict"), Zs = new Je("list"), _e = new Je("node"), qs = new Je("number"), Ks = new Je("string"), Xs = new Je("tuple"), Ph = (e) => {
-  new Ua(e.editor, { viewPlugin: e }).addTypes(Bs, Qo, Zs, _e, qs, Ks, Xs);
+const Bs = new Je("boolean"), Qi = new Je("dict"), Zs = new Je("list"), _e = new Je("node"), qs = new Je("number"), Ks = new Je("string"), Xs = new Je("tuple"), Ph = (e) => {
+  new Ua(e.editor, { viewPlugin: e }).addTypes(Bs, Qi, Zs, _e, qs, Ks, Xs);
 };
 class el extends Mt {
   constructor(t, n) {
@@ -1994,7 +1996,7 @@ class el extends Mt {
   }
   getValue = () => this.value ? "True" : "False";
 }
-class tl extends oe {
+class tl extends ie {
   isCodeNodeOutput = !0;
   suffix = "";
   constructor(t = "", n = "") {
@@ -2073,12 +2075,12 @@ function Wh(e) {
     inputs = {};
     outputs = {};
     constructor() {
-      super(), this._title = e.title ?? e.type, this.executeFactory("input", e.inputs), this.executeFactory("output", e.outputs), e.calculate && (this.calculate = (t, n) => e.calculate.call(this, t, n)), e.onCreate?.call(this), this.name = e.name ?? e.type, this.updateModules(e.modules), e.codeTemplate && (this.codeTemplate = e.codeTemplate), e.variableName != null && (this._variableName = e.variableName), this.addInput(
+      super(), this._title = e.title ?? e.type, this.executeFactory("input", e.inputs), this.executeFactory("output", e.outputs), e.calculate && (this.calculate = (t, n) => e.calculate.call(this, t, n)), e.onCreate?.call(this), this.name = e.name ?? e.type, this.updateModules(e.modules), e.codeTemplate && (this.codeTemplate = e.codeTemplate), e.variableName != null && (this.variableName = e.variableName), this.addInput(
         "_code",
-        new oe("_code", []).use(ne, _e).use(lt).setHidden(!0)
+        new ie("_code", []).use(ne, _e).use(lt).setHidden(!0)
       ), this.addOutput(
         "_code",
-        new oe("_code", []).use(ne, _e).use(lt).setHidden(!0)
+        new ie("_code", []).use(ne, _e).use(lt).setHidden(!0)
       );
     }
     afterGraphLoaded() {
@@ -2118,12 +2120,12 @@ function Hh(e) {
     staticInputKeys = Object.keys(e.inputs ?? {});
     staticOutputKeys = Object.keys(e.outputs ?? {});
     constructor() {
-      super(), this._title = e.title ?? e.type, this.executeFactory("input", e.inputs), this.executeFactory("output", e.outputs), e.calculate && (this.calculate = (t, n) => e.calculate?.call(this, t, n)), e.onCreate?.call(this), this.name = e.name ?? e.type, this.updateModules(e.modules), e.codeTemplate && (this.codeTemplate = e.codeTemplate), e.variableName && (this._variableName = e.variableName), this.addInput(
+      super(), this._title = e.title ?? e.type, this.executeFactory("input", e.inputs), this.executeFactory("output", e.outputs), e.calculate && (this.calculate = (t, n) => e.calculate?.call(this, t, n)), e.onCreate?.call(this), this.name = e.name ?? e.type, this.updateModules(e.modules), e.codeTemplate && (this.codeTemplate = e.codeTemplate), e.variableName && (this.variableName = e.variableName), this.addInput(
         "_code",
-        new oe("_code", []).use(ne, _e).use(lt).setHidden(!0)
+        new ie("_code", []).use(ne, _e).use(lt).setHidden(!0)
       ), this.addOutput(
         "_code",
-        new oe("_code", []).use(ne, _e).use(lt).setHidden(!0)
+        new ie("_code", []).use(ne, _e).use(lt).setHidden(!0)
       ), this.staticInputKeys.push("_code"), this.staticOutputKeys.push("_code");
     }
     afterGraphLoaded() {
@@ -2164,7 +2166,7 @@ function Hh(e) {
           if (!this.inputs[n]) {
             const s = t.inputs[n], r = s.value;
             let a;
-            s.component ? a = Xo(s.component, { ...s, id: n }) : typeof r == "number" ? a = new Js(n, r) : a = new Qs(n, JSON.stringify(r)), a.use(Ms, !0), this.addInput(n, a);
+            s.component ? a = Xi(s.component, { ...s, id: n }) : typeof r == "number" ? a = new Js(n, r) : a = new Qs(n, JSON.stringify(r)), a.use(Ms, !0), this.addInput(n, a);
           }
           this.inputs[n] && (this.inputs[n].load(t.inputs[n]), this.inputs[n].nodeId = this.id);
         }
@@ -2195,12 +2197,12 @@ function Hh(e) {
     }
     updateInterfaces(t, n = {}, s = []) {
       const r = t === "input" ? this.staticInputKeys : this.staticOutputKeys, a = t === "input" ? this.inputs : this.outputs;
-      for (const i of Object.keys(a))
-        r.includes(i) || n[i] && !s.includes(i) || (t === "input" ? this.removeInput(i) : this.removeOutput(i));
-      for (const i of Object.keys(n)) {
-        if (a[i]) continue;
-        const o = n[i]();
-        t === "input" ? this.addInput(i, o) : this.addOutput(i, o);
+      for (const o of Object.keys(a))
+        r.includes(o) || n[o] && !s.includes(o) || (t === "input" ? this.removeInput(o) : this.removeOutput(o));
+      for (const o of Object.keys(n)) {
+        if (a[o]) continue;
+        const i = n[o]();
+        t === "input" ? this.addInput(o, i) : this.addOutput(o, i);
       }
     }
     updateProps(t) {
@@ -2305,24 +2307,24 @@ class al extends $a {
   }
   async runGraph(t, n, s) {
     this.order.has(t.id) || this.order.set(t.id, Wa(t));
-    const { calculationOrder: r, connectionsFromNode: a } = this.order.get(t.id), i = /* @__PURE__ */ new Map();
-    for (const o of r) {
+    const { calculationOrder: r, connectionsFromNode: a } = this.order.get(t.id), o = /* @__PURE__ */ new Map();
+    for (const i of r) {
       const l = {};
-      Object.entries(o.inputs).forEach(([h, w]) => {
+      Object.entries(i.inputs).forEach(([h, w]) => {
         l[h] = this.getInterfaceValue(n, w.id);
-      }), o.isCodeNode && (o.updateCodeTemplate(), o.updateOutputNames()), this.events.beforeNodeCalculation.emit({ inputValues: l, node: o });
+      }), i.isCodeNode && (i.updateCodeTemplate(), i.updateOutputNames()), this.events.beforeNodeCalculation.emit({ inputValues: l, node: i });
       let u;
-      if (o.calculate) {
-        if (u = await o.calculate(l, { globalValues: s, engine: this }), a.has(o))
+      if (i.calculate) {
+        if (u = await i.calculate(l, { globalValues: s, engine: this }), a.has(i))
           for (const [h, w] of Object.entries(u))
-            this.hooks.transferData.execute(u[h], w), a.get(o).forEach((p) => n.set(p.to.id, w));
+            this.hooks.transferData.execute(u[h], w), a.get(i).forEach((p) => n.set(p.to.id, w));
       } else {
         u = {};
-        for (const [h, w] of Object.entries(o.outputs))
+        for (const [h, w] of Object.entries(i.outputs))
           u[h] = this.getInterfaceValue(n, w.id);
       }
-      this.events.afterNodeCalculation.emit({ outputValues: u, node: o }), i.set(o.id, new Map(Object.entries(u))), a.has(o) && a.get(o).forEach((h) => {
-        const w = Object.entries(o.outputs).find(([, I]) => I.id === h.from.id)?.[0];
+      this.events.afterNodeCalculation.emit({ outputValues: u, node: i }), o.set(i.id, new Map(Object.entries(u))), a.has(i) && a.get(i).forEach((h) => {
+        const w = Object.entries(i.outputs).find(([, I]) => I.id === h.from.id)?.[0];
         if (!w)
           throw new Error(
             `Could not find key for interface ${h.from.id}
@@ -2332,7 +2334,7 @@ This is likely an internal issue. Please report it on GitHub.`
         w !== "_code" && (h.to.allowMultipleConnections ? n.has(h.to.id) ? n.get(h.to.id).push(p) : n.set(h.to.id, [p]) : n.set(h.to.id, p));
       });
     }
-    return i;
+    return o;
   }
   async execute(t) {
     this.recalculateOrder && (this.order.clear(), this.recalculateOrder = !1);
@@ -2365,7 +2367,7 @@ var er;
 function v() {
   return er.apply(null, arguments);
 }
-function il(e) {
+function ol(e) {
   er = e;
 }
 function ye(e) {
@@ -2409,7 +2411,7 @@ function Fe(e, t) {
 function Oe(e, t, n, s) {
   return Sr(e, t, n, s, !0).utc();
 }
-function ol() {
+function il() {
   return {
     empty: !1,
     unusedTokens: [],
@@ -2430,7 +2432,7 @@ function ol() {
   };
 }
 function N(e) {
-  return e._pf == null && (e._pf = ol()), e._pf;
+  return e._pf == null && (e._pf = il()), e._pf;
 }
 var _n;
 Array.prototype.some ? _n = Array.prototype.some : _n = function(e) {
@@ -2475,13 +2477,13 @@ function fe(e, t) {
   var n = !0;
   return Fe(function() {
     if (v.deprecationHandler != null && v.deprecationHandler(null, e), n) {
-      var s = [], r, a, i, o = arguments.length;
-      for (a = 0; a < o; a++) {
+      var s = [], r, a, o, i = arguments.length;
+      for (a = 0; a < i; a++) {
         if (r = "", typeof arguments[a] == "object") {
           r += `
 [` + a + "] ";
-          for (i in arguments[0])
-            P(arguments[0], i) && (r += i + ": " + arguments[0][i] + ", ");
+          for (o in arguments[0])
+            P(arguments[0], o) && (r += o + ": " + arguments[0][o] + ", ");
           r = r.slice(0, -2);
         } else
           r = arguments[a];
@@ -2569,9 +2571,9 @@ function hl(e) {
   for (n = 0, s = t.length; n < s; n++)
     at[t[n]] ? t[n] = at[t[n]] : t[n] = cl(t[n]);
   return function(r) {
-    var a = "", i;
-    for (i = 0; i < s; i++)
-      a += Ce(t[i]) ? t[i].call(r, e) : t[i];
+    var a = "", o;
+    for (o = 0; o < s; o++)
+      a += Ce(t[o]) ? t[o].call(r, e) : t[o];
     return a;
   };
 }
@@ -2723,7 +2725,7 @@ function Sl(e) {
     return s.priority - r.priority;
   }), t;
 }
-var ar = /\d/, le = /\d\d/, ir = /\d{3}/, Hn = /\d{4}/, Bt = /[+-]?\d{6}/, V = /\d\d?/, or = /\d\d\d\d?/, lr = /\d\d\d\d\d\d?/, Zt = /\d{1,3}/, Fn = /\d{1,4}/, qt = /[+-]?\d{1,6}/, dt = /\d+/, Kt = /[+-]?\d+/, xl = /Z|[+-]\d\d:?\d\d/gi, Xt = /Z|[+-]\d\d(?::?\d\d)?/gi, Ol = /[+-]?\d+(\.\d{1,3})?/, Ot = /[0-9]{0,256}['a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFF07\uFF10-\uFFEF]{1,256}|[\u0600-\u06FF\/]{1,256}(\s*?[\u0600-\u06FF]{1,256}){1,2}/i, ct = /^[1-9]\d?/, Gn = /^([1-9]\d|\d)/, Ut;
+var ar = /\d/, le = /\d\d/, or = /\d{3}/, Hn = /\d{4}/, Bt = /[+-]?\d{6}/, V = /\d\d?/, ir = /\d\d\d\d?/, lr = /\d\d\d\d\d\d?/, Zt = /\d{1,3}/, Fn = /\d{1,4}/, qt = /[+-]?\d{1,6}/, dt = /\d+/, Kt = /[+-]?\d+/, xl = /Z|[+-]\d\d:?\d\d/gi, Xt = /Z|[+-]\d\d(?::?\d\d)?/gi, Ol = /[+-]?\d+(\.\d{1,3})?/, Ot = /[0-9]{0,256}['a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFF07\uFF10-\uFFEF]{1,256}|[\u0600-\u06FF\/]{1,256}(\s*?[\u0600-\u06FF]{1,256}){1,2}/i, ct = /^[1-9]\d?/, Gn = /^([1-9]\d|\d)/, Ut;
 Ut = {};
 function _(e, t, n) {
   Ut[e] = Ce(t) ? t : function(s, r) {
@@ -2756,8 +2758,8 @@ function Y(e) {
 var bn = {};
 function U(e, t) {
   var n, s = t, r;
-  for (typeof e == "string" && (e = [e]), Ue(t) && (s = function(a, i) {
-    i[t] = Y(a);
+  for (typeof e == "string" && (e = [e]), Ue(t) && (s = function(a, o) {
+    o[t] = Y(a);
   }), r = e.length, n = 0; n < r; n++)
     bn[e[n]] = s;
 }
@@ -2839,7 +2841,7 @@ function yt(e, t) {
   }
 }
 function dr(e, t, n) {
-  var s, r, a, i, o;
+  var s, r, a, o, i;
   if (!(!e.isValid() || isNaN(n))) {
     switch (s = e._d, r = e._isUTC, t) {
       case "Milliseconds":
@@ -2862,7 +2864,7 @@ function dr(e, t, n) {
       default:
         return;
     }
-    a = n, i = e.month(), o = e.date(), o = o === 29 && i === 1 && !Jt(a) ? 28 : o, r ? s.setUTCFullYear(a, i, o) : s.setFullYear(a, i, o);
+    a = n, o = e.month(), i = e.date(), i = i === 29 && o === 1 && !Jt(a) ? 28 : i, r ? s.setUTCFullYear(a, o, i) : s.setFullYear(a, o, i);
   }
 }
 function El(e) {
@@ -2929,14 +2931,14 @@ function Wl(e, t) {
   return e ? ye(this._monthsShort) ? this._monthsShort[e.month()] : this._monthsShort[hr.test(t) ? "format" : "standalone"][e.month()] : ye(this._monthsShort) ? this._monthsShort : this._monthsShort.standalone;
 }
 function Hl(e, t, n) {
-  var s, r, a, i = e.toLocaleLowerCase();
+  var s, r, a, o = e.toLocaleLowerCase();
   if (!this._monthsParse)
     for (this._monthsParse = [], this._longMonthsParse = [], this._shortMonthsParse = [], s = 0; s < 12; ++s)
       a = Oe([2e3, s]), this._shortMonthsParse[s] = this.monthsShort(
         a,
         ""
       ).toLocaleLowerCase(), this._longMonthsParse[s] = this.months(a, "").toLocaleLowerCase();
-  return n ? t === "MMM" ? (r = Z.call(this._shortMonthsParse, i), r !== -1 ? r : null) : (r = Z.call(this._longMonthsParse, i), r !== -1 ? r : null) : t === "MMM" ? (r = Z.call(this._shortMonthsParse, i), r !== -1 ? r : (r = Z.call(this._longMonthsParse, i), r !== -1 ? r : null)) : (r = Z.call(this._longMonthsParse, i), r !== -1 ? r : (r = Z.call(this._shortMonthsParse, i), r !== -1 ? r : null));
+  return n ? t === "MMM" ? (r = Z.call(this._shortMonthsParse, o), r !== -1 ? r : null) : (r = Z.call(this._longMonthsParse, o), r !== -1 ? r : null) : t === "MMM" ? (r = Z.call(this._shortMonthsParse, o), r !== -1 ? r : (r = Z.call(this._longMonthsParse, o), r !== -1 ? r : null)) : (r = Z.call(this._longMonthsParse, o), r !== -1 ? r : (r = Z.call(this._shortMonthsParse, o), r !== -1 ? r : null));
 }
 function Fl(e, t, n) {
   var s, r, a;
@@ -2985,9 +2987,9 @@ function mr() {
   function e(l, u) {
     return u.length - l.length;
   }
-  var t = [], n = [], s = [], r, a, i, o;
+  var t = [], n = [], s = [], r, a, o, i;
   for (r = 0; r < 12; r++)
-    a = Oe([2e3, r]), i = Pe(this.monthsShort(a, "")), o = Pe(this.months(a, "")), t.push(i), n.push(o), s.push(o), s.push(i);
+    a = Oe([2e3, r]), o = Pe(this.monthsShort(a, "")), i = Pe(this.months(a, "")), t.push(o), n.push(i), s.push(i), s.push(o);
   t.sort(e), n.sort(e), s.sort(e), this._monthsRegex = new RegExp("^(" + s.join("|") + ")", "i"), this._monthsShortRegex = this._monthsRegex, this._monthsStrictRegex = new RegExp(
     "^(" + n.join("|") + ")",
     "i"
@@ -2996,9 +2998,9 @@ function mr() {
     "i"
   );
 }
-function zl(e, t, n, s, r, a, i) {
-  var o;
-  return e < 100 && e >= 0 ? (o = new Date(e + 400, t, n, s, r, a, i), isFinite(o.getFullYear()) && o.setFullYear(e)) : o = new Date(e, t, n, s, r, a, i), o;
+function zl(e, t, n, s, r, a, o) {
+  var i;
+  return e < 100 && e >= 0 ? (i = new Date(e + 400, t, n, s, r, a, o), isFinite(i.getFullYear()) && i.setFullYear(e)) : i = new Date(e, t, n, s, r, a, o), i;
 }
 function gt(e) {
   var t, n;
@@ -3009,17 +3011,17 @@ function $t(e, t, n) {
   return -r + s - 1;
 }
 function vr(e, t, n, s, r) {
-  var a = (7 + n - s) % 7, i = $t(e, s, r), o = 1 + 7 * (t - 1) + a + i, l, u;
-  return o <= 0 ? (l = e - 1, u = _t(l) + o) : o > _t(e) ? (l = e + 1, u = o - _t(e)) : (l = e, u = o), {
+  var a = (7 + n - s) % 7, o = $t(e, s, r), i = 1 + 7 * (t - 1) + a + o, l, u;
+  return i <= 0 ? (l = e - 1, u = _t(l) + i) : i > _t(e) ? (l = e + 1, u = i - _t(e)) : (l = e, u = i), {
     year: l,
     dayOfYear: u
   };
 }
 function bt(e, t, n) {
-  var s = $t(e.year(), t, n), r = Math.floor((e.dayOfYear() - s - 1) / 7) + 1, a, i;
-  return r < 1 ? (i = e.year() - 1, a = r + Le(i, t, n)) : r > Le(e.year(), t, n) ? (a = r - Le(e.year(), t, n), i = e.year() + 1) : (i = e.year(), a = r), {
+  var s = $t(e.year(), t, n), r = Math.floor((e.dayOfYear() - s - 1) / 7) + 1, a, o;
+  return r < 1 ? (o = e.year() - 1, a = r + Le(o, t, n)) : r > Le(e.year(), t, n) ? (a = r - Le(e.year(), t, n), o = e.year() + 1) : (o = e.year(), a = r), {
     week: a,
-    year: i
+    year: o
   };
 }
 function Le(e, t, n) {
@@ -3102,18 +3104,18 @@ function jn(e, t) {
   return e.slice(t, 7).concat(e.slice(0, t));
 }
 var tu = "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), _r = "Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"), nu = "Su_Mo_Tu_We_Th_Fr_Sa".split("_"), su = Ot, ru = Ot, au = Ot;
-function iu(e, t) {
+function ou(e, t) {
   var n = ye(this._weekdays) ? this._weekdays : this._weekdays[e && e !== !0 && this._weekdays.isFormat.test(t) ? "format" : "standalone"];
   return e === !0 ? jn(n, this._week.dow) : e ? n[e.day()] : n;
 }
-function ou(e) {
+function iu(e) {
   return e === !0 ? jn(this._weekdaysShort, this._week.dow) : e ? this._weekdaysShort[e.day()] : this._weekdaysShort;
 }
 function lu(e) {
   return e === !0 ? jn(this._weekdaysMin, this._week.dow) : e ? this._weekdaysMin[e.day()] : this._weekdaysMin;
 }
 function uu(e, t, n) {
-  var s, r, a, i = e.toLocaleLowerCase();
+  var s, r, a, o = e.toLocaleLowerCase();
   if (!this._weekdaysParse)
     for (this._weekdaysParse = [], this._shortWeekdaysParse = [], this._minWeekdaysParse = [], s = 0; s < 7; ++s)
       a = Oe([2e3, 1]).day(s), this._minWeekdaysParse[s] = this.weekdaysMin(
@@ -3123,7 +3125,7 @@ function uu(e, t, n) {
         a,
         ""
       ).toLocaleLowerCase(), this._weekdaysParse[s] = this.weekdays(a, "").toLocaleLowerCase();
-  return n ? t === "dddd" ? (r = Z.call(this._weekdaysParse, i), r !== -1 ? r : null) : t === "ddd" ? (r = Z.call(this._shortWeekdaysParse, i), r !== -1 ? r : null) : (r = Z.call(this._minWeekdaysParse, i), r !== -1 ? r : null) : t === "dddd" ? (r = Z.call(this._weekdaysParse, i), r !== -1 || (r = Z.call(this._shortWeekdaysParse, i), r !== -1) ? r : (r = Z.call(this._minWeekdaysParse, i), r !== -1 ? r : null)) : t === "ddd" ? (r = Z.call(this._shortWeekdaysParse, i), r !== -1 || (r = Z.call(this._weekdaysParse, i), r !== -1) ? r : (r = Z.call(this._minWeekdaysParse, i), r !== -1 ? r : null)) : (r = Z.call(this._minWeekdaysParse, i), r !== -1 || (r = Z.call(this._weekdaysParse, i), r !== -1) ? r : (r = Z.call(this._shortWeekdaysParse, i), r !== -1 ? r : null));
+  return n ? t === "dddd" ? (r = Z.call(this._weekdaysParse, o), r !== -1 ? r : null) : t === "ddd" ? (r = Z.call(this._shortWeekdaysParse, o), r !== -1 ? r : null) : (r = Z.call(this._minWeekdaysParse, o), r !== -1 ? r : null) : t === "dddd" ? (r = Z.call(this._weekdaysParse, o), r !== -1 || (r = Z.call(this._shortWeekdaysParse, o), r !== -1) ? r : (r = Z.call(this._minWeekdaysParse, o), r !== -1 ? r : null)) : t === "ddd" ? (r = Z.call(this._shortWeekdaysParse, o), r !== -1 || (r = Z.call(this._weekdaysParse, o), r !== -1) ? r : (r = Z.call(this._minWeekdaysParse, o), r !== -1 ? r : null)) : (r = Z.call(this._minWeekdaysParse, o), r !== -1 || (r = Z.call(this._weekdaysParse, o), r !== -1) ? r : (r = Z.call(this._shortWeekdaysParse, o), r !== -1 ? r : null));
 }
 function du(e, t, n) {
   var s, r, a;
@@ -3183,9 +3185,9 @@ function zn() {
   function e(h, w) {
     return w.length - h.length;
   }
-  var t = [], n = [], s = [], r = [], a, i, o, l, u;
+  var t = [], n = [], s = [], r = [], a, o, i, l, u;
   for (a = 0; a < 7; a++)
-    i = Oe([2e3, 1]).day(a), o = Pe(this.weekdaysMin(i, "")), l = Pe(this.weekdaysShort(i, "")), u = Pe(this.weekdays(i, "")), t.push(o), n.push(l), s.push(u), r.push(o), r.push(l), r.push(u);
+    o = Oe([2e3, 1]).day(a), i = Pe(this.weekdaysMin(o, "")), l = Pe(this.weekdaysShort(o, "")), u = Pe(this.weekdays(o, "")), t.push(i), n.push(l), s.push(u), r.push(i), r.push(l), r.push(u);
   t.sort(e), n.sort(e), s.sort(e), r.sort(e), this._weekdaysRegex = new RegExp("^(" + r.join("|") + ")", "i"), this._weekdaysShortRegex = this._weekdaysRegex, this._weekdaysMinRegex = this._weekdaysRegex, this._weekdaysStrictRegex = new RegExp(
     "^(" + s.join("|") + ")",
     "i"
@@ -3240,9 +3242,9 @@ _("k", V, ct);
 _("HH", V, le);
 _("hh", V, le);
 _("kk", V, le);
-_("hmm", or);
+_("hmm", ir);
 _("hmmss", lr);
-_("Hmm", or);
+_("Hmm", ir);
 _("Hmmss", lr);
 U(["H", "HH"], J);
 U(["k", "kk"], function(e, t, n) {
@@ -3422,29 +3424,29 @@ var Cu = /^\s*((?:[+-]\d{6}|\d{4})-(?:\d\d-\d\d|W\d\d-\d|W\d\d|\d\d\d|\d\d))(?:(
   PST: -480
 };
 function wr(e) {
-  var t, n, s = e._i, r = Cu.exec(s) || Tu.exec(s), a, i, o, l, u = Et.length, h = dn.length;
+  var t, n, s = e._i, r = Cu.exec(s) || Tu.exec(s), a, o, i, l, u = Et.length, h = dn.length;
   if (r) {
     for (N(e).iso = !0, t = 0, n = u; t < n; t++)
       if (Et[t][1].exec(r[1])) {
-        i = Et[t][0], a = Et[t][2] !== !1;
+        o = Et[t][0], a = Et[t][2] !== !1;
         break;
       }
-    if (i == null) {
+    if (o == null) {
       e._isValid = !1;
       return;
     }
     if (r[3]) {
       for (t = 0, n = h; t < n; t++)
         if (dn[t][1].exec(r[3])) {
-          o = (r[2] || " ") + dn[t][0];
+          i = (r[2] || " ") + dn[t][0];
           break;
         }
-      if (o == null) {
+      if (i == null) {
         e._isValid = !1;
         return;
       }
     }
-    if (!a && o != null) {
+    if (!a && i != null) {
       e._isValid = !1;
       return;
     }
@@ -3455,19 +3457,19 @@ function wr(e) {
         e._isValid = !1;
         return;
       }
-    e._f = i + (o || "") + (l || ""), Xn(e);
+    e._f = o + (i || "") + (l || ""), Xn(e);
   } else
     e._isValid = !1;
 }
 function Eu(e, t, n, s, r, a) {
-  var i = [
+  var o = [
     Ru(e),
     cr.indexOf(t),
     parseInt(n, 10),
     parseInt(s, 10),
     parseInt(r, 10)
   ];
-  return a && i.push(parseInt(a, 10)), i;
+  return a && o.push(parseInt(a, 10)), o;
 }
 function Ru(e) {
   var t = parseInt(e, 10);
@@ -3546,9 +3548,9 @@ function $u(e) {
   ] : [t.getFullYear(), t.getMonth(), t.getDate()];
 }
 function Kn(e) {
-  var t, n, s = [], r, a, i;
+  var t, n, s = [], r, a, o;
   if (!e._d) {
-    for (r = $u(e), e._w && e._a[ke] == null && e._a[Ee] == null && Wu(e), e._dayOfYear != null && (i = nt(e._a[ee], r[ee]), (e._dayOfYear > _t(i) || e._dayOfYear === 0) && (N(e)._overflowDayOfYear = !0), n = gt(i, 0, e._dayOfYear), e._a[Ee] = n.getUTCMonth(), e._a[ke] = n.getUTCDate()), t = 0; t < 3 && e._a[t] == null; ++t)
+    for (r = $u(e), e._w && e._a[ke] == null && e._a[Ee] == null && Wu(e), e._dayOfYear != null && (o = nt(e._a[ee], r[ee]), (e._dayOfYear > _t(o) || e._dayOfYear === 0) && (N(e)._overflowDayOfYear = !0), n = gt(o, 0, e._dayOfYear), e._a[Ee] = n.getUTCMonth(), e._a[ke] = n.getUTCDate()), t = 0; t < 3 && e._a[t] == null; ++t)
       e._a[t] = s[t] = r[t];
     for (; t < 7; t++)
       e._a[t] = s[t] = e._a[t] == null ? t === 2 ? 1 : 0 : e._a[t];
@@ -3559,12 +3561,12 @@ function Kn(e) {
   }
 }
 function Wu(e) {
-  var t, n, s, r, a, i, o, l, u;
-  t = e._w, t.GG != null || t.W != null || t.E != null ? (a = 1, i = 4, n = nt(
+  var t, n, s, r, a, o, i, l, u;
+  t = e._w, t.GG != null || t.W != null || t.E != null ? (a = 1, o = 4, n = nt(
     t.GG,
     e._a[ee],
     bt(G(), 1, 4).year
-  ), s = nt(t.W, 1), r = nt(t.E, 1), (r < 1 || r > 7) && (l = !0)) : (a = e._locale._week.dow, i = e._locale._week.doy, u = bt(G(), a, i), n = nt(t.gg, e._a[ee], u.year), s = nt(t.w, u.week), t.d != null ? (r = t.d, (r < 0 || r > 6) && (l = !0)) : t.e != null ? (r = t.e + a, (t.e < 0 || t.e > 6) && (l = !0)) : r = a), s < 1 || s > Le(n, a, i) ? N(e)._overflowWeeks = !0 : l != null ? N(e)._overflowWeekday = !0 : (o = vr(n, s, r, a, i), e._a[ee] = o.year, e._dayOfYear = o.dayOfYear);
+  ), s = nt(t.W, 1), r = nt(t.E, 1), (r < 1 || r > 7) && (l = !0)) : (a = e._locale._week.dow, o = e._locale._week.doy, u = bt(G(), a, o), n = nt(t.gg, e._a[ee], u.year), s = nt(t.w, u.week), t.d != null ? (r = t.d, (r < 0 || r > 6) && (l = !0)) : t.e != null ? (r = t.e + a, (t.e < 0 || t.e > 6) && (l = !0)) : r = a), s < 1 || s > Le(n, a, o) ? N(e)._overflowWeeks = !0 : l != null ? N(e)._overflowWeekday = !0 : (i = vr(n, s, r, a, o), e._a[ee] = i.year, e._dayOfYear = i.dayOfYear);
 }
 v.ISO_8601 = function() {
 };
@@ -3580,12 +3582,12 @@ function Xn(e) {
     return;
   }
   e._a = [], N(e).empty = !0;
-  var t = "" + e._i, n, s, r, a, i, o = t.length, l = 0, u, h;
+  var t = "" + e._i, n, s, r, a, o, i = t.length, l = 0, u, h;
   for (r = rr(e._f, e._locale).match($n) || [], h = r.length, n = 0; n < h; n++)
-    a = r[n], s = (t.match(Cl(a, e)) || [])[0], s && (i = t.substr(0, t.indexOf(s)), i.length > 0 && N(e).unusedInput.push(i), t = t.slice(
+    a = r[n], s = (t.match(Cl(a, e)) || [])[0], s && (o = t.substr(0, t.indexOf(s)), o.length > 0 && N(e).unusedInput.push(o), t = t.slice(
       t.indexOf(s) + s.length
     ), l += s.length), at[a] ? (s ? N(e).empty = !1 : N(e).unusedTokens.push(a), Nl(a, s, e)) : e._strict && !s && N(e).unusedTokens.push(a);
-  N(e).charsLeftOver = o - l, t.length > 0 && N(e).unusedInput.push(t), e._a[J] <= 12 && N(e).bigHour === !0 && e._a[J] > 0 && (N(e).bigHour = void 0), N(e).parsedDateParts = e._a.slice(0), N(e).meridiem = e._meridiem, e._a[J] = Hu(
+  N(e).charsLeftOver = i - l, t.length > 0 && N(e).unusedInput.push(t), e._a[J] <= 12 && N(e).bigHour === !0 && e._a[J] > 0 && (N(e).bigHour = void 0), N(e).parsedDateParts = e._a.slice(0), N(e).meridiem = e._meridiem, e._a[J] = Hu(
     e._locale,
     e._a[J],
     e._meridiem
@@ -3596,13 +3598,13 @@ function Hu(e, t, n) {
   return n == null ? t : e.meridiemHour != null ? e.meridiemHour(t, n) : (e.isPM != null && (s = e.isPM(n), s && t < 12 && (t += 12), !s && t === 12 && (t = 0)), t);
 }
 function Fu(e) {
-  var t, n, s, r, a, i, o = !1, l = e._f.length;
+  var t, n, s, r, a, o, i = !1, l = e._f.length;
   if (l === 0) {
     N(e).invalidFormat = !0, e._d = /* @__PURE__ */ new Date(NaN);
     return;
   }
   for (r = 0; r < l; r++)
-    a = 0, i = !1, t = An({}, e), e._useUTC != null && (t._useUTC = e._useUTC), t._f = e._f[r], Xn(t), Ln(t) && (i = !0), a += N(t).charsLeftOver, a += N(t).unusedTokens.length * 10, N(t).score = a, o ? a < s && (s = a, n = t) : (s == null || a < s || i) && (s = a, n = t, i && (o = !0));
+    a = 0, o = !1, t = An({}, e), e._useUTC != null && (t._useUTC = e._useUTC), t._f = e._f[r], Xn(t), Ln(t) && (o = !0), a += N(t).charsLeftOver, a += N(t).unusedTokens.length * 10, N(t).score = a, i ? a < s && (s = a, n = t) : (s == null || a < s || o) && (s = a, n = t, o && (i = !0));
   Fe(e, n || t);
 }
 function Gu(e) {
@@ -3699,10 +3701,10 @@ function Qu() {
   return be(NaN);
 }
 function en(e) {
-  var t = Wn(e), n = t.year || 0, s = t.quarter || 0, r = t.month || 0, a = t.week || t.isoWeek || 0, i = t.day || 0, o = t.hour || 0, l = t.minute || 0, u = t.second || 0, h = t.millisecond || 0;
+  var t = Wn(e), n = t.year || 0, s = t.quarter || 0, r = t.month || 0, a = t.week || t.isoWeek || 0, o = t.day || 0, i = t.hour || 0, l = t.minute || 0, u = t.second || 0, h = t.millisecond || 0;
   this._isValid = Xu(t), this._milliseconds = +h + u * 1e3 + // 1000
   l * 6e4 + // 1000 * 60
-  o * 1e3 * 60 * 60, this._days = +i + a * 7, this._months = +r + s * 3 + n * 12, this._data = {}, this._locale = $e(), this._bubble();
+  i * 1e3 * 60 * 60, this._days = +o + a * 7, this._months = +r + s * 3 + n * 12, this._data = {}, this._locale = $e(), this._bubble();
 }
 function Lt(e) {
   return e instanceof en;
@@ -3711,9 +3713,9 @@ function wn(e) {
   return e < 0 ? Math.round(-1 * e) * -1 : Math.round(e);
 }
 function ed(e, t, n) {
-  var s = Math.min(e.length, t.length), r = Math.abs(e.length - t.length), a = 0, i;
-  for (i = 0; i < s; i++)
-    Y(e[i]) !== Y(t[i]) && a++;
+  var s = Math.min(e.length, t.length), r = Math.abs(e.length - t.length), a = 0, o;
+  for (o = 0; o < s; o++)
+    Y(e[o]) !== Y(t[o]) && a++;
   return a + r;
 }
 function Or(e, t) {
@@ -3770,7 +3772,7 @@ function rd(e) {
 function ad(e) {
   return this._isUTC && (this.utcOffset(0, e), this._isUTC = !1, e && this.subtract(kn(this), "m")), this;
 }
-function id() {
+function od() {
   if (this._tzm != null)
     this.utcOffset(this._tzm, !1, !0);
   else if (typeof this._i == "string") {
@@ -3779,7 +3781,7 @@ function id() {
   }
   return this;
 }
-function od(e) {
+function id(e) {
   return this.isValid() ? (e = e ? G(e).utcOffset() : 0, (this.utcOffset() - e) % 60 === 0) : !1;
 }
 function ld() {
@@ -3802,7 +3804,7 @@ function Cr() {
 }
 var hd = /^(-|\+)?(?:(\d*)[. ])?(\d+):(\d+)(?::(\d+)(\.\d*)?)?$/, fd = /^(-|\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/;
 function be(e, t) {
-  var n = e, s = null, r, a, i;
+  var n = e, s = null, r, a, o;
   return Lt(e) ? n = {
     ms: e._milliseconds,
     d: e._days,
@@ -3823,10 +3825,10 @@ function be(e, t) {
     h: Be(s[6], r),
     m: Be(s[7], r),
     s: Be(s[8], r)
-  }) : n == null ? n = {} : typeof n == "object" && ("from" in n || "to" in n) && (i = pd(
+  }) : n == null ? n = {} : typeof n == "object" && ("from" in n || "to" in n) && (o = pd(
     G(n.from),
     G(n.to)
-  ), n = {}, n.ms = i.milliseconds, n.M = i.months), a = new en(n), Lt(e) && P(e, "_locale") && (a._locale = e._locale), Lt(e) && P(e, "_isValid") && (a._isValid = e._isValid), a;
+  ), n = {}, n.ms = o.milliseconds, n.M = o.months), a = new en(n), Lt(e) && P(e, "_locale") && (a._locale = e._locale), Lt(e) && P(e, "_isValid") && (a._isValid = e._isValid), a;
 }
 be.fn = en.prototype;
 be.invalid = Qu;
@@ -3852,8 +3854,8 @@ function Tr(e, t) {
   };
 }
 function Nr(e, t, n, s) {
-  var r = t._milliseconds, a = wn(t._days), i = wn(t._months);
-  e.isValid() && (s = s ?? !0, i && fr(e, yt(e, "Month") + i * n), a && dr(e, "Date", yt(e, "Date") + a * n), r && e._d.setTime(e._d.valueOf() + r * n), s && v.updateOffset(e, a || i));
+  var r = t._milliseconds, a = wn(t._days), o = wn(t._months);
+  e.isValid() && (s = s ?? !0, o && fr(e, yt(e, "Month") + o * n), a && dr(e, "Date", yt(e, "Date") + a * n), r && e._d.setTime(e._d.valueOf() + r * n), s && v.updateOffset(e, a || o));
 }
 var md = Tr(1, "add"), vd = Tr(-1, "subtract");
 function Dr(e) {
@@ -3888,8 +3890,8 @@ function yd(e) {
     "milliseconds",
     "millisecond",
     "ms"
-  ], r, a, i = s.length;
-  for (r = 0; r < i; r += 1)
+  ], r, a, o = s.length;
+  for (r = 0; r < o; r += 1)
     a = s[r], n = n || P(e, a);
   return t && n;
 }
@@ -4048,8 +4050,8 @@ var Yr = fe(
 function Er() {
   return this._locale;
 }
-var Wt = 1e3, it = 60 * Wt, Ht = 60 * it, Rr = (365 * 400 + 97) * 24 * Ht;
-function ot(e, t) {
+var Wt = 1e3, ot = 60 * Wt, Ht = 60 * ot, Rr = (365 * 400 + 97) * 24 * Ht;
+function it(e, t) {
   return (e % t + t) % t;
 }
 function Pr(e, t, n) {
@@ -4095,16 +4097,16 @@ function $d(e) {
       t = n(this.year(), this.month(), this.date());
       break;
     case "hour":
-      t = this._d.valueOf(), t -= ot(
-        t + (this._isUTC ? 0 : this.utcOffset() * it),
+      t = this._d.valueOf(), t -= it(
+        t + (this._isUTC ? 0 : this.utcOffset() * ot),
         Ht
       );
       break;
     case "minute":
-      t = this._d.valueOf(), t -= ot(t, it);
+      t = this._d.valueOf(), t -= it(t, ot);
       break;
     case "second":
-      t = this._d.valueOf(), t -= ot(t, Wt);
+      t = this._d.valueOf(), t -= it(t, Wt);
       break;
   }
   return this._d.setTime(t), v.updateOffset(this, !0), this;
@@ -4146,16 +4148,16 @@ function Wd(e) {
       t = n(this.year(), this.month(), this.date() + 1) - 1;
       break;
     case "hour":
-      t = this._d.valueOf(), t += Ht - ot(
-        t + (this._isUTC ? 0 : this.utcOffset() * it),
+      t = this._d.valueOf(), t += Ht - it(
+        t + (this._isUTC ? 0 : this.utcOffset() * ot),
         Ht
       ) - 1;
       break;
     case "minute":
-      t = this._d.valueOf(), t += it - ot(t, it) - 1;
+      t = this._d.valueOf(), t += ot - it(t, ot) - 1;
       break;
     case "second":
-      t = this._d.valueOf(), t += Wt - ot(t, Wt) - 1;
+      t = this._d.valueOf(), t += Wt - it(t, Wt) - 1;
       break;
   }
   return this._d.setTime(t), v.updateOffset(this, !0), this;
@@ -4226,7 +4228,7 @@ x("y", ["yyyy", 4], 0, "eraYear");
 _("N", es);
 _("NN", es);
 _("NNN", es);
-_("NNNN", oc);
+_("NNNN", ic);
 _("NNNNN", lc);
 U(
   ["N", "NN", "NNN", "NNNN", "NNNNN"],
@@ -4259,18 +4261,18 @@ function Xd(e, t) {
   return a;
 }
 function Jd(e, t, n) {
-  var s, r, a = this.eras(), i, o, l;
+  var s, r, a = this.eras(), o, i, l;
   for (e = e.toUpperCase(), s = 0, r = a.length; s < r; ++s)
-    if (i = a[s].name.toUpperCase(), o = a[s].abbr.toUpperCase(), l = a[s].narrow.toUpperCase(), n)
+    if (o = a[s].name.toUpperCase(), i = a[s].abbr.toUpperCase(), l = a[s].narrow.toUpperCase(), n)
       switch (t) {
         case "N":
         case "NN":
         case "NNN":
-          if (o === e)
+          if (i === e)
             return a[s];
           break;
         case "NNNN":
-          if (i === e)
+          if (o === e)
             return a[s];
           break;
         case "NNNNN":
@@ -4278,7 +4280,7 @@ function Jd(e, t, n) {
             return a[s];
           break;
       }
-    else if ([i, o, l].indexOf(e) >= 0)
+    else if ([o, i, l].indexOf(e) >= 0)
       return a[s];
 }
 function Qd(e, t) {
@@ -4319,13 +4321,13 @@ function rc(e) {
 function ac(e) {
   return P(this, "_erasAbbrRegex") || ts.call(this), e ? this._erasAbbrRegex : this._erasRegex;
 }
-function ic(e) {
+function oc(e) {
   return P(this, "_erasNarrowRegex") || ts.call(this), e ? this._erasNarrowRegex : this._erasRegex;
 }
 function es(e, t) {
   return t.erasAbbrRegex(e);
 }
-function oc(e, t) {
+function ic(e, t) {
   return t.erasNameRegex(e);
 }
 function lc(e, t) {
@@ -4335,9 +4337,9 @@ function uc(e, t) {
   return t._eraYearOrdinalRegex || dt;
 }
 function ts() {
-  var e = [], t = [], n = [], s = [], r, a, i, o, l, u = this.eras();
+  var e = [], t = [], n = [], s = [], r, a, o, i, l, u = this.eras();
   for (r = 0, a = u.length; r < a; ++r)
-    i = Pe(u[r].name), o = Pe(u[r].abbr), l = Pe(u[r].narrow), t.push(i), e.push(o), n.push(l), s.push(i), s.push(o), s.push(l);
+    o = Pe(u[r].name), i = Pe(u[r].abbr), l = Pe(u[r].narrow), t.push(o), e.push(i), n.push(l), s.push(o), s.push(i), s.push(l);
   this._erasRegex = new RegExp("^(" + s.join("|") + ")", "i"), this._erasNameRegex = new RegExp("^(" + t.join("|") + ")", "i"), this._erasAbbrRegex = new RegExp("^(" + e.join("|") + ")", "i"), this._erasNarrowRegex = new RegExp(
     "^(" + n.join("|") + ")",
     "i"
@@ -4412,8 +4414,8 @@ function Ar(e, t, n, s, r) {
   return e == null ? bt(this, s, r).year : (a = Le(e, s, r), t > a && (t = a), vc.call(this, e, t, n, s, r));
 }
 function vc(e, t, n, s, r) {
-  var a = vr(e, t, n, s, r), i = gt(a.year, 0, a.dayOfYear);
-  return this.year(i.getUTCFullYear()), this.month(i.getUTCMonth()), this.date(i.getUTCDate()), this;
+  var a = vr(e, t, n, s, r), o = gt(a.year, 0, a.dayOfYear);
+  return this.year(o.getUTCFullYear()), this.month(o.getUTCMonth()), this.date(o.getUTCDate()), this;
 }
 x("Q", 0, "Qo", "quarter");
 _("Q", ar);
@@ -4436,7 +4438,7 @@ U("Do", function(e, t) {
 var Ur = ht("Date", !0);
 x("DDD", ["DDDD", 3], "DDDo", "dayOfYear");
 _("DDD", Zt);
-_("DDDD", ir);
+_("DDDD", or);
 U(["DDD", "DDDD"], function(e, t, n) {
   n._dayOfYear = Y(e);
 });
@@ -4483,7 +4485,7 @@ x(0, ["SSSSSSSSS", 9], 0, function() {
 });
 _("S", Zt, ar);
 _("SS", Zt, le);
-_("SSS", Zt, ir);
+_("SSS", Zt, or);
 var Ge, $r;
 for (Ge = "SSSS"; Ge.length <= 9; Ge += "S")
   _(Ge, dt);
@@ -4572,8 +4574,8 @@ d.millisecond = d.milliseconds = $r;
 d.utcOffset = nd;
 d.utc = rd;
 d.local = ad;
-d.parseZone = id;
-d.hasAlignedHourOffset = od;
+d.parseZone = od;
+d.hasAlignedHourOffset = id;
 d.isDST = ld;
 d.isLocal = dd;
 d.isUtcOffset = cd;
@@ -4625,7 +4627,7 @@ L.erasParse = Jd;
 L.erasConvertYear = Qd;
 L.erasAbbrRegex = ac;
 L.erasNameRegex = rc;
-L.erasNarrowRegex = ic;
+L.erasNarrowRegex = oc;
 L.months = $l;
 L.monthsShort = Wl;
 L.monthsParse = Fl;
@@ -4634,9 +4636,9 @@ L.monthsShortRegex = Vl;
 L.week = Bl;
 L.firstDayOfYear = Kl;
 L.firstDayOfWeek = ql;
-L.weekdays = iu;
+L.weekdays = ou;
 L.weekdaysMin = lu;
-L.weekdaysShort = ou;
+L.weekdaysShort = iu;
 L.weekdaysParse = du;
 L.weekdaysRegex = pu;
 L.weekdaysShortRegex = mu;
@@ -4657,12 +4659,12 @@ function Hr(e, t, n) {
 }
 function ns(e, t, n, s) {
   typeof e == "boolean" ? (Ue(t) && (n = t, t = void 0), t = t || "") : (t = e, n = t, e = !1, Ue(t) && (n = t, t = void 0), t = t || "");
-  var r = $e(), a = e ? r._week.dow : 0, i, o = [];
+  var r = $e(), a = e ? r._week.dow : 0, o, i = [];
   if (n != null)
     return Ft(t, (n + a) % 7, s, "day");
-  for (i = 0; i < 7; i++)
-    o[i] = Ft(t, (i + a) % 7, s, "day");
-  return o;
+  for (o = 0; o < 7; o++)
+    i[o] = Ft(t, (o + a) % 7, s, "day");
+  return i;
 }
 function Oc(e, t) {
   return Hr(e, t, "months");
@@ -4731,8 +4733,8 @@ function fs(e) {
   return e < 0 ? Math.floor(e) : Math.ceil(e);
 }
 function Rc() {
-  var e = this._milliseconds, t = this._days, n = this._months, s = this._data, r, a, i, o, l;
-  return e >= 0 && t >= 0 && n >= 0 || e <= 0 && t <= 0 && n <= 0 || (e += fs(Mn(n) + t) * 864e5, t = 0, n = 0), s.milliseconds = e % 1e3, r = de(e / 1e3), s.seconds = r % 60, a = de(r / 60), s.minutes = a % 60, i = de(a / 60), s.hours = i % 24, t += de(i / 24), l = de(Gr(t)), n += l, t -= fs(Mn(l)), o = de(n / 12), n %= 12, s.days = t, s.months = n, s.years = o, this;
+  var e = this._milliseconds, t = this._days, n = this._months, s = this._data, r, a, o, i, l;
+  return e >= 0 && t >= 0 && n >= 0 || e <= 0 && t <= 0 && n <= 0 || (e += fs(Mn(n) + t) * 864e5, t = 0, n = 0), s.milliseconds = e % 1e3, r = de(e / 1e3), s.seconds = r % 60, a = de(r / 60), s.minutes = a % 60, o = de(a / 60), s.hours = o % 24, t += de(o / 24), l = de(Gr(t)), n += l, t -= fs(Mn(l)), i = de(n / 12), n %= 12, s.days = t, s.months = n, s.years = i, this;
 }
 function Gr(e) {
   return e * 4800 / 146097;
@@ -4813,7 +4815,7 @@ function th(e, t, n, s, r) {
   return r.relativeTime(t || 1, !!n, e, s);
 }
 function nh(e, t, n, s) {
-  var r = be(e).abs(), a = Ie(r.as("s")), i = Ie(r.as("m")), o = Ie(r.as("h")), l = Ie(r.as("d")), u = Ie(r.as("M")), h = Ie(r.as("w")), w = Ie(r.as("y")), p = a <= n.ss && ["s", a] || a < n.s && ["ss", a] || i <= 1 && ["m"] || i < n.m && ["mm", i] || o <= 1 && ["h"] || o < n.h && ["hh", o] || l <= 1 && ["d"] || l < n.d && ["dd", l];
+  var r = be(e).abs(), a = Ie(r.as("s")), o = Ie(r.as("m")), i = Ie(r.as("h")), l = Ie(r.as("d")), u = Ie(r.as("M")), h = Ie(r.as("w")), w = Ie(r.as("y")), p = a <= n.ss && ["s", a] || a < n.s && ["ss", a] || o <= 1 && ["m"] || o < n.m && ["mm", o] || i <= 1 && ["h"] || i < n.h && ["hh", i] || l <= 1 && ["d"] || l < n.d && ["dd", l];
   return n.w != null && (p = p || h <= 1 && ["w"] || h < n.w && ["ww", h]), p = p || u <= 1 && ["M"] || u < n.M && ["MM", u] || w <= 1 && ["y"] || ["yy", w], p[2] = t, p[3] = +e > 0, p[4] = s, th.apply(null, p);
 }
 function sh(e) {
@@ -4835,8 +4837,8 @@ function tt(e) {
 function nn() {
   if (!this.isValid())
     return this.localeData().invalidDate();
-  var e = cn(this._milliseconds) / 1e3, t = cn(this._days), n = cn(this._months), s, r, a, i, o = this.asSeconds(), l, u, h, w;
-  return o ? (s = de(e / 60), r = de(s / 60), e %= 60, s %= 60, a = de(n / 12), n %= 12, i = e ? e.toFixed(3).replace(/\.?0+$/, "") : "", l = o < 0 ? "-" : "", u = tt(this._months) !== tt(o) ? "-" : "", h = tt(this._days) !== tt(o) ? "-" : "", w = tt(this._milliseconds) !== tt(o) ? "-" : "", l + "P" + (a ? u + a + "Y" : "") + (n ? u + n + "M" : "") + (t ? h + t + "D" : "") + (r || s || e ? "T" : "") + (r ? w + r + "H" : "") + (s ? w + s + "M" : "") + (e ? w + i + "S" : "")) : "P0D";
+  var e = cn(this._milliseconds) / 1e3, t = cn(this._days), n = cn(this._months), s, r, a, o, i = this.asSeconds(), l, u, h, w;
+  return i ? (s = de(e / 60), r = de(s / 60), e %= 60, s %= 60, a = de(n / 12), n %= 12, o = e ? e.toFixed(3).replace(/\.?0+$/, "") : "", l = i < 0 ? "-" : "", u = tt(this._months) !== tt(i) ? "-" : "", h = tt(this._days) !== tt(i) ? "-" : "", w = tt(this._milliseconds) !== tt(i) ? "-" : "", l + "P" + (a ? u + a + "Y" : "") + (n ? u + n + "M" : "") + (t ? h + t + "D" : "") + (r || s || e ? "T" : "") + (r ? w + r + "H" : "") + (s ? w + s + "M" : "") + (e ? w + o + "S" : "")) : "P0D";
 }
 var E = en.prototype;
 E.isValid = Ju;
@@ -4887,7 +4889,7 @@ U("x", function(e, t, n) {
   n._d = new Date(Y(e));
 });
 v.version = "2.30.1";
-il(G);
+ol(G);
 v.fn = d;
 v.min = Zu;
 v.max = qu;
@@ -4935,11 +4937,11 @@ v.HTML5_FMT = {
   MONTH: "YYYY-MM"
   // <input type="month" />
 };
-const ih = "code-graph", oh = (e, t = "", n = "json") => {
+const oh = "code-graph", ih = (e, t = "", n = "json") => {
   const s = document.createElement("a");
   s.setAttribute("href", `data:text/${n};charset=UTF-8,${encodeURIComponent(e)}`);
   const r = v().format("YYMMDD_HHMMSS");
-  s.setAttribute("download", `${ih}_${r}_${t}.${n}`), s.style.display = "none", document.body.appendChild(s), s.click(), document.body.removeChild(s);
+  s.setAttribute("download", `${oh}_${r}_${t}.${n}`), s.style.display = "none", document.body.appendChild(s), s.click(), document.body.removeChild(s);
 }, lh = (e = "json") => {
   const t = document.createElement("input");
   return t.setAttribute("type", "file"), t.setAttribute("id", "fileElem"), t.setAttribute("multiple", "true"), t.setAttribute("accept", `${e}/*`), t.style.display = "none", document.body.appendChild(t), t.click(), t;
@@ -4953,7 +4955,7 @@ const ih = "code-graph", oh = (e, t = "", n = "json") => {
   }), t.registerCommand(zr, {
     execute: () => {
       const r = e.value.editor.save();
-      oh(JSON.stringify(r, null, 2), e.value.shortId);
+      ih(JSON.stringify(r, null, 2), e.value.shortId);
     },
     canExecute: () => e.value.nodes.length > 0
   }), t.registerCommand(Br, {
@@ -4971,15 +4973,15 @@ const ih = "code-graph", oh = (e, t = "", n = "json") => {
         document.body.removeChild(r);
         const a = r.files;
         if (!a || a.length <= 0) return !1;
-        const i = new FileReader();
-        i.onload = (o) => {
-          if (o.target?.result) {
-            const l = o.target.result;
+        const o = new FileReader();
+        o.onload = (i) => {
+          if (i.target?.result) {
+            const l = i.target.result;
             if (l.length === 0) return;
             const u = JSON.parse(l);
             e.value.editor.load(u), e.value.code?.engine?.runOnce(null);
           }
-        }, i.readAsText(a.item(0));
+        }, o.readAsText(a.item(0));
       });
     },
     canExecute: () => !0
@@ -5305,18 +5307,18 @@ function mh(e) {
       if (!s.engine || typeof s.engine != "object")
         throw new Error(`GraphNode ${this.id}: calculate called but no engine provided in context`);
       const r = s.engine.getInputValues(this.subgraph);
-      for (const o of this.subgraph.inputs)
-        r.set(o.nodeInterfaceId, n[o.id]);
+      for (const i of this.subgraph.inputs)
+        r.set(i.nodeInterfaceId, n[i.id]);
       const a = await s.engine.runGraph(
         this.subgraph,
         r,
         s.globalValues
       );
       s.engine.pause(), Cs(a, s.engine.editor), s.engine.resume();
-      const i = {};
-      for (const o of this.subgraph.outputs)
-        i[o.id] = a.get(o.nodeId)?.get("output");
-      return i._calculationResults = a, this.lockCode || (i._code = this.renderCode({ inputs: n, ...s.globalValues })), this.updateOutputValues(i), i;
+      const o = {};
+      for (const i of this.subgraph.outputs)
+        o[i.id] = a.get(i.nodeId)?.get("output");
+      return o._calculationResults = a, this.lockCode || (o._code = this.renderCode({ inputs: n, ...s.globalValues })), this.updateOutputValues(o), o;
     };
     load(n) {
       if (!this.subgraph) throw new Error("Cannot load a graph node without a graph");
@@ -5360,10 +5362,10 @@ function mh(e) {
         this.subgraph.outputs.some((s) => s.id === n) || this.removeOutput(n);
       this.addInput(
         "_code",
-        new oe("_code", []).use(ne, _e).use(lt).setHidden(!0)
+        new ie("_code", []).use(ne, _e).use(lt).setHidden(!0)
       ), this.addOutput(
         "_code",
-        new oe("_code", []).use(ne, _e).use(lt).setHidden(!0)
+        new ie("_code", []).use(ne, _e).use(lt).setHidden(!0)
       ), this.addOutput("_calculationResults", new Se("_calculationResults", void 0).setHidden(!0));
     }
     /**
@@ -5372,19 +5374,19 @@ function mh(e) {
      * These properties should be proxied to the subgraph interface, so they behave the same as the original interface.
      */
     createProxyInterface(n, s) {
-      const r = new oe(n.name, void 0);
+      const r = new ie(n.name, void 0);
       return new Proxy(r, {
-        get: (a, i) => {
-          if (ph.includes(i) || i in a || typeof i == "string" && i.startsWith("__v_"))
-            return Reflect.get(a, i);
-          let o;
-          s ? o = this.subgraph?.nodes.find(
+        get: (a, o) => {
+          if (ph.includes(o) || o in a || typeof o == "string" && o.startsWith("__v_"))
+            return Reflect.get(a, o);
+          let i;
+          s ? i = this.subgraph?.nodes.find(
             (w) => Jr.isGraphInputNode(w) && w.graphInterfaceId === n.id
-          )?.outputs.placeholder.id : o = this.subgraph?.nodes.find(
+          )?.outputs.placeholder.id : i = this.subgraph?.nodes.find(
             (w) => Qr.isGraphOutputNode(w) && w.graphInterfaceId === n.id
           )?.inputs.placeholder.id;
-          const l = this.subgraph?.connections.find((h) => o === (s ? h.from : h.to)?.id), u = s ? l?.to : l?.from;
-          if (u) return Reflect.get(u, i);
+          const l = this.subgraph?.connections.find((h) => i === (s ? h.from : h.to)?.id), u = s ? l?.to : l?.from;
+          if (u) return Reflect.get(u, o);
         }
       });
     }
@@ -5413,16 +5415,16 @@ class rn extends Ea {
       const I = n.get(p);
       if (!I) throw new Error(`Unable to create graph from template: Could not map old id ${p} to new id`);
       return I;
-    }, a = (p) => Eo(p, (I) => ({
+    }, a = (p) => Ei(p, (I) => ({
       id: s(I.id),
       templateId: I.id,
       value: I.value
-    })), i = this.nodes.map((p) => ({
+    })), o = this.nodes.map((p) => ({
       ...p,
       id: s(p.id),
       inputs: a(p.inputs),
       outputs: a(p.outputs)
-    })), o = this.connections.map((p) => ({
+    })), i = this.connections.map((p) => ({
       id: s(p.id),
       from: r(p.from),
       to: r(p.to)
@@ -5438,8 +5440,8 @@ class rn extends Ea {
       nodeInterfaceId: r(p.nodeInterfaceId)
     })), h = {
       id: Xe(),
-      nodes: i,
-      connections: o,
+      nodes: o,
+      connections: i,
       inputs: l,
       outputs: u
     };
@@ -5465,36 +5467,36 @@ function _h(e, t) {
 class ea extends Jr {
   _title = "Subgraph Input";
   inputs = {
-    _code: new oe("_code", "").use(ne, _e).setHidden(!0),
+    _code: new ie("_code", "").use(ne, _e).setHidden(!0),
     name: new xs("Name", "Input").setPort(!1)
   };
   outputs = {
-    _code: new oe("_code", "").use(ne, _e).setHidden(!0),
+    _code: new ie("_code", "").use(ne, _e).setHidden(!0),
     placeholder: new Se("Connection", void 0)
   };
 }
 class ta extends Qr {
   _title = "Subgraph Output";
   inputs = {
-    _code: new oe("_code", "").use(ne, _e).setHidden(!0),
+    _code: new ie("_code", "").use(ne, _e).setHidden(!0),
     name: new xs("Name", "Output").setPort(!1),
     placeholder: new Se("Connection", void 0)
   };
   outputs = {
-    _code: new oe("_code", "").use(ne, _e).setHidden(!0),
+    _code: new ie("_code", "").use(ne, _e).setHidden(!0),
     output: new Se("Output", void 0).setHidden(!0)
   };
 }
 const yh = "CREATE_SUBGRAPH", vs = [Ra, Pa];
 function gh(e, t, n) {
   const s = () => e.value.selectedNodes.filter((a) => !vs.includes(a.type)).length > 0, r = () => {
-    const { viewModel: a } = kt(), i = e.value, o = e.value.editor;
-    if (i.selectedNodes.length === 0) return;
-    const l = i.selectedNodes.filter((C) => !vs.includes(C.type)), u = l.flatMap((C) => Object.values(C.inputs)), h = l.flatMap((C) => Object.values(C.outputs)), w = i.connections.filter(
+    const { viewModel: a } = kt(), o = e.value, i = e.value.editor;
+    if (o.selectedNodes.length === 0) return;
+    const l = o.selectedNodes.filter((C) => !vs.includes(C.type)), u = l.flatMap((C) => Object.values(C.inputs)), h = l.flatMap((C) => Object.values(C.outputs)), w = o.connections.filter(
       (C) => !h.includes(C.from) && u.includes(C.to)
-    ), p = i.connections.filter(
+    ), p = o.connections.filter(
       (C) => h.includes(C.from) && !u.includes(C.to)
-    ), I = i.connections.filter(
+    ), I = o.connections.filter(
       (C) => h.includes(C.from) && u.includes(C.to)
     ), y = l.map((C) => C.save()), O = I.map((C) => ({
       id: C.id,
@@ -5524,25 +5526,25 @@ function gh(e, t, n) {
           inputs: [],
           outputs: []
         },
-        o
+        i
       )
     );
-    o.addGraphTemplate(F);
-    const Te = o.nodeTypes.get(Os(F));
+    i.addGraphTemplate(F);
+    const Te = i.nodeTypes.get(Os(F));
     if (!Te) throw new Error("Unable to create subgraph: Could not find corresponding graph node type");
-    i.activeTransactions++;
+    o.activeTransactions++;
     const Ne = Ae(new Te.type());
-    i.addNode(Ne);
+    o.addNode(Ne);
     const ft = Math.round(
       l.map((C) => C.position.x).reduce((C, Q) => C + Q, 0) / l.length
     ), we = Math.round(
       l.map((C) => C.position.y).reduce((C, Q) => C + Q, 0) / l.length
     );
     Ne.position.x = ft, Ne.position.y = we, w.forEach((C) => {
-      i.removeConnection(C), i.addConnection(C.from, Ne.inputs[c.get(C.to.id)]);
+      o.removeConnection(C), o.addConnection(C.from, Ne.inputs[c.get(C.to.id)]);
     }), p.forEach((C) => {
-      i.removeConnection(C), i.addConnection(Ne.outputs[c.get(C.from.id)], C.to);
-    }), l.forEach((C) => i.removeNode(C)), i.activeTransactions--, t.canExecuteCommand(He.SAVE_SUBGRAPH_COMMAND) && t.executeCommand(He.SAVE_SUBGRAPH_COMMAND), n(F), e.value.panning = { ...i.panning }, e.value.scaling = i.scaling;
+      o.removeConnection(C), o.addConnection(Ne.outputs[c.get(C.from.id)], C.to);
+    }), l.forEach((C) => o.removeNode(C)), o.activeTransactions--, t.canExecuteCommand(He.SAVE_SUBGRAPH_COMMAND) && t.executeCommand(He.SAVE_SUBGRAPH_COMMAND), n(F), e.value.panning = { ...o.panning }, e.value.scaling = o.scaling;
   };
   t.registerCommand(yh, {
     canExecute: s,
@@ -5551,15 +5553,15 @@ function gh(e, t, n) {
 }
 function bh(e) {
   const t = e.reduce((r, a) => {
-    const i = a.position.x;
-    return i < r ? i : r;
+    const o = a.position.x;
+    return o < r ? o : r;
   }, 1 / 0), n = e.reduce((r, a) => {
-    const i = a.position.y;
-    return i < r ? i : r;
+    const o = a.position.y;
+    return o < r ? o : r;
   }, 1 / 0);
   return { xLeft: e.reduce((r, a) => {
-    const i = a.position.x + a.width;
-    return i > r ? i : r;
+    const o = a.position.x + a.width;
+    return o > r ? o : r;
   }, -1 / 0), xRight: t, yTop: n };
 }
 class wh extends La {
@@ -5615,13 +5617,13 @@ class wh extends La {
   }
 }
 function Zh(e) {
-  const t = ie(e?.code ?? new Rn()), n = ie(e?.existingEditor ?? new wh(t.value)), s = /* @__PURE__ */ Symbol("ViewModelToken"), r = ie(null), a = la(r), { switchGraph: i } = _h(n, r), o = z(() => a.value && a.value !== n.value.graph), l = Ae(ba());
+  const t = oe(e?.code ?? new Rn()), n = oe(e?.existingEditor ?? new wh(t.value)), s = /* @__PURE__ */ Symbol("ViewModelToken"), r = oe(null), a = la(r), { switchGraph: o } = _h(n, r), i = z(() => a.value && a.value !== n.value.graph), l = Ae(ba());
   l.nodes.defaultWidth = ss;
   const u = wa(), h = ka(a, u), w = Ma(a, n, u), p = {
     /** Called whenever a node is rendered */
-    renderNode: new is(null),
+    renderNode: new os(null),
     /** Called whenever an interface is rendered */
-    renderInterface: new is(null)
+    renderInterface: new os(null)
   }, I = Ae({
     clipboard: w,
     code: t,
@@ -5631,21 +5633,21 @@ function Zh(e) {
     history: h,
     hooks: p,
     isReady: !1,
-    isSubgraph: o,
+    isSubgraph: i,
     onBeforeUnmount: () => {
     },
     onMounted: () => {
     },
     settings: l,
-    switchGraph: i
+    switchGraph: o
   });
-  return t.value.registerViewModel(I), fh(I), Sa(a, u), gh(a, u, i), xa(a, u), Oa(a, u, i), Ca(a, u), Ta(a, u, l), dh(a, u, l), ch(l), gs(
+  return t.value.registerViewModel(I), fh(I), Sa(a, u), gh(a, u, o), xa(a, u), Oa(a, u, o), Ca(a, u), Ta(a, u, l), dh(a, u, l), ch(l), gs(
     n,
     (y, O) => {
       O && (O.events.registerGraph.unsubscribe(s), O.graphEvents.beforeAddNode.unsubscribe(s), y.nodeHooks.beforeLoad.unsubscribe(s), y.nodeHooks.afterSave.unsubscribe(s), y.graphTemplateHooks.beforeLoad.unsubscribe(s), y.graphTemplateHooks.afterSave.unsubscribe(s), y.graph.hooks.load.unsubscribe(s), y.graph.hooks.save.unsubscribe(s)), y && (y.nodeHooks.beforeLoad.subscribe(s, (c, g) => (g.position = c.position ?? { x: 0, y: 0 }, g.state && (g.state.integrated = c.integrated, c.props && (g.state.props = c.props), c.variableName && (g.state.variableName = c.variableName)), c)), y.nodeHooks.afterSave.subscribe(s, (c, g) => (c.position = g.position, g.state && (c.integrated = g.state.integrated, g.state.props && (c.props = g.state.props), g.state.variableName && (c.variableName = g.state.variableName)), c)), y.graphTemplateHooks.beforeLoad.subscribe(s, (c, g) => (g.panning = c.panning, g.scaling = c.scaling, c)), y.graphTemplateHooks.afterSave.subscribe(s, (c, g) => (c.panning = g.panning, c.scaling = g.scaling, c)), y.graph.hooks.load.subscribe(s, (c, g) => (g.panning = c.panning, g.scaling = c.scaling, c)), y.graph.hooks.save.subscribe(s, (c, g) => (c.panning = g.panning, c.scaling = g.scaling, c)), y.graphEvents.beforeAddNode.subscribe(
         s,
         (c) => Na(c, { defaultWidth: l.nodes.defaultWidth })
-      ), n.value.registerNodeType(ea, { category: "Subgraphs" }), n.value.registerNodeType(ta, { category: "Subgraphs" }), i(y.graph));
+      ), n.value.registerNodeType(ea, { category: "Subgraphs" }), n.value.registerNodeType(ta, { category: "Subgraphs" }), o(y.graph));
     },
     { immediate: !0 }
   ), ks(() => I.isReady = !0), I;
@@ -5663,7 +5665,7 @@ export {
   rn as CodeGraphTemplate,
   Dn as CodeNode,
   Mt as CodeNodeInputInterface,
-  oe as CodeNodeInterface,
+  ie as CodeNodeInterface,
   In as CodeNodeInterfaceComponent,
   tl as CodeNodeOutputInterface,
   zr as DOWNLOAD_EDITOR_STATE_COMMAND,
@@ -5693,11 +5695,11 @@ export {
   Bs as booleanType,
   Rh as components,
   mh as createCodeGraphNodeType,
-  Xo as createInterface,
+  Xi as createInterface,
   Wh as defineCodeNode,
   Hh as defineDynamicCodeNode,
-  Qo as dictType,
-  Ko as formatInputs,
+  Qi as dictType,
+  Ki as formatInputs,
   Kr as getCodeNodes,
   jh as getPositionAtColumn,
   zh as getPositionBeforeNode,