@jumoo/processing 17.4.2 → 18.2.0

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

@@ -90,18 +90,18 @@ let JumooProcessingPipelineList = class JumooProcessingPipelineList extends UmbL
         await this.getPipelines();
     }
     render() {
-        return html `<uui-box style="--uui-box-default-padding: 0;" .headline=${this.headline}>
-			<div slot="header-actions">
-				Status: ${this.renderDropdown()} ${this.renderRefresh()}
-			</div>
-			${when(this.loading, () => html `<uui-loader-bar
-						animationDuration="1.5"
-						style="color: black"></uui-loader-bar>`, () => this.renderListPipelines())}
+        return html `<uui-box style="--uui-box-default-padding: 0;" .headline=${this.headline}>
+			<div slot="header-actions">
+				Status: ${this.renderDropdown()} ${this.renderRefresh()}
+			</div>
+			${when(this.loading, () => html `<uui-loader-bar
+						animationDuration="1.5"
+						style="color: black"></uui-loader-bar>`, () => this.renderListPipelines())}
 		</uui-box>`;
     }
     renderRefresh() {
-        return html `<uui-button @click=${this.getPipelines} label="refresh" compact
-			><uui-icon name="icon-refresh"></uui-icon
+        return html `<uui-button @click=${this.getPipelines} label="refresh" compact
+			><uui-icon name="icon-refresh"></uui-icon
 		></uui-button>`;
     }
     renderDropdown() {
@@ -114,38 +114,38 @@ let JumooProcessingPipelineList = class JumooProcessingPipelineList extends UmbL
         });
         return options.length <= 1
             ? html `${this.status}`
-            : html `
-					<uui-select
-						.options=${options}
-						@change=${this.onStatusChange}
-						label="status"></uui-select>
+            : html `
+					<uui-select
+						.options=${options}
+						@change=${this.onStatusChange}
+						label="status"></uui-select>
 				`;
     }
     renderListPipelines() {
         return !this.pipelines || this.pipelines.length === 0
             ? html `<div class="emtpy">Nothing with status ${this.status}</div>`
-            : html `<jumoo-pipelines-table
-					.pipelines=${this.pipelines}
-					.hideDelete=${this.hideDelete}
-					@view-pipeline=${this.onViewPipeline}
+            : html `<jumoo-pipelines-table
+					.pipelines=${this.pipelines}
+					.hideDelete=${this.hideDelete}
+					@view-pipeline=${this.onViewPipeline}
 					@delete-pipeline=${this.onDeletePipeline}></jumoo-pipelines-table>`;
     }
     renderPipeline(pipeline) {
-        return html `
-			<div>${pipeline.alias}</div>
-			<div>${pipeline.state.status}</div>
-			<div>${pipeline.state.currentRequest?.action?.alias}</div>
+        return html `
+			<div>${pipeline.alias}</div>
+			<div>${pipeline.state.status}</div>
+			<div>${pipeline.state.currentRequest?.action?.alias}</div>
 		`;
     }
 };
 _JumooProcessingPipelineList_pipelinesContext = new WeakMap();
 _JumooProcessingPipelineList_modalController = new WeakMap();
-JumooProcessingPipelineList.styles = css `
-		.emtpy {
-			display: flex;
-			justify-content: center;
-			padding: var(--uui-size-space-5);
-		}
+JumooProcessingPipelineList.styles = css `
+		.emtpy {
+			display: flex;
+			justify-content: center;
+			padding: var(--uui-size-space-5);
+		}
 	`;
 __decorate([
     property({ type: String })

package/dist/pipeline/components/pipeline-table.element.d.ts

@@ -1,5 +1,6 @@
 import { Pipeline } from '@jumoo/processing';
 import { UmbTableColumn, UmbTableConfig } from '@umbraco-cms/backoffice/components';
+import { nothing } from '@umbraco-cms/backoffice/external/lit';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 export declare class JumooPipelinesTableElement extends UmbLitElement {
     #private;
@@ -9,7 +10,7 @@ export declare class JumooPipelinesTableElement extends UmbLitElement {
     tableColumns: UmbTableColumn[];
     filter: any;
     render(): import("lit-html").TemplateResult<1>;
-    renderActions(pipeline: Pipeline): import("lit-html").TemplateResult<1>;
+    renderActions(pipeline: Pipeline): typeof nothing | import("lit-html").TemplateResult<1>;
 }
 export default JumooPipelinesTableElement;
 declare global {

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

@@ -11,7 +11,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
 };
 var _JumooPipelinesTableElement_instances, _JumooPipelinesTableElement_onViewPipeline, _JumooPipelinesTableElement_onDeletePipeline;
 import { ProcessingTimeOptions } from '@jumoo/processing';
-import { customElement, html, property, state, when, } from '@umbraco-cms/backoffice/external/lit';
+import { customElement, html, nothing, property, state, when, } from '@umbraco-cms/backoffice/external/lit';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 let JumooPipelinesTableElement = class JumooPipelinesTableElement extends UmbLitElement {
     constructor() {
@@ -86,6 +86,8 @@ let JumooPipelinesTableElement = class JumooPipelinesTableElement extends UmbLit
 		`;
     }
     renderActions(pipeline) {
+        if (!pipeline.id)
+            return nothing;
         return html `<uui-button-group
 			><uui-button
 				.id=${pipeline.id}

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>
 		`;
     }
 };