@jumoo/processing 17.4.2

package/dist/pipeline/workspace/pipeline-workspace.context.js

@@ -0,0 +1,58 @@
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+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 _JumooProcessingPipelineWorkspaceContext_respository, _JumooProcessingPipelineWorkspaceContext_data;
+import { UmbEditableWorkspaceContextBase, } from '@umbraco-cms/backoffice/workspace';
+import { UmbObjectState } from '@umbraco-cms/backoffice/observable-api';
+import { PipelineRepository } from '@jumoo/processing';
+import { JUMOO_PROCESSING_PIPELINE_ENTITY_TYPE, JUMOO_PROCESSING_PIPELINE_WORKSPACE_ALIAS, } from './types';
+import { UmbContextToken } from '@umbraco-cms/backoffice/context-api';
+import JumppProcessingPipelineWorkspaceElement from './pipeline-workspace.element';
+export class JumooProcessingPipelineWorkspaceContext extends UmbEditableWorkspaceContextBase {
+    constructor(host) {
+        super(host, JUMOO_PROCESSING_PIPELINE_WORKSPACE_ALIAS);
+        _JumooProcessingPipelineWorkspaceContext_respository.set(this, void 0);
+        _JumooProcessingPipelineWorkspaceContext_data.set(this, new UmbObjectState(undefined));
+        this.data = __classPrivateFieldGet(this, _JumooProcessingPipelineWorkspaceContext_data, "f").asObservable();
+        this.unique = __classPrivateFieldGet(this, _JumooProcessingPipelineWorkspaceContext_data, "f").asObservablePart((data) => data?.id);
+        __classPrivateFieldSet(this, _JumooProcessingPipelineWorkspaceContext_respository, new PipelineRepository(this), "f");
+        this.routes.setRoutes([
+            {
+                path: 'edit/:unique',
+                component: JumppProcessingPipelineWorkspaceElement,
+                setup: (_component, _info) => {
+                    const unique = _info.match.params.unique;
+                    this.load(unique);
+                },
+            },
+        ]);
+        this.provideContext(JUMOO_PROCESSING_PIPELINE_WORKSPACE, this);
+    }
+    async load(unique) {
+        const pipeline = await __classPrivateFieldGet(this, _JumooProcessingPipelineWorkspaceContext_respository, "f").Get(unique);
+        __classPrivateFieldGet(this, _JumooProcessingPipelineWorkspaceContext_data, "f").setValue(pipeline);
+    }
+    getUnique() {
+        return this.getData()?.id;
+    }
+    getEntityType() {
+        return JUMOO_PROCESSING_PIPELINE_ENTITY_TYPE;
+    }
+    getData() {
+        return __classPrivateFieldGet(this, _JumooProcessingPipelineWorkspaceContext_data, "f").getValue();
+    }
+    submit() {
+        throw new Error('Method not implemented.');
+    }
+}
+_JumooProcessingPipelineWorkspaceContext_respository = new WeakMap(), _JumooProcessingPipelineWorkspaceContext_data = new WeakMap();
+export { JumooProcessingPipelineWorkspaceContext as api };
+export const JUMOO_PROCESSING_PIPELINE_WORKSPACE = new UmbContextToken('jumoo-processing-pipelin-workspace-context');

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

@@ -0,0 +1,6 @@
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+export declare class JumppProcessingPipelineWorkspaceElement extends UmbLitElement {
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+}
+export default JumppProcessingPipelineWorkspaceElement;

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

@@ -0,0 +1,21 @@
+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 { customElement, html } from '@umbraco-cms/backoffice/external/lit';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+let JumppProcessingPipelineWorkspaceElement = class JumppProcessingPipelineWorkspaceElement extends UmbLitElement {
+    constructor() {
+        super();
+    }
+    render() {
+        return html `<umb-workspace-editor .enforceNoFooter=${true}></umb-workspace-editor>`;
+    }
+};
+JumppProcessingPipelineWorkspaceElement = __decorate([
+    customElement('jumpp-processing-pipeline-workspace-element')
+], JumppProcessingPipelineWorkspaceElement);
+export { JumppProcessingPipelineWorkspaceElement };
+export default JumppProcessingPipelineWorkspaceElement;

package/dist/pipeline/workspace/types.d.ts

@@ -0,0 +1,6 @@
+import { UmbModalToken } from '@umbraco-cms/backoffice/modal';
+import { UmbWorkspaceModalData, UmbWorkspaceModalValue } from '@umbraco-cms/backoffice/workspace';
+export declare const JUMOO_PROCESSING_PIPELINE_WORKSPACE_ALIAS = "jumoo-processing-pipeline-workspace";
+export declare const JUMOO_PROCESSING_PIPELINE_WORKSPACE_CONTEXT_ALIAS = "jumoo-processing-pipeline-workspace-context";
+export declare const JUMOO_PROCESSING_PIPELINE_ENTITY_TYPE = "processing-pipeline";
+export declare const JUMOO_PIPELINE_WORKSPACE_MODAL: UmbModalToken<UmbWorkspaceModalData<unknown>, UmbWorkspaceModalValue>;

package/dist/pipeline/workspace/types.js

@@ -0,0 +1,10 @@
+import { UmbModalToken } from '@umbraco-cms/backoffice/modal';
+export const JUMOO_PROCESSING_PIPELINE_WORKSPACE_ALIAS = 'jumoo-processing-pipeline-workspace';
+export const JUMOO_PROCESSING_PIPELINE_WORKSPACE_CONTEXT_ALIAS = 'jumoo-processing-pipeline-workspace-context';
+export const JUMOO_PROCESSING_PIPELINE_ENTITY_TYPE = 'processing-pipeline';
+export const JUMOO_PIPELINE_WORKSPACE_MODAL = new UmbModalToken('Umb.Modal.Workspace', {
+    modal: {
+        type: 'sidebar',
+        size: 'medium',
+    },
+});

package/dist/pipeline/workspace/views/default-pipeline-view.d.ts

@@ -0,0 +1,20 @@
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+import { Pipeline } from '@jumoo/processing';
+import { UmbModalContext } from '@umbraco-cms/backoffice/modal';
+export declare class JumooProcessingPipelineWorkspaceDefaultViewElement extends UmbLitElement {
+    #private;
+    private readonly _pipelineContext;
+    pipeline?: Pipeline;
+    private _isLastAction;
+    private _status;
+    private _isValid;
+    private headline;
+    private progressLabel;
+    private closeLabel;
+    _modalContext?: UmbModalContext;
+    constructor();
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    private renderActions;
+}
+export default JumooProcessingPipelineWorkspaceDefaultViewElement;

package/dist/pipeline/workspace/views/default-pipeline-view.js

@@ -0,0 +1,140 @@
+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 _JumooProcessingPipelineWorkspaceDefaultViewElement_instances, _JumooProcessingPipelineWorkspaceDefaultViewElement_onStatusChange, _JumooProcessingPipelineWorkspaceDefaultViewElement_onSetValid, _JumooProcessingPipelineWorkspaceDefaultViewElement_onClose, _JumooProcessingPipelineWorkspaceDefaultViewElement_onComplete, _JumooProcessingPipelineWorkspaceDefaultViewElement_onProcess, _JumooProcessingPipelineWorkspaceDefaultViewElement_onUpdateModal;
+import { customElement, html, nothing, state, } from '@umbraco-cms/backoffice/external/lit';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+import { JUMOO_PROCESSING_PIPELINE_WORKSPACE } from '../pipeline-workspace.context';
+import { PipelineContext, PipelineStatus, } from '@jumoo/processing';
+import { UMB_MODAL_CONTEXT } from '@umbraco-cms/backoffice/modal';
+let JumooProcessingPipelineWorkspaceDefaultViewElement = class JumooProcessingPipelineWorkspaceDefaultViewElement extends UmbLitElement {
+    constructor() {
+        super();
+        _JumooProcessingPipelineWorkspaceDefaultViewElement_instances.add(this);
+        this._isLastAction = false;
+        this._isValid = true;
+        this.headline = '';
+        this.progressLabel = '';
+        this.closeLabel = '';
+        this._pipelineContext = new PipelineContext(this);
+        this.consumeContext(JUMOO_PROCESSING_PIPELINE_WORKSPACE, (_context) => {
+            if (!_context)
+                return;
+            this.observe(_context.data, (data) => {
+                this.pipeline = data;
+                this.headline = this.pipeline?.alias ?? '';
+            });
+        });
+        this.consumeContext(UMB_MODAL_CONTEXT, (modalContext) => {
+            this._modalContext = modalContext;
+        });
+        this.observe(this._pipelineContext.finalized, async (finalized) => {
+            if (finalized) {
+                if (this._modalContext) {
+                    this._modalContext.reject();
+                }
+            }
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.closeLabel = this.localize.term('general_close');
+        this.progressLabel = this.localize.term('jumooProc_process');
+    }
+    render() {
+        return html `<umb-body-layout .headline=${this.headline}>
+			<jumoo-pipeline
+				.pipelineId=${this.pipeline?.id}
+				.setup=${this.pipeline?.options}
+				.debug=${false}
+				@pipeline-status=${__classPrivateFieldGet(this, _JumooProcessingPipelineWorkspaceDefaultViewElement_instances, "m", _JumooProcessingPipelineWorkspaceDefaultViewElement_onStatusChange)}
+				@pipeline-valid=${__classPrivateFieldGet(this, _JumooProcessingPipelineWorkspaceDefaultViewElement_instances, "m", _JumooProcessingPipelineWorkspaceDefaultViewElement_onSetValid)}
+				@pipeline-complete=${__classPrivateFieldGet(this, _JumooProcessingPipelineWorkspaceDefaultViewElement_instances, "m", _JumooProcessingPipelineWorkspaceDefaultViewElement_onComplete)}
+				@pipeline-modal-update=${__classPrivateFieldGet(this, _JumooProcessingPipelineWorkspaceDefaultViewElement_instances, "m", _JumooProcessingPipelineWorkspaceDefaultViewElement_onUpdateModal)}></jumoo-pipeline>
+			<div slot="actions">${this.renderActions()}</div>
+		</umb-body-layout>`;
+    }
+    renderActions() {
+        const actionButton = this._status === PipelineStatus.WAITING && this._isValid && !this._isLastAction
+            ? html `<uui-button
+						@click=${__classPrivateFieldGet(this, _JumooProcessingPipelineWorkspaceDefaultViewElement_instances, "m", _JumooProcessingPipelineWorkspaceDefaultViewElement_onProcess)}
+						color="positive"
+						look="primary"
+						.label=${this.progressLabel}></uui-button>`
+            : nothing;
+        const closeButton = html `<uui-button
+			@click=${__classPrivateFieldGet(this, _JumooProcessingPipelineWorkspaceDefaultViewElement_instances, "m", _JumooProcessingPipelineWorkspaceDefaultViewElement_onClose)}
+			color="default"
+			look="default"
+			label=${this.closeLabel}></uui-button>`;
+        return html `${closeButton} ${actionButton}`;
+    }
+};
+_JumooProcessingPipelineWorkspaceDefaultViewElement_instances = new WeakSet();
+_JumooProcessingPipelineWorkspaceDefaultViewElement_onStatusChange = function _JumooProcessingPipelineWorkspaceDefaultViewElement_onStatusChange(e) {
+    this._status = e.detail.status;
+    this._isLastAction = e.detail.isLastAction;
+};
+_JumooProcessingPipelineWorkspaceDefaultViewElement_onSetValid = function _JumooProcessingPipelineWorkspaceDefaultViewElement_onSetValid(e) {
+    this._isValid = e.detail.valid;
+};
+_JumooProcessingPipelineWorkspaceDefaultViewElement_onClose = async function _JumooProcessingPipelineWorkspaceDefaultViewElement_onClose() {
+    await this._pipelineContext.triggerClose();
+};
+_JumooProcessingPipelineWorkspaceDefaultViewElement_onComplete = function _JumooProcessingPipelineWorkspaceDefaultViewElement_onComplete() {
+    // complete.
+};
+_JumooProcessingPipelineWorkspaceDefaultViewElement_onProcess = function _JumooProcessingPipelineWorkspaceDefaultViewElement_onProcess() {
+    this._pipelineContext.triggerNext();
+};
+_JumooProcessingPipelineWorkspaceDefaultViewElement_onUpdateModal = function _JumooProcessingPipelineWorkspaceDefaultViewElement_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;
+    }
+};
+__decorate([
+    state()
+], JumooProcessingPipelineWorkspaceDefaultViewElement.prototype, "pipeline", void 0);
+__decorate([
+    state()
+], JumooProcessingPipelineWorkspaceDefaultViewElement.prototype, "_isLastAction", void 0);
+__decorate([
+    state()
+], JumooProcessingPipelineWorkspaceDefaultViewElement.prototype, "_status", void 0);
+__decorate([
+    state()
+], JumooProcessingPipelineWorkspaceDefaultViewElement.prototype, "_isValid", void 0);
+__decorate([
+    state()
+], JumooProcessingPipelineWorkspaceDefaultViewElement.prototype, "headline", void 0);
+__decorate([
+    state()
+], JumooProcessingPipelineWorkspaceDefaultViewElement.prototype, "progressLabel", void 0);
+__decorate([
+    state()
+], JumooProcessingPipelineWorkspaceDefaultViewElement.prototype, "closeLabel", void 0);
+__decorate([
+    state()
+], JumooProcessingPipelineWorkspaceDefaultViewElement.prototype, "_modalContext", void 0);
+JumooProcessingPipelineWorkspaceDefaultViewElement = __decorate([
+    customElement('jumpp-processing-pipeline-workspace-default-view')
+], JumooProcessingPipelineWorkspaceDefaultViewElement);
+export { JumooProcessingPipelineWorkspaceDefaultViewElement };
+export default JumooProcessingPipelineWorkspaceDefaultViewElement;

package/dist/queue/components/queue-list.element.d.ts

@@ -0,0 +1,21 @@
+import { PagedModelQueuedItemModel, QueueContext } from '@jumoo/processing';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+export declare class JumooQueueListElement extends UmbLitElement {
+    protected readonly _queueContext: QueueContext;
+    headline: string;
+    queue: PagedModelQueuedItemModel | undefined;
+    loading: boolean;
+    constructor();
+    connectedCallback(): Promise<void>;
+    onRefresh(): Promise<void>;
+    render(): import("lit-html").TemplateResult<1>;
+    renderTable(): import("lit-html").TemplateResult<1>;
+    protected _onProcessQueueItem(e: CustomEvent): Promise<void>;
+    static styles: import("lit").CSSResult;
+}
+export default JumooQueueListElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'jumoo-queue-list': JumooQueueListElement;
+    }
+}

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

@@ -0,0 +1,72 @@
+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 { QueueContext } from '@jumoo/processing';
+import { css, customElement, html, property, state, when, } from '@umbraco-cms/backoffice/external/lit';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+let JumooQueueListElement = class JumooQueueListElement extends UmbLitElement {
+    constructor() {
+        super();
+        this.headline = 'Processing Queue';
+        this.loading = true;
+        this._queueContext = new QueueContext(this);
+        this.observe(this._queueContext.queue, (queue) => {
+            this.queue = queue;
+        });
+    }
+    async connectedCallback() {
+        super.connectedCallback();
+        await this.onRefresh();
+    }
+    async onRefresh() {
+        this.loading = true;
+        await this._queueContext.loadQueue();
+        this.loading = false;
+    }
+    render() {
+        return html `<uui-box style="--uui-box-default-padding: 0;" .headline=${this.headline}>
+			<div slot="header-actions">
+				<uui-button label="refresh" @click=${this.onRefresh} compact
+					><uui-icon name="icon-refresh"></uui-icon
+				></uui-button>
+			</div>
+			${when(this.loading, () => html `<uui-loader-bar
+						animationDuration="1.5"
+						style="color: black"></uui-loader-bar>`, () => this.renderTable())}
+		</uui-box>`;
+    }
+    renderTable() {
+        return !this.queue || !this.queue.items.length
+            ? html `<div class="emtpy">Nothing in the queue</div>`
+            : html `<jumoo-queue-table
+					.items=${this.queue.items}
+					@process-queue-item=${this._onProcessQueueItem}></jumoo-queue-table>`;
+    }
+    async _onProcessQueueItem(e) {
+        await this._queueContext.process(e.detail.key);
+    }
+};
+JumooQueueListElement.styles = css `
+		.emtpy {
+			display: flex;
+			justify-content: center;
+			padding: var(--uui-size-space-5);
+		}
+	`;
+__decorate([
+    property({ type: String })
+], JumooQueueListElement.prototype, "headline", void 0);
+__decorate([
+    state()
+], JumooQueueListElement.prototype, "queue", void 0);
+__decorate([
+    state()
+], JumooQueueListElement.prototype, "loading", void 0);
+JumooQueueListElement = __decorate([
+    customElement('jumoo-queue-list')
+], JumooQueueListElement);
+export { JumooQueueListElement };
+export default JumooQueueListElement;

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

@@ -0,0 +1,24 @@
+import { nothing } from '@umbraco-cms/backoffice/external/lit';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+import { QueuedItem } from '../../api';
+import { UmbTableConfig } from '@umbraco-cms/backoffice/components';
+export declare class JumooQueueTableElement extends UmbLitElement {
+    #private;
+    items?: QueuedItem[];
+    showViewDetails: boolean;
+    hideProcess: boolean;
+    tableConfig: UmbTableConfig;
+    tableColumns: {
+        name: string;
+        alias: string;
+    }[];
+    filter: any;
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    renderActions(item: QueuedItem): import("lit-html").TemplateResult<1>;
+}
+export default JumooQueueTableElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'jumoo-queue-table': JumooQueueTableElement;
+    }
+}

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

@@ -0,0 +1,156 @@
+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 _JumooQueueTableElement_instances, _JumooQueueTableElement_onProcess, _JumooQueueTableElement_onViewDetails;
+import { customElement, html, nothing, property, state, when, } from '@umbraco-cms/backoffice/external/lit';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+import { ProcessingTimeOptions } from '../../constants';
+let JumooQueueTableElement = class JumooQueueTableElement extends UmbLitElement {
+    constructor() {
+        super(...arguments);
+        _JumooQueueTableElement_instances.add(this);
+        this.showViewDetails = true;
+        this.hideProcess = false;
+        this.tableConfig = {
+            allowSelection: false,
+            hideIcon: false,
+        };
+        this.tableColumns = [
+            // { name: 'Key', alias: 'key' },
+            { name: 'Note', alias: 'note' },
+            { name: 'Processor', alias: 'processor' },
+            { name: 'Strategy', alias: 'strategy' },
+            { name: 'User', alias: 'user' },
+            { name: 'Submitted', alias: 'submitted' },
+            { name: 'Scheduled', alias: 'scheduled' },
+            { name: 'Attempts', alias: 'attempts' },
+            { name: 'Priority', alias: 'priority' },
+            { name: 'Actions', alias: 'actions' },
+        ];
+    }
+    render() {
+        if (!this.items)
+            return nothing;
+        const items = this.items
+            .map((item) => {
+            if (!item)
+                return undefined;
+            return {
+                id: item.key,
+                icon: 'icon-layers',
+                data: [
+                    {
+                        columnAlias: 'key',
+                        value: item.key,
+                    },
+                    {
+                        columnAlias: 'priority',
+                        value: item.priority,
+                    },
+                    {
+                        columnAlias: 'processor',
+                        value: item.processor,
+                    },
+                    {
+                        columnAlias: 'strategy',
+                        value: item.strategy,
+                    },
+                    {
+                        columnAlias: 'submitted',
+                        value: this.localize.date(item.submitted, ProcessingTimeOptions),
+                    },
+                    {
+                        columnAlias: 'scheduled',
+                        value: !item.scheduled
+                            ? ''
+                            : this.localize.date(item.scheduled, ProcessingTimeOptions),
+                    },
+                    {
+                        columnAlias: 'attempts',
+                        value: item.attempts,
+                    },
+                    {
+                        columnAlias: 'actions',
+                        value: html `${this.renderActions(item)}`,
+                    },
+                    {
+                        columnAlias: 'user',
+                        value: item.userName ?? '',
+                    },
+                    {
+                        columnAlias: 'note',
+                        value: item.note,
+                    },
+                ],
+            };
+        })
+            .filter((item) => item !== undefined);
+        return html ` <umb-table
+			.items=${items}
+			.config=${this.tableConfig}
+			.columns=${this.tableColumns}
+			.filter=${this.filter}></umb-table>`;
+    }
+    renderActions(item) {
+        return html ` <uui-button-group>
+			${when(this.showViewDetails, () => html ` <uui-button
+						label="Details"
+						color="default"
+						look="primary"
+						@click=${() => __classPrivateFieldGet(this, _JumooQueueTableElement_instances, "m", _JumooQueueTableElement_onViewDetails).call(this, item)}></uui-button>`)}
+			${when(!this.hideProcess, () => html ` <uui-button
+						label="Process"
+						color="positive"
+						look="outline"
+						@click=${() => __classPrivateFieldGet(this, _JumooQueueTableElement_instances, "m", _JumooQueueTableElement_onProcess).call(this, item)}></uui-button>`)}
+		</uui-button-group>`;
+    }
+};
+_JumooQueueTableElement_instances = new WeakSet();
+_JumooQueueTableElement_onProcess = function _JumooQueueTableElement_onProcess(item) {
+    this.dispatchEvent(new CustomEvent('process-queue-item', {
+        composed: true,
+        detail: {
+            key: item.key,
+        },
+    }));
+};
+_JumooQueueTableElement_onViewDetails = function _JumooQueueTableElement_onViewDetails(item) {
+    this.dispatchEvent(new CustomEvent('view-queue-item', {
+        composed: true,
+        detail: {
+            key: item.key,
+        },
+    }));
+};
+__decorate([
+    property({ type: Array })
+], JumooQueueTableElement.prototype, "items", void 0);
+__decorate([
+    property({ type: Boolean })
+], JumooQueueTableElement.prototype, "showViewDetails", void 0);
+__decorate([
+    property({ type: Boolean })
+], JumooQueueTableElement.prototype, "hideProcess", void 0);
+__decorate([
+    property({ type: Object })
+], JumooQueueTableElement.prototype, "tableConfig", void 0);
+__decorate([
+    property({ type: Array })
+], JumooQueueTableElement.prototype, "tableColumns", void 0);
+__decorate([
+    state()
+], JumooQueueTableElement.prototype, "filter", void 0);
+JumooQueueTableElement = __decorate([
+    customElement('jumoo-queue-table')
+], JumooQueueTableElement);
+export { JumooQueueTableElement };
+export default JumooQueueTableElement;

package/dist/queue/index.d.ts

@@ -0,0 +1,3 @@
+export * from './queue.context.js';
+export * from './components/queue-table.element.js';
+export * from './components/queue-list.element.js';

package/dist/queue/index.js

@@ -0,0 +1,3 @@
+export * from './queue.context.js';
+export * from './components/queue-table.element.js';
+export * from './components/queue-list.element.js';

package/dist/queue/queue.context.d.ts

@@ -0,0 +1,13 @@
+import { UmbControllerBase } from '@umbraco-cms/backoffice/class-api';
+import { UmbContextToken } from '@umbraco-cms/backoffice/context-api';
+import { UmbControllerHost } from '@umbraco-cms/backoffice/controller-api';
+import { PagedModelQueuedItemModel } from '../api';
+export declare class QueueContext extends UmbControllerBase {
+    #private;
+    constructor(host: UmbControllerHost);
+    readonly queue: import("rxjs").Observable<PagedModelQueuedItemModel | undefined>;
+    loadQueue(): Promise<PagedModelQueuedItemModel>;
+    process(key: string): Promise<void>;
+}
+export default QueueContext;
+export declare const JUMOO_QUEUE_CONTEXT: UmbContextToken<QueueContext, QueueContext>;

package/dist/queue/queue.context.js

@@ -0,0 +1,37 @@
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+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 _QueueContext_repository, _QueueContext_queue;
+import { UmbControllerBase } from '@umbraco-cms/backoffice/class-api';
+import { UmbContextToken } from '@umbraco-cms/backoffice/context-api';
+import QueueRepository from './queue.repository';
+import { UmbObjectState } from '@umbraco-cms/backoffice/observable-api';
+export class QueueContext extends UmbControllerBase {
+    constructor(host) {
+        super(host);
+        _QueueContext_repository.set(this, void 0);
+        _QueueContext_queue.set(this, new UmbObjectState(undefined));
+        this.queue = __classPrivateFieldGet(this, _QueueContext_queue, "f").asObservable();
+        __classPrivateFieldSet(this, _QueueContext_repository, new QueueRepository(host), "f");
+    }
+    async loadQueue() {
+        const queue = await __classPrivateFieldGet(this, _QueueContext_repository, "f").list();
+        __classPrivateFieldGet(this, _QueueContext_queue, "f").setValue(queue);
+        return queue;
+    }
+    async process(key) {
+        await __classPrivateFieldGet(this, _QueueContext_repository, "f").process(key);
+        await this.loadQueue();
+    }
+}
+_QueueContext_repository = new WeakMap(), _QueueContext_queue = new WeakMap();
+export default QueueContext;
+export const JUMOO_QUEUE_CONTEXT = new UmbContextToken('JUMOO_QUEUE_CONTEXT');

package/dist/queue/queue.repository.d.ts

@@ -0,0 +1,10 @@
+import { UmbControllerBase } from '@umbraco-cms/backoffice/class-api';
+import { UmbControllerHost } from '@umbraco-cms/backoffice/controller-api';
+export declare class QueueRepository extends UmbControllerBase {
+    constructor(host: UmbControllerHost);
+    list(): Promise<import("..").PagedModelQueuedItemModel>;
+    peek(key: string): Promise<import("..").PagedModelQueuedItemModel>;
+    delete(key: string): Promise<unknown>;
+    process(key: string): Promise<import("..").QueuedItem>;
+}
+export default QueueRepository;

package/dist/queue/queue.repository.js

@@ -0,0 +1,32 @@
+import { UmbControllerBase } from '@umbraco-cms/backoffice/class-api';
+import { QueuesService } from '../api';
+export class QueueRepository extends UmbControllerBase {
+    constructor(host) {
+        super(host);
+    }
+    async list() {
+        return (await QueuesService.listQueue()).data;
+    }
+    async peek(key) {
+        return (await QueuesService.peekItem({
+            query: {
+                key: key,
+            },
+        })).data;
+    }
+    async delete(key) {
+        return (await QueuesService.delete({
+            path: {
+                key: key,
+            },
+        })).data;
+    }
+    async process(key) {
+        return (await QueuesService.process({
+            path: {
+                key: key,
+            },
+        })).data;
+    }
+}
+export default QueueRepository;

package/dist/signalr/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types.js';
+export * from './signalr.context.js';