@code0-tech/pictor 0.0.0-mvp.45 → 0.0.0-mvp.46

package/dist/assets/components/d-flow-input/DFlowInputDataType.style.css

@@ -1 +1 @@
-ul{list-style:none;margin:0;margin-inline-start:2px;margin-block-start:.35rem;padding-inline-start:.35rem;text-wrap:nowrap;position:relative;display:flex;flex-direction:column;gap:.35rem}li{position:relative;padding-inline-start:.7rem}li:before{content:"";position:absolute;background:transparent;width:.7rem;left:-.35rem;height:20px;top:5px;transform:translateY(-50%);border-left:2px solid rgb(31.8,30,43.5);border-bottom:2px solid rgb(31.8,30,43.5);border-bottom-left-radius:.5rem}li:not(:last-child):after{content:"";position:absolute;width:2px;height:100%;background:#201e2c;top:0;left:-.35rem}.rule{padding:.175rem .35rem;margin-left:-.35rem;width:calc(100% + .35rem)}.rule{border-radius:1rem;background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.rule:hover{background:#23212e;box-shadow:inset 0 1px 1px #bfbfbf1a}.rule:active,.rule:focus,.rule[aria-selected=true],.rule[data-state=open]{background:#2c2a36;box-shadow:inset 0 1px 1px #bfbfbf1a;outline:none}.rule{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;box-shadow:none;cursor:pointer}
+ul{list-style:none;margin:0;margin-inline-start:2px;margin-block-start:.35rem;padding-inline-start:.35rem;text-wrap:nowrap;position:relative;display:flex;flex-direction:column;gap:.35rem}li{position:relative;padding-inline-start:.7rem;list-style:none}li:before{content:"";position:absolute;background:transparent;width:.7rem;left:-.35rem;height:20px;top:5px;transform:translateY(-50%);border-left:2px solid rgb(31.8,30,43.5);border-bottom:2px solid rgb(31.8,30,43.5);border-bottom-left-radius:.5rem}li:not(:last-child):after{content:"";position:absolute;width:2px;height:100%;background:#201e2c;top:0;left:-.35rem}.rule{padding:.175rem .35rem;margin-left:-.35rem;width:calc(100% + .35rem)}.rule{border-radius:1rem;background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.rule:hover{background:#23212e;box-shadow:inset 0 1px 1px #bfbfbf1a}.rule:active,.rule:focus,.rule[aria-selected=true],.rule[data-state=open]{background:#2c2a36;box-shadow:inset 0 1px 1px #bfbfbf1a;outline:none}.rule{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;box-shadow:none;cursor:pointer}

package/dist/assets/components/d-flow-suggestion/DFlowSuggestionSearchInput.style.css

@@ -1 +1 @@
-.d-flow-suggestion-search-input{border:none!important;background:none!important;margin:-.35rem;padding-left:.35rem;padding-right:.35rem;border-radius:0!important}.d-flow-suggestion-search-input>input{padding-top:0!important;padding-bottom:0!important}
+.d-flow-suggestion-search-input{border:none!important;background:none!important;margin:-.35rem;padding-left:.35rem;padding-right:.35rem;border-radius:0!important;box-shadow:none!important}.d-flow-suggestion-search-input>input{padding-top:0!important;padding-bottom:0!important}

package/dist/components/d-flow/DFlow.service.js

@@ -1,10 +1,10 @@
 import "../../utils/contextStore.js";
 import "react";
-import { ReactiveArrayService as l } from "../../utils/reactiveArrayService.js";
+import { ReactiveArrayService as I } from "../../utils/reactiveArrayService.js";
 import "merge-props";
 import "js-md5";
 import { View as c } from "../../utils/view.js";
-class x extends l {
+class v extends I {
   getById(n, i) {
     return this.values(i).find((t) => t.id === n);
   }
@@ -28,8 +28,8 @@ class x extends l {
     const t = this.getNodeById(n, i), e = t ? this.getLinkedNodesById(n, t.nextNodeId) : [], d = [];
     return t?.parameters?.nodes?.forEach((o) => {
       if (o?.value?.__typename === "NodeFunctionIdWrapper") {
-        const r = this.getNodeById(n, o.value?.id);
-        r && (d.push(r), d.push(...r ? this.getLinkedNodesById(n, r.nextNodeId) : []));
+        const a = this.getNodeById(n, o.value?.id);
+        a && (d.push(a), d.push(...a ? this.getLinkedNodesById(n, a.nextNodeId) : []));
       }
     }), [...t ? [t] : [], ...d, ...e];
   }
@@ -66,8 +66,16 @@ class x extends l {
               const o = e.value;
               d = {
                 referenceValue: {
-                  nodeFunctionId: o.nodeFunctionId,
-                  referencePath: o.referencePath ?? []
+                  ...o.nodeFunctionId ? {
+                    nodeFunctionId: o.nodeFunctionId
+                  } : {},
+                  ...o.parameterIndex && o.inputIndex ? {
+                    parameterIndex: o.parameterIndex,
+                    inputIndex: o.inputIndex
+                  } : {},
+                  referencePath: o.referencePath?.map((a) => ({
+                    path: a.path
+                  })) ?? []
                 }
               };
               break;
@@ -87,54 +95,54 @@ class x extends l {
     };
   }
   async deleteNodeById(n, i) {
-    const t = this.getById(n), e = this.getNodeById(n, i), d = t?.nodes?.nodes?.find((s) => s?.parameters?.nodes?.find((a) => a?.value?.__typename === "NodeFunctionIdWrapper" && a.value?.id === i)), o = t?.nodes?.nodes?.find((s) => s?.nextNodeId === i), r = this.values().findIndex((s) => s.id === n);
+    const t = this.getById(n), e = this.getNodeById(n, i), d = t?.nodes?.nodes?.find((s) => s?.parameters?.nodes?.find((r) => r?.value?.__typename === "NodeFunctionIdWrapper" && r.value?.id === i)), o = t?.nodes?.nodes?.find((s) => s?.nextNodeId === i), a = this.values().findIndex((s) => s.id === n);
     if (!(!t || !e)) {
       if (t.nodes.nodes = t.nodes.nodes.filter((s) => s?.id !== i), e.parameters?.nodes?.forEach((s) => this.removeParameterNode(t, s)), o ? o.nextNodeId = e.nextNodeId : d || (t.startingNodeId = e.nextNodeId ?? void 0), d) {
-        const s = d.parameters?.nodes?.find((a) => a?.value?.__typename === "NodeFunctionIdWrapper" && a.value?.id === i);
+        const s = d.parameters?.nodes?.find((r) => r?.value?.__typename === "NodeFunctionIdWrapper" && r.value?.id === i);
         s && (s.value = void 0);
       }
-      t.editedAt = (/* @__PURE__ */ new Date()).toISOString(), this.set(r, new c(t));
+      t.editedAt = (/* @__PURE__ */ new Date()).toISOString(), this.set(a, new c(t));
     }
   }
   async addNextNodeById(n, i, t) {
     const e = this.getById(n), d = this.values().findIndex((u) => u.id === n), o = i ? this.getNodeById(n, i) : void 0;
     if (!e || i && !o) return;
-    const s = `gid://sagittarius/NodeFunction/${Math.max(0, ...e.nodes?.nodes?.map((u) => Number(u?.id?.match(/NodeFunction\/(\d+)$/)?.[1] ?? 0)) ?? [0]) + 1}`, a = {
+    const s = `gid://sagittarius/NodeFunction/${Math.max(0, ...e.nodes?.nodes?.map((u) => Number(u?.id?.match(/NodeFunction\/(\d+)$/)?.[1] ?? 0)) ?? [0]) + 1}`, r = {
       ...JSON.parse(JSON.stringify(t)),
       id: s
     };
-    o && o.nextNodeId ? a.nextNodeId = o.nextNodeId : !o && e.startingNodeId && (a.nextNodeId = e.startingNodeId), e.nodes?.nodes?.push(a), o ? o.nextNodeId = a.id : e.startingNodeId = a.id, e.editedAt = (/* @__PURE__ */ new Date()).toISOString(), this.set(d, new c(e));
+    o && o.nextNodeId ? r.nextNodeId = o.nextNodeId : !o && e.startingNodeId && (r.nextNodeId = e.startingNodeId), e.nodes?.nodes?.push(r), o ? o.nextNodeId = r.id : e.startingNodeId = r.id, e.editedAt = (/* @__PURE__ */ new Date()).toISOString(), this.set(d, new c(e));
   }
   async setSettingValue(n, i, t) {
-    const e = this.getById(n), d = this.values().findIndex((r) => r.id === n);
+    const e = this.getById(n), d = this.values().findIndex((a) => a.id === n);
     if (!e) return;
     e.editedAt = (/* @__PURE__ */ new Date()).toISOString();
-    const o = e.settings?.nodes?.find((r) => r?.flowSettingIdentifier === i);
+    const o = e.settings?.nodes?.find((a) => a?.flowSettingIdentifier === i);
     if (o)
       o.value = t;
     else {
-      const r = {
+      const a = {
         flowSettingIdentifier: i,
         value: null
       };
-      r.value = t, e.settings.nodes.push(r);
+      a.value = t, e.settings.nodes.push(a);
     }
     this.set(d, new c(e));
   }
   async setParameterValue(n, i, t, e) {
-    const d = this.getById(n), o = this.values().findIndex((a) => a.id === n);
+    const d = this.getById(n), o = this.values().findIndex((r) => r.id === n);
     if (!d) return;
-    const r = this.getNodeById(n, i);
-    if (!r) return;
-    const s = r.parameters?.nodes?.find((a) => a?.id === t);
+    const a = this.getNodeById(n, i);
+    if (!a) return;
+    const s = a.parameters?.nodes?.find((r) => r?.id === t);
     if (s) {
       if (this.removeParameterNode(d, s), e?.__typename === "NodeFunction") {
-        const a = Math.max(0, ...d.nodes?.nodes?.map((N) => Number(N?.id?.match(/NodeFunction\/(\d+)$/)?.[1] ?? 0)) ?? [0]), u = {
+        const r = Math.max(0, ...d.nodes?.nodes?.map((N) => Number(N?.id?.match(/NodeFunction\/(\d+)$/)?.[1] ?? 0)) ?? [0]), u = {
           ...e,
-          id: `gid://sagittarius/NodeFunction/${a + 1}`
+          id: `gid://sagittarius/NodeFunction/${r + 1}`
         };
         d.nodes?.nodes?.push(u), s.value = {
-          id: `gid://sagittarius/NodeFunction/${a + 1}`,
+          id: `gid://sagittarius/NodeFunction/${r + 1}`,
           __typename: "NodeFunctionIdWrapper"
         };
       } else
@@ -144,5 +152,5 @@ class x extends l {
   }
 }
 export {
-  x as DFlowReactiveService
+  v as DFlowReactiveService
 };

package/dist/components/d-flow-data-type/DFlowDataType.service.d.ts

@@ -1,6 +1,6 @@
 import { ReactiveArrayService } from '../../utils';
 import { DataTypeView } from './DFlowDataType.view';
-import { DataTypeIdentifier, Flow, Maybe, Namespace, NamespaceProject, NodeParameterValue, Runtime } from '@code0-tech/sagittarius-graphql-types';
+import { DataTypeIdentifier, Flow, LiteralValue, Maybe, Namespace, NamespaceProject, NodeParameterValue, Runtime } from '@code0-tech/sagittarius-graphql-types';
 export type DFlowDataTypeDependencies = {
     namespaceId: Namespace['id'];
     projectId: NamespaceProject['id'];
@@ -9,7 +9,7 @@ export type DFlowDataTypeDependencies = {
 export declare abstract class DFlowDataTypeReactiveService extends ReactiveArrayService<DataTypeView, DFlowDataTypeDependencies> {
     getDataType(type: DataTypeIdentifier, dependencies?: DFlowDataTypeDependencies): DataTypeView | undefined;
     getDataTypeFromValue(value: NodeParameterValue, flow?: Flow, dependencies?: DFlowDataTypeDependencies): DataTypeView | undefined;
-    getValueFromType(dataTypeIdentifier: DataTypeIdentifier, flow?: Flow, dependencies?: DFlowDataTypeDependencies): NodeParameterValue | undefined;
+    getValueFromType(dataTypeIdentifier: DataTypeIdentifier, flow?: Flow, dependencies?: DFlowDataTypeDependencies): LiteralValue | undefined;
     getTypeFromValue(value: NodeParameterValue, flow?: Flow, dependencies?: DFlowDataTypeDependencies): Maybe<DataTypeIdentifier> | undefined;
     hasDataTypes(types: DataTypeIdentifier[], dependencies?: DFlowDataTypeDependencies): boolean;
 }

package/dist/components/d-flow-data-type/rules/DFlowDataTypeContainsKeyRule.js

@@ -3,7 +3,7 @@ import { useValueValidation as m } from "../../d-flow-validation/DValueValidatio
 function A(r, e, t, n) {
   var i = k(), o = e(function(s) {
     i.initializeInstanceElements(s, a.elements);
-  }, t), a = i.decorateClass(I(o.d.map(P)), r);
+  }, t), a = i.decorateClass(_(o.d.map(P)), r);
   return i.initializeClassElements(o.F, a.elements), i.runClassFinishers(o.F, a.finishers);
 }
 function k() {
@@ -39,7 +39,7 @@ function k() {
     if (e.forEach(function(s) {
       this.addElementPlacement(s, o);
     }, this), e.forEach(function(s) {
-      if (!u(s)) return n.push(s);
+      if (!f(s)) return n.push(s);
       var l = this.decorateElement(s, o);
       n.push(l.element), n.push.apply(n, l.extras), i.push.apply(i, l.finishers);
     }, this), !t) return { elements: n, finishers: i };
@@ -122,18 +122,18 @@ function P(r) {
 function C(r, e) {
   r.descriptor.get !== void 0 ? e.descriptor.get = r.descriptor.get : e.descriptor.set = r.descriptor.set;
 }
-function I(r) {
+function _(r) {
   for (var e = [], t = function(a) {
     return a.kind === "method" && a.key === o.key && a.placement === o.placement;
   }, n = 0; n < r.length; n++) {
     var i, o = r[n];
     if (o.kind === "method" && (i = e.find(t)))
-      if (y(o.descriptor) || y(i.descriptor)) {
-        if (u(o) || u(i)) throw new ReferenceError("Duplicated methods (" + o.key + ") can't be decorated.");
+      if (h(o.descriptor) || h(i.descriptor)) {
+        if (f(o) || f(i)) throw new ReferenceError("Duplicated methods (" + o.key + ") can't be decorated.");
         i.descriptor = o.descriptor;
       } else {
-        if (u(o)) {
-          if (u(i)) throw new ReferenceError("Decorators can't be placed on different accessors with for the same property (" + o.key + ").");
+        if (f(o)) {
+          if (f(i)) throw new ReferenceError("Decorators can't be placed on different accessors with for the same property (" + o.key + ").");
           i.decorators = o.decorators;
         }
         C(o, i);
@@ -142,10 +142,10 @@ function I(r) {
   }
   return e;
 }
-function u(r) {
+function f(r) {
   return r.decorators && r.decorators.length;
 }
-function y(r) {
+function h(r) {
   return r !== void 0 && !(r.value === void 0 && r.writable === void 0);
 }
 function v(r, e) {
@@ -154,10 +154,10 @@ function v(r, e) {
   return t;
 }
 function w(r) {
-  var e = _(r, "string");
+  var e = I(r, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function _(r, e) {
+function I(r, e) {
   if (typeof r != "object" || !r) return r;
   var t = r[Symbol.toPrimitive];
   if (t !== void 0) {
@@ -209,10 +209,19 @@ let M = A([T()], function(r) {
         if ((i?.key ?? "") in n && i?.dataTypeIdentifier?.genericKey && !l && !s?.getDataType(i.dataTypeIdentifier)) return !0;
         if (!(s?.getDataType(i.dataTypeIdentifier) || l) || l && !s?.hasDataTypes(c) || l && (p?.length ?? 0) + 1 != c.length) return !1;
         if (i?.dataTypeIdentifier?.genericKey && l && c) {
-          const d = c.map((f) => m(n.value[i?.key ?? ""], s?.getDataType(f), s, a, f.genericType.genericMappers)), E = d.length > 1 ? d.reduce((f, h, g) => p && p[g - 1].type == "OR" ? f || h : f && h) : d[0];
+          const d = c.map((u) => m({
+            __typename: "LiteralValue",
+            value: n.value[i?.key ?? ""]
+          }, s?.getDataType(u), s, a, u.genericType.genericMappers)), E = d.length > 1 ? d.reduce((u, y, g) => p && p[g - 1].type == "OR" ? u || y : u && y) : d[0];
           return (i?.key ?? "") in n && E;
         }
-        return i?.dataTypeIdentifier?.dataType ? (i?.key ?? "") in n && m(n.value[i?.key ?? ""], s?.getDataType(i.dataTypeIdentifier), s) : (i?.key ?? "") in n && m(n.value[i?.key ?? ""], s?.getDataType(i.dataTypeIdentifier), s, a, D(i?.dataTypeIdentifier?.genericType?.genericMappers, o));
+        return i?.dataTypeIdentifier?.dataType ? (i?.key ?? "") in n.value && m({
+          __typename: "LiteralValue",
+          value: n.value[i?.key ?? ""]
+        }, s?.getDataType(i.dataTypeIdentifier), s) : (i?.key ?? "") in n.value && m({
+          __typename: "LiteralValue",
+          value: n.value[i?.key ?? ""]
+        }, s?.getDataType(i.dataTypeIdentifier), s, a, D(i?.dataTypeIdentifier?.genericType?.genericMappers, o));
       }
     }]
   };

package/dist/components/d-flow-data-type/rules/DFlowDataTypeContainsTypeRule.js

@@ -3,7 +3,7 @@ import { useValueValidation as h } from "../../d-flow-validation/DValueValidatio
 function T(r, e, t, n) {
   var i = w(), o = e(function(s) {
     i.initializeInstanceElements(s, a.elements);
-  }, t), a = i.decorateClass(C(o.d.map(A)), r);
+  }, t), a = i.decorateClass(_(o.d.map(A)), r);
   return i.initializeClassElements(o.F, a.elements), i.runClassFinishers(o.F, a.finishers);
 }
 function w() {
@@ -75,7 +75,7 @@ function w() {
     var t = { kind: e.kind, key: e.key, placement: e.placement, descriptor: e.descriptor };
     return Object.defineProperty(t, Symbol.toStringTag, { value: "Descriptor", configurable: !0 }), e.kind === "field" && (t.initializer = e.initializer), t;
   }, toElementDescriptors: function(e) {
-    if (e !== void 0) return _(e).map(function(t) {
+    if (e !== void 0) return I(e).map(function(t) {
       var n = this.toElementDescriptor(t);
       return this.disallowProperty(t, "finisher", "An element descriptor"), this.disallowProperty(t, "extras", "An element descriptor"), n;
     }, this);
@@ -122,7 +122,7 @@ function A(r) {
 function P(r, e) {
   r.descriptor.get !== void 0 ? e.descriptor.get = r.descriptor.get : e.descriptor.set = r.descriptor.set;
 }
-function C(r) {
+function _(r) {
   for (var e = [], t = function(a) {
     return a.kind === "method" && a.key === o.key && a.placement === o.placement;
   }, n = 0; n < r.length; n++) {
@@ -154,10 +154,10 @@ function v(r, e) {
   return t;
 }
 function g(r) {
-  var e = I(r, "string");
+  var e = C(r, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function I(r, e) {
+function C(r, e) {
   if (typeof r != "object" || !r) return r;
   var t = r[Symbol.toPrimitive];
   if (t !== void 0) {
@@ -167,7 +167,7 @@ function I(r, e) {
   }
   return (e === "string" ? String : Number)(r);
 }
-function _(r) {
+function I(r) {
   return O(r) || F(r) || z(r) || x();
 }
 function x() {
@@ -210,16 +210,22 @@ let R = T([D()], function(r) {
         if (i?.dataTypeIdentifier?.genericKey && !l && !s?.getDataType(i.dataTypeIdentifier)) return !0;
         if (!(s?.getDataType(i.dataTypeIdentifier) || l) || l && !s?.hasDataTypes(p) || l && (d?.length ?? 0) + 1 != p.length) return !1;
         if (i?.dataTypeIdentifier?.genericKey && l && p) {
-          const c = p.map((f) => n.value.every((u) => f.genericType ? h({
+          const c = p.map((u) => n.value.every((f) => u.genericType ? h({
             __typename: "LiteralValue",
-            value: u
-          }, s?.getDataType(f), s, a, f.genericType.genericMappers) : h({
+            value: f
+          }, s?.getDataType(u), s, a, u.genericType.genericMappers) : h({
             __typename: "LiteralValue",
-            value: u
-          }, s?.getDataType(f), s, a)));
-          return c.length > 1 ? c.reduce((f, u, k) => d && d[k - 1].type == "OR" ? f || u : f && u) : c[0];
+            value: f
+          }, s?.getDataType(u), s, a)));
+          return c.length > 1 ? c.reduce((u, f, k) => d && d[k - 1].type == "OR" ? u || f : u && f) : c[0];
         }
-        return i?.dataTypeIdentifier?.dataType ? n.value.every((c) => h(c, s?.getDataType(i.dataTypeIdentifier), s)) : n.value.every((c) => h(c, s?.getDataType(i.dataTypeIdentifier), s, a, E((i.dataTypeIdentifier?.genericType).genericMappers, o)));
+        return i?.dataTypeIdentifier?.dataType ? n.value.every((c) => h({
+          __typename: "LiteralValue",
+          value: c
+        }, s?.getDataType(i.dataTypeIdentifier), s)) : n.value.every((c) => h({
+          __typename: "LiteralValue",
+          value: c
+        }, s?.getDataType(i.dataTypeIdentifier), s, a, E((i.dataTypeIdentifier?.genericType).genericMappers, o)));
       }
     }]
   };

package/dist/components/d-flow-file/DFlowTabDefault.js

@@ -1,4 +1,4 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as p } from "react/jsx-runtime";
 import r from "react";
 import "../../_virtual/compiler-runtime.js";
 import "@radix-ui/react-checkbox";
@@ -16,11 +16,11 @@ import "@radix-ui/react-radio-group";
 import "../form/SwitchInput.js";
 import "../form/TextInput.js";
 import { useForm as M } from "../form/useForm.js";
-import { Flex as k } from "../flex/Flex.js";
-import { useService as p, useStore as S } from "../../utils/contextStore.js";
-import { DFlowFunctionReactiveService as g } from "../d-flow-function/DFlowFunction.service.js";
+import { Flex as O } from "../flex/Flex.js";
+import { useService as f, useStore as V } from "../../utils/contextStore.js";
+import { DFlowFunctionReactiveService as N } from "../d-flow-function/DFlowFunction.service.js";
 import "../d-flow/DFlow.js";
-import { DFlowReactiveService as V } from "../d-flow/DFlow.service.js";
+import { DFlowReactiveService as g } 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";
@@ -28,19 +28,19 @@ 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 "../d-flow-data-type/variants/DFlowDataTypeNodeVariant.js";
-import { useNodeValidation as B } from "../d-flow-validation/DNodeValidation.hook.js";
-import { FileTabsService as E } from "../file-tabs/FileTabs.service.js";
-import { DFlowInputDefault as J } from "../d-flow-input/DFlowInputDefault.js";
-const ye = (D) => {
+import { useNodeValidation as k } from "../d-flow-validation/DNodeValidation.hook.js";
+import { FileTabsService as B } from "../file-tabs/FileTabs.service.js";
+import { DFlowInput as E } from "../d-flow-input/DFlowInput.js";
+const Se = (w) => {
   const {
     node: o,
     flowId: a
-  } = D, N = p(g), w = S(g), u = p(V), I = S(V), h = p(E), f = B(o.id, a), d = r.useRef(/* @__PURE__ */ new Set()), [, b] = r.useTransition(), v = r.useMemo(() => N.getById(o.functionDefinition?.id), [w]), F = r.useMemo(() => {
+  } = w, D = f(N), I = V(N), c = f(g), b = V(g), h = f(B), v = k(o.id, a), m = r.useRef(/* @__PURE__ */ new Set()), [, _] = r.useTransition(), y = r.useMemo(() => D.getById(o.functionDefinition?.id), [I]), F = r.useMemo(() => {
     const t = {};
-    return v?.parameterDefinitions?.forEach((e) => {
+    return y?.parameterDefinitions?.forEach((e) => {
       t[e.id] = e;
     }), t;
-  }, [v]), s = r.useMemo(() => [...o.parameters?.nodes || []].sort((t, e) => t.id.localeCompare(e?.id)), [o]), _ = r.useMemo(() => {
+  }, [y]), s = r.useMemo(() => [...o.parameters?.nodes || []].sort((t, e) => t.id.localeCompare(e?.id)), [o]), x = r.useMemo(() => {
     const t = {};
     return s.forEach((e) => {
       t[e?.id] = e?.value?.__typename === "LiteralValue" ? typeof e.value?.value == "object" && e.value?.value != null ? JSON.stringify(e.value?.value) : e.value.value : e?.value != null ? JSON.stringify(e?.value) : e?.value;
@@ -48,58 +48,59 @@ const ye = (D) => {
   }, [s]), P = r.useMemo(() => {
     const t = {};
     return s.forEach((e) => {
-      t[e?.id] = (c) => {
-        const n = f?.find((i) => i.parameterId === e?.id);
+      t[e?.id] = (l) => {
+        const n = v?.find((i) => i.parameterId === e?.id);
         return n ? n.message[0]?.content || "Invalid value" : null;
       };
     }), t;
-  }, [s, f]), x = r.useCallback((t) => {
-    b(async () => {
+  }, [s, v]), T = r.useCallback((t) => {
+    _(async () => {
       for (const e of s) {
-        if (!d.current.has(e?.id)) continue;
-        const c = t[e?.id], n = e?.value, i = c?.[0]?.value;
-        n && n.__typename === "NodeFunctionIdWrapper" && n.id && u.getLinkedNodesById(a, n.id).reverse().forEach((y) => {
-          y.id && h.deleteById(y.id);
-        }), (!i || !c) && await u.setParameterValue(a, o.id, e.id, void 0);
+        if (!m.current.has(e?.id)) continue;
+        const l = t[e?.id], n = e?.value, i = l?.[0]?.value ?? l?.value ?? l;
+        n && n.__typename === "NodeFunctionIdWrapper" && n.id && c.getLinkedNodesById(a, n.id).reverse().forEach((S) => {
+          S.id && h.deleteById(S.id);
+        }), (!i || !l) && await c.setParameterValue(a, o.id, e.id, void 0);
         try {
-          const l = Number.isNaN(Number(i)) ? JSON.parse(String(i)) : String(i);
-          if (!i?.__typename) {
-            await u.setParameterValue(a, o.id, e.id, i ? {
+          const u = Number.isNaN(Number(i)) ? JSON.parse(i) : i;
+          if (!u?.__typename) {
+            await c.setParameterValue(a, o.id, e.id, i ? {
               __typename: "LiteralValue",
-              value: l ?? String(l)
+              value: u ?? String(u)
             } : void 0);
             continue;
           }
         } catch {
           if (!i?.__typename) {
-            await u.setParameterValue(a, o.id, e.id, i ? {
+            await c.setParameterValue(a, o.id, e.id, i ? {
               __typename: "LiteralValue",
               value: i
             } : void 0);
             continue;
           }
         }
-        await u.setParameterValue(a, o.id, e.id, i.__typename === "LiteralValue" ? i.value ? i : void 0 : i);
+        const d = typeof i == "object" ? i : JSON.parse(i);
+        await c.setParameterValue(a, o.id, e.id, d.__typename === "LiteralValue" ? d.value ? d : void 0 : d);
       }
-      d.current.clear();
+      m.current.clear();
     });
-  }, [I, s]), [T, L] = M({
-    initialValues: _,
+  }, [b, s]), [J, L] = M({
+    initialValues: x,
     validate: P,
     truthyValidationBeforeSubmit: !1,
-    onSubmit: x
+    onSubmit: T
   });
-  return /* @__PURE__ */ m(k, { style: {
+  return /* @__PURE__ */ p(O, { style: {
     gap: ".7rem",
     flexDirection: "column"
   }, children: s.map((t) => {
     if (!t) return null;
-    const e = F[t?.parameterDefinition?.id], c = e?.names ? e?.names[0]?.content : e?.id, n = e?.descriptions ? e?.descriptions[0]?.content : JSON.stringify(e?.dataTypeIdentifier);
-    return /* @__PURE__ */ m("div", { children: /* @__PURE__ */ m(J, { flowId: a, nodeId: o.id, parameterId: t.id, title: c, description: n, clearable: !0, onChange: () => {
-      d.current.add(t.id), L();
-    }, ...T.getInputProps(t.id) }) });
+    const e = F[t?.parameterDefinition?.id], l = e?.names ? e?.names[0]?.content : e?.id, n = e?.descriptions ? e?.descriptions[0]?.content : JSON.stringify(e?.dataTypeIdentifier);
+    return /* @__PURE__ */ p("div", { children: /* @__PURE__ */ p(E, { flowId: a, nodeId: o.id, parameterId: t.id, title: l, description: n, clearable: !0, onChange: () => {
+      m.current.add(t.id), L();
+    }, ...J.getInputProps(t.id) }) });
   }) });
 };
 export {
-  ye as DFlowTabDefault
+  Se as DFlowTabDefault
 };

package/dist/components/d-flow-file/DFlowTabTrigger.js

@@ -43,7 +43,7 @@ const Q = (i) => {
     gap: ".7rem",
     flexDirection: "column"
   }, children: [
-    n?.inputType ? /* @__PURE__ */ u(R, { initialValue: S, label: "Test Data Type", description: "Data type used for testing", onChange: (e) => console.log(e) }) : null,
+    n?.inputType ? /* @__PURE__ */ u(R, { initialValue: S || void 0, label: "Test Data Type", description: "Data type used for testing", onChange: (e) => console.log(e) }) : null,
     n?.flowTypeSettings?.map((e) => {
       const t = p.settings?.nodes?.find((a) => a?.flowSettingIdentifier == e.identifier), s = e.names[0]?.content ?? "", l = e?.descriptions[0]?.content ?? "", T = m[e.identifier], w = (t?.value?.__typename === "LiteralValue", typeof t?.value == "object" ? JSON.stringify(t?.value) : t?.value), o = (a) => {
         v(async () => {

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

@@ -0,0 +1,11 @@
+import { Flow, NodeFunction, NodeParameter } from '@code0-tech/sagittarius-graphql-types';
+import { default as React } from 'react';
+import { InputProps } from '../form';
+export interface DFlowInputProps extends Omit<InputProps<any | null>, "wrapperComponent" | "type"> {
+    flowId: Flow['id'];
+    nodeId: NodeFunction['id'];
+    parameterId: NodeParameter['id'];
+    clearable?: boolean;
+    onClear?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}
+export declare const DFlowInput: React.FC<DFlowInputProps>;

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

@@ -0,0 +1,29 @@
+import { jsx as d } from "react/jsx-runtime";
+import e from "react";
+import { DFlowInputDefault as R } from "./DFlowInputDefault.js";
+import { useService as a, useStore as c } from "../../utils/contextStore.js";
+import "merge-props";
+import "js-md5";
+import "../d-flow/DFlow.js";
+import { DFlowReactiveService as u } from "../d-flow/DFlow.service.js";
+import { DFlowFunctionReactiveService as D } from "../d-flow-function/DFlowFunction.service.js";
+import { DFlowDataTypeReactiveService as l } from "../d-flow-data-type/DFlowDataType.service.js";
+import { DFlowInputObject as M } from "./DFlowInputObject.js";
+const Y = (v) => {
+  const {
+    flowId: t,
+    nodeId: o,
+    parameterId: i,
+    ...m
+  } = v, S = a(u), w = c(u), y = a(l), I = c(l), T = a(D), F = c(D), r = e.useMemo(() => S.getNodeById(t, o), [w, t, o]), p = e.useMemo(() => r?.parameters?.nodes?.find((n) => n?.id === i), [r, i]), s = e.useMemo(() => T.getById(r?.functionDefinition?.id), [F, r]), f = e.useMemo(() => s?.parameterDefinitions?.find((n) => n.id === p?.parameterDefinition?.id), [s, p]);
+  switch (e.useMemo(() => y.getDataType(f?.dataTypeIdentifier), [I, f])?.variant) {
+    case "ARRAY":
+    case "OBJECT":
+      return /* @__PURE__ */ d(M, { flowId: t, nodeId: o, parameterId: i, ...m });
+    default:
+      return /* @__PURE__ */ d(R, { flowId: t, nodeId: o, parameterId: i, ...m });
+  }
+};
+export {
+  Y as DFlowInput
+};

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

@@ -1,10 +1,5 @@
 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'];
-}
+import { DFlowInputProps } from './DFlowInput';
+export type DFlowInputDefaultProps = DFlowInputProps;
 export declare const splitTextAndObjects: (input: string) => (string | Record<string, any>)[];
 export declare const DFlowInputDefault: React.FC<DFlowInputDefaultProps>;

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

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

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { DFlowInputProps } from './DFlowInput';
+import { LiteralValue } from '@code0-tech/sagittarius-graphql-types';
+export interface EditableObjectEntry {
+    key: string;
+    value: LiteralValue | null;
+    path: string[];
+}
+export type DFlowInputObjectProps = DFlowInputProps;
+export declare const DFlowInputObject: React.FC<DFlowInputObjectProps>;