@code0-tech/pictor 0.0.0-mvp.rc.1

package/dist/components/command/Command.d.ts

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+import { Command as CommandPrimitive } from 'cmdk';
+import { Code0ComponentProps } from '../../utils/types';
+import { Dialog, DialogContent } from '../dialog/Dialog';
+import { Badge } from '../badge/Badge';
+import { TextInputProps } from '../form/TextInput';
+export type CommandProps = Code0ComponentProps & React.ComponentProps<typeof CommandPrimitive>;
+export type CommandDialogProps = {
+    dialogProps?: Code0ComponentProps & React.ComponentProps<typeof Dialog>;
+    contentProps?: Code0ComponentProps & React.ComponentProps<typeof DialogContent>;
+    open?: boolean;
+    onOpenChange?: () => void;
+    children: React.ReactNode;
+};
+export type CommandListProps = Code0ComponentProps & React.ComponentProps<typeof CommandPrimitive.List>;
+export type CommandInputProps = Code0ComponentProps & TextInputProps;
+export type CommandEmptyProps = Code0ComponentProps & React.ComponentProps<typeof CommandPrimitive.Empty>;
+export type CommandGroupProps = Code0ComponentProps & React.ComponentProps<typeof CommandPrimitive.Group>;
+export type CommandItemProps = Code0ComponentProps & React.ComponentProps<typeof CommandPrimitive.Item>;
+export type CommandSeparatorProps = Code0ComponentProps & React.ComponentProps<typeof CommandPrimitive.Separator>;
+export type CommandShortcutProps = Code0ComponentProps & React.ComponentProps<typeof Badge>;
+export declare const Command: React.FC<CommandProps>;
+export declare const CommandDialog: React.FC<CommandDialogProps>;
+export declare const CommandList: React.FC<CommandListProps>;
+export declare const CommandInput: React.FC<CommandInputProps>;
+export declare const CommandEmpty: React.FC<CommandEmptyProps>;
+export declare const CommandGroup: React.FC<CommandGroupProps>;
+export declare const CommandItem: React.FC<CommandItemProps>;
+export declare const CommandSeparator: React.FC<CommandSeparatorProps>;
+export declare const CommandShortcut: React.FC<CommandShortcutProps>;

package/dist/components/command/Command.js

@@ -0,0 +1,102 @@
+import { jsx as m } from "react/jsx-runtime";
+import { c as a } from "../../compiler-runtime-Cu50tn6L.js";
+import { Command as s } from "cmdk";
+import { mergeCode0Props as d } from "../../utils/utils.js";
+import { DialogContent as g, Dialog as h } from "../dialog/Dialog.js";
+import { Badge as _ } from "../badge/Badge.js";
+import { TextInput as $ } from "../form/TextInput.js";
+import '../../assets/Command.css';const P = (e) => {
+  const t = a.c(4);
+  let n;
+  t[0] !== e ? (n = d("command", e), t[0] = e, t[1] = n) : n = t[1];
+  const o = n;
+  let l;
+  return t[2] !== o ? (l = /* @__PURE__ */ m(s, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
+}, E = (e) => {
+  const t = a.c(14), n = e.dialogProps, o = e.open, l = e.onOpenChange;
+  let c;
+  t[0] !== e.contentProps ? (c = e.contentProps ?? {}, t[0] = e.contentProps, t[1] = c) : c = t[1];
+  let i;
+  t[2] !== c ? (i = d("command__dialog", c), t[2] = c, t[3] = i) : i = t[3];
+  const u = i;
+  let f;
+  t[4] !== e ? (f = /* @__PURE__ */ m(P, { ...e, children: e.children }), t[4] = e, t[5] = f) : f = t[5];
+  let r;
+  t[6] !== u || t[7] !== f ? (r = /* @__PURE__ */ m(g, { ...u, children: f }), t[6] = u, t[7] = f, t[8] = r) : r = t[8];
+  let C;
+  return t[9] !== e.dialogProps || t[10] !== e.onOpenChange || t[11] !== e.open || t[12] !== r ? (C = /* @__PURE__ */ m(h, { ...n, open: o, onOpenChange: l, children: r }), t[9] = e.dialogProps, t[10] = e.onOpenChange, t[11] = e.open, t[12] = r, t[13] = C) : C = t[13], C;
+}, G = (e) => {
+  const t = a.c(4);
+  let n;
+  t[0] !== e ? (n = d("command__list", e), t[0] = e, t[1] = n) : n = t[1];
+  const o = n;
+  let l;
+  return t[2] !== o ? (l = /* @__PURE__ */ m(s.List, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
+}, L = (e) => {
+  const t = a.c(12);
+  let n;
+  t[0] !== e.value ? (n = e.value?.toString(), t[0] = e.value, t[1] = n) : n = t[1];
+  let o;
+  t[2] !== e ? (o = (u) => {
+    if (e.onChange) {
+      const f = {
+        target: {
+          value: u
+        }
+      };
+      e.onChange(f);
+    }
+  }, t[2] = e, t[3] = o) : o = t[3];
+  let l;
+  t[4] !== e ? (l = d("command__input", e), t[4] = e, t[5] = l) : l = t[5];
+  let c;
+  t[6] !== l ? (c = /* @__PURE__ */ m($, { ...l }), t[6] = l, t[7] = c) : c = t[7];
+  let i;
+  return t[8] !== n || t[9] !== o || t[10] !== c ? (i = /* @__PURE__ */ m(s.Input, { value: n, onValueChange: o, asChild: !0, children: c }), t[8] = n, t[9] = o, t[10] = c, t[11] = i) : i = t[11], i;
+}, j = (e) => {
+  const t = a.c(4);
+  let n;
+  t[0] !== e ? (n = d("command__empty", e), t[0] = e, t[1] = n) : n = t[1];
+  const o = n;
+  let l;
+  return t[2] !== o ? (l = /* @__PURE__ */ m(s.Empty, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
+}, B = (e) => {
+  const t = a.c(4);
+  let n;
+  t[0] !== e ? (n = d("command__group", e), t[0] = e, t[1] = n) : n = t[1];
+  const o = n;
+  let l;
+  return t[2] !== o ? (l = /* @__PURE__ */ m(s.Group, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
+}, R = (e) => {
+  const t = a.c(4);
+  let n;
+  t[0] !== e ? (n = d("command__item", e), t[0] = e, t[1] = n) : n = t[1];
+  const o = n;
+  let l;
+  return t[2] !== o ? (l = /* @__PURE__ */ m(s.Item, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
+}, T = (e) => {
+  const t = a.c(4);
+  let n;
+  t[0] !== e ? (n = d("command__separator", e), t[0] = e, t[1] = n) : n = t[1];
+  const o = n;
+  let l;
+  return t[2] !== o ? (l = /* @__PURE__ */ m(s.Separator, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
+}, V = (e) => {
+  const t = a.c(5);
+  let n;
+  t[0] !== e ? (n = d("command__shortcut", e), t[0] = e, t[1] = n) : n = t[1];
+  const o = n;
+  let l;
+  return t[2] !== e.children || t[3] !== o ? (l = /* @__PURE__ */ m(_, { ...o, children: e.children }), t[2] = e.children, t[3] = o, t[4] = l) : l = t[4], l;
+};
+export {
+  P as Command,
+  E as CommandDialog,
+  j as CommandEmpty,
+  B as CommandGroup,
+  L as CommandInput,
+  R as CommandItem,
+  G as CommandList,
+  T as CommandSeparator,
+  V as CommandShortcut
+};

package/dist/components/container/Container.d.ts

@@ -0,0 +1,6 @@
+import { default as React, ReactNode } from 'react';
+import { Code0Component } from '../../utils/types';
+export interface ContainerType extends Code0Component<HTMLDivElement> {
+    children: ReactNode | ReactNode[];
+}
+export declare const Container: React.FC<ContainerType>;

package/dist/components/container/Container.js

@@ -0,0 +1,20 @@
+import { jsx as m } from "react/jsx-runtime";
+import { c as l } from "../../compiler-runtime-Cu50tn6L.js";
+import { mergeCode0Props as s } from "../../utils/utils.js";
+import '../../assets/Container.css';const p = (i) => {
+  const e = l.c(6);
+  let t, r;
+  if (e[0] !== i) {
+    const {
+      children: n,
+      ...c
+    } = i;
+    t = n, r = s("container", c), e[0] = i, e[1] = t, e[2] = r;
+  } else
+    t = e[1], r = e[2];
+  let o;
+  return e[3] !== t || e[4] !== r ? (o = /* @__PURE__ */ m("div", { ...r, children: t }), e[3] = t, e[4] = r, e[5] = o) : o = e[5], o;
+};
+export {
+  p as Container
+};

package/dist/components/d-flow/DFlow.d.ts

@@ -0,0 +1,5 @@
+import { Code0ComponentProps } from '../../utils/types';
+import { ReactFlowProps } from '@xyflow/react';
+import { default as React } from 'react';
+export type DFlowProps = Code0ComponentProps & ReactFlowProps;
+export declare const DFlow: React.FC<DFlowProps>;

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

@@ -0,0 +1,4 @@
+import { Edge } from '@xyflow/react';
+import { Flow } from '@code0-tech/sagittarius-graphql-types';
+export declare const FLOW_EDGE_RAINBOW: string[];
+export declare const useFlowEdges: (flowId: Flow["id"]) => Edge[];

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

@@ -0,0 +1,145 @@
+import { useService as D, useStore as S } from "../../utils/contextStore.js";
+import { DFlowReactiveService as v } from "./DFlow.service.js";
+import { NodeFunctionView as w } from "./DFlow.view.js";
+import { DFlowFunctionReactiveService as y } from "./function/DFlowFunction.service.js";
+import { D as N } from "../../DFlowDataType.service-B7xAjgiJ.js";
+import V from "react";
+import { DataTypeVariant as W } from "@code0-tech/sagittarius-graphql-types";
+const s = [
+  "#70ffb2",
+  // 0 – Primary (Grün)
+  "#70e2ff",
+  // 1 – Cyan
+  "#709aff",
+  // 2 – Blau
+  "#a170ff",
+  // 3 – Violett
+  "#f170ff",
+  // 4 – Magenta
+  "#ff70b5",
+  // 5 – Pink/Rot
+  "#ff7070",
+  // 6 – Orange-Rot
+  "#fff170"
+  // 7 – Gelb
+], z = (T) => {
+  const I = D(v), x = D(y), E = D(N), c = I.getById(T), F = S(v), B = S(y), P = S(N);
+  if (!c) return [];
+  const n = [], d = /* @__PURE__ */ new Map();
+  let m = 0;
+  const b = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map(), R = (o, a = b) => (a.has(o) || a.set(o, x.getById(o)), a.get(o)), M = (o, a = h) => (a.has(o) || a.set(o, E.getDataType(o)), a.get(o)), u = (o, a, i = 0, g = b, p = h) => {
+    const e = `${o.id}-${m++}`;
+    if (m == 1 && n.push({
+      id: `trigger-${e}-next`,
+      source: c.id,
+      // Handle-Bottom des Trigger-Nodes
+      target: e,
+      // Handle-Top der Function-Card
+      data: {
+        color: s[i % s.length],
+        isParameter: !1
+      },
+      deletable: !1,
+      selectable: !1
+    }), a) {
+      const t = d.get(a) ?? [];
+      t.length > 0 ? t.forEach((r, l) => n.push({
+        id: `${r}-${e}-next-${l}`,
+        source: r,
+        // Handle-Bottom der Group-Card
+        target: e,
+        // Handle-Top der Function-Card
+        data: {
+          color: s[i % s.length],
+          isParameter: !1
+        },
+        deletable: !1,
+        selectable: !1
+      })) : n.push({
+        id: `${a}-${e}-next`,
+        source: a,
+        // Handle-Bottom der Function-Card
+        target: e,
+        // Handle-Top der Function-Card
+        data: {
+          color: s[i % s.length],
+          isParameter: !1
+        },
+        deletable: !1,
+        selectable: !1
+      });
+    }
+    if (o.parameters?.forEach((t) => {
+      const r = t.value, l = R(o.functionDefinition?.id, g)?.parameterDefinitions?.find((f) => f.id === t.id), $ = l?.dataTypeIdentifier, G = $ ? M($, p) : void 0;
+      if (r) {
+        if (G?.variant === W.Node) {
+          const f = `${e}-group-${m++}`;
+          n.push({
+            id: `${e}-${f}-param-${t.id}`,
+            source: e,
+            // FunctionCard (Quelle)
+            target: f,
+            // GroupCard (Ziel – hat Top: target)
+            deletable: !1,
+            selectable: !1,
+            label: l?.names?.nodes[0]?.content ?? t.id,
+            data: {
+              color: s[i % s.length],
+              isParameter: !1
+            }
+          }), r && r instanceof w && ((d.get(e) ?? (d.set(e, []), d.get(e))).push(f), u(t.value, void 0, i + 1, g, p));
+        } else if (r && r instanceof w) {
+          const f = u(t.value, void 0, i + 1, g, p);
+          n.push({
+            id: `${f}-${e}-param-${t.id}`,
+            source: f,
+            target: e,
+            targetHandle: `param-${t.id}`,
+            animated: !0,
+            deletable: !1,
+            selectable: !1,
+            data: {
+              color: s[(i + 1) % s.length],
+              isParameter: !0
+            }
+          });
+        }
+      }
+    }), o.nextNodeId)
+      u(c.getNodeById(o.nextNodeId), e, i, g, p);
+    else {
+      const t = `${e}-suggestion`, r = d.get(e) ?? [];
+      r.length > 0 ? r.forEach((l, $) => n.push({
+        id: `${l}-${t}-next-${$}`,
+        source: l,
+        // wie bei echter nextNode von Group-Card starten
+        target: t,
+        // Ziel ist die Suggestion-Card
+        data: {
+          color: s[i % s.length],
+          isSuggestion: !0
+        },
+        deletable: !1,
+        selectable: !1
+      })) : n.push({
+        id: `${e}-${t}-next`,
+        source: e,
+        // Handle-Bottom der Function-Card
+        target: t,
+        // Handle-Top der Suggestion-Card
+        data: {
+          color: s[i % s.length],
+          isSuggestion: !0
+        },
+        deletable: !1,
+        selectable: !1
+      });
+    }
+    return e;
+  };
+  return c.startingNodeId && u(c.getNodeById(c.startingNodeId), void 0, 0, b, h), V.useMemo(() => n, [F, B, P, n]);
+};
+export {
+  s as FLOW_EDGE_RAINBOW,
+  z as useFlowEdges
+};

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

@@ -0,0 +1,373 @@
+import { jsx as K } from "react/jsx-runtime";
+import { c as U } from "../../compiler-runtime-Cu50tn6L.js";
+import { ReactFlowProvider as $, useNodesState as J, useEdgesState as Q, useUpdateNodeInternals as Z, ReactFlow as tt } from "@xyflow/react";
+import G from "react";
+import { mergeCode0Props as et } from "../../utils/utils.js";
+import { DFlowFunctionDefaultCard as ot } from "./function/DFlowFunctionDefaultCard.js";
+import { DFlowFunctionGroupCard as st } from "./function/DFlowFunctionGroupCard.js";
+import { DFlowFunctionSuggestionCard as nt } from "./function/DFlowFunctionSuggestionCard.js";
+import { DFlowFunctionTriggerCard as it } from "./function/DFlowFunctionTriggerCard.js";
+import { DFlowEdge as rt } from "./edge/DFlowEdge.js";
+import '../../assets/DFlow.css';const at = (y, C) => {
+  if (!C || C.size === 0)
+    return {
+      nodes: y
+    };
+  const m = 75, Y = 75, N = 16, z = 0.25;
+  let _ = 0, F = !1;
+  const f = y.map((o) => ({
+    ...o
+  })), L = /* @__PURE__ */ new Map(), W = /* @__PURE__ */ new Map();
+  for (const o of f) {
+    const c = o.data?.linkingId;
+    if (c) {
+      let l = W.get(c);
+      l || (l = [], W.set(c, l)), l.push(o.id);
+    }
+    if (o.parentId && !c) {
+      let l = L.get(o.parentId);
+      l || (l = [], L.set(o.parentId, l)), l.push(o.id);
+    }
+  }
+  const M = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map(), w = new Map(f.map((o) => [o.id, o]));
+  for (const [o, c] of L) {
+    const l = new Array(c.length);
+    for (let b = 0; b < c.length; b++) l[b] = w.get(c[b]);
+    M.set(o, l);
+  }
+  for (const [o, c] of W) {
+    const l = new Array(c.length);
+    for (let b = 0; b < c.length; b++) l[b] = w.get(c[b]);
+    E.set(o, l);
+  }
+  const g = /* @__PURE__ */ new Map();
+  for (const o of f) {
+    const c = typeof o.style?.width == "number" ? o.style.width : void 0, l = typeof o.style?.height == "number" ? o.style.height : void 0, b = o.measured?.width && o.measured.width > 0 ? o.measured.width : void 0, P = o.measured?.height && o.measured.height > 0 ? o.measured.height : void 0;
+    g.set(o.id, {
+      w: c ?? b ?? 200,
+      h: l ?? P ?? 80
+    });
+  }
+  const B = /* @__PURE__ */ new Map(), x = (o) => {
+    if (B.has(o.id)) return B.get(o.id);
+    if (o.type !== "group") {
+      const T = g.get(o.id);
+      return B.set(o.id, T), T;
+    }
+    const c = typeof o.style?.width == "number" ? o.style.width : void 0, l = typeof o.style?.height == "number" ? o.style.height : void 0;
+    if (c !== void 0 && l !== void 0) {
+      const T = {
+        w: c,
+        h: l
+      };
+      return B.set(o.id, T), T;
+    }
+    const b = M.get(o.id) ?? [];
+    let P = 0, H = 0, v = 0;
+    for (const T of b) {
+      const V = x(T);
+      P += V.h, V.w > H && (H = V.w), v++;
+    }
+    P += m * Math.max(0, v - 1);
+    const D = {
+      w: H + 2 * N,
+      h: (v ? P : 0) + 2 * N
+    };
+    return B.set(o.id, D), D;
+  };
+  do {
+    F = !1, _++, B.clear();
+    for (const e of f) x(e);
+    const o = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), l = (e) => Math.round(e / 10), b = (e, h, p) => {
+      const d = [{
+        node: e,
+        cx: h,
+        cy: p,
+        phase: 0
+      }];
+      let I = 0;
+      for (; d.length; ) {
+        const t = d[d.length - 1];
+        switch (t.phase) {
+          case 0: {
+            o.set(t.node.id, {
+              x: t.cx,
+              y: t.cy
+            });
+            const {
+              w: s,
+              h: n
+            } = x(t.node);
+            t.w = s, t.h = n;
+            const i = E.get(t.node.id) ?? [], r = [], u = [];
+            for (const k of i)
+              k.type === "group" ? u.push(k) : r.push(k);
+            r.sort((k, a) => +k.data?.paramIndex - +a.data?.paramIndex), u.sort((k, a) => +k.data?.paramIndex - +a.data?.paramIndex), t.right = r, t.gParams = u;
+            let S = 0;
+            for (const k of r) S += x(k).h;
+            S += m * Math.max(0, r.length - 1), t.py = t.cy - S / 2, t.rightBottom = t.cy + n / 2, t.rightIndex = 0, t.phase = 1;
+            break;
+          }
+          case 1: {
+            if (t.rightIndex < t.right.length) {
+              const s = t.right[t.rightIndex], n = x(s), i = t.cx + t.w / 2 + Y + n.w / 2;
+              let r = t.py + n.h / 2;
+              const u = l(i), k = (c.get(u) ?? Number.NEGATIVE_INFINITY) + m;
+              r - n.h / 2 < k && (r = k + n.h / 2, t.py = r - n.h / 2), t.childKey = u, t.childPs = n, d.push({
+                node: s,
+                cx: i,
+                cy: r,
+                phase: 0
+              }), t.phase = 10;
+            } else
+              t.bottom = Math.max(t.cy + t.h / 2, t.rightBottom), t.phase = 2;
+            break;
+          }
+          case 10: {
+            const s = t.lastChildBottom;
+            c.set(t.childKey, Math.max(c.get(t.childKey) ?? Number.NEGATIVE_INFINITY, s)), t.rightBottom = Math.max(t.rightBottom, s), t.py = Math.max(t.py + t.childPs.h + m, s + m), t.rightIndex++, t.phase = 1;
+            break;
+          }
+          case 2: {
+            if (t.gParams && t.gParams.length) {
+              const s = [];
+              let n = 0;
+              for (const i of t.gParams) {
+                const r = x(i);
+                s.push(r), n += r.w;
+              }
+              n += Y * (t.gParams.length - 1), t.gSizes = s, t.gx = t.cx - n / 2, t.gy = t.bottom + m, t.rowBottom = t.bottom, t.gIndex = 0, t.phase = 3;
+            } else
+              t.phase = 4;
+            break;
+          }
+          case 3: {
+            if (t.gIndex < t.gParams.length) {
+              const s = t.gParams[t.gIndex], n = t.gSizes[t.gIndex], i = t.gx + n.w / 2, r = t.gy + n.h / 2;
+              t.gx += n.w + Y, d.push({
+                node: s,
+                cx: i,
+                cy: r,
+                phase: 0
+              }), t.childPs = n, t.phase = 30;
+            } else
+              t.bottom = t.rowBottom, t.phase = 4;
+            break;
+          }
+          case 30: {
+            const s = t.lastChildBottom;
+            t.rowBottom = Math.max(t.rowBottom, s), t.gIndex++, t.phase = 3;
+            break;
+          }
+          case 4: {
+            if (t.node.type === "group") {
+              const s = M.get(t.node.id) ?? [], n = [];
+              for (const i of s)
+                i.data?.linkingId || n.push(i);
+              t.kids = n, t.kidIndex = 0, t.curY = t.cy - t.h / 2 + N, t.phase = 5;
+            } else
+              t.phase = 6;
+            break;
+          }
+          case 5: {
+            if (t.kidIndex < t.kids.length) {
+              const s = t.kids[t.kidIndex], n = x(s), i = t.curY + n.h / 2;
+              d.push({
+                node: s,
+                cx: t.cx,
+                cy: i,
+                phase: 0
+              }), t.childPs = n, t.phase = 50;
+            } else {
+              const s = t.curY - m;
+              t.bottom = Math.max(t.bottom, s + N), t.phase = 6;
+            }
+            break;
+          }
+          case 50: {
+            const s = t.lastChildBottom;
+            t.curY = s + m, t.kidIndex++, t.phase = 5;
+            break;
+          }
+          case 6: {
+            const s = d.pop();
+            d.length ? d[d.length - 1].lastChildBottom = s.bottom : I = s.bottom;
+            break;
+          }
+        }
+      }
+      return I;
+    };
+    let P = 0;
+    for (const e of f)
+      !e.data?.linkingId && !e.parentId && (P = b(e, 0, P + x(e).h / 2) + m);
+    const H = /* @__PURE__ */ new Map();
+    for (const e of f) H.set(e.id, o.get(e.id));
+    const v = /* @__PURE__ */ new Map();
+    for (const e of f) {
+      const {
+        w: h,
+        h: p
+      } = x(e), {
+        x: d,
+        y: I
+      } = H.get(e.id);
+      v.set(e.id, {
+        x: d - h / 2,
+        y: I - p / 2
+      });
+    }
+    for (const e of f) {
+      const h = v.get(e.id);
+      let p = h.x, d = h.y;
+      if (e.parentId) {
+        const I = v.get(e.parentId);
+        p -= I.x, d -= I.y;
+      }
+      e.position = {
+        x: p,
+        y: d
+      };
+    }
+    const D = /* @__PURE__ */ new Map();
+    for (const e of f) D.set(e.id, e);
+    const T = (e) => {
+      let h = 0, p = e;
+      for (; p?.parentId && (h++, p = D.get(p.parentId), !!p); )
+        ;
+      return h;
+    }, V = [];
+    for (const e of f)
+      e.type === "group" && V.push(e);
+    V.sort((e, h) => T(h) - T(e));
+    for (const e of V) {
+      const h = [];
+      for (const a of f)
+        a.parentId === e.id && h.push(a);
+      if (!h.length) {
+        const a = typeof e.style?.width == "number" ? e.style.width : 2 * N, A = typeof e.style?.height == "number" ? e.style.height : 2 * N;
+        e.style = {
+          ...e.style,
+          width: a,
+          height: A
+        };
+        continue;
+      }
+      const p = (a) => {
+        const A = typeof a.style?.width == "number" ? a.style.width : void 0, j = typeof a.style?.height == "number" ? a.style.height : void 0, X = g.get(a.id);
+        return {
+          w: A ?? X.w,
+          h: j ?? X.h
+        };
+      };
+      let d = Number.POSITIVE_INFINITY, I = Number.POSITIVE_INFINITY, t = Number.NEGATIVE_INFINITY, s = Number.NEGATIVE_INFINITY;
+      for (const a of h) {
+        const A = p(a);
+        a.position.x < d && (d = a.position.x), a.position.y < I && (I = a.position.y), a.position.x + A.w > t && (t = a.position.x + A.w), a.position.y + A.h > s && (s = a.position.y + A.h);
+      }
+      const n = d - N, i = I - N;
+      if (Math.abs(n) > z || Math.abs(i) > z) {
+        for (const a of h)
+          a.position.x -= n, a.position.y -= i;
+        F = !0;
+      }
+      const r = t - d + 2 * N, u = s - I + 2 * N, S = typeof e.style?.width == "number" ? e.style.width : x(e).w, k = typeof e.style?.height == "number" ? e.style.height : x(e).h;
+      (Math.abs(r - S) > z || Math.abs(u - k) > z) && (F = !0), e.measured = {
+        width: r,
+        height: u
+      }, e.style = {
+        ...e.style,
+        width: r,
+        height: u
+      }, g.set(e.id, {
+        w: r,
+        h: u
+      });
+    }
+    B.clear();
+    for (const e of f) x(e);
+    const R = /* @__PURE__ */ new Map(), O = /* @__PURE__ */ new Map();
+    for (const e of f) {
+      const h = x(e), p = o.get(e.id);
+      O.set(e.id, p), R.set(e.id, {
+        x: p.x - h.w / 2,
+        y: p.y - h.h / 2
+      });
+    }
+    for (const e of f) {
+      const h = [], p = E.get(e.id) ?? [];
+      for (const i of p)
+        i.type === "group" && h.push(i);
+      if (!h.length) continue;
+      const d = h.slice().sort((i, r) => (+i.data?.paramIndex || 0) - (+r.data?.paramIndex || 0)), I = [];
+      for (const i of d) {
+        const r = D.get(i.id), u = typeof r.style?.width == "number" ? r.style.width : void 0;
+        I.push(u ?? x(r).w);
+      }
+      let t = 0;
+      for (const i of I) t += i;
+      t += Y * (d.length - 1);
+      let n = O.get(e.id).x - t / 2;
+      for (let i = 0; i < d.length; i++) {
+        const r = d[i], u = D.get(r.id), S = u.parentId ? R.get(u.parentId) : {
+          x: 0
+        };
+        u.position.x = n - S.x, n += I[i] + Y;
+      }
+    }
+  } while (F && _ < 5);
+  return {
+    nodes: f
+  };
+}, q = G.cache(at), It = (y) => {
+  const C = U.c(2);
+  let m;
+  return C[0] !== y ? (m = /* @__PURE__ */ K($, { children: /* @__PURE__ */ K(dt, { ...y }) }), C[0] = y, C[1] = m) : m = C[1], m;
+}, dt = (y) => {
+  const [C, m] = J(y.nodes), [Y, N, z] = Q(y.edges), _ = Z(), F = G.useCallback((M) => {
+    requestAnimationFrame(() => {
+      M.forEach((E) => _(E));
+    });
+  }, [_]), f = {
+    default: ot,
+    group: st,
+    suggestion: nt,
+    trigger: it,
+    ...y.nodeTypes
+  }, L = {
+    default: rt,
+    ...y.edgeTypes
+  }, W = G.useCallback((M) => {
+    const E = Array.from(new Set(M.filter((g) => g.type === "dimensions" || g.type === "position").map((g) => g.id))), w = /* @__PURE__ */ new Map();
+    M.filter((g) => g.type === "dimensions").forEach((g) => w.set(g.id, g.dimensions)), m((g) => {
+      const B = g.map((o) => {
+        if (!w.has(o.id)) return o;
+        const c = w.get(o.id) || {};
+        return {
+          ...o,
+          measured: {
+            width: c.width ?? o.measured?.width ?? 0,
+            height: c.height ?? o.measured?.height ?? 0
+          }
+        };
+      });
+      return q(B, new Set(E)).nodes;
+    }), F(E);
+  }, [F]);
+  return G.useEffect(() => {
+    const M = y.nodes.map((w) => {
+      const g = w.measured ? [] : document.querySelectorAll("[data-id='" + w.id + "']");
+      return {
+        ...w,
+        measured: {
+          width: w.measured?.width ?? g[0]?.clientWidth ?? 0,
+          height: w.measured?.height ?? g[0]?.clientHeight ?? 0
+        }
+      };
+    }), E = q(M, new Set(M.map((w) => w.id)));
+    m(E.nodes), N(y.edges), F(E.nodes.map((w) => w.id));
+  }, [y.nodes, y.edges, F]), /* @__PURE__ */ K(tt, { onlyRenderVisibleElements: !0, panOnScroll: !1, nodeTypes: f, edgeTypes: L, onInit: (M) => M.fitView(), onNodesChange: W, onEdgesChange: z, ...et("flow", y), nodes: C, edges: Y });
+};
+export {
+  It as DFlow
+};