@kestra-io/ui-libs 0.0.213 → 0.0.216

package/dist/kestra-index.es.js

@@ -1,6 +1,6 @@
 import js, { Document as zs, YAMLMap as pr } from "yaml";
 import { g as Up, e as Hp, d as Gp, r as Bp, a as Wp, f as mf, b as jp, c as zp, h as Kp, u as Yp, i as Xp, j as Zp, k as Jp, l as Qp, m as em, n as tm, s as nm, p as rm, o as im, q as am, t as gf, v as om, w as sm, x as Ks, y as Ys, z as lm, A as um, B as vn, C as vf, D as us, E as cm, F as Wn, G as dm, H as cs, I as ds, J as He, K as jn, L as zn, M as _n, N as Vt, O as fs, P as Kn, Q as hs, R as fm, S as _f, T as ps, U as hm, V as Ut, W as yf, X as pm, Y as Ef, Z as mm, _ as gm, $ as bf, a0 as ms, a1 as vm, a2 as _m, a3 as ym, a4 as Yn, a5 as Em, a6 as bm, a7 as Cm, a8 as wm, a9 as Sm, aa as km, ab as Cf, ac as Lm, ad as Tm, ae as Om } from "./FlowYamlUtils-B2iMnYvW.js";
-import { createElementBlock as L, openBlock as E, mergeProps as ae, createElementVNode as O, createCommentVNode as M, toDisplayString as z, getCurrentInstance as tn, inject as Nm, ref as ve, shallowRef as An, computed as ce, watch as st, onMounted as yn, onUnmounted as wf, defineComponent as Re, h as nn, createVNode as K, Text as dn, Fragment as Me, nextTick as Xn, onBeforeUnmount as Sf, renderSlot as ye, createTextVNode as Et, normalizeClass as ge, createBlock as ue, withCtx as te, normalizeStyle as fn, unref as W, toRef as Xs, resolveComponent as Rn, effectScope as Im, reactive as kf, resolveDynamicComponent as Ht, renderList as _t, createSlots as Lf, normalizeProps as Am, guardReactiveProps as Rm, withModifiers as Tf, withAsyncContext as Zs, toRaw as Dm, defineAsyncComponent as Pm, Comment as Mm, Suspense as $m } from "vue";
+import { createElementBlock as L, openBlock as E, mergeProps as ae, createElementVNode as O, createCommentVNode as M, toDisplayString as z, getCurrentInstance as tn, inject as Nm, ref as ge, shallowRef as An, computed as de, watch as st, onMounted as yn, onUnmounted as wf, defineComponent as Re, h as nn, createVNode as K, Text as dn, Fragment as Me, nextTick as Xn, onBeforeUnmount as Sf, renderSlot as ye, createTextVNode as Et, normalizeClass as ve, createBlock as ue, withCtx as te, normalizeStyle as fn, unref as W, toRef as Xs, resolveComponent as Rn, effectScope as Im, reactive as kf, resolveDynamicComponent as Ht, renderList as _t, createSlots as Lf, normalizeProps as Am, guardReactiveProps as Rm, withModifiers as Tf, withAsyncContext as Zs, toRaw as Dm, defineAsyncComponent as Pm, Comment as Mm, Suspense as $m } from "vue";
 import xm from "humanize-duration";
 import cn from "moment";
 import qm from "moment-timezone";
@@ -1229,7 +1229,7 @@ function Av(e, t, n, r, i, a) {
     ], 8, Ov))
   ], 16, Tv);
 }
-const Bl = /* @__PURE__ */ Q(Lv, [["render", Av]]), de = Object.freeze({
+const Bl = /* @__PURE__ */ Q(Lv, [["render", Av]]), ce = Object.freeze({
   CREATED: {
     name: "CREATED",
     color: "#1761FD",
@@ -1368,89 +1368,89 @@ const Bl = /* @__PURE__ */ Q(Lv, [["render", Av]]), de = Object.freeze({
 });
 class qe {
   static get CREATED() {
-    return de.CREATED.name;
+    return ce.CREATED.name;
   }
   static get RESTARTED() {
-    return de.RESTARTED.name;
+    return ce.RESTARTED.name;
   }
   static get SUCCESS() {
-    return de.SUCCESS.name;
+    return ce.SUCCESS.name;
   }
   static get RUNNING() {
-    return de.RUNNING.name;
+    return ce.RUNNING.name;
   }
   static get KILLING() {
-    return de.KILLING.name;
+    return ce.KILLING.name;
   }
   static get KILLED() {
-    return de.KILLED.name;
+    return ce.KILLED.name;
   }
   static get FAILED() {
-    return de.FAILED.name;
+    return ce.FAILED.name;
   }
   static get WARNING() {
-    return de.WARNING.name;
+    return ce.WARNING.name;
   }
   static get PAUSED() {
-    return de.PAUSED.name;
+    return ce.PAUSED.name;
   }
   static get CANCELLED() {
-    return de.CANCELLED.name;
+    return ce.CANCELLED.name;
   }
   static get QUEUED() {
-    return de.QUEUED.name;
+    return ce.QUEUED.name;
   }
   static get RETRYING() {
-    return de.RETRYING.name;
+    return ce.RETRYING.name;
   }
   static get RETRIED() {
-    return de.RETRIED.name;
+    return ce.RETRIED.name;
   }
   static get BREAKPOINT() {
-    return de.BREAKPOINT.name;
+    return ce.BREAKPOINT.name;
   }
   static isRunning(t) {
-    return de[t] && de[t].isRunning;
+    return ce[t] && ce[t].isRunning;
   }
   static isKillable(t) {
-    return de[t] && de[t].isKillable;
+    return ce[t] && ce[t].isKillable;
   }
   static isPaused(t) {
-    return de[t] && de[t] === de.PAUSED;
+    return ce[t] && ce[t] === ce.PAUSED;
   }
   static isFailed(t) {
-    return de[t] && de[t].isFailed;
+    return ce[t] && ce[t].isFailed;
   }
   static isQueued(t) {
-    return de[t] && de[t] === de.QUEUED;
+    return ce[t] && ce[t] === ce.QUEUED;
   }
   static allStates() {
-    return wn(de, (t) => ({
+    return wn(ce, (t) => ({
       key: t.name,
       icon: t.icon,
       color: ""
     }));
   }
   static arrayAllStates() {
-    return Object.values(de);
+    return Object.values(ce);
   }
   static colorClass() {
-    return wn(de, (t) => t.colorClass);
+    return wn(ce, (t) => t.colorClass);
   }
   static color() {
     return wn(
-      de,
+      ce,
       (t) => at("--bs-" + t.colorClass)
     );
   }
   static getStateColor(t) {
-    return de[t].color;
+    return ce[t].color;
   }
   static icon() {
-    return wn(de, (t) => t.icon);
+    return wn(ce, (t) => t.icon);
   }
   static getTerminatedStates() {
-    return Object.values(de).filter((t) => !t.isRunning).map((t) => t.name);
+    return Object.values(ce).filter((t) => !t.isRunning).map((t) => t.name);
   }
 }
 const Rv = {
@@ -7602,7 +7602,7 @@ const xE = /* @__NO_SIDE_EFFECTS__ */ () => {
   return e && (t = xh(e)[Kd]) ? { [Kd]: t } : null;
 };
 function qE(e = {}) {
-  const { __root: t, __injectWithOption: n } = e, r = t === void 0, i = e.flatJson, a = bt ? ve : An;
+  const { __root: t, __injectWithOption: n } = e, r = t === void 0, i = e.flatJson, a = bt ? ge : An;
   let o = Ie(e.inheritLocale) ? e.inheritLocale : !0;
   const s = a(
     // prettier-ignore
@@ -7648,17 +7648,17 @@ function qE(e = {}) {
       d.value
     ];
   }
-  const D = ce({
+  const D = de({
     get: () => s.value,
     set: (A) => {
       b.locale = A, s.value = A;
     }
-  }), B = ce({
+  }), B = de({
     get: () => l.value,
     set: (A) => {
       b.fallbackLocale = A, l.value = A, un(b, s.value, A);
     }
-  }), q = ce(() => c.value), Z = /* @__PURE__ */ ce(() => u.value), re = /* @__PURE__ */ ce(() => d.value);
+  }), q = de(() => c.value), Z = /* @__PURE__ */ de(() => u.value), re = /* @__PURE__ */ de(() => d.value);
   function V() {
     return we(g) ? g : null;
   }
@@ -8058,7 +8058,7 @@ const _e = /* @__PURE__ */ Re({
   setup(e) {
     let t;
     typeof document < "u" && (t = import("bootstrap"));
-    const n = e, r = ve(), i = ve(), a = ve();
+    const n = e, r = ge(), i = ge(), a = ge();
     return yn(async () => {
       Xn(async () => {
         const o = await t;
@@ -8103,22 +8103,22 @@ const _e = /* @__PURE__ */ Re({
     variable: {}
   },
   setup(e) {
-    const t = e, n = ce(() => `data:image/svg+xml;base64,${a.value}`), r = ce(() => ({
+    const t = e, n = de(() => `data:image/svg+xml;base64,${a.value}`), r = de(() => ({
       flowable: o.value ? o.value.flowable : !1
-    })), i = ce(() => ({
+    })), i = de(() => ({
       backgroundImage: `url(${n.value})`
-    })), a = ce(() => {
+    })), a = de(() => {
       let l = o.value && o.value.icon ? window.atob(o.value.icon) : void 0;
       l || (l = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="0.75em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 384 512"><path d="M288 32H0v448h384V128l-96-96zm64 416H32V64h224l96 96v288z" fill="currentColor"/></svg>');
       const c = document.getElementsByTagName("html")[0].className.indexOf("dark") >= 0;
       let u = at(c ? "--bs-gray-900" : "--bs-black") ?? "#FFFFFF";
       return t.theme && (u = (t.theme === "dark" ? at("--bs-gray-900") : at("--bs-black")) ?? u), t.variable && (u = at(t.variable) ?? u), l = l.replace(/currentColor/g, u), window.btoa(l);
-    }), o = ce(() => t.cls ? (t.icons || {})[s(t.cls)] : t.customIcon);
+    }), o = de(() => t.cls ? (t.icons || {})[s(t.cls)] : t.customIcon);
     function s(l) {
       return l.includes("$") ? l.substring(0, l.indexOf("$")) : l;
     }
     return (l, c) => (E(), L("div", {
-      class: ge([r.value, "wrapper"])
+      class: ve([r.value, "wrapper"])
     }, [
       l.onlyIcon ? (E(), L("div", {
         key: 1,
@@ -8243,7 +8243,7 @@ const sb = /* @__PURE__ */ Q(tb, [["render", ob]]), lb = { class: "dependency-te
     j.MOUSE_LEAVE
   ],
   setup(e, { emit: t }) {
-    const n = t, { t: r } = sr(), i = ce(() => window.btoa(`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
+    const n = t, { t: r } = sr(), i = de(() => window.btoa(`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M4.34546 9.63757C4.74074 10.5277 5.31782 11.3221 6.03835 11.9681L7.03434 10.8209C6.4739 10.3185 6.02504 9.70059 5.71758 9.00824C5.41012 8.3159 5.25111 7.56496 5.25111 6.80532C5.25111 6.04568 5.41012 5.29475 5.71758 4.6024C6.02504 3.91006 6.4739 3.29216 7.03434 2.78977L6.03835 1.64258C5.31782 2.28851 4.74074 3.08293 4.34546 3.97307C3.95019 4.86321 3.74575 5.82867 3.74575 6.80532C3.74575 7.78197 3.95019 8.74744 4.34546 9.63757ZM16.955 4.38931C17.4802 3.97411 18.1261 3.74777 18.7913 3.74576C19.5894 3.74576 20.3547 4.06807 20.919 4.64177C21.4833 5.21548 21.8004 5.9936 21.8004 6.80494C21.8004 7.61628 21.4833 8.3944 20.919 8.96811C20.3547 9.54181 19.5894 9.86412 18.7913 9.86412C18.2559 9.86126 17.7312 9.71144 17.2725 9.43048L12.3325 14.4529L11.2688 13.3715L16.2088 8.34906C16.0668 8.10583 15.9592 7.84348 15.8891 7.56973H11.2688V6.04014H15.8891C16.055 5.38511 16.4298 4.80451 16.955 4.38931ZM17.9555 8.07674C18.2029 8.24482 18.4938 8.33453 18.7913 8.33453C19.1902 8.33412 19.5727 8.17284 19.8548 7.88607C20.1368 7.59931 20.2955 7.21049 20.2959 6.80494C20.2959 6.50241 20.2076 6.20668 20.0423 5.95514C19.877 5.70361 19.642 5.50756 19.3671 5.39178C19.0922 5.27601 18.7897 5.24572 18.4978 5.30474C18.206 5.36376 17.9379 5.50944 17.7275 5.72336C17.5171 5.93727 17.3738 6.20982 17.3157 6.50653C17.2577 6.80324 17.2875 7.11079 17.4014 7.39029C17.5152 7.66978 17.7081 7.90867 17.9555 8.07674ZM3.74621 15.2177V16.7473H7.19606L2.2417 21.7842L3.30539 22.8656L8.25975 17.8287V21.336H9.76427V15.2177H3.74621ZM15.7823 18.2769H12.7733V19.8064H15.7823V22.1008H21.8004V15.9825H15.7823V18.2769ZM17.2868 20.5712V17.5121H20.2959V20.5712H17.2868ZM8.02885 9.67292C7.62863 9.31407 7.30809 8.87275 7.08853 8.37827C6.86897 7.88378 6.75542 7.34747 6.75542 6.80494C6.75542 6.26241 6.86897 5.72609 7.08853 5.23161C7.30809 4.73713 7.62863 4.29581 8.02885 3.93696L9.02484 5.08415C8.78458 5.29946 8.59215 5.5643 8.46034 5.86106C8.32853 6.15782 8.26035 6.47971 8.26035 6.80532C8.26035 7.13094 8.32853 7.45282 8.46034 7.74958C8.59215 8.04634 8.78458 8.31118 9.02484 8.52649L8.02885 9.67292Z" fill="white"/>
 </svg>`));
     return (a, o) => (E(), L(Me, null, [
@@ -8252,7 +8252,7 @@ const sb = /* @__PURE__ */ Q(tb, [["render", ob]]), lb = { class: "dependency-te
         position: e.sourcePosition
       }, null, 8, ["position"]),
       O("div", {
-        class: ge([[`border-${e.data.color}`], "dependency-node-wrapper rounded-3 border"])
+        class: ve([[`border-${e.data.color}`], "dependency-node-wrapper rounded-3 border"])
       }, [
         K(Vh, {
           "custom-icon": { icon: i.value },
@@ -8285,7 +8285,7 @@ const sb = /* @__PURE__ */ Q(tb, [["render", ob]]), lb = { class: "dependency-te
           ye(a.$slots, "badge-button-before", {}, void 0, !0),
           e.data.link ? (E(), L("span", {
             key: 0,
-            class: ge(["circle-button", [`bg-${e.data.color}`]]),
+            class: ve(["circle-button", [`bg-${e.data.color}`]]),
             onClick: o[0] || (o[0] = (s) => a.$emit(W(j).OPEN_LINK, e.data))
           }, [
             K(_e, {
@@ -8302,7 +8302,7 @@ const sb = /* @__PURE__ */ Q(tb, [["render", ob]]), lb = { class: "dependency-te
           ], 2)) : M("", !0),
           e.data.expandEnabled ? (E(), L("span", {
             key: 1,
-            class: ge(["circle-button", [`bg-${e.data.color}`]]),
+            class: ve(["circle-button", [`bg-${e.data.color}`]]),
             onClick: o[1] || (o[1] = (s) => n(W(j).EXPAND_DEPENDENCIES, e.data))
           }, [
             K(_e, {
@@ -8366,7 +8366,7 @@ const hb = {
     offset: { default: 2 }
   },
   setup(e) {
-    const { id: t, viewport: n } = Mt(), r = ce(() => {
+    const { id: t, viewport: n } = Mt(), r = de(() => {
       const [o, s] = Array.isArray(e.gap) ? e.gap : [e.gap, e.gap], l = [o * n.value.zoom || 1, s * n.value.zoom || 1], c = e.size * n.value.zoom, u = e.variant === mt.Dots ? [c / e.offset, c / e.offset] : [l[0] / e.offset, l[1] / e.offset];
       return {
         scaledGap: l,
@@ -8508,15 +8508,15 @@ const Lb = /* @__PURE__ */ Q(Eb, [["render", kb]]), Tb = { class: "top-button-di
       r(j.COLLAPSE, n.id);
     };
     return (a, o) => (E(), L("div", {
-      class: ge(a.classes)
+      class: ve(a.classes)
     }, [
       O("span", {
-        class: ge(["badge rounded-pill text-truncate text-color position-reliative", [`bg-${e.data.color}`]])
+        class: ve(["badge rounded-pill text-truncate text-color position-reliative", [`bg-${e.data.color}`]])
       }, z(a.clusterName), 3),
       O("div", Tb, [
         e.data.collapsable ? (E(), L("span", {
           key: 0,
-          class: ge(["circle-button", [`bg-${e.data.color}`]]),
+          class: ve(["circle-button", [`bg-${e.data.color}`]]),
           onClick: o[0] || (o[0] = (s) => i())
         }, [
           K(_e, {
@@ -8605,7 +8605,7 @@ const Gh = /* @__PURE__ */ Q(Ab, [["render", $b]]), xb = {
 }, qb = /* @__PURE__ */ Object.assign(xb, {
   setup(e) {
     return (t, n) => (E(), L("div", {
-      class: ge(t.classes)
+      class: ve(t.classes)
     }, [
       K(W(Ze), {
         type: "source",
@@ -8613,10 +8613,10 @@ const Gh = /* @__PURE__ */ Q(Ab, [["render", $b]]), xb = {
         position: e.sourcePosition
       }, null, 8, ["position"]),
       O("div", {
-        class: ge(["dot", t.classes])
+        class: ve(["dot", t.classes])
       }, [
         K(Gh, {
-          class: ge([{ "text-danger": e.data.node.branchType === "ERROR" }, "circle"]),
+          class: ve([{ "text-danger": e.data.node.branchType === "ERROR" }, "circle"]),
           alt: "circle"
         }, null, 8, ["class"])
       ], 2),
@@ -8749,7 +8749,7 @@ const jb = /* @__PURE__ */ Q(Vb, [["render", Wb]]), zb = { class: "add-task-div
   },
   setup(e) {
     return {
-      path: ce(() => Um(e))
+      path: de(() => Um(e))
     };
   },
   inheritAttrs: !1
@@ -8759,7 +8759,7 @@ function Jb(e, t, n, r, i, a) {
   return E(), L(Me, null, [
     O("path", {
       id: n.id,
-      class: ge(a.classes),
+      class: ve(a.classes),
       style: fn(n.data.haveDashArray ? {
         strokeDasharray: "2"
       } : {}),
@@ -8781,7 +8781,7 @@ function Jb(e, t, n, r, i, a) {
                 key: 0,
                 "add-task": !0,
                 onClick: t[0] || (t[0] = (c) => e.$emit(a.EVENTS.ADD_TASK, n.data.haveAdd)),
-                class: ge({ "text-danger": n.data.color })
+                class: ve({ "text-danger": n.data.color })
               }, null, 8, ["class"])) : M("", !0)
             ]),
             _: 1
@@ -8912,7 +8912,7 @@ function Ms(e, t, n) {
   var a = e._wrappedGetters, o = {}, s = {}, l = Im(!0);
   l.run(function() {
     Bt(a, function(c, u) {
-      o[u] = p0(c, e), s[u] = ce(function() {
+      o[u] = p0(c, e), s[u] = de(function() {
         return o[u]();
       }), Object.defineProperty(e.getters, u, {
         get: function() {
@@ -9706,18 +9706,18 @@ const A0 = { class: "icon rounded" }, R0 = { class: "node-content" }, D0 = { cla
   __name: "BasicNode",
   setup(e) {
     return (t, n) => (E(), L("div", {
-      class: ge([t.classes, "node-wrapper rounded-3 border"]),
+      class: ve([t.classes, "node-wrapper rounded-3 border"]),
       onMouseover: n[3] || (n[3] = (...r) => t.mouseover && t.mouseover(...r)),
       onMouseleave: n[4] || (n[4] = (...r) => t.mouseleave && t.mouseleave(...r))
     }, [
       e.state ? (E(), L("div", {
         key: 0,
-        class: ge(["status-div", [`bg-${t.stateColor}`]])
+        class: ve(["status-div", [`bg-${t.stateColor}`]])
       }, null, 2)) : M("", !0),
       O("div", A0, [
         (E(), ue(Ht(e.iconComponent || Vh), {
           cls: t.cls,
-          class: ge([t.taskIconBg, "rounded bg-white"]),
+          class: ve([t.taskIconBg, "rounded bg-white"]),
           theme: "light",
           icons: e.icons
         }, null, 8, ["cls", "class", "icons"]))
@@ -9753,7 +9753,7 @@ const A0 = { class: "icon rounded" }, R0 = { class: "node-content" }, D0 = { cla
         ye(t.$slots, "badge-button-before", {}, void 0, !0),
         e.data.link ? (E(), L("span", {
           key: 0,
-          class: ge(["circle-button", [`bg-${e.data.color}`]]),
+          class: ve(["circle-button", [`bg-${e.data.color}`]]),
           onClick: n[1] || (n[1] = (r) => t.$emit(W(j).OPEN_LINK, { link: e.data.link }))
         }, [
           K(_e, {
@@ -9770,7 +9770,7 @@ const A0 = { class: "icon rounded" }, R0 = { class: "node-content" }, D0 = { cla
         ], 2)) : M("", !0),
         t.expandable ? (E(), L("span", {
           key: 1,
-          class: ge(["circle-button", [`bg-${e.data.color}`]]),
+          class: ve(["circle-button", [`bg-${e.data.color}`]]),
           onClick: n[2] || (n[2] = (r) => t.$emit(W(j).EXPAND))
         }, [
           K(_e, {
@@ -9802,14 +9802,14 @@ const A0 = { class: "icon rounded" }, R0 = { class: "node-content" }, D0 = { cla
         w[0].date !== h[0].date && s();
       }
     );
-    const n = ve(""), r = ve();
+    const n = ge(""), r = ge();
     yn(() => {
       s();
     });
-    const i = ce(() => {
+    const i = de(() => {
       var h;
       return ((h = t.histories) == null ? void 0 : h.length) && new Date(t.histories[0].date.toString()).getTime();
-    }), a = ce(() => t.histories[t.histories.length - 1]), o = ce(() => t.histories.filter((h) => h.date.isValid() && h.date && h.state));
+    }), a = de(() => t.histories[t.histories.length - 1]), o = de(() => t.histories.filter((h) => h.date.isValid() && h.date && h.state));
     function s() {
       r.value || (r.value = setInterval(() => {
         d(), t.histories && !qe.isRunning(a.value.state) && l();
@@ -9841,7 +9841,7 @@ const A0 = { class: "icon rounded" }, R0 = { class: "node-content" }, D0 = { cla
           class: "ks-duration-tt"
         }, [
           O("span", {
-            class: ge(["ks-duration-tt-square", f(_.state)])
+            class: ve(["ks-duration-tt-square", f(_.state)])
           }, null, 2),
           O("strong", null, z(_.state) + ": ", 1),
           Et(z(W(Ae).dateFilter(_.date.toString(), "iso")) + " ", 1),
@@ -9867,12 +9867,12 @@ const A0 = { class: "icon rounded" }, R0 = { class: "node-content" }, D0 = { cla
     task: {}
   },
   setup(e) {
-    const t = e, n = ce(() => {
+    const t = e, n = de(() => {
       var o;
       return (o = t.execution) != null && o.taskRunList ? t.execution.taskRunList : [];
-    }), r = ce(() => n.value.filter(
+    }), r = de(() => n.value.filter(
       (o) => o.taskId === Ae.afterLastDot(t.uid ?? "")
-    )), i = ce(() => {
+    )), i = de(() => {
       if (!r.value)
         return null;
       if (r.value.length === 1)
@@ -9891,7 +9891,7 @@ const A0 = { class: "icon rounded" }, R0 = { class: "node-content" }, D0 = { cla
         const u = s.indexOf(c[1]);
         return s[u] = void 0, [u, c];
       }).sort().map((c) => c[1])[0];
-    }), a = ce(() => {
+    }), a = de(() => {
       if (!r.value)
         return;
       const o = Math.max(
@@ -10259,7 +10259,7 @@ const up = /* @__PURE__ */ Q(gC, [["render", bC]]), CC = {
         id: e.id,
         data: t.dataWithLink,
         state: t.state,
-        class: ge(t.classes),
+        class: ve(t.classes),
         icons: e.icons,
         "icon-component": e.iconComponent,
         onShowDescription: n[5] || (n[5] = (r) => t.forwardEvent(W(j).SHOW_DESCRIPTION, r)),
@@ -10280,7 +10280,7 @@ const up = /* @__PURE__ */ Q(gC, [["render", bC]]), CC = {
         "badge-button-before": te(() => [
           e.data.node.task && e.data.node.task.runIf ? (E(), L("span", {
             key: 0,
-            class: ge(["circle-button", ["bg-warning"]]),
+            class: ve(["circle-button", ["bg-warning"]]),
             onClick: n[0] || (n[0] = (r) => t.$emit(W(j).SHOW_CONDITION, { id: t.taskId, task: e.data.node.task, section: W(Nt).TASKS }))
           }, [
             K(_e, {
@@ -10297,7 +10297,7 @@ const up = /* @__PURE__ */ Q(gC, [["render", bC]]), CC = {
           ])) : M("", !0),
           t.taskExecution ? (E(), L("span", {
             key: 1,
-            class: ge(["circle-button", [`bg-${t.color}`]]),
+            class: ve(["circle-button", [`bg-${t.color}`]]),
             onClick: n[1] || (n[1] = (r) => t.$emit(W(j).SHOW_LOGS, { id: t.taskId, execution: t.taskExecution, taskRuns: t.taskRuns }))
           }, [
             K(_e, {
@@ -10314,7 +10314,7 @@ const up = /* @__PURE__ */ Q(gC, [["render", bC]]), CC = {
           ], 2)) : M("", !0),
           !t.taskExecution && !e.data.isReadOnly && e.data.isFlowable ? (E(), L("span", {
             key: 2,
-            class: ge(["circle-button", [`bg-${t.color}`]]),
+            class: ve(["circle-button", [`bg-${t.color}`]]),
             onClick: n[2] || (n[2] = (r) => t.$emit(W(j).ADD_ERROR, { task: e.data.node.task }))
           }, [
             K(_e, {
@@ -10331,7 +10331,7 @@ const up = /* @__PURE__ */ Q(gC, [["render", bC]]), CC = {
           ], 2)) : M("", !0),
           !t.taskExecution && !e.data.isReadOnly ? (E(), L("span", {
             key: 3,
-            class: ge(["circle-button", [`bg-${t.color}`]]),
+            class: ve(["circle-button", [`bg-${t.color}`]]),
             onClick: n[3] || (n[3] = (r) => t.$emit(W(j).EDIT, { task: e.data.node.task, section: W(Nt).TASKS }))
           }, [
             K(_e, {
@@ -10348,7 +10348,7 @@ const up = /* @__PURE__ */ Q(gC, [["render", bC]]), CC = {
           ], 2)) : M("", !0),
           !t.taskExecution && !e.data.isReadOnly ? (E(), L("span", {
             key: 4,
-            class: ge(["circle-button", [`bg-${t.color}`]]),
+            class: ve(["circle-button", [`bg-${t.color}`]]),
             onClick: n[4] || (n[4] = (r) => t.$emit(W(j).DELETE, { id: t.taskId, section: W(Nt).TASKS }))
           }, [
             K(_e, {
@@ -10460,7 +10460,7 @@ const up = /* @__PURE__ */ Q(gC, [["render", bC]]), CC = {
           fn: te(() => [
             t.execution ? M("", !0) : (E(), L("span", {
               key: 0,
-              class: ge(["circle-button", [`bg-${t.color}`]]),
+              class: ve(["circle-button", [`bg-${t.color}`]]),
               onClick: n[0] || (n[0] = (r) => t.$emit(W(j).EDIT, { task: e.data.node.triggerDeclaration, section: W(Nt).TRIGGERS }))
             }, [
               K(_e, {
@@ -10477,7 +10477,7 @@ const up = /* @__PURE__ */ Q(gC, [["render", bC]]), CC = {
             ], 2)),
             t.execution ? M("", !0) : (E(), L("span", {
               key: 1,
-              class: ge(["circle-button", [`bg-${t.color}`]]),
+              class: ve(["circle-button", [`bg-${t.color}`]]),
               onClick: n[1] || (n[1] = (r) => t.$emit(W(j).DELETE, { id: t.triggerId, section: W(Nt).TRIGGERS }))
             }, [
               K(_e, {
@@ -10597,7 +10597,7 @@ const RC = /* @__PURE__ */ Q(LC, [["render", AC]]), DC = { class: "collapsed-clu
         O("span", PC, [
           e.data.iconComponent ? (E(), ue(Ht(e.data.iconComponent), {
             key: 0,
-            class: ge(`text-${e.data.color} me-2`)
+            class: ve(`text-${e.data.color} me-2`)
           }, null, 8, ["class"])) : M("", !0),
           Et(" " + z(W(Ae).afterLastDot(e.id)), 1)
         ]),
@@ -10605,7 +10605,7 @@ const RC = /* @__PURE__ */ Q(LC, [["render", AC]]), DC = { class: "collapsed-clu
           ye(t.$slots, "badge-button-before", {}, void 0, !0),
           t.expandable ? (E(), L("span", {
             key: 0,
-            class: ge(["circle-button", [`bg-${e.data.color}`]]),
+            class: ve(["circle-button", [`bg-${e.data.color}`]]),
             onClick: n[0] || (n[0] = (r) => t.$emit(W(j).EXPAND, { id: e.id }))
           }, [
             K(_e, {
@@ -11178,7 +11178,7 @@ async function Ww(e, t = {}) {
   return (await gp(e, t)).toDataURL("image/jpeg", t.quality || 1);
 }
 function jw() {
-  const e = ve(""), t = ve("png"), n = ve();
+  const e = ge(""), t = ge("png"), n = ge();
   async function r(s, l = {}) {
     let c;
     const u = l.fileName ?? `vue-flow-screenshot-${Date.now()}`;
@@ -11294,7 +11294,7 @@ const zw = {
     j.SHOW_CONDITION
   ],
   setup(e, { emit: t }) {
-    const n = e, r = ve(!1), i = ve(), { getNodes: a, onNodeDrag: o, onNodeDragStart: s, onNodeDragStop: l, fitView: c, setElements: u, vueFlowRef: d } = Mt(n.id), f = ve({}), h = ve([]), w = ve(/* @__PURE__ */ new Set()), _ = ve([]), { capture: v } = jw(), p = t;
+    const n = e, r = ge(!1), i = ge(), { getNodes: a, onNodeDrag: o, onNodeDragStart: s, onNodeDragStop: l, fitView: c, setElements: u, vueFlowRef: d } = Mt(n.id), f = ge({}), h = ge([]), w = ge(/* @__PURE__ */ new Set()), _ = ge([]), { capture: v } = jw(), p = t;
     yn(() => {
       g();
     }), st(() => n.flowGraph, () => {
@@ -11364,7 +11364,7 @@ const zw = {
         V.node.position = i.value;
       C(), V.node.style = { ...V.node.style, zIndex: 5 }, i.value = null;
     });
-    const S = ce(() => {
+    const S = de(() => {
       var V;
       return (V = n.flowGraph) != null && V.clusters ? n.flowGraph.clusters.filter((P) => P.cluster.type.endsWith("SubflowGraphCluster")).map((P) => P.cluster.taskNode.uid + ".") : [];
     });
@@ -11416,7 +11416,7 @@ const zw = {
         return;
       }
       f.value = {}, h.value = [], _.value = [], w.value.delete(V.id), w.value.forEach((ie) => N(ie, !1, !1)), g();
-    }, D = document.getElementsByTagName("html")[0].className.indexOf("dark") >= 0, B = ve(!0), q = ve(!1), Z = () => q.value = !q.value;
+    }, D = document.getElementsByTagName("html")[0].className.indexOf("dark") >= 0, B = ge(!0), q = ge(!1), Z = () => q.value = !q.value;
     function re(V) {
       if (!d.value) {
         console.warn("Flow not found");
@@ -11617,7 +11617,7 @@ const l2 = /* @__PURE__ */ Q(n2, [["render", s2]]), u2 = {
     const t = {
       ContentCopy: An(l2),
       Check: An(t2)
-    }, n = e, r = ve(!1), i = ve(), a = An(t.ContentCopy.value), o = ve(), s = ve(), l = ce(() => n.highlighter.codeToHtml(n.code, {
+    }, n = e, r = ge(!1), i = ge(), a = An(t.ContentCopy.value), o = ge(), s = ge(), l = de(() => n.highlighter.codeToHtml(n.code, {
       lang: n.language,
       theme: n.theme
     }));
@@ -11753,32 +11753,30 @@ const k2 = /* @__PURE__ */ Q(y2, [["render", S2]]), L2 = ["id", "open"], T2 = {
   },
   emits: ["expand"],
   setup(e, { emit: t }) {
-    const n = e, r = ve(!0), i = gs(), a = Wm(), o = ce(() => `#${n.href}-body`), s = () => {
-      r.value = !r.value, a.replace({
-        hash: r.value ? "" : o.value
+    const n = e, r = ge(!0), i = gs(), a = Wm(), o = t, s = de(() => `#${n.href}-body`), l = () => {
+      r.value = !r.value, r.value || o("expand"), a.replace({
+        hash: r.value ? "" : s.value
       });
-    }, l = t;
-    st(
-      () => i.hash,
+    }, c = ge(!1);
+    return st(
+      () => n.initiallyExpanded,
       (u) => {
-        u === o.value && (r.value = !1, l("expand"));
+        u !== void 0 && (c.value = u, r.value = !u);
       },
       { immediate: !0 }
-    );
-    const c = ce(() => n.initiallyExpanded || i.hash === o.value);
-    return st(
-      () => n.initiallyExpanded,
+    ), st(
+      () => i.hash,
       (u) => {
-        u !== void 0 && (r.value = !u);
+        u === s.value && r.value && (c.value = !0, r.value = !1);
       },
       { immediate: !0 }
     ), (u, d) => (E(), L("details", {
       id: u.href,
-      onClick: s,
       open: c.value
     }, [
       O("summary", {
-        class: ge(["d-flex align-items-center justify-content-between fw-bold gap-2 collapse-button", { collapsed: r.value }])
+        class: ve(["d-flex align-items-center justify-content-between fw-bold gap-2 collapse-button", { collapsed: r.value }]),
+        onClick: l
       }, [
         O("span", T2, [
           u.arrow ? (E(), ue(Ht(r.value ? _2 : k2), {
@@ -11802,7 +11800,7 @@ const k2 = /* @__PURE__ */ Q(y2, [["render", S2]]), L2 = ["id", "open"], T2 = {
       ], 8, N2)) : M("", !0)
     ], 8, L2));
   }
-}), Hn = /* @__PURE__ */ Q(I2, [["__scopeId", "data-v-2304f89e"]]);
+}), Hn = /* @__PURE__ */ Q(I2, [["__scopeId", "data-v-432d4837"]]);
 function Nn(e) {
   if (e.type)
     return e.type;
@@ -11991,7 +11989,7 @@ const Ep = /* @__PURE__ */ Q(Q2, [["render", iS]]), aS = { class: "me-3" }, oS =
     type: {}
   },
   setup(e) {
-    const t = e, n = ce(() => {
+    const t = e, n = de(() => {
       switch (t.type) {
         case "success":
           return J2;
@@ -12006,7 +12004,7 @@ const Ep = /* @__PURE__ */ Q(Q2, [["render", iS]]), aS = { class: "me-3" }, oS =
       }
     });
     return (r, i) => (E(), L("div", {
-      class: ge("doc-alert alert alert-" + r.type),
+      class: ve("doc-alert alert alert-" + r.type),
       role: "alert"
     }, [
       O("div", aS, [
@@ -12026,7 +12024,7 @@ const Ep = /* @__PURE__ */ Q(Q2, [["render", iS]]), aS = { class: "me-3" }, oS =
     property: {}
   },
   setup(e) {
-    const t = e, n = ve(_p(t.property).subType), r = ve(A2(t.property)), i = (a) => a.replaceAll(/(```)(?:bash|yaml|js|console|json)(\n) *([\s\S]*?```)/g, "$1$2$3").replaceAll(new RegExp("(?<!:):(?![: /])", "g"), ": ");
+    const t = e, n = ge(_p(t.property).subType), r = ge(A2(t.property)), i = (a) => a.replaceAll(/(```)(?:bash|yaml|js|console|json)(\n) *([\s\S]*?```)/g, "$1$2$3").replaceAll(new RegExp("(?<!:):(?![: /])", "g"), ": ");
     return (a, o) => (E(), L("div", uS, [
       n.value ? (E(), L("div", cS, [
         o[1] || (o[1] = O("span", null, " SubType ", -1)),
@@ -12249,7 +12247,7 @@ const fk = /* @__PURE__ */ Q(ok, [["render", dk]]), hk = { class: "border overfl
   },
   emits: ["expand"],
   setup(e, { emit: t }) {
-    const n = t, r = ve(!1);
+    const n = t, r = ge(!1);
     st(
       r,
       (o) => {
@@ -12390,7 +12388,7 @@ const fk = /* @__PURE__ */ Q(ok, [["render", dk]]), hk = { class: "border overfl
   },
   async setup(e) {
     let t, n;
-    const r = e, i = ve(!1), a = ve(/* @__PURE__ */ new Set()), o = ve(0), s = async () => {
+    const r = e, i = ge(!1), a = ge(/* @__PURE__ */ new Set()), o = ge(0), s = async () => {
       var S;
       const m = window.location.hash.slice(1);
       if (!m || !r.schema.definitions) {
@@ -12417,10 +12415,10 @@ const fk = /* @__PURE__ */ Q(ok, [["render", dk]]), hk = { class: "border overfl
       return m != null && m.full ? m.code : `id: "${(C = r.pluginType.split(".").reverse()[0]) == null ? void 0 : C.toLowerCase()}"
 type: "${r.pluginType}"
 `.concat(m.code);
-    }, c = ve(null), u = ce(() => {
+    }, c = ge(null), u = de(() => {
       var m;
       return (m = r.schema.properties) == null ? void 0 : m.$examples;
-    }), d = ce(() => {
+    }), d = de(() => {
       var m, C;
       return Object.fromEntries(
         (C = (m = r.schema.properties) == null ? void 0 : m.$metrics) == null ? void 0 : C.map((S) => [S.name, { ...S, name: void 0 }])
@@ -12639,7 +12637,7 @@ const Uk = /* @__PURE__ */ Q(Mk, [["render", Vk]]), Hk = ["href"], Gk = ["src",
     href: {}
   },
   setup(e) {
-    const t = e, { path: n } = gs(), r = ce(() => t.href === void 0 ? `${n}/${Jt(t.text)}` : t.href);
+    const t = e, { path: n } = gs(), r = de(() => t.href === void 0 ? `${n}/${Jt(t.text)}` : t.href);
     return (i, a) => (E(), L("a", {
       href: r.value,
       class: "row-link d-flex flex-grow-1 align-items-center gap-7 rounded"
@@ -12665,10 +12663,10 @@ const Uk = /* @__PURE__ */ Q(Mk, [["render", Vk]]), Hk = ["href"], Gk = ["src",
   },
   emits: ["goTo"],
   setup(e) {
-    const t = e, n = ce(() => t.plugins.find((d) => t.subGroup === void 0 ? !0 : Jt(ln(d)) === t.subGroup)), r = ce(() => {
+    const t = e, n = de(() => t.plugins.find((d) => t.subGroup === void 0 ? !0 : Jt(ln(d)) === t.subGroup)), r = de(() => {
       var d, f;
       return ((d = n.value) == null ? void 0 : d.longDescription) ?? ((f = n.value) == null ? void 0 : f.description);
-    }), i = ce(() => t.plugins.filter((d) => d.name.toLowerCase() === t.pluginName.toLowerCase() && d.subGroup !== void 0)), a = (d) => {
+    }), i = de(() => t.plugins.filter((d) => d.name.toLowerCase() === t.pluginName.toLowerCase() && d.subGroup !== void 0)), a = (d) => {
       let f = d.split(".");
       return f == null ? void 0 : f[f.length - 1];
     }, { path: o } = gs(), s = (d) => `${o}/${Jt(d)}`, l = (d) => `${o}/${d}`;
@@ -12677,7 +12675,7 @@ const Uk = /* @__PURE__ */ Q(Mk, [["render", Vk]]), Hk = ["href"], Gk = ["src",
         Object.entries(d).filter(([f, h]) => P_(f, h)).map(([f, h]) => [f.replaceAll(/[A-Z]/g, (w) => ` ${w}`), h])
       );
     }
-    const u = ce(() => c(n.value));
+    const u = de(() => c(n.value));
     return (d, f) => (E(), L("div", Wk, [
       r.value !== void 0 ? ye(d.$slots, "markdown", {
         key: 0,
@@ -14175,7 +14173,7 @@ const ss = "default", Mp = /^@|^v-on:/, $p = /^:|^v-bind:/, _L = /^v-model/, yL
       ...((h = i == null ? void 0 : i.components) == null ? void 0 : h.map) || {},
       ...Dm(((_ = (w = e.data) == null ? void 0 : w.mdc) == null ? void 0 : _.components) || {}),
       ...e.components
-    }, o = ce(() => {
+    }, o = de(() => {
       var p;
       const v = (((p = e.body) == null ? void 0 : p.children) || []).map((g) => g.tag || g.type).filter((g) => !Gs.includes(g));
       return Array.from(new Set(v)).sort().join(".");
@@ -14398,7 +14396,7 @@ export {
   kt as NODE_SIZES,
   tT as PluginIndex,
   Nt as SECTIONS,
-  de as STATES,
+  ce as STATES,
   eT as SchemaToHtml,
   qe as State,
   Vh as TaskIcon,