@acorex-platform/module-workflow-management-client 0.0.21

package/fesm2022/acorex-platform-module-workflow-management-client-workflow-run-history-popup.component-BWOyivC5.mjs

@@ -0,0 +1,588 @@
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, inject, signal, effect, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i4 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i1 from '@acorex/components/loading';
+import { AXLoadingModule } from '@acorex/components/loading';
+import { AXBasePageComponent } from '@acorex/components/page';
+import * as i3 from '@acorex/components/tabs';
+import { AXTabsModule } from '@acorex/components/tabs';
+import * as i5 from '@acorex/core/format';
+import { AXFormatModule } from '@acorex/core/format';
+import * as i7 from '@acorex/core/translation';
+import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
+import { AXPExpressionEvaluatorService } from '@acorex-platform/framework-client/core';
+import { AXPEntityService, AXPEntityDefinitionRegistryService } from '@acorex-platform/framework-client/layout/entity';
+import { AXPActivityDefinitionService, AXPWorkflowDefinitionService, WorkflowExpressionScopeService } from '@acorex-platform/framework-client/workflow';
+import { toString, get } from 'lodash';
+import { b as buildWorkflowTaskDisplayParamsFromWorkflowState, d as buildWorkflowTaskDisplayParams, r as rehydrateWorkflowStateInputTitles } from './acorex-platform-module-workflow-management-client-acorex-platform-module-workflow-management-client-B_Sl7G2v.mjs';
+import { f as formatReadableActivityName } from './acorex-platform-module-workflow-management-client-workflow-activity-instance-rows.utils-CMVZYS4y.mjs';
+
+//#region ---- Imports ----
+//#endregion
+//#region ---- Constants ----
+/** Activity types omitted from end-user history (internal plumbing). */
+const HIDDEN_ACTIVITY_NAMES = new Set(['workflow-activity:get-current-session-user']);
+/** Activity types that show assignee and performer in end-user history. */
+const USER_PARTICIPANT_ACTIVITY_NAMES = new Set([
+    'workflow-activity:human-task',
+    'workflow-activity:cartable',
+    'workflow-activity:sign-off',
+    'workflow-activity:rejection-reason',
+    'workflow-activity:create-entity-form',
+]);
+const ACTIVITY_STATUS_KEYS = {
+    Running: '@workflow-management:workflow-run.history.activity-status.running',
+    Completed: '@workflow-management:workflow-run.history.activity-status.completed',
+    Pending: '@workflow-management:workflow-run.history.activity-status.pending',
+    Executing: '@workflow-management:workflow-run.history.activity-status.executing',
+    Suspended: '@workflow-management:workflow-run.history.activity-status.suspended',
+    Canceled: '@workflow-management:workflow-run.history.activity-status.canceled',
+    Cancelled: '@workflow-management:workflow-run.history.activity-status.canceled',
+    Faulted: '@workflow-management:workflow-run.history.activity-status.faulted',
+    Failed: '@workflow-management:workflow-run.history.activity-status.failed',
+};
+//#endregion
+//#region ---- Helpers ----
+function normalizeUserIds(value) {
+    if (value == null) {
+        return [];
+    }
+    if (Array.isArray(value)) {
+        return value.filter((v) => typeof v === 'string' && v.trim().length > 0);
+    }
+    if (typeof value === 'string' && value.trim().length > 0) {
+        return [value.trim()];
+    }
+    return [];
+}
+function formatPerformedByLabel(label, id, empty) {
+    const labelText = label != null && String(label).trim() !== '' ? String(label).trim() : '';
+    if (labelText && labelText !== 'System') {
+        return labelText;
+    }
+    const idText = id != null && String(id).trim() !== '' ? String(id).trim() : '';
+    if (idText) {
+        return idText;
+    }
+    return empty;
+}
+function isTranslationKey(value) {
+    return value.trim().startsWith('@');
+}
+function getGraphHumanTaskContext(graphActivity) {
+    const context = graphActivity?.inputs?.['context'];
+    if (context != null && typeof context === 'object' && !Array.isArray(context)) {
+        return context;
+    }
+    return undefined;
+}
+function parseBookmarkPayload(bookmark) {
+    if (bookmark?.payload && typeof bookmark.payload === 'object') {
+        return bookmark.payload;
+    }
+    const raw = bookmark?.payloadJson?.trim();
+    if (!raw) {
+        return null;
+    }
+    try {
+        const parsed = JSON.parse(raw);
+        return parsed != null && typeof parsed === 'object' && !Array.isArray(parsed)
+            ? parsed
+            : null;
+    }
+    catch {
+        return null;
+    }
+}
+function hasUnresolvedInterpolation(value) {
+    return /\{\{[^}]+\}\}/.test(value);
+}
+async function resolveDisplayText(translationService, value, params) {
+    const raw = value?.trim();
+    if (!raw) {
+        return '';
+    }
+    if (!isTranslationKey(raw)) {
+        return raw;
+    }
+    return translationService.translateAsync(raw, { params });
+}
+function isModuleEntityRef(value) {
+    return /^[A-Za-z][\w]*\.[A-Za-z][\w]*$/.test(value.trim());
+}
+async function resolveGraphActivityTitle(translationService, graphActivity, workflowState, taskTranslationDeps, titleResolveContext) {
+    const graphTitle = typeof graphActivity?.title === 'string' ? graphActivity.title.trim() : '';
+    if (graphTitle) {
+        if (isTranslationKey(graphTitle)) {
+            const params = await buildWorkflowTaskDisplayParamsFromWorkflowState(workflowState, taskTranslationDeps);
+            const resolved = await resolveDisplayText(translationService, graphTitle, params);
+            if (resolved && !hasUnresolvedInterpolation(resolved)) {
+                return resolved;
+            }
+        }
+        if (isModuleEntityRef(graphTitle) && titleResolveContext?.resolveEntityRefTitle) {
+            const entityTitle = await titleResolveContext.resolveEntityRefTitle(graphTitle);
+            if (entityTitle.trim()) {
+                return entityTitle.trim();
+            }
+        }
+        if (!isModuleEntityRef(graphTitle)) {
+            const params = await buildWorkflowTaskDisplayParamsFromWorkflowState(workflowState, taskTranslationDeps);
+            const resolved = await resolveDisplayText(translationService, graphTitle, params);
+            if (resolved && !hasUnresolvedInterpolation(resolved)) {
+                return resolved;
+            }
+        }
+    }
+    const inputTitle = typeof graphActivity?.inputs?.['title'] === 'string' ? graphActivity.inputs['title'].trim() : '';
+    if (inputTitle) {
+        const params = await buildWorkflowTaskDisplayParamsFromWorkflowState(workflowState, taskTranslationDeps);
+        const resolved = await resolveDisplayText(translationService, inputTitle, params);
+        if (resolved && !hasUnresolvedInterpolation(resolved)) {
+            return resolved;
+        }
+    }
+    const activityName = graphActivity?.name?.trim() ?? '';
+    if (activityName && titleResolveContext?.resolveActivityDefinitionTitle) {
+        const definitionTitle = await titleResolveContext.resolveActivityDefinitionTitle(activityName);
+        if (definitionTitle.trim()) {
+            return definitionTitle.trim();
+        }
+    }
+    return '';
+}
+async function resolveStepTitle(translationService, graphActivity, nodeId, isHumanTask, payload, workflowState, taskTranslationDeps, titleResolveContext) {
+    if (isHumanTask) {
+        const payloadContext = payload?.['context'] && typeof payload['context'] === 'object'
+            ? payload['context']
+            : undefined;
+        const graphContext = getGraphHumanTaskContext(graphActivity);
+        const graphParams = await buildWorkflowTaskDisplayParams(graphContext, workflowState, taskTranslationDeps);
+        const payloadParams = await buildWorkflowTaskDisplayParams(payloadContext, workflowState, taskTranslationDeps);
+        const taskParams = { ...graphParams, ...payloadParams };
+        const payloadTitle = typeof payload?.['title'] === 'string' ? payload['title'].trim() : '';
+        const graphTitle = typeof graphActivity?.inputs?.['title'] === 'string' ? graphActivity.inputs['title'].trim() : '';
+        const titleSource = payloadTitle || graphTitle;
+        if (titleSource) {
+            const resolved = await resolveDisplayText(translationService, titleSource, taskParams);
+            if (resolved && !hasUnresolvedInterpolation(resolved)) {
+                return resolved;
+            }
+        }
+        if (taskParams['employeeDisplayName']?.trim() && taskParams['leaveTypeTitle']?.trim()) {
+            return `${taskParams['employeeDisplayName']} — ${taskParams['leaveTypeTitle']}`;
+        }
+    }
+    const resolvedGraphTitle = await resolveGraphActivityTitle(translationService, graphActivity, workflowState, taskTranslationDeps, titleResolveContext);
+    if (resolvedGraphTitle) {
+        return resolvedGraphTitle;
+    }
+    const rawTitle = graphActivity?.name
+        ? formatReadableActivityName(graphActivity.name)
+        : formatReadableActivityName(nodeId);
+    return rawTitle;
+}
+async function resolveActivityStatus(translationService, status) {
+    const normalized = (status ?? '').trim();
+    if (!normalized) {
+        return '';
+    }
+    const key = ACTIVITY_STATUS_KEYS[normalized] ?? ACTIVITY_STATUS_KEYS[normalized.toLowerCase()];
+    if (key) {
+        return translationService.translateAsync(key);
+    }
+    return formatReadableActivityName(normalized);
+}
+async function resolveUserDisplayName(userEntityData, userId, cache) {
+    const id = userId.trim();
+    if (!id) {
+        return '';
+    }
+    const cached = cache.get(id);
+    if (cached) {
+        return cached;
+    }
+    let display = id;
+    try {
+        const row = await userEntityData.byKey(id);
+        if (row && typeof row === 'object') {
+            const displayName = 'displayName' in row ? String(row.displayName ?? '').trim() : '';
+            const username = 'username' in row ? String(row.username ?? '').trim() : '';
+            display = displayName || username || id;
+        }
+    }
+    catch {
+        display = id;
+    }
+    cache.set(id, display);
+    return display;
+}
+async function resolveAssigneeDisplay(payload, userEntityData, userCache, emptyLabel) {
+    if (!payload) {
+        return emptyLabel;
+    }
+    const assigned = normalizeUserIds(payload['assignedUserIds']);
+    if (assigned.length > 0) {
+        const names = await Promise.all(assigned.map((id) => resolveUserDisplayName(userEntityData, id, userCache)));
+        return names.filter((name) => name.length > 0).join(', ') || emptyLabel;
+    }
+    const candidates = normalizeUserIds(payload['candidateUserIds']);
+    if (candidates.length > 0) {
+        const names = await Promise.all(candidates.map((id) => resolveUserDisplayName(userEntityData, id, userCache)));
+        return names.filter((name) => name.length > 0).join(', ') || emptyLabel;
+    }
+    return emptyLabel;
+}
+/**
+ * Resolves who was assigned to a step (original assignee when take-over occurred).
+ */
+async function resolveStepAssignee(nodeId, props, payload, userEntityData, userCache, emptyLabel) {
+    const reassign = props[`${nodeId}_reassignedToSelf`];
+    if (reassign && typeof reassign === 'object' && !Array.isArray(reassign)) {
+        const fromIds = normalizeUserIds(reassign.fromUserIds);
+        if (fromIds.length > 0) {
+            const names = await Promise.all(fromIds.map((id) => resolveUserDisplayName(userEntityData, id, userCache)));
+            const joined = names.filter((name) => name.length > 0).join(', ');
+            if (joined) {
+                return joined;
+            }
+        }
+    }
+    const assignedAudit = normalizeUserIds(props[`${nodeId}_assignedUserIds`]);
+    if (assignedAudit.length > 0) {
+        const names = await Promise.all(assignedAudit.map((id) => resolveUserDisplayName(userEntityData, id, userCache)));
+        const joined = names.filter((name) => name.length > 0).join(', ');
+        if (joined) {
+            return joined;
+        }
+    }
+    const fromBookmark = await resolveAssigneeDisplay(payload, userEntityData, userCache, '');
+    if (fromBookmark) {
+        return fromBookmark;
+    }
+    return emptyLabel;
+}
+function resolveReporterDisplay(instance) {
+    const audit = instance.auditInfo?.created?.by;
+    if (audit?.fullName?.trim()) {
+        return audit.fullName.trim();
+    }
+    if (instance.assignUserRef?.displayName?.trim()) {
+        return instance.assignUserRef.displayName.trim();
+    }
+    return '';
+}
+function shouldIncludeActivity(graphActivity) {
+    const name = graphActivity?.name?.trim();
+    if (name && HIDDEN_ACTIVITY_NAMES.has(name)) {
+        return false;
+    }
+    return true;
+}
+//#endregion
+//#region ---- Builder ----
+/**
+ * Builds end-user workflow history rows (no technical audit fields, resolved titles and user names).
+ */
+function resolveInstanceStatusTranslationKey(status, subStatus) {
+    const normalizedStatus = status.trim().toLowerCase();
+    const normalizedSubStatus = subStatus.trim().toLowerCase();
+    const combined = `${normalizedStatus}-${normalizedSubStatus}`;
+    const combinedMap = {
+        'running-executing': 'in-progress',
+        'running-suspended': 'pending-user-action',
+        'running-pending': 'waiting',
+        'running-idle': 'waiting',
+        'finished-finished': 'completed',
+        'finished-faulted': 'failed',
+        'finished-cancelled': 'cancelled',
+        'finished-canceled': 'cancelled',
+    };
+    if (combinedMap[combined]) {
+        return combinedMap[combined];
+    }
+    if (normalizedStatus === 'running') {
+        return 'in-progress';
+    }
+    if (normalizedStatus === 'finished') {
+        return 'completed';
+    }
+    return 'unknown';
+}
+async function resolveWorkflowInstanceStatusDisplay(translationService, instance) {
+    if (!instance) {
+        return '';
+    }
+    const statusKey = resolveInstanceStatusTranslationKey(String(instance.status ?? ''), String(instance.subStatus ?? ''));
+    const translated = await translationService.translateAsync(`@workflow-management:workflow-run.history.instance-status.${statusKey}`);
+    if (translated.trim()) {
+        return translated.trim();
+    }
+    return instance.statusDisplay?.trim() ?? '';
+}
+async function resolveWorkflowTitle(translationService, definition, instance) {
+    if (definition?.title != null) {
+        const resolved = translationService.resolve(definition.title);
+        if (resolved?.trim()) {
+            return resolved.trim();
+        }
+    }
+    return (instance?.workflowTitle?.trim() ||
+        instance?.name?.trim() ||
+        instance?.definitionId?.trim() ||
+        '');
+}
+async function buildWorkflowHistoryPopupTitleAsync(translationService, definition, instance) {
+    const workflowTitle = await resolveWorkflowTitle(translationService, definition, instance);
+    const statusDisplay = await resolveWorkflowInstanceStatusDisplay(translationService, instance);
+    if (workflowTitle && statusDisplay) {
+        return translationService.translateAsync('@workflow-management:workflow-run.history.popup-title', {
+            params: { workflowTitle, statusDisplay },
+        });
+    }
+    return workflowTitle || statusDisplay;
+}
+async function buildWorkflowHistoryRows(instance, definition, translationService, userEntityData, emptyLabel, taskTranslationDeps, titleResolveContext) {
+    const wi = instance?.workflowInstance;
+    if (!wi?.workflowState) {
+        return [];
+    }
+    const props = (wi.workflowState.properties ?? {});
+    const contexts = wi.workflowState.activityExecutionContexts ?? [];
+    const activities = definition?.graph?.activities ?? [];
+    const findActivity = (nodeId) => activities.find((a) => a.id === nodeId);
+    const workflowState = wi.workflowState;
+    const extended = wi;
+    const bookmarks = extended.bookmarks ?? [];
+    const userCache = new Map();
+    const rows = [];
+    for (const ctx of contexts) {
+        const nodeId = ctx.scheduledActivityNodeId;
+        const graphActivity = findActivity(nodeId);
+        if (!shouldIncludeActivity(graphActivity)) {
+            continue;
+        }
+        const activityName = graphActivity?.name?.trim() ?? '';
+        const isHumanTask = activityName === 'workflow-activity:human-task' || activityName === 'workflow-activity:cartable';
+        const showsParticipants = USER_PARTICIPANT_ACTIVITY_NAMES.has(activityName);
+        const bookmark = bookmarks.find((b) => b.activityId === nodeId);
+        const payload = parseBookmarkPayload(bookmark);
+        const stepTitle = await resolveStepTitle(translationService, graphActivity, nodeId, isHumanTask, payload, workflowState, taskTranslationDeps, titleResolveContext);
+        const labelKey = `${nodeId}_completedByLabel`;
+        const idKey = `${nodeId}_completedByUserId`;
+        let performedBy = '';
+        const performedByLabel = formatPerformedByLabel(props[labelKey], props[idKey], '');
+        if (performedByLabel && performedByLabel !== 'System') {
+            performedBy = performedByLabel;
+        }
+        else if (props[idKey] != null && String(props[idKey]).trim() !== '') {
+            performedBy = await resolveUserDisplayName(userEntityData, String(props[idKey]), userCache);
+        }
+        else if (performedByLabel === 'System') {
+            performedBy = await translationService.translateAsync('@workflow-management:workflow-run.history.system-performer');
+        }
+        else if (showsParticipants) {
+            const fallbackUserId = toString(get(props, 'managerUserId')).trim() || toString(get(props, 'initiatorUserId')).trim();
+            if (fallbackUserId) {
+                performedBy = await resolveUserDisplayName(userEntityData, fallbackUserId, userCache);
+            }
+        }
+        let assignee = showsParticipants
+            ? await resolveStepAssignee(nodeId, props, payload, userEntityData, userCache, emptyLabel)
+            : '';
+        if (showsParticipants && (!assignee || assignee === emptyLabel) && performedBy) {
+            assignee = performedBy;
+        }
+        if (showsParticipants && !performedBy) {
+            performedBy = emptyLabel;
+        }
+        if (showsParticipants && !assignee) {
+            assignee = emptyLabel;
+        }
+        const status = String(ctx.status ?? '');
+        const statusDisplay = await resolveActivityStatus(translationService, status);
+        rows.push({
+            contextId: ctx.id,
+            nodeId,
+            stepTitle,
+            status,
+            statusDisplay,
+            performedBy,
+            assignee,
+            startedAt: ctx.startedAt ?? '',
+            completedAt: ctx.completedAt ?? null,
+            isHumanTask,
+            showsParticipants,
+        });
+    }
+    rows.sort((a, b) => {
+        const ta = new Date(a.startedAt).getTime();
+        const tb = new Date(b.startedAt).getTime();
+        if (ta !== tb) {
+            return ta - tb;
+        }
+        return a.contextId.localeCompare(b.contextId);
+    });
+    return rows;
+}
+/** Popup header: workflow title and human-readable status (e.g. "Create Leave Request - Completed"). */
+function buildWorkflowHistoryPopupTitle(workflowTitle, statusDisplay) {
+    const title = workflowTitle.trim();
+    const status = statusDisplay.trim();
+    if (title && status) {
+        return `${title} - ${status}`;
+    }
+    return title || status;
+}
+/** Summary metadata shown above the timeline (reporter and workflow start time). */
+function buildWorkflowHistorySummary(instance) {
+    if (!instance) {
+        return { reporter: '', startedAt: null };
+    }
+    return {
+        reporter: resolveReporterDisplay(instance),
+        startedAt: instance.createdAt?.trim() || null,
+    };
+}
+//#endregion
+
+//#region ---- Imports ----
+//#endregion
+//#region ---- Component ----
+/**
+ * Popup: workflow run history with Timeline and Visual diagram tabs.
+ */
+class AXMWorkflowRunHistoryPopupComponent extends AXBasePageComponent {
+    //#endregion
+    //#region ---- Lifecycle ----
+    constructor() {
+        super();
+        /** Injected by {@link AXPopupService} when opened as a popup. */
+        this.__popup__ = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "__popup__" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- Services & Dependencies ----
+        this.entityService = inject(AXPEntityService);
+        this.entityDefinitionRegistry = inject(AXPEntityDefinitionRegistryService);
+        this.activityDefinitionService = inject(AXPActivityDefinitionService);
+        this.workflowDefinitionService = inject(AXPWorkflowDefinitionService);
+        this.translationService = inject(AXTranslationService);
+        this.expressionScopeService = inject(WorkflowExpressionScopeService);
+        this.expressionEvaluator = inject(AXPExpressionEvaluatorService);
+        this.userEntityData = this.entityService.withEntity('SecurityManagement', 'User').data();
+        //#endregion
+        //#region ---- State ----
+        this.activeTabIndex = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "activeTabIndex" }] : /* istanbul ignore next */ []));
+        this.isBusy = signal(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isBusy" }] : /* istanbul ignore next */ []));
+        this.summary = signal({ reporter: '', startedAt: null }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "summary" }] : /* istanbul ignore next */ []));
+        this.definition = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "definition" }] : /* istanbul ignore next */ []));
+        this.rows = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+        this.popupTitle = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "popupTitle" }] : /* istanbul ignore next */ []));
+        effect(() => {
+            const title = this.popupTitle().trim();
+            const popupRef = this.__popup__();
+            if (title && popupRef) {
+                popupRef.setTitle(title);
+            }
+        });
+    }
+    async ngOnInit() {
+        super.ngOnInit();
+        await this.loadHistory();
+    }
+    //#endregion
+    //#region ---- Tab handlers ----
+    handleTabChange(event) {
+        this.activeTabIndex.set(event.index);
+    }
+    //#endregion
+    //#region ---- Data loading ----
+    async loadHistory() {
+        const trimmed = this.instanceId?.trim();
+        if (!trimmed) {
+            this.isBusy.set(false);
+            return;
+        }
+        this.isBusy.set(true);
+        try {
+            const emptyLabel = '—';
+            const loaded = await this.entityService
+                .withEntity('WorkflowManagement', 'WorkflowInstance')
+                .data()
+                .byKey(trimmed);
+            const defId = loaded?.definitionId?.trim();
+            let definition = null;
+            if (defId) {
+                definition = (await this.workflowDefinitionService.getWorkflowByName(defId)) ?? null;
+            }
+            this.definition.set(definition);
+            this.popupTitle.set(await buildWorkflowHistoryPopupTitleAsync(this.translationService, definition, loaded ?? null));
+            this.summary.set(buildWorkflowHistorySummary(loaded ?? null));
+            const titleResolveContext = {
+                resolveActivityDefinitionTitle: async (activityName) => {
+                    const activityDef = await this.activityDefinitionService.getActivityByName(activityName);
+                    return activityDef?.title ? (this.translationService.resolve(activityDef.title) ?? '') : '';
+                },
+                resolveEntityRefTitle: async (moduleEntityRef) => {
+                    const [module, entity] = moduleEntityRef.split('.');
+                    if (!module?.trim() || !entity?.trim()) {
+                        return '';
+                    }
+                    try {
+                        const entityDef = await this.entityDefinitionRegistry.resolve(module.trim(), entity.trim());
+                        return entityDef?.title ? (this.translationService.resolve(entityDef.title) ?? '') : '';
+                    }
+                    catch {
+                        return '';
+                    }
+                },
+            };
+            const historyRows = await buildWorkflowHistoryRows(loaded ?? null, definition, this.translationService, this.userEntityData, emptyLabel, {
+                expressionScopeService: this.expressionScopeService,
+                expressionEvaluator: this.expressionEvaluator,
+                translationService: this.translationService,
+                resolveWorkflowStateForTasks: (workflowState) => rehydrateWorkflowStateInputTitles(workflowState, this.translationService, async (entity, id) => {
+                    const row = await this.entityService.withEntity(entity).data().byKey(id);
+                    return row && typeof row === 'object' ? row : null;
+                }),
+            }, titleResolveContext);
+            this.rows.set(historyRows);
+        }
+        finally {
+            this.isBusy.set(false);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMWorkflowRunHistoryPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMWorkflowRunHistoryPopupComponent, isStandalone: true, selector: "axm-workflow-run-history-popup", inputs: { __popup__: { classPropertyName: "__popup__", publicName: "__popup__", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<ax-content>\n  <div class=\"axm-workflow-run-history-popup\">\n    <div class=\"axm-workflow-run-history-popup__sticky\">\n      <div class=\"axm-workflow-run-history-popup__sticky-bar\">\n        @if (summary().reporter || summary().startedAt) {\n          <div class=\"axm-workflow-run-history-popup__overview\" role=\"list\">\n            @if (summary().reporter) {\n              <div class=\"axm-workflow-run-history-popup__overview-item\" role=\"listitem\">\n                <span class=\"axm-workflow-run-history-popup__overview-k\">\n                  {{ '@workflow-management:workflow-run.history.field.reporter' | translate | async }}\n                </span>\n                <span class=\"axm-workflow-run-history-popup__overview-v\" [textContent]=\"summary().reporter\"></span>\n              </div>\n            }\n            @if (summary().startedAt) {\n              <div class=\"axm-workflow-run-history-popup__overview-item\" role=\"listitem\">\n                <span class=\"axm-workflow-run-history-popup__overview-k\">\n                  {{ '@workflow-management:workflow-run.history.field.started-at' | translate | async }}\n                </span>\n                <span class=\"axm-workflow-run-history-popup__overview-v\">\n                  {{ summary().startedAt | format: 'datetime' : 'short' | async }}\n                </span>\n              </div>\n            }\n          </div>\n        }\n\n        <ax-tabs\n          class=\"axm-workflow-run-history-popup__tabs\"\n          [look]=\"'with-line'\"\n          (onActiveTabChanged)=\"handleTabChange($event)\"\n        >\n          <ax-tab-item\n            [key]=\"'timeline'\"\n            [text]=\"('@workflow-management:workflow-run.history.tabs.timeline.title' | translate | async)!\"\n            [active]=\"activeTabIndex() === 0\"\n          >\n            <ax-prefix>\n              <ax-icon icon=\"fa-light fa-list-timeline\"></ax-icon>\n            </ax-prefix>\n          </ax-tab-item>\n          <ax-tab-item\n            [key]=\"'visual'\"\n            [text]=\"('@workflow-management:workflow-run.history.tabs.visual.title' | translate | async)!\"\n            [active]=\"activeTabIndex() === 1\"\n          >\n            <ax-prefix>\n              <ax-icon icon=\"fa-light fa-diagram-project\"></ax-icon>\n            </ax-prefix>\n          </ax-tab-item>\n        </ax-tabs>\n      </div>\n    </div>\n\n    <div class=\"axm-workflow-run-history-popup__panel\">\n      @if (activeTabIndex() === 0) {\n        @defer (on viewport) {\n          <axm-workflow-run-history-timeline-tab [rows]=\"rows()\" [isBusy]=\"isBusy()\" />\n        } @placeholder {\n          <div class=\"axm-workflow-run-history-popup__defer-placeholder\" aria-busy=\"true\">\n            <ax-loading></ax-loading>\n          </div>\n        } @loading {\n          <div class=\"axm-workflow-run-history-popup__defer-placeholder\" aria-busy=\"true\">\n            <ax-loading></ax-loading>\n          </div>\n        }\n      }\n\n      @if (activeTabIndex() === 1) {\n        @defer (on viewport) {\n          <axm-workflow-run-history-visual-tab\n            [definition]=\"definition()\"\n            [rows]=\"rows()\"\n            [isBusy]=\"isBusy()\"\n          />\n        } @placeholder {\n          <div class=\"axm-workflow-run-history-popup__defer-placeholder\" aria-busy=\"true\">\n            <ax-loading></ax-loading>\n          </div>\n        } @loading {\n          <div class=\"axm-workflow-run-history-popup__defer-placeholder\" aria-busy=\"true\">\n            <ax-loading></ax-loading>\n          </div>\n        }\n      }\n    </div>\n  </div>\n</ax-content>\n", styles: ["@layer properties;.axm-workflow-run-history-popup{box-sizing:border-box;display:flex;height:100%;min-height:30vh;flex-direction:column;max-height:min(70vh,40rem)}.axm-workflow-run-history-popup .axm-workflow-run-history-popup__sticky{position:sticky;top:0;z-index:2;flex-shrink:0;padding-inline:calc(var(--spacing, .25rem) * 6);background:rgb(var(--ax-sys-color-surface));border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.axm-workflow-run-history-popup .axm-workflow-run-history-popup__sticky-bar{display:flex;min-height:calc(var(--spacing, .25rem) * 12);flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.5rem 1.5rem}.axm-workflow-run-history-popup .axm-workflow-run-history-popup__overview{display:flex;min-width:0px;flex-wrap:wrap;align-items:center;padding-block:calc(var(--spacing, .25rem) * 3);gap:.5rem 1.25rem}.axm-workflow-run-history-popup .axm-workflow-run-history-popup__overview-item{display:flex;min-width:0px;align-items:baseline;gap:.375rem}.axm-workflow-run-history-popup .axm-workflow-run-history-popup__overview-k{flex-shrink:0;font-size:.6875rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;line-height:1.2;letter-spacing:.04em;color:rgb(var(--ax-sys-color-on-light-surface))}.axm-workflow-run-history-popup .axm-workflow-run-history-popup__overview-v{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);line-height:1.35;color:rgb(var(--ax-sys-color-on-surface))}.axm-workflow-run-history-popup .axm-workflow-run-history-popup__tabs{min-width:0px;flex:auto;min-width:min(100%,12rem);margin-inline-start:auto}.axm-workflow-run-history-popup .axm-workflow-run-history-popup__panel{min-height:0px;flex:auto;overflow-y:auto;padding-inline:calc(var(--spacing, .25rem) * 6);padding-top:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 6)}.axm-workflow-run-history-popup .axm-workflow-run-history-popup__defer-placeholder{display:flex;min-height:calc(var(--spacing, .25rem) * 32);align-items:center;justify-content:center}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i3.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i3.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXFormatPipe, name: "format" }, { kind: "pipe", type: i7.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None, deferBlockDependencies: [() => [/* @ts-ignore */
+                import('./acorex-platform-module-workflow-management-client-workflow-run-history-timeline-tab.component-AnJ-Pywf.mjs').then(m => m.AXMWorkflowRunHistoryTimelineTabComponent)], () => [/* @ts-ignore */
+                import('./acorex-platform-module-workflow-management-client-workflow-run-history-visual-tab.component-Bw68Jwcb.mjs').then(m => m.AXMWorkflowRunHistoryVisualTabComponent)]] }); }
+}
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "22.0.8", ngImport: i0, type: AXMWorkflowRunHistoryPopupComponent, resolveDeferredDeps: () => [/* @ts-ignore */
+        import('./acorex-platform-module-workflow-management-client-workflow-run-history-timeline-tab.component-AnJ-Pywf.mjs').then(m => m.AXMWorkflowRunHistoryTimelineTabComponent), /* @ts-ignore */
+        import('./acorex-platform-module-workflow-management-client-workflow-run-history-visual-tab.component-Bw68Jwcb.mjs').then(m => m.AXMWorkflowRunHistoryVisualTabComponent)], resolveMetadata: (AXMWorkflowRunHistoryTimelineTabComponent, AXMWorkflowRunHistoryVisualTabComponent) => ({ decorators: [{
+                type: Component,
+                args: [{ selector: 'axm-workflow-run-history-popup', imports: [
+                            CommonModule,
+                            AXButtonModule,
+                            AXDecoratorModule,
+                            AXLoadingModule,
+                            AXTabsModule,
+                            AXFormatModule,
+                            AXTranslationModule,
+                            AXMWorkflowRunHistoryTimelineTabComponent,
+                            AXMWorkflowRunHistoryVisualTabComponent,
+                        ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ax-content>\n  <div class=\"axm-workflow-run-history-popup\">\n    <div class=\"axm-workflow-run-history-popup__sticky\">\n      <div class=\"axm-workflow-run-history-popup__sticky-bar\">\n        @if (summary().reporter || summary().startedAt) {\n          <div class=\"axm-workflow-run-history-popup__overview\" role=\"list\">\n            @if (summary().reporter) {\n              <div class=\"axm-workflow-run-history-popup__overview-item\" role=\"listitem\">\n                <span class=\"axm-workflow-run-history-popup__overview-k\">\n                  {{ '@workflow-management:workflow-run.history.field.reporter' | translate | async }}\n                </span>\n                <span class=\"axm-workflow-run-history-popup__overview-v\" [textContent]=\"summary().reporter\"></span>\n              </div>\n            }\n            @if (summary().startedAt) {\n              <div class=\"axm-workflow-run-history-popup__overview-item\" role=\"listitem\">\n                <span class=\"axm-workflow-run-history-popup__overview-k\">\n                  {{ '@workflow-management:workflow-run.history.field.started-at' | translate | async }}\n                </span>\n                <span class=\"axm-workflow-run-history-popup__overview-v\">\n                  {{ summary().startedAt | format: 'datetime' : 'short' | async }}\n                </span>\n              </div>\n            }\n          </div>\n        }\n\n        <ax-tabs\n          class=\"axm-workflow-run-history-popup__tabs\"\n          [look]=\"'with-line'\"\n          (onActiveTabChanged)=\"handleTabChange($event)\"\n        >\n          <ax-tab-item\n            [key]=\"'timeline'\"\n            [text]=\"('@workflow-management:workflow-run.history.tabs.timeline.title' | translate | async)!\"\n            [active]=\"activeTabIndex() === 0\"\n          >\n            <ax-prefix>\n              <ax-icon icon=\"fa-light fa-list-timeline\"></ax-icon>\n            </ax-prefix>\n          </ax-tab-item>\n          <ax-tab-item\n            [key]=\"'visual'\"\n            [text]=\"('@workflow-management:workflow-run.history.tabs.visual.title' | translate | async)!\"\n            [active]=\"activeTabIndex() === 1\"\n          >\n            <ax-prefix>\n              <ax-icon icon=\"fa-light fa-diagram-project\"></ax-icon>\n            </ax-prefix>\n          </ax-tab-item>\n        </ax-tabs>\n      </div>\n    </div>\n\n    <div class=\"axm-workflow-run-history-popup__panel\">\n      @if (activeTabIndex() === 0) {\n        @defer (on viewport) {\n          <axm-workflow-run-history-timeline-tab [rows]=\"rows()\" [isBusy]=\"isBusy()\" />\n        } @placeholder {\n          <div class=\"axm-workflow-run-history-popup__defer-placeholder\" aria-busy=\"true\">\n            <ax-loading></ax-loading>\n          </div>\n        } @loading {\n          <div class=\"axm-workflow-run-history-popup__defer-placeholder\" aria-busy=\"true\">\n            <ax-loading></ax-loading>\n          </div>\n        }\n      }\n\n      @if (activeTabIndex() === 1) {\n        @defer (on viewport) {\n          <axm-workflow-run-history-visual-tab\n            [definition]=\"definition()\"\n            [rows]=\"rows()\"\n            [isBusy]=\"isBusy()\"\n          />\n        } @placeholder {\n          <div class=\"axm-workflow-run-history-popup__defer-placeholder\" aria-busy=\"true\">\n            <ax-loading></ax-loading>\n          </div>\n        } @loading {\n          <div class=\"axm-workflow-run-history-popup__defer-placeholder\" aria-busy=\"true\">\n            <ax-loading></ax-loading>\n          </div>\n        }\n      }\n    </div>\n  </div>\n</ax-content>\n", styles: ["@layer properties;.axm-workflow-run-history-popup{box-sizing:border-box;display:flex;height:100%;min-height:30vh;flex-direction:column;max-height:min(70vh,40rem)}.axm-workflow-run-history-popup .axm-workflow-run-history-popup__sticky{position:sticky;top:0;z-index:2;flex-shrink:0;padding-inline:calc(var(--spacing, .25rem) * 6);background:rgb(var(--ax-sys-color-surface));border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.axm-workflow-run-history-popup .axm-workflow-run-history-popup__sticky-bar{display:flex;min-height:calc(var(--spacing, .25rem) * 12);flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.5rem 1.5rem}.axm-workflow-run-history-popup .axm-workflow-run-history-popup__overview{display:flex;min-width:0px;flex-wrap:wrap;align-items:center;padding-block:calc(var(--spacing, .25rem) * 3);gap:.5rem 1.25rem}.axm-workflow-run-history-popup .axm-workflow-run-history-popup__overview-item{display:flex;min-width:0px;align-items:baseline;gap:.375rem}.axm-workflow-run-history-popup .axm-workflow-run-history-popup__overview-k{flex-shrink:0;font-size:.6875rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;line-height:1.2;letter-spacing:.04em;color:rgb(var(--ax-sys-color-on-light-surface))}.axm-workflow-run-history-popup .axm-workflow-run-history-popup__overview-v{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);line-height:1.35;color:rgb(var(--ax-sys-color-on-surface))}.axm-workflow-run-history-popup .axm-workflow-run-history-popup__tabs{min-width:0px;flex:auto;min-width:min(100%,12rem);margin-inline-start:auto}.axm-workflow-run-history-popup .axm-workflow-run-history-popup__panel{min-height:0px;flex:auto;overflow-y:auto;padding-inline:calc(var(--spacing, .25rem) * 6);padding-top:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 6)}.axm-workflow-run-history-popup .axm-workflow-run-history-popup__defer-placeholder{display:flex;min-height:calc(var(--spacing, .25rem) * 32);align-items:center;justify-content:center}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+            }], ctorParameters: () => [], propDecorators: { __popup__: [{ type: i0.Input, args: [{ isSignal: true, alias: "__popup__", required: false }] }] } }) });
+
+export { AXMWorkflowRunHistoryPopupComponent };
+//# sourceMappingURL=acorex-platform-module-workflow-management-client-workflow-run-history-popup.component-BWOyivC5.mjs.map