@masterteam/work-center 0.0.70 → 0.0.72

package/fesm2022/masterteam-work-center.mjs

@@ -1,7 +1,7 @@
-import * as i1$1 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/common';
+import { CommonModule, NgComponentOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, viewChild, input, computed, signal, Component, Injectable, DestroyRef, effect, untracked, output } from '@angular/core';
+import { inject, viewChild, input, computed, signal, Component, Injectable, DestroyRef, effect, untracked, InjectionToken, output } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { TranslocoService, TranslocoDirective } from '@jsverse/transloco';
 import { Button } from '@masterteam/components/button';
@@ -10,7 +10,7 @@ import { ModalService } from '@masterteam/components/modal';
 import { PropertyFilterBuilder } from '@masterteam/components/property-filter-builder';
 import { StatisticCard } from '@masterteam/components/statistic-card';
 import { Table } from '@masterteam/components/table';
-import * as i1 from 'primeng/skeleton';
+import * as i1$1 from 'primeng/skeleton';
 import { SkeletonModule } from 'primeng/skeleton';
 import { catchError, EMPTY, map, take } from 'rxjs';
 import { ModalRef } from '@masterteam/components/dialog';
@@ -23,7 +23,7 @@ import { RuntimeActionContextStore, RuntimeActionRunner, RUNTIME_ACTION_CONFIRM_
 import { Action, Selector, State, Store, select } from '@ngxs/store';
 import { handleApiRequest } from '@masterteam/components';
 import { ClientInstancePreview } from '@masterteam/client-components/client-instance-preview';
-import { EntitiesPreview } from '@masterteam/components/entities';
+import { EntitiesPreview, EntityPreviewBody } from '@masterteam/components/entities';
 import { Tabs } from '@masterteam/components/tabs';
 import { DiscussionThread } from '@masterteam/discussion';
 import { StructureBuilder } from '@masterteam/structure-builder';
@@ -2288,6 +2288,7 @@ class WorkCenterProcessStepType {
             contextKey: `level:${levelId}`,
             instanceId: levelDataId,
             displayAreas: ['preview'],
+            processRequestId: this.requestId(),
         };
     }, ...(ngDevMode ? [{ debugName: "levelDetailsConfig" }] : /* istanbul ignore next */ []));
     // The preview response carries the level name in its schema, so the tab is
@@ -2330,25 +2331,453 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                     ], template: "<div\r\n  class=\"mt-modal-content flex h-full min-h-0 flex-col gap-4 p-4 lg:overflow-hidden\"\r\n  *transloco=\"let t; prefix: 'workCenter'\"\r\n>\r\n  <div\r\n    class=\"flex flex-1 min-h-0 flex-col gap-4 lg:grid lg:grid-cols-[13rem_minmax(0,1fr)] lg:gap-6\"\r\n  >\r\n    @if (tabOptions().length > 1) {\r\n      <mt-tabs\r\n        [(active)]=\"activeTab\"\r\n        [options]=\"tabOptions()\"\r\n        mode=\"vertical\"\r\n        size=\"small\"\r\n      />\r\n    }\r\n\r\n    <div class=\"min-w-0 flex-1 min-h-0 lg:overflow-hidden\">\r\n      <div\r\n        class=\"h-full min-h-0 lg:overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'form'\"\r\n      >\r\n        <div\r\n          class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\r\n        >\r\n          @if (canRenderForm()) {\r\n            <mt-client-form\r\n              [moduleKey]=\"moduleKey()\"\r\n              [operationKey]=\"operationKey()\"\r\n              [moduleId]=\"moduleId()\"\r\n              [levelId]=\"levelId()\"\r\n              [levelDataId]=\"levelDataId()\"\r\n              [moduleDataId]=\"moduleDataId()\"\r\n              [requestSchemaId]=\"requestSchemaId()\"\r\n              [draftProcessId]=\"draftProcessId()\"\r\n              [readonly]=\"readOnly()\"\r\n              [lookups]=\"formLookups()\"\r\n            />\r\n          } @else {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"context.processFormUnavailable\") }}\r\n              </p>\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n\r\n      <div\r\n        class=\"h-full min-h-0 lg:overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'levelDetails'\"\r\n      >\r\n        @if (levelDetailsConfig(); as levelDetailsConfig) {\r\n          <div\r\n            class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\r\n          >\r\n            <mt-client-instance-preview [config]=\"levelDetailsConfig\" />\r\n          </div>\r\n        }\r\n      </div>\r\n\r\n      <div\r\n        class=\"flex-1 min-h-0 overflow-auto\"\r\n        [hidden]=\"activeTab() !== 'approvals'\"\r\n      >\r\n        @if (canRenderPreview()) {\r\n          <mt-work-center-process-preview\r\n            [requestId]=\"requestId()\"\r\n            [view]=\"'approvals'\"\r\n          />\r\n        } @else {\r\n          <div\r\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n          >\r\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n              {{ t(\"context.processPreviewUnavailable\") }}\r\n            </p>\r\n          </div>\r\n        }\r\n      </div>\r\n\r\n      <div\r\n        class=\"flex-1 min-h-0 overflow-auto\"\r\n        [hidden]=\"activeTab() !== 'schema'\"\r\n      >\r\n        @if (canRenderPreview()) {\r\n          <mt-work-center-process-preview\r\n            [requestId]=\"requestId()\"\r\n            [view]=\"'schema'\"\r\n          />\r\n        } @else {\r\n          <div\r\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n          >\r\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n              {{ t(\"context.processPreviewUnavailable\") }}\r\n            </p>\r\n          </div>\r\n        }\r\n      </div>\r\n\r\n      @if (!readOnly()) {\r\n        <div\r\n          class=\"h-full min-h-0 overflow-hidden\"\r\n          [hidden]=\"activeTab() !== 'discussion'\"\r\n        >\r\n          @if (canRenderDiscussion()) {\r\n            <div\r\n              class=\"h-[32rem] min-h-[22rem] overflow-hidden rounded-lg border border-surface-200 bg-surface-50 lg:h-full lg:min-h-0\"\r\n            >\r\n              <mt-discussion-thread\r\n                [moduleType]=\"'ProcessRequest'\"\r\n                [recordId]=\"discussionRecordId()\"\r\n                [mentionSearchEndpoint]=\"'Identity/users'\"\r\n                [mentionSearchParam]=\"'query'\"\r\n                [mentionSearchDataPath]=\"'data'\"\r\n                [uploadEndpoint]=\"'uploader'\"\r\n                [attachmentDownloadEndpoint]=\"'uploader'\"\r\n                [showParticipants]=\"true\"\r\n                [autoMarkRead]=\"true\"\r\n                [refreshIntervalMs]=\"0\"\r\n                [styleClass]=\"'h-full'\"\r\n              />\r\n            </div>\r\n          } @else {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"context.processDiscussionUnavailable\") }}\r\n              </p>\r\n            </div>\r\n          }\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { details: [{ type: i0.Input, args: [{ isSignal: true, alias: "details", required: true }] }], lookups: [{ type: i0.Input, args: [{ isSignal: true, alias: "lookups", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], clientForm: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ClientForm), { isSignal: true }] }], levelPreview: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ClientInstancePreview), { isSignal: true }] }] } });
 
+/**
+ * work-center-schedule-publish.rows.ts - Pure grouping, ordering, counting and
+ * filtering rules for the approver's published-vs-draft comparison.
+ *
+ * THE DIFF ITSELF IS SERVER-SIDE. This module never decides what changed - only
+ * how the answer is presented, so a 500-row plan stays scannable in a drawer.
+ * Split out of the component so the rules are unit-testable without a browser or
+ * TestBed, mirroring `work-center-process-preview.rows.ts` - this package has no
+ * component TestBed specs, only pure-function ones.
+ *
+ * Intentionally a twin of `@masterteam/task-schedule`'s
+ * `core/task-schedule-publish-diff.ts`: the planner and the approver must sort,
+ * group and count the same payload identically, and duplicating ~100 lines of
+ * pure rules is cheaper than a cross-package dependency between a schedule
+ * runtime and a work-center drawer.
+ *
+ * Pure TypeScript - no Angular, no DOM.
+ */
+/**
+ * The order groups are presented in, and the only states a group is built for.
+ *
+ * Added first because a new row is the biggest claim a publish makes; removed
+ * last because it is the one an approver most needs to not miss, and a trailing
+ * group is where the eye stops.
+ */
+const SCHEDULE_PUBLISH_GROUP_ORDER = [
+    'added',
+    'changed',
+    'removed',
+];
+function summarizeSchedulePublish(diff) {
+    const rows = diff?.rows ?? [];
+    // Counted from the rows rather than trusted from the envelope's own counters:
+    // the two cannot then disagree in front of someone about to approve.
+    const addedCount = countByState(rows, 'added');
+    const changedCount = countByState(rows, 'changed');
+    const removedCount = countByState(rows, 'removed');
+    return {
+        hasSnapshot: diff?.hasSnapshot === true,
+        addedCount,
+        changedCount,
+        removedCount,
+        totalCount: addedCount + changedCount + removedCount,
+        isEmpty: addedCount + changedCount + removedCount === 0,
+    };
+}
+/**
+ * Group the comparison for display, optionally narrowed by a free-text search.
+ *
+ * Search matches a row's NAME and its changed FIELD KEYS, so "start" finds every
+ * row whose planned start moved even though that text appears nowhere in a name.
+ * Empty groups are dropped rather than rendered as empty headers.
+ */
+function groupSchedulePublishRows(diff, searchText = '') {
+    const rows = diff?.rows ?? [];
+    const needle = searchText.trim().toLowerCase();
+    const groups = [];
+    for (const state of SCHEDULE_PUBLISH_GROUP_ORDER) {
+        const all = rows.filter((row) => row.state === state);
+        if (all.length === 0) {
+            continue;
+        }
+        const matching = needle
+            ? all.filter((row) => matchesSchedulePublishSearch(row, needle))
+            : all;
+        if (matching.length === 0) {
+            continue;
+        }
+        groups.push({
+            state,
+            rows: sortSchedulePublishRows(matching),
+            totalCount: all.length,
+        });
+    }
+    return groups;
+}
+/**
+ * Plan order, falling back to the row id.
+ *
+ * Deliberately NOT alphabetical: an approver reads the comparison against the
+ * plan as the planner built it, and re-sorting by name would scatter a phase's
+ * rows across the list.
+ */
+function sortSchedulePublishRows(rows) {
+    return [...rows].sort((left, right) => {
+        const byOrder = (left.order ?? 0) - (right.order ?? 0);
+        return byOrder !== 0 ? byOrder : left.scheduleItemId - right.scheduleItemId;
+    });
+}
+function matchesSchedulePublishSearch(row, lowerNeedle) {
+    if (!lowerNeedle) {
+        return true;
+    }
+    if ((row.name ?? '').toLowerCase().includes(lowerNeedle)) {
+        return true;
+    }
+    return (row.changes ?? []).some((change) => (change.field ?? '').toLowerCase().includes(lowerNeedle));
+}
+/**
+ * A stable per-row key for `@for` tracking.
+ *
+ * Includes the state because the SAME schedule item id can legitimately appear
+ * under two groups across a re-render (a row removed then re-added), and reusing
+ * a DOM node across that transition would carry the old group's styling.
+ */
+function schedulePublishRowKey(row) {
+    return `${row.state}:${row.scheduleItemId}`;
+}
+/**
+ * Changed fields in the order the backend classified them, with blanks dropped.
+ * Added and removed rows have no per-field list - the whole row is the change.
+ */
+function readSchedulePublishChanges(row) {
+    return (row?.changes ?? []).filter((change) => !!change && (change.field ?? '').trim().length > 0);
+}
+/**
+ * Windowing for a plan large enough to stall a drawer. Returns the first
+ * `limit` rows and how many were withheld, so the caller can say so out loud
+ * rather than silently truncating a comparison someone is approving.
+ */
+function windowSchedulePublishRows(rows, limit) {
+    if (limit <= 0 || rows.length <= limit) {
+        return { rows: [...rows], hiddenCount: 0 };
+    }
+    return {
+        rows: rows.slice(0, limit),
+        hiddenCount: rows.length - limit,
+    };
+}
+function countByState(rows, state) {
+    return rows.filter((row) => row.state === state).length;
+}
+
+/**
+ * The operation key this type renders for. Dispatch is by OPERATION KEY, not by
+ * a new `type` value: the request arrives under the existing `ProcessStep` /
+ * `ProcessRequest` types, so no published Work Center contract shifts.
+ */
+const SCHEDULE_PUBLISH_OPERATION_KEY = 'PublishSchedule';
+/**
+ * Rows rendered per group before windowing kicks in. A publish can carry a
+ * 500-row plan, and a drawer that renders all of it stalls before the approver
+ * can read any of it. The withheld count is shown rather than hidden - a
+ * silently truncated comparison reads as a complete one.
+ */
+const ROW_WINDOW_LIMIT = 100;
+/**
+ * The approver's view of a `LevelData.PublishSchedule` request.
+ *
+ * Exists because the closest existing zero-field action renders a title, a due
+ * date and three buttons: without this an approver would be asked to authorise a
+ * change to the plan of record while being shown less than the planner who
+ * requested it.
+ *
+ * The comparison is the diff FROZEN AT SUBMIT on the backend, not the live one,
+ * so the plan cannot move under the approver while they read it.
+ */
+class WorkCenterSchedulePublishType {
+    http = inject(HttpClient);
+    transloco = inject(TranslocoService);
+    destroyRef = inject(DestroyRef);
+    loadSub;
+    details = input.required(...(ngDevMode ? [{ debugName: "details" }] : /* istanbul ignore next */ []));
+    readOnly = input(false, ...(ngDevMode ? [{ debugName: "readOnly" }] : /* istanbul ignore next */ []));
+    activeTab = signal('comparison', ...(ngDevMode ? [{ debugName: "activeTab" }] : /* istanbul ignore next */ []));
+    activeLang = signal(this.transloco.getActiveLang(), ...(ngDevMode ? [{ debugName: "activeLang" }] : /* istanbul ignore next */ []));
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
+    diff = signal(null, ...(ngDevMode ? [{ debugName: "diff" }] : /* istanbul ignore next */ []));
+    searchText = signal('', ...(ngDevMode ? [{ debugName: "searchText" }] : /* istanbul ignore next */ []));
+    expandedRowKeys = signal(new Set(), ...(ngDevMode ? [{ debugName: "expandedRowKeys" }] : /* istanbul ignore next */ []));
+    itemContext = computed(() => readItemContext(this.details()), ...(ngDevMode ? [{ debugName: "itemContext" }] : /* istanbul ignore next */ []));
+    requestId = computed(() => readNumber(this.itemContext(), 'requestId') ??
+        readNumber(this.itemContext(), 'draftProcessId'), ...(ngDevMode ? [{ debugName: "requestId" }] : /* istanbul ignore next */ []));
+    levelId = computed(() => readNumber(this.itemContext(), 'levelId'), ...(ngDevMode ? [{ debugName: "levelId" }] : /* istanbul ignore next */ []));
+    levelDataId = computed(() => readNumber(this.itemContext(), 'levelDataId'), ...(ngDevMode ? [{ debugName: "levelDataId" }] : /* istanbul ignore next */ []));
+    moduleKey = computed(() => readString$1(this.itemContext(), 'moduleKey') ?? 'LevelData', ...(ngDevMode ? [{ debugName: "moduleKey" }] : /* istanbul ignore next */ []));
+    requestSchemaId = computed(() => readNumber(this.itemContext(), 'requestSchemaId'), ...(ngDevMode ? [{ debugName: "requestSchemaId" }] : /* istanbul ignore next */ []));
+    summary = computed(() => summarizeSchedulePublish(this.diff()), ...(ngDevMode ? [{ debugName: "summary" }] : /* istanbul ignore next */ []));
+    groups = computed(() => groupSchedulePublishRows(this.diff(), this.searchText()), ...(ngDevMode ? [{ debugName: "groups" }] : /* istanbul ignore next */ []));
+    hasSearch = computed(() => this.searchText().trim().length > 0, ...(ngDevMode ? [{ debugName: "hasSearch" }] : /* istanbul ignore next */ []));
+    /** True when the search hid everything, as opposed to there being nothing to publish. */
+    searchFoundNothing = computed(() => this.hasSearch() && this.groups().length === 0 && !this.summary().isEmpty, ...(ngDevMode ? [{ debugName: "searchFoundNothing" }] : /* istanbul ignore next */ []));
+    resolvedRequestId = computed(() => this.requestId() ?? 0, ...(ngDevMode ? [{ debugName: "resolvedRequestId" }] : /* istanbul ignore next */ []));
+    canRenderPreview = computed(() => this.resolvedRequestId() > 0, ...(ngDevMode ? [{ debugName: "canRenderPreview" }] : /* istanbul ignore next */ []));
+    canRenderDiscussion = computed(() => this.resolvedRequestId() > 0, ...(ngDevMode ? [{ debugName: "canRenderDiscussion" }] : /* istanbul ignore next */ []));
+    tabOptions = computed(() => {
+        this.activeLang();
+        return [
+            {
+                label: this.transloco.translate('workCenter.tabs.publishComparison'),
+                value: 'comparison',
+                icon: 'custom.document-approval',
+            },
+            ...(this.canRenderPreview()
+                ? [
+                    {
+                        label: this.transloco.translate('workCenter.tabs.steps'),
+                        value: 'workflow',
+                        icon: 'custom.flow-chart',
+                    },
+                ]
+                : []),
+            ...(!this.readOnly() && this.canRenderDiscussion()
+                ? [
+                    {
+                        label: this.transloco.translate('workCenter.tabs.discussion'),
+                        value: 'discussion',
+                        icon: 'custom.discussion-area',
+                    },
+                ]
+                : []),
+        ];
+    }, ...(ngDevMode ? [{ debugName: "tabOptions" }] : /* istanbul ignore next */ []));
+    constructor() {
+        this.transloco.langChanges$
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe((lang) => this.activeLang.set(lang));
+        effect(() => {
+            const levelDataId = this.levelDataId();
+            const requestId = this.requestId();
+            if ((levelDataId ?? 0) > 0) {
+                untracked(() => this.loadComparison(levelDataId, requestId));
+                return;
+            }
+            this.diff.set(null);
+            this.error.set(null);
+        });
+    }
+    ngOnDestroy() {
+        this.loadSub?.unsubscribe();
+    }
+    onSearch(value) {
+        this.searchText.set(value);
+    }
+    toggleRow(row) {
+        const key = schedulePublishRowKey(row);
+        const next = new Set(this.expandedRowKeys());
+        if (!next.delete(key)) {
+            next.add(key);
+        }
+        this.expandedRowKeys.set(next);
+    }
+    isExpanded(row) {
+        return this.expandedRowKeys().has(schedulePublishRowKey(row));
+    }
+    rowKey(row) {
+        return schedulePublishRowKey(row);
+    }
+    visibleRows(group) {
+        return windowSchedulePublishRows(group.rows, ROW_WINDOW_LIMIT).rows;
+    }
+    hiddenCount(group) {
+        return windowSchedulePublishRows(group.rows, ROW_WINDOW_LIMIT).hiddenCount;
+    }
+    changesFor(row) {
+        return readSchedulePublishChanges(row);
+    }
+    /**
+     * Only `changed` rows have per-field detail worth expanding. For added and
+     * removed rows the whole row IS the change, so an expander would open onto
+     * nothing.
+     */
+    isExpandable(row) {
+        return row.state === 'changed' && this.changesFor(row).length > 0;
+    }
+    groupBadgeClass(state) {
+        switch (state) {
+            case 'added':
+                return 'bg-green-100 text-green-700';
+            case 'removed':
+                return 'bg-red-100 text-red-700';
+            case 'changed':
+                return 'bg-amber-100 text-amber-700';
+            default:
+                return 'bg-surface-100 text-surface-700';
+        }
+    }
+    groupLabel(state) {
+        this.activeLang();
+        const translated = this.transloco.translate(`workCenter.publish.group.${state}`);
+        // Transloco echoes the key back on a miss; showing the raw key to an
+        // approver is worse than showing the untranslated state token.
+        return translated === `workCenter.publish.group.${state}`
+            ? state
+            : translated;
+    }
+    /**
+     * The field key as a human label, falling back to the key itself on a missing
+     * translation rather than rendering `workCenter.publish.field.plannedStart`.
+     */
+    fieldLabel(field) {
+        this.activeLang();
+        const key = `workCenter.publish.field.${field}`;
+        const translated = this.transloco.translate(key);
+        return translated === key ? field : translated;
+    }
+    /**
+     * One side of a field change, projected into an `EntityData` so it renders
+     * through its NATIVE view type - a date as a date, a user as an avatar -
+     * rather than as the stored string.
+     */
+    sideEntity(change, side) {
+        const raw = side === 'published' ? change.publishedValue : change.currentValue;
+        return {
+            key: `${change.field}:${side}`,
+            name: this.fieldLabel(change.field),
+            value: (raw ?? ''),
+            rawValue: raw === null || raw === undefined ? undefined : String(raw),
+            viewType: (change.viewType ?? 'Text'),
+            order: 0,
+        };
+    }
+    loadComparison(levelDataId, requestId) {
+        this.loadSub?.unsubscribe();
+        this.loading.set(true);
+        this.error.set(null);
+        // process-form-load is the seam: the backend returns the diff frozen at
+        // submit for a pending request, and falls back to the live diff for the
+        // pre-submit preview. Asking the schedule's own publish-diff endpoint
+        // instead would show the approver a diff that keeps moving.
+        this.loadSub = this.http
+            .post('process-form-load', {
+            moduleKey: this.moduleKey(),
+            operationKey: SCHEDULE_PUBLISH_OPERATION_KEY,
+            levelId: this.levelId(),
+            levelDataId,
+            recordId: levelDataId,
+            requestSchemaId: this.requestSchemaId(),
+            draftProcessId: requestId,
+            preview: true,
+        })
+            .subscribe({
+            next: (response) => {
+                this.loading.set(false);
+                this.diff.set(extractDiff(response));
+            },
+            error: (error) => {
+                this.loading.set(false);
+                this.diff.set(null);
+                this.error.set(error?.error?.message ??
+                    error?.message ??
+                    this.transloco.translate('workCenter.error.failedLoadSchedulePublish'));
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterSchedulePublishType, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WorkCenterSchedulePublishType, isStandalone: true, selector: "mt-work-center-schedule-publish-type", inputs: { details: { classPropertyName: "details", publicName: "details", isSignal: true, isRequired: true, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n  class=\"mt-modal-content flex h-full min-h-0 flex-col gap-4 p-4 lg:overflow-hidden\"\n  *transloco=\"let t; prefix: 'workCenter'\"\n>\n  <div\n    class=\"flex flex-1 min-h-0 flex-col gap-4 lg:grid lg:grid-cols-[13rem_minmax(0,1fr)] lg:gap-6\"\n  >\n    @if (tabOptions().length > 1) {\n      <mt-tabs\n        [(active)]=\"activeTab\"\n        [options]=\"tabOptions()\"\n        mode=\"vertical\"\n        size=\"small\"\n      />\n    }\n\n    <div class=\"min-w-0 flex-1 min-h-0 lg:overflow-hidden\">\n      <!-- Comparison -->\n      <div\n        class=\"h-full min-h-0 lg:overflow-hidden\"\n        [hidden]=\"activeTab() !== 'comparison'\"\n      >\n        <div\n          class=\"flex h-full min-h-0 min-w-0 flex-col gap-3 lg:overflow-hidden\"\n        >\n          @if (loading()) {\n            <div\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n            >\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\n                {{ t(\"loading.schedulePublish\") }}\n              </p>\n            </div>\n          } @else if (error(); as loadError) {\n            <div\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-red-300 bg-red-50 p-6\"\n            >\n              <p class=\"max-w-md text-center text-sm text-red-600\">\n                {{ loadError }}\n              </p>\n            </div>\n          } @else if (!summary().hasSnapshot) {\n            <!-- Never published: nothing has been announced, so nothing can\n                 differ from it. That is a different statement from \"no changes\". -->\n            <div\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n            >\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\n                {{ t(\"publish.neverPublished\") }}\n              </p>\n            </div>\n          } @else if (summary().isEmpty) {\n            <div\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n            >\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\n                {{ t(\"publish.nothingToPublish\") }}\n              </p>\n            </div>\n          } @else {\n            <!-- Counts stay visible while searching, so a filtered view never\n                 reads as the whole request. -->\n            <div class=\"flex flex-wrap items-center gap-2\">\n              <span\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\n                [class]=\"groupBadgeClass('added')\"\n                >{{\n                  t(\"publish.addedCount\", { count: summary().addedCount })\n                }}</span\n              >\n              <span\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\n                [class]=\"groupBadgeClass('changed')\"\n                >{{\n                  t(\"publish.changedCount\", { count: summary().changedCount })\n                }}</span\n              >\n              <span\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\n                [class]=\"groupBadgeClass('removed')\"\n                >{{\n                  t(\"publish.removedCount\", { count: summary().removedCount })\n                }}</span\n              >\n            </div>\n\n            <input\n              type=\"search\"\n              class=\"w-full rounded-md border border-surface-300 bg-surface-0 px-3 py-2 text-sm outline-none focus:border-primary-400\"\n              [placeholder]=\"t('publish.searchPlaceholder')\"\n              [value]=\"searchText()\"\n              (input)=\"onSearch($any($event.target).value)\"\n            />\n\n            <div\n              class=\"min-h-0 flex-1 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\n            >\n              @if (searchFoundNothing()) {\n                <div\n                  class=\"flex min-h-[12rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n                >\n                  <p class=\"text-sm text-surface-500\">\n                    {{ t(\"publish.noSearchResults\") }}\n                  </p>\n                </div>\n              }\n\n              @for (group of groups(); track group.state) {\n                <section class=\"mb-4\">\n                  <header class=\"mb-2 flex items-center gap-2\">\n                    <h4 class=\"text-sm font-semibold text-surface-700\">\n                      {{ groupLabel(group.state) }}\n                    </h4>\n                    <span\n                      class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\n                      [class]=\"groupBadgeClass(group.state)\"\n                      >{{ group.totalCount }}</span\n                    >\n                  </header>\n\n                  <ul class=\"flex flex-col gap-1\">\n                    @for (row of visibleRows(group); track rowKey(row)) {\n                      <li\n                        class=\"rounded-md border border-surface-200 bg-surface-0\"\n                      >\n                        <button\n                          type=\"button\"\n                          class=\"flex w-full items-center gap-2 px-3 py-2 text-start\"\n                          [class.cursor-default]=\"!isExpandable(row)\"\n                          [attr.aria-expanded]=\"\n                            isExpandable(row) ? isExpanded(row) : null\n                          \"\n                          [disabled]=\"!isExpandable(row)\"\n                          (click)=\"toggleRow(row)\"\n                        >\n                          @if (isExpandable(row)) {\n                            <span\n                              class=\"shrink-0 text-xs text-surface-500\"\n                              aria-hidden=\"true\"\n                              >{{ isExpanded(row) ? \"\u25BE\" : \"\u25B8\" }}</span\n                            >\n                          } @else {\n                            <span\n                              class=\"w-3 shrink-0\"\n                              aria-hidden=\"true\"\n                            ></span>\n                          }\n                          <span\n                            class=\"min-w-0 flex-1 truncate text-sm text-surface-800\"\n                            >{{ row.name }}</span\n                          >\n                          @if (row.type) {\n                            <span class=\"shrink-0 text-xs text-surface-500\">{{\n                              row.type\n                            }}</span>\n                          }\n                        </button>\n\n                        @if (isExpandable(row) && isExpanded(row)) {\n                          <div\n                            class=\"flex flex-col gap-3 border-t border-surface-200 px-3 py-3\"\n                          >\n                            @for (\n                              change of changesFor(row);\n                              track change.field\n                            ) {\n                              <div class=\"flex min-w-0 flex-col gap-1\">\n                                <span\n                                  class=\"text-xs font-medium text-surface-600\"\n                                  >{{ fieldLabel(change.field) }}</span\n                                >\n                                <!-- Before -> After rendered locally rather than\n                                     via mt-comparison-value, whose Before/After\n                                     labels are hardcoded English. Each side still\n                                     goes through mt-entity-preview-body, so a date\n                                     renders as a date and a user as an avatar. -->\n                                <div\n                                  class=\"flex w-full min-w-0 items-stretch gap-3\"\n                                >\n                                  <div\n                                    class=\"flex min-w-0 flex-1 flex-col gap-1 rounded-md border border-surface-200 bg-surface-50 px-3 py-2\"\n                                  >\n                                    <span\n                                      class=\"text-xs font-medium uppercase tracking-wide text-muted-color\"\n                                      >{{ t(\"publish.before\") }}</span\n                                    >\n                                    <mt-entity-preview-body\n                                      [data]=\"sideEntity(change, 'published')\"\n                                    />\n                                  </div>\n                                  <div\n                                    class=\"flex shrink-0 items-center text-muted-color\"\n                                    aria-hidden=\"true\"\n                                  >\n                                    &rarr;\n                                  </div>\n                                  <div\n                                    class=\"flex min-w-0 flex-1 flex-col gap-1 rounded-md border border-primary-200 bg-primary-50 px-3 py-2\"\n                                  >\n                                    <span\n                                      class=\"text-xs font-medium uppercase tracking-wide text-primary-600\"\n                                      >{{ t(\"publish.after\") }}</span\n                                    >\n                                    <mt-entity-preview-body\n                                      [data]=\"sideEntity(change, 'current')\"\n                                    />\n                                  </div>\n                                </div>\n                              </div>\n                            }\n                          </div>\n                        }\n                      </li>\n                    }\n                  </ul>\n\n                  @if (hiddenCount(group) > 0) {\n                    <!-- Said out loud: a silently truncated comparison reads as a\n                         complete one to whoever is approving it. -->\n                    <p class=\"mt-2 text-xs text-surface-500\">\n                      {{\n                        t(\"publish.hiddenRows\", { count: hiddenCount(group) })\n                      }}\n                    </p>\n                  }\n                </section>\n              }\n            </div>\n          }\n        </div>\n      </div>\n\n      <!-- Workflow -->\n      @if (canRenderPreview()) {\n        <div\n          class=\"h-full min-h-0 lg:overflow-hidden\"\n          [hidden]=\"activeTab() !== 'workflow'\"\n        >\n          <div\n            class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\n          >\n            <mt-work-center-process-preview\n              [requestId]=\"requestId()\"\n              [view]=\"'schema'\"\n            />\n          </div>\n        </div>\n      }\n\n      <!-- Discussion -->\n      @if (!readOnly() && canRenderDiscussion()) {\n        <div\n          class=\"h-full min-h-0 lg:overflow-hidden\"\n          [hidden]=\"activeTab() !== 'discussion'\"\n        >\n          <div\n            class=\"h-[32rem] min-h-[22rem] overflow-hidden rounded-lg border border-surface-200 bg-surface-50 lg:h-full lg:min-h-0\"\n          >\n            <mt-discussion-thread\n              [moduleType]=\"'ProcessRequest'\"\n              [recordId]=\"resolvedRequestId()\"\n              [mentionSearchEndpoint]=\"'Identity/users'\"\n              [mentionSearchParam]=\"'query'\"\n              [mentionSearchDataPath]=\"'data'\"\n              [uploadEndpoint]=\"'uploader'\"\n              [attachmentDownloadEndpoint]=\"'uploader'\"\n              [showParticipants]=\"true\"\n              [autoMarkRead]=\"true\"\n              [refreshIntervalMs]=\"0\"\n              [styleClass]=\"'h-full'\"\n            />\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Tabs, selector: "mt-tabs", inputs: ["options", "optionLabel", "optionValue", "active", "mode", "moreLabel", "defaultIcon", "size", "fluid", "disabled", "searchThreshold"], outputs: ["activeChange", "onChange"] }, { kind: "component", type: DiscussionThread, selector: "mt-discussion-thread", inputs: ["moduleType", "recordId", "title", "subtitle", "placeholder", "pageSize", "currentUserId", "requestContext", "mentionableUsers", "mentionSearchEndpoint", "mentionSearchParam", "mentionSearchDataPath", "allowAttachments", "uploadEndpoint", "attachmentDownloadEndpoint", "showParticipants", "autoMarkRead", "refreshIntervalMs", "styleClass", "disabled"], outputs: ["loaded", "errored", "commentCreated", "commentUpdated", "commentDeleted", "readStateChanged"] }, { kind: "component", type: EntityPreviewBody, selector: "mt-entity-preview-body", inputs: ["data", "attachmentShape"] }, { kind: "component", type: WorkCenterProcessPreview, selector: "mt-work-center-process-preview", inputs: ["requestId", "view"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterSchedulePublishType, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-work-center-schedule-publish-type', standalone: true, imports: [
+                        CommonModule,
+                        TranslocoDirective,
+                        Tabs,
+                        DiscussionThread,
+                        EntityPreviewBody,
+                        WorkCenterProcessPreview,
+                    ], template: "<div\n  class=\"mt-modal-content flex h-full min-h-0 flex-col gap-4 p-4 lg:overflow-hidden\"\n  *transloco=\"let t; prefix: 'workCenter'\"\n>\n  <div\n    class=\"flex flex-1 min-h-0 flex-col gap-4 lg:grid lg:grid-cols-[13rem_minmax(0,1fr)] lg:gap-6\"\n  >\n    @if (tabOptions().length > 1) {\n      <mt-tabs\n        [(active)]=\"activeTab\"\n        [options]=\"tabOptions()\"\n        mode=\"vertical\"\n        size=\"small\"\n      />\n    }\n\n    <div class=\"min-w-0 flex-1 min-h-0 lg:overflow-hidden\">\n      <!-- Comparison -->\n      <div\n        class=\"h-full min-h-0 lg:overflow-hidden\"\n        [hidden]=\"activeTab() !== 'comparison'\"\n      >\n        <div\n          class=\"flex h-full min-h-0 min-w-0 flex-col gap-3 lg:overflow-hidden\"\n        >\n          @if (loading()) {\n            <div\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n            >\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\n                {{ t(\"loading.schedulePublish\") }}\n              </p>\n            </div>\n          } @else if (error(); as loadError) {\n            <div\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-red-300 bg-red-50 p-6\"\n            >\n              <p class=\"max-w-md text-center text-sm text-red-600\">\n                {{ loadError }}\n              </p>\n            </div>\n          } @else if (!summary().hasSnapshot) {\n            <!-- Never published: nothing has been announced, so nothing can\n                 differ from it. That is a different statement from \"no changes\". -->\n            <div\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n            >\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\n                {{ t(\"publish.neverPublished\") }}\n              </p>\n            </div>\n          } @else if (summary().isEmpty) {\n            <div\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n            >\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\n                {{ t(\"publish.nothingToPublish\") }}\n              </p>\n            </div>\n          } @else {\n            <!-- Counts stay visible while searching, so a filtered view never\n                 reads as the whole request. -->\n            <div class=\"flex flex-wrap items-center gap-2\">\n              <span\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\n                [class]=\"groupBadgeClass('added')\"\n                >{{\n                  t(\"publish.addedCount\", { count: summary().addedCount })\n                }}</span\n              >\n              <span\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\n                [class]=\"groupBadgeClass('changed')\"\n                >{{\n                  t(\"publish.changedCount\", { count: summary().changedCount })\n                }}</span\n              >\n              <span\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\n                [class]=\"groupBadgeClass('removed')\"\n                >{{\n                  t(\"publish.removedCount\", { count: summary().removedCount })\n                }}</span\n              >\n            </div>\n\n            <input\n              type=\"search\"\n              class=\"w-full rounded-md border border-surface-300 bg-surface-0 px-3 py-2 text-sm outline-none focus:border-primary-400\"\n              [placeholder]=\"t('publish.searchPlaceholder')\"\n              [value]=\"searchText()\"\n              (input)=\"onSearch($any($event.target).value)\"\n            />\n\n            <div\n              class=\"min-h-0 flex-1 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\n            >\n              @if (searchFoundNothing()) {\n                <div\n                  class=\"flex min-h-[12rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n                >\n                  <p class=\"text-sm text-surface-500\">\n                    {{ t(\"publish.noSearchResults\") }}\n                  </p>\n                </div>\n              }\n\n              @for (group of groups(); track group.state) {\n                <section class=\"mb-4\">\n                  <header class=\"mb-2 flex items-center gap-2\">\n                    <h4 class=\"text-sm font-semibold text-surface-700\">\n                      {{ groupLabel(group.state) }}\n                    </h4>\n                    <span\n                      class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\n                      [class]=\"groupBadgeClass(group.state)\"\n                      >{{ group.totalCount }}</span\n                    >\n                  </header>\n\n                  <ul class=\"flex flex-col gap-1\">\n                    @for (row of visibleRows(group); track rowKey(row)) {\n                      <li\n                        class=\"rounded-md border border-surface-200 bg-surface-0\"\n                      >\n                        <button\n                          type=\"button\"\n                          class=\"flex w-full items-center gap-2 px-3 py-2 text-start\"\n                          [class.cursor-default]=\"!isExpandable(row)\"\n                          [attr.aria-expanded]=\"\n                            isExpandable(row) ? isExpanded(row) : null\n                          \"\n                          [disabled]=\"!isExpandable(row)\"\n                          (click)=\"toggleRow(row)\"\n                        >\n                          @if (isExpandable(row)) {\n                            <span\n                              class=\"shrink-0 text-xs text-surface-500\"\n                              aria-hidden=\"true\"\n                              >{{ isExpanded(row) ? \"\u25BE\" : \"\u25B8\" }}</span\n                            >\n                          } @else {\n                            <span\n                              class=\"w-3 shrink-0\"\n                              aria-hidden=\"true\"\n                            ></span>\n                          }\n                          <span\n                            class=\"min-w-0 flex-1 truncate text-sm text-surface-800\"\n                            >{{ row.name }}</span\n                          >\n                          @if (row.type) {\n                            <span class=\"shrink-0 text-xs text-surface-500\">{{\n                              row.type\n                            }}</span>\n                          }\n                        </button>\n\n                        @if (isExpandable(row) && isExpanded(row)) {\n                          <div\n                            class=\"flex flex-col gap-3 border-t border-surface-200 px-3 py-3\"\n                          >\n                            @for (\n                              change of changesFor(row);\n                              track change.field\n                            ) {\n                              <div class=\"flex min-w-0 flex-col gap-1\">\n                                <span\n                                  class=\"text-xs font-medium text-surface-600\"\n                                  >{{ fieldLabel(change.field) }}</span\n                                >\n                                <!-- Before -> After rendered locally rather than\n                                     via mt-comparison-value, whose Before/After\n                                     labels are hardcoded English. Each side still\n                                     goes through mt-entity-preview-body, so a date\n                                     renders as a date and a user as an avatar. -->\n                                <div\n                                  class=\"flex w-full min-w-0 items-stretch gap-3\"\n                                >\n                                  <div\n                                    class=\"flex min-w-0 flex-1 flex-col gap-1 rounded-md border border-surface-200 bg-surface-50 px-3 py-2\"\n                                  >\n                                    <span\n                                      class=\"text-xs font-medium uppercase tracking-wide text-muted-color\"\n                                      >{{ t(\"publish.before\") }}</span\n                                    >\n                                    <mt-entity-preview-body\n                                      [data]=\"sideEntity(change, 'published')\"\n                                    />\n                                  </div>\n                                  <div\n                                    class=\"flex shrink-0 items-center text-muted-color\"\n                                    aria-hidden=\"true\"\n                                  >\n                                    &rarr;\n                                  </div>\n                                  <div\n                                    class=\"flex min-w-0 flex-1 flex-col gap-1 rounded-md border border-primary-200 bg-primary-50 px-3 py-2\"\n                                  >\n                                    <span\n                                      class=\"text-xs font-medium uppercase tracking-wide text-primary-600\"\n                                      >{{ t(\"publish.after\") }}</span\n                                    >\n                                    <mt-entity-preview-body\n                                      [data]=\"sideEntity(change, 'current')\"\n                                    />\n                                  </div>\n                                </div>\n                              </div>\n                            }\n                          </div>\n                        }\n                      </li>\n                    }\n                  </ul>\n\n                  @if (hiddenCount(group) > 0) {\n                    <!-- Said out loud: a silently truncated comparison reads as a\n                         complete one to whoever is approving it. -->\n                    <p class=\"mt-2 text-xs text-surface-500\">\n                      {{\n                        t(\"publish.hiddenRows\", { count: hiddenCount(group) })\n                      }}\n                    </p>\n                  }\n                </section>\n              }\n            </div>\n          }\n        </div>\n      </div>\n\n      <!-- Workflow -->\n      @if (canRenderPreview()) {\n        <div\n          class=\"h-full min-h-0 lg:overflow-hidden\"\n          [hidden]=\"activeTab() !== 'workflow'\"\n        >\n          <div\n            class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\n          >\n            <mt-work-center-process-preview\n              [requestId]=\"requestId()\"\n              [view]=\"'schema'\"\n            />\n          </div>\n        </div>\n      }\n\n      <!-- Discussion -->\n      @if (!readOnly() && canRenderDiscussion()) {\n        <div\n          class=\"h-full min-h-0 lg:overflow-hidden\"\n          [hidden]=\"activeTab() !== 'discussion'\"\n        >\n          <div\n            class=\"h-[32rem] min-h-[22rem] overflow-hidden rounded-lg border border-surface-200 bg-surface-50 lg:h-full lg:min-h-0\"\n          >\n            <mt-discussion-thread\n              [moduleType]=\"'ProcessRequest'\"\n              [recordId]=\"resolvedRequestId()\"\n              [mentionSearchEndpoint]=\"'Identity/users'\"\n              [mentionSearchParam]=\"'query'\"\n              [mentionSearchDataPath]=\"'data'\"\n              [uploadEndpoint]=\"'uploader'\"\n              [attachmentDownloadEndpoint]=\"'uploader'\"\n              [showParticipants]=\"true\"\n              [autoMarkRead]=\"true\"\n              [refreshIntervalMs]=\"0\"\n              [styleClass]=\"'h-full'\"\n            />\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [], propDecorators: { details: [{ type: i0.Input, args: [{ isSignal: true, alias: "details", required: true }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }] } });
+/**
+ * The comparison arrives on the response root, but several runtime endpoints
+ * wrap their payload in `{ data: ... }` - tolerate both rather than rendering an
+ * empty approval screen because of an envelope.
+ */
+function extractDiff(response) {
+    if (!response || typeof response !== 'object') {
+        return null;
+    }
+    return response.schedulePublish ?? response.data?.schedulePublish ?? null;
+}
+
+/**
+ * Host-side registration for Work Center detail renderers.
+ *
+ * The built-in dispatch is a hardcoded `@if` chain, so every new request type
+ * has meant a package release. This token is the seam that makes the NEXT one a
+ * host registration instead. It is strictly additive: entries here are consulted
+ * before the built-in chain, so an unregistered host behaves exactly as before.
+ *
+ * Key by `operationKey:<OperationKey>` when the request arrives under an
+ * existing `type` - which is how `LevelData.PublishSchedule` is dispatched,
+ * deliberately avoiding a shift in the published `type` contract.
+ *
+ * @example
+ * providers: [
+ *   {
+ *     provide: WORK_CENTER_TYPE_COMPONENTS,
+ *     useValue: { 'operationKey:ApproveBudget': ApproveBudgetType },
+ *   },
+ * ]
+ */
+const WORK_CENTER_TYPE_COMPONENTS = new InjectionToken('WORK_CENTER_TYPE_COMPONENTS');
+
 class WorkCenterItemModal {
+    registry = inject(WORK_CENTER_TYPE_COMPONENTS, {
+        optional: true,
+    });
     details = input.required(...(ngDevMode ? [{ debugName: "details" }] : /* istanbul ignore next */ []));
     lookups = input(null, ...(ngDevMode ? [{ debugName: "lookups" }] : /* istanbul ignore next */ []));
     readOnly = input(false, ...(ngDevMode ? [{ debugName: "readOnly" }] : /* istanbul ignore next */ []));
+    /**
+     * The request's operation key, read from the item context.
+     *
+     * `LevelData.PublishSchedule` is dispatched on THIS rather than on a new
+     * `type` value: the request arrives under the existing `ProcessStep` /
+     * `ProcessRequest` types, so no published Work Center contract shifts.
+     */
+    operationKey = computed(() => readString$1(readItemContext(this.details()), 'operationKey') ?? '', ...(ngDevMode ? [{ debugName: "operationKey" }] : /* istanbul ignore next */ []));
+    isSchedulePublish = computed(() => this.operationKey() === SCHEDULE_PUBLISH_OPERATION_KEY, ...(ngDevMode ? [{ debugName: "isSchedulePublish" }] : /* istanbul ignore next */ []));
+    /**
+     * A host-registered renderer for this item, if one is registered. Checked
+     * before the built-in chain, keyed by `operationKey:<key>` first so a host can
+     * specialise an existing type without replacing it wholesale.
+     */
+    registeredComponent = computed(() => {
+        const registry = this.registry;
+        if (!registry) {
+            return null;
+        }
+        const operationKey = this.operationKey();
+        return ((operationKey ? registry[`operationKey:${operationKey}`] : undefined) ??
+            registry[this.details().type ?? ''] ??
+            null);
+    }, ...(ngDevMode ? [{ debugName: "registeredComponent" }] : /* istanbul ignore next */ []));
+    registeredInputs = computed(() => ({
+        details: this.details(),
+        lookups: this.lookups(),
+        readOnly: this.readOnly(),
+    }), ...(ngDevMode ? [{ debugName: "registeredInputs" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterItemModal, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WorkCenterItemModal, isStandalone: true, selector: "mt-work-center-item-modal", inputs: { details: { classPropertyName: "details", publicName: "details", isSignal: true, isRequired: true, transformFunction: null }, lookups: { classPropertyName: "lookups", publicName: "lookups", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "block h-full min-h-0" }, ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'workCenter'\">\r\n  @if (details().type === \"ProcessStep\") {\r\n    <mt-work-center-process-step-type\r\n      [details]=\"details()\"\r\n      [lookups]=\"lookups()\"\r\n      [readOnly]=\"readOnly()\"\r\n    />\r\n  } @else if (details().type === \"ProcessRequest\") {\r\n    <mt-work-center-process-request-type\r\n      [details]=\"details()\"\r\n      [lookups]=\"lookups()\"\r\n      [readOnly]=\"readOnly()\"\r\n    />\r\n  } @else if (details().type === \"EscalationInstance\") {\r\n    <mt-work-center-escalation-instance-type\r\n      [details]=\"details()\"\r\n      [readOnly]=\"readOnly()\"\r\n    />\r\n  } @else if (details().type === \"Module\" || details().type === \"GeneralTask\") {\r\n    <mt-work-center-module-type\r\n      [details]=\"details()\"\r\n      [lookups]=\"lookups()\"\r\n      [readOnly]=\"readOnly()\"\r\n    />\r\n  } @else {\r\n    <div class=\"mt-modal-content flex h-full items-center justify-center p-4\">\r\n      <p class=\"text-sm text-surface-500\">{{ t(\"modal.unsupportedType\") }}</p>\r\n    </div>\r\n  }\r\n</ng-container>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: WorkCenterProcessStepType, selector: "mt-work-center-process-step-type", inputs: ["details", "lookups", "readOnly"] }, { kind: "component", type: WorkCenterProcessRequestType, selector: "mt-work-center-process-request-type", inputs: ["details", "lookups", "readOnly"] }, { kind: "component", type: WorkCenterEscalationInstanceType, selector: "mt-work-center-escalation-instance-type", inputs: ["details", "readOnly"] }, { kind: "component", type: WorkCenterModuleType, selector: "mt-work-center-module-type", inputs: ["details", "lookups", "readOnly"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WorkCenterItemModal, isStandalone: true, selector: "mt-work-center-item-modal", inputs: { details: { classPropertyName: "details", publicName: "details", isSignal: true, isRequired: true, transformFunction: null }, lookups: { classPropertyName: "lookups", publicName: "lookups", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "block h-full min-h-0" }, ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'workCenter'\">\n  @if (registeredComponent(); as registered) {\n    <!-- Host registration wins, so a new request type no longer needs a package\n         release. Nothing is registered by default, so the chain below is what\n         every existing host still gets. -->\n    <ng-container\n      *ngComponentOutlet=\"registered; inputs: registeredInputs()\"\n    ></ng-container>\n  } @else if (isSchedulePublish()) {\n    <!-- Dispatched on the OPERATION KEY, not on a new `type`: a publish request\n         arrives as ProcessStep or ProcessRequest like any other, so the published\n         Work Center type contract is unchanged. -->\n    <mt-work-center-schedule-publish-type\n      [details]=\"details()\"\n      [readOnly]=\"readOnly()\"\n    />\n  } @else if (details().type === \"ProcessStep\") {\n    <mt-work-center-process-step-type\n      [details]=\"details()\"\n      [lookups]=\"lookups()\"\n      [readOnly]=\"readOnly()\"\n    />\n  } @else if (details().type === \"ProcessRequest\") {\n    <mt-work-center-process-request-type\n      [details]=\"details()\"\n      [lookups]=\"lookups()\"\n      [readOnly]=\"readOnly()\"\n    />\n  } @else if (details().type === \"EscalationInstance\") {\n    <mt-work-center-escalation-instance-type\n      [details]=\"details()\"\n      [readOnly]=\"readOnly()\"\n    />\n  } @else if (details().type === \"Module\" || details().type === \"GeneralTask\") {\n    <mt-work-center-module-type\n      [details]=\"details()\"\n      [lookups]=\"lookups()\"\n      [readOnly]=\"readOnly()\"\n    />\n  } @else {\n    <div class=\"mt-modal-content flex h-full items-center justify-center p-4\">\n      <p class=\"text-sm text-surface-500\">{{ t(\"modal.unsupportedType\") }}</p>\n    </div>\n  }\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: WorkCenterProcessStepType, selector: "mt-work-center-process-step-type", inputs: ["details", "lookups", "readOnly"] }, { kind: "component", type: WorkCenterProcessRequestType, selector: "mt-work-center-process-request-type", inputs: ["details", "lookups", "readOnly"] }, { kind: "component", type: WorkCenterEscalationInstanceType, selector: "mt-work-center-escalation-instance-type", inputs: ["details", "readOnly"] }, { kind: "component", type: WorkCenterModuleType, selector: "mt-work-center-module-type", inputs: ["details", "lookups", "readOnly"] }, { kind: "component", type: WorkCenterSchedulePublishType, selector: "mt-work-center-schedule-publish-type", inputs: ["details", "readOnly"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterItemModal, decorators: [{
             type: Component,
             args: [{ selector: 'mt-work-center-item-modal', standalone: true, imports: [
                         CommonModule,
+                        NgComponentOutlet,
                         TranslocoDirective,
                         WorkCenterProcessStepType,
                         WorkCenterProcessRequestType,
                         WorkCenterEscalationInstanceType,
                         WorkCenterModuleType,
+                        WorkCenterSchedulePublishType,
                     ], host: {
                         class: 'block h-full min-h-0',
-                    }, template: "<ng-container *transloco=\"let t; prefix: 'workCenter'\">\r\n  @if (details().type === \"ProcessStep\") {\r\n    <mt-work-center-process-step-type\r\n      [details]=\"details()\"\r\n      [lookups]=\"lookups()\"\r\n      [readOnly]=\"readOnly()\"\r\n    />\r\n  } @else if (details().type === \"ProcessRequest\") {\r\n    <mt-work-center-process-request-type\r\n      [details]=\"details()\"\r\n      [lookups]=\"lookups()\"\r\n      [readOnly]=\"readOnly()\"\r\n    />\r\n  } @else if (details().type === \"EscalationInstance\") {\r\n    <mt-work-center-escalation-instance-type\r\n      [details]=\"details()\"\r\n      [readOnly]=\"readOnly()\"\r\n    />\r\n  } @else if (details().type === \"Module\" || details().type === \"GeneralTask\") {\r\n    <mt-work-center-module-type\r\n      [details]=\"details()\"\r\n      [lookups]=\"lookups()\"\r\n      [readOnly]=\"readOnly()\"\r\n    />\r\n  } @else {\r\n    <div class=\"mt-modal-content flex h-full items-center justify-center p-4\">\r\n      <p class=\"text-sm text-surface-500\">{{ t(\"modal.unsupportedType\") }}</p>\r\n    </div>\r\n  }\r\n</ng-container>\r\n" }]
+                    }, template: "<ng-container *transloco=\"let t; prefix: 'workCenter'\">\n  @if (registeredComponent(); as registered) {\n    <!-- Host registration wins, so a new request type no longer needs a package\n         release. Nothing is registered by default, so the chain below is what\n         every existing host still gets. -->\n    <ng-container\n      *ngComponentOutlet=\"registered; inputs: registeredInputs()\"\n    ></ng-container>\n  } @else if (isSchedulePublish()) {\n    <!-- Dispatched on the OPERATION KEY, not on a new `type`: a publish request\n         arrives as ProcessStep or ProcessRequest like any other, so the published\n         Work Center type contract is unchanged. -->\n    <mt-work-center-schedule-publish-type\n      [details]=\"details()\"\n      [readOnly]=\"readOnly()\"\n    />\n  } @else if (details().type === \"ProcessStep\") {\n    <mt-work-center-process-step-type\n      [details]=\"details()\"\n      [lookups]=\"lookups()\"\n      [readOnly]=\"readOnly()\"\n    />\n  } @else if (details().type === \"ProcessRequest\") {\n    <mt-work-center-process-request-type\n      [details]=\"details()\"\n      [lookups]=\"lookups()\"\n      [readOnly]=\"readOnly()\"\n    />\n  } @else if (details().type === \"EscalationInstance\") {\n    <mt-work-center-escalation-instance-type\n      [details]=\"details()\"\n      [readOnly]=\"readOnly()\"\n    />\n  } @else if (details().type === \"Module\" || details().type === \"GeneralTask\") {\n    <mt-work-center-module-type\n      [details]=\"details()\"\n      [lookups]=\"lookups()\"\n      [readOnly]=\"readOnly()\"\n    />\n  } @else {\n    <div class=\"mt-modal-content flex h-full items-center justify-center p-4\">\n      <p class=\"text-sm text-surface-500\">{{ t(\"modal.unsupportedType\") }}</p>\n    </div>\n  }\n</ng-container>\n" }]
         }], propDecorators: { details: [{ type: i0.Input, args: [{ isSignal: true, alias: "details", required: true }] }], lookups: [{ type: i0.Input, args: [{ isSignal: true, alias: "lookups", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }] } });
 
 const FORM_VALIDATION_WARNINGS = 'FormValidationWarnings';
@@ -3114,7 +3543,7 @@ class WorkCenterItemModalRoute {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterItemModalRoute, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WorkCenterItemModalRoute, isStandalone: true, selector: "mt-work-center-item-modal-route", inputs: { contextKey: { classPropertyName: "contextKey", publicName: "contextKey", isSignal: true, isRequired: false, transformFunction: null }, manageRouteOutlet: { classPropertyName: "manageRouteOutlet", publicName: "manageRouteOutlet", isSignal: true, isRequired: false, transformFunction: null }, showPreviewLevelAction: { classPropertyName: "showPreviewLevelAction", publicName: "showPreviewLevelAction", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, drawerStyleClass: { classPropertyName: "drawerStyleClass", publicName: "drawerStyleClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { previewLevel: "previewLevel", closed: "closed" }, providers: [RuntimeActionContextStore], ngImport: i0, template: "<mt-drawer\r\n  [visible]=\"drawerVisible()\"\r\n  [loadingHeader]=\"loading()\"\r\n  [title]=\"drawerTitle()\"\r\n  [styleClass]=\"drawerStyleClass()\"\r\n  [appendTo]=\"appendTo()\"\r\n  position=\"right\"\r\n  [modal]=\"true\"\r\n  (visibleChange)=\"onVisibleChange($event)\"\r\n  *transloco=\"let t; prefix: 'workCenter'\"\r\n>\r\n  <ng-container content>\r\n    @if (loading()) {\r\n      <div class=\"p-4\" [class]=\"modal.contentClass\">\r\n        <div class=\"flex min-h-[22rem] flex-col gap-5\">\r\n          <div class=\"flex items-center gap-3\">\r\n            <p-skeleton shape=\"circle\" size=\"3rem\" />\r\n            <div class=\"flex flex-1 flex-col gap-2\">\r\n              <p-skeleton width=\"12rem\" height=\"1rem\" />\r\n              <p-skeleton width=\"8rem\" height=\"0.875rem\" />\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"grid gap-3 md:grid-cols-2\">\r\n            @for (_ of [1, 2, 3, 4]; track $index) {\r\n              <p-skeleton height=\"5rem\" class=\"rounded-lg\" />\r\n            }\r\n          </div>\r\n\r\n          <p-skeleton height=\"16rem\" class=\"rounded-lg\" />\r\n        </div>\r\n      </div>\r\n    } @else if (error(); as errorMessage) {\r\n      <div class=\"p-4\" [class]=\"modal.contentClass\">\r\n        <div class=\"flex min-h-[22rem] items-center justify-center\">\r\n          <p class=\"max-w-xl text-sm font-medium text-red-600\">\r\n            {{ errorMessage }}\r\n          </p>\r\n        </div>\r\n      </div>\r\n    } @else if (details(); as details) {\r\n      <div [class]=\"modal.contentClass + ' h-full min-h-0'\">\r\n        <mt-work-center-item-modal\r\n          [details]=\"details\"\r\n          [lookups]=\"lookups()\"\r\n          [readOnly]=\"readOnly()\"\r\n        />\r\n      </div>\r\n    } @else {\r\n      <div class=\"p-4\" [class]=\"modal.contentClass\">\r\n        <div class=\"flex min-h-[22rem] items-center justify-center\">\r\n          <p class=\"text-sm font-medium text-surface-500\">\r\n            {{ t(\"modal.noItemSelected\") }}\r\n          </p>\r\n        </div>\r\n      </div>\r\n    }\r\n  </ng-container>\r\n\r\n  @if (!readOnly() && footerActionsMounted()) {\r\n    <div footer [class]=\"modal.footerClass\">\r\n      <mt-work-center-item-modal-footer-actions\r\n        [contextKey]=\"resolvedContextKey()\"\r\n        [previewLevelTarget]=\"displayedPreviewLevelTarget()\"\r\n        (actionExecuted)=\"onActionExecuted($event)\"\r\n        (previewLevelSelected)=\"onPreviewLevelSelected($event)\"\r\n        (visibilityChange)=\"onFooterVisibilityChange($event)\"\r\n      />\r\n    </div>\r\n  }\r\n</mt-drawer>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Drawer, selector: "mt-drawer", inputs: ["visible", "position", "fullScreen", "closeOnEscape", "blockScroll", "dismissible", "title", "subtitle", "loadingHeader", "styleClass", "transitionOptions", "appendTo", "modal", "showMaximizeToggle", "maximizeTooltip", "restoreTooltip", "maximized"], outputs: ["visibleChange", "onShow", "onHide", "maximizedChange"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: WorkCenterItemModal, selector: "mt-work-center-item-modal", inputs: ["details", "lookups", "readOnly"] }, { kind: "component", type: WorkCenterItemModalFooterActions, selector: "mt-work-center-item-modal-footer-actions", inputs: ["contextKey", "previewLevelTarget"], outputs: ["actionExecuted", "previewLevelSelected", "visibilityChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WorkCenterItemModalRoute, isStandalone: true, selector: "mt-work-center-item-modal-route", inputs: { contextKey: { classPropertyName: "contextKey", publicName: "contextKey", isSignal: true, isRequired: false, transformFunction: null }, manageRouteOutlet: { classPropertyName: "manageRouteOutlet", publicName: "manageRouteOutlet", isSignal: true, isRequired: false, transformFunction: null }, showPreviewLevelAction: { classPropertyName: "showPreviewLevelAction", publicName: "showPreviewLevelAction", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, drawerStyleClass: { classPropertyName: "drawerStyleClass", publicName: "drawerStyleClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { previewLevel: "previewLevel", closed: "closed" }, providers: [RuntimeActionContextStore], ngImport: i0, template: "<mt-drawer\r\n  [visible]=\"drawerVisible()\"\r\n  [loadingHeader]=\"loading()\"\r\n  [title]=\"drawerTitle()\"\r\n  [styleClass]=\"drawerStyleClass()\"\r\n  [appendTo]=\"appendTo()\"\r\n  position=\"right\"\r\n  [modal]=\"true\"\r\n  (visibleChange)=\"onVisibleChange($event)\"\r\n  *transloco=\"let t; prefix: 'workCenter'\"\r\n>\r\n  <ng-container content>\r\n    @if (loading()) {\r\n      <div class=\"p-4\" [class]=\"modal.contentClass\">\r\n        <div class=\"flex min-h-[22rem] flex-col gap-5\">\r\n          <div class=\"flex items-center gap-3\">\r\n            <p-skeleton shape=\"circle\" size=\"3rem\" />\r\n            <div class=\"flex flex-1 flex-col gap-2\">\r\n              <p-skeleton width=\"12rem\" height=\"1rem\" />\r\n              <p-skeleton width=\"8rem\" height=\"0.875rem\" />\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"grid gap-3 md:grid-cols-2\">\r\n            @for (_ of [1, 2, 3, 4]; track $index) {\r\n              <p-skeleton height=\"5rem\" class=\"rounded-lg\" />\r\n            }\r\n          </div>\r\n\r\n          <p-skeleton height=\"16rem\" class=\"rounded-lg\" />\r\n        </div>\r\n      </div>\r\n    } @else if (error(); as errorMessage) {\r\n      <div class=\"p-4\" [class]=\"modal.contentClass\">\r\n        <div class=\"flex min-h-[22rem] items-center justify-center\">\r\n          <p class=\"max-w-xl text-sm font-medium text-red-600\">\r\n            {{ errorMessage }}\r\n          </p>\r\n        </div>\r\n      </div>\r\n    } @else if (details(); as details) {\r\n      <div [class]=\"modal.contentClass + ' h-full min-h-0'\">\r\n        <mt-work-center-item-modal\r\n          [details]=\"details\"\r\n          [lookups]=\"lookups()\"\r\n          [readOnly]=\"readOnly()\"\r\n        />\r\n      </div>\r\n    } @else {\r\n      <div class=\"p-4\" [class]=\"modal.contentClass\">\r\n        <div class=\"flex min-h-[22rem] items-center justify-center\">\r\n          <p class=\"text-sm font-medium text-surface-500\">\r\n            {{ t(\"modal.noItemSelected\") }}\r\n          </p>\r\n        </div>\r\n      </div>\r\n    }\r\n  </ng-container>\r\n\r\n  @if (!readOnly() && footerActionsMounted()) {\r\n    <div footer [class]=\"modal.footerClass\">\r\n      <mt-work-center-item-modal-footer-actions\r\n        [contextKey]=\"resolvedContextKey()\"\r\n        [previewLevelTarget]=\"displayedPreviewLevelTarget()\"\r\n        (actionExecuted)=\"onActionExecuted($event)\"\r\n        (previewLevelSelected)=\"onPreviewLevelSelected($event)\"\r\n        (visibilityChange)=\"onFooterVisibilityChange($event)\"\r\n      />\r\n    </div>\r\n  }\r\n</mt-drawer>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Drawer, selector: "mt-drawer", inputs: ["visible", "position", "fullScreen", "closeOnEscape", "blockScroll", "dismissible", "title", "subtitle", "loadingHeader", "styleClass", "transitionOptions", "appendTo", "modal", "showMaximizeToggle", "maximizeTooltip", "restoreTooltip", "maximized"], outputs: ["visibleChange", "onShow", "onHide", "maximizedChange"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i1$1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: WorkCenterItemModal, selector: "mt-work-center-item-modal", inputs: ["details", "lookups", "readOnly"] }, { kind: "component", type: WorkCenterItemModalFooterActions, selector: "mt-work-center-item-modal-footer-actions", inputs: ["contextKey", "previewLevelTarget"], outputs: ["actionExecuted", "previewLevelSelected", "visibilityChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterItemModalRoute, decorators: [{
             type: Component,
@@ -3680,7 +4109,7 @@ class WorkCenterPage {
         return normalized.length ? normalized : null;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WorkCenterPage, isStandalone: true, selector: "mt-work-center-page", inputs: { area: { classPropertyName: "area", publicName: "area", isSignal: true, isRequired: false, transformFunction: null }, pageTitle: { classPropertyName: "pageTitle", publicName: "pageTitle", isSignal: true, isRequired: false, transformFunction: null }, menuIcon: { classPropertyName: "menuIcon", publicName: "menuIcon", isSignal: true, isRequired: false, transformFunction: null }, lookups: { classPropertyName: "lookups", publicName: "lookups", isSignal: true, isRequired: false, transformFunction: null }, showSidebar: { classPropertyName: "showSidebar", publicName: "showSidebar", isSignal: true, isRequired: false, transformFunction: null }, bootstrapInputs: { classPropertyName: "bootstrapInputs", publicName: "bootstrapInputs", isSignal: true, isRequired: false, transformFunction: null }, openItemDrawer: { classPropertyName: "openItemDrawer", publicName: "openItemDrawer", isSignal: true, isRequired: false, transformFunction: null }, itemReadOnly: { classPropertyName: "itemReadOnly", publicName: "itemReadOnly", isSignal: true, isRequired: false, transformFunction: null }, openItemsInModal: { classPropertyName: "openItemsInModal", publicName: "openItemsInModal", isSignal: true, isRequired: false, transformFunction: null }, itemModal: { classPropertyName: "itemModal", publicName: "itemModal", isSignal: true, isRequired: false, transformFunction: null }, generalTaskModal: { classPropertyName: "generalTaskModal", publicName: "generalTaskModal", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { runtimeFiltersChanged: "runtimeFiltersChanged", itemClicked: "itemClicked", cardSelected: "cardSelected", sortChanged: "sortChanged", groupChanged: "groupChanged" }, ngImport: i0, template: "<ng-template #headerActions>\r\n  <div class=\"flex flex-wrap items-center justify-end gap-2\">\r\n    <mt-property-filter-builder\r\n      [schema]=\"propertyFilterSchema()\"\r\n      [filters]=\"headerFilters()\"\r\n      (applied)=\"onRuntimeFiltersApplied($event)\"\r\n      (cleared)=\"onRuntimeFiltersCleared()\"\r\n    />\r\n\r\n    @if (showGeneralTaskCreateButton()) {\r\n      <mt-button\r\n        [label]=\"generalTaskButtonLabel()\"\r\n        [icon]=\"generalTaskButtonIcon()\"\r\n        size=\"small\"\r\n        (onClick)=\"onGeneralTaskCreateClick()\"\r\n      />\r\n    }\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #pageContent>\r\n  <div class=\"flex flex-col gap-8\">\r\n    @if (loading()) {\r\n      <div\r\n        class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 gap-3\"\r\n      >\r\n        @for (_ of [1, 2, 3, 4, 5]; track $index) {\r\n          <p-skeleton height=\"6.5rem\" class=\"rounded-lg\" />\r\n        }\r\n      </div>\r\n    } @else if (kpis().length) {\r\n      <div class=\"gap-3 flex flex-wrap\">\r\n        @for (kpi of kpis(); track $index) {\r\n          <mt-statistic-card [data]=\"kpi\" class=\"min-w-[200px]\" />\r\n        }\r\n      </div>\r\n    }\r\n\r\n    <mt-table\r\n      noCard\r\n      [data]=\"rows()\"\r\n      [columns]=\"tableColumns()\"\r\n      tableLayout=\"auto\"\r\n      [clickableRows]=\"rowsClickable()\"\r\n      [loading]=\"loading()\"\r\n      [showFilters]=\"true\"\r\n      filterMode=\"column\"\r\n      [cellClickFilter]=\"true\"\r\n      [generalSearch]=\"true\"\r\n      [exportable]=\"true\"\r\n      [printable]=\"true\"\r\n      [groupable]=\"true\"\r\n      [freezeActions]=\"true\"\r\n      [lazy]=\"true\"\r\n      [lazyLocalSearch]=\"true\"\r\n      [lazyTotalRecords]=\"totalCount()\"\r\n      [pageSize]=\"context().pageSize\"\r\n      [currentPage]=\"context().page - 1\"\r\n      [first]=\"(context().page - 1) * context().pageSize\"\r\n      [rowsPerPageOptions]=\"[10, 20, 50, 100]\"\r\n      [groupCountMap]=\"groupCountMap()\"\r\n      [groupBy]=\"groupBy()\"\r\n      [sortField]=\"sortField()\"\r\n      [sortDirection]=\"sortDirection()\"\r\n      storageKey=\"work-center-page-table\"\r\n      [persistStateExclude]=\"persistStateExclude\"\r\n      [filters]=\"tableFilters()\"\r\n      (filtersChange)=\"tableFilters.set($event)\"\r\n      (groupByChange)=\"onTableGroupByChange($event)\"\r\n      (lazyLoad)=\"onTableLazyLoad($event)\"\r\n      (rowClick)=\"onRowClick($event)\"\r\n    />\r\n  </div>\r\n</ng-template>\r\n\r\n@if (showSidebar()) {\r\n  <mt-client-page\r\n    [menuIcon]=\"menuIcon()\"\r\n    [menuTitle]=\"resolvedPageTitle()\"\r\n    [menuItems]=\"menuItems()\"\r\n    [menuItemsLoading]=\"loading() && !menuItems().length\"\r\n    [activeItem]=\"context().selectedCardKey ?? undefined\"\r\n    storageKey=\"work-center-client-page\"\r\n    (menuItemClick)=\"onMenuItemClick($event)\"\r\n  >\r\n    <ng-template #headerClientPageEnd>\r\n      <ng-container [ngTemplateOutlet]=\"headerActions\" />\r\n    </ng-template>\r\n\r\n    <ng-container [ngTemplateOutlet]=\"pageContent\" />\r\n  </mt-client-page>\r\n} @else {\r\n  <div class=\"flex h-full min-h-0 flex-col bg-surface-0\">\r\n    <div\r\n      class=\"flex shrink-0 items-center justify-end border-b border-surface px-7 py-4\"\r\n    >\r\n      <ng-container [ngTemplateOutlet]=\"headerActions\" />\r\n    </div>\r\n    <div class=\"min-h-0 flex-1 overflow-y-auto px-7 py-5\">\r\n      <ng-container [ngTemplateOutlet]=\"pageContent\" />\r\n    </div>\r\n  </div>\r\n}\r\n\r\n@if (selectedItemContextKey(); as contextKey) {\r\n  <mt-work-center-item-modal-route\r\n    [contextKey]=\"contextKey\"\r\n    [manageRouteOutlet]=\"false\"\r\n    [showPreviewLevelAction]=\"false\"\r\n    [readOnly]=\"itemReadOnly()\"\r\n    appendTo=\"body\"\r\n    drawerStyleClass=\"mt-work-center-item-drawer !w-[90vw]\"\r\n    (closed)=\"selectedItemContextKey.set(null)\"\r\n  />\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: ClientPage, selector: "mt-client-page", inputs: ["menuIcon", "menuTitle", "menuItems", "menuItemsLoading", "activeItem", "collapsed", "resizable", "storageKey", "storageMode", "minSidebarWidth", "maxSidebarWidth", "defaultSidebarWidth"], outputs: ["collapsedChange", "menuItemClick", "loadChildren"] }, { kind: "component", type: PropertyFilterBuilder, selector: "mt-property-filter-builder", inputs: ["schema", "filters", "title", "buttonLabel", "disabled"], outputs: ["filtersChange", "applied", "cleared"] }, { kind: "component", type: StatisticCard, selector: "mt-statistic-card", inputs: ["data", "cardClass"] }, { kind: "component", type: Table, selector: "mt-table", inputs: ["filters", "data", "columns", "rowActions", "size", "showGridlines", "stripedRows", "selectableRows", "clickableRows", "generalSearch", "lazyLocalSearch", "showFilters", "filterMode", "loading", "updating", "lazy", "lazyLocalSort", "lazyTotalRecords", "reorderableColumns", "reorderableRows", "dataKey", "storageKey", "storageMode", "persistStateExclude", "exportable", "printable", "groupable", "groupCountMap", "cellClickFilter", "freezeActions", "virtualScroll", "virtualScrollItemSize", "scrollHeight", "printTitle", "exportFilename", "actionShape", "rowActionsLoadingFn", "tableLayout", "noCard", "tabs", "tabsOptionLabel", "tabsOptionValue", "activeTab", "actions", "paginatorPosition", "alwaysShowPaginator", "rowsPerPageOptions", "pageSize", "currentPage", "first", "filterTerm", "groupBy", "sortField", "sortDirection"], outputs: ["selectionChange", "cellChange", "lazyLoad", "columnReorder", "rowReorder", "rowClick", "rowActionsRequested", "filtersChange", "activeTabChange", "onTabChange", "pageSizeChange", "currentPageChange", "firstChange", "filterTermChange", "groupByChange", "sortFieldChange", "sortDirectionChange"] }, { kind: "component", type: WorkCenterItemModalRoute, selector: "mt-work-center-item-modal-route", inputs: ["contextKey", "manageRouteOutlet", "showPreviewLevelAction", "readOnly", "appendTo", "drawerStyleClass"], outputs: ["previewLevel", "closed"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WorkCenterPage, isStandalone: true, selector: "mt-work-center-page", inputs: { area: { classPropertyName: "area", publicName: "area", isSignal: true, isRequired: false, transformFunction: null }, pageTitle: { classPropertyName: "pageTitle", publicName: "pageTitle", isSignal: true, isRequired: false, transformFunction: null }, menuIcon: { classPropertyName: "menuIcon", publicName: "menuIcon", isSignal: true, isRequired: false, transformFunction: null }, lookups: { classPropertyName: "lookups", publicName: "lookups", isSignal: true, isRequired: false, transformFunction: null }, showSidebar: { classPropertyName: "showSidebar", publicName: "showSidebar", isSignal: true, isRequired: false, transformFunction: null }, bootstrapInputs: { classPropertyName: "bootstrapInputs", publicName: "bootstrapInputs", isSignal: true, isRequired: false, transformFunction: null }, openItemDrawer: { classPropertyName: "openItemDrawer", publicName: "openItemDrawer", isSignal: true, isRequired: false, transformFunction: null }, itemReadOnly: { classPropertyName: "itemReadOnly", publicName: "itemReadOnly", isSignal: true, isRequired: false, transformFunction: null }, openItemsInModal: { classPropertyName: "openItemsInModal", publicName: "openItemsInModal", isSignal: true, isRequired: false, transformFunction: null }, itemModal: { classPropertyName: "itemModal", publicName: "itemModal", isSignal: true, isRequired: false, transformFunction: null }, generalTaskModal: { classPropertyName: "generalTaskModal", publicName: "generalTaskModal", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { runtimeFiltersChanged: "runtimeFiltersChanged", itemClicked: "itemClicked", cardSelected: "cardSelected", sortChanged: "sortChanged", groupChanged: "groupChanged" }, ngImport: i0, template: "<ng-template #headerActions>\r\n  <div class=\"flex flex-wrap items-center justify-end gap-2\">\r\n    <mt-property-filter-builder\r\n      [schema]=\"propertyFilterSchema()\"\r\n      [filters]=\"headerFilters()\"\r\n      (applied)=\"onRuntimeFiltersApplied($event)\"\r\n      (cleared)=\"onRuntimeFiltersCleared()\"\r\n    />\r\n\r\n    @if (showGeneralTaskCreateButton()) {\r\n      <mt-button\r\n        [label]=\"generalTaskButtonLabel()\"\r\n        [icon]=\"generalTaskButtonIcon()\"\r\n        size=\"small\"\r\n        (onClick)=\"onGeneralTaskCreateClick()\"\r\n      />\r\n    }\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #pageContent>\r\n  <div class=\"flex flex-col gap-8\">\r\n    @if (loading()) {\r\n      <div\r\n        class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 gap-3\"\r\n      >\r\n        @for (_ of [1, 2, 3, 4, 5]; track $index) {\r\n          <p-skeleton height=\"6.5rem\" class=\"rounded-lg\" />\r\n        }\r\n      </div>\r\n    } @else if (kpis().length) {\r\n      <div class=\"gap-3 flex flex-wrap\">\r\n        @for (kpi of kpis(); track $index) {\r\n          <mt-statistic-card [data]=\"kpi\" class=\"min-w-[200px]\" />\r\n        }\r\n      </div>\r\n    }\r\n\r\n    <mt-table\r\n      noCard\r\n      [data]=\"rows()\"\r\n      [columns]=\"tableColumns()\"\r\n      tableLayout=\"auto\"\r\n      [clickableRows]=\"rowsClickable()\"\r\n      [loading]=\"loading()\"\r\n      [showFilters]=\"true\"\r\n      filterMode=\"column\"\r\n      [cellClickFilter]=\"true\"\r\n      [generalSearch]=\"true\"\r\n      [exportable]=\"true\"\r\n      [printable]=\"true\"\r\n      [groupable]=\"true\"\r\n      [freezeActions]=\"true\"\r\n      [lazy]=\"true\"\r\n      [lazyLocalSearch]=\"true\"\r\n      [lazyTotalRecords]=\"totalCount()\"\r\n      [pageSize]=\"context().pageSize\"\r\n      [currentPage]=\"context().page - 1\"\r\n      [first]=\"(context().page - 1) * context().pageSize\"\r\n      [rowsPerPageOptions]=\"[10, 20, 50, 100]\"\r\n      [groupCountMap]=\"groupCountMap()\"\r\n      [groupBy]=\"groupBy()\"\r\n      [sortField]=\"sortField()\"\r\n      [sortDirection]=\"sortDirection()\"\r\n      storageKey=\"work-center-page-table\"\r\n      [persistStateExclude]=\"persistStateExclude\"\r\n      [filters]=\"tableFilters()\"\r\n      (filtersChange)=\"tableFilters.set($event)\"\r\n      (groupByChange)=\"onTableGroupByChange($event)\"\r\n      (lazyLoad)=\"onTableLazyLoad($event)\"\r\n      (rowClick)=\"onRowClick($event)\"\r\n    />\r\n  </div>\r\n</ng-template>\r\n\r\n@if (showSidebar()) {\r\n  <mt-client-page\r\n    [menuIcon]=\"menuIcon()\"\r\n    [menuTitle]=\"resolvedPageTitle()\"\r\n    [menuItems]=\"menuItems()\"\r\n    [menuItemsLoading]=\"loading() && !menuItems().length\"\r\n    [activeItem]=\"context().selectedCardKey ?? undefined\"\r\n    storageKey=\"work-center-client-page\"\r\n    (menuItemClick)=\"onMenuItemClick($event)\"\r\n  >\r\n    <ng-template #headerClientPageEnd>\r\n      <ng-container [ngTemplateOutlet]=\"headerActions\" />\r\n    </ng-template>\r\n\r\n    <ng-container [ngTemplateOutlet]=\"pageContent\" />\r\n  </mt-client-page>\r\n} @else {\r\n  <div class=\"flex h-full min-h-0 flex-col bg-surface-0\">\r\n    <div\r\n      class=\"flex shrink-0 items-center justify-end border-b border-surface px-7 py-4\"\r\n    >\r\n      <ng-container [ngTemplateOutlet]=\"headerActions\" />\r\n    </div>\r\n    <div class=\"min-h-0 flex-1 overflow-y-auto px-7 py-5\">\r\n      <ng-container [ngTemplateOutlet]=\"pageContent\" />\r\n    </div>\r\n  </div>\r\n}\r\n\r\n@if (selectedItemContextKey(); as contextKey) {\r\n  <mt-work-center-item-modal-route\r\n    [contextKey]=\"contextKey\"\r\n    [manageRouteOutlet]=\"false\"\r\n    [showPreviewLevelAction]=\"false\"\r\n    [readOnly]=\"itemReadOnly()\"\r\n    appendTo=\"body\"\r\n    drawerStyleClass=\"mt-work-center-item-drawer !w-[90vw]\"\r\n    (closed)=\"selectedItemContextKey.set(null)\"\r\n  />\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: ClientPage, selector: "mt-client-page", inputs: ["menuIcon", "menuTitle", "menuItems", "menuItemsLoading", "activeItem", "collapsed", "resizable", "storageKey", "storageMode", "minSidebarWidth", "maxSidebarWidth", "defaultSidebarWidth"], outputs: ["collapsedChange", "menuItemClick", "loadChildren"] }, { kind: "component", type: PropertyFilterBuilder, selector: "mt-property-filter-builder", inputs: ["schema", "filters", "title", "buttonLabel", "disabled"], outputs: ["filtersChange", "applied", "cleared"] }, { kind: "component", type: StatisticCard, selector: "mt-statistic-card", inputs: ["data", "cardClass"] }, { kind: "component", type: Table, selector: "mt-table", inputs: ["filters", "data", "columns", "rowActions", "size", "showGridlines", "stripedRows", "selectableRows", "clickableRows", "generalSearch", "lazyLocalSearch", "showFilters", "filterMode", "loading", "updating", "lazy", "lazyLocalSort", "lazyTotalRecords", "reorderableColumns", "reorderableRows", "dataKey", "storageKey", "storageMode", "persistStateExclude", "exportable", "printable", "groupable", "groupCountMap", "cellClickFilter", "freezeActions", "virtualScroll", "virtualScrollItemSize", "scrollHeight", "printTitle", "exportFilename", "actionShape", "rowActionsLoadingFn", "tableLayout", "noCard", "tabs", "tabsOptionLabel", "tabsOptionValue", "activeTab", "actions", "paginatorPosition", "alwaysShowPaginator", "rowsPerPageOptions", "pageSize", "currentPage", "first", "filterTerm", "groupBy", "sortField", "sortDirection"], outputs: ["selectionChange", "cellChange", "lazyLoad", "columnReorder", "rowReorder", "rowClick", "rowActionsRequested", "filtersChange", "activeTabChange", "onTabChange", "pageSizeChange", "currentPageChange", "firstChange", "filterTermChange", "groupByChange", "sortFieldChange", "sortDirectionChange"] }, { kind: "component", type: WorkCenterItemModalRoute, selector: "mt-work-center-item-modal-route", inputs: ["contextKey", "manageRouteOutlet", "showPreviewLevelAction", "readOnly", "appendTo", "drawerStyleClass"], outputs: ["previewLevel", "closed"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i1$1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterPage, decorators: [{
             type: Component,
@@ -3696,11 +4125,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                     ], template: "<ng-template #headerActions>\r\n  <div class=\"flex flex-wrap items-center justify-end gap-2\">\r\n    <mt-property-filter-builder\r\n      [schema]=\"propertyFilterSchema()\"\r\n      [filters]=\"headerFilters()\"\r\n      (applied)=\"onRuntimeFiltersApplied($event)\"\r\n      (cleared)=\"onRuntimeFiltersCleared()\"\r\n    />\r\n\r\n    @if (showGeneralTaskCreateButton()) {\r\n      <mt-button\r\n        [label]=\"generalTaskButtonLabel()\"\r\n        [icon]=\"generalTaskButtonIcon()\"\r\n        size=\"small\"\r\n        (onClick)=\"onGeneralTaskCreateClick()\"\r\n      />\r\n    }\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #pageContent>\r\n  <div class=\"flex flex-col gap-8\">\r\n    @if (loading()) {\r\n      <div\r\n        class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 gap-3\"\r\n      >\r\n        @for (_ of [1, 2, 3, 4, 5]; track $index) {\r\n          <p-skeleton height=\"6.5rem\" class=\"rounded-lg\" />\r\n        }\r\n      </div>\r\n    } @else if (kpis().length) {\r\n      <div class=\"gap-3 flex flex-wrap\">\r\n        @for (kpi of kpis(); track $index) {\r\n          <mt-statistic-card [data]=\"kpi\" class=\"min-w-[200px]\" />\r\n        }\r\n      </div>\r\n    }\r\n\r\n    <mt-table\r\n      noCard\r\n      [data]=\"rows()\"\r\n      [columns]=\"tableColumns()\"\r\n      tableLayout=\"auto\"\r\n      [clickableRows]=\"rowsClickable()\"\r\n      [loading]=\"loading()\"\r\n      [showFilters]=\"true\"\r\n      filterMode=\"column\"\r\n      [cellClickFilter]=\"true\"\r\n      [generalSearch]=\"true\"\r\n      [exportable]=\"true\"\r\n      [printable]=\"true\"\r\n      [groupable]=\"true\"\r\n      [freezeActions]=\"true\"\r\n      [lazy]=\"true\"\r\n      [lazyLocalSearch]=\"true\"\r\n      [lazyTotalRecords]=\"totalCount()\"\r\n      [pageSize]=\"context().pageSize\"\r\n      [currentPage]=\"context().page - 1\"\r\n      [first]=\"(context().page - 1) * context().pageSize\"\r\n      [rowsPerPageOptions]=\"[10, 20, 50, 100]\"\r\n      [groupCountMap]=\"groupCountMap()\"\r\n      [groupBy]=\"groupBy()\"\r\n      [sortField]=\"sortField()\"\r\n      [sortDirection]=\"sortDirection()\"\r\n      storageKey=\"work-center-page-table\"\r\n      [persistStateExclude]=\"persistStateExclude\"\r\n      [filters]=\"tableFilters()\"\r\n      (filtersChange)=\"tableFilters.set($event)\"\r\n      (groupByChange)=\"onTableGroupByChange($event)\"\r\n      (lazyLoad)=\"onTableLazyLoad($event)\"\r\n      (rowClick)=\"onRowClick($event)\"\r\n    />\r\n  </div>\r\n</ng-template>\r\n\r\n@if (showSidebar()) {\r\n  <mt-client-page\r\n    [menuIcon]=\"menuIcon()\"\r\n    [menuTitle]=\"resolvedPageTitle()\"\r\n    [menuItems]=\"menuItems()\"\r\n    [menuItemsLoading]=\"loading() && !menuItems().length\"\r\n    [activeItem]=\"context().selectedCardKey ?? undefined\"\r\n    storageKey=\"work-center-client-page\"\r\n    (menuItemClick)=\"onMenuItemClick($event)\"\r\n  >\r\n    <ng-template #headerClientPageEnd>\r\n      <ng-container [ngTemplateOutlet]=\"headerActions\" />\r\n    </ng-template>\r\n\r\n    <ng-container [ngTemplateOutlet]=\"pageContent\" />\r\n  </mt-client-page>\r\n} @else {\r\n  <div class=\"flex h-full min-h-0 flex-col bg-surface-0\">\r\n    <div\r\n      class=\"flex shrink-0 items-center justify-end border-b border-surface px-7 py-4\"\r\n    >\r\n      <ng-container [ngTemplateOutlet]=\"headerActions\" />\r\n    </div>\r\n    <div class=\"min-h-0 flex-1 overflow-y-auto px-7 py-5\">\r\n      <ng-container [ngTemplateOutlet]=\"pageContent\" />\r\n    </div>\r\n  </div>\r\n}\r\n\r\n@if (selectedItemContextKey(); as contextKey) {\r\n  <mt-work-center-item-modal-route\r\n    [contextKey]=\"contextKey\"\r\n    [manageRouteOutlet]=\"false\"\r\n    [showPreviewLevelAction]=\"false\"\r\n    [readOnly]=\"itemReadOnly()\"\r\n    appendTo=\"body\"\r\n    drawerStyleClass=\"mt-work-center-item-drawer !w-[90vw]\"\r\n    (closed)=\"selectedItemContextKey.set(null)\"\r\n  />\r\n}\r\n" }]
         }], ctorParameters: () => [], propDecorators: { area: [{ type: i0.Input, args: [{ isSignal: true, alias: "area", required: false }] }], pageTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageTitle", required: false }] }], menuIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuIcon", required: false }] }], lookups: [{ type: i0.Input, args: [{ isSignal: true, alias: "lookups", required: false }] }], showSidebar: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSidebar", required: false }] }], bootstrapInputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "bootstrapInputs", required: false }] }], openItemDrawer: [{ type: i0.Input, args: [{ isSignal: true, alias: "openItemDrawer", required: false }] }], itemReadOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemReadOnly", required: false }] }], openItemsInModal: [{ type: i0.Input, args: [{ isSignal: true, alias: "openItemsInModal", required: false }] }], itemModal: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemModal", required: false }] }], generalTaskModal: [{ type: i0.Input, args: [{ isSignal: true, alias: "generalTaskModal", required: false }] }], runtimeFiltersChanged: [{ type: i0.Output, args: ["runtimeFiltersChanged"] }], itemClicked: [{ type: i0.Output, args: ["itemClicked"] }], cardSelected: [{ type: i0.Output, args: ["cardSelected"] }], sortChanged: [{ type: i0.Output, args: ["sortChanged"] }], groupChanged: [{ type: i0.Output, args: ["groupChanged"] }] } });
 
+/**
+ * work-center-schedule-publish.models.ts - The wire shape of the published-vs-draft
+ * comparison an approver acts on.
+ *
+ * Mirrors the backend's `SchedulePublishDiffDto`, which `process-form-load`
+ * returns as a REQUEST-level `schedulePublish` block for
+ * `LevelData.PublishSchedule`. It is request-level rather than hung off a form
+ * field because a publish submits no fields - the plan IS the payload.
+ *
+ * The same vocabulary is used by the schedule read envelope and the Review &
+ * Publish drawer in `@masterteam/task-schedule`, deliberately: one differ serves
+ * all three, so the planner who requested the publish and the approver deciding
+ * on it cannot be shown the same row described differently.
+ *
+ * Pure TypeScript - no Angular, no DOM.
+ */
+
 const APP_STATES = [WorkCenterState];
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { APP_STATES, ApplyColumnFilters, ApplyHeaderFilters, ClearAllFilters, EnterArea, HydrateFromContext, LoadRuntime, SelectCard, SetGroupBy, SetLookups, SetParams, WORK_CENTER_EMPTY_LABEL, WORK_CENTER_GROUP_NONE, WORK_CENTER_LEVEL_GROUP_FIELD, WORK_CENTER_LEVEL_NAME_KEY, WORK_CENTER_MAX_FILTERS, WORK_CENTER_MAX_PAGE_SIZE, WORK_CENTER_MAX_SORT, WORK_CENTER_QUERY_VERSION, WorkCenterActionKey, WorkCenterClientFormModal, WorkCenterFacade, WorkCenterItemModal, WorkCenterItemModalRoute, WorkCenterPage, WorkCenterState, decodeWorkCenterRouteContextKey, encodeWorkCenterRouteContextKey };
+export { APP_STATES, ApplyColumnFilters, ApplyHeaderFilters, ClearAllFilters, EnterArea, HydrateFromContext, LoadRuntime, SCHEDULE_PUBLISH_GROUP_ORDER, SCHEDULE_PUBLISH_OPERATION_KEY, SelectCard, SetGroupBy, SetLookups, SetParams, WORK_CENTER_EMPTY_LABEL, WORK_CENTER_GROUP_NONE, WORK_CENTER_LEVEL_GROUP_FIELD, WORK_CENTER_LEVEL_NAME_KEY, WORK_CENTER_MAX_FILTERS, WORK_CENTER_MAX_PAGE_SIZE, WORK_CENTER_MAX_SORT, WORK_CENTER_QUERY_VERSION, WORK_CENTER_TYPE_COMPONENTS, WorkCenterActionKey, WorkCenterClientFormModal, WorkCenterFacade, WorkCenterItemModal, WorkCenterItemModalRoute, WorkCenterPage, WorkCenterSchedulePublishType, WorkCenterState, decodeWorkCenterRouteContextKey, encodeWorkCenterRouteContextKey, groupSchedulePublishRows, matchesSchedulePublishSearch, readSchedulePublishChanges, schedulePublishRowKey, sortSchedulePublishRows, summarizeSchedulePublish, windowSchedulePublishRows };
 //# sourceMappingURL=masterteam-work-center.mjs.map