@jumoo/usync-expansions 0.0.0-stage → 18.3.0

package/dist/background/background-pipeline.repository.d.ts

@@ -0,0 +1,23 @@
+import { UmbControllerBase } from '@umbraco-cms/backoffice/class-api';
+import { UmbControllerHost } from '@umbraco-cms/backoffice/controller-api';
+export declare class uSyncBackgroundPipelineRepository extends UmbControllerBase {
+    #private;
+    constructor(host: UmbControllerHost);
+    /**
+     * @description asks a pipeline to stop. Scheduled and waiting pipelines are cancelled
+     * straight away (and taken off the queue); running/background ones stop before their next
+     * step. Errors come back without a notification so the caller can explain them.
+     * @param id the pipeline id (for a queued item, its key)
+     */
+    cancelPipeline(id: string): Promise<import("@umbraco-cms/backoffice/resources").UmbApiResponse<({
+        data: unknown;
+        error: undefined;
+    } | {
+        data: undefined;
+        error: unknown;
+    }) & {
+        request?: Request;
+        response?: Response;
+    }>>;
+}
+export default uSyncBackgroundPipelineRepository;

package/dist/background/background-pipeline.repository.js

@@ -0,0 +1,33 @@
+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 _uSyncBackgroundPipelineRepository_host;
+import { postProcessingCancelPipelineById } from '@jumoo/processing';
+import { UmbControllerBase } from '@umbraco-cms/backoffice/class-api';
+import { tryExecute } from '@umbraco-cms/backoffice/resources';
+export class uSyncBackgroundPipelineRepository extends UmbControllerBase {
+    constructor(host) {
+        super(host);
+        _uSyncBackgroundPipelineRepository_host.set(this, void 0);
+        __classPrivateFieldSet(this, _uSyncBackgroundPipelineRepository_host, host, "f");
+    }
+    /**
+     * @description asks a pipeline to stop. Scheduled and waiting pipelines are cancelled
+     * straight away (and taken off the queue); running/background ones stop before their next
+     * step. Errors come back without a notification so the caller can explain them.
+     * @param id the pipeline id (for a queued item, its key)
+     */
+    async cancelPipeline(id) {
+        return await tryExecute(__classPrivateFieldGet(this, _uSyncBackgroundPipelineRepository_host, "f"), postProcessingCancelPipelineById({ path: { id: id } }), { disableNotifications: true });
+    }
+}
+_uSyncBackgroundPipelineRepository_host = new WeakMap();
+export default uSyncBackgroundPipelineRepository;

package/dist/background/components/constants.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @description raised (bubbles, composed) by a background list after it has changed something,
+ * so the workspace can refresh both lists.
+ */
+export declare const USYNC_BACKGROUND_CHANGED_EVENT = "usync-background-changed";

package/dist/background/components/constants.js

@@ -0,0 +1,5 @@
+/**
+ * @description raised (bubbles, composed) by a background list after it has changed something,
+ * so the workspace can refresh both lists.
+ */
+export const USYNC_BACKGROUND_CHANGED_EVENT = 'usync-background-changed';

package/dist/background/components/index.d.ts

@@ -0,0 +1,5 @@
+export * from './constants.js';
+export * from './pipelines-table.element.js';
+export * from './queue-table.element.js';
+export * from './pending-list.element.js';
+export * from './process-list.element.js';

package/dist/background/components/index.js

@@ -0,0 +1,5 @@
+export * from './constants.js';
+export * from './pipelines-table.element.js';
+export * from './queue-table.element.js';
+export * from './pending-list.element.js';
+export * from './process-list.element.js';

package/dist/background/components/pending-list.element.d.ts

@@ -0,0 +1,18 @@
+import { JumooQueueListElement } from '@jumoo/processing';
+export declare class uSyncBackgroundPendingListElement extends JumooQueueListElement {
+    #private;
+    _tableColumns: {
+        name: string;
+        alias: string;
+    }[];
+    renderTable(): import("lit-html").TemplateResult<1>;
+    protected _onProcessQueueItem(e: CustomEvent): Promise<void>;
+    protected _onCancelQueueItem(e: CustomEvent): Promise<void>;
+    static styles: import("lit").CSSResult;
+}
+export default uSyncBackgroundPendingListElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'usync-pending-list': uSyncBackgroundPendingListElement;
+    }
+}

package/dist/background/components/pending-list.element.js

@@ -0,0 +1,69 @@
+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 _uSyncBackgroundPendingListElement_instances, _uSyncBackgroundPendingListElement_cancelController, _uSyncBackgroundPendingListElement_changed;
+import { JumooQueueListElement } from '@jumoo/processing';
+import { css, customElement, html, state } from '@umbraco-cms/backoffice/external/lit';
+import { uSyncBackgroundCancelController } from '../background-cancel.controller.js';
+import { USYNC_BACKGROUND_CHANGED_EVENT } from './constants.js';
+let uSyncBackgroundPendingListElement = class uSyncBackgroundPendingListElement extends JumooQueueListElement {
+    constructor() {
+        super(...arguments);
+        _uSyncBackgroundPendingListElement_instances.add(this);
+        _uSyncBackgroundPendingListElement_cancelController.set(this, new uSyncBackgroundCancelController(this));
+        this._tableColumns = [
+            { name: 'Note', alias: 'note' },
+            { name: 'Source', alias: 'processor' },
+            { name: 'User', alias: 'user' },
+            { name: 'Scheduled', alias: 'scheduled' },
+            { name: 'Actions', alias: 'actions' },
+        ];
+    }
+    renderTable() {
+        return !this.queue || this.queue.items.length === 0
+            ? html `<div class="empty">No items in the queue</div>`
+            : html `<usync-queue-table
+					.items=${this.queue.items}
+					.tableColumns=${this._tableColumns}
+					@process-queue-item=${this._onProcessQueueItem}
+					@cancel-queue-item=${this._onCancelQueueItem}></usync-queue-table>`;
+    }
+    async _onProcessQueueItem(e) {
+        await super._onProcessQueueItem(e);
+        __classPrivateFieldGet(this, _uSyncBackgroundPendingListElement_instances, "m", _uSyncBackgroundPendingListElement_changed).call(this);
+    }
+    // a queued item's key is the id of the pipeline it runs.
+    async _onCancelQueueItem(e) {
+        if (await __classPrivateFieldGet(this, _uSyncBackgroundPendingListElement_cancelController, "f").cancel(e.detail.key, e.detail.name)) {
+            __classPrivateFieldGet(this, _uSyncBackgroundPendingListElement_instances, "m", _uSyncBackgroundPendingListElement_changed).call(this);
+        }
+    }
+};
+_uSyncBackgroundPendingListElement_cancelController = new WeakMap();
+_uSyncBackgroundPendingListElement_instances = new WeakSet();
+_uSyncBackgroundPendingListElement_changed = function _uSyncBackgroundPendingListElement_changed() {
+    this.dispatchEvent(new CustomEvent(USYNC_BACKGROUND_CHANGED_EVENT, { bubbles: true, composed: true }));
+};
+uSyncBackgroundPendingListElement.styles = css `
+		.empty {
+			display: flex;
+			justify-content: center;
+			padding: 20px;
+		}
+	`;
+__decorate([
+    state()
+], uSyncBackgroundPendingListElement.prototype, "_tableColumns", void 0);
+uSyncBackgroundPendingListElement = __decorate([
+    customElement('usync-pending-list')
+], uSyncBackgroundPendingListElement);
+export { uSyncBackgroundPendingListElement };
+export default uSyncBackgroundPendingListElement;

package/dist/background/components/pipelines-table.element.d.ts

@@ -0,0 +1,15 @@
+import { JumooPipelinesTableElement, Pipeline } from '@jumoo/processing';
+/**
+ * @description the processing pipelines table, with a cancel button for anything that hasn't
+ * finished yet.
+ */
+export declare class uSyncPipelinesTableElement extends JumooPipelinesTableElement {
+    #private;
+    renderActions(pipeline: Pipeline): import("lit-html").TemplateResult<1>;
+}
+export default uSyncPipelinesTableElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'usync-pipelines-table': uSyncPipelinesTableElement;
+    }
+}

package/dist/background/components/pipelines-table.element.js

@@ -0,0 +1,60 @@
+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 _uSyncPipelinesTableElement_instances, _uSyncPipelinesTableElement_dispatch;
+import { JumooPipelinesTableElement, PipelineStatus } from '@jumoo/processing';
+import { customElement, html, when } from '@umbraco-cms/backoffice/external/lit';
+const finishedStatuses = [
+    PipelineStatus.COMPLETED,
+    PipelineStatus.FAILED,
+    PipelineStatus.CANCELLED,
+];
+/**
+ * @description the processing pipelines table, with a cancel button for anything that hasn't
+ * finished yet.
+ */
+let uSyncPipelinesTableElement = class uSyncPipelinesTableElement extends JumooPipelinesTableElement {
+    constructor() {
+        super(...arguments);
+        _uSyncPipelinesTableElement_instances.add(this);
+    }
+    renderActions(pipeline) {
+        return html `<uui-button-group>
+			<uui-button
+				label=${this.localize.term('uSyncBackground_view')}
+				color="positive"
+				look="outline"
+				@click=${() => __classPrivateFieldGet(this, _uSyncPipelinesTableElement_instances, "m", _uSyncPipelinesTableElement_dispatch).call(this, 'view-pipeline', pipeline)}></uui-button>
+			${when(!finishedStatuses.includes(pipeline.state.status), () => html `<uui-button
+						label=${this.localize.term('uSyncBackground_cancel')}
+						color="warning"
+						look="outline"
+						@click=${() => __classPrivateFieldGet(this, _uSyncPipelinesTableElement_instances, "m", _uSyncPipelinesTableElement_dispatch).call(this, 'cancel-pipeline', pipeline)}></uui-button>`)}
+			${when(!this.hideDelete, () => html `<uui-button
+						label=${this.localize.term('uSyncBackground_delete')}
+						color="danger"
+						look="outline"
+						@click=${() => __classPrivateFieldGet(this, _uSyncPipelinesTableElement_instances, "m", _uSyncPipelinesTableElement_dispatch).call(this, 'delete-pipeline', pipeline)}></uui-button>`)}
+		</uui-button-group>`;
+    }
+};
+_uSyncPipelinesTableElement_instances = new WeakSet();
+_uSyncPipelinesTableElement_dispatch = function _uSyncPipelinesTableElement_dispatch(name, pipeline) {
+    this.dispatchEvent(new CustomEvent(name, {
+        composed: true,
+        detail: { piplineId: pipeline.id, alias: pipeline.alias },
+    }));
+};
+uSyncPipelinesTableElement = __decorate([
+    customElement('usync-pipelines-table')
+], uSyncPipelinesTableElement);
+export { uSyncPipelinesTableElement };
+export default uSyncPipelinesTableElement;

package/dist/background/components/process-list.element.d.ts

@@ -0,0 +1,10 @@
+import { JumooProcessingPipelineList } from '@jumoo/processing';
+import { UmbTableColumn } from '@umbraco-cms/backoffice/components';
+export declare class uSyncProcessListElement extends JumooProcessingPipelineList {
+    #private;
+    tableColumns: UmbTableColumn[];
+    constructor();
+    onCancelPipeline(e: CustomEvent): Promise<void>;
+    renderListPipelines(): import("lit-html").TemplateResult<1>;
+}
+export default uSyncProcessListElement;

package/dist/background/components/process-list.element.js

@@ -0,0 +1,69 @@
+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 _uSyncProcessListElement_cancelController;
+import { JumooProcessingPipelineList, PipelineStatus } from '@jumoo/processing';
+import { customElement, html, state } from '@umbraco-cms/backoffice/external/lit';
+import { uSyncBackgroundCancelController } from '../background-cancel.controller.js';
+import { USYNC_BACKGROUND_CHANGED_EVENT } from './constants.js';
+let uSyncProcessListElement = class uSyncProcessListElement extends JumooProcessingPipelineList {
+    constructor() {
+        super();
+        _uSyncProcessListElement_cancelController.set(this, new uSyncBackgroundCancelController(this));
+        this.tableColumns = [
+            { name: 'Alias', alias: 'alias' },
+            // { name: 'Strategy', alias: 'strategy' },
+            { name: 'State', alias: 'state' },
+            { name: 'Action', alias: 'action' },
+            { name: 'Background', alias: 'background' },
+            { name: 'Scheduled', alias: 'scheduled' },
+            { name: 'Actions', alias: 'actions' },
+        ];
+        // Background and Scheduled are where headless (Publisher/Start, Exporter/Start) runs sit.
+        this.statuses = [
+            PipelineStatus.WAITING,
+            PipelineStatus.BACKGROUND,
+            PipelineStatus.SCHEDULED,
+            PipelineStatus.RUNNING,
+            PipelineStatus.COMPLETED,
+            PipelineStatus.FAILED,
+            PipelineStatus.CANCELLED,
+        ];
+    }
+    async onCancelPipeline(e) {
+        if (await __classPrivateFieldGet(this, _uSyncProcessListElement_cancelController, "f").cancel(e.detail.piplineId, e.detail.alias)) {
+            this.dispatchEvent(new CustomEvent(USYNC_BACKGROUND_CHANGED_EVENT, {
+                bubbles: true,
+                composed: true,
+            }));
+        }
+    }
+    renderListPipelines() {
+        return !this.pipelines || this.pipelines.length === 0
+            ? html `<div class="emtpy">Nothing with status ${this.status}</div>`
+            : html `<usync-pipelines-table
+					.pipelines=${this.pipelines}
+					.hideDelete=${this.hideDelete}
+					.tableColumns=${this.tableColumns}
+					@view-pipeline=${this.onViewPipeline}
+					@cancel-pipeline=${this.onCancelPipeline}
+					@delete-pipeline=${this.onDeletePipeline}></usync-pipelines-table>`;
+    }
+};
+_uSyncProcessListElement_cancelController = new WeakMap();
+__decorate([
+    state()
+], uSyncProcessListElement.prototype, "tableColumns", void 0);
+uSyncProcessListElement = __decorate([
+    customElement('usync-process-list')
+], uSyncProcessListElement);
+export { uSyncProcessListElement };
+export default uSyncProcessListElement;

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

@@ -0,0 +1,15 @@
+import { JumooQueueTableElement, QueuedItem } from '@jumoo/processing';
+/**
+ * @description the processing queue table, with process and cancel buttons. A queued item's
+ * key is the id of the pipeline it runs.
+ */
+export declare class uSyncQueueTableElement extends JumooQueueTableElement {
+    #private;
+    renderActions(item: QueuedItem): import("lit-html").TemplateResult<1>;
+}
+export default uSyncQueueTableElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'usync-queue-table': uSyncQueueTableElement;
+    }
+}

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

@@ -0,0 +1,50 @@
+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 _uSyncQueueTableElement_instances, _uSyncQueueTableElement_dispatch;
+import { JumooQueueTableElement } from '@jumoo/processing';
+import { customElement, html } from '@umbraco-cms/backoffice/external/lit';
+/**
+ * @description the processing queue table, with process and cancel buttons. A queued item's
+ * key is the id of the pipeline it runs.
+ */
+let uSyncQueueTableElement = class uSyncQueueTableElement extends JumooQueueTableElement {
+    constructor() {
+        super(...arguments);
+        _uSyncQueueTableElement_instances.add(this);
+    }
+    renderActions(item) {
+        return html `<uui-button-group>
+			<uui-button
+				label=${this.localize.term('uSyncBackground_process')}
+				color="positive"
+				look="outline"
+				@click=${() => __classPrivateFieldGet(this, _uSyncQueueTableElement_instances, "m", _uSyncQueueTableElement_dispatch).call(this, 'process-queue-item', item)}></uui-button>
+			<uui-button
+				label=${this.localize.term('uSyncBackground_cancel')}
+				color="warning"
+				look="outline"
+				@click=${() => __classPrivateFieldGet(this, _uSyncQueueTableElement_instances, "m", _uSyncQueueTableElement_dispatch).call(this, 'cancel-queue-item', item)}></uui-button>
+		</uui-button-group>`;
+    }
+};
+_uSyncQueueTableElement_instances = new WeakSet();
+_uSyncQueueTableElement_dispatch = function _uSyncQueueTableElement_dispatch(name, item) {
+    this.dispatchEvent(new CustomEvent(name, {
+        composed: true,
+        detail: { key: item.key, name: item.note || item.processor },
+    }));
+};
+uSyncQueueTableElement = __decorate([
+    customElement('usync-queue-table')
+], uSyncQueueTableElement);
+export { uSyncQueueTableElement };
+export default uSyncQueueTableElement;

package/dist/background/index.d.ts

@@ -0,0 +1 @@
+export * from './components/index.js';

package/dist/background/index.js

@@ -0,0 +1 @@
+export * from './components/index.js';

package/dist/background/manifest.d.ts

@@ -0,0 +1 @@
+export declare const manifests: (import("@umbraco-cms/backoffice/workspace").ManifestWorkspace<import("@umbraco-cms/backoffice/workspace").MetaWorkspace, import("@umbraco-cms/backoffice/controller-api").UmbControllerHostElement, import("@umbraco-cms/backoffice/workspace").UmbWorkspaceContext> | import("@jumoo/usync").ManifestuSyncMenuItem)[];

package/dist/background/manifest.js

@@ -0,0 +1,24 @@
+const workspaceAlias = 'usync-background-workspace';
+const backgroundEntity = 'usync-background';
+const menuItem = {
+    type: 'usync-menuItem',
+    alias: 'usync.background.menu.item',
+    name: 'background',
+    weight: 8,
+    meta: {
+        label: 'Background',
+        icon: 'icon-circuits',
+        entityType: backgroundEntity,
+        menus: ['usync.menu'],
+    },
+};
+const workspace = {
+    type: 'workspace',
+    alias: workspaceAlias,
+    name: 'uSync Background',
+    js: () => import('./workspace/background-workspace-element.js'),
+    meta: {
+        entityType: backgroundEntity,
+    },
+};
+export const manifests = [menuItem, workspace];

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

@@ -0,0 +1,11 @@
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+import '../components/index.js';
+export declare class uSyncBackgroundWorkspaceElement extends UmbLitElement {
+    #private;
+    private _processList?;
+    private _pendingList?;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+export default uSyncBackgroundWorkspaceElement;

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

@@ -0,0 +1,74 @@
+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 __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 _uSyncBackgroundWorkspaceElement_pipelinesContext;
+import { PipelinesContext, PipelineStatus } from '@jumoo/processing';
+import { css, customElement, html, query } from '@umbraco-cms/backoffice/external/lit';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+// the lists are defined here, not by the package entry point (v18's index.ts doesn't export
+// background), so without this import the workspace renders them as unknown elements.
+import '../components/index.js';
+let uSyncBackgroundWorkspaceElement = class uSyncBackgroundWorkspaceElement extends UmbLitElement {
+    constructor() {
+        super();
+        _uSyncBackgroundWorkspaceElement_pipelinesContext.set(this, void 0);
+        __classPrivateFieldSet(this, _uSyncBackgroundWorkspaceElement_pipelinesContext, new PipelinesContext(this), "f");
+        console.debug('uSyncBackgroundWorkspaceElement', __classPrivateFieldGet(this, _uSyncBackgroundWorkspaceElement_pipelinesContext, "f"));
+        // a cancel (or process) in one list changes what's in both. The literal is
+        // USYNC_BACKGROUND_CHANGED_EVENT: importing the constant would pull the main bundle into
+        // this lazy chunk as a second copy (and define every element twice).
+        this.addEventListener('usync-background-changed', () => {
+            this._processList?.getPipelines();
+            this._pendingList?.onRefresh();
+        });
+    }
+    render() {
+        return html `<umb-body-layout
+			><div class="layout">
+				<uui-box .headline=${this.localize.term('uSyncBackground_title')}>
+					${this.localize.term('uSyncBackground_intro')}
+				</uui-box>
+
+				<usync-process-list
+					.defaultStatus=${PipelineStatus.WAITING}
+					.headline=${this.localize.term('uSyncBackground_processes')}></usync-process-list>
+
+				<usync-pending-list
+					.headline=${this.localize.term('uSyncBackground_queue')}></usync-pending-list>
+			</div>
+		</umb-body-layout>`;
+    }
+};
+_uSyncBackgroundWorkspaceElement_pipelinesContext = new WeakMap();
+uSyncBackgroundWorkspaceElement.styles = css `
+		.layout {
+			display: flex;
+			flex-direction: column;
+			gap: var(--uui-size-space-4);
+		}
+	`;
+__decorate([
+    query('usync-process-list')
+], uSyncBackgroundWorkspaceElement.prototype, "_processList", void 0);
+__decorate([
+    query('usync-pending-list')
+], uSyncBackgroundWorkspaceElement.prototype, "_pendingList", void 0);
+uSyncBackgroundWorkspaceElement = __decorate([
+    customElement('usync-background-workspace-element')
+], uSyncBackgroundWorkspaceElement);
+export { uSyncBackgroundWorkspaceElement };
+export default uSyncBackgroundWorkspaceElement;

package/dist/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './report-summary-view';
+export * from './usync-property-layout';

package/dist/components/index.js

@@ -0,0 +1,2 @@
+export * from './report-summary-view';
+export * from './usync-property-layout';

package/dist/components/report-summary-view.d.ts

@@ -0,0 +1,23 @@
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+import { USyncActionView } from '@jumoo/usync';
+export declare class uSyncResportSummaryView extends UmbLitElement {
+    #private;
+    showAll: boolean;
+    headline: string;
+    results?: USyncActionView[];
+    /**
+     * @description is this being shown as part of a report (or false as results)
+     */
+    isReport: boolean;
+    private countChanges;
+    render(): import("lit-html").TemplateResult<1>;
+    renderToggle(): import("lit-html").TemplateResult<1>;
+    renderChangeSummary(changes: number): import("lit-html").TemplateResult<1>;
+    renderReportSummary(changes: number): import("lit-html").TemplateResult<1>;
+    renderResultSummary(changes: number): import("lit-html").TemplateResult<1>;
+    renderTable(): import("lit-html").TemplateResult<1>;
+    renderTableHeader(): import("lit-html").TemplateResult<1>;
+    renderRows(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+export default uSyncResportSummaryView;