@code0-tech/pictor 0.0.0-mvp.33 → 0.0.0-mvp.35

package/dist/assets/components/button-group/ButtonGroup.style.css

@@ -1 +1 @@
-.button-group{border:none;width:fit-content;background:transparent;position:relative;display:flex;padding:.35rem;gap:.35rem}.button-group{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}.button-group .button{display:inline-flex;height:100%}
+.button-group{border:none;width:fit-content;background:transparent;position:relative;display:flex;padding:.175rem;gap:.35rem}.button-group{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;border-width:0}.button-group .button{display:inline-flex;height:100%;border-radius:.825rem}.button-group__first,.button-group__item{position:relative}.button-group__first:after,.button-group__item:after{content:"";position:absolute;top:25%;bottom:0;right:-.175rem;height:50%;width:1px;background:#ffffff1a}

package/dist/assets/components/d-flow-node/DFlowNode.style.css

@@ -0,0 +1 @@
+.d-flow-node__handle{border:none!important;padding:1px;z-index:-1;opacity:0}.d-flow-node__inspection{top:0;transform:translateY(-50%);padding:.35rem}.d-flow-node__inspection{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;position:absolute}.d-flow-node--active{box-shadow:0 0 0 1px #70ffb280}

package/dist/assets/components/d-layout/DLayout.style.css

@@ -1 +1 @@
-.d-layout{position:relative;width:100%;height:100%;overflow:hidden;display:flex}.d-layout__inner{display:flex;flex-direction:column;width:100%;height:100%}.d-layout__top,.d-layout__bottom{flex:0 0 auto}.d-layout__middle{display:flex;flex:1 1 auto;min-height:0;width:100%}.d-layout__left{border-right:1px solid rgba(255,255,255,.1)}.d-layout__right{border-left:1px solid rgba(255,255,255,.1)}.d-layout__top{border-bottom:1px solid rgba(255,255,255,.1)}.d-layout__bottom{border-top:1px solid rgba(255,255,255,.1)}.d-layout__left,.d-layout__right{flex:0 0 auto}.d-layout__content{flex:1 1 auto;min-width:0;min-height:0;overflow:auto}
+.d-layout{position:relative;width:100%;height:100%;overflow:hidden;display:flex}.d-layout__inner{display:flex;flex-direction:column;width:100%;height:100%}.d-layout__top,.d-layout__bottom{flex:0 0 auto}.d-layout__middle{display:flex;flex:1 1 auto;min-height:0;height:100%;width:100%}.d-layout__splitter{background:#ffffff1a;position:relative;align-self:stretch}.d-layout__splitter[aria-orientation=vertical]{width:1px;height:auto}.d-layout__splitter[aria-orientation=horizontal]{width:100%;height:1px}.d-layout__left,.d-layout__right{flex:0 0 auto}.d-layout__content{flex:1 1 auto;min-width:0;min-height:0;overflow:auto}

package/dist/assets/components/segmented-control/SegmentedControl.style.css

@@ -1 +1 @@
-.segmented-control{padding:.35rem;gap:.35rem;display:flex;flex-wrap:nowrap}.segmented-control{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}.segmented-control__item{cursor:pointer;padding:.35rem .7rem}.segmented-control__item[data-state=off]{background:transparent;opacity:.6666666666}.segmented-control__item{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.segmented-control__item:disabled,.segmented-control__item[data-disabled],.segmented-control__item[aria-disabled=true],.segmented-control__item--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.segmented-control__item{border-radius:.65rem;border:none}
+.segmented-control{padding:.175rem;gap:.35rem;display:flex;flex-wrap:nowrap}.segmented-control{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;border-width:0}.segmented-control__item{cursor:pointer;padding:.35rem .7rem}.segmented-control__item[data-state=off]{background:transparent;opacity:.6666666666}.segmented-control__item{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.segmented-control__item:disabled,.segmented-control__item[data-disabled],.segmented-control__item[aria-disabled=true],.segmented-control__item--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.segmented-control__item{background:#353343;border-radius:.825rem;border:none}.segmented-control__item:disabled{background:transparent}.segmented-control__item:after{content:"";position:absolute;top:25%;bottom:0;right:-.175rem;height:50%;width:1px;background:#ffffff1a}

package/dist/assets/components/tab/Tab.style.css

@@ -1 +1 @@
-.tab[data-orientation=vertical]{display:flex}.tab__list{display:flex;gap:.7rem}.tab__list[data-orientation=vertical]{flex-direction:column}.tab__trigger{background:transparent;border:none;margin:0;position:relative;box-sizing:border-box;opacity:.5;transition:all ease-in-out .2s}.tab__trigger:after{content:"";position:absolute;background:transparent;background:#1c1a2c}.tab__trigger[data-orientation=vertical]:after{border-bottom-right-radius:50rem;border-top-right-radius:50rem;height:35%;width:3px;top:50%;transform:translateY(-50%);left:0}.tab__trigger[data-orientation=horizontal]:after{border-top-left-radius:50rem;border-top-right-radius:50rem;width:10%;min-width:28px;height:3px;bottom:0;left:50%;transform:translate(-50%)}.tab__trigger[aria-selected=true][data-orientation=vertical],.tab__trigger[aria-selected=true][data-orientation=horizontal]{opacity:1}.tab__trigger[aria-selected=true][data-orientation=vertical]:after,.tab__trigger[aria-selected=true][data-orientation=horizontal]:after{background:#70ffb2}
+.tab[data-orientation=vertical]{display:flex}.tab[data-orientation=horizontal]{padding-bottom:.475rem}.tab__list{display:flex;gap:.7rem}.tab__list[data-orientation=horizontal]{align-items:end}.tab__list[data-orientation=vertical]{flex-direction:column}.tab__trigger{background:transparent;border:none;margin:0;position:relative;box-sizing:border-box;opacity:.5;transition:all ease-in-out .2s}.tab__trigger[data-orientation=horizontal]:after{content:"";position:absolute;background:transparent;border-top-left-radius:50rem;border-top-right-radius:50rem;width:35%;min-width:28px;height:2px;bottom:-.475rem;left:50%;transform:translate(-50%)}.tab__trigger[aria-selected=true][data-orientation=vertical],.tab__trigger[aria-selected=true][data-orientation=horizontal]{opacity:1}.tab__trigger[aria-selected=true][data-orientation=vertical]:after,.tab__trigger[aria-selected=true][data-orientation=horizontal]:after{background:#70ffb2}

package/dist/components/alert/Alert.js

@@ -16,7 +16,7 @@ const k = (n) => {
     } = n;
     r = d, i = f === void 0 ? "secondary" : f;
     let s;
-    e[5] === Symbol.for("react.memo_cache_sentinel") ? (s = {
+    e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = {
       primary: /* @__PURE__ */ t(a, { size: 18 }),
       secondary: /* @__PURE__ */ t(a, { size: 18 }),
       info: /* @__PURE__ */ t(u, { size: 18 }),

package/dist/components/aurora/Aurora.js

@@ -14,7 +14,7 @@ const k = (i) => {
   a[4] !== r || a[5] !== c ? (s = ["aurora-background", c, r].filter(Boolean), a[4] = r, a[5] = c, a[6] = s) : s = a[6];
   const n = s.join(" ");
   let t;
-  a[7] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ d("div", { className: "aurora-background__overlay", children: /* @__PURE__ */ d("div", { className: "aurora-background__aurora" }) }), a[7] = t) : t = a[7];
+  a[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ d("div", { className: "aurora-background__overlay", children: /* @__PURE__ */ d("div", { className: "aurora-background__aurora" }) }), a[7] = t) : t = a[7];
   let l;
   return a[8] !== o || a[9] !== n ? (l = /* @__PURE__ */ d("div", { className: n, ...o, children: t }), a[8] = o, a[9] = n, a[10] = l) : l = a[10], l;
 };

package/dist/components/context-menu/ContextMenu.js

@@ -37,23 +37,23 @@ const U = (t) => {
   e[0] !== t || e[1] !== c ? (n = i(c, t), e[0] = t, e[1] = c, e[2] = n) : n = e[2];
   const C = n;
   let s;
-  e[3] === Symbol.for("react.memo_cache_sentinel") ? (s = {
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = {
     borderWidth: "2px"
   }, e[3] = s) : s = e[3];
   let u;
   e[4] !== t.children ? (u = /* @__PURE__ */ o($, { paddingSize: "xxs", mt: -0.35, mx: -0.35, style: s, children: t.children }), e[4] = t.children, e[5] = u) : u = e[5];
   let f;
-  e[6] === Symbol.for("react.memo_cache_sentinel") ? (f = {
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = {
     gap: ".35rem"
   }, e[6] = f) : f = e[6];
   let x;
-  e[7] === Symbol.for("react.memo_cache_sentinel") ? (x = {
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = {
     gap: "0.35rem"
   }, e[7] = x) : x = e[7];
   let _;
-  e[8] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ o(y, { border: !0, children: /* @__PURE__ */ o(z, { size: 12 }) }), e[8] = _) : _ = e[8];
+  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ o(y, { border: !0, children: /* @__PURE__ */ o(z, { size: 12 }) }), e[8] = _) : _ = e[8];
   let d, h;
-  e[9] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ a(S, { align: "center", style: x, children: [
+  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ a(S, { align: "center", style: x, children: [
     /* @__PURE__ */ a(S, { children: [
       _,
       /* @__PURE__ */ o(y, { border: !0, children: /* @__PURE__ */ o(w, { size: 12 }) })
@@ -61,11 +61,11 @@ const U = (t) => {
     "move"
   ] }), d = /* @__PURE__ */ o(A, { spacing: "xxs" }), e[9] = d, e[10] = h) : (d = e[9], h = e[10]);
   let b;
-  e[11] === Symbol.for("react.memo_cache_sentinel") ? (b = {
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = {
     gap: ".35rem"
   }, e[11] = b) : b = e[11];
   let g;
-  e[12] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ o(T, { children: /* @__PURE__ */ a(S, { style: f, children: [
+  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ o(T, { children: /* @__PURE__ */ a(S, { style: f, children: [
     h,
     d,
     /* @__PURE__ */ a(S, { align: "center", style: b, children: [
@@ -119,23 +119,23 @@ const U = (t) => {
   e[0] !== t || e[1] !== l ? (c = i(l, t), e[0] = t, e[1] = l, e[2] = c) : c = e[2];
   const n = c;
   let C;
-  e[3] === Symbol.for("react.memo_cache_sentinel") ? (C = {
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = {
     borderWidth: "2px"
   }, e[3] = C) : C = e[3];
   let s;
   e[4] !== t.children ? (s = /* @__PURE__ */ o($, { paddingSize: "xxs", mt: -0.35, mx: -0.35, style: C, children: t.children }), e[4] = t.children, e[5] = s) : s = e[5];
   let u;
-  e[6] === Symbol.for("react.memo_cache_sentinel") ? (u = {
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = {
     gap: ".35rem"
   }, e[6] = u) : u = e[6];
   let f;
-  e[7] === Symbol.for("react.memo_cache_sentinel") ? (f = {
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = {
     gap: "0.35rem"
   }, e[7] = f) : f = e[7];
   let x;
-  e[8] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ o(y, { border: !0, children: /* @__PURE__ */ o(z, { size: 12 }) }), e[8] = x) : x = e[8];
+  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ o(y, { border: !0, children: /* @__PURE__ */ o(z, { size: 12 }) }), e[8] = x) : x = e[8];
   let _, d;
-  e[9] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ a(S, { align: "center", style: f, children: [
+  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ a(S, { align: "center", style: f, children: [
     /* @__PURE__ */ a(S, { children: [
       x,
       /* @__PURE__ */ o(y, { border: !0, children: /* @__PURE__ */ o(w, { size: 12 }) })
@@ -143,11 +143,11 @@ const U = (t) => {
     "move"
   ] }), d = /* @__PURE__ */ o(A, { spacing: "xxs" }), e[9] = _, e[10] = d) : (_ = e[9], d = e[10]);
   let h;
-  e[11] === Symbol.for("react.memo_cache_sentinel") ? (h = {
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = {
     gap: ".35rem"
   }, e[11] = h) : h = e[11];
   let b;
-  e[12] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ o(T, { children: /* @__PURE__ */ a(S, { style: u, children: [
+  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ o(T, { children: /* @__PURE__ */ a(S, { style: u, children: [
     _,
     d,
     /* @__PURE__ */ a(S, { align: "center", style: h, children: [

package/dist/components/d-application/DApplication.service.d.ts

@@ -1,5 +1,9 @@
 import { ReactiveArrayService } from '../../utils';
 import { Application, ApplicationSettingsUpdateInput, ApplicationSettingsUpdatePayload } from '@code0-tech/sagittarius-graphql-types';
-export declare abstract class DApplicationService extends ReactiveArrayService<Application> {
+import { Payload } from '../../utils/view';
+interface App extends Payload, Application {
+}
+export declare abstract class DApplicationService extends ReactiveArrayService<App> {
     abstract settingsUpdate(payload: ApplicationSettingsUpdateInput): Promise<ApplicationSettingsUpdatePayload | undefined>;
 }
+export {};

package/dist/components/d-flow/DFlow.edges.hook.d.ts

@@ -1,5 +1,4 @@
 import { Edge } from '@xyflow/react';
 import { Flow, Namespace, NamespaceProject } from '@code0-tech/sagittarius-graphql-types';
 import { DFlowEdgeDataProps } from './DFlowEdge';
-export declare const FLOW_EDGE_RAINBOW: string[];
 export declare const useFlowEdges: (flowId: Flow["id"], namespaceId?: Namespace["id"], projectId?: NamespaceProject["id"]) => Edge<DFlowEdgeDataProps>[];

package/dist/components/d-flow/DFlow.edges.hook.js

@@ -1,109 +1,109 @@
-import { useService as h, useStore as S } from "../../utils/contextStore.js";
-import N from "react";
+import { useService as u, useStore as p } from "../../utils/contextStore.js";
+import $ from "react";
 import "merge-props";
-import { DFlowReactiveService as T } from "./DFlow.service.js";
-import { DFlowFunctionReactiveService as B } from "../d-flow-function/DFlowFunction.service.js";
-import { hashToColor as x } from "./DFlow.util.js";
-import { DFlowDataTypeReactiveService as E } from "../d-flow-data-type/DFlowDataType.service.js";
-const u = ["rgba(255, 255, 255, 0.25)"], J = (i, M, R) => {
-  const l = h(T), F = S(T), W = h(B), _ = S(B), O = h(E), w = S(E), n = N.useMemo(() => l.getById(i, {
-    namespaceId: M,
-    projectId: R
-  }), [i, F]);
-  return N.useMemo(() => {
-    if (!n) return [];
-    const d = [], p = /* @__PURE__ */ new Map();
-    let v = 0;
-    const b = /* @__PURE__ */ new Map(), D = /* @__PURE__ */ new Map(), G = (e, o = b) => (o.has(e) || o.set(e, W.getById(e)), o.get(e)), A = (e, o = D) => (o.has(e) || o.set(e, O.getDataType(e)), o.get(e)), f = (e, o, g, c = 0, m = b, y = D) => {
+import { DFlowReactiveService as h } from "./DFlow.service.js";
+import { DFlowFunctionReactiveService as I } from "../d-flow-function/DFlowFunction.service.js";
+import { hashToColor as b } from "./DFlow.util.js";
+import { DFlowDataTypeReactiveService as D } from "../d-flow-data-type/DFlowDataType.service.js";
+const H = (i, S, N) => {
+  const f = u(h), g = p(h), F = u(I), m = p(I), T = u(D), y = p(D), s = $.useMemo(() => f.getById(i, {
+    namespaceId: S,
+    projectId: N
+  }), [i, g]);
+  return $.useMemo(() => {
+    if (!s) return [];
+    if (m.length <= 0) return [];
+    if (y.length <= 0) return [];
+    const o = [], c = /* @__PURE__ */ new Map();
+    let x = 0;
+    const l = (e, r, B = !1) => {
       if (!e) return "";
-      const t = `${e.id}-${v++}`;
-      if (v == 1 && d.push({
-        id: `trigger-${t}-next`,
-        source: n.id,
-        target: t,
+      if (e.id == s.startingNodeId && o.push({
+        id: `trigger-${e.id}-next`,
+        source: s.id,
+        target: e.id,
         data: {
-          color: u[c % u.length],
+          color: "#ffffff",
           type: "default",
           flowId: i,
-          parentNodeId: o?.id
+          parentNodeId: r?.id
         },
         deletable: !1,
         selectable: !1
-      }), g) {
-        const a = p.get(g) ?? [];
-        a.length > 0 ? a.forEach((r, $) => d.push({
-          id: `${r}-${t}-next-${$}`,
-          source: r,
-          target: t,
+      }), r?.id && !B) {
+        const a = c.get(r.id) ?? [];
+        a.length > 0 ? a.forEach((t, n) => o.push({
+          id: `${t}-${e.id}-next-${n}`,
+          source: t,
+          target: e.id,
           data: {
-            color: u[c % u.length],
+            color: "#ffffff",
             type: "default",
             flowId: i,
-            parentNodeId: o?.id
+            parentNodeId: r?.id
           },
           deletable: !1,
           selectable: !1
-        })) : d.push({
-          id: `${g}-${t}-next`,
-          source: g,
-          target: t,
+        })) : o.push({
+          id: `${r.id}-${e.id}-next`,
+          source: r.id,
+          target: e.id,
           data: {
-            color: u[c % u.length],
+            color: "#ffffff",
             type: "default",
             flowId: i,
-            parentNodeId: o?.id
+            parentNodeId: r.id
           },
           deletable: !1,
           selectable: !1
         });
       }
       return e.parameters?.nodes?.forEach((a) => {
-        const r = a?.value, $ = G(e.functionDefinition?.id, m)?.parameterDefinitions?.find((s) => s.id === a?.id), I = $?.dataTypeIdentifier, H = I ? A(I, y) : void 0;
-        if (r) {
-          if (H?.variant === "NODE") {
-            if (r && r.__typename === "NodeFunctionIdWrapper") {
-              const s = `${t}-group-${v++}`;
-              d.push({
-                id: `${t}-${s}-param-${a.id}`,
-                source: t,
-                target: s,
+        const t = a?.value, n = F.getById(e.functionDefinition?.id)?.parameterDefinitions?.find((d) => d.id === a?.parameterDefinition?.id), v = n?.dataTypeIdentifier, E = v ? T.getDataType(v) : void 0;
+        if (t) {
+          if (E?.variant === "NODE") {
+            if (t && t.__typename === "NodeFunctionIdWrapper") {
+              const d = `${e.id}-group-${x++}`;
+              o.push({
+                id: `${e.id}-${d}-param-${a.id}`,
+                source: e.id,
+                target: d,
                 deletable: !1,
                 selectable: !1,
                 animated: !0,
-                label: $?.names[0]?.content ?? a.id,
+                label: n?.names[0]?.content ?? a.id,
                 data: {
-                  color: x(r?.id || ""),
+                  color: b(t?.id || ""),
                   type: "group",
                   flowId: i,
-                  parentNodeId: o?.id
+                  parentNodeId: r?.id
                 }
-              }), (p.get(t) ?? (p.set(t, []), p.get(t))).push(s), f(l.getNodeById(i, r.id), e, void 0, c + 1, m, y);
+              }), (c.get(e.id) ?? (c.set(e.id, []), c.get(e.id))).push(d), l(f.getNodeById(i, t.id), e, !0);
             }
-          } else if (r && r.__typename === "NodeFunctionIdWrapper") {
-            const s = f(l.getNodeById(i, r.id), e, void 0, c + 1, m, y);
-            d.push({
-              id: `${s}-${t}-param-${a.id}`,
-              source: s,
-              target: t,
+          } else if (t && t.__typename === "NodeFunctionIdWrapper") {
+            const d = l(f.getNodeById(i, t.id), e, !0);
+            o.push({
+              id: `${d}-${e.id}-param-${a.id}`,
+              source: d,
+              target: e.id,
               targetHandle: `param-${a.id}`,
               animated: !0,
               deletable: !1,
               selectable: !1,
               data: {
-                color: x(r?.id || ""),
+                color: b(t?.id || ""),
                 type: "parameter",
                 flowId: i,
-                parentNodeId: o?.id
+                parentNodeId: r?.id
               }
             });
           }
         }
-      }), e.nextNodeId && f(l.getNodeById(n.id, e.nextNodeId), e, t, c, m, y), t;
+      }), e.nextNodeId && l(f.getNodeById(s.id, e.nextNodeId), e), e.id;
     };
-    return n.startingNodeId && f(l.getNodeById(n.id, n.startingNodeId), void 0, void 0, 0, b, D), d;
-  }, [n, F, _, w]);
+    return s.startingNodeId && l(f.getNodeById(s.id, s.startingNodeId), void 0, !1), o;
+  }, [s, g, m, y]);
 };
 export {
-  u as FLOW_EDGE_RAINBOW,
-  J as useFlowEdges
+  H as useFlowEdges
 };