@jumoo/processing 17.4.2 → 17.4.3-prerelease.3

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 (19) hide show
  1. package/dist/api/index.d.ts +1 -1
  2. package/dist/api/index.js +1 -1
  3. package/dist/api/sdk.gen.d.ts +4 -1
  4. package/dist/api/sdk.gen.js +25 -0
  5. package/dist/api/types.gen.d.ts +172 -1
  6. package/dist/api/types.gen.js +17 -0
  7. package/dist/pipeline/components/background.element.js +24 -23
  8. package/dist/pipeline/components/pipeline-list.element.js +29 -28
  9. package/dist/pipeline/components/pipeline-table.element.js +23 -23
  10. package/dist/pipeline/components/process-error.element.js +39 -39
  11. package/dist/pipeline/components/progress.element.js +122 -122
  12. package/dist/pipeline/components/progress.step.element.js +5 -5
  13. package/dist/pipeline/modal/errors/error-modal.element.js +87 -87
  14. package/dist/pipeline/modal/pipeline-modal.element.js +34 -34
  15. package/dist/pipeline/pipeline.element.js +27 -26
  16. package/dist/pipeline/workspace/views/default-pipeline-view.js +18 -18
  17. package/dist/queue/components/queue-list.element.js +17 -17
  18. package/dist/queue/components/queue-table.element.js +15 -15
  19. package/package.json +58 -51
package/dist/pipeline/components/progress.element.js CHANGED
@@ -23,16 +23,16 @@ let JumooPipelineProgressElement = class JumooPipelineProgressElement extends Um
23
23
  ? 'running'
24
24
  : 'pending';
25
25
  const icon = step.icon ?? 'icon-checkmark';
26
- return html `
27
- <div class="step ${className}">
28
- <uui-icon .name=${icon}></uui-icon>
29
- <div class="step-name">${step.name}</div>
30
- </div>
26
+ return html `
27
+ <div class="step ${className}">
28
+ <uui-icon .name=${icon}></uui-icon>
29
+ <div class="step-name">${step.name}</div>
30
+ </div>
31
31
  `;
32
32
  });
33
- return html `<div class="step-progress">
34
- <div class="steps">${steps}</div>
35
- ${this.renderMessages()}
33
+ return html `<div class="step-progress">
34
+ <div class="steps">${steps}</div>
35
+ ${this.renderMessages()}
36
36
  </div>`;
37
37
  }
38
38
  getLastKnownProgress() {
@@ -43,123 +43,123 @@ let JumooPipelineProgressElement = class JumooPipelineProgressElement extends Um
43
43
  renderMessages() {
44
44
  this._lastKnownProgress = this.getLastKnownProgress();
45
45
  console.debug('Current progress:', this._lastKnownProgress, this.message?.progress);
46
- return html `<div class="message">
47
- <div class="content">
48
- <div>
49
- <h3>${this.message?.title}</h3>
50
- </div>
51
- <div>
52
- <small>${this.message?.message}</small>
53
- </div>
54
- </div>
55
- <div class="progress">
56
- <uui-progress-bar .progress=${this._lastKnownProgress}></uui-progress-bar>
57
- ${when(this.showPercentage, () => html `<div>${this._lastKnownProgress.toFixed(2)}%</div>`)}
58
- </div>
46
+ return html `<div class="message">
47
+ <div class="content">
48
+ <div>
49
+ <h3>${this.message?.title}</h3>
50
+ </div>
51
+ <div>
52
+ <small>${this.message?.message}</small>
53
+ </div>
54
+ </div>
55
+ <div class="progress">
56
+ <uui-progress-bar .progress=${this._lastKnownProgress}></uui-progress-bar>
57
+ ${when(this.showPercentage, () => html `<div>${this._lastKnownProgress.toFixed(2)}%</div>`)}
58
+ </div>
59
59
  </div>`;
60
60
  }
61
61
  };
62
- JumooPipelineProgressElement.styles = css `
63
- :host {
64
- display: flex;
65
- justify-content: center;
66
- align-items: center;
67
- flex-direction: column;
68
- height: 100%;
69
- }
70
-
71
- .message {
72
- display: grid;
73
- grid-template-rows: 1fr 1fr;
74
- align-items: center;
75
- height: 8rem;
76
- width: 100%;
77
- margin: var(--uui-size-space-3) 0;
78
- }
79
-
80
- .content {
81
- display: flex;
82
- flex-direction: column;
83
- align-items: center;
84
- }
85
-
86
- .content h3 {
87
- margin: 0;
88
- padding-bottom: var(--uui-size-space-2);
89
- }
90
-
91
- .progress {
92
- width: 100%;
93
- display: flex;
94
- flex-direction: column;
95
- align-items: center;
96
- }
97
-
98
- .percentage {
99
- font-size: small;
100
- }
101
-
102
- uui-progress-bar {
103
- height: var(--uui-size-space-4);
104
- margin: 0;
105
- padding: 0;
106
- border-radius: var(--uui-border-radius);
107
- background-color: var(--uui-color-border);
108
- }
109
-
110
- .step-progress {
111
- width: 100%;
112
- display: flex;
113
- flex-direction: column;
114
- align-items: center;
115
- }
116
-
117
- .steps {
118
- display: flex;
119
- flex-direction: row;
120
- flex-flow: row wrap;
121
- justify-content: center;
122
- width: 100%;
123
- margin-bottom: var(--uui-size-space-3);
124
- gap: var(--uui-size-space-2);
125
- }
126
-
127
- .step {
128
- display: flex;
129
- flex-grow: 1;
130
- margin: 0 var(--uui-size-space-5);
131
- padding: var(--uui-size-space-2);
132
- max-width: var(--uui-size-layout-5);
133
- flex-direction: column;
134
- align-items: center;
135
- align-content: center;
136
- transition: background-color 0.3s ease;
137
- }
138
-
139
- .step uui-icon {
140
- font-size: 30pt;
141
- margin: var(--uui-size-space-2) 0;
142
- }
143
-
144
- .step-name {
145
- text-align: center;
146
- font-weight: 900;
147
- }
148
-
149
- .step.complete uui-icon {
150
- color: green;
151
- }
152
- .step.running uui-icon {
153
- color: blue;
154
- }
155
- .step.pending uui-icon {
156
- color: gray;
157
- }
158
-
159
- .step.running {
160
- border-radius: var(--uui-size-4);
161
- background-color: var(--uui-color-disabled-standalone);
162
- }
62
+ JumooPipelineProgressElement.styles = css `
63
+ :host {
64
+ display: flex;
65
+ justify-content: center;
66
+ align-items: center;
67
+ flex-direction: column;
68
+ height: 100%;
69
+ }
70
+
71
+ .message {
72
+ display: grid;
73
+ grid-template-rows: 1fr 1fr;
74
+ align-items: center;
75
+ height: 8rem;
76
+ width: 100%;
77
+ margin: var(--uui-size-space-3) 0;
78
+ }
79
+
80
+ .content {
81
+ display: flex;
82
+ flex-direction: column;
83
+ align-items: center;
84
+ }
85
+
86
+ .content h3 {
87
+ margin: 0;
88
+ padding-bottom: var(--uui-size-space-2);
89
+ }
90
+
91
+ .progress {
92
+ width: 100%;
93
+ display: flex;
94
+ flex-direction: column;
95
+ align-items: center;
96
+ }
97
+
98
+ .percentage {
99
+ font-size: small;
100
+ }
101
+
102
+ uui-progress-bar {
103
+ height: var(--uui-size-space-4);
104
+ margin: 0;
105
+ padding: 0;
106
+ border-radius: var(--uui-border-radius);
107
+ background-color: var(--uui-color-border);
108
+ }
109
+
110
+ .step-progress {
111
+ width: 100%;
112
+ display: flex;
113
+ flex-direction: column;
114
+ align-items: center;
115
+ }
116
+
117
+ .steps {
118
+ display: flex;
119
+ flex-direction: row;
120
+ flex-flow: row wrap;
121
+ justify-content: center;
122
+ width: 100%;
123
+ margin-bottom: var(--uui-size-space-3);
124
+ gap: var(--uui-size-space-2);
125
+ }
126
+
127
+ .step {
128
+ display: flex;
129
+ flex-grow: 1;
130
+ margin: 0 var(--uui-size-space-5);
131
+ padding: var(--uui-size-space-2);
132
+ max-width: var(--uui-size-layout-5);
133
+ flex-direction: column;
134
+ align-items: center;
135
+ align-content: center;
136
+ transition: background-color 0.3s ease;
137
+ }
138
+
139
+ .step uui-icon {
140
+ font-size: 30pt;
141
+ margin: var(--uui-size-space-2) 0;
142
+ }
143
+
144
+ .step-name {
145
+ text-align: center;
146
+ font-weight: 900;
147
+ }
148
+
149
+ .step.complete uui-icon {
150
+ color: green;
151
+ }
152
+ .step.running uui-icon {
153
+ color: blue;
154
+ }
155
+ .step.pending uui-icon {
156
+ color: gray;
157
+ }
158
+
159
+ .step.running {
160
+ border-radius: var(--uui-size-4);
161
+ background-color: var(--uui-color-disabled-standalone);
162
+ }
163
163
  `;
164
164
  __decorate([
165
165
  property({ type: Object })
package/dist/pipeline/components/progress.step.element.js CHANGED
@@ -16,16 +16,16 @@ let JumooProcessStepElement = class JumooProcessStepElement extends UmbElementMi
16
16
  : this.renderStepElement();
17
17
  }
18
18
  renderStepElement() {
19
- return html `
20
- <umb-extension-slot
21
- type="jumoo-process-step"
22
- .filter=${(ext) => ext.elementName === this.state?.elementName}
19
+ return html `
20
+ <umb-extension-slot
21
+ type="jumoo-process-step"
22
+ .filter=${(ext) => ext.elementName === this.state?.elementName}
23
23
  .props=${{
24
24
  pipelineId: this.pipelineId,
25
25
  state: this.state,
26
26
  options: this.options,
27
27
  resutls: this.resutls,
28
- }}></umb-extension-slot>
28
+ }}></umb-extension-slot>
29
29
  `;
30
30
  }
31
31
  };
package/dist/pipeline/modal/errors/error-modal.element.js CHANGED
@@ -20,65 +20,65 @@ let JumooProcessingErrorModal = class JumooProcessingErrorModal extends UmbModal
20
20
  }
21
21
  render() {
22
22
  const headline = __classPrivateFieldGet(this, _JumooProcessingErrorModal_instances, "m", _JumooProcessingErrorModal_truncate).call(this, 'Error: ' + this.data?.error.message, 75);
23
- return html `<umb-body-layout .headline=${headline}>
24
- <uui-box .headline=${this.localize.term('jumooProcError_headline')}>
25
- <h2>${this.data?.error.message}</h2>
26
- <div class="more-box">
27
- <div class="more">
28
- <div class="label">
29
- <umb-localize key="jumooProcError_source"></umb-localize>
30
- </div>
31
- <div class="detail">
32
- ${this.data?.error.strategy} / ${this.data?.error.source}
33
- </div>
34
- </div>
35
- <div class="more">
36
- <div class="label">
37
- <umb-localize key="jumooProcError_action"></umb-localize>
38
- </div>
39
- <div class="detail">${this.data?.error.action}</div>
40
- </div>
41
- <div class="more">
42
- <div class="label"></div>
43
- <div class="detail">
44
- ${this.data?.error.step}
45
- ${when(this.data?.error.subStep, () => html `(${this.data?.error.subStep})`)}
46
- </div>
47
- </div>
48
- <div class="more">
49
- <div class="label">
50
- <umb-localize key="jumooProcError_page"></umb-localize>
51
- </div>
52
- <div class="detail">${this.data?.error.page}</div>
53
- </div>
54
- <div class="more">
55
- <div class="label">
56
- <umb-localize key="jumooProcError_class"></umb-localize>
57
- </div>
58
- <div class="detail">${this.data?.error.className}</div>
59
- </div>
60
- <div class="more">
61
- <div class="label">
62
- <umb-localize key="jumooProcError_method"></umb-localize>
63
- </div>
64
- <div class="detail">${this.data?.error.methodName}</div>
65
- </div>
66
- <div class="more">
67
- <div class="label">
68
- <umb-localize key="jumooProcError_stack"></umb-localize>
69
- </div>
70
- <div class="detail fixed">${this.data?.error.stackTrace}</div>
71
- </div>
72
- </div>
73
- </uui-box>
74
-
75
- <div slot="actions">
76
- <uui-button
77
- @click=${__classPrivateFieldGet(this, _JumooProcessingErrorModal_instances, "m", _JumooProcessingErrorModal_onClose)}
78
- color="default"
79
- look="default"
80
- .label=${this.localize.term('general_close')}></uui-button>
81
- </div>
23
+ return html `<umb-body-layout .headline=${headline}>
24
+ <uui-box .headline=${this.localize.term('jumooProcError_headline')}>
25
+ <h2>${this.data?.error.message}</h2>
26
+ <div class="more-box">
27
+ <div class="more">
28
+ <div class="label">
29
+ <umb-localize key="jumooProcError_source"></umb-localize>
30
+ </div>
31
+ <div class="detail">
32
+ ${this.data?.error.strategy} / ${this.data?.error.source}
33
+ </div>
34
+ </div>
35
+ <div class="more">
36
+ <div class="label">
37
+ <umb-localize key="jumooProcError_action"></umb-localize>
38
+ </div>
39
+ <div class="detail">${this.data?.error.action}</div>
40
+ </div>
41
+ <div class="more">
42
+ <div class="label"></div>
43
+ <div class="detail">
44
+ ${this.data?.error.step}
45
+ ${when(this.data?.error.subStep, () => html `(${this.data?.error.subStep})`)}
46
+ </div>
47
+ </div>
48
+ <div class="more">
49
+ <div class="label">
50
+ <umb-localize key="jumooProcError_page"></umb-localize>
51
+ </div>
52
+ <div class="detail">${this.data?.error.page}</div>
53
+ </div>
54
+ <div class="more">
55
+ <div class="label">
56
+ <umb-localize key="jumooProcError_class"></umb-localize>
57
+ </div>
58
+ <div class="detail">${this.data?.error.className}</div>
59
+ </div>
60
+ <div class="more">
61
+ <div class="label">
62
+ <umb-localize key="jumooProcError_method"></umb-localize>
63
+ </div>
64
+ <div class="detail">${this.data?.error.methodName}</div>
65
+ </div>
66
+ <div class="more">
67
+ <div class="label">
68
+ <umb-localize key="jumooProcError_stack"></umb-localize>
69
+ </div>
70
+ <div class="detail fixed">${this.data?.error.stackTrace}</div>
71
+ </div>
72
+ </div>
73
+ </uui-box>
74
+
75
+ <div slot="actions">
76
+ <uui-button
77
+ @click=${__classPrivateFieldGet(this, _JumooProcessingErrorModal_instances, "m", _JumooProcessingErrorModal_onClose)}
78
+ color="default"
79
+ look="default"
80
+ .label=${this.localize.term('general_close')}></uui-button>
81
+ </div>
82
82
  </umb-body-layout>`;
83
83
  }
84
84
  };
@@ -93,34 +93,34 @@ _JumooProcessingErrorModal_truncate = function _JumooProcessingErrorModal_trunca
93
93
  const charsToShow = length - separatorLength;
94
94
  return input.substring(0, charsToShow) + separator;
95
95
  };
96
- JumooProcessingErrorModal.styles = css `
97
- .more {
98
- display: flex;
99
- gap: var(--uui-size-space-4);
100
- margin-bottom: var(--uui-size-space-4);
101
- }
102
-
103
- h2 {
104
- overflow: auto;
105
- padding: var(--uui-size-space-2);
106
- background-color: var(--uui-color-danger);
107
- color: var(--uui-color-default-contrast);
108
- }
109
-
110
- .label {
111
- font-weight: bold;
112
- min-width: var(--uui-size-layout-5);
113
- text-align: right;
114
- }
115
-
116
- .label::after {
117
- content: ' :';
118
- }
119
-
120
- .more .fixed {
121
- overflow: overlay;
122
- font-family: monospace;
123
- }
96
+ JumooProcessingErrorModal.styles = css `
97
+ .more {
98
+ display: flex;
99
+ gap: var(--uui-size-space-4);
100
+ margin-bottom: var(--uui-size-space-4);
101
+ }
102
+
103
+ h2 {
104
+ overflow: auto;
105
+ padding: var(--uui-size-space-2);
106
+ background-color: var(--uui-color-danger);
107
+ color: var(--uui-color-default-contrast);
108
+ }
109
+
110
+ .label {
111
+ font-weight: bold;
112
+ min-width: var(--uui-size-layout-5);
113
+ text-align: right;
114
+ }
115
+
116
+ .label::after {
117
+ content: ' :';
118
+ }
119
+
120
+ .more .fixed {
121
+ overflow: overlay;
122
+ font-family: monospace;
123
+ }
124
124
  `;
125
125
  JumooProcessingErrorModal = __decorate([
126
126
  customElement(JUMOO_PROCESSING_ERROR_MODAL_ALIAS)
package/dist/pipeline/modal/pipeline-modal.element.js CHANGED
@@ -38,41 +38,41 @@ let uSyncProcessingModal = class uSyncProcessingModal extends UmbModalBaseElemen
38
38
  this.closeLabel = this.data?.closeLabel ?? 'Close';
39
39
  }
40
40
  render() {
41
- return html ` ${__classPrivateFieldGet(this, _uSyncProcessingModal_instances, "m", _uSyncProcessingModal_getDialogStyles).call(this)}
42
- <umb-body-layout id="jumoo-processing-modal">
43
- <div slot="header" id="header">
44
- <h3>${this.headline}</h3>
45
- ${this.data?.description}
46
- </div>
47
- ${this.renderProcess()}
48
- <div slot="actions">${this.renderActions()}</div>
41
+ return html ` ${__classPrivateFieldGet(this, _uSyncProcessingModal_instances, "m", _uSyncProcessingModal_getDialogStyles).call(this)}
42
+ <umb-body-layout id="jumoo-processing-modal">
43
+ <div slot="header" id="header">
44
+ <h3>${this.headline}</h3>
45
+ ${this.data?.description}
46
+ </div>
47
+ ${this.renderProcess()}
48
+ <div slot="actions">${this.renderActions()}</div>
49
49
  </umb-body-layout>`;
50
50
  }
51
51
  renderProcess() {
52
52
  if (!this.data)
53
53
  return;
54
- return html `<jumoo-pipeline
55
- .processor=${this.data.processor}
56
- .strategy=${this.data.strategy}
57
- .setup=${this.data.options}
58
- .debug=${this.data.debug ?? false}
59
- @pipeline-status=${__classPrivateFieldGet(this, _uSyncProcessingModal_instances, "m", _uSyncProcessingModal_onStatusChange)}
60
- @pipeline-valid=${__classPrivateFieldGet(this, _uSyncProcessingModal_instances, "m", _uSyncProcessingModal_onSetValid)}
61
- @pipeline-complete=${__classPrivateFieldGet(this, _uSyncProcessingModal_instances, "m", _uSyncProcessingModal_onComplete)}
54
+ return html `<jumoo-pipeline
55
+ .processor=${this.data.processor}
56
+ .strategy=${this.data.strategy}
57
+ .setup=${this.data.options}
58
+ .debug=${this.data.debug ?? false}
59
+ @pipeline-status=${__classPrivateFieldGet(this, _uSyncProcessingModal_instances, "m", _uSyncProcessingModal_onStatusChange)}
60
+ @pipeline-valid=${__classPrivateFieldGet(this, _uSyncProcessingModal_instances, "m", _uSyncProcessingModal_onSetValid)}
61
+ @pipeline-complete=${__classPrivateFieldGet(this, _uSyncProcessingModal_instances, "m", _uSyncProcessingModal_onComplete)}
62
62
  @pipeline-modal-update=${__classPrivateFieldGet(this, _uSyncProcessingModal_instances, "m", _uSyncProcessingModal_onUpdateModal)}></jumoo-pipeline>`;
63
63
  }
64
64
  renderActions() {
65
65
  const actionButton = this._status === PipelineStatus.WAITING && this._isValid && !this._isLastAction
66
- ? html `<uui-button
67
- @click=${__classPrivateFieldGet(this, _uSyncProcessingModal_instances, "m", _uSyncProcessingModal_onProcess)}
68
- color="positive"
69
- look="primary"
66
+ ? html `<uui-button
67
+ @click=${__classPrivateFieldGet(this, _uSyncProcessingModal_instances, "m", _uSyncProcessingModal_onProcess)}
68
+ color="positive"
69
+ look="primary"
70
70
  .label=${this.progressLabel}></uui-button>`
71
71
  : nothing;
72
- const closeButton = html `<uui-button
73
- @click=${__classPrivateFieldGet(this, _uSyncProcessingModal_instances, "m", _uSyncProcessingModal_onClose)}
74
- color="default"
75
- look="default"
72
+ const closeButton = html `<uui-button
73
+ @click=${__classPrivateFieldGet(this, _uSyncProcessingModal_instances, "m", _uSyncProcessingModal_onClose)}
74
+ color="default"
75
+ look="default"
76
76
  label=${this.closeLabel}></uui-button>`;
77
77
  return html `${closeButton} ${actionButton}`;
78
78
  }
@@ -110,18 +110,18 @@ _uSyncProcessingModal_onProcess = function _uSyncProcessingModal_onProcess() {
110
110
  };
111
111
  _uSyncProcessingModal_getDialogStyles = function _uSyncProcessingModal_getDialogStyles() {
112
112
  const width = (this.data?.width ?? this.modalType === 'dialog') ? 600 : 0;
113
- return html `<style>
114
- #jumoo-processing-modal {
115
- min-width: ${width > 0 ? width + 'px' : 'auto'};
116
- min-height: ${this.data?.height ? this.data.height + 'px' : 'auto'};
117
- }
113
+ return html `<style>
114
+ #jumoo-processing-modal {
115
+ min-width: ${width > 0 ? width + 'px' : 'auto'};
116
+ min-height: ${this.data?.height ? this.data.height + 'px' : 'auto'};
117
+ }
118
118
  </style>`;
119
119
  };
120
- uSyncProcessingModal.styles = css `
121
- #header h3 {
122
- display: block;
123
- margin: 0;
124
- }
120
+ uSyncProcessingModal.styles = css `
121
+ #header h3 {
122
+ display: block;
123
+ margin: 0;
124
+ }
125
125
  `;
126
126
  __decorate([
127
127
  state()
package/dist/pipeline/pipeline.element.js CHANGED
@@ -155,6 +155,7 @@ let JumooPipelineElement = class JumooPipelineElement extends UmbLitElement {
155
155
  case PipelineStatus.RUNNING:
156
156
  return this.renderSteps();
157
157
  case PipelineStatus.FAILED:
158
+ case PipelineStatus.CANCELLED:
158
159
  return this.renderFail();
159
160
  case PipelineStatus.BACKGROUND:
160
161
  return this.renderBackground();
@@ -164,11 +165,11 @@ let JumooPipelineElement = class JumooPipelineElement extends UmbLitElement {
164
165
  }
165
166
  renderBackground() {
166
167
  return !this.state?.backgroundState?.backgroundElement
167
- ? html `<jumoo-pipeline-background
168
- .message=${this.message}
169
- .state=${this.backgroundState ?? this.state}
170
- .pipelineId=${this._pipelineId}
171
- .background=${this.state?.backgroundState}
168
+ ? html `<jumoo-pipeline-background
169
+ .message=${this.message}
170
+ .state=${this.backgroundState ?? this.state}
171
+ .pipelineId=${this._pipelineId}
172
+ .background=${this.state?.backgroundState}
172
173
  .options=${this.options}></jumoo-pipeline-background>`
173
174
  : this.renderElement(this.state?.backgroundState?.backgroundElement);
174
175
  }
@@ -177,48 +178,48 @@ let JumooPipelineElement = class JumooPipelineElement extends UmbLitElement {
177
178
  ? !this.state?.currentRequest?.action?.element
178
179
  ? html `<div>complete</div>`
179
180
  : this.renderElement(this.state?.currentRequest?.action?.element)
180
- : html `<jumoo-pipeline-background
181
- .message=${this.message}
182
- .state=${this.backgroundState ?? this.state}
183
- .pipelineId=${this._pipelineId}
184
- .background=${this.state?.backgroundState}
181
+ : html `<jumoo-pipeline-background
182
+ .message=${this.message}
183
+ .state=${this.backgroundState ?? this.state}
184
+ .pipelineId=${this._pipelineId}
185
+ .background=${this.state?.backgroundState}
185
186
  .options=${this.options}></jumoo-pipeline-background>`;
186
187
  }
187
188
  renderSteps() {
188
189
  if (!this.state?.progress)
189
190
  return nothing;
190
- return html `<jumoo-pipeline-progress
191
- .progress=${this.state?.progress}
191
+ return html `<jumoo-pipeline-progress
192
+ .progress=${this.state?.progress}
192
193
  .message=${this.message}></jumoo-pipeline-progress>`;
193
194
  }
194
195
  renderElement(element) {
195
196
  return !element
196
197
  ? nothing
197
- : html `
198
- <div class="wrapper">
199
- <umb-extension-slot
200
- type="jumoo-process-step"
201
- .filter=${(ext) => ext.elementName === element}
198
+ : html `
199
+ <div class="wrapper">
200
+ <umb-extension-slot
201
+ type="jumoo-process-step"
202
+ .filter=${(ext) => ext.elementName === element}
202
203
  .props=${{
203
204
  pipelineId: this._pipelineId,
204
205
  state: this.state,
205
206
  options: this.options,
206
207
  results: this.results,
207
- }}></umb-extension-slot>
208
- </div>
208
+ }}></umb-extension-slot>
209
+ </div>
209
210
  `;
210
211
  }
211
212
  renderFail() {
212
- return html `
213
- <jumoo-processing-error .error=${this.results?.error}></jumoo-processing-error>
213
+ return html `
214
+ <jumoo-processing-error .error=${this.results?.error}></jumoo-processing-error>
214
215
  `;
215
216
  }
216
217
  };
217
- JumooPipelineElement.styles = css `
218
- .wrapper,
219
- umb-extension-slot {
220
- height: 100%;
221
- }
218
+ JumooPipelineElement.styles = css `
219
+ .wrapper,
220
+ umb-extension-slot {
221
+ height: 100%;
222
+ }
222
223
  `;
223
224
  __decorate([
224
225
  property({ type: String })