@code0-tech/pictor 0.0.0-mvp.3 → 0.0.0-mvp.5

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

@@ -1,50 +1,50 @@
 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 C from "../../card/CardSection.js";
+import '../../../assets/components/d-flow/function/DFlowFunctionDefaultCard.style.css';/* empty css                                    */
+import S 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 { IconFileLambdaFilled as V, IconDots as W, IconTrash as k, IconCopy as $, IconLayoutNavbarCollapseFilled as X, IconExclamationCircle as Y, IconAlertTriangle as q, IconMessageExclamation as J, IconArrowRightCircle as K } from "@tabler/icons-react";
+import { Text as T } 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 { Menu as Q, MenuTrigger as U, MenuPortal as Z, MenuContent as ee, MenuLabel as te, MenuItem as x } from "../../menu/Menu.js";
 import { Badge as R } 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), F = h((e) => e.height), A = j(), _ = B(), v = g(de), C = g(re), z = g(ie), w = g(oe), f = z.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, L = 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 P(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,
-      y: A / 2 + d.positionAbsoluteY * -1 - P / 2,
+  return /* @__PURE__ */ o(H, { 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" : "secondary", onClick: () => {
+    A.setViewport({
+      x: N / 2 + d.positionAbsoluteX * -1 - E / 2,
+      y: F / 2 + d.positionAbsoluteY * -1 - L / 2,
       zoom: 1
     }, {
       duration: 250
@@ -52,49 +52,49 @@ 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(T, { 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: {
+    /* @__PURE__ */ t(S, { border: !0, children: /* @__PURE__ */ o(s, { align: "center", justify: "space-between", style: {
       gap: "0.7rem"
     }, 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(T, { 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({
+            _.setState({
               nodesDraggable: !e,
               nodesConnectable: !e,
               elementsSelectable: !e
             });
           }, 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__ */ t(U, { asChild: !0, children: /* @__PURE__ */ t(D, { variant: "none", children: /* @__PURE__ */ t(W, { size: 16 }) }) }),
+          /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ o(ee, { children: [
+            /* @__PURE__ */ t(te, { children: "Actions" }),
             /* @__PURE__ */ o(x, { onClick: () => {
-              i.instance.deleteNextNode(), T.update();
+              i.instance.deleteNextNode(), C.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__ */ t($, { size: 16 }),
               " Copy node"
             ] })
           ] }) })
         ] }),
-        /* @__PURE__ */ t(D, { disabled: !0, children: /* @__PURE__ */ t(Y, { size: 16 }) })
+        /* @__PURE__ */ t(D, { 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: {
@@ -110,38 +110,38 @@ import '../../../assets/DFlowFunctionDefaultCard.css';const Ee = V((d) => {
       (r?.filter((e) => e.type === c.ERROR)?.length ?? 0) > 0 ? /* @__PURE__ */ t(R, { 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: {
         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: {
         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(S, { 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 }) }) }),
+        e.value ? null : /* @__PURE__ */ t(ae, { onSuggestionSelect: (p) => {
+          e.value = p.value, C.update();
+        }, suggestions: y, triggerContent: /* @__PURE__ */ t(D, { variant: "none", children: /* @__PURE__ */ t(K, { size: 12 }) }) }),
         /* @__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: !P(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/DFlowFunctionTriggerCard.js

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as g } from "react/jsx-runtime";
-import { c as Y } from "../../../compiler-runtime-BNHg76kC.js";
+import { c as Y } from "../../../_virtual/compiler-runtime.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";

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
 };