@code0-tech/pictor 0.0.0-mvp.10

package/dist/components/col/Col.js

@@ -0,0 +1,27 @@
+import { jsx as f } from "react/jsx-runtime";
+import { c as g } from "../../_virtual/compiler-runtime.js";
+import '../../assets/components/col/Col.style.css';/* empty css               */
+import { mergeCode0Props as p } from "../../utils/utils.js";
+const j = (c) => {
+  const l = g.c(6);
+  let o, t;
+  if (l[0] !== c) {
+    const {
+      children: n,
+      xs: r,
+      sm: m,
+      md: $,
+      lg: s,
+      xl: i,
+      xxl: x,
+      ...d
+    } = c;
+    o = n, t = p(`col ${r ? `col-xs-${r}` : ""} ${m ? `col-sm-${m}` : ""} ${$ ? `col-md-${$}` : ""} ${s ? `col-lg-${s}` : ""} ${i ? `col-lg-${i}` : ""} ${x ? `col-xxl-${x}` : ""}`, d), l[0] = c, l[1] = o, l[2] = t;
+  } else
+    o = l[1], t = l[2];
+  let e;
+  return l[3] !== o || l[4] !== t ? (e = /* @__PURE__ */ f("div", { ...t, children: o }), l[3] = o, l[4] = t, l[5] = e) : e = l[5], e;
+};
+export {
+  j as Col
+};

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,103 @@
+import { jsx as m } from "react/jsx-runtime";
+import { c as a } from "../../_virtual/compiler-runtime.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 '../../assets/components/command/Command.style.css';/* empty css                   */
+import { Badge as _ } from "../badge/Badge.js";
+import { TextInput as $ } from "../form/TextInput.js";
+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;
+}, G = (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;
+}, L = (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;
+}, j = (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;
+}, B = (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;
+}, R = (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;
+}, T = (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;
+}, V = (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;
+}, b = (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,
+  G as CommandDialog,
+  B as CommandEmpty,
+  R as CommandGroup,
+  j as CommandInput,
+  T as CommandItem,
+  L as CommandList,
+  V as CommandSeparator,
+  b 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,21 @@
+import { jsx as c } from "react/jsx-runtime";
+import { c as l } from "../../_virtual/compiler-runtime.js";
+import '../../assets/components/container/Container.style.css';/* empty css                     */
+import { mergeCode0Props as s } from "../../utils/utils.js";
+const x = (i) => {
+  const t = l.c(6);
+  let e, r;
+  if (t[0] !== i) {
+    const {
+      children: n,
+      ...m
+    } = i;
+    e = n, r = s("container", m), t[0] = i, t[1] = e, t[2] = r;
+  } else
+    e = t[1], r = t[2];
+  let o;
+  return t[3] !== e || t[4] !== r ? (o = /* @__PURE__ */ c("div", { ...r, children: e }), t[3] = e, t[4] = r, t[5] = o) : o = t[5], o;
+};
+export {
+  x 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,144 @@
+import { useService as S, useStore as D } from "../../utils/contextStore.js";
+import { DFlowReactiveService as v } from "./DFlow.service.js";
+import { NodeFunctionView as w } from "./DFlow.view.js";
+import { DFlowFunctionReactiveService as N } from "./function/DFlowFunction.service.js";
+import { DFlowDataTypeReactiveService as y } from "./data-type/DFlowDataType.service.js";
+import O from "react";
+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
+], k = (I) => {
+  const T = S(v), x = S(N), E = S(y), c = T.getById(I), F = D(v), B = D(N), P = D(y);
+  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 === "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), O.useMemo(() => n, [F, B, P, n]);
+};
+export {
+  s as FLOW_EDGE_RAINBOW,
+  k as useFlowEdges
+};