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

package/dist/components/d-flow-input/DFlowInputDefault.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { TextInputProps } from '../form';
+import { Flow, NodeFunction, NodeParameter } from '@code0-tech/sagittarius-graphql-types';
+export interface DFlowInputDefaultProps extends TextInputProps {
+    flowId: Flow['id'];
+    nodeId: NodeFunction['id'];
+    parameterId: NodeParameter['id'];
+}
+export declare const splitTextAndObjects: (input: string) => (string | Record<string, any>)[];
+export declare const DFlowInputDefault: React.FC<DFlowInputDefaultProps>;

package/dist/components/d-flow-input/DFlowInputDefault.js

@@ -0,0 +1,128 @@
+import { jsx as c } from "react/jsx-runtime";
+import S from "react";
+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 { TextInput as B } from "../form/TextInput.js";
+import { MenuItem as D } from "../menu/Menu.js";
+import { Text as b } from "../text/Text.js";
+import { DFlowSuggestionMenuFooter as T } from "../d-flow-suggestion/DFlowSuggestionMenuFooter.js";
+import { toInputSuggestions as x } from "../d-flow-suggestion/DFlowSuggestionMenu.util.js";
+import { useService as a } from "../../utils/contextStore.js";
+import { DFlowFunctionReactiveService as O } from "../d-flow-function/DFlowFunction.service.js";
+import "js-md5";
+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 { useSuggestions as R } from "../d-flow-suggestion/DFlowSuggestion.hook.js";
+import { DFlowInputNodeBadge as j } from "./DFlowInputNodeBadge.js";
+import { DFlowInputReferenceBadge as L } from "./DFlowInputReferenceBadge.js";
+import { DFlowTypeReactiveService as $ } from "../d-flow-type/DFlowType.service.js";
+const k = (g) => {
+  const o = [];
+  let p = "", m = "", n = 0, s = "", r = !1;
+  const f = () => {
+    p && o.push(p), p = "";
+  }, d = (e) => {
+    try {
+      return JSON.parse(e);
+    } catch {
+      try {
+        return JSON.parse(e.replace(/'/g, '"').replace(/([{,]\s*)([A-Za-z_$][\w$]*)(\s*:)/g, '$1"$2"$3'));
+      } catch {
+        return {};
+      }
+    }
+  };
+  return g.split("").forEach((e) => {
+    if (n > 0) {
+      if (m += e, r) {
+        r = !1;
+        return;
+      }
+      if (e === "\\") {
+        r = !0;
+        return;
+      }
+      if (s) {
+        e === s && (s = "");
+        return;
+      }
+      if (e === '"' || e === "'") {
+        s = e;
+        return;
+      }
+      e === "{" && n++, e === "}" && n--, n === 0 && (o.push(d(m)), m = "");
+      return;
+    }
+    if (e === "{") {
+      f(), n = 1, m = "{";
+      return;
+    }
+    p += e;
+  }), f(), o;
+}, at = (g) => {
+  const {
+    flowId: o,
+    nodeId: p,
+    parameterId: m,
+    ...n
+  } = g, s = a(O), r = a(h), f = a($), d = S.useMemo(() => r.getById(o), [r, o]), e = n.suggestions || R(o, p, m), I = S.useCallback((F) => {
+    const w = String(F ?? "");
+    let u = 0;
+    const l = (t) => {
+      const i = {
+        type: "text",
+        value: t,
+        start: u,
+        end: u + t.length,
+        visualLength: t.length,
+        content: t
+      };
+      return u += t.length, i;
+    }, y = (t, i) => {
+      const N = {
+        type: "block",
+        value: i,
+        start: u,
+        end: u + JSON.stringify(i).length,
+        visualLength: 1,
+        content: t
+      };
+      return u += JSON.stringify(i).length, N;
+    };
+    return k(w).map((t) => {
+      if (typeof t != "object")
+        return l(t);
+      if (t?.__typename === "NodeFunctionIdWrapper" || t?.__typename === "NodeFunction") {
+        const i = t?.__typename === "NodeFunction" ? t : r.getNodeById(o, t.id);
+        return y(/* @__PURE__ */ c(j, { value: t, flowId: o, definition: s.getById(i?.functionDefinition.id) }), t);
+      }
+      if (t?.__typename === "ReferenceValue") {
+        const i = t.nodeFunctionId === "gid://sagittarius/NodeFunction/-1" ? f.getById(d?.type?.id) : s.getById(r.getNodeById(o, t.nodeFunctionId)?.functionDefinition?.id);
+        return y(/* @__PURE__ */ c(L, { flowId: o, definition: i, value: t }), t);
+      }
+      return t?.__typename === "LiteralValue" ? l(t.value) : l(t);
+    });
+  }, [s, r]);
+  return /* @__PURE__ */ c(B, { suggestionsEmptyState: /* @__PURE__ */ c(D, { children: /* @__PURE__ */ c(b, { children: "No suggestion found" }) }), suggestionsFooter: /* @__PURE__ */ c(T, {}), filterSuggestionsByLastToken: !0, enforceUniqueSuggestions: !0, validationUsesSyntax: !0, transformSyntax: I, suggestions: n.suggestions ? n.suggestions : x(e), ...n });
+};
+export {
+  at as DFlowInputDefault,
+  k as splitTextAndObjects
+};

package/dist/components/d-flow-input/DFlowInputLiteralBadge.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { BadgeType } from '../badge/Badge';
+import { LiteralValue } from '@code0-tech/sagittarius-graphql-types';
+export interface DFlowInputLiteralBadgeProps extends Omit<BadgeType, 'value' | 'children'> {
+    value: LiteralValue;
+}
+export declare const DFlowInputLiteralBadge: React.FC<DFlowInputLiteralBadgeProps>;

package/dist/components/d-flow-input/DFlowInputLiteralBadge.js

@@ -0,0 +1,24 @@
+import { jsx as s } from "react/jsx-runtime";
+import { c as n } from "../../_virtual/compiler-runtime.js";
+import { Badge as a } from "../badge/Badge.js";
+import { Text as f } from "../text/Text.js";
+const x = (m) => {
+  const e = n.c(9);
+  let t, r;
+  e[0] !== m ? ({
+    value: r,
+    ...t
+  } = m, e[0] = m, e[1] = t, e[2] = r) : (t = e[1], r = e[2]);
+  let i;
+  e[3] === Symbol.for("react.memo_cache_sentinel") ? (i = {
+    verticalAlign: "middle"
+  }, e[3] = i) : i = e[3];
+  const c = String(r.value);
+  let l;
+  e[4] !== c ? (l = /* @__PURE__ */ s(f, { size: "sm", children: c }), e[4] = c, e[5] = l) : l = e[5];
+  let o;
+  return e[6] !== t || e[7] !== l ? (o = /* @__PURE__ */ s(a, { style: i, color: "secondary", ...t, children: l }), e[6] = t, e[7] = l, e[8] = o) : o = e[8], o;
+};
+export {
+  x as DFlowInputLiteralBadge
+};

package/dist/components/d-flow-input/DFlowInputNodeBadge.d.ts

@@ -0,0 +1,11 @@
+import { BadgeType } from '../badge/Badge';
+import { Flow, NodeFunction, NodeFunctionIdWrapper } from '@code0-tech/sagittarius-graphql-types';
+import { default as React } from 'react';
+import { FunctionDefinitionView } from '../d-flow-function';
+import { FlowTypeView } from '../d-flow-type';
+export interface DFlowInputNodeBadgeProps extends Omit<BadgeType, 'value' | 'children'> {
+    value: NodeFunction | NodeFunctionIdWrapper;
+    flowId: Flow['id'];
+    definition?: FunctionDefinitionView | FlowTypeView;
+}
+export declare const DFlowInputNodeBadge: React.FC<DFlowInputNodeBadgeProps>;

package/dist/components/d-flow-input/DFlowInputNodeBadge.js

@@ -0,0 +1,44 @@
+import { jsxs as B, jsx as i } from "react/jsx-runtime";
+import { Badge as T } from "../badge/Badge.js";
+import p from "react";
+import { IconBolt as N, IconNote as _ } from "@tabler/icons-react";
+import { Text as h } from "../text/Text.js";
+import { useService as n, useStore as c } from "../../utils/contextStore.js";
+import "merge-props";
+import { DFlowFunctionReactiveService as f } from "../d-flow-function/DFlowFunction.service.js";
+import { hashToColor as D } from "../d-flow/DFlow.util.js";
+import "../d-flow/DFlow.js";
+import { DFlowReactiveService as d } 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 { DFlowTypeReactiveService as l } from "../d-flow-type/DFlowType.service.js";
+import { FlowTypeView as x } from "../d-flow-type/DFlowType.view.js";
+const Q = (u) => {
+  const {
+    value: e,
+    flowId: m,
+    definition: o,
+    ...a
+  } = u, y = o || n(f), g = o || c(f), s = o || n(d), v = o || c(d), w = o || n(l), S = o || c(l), t = e.__typename === "NodeFunctionIdWrapper" && e.id === "gid://sagittarius/NodeFunction/-1", r = p.useMemo(() => {
+    if (t && !o) {
+      const I = s.getById(m);
+      return w.getById(I?.type?.id);
+    }
+    return e.__typename === "NodeFunction" || o ? e : s.getNodeById(m, e.id);
+  }, [v, S]), F = p.useMemo(() => o ? o.names?.[0]?.content : t && r instanceof x ? r.names?.[0]?.content : y.getById(r?.functionDefinition?.id)?.names?.[0]?.content, [g, r]);
+  return /* @__PURE__ */ B(T, { style: {
+    verticalAlign: "middle"
+  }, color: t ? "info" : D(e.id || ""), border: !0, ...a, children: [
+    t ? /* @__PURE__ */ i(N, { size: 12 }) : /* @__PURE__ */ i(_, { size: 12 }),
+    /* @__PURE__ */ i(h, { size: "sm", style: {
+      color: "inherit"
+    }, children: String(F) })
+  ] });
+};
+export {
+  Q as DFlowInputNodeBadge
+};

package/dist/components/d-flow-input/DFlowInputReferenceBadge.d.ts

@@ -0,0 +1,11 @@
+import { BadgeType } from '../badge/Badge';
+import { Flow, ReferenceValue } from '@code0-tech/sagittarius-graphql-types';
+import { default as React } from 'react';
+import { FunctionDefinitionView } from '../d-flow-function';
+import { FlowTypeView } from '../d-flow-type';
+export interface DFlowInputReferenceBadge extends Omit<BadgeType, 'value' | 'children'> {
+    value: ReferenceValue;
+    flowId: Flow['id'];
+    definition?: FunctionDefinitionView | FlowTypeView;
+}
+export declare const DFlowInputReferenceBadge: React.FC<DFlowInputReferenceBadge>;

package/dist/components/d-flow-input/DFlowInputReferenceBadge.js

@@ -0,0 +1,33 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { Badge as a } from "../badge/Badge.js";
+import c from "react";
+import { Text as m } from "../text/Text.js";
+import { Flex as f } from "../flex/Flex.js";
+import { DFlowInputNodeBadge as s } from "./DFlowInputNodeBadge.js";
+import { IconVariable as u } from "@tabler/icons-react";
+const w = (o) => {
+  const {
+    value: e,
+    flowId: t,
+    definition: p,
+    ...d
+  } = o, l = c.useMemo(() => (console.log(e), e.nodeFunctionId && t ? /* @__PURE__ */ i(f, { align: "center", display: "inline-flex", children: [
+    /* @__PURE__ */ r(s, { definition: p, value: {
+      id: e.nodeFunctionId,
+      __typename: "NodeFunctionIdWrapper"
+    }, flowId: t }),
+    "inputTypeIdentifier" in e && e.inputTypeIdentifier ? "." + e.inputTypeIdentifier : "",
+    e.referencePath ? "." + (e.referencePath?.map((n) => n.path).join(".") ?? "") : ""
+  ] }) : `{{ ${String(e.depth)}-${String(e.scope)}-${String(e.node)}-${e.referencePath?.map((n) => n.path).join(".") ?? ""} }}`), [e]);
+  return /* @__PURE__ */ i(a, { style: {
+    verticalAlign: "middle"
+  }, color: "warning", py: "0", border: !0, ...d, children: [
+    /* @__PURE__ */ r(u, { size: 12 }),
+    /* @__PURE__ */ r(m, { size: "sm", style: {
+      color: "inherit"
+    }, children: l })
+  ] });
+};
+export {
+  w as DFlowInputReferenceBadge
+};

package/dist/components/d-flow-panel/DFlowExport.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { Flow } from '@code0-tech/sagittarius-graphql-types';
+export interface DFlowExportProps {
+    flowId: Flow['id'];
+}
+export declare const DFlowExport: React.FC<DFlowExportProps>;

package/dist/components/d-flow-panel/DFlowExport.js

@@ -0,0 +1,32 @@
+import { jsx as n } from "react/jsx-runtime";
+import c from "react";
+import { Panel as u } from "@xyflow/react";
+import { useService as w, useStore as b } from "../../utils/contextStore.js";
+import "merge-props";
+import "../d-flow/DFlow.js";
+import { DFlowReactiveService as m } from "../d-flow/DFlow.service.js";
+import "js-md5";
+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 { Button as x } from "../button/Button.js";
+const F = (p) => {
+  const {
+    flowId: e
+  } = p, l = w(m), s = b(m), t = c.useMemo(() => l.getById(e), [s, e]), a = c.useCallback(() => {
+    if (!t) return;
+    const r = t;
+    if (!r) return;
+    const f = JSON.stringify(r, null, 2), d = new Blob([f], {
+      type: "application/json"
+    }), i = URL.createObjectURL(d), o = document.createElement("a");
+    o.href = i, o.download = `flow-${t.name}.json`, document.body.appendChild(o), o.click(), o.remove(), URL.revokeObjectURL(i);
+  }, [t]);
+  return /* @__PURE__ */ n(u, { position: "top-right", children: /* @__PURE__ */ n(x, { paddingSize: "xxs", onClick: a, children: "Export flow" }) });
+};
+export {
+  F as DFlowExport
+};

package/dist/components/d-flow-panel/DFlowMiniMap.js

@@ -0,0 +1,33 @@
+import { jsx as e } from "react/jsx-runtime";
+import { c as a } from "../../_virtual/compiler-runtime.js";
+import { useNodes as d, Panel as h, MiniMap as s } from "@xyflow/react";
+import "../d-flow/DFlow.js";
+import "../../utils/contextStore.js";
+import "react";
+import "merge-props";
+import { FLOW_EDGE_RAINBOW as p } from "../d-flow/DFlow.edges.hook.js";
+import "js-md5";
+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 '../../assets/components/d-flow-panel/DFlowMiniMap.style.css';/* empty css                        */
+const F = (c) => {
+  const i = a.c(2), m = d();
+  let o;
+  return i[0] !== m ? (o = /* @__PURE__ */ e(h, { position: "bottom-right", children: /* @__PURE__ */ e(s, { offsetScale: 0, pannable: !0, zoomable: !0, className: "d-flow-viewport-mini-map", nodeComponent: (t) => {
+    const r = m.find((n) => n.id === t.id);
+    if (!r || r.type == "suggestion")
+      return null;
+    if (r.type == "group") {
+      const n = r.data?.depth ?? 0, l = p[n % p.length];
+      return /* @__PURE__ */ e("rect", { width: t.width, height: t.height, rx: 50, ry: 50, fill: l, fillOpacity: 0.05, stroke: l, strokeWidth: 2, "stroke-dasharray": "20", className: "d-flow-viewport-mini-map__group", x: t.x, y: t.y });
+    }
+    return /* @__PURE__ */ e("rect", { width: t.width, height: t.height, x: t.x, rx: 25, ry: 25, fill: "rgb(28.2, 25.5, 43.5)", y: t.y });
+  } }) }), i[0] = m, i[1] = o) : o = i[1], o;
+};
+export {
+  F as DFlowMiniMap
+};

package/dist/components/d-flow-panel/DFlowPanelControl.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { Flow } from '@code0-tech/sagittarius-graphql-types';
+export interface DFlowPanelControlProps {
+    flowId: Flow['id'];
+}
+export declare const DFlowPanelControl: React.FC<DFlowPanelControlProps>;

package/dist/components/d-flow-panel/DFlowPanelControl.js

@@ -0,0 +1,72 @@
+import { jsx as o, jsxs as t } from "react/jsx-runtime";
+import l from "react";
+import { ButtonGroup as k } from "../button-group/ButtonGroup.js";
+import { Button as s } from "../button/Button.js";
+import { IconTrash as F, IconPlus as z } from "@tabler/icons-react";
+import { Panel as P } from "@xyflow/react";
+import { useService as f, useStore as u } from "../../utils/contextStore.js";
+import "merge-props";
+import { FileTabsService as h } from "../file-tabs/FileTabs.service.js";
+import "../d-flow/DFlow.js";
+import { DFlowReactiveService as w } from "../d-flow/DFlow.service.js";
+import "js-md5";
+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 { Tooltip as S, TooltipTrigger as T, TooltipPortal as v, TooltipContent as x, TooltipArrow as g } from "../tooltip/Tooltip.js";
+import { Text as d } from "../text/Text.js";
+import { Badge as y } from "../badge/Badge.js";
+import { DFlowSuggestionMenu as _ } from "../d-flow-suggestion/DFlowSuggestionMenu.js";
+import { useSuggestions as D } from "../d-flow-suggestion/DFlowSuggestion.hook.js";
+const ro = (N) => {
+  const {
+    flowId: r
+  } = N, a = f(h), p = u(h), i = f(w), b = u(w), [, c] = l.useTransition(), e = l.useMemo(() => p.find((n) => n.active), [p, a]), I = D(r, e?.content?.props?.node?.id), B = l.useCallback(() => {
+    e && e.content.props.flowId && c(async () => {
+      i.getLinkedNodesById(r, e.content.props.node.id).forEach((m) => {
+        m.id && a.deleteById(m.id);
+      }), await i.deleteNodeById(e.content.props.flowId, e.content.props.node.id);
+    });
+  }, [e, i, b]), C = l.useCallback((n) => {
+    r && n.value.__typename === "NodeFunction" && "node" in e.content.props ? c(async () => {
+      await i.addNextNodeById(r, e.content.props.node.id ?? void 0, n.value);
+    }) : c(async () => {
+      await i.addNextNodeById(r, null, n.value);
+    });
+  }, [r, i, e]);
+  return /* @__PURE__ */ o(P, { position: "bottom-center", children: /* @__PURE__ */ t(k, { children: [
+    /* @__PURE__ */ t(S, { children: [
+      /* @__PURE__ */ o(T, { asChild: !0, children: /* @__PURE__ */ o(s, { color: "info", paddingSize: "xxs", variant: "none", "aria-selected": !0, children: "Execute flow" }) }),
+      /* @__PURE__ */ o(v, { children: /* @__PURE__ */ t(x, { maw: "300px", children: [
+        /* @__PURE__ */ t(d, { children: [
+          "To execute this flow you can call the following endpoint ",
+          " ",
+          " ",
+          /* @__PURE__ */ o("br", {}),
+          /* @__PURE__ */ o(y, { children: /* @__PURE__ */ o(d, { children: "POST" }) }),
+          /* @__PURE__ */ o(y, { color: "info", border: !0, children: /* @__PURE__ */ o(d, { style: {
+            color: "inherit"
+          }, children: "localhost:6212/72hsa13/users/get" }) })
+        ] }),
+        /* @__PURE__ */ o(g, {})
+      ] }) })
+    ] }),
+    /* @__PURE__ */ t(S, { children: [
+      /* @__PURE__ */ o(T, { asChild: !0, children: /* @__PURE__ */ o(s, { disabled: !e || !e.content.props.flowId, onClick: B, paddingSize: "xxs", variant: "none", color: "primary", children: /* @__PURE__ */ o(F, { size: 16 }) }) }),
+      /* @__PURE__ */ o(v, { children: /* @__PURE__ */ t(x, { children: [
+        /* @__PURE__ */ o(d, { children: "Select a node to delete it" }),
+        /* @__PURE__ */ o(g, {})
+      ] }) })
+    ] }),
+    /* @__PURE__ */ o(_, { suggestions: I, onSuggestionSelect: C, triggerContent: /* @__PURE__ */ t(s, { disabled: !e, paddingSize: "xxs", variant: "none", color: "primary", children: [
+      /* @__PURE__ */ o(z, { size: 16 }),
+      "Next node"
+    ] }) })
+  ] }) });
+};
+export {
+  ro as DFlowPanelControl
+};

package/dist/components/d-flow-panel/DFlowPanelLayout.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+export interface DFlowPanelLayoutProps {
+}
+export declare const DFlowPanelLayout: React.FC<DFlowPanelLayoutProps>;

package/dist/components/d-flow-panel/DFlowPanelLayout.js

@@ -0,0 +1,47 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { c as y } from "../../_virtual/compiler-runtime.js";
+import { SegmentedControlItem as m, SegmentedControl as b } from "../segmented-control/SegmentedControl.js";
+import { IconLayoutDistributeHorizontal as _, IconLayoutDistributeVertical as x, IconLayout as S } from "@tabler/icons-react";
+import { Panel as z } from "@xyflow/react";
+import { TooltipTrigger as s, Tooltip as d, TooltipPortal as h, TooltipContent as f, TooltipArrow as p } from "../tooltip/Tooltip.js";
+import { Text as u } from "../text/Text.js";
+const V = (T) => {
+  const l = y.c(6);
+  let o;
+  l[0] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ e(s, { asChild: !0, children: /* @__PURE__ */ e(m, { value: "horizontal", display: "flex", children: /* @__PURE__ */ e(_, { size: 16 }) }) }), l[0] = o) : o = l[0];
+  let i;
+  l[1] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ t(d, { children: [
+    o,
+    /* @__PURE__ */ e(h, { children: /* @__PURE__ */ t(f, { side: "bottom", children: [
+      /* @__PURE__ */ e(p, {}),
+      /* @__PURE__ */ e(u, { children: "Vertical layout" })
+    ] }) })
+  ] }), l[1] = i) : i = l[1];
+  let r;
+  l[2] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ e(s, { asChild: !0, children: /* @__PURE__ */ e(m, { disabled: !0, value: "vertical", display: "flex", children: /* @__PURE__ */ e(x, { size: 16 }) }) }), l[2] = r) : r = l[2];
+  let n;
+  l[3] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ t(d, { children: [
+    r,
+    /* @__PURE__ */ e(h, { children: /* @__PURE__ */ t(f, { side: "bottom", children: [
+      /* @__PURE__ */ e(p, {}),
+      /* @__PURE__ */ e(u, { children: "Horizontal layout" })
+    ] }) })
+  ] }), l[3] = n) : n = l[3];
+  let c;
+  l[4] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ e(s, { asChild: !0, children: /* @__PURE__ */ e(m, { disabled: !0, value: "manual", display: "flex", children: /* @__PURE__ */ e(S, { size: 16 }) }) }), l[4] = c) : c = l[4];
+  let a;
+  return l[5] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ e(z, { position: "top-center", children: /* @__PURE__ */ t(b, { type: "single", defaultValue: "horizontal", children: [
+    i,
+    n,
+    /* @__PURE__ */ t(d, { children: [
+      c,
+      /* @__PURE__ */ e(h, { children: /* @__PURE__ */ t(f, { side: "bottom", children: [
+        /* @__PURE__ */ e(p, {}),
+        /* @__PURE__ */ e(u, { children: "Manual layout" })
+      ] }) })
+    ] })
+  ] }) }), l[5] = a) : a = l[5], a;
+};
+export {
+  V as DFlowPanelLayout
+};

package/dist/components/d-flow-panel/DFlowPanelSize.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const DFlowPanelSize: React.FC;

package/dist/components/d-flow-panel/DFlowPanelSize.js

@@ -0,0 +1,94 @@
+import { jsx as o, jsxs as D } from "react/jsx-runtime";
+import { c as R } from "../../_virtual/compiler-runtime.js";
+import { useViewport as V, useReactFlow as v, Panel as E } from "@xyflow/react";
+import { ButtonGroup as G } from "../button-group/ButtonGroup.js";
+import { Button as M } from "../button/Button.js";
+import { IconPlus as T, IconMinus as Z, IconFocusCentered as $ } from "@tabler/icons-react";
+import { Badge as q } from "../badge/Badge.js";
+import { Flex as O } from "../flex/Flex.js";
+import { Text as A } from "../text/Text.js";
+const Y = () => {
+  const e = R.c(40), F = V(), t = v();
+  let d;
+  e[0] !== t ? (d = () => {
+    t.zoomIn();
+  }, e[0] = t, e[1] = d) : d = e[1];
+  const P = d;
+  let p;
+  e[2] !== t ? (p = () => {
+    t.zoomOut();
+  }, e[2] = t, e[3] = p) : p = e[3];
+  const k = p;
+  let h;
+  e[4] !== t ? (h = () => {
+    t.fitView();
+  }, e[4] = t, e[5] = h) : h = e[5];
+  const B = h;
+  let y;
+  e[6] !== F.zoom ? (y = () => Math.round(F.zoom * 100), e[6] = F.zoom, e[7] = y) : y = e[7];
+  const j = y;
+  let _;
+  e[8] === Symbol.for("react.memo_cache_sentinel") ? (_ = {
+    flexDirection: "column",
+    gap: "1rem"
+  }, e[8] = _) : _ = e[8];
+  let u;
+  e[9] === Symbol.for("react.memo_cache_sentinel") ? (u = {
+    gap: ".7rem"
+  }, e[9] = u) : u = e[9];
+  let b;
+  e[10] === Symbol.for("react.memo_cache_sentinel") ? (b = {
+    border: "none"
+  }, e[10] = b) : b = e[10];
+  let l;
+  e[11] !== P ? (l = () => P(), e[11] = P, e[12] = l) : l = e[12];
+  let z;
+  e[13] === Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ o(T, { size: 15 }), e[13] = z) : z = e[13];
+  let r;
+  e[14] !== l ? (r = /* @__PURE__ */ o(M, { style: b, paddingSize: "xxs", color: "secondary", onClick: l, children: z }), e[14] = l, e[15] = r) : r = e[15];
+  let x;
+  e[16] === Symbol.for("react.memo_cache_sentinel") ? (x = {
+    border: "none"
+  }, e[16] = x) : x = e[16];
+  let i;
+  e[17] !== k ? (i = () => k(), e[17] = k, e[18] = i) : i = e[18];
+  let S;
+  e[19] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ o(Z, { size: 15 }), e[19] = S) : S = e[19];
+  let n;
+  e[20] !== i ? (n = /* @__PURE__ */ o(M, { style: x, paddingSize: "xxs", color: "secondary", onClick: i, children: S }), e[20] = i, e[21] = n) : n = e[21];
+  let g;
+  e[22] === Symbol.for("react.memo_cache_sentinel") ? (g = {
+    border: "none"
+  }, e[22] = g) : g = e[22];
+  let c;
+  e[23] !== B ? (c = () => B(), e[23] = B, e[24] = c) : c = e[24];
+  let w;
+  e[25] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ o($, { size: 15 }), e[25] = w) : w = e[25];
+  let s;
+  e[26] !== c ? (s = /* @__PURE__ */ o(M, { style: g, paddingSize: "xxs", color: "secondary", onClick: c, children: w }), e[26] = c, e[27] = s) : s = e[27];
+  let m;
+  e[28] !== n || e[29] !== s || e[30] !== r ? (m = /* @__PURE__ */ D(G, { children: [
+    r,
+    n,
+    s
+  ] }), e[28] = n, e[29] = s, e[30] = r, e[31] = m) : m = e[31];
+  let I;
+  e[32] === Symbol.for("react.memo_cache_sentinel") ? (I = {
+    border: "none"
+  }, e[32] = I) : I = e[32];
+  let f;
+  e[33] !== j ? (f = j(), e[33] = j, e[34] = f) : f = e[34];
+  let a;
+  e[35] !== f ? (a = /* @__PURE__ */ o(q, { color: "primary", style: I, children: /* @__PURE__ */ D(A, { children: [
+    f,
+    "%"
+  ] }) }), e[35] = f, e[36] = a) : a = e[36];
+  let C;
+  return e[37] !== m || e[38] !== a ? (C = /* @__PURE__ */ o(E, { position: "bottom-left", children: /* @__PURE__ */ o(O, { style: _, children: /* @__PURE__ */ D(O, { align: "center", style: u, children: [
+    m,
+    a
+  ] }) }) }), e[37] = m, e[38] = a, e[39] = C) : C = e[39], C;
+};
+export {
+  Y as DFlowPanelSize
+};

package/dist/components/d-flow-panel/index.d.ts

@@ -0,0 +1,5 @@
+export * from './DFlowPanelSize';
+export * from './DFlowPanelControl';
+export * from './DFlowExport';
+export * from './DFlowMiniMap';
+export * from './DFlowPanelLayout';

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

@@ -0,0 +1,12 @@
+import { DFlowPanelSize as e } from "./DFlowPanelSize.js";
+import { DFlowPanelControl as t } from "./DFlowPanelControl.js";
+import { DFlowExport as x } from "./DFlowExport.js";
+import { DFlowMiniMap as f } from "./DFlowMiniMap.js";
+import { DFlowPanelLayout as n } from "./DFlowPanelLayout.js";
+export {
+  x as DFlowExport,
+  f as DFlowMiniMap,
+  t as DFlowPanelControl,
+  n as DFlowPanelLayout,
+  e as DFlowPanelSize
+};

package/dist/components/d-flow-suggestion/DFlowDataTypeSuggestions.hook.d.ts

@@ -0,0 +1,3 @@
+import { DFlowSuggestion } from './DFlowSuggestion.view';
+import { DataTypeIdentifier } from '@code0-tech/sagittarius-graphql-types';
+export declare const useDataTypeSuggestions: (dataTypeIdentifier?: DataTypeIdentifier) => DFlowSuggestion[];

package/dist/components/d-flow-suggestion/DFlowDataTypeSuggestions.hook.js

@@ -0,0 +1,34 @@
+import { c as s } from "../../_virtual/compiler-runtime.js";
+import { useService as c, useStore as n } from "../../utils/contextStore.js";
+import "react";
+import "merge-props";
+import { DFlowDataTypeReactiveService as p } from "../d-flow-data-type/DFlowDataType.service.js";
+import "js-md5";
+import { DFlowSuggestionType as l } from "./DFlowSuggestion.view.js";
+const _ = (t) => {
+  const e = s.c(3), o = c(p);
+  n(p);
+  const m = t ? o?.getDataType(t) : void 0;
+  let a;
+  e: {
+    if (!m || m.variant !== "DATA_TYPE") {
+      let i;
+      e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = [], e[0] = i) : i = e[0], a = i;
+      break e;
+    }
+    let r;
+    e[1] !== o ? (r = o.values().map(u), e[1] = o, e[2] = r) : r = e[2], a = r;
+  }
+  return a;
+};
+function u(t) {
+  return {
+    path: [],
+    type: l.DATA_TYPE,
+    displayText: [t.name[0]?.content],
+    value: t.json
+  };
+}
+export {
+  _ as useDataTypeSuggestions
+};

package/dist/components/d-flow-suggestion/DFlowFunctionSuggestions.hook.d.ts

@@ -0,0 +1,3 @@
+import { DFlowSuggestion } from './DFlowSuggestion.view';
+import { DataTypeIdentifier } from '@code0-tech/sagittarius-graphql-types';
+export declare const useFunctionSuggestions: (dataTypeIdentifier?: DataTypeIdentifier, genericKeys?: string[]) => DFlowSuggestion[];