@acorex/modules 21.0.0-next.71 → 21.0.0-next.72

package/fesm2022/acorex-modules-workflow-management-workflow-run-history-popup.component-CJ0cRwUE.mjs

@@ -0,0 +1,579 @@
+import * as i6 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 i4$1 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/core';
+import { AXPEntityService, AXPEntityDefinitionRegistryService } from '@acorex/platform/layout/entity';
+import { AXPActivityDefinitionService, AXPWorkflowDefinitionService, WorkflowExpressionScopeService } from '@acorex/platform/workflow';
+import { f as formatReadableActivityName, w as workflowActivityStatusChipModifier } from './acorex-modules-workflow-management-workflow-activity-instance-rows.utils-L8W4ogSI.mjs';
+import { toString, get } from 'lodash-es';
+import { b as buildWorkflowTaskDisplayParamsFromWorkflowState, d as buildWorkflowTaskDisplayParams, e as composeWorkflowTaskTitleFromContext } from './acorex-modules-workflow-management-acorex-modules-workflow-management-gXP-srRO.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;
+            }
+        }
+        const composed = (await composeWorkflowTaskTitleFromContext(payloadContext, workflowState, taskTranslationDeps)) ||
+            (await composeWorkflowTaskTitleFromContext(graphContext, workflowState, taskTranslationDeps));
+        if (composed && !hasUnresolvedInterpolation(composed)) {
+            return composed;
+        }
+        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,
+            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 (active) and Visual diagram (disabled for now).
+ */
+class AXMWorkflowRunHistoryPopupComponent extends AXBasePageComponent {
+    //#endregion
+    //#region ---- Lifecycle ----
+    constructor() {
+        super();
+        /** Injected by {@link AXPopupService} when opened as a popup. */
+        this.__popup__ = input(undefined, ...(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, ...(ngDevMode ? [{ debugName: "activeTabIndex" }] : /* istanbul ignore next */ []));
+        this.isBusy = signal(true, ...(ngDevMode ? [{ debugName: "isBusy" }] : /* istanbul ignore next */ []));
+        this.summary = signal({ reporter: '', startedAt: null }, ...(ngDevMode ? [{ debugName: "summary" }] : /* istanbul ignore next */ []));
+        this.rows = signal([], ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+        this.popupTitle = signal('', ...(ngDevMode ? [{ debugName: "popupTitle" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- Timeline helpers ----
+        this.statusChipModifier = workflowActivityStatusChipModifier;
+        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) {
+        if (event.index === 1) {
+            return;
+        }
+        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.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,
+            }, titleResolveContext);
+            this.rows.set(historyRows);
+        }
+        finally {
+            this.isBusy.set(false);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMWorkflowRunHistoryPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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            [disabled]=\"true\"\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        @if (isBusy()) {\n          <div class=\"axm-workflow-run-history-popup__state\">\n            <ax-loading></ax-loading>\n          </div>\n        } @else if (rows().length === 0) {\n          <p class=\"axm-workflow-run-history-popup__empty ax-typo-caption\">\n            {{ '@workflow-management:workflow-run.history.empty' | translate | async }}\n          </p>\n        } @else {\n          <ol class=\"axm-workflow-run-history-popup__timeline\">\n            @for (row of rows(); track row.contextId; let last = $last) {\n              <li class=\"axm-workflow-run-history-popup__step\" [class.axm-workflow-run-history-popup__step--last]=\"last\">\n                <div class=\"axm-workflow-run-history-popup__marker-track\" aria-hidden=\"true\">\n                  <div class=\"axm-workflow-run-history-popup__marker\"></div>\n                </div>\n                <div class=\"axm-workflow-run-history-popup__step-body\">\n                  <div class=\"axm-workflow-run-history-popup__step-header\">\n                    <h4 class=\"axm-workflow-run-history-popup__step-title\" [textContent]=\"row.stepTitle\"></h4>\n                    <span\n                      class=\"ax-inline-flex ax-items-center ax-rounded-md ax-px-2.5 ax-py-1 ax-text-xs ax-font-semibold ax-leading-none axp-status-chip\"\n                      [class]=\"'axp-status-chip--' + statusChipModifier(row.status)\"\n                    >\n                      {{ row.statusDisplay }}\n                    </span>\n                  </div>\n\n                  <div class=\"axm-workflow-run-history-popup__detail-grid\" role=\"list\">\n                    @if (row.startedAt) {\n                      <div class=\"axm-workflow-run-history-popup__detail-pair\" role=\"listitem\">\n                        <span class=\"axm-workflow-run-history-popup__detail-k\">\n                          {{ '@workflow-management:workflow-run.history.field.started-at' | translate | async }}\n                        </span>\n                        <span class=\"axm-workflow-run-history-popup__detail-v\">\n                          {{ row.startedAt | format: 'datetime' : 'short' | async }}\n                        </span>\n                      </div>\n                    }\n                    @if (row.completedAt) {\n                      <div class=\"axm-workflow-run-history-popup__detail-pair\" role=\"listitem\">\n                        <span class=\"axm-workflow-run-history-popup__detail-k\">\n                          {{ '@workflow-management:workflow-run.history.field.completed-at' | translate | async }}\n                        </span>\n                        <span class=\"axm-workflow-run-history-popup__detail-v\">\n                          {{ row.completedAt | format: 'datetime' : 'short' | async }}\n                        </span>\n                      </div>\n                    }\n                    @if (row.showsParticipants) {\n                      <div class=\"axm-workflow-run-history-popup__detail-pair\" role=\"listitem\">\n                        <span class=\"axm-workflow-run-history-popup__detail-k\">\n                          {{ '@workflow-management:workflow-run.history.field.assignee' | translate | async }}\n                        </span>\n                        <span class=\"axm-workflow-run-history-popup__detail-v\" [textContent]=\"row.assignee\"></span>\n                      </div>\n                      <div class=\"axm-workflow-run-history-popup__detail-pair\" role=\"listitem\">\n                        <span class=\"axm-workflow-run-history-popup__detail-k\">\n                          {{ '@workflow-management:workflow-run.history.field.performer' | translate | async }}\n                        </span>\n                        <span class=\"axm-workflow-run-history-popup__detail-v\" [textContent]=\"row.performedBy\"></span>\n                      </div>\n                    }\n                  </div>\n                </div>\n              </li>\n            }\n          </ol>\n        }\n      } @else {\n        <div class=\"axm-workflow-run-history-popup__visual-placeholder\">\n          <ax-icon icon=\"fa-light fa-diagram-project\"></ax-icon>\n          <p>{{ '@workflow-management:workflow-run.history.tabs.visual.coming-soon' | translate | async }}</p>\n        </div>\n      }\n    </div>\n  </div>\n</ax-content>\n", styles: [".axm-workflow-run-history-popup{display:flex;flex-direction:column;height:100%;min-height:30vh;max-height:min(70vh,40rem);box-sizing:border-box}.axm-workflow-run-history-popup__sticky{position:sticky;top:0;z-index:2;flex:0 0 auto;padding:0 1.5rem;background:rgb(var(--ax-sys-color-surface));border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.axm-workflow-run-history-popup__sticky-bar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.5rem 1.5rem;min-height:3rem}.axm-workflow-run-history-popup__overview{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;padding:.75rem 0;min-width:0}.axm-workflow-run-history-popup__overview-item{display:flex;align-items:baseline;gap:.375rem;min-width:0}.axm-workflow-run-history-popup__overview-k{flex:0 0 auto;font-size:.6875rem;font-weight:600;line-height:1.2;text-transform:uppercase;letter-spacing:.04em;color:rgb(var(--ax-sys-color-on-light-surface))}.axm-workflow-run-history-popup__overview-v{font-size:.875rem;font-weight:500;line-height:1.35;color:rgb(var(--ax-sys-color-on-surface))}.axm-workflow-run-history-popup__tabs{flex:1 1 auto;min-width:min(100%,12rem);margin-inline-start:auto}.axm-workflow-run-history-popup__panel{flex:1 1 auto;min-height:0;overflow-y:auto;padding:1rem 1.5rem 1.5rem}.axm-workflow-run-history-popup__state{display:flex;align-items:center;justify-content:center;min-height:8rem}.axm-workflow-run-history-popup__empty{margin:0;padding:2rem 0;text-align:center;color:rgb(var(--ax-sys-color-on-surface-variant))}.axm-workflow-run-history-popup__timeline{position:relative;margin:0;padding:0;list-style:none}.axm-workflow-run-history-popup__timeline:before{content:\"\";position:absolute;inset-inline-start:.625rem;top:.75rem;bottom:.75rem;width:2px;background:rgb(var(--ax-sys-color-border-light-surface));pointer-events:none}.axm-workflow-run-history-popup__step{position:relative;display:flex;align-items:flex-start;gap:.75rem;padding-bottom:1.5rem}.axm-workflow-run-history-popup__marker-track{position:relative;z-index:1;flex:0 0 1.25rem;display:flex;justify-content:center;padding-top:.35rem}.axm-workflow-run-history-popup__marker{flex:0 0 auto;width:.875rem;height:.875rem;border-radius:50%;border:2px solid rgb(var(--ax-sys-color-primary-surface));background:rgb(var(--ax-sys-color-surface));box-sizing:border-box}.axm-workflow-run-history-popup__step-body{flex:1 1 auto;min-width:0;padding:.75rem 1rem;border:1px solid rgb(var(--ax-sys-color-border-light-surface));border-radius:var(--ax-radius-md, .5rem);background:rgb(var(--ax-sys-color-lightest-surface))}.axm-workflow-run-history-popup__step-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.5rem 1rem;margin-bottom:.375rem}.axm-workflow-run-history-popup__step-title{margin:0;flex:1 1 auto;min-width:0;font-size:.9375rem;font-weight:600;line-height:1.35;color:rgb(var(--ax-sys-color-on-surface));text-align:start}.axm-workflow-run-history-popup__detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem;margin-top:.5rem}@media(max-width:29.99rem){.axm-workflow-run-history-popup__detail-grid{grid-template-columns:1fr}}.axm-workflow-run-history-popup__detail-pair{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;min-width:0}.axm-workflow-run-history-popup__detail-k{font-size:.6875rem;font-weight:600;line-height:1.2;text-transform:uppercase;letter-spacing:.04em;color:rgb(var(--ax-sys-color-on-surface-variant))}.axm-workflow-run-history-popup__detail-v{font-size:.8125rem;line-height:1.35;word-break:break-word;color:rgb(var(--ax-sys-color-on-surface));text-align:start}.axm-workflow-run-history-popup__visual-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:12rem;padding:2rem;text-align:center;color:rgb(var(--ax-sys-color-on-surface-variant))}.axm-workflow-run-history-popup__visual-placeholder ax-icon{font-size:2rem;opacity:.5}\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: i4$1.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: i6.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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMWorkflowRunHistoryPopupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-workflow-run-history-popup', imports: [
+                        CommonModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXLoadingModule,
+                        AXTabsModule,
+                        AXFormatModule,
+                        AXTranslationModule,
+                    ], 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            [disabled]=\"true\"\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        @if (isBusy()) {\n          <div class=\"axm-workflow-run-history-popup__state\">\n            <ax-loading></ax-loading>\n          </div>\n        } @else if (rows().length === 0) {\n          <p class=\"axm-workflow-run-history-popup__empty ax-typo-caption\">\n            {{ '@workflow-management:workflow-run.history.empty' | translate | async }}\n          </p>\n        } @else {\n          <ol class=\"axm-workflow-run-history-popup__timeline\">\n            @for (row of rows(); track row.contextId; let last = $last) {\n              <li class=\"axm-workflow-run-history-popup__step\" [class.axm-workflow-run-history-popup__step--last]=\"last\">\n                <div class=\"axm-workflow-run-history-popup__marker-track\" aria-hidden=\"true\">\n                  <div class=\"axm-workflow-run-history-popup__marker\"></div>\n                </div>\n                <div class=\"axm-workflow-run-history-popup__step-body\">\n                  <div class=\"axm-workflow-run-history-popup__step-header\">\n                    <h4 class=\"axm-workflow-run-history-popup__step-title\" [textContent]=\"row.stepTitle\"></h4>\n                    <span\n                      class=\"ax-inline-flex ax-items-center ax-rounded-md ax-px-2.5 ax-py-1 ax-text-xs ax-font-semibold ax-leading-none axp-status-chip\"\n                      [class]=\"'axp-status-chip--' + statusChipModifier(row.status)\"\n                    >\n                      {{ row.statusDisplay }}\n                    </span>\n                  </div>\n\n                  <div class=\"axm-workflow-run-history-popup__detail-grid\" role=\"list\">\n                    @if (row.startedAt) {\n                      <div class=\"axm-workflow-run-history-popup__detail-pair\" role=\"listitem\">\n                        <span class=\"axm-workflow-run-history-popup__detail-k\">\n                          {{ '@workflow-management:workflow-run.history.field.started-at' | translate | async }}\n                        </span>\n                        <span class=\"axm-workflow-run-history-popup__detail-v\">\n                          {{ row.startedAt | format: 'datetime' : 'short' | async }}\n                        </span>\n                      </div>\n                    }\n                    @if (row.completedAt) {\n                      <div class=\"axm-workflow-run-history-popup__detail-pair\" role=\"listitem\">\n                        <span class=\"axm-workflow-run-history-popup__detail-k\">\n                          {{ '@workflow-management:workflow-run.history.field.completed-at' | translate | async }}\n                        </span>\n                        <span class=\"axm-workflow-run-history-popup__detail-v\">\n                          {{ row.completedAt | format: 'datetime' : 'short' | async }}\n                        </span>\n                      </div>\n                    }\n                    @if (row.showsParticipants) {\n                      <div class=\"axm-workflow-run-history-popup__detail-pair\" role=\"listitem\">\n                        <span class=\"axm-workflow-run-history-popup__detail-k\">\n                          {{ '@workflow-management:workflow-run.history.field.assignee' | translate | async }}\n                        </span>\n                        <span class=\"axm-workflow-run-history-popup__detail-v\" [textContent]=\"row.assignee\"></span>\n                      </div>\n                      <div class=\"axm-workflow-run-history-popup__detail-pair\" role=\"listitem\">\n                        <span class=\"axm-workflow-run-history-popup__detail-k\">\n                          {{ '@workflow-management:workflow-run.history.field.performer' | translate | async }}\n                        </span>\n                        <span class=\"axm-workflow-run-history-popup__detail-v\" [textContent]=\"row.performedBy\"></span>\n                      </div>\n                    }\n                  </div>\n                </div>\n              </li>\n            }\n          </ol>\n        }\n      } @else {\n        <div class=\"axm-workflow-run-history-popup__visual-placeholder\">\n          <ax-icon icon=\"fa-light fa-diagram-project\"></ax-icon>\n          <p>{{ '@workflow-management:workflow-run.history.tabs.visual.coming-soon' | translate | async }}</p>\n        </div>\n      }\n    </div>\n  </div>\n</ax-content>\n", styles: [".axm-workflow-run-history-popup{display:flex;flex-direction:column;height:100%;min-height:30vh;max-height:min(70vh,40rem);box-sizing:border-box}.axm-workflow-run-history-popup__sticky{position:sticky;top:0;z-index:2;flex:0 0 auto;padding:0 1.5rem;background:rgb(var(--ax-sys-color-surface));border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.axm-workflow-run-history-popup__sticky-bar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.5rem 1.5rem;min-height:3rem}.axm-workflow-run-history-popup__overview{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;padding:.75rem 0;min-width:0}.axm-workflow-run-history-popup__overview-item{display:flex;align-items:baseline;gap:.375rem;min-width:0}.axm-workflow-run-history-popup__overview-k{flex:0 0 auto;font-size:.6875rem;font-weight:600;line-height:1.2;text-transform:uppercase;letter-spacing:.04em;color:rgb(var(--ax-sys-color-on-light-surface))}.axm-workflow-run-history-popup__overview-v{font-size:.875rem;font-weight:500;line-height:1.35;color:rgb(var(--ax-sys-color-on-surface))}.axm-workflow-run-history-popup__tabs{flex:1 1 auto;min-width:min(100%,12rem);margin-inline-start:auto}.axm-workflow-run-history-popup__panel{flex:1 1 auto;min-height:0;overflow-y:auto;padding:1rem 1.5rem 1.5rem}.axm-workflow-run-history-popup__state{display:flex;align-items:center;justify-content:center;min-height:8rem}.axm-workflow-run-history-popup__empty{margin:0;padding:2rem 0;text-align:center;color:rgb(var(--ax-sys-color-on-surface-variant))}.axm-workflow-run-history-popup__timeline{position:relative;margin:0;padding:0;list-style:none}.axm-workflow-run-history-popup__timeline:before{content:\"\";position:absolute;inset-inline-start:.625rem;top:.75rem;bottom:.75rem;width:2px;background:rgb(var(--ax-sys-color-border-light-surface));pointer-events:none}.axm-workflow-run-history-popup__step{position:relative;display:flex;align-items:flex-start;gap:.75rem;padding-bottom:1.5rem}.axm-workflow-run-history-popup__marker-track{position:relative;z-index:1;flex:0 0 1.25rem;display:flex;justify-content:center;padding-top:.35rem}.axm-workflow-run-history-popup__marker{flex:0 0 auto;width:.875rem;height:.875rem;border-radius:50%;border:2px solid rgb(var(--ax-sys-color-primary-surface));background:rgb(var(--ax-sys-color-surface));box-sizing:border-box}.axm-workflow-run-history-popup__step-body{flex:1 1 auto;min-width:0;padding:.75rem 1rem;border:1px solid rgb(var(--ax-sys-color-border-light-surface));border-radius:var(--ax-radius-md, .5rem);background:rgb(var(--ax-sys-color-lightest-surface))}.axm-workflow-run-history-popup__step-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.5rem 1rem;margin-bottom:.375rem}.axm-workflow-run-history-popup__step-title{margin:0;flex:1 1 auto;min-width:0;font-size:.9375rem;font-weight:600;line-height:1.35;color:rgb(var(--ax-sys-color-on-surface));text-align:start}.axm-workflow-run-history-popup__detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem;margin-top:.5rem}@media(max-width:29.99rem){.axm-workflow-run-history-popup__detail-grid{grid-template-columns:1fr}}.axm-workflow-run-history-popup__detail-pair{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;min-width:0}.axm-workflow-run-history-popup__detail-k{font-size:.6875rem;font-weight:600;line-height:1.2;text-transform:uppercase;letter-spacing:.04em;color:rgb(var(--ax-sys-color-on-surface-variant))}.axm-workflow-run-history-popup__detail-v{font-size:.8125rem;line-height:1.35;word-break:break-word;color:rgb(var(--ax-sys-color-on-surface));text-align:start}.axm-workflow-run-history-popup__visual-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:12rem;padding:2rem;text-align:center;color:rgb(var(--ax-sys-color-on-surface-variant))}.axm-workflow-run-history-popup__visual-placeholder ax-icon{font-size:2rem;opacity:.5}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { __popup__: [{ type: i0.Input, args: [{ isSignal: true, alias: "__popup__", required: false }] }] } });
+
+export { AXMWorkflowRunHistoryPopupComponent };
+//# sourceMappingURL=acorex-modules-workflow-management-workflow-run-history-popup.component-CJ0cRwUE.mjs.map