@code0-tech/pictor 0.0.0-mvp.26 → 0.0.0-mvp.27

package/dist/components/d-flow-folder/DFlowFolderRenameDialog.js

@@ -0,0 +1,55 @@
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import i from "react";
+import { Dialog as f, DialogPortal as D, DialogContent as g, DialogClose as l } from "../dialog/Dialog.js";
+import { DFlowFolderItemPathInput as x } from "./DFlowFolderItemPathInput.js";
+import { Flex as w } from "../flex/Flex.js";
+import { Button as c } from "../button/Button.js";
+import "../../_virtual/compiler-runtime.js";
+import "@radix-ui/react-checkbox";
+import "merge-props";
+import "@tabler/icons-react";
+import '../../assets/components/form/Input.style.css';/* empty css                       */
+import "../form/EmailInput.js";
+import "../form/Input.js";
+import "../form/InputSuggestion.js";
+import "../form/NumberInput.js";
+import "../form/PasswordInput.js";
+import "@radix-ui/react-one-time-password-field";
+import "@radix-ui/react-radio-group";
+import "../form/SwitchInput.js";
+import "../form/TextInput.js";
+import { useForm as C } from "../form/useForm.js";
+const G = (e) => {
+  const {
+    open: a
+  } = e, [u, r] = i.useState(a), h = i.useMemo(() => ({
+    path: e.contextData.name
+  }), []);
+  i.useEffect(() => {
+    r(a);
+  }, [a]);
+  const [s, p] = C({
+    initialValues: h,
+    validate: {
+      path: (o) => null
+    },
+    onSubmit: (o) => {
+      e.contextData.type === "item" ? e.onRename?.(e.contextData.flow, o.path) : e.contextData.type === "group" && e.contextData.flows.forEach((n) => {
+        const d = n.name?.replace(e.contextData.name, o.path) ?? n.name;
+        e.onRename?.(n, d);
+      });
+    }
+  });
+  return /* @__PURE__ */ t(f, { open: u, onOpenChange: (o) => {
+    e.onOpenChange?.(o), r(o);
+  }, children: /* @__PURE__ */ t(D, { children: /* @__PURE__ */ m(g, { autoFocus: !0, showCloseButton: !0, title: e.contextData.type == "item" ? "Rename flow" : "Rename folder", children: [
+    /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(x, { description: "You can choose a new name here and only use alphanumeric names.", title: e.contextData.type == "item" ? "Name of the flow" : "Name of the folder", ...s.getInputProps("path") }) }),
+    /* @__PURE__ */ m(w, { justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ t(l, { asChild: !0, children: /* @__PURE__ */ t(c, { color: "secondary", children: "No, go back!" }) }),
+      /* @__PURE__ */ t(l, { asChild: !0, children: /* @__PURE__ */ t(c, { color: "success", onClick: p, children: "Yes, save!" }) })
+    ] })
+  ] }) }) });
+};
+export {
+  G as DFlowFolderRenameDialog
+};

package/dist/components/{d-flow/function → d-flow-function}/DFlowFunction.input.hook.d.ts

@@ -1,4 +1,4 @@
 import { FunctionDefinitionView } from './DFlowFunction.view';
-import { DFlowDataTypeReactiveService } from '../data-type/DFlowDataType.service';
+import { DFlowDataTypeReactiveService } from '../d-flow-data-type';
 import { DataTypeIdentifier, NodeParameterValue } from '@code0-tech/sagittarius-graphql-types';
 export declare const useInputType: (type: DataTypeIdentifier, func: FunctionDefinitionView, values: NodeParameterValue[], dataTypeService: DFlowDataTypeReactiveService) => DataTypeIdentifier | null;

package/dist/components/{d-flow/function → d-flow-function}/DFlowFunction.input.hook.js

@@ -1,4 +1,4 @@
-import { resolveGenericKeys as o, replaceGenericKeysInType as s } from "../../../utils/generics.js";
+import { resolveGenericKeys as o, replaceGenericKeysInType as s } from "../../utils/generics.js";
 const c = (r, e, n, p) => {
   if (!e.returnType) return null;
   const t = o(e, n, p);

package/dist/components/{d-flow/function → d-flow-function}/DFlowFunction.return.hook.d.ts

@@ -1,4 +1,4 @@
 import { FunctionDefinitionView } from './DFlowFunction.view';
-import { DFlowDataTypeReactiveService } from '../data-type/DFlowDataType.service';
+import { DFlowDataTypeReactiveService } from '../d-flow-data-type';
 import { DataTypeIdentifier, NodeParameterValue } from '@code0-tech/sagittarius-graphql-types';
-export declare const useReturnType: (func: FunctionDefinitionView, values: NodeParameterValue[], dataTypeService?: DFlowDataTypeReactiveService) => DataTypeIdentifier | null;
+export declare const useReturnType: (func: FunctionDefinitionView, values: NodeParameterValue[], dataTypeService: DFlowDataTypeReactiveService) => DataTypeIdentifier | null;

package/dist/components/d-flow-function/DFlowFunction.return.hook.js

@@ -0,0 +1,9 @@
+import { resolveGenericKeys as t, replaceGenericKeysInType as y } from "../../utils/generics.js";
+const s = (e, r, n) => {
+  if (!e.returnType) return null;
+  const p = t(e, r, n);
+  return y(e.returnType, p);
+};
+export {
+  s as useReturnType
+};

package/dist/components/{d-flow/function → d-flow-function}/DFlowFunction.service.d.ts

@@ -1,4 +1,4 @@
-import { ReactiveArrayService } from '../../../utils/reactiveArrayService';
+import { ReactiveArrayService } from '../../utils';
 import { FunctionDefinitionView } from './DFlowFunction.view';
 import { FunctionDefinition } from '@code0-tech/sagittarius-graphql-types';
 export declare abstract class DFlowFunctionReactiveService extends ReactiveArrayService<FunctionDefinitionView> {

package/dist/components/d-flow-function/DFlowFunction.service.js

@@ -0,0 +1,12 @@
+import "../../utils/contextStore.js";
+import "react";
+import { ReactiveArrayService as r } from "../../utils/reactiveArrayService.js";
+import "merge-props";
+class n extends r {
+  getById(e) {
+    return this.values().find((i) => i.id === e);
+  }
+}
+export {
+  n as DFlowFunctionReactiveService
+};

package/dist/components/{d-flow/function → d-flow-function}/DFlowFunction.view.d.ts

@@ -1,17 +1,23 @@
 import { DataTypeIdentifier, FunctionDefinition, Maybe, ParameterDefinition, RuntimeFunctionDefinition, Scalars, TranslationConnection } from '@code0-tech/sagittarius-graphql-types';
 export declare class FunctionDefinitionView {
+    /** Name of the function */
+    private readonly _aliases?;
     /** Time when this FunctionDefinition was created */
     private readonly _createdAt?;
     /** Deprecation message of the function */
     private readonly _deprecationMessages?;
     /** Description of the function */
     private readonly _descriptions?;
+    /** Display message of the function */
+    private readonly _displayMessages?;
     /** Documentation of the function */
     private readonly _documentations?;
     /** Generic keys of the function */
     private readonly _genericKeys?;
     /** Global ID of this FunctionDefinition */
     private readonly _id?;
+    /** Identifier of the function */
+    private readonly _identifier?;
     /** Name of the function */
     private readonly _names?;
     /** Parameters of the function */
@@ -25,12 +31,15 @@ export declare class FunctionDefinitionView {
     /** Time when this FunctionDefinition was last updated */
     private readonly _updatedAt?;
     constructor(object: FunctionDefinition);
+    get aliases(): Maybe<TranslationConnection> | undefined;
     get createdAt(): Maybe<Scalars["Time"]["output"]> | undefined;
     get deprecationMessages(): Maybe<TranslationConnection> | undefined;
     get descriptions(): Maybe<TranslationConnection> | undefined;
+    get displayMessages(): Maybe<TranslationConnection> | undefined;
     get documentations(): Maybe<TranslationConnection> | undefined;
     get genericKeys(): Maybe<Array<Scalars["String"]["output"]>> | undefined;
     get id(): Maybe<Scalars["FunctionDefinitionID"]["output"]> | undefined;
+    get identifier(): Maybe<Scalars["String"]["output"]> | undefined;
     get names(): Maybe<TranslationConnection> | undefined;
     get parameterDefinitions(): Maybe<ParameterDefinitionView[]> | undefined;
     get returnType(): Maybe<DataTypeIdentifier> | undefined;
@@ -50,6 +59,8 @@ export declare class ParameterDefinitionView {
     private readonly _documentations?;
     /** Global ID of this ParameterDefinition */
     private readonly _id?;
+    /** Identifier of the parameter */
+    private readonly _identifier?;
     /** Name of the parameter */
     private readonly _names?;
     /** Time when this ParameterDefinition was last updated */
@@ -60,6 +71,7 @@ export declare class ParameterDefinitionView {
     get descriptions(): Maybe<TranslationConnection> | undefined;
     get documentations(): Maybe<TranslationConnection> | undefined;
     get id(): Maybe<Scalars["ParameterDefinitionID"]["output"]> | undefined;
+    get identifier(): Maybe<Scalars["String"]["output"]> | undefined;
     get names(): Maybe<TranslationConnection> | undefined;
     get updatedAt(): Maybe<Scalars["Time"]["output"]> | undefined;
     json(): ParameterDefinition;

package/dist/components/d-flow-function/DFlowFunction.view.js

@@ -0,0 +1,132 @@
+function t(e, i, s) {
+  return (i = n(i)) in e ? Object.defineProperty(e, i, { value: s, enumerable: !0, configurable: !0, writable: !0 }) : e[i] = s, e;
+}
+function n(e) {
+  var i = d(e, "string");
+  return typeof i == "symbol" ? i : i + "";
+}
+function d(e, i) {
+  if (typeof e != "object" || !e) return e;
+  var s = e[Symbol.toPrimitive];
+  if (s !== void 0) {
+    var r = s.call(e, i);
+    if (typeof r != "object") return r;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (i === "string" ? String : Number)(e);
+}
+class o {
+  constructor(i) {
+    t(this, "_aliases", void 0), t(this, "_createdAt", void 0), t(this, "_deprecationMessages", void 0), t(this, "_descriptions", void 0), t(this, "_displayMessages", void 0), t(this, "_documentations", void 0), t(this, "_genericKeys", void 0), t(this, "_id", void 0), t(this, "_identifier", void 0), t(this, "_names", void 0), t(this, "_parameterDefinitions", void 0), t(this, "_returnType", void 0), t(this, "_runtimeFunctionDefinition", void 0), t(this, "_throwsError", void 0), t(this, "_updatedAt", void 0), this._aliases = i.aliases, this._createdAt = i.createdAt, this._deprecationMessages = i.deprecationMessages, this._descriptions = i.descriptions, this._displayMessages = i.displayMessages, this._documentations = i.documentations, this._genericKeys = i.genericKeys, this._id = i.id, this._identifier = i.identifier, this._names = i.names, this._parameterDefinitions = i.parameterDefinitions?.nodes?.map((s) => new a(s)) ?? void 0, this._returnType = i.returnType, this._runtimeFunctionDefinition = i.runtimeFunctionDefinition, this._throwsError = i.throwsError, this._updatedAt = i.updatedAt;
+  }
+  get aliases() {
+    return this._aliases;
+  }
+  get createdAt() {
+    return this._createdAt;
+  }
+  get deprecationMessages() {
+    return this._deprecationMessages;
+  }
+  get descriptions() {
+    return this._descriptions;
+  }
+  get displayMessages() {
+    return this._displayMessages;
+  }
+  get documentations() {
+    return this._documentations;
+  }
+  get genericKeys() {
+    return this._genericKeys;
+  }
+  get id() {
+    return this._id;
+  }
+  get identifier() {
+    return this._identifier;
+  }
+  get names() {
+    return this._names;
+  }
+  get parameterDefinitions() {
+    return this._parameterDefinitions;
+  }
+  get returnType() {
+    return this._returnType;
+  }
+  get runtimeFunctionDefinition() {
+    return this._runtimeFunctionDefinition;
+  }
+  get throwsError() {
+    return this._throwsError;
+  }
+  get updatedAt() {
+    return this._updatedAt;
+  }
+  json() {
+    return {
+      aliases: this._aliases,
+      createdAt: this._createdAt,
+      deprecationMessages: this._deprecationMessages,
+      displayMessages: this._displayMessages,
+      descriptions: this._descriptions,
+      documentations: this._documentations,
+      genericKeys: this._genericKeys,
+      id: this._id,
+      identifier: this._identifier,
+      names: this._names,
+      parameterDefinitions: this._parameterDefinitions ? {
+        nodes: this._parameterDefinitions.map((i) => i.json())
+      } : void 0,
+      returnType: this._returnType,
+      runtimeFunctionDefinition: this._runtimeFunctionDefinition,
+      throwsError: this._throwsError,
+      updatedAt: this._updatedAt
+    };
+  }
+}
+class a {
+  constructor(i) {
+    t(this, "_createdAt", void 0), t(this, "_dataTypeIdentifier", void 0), t(this, "_descriptions", void 0), t(this, "_documentations", void 0), t(this, "_id", void 0), t(this, "_identifier", void 0), t(this, "_names", void 0), t(this, "_updatedAt", void 0), this._createdAt = i.createdAt, this._dataTypeIdentifier = i.dataTypeIdentifier, this._descriptions = i.descriptions, this._documentations = i.documentations, this._id = i.id, this._identifier = i.identifier, this._names = i.names, this._updatedAt = i.updatedAt;
+  }
+  get createdAt() {
+    return this._createdAt;
+  }
+  get dataTypeIdentifier() {
+    return this._dataTypeIdentifier;
+  }
+  get descriptions() {
+    return this._descriptions;
+  }
+  get documentations() {
+    return this._documentations;
+  }
+  get id() {
+    return this._id;
+  }
+  get identifier() {
+    return this._identifier;
+  }
+  get names() {
+    return this._names;
+  }
+  get updatedAt() {
+    return this._updatedAt;
+  }
+  json() {
+    return {
+      createdAt: this._createdAt,
+      dataTypeIdentifier: this._dataTypeIdentifier,
+      descriptions: this._descriptions,
+      documentations: this._documentations,
+      id: this._id,
+      names: this._names,
+      updatedAt: this._updatedAt
+    };
+  }
+}
+export {
+  o as FunctionDefinitionView,
+  a as ParameterDefinitionView
+};

package/dist/components/{d-flow/function → d-flow-function}/DFlowFunctionDefaultCard.d.ts

@@ -1,12 +1,12 @@
-import { Code0Component } from '../../../utils/types';
+import { Code0Component } from '../../utils';
 import { Node, NodeProps } from '@xyflow/react';
-import { NodeFunctionView } from '../DFlow.view';
 import { default as React } from 'react';
-import { Scalars } from '@code0-tech/sagittarius-graphql-types';
+import { NodeFunction, Scalars } from '@code0-tech/sagittarius-graphql-types';
 export interface DFlowFunctionDefaultCardDataProps extends Omit<Code0Component<HTMLDivElement>, "scope"> {
-    instance: NodeFunctionView;
+    nodeId: NodeFunction['id'];
     flowId: Scalars["FlowID"]["output"];
     isParameter: boolean;
+    linkingId?: string;
     depth: number;
     scope: number[];
     index: number;

package/dist/components/d-flow-function/DFlowFunctionDefaultCard.js

@@ -0,0 +1,120 @@
+import { jsxs as m, jsx as o, Fragment as k } from "react/jsx-runtime";
+import { useService as w, useStore as y } from "../../utils/contextStore.js";
+import { InspectionSeverity as J } from "../../utils/inspection.js";
+import f, { memo as X } from "react";
+import "merge-props";
+import { useStore as I, useReactFlow as Y, Handle as S, Position as p } from "@xyflow/react";
+import { Card as q } from "../card/Card.js";
+import '../../assets/components/d-flow-function/DFlowFunctionDefaultCard.style.css';/* empty css                                    */
+import { Flex as G } from "../flex/Flex.js";
+import { IconFile as B } from "@tabler/icons-react";
+import { Text as s } from "../text/Text.js";
+import { DFlowFunctionReactiveService as N } from "./DFlowFunction.service.js";
+import { useNodeValidation as K } from "../d-flow-validation/DNodeValidation.hook.js";
+import "../d-flow/DFlow.js";
+import { DFlowReactiveService as R } from "../d-flow/DFlow.service.js";
+import "../d-flow-data-type/rules/DFlowDataTypeRegexRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeNumberRangeRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeItemOfCollectionRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeContainsTypeRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeContainsKeyRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeReturnTypeRule.js";
+import { md5 as $ } from "js-md5";
+import { FileTabsService as M } from "../file-tabs/FileTabs.service.js";
+import { DFlowTabDefault as Q } from "../d-flow-file/DFlowTabDefault.js";
+import { Badge as u } from "../badge/Badge.js";
+const xe = X((l) => {
+  const {
+    data: i,
+    id: d,
+    width: C = 0,
+    height: A = 0
+  } = l, L = I((e) => e.width), P = I((e) => e.height), H = Y(), h = w(M), b = y(M), x = w(R), _ = y(R), F = w(N), D = y(N), n = f.useMemo(() => x.getNodeById(i.flowId, i.nodeId), [_, i]), c = f.useMemo(() => n ? F.getById(n.functionDefinition?.id) : void 0, [D, i, n]), V = K(i.nodeId, i.flowId), T = f.useMemo(() => b.find((e) => e.active)?.id, [b, h]), E = I((e) => {
+    const t = e.nodes.filter((a) => a.parentId === l.parentId);
+    let r;
+    return t.forEach((a) => {
+      const g = a.data?.index ?? 1 / 0, O = r?.data?.index ?? 1 / 0;
+      (!r || g < O) && (r = a);
+    }), r;
+  }), W = (e) => e.split(/(\$\{[^}]+\})/).filter(Boolean).flatMap((t) => t.startsWith("${") ? [t.slice(2, -1)] : t.split(/(\s*,\s*)/).filter(Boolean).flatMap((r) => r.trim() === "," ? [","] : r.trim() ? [r.trim()] : [])), z = $(d), v = (e) => parseInt(e.slice(0, 8), 16) % 360, j = f.useMemo(() => W(c?.displayMessages?.nodes[0]?.content ?? "").map((e) => {
+    const t = n?.parameters?.nodes?.find((r) => c?.parameterDefinitions?.find((g) => g.id == r?.id)?.identifier == e);
+    if (t) {
+      switch (t?.value?.__typename) {
+        case "LiteralValue":
+          return /* @__PURE__ */ o(u, { style: {
+            verticalAlign: "middle"
+          }, color: "secondary", children: /* @__PURE__ */ o(s, { size: "sm", children: String(t?.value?.value) }) });
+        case "ReferenceValue":
+          return /* @__PURE__ */ o(u, { style: {
+            verticalAlign: "middle"
+          }, children: /* @__PURE__ */ m(s, { size: "sm", children: [
+            String(t?.value.node),
+            "-",
+            String(t?.value.depth),
+            "-",
+            String(t?.value.scope)
+          ] }) });
+        case "NodeFunctionIdWrapper":
+          const r = $(`${d}-param-${JSON.stringify(t)}`), a = x.getNodeById(l.data.flowId, t.value.id);
+          return /* @__PURE__ */ m(u, { style: {
+            verticalAlign: "middle"
+          }, color: `hsl(${v(r)}, 100%, 72%)`, border: !0, pos: "relative", children: [
+            /* @__PURE__ */ o(s, { size: "sm", style: {
+              color: "inherit"
+            }, children: String(F.getById(a?.functionDefinition?.id)?.names?.nodes[0]?.content) }),
+            /* @__PURE__ */ o(S, { type: "target", position: p.Bottom, id: `param-${t?.id}`, isConnectable: !1, className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--target" }, t?.id)
+          ] });
+      }
+      return /* @__PURE__ */ o(u, { style: {
+        verticalAlign: "middle"
+      }, border: !0, children: /* @__PURE__ */ o(s, { size: "sm", children: e }) });
+    }
+    return " " + String(e) + " ";
+  }), [_, D, i, c]);
+  return f.useEffect(() => {
+    n?.id && h.registerTab({
+      id: n.id,
+      active: !1,
+      closeable: !0,
+      children: /* @__PURE__ */ m(k, { children: [
+        /* @__PURE__ */ o(B, { color: `hsl(${v(z)}, 100%, 72%)`, size: 12 }),
+        /* @__PURE__ */ o(s, { size: "sm", children: c?.names?.nodes[0]?.content })
+      ] }),
+      content: /* @__PURE__ */ o(Q, { flowId: l.data.flowId, depthLevel: i.depth, scopeLevel: i.scope, nodeLevel: i.index, node: n })
+    });
+  }, [n?.id, c, i]), /* @__PURE__ */ m(q, { "data-flow-refernce": d, paddingSize: "xs", outline: E.id === d, borderColor: T == n?.id ? "info" : void 0, className: T == n?.id ? "d-flow-viewport-default-card--active" : void 0, color: (V?.filter((e) => e.type === J.ERROR)?.length ?? 0) > 0 ? "error" : "primary", onClick: () => {
+    H.setViewport({
+      x: L / 2 + l.positionAbsoluteX * -1 - C / 2,
+      y: P / 2 + l.positionAbsoluteY * -1 - A / 2,
+      zoom: 1
+    }, {
+      duration: 250
+    }), h.activateTab(n?.id);
+  }, style: {
+    position: "relative"
+  }, children: [
+    /* @__PURE__ */ o(S, { isConnectable: !1, draggable: !1, type: "target", className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--target", style: {
+      ...i.isParameter ? {
+        right: "2px"
+      } : {
+        top: "2px"
+      }
+    }, position: i.isParameter ? p.Right : p.Top }),
+    /* @__PURE__ */ o(S, { isConnectable: !1, type: "source", style: {
+      ...i.isParameter ? {
+        left: "2px"
+      } : {
+        bottom: "2px"
+      }
+    }, className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--source", position: i.isParameter ? p.Left : p.Bottom }),
+    /* @__PURE__ */ m(G, { align: "center", style: {
+      gap: "0.7rem"
+    }, children: [
+      /* @__PURE__ */ o(B, { color: `hsl(${v(z)}, 100%, 72%)`, size: 16 }),
+      /* @__PURE__ */ o(s, { size: "md", children: j })
+    ] })
+  ] }, d);
+});
+export {
+  xe as DFlowFunctionDefaultCard
+};

package/dist/components/d-flow-function/DFlowFunctionGroupCard.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { Node, NodeProps } from '@xyflow/react';
+import { Code0Component } from '../../utils';
+export interface DFlowFunctionGroupCardDataProps extends Omit<Code0Component<HTMLDivElement>, "scope"> {
+    isParameter: boolean;
+    linkingId: string;
+    flowId: string;
+    depth: number;
+    scope: number[];
+    color?: string;
+}
+export type DFlowFunctionGroupCardProps = NodeProps<Node<DFlowFunctionGroupCardDataProps>>;
+export declare const DFlowFunctionGroupCard: React.FC<DFlowFunctionGroupCardProps>;

package/dist/components/d-flow-function/DFlowFunctionGroupCard.js

@@ -0,0 +1,68 @@
+import { jsx as m, jsxs as u } from "react/jsx-runtime";
+import { c as b } from "../../_virtual/compiler-runtime.js";
+import { memo as h } from "react";
+import { Handle as i, Position as f } from "@xyflow/react";
+import { Card as g } from "../card/Card.js";
+const M = h((a) => {
+  const t = b.c(9), {
+    data: o
+  } = a;
+  let e;
+  t[0] !== o.color ? (e = w(o.color, 9), t[0] = o.color, t[1] = e) : e = t[1];
+  const s = `2px dashed ${y(o.color, 0.1)}`;
+  let r;
+  t[2] !== e || t[3] !== s ? (r = {
+    background: e,
+    border: s
+  }, t[2] = e, t[3] = s, t[4] = r) : r = t[4];
+  let l;
+  t[5] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ m(i, { type: "target", position: f.Top, className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--target", isConnectable: !1, draggable: !1, style: {
+    top: "0px",
+    left: "50%",
+    transform: "translateX(-50%)"
+  } }), t[5] = l) : l = t[5];
+  let n;
+  t[6] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ m(i, { type: "source", position: f.Bottom, className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--source", isConnectable: !1, draggable: !1, style: {
+    bottom: "0px",
+    left: "50%",
+    transform: "translateX(-50%)"
+  } }), t[6] = n) : n = t[6];
+  let c;
+  return t[7] !== r ? (c = /* @__PURE__ */ u(g, { w: "100%", h: "100%", style: r, children: [
+    l,
+    n
+  ] }), t[7] = r, t[8] = c) : c = t[8], c;
+}), p = (a) => Math.min(Math.max(a, 0), 1), d = (a) => {
+  if (typeof document > "u")
+    return {
+      r: 0,
+      g: 0,
+      b: 0,
+      a: 1
+    };
+  const t = document.createElement("span");
+  t.style.color = a, document.body.appendChild(t);
+  const o = getComputedStyle(t).color;
+  document.body.removeChild(t);
+  const e = o.match(/rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)(?:\s*,\s*([\d.]+))?\s*\)/);
+  return e ? {
+    r: Math.round(Number(e[1])),
+    g: Math.round(Number(e[2])),
+    b: Math.round(Number(e[3])),
+    a: e[4] !== void 0 ? Number(e[4]) : 1
+  } : {
+    r: 0,
+    g: 0,
+    b: 0,
+    a: 1
+  };
+}, w = (a, t) => {
+  const o = p(t * 0.1), e = d(a), s = d("#030014"), r = (l, n) => Math.round(l * (1 - o) + n * o);
+  return `rgb(${r(e.r, s.r)}, ${r(e.g, s.g)}, ${r(e.b, s.b)})`;
+}, y = (a, t) => {
+  const o = d(a);
+  return `rgba(${o.r}, ${o.g}, ${o.b}, ${p(t)})`;
+};
+export {
+  M as DFlowFunctionGroupCard
+};

package/dist/components/{d-flow/function → d-flow-function}/DFlowFunctionSuggestionCard.d.ts

@@ -1,11 +1,10 @@
-import { Code0Component } from '../../../utils/types';
+import { Code0Component } from '../../utils';
 import { Node, NodeProps } from '@xyflow/react';
 import { default as React } from 'react';
-import { NodeFunctionView } from '../DFlow.view';
-import { Flow } from '@code0-tech/sagittarius-graphql-types';
+import { Flow, NodeFunction } from '@code0-tech/sagittarius-graphql-types';
 export interface DFlowFunctionSuggestionCardDataProps extends Code0Component<HTMLDivElement> {
     flowId: Flow['id'];
-    parentFunction?: NodeFunctionView;
+    parentFunction?: NodeFunction;
 }
 export type DFlowFunctionSuggestionCardProps = NodeProps<Node<DFlowFunctionSuggestionCardDataProps>>;
 export declare const DFlowFunctionSuggestionCard: React.FC<DFlowFunctionSuggestionCardProps>;

package/dist/components/d-flow-function/DFlowFunctionSuggestionCard.js

@@ -0,0 +1,48 @@
+import { jsxs as p, jsx as f } from "react/jsx-runtime";
+import { c as g } from "../../_virtual/compiler-runtime.js";
+import { useService as w } from "../../utils/contextStore.js";
+import _, { memo as S } from "react";
+import "merge-props";
+import { Handle as v, Position as y } from "@xyflow/react";
+import { Button as x } from "../button/Button.js";
+import { IconPlus as F } from "@tabler/icons-react";
+import { useSuggestions as I } from "../d-flow-suggestion/DFlowSuggestion.hook.js";
+import "../d-flow/DFlow.js";
+import { DFlowReactiveService as h } from "../d-flow/DFlow.service.js";
+import "../d-flow-data-type/rules/DFlowDataTypeRegexRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeNumberRangeRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeItemOfCollectionRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeContainsTypeRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeContainsKeyRule.js";
+import "../d-flow-data-type/rules/DFlowDataTypeReturnTypeRule.js";
+import "js-md5";
+import { DFlowSuggestionMenu as b } from "../d-flow-suggestion/DFlowSuggestionMenu.js";
+const L = S((e) => {
+  const t = g.c(14), [, d] = _.useTransition();
+  let a;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (a = [], t[0] = a) : a = t[0];
+  let r;
+  t[1] === Symbol.for("react.memo_cache_sentinel") ? (r = [0], t[1] = r) : r = t[1];
+  const s = I(void 0, a, e.data.flowId, 0, r, 0), o = w(h);
+  let n;
+  t[2] !== o || t[3] !== e.data.flowId ? (n = o.getById(e.data.flowId), t[2] = o, t[3] = e.data.flowId, t[4] = n) : n = t[4];
+  const c = n;
+  let i;
+  t[5] !== c?.id || t[6] !== o || t[7] !== e.data.parentFunction?.id || t[8] !== d ? (i = (u) => {
+    d(async () => {
+      u.value.__typename === "NodeFunction" && await o.addNextNodeById(c?.id, e.data.parentFunction?.id ?? null, u.value);
+    });
+  }, t[5] = c?.id, t[6] = o, t[7] = e.data.parentFunction?.id, t[8] = d, t[9] = i) : i = t[9];
+  let l;
+  t[10] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ p(x, { paddingSize: "xxs", variant: "normal", color: "secondary", children: [
+    /* @__PURE__ */ f(v, { isConnectable: !1, draggable: !1, type: "target", className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--target", style: {
+      top: "2px"
+    }, position: y.Top }),
+    /* @__PURE__ */ f(F, { size: 12 })
+  ] }), t[10] = l) : l = t[10];
+  let m;
+  return t[11] !== s || t[12] !== i ? (m = /* @__PURE__ */ f(b, { onSuggestionSelect: i, suggestions: s, triggerContent: l }), t[11] = s, t[12] = i, t[13] = m) : m = t[13], m;
+});
+export {
+  L as DFlowFunctionSuggestionCard
+};

package/dist/components/{d-flow/function → d-flow-function}/DFlowFunctionTriggerCard.d.ts

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
-import { Code0Component } from '../../../utils/types';
-import { FlowView } from '../DFlow.view';
+import { Code0Component } from '../../utils';
 import { Node, NodeProps } from '@xyflow/react';
+import { Flow } from '@code0-tech/sagittarius-graphql-types';
 export interface DFlowFunctionTriggerCardDataProps extends Omit<Code0Component<HTMLDivElement>, "scope"> {
-    instance: FlowView;
+    instance: Flow;
 }
 export type DFlowFunctionTriggerCardProps = NodeProps<Node<DFlowFunctionTriggerCardDataProps>>;
 export declare const DFlowFunctionTriggerCard: React.FC<DFlowFunctionTriggerCardProps>;