@kestra-io/ui-libs 0.0.228 → 0.0.230

package/dist/kestra-vueflowutils.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vue-flow/core");const e=require("./VueFlowUtils-dC12uRkV.cjs");require("./FlowYamlUtils-DvtepVr2.cjs");exports.areTasksIdenticalInGraphUntilTask=e.areTasksIdenticalInGraphUntilTask;exports.cleanGraph=e.cleanGraph;exports.computeClusterColor=e.computeClusterColor;exports.default=e.VueFlowUtils;exports.flowHaveTasks=e.flowHaveTasks;exports.generateDagreGraph=e.generateDagreGraph;exports.generateGraph=e.generateGraph;exports.getEdgeColor=e.getEdgeColor;exports.getNextTaskNodes=e.getNextTaskNodes;exports.getNodeHeight=e.getNodeHeight;exports.getNodePosition=e.getNodePosition;exports.getNodeWidth=e.getNodeWidth;exports.getRootNodes=e.getRootNodes;exports.getTargetNodesEdges=e.getTargetNodesEdges;exports.haveAdd=e.haveAdd;exports.isClusterRootOrEnd=e.isClusterRootOrEnd;exports.isCollapsedCluster=e.isCollapsedCluster;exports.isExpandableTask=e.isExpandableTask;exports.isTaskNode=e.isTaskNode;exports.isTriggerNode=e.isTriggerNode;exports.linkedElements=e.linkedElements;exports.nodeColor=e.nodeColor;exports.predecessorsEdge=e.predecessorsEdge;exports.predecessorsNode=e.predecessorsNode;exports.replaceIfCollapsed=e.replaceIfCollapsed;exports.successorsEdge=e.successorsEdge;exports.successorsNode=e.successorsNode;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vue-flow/core");const e=require("./VueFlowUtils-BhTB7zMW.cjs");require("./FlowYamlUtils-DvtepVr2.cjs");exports.areTasksIdenticalInGraphUntilTask=e.areTasksIdenticalInGraphUntilTask;exports.cleanGraph=e.cleanGraph;exports.computeClusterColor=e.computeClusterColor;exports.default=e.VueFlowUtils;exports.flowHaveTasks=e.flowHaveTasks;exports.generateDagreGraph=e.generateDagreGraph;exports.generateGraph=e.generateGraph;exports.getEdgeColor=e.getEdgeColor;exports.getNextTaskNodes=e.getNextTaskNodes;exports.getNodeHeight=e.getNodeHeight;exports.getNodePosition=e.getNodePosition;exports.getNodeWidth=e.getNodeWidth;exports.getRootNodes=e.getRootNodes;exports.getTargetNodesEdges=e.getTargetNodesEdges;exports.haveAdd=e.haveAdd;exports.isClusterRootOrEnd=e.isClusterRootOrEnd;exports.isCollapsedCluster=e.isCollapsedCluster;exports.isExpandableTask=e.isExpandableTask;exports.isTaskNode=e.isTaskNode;exports.isTriggerNode=e.isTriggerNode;exports.linkedElements=e.linkedElements;exports.nodeColor=e.nodeColor;exports.predecessorsEdge=e.predecessorsEdge;exports.predecessorsNode=e.predecessorsNode;exports.replaceIfCollapsed=e.replaceIfCollapsed;exports.successorsEdge=e.successorsEdge;exports.successorsNode=e.successorsNode;
 //# sourceMappingURL=kestra-vueflowutils.cjs.js.map

package/dist/kestra-vueflowutils.es.js

@@ -1,5 +1,5 @@
 import "@vue-flow/core";
-import { I as r, c as t, B as d, V as l, w as g, k as i, g as p, z as n, H as c, o as N, m as h, n as k, F as u, G as C, y as T, A as E, u as m, D as G, q as f, t as x, l as I, x as v, p as H, i as w, v as A, h as D, j as R } from "./VueFlowUtils-8xjnZl4e.js";
+import { L as r, c as t, G as d, V as l, z as g, o as i, g as p, D as n, K as c, u as N, q as k, t as u, I as C, J as T, B as h, F as E, x as m, H as G, v as f, w as x, l as I, A as v, p as H, m as w, y as A, k as D, n as R } from "./VueFlowUtils-BmNdCDFy.js";
 import "./FlowYamlUtils-BrY8bEv7.js";
 export {
   r as areTasksIdenticalInGraphUntilTask,
@@ -12,11 +12,11 @@ export {
   n as getEdgeColor,
   c as getNextTaskNodes,
   N as getNodeHeight,
-  h as getNodePosition,
-  k as getNodeWidth,
-  u as getRootNodes,
-  C as getTargetNodesEdges,
-  T as haveAdd,
+  k as getNodePosition,
+  u as getNodeWidth,
+  C as getRootNodes,
+  T as getTargetNodesEdges,
+  h as haveAdd,
   E as isClusterRootOrEnd,
   m as isCollapsedCluster,
   G as isExpandableTask,

package/dist/ui-libs.css

@@ -1 +1 @@
-:root{--ks-background-additionLine: #beefe2;--ks-background-additionNum: #7cdfc4;--ks-background-body: #f9f9fa;--ks-background-box: #f9f9fa;--ks-background-cancelled: #fec9cb;--ks-background-card: #ffffff;--ks-background-card-hover: #ffffff;--ks-background-card-opacity: rgba(27, 28, 35, .8980392157);--ks-background-created: rgba(199, 240, 255, .39);--ks-background-deletionLine: #fec9cb;--ks-background-deletionNum: #fd9297;--ks-background-error: #fff2f3;--ks-background-failed: #fff2f3;--ks-background-info: #c7f0ff;--ks-background-input: #ffffff;--ks-background-killed: #fffbef;--ks-background-killing: #fffbef;--ks-background-left-menu: #ffffff;--ks-background-logo: #2c0059;--ks-background-panel: #ffffff;--ks-background-paused: rgba(178, 178, 181, .2588235294);--ks-background-queued: #fffbef;--ks-background-restarted: #c7f0ff;--ks-background-retried: rgba(23, 97, 253, .2);--ks-background-retrying: #c7f0ff;--ks-background-running: #c7f0ff;--ks-background-skipped: rgba(178, 178, 181, .2588235294);--ks-background-success: #e4f9f3;--ks-background-table-header: #f9f9fa;--ks-background-table-row: #ffffff;--ks-background-table-row-hover: #f9f9fa;--ks-background-warning: #fff2ea;--ks-badge-background: #c7f0ff;--ks-badge-border: #3991ff;--ks-badge-content: #134ecc;--ks-border-active: #8405ff;--ks-border-cancelled: #fd7278;--ks-border-created: #7fbbff;--ks-border-error: #fd7278;--ks-border-failed: #fd7278;--ks-border-inactive: #ecebef;--ks-border-info: #7fbbff;--ks-border-killed: #ddc46d;--ks-border-killing: #fde592;--ks-border-paused: #cfd3d6;--ks-border-primary: #e1e3e5;--ks-border-queued: #ddc46d;--ks-border-restarted: #a2cdff;--ks-border-retried: #134ecc;--ks-border-retrying: #1761fd;--ks-border-running: #3991ff;--ks-border-secondary: #ecebef;--ks-border-skipped: #cfd3d6;--ks-border-success: #21ce9c;--ks-border-system: #3991ff;--ks-border-warning: #e9985b;--ks-button-background-inactive: #f9f9fa;--ks-button-background-primary: #8405ff;--ks-button-background-primary-active: #7400df;--ks-button-background-primary-hover: #8c4bff;--ks-button-background-secondary: #ffffff;--ks-button-background-secondary-active: #ecebef;--ks-button-background-secondary-hover: #f9f9fa;--ks-button-background-success: #029e73;--ks-button-background-success-active: #017f5c;--ks-button-background-success-hover: #02be8a;--ks-button-content-primary: #ffffff;--ks-card-shadow: #ecebef;--ks-chart-cancelled: #fd9297;--ks-chart-created: #1761fd;--ks-chart-debug: #7fbbff;--ks-chart-error: #fd7278;--ks-chart-failed: #fd7278;--ks-chart-info: #5bb8ff;--ks-chart-killed: #fdeaa8;--ks-chart-killing: #fde89d;--ks-chart-paused: #cfd3d6;--ks-chart-queued: #fdedb3;--ks-chart-restarted: #c7f0ff;--ks-chart-retried: #a2cdff;--ks-chart-retrying: #7fbbff;--ks-chart-running: #5bb8ff;--ks-chart-skipped: #cfd3d6;--ks-chart-success: #02be8a;--ks-chart-trace: #cfd3d6;--ks-chart-warn: #eeae7e;--ks-chart-warning: #f3c4a1;--ks-content-alert: #ab0009;--ks-content-cancelled: #ab0009;--ks-content-created: #1761fd;--ks-content-error: #ab0009;--ks-content-failed: #ab0009;--ks-content-id: #8405ff;--ks-content-inactive: #9797a6;--ks-content-info: #134ecc;--ks-content-inverse: #ffffff;--ks-content-killed: #7e703e;--ks-content-killing: #dd5f00;--ks-content-link: #8405ff;--ks-content-link-hover: #9470ff;--ks-content-paused: #2f3342;--ks-content-primary: #14181f;--ks-content-queued: #9e8c4e;--ks-content-restarted: #134ecc;--ks-content-retried: #051538;--ks-content-retrying: #0e3b9a;--ks-content-running: #134ecc;--ks-content-secondary: #262a35;--ks-content-skipped: #2f3342;--ks-content-success: #016046;--ks-content-tertiary: #9797a6;--ks-content-warning: #dd5f00;--ks-dependencies-edge: #9797a6;--ks-dependencies-edge-hover: #2c303f;--ks-dependencies-edge-selected: #9470ff;--ks-dependencies-edge-selected-level2: #9470ff;--ks-dependencies-node-background: #ffffff;--ks-dependencies-node-background-hover: #f9f9fa;--ks-dependencies-node-background-selected: #a396ff;--ks-dependencies-node-background-selected-level2: #7fbbff;--ks-dependencies-node-border: #cfd3d6;--ks-dependencies-node-border-hover: #9797a6;--ks-dependencies-node-border-selected: #8c4bff;--ks-dependencies-node-border-selected-level2: #3991ff;--ks-dialog-background: #ffffff;--ks-dialog-border: #cfd3d6;--ks-dialog-header: #ffffff;--ks-dialog-headerbtn: #9797a6;--ks-dialog-headerbtn-hover: #9470ff;--ks-dots-topology: #ecebef;--ks-dropdown-background: #ffffff;--ks-dropdown-background-active: #f9f9fa;--ks-dropdown-background-hover: #f9f9fa;--ks-editor-number: #c15300;--ks-editor-pabble: #e58238;--ks-editor-property: #8405ff;--ks-editor-punctuation: #404559;--ks-editor-value: #14181f;--ks-log-background-debug: #c7f0ff;--ks-log-background-error: #fff2f3;--ks-log-background-info: #c7f0ff;--ks-log-background-trace: #ecebef;--ks-log-background-warn: #fff2ea;--ks-log-border-debug: #3991ff;--ks-log-border-error: #e3262f;--ks-log-border-info: #7fbbff;--ks-log-border-trace: #9797a6;--ks-log-border-warn: #e58238;--ks-log-content-debug: #134ecc;--ks-log-content-error: #ab0009;--ks-log-content-info: #134ecc;--ks-log-content-trace: #2f3342;--ks-log-content-warn: #8a3b00;--ks-playground-bg-color: #3991ff;--ks-playground-end-gradient: #1761fd;--ks-playground-start-gradient: #3991ff;--ks-scrollbar-background: #ecebef;--ks-scrollbar-content: #cfd3d6;--ks-select-active: #ffffff;--ks-select-active-icon: #8405ff;--ks-select-background: #ffffff;--ks-select-border: #cfd3d6;--ks-select-hover: #f9f9fa;--ks-tag-background: #ecebef;--ks-tag-background-active: #f9f9fa;--ks-tag-background-hover: #cfd3d6;--ks-tag-content: #20232d;--ks-tooltip-background: #ffffff;--ks-tooltip-border: #9797a6}html.dark{--ks-background-additionLine: rgba(2, 158, 115, .3);--ks-background-additionNum: rgba(2, 158, 115, .5);--ks-background-body: #20232d;--ks-background-box: #20232d;--ks-background-cancelled: rgba(253, 146, 151, .2);--ks-background-card: #2f3342;--ks-background-card-hover: #404559;--ks-background-card-opacity: rgba(18, 19, 25, .8980392157);--ks-background-created: rgba(57, 145, 255, .2);--ks-background-deletionLine: rgba(253, 114, 120, .4);--ks-background-deletionNum: rgba(253, 114, 120, .6);--ks-background-error: rgba(38, 0, 2, .2);--ks-background-failed: rgba(38, 0, 2, .2);--ks-background-info: rgba(14, 59, 154, .2);--ks-background-input: #14181f;--ks-background-killed: rgba(253, 229, 146, .1);--ks-background-killing: rgba(126, 112, 62, .2);--ks-background-left-menu: #1e202a;--ks-background-logo: rgba(44, 0, 89, 0);--ks-background-panel: #1e202a;--ks-background-paused: #2f3342;--ks-background-queued: #262a35;--ks-background-restarted: rgba(91, 184, 255, .2);--ks-background-retried: rgba(87, 141, 255, .2);--ks-background-retrying: rgba(23, 97, 253, .2);--ks-background-running: rgba(23, 97, 253, .2);--ks-background-skipped: #2f3342;--ks-background-success: rgba(0, 35, 25, .2);--ks-background-table-header: #2f3342;--ks-background-table-row: #262a35;--ks-background-table-row-hover: #2c303f;--ks-background-warning: rgba(111, 48, 0, .2);--ks-badge-background: rgba(91, 184, 255, .2);--ks-badge-border: #5bb8ff;--ks-badge-content: #a2cdff;--ks-border-active: #8405ff;--ks-border-cancelled: #fd9297;--ks-border-created: #1761fd;--ks-border-error: #e3262f;--ks-border-failed: #e3262f;--ks-border-inactive: #404559;--ks-border-info: #1761fd;--ks-border-killed: #7e703e;--ks-border-killing: #fdedb3;--ks-border-paused: #9797a6;--ks-border-primary: #404559;--ks-border-queued: #9797a6;--ks-border-restarted: #a2cdff;--ks-border-retried: #a2cdff;--ks-border-retrying: #7fbbff;--ks-border-running: #3991ff;--ks-border-secondary: #2f3342;--ks-border-skipped: #9797a6;--ks-border-success: #02be8a;--ks-border-system: #5bb8ff;--ks-border-warning: #e9985b;--ks-button-background-inactive: #2c303f;--ks-button-background-primary: #8405ff;--ks-button-background-primary-active: #7400df;--ks-button-background-primary-hover: #8c4bff;--ks-button-background-secondary: #2f3342;--ks-button-background-secondary-active: #262a35;--ks-button-background-secondary-hover: #404559;--ks-button-background-success: #02be8a;--ks-button-background-success-active: #029e73;--ks-button-background-success-hover: #21ce9c;--ks-button-content-primary: #ffffff;--ks-card-shadow: #1e202a;--ks-chart-cancelled: #fd9297;--ks-chart-created: #3991ff;--ks-chart-debug: #3991ff;--ks-chart-error: #fd7278;--ks-chart-failed: #fd7278;--ks-chart-info: #1761fd;--ks-chart-killed: #ddc46d;--ks-chart-killing: #fdeaa8;--ks-chart-paused: #9797a6;--ks-chart-queued: #cfd3d6;--ks-chart-restarted: #c7f0ff;--ks-chart-retried: #a2cdff;--ks-chart-retrying: #7fbbff;--ks-chart-running: #5bb8ff;--ks-chart-skipped: #9797a6;--ks-chart-success: #21ce9c;--ks-chart-trace: #9797a6;--ks-chart-warn: #eeae7e;--ks-chart-warning: #eeae7e;--ks-content-alert: #fd7278;--ks-content-cancelled: #fff2f3;--ks-content-created: #a2cdff;--ks-content-error: #fd9297;--ks-content-failed: #fd9297;--ks-content-id: #bbbbff;--ks-content-inactive: #9797a6;--ks-content-info: #c7f0ff;--ks-content-inverse: #14181f;--ks-content-killed: #fdeaa8;--ks-content-killing: #fffbef;--ks-content-link: #bbbbff;--ks-content-link-hover: #e0e0ff;--ks-content-paused: #cfd3d6;--ks-content-primary: #ffffff;--ks-content-queued: #cfd3d6;--ks-content-restarted: #7fbbff;--ks-content-retried: #c7f0ff;--ks-content-retrying: #c7f0ff;--ks-content-running: #a2cdff;--ks-content-secondary: #cfd3d6;--ks-content-skipped: #cfd3d6;--ks-content-success: #beefe2;--ks-content-tertiary: #9797a6;--ks-content-warning: #eeae7e;--ks-dependencies-edge: #404559;--ks-dependencies-edge-hover: #e0e0ff;--ks-dependencies-edge-selected: #a396ff;--ks-dependencies-edge-selected-level2: #7fbbff;--ks-dependencies-node-background: #2f3342;--ks-dependencies-node-background-hover: #bbbbff;--ks-dependencies-node-background-selected: #9470ff;--ks-dependencies-node-background-selected-level2: #3991ff;--ks-dependencies-node-border: #9797a6;--ks-dependencies-node-border-hover: #e0e0ff;--ks-dependencies-node-border-selected: #a396ff;--ks-dependencies-node-border-selected-level2: #5bb8ff;--ks-dialog-background: #2f3342;--ks-dialog-border: #404559;--ks-dialog-header: #2f3342;--ks-dialog-headerbtn: #9797a6;--ks-dialog-headerbtn-hover: #a396ff;--ks-dots-topology: #404559;--ks-dropdown-background: #262a35;--ks-dropdown-background-active: #1e202a;--ks-dropdown-background-hover: #2c303f;--ks-editor-number: #f3c4a1;--ks-editor-pabble: #fff2ea;--ks-editor-property: #7cdfc4;--ks-editor-punctuation: #9797a6;--ks-editor-value: #5bb8ff;--ks-log-background-debug: rgba(91, 184, 255, .2);--ks-log-background-error: rgba(253, 114, 120, .2);--ks-log-background-info: rgba(14, 59, 154, .2);--ks-log-background-trace: #404559;--ks-log-background-warn: rgba(229, 130, 56, .2);--ks-log-border-debug: #5bb8ff;--ks-log-border-error: #fd7278;--ks-log-border-info: #1761fd;--ks-log-border-trace: #9797a6;--ks-log-border-warn: #e9985b;--ks-log-content-debug: #a2cdff;--ks-log-content-error: #fec9cb;--ks-log-content-info: #c7f0ff;--ks-log-content-trace: #ecebef;--ks-log-content-warn: #f3c4a1;--ks-playground-bg-color: #3991ff;--ks-playground-end-gradient: #051538;--ks-playground-start-gradient: #0e3b9a;--ks-scrollbar-background: #1e202a;--ks-scrollbar-content: #404559;--ks-select-active: #1e202a;--ks-select-active-icon: #bbbbff;--ks-select-background: #20232d;--ks-select-border: #404559;--ks-select-hover: #2c303f;--ks-tag-background: #404559;--ks-tag-background-active: #59607b;--ks-tag-background-hover: #59607b;--ks-tag-content: #ffffff;--ks-tooltip-background: #262a35;--ks-tooltip-border: #404559}.tooltip-custom .tooltip-inner{max-width:none}.wrapper[data-v-23f8d853]{display:inline-block;width:100%;height:100%;position:relative}.wrapper[data-v-23f8d853] span{position:absolute;padding:1px;left:0;display:block;width:100%;height:100%}.wrapper[data-v-23f8d853] .icon{width:100%;height:100%;display:block;border-radius:3px;background-size:contain;background-repeat:no-repeat;background-position:center center}.dependency-node-wrapper[data-v-2271d5b0]{background-color:var(--ks-background-card);color:var(--bs-black);width:184px;height:44px;margin:0;padding:8px 18px 8px 6px;display:flex;align-items:center;box-shadow:0 12px 12px #82679e1a}html.dark .dependency-node-wrapper[data-v-2271d5b0]{background-color:var(--ks-background-card);color:var(--bs-white)}.wrapper[data-v-2271d5b0]{width:26px}.dependency-text[data-v-2271d5b0]{margin-left:.5rem}.dependency-flow-text[data-v-2271d5b0]{font-size:.85rem;font-weight:700;max-width:121px}.dependency-namespace-text[data-v-2271d5b0]{font-size:.625rem;font-weight:400;color:#564a75;max-width:121px}html.dark .dependency-namespace-text[data-v-2271d5b0]{color:#e3dbff}.circle-button[data-v-0c251e77]{border-radius:1rem;width:1rem;height:1rem;display:flex;justify-content:center;align-items:center;pointer-events:auto!important}.button-icon[data-v-0c251e77]{font-size:.75rem}.badge[data-v-0c251e77]{top:-3px;position:relative;left:-3px;display:inline-block;max-width:100%}.text-color[data-v-0c251e77]{color:var(--bs-white);font-size:.5rem;font-weight:700;padding:.25rem .5rem}.top-button-div[data-v-0c251e77]{position:absolute;top:-.5rem;right:-.5rem;justify-content:center;padding-right:3px;display:flex}.custom-handle[data-v-666f472b]{visibility:hidden}.dot[data-v-666f472b]{display:flex;flex-direction:column;align-items:center;font-size:5px}.dot.GraphClusterRoot[data-v-666f472b]{color:var(--ks-border-created)}.dot.GraphClusterFinally[data-v-666f472b]{color:var(--ks-border-warning)}.dot.GraphClusterEnd[data-v-666f472b]{color:var(--ks-border-active)}.add-task-div[data-v-4afc4738]{margin:.2rem;width:25px;height:25px;border:.4px solid var(--ks-border-primary);background-color:var(--ks-background-card);cursor:pointer}.add-task-div.text-danger[data-v-4afc4738]{border-color:#e36065}.stroke-danger[data-v-a3e1d999],.stroke-error[data-v-a3e1d999]{stroke:var(--ks-border-error)}.stroke-warning[data-v-a3e1d999]{stroke:var(--ks-border-warning)}.node-wrapper[data-v-ee0adf33]{background-color:var(--ks-background-card);width:184px;height:44px;margin:0;padding:8px;display:flex;z-index:150000;align-items:center;box-shadow:0 12px 12px #82679e1a}.node-wrapper.execution-no-taskrun[data-v-ee0adf33],.node-wrapper.disabled[data-v-ee0adf33]{background-color:var(--ks-background-card)}.node-wrapper.disabled .task-title[data-v-ee0adf33]{color:var(--ks-content-secondary);text-decoration:line-through}.node-wrapper .icon[data-v-ee0adf33]{margin:.2rem;width:25px;height:25px;border:.4px solid var(--ks-border-primary);min-width:25px;min-height:25px}.node-content[data-v-ee0adf33]{display:flex;flex-direction:column;justify-content:center;margin-left:.7rem}.node-content>.node-title[data-v-ee0adf33]{width:125px}.description-button[data-v-ee0adf33]{color:var(--ks-content-secondary);cursor:pointer}.material-design-icon.icon-rounded[data-v-ee0adf33]{border-radius:1rem;padding:1px}.button-icon[data-v-ee0adf33]{font-size:.75rem}.task-title[data-v-ee0adf33]{font-size:.75rem;font-weight:700;color:var(--ks-content-primary);flex-grow:1}.status-div[data-v-ee0adf33]{width:8px;height:100%;position:absolute;left:-.04438rem;border-radius:.5rem 0 0 .5rem}.ks-duration-tt{text-align:left;white-space:nowrap;max-width:none}.ks-duration-tt .ks-duration-tt-square{display:inline-block;width:10px;height:10px;margin-right:5px}.ks-duration-tt .ks-duration-tt-square-created{background-color:var(--ks-chart-created)}.ks-duration-tt .ks-duration-tt-square-restarted{background-color:var(--ks-chart-restarted)}.ks-duration-tt .ks-duration-tt-square-success{background-color:var(--ks-chart-success)}.ks-duration-tt .ks-duration-tt-square-running{background-color:var(--ks-chart-running)}.ks-duration-tt .ks-duration-tt-square-killing{background-color:var(--ks-chart-killing)}.ks-duration-tt .ks-duration-tt-square-killed{background-color:var(--ks-chart-killed)}.ks-duration-tt .ks-duration-tt-square-warning{background-color:var(--ks-chart-warning)}.ks-duration-tt .ks-duration-tt-square-failed{background-color:var(--ks-chart-failed)}.ks-duration-tt .ks-duration-tt-square-paused{background-color:var(--ks-chart-paused)}.ks-duration-tt .ks-duration-tt-square-cancelled{background-color:var(--ks-chart-cancelled)}.ks-duration-tt .ks-duration-tt-square-skipped{background-color:var(--ks-chart-skipped)}.ks-duration-tt .ks-duration-tt-square-queued{background-color:var(--ks-chart-queued)}.ks-duration-tt .ks-duration-tt-square-retrying{background-color:var(--ks-chart-retrying)}.ks-duration-tt .ks-duration-tt-square-retried{background-color:var(--ks-chart-retried)}.content[data-v-a204e986]{color:var(--ks-content-secondary)}.content-children[data-v-a204e986]{font-size:.7rem}.playground-button[data-v-8b3dd8bd]{position:absolute;bottom:0;right:0;z-index:1;border:none;background:transparent;background-color:#1761fd;color:#fff;border-radius:3px;height:1rem;width:1rem;padding:0;margin:6px}.collapsed-cluster-node[data-v-89413b39]{width:150px;height:44px;padding:8px}.node-text[data-v-89413b39]{color:#000;font-size:.9rem;display:flex;align-items:center}html.dark .node-text[data-v-89413b39]{color:#fff}.button-icon[data-v-89413b39]{font-size:.75rem}svg[data-v-084c51e6]{transform:scale(1.5)}svg[data-v-c77c1469]{transform:scale(1.5)}.circle-button{border-radius:1rem;width:1rem;height:1rem;display:flex;justify-content:center;align-items:center;margin-left:.25rem;z-index:2000}.button-icon{font-size:.66rem}.vue-flow__controls{border:1px solid var(--ks-border-primary);border-radius:var(--bs-border-radius)}.vue-flow__controls-button{color:var(--bs-black);border-bottom-color:var(--bs-border-color)}.vue-flow__controls-button svg{fill:var(--bs-black)}html.dark .vue-flow__controls-button{background:var(--ks-background-card);color:var(--bs-white)}html.dark .vue-flow__controls-button svg{fill:var(--bs-white)}:root{--ks-topology-edge-color: #9A8EB4}.vue-flow__container .top-button-div{position:absolute;top:-.5rem;right:-.5rem;justify-content:center;padding-right:3px;display:flex}.vue-flow__container .vue-flow__node-cluster{pointer-events:none!important}.vue-flow__container .vue-flow__handle{opacity:0!important}.vue-flow__container .vue-flow__edge-path{stroke:var(--ks-topology-edge-color)}.vue-flow__container .ks-topology-success-border{background-color:#02be8a0d;border:1px solid #02be8a}.vue-flow__container .ks-topology-primary-border{background-color:#8405ff0d;border:1px solid #8405ff}.vue-flow__container .ks-topology-danger-border{background-color:#ab00090d;border:1px solid #ab0009}.vue-flow__container .ks-topology-blue-border{background-color:#1761fd0d;border:1px solid #1761fd}.vue-flow__container .ks-topology-default-border{background-color:#2c303f0d;border:1px solid #2c303f}.material-design-icon.download-icon[data-v-e2e42379]{max-width:12px}[data-v-e2e42379] .unused-path{opacity:.3}.exporting[data-v-e2e42379]{position:absolute;bottom:0;left:40px;padding:0;margin:0;z-index:1000;list-style-type:none;background:var(--ks-background-card);border:1px solid var(--ks-border-primary);box-shadow:0 12px 12px #82679e1a;border-radius:5px;text-align:left}.exporting .item[data-v-e2e42379]{padding:5px 8px;cursor:pointer;color:var(--ks-content-primary);font-size:12px;width:110px}.exporting .item[data-v-e2e42379]:first-child{border-bottom:1px solid var(--ks-border-primary)}.exporting .item[data-v-e2e42379]:hover{background:var(--ks-button-background-secondary-hover)}.icon[data-v-ffd9a851]{margin-right:.3rem}.code-block[data-v-a899f6a1]{padding:1.25rem;border-radius:var(--bs-border-radius-lg);position:relative}.code-block .language[data-v-a899f6a1]{font-size:.75rem}.code-block[data-v-a899f6a1] pre{margin-bottom:0;padding:0;border:0!important}.code-block[data-v-a899f6a1] .shiki{background-color:transparent!important}.code-block[data-v-a899f6a1] .shiki code{display:flex;flex-direction:column}.code-block .copy[data-v-a899f6a1]{border:none;background:none}.code-block .copy .material-design-icon[data-v-a899f6a1],.code-block .copy .material-design-icon[data-v-a899f6a1] *{height:1.125rem!important;width:1.125rem!important}.code-block .copy[data-v-a899f6a1],.code-block .language[data-v-a899f6a1]{position:absolute;top:1.25rem;right:1.25rem}.code-block #copied-tooltip[data-v-a899f6a1]{border-radius:.25rem;background:#8997bd;padding:4px 8px;font-size:.75rem;margin-right:.2rem!important}.code-block #copied-tooltip #arrow[data-v-a899f6a1],.code-block #copied-tooltip #arrow[data-v-a899f6a1]:before{position:absolute;width:8px;height:8px;background:inherit}.code-block #copied-tooltip #arrow[data-v-a899f6a1]{visibility:hidden;right:-4px}.code-block #copied-tooltip #arrow[data-v-a899f6a1]:before{visibility:visible;content:"";transform:rotate(45deg)}[data-v-a899f6a1] pre code .line{display:block;min-height:1rem;white-space:pre-wrap}details[data-v-5411e3ca]{overflow:hidden}details[data-v-5411e3ca]::details-content{block-size:0%;transition:block-size .15s,content-visibility .15s;transition-behavior:allow-discrete}details[open][data-v-5411e3ca]::details-content{block-size:auto}.collapse-button[data-v-5411e3ca]{padding:0;border:none;background:none}.collapse-button[data-v-5411e3ca]:focus{outline:none;box-shadow:none}.doc-alert[data-v-f7fd8bc1]{display:flex;align-items:start;border:1px solid;border-left-width:5px!important;padding:1rem;margin-bottom:1rem;border-radius:.25rem}.doc-alert[data-v-f7fd8bc1]>*{margin:0}.doc-alert .alert-icon[data-v-f7fd8bc1]{font-size:22px}.doc-alert.alert-danger[data-v-f7fd8bc1]{border-color:var(--ks-border-error);color:var(--ks-content-error);background-color:var(--ks-background-error)}.doc-alert.alert-warning[data-v-f7fd8bc1]{border-color:var(--ks-border-warning);color:var(--ks-content-warning);background-color:var(--ks-background-warning)}.doc-alert.alert-info[data-v-f7fd8bc1]{border-color:var(--ks-border-info);color:var(--ks-content-info);background-color:var(--ks-background-info)}.doc-alert.alert-success[data-v-f7fd8bc1]{border-color:var(--ks-border-success);color:var(--ks-content-success);background-color:var(--ks-background-success)}.property-detail[data-v-79715a4e]>*{display:flex;justify-content:space-between;border-top:1px solid var(--ks-border-primary);align-items:center;padding:1rem 0;gap:var(--spacer)}.property-detail>* span[data-v-79715a4e],.property-detail>* .property-description[data-v-79715a4e] p{line-height:1.5rem;font-size:.875rem!important}.property-detail>* .property-description[data-v-79715a4e]{color:var(--ks-content-secondary)}.property-detail>* code[data-v-79715a4e]{color:var(--ks-content-primary);background:var(--ks-background-body)}.property-detail>* .border-red[data-v-79715a4e]{border-color:#e3262f!important}.property-detail[data-v-79715a4e]>*:first-child{padding-top:0;border-top:none!important}.property-detail[data-v-79715a4e]>*:last-child{padding-bottom:0}.property-detail[data-v-79715a4e]>*>*{width:fit-content}.type-box[data-v-0d36ff40],[data-v-0d36ff40] .type-box{border:1px solid #1761FD!important;background:none}.type-box .ref-type[data-v-0d36ff40],[data-v-0d36ff40] .type-box .ref-type{padding-right:.625rem}.type-box .ref-type[data-v-0d36ff40]+*,[data-v-0d36ff40] .type-box .ref-type+*{margin-left:.625rem}.border[data-v-0d36ff40]{border-radius:.5rem}.property[data-v-0d36ff40]{gap:0!important}.property[data-v-0d36ff40]>button{font-size:1rem!important;line-height:1.5rem}.property[data-v-0d36ff40]:not(:first-child){border-top:var(--bs-border-width) var(--bs-border-style) var(--collapsible-border-color)}.property[data-v-0d36ff40]>.collapse-button{padding:.75rem 1rem}.property[data-v-0d36ff40]>.collapse-button:not(.collapsed){border-bottom:var(--bs-border-width) var(--bs-border-style) var(--collapsible-border-color)}.property[data-v-0d36ff40]>.collapsible-body:not(.collapsed){padding-top:.75rem;padding-bottom:.75rem}.property[data-v-0d36ff40] .property-detail>*{padding-left:1rem;padding-right:1rem}.plugin-title[data-v-5953ec4c] p{font-size:1rem}[data-v-5953ec4c] .nested-button-py-2 button{padding-top:.5rem!important;padding-bottom:.5rem!important}[data-v-5953ec4c] .markdown pre,[data-v-5953ec4c] .markdown .code-block{margin:0}[data-v-5953ec4c] .markdown>ol,[data-v-5953ec4c] .markdown>ul,[data-v-5953ec4c] .markdown>dl{margin-top:0;margin-bottom:0}[data-v-5953ec4c] .plugin-section .material-design-icon,[data-v-5953ec4c] .plugin-section .material-design-icon *{height:1.5rem;width:1.5rem;bottom:0}[data-v-5953ec4c] .plugin-section .material-design-icon:not(.property .material-design-icon),[data-v-5953ec4c] .plugin-section .material-design-icon:not(.property .material-design-icon) *{height:2rem;width:2rem}[data-v-5953ec4c] .type-box{color:buttontext}[data-v-5953ec4c] .type-box .material-design-icon,[data-v-5953ec4c] .type-box .material-design-icon *{height:1rem;width:1rem}.row-link[data-v-b787c0f3]{border-width:1px}
+.loading-dots-circle[data-v-a7ad4137]{animation:rotate-a7ad4137 2s linear infinite}@keyframes rotate-a7ad4137{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--ks-background-additionLine: #beefe2;--ks-background-additionNum: #7cdfc4;--ks-background-body: #f9f9fa;--ks-background-box: #f9f9fa;--ks-background-cancelled: #fec9cb;--ks-background-card: #ffffff;--ks-background-card-hover: #ffffff;--ks-background-card-opacity: rgba(27, 28, 35, .8980392157);--ks-background-created: rgba(199, 240, 255, .39);--ks-background-deletionLine: #fec9cb;--ks-background-deletionNum: #fd9297;--ks-background-error: #fff2f3;--ks-background-failed: #fff2f3;--ks-background-info: #c7f0ff;--ks-background-input: #ffffff;--ks-background-killed: #fffbef;--ks-background-killing: #fffbef;--ks-background-left-menu: #ffffff;--ks-background-logo: #2c0059;--ks-background-panel: #ffffff;--ks-background-paused: rgba(178, 178, 181, .2588235294);--ks-background-queued: #fffbef;--ks-background-restarted: #c7f0ff;--ks-background-retried: rgba(23, 97, 253, .2);--ks-background-retrying: #c7f0ff;--ks-background-running: #c7f0ff;--ks-background-skipped: rgba(178, 178, 181, .2588235294);--ks-background-success: #e4f9f3;--ks-background-table-header: #f9f9fa;--ks-background-table-row: #ffffff;--ks-background-table-row-hover: #f9f9fa;--ks-background-warning: #fff2ea;--ks-badge-background: #c7f0ff;--ks-badge-border: #3991ff;--ks-badge-content: #134ecc;--ks-border-active: #8405ff;--ks-border-cancelled: #fd7278;--ks-border-created: #7fbbff;--ks-border-error: #fd7278;--ks-border-failed: #fd7278;--ks-border-inactive: #ecebef;--ks-border-info: #7fbbff;--ks-border-killed: #ddc46d;--ks-border-killing: #fde592;--ks-border-paused: #cfd3d6;--ks-border-primary: #e1e3e5;--ks-border-queued: #ddc46d;--ks-border-restarted: #a2cdff;--ks-border-retried: #134ecc;--ks-border-retrying: #1761fd;--ks-border-running: #3991ff;--ks-border-secondary: #ecebef;--ks-border-skipped: #cfd3d6;--ks-border-success: #21ce9c;--ks-border-system: #3991ff;--ks-border-warning: #e9985b;--ks-button-background-inactive: #f9f9fa;--ks-button-background-primary: #8405ff;--ks-button-background-primary-active: #7400df;--ks-button-background-primary-hover: #8c4bff;--ks-button-background-secondary: #ffffff;--ks-button-background-secondary-active: #ecebef;--ks-button-background-secondary-hover: #f9f9fa;--ks-button-background-success: #029e73;--ks-button-background-success-active: #017f5c;--ks-button-background-success-hover: #02be8a;--ks-button-content-primary: #ffffff;--ks-card-shadow: #ecebef;--ks-chart-cancelled: #fd9297;--ks-chart-created: #1761fd;--ks-chart-debug: #7fbbff;--ks-chart-error: #fd7278;--ks-chart-failed: #fd7278;--ks-chart-info: #5bb8ff;--ks-chart-killed: #fdeaa8;--ks-chart-killing: #fde89d;--ks-chart-paused: #cfd3d6;--ks-chart-queued: #fdedb3;--ks-chart-restarted: #c7f0ff;--ks-chart-retried: #a2cdff;--ks-chart-retrying: #7fbbff;--ks-chart-running: #5bb8ff;--ks-chart-skipped: #cfd3d6;--ks-chart-success: #02be8a;--ks-chart-trace: #cfd3d6;--ks-chart-warn: #eeae7e;--ks-chart-warning: #f3c4a1;--ks-content-alert: #ab0009;--ks-content-cancelled: #ab0009;--ks-content-created: #1761fd;--ks-content-error: #ab0009;--ks-content-failed: #ab0009;--ks-content-id: #8405ff;--ks-content-inactive: #9797a6;--ks-content-info: #134ecc;--ks-content-inverse: #ffffff;--ks-content-killed: #7e703e;--ks-content-killing: #dd5f00;--ks-content-link: #8405ff;--ks-content-link-hover: #9470ff;--ks-content-paused: #2f3342;--ks-content-primary: #14181f;--ks-content-queued: #9e8c4e;--ks-content-restarted: #134ecc;--ks-content-retried: #051538;--ks-content-retrying: #0e3b9a;--ks-content-running: #134ecc;--ks-content-secondary: #262a35;--ks-content-skipped: #2f3342;--ks-content-success: #016046;--ks-content-tertiary: #9797a6;--ks-content-warning: #dd5f00;--ks-dependencies-edge: #9797a6;--ks-dependencies-edge-hover: #2c303f;--ks-dependencies-edge-selected: #9470ff;--ks-dependencies-edge-selected-level2: #9470ff;--ks-dependencies-node-background: #ffffff;--ks-dependencies-node-background-hover: #f9f9fa;--ks-dependencies-node-background-selected: #a396ff;--ks-dependencies-node-background-selected-level2: #7fbbff;--ks-dependencies-node-border: #cfd3d6;--ks-dependencies-node-border-hover: #9797a6;--ks-dependencies-node-border-selected: #8c4bff;--ks-dependencies-node-border-selected-level2: #3991ff;--ks-dialog-background: #ffffff;--ks-dialog-border: #cfd3d6;--ks-dialog-header: #ffffff;--ks-dialog-headerbtn: #9797a6;--ks-dialog-headerbtn-hover: #9470ff;--ks-dots-topology: #ecebef;--ks-dropdown-background: #ffffff;--ks-dropdown-background-active: #f9f9fa;--ks-dropdown-background-hover: #f9f9fa;--ks-editor-number: #c15300;--ks-editor-pabble: #e58238;--ks-editor-property: #8405ff;--ks-editor-punctuation: #404559;--ks-editor-value: #14181f;--ks-log-background-debug: #c7f0ff;--ks-log-background-error: #fff2f3;--ks-log-background-info: #c7f0ff;--ks-log-background-trace: #ecebef;--ks-log-background-warn: #fff2ea;--ks-log-border-debug: #3991ff;--ks-log-border-error: #e3262f;--ks-log-border-info: #7fbbff;--ks-log-border-trace: #9797a6;--ks-log-border-warn: #e58238;--ks-log-content-debug: #134ecc;--ks-log-content-error: #ab0009;--ks-log-content-info: #134ecc;--ks-log-content-trace: #2f3342;--ks-log-content-warn: #8a3b00;--ks-playground-bg-color: #3991ff;--ks-playground-end-gradient: #1761fd;--ks-playground-start-gradient: #3991ff;--ks-scrollbar-background: #ecebef;--ks-scrollbar-content: #cfd3d6;--ks-select-active: #ffffff;--ks-select-active-icon: #8405ff;--ks-select-background: #ffffff;--ks-select-border: #cfd3d6;--ks-select-hover: #f9f9fa;--ks-tag-background: #ecebef;--ks-tag-background-active: #f9f9fa;--ks-tag-background-hover: #cfd3d6;--ks-tag-content: #20232d;--ks-tooltip-background: #ffffff;--ks-tooltip-border: #9797a6}html.dark{--ks-background-additionLine: rgba(2, 158, 115, .3);--ks-background-additionNum: rgba(2, 158, 115, .5);--ks-background-body: #20232d;--ks-background-box: #20232d;--ks-background-cancelled: rgba(253, 146, 151, .2);--ks-background-card: #2f3342;--ks-background-card-hover: #404559;--ks-background-card-opacity: rgba(18, 19, 25, .8980392157);--ks-background-created: rgba(57, 145, 255, .2);--ks-background-deletionLine: rgba(253, 114, 120, .4);--ks-background-deletionNum: rgba(253, 114, 120, .6);--ks-background-error: rgba(38, 0, 2, .2);--ks-background-failed: rgba(38, 0, 2, .2);--ks-background-info: rgba(14, 59, 154, .2);--ks-background-input: #14181f;--ks-background-killed: rgba(253, 229, 146, .1);--ks-background-killing: rgba(126, 112, 62, .2);--ks-background-left-menu: #1e202a;--ks-background-logo: rgba(44, 0, 89, 0);--ks-background-panel: #1e202a;--ks-background-paused: #2f3342;--ks-background-queued: #262a35;--ks-background-restarted: rgba(91, 184, 255, .2);--ks-background-retried: rgba(87, 141, 255, .2);--ks-background-retrying: rgba(23, 97, 253, .2);--ks-background-running: rgba(23, 97, 253, .2);--ks-background-skipped: #2f3342;--ks-background-success: rgba(0, 35, 25, .2);--ks-background-table-header: #2f3342;--ks-background-table-row: #262a35;--ks-background-table-row-hover: #2c303f;--ks-background-warning: rgba(111, 48, 0, .2);--ks-badge-background: rgba(91, 184, 255, .2);--ks-badge-border: #5bb8ff;--ks-badge-content: #a2cdff;--ks-border-active: #8405ff;--ks-border-cancelled: #fd9297;--ks-border-created: #1761fd;--ks-border-error: #e3262f;--ks-border-failed: #e3262f;--ks-border-inactive: #404559;--ks-border-info: #1761fd;--ks-border-killed: #7e703e;--ks-border-killing: #fdedb3;--ks-border-paused: #9797a6;--ks-border-primary: #404559;--ks-border-queued: #9797a6;--ks-border-restarted: #a2cdff;--ks-border-retried: #a2cdff;--ks-border-retrying: #7fbbff;--ks-border-running: #3991ff;--ks-border-secondary: #2f3342;--ks-border-skipped: #9797a6;--ks-border-success: #02be8a;--ks-border-system: #5bb8ff;--ks-border-warning: #e9985b;--ks-button-background-inactive: #2c303f;--ks-button-background-primary: #8405ff;--ks-button-background-primary-active: #7400df;--ks-button-background-primary-hover: #8c4bff;--ks-button-background-secondary: #2f3342;--ks-button-background-secondary-active: #262a35;--ks-button-background-secondary-hover: #404559;--ks-button-background-success: #02be8a;--ks-button-background-success-active: #029e73;--ks-button-background-success-hover: #21ce9c;--ks-button-content-primary: #ffffff;--ks-card-shadow: #1e202a;--ks-chart-cancelled: #fd9297;--ks-chart-created: #3991ff;--ks-chart-debug: #3991ff;--ks-chart-error: #fd7278;--ks-chart-failed: #fd7278;--ks-chart-info: #1761fd;--ks-chart-killed: #ddc46d;--ks-chart-killing: #fdeaa8;--ks-chart-paused: #9797a6;--ks-chart-queued: #cfd3d6;--ks-chart-restarted: #c7f0ff;--ks-chart-retried: #a2cdff;--ks-chart-retrying: #7fbbff;--ks-chart-running: #5bb8ff;--ks-chart-skipped: #9797a6;--ks-chart-success: #21ce9c;--ks-chart-trace: #9797a6;--ks-chart-warn: #eeae7e;--ks-chart-warning: #eeae7e;--ks-content-alert: #fd7278;--ks-content-cancelled: #fff2f3;--ks-content-created: #a2cdff;--ks-content-error: #fd9297;--ks-content-failed: #fd9297;--ks-content-id: #bbbbff;--ks-content-inactive: #9797a6;--ks-content-info: #c7f0ff;--ks-content-inverse: #14181f;--ks-content-killed: #fdeaa8;--ks-content-killing: #fffbef;--ks-content-link: #bbbbff;--ks-content-link-hover: #e0e0ff;--ks-content-paused: #cfd3d6;--ks-content-primary: #ffffff;--ks-content-queued: #cfd3d6;--ks-content-restarted: #7fbbff;--ks-content-retried: #c7f0ff;--ks-content-retrying: #c7f0ff;--ks-content-running: #a2cdff;--ks-content-secondary: #cfd3d6;--ks-content-skipped: #cfd3d6;--ks-content-success: #beefe2;--ks-content-tertiary: #9797a6;--ks-content-warning: #eeae7e;--ks-dependencies-edge: #404559;--ks-dependencies-edge-hover: #e0e0ff;--ks-dependencies-edge-selected: #a396ff;--ks-dependencies-edge-selected-level2: #7fbbff;--ks-dependencies-node-background: #2f3342;--ks-dependencies-node-background-hover: #bbbbff;--ks-dependencies-node-background-selected: #9470ff;--ks-dependencies-node-background-selected-level2: #3991ff;--ks-dependencies-node-border: #9797a6;--ks-dependencies-node-border-hover: #e0e0ff;--ks-dependencies-node-border-selected: #a396ff;--ks-dependencies-node-border-selected-level2: #5bb8ff;--ks-dialog-background: #2f3342;--ks-dialog-border: #404559;--ks-dialog-header: #2f3342;--ks-dialog-headerbtn: #9797a6;--ks-dialog-headerbtn-hover: #a396ff;--ks-dots-topology: #404559;--ks-dropdown-background: #262a35;--ks-dropdown-background-active: #1e202a;--ks-dropdown-background-hover: #2c303f;--ks-editor-number: #f3c4a1;--ks-editor-pabble: #fff2ea;--ks-editor-property: #7cdfc4;--ks-editor-punctuation: #9797a6;--ks-editor-value: #5bb8ff;--ks-log-background-debug: rgba(91, 184, 255, .2);--ks-log-background-error: rgba(253, 114, 120, .2);--ks-log-background-info: rgba(14, 59, 154, .2);--ks-log-background-trace: #404559;--ks-log-background-warn: rgba(229, 130, 56, .2);--ks-log-border-debug: #5bb8ff;--ks-log-border-error: #fd7278;--ks-log-border-info: #1761fd;--ks-log-border-trace: #9797a6;--ks-log-border-warn: #e9985b;--ks-log-content-debug: #a2cdff;--ks-log-content-error: #fec9cb;--ks-log-content-info: #c7f0ff;--ks-log-content-trace: #ecebef;--ks-log-content-warn: #f3c4a1;--ks-playground-bg-color: #3991ff;--ks-playground-end-gradient: #051538;--ks-playground-start-gradient: #0e3b9a;--ks-scrollbar-background: #1e202a;--ks-scrollbar-content: #404559;--ks-select-active: #1e202a;--ks-select-active-icon: #bbbbff;--ks-select-background: #20232d;--ks-select-border: #404559;--ks-select-hover: #2c303f;--ks-tag-background: #404559;--ks-tag-background-active: #59607b;--ks-tag-background-hover: #59607b;--ks-tag-content: #ffffff;--ks-tooltip-background: #262a35;--ks-tooltip-border: #404559}.tooltip-custom .tooltip-inner{max-width:none}.wrapper[data-v-23f8d853]{display:inline-block;width:100%;height:100%;position:relative}.wrapper[data-v-23f8d853] span{position:absolute;padding:1px;left:0;display:block;width:100%;height:100%}.wrapper[data-v-23f8d853] .icon{width:100%;height:100%;display:block;border-radius:3px;background-size:contain;background-repeat:no-repeat;background-position:center center}.dependency-node-wrapper[data-v-2271d5b0]{background-color:var(--ks-background-card);color:var(--bs-black);width:184px;height:44px;margin:0;padding:8px 18px 8px 6px;display:flex;align-items:center;box-shadow:0 12px 12px #82679e1a}html.dark .dependency-node-wrapper[data-v-2271d5b0]{background-color:var(--ks-background-card);color:var(--bs-white)}.wrapper[data-v-2271d5b0]{width:26px}.dependency-text[data-v-2271d5b0]{margin-left:.5rem}.dependency-flow-text[data-v-2271d5b0]{font-size:.85rem;font-weight:700;max-width:121px}.dependency-namespace-text[data-v-2271d5b0]{font-size:.625rem;font-weight:400;color:#564a75;max-width:121px}html.dark .dependency-namespace-text[data-v-2271d5b0]{color:#e3dbff}.circle-button[data-v-0c251e77]{border-radius:1rem;width:1rem;height:1rem;display:flex;justify-content:center;align-items:center;pointer-events:auto!important}.button-icon[data-v-0c251e77]{font-size:.75rem}.badge[data-v-0c251e77]{top:-3px;position:relative;left:-3px;display:inline-block;max-width:100%}.text-color[data-v-0c251e77]{color:var(--bs-white);font-size:.5rem;font-weight:700;padding:.25rem .5rem}.top-button-div[data-v-0c251e77]{position:absolute;top:-.5rem;right:-.5rem;justify-content:center;padding-right:3px;display:flex}.custom-handle[data-v-666f472b]{visibility:hidden}.dot[data-v-666f472b]{display:flex;flex-direction:column;align-items:center;font-size:5px}.dot.GraphClusterRoot[data-v-666f472b]{color:var(--ks-border-created)}.dot.GraphClusterFinally[data-v-666f472b]{color:var(--ks-border-warning)}.dot.GraphClusterEnd[data-v-666f472b]{color:var(--ks-border-active)}.add-task-div[data-v-4afc4738]{margin:.2rem;width:25px;height:25px;border:.4px solid var(--ks-border-primary);background-color:var(--ks-background-card);cursor:pointer}.add-task-div.text-danger[data-v-4afc4738]{border-color:#e36065}.stroke-danger[data-v-a3e1d999],.stroke-error[data-v-a3e1d999]{stroke:var(--ks-border-error)}.stroke-warning[data-v-a3e1d999]{stroke:var(--ks-border-warning)}.ks-duration-tt{text-align:left;white-space:nowrap;max-width:none}.ks-duration-tt .ks-duration-tt-square{display:inline-block;width:10px;height:10px;margin-right:5px}.ks-duration-tt .ks-duration-tt-square-created{background-color:var(--ks-chart-created)}.ks-duration-tt .ks-duration-tt-square-restarted{background-color:var(--ks-chart-restarted)}.ks-duration-tt .ks-duration-tt-square-success{background-color:var(--ks-chart-success)}.ks-duration-tt .ks-duration-tt-square-running{background-color:var(--ks-chart-running)}.ks-duration-tt .ks-duration-tt-square-killing{background-color:var(--ks-chart-killing)}.ks-duration-tt .ks-duration-tt-square-killed{background-color:var(--ks-chart-killed)}.ks-duration-tt .ks-duration-tt-square-warning{background-color:var(--ks-chart-warning)}.ks-duration-tt .ks-duration-tt-square-failed{background-color:var(--ks-chart-failed)}.ks-duration-tt .ks-duration-tt-square-paused{background-color:var(--ks-chart-paused)}.ks-duration-tt .ks-duration-tt-square-cancelled{background-color:var(--ks-chart-cancelled)}.ks-duration-tt .ks-duration-tt-square-skipped{background-color:var(--ks-chart-skipped)}.ks-duration-tt .ks-duration-tt-square-queued{background-color:var(--ks-chart-queued)}.ks-duration-tt .ks-duration-tt-square-retrying{background-color:var(--ks-chart-retrying)}.ks-duration-tt .ks-duration-tt-square-retried{background-color:var(--ks-chart-retried)}.content[data-v-2b139cc5]{color:var(--ks-content-secondary)}.content-children[data-v-2b139cc5]{font-size:.7rem}.node-wrapper[data-v-394f20a4]{background-color:var(--ks-background-card);width:184px;height:44px;margin:0;padding:8px;display:flex;z-index:150000;align-items:center;box-shadow:0 12px 12px #82679e1a;border:1px solid var(--ks-border-primary)}.node-wrapper.execution-no-taskrun[data-v-394f20a4],.node-wrapper.disabled[data-v-394f20a4]{background-color:var(--ks-background-card)}.node-wrapper.disabled .task-title[data-v-394f20a4]{color:var(--ks-content-secondary);text-decoration:line-through}.node-wrapper .icon[data-v-394f20a4]{margin:.2rem;width:25px;height:25px;border:.4px solid var(--ks-border-primary);min-width:25px;min-height:25px}.node-content[data-v-394f20a4]{display:flex;flex-direction:column;justify-content:center;margin-left:.7rem}.node-content>.node-title[data-v-394f20a4]{width:125px}.description-button[data-v-394f20a4]{color:var(--ks-content-secondary);cursor:pointer}.material-design-icon.icon-rounded[data-v-394f20a4]{border-radius:1rem;padding:1px}.button-icon[data-v-394f20a4]{font-size:.75rem}.task-title[data-v-394f20a4]{font-size:.75rem;font-weight:700;color:var(--ks-content-primary);flex-grow:1}.status-div[data-v-394f20a4]{width:8px;height:100%;position:absolute;left:-.04438rem;border-radius:.5rem 0 0 .5rem}.running-border-animation[data-v-394f20a4]{border:none!important}.running-border-animation[data-v-394f20a4]:before{position:absolute;content:"";z-index:-1;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:.55rem;background:conic-gradient(from calc(var(--border-angle-running)) at 50% 50%,var(--ks-border-running) 0%,var(--ks-border-running) 10%,var(--ks-border-primary) 40%,var(--ks-border-primary) 60%,var(--ks-border-running) 90%,var(--ks-border-running) 100%);animation:running-border-394f20a4 3s linear infinite}@keyframes running-border-394f20a4{to{--border-angle-running: 1turn}}@property --border-angle-running{syntax: "<angle>"; inherits: true; initial-value: 0turn;}.playground-button[data-v-2e8ae97f]{position:absolute;bottom:0;right:0;z-index:1;border:none;background-color:var(--ks-background-card);border-radius:3px;height:1rem;width:1rem;padding:.1rem;margin:6px;font-size:.8rem}button.playground-button[data-v-2e8ae97f],.dark button.playground-button[data-v-2e8ae97f]{color:#fff;background-color:#3991ff}.collapsed-cluster-node[data-v-89413b39]{width:150px;height:44px;padding:8px}.node-text[data-v-89413b39]{color:#000;font-size:.9rem;display:flex;align-items:center}html.dark .node-text[data-v-89413b39]{color:#fff}.button-icon[data-v-89413b39]{font-size:.75rem}svg[data-v-084c51e6]{transform:scale(1.5)}svg[data-v-c77c1469]{transform:scale(1.5)}.circle-button{border-radius:1rem;width:1rem;height:1rem;display:flex;justify-content:center;align-items:center;margin-left:.25rem;z-index:2000}.button-icon{font-size:.66rem}.vue-flow__controls{border:1px solid var(--ks-border-primary);border-radius:var(--bs-border-radius)}.vue-flow__controls-button{color:var(--bs-black);border-bottom-color:var(--bs-border-color)}.vue-flow__controls-button svg{fill:var(--bs-black)}html.dark .vue-flow__controls-button{background:var(--ks-background-card);color:var(--bs-white)}html.dark .vue-flow__controls-button svg{fill:var(--bs-white)}:root{--ks-topology-edge-color: #9A8EB4}.vue-flow__container .top-button-div{position:absolute;top:-.5rem;right:-.5rem;justify-content:center;padding-right:3px;display:flex}.vue-flow__container .vue-flow__node-cluster{pointer-events:none!important}.vue-flow__container .vue-flow__handle{opacity:0!important}.vue-flow__container .vue-flow__edge-path{stroke:var(--ks-topology-edge-color)}.vue-flow__container .ks-topology-success-border{background-color:#02be8a0d;border:1px solid #02be8a}.vue-flow__container .ks-topology-primary-border{background-color:#8405ff0d;border:1px solid #8405ff}.vue-flow__container .ks-topology-danger-border{background-color:#ab00090d;border:1px solid #ab0009}.vue-flow__container .ks-topology-blue-border{background-color:#1761fd0d;border:1px solid #1761fd}.vue-flow__container .ks-topology-default-border{background-color:#2c303f0d;border:1px solid #2c303f}.material-design-icon.download-icon[data-v-52da5473]{max-width:12px}[data-v-52da5473] .unused-path{opacity:.3}.exporting[data-v-52da5473]{position:absolute;bottom:0;left:40px;padding:0;margin:0;z-index:1000;list-style-type:none;background:var(--ks-background-card);border:1px solid var(--ks-border-primary);box-shadow:0 12px 12px #82679e1a;border-radius:5px;text-align:left}.exporting .item[data-v-52da5473]{padding:5px 8px;cursor:pointer;color:var(--ks-content-primary);font-size:12px;width:110px}.exporting .item[data-v-52da5473]:first-child{border-bottom:1px solid var(--ks-border-primary)}.exporting .item[data-v-52da5473]:hover{background:var(--ks-button-background-secondary-hover)}.icon[data-v-ffd9a851]{margin-right:.3rem}.code-block[data-v-a899f6a1]{padding:1.25rem;border-radius:var(--bs-border-radius-lg);position:relative}.code-block .language[data-v-a899f6a1]{font-size:.75rem}.code-block[data-v-a899f6a1] pre{margin-bottom:0;padding:0;border:0!important}.code-block[data-v-a899f6a1] .shiki{background-color:transparent!important}.code-block[data-v-a899f6a1] .shiki code{display:flex;flex-direction:column}.code-block .copy[data-v-a899f6a1]{border:none;background:none}.code-block .copy .material-design-icon[data-v-a899f6a1],.code-block .copy .material-design-icon[data-v-a899f6a1] *{height:1.125rem!important;width:1.125rem!important}.code-block .copy[data-v-a899f6a1],.code-block .language[data-v-a899f6a1]{position:absolute;top:1.25rem;right:1.25rem}.code-block #copied-tooltip[data-v-a899f6a1]{border-radius:.25rem;background:#8997bd;padding:4px 8px;font-size:.75rem;margin-right:.2rem!important}.code-block #copied-tooltip #arrow[data-v-a899f6a1],.code-block #copied-tooltip #arrow[data-v-a899f6a1]:before{position:absolute;width:8px;height:8px;background:inherit}.code-block #copied-tooltip #arrow[data-v-a899f6a1]{visibility:hidden;right:-4px}.code-block #copied-tooltip #arrow[data-v-a899f6a1]:before{visibility:visible;content:"";transform:rotate(45deg)}[data-v-a899f6a1] pre code .line{display:block;min-height:1rem;white-space:pre-wrap}details[data-v-5411e3ca]{overflow:hidden}details[data-v-5411e3ca]::details-content{block-size:0%;transition:block-size .15s,content-visibility .15s;transition-behavior:allow-discrete}details[open][data-v-5411e3ca]::details-content{block-size:auto}.collapse-button[data-v-5411e3ca]{padding:0;border:none;background:none}.collapse-button[data-v-5411e3ca]:focus{outline:none;box-shadow:none}.doc-alert[data-v-f7fd8bc1]{display:flex;align-items:start;border:1px solid;border-left-width:5px!important;padding:1rem;margin-bottom:1rem;border-radius:.25rem}.doc-alert[data-v-f7fd8bc1]>*{margin:0}.doc-alert .alert-icon[data-v-f7fd8bc1]{font-size:22px}.doc-alert.alert-danger[data-v-f7fd8bc1]{border-color:var(--ks-border-error);color:var(--ks-content-error);background-color:var(--ks-background-error)}.doc-alert.alert-warning[data-v-f7fd8bc1]{border-color:var(--ks-border-warning);color:var(--ks-content-warning);background-color:var(--ks-background-warning)}.doc-alert.alert-info[data-v-f7fd8bc1]{border-color:var(--ks-border-info);color:var(--ks-content-info);background-color:var(--ks-background-info)}.doc-alert.alert-success[data-v-f7fd8bc1]{border-color:var(--ks-border-success);color:var(--ks-content-success);background-color:var(--ks-background-success)}.property-detail[data-v-79715a4e]>*{display:flex;justify-content:space-between;border-top:1px solid var(--ks-border-primary);align-items:center;padding:1rem 0;gap:var(--spacer)}.property-detail>* span[data-v-79715a4e],.property-detail>* .property-description[data-v-79715a4e] p{line-height:1.5rem;font-size:.875rem!important}.property-detail>* .property-description[data-v-79715a4e]{color:var(--ks-content-secondary)}.property-detail>* code[data-v-79715a4e]{color:var(--ks-content-primary);background:var(--ks-background-body)}.property-detail>* .border-red[data-v-79715a4e]{border-color:#e3262f!important}.property-detail[data-v-79715a4e]>*:first-child{padding-top:0;border-top:none!important}.property-detail[data-v-79715a4e]>*:last-child{padding-bottom:0}.property-detail[data-v-79715a4e]>*>*{width:fit-content}.type-box[data-v-0d36ff40],[data-v-0d36ff40] .type-box{border:1px solid #1761FD!important;background:none}.type-box .ref-type[data-v-0d36ff40],[data-v-0d36ff40] .type-box .ref-type{padding-right:.625rem}.type-box .ref-type[data-v-0d36ff40]+*,[data-v-0d36ff40] .type-box .ref-type+*{margin-left:.625rem}.border[data-v-0d36ff40]{border-radius:.5rem}.property[data-v-0d36ff40]{gap:0!important}.property[data-v-0d36ff40]>button{font-size:1rem!important;line-height:1.5rem}.property[data-v-0d36ff40]:not(:first-child){border-top:var(--bs-border-width) var(--bs-border-style) var(--collapsible-border-color)}.property[data-v-0d36ff40]>.collapse-button{padding:.75rem 1rem}.property[data-v-0d36ff40]>.collapse-button:not(.collapsed){border-bottom:var(--bs-border-width) var(--bs-border-style) var(--collapsible-border-color)}.property[data-v-0d36ff40]>.collapsible-body:not(.collapsed){padding-top:.75rem;padding-bottom:.75rem}.property[data-v-0d36ff40] .property-detail>*{padding-left:1rem;padding-right:1rem}.plugin-title[data-v-5953ec4c] p{font-size:1rem}[data-v-5953ec4c] .nested-button-py-2 button{padding-top:.5rem!important;padding-bottom:.5rem!important}[data-v-5953ec4c] .markdown pre,[data-v-5953ec4c] .markdown .code-block{margin:0}[data-v-5953ec4c] .markdown>ol,[data-v-5953ec4c] .markdown>ul,[data-v-5953ec4c] .markdown>dl{margin-top:0;margin-bottom:0}[data-v-5953ec4c] .plugin-section .material-design-icon,[data-v-5953ec4c] .plugin-section .material-design-icon *{height:1.5rem;width:1.5rem;bottom:0}[data-v-5953ec4c] .plugin-section .material-design-icon:not(.property .material-design-icon),[data-v-5953ec4c] .plugin-section .material-design-icon:not(.property .material-design-icon) *{height:2rem;width:2rem}[data-v-5953ec4c] .type-box{color:buttontext}[data-v-5953ec4c] .type-box .material-design-icon,[data-v-5953ec4c] .type-box .material-design-icon *{height:1rem;width:1rem}.row-link[data-v-b787c0f3]{border-width:1px}

package/dist/utils/Utils.d.ts

@@ -1,16 +1,23 @@
 import { type Options as HumanizeDurationOptions } from "humanize-duration";
 export declare const DATE_FORMAT_STORAGE_KEY = "dateFormat";
 export declare const TIMEZONE_STORAGE_KEY = "timezone";
+export declare const capitalize: (str: string) => string;
+export declare const dateFilter: (dateString: string, format: string) => any;
+export declare function splitFirst(str: string, separator: string): string;
+export declare function duration(isoString: string): number;
+export declare function humanDuration(value: number | string, options?: HumanizeDurationOptions & {
+    languages?: any;
+}): string;
+export declare function afterLastDot(str: string): string | undefined;
+export declare function distinctFilter(value: any, index: number, array: any[]): boolean;
 declare const _default: {
     capitalize: (str: string) => string;
     dateFilter: (dateString: string, format: string) => any;
-    splitFirst(str: string, separator: string): string;
-    duration(isoString: string): number;
-    humanDuration(value: number | string, options?: HumanizeDurationOptions & {
-        languages?: any;
-    }): string;
-    afterLastDot(str: string): string | undefined;
-    distinctFilter(value: any, index: number, array: any[]): boolean;
+    splitFirst: typeof splitFirst;
+    duration: typeof duration;
+    humanDuration: typeof humanDuration;
+    afterLastDot: typeof afterLastDot;
+    distinctFilter: typeof distinctFilter;
 };
 export default _default;
 //# sourceMappingURL=Utils.d.ts.map

package/dist/utils/Utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Utils.d.ts","sourceRoot":"","sources":["../../src/utils/Utils.ts"],"names":[],"mappings":"AACA,OAAyB,EAAC,KAAK,OAAO,IAAI,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AA2B7F,eAAO,MAAM,uBAAuB,eAAe,CAAC;AACpD,eAAO,MAAM,oBAAoB,aAAa,CAAC;;sBAGzB,MAAM;6BACC,MAAM,UAAU,MAAM;oBAc/B,MAAM,aAAa,MAAM;wBAIrB,MAAM;yBAMf,MAAM,GAAG,MAAM,YACZ,uBAAuB,GAAG;QAAE,SAAS,CAAC,EAAE,GAAG,CAAA;KAAE;sBAiBzC,MAAM;0BAGF,GAAG,SAAS,MAAM,SAAS,GAAG,EAAE;;AA/C1D,wBAkDE"}
+{"version":3,"file":"Utils.d.ts","sourceRoot":"","sources":["../../src/utils/Utils.ts"],"names":[],"mappings":"AACA,OAAyB,EAAC,KAAK,OAAO,IAAI,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AA2B7F,eAAO,MAAM,uBAAuB,eAAe,CAAC;AACpD,eAAO,MAAM,oBAAoB,aAAa,CAAC;AAG/C,eAAO,MAAM,UAAU,QAAS,MAAM,WAA+C,CAAA;AAErF,eAAO,MAAM,UAAU,eAAgB,MAAM,UAAU,MAAM,QAaxD,CAAA;AAEL,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,UAExD;AAED,wBAAgB,QAAQ,CAAC,SAAS,EAAE,MAAM,UAIzC;AAED,wBAAgB,aAAa,CACzB,KAAK,EAAE,MAAM,GAAG,MAAM,EACtB,OAAO,CAAC,EAAE,uBAAuB,GAAG;IAAE,SAAS,CAAC,EAAE,GAAG,CAAA;CAAE,UAgB1D;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,sBAEvC;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,WAErE;;sBArD+B,MAAM;6BAEC,MAAM,UAAU,MAAM;;;;;;;AAqD7D,wBAQE"}

package/dist/utils/state.d.ts

@@ -19,6 +19,7 @@ export default class State {
     static get WARNING(): string;
     static get PAUSED(): string;
     static get CANCELLED(): string;
+    static get SKIPPED(): string;
     static get QUEUED(): string;
     static get RETRYING(): string;
     static get RETRIED(): string;

package/dist/utils/state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../src/utils/state.ts"],"names":[],"mappings":"AAcA,UAAU,UAAU;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,GAAG,CAAC;IACV,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,EAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAwI3C,CAAC;AAEH,MAAM,CAAC,OAAO,OAAO,KAAK;IACtB,MAAM,KAAK,OAAO,WAEjB;IAED,MAAM,KAAK,SAAS,WAEnB;IAED,MAAM,KAAK,OAAO,WAEjB;IAED,MAAM,KAAK,OAAO,WAEjB;IAED,MAAM,KAAK,OAAO,WAEjB;IAED,MAAM,KAAK,MAAM,WAEhB;IAED,MAAM,KAAK,MAAM,WAEhB;IAED,MAAM,KAAK,OAAO,WAEjB;IAED,MAAM,KAAK,MAAM,WAEhB;IAED,MAAM,KAAK,SAAS,WAEnB;IAED,MAAM,KAAK,MAAM,WAEhB;IAED,MAAM,KAAK,QAAQ,WAElB;IAED,MAAM,KAAK,OAAO,WAEjB;IAED,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,SAAS,CAAC,KAAK,EAAC,MAAM;IAI7B,MAAM,CAAC,UAAU,CAAC,KAAK,EAAC,MAAM;IAI9B,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAC,MAAM;IAI5B,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAC,MAAM;IAI5B,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAC,MAAM;IAI5B,MAAM,CAAC,SAAS;;;;;;;IAUhB,MAAM,CAAC,cAAc;IAIrB,MAAM,CAAC,UAAU;;;IAIjB,MAAM,CAAC,KAAK;;;IAMZ,MAAM,CAAC,aAAa,CAAC,KAAK,EAAC,MAAM;IAIjC,MAAM,CAAC,IAAI;;;IAIX,MAAM,CAAC,mBAAmB;CAG7B"}
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../src/utils/state.ts"],"names":[],"mappings":"AAcA,UAAU,UAAU;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,GAAG,CAAC;IACV,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,EAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAwI3C,CAAC;AAEH,MAAM,CAAC,OAAO,OAAO,KAAK;IACtB,MAAM,KAAK,OAAO,WAEjB;IAED,MAAM,KAAK,SAAS,WAEnB;IAED,MAAM,KAAK,OAAO,WAEjB;IAED,MAAM,KAAK,OAAO,WAEjB;IAED,MAAM,KAAK,OAAO,WAEjB;IAED,MAAM,KAAK,MAAM,WAEhB;IAED,MAAM,KAAK,MAAM,WAEhB;IAED,MAAM,KAAK,OAAO,WAEjB;IAED,MAAM,KAAK,MAAM,WAEhB;IAED,MAAM,KAAK,SAAS,WAEnB;IAED,MAAM,KAAK,OAAO,WAEjB;IAED,MAAM,KAAK,MAAM,WAEhB;IAED,MAAM,KAAK,QAAQ,WAElB;IAED,MAAM,KAAK,OAAO,WAEjB;IAED,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,SAAS,CAAC,KAAK,EAAC,MAAM;IAI7B,MAAM,CAAC,UAAU,CAAC,KAAK,EAAC,MAAM;IAI9B,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAC,MAAM;IAI5B,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAC,MAAM;IAI5B,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAC,MAAM;IAI5B,MAAM,CAAC,SAAS;;;;;;;IAUhB,MAAM,CAAC,cAAc;IAIrB,MAAM,CAAC,UAAU;;;IAIjB,MAAM,CAAC,KAAK;;;IAMZ,MAAM,CAAC,aAAa,CAAC,KAAK,EAAC,MAAM;IAIjC,MAAM,CAAC,IAAI;;;IAIX,MAAM,CAAC,mBAAmB;CAG7B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kestra-io/ui-libs",
-  "version": "0.0.228",
+  "version": "0.0.230",
   "type": "module",
   "files": [
     "dist",

package/src/assets/icons/RotatingDots.vue

@@ -0,0 +1,25 @@
+<template>
+    <DotsCircleIcon class="loading-dots-circle" :alt="alt" />
+</template>
+
+<script lang="ts" setup>
+    import DotsCircleIcon from "vue-material-design-icons/DotsCircle.vue";
+    defineProps<{
+        alt?: string;
+    }>();
+</script>
+
+<style lang="scss" scoped>
+.loading-dots-circle {
+    animation: rotate 2s linear infinite;
+}
+
+@keyframes rotate {
+    from {
+        transform: rotate(0deg);
+    }
+    to {
+        transform: rotate(360deg);
+    }
+}
+</style>

package/src/components/misc/Duration.vue

@@ -7,7 +7,7 @@
                 class="ks-duration-tt"
             >
                 <span class="ks-duration-tt-square" :class="squareClass(history.state)" />
-                <strong>{{ history.state }}: </strong>{{ Utils.dateFilter(history.date.toString(), "iso") }} <br>
+                <strong>{{ history.state }}: </strong>{{ Utils.dateFilter(history.date.toISOString(), "iso") }} <br>
             </span>
         </template>
         
@@ -21,7 +21,7 @@
     import {computed, onBeforeUnmount, onMounted, ref, watch} from "vue";
     import {type Moment} from "moment";
     import State from "../../utils/state";
-    import Utils from "../../utils/Utils";
+    import * as Utils from "../../utils/Utils";
     import Tooltip from "./Tooltip.vue";
 
     const props = defineProps<{

package/src/components/misc/ExecutionInformations.vue

@@ -8,12 +8,12 @@
         <span v-if="histories"><duration :histories="histories" /></span>
     </div>
 </template>
+
 <script lang="ts" setup>
     import {computed} from "vue";
     import moment from "moment";
     import Duration from "./Duration.vue";
-    import State from "../../utils/state";
-    import Utils from "../../utils/Utils"
+    import * as Utils from "../../utils/Utils"
 
     defineOptions({
         name: "ExecutionInformations",
@@ -29,50 +29,19 @@
             type: object;
             default: null;
         };
+        state: string;
     }>();
 
     const taskRunList = computed(() => {
         return props.execution?.taskRunList ? props.execution.taskRunList : [];
     });
+
     const taskRuns = computed(() => {
         return taskRunList.value.filter(
             (t) => t.taskId === Utils.afterLastDot(props.uid ?? "")
         );
     });
-    const state = computed(() => {
-        if (!taskRuns.value) {
-            return null;
-        }
-
-        if (taskRuns.value.length === 1) {
-            return taskRuns.value[0].state.current;
-        }
 
-        const allStates = taskRuns.value.map((t) => t.state.current);
-
-        const SORT_STATUS: (string | undefined)[] = [
-            State.FAILED,
-            State.KILLED,
-            State.WARNING,
-            State.KILLING,
-            State.RUNNING,
-            State.SUCCESS,
-            State.RESTARTED,
-            State.CREATED,
-        ];
-
-        // sorting based on SORT_STATUS array
-        const result = allStates
-            .map((item) => {
-                const n = SORT_STATUS.indexOf(item[1]);
-                SORT_STATUS[n] = undefined;
-                return [n, item];
-            })
-            .sort()
-            .map((j) => j[1]);
-
-        return result[0];
-    });
     const histories = computed(() => {
         if (!taskRuns.value) {
             return undefined;
@@ -100,10 +69,11 @@
 
         return [
             {date: moment(max).subtract(duration, "second"), state: "CREATED"},
-            {date: moment(max), state: state.value},
+            {date: moment(max), state: props.state},
         ];
     });
 </script>
+
 <style lang="scss" scoped>
 .content {
   color: var(--ks-content-secondary);

package/src/components/nodes/BasicNode.vue

@@ -1,11 +1,11 @@
 <template>
     <div
-        :class="classes"
-        class="node-wrapper rounded-3 border"
+        class="node-wrapper rounded-3"
+        :style="{borderColor: state ? `var(--ks-border-${state.toLowerCase()})` : undefined}"
+        :class="{...classes, 'running-border-animation': state === 'RUNNING'}"
         @mouseover="mouseover"
         @mouseleave="mouseleave"
     >
-        <div v-if="state" class="status-div" :class="[`bg-${stateColor}`]" />
         <div class="icon rounded">
             <component :is="iconComponent || TaskIcon" :cls="cls" :class="taskIconBg" class="rounded bg-white" theme="light" :icons="icons" />
         </div>
@@ -59,164 +59,104 @@
     </div>
 </template>
 
-<script setup>
+<script lang="ts" setup>
+    import {computed} from "vue";
     import TaskIcon from "../misc/TaskIcon.vue";
-</script>
-
-<script>
     import InformationOutline from "vue-material-design-icons/InformationOutline.vue";
     import {EVENTS} from "../../utils/constants";
     import ArrowExpand from "vue-material-design-icons/ArrowExpand.vue";
     import OpenInNew from "vue-material-design-icons/OpenInNew.vue";
     import Tooltip from "../misc/Tooltip.vue";
     import Utils from "../../utils/Utils";
-    import {EXECUTION_INJECTION_KEY} from "../topology/injectionKeys";
-
-    export default {
-        components: {
-            ArrowExpand,
-            InformationOutline,
-            OpenInNew,
-            Tooltip
-        },
-
-        emits: [
-            EVENTS.EXPAND,
-            EVENTS.OPEN_LINK,
-            EVENTS.SHOW_LOGS,
-            EVENTS.MOUSE_OVER,
-            EVENTS.MOUSE_LEAVE,
-            EVENTS.ADD_ERROR,
-            EVENTS.EDIT,
-            EVENTS.DELETE,
-            EVENTS.ADD_TASK,
-            EVENTS.SHOW_DESCRIPTION
-        ],
+
+    const emit = defineEmits([
+        EVENTS.EXPAND,
+        EVENTS.OPEN_LINK,
+        EVENTS.SHOW_LOGS,
+        EVENTS.MOUSE_OVER,
+        EVENTS.MOUSE_LEAVE,
+        EVENTS.ADD_ERROR,
+        EVENTS.EDIT,
+        EVENTS.DELETE,
+        EVENTS.ADD_TASK,
+        EVENTS.SHOW_DESCRIPTION
+    ]);
+
+    defineOptions({
+        name: "BasicNode",
         inheritAttrs: false,
-        props: {
-            id: {
-                type: String,
-                default: undefined
-            },
-            title: {
-                type: String,
-                default: undefined
-            },
-            type: {
-                type: String,
-                default: undefined
-            },
-            disabled: {
-                type: Boolean,
-                default: undefined
-            },
-            state: {
-                type: String,
-                default: undefined
-            },
-            data: {
-                type: Object,
-                required: true
-            },
-            icons: {
-                type: Object,
-                default: undefined
-            },
-            iconComponent: {
-                type: Object,
-                default: undefined
-            }
-        },
-        methods: {
-            mouseover() {
-                this.$emit(EVENTS.MOUSE_OVER, this.data.node);
-            },
-            mouseleave() {
-                this.$emit(EVENTS.MOUSE_LEAVE);
-            },
-        },
-        data() {
-            return {
-                filter: undefined,
-                isOpen: false,
-            };
-        },
-        inject: {
-            execution: { 
-                from: EXECUTION_INJECTION_KEY,
-            },
-        },
-        computed: {
-            Utils() {
-                return Utils
-            },
-            borderColor() {
-                const color = this.data.color ? this.data.color === "default" ? null : this.data.color : null
-                return color ? color : this.expandable ? "blue" : null
-            },
-            EVENTS() {
-                return EVENTS
-            },
-            expandable() {
-                return this.data?.expandable || false
-            },
-            description() {
-                const node = this.data.node.task ?? this.data.node.trigger ?? null
-                if (node) {
-                    return node.description ?? null
-                }
-                return null
-            },
-            trimmedId() {
-                return Utils.afterLastDot(this.id);
-            },
-            taskIconBg() {
-                return !["default", "danger"].includes(this.data.color) ? this.data.color : "";
-            },
-            stateColor() {
-                switch (this.state) {
-                case "RUNNING":
-                    return "primary"
-                case "SUCCESS":
-                    return "success"
-                case "WARNING":
-                    return "warning"
-                case "FAILED":
-                    return "danger"
-                default:
-                    return null;
-                }
-            },
-            classes() {
-                return {
-                    "unused-path": this.data.unused,
-                    [`border-${this.borderColor}`]: this.borderColor,
-                    "disabled": this.data.node.task?.disabled || this.data.parent?.taskNode?.task?.disabled,
-                    [this.$attrs.class]: true
-                }
-            },
-            cls() {
-                if (this.data.node.triggerDeclaration) {
-                    return this.data.node.triggerDeclaration.type;
-                }
-
-                if (!this.data.node?.task) {
-                    return undefined;
-                }
-
-                return this.data.node.task.type;
-            },
-            hoverTooltip() {
-                if (this.data.node.type?.endsWith("SubflowGraphTask")) {
-                    const subflowIdContainer = this.data.node.task.subflowId ?? this.data.node.task;
-
-                    return subflowIdContainer.namespace + " " + subflowIdContainer.flowId;
-                }
-
-                return this.trimmedId;
-            }
-        }
+    });
+
+    const props = defineProps<{
+        id?: string;
+        title?: string;
+        type?: string;
+        disabled?: boolean;
+        state?: string;
+        data: any;
+        icons: any;
+        iconComponent: any;
+        class?: string | string[] | Record<string, boolean>;
+    }>();
+
+    function mouseover() {
+        emit(EVENTS.MOUSE_OVER, props.data.node);
     }
+
+    function mouseleave() {
+        emit(EVENTS.MOUSE_LEAVE);
+    }
+
+    const expandable = computed(() => {
+        return props.data?.expandable || false
+    })
+
+    const description = computed(() => {
+        const node = props.data.node.task ?? props.data.node.trigger ?? null
+        if (node) {
+            return node.description ?? null
+        }
+        return null
+    })
+
+    const trimmedId = computed(() => {
+        return Utils.afterLastDot(props.id ?? "");
+    })
+
+    const taskIconBg = computed(() => {
+        return !["default", "danger"].includes(props.data.color) ? props.data.color : "";
+    })
+
+    const classes = computed(() => {
+        return [{
+                    "unused-path": props.data.unused,
+                    "disabled": props.data.node.task?.disabled || props.data.parent?.taskNode?.task?.disabled,
+                },
+                props.class
+        ]
+    })
+
+    const cls = computed(() => {
+        if (props.data.node.triggerDeclaration) {
+            return props.data.node.triggerDeclaration.type;
+        }
+
+        if (!props.data.node?.task) {
+            return undefined;
+        }
+
+        return props.data.node.task.type;
+    })
+
+    const hoverTooltip = computed(() => {
+        if (props.data.node.type?.endsWith("SubflowGraphTask")) {
+            const subflowIdContainer = props.data.node.task.subflowId ?? props.data.node.task;
+
+            return subflowIdContainer.namespace + " " + subflowIdContainer.flowId;
+        }
+
+        return trimmedId.value;
+    })
 </script>
 
 <style lang="scss" scoped>
@@ -231,6 +171,7 @@
         z-index: 150000;
         align-items: center;
         box-shadow: 0 12px 12px 0 rgba(130, 103, 158, 0.10);
+        border: 1px solid var(--ks-border-primary);
 
         &.execution-no-taskrun, &.disabled {
             background-color: var(--ks-background-card);
@@ -292,4 +233,38 @@
         left: -0.04438rem;
         border-radius: 0.5rem 0 0 0.5rem;
     }
+
+    .running-border-animation {
+        border: none !important;
+        &:before{
+            position: absolute;
+            content: '';
+            z-index: -1;
+            top: -1px;
+            left: -1px;
+            right: -1px;
+            bottom: -1px;
+            border-radius: .55rem;
+            background: conic-gradient(from calc(var(--border-angle-running)) at 50% 50%, 
+                var(--ks-border-running) 0%, 
+                var(--ks-border-running) 10%, 
+                var(--ks-border-primary) 40%, 
+                var(--ks-border-primary) 60%, 
+                var(--ks-border-running) 90%, 
+                var(--ks-border-running) 100%);
+            animation: running-border 3s linear infinite;
+        }
+    }
+
+    @keyframes running-border {
+        to {
+            --border-angle-running: 1turn;
+        }
+    }
+
+    @property --border-angle-running {
+        syntax: "<angle>";
+        inherits: true;
+        initial-value: 0turn;
+    }
 </style>