@code0-tech/pictor 0.0.0-mvp.2 → 0.0.0-mvp.21

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

@@ -1,49 +1,49 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import { useStore as h, useReactFlow as G, useStoreApi as O, Handle as I, Position as u } from "@xyflow/react";
+import { useStore as h, useReactFlow as j, useStoreApi as B, Handle as I, Position as u } from "@xyflow/react";
 import { NodeFunctionView as b } from "../DFlow.view.js";
-import { memo as V } from "react";
+import { memo as G } from "react";
 import { Card as H } from "../../card/Card.js";
+import '../../../assets/components/d-flow/function/DFlowFunctionDefaultCard.style.css';/* empty css                                    */
 import C from "../../card/CardSection.js";
 import { Flex as s } from "../../flex/Flex.js";
-import { IconFileLambdaFilled as W, IconDots as k, IconTrash as $, IconCopy as X, IconLayoutNavbarCollapseFilled as Y, IconExclamationCircle as q, IconAlertTriangle as J, IconMessageExclamation as K, IconArrowRightCircle as Q } from "@tabler/icons-react";
-import { Text as S } from "../../text/Text.js";
-import { Button as D } from "../../button/Button.js";
-import { Menu as U, MenuTrigger as Z, MenuPortal as ee, MenuContent as te, MenuLabel as ie, MenuItem as x } from "../../menu/Menu.js";
-import { Badge as R } from "../../badge/Badge.js";
+import { IconFileLambdaFilled as V, IconDots as W, IconTrash as k, IconCopy as $, IconChevronDown as X, IconExclamationCircle as Y, IconAlertTriangle as q, IconMessageExclamation as J, IconArrowRightCircle as K } from "@tabler/icons-react";
+import { Text as D } from "../../text/Text.js";
+import { Button as R } from "../../button/Button.js";
+import { Menu as Q, MenuTrigger as U, MenuPortal as Z, MenuContent as ee, MenuLabel as te, MenuItem as T } from "../../menu/Menu.js";
+import { Badge as x } from "../../badge/Badge.js";
 import { useService as g } from "../../../utils/contextStore.js";
-import { DFlowFunctionReactiveService as ne } from "./DFlowFunction.service.js";
-import { useFunctionValidation as oe } from "./DFlowFunction.vaildation.hook.js";
-import { D as re } from "../../../DFlowDataType.service-Dz8pQUeO.js";
+import { DFlowFunctionReactiveService as ie } from "./DFlowFunction.service.js";
+import { useFunctionValidation as ne } from "./DFlowFunction.vaildation.hook.js";
+import { DFlowDataTypeReactiveService as oe } from "../data-type/DFlowDataType.service.js";
 import { InspectionSeverity as c } from "../../../utils/inspection.js";
-import { DFlowReactiveService as ae } from "../DFlow.service.js";
-import { DFlowSuggestionMenu as le } from "../suggestion/DFlowSuggestionMenu.js";
-import { useSuggestions as de } from "../suggestion/DFlowSuggestion.hook.js";
-import { FileTabsService as se } from "../../file-tabs/FileTabs.service.js";
-import { DFlowTabDefault as ce } from "../tab/DFlowTabDefault.js";
-import { DataTypeVariant as N } from "@code0-tech/sagittarius-graphql-types";
-import '../../../assets/DFlowFunctionDefaultCard.css';const Ee = V((d) => {
+import { DFlowReactiveService as re } from "../DFlow.service.js";
+import { DFlowSuggestionMenu as ae } from "../suggestion/DFlowSuggestionMenu.js";
+import { useSuggestions as le } from "../suggestion/DFlowSuggestion.hook.js";
+import { FileTabsService as de } from "../../file-tabs/FileTabs.service.js";
+import { DFlowTabDefault as se } from "../tab/DFlowTabDefault.js";
+const Me = G((d) => {
   const {
     data: i,
     id: m
-  } = d, F = h((e) => e.width), A = h((e) => e.height), _ = G(), z = O(), v = g(se), T = g(ae), M = g(ne), y = g(re), f = M.getById(i.instance.functionDefinition?.id), r = oe(f, i.instance.parameters.map((e) => e.value instanceof b ? e.value.json() : e.value), y, d.data.flowId), E = h((e) => e.edges), L = d.width ?? 0, P = d.height ?? 0;
+  } = d, N = h((e) => e.width), A = h((e) => e.height), F = j(), z = B(), v = g(de), S = g(re), _ = g(ie), w = g(oe), f = _.getById(i.instance.functionDefinition?.id), r = ne(f, i.instance.parameters.map((e) => e.value instanceof b ? e.value.json() : e.value), w, d.data.flowId), M = h((e) => e.edges), E = d.width ?? 0, P = d.height ?? 0;
   i.instance.parameters?.forEach((e) => {
     const a = f?.parameterDefinitions.find((n) => n.id == e?.id);
     e.validationResults = r ? r.filter((n) => n.parameterId === a?.id) : [];
   });
-  function j(e) {
-    return E.some((a) => a.target === m && a.targetHandle === `param-${e}`);
+  function L(e) {
+    return M.some((a) => a.target === m && a.targetHandle === `param-${e}`);
   }
-  const B = h((e) => {
+  const O = h((e) => {
     const a = e.nodes.filter((l) => l.parentId === d.parentId);
     let n;
     return a.forEach((l) => {
-      const w = l.data?.index ?? 1 / 0, p = n?.data?.index ?? 1 / 0;
-      (!n || w < p) && (n = l);
+      const y = l.data?.index ?? 1 / 0, p = n?.data?.index ?? 1 / 0;
+      (!n || y < p) && (n = l);
     }), n;
   });
-  return /* @__PURE__ */ o(H, { outline: B.id === m, borderColor: v.getActiveTab()?.id == m ? "info" : void 0, className: v.getActiveTab()?.id == m ? "d-flow-viewport-default-card--active" : void 0, color: (r?.filter((e) => e.type === c.ERROR)?.length ?? 0) > 0 ? "error" : "secondary", onClick: () => {
-    _.setViewport({
-      x: F / 2 + d.positionAbsoluteX * -1 - L / 2,
+  return /* @__PURE__ */ o(H, { paddingSize: "xs", outline: O.id === m, borderColor: v.getActiveTab()?.id == m ? "info" : void 0, className: v.getActiveTab()?.id == m ? "d-flow-viewport-default-card--active" : void 0, color: (r?.filter((e) => e.type === c.ERROR)?.length ?? 0) > 0 ? "error" : "primary", onClick: () => {
+    F.setViewport({
+      x: N / 2 + d.positionAbsoluteX * -1 - E / 2,
       y: A / 2 + d.positionAbsoluteY * -1 - P / 2,
       zoom: 1
     }, {
@@ -52,25 +52,25 @@ import '../../../assets/DFlowFunctionDefaultCard.css';const Ee = V((d) => {
       id: m,
       active: !0,
       closeable: !0,
-      children: /* @__PURE__ */ t(S, { size: "md", children: f?.names?.nodes[0]?.content }),
-      content: /* @__PURE__ */ t(ce, { flowId: d.data.flowId, depthLevel: i.depth, scopeLevel: i.scope, nodeLevel: i.index, functionInstance: i.instance })
+      children: /* @__PURE__ */ t(D, { size: "md", children: f?.names?.nodes[0]?.content }),
+      content: /* @__PURE__ */ t(se, { flowId: d.data.flowId, depthLevel: i.depth, scopeLevel: i.scope, nodeLevel: i.index, functionInstance: i.instance })
     });
   }, style: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ t(C, { border: !0, children: /* @__PURE__ */ o(s, { align: "center", justify: "space-between", style: {
-      gap: "0.7rem"
+      gap: "1.3rem"
     }, children: [
       /* @__PURE__ */ o(s, { align: "center", style: {
         gap: "0.7rem"
       }, children: [
-        /* @__PURE__ */ t(W, { size: 16 }),
-        /* @__PURE__ */ t(S, { size: "md", children: f?.names?.nodes[0]?.content })
+        /* @__PURE__ */ t(V, { size: 16 }),
+        /* @__PURE__ */ t(D, { size: "md", children: f?.names?.nodes[0]?.content })
       ] }),
       /* @__PURE__ */ o(s, { align: "center", style: {
         gap: "0.7rem"
       }, children: [
-        /* @__PURE__ */ o(U, { onOpenChange: (e) => {
+        /* @__PURE__ */ o(Q, { onOpenChange: (e) => {
           setTimeout(() => {
             z.setState({
               nodesDraggable: !e,
@@ -79,22 +79,22 @@ import '../../../assets/DFlowFunctionDefaultCard.css';const Ee = V((d) => {
             });
           }, 250);
         }, children: [
-          /* @__PURE__ */ t(Z, { asChild: !0, children: /* @__PURE__ */ t(D, { variant: "none", children: /* @__PURE__ */ t(k, { size: 16 }) }) }),
-          /* @__PURE__ */ t(ee, { children: /* @__PURE__ */ o(te, { children: [
-            /* @__PURE__ */ t(ie, { children: "Actions" }),
-            /* @__PURE__ */ o(x, { onClick: () => {
-              i.instance.deleteNextNode(), T.update();
+          /* @__PURE__ */ t(U, { asChild: !0, children: /* @__PURE__ */ t(R, { p: "0", variant: "none", children: /* @__PURE__ */ t(W, { size: 16 }) }) }),
+          /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ o(ee, { children: [
+            /* @__PURE__ */ t(te, { children: "Actions" }),
+            /* @__PURE__ */ o(T, { onClick: () => {
+              i.instance.deleteNextNode(), S.update();
             }, children: [
-              /* @__PURE__ */ t($, { size: 16 }),
+              /* @__PURE__ */ t(k, { size: 16 }),
               " Delete node"
             ] }),
-            /* @__PURE__ */ o(x, { disabled: !0, children: [
-              /* @__PURE__ */ t(X, { size: 16 }),
+            /* @__PURE__ */ o(T, { disabled: !0, children: [
+              /* @__PURE__ */ t($, { size: 16 }),
               " Copy node"
             ] })
           ] }) })
         ] }),
-        /* @__PURE__ */ t(D, { disabled: !0, children: /* @__PURE__ */ t(Y, { size: 16 }) })
+        /* @__PURE__ */ t(R, { p: "0", variant: "none", disabled: !0, children: /* @__PURE__ */ t(X, { size: 16 }) })
       ] })
     ] }) }),
     /* @__PURE__ */ t(I, { isConnectable: !1, draggable: !1, type: "target", className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--target", style: {
@@ -107,41 +107,41 @@ import '../../../assets/DFlowFunctionDefaultCard.css';const Ee = V((d) => {
     (r?.length ?? 0) > 0 ? /* @__PURE__ */ t("div", { className: "d-flow-viewport-default-card__inspection", children: /* @__PURE__ */ o(s, { style: {
       gap: "0.35rem"
     }, children: [
-      (r?.filter((e) => e.type === c.ERROR)?.length ?? 0) > 0 ? /* @__PURE__ */ t(R, { color: "error", children: /* @__PURE__ */ o(s, { align: "center", style: {
+      (r?.filter((e) => e.type === c.ERROR)?.length ?? 0) > 0 ? /* @__PURE__ */ t(x, { color: "error", children: /* @__PURE__ */ o(s, { align: "center", style: {
         gap: "0.35rem"
       }, children: [
-        /* @__PURE__ */ t(q, { size: 12 }),
+        /* @__PURE__ */ t(Y, { size: 12 }),
         r?.filter((e) => e.type === c.ERROR)?.length
       ] }) }) : null,
-      (r?.filter((e) => e.type === c.WARNING)?.length ?? 0) > 0 ? /* @__PURE__ */ t(R, { color: "warning", children: /* @__PURE__ */ o(s, { align: "center", style: {
+      (r?.filter((e) => e.type === c.WARNING)?.length ?? 0) > 0 ? /* @__PURE__ */ t(x, { color: "warning", children: /* @__PURE__ */ o(s, { align: "center", style: {
         gap: "0.35rem"
       }, children: [
-        /* @__PURE__ */ t(J, { size: 12 }),
+        /* @__PURE__ */ t(q, { size: 12 }),
         r?.filter((e) => e.type === c.WARNING)?.length
       ] }) }) : null,
-      (r?.filter((e) => e.type === c.GRAMMAR)?.length ?? 0) > 0 ? /* @__PURE__ */ t(R, { children: /* @__PURE__ */ o(s, { align: "center", style: {
+      (r?.filter((e) => e.type === c.GRAMMAR)?.length ?? 0) > 0 ? /* @__PURE__ */ t(x, { children: /* @__PURE__ */ o(s, { align: "center", style: {
         gap: "0.35rem"
       }, children: [
-        /* @__PURE__ */ t(K, { size: 12 }),
+        /* @__PURE__ */ t(J, { size: 12 }),
         r?.filter((e) => e.type === c.GRAMMAR)?.length
       ] }) }) : null
     ] }) }) : null,
     i.instance.parameters?.some((e) => {
-      const a = f?.parameterDefinitions.find((l) => l.id == e.id), n = y.getDataType(a?.dataTypeIdentifier)?.variant === N.Node;
+      const a = f?.parameterDefinitions.find((l) => l.id == e.id), n = w.getDataType(a?.dataTypeIdentifier)?.variant === "NODE";
       return e.value instanceof b && !n || !e.value;
-    }) ? /* @__PURE__ */ t(C, { children: i.instance.parameters?.map((e, a) => {
-      const n = f?.parameterDefinitions.find((p) => p.id == e.id), l = y.getDataType(n?.dataTypeIdentifier)?.variant === N.Node, w = de(n?.dataTypeIdentifier ?? void 0, [], d.data.flowId, i.depth, i.scope, i.index);
+    }) ? /* @__PURE__ */ t(C, { border: !0, children: i.instance.parameters?.map((e, a) => {
+      const n = f?.parameterDefinitions.find((p) => p.id == e.id), l = w.getDataType(n?.dataTypeIdentifier)?.variant === "NODE", y = le(n?.dataTypeIdentifier ?? void 0, [], d.data.flowId, i.depth, i.scope, i.index);
       return e.value instanceof b && !l || !e.value ? /* @__PURE__ */ o(s, { pos: "relative", justify: "space-between", align: "center", children: [
-        n?.names?.nodes[0]?.content ?? e.id,
-        e.value ? null : /* @__PURE__ */ t(le, { onSuggestionSelect: (p) => {
-          e.value = p.value, T.update();
-        }, suggestions: w, triggerContent: /* @__PURE__ */ t(D, { variant: "none", children: /* @__PURE__ */ t(Q, { size: 12 }) }) }),
+        /* @__PURE__ */ t(D, { size: "xs", hierarchy: "tertiary", children: n?.names?.nodes[0]?.content ?? e.id }),
+        e.value ? null : /* @__PURE__ */ t(ae, { onSuggestionSelect: (p) => {
+          e.value = p.value, S.update();
+        }, suggestions: y, triggerContent: /* @__PURE__ */ t(R, { p: "0", variant: "none", children: /* @__PURE__ */ t(K, { size: 16 }) }) }),
         /* @__PURE__ */ t(I, { type: "target", position: u.Right, style: {
           position: "absolute",
           transform: l ? "translate(-50%, -50%)" : "translate(50%, -50%)",
           top: "50%",
           right: l ? "50%" : "0"
-        }, id: `param-${e.id}`, isConnectable: !1, hidden: !j(e.id), className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--target" }, e.id)
+        }, id: `param-${e.id}`, isConnectable: !1, hidden: !L(e.id), className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--target" }, e.id)
       ] }, a) : null;
     }) }) : null,
     /* @__PURE__ */ t(I, { isConnectable: !1, type: "source", style: {
@@ -154,5 +154,5 @@ import '../../../assets/DFlowFunctionDefaultCard.css';const Ee = V((d) => {
   ] });
 });
 export {
-  Ee as DFlowFunctionDefaultCard
+  Me as DFlowFunctionDefaultCard
 };

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

@@ -1,5 +1,5 @@
 import { jsx as w, jsxs as C } from "react/jsx-runtime";
-import { c as E } from "../../../compiler-runtime-BNHg76kC.js";
+import { c as E } from "../../../_virtual/compiler-runtime.js";
 import { memo as F } from "react";
 import { useStore as N, Handle as g, Position as x } from "@xyflow/react";
 import { FLOW_EDGE_RAINBOW as b } from "../DFlow.edges.hook.js";

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

@@ -13,7 +13,7 @@ const b = m((o) => {
   return /* @__PURE__ */ n(v, { onSuggestionSelect: (a) => {
     const e = new g(a.value);
     o.data.parentFunction ? o.data.parentFunction.nextNodeId = e.id : t && (t.startingNodeId = e.id), t?.addNode(e), i.update();
-  }, suggestions: r, triggerContent: /* @__PURE__ */ d(c, { top: 0, variant: "normal", color: "secondary", children: [
+  }, suggestions: r, triggerContent: /* @__PURE__ */ d(c, { paddingSize: "xxs", variant: "normal", color: "secondary", children: [
     /* @__PURE__ */ n(s, { isConnectable: !1, draggable: !1, type: "target", className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--target", style: {
       top: "2px"
     }, position: l.Top }),

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

@@ -1,97 +1,93 @@
-import { jsx as o, jsxs as g } from "react/jsx-runtime";
-import { c as Y } from "../../../compiler-runtime-BNHg76kC.js";
-import { memo as k } from "react";
-import { useReactFlow as H, useStore as j, Handle as E, Position as L } from "@xyflow/react";
-import { Text as R } from "../../text/Text.js";
-import { useService as D } from "../../../utils/contextStore.js";
-import { FileTabsService as P } from "../../file-tabs/FileTabs.service.js";
-import { Card as N } from "../../card/Card.js";
-import V from "../../card/CardSection.js";
-import { Flex as X } from "../../flex/Flex.js";
-import { IconBolt as W, IconLayoutNavbarCollapseFilled as $ } from "@tabler/icons-react";
-import { Button as q } from "../../button/Button.js";
+import { jsx as o, jsxs as _ } from "react/jsx-runtime";
+import { c as j } from "../../../_virtual/compiler-runtime.js";
+import { memo as X } from "react";
+import { useReactFlow as Y, useStore as D, Handle as k, Position as H } from "@xyflow/react";
+import { Text as I } from "../../text/Text.js";
+import { useService as R } from "../../../utils/contextStore.js";
+import { FileTabsService as N } from "../../file-tabs/FileTabs.service.js";
+import { Card as E } from "../../card/Card.js";
+import { Flex as v } from "../../flex/Flex.js";
+import { IconBolt as P, IconChevronDown as V } from "@tabler/icons-react";
+import { Button as W } from "../../button/Button.js";
+import { DFlowTabTrigger as $ } from "../tab/DFlowTabTrigger.js";
+import { DFlowTypeReactiveService as q } from "../type/DFlowType.service.js";
 import { Badge as G } from "../../badge/Badge.js";
-import { DFlowTabTrigger as J } from "../tab/DFlowTabTrigger.js";
-import { DFlowTypeReactiveService as K } from "../type/DFlowType.service.js";
-const fe = k((t) => {
-  const e = Y.c(34), {
-    data: n,
-    id: a
-  } = t, m = D(P), v = H(), S = D(K);
-  let d;
-  e[0] !== n.instance.type?.id || e[1] !== S ? (d = S.getById(n.instance.type?.id), e[0] = n.instance.type?.id, e[1] = S, e[2] = d) : d = e[2];
-  const i = d, T = t.width ?? 0, x = t.height ?? 0, A = j(M), F = j(O);
-  let f;
-  e[3] === Symbol.for("react.memo_cache_sentinel") ? (f = {
-    padding: "0.35rem"
-  }, e[3] = f) : f = e[3];
-  const C = m.getActiveTab()?.id == a ? "info" : void 0, z = m.getActiveTab()?.id == a ? "d-flow-viewport-default-card--active" : void 0;
-  let r;
-  e[4] !== n.instance || e[5] !== i?.names?.nodes || e[6] !== m || e[7] !== v || e[8] !== x || e[9] !== a || e[10] !== t.positionAbsoluteX || e[11] !== t.positionAbsoluteY || e[12] !== F || e[13] !== A || e[14] !== T ? (r = () => {
-    v.setViewport({
-      x: A / 2 + t.positionAbsoluteX * -1 - T / 2,
-      y: F / 2 + t.positionAbsoluteY * -1 - x / 2,
+const se = X((t) => {
+  const e = j.c(31), {
+    data: i,
+    id: s
+  } = t, a = R(N), S = Y(), x = R(q);
+  let m;
+  e[0] !== i.instance.type?.id || e[1] !== x ? (m = x.getById(i.instance.type?.id), e[0] = i.instance.type?.id, e[1] = x, e[2] = m) : m = e[2];
+  const c = m, T = t.width ?? 0, A = t.height ?? 0, z = D(J), F = D(K);
+  let d, f;
+  e[3] === Symbol.for("react.memo_cache_sentinel") ? (d = {
+    flexDirection: "column",
+    gap: "0.35rem"
+  }, f = /* @__PURE__ */ o(G, { color: "primary", children: "START" }), e[3] = d, e[4] = f) : (d = e[3], f = e[4]);
+  const B = a.getActiveTab()?.id == s ? "d-flow-viewport-default-card--active" : void 0;
+  let n;
+  e[5] !== i.instance || e[6] !== c?.names?.nodes || e[7] !== a || e[8] !== S || e[9] !== A || e[10] !== s || e[11] !== t.positionAbsoluteX || e[12] !== t.positionAbsoluteY || e[13] !== F || e[14] !== z || e[15] !== T ? (n = () => {
+    S.setViewport({
+      x: z / 2 + t.positionAbsoluteX * -1 - T / 2,
+      y: F / 2 + t.positionAbsoluteY * -1 - A / 2,
       zoom: 1
     }, {
       duration: 250
-    }), m.add({
-      id: a,
+    }), a.add({
+      id: s,
       active: !0,
       closeable: !0,
-      children: /* @__PURE__ */ o(R, { size: "md", children: i?.names?.nodes[0]?.content }),
-      content: /* @__PURE__ */ o(J, { instance: n.instance })
+      children: /* @__PURE__ */ o(I, { size: "md", children: c?.names?.nodes[0]?.content }),
+      content: /* @__PURE__ */ o($, { instance: i.instance })
     });
-  }, e[4] = n.instance, e[5] = i?.names?.nodes, e[6] = m, e[7] = v, e[8] = x, e[9] = a, e[10] = t.positionAbsoluteX, e[11] = t.positionAbsoluteY, e[12] = F, e[13] = A, e[14] = T, e[15] = r) : r = e[15];
-  let h;
-  e[16] === Symbol.for("react.memo_cache_sentinel") ? (h = {
-    gap: "0.35rem"
-  }, e[16] = h) : h = e[16];
+  }, e[5] = i.instance, e[6] = c?.names?.nodes, e[7] = a, e[8] = S, e[9] = A, e[10] = s, e[11] = t.positionAbsoluteX, e[12] = t.positionAbsoluteY, e[13] = F, e[14] = z, e[15] = T, e[16] = n) : n = e[16];
   let p;
   e[17] === Symbol.for("react.memo_cache_sentinel") ? (p = {
-    gap: "0.35rem"
+    gap: "1.3rem"
   }, e[17] = p) : p = e[17];
-  let b;
-  e[18] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ o(G, { color: "info", children: /* @__PURE__ */ g(X, { style: p, align: "center", children: [
-    /* @__PURE__ */ o(W, { size: 16 }),
-    "Trigger"
-  ] }) }), e[18] = b) : b = e[18];
+  let h;
+  e[18] === Symbol.for("react.memo_cache_sentinel") ? (h = {
+    gap: "0.7rem"
+  }, e[18] = h) : h = e[18];
   let u;
-  e[19] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ g(X, { mb: "0.35", style: h, align: "center", justify: "space-between", children: [
-    b,
-    /* @__PURE__ */ o(q, { disabled: !0, children: /* @__PURE__ */ o($, { size: 16 }) })
-  ] }), e[19] = u) : u = e[19];
-  let y;
-  e[20] === Symbol.for("react.memo_cache_sentinel") ? (y = {
-    borderRadius: "calc(1rem - 0.35rem)"
-  }, e[20] = y) : y = e[20];
-  const B = i?.names?.nodes[0]?.content ?? i?.id;
+  e[19] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ o(P, { size: 16 }), e[19] = u) : u = e[19];
+  const C = c?.names?.nodes[0]?.content ?? c?.id;
   let l;
-  e[21] !== B ? (l = /* @__PURE__ */ o(R, { mb: 0.35, display: "block", size: "md", children: B }), e[21] = B, e[22] = l) : l = e[22];
-  const I = i?.descriptions?.nodes[0]?.content ?? i?.id;
-  let c;
-  e[23] !== I ? (c = /* @__PURE__ */ o(R, { hierarchy: "tertiary", size: "xs", children: I }), e[23] = I, e[24] = c) : c = e[24];
-  let s;
-  e[25] !== l || e[26] !== c ? (s = /* @__PURE__ */ o(N, { color: "secondary", style: y, children: /* @__PURE__ */ g(V, { border: !0, maw: "300px", children: [
+  e[20] !== C ? (l = /* @__PURE__ */ _(v, { style: h, align: "center", children: [
+    u,
+    /* @__PURE__ */ o(I, { display: "block", size: "md", children: C })
+  ] }), e[20] = C, e[21] = l) : l = e[21];
+  let b;
+  e[22] === Symbol.for("react.memo_cache_sentinel") ? (b = {
+    gap: "0.7rem"
+  }, e[22] = b) : b = e[22];
+  let y;
+  e[23] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ o(v, { align: "center", style: b, children: /* @__PURE__ */ o(W, { p: "0", paddingSize: "xxs", variant: "none", disabled: !0, children: /* @__PURE__ */ o(V, { size: 16 }) }) }), e[23] = y) : y = e[23];
+  let r;
+  e[24] !== l ? (r = /* @__PURE__ */ _(v, { style: p, align: "center", justify: "space-between", children: [
     l,
-    c
-  ] }) }), e[25] = l, e[26] = c, e[27] = s) : s = e[27];
-  let w;
-  e[28] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ o(E, { isConnectable: !1, type: "source", style: {
+    y
+  ] }), e[24] = l, e[25] = r) : r = e[25];
+  let g;
+  e[26] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ o(k, { isConnectable: !1, type: "source", style: {
     bottom: "2px"
-  }, className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--source", position: L.Bottom }), e[28] = w) : w = e[28];
-  let _;
-  return e[29] !== s || e[30] !== C || e[31] !== z || e[32] !== r ? (_ = /* @__PURE__ */ g(N, { variant: "filled", color: "info", style: f, borderColor: C, className: z, onClick: r, children: [
-    u,
-    s,
-    w
-  ] }), e[29] = s, e[30] = C, e[31] = z, e[32] = r, e[33] = _) : _ = e[33], _;
+  }, className: "d-flow-viewport-default-card__handle d-flow-viewport-default-card__handle--source", position: H.Bottom }), e[26] = g) : g = e[26];
+  let w;
+  return e[27] !== r || e[28] !== B || e[29] !== n ? (w = /* @__PURE__ */ _(v, { align: "center", style: d, children: [
+    f,
+    /* @__PURE__ */ _(E, { variant: "normal", color: "success", paddingSize: "xs", className: B, onClick: n, children: [
+      r,
+      g
+    ] })
+  ] }), e[27] = r, e[28] = B, e[29] = n, e[30] = w) : w = e[30], w;
 });
-function M(t) {
+function J(t) {
   return t.width;
 }
-function O(t) {
+function K(t) {
   return t.height;
 }
 export {
-  fe as DFlowFunctionTriggerCard
+  se as DFlowFunctionTriggerCard
 };

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

@@ -1,11 +1,11 @@
 import { FlowSettingView as r, FlowView as t, NodeFunctionView as i, NodeParameterView as w } from "./DFlow.view.js";
 import { DFlowReactiveService as l } from "./DFlow.service.js";
-import { FLOW_EDGE_RAINBOW as m, useFlowEdges as D } from "./DFlow.edges.hook.js";
+import { FLOW_EDGE_RAINBOW as m, useFlowEdges as f } from "./DFlow.edges.hook.js";
 import { useFlowNodes as a } from "./DFlow.nodes.hook.js";
 import { DFlow as x } from "./DFlow.js";
-import { DFlowControl as s } from "./control/DFlowControl.js";
-import { D as v } from "../../DFlowDataType.service-Dz8pQUeO.js";
-import { DataTypeView as d } from "./data-type/DFlowDataType.view.js";
+import { DFlowControl as u } from "./control/DFlowControl.js";
+import { DFlowDataTypeReactiveService as V } from "./data-type/DFlowDataType.service.js";
+import { DataTypeView as s } from "./data-type/DFlowDataType.view.js";
 import { DFlowFolder as g, DFlowFolderGroup as R, DFlowFolderItem as y } from "./folder/DFlowFolder.js";
 import { DFlowFunctionReactiveService as N } from "./function/DFlowFunction.service.js";
 import { FunctionDefinitionView as G, ParameterDefinitionView as I } from "./function/DFlowFunction.view.js";
@@ -18,8 +18,8 @@ import { useDFlowValidations as k } from "./validation/DFlowValidation.hook.js";
 import { DFlowValidation as z } from "./validation/DFlowValidation.js";
 export {
   x as DFlow,
-  s as DFlowControl,
-  v as DFlowDataTypeReactiveService,
+  u as DFlowControl,
+  V as DFlowDataTypeReactiveService,
   g as DFlowFolder,
   R as DFlowFolderGroup,
   y as DFlowFolderItem,
@@ -31,7 +31,7 @@ export {
   B as DFlowSuggestionType,
   L as DFlowTypeReactiveService,
   z as DFlowValidation,
-  d as DataTypeView,
+  s as DataTypeView,
   m as FLOW_EDGE_RAINBOW,
   r as FlowSettingView,
   h as FlowTypeView,
@@ -41,6 +41,6 @@ export {
   w as NodeParameterView,
   I as ParameterDefinitionView,
   k as useDFlowValidations,
-  D as useFlowEdges,
+  f as useFlowEdges,
   a as useFlowNodes
 };