@jumoo/processing 17.4.2 → 17.4.3-prerelease.3

package/dist/api/index.d.ts

@@ -1,3 +1,3 @@
 export { client, type CreateClientConfig } from './client.gen';
 export { type Options, PipelinesService, QueuesService } from './sdk.gen';
-export { type ClearPipelineData, type ClearPipelineError, type ClearPipelineErrors, type ClearPipelineResponses, type ClientOptions, type CreatePipelineData, type CreatePipelineError, type CreatePipelineErrors, type CreatePipelineResponse, type CreatePipelineResponses, type DeleteData, type DeleteError, type DeleteErrors, type DeleteResponses, type GetPipelineData, type GetPipelineError, type GetPipelineErrors, type GetPipelineResponse, type GetPipelineResponses, type GetProcessorsData, type GetProcessorsError, type GetProcessorsErrors, type GetProcessorsResponse, type GetProcessorsResponses, type GetResultsData, type GetResultsError, type GetResultsErrors, type GetResultsResponse, type GetResultsResponses, type ListPipelinesByStrategyData, type ListPipelinesByStrategyError, type ListPipelinesByStrategyErrors, type ListPipelinesByStrategyResponse, type ListPipelinesByStrategyResponses, type ListPipelinesData, type ListPipelinesError, type ListPipelinesErrors, type ListPipelinesResponse, type ListPipelinesResponses, type ListQueueData, type ListQueueError, type ListQueueErrors, type ListQueueResponse, type ListQueueResponses, type PagedModelQueuedItemModel, type PeekItemData, type PeekItemError, type PeekItemErrors, type PeekItemResponse, type PeekItemResponses, type Pipeline, type PipelineBackgroundState, type PipelineCreateRequest, type PipelineState, PipelineStatus, type ProblemDetails, type ProcessData, type ProcessError, type ProcessErrors, type ProcessingChildRequestAction, type ProcessingErrorDetails, type ProcessingOptions, type ProcessingOptionsResults, type ProcessingRequest, type ProcessingRequestAction, type ProcessingResults, type ProcessPipelineData, type ProcessPipelineError, type ProcessPipelineErrors, type ProcessPipelineResponse, type ProcessPipelineResponses, type ProcessResponse, type ProcessResponses, type ProgressInformation, type QueuedItem, type ReattachPipelineData, type ReattachPipelineError, type ReattachPipelineErrors, type ReattachPipelineResponse, type ReattachPipelineResponses, type StepInfo, StepStatus, type UpdatePipelineData, type UpdatePipelineError, type UpdatePipelineErrors, type UpdatePipelineResponse, type UpdatePipelineResponses } from './types.gen';
+export { type CancelPipelineData, type CancelPipelineError, type CancelPipelineErrors, type CancelPipelineResponses, type ClearPipelineData, type ClearPipelineError, type ClearPipelineErrors, type ClearPipelineResponses, type ClientOptions, type CreatePipelineData, type CreatePipelineError, type CreatePipelineErrors, type CreatePipelineResponse, type CreatePipelineResponses, type DeleteData, type DeleteError, type DeleteErrors, type DeleteResponses, type GetPipelineData, type GetPipelineError, type GetPipelineErrors, type GetPipelineResponse, type GetPipelineResponses, type GetProcessorsData, type GetProcessorsError, type GetProcessorsErrors, type GetProcessorsResponse, type GetProcessorsResponses, type GetResultsData, type GetResultsError, type GetResultsErrors, type GetResultsResponse, type GetResultsResponses, type ListPipelinesByStrategyData, type ListPipelinesByStrategyError, type ListPipelinesByStrategyErrors, type ListPipelinesByStrategyResponse, type ListPipelinesByStrategyResponses, type ListPipelinesData, type ListPipelinesError, type ListPipelinesErrors, type ListPipelinesResponse, type ListPipelinesResponses, type ListQueueData, type ListQueueError, type ListQueueErrors, type ListQueueResponse, type ListQueueResponses, type PagedModelQueuedItemModel, type PeekItemData, type PeekItemError, type PeekItemErrors, type PeekItemResponse, type PeekItemResponses, type Pipeline, type PipelineBackgroundState, type PipelineCreateRequest, type PipelineRunError, type PipelineRunProgress, type PipelineRunRejected, PipelineRunRejectedReason, type PipelineRunRequest, type PipelineRunStarted, PipelineRunState, type PipelineRunStatus, type PipelineRunSummary, type PipelineState, PipelineStatus, type PipelineStatusData, type PipelineStatusError, type PipelineStatusErrors, type PipelineStatusResponse, type PipelineStatusResponses, type ProblemDetails, type ProcessData, type ProcessError, type ProcessErrors, type ProcessingChildRequestAction, type ProcessingErrorDetails, type ProcessingOptions, type ProcessingOptionsResults, type ProcessingRequest, type ProcessingRequestAction, type ProcessingResults, type ProcessPipelineData, type ProcessPipelineError, type ProcessPipelineErrors, type ProcessPipelineResponse, type ProcessPipelineResponses, type ProcessResponse, type ProcessResponses, type ProgressInformation, type QueuedItem, type ReattachPipelineData, type ReattachPipelineError, type ReattachPipelineErrors, type ReattachPipelineResponse, type ReattachPipelineResponses, type StartPipelineData, type StartPipelineError, type StartPipelineErrors, type StartPipelineResponse, type StartPipelineResponses, type StepInfo, StepStatus, type UpdatePipelineData, type UpdatePipelineError, type UpdatePipelineErrors, type UpdatePipelineResponse, type UpdatePipelineResponses } from './types.gen';

package/dist/api/index.js

@@ -1,4 +1,4 @@
 // This file is auto-generated by @hey-api/openapi-ts
 export { client } from './client.gen';
 export { PipelinesService, QueuesService } from './sdk.gen';
-export { PipelineStatus, StepStatus } from './types.gen';
+export { PipelineRunRejectedReason, PipelineRunState, PipelineStatus, StepStatus } from './types.gen';

package/dist/api/sdk.gen.d.ts

@@ -1,5 +1,5 @@
 import type { Client, Options as Options2, TDataShape } from './client';
-import type { ClearPipelineData, ClearPipelineErrors, ClearPipelineResponses, CreatePipelineData, CreatePipelineErrors, CreatePipelineResponses, DeleteData, DeleteErrors, DeleteResponses, GetPipelineData, GetPipelineErrors, GetPipelineResponses, GetProcessorsData, GetProcessorsErrors, GetProcessorsResponses, GetResultsData, GetResultsErrors, GetResultsResponses, ListPipelinesByStrategyData, ListPipelinesByStrategyErrors, ListPipelinesByStrategyResponses, ListPipelinesData, ListPipelinesErrors, ListPipelinesResponses, ListQueueData, ListQueueErrors, ListQueueResponses, PeekItemData, PeekItemErrors, PeekItemResponses, ProcessData, ProcessErrors, ProcessPipelineData, ProcessPipelineErrors, ProcessPipelineResponses, ProcessResponses, ReattachPipelineData, ReattachPipelineErrors, ReattachPipelineResponses, UpdatePipelineData, UpdatePipelineErrors, UpdatePipelineResponses } from './types.gen';
+import type { CancelPipelineData, CancelPipelineErrors, CancelPipelineResponses, ClearPipelineData, ClearPipelineErrors, ClearPipelineResponses, CreatePipelineData, CreatePipelineErrors, CreatePipelineResponses, DeleteData, DeleteErrors, DeleteResponses, GetPipelineData, GetPipelineErrors, GetPipelineResponses, GetProcessorsData, GetProcessorsErrors, GetProcessorsResponses, GetResultsData, GetResultsErrors, GetResultsResponses, ListPipelinesByStrategyData, ListPipelinesByStrategyErrors, ListPipelinesByStrategyResponses, ListPipelinesData, ListPipelinesErrors, ListPipelinesResponses, ListQueueData, ListQueueErrors, ListQueueResponses, PeekItemData, PeekItemErrors, PeekItemResponses, PipelineStatusData, PipelineStatusErrors, PipelineStatusResponses, ProcessData, ProcessErrors, ProcessPipelineData, ProcessPipelineErrors, ProcessPipelineResponses, ProcessResponses, ReattachPipelineData, ReattachPipelineErrors, ReattachPipelineResponses, StartPipelineData, StartPipelineErrors, StartPipelineResponses, UpdatePipelineData, UpdatePipelineErrors, UpdatePipelineResponses } from './types.gen';
 export type Options<TData extends TDataShape = TDataShape, ThrowOnError extends boolean = boolean, TResponse = unknown> = Options2<TData, ThrowOnError, TResponse> & {
     /**
      * You can provide a client instance returned by `createClient()` instead of
@@ -14,6 +14,7 @@ export type Options<TData extends TDataShape = TDataShape, ThrowOnError extends
     meta?: Record<string, unknown>;
 };
 export declare class PipelinesService {
+    static cancelPipeline<ThrowOnError extends boolean = true>(options: Options<CancelPipelineData, ThrowOnError>): import("./client").RequestResult<CancelPipelineResponses, CancelPipelineErrors, ThrowOnError, "fields">;
     static clearPipeline<ThrowOnError extends boolean = true>(options: Options<ClearPipelineData, ThrowOnError>): import("./client").RequestResult<ClearPipelineResponses, ClearPipelineErrors, ThrowOnError, "fields">;
     static createPipeline<ThrowOnError extends boolean = true>(options?: Options<CreatePipelineData, ThrowOnError>): import("./client").RequestResult<CreatePipelineResponses, CreatePipelineErrors, ThrowOnError, "fields">;
     static getPipeline<ThrowOnError extends boolean = true>(options: Options<GetPipelineData, ThrowOnError>): import("./client").RequestResult<GetPipelineResponses, GetPipelineErrors, ThrowOnError, "fields">;
@@ -21,8 +22,10 @@ export declare class PipelinesService {
     static getResults<ThrowOnError extends boolean = true>(options: Options<GetResultsData, ThrowOnError>): import("./client").RequestResult<GetResultsResponses, GetResultsErrors, ThrowOnError, "fields">;
     static listPipelines<ThrowOnError extends boolean = true>(options: Options<ListPipelinesData, ThrowOnError>): import("./client").RequestResult<ListPipelinesResponses, ListPipelinesErrors, ThrowOnError, "fields">;
     static listPipelinesByStrategy<ThrowOnError extends boolean = true>(options: Options<ListPipelinesByStrategyData, ThrowOnError>): import("./client").RequestResult<ListPipelinesByStrategyResponses, ListPipelinesByStrategyErrors, ThrowOnError, "fields">;
+    static pipelineStatus<ThrowOnError extends boolean = true>(options: Options<PipelineStatusData, ThrowOnError>): import("./client").RequestResult<PipelineStatusResponses, PipelineStatusErrors, ThrowOnError, "fields">;
     static processPipeline<ThrowOnError extends boolean = true>(options: Options<ProcessPipelineData, ThrowOnError>): import("./client").RequestResult<ProcessPipelineResponses, ProcessPipelineErrors, ThrowOnError, "fields">;
     static reattachPipeline<ThrowOnError extends boolean = true>(options: Options<ReattachPipelineData, ThrowOnError>): import("./client").RequestResult<ReattachPipelineResponses, ReattachPipelineErrors, ThrowOnError, "fields">;
+    static startPipeline<ThrowOnError extends boolean = true>(options?: Options<StartPipelineData, ThrowOnError>): import("./client").RequestResult<StartPipelineResponses, StartPipelineErrors, ThrowOnError, "fields">;
     static updatePipeline<ThrowOnError extends boolean = true>(options: Options<UpdatePipelineData, ThrowOnError>): import("./client").RequestResult<UpdatePipelineResponses, UpdatePipelineErrors, ThrowOnError, "fields">;
 }
 export declare class QueuesService {

package/dist/api/sdk.gen.js

@@ -1,6 +1,13 @@
 // This file is auto-generated by @hey-api/openapi-ts
 import { client } from './client.gen';
 export class PipelinesService {
+    static cancelPipeline(options) {
+        return (options.client ?? client).post({
+            security: [{ scheme: 'bearer', type: 'http' }],
+            url: '/umbraco/jumoo/api/v1/processing/CancelPipeline/{id}',
+            ...options
+        });
+    }
     static clearPipeline(options) {
         return (options.client ?? client).post({
             security: [{ scheme: 'bearer', type: 'http' }],
@@ -54,6 +61,13 @@ export class PipelinesService {
             ...options
         });
     }
+    static pipelineStatus(options) {
+        return (options.client ?? client).get({
+            security: [{ scheme: 'bearer', type: 'http' }],
+            url: '/umbraco/jumoo/api/v1/processing/PipelineStatus/{id}',
+            ...options
+        });
+    }
     static processPipeline(options) {
         return (options.client ?? client).post({
             security: [{ scheme: 'bearer', type: 'http' }],
@@ -68,6 +82,17 @@ export class PipelinesService {
             ...options
         });
     }
+    static startPipeline(options) {
+        return (options?.client ?? client).post({
+            security: [{ scheme: 'bearer', type: 'http' }],
+            url: '/umbraco/jumoo/api/v1/processing/StartPipeline',
+            ...options,
+            headers: {
+                'Content-Type': 'application/json',
+                ...options?.headers
+            }
+        });
+    }
     static updatePipeline(options) {
         return (options.client ?? client).post({
             security: [{ scheme: 'bearer', type: 'http' }],

package/dist/api/types.gen.d.ts

@@ -26,6 +26,68 @@ export type PipelineCreateRequest = {
     options?: ProcessingOptions | null;
     clientId?: string | null;
 };
+export type PipelineRunError = {
+    message: string;
+    action?: string | null;
+    step?: string | null;
+};
+export type PipelineRunProgress = {
+    percentage: number;
+    action?: string | null;
+    step?: string | null;
+    page: number;
+};
+export type PipelineRunRejected = {
+    reason: PipelineRunRejectedReason;
+    message: string;
+    runningPipelineId?: string | null;
+    concurrencyKey?: string | null;
+};
+export declare enum PipelineRunRejectedReason {
+    NOT_FOUND = "NotFound",
+    ALREADY_RUNNING = "AlreadyRunning",
+    INVALID = "Invalid"
+}
+export type PipelineRunRequest = {
+    processor: string;
+    strategy: string;
+    options?: ProcessingOptions | null;
+    startAtUtc?: string | null;
+    clientId?: string | null;
+};
+export type PipelineRunStarted = {
+    pipelineId: string;
+    status: PipelineRunState;
+    statusUrl: string;
+};
+export declare enum PipelineRunState {
+    QUEUED = "Queued",
+    RUNNING = "Running",
+    SCHEDULED = "Scheduled",
+    WAITING = "Waiting",
+    COMPLETED = "Completed",
+    FAILED = "Failed",
+    CANCELLED = "Cancelled"
+}
+export type PipelineRunStatus = {
+    pipelineId: string;
+    processor: string;
+    strategy: string;
+    status: PipelineRunState;
+    complete: boolean;
+    succeeded: boolean;
+    cancelRequested: boolean;
+    progress: PipelineRunProgress;
+    startedBy?: string | null;
+    created?: string | null;
+    modified?: string | null;
+    scheduledFor?: string | null;
+    error?: PipelineRunError | null;
+    summary?: PipelineRunSummary | null;
+};
+export type PipelineRunSummary = {
+    [key: string]: unknown;
+};
 export type PipelineState = {
     status: PipelineStatus;
     childPipeline?: string | null;
@@ -35,6 +97,11 @@ export type PipelineState = {
     schedule?: string | null;
     backgroundState?: PipelineBackgroundState | null;
     isChildPipeline: boolean;
+    cancelRequested: boolean;
+    concurrencyKey?: string | null;
+    userKey?: string | null;
+    created?: string | null;
+    modified?: string | null;
 };
 export declare enum PipelineStatus {
     NOT_STARTED = "NotStarted",
@@ -43,7 +110,8 @@ export declare enum PipelineStatus {
     WAITING = "Waiting",
     SCHEDULED = "Scheduled",
     COMPLETED = "Completed",
-    FAILED = "Failed"
+    FAILED = "Failed",
+    CANCELLED = "Cancelled"
 }
 export type ProblemDetails = {
     type?: string | null;
@@ -146,6 +214,43 @@ export declare enum StepStatus {
     COMPLETE = "Complete",
     ERROR = "Error"
 }
+export type CancelPipelineData = {
+    body?: never;
+    path: {
+        id: string;
+    };
+    query?: never;
+    url: '/umbraco/jumoo/api/v1/processing/CancelPipeline/{id}';
+};
+export type CancelPipelineErrors = {
+    /**
+     * Bad Request
+     */
+    400: ProblemDetails;
+    /**
+     * The resource is protected and requires an authentication token
+     */
+    401: unknown;
+    /**
+     * Forbidden
+     */
+    403: ProblemDetails;
+    /**
+     * Not Found
+     */
+    404: unknown;
+    /**
+     * Conflict
+     */
+    409: ProblemDetails;
+};
+export type CancelPipelineError = CancelPipelineErrors[keyof CancelPipelineErrors];
+export type CancelPipelineResponses = {
+    /**
+     * Accepted
+     */
+    202: unknown;
+};
 export type ClearPipelineData = {
     body?: never;
     path: {
@@ -340,6 +445,40 @@ export type ListPipelinesByStrategyResponses = {
     200: Array<Pipeline>;
 };
 export type ListPipelinesByStrategyResponse = ListPipelinesByStrategyResponses[keyof ListPipelinesByStrategyResponses];
+export type PipelineStatusData = {
+    body?: never;
+    path: {
+        id: string;
+    };
+    query?: never;
+    url: '/umbraco/jumoo/api/v1/processing/PipelineStatus/{id}';
+};
+export type PipelineStatusErrors = {
+    /**
+     * Bad Request
+     */
+    400: ProblemDetails;
+    /**
+     * The resource is protected and requires an authentication token
+     */
+    401: unknown;
+    /**
+     * Forbidden
+     */
+    403: ProblemDetails;
+    /**
+     * Not Found
+     */
+    404: unknown;
+};
+export type PipelineStatusError = PipelineStatusErrors[keyof PipelineStatusErrors];
+export type PipelineStatusResponses = {
+    /**
+     * OK
+     */
+    200: PipelineRunStatus;
+};
+export type PipelineStatusResponse = PipelineStatusResponses[keyof PipelineStatusResponses];
 export type ProcessPipelineData = {
     body?: never;
     path: {
@@ -400,6 +539,38 @@ export type ReattachPipelineResponses = {
     200: Pipeline;
 };
 export type ReattachPipelineResponse = ReattachPipelineResponses[keyof ReattachPipelineResponses];
+export type StartPipelineData = {
+    body?: PipelineRunRequest;
+    path?: never;
+    query?: never;
+    url: '/umbraco/jumoo/api/v1/processing/StartPipeline';
+};
+export type StartPipelineErrors = {
+    /**
+     * Bad Request
+     */
+    400: ProblemDetails;
+    /**
+     * The resource is protected and requires an authentication token
+     */
+    401: unknown;
+    /**
+     * Not Found
+     */
+    404: PipelineRunRejected;
+    /**
+     * Conflict
+     */
+    409: PipelineRunRejected;
+};
+export type StartPipelineError = StartPipelineErrors[keyof StartPipelineErrors];
+export type StartPipelineResponses = {
+    /**
+     * Accepted
+     */
+    202: PipelineRunStarted;
+};
+export type StartPipelineResponse = StartPipelineResponses[keyof StartPipelineResponses];
 export type UpdatePipelineData = {
     body?: ProcessingOptions;
     path: {

package/dist/api/types.gen.js

@@ -1,4 +1,20 @@
 // This file is auto-generated by @hey-api/openapi-ts
+export var PipelineRunRejectedReason;
+(function (PipelineRunRejectedReason) {
+    PipelineRunRejectedReason["NOT_FOUND"] = "NotFound";
+    PipelineRunRejectedReason["ALREADY_RUNNING"] = "AlreadyRunning";
+    PipelineRunRejectedReason["INVALID"] = "Invalid";
+})(PipelineRunRejectedReason || (PipelineRunRejectedReason = {}));
+export var PipelineRunState;
+(function (PipelineRunState) {
+    PipelineRunState["QUEUED"] = "Queued";
+    PipelineRunState["RUNNING"] = "Running";
+    PipelineRunState["SCHEDULED"] = "Scheduled";
+    PipelineRunState["WAITING"] = "Waiting";
+    PipelineRunState["COMPLETED"] = "Completed";
+    PipelineRunState["FAILED"] = "Failed";
+    PipelineRunState["CANCELLED"] = "Cancelled";
+})(PipelineRunState || (PipelineRunState = {}));
 export var PipelineStatus;
 (function (PipelineStatus) {
     PipelineStatus["NOT_STARTED"] = "NotStarted";
@@ -8,6 +24,7 @@ export var PipelineStatus;
     PipelineStatus["SCHEDULED"] = "Scheduled";
     PipelineStatus["COMPLETED"] = "Completed";
     PipelineStatus["FAILED"] = "Failed";
+    PipelineStatus["CANCELLED"] = "Cancelled";
 })(PipelineStatus || (PipelineStatus = {}));
 export var StepStatus;
 (function (StepStatus) {

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

@@ -13,41 +13,42 @@ let JumooPipelineBackgroundElement = class JumooPipelineBackgroundElement extend
             case PipelineStatus.COMPLETED:
                 return this.renderComplete();
             case PipelineStatus.FAILED:
+            case PipelineStatus.CANCELLED:
                 return this.renderError();
             default:
                 return html `${this.renderBackgroundBanner()} ${this.renderProgress()}`;
         }
     }
     renderBackgroundBanner() {
-        return html `<uui-box class="banner">
-			<umb-localize key="jumooProcBackground_running"></umb-localize>
+        return html `<uui-box class="banner">
+			<umb-localize key="jumooProcBackground_running"></umb-localize>
 		</uui-box>`;
     }
     renderProgress() {
-        return html `<jumoo-pipeline-progress
-			.progress=${this.state?.progress}
+        return html `<jumoo-pipeline-progress
+			.progress=${this.state?.progress}
 			.message=${this.message}></jumoo-pipeline-progress>`;
     }
     renderComplete() {
         return !this.background?.completedElement
-            ? html `<uui-box
-						><umb-localize key="jumooProcBackground_completed"></umb-localize
-					></uui-box>
+            ? html `<uui-box
+						><umb-localize key="jumooProcBackground_completed"></umb-localize
+					></uui-box>
 					<pre>${JSON.stringify(this.state, null, 1)}</pre>`
             : html `${this.renderElement(this.background.completedElement)}`;
     }
     renderError() {
         return !this.background?.failedElement
-            ? html `<uui-box
-						><umb-localize key="jumooProcBackground_error"></umb-localize
-					></uui-box>
+            ? html `<uui-box
+						><umb-localize key="jumooProcBackground_error"></umb-localize
+					></uui-box>
 					<pre>${JSON.stringify(this.state, null, 1)}</pre>`
             : html `${this.renderElement(this.background.failedElement)}`;
     }
     renderElement(element) {
-        return html `<umb-extension-slot
-			type="jumoo-process-step"
-			.filter=${(ext) => ext.elementName === element}
+        return html `<umb-extension-slot
+			type="jumoo-process-step"
+			.filter=${(ext) => ext.elementName === element}
 			.props=${{
             pipelineId: this.pipelineId,
             state: this.state,
@@ -55,16 +56,16 @@ let JumooPipelineBackgroundElement = class JumooPipelineBackgroundElement extend
         }}></umb-extension-slot>`;
     }
 };
-JumooPipelineBackgroundElement.styles = css `
-		:host {
-			display: flex;
-			flex-direction: column;
-			height: 100%;
-		}
-
-		.banner {
-			background-color: var(--uui-color-current);
-		}
+JumooPipelineBackgroundElement.styles = css `
+		:host {
+			display: flex;
+			flex-direction: column;
+			height: 100%;
+		}
+
+		.banner {
+			background-color: var(--uui-color-current);
+		}
 	`;
 __decorate([
     property({ type: String })

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

@@ -35,6 +35,7 @@ let JumooProcessingPipelineList = class JumooProcessingPipelineList extends UmbL
             PipelineStatus.RUNNING,
             PipelineStatus.COMPLETED,
             PipelineStatus.FAILED,
+            PipelineStatus.CANCELLED,
         ];
         this._modalPath = '';
         this.status = PipelineStatus.WAITING;
@@ -90,18 +91,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 +115,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.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 })