@code0-tech/pictor 0.0.0-mvp.29 → 0.0.0-mvp.30

package/dist/_virtual/_commonjsHelpers.js

@@ -0,0 +1,6 @@
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+export {
+  e as getDefaultExportFromCjs
+};

package/dist/_virtual/index.js

@@ -0,0 +1,4 @@
+var p = { exports: {} };
+export {
+  p as __module
+};

package/dist/_virtual/index2.js

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

package/dist/_virtual/react-contenteditable.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as t } from "./_commonjsHelpers.js";
+import { __require as e } from "../node_modules/react-contenteditable/lib/react-contenteditable.js";
+var r = e();
+const i = /* @__PURE__ */ t(r);
+export {
+  i as default
+};

package/dist/_virtual/react-contenteditable2.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/react-dom-server-legacy.browser.development.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/react-dom-server-legacy.browser.production.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/_virtual/react-dom-server.browser.development.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/react-dom-server.browser.production.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/_virtual/react-is.development.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/react-is.production.min.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/_virtual/server.browser.js

@@ -0,0 +1,5 @@
+import { __require as r } from "../node_modules/react-dom/server.browser.js";
+var s = r();
+export {
+  s
+};

package/dist/_virtual/server.browser2.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/assets/components/d-resizable/DResizable.style.css

@@ -1 +1 @@
-.d-resizable__panel{color:#fff;position:relative;overflow:hidden;z-index:0}.d-resizable__panel{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border:none}.d-resizable__panel:has(.d-resizable__panel){background:#030014}.d-resizable__handle{position:relative;display:flex;align-items:center;justify-content:center}.d-resizable__handle[data-panel-group-direction=horizontal]{width:1px;height:100%;background:#ffffff1a}.d-resizable__handle[data-panel-group-direction=vertical]{height:1rem;width:100%}.d-resizable__handle-bar{z-index:1;position:relative;display:flex;padding:.25rem;border-radius:.7rem}.d-resizable__handle-bar{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}
+.d-resizable__panel{color:#fff;position:relative;overflow:hidden;z-index:0}.d-resizable__panel{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border:none}.d-resizable__panel:has(.d-resizable__panel){background:#030014}.d-resizable__handle{position:relative;display:flex;align-items:center;justify-content:center;background:#ffffff1a;outline:none}.d-resizable__handle[aria-orientation=vertical]{width:1px;height:100%}.d-resizable__handle[aria-orientation=horizontal]{height:1px;width:100%}.d-resizable__handle-bar{z-index:1;position:relative;border-radius:.7rem;height:10%;padding:.2rem}.d-resizable__handle-bar{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border:none}

package/dist/assets/components/form/Input.style.css

@@ -1 +1 @@
-.input{display:flex;z-index:1;align-items:stretch;box-sizing:border-box}.input{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.input:hover{background:#ffffff26}.input:active,.input:focus,.input[aria-selected=true],.input[data-state=open]{background:#fff3;outline:none}.input{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border-radius:1rem}.input:has(.input__control:focus){background:#fff3;outline:none}.input--not-valid{background:#180016;border:1px solid rgba(217,4,41,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.input__syntax{position:absolute;z-index:-1;overflow:hidden;font-size:.8rem;color:#ffffff80;white-space:pre;padding:.7rem;box-sizing:border-box;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none}.input__syntax-caret{display:inline-block;width:1px;height:1rem;background:#ffffffb3;vertical-align:text-bottom;animation:caret-blink 1s steps(1) infinite;pointer-events:none}@keyframes caret-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.input__syntax-char{pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none}.input__syntax-char--selected{background:#ffffff1a;padding:4px 0}.input__syntax-block{user-select:none;-webkit-user-select:none;-moz-user-select:none}.input__syntax-block--selected{background:#ffffff1a;padding:4px 0}.input__left,.input__right{display:flex;align-items:stretch;margin:.175rem;gap:.7rem}.input__left>button,.input__right>button{height:100%;padding-left:0;padding-right:0}.input__left--action,.input__right--action{padding:0}.input__left--placeholder,.input__right--placeholder{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border-radius:.825rem;padding:.7rem}.input__left{padding-left:.7rem}.input__left--icon{align-items:center}.input__right{padding-right:.7rem}.input__right--icon{align-items:center}.input__control{background:none;border:none;outline:none;padding:.7rem;flex:1;width:100%;font-size:.8rem;box-sizing:border-box;color:#ffffff80}.input__control{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__control--syntax{color:transparent;caret-color:transparent}.input__control--syntax::selection{background:transparent}.input__label{text-transform:uppercase;color:#ffffff80;font-size:.7rem;display:block}.input__label{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__description{color:#ffffff80;font-size:.8rem;margin:.35rem 0 .7rem;display:block}.input__description{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__message{padding:.7rem;z-index:0;display:flex;align-items:center;font-size:.7rem;gap:.35rem;margin-top:.7rem}.input__message{background:#180016;border:1px solid rgba(217,4,41,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__message>svg{width:.8rem;height:.8rem}.pin-input{display:flex;justify-content:space-between;gap:.7rem;position:relative;background:transparent}.pin-input__field{flex:1;width:100%;aspect-ratio:1/1;text-align:center}.number-input::-webkit-outer-spin-button,.number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input[type=number]{-moz-appearance:textfield}.radio-input{background:transparent!important;border:none!important;display:flex;align-items:center;box-sizing:border-box;gap:.35rem;position:relative}.radio-input__button{top:-1px;width:18px;height:18px;padding:.35rem}.radio-input__button{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.radio-input__button:active,.radio-input__button:focus,.radio-input__button[aria-selected=true],.radio-input__button[data-state=open]{background:#353343;outline:none}.radio-input__button{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.radio-input__button:disabled,.radio-input__button[data-disabled],.radio-input__button[aria-disabled=true],.radio-input__button--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.radio-input__button{border-radius:1rem}.radio-input__button[data-state=checked]{background:#353343;outline:none}.radio-input__indicator{height:100%;position:relative;display:block;aspect-ratio:1/1}.radio-input__indicator[data-state=checked]{background-color:#70ffb2}.radio-input__indicator[data-state=checked]{border-radius:1rem}.radio-button{padding:0;display:inline-flex}.checkbox-input{background:transparent!important;border:none!important;align-items:center;box-sizing:border-box;gap:.35rem;padding:.35rem 0}.checkbox-input__button{aspect-ratio:1/1;width:1.3rem;height:1.3rem;display:flex;align-items:center;justify-content:center;border-radius:.35rem;cursor:pointer}.checkbox-input__button{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.checkbox-input__button:active,.checkbox-input__button:focus,.checkbox-input__button[aria-selected=true],.checkbox-input__button[data-state=open]{background:#353343;outline:none}.checkbox-input__button{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.checkbox-input__button:disabled,.checkbox-input__button[data-disabled],.checkbox-input__button[aria-disabled=true],.checkbox-input__button--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.checkbox-input__button[data-state=checked]{background:#193334;outline:none}.checkbox-input__indicator{position:relative;display:flex;align-items:center;justify-content:center;top:1px}.switch-input{background:transparent!important;border:none!important}.switch-input .input__control{position:relative;box-sizing:border-box;padding:0;width:.9rem;height:.9rem;appearance:none;outline:none;cursor:pointer;background-color:transparent;border-radius:50%}.switch-input .input__control:checked:after{-webkit-transform:translateX(22px);-ms-transform:translateX(22px);transform:translate(22px);-webkit-transition:.4s;transition:.4s}.switch-input .input__control:checked:before{background:#0e1a24;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;position:absolute;width:2.6rem;height:1.25rem}.switch-input .input__control:after{width:.9rem;height:.9rem;background-color:#fff;border-radius:50%;position:absolute;content:"";-webkit-transition:.4s;transition:.4s}.switch-input .input__control:before{content:"";z-index:-1;-webkit-transition:.4s;transition:.4s;top:-.175rem;left:-.175rem}.switch-input .input__control:before{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;position:absolute;width:2.6rem;height:1.25rem}
+.input{display:flex;z-index:1;align-items:center;box-sizing:border-box}.input{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.input:hover{background:#ffffff26}.input:active,.input:focus,.input[aria-selected=true],.input[data-state=open]{background:#fff3;outline:none}.input{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border-radius:1rem}.input:has(.input__control:focus),.input:has(.input__control[contenteditable=true]:focus){background:#fff3;outline:none}.input--not-valid{background:#180016;border:1px solid rgba(217,4,41,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.input__left,.input__right{display:flex;align-items:stretch;margin:.175rem;gap:.7rem}.input__left>button,.input__right>button{height:100%;padding-left:0;padding-right:0}.input__left--action,.input__right--action{padding:0}.input__left--placeholder,.input__right--placeholder{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border-radius:.825rem;padding:.7rem}.input__left{padding-left:.7rem}.input__left--icon{align-items:center}.input__right{padding-right:.7rem}.input__right--icon{align-items:center}.input__control{background:none;border:none;outline:none;margin:.7rem;vertical-align:middle;flex:1;width:100%;font-size:.8rem;box-sizing:border-box;color:#ffffff80}.input__control{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__token{display:inline-flex;align-items:center;vertical-align:middle;user-select:none;-webkit-user-select:none;-moz-user-select:none}.input__label{text-transform:uppercase;color:#ffffff80;font-size:.7rem;display:block}.input__label{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__description{color:#ffffff80;font-size:.8rem;margin:.35rem 0 .7rem;display:block}.input__description{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__message{padding:.7rem;z-index:0;display:flex;align-items:center;font-size:.7rem;gap:.35rem;margin-top:.7rem}.input__message{background:#180016;border:1px solid rgba(217,4,41,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__message>svg{width:.8rem;height:.8rem}.pin-input{display:flex;justify-content:space-between;gap:.7rem;position:relative;background:transparent}.pin-input__field{flex:1;width:100%;aspect-ratio:1/1;text-align:center}.number-input::-webkit-outer-spin-button,.number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input[type=number]{-moz-appearance:textfield}.radio-input{background:transparent!important;border:none!important;display:flex;align-items:center;box-sizing:border-box;gap:.35rem;position:relative}.radio-input__button{top:-1px;width:18px;height:18px;padding:.35rem}.radio-input__button{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.radio-input__button:active,.radio-input__button:focus,.radio-input__button[aria-selected=true],.radio-input__button[data-state=open]{background:#353343;outline:none}.radio-input__button{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.radio-input__button:disabled,.radio-input__button[data-disabled],.radio-input__button[aria-disabled=true],.radio-input__button--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.radio-input__button{border-radius:1rem}.radio-input__button[data-state=checked]{background:#353343;outline:none}.radio-input__indicator{height:100%;position:relative;display:block;aspect-ratio:1/1}.radio-input__indicator[data-state=checked]{background-color:#70ffb2}.radio-input__indicator[data-state=checked]{border-radius:1rem}.radio-button{padding:0;display:inline-flex}.checkbox-input{background:transparent!important;border:none!important;align-items:center;box-sizing:border-box;gap:.35rem;padding:.35rem 0}.checkbox-input__button{aspect-ratio:1/1;width:1.3rem;height:1.3rem;display:flex;align-items:center;justify-content:center;border-radius:.35rem;cursor:pointer}.checkbox-input__button{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.checkbox-input__button:active,.checkbox-input__button:focus,.checkbox-input__button[aria-selected=true],.checkbox-input__button[data-state=open]{background:#353343;outline:none}.checkbox-input__button{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.checkbox-input__button:disabled,.checkbox-input__button[data-disabled],.checkbox-input__button[aria-disabled=true],.checkbox-input__button--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.checkbox-input__button[data-state=checked]{background:#193334;outline:none}.checkbox-input__indicator{position:relative;display:flex;align-items:center;justify-content:center;top:1px}.switch-input{background:transparent!important;border:none!important}.switch-input .input__control{position:relative;box-sizing:border-box;padding:0;width:.9rem;height:.9rem;appearance:none;outline:none;cursor:pointer;background-color:transparent;border-radius:50%}.switch-input .input__control:checked:after{-webkit-transform:translateX(22px);-ms-transform:translateX(22px);transform:translate(22px);-webkit-transition:.4s;transition:.4s}.switch-input .input__control:checked:before{background:#0e1a24;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;position:absolute;width:2.6rem;height:1.25rem}.switch-input .input__control:after{width:.9rem;height:.9rem;background-color:#fff;border-radius:50%;position:absolute;content:"";-webkit-transition:.4s;transition:.4s}.switch-input .input__control:before{content:"";z-index:-1;-webkit-transition:.4s;transition:.4s;top:-.175rem;left:-.175rem}.switch-input .input__control:before{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;position:absolute;width:2.6rem;height:1.25rem}

package/dist/components/breadcrumb/Breadcrumb.js

@@ -1,18 +1,18 @@
-import { jsx as r, jsxs as c, Fragment as d } from "react/jsx-runtime";
-import t from "react";
-import { mergeCode0Props as l } from "../../utils/utils.js";
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import e from "react";
+import { mergeCode0Props as d } from "../../utils/utils.js";
 import '../../assets/components/breadcrumb/Breadcrumb.style.css';/* empty css                      */
 import { IconChevronRight as p } from "@tabler/icons-react";
-const C = (o) => {
+const C = (m) => {
   const {
-    splitter: m = /* @__PURE__ */ r(p, { size: 16 }),
-    children: n,
-    ...i
-  } = o;
-  return /* @__PURE__ */ r("div", { ...l("breadcrumb", i), children: t.Children.map(n, (e, s) => /* @__PURE__ */ c(d, { children: [
-    e,
-    s <= t.Children.count(e) ? /* @__PURE__ */ r("span", { className: "breadcrumb__splitter", children: m }) : null
-  ] })) });
+    splitter: n = /* @__PURE__ */ r(p, { size: 16 }),
+    children: t,
+    ...c
+  } = m, i = e.Children.count(t);
+  return /* @__PURE__ */ r("div", { ...d("breadcrumb", c), children: e.Children.map(t, (s, o) => /* @__PURE__ */ l(e.Fragment, { children: [
+    s,
+    o < i - 1 ? /* @__PURE__ */ r("span", { className: "breadcrumb__splitter", children: n }) : null
+  ] }, o)) });
 };
 export {
   C as Breadcrumb

package/dist/components/button-group/ButtonGroup.js

@@ -1,27 +1,27 @@
-import { jsx as u } from "react/jsx-runtime";
-import { c } from "../../_virtual/compiler-runtime.js";
+import { jsx as m } from "react/jsx-runtime";
+import { c as p } from "../../_virtual/compiler-runtime.js";
 import '../../assets/components/button-group/ButtonGroup.style.css';/* empty css                       */
-import { mergeCode0Props as p } from "../../utils/utils.js";
-const a = (i) => {
-  const t = c.c(10);
+import { mergeCode0Props as c } from "../../utils/utils.js";
+const h = (u) => {
+  const t = p.c(10);
   let e, o;
-  if (t[0] !== i) {
+  if (t[0] !== u) {
     const {
       children: l,
-      ...s
-    } = i;
-    e = l, o = p("button-group", s), t[0] = i, t[1] = e, t[2] = o;
+      ...i
+    } = u;
+    e = l, o = c("button-group", i), t[0] = u, t[1] = e, t[2] = o;
   } else
     e = t[1], o = t[2];
   let r;
   if (t[3] !== e) {
     let l;
-    t[5] !== e.length ? (l = (s, m) => /* @__PURE__ */ u("div", { className: `${m == 0 || m == e.length - 1 ? m == 0 ? "button-group__first" : "button-group__last" : "button-group__item"}`, children: s }), t[5] = e.length, t[6] = l) : l = t[6], r = e.map(l), t[3] = e, t[4] = r;
+    t[5] !== e.length ? (l = (i, s) => /* @__PURE__ */ m("div", { className: `${s == 0 || s == e.length - 1 ? s == 0 ? "button-group__first" : "button-group__last" : "button-group__item"}`, children: i }, i.key ?? `button-group-${s}`), t[5] = e.length, t[6] = l) : l = t[6], r = e.map(l), t[3] = e, t[4] = r;
   } else
     r = t[4];
   let n;
-  return t[7] !== o || t[8] !== r ? (n = /* @__PURE__ */ u("div", { ...o, children: r }), t[7] = o, t[8] = r, t[9] = n) : n = t[9], n;
+  return t[7] !== o || t[8] !== r ? (n = /* @__PURE__ */ m("div", { ...o, children: r }), t[7] = o, t[8] = r, t[9] = n) : n = t[9], n;
 };
 export {
-  a as ButtonGroup
+  h as ButtonGroup
 };

package/dist/components/d-flow/DFlow.edges.hook.js

@@ -1,43 +1,44 @@
-import { useService as N, useStore as T } from "../../utils/contextStore.js";
-import B from "react";
+import { useService as h, useStore as S } from "../../utils/contextStore.js";
+import N from "react";
 import "merge-props";
-import { DFlowReactiveService as x } from "./DFlow.service.js";
-import { DFlowFunctionReactiveService as E } from "../d-flow-function/DFlowFunction.service.js";
-import { DFlowDataTypeReactiveService as M } from "../d-flow-data-type/DFlowDataType.service.js";
-import { md5 as O } from "js-md5";
-const u = ["rgba(255, 255, 255, 0.25)"], X = (r, R, W) => {
-  const l = N(x), F = T(x), H = N(E), w = T(E), G = N(M), J = T(M), n = B.useMemo(() => l.getById(r, {
-    namespaceId: R,
-    projectId: W
-  }), [r, F]);
-  return B.useMemo(() => {
+import { DFlowReactiveService as T } from "./DFlow.service.js";
+import { DFlowFunctionReactiveService as B } from "../d-flow-function/DFlowFunction.service.js";
+import { hashToColor as x } from "./DFlow.util.js";
+import { DFlowDataTypeReactiveService as E } from "../d-flow-data-type/DFlowDataType.service.js";
+const u = ["rgba(255, 255, 255, 0.25)"], J = (a, _, M) => {
+  const l = h(T), F = S(T), R = h(B), W = S(B), O = h(E), w = S(E), n = N.useMemo(() => l.getById(a, {
+    namespaceId: _,
+    projectId: M
+  }), [a, F]);
+  return N.useMemo(() => {
     if (!n) return [];
     const d = [], p = /* @__PURE__ */ new Map();
-    let h = 0;
-    const v = /* @__PURE__ */ new Map(), b = /* @__PURE__ */ new Map(), A = (e, o = v) => (o.has(e) || o.set(e, H.getById(e)), o.get(e)), L = (e, o = b) => (o.has(e) || o.set(e, G.getDataType(e)), o.get(e)), f = (e, o, g, c = 0, m = v, $ = b) => {
-      const t = `${e.id}-${h++}`;
-      if (h == 1 && d.push({
+    let v = 0;
+    const b = /* @__PURE__ */ new Map(), D = /* @__PURE__ */ new Map(), G = (e, o = b) => (o.has(e) || o.set(e, R.getById(e)), o.get(e)), A = (e, o = D) => (o.has(e) || o.set(e, O.getDataType(e)), o.get(e)), f = (e, o, g, c = 0, m = b, y = D) => {
+      if (!e) return "";
+      const t = `${e.id}-${v++}`;
+      if (v == 1 && d.push({
         id: `trigger-${t}-next`,
         source: n.id,
         target: t,
         data: {
           color: u[c % u.length],
           type: "default",
-          flowId: r,
+          flowId: a,
           parentNodeId: o?.id
         },
         deletable: !1,
         selectable: !1
       }), g) {
-        const s = p.get(g) ?? [];
-        s.length > 0 ? s.forEach((i, y) => d.push({
-          id: `${i}-${t}-next-${y}`,
-          source: i,
+        const i = p.get(g) ?? [];
+        i.length > 0 ? i.forEach((r, $) => d.push({
+          id: `${r}-${t}-next-${$}`,
+          source: r,
           target: t,
           data: {
             color: u[c % u.length],
             type: "default",
-            flowId: r,
+            flowId: a,
             parentNodeId: o?.id
           },
           deletable: !1,
@@ -49,58 +50,60 @@ const u = ["rgba(255, 255, 255, 0.25)"], X = (r, R, W) => {
           data: {
             color: u[c % u.length],
             type: "default",
-            flowId: r,
+            flowId: a,
             parentNodeId: o?.id
           },
           deletable: !1,
           selectable: !1
         });
       }
-      return e.parameters?.nodes?.forEach((s) => {
-        const i = s?.value, y = A(e.functionDefinition?.id, m)?.parameterDefinitions?.find((a) => a.id === s?.id), _ = y?.dataTypeIdentifier, V = _ ? L(_, $) : void 0;
-        if (i) {
-          if (V?.variant === "NODE") {
-            const a = `${t}-group-${h++}`, S = O(`${t}-param-${JSON.stringify(s)}`), D = (I) => parseInt(I.slice(0, 8), 16) % 360;
+      return e.parameters?.nodes?.forEach((i) => {
+        const r = i?.value, $ = G(e.functionDefinition?.id, m)?.parameterDefinitions?.find((s) => s.id === i?.id), I = $?.dataTypeIdentifier, H = I ? A(I, y) : void 0;
+        if (r) {
+          if (H?.variant === "NODE") {
+            if (r && r.__typename === "NodeFunctionIdWrapper") {
+              const s = `${t}-group-${v++}`;
+              d.push({
+                id: `${t}-${s}-param-${i.id}`,
+                source: t,
+                target: s,
+                deletable: !1,
+                selectable: !1,
+                animated: !0,
+                label: $?.names[0]?.content ?? i.id,
+                data: {
+                  color: x(r?.id || ""),
+                  type: "group",
+                  flowId: a,
+                  parentNodeId: o?.id
+                }
+              }), (p.get(t) ?? (p.set(t, []), p.get(t))).push(s), f(l.getNodeById(a, r.id), e, void 0, c + 1, m, y);
+            }
+          } else if (r && r.__typename === "NodeFunctionIdWrapper") {
+            const s = f(l.getNodeById(a, r.id), e, void 0, c + 1, m, y);
             d.push({
-              id: `${t}-${a}-param-${s.id}`,
-              source: t,
-              target: a,
-              deletable: !1,
-              selectable: !1,
-              animated: !0,
-              label: y?.names?.nodes[0]?.content ?? s.id,
-              data: {
-                color: `hsl(${D(S)}, 100%, 72%)`,
-                type: "group",
-                flowId: r,
-                parentNodeId: o?.id
-              }
-            }), i && i.__typename === "NodeFunctionIdWrapper" && ((p.get(t) ?? (p.set(t, []), p.get(t))).push(a), f(l.getNodeById(r, i.id), e, void 0, c + 1, m, $));
-          } else if (i && i.__typename === "NodeFunctionIdWrapper") {
-            const a = f(l.getNodeById(r, i.id), e, void 0, c + 1, m, $), S = O(`${t}-param-${JSON.stringify(s)}`), D = (I) => parseInt(I.slice(0, 8), 16) % 360;
-            d.push({
-              id: `${a}-${t}-param-${s.id}`,
-              source: a,
+              id: `${s}-${t}-param-${i.id}`,
+              source: s,
               target: t,
-              targetHandle: `param-${s.id}`,
+              targetHandle: `param-${i.id}`,
               animated: !0,
               deletable: !1,
               selectable: !1,
               data: {
-                color: `hsl(${D(S)}, 100%, 72%)`,
+                color: x(r?.id || ""),
                 type: "parameter",
-                flowId: r,
+                flowId: a,
                 parentNodeId: o?.id
               }
             });
           }
         }
-      }), e.nextNodeId && f(l.getNodeById(n.id, e.nextNodeId), e, t, c, m, $), t;
+      }), e.nextNodeId && f(l.getNodeById(n.id, e.nextNodeId), e, t, c, m, y), t;
     };
-    return n.startingNodeId && f(l.getNodeById(n.id, n.startingNodeId), void 0, void 0, 0, v, b), d;
-  }, [n, F, w, J]);
+    return n.startingNodeId && f(l.getNodeById(n.id, n.startingNodeId), void 0, void 0, 0, b, D), d;
+  }, [n, F, W, w]);
 };
 export {
   u as FLOW_EDGE_RAINBOW,
-  X as useFlowEdges
+  J as useFlowEdges
 };