@kestra-io/ui-libs 0.0.218 → 0.0.220

package/dist/ui-libs.css

@@ -1 +1 @@
-:root{--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-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-dialog-background: #ffffff;--ks-dialog-border: #cfd3d6;--ks-dialog-header: #ffffff;--ks-dialog-headerbtn: #9797a6;--ks-dialog-headerbtn-hover: #9470ff;--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-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-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-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-dialog-background: #2f3342;--ks-dialog-border: #404559;--ks-dialog-header: #2f3342;--ks-dialog-headerbtn: #9797a6;--ks-dialog-headerbtn-hover: #a396ff;--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-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: #262a35;--ks-tag-background-active: #2f3342;--ks-tag-background-hover: #404559;--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-d71af44b]{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-d71af44b],.node-wrapper.disabled[data-v-d71af44b]{background-color:var(--ks-background-card)}.node-wrapper.disabled .task-title[data-v-d71af44b]{color:var(--ks-content-secondary);text-decoration:line-through}.node-wrapper .icon[data-v-d71af44b]{margin:.2rem;width:25px;height:25px;border:.4px solid var(--ks-border-primary);min-width:25px;min-height:25px}.node-content[data-v-d71af44b]{display:flex;flex-direction:column;justify-content:center;margin-left:.7rem}.node-content>.node-title[data-v-d71af44b]{width:125px}.description-button[data-v-d71af44b]{color:var(--ks-content-secondary);cursor:pointer}.material-design-icon.icon-rounded[data-v-d71af44b]{border-radius:1rem;padding:1px}.button-icon[data-v-d71af44b]{font-size:.75rem}.task-title[data-v-d71af44b]{font-size:.75rem;font-weight:700;color:var(--ks-content-primary);flex-grow:1}.status-div[data-v-d71af44b]{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-b7801302]{color:var(--bs-gray-700)}.content-children[data-v-b7801302]{font-size:.7rem}.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-ecaa6943]{max-width:12px}[data-v-ecaa6943] .unused-path{opacity:.3}.exporting[data-v-ecaa6943]{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-ecaa6943]{padding:5px 8px;cursor:pointer;color:var(--ks-content-primary);font-size:12px;width:110px}.exporting .item[data-v-ecaa6943]:first-child{border-bottom:1px solid var(--ks-border-primary)}.exporting .item[data-v-ecaa6943]: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-792a18bc]{overflow:hidden}details[data-v-792a18bc]::details-content{block-size:0%;transition:block-size .15s,content-visibility .15s;transition-behavior:allow-discrete}details[open][data-v-792a18bc]::details-content{block-size:auto}.collapse-button[data-v-792a18bc]{padding:0;border:none;background:none}.collapse-button[data-v-792a18bc]: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}
+:root{--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-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-dialog-background: #ffffff;--ks-dialog-border: #cfd3d6;--ks-dialog-header: #ffffff;--ks-dialog-headerbtn: #9797a6;--ks-dialog-headerbtn-hover: #9470ff;--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-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-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-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-dialog-background: #2f3342;--ks-dialog-border: #404559;--ks-dialog-header: #2f3342;--ks-dialog-headerbtn: #9797a6;--ks-dialog-headerbtn-hover: #a396ff;--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-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: #262a35;--ks-tag-background-active: #2f3342;--ks-tag-background-hover: #404559;--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-fc87bf62]{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-fc87bf62],.node-wrapper.disabled[data-v-fc87bf62]{background-color:var(--ks-background-card)}.node-wrapper.disabled .task-title[data-v-fc87bf62]{color:var(--ks-content-secondary);text-decoration:line-through}.node-wrapper .icon[data-v-fc87bf62]{margin:.2rem;width:25px;height:25px;border:.4px solid var(--ks-border-primary);min-width:25px;min-height:25px}.node-content[data-v-fc87bf62]{display:flex;flex-direction:column;justify-content:center;margin-left:.7rem}.node-content>.node-title[data-v-fc87bf62]{width:125px}.description-button[data-v-fc87bf62]{color:var(--ks-content-secondary);cursor:pointer}.material-design-icon.icon-rounded[data-v-fc87bf62]{border-radius:1rem;padding:1px}.button-icon[data-v-fc87bf62]{font-size:.75rem}.task-title[data-v-fc87bf62]{font-size:.75rem;font-weight:700;color:var(--ks-content-primary);flex-grow:1}.status-div[data-v-fc87bf62]{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-b7801302]{color:var(--bs-gray-700)}.content-children[data-v-b7801302]{font-size:.7rem}.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-5655b4c8]{max-width:12px}[data-v-5655b4c8] .unused-path{opacity:.3}.exporting[data-v-5655b4c8]{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-5655b4c8]{padding:5px 8px;cursor:pointer;color:var(--ks-content-primary);font-size:12px;width:110px}.exporting .item[data-v-5655b4c8]:first-child{border-bottom:1px solid var(--ks-border-primary)}.exporting .item[data-v-5655b4c8]: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-792a18bc]{overflow:hidden}details[data-v-792a18bc]::details-content{block-size:0%;transition:block-size .15s,content-visibility .15s;transition-behavior:allow-discrete}details[open][data-v-792a18bc]::details-content{block-size:auto}.collapse-button[data-v-792a18bc]{padding:0;border:none;background:none}.collapse-button[data-v-792a18bc]: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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kestra-io/ui-libs",
-  "version": "0.0.218",
+  "version": "0.0.220",
   "type": "module",
   "files": [
     "dist",
@@ -56,7 +56,6 @@
     "vue": "^3.5.5",
     "vue-material-design-icons": "^5.3.0",
     "vue-router": "^4.5.0",
-    "vuex": "^4.1.0",
     "yaml": "^2.5.1"
   },
   "devDependencies": {

package/src/components/nodes/BasicNode.vue

@@ -69,8 +69,8 @@
     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 {mapState} from "vuex";
     import Utils from "../../utils/Utils";
+    import {EXECUTION_INJECTION_KEY} from "../topology/injectionKeys";
 
     export default {
         components: {
@@ -137,11 +137,15 @@
                 isOpen: false,
             };
         },
+        inject: {
+            execution: { 
+                from: EXECUTION_INJECTION_KEY,
+            },
+        },
         computed: {
             Utils() {
                 return Utils
             },
-            ...mapState("execution", ["execution"]),
             borderColor() {
                 const color = this.data.color ? this.data.color === "default" ? null : this.data.color : null
                 return color ? color : this.expandable ? "blue" : null

package/src/components/nodes/TaskNode.vue

@@ -84,9 +84,9 @@
     import TextBoxSearch from "vue-material-design-icons/TextBoxSearch.vue";
     import AlertOutline from "vue-material-design-icons/AlertOutline.vue"
     import SendLock from "vue-material-design-icons/SendLock.vue"
-    import {mapGetters, mapState} from "vuex";
     import Tooltip from "../misc/Tooltip.vue"
     import Utils from "../../utils/Utils";
+    import {EXECUTION_INJECTION_KEY, SUBFLOWS_EXECUTIONS_INJECTION_KEY} from "../topology/injectionKeys";
 
     export default {
         name: "Task",
@@ -101,9 +101,15 @@
             SendLock
         },
         inheritAttrs: false,
+        inject: {
+            execution: { 
+                from: EXECUTION_INJECTION_KEY,
+            },
+            subflowsExecutions: {
+                from: SUBFLOWS_EXECUTIONS_INJECTION_KEY,
+            }
+        },
         computed: {
-            ...mapState("execution", ["execution"]),
-            ...mapGetters("execution", ["subflowsExecutions"]),
             SECTIONS() {
                 return SECTIONS
             },

package/src/components/nodes/TriggerNode.vue

@@ -39,18 +39,22 @@
 </script>
 <script>
     import {Handle} from "@vue-flow/core";
-    import {mapState} from "vuex";
     import {EVENTS, SECTIONS} from "../../utils/constants";
     import Pencil from "vue-material-design-icons/Pencil.vue";
     import Delete from "vue-material-design-icons/Delete.vue";
     import Tooltip from "../misc/Tooltip.vue";
     import Utils from "../../utils/Utils";
+    import {EXECUTION_INJECTION_KEY} from "../topology/injectionKeys";
 
     export default {
         name: "Task",
         inheritAttrs: false,
+        inject: {
+            execution: { 
+                from: EXECUTION_INJECTION_KEY,
+            },
+        },
         computed: {
-            ...mapState("execution", ["execution"]),
             SECTIONS() {
                 return SECTIONS
             },

package/src/components/plugins/PluginIndex.vue

@@ -39,7 +39,7 @@
 </template>
 <script setup lang="ts">
     import RowLink from "../misc/RowLink.vue";
-    import type {Plugin} from "../../utils/plugins";
+    import type {Plugin, PluginElement} from "../../utils/plugins";
     import {isEntryAPluginElementPredicate, subGroupName} from "../../utils/plugins";
     import {slugify} from "../../utils/url";
     import {computed} from "vue";
@@ -77,7 +77,7 @@
     function extractPluginElements(plugin: Plugin): Record<string, string[]> {
         return Object.fromEntries(
             Object.entries(plugin).filter(([key, value]) => isEntryAPluginElementPredicate(key, value))
-                .map(([key, value]) => [key.replaceAll(/[A-Z]/g, match => ` ${match}`), value as string[]])
+                .map(([key, value]) => [key.replaceAll(/[A-Z]/g, match => ` ${match}`), (value as PluginElement[]).filter(({deprecated}) => !deprecated).map(({cls}) => cls)])
         );
     }
 

package/src/components/topology/Topology.vue

@@ -91,7 +91,7 @@
     </VueFlow>
 </template>
 <script lang="ts" setup>
-    import {computed, nextTick, onMounted, PropType, ref, watch} from "vue";
+    import {computed, nextTick, onMounted, PropType, provide, ref, watch} from "vue";
     import {useVueFlow, VueFlow, XYPosition} from "@vue-flow/core";
     import {ControlButton, Controls} from "@vue-flow/controls";
     import {Background} from "@vue-flow/background";
@@ -118,6 +118,7 @@
     import VueFlowUtils, {type FlowGraph} from "../../utils/VueFlowUtils";
     import {isParentChildrenRelation, swapBlocks} from "../../utils/FlowYamlUtils";
     import {useScreenshot} from "./export/useScreenshot";
+    import {EXECUTION_INJECTION_KEY, SUBFLOWS_EXECUTIONS_INJECTION_KEY} from "./injectionKeys";
 
     const props = defineProps({
         id: {
@@ -151,12 +152,10 @@
         },
         flowId: {
             type: String,
-            required: false,
             default: undefined
         },
         namespace: {
             type: String,
-            required: false,
             default: undefined
         },
         expandedSubflows: {
@@ -174,6 +173,14 @@
         enableSubflowInteraction: {
             type: Boolean,
             default: true
+        },
+        execution: {
+            type: Object,
+            default: undefined
+        },
+        subflowsExecutions: {
+            type: Object as PropType<Record<string, any[]>>,
+            default: () => ({})
         }
     });
 
@@ -186,6 +193,10 @@
     const clusterToNode = ref([])
     const {capture} = useScreenshot();
 
+    provide(EXECUTION_INJECTION_KEY, computed(() => props.execution));
+    provide(SUBFLOWS_EXECUTIONS_INJECTION_KEY, computed(() => props.subflowsExecutions));
+
+
     const emit = defineEmits(
         [
             EVENTS.EDIT,

package/src/components/topology/injectionKeys.ts

@@ -0,0 +1,4 @@
+import type {ComputedRef, InjectionKey} from "vue"
+
+export const EXECUTION_INJECTION_KEY = Symbol("execution-injection-key") as InjectionKey<ComputedRef<any>>
+export const SUBFLOWS_EXECUTIONS_INJECTION_KEY = Symbol("subflows-executions-injection-key") as InjectionKey<ComputedRef<Record<string, any[]>>>