@jumoo/processing 17.4.2

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

@@ -0,0 +1,177 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, customElement, html, nothing, property, when, } from '@umbraco-cms/backoffice/external/lit';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+import { StepStatus } from '@jumoo/processing';
+let JumooPipelineProgressElement = class JumooPipelineProgressElement extends UmbLitElement {
+    constructor() {
+        super(...arguments);
+        this.showPercentage = false;
+        this._lastKnownProgress = 0;
+    }
+    render() {
+        if (!this.progress)
+            return nothing;
+        const steps = this.progress.steps.map((step) => {
+            const className = step.status === StepStatus.COMPLETE
+                ? 'complete'
+                : step.status === StepStatus.RUNNING
+                    ? '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-progress">
+			<div class="steps">${steps}</div>
+			${this.renderMessages()}
+		</div>`;
+    }
+    getLastKnownProgress() {
+        if (this.message?.progress === undefined)
+            return this._lastKnownProgress;
+        return this.message.progress < 100 ? this.message.progress : this._lastKnownProgress;
+    }
+    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>
+		</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);
+		}
+	`;
+__decorate([
+    property({ type: Object })
+], JumooPipelineProgressElement.prototype, "progress", void 0);
+__decorate([
+    property({ type: Object })
+], JumooPipelineProgressElement.prototype, "message", void 0);
+__decorate([
+    property({ type: Boolean })
+], JumooPipelineProgressElement.prototype, "showPercentage", void 0);
+JumooPipelineProgressElement = __decorate([
+    customElement('jumoo-pipeline-progress')
+], JumooPipelineProgressElement);
+export { JumooPipelineProgressElement };
+export default JumooPipelineProgressElement;

package/dist/pipeline/components/progress.step.element.d.ts

@@ -0,0 +1,15 @@
+import { LitElement, nothing } from '@umbraco-cms/backoffice/external/lit';
+import { PipelineState, ProcessingOptions, ProcessingResults } from '@jumoo/processing';
+declare const JumooProcessStepElement_base: import("@umbraco-cms/backoffice/extension-api").HTMLElementConstructor<import("@umbraco-cms/backoffice/element-api").UmbElement> & typeof LitElement;
+/**
+ * renders the step in the pipeline, from the custom elements.
+ */
+export declare class JumooProcessStepElement extends JumooProcessStepElement_base {
+    pipelineId: string | null | undefined;
+    state?: PipelineState | null | undefined;
+    options?: ProcessingOptions | null | undefined;
+    resutls?: ProcessingResults | null | undefined;
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    private renderStepElement;
+}
+export default JumooProcessStepElement;

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

@@ -0,0 +1,48 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { UmbElementMixin } from '@umbraco-cms/backoffice/element-api';
+import { customElement, html, LitElement, nothing, property, } from '@umbraco-cms/backoffice/external/lit';
+/**
+ * renders the step in the pipeline, from the custom elements.
+ */
+let JumooProcessStepElement = class JumooProcessStepElement extends UmbElementMixin(LitElement) {
+    render() {
+        return this.state?.currentRequest?.action?.element === null
+            ? nothing
+            : this.renderStepElement();
+    }
+    renderStepElement() {
+        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>
+		`;
+    }
+};
+__decorate([
+    property({ type: String })
+], JumooProcessStepElement.prototype, "pipelineId", void 0);
+__decorate([
+    property({ type: Object })
+], JumooProcessStepElement.prototype, "state", void 0);
+__decorate([
+    property({ type: Object })
+], JumooProcessStepElement.prototype, "options", void 0);
+__decorate([
+    property({ type: Object })
+], JumooProcessStepElement.prototype, "resutls", void 0);
+JumooProcessStepElement = __decorate([
+    customElement('jumoo-process-step')
+], JumooProcessStepElement);
+export { JumooProcessStepElement };
+export default JumooProcessStepElement;

package/dist/pipeline/index.d.ts

@@ -0,0 +1,8 @@
+export * from './steps/index.js';
+export * from './components/index.js';
+export * from './modal/index.js';
+export * from './pipeline.element.js';
+export * from './pipeline.context.js';
+export * from './pipeline.repository.js';
+export * from './pipeline.source.js';
+export * from './pipelines.context.js';

package/dist/pipeline/index.js

@@ -0,0 +1,8 @@
+export * from './steps/index.js';
+export * from './components/index.js';
+export * from './modal/index.js';
+export * from './pipeline.element.js';
+export * from './pipeline.context.js';
+export * from './pipeline.repository.js';
+export * from './pipeline.source.js';
+export * from './pipelines.context.js';

package/dist/pipeline/modal/errors/error-modal.element.d.ts

@@ -0,0 +1,13 @@
+import { UmbModalBaseElement } from '@umbraco-cms/backoffice/modal';
+import { JumooProcessingErrorModalData, JumooProcessingErrorModalResult } from '@jumoo/processing';
+export declare class JumooProcessingErrorModal extends UmbModalBaseElement<JumooProcessingErrorModalData, JumooProcessingErrorModalResult> {
+    #private;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+export default JumooProcessingErrorModal;
+declare global {
+    interface HTMLElementTagNameMap {
+        'jumoo-processing-error-modal': JumooProcessingErrorModal;
+    }
+}

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

@@ -0,0 +1,129 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _JumooProcessingErrorModal_instances, _JumooProcessingErrorModal_onClose, _JumooProcessingErrorModal_truncate;
+import { UmbModalBaseElement } from '@umbraco-cms/backoffice/modal';
+import { JUMOO_PROCESSING_ERROR_MODAL_ALIAS, } from '@jumoo/processing';
+import { css, customElement, html, when } from '@umbraco-cms/backoffice/external/lit';
+let JumooProcessingErrorModal = class JumooProcessingErrorModal extends UmbModalBaseElement {
+    constructor() {
+        super(...arguments);
+        _JumooProcessingErrorModal_instances.add(this);
+    }
+    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>
+		</umb-body-layout>`;
+    }
+};
+_JumooProcessingErrorModal_instances = new WeakSet();
+_JumooProcessingErrorModal_onClose = function _JumooProcessingErrorModal_onClose() {
+    this.modalContext?.reject();
+};
+_JumooProcessingErrorModal_truncate = function _JumooProcessingErrorModal_truncate(input, length, separator = '...') {
+    if (input.length <= length)
+        return input;
+    const separatorLength = separator.length;
+    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 = __decorate([
+    customElement(JUMOO_PROCESSING_ERROR_MODAL_ALIAS)
+], JumooProcessingErrorModal);
+export { JumooProcessingErrorModal };
+export default JumooProcessingErrorModal;

package/dist/pipeline/modal/errors/error-modal.token.d.ts

@@ -0,0 +1,10 @@
+import { ProcessingErrorDetails } from '@jumoo/processing';
+import { UmbModalToken } from '@umbraco-cms/backoffice/modal';
+export type JumooProcessingErrorModalData = {
+    error: ProcessingErrorDetails;
+};
+export type JumooProcessingErrorModalResult = {
+    success: boolean;
+};
+export declare const JUMOO_PROCESSING_ERROR_MODAL_ALIAS = "jumoo-processing-error-modal";
+export declare const JUMOO_PROCESSING_ERROR_MODAL: UmbModalToken<JumooProcessingErrorModalData, JumooProcessingErrorModalResult>;

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

@@ -0,0 +1,8 @@
+import { UmbModalToken } from '@umbraco-cms/backoffice/modal';
+export const JUMOO_PROCESSING_ERROR_MODAL_ALIAS = 'jumoo-processing-error-modal';
+export const JUMOO_PROCESSING_ERROR_MODAL = new UmbModalToken(JUMOO_PROCESSING_ERROR_MODAL_ALIAS, {
+    modal: {
+        size: 'large',
+        type: 'sidebar',
+    },
+});

package/dist/pipeline/modal/errors/index.d.ts

@@ -0,0 +1 @@
+export * from './error-modal.token.js';

package/dist/pipeline/modal/errors/index.js

@@ -0,0 +1,2 @@
+export * from './error-modal.token.js';
+// export * from './error-modal.element.js';

package/dist/pipeline/modal/errors/manifest.d.ts

@@ -0,0 +1 @@
+export declare const manifests: import("@umbraco-cms/backoffice/modal").ManifestModal[];

package/dist/pipeline/modal/errors/manifest.js

@@ -0,0 +1,7 @@
+const errorModal = {
+    type: 'modal',
+    alias: 'jumoo-processing-error-modal',
+    name: 'processing-error-modal',
+    js: () => import('./error-modal.element.js'),
+};
+export const manifests = [errorModal];

package/dist/pipeline/modal/index.d.ts

@@ -0,0 +1,2 @@
+export * from './pipeline-modal.token.js';
+export * from './errors/index.js';

package/dist/pipeline/modal/index.js

@@ -0,0 +1,3 @@
+export * from './pipeline-modal.token.js';
+// export * from './pipeline-modal.element.js';
+export * from './errors/index.js';

package/dist/pipeline/modal/manifest.d.ts

@@ -0,0 +1 @@
+export declare const manifests: import("@umbraco-cms/backoffice/modal").ManifestModal[];

package/dist/pipeline/modal/manifest.js

@@ -0,0 +1,8 @@
+import { manifests as errorModals } from './errors/manifest.js';
+const processingModal = {
+    type: 'modal',
+    alias: 'jumoo-processing-modal',
+    name: 'processing-modal',
+    js: () => import('./pipeline-modal.element.js'),
+};
+export const manifests = [processingModal, ...errorModals];

package/dist/pipeline/modal/pipeline-modal.element.d.ts

@@ -0,0 +1,20 @@
+import { JumooProcessingModalData, JumooProcessingModalResult } from '@jumoo/processing';
+import { UmbModalBaseElement } from '@umbraco-cms/backoffice/modal';
+export declare class uSyncProcessingModal extends UmbModalBaseElement<JumooProcessingModalData, JumooProcessingModalResult> {
+    #private;
+    private readonly _pipelineContext;
+    private _status;
+    private _isValid;
+    private _isLastAction;
+    private headline;
+    private progressLabel;
+    private closeLabel;
+    private modalType;
+    constructor();
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    private renderProcess;
+    private renderActions;
+    static styles: import("lit").CSSResult;
+}
+export default uSyncProcessingModal;

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

@@ -0,0 +1,151 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _uSyncProcessingModal_instances, _uSyncProcessingModal_onStatusChange, _uSyncProcessingModal_onSetValid, _uSyncProcessingModal_onClose, _uSyncProcessingModal_onComplete, _uSyncProcessingModal_onUpdateModal, _uSyncProcessingModal_onProcess, _uSyncProcessingModal_getDialogStyles;
+import { JUMOO_PROCESSING_MODAL_ALIAS, PipelineContext, PipelineStatus, } from '@jumoo/processing';
+import { css, customElement, html, nothing, state, } from '@umbraco-cms/backoffice/external/lit';
+import { UmbModalBaseElement } from '@umbraco-cms/backoffice/modal';
+let uSyncProcessingModal = class uSyncProcessingModal extends UmbModalBaseElement {
+    constructor() {
+        super();
+        _uSyncProcessingModal_instances.add(this);
+        this._isValid = true;
+        this._isLastAction = false;
+        this.headline = '';
+        this.progressLabel = '';
+        this.closeLabel = '';
+        this.modalType = 'sidebar';
+        this._pipelineContext = new PipelineContext(this);
+        this.observe(this._pipelineContext.finalized, (finalized) => {
+            if (finalized) {
+                this.modalContext?.reject();
+            }
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.modalType = this.modalContext?.type ?? 'sidebar';
+        this.headline = this.data?.headline ?? '';
+        this.progressLabel = this.data?.progressLabel ?? 'Process';
+        this.closeLabel = this.data?.closeLabel ?? 'Close';
+    }
+    render() {
+        return html ` ${__classPrivateFieldGet(this, _uSyncProcessingModal_instances, "m", _uSyncProcessingModal_getDialogStyles).call(this)}
+			<umb-body-layout id="jumoo-processing-modal">
+				<div slot="header" id="header">
+					<h3>${this.headline}</h3>
+					${this.data?.description}
+				</div>
+				${this.renderProcess()}
+				<div slot="actions">${this.renderActions()}</div>
+			</umb-body-layout>`;
+    }
+    renderProcess() {
+        if (!this.data)
+            return;
+        return html `<jumoo-pipeline
+			.processor=${this.data.processor}
+			.strategy=${this.data.strategy}
+			.setup=${this.data.options}
+			.debug=${this.data.debug ?? false}
+			@pipeline-status=${__classPrivateFieldGet(this, _uSyncProcessingModal_instances, "m", _uSyncProcessingModal_onStatusChange)}
+			@pipeline-valid=${__classPrivateFieldGet(this, _uSyncProcessingModal_instances, "m", _uSyncProcessingModal_onSetValid)}
+			@pipeline-complete=${__classPrivateFieldGet(this, _uSyncProcessingModal_instances, "m", _uSyncProcessingModal_onComplete)}
+			@pipeline-modal-update=${__classPrivateFieldGet(this, _uSyncProcessingModal_instances, "m", _uSyncProcessingModal_onUpdateModal)}></jumoo-pipeline>`;
+    }
+    renderActions() {
+        const actionButton = this._status === PipelineStatus.WAITING && this._isValid && !this._isLastAction
+            ? html `<uui-button
+						@click=${__classPrivateFieldGet(this, _uSyncProcessingModal_instances, "m", _uSyncProcessingModal_onProcess)}
+						color="positive"
+						look="primary"
+						.label=${this.progressLabel}></uui-button>`
+            : nothing;
+        const closeButton = html `<uui-button
+			@click=${__classPrivateFieldGet(this, _uSyncProcessingModal_instances, "m", _uSyncProcessingModal_onClose)}
+			color="default"
+			look="default"
+			label=${this.closeLabel}></uui-button>`;
+        return html `${closeButton} ${actionButton}`;
+    }
+};
+_uSyncProcessingModal_instances = new WeakSet();
+_uSyncProcessingModal_onStatusChange = function _uSyncProcessingModal_onStatusChange(e) {
+    this._status = e.detail.status;
+    this._isLastAction = e.detail.isLastAction;
+};
+_uSyncProcessingModal_onSetValid = function _uSyncProcessingModal_onSetValid(e) {
+    this._isValid = e.detail.valid;
+};
+_uSyncProcessingModal_onClose = async function _uSyncProcessingModal_onClose() {
+    await this._pipelineContext.triggerClose();
+};
+_uSyncProcessingModal_onComplete = function _uSyncProcessingModal_onComplete() {
+    // complete.
+};
+_uSyncProcessingModal_onUpdateModal = function _uSyncProcessingModal_onUpdateModal(modalUpdate) {
+    console.debug('pipeline-modal-update', modalUpdate);
+    if (!modalUpdate.detail)
+        return;
+    if (modalUpdate.detail.headline) {
+        this.headline = modalUpdate.detail.headline;
+    }
+    if (modalUpdate.detail.progressLabel) {
+        this.progressLabel = modalUpdate.detail.progressLabel;
+    }
+    if (modalUpdate.detail.closeLabel) {
+        this.closeLabel = modalUpdate.detail.closeLabel;
+    }
+};
+_uSyncProcessingModal_onProcess = function _uSyncProcessingModal_onProcess() {
+    this._pipelineContext.triggerNext();
+};
+_uSyncProcessingModal_getDialogStyles = function _uSyncProcessingModal_getDialogStyles() {
+    const width = (this.data?.width ?? this.modalType === 'dialog') ? 600 : 0;
+    return html `<style>
+			#jumoo-processing-modal {
+				min-width: ${width > 0 ? width + 'px' : 'auto'};
+				min-height: ${this.data?.height ? this.data.height + 'px' : 'auto'};
+			}
+		</style>`;
+};
+uSyncProcessingModal.styles = css `
+		#header h3 {
+			display: block;
+			margin: 0;
+		}
+	`;
+__decorate([
+    state()
+], uSyncProcessingModal.prototype, "_status", void 0);
+__decorate([
+    state()
+], uSyncProcessingModal.prototype, "_isValid", void 0);
+__decorate([
+    state()
+], uSyncProcessingModal.prototype, "_isLastAction", void 0);
+__decorate([
+    state()
+], uSyncProcessingModal.prototype, "headline", void 0);
+__decorate([
+    state()
+], uSyncProcessingModal.prototype, "progressLabel", void 0);
+__decorate([
+    state()
+], uSyncProcessingModal.prototype, "closeLabel", void 0);
+__decorate([
+    state()
+], uSyncProcessingModal.prototype, "modalType", void 0);
+uSyncProcessingModal = __decorate([
+    customElement(JUMOO_PROCESSING_MODAL_ALIAS)
+], uSyncProcessingModal);
+export { uSyncProcessingModal };
+export default uSyncProcessingModal;