Hugging Face's logo

Spaces:
VIDraft
/
MOUSE-Workflow
Running

App Files Community
MOUSE-Workflow / src /backend /gradio_workflowbuilder /templates /component /index.js
openfree's picture
openfree
Rename src/backend/gradio_workflowbuilder/templates/component/index (1).js to src/backend/gradio_workflowbuilder/templates/component/index.js
314fbd9 verified
raw
history blame contribute delete
110 kB
 const {
SvelteComponent: ll,
append_hydration: y,
attr: i,
binding_callbacks: It,
bubble: rt,
children: P,
claim_element: b,
claim_space: R,
claim_svg_element: Fe,
claim_text: U,
destroy_block: Pt,
destroy_each: Ke,
detach: m,
element: k,
empty: de,
ensure_array_like: le,
get_svelte_dataset: ke,
init: al,
insert_hydration: N,
listen: T,
noop: vt,
run_all: Pe,
safe_not_equal: nl,
select_option: gt,
set_data: ce,
set_input_value: $e,
set_style: X,
space: Y,
stop_propagation: Te,
svg_element: Ve,
text: G,
toggle_class: Se,
update_keyed_each: Et
} = window.__gradio__svelte__internal, { createEventDispatcher: sl, onMount: ol } = window.__gradio__svelte__internal;
function Dt(t, e, l) {
const a = t.slice();
return a[90] = e[l], a;
}
function Mt(t, e, l) {
const a = t.slice();
return a[93] = e[l], a;
}
function Nt(t, e, l) {
const a = t.slice();
a[96] = e[l];
const n = (
/*getComponentConfig*/
a[36](
/*node*/
a[96].type
)
);
return a[97] = n, a;
}
function Ct(t, e, l) {
const a = t.slice();
return a[103] = e[l][0], a[104] = e[l][1], a[106] = l, a;
}
function il(t) {
const e = t.slice(), l = Object.entries(
/*node*/
e[96].data.template
).filter(([o, s]) => s.is_handle);
e[100] = l;
const a = (
/*templateHandles*/
e[100].some(([o, s]) => s.type === "object")
);
e[101] = a;
const n = (
/*templateHandles*/
e[100].some(([o, s]) => s.type === "string" || s.type === "list" || s.type === "file")
);
return e[102] = n, e;
}
function At(t, e, l) {
const a = t.slice();
return a[90] = e[l], a;
}
function St(t, e, l) {
const a = t.slice();
return a[93] = e[l], a;
}
function bt(t) {
const e = t.slice(), l = (
/*nodes*/
e[4].find((a) => a.id === /*connectionStart*/
e[9])
);
return e[111] = l, e;
}
function Tt(t, e, l) {
const a = t.slice();
a[112] = e[l];
const n = (
/*nodes*/
a[4].find(function(...p) {
return (
/*func*/
t[50](
/*edge*/
a[112],
...p
)
);
})
);
a[113] = n;
const o = (
/*nodes*/
a[4].find(function(...p) {
return (
/*func_1*/
t[51](
/*edge*/
a[112],
...p
)
);
})
);
return a[114] = o, a;
}
function kt(t) {
const e = t.slice(), l = El(
/*sourceNode*/
e[113],
/*targetNode*/
e[114]
);
return e[117] = l, e;
}
function Ot(t, e, l) {
const a = t.slice();
return a[118] = e[l][0], a[119] = e[l][1], a;
}
function Rt(t, e, l) {
const a = t.slice();
return a[122] = e[l][0], a[123] = e[l][1], a;
}
function Yt(t) {
let e, l = "Components";
return {
c() {
e = k("h3"), e.textContent = l, this.h();
},
l(a) {
e = b(a, "H3", { class: !0, "data-svelte-h": !0 }), ke(e) !== "svelte-zv3r40" && (e.textContent = l), this.h();
},
h() {
i(e, "class", "svelte-c4syt2");
},
m(a, n) {
N(a, e, n);
},
d(a) {
a && m(e);
}
};
}
function Lt(t) {
let e, l = le(Object.entries(
/*componentCategories*/
t[17]
)), a = [];
for (let n = 0; n < l.length; n += 1)
a[n] = Vt(Ot(t, l, n));
return {
c() {
e = k("div");
for (let n = 0; n < a.length; n += 1)
a[n].c();
this.h();
},
l(n) {
e = b(n, "DIV", { class: !0 });
var o = P(e);
for (let s = 0; s < a.length; s += 1)
a[s].l(o);
o.forEach(m), this.h();
},
h() {
i(e, "class", "sidebar-content svelte-c4syt2");
},
m(n, o) {
N(n, e, o);
for (let s = 0; s < a.length; s += 1)
a[s] && a[s].m(e, null);
},
p(n, o) {
if (o[0] & /*componentCategories, handleSidebarDragStart*/
33685504) {
l = le(Object.entries(
/*componentCategories*/
n[17]
));
let s;
for (s = 0; s < l.length; s += 1) {
const p = Ot(n, l, s);
a[s] ? a[s].p(p, o) : (a[s] = Vt(p), a[s].c(), a[s].m(e, null));
}
for (; s < a.length; s += 1)
a[s].d(1);
a.length = l.length;
}
},
d(n) {
n && m(e), Ke(a, n);
}
};
}
function Ft(t) {
let e, l, a = (
/*component*/
t[123].icon + ""
), n, o, s, p = (
/*component*/
t[123].label + ""
), u, d, c, _;
function v(...g) {
return (
/*dragstart_handler*/
t[46](
/*componentType*/
t[122],
/*component*/
t[123],
...g
)
);
}
return {
c() {
e = k("div"), l = k("span"), n = G(a), o = Y(), s = k("span"), u = G(p), d = Y(), this.h();
},
l(g) {
e = b(g, "DIV", { class: !0, draggable: !0 });
var h = P(e);
l = b(h, "SPAN", { class: !0 });
var I = P(l);
n = U(I, a), I.forEach(m), o = R(h), s = b(h, "SPAN", { class: !0 });
var E = P(s);
u = U(E, p), E.forEach(m), d = R(h), h.forEach(m), this.h();
},
h() {
i(l, "class", "component-icon svelte-c4syt2"), i(s, "class", "component-label svelte-c4syt2"), i(e, "class", "component-item svelte-c4syt2"), i(e, "draggable", "true");
},
m(g, h) {
N(g, e, h), y(e, l), y(l, n), y(e, o), y(e, s), y(s, u), y(e, d), c || (_ = T(e, "dragstart", v), c = !0);
},
p(g, h) {
t = g;
},
d(g) {
g && m(e), c = !1, _();
}
};
}
function Vt(t) {
let e, l, a, n = (
/*category*/
t[119].icon + ""
), o, s, p, u = (
/*categoryName*/
t[118] + ""
), d, c, _, v, g = le(Object.entries(
/*category*/
t[119].components
)), h = [];
for (let I = 0; I < g.length; I += 1)
h[I] = Ft(Rt(t, g, I));
return {
c() {
e = k("div"), l = k("div"), a = k("span"), o = G(n), s = Y(), p = k("span"), d = G(u), c = Y(), _ = k("div");
for (let I = 0; I < h.length; I += 1)
h[I].c();
v = Y(), this.h();
},
l(I) {
e = b(I, "DIV", { class: !0 });
var E = P(e);
l = b(E, "DIV", { class: !0 });
var D = P(l);
a = b(D, "SPAN", { class: !0 });
var A = P(a);
o = U(A, n), A.forEach(m), s = R(D), p = b(D, "SPAN", { class: !0 });
var C = P(p);
d = U(C, u), C.forEach(m), D.forEach(m), c = R(E), _ = b(E, "DIV", { class: !0 });
var oe = P(_);
for (let Q = 0; Q < h.length; Q += 1)
h[Q].l(oe);
oe.forEach(m), v = R(E), E.forEach(m), this.h();
},
h() {
i(a, "class", "category-icon svelte-c4syt2"), i(p, "class", "category-name"), i(l, "class", "category-header svelte-c4syt2"), i(_, "class", "category-components"), i(e, "class", "category svelte-c4syt2");
},
m(I, E) {
N(I, e, E), y(e, l), y(l, a), y(a, o), y(l, s), y(l, p), y(p, d), y(e, c), y(e, _);
for (let D = 0; D < h.length; D += 1)
h[D] && h[D].m(_, null);
y(e, v);
},
p(I, E) {
if (E[0] & /*handleSidebarDragStart, componentCategories*/
33685504) {
g = le(Object.entries(
/*category*/
I[119].components
));
let D;
for (D = 0; D < g.length; D += 1) {
const A = Rt(I, g, D);
h[D] ? h[D].p(A, E) : (h[D] = Ft(A), h[D].c(), h[D].m(_, null));
}
for (; D < h.length; D += 1)
h[D].d(1);
h.length = g.length;
}
},
d(I) {
I && m(e), Ke(h, I);
}
};
}
function Kt(t) {
let e, l, a, n, o, s, p, u, d, c, _, v, g, h, I;
function E() {
return (
/*click_handler_5*/
t[48](
/*edge*/
t[112]
)
);
}
function D() {
return (
/*click_handler_6*/
t[49](
/*edge*/
t[112]
)
);
}
return {
c() {
e = Ve("g"), l = Ve("path"), n = Ve("circle"), p = Ve("circle"), c = Ve("text"), _ = G(`✕
`), this.h();
},
l(A) {
e = Fe(A, "g", { class: !0 });
var C = P(e);
l = Fe(C, "path", {
d: !0,
stroke: !0,
"stroke-width": !0,
fill: !0,
class: !0
}), P(l).forEach(m), n = Fe(C, "circle", { cx: !0, cy: !0, r: !0, fill: !0 }), P(n).forEach(m), p = Fe(C, "circle", {
cx: !0,
cy: !0,
r: !0,
fill: !0,
class: !0
}), P(p).forEach(m), c = Fe(C, "text", {
x: !0,
y: !0,
"text-anchor": !0,
class: !0
});
var oe = P(c);
_ = U(oe, `✕
`), oe.forEach(m), C.forEach(m), this.h();
},
h() {
i(l, "d", a = "M " + /*points*/
t[117].sourceX + " " + /*points*/
t[117].sourceY + " C " + /*points*/
(t[117].sourceX + 80) + " " + /*points*/
t[117].sourceY + " " + /*points*/
(t[117].targetX - 80) + " " + /*points*/
t[117].targetY + " " + /*points*/
t[117].targetX + " " + /*points*/
t[117].targetY), i(l, "stroke", "#64748b"), i(l, "stroke-width", "2"), i(l, "fill", "none"), i(l, "class", "edge-path"), i(n, "cx", o = /*points*/
t[117].targetX), i(n, "cy", s = /*points*/
t[117].targetY), i(n, "r", "4"), i(n, "fill", "#64748b"), i(p, "cx", u = /*points*/
(t[117].sourceX + /*points*/
t[117].targetX) / 2), i(p, "cy", d = /*points*/
(t[117].sourceY + /*points*/
t[117].targetY) / 2), i(p, "r", "10"), i(p, "fill", "#ef4444"), i(p, "class", "edge-delete svelte-c4syt2"), i(c, "x", v = /*points*/
(t[117].sourceX + /*points*/
t[117].targetX) / 2), i(c, "y", g = /*points*/
(t[117].sourceY + /*points*/
t[117].targetY) / 2 + 4), i(c, "text-anchor", "middle"), i(c, "class", "edge-delete-text svelte-c4syt2"), i(e, "class", "edge-group");
},
m(A, C) {
N(A, e, C), y(e, l), y(e, n), y(e, p), y(e, c), y(c, _), h || (I = [
T(p, "click", Te(E)),
T(c, "click", Te(D))
], h = !0);
},
p(A, C) {
t = A, C[0] & /*nodes, edges, propertyFields*/
262192 && a !== (a = "M " + /*points*/
t[117].sourceX + " " + /*points*/
t[117].sourceY + " C " + /*points*/
(t[117].sourceX + 80) + " " + /*points*/
t[117].sourceY + " " + /*points*/
(t[117].targetX - 80) + " " + /*points*/
t[117].targetY + " " + /*points*/
t[117].targetX + " " + /*points*/
t[117].targetY) && i(l, "d", a), C[0] & /*nodes, edges, propertyFields*/
262192 && o !== (o = /*points*/
t[117].targetX) && i(n, "cx", o), C[0] & /*nodes, edges, propertyFields*/
262192 && s !== (s = /*points*/
t[117].targetY) && i(n, "cy", s), C[0] & /*nodes, edges, propertyFields*/
262192 && u !== (u = /*points*/
(t[117].sourceX + /*points*/
t[117].targetX) / 2) && i(p, "cx", u), C[0] & /*nodes, edges, propertyFields*/
262192 && d !== (d = /*points*/
(t[117].sourceY + /*points*/
t[117].targetY) / 2) && i(p, "cy", d), C[0] & /*nodes, edges, propertyFields*/
262192 && v !== (v = /*points*/
(t[117].sourceX + /*points*/
t[117].targetX) / 2) && i(c, "x", v), C[0] & /*nodes, edges, propertyFields*/
262192 && g !== (g = /*points*/
(t[117].sourceY + /*points*/
t[117].targetY) / 2 + 4) && i(c, "y", g);
},
d(A) {
A && m(e), h = !1, Pe(I);
}
};
}
function jt(t, e) {
let l, a, n = (
/*sourceNode*/
e[113] && /*targetNode*/
e[114] && Kt(kt(e))
);
return {
key: t,
first: null,
c() {
l = de(), n && n.c(), a = de(), this.h();
},
l(o) {
l = de(), n && n.l(o), a = de(), this.h();
},
h() {
this.first = l;
},
m(o, s) {
N(o, l, s), n && n.m(o, s), N(o, a, s);
},
p(o, s) {
e = o, /*sourceNode*/
e[113] && /*targetNode*/
e[114] ? n ? n.p(kt(e), s) : (n = Kt(kt(e)), n.c(), n.m(a.parentNode, a)) : n && (n.d(1), n = null);
},
d(o) {
o && (m(l), m(a)), n && n.d(o);
}
};
}
function Bt(t) {
let e, l = (
/*startNode*/
t[111] && Ht(t)
);
return {
c() {
l && l.c(), e = de();
},
l(a) {
l && l.l(a), e = de();
},
m(a, n) {
l && l.m(a, n), N(a, e, n);
},
p(a, n) {
/*startNode*/
a[111] ? l ? l.p(a, n) : (l = Ht(a), l.c(), l.m(e.parentNode, e)) : l && (l.d(1), l = null);
},
d(a) {
a && m(e), l && l.d(a);
}
};
}
function Ht(t) {
let e, l;
return {
c() {
e = Ve("path"), this.h();
},
l(a) {
e = Fe(a, "path", {
d: !0,
stroke: !0,
"stroke-width": !0,
"stroke-dasharray": !0,
fill: !0,
opacity: !0
}), P(e).forEach(m), this.h();
},
h() {
i(e, "d", l = "M " + /*startNode*/
(t[111].position.x + 320) + " " + /*startNode*/
(t[111].position.y + 80) + " L " + /*mousePos*/
t[10].x + " " + /*mousePos*/
t[10].y), i(e, "stroke", "#3b82f6"), i(e, "stroke-width", "3"), i(e, "stroke-dasharray", "8,4"), i(e, "fill", "none"), i(e, "opacity", "0.8");
},
m(a, n) {
N(a, e, n);
},
p(a, n) {
n[0] & /*nodes, connectionStart, mousePos, propertyFields*/
263696 && l !== (l = "M " + /*startNode*/
(a[111].position.x + 320) + " " + /*startNode*/
(a[111].position.y + 80) + " L " + /*mousePos*/
a[10].x + " " + /*mousePos*/
a[10].y) && i(e, "d", l);
},
d(a) {
a && m(e);
}
};
}
function rl(t) {
let e, l = "Ready";
return {
c() {
e = k("div"), e.textContent = l, this.h();
},
l(a) {
e = b(a, "DIV", { class: !0, "data-svelte-h": !0 }), ke(e) !== "svelte-1jdx31r" && (e.textContent = l), this.h();
},
h() {
i(e, "class", "node-status svelte-c4syt2");
},
m(a, n) {
N(a, e, n);
},
p: vt,
d(a) {
a && m(e);
}
};
}
function pl(t) {
let e, l = le(
/*propertyFields*/
t[18][
/*node*/
t[96].type
].slice(0, 3)
), a = [];
for (let n = 0; n < l.length; n += 1)
a[n] = Xt(At(t, l, n));
return {
c() {
for (let n = 0; n < a.length; n += 1)
a[n].c();
e = de();
},
l(n) {
for (let o = 0; o < a.length; o += 1)
a[o].l(n);
e = de();
},
m(n, o) {
for (let s = 0; s < a.length; s += 1)
a[s] && a[s].m(n, o);
N(n, e, o);
},
p(n, o) {
if (o[0] & /*nodes, propertyFields*/
262160 | o[1] & /*updateNodeProperty*/
4) {
l = le(
/*propertyFields*/
n[18][
/*node*/
n[96].type
].slice(0, 3)
);
let s;
for (s = 0; s < l.length; s += 1) {
const p = At(n, l, s);
a[s] ? a[s].p(p, o) : (a[s] = Xt(p), a[s].c(), a[s].m(e.parentNode, e));
}
for (; s < a.length; s += 1)
a[s].d(1);
a.length = l.length;
}
},
d(n) {
n && m(e), Ke(a, n);
}
};
}
function ul(t) {
let e, l, a, n;
function o(...s) {
return (
/*input_handler_2*/
t[57](
/*node*/
t[96],
/*field*/
t[90],
...s
)
);
}
return {
c() {
e = k("input"), this.h();
},
l(s) {
e = b(s, "INPUT", { class: !0, type: !0 }), this.h();
},
h() {
i(e, "class", "property-input svelte-c4syt2"), i(e, "type", "text"), e.value = l = W(
/*node*/
t[96],
/*field*/
t[90].key
) || "";
},
m(s, p) {
N(s, e, p), a || (n = [
T(e, "input", o),
T(e, "click", Te(
/*click_handler_4*/
t[45]
))
], a = !0);
},
p(s, p) {
t = s, p[0] & /*nodes, propertyFields*/
262160 && l !== (l = W(
/*node*/
t[96],
/*field*/
t[90].key
) || "") && e.value !== l && (e.value = l);
},
d(s) {
s && m(e), a = !1, Pe(n);
}
};
}
function cl(t) {
let e, l, a, n;
function o(...s) {
return (
/*input_handler_1*/
t[56](
/*node*/
t[96],
/*field*/
t[90],
...s
)
);
}
return {
c() {
e = k("textarea"), this.h();
},
l(s) {
e = b(s, "TEXTAREA", { class: !0, rows: !0 }), P(e).forEach(m), this.h();
},
h() {
i(e, "class", "property-input svelte-c4syt2"), e.value = l = W(
/*node*/
t[96],
/*field*/
t[90].key
) || "", i(e, "rows", "2");
},
m(s, p) {
N(s, e, p), a || (n = [
T(e, "input", o),
T(e, "click", Te(
/*click_handler_3*/
t[44]
))
], a = !0);
},
p(s, p) {
t = s, p[0] & /*nodes, propertyFields*/
262160 && l !== (l = W(
/*node*/
t[96],
/*field*/
t[90].key
) || "") && (e.value = l);
},
d(s) {
s && m(e), a = !1, Pe(n);
}
};
}
function dl(t) {
let e, l, a, n, o, s = "Yes", p, u;
function d(...c) {
return (
/*change_handler_1*/
t[55](
/*node*/
t[96],
/*field*/
t[90],
...c
)
);
}
return {
c() {
e = k("label"), l = k("input"), n = Y(), o = k("span"), o.textContent = s, this.h();
},
l(c) {
e = b(c, "LABEL", { class: !0 });
var _ = P(e);
l = b(_, "INPUT", { type: !0, class: !0 }), n = R(_), o = b(_, "SPAN", { "data-svelte-h": !0 }), ke(o) !== "svelte-956xxn" && (o.textContent = s), _.forEach(m), this.h();
},
h() {
i(l, "type", "checkbox"), l.checked = a = W(
/*node*/
t[96],
/*field*/
t[90].key
) || !1, i(l, "class", "svelte-c4syt2"), i(e, "class", "property-checkbox svelte-c4syt2");
},
m(c, _) {
N(c, e, _), y(e, l), y(e, n), y(e, o), p || (u = [
T(l, "change", d),
T(l, "click", Te(
/*click_handler_2*/
t[43]
))
], p = !0);
},
p(c, _) {
t = c, _[0] & /*nodes, propertyFields*/
262160 && a !== (a = W(
/*node*/
t[96],
/*field*/
t[90].key
) || !1) && (l.checked = a);
},
d(c) {
c && m(e), p = !1, Pe(u);
}
};
}
function _l(t) {
let e, l, a, n, o, s, p;
function u(...d) {
return (
/*input_handler*/
t[54](
/*node*/
t[96],
/*field*/
t[90],
...d
)
);
}
return {
c() {
e = k("input"), this.h();
},
l(d) {
e = b(d, "INPUT", {
class: !0,
type: !0,
min: !0,
max: !0,
step: !0
}), this.h();
},
h() {
i(e, "class", "property-input svelte-c4syt2"), i(e, "type", "number"), i(e, "min", l = /*field*/
t[90].min), i(e, "max", a = /*field*/
t[90].max), i(e, "step", n = /*field*/
t[90].step), e.value = o = W(
/*node*/
t[96],
/*field*/
t[90].key
) || 0;
},
m(d, c) {
N(d, e, c), s || (p = [
T(e, "input", u),
T(e, "click", Te(
/*click_handler_1*/
t[42]
))
], s = !0);
},
p(d, c) {
t = d, c[0] & /*nodes, propertyFields*/
262160 && l !== (l = /*field*/
t[90].min) && i(e, "min", l), c[0] & /*nodes, propertyFields*/
262160 && a !== (a = /*field*/
t[90].max) && i(e, "max", a), c[0] & /*nodes, propertyFields*/
262160 && n !== (n = /*field*/
t[90].step) && i(e, "step", n), c[0] & /*nodes, propertyFields*/
262160 && o !== (o = W(
/*node*/
t[96],
/*field*/
t[90].key
) || 0) && e.value !== o && (e.value = o);
},
d(d) {
d && m(e), s = !1, Pe(p);
}
};
}
function ml(t) {
let e, l, a, n, o = le(
/*field*/
t[90].options
), s = [];
for (let u = 0; u < o.length; u += 1)
s[u] = Ut(St(t, o, u));
function p(...u) {
return (
/*change_handler*/
t[53](
/*node*/
t[96],
/*field*/
t[90],
...u
)
);
}
return {
c() {
e = k("select");
for (let u = 0; u < s.length; u += 1)
s[u].c();
this.h();
},
l(u) {
e = b(u, "SELECT", { class: !0 });
var d = P(e);
for (let c = 0; c < s.length; c += 1)
s[c].l(d);
d.forEach(m), this.h();
},
h() {
i(e, "class", "property-select svelte-c4syt2");
},
m(u, d) {
N(u, e, d);
for (let c = 0; c < s.length; c += 1)
s[c] && s[c].m(e, null);
gt(e, W(
/*node*/
t[96],
/*field*/
t[90].key
) || ""), a || (n = [
T(e, "change", p),
T(e, "click", Te(
/*click_handler*/
t[41]
))
], a = !0);
},
p(u, d) {
if (t = u, d[0] & /*propertyFields, nodes*/
262160) {
o = le(
/*field*/
t[90].options
);
let c;
for (c = 0; c < o.length; c += 1) {
const _ = St(t, o, c);
s[c] ? s[c].p(_, d) : (s[c] = Ut(_), s[c].c(), s[c].m(e, null));
}
for (; c < s.length; c += 1)
s[c].d(1);
s.length = o.length;
}
d[0] & /*nodes, propertyFields*/
262160 && l !== (l = W(
/*node*/
t[96],
/*field*/
t[90].key
) || "") && gt(e, W(
/*node*/
t[96],
/*field*/
t[90].key
) || "");
},
d(u) {
u && m(e), Ke(s, u), a = !1, Pe(n);
}
};
}
function Ut(t) {
let e, l = (
/*option*/
t[93] + ""
), a, n;
return {
c() {
e = k("option"), a = G(l), this.h();
},
l(o) {
e = b(o, "OPTION", {});
var s = P(e);
a = U(s, l), s.forEach(m), this.h();
},
h() {
e.__value = n = /*option*/
t[93], $e(e, e.__value);
},
m(o, s) {
N(o, e, s), y(e, a);
},
p(o, s) {
s[0] & /*nodes*/
16 && l !== (l = /*option*/
o[93] + "") && ce(a, l), s[0] & /*nodes, propertyFields*/
262160 && n !== (n = /*option*/
o[93]) && (e.__value = n, $e(e, e.__value));
},
d(o) {
o && m(e);
}
};
}
function Xt(t) {
let e, l, a = (
/*field*/
t[90].label + ""
), n, o, s, p;
function u(_, v) {
return (
/*field*/
_[90].type === "select" ? ml : (
/*field*/
_[90].type === "number" ? _l : (
/*field*/
_[90].type === "checkbox" ? dl : (
/*field*/
_[90].type === "textarea" ? cl : ul
)
)
)
);
}
let d = u(t), c = d(t);
return {
c() {
e = k("div"), l = k("label"), n = G(a), o = G(":"), s = Y(), c.c(), p = Y(), this.h();
},
l(_) {
e = b(_, "DIV", { class: !0 });
var v = P(e);
l = b(v, "LABEL", { class: !0 });
var g = P(l);
n = U(g, a), o = U(g, ":"), g.forEach(m), s = R(v), c.l(v), p = R(v), v.forEach(m), this.h();
},
h() {
i(l, "class", "property-label svelte-c4syt2"), i(e, "class", "node-property svelte-c4syt2");
},
m(_, v) {
N(_, e, v), y(e, l), y(l, n), y(l, o), y(e, s), c.m(e, null), y(e, p);
},
p(_, v) {
v[0] & /*nodes*/
16 && a !== (a = /*field*/
_[90].label + "") && ce(n, a), d === (d = u(_)) && c ? c.p(_, v) : (c.d(1), c = d(_), c && (c.c(), c.m(e, p)));
},
d(_) {
_ && m(e), c.d();
}
};
}
function yl(t) {
let e, l, a, n, o;
function s(...u) {
return (
/*mouseup_handler_2*/
t[62](
/*node*/
t[96],
...u
)
);
}
function p(...u) {
return (
/*mousedown_handler_2*/
t[63](
/*node*/
t[96],
...u
)
);
}
return {
c() {
e = k("div"), l = Y(), a = k("div"), this.h();
},
l(u) {
e = b(u, "DIV", { class: !0, style: !0, title: !0 }), P(e).forEach(m), l = R(u), a = b(u, "DIV", { class: !0, style: !0, title: !0 }), P(a).forEach(m), this.h();
},
h() {
i(e, "class", "connection-point input svelte-c4syt2"), X(e, "top", "50%"), X(e, "left", "-6px"), X(e, "transform", "translateY(-50%)"), i(e, "title", "Input"), i(a, "class", "connection-point output svelte-c4syt2"), X(a, "top", "50%"), X(a, "right", "-6px"), X(a, "transform", "translateY(-50%)"), i(a, "title", "Output");
},
m(u, d) {
N(u, e, d), N(u, l, d), N(u, a, d), n || (o = [
T(e, "mouseup", s),
T(a, "mousedown", p)
], n = !0);
},
p(u, d) {
t = u;
},
d(u) {
u && (m(e), m(l), m(a)), n = !1, Pe(o);
}
};
}
function Gt(t) {
let e, l, a, n = le(
/*templateHandles*/
t[100]
), o = [];
for (let u = 0; u < n.length; u += 1)
o[u] = Wt(Ct(t, n, u));
let s = !/*hasInputHandles*/
t[101] && Qt(t), p = !/*hasOutputHandles*/
t[102] && zt(t);
return {
c() {
for (let u = 0; u < o.length; u += 1)
o[u].c();
e = Y(), s && s.c(), l = Y(), p && p.c(), a = de();
},
l(u) {
for (let d = 0; d < o.length; d += 1)
o[d].l(u);
e = R(u), s && s.l(u), l = R(u), p && p.l(u), a = de();
},
m(u, d) {
for (let c = 0; c < o.length; c += 1)
o[c] && o[c].m(u, d);
N(u, e, d), s && s.m(u, d), N(u, l, d), p && p.m(u, d), N(u, a, d);
},
p(u, d) {
if (d[0] & /*nodes, endConnection, startConnection*/
1610612752) {
n = le(
/*templateHandles*/
u[100]
);
let c;
for (c = 0; c < n.length; c += 1) {
const _ = Ct(u, n, c);
o[c] ? o[c].p(_, d) : (o[c] = Wt(_), o[c].c(), o[c].m(e.parentNode, e));
}
for (; c < o.length; c += 1)
o[c].d(1);
o.length = n.length;
}
/*hasInputHandles*/
u[101] ? s && (s.d(1), s = null) : s ? s.p(u, d) : (s = Qt(u), s.c(), s.m(l.parentNode, l)), /*hasOutputHandles*/
u[102] ? p && (p.d(1), p = null) : p ? p.p(u, d) : (p = zt(u), p.c(), p.m(a.parentNode, a));
},
d(u) {
u && (m(e), m(l), m(a)), Ke(o, u), s && s.d(u), p && p.d(u);
}
};
}
function qt(t) {
let e, l, a, n, o, s;
function p(...d) {
return (
/*mouseup_handler*/
t[58](
/*handle*/
t[104],
/*node*/
t[96],
...d
)
);
}
function u(...d) {
return (
/*mousedown_handler*/
t[59](
/*handle*/
t[104],
/*node*/
t[96],
...d
)
);
}
return {
c() {
e = k("div"), this.h();
},
l(d) {
e = b(d, "DIV", { class: !0, style: !0, title: !0 }), P(e).forEach(m), this.h();
},
h() {
i(e, "class", l = "connection-point " + /*handle*/
(t[104].type === "string" || /*handle*/
t[104].type === "list" || /*handle*/
t[104].type === "file" ? "output" : "input") + " svelte-c4syt2"), i(e, "style", a = "top: " + /*index*/
(t[106] * 25 + 40) + "px; " + /*handle*/
(t[104].type === "string" || /*handle*/
t[104].type === "list" || /*handle*/
t[104].type === "file" ? "right: -6px;" : "left: -6px;")), i(e, "title", n = `${/*handle*/
t[104].display_name || /*handleId*/
t[103]} (${/*handle*/
t[104].type})`);
},
m(d, c) {
N(d, e, c), o || (s = [
T(e, "mouseup", p),
T(e, "mousedown", u)
], o = !0);
},
p(d, c) {
t = d, c[0] & /*nodes, propertyFields*/
262160 && l !== (l = "connection-point " + /*handle*/
(t[104].type === "string" || /*handle*/
t[104].type === "list" || /*handle*/
t[104].type === "file" ? "output" : "input") + " svelte-c4syt2") && i(e, "class", l), c[0] & /*nodes, propertyFields*/
262160 && a !== (a = "top: " + /*index*/
(t[106] * 25 + 40) + "px; " + /*handle*/
(t[104].type === "string" || /*handle*/
t[104].type === "list" || /*handle*/
t[104].type === "file" ? "right: -6px;" : "left: -6px;")) && i(e, "style", a), c[0] & /*nodes, propertyFields*/
262160 && n !== (n = `${/*handle*/
t[104].display_name || /*handleId*/
t[103]} (${/*handle*/
t[104].type})`) && i(e, "title", n);
},
d(d) {
d && m(e), o = !1, Pe(s);
}
};
}
function Wt(t) {
let e, l = (
/*handle*/
(t[104].type === "string" || /*handle*/
t[104].type === "object" || /*handle*/
t[104].type === "list" || /*handle*/
t[104].type === "file") && qt(t)
);
return {
c() {
l && l.c(), e = de();
},
l(a) {
l && l.l(a), e = de();
},
m(a, n) {
l && l.m(a, n), N(a, e, n);
},
p(a, n) {
/*handle*/
a[104].type === "string" || /*handle*/
a[104].type === "object" || /*handle*/
a[104].type === "list" || /*handle*/
a[104].type === "file" ? l ? l.p(a, n) : (l = qt(a), l.c(), l.m(e.parentNode, e)) : l && (l.d(1), l = null);
},
d(a) {
a && m(e), l && l.d(a);
}
};
}
function Qt(t) {
let e, l, a;
function n(...o) {
return (
/*mouseup_handler_1*/
t[60](
/*node*/
t[96],
...o
)
);
}
return {
c() {
e = k("div"), this.h();
},
l(o) {
e = b(o, "DIV", { class: !0, style: !0, title: !0 }), P(e).forEach(m), this.h();
},
h() {
i(e, "class", "connection-point input svelte-c4syt2"), X(e, "top", "50%"), X(e, "left", "-6px"), X(e, "transform", "translateY(-50%)"), i(e, "title", "Input");
},
m(o, s) {
N(o, e, s), l || (a = T(e, "mouseup", n), l = !0);
},
p(o, s) {
t = o;
},
d(o) {
o && m(e), l = !1, a();
}
};
}
function zt(t) {
let e, l, a;
function n(...o) {
return (
/*mousedown_handler_1*/
t[61](
/*node*/
t[96],
...o
)
);
}
return {
c() {
e = k("div"), this.h();
},
l(o) {
e = b(o, "DIV", { class: !0, style: !0, title: !0 }), P(e).forEach(m), this.h();
},
h() {
i(e, "class", "connection-point output svelte-c4syt2"), X(e, "top", "50%"), X(e, "right", "-6px"), X(e, "transform", "translateY(-50%)"), i(e, "title", "Output");
},
m(o, s) {
N(o, e, s), l || (a = T(e, "mousedown", n), l = !0);
},
p(o, s) {
t = o;
},
d(o) {
o && m(e), l = !1, a();
}
};
}
function Jt(t, e) {
let l, a, n, o = (
/*config*/
e[97].icon + ""
), s, p, u, d = (
/*node*/
(e[96].data.display_name || /*node*/
e[96].data.label) + ""
), c, _, v, g = "✕", h, I, E, D, A, C;
function oe() {
return (
/*click_handler_7*/
e[52](
/*node*/
e[96]
)
);
}
function Q(L, K) {
return (
/*propertyFields*/
L[18][
/*node*/
L[96].type
] ? pl : rl
);
}
let Z = Q(e), S = Z(e);
function fe(L, K) {
return (
/*node*/
L[96].data.template ? Gt : yl
);
}
function ve(L, K) {
return K === Gt ? il(L) : L;
}
let ae = fe(e), O = ae(ve(e, ae));
function j(...L) {
return (
/*mousedown_handler_3*/
e[64](
/*node*/
e[96],
...L
)
);
}
function Ee(...L) {
return (
/*click_handler_8*/
e[65](
/*node*/
e[96],
...L
)
);
}
return {
key: t,
first: null,
c() {
l = k("div"), a = k("div"), n = k("span"), s = G(o), p = Y(), u = k("span"), c = G(d), _ = Y(), v = k("button"), v.textContent = g, h = Y(), I = k("div"), S.c(), E = Y(), O.c(), D = Y(), this.h();
},
l(L) {
l = b(L, "DIV", { class: !0, style: !0 });
var K = P(l);
a = b(K, "DIV", { class: !0, style: !0 });
var V = P(a);
n = b(V, "SPAN", { class: !0 });
var B = P(n);
s = U(B, o), B.forEach(m), p = R(V), u = b(V, "SPAN", { class: !0 });
var _e = P(u);
c = U(_e, d), _e.forEach(m), _ = R(V), v = b(V, "BUTTON", {
class: !0,
title: !0,
"data-svelte-h": !0
}), ke(v) !== "svelte-18enu0f" && (v.textContent = g), V.forEach(m), h = R(K), I = b(K, "DIV", { class: !0 });
var Me = P(I);
S.l(Me), Me.forEach(m), E = R(K), O.l(K), D = R(K), K.forEach(m), this.h();
},
h() {
var L;
i(n, "class", "node-icon svelte-c4syt2"), i(u, "class", "node-title svelte-c4syt2"), i(v, "class", "node-delete svelte-c4syt2"), i(v, "title", "Delete node"), i(a, "class", "node-header svelte-c4syt2"), X(
a,
"background",
/*config*/
e[97].color
), i(I, "class", "node-content svelte-c4syt2"), i(l, "class", "node svelte-c4syt2"), X(
l,
"left",
/*node*/
e[96].position.x + "px"
), X(
l,
"top",
/*node*/
e[96].position.y + "px"
), X(
l,
"border-color",
/*config*/
e[97].color
), Se(
l,
"selected",
/*selectedNode*/
((L = e[11]) == null ? void 0 : L.id) === /*node*/
e[96].id
), this.first = l;
},
m(L, K) {
N(L, l, K), y(l, a), y(a, n), y(n, s), y(a, p), y(a, u), y(u, c), y(a, _), y(a, v), y(l, h), y(l, I), S.m(I, null), y(l, E), O.m(l, null), y(l, D), A || (C = [
T(v, "click", Te(oe)),
T(l, "mousedown", j),
T(l, "click", Ee)
], A = !0);
},
p(L, K) {
var V;
e = L, K[0] & /*nodes*/
16 && o !== (o = /*config*/
e[97].icon + "") && ce(s, o), K[0] & /*nodes*/
16 && d !== (d = /*node*/
(e[96].data.display_name || /*node*/
e[96].data.label) + "") && ce(c, d), K[0] & /*nodes*/
16 && X(
a,
"background",
/*config*/
e[97].color
), Z === (Z = Q(e)) && S ? S.p(e, K) : (S.d(1), S = Z(e), S && (S.c(), S.m(I, null))), ae === (ae = fe(e)) && O ? O.p(ve(e, ae), K) : (O.d(1), O = ae(ve(e, ae)), O && (O.c(), O.m(l, D))), K[0] & /*nodes*/
16 && X(
l,
"left",
/*node*/
e[96].position.x + "px"
), K[0] & /*nodes*/
16 && X(
l,
"top",
/*node*/
e[96].position.y + "px"
), K[0] & /*nodes*/
16 && X(
l,
"border-color",
/*config*/
e[97].color
), K[0] & /*selectedNode, nodes*/
2064 && Se(
l,
"selected",
/*selectedNode*/
((V = e[11]) == null ? void 0 : V.id) === /*node*/
e[96].id
);
},
d(L) {
L && m(l), S.d(), O.d(), A = !1, Pe(C);
}
};
}
function Zt(t) {
let e, l = "Properties";
return {
c() {
e = k("h3"), e.textContent = l, this.h();
},
l(a) {
e = b(a, "H3", { class: !0, "data-svelte-h": !0 }), ke(e) !== "svelte-mbvbrx" && (e.textContent = l), this.h();
},
h() {
i(e, "class", "svelte-c4syt2");
},
m(a, n) {
N(a, e, n);
},
d(a) {
a && m(e);
}
};
}
function xt(t) {
let e;
function l(o, s) {
return (
/*selectedNode*/
o[11] && /*propertyFields*/
o[18][
/*selectedNode*/
o[11].type
] ? fl : hl
);
}
let a = l(t), n = a(t);
return {
c() {
e = k("div"), n.c(), this.h();
},
l(o) {
e = b(o, "DIV", { class: !0 });
var s = P(e);
n.l(s), s.forEach(m), this.h();
},
h() {
i(e, "class", "property-content svelte-c4syt2");
},
m(o, s) {
N(o, e, s), n.m(e, null);
},
p(o, s) {
a === (a = l(o)) && n ? n.p(o, s) : (n.d(1), n = a(o), n && (n.c(), n.m(e, null)));
},
d(o) {
o && m(e), n.d();
}
};
}
function hl(t) {
let e, l = '<div class="empty-icon svelte-c4syt2">🎯</div> <p class="svelte-c4syt2">Select a node to edit properties</p> <small class="svelte-c4syt2">Click on any node to configure its detailed settings</small>';
return {
c() {
e = k("div"), e.innerHTML = l, this.h();
},
l(a) {
e = b(a, "DIV", { class: !0, "data-svelte-h": !0 }), ke(e) !== "svelte-aa72n1" && (e.innerHTML = l), this.h();
},
h() {
i(e, "class", "property-empty svelte-c4syt2");
},
m(a, n) {
N(a, e, n);
},
p: vt,
d(a) {
a && m(e);
}
};
}
function fl(t) {
let e, l, a = (
/*selectedNode*/
(t[11].data.display_name || /*selectedNode*/
t[11].data.label) + ""
), n, o, s, p, u = (
/*selectedNode*/
t[11].type.toUpperCase() + ""
), d, c, _, v = le(
/*propertyFields*/
t[18][
/*selectedNode*/
t[11].type
]
), g = [];
for (let h = 0; h < v.length; h += 1)
g[h] = tl(Dt(t, v, h));
return {
c() {
e = k("div"), l = k("h4"), n = G(a), o = Y(), s = k("p"), p = G("TYPE: "), d = G(u), c = Y(), _ = k("div");
for (let h = 0; h < g.length; h += 1)
g[h].c();
this.h();
},
l(h) {
e = b(h, "DIV", { class: !0 });
var I = P(e);
l = b(I, "H4", { class: !0 });
var E = P(l);
n = U(E, a), E.forEach(m), o = R(I), s = b(I, "P", { class: !0 });
var D = P(s);
p = U(D, "TYPE: "), d = U(D, u), D.forEach(m), I.forEach(m), c = R(h), _ = b(h, "DIV", { class: !0 });
var A = P(_);
for (let C = 0; C < g.length; C += 1)
g[C].l(A);
A.forEach(m), this.h();
},
h() {
i(l, "class", "svelte-c4syt2"), i(s, "class", "property-node-type svelte-c4syt2"), i(e, "class", "property-node-info svelte-c4syt2"), i(_, "class", "property-fields");
},
m(h, I) {
N(h, e, I), y(e, l), y(l, n), y(e, o), y(e, s), y(s, p), y(s, d), N(h, c, I), N(h, _, I);
for (let E = 0; E < g.length; E += 1)
g[E] && g[E].m(_, null);
},
p(h, I) {
if (I[0] & /*selectedNode*/
2048 && a !== (a = /*selectedNode*/
(h[11].data.display_name || /*selectedNode*/
h[11].data.label) + "") && ce(n, a), I[0] & /*selectedNode*/
2048 && u !== (u = /*selectedNode*/
h[11].type.toUpperCase() + "") && ce(d, u), I[0] & /*propertyFields, selectedNode*/
264192 | I[1] & /*updateNodeProperty*/
4) {
v = le(
/*propertyFields*/
h[18][
/*selectedNode*/
h[11].type
]
);
let E;
for (E = 0; E < v.length; E += 1) {
const D = Dt(h, v, E);
g[E] ? g[E].p(D, I) : (g[E] = tl(D), g[E].c(), g[E].m(_, null));
}
for (; E < g.length; E += 1)
g[E].d(1);
g.length = v.length;
}
},
d(h) {
h && (m(e), m(c), m(_)), Ke(g, h);
}
};
}
function $t(t) {
let e, l = (
/*field*/
t[90].help + ""
), a;
return {
c() {
e = k("small"), a = G(l), this.h();
},
l(n) {
e = b(n, "SMALL", { class: !0 });
var o = P(e);
a = U(o, l), o.forEach(m), this.h();
},
h() {
i(e, "class", "field-help svelte-c4syt2");
},
m(n, o) {
N(n, e, o), y(e, a);
},
p(n, o) {
o[0] & /*selectedNode*/
2048 && l !== (l = /*field*/
n[90].help + "") && ce(a, l);
},
d(n) {
n && m(e);
}
};
}
function vl(t) {
let e, l, a, n, o;
function s(...p) {
return (
/*input_handler_5*/
t[73](
/*field*/
t[90],
...p
)
);
}
return {
c() {
e = k("textarea"), this.h();
},
l(p) {
e = b(p, "TEXTAREA", { id: !0, rows: !0, class: !0 }), P(e).forEach(m), this.h();
},
h() {
i(e, "id", l = /*field*/
t[90].key), e.value = a = W(
/*selectedNode*/
t[11],
/*field*/
t[90].key
) || "", i(e, "rows", "4"), i(e, "class", "svelte-c4syt2");
},
m(p, u) {
N(p, e, u), n || (o = T(e, "input", s), n = !0);
},
p(p, u) {
t = p, u[0] & /*selectedNode, propertyFields*/
264192 && l !== (l = /*field*/
t[90].key) && i(e, "id", l), u[0] & /*selectedNode, propertyFields*/
264192 && a !== (a = W(
/*selectedNode*/
t[11],
/*field*/
t[90].key
) || "") && (e.value = a);
},
d(p) {
p && m(e), n = !1, o();
}
};
}
function gl(t) {
let e, l, a, n, o, s = le(
/*field*/
t[90].options
), p = [];
for (let d = 0; d < s.length; d += 1)
p[d] = el(Mt(t, s, d));
function u(...d) {
return (
/*change_handler_3*/
t[72](
/*field*/
t[90],
...d
)
);
}
return {
c() {
e = k("select");
for (let d = 0; d < p.length; d += 1)
p[d].c();
this.h();
},
l(d) {
e = b(d, "SELECT", { id: !0, class: !0 });
var c = P(e);
for (let _ = 0; _ < p.length; _ += 1)
p[_].l(c);
c.forEach(m), this.h();
},
h() {
i(e, "id", l = /*field*/
t[90].key), i(e, "class", "svelte-c4syt2");
},
m(d, c) {
N(d, e, c);
for (let _ = 0; _ < p.length; _ += 1)
p[_] && p[_].m(e, null);
gt(e, W(
/*selectedNode*/
t[11],
/*field*/
t[90].key
) || ""), n || (o = T(e, "change", u), n = !0);
},
p(d, c) {
if (t = d, c[0] & /*propertyFields, selectedNode*/
264192) {
s = le(
/*field*/
t[90].options
);
let _;
for (_ = 0; _ < s.length; _ += 1) {
const v = Mt(t, s, _);
p[_] ? p[_].p(v, c) : (p[_] = el(v), p[_].c(), p[_].m(e, null));
}
for (; _ < p.length; _ += 1)
p[_].d(1);
p.length = s.length;
}
c[0] & /*selectedNode, propertyFields*/
264192 && l !== (l = /*field*/
t[90].key) && i(e, "id", l), c[0] & /*selectedNode, propertyFields*/
264192 && a !== (a = W(
/*selectedNode*/
t[11],
/*field*/
t[90].key
) || "") && gt(e, W(
/*selectedNode*/
t[11],
/*field*/
t[90].key
) || "");
},
d(d) {
d && m(e), Ke(p, d), n = !1, o();
}
};
}
function bl(t) {
let e, l, a, n, o, s, p = "Enable", u, d;
function c(..._) {
return (
/*change_handler_2*/
t[71](
/*field*/
t[90],
..._
)
);
}
return {
c() {
e = k("label"), l = k("input"), o = Y(), s = k("span"), s.textContent = p, this.h();
},
l(_) {
e = b(_, "LABEL", { class: !0 });
var v = P(e);
l = b(v, "INPUT", { type: !0, id: !0, class: !0 }), o = R(v), s = b(v, "SPAN", { class: !0, "data-svelte-h": !0 }), ke(s) !== "svelte-k3h2i9" && (s.textContent = p), v.forEach(m), this.h();
},
h() {
i(l, "type", "checkbox"), i(l, "id", a = /*field*/
t[90].key), l.checked = n = W(
/*selectedNode*/
t[11],
/*field*/
t[90].key
) || !1, i(l, "class", "svelte-c4syt2"), i(s, "class", "checkbox-text"), i(e, "class", "checkbox-label svelte-c4syt2");
},
m(_, v) {
N(_, e, v), y(e, l), y(e, o), y(e, s), u || (d = T(l, "change", c), u = !0);
},
p(_, v) {
t = _, v[0] & /*selectedNode, propertyFields*/
264192 && a !== (a = /*field*/
t[90].key) && i(l, "id", a), v[0] & /*selectedNode, propertyFields*/
264192 && n !== (n = W(
/*selectedNode*/
t[11],
/*field*/
t[90].key
) || !1) && (l.checked = n);
},
d(_) {
_ && m(e), u = !1, d();
}
};
}
function kl(t) {
let e, l, a, n, o, s, p, u;
function d(...c) {
return (
/*input_handler_4*/
t[70](
/*field*/
t[90],
...c
)
);
}
return {
c() {
e = k("input"), this.h();
},
l(c) {
e = b(c, "INPUT", {
type: !0,
id: !0,
min: !0,
max: !0,
step: !0,
class: !0
}), this.h();
},
h() {
i(e, "type", "number"), i(e, "id", l = /*field*/
t[90].key), e.value = a = W(
/*selectedNode*/
t[11],
/*field*/
t[90].key
) || 0, i(e, "min", n = /*field*/
t[90].min), i(e, "max", o = /*field*/
t[90].max), i(e, "step", s = /*field*/
t[90].step), i(e, "class", "svelte-c4syt2");
},
m(c, _) {
N(c, e, _), p || (u = T(e, "input", d), p = !0);
},
p(c, _) {
t = c, _[0] & /*selectedNode, propertyFields*/
264192 && l !== (l = /*field*/
t[90].key) && i(e, "id", l), _[0] & /*selectedNode, propertyFields*/
264192 && a !== (a = W(
/*selectedNode*/
t[11],
/*field*/
t[90].key
) || 0) && e.value !== a && (e.value = a), _[0] & /*selectedNode, propertyFields*/
264192 && n !== (n = /*field*/
t[90].min) && i(e, "min", n), _[0] & /*selectedNode, propertyFields*/
264192 && o !== (o = /*field*/
t[90].max) && i(e, "max", o), _[0] & /*selectedNode, propertyFields*/
264192 && s !== (s = /*field*/
t[90].step) && i(e, "step", s);
},
d(c) {
c && m(e), p = !1, u();
}
};
}
function wl(t) {
let e, l, a, n, o;
function s(...p) {
return (
/*input_handler_3*/
t[69](
/*field*/
t[90],
...p
)
);
}
return {
c() {
e = k("input"), this.h();
},
l(p) {
e = b(p, "INPUT", { type: !0, id: !0, class: !0 }), this.h();
},
h() {
i(e, "type", "text"), i(e, "id", l = /*field*/
t[90].key), e.value = a = W(
/*selectedNode*/
t[11],
/*field*/
t[90].key
) || "", i(e, "class", "svelte-c4syt2");
},
m(p, u) {
N(p, e, u), n || (o = T(e, "input", s), n = !0);
},
p(p, u) {
t = p, u[0] & /*selectedNode, propertyFields*/
264192 && l !== (l = /*field*/
t[90].key) && i(e, "id", l), u[0] & /*selectedNode, propertyFields*/
264192 && a !== (a = W(
/*selectedNode*/
t[11],
/*field*/
t[90].key
) || "") && e.value !== a && (e.value = a);
},
d(p) {
p && m(e), n = !1, o();
}
};
}
function el(t) {
let e, l = (
/*option*/
t[93] + ""
), a, n;
return {
c() {
e = k("option"), a = G(l), this.h();
},
l(o) {
e = b(o, "OPTION", {});
var s = P(e);
a = U(s, l), s.forEach(m), this.h();
},
h() {
e.__value = n = /*option*/
t[93], $e(e, e.__value);
},
m(o, s) {
N(o, e, s), y(e, a);
},
p(o, s) {
s[0] & /*selectedNode*/
2048 && l !== (l = /*option*/
o[93] + "") && ce(a, l), s[0] & /*selectedNode, propertyFields*/
264192 && n !== (n = /*option*/
o[93]) && (e.__value = n, $e(e, e.__value));
},
d(o) {
o && m(e);
}
};
}
function tl(t) {
let e, l, a = (
/*field*/
t[90].label + ""
), n, o, s, p, u, d = (
/*field*/
t[90].help && $t(t)
);
function c(g, h) {
if (
/*field*/
g[90].type === "text"
) return wl;
if (
/*field*/
g[90].type === "number"
) return kl;
if (
/*field*/
g[90].type === "checkbox"
) return bl;
if (
/*field*/
g[90].type === "select"
) return gl;
if (
/*field*/
g[90].type === "textarea"
) return vl;
}
let _ = c(t), v = _ && _(t);
return {
c() {
e = k("div"), l = k("label"), n = G(a), s = Y(), d && d.c(), p = Y(), v && v.c(), u = Y(), this.h();
},
l(g) {
e = b(g, "DIV", { class: !0 });
var h = P(e);
l = b(h, "LABEL", { for: !0, class: !0 });
var I = P(l);
n = U(I, a), I.forEach(m), s = R(h), d && d.l(h), p = R(h), v && v.l(h), u = R(h), h.forEach(m), this.h();
},
h() {
i(l, "for", o = /*field*/
t[90].key), i(l, "class", "svelte-c4syt2"), i(e, "class", "property-field svelte-c4syt2");
},
m(g, h) {
N(g, e, h), y(e, l), y(l, n), y(e, s), d && d.m(e, null), y(e, p), v && v.m(e, null), y(e, u);
},
p(g, h) {
h[0] & /*selectedNode*/
2048 && a !== (a = /*field*/
g[90].label + "") && ce(n, a), h[0] & /*selectedNode, propertyFields*/
264192 && o !== (o = /*field*/
g[90].key) && i(l, "for", o), /*field*/
g[90].help ? d ? d.p(g, h) : (d = $t(g), d.c(), d.m(e, p)) : d && (d.d(1), d = null), _ === (_ = c(g)) && v ? v.p(g, h) : (v && v.d(1), v = _ && _(g), v && (v.c(), v.m(e, u)));
},
d(g) {
g && m(e), d && d.d(), v && v.d();
}
};
}
function Il(t) {
let e, l, a, n, o, s, p = (
/*sidebarCollapsed*/
t[12] ? "→" : "←"
), u, d, c, _, v, g, h, I, E, D, A, C, oe = "-", Q, Z, S = Math.round(
/*zoomLevel*/
t[15] * 100
) + "", fe, ve, ae, O, j = "+", Ee, L, K = "⌂", V, B, _e, Me, Oe = (
/*nodes*/
t[4].length + ""
), je, et, De, tt, Re = (
/*edges*/
t[5].length + ""
), Be, lt, ye, pt = "🗑️ Clear", He, we, q, Ne, Ce, re, pe = [], Ue = /* @__PURE__ */ new Map(), ie, at, ue = [], ut = /* @__PURE__ */ new Map(), nt, me, ge, Xe, be, Ye = (
/*propertyPanelCollapsed*/
t[13] ? "←" : "→"
), Ge, qe, st, We, ot, ct, ne = !/*sidebarCollapsed*/
t[12] && Yt(), x = !/*sidebarCollapsed*/
t[12] && Lt(t), Qe = le(
/*edges*/
t[5]
);
const dt = (w) => (
/*edge*/
w[112].id
);
for (let w = 0; w < Qe.length; w += 1) {
let M = Tt(t, Qe, w), H = dt(M);
Ue.set(H, pe[w] = jt(H, M));
}
let $ = (
/*isConnecting*/
t[8] && /*connectionStart*/
t[9] && Bt(bt(t))
), ze = le(
/*nodes*/
t[4]
);
const _t = (w) => (
/*node*/
w[96].id
);
for (let w = 0; w < ze.length; w += 1) {
let M = Nt(t, ze, w), H = _t(M);
ut.set(H, ue[w] = Jt(H, M));
}
let se = !/*propertyPanelCollapsed*/
t[13] && Zt(), ee = !/*propertyPanelCollapsed*/
t[13] && xt(t);
return {
c() {
e = k("div"), l = k("div"), a = k("div"), n = k("div"), ne && ne.c(), o = Y(), s = k("button"), u = G(p), c = Y(), x && x.c(), _ = Y(), v = k("div"), g = k("div"), h = k("div"), I = k("input"), E = Y(), D = k("div"), A = k("div"), C = k("button"), C.textContent = oe, Q = Y(), Z = k("span"), fe = G(S), ve = G("%"), ae = Y(), O = k("button"), O.textContent = j, Ee = Y(), L = k("button"), L.textContent = K, V = Y(), B = k("div"), _e = k("span"), Me = G("Nodes: "), je = G(Oe), et = Y(), De = k("span"), tt = G("Edges: "), Be = G(Re), lt = Y(), ye = k("button"), ye.textContent = pt, He = Y(), we = k("div"), q = k("div"), Ne = k("div"), Ce = Y(), re = Ve("svg");
for (let w = 0; w < pe.length; w += 1)
pe[w].c();
ie = de(), $ && $.c(), at = Y();
for (let w = 0; w < ue.length; w += 1)
ue[w].c();
nt = Y(), me = k("div"), ge = k("div"), se && se.c(), Xe = Y(), be = k("button"), Ge = G(Ye), st = Y(), ee && ee.c(), this.h();
},
l(w) {
e = b(w, "DIV", { class: !0, id: !0 });
var M = P(e);
l = b(M, "DIV", { class: !0 });
var H = P(l);
a = b(H, "DIV", { class: !0 });
var Je = P(a);
n = b(Je, "DIV", { class: !0 });
var Ze = P(n);
ne && ne.l(Ze), o = R(Ze), s = b(Ze, "BUTTON", { class: !0, title: !0 });
var mt = P(s);
u = U(mt, p), mt.forEach(m), Ze.forEach(m), c = R(Je), x && x.l(Je), Je.forEach(m), _ = R(H), v = b(H, "DIV", { class: !0 });
var xe = P(v);
g = b(xe, "DIV", { class: !0 });
var Ae = P(g);
h = b(Ae, "DIV", { class: !0 });
var yt = P(h);
I = b(yt, "INPUT", {
class: !0,
type: !0,
placeholder: !0,
title: !0
}), yt.forEach(m), E = R(Ae), D = b(Ae, "DIV", { class: !0 });
var ht = P(D);
A = b(ht, "DIV", { class: !0 });
var Ie = P(A);
C = b(Ie, "BUTTON", {
class: !0,
title: !0,
"data-svelte-h": !0
}), ke(C) !== "svelte-1q3p1i9" && (C.textContent = oe), Q = R(Ie), Z = b(Ie, "SPAN", { class: !0 });
var it = P(Z);
fe = U(it, S), ve = U(it, "%"), it.forEach(m), ae = R(Ie), O = b(Ie, "BUTTON", {
class: !0,
title: !0,
"data-svelte-h": !0
}), ke(O) !== "svelte-1ugjjy9" && (O.textContent = j), Ee = R(Ie), L = b(Ie, "BUTTON", {
class: !0,
title: !0,
"data-svelte-h": !0
}), ke(L) !== "svelte-dw5791" && (L.textContent = K), Ie.forEach(m), ht.forEach(m), V = R(Ae), B = b(Ae, "DIV", { class: !0 });
var r = P(B);
_e = b(r, "SPAN", { class: !0 });
var f = P(_e);
Me = U(f, "Nodes: "), je = U(f, Oe), f.forEach(m), et = R(r), De = b(r, "SPAN", { class: !0 });
var F = P(De);
tt = U(F, "Edges: "), Be = U(F, Re), F.forEach(m), lt = R(r), ye = b(r, "BUTTON", {
class: !0,
title: !0,
"data-svelte-h": !0
}), ke(ye) !== "svelte-38q2s3" && (ye.textContent = pt), r.forEach(m), Ae.forEach(m), He = R(xe), we = b(xe, "DIV", { class: !0 });
var z = P(we);
q = b(z, "DIV", { class: !0, style: !0 });
var J = P(q);
Ne = b(J, "DIV", { class: !0 }), P(Ne).forEach(m), Ce = R(J), re = Fe(J, "svg", { class: !0 });
var te = P(re);
for (let Le = 0; Le < pe.length; Le += 1)
pe[Le].l(te);
ie = de(), $ && $.l(te), te.forEach(m), at = R(J);
for (let Le = 0; Le < ue.length; Le += 1)
ue[Le].l(J);
J.forEach(m), z.forEach(m), xe.forEach(m), nt = R(H), me = b(H, "DIV", { class: !0 });
var he = P(me);
ge = b(he, "DIV", { class: !0 });
var ft = P(ge);
se && se.l(ft), Xe = R(ft), be = b(ft, "BUTTON", { class: !0, title: !0 });
var wt = P(be);
Ge = U(wt, Ye), wt.forEach(m), ft.forEach(m), st = R(he), ee && ee.l(he), he.forEach(m), H.forEach(m), M.forEach(m), this.h();
},
h() {
i(s, "class", "toggle-btn sidebar-toggle svelte-c4syt2"), i(s, "title", d = /*sidebarCollapsed*/
t[12] ? "Expand sidebar" : "Collapse sidebar"), i(n, "class", "sidebar-header svelte-c4syt2"), i(a, "class", "sidebar svelte-c4syt2"), Se(
a,
"collapsed",
/*sidebarCollapsed*/
t[12]
), i(I, "class", "workflow-name-input svelte-c4syt2"), i(I, "type", "text"), i(I, "placeholder", "Workflow Name"), i(I, "title", "Enter workflow name"), i(h, "class", "toolbar-left"), i(C, "class", "zoom-btn svelte-c4syt2"), i(C, "title", "Zoom Out"), i(Z, "class", "zoom-level svelte-c4syt2"), i(O, "class", "zoom-btn svelte-c4syt2"), i(O, "title", "Zoom In"), i(L, "class", "zoom-btn reset svelte-c4syt2"), i(L, "title", "Reset View"), i(A, "class", "zoom-controls svelte-c4syt2"), i(D, "class", "toolbar-center svelte-c4syt2"), i(_e, "class", "node-count svelte-c4syt2"), i(De, "class", "edge-count svelte-c4syt2"), i(ye, "class", "clear-btn svelte-c4syt2"), i(ye, "title", "Clear Workflow"), i(B, "class", "toolbar-right svelte-c4syt2"), i(g, "class", "toolbar svelte-c4syt2"), i(Ne, "class", "grid-background svelte-c4syt2"), i(re, "class", "edges-layer svelte-c4syt2"), i(q, "class", "canvas svelte-c4syt2"), X(q, "transform", "scale(" + /*zoomLevel*/
t[15] + ") translate(" + /*panOffset*/
t[16].x / /*zoomLevel*/
t[15] + "px, " + /*panOffset*/
t[16].y / /*zoomLevel*/
t[15] + "px)"), i(we, "class", "canvas-container svelte-c4syt2"), i(v, "class", "canvas-area svelte-c4syt2"), i(be, "class", "toggle-btn property-toggle svelte-c4syt2"), i(be, "title", qe = /*propertyPanelCollapsed*/
t[13] ? "Expand properties" : "Collapse properties"), i(ge, "class", "property-header svelte-c4syt2"), i(me, "class", "property-panel svelte-c4syt2"), Se(
me,
"collapsed",
/*propertyPanelCollapsed*/
t[13]
), i(l, "class", "top-section svelte-c4syt2"), i(e, "class", We = "workflow-builder " + /*elem_classes*/
t[1].join(" ") + " svelte-c4syt2"), i(
e,
"id",
/*elem_id*/
t[0]
), Se(e, "hide", !/*visible*/
t[2]), X(
e,
"min-width",
/*min_width*/
t[3] && /*min_width*/
t[3] + "px"
);
},
m(w, M) {
N(w, e, M), y(e, l), y(l, a), y(a, n), ne && ne.m(n, null), y(n, o), y(n, s), y(s, u), y(a, c), x && x.m(a, null), y(l, _), y(l, v), y(v, g), y(g, h), y(h, I), $e(
I,
/*workflowName*/
t[14]
), y(g, E), y(g, D), y(D, A), y(A, C), y(A, Q), y(A, Z), y(Z, fe), y(Z, ve), y(A, ae), y(A, O), y(A, Ee), y(A, L), y(g, V), y(g, B), y(B, _e), y(_e, Me), y(_e, je), y(B, et), y(B, De), y(De, tt), y(De, Be), y(B, lt), y(B, ye), y(v, He), y(v, we), y(we, q), y(q, Ne), y(q, Ce), y(q, re);
for (let H = 0; H < pe.length; H += 1)
pe[H] && pe[H].m(re, null);
y(re, ie), $ && $.m(re, null), y(q, at);
for (let H = 0; H < ue.length; H += 1)
ue[H] && ue[H].m(q, null);
t[66](q), t[68](we), y(l, nt), y(l, me), y(me, ge), se && se.m(ge, null), y(ge, Xe), y(ge, be), y(be, Ge), y(me, st), ee && ee.m(me, null), ot || (ct = [
T(
s,
"click",
/*toggleSidebar*/
t[34]
),
T(
I,
"input",
/*input_input_handler*/
t[47]
),
T(
C,
"click",
/*zoomOut*/
t[21]
),
T(
O,
"click",
/*zoomIn*/
t[20]
),
T(
L,
"click",
/*resetZoom*/
t[22]
),
T(
ye,
"click",
/*clearWorkflow*/
t[19]
),
T(
q,
"drop",
/*handleCanvasDropFromSidebar*/
t[26]
),
T(q, "dragover", Pl),
T(
q,
"wheel",
/*handleWheel*/
t[23]
),
T(
q,
"mousedown",
/*startPanning*/
t[24]
),
T(
q,
"click",
/*click_handler_9*/
t[67]
),
T(
be,
"click",
/*togglePropertyPanel*/
t[35]
)
], ot = !0);
},
p(w, M) {
/*sidebarCollapsed*/
w[12] ? ne && (ne.d(1), ne = null) : ne || (ne = Yt(), ne.c(), ne.m(n, o)), M[0] & /*sidebarCollapsed*/
4096 && p !== (p = /*sidebarCollapsed*/
w[12] ? "→" : "←") && ce(u, p), M[0] & /*sidebarCollapsed*/
4096 && d !== (d = /*sidebarCollapsed*/
w[12] ? "Expand sidebar" : "Collapse sidebar") && i(s, "title", d), /*sidebarCollapsed*/
w[12] ? x && (x.d(1), x = null) : x ? x.p(w, M) : (x = Lt(w), x.c(), x.m(a, null)), M[0] & /*sidebarCollapsed*/
4096 && Se(
a,
"collapsed",
/*sidebarCollapsed*/
w[12]
), M[0] & /*workflowName*/
16384 && I.value !== /*workflowName*/
w[14] && $e(
I,
/*workflowName*/
w[14]
), M[0] & /*zoomLevel*/
32768 && S !== (S = Math.round(
/*zoomLevel*/
w[15] * 100
) + "") && ce(fe, S), M[0] & /*nodes*/
16 && Oe !== (Oe = /*nodes*/
w[4].length + "") && ce(je, Oe), M[0] & /*edges*/
32 && Re !== (Re = /*edges*/
w[5].length + "") && ce(Be, Re), M[0] & /*nodes, edges*/
48 | M[1] & /*deleteEdge*/
2 && (Qe = le(
/*edges*/
w[5]
), pe = Et(pe, M, dt, 1, w, Qe, Ue, re, Pt, jt, ie, Tt)), /*isConnecting*/
w[8] && /*connectionStart*/
w[9] ? $ ? $.p(bt(w), M) : ($ = Bt(bt(w)), $.c(), $.m(re, null)) : $ && ($.d(1), $ = null), M[0] & /*nodes, selectedNode, handleMouseDown, handleNodeClick, startConnection, endConnection, propertyFields*/
2013530128 | M[1] & /*getComponentConfig, updateNodeProperty, deleteNode*/
37 && (ze = le(
/*nodes*/
w[4]
), ue = Et(ue, M, _t, 1, w, ze, ut, q, Pt, Jt, null, Nt)), M[0] & /*zoomLevel, panOffset*/
98304 && X(q, "transform", "scale(" + /*zoomLevel*/
w[15] + ") translate(" + /*panOffset*/
w[16].x / /*zoomLevel*/
w[15] + "px, " + /*panOffset*/
w[16].y / /*zoomLevel*/
w[15] + "px)"), /*propertyPanelCollapsed*/
w[13] ? se && (se.d(1), se = null) : se || (se = Zt(), se.c(), se.m(ge, Xe)), M[0] & /*propertyPanelCollapsed*/
8192 && Ye !== (Ye = /*propertyPanelCollapsed*/
w[13] ? "←" : "→") && ce(Ge, Ye), M[0] & /*propertyPanelCollapsed*/
8192 && qe !== (qe = /*propertyPanelCollapsed*/
w[13] ? "Expand properties" : "Collapse properties") && i(be, "title", qe), /*propertyPanelCollapsed*/
w[13] ? ee && (ee.d(1), ee = null) : ee ? ee.p(w, M) : (ee = xt(w), ee.c(), ee.m(me, null)), M[0] & /*propertyPanelCollapsed*/
8192 && Se(
me,
"collapsed",
/*propertyPanelCollapsed*/
w[13]
), M[0] & /*elem_classes*/
2 && We !== (We = "workflow-builder " + /*elem_classes*/
w[1].join(" ") + " svelte-c4syt2") && i(e, "class", We), M[0] & /*elem_id*/
1 && i(
e,
"id",
/*elem_id*/
w[0]
), M[0] & /*elem_classes, visible*/
6 && Se(e, "hide", !/*visible*/
w[2]), M[0] & /*min_width*/
8 && X(
e,
"min-width",
/*min_width*/
w[3] && /*min_width*/
w[3] + "px"
);
},
i: vt,
o: vt,
d(w) {
w && m(e), ne && ne.d(), x && x.d();
for (let M = 0; M < pe.length; M += 1)
pe[M].d();
$ && $.d();
for (let M = 0; M < ue.length; M += 1)
ue[M].d();
t[66](null), t[68](null), se && se.d(), ee && ee.d(), ot = !1, Pe(ct);
}
};
}
function Pl(t) {
t.preventDefault();
}
function W(t, e) {
const l = e.split(".");
let a = t.data;
for (const n of l)
a = a == null ? void 0 : a[n];
return a;
}
function El(t, e) {
const l = t.position.x + 320, a = t.position.y + 80, n = e.position.x, o = e.position.y + 80;
return { sourceX: l, sourceY: a, targetX: n, targetY: o };
}
function Dl(t, e, l) {
var a, n;
let { value: o = { nodes: [], edges: [] } } = e, { elem_id: s = "" } = e, { elem_classes: p = [] } = e, { visible: u = !0 } = e;
const d = !0, c = null;
let { min_width: _ = void 0 } = e;
const v = {}, g = sl();
let h, I, E = !1, D = !1, A = null, C = { x: 0, y: 0 }, oe = !1, Q = null, Z = { x: 0, y: 0 }, S = null, fe = !1, ve = !1, ae = "My Workflow", O = 0.6, j = { x: 0, y: 0 }, Ee = !1, L = { x: 0, y: 0 };
const K = {
workflow_id: "workflow-" + Date.now(),
workflow_name: "My Workflow",
nodes: [],
edges: []
};
let V = ((a = o == null ? void 0 : o.nodes) === null || a === void 0 ? void 0 : a.length) > 0 ? [...o.nodes] : K.nodes, B = ((n = o == null ? void 0 : o.edges) === null || n === void 0 ? void 0 : n.length) > 0 ? [...o.edges] : K.edges;
o != null && o.workflow_name && (ae = o.workflow_name), o != null && o.workflow_id && o.workflow_id;
const _e = {
"Input/Output": {
icon: "📥",
components: {
ChatInput: {
label: "Chat Input",
icon: "💬",
color: "#4CAF50",
defaultData: {
display_name: "Chat Input",
template: {
input_value: {
display_name: "User Message",
type: "string",
value: "",
is_handle: !0
}
},
resources: { cpu: 0.1, memory: "128Mi", gpu: "none" }
}
},
ChatOutput: {
label: "Chat Output",
icon: "💭",
color: "#F44336",
defaultData: {
display_name: "Chat Output",
template: {
response: {
display_name: "AI Response",
type: "string",
is_handle: !0
}
},
resources: { cpu: 0.1, memory: "128Mi", gpu: "none" }
}
},
Input: {
label: "Input",
icon: "📥",
color: "#2196F3",
defaultData: {
display_name: "Source Data",
template: {
data_type: {
display_name: "Data Type",
type: "options",
options: ["string", "image", "video", "audio", "file"],
value: "string"
},
value: {
display_name: "Value or Path",
type: "string",
value: "This is the initial text."
},
data: {
display_name: "Output Data",
type: "object",
is_handle: !0
}
},
resources: { cpu: 0.1, memory: "128Mi", gpu: "none" }
}
},
Output: {
label: "Output",
icon: "📤",
color: "#FF9800",
defaultData: {
display_name: "Final Result",
template: {
input_data: {
display_name: "Input Data",
type: "object",
is_handle: !0
}
},
resources: { cpu: 0.1, memory: "128Mi", gpu: "none" }
}
}
}
},
"AI & Language": {
icon: "🤖",
components: {
llmNode: {
label: "Gemma-3-r1984-27B",
icon: "🎯",
color: "#4F46E5",
defaultData: {
display_name: "Gemma-3-r1984-27B",
template: {
prompt: {
display_name: "Prompt",
type: "string",
value: "",
is_handle: true
},
model: {
display_name: "Model",
type: "options",
options: ["Gemma-3-r1984-27B"],
value: "Gemma-3-r1984-27B"
},
temperature: {
display_name: "Temperature",
type: "number",
value: 0.7,
min: 0,
max: 1,
step: 0.1
},
response: {
display_name: "Response",
type: "string",
is_handle: true
}
},
resources: { cpu: 0.4, memory: "512Mi", gpu: "none" }
}
},
OpenAIModel: {
label: "OpenAI Model",
icon: "🎯",
color: "#9C27B0",
defaultData: {
display_name: "OpenAI Model",
template: {
model: {
display_name: "Model",
type: "options",
value: "gpt-4",
options: ["gpt-4o", "gpt-4o-mini", "gpt-3.5-turbo"]
},
temperature: {
display_name: "Temperature",
type: "number",
value: 0.7,
min: 0,
max: 1
},
max_tokens: {
display_name: "Max Tokens",
type: "number",
value: 2048,
min: 1,
max: 4096
},
api_key: {
display_name: "API Key",
type: "SecretStr",
value: "",
env_var: "OPENAI_API_KEY"
},
prompt: {
display_name: "Prompt",
type: "string",
is_handle: !0
},
response: {
display_name: "Response",
type: "string",
is_handle: !0
}
},
resources: { cpu: 0.5, memory: "512Mi", gpu: "none" }
}
},
ChatModel: {
label: "Chat Model",
icon: "💭",
color: "#673AB7",
defaultData: {
display_name: "Chat Model",
template: {
provider: {
display_name: "Provider",
type: "options",
options: ["OpenAI", "Anthropic"],
value: "OpenAI"
},
model: {
display_name: "Model",
type: "string",
value: "gpt-4o-mini"
},
api_key: {
display_name: "API Key",
type: "SecretStr",
required: !0,
env_var: "OPENAI_API_KEY"
},
system_prompt: {
display_name: "System Prompt",
type: "string",
value: "You are a helpful assistant."
},
prompt: {
display_name: "Prompt",
type: "string",
is_handle: !0
},
response: {
display_name: "Response",
type: "string",
is_handle: !0
}
},
resources: { cpu: 0.5, memory: "512Mi", gpu: "none" }
}
},
Prompt: {
label: "Prompt",
icon: "📝",
color: "#3F51B5",
defaultData: {
display_name: "Prompt",
template: {
prompt_template: {
display_name: "Template",
type: "string",
value: "{{input}}",
is_handle: !0
}
},
resources: { cpu: 0.1, memory: "128Mi", gpu: "none" }
}
},
HFTextGeneration: {
label: "HF Text Generation",
icon: "🤗",
color: "#E91E63",
defaultData: {
display_name: "HF Text Generation",
template: {
model: {
display_name: "Model",
type: "string",
value: "gpt2"
},
temperature: {
display_name: "Temperature",
type: "number",
value: 0.7,
min: 0,
max: 1
},
max_tokens: {
display_name: "Max Tokens",
type: "number",
value: 2048,
min: 1,
max: 4096
},
api_key: {
display_name: "API Key",
type: "SecretStr",
value: "",
env_var: "HF_API_KEY"
},
prompt: {
display_name: "Prompt",
type: "string",
is_handle: !0
},
response: {
display_name: "Response",
type: "string",
is_handle: !0
}
},
resources: { cpu: 0.3, memory: "256Mi", gpu: "none" }
}
},
ReActAgent: {
label: "ReAct Agent",
icon: "🤖",
color: "#9C27B0",
defaultData: {
display_name: "LlamaIndex ReAct Agent",
template: {
tools_input: {
display_name: "Available Tools",
type: "list",
is_handle: !0,
info: "Connect WebSearch, ExecutePython, APIRequest, and other tool nodes"
},
llm_model: {
display_name: "LLM Model",
type: "options",
options: [
"gpt-4o",
"gpt-4o-mini",
"gpt-3.5-turbo",
"gpt-4",
"gpt-3.5-turbo-16k"
],
value: "gpt-4o-mini"
},
api_key: {
display_name: "OpenAI API Key",
type: "SecretStr",
required: !0,
env_var: "OPENAI_API_KEY"
},
system_prompt: {
display_name: "System Prompt",
type: "string",
value: "You are a helpful AI assistant with access to various tools. Use the available tools to answer user questions accurately and efficiently.",
multiline: !0
},
user_query: {
display_name: "User Query",
type: "string",
is_handle: !0
},
max_iterations: {
display_name: "Max Iterations",
type: "number",
value: 8
},
temperature: {
display_name: "Temperature",
type: "number",
value: 0.1,
min: 0,
max: 2,
step: 0.1
},
verbose: {
display_name: "Verbose Output",
type: "boolean",
value: !0
},
agent_response: {
display_name: "Agent Response",
type: "string",
is_handle: !0
}
},
resources: { cpu: 0.5, memory: "512Mi", gpu: "none" }
}
}
}
},
"API & Web": {
icon: "🌐",
components: {
APIRequest: {
label: "API Request",
icon: "🔌",
color: "#00BCD4",
defaultData: {
display_name: "API Request",
template: {
url: {
display_name: "URL",
type: "string",
value: ""
},
method: {
display_name: "Method",
type: "options",
value: "GET",
options: ["GET", "POST", "PUT", "DELETE"]
},
headers: {
display_name: "Headers",
type: "dict",
value: {}
},
body: {
display_name: "Body",
type: "string",
value: ""
},
response: {
display_name: "Response",
type: "object",
is_handle: !0
}
},
resources: { cpu: 0.2, memory: "256Mi", gpu: "none" }
}
},
WebSearch: {
label: "Web Search",
icon: "🔍",
color: "#009688",
defaultData: {
display_name: "Web Search",
template: {
query: {
display_name: "Query",
type: "string",
value: "",
is_handle: !0
},
num_results: {
display_name: "Number of Results",
type: "number",
value: 5,
min: 1,
max: 10
},
api_key: {
display_name: "API Key",
type: "SecretStr",
value: "",
env_var: "SERPAPI_KEY"
},
results: {
display_name: "Search Results",
type: "list",
is_handle: !0
}
},
resources: { cpu: 0.2, memory: "256Mi", gpu: "none" }
}
}
}
},
"Data Processing": {
icon: "⚙️",
components: {
ExecutePython: {
label: "Execute Python",
icon: "🐍",
color: "#FF5722",
defaultData: {
display_name: "Execute Python",
template: {
code: {
display_name: "Python Code",
type: "string",
value: `def process(input_data):
return input_data`
},
timeout: {
display_name: "Timeout",
type: "number",
value: 30,
min: 1,
max: 300
},
input_data: {
display_name: "Input Data",
type: "object",
is_handle: !0
},
output_data: {
display_name: "Output Data",
type: "object",
is_handle: !0
}
},
resources: { cpu: 0.3, memory: "256Mi", gpu: "none" }
}
},
ConditionalLogic: {
label: "Conditional Logic",
icon: "🔀",
color: "#795548",
defaultData: {
display_name: "Conditional Logic",
template: {
condition: {
display_name: "Condition",
type: "string",
value: "{{input}} == True"
},
input: {
display_name: "Input",
type: "object",
is_handle: !0
},
true_output: {
display_name: "True Output",
type: "object",
is_handle: !0
},
false_output: {
display_name: "False Output",
type: "object",
is_handle: !0
}
},
resources: { cpu: 0.1, memory: "128Mi", gpu: "none" }
}
},
Wait: {
label: "Wait",
icon: "⏳",
color: "#607D8B",
defaultData: {
display_name: "Wait",
template: {
seconds: {
display_name: "Seconds",
type: "number",
value: 1,
min: 1,
max: 3600
},
input: {
display_name: "Input",
type: "object",
is_handle: !0
},
output: {
display_name: "Output",
type: "object",
is_handle: !0
}
},
resources: { cpu: 0.1, memory: "128Mi", gpu: "none" }
}
}
}
},
"RAG & Knowledge": {
icon: "📚",
components: {
KnowledgeBase: {
label: "Knowledge Base",
icon: "📖",
color: "#8BC34A",
defaultData: {
display_name: "Knowledge Base",
template: {
kb_name: {
display_name: "Knowledge Base Name",
type: "string",
value: ""
},
source_type: {
display_name: "Source Type",
type: "options",
options: ["Directory", "URL"],
value: "Directory"
},
path_or_url: {
display_name: "Path or URL",
type: "string",
value: ""
},
knowledge_base: {
display_name: "Knowledge Base",
type: "object",
is_handle: !0
}
},
resources: { cpu: 0.2, memory: "512Mi", gpu: "none" }
}
},
RAGQuery: {
label: "RAG Query",
icon: "🔎",
color: "#FFC107",
defaultData: {
display_name: "RAG Query",
template: {
query: {
display_name: "Query",
type: "string",
is_handle: !0
},
knowledge_base: {
display_name: "Knowledge Base",
type: "object",
is_handle: !0
},
num_results: {
display_name: "Number of Results",
type: "number",
value: 3,
min: 1,
max: 10
},
rag_prompt: {
display_name: "RAG Prompt",
type: "string",
is_handle: !0
}
},
resources: { cpu: 0.3, memory: "512Mi", gpu: "none" }
}
}
}
},
"Speech & Vision": {
icon: "👁️",
components: {
HFSpeechToText: {
label: "HF Speech to Text",
icon: "🎤",
color: "#9E9E9E",
defaultData: {
display_name: "HF Speech to Text",
template: {
model: {
display_name: "Model",
type: "string",
value: "facebook/wav2vec2-base-960h"
},
api_key: {
display_name: "API Key",
type: "SecretStr",
value: "",
env_var: "HF_API_KEY"
},
audio_input: {
display_name: "Audio Input",
type: "file",
is_handle: !0
},
text_output: {
display_name: "Text Output",
type: "string",
is_handle: !0
}
},
resources: {
cpu: 0.4,
memory: "512Mi",
gpu: "optional"
}
}
},
HFTextToSpeech: {
label: "HF Text to Speech",
icon: "🔊",
color: "#CDDC39",
defaultData: {
display_name: "HF Text to Speech",
template: {
model: {
display_name: "Model",
type: "string",
value: "facebook/fastspeech2-en-ljspeech"
},
api_key: {
display_name: "API Key",
type: "SecretStr",
value: "",
env_var: "HF_API_KEY"
},
text_input: {
display_name: "Text Input",
type: "string",
is_handle: !0
},
audio_output: {
display_name: "Audio Output",
type: "file",
is_handle: !0
}
},
resources: {
cpu: 0.4,
memory: "512Mi",
gpu: "optional"
}
}
},
HFSVisionModel: {
label: "HF Vision Model",
icon: "👁️",
color: "#FF9800",
defaultData: {
display_name: "HF Vision Model",
template: {
model: {
display_name: "Model",
type: "string",
value: "google/vit-base-patch16-224"
},
api_key: {
display_name: "API Key",
type: "SecretStr",
value: "",
env_var: "HF_API_KEY"
},
image_input: {
display_name: "Image Input",
type: "file",
is_handle: !0
},
prediction: {
display_name: "Prediction",
type: "object",
is_handle: !0
}
},
resources: {
cpu: 0.4,
memory: "512Mi",
gpu: "required"
}
}
}
}
},
"Image Generation": {
icon: "🎨",
components: {
HFImageGeneration: {
label: "HF Image Generation",
icon: "🎨",
color: "#E91E63",
defaultData: {
display_name: "HF Image Generation",
template: {
model: {
display_name: "Model",
type: "string",
value: "stabilityai/stable-diffusion-2"
},
prompt: {
display_name: "Prompt",
type: "string",
value: "",
is_handle: !0
},
num_images: {
display_name: "Number of Images",
type: "number",
value: 1,
min: 1,
max: 4
},
api_key: {
display_name: "API Key",
type: "SecretStr",
value: "",
env_var: "HF_API_KEY"
},
images: {
display_name: "Generated Images",
type: "list",
is_handle: !0
}
},
resources: { cpu: 0.5, memory: "1Gi", gpu: "required" }
}
},
NebiusImage: {
label: "Nebius Image",
icon: "🖼️",
color: "#2196F3",
defaultData: {
display_name: "Nebius Image",
template: {
model: {
display_name: "Model",
type: "options",
options: [
"black-forest-labs/flux-dev",
"black-forest-labs/flux-schnell",
"stability-ai/sdxl"
],
value: "black-forest-labs/flux-dev"
},
prompt: {
display_name: "Prompt",
type: "string",
value: "",
is_handle: !0
},
negative_prompt: {
display_name: "Negative Prompt",
type: "string",
value: ""
},
width: {
display_name: "Width",
type: "number",
value: 1024
},
height: {
display_name: "Height",
type: "number",
value: 1024
},
num_inference_steps: {
display_name: "Inference Steps",
type: "number",
value: 28
},
seed: {
display_name: "Seed",
type: "number",
value: -1
},
api_key: {
display_name: "API Key",
type: "SecretStr",
value: "",
env_var: "NEBIUS_API_KEY"
},
image: {
display_name: "Generated Image",
type: "file",
is_handle: !0
}
},
resources: { cpu: 0.5, memory: "1Gi", gpu: "required" }
}
}
}
},
"MCP Integration": {
icon: "🤝",
components: {
MCPConnection: {
label: "MCP Connection",
icon: "🔌",
color: "#673AB7",
defaultData: {
display_name: "MCP Connection",
template: {
server_url: {
display_name: "Server URL",
type: "string",
value: ""
},
connection_type: {
display_name: "Connection Type",
type: "options",
options: ["http", "stdio"],
value: "http"
},
allowed_tools: {
display_name: "Allowed Tools",
type: "string",
value: ""
},
api_key: {
display_name: "API Key",
type: "SecretStr",
value: "",
env_var: "MCP_API_KEY"
},
connection: {
display_name: "MCP Connection",
type: "object",
is_handle: !0
}
},
resources: { cpu: 0.2, memory: "256Mi", gpu: "none" }
}
},
MCPAgent: {
label: "MCP Agent",
icon: "🤖",
color: "#3F51B5",
defaultData: {
display_name: "MCP Agent",
template: {
llm_model: {
display_name: "LLM Model",
type: "options",
options: [
"gpt-4o",
"gpt-4o-mini",
"gpt-3.5-turbo",
"gpt-4",
"gpt-3.5-turbo-16k"
],
value: "gpt-4o"
},
api_key: {
display_name: "OpenAI API Key",
type: "SecretStr",
required: !0,
env_var: "OPENAI_API_KEY"
},
system_prompt: {
display_name: "System Prompt",
type: "string",
value: "You are a helpful AI assistant.",
multiline: !0
},
max_iterations: {
display_name: "Max Iterations",
type: "number",
value: 10,
min: 1,
max: 20
},
temperature: {
display_name: "Temperature",
type: "number",
value: 0.1,
min: 0,
max: 2,
step: 0.1
},
verbose: {
display_name: "Verbose Output",
type: "boolean",
value: !1
},
user_query: {
display_name: "User Query",
type: "string",
is_handle: !0
},
mcp_connection: {
display_name: "MCP Connection",
type: "object",
is_handle: !0
},
agent_response: {
display_name: "Agent Response",
type: "string",
is_handle: !0
}
},
resources: { cpu: 0.5, memory: "512Mi", gpu: "none" }
}
}
}
}
}, Me = {
// Input/Output nodes
ChatInput: [
{
key: "display_name",
label: "Display Name",
type: "text",
help: "Name shown in the workflow"
},
{
key: "template.input_value.display_name",
label: "Input Field Label",
type: "text",
help: "Label shown in the chat input field"
},
{
key: "template.input_value.value",
label: "Default Message",
type: "textarea",
help: "Default message shown in the input field"
}
],
ChatOutput: [
{
key: "display_name",
label: "Display Name",
type: "text",
help: "Name shown in the workflow"
},
{
key: "template.response.display_name",
label: "Response Field Label",
type: "text",
help: "Label shown in the chat output field"
}
],
Input: [
{
key: "display_name",
label: "Display Name",
type: "text",
help: "Name shown in the workflow"
},
{
key: "template.data_type.value",
label: "Data Type",
type: "select",
options: ["string", "image", "video", "audio", "file"],
help: "Type of data this node will handle"
},
{
key: "template.value.value",
label: "Default Value",
type: "textarea",
help: "Default value or path"
}
],
Output: [
{
key: "display_name",
label: "Display Name",
type: "text",
help: "Name shown in the workflow"
}
],
// AI & Language nodes
llmNode: [
{
key: "display_name",
label: "Display Name",
type: "text",
help: "Name shown in the workflow"
},
{
key: "template.prompt.value",
label: "Prompt",
type: "textarea",
help: "Text prompt sent to Gemma-3-27B"
},
{
key: "template.temperature.value",
label: "Temperature",
type: "number",
min: 0,
max: 1,
step: 0.1,
help: "Sampling temperature"
},
{
key: "template.model.value",
label: "Model Variant",
type: "select",
options: ["Gemma-3-27B"],
help: "Only one variant is pre-configured"
}
],
OpenAIModel: [
{
key: "display_name",
label: "Display Name",
type: "text",
help: "Name shown in the workflow"
},
{
key: "template.model.value",
label: "Model",
type: "select",
options: ["gpt-4o", "gpt-4o-mini", "gpt-3.5-turbo"]
},
{
key: "template.temperature.value",
label: "Temperature",
type: "number",
min: 0,
max: 1,
step: 0.1
},
{
key: "template.max_tokens.value",
label: "Max Tokens",
type: "number",
min: 1,
max: 4096
}
],
ChatModel: [
{
key: "display_name",
label: "Display Name",
type: "text",
help: "Name shown in the workflow"
},
{
key: "template.provider.value",
label: "Provider",
type: "select",
options: ["OpenAI", "Anthropic"],
help: "AI model provider"
},
{
key: "template.model.value",
label: "Model",
type: "text",
help: "Model name"
},
{
key: "template.system_prompt.value",
label: "System Prompt",
type: "textarea",
help: "Optional system prompt"
}
],
Prompt: [
{
key: "display_name",
label: "Display Name",
type: "text",
help: "Name shown in the workflow"
},
{
key: "template.prompt_template.value",
label: "Prompt Template",
type: "textarea",
help: "Prompt template"
}
],
HFTextGeneration: [
{
key: "display_name",
label: "Display Name",
type: "text",
help: "Name shown in the workflow"
},
{
key: "template.model.value",
label: "Model",
type: "text",
help: "Model name"
},
{
key: "template.temperature.value",
label: "Temperature",
type: "number",
min: 0,
max: 1,
step: 0.1,
help: "Model temperature"
},
{
key: "template.max_tokens.value",
label: "Max Tokens",
type: "number",
min: 1,
max: 4096,
help: "Maximum tokens"
}
],
ReActAgent: [
{
key: "display_name",
label: "Display Name",
type: "text",
help: "Name shown in the workflow"
},
{
key: "template.llm_model.value",
label: "LLM Model",
type: "select",
options: ["gpt-4o", "gpt-4o-mini", "gpt-3.5-turbo", "gpt-4", "gpt-3.5-turbo-16k"],
help: "Model to use for the agent"
},
{
key: "template.system_prompt.value",
label: "System Prompt",
type: "textarea",
help: "System prompt for the agent",
multiline: !0
},
{
key: "template.max_iterations.value",
label: "Max Iterations",
type: "number",
min: 1,
max: 20,
help: "Maximum number of agent iterations"
},
{
key: "template.temperature.value",
label: "Temperature",
type: "number",
min: 0,
max: 2,
step: 0.1,
help: "Model temperature (0-2)"
},
{
key: "template.verbose.value",
label: "Verbose Output",
type: "checkbox",
help: "Show detailed agent reasoning"
}
],
// API & Web nodes
APIRequest: [
{
key: "display_name",
label: "Display Name",
type: "text",
help: "Name shown in the workflow"
},
{
key: "template.url.value",
label: "URL",
type: "text",
help: "API endpoint URL"
},
{
key: "template.method.value",
label: "Method",
type: "select",
options: ["GET", "POST", "PUT", "DELETE"],
help: "HTTP method"
}
],
WebSearch: [
{
key: "display_name",
label: "Display Name",
type: "text",
help: "Name shown in the workflow"
},
{
key: "template.num_results.value",
label: "Number of Results",
type: "number",
help: "Number of search results"
}
],
// Data Processing nodes
ExecutePython: [
{
key: "display_name",
label: "Display Name",
type: "text",
help: "Name shown in the workflow"
},
{
key: "template.code.value",
label: "Python Code",
type: "textarea",
help: "Python code to execute"
},
{
key: "template.timeout.value",
label: "Timeout",
type: "number",
help: "Execution timeout"
}
],
ConditionalLogic: [
{
key: "display_name",
label: "Display Name",
type: "text",
help: "Name shown in the workflow"
},
{
key: "template.condition.value",
label: "Condition",
type: "text",
help: "Condition expression"
}
],
Wait: [
{
key: "display_name",
label: "Display Name",
type: "text",
help: "Name shown in the workflow"
},
{
key: "template.seconds.value",
label: "Seconds",
type: "number",
help: "Wait time in seconds"
}
],
// RAG nodes
KnowledgeBase: [
{
key: "display_name",
label: "Display Name",
type: "text",
help: "Name shown in the workflow"
},
{
key: "template.kb_name.value",
label: "Knowledge Base Name",
type: "text",
help: "Name for the knowledge base"
},
{
key: "template.source_type.value",
label: "Source Type",
type: "select",
options: ["Directory", "URL"],
help: "Type of source"
},
{
key: "template.path_or_url.value",
label: "Path or URL",
type: "text",
help: "Source location"
}
],
RAGQuery: [
{
key: "display_name",
label: "Display Name",
type: "text",
help: "Name shown in the workflow"
},
{
key: "template.num_results.value",
label: "Number of Results",
type: "number",
help: "Number of results to retrieve"
}
],
// Speech & Vision nodes
HFSpeechToText: [
{
key: "display_name",
label: "Display Name",
type: "text",
help: "Name shown in the workflow"
},
{
key: "template.model.value",
label: "Model",
type: "text",
help: "HuggingFace model ID"
}
],
HFTextToSpeech: [
{
key: "display_name",
label: "Display Name",
type: "text",
help: "Name shown in the workflow"
},
{
key: "template.model.value",
label: "Model",
type: "text",
help: "HuggingFace model ID"
}
],
HFSVisionModel: [
{
key: "display_name",
label: "Display Name",
type: "text",
help: "Name shown in the workflow"
},
{
key: "template.model.value",
label: "Model",
type: "text",
help: "HuggingFace model ID"
}
],
// Image Generation nodes
HFImageGeneration: [
{
key: "display_name",
label: "Display Name",
type: "text",
help: "Name shown in the workflow"
},
{
key: "template.model.value",
label: "Model",
type: "text",
help: "HuggingFace model ID"
},
{
key: "template.num_images.value",
label: "Number of Images",
type: "number",
help: "Number of images to generate"
}
],
NebiusImage: [
{
key: "display_name",
label: "Display Name",
type: "text",
help: "Name shown in the workflow"
},
{
key: "template.model.value",
label: "Model",
type: "select",
options: [
"black-forest-labs/flux-dev",
"black-forest-labs/flux-schnell",
"stability-ai/sdxl"
],
help: "Nebius model to use"
},
{
key: "template.width.value",
label: "Width",
type: "number",
help: "Image width"
},
{
key: "template.height.value",
label: "Height",
type: "number",
help: "Image height"
},
{
key: "template.num_inference_steps.value",
label: "Inference Steps",
type: "number",
help: "Number of inference steps"
},
{
key: "template.seed.value",
label: "Seed",
type: "number",
help: "Random seed (-1 for random)"
}
],
// MCP nodes
MCPConnection: [
{
key: "display_name",
label: "Display Name",
type: "text",
help: "Name shown in the workflow"
},
{
key: "template.server_url.value",
label: "Server URL",
type: "text",
help: "MCP server URL"
},
{
key: "template.connection_type.value",
label: "Connection Type",
type: "select",
options: ["http", "stdio"],
help: "Connection type"
},
{
key: "template.allowed_tools.value",
label: "Allowed Tools",
type: "text",
help: "Optional list of allowed tools"
}
],
MCPAgent: [
{
key: "display_name",
label: "Display Name",
type: "text",
help: "Name shown in the workflow"
},
{
key: "template.llm_model.value",
label: "LLM Model",
type: "select",
options: ["gpt-4o", "gpt-4o-mini", "gpt-3.5-turbo", "gpt-4", "gpt-3.5-turbo-16k"],
help: "Model to use for the agent"
},
{
key: "template.system_prompt.value",
label: "System Prompt",
type: "textarea",
help: "System prompt for the agent",
multiline: !0
},
{
key: "template.max_iterations.value",
label: "Max Iterations",
type: "number",
min: 1,
max: 20,
help: "Maximum number of agent iterations"
},
{
key: "template.temperature.value",
label: "Temperature",
type: "number",
min: 0,
max: 2,
step: 0.1,
help: "Model temperature (0-2)"
},
{
key: "template.verbose.value",
label: "Verbose Output",
type: "checkbox",
help: "Show detailed agent reasoning"
}
]
};
function Oe() {
l(4, V = []), l(5, B = []), l(11, S = null), l(14, ae = "My Workflow");
}
function je() {
l(15, O = Math.min(O * 1.2, 3));
}
function et() {
l(15, O = Math.max(O / 1.2, 0.3));
}
function De() {
l(15, O = 1), l(16, j = { x: 0, y: 0 });
}
function tt(r) {
if (r.preventDefault(), r.ctrlKey || r.metaKey) {
const f = r.deltaY > 0 ? 0.9 : 1.1;
l(15, O = Math.max(0.3, Math.min(3, O * f)));
} else
l(16, j.x -= r.deltaX * 0.5, j), l(16, j.y -= r.deltaY * 0.5, j), l(16, j = Object.assign({}, j));
}
function Re(r) {
(r.button === 1 || r.button === 0 && r.altKey) && (Ee = !0, L = { x: r.clientX, y: r.clientY }, r.preventDefault());
}
function Be(r) {
if (Ee) {
const f = r.clientX - L.x, F = r.clientY - L.y;
l(16, j.x += f, j), l(16, j.y += F, j), l(16, j = Object.assign({}, j)), L = { x: r.clientX, y: r.clientY };
}
}
function lt() {
Ee = !1;
}
function ye(r, f, F) {
r.dataTransfer && (r.dataTransfer.setData("application/json", JSON.stringify({ type: f, data: F })), D = !0);
}
function pt(r) {
var f;
if (r.preventDefault(), !D) return;
const F = h.getBoundingClientRect(), z = (r.clientX - F.left - j.x) / O, J = (r.clientY - F.top - j.y) / O;
try {
const te = JSON.parse(((f = r.dataTransfer) === null || f === void 0 ? void 0 : f.getData("application/json")) || "{}");
if (te.type && te.data) {
const he = {
id: `${te.type}-${Date.now()}`,
type: te.type,
position: {
x: Math.max(20, z - 160),
y: Math.max(20, J - 80)
},
data: Object.assign(Object.assign({}, te.data.defaultData), { label: te.data.label })
};
l(4, V = [...V, he]);
}
} catch (te) {
console.error("Failed to parse drop data:", te);
}
D = !1;
}
function He(r, f) {
if (r.target.closest(".node-property") || r.target.closest(".property-input") || r.target.closest(".property-select") || r.target.closest(".property-checkbox") || r.button !== 0) return;
E = !0, A = f;
const F = h.getBoundingClientRect(), z = f.position.x * O + j.x, J = f.position.y * O + j.y;
C.x = r.clientX - F.left - z, C.y = r.clientY - F.top - J, r.preventDefault(), r.stopPropagation();
}
function we(r, f) {
r.stopPropagation(), l(11, S = Object.assign({}, f));
}
function q(r) {
const f = h.getBoundingClientRect();
if (l(10, Z.x = (r.clientX - f.left - j.x) / O, Z), l(10, Z.y = (r.clientY - f.top - j.y) / O, Z), E && A) {
const F = V.findIndex((z) => z.id === A.id);
if (F >= 0) {
const z = Math.max(0, (r.clientX - f.left - C.x - j.x) / O), J = Math.max(0, (r.clientY - f.top - C.y - j.y) / O);
l(4, V[F].position.x = z, V), l(4, V[F].position.y = J, V), l(4, V = [...V]), (S == null ? void 0 : S.id) === A.id && l(11, S = Object.assign({}, V[F]));
}
}
Be(r);
}
function Ne() {
E = !1, A = null, l(8, oe = !1), l(9, Q = null), lt();
}
function Ce(r, f) {
r.stopPropagation(), l(8, oe = !0), l(9, Q = f);
}
function re(r, f) {
if (r.stopPropagation(), oe && Q && Q !== f && !B.find((z) => z.source === Q && z.target === f || z.source === f && z.target === Q)) {
const z = {
id: `e-${Q}-${f}-${Date.now()}`,
source: Q,
target: f
};
l(5, B = [...B, z]);
}
l(8, oe = !1), l(9, Q = null);
}
function pe(r) {
l(4, V = V.filter((f) => f.id !== r)), l(5, B = B.filter((f) => f.source !== r && f.target !== r)), (S == null ? void 0 : S.id) === r && l(11, S = null);
}
function Ue(r) {
l(5, B = B.filter((f) => f.id !== r));
}
function ie(r, f, F) {
const z = V.findIndex((J) => J.id === r);
if (z >= 0) {
const J = f.split(".");
let te = V[z].data;
for (let he = 0; he < J.length - 1; he++)
te[J[he]] || (te[J[he]] = {}), te = te[J[he]];
te[J[J.length - 1]] = F, l(4, V = [...V]), (S == null ? void 0 : S.id) === r && l(11, S = Object.assign({}, V[z]));
}
}
function at() {
l(12, fe = !fe);
}
function ue() {
l(13, ve = !ve);
}
function ut(r) {
for (const f of Object.values(_e))
if (f.components[r])
return f.components[r];
return { label: r, icon: "⚡", color: "#6b7280" };
}
ol(() => (document.addEventListener("mousemove", q), document.addEventListener("mouseup", Ne), () => {
document.removeEventListener("mousemove", q), document.removeEventListener("mouseup", Ne);
}));
function nt(r) {
rt.call(this, t, r);
}
function me(r) {
rt.call(this, t, r);
}
function ge(r) {
rt.call(this, t, r);
}
function Xe(r) {
rt.call(this, t, r);
}
function be(r) {
rt.call(this, t, r);
}
const Ye = (r, f, F) => ye(F, r, f);
function Ge() {
ae = this.value, l(14, ae);
}
const qe = (r) => Ue(r.id), st = (r) => Ue(r.id), We = (r, f) => f.id === r.source, ot = (r, f) => f.id === r.target, ct = (r) => pe(r.id), ne = (r, f, F) => ie(r.id, f.key, F.target.value), x = (r, f, F) => ie(r.id, f.key, Number(F.target.value)), Qe = (r, f, F) => ie(r.id, f.key, F.target.checked), dt = (r, f, F) => ie(r.id, f.key, F.target.value), $ = (r, f, F) => ie(r.id, f.key, F.target.value), ze = (r, f, F) => r.type === "object" && re(F, f.id), _t = (r, f, F) => (r.type === "string" || r.type === "list" || r.type === "file") && Ce(F, f.id), se = (r, f) => re(f, r.id), ee = (r, f) => Ce(f, r.id), w = (r, f) => re(f, r.id), M = (r, f) => Ce(f, r.id), H = (r, f) => He(f, r), Je = (r, f) => we(f, r);
function Ze(r) {
It[r ? "unshift" : "push"](() => {
h = r, l(6, h);
});
}
const mt = () => {
l(11, S = null);
};
function xe(r) {
It[r ? "unshift" : "push"](() => {
I = r, l(7, I);
});
}
const Ae = (r, f) => ie(S.id, r.key, f.target.value), yt = (r, f) => ie(S.id, r.key, Number(f.target.value)), ht = (r, f) => ie(S.id, r.key, f.target.checked), Ie = (r, f) => ie(S.id, r.key, f.target.value), it = (r, f) => ie(S.id, r.key, f.target.value);
return t.$$set = (r) => {
"value" in r && l(37, o = r.value), "elem_id" in r && l(0, s = r.elem_id), "elem_classes" in r && l(1, p = r.elem_classes), "visible" in r && l(2, u = r.visible), "min_width" in r && l(3, _ = r.min_width);
}, t.$$.update = () => {
if (t.$$.dirty[1] & /*value*/
64 && (!o || !o.nodes || o.nodes.length === 0) && l(37, o = K), t.$$.dirty[0] & /*nodes, edges*/
48 | t.$$.dirty[1] & /*value*/
64) {
const r = { nodes: V, edges: B };
JSON.stringify(r) !== JSON.stringify(o) && (l(37, o = r), g("change", r));
}
}, [
s,
p,
u,
_,
V,
B,
h,
I,
oe,
Q,
Z,
S,
fe,
ve,
ae,
O,
j,
_e,
Me,
Oe,
je,
et,
De,
tt,
Re,
ye,
pt,
He,
we,
Ce,
re,
pe,
Ue,
ie,
at,
ue,
ut,
o,
d,
c,
v,
nt,
me,
ge,
Xe,
be,
Ye,
Ge,
qe,
st,
We,
ot,
ct,
ne,
x,
Qe,
dt,
$,
ze,
_t,
se,
ee,
w,
M,
H,
Je,
Ze,
mt,
xe,
Ae,
yt,
ht,
Ie,
it
];
}
class Ml extends ll {
constructor(e) {
super(), al(
this,
e,
Dl,
Il,
nl,
{
value: 37,
elem_id: 0,
elem_classes: 1,
visible: 2,
container: 38,
scale: 39,
min_width: 3,
gradio: 40
},
null,
[-1, -1, -1, -1, -1]
);
}
get container() {
return this.$$.ctx[38];
}
get scale() {
return this.$$.ctx[39];
}
get gradio() {
return this.$$.ctx[40];
}
}
export {
Ml as default
};