@masterteam/work-center 0.0.84 → 0.0.85

package/fesm2022/masterteam-work-center-work-center-process-preview-qG9T9HoP.mjs

@@ -0,0 +1,538 @@
+import { CommonModule } from '@angular/common';
+import { HttpClient } from '@angular/common/http';
+import * as i0 from '@angular/core';
+import { inject, input, computed, signal, effect, untracked, Component } from '@angular/core';
+import { TranslocoService } from '@jsverse/transloco';
+import { Table } from '@masterteam/components/table';
+import { StructureBuilder } from '@masterteam/structure-builder';
+
+/**
+ * Approval-history row projection for the process preview.
+ *
+ * The runtime stores one `step` record per *target user*, so a group step
+ * fans out into one record per member, and every workflow attempt (return →
+ * resubmit) creates a fresh fan-out for the same step schema. The table shows
+ * one row per attempt: sibling member records collapse, but separate attempts
+ * — and the completed history they carry — are preserved.
+ */
+const PENDING$1 = 'pending';
+const TERMINATED = 'terminated';
+/** Statuses whose actor is not the assigned group/role, so the actor wins. */
+const ACTOR_OVERRIDES_TARGET = new Set([TERMINATED]);
+function buildApprovalRows(steps, options) {
+    const { resolveDisplayName } = options;
+    const currentIds = new Set((options.currentStepIds ?? []).map((id) => String(id)));
+    const rows = [];
+    for (const run of splitIntoRuns(steps)) {
+        const groupName = resolveGroupName(run[0].target, resolveDisplayName);
+        if (groupName) {
+            rows.push(buildGroupRow(run, groupName, currentIds, resolveDisplayName));
+            continue;
+        }
+        // Non-group targets keep one row per record, minus the pending siblings
+        // that were superseded when another member of the same fan-out acted.
+        const runHasAction = run.some(hasAction);
+        for (const step of run) {
+            if (runHasAction &&
+                run.length > 1 &&
+                isSupersededPending(step, currentIds)) {
+                continue;
+            }
+            rows.push({
+                stepName: resolveStepName(step, resolveDisplayName),
+                status: step.status,
+                user: {
+                    kind: 'user',
+                    value: step.actionUserInfo ?? step.targetUser ?? null,
+                },
+                createdAt: step.createdAt ?? '',
+                actionDate: step.actionDate ?? '',
+            });
+        }
+    }
+    return rows;
+}
+function buildGroupRow(run, groupName, currentIds, resolveDisplayName) {
+    const pendingOnGroup = run.find((step) => isCurrent(step, currentIds));
+    // While the attempt is open the row belongs to the group as a whole; once it
+    // closes, the record that carries the outcome represents it.
+    const repr = pendingOnGroup ?? resolveOutcome(run);
+    const actor = repr.actionUserInfo;
+    const showActor = !pendingOnGroup && !!actor && ACTOR_OVERRIDES_TARGET.has(statusKey(repr));
+    return {
+        stepName: resolveStepName(repr, resolveDisplayName),
+        status: repr.status,
+        user: showActor
+            ? { kind: 'user', value: actor }
+            : { kind: 'text', value: groupName },
+        createdAt: run[0].createdAt ?? '',
+        actionDate: pendingOnGroup ? '' : (repr.actionDate ?? ''),
+    };
+}
+/**
+ * Consecutive records sharing a step schema + target belong to the same
+ * attempt. The API orders steps by creation, so a later attempt on the same
+ * step is always separated by the records that sent the request back.
+ */
+function splitIntoRuns(steps) {
+    const runs = [];
+    let currentKey = null;
+    for (const step of steps) {
+        const key = runKey(step);
+        if (key !== currentKey || runs.length === 0) {
+            runs.push([step]);
+            currentKey = key;
+            continue;
+        }
+        runs[runs.length - 1].push(step);
+    }
+    return runs;
+}
+function runKey(step) {
+    return `${step.stepSchemaId ?? ''}|${step.target?.groupKey ?? ''}`;
+}
+/** The record holding the attempt's outcome (Returned/Rejected/Terminated…). */
+function resolveOutcome(run) {
+    for (let index = run.length - 1; index >= 0; index -= 1) {
+        const step = run[index];
+        if (statusKey(step) !== PENDING$1 && statusKey(step) !== '') {
+            return step;
+        }
+    }
+    return findLast(run, hasAction) ?? run[run.length - 1];
+}
+function isCurrent(step, currentIds) {
+    if (typeof step.isCurrent === 'boolean') {
+        return step.isCurrent;
+    }
+    if (currentIds.size > 0) {
+        return currentIds.has(String(step.stepId ?? ''));
+    }
+    return step.isActive !== false && statusKey(step) === PENDING$1;
+}
+/** A pending record left behind after a sibling acted — never actionable. */
+function isSupersededPending(step, currentIds) {
+    return (statusKey(step) === PENDING$1 &&
+        !hasAction(step) &&
+        !isCurrent(step, currentIds));
+}
+function hasAction(step) {
+    if (step.actionUserInfo) {
+        return true;
+    }
+    const key = statusKey(step);
+    return key !== '' && key !== PENDING$1;
+}
+/** Status comes off the lookup key, never the localized display text. */
+function statusKey(step) {
+    const status = step.status;
+    if (typeof status === 'string') {
+        return status.trim().toLowerCase();
+    }
+    if (status && typeof status === 'object') {
+        const key = status['key'];
+        if (typeof key === 'string') {
+            return key.trim().toLowerCase();
+        }
+    }
+    return '';
+}
+function resolveStepName(step, resolveDisplayName) {
+    return resolveDisplayName(step.stepName) || String(step.stepId ?? '--');
+}
+function resolveGroupName(target, resolveDisplayName) {
+    if (!target || target.type !== 'Group' || !target.group) {
+        return '';
+    }
+    return (resolveDisplayName(target.displayName) ||
+        resolveDisplayName(target.group.name));
+}
+function findLast(items, predicate) {
+    for (let index = items.length - 1; index >= 0; index -= 1) {
+        if (predicate(items[index])) {
+            return items[index];
+        }
+    }
+    return undefined;
+}
+
+/**
+ * Status projection for the process-preview diagram.
+ *
+ * The schema view colors every step by where it stands in the run — the icon
+ * and subtitle already say what *kind* of step it is, so color is free to
+ * carry progress. One color per state, reusing the workflow badge tones from
+ * `@masterteam/structure-builder`.
+ *
+ * The runtime stores one `step` record per target user, so a group step fans
+ * out into several records and every attempt (return → resubmit) creates a
+ * fresh fan-out. A schema node shows the state of its *latest* attempt.
+ */
+/** Node accent color per state — every outcome gets its own hue. */
+const PROCESS_STEP_STATUS_COLORS = {
+    approved: '#059669', // green — approved
+    current: '#d97706', // amber — running right now
+    noAction: '#0891b2', // cyan — closed without a decision from this target
+    notStarted: '#2563eb', // blue — not reached yet
+    rejected: '#dc2626', // red — rejected
+    resubmitted: '#7c3aed', // violet — sent back, then pushed forward again
+    returned: '#6b7280', // gray — sent back
+    terminated: '#334155', // slate — the run was killed outright
+};
+/**
+ * `NodeBadgeTone` per state, so the pill matches the node color. The tones the
+ * structure-builder names cover the original five; the rest use `accent`, which
+ * has no tone rule of its own and therefore inherits the node color exactly.
+ */
+const PROCESS_STEP_STATUS_BADGE_TONES = {
+    approved: 'final',
+    current: 'current',
+    noAction: 'accent',
+    notStarted: 'initial',
+    rejected: 'closed',
+    resubmitted: 'accent',
+    returned: 'neutral',
+    terminated: 'accent',
+};
+const PENDING = 'pending';
+const CURRENT_VIEW = { status: 'current', label: '' };
+const NOT_STARTED_VIEW = {
+    status: 'notStarted',
+    label: '',
+};
+/**
+ * Decided status keys → visual state. A decided status that isn't listed reads
+ * as `noAction` — it closed, but not by a decision we can name, so the color
+ * must not claim one. The badge still shows the backend's own wording.
+ */
+const DECIDED_STATUS_STATES = {
+    approved: 'approved',
+    noaction: 'noAction',
+    rejected: 'rejected',
+    resubmitted: 'resubmitted',
+    returned: 'returned',
+    terminated: 'terminated',
+};
+const UNCLASSIFIED_DECIDED_STATE = 'noAction';
+/**
+ * Inside one attempt the strongest outcome represents the step, so a group
+ * fan-out where one member rejected reads as rejected while the siblings who
+ * never acted read as `noAction`.
+ */
+const OUTCOME_PRECEDENCE = [
+    'terminated',
+    'rejected',
+    'returned',
+    'resubmitted',
+    'approved',
+    'noAction',
+];
+/**
+ * Maps every schema-step id the runtime has touched to its visual state.
+ * Steps missing from the result were never reached — render them as
+ * {@link NOT_STARTED_VIEW}.
+ */
+function buildSchemaStepStatuses(steps, options) {
+    const currentIds = new Set((options.currentSchemaIds ?? []).map((id) => String(id)));
+    const views = new Map();
+    // Later attempts overwrite earlier ones, so the last run on a step wins.
+    for (const run of splitBySchemaStep(steps)) {
+        const schemaId = String(run[0].stepSchemaId ?? '');
+        if (!schemaId) {
+            continue;
+        }
+        views.set(schemaId, resolveRunStatus(run, currentIds, options));
+    }
+    // A step can be current before any record closes — the flag always wins.
+    for (const id of currentIds) {
+        views.set(id, CURRENT_VIEW);
+    }
+    return views;
+}
+/**
+ * Reads a state straight off a schema step's own `status`, for schemas that
+ * carry it without a matching runtime record.
+ */
+function resolveStatusView(status, resolveDisplayName) {
+    const key = normalizeStatusKey(status);
+    if (key === '' || key === PENDING) {
+        return NOT_STARTED_VIEW;
+    }
+    return {
+        status: DECIDED_STATUS_STATES[key] ?? UNCLASSIFIED_DECIDED_STATE,
+        label: resolveStatusLabel(status, resolveDisplayName),
+    };
+}
+function resolveRunStatus(run, currentIds, options) {
+    if (currentIds.has(String(run[0].stepSchemaId ?? '')) ||
+        run.some((step) => step.isCurrent === true)) {
+        return CURRENT_VIEW;
+    }
+    const decided = run
+        .map((step) => ({ step, state: decidedState(step) }))
+        .filter((entry) => entry.state !== null);
+    if (decided.length === 0) {
+        return NOT_STARTED_VIEW;
+    }
+    const outcome = OUTCOME_PRECEDENCE.map((state) => decided.find((entry) => entry.state === state)).find((entry) => !!entry) ?? decided[decided.length - 1];
+    return {
+        status: outcome.state,
+        label: resolveStatusLabel(outcome.step.status, options.resolveDisplayName),
+    };
+}
+function decidedState(step) {
+    const key = statusKey(step);
+    if (key === '' || key === PENDING) {
+        return null;
+    }
+    return DECIDED_STATUS_STATES[key] ?? UNCLASSIFIED_DECIDED_STATE;
+}
+/**
+ * Consecutive records sharing a schema step belong to the same attempt. The
+ * API orders steps by creation, so a later attempt is always separated by the
+ * records that sent the request back.
+ */
+function splitBySchemaStep(steps) {
+    const runs = [];
+    let currentKey = null;
+    for (const step of steps) {
+        const key = String(step.stepSchemaId ?? '');
+        if (key !== currentKey || runs.length === 0) {
+            runs.push([step]);
+            currentKey = key;
+            continue;
+        }
+        runs[runs.length - 1].push(step);
+    }
+    return runs;
+}
+/** Status comes off the lookup key, never the localized display text. */
+function normalizeStatusKey(status) {
+    if (typeof status === 'string') {
+        return status.trim().toLowerCase();
+    }
+    if (status && typeof status === 'object') {
+        const key = status['key'];
+        if (typeof key === 'string') {
+            return key.trim().toLowerCase();
+        }
+    }
+    return '';
+}
+function resolveStatusLabel(status, resolveDisplayName) {
+    return typeof status === 'string' ? status : resolveDisplayName(status);
+}
+
+class WorkCenterProcessPreview {
+    http = inject(HttpClient);
+    transloco = inject(TranslocoService);
+    loadSub;
+    requestId = input(null, ...(ngDevMode ? [{ debugName: "requestId" }] : /* istanbul ignore next */ []));
+    view = input('approvals', ...(ngDevMode ? [{ debugName: "view" }] : /* istanbul ignore next */ []));
+    approvalColumns = computed(() => [
+        {
+            key: 'stepName',
+            label: this.transloco.translate('workCenter.preview.name'),
+        },
+        {
+            key: 'status',
+            label: this.transloco.translate('workCenter.preview.status'),
+            type: 'entity',
+        },
+        {
+            key: 'user',
+            label: this.transloco.translate('workCenter.preview.userOrGroup'),
+            type: 'entity',
+        },
+        {
+            key: 'createdAt',
+            label: this.transloco.translate('workCenter.preview.initiationDate'),
+            type: 'entity',
+        },
+        {
+            key: 'actionDate',
+            label: this.transloco.translate('workCenter.preview.actionDate'),
+            type: 'entity',
+        },
+    ], ...(ngDevMode ? [{ debugName: "approvalColumns" }] : /* istanbul ignore next */ []));
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
+    preview = signal(null, ...(ngDevMode ? [{ debugName: "preview" }] : /* istanbul ignore next */ []));
+    canRenderPreview = computed(() => (this.requestId() ?? 0) > 0, ...(ngDevMode ? [{ debugName: "canRenderPreview" }] : /* istanbul ignore next */ []));
+    approvalRows = computed(() => {
+        const preview = this.preview();
+        const rows = buildApprovalRows(preview?.steps ?? [], {
+            currentStepIds: preview?.currentStepIds,
+            resolveDisplayName: (value) => this.resolveDisplayName(value),
+        });
+        return rows.map((row) => ({
+            stepName: row.stepName,
+            status: buildEntity('Status', 'Status', row.status),
+            user: row.user.kind === 'text'
+                ? buildEntity('User', 'Text', row.user.value)
+                : buildEntity('User', 'User', row.user.value),
+            createdAt: buildEntity('Initiation Date', 'DateTime', row.createdAt),
+            actionDate: buildEntity('Action Date', 'DateTime', row.actionDate),
+        }));
+    }, ...(ngDevMode ? [{ debugName: "approvalRows" }] : /* istanbul ignore next */ []));
+    hasApprovals = computed(() => this.approvalRows().length > 0, ...(ngDevMode ? [{ debugName: "hasApprovals" }] : /* istanbul ignore next */ []));
+    schemaNodes = computed(() => {
+        const preview = this.preview();
+        const steps = preview?.schema?.stepsSchema ?? [];
+        const connections = preview?.schema?.connections ?? [];
+        const sourceIds = new Set(connections.map((c) => String(c.source)));
+        // Where each step stands in the run — the color of a node is its state,
+        // not its type (the icon and subtitle already carry the type).
+        const statusViews = buildSchemaStepStatuses(preview?.steps ?? [], {
+            currentSchemaIds: preview?.currentStepSchemaIds,
+            resolveDisplayName: (value) => this.resolveDisplayName(value),
+        });
+        return steps.map((step) => {
+            const isAppAction = step.type === 'AppAction';
+            const isApprovalCommit = step.type === 'ApprovalCommit' || step.systemKind === 'ApprovalCommit';
+            // Treat a step as final if explicitly flagged or if it has no outgoing
+            // connection — the latter catches schemas where `isFinal` isn't set.
+            const isFinal = !isApprovalCommit &&
+                (step.isFinal === true || !sourceIds.has(String(step.id)));
+            const stepStatus = statusViews.get(String(step.id)) ??
+                resolveStatusView(step.status, (value) => this.resolveDisplayName(value));
+            const isCurrent = stepStatus.status === 'current';
+            return {
+                id: String(step.id),
+                name: isFinal
+                    ? this.transloco.translate('workCenter.preview.end')
+                    : this.resolveDisplayName(step.name) || String(step.id),
+                color: PROCESS_STEP_STATUS_COLORS[stepStatus.status],
+                icon: isApprovalCommit
+                    ? 'general.check-verified-01'
+                    : isAppAction
+                        ? 'general.zap'
+                        : isFinal
+                            ? 'map.flag-04'
+                            : step.isInitial
+                                ? 'map.flag-04'
+                                : 'file.clipboard-check',
+                subtitle: isApprovalCommit
+                    ? this.transloco.translate('workCenter.preview.approvalCommitSubtitle')
+                    : step.isInitial
+                        ? this.transloco.translate('workCenter.preview.start')
+                        : isFinal
+                            ? this.transloco.translate('workCenter.preview.end')
+                            : isAppAction
+                                ? this.transloco.translate('workCenter.preview.appAction')
+                                : this.transloco.translate('workCenter.preview.formStep'),
+                // The badge names the state the color stands for, preferring the
+                // backend's own wording. The current step keeps the built-in
+                // "Current" pill instead of a second badge.
+                badge: isCurrent
+                    ? null
+                    : stepStatus.label ||
+                        this.transloco.translate(`workCenter.preview.stepStatus.${stepStatus.status}`),
+                // Semantic color for the badge — every step state renders with the
+                // same pill and is told apart by color alone.
+                badgeTone: PROCESS_STEP_STATUS_BADGE_TONES[stepStatus.status],
+                status: step.status ?? null,
+                style: isAppAction || isApprovalCommit ? 'icon' : 'detail',
+                current: isCurrent,
+            };
+        });
+    }, ...(ngDevMode ? [{ debugName: "schemaNodes" }] : /* istanbul ignore next */ []));
+    schemaConnections = computed(() => (this.preview()?.schema?.connections ?? []).map((connection, index) => ({
+        id: String(connection.id ?? `${connection.source}-${connection.target}-${index}`),
+        from: String(connection.source),
+        to: String(connection.target),
+        state: connection.state,
+    })), ...(ngDevMode ? [{ debugName: "schemaConnections" }] : /* istanbul ignore next */ []));
+    hasSchema = computed(() => this.schemaNodes().length > 0, ...(ngDevMode ? [{ debugName: "hasSchema" }] : /* istanbul ignore next */ []));
+    previewNodeFields = {
+        id: 'id',
+        name: 'name',
+        icon: 'icon',
+        color: 'color',
+        subtitle: 'subtitle',
+        badge: 'badge',
+        badgeTone: 'badgeTone',
+        status: 'status',
+        style: 'style',
+        current: 'current',
+    };
+    constructor() {
+        effect(() => {
+            const requestId = this.requestId() ?? 0;
+            if (requestId > 0) {
+                untracked(() => this.loadPreview(requestId));
+                return;
+            }
+            this.loadSub?.unsubscribe();
+            this.loading.set(false);
+            this.error.set(null);
+            this.preview.set(null);
+        });
+    }
+    ngOnDestroy() {
+        this.loadSub?.unsubscribe();
+    }
+    resolveDisplayName(name) {
+        if (typeof name === 'string') {
+            return name;
+        }
+        if (typeof name === 'number' || typeof name === 'boolean') {
+            return String(name);
+        }
+        if (!name || typeof name !== 'object') {
+            return '';
+        }
+        const map = name;
+        const locale = this.transloco.getActiveLang();
+        const candidates = [map['display'], map[locale], map['en'], map['ar']];
+        for (const candidate of candidates) {
+            if (typeof candidate === 'string' && candidate) {
+                return candidate;
+            }
+            if (typeof candidate === 'number' || typeof candidate === 'boolean') {
+                return String(candidate);
+            }
+        }
+        const fallback = Object.values(map).find((value) => typeof value === 'string' && value);
+        return typeof fallback === 'string' ? fallback : '';
+    }
+    loadPreview(requestId) {
+        this.loadSub?.unsubscribe();
+        this.loading.set(true);
+        this.error.set(null);
+        this.loadSub = this.http
+            .get(`processes/${requestId}/preview`)
+            .subscribe({
+            next: (response) => {
+                this.loading.set(false);
+                this.preview.set(response.data ?? null);
+            },
+            error: (error) => {
+                this.loading.set(false);
+                this.preview.set(null);
+                this.error.set(error?.error?.message ??
+                    error?.message ??
+                    this.transloco.translate('workCenter.preview.loadFailed'));
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterProcessPreview, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WorkCenterProcessPreview, isStandalone: true, selector: "mt-work-center-process-preview", inputs: { requestId: { classPropertyName: "requestId", publicName: "requestId", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (!canRenderPreview()) {\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      Process preview is not available for this item yet.\r\n    </p>\r\n  </div>\r\n} @else if (loading()) {\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=\"text-sm text-surface-500\">Loading process preview...</p>\r\n  </div>\r\n} @else if (error()) {\r\n  <div\r\n    class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-red-300 bg-red-50 p-6\"\r\n  >\r\n    <p class=\"max-w-md text-center text-sm text-red-600\">{{ error() }}</p>\r\n  </div>\r\n} @else {\r\n  @if (view() === \"schema\") {\r\n    @if (hasSchema()) {\r\n      <div class=\"wc-process-preview-schema h-[70vh] overflow-hidden\">\r\n        <mt-structure-builder\r\n          class=\"h-full\"\r\n          [layoutDirection]=\"'LR'\"\r\n          [readonly]=\"true\"\r\n          [structureMode]=\"'workflow'\"\r\n          [nodeFields]=\"previewNodeFields\"\r\n          [nodes]=\"schemaNodes()\"\r\n          [connections]=\"schemaConnections()\"\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          Process steps are not available for this item yet.\r\n        </p>\r\n      </div>\r\n    }\r\n  } @else if (hasApprovals()) {\r\n    <div class=\"max-h-[70vh] overflow-y-auto\">\r\n      <mt-table\r\n        noCard\r\n        [data]=\"approvalRows()\"\r\n        [columns]=\"approvalColumns()\"\r\n        storageKey=\"work-center-process-preview-table\"\r\n        [showFilters]=\"false\"\r\n        [generalSearch]=\"false\"\r\n        [clickableRows]=\"false\"\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        Process approvals data is not available for this item yet.\r\n      </p>\r\n    </div>\r\n  }\r\n}\r\n", styles: [":host ::ng-deep .wc-process-preview-schema .wf-detail-row{align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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", "captionStartTemplate", "captionEndTemplate", "emptyTitle", "emptyDescription", "emptyActionLabel", "emptyActionIcon", "paginatorPosition", "alwaysShowPaginator", "rowsPerPageOptions", "pageSize", "currentPage", "first", "filterTerm", "groupBy", "sortField", "sortDirection"], outputs: ["selectionChange", "cellChange", "lazyLoad", "columnReorder", "rowReorder", "rowClick", "emptyAction", "rowActionsRequested", "filtersChange", "activeTabChange", "onTabChange", "pageSizeChange", "currentPageChange", "firstChange", "filterTermChange", "groupByChange", "sortFieldChange", "sortDirectionChange"] }, { kind: "component", type: StructureBuilder, selector: "mt-structure-builder", inputs: ["availableNodes", "availableNodesLabel", "nodeForm", "nodeDialogFooterConfig", "connectionForm", "connectionFormulaSchemaId", "connectionFormulaConfig", "connectionGuard", "nodeActions", "nodeFields", "isAutoLayout", "readonly", "structureMode", "nodeStyle", "addModalType", "updateModalType", "addModalStyleClass", "updateModalStyleClass", "addModalHeader", "updateModalHeader", "appendTo", "availableTabsClass", "layoutDirection", "nodes", "connections", "nodeTemplate"], outputs: ["nodeActionsEvent", "action", "nodesChange", "connectionsChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterProcessPreview, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-work-center-process-preview', standalone: true, imports: [CommonModule, Table, StructureBuilder], template: "@if (!canRenderPreview()) {\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      Process preview is not available for this item yet.\r\n    </p>\r\n  </div>\r\n} @else if (loading()) {\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=\"text-sm text-surface-500\">Loading process preview...</p>\r\n  </div>\r\n} @else if (error()) {\r\n  <div\r\n    class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-red-300 bg-red-50 p-6\"\r\n  >\r\n    <p class=\"max-w-md text-center text-sm text-red-600\">{{ error() }}</p>\r\n  </div>\r\n} @else {\r\n  @if (view() === \"schema\") {\r\n    @if (hasSchema()) {\r\n      <div class=\"wc-process-preview-schema h-[70vh] overflow-hidden\">\r\n        <mt-structure-builder\r\n          class=\"h-full\"\r\n          [layoutDirection]=\"'LR'\"\r\n          [readonly]=\"true\"\r\n          [structureMode]=\"'workflow'\"\r\n          [nodeFields]=\"previewNodeFields\"\r\n          [nodes]=\"schemaNodes()\"\r\n          [connections]=\"schemaConnections()\"\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          Process steps are not available for this item yet.\r\n        </p>\r\n      </div>\r\n    }\r\n  } @else if (hasApprovals()) {\r\n    <div class=\"max-h-[70vh] overflow-y-auto\">\r\n      <mt-table\r\n        noCard\r\n        [data]=\"approvalRows()\"\r\n        [columns]=\"approvalColumns()\"\r\n        storageKey=\"work-center-process-preview-table\"\r\n        [showFilters]=\"false\"\r\n        [generalSearch]=\"false\"\r\n        [clickableRows]=\"false\"\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        Process approvals data is not available for this item yet.\r\n      </p>\r\n    </div>\r\n  }\r\n}\r\n", styles: [":host ::ng-deep .wc-process-preview-schema .wf-detail-row{align-items:center}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { requestId: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestId", required: false }] }], view: [{ type: i0.Input, args: [{ isSignal: true, alias: "view", required: false }] }] } });
+function buildEntity(name, viewType, value) {
+    return {
+        name,
+        viewType,
+        value: value ?? '',
+        configuration: {
+            hideName: true,
+        },
+    };
+}
+
+export { WorkCenterProcessPreview };
+//# sourceMappingURL=masterteam-work-center-work-center-process-preview-qG9T9HoP.mjs.map