@kestra-io/ui-libs 0.0.286 → 0.0.288

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/dist/components/misc/ElementCard.vue.d.ts.map +1 -1
  2. package/dist/components/misc/SubgroupCard.vue.d.ts.map +1 -1
  3. package/dist/components/plugins/CollapsibleProperties.vue.d.ts +14 -2
  4. package/dist/components/plugins/CollapsibleProperties.vue.d.ts.map +1 -1
  5. package/dist/components/plugins/PluginIndex.vue.d.ts.map +1 -1
  6. package/dist/components/plugins/SchemaToHtml.vue.d.ts +4 -0
  7. package/dist/components/plugins/SchemaToHtml.vue.d.ts.map +1 -1
  8. package/dist/components/plugins_v2/DefinitionCollapsible.vue.d.ts +7 -0
  9. package/dist/components/plugins_v2/DefinitionCollapsible.vue.d.ts.map +1 -1
  10. package/dist/components/plugins_v2/SchemaToHtmlV2.vue.d.ts.map +1 -1
  11. package/dist/kestra-index.cjs.js +15 -15
  12. package/dist/kestra-index.cjs.js.map +1 -1
  13. package/dist/kestra-index.es.js +1898 -1811
  14. package/dist/kestra-index.es.js.map +1 -1
  15. package/dist/ui-libs.css +1 -1
  16. package/dist/utils/schemaUtils.d.ts +6 -0
  17. package/dist/utils/schemaUtils.d.ts.map +1 -1
  18. package/package.json +1 -1
  19. package/src/components/misc/ElementCard.vue +4 -2
  20. package/src/components/misc/SubgroupCard.vue +4 -2
  21. package/src/components/plugins/CollapsibleProperties.vue +21 -4
  22. package/src/components/plugins/PluginIndex.vue +3 -2
  23. package/src/components/plugins/SchemaToHtml.vue +28 -6
  24. package/src/components/plugins_v2/DefinitionCollapsible.vue +51 -2
  25. package/src/components/plugins_v2/SchemaToHtmlV2.vue +6 -3
  26. package/src/utils/schemaUtils.ts +12 -1
package/dist/ui-libs.css CHANGED
@@ -1 +1 @@
1
- .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-default: #cfd3d6;--ks-dependencies-edge-faded: #ecebef;--ks-dependencies-edge-hovered: #9470ff;--ks-dependencies-edge-selected: #a396ff;--ks-dependencies-node-background-assets: #1761fd;--ks-dependencies-node-background-default: #ffffff;--ks-dependencies-node-background-faded: #ecebef;--ks-dependencies-node-background-hovered: #f9f9fa;--ks-dependencies-node-background-selected: #a396ff;--ks-dependencies-node-border-assets: #0a2869;--ks-dependencies-node-border-default: #cfd3d6;--ks-dependencies-node-border-faded: #cfd3d6;--ks-dependencies-node-border-hovered: #9797a6;--ks-dependencies-node-border-selected: #9470ff;--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-default: #cfd3d6;--ks-dependencies-edge-faded: #404559;--ks-dependencies-edge-hovered: #e0e0ff;--ks-dependencies-edge-selected: #9470ff;--ks-dependencies-node-background-assets: #3991ff;--ks-dependencies-node-background-default: #2f3342;--ks-dependencies-node-background-faded: #262a35;--ks-dependencies-node-background-hovered: #e0e0ff;--ks-dependencies-node-background-selected: #9470ff;--ks-dependencies-node-border-assets: #7fbbff;--ks-dependencies-node-border-default: #9797a6;--ks-dependencies-node-border-faded: #404559;--ks-dependencies-node-border-hovered: #e0e0ff;--ks-dependencies-node-border-selected: #a396ff;--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)}html.dark .dependency-node-wrapper[data-v-2271d5b0]{background-color:var(--ks-background-card);color:var(--bs-white)}.dependency-node-wrapper[data-v-2271d5b0]{width:184px;height:44px;margin:0;padding:8px 18px 8px 6px;display:flex;align-items:center;box-shadow:0 12px 12px #82679e1a}.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-536dd646]{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-536dd646]{border-color:#e36065}.add-task-div[data-v-536dd646]:hover{background-color:var(--ks-button-background-secondary-hover)}.stroke-danger[data-v-575e9f2a],.stroke-error[data-v-575e9f2a]{stroke:var(--ks-border-error)}.stroke-warning[data-v-575e9f2a]{stroke:var(--ks-border-warning)}.vue-flow__edge-path[data-v-575e9f2a]{stroke-dasharray:3 5}.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)}.ks-duration-tt .ks-duration-tt-square-breakpoint{background-color:var(--ks-chart-breakpoint)}.content[data-v-96fa5d6e]{color:var(--ks-content-secondary);width:calc(100% - .9rem)}.content-children[data-v-96fa5d6e]{font-size:.65rem}.node-wrapper[data-v-bf40c998]{background-color:var(--ks-background-card);margin:0;z-index:150000;box-shadow:0 12px 12px #82679e1a;border:1px solid var(--ks-border-primary)}.node-wrapper .main-content[data-v-bf40c998]{display:flex;padding:8px;align-items:center;width:184px;height:44px}.node-wrapper.execution-no-taskrun[data-v-bf40c998],.node-wrapper.disabled[data-v-bf40c998]{background-color:var(--ks-background-card)}.node-wrapper.disabled .task-title[data-v-bf40c998]{color:var(--ks-content-secondary);text-decoration:line-through}.node-wrapper .icon[data-v-bf40c998]{margin:.2rem;width:25px;height:25px;border:.4px solid var(--ks-border-primary);min-width:25px;min-height:25px}.node-content[data-v-bf40c998]{display:flex;flex-direction:column;justify-content:center;margin-left:.7rem}.node-content>.node-title[data-v-bf40c998]{width:125px}.description-button[data-v-bf40c998]{color:var(--ks-content-secondary);cursor:pointer}.material-design-icon.icon-rounded[data-v-bf40c998]{border-radius:1rem;padding:1px}.button-icon[data-v-bf40c998]{font-size:.75rem}.task-title[data-v-bf40c998]{font-size:.75rem;font-weight:700;color:var(--ks-content-primary);flex-grow:1}.status-div[data-v-bf40c998]{width:8px;height:100%;position:absolute;left:-.04438rem;border-radius:.5rem 0 0 .5rem}.running-border-animation[data-v-bf40c998]{border:none!important}.running-border-animation[data-v-bf40c998]:before{position:absolute;content:"";z-index:-1;inset:-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-bf40c998 3s linear infinite}@keyframes running-border-bf40c998{to{--border-angle-running: 1turn}}@property --border-angle-running{syntax: "<angle>"; inherits: true; initial-value: 0turn;}.playground-button[data-v-459a2e06]{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-459a2e06],.dark button.playground-button[data-v-459a2e06]{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);fill:none}.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}.is-exporting .vue-flow__controls,.is-exporting .vue-flow__controls-button,.is-exporting .vue-flow__handle,.is-exporting .top-button-div,.is-exporting .circle-button{display:none!important}.material-design-icon.download-icon[data-v-6f358b88]{max-width:12px}[data-v-6f358b88] .unused-path{opacity:.3}.exporting[data-v-6f358b88]{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-6f358b88]{padding:5px 8px;cursor:pointer;color:var(--ks-content-primary);font-size:12px;width:110px}.exporting .item[data-v-6f358b88]:first-child{border-bottom:1px solid var(--ks-border-primary)}.exporting .item[data-v-6f358b88]:hover{background:var(--ks-button-background-secondary-hover)}.status-button[data-v-ce6b0e30]{display:inline-flex;justify-content:center;align-items:center;line-height:1;white-space:nowrap;cursor:default;text-align:center;box-sizing:border-box;outline:none;margin:0;transition:.1s;font-weight:500;-webkit-user-select:none;user-select:none;vertical-align:middle;appearance:none;border:1px solid transparent;border-radius:.25rem;font-family:inherit;height:2rem;padding:.5rem .9375rem;font-size:.875rem;min-width:7rem}.status-button .icon[data-v-ce6b0e30]{margin-right:.375rem;display:inline-flex;align-items:center;font-size:1.1rem}.status-button .text[data-v-ce6b0e30]{display:inline-flex;align-items:center;text-transform:uppercase}.status-button[data-v-ce6b0e30]::-moz-focus-inner{border:0}.status-button.status-button--large[data-v-ce6b0e30]{height:2.5rem;padding:.75rem 1.1875rem;font-size:.875rem}.status-button.status-button--large .icon[data-v-ce6b0e30]{margin-right:.5rem}.status-button.status-button--small[data-v-ce6b0e30]{height:1.5rem;padding:.3125rem .6875rem;font-size:.75rem}.status-button.status-button--small .icon[data-v-ce6b0e30]{margin-right:.25rem}.status-button--created[data-v-ce6b0e30]{color:var(--ks-content-created);border-color:var(--ks-border-created);background-color:var(--ks-background-created)}.status-button--restarted[data-v-ce6b0e30]{color:var(--ks-content-restarted);border-color:var(--ks-border-restarted);background-color:var(--ks-background-restarted)}.status-button--success[data-v-ce6b0e30]{color:var(--ks-content-success);border-color:var(--ks-border-success);background-color:var(--ks-background-success)}.status-button--running[data-v-ce6b0e30]{color:var(--ks-content-running);border-color:var(--ks-border-running);background-color:var(--ks-background-running)}.status-button--killing[data-v-ce6b0e30]{color:var(--ks-content-killing);border-color:var(--ks-border-killing);background-color:var(--ks-background-killing)}.status-button--killed[data-v-ce6b0e30]{color:var(--ks-content-killed);border-color:var(--ks-border-killed);background-color:var(--ks-background-killed)}.status-button--warning[data-v-ce6b0e30]{color:var(--ks-content-warning);border-color:var(--ks-border-warning);background-color:var(--ks-background-warning)}.status-button--failed[data-v-ce6b0e30]{color:var(--ks-content-failed);border-color:var(--ks-border-failed);background-color:var(--ks-background-failed)}.status-button--paused[data-v-ce6b0e30]{color:var(--ks-content-paused);border-color:var(--ks-border-paused);background-color:var(--ks-background-paused)}.status-button--cancelled[data-v-ce6b0e30]{color:var(--ks-content-cancelled);border-color:var(--ks-border-cancelled);background-color:var(--ks-background-cancelled)}.status-button--skipped[data-v-ce6b0e30]{color:var(--ks-content-skipped);border-color:var(--ks-border-skipped);background-color:var(--ks-background-skipped)}.status-button--queued[data-v-ce6b0e30]{color:var(--ks-content-queued);border-color:var(--ks-border-queued);background-color:var(--ks-background-queued)}.status-button--retrying[data-v-ce6b0e30]{color:var(--ks-content-retrying);border-color:var(--ks-border-retrying);background-color:var(--ks-background-retrying)}.status-button--retried[data-v-ce6b0e30]{color:var(--ks-content-retried);border-color:var(--ks-border-retried);background-color:var(--ks-background-retried)}.status-button--breakpoint[data-v-ce6b0e30]{color:var(--ks-content-breakpoint);border-color:var(--ks-border-breakpoint);background-color:var(--ks-background-breakpoint)}details[data-v-6b6ffd9a]{overflow:hidden}details[data-v-6b6ffd9a]::details-content{block-size:0%;transition:block-size .15s,content-visibility .15s;transition-behavior:allow-discrete}details[open][data-v-6b6ffd9a]::details-content{block-size:auto}.collapse-button[data-v-6b6ffd9a]{padding:0;border:none;background:none}.collapse-button[data-v-6b6ffd9a]:focus{outline:none;box-shadow:none}details[data-v-d0f1d871]{overflow:hidden}.collapse-button[data-v-d0f1d871]{padding:0;border:none;background:none}.collapse-button[data-v-d0f1d871]:focus{outline:none;box-shadow:none}a[data-v-5d4d2b8b]{display:block;height:100%;text-decoration:none}.plugin[data-v-5d4d2b8b]{width:100%;height:152px;border-radius:12px;border:1px solid var(--kestra-io-token-color-border-secondary);padding:1rem;background:var(--kestra-io-token-color-background-secondary);display:flex;flex-direction:column;box-shadow:#0000001a 0 4px 12px;transition:.4s ease-out}.plugin[data-v-5d4d2b8b]:hover{border-color:var(--kestra-io-token-color-border-active);box-shadow:0 4px 18px #00000040;transform:scale(1.025)}.plugin.is-active[data-v-5d4d2b8b]{border-color:#8405ff!important}.plugin .top-row[data-v-5d4d2b8b]{display:flex;flex-direction:row;gap:1rem;align-items:flex-start;margin-bottom:1rem}.plugin .icon-content[data-v-5d4d2b8b]{width:60px;height:60px;background:#f5f5ff;border-radius:8px;border:1px solid #E5E4F7;display:flex;align-items:center;justify-content:center;flex-shrink:0}.plugin .icon-content img[data-v-5d4d2b8b]{width:45px;height:45px}.plugin .text-content[data-v-5d4d2b8b]{flex:1;display:flex;flex-direction:column;gap:.5rem;overflow:hidden}.plugin .text-content .description[data-v-5d4d2b8b]{color:var(--ks-content-secondary);font-size:12px!important;line-height:1rem;margin:0;overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.plugin h6[data-v-5d4d2b8b]{color:#fff;font-size:1rem;font-weight:700;margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-top:0}.plugin hr[data-v-5d4d2b8b]{border:1px solid var(--ks-border-primary);margin:0}.plugin .footer[data-v-5d4d2b8b]{margin-top:auto;display:flex;flex-direction:column}.plugin .bottom-row[data-v-5d4d2b8b]{display:flex;justify-content:space-between;align-items:center;color:#9797a6;height:45px}.plugin .bottom-row .left[data-v-5d4d2b8b]{display:flex;gap:1rem;align-items:center}.plugin .bottom-row .left p[data-v-5d4d2b8b]{margin:0;font-weight:700;font-size:14px!important}.plugin .bottom-row .left span[data-v-5d4d2b8b]{color:#9797a6;font-weight:400;font-size:12px}.plugin .bottom-row[data-v-5d4d2b8b] svg{font-size:1rem;color:#9ca1de}a[data-v-a3504373]{display:block;height:100%;text-decoration:none}.element-card[data-v-a3504373]{width:100%;height:100%;border-radius:12px;border:1px solid var(--kestra-io-token-color-border-secondary);padding:1rem;background:var(--kestra-io-token-color-background-secondary);display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 1fr;box-shadow:#0000001a 0 4px 12px;transition:.4s ease-out}.element-card[data-v-a3504373]:hover{border-color:var(--kestra-io-token-color-border-active);box-shadow:0 4px 18px #00000040;transform:scale(1.025)}.element-card .top-row[data-v-a3504373]{display:flex;flex-direction:row;justify-content:space-between;min-width:0}.element-card[data-v-a3504373] svg{font-size:1rem;color:#9ca1de!important}.element-card h6[data-v-a3504373]{color:#fff;font-size:1rem;font-weight:700;margin:0;padding-top:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;min-width:0}.element-card .plugin-info[data-v-a3504373]{margin-top:1rem;min-width:50px;max-width:fit-content;max-height:fit-content;background:#161617;border-radius:4px;padding:.5rem;font-size:.75rem;color:var(--ks-content-secondary);border:1px solid #252526}.element-card .plugin-info .plugin-class[data-v-a3504373]{color:#e0e0ff!important;font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}.element-card[data-v-a3504373] p{color:var(--ks-content-secondary);font-size:12px!important;line-height:1rem;margin:0;margin-top:.5rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.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}.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-e4c1ea43]>*{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-e4c1ea43],.property-detail>* .property-description[data-v-e4c1ea43] p{line-height:1.5rem;font-size:.875rem!important}.property-detail>* .property-description[data-v-e4c1ea43]{color:var(--ks-content-secondary)}.property-detail>* code[data-v-e4c1ea43]{color:var(--ks-content-primary);background:var(--ks-background-body)}.property-detail>* .border-red[data-v-e4c1ea43]{border-color:#e3262f!important}.property-detail[data-v-e4c1ea43]>*:first-child{padding-top:0;border-top:none!important}.property-detail[data-v-e4c1ea43]>*:last-child{padding-bottom:0}.property-detail[data-v-e4c1ea43]>*>*{width:fit-content}.type-box[data-v-27ce4d4b],[data-v-27ce4d4b] .type-box{background-color:var(--ks-tag-background-active)!important;color:var(--ks-tag-content)!important;font-size:12px!important;line-height:20px;padding:0 8px 2px;border-radius:8px!important;text-transform:capitalize}.ref-type-box[data-v-27ce4d4b],[data-v-27ce4d4b] .ref-type-box{border:1px solid #1761FD!important;background:transparent;color:var(--ks-tag-content)}.ref-type-box .ref-type[data-v-27ce4d4b],[data-v-27ce4d4b] .ref-type-box .ref-type{padding-right:.625rem}.ref-type-box .ref-type[data-v-27ce4d4b]+*,[data-v-27ce4d4b] .ref-type-box .ref-type+*{margin-left:.625rem}.border[data-v-27ce4d4b]{border-radius:.5rem}.property[data-v-27ce4d4b]{gap:0!important}.property[data-v-27ce4d4b]>button{font-size:1rem!important;line-height:1.5rem}.property[data-v-27ce4d4b]:not(:first-child){border-top:var(--bs-border-width) var(--bs-border-style) var(--collapsible-border-color)}.property[data-v-27ce4d4b]>.collapse-button{padding:.75rem 1rem}.property[data-v-27ce4d4b]>.collapse-button:not(.collapsed){border-bottom:var(--bs-border-width) var(--bs-border-style) var(--collapsible-border-color)}.property[data-v-27ce4d4b]>.collapsible-body:not(.collapsed){padding-top:.75rem;padding-bottom:.75rem}.property[data-v-27ce4d4b] .property-detail>*{padding-left:1rem;padding-right:1rem}.plugin-title[data-v-9c18bd6d] p{font-size:1rem}[data-v-9c18bd6d] .nested-button-py-2 button{padding-top:.5rem!important;padding-bottom:.5rem!important}[data-v-9c18bd6d] .markdown pre,[data-v-9c18bd6d] .markdown .code-block{margin:0}[data-v-9c18bd6d] .markdown>ol,[data-v-9c18bd6d] .markdown>ul,[data-v-9c18bd6d] .markdown>dl{margin-top:0;margin-bottom:0}[data-v-9c18bd6d] .plugin-section .material-design-icon,[data-v-9c18bd6d] .plugin-section .material-design-icon *{height:1.5rem;width:1.5rem;bottom:0}[data-v-9c18bd6d] .plugin-section .material-design-icon:not(.property .material-design-icon),[data-v-9c18bd6d] .plugin-section .material-design-icon:not(.property .material-design-icon) *{height:2rem;width:2rem}[data-v-9c18bd6d] .type-box{color:buttontext}[data-v-9c18bd6d] .type-box .material-design-icon,[data-v-9c18bd6d] .type-box .material-design-icon *{height:1rem;width:1rem}div[data-v-2d5ac2ae]{display:flex;justify-content:space-between;align-items:center;gap:var(--spacer);padding:9px 0 0}div span[data-v-2d5ac2ae]{line-height:1.5rem;font-size:.875rem!important;color:var(--ks-content-secondary)!important}div code[data-v-2d5ac2ae]{color:var(--ks-content-primary);background:var(--ks-background-body)}div .border-red[data-v-2d5ac2ae]{border-color:#e3262f!important}div[data-v-2d5ac2ae]:first-child{border-top:none!important}div[data-v-2d5ac2ae]>*{width:fit-content}.type-box[data-v-2d5ac2ae]{font-size:12px!important;line-height:20px;padding:0 10px!important;padding-bottom:2px;border-radius:40px!important;text-transform:capitalize;border:1px solid}.values-wrapper[data-v-2d5ac2ae]{display:flex!important;justify-content:flex-end!important;border:none!important;margin:0!important;padding:0!important;align-items:unset!important}.section-properties .type-box[data-v-2d5ac2ae]{color:var(--ks-content-running);background:var(--ks-background-running)!important;border-color:var(--ks-border-running);text-transform:lowercase}.section-outputs .type-box[data-v-2d5ac2ae]{color:var(--ks-content-success);background:#00231933!important;border-color:var(--ks-border-success);text-transform:lowercase}.section-metrics .type-box[data-v-2d5ac2ae]{color:var(--ks-content-warning);background:var(--ks-background-warning)!important;border-color:var(--ks-border-warning);text-transform:lowercase}.type-box[data-v-f088032b]{font-size:12px!important;line-height:20px;padding:0 10px!important;padding-bottom:2px;border-radius:40px!important;text-transform:capitalize;border:1px solid}.section-properties .type-box[data-v-f088032b]{color:var(--ks-content-running);background:var(--ks-background-running)!important;border-color:var(--ks-border-running);text-transform:lowercase}.section-outputs .type-box[data-v-f088032b]{color:var(--ks-content-success);background:#00231933!important;border-color:var(--ks-border-success);text-transform:lowercase}.section-metrics .type-box[data-v-f088032b]{color:var(--ks-content-warning);background:var(--ks-background-warning)!important;border-color:var(--ks-border-warning);text-transform:lowercase}.section-properties .def-property span[data-v-577c29ff]{color:#5bb8ff}.section-outputs .def-property span[data-v-577c29ff]{color:#21ce9c}.section-metrics .def-property span[data-v-577c29ff]{color:#e58238}.def-collapsible[data-v-577c29ff]{margin-bottom:.875rem}.def-collapsible[data-v-577c29ff] .collapse-button span:not(.type-box){color:#a396ff!important;font-weight:500!important;font-size:12px!important;font-family:Source code pro,monospace;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;display:inline-block!important;max-width:100%}.def-collapsible[data-v-577c29ff] summary{padding:9px 1.875rem;font-size:.875rem;font-weight:500;background:#1d1d1e;border:1px solid #3D3D3F;border-radius:12px 12px 0 0}.def-collapsible[data-v-577c29ff] summary.collapsed{border-radius:12px}.def-collapsible .def-content[data-v-577c29ff]{padding:1rem 0;background:#111113;border:1px solid #3D3D3F;border-top:none;border-radius:0 0 12px 12px}.def-collapsible .def-property[data-v-577c29ff]{padding:9px 2rem;border-bottom:1px solid #3D3D3F}.def-collapsible .def-property[data-v-577c29ff]:last-child{border-bottom:none;padding-bottom:0}.def-collapsible .def-property[data-v-577c29ff]:first-child{padding-top:0}.def-collapsible .def-property span[data-v-577c29ff]{font-size:12px!important;font-family:Source code pro,monospace}.def-collapsible .property-desc[data-v-577c29ff]{font-size:.875rem;color:var(--ks-content-secondary)!important;line-height:1.5}.def-collapsible .property-desc[data-v-577c29ff] p{margin:0;font-size:.875rem!important;line-height:22px;font-weight:400}.def-collapsible .property-desc[data-v-577c29ff] code{font-size:.8125rem}.nested-defs .def-collapsible[data-v-577c29ff] summary{padding-left:1.5rem}.property-detail[data-v-32bc6580]>*{display:flex;justify-content:space-between;border-top:1px solid var(--ks-border-primary);align-items:center;padding:1rem 0;margin:0;gap:var(--spacer)}.property-detail>* span[data-v-32bc6580],.property-detail>* .property-description[data-v-32bc6580] p{line-height:1.5rem;font-size:.875rem!important}.property-detail>* code[data-v-32bc6580]{color:var(--ks-content-primary);background:var(--ks-background-body)}.property-detail>* .border-red[data-v-32bc6580]{border-color:#e3262f!important}.property-detail[data-v-32bc6580]>*:first-child{border-top:none!important}.property-detail[data-v-32bc6580]>*>*{width:fit-content}.definitions-header[data-v-32bc6580]{font-weight:600;font-size:.875rem;margin-bottom:.75rem;color:var(--ks-content-primary)}.border[data-v-e31e75cd]{border-radius:.5rem}.property[data-v-e31e75cd]>button{font-size:1rem!important;line-height:1.5rem}.property[data-v-e31e75cd]>.collapse-button{padding:9px 16px;border:1px solid #3D3D3F;border-radius:12px;background-color:#1d1d1e}.property[open][data-v-e31e75cd]>.collapse-button{border-radius:12px 12px 0 0}.property[data-v-e31e75cd]:not([open])>.collapse-button{margin-bottom:1rem}.property[data-v-e31e75cd]>.collapsible-body:not(.collapsed){padding-top:.75rem;padding-bottom:.75rem}.property[data-v-e31e75cd] .property-detail{border:1px solid #3D3D3F;margin-bottom:1rem;border-radius:0 0 12px 12px}.property[data-v-e31e75cd] .property-detail:first-child{border-top:none}.property[data-v-e31e75cd] .property-detail>*{padding:1rem 2rem}.section-properties[data-v-e31e75cd] .collapse-button span:not(.type-box){color:#5bb8ff;font-size:1rem;font-weight:400;font-family:source code pro,monospace}.section-outputs[data-v-e31e75cd] .collapse-button span:not(.type-box){color:#21ce9c;font-size:1rem;font-weight:400;font-family:source code pro,monospace}.section-metrics[data-v-e31e75cd] .collapse-button span:not(.type-box){color:#e58238;font-size:1rem;font-weight:400;font-family:source code pro,monospace}.plugin-title[data-v-4d644b07] p{font-size:1rem;margin:1rem 0}[data-v-4d644b07] .markdown pre,[data-v-4d644b07] .markdown .code-block{margin:0}[data-v-4d644b07] .markdown>ol,[data-v-4d644b07] .markdown>ul,[data-v-4d644b07] .markdown>dl{margin-top:0;margin-bottom:0}[data-v-4d644b07] .plugin-section{border-bottom:1px solid #252526;padding:2rem 0}@media(min-width:992px){[data-v-4d644b07] .plugin-section{margin-left:-2rem;margin-right:-2rem;padding:2rem}}[data-v-4d644b07] .plugin-section:first-child{border-top:1px solid #252526}[data-v-4d644b07] .plugin-section:last-child{border-bottom:none;padding-bottom:0}[data-v-4d644b07] .plugin-section .material-design-icon>.material-design-icon__svg{height:1.35rem;width:1.35rem}[data-v-4d644b07] .plugin-section .material-design-icon:not(.text-danger):not(.text-info):not(.text-warning):not(.text-success):not(.text-primary):not(.text-secondary),[data-v-4d644b07] .plugin-section .material-design-icon:not(.text-danger):not(.text-info):not(.text-warning):not(.text-success):not(.text-primary):not(.text-secondary) *{height:1.5rem;width:1.5rem;bottom:0;color:#646465!important}[data-v-4d644b07] .plugin-section .material-design-icon:not(.property .material-design-icon):not(.text-danger):not(.text-info):not(.text-warning):not(.text-success):not(.text-primary):not(.text-secondary),[data-v-4d644b07] .plugin-section .material-design-icon:not(.property .material-design-icon):not(.text-danger):not(.text-info):not(.text-warning):not(.text-success):not(.text-primary):not(.text-secondary) *{height:1.5rem;width:1.5rem;color:#9797a6!important}h4[data-v-535305bd]{font-size:20px;font-weight:600;margin:0 0 1.5rem;color:var(--ks-content-primary)}.description[data-v-535305bd]{border-top:1px solid #252526;padding:2rem 3rem;margin:0 -3rem}.row[data-v-535305bd]>*{padding-inline:8px;margin-top:1rem}.markdown-container[data-v-535305bd]{position:relative;max-height:384px;overflow:hidden;transition:max-height .25s ease-in-out}.markdown-container.expanded[data-v-535305bd]{max-height:none}.markdown-inner[data-v-535305bd]{color:var(--ks-content-primary)}.gradient-overlay[data-v-535305bd]{pointer-events:none;position:absolute;inset:auto 0 0;height:140px;background:linear-gradient(transparent,#0a0b0dd9)}.more-btn[data-v-535305bd]{background:#0a0b0dd9;color:var(--ks-content-primary);border:none;padding:.5rem 1rem;border-radius:999px;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400;font-family:Source Code Pro,monospace}.more-btn[data-v-535305bd] svg{font-size:1.25rem}
1
+ .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-default: #cfd3d6;--ks-dependencies-edge-faded: #ecebef;--ks-dependencies-edge-hovered: #9470ff;--ks-dependencies-edge-selected: #a396ff;--ks-dependencies-node-background-assets: #1761fd;--ks-dependencies-node-background-default: #ffffff;--ks-dependencies-node-background-faded: #ecebef;--ks-dependencies-node-background-hovered: #f9f9fa;--ks-dependencies-node-background-selected: #a396ff;--ks-dependencies-node-border-assets: #0a2869;--ks-dependencies-node-border-default: #cfd3d6;--ks-dependencies-node-border-faded: #cfd3d6;--ks-dependencies-node-border-hovered: #9797a6;--ks-dependencies-node-border-selected: #9470ff;--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-default: #cfd3d6;--ks-dependencies-edge-faded: #404559;--ks-dependencies-edge-hovered: #e0e0ff;--ks-dependencies-edge-selected: #9470ff;--ks-dependencies-node-background-assets: #3991ff;--ks-dependencies-node-background-default: #2f3342;--ks-dependencies-node-background-faded: #262a35;--ks-dependencies-node-background-hovered: #e0e0ff;--ks-dependencies-node-background-selected: #9470ff;--ks-dependencies-node-border-assets: #7fbbff;--ks-dependencies-node-border-default: #9797a6;--ks-dependencies-node-border-faded: #404559;--ks-dependencies-node-border-hovered: #e0e0ff;--ks-dependencies-node-border-selected: #a396ff;--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)}html.dark .dependency-node-wrapper[data-v-2271d5b0]{background-color:var(--ks-background-card);color:var(--bs-white)}.dependency-node-wrapper[data-v-2271d5b0]{width:184px;height:44px;margin:0;padding:8px 18px 8px 6px;display:flex;align-items:center;box-shadow:0 12px 12px #82679e1a}.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-536dd646]{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-536dd646]{border-color:#e36065}.add-task-div[data-v-536dd646]:hover{background-color:var(--ks-button-background-secondary-hover)}.stroke-danger[data-v-575e9f2a],.stroke-error[data-v-575e9f2a]{stroke:var(--ks-border-error)}.stroke-warning[data-v-575e9f2a]{stroke:var(--ks-border-warning)}.vue-flow__edge-path[data-v-575e9f2a]{stroke-dasharray:3 5}.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)}.ks-duration-tt .ks-duration-tt-square-breakpoint{background-color:var(--ks-chart-breakpoint)}.content[data-v-96fa5d6e]{color:var(--ks-content-secondary);width:calc(100% - .9rem)}.content-children[data-v-96fa5d6e]{font-size:.65rem}.node-wrapper[data-v-bf40c998]{background-color:var(--ks-background-card);margin:0;z-index:150000;box-shadow:0 12px 12px #82679e1a;border:1px solid var(--ks-border-primary)}.node-wrapper .main-content[data-v-bf40c998]{display:flex;padding:8px;align-items:center;width:184px;height:44px}.node-wrapper.execution-no-taskrun[data-v-bf40c998],.node-wrapper.disabled[data-v-bf40c998]{background-color:var(--ks-background-card)}.node-wrapper.disabled .task-title[data-v-bf40c998]{color:var(--ks-content-secondary);text-decoration:line-through}.node-wrapper .icon[data-v-bf40c998]{margin:.2rem;width:25px;height:25px;border:.4px solid var(--ks-border-primary);min-width:25px;min-height:25px}.node-content[data-v-bf40c998]{display:flex;flex-direction:column;justify-content:center;margin-left:.7rem}.node-content>.node-title[data-v-bf40c998]{width:125px}.description-button[data-v-bf40c998]{color:var(--ks-content-secondary);cursor:pointer}.material-design-icon.icon-rounded[data-v-bf40c998]{border-radius:1rem;padding:1px}.button-icon[data-v-bf40c998]{font-size:.75rem}.task-title[data-v-bf40c998]{font-size:.75rem;font-weight:700;color:var(--ks-content-primary);flex-grow:1}.status-div[data-v-bf40c998]{width:8px;height:100%;position:absolute;left:-.04438rem;border-radius:.5rem 0 0 .5rem}.running-border-animation[data-v-bf40c998]{border:none!important}.running-border-animation[data-v-bf40c998]:before{position:absolute;content:"";z-index:-1;inset:-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-bf40c998 3s linear infinite}@keyframes running-border-bf40c998{to{--border-angle-running: 1turn}}@property --border-angle-running{syntax: "<angle>"; inherits: true; initial-value: 0turn;}.playground-button[data-v-459a2e06]{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-459a2e06],.dark button.playground-button[data-v-459a2e06]{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);fill:none}.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}.is-exporting .vue-flow__controls,.is-exporting .vue-flow__controls-button,.is-exporting .vue-flow__handle,.is-exporting .top-button-div,.is-exporting .circle-button{display:none!important}.material-design-icon.download-icon[data-v-6f358b88]{max-width:12px}[data-v-6f358b88] .unused-path{opacity:.3}.exporting[data-v-6f358b88]{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-6f358b88]{padding:5px 8px;cursor:pointer;color:var(--ks-content-primary);font-size:12px;width:110px}.exporting .item[data-v-6f358b88]:first-child{border-bottom:1px solid var(--ks-border-primary)}.exporting .item[data-v-6f358b88]:hover{background:var(--ks-button-background-secondary-hover)}.status-button[data-v-ce6b0e30]{display:inline-flex;justify-content:center;align-items:center;line-height:1;white-space:nowrap;cursor:default;text-align:center;box-sizing:border-box;outline:none;margin:0;transition:.1s;font-weight:500;-webkit-user-select:none;user-select:none;vertical-align:middle;appearance:none;border:1px solid transparent;border-radius:.25rem;font-family:inherit;height:2rem;padding:.5rem .9375rem;font-size:.875rem;min-width:7rem}.status-button .icon[data-v-ce6b0e30]{margin-right:.375rem;display:inline-flex;align-items:center;font-size:1.1rem}.status-button .text[data-v-ce6b0e30]{display:inline-flex;align-items:center;text-transform:uppercase}.status-button[data-v-ce6b0e30]::-moz-focus-inner{border:0}.status-button.status-button--large[data-v-ce6b0e30]{height:2.5rem;padding:.75rem 1.1875rem;font-size:.875rem}.status-button.status-button--large .icon[data-v-ce6b0e30]{margin-right:.5rem}.status-button.status-button--small[data-v-ce6b0e30]{height:1.5rem;padding:.3125rem .6875rem;font-size:.75rem}.status-button.status-button--small .icon[data-v-ce6b0e30]{margin-right:.25rem}.status-button--created[data-v-ce6b0e30]{color:var(--ks-content-created);border-color:var(--ks-border-created);background-color:var(--ks-background-created)}.status-button--restarted[data-v-ce6b0e30]{color:var(--ks-content-restarted);border-color:var(--ks-border-restarted);background-color:var(--ks-background-restarted)}.status-button--success[data-v-ce6b0e30]{color:var(--ks-content-success);border-color:var(--ks-border-success);background-color:var(--ks-background-success)}.status-button--running[data-v-ce6b0e30]{color:var(--ks-content-running);border-color:var(--ks-border-running);background-color:var(--ks-background-running)}.status-button--killing[data-v-ce6b0e30]{color:var(--ks-content-killing);border-color:var(--ks-border-killing);background-color:var(--ks-background-killing)}.status-button--killed[data-v-ce6b0e30]{color:var(--ks-content-killed);border-color:var(--ks-border-killed);background-color:var(--ks-background-killed)}.status-button--warning[data-v-ce6b0e30]{color:var(--ks-content-warning);border-color:var(--ks-border-warning);background-color:var(--ks-background-warning)}.status-button--failed[data-v-ce6b0e30]{color:var(--ks-content-failed);border-color:var(--ks-border-failed);background-color:var(--ks-background-failed)}.status-button--paused[data-v-ce6b0e30]{color:var(--ks-content-paused);border-color:var(--ks-border-paused);background-color:var(--ks-background-paused)}.status-button--cancelled[data-v-ce6b0e30]{color:var(--ks-content-cancelled);border-color:var(--ks-border-cancelled);background-color:var(--ks-background-cancelled)}.status-button--skipped[data-v-ce6b0e30]{color:var(--ks-content-skipped);border-color:var(--ks-border-skipped);background-color:var(--ks-background-skipped)}.status-button--queued[data-v-ce6b0e30]{color:var(--ks-content-queued);border-color:var(--ks-border-queued);background-color:var(--ks-background-queued)}.status-button--retrying[data-v-ce6b0e30]{color:var(--ks-content-retrying);border-color:var(--ks-border-retrying);background-color:var(--ks-background-retrying)}.status-button--retried[data-v-ce6b0e30]{color:var(--ks-content-retried);border-color:var(--ks-border-retried);background-color:var(--ks-background-retried)}.status-button--breakpoint[data-v-ce6b0e30]{color:var(--ks-content-breakpoint);border-color:var(--ks-border-breakpoint);background-color:var(--ks-background-breakpoint)}details[data-v-6b6ffd9a]{overflow:hidden}details[data-v-6b6ffd9a]::details-content{block-size:0%;transition:block-size .15s,content-visibility .15s;transition-behavior:allow-discrete}details[open][data-v-6b6ffd9a]::details-content{block-size:auto}.collapse-button[data-v-6b6ffd9a]{padding:0;border:none;background:none}.collapse-button[data-v-6b6ffd9a]:focus{outline:none;box-shadow:none}details[data-v-d0f1d871]{overflow:hidden}.collapse-button[data-v-d0f1d871]{padding:0;border:none;background:none}.collapse-button[data-v-d0f1d871]:focus{outline:none;box-shadow:none}a[data-v-7589a99f]{display:block;height:100%;text-decoration:none}.plugin[data-v-7589a99f]{width:100%;height:152px;border-radius:12px;border:1px solid var(--kestra-io-token-color-border-secondary);padding:1rem;background:var(--kestra-io-token-color-background-secondary);display:flex;flex-direction:column;box-shadow:#0000001a 0 4px 12px;transition:.4s ease-out}.plugin[data-v-7589a99f]:hover{border-color:var(--kestra-io-token-color-border-active);box-shadow:0 4px 18px #00000040;transform:scale(1.025)}.plugin.is-active[data-v-7589a99f]{border-color:#8405ff!important}.plugin .top-row[data-v-7589a99f]{display:flex;flex-direction:row;gap:1rem;align-items:flex-start;margin-bottom:1rem}.plugin .icon-content[data-v-7589a99f]{width:60px;height:60px;background:#f5f5ff;border-radius:8px;border:1px solid #E5E4F7;display:flex;align-items:center;justify-content:center;flex-shrink:0}.plugin .icon-content img[data-v-7589a99f]{width:45px;height:45px}.plugin .text-content[data-v-7589a99f]{flex:1;display:flex;flex-direction:column;gap:.5rem;overflow:hidden}.plugin .text-content .description[data-v-7589a99f]{color:var(--ks-content-secondary);font-size:12px!important;line-height:1rem;margin:0;overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.plugin h6[data-v-7589a99f]{color:#fff;font-size:1rem;font-weight:700;margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.5rem;padding:.25rem 0}.plugin hr[data-v-7589a99f]{border:1px solid var(--ks-border-primary);margin:0}.plugin .footer[data-v-7589a99f]{margin-top:auto;display:flex;flex-direction:column}.plugin .bottom-row[data-v-7589a99f]{display:flex;justify-content:space-between;align-items:center;color:#9797a6;height:45px}.plugin .bottom-row .left[data-v-7589a99f]{display:flex;gap:1rem;align-items:center}.plugin .bottom-row .left p[data-v-7589a99f]{margin:0;font-weight:700;font-size:14px!important}.plugin .bottom-row .left span[data-v-7589a99f]{color:#9797a6;font-weight:400;font-size:12px}.plugin .bottom-row[data-v-7589a99f] svg{font-size:1rem;color:#9ca1de}a[data-v-ca0c5604]{display:block;height:100%;text-decoration:none}.element-card[data-v-ca0c5604]{width:100%;height:100%;border-radius:12px;border:1px solid var(--kestra-io-token-color-border-secondary);padding:1rem;background:var(--kestra-io-token-color-background-secondary);display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 1fr;box-shadow:#0000001a 0 4px 12px;transition:.4s ease-out}.element-card[data-v-ca0c5604]:hover{border-color:var(--kestra-io-token-color-border-active);box-shadow:0 4px 18px #00000040;transform:scale(1.025)}.element-card .top-row[data-v-ca0c5604]{display:flex;flex-direction:row;justify-content:space-between;min-width:0}.element-card[data-v-ca0c5604] svg{font-size:1rem;color:#9ca1de!important}.element-card h6[data-v-ca0c5604]{color:#fff;font-size:1rem;font-weight:700;margin:0;line-height:1.5rem;padding:.25rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;min-width:0}.element-card .plugin-info[data-v-ca0c5604]{margin-top:1rem;min-width:50px;max-width:fit-content;max-height:fit-content;background:#161617;border-radius:4px;padding:.5rem;font-size:.75rem;color:var(--ks-content-secondary);border:1px solid #252526}.element-card .plugin-info .plugin-class[data-v-ca0c5604]{color:#e0e0ff!important;font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}.element-card[data-v-ca0c5604] p{color:var(--ks-content-secondary);font-size:12px!important;line-height:1rem;margin:0;margin-top:.5rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.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}.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-e4c1ea43]>*{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-e4c1ea43],.property-detail>* .property-description[data-v-e4c1ea43] p{line-height:1.5rem;font-size:.875rem!important}.property-detail>* .property-description[data-v-e4c1ea43]{color:var(--ks-content-secondary)}.property-detail>* code[data-v-e4c1ea43]{color:var(--ks-content-primary);background:var(--ks-background-body)}.property-detail>* .border-red[data-v-e4c1ea43]{border-color:#e3262f!important}.property-detail[data-v-e4c1ea43]>*:first-child{padding-top:0;border-top:none!important}.property-detail[data-v-e4c1ea43]>*:last-child{padding-bottom:0}.property-detail[data-v-e4c1ea43]>*>*{width:fit-content}.type-box[data-v-b4f5f7ad],[data-v-b4f5f7ad] .type-box{background-color:var(--ks-tag-background-active)!important;color:var(--ks-tag-content)!important;font-size:12px!important;line-height:20px;padding:0 8px 2px;border-radius:8px!important;text-transform:capitalize}.ref-type-box[data-v-b4f5f7ad],[data-v-b4f5f7ad] .ref-type-box{border:1px solid #1761FD!important;background:transparent;color:var(--ks-tag-content)}.ref-type-box .ref-type[data-v-b4f5f7ad],[data-v-b4f5f7ad] .ref-type-box .ref-type{padding-right:.625rem}.ref-type-box .ref-type[data-v-b4f5f7ad]+*,[data-v-b4f5f7ad] .ref-type-box .ref-type+*{margin-left:.625rem}.border[data-v-b4f5f7ad]{border-radius:.5rem}.property[data-v-b4f5f7ad]{gap:0!important}.property[data-v-b4f5f7ad]>button{font-size:1rem!important;line-height:1.5rem}.property[data-v-b4f5f7ad]:not(:first-child){border-top:var(--bs-border-width) var(--bs-border-style) var(--collapsible-border-color)}.property[data-v-b4f5f7ad]>.collapse-button{padding:.75rem 1rem}.property[data-v-b4f5f7ad]>.collapse-button:not(.collapsed){border-bottom:var(--bs-border-width) var(--bs-border-style) var(--collapsible-border-color)}.property[data-v-b4f5f7ad]>.collapsible-body:not(.collapsed){padding-top:.75rem;padding-bottom:.75rem}.property[data-v-b4f5f7ad] .property-detail>*{padding-left:1rem;padding-right:1rem}.plugin-title[data-v-02295168] p{font-size:1rem}[data-v-02295168] .nested-button-py-2 button{padding-top:.5rem!important;padding-bottom:.5rem!important}[data-v-02295168] .nested-button-py-2 p{font-size:14px}[data-v-02295168] .markdown pre,[data-v-02295168] .markdown .code-block{margin:0}[data-v-02295168] .markdown>ol,[data-v-02295168] .markdown>ul,[data-v-02295168] .markdown>dl{margin-top:0;margin-bottom:0}[data-v-02295168] .plugin-section .material-design-icon,[data-v-02295168] .plugin-section .material-design-icon *{height:1.5rem;width:1.5rem;bottom:0}[data-v-02295168] .plugin-section .material-design-icon:not(.property .material-design-icon),[data-v-02295168] .plugin-section .material-design-icon:not(.property .material-design-icon) *{height:2rem;width:2rem}[data-v-02295168] .type-box{color:buttontext}[data-v-02295168] .type-box .material-design-icon,[data-v-02295168] .type-box .material-design-icon *{height:1rem;width:1rem}div[data-v-2d5ac2ae]{display:flex;justify-content:space-between;align-items:center;gap:var(--spacer);padding:9px 0 0}div span[data-v-2d5ac2ae]{line-height:1.5rem;font-size:.875rem!important;color:var(--ks-content-secondary)!important}div code[data-v-2d5ac2ae]{color:var(--ks-content-primary);background:var(--ks-background-body)}div .border-red[data-v-2d5ac2ae]{border-color:#e3262f!important}div[data-v-2d5ac2ae]:first-child{border-top:none!important}div[data-v-2d5ac2ae]>*{width:fit-content}.type-box[data-v-2d5ac2ae]{font-size:12px!important;line-height:20px;padding:0 10px!important;padding-bottom:2px;border-radius:40px!important;text-transform:capitalize;border:1px solid}.values-wrapper[data-v-2d5ac2ae]{display:flex!important;justify-content:flex-end!important;border:none!important;margin:0!important;padding:0!important;align-items:unset!important}.section-properties .type-box[data-v-2d5ac2ae]{color:var(--ks-content-running);background:var(--ks-background-running)!important;border-color:var(--ks-border-running);text-transform:lowercase}.section-outputs .type-box[data-v-2d5ac2ae]{color:var(--ks-content-success);background:#00231933!important;border-color:var(--ks-border-success);text-transform:lowercase}.section-metrics .type-box[data-v-2d5ac2ae]{color:var(--ks-content-warning);background:var(--ks-background-warning)!important;border-color:var(--ks-border-warning);text-transform:lowercase}.type-box[data-v-f088032b]{font-size:12px!important;line-height:20px;padding:0 10px!important;padding-bottom:2px;border-radius:40px!important;text-transform:capitalize;border:1px solid}.section-properties .type-box[data-v-f088032b]{color:var(--ks-content-running);background:var(--ks-background-running)!important;border-color:var(--ks-border-running);text-transform:lowercase}.section-outputs .type-box[data-v-f088032b]{color:var(--ks-content-success);background:#00231933!important;border-color:var(--ks-border-success);text-transform:lowercase}.section-metrics .type-box[data-v-f088032b]{color:var(--ks-content-warning);background:var(--ks-background-warning)!important;border-color:var(--ks-border-warning);text-transform:lowercase}.section-properties .def-property span[data-v-d1feacdf]{color:#5bb8ff}.section-outputs .def-property span[data-v-d1feacdf]{color:#21ce9c}.section-metrics .def-property span[data-v-d1feacdf]{color:#e58238}.def-collapsible[data-v-d1feacdf]{margin-bottom:.875rem}.def-collapsible[data-v-d1feacdf] .collapse-button span:not(.type-box){color:#a396ff!important;font-weight:500!important;font-size:12px!important;font-family:Source code pro,monospace;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;display:inline-block!important;max-width:100%}.def-collapsible[data-v-d1feacdf] summary{padding:9px 1.875rem;font-size:.875rem;font-weight:500;background:#1d1d1e;border:1px solid #3D3D3F;border-radius:12px 12px 0 0}.def-collapsible[data-v-d1feacdf] summary.collapsed{border-radius:12px}.def-collapsible .def-content[data-v-d1feacdf]{padding:1rem 0;background:#111113;border:1px solid #3D3D3F;border-top:none;border-radius:0 0 12px 12px}.def-collapsible .def-property[data-v-d1feacdf]{padding:9px 2rem;border-bottom:1px solid #3D3D3F}.def-collapsible .def-property[data-v-d1feacdf]:last-child{border-bottom:none;padding-bottom:0}.def-collapsible .def-property[data-v-d1feacdf]:first-child{padding-top:0}.def-collapsible .def-property span[data-v-d1feacdf]{font-size:12px!important;font-family:Source code pro,monospace}.def-collapsible .property-desc[data-v-d1feacdf]{font-size:.875rem;color:var(--ks-content-secondary)!important;line-height:1.5}.def-collapsible .property-desc[data-v-d1feacdf] p{margin:0;font-size:.875rem!important;line-height:22px;font-weight:400}.def-collapsible .property-desc[data-v-d1feacdf] code{font-size:.8125rem}.nested-defs .def-collapsible[data-v-d1feacdf] summary{padding-left:1.5rem}.def-examples[data-v-d1feacdf],.def-description[data-v-d1feacdf]{padding:1rem 2rem}.def-examples .def-examples-header[data-v-d1feacdf],.def-description .def-examples-header[data-v-d1feacdf]{font-weight:600;font-size:.875rem;margin-bottom:1rem;color:var(--ks-content-primary)}.property-detail[data-v-32bc6580]>*{display:flex;justify-content:space-between;border-top:1px solid var(--ks-border-primary);align-items:center;padding:1rem 0;margin:0;gap:var(--spacer)}.property-detail>* span[data-v-32bc6580],.property-detail>* .property-description[data-v-32bc6580] p{line-height:1.5rem;font-size:.875rem!important}.property-detail>* code[data-v-32bc6580]{color:var(--ks-content-primary);background:var(--ks-background-body)}.property-detail>* .border-red[data-v-32bc6580]{border-color:#e3262f!important}.property-detail[data-v-32bc6580]>*:first-child{border-top:none!important}.property-detail[data-v-32bc6580]>*>*{width:fit-content}.definitions-header[data-v-32bc6580]{font-weight:600;font-size:.875rem;margin-bottom:.75rem;color:var(--ks-content-primary)}.border[data-v-e31e75cd]{border-radius:.5rem}.property[data-v-e31e75cd]>button{font-size:1rem!important;line-height:1.5rem}.property[data-v-e31e75cd]>.collapse-button{padding:9px 16px;border:1px solid #3D3D3F;border-radius:12px;background-color:#1d1d1e}.property[open][data-v-e31e75cd]>.collapse-button{border-radius:12px 12px 0 0}.property[data-v-e31e75cd]:not([open])>.collapse-button{margin-bottom:1rem}.property[data-v-e31e75cd]>.collapsible-body:not(.collapsed){padding-top:.75rem;padding-bottom:.75rem}.property[data-v-e31e75cd] .property-detail{border:1px solid #3D3D3F;margin-bottom:1rem;border-radius:0 0 12px 12px}.property[data-v-e31e75cd] .property-detail:first-child{border-top:none}.property[data-v-e31e75cd] .property-detail>*{padding:1rem 2rem}.section-properties[data-v-e31e75cd] .collapse-button span:not(.type-box){color:#5bb8ff;font-size:1rem;font-weight:400;font-family:source code pro,monospace}.section-outputs[data-v-e31e75cd] .collapse-button span:not(.type-box){color:#21ce9c;font-size:1rem;font-weight:400;font-family:source code pro,monospace}.section-metrics[data-v-e31e75cd] .collapse-button span:not(.type-box){color:#e58238;font-size:1rem;font-weight:400;font-family:source code pro,monospace}.plugin-title[data-v-4b5f6b53] p{font-size:1rem;margin:1rem 0}[data-v-4b5f6b53] .markdown pre,[data-v-4b5f6b53] .markdown .code-block{margin:0}[data-v-4b5f6b53] .markdown>ol,[data-v-4b5f6b53] .markdown>ul,[data-v-4b5f6b53] .markdown>dl{margin-top:0;margin-bottom:0}[data-v-4b5f6b53] .plugin-section{border-bottom:1px solid #252526;padding:2rem 0}@media(min-width:992px){[data-v-4b5f6b53] .plugin-section{margin-left:-2rem;margin-right:-2rem;padding:2rem}}[data-v-4b5f6b53] .plugin-section:first-child{border-top:1px solid #252526}[data-v-4b5f6b53] .plugin-section:last-child{border-bottom:none;padding-bottom:0}[data-v-4b5f6b53] .plugin-section .material-design-icon>.material-design-icon__svg{height:1.35rem;width:1.35rem}[data-v-4b5f6b53] .plugin-section .material-design-icon:not(.text-danger):not(.text-info):not(.text-warning):not(.text-success):not(.text-primary):not(.text-secondary),[data-v-4b5f6b53] .plugin-section .material-design-icon:not(.text-danger):not(.text-info):not(.text-warning):not(.text-success):not(.text-primary):not(.text-secondary) *{height:1.5rem;width:1.5rem;bottom:0;color:#646465!important}[data-v-4b5f6b53] .plugin-section .material-design-icon:not(.property .material-design-icon):not(.text-danger):not(.text-info):not(.text-warning):not(.text-success):not(.text-primary):not(.text-secondary),[data-v-4b5f6b53] .plugin-section .material-design-icon:not(.property .material-design-icon):not(.text-danger):not(.text-info):not(.text-warning):not(.text-success):not(.text-primary):not(.text-secondary) *{height:1.5rem;width:1.5rem;color:#9797a6!important}h4[data-v-c2ad49cf]{font-size:20px;font-weight:600;margin:0 0 1.5rem;color:var(--ks-content-primary)}.description[data-v-c2ad49cf]{border-top:1px solid #252526;padding:2rem 3rem;margin:0 -3rem}.row[data-v-c2ad49cf]>*{padding-inline:8px;margin-top:1rem}.markdown-container[data-v-c2ad49cf]{position:relative;max-height:384px;overflow:hidden;transition:max-height .25s ease-in-out}.markdown-container.expanded[data-v-c2ad49cf]{max-height:none}.markdown-inner[data-v-c2ad49cf]{color:var(--ks-content-primary)}.gradient-overlay[data-v-c2ad49cf]{pointer-events:none;position:absolute;inset:auto 0 0;height:140px;background:linear-gradient(transparent,#0a0b0dd9)}.more-btn[data-v-c2ad49cf]{background:#0a0b0dd9;color:var(--ks-content-primary);border:none;padding:.5rem 1rem;border-radius:999px;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400;font-family:Source Code Pro,monospace}.more-btn[data-v-c2ad49cf] svg{font-size:1.25rem}
package/dist/utils/schemaUtils.d.ts CHANGED
@@ -32,6 +32,12 @@ export interface JSONSchema {
32
32
  description?: string;
33
33
  $deprecated?: boolean | string;
34
34
  definitions?: Record<string, JSONSchema>;
35
+ $examples?: {
36
+ title?: string;
37
+ code: string;
38
+ lang?: string;
39
+ full?: boolean;
40
+ }[];
35
41
  outputs?: {
36
42
  properties: Record<string, JSONProperty>;
37
43
  };
package/dist/utils/schemaUtils.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"schemaUtils.d.ts","sourceRoot":"","sources":["../../src/utils/schemaUtils.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"schemaUtils.d.ts","sourceRoot":"","sources":["../../src/utils/schemaUtils.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kestra-io/ui-libs",
3
- "version": "0.0.286",
3
+ "version": "0.0.288",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "https://github.com/kestra-io/ui-libs"
package/src/components/misc/ElementCard.vue CHANGED
@@ -84,7 +84,8 @@
84
84
  font-size: 1rem;
85
85
  font-weight: 700;
86
86
  margin: 0;
87
- padding-top: 0;
87
+ line-height: 1.5rem;
88
+ padding: 0.25rem 0;
88
89
  overflow: hidden;
89
90
  text-overflow: ellipsis;
90
91
  white-space: nowrap;
@@ -127,4 +128,5 @@
127
128
  -webkit-box-orient: vertical;
128
129
  }
129
130
  }
130
- </style>
131
+ </style>
132
+
package/src/components/misc/SubgroupCard.vue CHANGED
@@ -140,7 +140,8 @@
140
140
  text-overflow: ellipsis;
141
141
  overflow: hidden;
142
142
  white-space: nowrap;
143
- padding-top: 0;
143
+ line-height: 1.5rem;
144
+ padding: 0.25rem 0;
144
145
  }
145
146
 
146
147
  hr {
@@ -185,4 +186,5 @@
185
186
  }
186
187
  }
187
188
  }
188
- </style>
189
+ </style>
190
+
package/src/components/plugins/CollapsibleProperties.vue CHANGED
@@ -1,6 +1,20 @@
1
1
  <template>
2
2
  <Collapsible class="section-collapsible" :clickable-text="sectionName" :href="href" @expand="emit('expand')" :initially-expanded="initiallyExpanded || autoExpanded" :no-url-change="noUrlChange">
3
3
  <template v-if="Object.keys(properties ?? {}).length > 0" #content>
4
+ <div class="d-flex flex-column gap-3 mb-3 mt-2" v-if="description || (examples && examples.length > 0)">
5
+ <div v-if="description" class="markdown">
6
+ <slot name="markdown" :content="description" />
7
+ </div>
8
+ <div v-if="examples && examples.length > 0" class="examples-container">
9
+ <h6 class="fw-bold mb-2">
10
+ Examples
11
+ </h6>
12
+ <div v-for="(example, idx) in examples" :key="idx" class="mb-2">
13
+ <slot name="example" :example="example" />
14
+ </div>
15
+ </div>
16
+ </div>
17
+
4
18
  <div class="border overflow-hidden">
5
19
  <Collapsible
6
20
  class="property"
@@ -85,7 +99,9 @@
85
99
  showDynamic?: boolean,
86
100
  initiallyExpanded?: boolean,
87
101
  forceInclude?: string[],
88
- noUrlChange?: boolean
102
+ noUrlChange?: boolean,
103
+ description?: string,
104
+ examples?: any[]
89
105
  }>(), {
90
106
  properties: undefined,
91
107
  definitions: undefined,
@@ -93,7 +109,9 @@
93
109
  showDynamic: true,
94
110
  initiallyExpanded: false,
95
111
  forceInclude: () => [] as string[],
96
- noUrlChange: false
112
+ noUrlChange: false,
113
+ description: undefined,
114
+ examples: undefined
97
115
  });
98
116
 
99
117
  const emit = defineEmits(["expand"]);
@@ -202,5 +220,4 @@
202
220
  padding-right: 1rem;
203
221
  }
204
222
  }
205
- </style>
206
-
223
+ </style>
package/src/components/plugins/PluginIndex.vue CHANGED
@@ -127,7 +127,7 @@
127
127
  return split?.[split.length - 1];
128
128
  }
129
129
 
130
- const elementHref = (element: string) => `${props.routePath}/${element}`;
130
+ const elementHref = (element: string) => `${props.routePath}/${element.toLowerCase()}`;
131
131
 
132
132
  function getTotalElementCount(plugin: Plugin): number {
133
133
  const elements = extractPluginElements(plugin);
@@ -215,4 +215,5 @@
215
215
  font-size: 1.25rem;
216
216
  }
217
217
  }
218
- </style>
218
+ </style>
219
+
package/src/components/plugins/SchemaToHtml.vue CHANGED
@@ -29,11 +29,11 @@
29
29
  <slot v-if="example.title" :content="example.title.replace(/ *:(?![ /])/g, ': ')" name="markdown" />
30
30
  </div>
31
31
  <SchemaToCode
32
+ v-if="example.code"
32
33
  :highlighter="highlighter"
33
34
  :language="example.lang ?? 'yaml'"
34
35
  :theme="codeTheme"
35
36
  :code="generateExampleCode(example)"
36
- v-if="example.code"
37
37
  />
38
38
  </div>
39
39
  <hr class="w-100 align-self-center" v-if="index < examples.length - 1">
@@ -117,12 +117,29 @@
117
117
  class="plugin-section nested-button-py-2"
118
118
  @expand="definitionsExpanded = true; expandedDefinitions.add(definitionKey)"
119
119
  :no-url-change
120
+ :description="definitionValue.description"
121
+ :examples="definitionValue?.$examples"
120
122
  >
121
123
  <template #markdown="{content}">
122
124
  <div class="markdown">
123
125
  <slot name="markdown" :content="content" />
124
126
  </div>
125
127
  </template>
128
+
129
+ <template #example="{example}">
130
+ <div class="d-flex flex-column gap-2">
131
+ <div v-if="example.title" class="markdown">
132
+ <slot name="markdown" :content="`**${example.title}**`" />
133
+ </div>
134
+ <SchemaToCode
135
+ :highlighter="highlighter"
136
+ :language="example.lang ?? 'yaml'"
137
+ :theme="codeTheme"
138
+ :code="generateExampleCode(example)"
139
+ v-if="example.code"
140
+ />
141
+ </div>
142
+ </template>
126
143
  </CollapsibleProperties>
127
144
  </div>
128
145
  </template>
@@ -250,9 +267,15 @@
250
267
  font-size: 1rem;
251
268
  }
252
269
 
253
- :deep(.nested-button-py-2) button {
254
- padding-top: 0.5rem !important;
255
- padding-bottom: 0.5rem !important;
270
+ :deep(.nested-button-py-2) {
271
+ button {
272
+ padding-top: 0.5rem !important;
273
+ padding-bottom: 0.5rem !important;
274
+ }
275
+
276
+ p {
277
+ font-size: 14px;
278
+ }
256
279
  }
257
280
 
258
281
  :deep(.markdown) {
@@ -293,5 +316,4 @@
293
316
  }
294
317
  }
295
318
  }
296
- </style>
297
-
319
+ </style>
package/src/components/plugins_v2/DefinitionCollapsible.vue CHANGED
@@ -9,6 +9,32 @@
9
9
  >
10
10
  <template #content>
11
11
  <div class="def-content">
12
+ <div v-if="definition.description" class="def-description">
13
+ <slot :content="codeSanitizer(definition.description)" name="markdown" />
14
+ </div>
15
+ <div v-if="definition.$examples && definition.$examples.length" class="def-examples">
16
+ <div class="def-examples-header">
17
+ Example
18
+ </div>
19
+ <div class="d-flex flex-column gap-4">
20
+ <template v-for="(example, index) in definition.$examples" :key="`${definition.key}-example-${index}`">
21
+ <div class="d-flex flex-column">
22
+ <div class="markdown">
23
+ <slot v-if="example.title" :content="example.title.replace(/ *:(?![ /])/g, ': ')" name="markdown" />
24
+ </div>
25
+ <SchemaToCode
26
+ v-if="example.code"
27
+ :highlighter="highlighter"
28
+ :language="example.lang ?? 'yaml'"
29
+ :theme="codeTheme"
30
+ :code="example.code"
31
+ />
32
+ </div>
33
+ <hr class="w-100 align-self-center" v-if="index < definition.$examples.length - 1">
34
+ </template>
35
+ </div>
36
+ </div>
37
+
12
38
  <div v-for="(prop, propKey) in definition.properties" :key="propKey" class="def-property">
13
39
  <div class="d-flex align-items-center justify-content-between gap-2">
14
40
  <span>{{ propKey }}</span>
@@ -44,7 +70,9 @@
44
70
  </template>
45
71
 
46
72
  <script setup lang="ts">
47
- import {computed} from "vue";
73
+ import {computed, inject, ref} from "vue";
74
+ import type {Ref} from "vue";
75
+ import type {HighlighterCore} from "shiki/core";
48
76
  import {
49
77
  extractEnumValues,
50
78
  extractTypeInfo,
@@ -56,12 +84,20 @@
56
84
  import Collapsible from "./CollapsibleV2.vue";
57
85
  import PropertyBadges from "./PropertyBadges.vue";
58
86
  import PropertyMeta from "./PropertyMeta.vue";
87
+ import SchemaToCode from "../plugins/SchemaToCode.vue";
59
88
 
60
89
  const props = withDefaults(defineProps<{
61
90
  definition: {
62
91
  key: string,
63
92
  title: string,
64
- properties: Record<string, JSONProperty>
93
+ description?: string,
94
+ properties: Record<string, JSONProperty>,
95
+ $examples?: {
96
+ title?: string,
97
+ code: string,
98
+ lang?: string,
99
+ full?: boolean
100
+ }[]
65
101
  },
66
102
  definitions?: Record<string, JSONSchema>,
67
103
  visitedKeys?: Set<string>,
@@ -80,6 +116,9 @@
80
116
  markdown: { content: string }
81
117
  }>();
82
118
 
119
+ const highlighter = inject<Ref<HighlighterCore | undefined>>("highlighter", ref(undefined));
120
+ const codeTheme = inject<Ref<string>>("codeTheme", ref("github-dark"));
121
+
83
122
  const codeSanitizer = sanitizeForMarkdown;
84
123
 
85
124
  const getSubtype = (p: JSONProperty) => {
@@ -204,4 +243,14 @@
204
243
  }
205
244
  }
206
245
  }
246
+
247
+ .def-examples, .def-description {
248
+ padding: 1rem 2rem;
249
+ .def-examples-header {
250
+ font-weight: 600;
251
+ font-size: 0.875rem;
252
+ margin-bottom: 1rem;
253
+ color: var(--ks-content-primary);
254
+ }
255
+ }
207
256
  </style>
package/src/components/plugins_v2/SchemaToHtmlV2.vue CHANGED
@@ -26,11 +26,11 @@
26
26
  <slot v-if="example.title" :content="example.title.replace(/ *:(?![ /])/g, ': ')" name="markdown" />
27
27
  </div>
28
28
  <SchemaToCode
29
+ v-if="example.code"
29
30
  :highlighter="highlighter"
30
31
  :language="example.lang ?? 'yaml'"
31
32
  :theme="codeTheme"
32
33
  :code="generateExampleCode(example)"
33
- v-if="example.code"
34
34
  />
35
35
  </div>
36
36
  <hr class="w-100 align-self-center" v-if="index < examples.length - 1">
@@ -101,6 +101,7 @@
101
101
  import type {JSONProperty, JSONSchema} from "../../utils/schemaUtils.ts";
102
102
  import Collapsible from "./CollapsibleV2.vue";
103
103
  import CollapsibleProperties from "./CollapsiblePropertiesV2.vue";
104
+ import {provide} from "vue";
104
105
 
105
106
  const props = withDefaults(defineProps<{
106
107
  schema: JSONSchema,
@@ -126,6 +127,10 @@
126
127
  }
127
128
 
128
129
  const highlighter = ref<HighlighterCore | undefined>();
130
+ const codeTheme = computed(() => "github-" + (props.darkMode ? "dark" : "light"));
131
+
132
+ provide("highlighter", highlighter);
133
+ provide("codeTheme", codeTheme);
129
134
 
130
135
  const examples = computed(() => props.schema.properties?.["$examples"]);
131
136
 
@@ -136,8 +141,6 @@
136
141
  const {getHighlighterCore} = await import("../plugins/shikiToolset");
137
142
 
138
143
  highlighter.value = await getHighlighterCore();
139
-
140
- const codeTheme = "github-" + (props.darkMode ? "dark" : "light");
141
144
  </script>
142
145
 
143
146
  <style scoped lang="scss">
package/src/utils/schemaUtils.ts CHANGED
@@ -35,6 +35,12 @@ export interface JSONSchema {
35
35
  description?: string
36
36
  $deprecated?: boolean | string
37
37
  definitions?: Record<string, JSONSchema>
38
+ $examples?: {
39
+ title?: string
40
+ code: string
41
+ lang?: string
42
+ full?: boolean
43
+ }[]
38
44
  outputs?: {
39
45
  properties: Record<string, JSONProperty>
40
46
  }
@@ -179,10 +185,15 @@ export function extractReferencedDefinitions(
179
185
  .filter(key => !isDeprecated(definitions[key]))
180
186
  .map(key => {
181
187
  const def = definitions[key];
188
+ const properties = def?.properties ? {...def.properties} : {};
189
+ const examples = def?.["$examples"] || properties["$examples"];
190
+
182
191
  return {
183
192
  key,
184
193
  title: def?.title ?? key.split("_")[0],
185
- properties: def?.properties ?? {}
194
+ description: def?.description,
195
+ properties: properties,
196
+ $examples: examples
186
197
  };
187
198
  });
188
199
  }