@jumoo/processing 17.4.2 → 17.4.3-prerelease.10

package/dist/pipeline/components/pipeline-table.element.js

@@ -60,7 +60,7 @@ let JumooPipelinesTableElement = class JumooPipelinesTableElement extends UmbLit
                     },
                     {
                         columnAlias: 'background',
-                        value: html `<umb-icon
+                        value: html `<umb-icon
 								.name=${when((pipeline.state.backgroundState?.isBackgroundRequest ?? false) == true, () => 'icon-check', () => 'icon-close')}></umb-icon>`,
                     },
                     {
@@ -77,33 +77,33 @@ let JumooPipelinesTableElement = class JumooPipelinesTableElement extends UmbLit
             };
         })
             .filter((item) => item !== undefined);
-        return html `
-			<umb-table
-				.config=${this._tableConfig}
-				.columns=${this.tableColumns}
-				.items=${items}
-				.filter=${this.filter}></umb-table>
+        return html `
+			<umb-table
+				.config=${this._tableConfig}
+				.columns=${this.tableColumns}
+				.items=${items}
+				.filter=${this.filter}></umb-table>
 		`;
     }
     renderActions(pipeline) {
-        return html `<uui-button-group
-			><uui-button
-				.id=${pipeline.id}
-				label="View"
-				color="positive"
-				look="outline"
-				@click=${__classPrivateFieldGet(this, _JumooPipelinesTableElement_instances, "m", _JumooPipelinesTableElement_onViewPipeline)}
-				>View</uui-button
-			>
+        return html `<uui-button-group
+			><uui-button
+				.id=${pipeline.id}
+				label="View"
+				color="positive"
+				look="outline"
+				@click=${__classPrivateFieldGet(this, _JumooPipelinesTableElement_instances, "m", _JumooPipelinesTableElement_onViewPipeline)}
+				>View</uui-button
+			>
 			${this.hideDelete
             ? ''
-            : html `<uui-button
-							label="Delete"
-							color="danger"
-							look="outline"
-							@click=${() => __classPrivateFieldGet(this, _JumooPipelinesTableElement_instances, "m", _JumooPipelinesTableElement_onDeletePipeline).call(this, pipeline.id)}
-							>Delete</uui-button
-						>`}</uui-button-group
+            : html `<uui-button
+							label="Delete"
+							color="danger"
+							look="outline"
+							@click=${() => __classPrivateFieldGet(this, _JumooPipelinesTableElement_instances, "m", _JumooPipelinesTableElement_onDeletePipeline).call(this, pipeline.id)}
+							>Delete</uui-button
+						>`}</uui-button-group
 		>`;
     }
 };

package/dist/pipeline/components/process-error.element.js

@@ -23,16 +23,16 @@ let JumooProcessingErrorElement = class JumooProcessingErrorElement extends UmbL
         return !this.error ? nothing : this.renderError(this.error);
     }
     renderError(error) {
-        return html `<div class="error">
-			<div class="header">
-				<uui-icon name="icon-wrong"></uui-icon>
-				<h3>${error.message}</h3>
-			</div>
-			<div class="more">
-				<uui-button @click=${__classPrivateFieldGet(this, _JumooProcessingErrorElement_instances, "m", _JumooProcessingErrorElement_openErrorModal)} look="primary" color="danger"
-					><umb-localize key="jumooProcError_details"></umb-localize
-				></uui-button>
-			</div>
+        return html `<div class="error">
+			<div class="header">
+				<uui-icon name="icon-wrong"></uui-icon>
+				<h3>${error.message}</h3>
+			</div>
+			<div class="more">
+				<uui-button @click=${__classPrivateFieldGet(this, _JumooProcessingErrorElement_instances, "m", _JumooProcessingErrorElement_openErrorModal)} look="primary" color="danger"
+					><umb-localize key="jumooProcError_details"></umb-localize
+				></uui-button>
+			</div>
 		</div>`;
     }
 };
@@ -53,35 +53,35 @@ _JumooProcessingErrorElement_openErrorModal = async function _JumooProcessingErr
     });
     return result;
 };
-JumooProcessingErrorElement.styles = css `
-		.error {
-			padding: 0;
-			background-color: var(--uui-color-danger);
-			color: var(--uui-color-default-contrast);
-		}
-
-		.error .header {
-			display: flex;
-			gap: var(--uui-size-space-2);
-			align-items: center;
-			padding: var(--uui-size-space-2);
-			border-bottom: 1px solid var(--uui-color-default-contrast);
-		}
-
-		h3 {
-			padding: 0;
-			margin: 0;
-			overflow: auto;
-		}
-
-		uui-icon {
-			font-size: var(--uui-type-h3-size);
-		}
-
-		.error .more {
-			padding: var(--uui-size-space-3);
-			text-align: right;
-		}
+JumooProcessingErrorElement.styles = css `
+		.error {
+			padding: 0;
+			background-color: var(--uui-color-danger);
+			color: var(--uui-color-default-contrast);
+		}
+
+		.error .header {
+			display: flex;
+			gap: var(--uui-size-space-2);
+			align-items: center;
+			padding: var(--uui-size-space-2);
+			border-bottom: 1px solid var(--uui-color-default-contrast);
+		}
+
+		h3 {
+			padding: 0;
+			margin: 0;
+			overflow: auto;
+		}
+
+		uui-icon {
+			font-size: var(--uui-type-h3-size);
+		}
+
+		.error .more {
+			padding: var(--uui-size-space-3);
+			text-align: right;
+		}
 	`;
 __decorate([
     property({ type: Object })

package/dist/pipeline/components/progress.element.js

@@ -23,16 +23,16 @@ let JumooPipelineProgressElement = class JumooPipelineProgressElement extends Um
                     ? 'running'
                     : 'pending';
             const icon = step.icon ?? 'icon-checkmark';
-            return html `
-				<div class="step ${className}">
-					<uui-icon .name=${icon}></uui-icon>
-					<div class="step-name">${step.name}</div>
-				</div>
+            return html `
+				<div class="step ${className}">
+					<uui-icon .name=${icon}></uui-icon>
+					<div class="step-name">${step.name}</div>
+				</div>
 			`;
         });
-        return html `<div class="step-progress">
-			<div class="steps">${steps}</div>
-			${this.renderMessages()}
+        return html `<div class="step-progress">
+			<div class="steps">${steps}</div>
+			${this.renderMessages()}
 		</div>`;
     }
     getLastKnownProgress() {
@@ -43,123 +43,123 @@ let JumooPipelineProgressElement = class JumooPipelineProgressElement extends Um
     renderMessages() {
         this._lastKnownProgress = this.getLastKnownProgress();
         console.debug('Current progress:', this._lastKnownProgress, this.message?.progress);
-        return html `<div class="message">
-			<div class="content">
-				<div>
-					<h3>${this.message?.title}</h3>
-				</div>
-				<div>
-					<small>${this.message?.message}</small>
-				</div>
-			</div>
-			<div class="progress">
-				<uui-progress-bar .progress=${this._lastKnownProgress}></uui-progress-bar>
-				${when(this.showPercentage, () => html `<div>${this._lastKnownProgress.toFixed(2)}%</div>`)}
-			</div>
+        return html `<div class="message">
+			<div class="content">
+				<div>
+					<h3>${this.message?.title}</h3>
+				</div>
+				<div>
+					<small>${this.message?.message}</small>
+				</div>
+			</div>
+			<div class="progress">
+				<uui-progress-bar .progress=${this._lastKnownProgress}></uui-progress-bar>
+				${when(this.showPercentage, () => html `<div>${this._lastKnownProgress.toFixed(2)}%</div>`)}
+			</div>
 		</div>`;
     }
 };
-JumooPipelineProgressElement.styles = css `
-		:host {
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			flex-direction: column;
-			height: 100%;
-		}
-
-		.message {
-			display: grid;
-			grid-template-rows: 1fr 1fr;
-			align-items: center;
-			height: 8rem;
-			width: 100%;
-			margin: var(--uui-size-space-3) 0;
-		}
-
-		.content {
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-		}
-
-		.content h3 {
-			margin: 0;
-			padding-bottom: var(--uui-size-space-2);
-		}
-
-		.progress {
-			width: 100%;
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-		}
-
-		.percentage {
-			font-size: small;
-		}
-
-		uui-progress-bar {
-			height: var(--uui-size-space-4);
-			margin: 0;
-			padding: 0;
-			border-radius: var(--uui-border-radius);
-			background-color: var(--uui-color-border);
-		}
-
-		.step-progress {
-			width: 100%;
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-		}
-
-		.steps {
-			display: flex;
-			flex-direction: row;
-			flex-flow: row wrap;
-			justify-content: center;
-			width: 100%;
-			margin-bottom: var(--uui-size-space-3);
-			gap: var(--uui-size-space-2);
-		}
-
-		.step {
-			display: flex;
-			flex-grow: 1;
-			margin: 0 var(--uui-size-space-5);
-			padding: var(--uui-size-space-2);
-			max-width: var(--uui-size-layout-5);
-			flex-direction: column;
-			align-items: center;
-			align-content: center;
-			transition: background-color 0.3s ease;
-		}
-
-		.step uui-icon {
-			font-size: 30pt;
-			margin: var(--uui-size-space-2) 0;
-		}
-
-		.step-name {
-			text-align: center;
-			font-weight: 900;
-		}
-
-		.step.complete uui-icon {
-			color: green;
-		}
-		.step.running uui-icon {
-			color: blue;
-		}
-		.step.pending uui-icon {
-			color: gray;
-		}
-
-		.step.running {
-			border-radius: var(--uui-size-4);
-			background-color: var(--uui-color-disabled-standalone);
-		}
+JumooPipelineProgressElement.styles = css `
+		:host {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			flex-direction: column;
+			height: 100%;
+		}
+
+		.message {
+			display: grid;
+			grid-template-rows: 1fr 1fr;
+			align-items: center;
+			height: 8rem;
+			width: 100%;
+			margin: var(--uui-size-space-3) 0;
+		}
+
+		.content {
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+		}
+
+		.content h3 {
+			margin: 0;
+			padding-bottom: var(--uui-size-space-2);
+		}
+
+		.progress {
+			width: 100%;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+		}
+
+		.percentage {
+			font-size: small;
+		}
+
+		uui-progress-bar {
+			height: var(--uui-size-space-4);
+			margin: 0;
+			padding: 0;
+			border-radius: var(--uui-border-radius);
+			background-color: var(--uui-color-border);
+		}
+
+		.step-progress {
+			width: 100%;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+		}
+
+		.steps {
+			display: flex;
+			flex-direction: row;
+			flex-flow: row wrap;
+			justify-content: center;
+			width: 100%;
+			margin-bottom: var(--uui-size-space-3);
+			gap: var(--uui-size-space-2);
+		}
+
+		.step {
+			display: flex;
+			flex-grow: 1;
+			margin: 0 var(--uui-size-space-5);
+			padding: var(--uui-size-space-2);
+			max-width: var(--uui-size-layout-5);
+			flex-direction: column;
+			align-items: center;
+			align-content: center;
+			transition: background-color 0.3s ease;
+		}
+
+		.step uui-icon {
+			font-size: 30pt;
+			margin: var(--uui-size-space-2) 0;
+		}
+
+		.step-name {
+			text-align: center;
+			font-weight: 900;
+		}
+
+		.step.complete uui-icon {
+			color: green;
+		}
+		.step.running uui-icon {
+			color: blue;
+		}
+		.step.pending uui-icon {
+			color: gray;
+		}
+
+		.step.running {
+			border-radius: var(--uui-size-4);
+			background-color: var(--uui-color-disabled-standalone);
+		}
 	`;
 __decorate([
     property({ type: Object })

package/dist/pipeline/components/progress.step.element.js

@@ -16,16 +16,16 @@ let JumooProcessStepElement = class JumooProcessStepElement extends UmbElementMi
             : this.renderStepElement();
     }
     renderStepElement() {
-        return html `
-			<umb-extension-slot
-				type="jumoo-process-step"
-				.filter=${(ext) => ext.elementName === this.state?.elementName}
+        return html `
+			<umb-extension-slot
+				type="jumoo-process-step"
+				.filter=${(ext) => ext.elementName === this.state?.elementName}
 				.props=${{
             pipelineId: this.pipelineId,
             state: this.state,
             options: this.options,
             resutls: this.resutls,
-        }}></umb-extension-slot>
+        }}></umb-extension-slot>
 		`;
     }
 };

package/dist/pipeline/index.d.ts

@@ -5,4 +5,5 @@ export * from './pipeline.element.js';
 export * from './pipeline.context.js';
 export * from './pipeline.repository.js';
 export * from './pipeline.source.js';
+export * from './pipeline-conflict.js';
 export * from './pipelines.context.js';

package/dist/pipeline/index.js

@@ -5,4 +5,5 @@ export * from './pipeline.element.js';
 export * from './pipeline.context.js';
 export * from './pipeline.repository.js';
 export * from './pipeline.source.js';
+export * from './pipeline-conflict.js';
 export * from './pipelines.context.js';

package/dist/pipeline/modal/errors/error-modal.element.js

@@ -20,65 +20,65 @@ let JumooProcessingErrorModal = class JumooProcessingErrorModal extends UmbModal
     }
     render() {
         const headline = __classPrivateFieldGet(this, _JumooProcessingErrorModal_instances, "m", _JumooProcessingErrorModal_truncate).call(this, 'Error: ' + this.data?.error.message, 75);
-        return html `<umb-body-layout .headline=${headline}>
-			<uui-box .headline=${this.localize.term('jumooProcError_headline')}>
-				<h2>${this.data?.error.message}</h2>
-				<div class="more-box">
-					<div class="more">
-						<div class="label">
-							<umb-localize key="jumooProcError_source"></umb-localize>
-						</div>
-						<div class="detail">
-							${this.data?.error.strategy} / ${this.data?.error.source}
-						</div>
-					</div>
-					<div class="more">
-						<div class="label">
-							<umb-localize key="jumooProcError_action"></umb-localize>
-						</div>
-						<div class="detail">${this.data?.error.action}</div>
-					</div>
-					<div class="more">
-						<div class="label"></div>
-						<div class="detail">
-							${this.data?.error.step}
-							${when(this.data?.error.subStep, () => html `(${this.data?.error.subStep})`)}
-						</div>
-					</div>
-					<div class="more">
-						<div class="label">
-							<umb-localize key="jumooProcError_page"></umb-localize>
-						</div>
-						<div class="detail">${this.data?.error.page}</div>
-					</div>
-					<div class="more">
-						<div class="label">
-							<umb-localize key="jumooProcError_class"></umb-localize>
-						</div>
-						<div class="detail">${this.data?.error.className}</div>
-					</div>
-					<div class="more">
-						<div class="label">
-							<umb-localize key="jumooProcError_method"></umb-localize>
-						</div>
-						<div class="detail">${this.data?.error.methodName}</div>
-					</div>
-					<div class="more">
-						<div class="label">
-							<umb-localize key="jumooProcError_stack"></umb-localize>
-						</div>
-						<div class="detail fixed">${this.data?.error.stackTrace}</div>
-					</div>
-				</div>
-			</uui-box>
-
-			<div slot="actions">
-				<uui-button
-					@click=${__classPrivateFieldGet(this, _JumooProcessingErrorModal_instances, "m", _JumooProcessingErrorModal_onClose)}
-					color="default"
-					look="default"
-					.label=${this.localize.term('general_close')}></uui-button>
-			</div>
+        return html `<umb-body-layout .headline=${headline}>
+			<uui-box .headline=${this.localize.term('jumooProcError_headline')}>
+				<h2>${this.data?.error.message}</h2>
+				<div class="more-box">
+					<div class="more">
+						<div class="label">
+							<umb-localize key="jumooProcError_source"></umb-localize>
+						</div>
+						<div class="detail">
+							${this.data?.error.strategy} / ${this.data?.error.source}
+						</div>
+					</div>
+					<div class="more">
+						<div class="label">
+							<umb-localize key="jumooProcError_action"></umb-localize>
+						</div>
+						<div class="detail">${this.data?.error.action}</div>
+					</div>
+					<div class="more">
+						<div class="label"></div>
+						<div class="detail">
+							${this.data?.error.step}
+							${when(this.data?.error.subStep, () => html `(${this.data?.error.subStep})`)}
+						</div>
+					</div>
+					<div class="more">
+						<div class="label">
+							<umb-localize key="jumooProcError_page"></umb-localize>
+						</div>
+						<div class="detail">${this.data?.error.page}</div>
+					</div>
+					<div class="more">
+						<div class="label">
+							<umb-localize key="jumooProcError_class"></umb-localize>
+						</div>
+						<div class="detail">${this.data?.error.className}</div>
+					</div>
+					<div class="more">
+						<div class="label">
+							<umb-localize key="jumooProcError_method"></umb-localize>
+						</div>
+						<div class="detail">${this.data?.error.methodName}</div>
+					</div>
+					<div class="more">
+						<div class="label">
+							<umb-localize key="jumooProcError_stack"></umb-localize>
+						</div>
+						<div class="detail fixed">${this.data?.error.stackTrace}</div>
+					</div>
+				</div>
+			</uui-box>
+
+			<div slot="actions">
+				<uui-button
+					@click=${__classPrivateFieldGet(this, _JumooProcessingErrorModal_instances, "m", _JumooProcessingErrorModal_onClose)}
+					color="default"
+					look="default"
+					.label=${this.localize.term('general_close')}></uui-button>
+			</div>
 		</umb-body-layout>`;
     }
 };
@@ -93,34 +93,34 @@ _JumooProcessingErrorModal_truncate = function _JumooProcessingErrorModal_trunca
     const charsToShow = length - separatorLength;
     return input.substring(0, charsToShow) + separator;
 };
-JumooProcessingErrorModal.styles = css `
-		.more {
-			display: flex;
-			gap: var(--uui-size-space-4);
-			margin-bottom: var(--uui-size-space-4);
-		}
-
-		h2 {
-			overflow: auto;
-			padding: var(--uui-size-space-2);
-			background-color: var(--uui-color-danger);
-			color: var(--uui-color-default-contrast);
-		}
-
-		.label {
-			font-weight: bold;
-			min-width: var(--uui-size-layout-5);
-			text-align: right;
-		}
-
-		.label::after {
-			content: ' :';
-		}
-
-		.more .fixed {
-			overflow: overlay;
-			font-family: monospace;
-		}
+JumooProcessingErrorModal.styles = css `
+		.more {
+			display: flex;
+			gap: var(--uui-size-space-4);
+			margin-bottom: var(--uui-size-space-4);
+		}
+
+		h2 {
+			overflow: auto;
+			padding: var(--uui-size-space-2);
+			background-color: var(--uui-color-danger);
+			color: var(--uui-color-default-contrast);
+		}
+
+		.label {
+			font-weight: bold;
+			min-width: var(--uui-size-layout-5);
+			text-align: right;
+		}
+
+		.label::after {
+			content: ' :';
+		}
+
+		.more .fixed {
+			overflow: overlay;
+			font-family: monospace;
+		}
 	`;
 JumooProcessingErrorModal = __decorate([
     customElement(JUMOO_PROCESSING_ERROR_MODAL_ALIAS)